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




.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; }





/**/
.video{height:47.5rem;background:url(/mobile/images/video.jpg) no-repeat center;background-size:100% 100%;padding:3.75rem 4% 0; box-sizing: border-box;}
.video h2{text-align: center; margin-bottom: 1.8rem;}
.video h2 em{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#bbbbbb; font-family: "MiSans"; text-transform: uppercase;}
.video h2 span{display: block; line-height: 3.2rem;font-size: 2.4rem;color:#333333;font-family: "MiSans"; margin-bottom: 1.15rem;font-weight: 500;}
.video h2 i{display: block;width:2.5rem;height:.15rem; background:#C0A383;margin:0 auto;}
.video p{line-height: 2.4rem;text-align: center;font-size: 1.2rem;color:#333333; text-align: center; margin-bottom: 1.45rem;}
.video ul{text-align: center; margin-bottom: 7rem;}
.video ul li{display: inline-block;width:14rem;height:5rem;background:#FFF;box-shadow: .25rem .45rem 1rem 0px rgba(153,153,153,0.1);border-radius: .5rem; text-align: center;margin:0 .5rem;position:relative;}
.video ul li i{display: inline-block;width:1.8rem; line-height: 0; overflow: hidden; margin-top: 1.6rem;}
.video ul li i img{width: 100%;}
.video ul li em{display: inline-block; line-height: 5rem;font-size: 1.2rem;color:#333333; vertical-align: top; margin-left: .85rem;}
.video ul li b{display:none; width:100%; line-height: 0; overflow:hidden;}
.video ul li b img{width:100%;}
.video ul li:hover b{display:block;}
.video a.bo{display: block;width:4rem; line-height: 0; overflow: hidden;margin:0 auto;}
/**/
.product{padding:3.75rem 0 4rem;}
.product h2{ margin-bottom: 1.35rem;text-align: center;}
.product h2 em{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#bbbbbb; font-family: "MiSans"; text-transform: uppercase;}
.product h2 span{display: block; line-height: 3.2rem;font-size: 2.4rem;color:#333333;font-family: "MiSans"; margin-bottom: 1.15rem;font-weight: 500;}
.product h2 i{display: block;width:2.5rem;height:.15rem; background:#C0A383;margin:0 auto;}
.product .pro-one{background:url(/mobile/images/product.jpg) no-repeat center;background-size:100% 100%;padding:1.95rem 4% 0;}
.product .pro-one .pro-tit h3{margin-bottom:.85rem;height:4.2rem;}
.product .pro-one .pro-tit h3 a{display: inline-block;  line-height:4.2rem;padding-left:3.1rem;background:url(/mobile/images/pro-ico.png) no-repeat left;background-size:2rem 1.85rem; font-size: 2rem;color:#ffffff;font-family: "MiSans";}
.product .pro-one .pro-tit .pro-fdh{height:9.6rem;}
.product .pro-one .pro-tit .pro-fdh ul li{float:left;width:11rem;height:3.5rem; line-height: 3.4rem; margin:0 .35rem .6rem 0;border:.05rem solid rgba(255,255,255,.2); text-align: center;font-size: 1.2rem;color:#ffffff;border-radius: 1.75rem;}
.product .pro-one .pro-tit .pro-fdh ul li:nth-child(3n){margin-right: 0;}
.product .pro-one .pro-tit .pro-fdh ul li a{font-size: 1.2rem;color:#ffffff;}
.product .pro-one .pro-tit .pro-fdh ul li.pon.cur{background:#C0A383;border:.05rem solid #C0A383;}
.product .pro-one .pro-tit .pro-fdh ul li.last:hover{background:#C0A383;border:.05rem solid #C0A383;}
.product .pro-one .pro-tit .pro-fdh ul li.last a{display: block;}
.product .pro-one .pro-list .pro-img{width:100%; line-height: 0; overflow: hidden;}
.product .pro-one .pro-list .pro-img img{width:100%;}
.product .pro-two{padding:3.15rem 0 0 1.5rem;}
.product .pro-two .two-list dl{width:100%;position: relative;}
.product .pro-two .two-list dl:before{width: 100%;height: 32rem;background: #F5F5F5;content: "";position: absolute;left: 0;bottom: 0;}
.product .pro-two .two-list dl dt{width:100%; line-height: 0; overflow: hidden;z-index:100; position: relative;}
.product .pro-two .two-list dl dt img{width:100%;}
.product .pro-two .two-list dl dd{padding:0 2.15rem 2.5rem 2.25rem; box-sizing: border-box;z-index:100; position: relative;}
.product .pro-two .two-list dl dd h4{ line-height: 2.9rem;}
.product .pro-two .two-list dl dd h4 a{font-size: 1.5rem;color:#222222; font-weight: normal;}
.product .pro-two .two-list dl dd p{margin-bottom: 1.8rem;min-height:10.5rem;}
.product .pro-two .two-list dl dd p a{display: block;height: 3.5rem; line-height: 3.45rem;border-bottom:.05rem solid #e2e2e2; box-sizing: border-box;font-size: 1.2rem;color:#666666;background:url(/mobile/images/pro-jt2.png) no-repeat 95%;background-size:.6rem 1rem;padding-left:1%;}
.product .pro-two .two-list dl dd span{display: block;width:12rem;height:3.5rem; line-height: 3.5rem; background:#C0A383;margin:0 auto;border-radius: 1.75rem;}
.product .pro-two .two-list dl dd span a{display: block; line-height: 3.5rem;text-align: center;font-size: 1.2rem;color:#ffffff;}
/**/
.hfbj{height:18rem;background:url(/mobile/images/hfbj.jpg) no-repeat center;background-size:100% 100%;padding:2.45rem 0 0 4%; box-sizing: border-box;}
.hfbj span{display: block; line-height: 2.9rem;font-size: 2.1rem;color:#ffffff;font-weight: bold; font-family: "MiSans";}
.hfbj em{display: block; line-height: 2.4rem;font-size: 1.6rem;color:#ffffff;font-family: "MiSans"; font-weight: 300; margin-bottom: .8rem;}
.hfbj i{display: block;width:2rem;height:.1rem; background:rgba(255,255,255,.5); margin-bottom: .75rem;}
.hfbj b{display: block; line-height: 1.95rem;font-size: 1.1rem;color:rgba(255,255,255,.5);font-family: "MiSans"; font-weight: 300; }
/**/
.case{padding:3.25rem 0 4.5rem;background:#F5F5F5;}
.case h2{ margin-bottom: 1.9rem;text-align: center;}
.case h2 em{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#bbbbbb; font-family: "MiSans"; text-transform: uppercase;}
.case h2 span{display: block; line-height: 3.2rem;font-size: 2.4rem;color:#333333;font-family: "MiSans"; margin-bottom: 1.15rem;font-weight: 500;}
.case h2 i{display: block;width:2.5rem;height:.15rem; background:#C0A383;margin:0 auto;}
.case .cas-nav{height:3.95rem;text-align: center;}
.case .cas-nav ul li{display: inline-block;height:2.45rem; line-height: 2.45rem;text-align: center;margin:0 1.1rem;border-bottom:.1rem solid #F5F5F5;}
.case .cas-nav ul li a{display: block; line-height: 2.45rem;font-size: 1.4rem;color:#333333;}
.case .cas-nav ul li:hover{border-bottom:.1rem solid #A97334;}
.case .cas-nav ul li:hover a{color:#A97334;font-weight: bold;}
.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{padding-top:1.65rem;display: none;}
.case .cas-list dl dd h4{ line-height: 2.35rem; text-align: center; margin-bottom: .65rem;}
.case .cas-list dl dd h4 a{font-size: 1.5rem;color:#333333; font-weight: bold;}
.case .cas-list dl dd p{line-height: 2.05rem; margin-bottom: 1.7rem;text-align: center;font-size: 1.2rem;color:#666666;}
.case .cas-list dl dd span{display: block;width:12rem;height:3.5rem; background:#C0A383;margin:0 auto;border-radius: 1.75rem;}
.case .cas-list dl dd span a{display: block; line-height: 3.5rem; text-align: center;font-size: 1.2rem;color:#fefefe;}
.case .cas-list .swiper-slide.swiper-slide-active dd{display: block;}
/**/
.super{padding-top:3.85rem;}
.super h2{ text-align: center; margin-bottom: 2.1rem;}
.super h2 span{display: block; line-height: 2.85rem;font-size: 2.4rem;color:#333333;font-family: "MiSans";font-weight: 500;}
.super h2 em{display: block; line-height: 1.85rem;font-size: 1.2rem;color:#333333; margin-bottom: 1.25rem;}
.super h2 i{display: block;width:2.5rem;height:.15rem; background:#C0A383;margin:0 auto;}
.super dl dt{width:100%; line-height: 0; overflow: hidden;}
.super dl dt img{width: 100%;}
.super dl dd{padding:2.15rem 4% 2.9rem;}
.super dl dd h4{line-height: 2.65rem;font-size: 1.8rem;color:#333333;font-weight: bold; margin-bottom: .85rem;}
.super dl dd p{line-height: 2.1rem;font-size: 1.2rem;color:#666666;}
.super .sup-nav{height:6rem;border-top:.05rem solid #dddddd;border-bottom:.05rem solid #dddddd; box-sizing: border-box;}
.super .sup-nav ul li{float:left;width:25%; height:5.9rem; line-height: 5.9rem;text-align: center;font-size: 1.4rem;color:#333333; font-weight: bold;border-right:.05rem solid #dddddd;box-sizing: border-box;background: #F5F5F5;}
.super .sup-nav ul li:last-child{border-right:0;}
.super .sup-nav ul li.cur{background:#C0A383;color:#FFF;}
/**/
.news{padding:3.75rem 4% 4rem;}
.news h2{ margin-bottom: 2.35rem;text-align: center;}
.news h2 em{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#bbbbbb; font-family: "MiSans"; text-transform: uppercase;}
.news h2 span{display: block; line-height: 3.2rem;font-size: 2.4rem;color:#333333;font-family: "MiSans"; margin-bottom: 1.15rem;font-weight: 500;}
.news h2 i{display: block;width:2.5rem;height:.15rem; background:#C0A383;margin:0 auto;}
.news dl{margin-bottom: 1.4rem;}
.news dl dt{width:100%; line-height: 0; overflow: hidden;}
.news dl dt img{width: 100%;}
.news dl dd{padding-top:1.8rem;height:10.55rem; box-sizing: border-box;border-bottom:.05rem dashed rgba(170,170,170,.6);}
.news dl dd h4{line-height: 2.35rem; margin-bottom: .65rem;}
.news dl dd h4 a{font-size: 1.6rem;color:#333333; font-weight: normal;}
.news dl dd p{line-height: 1.95rem;font-size: 1.2rem;color:#666666;}
.news ul{margin-bottom: 1.75rem;}
.news ul li{height:2.95rem;}
.news ul li i{display: block;width:6rem;height:2.95rem;float:left;line-height: 2.95rem;float:left;padding-left:.7rem; box-sizing: border-box;font-size: 1.4rem;color:#999999;}
.news ul li a{display: block;width:27rem;height:2.95rem;float:left; line-height: 2.95rem;font-size: 1.4rem;color:#333333;}
.news strong{display: block;width:12rem;height:3.5rem; background:#C0A383;border-radius: 1.75rem; margin:0 auto;}
.news strong a{display: block;line-height: 3.5rem;text-align: center;font-size: 1.2rem;color:#ffffff;font-weight: normal;}
/**/
.about{height:50rem;background:url(/mobile/images/about.jpg) no-repeat center; background-size:100% 100%;padding:3.75rem 4% 0; box-sizing: border-box;}
.about h2{text-align: center; margin-bottom: 2.05rem;}
.about h2 span{display: block; line-height: 2.95rem;font-size: 2.4rem;color:#333333;font-family: "MiSans";font-weight: 500;}
.about h2 em{display: block;line-height: 1.85rem;font-size: 1.2rem;color:#333333;font-weight: normal; margin-bottom: 1.2rem;}
.about h2 i{display: block;width:2.5rem;height:.15rem; background:#C0A383;margin:0 auto;}
.about p{line-height: 2.4rem; margin-bottom: 2.15rem;text-align: center;font-size: 1.2rem;color:#333333;}
.about ul{width:27.05rem;margin:0 auto;border-left:.05rem solid #cccccc; box-sizing: border-box;}
.about ul li{float:left;width:33.33%;border-right:.05rem solid #cccccc; box-sizing: border-box;}
.about ul li a{display: block;}
.about ul li i{display: block;width:2.6rem; line-height: 0; overflow: hidden;margin:0 auto .35rem;}
.about ul li i img{width:100%;}
.about ul li em{display: block;line-height: 2.1rem;text-align: center;font-size: 1.3rem;color:#333333;}