@charset "utf-8";
body{max-width:1920px;margin:0 auto;}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}
.fl{float: left;}
.fr{float: right;}

.tit01{font-size: 48px; text-align: center; font-family: "microsoft yahei";color: #000000;font-weight:normal; }
.tit01 a{color: #000000; }
.tit01 em{color: #333333; font-size: 20px;font-weight: normal;text-transform: uppercase;font-family:"times new roman";  position: relative;width: 232px; margin:0 auto; display: block; height: 23px; }
.tit01 em:before{content: "";width: 50px; height: 2px; background: #000000;position: absolute;top:11px;left: 0;}
.tit01 em:after{content: "";width: 50px; height: 2px; background: #000000;position: absolute;top:11px;right: 0;}
.tit01 span{font-size: 20px;color: #333333;  font-weight: normal;  display:block;font-family:"microsoft yahei";  height: 28px; line-height: 28px; }


.yy_bj{ height: 850px;padding-top: 75px; box-sizing: border-box;  font-family:"microsoft yahei"; position: relative; background:#f7f7f7;}
.yy{position: relative;width: 1200px;}
.yy h2{text-align: center;margin-bottom: 30px; font-size: 36px;color: #262626;font-weight: normal;}
.yy .yy_cnt{ font-size: 16px; color: #666666; line-height: 30px; text-align: center; height: 84px; }

.yy ul{}
.yy li{ width:374px;height: 195px;text-align: left; padding:18px 18px 0; box-sizing: border-box; float: left;margin-right: 39px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.yy li h3{display: block;height: 52px; line-height: 52px; padding-left: 45px; text-align: left; color: #262626; font-size: 24px;margin-bottom: 15px;border-bottom: 1px solid #d4d4d4;}
.yy li p{font-size: 16px; color: #666666;line-height: 30px;}
.yy li:last-child{margin-right:0;}

.yy li:hover,.yy li.cur{ background: #fff; box-shadow: 0 0 20px #dfdfdf; }
.yy li:nth-child(1) h3{background: url(/uploads/image/tlimages/yyico1.png) no-repeat left center;}
.yy li:nth-child(2) h3{background: url(/uploads/image/tlimages/yyico2.png) no-repeat left center;}
.yy li:nth-child(3) h3{background: url(/uploads/image/tlimages/yyico3.png) no-repeat left center;}
/**/
/**/
.pro_bj{height: 1112px;overflow: hidden; background: url(/uploads/image/tlimages/cpbg.jpg) no-repeat center top;padding-top:70px; box-sizing: border-box; font-family: "microsoft yahei"; max-width: 1920px;}
.pro_bj h2{margin-bottom: 35px;}

.cp_nav{ width:276px;float: left;}
.cp_nav ul{width: 276px;}
.cp_nav ul li {width: 276px;height:38px;border-bottom: 1px solid #fff;}
.cp_nav ul li a{width: 276px;background:#777777; text-decoration: none; display: block; font-weight: normal; height:38px; font-size: 15px; color: #fff; position: relative;z-index: 1; text-align: left;padding-left: 20px;padding-top: 5px; box-sizing: border-box;}
.cp_nav ul li em{ color: #fff; opacity: 0.2; display: block; font-size: 12px;text-transform: uppercase;font-family: "arial"; }
.cp_nav ul li a:after{content: "";width: 1px; height: 104px; background: #dfdfdf;position: absolute;top:0px;right: 0;}
.cp_nav ul li:last-child{border-bottom: 0;}

.cp_nav ul li.cur a,.cp_nav ul li:hover a {background:#0d73f1; }


.cp_nav span { width: 276px;height:364px; position: relative;}
.cp_nav span a{width: 168px;background: url(/uploads/image/tlimages/clmdz.png) no-repeat; text-decoration: none; display: block; font-weight: normal; line-height:44px; height:44px; font-size: 16px; color: #fff; position: absolute;z-index: 1; text-align: left;padding-left: 5px;box-sizing: border-box; font-weight: bold;left:59px;bottom: -50px;}

.cp1{width: 924px;float: right;padding:22px;box-sizing: border-box; background: #fff;box-shadow: 0 0 15px #e7e7e7;}
.pro_nr{width:880px;height: 438px;overflow: hidden;}
.pro_nr dl{  width: 880px; height: 880px; overflow: hidden; }
.pro_nr dl dt {width: 250px; height: 250px; float: left;}
.pro_nr dl dt img{width: 250px;height: 250px;  display: block;}
.pro_nr dl dd{float: left;width: 880px;overflow: hidden;box-sizing: border-box;  }
.pro_nr dl dd img{width: 178px;height: 178px;display: block;border:1px solid #e1e1e1;}
.pro_nr dl dd h3{height: 38px; line-height: 38px; font-size: 16px;color: #333333; font-weight: normal;}
.pro_nr dl dd h3 a{color:#333333;text-decoration: none;}
.pro_nr dl dd p{ height: 30px;  overflow: hidden; color: #666666; font-size: 16px; line-height: 30px; text-align: justify; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 15px;}

.pro_nr dl dd span{display: block;background: url(/uploads/image/tlimages/clm_more.png) no-repeat left center; height: 29px; line-height: 29px; color: #333333; width:79px; text-decoration: none; font-size: 18px;box-sizing: border-box; }
.pro_nr dl dd .desc{margin-top: 25px;}

.pro_nr dl dt img{ -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.pro_nr dl dt img:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}


.m_pro {width:1380px; margin-top: 21px; float:left; }
.m_pro li{width: 218px;margin-right: 10px; margin-left:5px;}
.m_pro li img{width: 218px;height: 218px;display: block;border:1px solid #e1e1e1;box-sizing: border-box;}
.m_pro li a{text-decoration: none;}
.m_pro span{width: 218px;height: 45px; line-height: 45px; box-sizing: border-box; text-align: center;  font-size: 16px; color: #666666; font-weight: normal; display: block;}
/*.m_pro li:nth-child(3){margin-right: 0;}*/

.m_pro dl img{ -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.m_pro dl img:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.m_pro li:hover img{border-color: #0d73f1;}
.m_pro li:hover span{color: #0d73f1;}

/**/
.ysbj{ position: relative; box-sizing: border-box; background:#f7f7f7;padding-top: 55px; overflow: hidden; clear: both; font-family:"microsoft yahei"; height: 3127px;}
.ysbj h2{ margin-bottom:80px;}

.ys1{height:581px; position:relative;background: url(/uploads/image/tlimages/ys1bg.jpg) no-repeat center top;}
.ys1 .ys11{position: relative;padding-top: 90px;}
.ys1 .ys11 i{position: absolute;right:62px;top:-90px; background:#fff url(/uploads/image/tlimages/01.gif) no-repeat center 0px; width: 166px;height:237px; font-size: 28px; color: #ffffff; text-align: center;padding-top: 128px; box-sizing: border-box;}
.ys1 ul{ width:1300px;padding-top: 55px;box-sizing: border-box; height:392px; background: #fff;position: relative;}
.ys1 li{width:170px;text-align: center;padding:0 50px; float: left;}
.ys1 li img{ display:block;width:149px; height:149px; border-radius: 100%; }
.ys1 li h3{font:22px "microsoft yahei"; color:#333333; margin-bottom: 10px; height: 50px;line-height: 50px; font-weight: bold;}
.ys1 li p{font:14px "microsoft yahei"; line-height:22px;  color: #666666; text-align: center;}


.ys2{height:601px; position:relative;background:#fff;padding-top: 162px;box-sizing: border-box;}
.ys2 .ys22{position: relative;}
.ys2 .ys22 i{position: absolute;left:0;top:-85px; background:#fff url(/uploads/image/tlimages/02.gif) no-repeat center 0px; width: 166px;height:189px; font-size: 28px; color: #ffffff; text-align: center;padding-top: 128px; box-sizing: border-box;z-index: 1}
.ys2 dl{}
.ys2 dt{ width:670px; height:359px;float: left;overflow: hidden;}
.ys2 dt img{ display:block;width:670px; height:359px; }
.ys2 dd{padding-top: 25px; height:359px;width: 485px; float: right;}
.ys2 dd h3{font:30px "microsoft yahei"; color:#000000; margin-bottom: 20px; font-weight: normal;}
.ys2 dd p{font:16px "microsoft yahei"; line-height:28px; color: #666666;height:135px;}
.ys2 dd h5{}
.ys2 dd h5 img{width: 234px;height: 139px; display: block; float: left; margin-right: 7px;}
.ys2 dd h5 img:nth-child(2){margin-right: 0;}



.ys3{height:668px; position:relative;background:url(/uploads/image/tlimages/ys3bg.jpg) no-repeat center top;padding-top: 133px;box-sizing: border-box;}
.ys3 .ys33{position: relative;}
.ys3 .ys33 i{position: absolute;right:20px;top:-80px; background:#fff url(/uploads/image/tlimages/03.gif) no-repeat center 0px; width: 166px;height:201px; font-size: 28px; color: #ffffff; text-align: center;padding-top: 138px; box-sizing: border-box;z-index: 1}
.ys3 dl{background: #fff;height:457px; width: 1200px;}
.ys3 dt{ width:646px; height:457px;float: right;overflow: hidden;}
.ys3 dt img{ display:block;width:646px; height:457px; }
.ys3 dd{padding-top: 50px;padding:50px 38px 0 45px; height:457px;width: 554px; float: left;box-sizing: border-box;}
.ys3 dd h3{font:30px "microsoft yahei"; color:#000000; margin-bottom: 20px; font-weight: normal;}
.ys3 dd p{font:16px "microsoft yahei"; line-height:28px; color: #666666;height:175px;}
.ys3 dd ul{}
.ys3 dd li{border-right: 1px solid #e0e0e0; font-size: 24px;color: #32332e; font-weight: bold; float: left;width: 127px;margin-right: 55px;}
.ys3 dd li b{display: block; font-weight: bold;font-size: 60px;height: 50px;line-height: 50px; color: #0d73f1; font-family: "times new roman"}
.ys3 dd li:last-child{margin-right: 0;width: 100px;border-right: 0;}

.ys4{height:630px; position:relative;background:#fff;padding-top: 152px;box-sizing: border-box;}
.ys4 .ys44{position: relative;}
.ys4 .ys44 i{position: absolute;left:0;top:-85px; background:#fff url(/uploads/image/tlimages/04.gif) no-repeat center 0px; width: 166px;height:189px; font-size: 28px; color: #ffffff; text-align: center;padding-top: 128px; box-sizing: border-box;z-index: 1}
.ys4 dl{}
.ys4 dt{ width:671px; height:404px;float: left;overflow: hidden;}
.ys4 dt img{ display:block;width:671px; height:404px; }
.ys4 dd{padding-top: 25px; height:404px;width: 485px; float: right;}
.ys4 dd h3{font:30px "microsoft yahei"; color:#000000; margin-bottom: 20px; font-weight: normal;}
.ys4 dd p{font:16px "microsoft yahei"; line-height:28px; color: #666666;height:180px;}
.ys4 dd h5{}
.ys4 dd h5 img{width: 234px;height: 139px; display: block; float: left; margin-right: 7px;}
.ys4 dd h5 img:nth-child(2){margin-right: 0;}

.ys img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ys img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
/**/
.casebj{ height:536px; background:#f7f7f7; padding-top:50px; overflow: hidden; font-family:"microsoft yahei";box-sizing: border-box; position: relative;max-width: 1920px;position: relative;}
.casebj:before{content: "";width: 100%; height: 220px; background: #f7f7f7;position: absolute;top:0;left: 0;}
.casebj h2{margin-bottom: 55px;position: relative;}
.casebj h2 em{width: 281px;}

.case {clear: both;height: 575px; width: 100%;background: url(/uploads/image/tlimages/casebg.jpg) no-repeat center top;}
.case  dl{width: 1200px; height: 575px;position: relative; float: left; overflow: hidden;}
.case  dl dt{width: 1200px;height: 512px; overflow: hidden;}
.case  dl dt img{width: 1200px;display: block;}

.case  dl dd{width: 1146px; height:138px;position: absolute;  box-sizing: border-box;left:31px; bottom:5px;box-shadow: 0 2px 5px #ccc; background: #fff;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case  dl dd .desc{padding:20px 40px 0; width:1008px;box-sizing: border-box; float: left; }
.case  dl dd h3{ font-size:24px; color: #000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;margin-bottom: 10px; height: 36px;line-height: 36px; font-weight: normal;}
.case  dl dd a{ color: #fff; text-decoration: none; display: block; }
.case  dl dd p{ line-height: 25px;font-size:14px;color: #666666;}
.case  dl dd span{ height: 138px; line-height: 138px; font-size: 16px; color: #fff; display: block;width: 138px; text-align: center; background: #0d73f1; float: left; }


/**/
.nswsbj{ height: 881px; box-sizing: border-box;  padding-top:45px; overflow: hidden; font-family:"microsoft yahei";background: #f7f7f7;}
.nswsbj .tit01{margin-bottom: 40px;}
.nswsbj .tit01 em{width: 231px;}
.nswsbj  .tit01 em:before,.nswsbj  .tit01 em:after{width: 48px;}
.news{width:600px; float: left; }
.news h2{height:30px; line-height: 30px; margin-bottom: 15px; position: relative; font-size: 22px; color: #424242; }
.news h2 a{ color: #424242; font-weight: bold; }
.news h2 em{float: right; font-size: 14px; color:#0d73f1; text-transform: uppercase;font-weight: normal;background: url(/uploads/image/tlimages/more.png) no-repeat right center;padding-right: 20px;}
.news dl{width:600px; position: relative; clear: both; overflow: hidden;margin-bottom: 15px;}
.news dl dt{width:600px;height: 300px;overflow: hidden; }
.news dl dt img{ width:600px; height: 300px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news dl dd{padding-top: 20px;}
.news  dl dd h3{ font-size:16px; color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;margin-bottom: 15px; height: 36px;line-height: 36px; font-weight: bold;}
.news  dl dd h3 span{float: right; font-weight: normal; font-size: 12px; color: #666666;}
.news  dl dd h3 a{ color: #333333; text-decoration: none;  }
.news  dl dd p{ line-height: 25px;font-size:14px;color: #666666;}


.news1 em{font-size: 16px;  color: #333333; font-weight: normal; height: 36px; line-height: 36px; display: block;padding-left: 20px; background: url(/uploads/image/tlimages/newsico.png) no-repeat left center;}
.news1 em a{color: #333333;}
.news1 em span{ font-size: 12px; color: #666666; float: right; font-weight: normal;font-family: "arial"; }
.news1 em:hover a{color: #bb0a12;}
.news1 em:hover span{color: #bb0a12;}

.wt{width:550px;font-family:"microsoft yahei"; float: right;}
.wt h2{height:30px; line-height: 30px; margin-bottom: 15px; position: relative; font-size: 22px; color: #424242; }
.wt h2 a{ color: #424242; font-weight: bold; }
.wt h2 em{float: right; font-size: 14px; color:#c82126; text-transform: uppercase;font-weight: normal;background: url(/uploads/image/tlimages/more.png) no-repeat right center;padding-right: 20px;}
.wtc{width: 550px; height: 550px; background: #fff;box-shadow: 0 0 20px #dfdfdf;padding:20px;box-sizing: border-box;}
.wt_c dl{width: 510px; height: 103px; border-bottom: 1px solid #ececec; box-sizing: border-box;margin-bottom: 25px;}
.wt_c dt{padding-left: 36px;background: url(/uploads/image/tlimages/w.png) no-repeat left center; font-size: 16px; color: #333333; font-weight: bold; height: 28px; line-height: 28px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wt_c dt a{color: #333;}
.wt_c dl dd{background: url(/uploads/image/tlimages/d.png) no-repeat left 2px;padding-left: 36px; line-height: 26px; font-size: 14px;}


/**/
.about_bj{height: 834px; clear: both; font-family:"microsoft yahei";box-sizing: border-box; overflow: hidden; padding-top: 48px;}
.about dl{width:1200px; }
.about dt{width: 1200px;height: 508px; position: relative;}
.about dt img{width: 100%; display: block;}
.about dt h3{height: 176px; text-align: left; width: 300px;  border-top-left-radius: 46px; font-size: 42px;color: #000000;  background:#fff url(/uploads/image/tlimages/abt_line.gif) no-repeat 24px bottom;left:0;bottom: 0;position: absolute;padding:47px 0 0 44px; box-sizing: border-box; font-weight: normal;}
.about dt h3 i{color: #333333;opacity: 0.2;font-size: 40px; display: block; text-transform: uppercase; font-family: "times new roman";}
.about dd{ background: #fff; height: 171px;box-shadow: 0 2px 7px #d9d9d9; }
.about dd h4{width:300px; height: 171px; font-size: 24px;color: #fff;padding:40px 0 0 44px; overflow: hidden; float: left; background: #0d73f1; text-align: left;box-sizing: border-box;font-weight:normal;}
.about dd h4 em{ display: block; font-size: 18px; }
.about dd h4 span{width: 80px; height: 34px; display: block;background: url(/uploads/image/tlimages/abt_more.png) no-repeat;margin-top: 22px;}
.about dl p{padding:35px 45px 0 40px; height: 171px; font-size: 16px; color: #666666;line-height: 25px; text-align: justify; float: left;width: 900px;box-sizing: border-box;}
.about a{text-decoration: none;}



.link_bj{min-height:74px; background: #fff; overflow: hidden;}
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"microsoft yahei";}
.link h2{ width:170px; box-sizing: border-box; overflow: hidden; float: left; font-size: 18px; font-weight: bold; height: 74px; line-height: 74px; overflow: hidden;color:#6d6d6d;}
.link h2 em{font-size: 20px; color: #8c8d8e;font-family: "arial"; display: inline-block; font-weight: bold;padding-left: 10px;}
.link p{  width: 1030px; float: left; font-size: 14px;overflow: hidden; line-height: 74px; color:#7e7e7e;}
.link p a{ color:#7e7e7e; padding:0 16px;}