/* RESET CSS */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,button{margin:0;padding:0;}
body{font:14px/1 arial,"microsoft yahei";color:#666;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:left;}
img{border:0;}
form,iframe{display:block;}
video{display:inline-block;vertical-align:baseline;}
ol,ul{list-style:none;}
a{color:#666;text-decoration:none;}
input{outline:none} 
.g-wrap{width:1200px;margin-right:auto;margin-left:auto;zoom:1;}
.cfix:after,.g-wrap:after{clear:both;display:block;content:"\20";height:0;font-size:0;visibility:hidden;} 
.blockimg{display:block;width:100%;height:auto;}


/*header*/
.header{width:100%;position:relative;z-index:3;background-color:rgba(255,255,255,0.7);}
.header .logo{display:block;width:182px;height:43px;margin:21px 0;background:url(../images/logo.png) no-repeat;text-indent:-999em;float:left;}
.header .nav{float:right;}
.header .nav li{float:left;min-width:40px;text-align:right;margin-left:90px;}
.header .nav .item{line-height:85px;font-size:16px;color:#1f1f1f;}
.header .subnav{position:absolute;width:100%;height:32px;background-color:#eaeaea;left:0;line-height:32px;top:85px;text-align:left;opacity:0;visibility:hidden;}
.header .subnav >div{height:32px;}
.header .subnav a{display:block;float:left;width:115px;text-align:center;position:relative;}
.header .subnav a:after{position:absolute;content:'';display:block;border-left:1px solid #7b7b7b;border-right:1px solid #cdcdcd;width:0;height:10px;top:50%;margin-top:-5px;left:0;}
.header .subnav a:first-child:after{display:none;}
.header .about-subnav{padding-left:590px;width:610px;margin:0 auto;}
.header .product-subnav{padding-left:800px;width:400px;margin:0 auto;}
.header .store-subnav{padding-left:900px;width:300px;margin:0 auto;}
.header .nav li:hover .subnav{opacity:1;visibility:visible;}
.header .nav .item:hover,.header .nav li.current .item{font-weight:bold;}
.header .subnav a:hover{background-color:#666;color:#fff;}
.header .subnav a:hover:after{border-color:#666;}
.header .subnav a:hover + a:after{display:none;}


/*index*/
.h-banner{width:100%;max-width:1920px;height:500px;overflow:hidden;position:relative;top:-85px;margin:0 auto -85px;}
.h-banner-ul,.h-banner-ul li{width:100%;height:100%;}
.h-banner-ul{position:relative;}
.h-banner-ul li{position:absolute;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;visibility:hidden;-webkit-transition:all 0.5s;transition:all 0.5s;}
.h-banner-ul li.active{opacity:1;visibility:visible;}
.h-banner-num{position:absolute;width:100%;bottom:20px;text-align:center;}
.h-banner-num span{display:inline-block;width:10px;height:10px;background-color:#fff;border-radius:50%;margin:0 5px;cursor:pointer;}
.h-banner-num span.active{background-color:#d52b37;}
.h-banner-ul .hbannercont{display:block;position:absolute;right:50%;top:50%;}

.h-about{text-align:center;padding:88px 0 95px;}
.h-about .h-about-title{display:inline-block;}
.h-about .h-about-title span{display:block;}
.h-about .h-about-title .title{margin-bottom:15px;}
.h-about .h-about-title .hx{width:70px;height:2px;margin:0 auto;overflow:hidden;position:relative;background-color:#ddd;}
.h-about .h-about-title .hx:before{position:absolute;left:0;top:0;content:'';display:block;width:100%;height:100%;background-color:#BA845C;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.h-about .desc{line-height:28px;padding-top:20px;}
.h-about .h-about-title:hover .hx:before{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.h-img{width:100%;overflow:hidden;max-width:1920px;margin:0 auto;}
.h-img li{width:50%;float:left;position:relative;overflow:hidden;}
.h-img li.item1{float:right;}
.h-img li .cont-wrap{position:absolute;z-index:3;border:1px solid rgba(255,255,255,0.2);top:50%;margin-top:-92px;padding:9px;text-align:center;}
.h-img li .cont-wrap a{display:table-cell;width:279px;height:165px;padding:0 25px;vertical-align:middle;background:rgba(255,255,255,0.7);}
.h-img li .cont-wrap .desc{display:block;line-height:26px;margin-top:12px;}
.h-img li.item1 .cont-wrap{left:50%;margin-left:-270px;}
.h-img li.item3 .cont-wrap{right:50%;margin-right:-270px;}
.h-img li.item2{background-color:#f7f7f7;}
.h-img li.item2 .img{width:60%;float:left;overflow:hidden;}
.h-img li.item2 .cont-wrap{width:40%;border:0;padding:0;right:0;margin-top:-65px;}
.h-img li.item2 .cont-wrap a{display:block;background:none;width:100%;padding:0;height:130px;}
.h-img li.item2 .cont-wrap .desc{height:52px;padding:0 10px;}
.h-img li .more-btn{display:block;width:140px;height:33px;border:1px solid #bbb;margin:0 auto;background:url(../images/read-more.png);-webkit-transition:all 0.3s;transition:all 0.3s;}
.h-img li .more-btn:hover{background-position:0 -33px;}
.h-img li .blockimg{transition: all 1s;-webkit-transition: all 1s;}
.h-img li:hover .blockimg{transform: scale(1.1);-webkit-transform: scale(1.1);}

/*in-the-page*/
.in-the-bg{background:#f4f3f3 url(../images/bigbg1.png) no-repeat 50% 0;padding:60px 0;}

/* swiper css */
.swiper-container{height:100%;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;-moz-transition-property:-moz-transform,left,top;-o-transition-property:-o-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);transform:translate3d(0px,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;}
.swiper-slide{height:100%;float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}


/*img-hdp-wrap*/
.img-hdp{width:100%;height:675px;position:relative;}
.img-hdp .swiper-wrapper{height:675px;}
.img-hdp img{display:block;}
.img-hdp > a{display:block;width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;background:url(../images/hdp-btn.png);-webkit-transition:all 0.3s;transition:all 0.3s;}
.img-hdp a.prev{background-position:0 0;left:-70px;}
.img-hdp a.next{background-position:-40px 0;right:-70px;}
.img-hdp a.prev:hover{background-position:0 -40px;}
.img-hdp a.next:hover{background-position:-40px -40px;}


/*spread*/
.spread-wrap{padding:60px 0;background-repeat:no-repeat;background-position:center;}
.spread{padding:50px 60px;background-color:#fff;}
.spread .spread-title{overflow:hidden;}
.spread .spread-title span{display:inline-block;}
.spread .spread-title span.left{float:left;}
.spread .spread-title span.right{float:right;margin-top:25px;}
.spread .video-wrap{height:450px;margin-top:35px;}
.spread .video-box{width:800px;height:450px;float:left;}
.spread .video-box .video{display:none;width:800px;height:450px;}
.spread .video-tab{width:260px;float:right;}
.spread .video-tab li{padding:0 15px;border-bottom:1px solid #eee;line-height:30px;cursor:pointer;}
.spread .video-tab .box{display:table-cell;height:111px;width:230px;vertical-align:middle;}
.spread .video-tab li .title{font-size:16px;font-weight:bold;}
.spread .video-box .video.active{display:block;}
.spread .video-tab li.active{background-color:#999;color:#fff;border-color:#999;}


/*store*/
.store .swiper-slide{position:relative;}
.store .store-cont{width:275px;height:395px;padding:45px 35px 0;position:absolute;top:50%;margin-top:;background:rgba(255,255,255,0.9);margin-top:-220px;right:50px;z-index:9;}
.store .store-cont .title{margin-bottom:20px;}
.store .store-cont .desc{line-height:26px;}
.store .store-cont .look-more{display:block;width:140px;height:33px;border:1px solid #b4b4b4;line-height:33px;text-align:center;margin-top:35px;}


/*address*/
.address-wrap{padding:20px;background-color:#fff;overflow:hidden;}
.address-wrap .map-box{float:right;width:848px;height:635px;background-color:#ccc;position:relative;}
.address-wrap .s-main{float:left;width:247px;padding-left:20px;}
.address-wrap .s-main .sm-hd{margin-top:30px;}
.address-wrap .s-main .sm-province{margin-top:30px;width:246px;height:30px;}
.address-wrap .s-main .sm-province .smp-sel-hd{height:30px;padding:0 30px 0 16px;background:url(../images/s-main-hd-arrow.png) 216px center no-repeat #666;color:#FFF;line-height:30px;cursor:default;}
.address-wrap .s-main .sm-province .smp-sel-list{display:none;width:246px;padding-bottom: 5px;background-color:#BBB;position:relative;z-index:99;overflow:hidden;}
.address-wrap .s-main .sm-province .smp-sel-list li{float:left;width:123px;height:30px;text-align:center;color:#FFF;font-size:12px;line-height:30px;cursor:pointer;overflow:hidden;}
.address-wrap .s-main .sm-province .smp-sel-list li:hover{background-color:#999;}
.address-wrap .s-main .sm-city{margin-top:10px;width:246px;height:30px;}
.address-wrap .s-main .sm-city .smc-sel-hd{height:30px;padding:0 30px 0 16px;background:url(../images/s-main-hd-arrow.png) 216px center no-repeat#666;color:#FFF;line-height:30px;cursor:default;}
.address-wrap .s-main .sm-city .smc-sel-list{display:none;width:246px;background-color:#BBB;position:relative;z-index:99;overflow: hidden;}
.address-wrap .s-main .sm-city .smc-sel-list li{float:left;width:82px;text-align:center;height:30px;color: #FFF;font-size:12px;line-height:30px;cursor:pointer;overflow:hidden;}
.address-wrap .s-main .sm-city .smc-sel-list li:hover{background-color:#999;}
.address-wrap .s-main .sm-search{margin-top:10px;width:198px;height:28px;padding:0 30px 0 16px;border: 1px solid #BBB;background: url(../images/s-main-search.png) 216px center no-repeat #FFF;}
.address-wrap .s-main .sm-search input[type="text"]{width:198px;height:28px;border:none;color:#666;}
.address-wrap .s-main .sm-store-add{width:226px;height:335px;margin-top:30px;padding-right:20px;position:relative;}
.address-wrap .s-main .sm-store-add .viewport{width:226px;height:335px;overflow:hidden;position:relative;}
.address-wrap .s-main .sm-store-add .viewport .overview{position:absolute;left:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.address-wrap .s-main .sm-store-add .scrollbar{position:absolute;right:1px;top:0;width:2px;height:396px;background-color:#EFEFEF;}
.address-wrap .s-main .sm-store-add .scrollbar .track{background-color:#CCC;position:relative;}
.address-wrap .s-main .sm-store-add .scrollbar .track .thumb{width:4px;background-color:#666;position:absolute;left:-1px;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.address-wrap .s-main .sm-store-add .disable{display:none;}
.address-wrap .s-main .sm-store-add .sms-sel-list li{margin-top:25px;padding-left:5px;cursor:pointer;}
.address-wrap .s-main .sm-store-add .sms-sel-list li:first-child{margin-top:0;}
.address-wrap .s-main .sm-store-add .sms-sel-list li .st-name{color:#666;font-size:14px;line-height:18px;}
.address-wrap .s-main .sm-store-add .sms-sel-list li .st-cont{margin-top:5px;color:#999;font-size:14px;line-height:23px;}
.address-wrap .s-main .sm-search-noresult{display:none;margin-top:43px;color:#999;font-size:12px;text-align:center;line-height:24px;text-indent: 2px;}

#map{width:848px;height:635px;}


/*brand*/
.brand{overflow:hidden;}
.brand li{width:50%;float:left;height:638px;background-color:#fff;}
.brand li > img{display:block;}
.brand li .cont-wrap{border:1px solid #eee;width:518px;height:556px;margin:40px;text-align:center;vertical-align:middle;}
.brand li .cont-wrap >div{padding:50px;width:418px;height:456px;display:table-cell;vertical-align:middle;}
.brand li .cont-wrap .desc{line-height:26px;margin-top:35px;}

/*contact-wrap*/
.contact-wrap{background-position:50% -85px;background-repeat:no-repeat;padding:80px 0;text-align:right;}
.contact-wrap .contact{display:inline-block;padding:70px 0 50px;width:500px;height:515px;color:#7b7b7b;background:rgba(255,255,255,0.9);text-align:center;}
.contact-wrap .contact .title{margin-bottom:35px;}
.contact-wrap .line{line-height:34px;}
.contact-wrap .ewm{margin-top:35px;}
.contact-wrap .ewm p{margin-top:15px;}

/*about*/
.about{padding:120px 0 60px;}
.about .about-title{text-align:center;margin-bottom:90px;}
.about-list{overflow:hidden;margin-right:-15px;margin-left:-15px;}
.about-list a{display:block;width:380px;height:270px;position:relative;float:left;margin:0 15px;}
.about-list a span{display:block;width:100%;position:absolute;height:55px;line-height:55px;z-index:3;bottom:0;left:0;text-indent:20px;}
.about-list a span img{display:inline-block;vertical-align:middle;}
.about-list a:hover span{background:rgba(0,0,0,0.7);}


/*user*/
.user-hdp{width:100%;max-width:1920px;margin:0 auto;height:785px;overflow:hidden;}
.user-hdp .swiper-slide{width:100%;height:795px;background-repeat:no-repeat;background-position:center;}
.user{position:absolute;width:500px;height:593px;left:50%;margin-left:100px;top:170px;z-index:5;}

.user .user-main{overflow: hidden;height: 593px;position: relative;}
.user .user-main .um-page{width: 500px;height: 593px;background-color: #FFF;position: absolute;left: 0;-webkit-transition:all 0.8s cubic-bezier(.17,.84,.44,1) 0s;-moz-transition:all 0.8s cubic-bezier(.17,.84,.44,1) 0s;transition:all 0.8s cubic-bezier(.17,.84,.44,1) 0s;}
.user .user-main .login{top: 0;z-index: 98;}
.user .user-main .register{top: 500px;visibility: hidden;opacity: 0;z-index: 99;}
.user .user-main-reg .login{top: -100px;visibility: hidden;opacity: 0;}
.user .user-main-reg .register{top: 0;visibility: visible;opacity: 1;}

.user .user-main .login .lg-hd{margin: 65px 0 0 57px;color: #666;font-size: 20px;font-weight: 700;letter-spacing: 1px;}
.user .user-main .login .lg-main{margin: 26px 0 0 57px;}
.user .user-main .login .lgm-input{height: 40px;margin-bottom: 16px;}
.user .user-main .login .lgm-input input{width: 265px;height: 38px;padding: 0 10px;border: 1px solid #BBB;color: #666;font-size: 14px;}
.user .user-main .login .lgm-sub{padding-top: 9px;font-size: 0;}
.user .user-main .login .lgm-sub input[type="submit"]{width: 132px;height: 34px;background-color: #666;border: none;vertical-align: middle;color: #FFF;font-size: 14px;}
.user .user-main .login .lgm-sub span.rg-link{display: inline-block;margin-left: 28px;width: 127px;height: 34px;background-color: #BBB;vertical-align: middle;color: #FFF;font-size: 14px;line-height: 34px;text-align: center;cursor: pointer;}
.user .user-main .login .lg-text{margin-top: 48px;margin-left: 57px;border-top: 1px solid #EEE;padding-top: 30px;width: 390px;color: #666;font-size: 14px;line-height: 25px;}
.user .user-main .login .lg-text p{padding:5px 0;}

.user .user-main .register .reg-hd{margin-top: 53px;margin-left: 107px;color: #666;font-size: 20px;font-weight: 700;letter-spacing: 1px;}
.user .user-main .register .reg-main{margin: 27px 0 0 107px;}
.user .user-main .register .reg-input{height: 40px;margin-bottom: 16px;position: relative;}
.user .user-main .register .reg-input input{width: 265px;height: 38px;padding: 0 10px;border: 1px solid #BBB;color: #666;font-size: 14px;}
.user .user-main .register .reg-input span.tips{position: absolute;left: 18px;top: 12px;color: #999;font-size: 14px;}
.user .user-main .register .reg-input span.tips em.red{margin-left: 5px;color: #DE1506;}
.user .user-main .register .nickname{padding-top: 15px;}
.user .user-main .register .nickname span.tips{top: 27px;}
.user .user-main .register .reg-radio{height: 19px;margin-bottom: 16px;}
.user .user-main .register .reg-radio .rr-sex{float: left;}
.user .user-main .register .reg-radio .rr-sex:first-child{margin-right: 48px;}
.user .user-main .register .reg-radio .rr-sex input[type="radio"]{display: none;}
.user .user-main .register .reg-radio .rr-sex label{display: block;height: 19px;padding-left: 26px;background: url(../images/radio-icon.png) 0 -17px no-repeat;color: #666;font-size: 14px;line-height: 19px;cursor: pointer;}
.user .user-main .register .reg-radio label.checked{background: url(../images/radio-icon.png) 0 3px no-repeat;}
.user .user-main .register .reg-checkbox{padding-top:11px;}
.user .user-main .register .reg-checkbox input[type="checkbox"]{vertical-align: middle;}
.user .user-main .register .reg-checkbox label{margin-left: 8px;color: #999;font-size: 12px;vertical-align: middle;cursor: pointer;}
.user .user-main .register .reg-submit{padding-top: 34px;text-align: center;width: 287px;}
.user .user-main .register .reg-submit input[type="submit"]{width: 132px;height: 34px;background-color: #666;border: none;vertical-align: middle;color: #FFF;font-size: 14px;}



/*footer*/
.footer{color:#c7c7c7;background-color:#272727;height:80px;line-height:80px;}
.footer .footer-nav{float:left;}
.footer .footer-nav a{color:#c7c7c7;display:inline-block;margin-right:40px;}
.footer .footer-nav a:hover{color:#fff;}
.footer .copyright{float:right;}