/* Default wide-screen styles */
@media all and (max-width: 1600px) {
   
/* styles for narrow desktop browsers and iPad landscape */
}

@media all and (max-width: 1300px) {
 
/* styles for narrow desktop browsers and iPad landscape */
}


@media all and (max-width: 1200px) {

}
@media all and (max-width: 1100px) {

}

@media all and (max-width: 1000px) {

}

@media all and (max-width: 990px) {
body{font-size: .373rem;}
.page-container{padding-left: .4rem; padding-right: .4rem;}
/*
body{transform: translateX(0%); transition: all .2s ease; }
body.sidefinexd{transform: translateX(-70%);}
*/
.hraders{height: 1.4rem;}
.hraders.active{background-color: rgba(0,0,0,1);}
.hraders .logo{width: auto; height: .9rem; margin: .25rem 0;}
.hraders .logo img{height:.9rem;}
.hraders .lang{margin-right:1.5rem;}

.hraders .nav{ margin-top: .2rem;}
.hraders .nav .nav_btn{ width: .9rem;height:.8rem;cursor: pointer;position: absolute; right: 0; top: .3rem; margin-right: .4rem;}
.hraders .nav .nav_btn span{display: block;width: .9rem;height:.09rem;background: #FFFFFF;border-radius: 2px;transition: all 0.5s ease 0s;position: absolute;top: 0;}
.hraders .nav .nav_btn span:nth-child(1) { top:.1rem;}
.hraders .nav .nav_btn span:nth-child(2) { top:.36rem;}
.hraders .nav .nav_btn span:nth-child(3) { top:.6rem;}
.hraders .nav .nav_btn.casr span:nth-child(1) {transform: translateY(.2rem) rotate(45deg);transition: all 0.5s ease 0s;}
.hraders .nav .nav_btn.casr span:nth-child(2) { display:none;}
.hraders .nav .nav_btn.casr span:nth-child(3) { transform: translateY(-.3rem) rotate(-45deg); transition: all 0.5s ease 0s;}
.hraders .nav_list{display: none; position: fixed; top:1.4rem; left: 0; right: 0; bottom: 0; overflow: auto; background-color:#2e2e2e;}
.hraders .nav_list .item{border-bottom: 1px solid rgba(255,255,255,.1);}
.hraders .nav_list .item::after{content: ""; position: absolute; right: .4rem; top: .55rem; transform: rotate(-45deg); height: .25rem; width: .25rem; opacity: .6; border-right: 1px solid #fff; border-bottom: 1px solid #FFFFFF;}
.hraders .nav_list .text{padding:.4rem .3rem; margin: 0; font-size: .4rem;}
.hraders .nav_list .product_childen{position: inherit; top: 0; background-color: #444444;}
.hraders .nav_list .product_childen dl{flex-wrap: wrap;}
.hraders .nav_list .product_childen dl dt{width: 100%;padding: .3rem; margin-bottom: .1rem; background-color:#2e2e2e;}
.hraders .nav_list .product_childen dl dd{flex: 1;margin: 0; background-color: #333;}
.hraders .nav_list .product_childen dl dd+dd{margin-left: .1rem;}
.hraders .nav_list .product_childen dl dd h4{color: #FFFFFF; font-size: .36rem;}
.hraders .meun_about{position: initial; background-color: #444444; padding: .4rem;}
.hraders .meun_about li{background-color:#2e2e2e;}
.hraders .meun_about li+li{margin-top: .2rem;border: 0;}
.hraders .meun_about li a{color: #FFFFFF;}
.hraders .lang div{padding-top:.3rem; padding-bottom: .3rem;}
.hraders .lang ul{top: 1rem;}

.footer-main .page-container{display: block; text-align: center;}
.footer-dl+.footer-dl{margin-top:1rem;}
.footer-contact{text-align:left;}
.footer-contact dt{font-size: .5rem;}
.footer-contact dd{font-size: .38rem;}
.footer-code dd div{width: 4rem; margin: auto;}
.footer-code dt{font-size: .4rem;}

.section .page-container{background-position:center; background-size: cover; align-items: flex-start;}
.pageswiper .palybtn{height:auto;}
.pageswiper .video-slide .palybtn{left: calc(50% - 1rem); bottom: calc(50% - 1rem);}
.pageswiper .palybtn img{width: 1rem;}

.section .text {margin-top: 2.5rem;}
.section .text .h2{font-size:.9rem;}
.section .text .h3{font-size:.6rem;}
.section .text .tlist{font-size: .5rem;margin-top: .4rem;}
.banner {height: 7.4rem;}
.banner .s1{width: 5rem; right: 4.4rem; animation:s1m 1s ease;}
.banner .s2{width: 4rem; top: 1rem;}
.banner .g1{right:.6rem; width:7rem; top: 1.2rem;}
.banner .g2{right: 3.5rem; top:4rem;}
.banner .txt{width: auto; margin-bottom: 2rem;z-index: 9;}
.banner .txt .h2{font-size:.9rem; margin-bottom: .2rem;}
.banner .txt .h4{font-size: .5rem;}
@keyframes s1m {
  from {opacity: 0;transform:translateX(-3rem);}
  to {opacity: 1; transform:translateX(0);}
}
.por_cat .group{display: block;}
.por_cat .group .item+.item{margin-left: 0; margin-top: .267rem;}
.pro_box .box_title{font-size: .6rem;}
.por_cat{padding: .4rem 0;}
.pro_box{padding-top: .6rem; padding-bottom: .6rem;}
.pro_solution .group{margin-left: -.2rem; margin-right: -.2rem;}
.pro_solution .group .item{width: auto; flex: 1;}
.pro_solution .group .item-main{padding:.6rem 0;}
.pro_solution .group .item-main div{margin-top: .3rem;}
.pro_info{padding: .6rem 0;}
.pro_info .txt{float:none; width: 100%;}
.pro_info .txt h2{margin-top: 0; margin-bottom: .4rem;}
.pro_info .pic{width:100%; float: none; margin-top: .6rem;}
.pro_download .item{float: none; width: 100%;}
.pro_download .item-main{margin: .2rem 0;}
.pro_params_list{margin-left: -.4rem; margin-right:-.4rem; position: relative;}
.pro_params_list .thead{width:40%;}
.pro_params_list .thead .td{width:3.2rem;/*box-sizing: border-box;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pro_params_list .tbody .trs{width:100%;}
.pro_params_list .nextbtn{ position: absolute; right: 0;top: 33%; width: 1rem; height:1.7rem;}
.pro_params_list .nextbtn::before,.pro_params_list .nextbtn::after{content: ""; background-color:rgba(0,0,0,.1); position: absolute; width: .1rem; height: 1rem; left:.5rem;}
.pro_params_list .nextbtn::before{transform:rotate(-45deg);}
.pro_params_list .nextbtn::after{transform:rotate(45deg); top:.7rem;}
.pro_frame_pc,.pro_application_pc{display:none;}
.pro_frame_mobile,.pro_application_mobile{display:block;}
.verify_main .button{height: 1.2rem;}
.verify_main .submit-button{padding: .4rem;}

.apply-list{margin: 0;}
.apply-list .item{float: none;width: auto; padding: .2rem 0;}
.apply-list .item .item-main{margin: 0; padding: 0;}
.apply-list .item-txt{display: block; text-align: center; padding: .2rem 0;}
.apply-list .item-txt dd{display: none;}


.page-classify{margin-top: .6rem}
.news-list .item{width: 100%;}
.news-list .item-main{margin: .2rem 0;}
.layers .close{background-color:transparent; right:0; top:-1.5rem; width:1.5rem; height:1.5rem;}
.layers .layers-video-content .layers-video-dom{width: 100%;}
.layers .layers-video-content video{width: 100%;}
.page-acticle{padding:0rem;}
.page-acticle .content{padding: .6rem .5rem;}

.page-apply, .page-news{padding-top: .8rem;}
.page-jobs{padding-top: 1rem;}
.jobs-list .item .item-main{padding-left: 1.2rem;}
.jobs-list .item .item-content .button{width:100%;}

.about_content{padding-top: 1rem; padding-bottom: 1rem; overflow: hidden;}
.about_content .txt,.about_content .imgs{max-width:100%;}
.about_content .txt h2{font-size: .8rem; margin-bottom: .4rem;}
.about_content .txt h4{font-size: .5rem;}

.about_history .historys{padding:.8rem .4rem 0;}
.about_history .historys .group { display: block;}
.about_history .main .item{float: none; display: flex; width: auto; height: auto; padding: .2rem 0;}
.about_history .swiper-button-next, .about_history .swiper-button-prev{display: none;}
.about_history .main .item::before{ left:.8rem;width: 2px; height: 100%; }
.about_history .main .item::after{left:1.6rem; top: 43%;  border-color: transparent; border-width: .2rem; border-left-color: #0566db;}
.about_history .main .item:nth-child(2n+2)::after{top: 43%;bottom: inherit; border-top: .2rem solid transparent; border-bottom-color: transparent;}
.about_history .main .item .icon{margin-right: .6rem; width: 1.6rem; height: 1.6rem;}
.about_history .main .item .icon .o{width: inherit; transform: rotate(-90deg); height: inherit;}
.about_history .main .item .icon .i{height: .8rem; top: .32rem;padding-left: 0.1rem;}
.about_history .main .item-content{position: inherit; top: 0; flex: 1; display: block;}
.about_history .main .item:nth-child(2n+2) .item-content{bottom: auto;}
.about_history.active .item.active::before{width:2px;}
.about_history .main .item-content dd p{padding-left: .3rem;}
.about_history .main .item-content dd p::before{width: .15rem; height: .15rem; top: .2rem;}
}

@media all and (max-width: 900px) {}
@media all and (max-width: 880px) {}
@media all and (max-width: 860px) {}   
@media all and (max-width: 840px) {}
@media all and (max-width: 820px) {}

@media all and (max-width: 800px) {
    
}

@media all and (max-width: 700px) {
 
 
}

@media all and (max-width:650px) {

}


@media all and (max-width:640px) {
  
}

@media all and (max-width:600px) {
}

@media all and (max-width:580px) {
  
}

@media all and (max-width:570px) {
}

@media all and (max-width:500px) {
} 

@media all and (max-width:450px) {
}

@media all and (max-width:420px) {
}

@media all and (max-width:400px) {
}

@media all and (max-width: 320px) {
  
}