@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.06666666666667‬px;}}
@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;  
}




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





/**/
.fw{padding:3.35rem 3.3% 2.7rem;}
.fw h2{text-align: center; margin-bottom: 1.4rem;}
.fw h2 span{display:block; height:3.7rem; line-height: 3.7rem; font-weight: 600;font-size: 2.5rem; color:#333333; font-family: "宋体";}
.fw h2 em{display:block; width:9.9rem; height:1.15rem; line-height: 1.15rem; text-align: center; border:0.05rem solid #ddd9c5;margin:0 auto;position: relative;background:#FFF; }
.fw h2 em i{display:block; height:1.15rem; line-height: 1.15rem;font-size: 0.8rem;color:#B6B2A1; text-transform: uppercase;overflow:hidden;}
.fw h2 em:before{width:2.75rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; left:-2.75rem; top:0.5rem;}
.fw h2 em:after{width:2.75rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; right:-2.75rem; top:0.5rem;}
.fw ul li{float:left; width:46.7%; margin-bottom: 1.3rem;box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.06); border-radius: 1.0rem; overflow:hidden;}
.fw ul li:nth-child(2n){float:right;}
.fw ul li span{display:block; width:100%; line-height: 0; overflow:hidden;}
.fw ul li span img{width:100%;}
.fw ul li em{display:block; height:4.15rem; line-height: 4.15rem; text-align: center;font-size: 1.4rem;color:#333333;}
/**/
.ysbj{height:53.7rem;background:#f2f2f2;}
.ys{padding:3.35rem 0 0;}
.ys h2{text-align: center; margin-bottom:1.45rem;}
.ys h2 span{display:block; height:3.65rem; line-height: 3.65rem;font-size: 2.5rem;color:#333333; font-weight: 600; font-family: "宋体";}
.ys h2 em{display:block; width:15.25rem; height:1.15rem; line-height: 1.15rem; text-align: center; border:0.05rem solid #ddd9c5;margin:0 auto;position: relative;background:#FFF; }
.ys h2 em i{display:block; height:1.15rem; line-height: 1.15rem;font-size: 0.8rem;color:#B6B2A1; text-transform: uppercase;overflow:hidden;}
.ys h2 em:before{width:4.05rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; left:-4.05rem; top:0.5rem;}
.ys h2 em:after{width:4.05rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; right:-4.05rem; top:0.5rem;}
.ys .ys-nav{height:4.65rem;}
.ys .ys-nav ul li{float:left; width:20%;height:4.65rem;}
.ys .ys-nav ul li em{display:block; width:2.3rem; height:1.8rem;position: relative;margin:0 auto;}
.ys .ys-nav ul li em i{display:block;width:100%; line-height: 0; overflow:hidden;position: absolute;left:0;top:0;}
.ys .ys-nav ul li em i img{width:100%;}
.ys .ys-nav ul li em .default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.ys .ys-nav ul li em .hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.ys .ys-nav ul li.y-on .default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.ys .ys-nav ul li.y-on .hover{opacity: 1; transform: scale(1);}
.ys .ys-nav ul li span{display:block; height:2.7rem; line-height: 2.7rem;text-align: center;font-size: 1.3rem;color:#333333;}
.ys .ys-nav ul li.y-on span{color:#BE9A4D;}
.ys .ys-list dl{height:39.35rem;position: relative;}
.ys .ys-list dl dt{width:100%; line-height: 0; overflow:hidden;}
.ys .ys-list dl dt img{width:100%;}
.ys .ys-list dl dd{width:100%;height:22.35rem;background:url(../images/ys-wzbj.png) no-repeat center; background-size:100% 100%;position: absolute;left:0;bottom:0;padding:0.8rem 3.3% 0; box-sizing: border-box;}
.ys .ys-list dl dd h4{height:6.35rem;border-bottom:0.05rem solid #d4d4d4; margin-bottom: 1.1rem;}
.ys .ys-list dl dd h4 span{display:block;height:2.95rem; line-height: 2.95rem;font-size: 1.8rem;color:#be9a4d; font-weight: bold;}
.ys .ys-list dl dd h4 p{height:2.7rem; line-height: 2.7rem;font-size: 1.5rem;color:#333333; font-weight: normal;}
.ys .ys-list dl dd ul li{height:2.2rem; line-height: 2.2rem;font-size: 1.2rem;color:#666666; padding-left:1.55rem;background:url(../images/ys-y.png) no-repeat left; background-size:2.1%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ys .ys-list .swiper-pagination{bottom:4.0rem;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet{ width:0.9rem; height:0.9rem; background:#333333;border-radius: 50%;margin:0 0.65rem;transition:0.5s;}
.ys .ys-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2.9rem; height:0.9rem; background:#BE9A4D;border-radius: 0.45rem; }
/**/
.product{padding:3.35rem 0 0;}
.product h2{text-align: center; margin-bottom: 1.5rem;}
.product h2 span{display:block; height:3.65rem; line-height: 3.65rem;font-size: 2.5rem;color:#333333; font-weight: 600; font-family: "宋体";}
.product h2 em{display:block; width:12.4rem; height:1.15rem; line-height: 1.15rem; text-align: center; border:0.05rem solid #ddd9c5;margin:0 auto;position: relative;background:#FFF; }
.product h2 em i{display:block; height:1.15rem; line-height: 1.15rem;font-size: 0.8rem;color:#B6B2A1; text-transform: uppercase;overflow:hidden;}
.product h2 em:before{width:3.35rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; left:-3.35rem; top:0.5rem;}
.product h2 em:after{width:3.35rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; right:-3.35rem; top:0.5rem;}
.product .pro-nav{height:37.1rem;padding:0 3.3%;}
.product .pro-nav ul li{float:left;width:31.8%; height:17.35rem;position: relative;margin:0 0 0.8rem 0.45rem;border:0.05rem solid #FFF; border-radius: 0.65rem; overflow:hidden;}
.product .pro-nav ul li span{display:block; width:100%; line-height: 0; overflow:hidden;}
.product .pro-nav ul li span img{width:100%;}
.product .pro-nav ul li:first-child,.product .pro-nav ul li:nth-child(4){margin-left: 0;}
.product .pro-nav ul li h3{width:100%;position: absolute;left:0;top:0;padding:1.05rem 0 0 1.35rem; box-sizing: border-box;}
.product .pro-nav ul li h3 em{display:block; height:1.7rem; line-height: 1.7rem;font-size: 1.25rem;color:#535353; font-weight: normal;font-family: "宋体";}
.product .pro-nav ul li h3 i{display:block;height:0.9rem; line-height: 0.9rem;font-size: 0.7rem;color:#919191; font-weight: normal;font-family: "Arial";}
.product .pro-nav ul li.pon.p-on{border:0.05rem solid #be9a4d;}
.product .pro-list dl{height:28.65rem;position: relative;}
.product .pro-list dl dt{width:100%; line-height: 0; overflow:hidden;}
.product .pro-list dl dt img{width:100%;}
.product .pro-list dl dd{width:37.2%;position: absolute; top:5.05rem;right:4.9rem;}
.product .pro-list dl dd h4{height:3.25rem; line-height: 3.25rem; border-bottom:0.05rem solid #b8bec4;margin-bottom: 1.25rem;}
.product .pro-list dl dd h4 a{font-size: 1.6rem;color:#303030;font-family: "宋体";font-weight: 600;}
.product .pro-list dl dd p{line-height: 1.7rem;font-size: 1.3rem;color:#666666; margin-bottom: 2.2rem;}
.product .pro-list dl dd strong{display:block;width:9.9rem;height:2.55rem; background:#BE9A4D;border-radius: 25px;text-align: center;}
.product .pro-list dl dd strong i{display:inline-block; height:2.55rem; line-height: 2.55rem;font-size: 0.9rem;color:#FFFFFF; font-weight: normal;padding-right:3.15rem; background:url(../images/pro-jt.png) no-repeat right; background-size:36%;}
.product .pro-list .pro-jt i{display:block; width:1.65rem;height:3.35rem;position: relative;z-index: 100;}
.product .pro-list .pro-jt .pro-prev{background:url(../images/pro-prev.png) no-repeat center; background-size:100%;position: absolute;left:1.55rem;top:13.2rem;}
.product .pro-list .pro-jt .pro-next{background:url(../images/pro-next.png) no-repeat center; background-size:100%;position: absolute;right:1.55rem;top:13.2rem;}
/**/
.case{padding:3.4rem 0 4.0rem;}
.case h2{text-align: center; margin-bottom: 1.5rem;}
.case h2 span{display:block; height:3.7rem; line-height: 3.7rem;font-size: 2.5rem;color:#333333;font-weight: 600; font-family: "宋体"; }
.case h2 em{display:block; width:9.9rem; height:1.15rem; line-height: 1.15rem; text-align: center; border:0.05rem solid #ddd9c5;margin:0 auto;position: relative;background:#FFF; }
.case h2 em i{display:block; height:1.15rem; line-height: 1.15rem;font-size: 0.8rem;color:#B6B2A1; text-transform: uppercase;overflow:hidden;}
.case h2 em:before{width:3.65rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; left:-3.65rem; top:0.5rem;}
.case h2 em:after{width:3.65rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; right:-3.65rem; top:0.5rem;}
.case .cas-list{padding-bottom:0.9rem;}
.case .cas-list dl{width:100%;padding:0 1.5rem 3.4rem; box-sizing: border-box;}
.case .cas-list dl dt{width:100%; height:24.0rem; line-height: 0; overflow:hidden;}
.case .cas-list dl dt img{width:100%;}
.case .cas-list dl dd{height:12.3rem;padding:0.75rem 1.7rem 0 2.1rem; box-sizing: border-box;box-shadow: 0px 0px 54px 0px #DEDEDE;}
.case .cas-list dl dd h4{height:3.4rem; line-height: 3.4rem;border-bottom:0.05rem solid #b5b5b5;margin-bottom: 1.05rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-list dl dd h4 a{font-size: 1.3rem;color:#000000; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas-list dl dd p{line-height:1.8rem;font-size: 1.3rem;color:#666666;}
.case .cas-list .swiper-pagination{bottom:0;height:0.9rem; line-height: 0;}
.case .cas-list .swiper-pagination .swiper-pagination-bullet{ width:0.9rem; height:0.9rem; background:#333333;border-radius: 50%;margin:0 0.65rem;transition:0.5s;}
.case .cas-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2.9rem; height:0.9rem; background:#BE9A4D;border-radius: 0.45rem; }
.case .cas-list .cas-jt i{display:block; width:3.45rem;height:3.45rem;position: relative;z-index: 100;}
.case .cas-list .cas-jt .cas-prev{background:url(../images/cas-prev.png) no-repeat center;background-size:100%; position: absolute;left:2.55rem;top:10.45rem;}
.case .cas-list .cas-jt .cas-next{background:url(../images/cas-next.png) no-repeat center;background-size:100%; position: absolute;right:2.55rem;top:10.45rem;}
/**/
.newsbj{height:52.85rem;background:#F2F2F2;}
.news{padding:3.35rem 3.3% 0;}
.news h2{text-align: center; margin-bottom: 0.7rem;}
.news h2 span{display:block; height:3.7rem; line-height: 3.7rem;font-size: 2.5rem;color:#333333;font-weight: 600; font-family: "宋体"; }
.news h2 em{display:block; width:7.45rem; height:1.15rem; line-height: 1.15rem; text-align: center; border:0.05rem solid #ddd9c5;margin:0 auto;position: relative;background:#FFF; }
.news h2 em i{display:block; height:1.15rem; line-height: 1.15rem;font-size: 0.8rem;color:#B6B2A1; text-transform: uppercase;overflow:hidden;}
.news h2 em:before{width:3.3rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; left:-3.3rem; top:0.5rem;}
.news h2 em:after{width:3.3rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; right:-3.3rem; top:0.5rem;}
.news dl{margin-bottom: 2.2rem;}
.news dl dt{width:100%; line-height: 0; overflow:hidden;}
.news dl dt img{width:100%;}
.news dl dd{padding-top:1.1rem;}
.news dl dd h4{height:2.5rem; line-height: 2.5rem; margin-bottom: 0.3rem;}
.news dl dd h4 a{font-size: 1.3rem;color:#be9a4d;font-weight: bold;}
.news dl dd p{line-height: 1.9rem;font-size: 1.3rem;color:#666666;}
.news dl dd p a{color:#be9a4d;}
.news ul li{height:2.6rem;}
.news ul li h4{height:2.6rem;line-height: 2.6rem;float:left;padding-left:1.25rem;background:url(../images/news-ico.png) no-repeat left; background-size:1.05%;font-size: 1.3rem; color:#666666;width:65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news ul li i{display:block; height:2.6rem; line-height: 2.6rem;float:right;font-size: 1.3rem;color:rgba(83,83,83,0.6);}
/**/
.about{height:40.95rem;background:url(../images/about.jpg) no-repeat center top; background-size:100% 100%;}
.abo{padding:3.3rem 3.3% 0;}
.abo h2{text-align: center; margin-bottom: 12.7rem;}
.abo h2 span{display:block; height:3.7rem; line-height: 3.7rem;font-size: 2.5rem;color:#FFF;font-weight: 600; font-family: "宋体"; }
.abo h2 em{display:block; width:12.45rem; height:1.15rem; line-height: 1.15rem; text-align: center; border:0.05rem solid #ddd9c5;margin:0 auto;position: relative;background:#FFF; }
.abo h2 em i{display:block; height:1.15rem; line-height: 1.15rem;font-size: 0.8rem;color:#B6B2A1; text-transform: uppercase;overflow:hidden;}
.abo h2 em:before{width:3.05rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; left:-3.05rem; top:0.5rem;}
.abo h2 em:after{width:3.05rem; height:0.05rem; background:#ddd9c5; content:""; position: absolute; right:-3.05rem; top:0.5rem;}
.abo .abo-con{height:13.85rem;background:#FFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11);padding:1.5rem 1.65rem 0; box-sizing: border-box;}
.abo .abo-con h4{height:3.2rem; line-height: 3.2rem; text-align: center; margin-bottom: 12px;}
.abo .abo-con h4 a{font-size: 1.4rem;color:#333333; font-weight: bold;}
.abo .abo-con p{ line-height: 1.95rem;font-size: 1.3rem;color:#666666; }
.abo .abo-con p a{color:#be9a4d;}