input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="password"],select, textarea, button {
    -webkit-appearance: none;
    outline:none;
}
input,textarea ,select,option,button{
    outline: none;
}
.content{
    margin: 0 auto;
    overflow-x: hidden;
}

.header{
    position: fixed;
    z-index: 600;
    width:100%;
}
.htop{
    background:#8fc31f;
    color:#fff;
    height:44px;
    line-height:44px;
    position: relative;
    z-index: 600;
}
.htop a,.htop span{
    float:right;
}
.htop .main{
    position:relative;
}
.htop a{
    width:90px;
    text-align: center;
    color:#fff;
}
.htop .en{
    background:#7eb119;
}
.htop .rx{
    padding:0 25px;
    border-right:1px solid #b3d465;
}
.main{
    max-width:1180px;
    margin:0 auto;
}
.navmark{
    float:right;
    display: none;
    cursor: pointer;
}
.header .lf{
    padding:10px 0;
    float:left;
}
.header .log{
    display: inline-block;
    width:202px;
    height:69px;
    background:url(../image/logo.png) no-repeat 0 0;
    background-size:100%;
}
.navlist{
    float:right;
    margin-right:180px;
    border-right:1px solid #eeeeee;
}
.navlist li{
    float:left;
}
.navlist li .con{
    position:relative;
}
.navlist li .ss{
    display: block;
    padding:35px 22px;
    color:#535353;
    font-size:16px;
    border-left:1px solid #eeeeee;
}

.navlist li  .l{
    width:25px;
    height:3px;
    background:transparent;
    margin:0 auto;
    position: absolute;
    bottom:-2px;
    +bottom:-1px;
    left:50%;
    margin-left:-12px;
    z-index:500;
}
.navlist li:hover  .l{
    background:#8fc31f;
}
.hnav{
    position:relative;
    z-index:500;
    background:#fff;
 }
 .hnav .navbar{
     border-top:1px solid #eeeeee;
    position: absolute;
    height:44px;
    top:94px;
    width:100%;
    left:0;
    background:url(../image/navbg.png);
     display: none;
}
.hnav .navbar .about-us{
    padding-left:390px;
}
.hnav .navbar .contact-us{
    padding-left:822px;
}
.hnav .navbar .n{
    float:left;
    height:44px;
    line-height:44px;
    padding:0 15px;
}
.hnav .navbar .n a{
    color:#7d7d7d;
}
.hnav .navbar .n:hover a{
    color:#8fc31f;
}
.header .search{
    width: 90px;
    height: 106px;
    float: right;
    position: absolute;
    top:44px;
    +top:43px;
    right:0;
    z-index:600;
}
.header .search .sear{
    display: block;
    width: 90px;
    height: 106px;
    background: url(../image/seach.png) no-repeat center 0;
    cursor: pointer;
    border: none;
}
.header .search .btn {
    width: 90px;
    height: 106px;
    background: url(../image/seach.png) no-repeat 0px 0;
    cursor: pointer;
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}
.header .search .scon {
    background: #f9f9f9;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 90px;
    bottom: 0px;
    width: 290px;
    border: none;
    display: none;
    padding-left: 10px;
    background:#8fc31f;
    color:#fff;
}

.banner{
    position:relative;
    z-index: 100;
    padding-top:133px;
}
.banner .bx-wrapper{
    margin-bottom: 0;
}
.banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    bottom:35px;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a{
    width:18px;
    height:16px;
    background:url(../image/poit.png) no-repeat 0 top;
    text-indent: -9999px;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
    background:url(../image/poit.png) no-repeat 0 bottom;
}

.footer{
    background:#adadad;
    overflow: hidden;
}
.footer .top{
    padding:30px 0 45px 0;
    overflow: hidden;
}
.footer .top .wx{
    float:left;
    padding-top:10px;
}
.footer .top .wx .sm{
    padding-top:13px;
}
.footer .top .adress{
    float:left;
    width:340px;
    color:#ffffff;
    font-size:13px;
    font-family: "����";
    margin-left:20px;
    line-height:20px;
    border-right:1px solid #fff;
    padding-top:10px;
}
.footer .top .adress .s span{
    width:40px;
    display: inline-block;
}
.footer .top .adress .rx{
    padding:12px 0 5px 0;
}
.footer .top .adress .ph{
    font-size:27px;
    font-family: arial;
    font-weight: bold;
}
.footer .top .adress .sc{
    overflow: hidden;
    padding-top:15px;
}
.footer .top .adress .sc a{
    display: inline-block;
    width:96px;
    height:33px;
    float:left;
}
.footer .top .adress .sc .tb{
    background:url(../image/hrefsc.png) no-repeat  0 top;
    background-size:100%;
}
.footer .top .adress .sc .jd{
    background:url(../image/hrefsc.png) no-repeat  0 bottom;
    margin-left:10px;
    background-size:100%;
}
.footer .top .rt li{
    float:left;
    margin-left:50px;
    padding-top:15px;
}
.footer .top .rt li>a{
    font-size:16px;
    color:#fff;

}
.footer .top .rt li .lists{
    padding-top: 20px;
}
.footer .top .rt li .lists a{
    display: block;
    font-size:12px;
    color:#fff;
    line-height:20px;
}
.footer .f-contact .a{
    text-align: center;
    padding-bottom: 25px;
}
.footer .f-contact .b span{
    color:#fff;
    margin-right:95px;
}
.footer .f-contact .b span i{
    display: inline-block;
    width:19px;
    height:19px;
    vertical-align: middle;
    margin-right:5px;
}
.footer .f-contact .b span .p{
    background:url(../image/contactb.png) no-repeat left 0;
}
.footer .f-contact .b span .f{
    background:url(../image/contactb.png) no-repeat right 0;
}
.footer .f-contact .b .last{
    margin-right:0;
}
.footer .f-contact .con{
    width:686px;
    overflow: hidden;
    margin:0 auto;
}
.footer .f-contact .con .line{
    height:1px;
    background:#fff;
    margin:10px 0;
}
.footer .f-contact .con .js{
    color:#fff;
}
.footer .f-contact .con .js a{
    color:#fff;
}
.footer .f-contact .gs{
    text-align: center;
    padding:30px 0;
}

