@media screen and (max-width:1209px) {
.card2 {
    padding: 22px;
}
.h2, h2 {
    font-size: 26px !important;
}
.fwcode {
    font-size: 19px!important;
}


.Philosophy .bg {padding:1rem!important;}
h1 {
    font-size: 28px !important;
}


.indexproduct img{ width:50%!important; margin-top:22px}
.indexproduct .title{  margin-top:22px!important;}


.swiper-button-prev {
    width: 20px!important;
    height: 20px!important;
    left: 10px;
}
.swiper-button-next {
    width: 20px!important;
    height: 20px!important;
    left: 10px;
}

.indexcasebox{padding:2rem;}
.subtitle {
    font-size: 1.9rem!important;
}

.Authentication   .fwcode{width:95%!important;}

.Authentication .btnQuery {
    color: #ffffff;
    background-image: url(/img/btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 75px;
    border: none;
    background-size: cover;
    font-size: 23px;
    padding: 43px;
    line-height: 3px;
margin-top: 13px;
    width: 96%;
}
 



.positioning-card{width: 100%;}
     .card {
      padding: 2.5rem;
        }
.aboutbg{ padding:5rem 0 5rem 0;}
.modal-content2 p {
    line-height: 1.1!important;
}
.modal-content2 img{ width:85%!important; padding-top:83px}

.modal-content2 .h5 {
    font-size: 2rem!important;
    margin-bottom: 2rem;
    text-align: center;
    color: #ffffff;
}
.modal-content2 button {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 0.5rem 1rem!important;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
    font-size: 1rem;
    margin: 7px;
   width: 98%!important;
}
 

.con-banner .banner-titles {
     line-height: 13.375rem!important;
}

.indexcase{ width:100%!important; }
.Positioning {
    text-align: center;
    color: #3333FF;
    line-height: 2rem!important;
    font-weight: bold;
    padding-bottom: 2rem!important;
}


.index_banner_text2 img{width:33%!important; }

.index_banner_text{
padding-left: 10%;
    padding-top: 9%;
}
.index_banner_text2{
color: #FFFFFF;
    text-align: left;
    font-size: 16px;
    padding-bottom: 3px;
    font-weight: bold;
    line-height: 22px;
    padding-top: 12px;
}

.index_banner_text3{
color: #FFFFFF;
    text-align: left;
    font-size: 13px;
    padding-bottom: 3px;
    font-weight: bold;
    line-height: 22px;
    padding-top: 12px;
}
.index_banner_text4{
color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    padding-bottom: 3px;
    line-height: 16px;
    padding-top: 3px;
}

.mySwiper2 {
    width: 100%;

}
 

.grid-item {
     padding: 20px 20px 20px 26px; 
}

.btn {
    font-size: 1.8rem!important; padding: 5px 20px 10px 20px!important; 
}

.dazi {
    font-size: 55px;
    font-weight: bold;
    line-height: 44px;
}
.subtitle2 {
        font-size: 1.2rem;
        width: 100%;
        color: #555;
        margin: 14px;
        text-align: center;
        line-height: 1.4rem;
}
        .grid-container {
         
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);

        }

.mySwiper {
    width: 100%;
    height: 260px!important;
}
 
.con-banner .words {
   
    top: 17%!important;
   
}


.floating_ck{ bottom:60px!important;}

.banner .subText{
padding-top: 16px!important; 
    font-size: 33px!important; 
}

.banner .subText2 {
    font-size: 15px!important; 
    text-shadow: 1px 1px 1px #000000;
}

.indexnanner {
    height: 440px!important; 
}

.map-group .map-inlineblk .point .float-win {
    
    display: none!important; 
}
.map-group .company-list {
    top: 183.8%!important; 
}


 .con-banner .images {
	background-size: cover;
}
 
 .con-banner .txts {
     font-size: 35px!important; 
    margin-top: -0.5rem!important; 
}
.index-nine .t1 {
    margin: 15px auto 45px!important; 
}
.index-nine .link {
    width: 25%;
    padding-top: 28%!important; 
    margin-top: auto!important; 
}

.research-list-04 .research04-imgs .li {
    width: 100%!important;  padding-top:15px; text-align:center!important;  
        position: inherit!important;  
}
.research-list-04 .research04-imgs .li img {
width: 56%!important;
    margin: auto; 
       
}
 

.research-list-04 .research04-imgs .li01 {
    left: -40px!important;  
    top: auto!important;
}
.research-list-04 .research04-imgs .li02 {
       left: 29%!important;
    top: auto!important;
}
.research-list-04 .research04-imgs .li03 {
    right: 9px!important;
    top: auto!important;
}


.cul_1 ul li:first-child {
    margin-top: 1px!important;
}
.cul_1 ul li:last-child {
    margin-top: 1px!important;
}
.cul_2 .list {
    display: inline-block;
    width: 100%!important;
    height: 1470px!important;
    position: relative;
}

.cul_2 .list .box_1 {
    left: 0;
    top: 363px!important;
}

.cul_2 .list .box_2 {
    top: 0;
    left: 2px!important;
}
.cul_2 .list .box_3 {
   top: 1051px!important;
    left: 2px!important;
}
.cul_2 .list .box_4 {
    top: 710px!important;
    left: 2px!important;
}


.gy_banner .txt1 {
    padding-top: 46px!important;
    text-align: center;
}
.index_video{
height:180px; 
}
.index_video h2{
height:300px;     left: 40%;
    top: 60px;
}
 
.index_video h3{
height:300px;  
}

.about2 {
     padding-bottom: 9px;!important;
    
}
.indexnanner img{ width:80%!important;}
.gy_banner img{ width:80%!important;}

.time span, .times span {
    font-size: 18px!important;
    display: block;
    line-height: 14px!important;
}
.time font, .times font {
    font-size: 16px!important;
    line-height: 14px!important;
}
.indexbtn{
    padding-top: 10px;!important;
	   padding-bottom: 20px;!important;
}
 .indexclass {
  margin-top: 3px!important;
    font-size: 16px!important;
    line-height: 22px!important;
}



.indexabout {
    padding-top: 30px;!important;
	   padding-bottom: 20px;!important;
}

.index_tit h3 {
    padding-top: 0px;!important;
    font-size: 16px;
 
}
.yqpart_1 li {
    height: 60px;
    float: left;
    text-align: center;
    background: #acacad;
    color: #fff;
    font-size: 15px;
    border-left: 1px solid #fff;
    padding-top: 10px;
    letter-spacing: 3px;
}
.fb-item .on span {
    color: #1151b1!important;
}
.fb-item .on .iconfont {
    color: #1151b1!important;
}
.indexnanner .bg{background-size: 100% 100%; }
.gy_banner .txt2{
    font-size: 21px!important;
  padding-top:4%!important;
}

.counter {
    font-size: 24px!important;

}
.indexnanner h1{ color:#FFFFFF; padding-top:10%}

.new_nr dd a {
    font-size: 14px!important;
    overflow: hidden;
}

 h3 {
    font-size:20px!important;
}
 h4 {
    font-size:22px!important;
}
.gy_banner {
    width: 100%;
    height: 273px;
    text-align: left;
    margin: 0px auto;
}
.indexnanner {
    height: 150px;
}
body {
    font-size:14px;    
}
 
h1{ font-size:36px!important;}
.h-tit {
    line-height: 30px;
    margin-bottom: 20px!important;
    margin-top: 23px!important;
}

.h-tit h1 {
    line-height: 35px; font-size:24px;
    text-align: center;
}

.header2 .logo img {
    padding:  0px; width:220px  
     
}
.page-banner .txt2 {
font-size: 28px!important;
    line-height: 43px!important;
    top: 16%!important;
    
}

.swpbg {
    height: 100px!important;
   
}
.hidewap{ display:none!important;   }
 
.anli_det {
    height: 108px!important;   
	background-size: cover!important;   
}
.anli_det img {
    height: 108px!important;   

}
.hd-navlist{ padding-top:11px; padding-bottom:11px
 
}

.hd-navlist .nav-item {
height: 31px!important;
    line-height: 25px;
}
.hd-navlist .nav-item {
    float: left;
    margin-right: 1px;
}


.swiper-container {
    width: 100%;

}




}