html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{display:block;width:100%;}
a{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl {*zoom:1;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.wrap{width:1200px;margin:0 auto; overflow:hidden; }

.banner{width:100%;padding: 6% 0;background:url(../images/banbg_sh.jpg) no-repeat center center;text-align:center;color:#fff;}
.banner .year{font-size:110px;line-height:1.2;color:#c8a074;}
.banner .year:before,
.banner .year:after{
	content:\\'\\';
	display:inline-block;
	vertical-align:30%;
	width:160px;
	height:1px;
	margin:0 30px;
	background:url(../images/line1.png) no-repeat;
}
.banner .year:after{
	background-image:url(../images/line2.png);
	background-position:right center;
}
.banner h2{font-weight:bold;font-size:60px;line-height:1.25;}
.banner h3{font-weight:normal;font-size:24px;line-height:2.5;letter-spacing:15px;}
.banner .msg{width: 800px;margin:10px auto;border:1px solid #fff;border-radius:18px;font-size:0;}
.banner .msg span{display:inline-block;*display:inline;*zoom:1;width:33.3%;font-size:16px;line-height: 2.5;}
.banner .logo{width:500px;margin:40px auto 0;overflow:hidden;position:relative;}
.banner .logo img{width:48%;}
.banner .logo i{position: absolute;left:50%;top:0;height:100%;width:1px;background:#fff;}

.navbar{width:100%;background:#101522;}
.navbar ul{width:1200px;margin:0 auto;overflow:hidden;}
.navbar ul li{float:left;width: 16.66%;text-align:center;}
.navbar ul li a{display:block;font-size:25px;line-height:3.6;color:#fff;}
.navbar ul .on a,
.navbar ul li:hover a{background:#b7936c;}

.tit{padding: 3% 0;text-align:center;position:relative;}
.tit h2{font-weight:bold;font-size:40px;line-height:1.25;}
.tit h2 b{color:#b7936c;}
.tit h2 span{font-weight:bold;}
.tit em{display:block;font-style:normal;font-size:20px;line-height:1.5;color:#b7936c;text-transform:uppercase;letter-spacing:2px;}
.tit i{position: absolute;top:50%;left:0;width:40%;height:1px;background:#ccc;}
.tit .i2{left:auto;right:0;}

.news .ad_s{float:left;width:58%;}
.news .ad_s .bd li{position: relative;}
.textmask{
	position: absolute;bottom:0;left:0;width:100%;
	font-size:16px;line-height:2.5;color:#fff;text-align:center;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	background:url(../images/alpha.png);
}
.u-tags{font-size:0;padding-top: 3%;text-align:center;}
.u-tags li{
	display:inline-block;*display:inline;*zoom:1;
	cursor:pointer;
	width: 15px;
	height:15px;
	margin:0 8px;
	border-radius:50%;
	border:1px solid #ccc;
}
.u-tags .on{background:#b7936c;border-color:#b7936c;}

.news-detail{
	float:right;
	width: 40%;
	margin: 0 0 0 1%;
}
.news-detail ul{border-bottom:1px dotted #ccc;padding:5px 0;}
.news-detail li a{
	display:block;font-size:16px;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;
}
.news-detail li i{
	display:inline-block;*display:inline;*zoom:1;
	vertical-align: 10%;
	width:5px;
	height:5px;
	margin:0 5px;
	border-radius:50%;
	background:#b7936c;
}
.news-detail li a:hover{color:#b7936c;}

.news-brief h3{padding-top:10px;font-size:26px;line-height:2;font-weight:bold;}
.news-brief span{display:block;width:60px;height:4px;background:#b7936c;margin-bottom:10px;}
.news-brief p{font-size: 16px;line-height:2;text-align:justify;}

.bg1{padding-bottom:3%;}
.bg2{background:url(../images/bg2.jpg);padding-bottom:3%;}

.showroom li{position: relative;}
.showroom .bd{width:75%;float:left;}
.showroom .hd{width:24%;height:525px;float:right;overflow:hidden;}
.showroom .num_s{font-size:0;text-align:center;}
.showroom .num_s li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-bottom: 10px;
}
.showroom .num_s span{
	position: absolute;left:0;top:0;width:100%;height:100%;background:url(../images/alpha.png);
}
.showroom .num_s .on span{display:none;}


.showroom .ad_btn_left,.showroom .ad_btn_right{
	width:30px;height:60px;margin:-30px 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;
	filter:alpha(opacity=80);opacity:0.8;}
.showroom .ad_btn_left{left:0;background:url(../images/arr_l.png) no-repeat #333 50% 50%;}
.showroom .ad_btn_right{right:0;background:url(../images/arr_r.png) no-repeat #333 50% 50%;}

.ad_s{position:relative;}
.product .bd{width:75%;margin:0 auto;}
.product li{position: relative;}
.product .num_s{padding-top: 3%;font-size:0;text-align:center;white-space:nowrap;position: relative !important;}
.product .num_s li{
	display:inline-block;*display:inline;*zoom:1;width:18%;margin:0 1%;border:1px solid #ccc;
	font-size:18px;line-height:2.5;box-sizing:border-box;
}

.product .num_s .on{background:#b7936c;border-color:#b7936c;color:#fff;}

.product a{position:absolute;top: 35%;width:38px;height:74px;cursor:pointer;}
.product .ad_btn_left{left:5%;background:url(../images/prev1.png) no-repeat;}
.product .ad_btn_right{right:5%;background:url(../images/next1.png) no-repeat;}

.past .bd{width:75%;margin:0 auto;}
.past li{position: relative;}
.past .num_s{padding-top:20px;font-size:0;text-align:center;white-space:nowrap;position: relative !important;}
.past .num_s li{
	display:inline-block;*display:inline;*zoom:1;width:18%;margin:0 1%;
}
.past .num_s span{
	position: absolute;left:0;top:0;width:100%;height:100%;background:url(../images/alpha.png);
}
.past .num_s .on span{display:none;}

.past a{position:absolute;top: 30%;width:38px;height:74px;cursor:pointer;}
.past .ad_btn_left{left:5%;background:url(../images/prev1.png) no-repeat;}
.past .ad_btn_right{right:5%;background:url(../images/next1.png) no-repeat;}


.about{float:left;width:55%;}
.about h2{font-weight:bold;font-size:36px;line-height:2;}
.about h3{
	width:160px;margin:20px 0;background:#101522;
	font-weight:normal;font-size:18px;line-height:3;color:#fff;text-align:center;
}
.about p{font-size:16px;line-height:1.8;text-align:justify;}
.about p a{color:#b7936c;}
.about-img{float:left;width:38%;margin-left:5%;border: 5px solid #e1ceb8;}

.team{float:left;width:50%;margin-left:10%;overflow:hidden;}
.team li{float:left;width:50%;font-size:20px;line-height:1.8;white-space:nowrap;}
.gz-ewm{float:left;width: 25%;overflow:hidden;}
.gz-ewm .gz{float:left;width:45%;text-align:center;}
.gz-ewm .ewm{float:left;width: 50%;margin-left:5%;}
.mzsm img{width:15%;margin:20px auto;}
.mzsm p{font-size:18px;line-height:1.8;text-align:center;}
.mzsm p:nth-of-type(3),.mzsm p:nth-of-type(4){white-space:nowrap;}

.brand-advan{position:relative;overflow:hidden;}
.brand-advan .ad_s{width:725px;position: absolute;z-index:0;right:0;top:0;}
.brand-advan .info{width:725px;height: 452px;margin-top:70px;background:#fff;}
.brand-advan .info p{width:380px;padding:70px 0 0 40px;font-size:14px;line-height:2;text-align:justify;}
.brand-advan .info .more{color:#b7936c;}

.honor{width:100%;overflow-x:auto;font-size:0;white-space: nowrap;padding-bottom:15px;}
.honor li{display:inline-block;*display:inline;*zoom:1;margin-right:15px;}
.honor::-webkit-scrollbar{height:10px;background:#ddd;border-radius:5px;}
.honor::-webkit-scrollbar-thumb{background: #c8a074;border-radius:5px;}

.support img{float:left;width: 49%;}
.support .info{float:left;width:40%;padding:0 5%;height: 400px;overflow-y:auto;}
.support .info::-webkit-scrollbar{width:10px;background:#ddd;border-radius:5px;}
.support .info::-webkit-scrollbar-thumb{background: #c8a074;border-radius:5px;}
.support .info dl{margin-bottom: 30px;overflow:hidden;}
.support .info dt{float:left;}
.support .info dt b{display:inline-block;*display:inline;*zoom:1;width:30px;height:30px;margin-right:20px;border:1px solid #b7936c;border-radius:2px;font-size:24px;line-height:30px;text-align:center;color:#b7936c;vertical-align: -12px;}
.support .info dd{font-size:14px;line-height:1.5;}
.support .info .hover-edit{left:100px !important;}

.case .item{float:left;width: 47%;margin: 0 1.5%;}
.case .item img{display:block;width:100%;}

/**版权**/
.box_a{ max-width:1200px; overflow:hidden; margin:0 auto;}
.copy_box{ width:100%; overflow:hidden; background-color:#fff; font-size:16px; padding:40px 0;}
.copy_left{ width:30%; overflow:hidden; margin:0; padding:0; float:left;}
.copy_left img { display:block; width:100%; max-width:300px; overflow:hidden; margin:0 auto; padding:0;}
.copy_right{ width:64%; overflow:hidden; float:right;}
.copy_right a{ color:#666;}
.copy_right a:hover{ color:#b7936c;}
.copy_rz{ overflow:hidden; padding-top:15px;}
.copy_rz a{width:146px; height:46px; display:block; float:left; margin-right:10px; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/}
.copy_rz a:hover{filter:alpha(opacity=100); /*IE滤镜，透明度100%*/-moz-opacity:1; /*Firefox私有，透明度100%*/opacity:1;/*其他，透明度100%*/}
.g-mb-10 { margin:0 10px; color:#666; line-height:40px;}
.g-mb-10 a { display:inline-block; margin:0 20px 0 0;}


@media screen and (max-width:1024px){
	.wrap{width: 94%;}
	.navbar ul{width:100%;}
	.banner .year{font-size:60px;}
	.banner h2{font-size:50px;}
	.banner h3{font-size:20px;}
	.banner .msg{width:95%;}
	.banner .msg span{font-size:14px;}
	.navbar ul li a{font-size: 18px;}
	.tit h2{font-size:28px;}
	.tit em{font-size:16px;}
	.news .ad_s{width:100%;}
	.news-detail{width:100%;margin:1% 0 0 0;}
	.showroom .bd,.showroom .hd{width:100%;height:auto;}
	.mtag{position: static !important;padding-top: 3% !important;}
	.mtag li{width:15px !important;height:15px !important;margin: 0 6px !important;border-radius:50%;border:1px solid #aaa;}
	.mtag .on{background:#b7936c;border-color:#b7936c;}
	.mtag li span,.mtag li img{display:none !important;}
	.product .bd,.past .bd{width:100%;}
	.product .num_s li{font-size:16px;}
	.about{width:100%;float:none;}
	.about-img{float:none;width:60%;margin:2% auto;}
	.team{float:none;width: 90%;}
	.gz-ewm{float:none;width: 40%;margin: 2% auto 0;}
	.mzsm img{width: 25%;}
	.brand-advan .ad_s{position: static;margin:0 auto;width:100%;}
	.brand-advan .info {width:100%;height:auto;margin-top:5%;}
	.brand-advan .info p{padding:5%;width:auto;margin:0 auto;}
	.support{width:80%;margin:0 auto;}
	.support img{float:none;width:100%;}
	.support .info{float:none;width:100%;height:auto;padding:0;margin-top:30px;}
	
	
}

@media screen and (max-width:480px){
	.banner .year{font-size: 40px;}
	.banner .year:before, .banner .year:after{width:100px;}
	.banner h2{font-size: 36px;}
	.banner h3{font-size: 14px;letter-spacing: 5px;}
	.banner .msg{width:95%;}
	.banner .msg span{font-size: 10px;}
	.navbar ul li a{font-size: 12px;}
	.tit h2{font-size: 20px;}
	.tit em{font-size: 12px;}
	.tit i{width:36%;}
	.banner .logo{width: 80%;margin-top:5%;}
	.news-brief h3,
	.about h2{font-size:20px;}
	.about h3{font-size:16px;margin: 3% 0;}
	.textmask,
	.news-detail li a,
	.news-brief p,
	.about p,
	.product .num_s li,
	.team li,
	.mzsm p{font-size: 14px;}
	.team{margin-left:5%;}
	.mzsm img{margin:3% auto;}

	.support{width:100%;}
	.support .info{margin-top:15px;}
	.support .info dl{margin-bottom:15px;}
	.support .info dd{font-size:12px;}
	.support .info dt b{margin-right:10px;}
	
	/**版权**/
	.box_a{ width:94%; overflow:hidden; margin:0 auto;}
	.copy_box{ width:100%; overflow:hidden; background-color:#fff; font-size:16px; padding:40px 0;}
	.copy_left{ width:100%; overflow:hidden; margin-bottom:20px;}
	.copy_left img { display:block; width:100%; max-width:300px; overflow:hidden; margin:0 auto; padding:0;}
	.copy_right{ width:100%; overflow:hidden; float:right;}
	.copy_right a{ color:#666;}
	.copy_right a:hover{ color:#b7936c;}
	.copy_rz{ overflow:hidden; padding-top:15px;}
	.copy_rz a{width:146px; height:46px; display:block; float:left; margin-right:10px; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/}
	.copy_rz a:hover{filter:alpha(opacity=100); /*IE滤镜，透明度100%*/-moz-opacity:1; /*Firefox私有，透明度100%*/opacity:1;/*其他，透明度100%*/}
	.g-mb-10 { margin:0 10px; color:#666; line-height:40px;}
	.g-mb-10 a { display:inline-block; margin:0 20px 0 0;}

}

@media screen and (max-width:414px){

	.banner .year{font-size: 30px;}
	.banner .year:before, .banner .year:after{width: 80px;}
	.banner h2{font-size: 30px;}
	.banner h3{font-size: 12px;}
	.banner .msg{width:95%;}
	.banner .msg span{font-size: 7px;}

	.gz-ewm .gz{width: 43%;}
	.gz-ewm .ewm{width: 52%;}
	.news-brief span{width:40px;}

	.textmask,
	.news-detail li a,
	.news-brief p,
	.about p,
	.product .num_s li,
	.team li,
	.mzsm p,
	.brand-advan .info p{font-size: 12px;}
	
	.product .num_s li{font-size:10px;}

}

@media screen and (max-width:320px){
	.banner .year{font-size: 24px;}
	.banner .year:before, .banner .year:after{width: 60px;}
	.banner h2{font-size: 24px;}
	.mtag{padding-top:15px;}
	.product .num_s li{font-size: 10px;}

}