/*当浏览器的可视区域小于1650px*/



@media screen and (max-width: 1650px) {

    .w1810 {

        width: 95%;

    }

}





/*当浏览器的可视区域小于1520px*/



@media screen and (max-width: 1520px) {

    .header-menu .btn-list {

        width: 6%;

    }

}





/*当浏览器的可视区域小于1470px*/



@media screen and (max-width: 1470px) {.header-menu .menu-list {

    width: 70%;

}}
@media screen and (min-width: 768px){
    .header-menu{position: absolute;}
}
@media screen and (max-width: 767px){
    .header-button{border-color:#f18101 !important;background: url(../images/in-ss-huang.png) no-repeat center !important;}
    .header-fixedmenu{background-color: #fff !important;}
    .header-menu .btn-menu .mobile-nav{border-color:#f18101;}
    .header-menu .btn-menu .mobile-nav .bar{background-color: #f18101;}
    .logo-one{display: none;}
    .logo-two{display: block;}
}



/*当浏览器的可视区域小于1360px*/



@media screen and (max-width: 1360px) {

    .w1380 {

        width: 90%;

    }

    .header-menu .btn-list {

        width: 7%;

    }

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-font {

        width: 53%;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(1) {

        top: 260px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(2) {

        top: 256px;

        left: 378px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(3) {

        top: 345px;

        left: 565px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(4) {

        top: 520px;

        left: 490px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(5) {

        top: 418px;

        left: 677px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(6) {

        top: 678px;

        left: 619px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(7) {

        top: 742px;

        left: 604px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(8) {

        left: 874px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(9) {

        top: 198px;

        left: 846px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(10) {

        top: 250px;

        left: 810px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(11) {

        top: 350px;

        left: 756px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(12) {

        top: 633px;

        left: 713px;

    }

    .in-jd .jd-list .jd-list-left .jd-spot li:nth-child(13) {

        top: 676px;

        left: 690px;

    }

}





/*当浏览器的可视区域小于1200px*/



@media screen and (max-width: 1200px) {

    .w1200 {

        width: 90%;

    }

    .header-menu .menu-list {

        width: 70%;

    }

    .header-menu .btn-list {

        width: 8%;

    }

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-img {

        max-width: 120px;

        max-height: 80px;

    }

    .mainer .banner .in-new .swiper-button-next,

    .mainer .banner .in-new .swiper-button-prev {

        top: 73%;

    }

    .in-hst .hst-font {

        top: 8%;

    }

    .in-hst .hst-font .hst-ul li a {

        max-height: 80px;

        line-height: 80px;

    }

    .in-zs .zs-dd-img {

        max-width: 111px;

    }

    .in-jd .jd-list .jd-list-right>h3 {

        font-size: 30px;

        line-height: 40px;

    }

    .in-jd .jd-list .jd-list-right>h4 {

        font-size: 20px;

        line-height: 26px;

        margin-top: 10px;

    }

    .in-jd .jd-list .jd-list-right>p {

        font-size: 20px;

        line-height: 26px;

        margin-top: 55px;

    }

    .in-jd .jd-list .jd-list-right {

        padding: 0 0 0 40px;

    }

    .in-jd .jd-list .jd-list-right>p>span {

        font-size: 50px;

    }

    /* 内页 */

    .about_jj .advan .con .item span {

        font-size: 36px;

    }

    .about_yjs h2 {

        font-size: 20px;

        line-height: 30px;

    }

    .header-menu .menu-list ul li a, .header-menu .btn-menu .mobile-nav-box ul li a{ font-size: 18px;}

}





/*ipad pro*/



@media screen and (max-width: 1100px) {

    .menu-list {

        display: none;

    }

    .btn-menu {

        display: block;

    }

    .header-menu .btn-menu .mobile-nav-box ul li a {

        padding: 5px 30px;

        color: #333;

    }

    .header-menu {

        padding: 20px 0px;

    }

    .header-menu .btn-list {

        width: 15%;

    }

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-img {

        max-width: 140px;

    }

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-font {

        width: 75%;

    }

    /* .mainer .banner .in-new {

        width: 70%;

    } */

    .in-intro>h2 {

        font-size: 20px

    }

    .in-intro {

        position: relative;

        margin: 70px auto 50px auto;

    }

    .in-intro .in-intro-ul {

        margin-top: 60px;

    }

    .mainer .banner .in-new .in-new-h2 {

        padding: 10px 0;

    }

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-font h3,

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-font p {

        font-size: 16px;

    }

    .mainer .banner .in-new .in-new-h2>h2 {

        font-size: 18px;

    }

    /* .in-intro .in-intro-ul .in-intro-tit {

        font-size: 20px;

    }

    

    .in-intro .in-intro-ul>ul>li>a .in-intro-li {

        background: rgba(239, 130, 1, 0.8);

    }

    .in-intro .in-intro-ul .in-intro-font {

        top: 33%;

    } */

    .in-hst {

        margin-top: 90px;

    }

    .in-hst .hst-font h3 {

        font-size: 26px;

        line-height: 36px

    }

    .in-hst .hst-font h4 {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 25px;

    }

    .in-hst .hst-font .hst-ul li a {

        font-size: 20px;

    }

    .in-hst .hst-font .hst-ul {

        margin-top: 85px;

    }

    .in-hst .hst-font .hst-ul li a {

        max-height: 65px;

        line-height: 65px;

    }

    .in-zs .zs-tit h3 {

        font-size: 32px;

        line-height: 38px;

    }

    .in-zs .zs-tit p {

        font-size: 20px;

        line-height: 25px;

        margin-top: 10px;

    }

    .in-zs .zs-h3>h3 {

        font-size: 20px;

        line-height: 28px

    }

    .in-zs .zs-cont {

        min-height: 150px;

        padding: 20px;

    }

    .in-zs .zs-h3>p {

        font-size: 14px;

        line-height: 22px;

    }

    .in-zs .zs-h3 {

        top: 25px;

        left: 20px;

        right: 20px;

    }

    .in-zs .zs-dd-font {

        padding-left: 20px;

        font-size: 14px;

    }

    .in-zs ul li dl dd {

        margin-bottom: 16px;

    }

    .in-zs .zs-dd-img {

        max-width: 98px;

    }

    .in-zs {

        padding: 60px 0px 90px 0px;

    }

    /* 内页 */

    .nbanner {

        height: 380px;

    }

    .nbanner .word {

        font-size: 38px;

    }

    .about_jj .word h2 {

        font-size: 26px;

    }

    .about_jj .word h3 {

        font-size: 22px;

    }

    .about_jj .advan .con .item span {

        font-size: 24px;

    }

    .about_jj .advan .con .item p {

        font-size: 13px;

    }

    .about_yjs p {

        width: 65%;

    }

    .about_jj .advan .con {

        width: 74.3%;

    }

    .cp_twc .info h3 {

        font-size: 24px;

        margin-bottom: 0px;

    }

    .cp_twc .info a.more {

        margin-top: 20px;

    }

    .dot7 {

        -webkit-line-clamp: 4;

    }

    .hxzs_list dl {

        width: 48%;

    }

    .newsdl dt h2 {

        margin-bottom: 5px;

        line-height: 26px;

        font-size: 18px;

    }

    .newsdl dt .time {

        padding-bottom: 4px;

        border-bottom: 1px solid #dedede;

        margin: 9px 0 4px;

    }

    .newsdl dd {

        width: 48%;

    }

    .newsdl dd h2,

    .newsdl dd p,

    .newsdl dd .time,

    .newsdl dd span {

        padding: 0 15px;

    }

    .newsdl dd span {

        margin-top: 25px;

    }

    .hrjj {

        height: 466px;

    }

    .swiper1 .swp1{

        bottom: 32%!important;

      }

}





/*ipad*/



@media screen and (max-width: 980px) {

    .breakNav {

        margin-bottom: 72px;

    }

    .header-menu .btn-list {

        width: 92px;

    }

    /* .mainer .banner .in-new {

        width: 74%;

    } */

    .header-menu {

        padding: 10px 0px;

    }

    .header-fixedmenu {

        height: 60px;

    }

    .mobile-nav-box {

        top: 60px;

    }

    .mainer .banner .in-new .swiper-button-next,

    .mainer .banner .in-new .swiper-button-prev {

        background-size: 30%;

    }

    .in-intro>h2 {

        font-size: 18px;

        line-height: 28px;

    }

    .in-intro {

        margin: 45px auto 36px auto;

    }

    .in-intro .in-intro-ul {

        margin-top: 40px;

    }

    .in-hst {

        margin-top: 65px;

    }

    /* .in-intro .in-intro-ul .in-intro-tit {

        top: 23%;

    }

    .in-intro .in-intro-ul .in-intro-font {

        top: 28%;

    } */

    .in-hst .hst-font h4 {

        margin-bottom: 15px;

    }

    .in-hst .hst-font .hst-ul {

        margin-top: 20px;

    }

    .in-hst .hst-font {

        top: 14%;

    }

    .in-hst .hst-font .hst-ul li a {

        max-height: 55px;

        line-height: 55px;

    }

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-font h3,

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-font p {

        font-size: 13px;

    }

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-font {

        width: 58%;

    }

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-img {

        max-width: 90px;

    }

    .mainer .banner .in-new .in-new-h2 {

        padding: 5px 0;

    }

    .in-zs ul {

        flex-wrap: wrap;

    }

    .in-zs ul li:nth-child(3n) {

        margin-right: 25px;

    }

    .in-zs ul li:nth-child(2n) {

        margin-right: 0px;

    }

    .in-zs ul li {

        width: 48%;

        margin-bottom: 25px;

    }

    .footer .foot-bot .foot-bot-left {

        width: 60%;

    }

    .footer .foot-bot .foot-bot-right {

        width: 35.5%;

    }

    .footer .foot-cen {

        padding: 30px 0px 40px 0px;

    }

    .footer {

        padding: 30px 0;

    }

    .footer .foot-bot {

        padding-top: 30px;

    }

    .in-zs .zs-dd-img {

        max-width: 110px;

    }

    .in-jd .jd-list .jd-list-left {

        width: 62%;

    }

    .in-jd .jd-list .jd-list-right {

        width: 38%;

    }

    .in-jd .jd-list .jd-list-right>h3 {

        font-size: 24px;

        line-height: 30px;

    }

    .in-jd .jd-list .jd-list-right>h4 {

        font-size: 17px;

        line-height: 25px;

        margin-top: 6px;

    }

    .in-jd .jd-list .jd-list-right>p {

        font-size: 17px;

        line-height: 22px;

        margin-top: 48px;

    }

    .in-jd .jd-list .jd-list-right>p>span {

        font-size: 36px;

    }

    /* 内页 */

    .ntit {

        font-size: 18px;

        margin-bottom: 20px;

    }

    .hd_block h2 {

        font-size: 18px;

    }

    .kxjdl dl {

        width: 48%;

    }

    .kxjdl dd span {

        font-size: 12px;

        line-height: 16px;

        display: block;

        color: #999999;

    }

    .item_js .info,

    .item_js.item_js2 .info {

        position: relative;

        width: 90%;

        text-align: left;

        left: 5%;

        transform: translateY(0);

        right: 5%;

        padding: 40px;

        margin-top: -140px;

    }

    .falc_wrap {

        padding-bottom: 152px;

    }

    .morebtn,

    .cp_twc .more {

        background: url(../images/rbtn.png) no-repeat 119px center #dddddd;

        height: 50px;

        line-height: 50px;

        padding: 0 74px 0 22px;

    }

    .hx_peo .more {

        background: url(../images/rbtn.png) no-repeat 119px center #dddddd;

        padding: 0 0 0 22px;

        height: 50px;

        line-height: 50px;

        width: 152px;

    }

    .hx_peo img {

        width: 60%;

        float: right;

    }

    .hx_peo h3 {

        font-size: 20px;

        margin-bottom: 20px;

    }

    .newinfo_warp .newinfo {

        width: 84%;

    }

    .morenew .morenew_con {

        width: 100%;

    }

    .newinfo_warp .newinfo .new_t h2 {

        line-height: 35px;

        font-size: 24px;

    }

    .in-intro .in-intro-ul>ul>li>a:hover .in-intro-tit {

        top: 20%;

    }

    .in-intro .in-intro-ul>ul>li>a:hover .in-intro-font {

        top: 25%;

    }

    .swiper1 .swiper-button-next{ right: 10px;} 

    .swiper1 .swiper-button-prev{ left: 10px;}.mainer .banner .in-new{ padding-bottom: 18px;}

    .mainer .banner .swp2{ margin-top: -6px;}
    
    
    .vediolist li{ width: 48.667%; margin-bottom:30px;}
    
}



@media screen and (max-width: 750px) {
    
    .vediolist li .pic {
       height: 285px;
    }
    

    .appshow {

        display: block;

    }

    .about_dszjy dt img {

        margin-top: 30px;

    }

    .about_dszjy dd {

        display: none;

    }

    .header-menu .logo {

        max-width: 110px;

    }

   

    .header-menu .menu-list ul li a,

    .header-menu .btn-menu .mobile-nav-box ul li a {

        font-size: 14px;

    }

    

    .header-menu {

        padding: 5px 0px;

    }

    .header-fixedmenu {

        height: 46px;

    }

    .mobile-nav-box {

        top: 46px;

    }

    .in-intro>h2 {

        font-size: 14px;

        line-height: 22px;

    }

    .in-intro {

        margin: 25px auto 20px auto;

    }

    .in-intro .in-intro-ul {

        width: 100%;

        overflow-x: auto;

    }

    .in-intro .in-intro-ul ul {

        width: 800px;

    }

    .in-intro .in-intro-ul .in-intro-tit {

        font-size: 20px;

        top: 50%;

    }

    .in-intro .in-intro-ul .in-intro-font {

        display: none;

    }

    .in-intro .in-intro-ul>ul>li>a:hover .in-intro-li{ background: none;}

    .in-intro .in-intro-ul>ul>li>a:hover .in-intro-tit{ top: 50%;}

    .in-intro .in-intro-ul {

        margin-top: 20px;

    }

    .in-hst {

        margin-top: 20px;

    }

    .in-hst .hst-font h3 {

        font-size: 18px;

        line-height: 25px;

        margin-bottom: 10px;

    }

    .in-hst .hst-font h4 {

        font-size: 15px;

        line-height: 18px;

        margin-bottom: 15px;

    }

    .in-hst .hst-font p {

        font-size: 12px;display: none;

        line-height: 18px;

    }

    .in-hst .hst-font {

        padding: 0;

    }.in-zs ul li a>img{ max-height: unset;}

    .in-hst .hst-font .hst-ul li a {

        font-size: 14px;

    }

    .in-hst .hst-font .hst-ul li a {

        max-height: 35px;

        line-height: 35px;

    }

    .in-hst .hst-font {

        top: 30%;

    }

    .in-zs {

        padding: 30px 0px 5px 0px;

    }

    .in-zs .zs-tit h3 {

        font-size: 24px;

        line-height: 30px;

    }

    .in-zs .zs-tit p {

        font-size: 18px;

        margin-top: 5px;

    }

    .in-zs .zs-tit {

        margin-bottom: 20px;

    }

    .in-zs ul li {

        width: 100%;

        margin-right: 0px;

    }

    .in-zs .zs-cont p {

        font-size: 13px;

    }

    .in-zs .zs-cont {

        min-height: 120px;

        padding: 15px;

    }

    .footer .foot-top .foot-top-logo {

        max-width: 110px;

    }

    .footer .bshare-custom .bshare-weixin {

        margin-right: 5px;

    }

    .footer {

        padding: 20px 0;

    }

    .footer .bshare-custom .bshare-weixin,

    .footer .bshare-custom .bshare-sinaminiblog {

        width: 25px;

        height: 25px;

    }

    .footer .foot-top {

        padding-bottom: 15px;

    }

    .footer .foot-cen {

        padding: 10px 0px 25px 0px;

    }

    .footer .foot-cen ul,

    .footer .foot-bot {

        flex-wrap: wrap;

    }

    .footer .foot-cen ul li {

        margin-top: 10px; width: 50%;

    }

    .footer .foot-cen ul li dl dt {

        margin-bottom: 6px;

    }

    .footer .foot-cen ul li dl dt a,

    .footer .foot-bot .foot-bot-left ul li a {

        font-size: 13px;

    }

    .footer .foot-cen ul li dl dd a,

    .footer .foot-bot .foot-bot-left>p,

    .footer .foot-bot .foot-bot-left>p>a {

        font-size: 12px;

    }

    .footer .foot-bot .foot-bot-left,

    .footer .foot-bot .foot-bot-right {

        width: 100%;

    }

    .footer .foot-bot .foot-bot-right,

    .footer .foot-bot .foot-bot-right .foot-firendship {

        margin: 0 auto;

        display: none;

    }

    .footer .foot-bot .foot-bot-left ul {

        margin-bottom: 5px;

    }

    .footer .foot-bot {

        padding-top: 16px;

    }

    .footer .foot-bot .foot-bot-left>p {

        line-height: 22px;

    }

    .banner-img .swiper-slide img {

        /* height: 100%; */

         width: 100%;

    }

    .mainer .banner .swp2{ margin-top: -6px;}

    .mainer .banner .in-new .swiper2 {

        width: 75%;

    }

    .mainer .banner .in-new .swiper-button-next,

    .mainer .banner .in-new .swiper-button-prev {

        top: 68%;

    }

    .mainer .banner .in-new .in-new-h2>h2 {

        font-size: 15px;

    }

    .in-jd .jd-list {

        flex-wrap: wrap;

    }

    .in-jd .jd-list .jd-list-left,

    .in-jd .jd-list .jd-list-right {

        width: 100%;

    }

    .in-jd .jd-list .jd-list-right {

        padding: 0px;

        margin-top: 15px;

        text-align: center;

    }

    .in-jd .jd-list .jd-list-right>h3 {

        font-size: 20px;

        line-height: 26px;

    }

    .in-jd .jd-list .jd-list-right>h4 {

        font-size: 15px;

        line-height: 22px

    }

    .in-jd .jd-list .jd-list-right>p {

        font-size: 15px;

        line-height: 22px;

        margin-top: 30px;

    }

    .in-jd .jd-list .jd-list-right>p>span {

        font-size: 28px;

    }

    .in-jd {

        padding: 30px 0 50px 0;

    }

    /* 内页 */

    .nbanner {

        height: 260px;

    }

    .nbanner .word {

        font-size: 20px;

    }

    .nbanner .word .en {

        font-size: 16px;

        margin-bottom: 0px;

    }

    .breakNav {

        position: relative;

        margin-bottom: 40px;

    }

    .breakNav .icon_share {

        position: absolute;

        top: -50px;

        right: 20px;

        height: 30px;

        line-height: 30px;

        text-align: center;

        opacity: 0.9;

        border-radius: 10px;

        padding: 0 31px 0 20px;

        background: url(../images/icon-share.png) no-repeat 53px center #fff;

    }

    .breakNav .w1200 {

        width: 90%;

    }

    .breakNav .nav {

        /* width: 100%; */

        height: 72px;

        font-size: 11px;

    }

    .breakNav .nav a {

        margin-right: 15px !important;;

    }

    .about_jj .word h2 {

        font-size: 24px;

        margin-bottom: 10px;

    }

    .about_jj .word h3 {

        font-size: 18px;

    }

    .about_jj .word {

        font-size: 13px;

    }

    .about_jj .pic {

        margin: 35px 0 34px;

    }

    .about_jj .advan .con,

    .about_jj .advan h2 {

        width: 100%;

    }

    .advan,

    .about_yjs .flexsb {

        flex-wrap: wrap;

        align-items: center;

    }

    .about_jj .advan h2 {

        font-size: 22px;

        margin-bottom: 30px;

    }

    .about_jj .advan .con .item p {

        font-size: 12px;

        line-height: 16px;

        letter-spacing: -1.5px;

    }

    .about_jj .advan .con .item span {

        padding-right: 15px;

        padding-right: 11px;

        background-size: 9px 9px;

    }

    .about_yjs h2 {

        width: 100%;

        margin-bottom: 20px;

    }

    .about_yjs p {

        width: 100%;

    }

    .popWrap .closebtn {

        width: 40px;

        height: 40px;

    }

    .popWrap .kxjpop dd .info {

        padding: 33px 0 40px;

        margin-top: 10px;

    }

    .popWrap .kxjpop dd span {

        font-size: 12px;

    }

    .popWrap .popBox {

        height: auto;

    }

    .about_qywh .about_qywhcon {

        padding-right: 0;

    }

    .about_qywh .bj {

        position: relative;

        width: 100%;

        height: 150px;

    }

    .about_qywh {

        padding: 38px 0 0 0;

    }

    .about_qywh h2,

    .about_qywh h3 {

        font-size: 22px;

    }

    .about_dszjy .w1200 {

        flex-wrap: wrap;

        padding: 40px 0 35px;

    }

    .about_dszjy dt {

        width: 100%;

    }

    .about_dszjy {

        padding-bottom: 75px;

    }

    .about_dszjy dt .box {

        width: 80%;

        top: 0;

        left: 0;

        position: relative;

        transform: translate(0);

    }

    .about_dszjy dt .qianming {

        margin-top: 5px;

    }

    .about_dszjy dd {

        width: 50%;

        margin: 40px auto;

    }

    .pro_warp {

        margin-bottom: 80px;

    }

    .pro_warp .pro_jj {

        flex-wrap: wrap;

        margin-bottom: 30px;

    }

    .pro_warp .pro_jj h2,

    .pro_warp .pro_jj .word {

        width: 100%;

    }

    .pro_warp .pro_jj h2 {

        margin-bottom: 20px;

        font-size: 20px;

    }

    .cp_wd h3 {

        font-size: 20px;

    }

    .pro_warp .pro_jj h3 {

        font-size: 16px;

    }

    .cp_wd {

        padding: 30px;

        margin-bottom: 50px;

    }

    .cp_twc.flexsb {

        flex-wrap: wrap;

        padding-bottom: 40px;

        margin-bottom: 40px;

    }

    .tabNav {

        font-size: 12px;

        margin: 15px auto 30px

    }

    .cp_twc .cp_scroll {

        width: 100%;

        margin-bottom: 20px;

    }

    .cp_twc .info {

        width: 100%;

    }

    .cp_trxf .sec h3 {

        font-size: 20px;

        margin-bottom: 22px;

    }

    .cp_trxf .sec {

        padding: 30px 0 20px;

    }

    .tabcon .block {

        margin-bottom: 0;

    }

    .cp_trxf {

        margin-bottom: 0;

    }

    .falc_wrap .fz-list .swiper-slide {

        margin-right: 0;

        width: 100%;

    }

    .falc_wrap .fz-list .swiper-slide .time,  .falc_wrap .fz-list .swiper-slide .fz-font{ margin-left: 10px; margin-right: 10px;}

   

    .cp_pop {

        padding: 20px;

    }

    .cp_twc .info h3 {

        font-size: 20px;

        line-height: 26px;

        margin-bottom: 20px;

    }

    .cp_twc .info h3 span {

        font-size: 16px;

    }

    .falc_wrap .timebar {

        width: 90%;

    }

    .cp_scroll {

        width: 100%;

    }

    .hx_peo {

        flex-wrap: wrap;

    }

    .hx_peo .t {

        margin: 0 auto 20px;

        padding-top: 30px;

    }

    .hx_peo .t h3 {

        text-align: center;

    }

    .hx_peo .more {

        margin: 0 auto;

    }

    .hx_peo .t img {

        display: block;

        width: 100%;

        float: none;

        margin-bottom: 20px;

    }

    .hx_peo img {

        display: none;

    }

    .item_js .info,

    .item_js.item_js2 .info {

        position: relative;

        width: 100%;

        text-align: left!important;

        left: 0!important;

        transform: translateY(0);

        right: 0;

        padding: 20px;

        margin-top: 0;

    }

    .hx_js .morebtn {

        margin-top: 20px;

    }

    .hxzs_list dl {

        width: 100%;

    }

    .hxyf_list dl {

        width: 100%;

    }

    .hxyf_list dl dt {

        padding: 20px 0;

        margin-bottom: 15px;

    }

    .hxyf_list {

        margin-bottom: 60px;

    }

    .newsdl dt a.flexsb {

        width: 100%;

        flex-wrap: wrap;

    }

    .newsdl dt .pic {

        width: 100%; 

        margin-bottom: 30px;

    }

    .newsdl dd .pic { height: auto;}

    .newsdl dt .info {

        width: 100%;

        padding: 0 20px 20px;

    }

    .newsdl dd {

        width: 100%;

    }

    .newinfo_warp .sharebar {

        position: relative;

        top: 0;

    }

    .sharebar {

        width: 100%;

        overflow: hidden;

        margin-bottom: 20px;

    }

    .newinfo_warp .sharebar span {

        margin-bottom: 0;

        float: left;

        margin-right: 10px;

    }

    .newinfo_warp .sharebar a {

        margin-bottom: 0;

        margin-left: 10px;

        transform: scale(0.8);

        float: left;

    }

    .newinfo_warp .newinfo {

        width: 100%;

    }

    .newinfo_warp .newinfo .new_t h2 {

        line-height: 26px;

        font-size: 20px;

        margin-bottom: 10px;

    }

    .newinfo_warp .newinfo .new_t {

        padding-bottom: 14px;

        margin-bottom: 32px;

    }

    .newinfo_warp .newinfo {

        margin: 0 auto 60px;

    }

    .morenew {

        padding: 30px 0 20px;

    }

    .twenlist a .info h3 {

        font-size: 14px;

        margin-bottom: 0px;

    }

    .twenlist a {

        padding-bottom: 20px;

        margin-bottom: 20px;

    }

    .video-js,

    .video-js .vjs-tech {

        height: 270px!important;

    }

    .video-js.vjs-fullscreen .vjs-tech {

        height: 100%!important;

    }

    .vediolist {

        width: 100%;

    }
    
    .videoc h2{font-size:20px}
    
    .vediolist li h4{ font-size:16px;}
    
    .vediolist li {

        margin-bottom: 27px;

    }

    .vediolist li .pic{ height: 200px;}



    .vediolist li h4 {

        margin-top: 5px;

    }

    .new_warp .page {

        margin-top: -182px;

    }

    .new_warp {

        padding-bottom: 60px;

    }

    .hd_block .flexsb {

        flex-wrap: wrap;

    }

    .hd_block h2,

    .hd_block .info {

        width: 100%;

    }

    .hd_block h2 {

        margin-bottom: 10px;

    }

    .hd_block {

        padding: 22px 0 8px;

    }

    .jk_top {

        padding: 30px;

    }

    .jk_top .jk_topscrpll {

        padding: 20px 20px 0;

        width: 100%;

    }

    .morebtnl {

        width: 150px;

    }

    .jkwarp .searchbar .btn {

        width: 50px;

        padding-left: 0;

        height: 46px;

        line-height: 46px;

        font-size: 0;

        background: url(../images/haidao/search.png) no-repeat 16px center #039b84;

    }

    .jkwarp .searchbar .input {

        height: 46px;

        padding-right: 5px;

        padding-left: 20px;

        width: 40%;

        font-size: 12px;

    }

    .selectsty {

        width: 40%;

    }

    .selectsty .checked {

        width: 100%;

        font-size: 12px;

    }

    .selectsty ul,

    .jkwarp .twenlist a .pic,

    .twenlist a .info {

        width: 100%;

    }

    .twenlist .morenew_con a .info {

        width: 60%;

    }

    .jkwarp .twenlist a .pic {

        margin-bottom: 20px;

    }

    .jkwarp .searchbar input::-webkit-input-placeholder,

    .jkwarp .searchbar input:-ms-input-placeholder,

    .jkwarp .searchbar input:-moz-placeholder,

    .jkwarp .searchbar input::-moz-placeholder {

        font-size: 12px;

    }

    .jkwarp .twenlist a {

        flex-wrap: wrap;

        margin-bottom: 30px;

        padding-bottom: 30px;

    }

    .hrjj {

        height: 165px;

        margin-top: 0;

    }

    .hrjj .word {

        width: 67.4%;

    }

    .hrzp .w1200 {

        width: 80%;

    }

    .hrzp .link a img {

        margin: 20% auto 0;

        transform: scale(0.7);

    }

    .hrzp {

        padding-bottom: 60px;

    }

    .hrzp .link a {

        border-radius: 15px;

        background: url(../images/hr/jt3.png) no-repeat center 85.8% #fff;

        width: 50%;

        height: auto;

        padding-bottom: 40px;

    }

    .hrh2 {

        padding: 40px 0 30px;

        text-align: center;

        font-size: 18px;

    }

    #certify {

        margin: 0 auto 60px;

    }

    .hrjj .word p {

        font-size: 12px;

        color: #999999;

        line-height: 17px;

    }

    .hrjj .word h2 {

        margin-bottom: 6px;

        font-size: 16px;

        margin-top: 20px;

    }

    #certify .swiper-button-next,

    #certify .swiper-button-prev {

        width: 13px;

        height: 27px;

        margin-top: -13px;

    }

    #certify .swiper-button-next {

        right: 2%;

    }

    #certify .swiper-button-prev {

        left: 2%;

    }

    .mapwarp .appshow .item{ display: block; opacity:1 }

    .swiper1 .swp1{ display: none;}

    .swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{    top: 60%; height: 22px;}

    .mainer .banner .in-new{ position: relative;background: #fff;}

    .mainer .banner .in-new .in-new-h2>h2{ color: #333;}

    .mainer .banner .in-new .swiper2 .swiper-slide .zs-font h3, .mainer .banner .in-new .swiper2 .swiper-slide .zs-font p{ color: #333;}

    .mainer .banner .swiper-pagination-bullet{ background: rgba(0, 0, 0, 0.5);}

    .mainer .banner .swiper-pagination-bullet-active{ background:#e08720}

}

@media screen and (max-width: 480px) { 
        .vediolist li {

        width: 100%;
            
        }
}

@media screen and (max-width: 375px) { .header-menu .btn-list {

    width: 90px;

}}



@media screen and (max-width: 320px) {

   

}