.target{
    padding:15px 0;
    text-align: right;
    color:#898989;
}
.target a{
    color:#898989;
}
.s4-ban{
    
}
.s-page .tit{
    text-align: center;
    padding-bottom: 30px;
}
.s-page{
    padding:35px 0 50px 0;
}
.s-page .tit .one{
    font-size:36px;
    color:#535353;
    line-height:40px;
}
.s-page .tit .two{
    color:#959595;
    font-size:24px;
    padding:8px 0 15px;
}
.s-page .tit .lines{
    width:30px;
    height:2px;
    background:#8fc31f;
    margin:0 auto;
}
.s4-page .con{
    max-width:1204px;
    margin:0 auto;
    overflow: hidden;
}
.s4-page .con li{
    width:33.33%;
    +width:33%;
    float:left;
}
.s4-page .con li .scon{
    margin:12px;
    position: relative;
}
.s4-page .con li .scon .img{
    border:1px solid #fff;
}
.s4-page .con li .scon:hover .img{
    border:1px solid #8fc31f;
}
.s4-page .con li .scon .sm{
    text-align: center;
    padding:10px 0;
    background:#eeeeee;
    color:#626262;
    margin-top:8px;
}
.s4-page .con li .scon a{
    display: block;
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}
.s4-page .con li .scon:hover .sm{
    animation:mymove 1s 1;
    -webkit-animation:mymove 1s 1; 
    -moz-animation:mymove 1s 1;
    -ms-animation:mymove 1s 1;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    +background:#8fc31f;
    +color:#fff;
    background:#8fc31f\9;
    color:#fff\9;
}
@keyframes mymove {
    0%{
        background:#eeeeee;
        color:#626262;
    }
    100%{
        background:#8fc31f;
        color:#fff;
    }
}
.page{
    margin-top:10px;
    padding:30px 0 15px;
    text-align: center;
    color:#535353;
}
.page a{
    border:1px solid #CCCCCC;
    margin-right:5px;
    padding:4px 7px;
    color:#535353;
}
.page span{
    border:1px solid #CCCCCC;
    margin-right:5px;
    padding:4px 7px;
}
.page span.current{
    background:#8fc31f;
    border:1px solid #8fc31f;
    color:#FFFFFF;
    font-weight:bolder;
}
.model{
    position: fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:10000;
    display: none;
}
.model .bg{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:url(../image/model-bg.png);
}
.s4-list{
    position:absolute;
    left:50%;
    top:50%;
    width:743px;
    height:571px;
    margin-left:-372px;
    margin-top:-285px;
}
.s4-list .close{
    display: block;
    position: absolute;
    width:21px;
    height:21px;
    background:url(../image/closed.png) no-repeat 0 0;
    background-size:100%;
    right:-65px;
    top:0px;
}
#example5{
    background:#fff;
    padding:15px;
}
#example5 .sp-thumbnail-image-container {
    width: 131px;
    height: 82px;
    overflow: hidden;
    float: left;
}

#example5 .sp-thumbnail-image {
    height: 100%;
}

#example5 .sp-thumbnail-text {
    width: 170px;
    float: right;
    padding: 8px;
    background-color: #F0F0F0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#example5 .sp-thumbnail-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #333;
}

#example5 .sp-thumbnail-description {
    font-size: 14px;
    color: #333;
}
#example5 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{
    border:none;
}
#example5 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{
    border:none;
}
#example5 .sp-bottom-thumbnails.sp-has-pointer{
    margin-top:0;
}
#example5  .sp-caption-container{
    background: url(../image/model-bg.png);
    position: absolute;
    left: 15px;
    top: 400px;
    width: calc(100% - 55px);
    padding:10px 0 10px 25px;
    color:#fff;
    font-size:14px;
    text-align: left;
}
#example5 .sp-bottom-thumbnails .sp-thumbnail-container{
    height: 100px!important;
    +height: 100px!important;
}
#example5 .sp-bottom-thumbnails .sp-selected-thumbnail .sp-thumbnail{
    border:1px solid #8fc31f;
}
#example5  .sp-arrow {
    display: block!important;
    width:31px;
    height:31px;
}
#example5  .sp-previous-arrow{
    background:url(../image/conbtn.png) no-repeat left 0;
    border:none!important;
}
#example5  .sp-next-arrow{
    background:url(../image/conbtn.png) no-repeat right 0;
    border:none!important;
}
#example5 .sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
    content: normal;
}
#example5 .sp-horizontal.sp-rtl .sp-previous-arrow, .sp-next-arrow{
    -webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.s4 #example5 .sp-caption-container{
    display: none;
}
.s4 #example5 .sp-caption{
    position: absolute;
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    bottom: 0;
    background: url(../image/model-bg.png);
    display: block!important;
}
.s4 #example5 .sp-caption .s{
    padding-left:30px;
    color:#fff;
    font-size:14px;
}
.s4 #example5  .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{
    top:10px;
}

