@import url('reset.css'); body{ font: 12px/1.5 'microsoft yahei';}
header .top{ line-height: 30px; height: 30px; margin-bottom: 15px; border-bottom: 1px #d2d2d2 solid; background: #f2f2f2;}
header> .top> div.w1200{ padding-right: 15px!important;}
header .logo{ max-width: 60%; height: 65px; margin-left: 20px;}
header .logo img{ max-width: 100%;}
header nav{ padding-top: 15px;}
header nav ul{ display: block;}
header nav ul li{ font-size: 14px; display: block; float: left; margin: 0 10px;}
header .navbar-default> nav> ul> li> a{ padding: 8px 15px; letter-spacing: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
header .navbar-default> nav> ul.nav> li> a.sel, header .navbar-default> nav> ul.nav> li> a:hover{ color: #fff; background: #5bb539;}
header .navbar-default{ border: 0; background: none; z-index: 99;}
.notice{ border-bottom: 1px #eee solid; height: 35px; line-height: 35px; margin-top: 10px; position: relative; overflow: hidden; color: #888888; font-size: 14px;}
.notice .iconfont{ font-size: 20px; margin-right: 5px;}
.notice h5{ margin-left: 10px; margin-top: 5px;}
.notice .text-scroll{ height: 35px; line-height: 35px; position: absolute; top: 0; left: 120px;}
.notice .text-scroll li{ height: 35px; line-height: 35px;}

div.service dl{float: left;margin-bottom: 10px;position: relative;width: 100%;}
div.service dl:nth-child(4){margin-right: 0;}
div.service dl div.zhzh{position: absolute;top: 10px;left: 10px;width: 100%;height: 100%;text-align: center;display: none;}
div.service dl div.s1{background: rgba(93, 156, 237, 0.3)}
div.service dl div.s2{background: rgba(238, 85, 100, 0.3)}
div.service dl div.s3{background: rgba(223, 152, 10, 0.3)}
div.service dl div.s4{background: rgba(56, 189, 157, 0.3)}
div.service dl div.zhzh span{position: absolute;top: 50%;left: 50%;display: block;width: 105px;height: 40px;line-height: 40px;margin-top: -20px;margin-left: -53px;font-size: 14px;color: #fff;overflow: hidden;}
div.service dl div.zhzh span a{display: block;width: 100%;height: 100%;background: #4b4b4b;}
div.service dl div.zhzh span a:hover{display: block;width: 100%;height: 100%;background: #747474;}
div.service dl dt{display: block;width: 100%;}
div.service dl dt img{min-width: 100%;max-width: 100%;}
div.service dl dd{color: #fff;display: block;letter-spacing: 1px;padding:0 0 10px 10px}
div.service dl dd.s1{background: #5D9CED;}
div.service dl dd.s2{background: #EE5564;}
div.service dl dd.s3{background: #DF980A;}
div.service dl dd.s4{background: #38BD9D;}
div.service dl dd h3{font-size: 18px;height: 45px;line-height: 45px;}
div.service dl dd p{height: 35px;line-height: 1.5;font-size: 12px;}
div.service>div:hover div.zhzh{display: block;-webkit-animation: zzblock 0.5s;-moz-animation: zzblock 0.5s;-o-animation: zzblock 0.5s;animation: zzblock 0.5s;}

@-webkit-keyframes zzblock{
	0%{opacity: 0;left: 0;top: 0;}
	100%{opacity: 1;left: 10px;top:10px;}
}

@-moz-keyframes zzblock{
	0%{opacity: 0;left: 0;top: 0;}
	100%{opacity: 1;left: 10px;top:10px;}
}

@-o-keyframes zzblock{
	0%{opacity: 0;left: 0;top: 0;}
	100%{opacity: 1;left: 10px;top:10px;}
}

@keyframes zzblock{
	0%{opacity: 0;left: 0;top: 0;}
	100%{opacity: 1;left: 10px;top:10px;}
}

.i-about{margin-top: 60px;}
.i-about .i-video img{min-width: 100%;max-width: 100%;}
.i-about .about-text h3{font-size: 24px;color: #5bb539;margin-bottom: 15px;}
.i-about .about-text h3 span{color: #eaeaea;font-family: Impact;margin-left: 15px;}
.i-about .about-text .about-content{width: 100%;height: 276px;overflow: hidden;}
.i-about .about-text .about-content p{line-height: 1.5;text-indent: 20px;font-size: 14px;}

.news-wrap{padding-bottom: 30px;}
.news-wrap .bigimg h3{padding: 4px;border:1px #eee solid; background: #fff;}
.news-wrap .bigimg h3 img{max-width: 100%;min-width: 100%;}
.news-wrap .bigimg p{font-size: 14px;color: #434343;height: 40px;line-height: 40px;padding-left: 20px;}
.news-wrap .bigimg > span{padding-left: 20px;color: #c0c0c0; font-size: 12px;}
.news-wrap .news-item{padding-top: 10px;}
.news-wrap .news-item h3{color: #616161;font-size: 18px;margin-bottom: 15px;border-bottom: 1px #eaeaea solid;padding-bottom: 10px;padding-left: 10px;}
.news-wrap .news-item h3 span{color: #4e4e4e;font-size: 10px;font-weight: bold;}
.news-wrap .news-item h3 i{color: #fff;font-family: 'impact';}
.news-wrap .news-item ul{padding-top: 10px;padding-left: 10px;font-size: 14px;}
.news-wrap .news-item ul li{height: 30px;line-height: 30px;overflow: hidden;}
.news-wrap .news-item ul li span{color: #c0c0c0;font-size: 12px}

.partner {padding-bottom: 20px;}
.partner ul {text-align: center;display:table;}
.partner ul li{border: 1px #eee solid;margin-left: -1px;margin-top: -1px;display: inline-block;word-spacing:0;}

.bottom{margin-top: 20px;background: #424242;padding: 20px 0;}
.bottom dl{display: block; width: 160px;float: left;color: #fff;}
.bottom dl dt{font-size: 17px;height: 65px;line-height: 65px;font-weight: normal;}
.bottom dl dd{height: 25px;line-height: 25px;font-weight: normal;}
.bottom dl dd a:link{color: #ddd;}
.bottom dl dd a:visited{color: #ddd;}
.bottom dl dd a:hover{color: #fff;}
.bottom dl dd a:active{color: #ddd;}
.bottom img{margin: 40px 0 0 5px;}

footer{padding: 30px 0;text-align: center;background: #363636;color: #fff;}
footer p{height: 30px;line-height: 30px;}

.i-title{text-align: center;padding: 45px 0;}
.i-title h3{color: #5bb539;font-size: 20px;position: relative;}
.i-title h3 span{color: #bbb;font-size: 14px;}
.i-title h3:before, .i-title h3:after{content: "";display: block;width: 20%;height: 1px;background: #979797;top:53%;position: absolute;}
.i-title h3:before{left: 50%;margin-left: -25%;}
.i-title h3:after{right: 50%;margin-right: -25%;}

.knowmore{text-align: center;margin: 40px 0;}
.knowmore a{border: 1px #5bb539 solid;padding: 8px 15px;}
.knowmore a:link{background: #fff;color: #5bb539;}
.knowmore a:visited{background: #fff;color: #5bb539;}
.knowmore a:hover{background: #5bb539;color: #fff;}
.knowmore a:active{background: #fff;color: #5bb539;}

/*设备尺寸在768像素宽度以下*/

@media screen and (max-width: 768px){ 
	header> .w1200{ position: relative;}
	.nav-wrap{ float: none!important;}
	.nav-wrap .navbar{ margin-bottom: 10px;}
	header .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border: 0;}
	.w1100{ width: 100%; margin: 0 auto; padding: 0!important;}
	.w1200{ width: 100%; margin: 0 auto; padding: 0!important;}
	header nav ul li{ width: 100%; margin: 0;}
	header .navbar-default> nav> ul> li> a{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

	.i-about,.i-about .about-text{margin-top: 30px;}
	.news-wrap .bigimg{margin-bottom: 15px;}
	.news-wrap .news-item {padding-top:15px;padding-bottom: 15px; }
	.partner,.bottom,footer{display: none;}

	.i-title h3:before{margin-left: -43%!important;}
	.i-title h3:after{margin-right: -43%!important;}

	.inner_banner{height: 150px!important;}
	.sidebar{display: none;}
	.contrain{width: 100%!important;padding: 0 15px;box-sizing: border-box;}
	.contrain dl.item dt{display: none!important;}
}

/*内页*/
.inner_banner{background-position: center center;width: 100%;height: 255px;margin-top: 15px;}
.position{margin: 10px auto;padding: 10px!important;box-sizing: border-box;font-size: 14px;}
.position .iconfont{color: #5bb539;margin: 0 5px;}
.sidebar{width: 230px;}
.pageNav,.interrel{background: #fff;border: 1px #f2f2f2 solid;padding: 4px;margin-bottom: 15px;padding-bottom: 15px;}
.pageNav li{height: 45px;line-height: 45px;text-indent: 35px;border-bottom:1px #ccc dashed;background: #fdfdfd;}
.pageNav li a{display: block;width: 100%;height: 100%;border-left:0px #5bb539 solid;}
.pageNav li a:link{background: none;}
.pageNav li a:visited{background: none;}
.pageNav li a:hover{background: #fff;color: #5bb539;}
.pageNav li a:active{background: none;}

.interrel h3{height: 40px;line-height: 40px;font-size: 16px;background: #51AD33;color: #fff;text-indent: 10px;}
.interrel h3 span.iconfont{font-size: 20px;margin-right: 10px;}
.interrel h3 span.entext{font: 14px impact;margin-left: 10px;opacity: 0.5;}
.interrel li{margin: 0 5px;height: 30px;line-height: 30px;font-size: 12px;border-bottom: 1px #eee dashed;overflow: hidden;}
.interrel li span{font-size: 12px;margin-right: 5px;}

.contrain{background: #fff;border: 1px #f2f2f2 solid;padding: 4px;width: 940px;}
.contrain > h3{font-size: 18px;height: 45px;line-height: 45px;border-bottom: 1px #ccc dashed;width: 98%;margin:0 auto;text-indent: 10px;}
.contrain > h3 span.iconfont{color: #5bb539;font-size: 20px;margin-right: 10px;}
.contrain dl.item{margin:15px;border-bottom: 1px #f2f2f2 solid;padding-bottom: 10px;}
.contrain dl.item dt{padding: 4px;border: 1px #ccc solid;float: left;display: block;}
.contrain dl.item dt img{max-width: 100%;min-width: 100%;}
.contrain dl.item dd{float: right;display: block;height: 205px;position: relative;}
.contrain dl.item dd h1{font-size: 18px;height: 40px;line-height: 40px;overflow: hidden;}
.contrain dl.item dd p.info{font-size: 13px;line-height: 2;height: 130px;overflow: hidden;text-align: justify;}
.contrain dl.item dd>a{position: absolute;bottom: 0;right: 15px;padding:5px 12px;background: #5bb539;font-size: 12px;}
.contrain dl.item dd>a:link{color: #fff;background: #5bb539;}
.contrain dl.item dd>a:visited{color: #fff;background: #5bb539;}
.contrain dl.item dd>a:hover{color: #fff;background: #539539;}
.contrain dl.item dd>a:active{color: #fff;background: #5bb539;}

/*公告列表*/
.contrain div.item{margin:20px;}
.contrain div.item span{display: block;width: 94px;height: 123px;background: url(../images/riqi.jpg) no-repeat;color: #5bb539;font-size: 18px;margin-right: 15px;padding-top: 45px;}
.contrain div.item span i{color: #666;font-size: 14px;font-style: normal;}
.contrain div.item .item-title{height: 45px;line-height: 45px;font-size: 16px;overflow: hidden;}
.contrain div.item .item-info{line-height: 1.8;overflow: hidden;height: 65px;text-align: justify;}

/* ========== */
/* = 文章内页样式 = */
/* ========== */
.contrain .article_title{background: #fbfbfb;text-align: center;}
.contrain .article_title h1{height: 45px;line-height: 45px;font-size: 18px;border-bottom: 1px #eee dashed;width: 98%;margin: 0 auto;color: #858585;}
.contrain .article_title .info{height: 35px;line-height: 35px;}
.contrain .article_title .info span{margin:0 10px;color: #ccc;}
.contrain .content{padding: 20px;font-size: 14px;line-height: 1.8;color: #858585;text-align: justify;}
.contrain .content p{margin-bottom: 10px;}
.contrain .content img{max-width: 100%;}
/*上一篇下一篇*/
.contrain .pn{padding: 20px;border-top: 1px #eee dashed;}
.contrain .pn .next{text-align: right;}

/* ==================== */
/* = 分页样式 = */
/* ==================== */
#pages{ overflow: hidden; padding: 10px 0; margin-top: 20px; text-align: center;}
#pages a{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E3E3E3; color: #333333; display: inline-block; font-size: 12px; height: 22px; line-height: 22px; margin: 0 3px; padding: 0 8px; text-align: center;}
#pages a.a1{ height: 22px; line-height: 22px; margin-top: 0; padding: 0 12px;}
#pages a:hover{ background: none repeat scroll 0 0 #F1F1F1; color: #000000; text-decoration: none;}
#pages span{ background: none repeat scroll 0 0 #5bb539; border: 1px solid #5bb539; color: #FFFFFF; display: inline-block; height: 22px; line-height: 22px; margin: 0 3px; padding: 0 8px; text-align: center;}

.content p{display: inline!important;margin-bottom:0!important;white-space: inherit!important;}
.content p span{line-height: 1.8!important; letter-spacing: 1.5px!important;}


.recruitment_post {
padding: 20px;
font-size: 14px;
line-height: 1.8;
color: #858585;
}

.recruitment_post .item-tile {
font-size: 18px;
}

.recruitment_post .item-title a:hover {
color: #5bb539;
border-bottom: 1px solid #5bb539;
}





.recruitment_position {
    font-size: 18px;
    line-height: 46px;
    height: 46px;
    text-align: center;
    background: #fbfbfb;
    border-bottom: 1px dashed #ccc;
    color: #858585;
}

.recruitment_company {
    font-size: 14px;
    padding: 0 20px;
    line-height: 1.8;
    color: #;
    color: #858585;
}

.recruitment_requirement {
    font-size: 14px;
    padding: 0 20px;
    color: #;
    color: #858585;
    line-height: 1.8;
}

.comContus_tit_2 {
    padding: 0 20px;
    font-size: 14px;
    color: #858585;
    line-height: 1.8;
    margin-top: 16px;
}

.J_ComContus {
    font-size: 14px;
    line-height: 1.8;
    color: #858585;
    padding: 0 20px;
}

li.J_ContLeft {
    float: left;
}

.right.contrain a.a4 {
    font-size: 20px;
    height: 140px;
    line-height: 140px;
    display: inline-block;
    width: 31%;
    margin-left: 2%;
    text-align: center;
}

.right.contrain a.a4:hover {
    color: #5bb539;
}