@media(max-width:1750px){
.header{ max-width:100%; width:auto; margin-left:50px; margin-right:50px}
}
@media(max-width:1500px){
.menu li a{ padding-left:25px; padding-right:25px}
.menu li .sub_menu{ width:114px}
}
@media(max-width:1300px){
#top .logo{ width:259px; height:60px}
.header{ height:60px}
nav{ padding-top:5px}
.form_search{ top:8px}
.heder-fixed{ height:96px}
}
@media(max-width:1360px){
	
}
@media(max-width:1160px){
#myad{ display:none}
.nav-but-wrap{ display:block; margin-right:0; margin-top:8px; position:relative}
.menu-icon__line{ background:#8c1b2d}
#top{ padding:15px 0;}
#top .logo{ width:173px; height:40px}
.header{ height:40px;}
nav{ padding-top:0px}
.form_search{ display:none}
body.nav-active #top{ z-index:9980}
.heder-fixed{ height:70px}
#case_items .thumb img{}
}
@media(max-width:1160px){
nav{
z-index:9990; position:fixed; right:0; top:0; margin:0; height:100%; width:458px; background:#8c1b2d; 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 a{ padding:15px 50px; color:rgba(255,255,255,0.9); font-size:30px;line-height:normal}
.menu li .sub_menu{ position:static; padding:0; margin:0; display:none;}
.menu li .sub_menu{ background:rgba(0,0,0,0.1);width:100%;opacity: 1;visibility:visible;
-webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); padding:15px 50px}
.menu li a:before,.menu li.selected a:before{ display:none}
.menu li a i{ display:block; position:absolute; right:50px; top:18px}	
.menu li .sub_menu li{ text-align:left;}
.menu li ul li a, #menu li.selected li a,.menu li#menu37 li a{ text-align:left; line-height:1.2; padding:8px 0px; font-size:25px; font-weight:normal; color:#fff}
.menu li ul li a:hover,.menu li a:hover{ color:#fff}
body.nav-active.white_topbar .menu li a,.menu li#menu37 li a{ color:#fff}
body.nav-active.white_topbar .menu li .sub_menu{}
.menu li ul li a:hover, #menu li.selected li a:hover { color:#00a0e9; background:none }
.menu li.selected a.first{background:none; color:#00a0e9}
.menu li#menu37 .sub_menu_box a{color:#fff; font-size:24px}
/***/
.menu li#menu37 .sub_menu{ width:100%; padding:15px 50px;box-shadow:none}
.menu li#menu37 li{ padding-left:0px}
/***/
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:#00a0e9}
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}
/**/
body.nav-active .nav-but-wrap{ z-index:9991}
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; }
}
@media(max-width:800px){
.header{ margin-left:25px; margin-right:25px}
#banner-slider .swiper-pagination-click{ bottom:10px}
.service_desc{ padding:25px}
}
@media(max-width:600px){
#banner-slider .swiper-pagination-b *{ width:14px; height:14px; padding:2px; border-width:2px;}
#banner-slider .swiper-pagination-b .swiper-pagination-bullet:after{ height:6px;}
}
@media(max-width:500px){
nav{ width:90%}
.menu li a,.menu li .sub_menu,.menu li#menu37 .sub_menu{ padding-right:30px;padding-left:30px}
.menu li a i{ right:25px}
.menu li a{ font-size:25px}
.menu li ul li a, #menu li.selected li a, .menu li#menu37 li a{ font-size:20px}
}
@media(max-width:1920px){
.control_rt{ padding-right:7.8125vw}
}
@media(max-width:1750px){
.w1650{ max-width:100%;}
#system_items,#adv_items,#funtion_items,#service_items,#case_items,#blog_items{ padding-left:60px; padding-right:60px}
#control_items{ margin-top:0}
.control_rt{ padding-right:50px}
.control_rt li{ margin-top:2.85714285714286vw}
.control_rt{ padding-bottom:0}
#footer .wrap{ max-width:100%;}
#footer{ padding-left:50px; padding-right:50px}
}
@media(max-width:1650px){
.product_x{ margin-right:60px}
#control_items .w1920{display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}	
.control_rt{ padding:50px;}
.control_lt{ overflow:hidden; background-size:auto 100%}
.control_lt img{ display:none}
.adv_desc li{ padding:50px; padding-bottom:150px}
.adv_desc li em{width:200px; height:200px; padding:10px; border:2px dashed #fff;}
.adv_desc li em:before{ background-size:auto 100%}
.adv_desc li p{ display:block; margin-top:50px;}
.adv_desc li:nth-child(2) em:before{ background-position:-176px top;}
.adv_desc li:nth-child(3) em:before{ background-position:-352px top;}
.adv_desc li{ font-size:20px}
}
@media(max-width:1540px){
.product_x{ margin-right:40px;margin-right: 0;width: 15%;}
}
@media(max-width:1440px){
.fmenu{ display:block; width:100%; margin-top:35px}	
}
@media(max-width:1400px){
.adv_desc li em{width:164px; height:164px; padding:6px; border:2px dashed #fff;}
.adv_desc li em:before{ background-size:auto 100%}
.adv_desc li p{ display:block; margin-top:30px;}
.adv_desc li:nth-child(2) em:before{ background-position:-148px top;}
.adv_desc li:nth-child(3) em:before{ background-position:-148px top;}
.adv_desc li{ padding:35px; padding-bottom:100px}
.blog_lt .desc a.title{ font-size:20px}
}
@media(max-width:1160px){
.h2_title{ font-size:30px}
.control_rt{ width:100%}
.control_lt{ display:none}
.index_padding{ padding-top:60px; padding-bottom:60px}
.adv_desc li{ font-size:16px}
.adv_desc li em{width:124px; height:124px; padding:6px; border:2px dashed #fff;}
.adv_desc li em:before{ background-size:auto 100%}
.adv_desc li p{ display:block; margin-top:25px;}
.adv_desc li:nth-child(2) em:before{ background-position:-108px top;}
.adv_desc li:nth-child(3) em:before{ background-position:-108px top;}
.adv_desc{ margin-top:35px}
#service_items{ background:#8c1b2d}
#case_items{ padding-top:60px}
#case_items .desc a.title{ font-size:20px}
#case_items .desc p{ font-size:14px}
#case_items .desc .more a{ font-size:14px}
#case_items .desc .more{ margin-top:25px}
.blog_lt{ width:100%}
.blog_rt{ padding-left:0; width:100%; margin-top:35px}
.blog_lt .h2_title{ display:block; margin-bottom:35px}
.blog_rt .h2_title{ display:none}
.blog_rt ul{ padding-top:0}
}
@media(max-width:1000px){
.adv_desc{ margin-top:10px}	
.adv_desc li{ width:48%; margin-right:4%; margin-top:35px}
.adv_desc li:last-child{ margin-right:4%}
.adv_desc li:nth-child(2n){ margin-right:0%}	
#case_items .thumb{ margin-bottom:20px}
.blog_lt li .thumb{ display:none}
.blog_lt .desc p{ display:none}
.blog_lt .desc .more{ display:none}
.blog_lt .desc a.title{ font-size:18px; font-weight:normal}
.blog_lt li{ width:100%; margin-top:25px}
.blog_rt{ margin-top:25px}
.blog_rt li{ margin-top:25px}
.fmenu{ display:none}
}
@media(max-width:800px){
#system_items,#adv_items,#funtion_items,#service_items,#case_items,#blog_items{ padding-left:30px; padding-right:30px}
.control_rt li a:before{ width:80px; height:80px; background-size:100% 100%}
.control_rt li{ padding-left:90px}
.control_rt li b{ font-size:16px}
.control_rt li p{ font-size:14px}
.control_rt{ padding:50px 30px}
.control_rt li{ margin-top:35px}
#footer{ padding:35px 30px}
.copyright .txt{ width:100%; margin-bottom:15px}
.form_link{ width:100%}
}
@media(max-width:600px){
#kefu_area{display:none}
#bagg a{width:100%;height:100%;left:0;top:0}
.control_rt li a:before{ position:static; margin-bottom:15px}
.control_rt li{ padding-left:0}
.control_rt ul{ margin-top:0}
.control_rt li b{ padding-left:0}
.control_rt li p{ padding-left:0}
.h2_title{ font-size:25px}
.h2_title_desc{ font-size:14px;}
.adv_desc li{ padding:30px 25px;}
.adv_desc li:after{ display:none}
.adv_desc li em{width:100px; height:100px; padding:6px; border:2px dashed #fff;}
.adv_desc li em:before{ background-size:auto 100%}
.adv_desc li p{ display:block; margin-top:25px;}
.adv_desc li:nth-child(2) em:before{ background-position:-84px top;}
.adv_desc li:nth-child(3) em:before{ background-position:-84px top;}
.h2_title{ text-align:center}
.h2_title:after{ margin:0 auto; margin-top:20px}
#case_items .desc a.title{ font-size:16px; font-weight:bold}
#case-slider .swiper-pagination-click{ margin-top:50px}
.blog_lt li:first-child{ margin-top:0}
.contact{ width:100%; padding-right:0}
.code{ position:static; margin-top:15px}
.copyright{ margin-top:25px}
.flink{ padding-left:0}
.flink label{position:static;float: left;width: 100%;margin-bottom: 8px;color: #fff;font-weight: bold;}
.contact b{ margin-bottom:25px}
#scrollTop{ right:15px; bottom:25px}
}
@media(max-width:500px){
.adv_desc li{ font-size:14px; padding:0; background:none}
.adv_desc li em{ border-color:#ddd; border-width:1px}
.adv_desc li:hover{ background:none; color:#8c1b2d}
.adv_desc li:hover p{ color:#8c1b2d}
.adv_desc li:hover em{border-color:#8c1b2d;}
.index_padding{ padding-top:35px; padding-bottom:35px}
#case_items{ padding-top:35px}
.h2_title_desc{ text-align:center}
.control_rt li a:before{ margin-left:auto; margin-right:auto}
.control_rt li b{ text-align:center}
.control_rt li b:after{ margin-left:auto; margin-right:auto}
.control_rt li p{ text-align:center}
#case-slider .swiper-pagination-click{ margin-top:30px}
.blog_lt .desc a.title,.blog_rt li a{ font-size:16px;}
}