﻿@charset "utf-8";
/* CSS Document */
body{
	font-family:"迷你简汉真广标", "Microsoft Yahei", Arial ;
	color:#333;
	font-size:12px;
	width:100%
	}
body,div,li,ul,h1,dl,dt,dd,p,h3{
	margin:0px;
	padding:0px;

	}
li{ 
	list-style:none;
}
a{
	text-decoration:none;
	color:#333;
	transition:all ease .3s;
}
a:hover{
	color:#00a597;
	}
@font-face {
    font-family: '迷你简汉真广标';
    src:url('../fonts/mnjhzgb.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.wrap{
	width:1100px;
	margin:0 auto;
	}

.header{
	height:120px;
	position:relative;
}
.header .logo{
	display:block;
	float:left;
	width:175px;
	height:63px;

	margin-top:33px;
	}
.header .lanbox{
	position:absolute;
	right:0px;
	top:30px;
	color:#999;
	}
.header .lanbox dl{
	display:inline-block;
	width:75px;
	height:22px;
	margin-left:8px;
	line-height:22px;
	background: url(../images/ico1.gif) no-repeat 60px 10px;
	border:1px solid #ddd;
	position:relative;
	transition:all ease .3s;
	}
.header .lanbox dd{
	position:absolute;
	top:22px;
	left:-1px;
	border:1px solid #ddd;
	border-top:none;
	background-color:#fff;
	display:none;
	}
.header .lanbox a{
	display:inline-block;
	width:70px;
	padding-left:5px;
	height:22px;
	color:#999;
	}
.header .lanbox dd a:hover{
	color:#004A89;
	background-color:#eee;
	}
#menubox{
	float:right;
	margin-top:70px;
}
.menu > li{
	float:left;
	margin-left:15px;
	position:relative;
}
.menu > li > a{
	display:block;
	font-size:15px;
	width:90px;
	height:35px;
	text-align:center;
	line-height:35px;
}
.menu li  .line{
	display:block;
	width:90px;
	height:2px;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	}
.menu li  .line span{
	display: block;
	width:0px;
	height:2px;
	margin:auto;
	background-color:#00a597;
	vertical-align:middle;
	}
.submenu{
	display:none;
	width:90px;
	text-align:center;
	position:absolute;
	left:0px;
	top:35px;
	z-index:999;
	padding-top:15px;
	background-color:#fff;
	border-bottom:2px solid #ddd;
	}
.submenu li a{
	display:block;
	height:35px;
	line-height:35px;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	transition:all ease .4s;
	}
.submenu li a:hover{
	background-color:#00a597;
	color:#fff;
	}
#banner{
	height:620px;

	width:100%;
	overflow:hidden;	
}
.ind-pro{
	margin-top:70px;
	margin-bottom:50px;
	}
.ind-pro .hd{
	font-size:26px;
	color:#00a597;
	text-align:center;
	}
.ind-pro .line{
	text-align:center;
	margin-top:15px;
	}
.ind-pro .line span{
	display:inline-block;
	width:70px;
	height:1px;
	background-color:#ccc;
	}
.ind-pro .subhd{
	text-align:center;
	color:#666;
	margin-top:15px;
	}

.news .hd,.m_pading_bg .hd,#cermain .hd{
	font-size:26px;
	color:#00a597;
	text-align:center;
	}
.news .line,.m_pading_bg .line,#cermain .line{
	text-align:center;
	margin-top:15px;
	}
.news .line span,.m_pading_bg .line span,#cermain .line span{
	display:inline-block;
	width:70px;
	height:1px;
	background-color:#ccc;
	}
.news .subhd,.m_pading_bg .subhd,#cermain .subhd{
	text-align:center;
	color:#666;
	margin-top:15px;
	}	
.ind-probox{
	width:1100px;
	margin-top:50px;
	position:relative;
	}
.pronav-prev,.pronav-next{
	position:absolute;
	width:20px;
	height:72px;
	cursor:pointer;
	background:url(../images/btn1.png) no-repeat;
	transition:all ease .3s;
	}
.pronav-prev{
	left:-30px;
	top:40px;
	background-position: 0 center;
	}
.pronav-prev:hover{
	background-position: -29px center;
	}
.pronav-next{
	right: -30px;
	top: 40px;
	background-position: -99px center;
	}
.pronav-next:hover{
	background-position: -71px center;
	}
.ind-pronav{
	overflow:hidden;
	}
.swiper-slide{
	width:250px;
	text-align:center;
	}
.swiper-slide a{
	display:block;
	width:250px;
	margin:auto;
	}
