/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1200px;
	margin:0 auto;
	font-size:14px;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#fff;
	text-align:justify;	
	color:#000;
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#000;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#398f90;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#ccc;
}
input::-moz-placeholder,textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

.header{
	height: 110px;
	background:#fff;
	border-bottom:0px solid #bababa;
}
.header .logo{
	display: block;
	height: 80px;
	float: left;
	margin-top:20px;
}
.header .logo img{
	display: block;
	height: 80px;
}
.nav{
	float: left;
	padding-left:50px;
}
.nav a{
	display: block;
	height: 110px;
	line-height: 110px;
	float: left;
	padding:0 25px;
}
.nav a:hover,.nav a.hover{
	/*color:#398f90;
	background:url("../images/nav_bg.png") no-repeat center center;*/
	border-bottom:#398f90 solid 2px;
}
.head_tel{
	float: right;
	height: 110px;
	line-height: 110px;
	padding-left:28px;
	background:url("../images/head_tel.png") no-repeat left center;
}

.banner{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	height: 430px;
	position: relative;
	width: 100%;
}
.banner .pics li{
	width: 100%;
	height: 430px;
	background-repeat:no-repeat;
	background-position:top center;
}
.banner .pics a{
	display: block;
	width: 100%;
}
.banner .btns{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 60;
	text-align: center;
}
.banner .btns span{
	display: inline-block;
	width: 12px;
	height: 12px;
	font-size:1px;
	margin:0 3px;
	background:#eee;
	border-radius:100%;
}
.banner .btns .hover{
	background:#398f90;
}

.footer{
	background:#398f90;
	height: 200px;
	color:#fff;
}
.footer .cleft{
	width: 340px;
	float: left;
	padding-top:40px;
}
.footer .t1{
	height: 40px;
	line-height: 40px;
	font-size:22px;
	font-weight: bold;
}
.footer .t2{
	height: 32px;
	line-height: 32px;
	font-size:14px;	
}
.footer .t3{
	height: 50px;
	line-height: 50px;
	font-size:32px;	
}
.footer .cct{
	width: 504px;
	float: left;
	padding:48px 0 0 0;
	line-height: 24px;
	font-size:16px;
}
.ft_nav{
	height: 44px;
	line-height: 44px;
	font-size:14px;
}
.ft_nav a{
	color:#fff;
	margin-right:10px;
}
.ft_nav a:hover{
	text-decoration: underline;
}
.footer .cright{
	float: right;
	text-align: center;
	padding-top:38px;
}
.footer .cright dt{
	height: 110px;
}
.footer .cright img{
	display: block;
	width: 110px;
	height: 110px;
}
.footer .cright dd{
	line-height: 40px;
}
.footer_copy{
	text-align: center;
	height: 70px;
	line-height: 70px;
	color:#398f90;
}

/*公用CSS 结束*/

/*hm 首页*/

.hm_area1{
	width: 1200px;
	margin:0 auto;
	padding:24px 0 32px 0;
	position: relative;
	overflow: hidden;
}
.hm_area1 .hot{
	height: 28px;
	line-height: 28px;
	border-bottom:1px solid #cfcfcf;
	color:#398f90;
	clear: both;
}
.hm_area1 .tit{
	float: left;
}
.hm_area1 .hot a{
	color:#398f90;
	margin-left:5px;
}
.hm_area1 .hot a:hover{
	text-decoration: underline;
}
.hm_area1 .title{
	height: 48px;
	line-height: 48px;
	padding-top:14px;
	font-size:16px;
	font-weight: bold;
	color:#398f90;
}
.hm_area1 .tip{
	line-height: 24px;
	padding-bottom:24px;
}
.hm_area1 .s_list{
	width: 1216px;
	position: relative;
	overflow: hidden;
}
.hm_area1 .po{
	display: block;
	width: 288px;
	height: 194px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-right:16px;
}
.hm_area1 .po img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hm_area1 .name{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	text-align: center;
	height: 38px;
	line-height: 38px;
	color:#fff;
	background:rgba(2,120,80,0.5);
}

