/*pad*/

img {
    max-width: 100%;
}

.gh {
    float: right;
    height: 50px;
    right: 30px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
    top: 25px;
}

.selected .gh {
    /* transform: rotate(90deg); */
}

.selected .gh a {
    /*color: #E94520;*/
}

.gh a {
    /* background-color: #333333; */
    background: url(../images/gh.png) no-repeat left center;
    background-size: auto 100%;
    padding-left: 60px;
    display: block;
    /* height: 5px;
    margin-top: -1px; */
    position: relative;
    top: 3px;
    font-size: 36px;
    color: #333;
    line-height: 50px;
    font-weight: bold;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    /* width: 64px; */
    /* border-radius: 3px; */
}

.gh a:after,
.gh a:before {
    background-color: #333333;
    content: "";
    display: block;
    height: 5px;
    right: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 76px;
    border-radius: 3px;
    display: none;
}

.gh a:after {
    top: 17px;
    width: 50px;
}

.gh a:before {
    top: -17px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
    width: 64px;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #333333;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #333333;
}

.selected .gh a {
    background-color: transparent !important;
}

.selected .header .nav {
    display: block;
    z-index: 111;
    position: absolute;
    left: 0;
    top: 80px;
    right: 0;
    margin: 0;
}

.selected .header .nav li a {
    text-align: center;
    width: auto;
    display: block;
    background: rgba(255, 255, 255, 0.9);
    margin: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 50px;
    padding: 0;
}

.selected .header .nav li a {
    color: #000000;
}

.selected .header .nav .selected a {
    border-bottom-color: #73e5b1;
}

@media only screen and (max-width:1700px) {
    .wrap {
        width: 1440px;
    }
    .layout .h_company .text {
        width: 700px;
    }
    .layout .h_logistics .text {
        width: 550px;
    }
    .layout .h_cooper .img_list li {
        width: 258px;
    }
    .layout .footer .f_contact {
        margin-left: 50px;
        width: 630px;
    }
    .f_course .l_list li:hover .txt {
        width: 280px;
    }
    .f_course .l_list li:hover .txt p {
        left: 62px;
        font-size: 16px;
    }
    .layout .z_zhenxi .jituan .zx {
        width: 40%;
    }
    .layout .z_zhenxi .jituan p {
        width: 550px;
    }
    .layout .y_list ul li .imgs {
        width: 700px;
    }
    .layout .y_list ul li .text {
        margin-right: 0;
    }
    .layout .y_list ul li:nth-child(2n) .text {
        margin-left: 0;
    }
    .layout .h_liat ul li .imgs {
        width: 700px;
    }
    .layout .h_liat ul li .text {
        width: 580px;
    }
}

