@charset "utf-8";
/** banner **/
#banner{
	position:relative;
	width:100%;
	margin:0 auto;
	margin-top:70px;
	background: #FFF url(../images/mainbg.png) repeat;
	padding:0;
	box-sizing:border-box;
}
#banner .container{position:relative;}
#banner .listshow {
	float:none;
	width:100%;
	background:#fff;
	margin:0 auto;
	max-width:1200px;
}
#banner .listshow .item {
	position:relative;
}
#banner .listshow .item a {
	float:left;
	width:100%;
}
#banner .listshow .item a:focus {
	filter:alpha(opacity=50);
	opacity:0.5;
}
#banner .listshow img {
	float:left;
	width:100%;
	height:auto;
}
#banner .listshow .slick-prev,
#banner .listshow .slick-next {
	position:absolute;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	width:60px;
	height:60px;
	z-index: 100;
	background-size: contain;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
	opacity:0;
	filter: Alpha(Opacity=0);
}
#banner .listshow .slick-prev:before,
#banner .listshow .slick-next:before {
	display:none;
}
#banner .listshow .slick-prev {
	left: -60px;
	background:url(../images/banner-prev.png) no-repeat 50% 50%;
}
#banner .listshow .slick-next {
	right: -60px;
	background:url(../images/banner-next.png) no-repeat 50% 50%;
}
#banner .listshow:hover .slick-prev,
#banner .listshow:hover .slick-next,
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus{
	background-color:#000;
}
#banner .listshow:hover .slick-prev,
#banner .listshow .slick-prev:focus{left:20px;}
#banner .listshow:hover .slick-next,
#banner .listshow .slick-next:focus{right:20px;}
@media screen and (max-width:640px) {
	#banner .listshow .slick-prev,
	#banner .listshow .slick-next {
		height:40px;
		background-image:url(../images/footer-icon-on.png);
	}
}
@media screen and (max-width:420px) {
	#banner {margin-top:55px;}
}
@media screen and (min-width:991px) {
	#banner {margin:0 auto;}
}
@media screen and (min-width:1200px) and (max-width:1920px) {
	#banner {padding:15px 0;}
	#banner .listshow .item {
		height:450px;
	}
	#banner .listshow img {
		position:absolute;
		left:50%;
		top:0;
		width:1200px;
		height:450px;
		margin-left:-600px;
	}
}
/* ----- slide_control ----- */
div[class$="_slide_control"]{
	width:100%;
	letter-spacing:-9px;
	text-align:center;
	margin:0;
	z-index:1;
}
div[class$="_slide_control"] .button {
	display:none;
	width:45px;
	height:45px;
	letter-spacing:0;
	border:none;
	background:none;
	cursor:pointer;
	box-sizing:border-box;
	vertical-align:middle;
	padding:0;
	margin:5px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
div[class$="_slide_control"] .dot {
	position:relative;
	display:inline-block;
	max-width:calc(100% - 55px);
	letter-spacing:0;
	margin-left:15px;
	vertical-align:middle;
}
div[class$="_slide_control"] .dot .slick-dots {
	position:relative;
	bottom:0;
}
div[class$="_slide_control"] .dot .slick-dots li {
    display:inline-block;
	width:15px;
	height:15px;
	margin:0 5px;
	padding:0;
	vertical-align:top;
}
div[class$="_slide_control"] .dot .slick-dots li button {
	position:relative;
	display:inline-block;
	width:15px;
	height:15px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	vertical-align:top;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
div[class$="_slide_control"] .dot .slick-dots li button:before {
	position:absolute;
	left:0;
	bottom:0;	
	content:"";
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	line-height:15px;
	filter:alpha(opacity=100);
	opacity:1;
	background:none;
	border:2px solid rgba(0,0,0,.3);
	box-sizing:border-box;
	overflow:hidden; 
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
div[class$="_slide_control"] .dot .slick-dots li button:hover:before,
div[class$="_slide_control"] .dot .slick-dots li button:focus:before {
	border-color:#0A8746;
}
div[class$="_slide_control"] .dot .slick-dots li.slick-active button:before {
	border:none;
    background:rgba(0,0,0,.3);
}
div[class$="_slide_control"] .dot .slick-dots li.slick-active button:hover:before,
div[class$="_slide_control"] .dot .slick-dots li.slick-active button:focus:before {
	background:#0A8746;
}
div[class$="_slide_control"] .dot .slick-dots li button:focus {
	outline:1px dashed #FF6600;
}
div[class$="_slide_control"] .button span {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
div[class$="_slide_control"] .play span:before {
	position:absolute;
	content:"";
    display:block;
	top:50%;
	left:50%;
    width:0;
	height:0;
	border-style:solid;
	border-width:7.5px 0 7.5px 10px;
	border-color:transparent transparent transparent rgba(0,0,0,.3);
	box-sizing:border-box;
	margin:-7.5px 0 0 -3px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
div[class$="_slide_control"] .play:hover span:before,
div[class$="_slide_control"] .play:focus span:before {
	border-color:transparent transparent transparent #0A8746;
}
div[class$="_slide_control"] .stop span:before,
div[class$="_slide_control"] .stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:3px;
    height:15px;
	background:rgba(0,0,0,.3);
	margin:-7.5px 0 0 0;   
    z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
div[class$="_slide_control"] .stop span:before {
	margin-left:-5px;
}
div[class$="_slide_control"] .stop span:after {
	margin-left:2px;
}
div[class$="_slide_control"] .stop:hover span:before,
div[class$="_slide_control"] .stop:focus span:before,
div[class$="_slide_control"] .stop:hover span:after,
div[class$="_slide_control"] .stop:focus span:after {
	background:#0A8746;
}
div[class$="_slide_control"] .button:focus{
	background-color:#000;
}
div[class$="_slide_control"] .play:focus span:before {
	border-color:transparent transparent transparent #ffffff;
}
div[class$="_slide_control"] .stop:focus span:before,
div[class$="_slide_control"] .stop:focus span:after{
	background-color:#fff;
}
/* banner_slide_control */
#banner .banner_slide_control{position:absolute;bottom:20px;}
#banner .banner_slide_control .dot{display:none;}
#banner .listshow a.slick-arrow:focus,
#banner .banner_slide_control button:focus{
	outline-color:#CE4A03;
}
/** firstSection **/
#firstSection {
	position:relative;
	width:100%;
	padding: 20px 0;
	box-sizing: border-box;
	margin:0 auto;
	background:#fff;
}
/* ----- researchGroup ----- */
#researchGroup{
	width: 100%;
	margin:0 auto;
	padding:19px 0;
	overflow:hidden;
}
#researchGroup ul{
	list-style-type:none;
}
#researchGroup > ul{
	display: flex;
	flex-wrap: wrap;
}
#researchGroup > ul > li{
	width:100%;
}
#researchGroup dl{
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:20px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#f5f5f5;
}
#researchGroup dl.rs1{
	background-color:#d4d9fd;
	background-image:url(../images/rs-bg1.jpg);}
