.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: #333333;font-weight:normal; }
.tit01 a{color: #333333; text-decoration: none; }
.tit01 i{font-weight: bold;color: #0168b7;}
.tit01 em{ display: block;padding-bottom: 22px; background: url(../images/titbg.png) no-repeat center bottom;}
.tit01 span{font-size: 22px;color: #666666;  font-weight: normal;  display:block;font-family:"Microsoft Yahei"; text-transform: uppercase; height: 38px;line-height: 38px; }

.bzbj{ height: 712px; background:#f4f4f4;padding-top: 95px; box-sizing: border-box;  font-family:"Microsoft Yahei"; position: relative;max-width: 1920px; }
.bzbj:after{content: "";width: 100%; height: 1px; position: absolute;left:0;top:422px;background: #c6c6c6;}
.bzbj h2{margin-bottom: 40px;}
.bzbj h2 em{ font-size: 14px; color: #999999; text-transform: uppercase;letter-spacing: 6px;background: none;padding:0; }
.bz{height: 409px;width: 1200px;margin:0 auto; position: relative;}

.bz dl{height: 409px;width: 240px;position: relative; float: left;padding-top: 70px;box-sizing: border-box;z-index: 3;}
.bz dl dt{ width: 240px; text-align: center;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;opacity: 1;}
.bz dl dt img{width: 110px; height: 110px; }
.bz dl dt h3{ font-size: 36px; color: #0168b7; font-weight: bold;padding-top: 48px; position: relative; }
.bz dl dt h3:after{content: "";width: 9px; height: 9px; position: absolute;top:20px; left: 50%; background: url(../images/bzico.gif) no-repeat;margin-left: -5px;z-index: 0}
.bz dl dt p{ font-size: 27px; color: #666666; }


.bz dl dd{width: 300px;position:absolute;top:0px;left:-30px; height: 409px;background: url(../images/bzicobg.jpg) no-repeat center top; text-align: center;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;opacity: 0;}
.bz dl dd img{width: 152px; height: 152px; margin:44px auto 25px; }
.bz dl dd h3{ font-size: 28px; color: #ffffff; font-weight: normal; text-align: center; height: 64px; line-height: 64px;background: url(../images/h3ico.gif) no-repeat center bottom;margin-bottom: 10px;}
.bz dl dd h3 b{ font-weight: bold;color: #fff; }
.bz dl dd p{font-size: 16px; height: 160px; color: #ffffff; line-height: 24px;padding:0 40px;}



.bz dl.cur dt{opacity: 0;}
.bz dl.cur dd{opacity: 1;}


/**/
.fabj{ height:820px; background:#fff; padding-top:80px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; }
.fabj h2{ margin-bottom: 30px;}
.fabj h2  em{ font-weight: bold;}
.fa{width: 1200px;margin:0 auto;}
.fatit{ height: 70px;border-top:1px solid #e7e7e7;}
.fatit li{height: 70px; line-height: 70px; font-size: 18px; color: #333333;text-align: left; float: left;margin-right: 52px;padding-left: 22px; background: url(../images/faico.png) no-repeat left center; position: relative; }
.fatit li a{color: #333333; text-decoration: none; }
.fatit span{height: 70px; line-height: 70px; font-size: 18px; color: #333333;text-align: left; float: right;padding-left: 22px; background: url(../images/faico.png) no-repeat left center; display: block; }
.fatit span a{color: #333333; text-decoration: none; }
.fatit li.cur ,.fatit li:hover{background: url(../images/faicocur.png) no-repeat left center;}
.fatit li.cur:before,.fatit li:hover:before{content: "";width: 100%; height: 3px; position: absolute;top:-1px; left: 0; background:#0168b7;}
.fatit li.cur a,.fatit li:hover a{ color: #0168b7; font-weight: bold;}

.m_fa { height:526px; position: relative;}
.m_fa  dl{width:1200px;height: 526px;box-sizing: border-box; position: relative;background: #f4f4f4;}
.m_fa  dl dt{width: 700px;height: 526px;  position: relative; overflow: hidden; float: left;}
.m_fa  dl dt img{width: 700px;height: 526px; display: block;}
.m_fa  dl dd{ width: 500px; float: left; padding:40px 45px 0;box-sizing: border-box;  position: relative; }
.m_fa  dl dd h3{text-align: left; font-size: 36px; color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; line-height: 100px; font-weight: bold;background: url(../images/fa_line.png) no-repeat left bottom;margin-bottom: 20px;}
.m_fa  dl dd h3 a{ color: #333333; }
.m_fa  dl dd p{ line-height: 28px;font-size:16px;color: #666666;text-align: left; height: 115px;}
.m_fa  dl dd ul{clear: both; overflow: hidden;margin-bottom: 40px;}
.m_fa  dl dd li{font-size: 20px; color: #333333; line-height: 40px; float: left;}
.m_fa  dl dd li img{width: 78px; height: 41px; display: block;}
.m_fa  dl dd li:nth-child(2){border-left: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;padding:0 35px; margin:0 35px;}
.m_fa dl dd span a{font-size:16px; overflow: hidden; display:block;line-height: 46px; width: 193px; float: left; background:url(../images/fa_btn.png) no-repeat; text-align: left;color: #fff;padding-left: 68px;box-sizing: border-box; }

.m_fa img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.m_fa img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}

/**/
.pro_bj{overflow: hidden; background:#fff;padding-top:85px; box-sizing: border-box; font-family: "Microsoft YaHei";  }
.pro_bj h2{margin-bottom: 35px;}
.pro_bj h2 em{padding:0;background: none;}

.pro{height: 838px;padding-top: 90px; background:#f4f4f4 url(../images/1.png) no-repeat center top; box-sizing: border-box;}
.cp_nav{border:1px solid #cecece;border-radius: 24px; height: 52px;width: 904px; margin:20px auto 30px;}
.cp_nav a{ display: block;padding:0 36px; float: left; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #666666;border-right: 1px solid #cecece; text-decoration: none; }
.cp_nav a:last-child{border-right: 0;}
.cp_nav a:hover{background: #0168b7; color: #fff; font-weight: bold;border-right-color: #0168b7; }
.cp_nav a:nth-child(1):hover{border-top-left-radius: 24px;border-bottom-left-radius: 24px; background: #0168b7; color: #fff; font-weight: bold;border-right-color: #0168b7; }
.cp_nav a:last-child:hover{border-top-right-radius: 24px;border-bottom-right-radius: 24px; background: #0168b7; color: #fff; font-weight: bold;border-right-color: #0168b7; }
.clm{width: 1200px; height: 500px;box-sizing: border-box;position: relative; }
.clm .clm_pic {width: 600px; height: 500px; float: right;}
.clm .clm_pic img{width: 960px; height: 500px;  display: block;margin-right: -360px;}

.clm .clm_left{ width: 550px; float: left;}
.clm .clm_desc{ height: 200px; }
.clm .clm_desc h4{ font-size: 30px; color: #333333; line-height: 68px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal; }
.clm .clm_desc p{line-height: 30px; height: 92px; font-size:16px; overflow: hidden; color: #444444; text-align: justify;}
.clm .clm_desc p b{ font-weight: bold; }

.cp .cptit{ height: 35px;line-height: 35px; margin-bottom: 15px; position: relative; color: #333333; font-size: 18px; font-weight: bold; text-align: center; }
.cp .cptit:before{content: "";width: 227px; height: 1px; position: absolute;left:0;top:17px;background:#d8d8d8;}
.cp .cptit:after{content: "";width: 227px; height: 1px; position: absolute;right:0;top:17px;background:#d8d8d8;}
.cp ul li {float: left;width: 262px; margin-right: 24px; box-sizing: border-box;  overflow: hidden;}
.cp ul li img{width: 262px;height: 196px;  display: block;}
.cp ul li a{text-decoration: none;}
.cp ul li span{ height: 49px; line-height: 49px; color: #333333;border-bottom: 1px solid #c9c9c9; text-align: center; display: block; font-size: 16px; }
.cp ul li:hover img{box-shadow: 0 0 10px #ccc;}
.cp ul li:hover span{color: #0168b7;border-color:#0168b7;}




.pro2{height: 852px;padding-top: 90px; /* background:#fff url(../images/2.png) no-repeat center top; */ box-sizing: border-box;}
.pro2 .cp_nav{border:1px solid #cecece;border-radius: 24px; height: 52px;width: 1199px; margin:20px auto 30px;}
.pro2 .cp_nav a{ display: block;padding:0 29px; float: left; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #666666;border-right: 1px solid #cecece; text-decoration: none; }
.pro2 .cp_nav a:last-child{border-right: 0;}
.pro2 .cp_nav a:hover{background: #0168b7; color: #fff; font-weight: bold;border-right-color: #0168b7; }
.pro2 .cp_nav a:nth-child(1):hover{border-top-left-radius: 24px;border-bottom-left-radius: 24px; background: #0168b7; color: #fff; font-weight: bold;border-right-color: #0168b7; }
.pro2 .cp_nav a:last-child:hover{border-top-right-radius: 24px;border-bottom-right-radius: 24px; background: #0168b7; color: #fff; font-weight: bold;border-right-color: #0168b7; }
.pro2 .clm{width: 1200px; height: 500px;box-sizing: border-box;position: relative; }
.pro2 .clm .clm_pic {width: 600px; height: 500px; float: left;}
.pro2 .clm .clm_pic img{width: 960px; height: 500px;  display: block;margin-left: -360px;}

.pro2 .clm .clm_left{ width: 550px; float: right;}
.pro2 .clm .clm_desc{ height: 200px; }
.pro2 .clm .clm_desc h4{ font-size: 30px; color: #333333; line-height: 68px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal; }
.pro2 .clm .clm_desc p{line-height: 30px; height: 92px; font-size:16px; overflow: hidden; color: #444444; text-align: justify;}
.pro2 .clm .clm_desc p b{ font-weight: bold; }





/**/
.ysbj{ height:auto; position: relative; box-sizing: border-box; background:#f4f4f4;padding-top: 95px; overflow: hidden; font-family:"Microsoft Yahei";}
.ysbj h2{ margin-bottom: 28px; }
.ysbj h2 em{font-weight: bold;}
.ys{ height:1340px;  position: relative; }
.ys:before{content: "";position: absolute;left:50%;top:0;background: url(../images/ysico.png) no-repeat;width:18px; height: 1069px;margin-left: -8px; }
.ys  dl{width:562px; height:606px;box-shadow: 0 0 10px #ebebeb; float: left;margin-bottom: 35px;}
.ys  dl dt{width: 562px;height: 408px; display: block;}
.ys  dl dt img{width: 562px;height: 408px; display: block;}
.ys  dl dd{height: 198px; width: 562px;padding:30px 40px 0;  background: #fff;box-sizing: border-box;position: relative; }
.ys  dl dd em{width:115px;background: url(../images/embg.png) no-repeat;  height: 127px; display: block;position: absolute;top:-408px;left:30px; font-size: 26px; color: #fff;text-align: center;padding-top: 65px; }
.ys  dl dd h3 { font-weight: bold;font-size: 30px; color: #333333;display: block;margin-bottom: 20px;  }
.ys  dl dd h3 i{font-weight: bold; color: #f56b1b;}
.ys  dl dd p{line-height: 26px;overflow: hidden; font-size:16px;color: #333333;  text-align: left;  }

.ys dl:nth-child(1){ margin-top: 32px; }
.ys dl.dl4{ margin-top: -32px; }
.ys .dl2,.ys .dl4{ float: right; }


.zz .m_zz{height: 166px;margin-bottom: 30px;}
.zz .m_zz ul{width: 1200px;padding:0px 0 0; height: 138px; position: relative;}
.zz .m_zz li{ width:300px;padding:0px 0px 0 20px; height: 138px;box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative;}
.zz .m_zz li:after{content: "";width: 180px; height: 1px; position: absolute;top:26px; right: 0; background: #c2c2c2; z-index: 1;}
.zz .m_zz li em{margin-top:0px;display: block; position: relative;width:175px; float: left;}
.zz .m_zz li em b{float: left;font-size: 48px; color: #0168b7; font-family: "Arial","Agency FB";font-weight: bold;}
.zz .m_zz li em i{ font-size: 18px; color: #0168b7; text-align: left; line-height: 35px; background:none;  width: 65px; height: 35px;display: block; position: absolute;top:10px; right: 0;}
.zz .m_zz .zz1{width:197px; float: left;padding-top: 0px;}
.zz .m_zz .zz1 h3{font-size: 16px; color: #333333; text-align: left; font-weight: bold; }
.zz .m_zz li:nth-child(1){width: 310px;padding-left: 0;}
.zz .m_zz li:nth-child(1) em{width: 178px;}
.zz .m_zz li:nth-child(1) .zz1{width: 130px;}
.zz .m_zz li:nth-child(2){width: 335px;}
.zz .m_zz li:nth-child(2) em{width: 160px;}
.zz .m_zz li:nth-child(2) .zz1{width: 165px;}
.zz .m_zz li:nth-child(3){width: 395px;}
.zz .m_zz li:nth-child(3) em{width:185px;}
.zz .m_zz li:nth-child(3) .zz1{width: 200px;}
.zz .m_zz li:nth-child(4) .zz1{width: 112px;}
.zz .m_zz li:nth-child(4){width: 140px; }
.zz .m_zz li:nth-child(4):after{background: none;}
.zz .m_zz li:nth-child(4) em{width:132px;}

/*案例*/
.case{padding: 80px 0 0;font-family:"Microsoft Yahei";text-align: center;position: relative;z-index: 1;}
/*.case:before{content: "";position: absolute;width:100%;height: 50%;left:0;bottom:0;background:#f6f6f6;z-index:-1;}*/
.case h2{margin-bottom: 20px;}
.case h2 em{padding:0; background: none;}
.case_t{border-top: 1px solid #cccccc; height:93px;line-height:32px;color: #333;font-size:18px;z-index: 9;position: relative;}
.case_t ul{width: 1200px;margin:0 auto;}
.case_t li{width: 133px;float: left; position: relative;}
.case_t li a{display: block;color: #333333; font-size: 18px; text-decoration: none;}
.case_t li span{display: block;width: 52px;height: 33px;margin: 13px auto 0;position: relative; overflow: hidden;}
.case_t li span img{width: 52px;position: absolute;left:0;top:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear; }

.case_t li.cur:before,.case_t li:hover:before{content: "";width: 100%; height: 3px; position: absolute;top:-1px; left: 0; background: #0168b7; }
.case_t li.cur span img,.case_t li:hover span img{top:-33px;}
.case_t li.cur a,.case_t li:hover a{font-weight: bold; color: #0c6dc7;}


/*.case_t li:hover span{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}*/
.case_c img{width: 100%;display: block;}

.case_l{width: 49.68%;display: block;position: relative;}
.case_r{width: 50.32%;display: block;}
.case_r li{width:49.37%;float: left;margin: 0 0 6px 0.63%;position: relative;}
.case_r li p,.case_l p{width:100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0 , 0 , 0 , 0.8);box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 5px #0168b7;color: #cbcbcb;padding: 14% 7.76% 0;display: none;}
.case_r li:hover p,.case_l:hover p{display: block;}
.case_r li p a,.case_l p a{display: block;font-size: 18px;line-height: 60px;color: #fff; font-weight: bold; height:60px; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.case_r li p span,.case_l p span{display: block;height: 72px;overflow: hidden;position: relative; line-height: 24px; font-size: 14px; color: #fff;}
.case_l p span{height:96px;}


@media screen and (max-width: 1439px) {
    .case_r li p:before{width: 0;height: 0;background: none;}
}
@media screen and (max-width: 1679px) {
    .case_r li p span,.case_l p span{height: 72px;}
    .case_r li p{padding-top: 8%;}
}

/**/
.hzbj{width:100%;height: 255px;margin-top:18px;  overflow: hidden;}
.hz{width: 1200px; margin:0 auto;position: relative;}

.hz_scroll{width: 1188px; margin:0 auto; overflow: hidden;}
.hz li{width: 220px;float: left;margin-right: 22px;}
.hz li img{width: 220px;height: 123px;border:1px solid #c9c9c9;  display: block;box-sizing: border-box;}
.hz li a{ text-decoration: none; }
.hz li span{font-size: 16px; color: #666666; height: 45px;line-height: 45px; text-align: center; display: block;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.hz_prev{position: absolute;left:-37px;top:48px;background: url(../images/hz_lefts.png) no-repeat;width: 17px; height: 29px;}
.hz_next{position: absolute;right:-37px;top:48px;background: url(../images/hz_rights.png) no-repeat;width: 17px; height: 29px;}
.hz li:hover img {border-color: #00679c;}
.hz li:hover span{color: #00679c;}
/**/
.nswsbj{ height: 892px; box-sizing: border-box; background:#f4f4f4; padding-top:95px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{ margin-bottom: 30px;}
.news{width:580px;padding:24px; background: #ffff;box-sizing: border-box; float: left;}
.news .newstit{height:45px; margin-bottom: 17px;border-bottom: 1px solid #dddddd;}
.news .newstit i a{ text-decoration: none; font-size: 18px; display: block;height:45px; color:#333333; line-height:48px; font-weight: normal;padding-left: 30px; margin-right: 45px; float: left; position: relative;}
.news .newstit i a:nth-child(1){background: url(../images/newico1.png) no-repeat left center;}
.news .newstit i a:nth-child(2){background: url(../images/newico2.png) no-repeat left center;}

.news .newstit i a.cur:after{content: "";width: 100%; height: 2px; position: absolute;left:0;bottom:0;background: #0168b7;}

.news_nr{ background:#fff; }
.news_c dl{width:531px; overflow: hidden; height:299px; position: relative;}
.news_c dt{ width:531px;height:299px; position: relative; overflow: hidden;}
.news_c dt img{width:531px;height:299px; display: block;}
.news_c dd{font-size: 16px;color: #ffffff; line-height: 45px; height: 45px;background: rgba(0,0,0,0.5); text-align: center; position: absolute;bottom: 0;left:0; width: 100%;}
.news_c dd a{color: #fff;}
.news_c dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news_c dt img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}

.news_c ul{clear: both; overflow: hidden;padding:20px 0 0px;}
.news_c li{line-height: 44px; height: 44px; display: block;  padding-left: 17px; background: url(../images/newsico.png) no-repeat left center; box-sizing: border-box;border-bottom: 1px solid #dddddd;}
.news_c li a{ float:left;font-size: 14px;color:#444444;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.news_c li:last-child{border-bottom: 0;}



.bk{width:580px;padding:24px; background: #ffff;box-sizing: border-box; float: right;}
.bk .newstit{height:45px; margin-bottom: 17px;border-bottom: 1px solid #dddddd;}
.bk .newstit i a{ text-decoration: none; font-size: 18px; display: block;height:45px; color:#333333; line-height:48px; font-weight: normal;padding-left: 30px; margin-right: 45px; float: left; position: relative;}
.bk .newstit i a:nth-child(1){background: url(../images/newico1.png) no-repeat left center;}
.bk .newstit i a:nth-child(2){background: url(../images/newico2.png) no-repeat left center;}

.bk_c{box-sizing: border-box;}
.bk_c dl{height: 147px;margin-bottom: 20px;border-bottom: 1px solid #dddddd;}
.bk_c dt{ width:225px; height: 127px; float: left; }
.bk_c dt img{display: block; width:225px; height: 127px;}
.bk_c dd{ padding-left: 22px; box-sizing: border-box; font-size: 14px; color: #333333; width: 305px; float: left; }
.bk_c dd h3{margin-top: 15px; font-size: 16px;height: 44px;line-height: 44px;  font-weight: normal; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.bk_c dd h3 a{ color:#444444;}
.bk_c dd p{overflow: hidden;font-size: 14px; line-height: 24px; color: #444444;  }
.bk_c dd p a{ color: #0394e7; }
.bk_c dl:nth-child(2){border-bottom: 0;margin-bottom: 0;}
.bk_c dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.bk_c dt img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}

.bk_c ul{clear: both; overflow: hidden;padding:5px 0 0px;}
.bk_c li{line-height: 44px; height: 44px; display: block;  padding-left: 17px; background: url(../images/newsico.png) no-repeat left center; box-sizing: border-box;border-bottom: 1px solid #dddddd;}
.bk_c li a{ float:left;font-size: 14px;color:#444444;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.bk_c li:last-child{border-bottom: 0;}

/**/
.aboutbj{background:#fff;height: 1016px; font-family:"Microsoft Yahei";padding-top:90px;box-sizing: border-box; overflow: hidden; }
.aboutbj h2{ margin-bottom: 15px;}

.about{overflow: hidden; position: relative;}
.about dl{width:1200px;}
.about dl dt{width:1200px; height: 553px; position: relative;margin-bottom: 52px;}
.about dl dt img{ width:1200px; height: 553px; display: block;}
.about dl dt em{width:236px;height: 140px; position: absolute;left:50%;bottom: -45px;margin-left: -118px; color: #fff; font-size: 30px; background: url(../images/abttitbg.jpg) no-repeat; text-align: center; font-weight: bold;padding-top: 25px;box-sizing: border-box;}
.about dl dd { height: 200px; }
.about dl dd h3{height: 70px; line-height: 70px; text-align: center; color: #333333;font-size: 24px; font-weight: bold;}
.about dl dd h3 a{ color: #333; }
.about dl dd p{ font-size: 16px; color: #444444;line-height: 25px; text-align: center;}
.about dl dd p a{color: #0168b7;}


.link_bj{width:1200px; margin: 0 auto;margin-top: -70px; min-height:70px; overflow: hidden; }
.link{ height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link p{  width: 500px; float: right; font-size: 16px;overflow: hidden; line-height: 70px; color:#acacac;}
.link p a{ color: #fff; font-size: 14px;opacity: 0.5; padding-left:20px; text-align: right;    float: right;}