@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";font-size:625%;/* Hschubin */color: #333;}
body {max-width: 640px;margin: auto;font-size: 0;}
p ,input {font-size: inherit;}
a {color: inherit;text-decoration: none;outline-style: none; border:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none；}
ul, ol, li {list-style: none;}
img {max-width:100%;border: 0 none;}

.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}

.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}


.header {width: 100%;max-width: 640px;height: 1.14rem;background: #211b19; position: relative;}
.logo {float: left;width: 2.33rem;margin: .24rem;}
.nav-btn {float: right;width: 1.41rem;height: 1.2rem;font-size: .2rem;line-height: 1.5;color: #8f8f8f;background: url(../images/nav-btn.png) center .2rem no-repeat;-webkit-background-size: .65rem;background-size: .65rem;}
.nav-link {display: block;text-align: center; width: .8rem; padding-top: .36rem;}

.nav {position: absolute;top: 1.14rem;right: 0;z-index: 20;display: none;width: 2.85rem;padding:.3rem 0 .35rem .35rem;font-size: .16rem;line-height: .45rem;color: #fff;background: #000;}
.nav a {display: block;}
.nav a:active {color: #df4f09;}
.nav span {margin-right: .5em;font-size: .24rem;}
.nav dt {border-top: 1px solid #5c5c5c;}
.nav dt:first-child {border: 0 none;}
.nav dd a {font-size: .24rem;line-height: .36rem;}
.nav ul {padding-bottom: .1rem;padding-left: .23rem;}


.banner {position: relative;}
.banner .bd li {height: 6.85rem;-webkit-background-size: 100% auto;background-size: 100% auto;}
.banner .hd {position: absolute; bottom: .1rem; left: 0; z-index: 10; width: 100% ;margin: 0 auto; text-align: center;}
.banner .hd li {display: inline-block; width: .12rem; height: .12rem; margin-right: .05rem; background: #ccc;text-indent: -9999px;}
.banner .hd li.on {background: #333;}

.down{ width: .26rem; position: absolute; bottom:.5rem;left:48%;}

.prowrap{ background: url(../images/ab.jpg) center center no-repeat; height:6.83rem;padding-top:.2rem; background-size: 100% auto;-webkit-background-size: 100% auto;}
.index-one-pro{ width: 50%; float:left;text-align: center; position: relative; height: 4.6rem; }
.index-one-pro .pro-bg{ position: absolute;z-index: 1;left: 0;right:0;bottom:0; top: 0; }
.index-one-pro .pro-bg img{  width: 100%;height:100%;}
.index-one-pro .prodetail{ width: 100%; margin: 0 auto; height: 100%; }
.index-one-pro span.mask{margin:auto; position: absolute;left: 0;right:0;bottom:0; top: 0;background: rgba(0,0,0,.6);}

.prodetail{ z-index: 2;position: relative;font-size: .14rem;}
.prodetail-tit{ color: #d9b894; font-size: .2rem; padding-top: .97rem; }
.prodetail-tit span{ display: block; font-size: .14rem;}
.prodetail-con{ color: #fff; margin:.34rem 0 .64rem 0;  height: .9rem;}
.index-one-pro .more{font-family:"Arial"; width: 1.24rem;height: .36rem; margin: .62rem auto;color: #fff; border: 1px solid #96886e; line-height: .36rem; color: #fff; }

.pro-bot{ height: 1.5rem; padding-top: .3rem; text-align: center; font-size: .23rem;color: #525252;}

.pro-bot .more{ width: .96rem; height: .28rem; line-height: .28rem; display: block; border:1px solid #4d4d4d; margin: .18rem auto;}


.index-about{ background: url(../images/aboutbg.jpg) center center no-repeat; background-size: 100% auto; height: 4.58rem;}

.index-about p{ font-size: .22rem; text-align: center; padding-top: 1.64rem; line-height: 1.8; color: #545454}

.index-news-list{ padding-top:.38rem; }
.newsbg{background: url(../images/newsbg.jpg) center center no-repeat; background-size: 100% auto; height: 6rem;text-align: center;}
.index-pro-link {width: 50%;height: 2.5rem;text-align: center; display: inline-block; float: left;}
.index-pro-link .line{ display: block; margin: .2rem auto .14rem; width: 1.58rem; height: 1px; background: #fff;}
.index-pro-link div {display: block;height: 1.77rem;line-height: 1.5;color: #fff;background: rgba(0,0,0,1); width: 2.4rem; border:1px solid #a2a09f; margin: .35rem auto;z-index: 3 ; position: relative;}
.index-pro-link p { padding-top: .5rem; font-size: .16rem }
.index-news-tit{ color: #d9b894; font-size:.26rem; padding: .43rem 0 .18rem 0}
.index-news-text{ color: #fcfcfc; font-size: .22rem; line-height: 1.8;padding:.4rem}
.index-new-date{ color: #9e9e9e;}

.index-pro-link2{ position: relative;}
.mask{display: block; background:rgba(0,0,0,.6); width: 100%; height: 100%; position: absolute;z-index: 2}


.footer{ background: #110e0c; padding: .18rem 0 .32rem 0}
.foot-nav ul{ border-bottom: 1px solid #545250; font-size: .19rem; color: #6f6f6f; margin: 0 .2rem;}
.foot-nav ul li{ display: inline-block; margin-right: .22rem;line-height: 2}

.index-contact{ font-size: .23rem; padding: .23rem; color: #ffffff; line-height: 2;}
.sup{ font-size: .22rem; color: #5e5444;padding: 0 .2rem 0; line-height: 1.6}


.join{height:4.97rem; position: relative;}

.join-con{line-height: 2;color: #bcbcbc; text-align: center; font-size: .2rem; padding: .38rem .2rem  0 ;  text-align: left;}
.join-con span{ font-size: .14rem;}
.join-tit{ font-size: .4rem; color: #b69257;  line-height: 2}
.join-con h3{ font-size: .3rem; color: #ffffff;font-weight: normal;}
.join-con h3 span{ display: block; font-size: .2rem;line-height:1}



.join2{background: #383838; padding: .53rem .38rem .5rem;}
.join2 dl { padding-left: 1.52rem; height: 2.14rem; margin-bottom: .32rem; background-size:1.28rem auto;}
.join2 dl dt{font-size: .24rem; color: #f5f5f5; line-height: 2}
.join2 dl dt span{ display: block; font-size: .12rem;line-height: 2}
.join2 dl dd{ color: #929292;  line-height: 1.4; font-size: .2rem; height: 1.22rem; overflow: hidden; border-bottom: 1px solid #333333;}
.join2 .line{ width: 1.09rem; height: 1px; background: #333333; margin: .1rem 0 .28rem 0;}

.bgico1{background:url(../images/icos/ico1.png) left top no-repeat;}
.bgico2{background:url(../images/icos/ico2.png) left top no-repeat;}
.bgico3{background:url(../images/icos/ico3.png) left top no-repeat;}
.bgico4{background:url(../images/icos/ico4.png) left top no-repeat;}
.bgico5{background:url(../images/icos/ico5.png) left top no-repeat;}
.bgico6{background:url(../images/icos/ico6.png) left top no-repeat;}
.bgico7{background:url(../images/icos/ico7.png) left top no-repeat;}
.bgico8{background:url(../images/icos/ico8.png) left top no-repeat;}

.join3{ background: url(../images/join3.jpg) center center no-repeat;background-size: 100% auto; height: 4.74rem;}


.apply {padding: .1rem 0 .3rem;font-size: .24rem;line-height: .6rem;text-align: center;background: #ffffff;}
.apply .one-row {margin-top: .2rem;}
.apply-tit {font-size: .32rem;line-height: 2;text-align: center;color: #7b7b7b;}

.apply input ,
.apply textarea {width: 4.2rem;height: .6rem;padding: 0 .18rem;background: #fff;border:1px solid #a2a2a2;}
.apply textarea {height: 2rem;font-size: .24rem;padding: .18rem;}
.apply-mark-up {display: inline-block;width: .4rem;color: #fd042d;}
#submit-apply {width: 1.2rem;height: .48rem;font-size: .24rem;color: #333;background: #e7d79f;border: none;}
#verify {width: 1.4rem; }
.verify-pic {width: 1.2rem;margin-left: .2rem;vertical-align: middle; height: .6rem}
.submit-btn{ width: 4.56rem; margin: auto}

.page-nav2 {display: block;padding: .3rem 0;font-size: .14rem;line-height: .27rem;text-align: left;color: #35210a;}
.page-nav2 li {display: inline-block;*display: inline;*zoom: 1;padding: .07rem .24rem;margin: 0 .05rem;background: #624533; color: #fff;}
.page-nav2 a {display: block;}
.page-nav2 .series-menu{ background:#624533 url(../images/seriesmouse.png) .86rem center no-repeat; color: #fff; background-size: .12rem auto}

.one-news {font-size: .16rem;color: #4f4f4f;margin-bottom: .23rem;line-height: 2; border-bottom: 1px solid #d4d4d4}
.one-news a {position: relative;display: block;height: 2.12rem;}
.one-news .pic-box {float: left;width: 2.62rem; margin-right: .1rem;}
.one-news .pic-box div {width: 2.62rem;height: 1.87rem;}
.one-news .pic-box img {max-width: 2.62rem;max-height: 1.87rem;}
.one-news-tit {font-size: .18rem;color: #131313;line-height: 2;font-weight: bold;}

.other-page {text-align: center;color: #111;}
.other-page a ,.other-page select{margin: .3rem .1rem .4rem;font-size: .24rem;line-height: .7rem;background: #fff;border: 1px solid #b3b3b3;}
.other-page a {display: inline-block;width: 1.8rem;}
.other-page form {display: inline-block;vertical-align: top;}
.other-page select {width: 1.1rem;height: .72rem;text-indent: .1rem;}


.news-title {font-size: .3rem;line-height: 2;text-align: center;color: #000;}
.news-date{ text-align: center; line-height: 2}
.page-con {font-size: .2rem; padding: 0 .2rem}


.products1bg{ height:23.1rem;background: url(../images/products1bg.jpg) center center no-repeat; background-size: 100% 100%;  }
.products1bgx{ background: url(../images/products1bg.jpg) center top no-repeat; background-size: 100% auto;  }


.wrap-pro{ padding: 1.69rem .3rem 0}


.inner-one-pro{margin-bottom: .1rem; width:50%; float:left;text-align: center; position: relative; height: 4.09rem; }
.inner-one-pro .pro-bg{ position: absolute; left: 0; top: 0; z-index: 1; background: #000;}
.inner-one-pro .pro-bg .pro-bg-pic { width: 100%;height: 4.09rem; }
.inner-one-pro .prodetail{ /* width: 1.94rem; */ margin: 0 auto; height: 100%; }

.prodetail{ z-index: 2;position: relative;}
.prodetail-tit{ color: #d9b894; font-size: .22rem; padding-top: 1.0rem; }
.prodetail-tit span{font-size: .16rem; display: block; }
.prodetail-con{ color: #fff; font-size: .22rem; margin:.4rem 0;  height: .90rem;}
.inner-one-pro .more{font-family:"Arial";z-index: 3; position: absolute;font-size: .14rem; bottom: 0.6rem; left:.8rem; width: 1.24rem;height: .36rem; margin: 0 auto; border: 1px solid #96886e; line-height: .36rem; color: #fff; }

.mask2{display: block; background:rgba(0,0,0,.8); width: 100%; height: 100%; position: absolute;z-index: 2;left: 0;top: 0}



.pronavbg{text-align: center;/* height: 5.5rem; */background: url(../images/pronavbg.jpg) center center no-repeat;/* background-size:6.4rem 4.9rem; */ background-size:cover;}
.inner-common-tit{ font-size: .26rem; color: #383838;line-height: 2;text-align: center; padding-top: .2rem;}
.inner-common-con{ font-size: .16rem; color: #5e5e5e; line-height: 2 ; padding: .1rem .4rem  }

.second span{font-size:.18rem;}

.page-nav {display: block;padding: .09rem 0;font-size: .14rem;line-height: .5rem;text-align: center;color: #35210a;}
.page-nav .seriesli {display: inline-block;width: 48%; display: inline-block; height: .44rem;
    line-height: .44rem; background: #b29352; color: #fff;}
.page-nav .current,.page-nav .seriesli:hover {background-color: #b29352;}
.page-nav a {display: block;}


.page-nav .series-menu{position: relative;width: 48%;height: .44rem;
 line-height: .44rem;display: inline-block; background: #2f2f2f url(../images/seriesmouse.png) 2rem center no-repeat;background-size: .12rem auto;  display: inline-block;color: #fff;}
.page-nav .series-menu>a{margin-right: .01rem;}

.products-list {padding: .4rem; }
.products-list li {float: left;width: 50%;padding-bottom: .2rem;font-size: .16rem;line-height: 2;text-align: left;color: #959595;}
.products-list .pic-box {width: 2.6rem;margin: auto;}
.products-list .pic-box div {width: 2.6rem;height: 2.6rem;}
.products-list .pic-box img {max-width: 2.6rem;max-height:2.6rem;}


.product-view { padding: 0rem 0 .26rem 0;width: 4.6rem; margin: auto}
.product-view .bd .big-pro li .pic-box { width: 4.6rem;margin: auto}
.product-view .bd .big-pro li .pic-box div {width: 4.6rem;height: 4.6rem;}
.product-view .bd .big-pro li .pic-box img {max-width: 4.6rem;max-height: 4.6rem;}

.pro-name {font-size: .24rem;text-align: center; margin: .2rem 0; line-height: .6rem;color: #5d5d5d; margin-bottom: .2rem; line-height: .5rem; background: #e1e1e1; padding-left: .24rem;}
.pro-detail {font-size: .16rem;line-height: 2;color: #4a4a4a; position: relative;}
.pro-detail p {display: block;}
.pro-detail p span {margin-right: .05rem;font-weight: bold;color: #4a4a4a;}


.other-pro{padding: .2rem 0;display: block;}
.other-pro a {display: inline-block;margin-right: .07rem; width: 1.1rem;height: .4rem;font-size: .14rem;line-height: .4rem;text-align: center;color: #6d6d6d;background: #e1e1e1 }
.other-pro a:hover {background: #624533; color: #fff;}

.s-pro{margin: .2rem auto; width: 4.6rem;}
.s-pro .kd{ position: relative;height:.66rem; padding-left:.2rem;}
.s-pro span{ display: block; width: .15rem; height: .66rem; position: absolute;}
.s-pro span.prev{ background: url(../images/s-prev.jpg); left: 0; background-size:.15rem auto}
.s-pro span.next{ background: url(../images/s-next.jpg); right: 0; background-size:.15rem auto}

.one-pro-s {float: left; width: .66rem;height: .66rem;margin-right: .05rem;}
.one-pro-s .pic-box div {width: .66rem; height: .66rem;}
.one-pro-s .pic-box img { max-width:.66rem;max-height:.66rem;}
.one-pro-s.on {}

.relate-pro{ background: #2f2f2f;}
.pro-relate-tit {padding: .34rem 0 0 .34rem; font-size: .26rem; color: #fff;}
.pro-relate-tit span {color: #9c8d85;}

.relate-pro .bd {padding: .6rem  0 .5rem ; overflow: hidden; width: 5rem; margin: auto}
.relate-one-pro {float: left;width:50%;text-align: center;}
.relate-one-pro .pic-box {width: 2.16rem;margin: auto;}
.relate-one-pro .pic-box div {width:2.16rem;height:2.11rem;}
.relate-one-pro .pic-box img {width: 2.16rem;height: 2.11rem;}
.relate-one-pro:hover {color: #004c42;}

.relate-pro{ position: relative;}
.relate-pro .hd a {position: absolute;top: 2rem;width:.46rem;height:.47rem; display: block; z-index: 999;background-size: .46rem auto;}
.relate-pro .prev {left: .14rem;background: url(../images/arrow.jpg);}
.relate-pro .next {right: .14rem;background: url(../images/arrow.jpg); background-position: 0 -.46rem;}


.about1{ height:12.3rem; background:url(../images/about1.jpg) center top no-repeat; background-size: 100% auto;}
.about1 p{  padding: 1.89rem .2rem 0; line-height: 2;font-size: .21rem; color: #bcbcbc; font-family: "微软雅黑";text-align: center;}


.about2{ height:5rem; background:url(../images/about2.jpg) center center no-repeat; background-size: 100% auto;}

.aboutparts-tit{ color: #a1744b; font-size: .2rem; text-align: center; padding: .48rem 0}
.aboutparts-tit span{ font-size: .24rem; color: #a1744b; display: block;}

.part-warp .text{ text-align: center; font-size: .2rem; width: 4.9rem; margin: auto;color: #d9d9d9;line-height: 2}
.about3{ height: 5rem; }
.about3 .part-warp .text{ color: #545454}
.about4{ height: 5rem; background:url(../images/about4.jpg) center center no-repeat; background-size: 100% auto;}

.factory{ background: #000000; height: 4.28rem;}

.factory-tit{ padding:.4rem 0 0; color: #a1744b;  text-align: center;}
.factory-tit span{ display: block; font-size: .18rem; line-height: 3}
.factory-tit a{ cursor: pointer; font-size: .2rem ; padding:.04rem;margin-right: .02rem ; border-radius:.06rem ;  }
.factory-tit a:hover ,.factory-tit a.on{background: #a1744b;color: #fff;}


.factory .bd {padding: .4rem  .4rem  .2rem ;}
.one-factory {float: left;width: 50%;text-align: center;}
.one-factory .pic-box {width: 2.59rem;margin: auto;}
.one-factory .pic-box div {width: 2.59rem;height: 1.76rem;}
.one-factory .pic-box img {max-width: 2.59rem;max-height:1.76rem;}
.one-factory:hover {color: #004c42;}