#researchGroup dl.rs2{
	background-color:#e0efde;
	background-image:url(../images/rs-bg2.jpg);}
#researchGroup dl.rs3{
	background-color:#f6eee3;
	background-image:url(../images/rs-bg3.jpg);}
#researchGroup dl > dt{
	text-align:center;
	padding-bottom:10px;
}
#researchGroup dl > dt .icon{ width:100%;}
#researchGroup dl > dt .icon img{
	max-width:100%;
	height:auto;
}
#researchGroup dl > dd .title{
	font-size:6vmin;
	font-family:"微软雅黑";
	font-weight:bold;
	padding:15px 0;
	border-bottom:1px solid #000;
}
#researchGroup dl > dd ul > li{
	padding:15px 15px 15px 22px;
	border-bottom:1px dashed #aaaaaa;
	font-size:1.8em;
	line-height:120%;
	position:relative;
}
#researchGroup dl > dd ul > li:last-of-type{
	border-bottom:none;
}
#researchGroup dl > dd ul > li:before{
	position:absolute;
	left:0;
	top:50%;
	content:"";
	width:10px;
	height:10px;
	margin:-5px 6px 0;
	display:inline-block;
	background-color:#000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#researchGroup dl.rs1 > dd ul > li:before{ background-color:#4B58B4;}