.index-news{
    background:#eee;
    padding:36px 0 58px 0;
}
.index-news .bt{
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    height:24px;
}
.index-news .bt a{
    display: block;
    text-align: right;
    position: absolute;
    right:0;
    top:0;
    width:100px;
    color:#626262;
    font-size:14px;
}
.index-news .main{
    overflow: hidden;
}
.index-news .radio{
    float:left;
    width:44%;
}
.index-news .newslist{
    width:53%;
    height:374px;
    overflow: auto;
    font-size:14px;
    float:right;
    border:1px solid #dcdcdc;
}
.index-news .newslist ul{
   
    width:100%;
    position: relative;
    display: block;
    overflow:hidden;
}
.index-news .newslist li{
    padding:14px 25px 14px 13px;
    margin-right:5px;
    overflow: hidden;
    position: relative;
    background:#fff;
}
.index-news .newslist li a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}
.index-news .newslist li.h{
    background:#e5e5e5;
}
.index-news .newslist .lf{
    width:70%;
    overflow: hidden;
    float:left;
}
.index-news .newslist .lf .b{
    color:#8fc31f;
    height:24px;
    overflow: hidden;
}
.index-news .newslist .lf .m{
    color:#707070;
    height:24px;
    overflow: hidden;
}
.index-news .newslist .rt{
    height:48px;
    line-height:48px;
    width:16%;
    float:right;
    color:#707070;
    text-align: right;
}
.index-pro{
    padding:50px 0 35px 0;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.index-pro .bx-wrapper{
    margin-bottom: 0;
}
.index-pro .bx-wrapper .bx-pager{
    display: none;
}
.index-pro .main{
    overflow: hidden;
}
.index-pro li{
    float:left;
    width:20%;
    +width:19.9%;
    position: relative;
}
.index-pro li .img{
    height:82px;
    margin:0 auto;
}
.index-pro li .img1{
    width:133px;
    background:url(../image/index-pro.png) no-repeat 0 0;
}
.index-pro li .img2{
    width:76px;
    background:url(../image/index-pro.png) no-repeat -275px 0;
}
.index-pro li .img3{
    width:94px;
    background:url(../image/index-pro.png) no-repeat -493px 0;
}
.index-pro li .img4{
    width:66px;
    background:url(../image/index-pro.png) no-repeat -736px 0;
}
.index-pro li .img5{
    width:75px;
    background:url(../image/index-pro.png) no-repeat right 0;
}
.index-pro li .sm{
    text-align: center;
    color:#535353;
    font-size:14px;
    padding-top:15px;
}
.index-pro li:hover .sm{
    color:#a2bf23;
}
.index-pro li a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}
.index-space{
    padding:50px 0 80px 0;
}
.index-space .bt{
    text-align: center;
    padding-bottom: 50px;
}
.index-newpro .con{
    max-width:1250px;
    margin:0 auto;
    
}
.index-newpro .con li{
    text-align: center;
    position:relative;
    width:20%;
+width:19.9%;
    float:left;
}
.index-newpro .con li .scon{
    margin:0 35px;
}
.index-newpro .con li .x{
    font-size:14px;
    color:#9ebc19;
    padding:25px 0 5px;
}
.index-newpro .con li .m{
    color:#313131;
    font-size:12px;

}
.index-newpro .con li a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}
.index-about{
    height:565px;
    background:url(../image/index-aboutbg.jpg) no-repeat center center;
}
.index-space .bx-wrapper .bx-pager{
    display: none;
}
.index-space .bx-wrapper .bx-controls-direction a{
    width:22px;
    height:40px;
}
.index-space .bx-wrapper .bx-prev{
    background:url(../image/index-control.png) no-repeat left 0;
    left:0px;
}
.index-space .bx-wrapper .bx-next{
    background:url(../image/index-control.png) no-repeat right 0;
    right:0px;
}
.index-space .bx-wrapper{
    margin-bottom: 0;
}
.index-about .lf{
    width:45%;
    
    overflow: hidden;
}
.index-about .rt{
    width:50%;
    overflow: hidden;
    float:right;

}
.index-about .rt .bt{
    text-align: left;
    padding-top:40px;
}
.index-about .rt .txt{
    color:#707070;
    height:120px;
    overflow: hidden;
}
.index-about .rt .more{
    width:133px;
    height:37px;
    display: block;
    background:url(../image/index-more.png) no-repeat 0 0;
    margin-top:75px;
}
.index-case .con{
    max-width:1190px;
}
.index-case .con li .scon{
    margin: 0 5px;
}
.index-case .con li .scon .img{
    position:relative;
}
.index-case .con-sm{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display: none;

}
.index-case .con-sm .bg{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../image/lbg.png);
}
.index-case .con-sm .sm{
    position:absolute;
    top:50%;
    left:0;
    z-index:500;
    width: 100%;
    margin-top:-55px;
}
.index-case .con-sm .more{
    width:18px;
    height:18px;
    background:url(../image/casemore.png) no-repeat 0 0;
    margin:0 auto;
}
.index-case .con-sm  .s{
    color:#fff;
    margin: 5px 0;
    text-align: center;
    padding:0 10px;
    height:24px;
    overflow: hidden;
}
.index-case .con-sm  .s1{
    height:auto;
}
.index-case .bx-wrapper .bx-prev{
    left:-40px;
}
.index-case .bx-wrapper .bx-next{
    right:-40px;
}
.index-href {

}
.index-href .sp{
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
    overflow: hidden;
}
.index-href .sp ul{
    max-width:1180px;
    margin: 0 auto;
    overflow: hidden;
}
.index-href .sp li{
    width:20%;
    float:left;
}
.index-href .bx-wrapper{
    margin-bottom: 0;
}
.index-href .sp li .con{
    width:100px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
}
.index-href .sp li a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}
.index-href .sp .line{
    width:1px;
    height:70px;
    background:#e5e5e5;
    margin:0 auto;
}
.index-href .sp .tp{
    margin:0 auto;
    height:54px;
    margin-top:10px;
}
.index-href .sp .tp.a{
    width:65px;
    background:url(../image/index-href.png) no-repeat 0 0;
}
.index-href .sp .tp.b{
    width:61px;
    background:url(../image/index-href.png) no-repeat -187px 0;
}
.index-href .sp .tp.c{
    width:60px;
    background:url(../image/index-href.png) no-repeat -383px 0;
}
.index-href .sp .tp.d{
    width:58px;
    background:url(../image/index-href.png) no-repeat -576px 0;
}
.index-href .sp .tp.e{
    width:53px;
    background:url(../image/index-href.png) no-repeat right 0;
}
.index-href .sp .sm{
    text-align: center;
    color:#707070;
    font-size:14px;
    margin:8px 0;
}
.index-href .sp li .con:hover .sm{
    color:#9ebc19;
}
.index-href .sp .more{
    width:14px;
    height:14px;
    background:url(../image/index-hmore.jpg) no-repeat 0 0;
    margin: 0 auto;
}
.index-href  .bsc{
    padding:15px 0;
    overflow: hidden;
}
.index-href  .bsc i{
    display: inline-block;
    width:96px;

    background:url(../image/href.png) no-repeat 0 0;
    vertical-align: middle;
    height:24px;
    margin-right:8px;
}
.index-href  .bsc a{
    color:#626262;
    font-size:15px;
    padding-right:24px;
}
.index-href  .bsc a:hover{
    color:#9ebc19;
}
    
.ccc{
    background: #dcdcdc !important;
}
.ccc>div{
    left: 0!important;
    background: #8fc31f !important;
}

