#header{

    background:url(../images/img1h-1.png) no-repeat;

    width:100%;

    height:480px;

    background-position: center;

}





/*first2*/

.first2{

    width: 100%;

    height:544px;
	margin-top:60px

}

.ul-div{

    max-width:1070px;

    overflow: hidden;

    margin:0 auto;

    position: relative;

}

.first2 .ul-div .light{

    width:770px;

    height:465px;

    margin: 0 auto;

    float:right;

}

.first2 .ul-div .light ul{

    overflow: hidden;

}

.first2 .ul-div .light ul li{

    float:left;

    width: 940px;

    height: 518px;

}

.first2 .ul-div .arrow{

    position: absolute;

    top:250px;

    right:0;

}

.first2 .arrow .zf_01{

    display: inline-block;

    width: 48px;

    height: 75px;

    float:left;

}

.first2 .arrow .rf_01{

    display: inline-block;

	width: 48px;

	height: 75px;

    top:250px;

    float:left;

}

.first2 .ul-div .li_left{

	background:url(../images/hhdj.png)no-repeat;

	width: 299px;

	height: 465px;

    position:absolute;

    top:0;

    right:770px;

}

.first2 .ul-div  .li_left .rank_gm{

	color: #FFFFFF;

	font-size: 30px;

	padding: 27px 20px 20px 35px;

}

.first2 .ul-div .li_left .rank_gm>span{

	color: #FFFFFF;

	font-size: 30px;

	font-weight: bold;

	border-bottom: 2px solid #CBA570;

	padding-bottom: 8px;

}

.first2 .ul-div .li_left .rank_gm>samp{

	color: #FFFFFF;

	font-size: 22px;

	font-weight: normal;

	padding-left: 5px;

}

.first2 .ul-div .li_left p{

	color: #FFFFFF;

	font-size: 12px;

	padding: 14px 35px;

	line-height: 21px;

}

/*first3*/

.first3{

    width:100%;

    height:826px;

    /*background:url(../images/shebei.png) no-repeat center;*/

}

.first3 .hhdj_bg{

    width:100%;

    height:226px;

    background:url(../images/hhdj_title.png) no-repeat center;

}

.first3 #ImgBan{ width:100%; height:597px; position:relative;}

.first3 #ImgBan .ImgBanlist{ width:100%; height:597px;}

.first3 #ImgBan .ImgBanlist li{ width:100%; height:597px;}

.first3 #ImgBan .ImgBanlist { width:100%; height:597px;}

.first3 .tab{ width:13px; position:absolute; right:27px; top:100px; z-index:9;}

.first3 .tab a{ display:block; width:13px; height:13px; background:url(../images/cic_icon2.png) no-repeat; margin-bottom:11px;}

.first3 .tab a.on{ background:url(../images/cic_icon1.png) no-repeat;}

.first3 .write{

    max-width: 1000px;

    margin: 0 auto;

    padding-top: 60px;

}

.write span{

    font-size: 30px;

    color: #FFFFFF;

    font-weight: bold;

    padding-bottom: 6px;

    border-bottom:3px solid #CBA570;

}

.write samp{

    font-size: 30px;

    color: #535353;

    padding-left: 10px;

}

.write p{

    font-size: 12px;

    width:820px;

    color: #FFFFFF;

    line-height: 20px;

    padding-top: 15px;

}



/*first4*/

.first4{

    width:100%;

    height:600px;

    margin: 0 auto;

}

.first4 .xj{

	font-size: 30px;

	padding-top: 20px;

	text-align: center;

}

.first4 .top_t{

	width: 220px;

	margin:40px auto 0;

	text-align: center;

	font-size: 30px;

	font-weight: bold;

	color: #CBA570;

}



.first4 .top_t:before,.first4 .top_t:after{

    display:table-cell;

    content: '';

    width:27px;

    height:1px;

    border-bottom:1px solid grey;

    float:left;

    margin-top:20px;

}

.first4 .top_t:after{

    float:right;

}



.first4 .max{

    max-width: 1000px;

    height: 440px;

    margin: 0 auto;

    margin-top: 45px;

}

.t_left{

    width:562px;

    height: 547px;

    float: left;

    

}