#researchGroup dl.rs2 > dd ul > li:before{ background-color:#487543;}
#researchGroup dl.rs3 > dd ul > li:before{ background-color:#876646;}


#researchGroup dl > dd ul > li a{ color:#000;}
#researchGroup dl > dd ul > li a:hover{ color:#f08200;}

#researchGroup dl.rs1 > dd .title,
#researchGroup dl.rs1 > dd ul > li a:hover{ color:#4B58B4;}
#researchGroup dl.rs2 > dd .title,
#researchGroup dl.rs2 > dd ul > li a:hover{ color:#487543;}
#researchGroup dl.rs3 > dd .title,
#researchGroup dl.rs3 > dd ul > li a:hover{ color:#876646;}
@media screen and (min-width:481px) and (max-width:990px){
	#researchGroup dl{display:table;}
	#researchGroup dl > dt,
	#researchGroup dl > dd{
		display:table-cell;
		vertical-align:middle;
		width:auto;
	}
	#researchGroup dl > dt{text-align:left;}
	#researchGroup dl > dt {width:120px;}
	#researchGroup dl > dt .icon{ width:80%;}
	#researchGroup dl > dd .title{font-size:5vmin;}
}
@media screen and (min-width:991px) {
	#researchGroup > ul > li{width:33.33%;}
	#researchGroup dl{min-height:426px;}
	#researchGroup dl > dd .title{font-size:4.3vmin;}
}
@media screen and (min-width:1200px) {
	#researchGroup dl{padding:30px;}
	#researchGroup dl > dd .title{font-size:2.6em;}
}
/* ----- newsBox ----- */
#newsBox {	
	width: 100%;
	margin:19px auto;
	overflow:hidden;
}
#newsBox > ul {
	list-style-type:none;
	margin:0 -7px;
}
#newsBox > ul > li{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:7px;
}
#newsBox .newsShow {
	float:left;
	width: 100%;
	padding:0;
	box-sizing: border-box;
}
#newsBox .newsShow .newsTit {
	float:left;
	width: 100%;
	height:120px;
	background:#377F37;
}
#newsBox .newsShow .newsTit.t1 { background:url(../images/newsTit-bg1.jpg) no-repeat 50% 50%; background-size:cover; }
#newsBox .newsShow .newsTit.t2 { background:url(../images/newsTit-bg2.jpg) no-repeat 50% 50%; background-size:cover; }
#newsBox .newsShow .newsTit.t3 { background:url(../images/newsTit-bg3.jpg) no-repeat 50% 50%; background-size:cover; }
#newsBox .newsShow .newsTit.t4 { background:url(../images/newsTit-bg4.jpg) no-repeat 50% 50%; background-size:cover; }
#newsBox .newsShow .newsTit h2 {
	color:#FFF;
	font-size:3em;
	font-family:"微软雅黑";
	font-weight: bold;
	text-align:center;
	margin-top:45px;
}
#newsBox .newsShow .newsTit h2:before,
#newsBox .newsShow .newsTit h2:after{
	content:"";
	display:inline-block;
	width:3px;
	height:22px;
	border-left:1px solid rgba(255,255,255,0.8);
	border-right:1px solid rgba(255,255,255,0.8);
	-moz-transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
	box-sizing:border-box;
}
#newsBox .newsShow .newsTit h2:before{ margin-right:16px;}
#newsBox .newsShow .newsTit h2:after{ margin-left:16px;}
#newsBox .newsShow .newsTit p {
	color:#FFF;
	font-size:1.3em;
	text-align:center;
	margin-top:5px;
}
#newsBox .newsShow .newsList {
	position:relative;
	float:left;
	width: 100%;
	min-height:330px;
	padding:25px 15px 55px;
	background:#f5f5f5;
	box-sizing:border-box;
}
#newsBox .newsShow .newsList ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0;
}
#newsBox .newsShow .newsList ul li {
	float:left;
	width: 100%;
	padding:10px 0;
	box-sizing:border-box;
	background:url(../images/newsList-div.png) no-repeat 0 10px;
	border-bottom:1px dotted #CCC;
}
#newsBox .newsShow .newsList ul li:last-child{ border-bottom:none;}
#newsBox .newsShow .newsList ul li a {
    float:left;
	width:100%;
	height:100%;
}
#newsBox .newsShow .newsList ul li a:hover{ color:#f08200;}
#newsBox .newsShow .newsList ul li .title {	
	font-size:1.5em;
	line-height:125%;
	text-align: justify;
	word-break:break-all;
}
#newsBox .newsShow .newsList ul li .time {
	color:#377F37;
	font-size:1.4em;
	font-weight:normal;
	margin:0 0 5px 0;
}
#newsBox .newsShow .newsList .btn {
	float:left;
	width:100%;	
	text-align: right;
	margin:0;
	padding:15px 15px 25px;
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	left:0;
}
#newsBox .newsShow .newsList .btn a {
	position:relative;
	font-size:1.5em;
	right:5px;
}
#newsBox .newsShow .newsList .btn a span {
	position:relative;
	display:inline-block;
	width:14px;
	height:14px;
	vertical-align:top;
	margin-left:5px;
	-webkit-transition:all 0.4s;
	   -moz-transition:all 0.4s; 
         -o-transition:all 0.4s;
            transition:all 0.4s;
}
#newsBox .newsShow .newsList .btn a span:before{
	position:absolute;
	top:50%;
	left:0;
	content:"";
	display:inline-block;
	width:100%;
	height:1px;
	background-color:#000;
}
#newsBox .newsShow .newsList .btn a span:after{
	position:absolute;
	top:50%;
	right:0;
	content:"";
	display:inline-block;
	width:6px;
	height:6px;
	margin-top:-3px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#newsBox .newsShow .newsList .btn a:hover span:before,