.pro-ban{
    
}
.pro-page{
    padding:15px 0 50px;
}
.pro-page .main{
    max-width:1210px;
    margin:0 auto;
}
.pro-page .lf{
    width:26.2%;
    float:left;
    overflow: hidden;
    
}
.pro-page .lf .bt{
    width:88%;
    margin:0 auto;
    text-align: center;
    padding:25px 0 20px 0;
    border:2px solid #8fc31f;
}
.pro-page .prolist{
    width:88%;
    margin:0 auto;
    padding:50px 0 100px;
    background:url(../image/prodbg.png) no-repeat left bottom;
    background-color:#8fc31f;
    border:2px solid #8fc31f;
}
.pro-page .prolist ul{
    overflow: hidden;
    padding:0 20px;
}
.pro-page .prolist .n{
    display: block;
    border:1px solid transparent;
   
    color:#fff;
    font-size:14px;
    position: relative;
    height:46px;
    padding:0 10px;
    line-height:46px;

}
.pro-page .prolist li.actived .n{
    border:1px solid #fff;
    +border-top:1px solid #fff;
}
.pro-page .prolist .n i{
    display: inline-block;
    position:absolute;
    width:11px;
    height:11px;
    background:url(../image/proj.png) no-repeat 0 0;
    right:10px;
    top:15px;
}
.pro-page .prolist .pronav{
    display: none;
}
.pro-page .prolist .pronav a{
    color:#fff;
    display: block;
}
.pro-page .prolist .pronav a span{
    display: inline-block;
    width:30px;
    height:26px;
    vertical-align: middle;
}
.pro-page .prolist .pronav a.active span{
    background:url(../image/propoit.png) no-repeat 0 0;
}
.pro-page  .rt{
    width:73.8%;
    float:left;

}
.pro-page  .rt .pro-list li{
    width:33.33%;
    +width:33%;
    float:left;
}
.pro-page  .rt .pro-list li .con{
    margin:0 15px 15px 15px;
    border:1px solid #ebebeb;
    padding:60px 0 20px;
    color:#313131;
    position: relative;
}
.pro-page  .rt .pro-list li .con:hover{
    color:#8fc31f;
    border:1px solid #8fc31f;
}
.pro-page  .rt .pro-list li  .con .img{
    text-align: center;
}
.pro-page  .rt li .con .txt{
    padding:0 30px;
}
.pro-page  .rt li .con .xh{
    font-size:14px;
    padding-top:40px;
}
.pro-page  .rt li .con .mc{
    font-size:14px;
    padding-top:10px;
}
.pro-page  .rt li .con .sm{
    text-transform: uppercase;
}
.pro-page  .rt li .con a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}

.pro-detail{
    padding:20px 0 30px;
    overflow: hidden;
}
.pro-detail .rt-cons{
    padding:0 15px;
}
.pro-detail .con{
    border:1px solid #8fc31f;
    padding:30px;
    
}
.pro-detail .phone-prolist{
    margin:0;
}

.pro-detail .sp-image{
    height:121px!important;
    width:249px!important;
    margin:0 auto;
}
.pro-detail #example5{
    padding:0;
}
.pro-detail #example5 .sp-thumbnail-image-container{
    width:70px;
    height:50px;
    border:1px solid #e8e8e8;
}
.pro-detail #example5 .sp-thumbnail-image{
    width:100%;
    height:auto;
    margin-top:7px;
}
.pro-detail #example5 .sp-bottom-thumbnails .sp-thumbnail-container{
    margin-right:0;
}
.pro-detail .slider-pro{
    margin:0;
}
.pro-detail .sp-image-container{
    

}
.pro-detail .sp-slides-container{
    border: 1px solid #eee;
}
.pro-detail #example5 .sp-arrow{
    width:22px;
    height:36px;
}
.pro-detail #example5 .sp-previous-arrow{
    background:url(../image/pro-control.png) no-repeat left 0;
    left:0;
}
.pro-detail #example5 .sp-next-arrow{
    background:url(../image/pro-control.png) no-repeat right 0;
    right:0;
}


.gcshow{
    position:relative;
    border-top:1px #dedede solid;
    top:-1px;
    background: #fff;
    padding: 15px;
}
.orange{
    color:#ef8f38;
}
.syFocusThumb .prev {
    background:url(../image/prev.jpg) no-repeat left center;
}
.syFocusThumb .next {
    background:url(../image/prev.jpg) no-repeat right center;
}
.syFocusThumb {
    height:540px;
    overflow: hidden;
    position: relative;
    
    margin:0px auto 0;
}
.syFocusThumb .pagination {
    clear: both;
    color: #FFFFFF;
    height:100px;
    left: 0;
    position: absolute;
    text-align: left;
    bottom:0px;
    width:100%;
}
.syFocusThumb .pagination IMG {
}
.syFocusThumb .thumbWrap {
    overflow: hidden;
    position: absolute;
    top: 4px;
    width: 100%;
    left: 0;
}
.syFocusThumb .thumbWrap IMG {
}
.syFocusThumb .holder {
    width: 4000px;
}
.syFocusThumb .holder I {
    cursor: pointer;
    margin: 5px 9px 5px 0;
    border:1px solid #ebebeb;
}
.syFocusThumb .holder I.selected{
    border:1px solid #d8241d;
}
.syFocusThumb .prev,.syFocusThumb .next {
    display: block;
    position: absolute;
    width: 31px;
    height: 31px;
    top: 50%;
    margin-top: -300px;
    cursor: pointer;
}
.syFocusThumb .prev {
    background: url(../image/conbtn.png) no-repeat left 0;
    left: 0;
}
.syFocusThumb .next {
    background: url(../image/conbtn.png) no-repeat right 0;
    right: 0;
}
.syFocusThumb .pagination I IMG {
    
}
.syFocusThumb .pagination I.selected IMG {
    
}
.syFocusThumb .contentdiv {
    height:440px;
}

.syFocusThumb .contentdiv .media {
    
    margin-bottom:5px;
    text-align: center;
}
.syFocusThumb .mcon{
    overflow:hidden;
    width:690px;
}
.syFocusThumb .mcon .sbmedia{
    float:left;
    border:1px #dedede solid;
    margin-right:15px;
    width:355px;
    height:395px;
}
.syFocusThumb .mcon .info{
    float:left;
    width:318px;
}
.syFocusThumb .mcon .info th{
    background:#eee;
    border:1px #ccc solid;
    text-align:center;
    height:35px;
}
.syFocusThumb .mcon .info td{
    border:1px #ccc solid;
    height:35px;
    padding:0 5px;
}
.syFocusThumb .mcon .info .cs{
    margin-top:10px;
}

