@charset "utf-8";

/* pc */
@media screen and (max-width:1400px) {
    .center{
        width: 1126px;
    }
    .top_pc .nav {
        margin-right: 40px;
    }
    .top_pc .nav .yiji {
        width: 100px;
    }
    .index_field .field .on {
        width: 845px;
    }
    .index_characteristic .right .list .each_item {
        padding: 0 20px 0 30px;
    }
    .index_characteristic .right .list .each_item .img {
        margin-right: 22px;
    }
    .index_characteristic .right .list .each_item .bt {
        width: 130px;
    }
    .index_news .news .news_right .mt {
        width: calc(50% - 10px);
        overflow: hidden;
    }
    .index_news .news .news_right .mt .text {
        padding: 0 20px;
    }
    .index_news .news .news_right .mt img{
        position: absolute;
        top:0;
        /* left: 50%;
        margin-left: -217px; */
    }
    .foot .foot_top .daohang {
        padding-right: 12px;
    }
    .foot .foot_top .foot_logo {
        margin-right: 35px;
    }
    .wenha .overflow{
        width: calc(33.333% - 20px);
        margin-left: 30px;
    }
    .wenha .overflow img{
        margin-left: -22px;
    }
    .qualifications .swiper-slide {
        width: 250px;
    }
    .qualifications .swiper-slide .img {
        width: 230px;
        height: 309px;
    }
    .qualifications .swiper-container-hzhb {
        width: 1126px;
    }
    .contact_html .contact .left {
        width: 620px;
    }
    .contact_html .contact .left .erweima {
        right: 40px;
    }
    .contact_html .contact .right .text {
        width: 355px;
        padding-right: 32px;
    }
    .item_show_html .pc-slide {
        width: 700px;
    }
    .item_show_html .side_edge {
        width: 300px;
        padding-right: 35px;
    }
    .item_show_html .view .swiper-container {
        width: 600px;
        height: 500px;
    }
    .item_show_html .view .swiper-container img {
        width: 600px;
        height: 500px;
    }
    .item_show_html .side_edge .title .h3 {
        padding-top: 40px;
    }
    .item_show_html .preview .swiper-container {
        width: 597px;
    }
    .list_html .first .img {
        width: 560px;
    }
    .list_html .first .text {
        width: calc(100% - 640px);
        padding: 0 40px 0 40px;
    }
    .periodical_html .periodical a{
        width: calc(25% - 22px);
    }
    .periodical_html .periodical a img{
        width: 100%;
    }
    .periodical_html .periodical a .zhezhao img{
        width: auto;
    }
    .social_html .social_img .right a {
        width: 283px;
    }
    .social_html .social_img .right {
        width: calc(100% - 520px);
    }
    .social_html .social_img .left {
        width: 520px;
    }
    .social_html .social_img .right a img{
        width: 100%;
    }
    .social_html .social_img .right a .zhekuang .width .h6 {
        line-height: 45px;
    }
    .contact_html .contact .right {
        width: calc(100% - 620px);
    }
    .message_html .left .each .width2 {
        width: 350px;
    }
    .message_html .left .each .width1 {
        width: 132px;
    }
    .message_html .right {
        padding-left: 108px;
    }
}
@media screen and (max-width:1200px) {
    .center{
        width: 1000px;
    }
    .top_pc .nav .yiji {
        width: 100px;
    }
    .top_pc .nav .yiji .yiji_a {
        width: 100px;
    }
    .top_pc .nav {
        margin-right: 10px;
    }
    .index_field .field .on {
        width: 1042px;
    }
    .index_characteristic .center .right {
        width: 550px
    }
    .index_about .center .about {
        padding: 0 5px;
    }
    .index_cooperation .cooperation {
        padding: 0 20px;
    }
    .foot .foot_top .erweima{
        display: none;
    }
    .foot .foot_bottom .yqlj {
        width: 50%;
    }
    .foot .foot_top .daohang {
        padding-right: 24px;
    }
    .foot .foot_top .foot_logo {
        margin-right: 65px;
    }
    .wenha .overflow img {
        margin-left: -55px;
    }
    .qualifications .swiper-container-hzhb {
        width: 1000px;
    }
    .course .xian .center .fzlc {
        width: 850px;
    }
    .swiper-container-course {
        margin-left: -726px;
    }
    .course .zudang {
        width: calc(50% - 430px);
    }
    .contact_html .contact .right .text {
        width: 290px;
    }
    .item_show_html .side_edge {
        width: 260px;
        padding-right: 20px;
    }
    .list_html .first .img {
        width: 450px;
    }
    .list_html .first .text {
        width: calc(100% - 500px);
        padding: 0 25px 0 25px;
    }
    .social_html .social_img .right a {
        width: 251px;
    }
    .social_html .social_img .right {
        width: calc(100% - 455px);
    }
    .social_html .social_img .left {
        width: 455px;
    }
    .message_html .left .each .width2 {
        width: 230px;
    }
    .message_html .left .each .xuanzhe {
        width: 82px;
    }
    .message_html .left .each .width1 {
        width: 100px;
    }
    .message_html .right {
        padding-left: 50px;
    }
    .message_html .left {
        width: 56%;
    }
    .index_news .news .news_right .mt img {
        height: 100%;
        width: auto;
    }
    
}
@media screen and (max-width:1220px) {
    .top_pc .center {
        width: calc(100% - 80px);
    }
}
@media screen and (max-width:1124px) {
    .top_pc .center {
        width: calc(100% - 55px);
    }
    .top_pc .nav {
        margin-right: 15px;
    }
}