#newsBox .newsShow .newsList .btn a:focus span:before{
	background-color:#f08200;
}
#newsBox .newsShow .newsList .btn a:hover span:after,
#newsBox .newsShow .newsList .btn a:focus span:after{
	border-color:#f08200;
}
#newsBox .newsShow .newsList .btn a:hover{right:0px;}
@media screen and (min-width: 601px) {
	#newsBox > ul > li{width:50%;}
}
@media screen and (min-width: 1200px) {
	#newsBox > ul > li{width:25%;}
}
/* ----- serviceBox ----- */
#serviceBox {
	position:relative;
	width:100%;
	margin:0 auto;
	z-index:1;
}
/* ----- serviceList ----- */
#serviceList {	
	width:100%;
	margin:19px auto;
	box-sizing:border-box;
	z-index:1;
}
#serviceList .listshow {
	display:block;
	width:100%;
	padding:0 0 26px;
	margin:0 auto;
	box-sizing:border-box;
	overflow:hidden;
}
#serviceList .listshow > ul{
	list-style-type:none;
	margin:0 -7px;
}
#serviceList .listshow > ul > li{
	width:100%;
	float:left;
	padding:7px;
	box-sizing:border-box;
	line-height: 0;
}
#serviceList .listshow .item {
	display:inline-block;
	padding:0;
	width:100%;
	box-sizing:border-box;
	line-height:160%;
}
#serviceList .listshow .item a {
	float:left;
	width:100%;
	height:100%;
	padding:20px 0;
	background-image:url(../images/svbg.png);
	background-color:#bfbfbf;
	background-repeat:no-repeat;
	background-size:cover;
}
#serviceList .listshow .item a:focus {
	box-sizing:border-box;
}
#serviceList .listshow .item a:hover{
	background-color:#377F37;
}
#serviceList .listshow .icon{
	width:100%;
	height:120px;
	position:relative;
	text-align:center;
	vertical-align:middle;
	z-index:2;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#serviceList .listshow .icon:after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:90px;
	height:90px;
	display:block;
	background-color:#fff;
	border-radius:60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	margin:-45px auto 0 -45px;
	z-index:-1;
}
#serviceList .listshow .item:hover .icon{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
#serviceList .listshow .item:hover .icon:after{
	background-color:#fff100;
}
#serviceList .listshow img {
	width:100%;
	max-width:120px;
	height:auto;
	margin:0 auto;
}
#serviceList .listshow p {
	text-align:center;
	font-family:"微软雅黑";
	font-size:2.4em;
	color:#4D4D4D;
	font-weight:bold;
	padding-bottom: 15px;
}
#serviceList .listshow .item a:hover p{ color:#fff;}
#serviceList .listshow .slick-prev,
#serviceList .listshow .slick-next {
	display:none;
}
#serviceList .slick-dots {
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	text-align: right;
	margin:0 auto;
	z-index:10;
}
#serviceList .slick-dots li {
    display:inline-block;
	width:12px;
	height:12px;
	margin:0 6px;
	padding:0;
}
#serviceList .slick-dots li button {
	width:12px;
	height:12px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
