@charset "utf-8"; /* 嗨路客·经销商 */ *{margin: 0;padding: 0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;} img{max-width: 100%;border:none;} a{text-decoration: none;color: black;} body{font-size:50%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;} .clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;} ol,ul {list-style: none;} h1,h2,h3,h4,h5,h6 {font-weight: normal;} input,textarea{outline:none;} em,i,cite{font-style:normal;} .retailbox{overflow:hidden;margin-bottom:-20px;} .retailbox .retail_banner{margin:0 auto;} .retailbox .retail_banner img{display:block;margin:0 auto;} .retailbox .initiative{width:1200px;margin:0 auto;overflow:hidden;margin-top:80px;margin-bottom:40px;} .retailbox .initiative dl{width:54%;float:left;} .retailbox .initiative dl dd{font-size:20px;color:#848484;margin-bottom:40px;line-height:32px;} .retailbox .initiative dl dd b{font-size:20px;color:#242424;} .retailbox .initiative figure{float:right;width:45%;margin:0 auto;} .retailbox .initiative figure img,.retailbox .figure02 img{display:block;margin:0 auto;} .retailbox .retail_title{text-align:center;font-size:40px;color:#242424;height:80px;width:30%;margin:0 auto;line-height:80px;border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a;} .retailbox .retail_tb{width:1200px;margin:0 auto;margin-top:80px;margin-bottom:80px;} .retailbox .retail_tb img{display:block;margin:0 auto;} .retailbox .title2{height:180px;margin-top:6px;} .retailbox .figure02{width:1200px;margin:0 auto;margin-top:60px;margin-bottom:60px;} .retailbox .retail_pain{background:#ebf0f3;padding-top:60px;height:400px;} .retailbox .retail_pain h1{text-align:center;font-size:40px;color:#242424;height:80px;width:38%;margin:0 auto;line-height:80px;border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a;font-weight:bold} .retailbox .retail_pain ul{width:1200px;margin:0 auto;margin-top:80px;} .retailbox .retail_pain ul li{float:left;width:30%;margin-left:30px;} .retailbox .retail_pain ul li img{display:block;margin:0 auto;} .retailbox .retail_pain ul li h3{font-size:26px;color:#242424;text-align:center;margin-top:16px;} .retailbox .retail_pain ul li span,.retailbox .retail_operation ul li span{font-size:18px;color:#6f6f6f;text-align:center;line-height:32px;display:block;margin-top:10px;} .retailbox .retail_operation{background:#fff;} .retailbox .retail_operation h1,.retailbox .show h1{text-align:center;font-size:40px;color:#242424;height:80px;width:38%;margin:0 auto;line-height:80px;border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a;font-weight:bold;margin-top:60px;} .retailbox .retail_operation ul{width:1200px;margin:0 auto;height:580px;margin-top:60px;} .retailbox .retail_operation ul li{width:30%;float:left;margin:0 auto;margin-left:30px;margin-bottom:30px;display:block;} .retailbox .retail_operation ul li img{display:block;margin:0 auto;} .retailbox .retail_operation ul li h3{font-size:26px;color:#242424;text-align:center;margin-top:16px} .retailbox .match{background:#ebf0f3;padding-top:60px;padding-bottom:40px;} .retailbox .match h1{text-align:center;font-size:40px;color:#242424;height:80px;width:38%;margin:0 auto;line-height:80px;border-top:1px solid #6a6a6a;border-bottom:1px solid #6a6a6a;font-weight:bold;} .retailbox .match figure{margin:0 auto;margin-top:60px;} .retailbox .match figure img{display:block;margin:0 auto;} .retailbox .show{background:#fff;} .retailbox .show ul{width:1200px;margin:0 auto;height:600px;margin-top:60px;margin-bottom:40px;} .retailbox .show ul li{float:left;width:22%;margin:0 auto;margin-bottom:40px;margin-left:30px;} .retailbox .show ul li img{display:block;margin:0 auto;} .retailbox .show ul li p{font-size:26px;color:#242424;text-align:center;margin-top:20px;} .obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;} .obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;} .obtain h1 a{display:inline-block;font-size:60px;color:#01a8ee;font-weight:bold;border-bottom:solid 8px #01a8ee;padding-left:10px;padding-right:10px;padding-bottom:20px;margin-bottom:-5px;} .obtain ul{display:block;width:680px;margin:0 auto;margin-top:50px;} .obtain ul li{display:block;background:#fff;overflow:hidden;width:100%;border:solid 1px #dadada;margin-top:-1px;} .obtain ul li em,.obtain ul li input[type="text"]{display:block;float:left;} .obtain ul li em{width:30%;font-size:28px;text-align:center;color:#555;height:60px;line-height:60px;border-right:solid 1px #dadada;} .obtain ul li input[type="text"]{width:65%;font-size:22px;color:#adadad;height:40px;line-height:40px;padding:10px 0px;padding-left:31px;} .obtain ul li.but{background:#01a8ee;border-radius:3px;height:58px;margin-top:20px;border:none;} .obtain ul li.but input[type="button"]{display:block;background:none;text-align:center;width:100%;line-height:58px;font-size:28px;color:#fff;cursor:pointer;} @media screen and (max-width:1366px){ .retailbox .show ul,.retailbox .initiative,.retailbox .retail_tb,.retailbox .figure02,.retailbox .retail_operation ul{width:960px;} .retailbox .initiative dl dd{font-size:14px;margin-bottom:20px;line-height:26px;} .retailbox .initiative dl dd b,.retailbox .retail_pain ul li span, .retailbox .retail_operation ul li span{font-size:14px;} .retailbox .initiative figure{width:40%;} .retailbox .retail_title,.retailbox .retail_pain h1,.retailbox .retail_operation h1, .retailbox .show h1,.retailbox .match h1{font-size:28px;} .retailbox .retail_tb img,.retailbox .figure02 img{width:80%;} .retailbox .title2{height:100px;line-height:50px;} .retailbox .figure02{margin-top:30px;margin-bottom:30px;} .retailbox .retail_pain ul li span, .retailbox .retail_operation ul li span{line-height:24px;} .retailbox .retail_pain ul li h3{font-size:20px;} .retailbox .retail_pain ul li span, .retailbox .retail_operation ul li span{margin-top:6px;} .retailbox .match h1{width:28%;} .retailbox .match figure{margin-top:40px;} .retailbox .show h1{width:23%;} .retailbox .match figure img{width:700px;} .retailbox .retail_pain{padding-top:40px;height:360px;} .retailbox .retail_pain ul{margin-top:60px;} .retailbox .retail_operation ul li h3{font-size:20px;} .retailbox .retail_operation ul li img{width:90px} .retailbox .retail_operation ul{height:500px;} .retailbox .show ul{height:400px;} .retailbox .show ul li{width:180px;margin-bottom:20px;} .retailbox .show ul li p{font-size:18px;margin-top:16px;} .obtain ul li input[type="text"]{width:62%;} .choose em{font-size:20px;} .choose ul li{background-size:100% 100%;width:213px;height:183px;} .choose ul li h2{font-size:24px;margin-top:58px;} .choose ul .y1{left:370px;} .choose ul .y2{left:25px;top:128px;} .choose ul .y3{left:198px;top:30px;} .choose ul .y4{left:198px;top:226px;} .choose ul .y5{right:204px;top:30px;} .choose ul .y6{right:204px;top:226px;} .choose ul .y7{right:30px;top:128px;} .choose ul li h3{font-size:22px;margin-top:30px;} .choose ul li p{font-size:14px;line-height:20px;} .choose ul{width:960px;height:480px;margin-top:60px;} .obtain h1 a{font-size:48px;margin-bottom:-4px;padding-bottom:10px;border-bottom:solid 6px #01a8ee;} .obtain ul{width:560px;} .obtain ul li em{font-size:22px;height:48px;line-height:48px;} .obtain ul li input[type="text"]{height:28px;line-height:28px;font-size:16px;padding-left:41px;} .obtain ul li.but{height:48px;} .obtain ul li.but input[type="button"]{line-height:48px;font-size:22px;} }