﻿/*新闻*/
.news_banner{height:252px; background:url(news_banner.jpg) no-repeat center center; clear:both;}
.news{ overflow:hidden; padding-top:2%; padding-left:1%; padding-right:1%;}
.news_title{ overflow:hidden; font-weight:bold;}
.news_title h2{ display:block; float:left;font-weight:bold; color:#333333; font-size:15px;}
.news_title h3{ display:block; float:right; color:#999; font-weight:normal; font-size:12px;}
.news_text{ padding-top:2%; padding-bottom:3%; border-bottom:#dbdbdb 1px dashed;}
.news_text p{ text-indent:2em; color:#999;}
.news_page{ overflow:hidden; float:right; width:38%; padding-top:3%;}
.news_page ul li{ float:left; padding-left:3px; padding-right:3px; color:#333333;}
.news_page ul li a{color:#333333;}
.news_page ul li a font{color:#333333;}
.news_page ul li a b{color:#333333; font-weight:normal;}

/*人力资源*/
.person_banner{height:252px; background:url(person_banner.jpg) no-repeat center center; clear:both;}
.ps_page{ overflow:hidden; width:22%; float:right; padding-top:3%;}
.ps_page ul li{ float:left; color:#999999; font-size:13px; padding-left:3px; padding-right:3px;}
.ps_page ul li a {color:#999999; font-size:13px;}
.ps_page ul li a:hover font{color:#0a6635;}
.ps_page ul li .page_color font{ color:#0a6635;}
.person_tit{ padding-top:2%;}
.person_tit label{ color:#555555; font-size:12px;}
.person_tit select{color:#555555; font-size:12px; border:#dbdbdb 1px solid; font-family:"微软雅黑"; border-radius:5px; margin-left:5px; outline:none;}
.person_tab{ margin-top:18px;}
.ps_tab tr th{ background:#cecece; color:#FFF; padding-top:8px; padding-bottom:8px; font-size:14px;}
.ps_tab tr td{ text-align:center; padding-top:12px; padding-bottom:12px; color:#555555; border-bottom:#f2f2f2 2px solid;font-size:13px;}
.ps_tab tr td a{ color:#0a6635;font-size:13px;}

/*公司简介*/
.about_banner{height:252px; background:url(cplbg.jpg) no-repeat center center; clear:both;}
.company_text{ text-indent:2em; color:#555555; font-size:14px; line-height:26px;}
.company_pic{ overflow:hidden; padding-top:2%;}
.company_pic01{ float:left; width:410px; height:262px;}
.company_pic01 img{ width:410px; height:262px;}
.company_pic02{ float:left; width:202px; height:262px; margin-left:3px;}
.company_pic02 img{width:202px; height:262px;}
.company_pic03{ float:right;width:202px; height:262px;}
.company_pic03 img{width:202px; height:262px;}


/*首页*/
.M-two{ position:relative;height:513px; overflow:hidden;}

.vui-slider {
	position:relative;
	overflow:hidden;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
	width:100%;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:0.5em;
	left:50%;
	width:120px;
	margin-left:-60px;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 5px;
	padding:0;
	border:none;
	border-radius:50%;
	border:#666 2px solid;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#0a6635;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}

.content{width:100%;height:316px;margin:30px auto; position:relative;}
.zixun{width: 1082px;height:316px; position:absolute; margin-left:-541px; left:50%;}
.zixun01{ width:360px; height:316px; background:#f5f5f5; float:left;}
.zixun01 a{ display:block;}
.zixun01 a h3{ padding-left:8%; padding-right:8%; padding-top:5%; color:#555555; font-weight:normal;}
.zixun01 a h5{ color:#555555; font-size:45px; font-family:"Arial";padding-left:8%; padding-right:8%;}
.zixun01 a h2{ font-weight:normal; color:#555555; font-size:18px;padding-left:8%; padding-right:8%;}
.zixun01 a p{padding-left:8%; padding-right:8%; color:#999999; font-size:12px; line-height:26px;padding-top:2%;}
.zixun01 a b{ display:block; width:17px; height:17px; border:#dbdbdb 1px solid; text-align:center; color:#555555; margin-left:8%;
margin-top:2%;}
.zixun01:hover { background:#FFF;}
.zixun01:hover a h3{ color:#0a6635;}
.zixun01:hover a h5{ color:#0a6635;}
.zixun01:hover a h2{ color:#0a6635;}
.zixun01:hover a p{ color:#0a6635;}
.zixun01:hover a b{ display:block; width:19px; height:19px; background:#0a6635; text-align:center; color:#FFF; margin-left:8%;margin-top:2%;}

.zixun01_color{background:#FFF;}
.zixun01_color a h3{ color:#0a6635;}
.zixun01_color a h5{ color:#0a6635;}
.zixun01_color a h2{ color:#0a6635;}s
.zixun01_color a p{ color:#0a6635;}
.zixun01_color a b{display:block; width:19px; height:19px; background:#0a6635; text-align:center; color:#FFF; margin-left:8%;margin-top:2%;}
#demo3 .als-item { width:258px;	text-align: center;	overflow:hidden;}
#demo3 .als-item p span{ color:#333333; font-size:18px;}
#demo3 .als-item p{padding-top:5px; color:#555555; font-size:14px;}
#demo3 .als-prev, #demo3 .als-next {top: 70px;}
#demo3 .als-prev {left: -5%;}
#demo3 .als-next {right: -5%;}

.cy_gstp01bg{width:198px; height:230px; margin:0 auto;}
.cy_gstp01{width:198px;height:195px;  position:relative; z-index:4;position:absolute; left:16px;top:0; overflow:hidden;}
.cy_gstp01a{ position:absolute; z-index:3; left:16px; top:0;width:198px; height:195px;}
.cy_gstp01a a{ display:block;}
.cy_gstp01a a img{width:150px; height:150px;border-radius:50%;}
.cy_gstext{ position:absolute; z-index:10;text-align:center;width:175px; }
.cy_gstext h2{ font-weight:normal; color:#333333; font-size:15px; text-align:center; vertical-align:top;padding-top:178px; }
.cy_gstext span{ font-family:"微软雅黑";font-size:12px; text-align:left; color:#555555;}
.anli_box{ width:1082px; overflow:hidden; margin:0 auto; padding-top:20px;padding-bottom:50px;}

.al_nav{ float:right;}
.al_nav ul li{ float:left;}
.al_nav ul li a{ display:block; float:right;font-family:"微软雅黑"; padding-top:2px;padding-left:5px; padding-right:5px; font-size:14px;}
.al_nav ul li a span{ color:#333333; padding-left:10px;}
.al_nav ul li:hover a{ color:#0a6636;}
.al_nav ul li .al_color{ color:#0a6636;}
.cy_khal003,.cy_huanjing{margin-top:10px; overflow:hidden;}
.cy_khal003 ul li,.cy_huanjing ul li{float:left;width:354px;position:relative;height:225px;background:#FFF;margin-left:5px;margin-top:14px;}
.cy_khal003 ul li a,.cy_huanjing ul li a{display:block;width:354px;height:225px;text-align:center;}
.cy_khal003 ul li a img,.cy_huanjing ul li a img{width:354px;height:225px;}
.cy_khal003 ul li a p,.cy_huanjing ul li a p{padding-top:5px;color:#666666;}

.hover_text{ height:44px; background:url(0_black.png); position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:44px;}
.hover_text span{ color:#FFF; font-size:14px;}
.cy_khal003 ul li:hover .hover_text,.cy_huanjing ul li:hover .hover_text{ background:url(green.png);}




/*工程*/
.profile_right{ float:right;width:820px; overflow:hidden;}
.pfile_top{ float:left; width:25%;}
.pfile_top h2{ font-weight:normal; color:#0a6635; padding-top:18px;}
.pfile_tit01{ height:42px; float:right; padding-top:10px;}
.pfile_tit01 ol{overflow:hidden;}
.pfile_tit01 ol li{ float:left; height:42px; line-height:42px;}
.pfile_tit01 ol li a img{ padding-right:6px;}
.pfile_tit01 ol li a span{color:#999999;}
.pfile_tit01 ol li a{ color:#999999; padding-left:2px; padding-right:2px;}

.jd_gc{ overflow:hidden; padding-top:6%; padding-left:5%; padding-bottom:5%;}
.jd_gc01{  width:317px;overflow:hidden; float:left; margin-left:50px; margin-right:34px; margin-top:20px;}
.jd_gcpic{ width:317px; height:212px;}
.jd_gcpic img{width:317px; height:212px;}

.jd_gctext{ text-align:center; padding-top:8px; padding-bottom:5px;}
.jd_gctext p{ color:#555555; font-size:14px;}
.pfile_lftitle{ width:224px; height:81px; background:#0a6635; text-align:center; line-height:81px;}
.pfile_lftitle p{color:#FFF;font-size:22px;}

.mL_dl {width: 224px; display: block; background:#eeeeee;}
.mL_dt { height: 40px; font-size: 14px; line-height: 40px;	margin-top:2px;}
.mL_dt a { display: block; padding-left: 24px;}
.mL_dt .ml_color{color:#FFF; background:#3c3c3c;}

.mL_dt a img{ vertical-align:middle;}
.mL_dt a span{ vertical-align:middle; padding-left:10px;}
.mL_dt a:hover{ color:#FFF; background:#3c3c3c;}
.mL_dd {display: none; padding: 4px 12px; background:#f8f8f8;}
.mL_dd p { padding-left:20px; line-height: 22px;}
.mL_dd  p font{ padding-left:6px; color:#666;}
.mL_dd p:hover font{ color:#0a6635;}

.contact{ padding-top:10%; clear:both;}
.contact img{ width:227px;}

.profile_banner{ height:252px; background:url(gcbanner.jpg) no-repeat center center; clear:both;}
.profile_contentbg{ background:url(profile_bg.jpg) repeat-x;}
.profile_content{ width:1082px; overflow:hidden;margin:0 auto; position:relative; top:-10px; min-height:600px;}
.profile_left{ width:224px; overflow:hidden; float:left;}

.mLeft{ width:224px; overflow:hidden; background:#FFF;border:#dbdbdb 1px solid;}
.pfile_pic{ width:714px; height:170px;}
.pfile_pic img{ width:714px; height:170px;}
.pfile_text02{ padding-top:20px;}
.pfile_text02 dl dd{ text-indent:2em; color:#555555; font-size:14px;line-height:34px;}
.classic{ height:330px; background:#fff; padding-top:20px; padding-bottom:40px;}
.classic01{ width:1082px; overflow:hidden; margin:0 auto;padding-top:30px;}
.classic001{ float:left;}
.classic001 h2{ display:block; float:left; color:#333333; font-size:22px; font-family:"微软雅黑";padding-left:12px; font-weight:normal;}
.classic001 h2 span{ color:#999999; font-size:14px;}
.classic001 h2 span font{color:#999999; font-size:14px; padding-left:8px; padding-right:8px;}
.classic002{ float:right;}
.classic002 ul li{ float:left;}
.classic002 ul li a{ display:block; float:right;font-family:"微软雅黑"; padding-top:2px;padding-left:5px; padding-right:5px; font-size:14px;}
.classic002 ul li a span{ color:#333333; padding-left:10px; font-size:16px;}
#content {
	position: relative;
	height:220px;
	width: 1000px;
	margin:0 auto;
}

.als-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.cherry {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width:1000px;
	top:0;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}
.container_jd{ width:80%; height:250px; margin:0 auto;margin-top:30px;}
.als-prev{ background:url(jdleft.png) no-repeat;width: 19px;height: 53px;}
.als-prev:hover{width: 19px;height: 53px; background:url(jdleft_yellow.png) no-repeat;}
.als-next{background:url(jdright.png) no-repeat;width: 19px;height: 53px;}
.als-next:hover{ background:url(jdright_yellow.png) no-repeat;width: 19px;height: 53px;}



/*-- banner --*/
.container {width:1000px; margin:0 auto;overflow:hidden;}
.fl, .fldi {
    float: left;
}
.fr, .frdi {
    float: right;
}
.more {
    height: 28px;
    padding: 6px 20px;
    float: right;
}
.more a {
    width: 51px;
    height: 28px;
    float: left;
    background:url(more.png) no-repeat center center;
}

/*------------------ Slider Part starts Here----------*/
#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
  	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 55px;
	background: transparent url("themes.png") no-repeat left top;
	margin-top: -65px;
}
.callbacks_nav:active {
  opacity: 1.0;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.callbacks_tabs{
	width:120px;
	left:50%;
	margin-left:-50px;
	list-style: none;
	position: absolute;
	bottom:3em;
	z-index:1000;
}
.slider-top{
	text-align: center;
	padding:10em 0;
}
.slider-top h1{
	font-weight:700;
	font-size:48px;
	color:#010101;
}
.slider-top p{
	font-weight:400;
	font-size:20px;
	padding:1em 7em;
	color:#010101;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
ul.social-slide li i{
	width:70px;
	height:74px;
	background:url(img-resources.png)no-repeat;
	display: inline-block;
	margin:0px 15px;
}
ul.social-slide li i.win{
	background-position:-6px 0px;
}
ul.social-slide li i.android{
	background-position:-110px 0px;
}
ul.social-slide li i.mac{
	background-position:-215px 0px;
}
.callbacks_tabs li{
	display: inline-block;
	margin-left:8px;
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height:14px;
  width:14px;
  display:inline-block;
  background:#FFF;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
}
.callbacks_here a:after{
	background: #0a6635;
}
/*-- banner-bottom --*/
/*广告图结束*/






.content{width:100%;height:316px;margin:30px auto; position:relative;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative;cursor: -webkit-grab;cursor: grab;}
.flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-slider { position: absolute; width: 100%;}

.flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white;background: hsla(0, 0%, 100%, 0.75);cursor: pointer; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display:none;}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
.flickity-prev-next-button:disabled { opacity: 0.3;cursor: auto; }
.flickity-prev-next-button svg {position: absolute;left: 20%;top: 20%;width: 60%;height: 60%;}
.flickity-prev-next-button .arrow { fill: #333;}
.flickity-prev-next-button.no-svg {color: #333; font-size: 26px;}

.flickity-page-dots { position: absolute;width: 100%;bottom: 25px; padding: 0; margin: 0; list-style: none; text-align: center;line-height: 1;}
.flickity-page-dots .dot { display: inline-block; width:12px; height: 12px; margin: 0 8px; border: #666 2px solid;border-radius: 50%;cursor: pointer;}
.flickity-page-dots .dot.is-selected {background:#0a6635; }
.news_cell {width: 100%; height: 316px; }



.cp_list{
	clear: both;
}
.cp_list ul li{
	width:240px;
	float:left;
	margin-right:19px;
	margin-bottom:15px;
}
.cp_list ul li .jzimg {
	width: 100%;
	height: 180px;
	position: relative;
	overflow: hidden;
	}
.cp_list ul li .jzimg img{
	display:block;
	width:100%;
	min-height:100%;
	transition:all ease 2s;
	-webkit-transition:all ease 2s;
	-moz-transition:all ease 2s;
	-ms-transition:all ease 2s;
	-o-transition:all ease 2s;
}
.cp_list ul li:hover .jzimg img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.cp_list ul li .txt{
	width:100%;
	height:40px;
	background:#E7F9F0;
	text-align: center;	
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
	-moz-transition:all ease 1s;
	-ms-transition:all ease 1s;
	-o-transition:all ease 1s;
}

.cp_list ul li .txt a{
	width:100%;
	margin:0px auto;
	line-height:35px;
	text-indent:15px;font-size:14px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
	-moz-transition:all ease 1s;
	-ms-transition:all ease 1s;
	-o-transition:all ease 1s;
}
.cp_list ul li:hover .txt{
	background:#0A6635;
	color:#fff;
}

.cp_list ul li:hover .txt a{color:#fff;}
.page{clear:both;padding:20px 0 20px 0;text-align:center;}
.page .active_page{background-color:#51C332;color:#fff;}
.page a{display:inline-block;padding:0 12px;height:30px; line-height:30px; text-align:center;border:1px solid #dfdfdf;margin:5px;font-size:14px;background-color:#fff;}
.page b,.page a:hover{display:inline-block;padding:0 12px;height:30px; line-height:30px; text-align:center;border:1px solid #fff;margin:5px;font-size:14px;background-color:#51C332;color:#fff;}
.page a b{background-color:#fff;padding:0;color:#999999;display:inline;}