@charset "utf-8";
/* CSS Document */
@media screen and  (max-width:1440px){
    .logo {width: 150px;}
    .nav {margin-left: 3%}
    .nav li {margin: 0 }
    .nav a span {font-size: 16px;}
}

@media screen and  (max-width:1024px) {
    .w1440 {width: 96%;margin: 0 auto}
    header {height:33px;}
    .logo {width:90px;}
    .menu-handler{ display:block;}
    .menu-handler.active .burger {background: #fff;}
    .nav {display: none}
    .menu-handler {top: 17px;}
    header {padding: 5px 0}
    .menu-handler {width:33px;top: 9px;}
    .menu-handler .burger {width: 33px;margin: 0;left: 0;height: 4px;}
    .menu-handler .burger-2 {top: 8px;}
    .menu-handler .burger-3 {top: 16px;}
    .menu-handler.active .burger-1 {top: 10px;}
    .menu-handler.active .burger-3 {top: 10px;}
    .search-box {display: none}
    .banner .b-prev ,.banner .b-next {display: none}
    .sec1 {padding: 20px 0;}
    .sec1 .con {width: 100%;box-sizing: border-box;padding: 0 10px;}
    .sec1 .con img {width:45px;}
    .i-tit {padding: 20px;box-sizing: border-box}
    .i-tit h3 {font-size: 18px;}
    .i-tit p {width: 100%}
    .mj-wrap {padding-top: 60px;}
    .mj-wrap .mj-tabs {top:23px;width: 100%;text-align: center;left: 0}
    .mj-wrap .text {width: 100%;height: auto;padding-left: 0;padding-top:20px;}
    .mj-wrap .text h3 {font-size: 18px;text-align: center}
    .mj-wrap .text .en {font-size: 15px;text-align: center}
    .mj-wrap .text .con {margin-top: 20px;text-align: center;max-height:none;}
    .mj-wrap .pic {width: 100%;margin-top: 10px;}

    .tj-wrap .text {padding: 20px 15px;position:relative;margin: 0 auto;margin-top: -140px;z-index: 10;left: 0;}
    .tj-wrap .text h3 {font-size: 16px}
    .w1290 {width: 95%;}
    .sec4 .hy-pic {width: 100%}
    .sec4 .hy-text {width: 100%}
    .sec4 .hy-text h3 {font-size: 16px;}
    .sec4 .hy-text .en {font-size: 15px;}
    .sec4 .hy-text .con {margin-top: 10px;}
    .sec4 .hy-text .more {margin: 20px 0;}
    .hy-pic .hy-prev {width: 19px;height: 30px;top: 52%;}
    .df-item {width: 100%;padding: 20px 10px;}
    .df-item .text {width: 100%}
    .df-item:last-child {margin-bottom: 0}
    .df-item .text h3 {font-size: 18px;}

    .df-item .text .more{margin: 15px 0}
    .sec6 .more, .sec5 .more {margin:20px auto}


    footer .text {text-align: center;width: 100%}
    footer .qr-code {margin: 0 auto;float: none}

    .side-bar>div{width: 30px;height: 30px;}
    .side-bar {width: 30px;right: 10px;}
    .side-bar .tel-btn {display: none}
    .side-bar>a {width: 30px;height: 30px;}
    .side-bar .bt-btn {border-top: 0;}

    /*内页*/
    .ny-main {padding: 20px 0 50px 0}
    .top-mes {display: none}
    .int-con {padding: 20px;}
    .int-con img {height: auto !important;}
    .ny-banner {height: 200px;}
    .ny-nav {margin-top: 0;box-sizing: border-box;padding:10px 10px 5px 10px;background: #fff;}
    .ny-nav .con {width: 100%;border: solid #b00c2c;border-width: 1px 0 0 1px;}
    .ny-nav .con a {width: 50%;box-sizing: border-box;border: solid #b00c2c;border-width: 0 1px 1px 0;color: #b00c2c;height: 30px;line-height: 30px;}

    .c-news .news-item {width: 100%}
    .page-ctrl {margin-top: 20px;}
    .page-ctrl a ,.page-ctrl .nowpage {font-size: 14px;margin: 3px 2px;}

    .aptitude-list {margin-left: 0}
    .aptitude-list li {width: 100%;margin: 0 0  10px 0;}
    .aptitude-list li .tit {font-size: 15px;}

    .choice-type {width: 100%}
    .choice-type>h3 ,.choice-result>h3{font-size: 16px;}
    .choice-type .ch-box p {font-size: 16px;}
    .choice-type .ch-box select,.choice-type .ch-box .date {font-size: 16px;line-height: 30px;}
    .choice-type .ch-box .cz-btn {line-height: 40px;font-size: 18px;margin-top: 20px;background-size: cover;width: 100%}
    .choice-result {width: 100%;margin-left: 0}
    .choice-result .room-box {padding: 0}
    .room-pic {width: 100%}
    .choice-result .text {padding-left: 10px;}
    .choice-result .text h3 {font-size: 18px;}
    .choice-result .text .order-btn {background: #fff;}
    .choice-type .ch-box {padding: 10px;}
    .ch-box .pic-show {padding-left: 0}
    .ch-box .pic-show  img {width: 100%}
    .ch-box .pic-show p {padding: 8px 0}
    .room-box.jb-mes {box-sizing: border-box;padding: 10px;}
    .jb-mes input ,.jb-mes textarea{width: 100%}
    .jb-mes p {font-size: 16px;}
    .jb-mes select {line-height: 30px;font-size: 16px;}
    .jb-mes input {line-height: 30px;font-size: 16px;}
    .ens-order {padding: 10px;}
    .ens-order .comp-btn {width: 100px;font-size: 16px;line-height: 35px;margin-top: 10px;}






}
@media screen  and (max-width: 768px) {
    .text-wrap  .swiper-wrapper {display: none}
    .w1440 {width: 96%;margin: 0 auto}
    .menu-handler {top: 8px;}
    .banner .banner-pagination {bottom: 10px !important;}
    .banner .swiper-pagination-bullet {width: 5px;height:8px;}
    .logo {width:90px;}
    header {height:33px;}
    header .tel {display: none}

    .ny-banner {height: 95px;}


    .footer {    padding: 20px 0 30px 0;}
    .footer .f-wrap {width: 90%}
    .f-nav-wrap {display: none}
    .f-con {padding-top: 0}
    .f-con .int {width: 100%;float: none;padding-bottom: 20px;margin-top: 0;}
    .f-con .mes {text-align: left;float: none;margin-bottom: 20px;}
    .f-con .mes .cont {text-align: left}
    .f-con .mes .cont div {line-height: 24px;margin: 0 20px 0 0}
    .f-con .mes .cont div i {width: 30px;height: 30px;}
    .f-con .qr {float: none;text-align: left}
    .f-con .qr .qr-box {width:80px;}
    .f-con .fd-box {display: none;}
    .tel a {font-size: 16px;line-height: 30px;}

    /*内页*/

}

@media screen and (max-width: 320px){
    .ens-order .comp-btn {float: left;}

}