html{
    min-width: 1210px;
}
.wrap{
    width: 1200px;
    margin: 0 auto;
}

.header-content{
    border-bottom: 1px solid #259BE5;
    z-index: 99;
}
.header-content .wrap{
    position: relative;
}
.header-logo{
    float: left;
}
.header-shop{
    float: right;
}
.header-shop a{
    display: inline-block;
    height: 100px;
    line-height: 100px;
    padding-left: 26px;
    background: url("header-shop.png") no-repeat left center;
    font-size: 16px;
    color: #666666;
}
.header-phone{
    float: right;
    margin-right: 24px;
}
.header-phone p{
    font-size: 16px;
    height: 100px;
    line-height: 100px;
        color: #259BE5;
    font-weight: bold;
}
.header-phone p span{
    font-weight: bold;
}


.nav{
    float: right;
    margin-right: 18px;
}
.nav ul{
    list-style: none;
}
.nav-list{
    float: left;
}
.nav-a{
    display: block;
    padding: 0 20px;
    height: 100px;
    line-height: 100px;
    font-size: 16px;
    color: #333333;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.nav-list:hover .nav-a{
    background-color: #259BE5;
    color: #fff;
}
.nav-dark1{
    position: absolute;
    top: 100px;
    width: 170px;
    background: url("nav-dark-bg.png");
    display: none;
    z-index: 99;
}
.nst5 .nav-dark1{
    left: auto;
    right: 0;
}
.nst6 .nav-dark1{
    left: auto;
    right: 0;
}
.nst7 .nav-dark1{
    left: auto;
    right: 0;
}

.nav-dark-left{
    float: left;
	
    width: 140px;
    margin-left:16px;
}
.nav-dark-left p{
    position: relative;
    border-top: 1px dashed #b5b5b5;
}
.nav-dark-left p:first-child{
    border-top: none;
}
.nav-dark-left p a{
    display: inline-block;
    padding:14px 0;
    padding-left: 28px;
    font-size: 16px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: none;
}
.nav-dark-left p i{
    position: absolute;
    left: 12px;
    top: 0;
    display: inline-block;
    height: 40px;
    width: 7px;
    background: url("nav-p-arrow.png") no-repeat left center;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.nav-dark-left p a:hover i{
    opacity: 1;
}
.nav-dark-left p a:hover{
    color: #259BE5;
}
.nav-dark-right{
    float: right;
    margin-right: 58px;
    overflow: hidden;
}
.nav-dark-right img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.nav-dark-right:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}






