.header_logo img {
    max-width: 100%;
}
.header_nav .btn{
    float: right;
    width: 54px;
    height: 54px;
    background: transparent;
    margin-top: 8px;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 3px;
    box-sizing: border-box;
    padding-top: 2px;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 555;
    display: none;
}
.header_nav .btn i {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: 3px;
    background: #2b2b2b;
    margin-top: 5px;
    border-radius: 5px;
}
.header_nav .btn i:nth-child(1) {
    transition: 0.4s ease-in-out 0.3s;
    margin-top: 16px;
}
.header_nav .btn i:nth-child(3) {
    transition: 0.4s ease-in-out 0.3s;
}
.header_nav .btn i:nth-child(2) {
    transition: 0.4s ease-in-out;
}
.nav_ani>.btn{
    margin: 0;
}
.nav_ani>.btn>i:nth-of-type(1){
    transform: translateY(16px) rotate(45deg);
    background-color: red;
}
.nav_ani>.btn>i:nth-of-type(3){
    transform: rotate(-45deg);
    background-color: red;
}
.nav_ani>.btn>i:nth-of-type(2){
    transform: translateX(100px);
    background-color: red;
}

/* @media screen and (max-width: 1440px){
    .header_logo img{
        width: 85%;
    }
} */
.Wheel_planting_btm{
    display: none;
}

/* .Join_content .swiper_3_pagination ul li:last-of-type{
    display: none;
} */
.yqlj {
    padding: 20px 0;
}
.yqlj h3{
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
}
.yqlj a{
    width: auto;
    display: inline-block;
    padding: 0 12px;
    vertical-align: middle;
    font-size: 14px;
    color: #a3b6ca;
}
.HomePage_company_profile{
    position: relative;
}
.HomePage_company_profile>.HomePage_navs,.HomePage_navs{
    float: none;
    width: 100%;
    padding: 0 238px;
    padding-top: 120px;
    padding-bottom: 40px;
}

.HomePage_navs li{
    display: inline-block;
}
.HomePage_navs li span{
    font-size: 14px;
    padding: 0 10px;
    color: #737373;
}
.HomePage_navs li:last-of-type a{
    color: #006bb7;
}
.HomePage_navs li a{
    width: auto;
    font-size: 14px;
    color: #737373;
    display: inline-block;
}
.HomePage_company_profile_is,.product_box_01,.logo_details,.Journalism_top,.dynamic_Journalism,.industry_Journalism,.Join_recruit{
    padding-top: 0;
}




.sidebar{
    padding-right: 5px;
    box-sizing: border-box;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   z-index: 9999;
}

.sidebar>div{
    width: 74px;
    height: 74px;
    background-color: rgba(255,255,255,.8);
    position: relative;
    border: 1px solid #0c69a6;
    border-radius: 5px;
    margin-bottom: 3px;
    cursor: pointer;
}
.sidebar>div:last-of-type{
    margin-bottom: 0;
}
.sidebar>div h3{
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);      
}
.sidebar>div h3 span{
    font-size: 20px;
    color: #006bb7;
}
.sidebar>div h3 i{
    font-size: 12px;
    color: #006bb7;
    display: block;
    font-style: normal;
}


.sidebar_t p{
    width: 250%;
    height: 100%;
    line-height: 74px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,.8);
    border: 1px solid #0c69a6;
    border-radius: 5px;
    position: absolute;
    right: 114%;
    top: 0;
    color: #006bb7;
}

.sidebar_t p span{
    width: 20%;
    font-size: 20px;
    vertical-align: top;
    display: inline-block;
    padding-left: 16px;
    box-sizing: border-box;
}

