body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe,a { margin: 0; padding: 0; }  table {
	border-collapse: collapse;
	border-spacing: 0;
	padding-left: 10px;
}  input, button, textarea, option { font: 12px "Microsoft Yahei", Arial, Helvetica, sans-serif; }  ul, li, div { list-style: none; border: 0px; }  img { border: 0px; vertical-align: middle;width: 100%;}  .clear { font: 0px/0px serif; display: block; clear: both; }  html { -webkit-text-size-adjust: none; }  input { outline: none; }  textarea { resize: none; }  a { text-decoration: none; color: #333;}  body:nth-of-type(1) input:focus, textarea:focus { outline: none; }  br { background: #fff; }  body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #ce9322; background: #fff; position: relative; }.clearfix:after{content: "\200b"; display: block; height: 0; clear: both;} .clearfix{*zoom: 1;}a:hover{color: #168ce3;}


#header{
	width: 100%;
	min-width: 1180px;
	background: url(../../images/selectionList/bg.jpg) repeat-x;
}
.header{
	width: 1180px;
	height: 50px;
	margin: 0 auto;
}
.logo{
	width: 130px;
	float: left;
	height: 39px;
	line-height: 50px;
}
.login{
	width: 200px;
	float: left;
	color: #333;
	margin-left: 120px;
}
.login a{
	font-size: 12px;
	line-height: 50px;
	margin: 0 5px;
}
.navabar{
	width: 435px;
	float: right;
	color: #333;
}
.navabar a{
	font-size: 12px;
	line-height: 50px;
	margin: 0 5px;
}
.wrapper{
	width: 1180px;
	margin: 0 auto;
}

.wrappers{
	width: 395px;
	margin: 0 auto;
}
.wrapper1{
	position: relative;
}
.box1{
	width: 100%;
	height: 633px;
	background: url(../../images/selectionList/one.jpg) no-repeat center 0;
}
.brandlogo{
	width: 220px;
	height: 180px;
	position: absolute;
	top: 63px;
	left: 165px;
}
.engineer{
	width: 250px;
	height: 160px;
	position: absolute;
	top: 80px;
	right: 150px;
}
.lists{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 495px;
	left: 0;
}
.lists a{
	font-size: 20px;
	line-height: 32px;
	color: #580000;
	margin: 0 20px;
}
.organizer{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 570px;
	left: 0;
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}
.organizer a{
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	margin-left: 60px;
}
.box2{
	width: 100%;
	height: 588px;
	background: url(../../images/selectionList/two.jpg) no-repeat center 0;
}
.wrapper2{
	padding-top: 120px;
}



.poster-main{
	position: relative;
	margin: 0 auto;
}
.poster-item{
	background: url(../../images/selectionList/slide01.png) no-repeat;
	background-size: contain;
	text-align: center;
}
.poster-item h2{
	font-size: 24px;
	line-height: 30px;
	color: #cfa55d;
	margin-top: 50px;
	padding: 0 50px;
	height: 30px;
	overflow: hidden;
}
.poster-item p{
	font-size: 16px;
	line-height: 25px;
	color: #d9d9d9;
	padding: 0 50px;
	text-align: left;
	text-indent: 32px;
	margin-top: 15px;
	max-height: 125px;
	overflow: hidden;
}
.poster-main .poster-list .poster-item{
	position: absolute;
	left: 0;
	top: 0;
}
.poster-main .poster-btn{
	position: absolute;
	top: 0;
	cursor: pointer;
}
.poster-main .poster-prev-btn{
	left: -169px;
	background: url(../../images/selectionList/btn_l.png) no-repeat center 50px;
}
.poster-main .poster-next-btn{
	right: -169px;
	background: url(../../images/selectionList/btn_r.png) no-repeat center 50px;
}

.box3{
	width: 100%;
	height: 586px;
	background: url(../../images/selectionList/three.jpg) no-repeat center 0;
}
.listTitle{
	padding-top: 50px;
	text-align: center;
}
.listTitle h2{
	font-size: 30px;
	line-height: 35px;
	color: #deb978;
	border-bottom: 3px solid #deb978;
	display: inline-block;
	padding-bottom: 20px;
	position: relative;
	bottom: -1px;
}
.listTitle span{
	display: block;
	border-bottom: 2px solid #5d030a;
}
.brands{
	margin-top: 38px;
}
.brandsTop{
	height: 49px;
	width: 100%;
	background: url(../../images/selectionList/brandNavBg.jpg) repeat-x;
	border-radius: 5px;
}
.brandsTop h2 a{
	width: 95px;
	font-size: 20px;
	height: 31px;
	line-height: 31px;
	color: #8a030e;
	margin: 9px 35px 9px 17px;
	display: inline-block;
	text-align: center;
}
.brandsTop h2 a:hover{
	background: url(../../images/selectionList/titleBg.png) no-repeat;
	color: #fff;
}
.brandsTop .focus{
	background: url(../../images/selectionList/titleBg.png) no-repeat;
	color: #fff;
}
.brandList{
	margin-top: 30px;
}
.brandList ul li{
	width: 216px;
	float: left;
	margin-left: 16px;
	margin-bottom: 24px;
}
.brandList ul li table{
	width: 216px;
	height: 124px;
	background: #Fff;
	overflow: hidden;
}
.brandList ul li table td{
	height: 125px;
	width: 170px;
	margin-left: 23px;
	display: flex;
	justify-content: center;
	align-items: Center;
}
.brandList ul li p{
	font-size: 14px;
	line-height: 25px;
	background: #8a8989;
	text-align: center;
}
.brandList ul li p a{
	color: #fff;
}
.box4{
	width: 100%;
	height: 790px;
	background: url(../../images/selectionList/four.jpg) no-repeat center 0;
}

