@charset "utf-8";
/*end*/
body{overflow-x:hidden;}






.guide{height:625px;overflow: hidden;}
.gui{padding-top:40px;}
.gui .gui-con{ width:998px ; margin:0 auto 22px;}
.gui .gui-list{height:403px;}
.gui .gui-list span{display: block; height:403px; background:url(../images/gui-kk.png) no-repeat bottom left;padding-left:22px; box-sizing: border-box;}
.gui .gui-list span img{width: 100%;}
.gui .gui-hd{height:155px; width:1011px;margin:0 auto;}
.gui .gui-hd ul li{float:left;margin-left: 117px;position: relative;}
.gui .gui-hd ul li:first-child{margin-left: 22px;}
.gui .gui-hd ul li i{display: block; width:100%;position: relative;}
.gui .gui-hd ul li i img{width:100%;position: relative;z-index:200;}
.gui .gui-hd ul li i:before{width:11px; height:11px;background:url(../images/gui-ico.jpg) no-repeat center; content:""; position: absolute; top:79px; right:-69px;}
.gui .gui-hd ul li:last-child i:before{display: none;}
.gui .gui-hd ul li:before{width:155px;height:155px;background:url(../images/gui-bj.png) no-repeat center;content:"";position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.gui .gui-hd ul li:after{width:155px;height:155px;background:url(../images/gui-bj_h.png) no-repeat center;content:"";position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.gui .gui-hd ul li.cur:before{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.gui .gui-hd ul li.cur:after{opacity: 1; transform: scale(1);}
/**/
.fwbj{height:1035px; background: url(../images/fwbj.jpg) no-repeat center;}
.fw{padding-top:210px;}
.fw h2{text-align: center; margin-bottom: 23px;}
.fw h2 span{display: block; width:188px; margin:0 auto; height:36px;}
.fw h2 span img{width: 100%;}
.fw h2 em{display: block; height:56px; line-height: 56px; font-size: 24px; color:#190606; font-weight: normal;}
.fw .fw-nav{height:75px;overflow: hidden;}
.fw .fw-nav ul li{float:left; width:300px;height:76px;padding-top:15px; line-height: 60px; text-align: center; box-sizing: border-box; border-left:1px solid #FFF; font-size: 20px; color:#FFF; font-weight: bold; }
.fw .fw-nav ul li.odd{background:url(../images/fw-navbj1.png) no-repeat center;}
.fw .fw-nav ul li.even{background:url(../images/fw-navbj2.png) no-repeat center;}
.fw .fw-nav ul li:first-child{border-left:0;}
.fw .fw-nav ul li.cur.odd{background:url(../images/fw-navbj1_h.png) no-repeat center;}
.fw .fw-nav ul li.cur.even{background:url(../images/fw-navbj2_h.png) no-repeat center;}
.fw dl{height:600px; position: relative;}
.fw dl dt{height:600px; overflow: hidden;}
.fw dl dt img{width: 100%; transition: 1s;}
.fw dl dd{width:1119px; height:140px; background:#FFF; position: absolute; left:41px;bottom:20px;padding:20px 20px 0 40px; box-sizing: border-box;}
.fw dl dd .fw-left{margin-top: 10px;width:668px; float:left;}
.fw dl dd .fw-left h4{height:32px; line-height: 32px; font-size: 20px; color:#2c2c2c; font-weight: bold;}
.fw dl dd .fw-left p{height:27px; line-height: 27px;font-size: 16px; color:#2c2c2c; }
.fw dl dd .fw-left p a{color:#e0b133;}
.fw dl dd ul{float:right;width:364px;}
.fw dl dd ul li{float:left; width:172px; height:99px;overflow: hidden;}
.fw dl dd ul li img{width:100%; transition: 1s;}
.fw dl dd ul li:last-child{float:right;}
.fw dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.fw dl dd ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.pro-case{height:1528px; background:url(../images/pro-case1.jpg) no-repeat center;}
.pro-case .pr-c{padding-top:70px;}
.pro-case .pr-c h2{text-align: center; margin-bottom: 29px;}
.pro-case .pr-c h2 span{display: block; width:188px; height:38px;margin:0 auto;}
.pro-case .pr-c h2 span img{width:100%;}
.pro-case .pr-c .cas-nav{width:952px; height:156px;margin:0 auto;}
.pro-case .pr-c .cas-nav ul li{float:left; width:222px; height:144px; background:url(../images/pro-navbj.png) no-repeat center;margin:0 8px;}
.pro-case .pr-c .cas-nav ul li a{display: block; padding-top:29px;height:144px; box-sizing: border-box;}
.pro-case .pr-c .cas-nav ul li i{display: block; width:174px; height:86px; margin:0 auto; overflow: hidden;}
.pro-case .pr-c .cas-nav ul li.cur{background:url(../images/pro-navbj_h.png) no-repeat center;}
.pro-case .pr-c .cas-swi{width:1209px; height:700px; }
.pro-case .pr-c .cas-list .cas-box{height:700px; }
.pro-case .pr-c .cas-list .cas-left{width:655px;height:700px;padding-top:198px; box-sizing: border-box;}
.pro-case .pr-c .cas-list .cas-left .cas-con{width:655px; height:375px;position:relative; background:url(../images/pro-wzbj.png) no-repeat center top; margin-left: -10px;padding:71px 77px 0 58px; box-sizing:border-box;}
.pro-case .pr-c .cas-list .cas-left .cas-con h4{height:53px; line-height: 53px;margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-case .pr-c .cas-list .cas-left .cas-con h4 a{font-size: 29px; color:#FFF; font-weight: normal;}
.pro-case .pr-c .cas-list .cas-left .cas-con p{width:495px; line-height: 28px; font-size: 14px; color:#FFF; margin-bottom: 28px;letter-spacing: 0.5px;}
.pro-case .pr-c .cas-list .cas-left .cas-con span{display: block; width:132px; height:34px; background:url(../images/cas-btn.png) no-repeat center; text-align: center; line-height: 34px; }
.pro-case .pr-c .cas-list .cas-left .cas-con span a{display: block;font-size: 16px; color:#FFF;}
.pro-case .pr-c .cas-list .cas-rig{width:628px; height:672px;position:absolute;right:0;top:0;}
.pro-case .pr-c .cas-list .cas-rig img{width:100%;}
.pro-case .pr-c .pro-bd{height:436px;position: relative;}
.pro-case .pr-c .pro-bd .bd{overflow: hidden;}
.pro-case .pr-c .pro-bd .bd ul li{float:left; width:281px; height:374px; position: relative;margin-right: 26px;}
.pro-case .pr-c .pro-bd .bd ul li span{display: block;height:374px;overflow: hidden;}
.pro-case .pr-c .pro-bd .bd ul li span img{width: 100%; transition: 1s;}
.pro-case .pr-c .pro-bd .bd ul li em{display: block;width:100%; height:45px; line-height: 45px;text-align: center;background:rgba(0,0,0,0.5);font-size: 16px; color:#FFFFFF;position: absolute;left:0;bottom:0; }
.pro-case .pr-c .pro-bd .pro-jt i{display: block;width:54px; height:95px; cursor: pointer;}
.pro-case .pr-c .pro-bd .pro-jt .pro-prev{background:url(../images/pro-prev.png) no-repeat center; position: absolute; left:-83px;top:136px;}
.pro-case .pr-c .pro-bd .pro-jt .pro-next{background:url(../images/pro-next.png) no-repeat center; position: absolute; right:-83px;top:136px;}
.pro-case .pr-c .pro-bd .bd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);  }

.pro-case .pr-c .pro-bd .hd{text-align: center;margin-top: 54px;}
.pro-case .pr-c .pro-bd .hd li{display: inline-block;font-size: 0; width:8px; height:8px; background:rgba(255,255,255,0.5);border-radius: 50%;margin:0 5px;}
.pro-case .pr-c .pro-bd .hd li.on{background:#FFF;}
/**/
.ysbj{height: 2450px;background:url(../images/ysbj.jpg) no-repeat center top; overflow: hidden;}
.ys{padding-top:71px;}
.ys h2{text-align: center; margin-bottom: 80px;}
.ys h2 span{display: block;width:749px; height:43px; margin:0 auto;}
.ys h2 em{display: block; height:56px; line-height: 56px;font-size: 24px; color:#190606; font-weight: normal;}
.ys .ys-con{height:550px;}
.ys .ys-con dl{width:1200px; margin:0 auto;height:550px;position: relative;}
.ys .ys-con dl dt{position:relative; overflow:hidden;}
.ys .ys-con dl dt:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);}
.ys .ys-con dl dt:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.ys .ys-con.one{border-top:1px solid rgba(202,202,202,0.5); box-sizing: border-box;}
.ys .ys-con.one dl dt{width:1068px; height:550px;float:right;margin-right: -360px;}
.ys .ys-con.one dl dt img{width:100%; transition: 1s;}
.ys .ys-con.one dl dd{width:592px; float:left;padding-top:101px; margin-left: -100px;}
.ys .ys-con.one dl dd .ys-tit{height:83px; margin-bottom: 19px;}
.ys .ys-con.one dl dd .ys-tit i{display: block; width:60px; height:67px; float:left; margin-top: 10px; margin-right: 28px;}
.ys .ys-con.one dl dd .ys-tit i img{width:100%;}
.ys .ys-con.one dl dd .ys-tit h3{float:left; }
.ys .ys-con.one dl dd .ys-tit h3 span{display: block; height:49px; line-height: 49px;font-size: 38px; color:#190606; font-weight: bold;}
.ys .ys-con.one dl dd .ys-tit h3 em{display: block; height:34px; line-height: 34px;font-size: 24px; color:#181818;}
.ys .ys-con.one dl dd  p{line-height: 28px; font-size: 16px; color:#666666; margin-bottom: 44px;}
.ys .ys-con.one dl dd ul li{float:left;border-right:1px solid #cacaca;height:75px; box-sizing: border-box;}
.ys .ys-con.one dl dd ul li span{display: block;height:48px; text-align: center; margin-bottom: 2px;}
.ys .ys-con.one dl dd ul li span em{display: inline-block; font-size: 48px; color:#000000;height:48px; line-height: 48px; font-family: "Arial"; font-weight: bold;}
.ys .ys-con.one dl dd ul li span i{font-size: 16px; color:#666666;}
.ys .ys-con.one dl dd ul li strong{display: block;line-height: 27px;font-size: 16px; font-weight: normal; color:#666666; text-align: center;}
.ys .ys-con.one dl dd ul li:last-child{border-right:0;}
@media screen and  (min-width:760px) and (max-width:1440px){
    .ys .ys-con.one dl dd{position: absolute;left:-50px;margin-left: 0;}
}


.ys .ys-con.two dl dt{width:1032px; height:550px;float:left;margin-left: -360px;}
.ys .ys-con.two dl dt img{width:100%; transition: 1s;}
.ys .ys-con.two dl dd{width:606px; float:right;padding-top:103px; margin-right: -97px;}
.ys .ys-con.two dl dd .ys-tit{height:90px; margin-bottom: 16px;}
.ys .ys-con.two dl dd .ys-tit i{display: block; width:87px; height:76px; float:left; margin-top: 10px; margin-right: 14px;}
.ys .ys-con.two dl dd .ys-tit i img{width:100%;}
.ys .ys-con.two dl dd .ys-tit h3{float:left; }
.ys .ys-con.two dl dd .ys-tit h3 span{display: block; height:49px; line-height: 49px;font-size: 38px; color:#190606; font-weight: bold;}
.ys .ys-con.two dl dd .ys-tit h3 em{display: block; height:34px; line-height: 34px;font-size: 24px; color:#181818;}
.ys .ys-con.two dl dd  p{line-height: 31px; font-size: 16px; color:#666666; margin-bottom: 56px;}
.ys .ys-con.two dl dd ul li{float:left;border-right:1px solid #cacaca;height:75px; box-sizing: border-box;width:200px;}
.ys .ys-con.two dl dd ul li span{display: block;height:48px; text-align: center; margin-bottom: 2px;}
.ys .ys-con.two dl dd ul li span em{display: inline-block; font-size: 48px; color:#000000;height:48px; line-height: 48px; font-family: "Arial"; font-weight: bold;}
.ys .ys-con.two dl dd ul li span i{font-size: 16px; color:#666666;}
.ys .ys-con.two dl dd ul li strong{display: block;line-height: 27px;font-size: 16px; font-weight: normal; color:#666666; text-align: center;}
.ys .ys-con.two dl dd ul li:last-child{border-right:0;}
@media screen and  (min-width:760px) and (max-width:1440px){
    .ys .ys-con.two dl dd{position: absolute;right:-50px; margin-right: 0;}
}

.ys .ys-con.three dl dt{width:1068px; height:550px;float:right;margin-right: -360px;}
.ys .ys-con.three dl dt img{width:100%; transition: 1s;}
.ys .ys-con.three dl dd{width:592px; float:left;padding-top:101px; margin-left: -100px;}
.ys .ys-con.three dl dd .ys-tit{height:83px; margin-bottom: 19px;}
.ys .ys-con.three dl dd .ys-tit i{display: block; width:84px; height:69px; float:left; margin-top: 10px; margin-right: 28px;}
.ys .ys-con.three dl dd .ys-tit i img{width:100%;}
.ys .ys-con.three dl dd .ys-tit h3{float:left; }
.ys .ys-con.three dl dd .ys-tit h3 span{display: block; height:49px; line-height: 49px;font-size: 38px; color:#190606; font-weight: bold;}
.ys .ys-con.three dl dd .ys-tit h3 em{display: block; height:34px; line-height: 34px;font-size: 24px; color:#181818;}
.ys .ys-con.three dl dd  p{line-height: 28px; font-size: 16px; color:#666666; margin-bottom: 44px;}
.ys .ys-con.three dl dd ul li{float:left;border-right:1px solid #cacaca;height:75px; box-sizing: border-box;}
.ys .ys-con.three dl dd ul li span{display: block;height:48px; text-align: center; margin-bottom: 2px;}
.ys .ys-con.three dl dd ul li span em{display: inline-block; font-size: 48px; color:#000000;height:48px; line-height: 48px; font-family: "Arial"; font-weight: bold;}
.ys .ys-con.three dl dd ul li span i{font-size: 16px; color:#666666;}
.ys .ys-con.three dl dd ul li strong{display: block;line-height: 27px;font-size: 16px; font-weight: normal; color:#666666; text-align: center;}
.ys .ys-con.three dl dd ul li:last-child{border-right:0;}
@media screen and  (min-width:760px) and (max-width:1440px){
    .ys .ys-con.three dl dd{position: absolute;left:-50px; margin-left: 0;}
}

.ys .ys-con.four dl dt{width:1032px; height:550px;float:left;margin-left: -360px;}
.ys .ys-con.four dl dt img{width:100%; transition: 1s;}
.ys .ys-con.four dl dd{width:606px; float:right;padding-top:103px; margin-right: -97px;}
.ys .ys-con.four dl dd .ys-tit{height:90px; margin-bottom: 16px;}
.ys .ys-con.four dl dd .ys-tit i{display: block; width:91px; height:67px; float:left; margin-top: 10px; margin-right: 14px;}
.ys .ys-con.four dl dd .ys-tit i img{width:100%;}
.ys .ys-con.four dl dd .ys-tit h3{float:left; }
.ys .ys-con.four dl dd .ys-tit h3 span{display: block; height:49px; line-height: 49px;font-size: 38px; color:#190606; font-weight: bold;}
.ys .ys-con.four dl dd .ys-tit h3 em{display: block; height:34px; line-height: 34px;font-size: 24px; color:#181818;}
.ys .ys-con.four dl dd  p{line-height: 31px; font-size: 16px; color:#666666; margin-bottom: 56px;}
.ys .ys-con.four dl dd ul li{float:left;border-right:1px solid #cacaca;height:75px; box-sizing: border-box;width:200px;}
.ys .ys-con.four dl dd ul li span{display: block;height:48px; text-align: center; margin-bottom: 2px;}
.ys .ys-con.four dl dd ul li span em{display: inline-block; font-size: 48px; color:#000000;height:48px; line-height: 48px; font-family: "Arial"; font-weight: bold;}
.ys .ys-con.four dl dd ul li span i{font-size: 16px; color:#666666;}
.ys .ys-con.four dl dd ul li strong{display: block;line-height: 27px;font-size: 16px; font-weight: normal; color:#666666; text-align: center;}
.ys .ys-con.four dl dd ul li:last-child{border-right:0;}
@media screen and  (min-width:760px) and (max-width:1440px){
    .ys .ys-con.four dl dd{position: absolute;right:-50px; margin-right: 0;}
}
/**/
.newsbj{height:909px; background:url(../images/newsbj1.jpg) no-repeat center;}
.news{padding-top:108px;}
.news h2{text-align: center;margin-bottom: 21px;}
.news h2 span{display: block; width:288px; height:37px;margin:0 auto;}
.news h2 span img{width:100%;}
.news h2 em{display: block;height:65px; line-height: 65px; font-size: 25px; color:#FFF; font-weight: normal;}
.news .news-con{width:1307px; height:548px;margin-left: -58px;padding:37px 48px 0 58px; box-sizing: border-box;background:rgba(0,0,0,0.5);}
.news .news-con .news-top{height:272px;}
.news .news-con .news-top .news-top-left{width:570px;float:left;}
.news .news-con .news-top .news-top-left h3{height:55px; line-height: 55px; margin-bottom: 34px;}
.news .news-con .news-top .news-top-left h3 em{display: block; float:left;font-size: 24px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN"; letter-spacing: 1px;}
.news .news-con .news-top .news-top-left h3 i{display: block; width:470px; height:18px;float:right; border-bottom:1px solid #dbdbdb;background:url(../images/news-yw.png) no-repeat right; margin-top: 17px;}
.news .news-con .news-top .news-top-left .news-list{height:143px;}
.news .news-con .news-top .news-top-left .news-list dl dt{width:195px; height:143px; float:right; overflow: hidden;}
.news .news-con .news-top .news-top-left .news-list dl dt img{width:100%; transition: 1s;}
.news .news-con .news-top .news-top-left .news-list dl dd{float:left; width:353px; }
.news .news-con .news-top .news-top-left .news-list dl dd h4{height:29px; line-height: 29px; margin-bottom: 5px;}
.news .news-con .news-top .news-top-left .news-list dl dd h4 a{font-size: 15px; color:#FFF; font-weight: bold; }
.news .news-con .news-top .news-top-left .news-list dl dd p{line-height: 20px; font-size: 14px; color:#999999; margin-bottom: 27px;}
.news .news-con .news-top .news-top-left .news-list dl dd i{display: block; font-size: 13px;color:#666666; line-height: 13px;}
.news .news-con .news-top .news-top-rig{width:570px; float:right;}
.news .news-con .news-top .news-top-rig h3{height:55px; line-height: 55px; margin-bottom: 34px;}
.news .news-con .news-top .news-top-rig h3 em{display: block; float:left;font-size: 24px; color:#FFF; font-weight: bold; font-family: "思源黑体 CN"; letter-spacing: 1px;}
.news .news-con .news-top .news-top-rig h3 i{display: block; width:475px; height:18px;float:right; border-bottom:1px solid #dbdbdb;background:url(../images/news-yw.png) no-repeat right; margin: 17px 0 0 -6px;}
.news .news-con .news-top .news-top-rig span{display: block; height:158px; line-height: 0; overflow: hidden;}
.news .news-con .news-top .news-top-rig span img{width: 100%; transition: 1s;}
.news .news-con .news-bot{height:168px;overflow: hidden;}
.news .news-con .news-bot ul li{height:42px;}
.news .news-con .news-bot ul li h4{width:570px; height:42px;float:left;}
.news .news-con .news-bot ul li h4:last-child{float:right;}
.news .news-con .news-bot ul li h4 em{display: block; height:42px; line-height: 42px; float:left;font-size: 15px; color:#FFF; font-weight: bold;}
.news .news-con .news-bot ul li h4 i{display: block; float:right;height:42px; line-height: 42px;font-size: 13px; color:#666666;font-weight: normal;}
/**/
.about{height:1242px;position: relative;padding-top:100px;box-sizing:border-box;}
.abo h2{text-align: center; margin-bottom: 14px;}
.abo h2 span{display: block; width:191px; height:36px; margin:0 auto;}
.abo h2 span img{width:100%;}
.abo h2 em{display: block; height:71px; line-height: 71px; font-size: 30px; color:#190606; font-weight: normal;}
.abo p{line-height: 26px; text-align: center;margin:0 auto 32px;width:997px; font-size: 15px; color:rgba(0,0,0,0.8);}
.abo .bo{height:489px; line-height: 0;overflow: hidden; cursor: pointer; margin-bottom: 35px;}
.abo .bo img{width:100%;}
.abo .abo-nav{width:612px;height:38px;margin:0 auto 19px;}
.abo .abo-nav li{float:left; width:138px; height:38px;text-align: center; line-height: 38px;margin:0 33px;}
.abo .abo-nav li a{display: block; font-size: 18px; color:#3D3D3D; font-weight: bold;}
.abo .abo-nav li.cur{background:url(../images/abo-navbj.png) no-repeat center;}
.abo .abo-nav li.cur a{color:#C09538;}
.abo .abo-list{height:290px;  overflow: hidden;}
.abo .abo-list .bd{overflow: hidden;}
.abo .abo-list .bd ul li{float:left; width:386px;height:290px; margin-right: 22px; position: relative;}
.abo .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-list .bd ul li span img{width:100%; transition: 1s;}
.abo .abo-list .bd ul li em{display: block;width:100%; height:42px; line-height: 42px; text-align: center; position: absolute;left:0;bottom:0; background:rgba(0,0,0,.6); font-size: 18px; color:#FFFFFF;}
.abo .abo-list .bd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #232526;z-index: 800;}
.modal-backdrop .vd{position: absolute;width: 1200px;height: 640px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 300;}
.modal-backdrop .close{top: 16px;right: 16px;font-size: 24px;line-height: 1;transition: all 0.5s ease;width: 40px;position: absolute;padding: 0;background-color: rgba(0, 0, 0, 0.2);color: #FFF;height: 40px;border: none;display: inline-flex;justify-content: center;align-items: center;white-space: nowrap;text-align: center;border-radius: 50% !important;outline: none;cursor: pointer;z-index: 300;}
.modal-backdrop .vd{background:#000;}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}