﻿

@media screen and (max-width: 1325px){
    #s3 .linBox .txt .i{
        font-size: 23px;
    }
    #s3 .linBox .txt .t{
        font-size: 24px;
    }
    .footer .box{
        width: 90%;
    }
    .footer .ul1 li{
        width: 18%;
    }
    /* .inner1280{
        width: 70%;
    } */
}

@media screen and (max-width: 1225px){
    .newsWrap,.partner_ind,.W1200{
        width: 90%;
    }
    .news_deta{
        padding: 1px 20px;
    }
    .news_nbx{
        margin-top: 40px;
    }
    .honor .itemA{
        width: calc(33.33% - 40px);
    }
    .diagnosis li{
        width: 32.33%;
    }
    .etiolRight,.etiolLeft{
        width: 100%;
        float: none;
    }
    .source{
        float: none;
        padding: 0;
    }
    .source li:nth-child(2n-1) {
        margin-left: 42px;
    }
    .source li{
        vertical-align: top;
    }
    .advantage li{
        height: 370px;
    }
    .advLeft{
        display: block;
    }
    .advRight{
        display: block;
        width: 100%;
        padding-left: 16px;
        padding-top: 14px;
    }
    .left-image{
        width: 50%;
        height: 390px;
    }
    .two-column-text{
        margin-left: 50%;
        padding: 30px;
    }
    .two-text{
        height: 198px;
    }

}

@media screen and (max-width: 1200px){
    .company-intro-img{
        width: 100%;
    }
    .company-des,.company-intro-title{
        position: relative;
        width: 100%;
        top: 0;
        bottom: auto;
        padding: 20px;
        left: auto;
    }
    .company-intro-title{
        padding-top: 25px;
    }
    .aboutDMDK .company-intro-title,.aboutDMDK .company-des{
        right: auto;
    }
    .company-intro-title img{
        width: 120px;
    }
}

@media screen and (max-width: 1045px){
    .banner .item a img {
        display: block;
    }
    .banner .item a{
        background-image: none !important;
    }
    .ly_box{
        padding: 60px;
    }
}

