*{margin: 0;padding: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap: break-word;}
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:#eaeaea;-webkit-transform: scaleY(.5);-ms-transform: scaleY(.5);transform: scaleY(.5);}

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

.bgs{background-color:#f4f4f4}
.bgw{background-color:#ffffff}


.center{width:7.5rem;margin:auto;background-color:#ffffff;overflow-x: hidden;}
.container{padding:0 0.4rem;}

/*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 5px 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}


/*foot*/

.f_txt{padding:.5rem 0;border-bottom: 1px solid #d9d9d9}
.f_txt .tels{float: left;margin-top: .4rem;padding-left:1.1rem;background:url(../imgs/icon_10.png) no-repeat left center;background-size: .8rem}
.f_txt .tels h3{font-size:0.28rem;color:#868686;line-height: .3rem}
.f_txt .tels p{font-size:0.42rem;color:#332c2b;font-weight:bold;line-height: .5rem;margin-top: .1rem}
.f_txt .qr{float: right;width:1.4rem;text-align: center}
.f_txt .qr p{font-size:0.24rem;color:#868686;margin-top: .1rem}


.footer{padding:0.1rem 0.5rem 0.5rem;background-color:#ffffff}
.footer .f_nav {margin:0.5rem 0;padding:0 0 0.5rem;border-bottom:1px solid #e5e5e5}
.footer .f_nav dl{margin-top:0.4rem;}
.footer .f_nav dl dt{margin-bottom:0.1rem;}
.footer .f_nav dl dt a{font-size:0.3rem;color:#332c2b}
.footer .f_nav dl dd{float: left;margin-right:0.7rem}
.footer .f_nav dl dd a{font-size:0.26rem;color:#868686}

.footer .f_copy{color:#999999;font-size:0.24rem;}
.footer .f_copy a{color:#999999;font-size:0.24rem;}




.top_bg{height:90px;width:100%}
.top_bar{position: fixed; z-index: 900; width:100%;max-width:100%;height:90px;left:0;right: 0;bottom:0; margin: auto;background:#ffffff;box-shadow:0 0 5px rgba(0,0,0,0.1) }
.top_bar .top_menu{display: block;width: 100%;height:50px;-webkit-box-orient: horizontal;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;flex-direction: row;}
.top_bar .top_menu li{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align:center; }
.top_bar .top_menu li a{display:block;height:50px;padding-top:4px;font-size:0;text-align:center;color:#333333;text-decoration:none;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;vertical-align:middle }
.top_bar .shop_menu{display: block;width: 100%;height:40px;border-top:1px solid #e1e1e1;-webkit-box-orient: horizontal;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;flex-direction: row;}
.top_bar .shop_menu li{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align:center;position: relative;}
.top_bar .shop_menu li:after{position: absolute;content:'';left: 0;top:10px;height:20px;border-left:1px solid #e1e1e1;}
.top_bar .shop_menu li:first-child:after{border-left:0}
.top_bar .shop_menu li a{display:block;height:40px;padding-top:8px;font-size:0;text-align:center;color:#333333;text-decoration:none;vertical-align:middle }
.top_bar .shop_menu li a label{display: inline-block;height:24px;line-height:24px;margin-left:5px;width:auto;font-size:12px; overflow:hidden;color: #333333;vertical-align:middle}
.top_bar .shop_menu li a img{display: inline-block; height:24px;width:24px;margin:auto;vertical-align:middle }


.footer-join{width:100%;padding: .55rem 0;background:url(../imgs/about_12.jpg) no-repeat center center;background-size: cover;overflow: hidden}
.footer-join .f-j-r{padding:.4rem .3rem;background-color: rgba(255,255,255,.9);border-radius: 5px}
.footer-join .f-j-r .lis{max-width: 50%}
.footer-join .f-j-r .lis .icon{display: block;float: left;position: relative;width:.72rem;height:.66rem;background:url(../imgs/about_11.jpg) no-repeat center center;background-size: 100%}
.footer-join .f-j-r .lis .icon_1:after{content:'';position: absolute;left:50%;top:50%;margin-top:-.2rem;margin-left:-.2rem;width:.4rem;height:.4rem;background:url(../imgs/tel.png) no-repeat center center;background-size: 100%}
.footer-join .f-j-r .lis .icon_2:after{content:'';position: absolute;left:50%;top:50%;margin-top:-.2rem;margin-left:-.2rem;width:.4rem;height:.4rem;background:url(../imgs/ads.png) no-repeat center center;background-size: 100%}
.footer-join .f-j-r .lis span{display: block;margin-left: .9rem;line-height: .33rem;font-size: .22rem;color:#040404;}
.footer-join .f-j-r .lis p{display: block;margin-left: .9rem;line-height: .33rem;font-size: .18rem;color:#878787;}
.footer-join .f-j-r .lis strong{display: block;margin-left: .9rem;line-height: .33rem;font-size: .28rem;color:#4d4d4d;font-weight: bold}




/*banner*/
.banner{width:100%;position:relative;z-index:5;overflow:hidden}
.banner .swiper-container {position:relative;width: 100%;height:100%;background:#ffffff;}
.banner .swiper-container-horizontal .swiper-pagination-bullets{bottom:110px;font-size:0;width:100%;width:100%;left:0;right:0;margin:auto;}
.banner .swiper-container-horizontal .swiper-pagination-bullet{display:inline-block;width:.8rem;height:4px;margin:0 .1rem;background: #ffffff;opacity:1;border-radius: 0}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#e62129;}
.banner .swiper-container .swiper-slide{background-repeat: no-repeat;background-position: center 0;background-size: 100% auto}
.banner .swiper-container .swiper-slide a{display:block;width:100%;height:100%;}


/*main*/
.center-wrap{width:6.7rem;margin:auto;}
.ptb100{padding:1rem 0;}

.section-title-h {margin-top: -40px;margin-bottom: .3rem;text-align: center;line-height: 1.5;}
.section-title-h h2 {font-size: .32rem;font-weight: bold;color: #000000;}
.section-title-h h3 {font-size: .22rem;font-weight: bold;color: #000000;text-transform: uppercase;}

.swiper2{width:6.7rem;height:3.8rem;margin-top: -40px}
.swiper2 .swiper-slide img{width: 100%;height:3.8rem;}
.swiper2 .sbp2{top:auto;bottom:0;left:auto;right:.8rem;width:.8rem;height:.8rem;background-color:#ffffff;background-image: none}
.swiper2 .sbp2:after {position:absolute;content:'';left:50%;top:50%;margin-left:-4px;margin-top:-4px;width:8px;height:8px;border:1px solid #9E9E9E;border-right:0;border-bottom:0;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);  }
.swiper2 .sbn2{top:auto;bottom:0;left:auto;right:0;width:.8rem;height:.8rem;background-color:#ffffff;background-image: none}
.swiper2 .sbn2:after {position:absolute;content:'';right:50%;top:50%;margin-right:-4px;margin-top:-4px;width:8px;height:8px;border:1px solid #9E9E9E;border-left:0;border-bottom:0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);  }
.swiper2 .sbn2:before{width:0;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;border-left:1px solid #9E9E9E;content:'';}

.about-center .title-en{margin-top:.3rem;font-size:.46rem;color:#040404;text-transform: uppercase;font-weight: bold}
.about-center .title{font-size:.3rem;color:#040404;}
.about-center .con{margin-top: .3rem}
.about-center .con .txt{font-size:.24rem;color:#666666;line-height: 1.5}
.about-center .con .more{display:block;margin-top:.4rem;width:2.8rem;height:.6rem;line-height:.6rem;padding-left:.5rem;font-size:.22rem;color:#ffffff;background: url(../imgs/more.png) no-repeat 2.4rem center;background-size: 0.08rem 0.14rem;background-color: #e62129;border-radius: 40px}


.swiper4{position:relative;padding-bottom:10px;}
.swiper4.swiper-container-horizontal .swiper-pagination-bullets{bottom:0;font-size:0;width:100%;width:100%;left:0;right:0;margin:auto;}
.swiper4.swiper-container-horizontal .swiper-pagination-bullet{display:inline-block;width:.4rem;height:4px;margin:0 .05rem;background: #e1e1e1;opacity:1;border-radius: 0}
.swiper4.swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#e62129;}
.swiper4 .swiper-slide{width:6.7rem;}
.swiper4 .swiper-slide .pic{width:6.7rem;height:6.7rem;display: table-cell;vertical-align: middle;text-align: center}
.swiper4 .swiper-slide .pic img{max-width:6.7rem;max-height:6.7rem;}
.swiper4 .swiper-slide a{display:block;}
.swiper4 .swiper-slide .tit{text-align: center;margin-top: .4rem}
.swiper4 .swiper-slide .tit-en{font-size: .36rem;color:#040404;font-weight: bold}
.swiper4 .swiper-slide .tit-ch{font-size: .3rem;color:#040404;}

.section.merchants{background: url(../imgs/index_02.jpg) no-repeat center center;background-size: cover}
.merchants-con{margin-top:-40px;}
.merchants-con .tit-en{font-size: .46rem;font-weight: bold;color:#ffffff;line-height: 1;text-transform: uppercase;}
.merchants-con .tit-ch{font-size: .3rem;color:#ffffff;margin-top: .1rem}
.merchants-con .txt{font-size: .24rem;color:#ffffff;margin-top: .4rem}
.merchants-con .more{display:block;margin-top:.4rem;width:2.8rem;height:.6rem;line-height:.6rem;padding-left:.5rem;font-size:.22rem;color:#ffffff;background: url(../imgs/more.png) no-repeat 2.4rem center;background-size: 0.08rem 0.14rem;background-color: #e62129;border-radius: 40px}
.merchants-text{margin-top:1rem;width: 100%;background-color: #ffffff;}
.merchants-text .a{position: relative;height:1.6rem;width:6.7rem;padding:.4rem .7rem}
.merchants-text .a .icon{display: inline-block;width:.8rem;height:.8rem;margin-right:.2rem;vertical-align: top;background: url(../imgs/icon_02.png) no-repeat;background-size: auto .8rem}
.merchants-text .a .icon_1{background-position: 0 0}
.merchants-text .a .icon_2{background-position: -.8rem 0}
.merchants-text .a .icon_3{background-position: -1.6rem 0}
.merchants-text .a p{display: inline-block;line-height: .35rem;font-size: .22rem;text-align: left}
.merchants-text .a p b{display: block;line-height: .45rem;font-size: .26rem;color:#040404;}
.merchants-text .sbn5,
.merchants-text .sbp5{left:auto;top:0;right:auto;bottom:auto;margin:0;width: .7rem;height:1.6rem;background: #ffffff}
.merchants-text .sbp5{left:0;}
.merchants-text .sbn5{right:0;}
.merchants-text .sbp5:after {position:absolute;content:'';left:50%;top:50%;margin-left:-5px;margin-top:-5px;width:10px;height:10px;border:2px solid #e62129;border-right:0;border-bottom:0;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);  }
.merchants-text .sbn5:after {position:absolute;content:'';right:50%;top:50%;margin-right:-5px;margin-top:-5px;width:10px;height:10px;border:2px solid #e62129;border-left:0;border-bottom:0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);  }

.swiper3{padding-bottom:30px;}
.swiper3 .box{width:6.7rem;height:2.55rem;padding:.3rem 0;border-bottom: 1px solid #e1e1e1}
.swiper3 .swiper-slide:nth-child(3n-2) .box{padding-top: 0}
.swiper3 .swiper-slide:nth-child(3n-1) .box{height:2.85rem;}
.swiper3 .swiper-slide:nth-child(3n) .box{border:0;padding-bottom: 0}
.swiper3 .tit{width:3.4rem;height:2.25rem;margin-left: 3.3rem}
.swiper3 .tit .t{width:3.4rem;height: .8rem;line-height: .4rem;color:#040404;font-size: .26rem;overflow: hidden}
.swiper3 .tit .txt{margin-top:.225rem;width:3.4rem;height: .7rem;line-height:.35rem;color:#666666;font-size: .2rem;overflow: hidden}
.swiper3 .tit .d{margin-top:.225rem;width:3.4rem;height: .3rem;line-height: .3rem;color:#666666;font-size: .2rem;}
.swiper3 .pic{float: left;width:3rem;height:2.25rem;overflow: hidden}
.swiper3 .pic img{width:3rem;height:2.25rem}
.swiper3.swiper-container-horizontal .swiper-pagination-bullets{bottom:0;font-size:0;width:100%;width:100%;left:0;right:0;margin:auto;}
.swiper3.swiper-container-horizontal .swiper-pagination-bullet{display:inline-block;width:.4rem;height:4px;margin:0 .05rem;background: #e1e1e1;opacity:1;border-radius: 0}
.swiper3.swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#e62129;}



.page-title{position: relative;}
.page-title .icon{display: block;float: left;position: relative;width:1rem;height:.9rem;background:url(../imgs/about_11.jpg) no-repeat center center;background-size: 100%}
.page-title .tit-en{margin-left: 1.25rem;line-height:.45rem;color:#040404;font-size: .43rem;font-weight: bold;text-transform: uppercase;}
.page-title .tit-ch{margin-left: 1.25rem;line-height:.45rem;color:#040404;font-size: .3rem;}
.company-profile .content{margin-top:.5rem;color:#868686;font-size: .24rem;}
.company-profile .content h2{margin-bottom:20px;color:#040404;font-size: 22px;font-weight: normal}
.company-profile .gallery{margin-top:.4rem;}
.company-profile.tpw .content,
.company-profile.tpw .tit-en,
.company-profile.tpw .tit-ch{color:#ffffff;}

.social-responsibility{width:100%;height:10rem;background-image: url(../imgs/about_10.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover}

.honor .picScroll-left{width:1300px;margin-top:60px;overflow:hidden;position:relative;}
.honor .picScroll-left .hd{position: relative;width:100%}
.honor .picScroll-left .hd .prev,
.honor .picScroll-left .hd .next{position: absolute;display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;background:url(../imgs/arrows2.png) no-repeat;}
.honor .picScroll-left .hd .prev{background-position:0 0;left:0;top:205px;}
.honor .picScroll-left .hd .next{background-position:-50px 0;right:0;top:205px;}
.honor .picScroll-left .hd ul{display:none;}
.honor .picScroll-left .bd{width:1143px;margin:auto;border:1px solid #DFDFDF;border-left:0;}
.honor .picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.honor .picScroll-left .bd ul li{width:280px;height:410px;padding:50px;float:left; _display:inline; overflow:hidden; text-align:center;border-left:1px solid #DFDFDF;}
.honor .picScroll-left .bd ul li .pic{width:280px;height:360px;text-align:center;display: table-cell;vertical-align: middle}
.honor .picScroll-left .bd ul li .pic img{max-width:280px;max-height:360px;}
.honor .picScroll-left .bd ul li .title{margin-top:25px;color:#868686;font-size: 14px}

.honor .picList {margin-top: .5rem}
.honor .picList li{float: left;width:3.35rem;height:5rem;border:1px solid #e1e1e1;margin-left:-1px;margin-top:-1px}
.honor .picList li .pic{display:table-cell;width:3.35rem;height:3.9rem;vertical-align: middle;text-align: center}
.honor .picList li .pic img{max-width:3rem;max-height:3.6rem;display: inline-block;}
.honor .picList li .title{padding:0 .2rem;margin-top:.2rem;color:#868686;font-size: .22rem;text-align: center}

.contact-box .li{padding:.6rem 0;border-bottom:1px solid #e1e1e1;}
.contact-box .li .t{color:#040404;font-size: .34rem;font-weight: bold}
.contact-box .li .p{margin-top: .5rem;height:.9rem;line-height: .45rem}
.contact-box .li .p .icon{float: left;position: relative;width: .9rem;height:.9rem;background-color: #e62129;border-radius: 50%;}
.contact-box .li .p .icon:after{position: absolute;content:'';width: .5rem;height:.5rem;top:50%;left:50%;margin-top: -.25rem;margin-left:-.25rem;background:url(../imgs/icon_03.png) no-repeat;background-size: auto .5rem}
.contact-box .li .p .icon_ad:after{background-position: 0 0}
.contact-box .li .p .icon_tel:after{background-position: -.5rem 0}
.contact-box .li .p .icon_kf:after{background-position: -1rem 0}
.contact-box .li .p .icon_fax:after{background-position: -1.5rem 0}
.contact-box .li .p b{margin-left:1.2rem;display: block;font-size: .3rem;color:#040404;}
.contact-box .li .p p{margin-left:1.2rem;display: block;font-size: .28rem;color:#868686;}
.contact-box .qr-box{margin-top: .6rem}
.contact-box .qr-box .l{float:left;margin-right:.5rem;text-align: center}
.contact-box .qr-box .l img{width: 1.8rem;display: inline-block;}
.contact-box .qr-box .l p{line-height: .6rem;color:#868686;font-size: .24rem;}
	

.feedback .lis_h{width:100%;margin-top:.2rem;}
.feedback .lis_f{width:100%;margin-top:.2rem;}
.feedback .lis_h input{width:100%;padding:.2rem;height:.8rem;line-height:.4rem;background: #ffffff;border:0}
.feedback .lis_f textarea{width:100%;padding: .2rem;height:1.2rem;line-height:.4rem;background: #ffffff;border:0;resize:none;vertical-align:top}
.feedback .yzm{float: left;width:4rem;margin-top:.2rem;height:.8rem;background: #ffffff;border:0}
.feedback .yzm input{float: left;width:2rem;padding:.2rem;height:.8rem;line-height:.4rem;background: #ffffff;border:none}
.feedback .yzm img{float: right;width:2rem;height:.8rem;}
.feedback .btns{float: right;margin-top:.2rem;width:2.5rem;height:.8rem;}
.feedback .btns button{width:2.5rem;height:.8rem;color:#ffffff;background: #e62129;cursor:pointer;border:none}

.core-advantages .adv-lis{margin-top:.7rem;}
.core-advantages .adv-lis .pic{width: 100%}
.core-advantages .adv-lis .pic img{width: 100%}
.core-advantages .adv-lis .con{width: 100%}
.core-advantages .adv-lis .con .tit{color:#040404;font-size: .3rem;margin-top: .3rem}
.core-advantages .adv-lis .con .txt{color:#868686;font-size: .24rem;}
.core-advantages .adv-lis .line{margin:.2rem 0;width: .4rem;height:6px;background-color: #e62129;border-top:2px solid #332c2b;border-bottom: 2px solid #fff000}

.customer-box {margin-left: -.2rem}
.customer-box .li{float: left;margin-top:.2rem;margin-left:.2rem;width: 3.25rem;height:1.8rem;border:1px solid #DFDFDF;overflow:hidden;}
.customer-box .li .pic{display: table-cell;width: 3.25rem;height:1.8rem;text-align: center;vertical-align: middle;}
.customer-box .li .pic img{max-width:3.05rem;max-height:1.6rem;}

.menus{height:1.4rem;text-align:center;border-bottom: 1px solid #E1E1E1;-webkit-box-orient: horizontal;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;flex-direction: row;}
.menus a{position: relative;display: block;padding:0;height:1.4rem;line-height:1.4rem;font-size: .25rem;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.menus a.active:after{position: absolute;left:0;bottom:0;width:100%;height:3px;background-color: #e62129;border-top:3px solid #fff000;border-bottom:3px solid #332c2b;content:'';}

.hid{display: block;margin-top: .6rem}
.qd_select {position: relative;background: no-repeat white;cursor: pointer;z-index: 10;width:100%;display: block;border: 1px solid #dfdfdf;border-radius: 3px;vertical-align: top;}
.qd_select li.sname {position: relative;z-index: 1;background: white;width:6.4rem;height: .8rem;line-height: .8rem;text-align: left;display: block;color: #868686;display: block;padding:0 .4rem;font-size: .28rem;overflow: hidden;}
.qd_select li.sname i {position: absolute;top: 50%;margin-top:-0.09rem;right: 0;width: .18rem;height: .18rem;background: url(../imgs/hn_ico.png) no-repeat center;background-size: .18rem auto}
.qd_select li .list {position: relative;top: -.8rem;z-index: 0;display:none;}
.qd_select ul {overflow: visible;zoom: 1;min-width: 6.7rem;max-height:4.8rem;position: absolute;top:.8rem;left: -1px;display: block;padding-bottom: 0px; background: white;border: 1px solid #e5e5e5;overflow-y: scroll;}
.qd_select ul li {text-align: left;white-space: nowrap;display: block;line-height: .8rem;height: .8rem;cursor: pointer;font-size:.26rem;}
.qd_select ul li a{padding-left:.4rem;text-align: left;white-space: nowrap;display: block;line-height: .8rem;height: .8rem;cursor: pointer;font-size:.26rem;}
.qd_select ul li:active, .qd_select ul li.cur {background: #e62129;color:#ffffff;}
.qd_select ul li:active a, .qd_select ul li.cur a {background: #e62129;color:#ffffff;}
.qd_select.hover li .list {display:block}

.service-center{margin-top: .4rem}
.service-center h2{font-size: .28rem;color:#040404;}
.service-center .con{display: none}
.service-center .ul{margin-top:.4rem;}
.service-center .ul .t{width:6.7rem;height:.8rem;line-height:.8rem;border:1px solid #dfdfdf;text-align: center;overflow:hidden;}
.service-center .ul .t .city{float: left;width:50%;height:100%;color:#ffffff;font-size: .26rem;background: #e70015;}
.service-center .ul .t .people{float: left;width:50%;height:100%;color:#040404;font-size: .26rem;background: #ffe800;border-left:1px solid #dfdfdf;}
.service-center .ul .d{width:6.7rem;height:.8rem;line-height:.8rem;border:1px solid #dfdfdf;border-top:0;text-align: center}
.service-center .ul .d .city{float: left;width:50%;height:100%;color:#444444;font-size: .26rem;background: #ffffff}
.service-center .ul .d .people{float: left;width:50%;height:100%;color:#444444;font-size: .26rem;background: #ffffff;border-left:1px solid #dfdfdf;}

.shop-list ul{margin-top: .3rem;margin-left:-.3rem;}
.shop-list li{float: left;width: 3.2rem;height:4.4rem;margin-left:.3rem;margin-top:.3rem;}
.shop-list li .pic{width: 3.2rem;height:3.2rem;position: relative;}
.shop-list li .pic img{width: 3.2rem;height:3.2rem;}
.shop-list li .tit{display:table-cell;padding:0 .2rem;width:3.2rem;height:1.2rem;line-height:.4rem;vertical-align: middle;text-align: center;font-size:.26rem;color:#040404;border:1px solid #dfdfdf;}

.team-list ul{margin-top: .3rem;margin-left:-.3rem;}
.team-list li{float: left;width: 3.2rem;height:4.4rem;margin-left:.3rem;margin-top:.3rem;}
.team-list li .pic{width: 3.2rem;height:3.2rem;position: relative;}
.team-list li .pic img{width: 3.2rem;height:3.2rem;}
.team-list li .tit{display:table-cell;padding:0 .2rem;width:3.2rem;height:1.2rem;line-height:.4rem;vertical-align: middle;text-align: center;font-size:.26rem;color:#040404;border:1px solid #dfdfdf;}



.submit-box{padding:.6rem 0 1rem;}

.feed {border-top:1px solid #e1e1e1;margin-top: .6rem}
.text-li {height:1rem;padding: 0 .4rem;border-bottom:1px solid #e1e1e1;}
.text-li label{float: left;width:1.6rem;text-align: left;height:1rem;line-height:1rem;font-size:.26rem;color:#5c5c5c;}
.text-li .in{float: right;height:.8rem;background:none;}
.text-li .span-tel,
.text-li .span-name{color:orangered;height:1rem;line-height:1rem;}
.text-li .in input{width:4.8rem;height:1rem;line-height:.4rem;padding:.3rem 0;color:#666666;border:0;background:none;}

.select-box{vertical-align:middle; width:4.8rem; display:inline-block;height:.8rem;margin-top: .1rem;padding:0 .1rem;border:1px solid #dfdfdf;background: #ffffff;overflow:hidden;}
.select-box .select{ border:none}
.select-box.inline,
.select-box.inline .select{ width:auto}
.select{cursor: pointer;line-height:normal;font-weight: normal;width:100%; white-space:nowrap;height:.8rem;line-height:.8rem;margin-top: -1px}

.text-li .in3{width: 2.4rem;height:.8rem;margin-top: .1rem;margin-left:.3rem;float: left}
.text-li .in4{width: 2.4rem;height:.8rem;margin-top: .1rem;float: left}
.text-li .in3 input{display:block;width:2.4rem;height:.8rem;line-height:.4rem;padding:.2rem;border:1px solid #dfdfdf;color:#666666;background-color: #ffffff}
.text-li .in4 img{display:block;width:2.4rem;height:.8rem;border:1px solid #dfdfdf;background-color: #ffffff;border-left:0;}


.feed .btn{margin-top:.3rem;padding:0 .4rem;}
.feed .btn .sub,
.feed .btn .res{float:left;width:3.2rem;height:.8rem;border:none;background-color:#fff; cursor:pointer;border:1px solid #dfdfdf;font-size: .26rem;color: #040404}
.feed .btn .res{float: right;}
.feed .btn .sub{background: #e62129;border-color: #e62129;color:#fff;}

.text-li .in .form-control{width:4.8rem;float:left;}


.newslist ul{margin-top:.5rem}
.newslist ul li .box{width:6.7rem;height:2.85rem;padding:.3rem 0;border-bottom: 1px solid #e1e1e1}
.newslist ul li .tit{width:3.4rem;height:2.25rem;margin-left: 3.3rem}
.newslist ul li .tit .t{width:3.4rem;height: .8rem;line-height: .4rem;color:#040404;font-size: .26rem;overflow: hidden}
.newslist ul li .tit .txt{margin-top:.225rem;width:3.4rem;height: .7rem;line-height:.35rem;color:#666666;font-size: .2rem;overflow: hidden}
.newslist ul li .tit .d{margin-top:.225rem;width:3.4rem;height: .3rem;line-height: .3rem;color:#666666;font-size: .2rem;}
.newslist ul li .pic{float: left;width:3rem;height:2.25rem;overflow: hidden}
.newslist ul li .pic img{width:3rem;height:2.25rem}
.newslist ul li:first-child .box{height:2.55rem;padding-top: 0}
.newslist ul li:last-child .box{height:2.55rem;border:0;padding-bottom: 0}


.news_main{width:6.7rem;margin-top:.5rem;}
.news_main .content{padding:.3rem 0}
.news_main .content img{max-width:100% !important;height:auto !important;}
.news_main .content iframe,
.news_main .content embed,
.news_main .content video{width:100%;height:4rem}

.news_main .news-title{position:relative;z-index:55;border-bottom:1px solid #e1e1e1;padding-bottom:.2rem;text-align: center}
.news_main .news-title .title{width:100%;font-size:.3rem;color: #040404;}
.news_main .news-title .date{width:100%;font-size:.2rem;color: #878787;margin-top:.15rem}


.product-center{-webkit-box-orient: horizontal;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;flex-direction: row;}
.product-nav {width: 1.9rem;background: #ffffff;}
.product-nav ul{overflow:hidden;}
.product-nav li{width: 1.9rem;position: relative;border-bottom:1px solid #e1e1e1;}
.product-nav li a{display: block;color:#444444;font-size: .26rem;padding:.3rem;}
.product-nav li.active a{color: #ffffff;}
.product-nav li.active {background:#e62129}

.product-list{width: 5.6rem;}
.product-list ul{overflow:hidden;}
.product-list li{float: left;margin-left:.2rem;margin-bottom:.2rem;width:2.5rem;height:5rem;background-color: #ffffff;}
.product-list li a{display:block;width:2.5rem;height:5rem;}
.product-list li .pic{width:2.5rem;height:3.5rem;background-color: #ffffff}
.product-list li .pic img{width:2.5rem;height:3.5rem;}
.product-list li .tit{display:table-cell;vertical-align: middle;padding:0 .2rem;width: 2.5rem;height:1.5rem;}
.product-list li .tit-en{color:#040404;font-size: .22rem;font-weight: bold;line-height: 1.2;}
.product-list li .tit-ch{color:#040404;font-size: .24rem;margin-top:.1rem;}


.product-main{padding:.2rem;}
.product-box{background: #ffffff;}
.product-pic{width: 100%;}
.product-text{padding: 0 .2rem .4rem;}
.product-name{margin-top: .4rem;color:#040404;font-size: .3rem}
.product-desc{margin-top: .2rem;padding-top:.2rem;border-top:1px solid #e1e1e1;color:#868686;font-size: .24rem}
.product-b{margin-top: .2rem;padding-top:.2rem;border-top:1px solid #e1e1e1;}

.product-detail{margin-top: .2rem;padding:.4rem .2rem;background: #ffffff}
.product-detail .d-t{padding-bottom:.25rem;color:#040404;font-size: .3rem;border-bottom: 1px solid #e1e1e1;}
.product-detail .content{margin-top: .25rem;}
.product-detail .content img{max-width:100% !important;height:auto !important;}

.product-relation{margin-top: .2rem;}
.product-relation .pw{padding:.4rem .2rem;}
.product-relation .prul{margin-left:-0.2rem;}
.product-relation .lis{float: left;margin-top:.2rem;margin-left:.2rem;width:3.45rem;height:6.33rem;background-color: #ffffff}
.product-relation .lis a{display:block;width:3.45rem;}
.product-relation .lis .pic{width:3.45rem;height:4.83rem;}
.product-relation .lis .pic img{width:3.45rem;height:4.83rem;}
.product-relation .lis .tit{display:table-cell;vertical-align: middle;padding:0 .2rem;width:3.45rem;height:1.5rem;}
.product-relation .lis .tit-en{color:#040404;font-size: .24rem;font-weight: bold;line-height: 1.2;}
.product-relation .lis .tit-ch{color:#040404;font-size: .26rem;margin-top:.1rem;}



/*********      page      ***************/
#page{width:100%;overflow:hidden;}
#page{ text-align:center}
#page select{display:none;}
#page span,#page a{display:inline-block;vertical-align: top;padding:0 .2rem;font-size:.26rem;margin:0 .1rem;background:#ffffff;border-radius: 2px;overflow: hidden;line-height:.6rem;color:#666666;border:1px solid #e4e4e4;}
#page span{color:#ffffff;font-size:.26rem;background: #E62129;border-color: #E62129}
#page span font{color:#ffffff;}
#page span.nolink{display:inline-block;vertical-align: top;padding:0 .2rem;font-size:.26rem;margin:0 .1rem;background:#ffffff; line-height:.6rem;color:#666666;border:1px solid #e4e4e4;}

/** prev next button ***/
.pn{padding-top:.2rem;margin:auto;overflow:hidden;border-top:1px solid #e5e5e5;color:#666666}
.pn .pn_l{padding:.05rem 0;font-size:.26rem;}
.pn .pn_r{padding:.05rem 0;font-size:.26rem;}
.pn a{color:#666666;font-size:.26rem;}

.news-list{padding:1px 15px 15px;}
.news-list ul li{margin-top:15px;position: relative;}
.news-list ul li .pic{width: 100%;position: relative;}
.news-list ul li .pic img{width: 100%}
.news-list ul li .con{position: relative;padding:10px;}
.news-list ul li .con .date{position: absolute;left:10px;top:10px;width:50px;height:40px;font-size:12px;line-height:20px;border-right:1px solid #a9a9a9;}
.news-list ul li .con .date span{font-size:16px;}
.news-list ul li .con .p{height:40px;line-height:40px;padding-left:60px;}


.border-all:before{
    content: '';
    position: absolute;
    left: -50%;
    top: -50%;
    margin-left: -1px;
    margin-top: -1px;
    width: 200%;
    height: 200%;
    border: 1px solid #ccc;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    z-index: 2;
}

#s-address .side{
  width: 6.7rem;
  height: calc(100% - 50px);
  margin:0 .4rem;
  z-index: 2;
}
#s-address .side .h1{
  font-size: .3rem;
  color: #333333;
  text-align: center;
  padding: .3rem 0;
}
#s-address .side .tsear{
  position: relative;
  width: 6.7rem;
  z-index: 99;
}
#s-address .side .tsear .se-text{
  width: 6.7rem;
  height: .8rem;
  border: none;
  padding: 0 1.2rem 0 .2rem;
  font-size: .26rem;
  border: 1px solid #e6e6e6;
}
#s-address .side .tsear .se-submit{
  width: 1rem;
  height: .8rem;
  background: url('../../imgs/8.jpg') no-repeat center;
  right: 0;
  top: 50%;
  position: absolute;
  border: none;
  padding: 0;
  transform: translate(0,-50%);
  background-size: 100% 100%;
  border: 1px solid #e6e6e6;
  border-left: 0;
}
#s-address .side .tsear .se-con{
  position: absolute;
  width: 100%;
  border: 1px solid #ecebe9;
  top: 35px;
  left: -1px;
  height: 200px;
  padding: 10px 0;
  max-height: 360px;
  overflow: auto;
  background: #fff;
  display: none;
}
#s-address .side .tsear .se-con .pointitem{
  background: url('../../imgs/18.png') no-repeat 15px center;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
}
#s-address .side .tsear .se-con .pointitem:hover{
  color: #000;
  cursor: pointer;
}
#s-address .side .ulbox{

}
#s-address .side .ulbox h2{
  font-weight: normal;
  font-size: .28rem;
}
#s-address .side .ulbox .jgtit{
  margin-top: .3rem;
  margin-bottom: .2rem;
  font-size: .24rem;
  line-height: .5rem;
  color: #666666;
}
#s-address .side .ulbox ul{
  overflow: hidden;
}
#s-address .side .ulbox li{
  font-size: .24rem;
  color: #666666;
  border-bottom: 1px solid #f6f6f6;
  padding: .25rem 0 .2rem 0;
  cursor: pointer;
}
#s-address .side .ulbox li:first-child{
  border-top: 1px solid #f6f6f6;
}
#s-address .side .ulbox li .mdtit{
  font-size: .28rem;
  color: #333333;
  line-height: .6rem
}
#s-address .side .ulbox li .mdtit span{
  color: #007bc6;
  margin-right: .1rem;
}
#s-address .side .ulbox li .md-per{
  padding-left: .4rem;
  line-height: .5rem;
  background: url('../../imgs/m24.png') no-repeat left center;
  background-size:  .25rem auto;
}
#s-address .side .ulbox li .md-local{
  padding-left: .4rem;
  line-height: .5rem;
background: url('../../imgs/m25.png') no-repeat left 0.06rem;
  background-size:  .25rem auto;
}
#s-address .side .ulbox li .md-tel{
  padding-left: .4rem;
  line-height: .5rem;
  background: url('../../imgs/m26.png') no-repeat left center;
  background-size:  .25rem auto;
}
.z3{
  z-index: 3 !important;
  position: relative;
}
#hscrollBox2 .bar{
    width: 3px;
    height: 285px;
    right: 0;
    min-height: 80px;
    top: 0;
}
#hscrollBox2 .bar .block{
    width: 3px;
    height: 58px;
    background: #d9dada;
    top: 0;
    left: 0;
}
#s-address{
  position: relative;
}
#s-address header{
  position: fixed;
}
#s-address .head{
  position: absolute;
}
header.head3{
  /* background-color: #fff !important; */
}
header.head3 .bgdown{
  height: 177px;
  transition: all .44s ease-in;
}
#s-address header.head2,
#s-address header.head3{
  background-color: #fff;
}

#s-address .infobox{
	  width: 6.5rem;
	  padding: 0.2rem 0.6rem 0.4rem 0.4rem;
	  box-sizing: border-box;
	}
	#s-address .infobox .d1{
	  font-size: 0.3rem;
	  color: #333333;
	}
	#s-address .infobox .d1 span{
	    margin-right: 0.1rem;
	}
  #s-address .infobox .md-per{
    margin-top: .1rem;
    font-size: 0.24rem;
    color: #666666;
    padding-left: 0.44rem;
    line-height: .5rem;
     padding-bottom: .1rem;
    background: url('../../imgs/m24.png') no-repeat left 0.08rem ;
     background-size:  .25rem auto;
    text-align: justify;
  }
  #s-address .infobox .md-local{
    font-size: 0.24rem;
    color: #666666;
    padding-left: 0.44rem;
   line-height: .5rem;
   padding-bottom: .1rem;
    background: url('../../imgs/m25.png') no-repeat left 0.06rem;
     background-size:  .25rem auto;
    text-align: justify;
  }
	#s-address .infobox .md-tel{
	  font-size: 0.24rem;
	  color: #666666;
	  padding-left: 0.44rem;
	  line-height: .5rem;
     padding-bottom: .1rem;
	  background: url('../../imgs/m26.png') no-repeat left 0.07rem;
     background-size:  .25rem auto;
	  min-height: 0.4rem;
	}
	#s-address .infobox .dqlocal{
	  position: relative;
	  font-size: 0;
	}
	#s-address .infobox .dqlocal input{
	    width: 5.5rem;
	    height: 0.7rem;
	    line-height: 0.7rem;
	    border: 1px solid #e0e0e0;
	    background-color: #fff;
	    font-size: 0.26rem;
	    color: #333333;
	    padding: 0 0.6rem 0 0.2rem;
	    vertical-align: top;
	    box-sizing: border-box;
	}
	#s-address .infobox .dqlocal .closetext{
	    width: 0.7rem;
	    height: 0.7rem;
	    background: url(../../imgs/close-text.png) no-repeat center/0.2rem auto;
	    right: 0;
	    top: 0;
	    position: absolute;
	    cursor: pointer;
	    margin: 0;
	}
	#s-address .infobox .local{
	    font-size: 0;
	    margin-top: 0.3rem;
	}
	#s-address .infobox .local .tet{
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    width: 4.36rem;
	    height: 0.7rem;
	    line-height: 0.7rem;
	    border: 1px solid #e0e0e0;
	    background-color: #f2f2f2;
	    font-size: 0.26rem;
	    color: #666666;
	    padding: 0 0.2rem;
	    vertical-align: top;
	    box-sizing: border-box;
	}
	#s-address .infobox .local .gobtn{
	    width: 0.95rem;
	    height: 0.7rem;
	    border: 1px solid #e0e0e0;
	    margin-left: 0.18rem;
	    font-size: 0.22rem;
	    color: #000000;
	    text-align: center;
	    line-height: 0.7rem;
	    background-color: #fff;
	}
	#s-address .infobox .dia-colse{
	    width: 0.2rem;
	    height: 0.2rem;
	    background: url(../../imgs/close-text.png) no-repeat center/0.2rem auto;
	    position: absolute;
	    top: 0.34rem;
	    right: 0;
	    cursor: pointer;
	}



#s-address #map{
  position: relative !important;
  width: 100%;
  height: calc(100vh - 50px);
  top: 0;
  left: 0;
}
#s-address .ht1box {
    display: none;
}


.close_map {
	position: absolute;
	z-index:100;
	right:.2rem;
	top:.2rem;
	width: 1rem;
	height: 1rem;
}
.close_map img{
	width: 1rem;
	height: 1rem;
}




.a-menus{text-align:center;border-bottom: 1px solid #E1E1E1;}
.a-menus a{position: relative;float: left;width:50%;padding:0 15px;height:1rem;line-height:1rem;}
.a-menus a.active:after{position: absolute;left:0;bottom:0;width:100%;height:2px;background-color: #e62129;border-top:2px solid #fff000;border-bottom:2px solid #332c2b;content:'';}
.a-menus a:hover{color:#e62129}


.danye{padding:.2rem;}
.danye table{max-width:100%;border:1px solid #ddd;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
.danye table td{border:1px solid #ddd;}