body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img{
    margin:0;padding:0;font-size: 13px;color: #666666;font-family: "Microsoft YaHei","Arial";
    outline:none;
}
a{text-decoration:none;outline:none;cursor: pointer;}
h1,h2,h3,h4,h5,h6,p{font-weight: normal;}
ul,li{list-style:none;}
html{position:relative;width:100%;}
body{position:absolute;width:100%;overflow-x:  hidden; transition: all 0.4s ease-in-out;left: 0;min-width:360px}
.container{position:relative;width:100%;font-family:'Arial';font-size:13px;color:#333;line-height:30px;-webkit-text-size-adjust: none;}
input {outline:none;}
input[type=submit],input[type=button] {
    -webkit-appearance: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong{font-weight:bold}
.clearfix{*zoom: 1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.clearfix{ clear: both;}

.container{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.page-cen{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
/*头部*/
.header{
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
    height: 85px;
}

.header .header-con{
    width: 100%;
    box-sizing: border-box;

    height: 80px;
}

.header .logo{
    float: left;

}
.header .logo a{
    display: block;
}

.header .herder_right{
    float: right;
    width: 620px;
}
.header .herder_top{
    width: 100%;
    height: 40px;

    text-align: right;
}
.header .herder_top .language{
    height: 53px;
    line-height: 53px;
    display: inline-block;
    margin-right: 25px;
    font-size: 13px;
    color: #b9b9b9;
    padding-right: 15px;
    background: url("../images/language_jt.png") no-repeat center right;
    position: relative;
    cursor: pointer;
}
.header .herder_top .language:hover{
    background: url("../images/language_jt2.png") no-repeat center right;
}
.header .herder_top .language p{
    position: absolute;
    top: 40px;
    left: 0;
    width: 60px;
    height: 50px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #e7e7e7;
    display: none;
    box-sizing: border-box;
    z-index: 10;
    background: #fff;
}
.header .herder_top .language p a{
    font-size: 13px;
    display: block;
    color: #b9b9b9;
}
.header .herder_top .language p a:hover{
    color: #d0a511;
}
.header .herder_top .header_search{
    display: inline-block;
    width: 23px;
    height: 22px;
    line-height: 22px;
    float: right;
    margin-top: 17px;
    background: url("../images/sss.png") center no-repeat; 
    cursor: pointer;
}
.herder_top .header_search .searchext {
    display: none;
    width: 100%;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    border: 1px solid #e7e7e7;
    padding-left: 10px;
    padding-right: 30px;
    box-sizing: border-box;
    /*background: url(../images/fdj.png) no-repeat 94% 50%;*/

}
.herder_top .header_search .searchext:hover{
    
    /*border: 1px dashed #e60012;*/
}

.header_code{
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
}
.header_code img{
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.header_code p{
    width: 80px;
    font-size: 13px;
    color: #3f853f;
    line-height: 16px;
    text-align: center;
    margin: 0 auto;
}
.header_code p.phone{
    width: 110px;
    display: inline-block;
    font-size: 13px;
    color: #3f853f;
    line-height: 20px;
    /*background: url(../images/footer_phone.png) no-repeat left center;*/
    padding-left: 15px;
    box-sizing: border-box;
    margin: 0 auto;
}


.herder_right .nav{
    width: 100%;
    height: 45px;
    line-height: 45px;
}
.herder_right .nav ul{
    float: right;
    
}
.herder_right .nav ul li{
    display: inline-block;
    margin-left: 40px;
    position: relative;
}
.herder_right .nav ul li a{
    display: block;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    line-height: 45px;
    height: 45px;
}

.herder_right .nav ul li:hover a{
    color: #000;
}
.herder_right .nav ul li.active a{
    color: #be933a;
}

.herder_right .nav ul li .subnav{
    position: absolute;
    top: 67px;
    left: -43px;
    width: 140px;
    height: auto;
    background: #fff;
    background-size: 100%;
    z-index: 99;
    display: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}
.herder_right .nav ul li .subnav a{
    display: block;
    height: 48px;
    line-height: 48px;
    color: #333;
    font-weight: bold;
}
.herder_right .nav ul li .subnav a:hover{
    /*background: #fff url(../images/subnav_sy_bj.png) no-repeat 15px 18px;*/
    opacity: 0.7;
    color: #e60012;
}

.bblank{
    width: 100%;
    height: 85px;
}
.hbanner{
    width: 100%;
    height: 470px;
    position: relative;
    /*overflow: hidden;*/
}
.hbanner .hbanner-img{
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    top: 0;
    z-index: -1;
}
.hbanner .hbanner-img .hb-img{
    width: 100%;
    margin: 0 auto;
}
.hbanner .hbanner-img .hb-img img{
    width: 100%;
    display: inherit;
}
.hbanner-con{
    width: 100%;
    z-index: 2;
}
.hbanner-title{
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 145px;
}
.hbanner-title .title-left{
    float: left;
    display: block;
    margin-top: 26px;
}
.hbanner-title .title-left p{
    font-size: 102px;
    font-weight: bold;
    color: #fff;
}
.hbanner-title .title-right{
    float: left;
    position: relative;
}

.hbanner-title .title-right .wfEditorMode{
    position: absolute;
    left: 140px;
    top: 20px;
}

.hbanner-title .title-right h2{
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    padding: 10px 0;
}
.hbanner-title .title-right p{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}

.hbanner-nav{
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #336e9f;
}
.nav-list{
    width: 100%;
    line-height: 70px;
    text-align: center;
}
.nav-list a{
    color: #fff;
    float: left;
    padding:  0px 50px ;
    font-size: 15px;
    font-weight: bold;
}
.nav-list a img{
    float: left;
    padding-top:25px;
    margin-right: 12px;
}
.nav-list a:hover,.nav-list a.active{
    background: url("../images/hhbg.png") repeat;
    
}
.nav-list a:hover img{
    -webkit-animation:doudong2 5s ease-in-out;
    -o-animation:doudong2 5s ease-in-out;
    animation:doudong2 5s ease-in-out;
    cursor:pointer;
}


.page-block{
    width: 100%;
}
.page-block .page-block-con{
    width: 100%;
}
.page-block .title{
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-bottom: 50px;
    -webkit-transform: scale(1) translateY(50px);
    -ms-transform: scale(1) translateY(50px);
    -o-transform: scale(1) translateY(50px);
    transform: scale(1) translateY(50px);
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    
}
.page-block.native .page-cen>.title{
    -webkit-transform: scale(1) translateY(0px);
    -ms-transform: scale(1) translateY(0px);
    -o-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    opacity: 1;
}




.page-block .content{
    float: left;
    width: 100%;
    margin-bottom: 60px;
}
.page-block .title h2{
    font-size: 16px;
    color: #336e9f;
    text-align: center;
    margin: 5px 0;
}
.page-block .title h2 strong{
    color: #be933a;
    font-weight: bold;
    font-size: 32px;
    margin-right: 10px;
}

.page-block2 .title h2{
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 5px 0;
}
.page-block2 .title h2 strong{
    color: #fff;
    font-weight: bold;
    font-size: 32px;
}

.page-block .content .page-content-item{
    float: left;
    width: 50%;
    position: relative;
    
filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.page-block .content .page-content-item img{
    width: 100%;
}
.page-block .fl{
    float: left;
}
.page-block .fr{
    float: right;
}
.page-block .content .page-content-item .text{
    width: 94%;
}
.page-block .content .page-content-item .text img{
    width: 100%;
}
.page-block .page-content-bottom{
     margin-top: 30px;
    margin-bottom: 60px;
}
.page-block .page-content-bottom ul{
    margin-right: -20px;
   
}
.page-block .page-content-bottom ul li{
    width: 385px;
    height: 273px;
    margin-right: 20px;
    float: left;
    overflow: hidden;
    
    
filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    
    
}
.page-block .page-content-bottom ul li img{
    width: 100%;
    display: inherit;
    width: 100%;
    
    overflow: hidden;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}
.page-block .page-content-bottom ul li img:hover{
     -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}

.page-company{
     background: #f5f5f5;
}
.page-strategic{
    background: #f5f5f5;
}
.page-strategic .str-icon {
    margin: 45px 0;
}
.page-strategic .str-icon ul{
    width: 100%;
    text-align: center;
}
.page-strategic .str-icon li{
    width: 120px;
    display: inline-block;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.page-strategic .str-icon li p{
    color: #336e9f;
    font-weight: bold;
}

.page-strategic .str-icon li:hover p{
    color: #3d8ed2;
   
}

.page-organization .organization-con img{
    display: inherit;
     filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.page-strategic .str-icon li:hover img{
    -webkit-animation:doudong1 1s  ease-in-out;
    -o-animation:doudong1 1s  ease-in-out;
    animation:doudong1 1s  ease-in-out;
}



.page-block .page-content-text{
    width: 79%;
    margin-left: 10.5%;
    text-align: center;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.page-block .ppbotom p{
    margin-bottom: 30px;
}
.page-organization{
    background: url("../images/about1_02.jpg") no-repeat top center;
}
.page-organization .organization-con{
    width: 1002px;
    margin: 0 auto;
}
.page-core{
    background: #f5f5f5;
}
.page-core .core-con{
    width: 100%;
    text-align: center;
}
.page-core .core-con p{
    margin-bottom:  30px;
}
.page-core .core-con img{
    width: 100%;
}
.page-future{
    background: url("../images/core_02.jpg") top center no-repeat;
}
.page-future .future-text{
    position: absolute;
    left: 0;
    top: 110px;
}
.page-future .future-text p{
    margin: 0 110px;
    color: #fff;
}
.page-future .page-content-top{
    margin: 30px 0 60px 0; 
}
.page-news .first-pnews-con{
    width: 100%;
}
.page-news .first-pnews-con .first-item{
    float: left;
    width: 50%;
    overflow: hidden;
    
} 
.page-news .first-pnews-con .first-item img{
    width: 100%;
    overflow: hidden;
     transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s; 
    display:inherit;
}

.page-news .first-pnews-con .first-item:hover img{
 -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}
.page-news .first-pnews-con .first-item .pnews-text{
    width: 94%;
}
.page-news .first-pnews-con .first-item .pnews-text a{
    color: #666;
}
.page-news .first-pnews-con .first-item .pnews-text a:hover{
    color:#336e9f;
}
.page-news .first-pnews-con .first-item .pnews-text h2 a{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.page-news .first-pnews-con .first-item .more{
    width: 140px;
    height: 40px;
    border: 1px solid #336e9f;
    text-align: center;
    line-height: 40px;
    margin-top: 60px;
    transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
   
}
.page-news .first-pnews-con .first-item .more:hover{
    background: #336e9f;
    
}
.page-news .first-pnews-con .first-item .more a p{
     color: #336e9f;
}
.page-news .first-pnews-con .first-item .more:hover p{
    color: #fff;
}
.page-news .first-pnews-con .first-item .pnews-text h3{
    color: #336e9f;
}
.page-news  .item{
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
 
filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;

}
.page-news  .item2{
    filter:alpha(opacity=1);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
.page-news  .item a,.page-news  .item{
    color: #666;
}

.page-news  .item h2{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.page-news  .item:hover h2,.page-news  .item:hover a{
     color: #336e9f;
}
.page-news  .item h3{
     color: #336e9f;
}
.news-title{
    width: 100%;
    text-align: center;
}
.news-title h1{
    font-size: 24px;
    color: #666;
    margin: 30px 0;
}
.news-title p{
    font-size: 14px;
    color: #336e9f;
    margin-bottom: 30px;
}
.news-content{
    width: 100%;
}
.news-content p{
    font-size: 14px;
    color: #999;
    text-align: left;
    margin: 10px 20px;
}
.news-content h1{
    text-align: center;
    font-size: 13px;
    color: #ccc;
}
.newsUpDown{
    width:100%;
    float: left;
    text-align:left;
    margin: 60px 20px;
}
.newsUpDown a{color:#999;font-weight:bold}
.newsUpDown a i{font-weight:normal}
.newsUpDown a:hover{color:#336e9f;}

.news-content img {
    width: 60% !important;
    margin-left: 20%;
    height: auto !important;
}
.news-content img.pic_img{
    width: auto !important;
    margin-left: 0;
    vertical-align: bottom;
}




.business-con{
    
}
.business-con ul{
    
}
.business-con ul li{
    position: relative;
     filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.business-con ul li .business-left{
    width: 50%;
    float: left;
}
.business-con ul li .business-left img{
    width: 100%;
    display: inherit;
}
.business-con ul li .business-right{
    width: 50%;
    float: left;
}
.business-con ul li .business-right img{
    width: 100%;
    display: inherit;
}
.business-con ul li  .business-text{
    position: absolute;
    width: 100%;
    left: 0px;
    top:0px;
}
.business-con ul li  .business-text .business-text-top{
    width: 50%;
    margin-top: 8%;
}
.business-con ul li  .business-text .business-text-top h2{
    font-size: 32px;
    font-weight: bold;
    color: #336e9f;
    margin: 20px 0;
}
.business-con ul li  .business-text .business-text-top p{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
.business-con ul li  .business-text .business-text-bottom{
    width: 50%;
    margin-top: 15%;
}
.business-con ul li  .business-text .business-text-bottom .text-area{
    width: 85%;
}
.business-con ul li  .business-text .business-text-bottom .text-area p{
    color: #fff;
}
.business-con ul li  .business-text .business-text-bottom .text-area ul{
    margin-right: -100px;
    margin-top: 30px;
} 

.business-con ul li  .business-text .business-text-bottom .text-area ul li{
    width: 140px;
    float: left;
    text-align: center;
}
.business-con ul li  .business-text .business-text-bottom .text-area ul li img{
    display: inline-block;
    /*margin-left: 30px;*/
    
}




.share-con{
    
}
.share-con ul{
    
}
.share-con ul li{
    position: relative;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.share-con ul li .share-left{
    width: 50%;
    float: left;
}
.share-con ul li .share-left img{
    width: 100%;
    display: inherit;
}
.share-con ul li .share-right{
    width: 50%;
    float: right;
}
.share-con ul li .share-right img{
    width: 100%;
    display: inherit;
}
.share-con ul li  .share-text{
    position: absolute;
    width: 100%;
    left: 0px;
    top:0px;
}
.share-con ul li  .share-text .share-text-top{
    width: 47%;
    margin-top: 5%;
}
.share-con ul li  .share-text .share-text-top ul{
    margin-top: 10px;
}
.share-con ul li  .share-text .share-text-top ul li{
    float: left;
    width: 33.33%;
    margin-right: 0px;
    text-align: center;
    
}
.share-con ul li  .share-text .share-text-top ul li p{
    color: #336e9f;
    font-weight: bold;
}

.share-con ul li  .share-text .share-text-top2 {
    float: right;
}
.share-con ul li  .share-text .share-text-top h2{
    font-size: 18px;
    font-weight: bold;
   
    margin: 20px 0;
}
.share-con ul li  .share-text .share-text-top h2 a{
     color: #336e9f;
}
.share-con ul li  .share-text .share-text-top h2:hover a{
     color: #be933a;
}
.share-con ul li  .share-text .share-text-top p{
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}
.share-con ul li  .share-text .share-text-bottom{
    width: 50%;
    margin-top: 15%;
}
.share-con ul li  .share-text .share-text-bottom .text-area{
    width: 85%;
}
.share-con ul li  .share-text .share-text-bottom .text-area p{
    color: #fff;
}
.share-con ul li  .share-text .share-text-bottom .text-area ul{
    margin-right: -100px;
    margin-top: 30px;
} 

.share-con ul li  .share-text .share-text-bottom .text-area ul li{
    width: 140px;
    float: left;
}
.share-con ul li  .share-text .share-text-bottom .text-area ul li p{
    margin-left: 30px;
}

.page-contact .contact-erweima{
    width: 36.5%;
    float: left;
/*background: #f5f5f5;*/
}
.page-contact .contact-erweima .erweima{
    width: 160px;
    height: 160px;
    background: #f5f5f5;
    text-align: center;
    float:left;
/*margin-top: 52px;*/
    padding:  100px 20px;


}
.page-contact .contact-erweima .erweima img
{
    display: inline;
    
width:100%;
/*    -webkit-animation: mappoint 3s infinite;
    -moz-animation: mappoint 3s infinite;
    -o-animation: mappoint 3s infinite;
    -ms-animation: mappoint 3s infinite;
    animation: mappoint 3s infinite;*/
}

.page-rules .content{
    margin-bottom: 30px;
}





@keyframes mappoint{
    0%{
        transform:scale(1.0);
    }
    50%{
        transform:scale(1.05);
    }
    100%{
        transform:scale(1.0);
    }
}
@-webkit-keyframes mappoint{
    0%{
        -webkit-transform:scale(1.0);
    }
    50%{
        -webkit-transform:scale(1.05);
    }
    100%{
        -webkit-transform:scale(1.0);
    }
}

@-moz-keyframes mappoint{
    0%{
        -moz-transform:scale(1.0);
    }
    50%{
        -moz-transform:scale(1.05);
    }
    100%{
        -moz-transform:scale(1.0);
    }
}

@-o-keyframes mappoint{
    0%{
        -o-transform:scale(1.0);
    }
    50%{
        -o-transform:scale(1.05);
    }
    100%{
        -o-transform:scale(1.0);
    }
}

@-ms-keyframes mappoint{
    0%{
        -ms-transform:scale(1.0);
    }
    50%{
        -ms-transform:scale(1.05);
    }
    100%{
        -ms-transform:scale(1.0);
    }
}



.page-contact .contact-text{
    width: 63.5%;
    float: left;
}

.page-contact .contact-text .contact-title p{
margin-top:20px;
    
}
.page-contact .contact-text h2{
    font-size: 20px;
    color: #336e9f;
    font-weight: bold;
}
.page-contact .contact-text ul{
    margin-top: 60px;
}
.page-contact .contact-text ul li{
    width: 245px;
    float: left;
    height: 170px;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5; 
    text-align: center;
}

.page-contact .contact-text ul li:hover img{
-webkit-animation:doudong1 1s  ease-in-out;
    -o-animation:doudong1 1s  ease-in-out;
    animation:doudong1 1s  ease-in-out;
}


.page-contact .contact-text ul li p{
    margin: 0 10px;
}
.page-contact .contact-text ul li p a{
    color: #666;
}

.page-contact .contact-text ul li p:hover a{
    color: #be933a;
}

.page-contact .contact-text ul li.last{
    border: none;
}
.page-contact .contact-map{
    margin-top: 60px;
    width: 100%;
    height: 342px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.page-contact .contact-map .map{
   
    width: 100%;
    height: 342px;
   
}
.page-address{
    background: #f5f5f5;
    margin-top: 30px;
}
.page-address .address-list{
    
}
.page-address .address-list ul {
    
}
.page-address .address-list ul li
{
    width: 47%;
}
.page-address .address-list ul li .address-title{
    margin-top: 60px;
}

.page-address .address-list ul li .address-title h2{
    font-size: 20px;
    font-weight: bold;
    color: #336e9f;
    margin-bottom: 20px;
}
.page-address .address-list ul li .address-title p{
    margin-bottom: 20px;
}
.page-address .address-list ul li .address-map{
    width: 100%;
}
.page-address .address-list ul li .address-map img{
    width: 100%;
}

.page-concept{
    
}
.page-concept .concept-con{
    
}
.page-concept .concept-top{
    text-align: center;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.page-concept .concept-top p{
    margin: 0 20px;
}
.page-concept .concept-info{
    width: 100%;
    margin-top: 60px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

.page-concept .concept-info .concept-item{
    width: 50%;
    float: left;
}
.page-concept .concept-info .concept-item img{
    width: 100%;
}
.page-concept .concept-info .concept-item .concept-require,.page-concept .concept-info .concept-item .concept-area{
    width: 94%;
    float: right;
}
.page-concept .concept-info .concept-item .concept-require h2{
    font-size: 16px;
    color: #336e9f;
    font-weight: bold;
    background: url("../images/h201.png") no-repeat left center;
    padding-left: 25px;
    margin-bottom: 30px;
}
.page-concept .concept-info .concept-item .concept-require p{
     background: url("../images/r_j.png") no-repeat 0px center;
    padding-left: 25px;
}
.page-concept .concept-info .concept-item .concept-area h2{
     font-size: 16px;
    color: #336e9f;
    font-weight: bold;
        background: url("../images/h202.png") no-repeat left center;
         
    padding-left: 25px;
    margin: 10px 0;

}
.page-concept .concept-info .concept-item .concept-area p{
    color: #be933a;
    padding-left: 25px;
}

.page-recruit{
    
}
.page-recruit .recruit-item{
    margin-bottom: 30px;
    cursor: pointer;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.page-recruit .recruit-item .recruit-icon{
    background: url("../images/icon02.png") center no-repeat;
    
    
    
  transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
    width: 18%;
    height: 115px;
    float: left;
}
.page-recruit .recruit-item.active .recruit-icon,.page-recruit .recruit-item:hover .recruit-icon{
    background: url("../images/icon01.png") center no-repeat;
}
.page-recruit .recruit-item  .recruit-text{
    width: 82%;
    float: right;
}
.page-recruit .recruit-item  .recruit-text .recruit-title{
    width: 100%;
    height: 115px;
    background: #f8f8f8;
    line-height: 115px;
   
}
.page-recruit .recruit-item  .recruit-text .recruit-title h2{
    font-size: 16px;
    /*color: #336e9f;*/
    color: #666666;
    font-weight: bold;
    margin: 0 20px;
     background: url("../images/right01.png") right center no-repeat;
     transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
     
     
}
.page-recruit .recruit-item.active  .recruit-text .recruit-title h2,.page-recruit .recruit-item:hover  .recruit-text .recruit-title h2{
    color: #336e9f;
     background: url("../images/right02.png") right center no-repeat;
}
.page-recruit .recruit-item .recruit-info{
    display: none;
}
.page-recruit .recruit-item.active .recruit-info{
    display: block;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s; 
    -webkit-animation-iteration-count: 1; 
   -webkit-animation-delay: 0s;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0; 
}
50% {
opacity: 0; 
}
100% {
opacity: 1; 
}
}



.page-recruit .recruit-item .recruit-info .recruit-time{
    margin: 30px 0;
}
.page-recruit .recruit-item .recruit-info .recruit-time p{
    width: 145px;
    height: 40px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin-right: 20px;
    float: left;
    line-height: 40px;
    text-indent: 55px;
    color: #336e9f;
}
.page-recruit .recruit-item .recruit-info .recruit-time p a{
     color: #336e9f;
}
.page-recruit .recruit-item .recruit-info .recruit-time p.time {
    background: url("../images/ti01.png") 20px center no-repeat;
}
.page-recruit .recruit-item .recruit-info .recruit-time p.upload  {
    background: url("../images/ti02.png") center no-repeat;
    transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
}
.page-recruit .recruit-item .recruit-info .recruit-time p.upload:hover  {
    background: url("../images/ti022.png")  center no-repeat;
    color: #fff;
 
}
.page-recruit .recruit-item .recruit-info .recruit-time p.upload:hover a{
    color: #fff;
}
.page-recruit .recruit-item .recruit-info .recruit-job{
    
}
.page-recruit .recruit-item .recruit-info .recruit-job p{
    margin: 20px 0;
}
.page-recruit .recruit-item .recruit-info .recruit-job p em{
    color: #336e9f;
}
.page-recruit .recruit-item .recruit-info .recruit-job p span{
    padding: 0 20px;
}
.page-recruit .recruit-list-con{
    
}
.page-recruit .recruit-list-con .recruit-list{
    float: left;
    width: 50%;
    /*margin-left: %;*/
}
.page-recruit .recruit-list-con .recruit-list h2{
    color: #336e9f;
}
.download-con{
    
}
.download-con ul{
    margin-right: -40px;
}
.download-con ul li{
    width: 380px;
    float: left;
    margin-right: 33px;
    margin-bottom: 30px;
   
filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0; 
    
    
}
/*.download-con ul li.down-video{
    cursor: pointer;
}*/

.download-con ul li .down-img{
    width: 170px;
    height: 170px;
    overflow: hidden;
    float: left;
}
.download-con ul li .down-img img{
    width: 100%;
}
.download-con ul li .down-text{
    width: 187px;
    float: right;
    height: 145px;
    border-bottom: 1px solid #e5e5e5;
     box-sizing: border-box;
     position: relative;
}
.download-con ul li .down-text .down-pdf{
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom:0;
    
}


.download-con ul li .down-text .down-pdf .brochure{
    width: 94px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    float: left;
    background: #6692b7;
    color: #fff;
}
.download-con ul li .down-text .down-pdf .down-btn{
    float: right;
}
.download-con ul li .down-text .down-pdf .down-btn span{
    display: inline-block;
    width: 16px;
    height: 12px;
}
.download-con ul li .down-text .down-pdf .down-btn span.search{
    background: url("../images/se01.png") center no-repeat;
}
.download-con ul li .down-text .down-pdf .down-btn span.xiazai{
    background: url("../images/se02.png") center no-repeat;
}
.download-con ul li .down-text .down-pdf .down-btn span.search:hover{
    background: url("../images/se012.png") center no-repeat;
}
.download-con ul li .down-text .down-pdf .down-btn span.xiazai:hover{
    background: url("../images/se022.png") center no-repeat;
}
.download-con ul li .down-text h2{
    font-size: 15px;
    color: #333;
}
.download-con ul li .down-text h2:hover{
    color: #336e9f;
}
.download-con ul li .down-text p{
    font-size: 15px;
    color: #336e9f;
}
.culture-con {
    
}
.culture-con .item-two{
    margin-right: -20px;
}
.culture-con .item-two  li{
    width: 593px;
    float: left;
    margin-right: 17px;
}
.culture-con  li{
    position: relative;
     margin-bottom: 30px;
      filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.culture-con  li img{
    display: inherit;
    width: 100%;
}
.culture-con .item-three{
    margin-right: -25px;
}

.culture-con .item-three  li{
    width: 392px;
    float: left;
    margin-right: 16px;
   
}
.culture-con  li .text{
    position: absolute;
    top: 0;
    left: 0;
}
.culture-con  li .text p{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin: 20px;
}

.page-rules{
    background: url("../images/rule.jpg") top center no-repeat;
}
.page-rules .rules-title{
    width: 44%;
    float: left;
}
.page-rules .rules-title h2{
    font-size: 16px;
    color: #fff;
        font-weight: bold;
        margin-top: 90px;
        margin-bottom: 60px;
}
.page-rules .rules-title ul li
{
    float: left;
    width: 50%;
    height: 45px;
    line-height: 45px;
    margin-bottom: 20px;
    background: url("../images/bor.png") left center no-repeat;
}
.page-rules .rules-title ul li p{
    color: #fff;
    margin-left: 20px;
}
.page-rules .rules-img{
    float: right;
    width: 56%;
    margin-top: 70px;
}
.page-rules .rules-img img{
    width: 100%;
}
.pback{
    float: left;
    width: 100%;
    text-align: center;
    /*margin: 60px 0;*/
    margin-top: 30px;
    margin-bottom: 90px;
}
.pback p a{
    color: #fff;
    padding: 20px 80px;
    background: url("../images/back.png") center no-repeat;
    cursor: pointer;
}
.pback p a:hover{
     background: url("../images/back2.png") center no-repeat;
}



/*底部样式*/
.footer{
    width: 100%;
    background: #336e9f;
}

.copyright{
    height: 100px;
    background: #336e9f;
}
.copyright .copyright-text{
    float: left;
}
.copyright .copyright-text p{
    color: #fff;
line-height: 100px;
}
.copyright .copyright-text p a{
    color: #fff;
}
.copyright .copyright-text p a:hover{
    text-decoration: underline;
}
.copyright .copyright-icon{
    float: right;
    margin-top: 36px;
    color: #fff;
   
}
.copyright .copyright-icon  a{
   color: #fff;
  padding: 5px;
  cursor: pointer;
}
.copyright .copyright-icon  a:hover{
    text-decoration: underline;
}






.psection .psection-left{
    width: 45%;
    float: left;
    margin: 30px 0;
}

.psection .psection-left strong{
    font-size: 22px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 30px;
    display: block;
}

.psection .psection-right{
    width: 47.5%;
    float: right;
    margin: 30px 0;
}
.psection .psection-right img{
    width: 100%;
}
.psection2{
    background: url("../images/industry_15.jpg") no-repeat;
}
.psection4{
    background: url("../images/industry_21.jpg") no-repeat;
}
.psection3 .psection-left{
    float: right;
}
.psection3 .psection-right{
    float: left;

}
.psection .psection-top{
    text-align: center;
}
.psection .psection-top p{
    margin: 0 100px;
}
.psection .psection-top img{
    margin-top: 20px;
}
.psection .psection-btn{
    width: 100%;
    margin: 30px 0;
}
.psection .psection-btn .btn{

}
.psection .psection-btn .btn p{
    width: 212px;
    height: 45px;
    margin: 0 auto;
    background: url("../images/pbtn.png") no-repeat;
    line-height: 45px;
    color: #fff;
    padding-left: 20px;
}
.psection .psection-btn .btn a.active p{
    background: url("../images/pbtn2.png") no-repeat;
} 

.psection .psection-btn .btn p:hover{
    background: url("../images/pbtn2.png") no-repeat;
}
.psection-slider{
  margin: 30px 0;
  position: relative;
  display: none;
}
.psection-slider .phonor-direction{
    position: absolute;
    top: 45%;
    width: 19px;
    height: 21px;
    cursor: pointer;
}

.psection-slider .next{
    right: -80px;
    background: url("../images/next11.png") no-repeat;
}
.psection-slider .next:hover{
    background: url("../images/next12.png") no-repeat;
}

.psection-slider .pre{
    left: -80px;
    background: url("../images/pre11.png") no-repeat;
}
.psection-slider .pre:hover{
    
    background: url("../images/pre12.png") no-repeat;
}
.phonor-con div.disabled{display:none!important}
.psection-slider div.disabled{display:none!important}
.innovation-slider div.disabled{display:none!important}
.psection-slider ul{

    
}
.psection-slider ul li{
    width: 572px;
    height: 316px;
    float: left;
    margin:0px 14px;
    /*margin-left: 28px;*/
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.psection-slider ul li .text{
    position: absolute;
    width: 100%;
    height: 70px;
    background: url("../images/libg22.png") repeat-x ;
    left: 0;
    bottom: 0;
    line-height: 70px;
    text-align: center;
}
.psection-slider ul li .text p{
    color: #fff;
}
.psection-more{
    width: 100%;
    float: left;
    border-bottom: 1px solid  #e6e6e6;
    padding: 20px 0 50px 0;

}
.psection-more span{
    width: 46px;
    height: 46px;
    background: url("../images/add.png") no-repeat;
    display: block;
    margin: 0 auto;
     -webkit-transition:transform 0.5s ease-in-out;
    -o-transition:transform 0.5s ease-in-out;
    -ms-transition:transform 0.5s ease-in-out;
    -moz-transition:transform 0.5s ease-in-out;
    cursor: pointer;
}

.psection-more span:hover{
    background-position: bottom;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}



.psection-more-item{
    float: left;
    width: 100%;
    margin-top:60px ;
    display: none;
}

.psection-more-item ul li{
    width: 42%;
    float: left;
    margin-left: 8%;
    background: url("../images/55.png") left center no-repeat;
}
.psection-more-item ul li a{
    padding-left: 27px;
    font-size: 14px;
    color: #999;
}
.psection-table{
    width: 100%;
}
.psection-table table{
    border-collapse: collapse;width: 100%;text-align: center;
    border: 1px solid #fff;
}
.psection-table table tr{
    width: 100%;
}
.psection-table table tr.headline{
    background: #dbdbdb;
}
.psection-table table tr.headline td{
    height: 52px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}
.psection-table table tr.even{
   background: #f4f4f4;
   height: 36px;
   font-size: 14px;
   color: #333;
}
.psection-table table tr.odd{
   background: #ececec;
   height: 36px;
   font-size: 14px;
   color: #333;
}
.psection-table table td{
    width: 25%;
}
.report-con{
    width: 100%;
    margin: 60px 0;
    position: relative;
}
.report-con ul{
    /*width:*/ 
    margin: 0  -20px;
    
}
.report-con ul li{
    float: left;
    width: 200px;
    margin:0 20px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;

}
.report-con ul li .report-img{
    width: 100%;
    height: 270px;
    overflow: hidden;
    border: 1px solid #bbbbbb;
    box-sizing: border-box;
}
.report-con ul li .report-text{
    margin: 10px 0;
}
.report-con ul li .report-text p{
    float: left;
    cursor: pointer;
    font-size: 14px;
    color: #2a3139;
}
.report-con ul li .report-text p:hover{
     color: #ff0000;
}
.report-con ul li .report-text span{
    width: 50px;
    display: block;
    float: right;
    background: url("../images/xia.png") left center no-repeat;
    text-align: right;
    color: #ff0000;
    font-size: 14px;
}
.report-con ul li .report-text span:hover{
    color: #810606;
        background: url("../images/xia2.png") left center no-repeat;

}

.report-con .phonor-direction{
    position: absolute;
    top: 45%;
    width: 19px;
    height: 21px;
    cursor: pointer;
}

.report-con .next{
    right: -80px;
    background: url("../images/next11.png") no-repeat;
}
.report-con .next:hover{
    background: url("../images/next12.png") no-repeat;
}

.report-con .pre{
    left: -80px;
    background: url("../images/pre11.png") no-repeat;
}
.report-con .pre:hover{
    
    background: url("../images/pre12.png") no-repeat;
}





.preport{
    background: url("../images/relation_04.png") center no-repeat;
}
.notice-con{
    width: 100%;
}
.notice-con .notice-nav{
    text-align: center;
    margin: 30px 0;
}
.notice-con .notice-nav a{
    padding: 0 32px;
    cursor: pointer;
    color: #666;
    font-size: 16px;
}
.notice-con .notice-nav a.active,.notice-con .notice-nav a:hover{
    color: #ff0000;
}
.notice-item{
    width: 100%;
}
.notice-item .item{
    float: left;
    width: 100%;
    cursor: pointer;
    padding: 20px 0;
    border-bottom: 1px dashed #cacaca;
}
.notice-item .item:hover{
    background: #f4f4f4;
}
.notice-item .item .time{
    width: 80px;
    height: 86px;
    background: #e60012;
    float: left;
    margin-left: 20px;
    text-align: center;
}
.notice-item .item .time p{
    padding: 5px 0;
}
.notice-item .item .time p span{
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #f0636e;
    padding-bottom:  10px;
}
.notice-item .item .time h2{
        font-size: 31px;
    color: #fff;
    padding-top: 5px;
}
.notice-item .item .ntitle{
    margin-left: 70px;
    float: left;
    width: 70%;
}
.notice-item .item .ntitle p{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin: 30px 0;
}
.notice-item .item .ntitle:hover p{
    color: red;
}
.notice-item .item .download{
    float: right;
    margin-top: 40px;
    margin-right: 40px;
}
.notice-item .item .download span{
    width: 29px;
    height: 29px;
    
    display: block;
}
.notice-item .item  .download span{
   background: url('../images/pdf2.png') no-repeat;
}
.notice-item .item:hover  .download span{
   background: url('../images/pdf1.png') no-repeat;
}
.develop-bottom{
    width: 100%;
    float: left;
    margin-top: -338px;
    height:470px;
    position: relative;z-index: -1;
    background: url("../images/develop_04.jpg") center no-repeat;
}
.develop-bottom img{
    width: 100%;
    display: block;
}
.develop-img{
    width: 100%;
    margin: 60px 0;
    
}
.develop-img .item{
    width: 50%;
    float: left;
    margin-top: 60px;
}
.develop-img .item img{
    width: 95%;
    float: left;
}
.develop-img .item2 img{
    float: right;
}
.pcareers{
    background: #f4f4f4;
}
.careers-top{
    margin: 78px 0 50px 0;
}
.careers-top p{
    margin: 30px 0;
}
.careers-top img{
    width: 100%;
    /*margin-top: 30px;*/
}
.careers-slider{
    width: 100%;
}
.careers-slider ul{
    margin-right: -40px;
}
.careers-slider ul li{
    width: 383px;
    float: left;
    margin-right: 30px;
}
.careers-slider ul li img{
    width: 100%;
}
.careers-slider ul li h2{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 20px 0;
}
.page-develop{
        background: url(../images/careers_17.jpg) center no-repeat;
}
.train-con{
    width: 100%;
    margin-bottom: 60px;
    position: relative;
}
.train-con ul{
    
}
.train-con ul li
{
    float: left;
    text-align: center;
    width: 1200px;
    height: 240px;
}
.train-con ul li h2{
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin: 60px 0;
}
.train-con ul li p{
     font-size: 16px;
    color: #fff;
}


.train-con .phonor-direction{
    position: absolute;
    top: 45%;
    width: 19px;
    height: 21px;
    cursor: pointer;
}

.train-con .next{
    right: -80px;
    background: url("../images/next22.png") no-repeat;
}
.train-con .next:hover{
    background: url("../images/next12.png") no-repeat;
}

.train-con .pre{
    left: -80px;
    background: url("../images/pre22.png") no-repeat;
}
.train-con .pre:hover{
    
    background: url("../images/pre12.png") no-repeat;
}



/*弹框*/
.bounced{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top:0;
    background: url('../images/bounced.png') repeat;
    z-index: 999;
    display: none;
}
.bounced .bounced-con{
    width: 100%;
    height: 100%;
    position: relative;
}
.bounced .bounced-block{
    width: 830px;
    height: 572px;
    position:absolute;
    left: 50%;
    margin-left: -415px;
    top: 50%;
    margin-top:-286px;
    background: #fff;
    line-height: 572px;
     -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #be933a;
  box-sizing: border-box;

}
.bounced .bounced-block .title{
    text-align: center;
    margin-bottom:  50px;
    
}
.bounced .bounced-block .title h2{
    font-size: 24px;
    color: #be933a;
    margin: 10px 0;
}
.bounced .bounced-block .title p{
    font-size: 15px;
    color: #999;
}

.bounced  .bounced-close{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.bounced  .bounced-close .close{
    width: 56px;
    height: 56px;
    background: url("../images/close.png") no-repeat;
    position: absolute;
    top: 100px;
    right: 0;
    cursor: pointer;
     -webkit-transition:transform 0.5s ease-in-out;
    -o-transition:transform 0.5s ease-in-out;
    -ms-transition:transform 0.5s ease-in-out;
    -moz-transition:transform 0.5s ease-in-out;
}
.bounced  .bounced-close .close:hover{
    background-position: bottom;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}






/*向上*/
.gotop{
    width: 60px;
    height: 60px;
    background: url(../images/top.png) no-repeat center center;
    cursor: pointer;
    position: fixed;
    right: 80px;
    bottom: 20%;
    z-index: 99999;
    transition: background .3s ease-in;
  -moz-transition: background .3s ease-in;
  -webkit-transition: background .3s ease-in;
}
.gotop:hover{
    background: url(../images/top2.png) no-repeat center center;
}
/*缩放*/
/*.wscale{
    overflow: hidden;
}*/
.wscale img{
    display: inherit;
    width: 100%;
    
    overflow: hidden;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s; 
}
.wscale img:hover{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}






/*分页*/
.pages{
    width: 100%;
    text-align: center;
    margin: 60px 0;
    float: left;
}
.pages ul{
    
}
.pages ul li{
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url("../images/page2.png") no-repeat;
}
.pages ul li a{
    color: #666666;
    font-size: 12px;
}
.pages ul li.selected,.pages ul li:hover{
    background: url("../images/page.png") no-repeat;
}
.pages ul li.selected a,.pages ul li:hover a{
    color: #fff;
}
.pages ul li.first,.pages ul li.last{
    display: none;
}




/*搜索结果*/
.search-result{
    width: 100%;
}
.search-result ul li{
    width: 31.333%;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
    float: left;
    height: 253px;
    margin-bottom: 60px;
    
}

.search-result ul li .result-img{
    overflow: hidden;
     width: 100%;
    height: 100%;
}
.search-result ul li img{
    width: 100%;
    height: 100%;
}
.search-result ul li .result-title{
    width: 100%;
    position: absolute;
    left: 0;
    display: block;
    bottom: 0px;
    height: 50px;
    line-height: 50px;
    background: url('../images/libg22.png') repeat;
    overflow: hidden;
}
.search-result ul li .result-title h2{
    color: #fff;
    padding: 0 10px;
    text-align: center;
}
.search-result ul li .result-title h2:hover{
    color: #d0a511;
}
.search-area{
    width: 595px;
    margin: 60px auto 0 auto;
}
.prompt-tetx{
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}
.search-area .search_input {
    border-width: 1px;
    border-style: solid;
    border-color: #d0a511;
    width: 417px;
    float: left;
    font-size: 16px;
    height: 29px;
    line-height: 29px;
    padding: 2px 53px 2px 5px;
}
.search-area .btn{
    width: 116px;
    height: 36px;
    background: url(../images/vbg_new.png) no-repeat -90px -35px;
    border: 0;
    cursor: pointer;
    float: left;
    text-indent: 999px;
}
.search-area .search_input:hover{
	border:#ff000 1px solid;
        border-color: #f3c11c;
}
.search-area .search_input:focus{
	border:#ff000 1px solid;
        border-color: #f3c11c;
}
.search-area .btn:hover{
     background: url(../images/vbg_new.png) no-repeat -90px -75px;
}










@keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: rotate(0deg);
        -ms-transform:rotate(0deg) ;
        -o-transform:rotate(0deg) ;
        transform: rotate(0deg);
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: rotate(0deg);
        -ms-transform:rotate(0deg) ;
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes doudong2{
    0%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    10%{
        -webkit-transform: ;
        -ms-transform: ;
        -o-transform: ;
        transform: ;
    }
    2%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    4%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    6%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    8%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    10%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    12%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    14%{
        -webkit-transform: rotate(10deg) ;
        -ms-transform: rotate(10deg) ;
        -o-transform: rotate(10deg) ;
        transform: rotate(10deg) ;
    }
    16%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    18%{
        -webkit-transform: rotate(-10deg) ;
        -ms-transform: rotate(-10deg) ;
        -o-transform: rotate(-10deg) ;
        transform: rotate(-10deg) ;
    }
    20%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg) ;
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg) ;
    }
    25%{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}


@keyframes doudong1{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    50%{

        -webkit-transform:rotateY(90deg);
        -ms-transform:rotateY(90deg);
        -o-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
@-webkit-keyframes doudong1{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    50%{

        -webkit-transform:rotateY(90deg);
        -ms-transform:rotateY(90deg);
        -o-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
@-moz-keyframes doudong1{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    50%{

        -webkit-transform:rotateY(90deg);
        -ms-transform:rotateY(90deg);
        -o-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
@-o-keyframes doudong1{
    0%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    50%{

        -webkit-transform:rotateY(90deg);
        -ms-transform:rotateY(90deg);
        -o-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
}
.page-privacy,.page-sitemap{
    background: #f5f5f5;
    min-height: 980px;
}
.privacy-con h2{
    font-size: 16px;
    font-weight: bold;
    color: #be933a;
}
.privacy-con p{
    margin:10px 0; 
}

.page-sitemap .content{
    width:100% !important;
}
.sitemap-con {
    width: 100%;
}
.sitemap-con .nav-item{
    margin-bottom: 30px;
}
.sitemap-con .nav-item h2{
  
    width: 100%;
    border-bottom: 1px solid #be933a;
    padding-bottom: 10px;
}
.sitemap-con .nav-item h2 a{
       font-size: 16px;
    font-weight: bold;
    color: #be933a;
}
.sitemap-con .nav-item h2 a:hover{
    color:#f1bb4c;
}
.sitemap-con .nav-item ul{
    margin: 30px 0;
}
.sitemap-con .nav-item ul li{
    float: left;
}
.sitemap-con .nav-item ul li a{
    color: #666;
    padding-right: 20px;
}
.sitemap-con .nav-item ul li a:hover{
    color: #f1bb4c;
}




/*自适应*/


@media screen and (max-width: 1560px){
    .business-con ul li  .business-text .business-text-bottom{
    width: 50%;
    margin-top: 8%;
}
.share-con ul li  .share-text .share-text-top{
    margin-top: 2%;
}
}



@media screen and (max-width: 1440px){
   .page-cen{
    max-width: 1200px;
   }
   .nav-list a{
       padding: 0 30px;
   }
   .page-block .page-content-bottom ul li{
       width: 313px;
       margin-right:  10px;
       height: 223px;
   }
   .page-block .page-content-bottom ul {
       margin-right: -30px;
   }
   .page-organization .organization-con{
       width: 960px;
   }
   .page-organization .organization-con img{
       width: 100%;
   }
   .page-future .future-text p{
       margin: -45px 60px;
   }
   .download-con ul li{
       margin-right: 120px;
   }
   .page-concept .concept-info .concept-item .concept-require h2{
       margin-bottom: 0;
   }
   .page-concept .concept-info .concept-item .concept-require p{
       line-height: 26px;
   }
   .page-concept .concept-info .concept-item .concept-area h2{
       margin: 0;
   }
   .page-contact .contact-erweima .erweima{
     width:140px;
height:140px;
padding: 100px 17px;
   }
   .homenews .h-news{
       width: 960px;
   }
   .aboutin{
       width: 960px;
   }
   .h-news .item ul li .text{
       width: 185px;
       line-height: 24px;
   }
   .homeabout .aboutin ul li{
       width: 467px;
   }
   .homebusiness .plan-con ul li{
       width: 306px;
   }
   .homeprofile .profile-con .profile-item .pf-bottom .item{
       width: 204px;
       background: url(../images/pp01.png) no-repeat 24px 42px;
   }
   .homeprofile .profile-con .profile-item .pf-bottom .item2{
       width: 204px;
       background: url(../images/pp02.png) no-repeat 24px 42px;
   }
   .homeprofile .profile-con .profile-item .pf-bottom .item h2{
       margin-left: 93px;
   }
   .homeprofile .profile-con .profile-item .pf-bottom .item p{
       margin-left: 93px;
   }
   .homeprofile .profile-con .profile-item .pf-bottom{
       margin-top: 0;
   }
   .homeprofile .profile-con .profile-item  .pf-top p{
       line-height: 24px;
   }
   .page-contact .contact-text{
       width: 61.5%;
       float: right;
   }
   .page-contact .contact-text ul li{
       width: 195px;
   }
   .business-con ul li  .business-text .business-text-bottom .text-area ul li{
       width: 100px;
   }
   
   .share-con ul li  .share-text .share-text-top p{
       margin-bottom: 0;
       line-height: 28px;
   }
   .culture-con .item-two  li{
       width: 48%;
   }
   .culture-con .item-three  li{
       width: 31.33%;
   }
   .culture-con  li .text p{
       margin: 10px;
   }
   
   .page-rules .rules-img{
       width: 55%;
   }
   
   
   
}
@media only screen and (min-width: 960px) and (max-width: 1440px) {
.page-news .first-pnews-con .first-item{
      height:255px;
}
/*    .share-con ul li  .share-text .share-text-top{
        position: relative;
        min-height: 240px;
        overflow: hidden;
    }
    .share-con ul li  .share-text .share-text-top ul{
        position: absolute;
        left: 0;
        top: 300px;
        width: 100%;
    }*/
  .share-con ul li  .share-text .share-text-top ul li {
       display: block;
   }
   .share-con ul li  .share-text .share-text-top.native .info-text{
         display: none;
        transition: display .3s ease-in;
        -moz-transition: display .3s ease-in;
        -webkit-transition: display .3s ease-in;
   }
   .share-con ul li  .share-text .share-text-top.native ul li{
         display: block;
         transition: display .3s ease-in;
         -moz-transition: display .3s ease-in;
         -webkit-transition: display .3s ease-in;
   }
   .share-con ul li{
       height: 532px;
   }
   .share-con ul li .shareimg{
       position: relative;
       height: 100%;
       overflow: hidden;
   }
   .share-con ul li .shareimg img{
       position: absolute;
       top: 0;
       left: 50%;
       width: 960px;
       margin-left: -480px;
   }
   .page-rules .rules-img{
    
    margin-top: 110px;
}
   
   .page-contact .contact-text ul{
margin-top:20px;
}
   
   
}




@media screen and (max-width: 1380px){
    .business-con ul li  .business-text .business-text-bottom .text-area{
        width: 95%;
    }
    .business-con ul li  .business-text .business-text-bottom .text-area p{
        line-height: 24px;
    }
    
}
@media screen and (max-width: 1200px){
    .business-con ul li  .business-text .business-text-top{
        margin-top: 5%;
    }
    .business-con ul li  .business-text .business-text-bottom{
        margin-top: 5%;
    }
    .business-con ul li  .business-text .business-text-bottom .text-area ul{
        margin-top: 5px;
    }
    .business-con ul li  .business-text .business-text-bottom .text-area{
        width: 98%;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) {
    .business-con ul li  .business-text .business-text-bottom{
        margin-top: 10%;
    }
}




@media screen and (max-width: 960px){
  .banner-tag .page-cen{
      width: 620px;
   }
    .homenews .h-news{
       width: auto;
       padding-left: 2%;
       padding-right: 2%;
   }
   .aboutin{
        width: auto;
       padding-left: 2%;
       padding-right: 2%;
   }
   .h-news .item{
       padding-bottom: 90px;
   }
   .h-news .item ul li{
       width: 100%;
       margin-bottom: 30px;
   }
   
   .h-news .item ul li .news-img{
       width: 30%;
       height: auto;
   }
   .h-news .item ul li .text{
       width: 65%;
/*       float: left;
       margin-left: 20px;*/
   }
   .homeabout .aboutin ul li{
       width:100%;
   }
   
.homeabout{background:url(../images/index22_02.jpg) no-repeat top center;}
.homebusiness .plan-item{
    width: 100%;
}
.homebusiness .plan-item .plan-text{
    width: 100%;
    margin-bottom: 30px;
}
.homebusiness .plan-con ul li{
    width: 100%;
    margin-bottom: 30px;
    height: auto;
}
.homebusiness .plan-con ul{
    margin-right: 0;
}
.homebusiness .plan-con ul li .plan-li-img img{
    width: 100%;
}
.homeprofile .profile-con .profile-item{
    width: 100%;
}
.homeprofile .profile-con .profile-item .profile-text{
    width: 100%;
}  

.homeprofile{
    width: 100%;
    float: left;
    background: url("../images/index22_04.jpg") no-repeat top center;
}
.homeprofile .profile-con .profile-item .pf-bottom .item2{
    float: left;
    margin-left: 30px;
}
/*.content{
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;
        box-sizing: border-box;
    }*/
    .page-block .page-content-bottom ul li{
        width: 33.33%;
        margin-right: 0;
        height: auto;
    }
    .page-block .content .page-content-item{
        width: 100%;
    }
    .page-block .content .page-content-item .text{
        width: 100%;
    }
    .page-organization .organization-con{
        width: 100%;
    }
    .page-future .future-text{
        top: 180px;
    }
    .page-block .page-content-text{
        width: 100%;
        margin-left: 0;
    }
    .page-strategic .str-icon li{
        width: 95px;
    }
    .page-news .first-pnews-con .first-item .more{
        margin-top: 0;
    }
    .download-con ul li{
        width: 33.33%;
        margin-right: 0;
    }
    .download-con ul li .down-img{
        width: 96%;
        height: auto;
    }
    .download-con ul{
        margin-right: 0;
    }
    .download-con ul li .down-text{
        width: 96%;
        height: 75px;
    }
    .download-con ul li .down-text .down-pdf .down-btn{
        margin-right: 2%;
    }
    .page-concept .concept-info .concept-item{
        width: 100%;
        margin-bottom: 30px;
    }
    .page-recruit  .content{
        width: 100% !important;
    }
    .page-contact .contact-erweima{
        width: 100%;
        margin-bottom: 30px;  
       text-align:center;
        background: #f5f5f5;
    }

.page-contact .contact-erweima .erweima{
float:none;
display:inline-block;

}

    .page-contact .contact-text{
        width: 100%;
    }
    .page-contact .contact-text ul li{
        width: 33.33%;
    }
    .footer .page-cen{
        padding-left: 2%;
        padding-right: 2%;
        height: auto;
    }
    .copyright .copyright-icon{
        margin-right: 4%;
    }
    .copyright .copyright-icon  a{
        padding: 0;
    }
    .container{
        overflow-x: hidden;
    }
    .page-business .page-cen{
        width: auto;
        padding-left: 2%;
        padding-right: 2%;
    }
    .page-share .page-cen{
        width: auto;
        padding-left: 2%;
        padding-right: 2%;
    }
    .business-con ul li .business-left{
        width: 100%;
    }
    .business-con ul li .business-right{
        width: 100%;
    }
    .business-con ul li  .business-text .business-text-top{
        margin-top: 10%;
    }
    .business-con ul li  .business-text .business-text-bottom{
        margin-top: 15%;
        width: 100%;
    }
    .business-con ul li  .business-text .business-text-bottom .text-area p{
        line-height: 30px;
    }
    .business-con ul li  .business-text .business-text-bottom .text-area ul{
        margin-top: 30px;
    }
    .share-con ul li .share-right{
        width: 100%;
        float: left;
    }
    .share-con ul li  .share-text{
        /*bottom: 2%;*/
        top: 52%;
    }
    .share-con ul li  .share-text .share-text-top{
        width: 100%;
    }
    .share-con ul li .share-left{
        width: 100%;
    }
    .share-con ul li  .share-text .share-text-top ul li{
        display: block;
    }
    .nav-list a{
        padding: 0 5px;
    }
    .nav-list a img{
        margin-right: 6px;
    }
    .page-future{
        background: url("../images/core_022.jpg") top center no-repeat;
    }
    .culture-con .item-two{
        margin-right: 0;
    }
    .culture-con .item-two  li{
        width: 100%;
        margin-right: 0;
    }
    .culture-con  li .text{
        top: 10%;
    }
    .culture-con .item-three{
        margin-right: 0;
    }
    .culture-con .item-three li{
         width: 100%;
        margin-right: 0;
    }
    .page-rules .rules-title{
        width: 100%;
    }
    .page-rules .rules-img{
        width: 100%;
    }
    .page-rules{
    background: url("../images/rule01.jpg") top center no-repeat;
}
.hbanner-con .page-cen{
    width: auto;
    padding-left: 2%;
    padding-right: 2%;
    
}

.gotop{
    right: 10px;
}
.page-concept .concept-info .concept-item .concept-require, .page-concept .concept-info .concept-item .concept-area{
    width: 100%;
}
.page-block .page-content-bottom ul{
    margin-right: 0;
}

.news-content p{
    margin: 10px 0px;
}
.share-con ul li  .share-text .share-text-top ul{
    margin-top: 20px;
}
.business-con ul li  .business-text .business-text-bottom .text-area{
    width: 100%;
}
.hbanner-title .title-right p{
    font-size: 32px;
}

}

@media screen and  (min-width: 638px) and (max-width: 720px) {
    .share-con ul li .sharebg{
        height: 426px;
    }
   
}
@media screen and (max-width: 785px){
    .copyright .copyright-icon{
        float: left;
        margin-top:0;
    }
    .copyright .copyright-text p{
        line-height: 50px;
    }
   
}




@media screen and (max-width: 638px){
    .hbanner-title .title-right p{
        font-size: 20px;
    }
    .header .logo{
        width: 220px;
        margin-top: 20px;
    }
    .header .logo img{
        width: 100%;
    }
    .banner-tag .page-cen{
      width: 300px;
   }
   .homeprofile .profile-con .profile-item .pf-bottom .item{
       margin-bottom: 30px;
   }
   .homeprofile .profile-con .profile-item .pf-bottom .item2{
       margin-left: 0;
   }
   .homebusiness .plan-con ul li .plan-li-text  img{
       margin-top: 5%;
   }
   .copyright .copyright-text p{
       line-height: 30px;
   }
   .copyright .copyright-text{
       margin-top: 10px;
   }
   .copyright .copyright-icon{
       float: left;
       margin-top: 10px;
   }
   .page-future .future-text p{
       margin: -150px 60px;
   }
   .page-rules .rules-title ul li{
       width: 100%;
   }
   .download-con ul li{
       width: 50%;
   }
   .business-con ul li  .business-text .business-text-top{
       width: 100%;
   }
   .business-con ul li .business-left img.img2{
       height: 400px;
   }
   .share-con ul li .sharebg{
       height: 400px;
   }
   .share-con ul li .sharebg img{
       height: 100%;
   }
   .share-con ul li  .share-text{
       top: 50%;
   }
   .page-recruit .recruit-item .recruit-icon{
       background-size: 100%;
   }
   .page-recruit .recruit-item.active .recruit-icon,.page-recruit .recruit-item:hover .recruit-icon{
   background-size: 100%;
}
.page-contact .contact-text ul li{
    height: 220px;
}
.page-contact .contact-text ul li p{
    word-break:break-all; 

　　word-wrap:break-word;
}
.page-address .address-list ul li{
    width: 100%;
}
.page-news .first-pnews-con .first-item{
    width: 100%;
}
.page-news .first-pnews-con .first-item .pnews-text{
    width: 100%;
}
.download-con ul li .down-text{
    height: 110px;
}

}
@media screen and (max-width: 570px){
    .share-con ul li  .share-text{
       top: 40%;
   }
}
@media screen and (max-width: 460px){
    .share-con ul li .sharebg{
       height: 500px;
   }
    .share-con ul li  .share-text{
       top: 30%;
   }
   .business-con ul li  .business-text .business-text-top p{
       font-size: 16px;
   }
}