@charset "UTF-8";
@media (max-width: 991px){
.full_flex .flex-control-nav{ text-align:center;}
.news_main>*, .gird_list>*, .news_gallery .row>*{ margin-bottom:10px;}
.category_top .container,.video_top,.ww_top, .ww_tab .tab,.promise_tab .tab,.contact_top{ background-size:8%;}

.company .banner .flex-control-paging,.company_why .flex-control-nav{ bottom:1rem;}
.company_why .why_content{ position:relative; padding:20px 0;}
.company_why .container .why_box{ width:100%;}
.company_why .why_text{ padding:2rem;}
.year_list .item{ padding-left:5rem; padding-top:1.2rem;}
.year_list .item .title{ width:5rem;}
.year_list ul:after{ padding-bottom:1rem;}
.year_list ul{ padding-bottom:1rem}
.company_video .js-video-button:before,.rvs-container a.rvs-play-video{ width:60px; height:60px;}
.rvs-container a.rvs-play-video{}

.prod_list .content{ padding:1.5rem; left:2rem; bottom:2rem;}
.prod_app{ padding-bottom:0;}


.rvs-horizontal .rvs-nav-container a.rvs-nav-prev, .rvs-horizontal .rvs-nav-container a.rvs-nav-next{ height:100%;}
.rvs-nav-container h4.rvs-nav-item-title{ position:absolute; font-size:inherit; left:1.6rem; bottom:1rem; max-width:80%;text-overflow:unset;white-space:normal; max-height:none; line-height:105%; z-index:9;}
.rvs-xs.rvs-sm.rvs-md.rvs-lg .rvs-item-text, .rvs-xs.rvs-sm.rvs-md .rvs-item-text, .rvs-xs.rvs-sm .rvs-item-text, .rvs-xs .rvs-item-text{ padding:0 80px 20px 20px;;}
.rvs-container a.rvs-play-video{transform:none; right:20px; bottom:20px;}

.news_main>*{ margin-bottom:30px;}
.news_highlight .text{ max-height:none; height:auto;}
.ww_btm{    min-height: 10rem; padding-bottom:50px;}
.mapael{ padding-top:4rem;}
.zoomButton,.map_tool{ top:-3.33rem;}
.map_tool,.zoomOut{ right:1rem;}
.zoomIn{    right: 4.33rem;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {	
#advantages .item .fs_60, .ww_top .item .fs_60{ font-size:2rem;}
.rvs-container.rvs-horizontal.rvs-xs.rvs-sm{ padding-bottom:140px; height:551px;}
.rvs-container.rvs-horizontal.rvs-xs.rvs-sm .rvs-nav-container{ height:130px;}
.contact_form .item{ padding-left:90px;}
.contact_form .item .checkbox-inline{ margin:0; line-height:20px;}
.contact_form .btn-area{ clear:none; padding-left:0;}
.category_top{ padding-top:10px;}
}
@media (max-width: 767px){
.promise .banner h1, .page_404 .banner h1,.case .banner .text,.contact .banner h1{ height:200px;}
.nav-tabs li:after{ display:none;	}
.nav-tabs>li{ width:100%;}
.ww_top, .ww_tab .tab, .promise_tab .tab{    padding: 1rem 15px 5px;}
.news_main>*, .gird_list>*, .news_gallery .row>*{ margin-bottom:30px;}
.gird_list .title{ margin:10px 0 20px;}

.year_list ul{ padding-left:1.5rem;}
.year_list ul:after{ left:0;}
#advantages .item:nth-child(3), .ww_top .ite:nth-child(3)m{ border:none;}
#advantages .item, .ww_top .item{ margin-bottom:1rem;}
#advantages .container{ margin-bottom:1rem;}
.category_top{ padding: 10px 10px 0;}
.video_top{ margin-top:0;}
.download_list .title{ height:auto;}
.news_highlight .title{ height:auto;}
.ww_tab .nav-tabs>li{ width:50%; margin-bottom:5px;}
#advantages{ padding: 2rem 0 1rem;}

.sitemap_list .item>ul ul{ margin-bottom:30px;}
.sitemap_list .item>ul>li:last-child ul{ margin-bottom:0;}
}
	
@media screen and (min-width: 481px) and (max-width: 767px) {	
.ww_tab .nav-tabs>li{ width:33.333%;}
}

@media (max-width: 480px){
.breadcrumbs{ display:none;	}
#advantages .item .fs_60, .ww_top .item .fs_60{ font-size:2rem;}
.product_i .banner h1{ height:150px; font-size:2.2rem;}
.rvs-container.rvs-horizontal.rvs-xs{ padding-bottom:120px; height:320px;}
.rvs-container.rvs-horizontal.rvs-xs .rvs-nav-container{ height:110px;}
.prod_btm .btn{ width:50%;}
.case .gird_list>*{ width:100%;}
.case .banner:after{ width:100vw; background:rgba(0,0,0,.4)}
.company .banner .content{ top:20%}
.contact_form .item .checkbox-inline{ margin:0; line-height:20px;}
.category_top .container,.video_top,.ww_top, .ww_tab .tab,.promise_tab .tab,.contact_top{ background-size:15%;}
.category_top h1{ font-size:2.2rem;}
.mapael .myText{ width:80%; left:10%; z-index:99}
.news_item .text{ max-height:none;}
.case .news_item .content,.news_highlight .text,.case .news_item .text, .news_item .text,.news_sub .news_item .title{ height:auto;}
.news_sub .gird_list>*, .case .gird_list>*{ width:100%;}
}