@charset "utf-8";
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%;background: url(../images/bg.jpg) repeat-x;}
.header{width: 100%;height: 50px;margin: 0 auto;}
.logo{float: left;height: 39px;line-height: 50px;}
.login{width:15%;float: left;color: #333;margin-left: 120px;}
.login a{font-size: 12px;line-height: 50px;margin: 0 5px;}
.navabar{width: 50%;float: right;color: #333;}
.navabar a{font-size: 12px;line-height: 50px;margin: 0 5px;}

.wrapper{width: 100%;margin: 0 auto;}
.wrappers{width: 395px;margin: 0 auto;}
.wrapper1{position: relative;}

.box1{width: 100%;height: 825px;background: url(../images/one.jpg) no-repeat center 0;}
.brandlogo{width: 12%;height: 130px;position: absolute;top: 83px;left: 12%;}
.engineer{ width: 14%;height: 126px;position: absolute;top: 83px;left: 27%;}
.nianyear{ width: 437px;position: absolute;top: 252px;left: 12%;font-weight: 700;}
.nianyear span{font-size:78px; color:#fff;}
.nianyear b{font-size:60px; color:#ffb400;letter-spacing: 1px; position: relative;bottom: 7px;left: 8px;}
.lists{width: 437px;text-align: center;position: absolute;top: 395px;left: 11%;}
.lists a{font-size: 20px;line-height: 32px;color: #590000;margin: 0 20px; display:block; float:left;font-weight: bold; width:397px; height:33px; background-color:#fbedc0; margin-top:8px;  padding: 3px 0px 3px 40px;text-align: left;}

.organizer{width: 100%;text-align: left;position: absolute;top: 570px;left: 0;font-size: 24px;line-height: 30px;color: #fff;left: 12.5%;}
.organizer a{font-size: 24px;line-height: 30px;color: #fff;margin-left: 60px;}
.bannerlow{width: 100%;margin: 0 0 0 -39%; position: absolute;top: 700px;overflow: hidden;z-index: 99;left: 50%;}
.bannerlow ul li{ width:25%; height:342px; float:left;background: url(../images/lowbg.png) no-repeat center 0;margin: 0 5px 0 5px;}
.bannerlow ul li p{width: 100%;font-size: 19px;font-weight: bold;text-align: center;padding: 25px 0 25px 0;color: #40160b;}
.bannerlow ul li span{font-size: 15px;font-weight: bold;color: #833520;width: 90%;display: block; margin: 0 auto;line-height: 25px; height:230px; overflow:hidden;}

.box2{width: 100%;height: 774px;background: url(../images/two.jpg) no-repeat center 0;background-size: 100% 100%;}
.box2 .listTitle{position: relative;top: 222px;}
.listTitle{text-align: center;background: url(../images/biaotibg.png) no-repeat center 0; height:157px;}
.listTitle h2{font-size: 30px;line-height: 35px;color: #deb978;display: inline-block;padding-bottom: 20px;position: relative;
	bottom: -1px;top: 50px;}
.xhming{ width:74.4%; height:344px;margin: 0 auto;margin-top: 250px;background: url(../images/mingbg.jpg) no-repeat center 0;background-size: 100% 100%;}
.xhming ul { padding: 25px 0 40px 4.2%; width:100%;}
.xhming ul li{ font-size:16px;color: #9e632f;float: left;width: 30%;margin-right: 3%;height: 38px;line-height: 38px;}
	

.box3{width: 100%;height: 586px;background: url(../images/three.jpg) no-repeat center 0;background-size: 100% 100%;}
.listTitle{text-align: center;background: url(../images/biaotibg.png) no-repeat center 0; height:157px;position: relative; top: -22px;}
.listTitle h2{font-size: 30px;line-height: 35px;color: #deb978;display: inline-block;padding-bottom: 20px;position: relative;
	bottom: -1px;top: 50px;}
.brands{
	margin-top: 38px;
}
.brandsTop{width: 100%;background: url(../images/brandNavBg.jpg) repeat-x;border-radius: 5px;}
.brandsTop h2 a{width:7.9%;font-size: 16px;height: 31px;line-height: 31px;color: #8a030e;margin: 0.3% 0px 0.3% 0.6%;display: inline-block;text-align: center;}
.brandsTop h2 a:hover{background: url(../images/titleBg.png) no-repeat;color: #fff; background-size:100% 100%;}
.brandsTop .focus{
	background: url(../images/titleBg.png) no-repeat;
	color: #fff; background-size: 100% 100%;
}
.brandList{margin-top: 30px; overflow:hidden;}
.brandList ul li{width: 18%;float: left;margin-left: 16px;margin-bottom: 24px;}
.brandList ul li .pinpai{width: 100%; height: 124px; background: #Fff;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.brandList ul li p{font-size: 14px;line-height: 25px;background: #cc9f50;text-align: center;}
.brandList ul li p a{color: #fff;}

.box4{width: 100%;height: 850px;background: url(../images/Four.jpg) no-repeat center 0;background-size: 100% 100%;}
.box4 .haungbang{width: 100%;height: 790px;background: url(../images/haungbang.png) no-repeat center 0;background-size: 100% 100%;}
.box4 .haungbang h2{font-size: 30px; line-height: 35px;color: #40160b; text-align: center;padding-top: 150px;}

.box5{width: 100%;height: 1672px;background: url(../images/five.jpg) no-repeat center 0;background-size: 100% 100%;}
.box5 .listTitle{top: -40px !important;}
.character {overflow: hidden;width: 80%;margin: 0 auto;}
.character ul li {width: 18.7%; float: left;margin-left:1%;margin-bottom: 24px;height: 331px;}
.character ul li .selection{width: 100%; height: 265px; background: #Fff;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.character ul li span{ display:block; font-size: 16px; font-weight:700;color:#fff;background-color: rgba(0,0,0,0.5);text-align: center; height: 50px;
    line-height: 50px; position: relative; top: -50px;}
.character ul li p{font-size: 14px;line-height: 66px;background: #cc9f50;text-align: center; height:66px; position: relative; top: -50px;}
.character ul li p a{color: #833520;}
.renmore{ width:96.9%; height:36px; background-color:#9e632f; color:#fff; font-size:16px; text-align:center; line-height:36px;margin: 0 auto;}


.box6{width: 100%;height: 1062px;background: url(../images/Six.jpg) no-repeat center 0;background-size: 100% 100%;}
.box6 .proimg_bk{ width:200px; height:200px; position:relative;text-align:center;vertical-align:middle;background:#fff;border:6px solid #deb978;-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px; overflow:hidden;}
.box6.proimg_bk:hover{border:6px solid #3089e2;}
.box6 .proimg_bk a{height:100%; width:100%;text-align:center;position:static;+position:absolute;top:50%; display:block;}
.box6 .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:100%; max-height:100%;}
.character2 {overflow: hidden;width: 80%; margin: 0 auto;}
.character2 ul li {width: 220px; float: left;margin-left: 16px;margin-bottom: 24px;height:295px;}
.character2 ul li span{ display:block; font-size: 16px; font-weight:700;color:#deb978;text-align: center;padding-top: 10px;padding-bottom: 5px;}
.character2 ul li p{font-size: 16px;text-align: center;}
.character2 ul li p a{color:#9e632f;}

.box7{width: 100%;height: 960px;background: url(../images/Seven.jpg) no-repeat center 0;background-size: 100% 100%;}
.box7 .listTitle{ top:0px !important;}
.xhming2{ width: 80%; height:375px;margin: 30px auto;background-color:#fff;}
.xhming2 ul{ padding:25px 50px 40px 70px; width:100%;}
.xhming2 ul li{ font-size:15px; color:#9e632f; float:left;width: 32%;height: 38px;line-height: 38px; font-weight:bold;}


.msTitle .tgr{float: left;position: absolute;bottom: 35px;left: 324px;}
.msTitle .tgr i{width: 14px;height: 14px;float: left;display: inline-block;background: #fff;margin: 0 5px;}
.msTitle .tgr i.cur{background: #833520;}

.slider{width:70%;float: left;height: 570px;overflow: hidden;position: relative;top: 35px;left: 22%;}
.slider ul{width: 100%;height: 490px;}
.slider ul li{width: 100%;height: 490px;float: left;}
.slider ul li p{width: 43%;margin-right: 50px;
	float: left;
	height: 30px;
	overflow: hidden;font-size: 16px;
	line-height: 30px;
	color: #833520;
	-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:hover{
	color: #be8b34;
	padding-left: 10px;
	border-left: 5px solid #be8b34;
	
}

#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; }

@media (max-width:1024px) { 
.xhming ul li{ font-size:100%;}
.brandsTop h2 a{ font-size:60%;margin: 9px 0px 9px 6px;width: 7.5%;}
.brandList ul li {width: 17%;}
.character ul li {width: 18.6%;}
.box6 .proimg_bk {width: 100%;height: 132px;}
.character2 ul li {width: 17%;height: 235px;}
.xhming2 ul li{ font-size:80%;}
.nianyear{left: 8%;}
.lists{left: 7%;}
.organizer{left: 9%;}
.bannerlow{margin: 0 0 0 -28%;}

}

@media (min-width:1025px) and (max-width:1491px){
.character2 ul li {width: 18.2%; height:280px;}
.box6 .proimg_bk {width: 90%;height: 60%;}
}