#product-scene{position:relative; width:100%; padding-top:39.58333333333333%; overflow:hidden;}
#product-scene ul{position:absolute; top:0; left:0; width:100%; height:100%;}
#product-scene ul li{display:none; position:absolute; top:0; left:0; float:left; width:100%;}
#product-scene ul li:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/overlay_a.png) repeat; -webkit-animation:overIn 2s both; -moz-animation:overIn 2s both; animation:overIn 2s both;}
@-webkit-keyframes overIn{
	from{width:0;}
}
@-moz-keyframes overIn{
	from{width:0;}
}
@keyframes overIn{
	from{width:0;}
}
#product-scene ul li img{width:100%; vertical-align:top;}
#product-scene .pointer{position:absolute; width:2.1875%; padding-top:2.1875%; cursor:pointer; -webkit-animation:bounceIn 0.6s 0.3s both; -moz-animation:bounceIn 0.6s 0.3s both; animation:bounceIn 0.6s 0.3s both;}
#product-scene .pointer:nth-of-type(2){-webkit-animation-delay:0.6s;}
#product-scene .pointer:nth-of-type(3){-webkit-animation-delay:0.9s;}
#product-scene .pointer:nth-of-type(4){-webkit-animation-delay:1.2s;}
#product-scene .pointer:nth-of-type(5){-webkit-animation-delay:1.5s;}
#product-scene .pointer:nth-of-type(6){-webkit-animation-delay:1.8s;}
#product-scene .pointer:nth-of-type(7){-webkit-animation-delay:2.1s;}
#product-scene .pointer:nth-of-type(8){-webkit-animation-delay:2.4s;}

#product-scene .pointer b{position:absolute; top:50%; left:50%; width:58px; height:58px; margin:-29px 0 0 -29px; border-radius:50%; background:rgba(255,255,255,0.3); *background:#fff; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); -webkit-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); -moz-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
#product-scene .pointer i{position:absolute; top:50%; left:50%; width:26px; height:26px; margin:-13px 0 0 -13px; border-radius:50%; background:#d55c5c; color:#fff; text-align:center; line-height:26px;}
#product-scene .pointer i:after{content:''; position:absolute; top:50%; left:50%; width:42px; height:42px; margin:-22px 0 0 -22px; border:1px solid #d55c5c; border-radius:50%;}
#product-scene .pointer p{display:none; position:absolute; bottom:56px; left:50%; width:150px; height:50px; margin-left:-75px; text-align:center; line-height:50px; background:#d55c5c; color:#fff; font-size:16px; -webkit-animation:pointerNameIn 0.5s both; -moz-animation:pointerNameIn 0.5s both; animation:pointerNameIn 0.5s both;}
#product-scene .pointer p:after{content:''; position:absolute; top:100%; left:50%; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #d55c5c;}