.t_left h2{

    font-size: 57px;

	font-weight: bold;

	line-height: 20px;

	color: #CBA570;

	padding-top: 20px;

}

.t_left h3{

    font-size: 14px;

    font-family: "微软雅黑";

    color: #282828;

	font-weight: bold;

	padding-top: 20px;

	line-height: 25px;

}

.t_left p{

    font-size: 12px;

    color: #000000;

	line-height: 25px;

}

.t_left  h6{

	padding-top: 25px;

	font-size:20px; 

	color:#282828;  

	line-height: 35px;

}

.t_left  .pc{

	padding-top:10px;

	font-size:20px; 

	line-height: 35px;

}

.t_right{

    width: 392px;

    height: 431px;

    background: url(../images/cloth.jpg)no-repeat;

    float: right;

}



/*first5*/

.first5{

    background:url(../images/base.jpg) no-repeat center;

    width:100%;

    height:768px;

    position: relative;

}



.li_let{

    width: 350px;

    height: 350px;

    background-color: #AF2F23;

    position:absolute;

    top:100px;

    right: 530px;

    padding: 45px 25px;

}



.f5_p{

	color:#FFFFFF;

    font-size: 52px;

}

.f5_p1{

	color:#FFFFFF;

    font-size: 20px;

	font-weight: bold;

}

.f5_p2{

	color:#FFFFFF;

	font-size:12px;

	padding-top: 15px;

	line-height:25px;

}

.f5_p3{

	color:#FFFFFF;

	font-size:14px;

	padding-top: 15px;

	line-height:25px;

}

/*first6*/

.first6{

    width: 100%;

    /*height: 480px;*//*2016-6-13 张钰修改*/

    margin-top: 40px;

}

/*#fangan{

    width:1000px;

    height:300px;

    margin: 0 auto;

    margin-top: 25px;

}

.r_left{

    width: 220px;

    height: 100px;

    padding-top:15px;

    float: left;

    margin-right: 28px;

    text-align: center;

    margin-top:25px;

    border: 1px solid  gainsboro;

}

.r_left span{

    font-weight: bold;

    font-size: 20px;

}

.r_left se{

    font-size: 14px;

}*/

 .brand-list{

    width:100%;

    overflow: hidden;

	margin-top:50px;

}

 .brand-list li{

    float:left;

    margin-left:13px;

    margin-bottom:40px;

    width:238px;

    height:125px;/*修改张钰2016-5-26*/

    border:1px solid #B3B3B3;

    text-align:center;

    line-height:123px;

	overflow:hidden

}

 .brand-list li img{

    vertical-align: middle;

	max-width:100%;

	height:auto;

}

 .brand-list li.cancel{

    margin-left: 0;

}

.f6_p1{

	text-align: center;

	font-size:30px;

}

.first6 .top_t{

	width: 280px;

	margin: 0 auto;

	text-align: center;

	font-size: 30px;

	font-weight: bold;

	color: #CBA570;

}



.first6 .top_t:before,.first6 .top_t:after{

    display:table-cell;

    content: '';

    width:65px;

    height:1px;

    border-bottom:1px solid #CECECE;

    float:left;

    margin-top:20px;

}

.first6 .top_t:after{

    float:right;

}

/*first7*/

.first7{

    width: 100%;

    height: 883px;

    position: relative;

    margin-bottom:30px;

    background-color: #BBBBBB;   

}

.first7 .container{

	max-width:1000px;

}

.first7 .gray{

    width: 100%;

    height: 890px;

    margin: 0 auto;

    background-color: #BBBBBB;

    position: relative;

}

.first7 .gray .f7_p1{    

	color:#FFFFFF;

	font-size:30px;

	line-height:55px;

	padding-top: 45px;

}



.gray .f7_p1>span{

    color: #E5E5E5;

    font-size: 30px;

    font-weight: lighter;

}

.gray .f7_p1>a>samp{

    float: right;

    color: #FFFFFF;

    font-family: "微软雅黑";

    font-size: 15px;

    font-weight: bold;

}

.first7 .gray .f7_p2{

	clear: both;

	line-height:25px;

	padding-bottom:50px;

}

