/*top*/
.top{ background-color:#eee; width:100%;}
.top_box{ width:80%;  margin:0 auto; font-size:12px; line-height:30px;}
.top_box .top_left{float:left;width:50%;}
.top_box .top_right{ float: right;width:50%;}
.top_box .top_right img{float:left;padding:8px 2px 0 0;}
.top_box .top_right li{ float:right; padding-left:20px}
.top_box .top_right li:hover a{color:#1b8e00;}
@media screen and (max-width: 1024px){
    .top{display:none;}
}
/*logo*/
.logo{ width:100%; padding:10px 0;}
.logo_box{ width:80%; margin:0 auto;}
.logo_box img{ float: left; width:40%; padding-top:2px;}
.logo_box .word{float:left; padding-left:105px; text-align:center;  padding-top: 14px;}
.logo_box .word img{ width:100%; display: block}
.logo_box .tel{float:right; padding-left:50px; margin-top:20px; background:url("../img/tel.png") no-repeat left center;}
.logo_box .tel h2{font-size:24px; letter-spacing:1px;}
.logo_box .tel p{font-size:16px; color:#1b8e00;}
@media screen and (max-width: 768px){
    .logo{padding:0}
    .logo_box{ width:98%;}
    .logo_box .word{display:none;}
    .logo_box img{float:none;width:100%; padding-top:14px}
    .logo_box .tel{display:none;}
}
@media screen and (max-width: 1024px) and (min-width:767px){
    .logo_box{ width:99%;}
}
/*nav*/
.nav_bg{ background-color:#1b8e00;}
.nav{width:80%; margin:0 auto; height:50px; line-height:50px;  }
.nav li{ float:left; text-align: center; width:12.5%; font-size:16px; }
.nav li:hover{background-color:#E8E228;}
.nav .on{background-color:#E8E228; color:#1b8e00}
.nav li a{ color:#fff; width:100%; display:block}
.nav li a:hover{ color:#1b8e00}
@media screen and (max-width: 1024px){
    .nav{ width:100%; height:80px; line-height:40px;}
    .nav li{border:1px solid #fff; width:24.3%; font-size:14px; padding:0 0 ;}
}
/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:5px; width:10px; height:10px; line-height:14px;
    text-align:center; background:#1b8e00; cursor:pointer;}
.slideBox .hd ul li.on{ background:#E8E228;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; display:block;}
@media screen and (max-width: 768px){
    .slideBox .hd{display:none;}
}
/*服务*/
.ser_bg .ser_box {width:80%; margin:20px auto;}
.ser_bg .ser_box .ser_w{text-align: center}
.ser_bg .ser_box .ser_w a h2{font-size:26px; line-height: 32px;}
.ser_bg .ser_box .ser_w a h2 span {color: #1b8e00; font-size:24px;}
.ser_bg .ser_box .ser_w a h2 span:hover {color:#E8E228;}
.ser_bg .ser_box .ser_w a h3 {color: #aaa; font-size:16px; letter-spacing:1px;}
.ser_bg .ser_box .ser_m {margin-top: 20px; }
.ser_bg .ser_box .ser_m dl {width: 25%; height: 352px; float: left; position: relative;  background:#1b8e00}
.ser_bg .ser_box .ser_m dl:hover {background:#E8E228;}
.ser_bg .ser_box .ser_m dl dd {position: absolute; width: 100%;}
.ser_bg .ser_box .ser_m dl dd img {width: 100%; height: 176px; display: block;}
.ser_bg .ser_box .ser_m dl:hover dd img {opacity:0.8}
.ser_bg .ser_box .ser_m dl dd.dd1{bottom: 0;}
.ser_bg .ser_box .ser_m dl dt.dt1 {top:70px;}
.ser_bg .ser_box .ser_m dl dd.dd2 {top: 0;}
.ser_bg .ser_box .ser_m dl dt.dt2 {bottom:60px;}
.ser_bg .ser_box .ser_m dl dt.dt2 h4 {margin-top: 25px;}
.ser_bg .ser_box .ser_m dl dt {position: absolute; z-index: 2; width: 100%; text-align: center; }
.ser_bg .ser_box .ser_m dl dt h4{color:#fff; font-size:24px;}
.ser_bg .ser_box .ser_m dl:hover dt h4{color:#1b8e00;}
.ser_bg .ser_box .ser_m dl dt p{color:#fff; font-size:16px; font-family: "Arial Narrow"; line-height:30px; letter-spacing:1px}
.ser_bg .ser_box .ser_m dl:hover dt p{color:#1b8e00;}
.ser_bg .ser_box .ser_m dl dt a.more {border: 1px solid #ddd; float: right;}
.ser_bg .ser_box .ser_m dl dt a.more:hover {color: #f5ab54; border: 1px solid #f5ab54;}
@media (max-width: 768px) {
    .ser_bg .ser_box {width:98%;}
    .ser_bg .ser_box .ser_m dl {width:49.3%; margin:1px;}
    .ser_bg .ser_box .ser_m dl dt.dt2 {bottom:40px;}
}
@media screen and (max-width: 1024px) and (min-width:768px){
    .ser_bg .ser_box {width:98%;}
}
/*优势*/
.ys_box .hd2{ background:url("../img/ys_bg.jpg") no-repeat center; text-align:center}
.ys_box .hd2 h2{font-weight:bold; font-size:24px;}
.ys_box .hd2 h3{font-weight:bold; font-size:20px; color:#1b8e00; line-height:30px;}
.ys_box .ys{width:80%; margin:10px auto; border-top:2px solid #E8E228}
.ys_box .ys .ystit1{ background:url("../img/one.jpg") no-repeat left; padding-left:68px; margin-bottom:10px;}
.ys_box .ys .ystit2{ background:url("../img/two.jpg") no-repeat left; padding-left:68px; margin-bottom:10px;}
.ys_box .ys .ystit3{ background:url("../img/three.jpg") no-repeat left; padding-left:68px; margin-bottom:10px;}
.ys_box .ys .ystit4{ background:url("../img/four.jpg") no-repeat left; padding-left:68px; margin-bottom:10px;}
.ys_box .ys h3{color:#1b8e00; font-size:18px; font-weight:bold; line-height:42px; height:40px; overflow: hidden}
.ys_box .ys h4{color:#999; font-size:16px;  border-bottom:1px dashed #ccc; padding-bottom:10px; display:inline-block;
    font-family: "Arial Narrow"}
.ys_box .ys p{background:url("../img/hand.jpg") no-repeat left center; padding-left:30px; margin-left:48px;
    line-height:30px; height:30px; overflow:hidden; }
.ys_box .ys .part1{padding-top:10px;}
.ys_box .ys .part1 .part1_left{float:left; width: 54%;}
.ys_box .ys .part1 .part1_left .list2{margin-top:20px;}
.ys_box .ys .part1 .part1_right{float:right; width:45% }
.ys_box .ys .part1 .part1_right img{ width:100% }
.ys_box .ys .part2{margin-top:20px;}
.ys_box .ys .part2 .part2_left{float:left; width:48%; padding-top:15px;}
.ys_box .ys .part2 .part2_left img{ width:100%}
.ys_box .ys .part2 .part2_right{float:right; width:45%;}
.ys_box .ys .part2 .part2_right .list4{margin-top:20px;}
@media screen and (max-width: 766px){
    .ys_box .ys{width:98%;}
    .ys_box .ys h3{font-size:14px;}
    .ys_box .ys h4{font-size:12px;}
    .ys_box .ys .part1 .part1_right{display: none}
    .ys_box .ys .part2 .part2_left{display: none}
    .ys_box .ys .part2 .part2_right{float:left;}
}
@media screen and (max-width: 768px) and (min-width:767px){
    .ys_box .ys{width:98%;}
    .ys_box .ys h3{font-size:14px;}
    .ys_box .ys h4{font-size:12px;}
    .ys_box .ys .part1 .part1_right{display: none}
    .ys_box .ys .part1 .part1_left{padding-left:10%}
    .ys_box .ys .part2 .part2_left{display: none}
    .ys_box .ys .part2 .part2_right{float:left; padding-left:10%}
}
@media screen and (max-width: 1024px) and (min-width:769px){
    .ys_box .ys{width:98%;}
    .ys_box .ys .part1 .part1_left{ width:53%}
    .ys_box .ys .part1 .part1_right{ width:46%; margin-top:20px; }
    .ys_box .ys .part2 .part2_right{width:51%}
}
/*案例*/
.part4 {width:100%; background-color:#0e7804; padding-bottom:20px;}
.part4 .part4tit{background: url(../img/case_top.jpg) no-repeat top center; height:16px; }
.part4 .part4box{width:80%; margin:0 auto;}
.part4 .title1 {margin:20px 0; padding-bottom:15px; background: url(../img/case_tit.jpg) no-repeat center bottom; text-align: center }
.part4 .title1 h2{ color: #fff; font-size:20px;}
.part4 .title1 h2 span{font-family: "Arial Narrow"; color:#ccc;}
.part4 .pt4m { background: #fff; margin-top:10px;}
.part4 .pt4m .link { overflow: hidden; width:80%; margin:0 auto;}
.part4 .pt4m .link li { float:left; width:16.6%; height:60px; line-height:60px; text-align:center;
    font-size: 16px; font-weight: bold; box-sizing: border-box;}
.part4 .pt4m .link li a { display: block;}
.part4 .pt4m .link li.on { background:#1b8e00;  border-bottom:3px solid #E8E228;}
.part4 .pt4m .link li.on a { color: #fff;}
.part4 .main2 {overflow: hidden; zoom: 1; border-top: 1px solid #1b8e00; padding:1%}
.part4 .main2 li { position: relative; width:19%; float: left; margin: 10px 0.5%; overflow: hidden; text-align: center;
    box-sizing: border-box;  background: #ddd;}
.part4 .main2 li:hover { background: #1b8e00;}
.part4 .main2 li img {padding:8px 8px 0; display:block; width: 100%; height: 200px; box-sizing: border-box; }
.part4 .main2 li h4 {line-height:48px;}
.part4 .main2 li:hover h4 { color: #fff;}
@media screen and (max-width: 768px){
    .part4 .part4box{width:98%;}
    .part4 .pt4m .link {width:100%;}
    .part4 .pt4m .link li {width:50%;}
    .part4 .main2 li {width:49%;}
}
@media screen and (max-width: 1024px) and (min-width:768px){
    .part4 .part4box{width:98%;}
    .part4 .pt4m .link {width:100%;}
}
/*关于*/
.ab{width:100%; background:#E7E8E8; padding-bottom:20px;}
.ab .ab_box{width:80%; margin:0 auto;}
.ab .ab_box .about{width:75%; float: left; }
.ab .ab_box .title1 {margin:20px 0; padding-bottom:15px; background: url(../img/gs_t.jpg) no-repeat left bottom}
.ab .ab_box .title1 h2{ color:#333; font-size:20px;  display:inline-block;;}
.ab .ab_box .title1 h2 span{font-family: "Arial Narrow"; color:#999;}
.ab .ab_box .about .ab_body{  background:#fff;}
.ab .ab_box .about .ab_left{float:left; width:35%; margin:10px; height:310px;}
.ab .ab_box .about .ab_left img{ width:100%; background-color:#ccc; padding:5px; box-sizing: border-box;
    height:310px; border-radius:5px;}
.ab .ab_box .about .ab_right{float:right; width:61%; margin-top:10px; margin-right:10px;}
.ab .ab_box .about .ab_right .content{text-indent:2em; line-height:30px; height:180px; overflow:hidden;}
.ab .ab_box .about .ab_right ul li{width:31%; height:124px; float:left; padding:5px;}
.ab .ab_box .about .ab_right ul li img{width:100%; height:124px;}
.ab .ab_box .ry{width:23.5%; float:right;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;  background:#fff; height:330px;}
.picScroll-left .bd{ width:100%; overflow: hidden;}
/*.picScroll-left .bd .tempWrap{ width:100% !important; }*/
.picScroll-left .bd ul{ zoom:1; }
.picScroll-left .bd ul li{ margin:10px; float:left; _display:inline; overflow:hidden;}
.picScroll-left .bd ul li{ width:248px !important; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:310px; display:block; }
@media screen and (max-width: 768px){
    .ab .ab_box{width:98%;}
    .ab .ab_box .about{width:100%;}
    .ab .ab_box .about .ab_left{display: none}
    .ab .ab_box .about .ab_right{width:100%;  margin:0}
    .ab .ab_box .about .ab_right ul li{width:30%;}
    .ab .ab_box .ry{display: none}
}
@media screen and (max-width: 1024px) and (min-width:768px){
    .ab .ab_box{width:98%;}
    .ab .ab_box .about{width:100%;}
    .ab .ab_box .ry{display: none}
}
/*中间banner*/
.mid_banner{width:100%; height:165px;
    background-image:url("../img/s_banner1.jpg");background-repeat:no-repeat; background-position:center}
@media screen and (max-width: 1024px){
    .mid_banner{display:none;}
}
/*新闻*/
.news_box{width:80%; margin:20px auto;  }
.news_box .list1{width:32%; float:left; margin-right:21px; background-color:#E7E8E8; padding:20px; box-sizing: border-box}
.news_box .list2{width:32%; float:left; background-color:#E7E8E8; padding:20px; box-sizing: border-box}
.news_box .list3{width:32%; float:right; background-color:#E7E8E8; padding:20px; box-sizing: border-box}
.news_box .title{background:url("../img/gs_t.jpg") repeat-x left bottom; height:34px; line-height:24px; position:relative;}
.news_box .title h2{font-size:14px; font-weight: bold}
.news_box .title a{position:absolute; right:10px; top:0; line-height:24px;  color:#1b8e00;}
.news_box .title a:hover{font-weight: bold}
.messagetit{padding:10px 15px; height:128px; overflow: hidden}
.messagetit img{width:130px; height:128px; float:left; padding-right:20px;}
.messagetit h2{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.messagetit h2 a{color:#1b8e00; font-size:16px;font-weight:bold}
.messagetit p{text-indent:2em; line-height:28px; max-height:84px; overflow: hidden; padding:5px 0; color:#666;}
.messagetit p a{color:#1b8e00}
.messagetit p a:hover{font-weight:bold}
.news_box ul li{padding:0 30px; line-height:32px; height:32px; overflow:hidden; border-bottom:1px dashed #ccc;
    background:url("../img/word.png") no-repeat 10px center;  white-space:nowrap; text-overflow:ellipsis;}
.news_box ul li:hover a{color:#1b8e00; font-weight: bold}
.news_box ul li .date{ float:right; color:#aaa; margin-left:10px;}
@media screen and (max-width: 768px){
    .news_box{width:98%;}
    .news_box .list1{display: none}
    .news_box .list2{width:100%; padding:10px;}
    .news_box .list3{display: none}
    .messagetit{padding:10px;}
    }
@media screen and (max-width: 1024px) and (min-width:768px){
    .news_box{width:98%;}
}
/*链接*/
.flinkbg{width:100%;  background: #eee;}
.flink{ width:77%;  margin:0 auto;}
.flink h2{ height:50px;  line-height: 50px; font-size:22px;  border-bottom: 1px solid #ddd;}
.flink ul {padding: 10px 0; }
.flink ul li{float:left;  font-size:14px;  margin-right:20px;  line-height:27px;  }
.flink ul li:hover a{ color:#DC251E;}
@media screen and (max-width: 1024px){
    .flink{ width:98%;}
}
/*底部*/
.bottombg{width:100%; background: #394247; }
.bottom{ width:77%;  margin:0 auto;  color:#fff; padding-top:20px;padding-bottom:20px;  }
.bottom .btm1{float:left; width:40%; border-right:1px solid #61686C;  line-height:50px; font-size:14px;}
.bottom .btm1 .phone{height:50px; padding-left:10%; background:url("../img/phone.png") no-repeat left center; }
.bottom .btm1 .email{height:50px;  padding-left:10%; background:url("../img/email.png") no-repeat left center;  }
.bottom .btm1 .addr{height:50px;  padding-left:10%; background:url("../img/addr.png") no-repeat left center; }
.bottom .btm2{float:right; margin-right:7%;  width:35%; border-right:1px solid #61686C; position: relative;}
.bottom .btm2 p{ line-height:36px;  font-size:14px; color:#fff;}
.bottom .btm2 p span{margin-left:20px; }
.bottom .btm2 p a{ color:#fff; }
.bottom .btm2 p a:hover{color:#DC251E;}
.bottom .btm2  img{width:50px;  height:55px;  position: absolute;  bottom:10px;  left:70%;}
.bottom .weixin{float:right; font-size:14px;padding-top:15px;}
.bottom .weixin p{ text-align:center; }
.bottom .weixin img{ width:110px;  height:110px;}
@media screen and (max-width: 768px){
    .bottom{ width:98%;}
    .bottom .btm1{display: none}
    .bottom .btm2{width:100%; text-align:center; border-right:none; margin-right:0; margin-top:10px; }
    .bottom .btm2 p{ line-height:20px;  font-size:12px; }
    .bottom .weixin{float:none; padding-top:0;}
    .bottom .weixin img{ margin-left:32%;}
    .bottom .btm2  img{left:80%;}
}
@media screen and (max-width: 1024px) and (min-width:768px){
    .bottom{ width:98%;}
}