.sidebar_t p i{
    width: 80%;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    vertical-align: top;
    display: inline-block;
    padding-left: 14px;
    box-sizing: border-box;
}
.sidebar_t p i a{color: #0c69a6;}


.sidebar_b p{
    width: 100%;
    height: 100%;
    padding: 2px;
    background-color: rgba(255,255,255,.8);
    border: 1px solid #0c69a6;
    box-sizing: border-box;
    border-radius: 5px;
    position: absolute;
    right: 114%;
    top: 0;
}
.sidebar_b p img{
    width: 100%;
    height: 100%;
}

.sidebar>div p{
    transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    -ms-transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    -webkit-transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
}

.sidebar>div:hover p{
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1;
    visibility: inherit;
    transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    -ms-transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    -webkit-transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
}

.wpr{
    visibility: hidden;
    transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    -ms-transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    -webkit-transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    position: fixed;
    left: 50%;
    top: 50%;
    transform:  translateY(-50%) translateX(-50%) scale(0);
    -ms-transform:  translateY(-50%) translateX(-50%) scale(0);
    -moz-transform:  translateY(-50%) translateX(-50%) scale(0);
    -webkit-transform:  translateY(-50%) translateX(-50%) scale(0);
    -o-transform:  translateY(-50%) translateX(-50%) scale(0);      
    z-index: 9990;
}
.whitePaper h2{
    font-size: 24px;
    color: #363636;
    font-weight: bold;
    text-align: center;
    padding-bottom: 50px;
}
.form{
    width: 680px;
    height: 46px;
    font-size: 0;
    margin-bottom: 24px;
}

.inputs{
    width: 48%;
    height: 100%;
    margin-right: 4%;
    display: inline-block;
    vertical-align: top;
    
}
.inputs:last-of-type{
    margin-right: 0;
}
.inputs select,
.form input{
    width: 100%;
    height: 100%;
    border: 1px solid #939393;
    box-sizing: border-box;
    outline: none;
    resize: none;
    font-size: 14px;
    color: #999999;
}
.form input::-webkit-input-placeholder{
    color:#999999;
}
.form input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999999;
}
.form input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999999;
}
.form input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#999999;
}
form{
    text-align: center;
}
.form input{
    text-indent: 30px;
}
.inputs select{
    text-indent: 26px;
}

.whitePaper button{
    width: 264px;
    height: 46px;
    background-color: #006ebc;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    resize: none;
    border: none;
    display: inline-block;
}

.whitePaper2{
    background-color: rgba(229,229,229,.9);
    padding: 100px 200px;
    text-align: center;
}
.whitePaper2 h2{
    color: #0067e3;
    padding: 0;
    padding-top: 50px;
	font-size:24px;
}


.whitePaper{
    padding: 60px;
    background-color: rgba(229,229,229,.9);
    box-sizing: border-box;
 
}

.wpr.acs{
    transform:  translateY(-50%) translateX(-50%) scale(1);
    -ms-transform:  translateY(-50%) translateX(-50%) scale(1);
    -moz-transform:  translateY(-50%) translateX(-50%) scale(1);
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1) ;
    -o-transform: translateY(-50%) translateX(-50%) scale(1) ;     
    visibility: inherit;
    transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    -ms-transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
    -webkit-transition: .6s cubic-bezier(.35, .55 ,.75, 1) .1s;
}



.whitePaper2{
    display: none;
}








.header_cantact>ul li a{
    font-weight: bold;
}



