﻿#header{
    background:url(../images/prect_01.png) no-repeat center;
    width:100%;
    height:480px;
}
/*first2*/
.first2{
    width:100%;
    height:514px;
    position: relative;
}
.max{
    max-width: 1000px;
    height: 470px;
    margin: 0 auto;
    padding-top: 45px;
}
.t_left{
    width:48%;
    height: 296px;
    float: left;
    margin-top: 20px;
}
.t_left p{
    font-size: 12px;
    line-height: 22px;
    padding-top: 7px;
    text-indent: 2em;
}
.t_right{
	/*background: url(../images/brand_r.png)no-repeat;*/
   	width: 485px;
    height: 289px;
    float: right;
    margin-top: 40px;
	position:relative;
}
.t_right .picBan{ width:451px; height:274px; margin:0 0 0 8px; position:relative; overflow:hidden;}
.t_right .picBan ul{ position:absolute; left:0; top:0; height:274px;}
.t_right .picBan ul li{ width:451px; height:274px; float:left;}
.t_right .picBan ul li img{ width:451px; height:274px;}
.t_right .title{ position:absolute; top:40px; right:3px; z-index:3;}
.t_right .xiao{ width:22px; 
    height:38px; 
    bottom: 68px;
    height: 38px;
    position: absolute;
    right: 3px;
    width: 22px;
	z-index:3;}
.t_right .bw{ width:22px; 
    height:38px;
    bottom: 68px;
    height: 38px;
    position: absolute;
    right: 25px;
    width: 22px;
	z-index:3;}
