@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}


.product-more{
	width: 190px;
	margin: 0 auto 0;
}
.product-more a{
	display: block;
	width: 190px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #d41717;
	border-radius: 26px;
}

.product_solide{ width:1200px;height: 635px !important;}
.dzcp-min{ width:1200px;}

/**/
.banner a{ display:block; background:url(img/banner.jpg) no-repeat center top; height: 725px; overflow:hidden;}

.topWrap{ position:fixed;}
.banner{ position:relative;height: 100%;}
.banner .b_slide{ width:100% !important; height: 100% !important;}
.banner .b_slide li{ width:100% !important;}
.banner .b_slide li.li1{ display:block; background:url(img/banner1.jpg) no-repeat center top; background-size: cover; height: 100%; overflow:hidden;}
.banner .b_slide li.li2{ display:block; background:url(img/banner2.jpg) no-repeat center top; background-size: cover; height: 100%; overflow:hidden;}
.banner .b_slide li.li3{ display:block; background:url(img/banner3.jpg) no-repeat center top; background-size: cover; height: 100%; overflow:hidden;}

.banner .b_ol{
    position: absolute;
    bottom: 20px;
    /* top: 0; */
    width: 60px;
    margin: 0 auto;
    right: 0;
    left: 0;
}
.banner .b_ol li{
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    float: left;
    margin: 0 5px;
}
.banner .b_ol li.cur
{
  background:#E60012;}
  
  

.bts{
	text-align: center;
	font-size: 36px;
	line-height: 1;
	color: #333;
	background:url(img/bts.jpg) no-repeat center 52px;
}
.bts a{color: #333;}
.bts a:hover{ color:#D41717;}
.bts span{
	display: block;
	font-size: 18px;
	color: #999;
	font-weight: normal;
	margin-top: 2.1rem;
}
.dzcp{
	padding: 58px 0 110px 0;
	box-sizing: border-box;
	background:url(img/dzcp_bg.jpg) no-repeat center bottom;
}

.dzcp .bts a{ background:url(data:image/jpg;base64,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) no-repeat 65% 2px;display: block;}

.dzcp .content{
	margin-top: 18px;
}
.dzcp .content .dzcp-list{
	height: 210px;
}
.dzcp .content .dzcp-list li{
	float: left;
	width: 206px;
	height: 50px;
	margin: 0 42px 18px 0;
	background: #fff;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	text-align: center;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.dzcp .content .dzcp-list li.cur,.dzcp .content .dzcp-list li:hover{
	background: #d41717;
	color: #fff;
}
.dzcp .content .dzcp-list li.cur a,.dzcp .content .dzcp-list li:hover a{color: #fff;}
.dzcp .content .dzcp-list li.no{
	margin: 0;
}
.dzcp .dzcp-min ol{
	overflow: hidden;
}
.dzcp .dzcp-min ol li{
	float: left;
	width: 290px;
	margin-bottom: 32px;
	margin-right: 13px;
}
.dzcp .dzcp-min ol li.last-li{ margin-right:0;}
.dzcp .dzcp-min ol li span{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	color: #76767a;
	padding-top: 20px;
}
.dzcp .dzcp-min ol li img{
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #eee;
	border-right: 0;
}
.dzcp .dzcp-min ol li.last-li img{
	border-right: 1px solid #eee;
}
.fjjs{
	height: 645px;
	padding: 60px 0 0 0;
	box-sizing: border-box;
	background:url(img/gj_bg.jpg) no-repeat center top;
}
.fjjs .bts{
	color: #fff;
}
.fjjs .bts span{
	color: #fff;
}
.fjjs .fjjs-min{
	position: relative;
	margin-top: 70px;
}
.fjjs-inner{ width:1220px; overflow:hidden;}
.fjjs .fjjs-min .fjjs-inner ul{
	overflow: hidden;
}
.fjjs .fjjs-min .fjjs-inner ul li{
	float: left;
	width: 380px;
	height: 360px;
	margin-right: 30px;
	background: #fff;
}
.fjjs .fjjs-min .fjjs-inner ul li.no{
	margin: 0;
}
.fjjs .fjjs-min .fjjs-inner ul li img{
	display: block;
	width: 100%;
	height: auto;
}
.fjjs .fjjs-min .fjjs-inner ul li span{
	display: block;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	color: #666;
}
.fjjs .fjjs-min .prve,.fjjs .fjjs-min .next{
	position: absolute;
	top: 150px;
	width: 60px;
	height: 60px;
}
.fjjs .fjjs-min .prve{
	left: -100px;
}
.fjjs .fjjs-min .next{
	right: -100px;
}
.fjjs .fjjs-min .prve a{
	display: block;
	width: 60px;
	height: 60px;
	background:url(img/prve_1.png) no-repeat center top;
}
.fjjs .fjjs-min .next a{
	display: block;
	width: 60px;
	height: 60px;
	background:url(img/next_1.png) no-repeat center top;
}
.fjjs .fjjs-min .prve a:hover{
	background:url(img/prve_s1.png) no-repeat center top;
}
.fjjs .fjjs-min .next a:hover{
	background:url(img/next_s1.png) no-repeat center top;
}
.about{
	height: 850px;
	padding: 65px 0 0 0;
	box-sizing: border-box;
	background:url(img/about_bg.jpg) no-repeat center top;
}
.about dl dt h3{
	font-size: 36px;
	color: #fff;
	line-height: 1;
}
.about dl dt span{
	display: block;
	margin-top: 12px;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
}
.about dl dt span a{
	color: #fff;
}
.about dl dd{
	margin-top: 60px;
}
.about dl dd p{
	font-size: 18px;
	line-height: 36px;
	color: #fff;
}
.why{
	padding: 60px 0 80px 0;
	background: #f2f0f3;
}
.why .why-min{
	position: relative;
	height: 466px;
	width: 100%;
	margin-top: 60px;
}
.why .why-min .why-imgs{
	position: absolute;
	top: 0;
	left: 50%;
	width: 340px;
	height: 466px;
	margin-left: -165px;
	z-index: 2;
}
.why .why-min .why-imgs img{
	display: block;
	width: 100%;
	height: auto;
	border: 5px solid #d41717;
}
.why .why-min ul li{
	position: absolute;
	width: 400px;
	background: #fff;
	border: 1px solid #e7e7e7;
	padding: 32px 0;
	padding: 29px 22px 29px 82px;
	box-sizing: border-box;
}
.why .why-min ul li span{
	position: absolute;
	top: -3px;
	left: -54px;
	display: block;
	width: 110px;
	height: 110px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #acacac;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	padding-top: 24px;
	box-sizing: border-box;
}
.why .why-min ul li p{
	font-size: 16px;
	color: #666;
	line-height: 24px;
}



.why .why-min ul li.li1{
	top: 67px;
	left: 158px;
}
.why .why-min ul li.li2{
	top: 67px;
	right: 158px;
}
.why .why-min ul li.li3{
	top: 192px;
	left: 58px;
}
.why .why-min ul li.li4{
	top: 192px;
	right: 58px;
}
.why .why-min ul li.li5{
	top: 320px;
	left: 142px;
}
.why .why-min ul li.li6{
	top: 320px;
	right: 142px;
}
.why .why-min ul li.li2 span,.why .why-min ul li.li4 span,.why .why-min ul li.li6 span{
	top: -3px;
	left: auto;
	right: -54px;
}

.why .why-min ul li.li1,.why .why-min ul li.li2{
	width: 308px;
}
.why .why-min ul li.li2{
	padding: 29px 55px 29px 54px;
}
.why .why-min ul li.li3{
	padding: 29px 29px 29px 86px;
}
.why .why-min ul li.li4{
	padding: 17px 57px 17px 55px;
}
.why .why-min ul li.li5{
	width: 310px;
    padding: 29px 23px 29px 76px;
}
.why .why-min ul li.li6{
	width: 310px;
    padding: 29px 72px 29px 48px;
}
.why .why-min ul li.li6 span a{ color:#fff;}
.why .why-min ul li.li6 b{
	display: block;
	font-size: 22px;
	color: #333;
}
.why .why-min ul li.li6 span{
	padding-top: 38px;
}
.why .why-min ul li.cur{
	cursor: pointer;
	background: #d41717;
}
.why .why-min ul li.cur span{
	background: #d41717;
}
.why .why-min ul li.cur p{
	color: #fff;
}
.why .why-min ul li.cur b{
	color: #fff;
}


.why .why-min ul li:hover span{ background:#D41717;}
.why .why-min ul li:hover{ background:#D41717;}
.why .why-min ul li:hover span{ color:#fff;}
.why .why-min ul li:hover a{ color:#fff;}
.why .why-min ul li:hover p{ color:#fff;}
.why .why-min ul li:hover p b{ color:#fff;}
.why .why-min ul li.li6:hover span a{ color:#fff;}










.hzkh{
	height: 762px;
	padding: 60px 0 0 0;
	margin-bottom: 40px;
	box-sizing: border-box;
	background:url(img/hz_bg.jpg) no-repeat center top;
}
.hzkh .bts{
	color: #fff;
}
.hzkh .bts span{
	color: #fff;
}
.hzkh .content{
	margin-top: 60px
}
.hzkh .hzkh-min{
	margin-bottom: 24px;
}
.hzkh .hzkh-min ul{
	height: 435px;
	overflow: hidden;
}
.hzkh .hzkh-min ul li{
	position: relative;
	float: left;
	width: 278px;
	height: 421px;
	background: #f9f9f9;
	margin-right: 28px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.hzkh .hzkh-min ul li.no{
	margin-right: 0;
}
.hzkh .hzkh-min ul li a{}
.hzkh .hzkh-min ul li img{
	display: block;
	width: 278px;
	height:275px;
}
.hzkh .hzkh-min ul li h5{
	font-size: 17px;
	color: #333;
	font-weight: normal;
	margin-top: 50px;
	padding: 0 18px;
	margin-bottom: 14px;
}
.hzkh .hzkh-min ul li p{
	padding: 0 18px;
	font-size: 14px;
	color: #999;
	line-height: 23px;
}
.hzkh .hzkh-min ul li .icos{
	position: absolute;
	top: 220px;
	right: 13px;
	width: 89px;
	height: 63px;
}
.hzkh .hzkh-min ul li .icos img{
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #efefef;
}
.hzkh .hzkh-ol{
	overflow: hidden;
	text-align: center;
}
.hzkh .hzkh-ol li{
	display: inline-block;
	width: 46px;
	height: 5px;
	background: #e7e7e7;
	margin: 0 6px;
}
.hzkh .hzkh-ol li.cur{
	background: #d41717;
}
.hzkh .hzkh-more{
	width: 140px;
	margin: 50px auto 0;
}
.hzkh .hzkh-more a{
	display: block;
	width: 140px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background: #d41717;
	font-size: 15px;
	color: #fff;
}

.pro-nav{
	width: 1200px;
	height: 206px;
	margin: 0 auto 60px;
	position: relative;
	padding-left: 140px;
	box-sizing: border-box;
	overflow: hidden;
}
.pro-nav h3{
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 206px;
	/* line-height: 134px; */
	text-align: center;
	background: #d41717;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	/* writing-mode: vertical-lr; */
	padding: 0 65px;
	padding-top: 18px;
}
.pro-nav dl{
	overflow: hidden;
	height: 103px;
}
.pro-nav dl dt{
	float: left;
	width: 220px;
	line-height: 103px;
	background: #272727;
}
.pro-nav dl dt i{
	font-size: 22px;
	color: #fff;
	padding-left: 75px;
}
.pro-nav dl.dl01 dt{
	border-bottom: 1px solid #6c6c6c;
	background:url(img/nav_s1.png) #272727 no-repeat 22px center;
}
.pro-nav dl.dl022 dt{
	background:url(img/nav_s2.png)  #272727 no-repeat 22px center;
}
.pro-nav dl dd{
	float: left;
	width: 840px;
}
.pro-nav dl dd p{
	border: 1px solid #eee;
	border-bottom: 0;
	padding-left: 20px;
	line-height: 49px;
	box-sizing: border-box;
	    height: 49px;
    overflow: hidden;
}
.pro-nav dl dd p span{
	display: inline-block;
	width: 160px;
    overflow:hidden;
    height:49px;
}
.pro-nav dl dd p span a{
	padding-left: 26px;
	font-size: 14px;
	color: #323232;
	background:url(img/ico_s1.jpg) no-repeat left center;
}
.pro-nav dl dd p span a:hover{
	color: #e60012;
	background:url(img/ico_s2.jpg) no-repeat left center;
}
.pro-nav dl.dl022 dd .bor{
	line-height: 48px;
	border-bottom: 1px solid #eee;
}