﻿@media only screen and (max-width:1480px){
   
}
@media only screen and (max-width:1366px){
  
}
@media only screen and (max-width:1280px){
    html{font-size: 90px;}
    .logo_title img{
        height: 1.1rem;
    }
    .footer_left img{
        height: 1.1rem;
    }
    
}
@media only screen and (max-width:1180px){
    .logo_wrap_s{transform: none;opacity: 1;z-index: 5;}
    .logo_wrap{background: #0D3F72;}
    .logo_title img{
        height: 0.8rem;
    }
	.banner{height: auto;padding-top: .78rem;}
	.banner_box{position: relative;height: auto;}
	.banner_box .swiper-slide img{height: auto;}
	.master{position: relative;padding-top: 0;}
    .logo_wrap2{
        display: none;
    }
	.content1{
        padding-top: 10px;
    }
    .nav_wrap {
        display: none;
    }
    .search_wrap{
        display: none;
    }
    .parentBox{
        display: none;
    }
    .nav-menu {
        display: block;
    }
}
@media only screen and (max-width:1080px){
    .logo_title img{
        height: 0.8rem;
    }
    .footer_left img{
        height: 0.8rem;
    }
   
	
}
@media only screen and (max-width:1080px) and (min-width:981px){
}
@media only screen and (max-width:1020px) and (min-width:981px){
}
@media only screen and (max-width:980px){
    html{font-size: 90px;}
    .main1{
        flex-direction: column;
    }
    .main1_left{
        width: 100%;
    }
    .main1_right{
        width: 100%;
        margin-top: .3rem;
 

    }
    .main2_content{
        flex-direction: column;
    }
    .main2_left{
        width: 100%;
        margin-top: .3rem;
    
    }
    .main3_content{
        flex-direction: column;
    }
    .main3_left{
        width: 100%;
        margin-top: .3rem;
    }
    .main3_right{
        width: 100%;
        margin-top: .3rem;
   
    }
    .main1_left{
        height: 5.5rem;
    }
    /* .main1{
        flex-direction: column;
    }
    .main1_left{
        width: 100%;
        height: 5rem;
    }
    .main1_right{
        width: 100%;
        margin-top: .3rem;
        height: 4.8rem;

    }
    .main2_content{
        flex-direction: column;
    }
    .main2_left{
        width: 100%;
        margin-top: .3rem;
        height: 4.8rem;
    }
    .main3_content{
        flex-direction: column;
    }
    .main3_left{
        width: 100%;
        margin-top: .3rem;
    }
    .main3_right{
        width: 100%;
        margin-top: .3rem;
        height: 4.7rem;
    }
    .main3_swiper{
        height: 4rem;
    }
    .main3_right .swiper-slide{
        height: 3.6rem;
    }
    .main3_right .swiper-slide img{
        height: 90%;
    }
    .main1_left .swiper-slide p{
        height: 0.6rem;
        font-size:.2rem;
        line-height:0.6rem;
    }
    .main1_left .pagination{
        bottom: 0.02rem;
    }
    .bottom_content_div{
        font-size: 0.12rem;
    }
    .main1_right_title{
        font-size: .2rem;
    }
    .tongzhititle p{
        font-size: .2rem;
    }
    .main1_right .slideTxtBox .hd .text{
        line-height: .3rem;
        font-size:0.25rem;
    }
    .main1_right .slideTxtBox .bd .it_expertxt{
        height: 0.8rem;
    }
    .main2 .hd li{
        font-size: .25rem;
    }
    .main2_more{
        font-size: .16rem;
    }
    .main2_left .slideTxtBox .bd li{
        height: 0.8rem;
    }
    .main2_right_title{
        font-size: .2rem;
    }
    .it2_experttime2{
        font-size: .2rem;
    }
    .main2_left .slideTxtBox .bd{
        margin-top:.1rem;
    }
    .main3 .hd li{
        font-size: .25rem;
    }
    .main3_more{
        font-size: .16rem;
    }
    .main3_left .slideTxtBox .bd li{
        height: 0.8rem;
    }
    .main3_right_title{
        font-size: .2rem;
    }
    .it3_experttime3{
        font-size: .2rem;
    }
    .main3_left .slideTxtBox .bd{
        margin-top:.1rem;
    } */
    .top_content{
        grid-template-columns: repeat(auto-fill, 20%);
    }
    .bottom_content{
        flex-wrap: wrap;
        
    }
    .bottom_content_div{
        width: 46%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
   
}
@media only screen and (max-width:820px){
    .cen-w{
        height: 0.8rem;
    }
    .logo_title img{
        height: 0.8rem;
    }
    .footer_left img{
        height: 0.8rem;
    }
    .main1_right .slideTxtBox .hd .main_more{

        top:-0.01rem;
    }
   
    .main3_right{
        height: auto;
    }
    .top_content{
        grid-template-columns: repeat(auto-fill, 30%);
    }
    .top_content p{
        font-size: 0.16rem;
    }
    .top_content img{
        width: 0.5rem;
        height: 0.5rem;
    }
    .bottom_content{
        flex-wrap: wrap;
        
    }
    .bottom_content_div{
        width: 100%;
        /* margin-right: 2%; */
        margin-bottom: 2%;
    }
    .footer{
        flex-direction: column;
    }
    .footer_right{
        margin-bottom: 0.2rem;
    }
}
@media only screen and (max-width:780px){

}
@media only screen and (max-width:720px){

}
@media only screen and (max-width:680px){
    .main1_left{
        height: 3rem;
    }
}
@media only screen and (max-width:620px){

}
@media only screen and (max-width:580px){
   
}
@media only screen and (max-width:520px){
    .logo_title img{
        height: 0.7rem;
    }
    .footer_left img{
        height: 0.7rem;
    }
}
@media only screen and (max-width:480px){
    .logo_title img{
        height: 0.6rem;
    }
    .footer_left img{
        height: 0.6rem;
    }
}
@media only screen and (max-width:460px){
   

}
@media only screen and (max-width:416px){

}
@media only screen and (max-width:400px){

}
@media only screen and (max-width:380px){
  
}
@media only screen and (max-width:359px){
    .logo_title img{
        height: 0.55rem;
    }
    .footer_left img{
        height: 0.55rem;
    }
}
