@charset "utf-8";
/* CSS Document */


body{
	font-family:"Microsoft YaHei","微软雅黑" !important;
	overflow-x: hidden;
	}	

::-webkit-scrollbar-track-piece{width:10px;background-color:#fff;}
::-webkit-scrollbar{width:8px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:#e60012;}
::-webkit-scrollbar-thumb:hover{background:#e60012;}

/*****header*******/
.header{
	width: 100%;
	height: 62px;
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
}

.header_box_index .header{
	position: fixed;
}

.header_con{
	width: 100%;
	overflow: hidden;
}	

.header_con .logo{
	float: left;
	position: relative;
	line-height: 62px;
	left: 0;
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}	
.header.show .header_con .logo{
	left: -210px;
	opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

.header_con .nav{
	float: right;
	position: relative;
	right: 0;
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header.show .header_con .nav{
	right: -600px;
	opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}


.header_con .nav ul{
	padding: 0;
	margin: 0;
}
.header_con .nav ul li{
	float: left;
	line-height: 62px;
	color: #fff;
	padding: 0 16px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
}
.header_con .nav ul li.on{
	color: #9f9fa0;
}


.header_con .nav ul li span{
	display: block;
	width: 15px;
	height: 2px;
	background: #fff;
	margin: 3px 0;
}

.header_con .nav ul li.nav_close{
	padding-right: 0;
	margin-top: 25px;
	cursor: pointer;
}
.header_con .nav ul li.nav_close .sp1{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: 2px;
}
.header_con .nav ul li.nav_close .sp2{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	top: -3px;
}

/*****header*******/	

.warpper{
	margin-top: 0px;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;	
	transition: 0.3s linear;
}

.warpper.on{
	margin-top: 55px;
}
	
.w88{
	width: 1166px;
	margin: 0 auto;
}

.w99{
	width: 990px;
	margin: 0 auto;
}


.nav_btn{
	width: 15px;
	position: absolute;
	top: 22px;
	right: -95px;
	cursor: pointer;
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

.header.show .nav_btn{
	right: 40px;
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}

.nav_btn span{
	display: block;
	width: 15px;
	height: 2px;
	background: #fff;
	margin: 3px 0;
}


.header_logo{
	position: absolute;
	top: 0;
	left: -160px;
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}


.header.show .header_logo{
	line-height: 62px;
	left: 40px;
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}


/*****banner*******/
.banner{
	width: 100%;
}

.banner.on{
	margin-top: 65px;
}

.banner_list{
	width: 100%;
	position: relative;
}
.banner_list a{
	display: block;
}
.paginationBanner{
	text-align: center;
	position: absolute;
	z-index: 9;	
}	
.paginationBanner .swiper-pagination-bullet{
	background: #fff;
	opacity:0.9;
    -moz-opacity:0.9; 
    -khtml-opacity:0.9;
    -webkit-opacity:0.9;
    filter:alpha(opacity=90);
}
.paginationBanner .swiper-pagination-bullet-active{
	background: #e60012;
}

/*****banner*******/


.header_show{
	width: 100%;
	background: #eeefef;
	position: fixed;
	top:62px;
	left: 0;
	z-index: 999;
}

.header_show_list{
	width: 100%;
	line-height: 55px;
	text-align: center;
	display: none;
}

.header_show_list span{
	display: inline-block;
	font-size: 14px;
	color: #000;
	padding: 0 20px;
}

.header_show_list span:hover{
	color: #666;
}

.header_show_list_case span{
	padding: 0 15px;
}

.header_show_list span img{
	margin-right: 5px;
	width: 32px;
}

.w99{
	width: 990px;
	margin: 0 auto;
}

/*****index_sec*******/	
.index_sec1{
	width: 100%;
	margin: 60px 0 0 0;
}	

.index_con{
	width: 100%;
	position: relative;
}	

.clm5{
	margin-left: -5px !important;
	margin-right: -5px !important;
}
.clp5{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.index_sec1_list{
	width: 100%;
	background: #727171;
	padding: 78px 0;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index_sec1_list_0:hover{
	background: #005bac;
}
.index_sec1_list_1:hover{
	background: #3ea74d;
}
.index_sec1_list_2:hover{
	background: #f3982c;
}
.index_sec1_list_3:hover{
	background: #5fb6ae;
}
.index_sec1_list_4:hover{
	background: #e9464d;
}
.index_sec1_list_5:hover{
	background: #23ade5;
}

.index_sec1_list h5{
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	margin: 30px 0 12px 0;
	letter-spacing: 1px;
}

.index_sec1_list span{
	font-family: arial;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
}
	


.index_sec2{
	width: 100%;
	margin-top: 22px;
}	
.index_con.bg0{
	background: #e60012;
}
.index_con.bg1{
	background: #a18f97;
}
.index_con.bg2{
	background: #5fb6ae;
}
.index_con.bg3{
	background: #ee782b;
}
.index_con.bg4{
	background: #898989;
}
.index_con.bg5{
	background: #3d6b8a;
}


.index_sec2_zi{
	float: left;
	width: 50%;
	padding: 60px;
}
.index_sec2_img{
	float: left;
	width: 50%;
}	

.index_sec2_zi h5{
	margin: 0;
	font-size: 22px;
	color: #fff;
	margin-bottom: 12px;
	letter-spacing: 1px;
}

.index_sec2_zi div.content1{
	font-family: arial;
	font-size: 16px;
	color: #fff;
	display: block;
	margin-bottom: 30px;
}
.index_sec2_zi p{
	font-size: 14px;
	color: #fff;
	margin: 0;
	line-height: 24px;
	text-align:justify;
	text-justify:inter-ideograph;
}
	

.index_sec3{
	width: 100%;
	margin-top: 20px;
}	
	
.index_sec3 .h5{
	font-size: 22px;
	color: #fff;
	line-height: 55px;
	margin: 0;
	background: #000;
	text-align: center;
	letter-spacing: 1px;
}	

.index_sec3_con{
	width:100%;
	background: #eeefef;
	padding: 30.72px 39.85px 0;
}	

.index_sec3_con ul{
	padding: 0;
	margin: 0;
}	
.index_sec3_con ul li{
	width: 16.66%;
	float: left;
	padding: 0 0px;
	margin-bottom: 42.49px;
	position: relative;
}

.index_sec3_con ul li span{
	position: absolute;
	top:13.715px;
	right: 0;
	width:1px;
	height:46.57px;
	background:#9fa0a0;
}
	
.index_sec4{
	width: 100%;
	padding: 90px 0;
}	
.index_sec4 span{
	display: block;
	width: 260px;
	line-height: 65px;
	border: 1px solid #000;
	text-align: center;
	margin: 0 auto;
	border-radius: 5px;
}
.index_sec4 span img{
	margin-left: 10px;
	position: relative;
	top: -1px;
}
	
	

.index_sec_hz{
	font-size: 13px;
	position: absolute;
	bottom: 50px;
	left: 60px;
	color: #c9c9ca;
	letter-spacing: 1px;
}

.index_sec_hz img{
	vertical-align: bottom;
	margin-right: 20px;
}	

.index_sec_hz1{
	font-size: 14px;
	line-height: 24px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: 60px;
	color: #7dcdf4;
}


.index_left{
	width: 130px;
	position: fixed;
	z-index: 99;
	top: 50%;
	left: 0;
	margin-top: -148px;
	display: none;
}	
.index_left_online{
	width:100%;
	text-align: center;
	background: #e60012;
	padding: 20px 0;
	cursor:pointer;
}

.index_left_online p{
	font-size: 16px;
	color: #fff;
	margin-top: 8px;
	margin-bottom: 0px;
}
.index_left_online span{
	font-size: 12px;
	font-family: arial;
	color: #fff;
}

.index_left_ewm{
	width: 100%;
	background: #eeefef;
	padding: 25px 0;
	text-align: center;
}

.left_dianhua{
	height: auto;
    background: #e60012;
    color: #fff;
    margin-bottom: 2px;
    padding: 5px 0px;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
}	
	
/*****index_sec*******/	
	
	
	
	
	
	
	
/*****footer*******/	
.footer{
	width: 100%;
}	

.footer_con{
	width: 100%;
	position: relative;
}	

.footer_left{
	width: 62%;
	float: left;
}	
.footer_right{
	width: 38%;
	float: left;
}
	
.footer_left ul{
	padding: 0;
	margin: 0;
}	
.footer_left ul li{
	width: 25%;
	float: left;
}

.footer_left ul li h5{
	margin: 0;
	margin-bottom: 12px;
	font-weight: 600;
}

.footer_left ul li p{
	line-height: 30px;
	margin: 0;
}	

.footer_left ul li p a{
	color:#333;
}

.footer_right h5{
	margin: 0;
	margin-bottom: 10px;
	font-weight: 600;
}

.footer_right p{
	line-height: 30px;
	margin: 0;
}


.footer_p{
	margin: 30px 0;
	text-align: right;
	font-size: 14px;
}

.banck_top{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: -20px;
}
	
/*****footer*******/	
	
	
	




/*****about*******/

.about_title{
	width: 100%;
	background-color: rgba(255,255,255,0.9);
	z-index: 999;
}
.about_title.on{
	position: fixed;
	top: 0;
	left: 0;
    border-bottom: 1px solid #7f7f7f;	
}

.about_title h5{
	float: left;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	margin-top: 25px;
	margin-bottom: 18px;
	line-height: 22px;
}

.about_title ul{
	padding: 0;
	margin: 0;
	float: right;
}
.about_title ul li{
	float: left;
	font-size: 14px;
	line-height: 14px;
	color: #9f9fa0;
	margin-top: 29px;
	margin-bottom: 22px;
	margin-left: 24px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
}
.about_title ul li:hover{
	color: #000;
}
.about_title ul li.on{
	color: #000;
}

.about_history{
	width: 100%;
}

.about_history .w88>h5{
	margin-top: 50px;
	margin-bottom: 65px;
	font-size: 24px;
}

.about_history_cn{
	padding: 0;
	margin: 0;
	margin-bottom: 46px;
}
.about_history_cn li{
	width: 100%;
	margin-bottom: 12px;
}
.about_history_cn li span{
	width: 17%;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	float: left;
	padding-right: 20px;
}
.about_history_cn li p{
	width: 83%;
	color: #000;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 24px;
	float: left;
}

.about_history_en{
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}
.about_history_en li{
	width: 100%;
	margin-bottom: 12px;
}
.about_history_en li span{
	width: 17%;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	float: left;
	padding-right: 20px;
}
.about_history_en li p{
	width: 83%;
	color: #000;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 24px;
	float: left;
	font-family: arial;
}

.about_quality{
	width: 100%;
}

.about_quality_left{
	width: 17%;
	padding-right: 20px;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	float: left;
}
.about_quality_right{
	width: 83%;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	float: left;
	text-align:justify;
	text-justify:inter-ideograph;
}
.about_quality_right p{
	margin-bottom: 0;
}

.about_quality_list{
	margin-bottom: 12px;
	position: relative;
}

.about_quality_img{
	width: 83%;
	margin-left: 17%;
	margin-top: 50px;
	margin-bottom: 27px;
}

.about_quality_list_img{
	position: absolute;
	top: 0;
	right: 0;
}


.about_business{
	width:100%;
}

.about_business_img{
	width: 83%;
	margin-left: 17%;
	margin-top: 70px;
	margin-bottom: 60px;
}



.about_service{
	width: 100%;
}

.about_service_con{
	width: 83%;
	margin-left: 17%;
	margin-top: 55px;
	margin-bottom: 60px;
}

.about_service_list h5{
	width: 100%;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	text-align: center;
	line-height: 42px;
	border: 1px solid #000;
	background: #c9c9ca;
	border-radius: 5px;
	letter-spacing: 1px;
	margin: 0;
	margin-bottom: 10px;
}

.about_service_list p{
	width: 100%;
	font-size: 14px;
	line-height: 27px;
	color: #000;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #5a5250;
	border-radius: 5px;
	margin-bottom: 0px;
}

.about_service_con>img{
	display: block;
	width: 22px;
	margin: 23px auto;
}


.clm4{
	margin-left: -4px !important;
	margin-right: -4px !important;
}
.clp4{
	padding-left: 4px !important;
	padding-right: 4px !important;
}


.about_contact{
	width: 100%;
}

.about_contact .col-cm-8{
	width: 64%;
}
.about_contact .col-cm-4{
	width: 36%;
}

.about_contact_right{
	width: 100%;
	height: 493px;
	background: #eeefef;
	padding: 30px 27px;
}

.about_contact_right h5{
	font-size: 14px;
	color: #000;
	margin-top: 0;
	margin-bottom: 10px;
}
.about_contact_right p{
	font-size: 14px;
	color: #000;
	line-height: 32px;
	position: relative;
	margin-bottom: 0;
	padding-left:72px !important;
}
.about_contact_right p span{
	position: absolute;
	top: 0;
	left: 0;
}

.about_contact_img{
	margin-top: 8px;
	margin-bottom: 60px;
}

.en{
	font-family: arial !important; 
}



.join{
	width: 100%;
	margin-top: 60px;
	margin-bottom: 60px;
	overflow: hidden;
}
.join table{
	width: 100%;
}
.join table th{
	line-height: 42px;
	font-size: 14px;
	color: #fff;
	background: #898989;
	font-weight: normal;
	text-align: center;
}
.join table td{
	line-height: 46px;
	border-bottom: 1px solid #a7a7a7;
	text-align: center;
}
.join table td a{
	color: #000;
	font-size: 14px;
}


.join_inner{
	margin-top: 20px;
}

.join_inner h4{
	margin: 0;
	font-size: 18px;
	color: #000;
	margin-bottom: 40px;
}
.join_inner_list{
	margin-bottom: 24px;
}

.join_inner_list h5{
	margin: 0;
	font-size: 14px;
	color: #000;
	font-weight: 600;
	margin-bottom: 5px;
}
.join_inner_list p{
	margin: 0;
	font-size: 14px;
	color: #000;
	margin-bottom: 0;
	line-height: 24px;
}

.join_inner_list p span{
	position: relative;
}
.join_inner_list p span a{
   color:#000;
}

.join_inner_list p span:before{
	content: '';
	width: 100%;
	height: 1px;
	background: #bfbfbf;
	position: absolute;
	left: 0;
	bottom: -3px;
}

.join_inner_a{
	display: block;
	font-size: 14px;
	color: #000;
	margin-top: 95px;
}
.join_inner_a img{
	margin-right: 8px;
}

/*****about*******/	
	
	
	
	
	
/*****materials_introduce*******/	
.materials_sec2 .w88>ul{
   margin-bottom:38px;
}
.materials_sec2_1 .w88 div:last-child ul{
   margin-bottom:46px;
}
.materials_sec2{
	margin-bottom: 98px;
}
.materials_filtrate{
	margin: 0;
	padding: 0;
	padding: 85px 0 66px 0;
}
.materials_filtrate li{
	margin-right: 7px;
	float: left;
	margin-bottom: 13px;
}
.materials_filtrate li a{
	border: 1px solid #999999;
	font-size: 12px;
	color: #999999;
	padding:0 15px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 5px;
}
.materials_filtrate li .mgr_0{
	margin-right: 0;
}
.materials_filtrate li .mgb_0{
	margin-bottom: 0;
}
.materials_filtrate li .on{
	color: #333333;
	border: 1px solid #333333;
}

.materials_list{
	margin: 0;
	padding: 0;
	padding-bottom: 71px;
}
.materials_list li{
	width: 267px;
	float: left;
	margin-right: 32px;
	margin-bottom: 30px;
	position: relative;
	
} 
.materials_list li img{
	width: 100%;
}
.materials_list li:nth-of-type(4n){
	margin-right: 0;
}
.materials_title{
	color: #000;
	position: absolute;
	opacity: 0;
	bottom: -24px;
	left: 0;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	background-color: #FFFFFF;
	width: 100%;
	margin: 0;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
}
.materials_list li:hover .materials_title{
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    bottom:0;
}
/*****materials_introduce*******/	

/*****materials_exhibition*******/	
.materials_exhibition_sec1{
	padding-top: 108px;
	padding-bottom: 70px;
}
.materials_left{
	margin: 0;
	padding: 0;
	width: 26%;
	float: left;
}
.materials_left li{
	margin-bottom: 11px;
}
.materials_left li a{
	font-size: 13px;
	border: 1px solid #dfdfdf;
	color: #9f9fa0;
	display: inline-block;
	padding: 0 19px;
    height: 39px;
    line-height: 39px;
	text-align: center;
	border-radius:5px ;
}
.materials_left li .on{
	color: #000;
	border: 1px solid #000;
}
.materials_right{
	margin: 0;
	padding: 0;
	/*float: left;*/
	width: 74%;
	float: right;
}
.materials_right p{
	margin-bottom: 14px;
}
.materials_exhibition_title{
	border-bottom: 1px solid #7f7f7f;
}
.materials_right p img{
	width: 100%;
}

.materials_right li{
	margin-bottom: 14px;
}
.materials_exhibition_title{
	border-bottom: 1px solid #7f7f7f;
}
.materials_right li img{
	width: 100%;
}
/*****materials_exhibition*******/	


/*****product*******/	
.product_sec1{
	padding-top: 110px;
	padding-bottom:0;
	position: relative;
	
}
.product_sec2{
	margin-top:107px;
}
.product_main{
	position: relative;
}
.product_left{
	margin: 0;
	padding: 0;
	width: 26%;
	float: left;
}
.product_title{
	position: absolute;
	left: 0;
	top: -66px;
}
.product_title a{
	border: 1px solid #000;
	color: #000;
	display: inline-block;
	height: 39px;
	line-height: 39px;
	padding: 0 15px;
	border-radius: 5px;
}
.product_left li{
	margin-bottom: 11px;
}
.product_left li a{
	font-size: 14px;
	text-align: left;
	line-height: 12px;
	color: #999999;
}
.product_left li .on{
	color: #000;
}

.product_filtrate{
	padding-top: 64px;
	padding-bottom: 80px;
}
/*****product*******/	
	
	
	




/*****news*******/
.new_main{
	padding-top: 109px;
	padding-bottom: 50px;
}
ul{
	margin: 0;
	padding: 0;
}
.new_main ul li{
	margin-bottom: 35px;
	float: left;
}
.new_img{
	width: 40%;
	margin-right: 3%;
	float: left;
}
.new_title{
	color: #333333;
	float: left;
	width: 22%;
	margin-right: 4%;
}
.new_title h3{
	margin: 0;
	font-size: 23px;
	line-height: 30px;
	color: #000;
}
.new_title h4{
	font-size: 20px;
	margin: 0;
	margin-bottom: 17px;
	color: #000;
}
.new_title h6{
	margin: 0;
	margin-bottom: 30px;
}
.new_content{
	padding-top: 80px;
	float: left;
	width: 31%;
	font-size: 14px;
	line-height: 24px;
	color: #171717;
	text-align:justify;
	text-justify:inter-ideograph;
}
/*****news*******/	

/*****news_details*******/	

.news_details_main{
	padding-top: 100px;
	padding-bottom: 153px;
}
.news_details_main2{
	padding-bottom: 0;
}
.news_details{
	padding-top: 0;
	padding-bottom: 80px;
}
.news_details_title{
	margin-bottom: 40px;
}
.news_details_title2{
	margin-bottom: 87px;
}
.news_details_title h2{ 
	float: left;
	width: 26%;
	margin: 0;
	font-size: 30px;
	line-height: 36px;
	color: #000;
}
.news_details_title h3{ 
	font-size: 27px;
	float: left;
	width: 40%;
	margin: 0;
	line-height: 36px;
	color: #000;
}
.news_details_img{
	margin-bottom: 80px;
}
.news_details_content{
	padding-left: 26%;
}
.news_details_content h5{
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	margin-bottom: 27px;
	color: #000;
}
.news_details_content p{
	margin-bottom: 25px;
	font-size: 15px;
	color: #171717;
	line-height: 24px;
	text-align:justify;
	text-justify:inter-ideograph;
}
.news_details_content p h6{
	color: #999;
}
.news_details_content1 p{
	margin-bottom: 25px;
	font-size: 15px;
	color: #171717;
	line-height: 24px;
	text-align:justify;
	text-justify:inter-ideograph;
}
.news_details_imgs{
	margin-left: 26%;
	padding-bottom: 48px;
	margin-bottom: 48px;
	border-bottom: 1px solid #DDDDDD;
}
.news_details_imgs2{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.Industry_details_imgs{
	border-bottom: none;
}
.news_details_imgs2>img{
	margin-bottom: 14px;
}
.imgs_details{
	width: 48.32%;
	margin-right: 2.88%;
	margin-top: 2.88%;
}
.imgs_details:nth-of-type(3){
	margin-right: 0;
}
.news_details_imgs>h3{
	height: 50px;
	line-height: 50px;
	margin: 0;
	margin-bottom: 18px;
	font-size: 16px;
}
.news_details_content h3{
	line-height: 23px;
    margin: 0;
    margin-bottom: 30px;
    font-size: 16px;
}
.page{
	padding-left: 26%;
}
.page>a{
	display: inline-block;
	padding: 0 19px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #221815;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
}
.page .prev{
	float: left;
}
.page .next{
	float: right;
	color: #f5f5f5;
	background-color:#221815 ;
}
/*****news_details*******/	

/*****filtrate*******/	
.materials_filtrate{
	margin: 0;
	padding: 0;
	padding: 62px 0;
	padding-bottom: 52px;
}
.materials_filtrate li{
	margin-right: 9px;
	float: left;
	margin-bottom: 10px;
}
.materials_filtrate li a{
	border: 1px solid #999999;
	font-size: 13px;
	color: #999999;
	padding:0 19px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border-radius: 5px;
}
.materials_filtrate li .mgr_0{
	margin-right: 0;
}
.materials_filtrate li .mgb_0{
	margin-bottom: 0;
}
.materials_filtrate li .on{
	color: #000;
	border: 1px solid #000;
}
.product_filtrate{
	padding-top: 50px;
	padding-bottom: 28px;
}
.news_filtrate{
	padding-top: 0;
	padding-bottom: 34px;
}
.news_filtrate2{
	padding: 38px 0;
    padding-top: 50px;
}
.culture_filtrate{
	padding: 38px 0;
}
/*****filtrate*******/	

/*case*/
.blue {
    color: #005bac;
}
.green {
    color: #3ea74d;
}
.orange {
    color: #eda85a;
}
.blue_grey {
    color: #5fb6ae;
}
.red {
    color: #e9464d;
}
.sky_blue {
    color: #23ade5;
}
.purple {
    color: #b73384;
}
.caseColor_0{
	color: #005bac;
}
.caseColor_1{
	color: #3ea74d;
}
.caseColor_2{
	color: #eda85a;
}
.caseColor_3{
	color: #5fb6ae;
}
.caseColor_4{
	color: #e9464d;
}
.caseColor_5{
	color: #23ade5;
}
.caseColor_6{
	color: #b73384;
}
.case_list{
	padding-bottom: 0;
}
.case_list li{
	margin-bottom: 32px;
	
}
.case_title{
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 34px;
	font-size: 16px;
}
.case_title2{
	font-size: 18px;
	margin: 0;
	padding: 0;
	padding-top: 50px;
	padding-bottom: 27px;
}
.case_join{
	padding-top: 142px;
}
.case_join2{
	padding-top: 133px;
}
.case_join3{
	padding-top: 86px;
}
.case_details{
	padding-bottom: 64px;
	margin-bottom: 94px;
	border-bottom: 1px solid #DDDDDD;
}
.case_imgs{
	padding-left: 26%;
}
.case_imgs img{
	margin-bottom: 30px;
}
.case_details_title{
	padding-bottom: 50px;
}
.case_details_title h3{
	margin-bottom: 17px;
	margin-top: 30px;
	color: #000;
}
.case_details_title h4{
	margin: 0;
	margin-bottom: 20px;
	color: #000;
}
.case_details_title h6{
	display: inline-block;
	color: #000;
	border-bottom: 1px solid #000;
}
.case_details_title h6 a{
	color: #000;
}
.news_details_content .contact{
	margin: 75px 0 80px 0;
}
.news_details_content .contact span{
	display: block;
    margin-bottom: 2px;
    color: #979797;
    font-size: 13px;
}
.news_details_content .contact span:last-of-type{
	margin-bottom: 0;
}


.case_header h5{
	/*margin-bottom: 20px;
	margin-top: 25px;*/
}

.case_header ul li{
	line-height: 29px;
	margin-top: 22px;
	margin-bottom: 14px;
	margin-left: 12px;
}
.case_header ul li span{
	margin-right: 4px;
	position: relative;
	display: inline-block;
	height: 29px;
}
.case_header ul li span img{
	width: 29px;
	display: inline-block;
	vertical-align: top;
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}

.case_header ul li img.hover{
	position: absolute;
	top: 0px;
	left: 0;
	opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

.case_header ul li.on span img.hover{
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}
.case_header ul li.on span img{
	opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

.header_case_nav a span{
	position: relative;
}

.header_case_nav a img.hover{
	position: absolute;
	top: 13px;
    left: 20px;
	opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

.header_case_nav a.on img.hover{
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}

.header_case_nav a.on img{
	opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

.header_case_nav .case_nav1.on span{
	color: #005cac !important;
}
.header_case_nav .case_nav2.on span{
	color: #3ea74d !important;
}
.header_case_nav .case_nav3.on span{
	color: #f3982c !important;
}
.header_case_nav .case_nav4.on span{
	color: #5fb6ad !important;
}
.header_case_nav .case_nav5.on span{
	color: #e9464d !important;
}
.header_case_nav .case_nav6.on span{
	color: #23aee6 !important;
}
.header_case_nav .case_nav7.on span{
	color: #b73384 !important;
}

.case_nav1.on{
	color: #005cac !important;
}
.case_nav2.on{
	color: #3ea74d !important;
}
.case_nav3.on{
	color: #f3982c !important;
}
.case_nav4.on{
	color: #5fb6ad !important;
}
.case_nav5.on{
	color: #e9464d !important;
}
.case_nav6.on{
	color: #23aee6 !important;
}
.case_nav7.on{
	color: #b73384 !important;
}


.case_nav2.on{
	color: #005cac;
}
.case_nav2.on span img.hover{
	opacity:1;
    -moz-opacity:1; 
    -khtml-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
}
.case_nav2.on span img{
	opacity:0;
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0);
}

/*case*/	







/********technical*************/
.technical_title h5{
	float: left;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	margin-top: 21px;
	margin-bottom: 16px;
}

.technical_title ul{
	padding: 0;
	margin: 0;
	float: right;
}
.technical_title ul li{
	display: inline-block;
	font-size: 14px;
	color: #9f9fa0;
	margin-top: 24px;
	margin-bottom: 17px;
	margin-left: 20px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
}
.technical_title ul li.on{
	color: #000;
}
.technical_title{
	border:1px solid #9f9fa0;
}
.technical_sec1_f1{
	font-size:15px;
	color:#000;
	margin-top:75px;
}
.technical_sec1_f2{
	margin-top:10px;
	font-size:15px;
	color:#000;
}
.technical_sec2 h5{
	font-size:24px;
	margin-top:55px;
	margin-bottom: 55px;
	color: #000000;
}
.technical_sec2_f1_title{
	font-size:15px;
	color:#000;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top:40px;
}
.technical_sec2_f1_txt{
	font-size:14px;
	color:#000;
	margin-top:20px;
	line-height: 24px;
}
/*.technical_sec2_f1_txt{
	min-height: 173px;
}*/
.technical_sec2_f1_row{
	margin-right: 0;
}
.technical_sec2_f1_col{
	padding-right: 0;
    margin-bottom: 20px;
    display: inline-block;
    float: none;
    vertical-align: top;
}
/********technical*************/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0 0px;
    border-radius: 4px;
}

.pagination li a{
	color: #777;
}
.pagination li span{
	color: #777;
}
.pagination li.active a{
	background: #666 !important;
	border: 1px solid #666 !important;
}

/******news 5.24******/
.new_main ul.news_content a li{
	width:100%;
}
.news_details_content p img{
	width:100%;
}
.news_details_content p{
	margin-bottom: 14px;
}
.news_details_content3 div{
	border-bottom: 1px solid #ddd;
    margin-bottom: 48px;
    padding-bottom: 23px;
}
.news_details_content3 p{
	margin-bottom: 25px;
}





@media (max-width: 768px){

.about_quality_list_phone_last{
	margin-bottom: 7.5rem !important;
}
.about_history_en_phone{
	margin-bottom: 7.5rem !important;
}
	
}
.news_details_mainDetail{
	margin-bottom: 38px;
}


/*20180711*/
    .online_kf{
        position: fixed;
        top:0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2000000', endColorstr='#b2000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2000000', endColorstr='#b2000000')";
        display: none;
        z-index: 99999;
    }

.online_kf_btn {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 80px;
    cursor: pointer;
    height: 30px;
}
    .online_kf_bg{
        position:absolute;
        width: 100%;
        height: 100%;
    }
    .online_kf_box{
        position:absolute;
        top:50%;
        left:50%;
        width: 1080px;
        height:550px;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        -o-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }