/* by zengxy.com 1559261757@qq.com */

body{ background:#fff;font-family: Noto Sans SC;}
.container{ position:relative;}
.navbar-header{ position:relative;}
ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.container{
	
}

@media screen and (min-width:1400px){
	.container{
		width:1400px;
		margin:0 auto;
		
	}
}
.clearfix:after {
    content: '';
    overflow: hidden;
    clear: both;
    visibility: hidden;
    display: block;
}
a:hover{
	text-decoration:none;
}
.navbar {
    margin-bottom: 70px;
}

/* 顶部 */
/* .z_top{ position:absolute; z-index:5; top:0; left:0; width:100%;background-color: #000;} */
/* 顶部 */
.z_top{  width:100%;padding:0;}

.z_top.on{ position:fixed; background:#111;}
.z_top.on .navbar{ margin-bottom:0;}
.z_top.on .logo{ padding-top:4px;}
.z_top.on .logo img{ height:40px;}
.z_top.on .navlist ul{ padding-top:5px;}
.z_top.on .navlist .search{ top:50px;}
.z_top .logo{ position:absolute; z-index:1; left:0; top:0; padding-top:22px;}
.z_top .logo img{ height:30px;}
.z_top .navbtn span{ background:#000;}
.z_top .navlist{ position:relative;}
.z_top .navlist ul{ padding-top:25px;}
.z_top .navlist ul li{position:static;}
.z_top .navlist .menuul{
	z-index:999;
	position:absolute;
	left:0;
	width:100%;
	background:#fff;
	text-align:center;
	transition: all .5s ease-out;
	height:0;
	padding-top:0;
	overflow:hidden;
	box-shadow:2px 2px 2px #f1f1f1;
	} 
.z_top .navlist .menuul li{display:inline-block;width:10%;opacity:.5;}
 
.z_top .navlist .menuul li a{display:block;}
.z_top .navlist .menuul li img{width:80%;border-radius:10px;}
.z_top .navlist .menuul li a h3{
	margin:3px 0;
	font-size:18px;
	font-weight:bold;
}
.z_top .navlist .menuul li a p{
	font-family:思源黑体;
	font-weight:100;
	color:#B7B6B6;
	font-size:14px;
}
.z_top .navbar-right>li:hover .menuul{
	height:auto;
	padding-top:30px;
}
.z_top .navbar-right>li .menuul li:hover{
	opacity:1;
}
.z_top .navbar-right>li:hover h3{
	color:#060001;
}
.z_top .navbar-right>li:hover a p{
	color:#060001;
}
.z_top .navlist li a{ color:#231815; text-align:center; background:none;}
.z_top .navlist li a:hover, .z_top .navlist li a:focus, .z_top .navlist li a.on{ border-radius:0;border-bottom:1px solid #999;}
.z_top .navlist .menuul li a:hover{border:0;}
.z_top .navlist .lang {float: right; padding: 10px 0;}
.z_top .navlist .lang a,.z_top .navlist .lang i{display: inline;padding: 2px;}
.z_top .navlist .lang i{color: #999;font-size: 12px;}
.z_top .navlist .search{ position:absolute; right:0; top:80px;}
.z_top .navlist .searchbtn{ float:right;}
.z_top .navlist .searchbtn a{ padding:3px; padding-left:10px; background-color:inherit; background:none;}
.z_top .navlist .searchbtn a:hover {border: 0;padding-bottom: 0;}
.z_top .navlist .searchbtn a:focus {border: 0;padding-bottom: 0;}
.z_top .navlist .searchbtn li a.on {border: 0;padding-bottom: 0;}
.z_banner .z_banner_service{
	text-align:right;
	padding-right:5%;
}
.z_banner .z_banner_service p{
	font-size:36px;
	color:#fff;
	margin:0;
}
.z_banner .z_banner_service span{
	font-size:26px;
	color:#fff;
	margin-top:30px;
	display:block;
}
.location_service{
	padding:15px 0;
	text-align:center;
	background:#4B4948;
	margin-top:60px;
}
.location_service ul li{
	display:inline-block;
	padding:0 45px;
}
.location_service ul li a{
	color:#898989;
}
.location_service ul li a.on{
	color:#fff;
}
.location_service ul li a:hover{
	color:#fff;
}
.question{
	padding:60px 0;
}
.question .title{
	text-align:center;
	padding-bottom:40px;
}
.question .title h3{
	font-size:36px;
}
.question .title .line{
	width:70px;
	height:2px;
	background:#060303;
	margin:30px auto;
}
.question .title span{
	font-size:12px;
	color:#727171;
	border-bottom:2px solid #110E0E;
	padding-bottom:20px;
	display:inline-block;
}
.main_question{
	width:80%!important;
	margin:0 auto;
}
.main_question .inputtop{
	padding:10px 0;
	border-bottom:1px solid #CDCDCD;
}
.main_question .inputtop form{
	display:inline-block;
}
.main_question .inputtop .result{
	font-size:14px;
	float:right;
}
.main_question .inputtop input[type=submit]{
	background:#4B4A48;
	color:#fff;
	border:1px solid #4B4A48;
	height:35px;
}
.main_question .inputtop input[type=text]{
	height:35px;
	position:relative;
	right:5px;
	border: 1px solid #4B4A48;
}
.main_question .cont ul li{
	padding:15px 0;
}
.main_question .cont ul li h3{
	font-size:20px;
	color:#221815;
	font-weight:bold;
}
.main_question .cont ul li p{
	font-size:14px;
	color:#595757;
}
.new_product .title{
	text-align:center;
}
.new_product .title h3{
	font-size:36px;
	letter-spacing:0;
}
.new_product .title .line{
	width:70px;
	height:2px;
	background:#060303;
	margin:30px auto;
}
.new_product .title span{
	font-size:12px; 
	color:#727171;
	border-bottom:2px solid #110E0E;
	padding-bottom:20px;
	display:inline-block;
}
.new_product .imglist img{
	width:100%;
}
.new_product .imglist .swiper-slide{
	text-align:center;
}
.new_product .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
     border-radius: 0;
    background: #fff;
    opacity: .1;
}
.new_product .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.new_product{
	background:#f0eff0;
	padding:20px 0 0 0;
}
.new_product .imglist{
	padding-top:40px;
}
.new_product_bg{
	text-align:center;
	padding:40px 0;
}
.new_product_bg h3{
	font-size:36px;
	color:#231815;
	font-weight:bold;
}
.new_product_bg span{
	font-size:28px;
	color:#231815;
	font-weight:100;
}
.contact_info .title{
	text-align:center;
}
.contact_info .title h3{
	font-size:36px;
	font-weight:bold;
}
.contact_info .title .line{
	width:70px;
	height:2px;
	background:#060303;
	margin:30px auto;
}
.contact_info .title span{
	font-size:12px;
	color:#727171;
	border-bottom:2px solid #110E0E;
	padding-bottom:10px;
	display:inline-block;
	font-weight:100;
}
.contact_info .info{
	text-align:center;
	
}
.contact_info .info p{
	font-size:16px;
	color:#595757;
	margin:0;
	line-height:22px;
}
.contact_info .info span{
	font-size:12px;
	color:#3e3a39;
	display:inline-block;
	padding-top:30px;
	line-height:24px;
}
.contact_info .info img{
	display:block;
	margin:60px auto 0px auto;
}
.qsjs .title{
	text-align:center;
	padding:100px 0 80px 0;
}
.qsjs .title h3{
	font-size:36px;
	letter-spacing:0;
	padding-left:0;
	
}
.qsjs .title span{
	font-size:12px;
	color:#727171;
	border-bottom:2px solid #110E0E;
	padding-bottom:20px;
	display:inline-block;
}
.qsjs .qsjs_img{
	text-align:center;
	padding-top:40px;
}
.qsjs .qsjs_img img{
	max-width:100%;
}
.qsjs .info{
	padding:80px 8%;
}
.qsjs .info p{
	line-height:2;
	color:#3e3a39;
}
.pplc{
	background-color:#efeff0;
	margin:30px 0;
	background:url("../images/pplcbg.jpg") no-repeat top;
	height:1221px;
}
.pplc .title{
	padding-top:60px;
}
.pplc .title h3 {
    font-size: 36px;
    letter-spacing: 0;
    padding-left: 0;
}
.pplc .title .line{
	width: 70px;
    height: 3px;
    background: #000;
    margin: 30px auto;
}
.pplc img{
	max-width:100%;
}
.pplc .title{
	text-align:center;
}
.pplc .title h3{
	font-size:36px;
	letter-spacing:6px;
	padding-left:6px;
}
.pplc .title span{
	font-size:12px;
	color:#727171;
	border-bottom:2px solid #110E0E;
	padding-bottom:20px;
	display:inline-block;
}
.pplc .pplc_info{
	background:url(../images/pplc_bg.png) no-repeat center;
	height:901px;
	position:relative;
	width:900px;
	margin:60px auto;
}
.pplc .pplc_info .left_1_box{
	width:350px;
	position:absolute;
	left:10px;
	top:90px;
}
.pplc .pplc_info  p{
	color:#221815;
	font-size:24px;  
}
.pplc .pplc_info .left_2_box{
	width:350px;
	position:absolute;
	right:30px;
	top:240px;
}
.pplc .pplc_info .left_3_box{
	width:350px;
	position:absolute;
	left:10px;
	top:490px;
}
.pplc .pplc_info .left_4_box{
	width:350px;
	position:absolute;
	right:30px;
	top:650px;
}
.qswh{
	padding:60px 0;
}
.qswh .title{
	text-align:center;
}
.qswh .title h3{
	font-size:36px;
	letter-spacing:6px;
	padding-left:6px;
}
.qswh .title .line{
	width: 70px;
    height: 3px;
    background: #000;
    margin: 30px auto;
}
.qswh .title span{
	font-size:12px;
	color:#727171;
	border-bottom:2px solid #110E0E;
	padding-bottom:10px;
	display:inline-block;
	font-weight:100;
}
.qswh .qswh_info p{
	font-size:14px;
	color:#3e3a39;
	text-align:left;
	line-height:2;
	padding-top:40px;
	margin:0 0 30px;
	text-align:center;
}
.qswh .qswh_info{
	padding:0 8%;
	text-align:center;
}
.qswh .qswh_info img{
	display:block;
	margin:60px auto 40px auto;
}
.qswh .qswh_info span{
	font-size:11px;
	color:#3e3a39;
	text-align:center;
	line-height:24px;
}
.proshow .left_img{
	width:50%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.proshow .left_img img{
	width:100%;
}
.proshow .right_info{
	width:50%;
	float:right;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 5%;
}
.proshow .right_info p.mtitle{
	font-size:28px;
	color:#040000;
	font-weight:bold;
	margin:0;
}
.proshow .right_info .mtitle b{
	font-weight:100;
	color:#040000;
	font-family: 思源黑体;
	padding-left:10px;
}
.proshow .right_info p.stitle{
	font-size:16px;
	color:#221815;
	position:relative;
	right:7px;
}
.proshow .right_info .cuhr{
	height:2px;
	width:65px;
	background:#000;
	display:block;
	margin:50px 0 40px 0;
	}
.proshow .description_info{
	padding-top:50px;
	text-align:center;
}
.proshow .description_info img{
	max-width:100%;
}
.proshow .right_info .size{
	padding:20px 0;
}
.proshow .right_info .size h3{
	font-size:24px;
}
.proshow .right_info .size .sizeinput{
	width:100%;
	position:relative;
	display:inline-block;
}
.proshow .right_info .size .sizeinput:after{
	content:"";
	position:absolute;
	background:url(../images/down.png) no-repeat;
	width:10px;
	height:10px;
	display:block;
	right:10px;
	top:16px;
	background-size:100% 100%;
}
.proshow .right_info .size .sizeinput input{
	height:40px;
	width:100%;
	padding-left:15px;
	border:2px solid #000;
	font-size:16px;
	color:#040000;
	
}
.proshow .right_info .size .sizeinput ul{
	font-size:0;
	border:1px solid #000;
	padding:20px 0;
	display:none;
	position:absolute;
	background:#fff;
	z-index:99;
	width:100%;
}
.proshow .right_info .size .sizeinput ul li{
	display:inline-block;
	width:50%;
	font-size:16px;
	text-align:center;
	margin:10px 0;
	color:#A3A0A2;
	background:url(../images/add.png) no-repeat 40px center;
	cursor:pointer;
	letter-spacing:2px;
}
.proshow .right_info .size .sizeinput ul li:hover{
	color:#000;
}
.proshow .right_info .size .sizeinput ul li a{
	font-size:16px;
	color:#A3A0A2;
}
.proshow .right_info .size .sizeinput ul li a:hover{
	color:#000;
}
.z_banner .lxwm_info{
	position:absolute;
	left:5%;
	bottom:2%;
	text-align:left;
}
.z_banner .lxwm_info p{
	color:#fff;
	font-size:36px;
}
.z_banner .lxwm_right_info{
	position:absolute;
	right:5%;
	bottom:0;
	text-align:left;
	transform:scale(.8);
	
}
.z_banner .lxwm_right_info p{
	color:#fff;
	font-size:11px;
	padding:10px 0;
	line-height:20px;
}

@media screen and (min-width: 1200px){
	.z_top .navlist li a{ padding: 10px 18px;}
	.z_top .logo {
	    padding-top: 28px;
	}
}
.z_topH{ height:0;}
@media (max-width: 768px) {
	.z_top.on{ background:none;}
	.z_top.on .navbar-header{ background:#111;}
	.z_top .navbar{ margin-bottom:0;}
	.z_top .logo{ padding-top:5px;}
	.z_top .logo img{ height:40px;}
	.z_top .navlist{ background:#fff; padding-bottom:16px; filter:alpha(opacity=80); opacity:.8}
	.z_top .navlist ul{ padding-top:0;}
	.z_top .navlist li{ float:none;}
	.z_top .navlist .search{ position:static;}
	.z_top .navlist .searchbtn{ float:none;}
	.z_topH{ height:0px;}
	.z_top .navlist .menuul{
		position:relative;
		
	}
	.z_top .navlist .menuul li {
    display: inline-block;
    width: 30%;
    opacity: .5;
}
.proshow .right_info .size .sizeinput ul li a {
    font-size: 14px;
    color: #A3A0A2;
}
.proshow .right_info .size .sizeinput ul li {
    display: inline-block;
    width: 50%;
    font-size: 13px;
    text-align: center;
    margin: 10px 0;
    color: #A3A0A2;
    background: url(../images/add.png) no-repeat 5px center;
    cursor: pointer;
	background-size: 20px 20px;
}
.qsjs .title {
    text-align: center;
    padding: 15px 0;
}
.qsjs .qsjs_img {
    text-align: center;
    padding-top: 25px;
}
.qswh .qswh_info img {
    display: block;
    width:100%;
	margin:40px 0 10px 0;
}
}
    
@media screen and (min-width: 768px) and (max-width: 1200px){
	.z_top .logo {
	    position: absolute;
	    z-index: 1;
	    left: 0;
	    top: 0;
	    padding-top: 34px;
	}
	.navbar-brand>img {
	    width: 150px;
	}
	
	.nav .lang{
		display: none;
	}
}


/* 首页焦点 */
.z_banner{ position:relative;text-align:center;padding:0;}
.z_banner img{ width:100%;}
.z_banner .descs{ position:absolute; left:0; top:55%; z-index:1; width:100%; 
	background:none; color:#fff;}
/*.z_banner .descs h1{ margin-left:10%;}*/
@media (max-width: 768px) {
	.z_banner .descs{ top:16%;}
	.new_product_bg img{
		width:90%;
	}
	.location_service {
    padding: 15px 0;
    text-align: center;
    background: #4B4948;
    margin-top: 30px;
}
.location_service ul li {
    display: inline-block;
    padding: 0 10px;
}
	.new_product_bg {
		text-align: center;
		padding: 10px 0;
	}
	.question {
		padding: 20px 0;
	}
	.question .title h3 {
		font-size: 26px;
		letter-spacing: 14px;
	}
	.question .title span {
		font-size: 12px;
		color: #727171;
		border-bottom: 2px solid #110E0E;
		padding-bottom: 15px;
	}
	.new_product .title h3 {
		font-size: 26px;
		letter-spacing: 14px;
	}
	.new_product .title span {
		font-size: 12px;
		padding-bottom: 15px;
	}
	.contact_info{
		padding:0 10px;
	}
	.contact_info .title h3 {
		font-size: 26px;
		letter-spacing: 14px;
		padding-left: 14px;
		font-weight: 800;
	}
	.contact_info .title span {
		font-size: 12px;
		padding-bottom: 15px;
	}
	.contact_info .info p {
    font-size: 14px;
    color: #595757;
    margin: 0;
}
.contact_info .info img{
	max-width:100%;
}
.z_banner .lxwm_info p{
	font-size:13px;
}
.z_banner .lxwm_right_info{
	right:0;
}
.z_banner .lxwm_right_info p {
    color: #fff;
    font-size: 11px;
	padding:0;
    line-height: 16px;
}
.pplc {
    background-color: #efeff0;
    padding: 25px 0;
	
}
.pplc .pplc_info {
    background: url(../images/pplc_bg.png) no-repeat center;
    height: 0;
	padding-bottom:113%;
	background-size:100% auto;
    position: relative;
    width: 100%;
    margin: 25px auto;
}
.pplc .pplc_info .left_1_box {
    width: 45%;
    position: absolute;
    left: 10px;
    top: -10px;
}
.pplc .pplc_info p {
    color: #221815;
    font-size: 16px;
}
.pplc .pplc_info span{
	font-size:11px;
}
.pplc .pplc_info .left_2_box {
    width: 40%;
    position: absolute;
    right: 10px;
    top: 10%;
}
.pplc .pplc_info .left_3_box {
    width: 45%;
    position: absolute;
    left: 10px;
    top: 34%;
}
.pplc .pplc_info .left_4_box {
    width: 40%;
    position: absolute;
    right: 10px;
    top: 49%;
}
.qsjs .title h3 {
    font-size: 28px;
    letter-spacing: 6px;
    padding-left: 6px;
}
.qsjs .title span {
    font-size: 12px;
    color: #727171;
    border-bottom: 2px solid #110E0E;
    padding-bottom: 8px;
    display: inline-block;
}
.qswh .qswh_info p {
    font-size: 14px;
    color: #B7B5B5;
    text-align: left;
    line-height: 2;
    padding-top: 20px;
}
.pplc .title h3 {
    font-size: 28px;
    letter-spacing: 6px;
    padding-left: 6px;
}
.pplc .title span {
    font-size: 12px;
    color: #727171;
    border-bottom: 2px solid #110E0E;
    padding-bottom: 8px;
    display: inline-block;
}
.qswh .title h3 {
    font-size: 28px;
    letter-spacing: 6px;
    padding-left: 6px;
}
.proshow .left_img {
    width: 100%;
}
.proshow .right_info {
    width: 100%;
    float: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 10px;
}
}
@media (max-width: 640px) {
	.z_banner .descs{ top:15%;}
	.z_banner .descs h1{ font-size:24px;}
	.z_banner .z_banner_service p {
		font-size: 16px;
		color: #fff;
		margin: 0;
	}
	.z_banner .z_banner_service span {
		font-size: 16px;
		color: #fff;
		margin-top: 30px;
		display: block;
	}
}

@media screen and (min-width: 1920px){
	.z_top{
		width: 1920px;
		margin: 0 auto;
	}
	.pplc{
		width:1920px;
		margin:0 auto;
	}
}
.index_1{
	padding:0;
}
.index_1 img{
	width:100%;
}

.index_1 .swiper-button-next{
	background-image:url(../images/rjt.png);
}
.index_1 .swiper-button-prev{
	background-image:url(../images/ljt.png);
}
.index_1 .swiper-button-next,.index_1 .swiper-button-prev {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
}
.index_1 .swiper-button-next.swiper-button-disabled,.index_1 .swiper-button-prev.swiper-button-disabled {
    opacity: .9;

}
.index_2{
	margin-top:200px;
}
.index_2 img{
	max-width:100%;
}
.index_2 .top h3{
	font-size:80px;
	font-weight:bold;
	color:#231815;
	letter-spacing:5px;
	margin-bottom:60px;
}
.index_2 .top p{
	font-size:24px;
	color:#231815;
	letter-spacing:45px;
	margin:30px 0 15px 0;
}
.index_2 .content{
	padding:60px 0;
}
.index_2 .content p {
    font-size: 16px;
    color: #A8A9A8;
    line-height: 19px;
    padding-bottom: 25px;
    margin: 0;
}
.index_3 .bg_grey{
	position:absolute;
	height:400px;
	width:100%;
	left:0;
	top:0;
	background:#eeeeef;
}
.index_3 img{
	width:100%;
}
.index_3 .swiper-pagination-bullet {
    width: 40px;
    height: 8px;
}
.index_4 img{
	width:100%;
}
.index_4 .swiper-pagination-bullet {
    width: 40px;
    height: 8px;
}
@media screen and (max-width: 1920px){
	.index_1{
		
	}
}
.index_2{
	text-align: center;
	background: #eeeeef;
	padding: 160px 0;
}
.index_3{
	text-align: center;
	padding: 0 0;
	position:relative;
}
.index_3 .container{
	padding:0;
}
.index_4{
	text-align: center;
	padding: 70px 0;
}
@media screen and (min-width: 1920px){
	.index_2{
		width:1920px;
		margin:200px auto 0 auto;
	}
	.index_3{
		width:1920px;
		margin:0 auto;
	}
	.index_3 .bg_grey{
		width:1920px;
		
	}
	.footer{
		width:1920px;
		margin:0 auto;
	}
}
/*底部*/
.footer{
	border-top:2px solid #8A8888;
	margin-top:80px;
}

.footer .container{
	position: relative;
	padding: 40px 0 140px 0;
	
}
.footimg{
	float: left;
	padding-top: 15px;
	width: 10%;
	text-align: center;
}
.footnav{
	float: right;
	width: 90%;
}
.footnav>ul>li{
	float: left;
	text-align: center;
	width: 20%;
	text-align:left;
}
.footnav>ul>li>a{
	font-size: 16px;
	color: #000;
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}
.footnav>ul>li>a img{
	height:15px;
}
.footnav>ul>li>ul>li>a{
	font-size: 14px;
	color: #231815;
	display: inline-block;
}

.footnav>ul>li>ul>li{
	font-size: 14px;
	color: #A2A2A2;
	padding: 5px 0;
}
.footnav>ul>li>ul>li img{
	width:60px;
	margin-top:20px;
}
.footer .gototop{
	position: absolute;
	bottom: 40px;
	right: 10%;
}
.footer .gototop a{
	color: #000;
	font-weight: 600;
	font-size: 15px;
}
.copyright{
	text-align:center;
}
.page{
	text-align:center;
	padding:30px 0;
}
.page a{
	color:#969696;
	display:inline-block;
	padding:5px 10px;
	background:#231815;
	margin:0 10px;
}
.page span{
	display:inline-block;
	padding:5px 10px;
	background:#231815;
	color:#969696;
	margin:0 10px;
}
.page .on{
	color:#fff;
	background:#231815;
}
.page .lef,.page .rig{
	background:none;
}
@media screen and (min-width: 1350px){
	.container{
		width: 1349px;
		
	}
}
@media screen and (max-width: 1349px){
	.container{
		width: 100%;
	
	}
	.index_2 img,.index_3 img,.index_4 img{
		width: 95%;
		margin: 0 auto;
	}
	.main_question {
		width: 95%!important;
		margin: 0 auto;
	}
	.main_question .inputtop form {
    display: inline-block;
    width: 68%;
}
	.main_question .inputtop input[type=text] {
    height: 35px;
    position: relative;
    right: 5px;
    bottom: 1px;
    width: 60%;
}
.main_question .inputtop .result {
    font-size: 14px;
    float: right;
    padding-top: 7px;
}
.main_question .cont ul li h3 {
    font-size: 16px;
    color: #221815;
    font-weight: bold;
	margin:15px 0;
}
.main_question .cont ul li p {
    font-size: 12px;
    color: #595757;
}
.main_question .cont ul li {
    padding: 10px 0;
}
.page {
    text-align: center;
    padding: 20px 0;
}
}
@media screen and (max-width: 658px){
	.footnav {
	    float: right;
	    width: 100%;
	}
	.footimg {
	    float: left;
	    padding-top: 15px;
	    width: 14%;
	    box-sizing: border-box;
	    -webkit-box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    padding-left: 10px;
	}
	.footimg img{
		max-width: 100%;
	}
	.footnav>ul>li {
	    float: left;
	    text-align: center;
	    width: 50%;
	    margin-bottom: 10px;
	}
	.footer .container{
	    padding: 40px 0;
	}
	.index_2 {
	    text-align: center;
	    background: #F9F9F9;
	    padding: 30px 0;
		margin-top: 30px;
	}
	.footer .gototop {
	    position: absolute;
	    bottom: 100px;
	    right: 13%;
	}
	.index_2 .content {
		padding:30px 0;
	}
	.index_2 .top h3 {
		font-size: 32px;
		font-weight: bold;
		color: #231815;
		letter-spacing: 5px;
	}
	.index_2 .top p {
		font-size: 20px;
		color: #231815;
		letter-spacing: 11px;
		margin: 0;
	}
}
@media screen and (min-width: 320px) and (max-width: 420px){
	.z_top .logo img {
	    height: 30px;
	    padding-top: 7px;
	}
}


/*产品列表*/
.z_product_list{ padding:30px 0;background-color: #f7f7f7;}
.z_product_list .col-lg-2{text-align: center; }
.z_product_list a{text-decoration: none; display: inline-block;}
.z_product_list i{border:1px solid #e0e0e0; position: absolute;right: 0;height: 60%;margin-top:15px;  }
.z_product_list img{margin: 10px 0; }
.z_product_list p{color: #000;}



/* 首页产品 */
.z_product{ padding:40px 0; background:#fff;}
.z_product .h{ position:absolute; z-index:1; top:15%; left:2%; color:#666;}
.z_product .h b{ font-weight:normal; font-size:30px;}
.z_product .h p{ font-size:20px;}
.z_product .h ul{ padding:0; margin-top:30px;}
.z_product .h li{ list-style:none;}
.z_product .h li a{ display:block; color:#999; font-size:18px; line-height:32px;}
.z_product .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_product .list{ width:68%; margin:0 auto;}
.z_product .list ol{ bottom:5px;}
.z_product .list ol li{ border:#bbb solid 1px;}
.z_product .list ol li.active{ background:#ccc;}
@media (max-width: 768px) {
	.z_product{ padding:10px 0;}
	.z_product .h{ position:static;}
	.z_product .h b{ font-size:20px;}
	.z_product .h p{ font-size:14px;}
	.z_product .h i{ margin-top:20px;}
	.z_product .list{ width:100%;}
}

/* 首页关于 */
.z_about{ color:#dadadb; min-height:200px; 
	background:#222222 ;}
.z_about .h{ position:absolute; z-index:1; top:40%; left:2%;}
.z_about .h b{ font-weight:bold; font-size:60px;}
.z_about .h p{ font-size:14px; padding: 10px 0; background-color:#7f7f7f;color: #fff; width: 50%; text-align: center; }
.z_about .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_about .descs{ padding-left:30%; padding-top:100px; padding-bottom:80px;}
.z_about .descs h4{color: #fff;}
.z_about .descs p{line-height:35px; color: #fff;}
.z_about .descs a p{border:1px solid #7e7e7e; font-size:14px; color: #fff;text-align: center; width: 20%; }
@media (max-width: 768px) {
	.z_about{ padding:10px 0;}
	.z_about .h{ position:static;}
	.z_about .h b{ font-size:20px;}
	.z_about .h p{ font-size:14px;}
	.z_about .h i{ margin-top:20px;}
	.z_about .descs{ padding:15px 0;}
	.z_about .descs a p{width: 40%; }
}

/* 产品中心 */
.z_abouta{ color:#dadadb; min-height:796px; 
	 background-image:url(../images/content002.jpg); }
.z_abouta .h{ position:absolute; z-index:1; top:30%; left:2%; padding-top:200px;}
.z_abouta .h b{ font-weight:bold; font-size:60px; color: #fff;}
.z_abouta .h a p{ font-size:14px; color: #fff; width: 60%; text-align: center; border: 1px solid; margin-top:10px; }
.z_abouta .h p {line-height: 30px;}
.z_abouta .h hr{margin-left: 0;width: 30px;}
.z_abouta .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_abouta .descs{ padding-left:30%; padding-top:100px; padding-bottom:80px;}
.z_abouta .descs h4{color: #fff;}
.z_abouta .descs p{line-height:35px; color: #fff;}
@media (max-width: 768px) {
	.z_abouta{ padding:10px 0;min-height:50%;}
	.z_abouta .h{ position:static; padding: 20% 0;}
	.z_abouta .h b{ font-size:20px;}
	.z_abouta .h p{ font-size:14px;}
	.z_abouta .h i{ margin-top:20px;}
	.z_abouta .h a p{width: 40%;}
	.z_abouta .descs{ padding:15px 0;}
}

/* 案例中心 */
.z_aboutb{ color:#dadadb; min-height:796px; 
	 background-image:url(../images/product007.jpg); }
.z_aboutb .h{ position:absolute; z-index:1; top:30%; left:2%; padding-top:200px;}
.z_aboutb .h b{ font-weight:bold; font-size:60px; color: #fff;}
.z_aboutb .h a p{ font-size:14px; color: #fff; width: 40%; text-align: center; border: 1px solid; margin-top:10px; }
.z_aboutb .h p {line-height: 30px;}
.z_aboutb .h hr{margin-left: 0;width: 30px;}
.z_aboutb .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_aboutb .descs{ padding-left:30%; padding-top:100px; padding-bottom:80px;}
.z_aboutb .descs h4{color: #fff;}
.z_aboutb .descs p{line-height:35px; color: #fff;}
@media (max-width: 768px) {
	.z_aboutb{ padding:10px 0;min-height:50%;}
	.z_aboutb .h{ position:static; padding: 20% 0;}
	.z_aboutb .h b{ font-size:20px;}
	.z_aboutb .h p{ font-size:14px;}
	.z_aboutb .h i{ margin-top:20px;}
	.z_aboutb .descs{ padding:15px 0;}
}


/* 首页新闻 */
.z_news{ position:relative; }
.z_news .h{ position:absolute; z-index:1; top:40%; left:35%; color:#fff; text-align: center;}
.z_news .h b{  font-size:30px; font-weight: bold; letter-spacing:6px;}
.z_news .h a{color: #fff;}
.z_news .h p{ font-size:20px; border: 1px solid; font-size: 12px; padding: 5px 0;    width: 100px;
    margin: 10px auto;}
.z_news .h i{ display:inline-block; width:15px; height:15px; margin-top:50px;
	border-right:#999 solid 1px; border-bottom:#999 solid 1px;}
.z_news .bg{ width:100%; height:100%; position:absolute; z-index:-1; margin:0;}
.z_news .col{ padding:0; height:100%;}
.z_news .col img{ width:100%;}
@media (max-width: 992px) {
	.z_news .col{ height:50%;}
}
@media (max-width: 768px) {
	.z_news .h{ top:35%; left:10%;right: 10%;}
	.z_news .h b{ font-size:20px;}
	.z_news .h p{ font-size:14px;}
}

/* 底部 */
.z_foot{ color:#ccc;background: #222222 !important;}
.z_foot .pull-left{ padding:60px 15px;}
.z_foot .pull-content{width: 70%; padding: 70px 10px; float: left; }
.z_foot .pull-content p{margin: 0;}
.z_foot .pull-right{ padding-top:36px; font-size:12px;}

@media (max-width: 768px) {
.z_foot .pull-left{ padding:20px 15px;}
.z_foot .pull-content{padding: 20px 10px;  }
.z_foot .pull-right{padding-top: 0;}
}


/* 内容 */
.z_detail{}
.z_detail .content img{
	max-width:100%;
}
.greydesc{
	text-align:center;
	background:#4a4948;
	padding:8px 0;
	margin:50px 0;
}
.greydesc p{
	font-size:18px;
	color:#fff;
	margin:0;
}
.z_detail .txt{ margin-top:-100px; margin-left:11%; margin-right:11%;
	padding-bottom:50px; color:#c3c3c3; line-height:32px; min-height:400px;}
.z_detail .txt p{ margin:0;}
@media (max-width: 992px) {
	.z_detail .txt{ margin-top:0; margin-left:0; margin-right:0;}
}

/* 产品栏目 */
.z_productcat{ background:#fff;}
.z_productcat b{ display:block; font-size:30px; margin-bottom:30px; color:#222; font-weight:normal;}
.z_productcat p{ margin:0; line-height:30px;}
.z_productcat .hd{ padding:80px 0;}
.z_productcat .hd p{ color:#adadad;}
.z_productcat .row{ background:#666; color:#dfdfdf; margin-bottom:50px;}
.z_productcat .row img{ width:100%;}
.z_productcat .more{ padding:40px; padding-top:60px;}
.z_productcat .more b{ color:#f7f7f7;}
.z_productcat .more a{ color:#999; font-size:12px; display:block; margin-top:60px;}

/* 列表 */
.z_list{ background:#f1f1f1;}
.z_list .leftnav{ width:24%; float:left;}
.z_list .leftnav dl{ float:right; width:190px;}
.z_list .leftnav dt{ font-size:24px; padding-top:40px; padding-bottom:30px; color:#222; font-weight:normal;}
.z_list .leftnav a{ font-size:16px; color:#444; display:block; padding:12px 0; position:relative;}
.z_list .leftnav a.on:after{ display:table; content:'>'; font-family:Consolas;
	position:absolute; z-index:1; top:26%; right:10px; color:#bbb;}
.z_list .rightcon{ width:76%; float:right; background:#fff; padding:60px 0;}
.z_list .content{ width:84%; margin-left:30px;}
@media (max-width: 992px) {
	.z_list .content{ width:94%; margin:0 auto;}
}
@media (max-width: 768px) {
	.z_list .leftnav{ width:100%; float:none;}
	.z_list .leftnav dl{ float:none; width:100%;}
	.z_list .leftnav dt{ font-size:18px; padding:16px;}
	.z_list .leftnav a{ margin:0 16px; border-bottom:#ddd solid 1px;}
	.z_list .rightcon{ width:100%; float:none;}
}

/* 产品列表 */
.z_productlist img{ width:100%;}
.z_productlist .hd{ padding-bottom:50px;}
.z_productlist .hd b{ display:block; font-size:30px; margin-bottom:30px; color:#222; font-weight:normal;}
.z_productlist .hd p{ margin:0; line-height:24px; color:#5a5a5a;}
.z_productlist .row a{ display:block; padding-bottom:20px;}
.z_productlist .row p{ text-align:center; margin:0; color:#444; font-size:20px; padding:12px 0;}

/* 产品详细 */
.z_productdetail .pro{ position:relative;}
.z_productdetail .pro .item{ width:100%;}
.z_productdetail .pro .item img{ width:100%;}
.z_productdetail .pro ol{ margin:0; padding:10px 0;}
.z_productdetail .pro li{ height:100px; list-style:none; float:left; padding-right:10px;}
.z_productdetail .pro li img{ height:100%;}
.z_productdetail .pro .toprev{ position:absolute; z-index:1; left:0; top:40%;
	background:url(../images/prev.png) no-repeat center center; width:60px; height:100px;}
.z_productdetail .pro .tonext{ position:absolute; z-index:1; right:0; top:40%;
	background:url(../images/next.png) no-repeat center center; width:60px; height:100px;}
.z_productdetail .h{ padding:10px 0; clear:both;}
.z_productdetail .txt{ line-height:30px;}
.z_productdetail .txt p{ margin:0;}
@media (max-width: 768px) {
	.z_productdetail .pro li{ height:60px;}
	.z_productdetail .pro .toprev{ top:30%;}
	.z_productdetail .pro .tonext{ top:30%;}
}

/* 新闻列表 */
.z_newslist{ padding-bottom:80px;}
.z_newslist .news{ padding:0 11%;}
.z_newslist .news li{ padding:30px 0;}
.z_newslist .news a{ display:block; position:relative; color:#adadad;}
.z_newslist .news .time{ position:absolute; z-index:1; left:0; top:0; font-size:18px;}
.z_newslist .news .time b{ display:block; font-size:24px; font-weight:normal;}
.z_newslist .news .title{ padding-left:130px; line-height:24px;}
.z_newslist .news .title h5{ font-size:18px; color:#f6f6f6; margin-bottom:20px;}
.z_newslist .page{ padding:0 11%;}
@media (max-width: 992px) {
	.z_newslist .news{ padding:0;}
	.z_newslist .news .time{ position:static;}
	.z_newslist .news .title{ padding-left:0;}
	.z_newslist .page{ padding:0;}
}

/* 新闻内容 */
.z_newsdetail{ padding:40px 0;}
.z_newsdetail .h{ padding:0 11%; color:#d8d8d8; font-size:30px;}
.z_newsdetail .h h1{ margin:30px 0; font-size:30px;}
.z_newsdetail .txt{ padding:0 11%; color:#c3c3c3; line-height:32px; min-height:400px;}
.z_newsdetail .txt p{ margin:0;}
.z_newsdetail .back{ padding:0 11%; margin-top:50px;}
.z_newsdetail .back a{ color:#999;}
@media (max-width: 992px) {
	.z_newsdetail .h{ padding:0;}
	.z_newsdetail .txt{ padding:0;}
	.z_newsdetail .back{ padding:0;}
}

/* 下载列表 */
.z_downloadlist .hd{ padding-bottom:50px;}
.z_downloadlist .hd b{ display:block; font-size:30px; margin-bottom:30px; color:#222; font-weight:normal;}
.z_downloadlist .hd p{ margin:0; line-height:24px; color:#5a5a5a;}
.z_downloadlist .row a{ display:block; position:relative; margin-bottom:20px; padding:6px; background:#eee;}
.z_downloadlist .row img{ width:100%;}
.z_downloadlist .row .descs{ position:absolute; z-index:1; left:0; top:16%; width:100%; 
	text-align:center; color:#ebebeb; font-size:30px;}
.z_downloadlist .row .descs img{ width:auto; height:60px;}
.z_downloadlist .row .descs b{ display:block; font-weight:normal;}
.z_downloadlist .row .descs p{ margin-top:30%; line-height:30px;}

/* 分页 */
.z_page{ clear:both; padding-top:30px; padding-bottom:20px;}
.z_page a{ display:inline-block; padding:5px 10px; border:#ccc solid 1px; color:#ccc; 
	margin-right:5px; margin-bottom:8px; font-size:14px; text-decoration:none;}
.z_page a:hover, .z_page a.on{ border:#999 solid 1px; color:#222;}

*品牌中心*/
.n_banner{
	padding-bottom: 883px;	
}
.ban_a{
	color: #fff;
}
.ban_l{
	padding-top:80px;
	padding-bottom:80px;
}

.ban_l h2{
	font-size: 46px;
}
.ban_l h5{
	font-size:16px;
}
.ban_r{
	padding-top:20px;
	transform:scale(0.8);
}
.ban_r p.cn{
	font-size: 12px;
	width: 450px;
	float: right;
	text-align: left;
}
.ban_r p.en{
	font-size: 12px;
	width: 450px;
	float: right;
	text-align: left;
	
}
.ban_n_b{
	text-align: center;
	padding: 100px 0;
}
.ban_n_b h2{
	font-size: 36px;
}
.ban_n_b .line{
	width:70px;
	height:2px;
	background:#000;
	margin:30px auto;
}
.ban_n_b h4{
	font-size: 18px;
	color: #717071;
	border-bottom: 2px solid #000;
	display: inline;
	padding-bottom: 10px;
	font-weight:100;
	letter-spacing:1px;
}
.ban_bk{
	overflow:hidden;
	border-radius: 12px;
	background-color: #fff;
	box-shadow:10px 10px 10px #88888885 ;
	margin: 20px 50px;
	transition: 0.5s;
}
.ban_bk:hover{
	transform:translateY(-20px); 
	-ms-transform:translateY(-20px); /* IE 9 */
    -webkit-transform:translateY(-20px); /* Safari and Chrome */
}
.ban_bk a{
	color: black;
}
.ban_img{
	float: left;
	width: 29%;
}
.ban_con{
	float: left;
	width: 70%;
	height: 180px;
	padding-left: 12%;
	padding-top: 20px;
}
.ban_con h3{
	font-size:22px;
	color:#231815;
}
.ban_con p{
	padding-top: 10%;
	font-size: 16px;
	color:#888888;
	font-weight:100;
}
.ban_con h5{
	color:#888888;
	font-weight:100;
}
.ban_logo{
	text-align:center;
	padding-top: 90px;
}
.ban_logo img{
	display:block;
	margin:60px auto;
}
.n_banner img{
	width:100%;
}
.n_banner{
	padding:0;
}
@media screen and (min-width:768px) and (max-width: 1024px){
	.ban_l{
	padding-top:50px;
	}
	.ban_r {
		transform: scale(1);
	}
	.ban_r p{
		width: 100%;
	}
	.ban_r  p.en{
		width:100%;
	}
	.ban_r  p.cn{
		width:100%;
	}
}
@media screen and (min-width:320px) and (max-width: 768px){
	.ban_l h2,.ban_con h3{
		font-size: 5vw;
		margin: 10px 0;
	}
	.ban_bk {
		margin: 10px 0;
	 }
	.ban_bk img{
		width: 100%;
	}
	.ban_con{
		padding: 5vw 0; 
		padding-left:10px;
		height: auto;
	}
	.ban_con h5,.ban_con p{
		font-size:12px;
	}
	.ban_con p{
		padding: 0;
		margin: 0;
	}
	.ban_logo{
		width:100%;
		padding-top: 90px;
	}
	.ban_logo img{
		width: 95%;
	}
	.ban_n_b{
		padding:20px 0;
	}
	.ban_n_b h2{
		font-size:26px;
	}
	.ban_n_b h4{
		font-size:15px;
	}
	.ban_img {
    float: left;
    width: 40%;
    overflow: hidden;
}
.ban_bk img {
     width: auto; 
    height: 36vw;
}
.ban_con {
    width: 57%;
}
.n_banner {
    height: 0;
    padding-bottom: 64%;
    background-size: 100% auto !important;
}
.z_top .navlist li a:hover, .z_top .navlist li a:focus, .z_top .navlist li a.on{ color:#999;border-radius:0;border-bottom:0;}
}