/* 手机 */
@media screen and (max-width:1023px) {
    .center {
        width: 100vw;
    }
    .pc_none{
        display: none;
    }
    .page_nr{
        margin-top:0;
    }
    .phone_none{
        display: block;
    }
    .page{
        overflow: hidden;
    }
    .shouji_top{
        background: url("../img/application.png") center top no-repeat;
        /* background-size: 100% 100%; */
        position: relative;
        height: 58px;
        width: 100vw;
    }
    .shouji_top .logo{
        display: block;
        margin-left:20px;
    }
    .shouji_top img{
        height: 100%;
    }
    .shouji_top a{
        position: absolute;
        top:0;
        right: 0;
        height: 100%;
    }
    .shouji_top a img:nth-child(2){
        display: none;
    }
    .panel{
        background: #FAFAFA;
        overflow-y: auto;
    }
    .list_dl{
        margin-top: 50px;
    }
    .list_dt{
        background: #FAFAFA;
        width: 200px;
        padding: 0 40px 0 20px;
        height: 42px;
        line-height: 42px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        font-size: 14px;
        border-bottom: 1px solid #EBEBEB;
    }
    .list_dl .list_dt:nth-child(1){
        border-top: 1px solid #EBEBEB;
    }
    .list_dt p{
        color: #b7b7b7;
    }
    .list_dt:hover{
        background: #F1F1F1;
    }
    .list_dt:hover ._after{
        display: block;
        width: 3px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #ff6100;
    }
    #open{
        background: #F1F1F1;
        color: #4E4E4E;
    }
    #open p{
        color: #4E4E4E;
    }
    #open ._after{
        display: block;
        width: 3px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #ff6100;
    }
    .list_dt_icon{
        position: absolute;
        right: 10px;
        top: 9px;
        display: block;
        width: 16px;
        height: 16px;
        background: url("../images/off.png") no-repeat;
    }
    #open .list_dt_icon{
        background: url("../images/open.png") no-repeat;
    }
    .list_dd{
        display: none;
    }
    .list_li{
        display: block;
        background: #F1F1F1;
        list-style-type: none;
        width: 200px;
        padding: 0 30px;
        height: 38px;
        line-height:38px;
        cursor: pointer;
        border-bottom: 1px solid #EBEBEB;
        font-size: 13px;
        color: #b7b7b7;
    }
    .list_li:hover{
        background: #ff6100;
        color: #fff;
    }
    .list_dd{
        display: none;
        margin-left: 0;
    }
    .list_dd ul{
        margin: 0;
        padding-left: 0;
    }
    .selection .swiper-wrapper a{
        width: 116px;
        height: 58px;
    }
    .selection .swiper-wrapper a p{
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        font-weight: 600;
    }
    .selection .swiper-wrapper .on {
        color: #fff;
        background: url(../img/selection.png) center bottom no-repeat;
    }
    .selection {
        height: 45px;
    }
   .banner_phone img{
        width: 100vw;
   }
   .banner_phone .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        margin: 4px;
        background: url("../img/banner_dian2.png") center center no-repeat;
        background-size: 100% 100%;
        opacity: 1;
    }
    .banner_phone .swiper-pagination-bullet-active {
        background: url("../img/banner_dian1.png") center center no-repeat;
        background-size: 100% 100%;
    }
    .position_fixed{
        right: 0px;
        display: none;
    }
    .foot .foot_top{
        display: none;
    }
    .foot .foot_bottom .yqlj{
        display: none;
    }
    .foot .foot_bottom .float_r{
        width: 80%;
        float: unset;
        margin: auto;
        line-height: 22px;
        text-align: center;
        font-size: 12px;
    }
    .foot .foot_bottom{
        height: auto;
        border-top: none;
    }
    .foot{
        height: auto;
        padding: 12px 0;
    }
    .index_cooperation {
        padding-bottom: 42px;
    }   
    /* .index_cooperation .cooperation .yihang .img:nth-child(3),
    .index_cooperation .cooperation .yihang .img:nth-child(4),
    .index_cooperation .cooperation .yihang .img:nth-child(5){
        border-top: dotted 1px #cccccc;
    }
    .index_cooperation .cooperation .yihang .img:nth-child(6){
        border-left: dotted 1px #cccccc;
    }
    .index_cooperation .cooperation .yihang .img:nth-child(odd){
        border-left: none;
    }
    .index_cooperation .cooperation .yihang .img {
        width: calc(50% - 1px);
    } */
    .index_cooperation .cooperation {
        padding: 0 15px;
    }
    .index_title .p1 {
        font-size: 15px;
        font-weight: 600;
        line-height: 34px;
    }   
    .index_title .p2 {
        font-size: 12px;
        line-height: 32px;
    } 
    .index_title img {
        width: 70%;
    }
    .index_title {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .index_about .center{
        height: 280px;
    }
    .index_about .center .about .float_l .quan2 {
        width: 75px;
        height: 75px;
    }
    .index_about .center .about .float_l .quan1 {
        width: 65px;
        height: 65px;
    }
    .index_about .center .about .float_l {
        width: calc(25% - 10px);
        margin: 0 5px;
        margin-bottom: 10px;
    }
    .index_about .center .about .float_l .quan1 div:nth-child(1) {
        font-size: 20px;
        line-height: 60px;
        padding-top: 0px;
        font-family: "微软雅黑";
        font-weight: 600;
    }
    .index_about .center .about .float_l .quan1 div:nth-child(2) {
        padding-top: 36px;
        font-size: 14px;
    }
    .index_about .center .about .float_l p {
        font-size: 14px;
        line-height: 21px;
        margin-top: 6px;
    }
    .index_about {
        padding-top: 0px;
    }
    .index_news .news .news_left {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
        display: none;
    }
    .index_news{
        padding: 0 10px;
        padding-bottom: 20px;
    }
    .index_news .center{
        width: calc(100vw - 20px);
    }
    .index_news .news .news_right {
        width: 100%;
    }
    .index_news .news .news_right .mt {
        width: calc(50% - 5px);
        margin-bottom: 15px;
    }
    .index_news .news .news_right .mt:nth-child(odd) {
        margin-right: 10px;
    }
    .index_news .news .news_left .text {
        padding: 0 20px;
        padding-bottom: 24px;
    }
    .index_news .news .news_left .text .time {
        font-size: 26px;
        line-height: 18px;
        padding-top: 20px;
    }
    .index_news .news .news_left .text .bt {
        line-height: 50px;
        height: 50px;
    }
    .index_news .news .news_right .text .time {
        font-size: 16px;
        line-height: 16px;
        padding-top: 10px;
    }
    .index_news .news .news_right .text .bt {
        line-height: 36px;
        height: 34px;
        font-size: 14px;
        font-weight: 600;
    }
    .index_news .news .news_right .text .p{
        font-size: 12px;
        line-height: 20px;
    }
    .index_news .news .news_right .mt .text {
        height: auto;
        position: relative;
        padding: 0 12px;
        padding-bottom: 15px;
    }
    .index_news .news .news_right .mt {
        height: auto;
    }
    .index_news .biaoqian {
        margin-bottom: 20px;
    }
    .index_news .biaoqian a {
        width: 72px;
        height: 36px;
        line-height: 36px;
        margin: 5px;
        font-size: 12px;
    }
    .index_characteristic .center .right {
        width: 100%;
        padding: 20px 0;
    }
    .index_characteristic .right .list .each_item {
        padding: 0 15px 0 10px;
        display: block;
        height: auto;
        margin-bottom: 18px;
        display: flex;
        /* clear: both; */
    }
    .index_characteristic .right .list .each_item .img {
        height: 40px;
        background-size: auto 170% !important;
        margin-right: 0px;
    }
    .index_characteristic .right .list .each_item .img{
        float: left;
    }
    .index_characteristic .right .list .each_item .bt {
        float: left;
        width: 90px;
    }
    .index_characteristic .right .list .each_item .p {
        width: calc(100vw - 190px);
        height: 46px;
        clear: both;
        padding-top: 0px;
        float: right;
        margin-left: 20px;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2; 
        font-size: 13px;
    }
    .index_characteristic .right .title p:nth-child(1) {
        font-size: 17px;
        line-height: 32px;
        padding-top: 0px;
    }
    .index_characteristic .right .list .each_item .bt p:nth-child(1) {
        padding-top: 0px;
        font-size: 16px;
    }
    .index_characteristic .right .list .each_item .bt p:nth-child(2) {
        font-size: 13px;
        line-height: 16px;
    }
    .index_characteristic .right .title p:nth-child(2) {
        font-size: 13px;
        line-height: 22px;
    }
    .index_characteristic{
        padding: 0;
    }
    .index_characteristic .center{
        height: auto;
        background-size: auto 100%;
    }
    .index_characteristic .right .title {
        padding: 0 24px;
        margin-bottom: 30px;
    }
    .banner_phone{
        position: relative;
    }
    .banner_phone .biaoti{
        display: table;
        height: 80px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -45px;
        background: rgba(255, 97, 0, 0.55);
        width: 140px;
        padding-left: 30px;
    }
    .banner_phone .biaoti p:nth-child(1){
        font-size: 18px;
        color: #ffffff;
        font-weight: 600;
        line-height: 24px;
        padding-top: 14px;
    }
    .banner_phone .biaoti p:nth-child(2){
        font-size: 14px;
        color: #ffffff;
        line-height: 36px;
        text-transform:uppercase;
    } 
    .jianjie .left {
        margin-right: 0px;
        float: unset;
    }
    .jianjie .left .video {
        width: 100%;
        height: 285px;
        background: #000;
    }
    .jianjie {
        padding-top: 50px;
        padding-bottom: 22px;
    }
    .jianjie .right {
        width: calc(100% - 30px);
        float:unset;
        margin: auto;
        padding-top: 10px;
    }
    .jianjie .right .text {
        padding-right: 12px;
    }
    .jianjie .right .text {
        margin-top: 15px;
    }
    .title_ny p:nth-child(1) {
        font-size: 16px;
        color: #333333;
        line-height: 24px;
        padding-top: 5px;
        font-weight: 600;
    }
    .title_ny p:nth-child(2) {
        font-size: 15px;
    }
    .jianjie .right .text p {
        line-height: 28px;
        font-size: 13px;
    }
    .qywh {
        height: auto;
    }
    .wenha .overflow {
        width: 100%;
        margin: auto;
    }
    .qywh .title_ny {
        width: calc(100% - 30px);
        padding-top: 10px;
        margin: auto;
    }
    .wenha .overflow {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-bottom: 20px;
    }
    .wenha .overflow:nth-child(1) {
        margin-left: 15px;
    }
    .wenha .overflow img {
        margin-left: 0;
        width: 100%;
    }
    .qualifications .center {
        width: calc(100vw - 30px);
        margin: auto;
    }
    .qualifications .swiper-container-hzhb {
        width: 100%;
        padding-top: 30px;
    }
    .qualifications .hzhb {
        height: 440px;
    }
    .qualifications {
        height: auto;
        padding-bottom: 80px;
    }
    .course .title_ny {
        width: calc(100vw - 30px);
        margin: auto;
    }
    .wenha .overflow .zhezhao .img_bj {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        margin: auto;
        background: #f0f0f0;
        margin-top: 70px;
    }
    .wenha .overflow .zhezhao .img_bj .img{
        width: 110px !important;
        height: 110px !important;
    }
    .swiper-container-course {
        margin-left: -608px;
    }
    .swiper-container-course .swiper-slide-active .absolute{
        width: calc(100vw - 30px);
        top: 155px;
        margin-left: -40px;
    }
    .swiper-container-course .swiper-slide .absolute .p2 {
        font-size: 15px;
        color: #808080;
        line-height: 32px;
    }
    .swiper-container-course .swiper-slide .absolute .p1 {
        font-size: 30px;
        color: #333333;
        line-height: 50px;
    }
    .index_cooperation .title_ny{
        width: calc(100vw - 30px);
        margin: auto;
    }
    .business .left {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
        background: #ff6100;
    }
    .business .left img {
        margin-top: 32px;
        margin-left: 26px;
        margin-right: 24px;
    }
    .business .left .text {
        padding-top: 24px;
    }
    .business .left .text {
        width: calc(100% - 110px);
    }
    .business .right {
        width: 100%;
        height: 150px;
        background-size: 100%;
    }
    .business {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .business .left .text .bt {
        font-size: 20px;
        color: #ffffff;
        line-height: 50px;
    }
    .periodical_show_html .periodical_show {
        padding: 20px 15px 20px 15px;
        background: #fff;
    }
    .list_show .fanye .left{
        margin-bottom: 15px;
    }
    .list_show .fanye a{
        display: block;
        width: 50%;
    }
    .bdshare-button-style0-16{
        display: block;
        float: unset;
        margin-left: 20px;
    }
    .periodical_show_html .periodical_show .bt_rq .bt {
        font-size: 22px;
        line-height: 40px;
    }
	.periodical_show_html .periodical_show .text img{
    width: 100% !important;
	display:inline-block;
	text-align:center;
	
}
    .list_show .text p {
        line-height: 30px;
    }
    .periodical_show_html .periodical_show .text {
        padding-top: 16px;
    }
    .periodical_show_html {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .social_html .social_top {
        padding-top: 40px;
        padding-bottom: 25px;
    }
    .social_html .social_top .bt {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
    }
    .social_html .social_top .text {
        padding: 0 15px;
        padding-top: 10px;
    }
    .social_html .social_top .text p {
        font-size: 14px;
        line-height: 26px;
    }
    .social_html .social_img .left p {
        font-size: 14px;
        height: 42px;
        line-height: 42px
    }
    .social_html .social_img .left {
        width: 100%;
        margin-bottom: 15px;
    }
    .social_html .social_bottom {
        padding-top: 40px;
    }
    .social_html .social_img .right {
        width: 100%;
    }
    .social_html .social_img .right a {
        width: calc(50% - 20px);
        margin: 10px;
    }
    .social_html .social_img .right a .zhekuang{
        opacity: 0;
    }
    .page_turning .jz p{
        display: none;
    }
    .page_turning .jz input{
        display: none;
    }
    .periodical_html .periodical a {
        width: calc(50% - 15px);
        margin:0 7px;
        margin-bottom: 14px;
    }
    .periodical_html .periodical {
        margin-left: 0px;
        padding: 0 8px;
    }
    .periodical_html {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .list_html .first .img {
        display: none;
    }
    .list_html .first .text {
        width: calc(100% - 50px);
        padding: 0 25px 0 25px;
    }
    .list_html .first .text .bt {
        font-size: 22px;
        height: 45px;
        line-height: 45px;
        padding-top: 16px;
        height: auto;
    }
    .list_html .first .text{
        height: auto;
        padding-bottom: 20px;
    }
    .list_html .first .text .sj {
        margin-top: 10px;
    }
    .list_html .first {
        height: auto;
        margin-bottom: 40px;
    }
    .list_html {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .list_html .news_list .each_item .xian{
        display: none;
    }
    .list_html .news_list {
        padding: 0 15px 0 15px;
    }
    .list_html .news_list .each_item .text {
        width: calc(100% - 20px);
    }
    .list_html .news_list .each_item .text {
        width: calc(100% - 100px);
        float: right;
    }
    .list_html .news_list .each_item .time{
        padding-top: 4px;
    }
    .list_html .news_list .each_item .img {
        width: 100%;
        height: auto;
    }
    .list_html .news_list .each_item .img img {
        width: 100%;
        height: auto;
    }
    .list_html .news_list .each_item .text .p {
        -webkit-line-clamp: 2;
    }
    .list_html .news_list .each_item {
        padding: 18px 0 22px 0;
    }
    .join_html .list_dt_zp {
        height: 80px;
        background: #fff;
        position: relative;
        padding: 0 15px;
    }
    .join_html .list_dt_zp{
        overflow: hidden;
        margin-top: 20px;
    }
    .join_html .list_dt_zp .float_l:nth-child(3){
        display: none;
    }
    .join_html .list_dt_zp .float_l:nth-child(4){
        display: none;
    }
    .join_html .list_dt_zp .float_l{
        width: 50%;
        line-height: 70px;
    }
    .join_html .list_dd_zp {
        padding: 14px 20px 30px 20px;
    }
    .join_html {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .join_html .list_dt_zp .clear{
        right: 15px;
        top: 18px;
    }
    .join_html .list_dd_zp p {
        line-height: 30px;
    }
    .join_html .list_dt_zp {
        height: 70px;
    }
    .business .item {
        margin-left: 0px;
        padding: 0 15px;
    }
    .business .item a {
        width: 100%;
        margin:0 ;
        margin-bottom: 20px;
    }
    .item_show_html {
        overflow-y: auto;
        display: block;
    }
    .item_show_html .pc-slide {
        width: 100%;
    }
    .item_show_html .view .swiper-container {
        width: 100%;
        height: auto;
    }
    .item_show_html .view .swiper-container img {
        width: 100%;
        height: auto;
    }
    .item_show_html .side_edge .erweima {
        margin-top: 30px;
    }
    .item_show_html .side_edge {
        width: calc(100vw - 40px);
        padding: 20px;
    }
    .item_show_html .side_edge .guanbi{
        top: 20px;
        right:20px;
    }
    .item_show_html .preview{
        width: 100vw;
    }
    .item_show_html .preview .swiper-container {
        width: calc(100vw - 100px);
    }
    #dituContent{
        width: 100vw;
        height: 300px !important;
    }
    .contact_html {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .contact_html .contact .right .text {
        width: calc(100vw - 70px);
        margin-left: 20px;
    }
    .contact_html .contact {
        margin-bottom: 0px;
    }
    .contact_html .contact .left {
        width: 100%;
    }
    .contact_html .contact .left .erweima {
        display: none;
    }
    .contact_html .contact .left .text p{
        margin-left: 15px;
    }
    .message_html {
        padding: 10px 15px 20px 15px;
    }
    .message_html .left .each .width1 {
        width: calc(100% - 30px);
    }
    .message_html .left .each .width2 {
        width: calc(100% - 30px);
    }
    .message_html .left {
        width: 100%;
        margin-bottom: 50px;
    }
    .message_html .left .each p {
        text-align: left;
        text-indent: 5px;
    }
    .message_html .left .each{
        height: auto;;
    }
    .message_html .left .tishi{
        margin-left: 0px;
    }
    .message_html .left .tijiao{
        margin-left: 0px;
    }
    .message_html .right{
        width: 100%;
        border-left: none;
        padding-left: 50px;
    }
    .index_news .news .news_right .mt img {
        height: auto;
        width: 100%;
        position: relative;
    }
    .swiper-container-course{
        height: 490px;
    }
    .course .xian {
        height: 490px;
    }
    .index_field{
        display: none;
    }
    .index_characteristic{
        display: none;
    }
}
@media screen and (max-width:860px) {
    .index_field .field{
        display: block;
        height: auto;
        padding: 0 8px;
    }
    .index_field .field .meikuai{
        float: left;
        width: calc(50% - 10px);
        margin: 0 5px;
        margin-bottom: 10px;
    }
    .field .on{
        width: calc(100% - 10px) !important;
        margin-left: 5px !important;
    }
    .index_field .field .meikuai:hover {
        width: calc(100% - 10px);
        margin-left: 5px;
    }
    .index_field .field .meikuai .text .img {
        width: 60px;
    }
    .index_field .field .meikuai .text .p {
        width: calc(100% - 96px);
    }
    .index_field .field .meikuai .zhezhao {
        background: rgba(127, 127, 127, 0.8) !important;
    }
    .index_field .field .meikuai .text{
        display: none;
    }
    .index_field .field .on .text{
        display: block;
    }
    .index_field .field .on .zhezhao {
        opacity: 0;
    }
    
}
@media screen and (max-width:320px) {
    .wenha .overflow .zhezhao .img_bj {
        margin-top: 15px;
    }
}