@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html{font-size: 10px;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{background: #ffdfb0;color: #5d5d5d;font-size: 14px;line-height:1;font-family:Helvetica,Arial,Tahoma,sans-serif;-webkit-user-select:none;width: 100%;overflow-x: hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:moz-none;user-select:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
img{max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}
a{text-decoration:none;}
a:focus,a:hover,a:active,a:visited,input{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
.btn:active,.btn:visited{ color: #fff;}
/*p{color:#333}*/
input,button{vertical-align:middle;border: 1px solid #95b8e7;font-family:Helvetica,​Arial,​Tahoma,​sans-serif;}
.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
*:focus {outline:none;}

/*自定义*/

@-moz-keyframes scaleFadeIn {
  0% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn {
  0% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn {
  0% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_1 {
  0% {-moz-transform: scale(0); opacity: 0;}
  15% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_1 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  15% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_1 {
  0% {transform: scale(0); opacity: 0;}
  15% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_2 {
  0% {-moz-transform: scale(0); opacity: 0;}
  20% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_2 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  20% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_2 {
  0% {transform: scale(0); opacity: 0;}
  20% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_3 {
  0% {-moz-transform: scale(0); opacity: 0;}
  22% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_3 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  22% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_3 {
  0% {transform: scale(0); opacity: 0;}
  22% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_4 {
  0% {-moz-transform: scale(0); opacity: 0;}
  25% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_4 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  25% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_4 {
  0% {transform: scale(0); opacity: 0;}
  25% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_5 {
  0% {-moz-transform: scale(0); opacity: 0;}
  10% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_5 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  10% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_5 {
  0% {transform: scale(0); opacity: 0;}
  10% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_6 {
  0% {-moz-transform: scale(0); opacity: 0;}
  18% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_6 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  18% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_6 {
  0% {transform: scale(0); opacity: 0;}
  18% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_7 {
  0% {-moz-transform: scale(0); opacity: 0;}
  15% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_7 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  15% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_7 {
  0% {transform: scale(0); opacity: 0;}
  15% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_10 {
  0% {-moz-transform: scale(0); opacity: 0;}
  30% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_10 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  30% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_10 {
  0% {transform: scale(0); opacity: 0;}
  30% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_11 {
  0% {-moz-transform: scale(0); opacity: 0;}
  32% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_11 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  32% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_11 {
  0% {transform: scale(0); opacity: 0;}
  32% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}

@-moz-keyframes scaleFadeIn_12 {
  0% {-moz-transform: scale(0); opacity: 0;}
  37% {-moz-transform: scale(0); opacity: 0;}
  100% {-moz-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes scaleFadeIn_12 {
  0% {-webkit-transform: scale(0); opacity: 0;}
  37% {-webkit-transform: scale(0); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes scaleFadeIn_12 {
  0% {transform: scale(0); opacity: 0;}
  37% {transform: scale(0); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}
/*animate_shadow_s*/
	.animate_shadow_s{
		animation: shadow_inOut_s 5s linear 0s infinite;
		-moz-animation: shadow_inOut_s 5s linear 0s infinite; /*Firefox*/
		-webkit-animation: shadow_inOut_s 5s linear 0s infinite; /*Safari and Chrome*/
	}
	@keyframes shadow_inOut_s{
		0 {box-shadow: 0px 0px 2px #fff;}
		50% {box-shadow: 0px 0px 36px #fff;}
		100% {box-shadow: 0px 0px 2px #fff;}
	}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*stylie*/
	@-moz-keyframes stylie-keyframes {
	  0% {-moz-transform:translate(200px, 700px);}
	  50% {-moz-transform:translate(-350px, -180px);}
	  100% {-moz-transform:translate(0, 0);}
	}
	@-webkit-keyframes stylie-keyframes {
	  0% {-webkit-transform:translate(200px, 700px);}
	  50% {-webkit-transform:translate(-350px, -180px);}
	  100% {-webkit-transform:translate(0, 0);}
	}
	@keyframes stylie-keyframes {
	  0% {transform:translate(200px, 700px);}
	  50% {transform:translate(-350px, -180px);}
	  100% {transform:translate(0, 0);}
	}
	.stylie {
	  -moz-animation-name: stylie-keyframes;
	  -moz-animation-duration: 2500ms;
	  -moz-animation-delay: 0ms;
	  -moz-animation-fill-mode: forwards;
	  -moz-animation-timing-function: linear;
	  -moz-transform-origin: 0 0;

	  -webkit-animation-name: stylie-keyframes;
	  -webkit-animation-duration: 2500ms;
	  -webkit-animation-delay: 0ms;
	  -webkit-animation-fill-mode: forwards;
	  -webkit-animation-timing-function: linear;
	  -webkit-transform-origin: 0 0;

	  animation-name: stylie-keyframes;
	  animation-duration: 2500ms;
	  animation-delay: 0ms;
	  animation-fill-mode: forwards;
	  animation-timing-function: linear;
	  transform-origin: 0 0;
	}

/*mascotShow*/
	@-moz-keyframes mascotShow {
	  from {
	    opacity: 0;
	    -moz-transform: translate3d(0, -150px, 0) scale(0);
	  }

	  to {
	    opacity: 1;
	    -moz-transform: translate3d(0, 0, 0) scale(1);
	  }
	}

	@-webkit-keyframes mascotShow {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -150px, 0) scale(0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0) scale(1);
	  }
	}

	@keyframes mascotShow {
	  from {
	    opacity: 0;
	    transform: translate3d(0, -150px, 0) scale(0);
	  }

	  to {
	    opacity: 1;
	    transform: translate3d(0, 0, 0) scale(1);
	  }
	}
.stylie .hs_mascot{
	-moz-animation-name: mascotShow;
	-webkit-animation-name: mascotShow;
	animation-name: mascotShow;

	-moz-transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;

	-moz-animation-duration: 4s;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;

	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;

	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

/*scaleInDown*/
	@-moz-keyframes scaleInDown {
	  from {
	    opacity: 0;
	    -moz-transform: translate3d(0, -150px, 0) scale(0);
	  }

	  to {
	    opacity: 1;
	    -moz-transform: translate3d(0, 0, 0) scale(1);
	  }
	}

	@-webkit-keyframes scaleInDown {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -150px, 0) scale(0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0) scale(1);
	  }
	}

	@keyframes scaleInDown {
	  from {
	    opacity: 0;
	    transform: translate3d(0, -150px, 0) scale(0);
	  }

	  to {
	    opacity: 1;
	    transform: translate3d(0, 0, 0) scale(1);
	  }
	}

	.scaleInDown {
	  -moz-animation-duration: 1s;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;

	  -moz-animation-name: scaleInDown;
	  -webkit-animation-name: scaleInDown;
	  animation-name: scaleInDown;
	}

/*fadeInLeft	*/
	@-moz-keyframes fadeInLeft {
	  from {
	    opacity: 0;
	    -moz-transform: translate3d(-100%, 0, 0);
	  }

	  to {
	    opacity: 1;
	    -moz-transform: translate3d(0, 0, 0);
	  }
	}

	@-webkit-keyframes fadeInLeft {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(-100%, 0, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	  }
	}

	@keyframes fadeInLeft {
	  from {
	    opacity: 0;
	    transform: translate3d(-100%, 0, 0);
	  }

	  to {
	    opacity: 1;
	    transform: translate3d(0, 0, 0);
	  }
	}

	.fadeInLeft {
	  -moz-animation-name: fadeInLeft;
	  -webkit-animation-name: fadeInLeft;
	  animation-name: fadeInLeft;
	}

/*fadeInRight*/
	@-moz-keyframes fadeInRight {
	  from {
	    opacity: 0;
	    -moz-transform: translate3d(100%, 0, 0);
	  }

	  to {
	    opacity: 1;
	    -moz-transform: translate3d(0, 0, 0);
	  }
	}

	@-webkit-keyframes fadeInRight {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(100%, 0, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	  }
	}

	@keyframes fadeInRight {
	  from {
	    opacity: 0;
	    transform: translate3d(100%, 0, 0);
	  }

	  to {
	    opacity: 1;
	    transform: translate3d(0, 0, 0);
	  }
	}

	.fadeInRight {
	  -moz-animation-name: fadeInRight;
	  -webkit-animation-name: fadeInRight;
	  animation-name: fadeInRight;
	}

.animation_delay_p5s{
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.animation_delay_1s{
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.animation_delay_1p5s{
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.animation_delay_2s{
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.animation_delay_2p5s{
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}

.animation_delay_3s{
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.animation_delay_3p5s{
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}

.animation_delay_4s{
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
/*贺岁文字动画*/
	.hs_hou{
		-webkit-animation-delay: 3s;
		animation-delay: 3s;
	}
	.hs_nian{
		-webkit-animation-delay: 3.3s;
		animation-delay: 3.3s;
	}
	.hs_he{
		-webkit-animation-delay: 3.6s;
		animation-delay: 3.6s;
	}
	.hs_sui{
		-webkit-animation-delay: 3.9s;
		animation-delay: 3.9s;
	}
	.hs_da{
		-webkit-animation-delay: 4.5s;
		animation-delay: 4.5s;
	}
	.hs_sheng{
		-webkit-animation-delay: 4.8s;
		animation-delay: 4.8s;
	}
	.hs_gui{
		-webkit-animation-delay: 5.1s;
		animation-delay: 5.1s;
	}
	.hs_lai{
		-webkit-animation-delay: 5.4s;
		animation-delay: 5.4s;
	}

/*首页*/
	.homePage{ background: #e60000; min-height: 100%;}
	.hp_wrap{
		position: relative;
		padding: 28px 24px 20px;
		max-width: 720px;
		margin: 0 auto;
		height: 100%;
	    /*min-height: 100px;*/
	    background: #e60000;
	}
	.hp_con{
		position: relative;
		height: 100%;
	}
	.logo{
		margin-top: 10px;
		margin-left: 18px;
		/*width: 298px;  /432  */
		width: 68.981481%;

		-webkit-animation-delay: 6.2s;
		animation-delay: 6.2s;
		-webkit-animation-duration: .8s;
		animation-duration: .8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.hsTxt_right{
		position: absolute;
		top: 0;
		right: 0;
		/*float: right;*/
		/*width: 62px;*/
		width: 14.351852%;
	}
	.hsTxt_left{
		position: absolute;
		top: 195px;
		/*float: left;*/
		/*width: 62px;   /    432*/
		width: 14.351852%;
	}
	.hsTxt_right img,
	.hsTxt_left img{
		margin-bottom: 15px;
	}
	.hs_mascot{
		margin: 27px auto 0;
		/*width: 260px; /    432*/
		width: 60.185185%;
	}
	.hs_nav{
		margin-left: 50px;

		-webkit-animation-delay: 6.2s;
		animation-delay: 6.2s;
		-webkit-animation-duration: .8s;
		animation-duration: .8s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.hs_nav a{
		display: block;
		margin: 0 auto 16px;
		/*width: 274px; / 382*/
		width: 71.727749%;
		/*height: 46px;*/
		/*background: url(../img/hs_nav.png) no-repeat 0 0;
		background-size: cover;*/
	}
	.hs_title{
		margin: 16px auto 20px;
		/*width: 300px;  / 382*/
		width: 78.534031%;
		text-align: center;
	}


/*品牌贺岁页面*/
	.top_title{
		/*background: #c80000;*/
	}
	.top_title img{
		display: block;
		margin: 0 auto;
	}
	.center_cont{
		max-width: 720px;
		margin: 0 auto;
		padding: 22px 16px 62px;
	}

	.brand_list{
		position: relative;
		/*height: 760px;*/
		/*padding-top: 760px;*/
	    padding-top: 169.642857%;
	}
	.brand_list li{
		float: left;
		text-align: center;
		line-height: 28px;
		font-size: 16px;
	}
	.brand_list li{
		position: absolute;
	}
	.brand_list li span{
		display: inline-block;
		width: 100%;
		/*transition: opacity 0.5s ease 0.1s;*/
	}
	.brand_list li img{
		border-radius: 50%;
		animation: shadow_inOut_s 5s linear 0s infinite;
		-moz-animation: shadow_inOut_s 5s linear 0s infinite; /*Firefox*/
		-webkit-animation: shadow_inOut_s 5s linear 0s infinite; /*Safari and Chrome*/
	}
	.brand_list li .hs_popUp{
		display: none;
	}
	.brand_list .p1{
		/*top: 30px;*/
		top: 3.947368%;
		/*left: 12px;*/
		left: 2.678571%;
		width: 30.133929%;
	}
	.brand_list .p1 span{
	/*	width: 135px;
		height: 135px;*/

		animation: scaleFadeIn_1 1s linear 0s;
		-moz-animation: scaleFadeIn_1 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_1 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.15s;
		animation-delay: 0.15s;*/
	}
	.brand_list .p2{
		top: 0;
		/*left: 182px;*/
		left: 40.625%;
		width: 24.553571%;
	}
	.brand_list .p2 span{
	/*	width: 110px;
		height: 110px;*/
		animation: scaleFadeIn_2 1s linear 0s;
		-moz-animation: scaleFadeIn_2 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_2 1s linear 0s; /*Safari and Chrome*/


		/*-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;	*/
	}
	.brand_list .p3{
		/*top: 16px;*/
		top: 2.105263%;
		/*left: 330px;*/
		left: 73.660714%;
		width: 23.660714%;
	}
	.brand_list .p3 span{
		/*width: 106px;
		height: 106px;*/
		animation: scaleFadeIn_3 1s linear 0s;
		-moz-animation: scaleFadeIn_3 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_3 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.22s;
		animation-delay: 0.22s;	*/
	}
	.brand_list .p4{
		/*top: 198px;*/
		top: 26.052632%;
		left: 0;
		width: 22.321429%;
	}
	.brand_list .p4 span{
		/*width: 100px;
		height: 100px;*/
		animation: scaleFadeIn_4 1s linear 0s;
		-moz-animation: scaleFadeIn_4 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_4 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.25s;
		animation-delay: 0.25s;	*/
	}
	.brand_list .p5{
		/*top: 160px;*/
		top: 21.052632%;
		/*left: 132px;*/
		left: 29.464286%;
		width: 36.830357%;
	}
	.brand_list .p5 span{
		/*width: 165px;
		height: 165px;*/
		animation: scaleFadeIn_5 1s linear 0s;
		-moz-animation: scaleFadeIn_5 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_5 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;	*/
	}
	.brand_list .p6{
		/*top: 156px;*/
		top: 20.526316%;
		/*left: 330px;*/
		left: 73.660714%;
		width: 26.339286%;
	}
	.brand_list .p6 span{
		/*width: 118px;
		height: 118px;*/
		animation: scaleFadeIn_6 1s linear 0s;
		-moz-animation: scaleFadeIn_6 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_6 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.18s;
		animation-delay: 0.18s;	*/
	}
	.brand_list .p7{
		/*top: 330px;*/
		top: 43.421053%;
		/*left: 12px;*/
		left: 2.678571%;
		width: 23.660714%;
	}
	.brand_list .p7 span{
		/*width: 106px;
		height: 106px;*/
		animation: scaleFadeIn_7 1s linear 0s;
		-moz-animation: scaleFadeIn_7 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_7 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.15s;
		animation-delay: 0.15s;	*/
	}
	.brand_list .p8{
		/*top: 366px;*/
		top: 48.157895%;
		/*left: 158px;*/
		left: 35.267857%;
		width: 26.339286%;
	}
	.brand_list .p8 span{
		/*width: 118px;
		height: 118px;*/
		animation: scaleFadeIn_6 1s linear 0s;
		-moz-animation: scaleFadeIn_6 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_6 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.18s;
		animation-delay: 0.18s;	*/
	}
	.brand_list .p9{
		/*top: 308px;*/
		top: 40.526316%;
		/*left: 304px;*/
		left: 67.857143%;
		width: 28.571429%;
	}
	.brand_list .p9 span{
		/*width: 128px;
		height: 128px;*/
		animation: scaleFadeIn_2 1s linear 0s;
		-moz-animation: scaleFadeIn_2 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_2 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;	*/
	}
	.brand_list .p10{
		/*left: 42px;*/
		left: 9.375%;
		/*top: 466px;*/
		top: 61.315789%;
		width: 27.232143%;
	}
	.brand_list .p10 span{
		/*width: 122px;
		height: 122px;*/
		animation: scaleFadeIn_10 1s linear 0s;
		-moz-animation: scaleFadeIn_10 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_10 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;	*/
	}
	.brand_list .p11{
		/*left: 278px;*/
		left: 62.053571%;
		/*top: 463px;*/
		top: 60.921053%;
		width: 29.017857%;
	}
	.brand_list .p11 span{
		/*width: 130px;
		height: 130px;*/
		animation: scaleFadeIn_11 1s linear 0s;
		-moz-animation: scaleFadeIn_11 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_11 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.32s;
		animation-delay: 0.32s;	*/
	}
	.brand_list .p12{
		/*top: 615px;*/
		top: 80.921053%;
		/*left: 6px;*/
		left: 1.339286%;
		width: 25%;
	}
	.brand_list .p12 span{
		/*width: 112px;
		height: 112px;*/
		animation: scaleFadeIn_12 1s linear 0s;
		-moz-animation: scaleFadeIn_12 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_12 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.37s;
		animation-delay: 0.37s;	*/
	}
	.brand_list .p13{
		/*left: 158px;*/
		left: 35.267857%;
		/*top: 586px;*/
		top: 77.105263%;
		width: 29.464286%;
	}
	.brand_list .p13 span{
		/* width: 132px;
		height: 132px; */
		animation: scaleFadeIn_5 1s linear 0s;
		-moz-animation: scaleFadeIn_5 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_5 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;	*/
	}
	.brand_list .p14{
		/*left: 330px;*/
		left: 73.660714%;
		/*top: 623px;*/
		top: 81.973684%;
		width: 25%;
	}
	.brand_list .p14 span{
		/*width: 112px;
		height: 112px;*/
		animation: scaleFadeIn_10 1s linear 0s;
		-moz-animation: scaleFadeIn_10 1s linear 0s; /*Firefox*/
		-webkit-animation: scaleFadeIn_10 1s linear 0s; /*Safari and Chrome*/

		/*-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;*/	
	}
	.hs_popUpWrap.layermchild{
		max-width: 400px; width: 83.333333%;background: #ffdfb0; padding: 18px; border-radius: 0;
	}
	.hs_popUpWrap .layermcont{
		padding: 0;
		text-align: left;
		line-height: normal;
	}
	.hs_popUp{
		position: relative;
		font-size: 15px;
		line-height: 28px;
		color: #aa0000;
	}
	.hs_popUp img{
		display: block;
		margin: 0 auto 14px;
	}
	.hs_popUp .txt_indent{
		text-indent: 28px;
	}
	.hs_popUp .txt_ref{
		margin: 25px 0;
		text-align: right;
		color: #232222;
	}
	.pop_close{
		display: none;
		position: absolute;
		right: -35px;
		top: -35px;
		width: 45px;
		height: 45px;
		background: url(../img/popUpClose.png) no-repeat;
		background-size: cover;
	}
	.bottom_nav{
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #960000;
	}
	.bottom_nav a{
		display: block;
		width: 25%;
		float: left;
		text-align: center;
		color: #ffdfb0;
		line-height: 52px;
	}
	.bottom_nav a.cur{
		color: #ff0000;
	}

	#loading{
		display: none;
		text-align: center;
	}

/*经销商贺岁页面*/
	.jxs_center_cont{
		max-width: 720px;
	    margin: 0 auto;
	    padding: 40px 16px 62px;
	}
	.jxs_list{

	}
	.jxs_list li{
		/*float: left;
		text-align: center;
		line-height: 20px;*/
		margin-bottom: 8px;
		text-align: center;
		font-size: 0px;
	}
	.jxs_list li.r1>div{
		display: inline-block;
		/*margin: 0 8px;*/
		margin: 0 1.785714%;
		/*width: 104px;*/
		width: 23.214286%;

		/*height: 104px;*/
	}
	.jxs_list li.r2>div{
		display: inline-block;
		/*margin: 0 9px;*/
		margin: 0 2.008929%;
		/*width: 110px;*/
		width: 24.553571%;
		/*height: 110px;*/
	}
	.jxs_list li.r2 .center,
	.jxs_list li.r3>div{
		display: inline-block;
		/*margin: 0 9px;*/
		margin: 0 2.008929%;
		/*width: 122px;*/
		width: 27.232143%;
		/*height: 122px;*/
	}
	.jxs_list li p{
		font-size: 14px;
		line-height: 24px;
	}
	.jxs_list li span{
		display: block;
	/*	width: 104px;
		height: 104px;*/
	}
	.jxs_list li img{
		border-radius: 9px;
	}
	.jxs_list .hs_popUp_placeholder{
		display: none;
	}
	.jxs_list .vat{
	    vertical-align: top;
	}
	.hs_popUpWrap .layermbtn{
	    position: absolute;
	    right: -18px;
	    top: -16px;
	    width: 45px;
	    height: 45px;
	    border-top: 0;
	    background: url(../img/popUpClose.png) no-repeat;
	    background-size: cover;
	}
	.hs_popUpWrap .layermbtn:before{
		display: none;
	}
	.hs_popUpWrap .layermbtn span:first-child{
		background: none;
	}
	body .layermbox{
		position: absolute;
		top: 40px;
	    width: 100%;
	}
	.laymshade{
	    z-index: -1;
	}
/*品牌展示*/
	.brandShow_center_cont{
	    max-width: 720px;
	    margin: 0 auto;
	    padding: 24px 18px 72px;
	}
	.brandShow_list{
		margin: 0 auto;
	    max-width: 636px;
	}
	.brandShow_list li{
		float: left;
		width: 33.333333%;
		padding: 6px;
	}
/*慧亚贺岁*/

	.hy_content img{
		display: block;
		margin: 0 auto;
	}

	#ctrlWrap{
		position: fixed;
		bottom: 80px;
		right: 12px;
	}
	#ctrlWrap a,
	#ctrlWrap span{
		display: block;
		margin-bottom: 8px;
		width: 30px;
		height: 30px;
		background: url(../img/ctr_home.png) no-repeat 0 0;
		background-size: cover;
	}

	#ctrlWrap .up{
		background-image: url(../img/ctr_up.png);
	}
	#ctrlWrap .down{
		background-image: url(../img/ctr_down.png);
	}
@media screen and (max-width: 400px){
	.brand_list li>p{
		font-size: 12px;
		line-height: 24px;
	}
	/*.hs_popUpWrap.layermchild{
		padding: 10px;
	}*/
	/*.hs_popUp{
		font-size: 14px;
		line-height: 26px;
	}
	.hs_popUp img{
	    max-width: 150px;
	    margin: 0 auto 10px;
	}
	.hs_popUp .txt_ref{
    	margin: 5px 0;
	    line-height: 20px;
	}*/
	.pop_close{
	    right: -30px;	
	    top: -30px;
	    width: 35px;
	    height: 35px;
	}
}