/**********  所有页面都要共用的样式  **********/
/*自定义基础通用样式*/
body{
    background: #fff;
    font-family: '微软雅黑';
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 300;
}
a:visited{
    text-decoration: none;
}
a:focus{
    outline: none;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
/*颜色*/
.color-2BAB64{
    color: #2BAB64;
}
.color-fff{
    color: #fff
}
.color-000{
    color: #000
}
/*颜色*/
/*行高*/
.line-height-30{
    line-height: 30px
}
/*边距*/
.padding-0{padding: 0}
.padding-top-30{
    padding: 30px 0 0 0;
}
.padding-top-60{
    padding: 60px 0 0 0;
}
.padding-30{padding: 30px 0px}
.padding-60{padding: 60px 0px}
.padding-50{padding: 50px 0px}
.padding-100{padding: 100px 0px}
.margin-50{margin: 50px 0}
.margin-bottom-50{margin-bottom: 50px}
.margin-bottom-30{margin-bottom: 30px}
.margin-top-30{margin-top: 30px}
.margin-top-50{margin-top: 50px}
/*所有按钮加渐变动画*/
.btn{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
}
       /*-------分页选中样式----------*/

.other_page {
  width: 100%;
  margin: 10px auto;
  height: 30px;
  text-align: center;
  margin-top: 40px;
}   
a{text-indent: none}
.other_page a,
.other_page span.pre {
  padding: 7px 17px;
  border: 1px solid #CCC;
  background: #fff;
  margin-left: -5px;
  color: #000;
  border-radius: 5px;
  margin: 0px 5px;
}
.other_page a:hover,
.other_page a.hover {
  background-color: #2bab64;
  color: #fff;
  border-color: #2bab64;
}
.other_page a:first-child,
.other_page span.pre:first-child {
/*  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;*/
}
.other_page a:last-child span.pre:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.other_page span.pre {
  cursor: pointer;
  display: inline-block;
  padding: 4.5px 15px;
}
.current{
    padding: 7px 17px;
    border: 1px solid #CCC;
    background: #2bab64;
    margin-left: -5px;
    color:#fff;
    margin: 0px 15px;
    border-radius: 5px
}                  
/*所有按钮加渐变动画*/

/*标题下方的短下划线*/
.title{font-size: 26px;font-weight: bold;}
.tit{font-size: 16px;color: #666}
.line{
    border-top: 3px solid #2BAB64;
    width: 35px;
    margin: auto;
    margin-top: 15px;
}
.line-big{
    margin: 30px auto 26px;
    border-width: 2px;
    width:80px;
}

/*标题下方的短下划线*/

/*复写引用样式*/
blockquote {
    padding-right: 0;
    padding-bottom: 0;
    background:#f9f9f9;
    color: #919191;
    font-size: 14px;
    background-image: url(../images/quote-left.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: 2em;
}
blockquote .quote-content{
    padding-right: 20px;
    padding-bottom: 10px;
    background-image: url(../images/quote-right.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
/*复写引用样式*/

/*自定义基础通用样式 */

/*所有页面共享的样式如导航,页脚等 */
/*手机超小屏幕下的单独样式 xs < 768px */
@media (max-width: 767px){
    /*全部-导航*/
    body{
        padding-top: 0;/*移动端若固定顶部导航的话高度为52px*/
        padding-bottom: 55px;
    }
    #header .navbar{/*移动端导航不固定顶部*/
        position: relative !important;
    }
    #header .navbar{
        padding-bottom: 0;
    }
    /*全部-导航*/
    /*全部-页脚*/
    #footer .footer-wechat p{
        text-align: left !important;
    }
    /*全部-页脚*/
    /*全部-返回顶部*/
    #clan-slider{
        bottom:55px !important;
    }
    #clan-slider ul li a{
        background-color: rgba(255,255,255,0.9) !important;
        border-color:  transparent !important;
        border-radius: 50% !important;
    }
    #clan-slider #slider-goTop{
        background-position: -92px 0 !important;
    }
    #clan-slider #slider-goTop:hover{
        background-position: 0 0 !important;
    }
    /*全部-返回顶部*/
}
/*手机超小屏幕下的单独样式 xs < 768px */

/*大于手机屏幕时的样式 sm >= 768px */
@media (min-width: 768px){
    body{
           padding-top: 133px;/*顶部固定导航条的空间*/
    }
    /*全部-导航*/
    #header .navbar{
        border-radius: 0;
        padding: 15px 0px 0px 0px;
    }
    #header .navbar-nav>li>a{
        padding: 15px 0;
    }
    /*全部-导航*/
}
/*大于手机屏幕时的样式 sm >= 768px */

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){
    /*全部-页脚*/
    #footer .footer-contact h2{
        font-size: 26px !important;
    }
    /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #footer .footer-contact h2{
            padding-left: 0;
            font-size: 22px !important;
        }
    }
    /*全部-页脚*/
}
/*平板小屏幕样式 768px <= sm < 992px */

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px){
    /*全部-最大宽度*/
    .container {
        width: 970px;
    }
    /*全部-最大宽度*/
    /*全部-页脚*/
    #footer .footer-item-last{
        border-right: 2px solid #c1c1c1;
    }
    #footer .footer-contact h2{
        padding-left: 20px;
    }
    /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #footer .footer-contact h2{
            padding-left: 10px !important;
        }
    }
    /*全部-页脚*/
}
/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}


