/* set the character sets */
 @charset "utf-8";
/* reset browser default styles */
* { padding: 0px; margin: 0px; }
li { list-style: none; }
a:link, a:visited, a:hover, a:active {text-decoration:none !important;}
body { width:100%; overflow-x:hidden; font:normal 12px/1.6em siyuan_l;color: #333;font-weight: 200; font-family: siyuan_l,"Microsoft YaHei","PingFang SC","Helvetica Neue",Helvetica,STHeitiSC-Light,Arial,sans-serif}

@font-face {
    font-family:siyuan_l;
    src: url(../static/SourceHanSansCN-Light.otf);
}
*{
    font-family: siyuan_l;
}
img{border:none;}
/* global styles */
.wrap {width: 1200px;margin: 0px auto;}
.wrapper {width: 62.5%;margin: 0px auto;}
.clearfix{clear:both;}
.pull_lt{float:left;}
.pull_rt{float:right;}
.login_li{
    /*display: none !important;*/
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background: rgba(0,0,0,0.85);
}
@media (max-width: 1920px){
   .serve .section2 .serve_sort>ul>li>p{
        font-size: 28px;
   }
   .tit>h1{
       font-size: 40px;font-weight: bold !important;
   }
   .tit>p{
        font-size: 24px;
    }
    .coop_section .item_list>ul>li>p{
        font-size: 22px;
    }
    .serve  .section4 p{
        font-size: 26px;
    }
    .special>ul>li .special_txt>h3{
        font-size: 28px;
    }
    .special>ul>li .special_txt>p{
        font-size: 20px;
    }
    .advantage>ul>li .advantage_txt>h4{
        font-size: 30px;
    }
    .advantage>ul>li .advantage_txt>p{
        font-size: 22px;
    }
    .about .section1 .brief>h5{
        font-size: 30px;
    }
    .about .section1 .brief>p{
        font-size: 20px;
    }
    .about .section1 .brief>p>span{
        font-size: 22px;
    }
    .about .section2 .team_list>dl>dd>h4{
        font-size: 30px;
    }
    .about .section2 .team_list>dl>dd>p{
        font-size: 18px;
    }
    .about .section4 .news_wrap .news .news_list>ul>li>a>h3{
        font-size:24px;
    }
    .about .section4 .news_wrap .news>h3{
        font-size: 18px;
    }
    .about .section4 .news_wrap .news>h3 i{
        font-style: normal;
        font-size: 28px;
    }
    .partner .section3 .coop_advan_wrap>ul>li .advan_txt>p{
        font-size: 20px;
    }
    .partner .section3 .coop_advan_wrap>ul>li .advan_txt>span{
        font-size: 16px;
    }
  
    .footer .logo_foot>p{
        font-size: 16px;
        margin-top: 5%;
    }
    .footer .logo_foot>p>span{
        font-size: 18px;
    }
    .footer .nav_foot>dl>dd>a{
        font-size: 16px;
    }
    .footer .nav_foot>dl>dt>a{
        font-size: 20px
    }
    .com_addr>p{
        font-size: 14px;
    }
	
	.com_addr>p>a{
        font-size: 14px;
		color: #fff;
		
    }
    .footer .nav_foot>dl>dd{
        margin-bottom: 20%;
    }
    .footer .nav_foot>dl>dt{
        margin-bottom: 22%;
    }
    .cooperation .section3 .loader>ul>li>p{
        font-size: 26px;
    }
    .cooperation .section3 .loader>ul>li>div>span{
        font-size: 16px;
    }
    .cooperation .section3 .loader>ul>li>div>h6{
        font-size: 18px;
    }
    .partner .section4 .process_list>ul>li>h5{
        font-size: 22px;
    }
    .partner .section4 .process_list>ul>li>p{
        font-size: 16px;
    }
    .section .footer .logo_foot>img{
        width: 48%;
    }
    .serve_section ul li h3{
        font-size: 23px;
    }
    .serve_section ul li p{
        font-size: 18px;
    }
    .serve_section ul li .serve_info{
        top: 51% !important;
    }
    .index .section2 ul li p{
        font-size: 16px;
    }
    .about .section5 span{
        font-size: 20px;
    }
    .section_foot .link_method p{
        font-size: 20px;
        margin-top: 0.56%;
    }
    .font_14{
        font-size: 16px !important;
    }
    .about .section6 .recruit_wrap .recruit_list>ul>li .recruit_item>p{
        font-size: 16px;
    }

    .section2_box ul{
        padding-left: 29%;
    }
    .section2_box{
        top: 29%;
    }
    .section_footer .tit{
        margin-top: 3% !important;
    }
    .section_footer .margin_3{
        margin-top: 3% !important;
    }
    .section_foot .link_method p.color_24{
        color: #333;
        letter-spacing: 1px;
        font-weight: bold;
    }


}
@media (max-width: 1600px){
	.index .section2 ul li b{margin: 8% auto !important;}
   .serve .section2 .serve_sort>ul>li>p{
        font-size: 26px;
   }
   .tit>h1{
        font-size: 40px;
   }
   .tit>p{
        font-size: 24px;
    }
    .coop_section .item_list>ul>li>p{
        font-size: 24px;
    }
    .serve  .section4 p{
        font-size: 24px;
    }
    .special>ul>li .special_txt>h3{
        font-size: 24px;
    }
    .special>ul>li .special_txt>p{
        font-size: 18px;
    }
    .advantage>ul>li .advantage_txt>h4{
        font-size: 26px;
    }
    .advantage>ul>li .advantage_txt>p{
        font-size: 20px;
    }
    .about .section1 .brief>h5{
        font-size: 26px;
    }
    .about .section1 .brief>p{
        font-size: 18px;
    }
    .about .section1 .brief>p>span{
        font-size: 20px;
    }
    .about .section2 .team_list>dl>dd>h4{
        font-size: 24px;
    }
    .about .section2 .team_list>dl>dd>p{
        font-size: 16px;
    }
    .about .section4 .news_wrap .news .news_list>ul>li>a>h3{
        font-size: 22px;
    }
    .about .section4 .news_wrap .news>h3{
        font-size: 26px;
    }
    .partner .section3 .coop_advan_wrap>ul>li .advan_txt>p{
        font-size: 18px;
    }
    .partner .section3 .coop_advan_wrap>ul>li .advan_txt>span{
        font-size: 14px;
    }
    .footer .logo_foot>p{
        font-size: 13px;
        margin-top: 4%;
    }
    .footer .logo_foot>p>span{
        font-size: 15px;
    }
    .footer .nav_foot>dl>dd>a{
        font-size: 16px;
    }
    .footer .nav_foot>dl>dt>a{
        font-size: 18x;
    }
    .com_addr>p{
        font-size: 14px;
    }
    .footer .nav_foot>dl>dd{
        margin-bottom: 16%;
    }
    .footer .nav_foot>dl>dt{
        margin-bottom: 18%;
    }
    .cooperation .section3 .loader>ul>li>p{
        font-size: 24px;
    }
    .cooperation .section3 .loader>ul>li>div>span{
        font-size: 14px;
    }
    .cooperation .section3 .loader>ul>li>div>h6{
        font-size: 16px;
    }
    .partner .section4 .process_list>ul>li>h5{
        font-size: 20px;
    }
    .partner .section4 .process_list>ul>li>p{
        font-size: 14px;
    }
    .section .footer .logo_foot>img{
        width: 68%;
    }
    .serve_section ul li h3{
        font-size: 23px;
    }
    .serve_section ul li p{
        font-size: 17px;
    }
    .index .section2 ul li p{
        font-size: 14px;
    }
    .about .section5 span{
        font-size: 18px;
    }
    .section_foot .link_method p{
        font-size: 18px;
    }
    .font_14{
        font-size: 14px !important;
    }
    .about .section6 .recruit_wrap .recruit_list>ul>li .recruit_item>p{
        font-size: 16px;
    }
    .section2_box ul{
        padding-left: 27%;
    }
    .section2_box{
        top: 27%;
    }
}
@media (max-width: 1366px){
	.section2_box ul li{font-size: 14px !important;}
	.section2_box p{font-size: 14px !important;}
	.serve_section ul li dt{font-size: 22px !important;}
	.serve_section ul li dd{font-size: 14px !important;}
	.index .section2 ul li b{margin: 6% auto !important;}
	.index .section2 ul li .no_title{font-size: 18px !important;}
    .hidden{
        display: none;
    }
    html,body{
        min-width: 1300px;
    }
   .serve .section2 .serve_sort>ul>li>p{
        font-size: 22px;
   }
   .tit>h1{
       font-size: 36px;
   }
   .tit>p{
        font-size: 20px;
    }
    .coop_section .item_list>ul>li>p{
        font-size: 20px;
    }
    .serve  .section4 p{
        font-size: 22px;
    }
    .special>ul>li .special_txt>h3{
        font-size: 22px;
    }
    .special>ul>li .special_txt>p{
        font-size: 15px;
    }
    .advantage>ul>li .advantage_txt>h4{
        font-size: 24px;
    }
    .advantage>ul>li .advantage_txt>p{
        font-size: 18px;
    }
    .about .section1 .brief>h5{
        font-size: 24px;
    }
    .about .section1 .brief>p{
        font-size: 16px;
    }
    .about .section1 .brief>p>span{
        font-size: 18px;
    }
    .about .section2 .team_list>dl>dd>h4{
        font-size: 21px;
    }
    .about .section2 .team_list>dl>dd>p{
        font-size: 14px;
    }
    .about .section4 .news_wrap .news .news_list>ul>li>a>h3{
        font-size: 18px;
    }
    .about .section4 .news_wrap .news>h3{
        font-size: 22px;
    }
    .partner .section3 .coop_advan_wrap>ul>li .advan_txt>p{
        font-size: 16px;
    }
    .partner .section3 .coop_advan_wrap>ul>li .advan_txt>span{
        font-size: 12px;
    }
    .footer .logo_foot>p{
        font-size: 12px;
        margin-top: 3%;

    }
    .footer .logo_foot>p>span{
        font-size: 14px;
    }
    .footer .nav_foot>dl>dd>a{
        font-size: 14px;
    }
    .footer .nav_foot>dl>dt>a{
        font-size: 18px;
    }
    .footer .nav_foot>dl>dt,.footer .nav_foot>dl>dd{
        margin-bottom: 10%;
    }
    .com_addr>p{
        font-size: 13px;
    }
    .cooperation .section3 .loader>ul>li>p{
        font-size: 22px;
    }
    .cooperation .section3 .loader>ul>li>div>span{
        font-size: 12px;
    }
    .cooperation .section3 .loader>ul>li>div>h6{
        font-size: 14px;
    }
    .partner .section4 .process_list>ul>li>h5{
        font-size: 18px;
    }
    .partner .section4 .process_list>ul>li>p{
        font-size: 12px;
    }
    .section .footer .logo_foot>img{
        width: 68%;
    }
    .serve_section ul li h3{
        font-size: 23px;
    }
    .serve_section ul li p{
        font-size: 14px;
    }
    .index .section2 ul li p{
        font-size: 14px;
    }
    .about .section5 span{
        font-size: 16px;
    }
    .section_foot .link_method p{
        font-size: 16px;
    }
    .font_14{
        font-size: 12px !important;
    }
    .about .section6 .recruit_wrap .recruit_list>ul>li .recruit_item>p{
        font-size: 14px;
    }
    .section2_box ul{
        padding-left: 21%;
    }
    .section2_box{
        top: 26%;
    }
}


/*导航--nav*/
.top{
    width: 100%;
    height: 80px;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 99;
}
.top .wrap{}
.top .wrap .logo{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    cursor: pointer;
    height: 61px;
}
.top .wrap .logo>img{
    height: 100%;
}
.top .wrap .nav{
    display: inline-block;
    vertical-align: top;
    margin-left: 200px;
}
.top .wrap .nav>ul{}
.top .wrap .nav>ul>li{
    display: inline-block;
    vertical-align: top;
    line-height: 78px;
    /*margin-right: 50px;*/
    padding: 0 25px;
    position: relative;
}
.top .wrap .nav>ul>li>ol{
    position: absolute;
    top: 80px;
    width: 130px;
    left: 0px;
    background:#fff;
    display: none;
    box-shadow: 0 2px 8px #ccc, 0 0 1px #ccc, 0 0 1px #ccc;
    padding: 15px 0;
    box-sizing: border-box;
    overflow: hidden;
}


.top .wrap .nav>ul>li>ol>li{
    line-height: 50px;
    padding: 0;

}
.top .wrap .nav>ul>li>ol>li:hover{
    background: #64c128;
}
.top .wrap .nav>ul>li>ol>li:hover>a{
    color: #fff;
}
.top .wrap .nav>ul>li>ol>li>a{
    font-size: 15px;
    color: #333;
    font-family: "Microsoft YaHei";
    padding: 0 25px;
    width: 100%;
    display: inline-block;
}
.top .wrap .nav>ul>li>a{
    font-size: 16px;
    color: #333;
    font-family: "Microsoft YaHei";
    
}
.top .wrap .nav>ul>li:hover{
    background: #f5f5f5;
}
.top .wrap .nav>ul>li.on{background: #64C128;}
.top .wrap .nav>ul>li.on>a{
    color: #fff;
}

.top .wrap .login_a{
    position: absolute;
    left: 0;
    top: 80px;
    display: none;
    background: #fff;
    width: 150px;
    padding: 15px 0;
    box-shadow: 0 2px 8px #ccc, 0 0 1px #ccc, 0 0 1px #ccc;
}
.top .wrap .login_a a{
    padding: 0 25px;
    display: block;
    font-size: 15px;
    color: #333;
     line-height: 50px;
    font-family: "Microsoft YaHei";
    
}
.top .wrap .login_a a:hover {
    background: #64c128;
    color: #fff;
}
.on_color {
    color: #64c128 !important;
}

/*底部footer*/
.section_footer{
    
}
/*foot Contact Us */
.section_footer .tit{
    margin-top: 2%;
    margin-bottom: 1.5%;
}
.section_footer .tit>h1{
    margin-bottom: 1.2%;
}
.section_foot{
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    bottom: 40%;
    background: #fafafa;
    text-align: center;
}

.section_foot .link_method p{
    text-align: center;
    color: #6c6a6a;
    line-height: 1.6;
}

.section_foot .color_6c6a{
    margin-top: 1.6%;
}

.section_foot .color_4d{
    color: #4d4d4d;
    margin-top: 0.6%;
    margin-bottom: 0.4%;
}

.section_foot .color_33{
    color: #333;
    font-size: 16px;
}
.section_foot .color_24{
    font-size: 24px;
    color: #333;
}
.section_foot img{
    width: 7.916% !important;
    margin-top: 1%;
}
.foot_div div{
    display: inline-block;
}
.section_foot .code_wrap{
    width: 7.916%;
    margin:0.5% 1%;
}
.section_foot .code_wrap>img{
    width: 100% !important;
}



.footer{
    margin:0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom:16%;
    top: 60%;
    background: #333;
}
.section_footer{
    padding-top: 2%;
}

.footer .logo_foot{
    width: 23.67%;
    display: inline-block;
    vertical-align: top;
    margin-left: 6%;
    margin-top: 2%;
}

.footer .logo_foot>p{
    color: #fff;
    letter-spacing: 1px;
}
.footer .logo_foot>p>span{
    letter-spacing: 2px;
}
.footer .nav_foot{
    display: inline-block;
    vertical-align: top;
    width: 69%;
    margin-top: 1%;
}
.footer .nav_foot>dl{
    display: inline-block;
    vertical-align: top;
    margin-top: 3%;
    margin-right: 1.4%;
    margin-left: 10.58%;
    margin-bottom: 2%;
}
.footer .nav_foot>dl>dt{
}
.footer .nav_foot>dl>dt>a{
    color: #fff;
    font-weight: 600;
}
.footer .nav_foot>dl>dd{
}
.footer .nav_foot>dl>dd>a{
    color: #fff;
}
.footer .nav_foot>dl>dd:hover>a{
    color: #64c128
}
.footer .nav_foot>dl>dd.wx{
    position: relative;
}
.footer .nav_foot>dl>dd.wx .qrImg{
    display: none;
    width:120% !important;
    right: -100% !important;
    top: 0 !important;
    height: 86px !important;
}
.footer .nav_foot>dl>dd.wx .qrImg img{
    width: 100%;
}
.footer .nav_foot>dl>dd.wx:hover .qrImg{
    display: block;
}
.com_addr{
    border-top:#646464 solid 1px;
    position: absolute;
    left: 0;
    right: 0;
    top:84%;
    bottom: 0;
    padding-top: 1.5%;
    background: #333
}

.com_addr>p{
    color: #fff;
    width: 62.5%;
    margin:0 auto;
    line-height: 1.8;
    text-indent: 4%;
    letter-spacing: 1px;
}
/*公共class*/
.tit{
    letter-spacing: 2px;
}
.tit>h1
   {
        font-weight: 400;
        text-align: center;
        color: #333;
        margin-bottom: 2%;
    }
.tit>p{
        color: #999;
        text-align: center;
    }
.tit>p>a{
    color: #87de4e;
}
.tit img{
    width: 100%;
}
.setCenter{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 88;
    width: 100% !important;
}
.newCenter{
    display: block;
    margin: 0 auto;
    width: 29.06% !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: change 0.8s;
    -moz-animation: change 0.8s;
    -webkit-animation: change 0.8s;
    -o-animation: change 0.8s;
}
.newCenter img{
    width: 100%;
}
.newCenter span{
    font-size: 28px;
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 18.5%;
    font-size: 32px;
    color: #64c128;
    padding-left: 12px;
}

@keyframes change{
    from {width: 100px;opacity: 0.1;}
    to {width: 25%;opacity: 1;}
}
.index .section1 p{
    text-align: center;
    color: #fff;
    font-size: 26px;
    width: 100%;
    position: absolute;
    top: 80%;
    line-height: 40px;
    animation: change1 1.1s;
    -moz-animation: change1 1.1s;
    -webkit-animation: change1 1.1s;
    -o-animation: change1 1.1s;
}
@keyframes change1 {
    from{
        top: 100%;}
    to{
        top: 80%;}
}
@media (max-width: 1600px){
    .index .section1 p{
        font-size: 22px;
    }
    .newCenter span {
        font-size: 22px;
    }
}
.Zindex1{
    position: relative;
    z-index: 11;
}
.Zindex2{
    position: relative;
    z-index: 22;
}
.Zindex3{
    position: relative;
    z-index: 33;
}
.margin_19{
    margin-right: 9%;
}
.margin_5{
    margin-right: 5.5%;
}
@-webkit-keyframes move1 {
     0%{ -webkit-transform: translate(1000px,0px); transform: translate(1000px,0px) }
     35%{ -webkit-transform: translate(-50px,0px); transform: translate(-50px,0px) }
     80%{ -webkit-transform: translate(0px,0px); transform: translate(0px,0px) }
     100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }
 } 
@-webkit-keyframes move2 {
    0%{ -webkit-transform: translate(0,-1000px);}
    20%{ -webkit-transform: translate(0,0);}
    40%{ -webkit-transform: translate(0,-50px);}
    60%{ -webkit-transform: translate(0,0px); }
    100%{ -webkit-transform: translate(0,0) ; }
}
@-webkit-keyframes move3 {
    0%{ -webkit-transform: translate(-330px,-1000px); transform: translate(-330px,-1000px) }
    20%{ -webkit-transform: translate(-330px,0); transform: translate(-330px,0) }
    40%{ -webkit-transform: translate(-330px,-50px); transform: translate(-330px,-50px) }
    60%{ -webkit-transform: translate(-330px,0px); transform: translate(-330px,0px) }
    100%{ -webkit-transform: translate(0,0); transform: translate(0,0) }
}
@keyframes move1 {
    0%{ transform: translate(1000px,0px) }
    35%{ transform: translate(-50px,0px) }
    80%{ transform: translate(0,0) }
    100%{ transform: translate(0,0) }
}
@keyframes move2 {
    0%{ transform: translate(0,-1000px)}
    20%{ transform: translate(0,0) }
    40%{ transform: translate(0,-50px) }
    60%{ transform: translate(0,0px) }
    100%{ transform: translate(0,0) }
}
@keyframes move3 {
    0%{ transform: translate(-330px,-1000px) }
    20%{ transform: translate(-330px,0) }
    40%{ transform: translate(-330px,-50px) }
    60%{ transform: translate(-330px,0px) }
    100%{ transform: translate(0,0) }
}
/*产品服务*/
.serve .section1{
    background: url(../cssimg/section21.jpg) no-repeat center;
    background-size: 100%;
}
.serve .section1 img{
     -webkit-transform: translateY(-1000px);
     -moz-transform:translateY(-1000px);
      transform: translateY(-1000px);
      -moz-transition: 1.8s;
       -webkit-transition: 1.8s;
      transition: 1.8s;
}
.serve .section1.active img{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
      transform: translateY(0px);
}
.serve .section2{
    background: #fafafa;
    position: relative;
}
.serve .section2 .tit{

}
.serve .section2 .tit>h1{}
.serve .section2 .tit>p{
}
.serve .section2 .serve_sort{
    width: 62.5%;
    margin:0 auto;
    margin-top: 3.5%;
}
.serve .section2 .serve_sort>ul{
    /*display: flex;
    justify-content: space-between;*/
    text-align: center;
}
.serve .section2 .serve_sort>ul>li{
    display: inline-block;
    vertical-align: top;
    margin:0 3.4%;
    margin-bottom: 6%;
    margin-top: 2%;
}

.serve .section2 .serve_sort>ul>li>div>img{
    height: 100%;
}
.serve .section2 .serve_sort>ul>li>p{
    color: #b29667;
    text-align: center;
    margin-top: 19%;
}
.coop_section{}
.coop_section .tit{}
.coop_section .tit>h1{}
.coop_section .tit>p{}
.coop_section .item_list{
    width: 62.5%;
    margin:0 auto;
}
.coop_section .item_list>ul{
    text-align: center;
}
.coop_section .item_list>ul>li{
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin-top: 4%;
    /*-webkit-box-shadow: 0 0 20px 3px #dcdcdc;
    -moz-box-shadow: 0 0 20px 3px #dcdcdc; 
    box-shadow: 0 0 20px 3px #dcdcdc;*/
    -moz-transition: 1.8s;
    -webkit-transition: 1.8s;
    transition: 1.8s;
    overflow: hidden;
}
.coop_section .item_list>ul>li.item1,.coop_section .item_list>ul>li.item4{
    -webkit-transform: translateX(60%);
    -moz-transform: translateX(60%);
      transform: translateX(60%);
}
.coop_section .item_list>ul>li.item3,.coop_section .item_list>ul>li.item6{
    -webkit-transform: translateX(-60%);
    -moz-transform: translateX(-60%);
      transform: translateX(-60%);
}
.coop_section.active .item_list>ul>li.item1,.coop_section.active .item_list>ul>li.item4{
    -webkit-transform: translateX(-16%);
    -moz-transform: translateX(-16%);
      transform: translateX(-16%);
}
.coop_section.active .item_list>ul>li.item5{}
.coop_section.active .item_list>ul>li.item5{}
.coop_section.active .item_list>ul>li.item3,.coop_section.active .item_list>ul>li.item6{
    -webkit-transform: translateX(16%);
    -moz-transform: translateX(16%);
      transform: translateX(16%);
}
.coop_section.active .item_list>ul>li.item5{
}

.coop_section .item_list>ul>li.item3{}
.coop_section .item_list>ul>li.item4{}
.coop_section .item_list>ul>li.item5{}
.coop_section .item_list>ul>li.item6{}
.coop_section .item_list>ul>li .item_pic{
    width: 100%;
    height: 50%;
    overflow: hidden;
   
}
.coop_section .item_list>ul>li .item_pic>img{
    width: 100%;
     -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.coop_section .item_list>ul>li:hover .item_pic>img{
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.coop_section .item_list>ul>li>p{
    text-align: center;
    color: #333;
    background:#fff;
    line-height: 2;
}
.serve  .section4{
    background: url(../cssimg/section13.jpg) no-repeat center;
    background-size: 100%;
    overflow: hidden;
}

.serve  .section4 p{
    padding-top: 23%;
    /*font-size: 2em;*/
    text-align: center;
    color: #fff;
    line-height: 1.6;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -moz-transition: 0.8s;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
.serve  .section4.active p{
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    transform: translateY(20%);
}
.serve  .section5 .tit{
    margin-top: -2%;
}
.special{
    width: 62.5%;
    margin:0 auto;
    margin-top: 1%;
}
.special>ul{}
.special>ul>li{
    display: inline-block;
    vertical-align: top;
    width: 43.3%;
    margin-top: 8%;
}
.special>ul>li .special_icon{
    width: 23.85%;
    display: inline-block;
    vertical-align: top;
}
.special>ul>li .special_icon>img{
    width: 100%;
}
.special>ul>li .special_txt{
    display: inline-block;
    vertical-align: top;
    width: 68%;
    margin-left: 7%;
}
.special>ul>li .special_txt>h3{
    color: #87de4e;
    font-weight: 400;
    margin-bottom: 6%;
}
.special>ul>li .special_txt>p{
    color: #666;
    line-height: 1.8;
}
/*index*/
.index .section1{
    background: url(../cssimg/section13.jpg) no-repeat center;
    background-size: 100%;
}
.index .section2{
    background: url(../cssimg/section12.jpg) no-repeat center;
    background-size: 100%;
}
.data_section{
    background: url(../cssimg/section11.jpg) no-repeat center;
    background-size: 100%;
}
.index .section{
    overflow: hidden;
}
.index .section img{
    width: 100%;
}
.index .section2 img{
    display: block;
}
/*.index .section2 img{
     -webkit-transform: translate(1000px,0px);
     -moz-transform: translate(1000px,0px);
     transform: translate(1000px,0px)
}
.index .section2.active img{
    -webkit-animation: move1 2s 0.8s forwards; 
    -moz-animation: move1 2s 0.8s forwards; 
    animation: move1 2s 0.8s forwards
} 
.data_section img{
    -webkit-transform: translate(-330px,-1000px);
    -moz-transform: translate(-330px,-1000px);
    transform: translate(-330px,-1000px)
}
.data_section.active img{
    -webkit-animation: move3 2s 0.8s forwards; 
    -moz-animation: move3 2s 0.8s forwards; 
    animation: move3 2s 0.8s forwards
}
.index .section1 img{
     -webkit-transform: translate(0,-1000px); 
     -moz-transform: translate(0,-1000px); 
     transform: translate(0,-1000px);
     opacity: 0
}
.index .section1.active img{
    -webkit-animation: move2 2s 0.8s forwards; 
    -moz-animation: move2 2s 0.8s forwards; 
    animation: move2 2s 0.8s forwards;
    opacity: 1
}*/

/*join~us*/
.join .section1{
    background: url(../cssimg/section71.jpg) no-repeat center;
    background-size: 100%;
}
.join .section1 .join_pic{
    width: 8.85%;
    position: absolute;
    left: 48%;
    top: 16%;
    -webkit-transform: translate(0,-1000px); 
     -moz-transform: translate(0,-1000px); 
     transform: translate(0,-1000px);
}
.join .section1.active .join_pic{
    -webkit-animation: move2 2s 0.8s forwards; 
    -moz-animation: move2 2s 0.8s forwards; 
    animation: move2 2s 0.8s forwards
}
.join .section1 .join_pic img{
    width: 100%;
}
.join .section1 img.brother{
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin:0 auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -moz-transition: 1.8s 0.3s;
    -webkit-transition: 1.8s 0.3s;
    transitio1: 0.8s 0.3s;
}
.join .section1.active img.brother{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
.join .tit{
    margin-bottom: 2%;
}
.advantage{
    width: 62.5%;
    margin:0 auto;
}
.advantage>ul{}
.advantage>ul.margin_2{
    margin-top: 4%;
}
.advantage>ul>li{
    font-size: 0;
    margin-top: 1%;
}
.advantage>ul>li .advantage_img{
    width: 44%;
    display: inline-block;
    vertical-align: top;
}
.advantage>ul>li .advantage_img>img{
    width: 100%;
}
.advantage>ul>li .advantage_txt{
    width: 44%;
    display: inline-block;
    vertical-align: top;
}
.advantage>ul>li .advantage_txt>h4{
    color: #333;
    font-weight: 400;
    margin-top: 16%;
    margin-bottom: 6%;
}
.advantage>ul>li .advantage_txt>p{
    color: #999;
    line-height: 1.8;
}
.section3 .advantage>ul>li{
    margin-top: 5%;
}
.join .section4{
    background: url(../cssimg/section33.jpg) no-repeat center;
    background-size: 100%;
    background-color: #fafafa;
}
.join .section4 img{
    width: 100%;
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    transform: translateX(20%);
    -moz-transition: 1.2s 0.4s;
    -webkit-transition: 1.2s 0.4s;
    transitio1: 1.2s 0.4s;
}
.join .section4.active img{
    width: 31%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
.join .section4 .tit{
    position: absolute;
    top: 4%;
    left: 0;
    right: 0;
    margin:0 auto;
}
.join .section4 .tit h1{
   
}
.join .section2 .tit h1{
}


/*about~us*/
.about{}
.about .section1{
    background: url(../cssimg/section41.jpg) no-repeat center;
    background-size: 100%;
}
.about .section1 .brief{
    width: 60.5%;
    margin:0 auto;
    /*background: url(images/shadow.png) no-repeat center;*/
   background: #fff;
    background-size: 100% 100%;
    padding:2.9%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 2px 12px #ccc, 0 0 1px #ccc, 0 0 1px #ccc; 
}
.about .section1 .brief>h5{
    color: #798bbd;
    margin-bottom: 3%;
}
.about .section1 .brief>p{
    color: #333;
    line-height:2;
}
.about .section1 .brief>p>span{
    font-weight: 600;
    margin:0 3px;
}
.about .section2{}
.about .section2 .tit{}
.about .section2 .tit>h1{
   
}
.about .section2 .tit>p{}
.about .section2 .team_list{
    width: 63.5%;
    margin:0 auto;
    margin-top: 3%;
    font-size: 0;
    text-align: justify;
}
.about .section2 .team_list>dl{
    display: inline-block;
    width: 29.5%;
    vertical-align: top;
}
.about .section2 .team_list>dl>dt{
    width: 66.9%;
    margin:0 auto;
}
.about .section2 .team_list>dl>dt>img{
    width: 100%;
}
.about .section2 .team_list>dl>dd{}
.about .section2 .team_list>dl>dd>h4{
    color: #333;
    font-weight: 400;
    margin-top: 8%;
    margin-bottom: 6%;
    text-align: center;
}
.about .section2 .team_list>dl>dd>p{
    color: #999;
    line-height: 1.6;
    width: 94%;
    margin:0 auto;
}
.about .section2 .team_list>dl>dd>p>br{}
.about .section3,.index .section3{
    background:url(../cssimg/section42.jpg) no-repeat top center;
    background-size: 100%;
}
.about .section3 .tit,.index .section3 .tit{
    position: absolute;
    text-align: center;
    top: 8%;
    left: 0;
    right: 0;
    margin:0 auto;
}
.about .section3 .tit>h1{}
.about .section3 .tit>p{}
.about .section4{
    background:#fafafa;
}
.about .section4 .tit{
    margin-top: -2%;
}
.about .section4 .tit>h1{}
.about .section4 .tit>p{}
.about .section4 .news_wrap{
    width: 62.5%;
    margin:0 auto;
    overflow: auto;
    margin-top: 2%;
}
.about a.more{
    font-size: 16px;
    color: #64c128;
    display: inline-block;
    /*border:#64c128 solid 1px;*/
    padding: 8px 22px;
    text-align: center;
    background: url(../cssimg/shuangjiantou.png) no-repeat right 40%;
    background-size: 28px 26px;
}
.about .section4 .news_wrap .news{
    font-size: 0;
    margin: 4% auto;
    margin-bottom: 0%;
}
.about .section4 .news_wrap .news>h3{
    width: 25%;
    display: inline-block;
    height: 140px;
    overflow: hidden;
    vertical-align: top;
     margin-bottom:2.5%;
}
.about .section4 .news_wrap .news>h3>img{
    width: 100%;
}
.about .section4 .news_wrap .news .news_list{
    width: 68%;
    display: inline-block;
    margin-left: 7%;
     margin-bottom: 2.5%;
}
.about .section4 .news_wrap .news .news_list>ul{}
.about .section4 .news_wrap .news .news_list>ul>li{
   
}
.about .section4 .news_wrap .news .news_list>ul>li a:hover{
    color: #64c128;
}
.about .section4 .news_wrap .news .news_list>ul>li>a{
    display: block;
    height: 100%;
}
.about .section4 .news_wrap .news .news_list>ul>li>a>h3{
    color: #333;
    line-height: 1.4;
    font-family: "微软雅黑";
    font-weight: 100;
}
.about .section4 .news_wrap .news .news_list>ul>li>a>h3>b{
    display: inline-block;
    padding: 0px 10px;
    line-height: 24px;
    border: #6c97e6 solid 1px;
    border-radius: 2px;
    font-size: 14px;
    color: #6c97e6;
    margin-right: 12px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.about .section5{}
.about .section5 .tit{}
.about .section5 .tit>h1{}
.about .section5 .tit>p{}
.about .section5 span.desc{
    display: block;
    text-align: center;
    color: #999;
    line-height: 1.8;
    margin-top: 3%;
}
.about .section6{
    background: #f7f7f7;
}
.about .section6 .fp-tableCell{
    vertical-align: top;
}
.about .section6 .tit{
    padding-top: 5%;
}
.about .section6 .tit>h1{}
.about .section6 .tit>p{}
.about .section6 .recruit_wrap{
    width: 62.5%;
    margin:0 auto;
    background: #fff;
    margin-top: 2.7%;
    min-height: 60%;
    margin-bottom: 6%;
}

.about .section6 .recruit_wrap .recruit_tit{
    font-size: 0;
    border-bottom: #eee solid 1px;
}
.about .section6 .recruit_wrap .recruit_tit>h5{
    display: inline-block;
    width: 18%;
    font-size: 18px;
    color: #333;
    padding:2.5% 0;
    font-weight: 400;
    text-indent: 4%;
}
.about .section6 .recruit_wrap .recruit_list{}
.about .section6 .recruit_wrap .recruit_list1{}
.about .section6 .recruit_wrap .recruit_list>ul{}
.about .section6 .recruit_wrap .recruit_list>ul>li{}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_item{
    font-size: 0;
    border-bottom: #eee solid 1px;
}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_item>p{
    width: 18%;
    color: #333;
    display: inline-block;
    text-indent: 4%;
    padding:2% 0;
}
.about .section6 .recruit_wrap .recruit_list1>ul>li .recruit_item>p,
.about .section6 .recruit_wrap .recruit_list1>h5{
    width: 20%;
}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_item>a{
    display: inline-block;
    width: 10%;
    color: #64c128;
    font-size: 14px;
    text-indent: 2%;
}

.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info{
    padding:3% 4%;
    display: none;
    border-bottom: #eee solid 1px;
}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info .duty{
    margin-bottom: 2.3%;
}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info .duty>h6{
    font-size: 16px;
    color: #666;
    margin-bottom: 1.2%;
}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info .duty>ol{}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info .duty>ol>li{
    font-size: 15px;
    color: #333;
    line-height: 1.8;
}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info .competency{}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info .competency>h6{}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info .competency>ol{}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info .competency>ol>li{}
.about .section6 .recruit_wrap .recruit_list>ul>li .recruit_info>p{
    font-size: 14px;
    color: #333;
}

.cooperation{}
.cooperation .section1{
    background: url(../cssimg/section51.jpg) no-repeat center;
    background-size: 100%;
}
.cooperation .section2{
    background: url(../cssimg/section52.jpg) no-repeat center;
    background-size: 100%;
}
.cooperation .section3{}
.cooperation .section3 .tit{}
.cooperation .section3 .tit>h1{}
.cooperation .section3 .loader{
    width: 62.5%;
    margin:0 auto;
    overflow: hidden;
    margin-top: 7%;
}
.cooperation .section3 .loader>ul{
    font-size: 0;
}
.cooperation .section3 .loader>ul>li{
    width: 28%;
    display: inline-block;
    vertical-align: top;
    margin-right: 8%;
    position: relative;
}
.cooperation .section3 .loader>ul>li>img{
    width: 100%;
}
.cooperation .section3 .loader>ul>li>p{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    line-height: 2.6;
    background: rgba(0,0,0,0.7);
    text-align: center;
}
.cooperation .section3 .loader>ul>li.loader3{
    margin-right: 0;
}
.cooperation .section3 .loader>ul>li.loader1>p{
    background: #a24abb;
}
.cooperation .section3 .loader>ul>li.loader2>p{
    background: #ff535c;
}
.cooperation .section3 .loader>ul>li.loader3>p{
    background: #ff7f1f;
}
.cooperation .section3 .loader>ul>li>div{
    width: 92%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    border-top: #fff solid 1px;
    top: 71.5%;
    padding-top: 4.5%;
}
.cooperation .section3 .loader>ul>li>div>span{
    
    color: #fff;
    line-height: 1.8;
    display: block;
    padding:0 5px;
}
.cooperation .section3 .loader>ul>li>div>h6{
    text-align: center;
    color: #fff;
    margin-top: 3%;
    font-weight: 400;
}
.brand_section{
    background: url(../cssimg/coop_bg.jpg) no-repeat center;
    background-size: 100%;
}
.brand_section .tit{}
.brand_section .tit>h1{
    color: #fff;
}
.brand_section .brand_list{
    width: 62.5%;
    margin:0 auto;
    margin-top: 3%;
}
.brand_section .brand_list>ul{
    font-size: 0;
    text-align: center;

}
.brand_section .brand_list>ul>li{
    width: 21.6%;
    display: inline-block;
    vertical-align: top;
    margin:1% 1.7%;
}
.brand_section .brand_list>ul>li>img{
    width: 100%;
}

.partner{}
.partner .section1{
    background: url(../cssimg/section61.jpg) no-repeat center;
    background-size: 100%;
}

.partner .section3{
    background: #a99cc4;
}
.partner .section2 .tit{
    position: absolute;
    top: 8%;
    left: 0;
    right: 0;
    margin:0 auto;
}
.partner .section3 .tit{
    color: #fff;
}
.partner .section3 .tit>h1{
    color: #fff;
}
.partner .section3 .tit>p{
    color: #fff;
}
.partner .section3 .coop_advan_wrap{
    width: 62.5%;
    margin:0 auto;
    margin-top: 1%;
}
.partner .section3 .coop_advan_wrap>ul{
   
}
.partner .section3 .coop_advan_wrap>ul>li{
    margin-top: 4%;
    width: 45%; 
    display: inline-block;
    vertical-align: top;
}
.partner .section3 .coop_advan_wrap>ul>li>h5{
    width: 50px;
    height: 50px;
    background: #fff;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-weight: 200;
    color: #9181b1;
}
.partner .section3 .coop_advan_wrap>ul>li .advan_txt{
    width: 82%;
    color: #fff;
    vertical-align: top;
    display: inline-block;
    float: right;
}
.partner .section3 .coop_advan_wrap>ul>li .advan_txt>p{
    margin-bottom: 2%;
}
.partner .section3 .coop_advan_wrap>ul>li .advan_txt>span{
    line-height: 1.8;
}
.partner .section4{
    background: #f5f7fa;
}
.partner .section4 .tit{
    margin-top: -2%;
}
.partner .section4 .tit>h1{}
.partner .section4 .tit>p{}
.partner .section4 .process_list{
    width: 70.5%;
    margin-left: 18.75%;
    background: url(../cssimg/p63.png) no-repeat center;
    background-size: 100%;
    margin-top: 5%;
}
.partner .section4 .process_list>ul{
    width: 88.6%;
    font-size: 0;
}
.partner .section4 .process_list>ul>li{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    padding-top: 15%;
}
.partner .section4 .process_list>ul>li>h5{
    color: #333;
    text-align: center;
    margin-bottom: 9%;
    font-weight: 400;
}
.partner .section4 .process_list>ul>li>p{
    color: #777;
    font-family: "微软雅黑";
    width: 78%;
    line-height: 1.8;
    margin:0 auto;
    text-align: justify;
}
.partner .section5{
    background: no-repeat top center;background:url(../images/hhrbbg.jpg) no-repeat top center;    background-size: auto auto;
background-size: auto auto;background-size: 100%;
    background-size:auto 100%;width: 100%;
}
.partner .section5 .tit{
    position: absolute;
    left: 0;
    right: 0;
    top: 4%;
    text-align: center;
}
.partner .section5 .tit>h1{
    color: #333;
}
.partner .section5 .tit>p{
    color: #999;
}
.part_box{width: 70.5%;
margin-left: 18.75%;
    background-size: auto auto;
background-size: 100%;
margin-top: 5%;}
.part_box h3{border-left: 8px solid #65c129;padding-left: 10px;font-size: 24px;color: #333333;line-height: 30px;font-weight: normal;}
.part_boxone{width: 88.6%;
font-size: 0;}
.part_boxone li{width: 50%;
display: inline-block;
vertical-align: top;
padding-top: 3%;}
.part_boxone li img{width: 90%;}

.part_boxtwo{padding-top: 3%;width: 88.6%;}
.part_boxtwo li{
display: inline-block;
vertical-align: top;margin-right: 20px;
padding-top: 3%;background: #000;color: #666;font-size: 15px;background: #fff;box-shadow: 0 0 6px rgba(0,0,0,0.2);line-height: 24px;padding: 0 10px;}
.lione{padding-top: 50px !important;padding-bottom: 50px !important; background:url(../images/bg_one.png) no-repeat center !important;background-size: 100% 100%  !important;}
.part_boxtwo dt{float: left;width: 25%;}
.part_boxtwo dd{float: left;width: 25%;}
.litwo{padding-top:33px !important;padding-bottom: 33px !important;background:url(../images/bg_two.png) no-repeat center !important;background-size: 100% 100%  !important;}
.lithree{padding-top: 33px !important;padding-bottom: 33px !important;margin-top:5%;background:url(../images/bg_three.png) no-repeat center !important;background-size: 100% 100%  !important;}

.lifour{padding-top: 20px !important;padding-bottom: 20px !important;background:url(../images/bg_four.png) no-repeat center !important;background-size: 100% 100%  !important;}
.lifive{padding-top: 33px !important;padding-bottom: 33px !important;margin-top:6%;background:url(../images/bg_five.png) no-repeat center !important;background-size: 100% 100%  !important;}
.lisix{padding-top: 80px !important;padding-bottom:80px !important;background:url(../images/bg_six.png) no-repeat center !important;background-size: 100% 100%  !important;}


.part_boxtwo dt:last-child{margin-right: 0;}
#LXB_CONTAINER .lxb-container-7-2{
    display: none !important;
}
.mediaplayer_wrap{
    width: 50%;
    height: 60%;
    margin:0 auto;
    margin-top: 0.8%;
}
#video_logo{
    display: none !important;
}
.jwplayer{
    background: none !important;
    outline: none !important;
}
.jwdisplay .jwpreview {
    background-color: #fff !important;
}
.jwplayer .jwinstream{
    font:inherit !important;
}

/*section1_1*/
.serve_section{
    background: #f7f7f7;
    overflow: hidden;
}
.serve_section ul{
    width: 62.5%;
    margin: 0 auto ;
    font-size: 23px;
    margin-top: 1%;
}

.serve_section ul li{
   width: 100%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
margin-right: 4%;
margin-top: 2%;
text-align: left;
position: relative;

}
.serve_section ul li dl{ width: 31%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
margin-right: 1%;
margin-top: 0%;
text-align: left;
position: relative;background: #000000;height: 243px;}
.serve_section ul li dl.last{margin-right: 0;}
/*.serve_section ul li dl{width:28%;
    float: left;
   margin-top:2%;
    background: #fff;position: relative;
    }*/
.serve_section ul li dt{font-size: 26px; color: #333;padding-left:20px;padding-top:50px;}
.serve_section ul li dd{font-size: 15px; color: #666;padding-left: 20px;margin-top: 30px;line-height: 30px;}
.serve_section ul li dl:hover dt{color:#fff ;}
.serve_section ul li dl:hover dd{color:#fff ;}

.sv_one{background: url(../images/fwlm1_03.jpg) no-repeat center !important;background-size:100% 100% ;}
.sv_two{background: url(../images/fwlm1_05.jpg) no-repeat center !important;background-size:100% 100% ;}
.sv_three{background: url(../images/fwlm1_07.jpg) no-repeat center !important;background-size:100% 100% ;}
.sv_four{background: url(../images/fwlm1_12.jpg) no-repeat center !important;background-size:100% 100% ;}
.sv_five{background: url(../images/fwlm1_13.jpg) no-repeat center !important;background-size:100% 100% ;}

.sv_one:hover{background:#65c129 url(../images/fwlm_03.png) no-repeat  !important;background-position:90% 90% !important;}
.sv_two:hover{background:#65c129 url(../images/fwlm_05.png) no-repeat  !important;background-position:90% 90% !important;}
.sv_three:hover{background:#65c129 url(../images/fwlm_07.png) no-repeat  !important;background-position:90% 90% !important;}
.sv_four:hover{background:#65c129 url(../images/fwlm_12.png) no-repeat  !important;background-position:90% 90% !important;}
.sv_five:hover{background:#65c129 url(../images/fwlm_13.png) no-repeat  !important;background-position:90% 90% !important;}

.serve_section ul li h3{
    color: #333;
    font-weight: 500;
    font-weight: bold;
}
.serve_section ul li p{
    line-height: 1.6;
    font-family: "微软雅黑";
    color: #666;
    letter-spacing: 1px;
}
/*section2*/
.index .section2{
    background: none;
}
.index .section2 ul {
    width: 62.5%;
    margin:0 auto;
    margin-top: 4%;
    font-size: 0;
}
.index .section2 ul li{
    width: 24.5%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
}
.index .section2 ul li p{
    color: #888;
    padding: 0 24px;
    line-height: 1.8;
}
.index .section2 ul li .no_title{
    color: #64c128;
    font-size: 23px;
    font-weight: bold;
}
.index .section2 ul li b{
    display: block;
    height: 2px;
    background: #d4d4d4;
    width: 51px;
    margin: 12% auto;
    margin-bottom: 10%;
}

/*section3*/
.data_section .tit h1{
}
.data_section .tit .score{
    margin-top: 3%;
    font-size: 20px;
}
.data_section{
    background: none;
}
.data_section ul{
    width: 62.5%;
    margin:0 auto;
}
.data_section ul li{
    width: 33.333%;
    float: left;
    text-align: center;
    margin-top: 7%;
}
.data_section ul li img{
    width: 12.5% !important;
}
.data_section ul li p{
    font-size: 24px;
    margin: 10% auto 5%;
}
.data_section ul li p span{
    font-size: 40px;
}
.data_section ul li h6{
    font-size: 18px;
    color: #888;
    font-weight: 300;
}
.p_20_33{
    font-size: 20px;
    color: #333;    
}
/*商务合作*/
.p_a_33 {
    font-size: 16px !important;
    color: #333 !important;
    margin-top: 2px;
}
.p_a_33 a{
    color: #333;
}


.partner .section2{
    background:url(../cssimg/section62.jpg) no-repeat;background-position:center bottom !important;
    background-size: 70% auto !important;
}
.section2_box{
    width: 62.5%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin:0 auto;
}
.section2_box h2{
    font-size: 30px;
    color: #221815;
    font-weight: 100;
    text-align: center;
    margin-bottom: 2%;
    margin-top: 1%;
    font-family: SourceHanSansCN-L;
}
.section2_box p{
    font-size: 20px;
    color: #808080;
    margin-bottom: 2.6%;
}
.section2_box ul{
    text-align: left;
}
.section2_box ul li{
    margin-bottom: 1%;
    font-size: 16px;
    color: #4c4c4c;
    border-left: 4px solid;
    padding-left: 2%;
    font-family: SourceHanSansCN-L;
}
.section2_box ul  .s2_li_1{
    border-color: #79a5dd;
}
.section2_box ul  .s2_li_2{
    border-color: #dd7979;
}
.section2_box ul  .s2_li_3{
    border-color: #58bc79;
}
.section2_box ul  .s2_li_4{
    border-color: #505d6d;
}

.table_box {
    width: 62.5%;
    margin: 0 auto;
    margin-top: 3%;
}
.table_box table td{
    width: 25%;
}
.table_box table td>p{
    font-size: 16px;
    color: #777;
    font-family: "微软雅黑";
}
.table_box table td img{
    width: 100%;
    display: block;
}
.table_box table .td_w{
    padding: 0 2%;
}
.table_box table .td_w p{
    line-height: 1.6;
}
.table_box table .td_w h5{
    text-align: center;
    font-size: 20px;
    color: #64c128;
    margin-bottom: 8%;
    font-weight: 200;
}
.table_box table .colspan{
    padding: 0 8%;
}
.table_box table .colspan h5{
    margin-bottom: 5%;
    
}
.table_box table .td_w .td_p_center{
    text-align: center;
}
.table_box table .bg_f2{
    background: #f2f2f2;
    text-align: center;
}
.table_box table .bg_f2 h5{
    color: #333;
}
.table_box table .bg_f2 p{
    color: #808080;
    font-family: "微软雅黑";
}

/*加入方式*/
.section4_box{
    width: 62.5%;
    margin: 0 auto;
}
.section4_box ul{
    width: 32%;
    float: right;
}
.section4_box ul li{
    border: 1px solid #64c128;
    border-radius: 100%;
    width: ;
}
/*新闻与招聘*/
.news_box{
    width: 100%;
}
.news_banner img{
    width: 100%;
}
.news_btn{
    text-align: center;
    margin: 5% 0 6%;
}
.news_btn span{
    display: inline-block;
    width: 218px;
    height: 73px;
    line-height: 73px;
    font-size: 28px;
    border: 1px solid #eee;
    color: #999;
    cursor: pointer;
}
.news_btn .btn_news{
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-right: 0;
}
.news_btn .btn_recruit{
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-left: 0;
}
.choose_btn{
    border: 1px solid #64c128;
    background: #64c128;
    color: #fff !important;
}
.news_box .section4 ,.news_box .section6{
    background: #fff !important;
}
.section_box {
    margin-bottom: 3%;
}
.section_box .section{
    display: none;
}


.top .wrap .nav{
    position: relative;
}

.login_a{
    position: absolute;
    left: 0;
    top: 80px;
    display: none;
    width: 12%;
    background: #fff;
    box-shadow: 0 2px 8px #ccc, 0 0 1px #ccc, 0 0 1px #ccc;
}
.login_a a{
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 186%;
    
}
.login_a a:hover{
    color: #64c128;
}
.top .wrap .nav>ul>li{
    /*line-height: 104px;*/
}

/*动态新闻*/
.news_list ul li a{
    font-size: 24px;
    color: #333;
    font-weight: 600;
}
.news_list ul li span{
    font-size: 16px;
    color: #666;
    display: block;
    margin: 2% 0;
}
.news_list ul li p{
    font-size: 18px;
    color: #666;
    line-height: initial;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}


/*分页样式 pagination*/
div.page{
    text-align: center;
    color: #333;
    margin-top: 60px;
    margin-bottom: 80px;
}
div.page b{
    padding: 0 3px;
}
div.page a{
    text-decoration: none;
}
div.page span,div.page a{
    display: inline-block;
    box-sizing: border-box;
    margin:0 5px;
}
div.page span.current{
    border-color: #6c97e6;
    background: #6c97e6;
    color: #fff;
}
span.disabled{
    height: 30px;
    width: 65px;
    line-height: 30px;
    background: #f2f2f2;
    margin: 0 5px;
}

.app .section1 .fp-tableCell{background: url(../images/down.jpg) no-repeat center;
    background-size: auto auto;
background-size:100% 100%;}

.app{}


.appbox{    width: 63.5%;
    margin:0 auto;
    margin-top: 3%;
    font-size: 0;
    text-align: justify;height: 100%;
}
.app_t{display: inline-block;
width: 50%;vertical-align: top;position: relative;height: 100%;}

.app_left{width: 100%;
display: table-cell;
vertical-align: top;
box-sizing: border-box;
margin-right: 4%;
margin-top: 4%;
text-align: center;height: 100%;}
.app_left img{width: 90%;display: block;position: absolute;bottom: 0;}


.app_right{width: 90%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
margin-right: 4%;
margin-top: 4%;
text-align: left;height: 100%;}

.app_right dl{position: absolute;bottom:20%;}
.app_right dl dt h3{}
.app_right dl dt p{font-size: 30px;color: #333332;margin: 20px 0;}
.app_right dl dd{padding-top: 20px;width: 100%;}
.app_right dl dd span{float: left; display: block;width:50%;}
.app_right dl dd span img{width: 100%;}
.app_right dl dd p{float: right;display: block;width:47%;padding-left:3% ;}
.app_right dl dd p a{display: block;width: 216px;height: 74px;background: #5cbe1e;width: 100%;margin-bottom:3%;font-size: 24px;color: #fff;text-align: center;line-height: 74px;border-radius: 10px;font-weight: 400;}

.zxfPagenum{
    color: #333;
    background: #FFFFFF;
    padding: 0 10px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #dfdfdf;
    margin: 0 5px;
}
.nextbtn,.prebtn{
    color: #333;
    background: #FFFFFF;
    width: 65px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #6c97e6;
    color: #6c97e6;
}
.zxfinput{
    height: 30px;
    line-height: 28px;
    width: 64px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    margin: 0 12px;
}
.zxfokbtn{
    padding: 0 10px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #dfdfdf;
    cursor: pointer;
}
.nextpage{
    color: #d71f1b;
    margin: 0 5px;
    border: 1px solid #d71f1b;
}

.toTop{
    position: fixed;
    right:34px;
    background: #fff;
    cursor: pointer; 
    z-index: 9999;
    bottom: 10%;
    width: 32px;
    height: 32px;
    background: url(../cssimg/toTop.png) no-repeat center;
}
.toTop:hover{
    background: url(../cssimg/toTop_hover.png) no-repeat center;
}


.newsMsgs{
    width: 900px;
    margin:0 auto;
    margin-top: 10%;
    padding-bottom: 70px;
    min-height: 450px;
}
.newsMsgs h1{
    font-size: 20px;
    color: #333;
    font-weight: 600;
}
.newsMsgs *{
    background: #f7f7f7 !important;
}
.newsMsgs span{
    font-size: 14px;
    color: #999;
    margin-top: 25px;
    display: block;
}
.newsMsgs p{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.dun_code{
    width: 9.5%;
    position: absolute;
    right: 3%;
    bottom: 6%;
    z-index: 999;
}

#fp-nav.right{
    right: 34px;
}