@charset "utf-8";
@font-face {
    font-family:clarBTP;
    src: url(../font/ClarendonBTP.otf);
    src: url('../font/ClarendonBTP.eot'),
        url('../font/ClarendonBTP.woff') format('woff'),
        url('../font/ClarendonBTP.ttf') format('truetype'),
        url('../font/ClarendonBTP.svg') format('svg');
}
@font-face {
    font-family:Noedlay;
    src: url(../font/NoeDisplay.otf);
    src: url('../font/NoeDisplay.eot'),
        url('../font/NoeDisplay.woff') format('woff'),
        url('../font/NoeDisplay.ttf') format('truetype'),
        url('../font/NoeDisplay.svg') format('svg');
}
@font-face {
    font-family:Acrom;
    src: url(../font/Northern_Acrom.otf);
    src: url('../font/Northern_Acrom.eot'),
        url('../font/Northern_Acrom.woff') format('woff'),
        url('../font/Northern_Acrom.ttf') format('truetype'),
        url('../font/Northern_Acrom.svg') format('svg');
}
@font-face {
    font-family:proxima;
    src: url(../font/Proxima.otf);
    src: url('../font/Proxima.eot'),
        url('../font/Proxima.woff') format('woff'),
        url('../font/Proxima.ttf') format('truetype'),
        url('../font/Proxima.svg') format('svg');
}
@font-face {
    font-family:proximBold;
    src: url(../font/Proximbold.otf);
    src: url('../font/Proximbold.eot'),
        url('../font/Proximbold.woff') format('woff'),
        url('../font/Proximbold.ttf') format('truetype'),
        url('../font/Proximbold.svg') format('svg');
}
html{font-size:50px;}
body{background:#fff; margin:0; font-family:'Microsoft YaHei','微软雅黑','PingFang SC','Arial','宋体','simsun',sans-serif;  width:100%; position:relative; overflow-x:hidden;
background-color:#f8f8f8;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
img{border:0; display:block}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none; margin: 0; padding: 0;}
a:hover {text-decoration:none;}

