@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}

table { border-collapse:collapse; border-spacing:0;}

img { border:0; vertical-align: middle;}

li { vertical-align: middle;}

s {text-decoration: none;}

ol, ul, li { list-style:none;}

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}

input, button, select, textarea, a { outline:none;}

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

a { background: transparent; text-decoration: none; color: #666; transition: 0.3s; -moz-transition: 0.3s; 

	-webkit-transition: 0.3s; -o-transition: 0.3s;}

a:active, a:hover { outline: 0;}

body { color: #666; font:14px/2 arial,  'Microsoft Yahei', 微软雅黑, 宋体, Tahoma, Helvetica, STHeiti; word-break:normal;}

.o8 { filter:alpha(opacity=100); opacity:1; transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s;}

.o8:hover { filter:alpha(opacity=80); opacity:0.8;}

div,p{max-height: 10000rem;}

::selection {color:#fff; background-color: #061034;} ::-moz-selection {color:#fff; background-color: #061034;}

.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; }

textarea { -webkit-appearance: none;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }

.home-more{

	text-align: center;

	margin-top: 50px;

}

.home-more a{

	display: inline-block;

	font-size: 16px;

	color: #999;

	padding: 0 30px;

	height: 50px;

	line-height: 50px;

	border-radius: 25px;

}

.home-more a span{

	background-image: url(../images/more-icon_03.png);

	background-repeat: no-repeat;

	width: 16px;

	height: 13px;

	display: inline-block;

	margin-left: 15px;

}

.home-more a:hover{

	background-color: #01599d;

	color: #fff;

}

.home-more a:hover span{

	background-image: url(../images/more-icon2_07.png);

}

.home-more1{

	text-align: center;

	margin-top:30px;

}

.home-more1 a{

	display: inline-block;

	font-size: 16px;

	background-color: #01599d;

	color: #fff;

	padding: 0 30px;

	height: 50px;

	line-height: 50px;

	border-radius: 25px;

}

.home-more1 a span{

	background-image: url(../images/more-icon2_07.png);

	background-repeat: no-repeat;

	width: 16px;

	height: 13px;

	display: inline-block;

	margin-left: 15px;

}

.home-more1 a:hover{

	color: #999;

	background-color: #fff;

	box-shadow: 0 0 7px 2px rgb(0 0 0 / 20%);

}

.home-more1 a:hover span{

	background-image: url(../images/more-icon_03.png);

}

/* .clearfix { *zoom:1;}

.op70 { filter:alpha(opacity=70); opacity:0.7;}



a.aftl{position: relative;}

a.aftl::after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; 

   border-bottom: 1px solid #fff; -webkit-transition: .3s; transition: .3s;}

a.aftl:hover::after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}



::-webkit-input-placeholder{ color:#888;}

::-moz-placeholder{ color:#888;}

::-moz-placeholder{ color:#888;}

::-ms-input-placeholder{ color:#888;} */



/*轮播图*/

.newban .flex-direction-nav a{ 

	width:28px;

	height:51px; 

	display:block; 

	font-size: 0; 

	cursor: pointer;

	position:absolute; 

	top: 50%; 

	z-index: 4; 

	border-radius: 50%;  

	margin-top: -30px;

	background-position: center; 

	background-repeat: no-repeat;

	background-size: cover;

}

.newban .flex-direction-nav a.flex-prev{ 

	left:10px; 

	background-image: url('../images/lt1.png');

}

.newban .flex-direction-nav a.flex-next{ 

	right:10px;

	background-image: url('../images/gt1.png');

}

.newban .flex-direction-nav a:hover{ 

	

}

.newban .flex-control-paging{ 

	font-size: 0; 
	width: 100%;
	position: absolute; 

	bottom:50px; 

	left:0%; 

	z-index: 3; 

	text-align: center;

}

.newban .flex-control-paging li{

	display: inline-block; 

	*display:inline; 

	*zoom:1; 

	overflow:hidden; 

	width: 60px;

}

.newban .flex-control-paging li+li{ 

	margin-left: 20px;

}

.newban .flex-control-paging li a{ 

	width:100%; 

	height:24px; 


	display: block; 

	cursor:pointer;

	font-size: 0px; 

	color: rgba(255,255,255,0.35);

	 line-height: 24px;

	  position: relative;

	transition: color 0.3s; 

	-webkit-transition: color 0.3s;

}

.newban .flex-control-paging li.ac a{ 

	color: #fff;

}

.newban .flex-control-paging li a:before{ 

	content: ''; 

	position: absolute; 

	/* left: 50%; */

	 top:0; 
	left:0;
	z-index: 1;

	width: 60px;

	 height: 3px; 

	background-color: #fff; 
	
	margin-left: -1px;

}

.newban .flex-control-paging li.ac a:before{ 

	height: 3px; 

	-webkit-transition: 0.3s;  

	transition: 0.3s;
	background-color: #01599d;
	opacity: 1;
}

.newban{ 

	

	 width: 100%; 

	 height: 100%; 

	 overflow: hidden; 

	 z-index: 1;

}

.flexslider{ 

	position: relative;

	 width: 100%; 

	 z-index: 1; 

	 left: 0; 

	 top:0;

}

.flexslider .flex-viewport{ 

	height: 100%;

}

.flexslider .slides{ 

	overflow: hidden; 

	height: 100%; 

	font-size: 0;

}

.flexslider .slides li{ 

	height: 100%; 

	display: none; 

	-webkit-backface-visibility:hidden; 

	position: relative; 

	overflow: hidden;

}

.flexslider .slides li .wrap{ 

	display: block; 

	width: 100%; 

	height: 100%; 

	position: relative; 

	overflow: hidden;

}

.flexslider .slides .wrap>img{ 

	width: 100%; 

	height: 100%;

	 object-fit:cover; 

	 object-position: center;

}

.vd{ 

	position: absolute; 

	top:0; 

	left:0; 

	width: 100%; 

	height: 100%; 

	z-index: 0;

	background-color: #000; 

	object-fit:cover;

}

@media screen and (max-width:1640px){

	.newban .flex-control-paging{ 

		/* left: 5%;  */

		margin-left: 0;

	}

}

@media screen and (max-width:1300px){

	.newban .flex-control-paging{ 

		bottom: 40px;

	}

}

@media screen and (max-width:1024px){

	.newban{ 

		padding-bottom: 0; 

		/* height: 500px; */

	}

}





/* 头部 */

.head{ 

	width: 100%; 

	/* min-width: 480px; */

	 height: 110px; 

	 line-height: 110px; 

	 position: fixed; 

	 z-index: 60; 

	 top:0;

	background-color:#fff; 

	-webkit-transition: height 0.4s,

	opacity 0.4s; 

	transition: height 0.4s;

	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);

}

.headin{

	width: 90%; 

	margin: 0 auto;

}

.head>.headin{ 

	position: relative; 

	z-index: 7; 

	height: 100%; 

	border-bottom: 1px solid rgba(255,255,255,0.15);

}

.head .logo{ 

	height: 100%; 

	font-size: 0; 

	position: absolute; 

	left: 0; 

	top:0; 

	z-index: 1;

}

.head .logo img{ 

	max-height: 70%;

}

.headshadow{ 

	width: 100%; 

	height: 100px; 

	/* display: none;  */

	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);

}



/* .head.mini{ 

	height:110px; 

	line-height:110px; 

} */

.head.disappear{ 

	opacity: 0;

}

@media screen and (max-width:640px){

	.head{ 

		height: 70px; 

		line-height: 70px;

	}

	.newban{



	}

}





.headright{ 

	position: absolute; 

	right: 0; 

	top:0; 

	height: 100%; 

	z-index: 4;

	font-size: 0; 

	text-align: center;

}

.headright a{ 

	display: inline-block; 

	vertical-align: top; 

	height: 100%;

}

.headright a.glass{ 

	width:24px; 

	background: url('../images/glass.png') center no-repeat;

}

.headright a.topewm{ 

	width: 16px; 

	background: url('../images/sewm.png') center no-repeat; 

	margin-left: 14px; 

	position: relative;

}

.headright a.glass.on{ 

	-webkit-transform:rotate(360deg); transform:rotate(360deg);

}



a.tbtn.topewm:after{

	content: ''; 

	position: absolute; 

	left: 50%; 

	bottom:5px; 

	z-index: 0;

	width: 0; 

	height: 0; 

	margin-left: -4px; 

	border: 4px solid transparent;

}

a.tbtn.topewm:hover:after{ 

	border-top-color: #fff;

}

.topewm .bigewm{ 

	position: absolute; 

	width: 100px; 

	height: 100px; 

	top: 100%; 

	right: 0; 

	z-index: 1; 

	display: none; 

	line-height: 100px;

	background-color: #fff; 

	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);

}





.topsouout{ 

	padding:15px 0; 

	background-color: rgba(0,0,0,0.5); 

	position: absolute; 

	display: none;

	z-index: 5; 

	width: 100%; 

	right:0; 

	top:100%; 

	font-size: 16px; 

	line-height: 40px; 

	height: 40px;

}

.topsouout .topsou{ 

	position: relative; 

	width: 580px; 

	padding-right: 110px; 

	height:100%;

	background-color: #fff; 

	margin: 0 auto; 

	overflow:hidden;

}

.topsou input.shuru{ 

	width: 100%; 

	height:100%; 

	background-color:#fff; 

	border:none; 

	color:#666; 

	text-indent:20px;

}

.topsou input.anniu{ 

	position:absolute; 

	top:0; 

	right:0; 

	z-index:2; 

	width:110px; 

	height:100%; 

	border:none; 

	cursor:pointer;

	background-color: #00a1e9; 

	color: #fff; 

	text-align: center; 

	-webkit-transition: .3s; 

	transition: .3s;

}

