﻿*{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;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
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;}
.height50{height:0.5rem;clear:both;zoom:1;line-height:0;font-size:0;}
.height100{height:1rem;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}



.separate{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:#f6f6f6}
.bgw{background-color:#ffffff}


.center{width:8rem;margin:auto;background-color:#ffffff;overflow-x: hidden;}


/*head*/
.header{position:fixed;left:0;top:0;z-index:900;margin:auto;text-align:center;height:50px;width:100%;background-color:#ffffff;box-shadow:0 0 4px rgba(0,0,0,0.1)}
.header .logo{float: left;height:30px;margin-top:10px;margin-left:0.4rem;overflow:hidden}
.header .logo img{height:30px;margin:0;vertical-align:top}
.head_bg{width:100%;height:50px}


.header .back{position:absolute;left:0;top:0;width:50px;height:50px;padding:15px;overflow:hidden}
.header .back img{width:0.6rem;margin:auto;float: left}
.header .pro_tab{width:5rem;margin:auto;text-align:center;}
.header .pro_tab span{display: inline-block;margin:0 15px;padding:0 10px;line-height:50px;height:50px;vertical-align:middle;font-size:20px;color:#333333;}
.header .pro_tab span.active{border-bottom:3px solid #f6ab00}

/*foot*/


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






/*banner*/
.banner{width:100%;position:relative;z-index:5;overflow:hidden}
.banner .swiper-container {position:relative;width: 100%;height:6rem;background:#222;}
.banner .swiper-container-horizontal .swiper-pagination-bullets {bottom: 15px;font-size:0}
.banner .swiper-container-horizontal .swiper-pagination-bullet {width: 6px;height: 6px;border-radius:100%;display: inline-block;vertical-align:middle;background:#ffffff;opacity:0.8;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#ffffff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
.banner .swiper-container .swiper-slide img{display:block;position:relative;width:100%;height:6rem;}





/*content*/
.outBox{ width:8rem;background:#f7f8f9;padding-bottom:0.4rem;}
.outBox .hd{height:1.6rem;background:#fff;position:relative;overflow-x:scroll;}
.outBox .hd ul{height:1.6rem;overflow:hidden}
.outBox .hd ul li {position:relative;float: left;width:1.6rem;height:1.6rem;text-align:center}
.outBox .hd ul li i{display: block;margin:0.1rem auto 0;width:1rem;height:1rem;background: url(../cd-imgs/ico.png) no-repeat;background-size:auto 100%}
.outBox .hd ul li i.icon6{background-position:0 0}
.outBox .hd ul li i.icon10{background-position:10% 0}
.outBox .hd ul li i.icon14{background-position:20% 0}
.outBox .hd ul li i.icon18{background-position:30% 0}
.outBox .hd ul li i.icon20{background-position:40% 0}
.outBox .hd ul li i.icon22{background-position:50% 0}
.outBox .hd ul li i.icon24{background-position:60% 0}
.outBox .hd ul li p{color:#585858;font-size:0.26rem}
.outBox .hd ul li.on{background:#f6ab00}
.outBox .hd ul li.on i{background-image: url(../cd-imgs/icoh.png)}
.outBox .hd ul li.on p{color:#fff}

.inBox{margin-top:0.2rem}
.inBox .inHd{float: left; height:9.5rem;width:1.6rem;background-color:#fff }
.inBox .inHd ul{overflow:hidden; zoom:1; }
.inBox .inHd ul li{height:1rem;width:1.6rem;font-size:0.28rem;border-bottom:1px solid #e5e5e5;}
.inBox .inHd ul li p{display:table-cell;height:1rem;line-height:0.35rem;width:1.6rem;padding:0 0.1rem;text-align:center;vertical-align:middle}
.inBox .inHd ul li.on{color:#ffffff;background:#f6ab00}
.inBox .inBd {float: right;width:6rem;margin-right:0.2rem;}
.inBox .inBd ul{overflow:hidden;}
.inBox .inBd li{width:6rem;height:2.7rem;margin-bottom:0.2rem;overflow:hidden;zoom:1;text-align: left;background-color:#fff}
.inBox .inBd li a{display:table;width:6rem;height:2.7rem;padding:.2rem; }
.inBox .inBd li .pic{display: table-cell;width:2.3rem;height:2.3rem;text-align:center;vertical-align:middle}
.inBox .inBd li .pic img{max-width:2.3rem;max-height:2.3rem}
.inBox .inBd li .con{display: table-cell;padding-left:0.2rem;width:3.1rem;height:2.3rem;}
.inBox .inBd li .con .tit{width:3.1rem;height:.4rem;line-height:.4rem;font-size:.3rem;margin-top:.4rem;color:#030303;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.inBox .inBd li .con .txt{width:3.1rem;height:.4rem;line-height:.4rem;font-size:.2rem;margin-top:.1rem;color:#8d8d8d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.inBox .inBd li .con .price{width:3.1rem;height:.4rem;line-height:.4rem;font-size:.32rem;margin-top:.1rem;color:#f6ab00;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.inBox .inBd .readmore{display:block;height:0.8rem;line-height:0.8rem;width:100%;color:#333;font-size:0.28rem;text-align:center;background-color:#ffffff}

/*zhaoshang*/
.cd-zhaoshang{padding:0.8rem 0.5rem;display:table}
.cd-zhaoshang>div{display:table-cell}
.cd-zsleft{vertical-align:top;padding-right:0.5rem;}
.cd-zsleft h3{color:#030303;font-size:0.38rem;font-weight:700;margin-bottom:0.25rem}
.cd-zsleft p{color:#8d8d8d;font-size:0.26rem;}
.cd-zsleft .readmore{display: block;margin-top:1.5rem;width:2.6rem;line-height:0.6rem;border-radius:100px;text-align:center;color:#ffffff;background:#f6ab00}
.cd-zsright{border-radius:0.2rem;overflow:hidden}
.cd-zsright img{display:inline-block;width:3.3rem}


/*video*/
h3.ititle{color:#030303;font-size:0.38rem;font-weight:700;padding:0 0.5rem}
h3.ititle a.readmore{float: right;display: block;margin-top:0;width:2.2rem;line-height:0.6rem;border-radius:100px;text-align:center;color:#ffffff;background:#f6ab00}
h3.ptitle{color:#030303;font-size:0.38rem;font-weight:700;padding:0}
h3.ptitle b{color:#f6ab00;font-size:0.38rem;font-weight:700}
h4.ptitle2 {color:#333333;font-size:0.3rem;margin-top:5px}

.cd-video{padding:1rem 0;background:#f7f8f9;}
.cd-video .slideTxtBox{margin-top:0.4rem}
.cd-video .slideTxtBox .hd{float: left;width: 1.7rem;height:5.2rem;background:#ffffff}
.cd-video .slideTxtBox .hd li{height:1rem;width:1.7rem;font-size:0.28rem;border-bottom:1px solid #e5e5e5;}
.cd-video .slideTxtBox .hd li p{display:table-cell;height:1rem;line-height:0.35rem;width:1.7rem;padding:0 0.1rem;text-align:center;vertical-align:middle}
.cd-video .slideTxtBox .hd li.on{color:#ffffff;background:#f6ab00}
.cd-video .slideTxtBox .bd{float: right;width:6.1rem;height:5.2rem;background-color:#ffffff;overflow:hidden}
.cd-video .slideTxtBox .bd ul{width:6.1rem;height:5.2rem;background-color:#000000}
.cd-video .slideTxtBox .bd ul img{width:6.1rem;height:5.2rem}


.cd-news{padding:1rem 0;background:#ffffff;}
.news-list{padding:0 0.5rem}
.news-list .news-item{padding:0.5rem 0;height:3.1rem;border-bottom:1px solid #e5e5e5}
.news-list .news-item .pic{float: right;width:2.8rem;height:2.1rem;overflow:hidden}
.news-list .news-item .pic img{width:2.8rem;}
.news-list .news-item .con{float: left;width:4rem;height:2.1rem;overflow:hidden}
.news-list .news-item .con .day{font-size:0.26rem;color:#8d8d8d}
.news-list .news-item .con .tit{font-size:0.28rem;color:#333333;line-height:0.4rem;max-height:0.8rem;margin-top:0.1rem;overflow:hidden}
.news-list .news-item .con .txt{font-size:0.26rem;color:#8d8d8d;line-height:0.4rem;max-height:0.8rem;margin-top:0.1rem;overflow:hidden}


.cd-case{padding:1rem 0;background:#f7f8f9;}
.cd-caselist{margin-top:0.2rem;padding:0 0.3rem;overflow:hidden}
.cd-caselist-item{width:3.4rem;height:2.85rem;float: left;margin-left:0.2rem;margin-top:0.2rem}
.cd-caselist-item p{display:table-cell;width:3.4rem;height:2.85rem;text-align:center;vertical-align:middle}
.cd-caselist-item img{max-width:3.4rem;max-height:2.85rem}



/*foot*/
.f_contact{background:#f6ab00;padding:0.5rem;height:2.4rem}
.f_contact .ewm{width:1.3rem;height:1.3rem;float: left;margin-left:0.5rem}
.f_contact .tel{height:0.7rem;float: right;margin-top:0.3rem;color:#ffffff;padding-left: 1rem;background:url(../cd-imgs/tel.png) no-repeat left center;background-size:auto 100%}
.f_contact .tel .p1{font-size:0.2rem;line-height:0.3rem;}
.f_contact .tel .p2{font-size:0.34rem;line-height:0.4rem;font-weight:700}



/*foot*/
.foot-navs{display:block;width:100%;padding:0.3rem;background-color:#ffffff;}
.foot-navs .list{border-bottom: 1px solid #e5e5e5;}
.foot-navs .list li {border-top: 1px solid #e5e5e5;text-align: left;}
.foot-navs .list li>a{display:block;height:0.8rem;line-height:0.8rem;padding:0 0.3rem 0 0;color:#333;background: url(../cd-imgs/jiantou2.png) 95% center no-repeat;}
.foot-navs .list li .box{display:none;padding:0.1rem 0;border-top: 1px solid #e5e5e5;background-color:#f4f4f4}
.foot-navs .list li .box>a{display:block;position:relative;height:0.7rem;line-height:0.7rem;padding:0 0.3rem;font-size:0.26rem}
.foot-navs .list li .box>a.tt{color:#333;font-size:0.28rem}
.foot-navs .list li .box>a.tt:after{position: absolute;content:'';width:1rem;height:3px;left:0.3rem;bottom:0;background-color:#f6ab00}
#fpronav>a{background: url(../cd-imgs/img8.png) 95% center/0.21rem no-repeat;}
#fpronav.on>a {background: url(../cd-imgs/imgj.png) 95% center/0.21rem no-repeat;}

.copy{padding:0 0.3rem 0.3rem;font-size:0.24rem}




/*about*/
.cd-abitem{padding:0.8rem 0.5rem}
.cd-abitem p{color:#8d8d8d}
.cd-faitem li{display:table;margin-top:0.5rem}
.cd-faitem li .pic,
.cd-faitem li .con{display:table-cell}
.cd-faitem li .pic{width:3.7rem;vertical-align:middle}
.cd-faitem li .pic img{width:3.7rem}
.cd-faitem li .con{padding-left:0.3rem;vertical-align:middle}
.cd-faitem li:nth-child(2n) .con{padding-left:0;padding-right:0.3rem}
.cd-faitem li .con .tit{color:#030303;font-size:0.3rem;font-weight:700}
.cd-faitem li .con .txt{color:#8d8d8d;font-size:0.24rem;margin-top:0.1rem}



/*development*/
.cd-development{padding:1rem 0.5rem;background:url(../cd-imgs/bg1.jpg) no-repeat center;background-size:cover}
.cd-development .box{width:7rem;height:10rem;margin:auto;margin-top:0.8rem;position:relative;}
.cd-development .box:before{content:'';position:absolute;left:5px;top:0;width:1px;height:100%;background-color:#f6ab00}
.cd-development .box:after{content:'';position:absolute;left:0;top:-5px;width:11px;height:11px;background-color:#f6ab00;border-radius:100%}
.cd-development .box-b{width:7rem;max-height:10rem;margin:auto;margin-top:0.8rem;position:relative}
.cd-development .box-b:after{content:'';position:absolute;z-index:1;left:-5px;bottom:-5px;width:21px;height:21px;background-color:#f6ab00;border-radius:100%}
.cd-development .box-b:before{content:'';position:absolute;z-index:2;left:2px;bottom:3px;width:6px;height:6px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.cd-development .box-b .t{background-color:#ffffff;padding:0.5rem;margin-bottom:0.3rem;position:relative;margin-left:30px;}
.cd-development .box-b .tit{color:#f6ab00;font-size:0.32rem;font-weight:700}
.cd-development .box-b .txt{color:#8d8d8d;font-size:0.26rem;line-height:0.5rem;margin-top:0.1rem;}
.cd-development .box-b .t:after{position:absolute;content:'';left:-30px;top:50%;margin-top:-5px;width:11px;height:11px;background-color:#f6ab00;border-radius:100%}


.swiper-2{padding-bottom:1.5rem;margin-top:0.5rem;}
.swiper-2 .sbp2,
.swiper-2 .sbn2{left:50%;top:auto;bottom:0;margin-top:0;margin-left:0;margin-right:0;border-radius:100%;width:0.9rem;height:0.9rem;background:#f6ab00}
.swiper-2 .sbp2{margin-left:-1.1rem}
.swiper-2 .sbn2{margin-left:0.2rem}
.swiper-2 .sbp2:after{content:'';position:absolute;z-index:2;margin-left:-5px;margin-top:-8px;left:50%;top:50%;width:14px;height:14px;border-left:3px solid #ffffff;border-bottom:3px solid #ffffff;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.swiper-2 .sbn2:after{content:'';position:absolute;z-index:2;margin-left:-13px;margin-top:-8px;left:50%;top:50%;width:14px;height:14px;border-right:3px solid #ffffff;border-bottom:3px solid #ffffff;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}


.cd-asitem{background-color:#f7f8fa;padding:0.6rem 0.5rem 1rem}
.cd-asitem .box{margin-top:0.4rem;height:2rem;width:100%;padding:0.4rem;background-color:#ffffff}
.cd-asitem .box img{float: left;width:2rem;height:1.2rem}
.cd-asitem .box .con{float: left;margin-left:0.4rem;height:0.8rem;margin-top:0.2rem;padding-left:0.4rem;border-left:1px solid #eeeeee}
.cd-asitem .box .con p{margin-top:0;line-height:0.4rem;font-size:0.26rem;color:#3e3938;font-weight:700}
.cd-asitem .box .con .p2{margin-top:0;line-height:0.4rem;font-size:0.34rem;color:#3e3938;font-weight:700}


.cd-addata .box{display:table;margin-top:0.5rem}
.cd-addata .box dl{display:table-cell;width:3.5rem}
.cd-addata .box dl dt,
.cd-addata .box dl dd{display:table-cell;vertical-align:middle}
.cd-addata .box dl dt{width:1rem}
.cd-addata .box dl dt b{display: block;width:.8rem;height:.8rem;line-height:.8rem;text-align:center;border-radius:100%;background-color:#f6ab00;color:#ffffff;font-size:0.36rem;font-weight:700}
.cd-addata .box dl dd{font-size:0.26rem;color:#8d8d8d}


.cd-lcitem{padding:1rem 0.5rem;background: url(../cd-imgs/j05.jpg) no-repeat center;background-size:cover;color:#ffffff}
.cd-lcitem-box dl{margin-top:0.7rem;display:table;width:100%}
.cd-lcitem-box dl dt,
.cd-lcitem-box dl dd{display:table-cell;vertical-align:middle}
.cd-lcitem-box dl dt{width:1rem}
.cd-lcitem-box dl dd{padding-left:0.3rem;}




.feed_item{;border-top:1px solid #e5e5e5;margin:0 0.5rem;padding:0.5rem 0}
.feed .box{padding:.2rem 0;}
.feed .inl{margin-top:.2rem;}
.feed .inl .lis{padding:.1rem .2rem;font-size:0;background-color:#ffffff;border:1px solid #e5e5e5}
.feed .inl .lis input{width:100%;height:.6rem;line-height:.6rem;font-size:.24rem;border:none}
.feed .inl .lis textarea{width:100%;height:75px;line-height:25px;font-size:14px;border:none;resize: none;}
.feed .inl .yzm {width:100%;padding:0 ;padding-left:.2rem;font-size:0;background-color:none}
.feed .inl .yzm input{float: left;width:4.4rem;height:.8rem;line-height:.8rem;}
.feed .inl .yzm img{float: right;width:1.9rem;height:.8rem;}
.feed .btns{width:3rem;height:.8rem;margin:auto;margin-top:.4rem}
.feed .btns button{width:3rem;line-height:.8rem;background-color:#f6ab00;border-radius:2px;border:none;color:#fff;text-align:center;font-size:.3rem;cursor:pointer}


.cd-news_nav{width:100%;height:1.2rem;background-color:#f7f8f9;display: -webkit-box;display: -ms-flexbox;display: flex;}
.cd-news_nav a{position:relative;height:1.2rem;line-height:1.2rem;font-size:0.3rem;border-right:1px solid #e5e5e5;text-align:center;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.cd-news_nav a:last-child{border-right:0}
.cd-news_nav a.active{color:#ffffff;background-color:#f6ab00}


.cd-pro_nav{width:100%;height:0.8rem;background-color:#ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;}
.cd-pro_nav a{position:relative;height:0.8rem;line-height:0.8rem;font-size:0.28rem;text-align:center;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.cd-pro_nav a.on{color:#ffffff;background-color:#f6ab00}

.cd-probg{background-color:#f7f8f9;padding:0.3rem}

.cd-product-list li{width:7.4rem;height:3.3rem;margin-top:0.3rem;overflow:hidden;zoom:1;text-align: left;background-color:#fff}
.cd-product-list li a{display:table;width:7.4rem;height:3.3rem;padding:.3rem; }
.cd-product-list li .pic{display: table-cell;width:2.7rem;height:2.7rem;text-align:center;vertical-align:middle}
.cd-product-list li .pic img{max-width:2.7rem;max-height:2.7rem}
.cd-product-list li .con{display: table-cell;padding-left:0.3rem;width:3.8rem;height:2.7rem;}
.cd-product-list li .con .tit{width:3.8rem;height:.4rem;line-height:.4rem;font-size:.3rem;margin-top:.5rem;color:#030303;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cd-product-list li .con .txt{width:3.8rem;height:.4rem;line-height:.4rem;font-size:.2rem;margin-top:.1rem;color:#8d8d8d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cd-product-list li .con .price{width:3.8rem;height:.4rem;line-height:.4rem;font-size:.32rem;margin-top:.2rem;color:#f6ab00;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}


.newscenter{padding:0.5rem;overflow:hidden}
.newscontent{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}
.newscontent .con img{display:block;max-width:100% !important;height:auto !important;}





/*product-index*/
.product-index{position:relative;background-color:#fff;}
.proindexnav{position:fixed;width:1.9rem;height:100%;background-color:#333333;overflow:auto}
.proindexnav li{display:block;width:100%;height:1rem;overflow: hidden}
.proindexnav li a{display:table-cell;width:1.9rem;height:1rem;padding:0 .1rem;color:#ffffff;line-height:.3rem;vertical-align:middle;text-align:center}
.proindexnav li.cur a{color:#ffffff;background-color:#f6ab00}

.porduct-hot{width:100%;padding-left:1.9rem;overflow: auto;}
.porduct-hot-in{padding:.2rem}
.porduct-hot .top_pic{width:100%}
.porduct-hot .top_pic img{width:100%}
.porduct-hot li{float: left;width:33.333%;height:2.3rem;margin-top:.2rem}
.porduct-hot li a{display:block;width:100%;height:100%;padding:.1rem;text-align:center;}
.porduct-hot li .pic{width:1.7rem;height:1.7rem;position:relative;}
.porduct-hot li .pic p{display: table-cell;width:1.7rem;height:1.7rem;text-align:center;vertical-align:middle}
.porduct-hot li .pic p img{max-width:100%;max-height:100%;vertical-align:middle;}
.porduct-hot li .tit{height:.3rem;line-height:.3rem;font-size:.26rem;margin-top:.1rem}
.porduct-hot-box{display:none}


/*page*/
.shop-page .pagetion{padding:15px 0;}
.shop-page .pagination{text-align:center;padding:15px 0; }
.shop-page .pagination li{display:inline-block;margin:0 3px;height:30px;background:#ffffff;border:1px solid #ddd;vertical-align:middle}
.shop-page .pagination li a{height:28px;line-height:28px;display:block;color:#999999;padding:0px 10px;}
.shop-page .pagination li.disabled span{height:28px;line-height:28px;color:#dddddd;display:block;padding:0px 10px;}
.shop-page .pagination li.active span{height:28px;line-height:28px;color:#fff;display:block;padding:0px 10px;}
.shop-page .pagination li.active {background-color:#f6ab00;border:1px solid #f6ab00;}
.shop-page .pagination li.active .sr-only{display:none}




/** prev next button ***/
.pn{ padding-top:.3rem;margin:auto; width:100%;overflow:hidden;border-top:1px solid #ddd;color:#666}
.pn_l{font-size:.28rem; overflow:hidden;}
.pn_r{font-size:.28rem; overflow:hidden;}

.p_pn{margin-top:.2rem;padding:.3rem;background-color:#ffffff}
.p_pn .pn{padding-top:0;border-top:0}





/*product*/


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


.product-main{padding:.25rem}
.product-main h2{padding:.2rem 0;text-align:center;color:#fff;font-size:.3rem;background-color:#e6002d}
.product-main h3{padding:.2rem 0;margin-top:.2rem;color:#585858}
.product-main .con{margin-top:0;width:100%;border:1px solid #dbdbdb;border-bottom:none}
.product-main .con p{padding:.1rem .25rem;color:#989898;font-size:.26rem;border-bottom:1px solid #dbdbdb;}

.product-tit{margin-top:.2rem;padding:.3rem;background-color:#ffffff}
.product-tit h2{font-size:.36rem;color:#1d1d1d}
.product-tit h3{font-size:.28rem;color:#888888}
.product-tit .price{margin-top:.3rem;height:.4rem;line-height:.4rem;font-size:.26rem;color:#df3d38}
.product-tit .price span{font-size:.44rem}

.product-deail{margin-top:.2rem;padding:.3rem;background-color:#ffffff}
.product-deail .t{padding-bottom:.2rem;color:#333333;font-size:.3rem;border-bottom:1px solid #d5d5d5}
.product-deail .con{margin-top:.2rem;}

.product-canshu{margin-top:.2rem;padding:.3rem;background-color:#ffffff}
.product-canshu .t{padding-bottom:.2rem;color:#333333;font-size:.3rem;border-bottom:1px solid #d5d5d5}
.product-canshu .con{margin-top:.3rem;}
.product-canshu .con table{width:100%;}
.product-canshu .con table td{padding:5px 8px}





/*评论*/
.product_comment{margin-top:.2rem;padding:.3rem;background-color:#ffffff}
.product_comment .t{padding-bottom:.2rem;color:#333333;font-size:.3rem;border-bottom:1px solid #d5d5d5}
.comment-list{padding:0;}
.comment-lis{padding:15px 0;border-bottom:1px solid #ddd;background-color:#fff;}
.comment-lis .head-imgs{height:1rem;line-height:1rem;}
.comment-lis .head-user{float:left;height:1rem;color:#666;font-size:.26rem;}
.comment-lis .head-user img{float:left;margin-right:10px;width:1rem;height:1rem;border-radius:100%;overflow:hidden}
.comment-lis .head-group{float:left;margin-left:10px;font-size:.26rem;color:#df3d38}
.comment-lis .date{float:right;font-size:12px;color:#999}
.comment-lis .comment-txt{padding:0;}
.comment-lis .comment-txt .star{margin-top:10px;position:relative;width:79px;height:14px;background:url(../imgs/star.png) no-repeat -79px 0}
.comment-lis .comment-txt .star:after{content:'';position:absolute;width:79px;height:14px;background:url(../imgs/star.png) no-repeat 0 0}
.comment-lis .comment-txt .star5:after{width:79px;}
.comment-lis .comment-txt .star4:after{width:63px;}
.comment-lis .comment-txt .star3:after{width:47px;}
.comment-lis .comment-txt .star2:after{width:31px;}
.comment-lis .comment-txt .star1:after{width:15px;}
.comment-lis .comment-txt .star0:after{width:0;}
.comment-lis .comment-txt .txt{padding:10px 0;color:#666666;line-height:1.6}

.tm-m-photos{}
.tm-m-photos,.tm-m-photos-thumb {zoom: 1;}
.tm-m-photos-thumb {margin: 0;list-style-type: none;}
.tm-m-photos-thumb li {float: left;border: 1px solid #e2e2e2;padding: 1px;width:50px;height:50px;margin-right: 10px;font-size:0;position: relative;text-align:center;transition: border-color .2s ease-out;}
.tm-m-photos-thumb .tm-current {border: 2px solid #df3d38;padding:0;}
.tm-m-photos-thumb li img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle}
.tm-m-photos-thumb li span{display:inline-block;height:100%;vertical-align:middle}
.tm-m-photo-viewer {float:left;position: relative;display:none;margin-top: 10px;background: #fff;overflow: hidden;}
.tm-m-photo-viewer img{border:1px solid #e2e2e2}
.tm-m-photo-viewer-navleft,  .tm-m-photo-viewer-navright {bottom: 0;background: url(../imgs/s.gif);position: absolute;}
.tm-m-photo-viewer-navleft {top: 0;left: 0;width: 50px;cursor: pointer;}
.tm-m-photo-viewer-navright {top: 0;right: 0;width: 50px;cursor: pointer;}
.tm-m-photo-viewer-navleft{cursor: url(../imgs/prev.cur),auto;}
.tm-m-photo-viewer-navright{cursor: url(../imgs/next.cur),auto;}
.tm-m-photo-viewer-navicon {display: none;font-size: 40px;font-style: normal;color: #b8b8b8;cursor: pointer;}
.tm-m-photos-thumb li {cursor: url(../imgs/T1nTBDFCRbXXbzTk_b-25-20.png), url(../imgs/zoom_in.cur), auto;}
.tm-m-photo-viewer,.tm-m-photos-thumb .tm-current {cursor: url(../imgs/T1oq4AFupvXXcu5FDa-20-20.png), url(../imgs/zoom_out.cur), auto;}
.tm-m-photo-viewer img{max-width:100% !important;max-height:300px !important}
/*评论end*/






.sku_container{margin-top:.2rem;padding:.3rem;background-color:#ffffff}
.sku_container .sku {}
.sku_container .sku_list {overflow: hidden;padding: 0 0 5px 0;}
.sku_container .sku h3 {float: left;width:1rem;font-size:.24rem;line-height:30px}



.input-group {display: inline-block;*display: inline;}
.input-group input[type="radio"] {position: absolute;z-index: -99999;}
.input-group .property-value {box-sizing: border-box;float: left;height: 30px;border: 1px solid #d5d5d5;line-height: 28px;text-align: center;font-size: 12px;min-width: 1em;overflow: hidden;padding: 0 10px;margin: 0 10px 5px 0;word-break: break-all;color: #666666;cursor: pointer;background-clip: padding-box;}
.input-group input[type="radio"]:checked + .property-value{border:1px solid #df3d38;color:#df3d38}



.sku_container .sku_num {overflow: hidden;line-height: 30px;}
.sku_container .sku_num .num_wrap {float: left;padding-left: 10px;}
.num_wrap {overflow: hidden;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;}
.num_wrap span, .num_wrap input {float: left;width: 29px;height: 30px;line-height: 28px;border: 1px solid #d6d6d6;text-align: center;position: relative;}
.num_wrap label input  {-webkit-appearance: none;border-radius: 0;width: 35px;height: 30px;line-height: normal;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;background: #fff;border-left: 0;border-right: 0;text-align: center;}
.num_wrap span{font-size:20px;color:#333;line-height: 28px;}
.num_wrap span.plus_disabled{color:#999}





/*商品内页优惠券领取*/
.sku_container .coupon .coupon-right{overflow: hidden;padding: 0 0 5px 0;padding-left: 10px;}
.sku_container .coupon .coupon-right a{position: relative;float: left;height: 18px;padding-left: 2px;line-height: 17px;text-align: center;border-top: 1px solid #df3033;border-bottom: 1px solid #df3033;background: #ffdedf;font-size: 12px;white-space: nowrap;margin-right:5px;cursor: pointer;}
.sku_container .coupon .coupon-right a .txt {padding: 0 10px;color: #df3033;font-size: 12px;}
.sku_container .coupon .coupon-right a s {position: absolute;top: -1px;display: block;height: 18px;width: 2px;overflow: hidden;background: url(../imgs/quan-arr.gif) no-repeat;left: 0;background-position: -2px 0;}
.sku_container .coupon .coupon-right a b {position: absolute;top: -1px;display: block;height: 18px;width: 2px;overflow: hidden;background: url(../imgs/quan-arr.gif) no-repeat;right: -2px;}

.sku_container .coupon{margin-top:10px}
.sku_container .coupon h3 {float: left;width:1rem;font-size: .24rem;line-height: 18px;}




.receive-coupon-bg{display:none;position: fixed;z-index:19990;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.5;filter: alpha(opacity=50);}
.receive-coupon {display:none;position:fixed;top:50%;left:50%;margin-left:-150px;margin-top:-100px;z-index:20000;width:300px;height:200px;background-color:#fff;border-radius:5px;}
.receive-coupon h2{position:relative;font-size:16px;padding:10px 15px;color:#333;border-bottom:1px solid #e7e7e7;}
.receive-coupon .close{position:absolute;right:10px;top:9px;font-size:20px;color:#333;font-family: arial;}
.receive-coupon-li{position:relative;width:270px;height:60px;margin:auto;margin-top:20px;background-color:#fff}
.receive-coupon-li .left-c{float:left;width:90px;height:58px;padding-top:10px;color:#fff;text-align:center;background-color:#ff5e5c;border-top-left-radius: 2px;border-bottom-left-radius: 2px}
.receive-coupon-li .left-c span{display:block;width:100%;height:20px;line-height:20px;overflow:hidden;font-size:14px;font-family: "Arial" ,"Microsoft Yahei";}
.receive-coupon-li .left-c span i{font-size:12px;font-style:normal}
.receive-coupon-li .left-c p{display:block;font-size:12px;width:100%;height: 20px;line-height: 20px;overflow:hidden;}
.receive-coupon-li .right-c{float:left;height:58px;padding:10px;background-color:#fff;border:1px solid #e7e7e7;border-left:0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.receive-coupon-li .right-c p{width:159px;height:20px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.receive-coupon-li .right-c .p2{color:#999;font-size:12px;}
.receive-coupon .btn-get{display: block;margin:20px auto;width:200px;height:40px;color:#e15517;background-color:#333333;border-radius:3px;border:none;cursor:pointer}






.foot_buy {position:fixed;z-index:9999;bottom:0;width: 100%;max-width:100%;height: 1rem;background:#fff}
.foot_buy .ico1{position:absolute;left:0;top:0;width:1.5rem;height:1rem;border-top:1px solid #dddddd;border-right:1px solid #dddddd;}
.foot_buy .ico2{position:absolute;left:1.5rem;top:0;width:1.5rem;height:1rem;border-top:1px solid #dddddd;}
.foot_buy .ico5{padding-left:3rem}
.foot_buy .ico3{float:left;width:50%;height:1rem;background:#e15517}
.foot_buy .ico4{float:left;width:50%;height:1rem;background:#ff9402}
.foot_buy .cellect{display:block;margin:auto;width:1.5rem;height:1rem;background:url(../imgs/fc01.png) no-repeat;background-position:center;background-size:auto 80%}
.foot_buy .cart{display:block;margin:auto;width:1.5rem;height:1rem;background:url(../imgs/fc02.png) no-repeat;background-position:center;background-size:auto 80%}
.foot_buy .in_cart{display:block;width:100%;height:1rem;line-height:1rem;color:#fff;font-size:.3rem;text-align:center;background:0;border:0}
.foot_buy .go_buy{display:block;width:100%;height:1rem;line-height:1rem;color:#fff;font-size:.3rem;text-align:center;background:0;border:0}









.pro_main_li{display:none}




.goods_main{margin-top:.2rem;background-color:#ffffff;padding:0.3rem;}
.goods_main h2{padding-bottom: .2rem;color: #333333;font-size: .3rem;border-bottom: 1px solid #d5d5d5;margin:0 0 .3rem;}
.goods_main img{max-width:100% !important;height:auto !important;}





