@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;}

.hairdressingbox{overflow:hidden;}
.hairdressingbox .hairdressing_banner{margin:0 auto;}
.hairdressingbox .hairdressing_banner img,.hairdressingbox .face figure img{display:block;margin:0 auto;}
.hairdressingbox .hairdressing{background:#fff;margin-bottom:60px;}
.hairdressingbox .hairdressing h3{font-size:18px;text-align:center;color:#666666;margin-top:40px;}
.hairdressingbox .hairdressing h2{font-size:28px;color:#333333;margin-top:30px;text-align:center;line-height:46px;}
.hairdressingbox .hairdressing p{font-size:20px;color:#ff6363;margin-top:50px;text-align:center}
.hairdressingbox .hairdressing p b{font-size:30px;color:#ff6363;}
.hairdressingbox .hairdressing ul{width:1200px;margin:0 auto;margin-top:40px;height:240px;padding-bottom:100px;}
.hairdressingbox .hairdressing ul li{width:320px;height:300px;float:left;margin-left:60px;background:#f1f1f1;}
.hairdressingbox .hairdressing ul li img{display:block;margin:0 auto;margin-top:10px;}
.hairdressingbox .hairdressing ul li h3{font-size:20px;color:#ff6363;text-align:center;margin-top:20px;}
.hairdressingbox .hairdressing ul li span{font-size:16px;color:#666;padding:0 20px;display:block;line-height:28px;margin-top:20px;}
.hairdressingbox .face{background:#f7f7f7;padding-bottom:80px;}
.hairdressingbox .face p,.hairdressingbox .rule p,.hairdressingbox .business p,.hairdressingbox .case p{font-size:28px;color:#666666;text-align:center;padding-top:60px;}
.hairdressingbox .face figure{width:1200px;margin:0 auto;margin-top:80px;}
.hairdressingbox .rule{background:#fff;}
.hairdressingbox .rule .beautify,.hairdressingbox .business ul{width:1200px;margin:0 auto;height:720px;padding-bottom:80px;}
.hairdressingbox .rule .beautify ul{background:url(../../resource/images/hairdressing/hairdressing06.png) no-repeat center;width:860px;height:720px;margin:0 auto;margin-top:40px;}
.hairdressingbox .rule .beautify ul li{width:240px;float:left;margin-left:100px;padding-top:60px;border-bottom:1px solid #e1e1e1;height:160px;}
.hairdressingbox .rule .beautify ul li h3{font-size:20px;color:#ff4444;text-align:center;margin-top:16px;}
.hairdressingbox .rule .beautify ul li span{font-size:16px;color:#888;margin-top:12px;line-height:26px;display:block;text-align:center;}
.hairdressingbox .business{background:#f7f7f7;padding-bottom:180px;}
.hairdressingbox .business ul li{float:left;width:260px;margin:0 60px;background:#fff;height:260px;margin-top:40px;}
.hairdressingbox .business ul li img{display:block;margin:0 auto;margin-top:20px;}
.hairdressingbox .business ul li h3{font-size:24px;color:#000;text-align:center;margin-top:20px;}
.hairdressingbox .business ul li span{font-size:16px;color:#333;display:block;padding:0 20px;margin-top:20px;line-height:26px;text-align:center;}
.hairdressingbox .case{background:#fff;height:1040px;}
.hairdressingbox .case dl{width:1200px;margin:0 auto;margin-top:60px;}
.hairdressingbox .case dl dd{width:20%;float:left;margin-left:40px;margin-top:40px;}
.hairdressingbox .case dl dd img{display:block;margin:0 auto;}
.hairdressingbox .case dl dd span{display:block;color:#333;font-size:24px;text-align:center;margin-top:20px;}
.hairdressingbox .structure{background:#ff5656;padding-bottom:40px;}
.hairdressingbox .structure h1{padding-top:40px;}
.hairdressingbox .structure p,.hairdressingbox .structure h1{font-size:28px;color:#fff;text-align:center;}
.hairdressingbox .structure p{width:580px;padding:26px 0;border:1px solid #fff;margin:0 auto;margin-top:40px;line-height:40px;}
.obtain{display:block;background:#f2f2f2;overflow:hidden;padding:50px 0px;margin-bottom:-20px;}
.obtain h1{display:block;text-align:center;border-bottom:solid 1px #dadada;}
.obtain h1 a{display:inline-block;font-size:60px;color:#ff5656;font-weight:bold;border-bottom:solid 8px #ff5656;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:#ff5656;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){
		.hairdressingbox .hairdressing h3{font-size:16px;margin-top:24px;}
		.hairdressingbox .hairdressing h2{font-size:20px;line-height:30px;margin-top:16px;}
		.hairdressingbox .hairdressing p{font-size:16px;}
		.hairdressingbox .hairdressing p b{font-size:22px;}
		.hairdressingbox .case dl,.hairdressingbox .hairdressing ul,.hairdressingbox .face figure,.hairdressingbox .rule .beautify, .hairdressingbox .business ul{width:960px;}
		.hairdressingbox .hairdressing ul{padding-bottom:40px;}
		.hairdressingbox .hairdressing{margin-bottom:0;}
		.hairdressingbox .hairdressing ul li{width:240px;height:240px;}
		.hairdressingbox .hairdressing ul li img{width:220px;}
		.hairdressingbox .hairdressing ul li h3{font-size:16px;}
		.hairdressingbox .hairdressing ul li span{font-size:12px;line-height:24px;margin-top:10px;}
		.hairdressingbox .face p, .hairdressingbox .rule p, .hairdressingbox .business p, .hairdressingbox .case p{font-size:20px;padding-top:34px;}
		.hairdressingbox .face figure{margin-top:40px;}
		.hairdressingbox .face{padding-bottom:60px;}
		.hairdressingbox .business{padding-bottom:0;}
		.hairdressingbox .rule .beautify, .hairdressingbox .business ul{padding-bottom:40px;}
		.hairdressingbox .rule .beautify ul{margin-top:20px;}
		.hairdressingbox .business ul li{width:220px;margin:0 50px;height:200px;margin-top:30px;}
		.hairdressingbox .business ul li h3{font-size:16px;}
		.hairdressingbox .case dl dd span{font-size:18px;}
		.hairdressingbox .case{height:880px;}
		.hairdressingbox .structure p, .hairdressingbox .structure h1{font-size:20px;}
		.hairdressingbox .structure p{width:440px;}
		.hairdressingbox .business ul li span{font-size:14px;margin-top:12px;line-height:20px;}

		.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;}
	}