.hm_area2{
	background:#f4f4f4;
	padding:36px 0;
}
.hm_area2 .cleft{
	float: left;
	padding-left:10px;
}
.hm_area2 .t1{
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size:16px;
	color:#398f90;
}
.hm_area2 p{
	line-height: 28px;
}

.ha_slider{
	float: right;
	width: 520px;
	height: 266px;
	position: relative;
	overflow: hidden;
}
.ha_slider li{
	float: left;
	width: 520px;
	height: 266px;
}
.ha_slider img{
	display: block;
	width: 520px;
	height: 266px;
}
.ha_slider .pag{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	z-index: 20;
}
.ha_slider .pag a{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius:100%;
	background:#ccc;
	position: relative;
	overflow: hidden;
	text-indent:-20px;
	margin:0 3px;
}
.ha_slider .pag .selected{
	background:#398f90;
}

.hm_area3{
	width: 1200px;
	margin:0 auto;
	padding:28px 0 40px 0;
}
.hm_area3 .head{
	height: 66px;
	line-height: 66px;
	clear: both;
}
.hm_area3 .head strong{
	color:#398f90;
	font-size:14px;
	margin-right:8px;
	float: left;
}
.hm_area3 .links a{
	display: block;
	width: 240px;
	height: 70px;
	float: left;
	margin:5px 0;
	overflow: hidden;
	position: relative;
}
.hm_area3 .links img{
	display: block;
	width: 230px;
	height: 70px;
}

/*hm 首页*/

/*solution 解决方案*/

.sol_banner{
	height: 240px;
	background:url("../images/sol_banner.jpg") no-repeat top center;
}
.sol_hot{
	height: 44px;
	line-height: 44px;
	border-bottom:1px solid #cfcfcf;
	color:#398f90;
}
.sol_hot .tit{
	float: left;
}
.sol_hot a{
	float: left;
	margin-left:6px;
	color:#398f90;
}
.sol_hot a:hover{
	text-decoration: underline;
}

.sol_list{
	position: relative;
	overflow: hidden;
	width: 1200px;
	margin:0 auto;
}

.sol_item{
	display: block;
	width: 370px;
	float: left;
	height: 317px;
	margin:35px 15px 0 15px;
	position: relative;
}
.sol_item .sw{
	width: 338px;
	min-height: 280px;
	border:1px solid #dedede;
	padding:15px 15px 20px 15px;
	position: absolute;
	left: 0;
	top: 0;
	background:#fff;
	z-index: 10;
}
.sol_item .photo{
	display: block;
	height: 228px;
	width: 338px;
	position: relative;
	overflow: hidden;
}
.sol_item .photo img{
	display: block;
	height: 228px;
	width: 338px;
}
.sol_item .intro{
	padding:15px 0 10px 0;
	line-height: 24px;
	font-size:14px;
	background:url("../images/solbg.gif") no-repeat left bottom;	
}
.sol_item .sin{
	position: relative;
	overflow: hidden;
	height: 24px;
	color:#333;
}
.sol_item:hover{
	position: relative;
	z-index: 10;
}
.sol_item:hover .sin{
	height:auto;
}

.page{
	padding:30px 0;
	text-align: center;
	height: 32px;

}
.page a{
	display: inline-block;
	margin:0 3px;
	border:1px solid #e8e8e8;
	display: inline-block;
	padding:0 10px;
}
.page a:hover,.page a.now{
	color:#fff;
	background:#0093d5;
	border-color:#0093d5;
}

/*solution 解决方案*/

/*case 案例*/

.ca_aside{
	float: left;
	width: 204px;
	margin:20px 0;
	background:url("../images/ca_aside.png") no-repeat right top;
}
.ca_aside .title{
	height: 50px;
	line-height: 50px;
	font-size:20px;
	color:#398f90;
	font-weight: bold;
}
.ca_aside li{
	height: 28px;
	line-height: 28px;
	border-bottom:1px solid #e4e4e4;
	width: 190px;
	font-size:12px;
}
.ca_aside li a{
	display: block;
	padding-left:8px;
	position: relative;
}
.ca_aside li i{
	display: block;
	font-style:normal;
	position: absolute;
	right: 3px;
	top: 0;
}
.ca_aside li a:hover,.ca_aside li a.hover{
	color:#fff;
	background:#398f90;
}