@-webkit-keyframes pointerNameIn{
	0%{opacity:0; -webkit-transform:translateY(-9px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes pointerNameIn{
	0%{opacity:0; -moz-transform:translateY(-9px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}
@keyframes pointerNameIn{
	0%{opacity:0; transform:translateY(-9px);}
	100%{opacity:1; transform:translateY(0);}
}

@-webkit-keyframes bounceIn {
  0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3);}
  60% {opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform:scale3d(.97, .97, .97);}
  100% {opacity:1; -webkit-transform:scale3d(1, 1, 1);}
}
@-moz-keyframes bounceIn {
  0% {opacity:0; -moz-transform:scale3d(.3, .3, .3);}
  60% {opacity:1; -moz-transform:scale3d(1.03, 1.03, 1.03);}
  80% {-moz-transform:scale3d(.97, .97, .97);}
  100% {opacity:1; -moz-transform:scale3d(1, 1, 1);}
}
@keyframes bounceIn {
  0% {opacity:0; transform:scale3d(.3, .3, .3);}
  60% {opacity:1; transform:scale3d(1.03, 1.03, 1.03);}
  80% {transform:scale3d(.97, .97, .97);}
  100% {opacity:1; transform:scale3d(1, 1, 1);}
}

#product-scene .pointer:hover b{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#product-scene .pointer:hover p{display:block;}


#product-scene-type{height:160px; background:#666; text-align:center;}
#product-scene-type li{position:relative; display:inline-block; *display:inline; *zoom:1; width:8.4%; height:160px; margin:0 2%; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#product-scene-type li a{display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
#product-scene-type li i{position:absolute; top:38%; left:50%; width:36px; height:36px; margin:-18px 0 0 -18px; background:url(../images/scene_type.png) no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#product-scene-type li i.t1{background-position:0 0;}
#product-scene-type li i.t2{background-position:0 -36px;}
#product-scene-type li i.t3{background-position:0 -72px;}
#product-scene-type li i.t4{background-position:0 -108px;}
#product-scene-type li i.t5{background-position:0 -144px;}
#product-scene-type li i.t6{background-position:0 -180px;}
#product-scene-type li b{position:absolute; top:38%; left:50%; width:68px; height:68px; margin:-34px 0 0 -34px; border-radius:50%; border:1px solid #fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#product-scene-type span{position:absolute; bottom:13%; left:0; width:100%; text-align:center; color:#fff; font-size:18px; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#product-scene-type li.act b, #product-scene-type li:hover b{background:#d55c5c; border-color:#d55c5c; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}




/*--------product-type---------*/
.product-type-wrap{padding-bottom:2%; background:url(../images/gray_bg.jpg) repeat; -webkit-animation:fadeIn 0.8s both; -moz-animation:fadeIn 0.8s both; animation:fadeIn 0.8s both;}
.product-type{width:100%; max-width:1600px; *width:1600px; margin:auto;}
.product-type h1{height:124px; color:#333; line-height:124px; font-size:22px; text-align:center; -webkit-animation:downIn 0.8s 0.2s both; -moz-animation:downIn 0.8s 0.2s both; animation:downIn 0.8s 0.2s both;}
.product-special{position:relative; width:100%; margin-bottom:2.8125%; -webkit-animation:downIn 0.8s 0.4s both; -moz-animation:downIn 0.8s 0.4s both; animation:downIn 0.8s 0.4s both;}
.product-special picture{width:62.5%;}
.product-special picture img{width:100%; vertical-align:top;}
.product-special figcaption{position:absolute; top:0; right:0; width:37.5%; height:100%; background:#fff;}
.product-special figcaption h2, .product-special figcaption summary, .product-special figcaption a{width:81%; margin:auto;}
.product-special figcaption h2{margin:10% auto; color:#d55c5c; font-size:26px; -webkit-animation:fadeIn 0.8s 0.3s both; -moz-animation:fadeIn 0.8s 0.3s both; animation:fadeIn 0.8s 0.3s both;}
.product-special figcaption summary{height:38%;overflow: hidden; border-bottom:1px dotted #ccc; color:#666; -webkit-animation:fadeIn 0.8s 0.5s both; -moz-animation:fadeIn 0.8s 0.5s both; animation:fadeIn 0.8s 0.5s both;}
.product-special figcaption summary h3{font-size: 16px; font-weight: bold;}
.product-special figcaption a{display:block; margin-top:4%; text-indent:3%; color:#666; -webkit-animation:leftIn 0.8s 0.7s both; -moz-animation:leftIn 0.8s 0.7s both; animation:leftIn 0.8s 0.7s both; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-special figcaption a:hover{color:#d55c5c;}
.product-type ul{overflow:hidden;}
.product-type ul li{position:relative; float:left; width:23.5%; padding-top:23.75%; margin-right:2%; margin-bottom:3%; background:#fff; -webkit-animation:downIn 0.8s 0.6s both; -moz-animation:downIn 0.8s 0.6s both; animation:downIn 0.8s 0.6s both;}
.product-type ul li:nth-of-type(2){-webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.product-type ul li:nth-of-type(3){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
.product-type ul li:nth-of-type(4){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.product-type ul li:nth-of-type(5){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
.product-type ul li:nth-of-type(6){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
.product-type ul li:nth-of-type(7){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
.product-type ul li:nth-of-type(8){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
.product-type ul li:nth-of-type(9){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
.product-type ul li:nth-of-type(10){-webkit-animation-delay:2.4s; -moz-animation-delay:2.4s; animation-delay:2.4s;}
.product-type ul li:nth-of-type(11){-webkit-animation-delay:2.6s; -moz-animation-delay:2.6s; animation-delay:2.6s;}
.product-type ul li:nth-of-type(12){-webkit-animation-delay:2.8s; -moz-animation-delay:2.8s; animation-delay:2.8s;}
.product-type ul li:nth-of-type(13){-webkit-animation-delay:3s; -moz-animation-delay:3s; animation-delay:3s;}
.product-type ul li:nth-of-type(14){-webkit-animation-delay:3.2s; -moz-animation-delay:3.2s; animation-delay:3.2s;}
.product-type ul li:nth-of-type(15){-webkit-animation-delay:3.4s; -moz-animation-delay:3.4s; animation-delay:3.4s;}
.product-type ul li:nth-of-type(16){-webkit-animation-delay:3.6s; -moz-animation-delay:3.6s; animation-delay:3.6s;}
.product-type ul li:nth-of-type(4n){margin-right:0;}
.product-type ul li a{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.product-type ul li a picture{position:relative; width:100%; padding-top:56.7567567567%; overflow:hidden;}
.product-type ul li a img{position:absolute; top:0; left:0; width:100%;opacity:1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-type ul li h2{margin:2.5% 5%; color:#d55c5c; font-size:18px;}
.product-type ul li summary{height:32%; margin:0 5%; color:#666; overflow:hidden;}
.product-type ul li p{position:absolute; bottom:0; left:0; right:0;padding:3% 5%; background:#efefef; background:rgba(239,239,239,0.8); color:#999; -webkit-transform:translate3d(0,100%,0); -moz-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); -webkit-transition:0.4s; -moz-transition:0.4s; transition:0.4s;}
.product-type ul li p span{color:#d55c5c;}

.product-type ul li a:hover img{opacity:0.85;}
.product-type ul li a:hover p{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}



/*--------product-list---------*/
.product-list-wrap{position:relative; max-width:1600px; *width:1600px; margin:auto;}
.product-list-wrap h1{position:absolute; top:65px; left:40px; color:#333; font-size:30px; z-index:1;}
.product-list-wrap ul{margin:auto; padding:3% 0; overflow:hidden;}
.product-list-wrap ul li{position:relative; float:left; width:24.25%; padding-top:27%; margin-right:1%; margin-bottom:1%; overflow:hidden;}
.product-list-wrap ul li a{position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #f0f0f0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-list-wrap ul li:nth-of-type(4n+3){margin-right:0;}
.product-list-wrap ul li picture{position:relative; width:100%; height:73.5%; overflow:hidden;}
.product-list-wrap ul li picture img{position:absolute; top:0; left:0; width:100%; vertical-align:top; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-list-wrap ul li picture .hover{opacity:0; filter:alpha(opacity=0);}
.product-list-wrap ul li div{position:absolute; right:0; bottom:0; left:0; height:30%; background:#f0f0f0;}
.product-list-wrap ul li div:before{content:''; position:absolute; top:-10px; left:15%; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f0f0f0;}
.product-list-wrap ul li h2{margin:2.5% 10%; padding:2% 0; color:#333; font-size:18px; border-bottom:1px dotted #acacac;}
.product-list-wrap ul li summary{margin:0 10%; color:#999; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.product-list-wrap ul li a:hover{border-color:#999;}
.product-list-wrap ul li a:hover img{opacity:1;}

.product-list-wrap ul li.large{width:49.5%;}
.product-list-wrap ul li.large div{background:rgba(240,240,240,0.8); -webkit-transform:translate3d(0,100%,0); -moz-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); -webkit-transition:0.4s; -moz-transition:0.4s; transition:0.4s;}
.product-list-wrap ul li.large div:before{display:none;}
.product-list-wrap ul li.large picture{width:100%; height:100%; padding-top:0;}
.product-list-wrap ul li.large picture img{width:100%;}
.product-list-wrap ul li.large a:hover div{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}



/*------------product-detail---------------*/
.product-detail-wrap{padding:1% 0 2%; background:url(../images/gray_bg.jpg) repeat;}
.product-detail{width:100%; max-width:1600px; *width:1600px; margin:auto; *zoom:1;}
.product-detail:after{content:''; display:block; width:0; height:0; clear:both;}

.product-gallery{position:relative; float:left; width:62.5%; height:60px; padding-top:37.5%; overflow:hidden; -webkit-animation:leftIn 0.8s 0.15s both; -moz-animation:leftIn 0.8s 0.15s both; animation:leftIn 0.8s 0.15s both;}
.product-gallery .gallery-wrapper{position:absolute; top:0; right:0; bottom:60px; left:0;}
.product-gallery .gallery-wrapper li{float:left; height:100%; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.product-gallery .gallery-pagination{position:relative; width:100%; height:100%; background:#fff; text-align:center;}
.product-gallery .gallery-pagination span{display:inline-block; height:6px; width:50px; margin:25px 6px; background:#cecece; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.product-gallery .gallery-pagination .swiper-pagination-bullet-active{background:#d55c5c;}

.product-detail-info{position:relative; float:left; width:34%; margin-left:1.5%; -webkit-animation:rightIn 0.8s 0.15s both; -moz-animation:rightIn 0.8s 0.15s both; animation:rightIn 0.8s 0.15s both;}
.product-detail-info h1{padding:2% 0 5px 0; color:#000; font-size:28px;}
.product-detail-info h2{margin-bottom:2%; color:#ec7684; font-size:16px;}
.product-detail-info aside{overflow:hidden; line-height:34px; color:#666;}
.product-detail-info aside span{display:inline-block; margin-right:10px;}
.product-detail-info aside.color{height:70px; margin-top:5px; border-top:1px solid rgba(107,110,117,0.2); line-height:70px; border-bottom:1px solid rgba(107,110,117,0.2); line-height:70px;}
.product-detail-info aside.color i{display:inline-block; width:27px; height:27px; margin-right:15px; border-radius:50%; vertical-align:-7px;}
.product-detail-info aside.size{height:70px; line-height:70px; border-bottom:1px solid rgba(107,110,117,0.2);}
.product-detail-info summary{height:100%; margin:2% 0 5px;}
.product-detail-info .toshop{display:inline-block; height:42px; margin-bottom:2%; padding:0 10px; background:#d55c5c; border-radius:3px; color:#fff; line-height:42px; text-align:center; font-size:16px;}
.product-detail-info p em{color:#d55c5c;}
.product-detail-info .icon{margin:0;}

#bdshare .bds_weixin{width:25px; height:20px; background:url(../images/sprite.png) -14px -40px no-repeat;}
#bdshare .bds_tsina{width:24px; height:20px; background:url(../images/sprite.png) -39px -40px no-repeat;}
#bdshare .bds_tqq{width:23px; height:20px; background:url(../images/sprite.png) -63px -40px no-repeat;}
#bdshare{position:absolute; right:0; bottom:7%;}
#bdshare span{float:left;}
#bdshare a{float:left; margin:0 5px; text-indent:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}



/*------------product-more-recommend---------------*/
.more-recommend{position:relative; max-width:1600px; *width:1600px; margin:15px auto 0;}
.more-recommend h3{color:#333; font-size:30px; line-height:74px; -webkit-animation:downIn 0.7s both; -moz-animation:downIn 0.7s both; animation:downIn 0.7s both; }
.more-recommend .data-reload{position:absolute; top:21px; right:10px; width:90px; height:30px; color:#d26b6b; line-height:30px; -webkit-animation:rightIn 0.8s both; -moz-animation:rightIn 0.8s both; animation:rightIn 0.8s both; }
.more-recommend .data-reload i{-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s; -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0);}
.more-recommend .data-reload:hover i{-webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); transform:rotate(-360deg);}
.more-recommend ul{overflow:hidden;}
.more-recommend ul li{position:relative; float:left; width:31%; height:0; margin-right:3.5%; padding-top:22.5%; -webkit-animation:fadeIn 0.8s 0.15s both; -moz-animation:fadeIn 0.8s 0.15s both; animation:fadeIn 0.8s 0.15s both;}
.more-recommend ul li:nth-of-type(2){-webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; animation-delay:0.25s;}
.more-recommend ul li:nth-of-type(3){-webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; animation-delay:0.35s;}
.more-recommend ul li:nth-of-type(4){-webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; animation-delay:0.45s;}
.more-recommend ul li:nth-of-type(5){-webkit-animation-delay:0.55s; -moz-animation-delay:0.55s; animation-delay:0.55s;}
.more-recommend ul li:nth-of-type(6){-webkit-animation-delay:0.65s; -moz-animation-delay:0.65s; animation-delay:0.65s;}
.more-recommend ul li:nth-of-type(3n){margin-right:0;}
.more-recommend ul li a{position:absolute; top:0; right:0; bottom:0; left:0;}
.more-recommend ul li piture{display:block; position:relative; width:100%; height:0; padding-top:56.27%; border:1px solid #eaeaea; overflow:hidden; box-sizing:border-box;}
.more-recommend ul li piture:before, .more-recommend ul li piture:after{content:''; position:absolute; bottom:0; width:0; z-index:1; height:1px; background:#c60c0c; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.more-recommend ul li piture:before{left:0;}
.more-recommend ul li piture:after{right:0;}
.more-recommend ul li piture img{position:absolute; top:0; left:0; width:100%;}
.more-recommend ul li div{}
.more-recommend ul li h4{padding:3% 0 1%; color:#000; font-size:16px;}
.more-recommend ul li p{color:#909090;}
.more-recommend ul li a:hover piture:before, .more-recommend ul li a:hover piture:after{width:50%;}




.banner-location{position:absolute; bottom:38px; left:9%; width:82%; height:106px; background:rgba(255,255,255,.7) url(../images/banner_location_bg.png) 94% 50% no-repeat; background-size:auto 90%; color:#5c5c5c; text-indent:48px;}
.banner-location p{margin-top:20px;}
.banner-location p span{margin:0 10px; font-size:12px; color:#999; vertical-align:1px;}
.banner-location h1{font-size:30px;}

#brand-banner{position:relative; height:700px; background:url(../images/brand_banner.jpg) center 0 no-repeat;}
#brand-banner .brand-video-play{position:absolute; top:40%; left:50%; width:76px; height:76px; margin:-38px 0 0 -38px; cursor:pointer;}
#brand-banner .brand-video-play:before{content:''; position:absolute; top:50%; left:50%; width:94px; height:94px; margin:-47px 0 0 -47px; border-radius:50%; border:1px solid rgba(255,255,255,0.4); -webkit-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); -moz-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
#brand-banner .brand-video-play:hover:before{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#brand-banner .brand-video-play i{-webkit-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); -moz-transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28); transition:0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
#brand-banner .brand-video-play:hover i{-webkit-transform:scale(0.9); -moz-transform:scale(0.9); transform:scale(0.9);}
#brand-banner .brand-video-play span{position:absolute; top:120%; left:50%; width:200px; margin-left:-100px; text-align:center; font-size:18px; color:#fff;}

.brand-summary{height:460px; padding-top:140px; background:url(../images/brand_summary.jpg) 50% 0 no-repeat;}
.brand-summary section{width:100%; max-width:1600px; margin:auto; overflow:hidden;}
.brand-summary .brand-summary-title{float:left; width:28%; margin-left:2%;}
.brand-summary .brand-summary-title h2{font-size:44px; color:#000;}
.brand-summary .brand-summary-title h3{font-size:44px; color:#676767;}
.brand-summary .brand-summary-title h3 em{color:#a4002c;}
.brand-summary .brand-summary-title aside{width:130px; margin-top:130px; font-size:18px; color:#5c5c5c; border-bottom:3px solid #bdbbb5;}

.brand-summary .brand-summary-con{float:right; width:65%; margin-right:2%;}
.brand-summary .brand-summary-con p{margin-bottom:40px; font-size:15px; line-height:32px;}


.brand-detail{padding:3% 0; background:#f8f8f8;}
.brand-detail section{width:100%; max-width:1600px; margin:auto; overflow:hidden;}
.brand-detail ul{overflow:hidden;}
.brand-detail ul li{float:left; width:25%; margin:0 4.16% 3%;}
.brand-detail ul li img{width:100%; vertical-align:top;}
.brand-detail ul li h2{margin:10px 0; color:#000; font-size:22px;}
.brand-detail ul li p{height:90px; color:#999;}


.brand-world{width:100%; max-width:1600px; margin:auto; text-align:center;}
.brand-world h2{padding:75px 0 40px; color:#000; font-size:44px;}
.brand-world summary{color:#666; font-size:15px; line-height:32px; width:88%; margin:auto;}
.brand-world-list{margin-top:60px; overflow:hidden;}
.brand-world-list li{float:left; position:relative; width:50%; height:0; padding-top:25%;}
.brand-world-list li figure{position:absolute; top:0; left:0; width:100%; height:100%;}
.brand-world-list li figure picture, .brand-world-list li figure figcaption{float:left; width:50%; height:100%; overflow:hidden;}
.brand-world-list li figure picture img{width:100%;}
.brand-world-list li figure figcaption{background:#f4f1ec;}
.brand-world-list li figure figcaption h3{margin-top:100px; color:#d26b6b; font-size:50px;}
.brand-world-list li figure figcaption h3 sup{font-size:30px; vertical-align:top;}
.brand-world-list li figure figcaption h4{color:#444; font-size:18px;}
.brand-world-list li figure figcaption p{width:80%; margin:30px auto 0; color:#999;}

.brand-duty{width:100%; max-width:1600px; height:330px; margin:50px auto; padding-top:50px; background:url(../images/brand_duty_bg.jpg) center 0 no-repeat;}
.brand-duty div{margin:0 2%;}
.brand-duty div h4, .brand-duty div p, .brand-duty div span{padding:0 2%;}
.brand-duty div h4{color:#545454; font-size:18px;}
.brand-duty div p{margin:2% 0; height:160px; border-bottom:1px dotted #acacac; color:#d26b6b; font-size:24px;}
.brand-duty div span{color:#999; font-size:15px;}

.brand-sub{width:100%; max-width:1600px; height:350px; margin:auto; overflow:hidden; text-align:center;}
.brand-sub div{float:left; width:50%; height:100%; box-sizing:border-box; border:1px solid #dedede;}
.brand-sub div:first-of-type{border-right:0;}
.brand-sub div h2{position:relative; margin:55px 0; color:#000; font-size:30px;}
.brand-sub div h2:after{content:''; position:absolute; bottom:-28px; left:50%; width:24px; height:1px; margin-left:-12px; background:#ccc;}
.brand-sub div p{width:56%; margin:auto; color:#666; font-size:15px; line-height:24px;}
.brand-sub div a{display:inline-block; margin-top:40px; padding:8px 30px; background:#d26b6b; border-radius:3px; color:#fff; font-size:15px;}



.brand-honer{width:100%; max-width:1600px; margin:50px auto; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5; text-align:center;}
.brand-honer ul li{width:2%; padding:20px 0; border-bottom:1px solid #f5f5f5; border-right:1px solid #f5f5f5; float:left; }
.brand-honer ul li img{width:70%;}



.brand-history{width:100%; max-width:1600px; margin:0 auto 80px;}
#brand-history-list{padding-bottom:20px; *zoom:1;}
#brand-history-list:after{content:''; display:block; width:0; height:0; clear:both;}
#brand-history-list li{position:relative; height:130px; width:50.6%; background-size:auto 80%!important;}
#brand-history-list li h2{color:#000; font-size:40px; white-space:nowrap; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#brand-history-list li:hover h2{color:#d26b6b;}
#brand-history-list li p{color:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#brand-history-list li:hover p{color:#333;}

#brand-history-list li:nth-of-type(2n+1), #brand-history-list li.left{float:left; background:url(../images/history_01.png) 100% 100% no-repeat;}
#brand-history-list li:nth-of-type(2n+1) h2, #brand-history-list li.left h2{position:absolute; bottom:10%; right:10%;}
#brand-history-list li:nth-of-type(2n+1) p, #brand-history-list li.left p{position:absolute; top:105%; right:10%; width:84%; text-align:right;}

#brand-history-list li:nth-of-type(2n), #brand-history-list li.right{float:right; background:url(../images/history_02.png) 0 100% no-repeat;}
#brand-history-list li:nth-of-type(2n) h2, #brand-history-list li.right h2{position:absolute; bottom:10%; left:10%;}
#brand-history-list li:nth-of-type(2n) p, #brand-history-list li.right p{position:absolute; top:105%; left:10%; width:84%;}

.brand-history-end{display:block; margin:auto;}
.brand-history h3{margin-top:40px; font-size:22px; color:#d26b6b; text-align:center;}


#news-banner{position:relative; height:300px; background:url(../images/news_banner.jpg) 50% 0 no-repeat;}

.news-list-wrap{width:100%; max-width:1600px; margin:auto; padding-top:55px;}
.news-list-wrap .news-list-special{padding:0 1% 30px; border-bottom:1px dotted #c1c1c1; overflow:hidden;}
.news-list-wrap .news-list-special picture{position:relative; float:left; width:28%; margin-right:5%; padding-top:21%; overflow:hidden;}
.news-list-wrap .news-list-special picture img{position:absolute; top:0; left:0; width:100%; height:100%;}
.news-list-wrap .news-list-special figcaption{float:left; width:65%;}
.news-list-wrap .news-list-special h2{padding-top:2%; color:#333; font-size:24px; font-weight:bold;}
.news-list-wrap .news-list-special aside{margin-top:5px;}
.news-list-wrap .news-list-special p{position:relative; height:100px; margin:10px 0 40px; padding-top:15px; border-top:1px dotted #ccc;}
.news-list-wrap .news-list-special p:after{content:''; position:absolute; bottom:1px; left:0; width:20px; height:1px; background:#c9c9c9;}
.news-list-wrap .news-list-special a{color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-list-wrap .news-list-special a:hover{color:#d26b6b;}


.news-list{position:relative; margin:18px 0 55px; overflow:hidden;}
.news-list li{position:relative; float:left; width:50%; height:0; padding-top:20%; border-bottom:1px solid #f1f1f1;}
.news-list li a{position:absolute; top:0; left:0; width:100%; height:100%;}
.news-list li figure{height:100%; padding:10% 2% 0; border-right:1px solid #f1f1f1;}
.news-list li:nth-of-type(2n) figure{border-right:none;}
.news-list li figure picture{position:relative; float:left; width:40%; height:0; padding-top:25%; overflow:hidden;}
.news-list li figure picture img{position:absolute; top:0; left:0; width:100%; height:100%;}
.news-list li figure figcaption{float:left; width:50%; margin-left:2%;}
.news-list li figure figcaption h2{margin-top:2.4%; color:#333; font-size:18px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:bold; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-list li figure figcaption aside{margin:1% 0 8%; color:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-list li figure figcaption p{position:relative; color:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-list li figure figcaption p:before{content:''; position:absolute; top:-3px; left:0; width:20px; height:1px; background:#ccc;}
.news-list li a:hover figure figcaption h2{color:#d26b6b;}
.news-list li a:hover figure figcaption aside, .news-list li a:hover figure figcaption p{color:#333;}



.news-wrap{width:100%; max-width:1600px; margin:auto; padding-top:50px; overflow:hidden;}
.news-wrap .news{float:left; width:72.5%;}
.news-wrap .news h2{padding:20px 3%; border-bottom:1px solid #e5e5e5; font-size:24px; line-height:26px; color:#333; font-weight:bold;}
.news-wrap .news aside{margin-top:1%; padding-left:3%; color:#999;}
.news-wrap .news aside span{margin:0 4%;}
.news-wrap .news article{margin-top:6.8%; padding:0 3%;}
.news-wrap .news article p{margin-bottom:3%; font-size:16px; line-height:24px;}
.news-wrap .news article img{max-width:80%;}
#news-share{position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#news-share .bds_more{height:auto; width:auto; margin:0; text-indent:0; background:none; color:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news-share .bds_more:hover{color:#000;}

.news-wrap .news-other{position:relative; float:right; width:24.6%; padding-bottom:50px; background:#fafafa;}
.news-wrap .news-other h3{margin:0 3%; padding:20px 3%; border-bottom:1px solid #e5e5e5; font-size:18px; line-height:26px; color:#999; font-weight:bold;}
.news-wrap .news-other-more{position:absolute; top:26px; right:5%; color:#b7b7b7; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-wrap .news-other-more:hover{color:#333;}
.news-wrap .news-other ul{padding:0 10%;}
.news-wrap .news-other ul li{height:88px; border-bottom:1px dotted #c8c8c8;}
.news-wrap .news-other ul li a{display:block; height:100%; overflow:hidden;}
.news-wrap .news-other .news-other-date{float:left; height:60px; width:20%; margin-top:14px; text-align:center;}
.news-wrap .news-other .news-other-date span{display:block; line-height:30px; border-radius:3px 3px 0 0; background:#d26b6b; color:#fff;}
.news-wrap .news-other .news-other-date em{display:block; line-height:30px; border-radius:0 0 3px 3px; background:#efefef; color:#b4b4b4;}
.news-wrap .news-other ul li h4{float:left; margin:14px 0 0 5%; width:70%; color:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news-wrap .news-other ul li a:hover h4{color:#000;}

.news-siblings{position:relative; margin-top:80px; padding:35px 3%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:16px;}
.news-siblings div{line-height:34px;}
.news-siblings div span{color:#999;}
.news-siblings div a:hover{text-decoration:underline;}
.news-siblings .news-back{position:absolute; top:50%; right:3%; width:150px; height:40px; margin-top:-20px; line-height:40px; border-radius:3px; background:#d26b6b; color:#fff; text-align:center;}
.news-siblings .news-back i{margin:0 0 0 20%;}



#service-banner{position:relative; height:400px; background:url(../images/service_banner_.jpg) 50% 0 no-repeat; background-size:auto 100%;}
#dealer-nav{padding:36px 0; background:#f4f3f0; text-align:center;}
#dealer-nav a{position:relative; display:inline-block; width:146px; height:36px; margin:0 25px; border-radius:5px; border:2px solid #c9c9c9; line-height:36px; color:#666; font-size:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#dealer-nav a:after{content:''; position:absolute; top:38px; left:50%; width:0; height:0; margin-left:-6px; border:6px solid transparent; border-bottom:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#dealer-nav a.act{background:#d26b6b; border-color:#d26b6b; color:#fff;}
#dealer-nav a.act:after{border-top-color:#d26b6b;}

.dealer-con section{width:100%; max-width:1600px; margin:auto;}
.dealer-con h2{padding:38px 0;color:#333; font-size:36px; text-align:center;}
.dealer-con-join{width:800px; overflow:hidden; text-align:center; margin:auto;}
.dealer-con-join li{position:relative; float:left; width:200px; height:234px;}
.dealer-con-join li:after{content:''; position:absolute; top:35px; left:100%; width:13px; height:23px; background:url(../images/sprite.png) -75px -60px no-repeat;}
.dealer-con-join li:nth-of-type(4n):after{display:none;}
.dealer-con-join li aside, .dealer-con-requirement li aside{display:block; width:94px; height:94px; margin:0 auto 25px; line-height:94px; color:#d26b6b; background:url(../images/num_border.jpg) no-repeat; background-size:100% auto; font-size:40px; font-weight:bold;}
.dealer-con-join li p{width:120px; margin:0 auto; color:#000;}

.dealer-con-requirement{padding-bottom:40px; text-align:center; overflow:hidden;}
.dealer-con-requirement li{float:left; width:16.6%;}
.dealer-con-requirement li p{width:70%; margin:auto;}

.dealer-con-feature{background:#f9f9f9; text-align:center;}
.dealer-con-feature ul{padding-bottom:40px; overflow:hidden;}
.dealer-con-feature ul li{float:left; width:33.3%; height:320px;}
.dealer-con-feature ul li h3{margin-bottom:30px; font-size:24px;}
.dealer-con-feature ul .feature-01 h3{color:#d26b6b;}
.dealer-con-feature ul .feature-02 h3{color:#3ca2db;}
.dealer-con-feature ul .feature-03 h3{color:#77ba6a;}
.dealer-con-feature ul li p{width:330px; margin:auto;}

.dealer-con-down{position:relative; height:360px; background:#f3f3f3 url(../images/service_down_bg.jpg) 50% 0 no-repeat; background-size:auto 100%;}
.dealer-con-down a{position:absolute; top:50%; left:50%; width:288px; height:62px; margin:-31px 0 0 -144px; border-radius:5px; color:#fff; line-height:62px; text-align:center; background:#d26b6b; font-size:16px;}

.dealer-login{padding:58px 0; background:url(../images/dealer_login_bg.jpg) 50% 0 no-repeat;}
.dealer-login section{width:458px; height:484px; margin:auto; background:#fff; box-shadow:0 0 4px 1px rgba(0,0,0,0.15);}
.dealer-login section h1{padding:52px 0; color:#222; font-size:32px; text-align:center; line-height:32px;}
.dealer-login section form{margin-top:10px;}
.dealer-login section form div{width:348px; height:22px; margin:0 auto 25px; padding:12px 11px; border-radius:3px; border:1px solid #a0a0a0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.dealer-login section form div input{width:280px; padding:0 15px; line-height:20px; border:none; border-left:1px solid #e8e8e8; vertical-align:middle; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.dealer-login section form input[type="submit"], .dealer-login section form input[type="reset"]{display:block; width:372px; height:50px; margin:0 auto 22px; border-radius:3px; border:none; background:#d26b6b; color:#fff; font-size:24px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.dealer-login section form input[type="reset"]{background:#a7a7a7;}
.dealer-login section form input[type="submit"]:active{background:#c15757;}
.dealer-login section form input[type="reset"]:active{background:#999;}


#job-banner{position:relative; height:400px; background:url(../images/job/banner.jpg) 50% 0 no-repeat; background-size:auto 100%;}

.job-values{width:100%; max-width:1600px; margin:auto;}
.job-values h2{padding-top:40px; color:#333; font-size:24px; text-align:center; line-height:2;}
.job-values-list{margin-top:60px; overflow:hidden;}
.job-values-list li{float:left; position:relative; width:50%; height:0; padding-top:18.75%;}
.job-values-list li figure{position:absolute; top:0; left:0; width:100%; height:100%;}
.job-values-list li figure picture, .job-values-list li figure figcaption{float:left; width:50%; height:100%; overflow:hidden;}
.job-values-list li figure picture img{width:100%;}
.job-values-list li figure figcaption{background:#f4f1ec;}
.job-values-list li figure figcaption h3{width:80%; margin:7% auto 2%; color:#333; font-size:24px;}
.job-values-list li figure figcaption p{width:80%; margin:auto; color:#999; font-size:16px;}

.job-summary{width:100%; max-width:1600px; margin:auto;}
.job-summary h2{padding:60px 0; color:#333; font-size:24px; text-align:center; line-height:2;}
.job-summary ul{}
.job-summary ul li{position:relative; width:100%; height:0; padding-top:28.12%;}
.job-summary ul li figure{position:absolute; top:0; left:0; width:100%; height:100%;}
.job-summary ul li figure picture, .job-summary ul li figure figcaption{float:left; width:50%; height:100%;}
.job-summary ul li figure picture img{width:100%; vertical-align:top;}
.job-summary ul li figure figcaption{background:#f4f1ec;}
.job-summary ul li figure figcaption p{margin:10% auto; width:90%;}

.job{width:100%; max-width:1600px; margin:50px auto 0;}
.job .job-info{}
.job .job-info dl{position:relative; padding:16px 0 16px 130px; overflow:hidden; border-bottom:1px solid #f3f3f3;}
.job .job-info dl:last-of-type{border-bottom:none;}
.job .job-info dl dt{position:absolute; top:16px; left:0; width:130px; text-indent:15px; color:#333;}
.job .job-info dl dt i{}
.job .job-info dl dd{float:left; margin:0 18px;}
.job .job-info dl dd a{color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.job .job-info dl dd a:hover{color:#d26b6b;}
.job .job-info dl dd a.act{color:#d26b6b;}

.job-list{width:100%; margin-top:50px; border-left:1px solid #ebebeb; text-indent:38px; color:#333;}
.job-list tr{height:60px;}
.job-list td{position:relative; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.job-list thead{background:#d26b6b; color:#fff;}
.job-list thead td{border-right-color:#d26b6b;}
.job-list thead td:after{content:''; position:absolute; top:30%; right:0; height:40%; width:1px; background:#db8989;}
.job-list thead td:last-of-type:after{display:none;}
.job-list tbody tr:nth-of-type(2n){background:#f8f8f8;}



#maintain-banner{position:relative; height:400px; background:url(../images/maintain_banner.jpg) 50% 0 no-repeat; background-size:auto 100%;}
.maintain{width:100%; max-width:1600px; margin:54px auto 70px;}
.maintain section{position:relative; height:100%; height:0; padding-top:40%;}
.maintain ul{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.maintain ul li{position:relative; float:left; width:25%; height:100%; overflow:hidden;}
.maintain ul li div{position:relative; height:50%;}
.maintain ul li div:after{content:''; position:absolute; left:50%; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; margin-left:-12px;}
.maintain ul li picture{height:50%; overflow:hidden;}
.maintain ul li picture img{width:100%; height:auto;}
.maintain ul li h2{font-size:38px; color:#fff;}
.maintain ul li.maintain-01 img{width:100%;}
.maintain ul li.maintain-01 h2{position:absolute; bottom:4.6%; left:0; width:100%;}
.maintain ul li.maintain-02{background:#d26b6b;}
.maintain ul li.maintain-02 div:after{bottom:100%; border-bottom:12px solid #d26b6b;}
.maintain ul li.maintain-03{background:#5da1c1;}
.maintain ul li.maintain-03 div:after{top:100%; border-top:12px solid #5da1c1;}
.maintain ul li.maintain-04{background:#e0c4a1;}
.maintain ul li.maintain-04 div:after{bottom:100%; border-bottom:12px solid #e0c4a1;}
.maintain ul li.maintain-02 h2, .maintain ul li.maintain-03 h2, .maintain ul li.maintain-04 h2{padding:24% 0 5%;}
.maintain ul li.maintain-02 a, .maintain ul li.maintain-03 a, .maintain ul li.maintain-04 a{display:block; width:126px; height:42px; margin:auto; border-radius:3px; line-height:42px; font-size:16px; background:#fff;}
.maintain ul li.maintain-02 a{color:#d26b6b;}
.maintain ul li.maintain-03 a{color:#5da1c1;}
.maintain ul li.maintain-04 a{color:#e0c4a1;}



#store-banner{position:relative; height:400px; background:url(../images/store_banner.jpg) 50% 0 no-repeat; background-size:auto 100%; text-align:center; color:#fff;}
#store-banner h1{padding-top:90px; font-size:36px;}
#store-banner p{font-size:18px; color:rgba(255,255,255,0.5);}
#store-banner form{margin-top:40px;}
#store-banner form select{width:238px; height:42px; margin-right:12px; background:#fff; color:#5f5f5f; font-size:16px;}
#store-banner form input[type="submit"]{width:116px; height:42px; border:none; border-radius:3px; background:#d55c5c; color:#fff; font-size:16px;}
.store{width:100%; max-width:1200px; margin:32px auto 40px; overflow:hidden;}
.store .map{float:left; width:50%;float:left; height:550px; background:#f9f9f9;}
.store figure{float:left; width:37.5%; background:#f9f9f9;}
.store figure picture{position:relative; height:0; padding-top:54%; overflow:hidden;}
.store figure picture img{position:absolute; top:0; left:0; width:100%; height:auto;}
/*.store figure picture .map{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}*/
.store figure figcaption{height:120px;}
.store figure h2{margin-bottom:4%; padding:2% 4%; border-bottom:1px dotted #ddd; color:#000; font-size:24px;}
.store figure p, .store figure span, .store .store-list li p, .store .store-list li span{display:block; margin:0 4% 1%; padding-left:18px; background-repeat:no-repeat; background-position:0 2px; line-height:18px;}
.store figure p, .store .store-list li p{background-image:url(../images/icon_store_add.png);}
.store figure span, .store .store-list li span{background-image:url(../images/icon_store_tel.png);}

.store .store-list{float:right; width:45%; padding-left:5%;overflow-y:scroll;overflow-x:hidden;height:550px;}
.store .store-list li{float:left; width:35%; min-height:145px; *height:140px; margin-right:12.5%; border-bottom:1px solid #f2f2f2;}
.store .store-list li h3, .store .store-list li p, .store .store-list li span{margin:0 0 2% 5%;}
.store .store-list li h3{padding:5% 0 2%; color:#000; font-size:18px;}



.service-qalist{width:100%; max-width:1600px; margin:45px auto 100px; overflow:hidden;}
.service-qalist h2{padding:15px 0; color:#d26b6b; font-size:22px;}
.service-qalist ul{float:left; width:49.5%; border-top:3px solid #d26b6b;}
.service-qalist ul li{margin-bottom:4px;}
.service-qalist ul li h3{position:relative; padding:22px 55px 22px 3%; background:#f8f8f8; color:#333; font-size:16px; line-height:26px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.service-qalist ul li h3:after{content:''; position:absolute; top:27px; right:32px; width:20px; height:20px; border-radius:50%; background:#c1c1c2 url(../images/sprite.png) -100px -144px no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.service-qalist ul li.act h3:after{background-color:#d26b6b; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
.service-qalist ul li div{display:none; padding:3%; line-height:30px;}




#guide-banner{position:relative; height:400px; background:url(../images/guide_banner.jpg) 50% 0 no-repeat; background-size:auto 100%;}
.guide{width:100%; max-width:1600px; margin:auto;}
.guide-nav{padding:36px 0;}
.guide-nav a{display:inline-block; width:130px; height:46px; background:#f0f0f0; color:#333; line-height:46px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.guide-nav a:hover, .guide-nav a.act{background:#d26b6b; color:#fff;}
.guide-list{overflow:hidden;}
.guide-list li{position:relative; float:left; width:22.5%; height:0; padding-top:20.25%; margin:0 3.33% 3% 0; background:#f5f5f5;}
.guide-list li:nth-of-type(4n){margin-right:0;}
.guide-list li a{position:absolute; top:0; left:0; width:100%; height:100%;}
.guide-list li a picture{position:absolute; bottom:0; left:0; width:100%; height:0; padding-top:52%; overflow:hidden;}
.guide-list li a picture img{position:absolute; top:0; left:0; width:100%; height:auto;}
.guide-list li a h3{padding:3% 5%; color:#333; font-size:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.guide-list li a p{width:90%; margin:auto; color:#999;}
.guide-more{display:block; width:145px; height:45px; margin:auto; border-radius:3px; background:#d26b6b; color:#fff; line-height:45px; text-align:center; font-size:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.guide-more:hover{color:#fff;}



#aftermarket-banner{position:relative; height:400px; background:url(../images/aftermarket_banner.jpg) 50% 0 no-repeat; background-size:auto 100%;}
.aftermarket{width:100%; max-width:1000px; margin:auto; padding:70px 0 50px; text-align:center;}
.aftermarket h2{padding-bottom:40px; color:#5ca1c0; font-size:30px;}
.aftermarket .aftermarket-con{width:740px; height:800px; margin:auto; background:url(../images/aftermarket.png) 50% 0 no-repeat;}



.home{height:900px; margin:auto; padding-top:65px; background:url(../images/home_bg.jpg) 50% 0 no-repeat;}
.home-con{width:1072px; height:757px; margin:auto; background:url(../images/home.png) 50% 0 no-repeat;}



.pagination{width:100%; height:40px; margin:55px 0 40px; text-align:center;}
.pagination a{display:inline-block; width:40px; height:40px; text-align:center; margin:0 2px; line-height:40px; border:1px solid #aaa; background:#fff; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pagination a.prev, .pagination a.next{width:70px; color:#aaa;}
.pagination a.prev{margin-right:8px;}
.pagination a.next{margin-left:8px;}
.pagination i{display:inline-block; width:40px; text-align:center; line-height:40px; color:#666;}

.pagination a:hover, .pagination a.act{background:#d26b6b; color:#fff; border-color:#d26b6b;}



#overlay{display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:15; background:#000\9; background:rgba(0,0,0,0.7);}
#overlay-close{position:absolute; top:0; left:0; width:100%; height:100%;}
#video{position:absolute; top:50%; left:50%; width:800px; height:480px; margin:-240px 0 0 -400px;}



@media (max-width: 1280px) and (min-width: 1079.5px){


/*------------product-type---------------*/
.product-type{width:1000px;}
.product-type h1{height:100px; line-height:100px;}
.product-type ul li h2{font-size:16px;}
.product-type ul li summary{height:28%;}
.product-type ul li summary, .product-type ul li p{font-size:12px;}
/*------------product-type---------------*/

/*------------product-list---------------*/
.product-list-wrap{width:1000px;}
.product-list-wrap h1{left:30px; font-size:24px;}
.product-list-wrap ul li h2{font-size:16px;}

/*------------product-list---------------*/


/*------------product-detail---------------*/
.product-detail-info h1{margin:1% 0 5px 0; font-size:20px;}
.product-detail-info aside{line-height:28px;}
.product-detail-info aside.color, .product-detail-info aside.size{height:46px; line-height:46px;}
.product-detail-info summary{height:100%; font-size:12px;}
.product-detail-info .toshop{display:block; height:38px; line-height:38px;}

/*------------product-detail---------------*/



/*------------brand---------------*/
.brand-detail ul li{width:29.33%; margin:0 2% 3%;}

.brand-world-list li figure figcaption h3{margin-top:20px;}
.brand-duty div p{margin-bottom:5%;}
/*------------brand---------------*/


/*------------news-list---------------*/
.news-list-wrap .news-list-special h2{padding-top:0;}
.news-list-wrap .news-list-special p{height:50px; padding-top:5px;}
.news-list li figure figcaption h2{margin-top:0; font-size:16px;}
.news-list li figure figcaption aside{margin-bottom:4%;}
/*------------news-list---------------*/


/*------------news---------------*/
.news-wrap .news-other .news-other-date{width:26%;}
.news-wrap .news-other ul li h4{width:64%;}
/*------------news---------------*/


/*------------service---------------*/
.dealer-con-requirement li{width:33.3%;}
.dealer-con-feature ul li p{width:280px;}
/*------------service---------------*/

/*------------job---------------*/
.job-values-list li figure figcaption h3{font-size:20px;}
.job-values-list li figure figcaption p{font-size:14px;}
/*------------job---------------*/


/*------------maintain---------------*/
.maintain ul li h2{font-size:28px;}
/*------------maintain---------------*/


/*------------store---------------*/
.store .store-list li{width:47%; margin-right:3%;}
/*------------store---------------*/


/*------------question---------------*/
.service-qalist ul li h3{font-size:14px;}
/*------------question---------------*/



/*------------guide---------------*/
.guide-list li{width:31%; margin-right:2.33%; padding-top:28%;}
.guide-list li:nth-of-type(3n){margin-right:0;}
.guide-list li:nth-of-type(4n){margin-right:2.33%;}
/*------------guide---------------*/


/*------------home---------------*/
.home{height:720px;}
.home-con{width:930px; height:757px; background-image:url(../images/home960.png);}
/*------------home---------------*/
}


@media (max-width: 1079.5px) and (min-width: 767.5px){
/*------------product-type---------------*/
.product-special figcaption h2{margin:5% auto; font-size:18px;}
.product-special figcaption summary{height:50%; font-size:12px;}
.product-special figcaption a{font-size:12px;}
.product-type{width:760px;}
.product-type h1{height:80px; line-height:80px;}
.product-type ul li{width:30%; padding-top:31%; margin-right:5%;}
.product-type ul li:nth-of-type(3n){margin-right:0;}
.product-type ul li:nth-of-type(4n){margin-right:5%;}
.product-type ul li a img{opacity:1;}
.product-type ul li h2{font-size:14px;}
.product-type ul li summary{height:31%;}
.product-type ul li summary, .product-type ul li p{font-size:12px;}
/*------------product-type---------------*/

/*------------product-list---------------*/
.product-list-wrap{width:760px;}
.product-list-wrap h1{left:30px; font-size:20px;}
.product-list-wrap ul li{width:32%; margin:0 2% 2% 0;}
.product-list-wrap ul li:nth-of-type(4n+3){margin:0 2% 2% 0;}
.product-list-wrap ul li:nth-of-type(3n+2){margin-right:0;}
.product-list-wrap ul li h2{font-size:14px;}
.product-list-wrap ul li summary{font-size:12px;}
.product-list-wrap ul li picture img{opacity:1;}
.product-list-wrap ul li a{-webkit-transition:0; -moz-transition:0; transition:0;}
.product-list-wrap ul li a:hover{border-color:#f0f0f0;}
.product-list-wrap ul li a:active{border-color:#999;}
.product-list-wrap ul li.large{width:66%;}
/*------------product-list---------------*/

/*------------product-detail---------------*/
.product-detail{width:760px;}
.product-gallery{width:100%; height:30px; padding-top:60%;}
.product-gallery .gallery-wrapper{bottom:30px;}
.product-gallery .gallery-pagination span{margin:14px 6px;}
.product-detail-info{width:92%; margin:0 4%;}
.product-detail-info h1{margin:0 0 5px 0; font-size:24px;}
.product-detail-info aside.color, .product-detail-info aside.size{height:46px; line-height:46px;}
.product-detail-info summary{height:100%; font-size:13px;}
.more-recommend{width:760px;}
.more-recommend h3{font-size:20px; line-height:50px;}
.more-recommend .data-reload{top:10px; right:0; width:75px;}
.more-recommend ul li{padding-top:24%;}
.more-recommend ul li h4{padding:1% 0; font-size:14px;}
#bdshare{display:none;}
/*------------product-detail---------------*/


/*------------brand---------------*/
.brand-summary .brand-summary-title h2, .brand-summary .brand-summary-title h3{font-size:30px;}
.brand-summary .brand-summary-con p{font-size:14px; line-height:24px; margin-bottom:20px;}
.brand-detail ul li{width:38%; margin:0 6% 3%;}
.brand-world-list li figure figcaption h3{margin-top:10px; font-size:34px; line-height:1.2;}
.brand-world-list li figure figcaption h4{font-size:16px;}
.brand-world-list li figure figcaption p{width:86%; margin-top:10px; font-size:12px;}
.brand-duty div p{margin-bottom:7%;}
.brand-duty div span{font-size:12px;}
/*------------brand---------------*/
#video{width:100%; height:320px; left:0; margin:0; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);}


/*------------brand-history---------------*/
#brand-history-list li{height:100px;}
#brand-history-list li h2{font-size:30px;}
.brand-history-end{width:24px;}
.brand-history h3{font-size:18px;}
/*------------brand-history---------------*/

/*------------news-list---------------*/
.news-list-wrap .news-list-special h2{padding-top:0; font-size:20px;}
.news-list-wrap .news-list-special p{height:auto; margin-bottom:10px; padding-top:5px; font-size:12px;}
.news-list-wrap .news-list-special p:after{display:none;}
.news-list li figure figcaption h2{margin-top:6%; white-space: normal; font-size:16px;}
.news-list li figure figcaption aside{margin-bottom:4%;}
.news-list li figure figcaption p{display:none;}
/*------------news-list---------------*/


/*------------news---------------*/
.news-wrap .news article p{font-size:14px;}
.news-wrap .news-other ul{padding:0 3%; font-size:12px;}
.news-wrap .news-other .news-other-date{width:30%;}
.news-wrap .news-other ul li h4{width:60%;}
.news-siblings{font-size:14px;}
/*------------news---------------*/

/*------------service---------------*/
.dealer-con-join{width:720px;}
.dealer-con-join li{width:180px;}
.dealer-con-requirement li{width:33.3%;}
.dealer-con-feature ul li{height:350px;}
.dealer-con-feature ul li p{width:90%;}
.dealer-con-down{height:280px;}
/*------------service---------------*/

/*------------job---------------*/
.job-values-list li figure figcaption h3{width:90%; margin:2% auto 2%; font-size:18px;}
.job-values-list li figure figcaption p{width:90%; font-size:12px;}
.job-summary ul li figure figcaption p{font-size:12px;}
/*------------job---------------*/


/*------------maintain---------------*/
.maintain{width:760px;}
.maintain section{padding-top:160%;}
.maintain ul li{width:50%; height:50%;}
.maintain ul li h2{font-size:28px;}
/*------------maintain---------------*/

/*------------store---------------*/
.store figure{width:56%;}
.store .map{width:56%;}
.store .store-list{width:40%;}
.store .store-list li{width:94%; margin-right:6%;}
/*------------store---------------*/


/*------------question---------------*/
.service-qalist{width:90%; margin:auto;}
.service-qalist h2{font-size:20px;}
.service-qalist ul{float:none; width:100%;}
.service-qalist ul:nth-of-type(2){border-top:none;}
.service-qalist ul li h3{font-size:14px; padding-right:35px;}
.service-qalist ul li h3:after{right:10px;}
/*------------question---------------*/


/*------------guide---------------*/
.guide{width:80%;}
.guide-list li{width:48.5%; margin-right:3%; padding-top:46%;}
.guide-list li:nth-of-type(2n){margin-right:0;}
/*------------guide---------------*/


/*------------home---------------*/
.home{height:720px;}
.home-con{width:90%; height:757px; background-image:url(../images/home960.png); background-size:100% auto;}
/*------------home---------------*/
}



@media (max-width: 767.5px){
/*------------product---------------*/
#product-scene{display:none;}
#product-scene-type{height:320px;}
#product-scene-type li{float:left; width:33.333333%; margin:0; -webkit-tap-highlight-color:rgba(255,0,0,0);}
#product-scene-type li a{display:block;}
#product-scene-type li b{-webkit-transition:0.05s; -moz-transition:0.05s; transition:0.05s;}
#product-scene-type li.act b{background:transparent; border-color:#fff; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#product-scene-type li:active b{background:#d55c5c; border-color:#d55c5c; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}
/*------------product---------------*/


/*------------product-type---------------*/
.product-type h1{height:55px; line-height:55px; background:#d26b6b; color:#fff; font-size:18px; -webkit-animation:fadeIn 0.8s 0.2s both; -moz-animation:fadeIn 0.8s 0.2s both; animation:fadeIn 0.8s 0.2s both;}
.product-special{display:none;}
.product-type ul{width:300px; margin:24px auto;}
.product-type ul li{width:100%; height:150px; margin:0 0 18px 0;}
.product-type ul li a img{opacity:1;}
.product-type ul li h2{margin:0 1.5%; line-height:50px; font-size:15px;}
.product-type ul li summary{display:none;}
.product-type ul li p{bottom:0; right:6px; left:auto; background:none; padding:0; line-height:50px; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
/*------------product-type---------------*/


/*------------product-list---------------*/
.product-list-wrap h1{position:static; height:55px; line-height:55px; background:#d26b6b; color:#fff; text-align:center; font-size:18px; -webkit-animation:fadeIn 0.8s 0.2s both; -moz-animation:fadeIn 0.8s 0.2s both; animation:fadeIn 0.8s 0.2s both;}
.product-list-wrap ul{width:300px; margin:auto;}
.product-list-wrap ul li{width:48.5%; height:150px; margin:0 3% 3% 0; padding:0;}
.product-list-wrap ul li:nth-of-type(4n+3){margin:0 3% 3% 0;}
.product-list-wrap ul li:nth-of-type(2n){margin-right:0;}
.product-list-wrap ul li picture{height:52%;}
.product-list-wrap ul li h2{font-size:12px;}
.product-list-wrap ul li summary{font-size:10px;}
.product-list-wrap ul li div{height:36%;}
.product-list-wrap ul li picture img{opacity:1;}
.product-list-wrap ul li a{-webkit-transition:0; -moz-transition:0; transition:0;}
.product-list-wrap ul li a:hover{border-color:#f0f0f0;}
.product-list-wrap ul li a:active{border-color:#999;}
.product-list-wrap ul li div:before{border-width:6px; top:-6px;}
.product-list-wrap ul li.large{width:48.5%;}
.product-list-wrap ul li.large div{background:#f0f0f0; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.product-list-wrap ul li.large div:before{display:block;}
.product-list-wrap ul li.large picture img{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.product-list-wrap ul li.large a:hover img{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
/*------------product-list---------------*/


/*------------product-detail---------------*/
.product-detail{width:320px;}
.product-gallery{width:100%; height:30px; padding-top:60%;}
.product-gallery .gallery-wrapper{bottom:30px;}
.product-gallery .gallery-pagination span{width:30px; margin:14px 6px;}
.product-detail-info{width:92%; margin:0 4%;}
.product-detail-info h1{margin:0 0 5px 0; font-size:18px;}
.product-detail-info h2{font-size:13px;}
.product-detail-info aside{line-height:20px; font-size:12px;}
.product-detail-info aside.color, .product-detail-info aside.size{height:46px; line-height:46px;}
.product-detail-info summary{min-height:100%; font-size:12px;}
.product-detail-info .toshop{display:block; margin:0 auto 2%;}
.product-detail-info p{text-align:center;}
.more-recommend{display:none;}
#bdshare{display:none;}
/*------------product-detail---------------*/

.banner-location{display:none;}

/*------------brand---------------*/
#brand-banner{height:0; padding-top:50%; background-size:auto 100%;}
#brand-banner .brand-video-play{-webkit-transform:scale(0.6); -moz-transform:scale(0.6); transform:scale(0.6);}
.brand-summary{padding-top:20px; height:auto;}
.brand-summary .brand-summary-title{float:none; width:100%;}
.brand-summary .brand-summary-title h2, .brand-summary .brand-summary-title h3{font-size:30px;}
.brand-summary .brand-summary-title aside{display:none;}
.brand-summary .brand-summary-con{float:none; width:92%; margin:30px auto 0;}
.brand-summary .brand-summary-con p{font-size:13px; line-height:20px; margin-bottom:20px;}
.brand-detail{padding:10% 0;}
/*.brand-detail ul{width:;}*/
.brand-detail ul li{float:none; width:80%; margin:0 10% 8%;}
.brand-detail ul li h2{font-size:18px;}
.brand-detail ul li p{height:auto; font-size:12px;}
.brand-world h2{padding:20px 0; font-size:30px;}
.brand-world summary{font-size:13px; line-height:20px;}
.brand-world-list li{width:100%; padding-top:50%;}
.brand-world-list li:nth-of-type(2) figure picture, .brand-world-list li:nth-of-type(3) figure figcaption{float:right;}
.brand-world-list li figure figcaption h3{margin-top:10%; font-size:20px; line-height:1.2;}
.brand-world-list li figure figcaption h3 sup{font-size:14px;}
.brand-world-list li figure figcaption h4{font-size:14px;}
.brand-world-list li figure figcaption p{width:86%; margin-top:10px; font-size:10px;}
.brand-duty{height:auto; margin:20px auto; padding:20px 0;}
.brand-duty div p{font-size:15px; height:auto; margin-bottom:30px; padding-bottom:15px;}
.brand-duty div span{font-size:12px;}
.brand-sub{height:300px; width:90%;}
.brand-sub div{width:100%; height:50%;}
.brand-sub div:first-of-type{border-right:1px solid #dedede; border-bottom:0;}
.brand-sub div h2{margin:10px auto 20px; font-size:20px;}
.brand-sub div h2:after{bottom:-10px;}
.brand-sub div p{width:90%; font-size:12px; line-height:20px;}
.brand-sub div a{margin-top:5px; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); transform:scale(0.8);}
/*------------brand---------------*/
#video{width:100%; height:auto; left:0; margin:0; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);}

/*------------brand-honer---------------*/
.brand-honer tr td{width:50%;}
/*------------brand-honer---------------*/

/*------------brand-history---------------*/
.brand-history{margin-bottom:40px;}
.brand-history h3{font-size:14px;}
#brand-history-list li{height:80px;}
#brand-history-list li h2{font-size:20px;}
#brand-history-list li p{font-size:12px;}
.brand-history-end{width:24px;}
/*------------brand-history---------------*/

/*------------news-list---------------*/
#news-banner{height:0; padding-top:50%; background-size:auto 100%;}
.news-list-wrap{padding-top:0;}
.news-list-wrap .news-list-special{display:none;}
.news-list{margin-top:0;}
.news-list li{width:100%; padding-top:40%;}
.news-list li figure figcaption{width:58%;}
.news-list li figure figcaption h2{margin-top:0; font-size:14px; font-weight:normal; white-space:normal;}
.news-list li figure figcaption aside{margin:5% 0 0 0; font-size:12px;}
.news-list li figure figcaption p{display:none;}
/*------------news-list---------------*/

.pagination a{width:30px; height:30px; line-height:30px;}
.pagination a.prev, .pagination a.next{width:40px;}
.pagination i{display:none;}
.pagination a:hover{background:#fff; color:#333; border-color:#aaa;}
.pagination a:active{background:#d26b6b; color:#fff; border-color:#d26b6b;}


/*------------news---------------*/
.news-wrap .news{float:none; width:100%;}
.news-wrap .news h2{text-align:center; font-size:20px;}
.news-wrap .news aside{padding:0; text-align:center;}
.news-wrap .news aside span, #news-share{display:none;}
.news-wrap .news article p{font-size:12px; line-height:20px;}
.news-wrap .news-other{display:none;}
.news-siblings{font-size:13px;}
.news-siblings .news-back{position:static; display:block; margin:20px auto 0;}
/*------------news---------------*/


/*------------service---------------*/
#service-banner{height:0; padding-top:50%;}
#dealer-nav a{width:106px; height:32px; margin:18px; line-height:32px;}
#dealer-nav a:after{top:34px;}
.dealer-con h2{font-size:20px; padding:20px 0;}
.dealer-con-join{width:100%;}
.dealer-con-join li{width:100%; height:200px;}
.dealer-con-join li:after{top:170px; left:50%; -webkit-transform:translate3d(-50%,0,0) rotate(90deg); -moz-transform:translate3d(-50%,0,0) rotate(90deg); transform:translate3d(-50%,0,0) rotate(90deg);}
.dealer-con-join li:nth-of-type(4n):after{display:block;}
.dealer-con-join li:last-of-type:after{display:none;}
.dealer-con-join li p{width:90%;}
.dealer-con-requirement{padding-bottom:20px;}
.dealer-con-requirement li{width:100%; height:120px; padding-top:20px; border-bottom:1px solid #eee;}
.dealer-con-requirement li aside{float:left; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); transform:scale(0.8);}
.dealer-con-requirement li p{width:auto; margin:10px 15px 0 100px; font-size:12px; text-align:left;}
.dealer-con-feature ul{padding-bottom:0;}
.dealer-con-feature ul li{width:100%; height:auto; margin-bottom:50px;}
.dealer-con-feature ul li h3{margin-bottom:10px; font-size:18px;}
.dealer-con-feature ul li p{width:90%; font-size:12px;}
.dealer-con-down{height:200px; background-size:auto 70%;}
.dealer-con-down a{top:auto; bottom:30px; margin-top:0;}
/*------------service---------------*/

/*------------service-login---------------*/
.dealer-login section h1{font-size:20px; line-height:20px; padding:20px 0;}
.dealer-login section{width:300px; height:320px;}
.dealer-login section form div{width:230px; height:20px; margin-bottom:15px; padding:10px 6px;}
.dealer-login section form div i{-webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; transform-origin:50% 0; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); transform:scale(0.7);}
.dealer-login section form div input{width:160px; vertical-align:top;}
.dealer-login section form input[type="submit"], .dealer-login section form input[type="reset"]{width:244px; height:42px; margin-bottom:12px; font-size:16px;}
/*------------service-login---------------*/

/*------------job---------------*/
#job-banner{height:0; padding-top:50%;}
.job-values h2{font-size:18px;}
.job-values-list{margin-top:20px;}
.job-values-list li{width:100%; margin-bottom:4%; padding-top:112.5%;}
.job-values-list li figure picture, .job-values-list li figure figcaption{position:absolute; left:0; float:none; width:100%;}
.job-values-list li figure picture{top:0; height:57.56%;;}
.job-values-list li figure figcaption{top:57.56%; height:42%;}
.job-values-list li:nth-of-type(2) figure picture, .job-values-list li:nth-of-type(3) figure figcaption, .job-values-list li:nth-of-type(6) figure picture{float:right;}
.job-values-list li figure figcaption h3{font-size:18px;}
.job-values-list li figure figcaption p{font-size:12px;}
.job-summary h2{padding:20px 0 10px; font-size:18px;}
.job-summary ul li{padding-top:112.48%;}
.job-summary ul li figure picture, .job-summary ul li figure figcaption{position:absolute; left:0; float:none; width:100%; height:50%;}
.job-summary ul li figure picture{top:0;}
.job-summary ul li figure figcaption{top:50%;}
.job-summary ul li figure figcaption p{margin:2% auto; font-size:12px;}
.job-list{text-indent:10px;}
.job .job-info dl{padding-left:0;}
.job .job-info dl dt{position:static; margin-bottom:15px;}
.job .job-info dl dd{line-height:30px;}
.job-list tr td:nth-of-type(2), .job-list tr td:nth-of-type(3), .job-list tr td:nth-of-type(4){display:none;}
/*------------job---------------*/

/*------------maintain---------------*/
#maintain-banner{height:0; padding-top:50%;}
.maintain{width:90%;}
.maintain section{padding-top:160%;}
.maintain ul li{width:50%; height:50%;}
.maintain ul li h2{font-size:18px;}
.maintain ul li.maintain-02 a, .maintain ul li.maintain-03 a, .maintain ul li.maintain-04 a{width:60px; height:24px; font-size:12px; line-height:24px;}
/*------------maintain---------------*/

/*------------store---------------*/
#store-banner{height:300px;}
#store-banner h1{padding-top:30px; font-size:20px;}
#store-banner p{font-size:14px;}
#store-banner form{margin-top:20px;}
#store-banner form select{margin:0 0 8px 0; font-size:12px;}
.store figure, .store .store-list, .store .map{float:none; width:90%; margin:auto;}
.store .store-list li{float:none; width:100%;}
/*------------store---------------*/


/*------------question---------------*/
.service-qalist{width:90%; margin:auto;}
.service-qalist h2{font-size:20px;}
.service-qalist ul{float:none; width:100%;}
.service-qalist ul:nth-of-type(2){border-top:none;}
.service-qalist ul li h3{font-size:14px; padding-right:35px;}
.service-qalist ul li h3:after{right:10px;}
/*------------question---------------*/

/*------------guide---------------*/
#guide-banner{height:0; padding-top:50%;}
.guide{width:320px;}
.guide-nav{padding:20px 0;}
.guide-list li{width:100%; margin:0 0 6% 0; padding-top:94%;}
/*------------guide---------------*/


/*------------aftermarket---------------*/
.aftermarket{padding:20px 0 35px 0;}
#aftermarket-banner{height:0; padding-top:50%;}
.aftermarket h2{padding-top:20px; font-size:20px;}
.aftermarket .aftermarket-con{width:300px; height:620px; background-image:url(../images/aftermarket320.png); background-size:100% auto;}
/*------------aftermarket---------------*/


/*------------home---------------*/
.home{height:auto; padding-top:0; background:none;}
.home-con{width:320px; height:780px; background-image:url(../images/home320.jpg); background-size:100% auto;}
/*------------home---------------*/
}