.newsBg{
	width: 1041px;
	height: 647px;
	margin: 35px auto 0;
	background: url(../../images/selectionList/newsBg.png) no-repeat;
	position: relative;
	z-index: 999;
}

.slider{width: 760px;float: left;height: 490px;overflow: hidden;position: relative;top: 110px;left: 197px;}
.slider ul{width: 10000px;height: 490px;}
.slider ul li{width: 760px;height: 490px;float: left;}
.slider ul li p{
	width: 330px;
	margin-right: 50px;
	float: left;
	height: 25px;
	overflow: hidden;
}
.slider ul li p a{
	font-size: 16px;
	line-height: 25px;
	color: #f5adae;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;	
	transition:all 0.3s linear;
}
.slider ul li p a:hover{
	color: #be8b34;
	padding-left: 10px;
	border-left: 5px solid #be8b34;
	
}



.msTitle .tgr{float: left;position: absolute;bottom: 35px;left: 288px;}
.msTitle .tgr i{width: 24px;height: 7px;float: left;display: inline-block;background: #fff;margin: 0 5px;}
.msTitle .tgr i.cur{background: #f5adae;}


.box5{
	width: 100%;
	height: 1400px;
	padding-top: 30px;
	background: url(../../images/selectionList/five.jpg) center 0;
	background-size: cover;
}
.box5 .listTitle{
	padding-top: 20px;
}
.box5Con{
	margin-top: 30px;
}
.person{
	width: 15%;
	height: 262px;
	margin-left: 4%;
	box-shadow: 0px 0px 10px #000;
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	transform: skew(-10deg);
	float: left;
	position: relative;
	margin-bottom: 60px;
}
.person img{
	height: 262px;
}
.pBg{
	width: 100%;
	height: 34px;
	background: #000;
	filter:alpha(opacity=40);/*IE*/
	opacity:0.4;/*FF*/ 
	position: absolute;
	bottom: 0;
	left: 0;
}
.person span{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 16px;
	line-height: 34px;
	color: #fff;
	text-align: center;
	height: 34px;
	display: block;
	overflow: hidden;
	width: 100%;
}
.person p{
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	color: #ce9322;
	text-align: center;
	height: 60px;
	position: absolute;
	bottom: -60px;
	-webkit-transform: skew(10deg);
	-moz-transform: skew(10deg);
	-o-transform: skew(10deg);
	transform: skew(10deg);
}
.personBg{
	width: 100%;
	height: 100%;
	background: #000;
	filter:alpha(opacity=0);/*IE*/
	opacity:0;/*FF*/ 
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;	
	transition:all 0.3s linear;
}
.person:hover .personBg{
	filter:alpha(opacity=20);/*IE*/
	opacity:0.2;/*FF*/ 
}


.bouncedBg{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}
.bounced{
	width: 795px;
	border-radius: 10px;
	background: #fee1b0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -240px;
}
.close{
	width: 16px;
	height: 16px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.bouncedL{
	width: 307px;
	height: 100%;
	float: left;
	background: #cfa55d;
	text-align: center;
	border-radius: 10px 0 0 10px;
	box-shadow: 5px 0px 10px #978467;
}
.bouncedL img{
	width: 248px;
	height: 348px;
	border-radius: 10px;
	margin-top: 20px;
}
.bouncedL b{
	display: block;
	font-size: 40px;
	line-height: 50px;
	margin: 15px 0 10px;
	color: #85000b;
}
.bouncedL p{
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #85000b;
	font-weight: bold;
	margin-bottom: 50px;
}
.bouncedR{
	width: 446px;
	float: right;
	margin-right: 20px;
}
.bouncedR h2{
	height: 20px;
	width: 100%;
	background: #930813;
	margin-bottom: 20px;
	margin-top: 35px;
}
.bouncedR h2 span{
	font-size: 16px;
	line-height: 20px;
	color: #fee1b0;
	display: block;
	margin-left: 17px;
	border-left: 5px solid #fee1b0;
	text-indent: 3px;
}
.bouncedR p{
	padding: 0 22px;
	font-size: 16px;
	line-height:30px;
	color: #333;
	font-weight: bold;
	text-align: justify;
	margin-bottom: 20px;
}
#foot{width: 100%;min-width: 1180px; margin: 0 auto;border-top: 1px solid #e4e4e4;text-align: center;font: normal 12px/22px "Tahoma";color: #666666;padding: 27px 0 15px 0;background: #fafafa;}
#foot span{ font: normal 14px/25px "\5b8b\4f53"; color: #aaaaaa; }
#foot span a{ color: #666666; margin: 0 8px; }
#foot p{ color: #aaaaaa; margin-top: 10px; }
#foot b{ color: #cc0001; }
#foot b img{width: 21px;height: 21px;}
#foot a:hover{ text-decoration: underline; color: #ff6600; }
