﻿
@charset "utf-8";
/* 全局 */
html {
	webkit-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-justify: inter-ideograph;
}
a {
	text-decoration: none;
	outline: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}
/* 基础 */
* {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-touch-callout: none;
	margin: 0
}
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar-track {
border-radius:0;
background:rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
background:rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
background:rgba(0,0,0,0.4);
background-color:#127a44;
}
input, textarea {
	-webkit-user-select: text
}
/*分页样式*/
.pglist {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 14px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 33px;
	padding-bottom: 1px;
}
.pglist a:hover {
	display: inline-block;
	border-color: #127a44;
}
.pglist .thisclass a {
	display: inline-block;
	color: #fff;
	background: #127a44;
	border-color: #127a44;
}
/*返回首页*/
#tip {
	padding-top: 30px;
	min-height: 640px;
}
#tip b {
	color: #127a44;
}
/*网站地图*/
.sitemap {
	overflow: hidden;
	line-height: 30px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.sitemap dt {
	float: left;
	margin-right: 2%;
	width: 14.66666667%;
}
.sitemap dt a {
	display: block;
	text-align: center;
	background: #ececec;
	font-size: 14px;
	padding: 8px 0;
	font-weight: normal;
}
.sitemap dt a:hover {
	background: #ccc;
	color: #fff;
}
.sitemap dd {
	float: left;
	width: 83.333333%;
}
.sitemap dd a {
	float: left;
	color: #666;
	padding-right: 35px;
	line-height: 39px;
	transition: none;
}
.sitemap dd a:hover {
	color: #333;
}
/*网站标签*/
.tags_list {
	overflow: hidden;
	line-height: 30px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.tags_list dt {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 14.66666667%;
}
.tags_list dt a {
	display: block;
	text-align: center;
	background: #ececec;
	font-size: 14px;
	padding: 8px 0;
	font-weight: normal;
}
.tags_list dt a:hover {
	background: #ccc;
	color: #fff;
}
.tags {
	overflow: hidden;
	margin-bottom: 20px;
}
.tags span {
	float: left;
	display: block;
	line-height: 40px;
}
.tags a {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
	line-height: 28px;
	padding: 0 6px;
	margin: 5px;
	background: #fff;
	border: 1px solid #dadada;
}
.tags a:hover {
	background: #127a44;
	border-color: #127a44;
	color: #fff;
}
/*评论列表*/
.comment-main {
	width: 100%;
	background: #FFF;
	border-bottom: 3px solid #eee;
	margin-top: 30px;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.comment-main:hover {
	border-bottom: 3px solid #127a44;
	-webkit-box-shadow: 0 10px 20px 0 #CCC;
	-moz-box-shadow: 0 10px 20px 0 #CCC;
	-ms-box-shadow: 0 10px 20px 0 #CCC;
	-o-box-shadow: 0 10px 20px 0 #CCC;
	box-shadow: 0 10px 20px 0 #CCC;
}
.comment-title {
	width: 100%;
	height: 49px;
	line-height: 50px;
	background: #FFF;
	border-bottom: 1px solid #CCC;
}
.comment-title span {
	float: left;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	display: block;
	padding: 0 30px;
	background: #127a44;
	color: #FFF;
}
.comment-show-box {
	margin: 20px 12px
}
.comment-show-box .pl-box2 {
	width: 100%
}
.comment-show-box .pl-box2 dl {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EEE;
}
.comment-show-box .pl-box2 dl dt {
	float: left;
	width: 50px;
	margin-right: 15px;
}
.comment-show-box .pl-box2 dl dt img {
	width: 50px;
	height: 50px
}
.comment-show-box .pl-box2 dl dd {
	float: right;
	width: 92%;
}
.comment-show-box .pl-box2 dl dd h1 {
	font-weight: 700;
	font-size: 100%;
}
.comment-show-box .pl-box2 dl dd h1 span {
	color: #656565;
	font-weight: 400;
	float: right;
}
.comment-show-box .pl-box2 dl dd p {
	margin-top: 10px;
	line-height: 20px
}
.comment-show-box .pl-box2 dl dd p.xz-fc1 {
	color: #127a44;
}
.comment-show-box .xz-cb {
	zoom: 1
}
.comment-show-box .xz-cb:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: "."
}
.c-more {
	text-align: center;
	line-height: normal;
}
.c-more a {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	background: #127a44;
	color: #ffffff;
	padding: 13px 0;
}
.c-more a:hover {
	background: #333;
}
/*评论表单*/
.comment-show-box .fb-box {
	background: #FAFAFA;
	border: 1px solid #EEE;
	margin-top: 20px;
}
.comment-show-box .fb-box dl {
	float: left;
	width: 97%;
	padding: 12px;
}
.comment-show-box .fb-box dt {
	float: left;
	width: 50px;
	margin-right: 15px;
}
.comment-show-box .fb-box dt img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 50px;
	height: 50px
}
.comment-show-box .fb-box dd {
	float: right;
	width: 92%;
}
.comment-show-box .fb-box dd p {
	color: #656565;
}
.comment-show-box .fb-box dd p textarea {
	width: 97%;
	height: 120px;
	line-height: 20px;
	color: #6C6C6C;
	padding: 12px;
	border: 1px solid #EEE;
	outline: 0;
	font-family: "microsoft yahei";
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.comment-show-box .fb-box dd p textarea:focus {
	border: 1px solid #127a44;
	box-shadow: 0 0 10px 0 #127a44
}
.comment-show-box .fb-box-div {
	margin-top: -1px;
	background: #FAFAFA;
	border-radius: 0 0 5px 5px;
	border: 1px solid #EEE;
}
.comment-show-box .fb-box-div dl {
	padding: 12px;
	position: relative;
}
.comment-show-box .fb-box-div dd {
	font-size: 12px;
	line-height: 13px;
	color: #666;
}
.comment-show-box .fb-box-div input {
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-ms-border-radius: 0 0 5px 0;
	-o-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 80px;
	height: 39px;
	font-size: 12px;
	line-height: 39px;
	background: #AAA;
	color: #FFF;
	border: 0;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.comment-show-box .fb-box-div input:hover {
	background: #127a44;
	color: #FFF;
}
/*点赞*/
#mood {
	margin-bottom: 30px;
	text-align: center;
}
#mood p {
	font-size: 16px;
	color: #555;
	font-weight: bold;
	margin-bottom: 20px;
}
#mood a {
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	color: #555;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 6px 20px;
	min-width: 100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#mood a span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	vertical-align: sub;
	background: url(../images/dianzan.png) no-repeat;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#mood a span.dianzan-down {
	background-position: top right;
}
#mood a em {
	font-style: normal;
	font-size: 16px;
}
#mood a:hover {
	background: #127a44;
	border-color: #127a44;
	color: #fff;
}
#mood a:hover span.dianzan-up {
	background-position: bottom left;
}
#mood a:hover span.dianzan-down {
	background-position: bottom right;
}



