@media(max-width:1500px){
.toper p{margin-left:50px;margin-right:50px}
.header{max-width:100%;margin-left:50px;margin-right:50px}
.w1400{max-width:100%;margin-left:50px;margin-right:50px}
#solution_ulist li{width:30%;margin-right:5%}
#cases_ulist li{width:30%;margin-right:5%}
}

@media(max-width:1190px){
.toper p{display:none}
.heder-fixed { height:80px; }
.menu li#menu2 .sub_menu, .menu li#menu6 .sub_menu, .menu li#menu3 .sub_menu{width:100%}
nav{
z-index:9990; position:fixed; right:0; top:0; margin:0; height:100%; width:458px; background:#025ea9; padding-top:80px; padding-bottom:30px;
-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
-webkit-transform: translateX(100%) translateY(0%);
transform: translateX(100%) translateY(0%);
 filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0
}
.menu{ height:100%; overflow:auto;}
.menu li{ width:100%;}
.menu li ul li{border-top:0;}
.menu li a{ padding:15px 50px; color:rgba(255,255,255,0.8); font-size:30px; font-weight:bold; line-height:normal;text-align:left}
.menu li .sub_menu{ position:static; padding:0; margin:0; display:none;}
.menu li .sub_menu{ background:rgba(0,0,0,0.2);width:100%;opacity: 1;visibility:visible;
-webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); padding:10px 50px}
.menu li a:before,.menu li.selected a:before{ display:none}
.menu li a i{ display:block; position:absolute; right:50px; top:18px;color:#fff}	
.menu li .sub_menu li{ text-align:left;}
.menu li ul li a, #menu li.selected li a{ text-align:left;background:none;border:0; line-height:1.2; padding:15px 0px; font-size:25px; font-weight:normal; color:rgba(255,255,255,0.8)}
.menu li .sub_menu ul{background:none;box-shadow:0px 0px 0px rgb(0 0 0/0.5);}
.menu li ul li:hover .subnav02 i{display:none}
.menu li ul li:hover .subnav{display:none}
.menu li ul li a:hover,.menu li a:hover{ color:#fff}
body.nav-active.white_topbar .menu li a{ color:#fff}
body.nav-active.white_topbar .menu li .sub_menu{ background:none}
.menu li ul li a:hover, #menu li.selected li a:hover { color:#fff; background:none }
.menu li.selected a.first{background:none; color:#00a0e9}
.menu li.selected a{color:#fff}
body.nav-active.white_topbar .menu li ul li a:hover, body.nav-active.white_topbar #menu li.selected li a:hover{ background:none; color:#fff}
body.nav-active nav{ -webkit-transform: translateX(0%) translateY(0%);transform: translateX(0%) translateY(0%);
filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1}
.nav-but-wrap{display:block}
/**/
body.nav-active .nav-but-wrap{ z-index:9993}
body.nav-active .menu-icon__line { background-color:#fff; -webkit-transform: translate(0px, 0px) rotate(-45deg); transform: translate(0px, 0px) rotate(-45deg); }
body.nav-active .menu-icon__line-left { width: 15px; -webkit-transform: translate(2px, 4px) rotate(45deg); transform: translate(2px, 4px) rotate(45deg); }
body.nav-active .menu-icon__line-right { width: 15px; float: right; -webkit-transform: translate(-3px, -3.5px) rotate(45deg); transform: translate(-3px, -3.5px) rotate(45deg); }
body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right { width: 15px; }
/**/
.langsearch{margin-right:70px;}
}

@media(max-width:1500px){
#product_index .w1400{margin-left:40px;margin-right:40px}
#product_index li{padding:0 10px;width:25%;margin-right:0}
#pros-slider{padding:0 10px;}
#case_index li{width:30%;margin-right:5%}
.service_cat p{width:14.28571428571429%;text-align:center;margin:0;display: block;float: left;}
.service_cat p a{display:inline-block}
#news_index .big{width:48%}
#news_index ul{width:48%;margin-left:4%}
.fmenu li{margin-left:45px;}
.fcontact{width:380px; padding-right: 25px;}
}

@media(max-width:1400px){
.fmenu li{}
.fcontact{width:350px; padding-right:25px;}
}

@media(max-width:1360px){
.fmenu li{margin-left:35px;}
.fcontact{width:350px;padding-right:25px;}
}

@media(max-width:1300px){
.fmenu li{margin-left:35px;}
.fcontact{width:350px;padding-right:25px;}
.fcontact{display:none}
.fmenu{float:left;}
.fmenu li{margin-left:50px;}
}

@media(max-width:1300px){
nav{margin-right:0}
#case_index li span{font-size:20px}
#case_index li{width:31%;margin-right:3.5%}
#case_index{padding-bottom:25px}
#service_index{height:auto;padding-bottom:50px}
}
@media(max-width:1100px){
.service_cat p a:before{width:85px;height:85px;background-size: cover;}
.service_cat p a{font-size:20px}
#news_index .big{display:none}
#news_index ul{width:100%;margin-left:0}
}
@media(max-width:1000px){
#product_index .title{font-size:16px}
#product_index .params p{font-size:14px}
#about_index .about_cat{padding:35px;}
#about_index .about_cat a{font-size:20px}
#case_index li span{font-size:18px}
#case_index li{width:32%;margin-right:2%}
#case_index{padding-bottom:25px}
.fcontact{display:block;width:100%;padding-right:0;border: 0;}
.fmenu{display:none}
footer{padding:30px 0}
copyright p span{display:block;}
copyright p em{display:none}
copyright p{padding:0 30px;line-height:1.5}
}
@media(max-width:890px){
.service_cat p{width:25%;}
.service_cat p:nth-child(-n+4){margin-bottom:25px}
}
@media(max-width:800px){
#product_index .title{font-size:18px}
#product_index .params p{font-size:16px}
#product_index li{padding:0 15px;width:50%;margin-right:0}
#pros-slider{padding:0 15px;}
#product_index .w1400{margin-left:35px;margin-right:35px}
.h1_title{font-size:30px}
.home_product_cat a{margin: 0 10px;}
.home_product_cat{margin-bottom:35px}
#brand_index li span{font-size:18px}
#about_index .h1_title_p{padding:0}
#about_index .about_cat p{width:33.33333%;}
#about_index .about_cat p:nth-child(-n+3){margin-bottom:25px}
#case_index li span{font-size:18px}
#case_index li{width:48%;margin-right:4%}
#case_index{padding-bottom:25px}
#case_index li:nth-child(3n){margin-right:4%}
#case_index li:nth-child(2n){margin-right:0%}
#case_index li:nth-child(4){display:block}
}

@media(max-width:600px){
#product_index .title{font-size:17px}
#product_index .params p{font-size:15px}
#product_index li{padding:0 10px;width:50%;margin-right:0}
#pros-slider{padding:0 10px;}
.w1400{max-width:100%;margin-left:25px;margin-right:25px}
.nav-but-wrap{right:25px}
#product_index .w1400{margin-left:15px;margin-right:15px}
#case_index li span{font-size:16px}
#case_index li font{font-size:14px}
.service_cat p{width:33.3333333%;}
.service_cat p:nth-child(-n+3){margin-bottom:25px}
.service_cat p:nth-child(4){margin-bottom:0px}
.service_cat p:last-child{display:none}
#news_index ul li span{font-size:18px}
#news_index ul li .thumbshow{width:150px}
#news_index ul li{padding-right:170px;height:89px}
#news_index ul li .desc:after{bottom:8px}
copyright p{font-size:14px}

}

@media(max-width:800px){
.header{max-width:100%;margin-left:30px;margin-right:30px}
.w1400{max-width:100%;margin-left:30px;margin-right:30px}
.nav-but-wrap{right:30px}
.langsearch{margin-right:60px}
.w1400{max-width:100%;margin-left:30px;margin-right:30px}
}
@media(max-width:550px){
#about_index .about_cat{padding:25px}
}
@media(max-width:500px){
#about_index .about_cat a{background-size:auto 18px}
#about_index .about_cat p{width:50%}
#about_index .about_cat p:nth-child(3){display:none}
#about_index .about_cat{padding:20px}
.service_cat p a:before{width:65px;height:65px;margin-bottom: 15px;}
.service_cat p a{font-size:18px}
#news_index ul li span{font-size:16px}
#news_index ul li .thumbshow{width:100px}
#news_index ul li{padding-right:130px;height:103px}
#news_index ul li .desc:after{display:none}
#news_index ul li font{display:none}
#news_index ul li span{-webkit-line-clamp: 3;height: auto;}
copyright p font{display:block}
#kefu{top:90%; transform: scale(.7); right: 0;}
#kefu span:nth-child(-n+3){display:none}
}
@media(max-width:550px){
.langsearch{display:none}
nav{ width:80%;}
.menu li a{ font-size:25px}
.menu li a{ padding:15px 35px}
.menu li a i{ right:35px}
.menu li ul li a, #menu li.selected li a{ font-size:20px; padding:10px 0}
.menu li .sub_menu{ padding:10px 35px}
body.nav-active nav{ padding-top:80px}
#page_banner{height:150px;position: relative;}
#page_banner img{position: absolute; left: 0;top: 0; height: 100%; width: auto; object-fit: cover;}
.nav-active .langsearch{width:80%;padding-left:35px}
.selectlang a.on{display:none}
}
@media(max-width:450px){
.header{}
.menu li a{ padding:15px 25px; padding-left:35px;font-size:20px;}
.menu li a i{ right:25px}
.menu li ul li a, #menu li.selected li a{ font-size:16px; padding:10px 0}
.menu li .sub_menu{ padding:10px 35px}
nav{ width:90%}
.nav-active .langsearch{width:90%;padding-left:35px}
}