*{margin: 0;padding: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; font-size:0.28rem !important;background:#ffffff;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,button,input,select,textarea{color:#666;font-family:"Microsoft YaHei",'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.35); color:#666;font-size:0.28rem;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
a:link{color:#666}
a:visited {color:#666}
a:hover {color:#666}
a:active{color:#666}
b,strong{font-weight:bold;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:400;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top; height:auto;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
body{background:#ffffff;}
input::-webkit-input-speech-button {display: none}
button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}
img{vertical-align:middle;display:block;max-width:100%;height:auto;margin: auto}


.f-l{float:left}
.f-r{float:right}

.height10{height:0.1rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height20{height:0.2rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height25{height:0.25rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height30{height:0.3rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height40{height:0.4rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height50{height:0.5rem;clear:both;zoom:1;line-height:0;font-size:0;}
.tran_all{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.clear{clear:both;height:0}
.dis_none{ display:none;}
.over-hide{overflow:hidden}

.text-c{text-align:center}
.text-l{text-align:left}
.text-r{text-align:right}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.center{width:7.5rem;margin:auto;background-color:#f5f5f5}

.por{position:relative;}

.mt20{margin-top:.2rem}

.pdr25{padding-right:.25rem}
.pd25{padding:0 .25rem}

.lines{height:1px;width:100%;background:#bbb;-webkit-transform: scaleY(.5);-ms-transform: scaleY(.5);transform: scaleY(.5);}

::-webkit-input-placeholder {color:#999;font-size:0.26rem}
:-moz-placeholder {color:#999;font-size:0.26rem}
::-moz-placeholder {color:#999;font-size:0.26rem}
:-ms-input-placeholder {color:#999;font-size:0.26rem}

.bgs{background-color:#f5f5f5}
.bgw{padding:.4rem;background-color:#ffffff}

a.readmore{display:block;margin:auto;width:1.8rem;padding:.1rem 0;text-align:center;color:#ffffff;font-size:.26rem;background-color:#663300;border-radius:5px;}

@font-face {font-family: "ava";
  src: url('font/ava_bnl.eot');
  src: url('font/ava_bnl.eot?#iefix') format('embedded-opentype'),
  url('font/ava_bnl.woff') format('woff'),
  url('font/ava_bnl.ttf') format('truetype'),
  url('font/ava_bnl.svg') format('svg');
}
@font-face {font-family: "impact22";
  src: url('font/impact.eot');
  src: url('font/impact.eot?#iefix') format('embedded-opentype'),
  url('font/impact.woff') format('woff'),
  url('font/impact.ttf') format('truetype'),
  url('font/impact.svg') format('svg');
}

/*head*/
.header{position:fixed;left:0;right:0;top:0;margin:auto;z-index:100;height:1rem;width:100%;text-align:center;background-color:#ffffff;box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.header .logo{float:left;height:1rem;overflow:hidden;margin-left:.4rem}
.header .logo a{display:block;width:100%;height:100%;}
.header .logo img{height:1rem;margin:0}



/*foot*/
#mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:20000;}
#mcover .img1{position:fixed;right:18px;top:5px;max-width:80%;max-height:45%;z-index:20001;}
#mcover .img2{ position:relative;top:50%;left:-80px;margin:0 0 0 50%;width:160px;box-shadow:rgba(0,0,0,0.5) 0 0 30px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 30px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 30px;}

.footer{position:relative; z-index:9;background-color:#fff;}
.footer .box1{width:100%;padding:0;}
.footer .f_bot1{width:2.5rem; float:left;}
.footer .f_bot1 .button{height:1.6rem;padding:0.2rem 0;color:#666;width:100%;cursor:pointer; background:none;border:none; box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;color:#666}
.footer .f_bot1 .button img{width:0.8rem;height:0.8rem;}
.footer .f_bot1 .button2{box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-moz-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;}



.h_pic{ width:100%;border-top:1px solid #ddd;background-color:#ffffff;color:#666666;font-size:0.24rem;text-align:center;}
.h_con{padding: .25rem;}
.h_con .ewm{float:right;width:1.4rem}
.h_con .ewm img{display: block;width:1.4rem;margin:auto;border:1px solid #ddd;}
.h_con .ewm p{margin-top:.1rem}
.h_con .tels{float:left;width:5rem;text-align:left}
.h_con .tels .p1{color:#333333;font-size:.32rem;}
.h_con .tels .p2{color:#d4975c;font-size:.48rem;}
.h_con .tels .p3{color:#999999;font-size:.24rem;}
.h_cen{padding: .4rem;color:#ffffff;background-color:#d4975c;font-size:.26rem}
.h_cen a{color:#ffffff;font-size:.26rem}





.top_barbg{height:1rem;}
.top_bar { position: fixed; z-index: 900; width:100%;max-width:100%;left:0;right: 0;bottom:0; margin: auto;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1) }
.top_menu { display:-webkit-box; display: block; width: 100%; height:1rem; display: -webkit-box; display: box; margin:0; padding: 0 0; -webkit-box-orient: horizontal;}
.top_bar .top_menu>li { width:25%; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu li a {  display:block;height:1rem;line-height:1rem;font-size:0; text-align:center; color:#d4975c; text-decoration:none;-webkit-box-flex:1;vertical-align:middle }
.top_bar .top_menu li a label {display: inline-block;height:0.5rem;line-height:0.5rem;width:auto;font-size:0.28rem; overflow:hidden;color: #333333;vertical-align:middle }
.top_bar .top_menu>li>a img { display: inline-block; height: 0.5rem;width:0.5rem; margin:auto ;margin-right:0.1rem; vertical-align:middle }
.top_bar li:first-child a { display: block; }



.youmayneed{margin-top:.2rem;background-color:#ffffff}
.youmayneed .tit01{padding:.35rem 0;text-align:center}
.youmayneed .tit01 h3{font-size:.36rem;color:#333333;}
.youmayneed .tit01 p{font-size:.24rem;color:#787878;}
.youmayneed .box dl{float: left;width:50%;height:2.6rem;text-align:center}
.youmayneed .box dl a{display:block;width:100%;height:2.6rem;padding:.3rem 0;}
.youmayneed .box dl i{display:block;width:1.2rem;height:1.2rem;margin:auto;background: url(../imgs/icon02.png) no-repeat;background-size:auto 200%;}
.youmayneed .box dl .icon_01{background-position:0 0;}
.youmayneed .box dl .icon_02{background-position:25% 0;}
.youmayneed .box dl .icon_03{background-position:50% 0;}
.youmayneed .box dl .icon_04{background-position:75% 0;}
.youmayneed .box dl a:active .icon_01{background-position:0 100%;}
.youmayneed .box dl a:active .icon_02{background-position:25% 100%;}
.youmayneed .box dl a:active .icon_03{background-position:50% 100%;}
.youmayneed .box dl a:active .icon_04{background-position:75% 100%;}
.youmayneed .box dl .tit{font-size:.26rem;color:#333333}
.youmayneed .box dl .txt{font-size:.22rem;color:#999999}
.youmayneed .box dl:first-child,
.youmayneed .box dl:nth-child(3){border-right:1px solid #dddddd;}
.youmayneed .box dl:first-child,
.youmayneed .box dl:nth-child(2){border-bottom:1px solid #dddddd;}












/*banner*/
.focus{width:7.5rem;height:10.8rem;overflow:hidden;margin:0 auto;display:block; position:relative;overflow:hidden;background-color:#fff}
.focus .hd{position:absolute; z-index:1;width:100%;left:0; bottom:.2rem; text-align:center;font-size:0}
.focus .hd ul{ display:inline-block;  font-size:0; }
.focus .hd ul li{ display:inline-block; width:8px; height:8px;  border-radius:50%; background:#000; margin:0 0.1rem;  overflow:hidden; opacity:0.2  }
.focus .hd ul .on{ background:#663300;opacity:1 }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li {position:relative;}
.focus .bd li img{display:block;width:7.5rem;height:10.8rem;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }



/*menu*/
.index-menu{padding:.2rem;background-color:#fff;}
.index-menu ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: top;-webkit-align-items: top;align-items: top;}
.index-menu li{text-align:center;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.index-menu li a{display:block;width:100%;text-align:center;}
.index-menu li i{display:block;width:1.4rem;height:1.4rem;margin:auto;background: url(../imgs/icon01.jpg) no-repeat;background-size:auto 100%}
.index-menu li .icon01{background-position:0 0;}
.index-menu li .icon02{background-position:25% 0;}
.index-menu li .icon03{background-position:50% 0;}
.index-menu li .icon04{background-position:75% 0;}
.index-menu li .icon05{background-position:100% 0;}
.index-menu li p{color:#999999;font-size:.24rem}


/*index_about*/
.index_about{margin-top:.5rem;background-color:#ffffff;}
.index_about .txt{padding:.4rem .8rem .2rem;background: url(../imgs/index-03.jpg) repeat-y center center;background-size:100% auto}
.index_about .txt h2{color:#d4975c;font-size:.46rem;font-weight:bold;}
.index_about .txt h3{color:#999999;font-size:.2rem;text-transform:uppercase;}
.index_about .txt h4{color:#333333;font-size:.3rem;margin-top:.1rem;margin-bottom:.2rem;}
.index_about .txt p{color:#999999;font-size:.28rem;}
.index_about .txt a.rm{color:#999999;font-size:.26rem;display:inline-block;margin-top:.3rem;padding-right:.3rem;background:url(../imgs/d.png) no-repeat right center;background-size:auto .2rem}

.index_about2{margin-top:.2rem;background-color:#ffffff;}
.index_about2 .txt{padding:.4rem .8rem .2rem;background: url(../imgs/index-03.jpg) repeat-y center center;background-size:100% auto}
.index_about2 .txt h2{color:#d4975c;font-size:.46rem;font-weight:bold;text-align:right}
.index_about2 .txt h3{color:#999999;font-size:.2rem;text-transform:uppercase;text-align:right}
.index_about2 .txt h4{color:#333333;font-size:.3rem;margin-top:.1rem;margin-bottom:.2rem;text-align:right}
.index_about2 .txt p{color:#999999;font-size:.28rem;}
.index_about2 .txt a.rm{color:#999999;font-size:.26rem;display:inline-block;float:right;margin-top:.3rem;padding-right:.3rem;background:url(../imgs/d.png) no-repeat right center;background-size:auto .2rem}



/*title*/
.title01{position:relative;padding-bottom:.2rem;text-align:center;line-height:1.2}
.title01:after{content:'';position:absolute;left:50%;margin-left:-10px;bottom:0;width:20px;height:2px;background-color:#d4975c}
.title01 .en{font-size:.36rem;color:#333333;text-transform: uppercase;}
.title01 .ch{font-size:.3rem;color:#333333;text-transform: uppercase;}


.title02{position:relative;padding-bottom:.2rem;text-align:center;line-height:1.2}
.title02:after{content:'';position:absolute;left:50%;margin-left:-10px;bottom:0;width:20px;height:2px;background-color:#d4975c}
.title02 .en{font-size:.36rem;color:#ffffff;text-transform: uppercase;}
.title02 .ch{font-size:.3rem;color:#ffffff;text-transform: uppercase;}



/*about*/
.about{width:100%;}
.about .txt{color:#999999;}
.about .txt h3{font-size:.36rem;color:#333333;margin-bottom:.1rem}

/*culture*/
.culture {padding:.4rem;background:url(../imgs/a02.jpg) no-repeat center;background-size:cover;}
.culture .con .tit{margin-top:.3rem;color:#e50707;font-size:.32rem;}
.culture .con .txt{color:#999999;font-size:.24rem;}






.fzlc{position:relative;padding:0 .25rem .5rem;background-color:#ffffff}
.fzlc .bgl{position:absolute;z-index:2;left:0;top:2.6rem;width:7.5rem;height:.6rem;background-color:#d4975c}
.fzlc .swiper-container{z-index:10;height:5.8rem;}
.fzlc .swiper-slide{padding:0 .15rem}
.fzlc .box{position:relative;width:100%;height:100%}
.fzlc .box .pic{position:absolute;width:3.2rem;height:2.6rem;top:0;left:0;background-color:#f5f5f5;padding:.1rem;}
.fzlc .box .pic img{width:3rem;height:2.4rem;}
.fzlc .box .date{position:absolute;width:3.2rem;height:.6rem;line-height:.6rem;top:2.6rem;left:0;text-align:center;color:#ffffff;font-size:.3rem;}
.fzlc .box .txt{position:absolute;width:3.2rem;top:3.1rem;left:0;padding:.2rem;max-height:2.6rem;overflow:hidden;background-color:#f5f5f5}
.fzlc .box .txt .p1{color:#333333;font-size:.28rem;line-height:.35rem;}
.fzlc .box .txt .p2{color:#999999;font-size:.26rem;line-height:.3rem;margin-top:.1rem}
.fzlc .swb1 .pic{top:0;}
.fzlc .swb1 .txt{top:3.2rem;}
.fzlc .swb0 .pic{top:3.2rem;}
.fzlc .swb0 .txt{top:auto;bottom:3.2rem}










.tables{margin:.3rem 0}
.tables table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
.tables table th{text-align: center; font-weight:400}
.tables table th{color:#d4975c;font-size:.28rem}
.tables table th,.tables table td{padding:.1rem;}
.tables table td{text-align: center;font-size:.26rem;color:#333333}
.tables table{border-top:1px solid #ddd}
.tables table th,.tables table td{border-bottom:1px solid #ddd}
.tables table{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0}
.tables table th,.tables table td{border-left:1px solid #ddd}
.tables table{border-bottom:0}







.support .box{width:100%;overflow:hidden}
.support .box li{margin-top:.4rem;float: left;width:3.1rem;height:4.1rem;text-align:center;border:1px solid #dddddd;}
.support .box li.f0{float: right;}
.support .box li .pic{width:100%;height:2.2rem;border-bottom:1px solid #dddddd;}
.support .box li .pic img{width:100%;height:2.2rem;}
.support .box li .tit{padding-top:.2rem;color:#333333;font-size:.32rem;}
.support .box li .txt{margin-top:.15rem;padding:0 .1rem;padding-top:.15rem;position:relative;color:#999999;font-size:.24rem;}
.support .box li .txt:after{position:absolute;left:50%;margin-left:-10px;top:0;width:20px;height:1px;background:#dddddd;content:'';}



.advantage .text{margin:.2rem 0;text-align:center}
.advantage .text .p1{color:#d4975c;font-size:.32rem}
.advantage .text .p2{color:#999999;font-size:.26rem}
.advantage .con{position:relative;width:100%;}
.advantage .con .box{margin-top:.3rem;}
.advantage .con .box .tit{display:inline-block;margin-left:.3rem;height:.6rem;line-height:.6rem;padding-right:0.3rem;font-size:14px;color:#ffffff;border-bottom-right-radius: 100px;border-top-right-radius: 100px;background-color:#d4975c}
.advantage .con .box .tit span{float: left;margin-left:-0.3rem;margin-right:.2rem;width:.6rem;height:.6rem;line-height:.6rem;text-align:center;background-color:#d4975c;border:1px solid #ffffff;border-radius:100%;}
.advantage .con .box .txt{margin-top:0.1rem;color:#999999}




.after-sales .con{margin-top:.4rem;}
.after-sales .p1{margin-top:.3rem;color:#de0909;font-size: .42rem;font-weight:bold;text-align:center}
.after-sales .p2{margin-top:.1rem;color:#333333;font-size: .28rem;text-align:center}
.after-sales .p3{margin-top:.1rem;color:#999999;font-size: .26rem;}


.product-number-info {position: relative;margin-top:.4rem;}
.product-number-info .product-number-inner {width: 100%;margin: 0 auto;}
.product-number-info ul{}
.product-number-info .q {zoom: 1; }
.product-number-info li {position:relative;float: left; width: 33.3%;color: #333333;text-align:center;}
.product-number-info li b {font-weight: 400;font-size: .36rem;line-height: 1;display: block;position: relative;color:#d4975c;vertical-align:middle}
.product-number-info li p {font-size: .26rem;color:#999999;margin-top:.1rem; }
.product-number-info li b i {font-style: normal;font-family: arial;vertical-align:middle}
.product-number-info li b sup {font-size:.26rem;}
.product-number-info li b span {font-size:.26rem; vertical-align:middle}
.product-number-info .li-2:before{content:'';position:absolute;left:0;height:30px;width:1px;background-color:#dddddd;top:50%;margin-top:-15px;}
.product-number-info .li-2:after{content:'';position:absolute;right:0;height:30px;width:1px;background-color:#dddddd;top:50%;margin-top:-15px;}
.product-number-info .li-1{width:2rem;text-align:left}
.product-number-info .li-2{width:2.7rem}
.product-number-info .li-3{width:2rem;text-align:right}



.feed .inl{margin-bottom:.15rem}
.feed .inl .tit{font-size:.26rem;color:#333}
.feed .inl .tit span{margin-left:10px;font-size:.2rem;color:#999;}
.feed .inl .lis{margin-top:.1rem;border:1px solid #ddd;padding:.1rem .2rem;font-size:0}
.feed .inl .lis input{width:100%;height:.4rem;line-height:.4rem;font-size:.24rem;border:none}
.feed .inl .lis textarea{width:100%;height:1.2rem;line-height:.4rem;font-size:.24rem;border:none}
.feed .inl .yzm {padding:0 0 0 .2rem;font-size:0}
.feed .inl .yzm input{float:left;margin-top:.1rem;width:4rem;height:.4rem;line-height:.4rem;}
.feed .inl .yzm img{float:right;width:2rem;height:.6rem;border-left:1px solid #ddd}
.feed .btns{width:3rem;margin:auto;margin-top:.3rem;}
.feed .btns button{width:3rem;height:.7rem;background-color:#d4975c;border-radius:3px;border:none;color:#fff;text-align:center;font-size:.28rem}


/*contacts*/
.contacts{width:100%;}
.contacts .txt{color:#999999;}
.contacts .txt h3{font-size:.36rem;text-align:center;color:#333333;margin-bottom:.2rem}
.contacts .ewm {width:1.6rem}
.contacts .ewm img{display:block;width:1.6rem}
.contacts .ewm p{text-align:center;margin-top:.2rem;color:#999}

.maps{border:1px solid #ddd;}
.map_t{height:4rem}



/*news*/
.news-nav{text-align:center;padding:.4rem 0 0}
.news-nav a{display: inline-block;margin:0 .1rem;padding:.1rem .25rem;text-align:center;font-size:.3rem;color:#333333;background:#ffffff;border:1px solid #ddd;border-radius:100px;}
.news-nav a.active{color:#fff;background:#d4975c;border-color:#d4975c}


.news-ul{background-color:#ffffff}
.news-ul .news-lists li{position:relative;width:100%;height:2.3rem;padding:.4rem;border-bottom:1px solid #dbdbdb}
.news-ul .news-lists li a{display:block;width:100%;height:100%;}
.news-ul .news-lists li .pic{float:left;width:2rem;height:1.5rem;}
.news-ul .news-lists li .pic img{display:block;width:2rem;height:1.5rem;border:1px solid #ddd}
.news-ul .news-lists li .con{float:right;width:4.4rem;height:1.5rem;}
.news-ul .news-lists li .con .tit{margin-top:-0.1rem;width:4.4rem;height:.7rem;line-height:.35rem;color:#333;font-size:.28rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.news-ul .news-lists li .con .date{margin-top:.05rem;height:.3rem;line-height:.3rem;font-size:.22rem;color:#9b9b9b;}
.news-ul .news-lists li .con .txt{width:4.4rem;height:.6rem;line-height:.3rem;color:#999;font-size:.24rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}




.newscenter{overflow:hidden}
.newscontent{padding:0;background-color:#fff}
.newscontent h2{font-size:0.34rem;font-weight:400;color:#333;text-align:center}
.newscontent .info{padding:0.15rem 0;color:#888;text-align:center;border-bottom:1px solid #e5e5e5}
.newscontent .con{padding:0.25rem 0;line-height:1.8}
.newscontent .con img{display:block;max-width:100% !important;height:auto !important;}





.pro_nav{background-color:#fff;}
.pro_nav ul{overflow:hidden;}
.pro_nav li{text-align:center;float: left;width:25%;height:1.9rem;margin-bottom:-1px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.pro_nav li:nth-child(4n){border-right:0}
.pro_nav li a{display:block;width:100%;height:100%;padding:.3rem 0;text-align:center;}
.pro_nav li i{display:block;width:.8rem;height:.8rem;margin:auto;background: url(../imgs/icon03.png) no-repeat;background-size:auto 200%}
.pro_nav li .icon_6{background-position:0 0;}
.pro_nav li .icon_7{background-position:25% 0;}
.pro_nav li .icon_8{background-position:50% 0;}
.pro_nav li .icon_9{background-position:75% 0;}
.pro_nav li .icon_10{background-position:100% 0;}
.pro_nav li .icon_11{background-position:0 100%;}
.pro_nav li .icon_12{background-position:25% 100%;}
.pro_nav li p{margin-top:.1rem;height:.4rem;line-height:.4rem;color:#999999;font-size:.24rem}
.pro_nav li.active i{background-image:url(../imgs/icon03h.png)}
.pro_nav li.active a{background-color:#d4975c}
.pro_nav li.active p{color:#ffffff}

.prodict-list .pli{overflow:hidden}
.prodict-list .pli li{float:left;width:3.15rem;height:4.2rem;margin-top:.4rem;margin-left:.4rem;background-color:#ffffff;}
.prodict-list .pli a{display:block;width:3.15rem;height:4.2rem;text-align:center}
.prodict-list .pli .pic{display:table-cell;width:3.15rem;height:2.85rem;border-bottom:1px solid #ddd;text-align:center;vertical-align:middle}
.prodict-list .pli .pic img{max-width:3.15rem;max-height:2.85rem;}
.prodict-list .pli .tit{margin-top:.3rem;width:3.15rem;height:.3rem;line-height:.3rem;padding:0 .2rem;font-size:.28rem;color:#464646;}
.prodict-list .pli .txt{margin-top:.1rem;width:3.15rem;height:.3rem;line-height:.3rem;padding:0 .2rem;font-size:.24rem;color:#999999;}





.focus2{width:100%;overflow:hidden;margin:0 auto;display:block; position:relative;overflow:hidden;background-color:#fff;border:1px solid #ddd;}
.focus2 .hd{position:absolute; z-index:1;width:100%;left:0; bottom:.2rem; text-align:center;font-size:0}
.focus2 .hd ul{ display:inline-block;  font-size:0; }
.focus2 .hd ul li{ display:inline-block; width:8px; height:8px;  border-radius:50%; background:#000; margin:0 0.1rem;  overflow:hidden; opacity:0.2  }
.focus2 .hd ul .on{ background:#d4975c;opacity:1 }
.focus2 .bd{ position:relative; z-index:0; }
.focus2 .bd li {position:relative;}
.focus2 .bd li img{display:block;height:5rem;margin:auto;}
.focus2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }


.products-right{padding:0}
.products-right h2{color:#d4975c;font-size:.34rem}
.products-right .con{padding:.2rem 0;color:#999}
.products-right .con img{max-width:100% !important;height:auto !important;}
.products-right .price{color:#999;font-size:.2rem;}
.products-right .price span{color:#ff2200;font-size:.3rem}
.products-right .price strong{color:#ff2200;font-size:.4rem;font-weight:normal}

.proxx {padding:0 0.4rem;margin-top:.2rem;background-color:#ffffff}
.proxx .tabBox .hd {border-bottom:1px solid #ddd}
.proxx .tabBox .hd ul li{ float:left; width:50%;height:.8rem;line-height:.8rem}
.proxx .tabBox .hd ul li a{display:block;color:#999;font-size:.3rem;text-align:center }
.proxx .tabBox .hd ul li.on a{ color:#d4975c;}
.proxx .tabBox .bd ul { padding:.3rem 0 }
.proxx .tabBox .bd ul img{display:block;max-width:100% !important;height:auto !important;}



.relevant{}
.relevant .t{color:#333333;font-size:.3rem;padding-bottom:.4rem;}
.relevant ul{margin-left:-0.3rem;width:7rem;}
.relevant li{float:left;width:3.2rem;height:3.6rem;margin-left:.3rem;background-color:#ffffff;}
.relevant li a{display: block;width:100%;height:3.6rem;padding:.2rem;border:1px solid #ddd;text-align:center;}
.relevant li .imgs{width:100%;height:2.25rem;display: block;margin:auto;}
.relevant li .con{margin-top:.2rem;}
.relevant li .tit{margin:auto;width:100%;height:.4rem;line-height:.4rem;color:#d4975c;font-size:.28rem;}
.relevant li .txt{margin:auto;width:100%;height:.3rem;line-height:.3rem;color:#999999;font-size:.22rem;}





/*********      page      ***************/
#page{ width:100%;padding:.4rem 0;overflow:hidden;margin:auto;}
.pagination{text-align:center;font-size:0}
.pagination > li{display: inline-block;border-bottom:none !important;padding:0 !important;}
.pagination > li > a,.pagination > li > span{display:block;padding:0 .2rem;font-size:.26rem;margin:0 .05rem;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;height:.6rem; line-height:.6rem;color:#666;}
.pagination .active span{background-color:#d4975c;border:1px solid #d4975c;color:#fff; font-weight:normal; font-size:.26rem;font-weight:bold}
.pagination .disabled{color:#aaa;}



.page-in{border-top:1px solid #ddd;padding:0;padding-top:0.25rem;background:#fff;}
.page-in .btn{line-height:1.8;}