/*全部-导航条样式复写*/
/*一级*/
#header .header-top{background: #2BAB64;color: #fff;padding: 3px 0;font-size: 14px}
#header .header-top .sp1{display: block;float: left ;margin-top: 4px;}
#header .header-top .sp2{display: block;float: right;margin-top: 4px;}
#header .header-top .sp3{display: block;float: right;margin-right: 30px;font-size: 20px;}
#header .header-top .a1{color: #fff;display: block;float: right;padding: 0 5px;margin-top: 3px;}
#header .header-top .a2{color: #fff;display: block;float: right;padding: 0 5px;margin-top: 5px;border-left: 1px solid #fff;border-right: 1px solid #fff;line-height: 16px;}
#header .header-top .a3{color: #fff;display: block;float: right;    padding: 0 5px;margin-top: 3px;}
#header .header-nav{padding: 30px 0 30px 0;}
#header .header-nav .logo{display: block;float: left;margin-right: 15px;}
#header .header-nav .logo img{max-width: 328px;max-height: 68px;}
#header .header-nav .tit{display: block;float: left;margin-top: 10px;padding-top: 15px;padding-left: 20px;border-left: 1px solid #eee;padding-bottom: 15px;}
#header .navbar-default{border:0;margin-bottom: 0;z-index: 1000;padding: 0;background-color: #ffffff;color: #000;}
/*二级*/
#header .navbar-default .navbar-nav>li .dropdown-menu {  
    padding-top:  26px;
    min-width: 124px;padding: 0px;border: 0px ;
    background:#fff;
}
#header .navbar-default .navbar-nav>li .dropdown-menu .active>a {  
    color: #000;
    background: #2BAB64
}    
#header .navbar-default .navbar-nav>li .dropdown-menu li a{  
    font-size: 16px
}  
#header .navbar-default .navbar-nav>li:hover .dropdown-menu {  
    display: block;  
}  
#header .navbar-default .navbar-nav>li .dropdown-menu li>a:hover{  
    background: #fff;
    color: #2BAB64;
}
/*二级*/        
#header .navbar-default .navbar-nav>li>a{
    font-size: 16px;
    padding: 26px 28px 20px !important;
    color: #000;
}
#header .navbar-default .navbar-nav>li>a:hover{
    color: #2BAB64;
}
#header .navbar-default .navbar-nav>.active>a, #header .navbar-default .navbar-nav>.active>a:hover, #header .navbar-default .navbar-nav>.active>a:focus{
    color:#2BAB64;
    background-color: rgba(255,255,255,0);
}
#header .navbar-default .navbar-toggle .icon-bar{
    background-color: none;
}
#header .navbar-default .navbar-nav>li .line-top{
    border-top: 1px solid #2BAB64;
    width: 45%;
    margin: auto;
}

@media(max-width: 768px){
   #header .navbar-default .navbar-nav>li .line-top{display: none;} 
   #header .header-nav{padding: 5px 0 5px 0;}
   #header .header-nav .logo img{max-height: 50px}
}
/*全部-导航条样式复写*/
/*全部-页脚footer*/
.footer-icon{}
.footer-icon .footer-icon-d{margin: 30px 0;}
.footer-icon .footer-icon-d div{margin: 0px 19px;}
#footer{
    padding: 0;
    background-color: #1b1b1b;
    padding-bottom: 30px
}
#footer .footer-nav{
    margin-top: 50px;
}
#footer .footer-nav h4{color: #fff;font-weight: bold;}
#footer .footer-nav .nav-d{padding: 0;}
#footer .footer-nav .nav-d a{color: #fff;font-size: 14px;display: block;margin: 5px 0;}
#footer .footer-contact{margin-top: 50px;color: #fff;padding-left: 70px;border-left: 1px solid #fff;border-right: 1px solid #fff;}
#footer .footer-contact h4{font-weight: bold;}
#footer .footer-contact p{margin:10px 0;}
#footer .footer-weixin{margin-top: 50px;color: #fff;padding-left: 100px;}
#footer .footer-weixin h4{font-weight: bold;}
#footer .footer-weixin p{margin:5px 0;}
.footer-record{background: #1b1b1b}
.footer-record h5{color: #acacac;padding: 5px 0px}
@media(max-width: 768px){
    #footer .footer-contact{padding-left: 15px;margin-top: 10px;border: 0}
    #footer .footer-weixin{margin-top: 10px;padding-left: 15px}
}
/*全部-页脚footer*/
/*全部-回到顶部*/
#clan-slider{
    position: fixed;
    _position: absolute;
    bottom: 30%;
    right: .1%;
    z-index: 1000;
}
#clan-slider ul{
    margin: 0;
    padding: 0;
    margin-top: -2px;
    list-style: none;
}
#clan-slider ul li{
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 2px;
    position: relative;
}
#clan-slider ul li a{
    display: block;
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: 1px solid #2BAB64;
    background-color: #ffffff;
    background-image: url(../images/clan-slider.png);
    background-repeat: no-repeat;
}