.sol_news{
	margin:0px auto;
	width: 1200px;
	line-height: 35px;
	padding:30px 0;
	font-size:12px;
}


.ca_news{
	float: right;
	width: 925px;
	padding:30px 0;
	font-size:12px;
}
.ca_section{
	float: right;
	width: 925px;
	line-height: 35px;
	padding:30px 0;
	font-size:12px;
}
.ca_section .t1{
	height: 40px;
	line-height: 40px;
	font-size:16px;
	font-weight: bold;
}
.ca_section .wp{
	padding:10px 40px;
}

/*case 案例*/

/*detail 详情*/

.de_nav{
	margin-bottom:1px;
	width: 190px;
}
.de_nav ul{
	display: none;
}
.de_navdown ul{
	display: block;
}
.de_nav li a{
	padding-left:25px;
}
.de_nav li:last-child{
	border-bottom:0;
}
.de_nav .par{
	display: block;
	height: 26px;
	line-height: 26px;
	font-size:12px;
	background:#398f90 url("../images/de_par.png") no-repeat right top;
	padding-left:10px;
	color:#fff;
}
.de_navdown .par{
	background-position:right bottom;
}

.de_ad{
	margin-top:15px;
	display: block;
	position: relative;
	overflow: hidden;
	width: 190px;
}
.de_ad img{
	display: block;
	width: 100%;
	height:auto;
}
.de_ad .name{
	height: 25px;
	line-height: 25px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	color:#fff;
	background:rgba(2,120,80,0.5);
	font-size:12px;
	text-indent:10px;
}

.de_section{
	float: right;
}

.de_section{
	width: 940px;
	float: right;
	padding-top:40px;
}
.de_top{
	padding-bottom:50px;
}
.de_top .photo{
	float: left;
	display: block;
	width: 366px;
	height: 298px;
	border:1px solid #cecece;
}
.de_top .photo img{
	display: block;
	width: 366px;
	height: 298px;
}
.de_top .intro{
	width: 520px;
	float: right;
	line-height: 24px;
	font-size:12px;
}
.de_top .intro .t1{
	height: 58px;
	line-height: 58px;
	font-size:16px;
	font-weight: bold;
	color:#398f90;
}
.de_handle{
	width: 315px;
	height: 47px;
	line-height: 47px;
	border:1px solid #d9d9d9;
	position: relative;
	overflow: hidden;
}
.de_handle .btn{
	float: left;
	width: 105px;
	height: 47px;
	text-align: center;
	border-left:1px solid #d9d9d9;
	margin-left:-1px;
	position: relative;
}
.de_handle .hover{
	color:#398f90;
}
.de_handle .hover i{
	display: block;
	width: 105px;
	border-top:1px solid #398f90;
	position: absolute;
	left: 0;
	top: -1px;
}
.de_con{
	display: none;
}
.show{
	display: block;
}

.de_title{
	font-size:26px;
	font-weight: bold;
	color:#398f90;
	line-height: 4;
}
.de_td dl{
	padding-bottom:20px;
	color:#666;
}
.de_td dt{
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	font-size:14px;
	color:#494949;
}
.de_td dd{
	line-height: 24px;
	font-size:12px;
}
.de_td{
	padding-bottom:50px;
}
.de_td a{
	font-size:14px;
	font-weight: bold;
	color:#398f90;
	text-decoration: underline;
}

/*detail 详情*/


/*分页样式开始*/
.pager {
  padding-left: 0;
  padding-bottom:20px;
  margin: 20px 0;
  text-align: center ;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  margin:0px 5px 0px 0px;
}
.pager li > a:hover,
.pager li > a:active {
  text-decoration: none;
  background-color: #0093d5 !important;
  color:#FFF;
}
.pagination>.active>span{
  background-color: #0093d5 !important;
  color:#FFF;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/*分页样式结束*/