@media(max-width:1820px){
.header{max-width:100%;margin-left:80px;margin-right:80px}
.menu li{margin-right:58px;}
.w1620{max-width:1520px}
footer .w1620{max-width:100%;margin-left:80px;margin-right:80px}
.fcontact{width:538px}
}
@media(max-width:1720px){
.header{max-width:100%;margin-left:60px;margin-right:60px}
.menu li{margin-right:58px;}
.w1620{max-width:1420px}
footer .w1620{max-width:100%;margin-left:60px;margin-right:60px}
.fcontact{width:500px}
}
@media(max-width:1620px){
.header{max-width:100%;margin-left:50px;margin-right:50px}
.menu li{margin-right:48px;}
.w1620{max-width:1320px}
footer .w1620{max-width:100%;margin-left:50px;margin-right:50px}
.fcontact{width:480px}
.fmenu li{margin-left:70px}
}
@media(max-width:1500px){
.header{max-width:100%;margin-left:30px;margin-right:30px}
.menu li{margin-right:38px;}
.w1620{max-width:100%;margin-left:50px;margin-right:50px}
.fmenu li{margin-left:60px}
}
@media(max-width:1450px){
.fcontact{width:380px}
.fcontact p{width:350px}
.fmenu li{margin-left:50px}
.fcontact b{font-size:18px}
.fmenu b a{font-size:18px}
.fmenu li p a{font-size:16px}
copyright{font-size:16px;line-height:1.5;padding:20px 30px}
.menu li{margin-right:35px;}
}

@media(max-width:1300px){
.h1_title img{max-width:100%%;height:60px}
#about_index .h1_title img{height:100px}
#about_index .h1_title{margin-bottom:80px;}
#about_index{padding:65px 0;}
.case_abg{padding:65px 0;height:auto}
#product_index .h1_title{margin-bottom:80px;}
#product_index{padding:65px 0}
footer{margin-top:30px;padding:35px 0}
}
@media(max-width:1300px){
.menu li a{font-size:20px}
.menu li ul li a, #menu li.selected li a{font-size:16px}
}
@media(max-width:1300px){
.about_desc h3{font-size:30px}
.about_desc p{font-size:18px}
#cases_index li span{font-size:25px}
#product_index li span{font-size:25px}
}
@media(max-width:1190px){
.about_num{width:100%;height:40vw}
.about_desc{width:100%;}
#cases_index li .thumb{padding:0 25px}
#news_index .thumb{height: 40vw;width: 100%;}
#news_index .desc{width: 100%;padding: 50px;}
}
@media(max-width:1190px){
.about_desc h3{font-size:25px}
#cases_index li .thumb{padding:0 20px}
#product_index li span{font-size:18px;padding:10px}
#news_index .desc li a{font-size:18px}
.fmenu{width:100%}
.fcontact{width:100%;margin-top:35px;border:0}
.fcontact p{width:100%}
.fmenu li{margin-left:0;width:16.66666666666667%}
}
@media(max-width:1190px){
nav{
z-index:9990; position:fixed; right:0; top:0; margin:0; height:100%; width:458px; background:#0e6eb8; 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:800px){
.w1620{margin-left:30px;margin-right:30px}
footer .w1620{margin-left:30px;margin-right:30px}
#about_index .h1_title img{height:80px}
.h1_title img{height:50px}
#about_index .h1_title{margin-bottom:50px}
#product_index .h1_title{margin-bottom:50px}
#about_index{padding:50px 0}
.case_abg{padding:50px 0}
#cases_index .w1620{padding:50px 0}
#product_index{padding:50px 0;background-size:cover}
#news_index{padding:50px 0}
.about_desc{padding:35px}
#news_index .desc{padding:35px}
.fmenu{display:none}
.fcontact{margin-top:0}
}

@media(max-width:750px){
#cases_index li{width:50%}
#cases_index li:nth-child(-n+2){margin-bottom:35px}
#cases_index li .thumb{padding:0 45px}
#product_index li:nth-child(-n+2){margin-bottom:35px}
#product_index li{width:48%;margin-right:4%}
#product_index li:nth-child(4n){margin-right:4%}
#product_index li:nth-child(2n){margin-right:0%}
.nav-active .langsearch{z-index:9991; margin-right: 0;width: 425px; position: fixed;right: 0; top: 0;}
.nav-active .langsearch .selectlang{float:left;margin-left: 0; background: #fff;}
.nav-active .langsearch .selectlang a.on{display:none}
.searchcolse{display:none}
.langsearch{border:0}
.selectlang a{ font-size: 18px; color: #0e6eb8; padding: 6px 10px; font-weight: bold;}
}

@media(max-width:650px){
#about_index .h1_title img{height:60px}
.h1_title img{height:40px}
#about_index .h1_title{margin-bottom:40px}
#product_index .h1_title{margin-bottom:40px}
#about_index{padding:40px0}
.case_abg{padding:40px0}
#cases_index .w1620{padding:40px0}
#product_index{padding:40px 0;background-size:cover}
#news_index{padding:40px0}
.about_desc{padding:35px}
#news_index .desc{padding:35px}
.about_desc h3{font-size:20px; margin-bottom:15px;}
.about_desc p{font-size:16px}
#cases_index li .thumb{padding:0 25px}
#cases_index li span{font-size:20px}
#news_index .desc span{white-space: normal;font-weight:bold;font-size:18px}
}

@media(max-width:800px){
.nav-but-wrap{right:30px}
#top .logo{ width: 143px; height: 48px;}
.header{ height: 80px;}
.heder-fixed { height:80px; }
.langsearch{margin-top:28px}
.nav-but-wrap{top:29px}
}

@media(max-width:550px){
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}
#news_index .desc span{font-size:16px}
#news_index ul li font{font-size:14px}
#news_index .desc p a{font-size:14px}
}
@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}
.selectlang a{padding:6px 8px}
.langsearch{margin-right:44px}
.selectlang{margin-left:0}
.about_desc{padding:25px}
#news_index .desc{padding:15px}
}