60px; background: url(../images/btn_prev.png) no-repeat center; bottom: -26px; cursor: pointer; border-radius: 100%; transition: all 0.5s; z-index: 10;} .path_list .slider-nav .prev{ left: 0;} .path_list .slider-nav .next{ right: 0; background-image: url(../images/btn_next.png);} .path_list .slider-nav .slick-arrow:hover{ box-shadow: 0 5px 20px rgba(200,25,42,0.5);} .path_list .slider-nav .prev:hover{ background-image: url(../images/btn_prev2.png);} .path_list .slider-nav .next:hover{ background-image: url(../images/btn_next2.png);} @media(max-width:1200px){ .path_list .slider-nav h2{ font-size: 20px;} } @media(max-width:640px){ .path_list .slider-nav h2{ font-size: 20px;} .path_list .slider-nav li i{ bottom: 6px;} .path_list .slider-for li{ padding: 3% 0;} .path_list .slider-for li > .ytable{ display: block;} .path_list .slider-for li > .ytable >.ytable-cell{ display: block;} .path_list .years{ margin-left: 2%; margin-bottom: 3%;} .path_list .years time{ font-size: 20px; width: 80px; line-height: 80px; height: 80px;} .path_list .con{ font-size: 16px;} } .Dealer_index .menu_location{ border-bottom: none; padding-bottom: 2%;} .Dealer_index .fr{ width: 20.513%;} .Dealer_index .fl{ width: 76.283%;} .Dealer_index .fr li{ float: none; margin-right: 0; padding-bottom: 0;} .Dealer_index .fr .menu{ float: none; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding-bottom: 20px;} .Dealer_index .current { font-size: 24px; color: #333333; font-weight: bold; border-bottom: 1px solid #e8e8e8; padding: 10px 0; margin-bottom: 30px;} .Dealer_index .current figure{ width: 30px; line-height: 30px; display: inline-block; height: 30px;} .Dealer_index{ padding-bottom: 5%;} .Dealer_list li{ float: left; width: 32.6%; margin-right: 1%; margin-bottom: 1%; overflow: hidden;} .Dealer_list li a{ font-size: 15px; color: #666666; transition: all 0.5s; background-color: #f7f7f7; display: block;} .Dealer_list li p{ margin: 0;} .Dealer_list li p *{ display: inline-block; vertical-align: middle; } .Dealer_list li em{ width: 1px; height: 12px; background-color: #e0e0e0; margin: 0 15px;} .Dealer_list li b{ font-size: 18px; line-height: normal; margin-left: 10px; margin-top: -5px;} .Dealer_list .downfile b{ width: 13px; height: 13px; background: url(../images/down_icon1.png) no-repeat center;} .Dealer_list li h2{ font-weight: normal; font-size: 18px;} .Dealer_list li a:hover{ background-color: #c8192a; color: #e9a3aa;} .Dealer_list li a:hover h2, .Dealer_list li a:hover .more, .Dealer_list_2 li a:hover .down{ color: #fff;} .Dealer_list li a:hover .downfile b{ background-image: url(../images/down_icon2.png);} .Dealer_list_1 li a{ padding:15% 10%;} .Dealer_list_1 li h2{ margin: 5% 0; line-height: 30px; height: 90px; overflow: hidden;} .Dealer_list_2 figure{ padding-top: 67.2%; transition: all 0.5s;} .Dealer_list_2 .txt{ padding: 6% 8%; position: relative; 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_c