@media only screen and (max-width:1480px) {
    .wrap {
        width: 1300px;
    }
    .layout .h_cooper{
        padding-left: 0;
        padding-right: 0;
    }
    .f_course .l_list .txt p br{
        display: none;
    }
    .layout .banner ul li {
        height: 650px;
    }
    .banner ul li h2 {
        font-size: 42px;
    }
    .layout .h_company .imgs {
        width: 550px;
        height: 373px;
    }
    .layout .h_company .text {
        width: 600px;
        height: 373px;
        margin: 0;
    }
    .title h2 {
        font-size: 60px;
        line-height: 70px;
    }
    .layout .h_company .tobo {
        margin-top: 0;
    }
    .layout .h_company {
        padding: 100px 0;
    }
    .layout .h_logistics .swiper_log img{
        width: 730px;
    }
    .layout .h_logistics .text {
        width: 500px;
    }/* 
    .h_logistics .rop {
        width: 660px;
    } */
    .layout .h_logistics .swiper_log {
        /*  width: 660px; */
        height: auto;
    }
    .layout .h_logistics h2.h2 {
        right: 400px;
        bottom: 40px;
        font-size: 60px;
        line-height: 70px;
    }
    .layout .h_logistics .text dl dd {
        margin-right: 70px;
    }
    .layout .h_logistics .text dl dd h5 span {
        font-size: 40px;
    }
    .layout .h_logistics .text dl dd h5 i {
        font-size: 30px;
    }
    .layout .h_logistics .text dl {
        margin-top: 20px;
    }
    .layout .h_logistics .text h4 {
        margin: 0;
    }
    .layout .h_logistics .text dl dd h6 {
        margin: 0;
    }
    .layout .h_logistics .text {
        height: 356px;
    }
    .layout .h_logistics .text p {
        margin-top: 10px;
    }
    .layout .h_list ul li h5 {
        font-size: 16px;
    }
    .layout .h_cooper .img_list li {
        width: 198px;
        height: 120px;
    }
    .layout .h_cooper .nav dl {
        margin-top: 20px;
    }
    .layout .h_cooper .nav {
        height: 242px;
    }
    .layout .footer .f_nav {
        padding-right: 0;
    }
    .layout .footer .f_contact dl dd h2 {
        font-size: 20px;
    }
    .layout .footer .f_contact {
        width: 515px;
    }
    .f_course .l_list {
        padding: 150px 0;
    }
    .f_course .l_list li:hover .txt {
        width: 200px;
        height: 120px;
    }
    .f_course .l_list li:hover .txt:before {
        width: 90px;
        height: 90px;
        background-size: cover !important;
        left: -45px;
    }
    .f_course .l_list li:hover .txt p {
        left: 25px;
        font-size: 14px;
        line-height: 1.5;
    }
    .f_course {
        padding: 0;
    }
    .layout .z_img ul li .tet dl {
        margin: 0 15px;
    }
    .layout .z_img ul li .imgs {
        height: 280px;
    }
    .z_zhenxi .jituan .leil {
        padding: 0 30px;
    }
    .huoban ul li .h_liat dl dd h4 {
        font-size: 14px;
        line-height: 120px;
    }
    .huoban ul li .h_liat dl dd .imgs img {
        max-width: 80%;
        max-height: 80%;
    }
    .huoban .ico {
        width: 400px;
        height: 550px;
    }
    .huoban ul li .h_liat {
        height: 550px;
        width: calc(100% - 400px);
    }
    .huoban ul li .h_liat dl dd {
        height: 120px;
    }
    .huoban .ico h3 {
        width: 200px;
        height: 200px;
        font-size: 22px;
        line-height: 200px;
    }
    .wrp {
        width: 1200px;
    }
    .layout .culture .promise {
        width: 50%;
        padding: 0;
    }
    .layout .culture .policy {
        width: 40%;
    }
    .layout .zhiwei .oao {
        width: 240px;
    }
    .layout .xiangq ul li span {
        font-size: 16px;
    }
    .certificate .hd .li {
        font-size: 22px;
    }
    .layout .z_company {
        height: 400px;
    }
    .layout .z_company .imgs {
        margin-top: 150px;
    }
    .layout .h_liat ul li .imgs,
    .layout .y_list ul li .imgs {
        width: 600px;
    }
    .layout .h_liat ul li .text,
    .layout .y_list ul li .text {
        width: 560px;
        margin: 0 !important;
    }
    .layout .y_list ul li .text h3 span {
        font-size: 50px;
        line-height: 40px;
    }
    .layout .y_list ul li .text h4 {
        font-size: 38px;
        line-height: 42px;
    }




}

