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(https://zt.cdnjm.cn/response/company/demo03/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(https://zt.cdnjm.cn/response/company/demo03/line1.png) no-repeat;
}
.banner .year:after{
	background-image:url(https://zt.cdnjm.cn/response/company/demo03/line2.png);
	background-position:right center;
}
.banner h2{font-weight:bold;font-size:85px;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:20%;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(https://zt.cdnjm.cn/response/company/demo03/alpha.png);
}
.news .num_s{font-size:0;padding-top:12px;text-align:center;}
.news .num_s li{
	display:inline-block;*display:inline;*zoom:1;cursor:pointer;
	width:16px;height:16px;margin:0 8px;border-radius:50%;border:1px solid #ccc;
}
.news .num_s .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;
	vertical-align: 10%;
	zoom:1;
	vertical-align: 3;
	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(https://zt.cdnjm.cn/response/company/demo03/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(https://zt.cdnjm.cn/response/company/demo03/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(https://zt.cdnjm.cn/response/company/demo03/arr_l.png) no-repeat #333 50% 50%;}
.showroom .ad_btn_right{right:0;background:url(https://zt.cdnjm.cn/response/company/demo03/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;
	box-sizing:border-box;
	width:18%;
	margin:0 1%;
	border:1px solid #ccc;
	font-size:18px;
	line-height:2.5;
}

.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(https://zt.cdnjm.cn/response/company/demo03/prev1.png) no-repeat;}
.product .ad_btn_right{right:5%;background:url(https://zt.cdnjm.cn/response/company/demo03/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(https://zt.cdnjm.cn/response/company/demo03/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(https://zt.cdnjm.cn/response/company/demo03/prev1.png) no-repeat;}
.past .ad_btn_right{right:5%;background:url(https://zt.cdnjm.cn/response/company/demo03/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;}

.nav_r{cursor:pointer;width:93px;height:93px;background: url("nav_r.png") top center no-repeat;position:fixed;right: 20px;top:280px;padding-top: 10px;}
.nav_r .focus{text-align:center;}
.nav_r .focus span{display:block;line-height: 20px;}
.nav_r .focus b{font-size: 18px;color: #b7936c;font-weight: normal;line-height: 22px;}
.nav_r .focus p{font-size: 16px;line-height: 22px;color: #b7936c;}


@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%;}
}

@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: 14px;}
	.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;}
	.nav_r{display:none;}
}

@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{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;}

}