input[placeholder], [placeholder], *[placeholder] {color:#757575; outline:none;}
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder{color:#757575;}
input:-moz-placeholder, 
textarea:-moz-placeholder {color:#757575;}
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder {color:#757575;}
button,input{outline:none;  border:none;}

/*-----手机------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:300px) and (max-width:359px){
    html{font-size:42px}
}
@media screen and (min-width:360px) and (max-width:374px){
    html{font-size:48px}
}
@media screen and (min-width:375px) and (max-width:749px){
    html{font-size:50px}
}
@media screen and (min-width:750px) and (max-width:1000px){
    html{font-size:100px}
}

.headBox{width:100%; position:relative;}

.menuBox{position:absolute; left: 0; top: 0; width:100%; height: 2.15rem;  background: url(../images/topMbg.png) repeat-x top; background-size: 0.3rem auto; padding-top: 0.28rem; box-sizing: border-box; z-index: 999;}

.menu{margin: 0 0.35rem; height: 1.26rem;  display:flex; align-items:center; justify-content:space-between;  position: relative;}
.menu .logo{width: 0.9rem; }
.menuBtn{text-align:center; display:block; width: 0.55rem; height: 0.55rem;}
.lg_en{width:1.18rem; text-align: center; font-size: 0.24rem; line-height: 0.7rem; font-family:'Acrom';}
.lg_en a{display: block; color: #3c3c3c; border:0.03rem #3c3c3c solid; border-radius: 0.4rem;}

.menuShow{position:fixed; width:100%; top:0; left: 0; bottom:0; background: url("../images/menuBg.png")no-repeat top; background-size: cover; z-index: 90;
-webkit-transform:translateX(-100%); 
    -o-transform:translateX(-100%);
    -moz-transform:translateX(-100%); 
    transform:translateX(-100%);  transition:all ease .5s;  -webkit-transition:all ease .5s; -webkit-overflow-scrolling:touch;  overflow-y:scroll;
}

.menuShow .mclose{width:0.4rem; height: 0.4rem; position: relative; left:0.38rem; top: 0.6rem;}
.menuShow .mlogo{width:0.89rem; position: relative; left: 50%; transform: translateX(-50%)}

.menuShow ul{list-style: none; width: 60%; margin:1.3rem auto 0;}
.menuShow ul li{list-style-type: none; height: 1.48rem; line-height: 1.48rem; background: url("../images/menuline.png")no-repeat bottom; background-size:100% auto;}
.menuShow ul li a{display: block; font-size:0.36rem; text-align: center; color: #323232;}

.active{ -webkit-transform:translateX(0);  -o-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}

.wTopMen{position:fixed; left: 0; top: 0; width: 100%; background:#fff; border-bottom: 1px #e7e7e7 solid; z-index: 999;}
.wMenu{width:100%; padding:0.12rem 0;}
.topWh{height:1.2rem;}




#banner .barSwiper{position: absolute; width:100%; left:0; bottom:0.84rem; z-index:50; font-size: 0; text-align:center;}
#banner .barSwiper li{width:6px; height:6px; display: inline-block; border:2px rgba(0,0,0,0) solid; border-radius: 50%; background: #fff; margin:0 5px; opacity:0.6;}
#banner .barSwiper li.bar-bullet-active {opacity: 1; background:#946429; width:8px; height:8px;  border:2px #fff solid;}

#banner .bar-next,
#banner .bar-prev{position:absolute; right: 0.5rem; width:24px; height:24px; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color:#fff; background: url("../images/bararrow.png") no-repeat center; background-size: 100% auto;}
#banner .bar-next{bottom:40%; transform: rotateX(180deg);}
#banner .bar-prev{top:40%;}

.cenBox{margin:0 0.35rem; display: block;}

.inproTab{background: #efe6dd; width:100%; margin:0 auto; overflow:hidden; position: relative;}

.inproTit{ width:90%; margin: 0.54rem auto 0; position: relative;  text-align: center; padding-top: 0.64rem; font-size: 0;}
.inproTit::before{content: ''; position: absolute; left: 50%; top: 0; width:0.58rem; height: 0.60rem;  background: url("../images/icon1.png") no-repeat top center; background-size: 0.58rem auto; transform: translateX(-50%);}
.inproTit h2{ position:relative; font-family:'proximBold'; font-size:0.36rem; font-weight: 700; color: #4b4b4b; display: block; letter-spacing: 0.06rem; line-height: 0.4rem; margin-bottom: 0.3rem;}
.inproTit h2::after,
.inproTit h2::before{content: ''; position: absolute; top: 50%; width:20%; height: 1px; background: #bebebe;}
.inproTit h2::after{left: 0}
.inproTit h2::before{right: 0;}
.inproTit span{ font-size:0.26rem; font-weight:bold; color: #4b4b4b; letter-spacing: 0.1rem;}

#inproTabBox{z-index:0;}
#inproTabBox .swiper-slide{padding-top:0.4rem;}
#inproTabBox .inPro-next,
#inproTabBox .inPro-prev{position:absolute; bottom:1.8rem; width:0.66rem; height:0.66rem; border-radius: 50%; cursor: pointer; color:#fff; outline: none; z-index: 80;}

#inproTabBox .inPro-next{right: 0.35rem; background: url("../images/arrowr_a.png") no-repeat center #4b4b4b; background-size: 0.34rem auto;}
#inproTabBox .inPro-prev{right: 1.35rem; background: url("../images/arrowr_p.png") no-repeat center #4b4b4b; background-size: 0.34rem auto;}



#inproTabBox .inPro-pagination{position: absolute; font-family:'clarBTP';  left:75%; bottom:2.6rem;font-size:0.26rem; color: #919191; width: 20%; z-index: 80; text-align: right;}
#inproTabBox .inPro-pagination span.swiper-pagination-current{color: #4b4b4b; font-size: 0.3rem;}


#inproTabBox  .swiper-button-disabled{background-color:#919191; background-size: 0.34rem auto;}

.proitem{width: 100%; position: relative; padding-bottom:3.8rem;}
.proZidx{width: 100%; position: relative; z-index: -1;}

.proTabitem{ width:100%; padding:0.2rem 0 0.2rem 0.35rem; box-sizing:border-box; position: absolute; left: 0; bottom: 0.6rem; background: rgba(255,255,255,0.7); z-index: 20;  font-size: 0; overflow: hidden;}

#proVid .swiper-wrapper{ width: 70%;}





.proSlist{display: inline-block; box-sizing: border-box;}
.proSlist h3{font-size:0.24rem; color: #4b4b4b; height:0.64rem; line-height: 0.60rem; font-weight:bold;}

.itemPro{border-top-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; padding:0.18rem; box-sizing: border-box; display: flex;  align-items: center; justify-content: space-between;  font-size: 0;}
.itemPro .sProd{width:45%; overflow: hidden; position: relative;}
.itemPro .sProd .playBtn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:0.64rem;}
.itemPro .sProTxt{width: 50%; color: #919191; font-size: 0.24rem; line-height: 0.6rem;}
.itemPro .sProTxt p{display: block; margin: 0; letter-spacing: 0.04rem;}


.proTabitem .smTzr{ font-size: 0.24rem; color: #919191; text-align: center; margin-top: 0.3rem; margin-right: 0.35rem; line-height: 0.4rem;}


.proXLlist{width: 100%; position: relative; padding-top: 0.74rem; background: #fff;}

.titlmore{display: flex; align-items:flex-start; justify-content: space-between;}
.titTxt{width:70%; font-size: 0;}
.titTxt h2,
.titTxt h3{position: relative; font-family:'Noedlay'; font-size:0.5rem;  color: #4b4b4b; display: block; margin-bottom: 0.14rem;}
.titTxt h2::before{content: ''; position: absolute; top: 50%;  right: 0; width:46%; height: 1px; background: #bebebe;}


.titTxt span{ font-size:0.26rem; font-weight:bold; color: #4b4b4b; letter-spacing: 0.1rem;}
.moreBtn{ position: relative; background: #f1f1f1; border-radius:0.1rem; overflow: hidden;}
.moreBtn  a{font-family:'Acrom'; font-size: 0.24rem;  width:1.78rem; height:0.7rem; line-height: 0.7rem; text-align: center; color: #4b4b4b; display: block;  position: relative; overflow: hidden; z-index: 1;}



.cpTxt{ text-align: center; padding-top: 0.66rem;}
.proName{width:90%; padding-left: 0.4rem; box-sizing: border-box;}
.proName h4{background: url("../images/proline.png") no-repeat bottom left; display: block; padding-bottom: 0.3rem; font-size: 0.28rem; padding: 0.36rem 0;  color: #4b4b4b; position: relative;}
.proName h4 span{display:inline-block; position:absolute; left:50%; bottom:0rem; color: #f1f1f1;font-family:'clarBTP'; font-size: 1.5rem; line-height: 1.5rem; transform: translateX(-50%); z-index: -1;}
.proName h2{font-size: 0.45rem; color: #333; padding: 0.3rem 0; margin-bottom: 0.6rem;}

#cpPro{padding-bottom:1rem;}
#cpPro .swiper-pagination{position: absolute; width:100%; left:0; bottom:0.5rem; z-index:50; font-size: 0; text-align:center;}
#cpPro .swiper-pagination span{width:8px; height:8px; display: inline-block; border:2px #fff solid; border-radius: 50%; background: #919191; margin:0 5px; opacity:0.6;}
#cpPro span.swiper-pagination-bullet-active {opacity: 1; background:#fff; border:2px #946429 solid;}




.inAbtBox{width: 100%; background: url("../images/inabg.jpg") no-repeat top; background-size: 100% auto; padding-top: 1.12rem; padding-bottom: 1.66rem; }

.inabout{margin: 0 0.35rem; text-align: right; position: relative;}
.leftPic{width:100%; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow: hidden; z-index: 10; position: relative;}
.rightTxt{background: #fff; width:100%; padding: 0.92rem 0.56rem; box-sizing: border-box; margin-top:-0.8rem;}
.rightTxt .aboutInfo{text-align: left;  padding-top:0.6rem;}
.rightTxt .aboutInfo .abotyh{width: 0.36rem; margin-top: 0.48rem;}
.rightTxt .aboutInfo p{font-size: 0.24rem; color: #919191; padding: 0; margin-top: 0.4rem; line-height: 0.45rem; }
.rightTxt .aboutInfo a{ font-size: 0.24rem;  width:2.06rem; height:0.74rem; line-height: 0.74rem; text-align: center; margin-top: 0.7rem; border-radius:0.08rem; color: #4b4b4b; display: block; border: 1px #919191 solid; transition: all 0.5s;}
.rightTxt .aboutInfo a:hover{background: #4b4b4b;  color: #fff;}
.rightTxt .aboutInfo a span{ padding-right: 0.4rem; background: url("../images/arrowr.png") no-repeat right center; background-size:0.20rem  auto;}
.rightTxt .aboutInfo a:hover span{background: url("../images/arrowr_a.png") no-repeat right center; background-size:0.20rem  auto;}

.yzpic{position: absolute; right:-0.2rem; bottom:4.8rem; width: 2.18rem; z-index: 10;}
.zhouPic{position: absolute; right: -0.35rem; bottom:-1.5rem; width: 3.42rem;  overflow: hidden; z-index: 10;}



.brandBox{padding: 1.04rem 0.35rem 1.36rem; background: url("../images/inabtbg.jpg") no-repeat bottom center;  background-size:100%  auto;}
.brandTit{ width: 96%; margin: 0.54rem auto 0; position: relative;  text-align: center; padding-top: 0.64rem; font-size: 0;}
.brandTit::before{content: ''; position: absolute; left: 50%; top: 0; width:0.75rem; height: 0.48rem;  background: url("../images/icon2.png") no-repeat top center; background-size: 0.75rem auto; transform: translateX(-50%);}
.brandTit h2{ position: relative;font-family:'proximBold'; font-size:0.34rem; font-weight: 700; color: #4b4b4b; display: block; letter-spacing: 0.06rem; line-height: 0.4rem; margin-bottom: 0.3rem;}
.brandTit span{ font-size:0.26rem; font-weight:bold; color: #4b4b4b;  position: relative; padding-bottom: 0.36rem; letter-spacing: 0.1rem;}

.brandText{ margin-top: 0.4rem; overflow: hidden;}
.bardPic{width:3.14rem; margin: 0.48rem auto 0;}
.brandText p{ font-size: 0.24rem; color: #4b4b4b; padding: 0; margin-top: 0.4rem; line-height: 0.45rem; text-align: center;}
.brandText a{ font-size: 0.24rem;  width:2.2rem; height:0.8rem; line-height: 0.8rem; text-align: center; margin: 0.7rem auto 0; border-radius:0.08rem; color: #4b4b4b; display: block;  transition: all 0.5s; background: #fff;}
.brandText a:hover{background: #4b4b4b;  color: #fff;}

.prolistTab{width: 100%; background: #fff; padding-bottom: 0.6rem;}

#prodItem{ overflow: hidden; width: 100%;}

#prodItem .swiper-slide{padding-top:0.96rem; width:6.3rem !important; padding-bottom: 0.64rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}

.prodShow{width:6.3rem; margin: 0 auto; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; position: relative; padding: 0.34rem 0.32rem; box-sizing: border-box;}
.prodShow .prodMtxt{  font-size: 0;}
.prodShow .prodMtxt span{ display:inline-block; background:#9fc9f2; font-size: 0.2rem; color: #fff; border-radius: 0.08rem; padding: 0.08rem 0.1rem;}
.prodShow .prodMtxt  h2{font-size: 0.38rem; font-weight: 700; line-height:0.48rem; height:0.96rem; overflow:hidden; color: #323232; margin-top: 0.3rem; margin-bottom: 0.22rem;}
.prodShow .prodMtxt  p{font-size:0.21rem; color: #4b4b4b; margin: 0; width:50%;}
.prodShow .prodPic{position: absolute; right:0; bottom:0; width:3.2rem;}
.prodShow .prodPic img{ border-bottom-right-radius: 0.5rem;}


#prodItem .swiper-pagination{position: absolute; width:100%; left:0; bottom:0; z-index:50; font-size: 0; text-align:center;}
#prodItem .swiper-pagination span{width:5px; height:5px; display: inline-block; border:2px #fff solid; border-radius:50%; background: #919191; margin:0 5px; opacity:0.6;}
#prodItem span.swiper-pagination-bullet-active {opacity: 1; background:#fff; border:2px #946429 solid;}




.prodList{margin-top: 0.9rem;}
.prodTit{ width: 100%; margin: 0 auto; position: relative;  text-align: center; font-size: 0; margin-bottom: 0.3rem;}
.prodTit h2{position: relative; font-family: 'Noedlay'; letter-spacing: 0.06rem; font-size:0.5rem; font-weight: 700; color: #4b4b4b; display: block; margin-bottom: 0.24rem;}
.prodTit h2::after,
.prodTit h2::before{content: ''; position: absolute; top: 50%; width:24%; height: 1px; background: #bebebe;}
.prodTit h2::after{left: 0}
.prodTit h2::before{right: 0;}
.prodTit h3{ position: relative; font-family: 'Noedlay'; font-size:0.5rem; letter-spacing: 0.06rem; font-weight: 700; color: #4b4b4b; display: block; margin-bottom: 0.14rem;}

.prodTit span{ font-size:0.26rem; font-weight:bold; color: #4b4b4b; letter-spacing: 0.1rem;}


.prodClass{margin-top: 0.64rem; width: 100%; overflow-x:scroll;font-size: 0;}
.prodClass .ovfx{padding-bottom: 0.2rem;}
.prodClass a{background: #fff; text-align: center; padding: 0.16rem 0.28rem; font-weight: 400; margin: 0 0.07rem; border-radius: 0.32rem; color: #4b4b4b; font-size: 0.26rem; display: inline-block;}
.prodClass a:hover,.prodClass a.on{background: #4b4b4b; color: #fff;}

.prodLBox{list-style: none; margin-top: 0.6rem; }
.prodLBox li{ display: block; width:100%; margin-bottom:1.2rem; padding:1rem 0 0.6rem;}
.prodLBox li:nth-child(3n){margin-right: 0;}
.prodLBox li a{display: block; overflow: hidden;}
.prodLBox li a .prod{width: 60%;  box-sizing: border-box; margin: 0 auto;}
.prodLBox li a .pName{ overflow: hidden; margin: 0.7rem auto 0; text-align: center; font-size: 0; line-height: 0.7rem;}
.prodLBox li a .pName h2{display: block; color: #323232; font-size: 0.34rem; height: 0.7rem;  font-weight: 400; text-align: center;}


.pagesBox{ margin-bottom: 0.6rem; display: flex; align-items: center; justify-content:space-between;}
.uppage,.downpage{width: 0.6rem; height: 0.6rem;}
.uppage a{display:block; height: 0.6rem; width: 0.6rem; border-radius: 50%; background:url("../images/arrow.png") no-repeat center #4b4b4b; background-size: 0.32rem auto;}
.uppage a:hover{background:url("../images/arrow.png") no-repeat center #919191; background-size: 0.32rem auto; }
.downpage a{display:block; height: 0.6rem; width: 0.6rem; border-radius: 50%; background:url("../images/arrow.png") no-repeat center #4b4b4b; background-size: 0.32rem auto; -webkit-transform: rotate(180deg); transform: rotate(180deg);} 
.downpage a:hover{background:url("../images/arrow.png") no-repeat center #919191; background-size: 0.32rem auto; }


.pages{overflow:hidden; margin:0 auto; padding:0; text-align:center; font-size: 0.16rem;}
.pages a{display:inline-block; line-height:0.42rem; width: 0.42rem;  border-radius: 50%;  font-size:0.15rem; color:#4b4b4b; margin:0 0.06rem;}
.pages a:hover,
.pages a.on{background:#efefef; border-radius: 50%; color:#323232;}

.topProd{padding-top: 0.7rem; padding-bottom:0.9rem; }
.prodBpic{ width:100%;}
.prodabt{font-size: 0;}
.black{font-size: 0.24rem; color: #323232; background: url(../images/barrow.png) no-repeat no-repeat left center; padding-left: 0.4rem; background-size: 0.3rem auto; }
.infoTxtBox {margin-top: 0.8rem;}
.infoTxtBox .psTit{font-size: 0.23rem; color: #919191; margin-bottom: 0.14rem;}
.infoTxtBox h1{font-size: 0.4rem; color: #323232; font-weight: 700; padding-bottom: 0.3rem; margin-bottom: 0.36rem;  background: url(../images/naline.png) no-repeat no-repeat left bottom; background-size: auto 0.03rem;}
.infoTxtBox p{font-size: 0.24rem; color:#4b4b4b; line-height: 0.48rem; margin-top: 0;}
.infoTxtBox .dtxt{color: #4b4b4b; font-size: 0.24rem; font-weight:400; margin-bottom: 0.2rem; margin-top: 0.3rem;}
.infoTxtBox .proObj{ list-style: none; display: flex;  flex-flow: wrap; flex-direction: row;  align-items: flex-start; justify-content: flex-start;}
.infoTxtBox .proObj li{ list-style-type: none; font-size: 0.24rem; color: #919191; display: block; width:31%; margin-right:2%; margin-bottom: 0.16rem;}
.infoTxtBox .proObj li:nth-child(3n){margin-right: 0;}
.infoTxtBox .proObj li span{color:#4b4b4b; font-size: 0.24rem; font-weight: normal;}

.infoTxtBox .proCon{border-top:1px #c2c2c2 solid; margin-top: 0.36rem; padding-top: 0.52rem; display: flex;   align-items:center; justify-content:space-between}
.telBox{color:#4b4b4b; font-size: 0.24rem; }

.prodinfoBox{width: 100%; margin-top: 0.6rem; padding-bottom: 0.6rem;}
.prodinfo{width: 100%;}
.prodinfo p{color:#919191; font-size: 0.26rem; line-height: 0.5rem;margin: 0 0.35rem;}
.prodinfo img{max-width: 100%; margin: 0 auto;}


/*about*/
.aboutBox,
.brandInt{background:#f9f9f9; width: 100%; position: relative; max-width:19.2rem; margin: 0 auto;}
.logoly{width: 6.2rem; text-align: center; margin: 0 auto; position: absolute; left: 50%; top:30%; transform: translate(-50%,0);}
.logoPic{width: 1.38rem; margin: 0 auto 0.64rem;}
.logoen{width:100%; margin: 0 auto 0.68rem;}
.logocn{width: 1.42rem; margin: 0 auto;}

.brandInt{background:#f8f8f8; position: relative;}

.braInt{ margin:0.6rem 0.35rem 0; padding-bottom: 0.88rem;}
.blkTxt{width:100%; margin: 0 auto;}
.titName{font-size: 0; margin-bottom: 0.4rem; text-align: center;}
.titName h2{font-family:'proximBold'; font-size:0.36rem; color: #4b4b4b; display: block; letter-spacing: 0.06rem; line-height: 0.4rem;  margin-bottom: 0.3rem;}
.titName span{ font-size:0.26rem; font-weight: bold; color: #4b4b4b; letter-spacing: 0.1rem; position: relative; padding-bottom: 0.3rem; display: inline-block;}
.titName span.line::after{content:''; width: 40%; height:2px; position: absolute; left: 50%; bottom: 0; background: #bebebe; transform: translateX(-50%)}


.abtRpic{width:100%;  box-sizing: border-box;}
.text{font-size:0.24rem; color: #4b4b4b; line-height: 0.5rem; margin: 0.5rem 0.4rem 0;}

.braPos,.quAss,.disChaBox{width:100%; margin:0 auto; position: relative;}

.poslPic{position: absolute; right:13.6rem; top:1rem; width:3.56rem; z-index: 10;}
.braPosBg{background: #fff; padding-left: 0.34rem; padding-top: 0.8rem; padding-bottom: 0.7rem; position: relative; margin-left: 0.35rem; box-sizing: border-box;}
.braPosTxt{width:100%; display: flex; align-items:flex-end; justify-content:space-between; position: relative;}

.posIcon{list-style: none;  margin-top: 2.1rem; width: 1.6rem;  border-left: 1px #bebebe solid;} 
.posIcon li{text-align: center; margin-bottom: 0.4rem;}
.posIcon li:last-child{ margin-bottom:0;}
.posIcon li img{margin: 0 auto; width:0.7rem;}
.posIcon li span{font-size: 0.26rem; color: #4b4b4b; display: block; line-height: 0.4rem; margin-top: 0.18rem;}

.posTxt{width: 4.6rem;}
.posTName{font-size: 0; margin-bottom: 0.56rem;}
.posTName h2{font-family:'proximBold'; font-size:0.36rem; color: #4b4b4b; display: block;  letter-spacing: 0.06rem; line-height: 0.4rem; margin-bottom: 0.3rem; position: relative;}
.posTName span{ font-size:0.26rem; font-weight: bold; color: #4b4b4b; letter-spacing: 0.1rem; position: relative; padding-bottom: 0.3rem; display: inline-block;}

.posRpic{position: absolute; right:0; top:-0.36rem; width:3rem; z-index: 10;}
.postext{font-size:0.24rem; color: #4b4b4b; line-height: 0.48rem; padding-left: 0.76rem; padding-top: 0.56rem; background: url(../images/yhicon.png) no-repeat top left; background-size: 0.37rem auto;}
.quAss{padding-top:1.3rem; padding-bottom:1rem;}
.quAss .mspic{position: absolute; right:0; top:1.24rem; width:2.65rem;}


.quAssPic{width:6rem; margin: 0 auto;}
.quAssTxt{width:5.8rem; margin: 0 auto; text-align: center; }

.quAssTit{width:100%; position: relative;  text-align: center; font-size: 0; margin-bottom: 0.5rem;}
.quAssTit h2{ position: relative; font-family:'proximBold'; font-size:0.36rem; color: #4b4b4b; display: block; letter-spacing: 0.06rem; line-height: 0.4rem;  margin-bottom: 0.3rem;}
.quAssTit span{ font-size:0.26rem; display: inline-block;font-weight: bold; color: #4b4b4b;  position: relative; padding-bottom: 0.24rem; letter-spacing: 0.1rem;}

.quAssPro{width: 100%; margin:0.94rem auto 0; display: flex; flex-wrap:wrap-reverse; align-items:flex-end; justify-content:center; position: relative; z-index: 10; font-size:0; }
.quAssPro li{width: 2.06rem; margin:0 0.2rem 0.42rem; background: #fff; border-top-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; overflow: hidden; padding-bottom: 0.2rem;}
.prodLBox li a{display: block;}
.quAssPro li .proBox{border-bottom-right-radius: 0.3rem; text-align: center; padding: 0.4rem 0;}
.quAssPro li .proBox img{height:2rem; width:auto; margin:0 auto;}

.quAssPro li a .pName{ height: 0.3rem; overflow: hidden; margin: 0.3rem auto 0; text-align: center; font-size: 0; line-height: 0.3rem;}
.quAssPro li a .pName h2{display: block; color: #4b4b4b; font-size: 0.24rem; height: 0.3rem; font-weight: 400; margin: 0 auto; text-align: center;  transition: all 0.5s;}


.disChaBox{background: #fff; padding-top: 0.9rem; padding-bottom: 0.7rem;}

.disChaTit{ width: 96%; margin: 0 auto; position: relative;  text-align: center; padding-top: 0.74rem; font-size: 0;}
.disChaTit::before{content: ''; position: absolute; left: 50%; top: 0; width:0.68rem; height: 0.5rem;  background: url("../images/about_38.png") no-repeat top center; background-size: 0.68rem auto; transform: translateX(-50%);}
.disChaTit h2{ position: relative; font-family:'proximBold';  font-size:0.36rem; color: #4b4b4b; display: block; line-height: 0.4rem; margin-bottom: 0.3rem; letter-spacing: 0.06rem; }
.disChaTit h2::after,
.disChaTit h2::before{content: ''; position: absolute; top:-64%; width:42%; height: 1px; background: #bebebe;}
.disChaTit h2::after{left: 0}
.disChaTit h2::before{right: 0;}
.disChaTit span{ font-size:0.26rem; font-weight: bold; color: #4b4b4b; letter-spacing: 0.1rem; display: inline-block;}

.disChalist{list-style: none; width:100%; margin-top: 0.72rem;  border: 0.04rem #c2c2c2 solid; display: flex; flex-flow: wrap; flex-direction: row; align-items: flex-start; justify-content: center;  background: url("../images/linkx.png") no-repeat center; background-size:auto 1.9rem;}
.disChalist li{list-style-type: none; width:1.78rem; margin: 0.5rem 0.24rem; }

.disChaLpic{position: absolute; left:0; top:13rem; width:0.84rem;}
.disChaRpic{position: absolute; right:0; top:9.5rem; width:1.98rem;}


.branEveBox{width:100%; background: url("../images/djsbg.jpg") no-repeat bottom;  background-size: 100% auto;}

.branEvePic{width:100%;  overflow: hidden;}


.branEve{width:100%; margin: 1rem auto 0; text-align:left; position: relative; overflow: hidden;}

.branEveTxt{position:relative;  width:5.3rem;  box-sizing:border-box; font-size: 0.24rem; color: #4b4b4b; padding: 0; margin: 0.62rem auto 1rem; line-height: 0.5rem; text-align: center;}

.branEve .bvYzpic{position: absolute; right: -0.2rem; top:0.48rem; width:1.63rem; z-index: 10;}





/**/
.footerBox{background:#4b4b4b; width:100%; padding-top:0.5rem; padding-bottom: 0.5rem; position:relative;  z-index:10;}
.footInfo{margin:0 0.35rem; display: flex; align-items: flex-start; justify-content:space-between; }
.footInfo .flogo{ width:0.94rem;}
.footInfo .copyright{width:5.4rem;font-size: 0;}
.footInfo .copyright h4{font-size: 0.26rem; font-weight: 700; color: #c2c2c2; margin-bottom: 0.24rem;}
.footInfo .copyright p{display: block; font-size: 0.22rem; color: #f1f1f1;line-height: 0.3rem; margin: 0;}
.footInfo .copyright .copy{color: #c2c2c2;}
.footInfo .copyright .copy a{font-size: 0.22rem; color: #c2c2c2; display: block;}

/*浮动*/
.rightfixed{position:fixed; right:1rem; bottom:1.22rem; width:0.62rem; z-index:99999; }
.fixedList{list-style:none; box-sizing: border-box; }
.fixedList li{list-style-type: none;  text-align:center; width:100%; padding:0; position:relative;}
.fixedList li a{display:table-cell; width:0.62rem; height:0.62rem; text-align:center; vertical-align:middle;}
.fixedList li a img{display:block; margin:0 auto; width:100%;}


/*视频弹窗*/
#productVideo.companyVideo {display:none; position:fixed; left:0; bottom:0;  right:0; top:0; background-color:rgba(0,0,0,0.4);  z-index:1000;}
#productVideo.companyVideo .videoContent {width:96%; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; padding:0.72rem 0 0;}
#productVideo.companyVideo .videoContent .closeVbtn {width:0.48rem; height:0.48rem; position:absolute; left:50%; top:0.12rem; cursor:pointer;}
#productVideo.companyVideo .videoContent .closeVbtn img {width:100%;}
#productVideo.companyVideo .videoContent video {width:100%; vertical-align:middle;}