transition: all 0.5s; background-color: #f7f7f7; } .Dealer_list_2 .txt *{ margin: 0;} .Dealer_list_2 .txt h2{ margin-bottom: 10px;} .Dealer_list_2 .txt .down{ float: right;} .Dealer_list_2 a:hover figure{ transform: scale(1.1);} .Dealer_list_2 a:hover .txt{background-color: #c8192a;} .Dealer_info{} .Dealer_info header{ border-bottom: 1px solid #e8e8e8; margin-bottom: 3%; position: relative; padding-right: 150px;} .Dealer_info header h1{ margin: 0; font-weight: normal; font-size: 30px; color: #333333;} .Dealer_info header p{ margin:0; padding: 10px 0 20px;} .Dealer_info header p *{ display: inline-block; font-size: 16px; color: #666666;} .Dealer_info header .Hits{ margin-left: 5%;} .Dealer_info header .back{ width: 132px; line-height: 40px; text-align: center; background-color: #c8192a; color: #fff; position: absolute; right: 0; bottom: 25px;} @media(min-width:768px){ .Dealer_index .menu li a{ display: block; position: relative; } .Dealer_index .menu li a::before, .Dealer_index .menu li a::after{ content: ''; position: absolute; right: 100%;} .Dealer_index .menu a span{ display: block; border-bottom: 1px solid #ededed; padding: 20px 10px 20px 0; background: url(../images/menu_icon.png) no-repeat right center; margin: 0 8%;} .Dealer_index .menu a:hover, .Dealer_index .menu .aon a{ background-color: #c8192a; color: #fff;} .Dealer_index .menu li a:hover::before, .Dealer_index .menu .aon a::before{ width: 10px; height: 100%; background-color: #c8192a; top: 0; } .Dealer_index .menu li a:hover::after, .Dealer_index .menu .aon a::after{ border: 10px solid transparent; border-right-color:#c8192a ; bottom: -10px;} .Dealer_index .menu_location .menu li:after{ display: none;} .Dealer_index .menu a:hover span, .Dealer_index .menu .aon a span{ border-bottom-color:#c8192a ;} .Dealer_list li:nth-child(3n){ margin-right: 0;} .Dealer_list li:nth-child(3n+1){ clear: both;} } @media(max-width:1200px){ .Dealer_index .menu li, .Dealer_list li h2{ font-size: 16px;} } @media(max-width:1024px){ .Dealer_list li a{ font-size: 13px;} .Dealer_list li span{ display: block;} .Dealer_list li em{ display: none;} } @media(max-width:768px){ .Dealer_index .fr, .Dealer_index .fl{ width: 100%; float: none;} .Dealer_index .current{ display: none;} .Dealer_index .fr .menu{ background-color: transparent; padding-bottom: 0; box-shadow: none;} .Dealer_index .fr .menu ul{ width: 100%;} .Dealer_list li{ width: 48%; margin:0 1% 2%;} .Dealer_list li:nth-child(2n+1){ clear: both;} .Dealer_info header h1{ font-size: 20px;} .Dealer_info header p *{ font-size: 14px;} } @media(max-width:420px){ .Dealer_list li{ width: 100%; margin:0 0 2%;} .Dealer_list li em, .Dealer_list li span{ display: inline-block;} } /*YuanDing*/ .nearby-store{padding: 5.12% 0 6.4%;} .nearby-store .nearby-tit{ font-size: 32px;font-weight: normal;color: #333333;text-align: center;margin: 0;line-height: 1;} .nearby-store .nearby-intro{ font-size: 18px;color: #555555;text-align: center;margin: 20px 0 50px;} .store-filter .item{float: left;width: 20.19%;margin-right: 1.28%;} .store-filter .item select{height: 60px;background-color: #ffffff;border: solid 1px #dddddd;width: 100%;padding: 0 40px 0 20px;font-size: 16px;color: #333;background-position: 92% center;} .store-filter .store-search{position: relative;width: 35.57%;float: left;} .store-filter .store-search input{height: 60px;line-height: 60px;background-color: #f7f7f7;border: 0;outline: none;font-size: 18px;width: 100%;padding: 0 50px 0 20px;} .store-filter .store-search input::placeholder{ font-size: 18px;color: #333333;} .store-filter .store-search input::-ms-input-placeholder{ font-size: 18px;color: #333333;} .store-filter .store-search input::-webkit-input-placeholder{ font-size: 18px;color: #333333;} .store-filter .store-search input::-moz-placeholder{ font-size: 18px;color: #333333;} .store-filter .store-search .btn{background-color: #c8192a;display: block;position: absolute;right: 0;top: 0;line-height: 60px;color: #fff;cursor: pointer;padding: 0 20px;font-size: 18px;} .store-filter .result{ font-size: 24px;letter-spacing: 1px;color: #333333;margin-top: 20px;} .store-filter .result .num{ color: #c8192a;} .Map000101{ background-color: #f7f7f7;margin-top: 20px;} .Map000101 .map{float:left;width: 63.14%;height:600px;} .Map000101 .map #allMap{ width:100%;height: 100%;} .Map000101 .map #allMap img{ max-width:none;} .Map000101 .info{ float:right; width:36.85%; max-height: 600px;overflow: hidden;padding: 50px 0;padding-left: 3.8%;} .Map000101 .info ul{max-height:500px; overflow:auto;} .Map000101 .info li{ line-height:25px;padding:0 0 20px; border-bottom:1px #dedede solid;margin-bottom: 40px;} .Map000101 .info li .tit{ margin:0;font-size: 24px;line-height: normal; color: #333333;font-weight: normal;} .Map000101 .info li.on .tit,.Map000101 .info li:hover .tit{color: #c8192a} .Map000101 .info li.on,.Map000101 .info li:hover{ border-bottom:1px #c8192a solid;} .Map000101 .info .addr,.Map000101 .info .tel{padding-left: 26px;background-position:left center;background-repeat: no-repeat; font-size: 16px;color: #666666;} .Map000101 .info .addr{background-image: url("../images/map-addr.png");margin: 20px 0;} .Map000101 .info .tel{background-image: url("../images/map-tel.png");} .Map000101 .mCSB_inside>.mCSB_container{margin-right: 70px;} .Map000101 .mCSB_scrollTools{right: 20px;} .Map000101 .mCSB_scrollTools .mCSB_draggerRail{background-color: #fff!important;width: 10px;border-radius: 0;} .Map000101 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 10px;background-color: #c8192a!important;border-radius: 0;} .nearby-store .map-join{margin-top: 30px;} .nearby-store .map-join .tit{font-size: 24px;font-weight: normal;margin: 0;line-height: normal;} .nearby-store .map-join .intro{font-size: 18px;margin: 15px 0 15px;} .nearby-store .map-join .btn{display: inline-block;padding: 5px 20px;border:1px solid #c8192a;color: #c8192a;border-radius: 50px;} .serve-part1{padding: 5.12% 0 6.4%;} .serve-tit,.feedback-tit{ font-size: 36px;font-weight: normal;color: #333333;line-height: normal;margin: 0;text-align: center;} .serve-intro,.feedback-intro{font-size: 16px;color: #666666;margin: 15px 0 45px;text-align: center;} .bg-cover{background-repeat: no-repeat;background-size: cover;background-position: center center;} .serve-part1 .pic{padding-bottom: 134.61%;position: absolute;left: 0;top: 0;width: 100%;z-index: 1;} .serve-part1 .slick-box li{position: relative;} .serve-part1 .slick-box .txt{padding: 150.64% 16% 16%;background-color: #f7f7f7;text-align: center;} .serve-part1 .slick-box li:nth-child(2n) .txt{padding:16% 16% 150.64%; } .serve-part1 .slick-box li:nth-child(2n) .pic{top: auto;bottom: 0;} .serve-part1 .slick-box .tit{margin: 0; font-size: 24px;font-weight: normal;color: #333333;} .serve-part1 .slick-box .intro{ font-size: 16px;line-height: 26px;color: #666666;height: 52px;} .slick-nav{text-align: center;margin-top: 4.48%;} .slick-nav .slick-arrow{width: 50px;height: 15px;display: inline-block; position: relative;left: auto;right: auto; top: auto;transform: none;-webkit-transform: none;margin: 0 20px;background: url("../images/serve-arrows.png") no-repeat center center;background-size: 235.714% 100%;} .slick-nav .slick-prev{background-position: left center;} .slick-nav .slick-next{background-position: right center;} .serve-part2{padding: 5.2% 0;} .serve-part2 .serve-tit,.serve-part3 .serve-tit{margin-bottom: 50px;} .serve-part2 .slick-box{margin: 0 -15px;} .serve-part2 .slick-box li{border: 15px solid transparent;border-top: 0;border-bottom: 0;background: #fff;text-align: center;padding: 50px 20px; background-clip: padding-box;} .serve-part2 .slick-box .pic{display: inline-block;width: 40px;height: 40px;background-size: contain;} .serve-part2 .slick-box .tit{ font-size: 24px;font-weight: normal;color: #333333;margin: 20px 0 10px; } .serve-part2 .slick-box .intro{ font-size: 16px;color: #666666;} .serve-part2 .slick-box .btn{display: inline-block;margin-top: 25px;width: 136px;height: 42px;border: solid 1px #c8192a; font-size: 14px;color: #c8192a;line-height: 40px;text-align: center;} .serve-part2 .slick-box .btn:hover{background: #c8192a;color: #fff;} .serve-part3{padding: 6.4% 0;} .serve-part3 .txt{float: right;width: 50%;padding: 5.1%;background:url("../images/contact-bg.jpg") no-repeat right bottom #f7f7f7;background-size: contain;} .serve-part3 .cont{position: relative;} .serve-part3 .pic{position: absolute;left: 0;top: 0;width: 50%;height: 100%;} .serve-part3 .tip{ font-size: 16px;color: #333333;} .serve-part3 .tel-txt{font-family: Arial;font-weight: bold; font-size: 36px;color: #c8192a;margin: 15px 0 5px;line-height: 1;} .serve-part3 .work{ font-size: 14px;color: #666666;} .serve-part3 .way{position: relative;} .serve-part3 .btn{width: 156px;height: 46px;background-color: #c8192a; font-size: 14px;line-height: 46px;color: #ffffff;display: block;text-align: center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .serve-part3 .btn::before{content:"";display: inline-block;vertical-align: middle;width: 22px;height: 18px;background: url("../images/msg.png") no-repeat center center;background-size: 100% 100%;margin-right: 10px;} .serve-part3 .follow{margin-top: 70px;padding-top: 60px;border-top: 1px solid #e8e8e8;} .serve-part3 .follow img{width: 200px;padding: 9px;border: solid 1px #ededed;} .serve-part3 .follow .qrcode{display: inline-block;text-align: center;margin-right: 9%;} .serve-part3 .follow .label{font-size: 14px;color: #666666;margin-top: 15px;} /*.serve-part2 .slick-prev{ background-image: url(../js/slick/slick-prev-on.png);}*/ /*.serve-part2 .slick-next{ background-image: url(../js/slick/slick-next-on.png);}*/ .serve-part2 .slick-arrow{width: 50px;height: 15px;display: inline-block;background: url("../images/serve-arrows.png") no-repeat center center;background-size: 235.714% 100%;} .serve-part2 .slick-prev{background-position: left center;} .serve-part2 .slick-next{background-position: right center;} .pave-guide{padding: 6.4% 0;} .guide-tit{ font-size: 36px;font-weight: normal;color: #333333;line-height: normal;margin: 0;text-align: center;} .guide-intro{font-size: 16px;color: #666666;margin: 15px 0 45px;text-align: center;} .pave-guide .data{} .pave-guide .data li{margin-bottom: 10px;} .pave-guide .quest{position: relative; background-color: #f8f8f8;padding: 14px 50px 14px 80px; font-size: 18px;color: #333333;cursor: pointer;} .pave-guide .quest .num{font-style: normal; position: absolute;width: 70px;font-size: 24px;font-weight: bold;text-align: center;display: inline-block;left: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .pave-guide .quest .icon{display: block;width: 12px;height: 12px;position: absolute;right: 24px;top: 0;bottom: 0;margin: auto;} .pave-guide .quest .icon::before,.pave-guide .quest .icon::after{content:"";display: block;background: #999999;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} .pave-guide .quest .icon::before{width: 100%;height: 2px;} .pave-guide .quest .icon::after{height: 100%;width: 2px;} .pave-guide .answer{background-color: #f8f8f8;padding: 30px 50px 50px 80px; font-size: 16px;color: #666666;display: none;position: relative;line-height: 32px;} .pave-guide .active.quest{ background-color: #c8192a; color: #fff;} .pave-guide .active.quest .icon::before{background: #fff;} .pave-guide .active.quest .icon::after{display: none;} .transition{transition: all 0.3s;-webkit-transition: all 0.3s;} .Page002046 .Pages{ text-align:center; padding: 5% 0} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;background-color: #eeeeee;margin: 0 8px; padding: 0 20px; line-height:48px; color:#666666;text-align: center;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color: #c8192a; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages .a_first, .Page002046 .Pages .a_end, .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{position: relative;background: #c8192a;overflow:hidden;color: transparent!important;font-size: 0;} .Page002046 .Pages .a_prev::after, .Page002046 .Pages .a_next::after{content:"";display: block;position: absolute;left: 0;bottom: 0;top: 0;right: 0;margin: auto;width: 48%;height: 8px; background:url(../images/page-arrows.png) no-repeat left center transparent;background-size: 200%; } .Page002046 .Pages .a_next::after{background-position: right center;} @media(max-width:640px){ .Page002046 .Pages a{padding:0 8px; width: auto;margin:0 4px; line-height: 30px;} } @media(max-width:480px){ .Page002046 .Pages a{margin:0 2px;} } .fqa.pave-guide .label{font-weight: bold; width: 60px;height: 100%;font-style: normal; background-color: #eaeaea;position: absolute;left: 0;top: 0;transform: none;-webkit-transform: none;-ms-transform: none;line-height: 60px; font-size: 32px;text-align: center;} .fqa.pave-guide .active .label{background: transparent;} .fqa.pave-guide .answer .label{padding-top: 20px;color:#333;} .fqa .answer .h4{margin: 0;} .fqa .answer .dt_ls dt,.fqa .answer .dt_ls dd{position: relative;padding-left: 20px;} .fqa .answer .dt_ls dt::before{content:""; display: block;box-sizing: border-box;background-color: #999999;border: 2px solid #fff;height: 9px;width: 9px;box-shadow: 0 0 0 1px #999;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;border-radius: 50%;} .fqa .answer .mark{color: #c8192a;font-size: 14px;} .feedback{padding: 5.1% 0 6.4%;} .feedback .cont{position: relative;background-color: #f9f9f9;} .feedback .cont .pic{width: 34.61%;position: absolute;left: 0;top: 0;height: 100%;} .feedback .cont .txt{width: 65.38%;float:right;padding: 5.1% 3.2% 4.4%;} .feedback .cont .item{width: 32.6%;float: left;margin-right: 1.08%;background: #fff;margin-bottom: 10px;position: relative;} .feedback .cont .item.rowspan2{width: 49.46%;} .feedback .cont .item.end{margin-right: 0;} .feedback .cont .item.rowspan3{margin-right: 0;width: 100%;} .feedback .cont .item input,.feedback .cont .item select{width: 100%;border: 0;background: transparent;padding: 0 20px;height: 60px;line-height: 60px;font-size: 16px;} .feedback .cont .item select{background: url(../images/select.png) no-repeat scroll 96% center transparent; display: block!important;} .feedback .cont .item textarea{width: 100%;border: 0;background: transparent;padding: 20px;height: 150px;resize: none;font-size: 16px;} .feedback .cont input::placeholder,.feedback .cont select::placeholder,.feedback .cont textarea::placeholder{ font-size: 16px; color: #999999;} .feedback .cont input::-webkit-input-placeholder,.feedback .cont select::-webkit-input-placeholder,.feedback .cont textarea::-webkit-input-placeholder{ font-size: 16px; color: #999999;} .feedback .cont input::-ms-input-placeholder,.feedback .cont select::-ms-input-placeholder,.feedback .cont textarea::-ms-input-placeholder{ font-size: 16px; color: #999999;} .feedback .cont input::-moz-placeholder,.feedback .cont select::-moz-placeholder,.feedback .cont textarea::-moz-placeholder{ font-size: 16px; color: #999999;} .feedback .cont .check-group{line-height: 60px;} .feedback .cont .check-group >*{display: inline-block;vertical-align: middle;} .feedback .cont .label{width: 120px;padding-left: 20px; font-size: 18px;font-weight: bold;display: inline-block;line-height: 60px;} .feedback .cont .check-item{position: relative;padding-left: 24px;margin-right: 4.8%;} .feedback .cont .check-item .name{ font-size: 18px;letter-spacing: 2px;color: #666666;} .feedback .cont .check-item .icon{display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;margin: auto; width: 14px;height: 14px;background-color: #ffffff;border: solid 4px #cccccc;border-radius: 50%;} .feedback .cont .check-item input:checked + .icon{border: solid 4px #c8192a;} .feedback .cont .check-item input{position: absolute;opacity: 0;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;cursor: pointer;} .feedback .cont .tip{ font-size: 14px;color: #999999;} .feedback .cont .choose-file{line-height: 30px; height: 30px;background-color: #eeee