.swiper-slide .img{
	width:250px;
	height:250px;
	overflow:hidden;
	position:relative;
	}
.swiper-slide .img span.bg{
	display:block;
	background-color:#000;
	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	}
.swiper-slide .img  .ico1{
	display:block;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-28px;
	z-index:6;
	opacity:0;
	}
.swiper-slide .con{
	height:40px;
	width:250px;
	line-height:40px;
	position:relative;
	}
.swiper-slide .con span.bg2{
	height:40px;
	width:250px;
	background-color:#29B183;
	position:absolute;
	left:0px;
	bottom:-190px;
	opacity:0;
	z-index:0;
	}
.swiper-slide .t1{
	color:#000;
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	z-index:2;
	}
.swiper-slide .t2{
	width:230px;
	color:#777;
	padding:0 10px;
	text-align:center;
	line-height:2em;
	position:relative;
	z-index:2;
	}	
.ind-mid{
	background-color:#F5F5F8;
	height:650px;

	padding-bottom:20px;
	color:#888;
	line-height:2em;
	}
.ind-mid .tit{
	font-size:17px;
	font-weight:bold;
	margin-bottom:20px;
	color:#000;
	}
.ind-mid .ind-about{
	float:left;
	width:220px;
	height:338px;
	position:relative;
	}
.ind-mid .ind-about img{
	margin-bottom:15px;
	}
.ind-mid .ind-news{
	float:left;
	width:418px;
	height:338px;
	position:relative;
	margin-left:60px;
	}
.ind-mid .ind-news .news-hot,.ind-services .top{
	height:120px;
	margin-bottom:15px;
	}
.ind-mid .ind-news .news-hot .img{
	width:160px;
	height:120px;
	float:left;
	}
.ind-mid .ind-news .news-hot .con{
	float:right;
	height:120px;
	overflow:hidden;
	width:240px;
	position:relative;
	}
.ind-mid .ind-news .news-hot .con .hd,.ind-services .top .hd{
	font-size:14px;
	margin-bottom:5px;
	color:#333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.ind-mid .ind-news .news-hot .con .date{
	color:#00a597;
	}
.ind-mid .ind-news .news-hot .con .line,.ind-mid  .ind-services .top .line{
	background-color:#ddd;
	height:2px;
	width:90px;
	position:absolute;
	left:0px;
	bottom:10px;
	}
.ind-mid .ind-news .news-hot .con .line span,.ind-mid  .ind-services .top .line span{
	display:block;
	background-color:#00a597;
	height:2px;
	width:0px;
	}
.ind-mid .ind-news .news-hot .con .text{
	color:#999;
	}
.ind-mid .ind-news .news-hot a:hover .con .text{
	color:#666;
	}
.ind-mid .ind-news .newslist li{
	background:url(../images/ico2.gif) no-repeat left center;
	padding-left:15px;
	margin-bottom:2px;
	}
.ind-mid .ind-services{
	float:right;
	width:340px;
	height:338px;
	position:relative;
	}
.ind-mid  .ind-services .top .img{
	width:180px;
	height:120px;
	float:left;
	}
.ind-mid  .ind-services .top .con{
	float:right;
	height:120px;
	overflow:hidden;
	width:146px;
	position:relative;
	}


.ind-mid .morebox{
	position:absolute;
	left:0px;
	bottom:0px;
	height:24px;
	width:100%;
	}
.ind-mid .morebox span{
	display:block;
	width:100%;
	height:1px;
	background-color:#ddd;
	position:absolute;
	top:11px;
	}
.ind-mid a{
	color:#999;
	}
.ind-mid a:hover{
	color:#00a597;
	}
.ind-mid .morebox a{
	display:block;
	width:68px;
	height:24px;
	background-color:#aaa;
	position:absolute;
	left:50%;
	margin-left:-34px;
	text-align:center;
	color:#fff;
	border-radius:4px;
	}
.ind-mid .morebox a:hover{
	background-color:#00a597;
	box-shadow:3px 3px 3px rgba(0,0,0,.3);
	}

.foot{ float:left; width:100%;
	height:230px;
	background-color:#2D2D2D;
	padding-top:40px;
	color:#c9c9c9;
	}
.foot dl{
	float:left;
	width:366px;
	}
.foot dl dt{
	font-size:16px;
	color:#c9c9c9;
	margin-bottom:20px;
	height:20px;
	}
.foot dl dd{
	border-right:1px solid #414141;
	height:140px;
	}
.foot dl dd p{
	margin-bottom:12px;
	}