.clear { clear:both }
.tith2 {
    font-size: 26px;
	line-height:30px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: #127a44;
}
.tith3 {
    font-size: 32px;
	line-height:30px;
    margin-bottom: 20px;
    color: #ccc;
	text-transform:uppercase;
}
.description { font-size:16px; line-height:1.8; color:#666 }
/*列表*/
.article-list ul { }
.article-list li{ width: 32%; margin:0px 2% 20px 0; float: left; overflow:hidden; }
.article-list li:nth-of-type(3n) { margin-right:0 }
.article-list li .zoom { position: relative; display:block; text-align:center; overflow:hidden; width: 100%; height: 0; padding:28% 0 38% 0; color:#fff; margin:1px; }
.article-list .zoom>a { display:none; position: absolute; top:0; left:0; width: 100%; height:30%; padding:27% 0 24% 0; background-color: rgba(0,0,0,.5); font-size:18px; color:#fff }
.article-list li:hover .zoom a{ display:block }
.article-list li .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; 
 }
.article-list li .text { padding:10px 20px; margin-top:5px; color:#555; font-size:16px; text-align: center } 
.article-list li:hover .zoom span{ webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); transform: scale(1.2); transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }


/*关于我们*/
.about_box { margin-top:60px }
.about_l { width:48%; padding:0px 0; float:left; background:#fff; font-size:15px; line-height:2; text-align:justify }
.about_r { width:48%; float: right; background:#eee; margin-top:20px  }
.about_r img { width:100%}
.youshi-list { font-size:16px; margin:40px auto 50px auto; }
.youshi-list li { width:25%; text-align:center; float:left; margin:20px 0 }
.youshi-list li .tit { background:#127a44; color:#fff; border-radius:50%; overflow:hidden; width:120px; height:120px; line-height:120px; margin:10px auto; font-weight:bold; font-size:20px; }
.youshi-list li .tit big { font-size:32px; }
.youshi-list li .text { padding:10px 15%; }
 
/*办公环境*/
.about-office-list li { width:33.33%; float:left; margin:0; position:relative; color:#fff } 
.about-office-list li img { width:100% } 
.about-office-list li .text { position:absolute; left:0; padding:20px 30px; bottom:0; color: #FFf; text-shadow: 0 2px 2px rgba(0,0,0,0.5);}
.about-office-list li .text h3 { font-size:20px;  }
 
.yewubox { padding:40px 30px 20px 30px; background:#f4f4f4; margin:40px auto }
/*发展历程*/
.course_list { padding:0px 20px 50px 20px; margin:50px auto; background:url(../images/localine.png) repeat-y center;   }
.course_list h2 { height:45px; text-align:center; background:#fff; width:200px; margin:0px auto 50px auto }
.course_list ul li  { width:50%; float:left; height:auto; line-height:28px; position:relative; margin-bottom:-10px; }
.course_list ul li i { display:block; position:absolute; width:22px; height:22px; background:url(../images/radio_on.jpg) no-repeat center; top:50%; margin-top:-11px; right:-11px; }
.course_list ul li .text { padding:20px 30px 20px 20px; text-align:right; margin-right:30px; position:relative; background:#f3f3f3; font-size:16px; color:#888   }
.course_list ul li h3 { font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#127a44; margin-bottom:5px }
.course_list ul li:nth-of-type(2n) { float:right }
.course_list ul li:nth-of-type(2n) .text { padding:20px 20px 20px 30px;  text-align:left; margin-right:0px; margin-left:30px;  }
.course_list ul li:nth-of-type(2n) i { left:-11px; right: auto; }
 
/*服务*/
.service-l { width:52%; float:left }
.service-l img { width:100%; }
.service-r { width:43%; float: right; font-size:16px }
.service-r .tith2 { margin:30% auto 15px auto }


/*首页案例展示*/
.icasebox {padding: 60px 0; position:relative}
.icasebox li { width: 32%; float: left; margin-left:1.5%; margin-bottom:1.5%; position:relative }
.icasebox li h3 { color: #fff; position:absolute; left:0; right:0; bottom:0; font-size:16px; text-align:center; height:40px; line-height:40px; background:url(../images/black20.png) }
.icasebox li.li1,.icasebox li.li4 { margin-left:0; }
.icasebox li.li1 h3 {  }
.icasebox li .zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom:70%; }
/*.icasebox li.li1 .zoom  { padding-bottom:144.5% }*/
.icasebox li .zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.icasebox li .zoom span:hover {webkit-transform: scale(1.06);-moz-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}


/*首页定制优势*/
.g_ys{ height: auto;padding: 60px 0; position:relative}
.g_ys h2{height: auto;text-align: center;font-size: 30px;color:#127a44;font-weight: normal; margin-bottom:40px; line-height:1.8}
.g_ys h2 em{display: block;font-size: 20px;color: #999;font-weight: normal;}

.g_ys .pic { width:50%; float:right; text-align:center }
.g_ys .pic img { width:80%; margin:0px auto; }
.g_ys .text { background:#fff; padding:10px 4% 50px 4%; width:42%; float:left }
.g_ys h3{ height: 120px;position: relative;padding-left: 135px;font-weight: normal; line-height:1; position:relative}
.g_ys h3 i{position: absolute;left:0;top:0;  }
.g_ys h3 i img { width:120px; }
.g_ys h3 em{display: block;font-size: 26px;color: #131313; text-transform:uppercase; padding:26px 0 10px 0;font-family:"Century Gothic"; }
.g_ys h3 span{display: inline-block; padding:0px 20px; height: 34px; line-height: 34px;background: #127a44;font-size: 16px;color: #fff;text-align: center;font-family:"Microsoft JhengHei","Microsoft Yahei"; border-radius:25px; overflow:hidden}
.g_ys h4{line-height:32px;font-size: 20px;color: #131313;margin: 6px 0 10px 25px; }
.g_ys p{padding-left: 28px;font-size: 15px;color: #464646;line-height: 24px;margin-bottom: 5px; position:relative; color:#666 }
.g_ys p::before { position:absolute; left:10px; top:11px; display: inline-block; content: ""; width:4px; height:4px; background:#ccc; }
.g_ys p strong{color: #127a44;}

.g_ys .m_ys2 .pic { width:50%; float:left }
.g_ys .m_ys2 .text { width:42%; float:right; padding:40px 4% 50px 4%; }



/********.toolbar*********/
.toolbar {
	width: 50px;
	position: fixed;
	right: 1%;
	top: 44%;
	z-index: 999;
}
.toolbar dd {
	width: 50px;
	height: 50px;
	margin-bottom: 1px;
	position: relative;
	background: url(../images/black20.png) repeat 0 0;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 7px 0 0 7px;
	background: url(../images/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
	display: none;
}
.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	font-family: arial;
	color: #FFF;
	position: absolute;
	padding: 0 0 0 50px;
	top: 0;
	right: 0;
	overflow: hidden;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -51px;
	background: #127a44;
	display: none;
}
.toolbar .pop-code {
	width: 160px;
}
.toolbar .pop-code img {
	width: 120px;
	height: 120px;
	display: block;
	padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
	height: 32px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	white-space: nowrap;
}
.toolbar .pop-code h3 b {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.toolbar .qq span {
	background-position: 0 -47px;
}
.toolbar .qq a {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: block;
}
.toolbar .qq:hover {
	background: #127a44;
}
.toolbar .tel span {
	background-position: 0 0;
}
.toolbar .tel:hover {
	background: #127a44;
}
.toolbar .code span {
	background-position: 0 -95px;
}
.toolbar .code:hover {
	background: #127a44;
}
.toolbar .top span {
	background-position: 0 -142px;
}
.toolbar .top:hover {
	background: #127a44;
}


.contactmsg h3 { font-size:20px; color:#127a44; margin-bottom:10px; }
.contactmsg p {line-height:1.8; font-size:16px;color:#222}
.contactmsg p span { color:#777 }




/*产品分类*/
.promenu { font-size:16px; border:1px solid #eee; }
.promenu ul {}
.promenu ul li {color:#555; padding-left:50px; border-bottom:1px solid #eee; height:50px; line-height:50px; cursor:pointer; position:relative }
.promenu ul li a { display:block }
.promenu ul li::before{ display:block;content: ""; position:absolute; left:20px; top:0; width:30px; height:50px; background:url(../images/iconmenu.png) no-repeat center; }
.promenu ul li.active::before,.promenu ul li.promenu_cur::before { background:url(../images/iconmenu2.png) no-repeat center; }
.promenu ul li.active a,.promenu ul li.promenu_cur a { color:#127a44 }
.promenu ul li:hover a { color:#127a44 }
 
.promenu dl { display:none; border-bottom:1px solid #eee;  }
.promenu dl.promenu_cur { display:block }
.promenu dl dd {color:#555; height:40px; line-height:40px; font-size:14px }
.promenu dl dd a { display:block; padding-left:55px; }
.promenu dl dd:hover a { color:#fff; background:#127a44 }
 