@charset "utf-8";

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.5333px;}}
@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.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


.container{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    min-width: 320px;
    overflow:hidden;
    position:relative;  
}


@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");
}

.m-banner .swiper-pagination .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; background:rgba(255,255,255,0.5);border-radius: 50%;margin:0 0.575rem;transition:0.5s;}
.m-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.4rem; height:0.6rem; background:rgba(255,255,255,1);border-radius: 30px; }





/**/
.guide{padding:3.05rem 4% 2.8rem;}
.guide h2{text-align: center; margin-bottom: 1.3rem;}
.guide h2 span{display: block; line-height: 3.3rem;font-size: 2.5rem;color:#180e03;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.guide h2 em{display: block; line-height: 2.1rem;font-size: 1.2rem;color:#180e03;font-family: 'SourceHanSerifCN-R'; font-weight: normal;}
.guide .gui-vid{width:100%; position: relative; margin-bottom: 1.5rem;}
.guide .gui-vid i{display: block;width:100%; line-height: 0; z-index:100;}
.guide .gui-vid i img{width: 100%;}
.guide .gui-desc{line-height: 1.75rem;text-align: center;font-size: 1.2rem;color:rgba(0,0,0,.66);font-family: 'SourceHanSerifCN-R';}
/**/
.case{padding:2.5rem 4% 3rem;background:#F4F4F4;}
.case h2{text-align: center; margin-bottom: 1.15rem;}
.case h2 span{display: block; line-height: 3.3rem;font-size: 2.5rem;color:#180e03;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.case h2 em{display: block; line-height: 2.1rem;font-size: 1.2rem;color:#180e03;font-family: 'SourceHanSerifCN-R'; font-weight: normal;}
.case .cas-nav{ margin-bottom: 1rem;}
.case .cas-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.case .cas-nav ul li{width:11.25rem; height:5.5rem;background:#FFF; margin-bottom: .35rem;}
.case .cas-nav ul li a{display: block;height:5.5rem;padding-top:.75rem; box-sizing: border-box;}
.case .cas-nav ul li i{display: block;width:2.55rem;line-height: 0;margin:0 auto;}
.case .cas-nav ul li i img{width:100%;}
.case .cas-nav ul li em{display: block; line-height: 2.2rem;text-align: center;font-size: 1.3rem;color:#956134;font-family: 'SourceHanSerifCN-R'; font-weight: bold;}
.case .cas-list dl{position: relative;}
.case .cas-list dl dt{width: 100%; line-height: 0; overflow: hidden;}
.case .cas-list dl dt img{width:100%;}
.case .cas-list dl dd{width: 100%;padding:0 1.4rem; box-sizing: border-box;position: absolute;left:0;bottom:0;z-index:100;padding-bottom:4.45rem;}
.case .cas-list dl dd h4{ margin-bottom: 2.15rem;}
.case .cas-list dl dd h4 a{display: block; line-height: 2.45rem; font-size: 1.9rem;color:#ffffff;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.case .cas-list dl dd i{display: block;width:3.85rem; height:.15rem;background:#FFFFFF;}
.case .cas-list dl dd p{line-height: 1.5rem;font-size: 1.2rem;color:#ffffff; margin-top: 1.95rem;}
.case .cas-list .cas-jt{width:7.15rem;margin:1.6rem auto 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.case .cas-list .cas-jt i{display: block;width:3rem; height:3rem; line-height: 0;float:left;}
.case .cas-list .cas-jt i img{width:100%;}

.cas-tj{padding:1.95rem 4% 1.85rem;}
.cas-tj h2{ line-height: 4.9rem;text-align: center; font-size: 2rem;color:#180e03;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.cas-tj .tj-nav{margin-bottom: 1.25rem;}
.cas-tj .tj-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.cas-tj .tj-nav ul li{width:8.45rem;height:3.15rem;background:#956134;border-radius: .5rem;}
.cas-tj .tj-nav ul li a{display: block;line-height: 3.15rem;text-align: center;font-size: 1.3rem;color:#ffffff;font-family: 'SourceHanSerifCN-R'; font-weight: normal;}
.cas-tj .tj-con ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.cas-tj .tj-con ul li{width:16.9rem;}
.cas-tj .tj-con ul li span{display: block;width:100%; line-height: 0; overflow: hidden;}
.cas-tj .tj-con ul li span img{width:100%;}
.cas-tj .tj-con ul li em{display: block; line-height: 3.3rem;text-align: center;font-size: .9rem;color:#180e03;font-family: 'SourceHanSerifCN-R';}
/**/
.zzdf{padding:1.55rem 4% 3.15rem;background:#F4F4F4;}
.zzdf h2{text-align: center; margin-bottom: 1.85rem;}
.zzdf h2 span{display: block; line-height: 4.95rem;font-size: 2.5rem;color:#180e03;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.zzdf h2 em{display: block;line-height: 1.85rem;font-size: 1.2rem;color:#180e03;font-family: 'SourceHanSerifCN-R'; font-weight: normal;}
.zzdf ul li{margin-bottom: 1.15rem; position: relative;}
.zzdf ul li span{display: block; line-height: 0; overflow: hidden;}
.zzdf ul li span img{width:100%;}
.zzdf ul li strong{display: block;width:100%;padding-left:1.8rem; box-sizing: border-box;position: absolute;left:0;bottom:2.4rem;}
.zzdf ul li strong i{display: block;width:3.15rem; line-height: 0; margin-bottom: 1.05rem;}
.zzdf ul li strong i img{width:100%;}
.zzdf ul li strong em{display: block; line-height: 1.75rem;font-size: 1.3rem;color:#ffffff;font-family: 'SourceHanSerifCN-R'; font-weight: normal;}
/**/
.video{padding:2.5rem 0 3.55rem;}
.video h2{text-align: center; margin-bottom: 2.25rem; line-height: 3.05rem;font-size: 2.5rem;color:#180e03;font-family: 'SourceHanSerifCN-R'; font-weight: normal;}
.vid_con{position: relative;padding-bottom: 5.85rem;}
.vid_con li b{display:block; width:100%; line-height:0; position:relative;}
.vid_con li b img{display: block;width: 100%;border-radius: 0.5rem 0.5rem 0 0;}
.vid_con li b video{width:100%; height:100%;position:absolute;left:0;top:0; opacity:0;}
.vid_con li:hover b video{opacity:1;}
.vid_con .qh{position: absolute;left: 50%;bottom: 0rem;width: 10rem;margin-left: -5rem;z-index: 50;}
.vid_con .qh .cprev{display: block;width: 3rem;height: 3rem;float: left;cursor: pointer;}
.vid_con .qh .cnext{display: block;width: 3rem;height: 3rem;float: right;cursor: pointer;}
.vid_con .qh .cprev img,.case_con .qh .cnext img{display: block;width: 100%;}
/**/
.super{padding:2.45rem 4% 0;background:#F4F4F4;}
.super h2{text-align: center; margin-bottom: .75rem;}
.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-nav{margin-bottom: 1.65rem;}
.super .sup-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.super .sup-nav ul li{width:25%;height:5.35rem;border-right:.05rem solid rgba(149,97,52,.3); box-sizing: border-box;}
.super .sup-nav ul li:last-child{border-right:0;}
.super .sup-nav ul li i{display: block;width:2.45rem; line-height: 0; margin:0 auto 1rem;}
.super .sup-nav ul li i img{width:100%;}
.super .sup-nav ul li span{display: block; text-align: center; line-height: 1.4rem;font-size: 1.4rem;color:#956134;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.super .sup-con{position: relative;padding-bottom:3.85rem;}
.super .sup-con dl{ line-height: 0;}
.super .sup-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-con dl dt img{width:100%;}
.super .sup-con dl dd{padding:0 1.1rem 1.85rem;background:#603813;}
.super .sup-con dl dd h3{height: 4.85rem;}
.super .sup-con dl dd h3 em{display: inline-block; line-height: 4.85rem;font-size: 1.85rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd";font-weight: normal;}
.super .sup-con dl dd h3 i{display: inline-block; line-height: 4.85rem;font-size: 1.4rem;color:#ffffff;font-family: "SourceHanSerifCN-sbd";font-weight: normal;     vertical-align: top;margin-left: .65rem; }
.super .sup-con dl dd b{display: block;width:2.3rem;height:.15rem;background:#FFFFFF;}
.super .sup-con dl dd p{line-height: 1.75rem; font-size: 1.2rem; color:#ffffff; margin-top: 1.3rem;font-family: 'SourceHanSerifCN-R'; }
.super .sup-con .sup-jt{width:7.15rem; position: absolute; left:50%; bottom:-1.55rem; transform: translate(-50%,0);display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.super .sup-con .sup-jt i{display: block;width:3rem; line-height: 0;}
.super .sup-con .sup-jt i img{width:100%;}
/**/
.news{padding:4.1rem 4% 2.75rem;}
.news h2{text-align: center; margin-bottom: .75rem;}
.news h2 span{display: block; line-height: 3.55rem;font-size: 2.5rem;color:#180e03;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.news h2 em{display: block; line-height: 2.4rem;font-size: 1.2rem;color:#180e03;font-family: 'SourceHanSerifCN-R'; font-weight: normal;}
.news .news-nav{ margin-bottom: 1.45rem;}
.news .news-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.news .news-nav ul li{width:7.95rem;height:2.6rem;background:#603813;border-radius: .5rem;}
.news .news-nav ul li a{display: block; line-height: 2.6rem;text-align: center;font-size: 1.4rem;color:#ffffff;font-family: 'SourceHanSerifCN-R';}
.news .news-top dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-top dl dt img{width:100%;}
.news .news-top dl dd{height:10.6rem;padding-top:1.3rem; box-sizing: border-box;}
.news .news-top dl dd h4{ margin-bottom: .5rem;}
.news .news-top dl dd h4 a{display: block; line-height: 1.8rem;font-size: 1.2rem;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-top dl dd p{line-height: 1.7rem;font-size: 1.1rem;color:rgba(0,0,0,.6);font-family: 'SourceHanSerifCN-R';}
.news .news-bot ul li{height:6.9rem;border:.05rem solid #DBDBDB; box-sizing: border-box; margin-bottom: 1.15rem;}
.news .news-bot ul li dl dt{width:5.4rem; height:6.8rem; float:left;border-right:.05rem solid #DBDBDB; box-sizing: border-box;padding:1.85rem 0 0 .9rem;}
.news .news-bot ul li dl dt i{display: block; line-height: 1.75rem;font-size: 1.3rem;color:#000000;font-family: 'SourceHanSerifCN-R';}
.news .news-bot ul li dl dt em{display: block; line-height: 1.4rem;font-size: .75rem;color:#000000;font-family: 'SourceHanSerifCN-R';}
.news .news-bot ul li dl dd{width:25.65rem;float:left;margin:1.55rem 0 0 1rem;}
.news .news-bot ul li dl dd h4 a{ display: block; line-height: 2.05rem;font-size: 1.2rem;color:#000000;font-family: 'SourceHanSerifCN-R';white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal;}
.news .news-bot ul li dl dd p{line-height: 1.9rem;font-size: 1.1rem;color:rgba(0,0,0,.6);font-family: 'SourceHanSerifCN-R';}
/**/
.about{height:52.7rem;background:url(../images/about.jpg) no-repeat center;background-size:100% 100%;padding:2.65rem 4% 0; box-sizing: border-box;}
.about h2{text-align: center; margin-bottom: 5.45rem;}
.about h2 span{display: block;line-height: 3.65rem;font-size: 2.5rem;color:#180e03;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.about h2 em{display: block; line-height: 2.55rem;font-size: 1.2rem;color:#180e03;font-family: 'SourceHanSerifCN-SBd'; font-weight: normal;}
.about .abo-desc{ line-height: 2rem; margin-bottom: 3.15rem;font-size: 1.2rem;color:#FFF;font-family: 'SourceHanSerifCN-R'; font-weight: normal;}
.about .abo-list ul li{width:100%;}
.about .abo-list ul li span{display: block;width:100%; line-height: 0;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: 4.95rem;text-align: center;font-size: 1.2rem;color:#ffffff;font-family: 'SourceHanSerifCN-R'; }