﻿@media (max-width:1600px){
    .container{ max-width: 1200px;}
    .header .container,.footer .container{ max-width: 1500px;}
    .nav{ height: 8rem; line-height: 8rem;}
    .header .popup{ top:8rem}
    .moduleA{ padding-top: 0;}
    .home .swiper-slide-txt h1{ font-size: 8rem;}
    .home .swiper-slide-txt p{ font-size: 4rem;}
    .moduleA .left h1,.moduleC .box .txt h1,.moduleD .tit h1,.moduleE .tit h1{ font-size: 4rem;}
    .moduleA .box{ margin-top: 0;}
    .moduleB_box .lbox_item .txt h1{ font-size: 2rem;}
    .moduleB .moduleB_box{ padding: 5rem;}
    .moduleC .box .img{ width: 50%;}
    .moduleC .box .txt .txt_box{ width: calc(50% - 3rem);}
    .moduleC .tab{ bottom: 0;}
    .moduleC .tab ul li{ padding: 2rem 0;}
    .moduleC .tab ul li .txt span:last-child{ font-size: 1.6rem;}
    .moduleC .tab ul li.on .tab_img .img-cover{ padding-bottom: 13rem;}
    .moduleC .box .txt{ padding-bottom: 14rem;}
    .moduleC .box .txt h3{ margin: 2rem 0;}
    .moduleC .box .img .img-cover{ padding-bottom: 85%;}
}
@media (max-width:1199px){
    .home .swiper-slide-txt h3{ font-size: 1.8rem;}
    .home .swiper-slide-txt h1{ font-size: 3rem; line-height: 1.5;}
    .home .swiper-slide-txt p{ font-size: 2rem; margin: 0;}
	.navMobile{ margin-top: 7rem; display: block; border-top: 1px solid rgba(0,0,0,.1);}
    .navMobile dd{ width: 100%;}
    .navMobile dd a{ line-height: 8rem;}
    .navMobile .mtnav{display:none; margin-top: 0;}
    .menuBox .hfoot{ flex-wrap: wrap; margin-top: 5rem;}
    .menuBox .hfoot a{ width: 100%; font-size: 1.8rem; text-align: center;}
    .search_container {top: 150px;width: calc(100% - 40px);}
    .search_container #searchBtn {width: 20px;height: 20px;background-size: 14px 14px;}
    .search_container input {padding-left: 36px;line-height: 30px;}
    .search_container #searchBtn {left: 50px;top: 65px;}
    .search_container .search_list{ top: 0; left: 0; position: relative; padding: 2rem;}
    .search_container .search_list ul li a {font-size: 12px;}
    .message_container .search_close {top: 20px;}
    .message_container .input_list .input-group {width: 100%;margin: 0;grid-template-columns: 7% 93%;}
    .message_container .input_list .input-group div img {height: 15px;}
    .message_container .input_list .input-group:last-child {grid-template-columns: 7% 93%;}
    .message_container .input_list .input-group .input {font-size: 15px;color: #333;}
    .message_container .input_list .input-group .input::-webkit-input-placeholder {font-size: 15px;color: #b2b2b2;}
    .message_container .button {height: 45px;}

    .moduleA .box{ flex-wrap: wrap;}
    .moduleA .left,.moduleA .right{ width: 100%;}
    .moduleA .left{ margin-bottom: 3rem;}
    .moduleA .left h1{ font-size: 3.5rem;}
    .numCount .item{ width: 50%; margin-bottom: 3rem;}
    .numCount .item:nth-child(3){ border-left: none;}
    .numCount .item .txt h3{ font-size: 6rem;}
    .numCount{ flex-wrap:wrap;}

    .moduleB{ padding: 5rem 0; background: #f0f0f0; margin: 0;}
    .moduleB .moduleB_box{ padding: 0; border-radius: none; background: none;}
    .moduleB .moduleB_box::after{ background: none;}
    .moduleB_box .item > .flex{ flex-wrap: wrap; flex-direction: column-reverse; }
    .moduleB_box .item .lbox,.moduleB_box .item .rbox,.moduleB_box .lbox_item .txt,.moduleB_box .lbox_item .img{ width: 100%;}
    .moduleB_box .item .rbox{ margin:0;}
    .moduleB_box .item .rbox ul{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
    .moduleB_box .item .rbox ul li{ width: 33%; }
    .moduleB_box .item .rbox ul li a{ padding:0 1.5rem; margin: 0.5rem 0;}
    .moduleB_box .lbox_item .img{ max-width: 60%; margin: auto;}
    .moduleB_box .lbox_item .txt h1{ font-size: 3rem;}
    .moduleB_box .box{ padding-top: 0; padding-bottom: 3rem;}

    .moduleC .box .img{ width: calc(50% + 10rem);}
    .moduleC .box .txt .txt_box{ width: calc(50% - 10rem); padding-right: 3rem;}
    .moduleC .tab{ position: relative; left: 0; bottom: 0; background: #fff;}
    .moduleC .tab ul li .txt{ padding-left: 2rem;}
    .moduleC .tab ul li .txt span:first-child{ font-size: 1.4rem;}
    .moduleC .tab ul li .txt span:last-child{ font-size: 2rem;}
    .moduleC .tab ul li.on .tab_img .img-cover{ padding-bottom: 12rem;}
    .moduleC .box .txt h1{ font-size: 3rem;}
    .moduleC .box .txt{ padding-bottom: 12rem;}


    .moduleE .box.flex{ flex-wrap: wrap;}
    .moduleE .lbox, .moduleE .cbox, .moduleE .rbox{ width: calc(50% - 1rem); margin-bottom: 2rem;}
    .moduleE .rbox{ width: 100%;}
    .footer .container .box{ flex-direction: column-reverse;}
    .footer .lbox{ width: 100%; padding: 3rem;}
    .footer .rbox{ width: 100%; padding: 3rem;}
}
@media (max-width:767px){
    .home{ padding-top: 7rem;}
    .header .logo{ padding: 0;}
    .menu-handler{ padding-right: 0; width: 6rem;}
    .header .logo img{ max-height: 4rem;}
    .home::after{display: none;}
    .home .swiper-slide{ min-height: 40rem;}
    .home .swiper-slide-img{ position: relative; padding-bottom: 40rem;}
    .home .swiper-slide-img img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
    .lang .langimg{ width: 2rem; height: 2rem;}
    .select-trigger{font-size: 2rem;}
    .navMobile .mtnav a{ font-size: 2rem;}
    .footer{ margin: 0;}
    .footer .lbox,.footer .rbox{ width: 100%; padding: 0; border: 0;}
    .footer .lbox ul.fast-nav{ flex-wrap: wrap; margin: 0;}
    .footer .lbox ul.fast-nav li{ width: 50%; margin-top: 3rem;}
    .select-options{ top: calc(100% + 1.8rem);}
    .select-options li:nth-of-type(1){ margin-top: 1rem;}
    .select-options li:last-child{margin-bottom: 1rem;}
    .moduleA .left p{-webkit-line-clamp:15;font-size:1.8rem}
    .moduleA .left h3{ font-size: 2.2rem;}
    .moduleB_box .lbox_item > .flex{ flex-wrap: wrap; flex-direction: column-reverse;}
    .moduleA a.more-btn{ float: right;}
    .numCount .item .txt h3{ font-size: 5rem;}
    .moduleB_box .lbox_item .img{ max-width: 100%; margin:2rem 0; padding: 3rem; background: #fff;}
    .moduleB_box .tab a{ background: #fff; border:none;text-align: center; font-size: 1.8rem; padding: 0; border-radius: 0; width: 50%; margin:0; line-height: 6rem;}
    .moduleB_box .item .rbox ul li{ width: calc(50% - 0.5rem);}
    .moduleB_box .lbox_item .txt h1{ font-size: 2.5rem;}
    
    .moduleC .box .img{ width: 100%; }
    .moduleC .box .txt{ position: relative; padding: 0;}
    .moduleC .box .txt .txt_box{ width: 100%; padding: 3rem 0;}
    .moduleC .tab ul{ flex-wrap: wrap;}
    .moduleC .tab ul li{ width: 50%;}
    .moduleC .tab ul li:nth-child(2n) .txt{ border: none;}

    .moduleD .tit h1{ font-size: 3.5rem;}
    .moduleD .tit p{ font-size: 1.8rem;}
    .moduleD ul li{ width:calc(33.33% - 1rem); margin-top: 1.5rem;}
    .moduleD ul li a{ padding: 0;}
    .moduleE{ padding-bottom: 0;}
    .moduleE .tit h1{ font-size: 3.5rem;}
    .moduleE .submenu a{padding:0.5rem 1rem; min-width: 12rem;}
    .moduleE .box{ flex-wrap: wrap;}
    .moduleE .lbox,.moduleE .cbox,.moduleE .rbox{ width: 100%;}
    .moduleF .flex{ flex-wrap: wrap;}
    .moduleF h3{ font-size: 3rem;}
    .moduleF .lbox{ width: 100%; margin-bottom: 2rem;}

    
    
}