.topsou input.anniu:hover{ 

	background-color: rgba(0,161,233,0.8);

}

@media screen and (max-width:750px){

	.topsouout .topsou{ 

		width: 64%; 

		padding-right: 16%;

	}

	.topsou input.anniu{ 

		width: 20%;

	}

}

.nav{ 

	position: absolute; 

	right:60px; 

	top:0; 

	z-index: 3; 

	height: 100%;

}

.nav>li{ 

	float: left; 

	height: 100%; 

	position: relative; 

	z-index: 1;

}

.nav>li>a{ 

	display: block; 

	padding: 0 23px; 

	height: 100%; 

	position: relative;

	font-size: 18px; 

	color: #333; 

	text-align: center;

}

.nav>li:hover>a,.nav>li.on>a{ }

.nav>li:first-child>a:before{ 

	display: none;

}

.nav>li>a:after{ 

	left:50%; 

	position: absolute; 

	bottom: -1px; 

	content: " "; 

	width:0; 

	margin-left: 0;

   border-bottom: 1px solid #4c167d; 

   -webkit-transition: .3s; 

   transition: .3s; 

   display: none;

}

.nav>li:hover>a:after,.nav>li.on>a:after{ 

	width: 80px; 

	margin-left: -40px;

}

.nav>li:hover>a i,.nav>li.on>a i{ 

	opacity: 1; 

	margin-top: -26px;

}

@media screen and (max-width:1780px){

	.headin{width: 96%; margin: 0 auto;}

}

@media screen and (max-width:1660px){

	.nav{ right:40px;}

	.nav>li>a{padding: 0 15px;}

}

@media screen and (max-width:1380px){

	.nav>li>a{ padding: 0 10px;}

	

}

@media screen and (max-width:1200px){

	.nav>li>a{ padding: 0 15px;}

	.nav>li:first-child{display: none;}

	.nav>li>a:before{display: none;}

}

@media screen and (max-width:1100px){

	.nav>li>a{ padding: 0 10px;}

}



dl.navtwo{ 

	min-width: 120px;

	width: auto; 

	display: none; 

	position: absolute; 

	top: 110%; 

	left:50%; 

	z-index: 1; 

	padding-top: 15px;

	-webkit-transition: top 0.3s; 

	-moz-transition: top 0.3s; 

	-ms-transition: top 0.3s; 

	-o-transition: top 0.3s; 

	transition: top 0.3s; 

	-webkit-transform: translate(-50%, 0); 

	transform: translate(-50%, 0);

}

dl.navtwo.on{ 

	top:90%;

}

dl.navtwo .inner{ 

	width: 100%; 

	background-color: rgba(255,255,255,1); 

	padding: 13px 0;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

	border-radius:4px;

	box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);

}

dl.navtwo:after{ 

	position: absolute; 

	left:50%; 

	top: 0; 

	margin-left: -11px; 

	content: " "; 

	width: 23px; 

    background: url('../images/sju1.png') center no-repeat; 

	height: 15px; 

	z-index: 1;

}



dl.navtwo dd{ 

	height: 36px; 

	line-height: 36px; 

	text-align: center;

}

dl.navtwo dd>a{ 

	display: block; 

	height: 100%; 

	font-size: 14px; 

	color: #666; 

	white-space: nowrap;

	padding: 0 20px; 

	overflow: hidden; 

	background-color: #fff;

}

dl.navtwo dd:hover>a{ 

	color: #fff; 

	background-color: #2778be;

}

dl.navtwo dd>a:after{ 

	left:100%; 

	position: absolute; 

	bottom: 0; 

	content: " "; 

	width: 0; 

	display: none;

   border-bottom: 1px solid #da251d; 

   -webkit-transition: .3s; 

   transition: .3s;

}

dl.navtwo dd>a:hover:after{ 

	width: 100%; 

	left:0; 

	transition: width 0.3s; 

	-webkit-transition: width 0.3s;

}



.navvtwo{ 

	width: 100%; 

	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) inset; 

	border-radius: 0 0 60px 60px;

	position: fixed;

	top:100px; 

	left:0; 

	max-height: calc(100% - 100px); 

	z-index: 110; 

	display: none;

	background: url('../images/navbg.jpg') center/cover no-repeat;

}

.navvtwo .inner{ 

	max-width: 1600px; 

	margin: 0 auto; 

	padding: 28px 30px 46px;

	display:flex; 

	flex-direction:row; 

	flex-wrap:wrap; 

	justify-content:flex-start; 

	align-items:flex-start;

}

.navvtwo dl{ 

	display: inline-block; 

	width: 20%; 

	padding: 20px 0;

}

.navvtwo dt{ 

	overflow: hidden; 

	margin-bottom: 10px;

}

.navvtwo dt a{ 

	display: block; 

	font-size: 16px; 

	color: #2778be;

	line-height: 36px; 

	height: 36px; 

	font-weight: bold;

}

.navvtwo dl:hover dt a{ 

	text-decoration: underline;

}

.navthree{ 

	width: 100%;

}

.navthree li{ 

	width: 100%; 

	padding: 5px 0; 

	line-height: 26px;

}

.navthree li{ 

	color: #38bab1; 

	font-size: 16px;

}

.navthree li a{ 

	display: inline-block; 

	font-size: 14px; 

	color: #35434f;

	padding: 0 10px; 

	margin-left: -10px; 

	overflow: hidden; 

	vertical-align: top;

}

.navthree li:hover a[href]{ 

	color: #fff; 

	background-color: #38bab1;

}





.head.mini .navvtwo{ 

	top:70px;

}

@media screen and (max-width:1023px){

	.navvtwo{ 

		display: none;

	}

}

@media screen and (max-width:640px){

	.navvtwo{ 

		top:70px; 

		max-height: calc(100% - 70px);

	}

}

@media screen and (max-height:700px){

	/* .head{ 

		height: 60px; 

		line-height: 60px;

	} */

	.navvtwo{ 

		top:60px;

		max-height: calc(100% - 60px);

	}



	.navvtwo .inner{ 

		padding: 20px 30px;

	}

	.navvtwo dt a{ 

		line-height: 26px; 

		height: 26px;

	}

	.navthree li{ 

		padding: 2px 0;

	}

	.newban{

		

	}

}





/* 手机导航 */

.navsjout{ 

	width: 100%; 

	opacity: 0; 

	overflow: auto; 

	position: fixed; 

	top:0; 

	bottom: 0; 

	left:-100%; 

	z-index: 55;

	-moz-transition: 0.4s; 

	-ms-transition: 0.4s;

	-webkit-transition: 0.4s;

	-o-transition: 0.4s; 

	transition: 0.4s; 

	background-color: #333;

}

.navsjout.on{ 

	opacity: 1; 

	left:0;

}



.navsj{ 

	width: 100%; 

	-webkit-overflow-scrolling : touch; 

	background-color: #333;

	position: absolute; 

	top:80px; 

	left:0;

}

.navsj>li{ 

	position: relative;

}

.navsj>li>a{ 

	display: block; 

	height:60px; 

	text-align: center; 

	line-height:60px; 

	font-size: 18px;

	 color: #fff; 

	 position: relative;

}

.navsj>li>a:after{ 

	content: ''; 

	position: absolute; 

	left: 30px; 

	right:30px; 

	bottom:0; 

	z-index: 0;

	height: 1px; 

	background-color: #666;

}



.navsjtwo{ 

	width: 100%; 

	overflow: hidden; 

	display: none;

	padding: 10px 0; 

	background-color: #f1f1f1;

}

.navsjtwo>li{ 

	width: 100%; 

	border-bottom: 1px solid #fff;

}

.navsjtwo>li>a{ 

	display: block; 

	line-height: 50px; 

	font-size: 16px; 

	color: #432a23;

	position: relative; 

	z-index: 1; 

	background-color: #f1f1f1; 

	text-align: center;

	

}



.navsj li i{ 

	position: absolute; 

	right: 13%; 

	top:0; 

	z-index: 1; 

	width: 20px; 

	height: 60px;

	display: block; 

	cursor: pointer; 

	background: url('../images/nav-jtd1.png') center no-repeat;

	background-size: 16px;

}

.navsj li.on i{

	-moz-transform: rotate(180deg); 

	-webkit-transform: rotate(180deg); 

	-o-transform: rotate(180deg); 

	-ms-transform: rotate(180deg); 

	transform: rotate(180deg);

}

.navsj,.navsj li i{ 

	-moz-transition: 0.3s; 

	-ms-transition: 0.3s;

	-webkit-transition: 0.3s; 

	-o-transition: 0.3s; 

	transition: 0.3s;

}

#close { 

	position: fixed; 

	left: 0; 

	top: 0; 

	width: 100%;

	bottom: 0; 

	z-index: 9;

	display: none; 

	background-color: rgba(0,0,0,0.6); 

	cursor: pointer;

}

.navbtn{

	position: absolute; 

	right:30px; 

	top:0; 

	z-index: 20; 

	width: 100px; 

	height: 100%; 

	display: none;

	-moz-transition: 0.4s; 

	-ms-transition: 0.4s; 

	-webkit-transition: 0.4s;

	-o-transition: 0.4s; 

	transition: 0.4s;

}

.navbtn s{ 

	position: absolute; 

	left: 25%; 

	display: block; 

	width: 50%; 

	height: 4%; 

	background-color: #333;

	-moz-transition: 0.3s; 

	-ms-transition: 0.3s; 

	-webkit-transition: 0.3s; 

	-o-transition: 0.3s; 

	transition: 0.3s;

	-moz-border-radius: 2px; 

	-webkit-border-radius: 2px; 

	border-radius:2px;

}

.navbtn>s:nth-child(1){

	top: 35%;

}

.navbtn>s:nth-child(2){

	top: 46%; 

	width: 40%; 

	transform: rotate(0deg) scale(1,1);

}

