@charset "UTF-8";
/*--------------------通用信息开始--------------------*/
* { margin:0; padding:0; list-style:none }
BODY {
	background:#fff;color:#333333;font-size: 13px;
}
.layout { width:1200px; margin:0 auto;}
.clear {clear:both}
img { border:none }
li { line-height:22px }
a {color:#333;text-decoration:none;}
a:hover {color:#000;}

/* flash*/
.fullSlidebg {width:100%;background:url(/images/dbg.png) no-repeat center top;height:85px}
.fullSlide {
	width:100%;
	position:relative;
	height:650px;overflow: hidden;
	
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:650px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:650px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#E81B1B;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(/images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background-position:-6px -137px;
}



.homeTitle {text-align: center;}
.homeTitle h2 {font-size:30px; color: #333; font-weight:normal;}
.homeTitle b {line-height: 34px; font-size: 24px; color:#E5E5E5; font-weight:normal;}
.homeTitle h3 {font-size: 12px; color:#999;letter-spacing:2px;padding-top:6px;text-transform : uppercase}
.homeTitle h3 span {display: inline-block; position: relative;font-family:Arial;}
.homeTitle .line {margin: 6px auto 6px;background: url(/images/pro-title.png)no-repeat;width:13px;height:13px;}

/*按钮*/
html *:before,
html *:after {box-sizing: border-box;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
*:before,
*:after {z-index: -1;}
[class^="btn-"] {position: relative;display: block;overflow: hidden;width: 100%;height: 40px;max-width:180px;margin: 1rem auto;text-transform: uppercase;border: 1px solid #005DA3;line-height:40px;text-align:center}
.btn-0 {color: #005DA3;}
.btn-0:before {content: '';position: absolute;top: 0;right: 0; bottom: 0;left: 0;background-color:#005DA3;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.btn-0:hover {color: #d0e8ec;}
.btn-0:hover:before {-webkit-transform: translateX(0);transform: translateX(0);}


/* 产品系列 */
.item{width:230px;float:right;border-bottom:none;overflow: hidden}
.item .item-title{width:220px;height:50px;line-height:50px;border-bottom: 1px solid #f1f2f2;font-size:16px;padding-left:10px;background:#F3F3F3}
.item li{width:230px;height:50px;border-bottom: 1px solid #f1f2f2;float: left;display:block;line-height:50px;}
.item li img{width:180px;margin-top:25px;padding-left:10px}
.item li a{display:block;font-size:13px;padding-left:10px}
.item li a:hover{background:#05A457;color:#fff}
/*产品*/
.pro{width:960px;float:left;}
.s3-item{margin:0px 0px 50px 15px;box-shadow:1px 1px 20px rgba(0,0,0,.1);width:300px;float:left;}
.s3-img{display:block;overflow:hidden;position:relative;height:250px;background:#fff}
.s3-img img{width:100%;height:auto;margin:0 auto;transition:.6s;height:250px;}
.s3-item:hover .s3-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.s3-img:after{content:"";display:block;height:54px;width:54px;position:absolute;left:0;top:0}
.s3-text{border-top:1px solid #eee;background:#fff;padding:15px 20px;text-align:center}
.s3-text h4{font-size:15px;font-weight:400;color:#444;margin-bottom:5px}
.s3-text h4 a{color:#444;text-decoration:none}
.s3-text p{color:#999;font-size:14px;margin-bottom:0}
.s3-text p a{color:#999}
.s3-item:hover{box-shadow:1px 1px 20px rgba(0,0,0,.5)}
.s3-item:hover .s3-text{background:#05A457}
.s3-item:hover .s3-text,.s3-item:hover .s3-text h4,.s3-item:hover .s3-text h4 a,.s3-item:hover .s3-text p a{text-decoration:none;color:#fff}.section4{padding:20px 0 40px;background:#05A457}
/*联系*/
.context {float:left;width:228px;padding-bottom:20px;border:1px solid #ececec;background:#fff}
.context .context_title{float:left;width:228px;padding-bottom:20px;}
.context .context_title .line{width:205px;height:1px;background:#e6e6e6;float:left;margin-top:13px;margin-left:12px}
.context .context_title dl{float:left;margin-left:12px;}
.context .context_title dt{float:left;font-size:13px;display:block;width:200px;margin-top:16px;text-transform:uppercase;background:url(/images/ds_02.png) no-repeat;height:30px;padding-left:40px;line-height:30px}
.context .context_title dd{float:left;font-size:25px;color:#05A457;display:block;width:230px;font-weight:bold;margin-top:10px;}
.context  p{float:left;width:200px;line-height:24px;font-size:13px;margin-top:2px;margin-left:12px;}

.apply { max-width:1200px; height: auto; margin: 0 auto; padding:0 10px; box-sizing:border-box;}
.content {width:1200px; margin: 0 auto; padding:0 10px; box-sizing:border-box;}
.table{ display:table; width:100%; height:100%;}
.cell{ display:table-cell; text-align:center; vertical-align:middle;}
.table{ display:table; width:100%; height:100%;}
.inservice{ padding: 50px 0 70px; background: #f8f7f1; }
.inservice .lmtit{ font-size: 40px; color: #222; text-align: center; margin-bottom: 40px; }
.inservice .shang{ height: 300px; background: url(/images/pic_bg.png) no-repeat center; overflow: hidden}
.inservice .shang .pic{ width: 40%; height: 300px; position: relative; float: left; }
.inservice .shang .pic .fgc{ background: rgba(102, 102, 102, 0.4); position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .5s; opacity: 0;}
.inservice .shang .pic .fgc .ico{ width: 42px; height: 42px; margin: 0 auto; }
.inservice .shang .pic:hover .fgc{opacity: 1;}
.inservice .shang  .lis{width: 30%; height:300px; float:left; overflow: hidden }
.inservice .shang .lis .fgc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.inservice .shang .lis .ico{ width: 90px; height: 90px; margin: 0 auto 20px; margin-top:40px }
.inservice .shang .lis .tit{ margin-bottom: 10px; padding: 0 20px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 24px; }
.inservice .shang .lis .jj{  line-height: 30px; font-size: 14px; color: #fff; overflow: hidden; padding: 0 20px; }
.inservice .shang .lis.bclv{ background: #05A457;}
.inservice .shang .lis.bcbai{ background: #fff; }
.inservice .shang .lis.bcbai .tit{ color: #333; }
.inservice .shang .lis.bcbai .jj{ color: #333; }
.inservice .xia{ height: 300px; background: url(/images/pic_bg02.png) no-repeat center; overflow: hidden;}
.inservice .xia .pic{ width: 40%; height: 300px; position: relative; float: right; }
.inservice .xia .pic .fgc{ background: rgba(102, 102, 102, 0.4); position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .5s; opacity: 0;}
.inservice .xia .pic .fgc .ico{ width: 42px; height: 42px; margin: 0 auto; }
.inservice .xia .pic:hover .fgc{opacity: 1;}
.inservice .xia .lis{ position: relative; width: 30%; height: 300px; float: left; }
.inservice .xia .lis .fgc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.inservice .xia .lis .ico{ width: 90px; height: 90px; margin: 0 auto 20px;margin-top:40px }
.inservice .xia .lis .tit{ margin-bottom: 10px; padding: 0 20px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 24px; }
.inservice .xia .lis .jj{ line-height: 30px; font-size: 14px; color: #fff; overflow: hidden; padding: 0 20px; }
.inservice .xia .lis.bclv{ background: #05A457; }
.inservice .xia .lis.bcbai{ background: #fff; }
.inservice .xia .lis.bcbai .tit{ color: #333; }
.inservice .xia .lis.bcbai .jj{ color: #333; }
/*关于*/
.about{ width:1200px; height:330px; overflow:hidden;margin: 0 auto;}
.about_show{ width:1220px;}
.about_show .job_Lbox{ margin:0 20px 0 0; display:inline;}
.job{ width:915px; height:330px; margin:0 auto; }
.job_list{ width:915px; height:330px;}
.job_Lbox{ float:left; background-color:#f3f3f3; width:285px; height:330px; margin:0 10px; display:inline; }
.job_img{ width:285px; height:150px;}
.job_Lshow{ padding:22px 27px 0 27px;}
.job_title a{ display:block; font-size:18px; width:231px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_en{ font-family:Arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_intro{ background:url(/images/th_jobline.jpg) no-repeat top center; color:#888; line-height:22px; height:66px; overflow:hidden; padding-top:18px; text-align:center;}
.job_Lbox:hover{ background-color:#05A457; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}
.job_Lbox:hover .job_title a{ color:#FFF;}
.job_Lbox:hover .job_en{ color:#b8e7cf;}
.job_Lbox:hover .job_intro{ background:url(/images/th_joblineho.jpg) no-repeat top center; color:#FFF;}

#news { background-color:#F3F3F3; width:100% }
.newbody { width:1250px; margin: 0 auto;overflow: hidden;}
.newstitem a.newscontent{z-index: 7;}
.newstitem::after{content: '';position: absolute;top: 0px;display: block;left: 0; width: 100%; height: 100%; background: #fff;transform: scaleY(0);transition: transform .75s cubic-bezier(.19,1,.22,1);transform-origin: top;transition-delay: 0s!important;}
.newstitem:hover::after{ z-index: 0; transform-origin:bottom;transform: scaleY(1);   background-color: #05A457; box-shadow: 0px 8px 19px #dedede;}
.newstitem:hover p.date{color:#fff}
.newstitem:hover p.date .year{ color: rgba(255, 255, 255, 0.7);}
.newstitem:hover p.title{color:#fff}
.newstitem:hover .description{color: rgba(255, 255, 255, 0.4);}
.newstitem:hover p.date .md::after{   background-color: rgba(255, 255, 255, 0.22);}
#newsitem_0:hover::after {background-color: #F7F7F7;box-shadow: 0px 8px 19px #dedede;}
.newsbody .title { height:54px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size:16px; color: #06090e; line-height:32px; text-align:left; position:absolute;  text-indent:0px; }
.newsbody .title { top:16px; padding-left:75px; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:calc(45% - 40px);color:#3c3c3e; }
.newstitem .newsbody .date::before { content:''; position:absolute; width:50px; height:1px; background:rgba(0,0,0,.0);transition: all 0.3s ease-out 0s;margin-top:58px; z-index:99;left: 40px;margin-block-start: 56px; -webkit-margin-before:59px;}
.newstitem:hover .newsbody .date::before { width:calc(100% - 40px); }
.separator {display:none;color: transparent;font: 0px/0; height: 6px;text-decoration: none;    background-color: #E2E2E2;content: "";height: 1px; position: absolute;top:23%;width:33px;}
.separator::after{display:none}
.separator::before{display: none;}
.newsbody .description { height:78px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.3s ease-out 0s; margin-top: 0; color: #909090; line-height:26px; text-align:left; position:absolute; top:108px;}
.newsbody .description {display:block;top: 55px;padding-left:75px;width: calc(100% - 73px);height:47px;color:#afafaf;    line-height: 22px; top: 27px;}
.newsbody .date { background: transparent; position: relative; top:-50px; font-weight:100; text-align:right; }
.newsbody .date { width:auto; text-align: left;top: 4px;display: block;}


#newsitem_0.newstitem { width:600px; height:360px;}
.newstitem {width:450px; float: left;}
.newstitem{margin-bottom:20px !important;margin-right: 30px !important; margin-left: 30px;background-color: #fff;padding:20px;position: relative; display: block; transition: all ease-out .3s;}
#newsitem_0.newstitem .newsimg {width: 250px;height: 160px;position: inherit; float: left;}
.newsbody {margin-left: 0;width: 100%;}
.newstitem a.newscontent {height: 100%;display: block; text-align: left;position: relative;}
.newsbody p.date {width: 75px;font-size:12px;float: left;line-height: 22px;}
.newsbody p.title{width:440px;float: right;padding: 0px;height: 24px;line-height: 24px;font-size: 12px;border-bottom: 1px solid transparent;color: #6D6D6D;transition: all .3s ease 0s;top: 4px;}
.newsbody .description {display: block;    left: -4px; height: 25px;top: 27px;}
.newstitem .news_wrapper {position: inherit;}
.newsbody p.date .md {font-size: 18px;padding: 0px;}
.newsbody p.date .year {font-size: 13px;display: block; margin-left: 3px;color: rgba(0, 0, 0, 0.41);}
.newsbody p.title {width:440px;float: right; padding: 0px;height: 24px;line-height: 24px;font-size: 13px; border-bottom: 1px solid transparent;color: #7b7b7b;transition: all .3s ease 0s;margin-left: 70px;top:0px}
.newsbody{ position: relative;}

#newsitem_0.newstitem .newsimg{width: 100%; height: 292px;position: inherit; position: relative; top: -56px;}
#newsitem_0 .newsbody{width:600px;height: 259px; top: 318px;}
#newsitem_0 .newsbody{height: 58px;}
#newsitem_0:hover p.date{color: #999;}
#newsitem_0:hover p.title{color: #7b7b7b;}
#newsitem_0:hover .description{color: #afafaf;}
#newsitem_0:hover p.date .year{color: rgba(0, 0, 0, 0.41);}
#newsitem_0:hover p.date .md::after{    background-color: rgba(0, 0, 0, 0.07);}