.pro-detail .pro-js{
    
}
.pro-detail .imgs{
    width:340px;
    overflow: hidden;
    float:left;
}
.pro-detail .js{
    width:456px;
    +width:455px;
    float:left;
    color:#959595;
    position: relative;
}
.pro-detail .js .ms{
    font-size:16px;
    color:#8fc31f;
}
.ptitle { font-size:22px;
    color:#8fc31f; text-align:center;}
.ptitle22 { font-size:13px;
    color:#ccc; margin-bottom:20px; text-align:center;}

.pro-detail .js .mc{
    font-size:16px;
}
.pro-detail .js .s{
    font-size:14px;
    color:#8fc31f;
    padding:10px 0 10px;
}
.pro-detail .js .sm{
    padding-bottom: 10px;
    border-bottom: 1px dotted #eee;
}
.pro-detail .js .txt{
    line-height:20px;
    height:100px;
    overflow: auto;
}
.pro-detail .js .href{
    padding-top:25px;
}
.pro-detail .js .href a{
    margin-right:20px;
    display: inline-block;
}
.pro-detail .js .num{
    position: absolute;
    width:200px;
    text-align: right;
    right:0;
    top:0;
    color:#595757;
}
.pro-detail .rt .img{
    padding-top:20px;
}
.pro-detail .return{
    padding:10px 0;
    text-align: right;
}
.pro-detail .return a{
    color:#595757;
    font-size:14px;
}

.about-ban{
    
}
.about-history .tit .one{
    color: #8fc31f;
}
.about-history .year{
    border:1px solid #8fc31f;
    height:40px;
}
.about-history .year .lf{
    float:left;
    width:120px;
    border-right:1px solid #8fc31f;
    line-height:40px;
    text-align: center;
    color:#434343;
    font-size:16px;
    position:relative;
}
.about-history .year .lf .up{
    display: block;
    position:absolute;
    right: 15px;
    top: 13px;
    width:7px;
    height:6px;
    background-image:url(../image/yearpoit.png) ;
    background-repeat: no-repeat;
    background-position:0 top ;
    

}
.about-history .year .lf .down{
    display: block;
    position:absolute;
    right: 15px;
    bottom: 13px;
    width:7px;
    height:6px;
    background-image:url(../image/yearpoit.png) ;
    background-repeat: no-repeat;
    background-position:0 bottom ;
}
.about-history .year .rt{
    width:calc(100% - 121px);
    width:1057px\9;
    float:left;
}
.about-history .year .bx-wrapper{
    margin:0 auto;
}
.about-history .year .bxslider li{
    height:40px;
    line-height:40px;
    text-align: center;
}
.about-history .year .bxslider li a{
    color:#a0a0a0;
    font-size:14px;
}
.about-history .year .bxslider li.selected a{
    color:#9ebc19;
    font-size:20px;
}
.about-history .bx-wrapper .bx-pager{
    display: none;
}
.about-history .bx-wrapper .bx-controls-direction a{
    width:9px;
    height:17px;
    margin-top:-9px;

}
.about-history .bx-wrapper .bx-prev{
    background:url(../image/y-control.png) no-repeat left 0;
    left:-25px;
}
.about-history .bx-wrapper .bx-next{
    background:url(../image/y-control.png) no-repeat right 0;
    right:-25px;
}
.centers {
    width: 1057px;
    margin: 0 auto;
}
.prosort{
    z-index: 10;
    width: 100%;
    position: relative;
}
.prosort .left {
    width:25px;
    float: left;
    cursor: pointer;
    background:url(../image/prev.jpg) no-repeat left 0;
    background-size:100%;
    height:40px;
}
.prosort .right {
    width:25px;
    float: right;
    cursor: pointer;
    background:url(../image/next.jpg) no-repeat left 0;
    background-size:100%;
    height:40px;
}
.prosort .procon {
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    width: calc(100% - 50px);
    width:1007px\9;
    margin-left: -1px;
    float: left;
    height: 40px;
}
.prosort .procon .list {
    position: relative;
}
.prosort li {
    float: left;
    width: 7.69%;
    line-height: 40px;
}
.prosort li a{
    color:#a0a0a0;
}
.prosort .selected a {
    
    color: #9ebc19;
    font-size: 20px;
}

.about-history .con{
    padding:20px 0 0 0;
}
.about-history .his-detail{
    width:50%;
    float:left;
}
.about-history .his-list{
    float:left;
    width:48%;
    margin-left:2%;
    overflow: hidden;
}
.about-history .his-list li{
    border-bottom: 1px solid #e5e5e5;
}
.about-history .his-list li a{

    display: block;
    font-size:14px;
    color:#7d7d7d;
    font-family: "����";
    height:44px;
    line-height:44px;
    overflow: hidden;
    width:430px;
}
.about-history .page{
    text-align: right;
}
.about-history  .his-detail .s{
    display: none;
}

.conpany .ccc>div{
    width: 4px!important;
    background:#a0a0a0!important;
    left:-2px!important;
}
.about-company .lf{
    width:40%;
    float:left;
}
.about-company .txt{
    color:#7d7d7d;
    font-size:14px;
    overflow: auto;
    width:57%;
    float:left;
    height:288px;
    margin-left:3%;
}
.about-company .txt .scon{
    width:96%;
}
.about-history .txt .y{
    display: inline-block;
    width:18px;
    height:16px;
    background:url(../image/about-culture.jpg) no-repeat left -3px;
    vertical-align: middle;
    margin-right:5px;
}
.about-history .txt .j{
    display: inline-block;
    width:15px;
    height:17px;
    background:url(../image/about-culture.jpg) no-repeat right -3px;
    vertical-align: middle;
    margin-right:5px;
}

.about-team .tp{
    text-align: center;
    
    margin:0 auto;
    color:#7d7d7d;
    padding-top:10px;
}
.about-team ul li{
    width:33.33%;
+width:33%;
    float:left;
}
.about-team ul li .img{
    margin:10px;
}
.about-team .bx-wrapper{
    margin:0 auto;
}
.about-team .bx-wrapper .bx-controls-direction a{
    width:13px;
    height:24px;
}
.about-team .bx-wrapper .bx-prev{
    opacity: 1!important;
    left: -30px;
    background: url(../image/controls.jpg) no-repeat left 0;
}
.about-team .bx-wrapper .bx-next{
    opacity: 1!important;
    right: -30px;
    background: url(../image/controls.jpg) no-repeat right 0;
}
.about-team .bx-wrapper .bx-pager{
    display: none;
}
.about-team .bx-wrapper .bx-viewport{
    left:0;
}
.about-team .txt .b{
    padding:15px;
    text-align: center;

}
.about-team .txt li .img{
    position:relative;
    color: #434343;
    background:#e5e5e5;
}
.about-team .txt li .img:hover{
    background: #8fc31f;
    color: #fff;
}
.about-team .txt li a{
    position:absolute;
    display: block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity: 0;
    background:#fff;
    filter:alpha(opacity=0);
}
.model-team #example5 .sp-caption-container{
    background:none;
    position: absolute;
    left: 15px;
    top:auto;
    bottom: 10px;
    width: calc(100% - 55px);
    +width:100%;
    padding: 10px 0 10px 25px;
    color: #535353;
    font-size: 14px;
    text-align: center;
}
.model-team #example5{
    padding: 15px 15px 60px;
}

