@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:75px;}
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;}

/*-----大屏电脑1920------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width:1920px){
    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{width: 96%; margin: 0 auto; display:flex; align-items:center; justify-content:space-between; }
.menu .logo{width: 0.68rem;}

.menuBtn{list-style:none; text-align:center;  display:block; font-size: 0;}
.menuBtn li{list-style-type:none;  display: inline-block; text-align:center;  margin: 0 0.61rem; }
.menuBtn li a{color:#fff; font-size:0.18rem; display:block;  font-weight: 400;}
.menuBtn li a:hover,.menuBtn .on a{ color:#976828; }

.lg_en{width: 0.9rem; height: 0.4rem; text-align: center; font-family:'Acrom'; font-size: 0.16rem; line-height: 0.4rem; }
.lg_en a{display: block; color: #fff; border: 1px #fff solid; border-radius: 0.25rem; font-weight:lighter;}
.lg_en a:hover,.lg_en a.set{color:#fff; border: 1px #976828 solid; background: #976828;}

.topWh{height: 0.9rem;}
.wTopMen{position: fixed; left: 0; top: 0; width: 100%; background: rgba(255,255,255,1); border-bottom: 1px #e7e7e7 solid; z-index: 999;}
.wMenu{width: 96%; margin: 0 auto; display:flex; align-items:center; justify-content:space-between; }
.wMenu .logo{width: 0.6rem;}

.wMenuBtn{list-style:none; text-align:center;  display:block; font-size:0;}
.wMenuBtn li{list-style-type:none;  display: inline-block; text-align:center;  margin: 0 0.61rem;  line-height: 0.9rem;}
.wMenuBtn li a{color:#919191; font-size:0.18rem; display:block; font-weight:400; position: relative;}
.wMenuBtn li a:hover,
.wMenuBtn .on a{color:#4b4b4b; }
.wMenuBtn .on a::after{content: ''; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); width: 50%; height: 1px; background: #4b4b4b; }

.lg_Wen{width: 0.9rem; height: 0.4rem; text-align: center; font-family:'Acrom'; font-size: 0.16rem; line-height: 0.4rem; }
.lg_Wen a{display: block; color: #919191; border: 1px #919191 solid; border-radius: 0.25rem; font-weight:lighter;}
.lg_Wen a:hover,.lg_en a.set{color:#976828; border: 1px #976828 solid;}




#banner .swiper-pagination{left:auto; width:10px; right:0.55rem; top:62.5%; transform: translateY(-50%); font-size:0; }
#banner .swiper-pagination span{display:block;}
#banner .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; display: inline-block; border-radius: 50%; background: #fff; margin:0.1rem auto;opacity: 1;}
#banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1; background:#946429;}

#banner .bar-next,
#banner .bar-prev{position:absolute; right: 0.5rem; width:20px; height:20px; 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%;}

#barSomePic{position: absolute; width:3.5rem; right: 0.5rem; bottom:2.5rem;}
#barSomePic .swiper-wrapper{display: flex; align-items: flex-start; justify-content:flex-start;}

#barSomePic .swiper-slide-thumb-active{visibility:visible;}

#barSomePic .someName{width: 1.6rem; overflow: hidden;}
#barSomePic .someName img{border-top-left-radius: 0.17rem; border-bottom-right-radius: 0.17rem; margin-bottom: 0.1rem;}
#barSomePic .someName span{font-size:0.16rem; color: #fff; display: block; overflow: hidden;}

#barSomePic .swiper-slide-next{display: flex; align-items:flex-start; justify-content:flex-start;}
#barSomePic .swiper-wrapper .swiper-slide-thumb-active,
#barSomePic .swiper-wrapper .swiper-slide-prev{visibility: hidden;}

.cenBox{width:14rem; margin:0 auto;}

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

#inproTabBox{}
#inproTabBox .inPro-next,
#inproTabBox .inPro-prev{position:absolute; top:40%; right: 0.5rem; width:0.48rem; height:0.48rem; border-radius: 50%; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color:#fff; background: url("../images/arrowr_a.png") no-repeat center #4b4b4b; background-size: 0.2rem auto;}
#inproTabBox .inPro-next{}
#inproTabBox .inPro-prev{left: 0.5rem; right: auto; transform: rotateY(180deg);}

#inproTabBox  .swiper-button-disabled{background: url("../images/arrowr_a.png") no-repeat center #919191; background-size: 0.2rem auto;}

.barNum{position: absolute; right: 0.5rem; top:30%; width: 0.3rem; word-wrap:break-word; color: #fff; text-align: center;z-index: 20;}
.barNum span,
.barNum i{display:block; font-style: normal;transform: rotate(-90deg); margin: 0 auto;}
.barNum span{font-family:'clarBTP'; font-size: 0.16rem; width: 0.2rem;}
.barNum i{font-size: 0.24rem;}


.inproTit{ width: 96%; 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.42rem; height: 0.42rem;  background: url("../images/icon1.png") no-repeat top center; background-size: 0.42rem auto; transform: translateX(-50%);}
.inproTit h2{ position: relative; font-family:'proximBold'; font-size:0.34rem; color: #4b4b4b; display: block; margin-bottom: 0.24rem; letter-spacing: 0.04rem;}
.inproTit h2::after,
.inproTit h2::before{content: ''; position: absolute; top: 50%; width:38%; height: 1px; background: #bebebe;}
.inproTit h2::after{left: 0}
.inproTit h2::before{right: 0;}
.inproTit span{font-size:0.18rem; font-weight: 400; color: #4b4b4b; letter-spacing: 0.1rem;}


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






.proTabitem{ width: 98%; padding: 0.3rem 1rem 0.3rem 0.3rem; 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;}



.proTabitem .pagination{position: absolute; font-family:'clarBTP'; left: auto; right: 0; top:0; width: 0.8rem; height: 100%; background: #fff; font-size: 0.16rem; color: #919191; text-align: center; padding-top:1.15rem; overflow: hidden;}
.proTabitem .pagination span{display: block; margin: 0.1rem 0;}

.proTabitem .swiper-button-next,
.proTabitem .swiper-button-prev{position:absolute; right: 0.18rem; width:0.48rem; height:0.48rem; border-radius: 50%; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #333; outline: none;}
.proTabitem .swiper-button-next{bottom:8%; top: auto;}
.proTabitem .swiper-button-prev{top:15%; left: auto;}

.proTabitem .swiper-button-next:after,
.proTabitem .swiper-button-prev:after{font-family: swiper-icons; font-size:0.24rem; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1;}
.proTabitem .swiper-button-next:after{content:'next'; transform: rotate(90deg)}
.proTabitem .swiper-button-prev:after{content:'prev'; transform: rotate(90deg)}



.proSlist{display: inline-block;box-sizing: border-box; position: relative; }
.proSlist h3{font-size:0.18rem; color: #4b4b4b; height: 0.44rem; line-height: 0.32rem; font-weight: 700;}

.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: 2.2rem;  overflow: hidden;}
.itemPro .sProTxt{width: 1.2rem; color: #919191; font-size: 0.16rem; line-height: 0.6rem;}
.itemPro .sProTxt p{display: block; margin: 0;}


.vidPic-Btn{position: absolute; left:0; top: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; transform: scale(0.5); transition:all 0.5s;}
.playBtn{position:absolute; left:50%; top: 50%; width:0.64rem; transform: translate(-50%,-50%);}

.proSlist:hover .vidPic-Btn{opacity:1; transform: scale(1);}



.proTabitem .smTzr{ font-size: 0.14rem; color: #919191; text-align: center; margin-top: 0.3rem;}


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

.titlmore{display: flex; align-items:flex-start; justify-content: space-between;}
.titTxt{width: 84.5%; font-size: 0;}
.titTxt h2,
.titTxt h3{position: relative; font-family:'Noedlay'; font-size: 0.43rem; font-weight:700; color: #4b4b4b; display: block; margin-bottom: 0.14rem; letter-spacing: 0.04rem;}
.titTxt h2::before{content: ''; position: absolute; top: 50%;  right: 0; width:81%; height: 1px; background: #bebebe;}
.titTxt h3 img{width: 2.74rem;}
.titTxt span{ font-size:0.18rem; color: #4b4b4b; letter-spacing: 0.1rem; font-weight: bold;}
.moreBtn{margin-top: -0.14rem; position: relative; background: #f1f1f1; border-radius:0.08rem; overflow: hidden;}
.moreBtn  a{font-family:'Acrom'; font-size: 0.15rem; width:1.6rem; height:0.6rem; line-height: 0.6rem; text-align: center; color: #4b4b4b; display: block;  position: relative; overflow: hidden; z-index: 1;}
.moreBtn a:hover{ color: #fff;}
.moreBtn::after{content: '';  position: absolute; left: -1.6rem; top: 0; background: #4b4b4b; width:1.6rem; height:0.6rem; line-height: 0.6rem;  transition: all 0.5s;}
.moreBtn:hover::after{ left: 0; top: 0; }


.cpTxt{ position: absolute; left: 1.34rem; top: 0.5rem;}
.proName{width:5.69rem; padding-left: 0.4rem; box-sizing: border-box; position: absolute; left: 1.34rem; top: 0;}
.proName h4{background: url("../images/proline.png") no-repeat bottom left; background-size:100% auto; padding-bottom: 0.3rem; font-size: 0.18rem; padding: 0.36rem 0;  color: #4b4b4b; position: relative;}
.proName span{display:inline-block; position: absolute;font-family:'clarBTP'; left:0; top:-0.24rem; color: #f1f1f1; font-size: 1.5rem; line-height: 1.5rem; z-index: -1;}
.proName h2{font-size: 0.32rem; color: #333; padding: 0.3rem 0; border-bottom: 1px #c2c2c2 solid; font-weight: 700;}
.proName ul{padding-top: 0.2rem; }
.proName ul li{font-size: 0.14rem; line-height: 0.32rem; color: #919191; margin-left: 0.22rem;}

#cpPro .cpPro-next,
#cpPro .cpPro-prev{position:absolute; bottom:0; width:0.48rem; height:0.48rem; border-radius: 50%; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color:#fff; background: url("../images/arrowr_a.png") no-repeat center #4b4b4b; background-size: 0.2rem auto;}
#cpPro .cpPro-next{right:46.5%;}
#cpPro .cpPro-prev{left: 46.5%; transform: rotateY(180deg);}

#cpPro  .swiper-button-disabled{background: url("../images/arrowr_a.png") no-repeat center #919191; background-size: 0.2rem auto;}

#somePro{position: absolute; width:44%; left: 0; bottom:1.8rem;}
#somePro .swiper-wrapper{display: flex; align-items:flex-end; justify-content:flex-start;}

#somePro .sproNum{padding: 0.14rem 0.18rem;  box-sizing: border-box; border: 2px #e0e0e0 solid; border-top-left-radius: 0.18rem; border-bottom-right-radius: 0.18rem; position: relative; margin-top: 0.2rem;}
#somePro .sproNum img{position: absolute;  top: -0.2rem; right: 0.18rem; width: 0.74rem; display: none;}
#somePro .sproNum p{font-size:0.16rem; line-height: 0.24rem; margin: 0 ; color: #333; display: block; overflow: hidden; height: 0.48rem;}

#somePro  .sproNum  .numBox{display: flex; align-items: flex-start; flex-flow: row; flex-direction:row; justify-content:space-between; margin-bottom: 0.38rem; }
#somePro  .sproNum  .numBox span{font-family:'proxima'; font-size: 0.14rem; color: #b7b6b6; display: block;}
#somePro  .sproNum  .numBox i{font-family:'proxima'; font-style: normal; font-size: 0.14rem; color: #b7b6b6; display: block; transform: rotate(90deg)}


#somePro .swiper-slide-thumb-active{width: 2.48rem !important;}
#somePro .swiper-slide-thumb-active .sproNum{border: 2px #ffe7ec solid;  background: #ffe7ec; height: 1.71rem; width: 2.48rem !important; }
#somePro .swiper-slide-thumb-active .sproNum img{display: block;}

#somePro .swiper-slide-thumb-active .sproNum .numBox{display: block; margin-bottom: 0;}
#somePro .swiper-slide-thumb-active .sproNum .numBox i{font-size: 0.32rem;color: #fff;  width: 100%; margin-top: 0.3rem; transform: rotate(0deg)}



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

.inabout{width: 16rem; margin: 0 auto; text-align: right; position: relative;}
.leftPic{position: absolute; left: 0; top:0.78rem; width: 8rem; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow: hidden; z-index: 10;}
.rightTxt{position: relative; float: right; background: #fff; width: 12.1rem; height: 6.2rem;}
.rightTxt .aboutInfo{position: absolute; left: 40%; top: 50%; transform:translateY(-50%);  text-align: left; padding-right: 1rem;}
.rightTxt .aboutInfo .abticon{width: 0.36rem; margin-top: 0.56rem;}
.rightTxt .aboutInfo p{ font-size: 0.15rem; color: #4b4b4b; padding: 0; margin-top: 0.4rem; line-height: 0.3rem; }
.rightTxt .aboutInfo a{ font-size: 0.15rem;  width:1.76rem; height:0.64rem; line-height: 0.64rem; text-align: center; margin-top: 0.7rem; border-radius:0.08rem; color: #4b4b4b; display: block; border: 1px #919191 solid; transition: all 0.5s; position: relative; overflow: hidden;}
.rightTxt .aboutInfo a:hover{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;}

.rightTxt .aboutInfo a::after{content: '';  position: absolute; left: -1.76rem; top: 0; background: #4b4b4b; width:1.76rem; height:0.64rem; line-height: 0.64rem;  transition: all 0.5s; z-index: -1;}
.rightTxt .aboutInfo a:hover::after{ left: 0; top: 0; }

.yzpic{position: absolute; right: 0.2rem; top:-0.32rem; width: 2.18rem; z-index: 10;}
.zhouPic{position: absolute; right: -1.1rem; bottom:-1.5rem; width: 3.96rem;  overflow: hidden; z-index: 10;}



.brandBox{width: 7.4rem; margin: 1.04rem auto 1.36rem;}
.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.42rem; height: 0.42rem;  background: url("../images/icon1.png") no-repeat top center; background-size: 0.42rem auto; transform: translateX(-50%);}
.brandTit h2{ position: relative; font-family:'proximBold'; font-size:0.374rem; color: #4b4b4b; display: block; margin-bottom: 0.24rem; letter-spacing: 0.04rem;}
.brandTit span{ font-size:0.18rem; font-weight:bold; letter-spacing: 0.1rem; color: #4b4b4b;  position: relative; padding-bottom: 0.36rem;}
.brandTit span::before{content: ''; position: absolute; bottom: 0; left: 50%; width:50%; height: 1px; background: #bebebe; transform:translateX(-50%); }

.brandText{ margin-top: 0.4rem; overflow: hidden;text-align: center;}
.brandText p{ font-size: 0.15rem; color: #4b4b4b; padding: 0; margin-top: 0.4rem; line-height: 0.3rem; }
.brandText a{ font-size: 0.15rem;  width:1.76rem; height:0.64rem; background: #fff; line-height: 0.64rem; text-align: center; margin: 0.7rem auto 0; border-radius:0.08rem; color: #4b4b4b; display: block; transition: all 0.5s; position: relative; overflow: hidden;}
.brandText a:hover{color: #fff;}
.brandText a span{display: block; position:relative; z-index: 10;}
.brandText a::after{content: '';  position: absolute; left: -1.76rem; top: 0; background: #4b4b4b; width:1.76rem; height:0.64rem; line-height: 0.64rem;  transition: all 0.5s;}
.brandText a:hover::after{ left: 0; top: 0; }


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

#prodItem .swiper-slide{padding-top:0.96rem; width: 13.1rem !important; padding-bottom: 0.86rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center;
	  transition: 300ms; transform: scale(0.85);}
#prodItem .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
#prodItem .swiper-pagination-bullet-active{background:#946429;}


.prodShow{width: 13.1rem;  margin: 0 auto; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; position: relative; padding: 0.66rem 0.64rem; box-sizing: border-box;}
.prodShow .prodMtxt{  font-size: 0;}
.prodShow .prodMtxt span{ display:inline-block; background:#9fc9f2; font-size: 0.14rem; color: #fff; border-radius: 0.08rem; padding: 0.08rem 0.1rem;}
.prodShow .prodMtxt  h2{font-size: 0.45rem; font-weight: 700; color: #323232; margin-top: 0.3rem; margin-bottom: 0.22rem;}
.prodShow .prodMtxt  p{font-size:0.18rem; color: #4b4b4b; margin: 0;}
.prodShow  .prodPic{position: absolute; right: 0.34rem; bottom: -0.5rem; width: 6.34rem;}






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


.prodClass{ margin-top: 0.64rem; display: flex; flex-flow: wrap; flex-direction: row; align-items: flex-start; justify-content: center; }
.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.16rem;}
.prodClass a:hover,.prodClass a.on{background: #4b4b4b; color: #fff;}

.prodLBox{list-style: none; margin-top: 0.6rem; display: flex;  flex-flow: wrap; flex-direction: row;  align-items: flex-start; justify-content: flex-start; }
.prodLBox li{ display: block; width: 4.2rem; height: 5.4rem; margin-right: 0.7rem; margin-bottom: 0.7rem; }
.prodLBox li:nth-child(3n){margin-right: 0;}
.prodLBox li a{display: block; overflow: hidden;}
.prodLBox li a .prod{ width: 4.2rem; height: 4.2rem; padding: 0.7rem 1rem 0; box-sizing: border-box;  display: flex; align-items: center; justify-content: center; transition: all 0.5s;}
.prodLBox li a .pName{ height: 0.5rem; overflow: hidden; margin: 0.3rem auto 0; text-align: center; font-size: 0; line-height: 0.5rem;}
.prodLBox li a .pName h2{display: block; color: #323232; font-size: 0.24rem; height: 0.5rem;  font-weight: 400; margin: 0 auto; text-align: center;  transition: all 0.5s;}
.prodLBox li a .pName span{display: block; width: 1.2rem; height: 0.5rem;   border-radius: 0.1rem; background: #3c3c3c; color: #fff; font-size: 0.15rem;  margin: 0 auto; text-align: center;}
.prodLBox li a:hover .pName h2{margin-top: -0.5rem;}
.prodLBox li a:hover .prod{transform: scale(1.1);}

.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; text-indent:-99em;}
.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); text-indent:-99em;} 
.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{display: flex; align-items: center; justify-content:center; padding-top: 0.7rem; min-height:8.4rem;}
.prodBpic{ width: 8rem;}
.prodabt{width: 5.4rem; margin-left:0.8rem; font-size: 0;}
.black{font-size: 0.15rem; color: #323232; background: url(../images/barrow.png) no-repeat no-repeat left center; padding-left: 0.4rem; background-size: 0.3rem auto; margin-left: -0.4rem;}
.infoTxtBox {margin-top: 0.8rem;}
.infoTxtBox .psTit{font-size: 0.16rem; 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.15rem; color: #919191; line-height: 0.28rem; margin-top: 0;}
.infoTxtBox .dtxt{color: #4b4b4b; font-size: 0.15rem; 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.15rem; color: #919191; display: block; width: 1.48rem; margin-right: 0.3rem; margin-bottom: 0.16rem;}
.infoTxtBox .proObj li:nth-child(3n){margin-right: 0;}
.infoTxtBox .proObj li:nth-child(3n+1){width: 1.78rem;}


.infoTxtBox .proObj li span{color:#4b4b4b; font-size: 0.17rem; font-weight: normal;}

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

.prodinfoBox{ width: 100%; margin-top: 0.6rem; padding-bottom: 0.6rem;}
.prodinfo{width: 100%;}
.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: 16rem; text-align: center; margin: 0 auto; position: absolute; left: 50%; top:18%; transform: translate(-50%,0);}
.logoPic{width: 1.38rem; margin: 0 auto 0.64rem;}
.logoen{width:8.3rem; margin: 0 auto 0.68rem;}
.logocn{width: 1.42rem; margin: 0 auto;}

.brandInt{background:#f8f8f8; position: relative;}
.brandInt::after,
.brandInt::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); width:0.44rem; height:1.34rem; background:url("../images/2016.png") no-repeat; background-size:100% auto;}
.brandInt::after{left: 0.5rem}
.brandInt::before{right:0.5rem; transform: rotate(180deg); margin-top: -0.67rem;}

.braInt{width:12rem; margin:0.6rem auto 0; padding-bottom: 0.7rem; display: flex; align-items:center; justify-content:space-between;}
.blkTxt{width:6rem;}
.titName{font-size: 0; margin-bottom: 0.5rem;}
.titName h2{ font-family:'proximBold'; letter-spacing:0.04rem; font-size:0.34rem; color: #4b4b4b; display: block; margin-bottom: 0.1rem;}
.titName span{ font-size:0.18rem; font-weight: 400; color: #4b4b4b; letter-spacing: 0.1rem; position: relative; padding-bottom: 0.3rem;}
.titName span::before{content: ''; position: absolute; left:0; bottom:0; width:60%; height: 1px; background: #bebebe;}
.text{font-size:0.16rem; color: #4b4b4b; line-height: 0.3rem;}

.abtRpic{width:4.4rem; background: url("../images/aboutdot.png") no-repeat right bottom; background-size:1.07rem auto; padding-bottom: 0.32rem; padding-right: 0.32rem; box-sizing: border-box;}

.braPos,.quAss,.disChaBox{width:100%; max-width:19.2rem; margin:0 auto; position: relative;}
.poslPic{position: absolute; right:13.6rem; top:1rem; width:6.36rem; z-index: 10;}
.braPosBg{width:17.8rem; background: #fff; padding-top: 0.9rem; padding-bottom: 0.7rem; position: relative; float: right;}
.braPosTxt{width:100%; display: flex; align-items:flex-start; justify-content:flex-start; position: relative;}
.posIcon{list-style: none; margin-left: 1.23rem; margin-top: 2.1rem; display: flex; align-items:flex-start; justify-content:flex-start;}
.posIcon li{text-align: center; margin-right: 0.4rem;}
.posIcon li:last-child{ margin-right:0;}
.posIcon li img{margin: 0 auto; width:0.64rem;}
.posIcon li span{font-size: 0.14rem; color: #4b4b4b; display: block; line-height: 0.26rem; margin-top: 0.18rem;}

.posTxt{margin-left: 1.98rem; width: 6.7rem;}
.posTName{font-size: 0; margin-bottom: 0.5rem;}
.posTName h2{font-size:0.34rem; font-family:'proximBold'; letter-spacing:0.04rem; color: #4b4b4b; display: block; margin-bottom: 0.1rem; position: relative;}
.posTName h2::before{content: ''; position: absolute; bottom:0.1rem; right: 0; width:58%; height: 1px; background: #bebebe;}
.posTName span{ font-size:0.18rem; font-weight: 400; color: #4b4b4b; letter-spacing: 0.1rem; position: relative; padding-bottom: 0.3rem;}
.posRpic{position: absolute; right:0; bottom:0.75rem; width:3.69rem; z-index: 10;}
.postext{font-size:0.16rem; color: #4b4b4b; line-height: 0.3rem; padding-left: 0.44rem; padding-top: 0.7rem; 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;}
.flexBc{display: flex; align-items:center; justify-content:flex-start;}
.quAssPic{width:6.3rem;}
.quAssTxt{width:5.7rem; text-align: center; margin-left: 1.2rem;}
.quAssTit{width:100%; position: relative;  text-align: center; font-size: 0; margin-bottom: 0.5rem;}
.quAssTit h2{ position: relative; font-family:'proximBold'; letter-spacing:0.04rem; font-size:0.34rem; color: #4b4b4b; display: block; margin-bottom: 0.24rem;}
.quAssTit span{ font-size:0.18rem; display: inline-block;font-weight: 400; color: #4b4b4b;  position: relative; padding-bottom: 0.24rem; letter-spacing: 0.1rem;}
.quAssTit span::before{content: ''; position: absolute; bottom: 0; left: 50%; width:50%; height: 1px; background: #bebebe; transform:translateX(-50%); }

.quAssPro{width: 14rem; margin:0.94rem auto 0;display: flex; flex-wrap: wrap; flex-direction:row; align-items:center; justify-content:flex-start; font-size:0; }
.quAssPro li{width: 2.46rem; margin-right: 0.4rem; background: #fff; border-top-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; overflow: hidden; padding-bottom: 0.2rem;}
.quAssPro li:nth-child(5n){margin-right:0;}
.prodLBox li a{display: block;}
.quAssPro li .proBox{border-bottom-right-radius: 0.3rem; text-align: center; padding: 0.42rem 0 0.4rem;}
.quAssPro li .proBox img{height:2.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.16rem; height: 0.3rem; font-weight: 400; margin: 0 auto; text-align: center;  transition: all 0.5s;}
.quAssPro li a .pName span{display: block; width:0.9rem; height: 0.3rem; border-radius: 0.05rem; background: #3c3c3c; color: #fff; font-size: 0.14rem;  margin: 0 auto; text-align: center;}
.quAssPro li a:hover .pName h2{margin-top: -0.3rem;}


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

.disChaTit{ width: 96%; margin: 0.54rem auto 0; position: relative;  text-align: center; padding-top: 0.74rem; font-size: 0;}
.disChaTit::before{content: ''; position: absolute; left: 50%; top: 0; width:0.42rem; height: 0.42rem;  background: url("../images/about_38.png") no-repeat top center; background-size: 0.46rem auto; transform: translateX(-50%);}
.disChaTit h2{ position: relative; font-family:'proximBold'; letter-spacing:0.04rem; font-size:0.34rem; color: #4b4b4b; display: block; margin-bottom: 0.24rem;}
.disChaTit h2::after,
.disChaTit h2::before{content: ''; position: absolute; top:-64%; width:45%; height: 1px; background: #bebebe;}
.disChaTit h2::after{left: 0}
.disChaTit h2::before{right: 0;}
.disChaTit span{ font-size:0.18rem; font-weight: 400; color: #4b4b4b;}

.disChalist{list-style: none; width:12.5rem; margin-top: 0.72rem; border: 0.04rem #c2c2c2 solid; display: flex; flex-flow: wrap; flex-direction: row; align-items: flex-start; justify-content: center; padding-top: 0.6rem; background: url("../images/linkx.png") no-repeat center;}
.disChalist li{list-style-type: none; width:1.78rem; margin: 0 0.8rem 0.6rem;}

.disChaLpic{position: absolute; right:17.7rem; bottom:1.88rem; width:1.93rem; z-index: 10;}
.disChaRpic{position: absolute; right:0; bottom:3.42rem; width:1.98rem; z-index: 10;}


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

.branEve{width:12.5rem; margin: 0 auto; text-align:left; position: relative;}
.branEvePic{position: absolute; left: 0; top:0.78rem; width:5.6rem; border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow: hidden; z-index: 10;}
.branEveTxt{position:relative; float:right; background: #fff; width:9.96rem; height:5.36rem; padding-left:4rem; box-sizing:border-box;}
.branEveTxt .branEveInfo{position: absolute; left: 40%; top: 50%; transform:translateY(-50%);  text-align: left; padding-right: 1rem;}
.branEveTxt .branEveInfo .bevetext{ font-size: 0.15rem; color: #4b4b4b; padding: 0; margin-top: 0.4rem; line-height: 0.3rem; }

.branEve .bvYzpic{position: absolute; right: 0.36rem; top:0.66rem; 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{width:16rem; margin:0 auto; display: flex; align-items: flex-start; justify-content:flex-start; }
.footInfo .flogo{ width: 0.94rem; margin-right: 1.2rem;}
.footInfo .qklink{width: 2.4rem; font-size: 0;}
.footInfo .qklink h4{font-size: 0.18rem; font-weight: 700; color: #c2c2c2; margin-bottom: 0.24rem;}
.footInfo .qklink a{display: block; font-size: 0.15rem; color: #f1f1f1; line-height: 0.3rem;}
.footInfo .copyright{width: 6.18rem;font-size: 0;}
.footInfo .copyright h4{font-size: 0.18rem; font-weight: 700; color: #c2c2c2; margin-bottom: 0.24rem;}
.footInfo .copyright p{display: block; font-size: 0.15rem; color: #f1f1f1;line-height: 0.3rem; margin: 0;}
.footInfo .copyright .copy{color: #c2c2c2;}
.footInfo .copyright .copy a{font-size: 0.15rem; color: #c2c2c2;}
.footInfo .ewmBox{display: flex; align-items:flex-start; justify-content:center; }
.footInfo .ewmBox .ewmitem{width: 1rem; margin: 0 0.4rem;}
.footInfo .ewmBox .ewmitem span{display:block; font-size: 0.15rem; text-align: center; color: #f1f1f1; margin-top: 0.1rem;}


/*浮动*/
.rightfixed{position:absolute; right:1rem; top:0.5rem; 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:80%; 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;}