.navbtn>s:nth-child(3){

	top: 60%;

}

.navbtn.on s:nth-child(1){ 

	top:48%; 

	-webkit-transform: rotate(-225deg); 

	transform: rotate(-225deg);

}

.navbtn.on s:nth-child(2) { 

	transform: rotate(-180deg) scale(0,1);

}

.navbtn.on s:nth-child(3) { 

	top:48%; 

	-webkit-transform: rotate(225deg); 

	transform: rotate(225deg);

}

@media screen and (min-width:1024px){

	.navsjout{ 

		display: none;

	}
	

}

@media screen and (max-width:1360px){

	.nav{ display: none;}

	.navbtn{ display: block;}

	.navsjout{ display: block;}

	.headright{ right: 2%;}

}

@media screen and (max-width:750px){

	.navbtn{ width: 50px;}

	.headright{ right: 2%;}
	.video_box video{
		height: 300px;
	}
	.home-news-center-div{
		height: 114px;
	}

}





/*新闻中心*/

.w1400{

	max-width: 1400px;

	margin: 0px auto;

}

.home-tit{

	font-size: 36px;

	font-weight: bold;

	line-height: 50px;

	text-align: center;

	color: #000;

}

.home-news{

	padding: 60px 0;

	background-image: url(../images/newsa-bg_02.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}

@media screen and (max-width:1380px){

	.home-news{

		padding: 30px 0;

	}

	.home-tit{

		font-size: 26px;

		line-height:40px;

	}

	

}

/*首页新闻切换

/* 本例子css */

.slideTxtBox{ width:100%;}

.slideTxtBox .hd{ margin: 40px 0; position:relative;height:48px; }

.slideTxtBox .hd ul{ position:absolute; text-align: center; width: 100%;  }

.slideTxtBox .hd ul li{ display: inline-block; font-size: 18px;color: #666; margin: 0 15px; padding:0 35px;box-shadow: 0 0px 8px 0 rgba(0,0,0,.1); cursor:pointer; line-height: 48px;height:48px;border-radius: 24px;  }

.slideTxtBox .hd ul li.on{  background:#01599d;color: #fff; }



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }

.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

	 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }

.slideTxtBox .arrow .next{ background-position:0 -50px;  }

.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }

.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }



@media screen and (max-width:1380px){

	.slideTxtBox .hd{

		margin-top: 20px;

	}

	.slideTxtBox .hd ul li{

		font-size: 16px;

		margin: 0 10px;

		padding: 0 20px;

		line-height: 40px;

		height: 40px;

	}

	.slideTxtBox .hd{

		height: 40px;

	}



	

}

.home-news-box{

	width: 100%;

}

.home-news-fl{

	float: left;

	width: 31.5%;

}

.home-news-fl-div{

	margin-right: 30px;

	background-color: #fff;

	border:solid 1px #eee;

	overflow: hidden;

	box-shadow: 0 0px 8px 0 rgba(0,0,0,.1); 

}

.home-news-nr{

	padding: 30px;

	height:135px;

}
.home-news-nr a:hover h4,.home-news-center-div a:hover h4{
	color: #01599d;
}
.home-news-h4{

	font-size: 18px;

	font-weight: bold;

	color: #333;

	line-height: 36px;

	max-height: 72px;

	overflow: hidden;/*超出部分隐藏*/

	word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */



}
.home-news-p{
	margin:6px 0;
}
.home-news-p,.home-news-more{

	font-size: 16px;

	line-height: 30px;

	max-height: 30px;

	color: #666;

	overflow: hidden;

}

.home-news-more{

	margin-top:0px;

	display: block;

}

.home-news-more:hover{

	color: #01599d;

}

.home-news-bg{

	width: 100%;

	height: 220px;

}

.home-news-bg a{

	display: block;

	width: 100%;

	height:100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}
.home-news-bg a img{width: 100%;height: 100%;
	o-object-fit: cover;
    object-fit: cover;}
.home-news-center{

	float: left;

	width: 31.5%;

	

	

}

.home-news-center ul{

	margin-right: 30px;

}

.home-news-center ul li:first-child{

	background-image: url(../images/new-bg_03.jpg);

	

}

.home-news-center ul li:last-child{

	background-image: url(../images/new-bg1_03.jpg);

}

