@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}


.tit01{ padding-bottom: 25px;box-sizing: border-box; text-align: center; font-family: "Microsoft YaHei";font-size: 48px; color: #333333; display: block;  background: url(../images/tit01.png) no-repeat center bottom; font-weight: normal;}
.tit01 a{color: #333333;}
.tit01 i{font-weight: bold;color: #01487e;}
.tit01 span{text-align: center; font-family: "Microsoft YaHei";font-size: 18px; color: #333333; display: block; font-weight: normal;}

.jh_bj{ height: 793px; background: url(../images/jhbg.jpg) no-repeat center top;  box-sizing: border-box;  font-family:"Microsoft Yahei";padding-top: 80px; }

.zz_bj{  box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.zz .m_zz{height: 166px;margin-bottom: 30px;}
.zz .m_zz ul{width: 1200px;position: relative;}
.zz .m_zz li{ width:300px;padding:0px 0px 0 80px;box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative;background: url(../images/szbg.png) no-repeat right center;  }
.zz .m_zz li:nth-child(1):before{content: "";width: 3px; height: 63px; position: absolute;top:48px; left: 0; background: url(../images/szbg.png) no-repeat left center; z-index: 1;}
.zz .m_zz li em{ height: 118px; margin-top:0px;display: block; position: relative;width:205px; float: left;}
.zz .m_zz li em b{float: left;font-size: 98px; color: #333333;font-weight: normal;}
.zz .m_zz li em i{ font-size: 26px; border-radius: 100%; color: #fff; text-align: center; line-height: 26px; background: #01487e;  width: 30px; height: 30px;display: block; position: absolute;top:22px; right: -9px;}
.zz .m_zz .zz1{width:300px; float: left;}
.zz .m_zz .zz1 h3{font-size: 16px; color: #333333; text-align: center; font-weight: normal; }
.zz .m_zz li:nth-child(1) {padding-left: 115px;}
.zz .m_zz li:nth-child(1) i{right:-50px;}
.zz .m_zz li:nth-child(1) em{width:85px;}
.zz .m_zz li:nth-child(1) .zz1{margin-left: -115px;}
.zz .m_zz li:nth-child(2) em{width:125px;}
.zz .m_zz li:nth-child(2) .zz1{margin-left: -80px;}

.zz .m_zz li:nth-child(3) em{width: 244px;}
.zz .m_zz li:nth-child(3){width:354px;}
.zz .m_zz li:nth-child(3) .zz1{margin-left: -64px;}
.zz .m_zz li:nth-child(4){width:245px;}
.zz .m_zz li:nth-child(4) em{width:67px;}
.zz .m_zz li:nth-child(4) .zz1{margin-left: -100px;}

.zz dl{height: 322px;  }
.zz dl dt{position: relative; width: 600px; height: 322px; float: left; }
.zz dl dt img{width: 600px; height: 322px; position: relative;z-index: 1;}
.zz dl dd{width: 500px;  float: right;position:relative;}
.zz dl dd h3{ font-size: 48px; color: #333333; font-weight: bold;margin-bottom: 25px; }
.zz dl dd p{font-size: 16px; height: 175px; color: #333333; line-height: 30px;}
.zz dl dd span a{display: block;background: url(../images/btn_more.png) no-repeat left center; height: 40px; line-height: 40px; }
/**/
.pro_bj{height: 1165px;overflow: hidden; background:#fff;padding-top:80px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{margin-bottom: 40px;}

.fen{ width:1200px; height: 65px; background: #01487e; overflow: hidden;margin-bottom: 40px; }
.fen ul{ height: 65px; }
.fen ul li {width:200px;text-align: center;   float: left;}
.fen ul li a{ text-decoration: none; display: block; font-weight: normal; line-height:65px; height:65px; font-size: 16px; color: #fff; position: relative;z-index: 1;}
.fen ul li a:after{content: "";width: 1px; height: 13px; background: #8dadc5;position: absolute;top:26px;right: 0;}
.fen ul li:last-child a:after{background: none;}
.fen ul li a:hover,.fen ul li.cur a { background:#00cbc0; color: #333333; font-weight: bold; }
.fen ul li a:hover:after,.fen ul li.cur a:after{background:#00cbc0;}

.pro1{height:1200px;height: 428px; overflow: hidden;}
.pro1 dl{  width: 1200px; height: 428px;  position: relative; }
.pro1 dl dt {float: left;width: 700px;height: 428px; overflow: hidden;}
.pro1 dl dt img{width: 700px;height: 428px;  display: block;}
.pro1 dl dd{height: 428px; float: left;width: 500px;padding:45px 100px  0; background:#f3f3f3; overflow: hidden;border-left: 0;box-sizing: border-box; }
.pro1 dl dd h3{ font-size: 30px;color: #fff; color:#212121; font-weight: bold;margin-bottom: 5px;  }
.pro1 dl dd h3 a{color:#212121;text-decoration: none;}
.pro1 dl dd h4{font-size: 18px; font-weight: bold; color: #333333; line-height: 40px;}
.pro1 dl dd p{ line-height: 25px; font-size:14px; overflow: hidden; color: #666666; text-align: justify;margin-bottom:10px;}
.pro1 dl dd span a{display: block;background: url(../images/btn_more.png) no-repeat left center; height: 40px; line-height: 40px; }

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




.pro2{height: 450px;margin-top: 5px; position: relative;width:1200px;}
.pro2 .pro2_tit{font-size: 24px; color: #333333; height: 68px; line-height: 68px; font-weight: bold;}
.pro2 .pro2_tit a{color: #333;}
.pro2 .pro2_tit span{font-size: 14px; font-weight: normal; color: #333333; height: 28px; line-height: 28px; text-transform: uppercase; text-align: center;width: 100px;border-radius: 12px;border:1px solid #01487e; display: block; float: right;margin-top: 18px;}
.m_pro {width:1200px; overflow: hidden;}
.m_pro dl{float: left;width: 364px;margin-right: 54px; position: relative;}
.m_pro dt{width: 364px;height: 274px; position: relative; overflow: hidden;}
.m_pro dt img{width: 364px;height: 274px;display: block;}
.m_pro dt span{position: absolute;top:274px;width: 364px;height: 274px;display: block; background: url(../images/cpmore.png) no-repeat center top; font-size: 16px; color: #333333; line-height: 274px; text-align: center;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.m_pro dd{width: 364px;height: 64px; line-height: 64px;border-bottom:1px solid #666666; background:#fff; box-sizing: border-box; text-align: left; position: relative; font-size: 18px; color: #666; font-weight: bold;}
.m_pro dd a{color: #666;}
.m_pro dd:after{ content:"+";position: absolute;right: 0px;top:0; width: 10px; height: 10px;  color: #666666; font-size: 18px; font-weight: bold;}


.m_pro .nones{margin-right: 0;}
.m_pro dl:hover dt span{top:0;}
.m_pro dl:hover dd{color: #01487e;border-bottom: 1px solid #01487e;}
.m_pro dl:hover dd a{color: #01487e;}
.m_pro dl:hover dd:after{ color: #01487e; }


/**/
.cpysbj{ height: 872px; box-sizing: border-box; background:#fff; padding-top: 65px; overflow: hidden; font-family:"Microsoft Yahei";}
.cpysbj h2{margin-bottom: 48px;}
.cpys{width: 100%; height:651px; position: relative;}

.cpysbg{width: 100%;height: 651px;position: absolute; top:0;left: 0;}
.cpys1{background:url(../images/cpys1.jpg) no-repeat center top;height: 651px;}
.cpys2{background:url(../images/cpys2.jpg) no-repeat center top;height: 651px;}
.cpys3{background:url(../images/cpys3.jpg) no-repeat center top;height: 651px;}
.cpys4{background:url(../images/cpys4.jpg) no-repeat center top;height: 651px;}

.cpys .cpys_nav{width: 500px;margin-left: 100px; position: absolute;left: 50%;top:105px;z-index: 1;}
.cpys .cpys_nav dl{width:500px; height: 115px; }
.cpys .cpys_nav dl dt{width: 98px;height: 88px; display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; float: left;}
.cpys .cpys_nav dl dd{ float: left;text-align: left;width: 400px; height: 95px; box-sizing: border-box; position: relative;padding-top: 10px; }
.cpys .cpys_nav dl dd h3{font-size: 24px; color: #ffffff; font-weight: bold;margin-bottom: 10px; }
.cpys .cpys_nav dl dd p{line-height: 24px;overflow: hidden; font-size:14px;color: #ffffff; text-align: justify;}

.cpys .cpys_nav dl:nth-child(1) dt{background:url(../images/cpys1ico.png) no-repeat center top;}
.cpys .cpys_nav dl:nth-child(2) dt{background:url(../images/cpys2ico.png) no-repeat center top;}
.cpys .cpys_nav dl:nth-child(3) dt{background:url(../images/cpys3ico.png) no-repeat center top;}
.cpys .cpys_nav dl:nth-child(4) dt{background:url(../images/cpys4ico.png) no-repeat center top;}

.cpys .cpys_nav dl:nth-child(1).cur dt,.cpys .cpys_nav dl:nth-child(1):hover dt{background:url(../images/cpys1icocur.png) no-repeat center top;}
.cpys .cpys_nav dl:nth-child(2).cur dt,.cpys .cpys_nav dl:nth-child(2):hover dt{background:url(../images/cpys2icocur.png) no-repeat center top;}
.cpys .cpys_nav dl:nth-child(3).cur dt,.cpys .cpys_nav dl:nth-child(3):hover dt{background:url(../images/cpys3icocur.png) no-repeat center top;}
.cpys .cpys_nav dl:nth-child(4).cur dt,.cpys .cpys_nav dl:nth-child(4):hover dt{background:url(../images/cpys4icocur.png) no-repeat center top;}


/**/
.casebj{ height: 887px; background:url(../images/casebg.jpg) no-repeat center top; padding-top:80px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; }
.casebj h2{ margin-bottom: 40px;}
.case_nav{ width:1200px; height: 65px; background: #01487e; overflow: hidden;margin-bottom: 20px; }
.case_nav ul{ height: 65px; }
.case_nav ul li {width:200px;text-align: center;   float: left;}
.case_nav ul li a{ text-decoration: none; display: block; font-weight: normal; line-height:65px; height:65px; font-size: 16px; color: #fff; position: relative;z-index: 1;}
.case_nav ul li a:after{content: "";width: 1px; height: 13px; background: #8dadc5;position: absolute;top:26px;right: 0;}
.case_nav ul li:last-child a:after{background: none;}
.case_nav ul li a:hover,.case_nav ul li.cur a { background:#00cbc0; color: #333333; font-weight: bold; }
.case_nav ul li a:hover:after,.case_nav ul li.cur a:after{background:#00cbc0;}


.case{ box-sizing: border-box; height:506px; }
.casetit{width: 279px;  position: relative;z-index: 1;  font:16px "Microsoft YaHei"; text-align:center;box-sizing: border-box; float: right; }
.casetit li{width: 279px; height: 157px; overflow: hidden; margin-bottom: 18px;  float: left; position: relative; }
.casetit li img{width: 279px; height: 157px;  display: block;}
.casetit li:last-child{margin-bottom: 0;}
.casetit li em{ display: block;font-size: 16px; color: #ffffff; background:url(../images/casetm.png) no-repeat center top;width: 279px; height: 157px;padding: 65px 20px 0; box-sizing: border-box; position: absolute;top:157px; left:0; white-space: normal;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.casetit li a{ color:#fff;text-decoration: none; }
.casetit .cur{box-shadow: 0 0 10px #b6b6b6;}
.casetit .cur em{ top:0; }


.case_nr {width:900px; height:506px; float: left;}
.case_nr  dl{width:900px; margin:0 auto; height:506px;overflow: hidden;box-sizing: border-box; position: relative; }
.case_nr  dl dt{width: 900px;height: 506px; overflow: hidden;}
.case_nr  dl dt img{width: 900px;height: 506px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_nr  dl dt img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}
.case_nr  dl dd{height: 110px; width: 900px;padding-left:98px; box-sizing: border-box;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.6);box-sizing: border-box;  }
.case_nr  dl dd .desc{float: left;  width: 595px;}
.case_nr  dl dd h3{font-weight: bold;text-align: left; font-size: 24px; color: #ffffff; height: 38px; line-height: 38px;width: 595px;padding-top:10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;  }
.case_nr  dl dd h3 a{ color: #ffffff; }
.case_nr  dl dd p{height: 48px; line-height: 24px;overflow: hidden; font-size:14px;color: #ffffff;  text-align: justify;width: 595px; }
.case_nr  dl dd span a{background: #00cbc0; width: 100px; float: right; display: block;height: 110px;line-height: 20px; text-align: center;padding-top:38px;font-size: 14px; color: #333; text-decoration: none;  }



/**/
.ysbj{ height:1485px; position: relative; box-sizing: border-box; background:#fff;padding-top: 80px; overflow: hidden; font-family:"Microsoft Yahei";}
.ysbj h2{ margin-bottom: 38px; }
.ys{ height:auto;  position: relative; }


.ys  dl{width:1200px; height:393px;margin:0 auto; position: relative; }
.ys  dl dt{width: 600px;height: 393px; display: block; overflow: hidden;}
.ys  dl dt img{width: 600px;height: 393px; display: block;}
.ys  dl dd{height: 393px; width: 600px;padding-top:30px;padding-left: 100px;  background: #fff; box-sizing: border-box;  text-align: left; position: relative;}
.ys  dl dd h3 {padding-top: 40px; position: relative; z-index: 1; font-weight: bold;font-size: 36px; color: #01487e;display: block;letter-spacing: 3px; height: 108px; background:url(../images/01.png) no-repeat left top;box-sizing: border-box; }
.ys  dl dd p{line-height: 24px;overflow: hidden; font-size:14px;color: #333333; margin-bottom: 10px; text-align: justify;   }
.ys  dl dd li{font-size: 16px; line-height: 20px; color: #333333; float: left; text-align: center;}
.ys  dl dd li img{width: 143px; height: 104px; display: block;}

.ys1 dt,.ys3 dt{ float: left; }
.ys1 dd,.ys3 dd{float: left;}
.ys1 dd p,.ys3 dd p{width: 400px;}

.ys3 dl dd{padding-top: 30px;}
.ys3 dl dd h3{padding-top: 50px;background:url(../images/03.png) no-repeat left top;margin-bottom:15px;}
.ys2 dt{ float: right; }
.ys2 dl dd{padding-left: 0;padding-top: 25px; float: left;}
.ys2 dl dd h3{padding-top: 60px;background:url(../images/02.png) no-repeat left top;margin-bottom:15px;}
.ys2 dd p{width: 500px;}

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


/**/
.nswsbj{ height: 666px; box-sizing: border-box;  padding-top:80px; overflow: hidden; font-family:"Microsoft Yahei";background: url(../images/newsbg.jpg) no-repeat center top;}
.nswsbj .tit01{margin-bottom: 25px;}
.news{width:800px; float: left; }
.news h2{margin-bottom: 25px;height:50px;border-bottom: 1px solid #dcdcdc;}
.news h2 i{height:50px; line-height: 50px; position: relative; font-size: 24px; color: #01487e; display: inline-block; float: left; }
.news h2 i:after{content: "";position: absolute;bottom:-1px; left: 0px;width: 100px; height: 1px; background: #01487e;}
.news h2 span{ display: block;float: right;height:50px; line-height: 50px; font-size: 16px; color: #999999; text-transform: uppercase; font-weight: normal; }
.news dl{width:383px; float: left;}
.news dl dt{width:383px;overflow: hidden; position: relative;}
.news dl dt img{ width:383px; height: 215px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news dl dt img:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.news dl dd{padding: 10px 24px 0; height: 104px; box-sizing: border-box; position: relative; background: #fff;box-shadow: 0 0px 10px 0px  #d6d6d6;}
.news dl dd h3{font-size: 16px; padding-left: 100px;color: #333333; font-weight: bold; height: 34px; line-height: 34px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.news dl dd h3 a{color: #333333;}
.news dl dd span{padding:0 9px; width: 92px; height: 92px; background: #01487e; font-size: 16px; color: #fff; font-weight: normal; box-sizing: border-box; display: block; text-align: center; line-height: 30px;position: absolute;top:-55px;left: 23px; }
.news dl dd span b{width: 74px; height: 56px; font-size: 42px; color: #fff; display: block; text-align: center; line-height: 56px; border-bottom: 1px solid #fff;}
.news dl dd p{font-size: 14px; text-align: justify; color: #666666; line-height: 24px;}
.news dl dd .news_xq{ position: absolute;width: 72px; height: 24px; line-height: 24px; font-size: 12px; color: #333333; bottom: 14px; right: 20px;}

.news ul{width: 400px; position: relative; float: right;}
.news ul:before{content: "";position: absolute;top:8px; left: 5px;width: 1px; height: 305px; background: #d0d0d0;}
.news li{font-size: 14px;  position: relative;color: #666666; font-weight: normal; height: 25px; line-height: 25px; display: block; margin-bottom: 34px;padding-left: 25px;}
.news ul li:before{content: "";position: absolute;top:8px; left: 0px;width: 10px; height: 10px; background: #d0d0d0;border-radius: 100%;}
.news li a{color: #333; text-decoration: none;}
.news li span{ font-size: 14px; color: #666666; float: right; font-weight: normal; }
.news li:hover a{ color: #01487e ; font-weight: bold; }
.news li:hover span{color: #01487e ;}
.news ul li:hover:before{ background: #01487e; }


.wt{width:328px;height:555px; overflow: hidden;font-family:"Microsoft Yahei"; float: right;}
.wt h2{margin-bottom: 25px;height:50px;border-bottom: 1px solid #dcdcdc;}
.wt h2 i{height:50px; line-height: 50px; position: relative; font-size: 24px; color: #01487e; display: inline-block; float: left; }
.wt h2 i:after{content: "";position: absolute;bottom:-1px; left: 0px;width: 100px; height: 1px; background: #01487e;}
.wt h2 span{ display: block;float: right;height:50px; line-height: 50px; font-size: 16px; color: #999999; text-transform: uppercase;font-weight: normal; }

.wt_c dl{padding-top: 10px;padding-bottom: 10px; }
.wt_c dt{padding-left: 45px;background: url(../images/w.gif) no-repeat left center;  line-height: 24px; font-size: 14px; font-weight: bold;}
.wt_c dt a{ color:#01487e;}
.wt_c dd{padding-left: 45px;background: url(../images/d.gif) no-repeat left 0px;  line-height: 26px; font-size: 14px;margin-top: 10px;}


/**/
.aboutbj{background:#fff;height: 835px; font-family:"Microsoft Yahei";padding-top:80px;box-sizing: border-box; overflow: hidden; position: relative; }
.about h2{margin-bottom: 40px;}
.about{ height: 577px; }
.about dl{width:1200px;height: 577px;position: relative;margin: 0 auto;}
.about dl dt{width:960px;height: 577px; position: absolute;left: 50%;margin-left: -960px;}
.about dl dt img{ width:960px; height: 577px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about dl dt img:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.about dl dd { float: right; width:600px;height: 330px;padding-left: 100px;  box-sizing: border-box; }
.about dl em{margin-top: -15px; display: block; font-size: 60px; color: #e0e0e0; font-weight: normal; text-transform:uppercase;}
.about dl h3{height: 60px; text-align: left;  position: relative; font-size: 34px; color: #333333; font-weight: bold; margin-bottom: 30px;}
.about dl h3:after{content: "";position: absolute;bottom:0px; left: 0px;width: 103px; height: 2px; background: #01487e;}
.about dl h3 a{color: #333333; text-decoration: none;}
.about dl p{font-size: 14px; color: #666666;line-height: 25px; text-align: justify;}



/**/
.m_help{position: absolute; left: 50%;margin-left:100px; top:520px; height:186px;width: 500px;  }
.xc{width:500px;  overflow: hidden;}
.xc li{ width:248px; position:relative;margin-right: 4px; float: left; }
.xc li img{ display:block;width:248px; height:186px;}
.xc li em{ position: absolute;top:186px;left: 0;  width: 248px; text-align: left; height:186px;  font:16px "Microsoft YaHei";color:#333333;background: url(../images/xctm.png) no-repeat center top;  overflow:hidden;display: block; text-align: center;padding:75px 10px 0;box-sizing: border-box;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.xc li a{ text-decoration: none; }
.xc li.nones{margin-right: 0;}
.xc li:hover em{ top:0; }



.link_bj{min-height:70px;position: relative;z-index: 1; background: #ffffff; overflow: hidden;}
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{ background: url(../images/links.gif) no-repeat left center; width:160px; box-sizing: border-box;  float: left; font-size: 18px; font-weight: normal; height: 70px; line-height: 70px; overflow: hidden;color:#333333;padding-left:40px;}
.link h2 em{font-size: 16px; color: #8b8b8b;font-family: "Arial"; display: inline-block; font-weight: bold;padding-left: 10px;}
.link p{  width: 1040px; float: left; font-size: 14px;overflow: hidden; line-height: 70px; color:#666666;}
.link p a{ color:#666666; padding:0 16px;}