/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color:#000; text-decoration:none; }
a:hover {  }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
/* css base */
body { font-family:"微软雅黑"; font-size:12px; color:#000; line-height:1.8;}
.left{ float:left;}
.right{ float:right;}
.clearfix:after{  content: "."; display: block;height: 0;clear: both; visibility: hidden;}
*{
	margin: 0;
	padding: 0;
}
.wrap{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
/*header*/
.header{
	position: relative;
}
.banner_de{
	height: 470px;
	background: url(../img/banner2.jpg) no-repeat center center;
}
.top{
	height: 26px;
	line-height: 26px;
	background: #f8f8f8;
	padding-bottom: 1px;
	border-bottom: 1px solid #e6e6e8;
}
.top .top_le{
	float: left;
}
.top .top_ri{
	float: right;
}
.top .top_ri a{
	background: url(../img/t_1.jpg) no-repeat right center;
	padding-right: 9px;
	margin-left: 4px;
}
.top .top_ri a:last-child{
	background: none;
}
.top_cen{
	padding: 12px 0;
}
.logo{
	float: left;
}
.tell{
	float: right;
	margin-top: 20px;
	min-height: 48px;
	position: relative;
}
.tell i{
	display: inline-block;
	position: absolute;
	left: -60px;
	top: 4px;
	z-index: 20;
}
.tell span.spa_1{
	font-size: 14px;
	color: #414141;
}
.tell span{
	display: block;	
	font-weight: bold;
	font-size: 24px;
	color: #1350ac;
	text-align: left;
	line-height: 26px;
}
.naver{
	border-top: 1px solid #dadada;
}
.naver ul li{
	float: left;
	font-size: 16px;
	padding: 10px 0;
}
.naver ul li:hover{
	background: url(../img/t_2.jpg) no-repeat center top;
}
.naver ul li:hover .nav_down{
	opacity: 1;
	display: block;
}
.naver ul li:hover  >a{
	color: #1350AC;
}
.naver ul li.act{
	background: url(../img/t_2.jpg) no-repeat center top;
}
.naver ul li.act a{
	color: #1350AC;
}
.naver ul li>a{
   display: block;
   margin: 0 28px;
}
/*下拉导航*/
.nav_down{
	width: 100%;
	height: 240px;
	background: url(../img/t_15.jpg) no-repeat center center;
	position: absolute;
	top: 167px;
	left: 0;
	z-index: 20;
	padding: 30px 0;
	box-sizing: border-box;
	opacity: 0;
	display: none;
	transition: all ease-out .5s;
}
.nav_down_le{
	width: 347px;
	float: left;
	color: #FFFFFF;
}
.nav_down_ri{
	width: 800px;
	float: left;
	margin-left: 48px;
}
.nav_down_le p{
	line-height: 34px;
	font-size: 14px;
}
.naver ul li .nav_down_le a{
	color: #FFFFFF;
	margin: 20px auto 0;
	display: block;
}

.naver ul li:hover .nav_down_le a{
	color: #FFFFFF;
}
.nav_down_le h3{
	
}
.nav_de{
	width: 389px;
	float: left;
	padding: 0 50px;
	box-sizing: border-box;
	background: url(../img/t_17.jpg) no-repeat right center;
}
.nav_de em a{
	font-size:12px;
	margin:0 3px;
}
.nav_de span a{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.nav_de:last-child{
	background: none;
}
.nav_de h3{
	background: url(../img/t_16.jpg) no-repeat left bottom;
	padding-bottom: 3px;
	margin-bottom: 6px;
}

.naver ul li .nav_down_ri .nav_de span a{
	font-size: 12px;
	display: block;
	color: #838383;
	line-height: 34px;
	position: relative;
	
}
.naver ul li .nav_down_ri .nav_de span a:hover:before{
	display: block;
}
.naver ul li .nav_down_ri .nav_de span a:before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -5px;
	z-index: 20;
	background: url(../img/t_18.jpg) no-repeat center center;
	display: none;
}
/*热门 搜索*/
.hot_search{
	height: 71px;
	line-height: 72px;
	border-bottom: 1px solid #f0f0ef;
	margin-top: -36px;
	position: relative;
	z-index: 300;
}
.hot{
	float: left;
	color: #FFFFFF;
	font-size: 14px;

}
.hot span{
	font-weight: bold;
}
.hot a{
	padding-right: 16px;
	color: #FFFFFF;
}
.search{
	float: right;
	width: 374px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #e9e9e9;
	position: relative;
	margin-top: 13px;
}
.ser_box{
	height: 72px;
	line-height: 72px;
	background: #0167b2;
	padding: 0 20px;
}
.search form{
	height: 40px;
}
.search input{
	border: none;
	outline: none;
}
.search input::-webkit-input-placeholder{
	color: #cfcfcf;
}
.search input.inp_1{
	width: 100%;
	height: 100%;
	display: block;
	border: none;
	padding-right: 50px;
	padding-left: 5px;
	box-sizing: border-box;
	
}
.search input.inp_2{
	position: absolute;
	right: 14px;
	top: 8px;
	z-index: 20;
	width: 24px;
	height: 25px;
	line-height: 25px;
}
/*产品列表*/
.product{
	margin-top: 50px;
}
/*公用标题*/
.pub_title{
	text-align: center;
	margin: 30px auto;
	font-weight: bold;
}
.pub_title h3{
	font-size: 24px;
	color: #0B54B0;
	line-height: 26px;	
}
.pub_title h4{
	font-size: 20px;
	color: #919191;
	width: 150px;
	margin: 0 auto;
	position: relative;
}
.pub_title h4:before,.pub_title h4:after{
	content: "";
	display: block;
	width: 26px;
	height: 1px;
	background: #3e3e3e;
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 20;
}
.pub_title h4:after{
	left: auto;
	right: 0px;
}
.pro_box{
	margin-top: 65px;
}
.pro_box .pro_le{
	width: 255px;
	float: left;
	background: #f3f3f3;
	padding: 5px;
}
.pro_box .pro_le .pro_title{
	text-align: center;
	padding:  10px 0;
}
.pro_box .pro_le .pro_title dl dt{
	font-size: 14px;
	color: #9d9c9c;
}
.pro_box .pro_le .pro_title dl dd{
	font-size: 20px;
	color: #515151;
}
.pro_le_list{
	background: #FFFFFF;
	padding: 25px 15px;
}
.pro_le_list ul li{
	text-indent: 50px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #eeeeee;
	
}
/*.pro_le_list ul li.act{
	background: #0B54B0;
	color: #FFFFFF;
}*/
/*.pro_le_list ul li.act a{
	color: #FFFFFF;
}*/
.pro_le_list ul li a{
	color: #7c7c7c;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	text-overflow: ellipsis;
}
.pro_le_list ul li a:hover{
	background: #0167B2;
	color: #FFFFFF;
}
.pro_ri{
	width: 919px;
	float: left;
}
.pro_in_list dl:hover dd{
	background: #0B54B0;
	color: #FFFFFF;
}
.pro_in_list dl dt{
	width: 299px;
	height: 235px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}
.pro_in_list dl:hover dt img{
	transform: scale(1.2);
}
.pro_in_list dl dt img{
	width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	transition: all ease-in-out .5s;
	
}
.pro_in_list dl{
	float: left;
	text-align: center;
	margin-right: 9px;
	margin-bottom: 46px;
	transition: all ease-in-out .5s;
}
.pro_in_list dl a{
	display: block;
}
.pro_in_list dl:hover{
	box-shadow: 0 0 6px 3px #c1c1c1;
	transform: translateY(-10px);
}
.pro_in_list dl:nth-child(3n+3){
	margin-right: 0px;
}
.pro_in_list dl dd{
	display: block;
	height: 63px;
	line-height: 63px;
	font-size: 14px;
	transition: all ease-in-out .5s;
}
.pro_in_list dl dd em{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/p_2.png) no-repeat center center;
	transition:  all ease-in-out .5s;
}
.pro_in_list dl:hover dd em{
	background: url(../img/p_1.png) no-repeat center center;
}
/*about us*/
.about_us{
	background: url(../img/t_5.jpg) no-repeat center center;
	height: 633px;
	padding-top: 100px;
	box-sizing: border-box;
}
.about_le{
	width: 448px;
	float: left;
}
.about_le h4{
	font-size: 28px;
	color: #FFFFFF;
	padding-left: 26px;
	margin-bottom: 20px;
	position: relative;
	font-weight: bold;
}
.about_le h4:before{
	content: "";
	display: block;
	width: 20px;
    height: 4px;
    background: url(../img/t_6.jpg) no-repeat center center;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2px;
    z-index: 20;
}
video{
	object-fit:fill;width: 100%;
}
.about_ri{
	width: 565px;
	float: left;
	margin-left: 178px;
}
.about_ri h4{
	font-size: 24px;
	margin-bottom: 14px;
	font-weight: bold;
}
.about_ri p{
	font-size: 14px;
	line-height: 32px;
}
.about_ri em{
	display: block;
	border: 1px solid #818181;
	width: 183px;
	height: 34px;
	line-height: 34px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: 0;
	text-indent: 50px;
	background: url(../img/t_7.jpg) no-repeat 15px center;
	font-size: 16px;	
}
/*数据*/
.num{
		
}
.num .wrap{
	overflow: inherit;
}
.num_de{
	padding:  6px;
	background: #FFFFFF;
	margin-top: -63px;
}
.num_box{
	box-shadow: 0px 0px 12px 1px #e7e7e7;
	padding: 32px 0;
}
.num_box dl{
	width: 33.33%;
	float: left;
	text-align: center;
	background: url(../img/t_8.jpg) no-repeat right center;
}
.num_box dl:last-child{
	background: none;
}
.num_box dl dt{
	font-size: 24px;
	color: #2d2d2d;
}
.num_box dl dd{
	font-size: 50px;
	font-weight: bold;
	color: #005ca1;
	line-height: 63px;
}
.line_xd{
	
}
.line_box{
	background: #f3f3f3;
	padding: 36px 0;
}
.line_title{
	text-align: center;
}
.line_title h3{
	font-size: 20px;
	color: #005ca1;
	font-weight: bold;
}
.line_title h4{
	color: #bcbcbc;
	background: url(../img/t_10.jpg) no-repeat center bottom;
	padding-bottom: 10px;
}
.line_input{
	width: 793px;
	margin: 22px auto 0;
}
.line_input .inp_top  input{
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	border: 1px solid #dcdcdc;
	margin-bottom: 22px;
	padding: 0 22px;
	background: none;
	box-sizing: border-box;
}
.line_input .inp_top textarea{
	display: block;
	width: 100%;
	height: 91px;
	border: 1px solid #dcdcdc;
	margin-bottom: 22px;
	padding: 12px 22px 0;
	background: none;
	box-sizing: border-box;
}
.inp_bot {
	text-align: center;
}
.inp_bot input{
	display: inline-block;
	width: 108px;
	height: 38px;
	line-height: 38px;
	background: #005ca1;
	border: none;
	color: #FFFFFF;
	outline: none;
	margin: 0 8px;
}
.inp_bot input.inp_4{
	background: #b5b5b5;
}
/*合作企业*/
.parnter{
	margin-top: 35px;
	margin-bottom: 60px;
}
.parnter_list{
	
}
.parnter_list{
	padding: 6px;
	margin-top: 10px;
}
.parnter_list dl{
	width: 282px;
	height: 134px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 6px 1px #f5f5f5;
}
.parnter_list dl:hover dt img{
	transform: rotateY(360deg);
}
.parnter_list dl dt{
	width: 282px;
	height: 95px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}
.parnter_list dl dt img{
	max-width: 100%;
	transition: all ease-in .5s;
}
.parnter_list dl dd{
	font-weight: bold;
	font-size: 14px;
}
.parnter_list dl:nth-child(4n+4){
	margin-right: 0px;
}
/*footer*/
.footer{
	background: #2e3844;
	color: #b5b6b6;
}
.foot_title{
	border-bottom: 1px solid #474e57;
	padding: 16px 0;
}
.foot_title dl{
	float: left;
}
.foot_title dl dt{
	color: #a0a2a3;
}
.foot_title dl dd{
	color: #FFFFFF;
	font-size: 16px;
}
.foot_title ul{
	float: left;
	margin-left: 60px;
	margin-top: 17px;
}
.foot_title ul li{
	float: left;
	width: 133px;
	font-size: 14px;
	background: url(../img/t_12.jpg) no-repeat right center;
	text-align: center;
}
.foot_title ul li:last-child{
	background: none;
}
.foot_title ul li a{
	color: #FFFFFF;
}
.foot_map{
	padding: 16px 0;
	border-bottom: 1px solid #474e57;
}
.foot_map dl dd{
	color: #FFFFFF;
	font-size: 16px;
}
.map_cen{
	
}
.map_cen ul{
	float: left;
	margin-right: 63px;
}
.map_cen ul:last-child{
	margin-right: 0px;
}
.map_cen ul li{
	line-height: 35px;
	font-size: 14px;
}
.map_cen ul li a{
	color: #c7c7c7;
}
.foot_contact{
	padding: 30px 0;
}
.f_con_le{
	float: left;
	width:237px;
}
.f_con_le h4{
	font-size: 18px;
	font-weight: bold;
}
.f_con_le ul{
	margin-top: 10px;
}
.f_con_le ul li{
	display: block;
	display: inline-block;
	margin-right: 30px;
}
.f_con_ri{
	float: left;
	margin-left: 136px;
	font-size: 14px;
	width: 813px;
	line-height: 36px;
	margin-top: 25px;
	overflow:hidden;
}
.foot_bot{
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	border-top: 1px dashed #585c61;
	text-align: center;
}
.foot_bot a{
	color:#b5b6b6;
}
/*二级nav*/
.ej_nav{
	
	line-height: 70px;
	text-align: center;
	box-shadow: 0 4px 13px 1px #dadada;
	
}
.ej_nav ul li{
	display: inline-block;
	width: 260px;
	text-align: center;
	font-size: 18px;	
}
.ej_nav ul  em{
	margin:0 5px;
	font-size:14px;
}
.ej_nav ul  em.act a{
	color:#005da2;
}
.ej_nav ul li a{
	display: block;
}
.ej_nav ul li a:hover{
	background: #005CA1;
	color: #FFFFFF;
}
.ej_nav ul li a.act{
	background: #005CA1;
	color: #FFFFFF;
}
/*about us 内容*/
.about_word{
	margin: 100px 0;
}
.about_de{
	margin-top: 65px;
}

.about_word p{
	font-size: 14px;
	line-height: 32px;
}
/*产品列表*/
.pro_list{
	margin: 100px 0;
}
.pro_list .pro_ri_de{
	width: 100%;
}
.pro_list .pro_in_list dl:nth-child(3n+3){
	margin-right: 9px;
}
.pro_list .pro_ri_de .pro_in_list dl:nth-child(4n+4){
	margin-right: 0px;
}
.pro_list .pro_ri_de .pro_in_list dl dt{
	width: 292px;
}
/*分页*/
.padding{
	text-align: center;
	padding: 10px 0;
}
.padding ul li{
	display: inline-block;
}
.padding ul li a{
	padding: 5px 14px;
	border: 1px solid #bababa;
}
.padding ul li.active a{
	background: #005CA1;
	color: #fff;
}
.padding ul li.active span{
	background: #005CA1;
	color: #fff;
}
.padding ul li span{
	padding: 5px 14px;
	border: 1px solid #bababa;
}
.padding ul li a:hover{
	background: #0167B2;
	color: #FFFFFF;
}
/*留言*/
.ly_box{
	
}
.ly_box .line_input .inp_top input{
	height: 56px;
	line-height: 56px;
}
.ly_box .inp_bot input{
	height: 50px;
	line-height: 50px;
}
/*联系我们*/
.contact{
	
}
.contact_le{
	width: 330px;
	float: left;
}
.contact_le h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.contact_le p{
	color: #797979;
	font-size: 14px;
	line-height: 27px;
}
.contact_le em{
	display: block;
	margin-top: 15px;
}
.contact_ri{
	width: 868px;
	float: left;
}
.contact_ri iframe{
	border: none;
}
.vidio ul{
	padding: 5px;
}
.vidio ul li{
	width: 350px;
	padding: 14px;
	float: left;
	margin-right: 7px;
	margin-bottom: 25px;
	transition: all ease-in-out .5s;
}
.vidio ul li:hover{
	box-shadow: 0 0 6px 2px #c9c9c9;
	transform: translateY(-20px);
}
.vidio ul li:last-child{
	margin-right: 0px;
}
.vidio ul li .vidio_top{
	text-align: center;
}
/*新闻列表*/
.news_list{
	
}
.new_top{
	
}
.news_le{
	float: left;
}
.news_ri{
	margin-left: 40px;
	float: left;
	width: 574px;
}
.news_pub{
	
}
.news_pub ul li{
	padding: 32px 0;
}
.news_pub ul li:hover h4{
	color: #0167B2;
}
.news_pub ul li h4{
	font-size: 16px;
	color: #404040;
	font-weight: bold;
	margin-bottom: 6px;
	position: relative;	
}
.news_pub ul li h4:before{
	content: "";
	display: block;
	background: url(../img/t_23.jpg) no-repeat center center;
	width: 8px;
	height: 10px;
	position: absolute;
	left: -12px;
	top: 10px;
	z-index: 20;
}
.news_pub ul li p{
	font-size: 14px;
	color: #727272;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.news_pub ul li em{
	font-size: 14px;
	color: #727272;
	display: block;
	margin-top: 8px;
}
.new_bot{
	margin: 20px 0;
}
/*后台添加*/
.ypl_wrap_box{
	
}
.ypl_wrap_box h4{
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0;
}
.ypl_wrap_box img{
	display: block;
	margin: 0 auto;
}