﻿@import "../font/iconfont.css"; 
@charset "utf-8";
/* CSS Document */
*{
	box-sizing:border-box;}
body {
  margin: 0px;
  padding: 0px;
  font-family: "微软雅黑";
  font-size: 12px;
  line-height: 22px;
  color: #333333;
  background: #FFF;
}
*{
	caret-color: rgba(0, 0, 0, 0);}
/*------------------------Start 解决12号字在google和傲游浏览器的不识别小于12号的英文字体-------------*/
html {
  -webkit-text-size-adjust: none;
}
/*------------------------End 解决12号字在google和傲游浏览器的不识别小于12号的英文字体----------*/
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
  margin: 0px;
  padding: 0px;
}
ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
dl {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
dd {
  margin: 0px;
}
a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  color:#00678f;
  text-decoration: none;
}
.link-blue {
  color: #0b5cac;
  text-decoration: underline;
}
.link-blue:hover {
  color: #0b5cac;
  text-decoration: underline;
}
img {
  font-size: 0px;
  line-height: 0px;
  vertical-align: bottom;
  border: 0px;
}
.c {
  clear: both;
  overflow: hidden;
}
.main_w {
  margin: 0 auto;
  width: 100%;
}
.main {
  margin: 0 auto;
  width: 1200px;
}
.maina{
  margin: 0 auto;
  width: 1400px;
}

/*--End 分页样式---------*/
/************/
.banner_w {
  width: 100%;
  height: 682px;
  position: relative;
  overflow: hidden;
  clear: both;
  background-color: #f8f8f8;
}
.banner {
  margin: 0 auto;
  width: 1920px;
  height: 682px;
  position: absolute;
  overflow: hidden;
  left: 50%;
  margin-left: -960px;
}
.banner .img {
  width: 25000px;
  position: absolute;
  left: 0;
  top: 0;
}
.banner .img li {
  float: left;
  overflow: hidden;
}
.banner .num {
  position: absolute;
  width: 100%;
  bottom: 35px;
  left: 0;
  text-align: center;
  font-size: 0;
}
.banner .num li {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px;
  cursor: pointer;
}
.banner .num li.on {
  background-color: #00678f;
}
.banner .btn {
  width: 30px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  text-align: center;
  line-height: 46px;
}
.banner:hover .btn {
  display: block
}
.banner .btn_l {
  left: 15%;
}
.banner .btn_r {
  right: 15%;
}
/*************************************/
.top_w{
	box-shadow:2px 2px 4px #ddd;
	transition:all 0.5s ease;
	background-color:rgba(255,255,255,0.9);position: fixed;
    z-index: 111111;
}
.top_l{
	float: left;
	background: url("../images/logo.png") left center no-repeat;
	height: 90px;
	padding: 10px 0;
	padding-left: 95px;background-size:129px 80px;
}
.top_l01{
	font-size:22px;
	font-weight: bold;
	color: #333;
	padding-top: 30px;
	padding-left:40px;
}
.top_l02{
	font-size:18px;
	padding-top: 15px;
}
.top_r{
	float: right;
	width:766px;
}
.nav_w{
	height: 50px;
	line-height: 50px;
	margin-top:28px;
}
.nav{
	clear:both;}