@media screen and (max-width: 1680px) {
    .HomePage_company_profile>.HomePage_navs, .HomePage_navs{
        padding: 0 200px;
        padding-top: 80px;
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 1440px) {
    .HomePage_company_profile>.HomePage_navs, .HomePage_navs{
        padding: 0 120px;
        padding-top: 80px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 1280px) {
    .header_nav{
        /*width: 10%;*/
    }
    .header_nav>.btn{
        /*width: 80%;*/
        display: block;

    }
    .header_logo{
        width: 150px;
        height: 40px;
        margin-top: -19px;
    }
    .header_logo img{
        width: 100%;
    }
    .header_nav>ul{
        width: 100%;
        height: 0;
        opacity: 0;
        position: fixed;
        top: 60px;
        left: 0;
        background: #fff;
        overflow: hidden;
        transition: all .6s;
    }

    .header_nav>ul li{
        width: 100%;
        line-height: 50px;
        float: none;
    }
    .header_nav>ul li:hover{
        transition: all .6s;
        background: #4d86ad;
    }
    .header_cantact{
        display: none;
    }
    .footer{
        padding: 30px;
        height: auto;
    }
    .footer_top{
        height: auto;
    }
    .footer_top>div:nth-child(1){
        width: 100%;
        float: none;
        height: auto;
    }
    .footer .footer_types{
        width: 100%;
        text-align: center;
    }
    .footer_top>div:nth-child(1) ul{
        width: 20%;
        margin: 0;
        height: 30px;
        overflow: hidden;
    }
    .footer_top>div:nth-child(1) ul li{
        text-align: center;
    }
    .footer_top>div:nth-child(3){
        width: 100%;
        height: auto;
        padding-bottom: 160px;
    }
    .footer_top>div:nth-child(2){
        width: 100%;
        margin: 20px 0;
        height: auto;

    }
    .footer_top>div:nth-child(2) p:nth-child(1){
        border: none;
        text-align: center;
    }
    .footer_btm{
        height: auto;
    }
    .footer_btm div{
        width: 100%;
    }
    .footer_btm p{
        width: 100%;
        text-align: center;
        font-size: 12px;
    }
    .footer_btm>div:nth-child(2) ul{
        min-width: 150px;
        position: relative;
        left: 50%;
        margin-left: -75px;
        top: 10px;
        padding-bottom: 20px;
    }
    .form{
        width: 86%;
        height: auto;
    }
    .whitePaper h2{
        font-size: 18px;
        padding-bottom: 20px;
    }
    .whitePaper{
        padding: 30px;
    }
    .form{
        margin-bottom: 0;
    }
    .inputs select,
    form .form input{
        height: 30px;
        margin-bottom: 16px;
    }
    
    .inputs{
        width: 100%;
        height: auto;
        margin: 0;
    }
    .whitePaper button{
        height: 30px;
        font-size: 14px;
    }
    
}













@media screen and (max-width: 800px) {
    /* .HomePage_company_profile_is, .product_box_01, .logo_details, .Journalism_top, .dynamic_Journalism, .industry_Journalism, .Join_recruit{padding-top: 150px;} */
    .Join_content .swiper_3_logo{position: static;}
    .HomePage_company_profile>.HomePage_navs, .HomePage_navs{padding: 30px;}
    .header_nav{
        /*width: 10%;*/
    }
    .header_nav>.btn{
        /*width: 80%;*/
        display: block;

    }
    .header_nav>ul{
        width: 100%;
        height: 0;
        opacity: 0;
        position: fixed;
        top: 60px;
        left: 0;
        background: #fff;
        overflow: hidden;
        transition: all .6s;
    }
    .header_nav>ul li{
        width: 100%;
        line-height: 50px;
        float: none;
    }
    .header_nav>ul li:hover{
        transition: all .6s;
        background: #4d86ad;
    }
    .header_cantact{
        display: none;
    }
    .footer{
        padding: 30px;
        height: auto;
    }
    .footer_top{
        height: auto;
    }
    .footer_top>div:nth-child(1){
        width: 100%;
        float: none;
        height: auto;
    }
    .footer .footer_types{
        width: 100%;
        text-align: center;
    }
    .footer_top>div:nth-child(1) ul{
        width: 20%;
        margin: 0;
        height: 30px;
        overflow: hidden;
    }
    .footer_top>div:nth-child(1) ul li{
        text-align: center;
    }
    .footer_top>div:nth-child(3){
        width: 100%;
        height: auto;
        padding-bottom: 160px;
    }
    .footer_top>div:nth-child(2){
        width: 100%;
        margin: 20px 0;
        height: auto;

    }
    .footer_top>div:nth-child(2) p:nth-child(1){
        border: none;
    }
    .footer_btm{
        height: auto;
    }
    .footer_btm div{
        width: 100%;
    }
    .footer_btm p{
        width: 100%;
        text-align: center;
        font-size: 12px;
    }
    .footer_btm>div:nth-child(2) ul{
        min-width: 150px;
        position: relative;
        left: 50%;
        margin-left: -75px;
        top: 10px;
        padding-bottom: 20px;
    }
    .nav_ani>ul{
        transition: all .6s;
        height: 350px;
        opacity: 1;
    }
}