@charset "gb2312";
*{word-break:break-all;margin:0;padding:0;}
body {behavior:url("csshover3.htc");} 
body{font-size:16px;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:#2b2b2b; text-decoration:none;}
a:hover{color:#f87f2a;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;}
.fl{ float:left;}
.fr{ float:right;}
.lan{ color:#1372f4;}
.clearfix:after {content: " ";	display: block;	clear: both;height: 0;}
.clearfix {	zoom: 1;}
.clear,.c{ clear:both;}
.mcon tr:hover{color:#0092E6;}
.about{ float:right; margin-left:40px; display:inline;}
.px12{ color:#333333;}
.nycptu{ float:left;margin-right:5%;}
.imgZoom,.imgfanzhuan { overflow:hidden; }
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgfanzhuan img{ -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.imgfanzhuan:hover img{-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}

table {	text-align: center;	border-collapse: collapse;border-spacing: 0; font-weight:bold;}
.gy p{ margin-bottom:10px; line-height:32px;}

.blank{ clear:both; height:20px;}
img{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;}
.top1{ height:34px; overflow:hidden; background-color:#0092E6; line-height:34px; color:#fff; font-size:13px;}
.top1 a{ color:#fff; margin-left:30px; }
.t1 span{ color:#00a3ff; font-size:14px;}
.t1{ float:left;}
.t2{ float:right; text-align:right; line-height:34px; font-size:14px; }
.t2 img{ vertical-align:middle; margin-right:5px;}
.t2 b{ font-size:24px; color:#00a3ff;}

.top2 {	width: 100%;}
.logo {	float: left;width:25%;padding-top:20px;}
.sydh {	width: 73%;height: 90px;line-height:90px;	position: relative;	float:right;}
.sydh li{float:left; width:12.5%;  text-align:center; position:relative; display:inline; background:url(../images/nl.jpg) no-repeat left center;}
.sydh li:first-child{ background-image:none;}

#sjslideBox{ display: none;}

/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.ss {width: 100%;background-color:#0092E6; overflow: hidden; margin-bottom:45px;}
.ssc{ background:url(../images/s1.png) no-repeat left center; text-align:right;height: 80px; line-height:80px;}

.mat{text-align:center; margin-bottom:40px;}
.mat h2{ font-size:36px;  height:50px; line-height:50px;}
.mat h2 span{ color:#f77f2b;}
.mat div{ background:url(../images/mat1.png) no-repeat center center; height:23px; margin:5px auto;}
.mat p{ color:#666666;}

.mat1{text-align:center; margin-bottom:40px;}
.mat1 h2{ font-size:36px; color:#fff;  height:50px; line-height:50px;}

.sj{ display:none;}
.mabout{  padding:70px 0; overflow:hidden;}
.mabimg{ float:left; width:464px; margin-right:86px; background:url(../images/mspbg.png) no-repeat center center;}
.mab1{ float:left; width:650px;}
.mab1t h3{ font-size:20px;}
.mab1t p{ font-size:12px; text-transform:uppercase; color:#666; line-height:18px;}
.mabc{ margin:30px auto;}
.mabc p{  text-indent:32px; line-height:35px; color:#666666;}
.mab2 ul{overflow:hidden;}
.mab2 li{ width:25%; float:left; text-align:center; position:relative;}
.mab2 li dl{ width:85px; height:85px; border:1px #bdbdbd solid; border-radius:3px;}
.mab2 li dt{ padding-top:10px;}
.mab2 li dd{ font-size:14px;}
.magd{ width:150px; height:40px; background-color:#0092E6; line-height:40px; text-align:center;}
.magd a{ color:#fff; display:block;}

.product{margin: 50px auto;}
.product_d{	width: 23%;	float: left;}
.pr{width: 100%;height: 90px;background: #0092E6;}
.pr img{float: left; margin-left: 35px;margin-top: 25px;}
.pr_p1{float: left; font-size: 22px; color: #fff; margin-left: 15px; margin-top: 25px; margin-bottom: 0;}
.pr_p2{	float: left; font-size: 14px; color: #fff; margin-left: 15px;}
.ul{border: 1px solid #ccc;}
.ul li{	padding-left:5%; border-bottom: 1px dashed #ccc;height: 35px;line-height: 35px; background:url(../images/flico.jpg) no-repeat 5%;}
.ul li a{float: left; font-size: 16px; color: #4c4c4c; text-decoration: none; padding-left:12px;}
.ul li a:hover{ color:#0092E6; }

.ul li span{float: right;}
.pr_d{height: 50px;background: #46bb8e;margin-top: 36px;}
.pr_d a{width: 94px;height: 26px;border: 1px solid #fff;border-radius:15px;text-decoration: none;display: block; color: #fff;text-align: center;line-height: 26px;margin-left: 32%; margin-top:4.5%; float: left;}
.product_dd{width: 72%; float: left; border: 1px solid #ccc; margin-left: 3%;}
#pr_dd{ border-bottom: 1px solid #ccc;}
#pr_dd a{ width:20%; height: 60px; display: block;float: left;  text-decoration: none; line-height: 57px; text-align: center; font-size: 22px;}
.onn{background:#0092E6;color: #fff!important;}
#pr_dd img{	float: right;margin-top: 30px; margin-right: 20px;}
.prr{}
.prr a{ display: block; text-decoration: none; float: left;width: 29%; margin:2%;}
.prr img{padding:5px;	border: 1px solid #ccc;	width: 100%;}
.prr img:hover{	border: 1px solid #ea1a19;}
.prr p{	text-align: center;	color: #4c4c4c;	margin-top: 10px;}

.mys{ background-color:#f7f7f7; padding:70px 0; overflow:hidden; position:relative;}
.mysc{background:url(../images/mysbg.png) no-repeat center top;}
.mysc dl{ overflow:hidden; padding-top:20px;}
.mysc dt{ width:46%; float:right; text-align:right; margin-left:4%;}
.mysc dd{ width:46%; float:left;}
.mysc dd em{ width:60px; height:60px; display:block; background:url(../images/mysi1.png) no-repeat center center; color:#fff; font-size:28px; text-align:center; line-height:60px; float:left; margin-right:10px;}
.mysc dd h3{ font-size:26px;}
.mysc dd h4{ color:#f87f2a; font-size:18px; font-weight:normal; text-transform:uppercase;}
.mysc p{ padding:20px 0 0 70px; color:#666666; font-size:14px;}
.mys11{ margin-bottom:30px;}
.mysc .mys2 dt{ text-align:left; float:left; margin-left:0;}
.mysc .mys2 dd{  margin-left:8%;}
.mysd{ text-align:center; position:relative; margin-top:-114px;}

.m4{ background:url(../images/al_bj.jpg) no-repeat; padding:35px 0;}
.m4t{ background:url(../images/m4t.jpg) no-repeat center center; height:100px; margin-bottom:20px;}
#gundong3 {WIDTH: 100%; box-sizing:border-box; margin-bottom:30px;}
#gundong3 .content { OVERFLOW: hidden;}
#gundong3 .content #marquee3 {WIDTH: 100%; DISPLAY: inline; FLOAT: left; height: 310px; OVERFLOW: hidden;}
#gundong3 .content #marquee3 li {TEXT-ALIGN: center;   WIDTH: 330px; FLOAT: left;background-color:#ffffff;/* height: 390px; */ margin-right:30px; OVERFLOW: hidden; padding:10px;}
#gundong3 .content #marquee3 .m3tp img { max-width:100%;}
#gundong3 .content #marquee3 li .m3txt{ padding:5px 10px;text-align:left; background:url(../images/m41.png) #e8e8e8 no-repeat 93% center;  font-size:16px;}
#gundong3 .content #marquee3 li:hover a{ color:#ffffff;}
#gundong3 .content #marquee3 li:hover .m3txt{background:url(../images/m41h.png) #ed4e00 no-repeat 93% center;}
.m4gd{ height:34px; width:100%;}
.m4gd a{display:block; color:#ffffff;width:120px; height:34px; line-height:34px; background-color:#434343; text-align:center; color:#ffffff; margin:0 auto; }

.m7{  padding:50px 0;}
#ndivMainTab{ width:100%; margin-bottom:30px; }
#ndivMainTab ul{ width:50%; margin:0 auto;} 
#ndivMainTab li{ float:left; margin:0 1%; text-align:center; font-size:16px; cursor:pointer;width:46%;height:35px; line-height:35px; }
#ndivMainTab .normal { border:1px #666666 solid;}
#ndivMainTab .selected { color:#ffffff; background-color:#fa9608; border:1px #fa9608 solid;}
.m7c{overflow:hidden; }
.m7c dl{ overflow:hidden; position:relative;}
.m7c dt{ width: 842px;height: 436px; float:left;}
.m7c dd{ width: 630px;height: 350px; position: absolute;top: 43px;right:0; background-color:#f7f7f7; padding:80px 40px;}
.m7c h3{ font-size:18px; font-weight:normal;overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.m7c p{ font-size:14px; margin:30px 0; color:#888;}
.m7 .mgd{ margin-left:0; width:130px; height:35px; line-height:35px;}
.m7c li .mgd{ background:url(../images/m72.jpg) no-repeat left bottom; border:0; text-align:left; line-height:42px; height:42px;}
.m7c ul{ overflow:hidden; margin:0 -1.5%; zoom:1; padding:40px 0;} 
.m7c li{ width:30%; float:left; margin:0 1.5%;}

.mcon { font-size: 16px; line-height: 2; margin-bottom: 40px;border-bottom: 1px solid #ccc;padding-bottom: 50px; }
.mcon img{ max-width:100%;}
.mcon p { margin-bottom: 10px; }
.mcon1 { font-size: 16px; line-height: 2; margin-bottom: 40px;border-bottom: 1px solid #ccc;padding-bottom: 50px; }
.mcon1 p { margin-bottom: 10px; }


.flink{ width:100%; line-height:40px;padding-bottom:20px;  padding-top:20px;}
.flinkt{ float:left; margin-right:15px;}

.foot{ background-color:#3a3a3a; color:#bdbdbd;}
.fnav li a,.foot a,.bq a{ color:#bdbdbd;}
.flogo{ width:20%; float:left;}
.foot dl{ padding-top:50px; position:relative;}
.foot dd{ line-height:35px;  }

.ftel{ width:30%;  margin-bottom:20px; float:left;}
.ftel dd span{ font-family:Impact; font-size:24px; font-weight:normal;}

.fwx{ width:20%; float:left; display:inline;}
.fwx dd{ font-size:14px; line-height:22px;}
.fcp{ width:15%; float:left; }
.fal{width:15%; float:left;}

.foot dt{ font-weight:bold; position:relative; padding-bottom:20px; margin-bottom:20px;}
.foot dl:after{ content:""; position:absolute; top:50px; right:40px; width:1px; height:220px; background-color:#8f8f8f;}
.foot dl:nth-child(5):after{ width:0;}

.fdh{ display:none;}
.bq{ background-color:#2b2b2b; padding:10px 0; margin-top:20px;}
.bq span{ float:right;}

.nyban { width: 100%; height: 300px; background: url(../images/nyban.jpg) no-repeat center; margin-bottom: 30px; }
.nyban .wrap { position: relative; top: 20%; }
.nyban h2 { font-size: 42px; height: 50px; line-height: 50px; }
.nybancon { width: 50%; padding: 40px 70px; background:#fff; opacity:0.7; }
.nybancon div { width: 30px; height: 4px; background-color: #0092e6; margin: 10px 0; }
.nybancon p { margin-bottom: 20px; color: #ff0000; }
.nybancon p a { color: #ff0000; }
.nybancon span { font-size: 18px; border-top: 1px #fff solid; padding-top: 10px; }

.xwban { width: 100%; height: 300px; background: url(../images/xwban.jpg) no-repeat center; margin-bottom: 30px; }
.xwban .wrap { position: relative; top: 20%; }
.xwban h2 { font-size: 42px; height: 50px; line-height: 50px; }

.cpban { width: 100%; height: 300px; background: url(../images/cpban.jpg) no-repeat center; margin-bottom: 30px; }
.cpban .wrap { position: relative; top: 20%; }
.cpban h2 { font-size: 42px; height: 50px; line-height: 50px; }

.cpzs { overflow: auto; zoom: 1; font-family: "微软雅黑", "microsoft Yahei", "Courier New", Courier, monospace; }
.cpzs li{width: 31.33333%; border: 1px #dddddd solid; float: left; text-align: center; margin: 0 0.9% 2%; box-sizing: border-box; display: inline; overflow: hidden; background-color: #eeeeee;line-height: 40px;}
.cpzs1 li { width: 23%; }
.cpzs li img { max-width:100%; }
.cpzs li:hover { background-color: #0092e6; }
.cpzs li span, .cpzs li p { display: block; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cpzs li:hover a { color: #fff; }

.xgxw { margin-bottom: 30px; margin-top: 30px; }
.xgxw .mat { line-height: 30px; }
.xgxw li {border-bottom: 1px #dddddd dashed; background: url(../images/mli.jpg) no-repeat left center;padding-left: 20px; line-height: 40px; height:40px;overflow: hidden; width:45%; float:left; margin:auto 1%; }

.cpxgxw li { width: 48%; float: left; margin: 0 1%; background: url(../images/mli.jpg) no-repeat left center; text-indent:12px; border-bottom: 1px #ddd dashed; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.cpxgxw li span { float: right; color: #999; }

.mleft { width: 25%; margin-right: 2%; float:left;}
.mright { width: 73%; float:right;}

.cplb { background-color: #0092e6; padding: 5px; }
.cptit { text-align: center; margin: 20px auto; }
.cptit h2 { font-size: 30px; color: #fff; }
.cptit p { font-size: 12px; text-transform: uppercase; color: #fff; }
.cplb ul { overflow: hidden; border-bottom: none; background-color: #fff; padding: 10px 10px 0 10px; }
.cplb li { text-align: center; line-height: 40px; height: 40px; width: 100%; font-size: 16px; margin-bottom: 10px; }
.cplb li a { display: block; background-color: #eeeeee; color: #333333; }
.cplb li a:hover { background-color: #0092e6; color: #fff; }

.prenext { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; width: 98%; line-height: 30px; margin-top: 20px; margin-bottom: 15px; border-top: 1px #ddd solid; padding: 20px 0; }
.prenext .pre { float: left; width: 50%; text-align: left; }
.prenext .pre a { color: #666; text-decoration: none; }
.prenext .pre a:hover { color: #0092e6; }/* 上一篇 */
.prenext .next { text-align: right; float: left; width: 50%; }
.prenext .next a { color: #666; text-decoration: none; }
.prenext .next a:hover { color: #0092e6; }

.cp_txt table { margin-top: 10px; font-size: 13px; }
.txt_name { width: 100%; font-size: 30px; font-weight: bold; margin-bottom: 20px; color: #222; text-align: center; background: url(../images/more_493.png) no-repeat center center; }

.newt { text-align: center; font-size: 30px; }
.info { text-align: center; line-height: 30px; color: #999; font-size: 14px; margin-bottom: 30px;border-top: 1px #dddddd solid; border-bottom: 1px #dddddd solid; }

.nch1 { overflow: hidden; }
.nch { margin-bottom: 50px; }
.nch1 li { margin-bottom: 20px; overflow: hidden; border-bottom: 1px #ccc dashed; padding-bottom: 10px; transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; position: relative; text-indent: 20px; }
.nch1 li:hover { transform: translateX(15px); }
.nch1 li:hover h2 a { color: #0092e6; }
.nch1 li:before { content: ''; width: 6px; height: 6px; display: block; border: 2px solid #0092e6; border-radius: 50%; position: absolute; left: 0; top: 10px; }
.nch1 li .time { font-size: 14px; color: #999; }
.nch1 li h2 { font-size: 18px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.nch1 li p { line-height: 32px; font-size: 16px; padding: 10px 0; color: #666; }
.nch1 li .gd { width: 33px; height: 33px; float: right; }
.nch1 li .gd a { display: block; background: url(../images/nchico.png) no-repeat 0 0; width: 33px; height: 33px; }
.nch1 li .gd a:hover { background-position: -33px 0; transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; }
.nch1 li:hover { }

.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.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 */

@media screen and (max-width: 1200px) {
.wrap,.banner{ width:100%; }
.logo{ width:30%;}
.sydh{ width:70%;}

.mabimg{ width:43%; margin-right:5%; background-image:none;}
.mab1{ width:52%;}

#gundong3 .content #marquee3{ height:250px;}
#gundong3 .content #marquee3 li{ width:250px;}
.xgxw li { width:45%;}
}

@media screen and (max-width: 980px) {
.htel{ display:none;}
.logo{ width:100%; text-align:center; }
.logo img{ display:block; margin:10px auto 0;}
.sydh{ width:100%; height:60px; line-height:60px; background-color:#0092E6;}
.sydh li a{ color:#fff;}
.sydh li{ background-image:none;}
.top2{ padding:0;}
.product_d{  display: none; }
.product_dd{ width:100%; border:none;margin:0;    }
.mys{ padding-bottom:0;}
.mysd{ margin-top:0;}
.fcp,.fal{ display:none;}
.ftel{ width:45%;}
.fwx{ width:30%;}
.flogo{ width:25%;}
}



@media screen and (max-width: 800px) {
.top1{ display:none;}
.logo{ padding:10px 0;}
#slideBox{ display:none;}
#sjslideBox{ display: block;}
.ss{}
.ssc{ background-image:none; text-align:center;}
.sydh{ height:80px; line-height:40px; overflow:hidden; }
.sydh li{ width:25%; border:1px #2f72d4 solid; margin-top:-1px; margin-right:-1px; box-sizing:border-box;}
/*.sydh li:first-child{ display:none;}*/
.mabimg{ width:100%; text-align:center; display:none;}
.mab1{ width:100%;}
.mysc{ background-image:none;}
.mysc dt{ float:none;width:100%; text-align:center; display:none;}
.mysc dd{ width:100%; float:none;}
.mysc .mys2 dd{ margin-left:0;}
.mysc dl{ padding:0;}
.mysd{ display:none;}
.prr a{width:46%;}
.prr img{ padding:2px;}
.prr p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.sj{ display:block;}
.dn{ display:none;}
.mabout{ padding:40px 10px;}

.foot{ margin-bottom:40px;}

.fdh{ line-height:40px; height:40px; background-color:#0092E6; 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:#f87f2a;}
.fdh a{ color:#FFF;}

.mcon { width: 98%; margin: 0 1%; }
.mleft{ display: none; }
.mright { width: 100%; }

.nyban h2 { font-size: 18px; }
.xwban h2 { font-size: 18px; }
.cpban h2 { font-size: 18px; }
}


@media (max-width:768px) {
	
.xgxw li{ width:92%;}
.cpxgxw li { width: 98%; }
}
@media screen and (max-width: 640px) {
.sjlb li{ font-size:16px; padding:0; line-height:45px;}
.m7c dl{ display:none;}
.m7c ul{ margin:0 auto;}
.m7c li{ width:100%; margin:0 auto 40px; float:none;}
.m7c p{ margin:10px 0;}
.m7c li .mgd{ margin-top:0;}
#ndivMainTab{ margin-bottom:0;}
.m7{ padding-bottom:0;}
.about{ display:none;}

.foot{ padding-top:30px;}
.flogo{ display:none;}
.foot dl::after{ display:none;}
.foot dl{ padding:0;}
.foot dt{ margin-bottom:0;}
.fwx{ width:100%; text-align:center;}
.ftel{ width:100%; text-align:center;}
.ftel p{ text-align:center;}

.bq span,.fnav{ display:none;}
.bq{ text-align:center;}
.mysc dd h3{ font-size:20px;}
.cpzs li{ width: 48%; }
}


@media screen and (max-width: 480px) {
.sjlb li{ width:48%;}
.mab2 li dl{ width:90%; margin:0 auto; box-sizing:border-box;}

}