.nav ul li{
	display: block;
	float: left;
	padding: 0 19px;
	font-size: 16px;
	position: relative;
	z-index:1111;
}
.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;	transition:all 0.5s ease;
    z-index: 99999;
}
.nav ul li.on,.nav ul li:hover{
	background-color: #00678f;
	color: #fff;
	cursor:pointer;
}
.nav ul li.on>a,.nav ul li:hover>a{
	color:#fff;}
	
.nav ul li>ul {
    transform: rotateX(90deg);
    transform-origin: top;
    position: absolute;
    top: 55px;
    left:0px;
    padding: 0;
    width:185px;
	border:0;
    opacity: 0;
    background-color: #fff;
	box-shadow:2px 2px 4px #ccc;
    transition: transform 0.2s linear, opacity 0.2s linear;
}

.nav ul li:hover>ul {
  transform: rotateX(0);
  opacity: 1;
  padding:3px 0
}

.nav ul li>ul>li {
  text-align: center;
	width: 100%;
	height:36px;
	line-height:36px;
	padding: 0;  margin:3px 0;
  transition: background-color 0.2s linear;
}
.nav ul li.praa>ul{
	width:185px;
	}
.nav ul li>ul>li>a {
  display: block;
  font-size: 14px;
  color: #333;	
	width: 100%;
  transition: background-color 0.2s linear;
}

.nav ul li>ul>li:hover>a {
  background-color: #00678f;
	color: #fff;
}

	
	
	
.ss_w{
	background: url("../images/ss_bj.png") top center no-repeat;
	position: relative;
	z-index: 111;
	top:-40px;
	min-height: 115px;
}
.ss_l{
	float: left;
	width: 280px; 
}
.ss_l01{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	width: 190px;
	margin-top: 30px;
	background: url("../images/jt.png") right bottom no-repeat;
}
.ss_l02{
	font-size: 22px;
	color: #fff;margin-top:15px;
}
.ss_r{
	float: right;
	width: 895px;margin-top:60px;
}
.ss_r_l{
	float: left;
	width: 570px;
	line-height: 30px;
	font-size: 16px;
}
.ss_r_l a{
	padding:0 7px 0 5px;
	color: #666;
}
.ss_r_l a:hover{
	color: #d63b35;
}
.ss_r_r{
	float: right;
	width: 250px;
	height: 50px;
	border-bottom:3px solid #2c2f3d;
}
.ss_r_raa input{
	border: 0;
	outline: 0;
	height: 40px;
	font-size: 15px;
	width: 225px;
	line-height: 40px;padding:2px 0 0 0;
	float: left;
	
}
.ss_r_raa button{
	border: 0;
	outline: 0;
	padding:10px 0 0 0;
	margin: 0;
	width: 21px;
	height: 22px;
	float: right;
	background: none;
}
.ss_r_raa button img{
	cursor: pointer;
}



.yz{height: 583px;padding-top: 50px;box-sizing: border-box;}
.yz h2{font-weight: normal;text-align: center;}
.yz h2 span{display: block;font-size: 30px;color: #333333;line-height: 30px;}
.yz h2 i{display: block;font-size: 40px;color: #333333;line-height: 40px;padding-top: 10px;font-weight: bold; font-style: normal;}
.yz .xx{display: block;font-size: 15px;color: #666;line-height: 24px; margin:0 auto;margin-top: 40px;text-align: center; width:850px;}
.yz ul{ margin: 37px 50px 0;height: 226px;text-align: center;}
.yz ul li{ float:left;width:220px;height: 226px;border-right: 1px solid #dddddd;box-sizing: border-box;transition:all 0.5s;position: relative;z-index: 10;}
.yz ul li:last-child{ border-right: 0;}
.yz ul li em{ display: block;margin: 32px auto 0;width: 62px;height: 62px;overflow: hidden;}
.yz ul li em img{display: block;width: 62px;height: 62px;transition:all 0.5s;}
.yz ul li.cur{ box-shadow: 0 0 32px 13px rgba(44,47,62,0.10);}
.yz ul li.cur img:nth-child(1){ margin-top:-62px;}
.yz ul li.cur p{ display:block;}
.yz ul li b{ display: block;font-size: 22px;color: #333;line-height: 22px;font-weight: normal;padding-top: 20px;padding-bottom: 9px;}
.yz ul li span{ display: block;font-size: 12px;color: #333;line-height: 12px;opacity: 0.2;text-transform: uppercase;}
.yz ul li p{ display: none;font-size: 14px;line-height: 20px;color:#2c2f3e;padding:0 52px 0;}
.yz ul li.cur span{ display:none;}
.yz ul li.cur b{ font-weight: bold;color:#2c2f3e;}

/******************************************************/
.lkcon_a{
	margin:10px auto 0px;
}
.lkcon_a01{
	text-align:center;
	font-size:40px;
	line-height:50px;
	font-weight:bold;
}
.lkcon_a01 span{
	color:#00678f;}
.lkcon_a02{
	text-align:center;
	font-size:15px;
	margin-top:10px;}
.lkcon_a03{
	margin:40px auto 20px;}
.lkcon_a03 ul li{
	float:left;
	background-color:#f9f9f9;
	box-sizing:border-box;
	padding:50px;
	height:460px;
	overflow:hidden;
	margin-bottom:40px;
}
.lkcon_a03_l{
	float:left;
}
.lkcon_a03_r{
	float:right;
}
.lkcon_a03_l01{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
.lkcon_a03_l02{
	width:40px;
	height:2px;
	background-color:#00678f;
	margin-bottom:20px;}
.lkcon_a03_l03{
	font-size:15px;
	line-height:24px;
	color:#666666;
}
	
.lkcon_a03 ul li:nth-child(1) {
	width:920px;
}
.lkcon_a03 ul li:nth-child(2) {
	width:440px;float:right;
}
.lkcon_a03 ul li:nth-child(3) {
	width:440px;
	clear:left;
}
.lkcon_a03 ul li:nth-child(4) {
	width:920px; float:right;
}
.lkcon_a03 ul li:nth-child(1) .lkcon_a03_l{
	width:361px;
}
.lkcon_a03 ul li:nth-child(1) .lkcon_a03_l .lkcon_a03_l01{
	margin-top:50px;
}
.lkcon_a03 ul li:nth-child(1) .lkcon_a03_r{
	width:290px;	transition:all 0.6s ease;
	margin-right:60px;margin-top: 20px;
}
.lkcon_a03 ul li:nth-child(1) .lkcon_a03_r:hover{
	width:300px;	
}
.lkcon_a03 ul li:nth-child(1) .lkcon_a03_r a{
	display:block;
	width:100%;

}
.lkcon_a03 ul li:nth-child(1) .lkcon_a03_r a img{
	width:100%;

}
.lkcon_a03 ul li:nth-child(2) {
	padding:30px;}
.lkcon_a03 ul li:nth-child(2) .lkcon_a03_l{
	float:none;
}
.lkcon_a03 ul li:nth-child(2) .lkcon_a03_l{
	float:none;
	width:100%;
}
.lkcon_a03 ul li:nth-child(2) .lkcon_a03_r{
	float:none;    width: 190px;transition:all 0.6s ease;
    margin: 50px auto 0;
}
.lkcon_a03 ul li:nth-child(2) .lkcon_a03_r:hover{
	width: 205px;
	}
.lkcon_a03 ul li:nth-child(2) .lkcon_a03_r a{
	width:100%;display:block;

}
.lkcon_a03 ul li:nth-child(2) .lkcon_a03_r a img{
	width:100%;
}
 .lkcon_a03_l01 a:hover{
	 color:#00678f;}
	 
	 

.lkcon_a03 ul li:nth-child(3) .lkcon_a03_l{
	float:none;
}
.lkcon_a03 ul li:nth-child(3) .lkcon_a03_l{
	float:none;
	width:100%;
}
.lkcon_a03 ul li:nth-child(3) .lkcon_a03_r{
	float:none;    width: 180px;transition:all 0.6s ease;
    margin:15px auto 0;
}
.lkcon_a03 ul li:nth-child(3) .lkcon_a03_r:hover{
	width:190px;
	}
.lkcon_a03 ul li:nth-child(3) .lkcon_a03_r a{
	width:100%;display:block;

}
.lkcon_a03 ul li:nth-child(3) .lkcon_a03_r a img{
	width:100%;
}

/********************/
.lkcon_a03 ul li:nth-child(4) .lkcon_a03_l{
	float:none;
}
.lkcon_a03 ul li:nth-child(4) .lkcon_a03_l{
	float:none;
	width:100%;
}
.lkcon_a03_l06a{
	float:left;
	width:135px;
	margin-right:23px;
}

.lkcon_a03_l06a:nth-child(3){
	width:142px;
}
.lkcon_a03_l06a:nth-child(4){
	margin-left:25px;width:135px;
}
.lkcon_a03_l06a:last-child{
	margin-right:0px;width:150px;
}

.lkcon_a03_l0602 a{
	display:block;
}
.lkcon_a03_l06{
	margin-top:20px;}
.lkcon_a03_l06a01{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.lkcon_a03_l0602 a{
	font-size:15px;
	line-height:28px;
}
.lkcon_a03_l0602 a:hover{
	color:#00678f;}

.lkcon_a03_l06a:first-child{
	/*width:300px;*/}
.lkcon_a03_l06a:first-child .lkcon_a03_l0602 a{
	/*width:50%;
	float:left;*/}
.lkcon_a03_l06a01 a:hover{
	color:#00678f;
}
.lkcon_b01{
	margin-top:40px;}
.lkcon_b03{
	margin:40px auto;
}
.lkcon_b03 ul li{
	float:left;
	width:436px;
	height:351px;
	margin-right:42px;
	overflow:hidden;
}
.lkcon_b03 ul li:last-child{
	margin-right:0;}
.lkcon_b03 ul li a{
	display:block;
	width:100%;}
.lkcon_b03 ul li a img{
	width:100%;
	transition:all 0.6s ease;
}
.lkcon_b03 ul li:hover a img{
	transform:scale(1.1);
}
.lkcon_c{
	margin:30px auto 80px;
}
.lkcon_c03{
	margin-top:35px;}
.lkcon_c03 ul li{
	float:left;
	width:329px;
	margin-right:28px;overflow:hidden;
}
.lkcon_c03 ul li:last-child{
	margin-right:0px;}
.lkcon_c03pic{
	width:100%;
	overflow: hidden;
}
.lkcon_c03pic a{
	display:block;
	width:100%;}
.lkcon_c03pic a img{
	transition:all 0.6s ease;
	width:100%;}
.lkcon_c03pic a:hover img{
	transform:scale(1.1);}
.lkcon_c03name{
	border:1px solid #dfdfdf;
	border-top:0;
	box-sizing:border-box;
	padding:20px 0px 20px;
	/*border-bottom:2px solid #00678f;*/}
.lkcon_c03name01{
	font-size:20px;padding:0px 15px;
}
.lkcon_c03name02{
	font-size:15px;
	margin-top:8px;padding:0px 15px;
	color:#666;
	line-height:24px;
}
.lkcon_c03 ul li .xian {
    margin-top: 30px;
    height: 3px;
	overflow:hidden;
	transition:all 0.6s ease;
     background-color: #00678f; width:0;
}
.lkcon_c03 ul li:hover .xian {  
	width:100%;
}

.lkcon_c03 ul li:hover .lkcon_c03name { 
	border:1px solid #00678f;border-top: 0;
}


/********************/
.lkcon_d_w{
	margin-top:60px;
	padding:50px 0 80px;
	background-color:#f8f8f8;
}
.lkcon_d_nr{
	margin-top:50px;
}
.lkcon_d_nr01,.lkcon_d_nr02,.lkcon_d_nr03{
	float:left;	
}
.lkcon_d_nr01{
	width:616px;
}
.lkcon_d_nr01pic{
	width:100%;
	height:402px;
	overflow:hidden;
}
.lkcon_d_nr01pic a{
	display:block;
	width:100%;
}
.lkcon_d_nr01pic a img{
	width:100%;
	height:100%;
	transition:all 0.6s ease;
}
.lkcon_d_nr01pic:hover a img{
	transform: scale(1.1);
}
.lkcon_d_nrname{
	height:50px;
	line-height:50px;
	background-color:#000000;
}
.lkcon_d_nrname a{
	padding-left:15px;
	color:#fff;
	font-size:15px;}
.lkcon_d_nr02,.lkcon_d_nr03{
	width:367px;
	margin-left:25px;
}
.lkcon_d_nr02 ul li{
	background-color:#fff;
	margin-bottom:15px;
	box-sizing:border-box;
	padding:25px 25px;
}
.lkcon_d_nr02 ul li:last-child{
	margin-bottom:0;}
.lkcon_d_nr02a{
	font-size:16px;
	line-height:24px;
	padding-bottom:5px;
}
.lkcon_d_nr02a a:hover{
	color:#00678f;}
.lkcon_d_nr02b{
	font-size:14px;
	line-height:22px;
	color:#666;
	padding-bottom:30px;
	border-bottom:1px solid #dfdfdf;
}
.lkcon_d_nr02c{
	margin-top:20px;}
.lkcon_d_nr02c01{
	float:left;}
.lkcon_d_nr02c02{
	float:right;
	width:26px;
	height:26px;
	border:1px solid #dfdfdf;
	margin-top:10px;
	text-align:center;
	line-height:26px;
	border-radius:50%;}
.lkcon_d_nr02c02 a{
	display:block;
	font-size:20px;
}
.lkcon_d_nr02c02 a:hover{
	color:#00678f;	
}
	.lkcon_d_nr02c01a{
		font-weight:bold;
		font-size:18px;
		color:#333;}
	.lkcon_d_nr02c01b{
		font-size:12px;

	}
/***************************/
.lkcon_d_nr03 ul li{
	background-color:#fff;
	box-sizing:border-box;
	padding:28px 25px;
	clear:both;
	overflow:hidden;
	margin-bottom:15px;}
.lkcon_d_nr03 ul li:last-child{
	margin-bottom:0;}
.lkcon_d_nr03_l{
	float:left;
	padding-right:20px;
	padding-bottom:25px;
	border-right:1px solid #dfdfdf;
}
.lkcon_d_nr03_l01{
	color:#888888;
	margin-top:10px;
	font-weight:bold;
	font-size:26px;}
.lkcon_d_nr03_l02{
	font-size:12px;
	margin-top:5px;
	font-weight:bold;
	color:#888888;}
.lkcon_d_nr03_r{
	float:right;
	width:225px;
	font-size:16px;
	font-weight:bold;
}
.lkcon_d_nr03_r02{
	margin-top:10px;}
.lkcon_d_nr03 ul li:hover a{
	color:#00678f;
}

/**************************************/
.foot_w{
	padding-top:20px;
	background-color:#505050;
}
.yansejb {
    background: -webkit-linear-gradient(left, #2b7dca , #4dc1db);
    background: -o-linear-gradient(right, #2b7dca , #4dc1db);
    background: -moz-linear-gradient(right, #2b7dca , #4dc1db);
    background: linear-gradient(to right,#2b7dca , #4dc1db);
}
.foota_l{
	float:left;
	width:230px;
	padding-top:100px;
	padding-right:30px;
	background:url(../images/xx.png) right top no-repeat;
	padding-bottom:166px;
}
.foota_l01{
	width:160px;
	margin:0 auto;}
.foota_l01 img{
	width:100%;}
.foota_l02{	
	margin-top:10px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	color:#00678f;
	font-size:30px;}
.foota_l03{
	margin-top:10px;
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
	color:#00678f;}
.foota_la{
	float:left;
	width:800px;
	margin-top:80px;
	margin-left:100px;
}
.foota_r{
	float:right;
	width:131px;
	margin-top:80px;
}
.foota_r_pic{
	width:100%;
	margin-top:15px;
}
.foota_r_name{
	font-size:14px;
	text-align:left;
	color:#fff;
	margin-top:10px;}
.foota_la ul li{
	float:left;
	margin-right:60px;
	}
.foota_la02 a{
	color:#fff;
	line-height:30px;
	font-size:15px;
	display:block;}
.foota_la02 a:hover{
	color:#ffff00;
}
.foota_la01{
	color:#fff;
	font-size:18px;
	height:40px;
	line-height:40px;
	font-weight:bold;}
.foota_la02 {
	margin-top:5px;}

.foot_w03{
	background-color:#505050;
	line-height:60px;}


.foot_w03_l a:hover{
	color:#ffff00;
}
.foot_w01{
	height:1px;
	background-color:#7a7a7a;}
.foot_w02{
	height:1px;
	background-color:#434343;}
.foot_w03_nr{
	color:#fff;
	font-size:16px;
	text-align:center;}
.foot_w03_nr a{
	color:#fff;}
/*****************************************************/
/**********************联系我们***********/
.ny_banner_w{
	height:440px;
	position:relative;
}
.ny_banner_w img{
	position:absolute;
	left:50%;
	margin-left:-960px;
	width:1920px;
}
.ny_wz{
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#888;
	position:relative;
	top:-20px;	
}
.ny_wz a{
	color:#888;}
.ny_wz a:hover{
	color:#333;}
.contact_w{
	background-color:#f8f8f8;
	padding:60px 0;}
.contact_n{
}
.contact_n_l{
	float:left;
	width:550px;

		background-color:#fff;
	box-sizing:border-box;
	padding:40px;
	height:400px;
}
.contact_n_la{
	font-size:28px;
	font-weight:bold;
	color:#333;
	margin-bottom:15px;
}
.contact_n_la span{
	display:block;
	font-size:18px;
	color:#666;
	line-height:40px;
	font-weight:normal;
	font-family:Arial;
}
.contact_n_lb{
	font-size:16px;
	line-height:36px;
	color:#666;
}
.contact_n_r{
	float:right;
	width:650px;
	height:400px;
	overflow:hidden;}
/****************关于我们********************/
.about_n_l{
	float:left;
	width:660px;

		background-color:#fff;
	box-sizing:border-box;
	padding:40px;
	height:400px;
}
.about_n_r{
	float:right;
	width:540px;
	overflow:hidden;
	height:400px;}
.about_n_r img{
	width:540px;
	height:400px;
	transition:all 0.6s ease;
}
.about_n_r:hover img{
	transform:scale(1.1);
}
.yzaa h2 {
    font-weight: normal;
    text-align: center;
	margin-bottom:50px;
}
.yzaa h2 span {
    display: block;
    font-size: 30px;
    color: #333333;
    line-height: 30px;
}
.yzaa h2 i {
    display: block;
    font-size: 40px;
    color: #333333;
    line-height: 40px;
    padding-top: 10px;
    font-weight: bold;
    font-style: normal;
}
.con_a p.xx{
	margin-bottom:60px;}
.about_more{
	margin:40px auto 40px;
	width:180px;
	text-align:center;
	background-color:#d63b36;
	height:40px;
	line-height:40px;
	font-size:18px;
}
.about_more a{
	color:#fff;
}
.about_c{
	margin-bottom:60px;}
/*******************************************************/
.fr_a {
    float: right;
}
.newsw{ margin-bottom: 60px;}
.newsw .ull{border:1px solid #eee;}
.newsw li::after{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.newsw{background:#fff;padding:20px;overflow:hidden; margin:0px auto 40px;}
.newsw .ul1 li{position:relative;width:100%; clear:both; overflow:hidden; border:1px solid #f5f5f5;}
.newsw .ul1 li::after{position:absolute;bottom:0;left:0;width:100%;height:0;content:'';color:#fff;background:#f7f7f7;}
.newsw .ul1 li:hover::after{height:100%;}
.newsw .ul1 li a{position:relative;z-index:1;display:block;padding:40px 20px;border-bottom:1px solid #ccc;clear: both;
    overflow: hidden;}
.newsw .ul1 li .imgk{overflow:hidden;width:280px;border:1px solid #eee;}
.newsw .ul1 li .imgk img{width:100%;}
.newsw .ul1 li .lin{float:left;width:790px;}
.newsw .ul1 li .lin .lidate{font-family:'Arial';font-weight:bold;float:left;width:72px;text-align:center;color:#666;border-top:2px solid #707070;}
.newsw .ul1 li .lin .lidate .p1{font-size:30px;margin-top:15px;}
.newsw .ul1 li .lin .lidate .p2{font-size:12px;margin-top:15px;}
.newsw .ul1 li .lin .linn{float:left;width:660px;padding-left:50px;}
.newsw .ul1 li .lin .linn h4{font-size:18px;color:#333;font-weight:normal;}
.newsw .ul1 li .lin .linn p{font-size:14px;line-height:27px;overflow:hidden;margin-top:18px;color:#888;}
.newsw .ul1 li .lin .linn .morehn{font-size:14px;line-height:32px;width:97px;height:32px;margin-top:24px;text-align:center;color:#ff0000;border:1px solid #ff0000;}
.newsw .ul1 li:hover .lidate{color:#000;border-top-color:#000;}
.newsw .ul1 li:hover .lin .linn h4{color:#000;}
/******************************/
.yzaa .xx {
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 24px;
    margin-top: 40px;
    text-align: center;
}
.news_a_w{
	padding-bottom:50px;
	border-top:2px solid #f5f5f5;}
.news_a_w .yzaa h2 i{
	padding-top:50px;}
.news_a_w .yzaa .xx{
	margin-bottom:30px;
	margin-top:20px;}
.news_a_w  .yzaa h2{
		margin-bottom:0}
	/***************************************xiangqing***********/
	/************************/
.caseshow_a_nr{
	margin:0px auto 60px;
	background-color: #fff;

	box-sizing: border-box;
}
.caseshow_a_nr_bt{
	text-align: center;
	font-size: 22px;
	color: #333;
	padding-top: 0px;

}
.caseshow_a_nr_time{
	text-align: center;
	padding: 10px 0;
	margin-top: 30px;
	border-bottom: 1px dashed #dfdfdf;
	border-top: 1px dashed #dfdfdf;
}
.caseshow_a_nr_jj{
	margin-top: 30px;
	line-height: 30px;
	font-size: 16px;
}

.caseshow_a_nr_moreaa{
	margin-top: 60px;
}
.caseshow_a_nr_more{
	font-size: 15px;
	color: #333;margin-bottom:10px;
}
/*******************************/
.pro_l{
	float:left;
	width:240px;}
.pro_r{
	float:right;
	width:940px;
	background-color:#fff;
	box-sizing:border-box;
	padding:20px;}
.pro_n_w {
    background-color: #f5f5f5;
    padding:40px 0 60px;
}
.pro_lbt{
	background-color:#00678f;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	height:60px;
	line-height:60px;
	box-sizing:border-box;
	padding-left:20px;
}
.pro_lnr ul li{
	clear:both;
	height:50px;
	line-height:50px;
	font-size:16px;
	background-color:#fff;
	margin-bottom:4px;
	box-sizing:border-box;
	padding-left:20px;}
.pro_r_bt{
	font-size:22px;
	line-height:36px;
	padding-bottom:12px;
	border-bottom:1px solid #dfdfdf;}
.pro_lnr ul li a{
	color:#666;}
.pro_lnr ul li a:hover{
	color:#d63b36;}
.pro_r_nr{
	margin-top:20px;}
.pro_r_nr ul li{
	float:left;
	width:286px;
	overflow:hidden;
	border:1px solid #dfdfdf;
	box-sizing:border-box;
	margin-bottom:21px;transition:all 0.6s ease;
	margin-right:21px;}
.pro_r_nr ul li:hover{
	border:1px solid #00678f;
}
.pro_r_nr ul li:nth-child(3n){
	margin-right:0;}
.pro_r_nr ul li .pro_pic{
	width:286px;
	height:286px;
	overflow:hidden;
}

.pro_r_nr ul li .pro_pic img{
	width:286px;
	height:286px;
	transition:all 0.6s ease;
}
.pro_r_nr ul li:hover .pro_pic img{
	transform:scale(1.1);
}
.pro_jj{border-top: 1px solid #dfdfdf;
	padding:5px 15px;}
.pro_jj_a{
	font-size:16px;
	line-height:36px;}
.pro_jj_b{
	font-size:14px;
	padding-bottom:25px;
	line-height:22px;
	color:#666;}
.pro_r_nr{
	min-height:400px;}
.proshow_r_nr{
	margin-top:20px;
	padding-bottom:150px;
}
	
/* 本例子css */
/* 本例子css */
		.slideBox{ width:370px;/* height:338px;*/overflow:hidden; position:relative; }
		.slideBox .hd{ height:122px; overflow:hidden; position:relative; left:0px; top:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:17px;  width:112px; height:112px; line-height:14px; text-align:center; background:#f1f1f1; cursor:pointer;  box-sizing: border-box; border: 1px solid #dfdfdf;}
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .hd ul li:last-child{
	margin-right: 0;
}
.slideBox .hd ul li img{ width:100%; height: 100%;}
		.slideBox .bd{ position:relative; height:100%; z-index:0;  width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    overflow: hidden; }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:370px;/* height:338px;*/ display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
	/*******************************/
	.pro_r_nr01_r{
		float:right;
		width:490px;}
	.pro_r_nr01_l{
		float:left;
		width:370px;
	}
	.pro_r_nr01_r01{
		margin-top:15px;
		line-height:50px;
		border-bottom:1px solid #dfdfdf;
		font-size:24px;}
	.pro_r_nr01_r02{
		margin-top:20px;
		font-size:15px;
		color:#666;}
	.proshow01{
		margin-top:30px;
		font-size:22px;
		padding-bottom:5px;
		width:95px;
		border-bottom:3px solid #333;
}

.proshow02 {
    margin-top: 20px;
    color: #666;
    line-height: 30px;
    font-size: 15px;
    width: 100%;
}
/**********************************/
.case_lm{
	margin-bottom: 30px;
	margin-top: 10px;
	clear: both;
}
.case_lm ul{
	display:flex;
	justify-content: space-between;
}
.case_lm ul li{
	width: 24%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	cursor: pointer;
	
}
.case_lm ul li a{
	display:block;
}
.case_lm ul li.on,.case_lm ul li:hover{
	background-color: #00678f;
	color: #fff;
}
.case_lm ul li.on a,.case_lm ul li:hover a{
	color: #fff;
}
/**************/
.con_c_nr ul li{
	float: left;
	width: 23.5%;overflow: hidden;
	margin-right:2%;
}
.con_c_nr ul li:nth-child(4n){
	margin-right: 0;
}

 .con_c_pic{
	width: 100%;
	/*height: 290px;*/
	overflow: hidden;
	box-sizing: border-box;

}
.con_c_pic img{
	width: 100%;
	/*height: 290px;*/
	transition: all 0.6s ease;
}
.con_c_pic:hover img{
	transform: scale(1.1);
}
.con_c_name{
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	margin-bottom: 20px;
}
.con_c_name a{
	color: #666;
}
.con_c_name a:hover{
	color: #d63b35;
}

/**********************************/
.contact_nav_w{
	padding:15px 0;
	line-height:30px;
	font-size:18px;
	background-color:#f8f8f8;
	color:#333;
}
.contact_nav_w a{
	color:#333;
	padding:0 20px;}
.contact_nav_w a:first-child{
	padding-left:0;}
	/*************************/
.about_nr {
    margin-bottom: 70px;
    margin-top: 50px;
}
.join_nr {
    font-size: 16px;
    line-height: 30px;
}
.banner_aa_w{
	display:none;}
/*******************************/
.sj_ny_banner_w{
	display:none;}
/******产品分页*******/
.ny_news_page {
	margin: 10px auto 60px;
	clear: both;
	padding-top: 10px;
	width: 100%;
}
.ny_news_page a, .ny_news_page span {
	display: block;
	float: left;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	width: 70px;
	height: 40px;
	color: #333;
	background-color: #dfdfdf;
	margin-right: 10px
}
.ny_news_page a:hover, .ny_news_page span {
	background-color: #00678f;
	color: #fff;
}
.ny_news_page a.page_aa {
	background-color:#00678f
	color: #fff;
}


.lkcon_c03 ul li:nth-child(4n){
	margin-right:0;}
	
	
.contact_w .lkcon_c03 ul li{
	margin-bottom:30px;
}
.caseshow_a_nr_btaa{
	text-align: left;
	margin:50px auto;}
.proshow02 img{
	max-width:100%;	
}

/********************************************/
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}



.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.text-nowrap {
    white-space: nowrap;
}
.font-weight {
    font-weight: bold;
}

.f34 {
    font-size: 34px;
}
.f40 {
    font-size: 40px;
}

.pr-20 {
    padding-right: 20px;
}
.mb-40 {
    margin-bottom: 20px;
}
.mt-50 {
    margin-top: 26px;
}
.pt-60 {
    padding-top: 60px;
}
.pb-60 {
    padding-bottom: 60px;
}
.mt-60 {
    margin-top: 60px;
}
.bg-fa {
    background-color: #fff;
}
.flex-between {
    display: flex;
    justify-content: space-between;
}
.bg-white {
    background-color: white;
}
.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mt-40 {
    margin-top: 40px;
}
.cursor {
    cursor: pointer;
}
.f26 {
    font-size: 26px;
}
.ml-20 {
    margin-left: 20px;
}
.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


.faSection{ padding-left: calc((100% - 1400px) / 2);}
 
.faSection .left{ width: 640px;}
.swiperTabtit li{ color: #333; margin-right: 50px; cursor: pointer;    line-height: 32px; font-size:18px; width:17%;}
.swiperTabtit li:nth-child(3n-1) {
    width: 26%;
}


.swiperTabtit li.on{ color: #006890;}
.swiperCon li{display: none;}
.swiperCon li.active{ display: block;}
.swiperCon li span{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;font-size:16px; }
.swiperCon li:hover span{  background-color: #f5a100; color: #fff; padding: 5px 25px; }
.swiperCon li:hover span .iconfont{ color: #fff;}

.swiperConBtn{ width: 50px; height: 50px; border-radius: 50%; color: #006890; border: 1px solid #eeeeee;}
.swiperConBtn:hover{ border-color: #006790; background-color: #006790; color: #fff;}
.faSection .right{ width: calc(100% - 640px);}

.faSwiperBtn{ width: 50px; height: 50px; border-radius: 50%; color: #f5a100; border: 1px solid #eeeeee; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; border-color: #006890;
left: 72%;}

#faSwiper .swiper-slide { transform: scale(0.8); opacity: 0.6; background-color:#f8f8f8;border: 1px solid #dfdfdf;box-sizing: border-box;}
#faSwiper .swiper-slide-active{transform: scale(1); opacity: 1;}
.posi {
    position: relative;
}
.line-clamp3 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
	padding-right:50px;
    overflow: hidden;    font-size: 15px;

}
.line-clamp3 a{
	color:#333;}
.line-height {
    line-height: 26px;;
}
.mb-15 {
    margin-bottom: 30px;
}
.mt-15 {
    margin-top: 0px;
}
.color-orange {
    color: #006890;
}

.mr-10 {
    margin-right: 10px;
}
.swiperCon li:hover.active a .line-clamp3{
	color:#333;}
	
.color-white {
    color: white;
}
.bg-orange {
    background-color: #006890;
	display:none;
}
@media screen and (max-width: 1440px){
	   .faSection{    padding-left: calc((100% - 1200px) / 2);}
    .faSection .left{ width: 580px;}
    .faSection .right{width: calc(100% - 600px);}
.mt-40 {
    margin-top: 34px;
}
.swiperTabtit li{
	    line-height: 40px;
	font-size:18px;}
.mb-40{
	margin-bottom:5px;}
}
@media screen and (max-width: 1280px){
.faSection .right {
    width: 100%;
    margin-top: 15px;
}
.faSection .left{
	  width: 100%;
	  float:none;
	  clear:both;padding: 0 20px;
}
.flex-between{
	display: block;}
.line-clamp3{
	padding-right: 0px;
}
.faSection .left{
	margin-bottom:40px;}
	.mt-60 {
    margin-top: 0px;
}
.mt-50 {
    margin-top: 30px;
}
}
@media screen and (max-width:768px){
	.swiperTabtit li {
    width: 30%;margin-right: 0px;
}
.swiperTabtit li:nth-child(3n-1) {
    width: 40%;
}
}

@media screen and (max-width: 600px){
	.swiperTabtit li {
    width: 50%;margin-right: 0px;
}
.swiperTabtit li:nth-child(3n-1) {
    width: 50%;
}
}