@charset "UTF-8";
body{margin: 0px;padding: 0px;font-size: 1rem;border: 0px;}
/* header */
.header{height:60px;background:#d23023;}
.header .logo{display:block;width:90px;padding:2px 0 0 8px;}
.header .logo img{display:block;width:100%;}
.header .search{position:absolute;top:0REM;left:120px;z-index:1000;display:block;width:30%;height:50px;line-height:4.2REM;color: #fff;}
.header .search:hover{background-color:#d23023;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#d23023;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

.shouji_banana{width:100%;overflow: hidden;margin:1px 0px;}
/*幻灯片*/


.js{width:100%; margin:0px auto 0 auto; }
	.js p{ padding:5px 0; overflow:hidden;  }
	.js p span{ float:right; }
	.js p span a{ color:#f00; text-decoration:underline;   }
	.js textarea{ height:100px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

	/* 本例子css */
	.focusBox { position: relative; width:100%; overflow: hidden; }
	.focusBox .pic img { width:100%;  display: block; }
	.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:15px; left:45%; z-index:3}
	.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:15px; height:10px; cursor:pointer; overflow:hidden; background:#017359; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.focusBox .hd .on{ background:#d23023; filter:alpha(opacity=100);opacity:1;   }

	.focusBox .prev,
	.focusBox .next { width:45px; height:99px; position:absolute; top:35%; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background-image:url(../img/index.png); background-position:-112px 0; left:0 }
	.focusBox .next { background-image:url(../img/index.png); background-position:-158px 0; right:0 }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
	/*品牌介绍*/
	.ppai{width: 100%;}
	.ppai h1{width: 100%;font-size: 1.4rem;text-align: center;margin-top:30px; color:#ee1d23;}
	.ppai h2{width: 100%;font-size:1.2rem;text-align: center;color:#d5b779;font-weight: 100;}
	.ppai_left{width: 100%;overflow: hidden;float: left;margin-top: 2rem;}
	.ppai_left img{width: 100%;}
	.ppai_right{width:96%;overflow: hidden;float: left;padding-bottom:1rem;font-size: 1rem;line-height: 1.6rem;color:#999999;margin-top: 1rem;margin: 0px 2%;}
	.ppai_right p{margin: 0.5rem 2%;}
	.ppai_more{width:100%;float: left;margin: 10px 0px;}
	.ppai_more div{margin: 0.5rem 30% 0.5rem 30%;text-align: center; border: 1px dashed #ccc; border-radius:0.3125rem;width:30%;font-size: 1rem;padding: 5px 1%;}
	.ppai_more div a{text-decoration: none; color: #FF0000;}
	.ppai_more div a:hover{text-decoration: none; color: #017359;}
	/*品牌支持*/
	.ppzc{width:100%; margin: 0px auto; background-color:rgb(247, 247, 247);overflow: hidden;padding-bottom: 1.875rem;}
	.ppzc_z{width: 100%;margin: 2rem auto;}
	.ppzc_z h1{width: 100%;font-size: 1.4rem;text-align: center;margin-top:20px; color:#ee1d23;}
	.ppzc_z h2{width: 100%;font-size:1.2rem;text-align: center;color:#f8a302;font-weight: 100; margin-top: 10px;margin-bottom: 20px;}
	.ppzc_z ul{width: 41%;margin:0.5rem 4%;float: left;}
	.ppzc_z ul li{width: 100%;}
	.ppzc_z ul .ztxt{font-size: 1rem; margin-top:1.2rem; text-align: center;float: left; color: #AAA;height: 6rem;}
	
	.ppzc_z ul li dl{width: 100%;border-radius: 50%;border:1px solid #BD2C00;height:0;padding-top:100%;float: left;-webkit-animation:myfirst1 3s linear infinite;	}
	
	@-webkit-keyframes myfirst1 {
		0% {
	
		box-shadow:0px 0px 5px #fff;
			border:1px solid #f69d7d;
	}
	50% {
	
		box-shadow:0px 0px 10px #f48b66;
		border: 1px  solid#D23023;
	
	}
	100% {
	
		box-shadow:0px 0px 5px #fff;
		border:1px solid #f69d7d;		
	}
	}
	.ppzc_z ul li dl dd{width: 100%;text-align: center;float: left;margin-top: -80%;font-size:5rem;}
	.ppzc_z ul li dl dt{width: 100%;text-align: center;margin-top: -25%;color: #f8a302;}
	
	/*pplink*/
	.pplink{width: 100%;float: left;overflow: hidden;}
	.pplink_z{width: 100%;margin: 0px auto;}
	.pplink_z h1{width: 100%;font-size:1.4rem;text-align: center;margin-top:40px; color:#ee1d23;}
	.pplink_z h2{width: 100%;font-size:1.2rem;text-align: center;color:#f8a302;font-weight: 100; margin-top: 10px;}
	.pplink_z .dt{width: 100%;float: left;margin: 10px 0px 20px 0px;border: 1px dashed #ccc; }
	.pplink_z img{width: 100%;}
	/*foot*/
	.foot{width: 100%;overflow: hidden;background-color: #D23023;margin-top: 2rem;float: left;}
	.foot_z{width: 100%;margin: 0px auto;}
	.foot_z ul{float: left;width: 90%;margin: 2rem 5%;}
	.foot_z ul li{width: 100%;line-height: 1.6rem;font-size:1rem; color: #fff; text-align: center;}
	.foot_z dl{float: left;width:32%;padding-left: 12%;padding-top: 1rem;}
	.foot_z dl dd{width: 100%;overflow: hidden;}
	.foot_z dl dd img{width: 100%;}
	.foot_z dl dt{width: 100%;line-height: 2.2rem;color: #fff; text-align: center;}
	
	
	/*通用样式*/
	.w100{width: 100%;}
	.fl{float: left;}
	.w1200px{width: 100%;margin: 0px auto;}
	.tia{width: 100%;font-size: 1.4rem;text-align: center;margin-top:20px; color:#ee1d23;}
	.tib{width: 100%;font-size:1.2rem;text-align: center;color:#f8a302;font-weight: 100; margin-top: 10px;}
	.rl{line-height:1.6rem;font-size: 1rem;color: #AAA;}
	.rl p{margin:2.5rem 0px;line-height: 1.6rem;}
	.lf_50{width: 50%;float: left; overflow: hidden;}
	img{width: 100%;}
	/*Brand*/
	.brand_rl{width: 94%;margin: 0px 3%;color:#707070;}
	.brand_rl p{margin:1rem 0px;line-height: 1.4rem;}
	.brand_hei{background-color: #231f20;}
	.brand_hui{background:#f3f1f1;}
	.brand_img{width:50%;float: left; overflow: hidden;margin:1rem 25%; text-align: center;}
	.brand_img img{width: 100%;}
	.brand_txt{width: 90%;float: left;overflow: hidden;margin: 1rem 5%; text-align: left;color:#707070;}
	.brand_txt p{font-size: 1.2rem; line-height: 2rem; text-align: left;}
	.toupai{width: 80%;text-align: center;margin:2.5rem 10%;}
	.toupai img{width: 100%;}
	.toupai_txt{width: 100%; text-align: center;}
	.toupai_txt p{font-size: 1.2rem;line-height: 1.6rem;}
	.toupai_zs{color:#707070;}
	.nuzha_img{width: 96%; text-align: center; margin: 2rem 2%;}
	.nuzha_img img{width: 100%;}
	
	/*contact联系我们*/
	.contact_lx{float: left;width: 96%;line-height: 2rem;margin: 0px 2%;}
	.contact_ly{float: left;width: 100%;margin: 20px 0px;border-top: 1px dashed #aaa; }
	.contact_ly .no{float: left; width: 30%; line-height: 2.2rem; height: 2.2rem; background-color: #BD2C00; color: #fff;border-radius: 5px;margin-left: 15%;margin-top: 20px;}
	.contact_ly h1{width: 100%;font-size: 1.4rem;text-align: center;color:#aaa;margin: 10px 0px;}
	.contact_ly h2{width: 100%;font-size: 1.2rem; text-align: center; color: #D5B779; margin: 10px 0px 20px 0px;}
	.contact_ly dl{float: left;width: 100%;overflow: hidden;line-height: 2.2rem;margin:0.5rem 0px;}
	.contact_ly dt{float: left;width: 20%;}
	.contact_ly dd{float: left;width: 80%;}
	.contact_ly dd input{float: left;width: 90%;line-height: 2rem;font-size: 1rem;border: 1px dashed #ccc;border-radius: 5px;}
	.contact_ly dd textarea{float: left;width: 90%;line-height: 2rem;font-size: 1rem;border: 1px dashed #ccc;border-radius: 5px;}
	
	/*join*/
	.join_hz{width: 38%;border-radius: 100%;background-color:#ee2826; padding: 38% 0 0 0; color: #FFF;position: relative;margin: 2rem 2% 3rem 8%;float: left;}
	.join_hz dd{width: 100%; font-size: 1rem;top:1rem;position:absolute; text-align: center;}
	.join_hz dt{width: 90%; margin: 0px 5%;position:absolute;top: 3rem;font-size: 1rem;  text-align: center;}
	
	/*hzlc合作流程*/
	.hzlc_bg{background-color: #f7f7f7;}
	.hzlc_top1{margin-top: 1rem;}
	.hzlc_top2{margin-top: 2rem;}
	.hzlc_top6{margin-top: 1rem;}
	.hzlc_list{float:left;width: 30%; margin-left: 2%;border-radius: 50%; background-color:#ee2826;padding-top: 30%;position:relative; color: #fff; margin-bottom: 1rem;margin-top: 1rem;}
	.hzlc_list dd{float: left;width: 100%; text-align: center;top:1.5rem;position: absolute;font-size: 1.4rem;}
	.hzlc_list dt{float: left;width: 100%; text-align: center;top:3.2rem;position: absolute;}
	
	/*hztj-合作条件*/
	.hztj_left{float: left; width: 90%;border-radius: 3%;margin-bottom: 1rem;margin: 0px 5%;}
	.hztj_left img{width: 100%;border-radius: 5%;}
	.hztj_right{float: left;width: 100%;overflow: hidden;margin-top:1rem;}
	.hztj_right dl{float: left;width: 95%;padding-left: 5%;margin-bottom: 0.5rem; margin-top: 0.5rem;}
	.hztj_right dl dd{float: left;width:15px;border-radius:50%;height: 15px;background-color:#DF5000;margin-top: 0.1rem;}
	.hztj_right dl dt{float: left;width: 88%;padding-left: 2%;font-size: 1rem;line-height: 1.2rem; color:#aaa;}
	.hztj_4{float: left;width: 100%;overflow: hidden;margin-top:1rem;}
	
	/*prduct*/
	.pr_border{border-bottom:1px dashed #ccc;}
	.pr_border_top{border-top:1px dashed #ccc ;}
	.pr_list{float: left;width: 23%;margin: 2rem 1%;}
	.pr_list dd{float: left;width: 100%;}
	.pr_list dt{float: left;width: 100%;text-align: center;font-size: 1rem;color:#f8a302;}
	.pr_lista{float: left;width: 36%;margin: 2rem 7%;}
	.pr_lista img{width: 100%;}
	.pr_lista dd{float: left;width: 100%;}
	.pr_lista dt{float: left;width: 100%;text-align: center;font-size: 1rem;color:#f8a302;}
	
	/*store门店展示*/
	.store_list{width:88%;margin: 3rem 6% 1rem 6%;float: left;}
	.store_list dd{width: 100%;float: left;}
	.store_list dd img{width: 100%;}
	.store_list dt{width: 100%; text-align: center;font-size: 1.2rem;line-height: 2.6rem;}