/*首页banner*/
.index-banner .slideBox{ width: 100%; height:550px; overflow:hidden; position: relative;}
/*分页器样式*/
.index-banner .slideBox .hd{  overflow:hidden;width: 1200px; position:absolute; left: 50%;margin-left: -600px; bottom:90px; z-index:1;text-align: right; }
.index-banner .slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center;
    /*position: absolute;top: 0;left: 50%;transform: translateX(-50%);  */
}
.index-banner .slideBox .hd ul li{ display: inline-block; margin: 0 8px;  width:12px; height:12px; text-align:center; background:#fff; cursor:pointer; border-radius: 100%}
.index-banner .slideBox .hd ul li.on{ background:#1166a7; color:#fff; }

/*主体样式*/
.index-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.index-banner .slideBox .bd li{ zoom:1; position: relative;height: 550px; }
.index-banner .slideBox .bd img{width: 100%;}

/*前后按钮样式*/
.index-banner-btn{
    position: absolute;
    left: 50%;
    top: 0;
    width: 1200px;
    margin-left: -600px;
}
.index-banner .slideBox .prev,
.index-banner .slideBox .next{ position:absolute; left:-32px; top:250px; margin-top:-23px; display:block; width:32px; height:64px;   }
.index-banner .slideBox .next{ left: auto;right: -32px;background: url("index-next.png") no-repeat;}

.index-banner .slideBox .prev{background: url("index-prev.png") no-repeat;}


/*.slideBox .prev:hover,*/
/*.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }*/
.index-banner .slideBox .prevStop{ display:none;  }
.index-banner .slideBox .nextStop{ display:none;  }


.index-banner .slideBox .hd .pageState{
    color: white;
    font-size: 14px;
    margin-right: 80px;
    padding-left: 32px;
    background: url("banner-page-line.png") no-repeat left 4px;
}
.index-banner .slideBox .hd .pageState span{
    font-size: 30px;
}


.index-sj{
    padding-top: 38px;
    padding-bottom: 34px;
}
.index-sj-box{
    float: left;
}
.index-sj .index-sj-box:nth-child(2){
    float: right;
}
.index-sj-img{
    overflow: hidden;
}
.index-sj-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.index-sj-img:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.index-sj-p{
    border: 1px solid #ebebeb;
}
.index-sj-p-c{
    width: 540px;
    margin: 0 auto;
}
.index-sj-p-c h3{
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    font-weight: normal;
    padding-left: 12px;
}
.index-sj-pa a{
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #666666;
    margin: 12px 20px 0;
}
.index-sj-pa a:hover{
    color: #90c42f;
}

.index-product{
    background-color: #fbfbfb;
    padding-bottom: 42px;
}
.index-title{
    background: url("index-title-bg.png") no-repeat center 54px;
    padding-top: 34px;
    text-align: center;
}
.index-title h3{
    font-size: 28px;
    color: #333333;
    font-weight: normal;
}
.index-title p{
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    margin-top: 6px;
}
.index-product-nav{
    width: 570px;
    margin: 0 auto;
    padding-top: 10px;
}
.ip-nav-box{
    display: inline-block;
    margin-left: 24px;
    cursor: pointer;
    margin-top: 20px;
}
.ip-nav-box-line{
    width: 50px;
    height: 1px;
    background-color: #c9c9c9;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ip-nav-box.on .ip-nav-box-line{
    background-color: #90c42f;
    width: 100%;
}
.ip-nav-box:hover .ip-nav-box-line{
    background-color: #90c42f;
    width: 100%;
}
.ip-nav-box-a{
    height: 43px;
    line-height: 43px;
    border: 1px solid #c9c9c9;
    font-size: 16px;
    padding: 0 16px;
    margin-top: 10px;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ip-nav-box.on .ip-nav-box-a{
    background-color: #90c42f;
    color: white;
    border: 1px solid #90c42f;
}
.ip-nav-box:hover .ip-nav-box-a{
    background-color: #90c42f;
    color: white;
    border: 1px solid #90c42f;
}
.ip-content{
    padding-top: 14px;
}
.ipb{
    display: none;
}
.ipb-box{
    position: relative;
    float: left;
    margin-top: 16px;
    width: 288px;
    height: 368px;
    margin-left: 15px;
}
.ipb .ipb-box:nth-child(4n+1){
    margin-left: 0;
}
.ipb1-p{
    height: 368px;
    background-color: #f5f5f5;
    padding: 0 36px;
}
.ipb1-p h3{
    padding-top: 80px;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
}
.ipb1-p p{
    font-size: 16px;
    line-height: 30px;
    max-height: 120px;
    color: #999999;
    margin-top: 22px;
    overflow: hidden;
}
.ipb1-more{
    margin-top: 44px;
    font-size: 14px;
    color: #cccccc;
}
.ipb-box-p{
    border: 1px solid #f5f5f5;
    height: 78px;
    background-color: white;
    text-align: center;
}
.ipb-box-p h4{
    font-size: 20px;
    font-weight: normal;
    padding-top: 16px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ipb-box:hover .ipb-box-p h4{
    color: #78ab19;
}
.ipb-box-p p{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 18px;
    margin-top: 8px;
}
.ipb-box:hover .ipb-box-p p{
    color: #78ab19;
}
.ipb-box-dark{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 288px;
    overflow: hidden;
}
.ipb-box-dark-p{
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 120px;
    line-height: 120px;
    background: url("bg-green90.png");
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	  z-index: 2;
}
.ipb-box:hover .ipb-box-dark-p{
    top: 0;
}
.ipb-box-dark-pc{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding: 0 30px;
    text-align: center;
}
.ipb-box-dark-img{
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ipb-box:hover .ipb-box-dark-img{
    bottom: 0;
}


.index-news{
    padding-bottom: 30px;
}
.index-news .ip-nav-box-a{
    padding: 0 40px;
}
.index-news .index-product-nav{
    width:350px;
}
.in-content{
    margin-top: 30px;
}
.inc-swiper{
    position: relative;
    float: left;
    overflow: hidden;
}
.inc-swiper .swiper-container{
    width: 590px;
    height: 400px;
    position: relative;
}
.inc-swiper .swiper-slide{
    position: relative;
}
.inc{
    position: relative;
    height: 430px;
}
.inc-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background-color: #fff;
}
.inc-box-p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background: url("bg-black50.png");
    z-index: 2;
}
.inc-box-img{
    overflow: hidden;
}
.inc-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*.inc-swiper:hover .swiper-slide .inc-box-img img{*/
    /*transform: scale(1.1);*/
/*}*/
.inc-box-time{
    float: left;
    width: 104px;
    height: 80px;
    margin-top: 24px;
    text-align: center;
    border-right: 1px solid #86948f;
}
.inc-box-time h4{
    font-size: 50px;
    color: white;
}
.inc-box-time p{
    font-size: 14px;
    color: white;
    margin-top: 10px;
}
.inc-box-pm{
    float: left;
    width: 450px;
    margin-left: 18px;
    margin-top: 31px;
}
.inc-box-pm h4{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.inc-box-pm p{
    font-size: 14px;
    color: #f3f3f3;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    opacity: 0.3;
    margin-top: 10px;
}
.inc-swiper-prev{
    position: absolute;
    top: 150px;
    left: 18px;
    width: 50px;
    height: 80px;
    background: url("inc-prev.png") no-repeat center center;
    cursor: pointer;
    z-index: 11;
    opacity: 0.5;
}
.inc-swiper-next{
    position: absolute;
    top: 150px;
    right: 18px;
    width: 50px;
    height: 80px;
    background: url("inc-next.png") no-repeat center center;
    cursor: pointer;
    z-index: 11;
    opacity: 0.5;
}
.inc-news{
    float: right;
    width: 590px;
}
.inc-news-list{
    border: 1px solid #eeeeee;
    height: 119px;
    margin-top: 18px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.inc-news-list:hover{
    background-color: #259be5;
}
.inc-news .inc-news-list:first-child{
    margin-top: 0;
}
.inc-news-date{
    float: left;
    width: 104px;
    height: 76px;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    margin-top: 22px;
}
.inc-news-list:hover .inc-news-date{
    border-right: 1px solid #d4dfbf;
}
.inc-news-date h4{
    font-size: 50px;
    color: #666666;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.inc-news-list:hover .inc-news-date h4{
    color: #fff;
}
.inc-news-date p{
    font-size: 14px;
    color: #999999;
    margin-top: 6px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.inc-news-list:hover .inc-news-date p{
    color: #fff;
}
.inc-news-p{
    float: left;
    width: 450px;
    margin-left: 16px;
    margin-top: 26px;
}
.inc-news-p h4{
    font-size: 18px;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.inc-news-list:hover .inc-news-p h4{
    color: #fff;
}
.inc-news-p p{
    font-size: 14px;
    color: #bbbbbb;
    line-height: 20px;
    margin-top: 12px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.inc-news-list:hover .inc-news-p p{
    color: #9ad728;
}
.index-about{
    padding-bottom: 80px;
    background-color: #fbfbfb;
}
.index-about-content{
    margin-top: 24px;
}
.index-about-p{
    float: left;
    margin-top: 20px;
    width: 554px;
}
.index-about-p p{
    font-size: 16px;
    line-height: 36px;
    color: #666666;
}
.index-about-more{
    width: 120px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #999999;
    margin-top: 20px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}
.index-about-right{
    position: relative;
    float: right;
}
.index-about-video{
    float: right;
    width: 520px;
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.index-about-video-dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 520px;
    height: 290px;
}
.index-about-video-fra{
    position: absolute;
    top: 40px;
    right: 110px;
    width: 450px;
    height: 280px;
    background: url("video-fra.png") no-repeat;
}
.footer-top{
    height: 480px;
    background: url("footer-bg.jpg") no-repeat center center;
    background-size: cover;
}
.footer-psj{
    padding-top: 44px;
    padding-bottom: 34px;
    border-bottom: 1px solid #0081a7;
}
.footer-psj-box{
    width: 288px;
    float: left;
    height: 100px;
    border-left:1px solid #61bbf3;
    border-right:1px solid #0081a7;
    text-align: center;
}
.footer-psj .footer-psj-box:first-child{
    border-left: none;
}
.footer-psj .footer-psj-box:last-child{
    border-right: none;
}
.footer-psj-icon{
    width: 80px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    vertical-align: middle;
}
.footer-psj-box p{
    font-size: 16px;
    color: #fff;
    margin-top: 4px;
}
.footer-contact{
    border-top: 1px solid #61bbf3;
    padding-top: 40px;
}
.footer-link{
    float: left;
}
.footer-link-box{
    float: left;
    width: 146px;
    height: 200px;
    border-right: 1px solid #83b22b;
}
.footer-link .footer-link-box:first-child{
    width: 110px;
    padding-left: 4px;
}
.footer-link .footer-link-box:first-child h4{
    padding-left: 0;
}
.footer-link .footer-link-box:first-child p{
    padding-left: 2px;
}
.footer-link-box h4{
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding-left: 32px;
    padding-bottom: 8px;
}
.footer-link-box p{
    padding-left: 34px;
    font-size: 14px;
    color: #fff;
    margin-top: 8px;
    max-width: 92px;
}
.footer-link-box p a{
    display: inline-block;
    color: white;
    line-height: 18px;
}
.footer-info{
    float: left;
    width: 236px;
    margin-left: 64px;
}
.footer-info-phone h4{
    font-size: 30px;
    color: #fff;
}
.footer-info-phone p{
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}
.footer-info-jd{
    margin-top: 20px;
}
.footer-info-address{
    padding-left: 34px;
    background: url("footer-address.png") no-repeat 4px center;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 6px;
}
.footer-code{
    float: right;
}
.footer-code-box{
    float: left;
    text-align: center;
    margin-right: 22px;
    margin-top: 4px;
}
.footer-code-box p{
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin-top: 12px;
}
.footer-bot{
    background-color: #000;
    padding-bottom: 28px;
}
.footer-logo{
    float: left;
    margin-top: 26px;
}
.footer-sup{
    float: left;
    margin-top: 22px;
	max-width:1200px;
	overflow:hidden
}
.footer-friend p{
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #999999;
}
.footer-select-box{
    position: relative;
    float: left;
    width: 160px;
}
.footer-select-arrow{
    position: absolute;
    top: 14px;
    right: 16px;
    width: 7px;
    height: 4px;
    background: url("fs-arrow.png") no-repeat;
}
.footer-select-box select{
    -webkit-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 160px;
    height: 30px;
    border: 1px solid #333333;
    color: #b9b9b9;
    background: none;
    padding: 0 14px;
}
.footer-select-box select::-ms-expand { display: none; }
.footer-fw{
    margin-top: 12px;
}
.footer-fw p{
    opacity: 0.3;
    color: #fff;
}
.footer-fw p a{
    color: #fff;
}


.inner-nav{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("bg-black50.png");
    padding-bottom: 14px;
    z-index: 11;
}
.inner-nav a{
    display: inline-block;
    float: left;
    height: 24px;
    line-height: 23px;
    padding: 0 26px;
    font-size: 16px;
    color: #fff;
    border-left: 1px solid #8e969c;
    margin-top: 14px;
    /*transition: all 0.5s ease;*/
}
.inner-nav a:hover{
    color: #90c42f;
}
.inner-nav a.on{
    color: #90c42f;
}
.inner-nav a:first-child{
    border-left: none;
}
.bread-nav{
    padding-top: 18px;
}
.bread-nav .wrap{
    padding-bottom: 20px;
    border-bottom: 1px solid #f6f6f6;
}
.bread-nav a{
    display: inline-block;
    color: #999999;
    line-height: 20px;
}
.bread-nav{
    color: #999999;
    line-height: 20px;
}
.bread-nav .bread-house{
    float: left;
    display: inline-block;
    color: #999999;
    padding-left: 26px;
    background: url("house.png") no-repeat left 2px;
    line-height: 20px;
}
.bread-nav em{
    font-style: normal;
    float: left;
    display: inline-block;
    color: #999999;
    line-height: 20px;
    margin: 0 4px;
}
.about-profile{
    padding-bottom: 30px;
}
.about-profile-content{
    margin-top: 48px;
}
.about-profile-p{
    float: left;
    width: 610px;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    text-indent: 2em;
}
.about-profile-swiper{
    position: relative;
    width: 550px;
    float: right;
}
.about-profile-swiper .swiper-container{
    width: 550px;
    height: 280px;
    position: relative;
}
.profile-prev{
    position: absolute;
    top: 128px;
    left: 0;
    width: 40px;
    height: 25px;
    background: url("profile-prev.png") no-repeat;
    z-index: 11;
    cursor: pointer;
}
.profile-next{
    position: absolute;
    top: 128px;
    right: 0;
    width: 40px;
    height: 25px;
    background: url("profile-next.png") no-repeat;
    z-index: 11;
    cursor: pointer;
}
.about-phi{
    background-color: #fbfbfb;
    padding-bottom: 50px;
}
.about-phi-content{
    padding-top: 46px;
}
.about-phi-box{
    float: left;
    width: 382px;
    height: 200px;
    border: 1px solid #fff;
    margin-left: 22px;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-phi-box:hover{
    border: 1px solid #259be5;
}
.about-phi-content .about-phi-box:first-child{
    margin-left: 0;
}
.about-phi-box h3{
    font-size: 24px;
    color: #222222;
    font-weight: normal;
    margin-top: 66px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-phi-box:hover h3{
    color: #259be5;
}

.about-phi-line{
    background-color: #999999;
    height: 1px;
    width: 30px;
    margin: 14px auto 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-phi-box:hover .about-phi-line{
    background-color: #259be5;
}
.about-phi-box p{
    font-size: 14px;
    color: #777777;
    line-height: 24px;
    width: 284px;
    margin: 8px auto 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-phi-box:hover p{
    color: #259be5;
}
.about-goal{
    padding-bottom: 50px;
}
.about-goal-content{
    padding-top: 40px;
}
.about-goal-box{
    float: left;
    position: relative;
    margin-left: 20px;
    overflow: hidden;
}
.about-goal-box-img{
    overflow: hidden;
}
.about-goal-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-goal-box:hover .about-goal-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.about-goal-content .about-goal-box:first-child{
    margin-left: 0;
}
.about-goal-box-dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("bg-black70.png");
    z-index: 2;
}
.agb-c{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.agb-title{
    margin-top: 50px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}
.agb-title p{
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 24px;
    color: white;
    width: 146px;
}
.agb-line{
    width: 30px;
    margin: 20px auto 0;
    height: 1px;
    background-color: #fff;
}
.agb-p{
    margin-top: 20px;
    text-align: center;
}
.agb-p p{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}
.about-develop{
    background-color: #fbfbfb;
    padding-bottom: 64px;
}

.about-video{
    padding-bottom: 34px;
}
.avc-box{
    position: relative;
    float: left;
    margin-top: 38px;
    cursor: pointer;
}
.avc-box-dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("about-video-dark.png") no-repeat;
}
.about-video-content .avc-box:nth-child(2){
    float: right;
}
.about-video-more{
    margin-top: 34px;
    text-align: center;
}
.about-video-more a{
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    font-size: 14px;
    color: #333333;
}
.about-honor{
    background-color: #fbfbfb;
    padding-bottom: 42px;
}
.about-honor-content{
    padding-top: 10px;
    padding-bottom: 38px;
}
.about-honor-box{
    float: left;
    margin-left: 22px;
    margin-top: 36px;
}
.about-honor-content .about-honor-box:nth-child(3n+1){
    margin-left: 0;
}
.about-honor-box-img{
    border: 1px solid #e9e9e9;
    overflow: hidden;
}
.about-honor-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-honor-box:hover .about-honor-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.about-honor-box-p{
    border-bottom: 1px solid #e9e9e9;
}
.about-honor-box-p{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-honor-box-p p{
    height: 50px;
    line-height: 50px;
    color: #333333;
    font-size: 16px;
    text-align: center;
    width: 330px;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-honor-box:hover .about-honor-box-p{
    background-color: #90c42f;
}
.about-honor-box:hover .about-honor-box-p p{
    color: white;
}

.page{
    text-align: center;
}
.page a{
    display: inline-block;
	padding:0 15px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #e9e9e9;
    font-size: 16px;
    color: #666666;
    margin: 0 3px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.page a:hover{
    color: #fff;
    background-color: #90c42f;
    border: 1px solid #90c42f;
}
.page a.first{
    width: 78px;
}
.page a.end{
    width: 78px;
}
.page a.prev{
    width: 78px;
}
.page a.next{
    width: 78px;
}
.page a.on{
    color: #fff;
    background-color: #90c42f;
    border: 1px solid #90c42f;
}
.about-staff{
    padding-bottom: 50px;
}
.about-staff-content{
    position: relative;
    margin-top: 36px;
}
.about-staff-box{
    position: relative;
    overflow: hidden;
    width: 580px;
    margin: 0 auto;
}
.about-staff-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.about-staff-box:hover .about-staff-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.about-staff-box-p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("bg-black50.png");
    z-index: 2;
}
.about-staff-box-p p{
    text-align: center;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    width: 430px;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about-staff-content .swiper-container{
    height: 326px;
    position: relative;
}
.staff-prev{
    position: absolute;
    top: 140px;
    left: -60px;
    z-index: 11;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: url("staff-prev.png") no-repeat;
}
.staff-prev:hover{
    background: url("staff-prev-on.png") no-repeat;
}
.staff-next{
    position: absolute;
    top: 140px;
    right: -60px;
    z-index: 11;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: url("staff-next.png") no-repeat;
}
.staff-next:hover{
    background: url("staff-next-on.png") no-repeat;
}

.product{
    padding-bottom: 60px;
}
.product .ipb{
    display: block;
    padding-bottom: 50px;
}
.product-info{
    padding-top: 30px;
}
.product-pic{
    float: left;
    width: 670px;
}
.product-pic-small{
    position: relative;
    float: left;
    width: 110px;
    height: 540px;
}
.product-pic-small .swiper-container{
    width: 110px;
    height: 490px;
    position: relative;
    margin-top: 28px;
}
.pp-small-prev{
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 20px;
    cursor: pointer;
    background: url("pp-small-prev.jpg") no-repeat;
    background-size: 100% 100%;
}
.pp-small-next{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 110px;
    height: 20px;
    cursor: pointer;
    background: url("pp-small-next.jpg") no-repeat;
    background-size: 100% 100%;
}
.pp-small-box{
    height: 110px;
    line-height: 110px;
    cursor: pointer;
}
.product-pic-big{
    float: right;
}
.pp-big-box{
    display: none;
}
.product-info-p{
    float: right;
    width: 500px;
}
.product-info-title{
    font-size: 24px;
    line-height: 34px;
    padding: 16px 18px;
}
.product-info-list{
    margin-top: 8px;
}
.product-info-list ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.product-info-list li{
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    padding: 10px 22px;
}
.product-info-list li:nth-child(2n+1){
    background-color: #f5f5f5;
}
.product-info-consult{
    margin-top: 32px;
}
.pi-consult-a{
    float: left;
    display: inline-block;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #259be5;
    color: #fff;
    font-size: 16px;
    margin-left: 14px;
    border-radius: 4px;
}
.pi-consult-phone{
    float: left;
    margin-left: 50px;
    padding-left: 50px;
    background: url("pi-phone.jpg") no-repeat;
}
.pi-consult-phone h4{
    font-size: 14px;
    font-weight: normal;
}
.pi-consult-phone p{
    font-size: 24px;
    font-weight: bold;
    color: #259be5;
    margin-top: 4px;
}
.product-intro{
    margin-top: 46px;
}
.product-intro-a{
    background-color: #f5f5f5;
}
.product-intro-a a{
    float: left;
    display: inline-block;
    width: 150px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
}
.product-intro-a a.on{
    background-color: #259be5;
    color: #fff;
}

.service{
    padding-bottom: 50px;
}
.service-after-content{
    padding-top: 10px;
}
.sa-box{
    float: left;
    width: 590px;
    height: 150px;
    background-color: #f8f8f8;
    margin-top: 16px;
    margin-left: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sa-box:hover{
    background-color: #259be5;
}

.service-after-content .sa-box:nth-child(2n+1){
    margin-left: 0;
}
.sa-box-icon{
    float: left;
    width: 90px;
    height: 90px;
    margin-left: 28px;
    margin-top: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sa-box1 .sa-box-icon{
    background: url("sa1.png") no-repeat center center;
}
.sa-box1:hover .sa-box-icon{
    background: url("sa1-on.png") no-repeat center center;
}
.sa-box2 .sa-box-icon{
    background: url("sa2.png") no-repeat center center;
}
.sa-box2:hover .sa-box-icon{
    background: url("sa2-on.png") no-repeat center center;
}
.sa-box3 .sa-box-icon{
    background: url("sa3.png") no-repeat center center;
}
.sa-box3:hover .sa-box-icon{
    background: url("sa3-on.png") no-repeat center center;
}
.sa-box4 .sa-box-icon{
    background: url("sa4.png") no-repeat center center;
}
.sa-box4:hover .sa-box-icon{
    background: url("sa4-on.png") no-repeat center center;
}
.sa-box5 .sa-box-icon{
    background: url("sa5.png") no-repeat center center;
}
.sa-box5:hover .sa-box-icon{
    background: url("sa5-on.png") no-repeat center center;
}
.sa-box6 .sa-box-icon{
    background: url("sa6.png") no-repeat center center;
}
.sa-box6:hover .sa-box-icon{
    background: url("sa6-on.png") no-repeat center center;
}
.sa-box-p{
    float: left;
    width: 420px;
    margin-top: 36px;
    margin-left: 20px;
}
.sa-box-p h4{
    font-size: 18px;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sa-box:hover .sa-box-p h4{
    color: #fff;
}
.sa-box-p p{
    font-size: 14px;
    color: #989898;
    line-height: 22px;
    margin-top: 12px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sa-box:hover .sa-box-p p{
    color: #fff;
}
.service-help-content{
    padding-top: 36px;
}
.service-help-box{
    float: left;
    margin-left: 20px;
}
.service-help-content .service-help-box:first-child{
    margin-left: 0;
}
.sh-box-img{
    overflow: hidden;
}
.sh-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.service-help-box:hover .sh-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.sh-box-p{
    height: 100px;
    background-color: #f8f8f8;
    padding: 0 20px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.service-help-box:hover .sh-box-p{
    background-color: #259be5;
}
.sh-box-p h4{
    font-size: 20px;
    font-weight: normal;
    padding-top: 28px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.service-help-box:hover .sh-box-p h4{
    color: #fff;
}
.sh-box-p p{
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-top: 8px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.service-help-box:hover .sh-box-p p{
    color: #fff;
}

.service-video{
    padding-top: 46px;
    padding-bottom: 60px;
}
.service-left{
    float: left;
    width: 180px;
}
.service-left-title{
    font-size: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #efefef;
}
.service-left-link p{
    margin-top: 30px;
}
.service-left-link p a{
    font-size: 16px;
    color: #666666;
}
.service-left-link p a:hover{
    color: #259be5;
}
.service-left-link p a.on{
    color: #259be5;
}
.service-right{
    float: right;
    width: 970px;
}
.service-video-content{
    padding-bottom: 4px;
}
.service-video-box{
    position: relative;
    float: left;
    width: 475px;
    margin-bottom: 30px;
    margin-left: 20px;
    cursor: pointer;
}
.service-video-content .service-video-box:nth-child(2n+1){
    margin-left: 0;
}
.svb-dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 267px;
    background: url("svb-dark.png") no-repeat;
}
.svb-p{
    padding: 0 30px;
    border-bottom: 1px solid #e9e9e9;
    text-align: center;
}
.svb-p p{
    font-size: 16px;
    color: #333;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-question{
    padding-top: 46px;
    padding-bottom: 60px;
}
.service-question-content{
    padding-bottom: 40px;
}
.service-question-box{
    margin-top: 6px;
}
.service-question-title{
    position: relative;
    background-color: #fbfbfb;
}
.service-question-title p{
    font-size: 16px;
    color: #555555;
    padding-left: 24px;
    height: 50px;
    line-height: 50px;
}
.service-question-icon{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url("sq-add.jpg") no-repeat;
}
.service-question-box.on .service-question-icon{
    background: url("sq-del.jpg") no-repeat;
}
.service-question-p{
    display: none;
}

.service-download{
    padding-top: 46px;
    padding-bottom: 70px;
}
.service-download-content{
    padding-bottom: 50px;
}
.service-download-list{
    border-top: 1px dashed #dedede;
}
.service-download-content .service-download-list:first-child{
    border-top: none;
}
.sdwl-p{
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 46px;
    font-size: 16px;
    color: #666666;
}
.sdwl-p:hover{
    color: #259be5;
}
.sdwl-icon{
    float: right;
    width: 30px;
    height: 60px;
    margin-right: 20px;
    background: url("download.png") no-repeat center center;
}
.sdwl-icon:hover{
    background: url("download-on.png") no-repeat center center;
}
.sdwl-time{
    float: right;
    height: 60px;
    line-height: 60px;
    margin-right: 72px;
    font-size: 16px;
    color: #666666;
}




.service-suggest{
    padding-bottom: 52px;
}
.support-message-form{
    margin-top: 44px;
}
.sm-form-list{
    margin-bottom: 16px;
}
.smf-box{
    float: left;
    width: 33.3%;
    position: relative;
}

.smf-input{
    font-size: 14px;
    height: 48px;
    padding: 0 12px;
    width: 362px;
    border: 1px solid #dedede;
}
.sm-form-textarea textarea{
    font-size: 14px;
    height: 248px;
    padding: 16px 12px;
    width: 1160px;
    line-height: 1.5;
    border: 1px solid #dedede;
    resize: none;
    overflow: auto;
}
.sm-submit{
    text-align: center;
    margin-top: 14px;
}
.sm-submit input{
    font-size: 14px;
    color: white;
    width: 150px;
    height: 40px;
    border-radius: 4px;
    background-color: #259be5;
    cursor: pointer;
    border: none;
}
.smf-input2{
    font-size: 14px;
    height: 48px;
    /*padding: 0 12px;*/
    padding-left: 12px;
    padding-right: 155px;
    width: 219px;
    border: 1px solid #dedede;
}
.smf-select{
    position: absolute;
    top: 20px;
    right: 26px;
    width: 120px;
}
.smf-select-title{
    position: relative;
    /*width: 120px;*/
}
.smf-select-title-arrow{
    position: absolute;
    top: 0;
    right: 17px;
    width: 13px;
    height: 14px;
    background: url("message-arrow.jpg") no-repeat center center;
}
.smf-select-title p{
    font-size: 14px;
    cursor: pointer;
    padding-left: 24px;
    width: 64px;
    overflow: hidden;
    white-space: nowrap;
}
.smf-select-dark{
    box-sizing: border-box;
    position: absolute;
    top: -13px;
    left: -1px;
    border: 1px solid #dcdcdc;
    background-color: white;
    width: 100%;
    display: none;
}
.ssd-w{
    padding-top: 12px;
}
.ssd-w h4{
    font-size: 14px;
    background: url("message-arrow.jpg") no-repeat 90px center;
    cursor: pointer;
    padding-left: 24px;
    font-weight: normal;
    margin-bottom: 18px;
}
.ssd-w p{
    padding-left: 24px;
    font-size: 14px;
    width: 80px;
    cursor: pointer;
    margin-bottom: 18px;
    color: #999999;
}



.join-banner{
    position: relative;
    height: 550px;
}
.join-banner .swiper-container{
    height: 550px;
    position: relative;
}
.join-banner .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.join-banner-btn .wrap{
    position: relative;
}
.join-banner-prev{
    position: absolute;
    top: 226px;
    left: 0;
    width: 50px;
    height: 80px;
    background: url("join-prev.png") no-repeat;
    cursor: pointer;
    z-index: 11;
}
.join-banner-next{
    position: absolute;
    top: 226px;
    right: 0;
    width: 50px;
    height: 80px;
    background: url("join-next.png") no-repeat;
    cursor: pointer;
    z-index: 11;
}
.join1{
    padding-top: 30px;
}
.join1-left{
    float: left;
    width: 840px;
}
.join1-left-pic{
    position: relative;
    width: 840px;
}
.join1-left-pic-img{
    overflow: hidden;
}
.join1-left-pic-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join1-left-pic:hover .join1-left-pic-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.join1-left-pic-dark{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: url("bg-black50.png");
}
.join1-left-pic-dark h3{
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding: 0 36px;
}
.join1-left-pic-dark p{
    font-size: 14px;
    line-height: 18px;
    opacity: 0.6;
    padding: 0 36px;
    margin-top: 12px;
    color: #fff;
}
.join1-left-adv{
    margin-top: 6px;
}
.j-adv-box{
    float: left;
    width: 275px;
    height: 120px;
    margin-left: 7px;
}
.join1-left-adv .j-adv-box:first-child{
    margin-left: 0;
}
.j-adv-box1{
    background-color: #d67d2b;
}
.j-adv-box2{
    background-color: #3a6691;
}
.j-adv-box3{
    background-color: #29ab99;
}
.j-adv-box-img{
    float: left;
    width: 80px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin-left: 10px;
    margin-top: 26px;
}
.j-adv-box-p{
    float: left;
    margin-top: 30px;
    width: 156px;
    margin-left: 8px;
}
.j-adv-box-p h4{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.j-adv-box-p p{
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
}
.join1-right{
    float: right;
    width: 330px;
    max-height: 604px;
    border: 1px solid #dcdcdc;
}
.join1-right-title{
    background-color: #91c430;
    border-bottom: 1px solid #dcdcdc;
}
.join1-right-title p{
    height: 70px;
    line-height: 70px;
    color: #fff;
    padding: 0 30px;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
}
.join1-right-title p em{
    font-size: 20px;
    font-weight: normal;
}
.join1-right-title p span{
    font-size: 20px;
    font-weight: normal;
}
.join1-right-hot{
    width: 300px;
    margin: 0 auto;
}
.j1-hot-box{
    padding: 20px 0;
    border-top: 1px solid #efefef;
}
.join1-right-hot .j1-hot-box:first-child{
    border-top: none;
}
.j1-hot-box-img{
    float: left;
    overflow: hidden;
    width: 110px;
    height: 76px;
}
.j1-hot-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.j1-hot-box:hover .j1-hot-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.j1-hot-box-p{
    float: right;
    width: 180px;
}
.j1-hot-box-p h4{
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.j1-hot-box-tip{
    width: 90px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    background-color: #91c430;
    text-align: center;
    margin-top: 6px;
}
.j1-hot-box-p p{
    font-size: 14px;
    color: #999999;
    margin-top: 6px;
}
.join2{
    background-color: #f4f4f4;
    padding-top: 44px;
    margin-top: 40px;
    padding-bottom: 80px;
}
.join2-title{
    text-align: center;
}
.join2-title h3{
    font-family: Arial;
    font-size: 36px;
    color: #999999;
    text-transform: uppercase;
    font-weight: normal;
}
.join2-title h4{
    font-size: 36px;
    color: #259be5;
    font-weight: normal;
    margin-top: 4px;
}
.join2-title p{
    font-size: 16px;
    color: #666666;
    margin-top: 8px;
}
.join2-p{
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    margin-top: 36px;
}
.join2-content{
    margin-top: 34px;
}
.join2-box{
    float: left;
    margin-left: 22px;
    width: 385px;
}
.join2-box-img{
    overflow: hidden;
}
.join2-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join2-box:hover .join2-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.join2-content .join2-box:first-child{
    margin-left: 0;
}
.join2-box-p{
    position: relative;
    height: 134px;
    background-color: #fff;
    text-align: center;
    padding: 0 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join2-box:hover .join2-box-p{
    background-color: #75b204;
}
.join2-box-p h4{
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join2-box:hover .join2-box-p h4{
    color: #fff;
}
.join2-box-p p{
    font-size: 14px;
    line-height: 20px;
    opacity: 0.5;
    width: 284px;
    margin: 14px auto 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join2-box:hover .join2-box-p p{
    color: #fff;
}
.join2-box-p-more{
    position: absolute;
    left: 50%;
    bottom: -22px;
    height: 44px;
    line-height: 44px;
    width: 150px;
    margin-left: -75px;
    text-align: center;
    background-color: #d0d0d0;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 2;
}
.join2-box:hover .join2-box-p-more{
    background-color: #a7d84b;
}
.join3{
    padding-top: 60px;
}
.join3-content{
    margin-top: 44px;
}
.join3-box1{
    padding: 44px 0;
    border-top: 1px solid #f4f4f4;
}
.join3-box2{
    padding: 44px 0;
    border-top: 1px solid #f4f4f4;
}
.join3-box-img{
    float: left;
    width: 500px;
}
.join3-box2 .join3-box-img{
    float: right;
}
.join3-box-p{
    float: right;
    width: 664px;
}
.join3-box2 .join3-box-p{
    float: left;
}
.join3-box-title h4{
    font-size: 50px;
    font-weight: normal;
    color: #75b204;
    text-transform: uppercase;
}
.join3-box-title p{
    font-size: 30px;
    color: #75b204;
    margin-top: 6px;
}
.join3-box-title p span{
    font-size: 20px;
}
.join3-box-pa{
    padding-top: 10px;
}
.join3-box-pa p{
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    padding-left: 20px;
    background: url("join-point.png") no-repeat left 9px;
    margin-top: 10px;
}
.join3-box-more{
    display: inline-block;
    margin-top: 18px;
    width: 100px;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #999999;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join3-box-more:hover{
    background-color: #75b204;
    border: 1px solid #75b204;
    color: #fff;
}
.join4{
    background-color: #f4f4f4;
    padding-top: 64px;
    padding-bottom: 60px;
}
.join4-box{
    float: left;
    width: 590px;
}
.join4-content .join4-box:nth-child(2){
    margin-left: 20px;
}
.join4-box-title{
    font-size: 24px;
    color: #060606;
}
.join4-box-title span{
    color: #75b204;
}
.join4-box-pic{
    margin-top: 16px;
    position: relative;
}
.join4-box-pic-img{
    overflow: hidden;
}
.join4-box-pic-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join4-box:hover .join4-box-pic-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.join4-box-num{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 120px;
    width: 100%;
    background: url("join4-bg.png") repeat-x;
    z-index: 2;
}
.join4-box-num p{
    padding-left: 50px;
    color: #fff;
    font-size: 16px;
    background: url("join4-icon.png") no-repeat left center;
    height: 46px;
    margin-left: 24px;
    margin-top: 56px;
}
.join4-box-num p span{
    font-size: 36px;
}
.join4-box-p{
    height: 100px;
    background-color: #fff;
}
.join4-box-p1{
    float: left;
    font-size: 18px;
    margin-left: 30px;
    margin-top: 34px;
    line-height: 26px;
}
.join4-box-p1 span{
    display: inline-block;
    color: white;
    padding: 0 10px;
    background-color: #75b204;
    font-size: 14px;
    border-radius: 20px;
    margin-left: 14px;
}
.join4-box-p2{
    float: right;
    font-size: 16px;
    margin-right: 40px;
    margin-top: 40px;
}
.join5{
    padding-top: 58px;
    padding-bottom: 24px;
}
.join6{
    background-color: #f4f4f4;
    padding-top: 50px;
    padding-bottom: 34px;
}
.join6-content{
    margin-top: 48px;
}
.join6-bc{
    width: 580px;
    margin: 0 auto;
    position: relative;
}
.join6-box{
    float: left;
    width: 290px;
}
.join6-box-p{
    padding: 0 18px;
    height: 140px;
}
.join6-bc .join6-box:first-child .join6-box-p{
    border-right: 1px solid #dadada;
}
.join6-box-p h4{
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    padding-top: 16px;
}
.join6-box-p p{
    font-size: 14px;
    color: #505050;
    line-height: 22px;
    margin-top: 10px;
    height: 66px;
    overflow: hidden;
}
.join6-pk{
    position: absolute;
    top: 110px;
    left: 253px;
    width: 74px;
    height: 74px;
    line-height: 74px;
    color: #fff;
    background-color: #8bc52b;
    border-radius: 100%;
    text-align: center;
    font-size: 30px;
}
.join6-wrap{
    width: 1230px;
    margin: 0 auto;
}

.join6-content .swiper-container{
    height: 470px;
    position: relative;
}
.join6-content .pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.join6-content .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #d3d3d3;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.join6-content .swiper-active-switch {
    background: #5e5e5e;
}

.join7{
    padding-top: 46px;
    padding-bottom: 50px;
}
.join7-content{
    padding-top: 16px;
}
.join7-box{
    float: left;
    width: 590px;
    background-color: #f5f5f5;
    margin-top: 12px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join7-box:hover{
    background-color: #8bc52b;
}
.join7-box-img{
    float: left;
    width: 200px;
    overflow: hidden;
}
.join7-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join7-box:hover .join7-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.join7-box-p{
    float: left;
    width: 324px;
    margin-left: 34px;
    margin-top: 30px;
}
.join7-box-p h4{
    font-size: 18px;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join7-box:hover .join7-box-p h4{
    color: #fff;
}
.join7-box-p p{
    font-size: 14px;
    color: #999999;
    line-height: 16px;
    height: 48px;
    overflow: hidden;
    margin-top: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join7-box:hover .join7-box-p p{
    opacity: 0.5;
    color: #fff;
}
.join7-content .join7-box:nth-child(2n){
    margin-left: 20px;
}
.join8{
    background-color: #f4f4f4;
    padding-top: 52px;
    padding-bottom: 60px;
}
.join8-content{
    margin-top: 20px;
}
.join8-box{
    float: left;
    width: 285px;
    /*margin-left: 20px;*/
    margin: 0 auto;
}
.join8-content .join8-box:first-child{
    margin-left: 0;
}
.join8-box-img{
    overflow: hidden;
}
.join8-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join8-box:hover .join8-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.join8-box-p h4{
    padding-top: 6px;
    font-size: 16px;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join8-box:hover .join8-box-p h4{
    color: #259be5;
}
.join8-box-p p{
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    color: #666666;
    margin-top: 14px;
}
.join9{
    padding-top: 36px;
    padding-bottom: 70px;
}
.join9 .index-about-content{
    margin-top: 40px;
}
.join10{
    background-color: #f4f4f4;
}
.join10-content{
    padding: 48px 0;
}
.join10-c-left{
    float: left;
    width: 150px;
}
.join10-left-box{
    margin-top: 1px;
    text-align: center;
    background-color: #bdbdbd;
    height: 58px;
    cursor: pointer;
}
.join10-left-box.on{
    background-color: #8bc52b;
}
.join10-left-box h4{
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    padding-top: 9px;
}
.join10-left-box p{
    font-size: 18px;
    margin-top: 2px;
    color: #fff;
}
.join10-c-right{
    float: right;
    margin-top: 1px;
}
.join10-cr{
    display: none;
}
.join10-right-box{
    float: left;
    width: 245px;
    margin-left: 18px;
}
.join10-right-box-img{
    overflow: hidden;
}
.join10-right-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.join10-right-box:hover .join10-right-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.join10-cr .join10-right-box:first-child{
    margin-left: 0;
}
.join10-right-box p{
    text-align: center;
    font-size: 16px;
    margin-top: 14px;
}
.join11{
    padding-top: 50px;
    padding-bottom: 66px;
}
.join11-content{
    margin-top: 32px;
}
.join12{
    padding-top: 70px;
    background-color: #f4f4f4;
    padding-bottom: 60px;
}
.join12-left{
    float: left;
}
.join12-right{
    float: right;
    width: 580px;
}
.join12-title-top{
    font-size: 28px;
    font-weight: bold;
    color: #333333;
}
.join12-title-top span{
    font-size: 36px;
    color: #259be5;
}
.join12-title-bot{
    margin-top: 10px;
}
.join12-title-bot p{
    float: left;
    background: url("join12-icon.png") no-repeat left center;
    padding-left: 20px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-left: 16px;
}
.join12-title-bot p:first-child{
    margin-left: 0;
}
.join12-form-list{
    margin-top: 14px;
}
.join12-input1{
    float: left;
    background: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 14px;
    font-size: 16px;
    width: 250px;
    border: 1px solid #e5e5e5;
}
.join12-form-list .join12-input1:nth-child(2){
    margin-left: 12px;
}
.join12-textarea1{
    background: #fff;
    height: 110px;
    padding: 10px 14px;
    font-size: 16px;
    line-height: 22px;
    width: 542px;
    border: 1px solid #e5e5e5;
    resize: none;
    overflow: auto;
}
.join12-submit1{
    width: 150px;
    height: 46px;
    background-color: #259be5;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.news-swiper{
    background-color: #f5f5f5;
    padding: 32px 0;
}
.news-swiper .wrap{
    position: relative;
}
.news-s-box{
    position: relative;
    overflow: hidden;
    width: 385px;
    margin: 0 auto;
}
.news-s-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.news-s-box:hover .news-s-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-s-box-dark{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 385px;
    background: url("bg-black50.png");
    z-index: 2;
}
.news-s-box-dark p{
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-swiper .swiper-container{
    height: 260px;
}
.news-s-prev{
    position: absolute;
    top: 50%;
    left: -50px;
    width: 22px;
    height: 42px;
    margin-top: -21px;
    background: url("staff-prev.png") no-repeat;
    z-index: 11;
    cursor: pointer;
}
.news-s-prev:hover{
    background: url("staff-prev-on.png") no-repeat;
}
.news-s-next{
    position: absolute;
    top: 50%;
    right: -50px;
    width: 22px;
    height: 42px;
    margin-top: -21px;
    background: url("staff-next.png") no-repeat;
    z-index: 11;
    cursor: pointer;
}
.news-s-next:hover{
    background: url("staff-next-on.png") no-repeat;
}
.news-content{
    padding-bottom: 40px;
}
.news-bc{
    padding-bottom: 36px;
}
.news-box{
    padding: 34px 0;
}
.news-bc .news-box:nth-child(odd){
    background-color: #fbfbfb;
}
.news-box-img{
    float: left;
    overflow: hidden;
}
.news-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.news-box:hover .news-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news-box-p{
    float: right;
    width: 894px;
}
.news-box-p h3{
    font-size: 18px;
    font-weight: normal;
    padding-top: 12px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 840px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-box:hover .news-box-p h3{
    color: #259be5;
}
.news-box-p-time{
    background: url("news-time.png") no-repeat left center;
    padding-left: 28px;
    color: #cccccc;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin-top: 14px;
}
.news-box-p p{
    font-size: 14px;
    color: #bbb7b7;
    line-height: 20px;
    margin-top: 12px;
}
.news-box-more{
    width: 90px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #d9d9d9;
    color: #bbbbbb;
    border-radius: 4px;
    margin-top: 16px;
}

.news-detail{
    padding-bottom: 70px;
}
.news-detail-title{
    text-align: center;
    padding-bottom: 32px;
    padding-top: 26px;
    border-bottom: 1px dashed #cecece;
}
.news-detail-title h3{
    font-size: 24px;
    font-weight: normal;
}
.news-detail-title p{
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    margin-top: 10px;
}
.nd-bot{
    border-top: 1px solid #e9e9e9;
    padding-top: 30px;
}
.nd-share{
    float: left;
}
.nd-bot-back{
    float: right;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    color: #999999;
}
.nd-bot-back:hover{
    color: #259be5;
}

.oem-banner{
    position: relative;
}
.oem-banner .swiper-container{
    height: 550px;
}
.oem-banner .join-banner-prev{
    opacity: 0.5;
}
.oem-banner .join-banner-next{
    background: url("oem-next.png") no-repeat;
}
.oem1{
    padding: 30px 0;
}
.oem1-box{
    position: relative;
    float: left;
}
.oem1-content .oem1-box:nth-child(2n){
    margin-left: 30px;
}
.oem1-box-img{
    overflow: hidden;
}
.oem1-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem1-box:hover .oem1-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.oem1-box-dark{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("bg-black50.png");
}
.oem1-box-dark p{
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.oem2{
    background-color: #fbfbfb;
    padding-bottom: 50px;
}
.oem2 .index-product-nav{
    width: 900px;
}
.oem2 .ip-nav-box-a {
    padding: 0 40px;
}
.oem2-content{
    padding-top: 18px;
}
.oem2-list{
    display: none;
}
.oem2-box{
    float: left;
    width: 390px;
    height: 270px;
    margin-top: 14px;
    margin-left: 14px;
    overflow: hidden;
}
.oem2-list .oem2-box:nth-child(3n+1){
    margin-left: 0;
}
.oem2-box-p1{
    width: 390px;
    height: 270px;
    background-color: #f5f5f5;
}
.oem2-box-p1 h3{
    padding: 0 34px;
    font-size: 24px;
    padding-top: 50px;
    font-weight: normal;
}
.oem2-box-p1 p{
    padding: 0 34px;
    font-size: 16px;
    line-height: 30px;
    height: 120px;
    overflow: hidden;
    color: #999999;
    margin-top: 16px;
}
.oem2-box-img{
    overflow: hidden;
}
.oem2-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem2-box-img:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.oem3{
    padding-bottom: 46px;
}
.oem3 .index-product-nav{
    width: 724px;
}
.oem3 .ip-nav-box-a {
    padding: 0 40px;
}
.oem3-list{
    display: none;
}
.oem3-box{
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 24px;
}
.oem3-box-dark{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 590px;
    background: url("bg-black50.png");
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem3-box-dark p{
    color: #fff;
    padding: 22px 28px;
    font-size: 14px;
    line-height: 22px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem3-list .oem3-box:nth-child(2n+1){
    margin-left: 0;
}
.oem3-box:hover .oem3-box-dark{
    background: url("bg-green90.png");
}
.oem4{
    background-color: #fbfbfb;
    padding-bottom: 40px;
}
.oem4 .index-product-nav {
    width: 724px;
}
.oem4 .ip-nav-box-a {
    width: 124px;
    text-align: center;
    padding: 0 10px;
}
.oem4-content{
    padding-top: 16px;
}
.oem4-list{
    display: none;
}
.oem4-box{
    position: relative;
    float: left;
    margin-left: 14px;
    margin-top: 14px;
    overflow: hidden;
}
.oem4-box-img{
    overflow: hidden;
}
.oem4-box-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem4-box:hover .oem4-box-img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.oem4-list .oem4-box:nth-child(3n+1){
    margin-left: 0;
}
.oem4-box-dark{
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    background: url("bg-black50.png");
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem4-box:hover .oem4-box-dark{
    bottom: 0;
}
.oem4-box-dark p{
    font-size: 16px;
    color: #fff;
    padding: 10px 30px;
    line-height: 24px;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    text-align: center;
}
.oem5{
    padding-bottom: 50px;
}
.oem5 .index-product-nav {
    width: 724px;
}
.oem5 .ip-nav-box-a {
    padding: 0 40px;
}
.oem5-content{
    padding-top: 32px;
}
.oem5-list{
    display: none;
}
.oem5-box1{
    float: left;
}
.oem5-box2{
    float: left;
}
.oem5-img{
    float: left;
    overflow: hidden;
}
.oem5-img img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem5-img:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.oem5-p{
    position: relative;
    float: left;
    width: 300px;
    height: 300px;
    line-height: 300px;
    background-color: #fbfbfb;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem5-p:hover{
    background-color: #90c42f;
}
.oem5-pc{
    display: inline-block;
    vertical-align: middle;
    padding: 0 38px;
}
.oem5-pc h4{
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    font-weight: normal;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem5-p:hover .oem5-pc h4{
    color: #fff;
}
.oem5-pc p{
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    margin-top: 8px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem5-p:hover .oem5-pc p{
    color: #fff;
    opacity: 0.5;
}
.oem5-arrow{
    position: absolute;
    top: 134px;
    left: -14px;
    width: 14px;
    height: 28px;
    background: url("oem5-arrow1.png") no-repeat;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem5-p:hover .oem5-arrow{
    background: url("oem5-arrow1-on.png") no-repeat;
}
.oem5-box2 .oem5-arrow{
    left: auto;
    right: -14px;
    background: url("oem5-arrow2.png") no-repeat;
}
.oem5-box2 .oem5-p:hover .oem5-arrow{
    background: url("oem5-arrow2-on.png") no-repeat;
}
.oem6{
    background-color: #fbfbfb;
    padding-bottom: 70px;
}
.oem6-content{
    position: relative;
    margin-top: 30px;
}
.oem6-dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 450px;
    height: 500px;
    background: url("bg-black70.png");
    z-index: 99;
}
.oem6-dark-title{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 36px;
    text-align: center;
    padding: 46px 20px 0;
}
.oem6-phone{
    padding-left: 150px;
    padding-right: 80px;
    min-height: 72px;
    margin-top: 40px;
    background: url("oem6-icon.png") no-repeat 64px top;
}
.contact1 .oem6-phone{
    margin-top: 22px;
}
.oem6-phone2{
    background: url("oem6-icon2.png") no-repeat 64px top;
}
.oem6-phone3{
    background: url("oem6-icon3.png") no-repeat 64px top;
}
.oem6-phone4{
    background: url("oem6-icon4.png") no-repeat 64px top;
}
.oem6-phone h4{
    font-size: 16px;
    line-height: 36px;
    color: #fff;
}
.oem6-phone p{
    color: #fff;
    font-size: 24px;
    line-height: 30px;
}
.contact1 .oem6-phone p{
    font-size: 18px;
    line-height: 20px;
}

.contact1 .oem6{
    background-color: #fff;
}
.contact2{
    background-color: #fbfbfb;
    padding-bottom: 46px;
}
.contact2-box{
    float: left;
    width: 390px;
    height: 300px;
    background-color: #fff;
    margin-top: 14px;
    margin-left: 14px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.contact2-box:hover{
    background-color: #259be5;
}
.contact2-content .contact2-box:nth-child(3n+1){
    margin-left: 0;
}
.contact2-bc{
    padding: 0 25px;
}
.contact2-b-title{
    padding-top: 36px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.contact2-box:hover .contact2-b-title{
    border-bottom: 1px solid #fff;
}
.contact2-b-title p{
    font-size: 14px;
    color: #cccccc;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.contact2-box:hover .contact2-b-title p{
    color: #ccf089;
}
.contact2-b-title h4{
    font-size: 18px;
    font-weight: normal;
    margin-top: 12px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.contact2-box:hover .contact2-b-title h4{
    color: #fff;
}
.contact2-b-p{
    padding-top: 16px;
}
.contact2-b-ph{
    font-size: 14px;
    color: #787878;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.contact2-box:hover .contact2-b-ph{
    color: #ccf089;
}
.contact2-b-pp{
    font-size: 14px;
    color: #cccccc;
    line-height: 22px;
    max-height: 66px;
    margin-top: 14px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.contact2-box:hover .contact2-b-pp{
    color: #ccf089;
}
.contact2-b-pmore{
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #eaeaea;
    color: #cccccc;
    margin-top: 24px;
    border-radius: 2px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.contact2-box:hover .contact2-b-pmore{
    color: #fff;
    border: 1px solid #fff;
}
.contact3 .join12{
    background-color: #fff;
    padding-top: 0;
}
.contact3 .wrap{
    margin-top: 34px;
}

.about-develop-content{
    position: relative;
    margin-top: 50px;
}
.about-develop-content .swiper-container{
    height: 340px;
    position: relative;
}
.adc-con{
    position: relative;
    height: 340px;
    background: url("adc-line.png") no-repeat left center;
}
.adc1{
    position: absolute;
    left: 71px;
    top: 170px;
    width: 200px;
}
.adc2{
    position: absolute;
    left: 244px;
    bottom: 211px;
    width: 200px;
}
.adc3{
    position: absolute;
    left: 414px;
    top: 170px;
    width: 200px;
}
.adc4{
    position: absolute;
    left: 587px;
    bottom: 211px;
    width: 200px;
}
.adc5{
    position: absolute;
    left: 759px;
    top: 170px;
    width: 200px;
}
.adc6{
    position: absolute;
    left: 930px;
    bottom: 211px;
    width: 200px;
}
.adc-point{
    width: 26px;
    height: 36px;
    margin: 0 auto;
    background: url("adc-point.png") no-repeat center center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.adc:hover .adc-point{
    background: url("adc-point-on.png") no-repeat center center;
}
.adc-point-round{
    width: 8px;
    height: 8px;
    background-color: #c7c7c7;
    margin: 4px auto 0;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.adc:hover .adc-point-round{
    background-color: #259be5;
}
.adc-p{
    text-align: center;
    margin-top: 10px;
}
.adc2 .adc-p{
    margin-bottom: 12px;
}
.adc4 .adc-p{
    margin-bottom: 12px;
}
.adc6 .adc-p{
    margin-bottom: 12px;
}
.adc-p h4{
    font-size: 20px;
    color: #999999;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.adc:hover .adc-p h4{
    color: #259be5;
}
.adc-p p{
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    margin-top: 6px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.adc:hover .adc-p p{
    color: #259be5;
}
.adc-prev{
    position: absolute;
    top: 150px;
    left: -80px;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: url("staff-prev.png") no-repeat;
    z-index: 11;
}
.adc-prev:hover{
    background: url("staff-prev-on.png") no-repeat;
}
.adc-next{
    position: absolute;
    top: 150px;
    right: -80px;
    width: 22px;
    height: 42px;
    cursor: pointer;
    background: url("staff-next.png") no-repeat;
    z-index: 11;
}
.adc-next:hover{
    background: url("staff-next-on.png") no-repeat;
}




/*侧边栏*/
.sidebar-content {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99999;
    margin-top: -110px;
}
.sidebar-box {
    position: relative;
}
.sidebar-icon {
    width: 55px;
    height: 55px;
    cursor: pointer;
}
.si1 .sidebar-icon {
    background: #d0d0d0 url("side1.png") no-repeat center center;
}
.si2 .sidebar-icon {
    background: #d0d0d0 url("side2.png") no-repeat center center;
}
.si3 .sidebar-icon {
    background: #d0d0d0 url("side3.png") no-repeat center center;
}
.si4 .sidebar-icon {
    background: #d0d0d0 url("side4.png") no-repeat center center;
}
.si5 .sidebar-icon {
    background: #d0d0d0 url("side5.png") no-repeat center center;
}
.si1:hover .sidebar-icon {
    background: #259be5 url("side1.png") no-repeat center center;
}
.si2:hover .sidebar-icon {
    background: #259be5 url("side2.png") no-repeat center center;
}
.si3:hover .sidebar-icon {
    background: #259be5 url("side3.png") no-repeat center center;
}
.si4:hover .sidebar-icon {
    background: #259be5 url("side4.png") no-repeat center center;
}
.si5:hover .sidebar-icon {
    background: #259be5 url("side5.png") no-repeat center center;
}
.sidebar-dark1 {
    position: absolute;
    top: 0;
    right: 55px;
    padding: 0 20px;
    background-color: #259be5;
    display: none;
}
.sidebar-dark2 {
    position: absolute;
    top: 0;
    right: 55px;
    padding: 16px 20px;
    background-color: #259be5;
    display: none;
}
.sidebar-box:hover .sidebar-dark1{
    display: block;
}
.sidebar-box:hover .sidebar-dark2{
    display: block;
}
.sidebar-dark1 p a {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    color: white;
    text-align: center;
    white-space: nowrap;
}
.sidebar-code{
    width: 98px;
    margin-top: 8px;
}
.sidebar-dark2 .sidebar-code:first-child{
    margin-top: 0;
}
.sidebar-code p{
    text-align: center;
    color: white;
    line-height: 18px;
    margin-top: 4px;
}
.sidebar-top{
    display: block;
    width: 55px;
    height: 55px;
}
.sidebar-icon-a{
    display: block;
    width: 55px;
    height: 55px;
}

/*侧边栏结束*/


.help-h{
    padding-bottom: 60px;
    padding-top: 46px;
}
.product-title{
    padding: 20px;
}
.product-title h3{
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
}
.product-title p{
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    margin-top: 6px;
}

.pint-list{
    display: none;
}
.pint-video{
    padding: 40px 0;
}
.pint-video .avc-box{
    float: none;
    width: 580px;
    margin: 0 auto;
}

.contact-job-box{
    padding: 0 50px;
}

/*6.22新增样式*/
.join1-hot-swiper .swiper-container{
    height: 539px;
    position: relative;
}
.join8-swiper{
    margin-top: 20px;

}
.join8-swiper .swiper-container{
    height: 286px;
    position: relative;
}



.menu ul li {
    float: left;
    position: relative;
    margin-right: 15px;
    font-size: 14px;
    text-align: left;
	font-size:12px;
}
.menu li .hide{display:block;height:30px;line-height:30px;padding:0 20px 0 0;color:#999999}
.menu li a{color:#999999}
.menu li a:hover{text-decoration:none;color:#999999}
.menu ul li div a{color:#999999}
#hide{color:#999999; line-height:30px; padding:0 5px}
.menu ul li div {
    display: block;
    position: absolute;width:280px;
    bottom: 31px;
    border-color: #ccc;
    border-style: solid;
    border-width: 0;
	background:#fff;
    right: -63px;
    height: 0px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.menu ul li ul li {
    display: block;
    background: #fff;
    color: #000;
    width: 295px;
	padding:0 7px;
	height:25px;
	line-height:25px;
    clear: both;
    float: none;
	margin: 0;
}




.ss_news{ width:358px; float:left; overflow:hidden; background:#fbfbfb; margin-left:16px; padding:15px;border-radius:5px; margin-bottom:20px;}
.ss_news p{ float:right; font-size:14px; font-weight:normal}
.ss_news ul li a{ font-size:16px; color:#666666}
.ss_news ul li { border-bottom:1px dashed #E5E5E5; overflow:hidden; line-height:50px;}
.ss_news h3{ font-size:20px; color:#333; font-weight:600; border-bottom:1px solid #E5E5E5; padding-bottom:10px; margin-bottom:10px;}



.ss_jm{background:url(jm_01.jpg) no-repeat center; height:565px; width:100%}
.ss_jm2{ width:100%; background:#f4f4f4; overflow:hidden; padding:30px 0}
.ss_jm2 h1{ text-align:center; font-size:28px;}
.ss_jm2 .ssp{ text-align:center; padding-top:10px; font-size:16px;}
.ss_jm2 ul{ width:1130px; margin:0 auto;list-style-type:none; padding-top:50px; overflow:hidden}
.ss_jm2 ul li{ width:167px; float:left; margin-right:66px;}
.ss_jm2 ul li p{ width:140px; line-height:22px; margin:0 auto}
.ss_jm3{ width:1130px; margin:0 auto; background:url(jm_20.jpg) no-repeat right; overflow:hidden; height:269px;}
.ss_jm3 p{ width:700px; font-size:16px; line-height:28px; margin-top:30px}
.ss_jm3 a{ width:200px; height:50px; display:block; background:#259be5;border-radius:5px; text-align:center; line-height:48px; color:#fff000; font-size:20px; font-weight:bold; margin-top:80px; float:left}
.ss_jm3 span{background:url(jm_23.jpg) no-repeat left; height:65px; display:block; padding-left:75px; font-size:16px; padding-top:10px; width:300px; float:left; margin-left:60px; margin-top:70px;}
.ss_jm3 span b{ font-size:30px; display:block; color:#0eadff; line-height:40px}

.ss_jm4{ width:100%; overflow:hidden; padding:30px 0}
.ss_jm4 h1{ text-align:center; font-size:32px;}
.ss_jm4 .ssp{ text-align:center; padding-top:10px; font-size:16px;}
.ss_jm5{ width:1130px; margin:0 auto; padding-top:70px;}
.ss_jm5 div{ float:left; width:340px; overflow:hidden; float:left}
.ss_jm5 img{ float:left; padding:0 60px;}
.ss_jm5 div span{ display:block; width:340px; height:160px; font-size:16px; line-height:26px;background:url(jm_11.jpg) no-repeat left top; text-indent:20px;}
.ss_jm5 div span b{ font-size:30px; color:#259be5}
.ss_jm5 div span strong{ font-size:20px;}
.ss_ppa{ font-size:30px; color:#259be5; font-weight:bold; text-align:center; padding-top:30PX; overflow:hidden; width:100%;}

.ss_jm6{background:url(jm_18.jpg) no-repeat center; width:100%; overflow:hidden; padding:30px 0}
.ss_jm7_t{ width:330px; height:80px; color:#fff; margin:0 auto; background:#259be5;border-radius:25px; text-align:center; line-height:24px;}
.ss_jm7_t p{ font-size:16px;}
.ss_jm7_t h1{ padding-top:16px}
.ss_jm7{ width:1200px; margin:30px auto; background:#f6f6f6; overflow:hidden;}
.ss_jm7 div{ width:480px; overflow:hidden; float:left;padding:0 60px;}
.ss_d1{background:url(jm_03.jpg) no-repeat right; text-align:right; }
.ss_jm7 div span{ height:300px; display:block}
.ss_jm7 div span b{ color:#259be5; font-size:22px; padding:50px 0 50px 0; display:block}
.ss_jm7 div span p{ font-size:16px; line-height:24px;}

.ss_jm8{ background:#f4f4f4; width:100%; overflow:hidden; padding:30px 0}
.ss_jm8 h1{ text-align:center; font-size:32px;}
.ss_jm8 .ssp8{ text-align:center; padding-top:10px; font-size:20px; color:#259be5; font-weight:bold}
.ss_jm9{background:url(jm_07.jpg) repeat-x; width:1200px; margin:30px auto 0 auto; height:259px}
.ss_jm9 ul li{list-style-type:none; width:220px; padding:0 40px;overflow:hidden; float:left}
.ss_jm9 ul li span{background:url(jm_32.jpg) no-repeat; width:72px; height:66px; display:block; color:#fff; font-size:32px; text-align:center; line-height:66px; margin:0 auto}
.ss_jm9 ul li b{ font-size:22px; text-align:center;display:block; padding:20px 0}
.ss_jm9 ul li p{ font-size:16px; line-height:22px;}
.ss_jm10 h1{ text-align:center; font-size:32px; padding:30px 0}
.ss_jm11{ height:120px;width:1153px; margin:0 auto;background:url(jm_35.jpg) no-repeat; overflow:hidden; padding-bottom:30px;}
.ss_jm11 p{ width:143px; float:left; text-align:right; padding-top:100px; font-size:14px;}