#slider-chat{
    background-position: 0 -92px;
}
#slider-chat:hover{
    background-position: -46px -92px;
    background-color: #2BAB64;
}
#slider-qq{
    background-position: 0 -138px;
}
#slider-qq:hover{
    background-position: -46px -138px;
    background-color: #2BAB64;
}
#slider-phone{
    background-position: 0 -184px;
}
#slider-phone:hover{
    background-position: -46px -184px;
    background-color: #2BAB64;
}
#slider-wechat{
    background-position: 0 -230px;
}
#slider-wechat:hover{
    background-position: -46px -230px;
    background-color: #2BAB64;
}
#slider-goTop{
    background-position: 0 0;
}
#slider-goTop:hover{
    background-position: -46px 0;
    background-color: #2BAB64;
}
#clan-slider #slider-menu{
    background-position: 0 -46px;

    background-color: rgba(255,255,255,0.7);
    border-color:  rgba(255,255,255,0.7);
}
#clan-slider #slider-menu:hover{
    background-position: -46px -46px;
}
#clan-slider .clan-slider-tips{
    position: absolute;
    top: 0px;
    right: 48px;
    display: none;
    height: 48px;
    padding-left: 10px;
    padding-right: 2px;
    white-space: nowrap;
    border: 1px solid #2BAB64;
    background-color: #2BAB64;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #fff;

}
#clan-slider .clan-slider-tips-wechat{
    display: none;
    position: absolute;
    background-color: #2BAB64;
    padding: 1px;
    bottom: 0;
    right: 50px;
}
#clan-slider .clan-slider-tips-wechat img{
    width: 196px;
    height: 196px;
}
/*全部-回到顶部*/
/**********  所有页面都要共用的样式  **********/
/*内页banner*/
@media(min-width: 768px){
#banner img{
    width: 100%;
}
}
/*内页banner*/