.map{
    height:603px;
}
.contact-page .address{
    border:1px solid #e5e5e5;
    padding:40px 60px;
}
.contact-page .address .bt{
    color:#8fc31f;
    font-size:18px;
    padding-bottom:20px;
}
.contact-page .address .con{
    
    overflow: hidden;
}
.contact-page .address .g{
    width:300px;
    overflow: hidden;
    color:#7d7d7d;
    float:left;
}
.contact-page .address .g .mc{
    height:24px;
    overflow: hidden;
    font-size:14px;
}
.contact-page .address .g .dz{
    height:48px;
    overflow: hidden;
}
.contact-page .address .g .ph span{
    width:13px;
    height:24px;
    display: inline-block;
    vertical-align: middle;
    background:url(../image/contact.jpg) no-repeat left 7px;
    margin-right:8px;
}
.contact-page .address .g .fx span{
    width:13px;
    height:24px;
    display: inline-block;
    vertical-align: middle;
    background:url(../image/contact.jpg) no-repeat left -18px;
    margin-right:8px;
}
.contact-page .address .g .mp{
    height:26px;
}
.contact-page .address .g .mp span{
    width:13px;
    height:24px;
    display: inline-block;
    vertical-align: middle;
    background:url(../image/contact.jpg) no-repeat left -48px;
    margin-right:8px;

}
.contact-page .address .g .mp a{
    display: inline-block;
    border:1px solid #8fc31f;
    +border:1px solid #8fc31f;
    color:#8fc31f;
    padding:3px;
    line-height:18px;
    height:18px;
    vertical-align: middle;

}
.contact-page .address .line{
    width:1px;
    height:140px;
    background:#cccccc;
    margin: 10px 120px 0;
    float:left;
}
.contact-page .address .wx{
    float:right;
}
.contact .tit{
    text-align: center;
    font-size:24px;
    color:#8fc31f;
    padding:40px 0 10px;
}
.contact .sm{
    text-align: center;
    color:#7d7d7d;
    padding-bottom: 40px;

}
.contact .lf{
    width:48%;
    overflow: hidden;
    float:left;
}
.contact .lf .g{
    border:1px solid #cccccc;
    margin-bottom: 20px;
    position: relative;
}
.contact .name{
    color: #808080;
    font-family: "����";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    top: 0px;
    font-size: 12px;
    left: 10px;
    text-transform: uppercase;
}
.contact .lf .g .a{
    padding-left:10px;
    width:calc(100% - 10px);
    display: block;
    height:40px;
    line-height:40px;
    border:none;

}
.contact .reset{
    width:275px;
    height:42px;
    line-height:42px;
    text-align: center;
    color:#fff;
    font-size:16px;
    float:left;
    background:#8fc31f;
    border:none;
    cursor: pointer;
}
.contact .btns{
    display: none;
}

.contact .sub{
    width:275px;
    height:42px;
    line-height:42px;
    text-align: center;
    color:#fff;
    font-size:16px;
    float:right;
    background:#3e3835;
    border:none;
    cursor: pointer;
}
.contact .rt{
    width:calc(47.5% - 2px);
    float:left;
    margin-left:4.5%;
    height:226px;
    border:1px solid #cccccc;
    position: relative;
}

.contact .rt textarea{
    display: block;
    padding-left:10px;
    width:calc(100% - 12px);
    height:210px;
    padding-top:12px;
    border:none;
}


.talent-ban{
    
}
.talent-center .con .img{
    float:left;
    width:39%;
}
.talent-center .con .txt{
    width:55%;
    float:left;
    margin-top:35px;
    margin-left:6%;
}
.talent-center  .bt{
    color:#8fc31f;
    font-size:18px;
    font-weight: bold;
    padding-left:30px;
}
.talent-center .con .txt .t{
    color:#a0a0a0;
    margin:15px 0 43px;
}
.talent-center .con .txt .j{
    width:100px;
    height:38px;
    display: block;
    text-align: center;
    line-height:38px;
    border-radius: 20px;
    color:#8fc31f;
    border:1px solid #8fc31f;
}
.talent-center .line{
    height:1px;
    background:#e5e5e5;
    margin:44px 0 24px;
}
.talent-center .talent-list{
    max-width:1230px;
    margin:0 auto;
    overflow: hidden;
}
.talent-center .talent-list li{
    width:25%;
    +width:24.9%;
    float:left;
}
.talent-center .talent-list li .scon{
    margin:25px;
    border:1px solid #eaeaea;
    padding:20px;
    color:#a0a0a0;
    overflow: hidden;
    position: relative;
}
.talent-center .talent-list li .zw{
    font-size:16px;

}
.talent-center .talent-list li .zw span{
    color:#8fc31f;
}
.talent-center .talent-list li  .lines{
    height:7px;
    background:url(../image/talent-line.png) no-repeat 0 0;
    margin: 10px auto 17px;
}
.talent-center .talent-list li  .txt{
    height:170px;
    overflow: hidden;
}
.talent-center .talent-list li .more{
    width:94px;
    height:31px;
    background:url(../image/talent-more.png) no-repeat left 0;
    float:right;
    margin-top:20px;
}
.talent-center .talent-list li a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}
.talent-center .talent-list li .scon:hover{
    background:#8fc31f;
    color:#fff;
}
.talent-center .talent-list li .scon:hover .zw span{
    color:#fff;
}
.talent-center .talent-list li .scon:hover .more{
    background:url(../image/talent-more.png) no-repeat right 0;
}

