@charset "utf-8";
body{min-width:1200px;width:100%;overflow:hidden;}
 .content{width: 1200px; margin: 0 auto;}
 i,em,b{ font-style: normal; }
 
 .probj{border-bottom: 6px solid #eff2f7;padding-bottom: 20px;}
.pro{width:1200px; margin: 0 auto;padding-top: 60px;overflow: hidden;font-family:"Microsoft Yahei";}
.pro h2{font-family: "Microsoft YaHei"; height: 105px;margin-bottom: 30px;}
.pro h2 img{display: block; margin:0 auto;}

.clm{height: 60px; overflow: hidden;padding-left: 20px;padding-top: 12px; margin-bottom: 20px; box-sizing: border-box;  background: #35a6a2;}
.clm h3{width: 280px; float: left;height: 36px; line-height: 36px; font-size: 24px; font-weight: bold;color: #fff; padding-left: 45px; background: url(../images/t1.png) no-repeat left center;}
.clm h3 a{color:#fff;}
.clm p{float: right;}
.clm p a{height: 34px; line-height: 34px; font-size: 15px; padding:0 10px; background: #51b3b0; color:#fff;margin-right: 11px; float: left;}

.cplist{height: 350px; overflow: hidden;}
.cplist p{width: 574px; height: 300px; float: left; position: relative;overflow: hidden;}
.cplist p span{position: absolute;left:35px; top:170px; text-align: center; font-weight: bold;   height: 33px; line-height: 33px;color: #000000;font-size: 16px;}
.cplist p a.zx{ position: absolute;left:25px; top:210px;background: #138df2;border-radius: 15px;font-weight: bold; display: block; width: 108px; height: 33px; line-height: 33px; text-align: center; font-size: 16px; color: #252525; }

.cplist ul{height: 300px; width: 610px; float: right;}
.cplist li{ float: left; width:292px;margin-right: 19px; border:1px solid #f3f3f3;overflow: hidden;}
.cplist li a{color: #666;}
.cplist li img{width:292px;height:217px; display: block;}
.cplist li span{ height:78px;padding:20px 40px 0 20px; background: url(../images/cpico.png) no-repeat 250px center; box-sizing: border-box; display: block; font-size: 16px; color: #000; font-weight: bold; border-top:1px solid #f3f3f3;text-align: left; overflow: hidden;}
.cplist li span em{font-style: normal;display: block;font-size: 14px;color: #676767; font-weight: normal;}
.cplist .nones{margin-right:0;}

.pro2 .clm{ background: #edb425;}
.pro2 .clm h3{padding-left: 45px; background: url(../images/t2.png) no-repeat left center;}
.pro2 .clm p a{ background: #f2cb67; }
.pro2 .cplist p{float: right;}
.pro2 .cplist ul{float: left;}

.pro3 .clm{ background: #ca365a;}
.pro3 .clm h3{padding-left: 45px; background: url(../images/t3.png) no-repeat left center;}
.pro3 .clm p a{ background: #da738c; }
.pro3 .cplist p span{left:75px;top:120px;}
.pro3 .cplist p a.zx{left:65px;top:160px;}

.pro4 .clm{ background: #a5c416;}
.pro4 .clm h3{padding-left: 45px; background: url(../images/t4.png) no-repeat left center;}
.pro4 .clm p a{ background: #c0d65c; }

.pro4 .cplist ul{height: 300px; width: 1200px; float: right;}
.pro4 .cplist li{margin-right: 8px;}
.pro4 .cplist .nones{margin-right:0;}

.gqb{height: 1000px; padding-top: 75px;border-bottom: 5px solid #eff2f7;overflow: hidden;font-family:"Microsoft Yahei";}
.gqb h2{font-family: "Microsoft YaHei"; height: 105px;margin-bottom: 30px;}
.gqb h2 img{display: block; margin:0 auto;}
.ysbj{background: url(../images/ys1bg.jpg) no-repeat center top;}
.ys1{height: 402px; margin-bottom: 60px; overflow: hidden;}
.ys1 dl{width: 600px;float: right;}
.ys1 dl dt{width: 400px;margin-top:22px;margin-bottom: 22px; display: block; height: 76px; line-height: 76px;color: #fff; font-size: 24px;background: #138df2;text-align: center;}
.ys1 dl dd p{line-height: 30px; font-size: 15px;color: #252525;}
.ys1 dl dd p b{font-weight: bold;}
.ys1 .yl{display: block;overflow: hidden;clear: both;margin-top: 25px;}
.ys1 .yl img{width: 115px; height: 115px;padding-right: 60px;}

.ys2{width: 590px; float: left;height: 290px;margin-right: 10px;}
.ys2 dt{width: 285px; height: 290px; position: relative; float: left;}
.ys2 dt p img{width: 285px; height: 290px; display: block;}
.ys2 dt .hd{position: absolute;top:10px;right: 10px; height: 30px; line-height: 30px; }
.ys2 dt .hd li{height: 12px; width: 12px; background: #fff; border-radius:5px; font-size: 0;float: left;margin-right: 8px; }
.ys2 dt .hd li.cur{ background: #138df2 ; }
.ys2 dd{width: 305px;box-sizing: border-box;padding-left: 25px;padding-top:40px;float: left; background: #fafafa; height: 290px; }
.ys2 dd h3{line-height:67px;height: 67px;margin-bottom: 15px; font-size: 24px;color: #000000; position: relative; }
.ys2 dd h3:before{content: ""; position: absolute; background: #e1e1e1;width: 58px;height: 4px;bottom: 0;left: 0;}
.ys2 dd p{width: 245px; line-height: 30px;height: 90px; overflow: hidden; color: #252525;font-size:15px;}
.ys2 dd span a{ background: #138df2;border-radius: 15px;font-weight: bold; display: block; width: 108px; height: 33px; line-height: 33px; text-align: center; font-size: 16px; color: #252525; }

.ys3{width: 590px; float: left;height: 290px;}
.ys3 dt{width: 285px; height: 290px; position: relative; float: left;}
.ys3 dt p img{width: 285px; height: 290px; display: block;}
.ys3 dd{width: 305px;box-sizing: border-box;padding-left: 25px;padding-top:40px;float: left; background: #fafafa; height: 290px; }
.ys3 dd h3{line-height:67px;height: 67px;margin-bottom: 15px; font-size: 24px;color: #000000; position: relative; }
.ys3 dd h3:before{content: ""; position: absolute; background: #e1e1e1;width: 58px;height: 4px;bottom: 0;left: 0;}
.ys3 dd p{width: 245px; line-height: 30px;height: 90px; overflow: hidden; color: #252525;font-size:15px;}
.ys3 dd span a{ background: #138df2;border-radius: 15px;font-weight: bold; display: block; width: 108px; height: 33px; line-height: 33px; text-align: center; font-size: 16px; color: #252525; }

.qyys{height:843px;padding-top:75px; background: url(../images/qyys.jpg) no-repeat center top; overflow: hidden;font-family:"Microsoft Yahei"; box-sizing:border-box;}
.qyys h2{font-family: "Microsoft YaHei"; height: 105px;margin-bottom: 40px;}
.qyys h2 img{display: block; margin:0 auto;}
.qyys dl{width: 391px;height: 406px; overflow: hidden;padding-top: 50px; margin-right:13px; float: left; }
.qyys dl dt{width: 391px;height: 48px; line-height: 48px; font-size: 23px; color: #000000; text-align: center;}
.qyys dl dd{ width: 391px;height: 358px; overflow: hidden;  }
.qyys dl dd .d1{width: 391px;overflow: hidden; float: left;}
.qyys dl dd .d1 img{width: 391px; height: 220px; display: block; overflow: hidden;}
.qyys dl dd p{float: left;  background: #fff; height: 135px; padding:36px 36px 0;box-sizing: border-box;line-height: 30px;color: #333333;font-size: 16px; text-align: justify;}
.qyys dl.nones{margin-right: 0;}
.qyys .tel{font-size: 18px;color: #fff; line-height: 38px; height: 76px; width: 295px; margin:50px auto 0; text-align: center;}
.qyys .tel .spn1{border-bottom: 1px solid #fff; color: #010101; font-weight: bold; height: 38px; display: block;font-size: 30px;font-family: "Times New Roman"; font-weight: bold; background: url(../images/qyystel.jpg) no-repeat 35px 15px; padding-left: 25px;}
.qyys .tel .spn2{padding-left: 45px;}


.yybj{padding-top:75px;background:#fff;height: 930px; font-family:"Microsoft Yahei"; border-bottom: 5px solid #eff2f7;box-sizing:border-box;}
.yybj h2{font-family: "Microsoft YaHei"; height: 105px;margin-bottom: 35px;}
.yybj h2 img{display: block; margin:0 auto;}
.yytit ul{ background: #f5f5f5;height: 320px;width: 690px;float: left; overflow: hidden; }
.yytit ul li{height: 160px;display: block; width: 171px; border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; float: left; text-align: center;}
.yytit ul li span{width: 76px; height: 76px; display: block; margin: 25px auto 10px;}
.yytit ul li span img{display: block; width: 100%;}
.yytit ul li .dis{ display: block; }
.yytit ul li .ndis{display: none;}
.yytit ul li a{color: #464646;font-size: 18px;font-weight: normal; }
.yytit ul li.nones{border-right: 0;}
.yytit ul li.cur,.yytit ul li:hover{ background: #9e9e9e;color: #fff; }
.yytit ul li.cur a,.yytit ul li:hover a{color: #fff;}
.yytit ul li.cur .dis,.yytit ul li:hover .dis{display: none;}
.yytit ul li.cur .ndis,.yytit ul li:hover .ndis{display: block;}
.yyads{width:510px;height: 640px; overflow: hidden; }
.yyads p{width:510px;height: 640px; position: relative;}
.yyads p a.zx{ position: absolute;left:55px; top:175px;background: #138df2;border-radius: 15px;font-weight: bold; display: block; width: 108px; height: 33px; line-height: 33px; text-align: center; font-size: 16px; color: #252525; }



.yycnt{ background: #ffec6f;  width: 690px; height: 320px; float: left; position: relative;padding-top: 40px;padding-left: 40px; box-sizing: border-box; }
.yycnt em{ z-index: 2; position: absolute;right: -31px;top:160px; background: url(../images/yyico.png) no-repeat;width: 31px; height: 66px; }
.yycnt h3{ font-size: 32px;color: #212121; font-weight: normal; line-height: 55px; display: block;  }
.yycnt .con{height:136px;width: 602px;padding:8px; background: #fff;}
.yycnt dl{height:134px;width: 600px;border:1px solid #e5e5e5; }
.yycnt dt {float: left;width: 275px;}
.yycnt dt img{width: 275px;height: 134px;  display: block;}
.yycnt dd{ float: left;padding-top:30px;padding-left:30px;width: 265px; overflow: hidden; }
.yycnt dd p{line-height: 28px; font-size:16px; text-align: justify; color: #464646;overflow: hidden;}
.yycnt dd span a{font-size: 16px;color: #de0045; line-height: 28px; height: 28px; display: block; text-align:left;}



.aboutbj{ font-family:"Microsoft Yahei";padding-top:68px;box-sizing: border-box; overflow: hidden; }
.about{height: 694px;overflow: hidden; position: relative;}
.about dl{border:1px solid #f5f5f5;height: 240px;overflow: hidden;}
.about dl dt{width: 324px;height: 240px;padding:34px 0 0 100px;box-sizing: border-box; float: left;}
.about dl dt img{width: 161px; height: 137px; display: block;}
.about dl dd{width: 805px;height: 207px; float: left; margin-top:40px;}
.about dl dd h3{ font-size: 24px;height: 35px; color: #333333; font-weight: normal; text-align: left;margin-bottom: 10px; }
.about dl dd h3 a{color:#333333;}
.about dl dd p{line-height: 28px;font-size:14px; color: #666666; height: 84px;overflow: hidden;}
.about dl dd span{display: block; height: 33px; margin-top: 15px;}
.about dl dd span a{float: left; border:1px solid  #138df2;border-radius: 15px;margin-right: 18px; font-weight: bold; display: block; width: 108px; height: 31px; line-height: 31px; text-align: center; font-size: 14px; color: #666666;}
.about dl dd span a.zx{ background: #138df2;border-radius: 15px;font-weight: bold; display: block; width: 108px; height: 33px; line-height: 33px; text-align: center; font-size: 14px; color: #fff; }
.aboutimg{width: 1200px; height: 452px; display: block; overflow: hidden;}
.aboutimg img{width: 1200px; height: 452px; display: block;}

.xc{background: url(../images/tm.png) repeat;width: width:285px;height: 452px; padding:25px 24px 0; position: absolute;left: 0;top:242px;}
.xc .scroll{height: 380px; overflow: hidden;}
.xc p{width: 235px;display: block;}
.xc p img{width: 235px;height: 175px; display: block; float: left;}
.xc p img:nth-child(1){margin-bottom: 30px;}
.xc .jt{height: 46px; overflow: hidden;}
.xc .jt img{width: 118px;height: 46px; display: inline-block;}


.news{width:1200px;margin:0 auto; height:415px;overflow: hidden;padding-top:75px;font-family:"Microsoft Yahei"; }
.n_nav{height:53px;overflow: hidden; position: relative;}
.n_nav:after{ content: ""; position: absolute; top:50%;width: 100%;height: 1px; background:#dcdcdc; left: 0; }
.n_nav ul{height:53px;  width: 596px;margin: 0 auto; background: #fff; position: relative;z-index: 2; }
.n_nav li{ float: left;padding:0 35px; font-size: 22px; font-weight: normal;}
.n_nav li a{ text-decoration: none; padding-left:35px;font-size: 22px; display: inline-block;height:53px; color:#333; line-height:53px; font-weight: normal;}
.n_nav li a.cur {color:#138df2;text-decoration: none;}
.n_nav .li1 a{background: url(../images/li1.png) no-repeat left center;}
.n_nav .li2 a{background: url(../images/li2.png) no-repeat left center;}
.n_nav .li3 a{background: url(../images/li3.png) no-repeat left center;}
.n_nav .li1 a.cur {background: url(../images/curli1.png) no-repeat left center;}
.n_nav .li2 a.cur {background: url(../images/curli2.png) no-repeat left center;}
.n_nav .li3 a.cur {background: url(../images/curli3.png) no-repeat left center;}
.news_c{margin-top: 30px;}
.tpnews{height: 225px;width: 788px; border: 1px solid #dcdcdc;padding:2px; float: left;}
.news_c dl{height:225px;float: left; overflow: hidden;}
.news_c dt{ float: left;width:300px;height:225px; position: relative; overflow: hidden;}
.news_c dt img{width:300px;height:225px;}
.news_c dd{float: right;width:458px;padding-left: 25px; padding-top: 22px; overflow: hidden; box-sizing: border-box;}
.news_c dd span{font-size: 36px; font-family: "Trebuchet MS";height: 64px; margin-bottom:10px;border-bottom: 1px solid #e5e5e5; color: #afb1ac; text-align: left; display: block;}
.news_c dd span i{font-size: 14px; color: #afb1ac;display: block;font-family: "Trebuchet MS"; padding-top: 5px;}
.news_c dd h3{font-size: 16px;line-height: 40px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c dd h3 a{ color:#252525;  }
.news_c dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#666666;}
.news_c dd p a{color: #138df2;}

.news_c ul{border:1px solid #dcdcdc;border-top: 5px solid #138df2;width: 388px; float: right;}
.news_c li{float: left;border-bottom: 1px solid #dcdcdc; padding:0 30px 0 20px;line-height: 74px; height: 74px; }
.news_c li a{font-size: 16px;color:#252525;width: 352px; background: url(../images/newsico.png) no-repeat right center;text-decoration: none; line-height: 74px; height: 74px; display: block; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.news_c li a:hover{font-weight: bold;}
.news_c li.nones{margin-right:0;}



/*友情链接*/
.link{ background: #f8f8f8; font-size: 14px;font-family:"Microsoft Yahei";min-height: 64px;}
.link h2{ float: left;width:132px; height: 64px; text-align: center; line-height: 64px; font-size: 20px; font-weight: normal;color:#333333;}
.link p{ overflow: hidden;float: left;width: 1000px; height: 64px; }
.link p a{padding:0 23px;line-height: 64px;color: #333;}

/*产品滚动*/
#lanren {width: 1200px;height: 217px;margin: 0 auto;overflow: hidden;position: relative;border:1px solid #ccc;}
#lanren2{position: absolute;left: 0;top: 0;}
#lanren2 li {width: 292px;height:217px; text-align:center; line-height:100px;background-color: #999;margin:0 5px;display: block;float: left;list-style: none;}