@media screen and (max-width: 1023px){
    .blockquote-info{
        max-width: 90%;
        padding: 0;
    }
    .blockquote-info p, .blockquote-info p.tlt span{
        font-size: 18px;
    }
    .blockquote-section{
        padding-top: 30px;
    }
    .traveling-controle-section .common-wrap{
        padding-top: 50px;
    }
    .graphics-small{
        width: 60px;
        margin-left: -30px;
    }
    .floortitle strong{
        font-size: 26px;
    }
    .floortitle.active i{
        letter-spacing: 10px;
        margin-bottom: 15px;
    }
    .travel-text-info{
        margin-top: 20px;
    }
    .travel-text{
        padding-left: 30px;
    }
    .linBox{
        width: 50%;
        height: 50%;
    }
    #s3 .linBox.hoves .txt .solu_logo{
        margin-bottom: 70px;
    }
    .gallery {
        padding-top: 45px;
    }
    .floortitle{
        margin-bottom: 0;
    }
    .footer{
        /* background: #1865b0; */
        padding: 20px 0;
        border-top: none;
    }
    .footer .ul1{
        display: none;
    }
    .footer2{
        border-top: none;
        height: auto;
        line-height: inherit;
    }
    .footer .box p,.footer2 .abtn{
        float: none;
        text-align: center;
    }
    .footer2 .abtn a{
        display: inline-block;
        margin-left: 7px;
        float: none;
    }
    .floortitle i{
        letter-spacing: 16px;
    }
    .video_inner{
        width: 88%;
    }
    .search-overlay a{
        font-size: 19px;
    }
    .search-overlay__form{
        padding-top: 10%;
    }
    .uppercase--hint{
        font-size: 16px;
    }
    .culture_Box li{
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }
    .culture_Box li h2{
        font-size: 22px;
    }
    .healthleft{
        width: 320px;
    }
    .healthri{
        width: calc(100% - 340px)
    }
    .product-info{
        width: 49.5%;
    }
    .benefit-info{
        width: 49.8%;
    }
    .advantage li{
        height: 450px;
    }
    .culture-left,.culture-list li figure{
        width: 100%;
    }
    .case-list .cont h3{
        font-size: 20px;
    }
    .case-list .cont p{
        font-size: 16px;
    }
    .case-list .cont .txt:after{
        margin-top: 30px;
    }
    .case-item li{
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .case_de_right{
        padding: 20px 0;
    }
    .case_de_right h3{
        font-size: 20px;
    }
    .case_de_right em{
        font-size: 12px;
        margin: 8px 0 18px;
    }
    .case_de_right,.case_de_left{
        width: 100%;
    }
    .case_de_left{
        position: relative;
    }
    .ajax-list article{
        padding-top: 20px;
        padding-left: 0;
    }
    .ajax-list h3{
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 0px;
    }
    .ajax-list li{
        width: 50%;
        margin-bottom: 15px;
    }
    .contactMap,.contactText{
        width: 100%;
    }
    .contactText{
        padding: 40px;
    }
    .conTxt h4{
        padding-top: 38px;
    }
    .jobs li{
        width: calc(50% - 20px);
    }
    .case-list .item:hover .cont:after {
        width: 4px;
    }
    .case-list .item:hover .cont p, .case-list .item:hover .cont h3{
        color: inherit;
    }
    .case-list .item:hover .txt:after{
        background: url(../images/icon-16.png) no-repeat center center;
    }
    .jobs li:hover{
        background: #fff;
    }
    .jobs li:hover p{
        color: #9c9c9c;
    }
    .jobs li:hover h3{
        color: inherit;
    }
    .jobs li:hover span{
        background: #1962a8;
        color: #fff;
    }
    .inner1280{
        width: 90%;
    }
    .courseDemo .con{
        padding-bottom: 30px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .course-mouse-box,.courseImg{
        display: none;
    }
    .courseDemo .year{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .courseDemo .t{
        margin-bottom: 10px;
    }
    .graphics-small{
        top: -32px;
    }
    .blockquoBg{
        width: 440px;
        margin-left: -220px;
    }
}

@media screen and (max-width: 768px){
    .travel-thumb{
        display: none;
    }
    .travel-text{
        width: 100%;
        max-width: 100%;
    }
    .travel-text-info{
        height: auto;
    }
    .travel-text{
        padding: 30px 20px;
    }
    #s3{
        width: 90%;
        height: 1200px;
        margin: 0 auto;
    }
    .linBox{
        width: 100%;
        height: 33.33%;
    }
    .partner_ind li{
        width: calc(50% - 10px);
        margin: 5px;
    }
    .newsWrap{
        margin-bottom: 30px;
    }
    .blockquote-info p, .blockquote-info p.tlt span {
        font-size: 16px;
        line-height: 18px;
    }
    .floortitle.active i {
        letter-spacing: 6px;
    }
    .floortitle strong{
        line-height: 30px;
        font-size: 23px;
    }
    .travel-text .title-text h5{
        font-size: 18px;
    }
    .btn-wrap{
        padding-top: 20px;
    }
    .video_inner span{
        font-size: 30px;
    }
    .traveling-controle-section .common-wrap{
        padding-bottom: 40px;
    }
    .blockquoBg{
        display: none;
    }
    .aboutOneWrap>p{
        width: 100% !important;
        text-indent: 2em;
        padding: 0 0 12px !important;
    }
    .company-des p{
        text-indent: 2em;
    }
    .aboutOneWrap>img {
        padding: 10px 0 0;
    }
    .contactOne, .contactTwo{
        padding-bottom: 5%;
    }
    .culture_Box li{
        width: 100%;
    }
    .culture_Box li:nth-child(2), .culture_Box li:nth-child(3){
        background: #e2e2e2;
        color: inherit;
    }
    .culture_wrap{
        padding-bottom: 4%;
    }
    .honor .itemA{
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }
    .honorWrap{
        margin-bottom: 30px;
    }
    .partnerWrap{
        padding-bottom: 30px;
    }
    .page ul li{
        padding: 2px 10px;
    }
    .page{
        padding-top: 20px;
    }
    .sum-city a{
        margin: 0 10px;
        font-size: 14px;
    }
    .source li,.source li:nth-child(2n-1){
        margin: 0 10px;
    }
    .healthri{
        width: 100%;
    }
    .benefit-info,.product-info{
        width: 100%;
        margin-bottom: 0.5%;
    }
    .diagnosis li{
        width: 100%;
        margin-bottom: 20px;
    }
    .advantage li{
        width: 100%;
        height: auto;
    }
    .culturewr h2{
        font-size: 18px;
        padding-right: 40px;
    }
    .culturewr h2 img{
        width: 38px;
    }
    .culture-box{
        padding-top: 5px;
    }
    .two-column-text h3, .two-column-section-with-2-images-left h3{
        font-size: 20px;
    }
    .left-image{
        width: 100%;
        float: none;
    }
    .two-column-text{
        margin-left: auto;
    }
    .two-text{
        height: auto;
    }
    .two-column-with-image{
        margin-bottom: 20px;
    }
    .case_wrap{
        margin-bottom: 40px;
    }
    .case-list .item>div{
        width: 100%;
    }
    .case-list li{
        padding-top: 0;
        margin-bottom: 30px;
    }
    .case-list .item{
        position: relative;
    }
    .case-list li:nth-child(odd) .pic,.case-list li:nth-child(even) .cont{
        margin-left: auto;
    }
    .case-list li:nth-child(odd) .cont,.case-list li:nth-child(even) .pic{
        margin-right: auto;
    }
    .case-list .cont .txt{
        position: relative;
        padding: 40px;
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        max-height: auto;
    }
    .case-list .cont:after{
        width: 0;
    }
    .case-item li{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ajax-list li{
        width: 100%;
        padding: 0;
        background: #fff;
        padding: 15px;
    }
    .news_inner p{
        font-size: 14px;
    }
    .news_title span{
        margin-bottom: 20px;
    }
    .news_title h3{
        font-size: 18px;
        margin-top: 20px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .article-pager{
        height: auto;
    }
    .article-pager a{
        display: block;
        width: 100%;
        position: static !important;
        margin: 15px 0;
    }
    .article-pager .next:after, .article-pager .prev:after{
        display: none;
    }
    #allmap{
        height: 300px;
    }
    .conTxt h4{
        font-size: 17px;
        padding-top: 20px;
        margin-bottom: 17px;
    }
    .jobs li {
        width: 100%;
        margin: 10px 0;
    }
    .jobs li h3{
        font-size: 17px;
    }
    .ly_box .ly_left,.ly_box .ly_form{
        width: 100%;
    }
    .ly_tit h3{
        font-size: 25px;
    }
    .ly_box{
        padding: 30px;
    }
    .ly_form li{
        width: 100%;
    }
    #sub{
        margin-bottom: 0;
    }
    .ly_form .sub_btn{
        width: 44%;
    }
    .ly_form li label{
        margin: 2px 0;
        font-size: 14px;
    }
    .ly_tit{
        display: none;
    }
    .ly_tel{
        margin-top: 26px;
    }
    .contactText>p{
        display: none;
    }
    .aboutAMK{
        margin-bottom: 0;
    }
    .aboutDMDK{
        margin-bottom: 30px;
    }
/*
    .swiper-wrapper{
        display: block !important;
    }
*/
}

@media screen and (max-width: 640px){
    #s3{
        height: 900px;
    }
    #s3 .linBox .txt .i {
        font-size: 20px;
    }
    #s3 .linBox .txt .t{
        font-size: 19px;
    }
    #s3 .linBox.hoves .txt .solu_logo{
        background-size: 127px;
    }
    .travel-text {
        padding: 20px 10px;
    }
    .vjs-big-play-button{
        width: 68px;
        height: 68px;
        margin-top: -34px;
        margin-left: -34px;
        line-height: 68px;
    }
    .travelOneText h3{
        font-size: 16px;
    }
    .travelOneText p,.travelOneText .travelOneMore{
        font-size: 14px;
    }
    .culture_Box li{
        padding: 20px;
        height: 200px;
    }
    .culture_Box li img{
        width: 60px;
    }
    .culture_Box li p{
        font-size: 15px;
    }
    .honor .itemA{
        width: 100%;
        margin: 0 0 15px;
    }
    .left-image{
        height: 220px;
    }
    .two-column-text{
        padding: 20px;
    }
    .stats-sub-title:before, .evolution-sub-title:before, .strategy-sub-title:before, .responsibility-sub-title:before, .recent-blog-date-article:before, .recent-blog-sub-title:before, .media-sub-title:before, .two-column-sub-title:before{
        width: 20px;
    }
    .two-column-text .two-column-sub-title{
        padding-left: 30px;
    }
    .two-column-text h3, .two-column-section-with-2-images-left h3,.two-column-text .two-column-sub-title{
        margin-bottom: 10px;
    }
    .two-column-text p{
        font-size: 13px;
    }
    .case-list .cont .txt{
        padding: 30px;
    }
    .case-list .cont h3{
        font-size: 18px;
    }
    .case-list .cont p{
        font-size: 15px;
    }
    .log_from{
        width: 90%;
    }
    .log_from{
        padding: 20px;
        margin: 0;
    }
    .lf_bot h5{
        font-size: 15px;
        margin-bottom: 13px;
    }
    .lf_tb{
        height: 23px;
    }
    .lf_inp{
        height: 23px;
        line-height: 23px;
    }
    .lf_se,.lf_sec{
        width: 100%;
    }
    .lf_yz .lf_mar{
        width: 60%;
    }
    .yz_img{
        width: 40%;
        height: auto;
        margin-left: 0;
    }
    .lf_yz .lf_inp{
        width: calc(100% - 60px);
    }
    .case-item li{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .article-pager{
        width: 90%;
        margin: 40px auto;
    }
    .contactText {
        padding: 22px;
    }
    .contactText>p img{
        width: 150px;
    }
	#s3 .linBox.hoves .txt .solu_logo{margin-bottom: 0;}
	
}

