*{ padding:0; margin:0;}*
div,span,a,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del,b{padding:0; margin:0;}
body,input,textarea,select{ font-size:12px; font-family:"Arial",Helvetica,sans-serif;color:#666;  }
ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
a{ color:#666; font-weight:normal; text-decoration:none;}
p{ color:#666;}


*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background: #000;}
::-webkit-scrollbar-thumb {background: #000; width:6px;background-color:#ce080d;}
::-webkit-scrollbar-thumb:window-inactive {background: #ce080d;}




.none_notice{font-size: 16px;font-weight: bold;text-align: center;color: #aaa;}
/*购物袋*/
.uoy{ width:100%; float:left; padding-top:140px;}
.uoy h2{ width:100%; float:left; font-size:24px; padding:30px 0; color:#333; text-align:center; font-family:serif; }
.bck{ width:100%; float:left; background:#f5f5f5; padding-bottom:80px;}
.bck .xilie{ padding-top:0px;}
/*登录*/
canvas { float:left; position:relative; top:0; bottom:0; width:100%; height:100%; background-size:cover; overflow:hidden;}
.logo{ position:absolute; left:40px; top:40px; z-index:6;}
.logo img{ max-width:200px;}
.show-list{position: absolute;right: 40px;top: 37px;font-size: 0;z-index: 6}
.icon-login{background: url(../images/login-svg-sprite-97eb796f.svg) no-repeat;}
.show-item{width: 40px;height: 40px;margin-left: 20px;display: inline-block;vertical-align: top;position: relative}
.show-item .show-box{width: 40px;height: 40px;border-radius: 100%;display: inline-block;vertical-align: top;position: relative;cursor: pointer;text-align: center;z-index: 1}
.show-item .show-box:before{box-sizing: border-box;content: "";position: absolute;top: 50%;left: 50%;height: 40px;width: 40px;border: 1px solid red;border: 1px solid var(--movie-color,red);border-radius: 100%;margin: -20px 0 0 -20px;z-index: -1;transition: border-width .6s cubic-bezier(.19,1,.22,1)}
.show-item .show-box:hover:before{border-width: 20px}
.show-item .show-box .icon-login{margin: 12px 0 0 0}
.show-item .show-box .icon-login-help{margin: 11px 0 0 0}
.show-item .tooltip{display: none;padding: 10px 18px 10px;background: rgba(4,9,25,.43);border: 1px solid red;width: 150px;position: absolute;top: 60px;left: -57px}
.show-item .tooltip:before{content: "";width: 1px;height: 40px;background: red;position: absolute;left: 76px;top: -41px}
.show-item .tooltip h4{color: #fff;line-height: 30px;font-size: 14px}
.show-item .tooltip-sm{width: 138px;left: -80px}
.show-item .tooltip-sm:before{left:98px}
.show-item .qrcode{width: 114px;height: 114px;margin-top: 7px;margin-bottom: 8px}
.show-item .qrcode img{width: 100%;height: 100%;display: block}
.icon-login-code{width: 20px; height: 20px}
.icon-login-developer{width: 13.06px; height: 17.97px;}
.icon-login-developer{background-position: 46.56393687088356% 98.4624706506097%;}
.show-item:hover .tooltip{display: block}
.icon-login-code{background-position: 0 100%;}
[class^=icon]{display: inline-block;vertical-align: middle;position: relative;top: -1px;margin-right: 5px}
.zuida{ width:100%; float:left; position:fixed; left:0px; top:0px; height:100%;  background:url(../images/bg.jpg) center no-repeat;background-size: cover;}
.hup{ width:100%; height:100%; float:left; position:relative;}
.login{ width:710px; height:548px; float:left; position:absolute; left:50%; top:50%; margin:-274px 0px 0px -355px; z-index:1;}
.login-a{ width:100%; float:left; border:1px solid rgba(255,255,255,0.14); padding:0 70px;}
.login h1{ width:100%; float:left; font-size:60px; color:#fff; text-align:center; padding-top:80px; font-family:"YoungSerif",serif;}
@font-face{font-family:'YoungSerif';font-weight:400;src:local("YoungSerif"),url("../font/YoungSerif-Regular.woff2") format("woff2"),url("../font/YoungSerif-Regular.woff") format("woff")}
.login-a ul{ width:100%; float:left; padding-top:50px;}
.login-a ul li{ width:100%; float:left; position:relative; overflow:hidden; padding-bottom:45px;}
.login-a ul li i{ position:absolute; left:0px; top:0px; margin:18.5px 0px 0px 19px;}
.login-a ul li .input{ width:100%; float:left; font-size:16px; color:#333; line-height:55px; border:0px; background:#fff; outline:none; border-radius:0px; -webkit-appearance:none; padding-left:54px; transition:all 0.5s ease-out 0s;}
.login-a ul li .input:active{ background:rgba(255,255,255,0.6);} 
.icon-login-name{ width:18.94px; height:19px; background-position:25.151554237069522% 99.23664122137404%;}
.icon-login-password{ width:17px; height:19px; background-position:36.904458598726116% 99.23664122137404%;}
.login-a h2{ width:100%; float:left; padding-bottom:75px;}
.login-a h2 a{ display:inline-block; width:100%; float:left; color:#fff; height:55px; background:#ce080d; position:relative; overflow:hidden;}
.login-a h2 a b{ display:inline-block; width:100%; float:left; font-size:18px; text-align:center; position:absolute; left:0px; top:0px; line-height:55px; z-index:2; font-weight:normal; }
.login-a h2 a:before{ content:""; background:#232323; border-radius:50%; opacity:0; position:absolute; top:50%; left:50%; bottom:0; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:0.5s; width:10%;}
.login-a h2 a:hover:before{ opacity:1; padding-top:100%; width:120%;}
.p{ position:absolute; left:0px; bottom:60px; width:100%; float:left; font-size:14px; line-height:26px; color:#fff; text-align:center; font-family:"YoungSerif",serif; padding:0 15px;}

/*首页*/
.nav{ width:100%; float:left;  background:rgba(0,0,0,0.6); position:fixed; height:120px; left:0px; top:0px; padding-top:20px; z-index:999;}
.nav-bt{ width:100%; float:left; padding:0 60px; height:34px; position:relative;}
.nav-bt h1{float:left; margin-top:10px;}
.nav-bt h1 a{ display:inline-block; float:left; font-size:12px; color:#fff; margin-right:24px; padding-left:25px; }
.nav-bt h1 a:hover{ }
.nav-bt h1 a.a1{background:url(../images/a2.png) left center no-repeat; width:auto; height:15px; background-size:12px;} 
.nav-bt h1 a.a2{ background:url(../images/a1.png) left center no-repeat; width:auto; height:15px; background-size:12px;}
.nav-bt h1 a.a4{ background:url(../images/a4.png) left center no-repeat; width:auto; height:15px; background-size:12px;}

.nav-bt h1 a.a1:hover{background:url(../images/a22.png) left center no-repeat; background-size:12px;}
.nav-bt h1 a.a2:hover{background:url(../images/a11.png) left center no-repeat; background-size:12px;}
.nav-bt h1 a.a4:hover{background:url(../images/a44.png) left center no-repeat; background-size:12px;}
.nav-bt h1 dl{ float:left;  color:#fff; position:relative; margin-right:20px; }
.nav-bt h1 dl dt{ float:left; width:100%; height:26px;    background: url(../images/a1.png) 0px 3px no-repeat;background-size: 12px; padding-left:25px; }
.nav-bt h1 dl:hover dt{background:url(../images/a11.png) 0px 3px no-repeat; background-size:12px;}
.nav-bt h1 dl dt i{ float:right;transform: rotate(-90deg);transition: all 0.3s ease 0s; margin-top:3px; margin-left:10px; }
.nav-bt h1 dl:hover dt i{transform: rotate(-270deg);}
.nav-bt h1 dl dd{ position:absolute; left:0px; top:60px; background:#fff; width:100%;visibility: hidden;opacity: 0;transition: all 0.6s ease 0s;}
.nav-bt h1 dl dd a{ float:left; width:100%; display:block; line-height:24px; color:#333; padding:5px 10px;}
.nav-bt h1 dl:hover dd{top: 24px;opacity: 1;visibility: visible;}
.nav-bt h1 dl dd a:hover{ color:red;}
.nav-bt h2{ width:201px; position:absolute; left:50%;  top:0px; margin-left:-100px;}
.nav-bt h2 a{ display:inline-block;}
.nav-bt h2 a img{ max-width:100%;}
.nav-bt h3{ float:right; margin-top:8px; }
.nav-bt h3 a{ display:inline-block; float:right; background:url(../images/a3.png) center no-repeat; width:18px; height:18px;}
.nav-bt h3 a:hover{ background:url(../images/a33.png) center no-repeat;}
.nav-bt h6{ display:none; background:url(../images/m-logo.png) center; background-size:cover; width:34px; height:34px; float:left;} 
.nav-a{ width:100%; float:left; padding-top:60px;}
.nav-a-zxtj .list-a{ width:30%; margin-right:5%;}
.nav-a-zxtj .list-a:nth-child(3n+3){ margin-right:0px;}
.public-center{ width:1280px; margin:0 auto;}
.list-a{ width:18.4%; float:left; margin-bottom:40px; margin-right:2%;}
.list-a:nth-child(5n+5){ margin-right:0px;}
.list-a h2{ width:100%; float:left;}
.list-a h2 a{ display:inline-block; float:left; font-size:14px !important; color:#000 !important; margin:0px 0px 40px 0px !important; height:auto !important; padding-bottom:15px; }
.list-a h2 a:after{ content:""; width:20px; height:2px; background:#000; border:0px; float:left; position:absolute; left:0px; bottom:0px; margin:0px; left:0px; transition:all 0.5s ease-out 0s;}
.list-a a:hover:after{ width:100%;}
.list-a h3{ width:100%; float:left; position:relative; overflow:hidden; margin-bottom:30px;}
.list-a h3 a{ display:inline-block; float:left; width:100%; font-size:12px !important; height:auto !important; padding-bottom:0px !important; color:#555 !important; margin:0px !important; text-align:left !important; transition:all 0.5s ease-out 0s;} 
.list-a h3 a:before{ display:none !important; }
.list-a h3 b{ display:block; width:100%; float:left; border-bottom:1px solid #eee; float:left; margin-top:10px;}
.list-a h3:after{ content:""; position:absolute; left:0px; bottom:0px; width:0px; height:1px; background:#ff0000; transition:all 0.5s ease-out 0s; float:left;}
.list-a h3:hover a{ color:#ff0000 !important; padding-left:5px;}
.list-a h3:hover:after{ width:100%;}
.f-cb{ width:100%; float:left; text-align:center; margin-top:34px;}
.f-cb li{ display:inline-block;}
.f-cb li a{ display:inline-block; float:left; font-size:14px; color:#fff; height:32px; margin:0 65px; position:relative; padding-bottom:15px; overflow:hidden;}
.nav-a-none .list-a{ margin-bottom:0px;}
.nav-a-none .list-a h2 a{ text-align:center; float:none;}
.nav-a-none .list-a h2 a:after{ display:none;}
.nav-a-none .list-a h2 a:hover{ color:#ff0000 !important;}
.nav-a-none .list-a h2 a:hover i{opacity:0.6;}
.f-cb li a i{ display:inline-block; float:left; text-align:center; width:100%; margin-bottom:10px;}
.f-cb li a i img{ max-width:24px; display:block; margin:0 auto; text-align:center;}
.f-cb li a:before{content:""; display:block; position:absolute; left:50%; margin-left:-6px; bottom:-20px; width:12px; height:5px; border-top:6px solid transparent; border-right:6px solid #fff; border-bottom:6px solid transparent; transition:284ms ease-in-out; transform:rotate(90deg); }
.f-cb li:hover a:before{ bottom:0px;}
.f-cb li.selected a:before{ bottom:0px;}
.f-cb li a.selected{ background:#232323;}
.f-cb li dl{ display:none; position:absolute; background:#fff; left:0px; top:120px; right:0px; z-index:999;}
.f-cb li dl .nav-nr a{ background:none; height:50px; line-height:50px; float:none; display:inline-block; padding:0px 20px; margin:0px 60px; color:#333;}
.banner{ width:100%; float:left; height:800px;}
.banner .swiper-container{ height:100%; width:100%; float:left;}
.banner .swiper-wrapper{ width:100%; height:100%; float:left;}
.banner-a{ width:100%; height:100%; float:left; position:relative; overflow:hidden;}
.banner .swiper-button-prev{ background:url(../images/banner-left.png) no-repeat !important; width:40px; height:40px; margin-top:-20px; left:30px;}
.banner .swiper-button-next{ background:url(../images/banner-right.png) no-repeat !important; width:40px; height:40px; margin-top:-20px; right:30px;}
.banner .swiper-button-prev:hover{ background:url(../images/banner-left.png)0 -40px no-repeat !important;}
.banner .swiper-button-next:hover{ background:url(../images/banner-right.png)0 -40px no-repeat !important;}
.banner span{ display:block; width:100%; float:left; position:absolute; left:0px; bottom:-120px; transition:all 0.7s ease-out 0s;}
.banner span p{ width:100%; float:left; font-size:36px; color:#fff; text-align:center; font-family:serif;}
.banner span h2{ width:100%; float:left; text-align:center; margin-top:35px;}
.banner span h2 a{ display:inline-block; font-size:12px; font-weight:bold; color:#fff; padding-bottom:16px; position:relative; overflow:hidden; transition:all 0.5s ease-out 0s;}
.banner span h2 a:after{ content:""; position:absolute; left:0px; bottom:0px; height:2px; background:#fff; float:left; width:100%; transition:all 0.5s ease-out 0s;}
.banner span h2 a:hover{ color:#ff0000; }
.banner span h2 a:hover:after{ background:#ff0000;}
.banner .swiper-slide-active span{ bottom:50px;}
.category{ width:100%; float:left;}
.center{width: 100%;height: auto;overflow: hidden;z-index: 1000;}
.gd-center{position: relative;top: 750px;}
.html-menu{ overflow:hidden;}
.sj-nr{ display:none;}
.sj-nr dl{ float:left; width:100%; background:#fff;}
.sj-nr dl dt{ float:left; width:100%; overflow:hidden;}
.sj-nr dl dt img{ float:left; width:100%;}
.sj-nr dl dd{ float:left; width:100%; margin:35px 0px;}
.sj-nr dl dd h1{width: 100%;float: left; font-size: 22px; color:#000; text-transform: uppercase; text-align: center; font-family:serif;}
.sj-nr dl dd h2{ width:100%; float:left; text-align:center; margin-top:26px;}
.sj-nr dl dd h2 a{ display:inline-block; font-size:12px; font-weight:bold; color:#000; padding-bottom:16px; position:relative; overflow:hidden; transition:all 0.5s ease-out 0s;}
.sj-nr dl dd h2 a:after{ content:""; position:absolute; left:0px; bottom:0px; height:2px; background:#000; float:left; width:100%; transition:all 0.5s ease-out 0s;}
.sj-nr dl dd h2 a:hover{ color:#ff0000;}
.sj-nr dl dd h2 a:hover:after{ background:#ff0000;}
/*背景错觉*/
.book{ float:left; width:100%; height:700px; position:relative;}
.book1 {background: url(../images/book1.jpg) no-repeat 0px 0px;background-size: cover;padding: 7em 0;}
.book2 {background: url(../images/book2.jpg) no-repeat 0px 0px;background-size: cover;padding: 7em 0;}
.book3 {background: url(../images/book3.jpg) no-repeat 0px 0px;background-size: cover;padding: 7em 0;}
.jarallax {position: relative;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.products-bt{ width:100%; float:left; position:absolute; left:0px; bottom:50px;}
.products-bt h1{ width:100%; float:left; font-size:26px; color:#fff; text-transform:uppercase; text-align:center; font-family:serif; font-weight:normal;}
/*.products-bt h2{ width:100%; float:left; text-align:center; margin-top:35px;}
.products-bt h2 a{ display:inline-block; font-size:14px; color:#fff; padding-bottom:15px; position:relative; overflow:hidden; transition:all 0.5s ease-out 0s;}
.products-bt h2 a:before{content: ""; position:absolute; left:0px; bottom:0px; height:2px; background:#fff; width:100%; transition:all 0.5s ease-out 0s;} 
.products-bt h2 a:hover{color:#ff0000; padding-bottom:10px;} 
.products-bt h2 a:hover:before{ background:#ff0000;}*/
.products-bt h2{ width:100%; float:left; text-align:center; margin-top:26px;}
.products-bt h2 a{ display:inline-block; width:130px; line-height:47px; font-size:12px; font-weight:bold; color:#030303; text-align:center; background:#fff; transition: all 0.5s ease-out 0s; vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px transparent;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .5s;transition-duration: .5s;}
.products-bt h2 a:before{content: ""; height:100%; position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: .7s;transition-duration: .7s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} 
.products-bt h2 a:hover{color:#fff;} 
.products-bt h2 a:hover:before{background-color: #000!important;webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);transition-timing-function: cubic-bezier(.52,1.64,.37,.66);}

.stuckMenu{ background:#1b1b1b;}
/*底部*/
.footer{ width:100%; float:left; background:#000; padding-top:50px; position:relative; z-index:2;}
.footer font{ display:inline-block; width:100%; float:left; text-align:center; margin-bottom:80px;}
.footer font a{ display:inline-block; text-align:center;}
.footer font a img{ display:block; margin:0 auto; text-align:center; max-width:161px;}
.footer ul{ width:100%; float:left;}
.footer ul li{ width:28%; float:left;}
.footer ul li dl{ width:100%; float:left;}
.footer ul li dl dt{ width:100%; float:left; font-size:16px; color:#fff;}
.footer ul li dl dd{ width:100%; float:left;}
.footer ul li dl dd h2{ width:100%; float:left; margin-top:20px;}
.footer ul li dl dd h2 a{ display:block; float:left; font-size:12px; color:#9d9d9d;}
.footer ul li dl dd h2 a:hover{ color:rgba(255,255,255,0.8);}



.footer ul li h4{ width:100%; float:left;}
.footer ul li h4 a{ display:inline-block; float:left; border:1px solid rgba(255,255,255,0.4); padding:0 40px;  font-size:14px; color:#fff; line-height:50px; transition:all 0.5s ease-out 0s; text-align:center;}
.footer ul li h4 a i{ display:inline-block; background:url(../images/share.png) center no-repeat; width:16px; height:16px; background-size:16px; margin-right:20px; vertical-align:-2px;}
.footer ul li h4 a:hover{ background:#ff0000; border:1px solid #ff0000;}
.footer ul li:nth-child(4n+4){ width:16%; float:right;}
.footer span{ display:block; width:100%; float:left; margin-top:60px; border-top:1px solid #333;}
.footer span p{ float:left; font-size:12px; color:#9b9b9b; line-height:70px;}
.footer span h4{ float:right; padding-top:15px;}
.footer span h4 a{ display:inline-block; float:left; font-size:12px; color:#9b9b9b; line-height:40px; margin-left:48px;}
.footer span h4 a:first-child{ margin-left:0px;}
.footer span h4 a:hover{ color:#fff;}

/*购物车*/
.shopping-list{ float:left; width:100%;}
.shopping{ float:left; width:100%;}
.shop-group-item{ float:left; width:100%; margin-bottom:25px;}
.shop-name{ float:left; width:100%; background:#fff; position:relative; padding:15px 0px; border-bottom:1px solid #eee;}
.shop-name h4{ float:left;}
.shop-name h4 a{ font-size:14px; color:#333; padding-left:40px; height:28px; line-height:28px; display:block; float:left; background:url(../images/dp.png) 0px 4px no-repeat;background-size: 20px; margin-left:50px;}
.shop-name h6{ float:right; margin-right:20px;}
.shop-name h6 b{ font-weight:normal; height:28px; line-height:28px; display:block; float:left; padding-left:26px; font-size:12px; margin-left:15px;}
.shop-name h6 b.wcl{ color:#666; background:url(../images/cl3.png) 0px 6px no-repeat; background-size:16px;}
.shop-name h6 b.clz{ color:#ce7f17; background:url(../images/cl1.png) 0px 6px no-repeat; background-size:16px;}
.shop-name h6 b.ycl{ color:red; background:url(../images/cl2.png) 0px 6px no-repeat; background-size:16px;}

.shop-name input.check{background: url(../images/icon_radio3.png) no-repeat center left; background-size: 20px 20px; position: absolute; top: 50%; left: 10px; margin-top: -18px; width: 20px; height: 35px;}
.shop-name input[type="checkbox"]{-webkit-appearance: none;  outline: none;}
.shop-name input.check:checked{background: url(../images/icon_radio4.png) no-repeat center left;background-size: 20px 20px;}
.shop-group-item ul{ float:left; width:100%; background:#fff; }
.shop-group-item ul li{ padding:20px 50px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;  width:100%; border-bottom:1px dotted #eee; position:relative;}
.shop-group-item ul li:hover{ background:#fafafa;}
.shop-group-item ul li:last-child{ border-bottom:0px;}
.shop-group-item ul li input.check{background: url(../images/icon_radio3.png) no-repeat center left; background-size: 20px 20px; position: absolute; top: 50%; left: 10px; margin-top: -18px; width: 20px; height: 35px;}
.shop-group-item ul li input[type="checkbox"]{-webkit-appearance: none;  outline: none;}
.shop-group-item ul li input.check:checked{background: url(../images/icon_radio4.png) no-repeat center left;background-size: 20px 20px;}
.shop-info-img{  width:120px;}
.shop-info-img img{ max-width:100%; float:left;}
.shop-info-text{-webkit-box-flex: 1;-webkit-flex: 1; flex: 1; display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-box-align: center;-moz-box-align: center; padding:0px 20px;   }
.shop-info-text h3{ font-size:18px; color:#000; }
.shop-info-text a{ position:absolute; top:50%; height:26px; line-height:26px; margin-top:-13px; font-size:14px; color:#000; right:30px;}
.shop-info-text a:hover{ color:red;}

.payment-bar{ position:fixed; bottom:0px; width:100%; background:#fff; z-index:99; left:0px; border-top:1px solid #eee; }
.all-checkbox{float: left;line-height: 60px;padding-left: 40px; font-size:14px; color:#000;}
.all-checkbox input.check{background: url(../images/icon_radio3.png) no-repeat center left; background-size: 20px 20px; position: absolute; top: 50%; left: 10px; margin-top: -18px; width: 20px; height: 35px;}
.all-checkbox input[type="checkbox"]{-webkit-appearance: none;  outline: none;}
.all-checkbox input.check:checked{background: url(../images/icon_radio4.png) no-repeat center left;background-size: 20px 20px;}



.sl-gr{ float:right; line-height:60px; margin-right:40px;}
.sl-gr b{ font-size:14px; margin:0px 5px;}
.sl-xd{ float:left; margin-left:20px; margin-right:0px;}
.settlement{ float:right; width:150px; background:#222; height:60px; line-height:60px; display:block; text-align:center; color:#fff; font-size:14px;}
.settlement:hover{ background:red;}
/*服装*/
.neiye{ width:100%; float:left; position:relative;}
.neiye:before{content:""; position:absolute; left:0px; width:100%; top:0px; background:#fff; height:220px; display:none; z-index:1; visibility:hidden; }
.neiye:hover:before{ display:block; visibility:visible; }
.nr-banner{ width:100%; float:left; height:750px;}
.public-nr-nav{ width:100%; float:left;}
.sjs-dh {width:100%; float:left; background:#fff;}
.sjs-dh .swiper-wrapper{ width:20%; float:left;}
.sjs-dh .swiper-slide { width:100%; float:left;}
.sjs-dh dl{ width:80%; float:left; position:relative;}
.sjs-dh dl dt{ width:100%; float:left;}
.sjs-dh dl dt a{ display:inline-block; float:left; width:100%;  position:relative; overflow:hidden; transition:all 0.7s ease-out 0s;}
.sjs-dh dl dt a p{ float:left; font-size:16px; line-height:75px; padding-right:40px;}
.sjs-dh dl dt a b{ display:inline-block; float:left; background:url(../images/jt.png) no-repeat; width:14px; height:14px; background-size:cover; margin-top:30px; transition:all 0.7s ease-out 0s; }
.sjs-dh dl dd{ position:absolute; left:0px; top:85px; float:left; width:100%; opacity:0; background:#fff; padding:0px 10px 10px 10px; visibility:hidden; filter:alpha(opacity=0); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;
 -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.sjs-dh dl dd a{ display:inline-block; width:100%; float:left; font-size:14px; color:#333; line-height:40px; padding-left:5px; position:relative; overflow:hidden; transition:all 0.5s ease-out 0s;}
.sjs-dh dl dd a:before{content: ""; position:absolute; left:0px; bottom:0px; width:100%; background:#666; float:left; height:1px; transition:all 0.4s ease-out 0s;}
.sjs-dh dl dd a:after{content: ""; position:absolute; left:-100%; bottom:0px; width:100%; background:#ff0000; float:left; height:1px; transition:all 0.7s ease-out 0s;}
.sjs-dh dl:hover dd{ opacity:1; top:75px; visibility:visible; }
.sjs-dh dl dd a:hover{ color:#ff0000; padding-left:0px;}
.sjs-dh dl dd a:hover:after{ left:0px;}
.sjs-dh dl dd a:hover:before{ left:100%;}
.sjs-dh dl:hover dt a{ color:#ff0000;}
.sjs-dh dl:hover dt a b{ background:url(../images/jt.png) 0 -14px no-repeat; width:14px; height:14px; background-size:14px;}
.xilie{ width:100%; float:left; padding-top:65px; background:#f5f5f5; overflow:hidden;}
.xilie ul{ width:100%; float:left;}
.xilie ul li{ width:32%; float:left; margin-right:2%; margin-bottom:25px; animation-duration:1s;}
.xilie ul li h3{ width:100%; float:left;}
.xilie ul li h3 a{ display:inline-block; float:left; font-size:12px; color:#333; line-height:44px; text-align:center; width:100%; background:#eaeaea; transition:all 0.5s ease-out 0s;}
.xilie ul li h3 a:hover{ background:#ff0000; color:#fff;}
.xilie ul li:nth-child(3n+2){ animation-duration:1.1s;}
.xilie ul li:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s;}
.xilie ul li dl{ width:100%; float:left;}
.xilie ul li dl dt{ width:100%; float:left; position:relative; overflow:hidden;}
.xilie ul li dl dt img{ max-width:100%; float:left;}
.xilie ul li dl dt span{ display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); -webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; opacity:0; transition:all 0.5s ease-out 0s; }
.xilie ul li dl dt span b{ display:inline-block; font-size:12px; color:#666; padding:0 36px; line-height:40px; text-align:center; background:#fff; font-weight:normal; margin-top:20px; transition:all 0.5s ease-out 0s;}
.xilie ul li dl dt span b:hover{ background:#ff0000; color:#fff;}
.xilie ul li dl dd{ width:100%; float:left; background:#fff; padding:20px;}
.xilie ul li dl dd span{ display:block; width:100%; float:left; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.xilie ul li dl dd span b{ width:80px; float:left; margin-right:24px;}
.xilie ul li dl dd span b img{ max-width:80px; float:left;}
.xilie ul li dl dd span h3{ -webkit-box-flex:1; -webkit-flex:1; flex:1;} 
.xilie ul li dl dd span h3 i{ display:inline-block; width:100%; float:left; font-size:16px; color:#000; font-style:normal; font-weight:bold; white-space:nowrap; overflow:hidden; line-height:16px; text-overflow:ellipsis;}
.xilie ul li dl dd span h3 em{ display:inline-block; width:100%; float:left; font-size:12px; color:#666; line-height:20px; font-style:normal; margin-top:10px; max-height:40px; overflow:hidden;}
.xilie ul li dl:hover dt span{ opacity:1; }
.xilie ul li dl:hover dt span b{ margin-top:0px;}
.xilie h2{ width:100%; float:left; text-align:center; margin-top:80px; margin-bottom:300px; animation-duration:1s;}
.xilie h2 a{border:1px solid #000;  display:inline-block; color:#666; font-size:14px; padding:0px 85px; line-height:60px; vertical-align: middle;-webkit-transform:translateZ(0); transform:translateZ(0);box-shadow:0 0 1px transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; -webkit-transition-property:color; transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.xilie h2 a:before{content: ""; height:100%; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%;-webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.7s; transition-duration:0.7s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.xilie h2 a:hover{color:#fff; border:1px solid #ff0000;}
.xilie h2 a:hover:before{ background-color:#ff0000!important;  webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66); transition-timing-function:cubic-bezier(.52,1.64,.37,.66);}


.fz-nav{ width:100%; float:left;}
.nav-bar{ position:relative; overflow:hidden;  width:100%; float:left; height:75px; z-index:3; -webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.nav-bar:hover{ overflow:visible; opacity:1;  -webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.nav-bg{ position:absolute; width:100%; -webkit-transition:.3s; transition:.3s;}
.nav-top{ height:75px; width:100%; float:left; }
.nav-content{ position:absolute; width:100%; float:left; z-index:2;}
.nav-content-box{ position:absolute; top:0;left:0; height:auto; width:100%; background:#fff;}
.nav-content-box>li{float:left; width:20%;  height:100%; }
.nav-content-box>li span{ display:block; width:100%; float:left; height:75px; background:#fff; padding-left:15px;}
.nav-content-box>li:hover{ background:#eee;}
.nav-content-box>li:hover ul li{ border-bottom:1px solid #eee;}
.nav-content-box>li:hover ul li a{ color:#000; }
.nav-content-box>li>span>a{display:inline-block; padding-right:50px; line-height:75px; font-size:16px; color:#000; position:relative; overflow:hidden; transition:all 0.5s ease-out 0s;}
.nav-content-box>li>span>a>b{ background:url(../images/jt.png) no-repeat; width:14px; height:14px; background-size:12px; float:left; position:absolute; top:30.5px; right:0px; transition:all 0.5s ease-out 0s;}
.nav-content-box>li:hover span{ background:#eee;}
.nav-content-box>li:hover span a{ color:#ff0000;}
.nav-content-box>li:hover span a b{ background:url(../images/jt.png)0 -14px  no-repeat; background-size:12px;}
.nav-content-box>li>ul{ width:100%; float:left; padding:0px 15px 15px 15px;}
ul.nav-content-box>li>ul>li{ width:100%; float:left; font-size:12px; line-height:30px; padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:10px;}
ul.nav-content-box>li>ul>li>a{display:block; width:100%; color:#666; transition:all 0.5s ease-out 0s;}
ul.nav-content-box>li>ul>li>a:hover{ color:#ff0000; }


.zb-ny:hover:before{ display:none;}
.zb-nav{ float:left; width:100%;}
.zb-nav ul{ float:left; width:100%;}
.zb-nav ul li{ float:left; width:20%; text-align:center; padding:20px 0px;}
.zb-nav ul li img{ display:block; margin:0 auto; max-width:24px; margin-bottom:10px;}
.zb-nav ul li a:hover img{opacity:0.5;}
.zb-nav ul li a{ font-size:14px; color:#333; font-weight:bold;}
.zb-nav ul li a:hover{ opacity:0.5;}
/*服装*/
.nav-000{ background:#000;}
.fznr{ width:100%; float:left; background:#f5f5f5; padding-top:120px; }
.p-top-0{ padding-top:0px;}
.fznr-yc{ padding:0px !important; display:none;}
.fznr-1{ width:100%; float:left; padding:20px 0;}
.fznr-1 span{ display:block; float:left; background:#fff; padding:0 21px; position:relative; overflow:hidden;}
.fznr-1 span a{ display:inline-block; float:left; font-size:12px; color:#666; line-height:38px;}
.fznr-1 span b{ display:inline-block; float:left; width:1px; height:12px; background:#e7e7e7; margin:13px 16px 0 16px;}
.fznr-1 span a:nth-child(2n+2){ float:right;}
.fznr-1 span a:hover{ color:#ff0000;}
.fznr-2{ width:100%; float:left; background:#fff; margin-bottom:20px;}
.fznr-2 dl{ width:100%; float:left; position:relative; overflow:hidden; padding:30px 300px 30px 30px; }
.fznr-2 dl dt{ position:absolute; top:0px; right:0px; width:230px; height:100%; border-left:1px solid #eee; overflow:hidden; -webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.fznr-2 dl dt img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.fznr-2 dl dd{ width:100%; float:left;}
.fznr-2 dl dd span{ display:block; width:100%; float:left; margin-bottom:10px;}
.fznr-2 dl dd span b{ display:inline-block; float:left; margin-top:5px;}
.fznr-2 dl dd span b img{ max-width:24px; float:left;}
.fznr-2 dl dd span h2{ float:left; font-size:16px; color:#000; line-height:34px; margin:0 25px; font-weight:bold;}
.fznr-2 dl dd span a{ display:inline-block; float:left; border:1px solid #e3e3e3; padding:0 15px; transition:all 0.5s ease-out 0s; margin-right:15px;}
.fznr-2 dl dd span a.ysc{ background:#222;border:1px solid #222;}
.fznr-2 dl dd span a i{ display:inline-block; float:left; background:url(../images/a111.png) center no-repeat; background-size:14px; width:18px; height:18px; margin-right:15px; margin-top:6px; transition:all 0.5s ease-out 0s;}
.fznr-2 dl dd span a em{ display:inline-block; float:left; font-size:12px; color:#333; line-height:30px; font-style:normal; transition:all 0.5s ease-out 0s;}
.fznr-2 dl dd span a.ysc em{ color:#fff;}
.fznr-2 dl dd span a:hover{ background:#ff0000; border:1px solid #ff0000;}
.fznr-2 dl dd span a:hover i,.fznr-2 dl dd span a.ysc i{ background:url(../images/a1.png) center no-repeat; background-size:14px;}
.fznr-2 dl dd span a:hover em{ color:#fff;}
.fznr-2 dl dd p{ width:100%; float:left; padding-left:50px; font-size:12px; color:#333; line-height:26px; max-height:130px; overflow:hidden;}
.fznr-3{ width:100%; float:left; overflow:hidden;}
.fuz{ width:100%; float:left; margin-bottom:20px; }
.am-sticky-placeholder{ width:100%; float:left;}
.fuz-list{ width:100%; float:left; background:#fff; padding:10px 30px; overflow:hidden;}
.fuz-list li{ float:left; font-size:14px; color:#333; line-height:40px; margin-right:60px;}
.fuz-list li:last-child{ margin-right:0px;}
.fuz-list li a:hover{ color:#ff0000;}

.fuz-list li a.am-active{ color:#ff0000;}
.fuz-nr{ width:100%; float:left; animation-duration:1s;}
.fuz-nr span{ display:block; width:100%; float:left;}
.fuz-nr span p{ width:100%; float:left; font-size:26px; color:#fff; line-height:60px; background:#1b1b1b; text-align:center; font-family:serif;}
.fuz-nr-1{ width:100%; float:left;}
.fuz-nr-1 dl{ width:25%; float:left; margin-bottom:20px; position:relative; overflow:hidden;}
.fuz-nr-1 dl dt{ width:100%; float:left; overflow:hidden;  }
.fuz-nr-1 dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;   }
.fuz-nr-1 dl dd{ float:left; text-align:center; width:100%; position:absolute; bottom:-50px; left:0px; transition:all 0.5s ease-out 0s;}
.fuz-nr-1 dl dd b{ display:inline-block; font-weight:normal; padding:0 50px; font-size:13px; color:#333; line-height:40px; text-align:center; background:#fff; transition:all 0.5s ease-out 0s;}
.fuz-nr-1 dl:hover dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); }
.fuz-nr-1 dl:hover dd{ bottom:64px;}
.fuz-nr-1 dl p{ font-size:12px; padding:0px 10px; color:#666; float:left; width:100%; text-align:center; height:44px; line-height:44px; background:#fff; text-align:center;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bck .fuz-nr-1 dl:hover dd{ bottom:108px;}
.fuz-nr-1 dl span{ display:block; position:relative; z-index:2; background:#e8e8e8; width:100%; float:left;}
.fuz-nr-1 dl span a{ display:inline-block; float:right; font-size:12px; color:#333; line-height:44px; width:100%; text-align:center; transition:all 0.5s ease-out 0s; }
.fuz-nr-1 dl span:hover a{ background:#ff0000; color:#fff;}
.fuz-nr-1 dl dd b:hover{ background:#ff0000; color:#fff;}
.fznr-nav {width:100%; verflow:hidden; text-align:center; float:left;}
.fznr-nav .swiper-wrapper{ width:100%; margin:0 auto;}
.fznr-nav .swiper-slide { padding:0 30px; width:auto;  text-align:center; display:inline-block; float:none;}
.fznr-nav .swiper-slide a{ display:inline-block; font-size:14px; color:#333; line-height:60px; animation-duration:1s; transition:all 0.5s ease-out 0s; }
.fznr-nav .swiper-slide a:hover{ color:#ff0000;}
/*详情*/
.nrxq{ width:100%; float:left; background:#f5f5f5; padding-top:30px; padding-bottom:80px; }
.content{ width:100%; float:left; position:relative; overflow:hidden;}
.nrxq-left{ width:60%; float:left; background:#fff; padding:10px 30px 30px 30px;}
.nrxq-left-bt{ width:100%; float:left;}
.nrxq-left-bt h1{ width:100%; float:left; font-size:18px; color:#000; text-align:center; line-height:70px; border-bottom:1px solid #ddd;}
.nrxq-left-bt h1.sj-y{ display:none;}
.nrxq-left-nr{ width:100%; float:left; padding-top:20px;}
.nrxq-left-nr img{ max-width:100%; display:block; text-align:center; margin:0 auto;}
.summary{ width:36%;  float:right;  }
.nrxq-right{  float:right; background:#f5f5f5;  }
.nrxq-right h6{ font-size:22px; color:#000;  font-family:serif; padding-bottom:20px; line-height:32px;}
.nrxq-right h2{ width:100%; float:left;}
.nrxq-right h2 a{ display:inline-block; float:left; font-size:12px; color:#fff; height:40px; width:48%; line-height:40px; text-align:center; background:#e00c0c; }
.nrxq-right h2 a:nth-child(2n+2){ float:right; background:#000;}
.nrxq-right h2 a:hover{ background:#f67070;}
.nrxq-right h2 a:nth-child(2n+2):hover{ background:#434343;}
.nrxq-right h2 a i{background:url(../images/a2.png) center no-repeat; width:15px; height:15px; display:inline-block; margin-right:12px; vertical-align:-3px; background-size:12px;} 
.nrxq-right h2 a:nth-child(2n+2) i{ background:url(../images/a1.png) center no-repeat; vertical-align:-3px; background-size:12px;}
.nrxq-right span{ display:block; width:100%; float:left; margin-top:40px; margin-bottom:20px; background:#fff;}
.nrxq-right span a{ display:block; width:100%; float:left; padding:25px 20px; transition:all 0.5s ease-out 0s;}
.nrxq-right span a:hover{ background:#dfdfdf;}
.nrxq-right span a:hover h3{ color:#ff0000;}
.nrxq-right span a:hover h3 i{ background:url(../images/dp2.png) center no-repeat; background-size:20px;}
.nrxq-right span a:hover b{ background:url(../images/jt-22.png) center no-repeat; background-size:14px;}
.nrxq-right span h3{ display:inline-block; float:left; font-size:14px; color:#000; transition:all 0.5s ease-out 0s;}
.nrxq-right span h3 i{ display:inline-block; float:left; background:url(../images/dp.png) center no-repeat; width:20px; height:20px; margin-right:15px; background-size:20px; transition:all 0.5s ease-out 0s;}
.nrxq-right span b{ display:inline-block; float:right; background:url(../images/jt-2.png) center no-repeat; width:14px; height:14px; background-size:14px; margin-top:3px; transition:all 0.5s ease-out 0s;}
.nrxq-right dl{ width:100%; float:left; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.nrxq-right dl dt{ width:130px; float:left; margin-right:20px; background:#fff;}
.nrxq-right dl dt img{ max-width:130px; float:left;}
.nrxq-right dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.nrxq-right dl dd p{ width:100%; float:left; font-size:12px; color:#333; line-height:24px; max-height:120px; overflow:hidden;}
.nrxq-right h4{ width:100%; float:left; margin-top:30px;}
.nrxq-right h4 b{ display:inline-block; float:left; font-size:12px; color:#000; line-height:50px; margin-right:20px;}
.nrxq-right h4 a{ display:inline-block; float:left; font-size:16px !important; color:#000; width:50px; height:50px; border-radius:50%; margin:0 10px !important; overflow:hidden; background:#fff; line-height:50px; text-align:center; margin-right:27px; transition:all 0.5s ease-out 0s}
.nrxq-right h4 a:hover{ background:#ff0000; color:#fff;}

/*造型推荐*/
.zxtj{ width:100%; float:left; padding-top:100px; padding-bottom:80px; background:#f5f5f5; overflow:hidden;}
.zxtj ul{ width:100%; float:left;}
.zxtj ul li{ width:32%; float:left; margin-right:2%; margin-bottom:40px; animation-duration:1s;}
.zxtj ul li:nth-child(3n+2){ animation-duration:1.1s;}
.zxtj ul li:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s;}
.zxtj ul li dl{ width:100%; float:left;}
.zxtj ul li dl dt{ width:100%; float:left; overflow:hidden;}
.zxtj ul li dl dt img{ width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;   }
.zxtj ul li dl dd{ width:100%; float:left; background:#fff; padding:20px 30px; transition:all 0.5s ease-out 0s;}
.zxtj ul li dl dd p{ width:100%; float:left; font-size:18px; color:#333; line-height:28px; font-weight:bold; height:56px; overflow:hidden; text-align:center; text-transform:uppercase; transition:all 0.5s ease-out 0s;}
.zxtj ul li:hover dl dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); }
.zxtj ul li:hover dl dd{ background:#1b1b1b;}
.zxtj ul li:hover dl dd p{ color:#fff;}
.zxtj span{ display:block; width:100%; float:left; margin-top:10px; animation-duration:1.1s;}
.zxtj span a{ display:inline-block; float:left; width:56px; height:56px; font-size:14px; color:#333; line-height:56px; text-align:center; background:#fff; margin-right:20px; transition:all 0.5s ease-out 0s;margin-bottom:8px;margin-top: 1px;}
.zxtj span a:hover{ background:#1b1b1b; color:#fff;}
.zxtj span a:last-child{ width:108px; margin-right:0px;}
.zxtj span a.ouy{ background:#1b1b1b; color:#fff;}
/*造型推荐-详情*/
.zxtj-xq{ width:100%; float:left; margin-top:20px; padding:50px 40px; background:#fff; margin-bottom:60px;}
.zxtj-xq-center{ width:800px; margin:0 auto;}
.zxtj-xq-bt{ width:100%; float:left;}
.zxtj-xq-bt h1{ width:100%; float:left; font-size:26px; line-height:36px; color:#000; text-align:center; padding-bottom:30px; }
.zxtj-xq-bt span{ display:block; width:100%; float:left; text-align:center; margin-top:40px; margin-bottom:30px;}
.zxtj-xq-bt span b{ display:inline-block; font-size:12px; color:#000; line-height:20px; margin-right:10px; font-weight:normal; vertical-align:4px;}
.zxtj-xq-bt span a{ display:inline-block; font-size:12px !important; color:#333; line-height:24px; margin:0 5px !important; float:none; background:none; width:20px; height:20px; line-height:20px !important;}
.zxtj-xq-nr{ width:100%; float:left; padding-top:30px; border-top:1px solid #eee;}
.zxtj-xq-nr p{ width:100%; float:left; font-size:14px; color:#333; line-height:30px; margin-bottom:20px;}
.zxtj-xq-nr p img{ max-width:100%; text-align:center; display:block; margin:0 auto;}
.zxtj-xq-gd{ width:100%; float:left; padding-top:20px; border-top:1px solid #eee; margin:40px 0;}
.zxtj-xq-gd span{ display:block; width:100%; float:left;}
.zxtj-xq-gd span a{ display:inline-block; float:left;}
.zxtj-xq-gd span a i{ display:inline-block; float:left; font-style:normal; font-size:12px; color:#333; line-height:24px;}
.zxtj-xq-gd span a em{ display:inline-block; float:left; font-style:normal; font-size:12px; color:#333; line-height:24px; transition:all 0.5s ease-out 0s;} 
.zxtj-xq-gd span a:hover em{ color:#ff0000;}
.zxtj-xq-gd span a:nth-child(2n+2){ float:right;}
.sjs-dh {width:100%;overflow: hidden; text-align:center; float:left;background:#fff;}
.fuz-list .swiper-wrapper{ width:1400px; margin:0 auto;}
.fuz-list .swiper-slide { padding:0 20px; width:auto;  text-align:center; display:inline-block; float:none;}
.fuz-list .swiper-slide a{ display:inline-block; font-size:14px; color:#333; padding:18px 0;animation-duration:1s; }
.fuz-list .swiper-slide a.am-active{ color:#ff0000;}
.fuz-list .swiper-slide a:hover{ color:#ff0000;}
/*分享网站*/
.share{ position:fixed;width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99999;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; top:0px; left:0px;}
.share.ateler{ opacity:1; z-index:999; visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s; }
.share ul{ text-align:center;-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; height:50px; top:50%; margin-top:-25px; position:absolute; width:100%;}
.share.ateler ul{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.share ul li{ display:inline-block; width:50px; height:50px; border-radius:50%; overflow:hidden; margin:0px 10px;}
.share ul li a{ display:block; width:100%; height:100%; background:#fff;color:#000; transition: all 0.5s ease-out 0s;}
.share ul li a i{ display:block; width:50px; height:50px; line-height:50px; font-size:18px;  }
.share ul li a:hover{ background:#ff0000; color:#fff;}
.bd_weixin_popup .bd_weixin_popup_main{ padding-bottom:0px !important; }
/*搜索*/
.search-alert{position: fixed;z-index: 99999;background-color: #fff; left: 0; top: 0;width: 100%;height: 100%;display: none;}
.search-alert .close{display: block;width: 18px;height: 18px;background:url(../images/ico2.png) no-repeat center;position: absolute;top: 38px;right: 2.6%;cursor: pointer;transition: transform 0.3s ease 0s;}
.search-alert .close:hover{transform: rotateZ(90deg); transition: transform 0.3s ease 0s;}
.ovh{ overflow:hidden;}
.html-menu,.active-menu,.sj-active-menu{ overflow:hidden; }
.search-w{ float:left; width:600px; height:46px;  top:50%; margin-top:-23px; position:absolute; left:50%; margin-left:-300px; display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.search-w .form_error{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; height:46px;  border:0px;border-bottom:1px solid #eee; outline:none; font-weight:normal; padding:0px 15px; font-size:14px; font-weight:bold}
.search-w a{ display:block; width:120px; height:46px; background:#585858; color:#fff; text-align:center; line-height:46px; font-size:14px;font-weight:bold}
.search-w a:hover{ background:#000; color:#fff;}
/*手机导航*/
.nav-bt span{display: none; position: absolute;top: 7px;right: 15px;width: 27px;height: 19px;z-index: 5;cursor: pointer;}
.nav-bt span b{width:100%;height:2px;background-color:#fff;display:block;margin-bottom:7px;-webkit-transition:.5s all cubic-bezier(0, 1.15, .46, 1.17);-moz-transition:.5s all cubic-bezier(0, 1.15, .46, 1.17);-ms-transition:.5s all cubic-bezier(0, 1.15, .46, 1.17);-o-transition:.5s all cubic-bezier(0, 1.15, .46, 1.17);transition:.5s all cubic-bezier(0, 1.15, .46, 1.17);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;visibility:visible; transition:284ms ease-in-out; transition: transform 0.5s ease 0s}
.open-menu span:last-child{margin-bottom:0}
.szt-menu{ float:left; width:100%; background:#fff; height:100%; position:fixed; z-index:9999999; max-width:400px; right:-100%;transition: all 1.2s ease 0s; overflow-x:hidden; overflow-y:auto;}
.mobile .tiao{ top:74px; z-index:999; display:none;}
.mobile .nav-bt span b:nth-child(3n+1){ transform: rotate(-45deg); margin-top:9px; margin-bottom:0px;}
.mobile .nav-bt span b:nth-child(3n+2){ display:none;}
.mobile .nav-bt span b:nth-child(3n+3){ transform: rotate(45deg); margin-top:-2px; margin-bottom:0px;}
.mobile .nav{ background:#000; z-index:9999;}
.tiao{ float:left; width:100%; background:#000; height:100%; position:fixed; left:0px; top:-100%; padding:20px; border-top:1px solid #282828; transition:all 1.2s ease 0s; overflow-x:hidden; overflow-y:auto;}
.main-sidebar{ width:100%; float:left; padding-bottom:60px;}
.sidebar-menu li{ padding:26px 0px; border-bottom:1px solid #282828;}
.sidebar-menu li h2{ float:right; width:11px; height:11px; position:relative; overflow:hidden; margin-top:5px;  }
.sidebar-menu li h2 i{ display:inline-block; float:left; position:absolute; left:0px; top:50%; margin-top:-1px; width:100%; background:#fff; height:1px;}
.sidebar-menu li h2 em{ display:inline-block; float:left; position:absolute; left:50%; top:0px; margin-left:-1px; width:1px; background:#fff; height:100%; transition:284ms ease-in-out;}
.sidebar-menu li.active h2 em{ transform:rotate(90deg);}
.sidebar-menu li.active ul li h2 em{ transform:rotate(0deg);}
.sidebar-menu li.active ul li.active h2 em{ transform:rotate(90deg);}
.sidebar-menu li a{ color:#fff; display:block; font-size:16px; line-height:20px;}
.sidebar-menu li a:active{ color:rgba(255,255,255,0.6);}
.sidebar-menu li ul li{ border:0px; color:#9b9b9b; padding:8px 0px;}
.sidebar-menu li ul li a{ font-size:14px; color:#9b9b9b; padding:10px 0px;}
.sidebar-menu li ul li ul li{ padding:0px;}
.sidebar-menu li ul li ul{ margin-top:0px;}
.sidebar-menu li ul li ul li a{ font-size:12px;}
.sidebar-menu li ul li.active ul li a{ color:#fff;}
.treeview-menu{ display:none; margin-top:10px;}
.sidebar-menu li.active > .treeview-menu{ display:block;}
.sidebar-menu li.active > a > .fa-angle-left{ transform: rotate(-90deg);}
.fa-angle-left{transform: rotate(-180deg);}
.sidebar-menu li.active a{ color:#fff;}
.sidebar-menu li.active ul li a{ color:#9b9b9b;}
.sidebar-menu li.active ul li.active a{ color:#fff;}
.tiao h3{ width:100%; float:left; margin-top:30px;}
.tiao h3 a{ display:inline-block; width:100%; float:left; text-align:center; margin-bottom:15px; font-size:12px; color:#fff; height:40px; line-height:40px; background:#e00c0c; }
.tiao h3 a:nth-child(2n+2){ background:#333;}
.tiao h3 a:hover{ background:#f67070;}
.tiao h3 a:nth-child(2n+2):hover{ background:#666;}
.tiao h3 a i{background:url(../images/a2.png) center no-repeat; width:15px; height:15px; display:inline-block; margin-right:12px; vertical-align:-3px; background-size:12px;} 
.tiao h3 a:nth-child(2n+2) i{ background:url(../images/a1.png) center no-repeat; vertical-align:-3px; background-size:12px;}

.grtb{ margin-top:30px; width:100%; display:none;} 
.grtb .sidebar-menu li{ padding:0px;  border:0px; margin-bottom:15px;}
.grtb .sidebar-menu li a{ font-size:12px; display:block; width:100%; height:40px; line-height:40px; text-align:center;} 
.grtb .sidebar-menu li.bg-list1{ background:#e00c0c;}
.grtb .sidebar-menu li.bg-list2{background:#333;}
.grtb .sidebar-menu li.bg-list3{background:#333;}
.grtb .sidebar-menu li:hover{ opacity:0.85;}
.grtb .treeview-menu{ margin-top:0px;}
.grtb .sidebar-menu li.active > .treeview-menu{  width:100%; margin-top:0px; }
.grtb .sidebar-menu li ul li{ margin:0px;background:#fff;}
.grtb .sidebar-menu li ul li a{ display:block; padding:0px; color:#333;}

.gr-li1{background: url(../images/a2.png) center no-repeat;width: 15px; height: 15px;display: inline-block; margin-right: 12px; vertical-align: -3px; background-size: 12px;}
.gr-li2{background: url(../images/a1.png) center no-repeat;width: 15px; height: 15px;display: inline-block; margin-right: 12px; vertical-align: -3px; background-size: 12px;}
.gr-li3{background: url(../images/a4.png) center no-repeat;width: 15px; height: 15px;display: inline-block; margin-right: 12px; vertical-align: -3px; background-size: 12px;}


.designer{ width:100%; float:left; padding-top:26px; background:#fff;}
.gy-center{ width:1400px; margin:0 auto;}
.designer-bt{ width:100%; float:left; margin-bottom:40px;}
.designer-bt h1{ width:100%; float:left; text-align:center;}
.designer-bt h1 a{ display:inline-block; margin:0 50px;}
.designer-bt h1 a i{ display:block; background:url(../images/b1.png) center no-repeat; width:30px; height:30px; margin-bottom:10px;}
.designer-bt h1 a i.b1{ display:block; background:url(../images/b2.png) center no-repeat; width:30px; height:30px;}
.designer-bt h1 a i.b2{ display:block; background:url(../images/b3.png) center no-repeat; width:30px; height:30px;}
.designer-bt h1 a:hover i{ background:url(../images/b11.png) center no-repeat;}
.designer-bt h1 a:hover i.b1{ background:url(../images/b22.png) center no-repeat;}
.designer-bt h1 a:hover i.b2{ background:url(../images/b33.png) center no-repeat;}
.designer-bt h1 a:hover em{ color:#ff0000;}
.designer-bt h1 a em{ font-style:normal; font-size:18px; color:#000;}
.designer-nr{ width:100%; float:left; margin-bottom:100px;}
.designer-nr ul{ width:100%; float:left; overflow:hidden;}
.designer-nr ul li{ width:23.5%; float:left; margin-right:2%;animation-duration:1s; margin-bottom:20px;}
.designer-nr ul li dl{ width:100%; float:left; position:relative; overflow:hidden;}
.designer-nr ul li dl dt{ width:100%; float:left; overflow:hidden;}
.designer-nr ul li dl dt img{ max-width:100%; float:left;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.designer-nr ul li dl dd{ width:100%; float:left;transition: all 0.5s ease-out 0s;}
.designer-nr ul li dl dd h1{ width:90px;  text-align:center;float:left; position:absolute; left:50%; margin-left:-45px; bottom:20px;transition: all 1s ease-out 0s;}
.designer-nr ul li dl dd h1 img{ max-width:100%;}
.designer-nr ul li dl dd h2{ width:120px; line-height:40px; height:40px; float:left; font-size:14px; color:#000; text-align:center; position:absolute; left:50%; top:-50px; background:#fff; margin-left:-60px; margin-top:-20px; transition: all 0.5s ease-out 0s;}
.designer-nr ul li:hover dl dd{position:absolute; width:100%; height:100%; left:0px; top:0px; bottom:0px; right:0px; background:rgba(0,0,0,0.6);}
.designer-nr ul li:hover dl dd h2{ top:50%; }
.designer-nr ul li dl dd h2:hover{ background:#000; color:#fff;}
.designer-nr ul li:hover dl dd h1{ bottom:-200px;}
.designer-nr ul li:hover dl dt img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); }
.designer-nr ul li h3{ width:100%; float:left; font-size:16px; color:#000; margin:20px 0; text-align:center;}
.designer-nr ul li:nth-child(4n+2){ animation-duration:1.3s;}
.designer-nr ul li:nth-child(4n+3){ animation-duration:1.6s;}
.designer-nr ul li:nth-child(4n+4){ margin-right:0px;animation-duration:1.9s;}
.tail{ width:100%; float:left;}
.tail h1{ width:100%; float:left; height:1px; background:#e6e6e6; margin-bottom:54px;}
.tail h2{ width:100%; float:left;  color:#aaa; text-align:center; line-height:24px; background:#000; padding:13px 10px;}


.header,.list-header{ width:100%; height:120px;}
.zy-team{ float:left; width:100%; padding:0px 0px 50px 0px;}
.zy-team img{ max-width:100%;}
.shdz-nr{ width:100%; float:left;}
.shdz-nr ul{ width:100%; float:left;}
.shdz-nr ul li{ width:32%; float:left; margin-right:2%;}
.shdz-nr ul li h3{ width:100%; float:left; font-size:12px;  margin-bottom:10px;font-family: "Arial"; font-weight:bold; display:none;}
.shdz-nr ul li:nth-child(3n+3){ margin-right:0px;}
.shdz-nr ul li.dzz{ width:100%; margin-top:20px;}
.srk{ width:100%; float:left; outline:none; border:0px; background:#fff; font-size:16px; color:#000; line-height:55px; padding:0 20px;}
.shdz-nr ul li.dzz textarea{ width:100%; float:left; outline:none; border:0px; background:#fff; font-size:16px; color:#000; line-height:40px; height:120px; padding:10px 20px;}
.spqd{ margin-top:20px;}
.qd-bt{ float:left; width:100%; margin-bottom:15px; padding:20px;background:#fff; }
.qd-bt h6{ font-size:18px; color:#000; }
.spqd .shop-name h4 a{ margin-left:20px;}
.spqd .shop-group-item ul li{ padding:20px;}
.tjdd{ float:left; width:100%; position:fixed; left:0px;  bottom:0px; background:#fff; border-top:1px solid #eee;}
.tjdd a{ display:inline-block; width:140px; line-height:47px; font-size:16px; color:#fff; text-align:center; background:#615656; transition: all 0.5s ease-out 0s; vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px transparent;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .5s;transition-duration: .5s;}
.tjdd a:before{content: ""; height:100%; position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: .7s;transition-duration: .7s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} 
.tjdd a:hover{color:#fff;} 
.tjdd a:hover:before{background-color: #000!important;webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);transition-timing-function: cubic-bezier(.52,1.64,.37,.66);}
.qx-bj{ background:url(../images/qx-bj.jpg) center no-repeat; background-size:cover}
.qx-nr{ position:absolute; width:300px; left:50%; margin-left:-150px; text-align:center; top:40%;}
.qx-nr  img{ max-width:100px;}
.qx-nr h6{ font-size:24px;font-family: "YoungSerif",serif; color:#fff; line-height:36px;}
@media (max-width: 1280px){
	.public-center{ width:100%; padding:0 15px;}
	.footer ul li h4 a{ padding:0 20px;}
	}
@media (max-width: 1024px){
	.login{ width:600px; height:468px; margin:-234px 0px 0px -300px;}
	.login-a{ padding:0 40px;}
	.login-a h1{ padding-top:60px; font-size:46px; line-height:46px;}
	.login-a ul{ padding-top:40px;}
	.login-a ul li{ padding-bottom:40px;}
	.login-a ul li .input{ line-height:50px; font-size:14px;}	
	.login-a ul li i{ margin:15.5px 0px 0px 19px;}
	.login-a h2{ padding-bottom:70px;}
	.login-a h2 a{ height:50px;}
	.login-a h2 a b{ line-height:50px;}
	.p{ bottom:40px;}
	.banner,.nr-banner{ height:600px;}
	.book{ height:500px;}
	.products-bt{ bottom:30px;}
	.products-bt h2{ margin-top:25px;}
	.f-cb{ display:none;}
	.nav{ height:74px;}
	.nav-bt{ padding:0 15px;}
	/*.nav-bt h3{ display:none;}*/
.nav-bt h3 a {
    display: inline-block;
    float: right;
    background: url(../images/search.png) center no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
    margin-right: 40px;
    margin-top:5px;
}
.search-w{width: 100%;margin-left: 0px;left:0px;}

.nav-bt h3{ margin-top:0px; }
	.nav-bt span{ display:block;}
	.xilie{ padding-top:40px;}
	.xilie ul li dl dd{ padding:15px;}
	.xilie ul li dl dd span b{ width:70px; margin-right:15px;}
	.xilie ul li dl dd span b img{ max-width:70px;}
	.xilie h2{ margin-top:50px; margin-bottom:200px;}
	.xilie h2 a{ padding:0 60px; line-height:50px;}
	.fznr{ padding-top:74px;}
	.zxtj{ padding-top:60px;}
	.zxtj ul li{ margin-bottom:30px;}
	.zxtj ul li dl dd{ padding:15px 30px;}
	.zxtj ul li dl dd p{ font-size:16px;}
	.zxtj span a{ width:44px; height:44px; line-height:44px;}
	.zxtj span a:last-child{ width:90px;}
	.nrxq-right span{ margin-top:30px;}
	.nrxq-right dl dt{ width:120px;}
	.nrxq-right dl dt img{ max-width:120px;}
	.nrxq-right h4{ margin-top:20px;}
	.fznr{ padding-bottom:00px;}
	.header,.list-header{ height:74px;}
	.p-top-0{ padding-top:0px;}
	.nav-bar{ height:60px;}
	.nav-content-box>li span{ height:60px; padding-left:10px;}
	.nav-content-box>li>span>a{ line-height:60px; font-size:14px; padding-right:30px;}
	.nav-content-box>li>span>a>b{ width:10px; height:10px; background-size:cover; top:25px;}
	.nav-content-box>li:hover span a b{background-size:10px; background:url(../images/jt.png)0 -10px  no-repeat; background-size:cover; }
	ul.nav-content-box>li>ul>li{ font-size:12px; padding-bottom:0px;}
	.nav-content-box{ height:190px;}
	.neiye:before{ height:190px;}
	.uoy{ padding-top:94px;}
	.bck{ padding-bottom:60px;}
	
	.zb-ny .nav-content-box{ height:60px;}
	.zb-ny:hover:before{ display:none;}
	.mobile .tiao{ display:block;}
	}
@media (max-width: 960px){
	.sjs-dh dl{ width:100%;}
	.sjs-dh dl dt a p{ font-size:14px; line-height:60px; padding-right:20px;}
	.sjs-dh dl dt a b{ margin-top:23px;}
	.sjs-dh dl:hover dd{ top:60px;}
	.sjs-dh dl dd a{ font-size:12px; line-height:30px;}
	.fznr-2 dl{ padding:20px 200px 20px 20px;}
	.fznr-2 dl dt{ width:180px;}
	.fznr-2 dl dt img{ max-width:140px;}
	.footer ul li h4 a{ width:100%; padding:0px 10%;}
	.footer ul li h4 a i{ margin-right:10px;}
	
	}
@media (max-width: 800px){
	.zxtj-xq-center{ width:100%; float:left;}	
	}
@media (max-width: 768px){
	.nav-bt h2{ width:auto; margin-left:-95px}
	.nav-bt h2 a img{ display:none;}
	.nav-bt h2 a{ width:190px; height:34px; background:url(../images/logo-1.png); background-size:cover;}
	.sj-nr{ display:block;}
	.book{ display:none;}
	.banner .swiper-slide-active span{ bottom:30px;}
	.banner span p{ font-size:24px;}
	.banner span h2{ margin-top:10px;}
	.banner span h2 a{ padding-bottom:10px;}
	.sj-nr dl dd h2{ margin-top:20px;}
	.sj-nr dl dd h2 a{ padding-bottom:10px;}
	.nav-bt h1{ display:none;}
	.nav-bt h6{ display:block;}
	.footer font{ margin-bottom:60px;}
	.sjs-dh{ width:100%; float:left;}
	.sjs-dh .swiper-slide{ width:auto; padding-right:50px; float:none;}
	.sjs-dh .swiper-wrapper{ width:100%; float:none;}
	.xilie ul li{ width:49%; float:left; margin-right:0px;}
	.xilie ul li:nth-child(2n+2){ float:right;}
	.xilie h2{ margin-top:30px; margin-bottom:100px;}
	.xilie h2 a{ padding:0 45px; line-height:46px;}
	.fznr-4-nr dl{ width:33.33%;}
	.fznr-nav .swiper-slide a{ line-height:50px;}
	.fznr-4-br h2{ font-size:20px;}
	.fznr-4{ margin-bottom:60px;}
	.footer ul li h4 a em{ line-height:46px;}
	.footer ul li h2{ font-size:14px;}
	
	.zxtj-xq{ padding:30px 15px;}
	.zxtj-xq-bt h1{ font-size:20px; line-height:30px;}
	.zxtj-xq-bt span{ margin-top:20px; margin-bottom:10px;}
	.footer ul li h4 a{ line-height:44px;}
	.footer ul li h4 a i{ width:14px; height:14px; background-size:14px;}
	.zxtj{ padding-top:40px;}
	.zxtj ul li{ width:48%; margin-right:0px;}
	.zxtj ul li:nth-child(2n+2){ float:right;}
	.nrxq{ padding-top:0px;}
	.nrxq-left{ width:100%; margin-top:0px;}
	.nrxq-right{ width:100%; float:left; padding:0px; margin-top:30px; position:relative; overflow:hidden; padding-bottom:70px;}
	.uoy h2{ font-size:20px; padding:20px 0;}	
	.bck{ padding-bottom:40px;}
	.nrxq-right h2{ position:absolute; left:0px; bottom:0px;}
	.nrxq-right span{ margin-top:0px;}
	.nrxq-right h4{ margin-top:30px;}
	.nrxq-right h4 b{ line-height:40px; margin-right:10px;}
	.nrxq-right h4 a{ width:40px; height:40px; line-height:40px !important; font-size:14px !important; margin:0 6px !important;}
	.fuz-list{ padding:0px 20px;}
	.fuz{ margin-bottom:30px;}
	.fuz-nr-1 dl{ width:33.33333%;}
	.summary{ width:100% !important; position:static !important; padding:0px 15px;}
	.shopping{ padding-bottom:32px;}
	.spqd{ margin:0px;}
	.grtb{ display:block;}
	.p-l-r .public-center{ padding:0px;}
	.nrxq-left-bt h1.sj-y{ display:block;}
	.nrxq-left-bt h1.pc-d{ display:none;}
	}
@media (max-width: 740px){
	.zuida{ -webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;  background:url(../images/dl.jpg) center no-repeat;}
	canvas{ display:none;}
	.hup{ max-height:400px; height:auto; overflow:hidden; overflow-y:auto; margin-top:0px; padding:0 15px;}
	.logo{ top:0px; position:fixed; left:0px; background:rgba(0,0,0,0.6); right:0px; padding:15px 0px;}
	.logo img{ margin-left:15px;}
	.show-list{ position:fixed; z-index:92; top:17px; right:15px;}
	.login{ position:static; height:auto; width:100%; margin:0px; padding:0 40px; max-height:320px; overflow:hidden; overflow-y:auto; }
	.login-a{ padding:0px; border:0px;}
	.show-item .tooltip{ width:120px; padding:0px 10px 0px 10px;}
	.show-item .tooltip-sm{ left:-80px;}
	.show-item .tooltip h4{ font-size:12px; width:100%; text-align:center;}
	.show-item .qrcode{ width:100%; height:auto; float:left; margin-top:0px; margin-bottom:10px;}
	.show-item .qrcode img{ max-width:100px; height:auto; display:block; margin:0 auto; text-align:center;}
	.show-item .tooltip-sm:before{ left:99px;}
	.login-a h1{ padding-top:0px; font-size:30px; line-height:30px; border:1px solid #484747; padding:10px 0px;}	
	.p{ position:fixed; font-size:12px; line-height:24px; bottom:10px; }
	.login-a ul{ padding-top:30px;}
	.login-a ul li{ padding-bottom:30px;}
	.login-a ul li .input{ height:44px; line-height:44px;}
	.login-a ul li i{ margin:11.5px 0px 0px 19px;}
	.login-a h2{ padding-bottom:0px;}
	.login-a h2 a{ height:44px;}
	.login-a h2 a b{ line-height:44px; font-size:14px;}
	.fuz{ margin-bottom:20px;}
	.qx-bj { background: url(../images/qx-bj.jpg) center no-repeat; background-size: cover;}
	.qx-bj .hup{height:300px}
	.qx-nr img{ width:80px}
	.qx-nr h6{ font-size:24px; line-height:32px; margin-top:6px}
	.qx-nr{ top:10%}
	}
@media (max-width: 640px){
	.banner,.nr-banner{ height:460px;}
	.banner .swiper-button-next{ width:30px; height:30px; background-size:30px !important; right:5px;}
	.banner .swiper-button-prev{ width:30px; height:30px; background-size:30px !important; left:5px;}
	.banner .swiper-button-next:hover{ background:url(../images/banner-right.png) 0 -30px no-repeat !important; background-size:30px !important;}
	.banner .swiper-button-prev:hover{ background:url(../images/banner-left.png) 0 -30px no-repeat !important;  background-size:30px !important;}
	.sjs-dh .swiper-slide{ padding-right:30px;}
	.fznr-nav .swiper-slide{ padding:0 20px;}
	.fznr-2 dl{ padding:15px;}
	.fznr-2 dl dd span h2{ margin:0 15px; font-size:14px; line-height:32px;}
	.fznr-2 dl dt{ display:none;}
	.fznr-2 dl dd{ width:100%;}
	.fznr-2 dl dd span b{ margin-top:4px;}
	.fznr-2 dl dd span b img{ max-width:24px;}
	.fznr-2 dl dd p{ padding-left:0px; height:auto;}
	.fznr-4-nr dl{ width:49%; float:left;}
	.fznr-4-nr dl:nth-child(2n+2){ float:right;}
	.fznr-4-nr dl dd b{ padding:0 40px; line-height:36px;}
	.fznr-4-nr dl:hover dd{ bottom:15px;}
	.fznr-4-br h2{ font-size:18px; line-height:50px;}
	.footer font{ margin-bottom:40px;}
	.footer ul li{ width:33.33%;}
	.footer ul li:nth-child(4n+4){ width:100%; margin-top:30px;}
	.footer ul li h4 a{ line-height:46px;}
	.footer ul li h4 a i{ width:14px; height:14px; background-size:14px;}
	.footer ul li h3{ margin-top:15px;}
	.footer span{ margin-top:40px;}
	.zxtj-xq{ margin-top:0px; padding-bottom:10px; margin-bottom:40px;}
	.zxtj-xq-bt h1{ font-size:18px; line-height:28px; padding-bottom:15px;}
	.zxtj-xq-nr{ padding-top:20px;}
	.zxtj-xq-nr p{ margin-bottom:10px; font-size:13px; line-height:26px;}
	.zxtj-xq-gd{ margin:20px 0; padding-top:10px;}
	.zxtj{ padding-top:30px; padding-bottom:40px;}
	.zxtj ul li{ margin-bottom:20px; width:49%;}
	.zxtj ul li dl dd{ padding:10px;}
	.zxtj ul li dl dd p{ font-size:14px; line-height:24px; height:48px;}
	.zxtj span{ margin-top:0px;}
	.zxtj span a{ width:40px; height:40px; line-height:40px; margin-right:15px; font-size:13px;}
	.zxtj span a:last-child{ width:80px;}
	.nrxq{ padding-bottom:40px;}
	.nrxq-right dl dt{ width:110px; margin-right:15px;}
	.nrxq-right dl dt img{ max-width:110px;}
	.nrxq-left-nr{ padding-top:15px;}
	.nrxq-left{ padding:10px 15px 15px 15px;}
	.nrxq-left-bt h1{ font-size:16px; line-height:50px;}
	.fuz-nr-1 dl{ width:48%; float:left;}
	.fuz-nr-1 dl:nth-child(2n+2){ float:right;}	
	.fuz-list{ padding:0px 15px;}
	.fuz-list li{ width:33.33%; margin:0px;}
	.fuz-nr-1 dl dd b{ padding:0 44px; line-height:40px;}
	.fuz-nr-1 dl:hover dd{ bottom:64px;}
	.fuz-nr span p{ font-size:18px;}
	.fznr{ padding-bottom:0px;}
	.fuz-list .swiper-slide{ padding:0 15px;}
	.nrxq-right h2{ position:fixed; z-index:3;}
	.nrxq-right h2 a{ width:50%;}
	.nrxq-right h2 a:nth-child(2n+2){ background:#333;}
	.nrxq-right{ padding-bottom:0px;}
	.footer-bot{ padding-bottom:40px;}
	.bck{ padding-bottom:30px;}
	.shop-info-text{ position:relative; padding:0px 0px 0px 15px;}
	.shop-info-text a{ top:auto; bottom:0px; margin:0px; right:0px; font-size:12px; color:#666;}
	.shop-group-item ul li{ padding:15px 15px 15px 40px;}
	.shop-name h4 a{ margin-left:40px;}
	.shop-info-text h3{ font-size:16px;}
	.shop-group-item{ margin-bottom:15px;}
	.shdz-nr ul li{ margin-right:0px; width:100%; margin-bottom:15px;}
	.shdz-nr ul li h3{ display:block;}
	.srk{font-size: 14px; padding: 0 10px;line-height: 45px;}
	.shdz-nr ul li.dzz{ margin-top:0px;}
	.shdz-nr ul li.dzz textarea{ font-size:14px; padding:10px; line-height:32px;}
	.nrxq-right h6{ font-size:20px;}
	}
@media (max-width: 600px){
	.neiye{ display:none;}
	.fznr-yc{ display:block;}
	.xilie{ padding-top:10px;}
	}
@media (max-width: 480px){
	.login-a h1{ font-size:20px; line-height:26px;}
	.login-a ul{ padding-top:25px;}
	.login-a ul li{ padding-bottom:25px;}
	.logo{ width:100%; left:0px;}
	.logo img{ display:block; max-width:180px; margin:0 auto; text-align:center;}
	.show-list{ display:none;}
	.login{ padding:0px;}
	.banner span p{ font-size:20px;}
	.banner .swiper-slide-active span{ bottom:20px;}
	.sj-nr dl dd h1{ font-size:18px;}
	.sj-nr dl dd h2{ margin-top:10px;}
	.footer{ padding-top:40px;}
	.footer span{ padding:15px 0; margin-top:30px;}
	.footer span p{  float:left; line-height:30px;}
	.footer span h4{ padding-top:0px; float:right; text-align:center;}
	.footer span h4 a{ line-height:30px; float:none; margin-left:15px;}
	.footer font{ margin-bottom:0px;}
	.banner,.nr-banner{ height:360px;}
	.xilie ul li{ width:100%;}
	.xilie h2{ margin-top:10px; margin-bottom:80px;}
	.xilie h2 a{ line-height:40px;  padding:0 40px;}
	.fznr-4{ margin-bottom:40px;}
	.fznr-4-nr dl dd b{ padding:0 30px; line-height:32px;}
	.fuz-list li{ width:50%; float:left;}
	.footer ul{ display:none;}
	
	.xilie ul li dl dt img{ width:100%;}
	.zxtj-xq-gd span a{ width:100%;}	
	
	.zxtj{ padding-top:10px;}
	.zxtj ul li{ width:100%;}
	.zxtj-xq-bt span b{ vertical-align:0px;}
	.settlement{ width:120px;}
	.shop-info-img{ max-width:100px;}
	.nrxq-right h6{ font-size:18px; line-height:28px;}
	.nrxq-right span a{ padding:15px;}
	.zxtj ul li dl dd p{ height:auto; padding:8px 0px; font-size:14px;}
	.login-a ul li i{ margin:11.5px 0px 0px 12px}
	.login-a ul li .input{ padding-left:40px;} 
	}
@media (max-width: 380px){
	.footer span p{ width:100%; text-align:center;}
	.footer span h4{ width:100%; text-align:center;}
	}