.first2>.max>p{
    line-height: 36px;
}
.first2>.max>p>a{
    font-size: 16px;
    padding-left: 6px;
    color: #686868;
    padding-bottom: 17px;
	margin-right:20px;
}
.first2>.max>p>a.on{
    color: #BB0511;
	border-bottom: 1px solid #BB0511;
}
/*.first2>.max>p>a>samp{
    color: #686868;
    font-size: 16px;
    padding-left: 65px;
}*/
.first2>.max .item{}
.first2>.max>.t_right>.xiao{
    float:right;
    padding-top: 190px;
    padding-right: 4px;
}
.first2>.max>.t_right>.bw{
    float:right;
    padding-top: 190px;
    padding-right: 0px;
}
/*first3*/
.first3{
    background: url(../images/person.png) no-repeat;
    width: 100%;
    height: 550px;
    background-position: center;
}
.first3 .content{
    max-width:1000px;
    margin: 0 auto;
}
.first3 .content  img{
    width: 100%;
    height: 355px;
    padding-top: 25px;
}
.first3>.content>div{
    width:100%;
    overflow: hidden;
    padding-top: 45px;
}
.first3>.content>div>span{
	width:120px;
    height: 43px;
    text-align: center;
    padding-top: 3px;
    font-size:28px;
    float:left;
    color:#fff;
    font-weight: bold;
    display:inline-block;
    border-bottom: 2px solid #AF2F23;
}
.first3>.content>div>p{
    float:left;
    color: #FFFFFF;
    margin-left:30px;
}
/*first4*/
.first4{
    width:100%;
    height:390px;
    position: relative;
}
.first4  .max{
    max-width: 1000px;
    height: 400px;
    margin: 0 auto;
    margin-top:0;
}
.first4 .left_t{
    width:382px;
    height: 260px;
    background: url(../images/brand.png) no-repeat;
    float: left;
    background-color: #CAAD85;
}
.first4 .right_t{
    width: 551px;
    height: 270px;
    float: right;
    position: relative;
    margin-top: 15px;
}
.first4 .right_t h2{
	font-size: 32px;
     font-weight: bold;
}
.first4 .right_t>p{
	font-size: 18px;
	line-height:30px;
	margin:3% 0;
	font-style: italic;
}
.first4 .right_t>p>span{
	font-size: 25px;
	color: #CAAD85;
}
.first4 .left_t img{
    width:380px;
    height: 430px;
    position: absolute;
    top: 0px;
    left: 440px;
}
/*first5*/
.first5{
    width: 100%;
    height: 510px;
    background-color: #343434;
    position: relative;
}
.first5 .jiang{
    width: 100%;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
    border-bottom: 1px solid #686868;
}
.first5 .jiang p{
    font-size: 32px;
    color: #FFFFFF;
}
.first5 .jiang>p>span{
	padding: 15px;
    font-size: 25px;
    color: #A2A2A2;
}
.first5 .last{
    max-width: 1000px;
    height: 100px;
    text-align: center;
    padding-top: 25px;
    margin: 0 auto;
}
.first5 .last p{
   	color:#B59263;
   	font-size: 12px;
	line-height: 20px;
}
.first5 .jx{
    margin: 0 auto;
    width: 1000px;
    position: relative;
}
.first5 .jx li{ display:none; position:absolute;}
.first5 .jx li img{ width:100%;}
.first5 .jx #d_pos1{
    position: absolute;
    top: 55px;
    left:80px;
	z-index:1;
	display:block;
	width:225px;
}
.first5 .jx #d_pos2{
    position: absolute;
    top: 15px;
    left: 155px;
	z-index:2;
	display:block;
	width:328px;
}
.first5 .jx #d_pos5{
    position: absolute;
    top: 55px;
    right: 98px;
	z-index:1;
	display:block;
	width:225px;
}
.first5 .jx #d_pos4{
    position: absolute;
    top:15px;
    left: 505px;
	z-index:2;
	display:block;
	width:328px;
}
.first5 .jx #d_pos3{
    position: absolute;
    top: -20px;
    left: 275px;
	z-index:3;
	display:block;
	width:435px;
}
.first5 .jx .jt{
    position: absolute;
    top: 106px;
    right: -90px;
	cursor:pointer;
}
.first5 .jx .js{
    position: absolute;
    top: 100px;
    left: -70px;
	cursor:pointer;
}
/*first6*/
.first6{
    width: 100%;
    height: 700px;
    position: relative;
}
.first6 .fc{
    width: 1000px;
    height: 120px;
    text-align: center;
    padding-top: 20px;
    margin: 0 auto;
}
.first6 .fc  h1{
    color:#282828; 
    font-size: 25px;
    font-weight: bold;
    line-height: 60px;
}
.first6 .fc  span{
    font-size: 14px;
    color:#282828;
}
.first6 .fc samp{
    color:#B59263;
   	font-size: 12px;
	line-height: 30px; 
}
.first6 .f-link{
    width: 1000px;
    margin: 0 auto;
}
.first6 .f-link>.main_z{
    float: left;
    padding-right: 5px;//修改的
}
.first6 .f-link>.main_r{
    float: right;
    /*margin-top: 4px;*/
    line-height: 22px;
    position: relative;
	width:274px;
	height:486px;
	overflow:hidden;
}
.first6 .f-link>.main_r .smallbox{ position:absolute; top:0; left:0; z-index:10;}
.first6 .f-link>.main_r .smallbox p{ width:100%; height:162px;}
.first6 .f-link>.main_r .smallbox p a{}
.first6 .f-link>.main_r .smallbox p img{ border:2px solid #fff; width:266px; height:154px; padding:2px;}
.first6 .f-link>.main_r .smallbox p.on img{ border:2px solid #CAAD85; width:266px; height:154px; padding:2px;}
.first6 .ts{
    width: 270px;
    height: 58px;
    line-height: 58px;
    background-color: #CBA570;
    text-align: center;
    color: #FFFFFF;
    font-size: 23px;
    position: absolute;
    bottom: 7%;
    left: 31%;
} 
.first6 .tu1{
    position: absolute;
    top:0px;
    left:110px;
	z-index:99;
}
.first6 .tu2{
    position: absolute;
    bottom: 0px;
    left: 110px;
	z-index:99;
}
/*first7*/
.first7{
    width: 100%;
    height: 535px;
    background: url(../images/ditu_02.png)no-repeat center;
    /*position: relative;*/
    margin-bottom: 50px;
}
.first7 .icon{
	position: absolute;
	/*top:320px;
	left: 1056px;*/
	top:230px;
	left: 87%;
}
.rank{
    width: 260px;
    height: 328px;
    background-color:rgba(255,255,255,0.7);
    padding-top: 30px;
    position: absolute;
    /*top: 16%;*/
    /*left: 38%;*/
   left: 10%;
}
.rank .one{
	display:block;
    text-align: center;
    padding-top: 25px;
    margin-bottom: 20px;
}
.rank .one p{
    font-size:18px;
    color: #CBA570;
	letter-spacing:3PX;
}
.rank .one p1{
    font-size:16px; 
    color:#616161;
}
.rank .two{
	width: 100%;
	height: 42px;
	margin-left: 15px;
	padding-top: 12px;
}
.rank  .two .div1{
	float:left;
}
.rank  .two .div2{
	float:left;
	font-size:13px;
	color:#000;
	padding-left:18px;
	width:70%;
}
.rank .two p{
    font-size:14px; 
    color:#282828;
}
.rank  img{
    vertical-align: middle;
}

@media (max-width: 1024px){
.t_right{ width:50%}
.t_left,.max,.first4 .max,.first3,.first5 .last,.first5,.first2,.first4,.first4 .right_t,.first3 .content img,.first3 > .content > div > span{ height:auto}	
.first4 .left_t{ width:35%}
.first4 .right_t{ width:60%} 
.first4 .right_t h2,.first3 > .content > div > span,.first5 .jiang p{ font-size:22px}
.first4 .right_t > p > span{ font-size:16px}
.first4 .right_t > p{ font-size:14px; line-height:24px; margin-top:0}
.first3 .content{ padding:0 4%}
.first3,.first5{ padding-bottom:6%}
.first5 .last,.first4 .max{ margin-bottom:6%}
.max{ padding-top:6%; overflow:hidden}
.first3 > .content > div{ padding-top:6%}
.first3 > .content > div > span{ padding-bottom:2%}
	}
@media (max-width: 640px){
.t_left,.t_right,.first4 .left_t,.first4 .right_t{ width:100%}
.t_right,.first4 .right_t{ margin-top:6%}
.first4 .right_t h2, .first3 > .content > div > span, .first5 .jiang p{ font-size:18px} 
#footer .foot{ line-height:18px}
.t_left{ margin-top:10px}
}











