@charset "UTF-8";
/**
 * 
 * @authors mxyctc (erx@qq.com)
 * @date    2018-06-23 21:58:18
 * @version $Id$
 */

.sideTools{display:none;position:fixed; z-index:999; top:0; right:0; height:100%; width:50px;}
.sideTools .toolbox{ display:table; height:100%; width:100%;}
.sideTools .toolUl{ display:table-cell; vertical-align:middle;}
.sideTools .toolUl .toolLi{box-shadow: 1px 1px 0px #7FC2EC; position:relative; height:50px; -webkit-transition:all .3s ease-in; transition:all .3s ease-in;font-size:12px; background-color:#0689db; margin-top:5px;}
.sideTools .toolUl .toolLi .icon{width:22px;height:24px;margin:5px auto 0;cursor:pointer;background:url(http://www.fsxghl.com/templets/moban/images/botico.png) no-repeat;}
.sideTools .toolUl .toolLi .xyi-tel{background-position:-34px 0;}
.sideTools .toolUl .toolLi .text{ text-align:center; cursor:pointer; color:#fff;}
.sideTools .toolUl .toolLi .tip{ position:absolute; opacity:0; width:210px; padding:10px; min-height:38px; background-color:#fff; right:70px; top:0; border:1px solid #dedede; visibility:hidden; -webkit-transition:all .3s ease-in; transition:all .3s ease-in;box-sizing:border-box;}
.sideTools .toolUl .toolLi .tip:before{ content:""; display:block; width:9px; height:9px; background-color:#fff; position:absolute; right:-6px; top:23px; border-top:1px solid #dedede; border-right:1px solid #dedede;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.sideTools .toolUl .toolLi:hover{ background-color:#0b70bd; opacity:1;}
.sideTools .toolUl .toolLi:hover .tip{ right:50px; visibility:visible; opacity:1;}
.sideTools .toolUl .liC .tip{ width:120px; padding:10px 0; text-align:center;}
.sideTools .toolUl .liC .tip a{display:block;}
.sideTools .toolUl .liE .tip{ line-height:1.6; width:120px; font-size:16px;}
.sideTools .toolUl .tip img{max-width:100%; display:inline-block;vertical-align: middle;}

@media only screen and (max-width: 1200px) {
	/*body{overflow-x:hidden;}*/
	.wrapper{width:94%;padding:0 3%;}
	.top .wrapper, .foot .wrapper{width:100%;padding:0;}
	.top ul{margin:0 auto;}
	.nav ul li{width:auto;margin-right:5%;}
	.bt{position:relative;}
	.bt img{width:30%;margin-bottom:9px;}
	.bt h3{position:absolute;top:0;left:50%;margin-left:-115px;}
	.product{overflow:hidden;}
	.menu{width:20%;border-width:1px;box-sizing:border-box;}
	.menu h4{width:100%;height:auto;font-size:24px; padding-top: 0px; margin-top:20px;}
	.menu h4 span{font-size:16px;}
	.menu ul li{width:90%;margin:0 auto; margin-top: 0px;}
	.menu ul li a{width:auto;}
	.product .tp, .product_cont .product_right, .us_cont .us_right, .new_cont .new_right{width:79%;}
	.product .tp ul, .pdt ul{display:flex;flex-wrap:wrap;overflow:hidden;}
	.product .tp ul li, .pdt ul li{width:33.333333%;height:auto;margin-right:0;padding:0 5px;box-sizing:border-box;}
	.product .tp ul li img, .pdt ul li img{width:100%;height:auto;}
	.us{margin-top:10px;}
	.us .cont{height:auto;}
	.us .cont + img{width:100%;}
	.cont img.gs{width:40%;height:auto;margin-right:0}
	.cont .cont_right{float:right;width:58%;}
	#div1.ryzz, #div1.ryzz ul{width:100% !important;}
	#div1.ryzz ul li{width:25%;height:auto;margin-right:0;padding:0 5px;box-sizing:border-box;}
	#div1.ryzz ul li .pic{width:100%;overflow:hidden;box-sizing:border-box;}
	#div1.ryzz ul li img{width:90%;height:auto;}
	#mybtns{width:100%;}
	#mybtns a{float:none;display:inline-block;}
	#mybtns #right{margin-right:0}
	.news .headlines{width:68%;margin-left:0}
	.new .lf font{display:block;height:80px;overflow:hidden;}
	.news .rg{width:30%;height:auto;border:1px #eee solid;box-sizing:border-box;background:none;}
	.headlines .new{height:auto;margin-top:5px;}
	.new .lf{width:50%;height:auto;box-sizing:border-box;}
	.rg .rg_cont{width:100%;}
	.rg_cont img.js_tp{max-width:100%;height:auto;}
	.foot, .foot .nav_next{height:auto;text-align:center;overflow:hidden;clear:both; display:none;}
	.foot .nav_next{margin:20px 0 10px;}
	.foot *{font-size:12px !important;}
	.nav_next ul li{display:inline-block;float:none;width:auto;margin:0;padding:0 2%;}
	.foot .yq{height:auto;margin:15px 0;overflow:hidden;}
	.yq ul li{width:auto;padding:0 2%;}
	.us_cont img{max-width:90%;height:auto !important;}
	.reInformation li{margin:0 3px 10px;}
}
@media only screen and (max-width: 720px) {
	.top ul, .top .head .rx, .cont .cont_right{display:none;}
	.top .head{height:auto;margin-top:0;padding:5px 10px;box-sizing:border-box;}
	.top .head:after{content:'';position:absolute;top:25px;right:20px;display:block;width:40px;height:40px;background:url(http://www.fsxghl.com/templets/moban/images/xymbnav.png) center center no-repeat;cursor:pointer;}
	.top .head .logo{display:block;float:none;max-width:100%;margin-left:0;}
	.nav{position:fixed;top:0;left:-240px;width:50%;width:240px;height:100%;line-height:48px;z-index:9999}
	.nav ul{margin:0;padding:40px 20px 0 20px;}
	.nav ul li{float:none;margin:0;border-bottom:1px rgba(255,255,255,.3) solid;}
	.nav ul li a{display:block;}
	.banner, #solid, #solid .solid0, #solid .solid1, #solid .solid2, #solid ul li{height:200px;}
	#solid ul li img{height:auto;}
	.bt{margin-bottom:15px;}
	.bt h3{width:160px;font-size:28px;margin-left:-80px;}
	.bt img{margin-bottom:0;}
	.menu{float:none;width:100%;margin-bottom:10px;padding:0 0 10px;overflow:hidden; margin-top: 10px;}
	.menu ul li{float:left;width:35%;margin:1px 0;}
	.product .tp, .product_cont .product_right, .us_cont .us_right, .new_cont .new_right{float:none;width:100%;box-sizing:border-box;}
	.product .tp ul li, .pdt ul li{margin-bottom:18px;}
	.product .tp ul li p, .pdt ul li p{height:32px;line-height:32px;font-size:14px;}
	.cont img.gs, .cont .cont_right, .news .headlines, .news .rg{float:none;width:100%;}
	.news .rg image{display:none;}
	#myscroll{height:240px;}
	#myscroll ul li{width:200px;height:240px;}
	#myscroll ul li a, .case_cont ul li img.case_pic{width:190px;}
	#myscroll ul li a{height:220px;}
	.case_cont ul li img.case_pic{height:190px;}
	.case_cont ul li p{height:30px;line-height:30px;font-size:14px;margin:0;text-align:center;}
	.foot .yq{display:none;}
	.foot p{line-height:24px;}

	.product_right .product_bt h3, .us_right .us_bt h3, .new_right .new_bt h3{font-size:18px;}
	.pg ul li:first-child{margin-left:0;}

	.sideTools{display:block;width:100%;height:50px;left:0;bottom:0;top:auto;}
	.sideTools .toolUl .toolLi{width:50%; float:left; margin-top:0;}
	.sideTools .toolUl .toolLi:before{position:absolute; right:0; top:0; height:100%; width:1px; background-color:#7FC2EC; display:block; content:"";}
	.sideTools .toolUl .toolLi .tip{bottom:50px; left:0; top:auto; right:auto; min-height:50px; line-height:2;}
	.sideTools .toolUl .toolLi:hover .tip{right:auto;}
	.sideTools .toolUl .toolLi .tip:before{bottom:-6px; top:auto; right:auto; left:5px; border-top:0; border-right:0; display:none;}
	.sideTools .toolUl .liC .tip,.sideTools .toolUl .toolLi .tip{ width:100%;}
}
@media only screen and (max-width: 480px) {
	.top .head:after{top:15px;}
	.top .head .logo{max-width:45%;}
	.nav{width:200px;}
	.nav ul li a{font-size:16px;}
	.banner, #solid, #solid .solid0, #solid .solid1, #solid .solid2, #solid ul li{height:90px;}
	.banner .search{height:30px;line-height:30px;}
	.banner .search p{font-size:15px; display:none;}
	.bt{height:55px; display:none;}
	.bt h3{width:140px;font-size:24px;margin-left:-70px;}
	.bt font{font-size:12px;margin-top:3px; display:none;}
	.menu ul li a{font-size:12px;padding-left:20px;background-position:0 center;background-repeat:no-repeat;background-size:auto 20px;}
	.product .tp ul li, #div1.ryzz ul li, .pdt ul li{width:50%;}
	.new .lf{width:100%; display:none;}
	.reInformation ul{width:100%;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden; padding-left: 0px;}
	.reInformation li{width:46%;margin:0 1.5% 8px;padding:5px;box-sizing:border-box;}
	.reInformation .g, .reInformation li img{width:100%;max-width:100%;}
	.xw li p, .xw li span {
	height: 38px;
	font-size: 13px;
	color: #494949;
	line-height: 38px;
	padding-right: 20px;}
	
	.xw li span{display:none;}
	
	.rg_cont ul li a {
	display: block;
	font-size: 12px;
	color: #6c6c6c;
	font-weight: normal;
	margin-left: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
	
	.news .headlines h2 {
	font-size: 24px;
	color: #2d2d2d;
	font-weight: normal;
	float: right;
	margin-left: 0px;
	line-height: 44px;
	text-align: center;}
	
	.leftk {
	border: 1px #fff solid;
	margin-bottom: 10px;
	padding-top: 7px;
	background: #FDFDFD;
	overflow: hidden;
	width: 296px;
	display:none;}
	
	#Contact {
	width: 296px;
	overflow: hidden;
	/* margin-top: 15px; */
	border: 2px solid #fff;
	display:none}
	
	.zbdh {
	width: 100%;
	height: auto;
	float: left;}
	
	.wrapper .rg image{display:none;
						 width:95%}
						 
	.js_tp {
    padding-left: 0px;}
}