.talent-center .talent-list .ctxt{
    color:#7d7d7d;
    padding:35px;
    border:1px solid #e5e5e5;
    margin:20px 0 25px;
}
.talent-center .talent-list .ctxt .zc{
    color:#8fc31f;
    font-size:18px;
    padding-bottom: 15px;
}
.talent-center .talent-list .ctxt .g .n{
    display: inline-block;
    width:100px;
    margin-right:15px;
}
.talent-center .talent-list .ctxt .ck{
    background:#8fc31f;
    padding:12px 27px;
    color:#fff;
    display: inline-block;
}
.talent-center .talent-list .return{
    display: block;
    width:120px;
    height:38px;
    background: url(../image/talent-fh.jpg) no-repeat left 0;
    float:right;
    background-size:100%;
}

.talent-center table{
    border-color:#efefef;
    border:none;
}

.talent-center .g{
    overflow: hidden;
}
.talent-center .g .a{
    display: inline-block;
    width:11.11%;
    height:50px;
    position:relative;
    font-size:15px;
    float:left;
}
.talent-center .g .a .scon{
    border-left:1px solid #e5e5e5;
    border-top:1px solid #e5e5e5;
    height:48px;
    padding-left:40px;
    line-height: 48px;
    color:#434343;
    position:relative;
}

.talent-center .g .last .scon{
    border-right:1px solid #e5e5e5;
}
.talent-center .g .b .scon input{
    display: block;
    border:none;
    height:48px;
    line-height:48px;
    width:100%;
    +height:44px;
    +line-height:44px;
}
.talent-center .g .b .scon .djs{
    position:absolute;
    width:13px;
    height:10px;
    background:url(../image/upd.jpg) no-repeat 0 0;
    background-size:100%;
    right:6px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.talent-center .g .b .scon select{
    width:100%;
    display: block;
    height:48px;
    border:none;
    color:#434343;
    font-size:15px;
    background:transparent;
    position:relative;
    
}
.talent-center .g .b{
    width:22.22%;
}
.talent-center .g .a span{
    position: absolute;
    display: inline-block;
    width:30px;
    text-align: right;
    height:50px;
    line-height:50px;
    color:#e60012;
    left:0;
    top:2px;
}
.talent-center .g .c{
    height:230px;

}
.talent-center .g .c .scon{
    height:228px;
    line-height:228px;
}
.talent-center .g .d{
    width:88.88%;
}
.talent-center .g .d textarea{
    width: 1000px;
    height:220px;
    border:none;
}
.talent-center .btn{
    border:1px solid #efefef;
    padding:  20px 0;
}
.talent-center .btn input{
    width:184px;
    height:43px;
    background:#8fc31f;
    text-align: center;
    line-height:43px;
    display: block;
    margin:0 auto;
    font-size:14px;
    color:#fff;
    border:none;
    cursor: pointer;
}

.news-ban{
    
}
.newsg ul{
    width:210px;
    margin: 0 auto;
    overflow: hidden;
}
.newsg li{
    width:60px;
    float:left;
    margin-right:15px;
    position: relative;

}
.newsg li.last{
    margin-right:0px;
}
.newsg li .s{
    color:#959595;
    font-size:14px;
    width:60px;

}
.newsg li .sline{
    width:25px;
    height:2px;
    background:transparent;
    margin:5px auto;
}
.newsg li a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}
.newsg li.select .s{
    color:#8fc31f;
}
.newsg li.select .sline{
    background:#8fc31f;
}
.news-page .newslist ul{
    overflow: hidden;
}
.news-page .newslist li{

    padding:0 0 10px 10px;

    position: relative;
    overflow: hidden;
}
.news-page .newslist li .cons{
    padding:10px;
    background:#f7f7f7;
}
.news-page .newslist li a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#fff;
    opacity: 0;
    filter:alpha(opacity=0);
}
.news-page .newslist .img{
    width:15.5%;
    float:left;
}
.news-page .newslist .con{
    width:77.5%;
    float:left;
    margin-left:2%;
}
.news-page .newslist .con .bt{
    color:#626262;
    font-weight: bold;
    font-size:16px;
    padding:15px 0 5px;
    height:24px;
    overflow: hidden;
}
.news-page .newslist .con .txt{
    font-size:14px;
    color:#898989;
    height:48px;
    overflow: hidden;
}
.news-page .newslist .con .more{
    color:#8fc31f;
    padding-top:5px;
}
.news-page .newslist li:hover .con .bt{
    color:#8fc31f;
}
.news-page .newslist li .time{
    width:67px;
    overflow: hidden;
    
    background:url(../image/lbg.png);
    color:#fff;
    position: absolute;
    left:0px;
    top:20px;
}
.news-page .newslist li .d{
    font-size:23px;
    text-align: center;
    padding:5px 0
}
.news-page .newslist li .y{
    text-align: center;
    padding-bottom:5px ;
}

.news-detail .tit .bt{
    color:#9ebc19;
    font-size:20px;
    float:left;
}
.news-detail .tit .time{
    color:#959595;
    float:right;
}
.news-detail .line{
    height:1px;
    background:#d2d2d2;
    margin:25px 0;
}
.news-detail .txt{
    color:#a0a0a0;
    font-size:12px;
}
.news-detail{
    overflow: hidden;
}
.news-detail .lf{
    float:left;
    overflow:hidden;
}
.news-detail .lf a{
    color:#666666;
    display: block;
    text-align: left;
}
.news-detail .lf a:hover{
    color:#8fc31f;
}
.news-detail .lf a span{
    color:#b2b2b2;
    margin-right:10px;
}
.news-detail .rt{
    width:120px;
    height:35px;
    border:1px solid #8fc31f;
    border-radius: 20px;
    float:right;
    color:#8fc31f;
    text-align: center;
    line-height:35px;
}

