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

.tit01{font-size: 50px; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size: 20px;color: #333333;padding-top: 20px; background: url(../images/titbg1.png) no-repeat center top; line-height: 26px;}

.yy_bj{ background: url(../images/yybg.jpg) no-repeat center top; height: 991px; padding-top:82px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.yy h2{margin-bottom: 15px; font-size: 40px;}
.yy dl {width: 1200px;position: relative; margin:0 auto;}
.yy dl dt{width:1200px;box-shadow: 0 0 10px #ececec; box-sizing: border-box; overflow: hidden; margin:0 auto;}
.yy dl dt img{width:1200px; height: 537px;  display: block;}
.yy dl dd{width:1200px;box-sizing: border-box;text-align: center;line-height: 26px; font-size: 18px;  color: #666666;  height: 92px; box-sizing: border-box;}
.yy dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.yy dt img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}

.m_zz{background: none;padding:0px; width: 1200px;margin:30px auto 0;}
.m_zz{height: 100px;}
.m_zz ul{width: 1200px; height: 100px; position: relative; }
.m_zz li{ width:310px;height: 100px; box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative;  }
.m_zz li:before{content: ""; position: absolute;right:15px; height: 1px;  background: #c4c4c4;top:30px; }
.m_zz li em{margin-left:-15px;display: block; position: relative;width:150px;}
.m_zz li em b{ margin-left:0px;font-size: 55px; color: #333333; font-family: "Arial"; font-weight: normal;}
.m_zz li em i{ font-size: 14px;color: #fff; font-weight: normal; text-align: center; line-height: 24px;  width: 24px; height: 24px;display: block; position: absolute;top:23px; right: -10px; background: #dea369; border-radius: 100%;}
.m_zz li h3{font-size: 16px; color: #666666; text-align: left; font-weight: normal;}

.m_zz li:nth-child(1){}
.m_zz li:nth-child(1) em{width: 93px;}
.m_zz li:nth-child(1) em i{right:-20px;}
.m_zz li:nth-child(1):before{width:166px;}
.m_zz li:nth-child(2){width: 305px;}
.m_zz li:nth-child(2) em{width: 93px;}
.m_zz li:nth-child(2) em i{right:-20px;}
.m_zz li:nth-child(2):before{width:166px;}
.m_zz li:nth-child(3){width: 373px;}
.m_zz li:nth-child(3) em{width:145px; }
.m_zz li:nth-child(3) em i{right:-20px;}
.m_zz li:nth-child(3):before{width:175px;}
.m_zz li:nth-child(4){width: 200px;}
.m_zz li:nth-child(4) em{width:190px; }
.m_zz li:nth-child(4) em i{right:-15px;}
.m_zz li:nth-child(4):before{background: none;}

/**/
.cpnav_bj{ height: 540px; overflow: hidden;padding-top:80px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.cpnav_bj h2{margin-bottom: 45px;}
.cpnav {background: url(../images/cptitbg.jpg) no-repeat center top;height: 228px;box-sizing: border-box;}
.cpnav ul{width: 896px; margin:0 auto;}
.cpnav li{width: 19.285%; float: left;height: 228px; font-size: 20px; color: #fff; text-align: center;}
.cpnav li img{width: 89px; height: 63px; display: block;margin:42px auto 15px;}
.cpnav li a{color: #fff; text-decoration: none;}
.cpnav li span{padding-top: 15px; background: url(../images/clm_line.png) no-repeat center top; display: block; line-height: 34px;}
.cpnav li i{display: block; font-size: 10px;color: rgba(255,255,255,0.3);}
.cpnav li.cur,.cpnav li:hover{background: #dea369;}


.cpbj .cp{width: 1200px;position: relative;margin:0 auto;height: 684px; background: #fff;}
.cpbj .cp_left{width: 600px;height: 684px; float: left;}
.cpbj .cp_left img{width:960px;height: 684px; display: block;margin-left: -360px;}
.cpbj .cp_right{width:500px;height: 684px;float: right;}
.cpbj .cp_nav{height: 326px;}
.cpbj .cp_nav h3{margin-top: 60px; font-size: 49px;color: #dea369; font-weight: bold;height: 170px;border-bottom: 3px solid #bebebe;box-sizing: border-box;margin-bottom: 28px;}
.cpbj .cp_nav h3 a{color: #dea369; text-decoration: none;}
.cpbj .cp_nav i{display: block; font-size: 16px;color: rgba(39,39,39,0.3);margin-bottom: 12px; font-weight: normal;}
.cpbj .cp_nav span{display: block; font-size: 22px; color: #272727; font-weight: normal;}
.cpbj .cp_nav p{ font-size: 20px; color: #222222; }
.cpbj .cp_nav p a{display: block; float: left; line-height: 35px;width: 108px;padding-left: 20px;color: #222222; background: url(../images/newsico.png) no-repeat left center;height: 35px;white-space: nowrap;text-overflow: ellipsis;}
.cpbj .cp_nav p a:nth-child(4){width: 90px;}
.cpbj .cp_nav p a:hover{ color: #dea369; }
.cpbj .cp_cnt{ height:340px;width: 500px; position: relative;}
.cpbj .cp_cnt{width:500px;  overflow: hidden;}
.cpbj .cp_cnt li{ width:245px;position:relative;margin-right:10px; float: left; overflow: hidden;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.cpbj .cp_cnt li img{ display:block;width:245px; height:183px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border:1px solid #eee;box-sizing:border-box;}
.cpbj .cp_cnt li h4{height: 45px; font:16px "Microsoft YaHei"; line-height:45px;  color:#666666; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display: block; text-align: center; -webkit-transition:all .5s;transition:all .5s;}
.cpbj .cp_cnt li a{ text-decoration: none; }
.cpbj .cp_cnt li:hover img{transform: translateY(-5px); }

.cpbj2{padding-bottom: 130px;}
.cpbj2 .cp{width: 1200px;position: relative;margin:0 auto;height: 684px;}
.cpbj2 .cp_left{width: 600px;height: 684px; float: right;}
.cpbj2 .cp_left img{width:960px;height: 684px; display: block;margin-right: -360px;}
.cpbj2 .cp_right{width:500px;height: 684px;float: left;}
.cpbj2 .cp_nav{height: 326px;}
.cpbj2 .cp_nav h3{margin-top: 60px; font-size: 49px;color: #dea369; font-weight: bold;height: 170px;border-bottom: 3px solid #bebebe;box-sizing: border-box;margin-bottom: 28px;}
.cpbj2 .cp_nav h3 a{color: #dea369; text-decoration: none;}
.cpbj2 .cp_nav i{display: block; font-size: 16px;color: rgba(39,39,39,0.3);margin-bottom: 12px;font-weight: normal;}
.cpbj2 .cp_nav span{display: block; font-size: 22px; color: #272727; font-weight: normal;}
.cpbj2 .cp_nav p{ font-size: 20px; color: #222222; }
.cpbj2 .cp_nav p a{display: block; float: left;height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 35px;width: 157px;padding-left: 20px;color: #222222; background: url(../images/newsico.png) no-repeat left center;}
.cpbj2 .cp_nav p a:nth-child(3){width: 125px;}
.cpbj2 .cp_nav p a:hover{ color: #dea369; }
.cpbj2 .cp_cnt{ height:340px;width: 500px; position: relative;}
.cpbj2 .cp_cnt{width:500px;  overflow: hidden;}
.cpbj2 .cp_cnt li{ width:245px;position:relative;margin-right:10px; float: left; overflow: hidden;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.cpbj2 .cp_cnt li img{ display:block;width:245px; height:183px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border:1px solid #eee;box-sizing:border-box;}
.cpbj2 .cp_cnt li h4{height: 45px; font:16px "Microsoft YaHei"; line-height:45px;  color:#666666; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; display: block; text-align: center; -webkit-transition:all .5s;transition:all .5s;}
.cpbj2 .cp_cnt li a{ text-decoration: none; }
.cpbj2 .cp_cnt li:hover img{transform: translateY(-5px); }

.oteher_nav{height: 308px; clear: both;overflow: hidden;margin:75px auto 0;width: 1200px;border:2px solid #e7e7e7;}
.oteher_nav dl{width: 240px; float: left;border-right:2px solid #e7e7e7;box-sizing: border-box;position: relative;overflow: hidden;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;cursor: pointer;}
.oteher_nav dl dt{width: 100%;position: relative;}
.oteher_nav dl dt h4{width: 100%; text-align: center;position: absolute; top:32px;left:0; color: #333333;font-size: 20px; font-weight: normal;}
.oteher_nav dl dt h4 i{display: block;color: rgba(51,51,51,0.5);line-height: 24px;font-weight: normal; font-size: 14px;}
.oteher_nav dl:nth-child(5){border:0;}

.oteher_nav dl dd{background: url(../images/cptbg.png) no-repeat center top;padding-top: 175px;position: absolute;top:0;height: 100%;width: 100%;left:240px;}
.oteher_nav dl dd h4{width: 100%; color: #fff;font-size: 20px; font-weight: bold;text-align: center;}
.oteher_nav dl dd h4 i{display: block;color: rgba(255,255,255,0.5);line-height: 24px;font-weight: normal; font-size: 14px;}

.oteher_nav dl:hover dt h4{opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.oteher_nav dl:hover dd{left:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

/**/
.yn_bj{ height: 959px; overflow: hidden; background:url(../images/ynbg.jpg) no-repeat center top;padding-top:85px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.yn_bj h2{margin-bottom: 55px; color: #fff;}
.yn_bj h2 p{background:url(../images/titbg1.png) no-repeat center top; color: #fff;}
.yn{width: 1200px;margin:0 auto;}
.yn dl{width: 300px; height: 600px;padding-top: 50px; float: left; position: relative;overflow: hidden;cursor: pointer;}
.yn dl:after{content: ""; position: absolute;right:0; top:35px;background: rgba(255,255,255,0.3); width:1px;height: 510px;}
.yn dl dd{padding:0 53px 0 60px;}
.yn dl dd img{width: 63px;height: 63px; display: block;margin-bottom: 45px;}
.yn dl dd h3{font-size: 28px; color: #ffffff;margin-bottom: 34px;}
.yn dl dd h3 i{font-size: 14px; color: #fff;opacity: 0.61; display: block; font-weight: normal;}
.yn dl dd p{line-height:28px;font-size: 15px; color: #ffffff;text-align: justify;height: 225px;}
.yn dl dd em{ display:block;font-size: 55px; color: #fff; }
.yn dl:nth-child(1) dd{padding-left: 0;}
.yn dl:nth-child(4):after{width: 0;}
.yn dl:nth-child(4) dd{padding-right: 0;}
.yn dl dt{position: absolute;top:0;right:-300px;height: 600px;background: #fff;border-top-left-radius: 30px;border-bottom-right-radius: 30px; display: block;overflow: hidden;opacity: 0;}
.yn dl dt img{width: 300px;height: 297px;display: block;border-top-left-radius: 30px;}
.yn dl dt .desc{padding:20px 45px 0;width: 300px;box-sizing: border-box;}
.yn dl dt h3{font-size:30px; color: #dea369;height: 80px; margin-bottom: 10px; background: url(../images/yn_line.jpg) no-repeat left bottom;}
.yn dl dt h3 i{font-size: 14px; color: #202428;opacity: 0.3; display: block; font-weight: normal;}
.yn dl dt p{line-height:27px;font-size: 16px; color: #202428;text-align: justify;}

.yn dl:nth-child(1) dt:after{content: "01"; position: absolute;right:22px; bottom:-55px; color:rgba(32,36,40,0.1);font-size: 100px; font-weight: bold;}
.yn dl:nth-child(2) dt:after{content: "02"; position: absolute;right:22px; bottom:-55px; color:rgba(32,36,40,0.1);font-size: 100px; font-weight: bold;}
.yn dl:nth-child(3) dt:after{content: "03"; position: absolute;right:22px; bottom:-55px; color:rgba(32,36,40,0.1);font-size: 100px; font-weight: bold;}
.yn dl:nth-child(4) dt:after{content: "04"; position: absolute;right:22px; bottom:-55px; color:rgba(32,36,40,0.1);font-size: 100px; font-weight: bold;}

.yn dl.cur:after{width: 0;}
.yn dl.cur dt{right:0; opacity: 1;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}




/**/
.case_bj{ max-height: 1105px; overflow: hidden; background:#fff;padding-top:95px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.case_bj h2{margin-bottom: 35px;}

.case{width: 1200px;position: relative;margin:0 auto;}
.casetit{width:1200px;background: #fff;margin-bottom: 45px; height: 82px;}
.casetit li{width:184px; font-size:20px; color: #333333;height: 82px;text-align: center; float: left; box-sizing: border-box; position: relative;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;border-right:1px solid #ebebeb; }
.casetit li em{display: block;width: 55px; height: 48px; overflow: hidden; position: relative; margin:0 auto 5px;}
.casetit li em img{width: 55px;display: block; position: absolute;top:0;left:0;}
.casetit li a{color: #333333; text-decoration: none; }
.casetit li:nth-child(5),.casetit li:nth-child(6){width: 168px;}
.casetit li:last-child{width: 126px;border-right: 0;}
.casetit li.cur,.casetit li:hover{color: #dea369;}
.casetit li.cur a,.casetit li:hover a{ color: #dea369; font-weight: bold; }
.casetit li.cur em img,.casetit li:hover em img{top:-48px;}

.case_nr{min-width: 1200px; width: 100%;max-width: 1920px; margin:0 auto; max-height:720px;overflow: hidden;background: url(../images/casebg.jpg) no-repeat center top;}
.case1{ width: 100%;max-height:720px; }
.case_left{width: 50%; overflow: hidden; float: left;}
.case_left p{width: 100%; height: 100%;display: block;}
.case_left img{width: 100%; display: block;}

.case_right{min-width: 600px; width: 50%; overflow: hidden;float: left;}
.case_right .case_right_1{width:62.5%;padding-top: 5%; height: 100%;box-sizing: border-box; font-size: 16px; line-height: 24px; }
.case_right .case_right_1 dl{width: 100%; height: 20%; padding:11px 7%;box-sizing: border-box;clear: both;overflow: hidden;position: relative;}
.case_right .case_right_1 dl:after{content: ""; position: absolute;left:0; bottom:0px;background: #afafaf; width: 92.83%;height: 1px;}
.case_right .case_right_1 dl dd{width: 57%; float: left;}
.case_right .case_right_1 dl dd h3{ font-size: 1.125em;line-height: 2em;height: 2em;margin-top: 1em; color: #333333;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.case_right .case_right_1 dl dd h3 a{color: #333333;}
.case_right .case_right_1 dl dd p{ max-height: 4.5em;line-height: 1.5em; overflow: hidden; font-size: 0.875em;}
.case_right .case_right_1 dl dt{width: 31%; float: right;position: relative;}
.case_right .case_right_1 dl dt:after{content: ""; position: absolute;top:0;bottom: 0;right:0; left:0;height: 100%;width:100%;background: url(../images/casetm.png) no-repeat center center;background-size: 100%;}

.case_right .case_right_1 dl dt img{width: 100%;}
.case_right .case_right_1 dl:last-child:after{height: 0;}

.case_right .case_right_1 dl.cur{background: #dea369;border-bottom-color: #dea369;margin-top: -1px;border-top-right-radius: 30px;}
.case_right .case_right_1 dl.cur:after{height: 0;}
.case_right .case_right_1 dl.cur h3,.case_right .case_right_1 dl.cur h3 a,.case_right .case_right_1 dl.cur p{color: #fff;}



@media screen and (max-width: 1366px) {
  .case_right .case_right_1{width: 72%;}
  .case_right .case_right_1 dl {padding:11px 5%;}
  .case_right .case_right_1 dl dt{width:26%;}
  .case_right .case_right_1 dl dd{width: 70%;}
  .case_right .case_right_1 dl dd h3{margin-top: 0; font-size: 1em; line-height: 1.4em;height: 1.4em;}
}
@media screen and (min-width: 1367px) and (max-width: 1720px) {
  .case_right .case_right_1{width: 75%;}
  .case_right .case_right_1 dl {padding:11px 7%;}
  .case_right .case_right_1 dl dt{width:25%;}
  .case_right .case_right_1 dl dd{width: 70%;}
  .case_right .case_right_1 dl dd h3{margin-top: 0; }

}

/**/
.ysbj{ max-height:977px; overflow:hidden;width: 100%;max-width: 1920px;margin:0 auto 0;padding-top: 85px;}
.ysbj h2{margin-bottom: 45px;}
.serv_c{min-width: 1200px; width: 100%;height: 739px;overflow: hidden;}
.serv_c ul{width: 100%;height: 739px;}
.serv_c li{width:9.375%;float: left;position: relative;cursor:pointer;height: 739px;line-height:30px;font-size: 16px; border-right:4px solid #fff; box-sizing:border-box;overflow: hidden;}
.serv_c li:last-child{border: 0;}
.serv_c li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(38,40,45,0.75);}

.shu2{padding:7.8em 0 0; height: 100%;position: absolute;left:0;top: 0;width: 100%;}
.shu2 h3 b{ font:36px "Microsoft YaHei UI"; text-align:center; color:#fff; font-weight: bold; margin:0px 0 0; display: block;}
.shu2 h3 img{display: block;width: 78px; height: 67px;margin:1em auto 4em;}
.shu2 h3 em{ display:block; font:14px "Microsoft YaHei UI"; color:#fff; text-align: center;padding-top: 19em;background: url(../images/ys_line.png) no-repeat center top;}

.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.bock{position: absolute;left: 0; bottom:-155px;width:100%;height:100%;text-align: left;color: #fff;box-sizing: border-box; height:155px; background:rgba(38,40,45,0.9);opacity: 0;}
.bock dl{width: 100%;}
.bock dl dt{width: 22%;height: 155px; padding-top:45px;float: left;background: #dea369;}
.bock dl dt img{display: block;width: 26%; float: left;margin:0 15px;}
.bock dl dt h3{ float: left; font-size: 36px; color: #fff;line-height: 35px;padding-left: 20px;border-left:2px solid #e8be95;height: 60px; }
.bock dl dt h3 em{ display: block;font-size: 14px; color:#fff;opacity: 0.4;font-weight: normal; }
.bock dl dd{width: 72%; float: left;padding:20px 0 0 70px;}
.bock dl dd h3{ font:28px "Microsoft YaHei UI"; text-align:left; color:#fff; font-weight: bold; height: 55px;margin-bottom: 10px;position: relative;}
.bock dl dd h3 b{ color: #dea369;}
.bock dl dd h3:after{content: ""; position: absolute;left:0; bottom:0px;background: #5e6063; width: 80%;height: 1px;}
.bock dl dd p{font-size: 16px; line-height: 26px;height: 26px; color: #fff;padding-left:26px;background: url(../images/yspico.png) no-repeat left center;  overflow: hidden;font-family: "Microsoft YaHei";}


.serv_c li.cur{width: 71.875%;}
.serv_c li.cur .mo{background:rgba(38,40,45,0);}
.serv_c li.cur .shu2{opacity: 0;}
.serv_c li.cur .bock{opacity: 1;bottom: 0;}

@media (min-width: 1200px) and (max-width: 1366px) {
  .bock dl dt{padding-top: 10px;}
  .bock dl dt img{margin:0 auto;float: none;}
  .bock dl dt h3{border:0;}
  .bock dl dd{padding:10px 0 0 20px; font-size: 12px;}
  .bock dl dd p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family: "Microsoft YaHei";}
}
@media (min-width: 1367px) and (max-width: 1660px) {
  .bock dl dt{padding-top: 30px;}
  .bock dl dt img{width: 26%;margin-right: 5px;}
  .bock dl dt h3{font-size: 30px;}
  .bock dl dd{padding:20px 0 0 20px; font-size: 12px;}
  .bock dl dd p{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family: "Microsoft YaHei";}
}


/**/
.g_news{ height:925px; box-sizing: border-box;  padding-top:85px; overflow: hidden; font-family:"Microsoft Yahei";background:#fff;}
.g_news h2{margin-bottom: 45px;}

.g_news .newleft{float: left;width:580px;}
.g_news .newleft h3 a{display: block;height: 36px;line-height: 36px;background: #eaeaea;border-left: 8px solid #dea369;padding-left: 15px;font-size: 20px;color: #333333;font-weight: normal;margin-bottom: 20px;}
.g_news .newleft h3 span{font-size: 16px;color: #999999;font-weight: normal;text-transform: uppercase;font-family:"Microsoft Yahei";padding-right: 16px;}
.g_news .newleft dl{height: 445px;}
.g_news .newleft dt{width:580px;height: 326px;overflow: hidden;margin-bottom: 16px;}
.g_news .newleft dt img{width:580px;height: 326px;display: block;transition: all 0.3s linear 0s;}
.g_news .newleft dl:hover dt img{transform: scale(1.1);}
.g_news .newleft h4 a{display: block;height:32px;line-height: 32px;font-size: 16px;color: #333;font-weight: normal; }
.g_news .newleft h4 a:hover{color: #dea369}
.g_news .newleft h4 span{font-size: 13px;color: #999999;font-weight: normal;line-height: 32px;}
.g_news .newleft p{font-size: 14px;line-height: 25px;color: #555555;}
.g_news .newleft p a{color: #dea369}
.g_news .newleft li{height: 46px;line-height: 46px;border-top: 1px dotted #c2c2c2;padding-left: 22px;background:url(../images/newsico.png) no-repeat 0 18px;font-size: 14px;color: #5a5753;}
.g_news .newleft li a{color: #5a5753;}
.g_news .newleft li a:hover{color: #dea369}

.newrigt{float: right;width:536px;}
.newrigt .wend h3 a{display: block;height: 36px;line-height: 36px;background: #eaeaea;border-left: 8px solid #dea369;padding-left: 15px;font-size: 20px;color: #333333;font-weight: normal;margin-bottom: 20px;}
.newrigt .wend h3 span{font-size: 16px;color: #999999;font-weight: normal;text-transform: uppercase;font-family:"Microsoft Yahei";padding-right: 16px;}
.newrigt .wend .wt{height: 530px;overflow: hidden;}
.newrigt .wend dl{height:82px;border-bottom: 1px dotted #c2c2c2;margin-bottom: 8px;}
.newrigt .wend dt a{display: block;height: 32px;line-height: 32px;background:url(../images/newsico.png) no-repeat 0 center;font-size: 16px;color: #333333; padding-left: 23px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.newrigt .wend dt a:hover{color: #dea369}
.newrigt .wend dd{padding-left: 23px;}
.newrigt .wend p{font-size: 14px;color: #555555; line-height: 20px;}
.newrigt .wend p a{color: #268d53}

/**/
.aboutbj{background:#fff;max-width: 1920px;margin:0 auto; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; padding-bottom: 45px;}

.about{}
.about{width:100%;}
.about dt{width: 100%;}
.about dt img{width: 100%;display: block;}

.about dd {width: 1200px;margin:-96px auto 0; height: 180px;box-sizing: border-box; background: #fff;box-shadow: 0px 0px 20px #dedede;position: relative;}
.about dd:after{ content:""; position:absolute; bottom:-21px; left:-21px; width:21px; height:21px; background:#dea369;}
.about dd h3{ padding:42px 0 0px 0; height: 180px; font-size: 52px; color: #fff; font-weight: bold;width: 336px; text-align: center;margin-right: 60px; float: left;background: #dea369;box-sizing: border-box;box-shadow: 0px 0px 20px #dedede;}
.about dd h3 span{display: block; font-size: 20px; color: #fff; font-weight: normal; line-height: 38px;}
.about dd p{width:730px;font-size: 15px; color: #333333;line-height: 33px; text-align: justify;float: left;margin-top: 40px;}
.about dd em{color: #dea369;}

/**/
.cutbj{height: 340px;background: #fff;box-sizing: border-box;}
.help_nav{ height: 45px;clear: both;  margin-bottom: 25px;}
.help_nav li{height: 45px; line-height: 45px; margin-right: 45px; text-align: center; font-size: 20px; color: #282828;position: relative; display: block; float: left; }
.help_nav li a{color: #282828; text-decoration: none;}
.help_nav li img{width: 45px; height: 38px; vertical-align: top;margin-right: 5px;}
.help_nav li:after{content:'';position:absolute;height:3px;width:0;background:#dea369;bottom:-2px;left:0;-webkit-transition:width .5s;transition:width .5s;color: #dea369; z-index: 1;}
.help_nav li:hover:after,.help_nav li.cur:after{width:100%;color: #dea369;z-index: 1;}
.help_nav li.cur a{color: #dea369; font-weight: bold;}
.help_nav li.cur img{opacity: 1;}
.help_nav li:nth-child(1){margin-left: 280px;}


.m_help{ height:208px;width: 1200px; position: relative; }
.xc{width:1200px;  overflow: hidden;}
.xc li{background:#f8f8f8; width:293px; position:relative;margin-right: 9px; float: left; }
.xc li img{ display:block;height:164px;margin:0 auto; }
.xc li em{background: #ffffff; height:35px;  font:16px "Microsoft YaHei"; line-height:35px; color:#282828; overflow:hidden; display: block; text-align: center; margin-top: 20px; -webkit-transition:width .5s;transition:width .5s;}
.xc li a{ text-decoration: none; }

.xc li.nones{margin-right: 0;}
.xc li:hover em{color: #00a0e9;z-index: 1;}
.xc li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xc li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}



.link_bj{min-height:60px; overflow: hidden;background:none;margin-top: -60px; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size:16px ;font-weight:normal; text-transform: uppercase; width: 100px; float: left;height: 60px; line-height: 60px;color: #7e7e7e;}
.link p{  width: 950px; float: left; overflow: hidden; line-height: 60px; color:#acacac;}
.link p a{ color: #666666; font-size: 14px; padding: 0 35px 0 0; text-align: left; }


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}