#serviceList .slick-dots li button:before {
	display:block;
	width:12px;
	height:12px;
	font-size:0;
	line-height:12px;
	opacity:1;   
    background:rgba(0,0,0,.3);   
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#serviceList .slick-dots li.slick-active button:before {
    background:rgba(0,0,0,1);
}
@media screen and (min-width: 421px) {
	#serviceList .listshow > ul > li{width:50%;}
}
@media screen and (min-width: 768px) {
	#serviceList .listshow > ul > li{width:25%;}
}
/* ----- adLink ----- */
#adLink {
	position:relative;
	width:100%;
	padding:20px 0;
	box-sizing:border-box;
	margin:0 auto;
	background-color:#f5f5f5;
}
#adLink .listshow {	
	display:block;
	width:100%;
	padding:0 20px;
	margin:0 auto;
	box-sizing:border-box;
}
#adLink .slick-list{
	padding:5px 0;
}
#adLink .listshow .item {
	display:inline-block;
	padding:0 8px;
	box-sizing:border-box;
}
#adLink .listshow .item a {
	float:left;
	width:100%;
	height:100%;	
}
#adLink .listshow .item a:hover{
	-webkit-transform: translate3d(0, -3px, 0);
	-moz-transform: translate3d(0, -3px, 0);
	-o-transform: translate3d(0, -3px, 0);
	-ms-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);
	background:#fff;
}
#adLink .listshow .item a:focus {
	box-sizing:border-box;
	background:#000;
}
#adLink .listshow .item a:hover img,
#adLink .listshow .item a:focus img {
	opacity:0.6;
}
#adLink .listshow img {
	width:100%;
	max-width:273px;
	height:auto;
	margin:0 auto;
	border:1px solid #dddddd;
}
#adLink .listshow .slick-prev,
#adLink .listshow .slick-next {
	position:absolute;
	display:block;
	font-size:0;
	width:13px;
	height:22px;
	z-index:10;
    -webkit-transition:all 0.8s;
    transition:all 0.8s;
}
#adLink .listshow .slick-prev {
	left:0;	
	background-image:url(../images/adLink-prev.png);
}
#adLink .listshow .slick-next {
	right:0;
	background-image:url(../images/adLink-next.png);
}
#adLink .listshow .slick-prev:before,
#adLink .listshow .slick-next:before {
	display:none;
}
#adLink .listshow .slick-prev:hover,
#adLink .listshow .slick-prev:focus{
	background-image:url(../images/adLink-prev-ov.png);
}
#adLink .listshow .slick-next:hover,
#adLink .listshow .slick-next:focus {	
	background-image:url(../images/adLink-next-ov.png);
}
@media screen and (min-width:990px) {
	#adLink {
		padding:38px 0;		
	}
	#adLink .listshow {
		max-width:100%;
	}
}
@media screen and (min-width:1200px) {
	#adLink .listshow {
		max-width:1200px;
		padding:0 25px;
	}
}



@media print {
	#banner {
		width:100%!important;
		margin:0;
	}
	#banner .listshow img {
		width:760px!important;
	}
	#adLink {
		display:none!important;
	}
	#serviceList .slick-list {
		width:580px!important;		
	}
}