.foot dl.ind-ls{
	width:350px;
	margin-left:40px;
	}
.foot dl.ind-ls dd{

	}
.foot dl.ind-ftnav{
	width:300px;
	margin-left:40px;
	}
.foot dl.ind-ftnav dd{
	border-right:none;
	}
.foot dl.ind-ftnav dd a{
	color:#999;
	margin-right:10px;
	}
.foot dl.ind-ftnav dd a:hover{
	color:#fff;
	}
.copy{float:left; width:100%;
	background-color:#00937F;
	height:52px;
	line-height:52px;
	text-align:center;
	color:#ddd;
	}
.copy span{
	margin:0 10px;
	}
.copy span a{
	color:#ddd;
	margin:0 5px;
	}
.copy span a:hover{
	color:#fff;
	}

.ewm{ float:left; margin-left:20px; line-height:40px; text-align:center; margin-top:10px; font-weight:bold; font-size:16px;}
.ewm span{ font-size:20px; color:#00a597;}


.news{
	width:100%;
	height:auto;
	background:url(../images/news-bg.png) no-repeat;
	background-position:left top;
	background-size:100% 100%;
	margin:0px auto;
	padding:60px 0px;
}
.news .con{
	width:90%;
	max-width:1080px;
	margin:0px auto;
	padding:40px 0px;
}
.news .imgtext{
	float:left;
	width:48.5%;
	max-width:520px;
	height:400px;
	background:#fff;
}
.news .imgtext .img{
	width:100%;
	height:245px;
	overflow:hidden;
	background:#000;
}
.news .imgtext .img img{
	width:100%;
	height:auto;
	transition-duration: 3s;
	-ms-transition-duration: 3s;
	-moz-transition-duration: 3s; 
	-webkit-transition-duration: 3s;
}
.news .imgtext .text{
	width:90%;
	margin:0px auto;
	text-align:left;
	font-size:14px;
	line-height:24px;
	color:#929292;
	overflow:hidden;
}
.news .imgtext .text h3{
	color:#191919;
	font-size:17px;
	display:block;
	padding:18px 0px;
}
.news .imgtext .time{
	width:90%;
	margin:0px auto;
	padding:5px 0px 10px 0px;
	font-size:12px;
	font-family: Arial, "Arial Narrow";
	color:#ccc;
	text-align:left;
}
.news .imgtext a:hover .text h3{
	color:#00a597;	
}
.news .imgtext a:hover .img img{
	transform:scale(1.1,1.1);
	opacity:0.5;
}
.news .list{
	float:right;
	width:49%;
	max-width:530px;
	height:400px;
	overflow:hidden;
}
.news .list a{
	display:block;
	width:100%;
	height:125px;
	background:#fff;
	margin-bottom:12px;
	text-align:left;
	overflow:hidden;
}
.news .list a:last-child{
	margin-bottom:0px;
}
.news .list a .time{
	display:block;
	float:left;
	width:24%;
	height:80%;
	max-width:120px;
	max-height:90px;
	background:#cacaca;
	text-align:center;	
	margin:18px 20px;
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s; 
	-webkit-transition-duration: 1s;
}
.news .list a .time h3{
	display:block;
	padding:15px 0px 0px 0px;
	font-family:Arial, "Arial Narrow";
	font-size:40px;
	color:#fff;
}
.news .list a .time h4{
	display:block;
	padding:0px;
	font-family:Arial, "Arial Narrow";
	font-size:14px;
	font-weight:normal;
	color:rgba(255,255,255,0.7);
}
.news .list a .text{
	display:block;
	float:left;
	width:62%;
	height:80%;
	max-height:85px;
	margin:20px 0px;
	color:#5e5e5e;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
}
.news .list a .text h3{
	font-size:14px;
	color:#000;
	padding-bottom:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.news .list a:hover .time{
	background:#00a597;
}
.news .list a:hover .text h3{
	color:#00a597;
}


.m_pading_bg{width:100%; padding:30px 0px 50px 0px; height:600px;}
.wrapper { width:1100px; margin:0 auto; }
.kuan1{ width:30%; float:left; }
.kong1{ width:5%; float:left; height:1px;}

.m_pic { width:100%; float:left; display:inline; }
.m_pic img { display:block; width:100% }
.m_about { width:90%; float:left; display:inline; padding:5%; height:197px; background-color:#f2f2f2; }
.m_about .hd { height:45px; line-height:45px; color:#00a597; font-size:20px; text-align:left;}
.m_about .bd {     height: 120px;line-height:200%; overflow: hidden;}
.m_about .more { height:36px; line-height:36px; }
.m_about .more a { color:#00a597; }


#cermain{height:430px; background-color:#F5F5F8; padding-top: 50px;}
#cermain p.bt1{text-align:center; padding-top:62px;}
#cermain p.bt2{text-align:center; color:#FFF; padding-top:18px; font-size:21px; color:#464646;}
#cermain p.con{width:1180px; margin:auto; color:#999; text-align:center; padding-top:18px; line-height:230%;}

.cerbox{ width:1180px; margin:20px auto 0; overflow:hidden;}
ul.cer-list{ float:left; width:1180px;}
ul.cer-list li{ float:left; width:200px; height:230px; display:inline; margin-right:18px; margin-left:18px; margin-bottom:10px; overflow:hidden;  }
ul.cer-list li .cerbox{ *float:left; width:200px; height:200px; text-align:center; vertical-align:middle; display:table-cell; position:relative;}
ul.cer-list li .cerimg{ *position:absolute; top:50%;}
ul.cer-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.cer-list li span{ float:left; width:200px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px; font-weight: bold;}

.min{ min-height:300px; width:100%;}
.min img{ max-width:100%;}
.min_content{ width:900px; margin:0 auto; padding:20px 100px 20px 100px;}
.min_content1{ width:1100px; margin:0 auto;}
.min_content2{ width:1350px; margin:0 auto;}
.pro_lf{ margin-top:100px; float:left; width:220px; border:1px solid #00937F; border-top-left-radius: 20px; margin-bottom:30px; }
.pro_lf_title{ text-align:center; height:50px; line-height:50px; color:#fff; font-size:18px; border-top-left-radius: 15px; background:#00937F}
.pro_lf li{ font-size: 16px; text-align:center; height:40px; line-height:40px; border-bottom:1px solid #00937F;}
.pro_lf li.active{ background:#67BEB3; color:#fff;}
.pro_lf li:hover{ background:#67BEB3; color:#fff;}
.news_content{ width:1100px; margin:0 auto; position:relative; padding:30px 0;}
.ry_content{ width:1200px; margin:0 auto; position:relative; padding:30px 0;}


.aboutslide{ width:100%;  overflow:hidden;}
.aboutslide img{left:50%; margin-left:-960px; height:300px; position:relative; }

.news-nav{
    margin-top: 72px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}
.news-nav a{
	overflow:hidden;
    display: inline-block;
    position: relative;
    top: -14px;
    width: 120px;
    height: 29px;
    margin: 0px 4px 0 4px;
    font: 16px \7EC6\660E\4F53,"迷你简汉真广标","Microsoft Yahei";
    line-height: 29px;
    color: #666;
    text-align: center;
    border: 1px solid #ddd;
    background: #FFF;
}

.news-nav a.active{
   color: #FFF!important;  border-color: #00937F;  background: #00937F;
}
.news-nav a:hover{color: #FFF!important;  border-color: #00937F;  background: #00937F;}



.pageNavi { float:left;  margin-top:20px; display:block; WIDTH: 100%; TEXT-ALIGN: center; line-height:30px; font-size:14px; margin-bottom:10px;}
.wp-pagenavi { CLEAR: both}
.wp-pagenavi A {
	border:#CCC solid 1px;
	padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
	}
.wp-pagenavi SPAN { 
border:#CCC solid 1px;
padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
}
.wp-pagenavi A:hover { background:#bed83e; color:#FFF; border:#bed83e solid 1px;}
.wp-pagenavi SPAN.current {  background:#bed83e; color:#FFF; border:#bed83e solid 1px;}

.pages {display:block; height:40px; width:100%; margin-top:20px; background:#bed83e; text-align:center; font-size:16px; color:#FFF; line-height:40px;border-radius:10px;}
.pages a{ color:#FFF;}

.newslist_cont ul{  width:90%; margin:0 auto;}
.newslist_cont li{ width:100%; margin-bottom:30px;  overflow:hidden; border: 1px solid #ddd;}
.newslist_cont{ width:100%;  min-height:300px; padding:30px;}
.news_date{ width:100px; height:100px; font-size:40px; color:#666; text-align:center; line-height:50px; float:left; background:#EEE;     transition: all 0.3s ease;} 
.newslist_cont li:hover .news_date{ background:#00937F; color:#fff;     transition: all 0.3s ease;}
.news_date span{ font-size:16px; }
.news_title{ width:800px;   float:left; margin-left:15px; font-size:20px; height:30px; line-height:30px; }
.news_cont{width:800px; margin-left:15px; float:left; color:#aeaeae; line-height:30px; font-size:14px;     height: 60px;
    overflow: hidden;}
.newslist_cont li:hover .news_cont{ color:#00937F; transition: all 0.3s ease;}
.news_cont img{ max-width:100%;}



.down_content{ width:80%; margin-top:20px; margin:0 auto;}
.down_content li{ height:60px; width:100%; margin-bottom:20px; border-bottom:1px solid #CCC;}
.down_content .down_tu1{    margin-left: 25px; width:40px; height:60px; line-height: 60px;float: left;background: url(../images/wj.png) no-repeat left center;}

.down_content .down_tit{ float:left; height:60px; line-height:60px; font-size:18px; margin-left:20px;}
.down_content .down_tu2{display: block;
    line-height: 60px; margin-right:30px;
    float: right;
    width: 40px;
    height: 60px;
    background: url(../images/down.png) no-repeat center center;}
	

ul.certificate-list{ float:left; width:100%;}
ul.certificate-list li{ float:left; width:250px; height:250px; display:inline; margin-right:20px; margin-bottom:10px; overflow:hidden; }
ul.certificate-list li .cerbox{ *float:left; width:250px; height:200px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #cccccc; padding:4px; border-radius:5px;}
ul.certificate-list li .cerimg{ *position:absolute; top:50%;}
ul.certificate-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.certificate-list li span{ float:left; width:250px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px; font-size:20px;}

#faqbox{ float:left; width:95%; background:url(../images/feedbackimg.jpg) right bottom no-repeat; margin-top:30px; margin-bottom: 30px;}
#faqbox .faqline{ float:left; width:100%; line-height:2em; height:35px; text-align:left; margin-bottom:10px;}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .faqline input{ border:#cccccc solid 1px; height:25px; line-height:25px; font-family:微软雅黑; border-radius:5px;}
#faqbox .Content{ float:left; width:100%; line-height:2em; height:120px; text-align:left}
#faqbox .Content .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px; border:#cccccc solid 1px; font-family:微软雅黑; border-radius:5px;}	

ul.job-list{ float:left; width:80%; margin-left:10%; margin-top:20px;}
ul.job-list li{ float:left; width:99%; margin-bottom:20px; border:1px solid #e4e4e4;}
ul.job-list li .jobtitle{ height:46px; overflow:hidden; cursor:pointer; border-radius:5px 5px 0 0;}
ul.job-list li .jobtitle .tit{ float:left; display:block;  line-height:46px; height:46px; overflow:hidden; padding-left:25px; font-size:14px; font-weight:bold;}
ul.job-list li .jobtitle .arr{ float:right; background:url(../images/arrow-d.jpg) center no-repeat; height:46px; width:46px;}
ul.job-list li .jobtitle-active .tit{ color:#e87813;}
ul.job-list li .jobtitle-active .arr{ background:url(../images/arrow-u.jpg) center no-repeat;}
ul.job-list li .jobbrief{ border-top:1px solid #e4e4e4; padding-left:20px; padding-top:15px; padding-right:20px; padding-bottom:15px;}



.swiper-slide1{ float:left; margin:10px;    overflow: hidden;
	width:250px;
	text-align:center;
	}
.swiper-slide1 a{
	display:block;
	width:250px;
	margin:auto;
	}
.swiper-slide1 .img{
	width:250px;
	height:250px;
	overflow:hidden;
	position:relative;
	}
.swiper-slide1 .img span.bg{
	display:block;
/*	background-color:#000;*/
	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	}
.swiper-slide1 .img  .ico1{
	display:block;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-28px;
	z-index:6;
	opacity:0;
	}
.swiper-slide1 .con{
	height:50px;
	width:250px;
	line-height:25px;
	position:relative;
	}
.swiper-slide1 .con span.bg2{
	height:50px;
	width:250px;
	background-color:#29B183;
	position:absolute;
	left:0px;
	bottom:-190px;
	opacity:0;
	z-index:0;
	}
.swiper-slide1 .t1{
	color:#000;
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	z-index:2;
	}
.swiper-slide1 .t2{
	width:230px;
	color:#777;
	padding:0 10px;
	text-align:center;
	line-height:2em;
	position:relative;
	z-index:2;
	}	
.pro_img img{ max-width:50%;}
.brief-p2{ float:right; width:800px;}		
.brief-p2 img{ margin-left: 15%; width:70%;}

.news-nav li .nav_zl{ display:none}
.news-nav li:hover .nav_zl{ display:block;}