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






/**/
.video{height:36rem;background: url(/images/video.jpg) no-repeat center;background-size:100% 36rem;padding-top:4.25rem; box-sizing: border-box;}
.video h2{float:left;}
.video h2 em{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#bbbbbb;font-family: "MiSans";font-weight: normal;font-family: "MiSans"; text-transform: uppercase;}
.video h2 span{display: block; line-height: 3.2rem;font-size: 2.4rem;color:#333333; font-weight: normal; margin-bottom: 1.15rem;}
.video h2 i{display: block;width:2.5rem;height:.15rem;background:#c0a383;}
.video .vid-rig{width:44.95rem;float:right;padding-top:.45rem;}
.video .vid-rig p{line-height:1.55rem; margin-bottom: 1.45rem;font-size: .9rem;color:#333333;}
.video .vid-rig ul li{float:left; width:12rem;height:4.5rem;background:#FFF;box-shadow: 5px 9px 20px 0px rgba(153,153,153,0.1);border-radius: 10px; margin-right: 1.5rem; text-align: center; position:relative;}
.video .vid-rig ul li i{display: inline-block;width:1.75rem;line-height: 0; overflow: hidden; margin-top: 1.3rem; margin-right: 1rem;}
.video .vid-rig ul li i img{width:100%;}
.video .vid-rig ul li em{display: inline-block; line-height: 4.5rem;font-size: .9rem;color:#333333; vertical-align: top;}
.video .vid-rig ul li b{display:block;width:80%;margin:0 auto;display:none;}
.video .vid-rig ul li b img{width:100%;}
.video .vid-rig ul li:hover b{display:block;}
.video .vid-rig .vid-btn{width:4rem;height:4rem;margin:6.5rem 0 0 8rem;}
.video .vid-rig .vid-btn i{display: block;width:100%; line-height: 0; overflow: hidden; cursor: pointer;}
.video .vid-rig .vid-btn i img{width:100%;}
/**/
.product{padding:3.7rem 0 5.2rem; overflow: hidden;}
.product h2{text-align: center; margin-bottom: 2.2rem;}
.product h2 i{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#bbbbbb; text-transform: uppercase;font-family: "MiSans"; font-weight: normal;}
.product h2 span{display: block; line-height: 3.2rem;font-size: 2.4rem;color:#333333; font-family: "MiSans"; font-weight: normal;}
.product .pro-one{height:37rem;background:url(/images/product.jpg) no-repeat center;background-size:100% 100%;padding-top:4.25rem; box-sizing: border-box; margin-bottom: 5.2rem;}
.product .pro-one .pro-tit{height:5.25rem;}
.product .pro-one .pro-tit h3{float:left; line-height: 2.7rem; padding-left:3.1rem;background: url(/images/pro-ico.png) no-repeat left;background-size:2rem 1.85rem;}    
.product .pro-one .pro-tit h3 a{font-size: 2rem;color:#ffffff; font-weight: normal;display:block;}
.product .pro-one .pro-tit .pro-fdh{width:39.5rem;float:right;}
.product .pro-one .pro-tit .pro-fdh ul li{float:left;width:9.5rem; height:2.7rem; border:.1rem solid rgba(255,255,255,.2); margin-left: .5rem;border-radius: 1.35rem;box-sizing: border-box;transition: .5s;}
.product .pro-one .pro-tit .pro-fdh ul li a{display: block;height:2.5rem; line-height: 2.5rem;text-align: center;font-size: .9rem;color:#ffffff;}
.product .pro-one .pro-tit .pro-fdh ul li:first-child{margin-left: 0;}
.product .pro-one .pro-tit .pro-fdh ul li:hover{border: .1rem solid #c0a383;background:#c0a383;}
.product .pro-one .pro-nav{width:21rem;height:27.5rem;background:#FFF;float:left;box-shadow: 5px 9px 50px 0px rgba(0,0,0,0.1);}
.product .pro-one .pro-nav ul li{height:5.5rem;border-bottom:.05rem solid #ececec; box-sizing: border-box;}
.product .pro-one .pro-nav ul li a{display: block;padding:0 1.9rem 0 2.1rem;position: relative;}
.product .pro-one .pro-nav ul li a:before{width:.25rem;height:0;background:#c0a383;content:""; position: absolute;left:0;top:0; transition: .5s;}
.product .pro-one .pro-nav ul li em{display: block; line-height: 5.45rem;font-size: 1rem;color:#333333; background:url(/images/pro-jt.png) no-repeat right;background-size:.5rem .9rem;}
.product .pro-one .pro-nav ul li:last-child{border-bottom:0;}
.product .pro-one .pro-nav ul li.cur a:before{height:5.45rem;}
.product .pro-one .pro-nav ul li:last-child:hover a:before{height:5.45rem;}
.product .pro-one .pro-con{width:49rem;float:right;}
.product .pro-one .pro-con .pro-img{width:100%; line-height: 0; overflow: hidden;}
.product .pro-one .pro-con .pro-img img{width:100%; transition: 1s;}
.product .pro-one .pro-con .pro-img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.product .pro-two{position: relative;height:29.5rem;}
.product .pro-two dl{width:100%; position: relative;}
.product .pro-two dl:before{width:100%; height:20rem;background:#F5F5F5; content:""; position: absolute;left:0;bottom:0;}
.product .pro-two dl dt{width:100%; line-height: 0; overflow: hidden; z-index:300; position: relative;}
.product .pro-two dl dt img{width:100%;}
.product .pro-two dl dd{padding:0 1.55rem 2.5rem; z-index:300; position: relative;}
.product .pro-two dl dd h4{line-height: 1.9rem; margin-bottom: .4rem;}
.product .pro-two dl dd h4 a{font-size: 1.2rem;color:#222222;font-weight: normal;}
.product .pro-two dl dd p{height:150px;}
.product .pro-two dl dd p a{display: block; line-height: 50px;border-bottom:.05rem solid #e2e2e2; box-sizing: border-box;font-size: .8rem;color:#666666;background:url(/images/pro-jt2.png) no-repeat right;background-size:.35rem .6rem; box-sizing: border-box;}
.product .pro-two dl dd span{display: block;width:7.5rem;height:0; background:#C0A383;border-radius: 1.25rem; transition: .5s;overflow: hidden;}
.product .pro-two dl dd span a{display: block; line-height: 2.5rem; text-align: center;font-size: .9rem;color:#ffffff;}
.product .pro-two .swiper-slide{transform: scale(0.86);transition: 300ms;}
.product .pro-two .swiper-slide.swiper-slide-next{transform: scale(1);}
.product .pro-two .swiper-slide.swiper-slide-next dl:before{height:25.3rem;}
.product .pro-two .swiper-slide.swiper-slide-next dl dd p{margin-bottom: 1.5rem;}
.product .pro-two .swiper-slide.swiper-slide-next dl dd span{height:2.5rem;}
.product .pro-two .pro-jt i{display: block;width:3rem;height:3rem;cursor: pointer;}
.product .pro-two .pro-jt i.pro-prev{background:url(/images/pro-prev.png) no-repeat center;background-size:3rem 3rem;position:absolute; left:-4.5rem;top:14.8rem;}
.product .pro-two .pro-jt i.pro-next{background:url(/images/pro-next.png) no-repeat center;background-size:3rem 3rem;position:absolute; right:-4.5rem;top:14.8rem;}
/**/
.hfbj{height:22rem;background:url(/images/banbj.jpg) no-repeat center;background-size:100% 22rem;padding-top:3.95rem; box-sizing: border-box;}
.hfbj .left{width:50%;float:left;}
.hfbj .left span{display: block;line-height: 2.8rem;font-size: 2.1rem;color:#ffffff; font-weight: bold; font-family: "MiSans";}
.hfbj .left em{display: block; line-height: 2.4rem;font-size: 1.7rem;color:#ffffff;font-family: "MiSans";font-weight: 300; margin-bottom: .85rem;}
.hfbj .left i{display: block;width:2rem;height:.1rem; background:rgba(255,255,255,.5); margin-bottom: .8rem;}
.hfbj .left b{display: block; line-height: 1.85rem;font-size: 1.1rem;color:rgba(255,255,255,.5);font-weight: normal;font-weight: 300;}
.hfbj .rig{width:50%;float:right;}
.hfbj .rig span{display: block;text-align: right;height:4rem;}
.hfbj .rig span em{display: inline-block;line-height: 4rem;background:url(/images/ban-tel.png) no-repeat left 1rem;background-size:1.5rem 1.5rem; font-size: .9rem;color:#ffffff; font-family: "MiSans";padding-left:2rem;}
.hfbj .rig span i{display: inline-block; line-height: 4rem;font-size: 1.7rem;color:#ffffff; font-family: "Roboto";}
.hfbj .rig a{display: block;width:11rem;height:2.5rem; line-height: 2.5rem;background:#C0A383;border-radius: 1.25rem;float:right;font-size: 1.1rem;color:#ffffff;text-align: center; transition: .5s;}
.an:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
/**/
.case{padding:4.2rem 0 2.5rem;}
.case .cas-left{width:16.8%;float:left; margin-left: 13rem;}
.case .cas-left h2{margin-bottom: 3.2rem;}
.case .cas-left h2 i{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#bbbbbb; font-family: "MiSans";text-transform: uppercase;font-weight: normal;}
.case .cas-left h2 span{display: block;line-height: 3.2rem;font-size: 2.4rem;color:#333333; font-family: "MiSans";font-weight: normal;}
.case .cas-left .cas-nav ul{ margin-bottom: 4.95rem;}
.case .cas-left .cas-nav ul li{margin-bottom: 2.95rem; height:2.1rem;}
.case .cas-left .cas-nav ul li a{display: inline-block; line-height: 2.1rem;font-size: 1rem;color:#333333; position: relative;}
.case .cas-left .cas-nav ul li a:before{width:0;height:.1rem;background:#a97334; content:""; position: absolute;left:0;bottom:0; transition: .5s;}
.case .cas-left .cas-nav ul li.cur a{color:#a97334;font-weight: bold;}
.case .cas-left .cas-nav ul li.cur a:before{width:100%;}
.case .cas-left .cas-nav span{display: block;width:8rem;height:2.7rem; line-height: 2.7rem;background:#C0A383;border-radius: 1.35rem; transition: .5s;}
.case .cas-left .cas-nav span a{display: block; text-align: center;font-size: .8rem;color:#ffffff;}
.case .cas-rig{width:69.4%;float:right;padding-top:1.3rem;}
.case .cas-rig .cas-list{padding-bottom:4.9rem;}
.case .cas-rig dl{width:100%;}
.case .cas-rig dl dt{width:100%; line-height: 0; overflow: hidden;}
.case .cas-rig dl dt img{width: 100%; transition: 1s;}
.case .cas-rig dl dd{padding-top:1.65rem;}
.case .cas-rig dl dd h4{line-height: 1.85rem; margin-bottom: .6rem;}
.case .cas-rig dl dd h4 a{font-size: 1.2rem;color:#333333; font-weight: normal;}
.case .cas-rig dl dd p{line-height: 1.45rem; margin-bottom: 2.1rem;font-size: .8rem;color:#666666;}
.case .cas-rig dl dd span{display: block; line-height: 1.45rem;}
.case .cas-rig dl dd span a{font-size: .8rem;color:#a97334;}
.case .cas-rig .cas-list .swiper-scrollbar{opacity: 1!important;width:100%!important;left:0;bottom:1.2rem;height:1px;background:#dddddd;}
.case .cas-rig .cas-list .swiper-scrollbar .swiper-scrollbar-drag{background:#A97334;border-radius: 0;}
.case .cas-rig .cas-list .cas-jt{width:2.5rem;height:2.5rem; background:#FFFFFF;border-radius: 50%;position: absolute;left:11.75rem;bottom:0;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);z-index:300;}
.case .cas-rig .cas-list .cas-jt i{display: block;width:50%; line-height: 0; overflow: hidden;float:left;cursor: pointer;}
.case .cas-rig .cas-list .cas-jt i img{width:100%;}
.case .cas-rig dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.super{padding-top:2.5rem;}
.super h2{text-align: center;margin-bottom: 2.15rem;}
.super h2 span{display: block; line-height: 2.95rem; font-size:2.4rem;color:#333333; font-family: "MiSans";font-weight: normal;}
.super h2 em{display: block; line-height: 1.65rem;font-size: 1rem;color:#333333; font-family: "MiSans";font-weight: normal;}
.super .sup-con{position: relative;}
.super .sup-con .sup-list dl{position: relative;}
.super .sup-con .sup-list dl dt{width:100%; line-height: 0; overflow: hidden;position: relative;}
.super .sup-con .sup-list dl dt img{width:100%;}
.super .sup-con .sup-list dl dt:before{width:100%;height:16.95rem;background:url(/images/sup-yy.png) no-repeat center;background-size:100% 100%; content:""; position: absolute;left:0;bottom:0;}
.super .sup-con .sup-list dl dd{width:30.4rem;position: absolute;top:8.35rem;left:13rem;}
.super .sup-con .sup-list dl dd h4{line-height: 2.4rem; margin-bottom: 1.5rem;font-size: 2rem;color:#ffffff; font-weight: normal;}
.super .sup-con .sup-list dl dd p{line-height: 1.55rem; margin-bottom: 2.5rem;font-size: .8rem;color:#ffffff;}
.super .sup-con .sup-list dl dd span{display: block;width:8rem; height: 2.7rem; line-height: 2.7rem;background:#A97334;border-radius: 1.35rem;transition: .5s;}
.super .sup-con .sup-list dl dd span a{display: block;font-size: .8rem;color:#fefefe;text-align: center; transition: .5s;}
.super .sup-nav{height:10.05rem;width:100%;position: absolute;left:0;bottom:0;z-index:300;}
.super .sup-nav ul li{float:left;width:25%;height:10.05rem;}
.super .sup-nav ul li em{display: block; line-height: 4.1rem;font-size: 1.5rem;color:#ffffff; font-family: "Roboto";}
.super .sup-nav ul li i{display: block;width:100%; height:.05rem; background:rgba(255,255,255,.3); position: relative;}
.super .sup-nav ul li i:before{width:0;height:.15rem; background:#a97334;content:""; position: absolute;left:0;top:-0.05rem; transition: .5s;}
.super .sup-nav ul li span{display: block; line-height: 4.1rem;font-size: 1.2rem;color:#ffffff;font-size: 1.2rem;color:#ffffff; font-weight: bold;}
.super .sup-nav ul li.cur i:before{width:100%;}
/**/
.news{padding:5.2rem 0 4.95rem;}
.news .news-left{width:16rem;float:left;}
.news .news-left h2{margin-bottom: 3.2rem;}
.news .news-left h2 i{display: block; line-height: 1.9rem;font-size: 1.2rem;color:#bbbbbb;font-weight:normal;}
.news .news-left h2 span{display: block; line-height: 3.2rem;font-size: 2.4rem;color:#333333; font-family: "MiSans";font-weight: normal;}
.news .news-left ul li{height:2.1rem; margin-bottom: 2.95rem;}
.news .news-left ul li a{display: inline-block; line-height: 2.1rem;font-size: 1rem;color:#333333; position: relative;}
.news .news-left ul li a:before{width:0; height:.1rem;background:#a97334;content:""; position: absolute;left:0;bottom:0; transition: .5s;}
.news .news-left ul li.cur a{color:#a97334; font-weight: bold;}
.news .news-left ul li.cur a:before{width:100%;}
.news .news-left ul li:last-child:hover a{color:#a97334; font-weight: bold;}
.news .news-left ul li:last-child:hover a:before{width:100%;}
.news .news-rig{width:54rem;float:right;}
.news .news-rig dl{height:15.85rem; border-bottom:.05rem solid #e2e2e2; box-sizing: border-box;}
.news .news-rig dl dt{width:24rem;line-height: 0;overflow: hidden;float: right; margin-top: .3rem;}
.news .news-rig dl dt img{width:100%; transition: 1s;}
.news .news-rig dl dd{width:27rem;float:left;}
.news .news-rig dl dd i{display: block; line-height: 1.45rem;font-size: .8rem;color:#333333; font-family: "Roboto"; font-weight: bold; margin-bottom: 1rem;}
.news .news-rig dl dd h4{height:2rem; margin-bottom: .25rem;}
.news .news-rig dl dd h4 a{font-size: 1.2rem;color:#333333; font-weight: normal;}
.news .news-rig dl dd p{line-height: 1.55rem; margin-bottom: 2.05rem;font-size: .8rem;color:#666666;}
.news .news-rig dl dd span{display: block;width:8rem;height:2.7rem;border:.1rem solid #C0A383; box-sizing: border-box;border-radius: 1.35rem;transition: .5s;}
.news .news-rig dl dd span a{display: block;height:2.5rem; line-height: 2.5rem;text-align: center;font-size: .8rem;color:#333333; transition: .5s;}
.news .news-rig ul li{height:8rem; border-bottom:.05rem solid #e2e2e2; box-sizing: border-box;padding-top:2rem;}
.news .news-rig ul li .left{width:38.8rem;float:left;}
.news .news-rig ul li .left h4{height:2.2rem;}
.news .news-rig ul li .left h4 a{font-size: 1.2rem;color:#333333;font-weight: normal;}
.news .news-rig ul li .left p{line-height: 1.8rem;font-size: .8rem;color:#666666;}
.news .news-rig ul li strong{display: block;width:8rem;height:2.7rem;background:#C0A383;border-radius: 1.35rem;float:right; margin-top: .45rem;}
.news .news-rig ul li strong a{display: block;line-height: 2.7rem;text-align: center;font-size: .8rem;color:#ffffff;font-weight: normal;}
.news .news-rig dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-rig dl:hover dd span{background:#C0A383;}    
.news .news-rig dl:hover dd span a{color:#FFF;}
.news .news-rig ul li:hover .left h4 a{color:#C0A383;}
/**/
.about{height:35rem;background:url(/images/about.jpg) no-repeat center;background-size:100% 100%;padding-top:5.25rem; box-sizing: border-box;}
.about h2{margin-bottom: 1.85rem;}
.about h2 span{display: block; line-height: 2.95rem;font-size: 2.4rem;color:#333333; font-weight: normal;}
.about h2 em{display: block; line-height: 1.85rem;font-size: 1.2rem;color:#333333; font-weight: normal; margin-bottom: 1.15rem;}
.about h2 i{display: block; width:2.5rem;height:.15rem;background:#C0A383;margin-bottom: 1.85rem;}
.about .abo-desc{line-height: 1.45rem;font-size: .8rem;color:#333333; margin-bottom: 3.35rem;width:33.9rem;}
.about ul li{float:left;width:9rem; height:5rem; border-left:.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 .85rem;}
.about ul li i img{width:100%;}
.about ul li em{display: block; line-height: 1.6rem;text-align: center;font-size: 1.2rem;color:#333333;}
.about ul li:last-child{border-right:.05rem solid #cccccc;}




































































































































































































































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