.grey{

    width: 100%;

    height: 502px;

    background-color: #ECECEC;

    position:absolute;

    bottom:0;

}

.cloth_display{

	position: absolute;

	z-index:100;

}

.cloth_display .zf_display,.cloth_display ul{

	overflow: hidden;

}

.cloth_display .zf_display>div{

	float:left;

	position: relative;

}

.cloth_display ul li{

	float:left;

	margin-right:3px;

	position: relative;

}

 .cloth_display .hover{

	background: url(../images/hhdj_block.png)no-repeat center;	

	position: absolute;

	width: 164px;

	height: 156px;

    margin:auto;

    top:0;

    left:0;

    right:0;

    bottom:0;

    text-align: center;

  	display: none !important;

}



 .cloth_display .hover p{

	color: #FFFFFF;

	font-size: 14px;

	line-height: 25px;

	color: #FFFFFF;

}

/*.footer{

	margin-top:300px;

	

}*/

@media (max-width: 1024px){
.first2{ height:inherit; margin-top:6%}
.ul-div,.first3 .write{ padding:0 4%; overflow:hidden} 
.first2 .ul-div .li_left{ position:relative; right:inherit; width:100%; background:#333; padding-bottom:6%; height:inherit}
.first2 .ul-div .li_left .rank_gm > span,.first7 .gray .f7_p1{ font-size:22px}
.first2 .ul-div .light ul li,.first2 .ul-div .light ul li img{ width:100% !important; height:inherit !important}
.first2 .ul-div .light{ width:100%; float:none}
.first2 .ul-div .li_left p{ padding:0 5%}
.ul-div{ margin-bottom:6%}
.first3 .hhdj_bg{ height:auto; padding:6% 0}
.write span,.first4 .top_t{ font-size:22px}
.first3 #ImgBan .ImgBanlist,.first3 #ImgBan .ImgBanlist li,.first3 #ImgBan{ height:450px !important}
.first3{ height:inherit}
.t_left{ width:49%}
.t_right{ width:39%} 
.t_left,.t_right,.first4 .max,.first4{ height:inherit !important}
.t_left img,.t_right img{ width:100%; height:auto !important}
.t_right{ background:none}
.first4 .max{ margin-top:6%; overflow:hidden}
.first4{ margin-bottom:6%}
.first7 .gray .f7_p1{ line-height:30px; padding-top:6%; margin-bottom:1%}
.first7 .gray .f7_p2{ padding-bottom:4%; line-height:22px}
.cloth_display .zf_display{ margin-left:-1%}
.cloth_display .zf_display div{ float:left; width:37%; margin-left:1% !important; margin-right:0 !important}
.cloth_display .zf_display div img{ width:100% !important; height:201px !important}
.cloth_display .zf_display div:nth-child(1){ width:61%}
.cloth_display{ position:relative}
.cloth_display ul{ margin-left:-1%}
.cloth_display ul li{ width:32.333%; margin-right:0; margin-left:1%}
.cloth_display ul li img{ width:100%; height:auto}
.first7,.first7 .gray{ height:inherit}
.first7{ margin-bottom:0;}
.first7 .gray{ padding-bottom:6%}
.cloth_display .zf_display{ margin-bottom:0.5%}
.grey{ height:300px} 
.first2 .ul-div .light .tempWrap{ width:100%}
.first2 .ul-div .light ul{ width:100% !important}
}
@media (max-width: 640px){
.first2 .ul-div .li_left .rank_gm > span,.write span,.first4 .top_t,.first7 .gray .f7_p1{ font-size:18px}
.first4 .top_t::before, .first4 .top_t::after{ margin-top:15px}
.first2 .ul-div .light{ height:200px}
.first2 .ul-div .li_left .rank_gm{ padding: 3% 4% 6%}
.first3 #ImgBan .ImgBanlist,.first3 #ImgBan .ImgBanlist li,.first3 #ImgBan{ height:300px !important; background-size:cover !important}
.first4 .top_t::before, .first4 .top_t::after{ margin-top:11px}
.cloth_display .zf_display div img{ height:100px !important;}
.grey{ height:158px}
}