@media only screen and (max-width:1340px) {
    .wrap{
        width: 1100px;
    }
    .layout .header .naver ul li{
        margin-left: 15px;
    }
    .layout .h_liat ul li .text .qiyun dl dd{
        margin-right: 20px;
    }
    .layout .h_liat ul li .text .qiyun dl dd h4 span{
        font-size: 40px;
    }
    .layout .h_liat ul li .text, .layout .y_list ul li .text{
        width: 400px;
    }
    .layout .h_cooper .img_list li{
        width: calc((100%/4) - 1px);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    .layout .h_logistics .text{
        width: 300px;
    }
    .layout .h_logistics .text dl dd h5 span{
        font-size: 30px;
    }
    .layout .h_logistics .text dl dd{
        margin-right: 20px;
    }
    .layout .h_company .text{
        width: 500px;
    }
    .layout .header .logo{
        width: 200px;
        margin-top: 45px;
    }
    .layout .footer .f_nav dl{
        margin-right: 10px;
    }
    .layout .footer .f_contact dl{
        margin-right: 20px;
    }
    .layout .footer .f_contact{
        width: 480px;
        margin-left: 30px;
    }
}


@media only screen and (max-width:1200px) {
    .wrap {
        width: auto;
    }
    .wrp {
        width: auto;
        padding: 0 30px;
    }
    .naver {
        padding: 0;
        float: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 56px;
        background: #fff;
        padding-bottom: 15px;
        display: none;
        z-index: 111;
    }
    .layout .header {
        overflow: initial;
        padding: 0 30px;
    }
    .layout .header .naver {
        float: none;
        top: 100px;
        border-bottom: 1px solid #f1f1f1;
    }
    .layout .header .naver ul {
        padding: 30px 30px 40px;
        float: none;
    }
    .layout .header .naver dl{
        float: none;
        margin: 0;
        width: auto;
    }
    .layout .header .naver dl.nlis{
        float: none;display: block;
    }
    .nlis{
        text-align: center;
        padding-bottom: 15px;
        width: auto;
        text-align: center;
        padding: 0 15px 20px;
    }
    .nlis dd{
        float: none;
        display: inline-block;
        margin: 0 30px;
        height: 60px;
    }
    .nlis dd:nth-child(2){
        margin-right: 40px;
    }
    .nlis dd:nth-child(3){
        margin-right: 80px;
    }
    .nlis dd a:hover {
        top: 0;
    }
    .nlis dd.q1{
        width: 190px;
    }
    .nlis dd.q1 a i{
        width: 100%;
        margin-top: -5px;
    }
    .nlis dd a i{
        width: 100%;
        height: 60px;
        background-size: auto 120px !important;
    }
    .nlis dd a span{
        font-size: 28px;
        line-height:normal;
    }
    .layout .footer .weix p a{
        font-size: 24px;
    }
    .layout .header .naver ul li {
        float: none;
    }
    .layout .header .naver ul li a {
        font-size: 32px;
        border-bottom: 1px solid #e5e5e5;
        transition: all 0.3s;
    }
    .layout .header .naver ul li a:hover {
        color: #E94520;
    }
    .layout .header .naver ul li i {
        display: none;
    }
    .layout .header .naver ul li {
        margin-left: 0;
    }
    .layout .header .naver ul li a {
        line-height: 96px;
    }
    .layout .banner ul li {
        height: 500px;
    }
    .layout .banner .swiper-slide .text {
        top: 45%;
    }
    .layout .h_company {
        padding: 60px 30px;
    }
    .layout .h_company .imgs {
        float: none;
        margin: 0 auto;
        width: auto;
        height: auto;
    }
    .layout .h_company .text {
        float: none;
        width: auto;
        height: auto;
    }
    .title h3 {
        font-size: 42px;
    }
    .layout .h_company p {
        font-size: 26px;
        line-height: 1.7;
    }
    .layout .h_company .text {
        width: auto;
        position: static;
        margin-top: 20px;
    }
    .layout .h_company .text .btn {
        position: static;
    }
    .btn span {
        font-size: 24px;
        line-height: 70px;
        padding-right: 550px;
    }
    .layout .h_company .text .btn {
        height: 70px;
        width: auto;
        padding: 0 24px;
        margin-top: 30px;
    }
    .h_logistics .rop {
        width: auto;
        float: none;
    }
    .h_logistics .rop .wid2 {
        width: auto;
    }
    .layout .h_logistics {
        padding: 45px 30px;
        position: relative;
    }
    .title h2 {
        padding-left: 30px;
    }
    .title h3 {
        padding-left: 30px;
    }
    .layout .h_logistics .swiper_log {
        width: auto;
    }
    .h_logistics .rop .prev_next {
        right: 0;
        bottom: 0;
        top: auto;
        transform: scale(1);
    }
    .layout .h_logistics .text {
        padding-left: 30px;
    }
    .title h3 {
        font-size: 48px;
    }
    .layout .h_logistics .text h4 {
        font-size: 34px;
        line-height: 48px;
    }
    .layout .h_logistics .text dl {
        margin-top: 30px;
    }
    .layout .h_logistics .text {
        width: auto;
        height: auto;
        margin-bottom: 40px;
        margin-top: 20px;
        padding: 0;
    }
    .layout .h_logistics .text dl dd h5 span {
        font-size: 55px;
        line-height: 70px;
    }
    .layout .h_logistics .text dl dd h5 i {
        font-size: 48px;
        line-height: 63px;
    }
    .layout .h_logistics .text dl dd {
        margin-right: 60px;
    }
    .layout .h_logistics .text p {
        font-size: 26px;
        line-height: 1.7;
        margin-top: 20px;
    }
    .btn_he {
        position: static;
        height: 70px;
        width: auto;
        padding: 0 24px;
        margin-top: 20px;
        display: block;
        background: #eb512f;
        border-color: #eb512f
    }
    .btn_he span {
        font-size: 24px;
        line-height: 66px;
        padding-right: 550px;
        background: url(../images/rjt.png) no-repeat right center;
        color: #fff;
    }
    .h_logistics .rop .prev_next {
        height: 74px;
        width: 230px;
        z-index: 11;
    }
    .h_logistics .rop .next,
    .h_logistics .rop .prev {
        height: 74px;
    }
    .layout .h_logistics h2.h2 {
        bottom: 50px;
        right: 255px;
        display: none;
    }
    .layout .h_list ul {
        text-align: center;
        padding: 50px 0 70px;
    }
    .layout .h_list ul {
        padding: 50px 30px 70px;
    }
    .layout .h_list ul li {
        width: calc((100% - 20px)/2);
        box-sizing: border-box;
        margin-right: 0;
        height: 225px;
    }
    .layout .h_list ul li:nth-child(2n) {
        float: right;
    }
    .title h2 {}
    .layout .h_logistics .text dl dd h6 {
        font-size: 24px;
        line-height: 1.6;
    }
    .layout .h_cooper {
        padding: 60px 30px;
    }
    .layout .h_cooper .nav dl {
        margin-top: 10px;
    }
    .layout .h_cooper .nav {
        height: auto;
        width: auto;
        float: none;
    }
    .layout .h_cooper .nav dl dt {
        width: 100%;
    }
    .layout .h_cooper .nav dl {
        overflow: hidden;
        display: none;
    }
    .layout .h_cooper .nav .xx {
        position: static;
    }
    .layout .footer .f_nav {
        float: none;
        display: none;
    }
    .layout .h_cooper .nav dl dt {
        font-size: 38px;
        line-height: 64px;
    }
    .layout .h_cooper .nav dl dd {
        font-size: 30px;
        line-height: 60px;
        float: left;
        margin-right: 20px;
    }
    .layout .h_cooper .img_list {
        float: none;
        width: auto;
    }
    .layout .h_list ul li h5 {
        font-size: 26px;
        line-height: 36px;
    }
    .layout .h_list ul li {
        margin-bottom: 20px;
    }
    .h_cooper .img_list li {
        width: 200px;
        height: 120px;
        float: left;
        margin-left: 22px;
    }
    .layout .h_cooper .img_list li img {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: auto;
    }
    .layout .h_cooper .img_list li {
        float: left;
        margin-bottom: 20px;
        width: calc((100% - 20px)/2);
        margin: 0;
        margin-bottom: 20px;
        height: 140px;
    }
    .layout .h_cooper .img_list li:nth-child(2n) {
        float: right;
    }
    .layout .h_cooper .img_list {
        margin-top: 40px;
    }
    .layout .footer .f_nav dl {
        width: auto;
        margin-right: 80px;
    }
    .layout .footer .f_nav dl dt {
        font-size: 26px;
        line-height: 70px;
        color: #d8d8d8;
    }
    .layout .footer .f_nav dl dd {
        font-size: 24px;
        line-height: 42px;
    }
    .layout .footer .f_contact {
        margin-left: 0px;
        width: auto;
        margin-top: 40px;
        float: none;
    }
    .layout .footer {
        padding: 40px 30px 0;
    }
    .layout .footer .f_contact dl {
        float: none;
        margin-right: 0;
    }
    .layout .footer .f_contact dl dt {
        font-size: 28px;
        line-height: 60px;
        color: #d8d8d8;
    }
    .layout .f_contact dl dd {
        margin-bottom: 0;
    }
    .layout .footer .f_contact dl:nth-child(2) dt {
        display: none;
    }
    .layout .footer .f_contact dl dd h6 {
        font-size: 26px;
        line-height: 38px;
        color: #6e6e6e;
    }
    .layout .footer .f_contact dl dd h2 {
        font-size: 30px;
        color: #b1b1b1;
        line-height: 50px;
    }
    .layout .footer .f_contact dl dd h3 {
        font-size: 32px;
        line-height: 52px;
        color: #b1b1b1;
    }
    .layout .footer .weix {
        float: none;
        width: auto;
        text-align: center;
        position: relative;
        text-align: left;
    }
    .layout .footer .weix h2 {
        font-size: 28px;
        line-height: 60px;
        color: #b1b1b1;
    }
    .layout .footer .weix img {
        margin: 0;
        width: 180px;
        height: auto;
    }
    .footer .coopy .co_nav {
        overflow: hidden;
        float: none;
        text-align: center;
        display: none;
    }
    .footer .coopy .co_nav ul li {
        font-size: 26px;
        line-height: 56px;
        color: #6e6e6e;
        display: inline-block;
        transition: all 0.3s;
        margin-right: 10px
    }
    .footer .coopy .co_nav ul li a {
        font-size: 24px;
        line-height: 56px;
        color: #6e6e6e;
        display: inline-block;
        transition: all 0.3s;
    }
    .footer .coopy p {
        font-size: 24px;
        line-height: 70px;
        color: #b1b1b1;
        float: none;
        text-align: center;
        display: block;
        padding: 10px 0;
    }
    .f_course .prev,
    .f_course .next {
        height: 60px;
        width: 80px;
    }
    .layout .z_zhenxi .jituan {
        margin-top: 50px;
    }
    .layout .z_zhenxi .jituan .zx {
        width: auto;
        float: none;
    }
    .zx h2 {
        font-size: 44px;
        line-height: 64px;
        margin-bottom: 40px;
    }
    .layout .z_zhenxi .jituan .zx h4 {
        font-size: 32px;
        line-height: 48px;
    }
    .layout .z_zhenxi .jituan p {
        position: relative;
        z-index: 11;
        width: auto;
        float: none;
        margin-top: 30px;
        font-size: 26px;
        line-height: 1.7;
    }
    .layout .z_img ul li {
        float: none;
        position: relative;
        width: auto;
    }
    .huoban .ico {
        float: none;
        width: auto;
        position: relative;
        height: 200px;
        background-size: cover !important;
        margin: 30px;
    }
    .huoban .ico h3 {
        width: auto;
        height: 200px;
        font-size: 54px;
        line-height: 200px;
    }
    .huoban ul li .h_liat {
        float: none;
        width: auto;
        height: auto;
    }
    .huoban ul li .h_liat dl {
        text-align: center;
        display: block;
    }
    .huoban ul li .h_liat dl dd {
        height: 140px;
        width: calc((100% - 28px)/2);
        float: left;
        margin: 0;
        margin-bottom: 28px;
    }
    .huoban ul li .h_liat dl dd h4 {
        display: none;
    }
    .huoban ul li .h_liat dl dd .imgs {
        height: 140px;
        transform: scale(1);
    }
    .huoban ul li .h_liat dl dd:nth-child(2n) {
        float: right;
        margin-right: 0;
    }
    .layout .l_map .contact ul li {
        margin-right: 0;
        width: auto;
        float: none;
        height: auto;
        margin-bottom: 15px;
    }
    .layout .l_map .contact {
        padding: 40px 30px;
    }
    .layout .l_map .contact ul li .imgs {
        transform: scale(1.4);
    }
    .l_map .address {
        background-position: center center !important;
    }
    .l_map .contact ul li p {
        font-size: 28px;
        line-height: 44px;
        color: #333333;
        margin-top: 10px;
        text-align: center;
    }
    .l_map .address ul li {
        width: 100%;
        float: left;
        position: relative;
    }
    .l_map .address ul li:nth-child(2n+1) {
        text-align: left;
    }
    .l_map .address ul li p span {
        font-size: 32px;
        line-height: 116px;
        color: #fff;
    }
    .layout .culture {
        padding: 40px 30px;
    }
    .layout .culture .policy {
        width: auto;
        float: none;
        padding: 0;
    }
    .layout .culture .promise {
        float: none;
        width: 100%;
        margin-top: 40px;
    }
    .culture .promise p {
        font-size: 24px;
        line-height: 38px;
        color: #333333;
        position: relative;
        z-index: 11;
    }
    .layout .wosho {
        height: 384px;
        width: 100%;
        position: relative;
        z-index: 33;
        margin-top: 40px;
    }
    .layout .zhiwei h2 {
        font-size: 36px;
        line-height: 52px;
    }
    .layout .zhiwei ul li {
        margin: 0 10px;
        width: 320px;
        height: 66px;
        margin-bottom: 30px;
    }
    .layout .zhiwei .oao {
        width: 320px;
        height: 66px;
        font-size: 22px;
        line-height: 66px;
    }
    .gogao_list .zx_list ul li {
        width: 100%;
    }
    .gogao_list .zx_list ul li {
        height: auto;
        width: 100%;
        border: 2px solid #eededd;
        box-sizing: border-box;
        padding: 30px;
        position: relative;
        transition: all 0.3s;
        margin-bottom: 30px;
        cursor: pointer;
        background: #fff;
    }
    .gogao_list .zx_list h4 {
        font-size: 32px;
        line-height: 48px;
    }
    .gogao_list .zx_list dd {
        float: left;
        margin-right: 20px;
        margin-bottom: 6px;
    }
    .gogao_list .zx_list dd p {
        font-size: 24px;
        line-height: 42px;
        color: #cccccc;
    }
    .layout .gogao_list .zx_list h5 {
        font-size: 26px;
        line-height: 48px;
        color: #333333;
    }
    .f_bnt {
        position: static;
        height: 60px;
        width: 154px;
        margin-top: 30px;
    }
    .f_bnt span {
        font-size: 24px;
        line-height: 60px;
    }
    .pages ul li {
        margin: 0 10px;
        line-height: 56px;
        font-size: 24px;
        color: #666666;
    }
    .pages ul li a {
        font-size: 26px;
        width: 66px;
        height: 66px;
        text-align: center;
        line-height: 62px;
        background: #fff;
    }
    .pages ul li {
        font-size: 26px;
        height: 66px;
        text-align: center;
        line-height: 62px;
    }
    .layout .zhensu {
        padding: 54px 0 55px;
    }
    .layout .xiangq ul li {
        width: 100%;
    }
    .layout .xiangq ul li span {
        font-size: 30px;
    }
    .layout .z_company {
        height: 450px;
    }
    .layout .z_company .imgs {
        margin: 142px auto 20px;
        position: relative;
    }
    .layout .h_liat ul li {
        padding: 54px 0;
    }
    .layout .h_liat ul li .imgs {
        width: 100%;
        float: none;
        position: relative;
        z-index: 11;
    }
    .layout .h_liat ul li .text {
        height: auto;
        width: auto;
        float: none;
    }
    .layout .h_liat ul li .text .qiyun h5 {
        font-size: 60px;
        line-height: 49px;
    }
    .layout .h_liat ul li .text .qiyun h2:before {
        top: 25px;
    }
    .layout .h_liat ul li .text .qiyun h2 {
        top: -13px;
        margin-left: 83px;
        font-size: 36px;
        line-height: 55px;
    }
    .layout .h_liat ul li .text .qiyun dl {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .layout .h_liat ul li .text .qiyun p {
        font-size: 24px;
        line-height: 42px;
        width: 100%;
        position: static;
    }
    .layout .h_liat ul li .text .qiyun dl dd h4 span {
        font-size: 76px;
    }
    .layout .h_liat ul li .text .qiyun dl dd h4 i {
        font-size: 64px;
        line-height: 86px;
    }
    .layout .h_liat ul li .text .qiyun dl dd {
        margin-right: 60px;
    }
    .layout .h_liat ul li .text .qiyun dl dd h6 {
        margin-top: 10px;
        font-size: 24px;
        line-height: 44px;
    }
    .gogao_list .xix h5 {
        font-size: 30px;
        line-height: 44px;
        color: #999999;
    }
    .gogao_list .g_list ul li {
        width: 100%;
    }
    .gogao_list .g_list ul li {
        width: 100%;
        margin-bottom: 22px;
        padding: 30px;
    }
    .gogao_list .g_list ul li .riqi {
        height: 120px;
        width: 120px;
        top: 30px;
        transform: none;
    }
    .gogao_list .g_list ul li .riqi h2 {
        margin-top: 10px;
    }
    .gogao_list .g_list ul li .riqi p {
        font-size: 24px;
        line-height: 34px;
    }
    .gogao_list .g_list ul li .baodao {
        width: auto;
        float: none;
        padding-left: 0;
    }
    .gogao_list .g_list ul li .baodao h4 a {
        font-size: 36px;
        padding-left: 150px;
        line-height: 2;
        padding-top: 20px;
    }
    .gogao_list .g_list ul li .baodao p {
        width: auto;
        font-size: 24px;
        line-height: 34px;
        word-break: keep-all;
        height: 138px;
        overflow: hidden;
        margin-top: 5px;
        text-overflow: ellipsis;
        margin-top: 60px;
    }
    .layout .gogao_list {
        padding: 40px 30px;
    }
    .gogao_list .g_list ul li .f_bnt {
        height: 66px;
        width: auto;
        position: static;
        display: block;
        box-sizing: border-box;
    }
    .gogao_list .g_list ul li .f_bnt span {
        font-size: 22px;
        line-height: 64px;
        padding-right: 500px;
    }
    .layout .z_company .imgs {
        margin: 152px auto 0px;
        position: relative;
    }
    .layout .z_company {
        height: 450px;
    }
    .gh {
        display: block;
    }
    .layout .banner ul li {
        height: 320px;
    }
    .layout .banner .swiper-slide .text {
        left: 30px;
    }
    .banner ul li h2 {
        font-size: 28px;
    }
    .f_course .l_list .date {
        text-align: center;
        right: 0;
    }
    .f_course .l_list li:hover .txt,
    .f_course .l_list .txt {
        width: auto !important;
        height: 160px !important;
        position: relative !important;
        background-size: cover !important;
        box-shadow: none !important;
        border-color: #f8c2b6 !important;
        top: auto;
        position: static;
        background: none !important;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }
    .f_course .l_list li:hover .txt p,
    .f_course .l_list .txt p {
        right: 0 !important;
        top: 0!important;
        bottom: auto !important;
        transform: scale(1) !important;
        color: #fff !important;
        font-size: 30px !important;
        line-height: 1.4 !important;
        text-align: center;
        padding: 0 30px !important;
        left: 0 !important;
        right: 0 !important;
        padding-top: 80px !important;
    }
    .f_course .l_list {
        padding: 100px 0;
        margin: 0 100px;
    }
    .f_course .l_list li:nth-child(2n) {
        margin: 0;
    }
    .f_course .l_list li:nth-child(2n) .txt {
        top: auto;
    }
    .f_course .l_list li:nth-child(2n):after,
    .f_course .l_list li:nth-child(2n):before {
        display: none;
    }
    .f_course .l_list li {
        position: static;
        background: url(../images/bg1.jpg) no-repeat center;
        background-size: cover !important;
        height: auto;
        padding-bottom: 30px;
    }
    .f_course .l_list .date,
    .f_course .l_list li:nth-child(2n) .date {
        position: static;
    }
    .f_course .l_list li:hover h4,
    .f_course .l_list h4 {
        opacity: 0.4;
        color: #fff;
        font-style: initial;
    }
    .f_course .l_list li .txt:before,
    .f_course .l_list li:hover .txt:before {
        left: 0;
        right: 0;
        top: -80px;
        transform: scale(1);
        content: '';
        background: url(../images/img4.png) no-repeat center;
        width: 160px;
        height: 160px;
        position: absolute;
        margin: 0 auto;
        background-size: cover !important;
    }
    .f_course .l_list li:hover h3,
    .f_course .l_list h3 {
        color: #fff;
        font-style: initial;
        font-size: 40px;
        font-weight: bold;
        margin-top: 30px;
    }
    .f_course .l_list li:nth-child(2n):hover .txt {
        bottom: auto;
        top: auto;
    }
    .f_course .l_list li:hover .txt p br,
    .f_course .l_list .txt p br {
        display: none;
    }
    .f_course .l_list li:after,
    .f_course .l_list li:before {
        display: none;
    }
    .layout .z_company .imgs img {
        max-width: 70%;
    }
    .layout .z_company {
        height: 350px;
    }
    .layout .z_company .imgs {
        margin-top: 130px;
    }
    .huoban {
        padding: 0;
    }
    .huoban ul li:nth-child(2n) .h_liat {
        float: none;
        width: auto;
        margin: 0;
    }
    .huoban ul li:nth-child(2n) .ico {
        float: none;
        width: auto;
    }
    .huoban .navr_pare {
        display: none;
    }
    .layout .culture .policy h4 {
        width: auto;
    }
    .layout .y_list {
        padding: 0;
    }
    .layout .y_list ul li {
        padding: 40px 30px;
        background: #fff;
    }
    .layout .y_list ul li:nth-child(2n) {
        background: #f7f7f7;
    }
    .layout .h_liat ul li .imgs,
    .layout .y_list ul li .imgs {
        width: auto;
        float: none;
    }
    .layout .h_liat ul li .text,
    .layout .y_list ul li .text {
        float: none;
        width: auto;
        margin-top: 20px !important;
        height: auto;
    }
    .layout .y_list ul li .text h3 span {
        font-size: 60px;
        line-height: 1.2;
    }
    .layout .y_list ul li .text h3 span br {
        display: none;
    }
    .layout .y_list ul li .text h4 br {
        display: none;
    }
    .layout .y_list ul li .text .ico {
        margin-top: 35px;
    }
    .layout .y_list ul li .text p {
        font-size: 24px;
        line-height: 1.7;
        position: static;
        margin-top: 20px;
    }
    .layout .y_list ul li:nth-child(2n) .imgs {
        float: none;
    }
    .layout .h_liat ul li {
        padding: 40px 30px;
    }
    .layout .h_liat ul li .text .qiyun dl dd h4 span {
        font-size: 56px;
    }
    .layout .h_liat ul li:nth-child(2n) .imgs {
        float: none;
    }
    .huoban ul li .h_liat dl dd:hover .imgs {
        transform: scale(1);
    }
    .gogao_list .wrap {
        padding: 0;
    }
    .layout .banner .prev_next {
        bottom: 30px;
        left: 30px;
    }
    .ban_hd {
        left: 30px;
    }
    .banner .prev_next div {
        height: 50px;
    }
    .btn:hover span,
    .btn_he:hover span {
        padding-right: 550px;
    }
    body {
        background: #333333;
    }
    .layout {
        background: #fff;
    }
    .xianq .wrap {
        padding: 0 30px;
    }
    .xianq h3 {
        margin-left: 40px;
        font-size: 34px;
        line-height: 46px;
        color: #333333;
        width: 530px;
    }
    .jiayou .wrap {
        padding: 0 30px;
        box-sizing: border-box;
    }
    .jiayou .imgs {
        width: auto;
    }
    .jiayou .tet p {
        font-size: 26px;
        line-height: 1.7;
        padding-bottom: 34px;
    }
    .jiayou .l_list li .txt h3 {
        font-size: 28px;
        line-height: 1.5;
    }
    .jiayou {
        padding-top: 0;
    }
    .jiayou .tet {
        padding: 40px 0 0;
    }
    .jiayou .l_list {
        padding: 30px 0 40px;
        position: relative;
    }
    .jiayou .l_list li {
        float: none;
        height: auto;
        padding: 30px;
        margin: 30px 0;
    }
    .jiayou .l_list li h4 {
        font-size: 28px;
        line-height: 160px;
        height: 160px;
        width: 120px;
    }
    .jiayou .l_list li .txt {
        margin-left: 36px;
        width: 460px;
    }
    .jiayou .l_list li .txt p {
        font-size: 24px;
        line-height: 36px;
        margin-top: 4px;
        height: 74px;
    }
    .l_list .didi img {
        width: 40px;
    }
    .l_list .didi {
        position: static;
        height: 120px;
        width: 120px;
        margin-top: 40px;
    }
    .jiayou .l_list li:nth-child(2n) {
        float: none;
    }
    .l_list .didi h6 {
        font-size: 24px;
        line-height: 34px;
    }
    .tancuan .text {
        width: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 120px;
        transform: 0;
        z-index: 111;
        margin: 0 30px;
        transform: scale(1);
    }
    .tancuan .text h2 {
        background: #e94520;
        height: 100px;
        padding: 0 20px 0 30px;
    }
    .tancuan .text h2 span {
        font-size: 34px;
        line-height: 100px;
    }
    .tancuan .text h2 a {
        width: 100px;
        height: 100px;
    }
    .tancuan .text h2 img {
        width: 34px;
    }
    .tancuan .r_list {
        padding: 30px 0;
    }
    .tancuan .r_list li:nth-child(1) {
        padding: 0 30px;
    }
    .tancuan .r_list li {
        padding: 0 30px;
        margin-bottom: 20px;
    }
    .tancuan .r_list li p {
        font-size: 24px;
        line-height: 34px;
    }
    .tancuan .r_list li h4 {
        font-size: 28px;
        line-height: 38px;
        color: #333333;
    }
    .tancuan .r_list li:before {
        width: 2px;
    }
    .tancuan .text .txt {
        background: #fff;
        padding: 30px;
    }
    .tancuan .text .txt .ms h3 {
        font-size: 28px;
        line-height: 44px;
        color: #333333;
        margin: 15px 0 15px;
        font-weight: bold;
    }
    .tancuan .text .txt .ms p {
        font-size: 24px;
        line-height: 34px;
        color: #666666;
    }
    .tancuan .text .lianxi {
        padding-top: 30px;
    }
    .tancuan .text .lianxi h3 {
        font-size: 30px;
        line-height: 44px;
        color: #333333;
    }
    .tancuan .text .lianxi h4 {
        font-size: 26px;
        line-height: 42px;
        color: #ff3333;
        margin-bottom: 14px;
    }
    .jiayou .l_list li {
        width: auto;
    }
    /* 鏂板 */
    .layout .header .naver ul li.ac_on {
        position: relative;
    }
    .layout .header .naver ul li.ac_on span {
        background: url(../images/heto.png) no-repeat right center;
        background-size: 30px auto !important;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 11;
        height: 97px;
        width: 40px;
        left: auto;
        transition: all 0.3s;
    }
    .nli {
        position: static;
        background: none;
    }
    .nli .wrap {
        padding: 0;
    }
    .nli dl {
        width: auto;
        float: none;
    }
    .nli .imgs {
        display: none;
    }
    .nli dd {
        float: none;
        width: auto;
        margin: 0;
    }
    .layout .header .naver ul li .nli dd a {
        padding: 0;
        background: none;
        font-size: 30px;
        line-height: 80px !important;
        color: #333;
        display: block;
        padding: 0 30px;
    }
    .nli dt {
        display: none;
    }
    .layout .header .naver ul li.ac_on span.ona {
        transform: rotate(180deg);
    }
    .ban_hd span.swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        margin: 0 5px;
    }
    .message .post .lt {
        width: auto;
        float: none;
    }
    .message .post li label {
        font-size: 24px;
        width: 120px;
        line-height: 60px;
    }
    .message .post .lt .txt {
        width: calc(100% - 120px);
        height: 60px;
        font-size: 24px;
        color: #333;
    }
    .message .post .rt {
        float: right;
        width: calc(100% - 120px);
    }
    .message .post {
        padding: 0 30px;
    }
    .message .post .rt .text {
        font-size: 24px;
        color: #333;
    }
    .message .post .sub {
        width: 240px;
        line-height: 60px;
        font-size: 28px;
        margin-left: 120px;
        height: auto;
    }
    .message {
        padding: 40px 30px;
    }
    .h_news .title {
        float: none;
        width: auto;
    }
    .h_news .news_rt {
        float: none;
        width: auto;
        max-width: inherit;
    }
    .h_news {
        padding: 60px 30px;
    }
    .h_news .news_rt p,
    .h_news .news_rt h6 {
        font-size: 26px;
        line-height: 1.7;
    }
    .h_news .news_rt h2 {
        font-size: 34px;
        line-height: 1.8;
    }
}