@charset "gb2312";
*{word-break:break-all;margin:0;padding:0;}
/*body {behavior:url("../css/csshover3.htc");} */
body{font-size:14px;color:#2b2b2b; font-family:"微软雅黑","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;line-height:30px; background-color:#FFF; overflow-x: hidden; width:100%;}
a{ color:#666; text-decoration:none;}
a:hover{color:#0073ee;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.clearfix:after {content: " ";	display: block;	clear: both;height: 0;}
.clearfix {	zoom: 1;}
.fl{ float:left;}
.fr{ float:right;}
.lan{ color:#1372f4;}
.clear,.c{ clear:both;}
.mcon tr:hover{color:#0368ef;}
.about{ float:right; margin-left:20px;}
.px12{ color:#333333;}
.cptit{ height:30px; overflow:hidden; background-color:#eeeeee;}
.nycptu{ float:left;margin-right:5%;}
.mm{ height:713px;background: url(/uploadfile/201809/26/1723599721.jpg) no-repeat center center; }
table {	border-collapse: collapse;	border-spacing: 0;}
table{display:block;max-width: 100%;  overflow-x:auto; border:none; }

.blank{ clear:both; height:20px;}
img{max-width:100%; border:0; height:auto;}
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;padding-left:5px;background-color:#fff}

.wrap{ width:1200px; margin:0 auto;}
.dqwz{ border-bottom:3px #dddddd double; margin-bottom:10px; color:#0368ef;}

.top2{ width:100%; height:58px; background-color:#007FEA; }
.logo{ float:left;}

.sjdh{ display:none;}
.nav { width:1200px; float:left; margin:0 15px;}
.sydh {	width: 100%;height:58px;position: relative;	z-index:9999;}
.sydh ul {width:100%;height: auto;margin: 0 auto;}
.sydh ul li {width:12%;height:58px; line-height:58px; float: left;background: url(../images/menu-line.jpg) no-repeat left center;}
.sydh ul .nobg {background-image: none;}
.sydh ul li .a01 {width: 100%;line-height:58px;text-align: center;color: #ffffff;	font-size: 16px;display: block;}
.sydh ul li:hover .a01 {background:#FF7003;	color:#fff;}
.dh_xl01 {width: 805px;height: auto;background-color: #fff;	filter: Alpha(Opacity=90); /*IE*/-moz-opacity: 0.9; /*FF*/opacity: 0.9;padding: 20px 0px;position: absolute;left:50px;	top: 58px;z-index: 999999;display: none;}
.dh_xl02 {width: 1200px;height: auto;margin: 0px auto;}
.dh_xl03 {width: 150px;height: auto;margin: 0px auto;}
#a01, #a04, #a05, #a06 {position: relative;}
.dh_xl0 {width:150px;height: auto;background-color: #fff;	position: absolute;	top: 58px;	z-index: 999999;display: none;}
.dh_xl0x {width: 150px;height: auto;background-color: #fff;	position: absolute;	left: 0px;top: 55px;z-index: 999999;display: none;}
.dh_xl0c {width: 420px;height: auto;background-color: #fff;	position: absolute;left: -170px;top: 55px;z-index: 999999;display: none;}
.dh_xl02_l {width: 150px;height: auto;float: left;}
.dh_xl02_l a {height: 30px;line-height: 30px;	background-color:#eeeeee;text-align: center;font-size: 14px;display: block;	margin:8px;}
.dh_xl02_l a:hover {background-color:#ff0000;color: #ffffff;}
.dh_xl02_r {width: 230px;height: auto;float: left;margin-left: 30px;	margin-top: 20px;}
.dh_xl02_r div {height: 123px;}
.dh_xl02_r h2 {	font-size: 14px;height: 26px;}
.dh_xl02_r p {line-height: 20px;	color: #666666;	font-size: 12px;}
.dh_xl02 dl {width: 15.666666%;	margin: 0 0.5%;	float: left;
	text-align: center;}
.dh_xl02 dt {font-size: 16px;font-weight: bold;	border-bottom: 1px #cccccc dashed;}

.dh_xl03 dl {width: 100%;margin: 0 0.5%;	float: left;text-align: center;}
.dh_xl03 dt {font-size: 16px;font-weight: bold;	border-bottom: 1px #cccccc dashed;}
.dh_xl03 dt a {	color: #FF7003;}

.dh_xl02 dt a {	color: #FF7003;}
.dh_xl02 dd {border-bottom: 1px #cccccc dashed;	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dh_xl02 .gd {	width: 100px;margin: 10px auto;	border-radius: 25px;height: 25px;	line-height: 25px;	border: 1px #454545 solid;}
.dh_xl02 .gd:hover {border: 1px #eb0000 solid;}
.dh_xl02 .gd:hover a {color: #ff000;display: block;}
.sjnav {display: none;}

/*页眉*/
.head{ background: #f5f5f5; border-bottom:1px solid #e4e4e4;}
.head p{ float: left; font-size: 15px; color: #666;}
.head .wrap div{ float: right;}
.head a{display: block; float: left; font-size: 15px; color: #666;  margin-right: 10px;}
.logo{ float: left;}

.phon{ float: right;background:url(../images/phone.png) no-repeat 0 15px;margin-top:18px;}
.phon p{  float: right;	padding-left:45px;  font-size:14px;	color:#333;}
.phon p span{ font-family:"Impact";  float: right;font-weight:bold;  font-size:32px; color:#FF7003;}
.header{  padding: 10px 0;}
.head_r li{ float:left;}

/*nav*/
.header .header_nav{ overflow:hidden; width:100%; height:54px; background-color:#0352a9; margin-top:10px;}
.header .header_nav li{ float:left; border-right:1px solid #3071b9; }
.header .header_nav li a{ display:block; color:#fff; padding:0 27px; font-size:16px; font-weight:bold; height:54px; line-height:54px;}
.header .header_nav li a:hover{ color:#F90;}


/*banner*/
#sjbanner_tabs{ display:none;}
.banner{ width:100%;position: relative; z-index:0; clear:both;}
.index_banner{margin:0px auto; width:100%; height:auto; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 9999; display: block; width: 188px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/tg_flash_p.png); background-repeat: no-repeat; }


/*搜索*/
.sousuo{ height:70px; background:#fff; }
.sousuo .gjc{ width:100%; height:70px; overflow:hidden; font-size:14px; font-weight:bold; line-height:70px; color:#333;}
.sousuo .gjc a{ margin-right:15px; font-weight:normal; color:#666;}
.search{ width:290px; height:32px; margin-top:10px;}
.search select{ width:59px; height:30px; vertical-align:top; background:#fff; color:#333; border:1px solid #ccc; text-indent:5px; border-right:none;}
.search .in1{ width:198px; height:30px; background:#1468d0; border:none; float:left; text-indent:10px; color:#eee; line-height:30px;}
.search .in2{ width:30px; height:30px; background:url(../images/s2.png) no-repeat; border:none; float:left; cursor:pointer;}


/*cpzs*/
.cpzs{width: 100%; float: left; background: #f4f5f9;padding-top:30px;padding-bottom: 20px;}
.cpzs .lft-cpzs{width:24%;float: left; height:auto;}
.cpzs .lft-cpzs .tit-cp{height: 92px;color: #fff;background:#007fea url(../images/ico-cp.jpg) 33px no-repeat;}
.cpzs .lft-cpzs .tit-cp h1{font-size: 24px;font-weight: bold; text-align:center; padding-top: 28px;}
.cpzs .lft-cpzs .tit-cp span{font-size: 14px;text-align:center; display:block;}
.bor{border:1px solid #ddd;background: #fff;}
.cpzs .lft-cpzs .bor{padding-top: 15px; height:auto; display:block; overflow:hidden;}
.cpzs .lft-cpzs .bor h3{ display:block; padding: 0 12px; }

.cpzs .lft-cpzs .bor h3 a{display: block;background: #007fea url(../images/ico-jt.png) 230px no-repeat;height: 40px;line-height: 40px; border-radius:20px; padding-left:39px;font-size: 16px; color:#fff;}
.cpzs .lft-cpzs .bor h3 a:hover{background: #f99346 url(../images/ico-jt2.png) 230px no-repeat;}

.cpzs .lft-cpzs .bor .cp-ul{ display:block; width:280px; height:auto; padding-bottom:10px;}
.cpzs .lft-cpzs .bor .cp-ul li{ display:block; height:30px; line-height:30px; overflow:hidden;  width:110px; padding-left:25px; float:left; border-bottom:1px #ccc dashed;}
.cpzs .lft-cpzs .bor .cp-ul li a{ display:block; background:url(../images/flico1.jpg) no-repeat 0 13px; padding-left:8px;} 

.products{overflow: hidden;width: 75%;float: left;}
.products .products-ul{}
.products .products-ul li { position: relative; float: left; width: 31%;  margin:0 10px 15px; border: 1px solid #ddd; box-sizing: border-box;  background: #fff;}

.products .products-ul li a { display: block; padding: 10px 18px 0 18px;}
.border-left{width: 1px;height: 0px;line-height: 0;font-size: 0; background: #007fea;position:absolute;left:-1px;top: -1px;}
.border-bottom{width: 0px;height: 1px;line-height: 0;font-size: 0;background: #007fea;position:absolute;right:-1px;bottom: -1px;}
.border-top{width: 0px;height: 1px;line-height: 0;font-size: 0;background: #007fea;position:absolute;left:-1px;top: -1px;}
.border-right{width: 1px;height: 0px;line-height: 0;font-size: 0;background: #007fea;position:absolute;right:-1px;bottom: -1px;}

.products .products-ul{overflow: hidden;}
.products .products-ul li .img{text-align:center;vertical-align:middle;}
.products .products-ul li .img img{ }
.products .products-ul li strong {  display: block; height: 40px;line-height: 40px; font-size: 15px; text-align: center;  border: 1px dotted #eee; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.products .products-ul li .p { height: 60px;  overflow: hidden; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;  -webkit-line-clamp: 3; font-size: 13px;  line-height: 20px;}

/*gsjj*/
.gsjj{float: left; width: 100%;height:400px; background: url(../images/gsjj-bg.jpg) center no-repeat; }
.gsjj .jdt{width: 36%; float:left; margin: 0 auto;position: relative;}
.gsjj .jdt img{ padding-top:42px;}
.gsjj .about{width:62%; padding-top:45px; float: left;}
.gsjj .about h3{font-size: 35px;color: #fff;}
.gsjj .about h3 em{font-style: normal;color: #73a3e7;font-weight: normal; font-size: 26px;padding-left: 15px; font-variant:small-caps;}
.gsjj .about p.by{font-size: 20px;color: #fff;line-height:50px;}
.gsjj .about .sy-txt{font-size: 14px; line-height: 30px;color: #fff;padding-top:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:8;-webkit-box-orient:vertical;}
.gsjj .about .seemore{color: #fff; float:right; background:#FF7003; padding:0px 15px; border-radius:5px;}


/*anli*/
.anli{width: 100%;float: left;background: #f4f5f9;padding-top: 10px;}
.anli .tit{height: 100px;text-align: center;background: url(../images/tit-bg-gray.jpg) center no-repeat; }
.anli .tit h1{font-weight: bold;font-size: 36px;line-height: 50px;color: #007fea;padding:0 45px;background: #f4f5f9;}
.anli .tit h1 span{color: #ff4600;}
.anli .tit h1 a{color: #007fea;}
.anli .tit p{font-size: 18px;color: #333333;line-height: 30px;padding:0 45px;background: #f4f5f9;}
.anli .tit em{font-style: normal;font-size: 16px;color: #b0b0b0;line-height: 20px;}

.anli-box{width:100%;margin: 0 auto;padding-top: 20px;}
.anli-box ul li{width: 23%;float: left;background: #fff;margin:1%;}
.anli-box ul li img{}
.anli-box ul li h2{padding-left: 20px; display:block;  font-weight: bold;  line-height:40px; font-size:18px; overflow: hidden;margin-top: 5px;text-overflow:ellipsis;white-space:nowrap;}
.anli-box ul li .anli-txt{ font-size: 14px;line-height: 20px;padding:0 20px; height: 40px; overflow: hidden;margin-bottom: 10px;}
.anli-box ul li .see{color: #ff4600;padding-left: 20px;}

.anli-box ul li a{display:block;zoom:1;}
.anli-box ul li a:hover{color: #ff7003;}



.tit{height: 100px;text-align: center;background: url(../images/tit-bg-gray.jpg) center no-repeat; display:block;  }
.tit h1{font-weight: bold;font-size: 36px;line-height: 50px;color: #007fea;padding:0 45px; text-align:center;}
.tit h1 span{color: #ff4600; text-align:center;}
.tit h1 a{color: #007fea;}
.tit p{font-size: 18px;color: #333333;}
.tit em{font-style: normal;font-size: 16px;color: #b0b0b0;}

.m6{ margin-bottom:50px;}
.m6t{ width:100%; height:100px; background:url(../images/m5t.jpg) no-repeat center center; margin-bottom:20px;}
#divMainTab{ width:100%; margin-bottom:40px;}
#divMainTab ul{ width:380px; margin:0 auto;} 
#divMainTab li{  float:left; width:44%; margin:0 6px; text-align:center; font-size:16px; cursor:pointer; line-height:42px; height:42px; }
.normal { border:1px #111111 solid;}
.selected { background-color:#1c6af5;color:#ffffff;border:1px #1c6af5 solid;}
.divContent {}
.m61{ width:37%; float:left; margin-right:30px;}
.n1{width:100%; margin-bottom:10px; position:relative; }
.n1c{ text-align:left; height:75px; background-color:#f1f1f1; padding-right:5px;}
.m61 h2{ font-size:18px; font-weight:normal; width:100%; }
.m61 h2 a{ display:block; color:#1c6af5; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.m61 h2 span{ float:right; font-size:14px; color:#999999; }
.m61 p{ width:100%; color:#666666; line-height:22px; font-size:12px; float:left; padding:2px 8px;}
.m61 .time{ padding:0 5px;height:75px; width:100px; background-color:#1c6af5; float:left; margin-right:5px; color:#ffffff; text-align:center; font-size:12px;}
.m61 .time div{ font-size:36px; padding-top:10px; }

.m6gd{ width:150px;  text-align:center;  background-color:#1d6af4;  margin-top:10px; text-transform:uppercase; font-size:12px; padding:5px 0px; }
.m6gd a{ color:#ffffff; display:block; border:1px #ffffff solid; width:80px; margin:0px auto;height:20px; line-height:20px; border-radius:30px;}
.m62{ width:59%; height:384px; float:left;}
.m62 li{ margin-bottom:32px; border-bottom:1px #dddddd solid; padding-bottom:5px;}
.m621{ float:right; border:1px #111111 solid; padding:15px;  text-align:center;}
.m62 .time{   text-align:center;font-size:12px;}
.m62 .time div{ font-size:36px;}

.m62 p{ color:#666666; line-height:22px; font-size:12px;}
.m62 h2{font-size:18px; font-weight:normal; margin-bottom:8px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.m62c{ width:77%; padding-bottom:20px; text-align:left; float:left;}
.m62 li a:hover{ color:#1c6af5;}
/*
.m62 li .m62c p span{ display:inline-block; width:14px; height:14px; margin-left:8px; background:url(../images/m621.jpg) no-repeat center center;}
.m62 li:hover .m62c p span{background:url(../images/m62h.jpg) no-repeat center center;}*/
.m62 li:hover .m621{ background-color:#1c6af5; color:#ffffff;}

.fdh{ display:none;}

.lft-bor{border:1px solid #ddd;background: #fff;margin-bottom: 20px; margin-top:20px;}
.lx-tit{font-size: 30px; color:#007fea;padding: 10px 0 30px 0;height: 50px; font-weight: bold;text-align: center;margin-top: 10px; background: url(../images/lxwm-t.jpg) center no-repeat;}
.lft-lx{padding:0 20px 10px 30px; line-height: 32px;}
.lft-news{padding-left: 20px;overflow: hidden;padding-bottom: 20px;}
.lft-news li{vertical-align: middle;line-height:30px;}
.lft-news li a{display: block; line-height:32px; background:url(../images/ico-dian.jpg) no-repeat left; padding-left:15px; vertical-align: middle; font-size: 14px;width: 220px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.rightside{overflow: hidden;  width:74%; float: right; background:#fff; border:1px solid #ddd;}
.rightside .rgt-tit{height: 58px;border-bottom: 1px solid #ddd;margin-left:15px;margin-bottom: 30px;}
.rightside .rgt-tit h3{font-weight: bold;font-size: 25px;line-height:56px;color: #6a6a6a;float: left;}
.rightside .rgt-tit .site{float: right;color: #999999;font-size: 14px;margin-top: 20px;
padding:0 20px 0 15px; background: url(../images/ico-site.jpg) 0px 6px no-repeat;}
.rightside .products{float: none;width: 100%;}
.rightside .neirong{font-size: 16px;line-height: 36px;color: #3f3f3f;margin:0 20px;}

.details{padding: 20px 0;}
.ny-title{ text-align:center; font-size:30px; font-weight:bold; line-height:60px; margin:0px 50px 5px 50px;  color:#333;}
.ny-info{ height:36px; line-height:36px; color:#999; text-align:center; font-size:13px;
border-bottom:1px dashed #ddd;margin-bottom:10px;margin-left: 40px;}
.neirong-txt{padding: 10px 0; line-height:32px; font-size:16px;margin-bottom:10px;margin:0 15px;}
.neirong-txt img{max-width: 100%；}
.fenxiang-box{margin-bottom: 20px;margin-left: 40px;}
.turn{color: #999999;margin-left: 40px;padding-top: 20px;padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.turn li{line-height: 36px;}
.turn a{color: #333333;}
.turn a:hover{color: #999;}
.other{margin-left: 10px;padding-top: 20px;}
.other h2{font-size: 24px;margin-left: 20px;}
/*other-news*/
.other .other-news{padding-top: 20px;}
.other .other-news li{ overflow:hidden;vertical-align: middle;}
.other .other-news li a{ line-height:32px;width:720px; float:left; background:url(../images/ico-dian.jpg) no-repeat left center; 
padding-left:15px; margin-left:3px; vertical-align: middle; font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other .other-news li span{ font-size:13px; color:#919191; float:right; margin-right:12px; line-height:33px; *line-height:29px;}
/*other cp*/
.othercp{padding-left: 5px;padding-top: 20px;}
.othercp .othercp-ul li { position: relative; float: left; width: 23%; margin-bottom: 20px; border: 1px solid #ddd; box-sizing: border-box; background: #fff; margin-left: 10px;}
.othercp .othercp-ul li a { width: 100%; display: block; padding: 16px 0 0 0;}
.othercp .othercp-ul{overflow: hidden;}
.othercp .othercp-ul li .img{padding:0 16px;display:table-cell;text-align:center;vertical-align:middle;}
.othercp .othercp-ul li .img img{padding: 0;margin: 0;font-size: 0;line-height: 0;}
.othercp ul li strong { display: block; margin: 10px 0; height: 40px;line-height: 40px; font-size: 15px; text-align: center; border: 1px dotted #eee; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.othercp ul li .p { height: 60px; overflow: hidden; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 13px;}
.othercp ul li:hover strong { color: #fff; background: #007fea;}
/*news-content*/
.news-content{margin-left: 15px;}
.news-content ul{padding-bottom: 20px;}
.news-content li{ vertical-align: middle;}
.news-content li a{ line-height:36px;width:65%; float:left; background:url(../images/ico-dian.jpg) no-repeat left center; 
padding-left:15px; margin-left:3px; vertical-align: middle; font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-content li span{ font-size:13px; color:#919191; float:right; margin-right:12px; line-height:36px; }

.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; display:block; text-align:center; margin:10px auto; }
.i5upage a,.i5upage span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

.foot{ background-color:#313131; color:#ffffff;}
.foot a{ color:#ffffff;}
.flogo{ width:17%;  float:left; text-align:left; }
.footr{ width:81%; float:left; margin-left:15px; display:inline;}
.fnav{ width:100%; background:url(../images/fline.png) no-repeat center bottom; margin-top:20px; margin-bottom:10px;}
.fnav ul{}
.fnav li{ float:left; width:14.1%; text-align:center; font-weight:bold; height:48px; line-height:48px; background:url(../images/nl.jpg) no-repeat left center; margin-bottom:10px;}
.fnav li a{display:block;}
.fnav li a:hover{ background:url(../images/m11.jpg) no-repeat center bottom;}
.flx{ width:68%; margin-left:5%; float:left; margin-bottom:20px; }
.fwx{ width:24%; float:left;padding-top:20px;}


.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



@media (max-width: 1200px) {
.wrap, .cpzs, .nav{ width: 100%; max-width:100%; margin: 0 auto;  }
.products .products-ul li{ width:30%;}


}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 980px) {
.products .products-ul li{ width:29%;}
.gsjj .about{ width:61%; }
.flogo{ display:none;}
.footr{ width:98%; margin:0 auto;}
}

@media screen and (max-width: 800px) {
.nav{ overflow:hidden; border:0;  background-color:#1c6af5;}
.nav li{ width:25%; border-top:1px #165ad3 solid; border-right:1px #165ad3 solid; box-sizing:border-box; background-image:none; font-size:14px; height:40px; line-height:40px; padding:0; border-left:0;}
.nav li a{ margin-top:0; color:#ffffff;}
.nav li span{ display:none;}
.sydh ul li{ width:25%; line-height:40px;}

.logo{ width:100%; text-align:center;}
.tel{ display:none;}
.top1{ display:none;}

.dh_xl01 { width:0; display: none;}
.dh_xl02 { width:0; display: none;}
.dh_xl03 { width:0; display: none;}

#sjbanner_tabs{ display:block;}
#banner_tabs{ display:none;}
.products{ width:98%; margin:0 auto;}
.cpzs .lft-cpzs{ display:none;}
.products .products-ul li{ width:30%;}
.gsjj{ background-image:none; background:#1778DF; height:auto;}
.gsjj .jdt{ display:none; }	
.gsjj .about{ width:98%; margin:0 auto; float:none;}
.gsjj .about p.by{ font-size:14px;}
.m61{ width:98%; margin:0 auto; display:none;}
.m62{ width:98%; margin:0 auto; float:none;}
.m621{ display:none;}
.m62c{ width:100%;}
.rightside{ width:99%;}
.fdh{ line-height:40px; height:40px; background-color:#0066cc; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:33.33333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#222222;}
.fdh a{ color:#FFF;}
}
@media screen and (max-width: 640px) {
.top1,.tel{ display:none;}
.logo{ width:100%; text-align:center;}
.sousuo .gjc{ line-height:35px; width:98%; margin:0 auto; float:none;}
.sjlb{ margin-bottom:10px;}
.anli .tit p{font-size: 14px;}
.head .wrap div{ display:none;}
.phon{ display:none;}
.products .products-ul li{ width:47%; margin:1%;}
.othercp .othercp-ul li{ width:47%; margin:1%;}
.anli-box ul li{ width:48%;}
.fnav{ display:none;}
}

@media screen and (max-width: 580px) {
	.flx{ width:98%; margin:0 auto; text-align:center;}
	.fwx{ width:98%; margin:0 auto; margin-bottom:40px; text-align:center;}

}
@media screen and (max-width: 480px) {

}