.network-page .quyu{
    width:210px;
    border:1px solid #8fc31f;
    margin: 0 auto;
    overflow: hidden;
}
.network-page .quyu a{
    display: inline-block;
    width:105px;
    height:32px;
    color:#8fc31f;
    text-align: center;
    line-height: 32px;
    float:left;
}
.network-page .quyu a.active{
    color:#fff;
    background:#8fc31f;
}
.network-page .con .img{
    text-align: center;
    display: none;
}
.network-page .con .img.show{
    display: block;
}

.honor-page .tit .one{
    color:#8fc31f;
}

.honer-img{
    
    text-align: center;
}
.container{
    max-width: 1180px;
    margin: 0 auto;
}
.slyWrap .controls { margin: 20px 0 ; }

.controls { text-align: center; }

.sly { overflow: hidden; }
.sly > ul { list-style: none; margin: 0; padding: 0; }
.sly > ul li { position: relative; margin: 0; padding: 0;  text-align: center; cursor: pointer; }
.sly > ul li.active { 
}

.pages { list-style: none; margin: 20px 0; padding: 0; text-align: center; }
.pages li { display: inline-block; width: 11px; height: 11px; margin: 0 2px; text-indent: -999px; background: #fff; border-radius: 10px; cursor: pointer;
    overflow: hidden; border: 1px solid #aaa;
}
.pages li:hover { background: #eee; }
.pages li.active { background: #999; border-color: #888; box-shadow: inset 0 0 0 2px #eee; }


.scrollbar .handle { background: #8fc31f; cursor: pointer;
}


#horizontal .slyWrap { padding: 15px 0; }

#horizontal .scrollbar { background: #e5e5e5; height:1px;margin:45px 0}
#horizontal .scrollbar .handle {
    height: 3px;
    top: -1px;
    width: 50px!important;
    left: 50%!important;
    margin-left: -25px!important;
}

#horizontal .example1 .sly { height: 105px; }
#horizontal .example1 .sly ul { height: 100%; }
#horizontal .example1 .sly ul li { float: left; width:236px; height: 100%; margin: 0 0 0 0; }
.example1{
    position: relative;
}
.example1 .btn{
    width:30px;
    height:30px;
    position: absolute;
    top:50%;
    margin-top:17px;
    border:none;
}
.example1 .prevPage{
    background:url(../image/ho-control.png) no-repeat left 0;
    left:-10px;
    cursor: pointer;
}
.example1 .nextPage{
    background:url(../image/ho-control.png) no-repeat right 0;
    right:-10px;
    cursor: pointer;
}

.sp-arrow:after{
  background: transparent; 
}
.sp-arrow:before{
  background: transparent; 
}
 .sp-horizontal.sp-rtl .sp-previous-arrow, .sp-next-arrow {
     -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
     transform: rotate(0deg);
}
 
.model-gzh{
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin: -200px 0 0 -200px;
    position: fixed;
    top: 50%;
    width: 360px;
    overflow: hidden;
}
.model-gzh .top{
    border-bottom: 1px solid #EEEEEE;
    padding: 9px 15px;
    overflow: hidden;
    line-height: 30px;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
}
.model-gzh .closed{
    text-decoration: none;
    margin-top: 2px;
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}
.model-gzh .mid{
    text-align: center;
    padding:20px 0;
}
.model-gzh .botm{
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF inset;
    padding:10px 10px 30px 10px;
    font-size: 12px;
}
.index-case .bx-wrapper .bx-loading{
    display:none;
}
.monav {
    background: #8fc31f;
    
    position: absolute;
    top: 133px;
    left: 0;
    right: 0;
    font-family: 微软雅黑;
    display: none;
    z-index: 5000;
}
.monav .title{
    border-bottom: 1px solid #eee;
}
.monav .title:last-child{
    border-bottom: none;
}
.monav .title .t{
    color:#fff;
    display: block;
    text-align: center;
    padding:5px 0;
    font-size:14px;
}
.monav .title .nav{
    display: none;
}
.monav .title .n a{
    display: block;
    color:#fff;
    font-size:12px;
    text-align: center;
}
.model-team.s4-list .close{
    right: -65px;
}
.model-team.s4  #example5{
    padding:15px;
}
.model-team #example5 .sp-bottom-thumbnails.sp-has-pointer{
    opacity: 0;
    height:0;
}
.btns a{
    margin:0 0 0 10px;
}
.swiper-button-next, .swiper-button-prev{
    position:static;
    left:auto;
    top:auto;
    background:none;
    margin-top:0;
    right:auto;
}

.phone-prolist{
    display: none;
    font-size:12px;
    margin:0 5px;
}
.phone-prolist .head{
    position:relative;

}
.phone-prolist .head .t{
    display: block;
    padding:5px 10px;
    color:#8fc31f;
    border:1px solid #8fc31f;
}
.phone-prolist .lists{
    position:absolute;
    width:calc(100% - 22px);
    border:1px solid #8fc31f;
    border-top:none;
    padding:5px 10px;
    background:#fff;
    z-index:100;
    display: none;
}
.phone-prolist .lists a{
    display: block;
    color:#a0a0a0;
}
.phone-prolist .up{
    position:absolute;
    width:15px;
    height:10px;
    background:url(../image/upl.jpg) no-repeat 0 0;
    background-size:100%;
    top:50%;
    right:10px;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%) ;
}
.pro-nav{
    overflow: hidden;
    height:40px;
}
.pro-nav ul{
    overflow: hidden;
    width:calc(100% - 30px);
    float:left;
}
.pro-nav ul li{
    float:left;
    width:33.33%;
}
.pro-nav li a{
    display: block;
    margin:5px 10px 5px 0;
    border:1px solid #e5e5e5;
    color:#a0a0a0;
    text-align: center;
    padding:2px 5px;
}
.pro-nav li.active a{
    border-color:#8fc31f;
}
.pro-nav .add{
    width:28px;
    height:28px;
    border:1px solid #e5e5e5;
    float:left;
    margin-top:5px;
    background:url(../image/add.jpg) no-repeat 0 0;
    background-size:100%;
    
    font-size: 20px;
}
.model-s{
    position: fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:none;
}
.banners{
    height:auto;
}
.about-history{
    color:#959595;
}