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



@font-face {
font-family: 'OPPOSANS-R';
src: url("../fonts/OPPOSANS-R.TTF");
}
@font-face {
font-family: 'SourceHanSerifCN-SBd';
src: url("../fonts/SourceHanSerifCN-SemiBold.otf");
}
@font-face {
font-family: 'SourceHanSerifCN-R';
src: url("../fonts/SourceHanSerifCN-Regular.otf");
}



/**/
.guide{padding:3rem 0 4.85rem;} 
.guide h2{text-align: center; margin-bottom: 1.75rem;}
.guide h2 span{display: block; line-height: 3.4rem;font-size: 2.5rem;color:#180e03;font-family: "SourceHanSerifCN-SBd"; font-weight: normal;}
.guide h2 em{display: block; line-height: 2.05rem;font-size: 1.2rem;color:#180e03;font-family: "SourceHanSerifCN-R"; font-weight: normal;}
.guide .gui-con{margin-bottom: 2.1rem;position: relative;}
.guide .gui-con i{display: block;width:100%; line-height: 0;}
.guide .gui-con i img{width:100%;}
.guide .gui-con span{display: block;width:4.15rem;height:4.15rem; position: absolute;left:50%; top:50%;transform: translate(-50%,-50%); line-height:0; z-index:200; cursor: pointer;}
.guide .gui-con span img{width:100%;}
.guide .gui-con .walletImgBox {width:4.15rem;height:4.15rem; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} 
.guide .gui-con  .walletImgBox .walletSpread1,.walletImgBox .walletSpread2,.walletImgBox .walletSpread3 { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.5); box-sizing:border-box; border-radius:50%; opacity:0;}
.guide .gui-con  .walletImgBox .walletSpread1 {-webkit-animation:spread 3s linear infinite;animation:spread 3s linear infinite}
.guide .gui-con  .walletImgBox .walletSpread2 {-webkit-animation:spread 3s linear 1s infinite;animation:spread 3s linear 1s infinite}
.guide .gui-con  .walletImgBox .walletSpread3 {-webkit-animation:spread 3s linear 2s infinite;animation:spread 3s linear 2s infinite}
@-webkit-keyframes spread {
    0% {
     -webkit-transform:scale(1);
     transform:scale(1);
     opacity:1
    }
    100% {
     -webkit-transform:scale(2);
     transform:scale(2);
     opacity:0
    }
   }
   @keyframes spread {
    0% {
     -webkit-transform:scale(1);
     transform:scale(1);
     opacity:1
    }
    100% {
     -webkit-transform:scale(2);
     transform:scale(2);
     opacity:0
    }
   }
.guide .gui-desc{ line-height: 1.3rem;text-align: center;font-size: .8rem;color:#000000;font-family: "SourceHanSerifCN-R"; }
/**/
.case{padding-top:2.3rem;height:75.6rem;background:url(../images/case.jpg) no-repeat center top;background-size:100% 100%; box-sizing: border-box;}
.case h2{margin-bottom: .9rem;}
.case h2 span{display: block; line-height: 3.25rem;font-size: 2.5rem;color:#180e03;font-family: "SourceHanSerifCN-sbd"; font-weight: normal;}
.case h2 em{display: block; line-height: 2.15rem;font-size: 1.2rem;color:#180e03;font-family: "SourceHanSerifCN-R"; font-weight: normal;}
.case .cas-con{position: relative; margin-bottom: 1.45rem;}
.case .cas-con dl{position: relative;}
.case .cas-con dl dt{width:100%; line-height: 0;}
.case .cas-con dl dt img{width:100%;}
.case .cas-con dl dd{width:100%;position: absolute;left:0;top:0;padding-top:5.45rem;z-index:100;}
.case .cas-con dl dd h4{ margin-bottom: 2.1rem;}
.case .cas-con dl dd h4 a{display: inline-block; line-height: 2.05rem;font-size: 1.6rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd"; font-weight: normal;}
.case .cas-con dl dd i{display: block;width:3.5rem; height:.15rem;background:#FFFFFF; margin-bottom: 1.95rem;}
.case .cas-con dl dd p{width:25.35rem; line-height: 1.3rem;font-size: .9rem;color:#ffffff;}
.case .cas-con .cas-nav{width:100%; position: absolute;left:0;bottom:0;height:9.1rem;z-index:100;}
.case .cas-con .cas-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.case .cas-con .cas-nav ul li{position: relative;}
.case .cas-con .cas-nav ul li:before{width:.05rem;height:4.95rem;background:#cfcece;content:"";position: absolute;right:-4.6rem; top:0;}
.case .cas-con .cas-nav ul li:last-child:before{display: none;}
.case .cas-con .cas-nav ul li i{display: block;width:2.55rem; line-height: 0;margin:0 auto 1.3rem;}
.case .cas-con .cas-nav ul li i img{width:100%;}
.case .cas-con .cas-nav ul li span{display: block; line-height: 1.4rem;font-size: 1.4rem;color:#FFF;font-family: "SourceHanSerifCN-sbd";}
.case .cas-con .cas-jt{width:2rem;position: absolute;right:8rem; top:5.7rem;z-index:200;}
.case .cas-con .cas-jt i{display: block;width:100%; line-height: 0; cursor: pointer; margin-bottom: .55rem;}
.case .cas-con .cas-nav ul li.cur{background:rgba(0,0,0,.8);}
.case .cas-con .cas-jt i img{width:100%;}
.case .cas-tj .tj-nav{height:6.6rem;}
.case .cas-tj .tj-nav h3{float:left; line-height: 6.6rem;height: 6.5rem;font-size: 2rem;color:#180e03;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.case .cas-tj .tj-nav em{display: block;float:right; margin-top: 1.55rem;width:34.5rem;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.case .cas-tj .tj-nav em a{line-height: 3.7rem;font-size: 1.3rem;color:#180e03;font-family: "SourceHanSerifCN-sbd";}
.case .cas-tj .tj-nav em a:hover{color:#956034;}
.case .cas-tj .castj-list ul li{width:100%;}
.case .cas-tj .castj-list ul li span{display: block;width:100%; line-height: 0; overflow: hidden;}
.case .cas-tj .castj-list ul li span img{width: 100%; transition: 1s;}
.case .cas-tj .castj-list ul li em{display: block; line-height: 3.75rem;text-align: center;font-size: .9rem;color:#180e03;font-family: "SourceHanSerifCN-R";}
.case .cas-tj .castj-list ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.zzdf{padding:3.1rem 0 6.65rem;background:#F4F4F4;}
.zzdf h2{text-align: center; margin-bottom: 2rem;}
.zzdf h2 span{display: block; line-height: 3.6rem;font-size: 2.5rem;color:#180e03;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.zzdf h2 em{display: block; line-height: 2.45rem;font-size: 1.2rem;color:#180e03;font-family: "SourceHanSerifCN-R";font-weight: normal;}
.zzdf .df-con{position: relative;}
.zzdf .df-con .swiper-slide{line-height: 0;}
.zzdf .df-con .swiper-slide img{width: 100%;}
.zzdf .df-con .df-nav{width:100%;position: absolute;left:0;top:0;z-index:200;height:100%;}
.zzdf .df-con .df-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;height:100%;}
.zzdf .df-con .df-nav ul li{width: 25%;padding-top:23.85rem; overflow: hidden; transition: .8s;box-sizing: border-box;height:100%;}
.zzdf .df-con .df-nav ul li h3{text-align: center; padding-bottom: 4.25rem; line-height: 2.05rem; font-size: 1.3rem;color:#ffffff;font-family: "SourceHanSerifCN-R"; font-weight: normal;}
.zzdf .df-con .df-nav ul li i{display: block;width:0; height:.2rem;background:#FFFFFF;margin:0 auto;transition: .5s;}
.zzdf .df-con .df-nav ul li p{width:17.05rem;margin:1.95rem auto 4.5rem; line-height: 1.8rem;font-size: .9rem;color:#ffffff; text-align: center;font-family: "SourceHanSerifCN-R";}
.zzdf .df-con .df-nav ul li .df-dd{width:1.15rem; height:1.15rem;margin:0 auto;position: relative;}
.zzdf .df-con .df-nav ul li .df-dd b{display: block;width:1.15rem;height:1.15rem;background:#F4F4F4;border-radius: 50%;z-index:100;}
.zzdf .df-con .df-nav ul li .df-dd .walletImgBox {width:1.15rem; height:1.15rem; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} 
.zzdf .df-con .df-nav ul li .df-dd .walletImgBox .walletSpread1 {-webkit-animation:spread1 3s linear infinite;animation:spread1 3s linear infinite}
.zzdf .df-con .df-nav ul li .df-dd .walletImgBox .walletSpread2 {-webkit-animation:spread1 3s linear 1s infinite;animation:spread1 3s linear 1s infinite}
.zzdf .df-con .df-nav ul li .df-dd .walletImgBox .walletSpread3 {-webkit-animation:spread1 3s linear 2s infinite;animation:spread1 3s linear 2s infinite}
@-webkit-keyframes spread1 {
    0% {
     -webkit-transform:scale(1);
     transform:scale(1);
     opacity:1
    }
    100% {
     -webkit-transform:scale(5);
     transform:scale(5);
     opacity:0
    }
   }
   @keyframes spread1 {
    0% {
     -webkit-transform:scale(1);
     transform:scale(1);
     opacity:1
    }
    100% {
     -webkit-transform:scale(5);
     transform:scale(5);
     opacity:0
    }
   }
.zzdf .df-con .df-nav ul li.cur{background:#956134;padding-top:5.65rem;}
.zzdf .df-con .df-nav ul li.cur h3{padding-bottom:1.5rem;}
.zzdf .df-con .df-nav ul li.cur i{width:2.8rem;}
/**/
.video{padding:4.75rem 0 }
.video .vid-tit{height:8.9rem;}
.video .vid-tit h2{float:left; line-height: 2.95rem;font-size: 2.5rem;color:#180e03; font-family: "SourceHanSerifCN-R"; font-weight: normal;}
.video .vid-tit .vid-rig{width:39rem;float:right;}
.video .vid-tit .vid-rig p{line-height: 1.45rem;font-size: 1rem;color:#180e03; margin-bottom: .9rem;}
.video .vid-tit .vid-rig i{display: block;width:4.8rem; height:.25rem;background:#956134;}


.video_r dl{position: relative;border-radius: 1.3rem; overflow:hidden;}
.video_r dt{display: block;width: 100%;border-radius: 1.3rem; position:relative;}
.video_r dt img{display: block;width: 100%;border-radius: 1.3rem;}
.video_r dt .video-wrap{width:100%; height:100%; position:absolute;left:0; bottom:0;right:0; top:0;z-index:100;}
.video_r dd .desc{height: 9rem;padding: 1rem 2rem 0;box-sizing: border-box;background: #ebebeb;border-radius: 0 0 1.3rem 1.3rem;position: absolute;left: 0;bottom: 0;width:100%;}
.video_r dd h4 a{display: block;font-size: 0.9rem;color: #000000;line-height: 1.4rem;font-weight: normal;}
.video_r dd p{font-size: 0.8rem;color: #000000;line-height: 1.3rem;opacity: 0.66;margin-top: 0.5rem;}
.video_r dd em{position: absolute;left: 1rem;bottom: 10rem;display: inline-block;font-size: 0.7rem;color: #fff;height: 1.3rem;border-bottom: 0.1rem solid #fff;line-height: 0.7rem;}
.video_r dd i img{position: absolute;left: 1.3rem;bottom: 2rem;width: 3.7rem;height: 3.7rem;display:none;z-index:50;}
.video_r dl:hover .desc,.video_r dl:hover dd em{display:none;}

.video_z{width: 74.6%;float: right;margin-top: 2.8rem;position: relative;}
.video_z:after{position: absolute;left: 10rem;width: 70.4%;border: 1px dashed #000;box-sizing: border-box;top: 2.1rem;content: "";}
.video_z .qh{float: left;}
.video_z .qh .cprev{float: left;width: 4.1rem;height: 4.1rem;box-shadow: 0 0 19px 0 rgba(0,109,191,0.1);display: block;cursor: pointer;border-radius: 2.1rem;}
.video_z .qh .cnext{float: left;margin-left: 1rem;width:4.1rem;height:4.1rem;box-shadow: 0 0 5px 0 rgba(40,40,40,0.1);display: block;cursor: pointer;border-radius: 2.1rem;}
.video_z .qh .cprev img,.video_z .qh .bnext img{ display: block;width: 4.1rem;height:4.1rem;}
.video_z .zx{display: block;width: 7rem;height: 2.7rem;box-sizing: border-box;line-height: 2.7rem;font-size: 0.9rem;color: #fff;text-align: center;background: #8E643B;font-family: "SourceHanSerifCN-R";position:relative;overflow:hidden;transition:all 0.5s;border-radius: 1.4rem;float: right;margin-top: 0.7rem;}
.video_z .zx>img{display: inline-block;margin-left: 0.3rem;width: 1.05rem;height: 1.05rem;vertical-align: -0.2rem;}
.video_z .zx:hover{transform:translateY(-5px);}


/**/
.super{padding-top:2.9rem;background:#f4f4f4;}
.super h2{text-align: center; margin-bottom: 1.15rem;}
.super h2 span{display: block; line-height: 3.7rem;font-size: 2.5rem;color:#180e03;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.super h2 em{display: block; line-height: 2.45rem;font-size: 1.2rem;color:#180e03;font-family: "SourceHanSerifCN-R";font-weight: normal;}
.super .sup-con{position: relative;}
.super .sup-con .sup-img{width:100%; line-height: 0; overflow: hidden;}
.super .sup-con .sup-img img{width:100%;}
.super .sup-con .sup-nav{width:100%;height:11.5rem; position: absolute;left:0;bottom:0;z-index:100;}
.super .sup-con .sup-nav ul{width:84rem;margin:0 auto;}
.super .sup-con .sup-nav ul li{float:left;width:16.6rem;height:7.85rem;margin-left: .4rem; position: relative; transition: .5s;}
.super .sup-con .sup-nav ul li:first-child{margin-left: 0;}
.super .sup-con .sup-nav ul li .default{width:16.6rem;height:7.85rem;background:#956134;padding:.65rem 0 0 1.45rem; box-sizing: border-box;}
.super .sup-con .sup-nav ul li .default h3{ line-height: 3rem;font-size: 1.3rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.super .sup-con .sup-nav ul li .default i{display: block;width:2.2rem;height:.15rem;background:#FFFFFF;}
.super .sup-con .sup-nav ul li .default p{ line-height: 3.15rem;font-size: .95rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd";}
.super .sup-con .sup-nav ul li .hover{width:32.75rem; height:8.9rem;background:#603813;opacity: 0; position: absolute;left:0;top:1.5rem;padding:.8rem 1.3rem 0 1.15rem; box-sizing: border-box; transition: .5s;}
.super .sup-con .sup-nav ul li .hover h3{height: 3.6rem;}
.super .sup-con .sup-nav ul li .hover h3 em{display: inline-block; line-height: 3.6rem;font-size: 1.6rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.super .sup-con .sup-nav ul li .hover h3 i{display: inline-block; line-height: 3.6rem;font-size: 1.2rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd";font-weight: normal; margin-left: .65rem; }
.super .sup-con .sup-nav ul li .hover b{display: block;width:2.2rem;height:.15rem;background:#FFFFFF;}
.super .sup-con .sup-nav ul li .hover p{line-height: 1rem; font-size: .7rem; color:#ffffff; margin-top: .7rem;}
.super .sup-con .sup-nav ul li.cur{width:32.75rem;}
.super .sup-con .sup-nav ul li.cur .default{opacity: 0;}
.super .sup-con .sup-nav ul li.cur .hover{opacity: 1;top:-0.5rem;}
/**/
.news{padding:3.95rem 0 5rem;}
.news .news-left{width:17.3rem;float:left;}
.news .news-left h2{margin-bottom: 5.55rem;}
.news .news-left h2 span{display: block; line-height: 5.25rem;font-size: 2.5rem;color:#180e03;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.news .news-left h2 em{display: block; line-height: 1.65rem;font-size: 1.2rem;color:#180e03;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.news .news-left .news-nav ul{width:5.9rem;}
.news .news-left .news-nav ul li{height:2.75rem; margin-bottom: .75rem;}
.news .news-left .news-nav ul li em{display: block; line-height: 2.35rem;font-size: 1.4rem;color:#180e03;font-family: "SourceHanSerifCN-sbd";}
.news .news-left .news-nav ul li i{display: block;width:0;height:.2rem;background:#956134;margin:0 auto; transition: .5s;}
.news .news-left .news-nav ul li.cur em{color:#956134;}
.news .news-left .news-nav ul li.cur i{width: 100%;}
.news .news-rig{width:62.5rem;float:right;}
.news .news-rig .news-top{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.news .news-rig .news-top dl{width:30.4rem;}
.news .news-rig .news-top dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-rig .news-top dl dt img{width:100%; transition: 1s;}
.news .news-rig .news-top dl dd{height:7.75rem;padding-top:1.2rem;}
.news .news-rig .news-top dl dd h4{ margin-bottom: .65rem;}
.news .news-rig .news-top dl dd h4 a{display: block; line-height: 1.4rem;font-size: .9rem;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-family: "SourceHanSerifCN-R";font-weight: normal;}
.news .news-rig .news-top dl dd p{line-height: 1.2rem;font-size: .7rem;color:rgba(0,0,0,.6);}
.news .news-rig .news-bot ul li{height:5.7rem; margin-bottom: .95rem;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.news .news-rig .news-bot ul li dl{width:30.4rem;height: 5.7rem;background: #FBFBFB;border: 1px solid #DBDBDB; box-sizing: border-box;}
.news .news-rig .news-bot ul li dl dt{width:4.45rem;height:5.6rem;float:left; border-right:.05rem solid #DBDBDB; box-sizing: border-box;padding:1.55rem 0 0 .75rem;}
.news .news-rig .news-bot ul li dl dt i{display: block; line-height: 1.4rem;font-size: 1.1rem;color:#000000;font-family: "SourceHanSerifCN-R";font-weight: normal;}
.news .news-rig .news-bot ul li dl dt em{display: block; line-height: 1.15rem;font-size: .65rem;color:#000000;font-family: "SourceHanSerifCN-R";}
.news .news-rig .news-bot ul li dl dd{width:24.65rem;float:left;padding:1.25rem 0 0 .9rem; box-sizing: border-box;}
.news .news-rig .news-bot ul li dl dd h4 a{display: block; line-height: 1.7rem;font-size: .9rem;color:#000000;font-family: "SourceHanSerifCN-R";font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .news-bot ul li dl dd p{line-height: 1.5rem;font-size: .7rem;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/**/
.about{height:40.25rem;background:url(../images/about.jpg) no-repeat center;background-size:100% 100%;padding-top:5.8rem; box-sizing: border-box; margin-bottom: 4.7rem;}
.about h2{margin-bottom: 3.2rem;}
.about h2 span{display: block; line-height: 3.6rem;font-size: 2.5rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.about h2 em{display: block; line-height: 2.55rem;font-size: 1.2rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.about .abo-desc{width:69.85rem; line-height: 1.45rem;font-size: .9rem;color:#ffffff;font-family: "SourceHanSerifCN-R"; margin-bottom: 5.1rem;}
.about .abo-list ul li{width:100%;}
.about .abo-list ul li span{display: block;width:100%;line-height: 0; overflow: hidden;border:.15rem solid #FFF; box-sizing: border-box;}
.about .abo-list ul li span img{width:100%;}
.about .abo-list ul li em{display: block;line-height: 2.95rem;text-align: center;font-size: .8rem;color:#ffffff;font-family: "SourceHanSerifCN-R";}























































html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}