/**********  首页单独的样式  **********/
/*首页样式开始*/
/*-首页-搜索*/
    .index-search{background: #2BAB64;}
    .index-search .left-tel{color: #fff;padding: 10px 0px;}
    .index-search .left-tel h3{font-size: 20px;}
    .index-search .left-tel h5{}
    .index-search .left-tel img{padding-top: 20px;padding-left: 20px;}
    .index-search .left-tel span{font-size: 20px;display: block;float: right;padding-top: 30px;padding-right: 90px;}
    .index-search .right-search{background-color: #fff;height: 100px;}
    .index-search .right-search .top{background-color: #666;}
    .index-search .right-search .bottom{padding-top: 15px;text-align: center;}
    .index-search .right-search .input{background-color: #666;width: 85%;border: 0;    padding: 15px 0px;padding-left: 50px;outline: medium;caret-color: #fff;
        color: #fff;}
    .index-search .right-search .btn{background: url(../images/search.png);background-color: #666;border: 0;border-radius: 0;margin: 0;width: 32px;height: 32px;outline: medium;}
/*首页-搜索*/
/*首页-关于我们*/
    .index-about{margin-top: 80px;}
    .index-about .about-icon-list{margin: 50px 0 60px 0}
    .index-about .about-icon{background: #fff;background-image: url(../images/ab-icon-1.png);background-repeat: no-repeat;background-position: 70px;width: 269px;height: 114px;padding: 0;border: 1px solid #999;margin-right: 41px;}
    .index-about .about-icon p{margin: 10px;height: 94px;}  
    .index-about .about-icon p .sp1{display: block;padding-left: 90px;text-align:center;padding-top: 25px;line-height: 25px;color: #666;}  
    .index-about .about-icon p .sp2{display: block;padding-left: 90px;text-align:center;color: #666;}
    .index-about .about-icon:hover{background: #2bab64;background-image: url(../images/ab-icon-01.png);background-repeat: no-repeat;background-position: 70px;width: 269px;height: 114px;padding: 0;border: 0;} 
    .index-about .about-icon:hover p{margin: 10px;height: 94px;border: 1px solid #fff;}
    .index-about .about-icon:hover p span{color: #fff;} 

    .index-about .about-icon2{background: #fff;background-image: url(../images/ab-icon-2.png);background-repeat: no-repeat;background-position: 70px;width: 269px;height: 114px;padding: 0;border: 1px solid #999;margin-right: 41px;}
    .index-about .about-icon2 p{margin: 10px;height: 94px;}  
    .index-about .about-icon2 p .sp1{display: block;padding-left: 90px;text-align:center;padding-top: 25px;line-height: 25px;color: #666;}  
    .index-about .about-icon2 p .sp2{display: block;padding-left: 90px;text-align:center;color: #666;}
    .index-about .about-icon2:hover{background: #2bab64;background-image: url(../images/ab-icon-02.png);background-repeat: no-repeat;background-position: 70px;width: 269px;height: 114px;padding: 0;border: 0;} 
    .index-about .about-icon2:hover p{margin: 10px;height: 94px;border: 1px solid #fff;}
    .index-about .about-icon2:hover p span{color: #fff;} 

    .index-about .about-icon3{background: #fff;background-image: url(../images/ab-icon-3.png);background-repeat: no-repeat;background-position: 70px;width: 269px;height: 114px;padding: 0;border: 1px solid #999;margin-right: 41px;}
    .index-about .about-icon3 p{margin: 10px;height: 94px;}  
    .index-about .about-icon3 p .sp1{display: block;padding-left: 90px;text-align:center;padding-top: 25px;line-height: 25px;color: #666;}  
    .index-about .about-icon3 p .sp2{display: block;padding-left: 90px;text-align:center;color: #666;}
    .index-about .about-icon3:hover{background: #2bab64;background-image: url(../images/ab-icon-03.png);background-repeat: no-repeat;background-position: 70px;width: 269px;height: 114px;padding: 0;border: 0;} 
    .index-about .about-icon3:hover p{margin: 10px;height: 94px;border: 1px solid #fff;}
    .index-about .about-icon3:hover p span{color: #fff;}

    .index-about .about-icon4{background: #fff;background-image: url(../images/ab-icon-4.png);background-repeat: no-repeat;background-position: 70px;width: 269px;height: 114px;padding: 0;border: 1px solid #999;margin-right: 0px;}
    .index-about .about-icon4 p{margin: 10px;height: 94px;}  
    .index-about .about-icon4 p .sp1{display: block;padding-left: 90px;text-align:center;padding-top: 25px;line-height: 25px;color: #666;}  
    .index-about .about-icon4 p .sp2{display: block;padding-left: 90px;text-align:center;color: #666;}
    .index-about .about-icon4:hover{background: #2bab64;background-image: url(../images/ab-icon-04.png);background-repeat: no-repeat;background-position: 70px;width: 269px;height: 114px;padding: 0;border: 0;} 
    .index-about .about-icon4:hover p{margin: 10px;height: 94px;border: 1px solid #fff;}
    .index-about .about-icon4:hover p span{color: #fff;} 

    .about-con{padding: 0;background: url(../images/index-about-bg.jpg);background-size: 100% 100%;}       
    .about-con .text{
    margin-bottom: 80px;    
    width: 650px;
    margin-top: 100px;
    background: #fff;
    border: 10px solid #99d2b4;
    line-height: 35px;}      
    .about-con .text .title-h2{    font-size: 30px;
    font-weight: bold;}      
    .about-con .text .line-p{border: 2px solid #2bab64;
    width: 60px;
    margin-top: 30px;}      
    .about-con .text .text-p{text-indent: 2em;}    
    @media(max-width: 768px){
        .index-about .about-icon{width: 100%;margin-bottom: 10px}
        .index-about .about-icon2{width: 100%;margin-bottom: 10px}
        .index-about .about-icon3{width: 100%;margin-bottom: 10px}
        .index-about .about-icon4{width: 100%;margin-bottom: 10px}
        .about-con .text{width: 100%}
    }  
/*首页-关于我们*/
/*首页-公司资质*/
    .index-honor{margin-top: 80px; padding: 0;background: url(../images/index-honor-bg.jpg);background-size: 100% 100%}
    .box{position: relative;display: inline-block;width: 100%;margin: 50px 0;margin-bottom: 110px;}
    #roll{width: 200%;}
    #roll dd{width: 241px;float: left;margin-right: 40px;}
    #roll dd img{border: 1px solid #eee;}
    #roll dd .p1{text-align: center;font-size: 16px;color: #000;line-height: 25px;margin-top: 10px;}
    #roll dd .p2{text-align: center;color: #666;font-size: 14px}
    .box span{    position: absolute;bottom: 40%;left: -100px;display: inline-block;width: 50px;text-align: center;cursor: pointer;z-index: 90;color: #000;font-size: 30px;}
    .box .next{right: -40px; left:auto;display: block!important;}
    .box .prev{left:-40px;display: block!important;}
    .index-honor .honor-left{    background: 0;color: #000;}
    .index-honor .honor-left span{top: 50%}
    .index-honor .honor-right{ background: 0;color: #000;}
    .index-honor .honor-right span{top: 50%}
/*首页-公司资质*/
/*首页-工程案例*/
.index-case{ padding: 0 }
.index-case .case-title{background: #2bab64;color: #fff;margin-top: 80px}
.index-case .case-title .line-fff{border: 2px solid #fff;width: 60px;margin: 5px auto;}
.index-case .case-con{    background: #f6f6f6;}
.index-case .case-con .con-right{
    background: #fff;
    height: 358px;
    padding-left: 30px;
    padding-top: 30px;
}
.index-case .case-con .con-right h3{
    color: #000;
    font-weight: bold;
}
.index-case .case-con .con-right .line-left{
    border: 2px solid #2bab64;
    width: 60px;
}
.index-case .case-con .con-right .description{
    padding-top: 15px;
    line-height: 35px;
    color: #777;
    margin-bottom: 30px;
}
.index-case .case-con .con-right .case-a{    
    border: 2px solid #2bab64;
    border-radius: 14px;
    padding: 5px 20px;
    color: #2bab64;}
 .index-case .case-con .con-list{margin-top: 30px;}   
 .index-case .case-con .con-list .list{margin-right: 0px;}   
 .index-case .case-con .con-list .min-img{max-width: 100%;width: 99%;}
 .index-case .case-con .de-a{background: #2bab64;
    color: #fff;
    padding: 10px 30px;
    display: block;
    width: 150px;
    margin: 50px auto;
    border-radius: 25px;}

.box1{position: relative;display: inline-block;width: 100%;margin: 50px 0;margin-bottom: 50px;}
    #roll1{width: 200%;}
    #roll1 dd{width: 1200px;float: left;margin-right: 40px;height: 560px}
    #roll1 dd .big-img{max-width: 100%;width: 100%;height: 358px}
    #roll1 dd .p1{text-align: center;font-size: 16px;color: #000;line-height: 25px;margin-top: 10px;}
    #roll1 dd .p2{text-align: center;color: #666;font-size: 14px}
    .box1 span{    position: absolute;bottom: 60%;left: -100px;display: inline-block;width: 50px;text-align: center;cursor: pointer;z-index: 90;color: #000;font-size: 30px;}
    .box1 .next1{right: -40px; left:auto;display: block!important;}
    .box1 .prev1{left:-40px;display: block!important;}
    @media(max-width: 768px){
        .index-case .case-list{}
        .index-case .case-list img{height: 210px;width: 100%;}
        .index-case .case-list a{color: #000}
        .index-case .case-list a p{color: #000}
        .index-case .case-left{background: 0;color: #fff}
        .index-case .case-left span{top: 20%}
        .index-case .case-right{background: 0;color: #fff}
        .index-case .case-right span{top: 20%}
    }
/*首页-工程案例*/
/*首页-服务优势*/
.index-youshi{margin-top: 80px;}
.index-youshi .youshi-con{padding: 50px 0}
.index-youshi .youshi-left p{font-size: 18px;width: 100%;    padding-bottom: 15px}
.index-youshi .youshi-left p .sp-bg{background: url(../images/youshi-bg.jpg);background-size: 100% 100%;    margin-left: 20px;
    width: 32px;
    height: 32px;
    display: block;
    text-align: center;
    padding-top: 4px;
    color: #fff;
    float: left;}
.index-youshi .youshi-left p .sp-tit{    padding-left: 20px;
    line-height: 35px;}
.index-youshi .youshi-left .p1{
    margin-left: 30px;
    border-bottom: 1px solid #7d7d7d;margin-top: 10px;}
.index-youshi .youshi-left .p2{ 
    border-bottom: 1px solid #7d7d7d;margin-top: 130px;}
.index-youshi .youshi-left .p3{
    margin-left: 30px;
    border-bottom: 1px solid #7d7d7d;margin-top: 130px;}
.index-youshi .youshi-right p{font-size: 18px;width: 100%;    padding-bottom: 15px}
.index-youshi .youshi-right p .sp-bg{background: url(../images/youshi-bg.jpg);background-size: 100% 100%;    margin-left: 20px;
    width: 32px;
    height: 32px;
    display: block;
    text-align: center;
    padding-top: 4px;
    color: #fff;
    float: left;}
    .index-youshi .youshi-right p .sp-tit{    padding-left: 20px;
    line-height: 35px;}
.index-youshi .youshi-right .p4{ 
    border-bottom: 1px solid #7d7d7d;margin-top: 10px;}
.index-youshi .youshi-right .p5{margin-left: 30px;border-bottom: 1px solid #7d7d7d;margin-top: 130px;}
.index-youshi .youshi-right .p6{ 
    border-bottom: 1px solid #7d7d7d;margin-top: 130px;}
/*首页-服务优势*/
/*首页-新闻资讯*/
.index-news{padding-top: 80px;background: #f5f5f5}
.index-news .news-list{margin-top: 50px;padding-bottom: 20px;}
.index-news .news-list .nav{width: 50%;margin: auto;}
.index-news .news-list .nav li{    margin: 0 38px;}
.index-news .news-list .nav li a{border-radius: 25px;
    padding: 10px 30px;
    background: 0;
    color: #000;}
.index-news .news-list .nav .active a{background: #2bab64;
    color: #fff;}
.index-news .news-list .nav li a:hover{background: #2bab64;
    color: #fff;}
.index-news .news-list .news-con{margin: 30px 0}
.index-news .news-list .news-con .list-one{}
.index-news .news-list .news-con .list-one img{}
.index-news .news-list .news-con .list-one .one-a{
    position: absolute;
    bottom: 10px;
    background: #fff;
    margin-left: 20px;    width: 80%;padding: 30px 10px 20px 10px;
    color: #000;
}
.index-news .news-list .news-con .list-one .one-sp1{
    display: block;
    float: left;
    width: 240px;
    line-height: 25px;}
.index-news .news-list .news-con .list-one .one-sp2{
    background: url(../images/news-a.png);background-size: 100% 100%;display: block;
    width: 41px;
    height: 20px;
    float: right;
}
.index-news .news-list .news-con .list-two{}
.index-news .news-list .news-con .list-two .two-list{
       padding: 14px 15px;
    background: #fff;
    margin-bottom: 10px;
    height: 270px;

}
.index-news .news-list .news-con .list-two .two-a{
    background: #fff;
    display: block;
    float: left;
    width: 100%;
    padding-top: 25px;
    border-top: 1px solid #999;
        }
.index-news .news-list .news-con .list-two .two-d{
    font-size: 30px;
    color: #000;
    display: block;
    width: 100px;
    }
.index-news .news-list .news-con .list-two .two-ym{
    display: block;
    float: left;
    width: 100px;
    color: #666;
    }
.index-news .news-list .news-con .list-two .two-sp2{
    background: url(../images/news-a.png);background-size: 100% 100%;display: block;
    width: 41px;
    height: 20px;
    float: right;
    position: absolute;
    right: 25px;
    bottom: 25px
}
.index-news .news-list .news-con .list-three{}
.index-news .news-list .news-con .list-three .three-list{   
    background: #fff;
    margin-bottom: 20px;}
.index-news .news-list .news-con .list-three .three-list p{    width: 20%;
    float: left;
    margin: 30px 0;
    padding-right: 10px;}
.index-news .news-list .news-con .list-three .three-list .three-d{
    display: block;
    font-size: 30px;
    text-align: center;
    padding-bottom: 2px;
    width: 40px;
    margin: auto;
    border-bottom: 1px solid #000;
}
.index-news .news-list .news-con .list-three .three-list .three-ym{
    display: block;
    text-align: center;
    margin-top: 5px;
}
.index-news .news-list .news-con .list-three .three-list .three-a{
    display: block;
    float: right;
    width: 80%;
    color: #000;
    margin-top: 30px;
    padding-left: 20px;
    border-left: 1px solid #666;
    padding-bottom: 50px;
    margin-bottom: 40px;
}
.index-news .news-list .news-con .list-three .three-list .three-title{font-size: 18px;}
.index-news .news-list .news-con .list-three .three-list .three-sp2{
        background: url(../images/news-a.png);
    background-size: 100% 100%;
    display: block;
    width: 41px;
    height: 20px;
    position: absolute;
    bottom: 40px;
}
/*首页-新闻资讯*/
/**********  首页单独的样式  **********/

/********** 所有9:3分页的 sidebar样式  **********/
/*新闻资讯*/
.news-con #myTab{margin-top: 20px;}
.news-con #myTab li{margin-right: 30px;}
.news-con #myTab li a{color: #000}
.news-con #myTab li a:hover{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;background: 0}
.news-con #myTab .active a{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;}
.news-con .news-menu li{
    list-style: none;
    float: left;
    width: 28%;
    text-align: center;
    border-left: 1px solid #000;
}
.news-con .news-menu .active{
    list-style: none;
    float: left;
    width: 28%;
    text-align: center;
    border-left: 1px solid #000;
}
.news-con .news-menu .active a{
    margin: auto;
    color: #fff;
    background: #2bab64;
    width: 200px;
    display: block;
    font-size: 16px;
    padding: 5px;

}
.news-con .news-menu li a{
    color: #000;
    font-size: 16px;
    width:200px;
    display: block;
    padding: 5px;
    margin: auto;
}
.news-con .news-menu li a:hover{
    color: #fff;
    background: #2bab64
}
.news-con{
}
.list-news {
  padding-left: 0px;
   padding-bottom: 20px;
   border-bottom: 1px solid #d2d2d2;
   padding-top: 30px;
}
.list-news img{width: 330px}
.list-news a{color: #000}
.list-news span{position: absolute;
    right: 15px;
    padding: 5px 20px;
    background: #fff;
    border-radius: 25px;
    border: 1px solid #eee;
    bottom: 0px;
}
.list-news a:hover{color: #2bab64}
.list-news a:hover span{color: #fff;background: #2BAB64;}
@media(max-width: 768px){
    .news-con #myTab li{margin-right: 10px}
}
/*新闻资讯*/
/*新闻详情*/
.newsdetails{
    background: #fff;
	padding-top:50px;
}
.newsdetails .de-img img{max-width: 100%}
@media(max-width: 768px){
   .newsdetails .de-img img{
    width: 100%;
} 
}

.details-top{
    background: #fff;
    padding: 15px 0px 15px 0px;
}
.top-p{
    border-left: 10px #0074cd solid;
    padding: 5px;
    font-size: 16px;
}
.top-p span{
    color: #0074cd;
}
.details-con{
    margin-top: 10px;
    background: #fff;
}
.details-nav{
    padding: 30px 0px 30px 0px;
    margin-top: 30px;
    border-top: 1px solid #b0b0b0;
}
/*新闻详情*/

/********** 所有9:3分页的 sidebar样式  **********/


/*所有子页面的中间主体部分*/
.main-container{
    margin: 30px 0 30px 0;
}
/*所有子页面的中间主体部分*/
/********** AboutUs  **********/
.banner-bg{background: #fff}
.aboutus{
background: #fff ;padding-top: 50px;margin-bottom: 50px;
}
.aboutus-1{background: #2bab64;padding: 30px 0}
.aboutus-2{background: url(../images/about-2-bg.jpg);background-size: 100% 100%}
.aboutus-2 .aboutus-2-list{    margin: 180px 0;
    background: #fff;
    padding: 30px 80px;}
.aboutus-2 .aboutus-2-list .list{    border-right: 1px solid #eee;padding-left: 50px}
.aboutus-2 .aboutus-2-list .list img{display: block;
    float: left;
    padding-top: 15px;
    padding-right: 25px;}
.aboutus-2 .aboutus-2-list .list .sp1{    display: block;
    font-size: 18px;
    font-weight: bold;}
.aboutus-2 .aboutus-2-list .list .sp2{display: block;
    line-height: 30px;}
.aboutus-3{margin: 50px 0}    
.aboutus-3-text{height: 309px;background: #2bab64;padding: 50px 50px 0 50px;text-align: center;color: #fff;}    
.aboutus-3-text h4{margin: 25px 0;text-align: center;}    
.aboutus-3-text p{line-height: 35px;text-align: left;}  
.aboutus-4{margin: 50px 0}
.aboutus-4 .aboutus-form{margin-top:50px}
.aboutus-4 .form-d{margin-bottom: 30px}
.aboutus-4 .form-d span{width: 150px}
.aboutus-4 .form-d input{width: 450px}
.aboutus-4 .form-d textarea{width: 1050px;}
.aboutus-4 .form-d .submit{float: right;width: 220px;border: 0; background: #2bab64; color: #fff;padding: 5px 0;}
.about-line{ border: 3px solid #2bab64;
    width: 100px;    margin-top: 30px;
}
.about-h2{font-weight: bold;line-height: 50px}
.about-text p{text-indent: 2em;
    line-height: 40px;padding-right: 40px;}
@media(max-width: 768px){
    .aboutus-2 .aboutus-2-list{padding: 0}
    .aboutus-2 .aboutus-2-list .list{margin-bottom: 10px}
    .aboutus-3-text{height: inherit;}
}    
/********** AboutUs  **********/
/********** ContactUs  **********/
.contactus{background: #fff;padding-top: 50px}
.contactus .contactus-left{}
.contactus .contactus-left h3{margin-bottom: 30px}
.contactus .contactus-left p{padding-bottom: 15px;margin-bottom: 10px;font-size: 16px}
.contactus .contactus-left span{padding-left: 30px}
.contactus .contactus-right{}
.contactus .contactus-right h3{margin-bottom: 30px}
.form-con{
    width:100%;margin:auto;
}
.form-con input{background: #fff;border-radius: 0px}
.form-con textarea{background: #fff;border-radius: 0px}
.form-con button{border-radius: 0px;width: 100%;background: #2bab64; color: #fff}
/********** ContactUs  **********/
/********** ProductDetails  **********/
.procon-floor{
    width: 100%
}
/********** ProductDetails  **********/
/********** Product  **********/
.product-nav{background: #f5f5f5;padding: 10px 0}
.product-nav .product-nav-img{
    display: block;
    float: left;
    padding-top: 8px;
    max-width: 100%;
}
.product-nav .product-nav-a1{
    display: block;
    float: left;
    padding-top: 3px;
    padding-left: 10px;
    color: #000;}
.product-nav .product-nav-a2{
    display: block;
    float: left;
    padding-top: 3px;
    padding-left: 10px;
    color: #000;
}
.product-nav a:hover{color: #2bab64;}
.product{}
.product #myTab{margin-top: 20px;margin-bottom: 40px;}
.product #myTab li{margin-right: 30px;}
.product #myTab li a{color: #000}
.product #myTab li a:hover{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;background: 0}
.product #myTab .active a{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;}
.pro-list{border: 1px solid #eee;
    width: 29%;
    margin: 0 26px;
    margin-bottom: 50px;} 
.pro-list a{color: #000}
.pro-list a:hover{color: #2bab64}
.pro-list h4{margin-top: 30px;}
.pro-list h5{    margin-top: 30px;
    margin-bottom: 20px;}
.pro-list img{    max-width: 100%;}
@media(max-width: 768px){
    .product #myTab li{margin-right: 0}
    .product #myTab li a{padding: 5px 10px}
    .product{padding: 0 5px}
    .pro-list{width: 100%;margin: 0}
}
/********** Product  **********/
/********** Changfang  **********/
.changfang{ padding: 0 5px;}
.changfang #myTab{margin-bottom: 50px;margin-top: 20px;}
.changfang #myTab li{margin-right: 30px;}
.changfang #myTab li a{color: #000}
.changfang #myTab li a:hover{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;background: 0}
.changfang #myTab .active a{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;}
.changfang-de p{line-height: 40px}
@media(max-width: 768px){
    .changfang-de p img{max-width: 100%}
    .changfang #myTab li{margin-right: 10px}
    .changfang #myTab li a{padding: 5px 5px}
}
/********** Changfang  **********/
/********** Gongye  **********/
.gongye{ padding: 0 5px;}
.gongye #myTab{margin-bottom: 50px;margin-top: 20px;}
.gongye #myTab li{margin-right: 30px;}
.gongye #myTab li a{color: #000}
.gongye #myTab li a:hover{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;background: 0}
.gongye #myTab .active a{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;}
.gongye-2{background: #eeeeee;padding-top: 50px}
.gongye-2 .img-g{    width: 140px;
    height: 140px;
    position: absolute;
    border-radius: 66px;
    border: 2px solid #fff;
    top: -70px;
    left: 80px;
}
.gongye-2 .li h3{}
.gongye-2 .li p{        line-height: 35px;
    width: 86%;
    margin: auto;}
.gongye-2 .li{background: #fff;
    color: #000;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 30px;margin: 0px 50px;}
.gongye-2 .li:hover{background: #2BAB64;
    color: #fff;
    }
.gongye-hr{    height: 145px;
    background: #2bab64;}
.gongye-3{}    
.gongye-3 .gongye-3-left{padding-right: 30px;}    
.gongye-3 .gongye-3-left img{max-width: 100%}    
.gongye-3 .gongye-3-left h4{    margin-top: 60px;
    font-size: 28px;
    text-align: left;}    
.gongye-3 .gongye-3-left h4 span{color: #000;
    font-size: 18px;
    margin-left: 20px;
    text-align: left;}    
.gongye-3 .gongye-3-left p{padding-left: 50px;
    border-left: 1px solid #666;
    margin-top: 23px;
    color: #666;
    text-align: left;}    
.gongye-3 .gongye-3-right{    padding-left: 30px;}    
.gongye-3 .gongye-3-right h4{    margin-top: 60px;
    font-size: 28px;
    text-align: left;}    
.gongye-3 .gongye-3-right h4 span{color: #000;
    font-size: 18px;
    margin-left: 20px;
    text-align: left;}    
.gongye-3 .gongye-3-right p{padding-left: 50px;
    border-left: 1px solid #666;
    margin-top: 23px;
    color: #666;
    text-align: left;}    
.gongye-3 .gongye-3-right img{    margin-top: 110px;}   
@media(max-width: 768px){
    .gongye #myTab li{margin-right: 10px}
    .gongye #myTab li a{padding: 5px 5px}
    .changfang-de p img{max-width: 100%}
} 
/********** Gongye  **********/
/********** Jidian  **********/
.jidian{ padding: 0 5px;}
.jidian #myTab{margin-bottom: 50px;margin-top: 20px;}
.jidian #myTab li{margin-right: 30px;}
.jidian #myTab li a{color: #000}
.jidian #myTab li a:hover{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;background: 0}
.jidian #myTab .active a{color: #2bab64;border: 0;border-bottom: 2px solid #2bab64;}
@media(max-width: 768px){
    .jidian #myTab li{margin-right: 10px}
    .jidian #myTab li a{padding: 5px 5px}
    .changfang-de p{max-width: 100%;text-indent: 0!important}
    .changfang-de p img{max-width: 100%}
}

/********** Jidian  **********/