.home-news-center ul li{

	width: 100%;

	box-shadow: 0 0px 8px 0 rgba(0,0,0,.1); 

	background-color: #fff;

	border:solid 1px #eee;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}

.home-news-center ul li:first-child{

	margin-bottom: 30px;

}

.home-news-center-div{

	padding:24px 30px;
	height: 144px;

}

.home-news-right{

	float:right;

	width: 36.6%;

	height:414px;

	box-shadow: 0 0px 8px 0 rgba(0,0,0,.1); 

	background-color: #fff;

	border:solid 1px #eee;

	overflow: hidden;

}

.home-news-right ul{

	padding: 30px;

}

@media screen and (max-width:1400px){

	.home-news-box{

		width: 98%;

		margin: 0px auto;

	}

	.home-news-nr{

		padding: 20px;

	}

	.home-news-center-div {

		padding:28px 20px;

	}

	.home-news-center ul li:first-child{

		margin-bottom: 20px;

	}

}

@media screen and (max-width:1200px){

	.home-news-box{

		width: 96%;

		margin: 0px auto;

	}

	.home-news-fl{

		width: 54%;

	}

	.home-news-center{

		width: 46%;

		float: right;

		

	}

	.home-news-fl-div{

		margin-right: 20px;

	}

	.home-news-center ul{

		margin-right: 0;

	}

	.home-news-right{

		width: 100%;

		margin-top: 20px;

	}

	.home-news-right ul{

		padding: 20px;

	}

	

}



@media screen and (max-width:1023px){

	.home-tit {

		font-size: 20px;

		line-height: 30px;

	}

	.home-news {

		padding: 20px 0;

	}

	.slideTxtBox .hd {

		margin:10px 0;

	}

	.slideTxtBox .hd ul li {

		font-size: 16px;

		margin: 0 5px;

		padding: 0 14px;

		line-height: 30px;

		height:30px;

	}

	.home-news-fl-div {

		margin-right: 10px;

	}

	.home-news-nr {

		padding: 10px;

	}

	.home-news-h4 {

		font-size: 16px;

		line-height: 26px;

		height: 26px;



	}

	.home-news-p, .home-news-more {

		font-size: 14px;

		line-height: 24px;

		max-height: 48px;

	}

	.home-news-nr{

		height: auto;

	}

	.home-news-bg{

		height: 150px;

	}

	.home-news-center-div {

		padding: 10px 10px;

	}

	.home-news-center ul li:first-child {

		margin-bottom: 10px;

	}

	.head .logo{

		height: 70%;

	}

	.newban .flex-direction-nav a {

		width: 40px;

		height: 40px;

	}

	.flexslider .slides .wrap>img {

		width: 160%;

		height: 160%;

		margin-left: -30%;



	}

	.newban .flex-control-paging {

		bottom: 20px;

	}

	.headshadow{

		height: 70px;

	}
	.home-news-center-div{
		height: 114px;
	}
	
	

}

.home-news-right-tit span{

	float: right;

	font-size: 16px;

	color: #666;

	line-height: 34px;

	height:34px;
	margin-left: 20px;
	overflow: hidden;

}

.home-news-right-tit h4{

	font-size: 16px;

	color: #333;

	line-height: 34px;

	height:34px;
	margin-right: 20px;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.home-news-right ul li p{

	font-size: 16px;

	color: #666;

	line-height: 34px;

	height:34px;

	overflow: hidden;

}

.home-news-right ul li:first-child{

	padding-top: 0;

}

.home-news-right ul li{

	padding:13px 0;

	border-bottom: solid 1px #ddd;

}

.home-news-right ul li a:hover h4,.home-news-right ul li a:hover p{

	color: #01599d;

}

@media screen and (max-width:1080px){

	.home-news-right{

		width: 100%;

		margin-top: 10px;

	}

	.home-news-right ul {

		padding: 10px;

	}

	.home-news-right-tit h4{

		line-height: 30px;

		height: 30px;

	}

	.home-news-right-tit span{

		line-height: 30px;

		height: 30px;

	}

	.home-news-right ul li p{

		font-size: 14px;

		line-height: 30px;

		height: 30px;

	}

	.home-news-right ul li{

		padding: 6px 0;

	}

	.home-news-right{

		height: auto;

	}

}

.home-product{

	padding: 60px 0;

}

.home-product-box{

	margin-top: 40px;

}

.home-product-box ul li{

	width: 33.333%;

	float: left;

	margin-bottom: 30px;

	

	

}

.home-product-box ul li:nth-child(3n) .pro-item{

	margin-right: 0px;

}

.pro-item{

	margin-right: 30px;

	position: relative;

	border: solid 1px #eee;

    overflow: hidden;

    box-shadow: 0 0px 8px 0 rgba(0,0,0,.1);

}

.pro-item-a{

    width: 100%;

    height: 100%;

    display: block;

}



.pro-item-a{

    width: 100%;

    height: 100%;

    display: block;

}

.portfolio_sec .item {

    width: 100%;

    height: 348px;

    



}

.portfolio_sec .project_content{

    width: 100%;

    height: 348px;

    position: absolute;

    overflow: hidden;

}

.portfolio_sec .item .my_img,

.portfolio_sec .item .my__img {

    width: 100%;

    height: 348px;

    overflow: hidden;

}



.portfolio_sec .item img {

    width: 100%;

    height:100%;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.portfolio_sec .item:hover img {

    transform: scale(1.3);

}

.display-table{

	padding: 20px;

}

.video-popup{

	display: block;

	border:solid 1px #fff;



}

.portfolio_sec .item .info {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../images/pro_mark_03.png);

    opacity: 0;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    text-align: center;

}

.portfolio_sec .item .pro-tit{

    background-image: url(../images/pro_mask.png);

    opacity: 1;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    position: absolute;

    bottom:0px;

    text-align: center;

    padding: 14px 20px;

    width:439px;

}

.portfolio_sec .item .pro-tit h3{

    font-size: 20px;

    color: #fff;

    line-height: 40px;

    height:40px;

    overflow: hidden;

}

.portfolio_sec .item .pro-tit p{

    font-size: 16px;

    color: #e2e7fc;

    line-height: 32px;

    height:32px;

    overflow: hidden;

}

.portfolio_sec .item .info i {

    width:30px;

    height:30px

}

.portfolio_sec .item .info i img{

    width:30px;

    height:30px

}

.display-table-cell{

    padding: 20px;

}

.portfolio_sec .item:hover .info {

 

    opacity: 1;

}

.portfolio_sec .item:hover .pro-tit{

   

    opacity: 0;

    background-image: url(../imges/men-bg.png);

}

.portfolio_sec .item:hover .info h3,

.portfolio_sec .item:hover .info p {

    transform: translateY(0);

    -webkit-transform: translateY(0);

}



.portfolio_sec  .item .info h3 {

    color: #fff;

    font-size: 20px;

    line-height: 40px;

   

    vertical-align: middle;

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.portfolio_sec  .item .info h3 p{

    

}

.portfolio_sec  .item .info p {

    line-height: 30px;

    color: #e2e7fc;

    margin-bottom: 0;

    -webkit-transform: translateY(15px);

    transform: translateY(15px);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    text-transform: capitalize;

    margin-top: 6px;

    letter-spacing: 0.3px;
	max-height: 90px;
	overflow: hidden;

}

.display-table-cell{

    width: 439px;

    height: 268px;

    display: table-cell;

	vertical-align: middle;

	text-align: center;

    

}

.display-table-cell a{

    display: block;

    vertical-align: middle;

}



@media screen and (max-width:1200px){

	.home-product-box{

		width: 96%;

    	margin: 0px auto;

	}

	.home-product-box ul li{

		width:50%;

		margin-bottom: 20px;	

	}

	.home-product-box ul li:nth-child(3) .pro-item{

		margin-right: 20px;

	}

	.pro-item{

		margin-right: 20px;

	}

	.home-product-box ul li:nth-child(2n) .pro-item{

		margin-right: 0px;



	}

}

@media screen and (max-width:1200px){

	.home-product{

		padding: 20px 0;

	}

	.home-product .home-tit{

		margin-bottom: 20px;

	}

}

@media screen and (max-width: 1380px){

	.home-product {

		padding: 30px 0 0 0;

	}

	.home-product-box{

		width: 96%;

    	margin: 30px auto 0 auto;

	}

	.home-product-box ul li{

		margin-bottom: 20px;

	}

	.pro-item{

		margin-right:20px;

	}

}



.home-menu-fl{

	width: 50%;

	background-image: url(../images/about-bg_02.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	float: left;

}

.home-menu-fl .home-menu-div{

	max-width: 614px;

	float: right;

	padding: 40px 86px 40px 0;

	text-align: center;

}

.home-menu-div h3{

	font-size: 26px;

	color: #fff;

	font-weight: bold;

	margin-bottom: 10px;

}

.home-menu-div p{

	font-size: 16px;

	color: #fff;

	line-height: 30px;

	max-height: 60px;

	overflow: hidden;

}

.home-menu-a{

	display: inline-block;

	text-align: center;

	width: 120px;

	height:42px;

	line-height: 42px;

	color: #fff;

	border:solid 1px #fff;

	margin-top: 20px;

}

.home-menu-a:hover{

	background-color: #fff;

	color: #01599d;

}

.home-menu-fr{

	width: 50%;

	background-image: url(../images/zhuti-bg_03.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	float: left;

}

.home-menu-fr .home-menu-div{

	max-width: 614px;

	float: left;

	padding: 40px 0px 40px 86px;

	text-align: center;

}

.home-copyright{

	background-color: #3b3c3f;

	padding: 40px 0;

}

.home-copyright-div{

	width: 90%;

    margin: 0 auto;

	

}

.home-copyright-fl{

	float: left;

}

.home-copyright-fl h3{

	font-size: 20px;

	color: #fff;

}

.home-copyright-fl p{

	font-size: 16px;

	color: #a4a5a5;

	line-height: 36px;

}

.home-copyright-fl a:hover{

	text-decoration: underline;

}

.home-copyright-fr{

	float: right;


}

.home-copyright-ewm{

	float: left;

	margin-left: 30px;

}

.home-copyright-ewm img{

	width: 98px;

	height: 98px;

}

@media screen and (max-width:1440px){

	.home-menu-fl .home-menu-div{

		padding: 40px 46px 40px 40px;

	}

	.home-menu-fr .home-menu-div{

		padding: 40px 40px 40px 46px;

	}

}

@media screen and (max-width:1200px){

	.home-menu-fl .home-menu-div{

		padding: 20px 46px 20px 40px;

	}

	.home-menu-fr .home-menu-div{

		padding: 20px 40px 20px 46px;

	}

	.portfolio_sec .item{

		height: 300px;

	}

}

@media screen and (max-width: 1080px){

	.home-menu-div h3{

		font-size: 16px;

		margin-bottom:0px;

		line-height: 30px;

	}

	.home-copyright-fl {

		float: none;

	}

	.home-menu-fl .home-menu-div{

		padding: 10px;

	}

	.home-menu-fr .home-menu-div{

		padding: 10px;

	}

	.home-menu-div p{

		font-size: 14px;

		line-height: 20px;

		height: 20px;

		overflow: hidden;

	}

	.home-menu-a{

		margin-top: 10px;

		width: 80px;

		height: 24px;

		line-height: 24px;

		font-size: 14px;

		border-radius: 16px;

	}

	.home-copyright{

		padding: 20px 0;

	}

	.home-copyright-div{

		width: 96%;

		margin: 0px auto;

	}

	.home-copyright-fl p{

		font-size: 14px;

		line-height: 24px;

	}

	.home-copyright-fr{

		float:none;

		margin-top: 10px;

	}

	.home-copyright-ewm{

		margin-right:20px;

		margin-left: 0;

	

	}

	.home-copyright-ewm img{

		width: 70px;

		height: 70px;

	}

	.portfolio_sec .item{

		height: 110px;

	}

	.portfolio_sec .project_content{

		height: 110px;

	}

	.portfolio_sec .item .my_img, .portfolio_sec .item .my__img{

		height: 110px;

	}

	.home-product-box ul li:nth-child(3) .pro-item {

		margin-right: 10px;

	}

	.pro-item {

		margin-right: 10px;

	}

	.home-product .home-tit{

		margin-bottom: 0px;

	}

	.home-product-box {

		margin:10px auto 0 auto;

	}

	.home-product {

		padding: 20px 0 10px 0;

	}

	.home-product-box ul li {

		margin-bottom: 10px;

	}

	.portfolio_sec .item .info{

		

	}

	.display-table{

		padding: 10px;

	}

	.display-table-cell{

		width: 100%;

		height:86px;

		padding:0px 10px;

	}

	.portfolio_sec .item .info h3{

		font-size: 16px;

		line-height:24px;

		max-height: 48px;

		overflow: hidden;

		-webkit-transform: translateY(0px); 

    	transform: translateY(0px);

	}

}



/*内页banner*/

.inbanner {

    width: 100%;

    height: 480px;

    position: relative;

    overflow: hidden;

}

.inbanner > img {

    position: relative;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    z-index: 0;

}

.ibbg {

    -webkit-animation: pagebgfd 6s linear infinite alternate;

    animation: pagebgfd 6s linear infinite alternate;

}

.ibcatein {

    position: absolute;

    width: 100%;

    left: 0;

    top: 50%;

    z-index: 1;

    color: #fff;

    text-align: center;

    margin-top: -62px;

}

.ibcatein .cn {

	font-size: 38px;

	line-height: 44px;

	height: 44px;
	font-weight: bold;
	overflow: hidden;

  }

  .ibcatein .en {

	font-size: 24px;

	line-height: 48px;

	height: 48px;

	overflow: hidden;

	

	text-transform: uppercase;

	margin-bottom: 20px;

  }

  .ibcatein .hx {

	width: 50px;

	height: 5px;

	margin: 0 auto;

	background-color: #fff;

	position: relative;

	overflow: hidden;

  }

  .ibcatein .jux {

	width: 50%;

	height: 100%;

	position: absolute;

	left: -50%;

	top: 0;

	z-index: 1;

	background-image: -webkit-gradient(linear, left top, right top, from(#01599d), to(#54e116));

	background-image: linear-gradient(to right, #01599d, #54e116);

	-webkit-animation: juxmove 2s linear 0s both infinite;

			animation: juxmove 2s linear 0s both infinite;

  }

  .ibcatein .jux.jux2 {

	background-image: -webkit-gradient(linear, left top, right top, from(#ff1222), to(#fdcb1e));

	background-image: linear-gradient(to right, #ff1222, #fdcb1e);

  }

  .ibcatein .fig {

	height: 17px;

	background: url('../images/zuan.png') center no-repeat;

	-webkit-animation: movt 4s linear 0s both infinite;

			animation: movt 4s linear 0s both infinite;

	margin: 20px 0 18px;

  }

  @media screen and (max-width:1023px){

	.inbanner {

		height:180px;

	}

	.ibcatein {

		margin-top: -40px;

	}

	.ibcatein .cn {

		font-size: 20px;

		line-height:30px;

		height: 30px;

	}

	.ibcatein .en {

		font-size:16px;

		line-height:30px;

		height: 30px;

		margin-bottom: 10px;

	}

	.ibcatein .hx {

		height: 2px;

	}

	.case-out{

		padding: 20px 0;

	}

  }

  .outnavbg {

	width: 100%;

	height: 70px;

	background-color: #fff;

	overflow: hidden;

	position: relative;

	z-index: 5;

	border-bottom: 1px solid #e6e6e6;

  }

  .outnav7 {

	height: 70px;

	padding: 0;

	position: relative;

	z-index: 1;

	overflow: hidden;

	text-align: center;

  }

  .outnav7 .nav-left,

  .outnav7 .nav-right {

	width: 40px;

	height: 100%;

	cursor: pointer;

	position: absolute;

	top: 0;

	z-index: 2;

	background-repeat: no-repeat;

	background-color: #eaeaea;

	display: none;

	background-position: center;

	-webkit-transition: 0.3s;

	transition: 0.3s;

  }

  .outnav7 .nav-left {

	left: 0;

	background-image: url('../images/lt3.png');

  }

  .outnav7 .nav-right {

	right: 0;

	background-image: url('../images/gt3.png');

  }

  .outnav7 .nav-left:hover {

	background-image: url('../images/lt3h.png');

	background-color: #01599d;

  }

  .outnav7 .nav-right:hover {

	background-image: url('../images/gt3h.png');

	background-color: #01599d;

  }

  .outnav7 #wrapper77 {

	width: 100%;

	height: 100%;

	position: relative;

  }

  .outnav7.on {

	padding: 0 40px;

  }

  .outnav7.on .nav-left,

  .outnav7.on .nav-right {

	display: block;

  }

  .nav7,

  .nav8 {

	width: 100%;

	height: 100%;

	font-size: 0;

	white-space: nowrap;

  }

  .nav7 li,

  .nav8 li {

	/* width: 114px; */

	display: inline-block;

	height: 100%;

	overflow: hidden;
	margin: 0 15px;

  }

  .nav7.fen2 li,

  .nav8.fen2 li {

	width: 50%;

  }

  .nav7.fen3 li,

  .nav8.fen3 li {

	width: 33.3%;

  }

  .nav7.fen4 li,

  .nav8.fen4 li {

	width: 25%;

  }

  .nav7.fen5 li,

  .nav8.fen5 li {

	width: 20%;

  }

  .nav7 li a,

  .nav8 li a {

	display: block;

	position: relative;

	color: #666;

	line-height: 70px;

	font-size: 16px;

  }

  .nav7 li a:before {

	content: '';

	overflow: hidden;

	width: 0;

	height: 0;

	border-width: 6px 7px;

	border-color: #01599d transparent transparent transparent;

	border-style: solid dashed dashed dashed;

	font-size: 0;

	-webkit-transition: 0.3s;

	transition: 0.3s;

	position: absolute;

	left: 50%;

	top: -12px;

	z-index: 0;

	margin-left: -7px;

  }

  .nav7 li a:after {

	content: '';

	position: absolute;

	left: 50%;

	bottom: 0;

	z-index: 0;

	width: 0;

	height: 2px;

	background-color: #01599d;

	margin-left: 0;

	-webkit-transition: 0.3s;

	transition: 0.3s;

  }

  .nav7 li.on a,

  .nav7 li:hover a {

	color: #01599d;

  }

  .nav7 li.on a:after,

  .nav7 li:hover a:after {

	width: 74px;

	margin-left: -37px;

  }

  .nav7 li.on a:before,

  .nav7 li:hover a:before {

	top: 0;

  }

.greybg {

    background-color: #f5f5f5;

}

.case-out {

    padding: 40px 0;

}

.newslist {

	padding: 0 0 40px;

	margin: 0 -14px;

	overflow: hidden;

  }

  .newslist li {

	float: left;

	width: 25%;

	margin-bottom: 40px;

  }

  .newslist li .lin {

	padding: 0 15px;

  }

  .newslist li a {

	display: block;

	position: relative;

	background-color: #fff;

	padding: 38px 25px 40px;

  }

  .newslist .pic {

	width: 100%;

	height: 0;

	padding-bottom: 49.06%;

	margin: 14px 0 18px;

	overflow: hidden;

	position: relative;

  }

  .newslist img {

	position: absolute;

	z-index: 1;

	left: 0;

	top: 0;

	-o-object-fit: cover;

	   object-fit: cover;

  }

  .newslist li h3 {

	font-size: 18px;

	color: #222;

	line-height: 26px;

	height: 52px;
	margin-bottom: 10px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 超出几行省略 */
	overflow: hidden;
  

  }

  .newslist li .txt {

	font-size: 14px;

	color: #666;

	line-height: 24px;

	height: 48px;

	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 超出几行省略 */
	overflow: hidden;

  }
  .newslist li .txt1 {

	font-size: 14px;

	color: #666;


	width: 100%;
    height: 0;
    padding-bottom: 49.06%;
    margin: 14px 0 18px;
    overflow: hidden;
    position: relative;
  }

  .newslist li .date {

	font-size: 12px;

	color: #666;

	line-height: 22px;

	height: 22px;

	font-family: 'arial';

  }

  .newslist li:hover a {

	background-color: #01599d;

  }

  .newslist li:hover h3 {

	color: #fff;

  }

  .newslist li:hover .date {

	color: #fff;

  }

  .newslist li:hover .txt,.newslist li:hover .txt1 {

	color: #fff;

  }

  .newslist h3,

  .newslist .date,

  .newslist .txt {

	-webkit-transition: .6s;

	transition: .6s;

  }

  @media screen and (max-width: 1440px) {

	.newslist li {

	  width: 33.33%;

	}

  }

  @media screen and (max-width: 1200px) {

	.newslist {

	  margin: 0 -15px;

	}

	.newslist li {

	  margin-bottom: 30px;

	}

	.newslist li .lin {

	  padding: 0 15px;

	}

  }

  @media screen and (max-width: 960px) {

	.newslist li {

	  width: 50%;

	}

  }

  @media screen and (max-width: 750px) {

	.newslist {

	  padding: 0 0 10px;

	}

  }

  @media screen and (max-width: 640px) {

	.newslist li {

	  width: 100%;

	}

  }



.cer{

    max-width: 1400px;

    margin: 0 auto;

}

.cer {

    padding: 0 2%;

}



.pic102 img, .pic104 img, .pic101 img {

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}



.poa, .poa1 {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1;

}

/*翻页*/



div.pageList{ padding: 0 0px; text-align: center;}

div.pageList ul.l{ display: none;}

div.pageList ul li { font-size: 0; line-height: 42px;display: inline;}

div.pageList ul li a{ display: inline-block; line-height: 34px; background-color: #fff;

 	padding: 0 14px; margin:0 4px; height: 34px; color: #999; font-size: 14px; border: 1px solid #cdcdcd;

 	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px;}

div.pageList ul li  a:hover{ border-color: #01599d; color: #01599d;}

div.pageList ul li a.selected{ background-color: #01599d; border-color: #01599d; color: #fff;}





.dang-red div.pageList ul li:hover a{ border-color: #d41e2d; color: #d41e2d;}

.dang-red div.pageList ul li a.selected{ border-color: transparent; color: #fff;

	background-image: linear-gradient(to right, #d10d1d, #d8810a);}

@media screen and (max-width:1023px){

	.case-out{

		padding: 20px 0;

	}

	.newslist li{

		margin-bottom: 10px;

	}

	.newslist li a {

		display: block;

		position: relative;

		background-color: #fff;

		padding:14px;

	}

	.newslist li h3 {

		font-size: 16px;

		margin-bottom: 0px;

	}

	.outnavbg{

		height: 50px;

	}

	.outnav7 {

		height: 50px;

	}

	.nav7 li a, .nav8 li a {

		line-height: 50px;

	}

	.newslist .pic{

		margin: 5px 0;

	}

	.newslist {

		margin: 0px;

	}

	.newslist li .lin {

		padding: 0px;

	}

	

}

/*产品*/

/*产品*/
.caselist {
	padding: 0 0 30px;
	margin: 0 -15px;
	overflow: hidden;
  }
  .caselist li {
	float: left;
	width: 33.3%;
	margin-bottom: 30px;
  }
  .caselist li .lin {
	padding: 0 15px;
	position: relative;
  }
  .caselist li a {
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
  }
  .caselist .pic {
	width: 100%;
	height: 0;
	overflow: hidden;
	position: relative;
	padding-bottom:66%;
  }
  .caselist img {
	-o-object-fit: cover;
	   object-fit: cover;
  }
  .caselist li .wz {
	/* width: 100%; */
	/* height: 70px; */
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	overflow: hidden;
	left: 0;
    bottom: 0;
    right: 0;
	z-index: 99;
	padding: 15px 10px;
  }
  .caselist li h3 {
	font-size: 16px;
	color: #fff;
	line-height:30px;
	width: 100%;
	height:30px;
	overflow: hidden;

	z-index: 3;
	/* -webkit-transition: .4s;
	transition: .4s; */

  }
  .caselist li p{
	
	font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 60px;
    height: 0;
    -webkit-transition: all 420ms ease 0s, all 420ms ease 0s;
    transition: all 420ms ease 0s, all 420ms ease 0s;
	margin: 5px 20px 0 20px;
  }

  .caselist li:hover h3 {
	color: #fff;
	line-height:40px;
  }
  .caselist li:hover p {
	color: #fff;
	height:60px;
	line-height: 30px;
	overflow: hidden;
  }
  .caselist li:hover .wz {
	
	/* height: 70px; */
	background-color: rgba(0, 0,0, 0.5);
  }
  .caselist li:hover .info {
	bottom: 0px;
	height: 100%;
  }
  .caselist li:hover i {
	bottom: 0;
	border-bottom-color: #fff;
	border-bottom-style: solid;
  }
  .video{
	height: 680px;
  }
  @media screen and (max-width: 1200px) {
	.caselist li {
	  width: 50%;
	}
	.video{
		height:580px;
	  }
  }
  @media screen and (max-width: 750px) {
	.leiout {
	  margin-bottom: 50px;
	}
	.leiout a {
	  padding: 0 24px;
	}
	.video{
		height:380px;
	}
  }
  @media screen and (max-width: 640px) {
	.caselist li {
	  width: 50%;
	}
	.video{
		height:220px;
	}
  }
  @media screen and (max-width: 1023px){
	.caselist{
		padding-bottom: 10px;
		margin: 0px;
	}
	.caselist li{
		margin-bottom: 10px;
	}
	.caselist li h3{
		height: 40px;
		line-height:44px;
		font-size: 14px;
	}
	.caselist li:hover h3 {
		color: #fff;
		line-height:44px;
	}
	.caselist li .lin {
		padding:0 8px;
	}
	.caselist li .wz {
		width: 100%;
		height: 40px;
	}
	.caselist li .info{
		height: 3px;
	}
  }


  /*新闻详情*/

  .atc {

	padding: 40px 70px 70px;

	background-color: #fff;

  }

  .atc-h {

	border-bottom: 1px solid #e7e7e7;

	padding-bottom: 20px;

	position: relative;

  }

  .atc-h h1 {

	font-size: 30px;

	color: #333;

	line-height: 46px;

	font-weight: bold;

	margin-bottom: 20px;

	text-align: center;

  }

  .atc-date {

	font-size: 16px;

	color: #888;

	line-height: 30px;

	text-align: center;

  }

  .atc-date span {

	display: inline-block;

	margin:0 24px;

  }

  .atc-con {

	padding: 44px 0 44px;

	font-size: 16px;

	line-height: 30px;

	color: #555;

	text-align: justify;

  }

  .atc-con p{

	text-indent: 2.1em;

	margin-bottom: 15px;

  }



  .atc-con img,.atc-con p img {

	max-width: 100%;

	margin-left: -2.1em;

  }

  @media screen and (max-width: 1023px) {

	.greybgnews {

	  padding: 60px 0 80px;

	  background-color: #fff;

	}

	.atc {

	  padding: 0 30px;

	}

  }

  @media screen and (max-width: 960px) {

	.atc-con {

	  padding-bottom: 60px;

	}

	.atc-date span {

	  margin:0 12px;

	}

  }

  @media screen and (max-width: 1080px) {

	.atc {

	  padding:14px 10px 10px 10px;

	}

	.atc-h h1 {

	  font-size: 18px;

	  margin-bottom: 0;

	  line-height: 30px;

	}

	.atc-date {

		font-size: 14px;

		line-height: 30px;

	}

	.atc-h{

		padding-bottom:6px;

	}

	.atc-con {

		padding: 10px 0 10px 0;

		font-size: 14px;

		line-height: 24px;

	}

	.atc-con p{

		margin-bottom: 10px;

	}

	.atc-pn{

		padding-top: 10px;

	}

	.atc-date span.atc-brow{

		display: none;

	}

  }

  .atc-pn {

	position: relative;

	padding-top: 26px;

	padding-right: 160px;

	border-top: 1px solid #ddd;

  }

  .atc-pn a {

	display: block;

	overflow: hidden;

	font-size: 16px;

	color: #666;

	line-height: 34px;

	margin-top: 10px;

  }

  .atc-pn a:hover {

	color: #2778be;

  }

  .atc-pn a label {

	display: inline-block;

	border: 1px solid #ccc;

	width: 98px;

	height: 32px;

	text-align: center;

	font-size: 14px;

	line-height: 32px;

	margin-right: 15px;

	-webkit-transition: 0.3s;

	transition: 0.3s;

  }

  .atc-pn a:hover label {

	border-color: #2778be;

  }

  .atc-pn a.ret {

	font-size: 14px;

	color: #fff;

	line-height: 44px;

	text-align: center;

	background-color: #2778be;

	width: 110px;

	height: 44px;

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 1;

	margin-top: 0;

  }

  .atc-pn a.ret:hover {

	opacity: 0.8;

  }

  @media screen and (max-width: 960px) {

	.atc-pn {

		display: none;

	  /* padding-right: 0;

	  padding-top: 10px; */

	}

	.atc-pn a.ret {

	  position: static;

	  width: 120px;

	  height: 40px;

	  line-height: 40px;

	  border-radius: 5px;

	  display: block;

	  margin:20px auto 0;

	  font-size: 16px;

	}

  }

  /*产品列表*/

  .introduct{

	padding:50px 0;

  }

  .introduct-content {

	width: 63.16%;

	float: left;

  }

  .introduct-tt {

	position: relative;

	z-index: 2;

	padding-top: 30px;

	padding-bottom: 30px;

  }

  .introduct-tt small {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	z-index: -1;

	text-transform: uppercase;

	line-height: 1;

	color: #bfbfbf;

	font-size: 72px;

	opacity: 0.12;

	font-family: "SourceHanSerifCN-Heavy";

  }

  .introduct-tt:before {

	position: absolute;

	left: 0;

	bottom: 0;

	content: "";

	width: 55px;

	height: 3px;

	background: #01599d;

  }

  .introduct-tt strong {

	display: block;

	margin-bottom: 16px;

	line-height: 1;

	color: #333333;

	font-size: 32px;

  }

  .introduct-tt span {

	display: block;

	line-height: 1;

	color: #7f8692;

	font-size: 18px;

  }

  .introduct-text {

	margin-top: 20px;

  }

  .introduct-text p {

	color: #333333;

	font-size: 15px;

	text-indent:2rem;

	text-align: justify;

	margin-bottom: 12px;

  }

  .introduct-img {

	width: 32.333%;

	float: right;

	margin-top:177px;

  }

  .introduct-img img {

	display: block;

	width: 100%;

	height: auto;

  }

  @media screen and (max-width: 1024px){

	.introduct-img img {

		margin: auto;

		width: auto;

		max-width: 100%;

	}

	.introduct-content {

		width: 100%;

	}

	.introduct-img {

		margin-top: 30px;

		width: 100%;

		text-align: center;

	}

	.introduct-tt small {

		font-size: 60px;

	}

  }

  @media screen and (max-width: 641px){

	.introduct-tt small {

		font-size: 40px;

	}

  }

/*企业荣誉*/

figure{

	display: block;

}

.qualifications-box{

	background-image:url(../images/3.jpg);

	padding:50px 0 0;

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

    overflow: hidden;

}

.honor-box {

	padding: 96px 0 0;

	background-attachment: fixed;

	background-position: center;

	background-size: cover;

	overflow: hidden;

  }

  .honor-title {

	width: 298px;

	position: relative;

	text-align: center;

	margin: auto;

	padding-bottom: 20px;

	border-bottom: 1px solid #d5d5d5;

  }

  .honor-title:before {

	content: "";

	width: 54px;

	height: 3px;

	background: #01599d;

	position: absolute;

	left: 50%;

	margin-left: -27px;

	bottom: -2px;

  }

  .honor-title strong {

	display: block;

	margin-bottom: 8px;

	line-height: 1;

	color: #333333;

	font-size: 32px;

  }

  .honor-title small {

	display: block;

	line-height: 1;

	color: #c3c4c5;

	font-size: 16px;

	text-transform: uppercase;

  }

  .honors-swiper {

	position: relative;

	z-index: 3;

	padding-bottom: 158px;

	margin-top: 54px;

  }

  .honors-swiper:before {

	position: absolute;

	left: 50%;

	margin-left: -583px;

	bottom: 0;

	content: "";

	width: 1167px;

	height: 297px;

	background: url(../images/modificate.png) center no-repeat;

  }

  .honor-banner {

	position: relative;

	margin: 0 135px;

  }

  .honors-slide {

	position: relative;

	height:316px;

	text-align: center;

  }

  .honors-slide.swiper-slide-active .swiper-slide-name{

	width: 100%;

	left: 0;

  }

  .honors-slide .swiper-slide-name{

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	font-size: 16px;

	color: #666;

	background-color: #fff;

	position: absolute;

	width: 82%;

	left: 9%;

    right: 0;

    bottom: 0;

	border-bottom-left-radius: 4px;

	border-bottom-right-radius: 4px;

  }

  .honors-slide figure{

	height:276px;

	margin: 0;

	padding: 0;

  }

  .honors-slide.swiper-slide-active img {

	width: 100%;

	height: 246px;

	left: 0;

  }

  .honors-slide img {

	height: 190px;

	display: block;

	max-width: 100%;

	width: 82%;

	position: absolute;

	left: 9%;

	right: 0;

	bottom: 40px;

	transition: 0.45s;

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;

  }

  .swiper-btn {

	width: 54px;

	height: 80px;

	position: absolute;

	top: 38%;

	margin-top: -40px;

	z-index: 10;

	cursor: pointer;

	background: rgba(0, 0, 0, 0.2);

	transition: 0.4s;

	border-radius:2px;

  }

  .swiper-btn:hover {

	background: #01599d;

  }

  .swiper-btn:before {

	content: "";

	width: 23px;

	height: 45px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -11px;

	margin-top: -22px;

  }

  .swiper-btn.prev {

	left: 0;

  }

  .swiper-btn.prev:before {

	background: url(../images/prev.png) center no-repeat;

  }

  .swiper-btn.next {

	right: 0;

  }

  .swiper-btn.next:before {

	background: url(../images/next.png) center no-repeat;

  }

  @media screen and (max-width: 1024px){

	.honors-slide {

		height:166px;

	  }

	  .honors-slide.swiper-slide-active img {

		height: 166px;

	  }

	  .honors-slide img {

		height: 120px;

	  }

	  .honors-swiper:before {

		width: 900px;

		height: 230px;

		background-size: cover;

		margin-left: -450px;

	}

	.qualifications-box{

		padding: 30px 0 0 0;

	}

	.honors-swiper {

		position: relative;

		z-index: 3;

		padding-bottom:130px;

		margin-top:30px;

	}

	.introduct-tt strong{

		font-size: 24px;

	}

	.introduct{

		padding: 30px 0;

	}

	.introduct-text{

		margin-top: 20px;

	}

	.honor-title strong {

		display: block;

		margin-bottom: 8px;

		line-height: 1;

		color: #333333;

		font-size:24px;

	}

  }

  @media screen and (max-width: 641px){

	.Partner-cont ul li a .Partner-box .Partner-div p{

		height: 60px;

		line-height: 30px;

	}

	.Partner-cont ul li{

		width: 100%;

	}

	.honors-slide figure{

		height:60px;

	}

	.honors-slide {

		height:106px;

	  }

	  .honors-slide.swiper-slide-active img {

		height: 106px;

	  }

	  .honors-slide.swiper-slide-active{

		height:106px;

	  }

	  .honors-slide.swiper-slide-active img{

		height:60px;

	  }

	  .honors-slide img {

		height:60px;

	  }

	  .honors-slide .swiper-slide-name{

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	  }

	  .honors-swiper:before {

		width:100%;

		

		height: 100%;

		margin-left:0;

		left: 0%;

		background-size: 100%;

	}

	.swiper-btn {

		width: 34px;

		height: 50px;

		position: absolute;

		top: 30%;

		margin-top: -40px;

		z-index: 10;

		cursor: pointer;

		background: rgba(0, 0, 0, 0.2);

		transition: 0.4s;

	}

	.swiper-btn:before {

		content: "";

		width: 22px;

		height:30px;

		

		margin-left: -11px;

		margin-top: -16px;

	}

	.qualifications-box{

		padding: 30px 0 0 0;

	}

	.honors-swiper {

		position: relative;

		z-index: 3;

		padding-bottom:88px;

		margin-top:30px;

	}

	.introduct-tt strong{

		font-size: 24px;

	}

	.introduct{

		padding: 30px 0;

	}

	.introduct-text{

		margin-top: 20px;

	}

	.honor-title strong {

		display: block;

		margin-bottom: 8px;

		line-height: 1;

		color: #333333;

		font-size:24px;

	}

  }

  /*组织机构*/

  .honors{

	background-image:url(../images/7.jpg);

	padding:50px 0 0;

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

    overflow: hidden;

  }

  .mechanism{

	margin: 40px 0;

	text-align: center;

  }

  .mechanism img{

	max-width: 100%;

	margin-left: -2rem;

  }

  .mechanism p {

    color: #333333;

    font-size: 16px;

    text-indent: 2rem;

    text-align: justify;

    margin-bottom: 15px;

}

.Partner{

	padding: 50px 0 0 0;

}

.Partner-cont{

	padding: 40px 0;

}

.Partner-cont ul{

	

}

.Partner-cont ul li{

	width:32%;

	background-color: #f6f6f6;

	float: left;

	border-radius: 4px;

	margin: 15px 1.3% 15px 0;

}

.Partner-cont ul li:nth-child(3n){

	margin-right: 0;

}

.Partner-cont ul li a .Partner-box{

	padding: 20px;

	

}

.Partner-cont ul li:hover{

	background-color: #01599d;

}

.Partner-cont ul li:hover a .Partner-box .Partner-div h3,.Partner-cont ul li:hover a .Partner-box .Partner-div p{

	color: #fff;

}
.Partner-cont ul li a .Partner-box .Partner-box-img{
    width: 36%;
    float: left;
    padding-bottom: 25%;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
}
.Partner-cont ul li a .Partner-box img{
	width: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

@media screen and (max-width: 641px){

	.Partner-cont ul li{

		width:100%;

		margin: 8px 0;

	}

	.Partner-cont ul li:nth-child(3n){

		margin-right: 0;

	}

	

}

.Partner-cont ul li a .Partner-box .Partner-div{

	/* width: 58%; */

}

.Partner-cont ul li a .Partner-box .Partner-div h3{

	font-size: 18px;

	color:#333;

	font-weight: bold;

	height:40px;

	line-height: 40px;

	overflow: hidden;

}

.Partner-cont ul li a .Partner-box .Partner-div p{

	font-size: 16px;

	color: #666;

	line-height: 30px;

	height: 60px;

	overflow: hidden;

}



/*产品详情*/

.product-img{

	width: 40%;

	float: left;

}

.product-img img{

	width: 100%;

	height: 333px;

}

.product-box{

	width:58%;

	float: right;

}

.product-cont{

	margin-bottom:30px;

}

.product-box h3{

	font-size: 20px;

	font-weight: bold;

	color: #333;

	margin-bottom: 10px;

}

.product-box p{

	font-size: 16px;

	color: #666;

	line-height: 30px;

	margin-bottom: 10px;

}

.product-detail-h3{

	border-bottom: solid 1px #ddd;

}

.product-detail-h3 h3{

	font-size: 20px;

	color: #fff;;

	line-height:50px;

	background-color: #01599d;

	display: inline-block;

	padding: 0 20px;

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;

}

.product-detail-box{

	font-size: 16px;

	line-height: 32px;

	padding: 30px 0;

}

.product-detail-box p{

	text-indent: 2rem;

	margin-bottom: 20px;

}

.product-detail-box p img{

	max-width: 100%;

	margin-left: -2rem;

}

.product-detail-box img{

	max-width: 100%;



}

@media screen and (max-width: 641px){

	.product-img{

		width: 100%;

		float: none;

		margin-bottom: 10px;

	}

	.product-box{

		width:100%;

		float: none;

	}

	.product-cont{

		margin-bottom:10px;

	}

	.product-box h3{

		font-size:16px;

	}

	.product-box p{

		font-size: 14px;

		line-height:26px;

	}

	.product-detail-h3 h3{

		font-size: 16px;

		line-height: 40px;

	}

	.product-detail-box{

		padding: 10px 0;

	}

	.product-detail-box p{

		font-size: 14px;

		line-height: 26px;

		margin-bottom: 10px;

	}

	

}

@media screen and (max-width: 1024px){

	.mechanism{

		margin: 20px 0;

	}

	.product-img{

		width: 50%;

	}

	.product-box{

		width: 48%;

	}

	.product-cont{

		margin-bottom: 20px;

	}

	.product-detail-box{

		padding: 20px 0;

	}

	.head{

		height:70px;

	}
	.video_box video{
		height: 300px;
	}
	.atc-pn a.ret{

		bottom:20px

	}

	.Partner-cont ul li a .Partner-box .Partner-div h3{

		font-size: 16px;

		height: 30px;

		line-height: 30px;

	}

	.Partner-cont ul li a .Partner-box .Partner-div p{

		height: 30px;

		line-height: 30px;

	}

	.honors{

		padding: 30px 0 0 0;

	}

	.Partner{

		padding: 30px 0 0 0;

	}

	.Partner-cont{

		padding: 20px 0;

	}

}



/*企业文化*/

.guanlist {

	margin: 50px 0;

  }

  .guanlist li {

	display: inline-block;

	width:33.0%;

	margin-bottom:5px;

  }

  .guanlist li .lin {

	

	height:353px;

	position: relative;

  }

  .guanlist .pic {

	width: 100%;

	height: 100%;

	overflow: hidden;

	background-color: #0098d9;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 0;

	font-size: 0;

  }

  .guanlist .pic img {

	width: 100%;

	height: 100%;

	

  }

  .guanlist li .in {

	padding: 30px 40px 20px;

	text-align: left;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	z-index: 2;

  }

  .guanlist li .in .im {

	height: 80px;

	line-height: 80px;

	overflow: hidden;

	margin-bottom: 10px;

  }

  .guanlist li .in .im img {

	max-width: 100%;

	max-height: 100%;

  }

  .guanlist li .in .hx2 {

	width: 30px;

	height: 1px;

	margin: 10px 0 24px;

	background-color: #fff;

  }

  .guanlist li .in .txt2 {

	font-size: 28px;

	color: #fff;

	line-height: 42px;

	font-weight: bold;

	margin-top: 20px;

  }

  .guanlist li .in .txt3 {

	font-size: 18px;

	color: #fff;

	line-height: 28px;

	height: 28px;

	overflow: hidden;

	text-transform: capitalize;

  }

  .guanlist li .area {

	height: 150px;

	font-size: 14px;

	color: #fff;

	line-height: 25px;

	opacity: 0;

	overflow: hidden;

  }

  .guanlist li label {

	display: block;

	margin-top: 28px;

	height: 30px;

	overflow: hidden;

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	text-transform: uppercase;

	opacity: 0;

  }

  .guanlist .area,

  .guanlist .pic img,

  .guanlist label {

	-webkit-transition: .6s;

	transition: .6s;

  }

  .guanlist .hx2 {

	-webkit-transition: 1s;

	transition: 1s;

  }

  .guanlist li:hover .pic img {

	opacity: 0.2;

  }

  .guanlist li:hover .area {

	opacity: 1;

  }

  .guanlist li:hover .hx2 {

	width: 100%;

  }

  .guanlist li:hover label {

	opacity: 1;

  }

  @media screen and (max-width: 1600px) {

	

  }

  @media screen and (max-width: 1550px) {

	

  }

  @media screen and (max-width: 1500px) {

	

  }

  @media screen and (max-width: 1400px) {

	

  }

  @media screen and (max-width: 1300px) {

	

  }

  @media screen and (max-width: 1200px) {

	.wenhua1 {

	  padding: 70px 0;

	}

	

	

  }

  @media screen and (max-width: 750px) {

	.guanlist li .in .txt2{

		font-size: 22px;

	}

	.guanlist li .in {

	  padding: 20px 20px 20px;

	}

	.guanlist li .in .txt3 {

	  font-size: 18px;

	}

	.guanlist li label {

	  display: none;

	}

	.guanlist li .area {

	  font-size: 18px;

	  opacity: 1;

	  line-height: 32px;

	  height: 192px;

	  overflow: auto;

	}

	.guanlist li{

		width: 49.5%;

	}

  }

  /*新闻列表*/

  .newslist1 li{

	margin-bottom: 20px;

  }

  .newslist1 li .lin a{

	background-color: #fff;

	display: block;

	border-radius: 4px;

	padding: 20px;

  }

  .newslist1 li .lin a .news-time{

	width: 160px;

	text-align: center;

	background-color: #01599d;

	padding: 25px 0 0 0;

	float: left;

	margin-right: 20px;

	height: 110px;

  }

  .newslist1 li .lin a .news-time i{

	width: 40px;

	height: 2px;

	background-color: #fff;

	display: block;

	margin: 10px auto;

  }

  .newslist1 li .lin a .news-time b{

	color: #fff;

	font-size: 28px;

	display: inline-block;

	line-height: 30px;

  }

  .newslist1 li .lin a .news-time p{

	color: #fff;

	font-size: 20px;

	line-height: 20px;

  }

  .newslist1 li .lin a .news-cont h3{

	font-size: 18px;

    color: #222;

    line-height: 30px;

    height: 30px;

    overflow: hidden;

    margin-bottom:5px;

  }

  .newslist1 li .lin a .news-cont .txt{

	font-size: 16px;

	color: #666;

	line-height: 30px;

    height:60px;

	overflow: hidden;

  }

  .newslist1 li .lin a:hover h3,.newslist1 li .lin a:hover .txt{

	color: #01599d;

  }

  @media screen and (max-width: 750px) {

	.newslist1 li .lin a .news-time{

		width: 80px;

		padding: 10px 0;

		height:80px;

		margin-right: 10px;

	}

	.newslist1 li .lin a .news-time b{

		font-size: 20px;

	}

	.newslist1 li .lin a .news-time p{

		font-size: 16px;

	}

	.newslist1 li .lin a .news-cont h3{

		font-size: 16px;

	}

	.newslist1 li .lin a .news-cont .txt{

		font-size: 14px;

	}

	.newslist1 li{

		padding: 0px;

		margin-bottom: 10px;

	}

	.newslist1 li .lin a{

		padding: 10px;

	}

  }

  .n_contact{ padding:120px 0; background:url(../images/map01.png) center no-repeat;}

  .n_contact dl{ font-size:0}

  .n_contact dl dt{ float: left; width:34%;}

  .n_contact dl dt h2{ font-family:Impact; font-size:50px; color:#15569d; text-transform:uppercase; padding:0px 0 0}

  .n_contact dl dt h3{ font-weight:bold; font-size:24px; color:#333333; margin:10px 0px 20px 0}

  .n_contact dl dt h4{ font-size:18px; color:#666666;}

  .n_contact dl dd{ float: left; width:27%; text-align:center}

  .n_contact dl dd h3{ margin-bottom: 30px;}

  .n_contact dl dd h4{ font-size:1.625rem; color:#33383e; font-weight:bold; text-transform:uppercase; margin-bottom:20px}

  .n_contact dl dd p{font-size: 1rem;color:#666666;line-height:1.875rem;}
  .n_contact dl dd:nth-child(4){
	width: 12%;
  }
  @media screen and (max-width: 750px) {

	.n_contact{

		padding: 30px 0;

	}

	.n_contact dl dt,.n_contact dl dd{

		width: 100%;

		float: none;

	}

	.n_contact dl dt{

		text-align: center;

		margin-bottom: 15px;

	}

	.n_contact dl dd{

		margin:0 0 15px 0;

	}

	.n_contact dl dt h2{

		font-size: 30px;

	}

	.n_contact dl dt h3{

		font-size: 22px;

		margin: 0px;

	}

	.n_contact dl dd h3{

		margin-bottom: 10px;

	}

	.n_contact dl dd h4{ 

		margin-bottom:0px

	}

	.n_contact dl dd h3 img{

		width:35px;

	}

  }

  /*业绩*/
  /* sBusiness */
  .sBusiness-list {
	margin-bottom: 30px;
  }
.sBusiness-list .col {
	float: left;
    width: 33.3%;
}
.sBusiness-list .col .lin{
	position: relative;
	margin: 0 15px;
}
.sBusiness-list .col .pic img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    width: 100%;
    height: 100%;
}
.sBusiness-list .col:nth-child(1n+4) {
    margin-top: 3%;
}

.sBusiness-list .col .pic {
	width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom:72%;
    /* height: 0;
    padding-bottom: 100%; */
}

.sBusiness-list .col .txt {
    position: absolute;
    z-index: 4;
    color: #fff;
	text-align: center;
}

.sBusiness-list .col .txt.b {
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
	padding: 10px 20px 10px 20px;
    /* padding: 0.8rem; */
}

.sBusiness-list .col .txt.b h3 {
	font-size: 16px;
    position: relative;
    line-height:40px;
    height:40px;
	overflow: hidden;
}
.sBusiness-list .col .txt.b p {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    height: 0;
    -webkit-transition: all 220ms ease 0s, all 220ms ease 0s;
    transition: all 220ms ease 0s, all 220ms ease 0s;
}

.sBusiness-list .col .txt.m {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    text-align: center;
}

.sBusiness-list .col .txt.m .icoImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    height: 40px;
}

.sBusiness-list .col .txt.m .dt {
    margin-top: 0.4rem;
}

.sBusiness-list .col .txt.m .ds {
    margin-top: 0.4rem;
}


@media screen and (min-width: 1025px) {
    .sBusiness-list .col .pic {
        -webkit-transition: all 400ms ease 0s;
        transition: all 400ms ease 0s;
    }

    .sBusiness-list .col:hover .pic {
        opacity: .95;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .sBusiness-list .col:hover .txt.b {
        background-color: rgba(0, 97, 174, 0.5);
    }

  
    .sBusiness-list .col:hover .txt.b p {
        height:30px;
		line-height: 30px;
		overflow: hidden;
    }
}

@media screen and (max-width: 1024px) {
    .sBusiness-list .col {
        width: 48.5%;
    }

    .sBusiness-list .col:nth-child(1n+3) {
        margin-top: 3%;
    }
}

.sBusiness-list .kong {
    display: inline-block;
    vertical-align: top;
    height: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.sBusiness-list .col .lin .link{
	position: absolute;
	display: block;
	z-index: 999;
	width: 100%;
	height: 0;
	padding-bottom: 72%;
}


/*企业文化*/
  .guanlist .swiper-slide {
	display: inline-block;
	width:33.0%;
	margin-bottom:5px;
  }
  .guanlist .swiper-slide .lin {
	
	height:353px;
	position: relative;
  }
  .guanlist .pic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #0098d9;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	font-size: 0;
  }
  .guanlist .pic img {
	width: 100%;
	height: 100%;
	
  }
  .guanlist .swiper-slide .in {
	padding: 30px 40px 20px;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
  }
  .guanlist .swiper-slide .in .im {
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	margin-bottom: 10px;
  }
  .guanlist .swiper-slide .in .im img {
	max-width: 100%;
	max-height: 100%;
  }
  .guanlist .swiper-slide .in .hx2 {
	width: 30px;
	height: 1px;
	margin: 10px 0 24px;
	background-color: #fff;
  }
  .guanlist .swiper-slide .in .txt2 {
	font-size: 28px;
	color: #fff;
	line-height: 42px;
	font-weight: bold;
	margin-top: 20px;
  }
  .guanlist .swiper-slide .in .txt3 {
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	text-transform: capitalize;
  }
  .guanlist .swiper-slide .area {
	height: 150px;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	opacity: 0;
	overflow: hidden;
  }
  .guanlist .swiper-slide label {
	display: block;
	margin-top: 28px;
	height: 30px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	text-transform: uppercase;
	opacity: 0;
  }
  .guanlist .area,
  .guanlist .pic img,
  .guanlist label {
	-webkit-transition: .6s;
	transition: .6s;
  }
  .guanlist .hx2 {
	-webkit-transition: 1s;
	transition: 1s;
  }
  .guanlist .swiper-slide:hover .pic img {
	opacity: 0.2;
  }
  .guanlist .swiper-slide:hover .area {
	opacity: 1;
  }
  .guanlist .swiper-slide:hover .hx2 {
	width: 100%;
  }
  .guanlist .swiper-slide:hover label {
	opacity: 1;
  }
  @media screen and (max-width: 1600px) {
	
  }
  @media screen and (max-width: 1550px) {
	
  }
  @media screen and (max-width: 1500px) {
	
  }
  @media screen and (max-width: 1400px) {
	
  }
  @media screen and (max-width: 1300px) {
	
  }
  @media screen and (max-width: 1200px) {
	.wenhua1 {
	  padding: 70px 0;
	}
	
	
  }
  @media screen and (max-width: 750px) {
	.guanlist .swiper-slide .in .txt2{
		font-size: 22px;
	}
	.guanlist .swiper-slide .in {
	  padding: 20px 20px 20px;
	}
	.guanlist .swiper-slide .in .txt3 {
	  font-size: 18px;
	}
	.guanlist .swiper-slide label {
	  display: none;
	}
	.guanlist .swiper-slide .area {
	  font-size: 18px;
	  opacity: 1;
	  line-height: 32px;
	  height: 192px;
	  overflow: auto;
	}
	.guanlist .swiper-slide{
		width: 49.5%;
	}
  }