@charset "UTF-8";
header{ position:relative;}
.breadcrumbs{ background:#eee; padding:1.33rem 0; line-height:1.6rem;}
.breadcrumb{ margin-bottom:0;}
.breadcrumb a{ color:#000;}
.breadcrumb a:hover{color:#e50012;}
.breadcrumb li+li:before{ content:'|'; margin:0 .8rem 0 .5rem;}
.breadcrumb .active{ color:#e50012; font-weight:bold;}
.gray_bg{ background:#c8c9ca;}
.gray_bg2{ background:#eee;}
.form-control{ font-size:inherit}

.app_list{}
.app_list li{ position:relative;  background: center no-repeat; background-size:cover;}
.app_list li a{min-height:26vw; display:block; background:rgba(0,0,0,.6); color:#fff; padding:10rem 0;}
.app_list li a:hover{ background:none;}
.app_list li h2{ font-style:oblique}
.app_list .container{ max-width:1100px;}

.banner{ background:no-repeat center; background-size:cover; position:relative;}
.banner .container{ position:relative; z-index:2;}

.industry_i .banner:after{ content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.6)}
.industry_i .banner h1{ display:table-cell; height:30rem; width:100vw; vertical-align:middle;}
.industry_top .btn{ line-height:5rem;}
.industry_top .title{ line-height:130%;}

.gird_list{ margin-left:-.4rem; margin-right:-.4rem;}
.gird_list>*{ padding-left:.4rem; padding-right:.4rem; margin-bottom:2rem;}
.gird_list .title{ line-height:107%;font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:.8rem;}
.gird_list .title:hover a{ color:#e50012 !important;}
.gird_list .title,.gird_list .title a{ color:#231815}
.gird_list .photo{ background:#eee;}
.gird_list .photo img{ width:100%;}
.gird_list p{ margin:0 .8rem;}
.gray_bg .gird_list .title,.gray_bg .gird_list .title a{ color:#231815}
.category_top{ background:#fff; box-shadow:inset 0 -3rem 0 #eee; color:#fff;}
.category_top .container{ background:#e50012 url(../images/icon/flop_gray.svg) no-repeat right top; background-size:5%; padding:1.33rem 3% 1.33rem 1.33rem ; }
.category_top .nav{ margin-bottom:0;}
.category_top .nav a, .category_top .nav button{ color: #dbdcdc;}
.nav-tabs li:after{ content:'|'; margin:0 1rem; padding-top:2px; vertical-align:top;display:inline-block;  }
.nav-tabs li:last-child:after{ display:none;}
.nav-tabs a,.nav-tabs button{font-weight:bold; text-transform:uppercase; display:inline-block; padding-top:2px;  vertical-align:top;}
.nav-tabs a:hover,.nav-tabs button:hover{ box-shadow:inset 0 -2px 0 #fff;padding:0 0 2px;}
.category_top .nav a:hover, .category_top .nav button:hover,.category_top .active a{ color:#fff;}

.products .category_top{ box-shadow:none;}
.prod_list{ margin:0 -1px}
.prod_list>li{ padding:0 1px 2px; position:relative;}
.prod_list>li a:before{ position:absolute; top:0; left:1px; right:1px; bottom:2px; background: rgba(33,33,33,.6); content:''; opacity:1; }
.prod_list .content{position:absolute; left:3.33rem; bottom:3.33rem; width:70%; color:#fff; padding:2rem;z-index:1;}
.prod_list .content .text *{ margin:0;}
.prod_list .content .text{ line-height:1.6rem; max-height:4.8rem; overflow:hidden;}
.prod_list h2{ line-height:105%;}
.prod_list>li:hover a:before{ opacity:0;}
.prod_list>li:hover .content{ background:rgba(229,0,18,.8); }

.product_i .breadcrumbs { box-shadow:0 4px 8px rgb(0,0,0,.1); position:relative; z-index:2; }
.product_i .banner h1{ display:table-cell; height:24vw; width:500px; vertical-align:middle; line-height:105%;}

@media (max-width: 768px){
	.product_i .banner h1{ width:300px;}
}
@media (max-width: 576px){
	.product_i .banner h1{ width:200px;}
}

.prod_top .btn-download{ display:block; background:#9e9e9f; color:#fff; padding:1rem; position:relative;}
.prod_top .btn-download p{ line-height:120%;}
.prod_top .btn-download img{ width:33%; float:left; margin-right:1rem;}
.prod_top .btn-download:hover{ background:#e50012}
.prod_top .btn-download .icon{ position:absolute; bottom:.5rem; right:.5rem;width: 3.33rem;    height: 3.33rem; background:url(../images/icon/top_w.svg) no-repeat center; transform:rotate(180deg)}

.prod_video{ background:url(../images/bg/prod_video.png) no-repeat center; background-size:cover;}
.prod_app{}
.prod_btm .btn{ width:25%; line-height:4rem; margin:0 auto 2rem;}
.prod_btm .btn_back{ line-height:1.33rem; color:#fff; background:url(../images/icon/arrow_left.svg) no-repeat; background-size:auto 100%; display:inline-block; font-weight:bold; padding-left:2rem;}
.prod_btm .btn_back:hover{ color:#e50012;}
.rvs-item{ background-size:cover; background-color:#ccc;}
.rvs-container.rvs-horizontal,.rvs-container.rvs-horizontal.rvs-xs.rvs-sm.rvs-md.rvs-lg{height:858px;background:none; padding-bottom:220px;}
.rvs-item-container{ margin-bottom:10px; }
.rvs-container a.rvs-play-video{ background:#e50012; border-radius:50%;}
.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
{ top:auto; bottom:0; left:0; padding:0 5rem 3rem 1.6rem; font-size:inherit; text-transform:uppercase;}
.rvs-container a.rvs-play-video{ left:auto; top:auto; right:0; bottom:0; width:6.5rem; height:6.5rem;}
.rvs-play-video:before, .rvs-thumb-play .rvs-nav-item-thumb:before{ content:''; display:block; width:100%; height:100%; background:url(../images/icon/play.svg) no-repeat center; background-size:100%;}

.rvs-horizontal.rvs-xs.rvs-sm.rvs-md .rvs-nav-container{ height:210px;}
.rvs-horizontal .rvs-nav-container a.rvs-nav-item{ border:none;}
.rvs-xs.rvs-sm.rvs-md .rvs-nav-container a.rvs-nav-item{ padding:0 5px; background:none;}
.rvs-horizontal .rvs-nav-container a.rvs-nav-item .photo,.rvs-horizontal .rvs-nav-container a.rvs-nav-item:after{ position:absolute; top:0; bottom:0; left:5px; right:5px; }

.rvs-horizontal .rvs-nav-container a.rvs-nav-item .photo{background:#ccc no-repeat center; background-size:cover; z-index:1;}
.rvs-xs.rvs-sm.rvs-md .rvs-nav-container a.rvs-nav-item h4,
.rvs-xs.rvs-sm.rvs-nav-container a.rvs-nav-item h4,
.rvs-xs .rvs-nav-container a.rvs-nav-item h4
{ 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-horizontal .rvs-nav-container a.rvs-nav-item:after{ background-color:#000;z-index:2; content:''; opacity:.1;}

.rvs-horizontal .rvs-nav-container a.rvs-nav-item.rvs-active h4{top:1rem;}
.rvs-horizontal .rvs-nav-container a.rvs-nav-item:hover:after,.rvs-horizontal .rvs-nav-container a.rvs-nav-item.rvs-active:after{ opacity:.8;background-color:#e50012;}

.news_main,.gird_list,.news_gallery .row{ margin-left:-5px; margin-right:-5px}
.news_main>*,.gird_list>*,.news_gallery .row>*{ padding-left:5px; padding-right:5px; }
.news_sub .gird_list>*,.case .gird_list>*,.download_list > *{ margin-bottom:10px;}


.news_highlight .text, .news_item .text{  overflow:hidden;}
.news_main>*{margin-bottom:4rem;}
.news_main .item{ background:#fff; padding:1.33rem;}
.news_main .item ul{ margin-bottom:1.3rem;}
.news_main .item ul li{box-shadow:inset 0 -1px 0 #9e9e9f}
.news_main .item ul li a{ display:block; line-height:3.33rem; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#231815; }
.news_main .item ul li a:hover{ background:#e50012; color:#fff; padding:0 1rem;}
.news_item .text{ line-height:1.6rem; height:7rem;  max-height:7rem;}
.news_main .item .btn-more, .news_sub .btn-more,.case .btn-more{ display:inline-block; text-transform:none; height:2.4rem; overflow:hidden; padding:0 1rem;}
.news_highlight .title, .news_item .title{ height:4rem; overflow:hidden; line-height:2rem;}
.news_highlight .title a{line-height:2rem;}
.news_highlight .title a:hover, .news_item .content:hover .title{ color:#e50012}
.news_highlight .text{ line-height:1.6rem; height:6rem;  max-height:6rem;}
.news_highlight .text *, .news_item .text *{ margin:0;}
.news_highlight .text{margin-bottom:1rem;}

.news_item ,.download_list .item{ background:#fff; padding:1.33rem;}
.news_item .content{ color:#595757;}
.news_sub .gird_list>*,.case .gird_list>*{ display:none;}
.news_sub .news_item .title{ height:6rem;}


.news_i_content{padding:1.33rem;}
.news_i_content img{ max-width:100%; height:auto;}
.news_gallery .row>*{ margin-bottom:1rem;}
.news_gallery .item:nth-child(5n+4),.news_gallery .item:nth-child(5n){ width:50%;}
.news_gallery .item{ position:relative; display:none;}
.news_gallery .btn-more{ position:absolute; left:.5rem; right:.5rem; height:100%; background:rgba(229,0,18,.7); color:#fff; font-weight:bold;}
.news_gallery .btn-more span{ position:absolute; width:100%; left:0; line-height:2rem; top:50%; margin-top:-1rem; }

.case .banner{ position:relative;}
.case .banner:after{ content:''; display:block; background:rgba(229,0,18,.8); width:39vw; top:0; left:0; bottom:0; position:absolute;}
.case .banner .text{ height:25vw; vertical-align:middle; display:table-cell}
.case .news_item .title{ height:auto; max-height:6rem;}
.case .news_item .text{ line-height:1.6rem; height:5rem;  max-height:5rem;}
.case .news_item .content{ padding-bottom:; display:block; padding-bottom:3rem; height:14.8rem; position:relative; }
.case .news_item .content .more{text-transform:none; position:absolute; padding: .8rem 1rem 0;line-height: 1.6rem; text-align:center; bottom:0; left:0; display:block; height:2.4rem; overflow-y:hidden; left:50%;  transform:translate(-50%,0)}
.case .news_item .content:hover .more{ border-bottom:2px solid #e50012; padding-top:0; padding-bottom:.6rem; color:#e50012;}
.download_list .title{ line-height:2.5rem; height:5rem; overflow:hidden;text-align: center;}
.download_list p{ margin:0 0 5px;}
.download_list .item{ padding-bottom:2rem;}
.download_list .item ul{ margin:0;}
.download_list .item ul li{ position:relative;box-shadow:inset 0 -1px 0 #9e9e9f}
.download_list .item ul li a{ display:block; line-height:3.33rem; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color:#231815; padding-right:8rem; }
.download_list .item ul li a:hover{ background:#e50012; color:#fff; padding-left:1rem;}
.download_list .item ul li .size{ position:absolute; right:3.5rem; line-height:3.33rem; top:0;}
.download_list .item ul li .icon{ position:absolute; width:2rem; height:2rem; background:url(../images/icon/download.svg) no-repeat center; background-size:100%; right:.5rem; top:50%; margin-top:-1rem;}
.download_list .item ul li a:hover .icon{ background-image:url(../images/icon/download_w.svg)}


.video_top{ background:#e50012 url(../images/icon/flop_gray.svg) no-repeat right top;    background-size: 5%; color:#fff; padding:2rem; margin-top:-2.67rem; position:relative; z-index:9;}

.video_list .photo{ position:relative;}
.video_list .photo:before{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.1); content:''; display:block; z-index:1;}
.video_list .photo:after{ content:''; position:absolute; width:4.4rem; height:4.44rem; border-radius:50%; background:#e50012 url(../images/icon/play.svg) no-repeat center; background-size:100%; right:1.6rem; bottom:1.6rem; z-index:2;}
.video_list .title{padding:0 1rem; line-height:105%;}

.mapael{ background:#b4b4b5; overflow:hidden;}
.mapael svg{ overflow:visible !important;}
.mapael .container{ position:relative;}
.zoomReset{ display:none;}
.map_tool{ position:absolute; top:1.6rem; right:0; background:#fff; padding-right:3.33rem; box-shadow:0px 2px 20px rgb(56,56,56); width:7rem;}
.map_tool:after{ position:absolute; content:''; width:100%; height:3.33rem; top:100%;background:#fff;box-shadow:0px 2px 20px rgb(56,56,56)}
.map_tool .form-control{ height:3.33rem; line-height:3.33rem; padding:0 1.6rem; border:none;}
.map_tool  button{ position:absolute; right:0; top:0; padding:.66rem; width:3.33rem;}
.zoomButton{ position:absolute; width:3.33rem; height:3.33rem; overflow:hidden; text-indent:-9999px; top:1.6rem; z-index:9; cursor:pointer;}
.zoomIn{ background:url(../images/icon/zoom_in.svg) no-repeat center; background-size:2rem; right:3.33rem;}
.zoomOut{ background:url(../images/icon/zoom_out.svg) no-repeat center; background-size:2rem;  right:0; }
.zoomIn:before{ position:absolute; content:''; width:1px; height:50%; top:25%; right:0; background:#dbdcdc;}

.mapael{ padding:2rem 0 4rem;}
.mapael .map{ max-width:1440px; margin:0 auto;}
.mapael .map image{ cursor:pointer;}
.mapael h1{ position:absolute; width:100%; top:50%; left:0; z-index:9; text-align:center; line-height:4rem; margin-top:-2rem; opacity:1;-o-transition:all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .20s linear;transition: all .2s linear;}
.mapael.in h1{ opacity:0; visibility:hidden;}
.mapael .myText{ position:absolute; width:40%; left:30%; background:#fff; box-shadow:0px 2px 20px rgb(56,56,56); top:10%; font-size:1rem; }
.mapael .myText .box{padding:.8rem 1.33rem 1.33rem; font-weight:300; color:#000; }
.mapael .myText button{ display:block; float:right;}

.ww_top, .ww_tab .tab,.promise_tab .tab{ background: #e50012 url(../images/icon/flop_gray.svg) no-repeat right top;    background-size: 5%; color:#fff; padding:1.33rem 2rem 1rem; position:relative; z-index:9;}
.ww_top{margin-top:-2.67rem; padding-bottom:2rem;}
.ww_top .item{ border-left:1px solid #fff; min-height:7.4rem; padding-top:.8rem; }
.ww_top .item:first-child{ border:none;}
.ww_top .item p>*{ line-height:70%;}
.ww_btm{ background:url(../images/bg/ww.png) no-repeat center 4rem; background-size:100%; min-height:45rem;}
.ww_tab .tab a,.promise_tab a{ color:#dbdcdc;}
.ww_tab .tab .active a,.promise_tab .active a{  color:#fff;}
.ww_tab .tab-content{ background:rgba(58,58,58,.5); padding:2rem;  margin-top:2px; min-height:8rem;}

.contact .banner h1{ display:table-cell; height:25vw; width:100vw; vertical-align:middle; line-height:105%;}
.contact .banner h1 small{ display:block; font-size:90%; font-weight:bold;}
.contact_top{ background: #e50012 url(../images/icon/flop_gray.svg) no-repeat right top;  background-size: 5%;color:#fff; padding:2rem; margin-top:-2.67rem; position:relative; z-index:9;}

.inquiry_list{ padding:2rem 1.33rem 1.33rem; color: #fff; background: #717071 }
.inquiry_list .item_name a{ display: inline-block; padding: 4px 0; color: #fff; }
.inquiry_list .item_name a:hover{box-shadow:inset 0 -2px 0 #fff;}
.inquiry_list .item_del{position: absolute;right: 0; top:0; width: 5.4rem; text-align: center;}
.inquiry_list li{ position: relative; border-bottom: 1px dashed #fff; padding:1.7rem 5.4rem 1.7rem .8rem; line-height: 1.6rem;  }
.inquiry_list .li_head{font-weight: bold; text-transform: uppercase; border-bottom: 4px solid #fff;padding-top: 0; }
.inquiry_list .btn{width: 2.2rem; height: 2.2rem; padding: .5rem;}
.inquiry_list .btn img{display: block;width: 100%;  }
.inquiry_list li+li .item_del{ top: 50%; margin-top: -1.1rem; }


.contact_form .red{ color:red}
.contact_form{ font-size:1.1rem; padding:1.5rem 0 1.875rem;}
.contact_form .form{margin-right: -15px;    margin-left: -15px;}
.contact_form .form_text{ font-size:.875rem; margin-bottom:1rem;}
.contact_form .item{ margin-bottom:24px; position:relative; padding-left:105px; padding-right:15px; min-height:3.33rem; }
.contact_form .form_tit{ position:absolute; color: #000; left:15px; top:0; line-height:3.33rem;}
.contact_form .form_tit.two_line{ line-height:1.2rem; top:.5rem;}
.contact_form .item .form-control{ height:3.33rem; border: none;  border-radius:0; background:#9e9e9f; box-shadow:none; color:#fff;}
.contact_form .item .form-control.error{border: 1px dashed #e50012;}
.contact_form .item textarea.form-control{ height:161px}

.contact_form .item .checkbox-inline{ margin:1rem 0; color:#000;}
.contact_form .btn-area .row{ margin:0 -5px }
.contact_form .btn-area{ padding-left: 15px; }
.contact_form .btn-area .row>div { padding:0 5px;}
.contact_form .btn-area .btn{ display:block; font-weight: 300;   text-transform: capitalize; line-height: 3.33rem;}
.input-group {   position: relative;    display: table;    border-collapse: separate;}
.input-group .form-control, .input-group-addon, .input-group-btn{    display: table-cell;}
.input-group .form-control {    position: relative;    z-index: 2;    float: left;    width: 100%;    margin-bottom: 0;}
.input-group-addon {    padding: 0 12px; line-height:37px;    text-align: center;width: 1%;vertical-align: middle;    white-space: nowrap; color:red}
.input-group-addon img{ height: 3.33rem; padding: 1rem .5rem; background: #fff; }

.company .banner { position:relative;}
.company .banner .content{ position:absolute; width:100%; left:0; z-index:9; top:30%;}
.company .banner h1 small{ display:block; font-size:90%; font-weight:bold;}
.company .banner .flex-control-paging{ bottom:2rem;}
.company .banner .flex-control-paging li a{ background:#fff;}
#advantages{ background:#e50012; color:#fff; padding:5rem 0; position:relative; z-index:9;}
#advantages .item{ border-left:1px solid #fff; min-height:7.4rem; padding-top:.8rem; }
#advantages .item:first-child{ border:none;}
#advantages .item p>*{ line-height:70%;}

.company_video{  /*margin-top:-16rem;8*/ position:relative; z-index:9;}
.company_video .js-video-button{ position:relative; display:block;}
.company_video .title{ position:absolute; color:#fff; bottom:2.66rem; width:100%; padding-right:10rem; padding-left:1.3rem; }
.company_video .js-video-button:before{ content:''; position:absolute; width:6.6rem; height:6.6rem; border-radius:50%; background:#e50012 url(../images/icon/play.svg) no-repeat center; background-size:100%; right:2.66rem;; bottom:2.66rem; z-index:2;}

.company_why{ position:relative;}
.company_why .container{ position:relative;}
.company_why .container .why_box{ width:56%;}
.company_why .why_content{ position:absolute; width:100%; top:0; z-index:9; padding-top:3rem;}
.company_why h2{  background:#e50012 url(../images/icon/in_flop.svg) no-repeat right top; background-size:auto 100%; padding-left:2rem; line-height:5.2rem; color:#fff;}
.company_why h3{font-style:oblique; color:#000; text-transform:none;}
.company_why h3 img{ margin:0;}
.company_why .why_text{ background:rgba(247,247,247,.9); padding:2.67rem 2rem;}
.company_why .flex-control-nav{ bottom:2rem;}

.company_why .slides li{min-height: 750px; background-size: cover; background-repeat: no-repeat; background-position: center}
@media (max-width: 1440px){
	.company_why .slides li{min-height: 620px;}
}
@media (max-width: 991px){
	.company_why .slides li{min-height: 39vw;}
}

#history{ background:#e50012; color:#fff; padding:2rem 0;}
#history .panel-heading a{ display:block; font-weight:bold; color:#fff; border-bottom:1px solid #dbdcdc; line-height:100%; padding-bottom:1.33rem;}
#history .panel-heading .caret{ margin-left:1rem;border-top: 3px solid transparent;border-bottom: 3px solid transparent;    border-left: 6px solid #fff;    border-right: none;}
#history .panel-heading .collapsed .caret{transform:rotate(90deg);}
#history .panel-group{ position:relative;}
#history .panel-group:after{ position:absolute; content:''; left:.5rem; top:2rem; bottom:0; width:1px; background:#fff; }
#history .panel{ position:relative;padding-left:2.4rem; padding-bottom:2rem;}
#history .panel:before{ position:absolute; content:''; display:block; width:1rem; height:1rem; background:#dbdcdc; left:0; top:1rem; z-index:9;}
.year_list .item { position:relative; padding-left:10rem; padding-top:2.6rem;}
.year_list .item .title{ width:10rem; text-align:right; font-weight:bold; position:absolute; left:0;}
.year_list ul{ margin-left:1.6rem; position:relative; padding-left:2rem;  padding-bottom:2rem; margin-bottom:0;}
.year_list ul:after{ position:absolute; content:''; left:.5rem; top:2rem; bottom:0; width:1px; background:#dbdcdc; }
.year_list li+li{ margin-top:2rem;}
.year_list li{ position:relative; border-bottom:1px dashed #fff; padding-bottom:.6rem;}
.year_list li:before{ position:absolute; content:''; display:block; width:1rem; height:1rem; background:#dbdcdc; left:-2rem; top:1rem; z-index:9;}
.year_list li .pc_area .row{ margin:0 -10px;}
.year_list li .pc_area .row>*{ padding:0 10px 1rem;}


.promise .banner h1,.page_404 .banner h1{ display:table-cell; height:26vw; width:100vw; vertical-align:middle; line-height:105%; text-transform:none; line-height:80%;}
.promise .banner h1 small{ display:block; font-size:80%; font-weight:bold;text-transform:uppercase; margin-bottom:10px;}
.promise_tab{ margin-top:-2.67rem; position:relative; z-index:9;}
.promise_tab .row{ margin-left:-5px; margin-right:-5px;}
.promise_tab .row>*{ padding-left:5px; padding-right:5px; margin-bottom:10px;}

.page_404 .banner{ background:#fff; }
.page_404 .banner h1{ height:26rem;}

.sitemap_list .item{    background: #fff;    padding: 1.33rem; margin-bottom:10px;}
.sitemap_list .item a{display: block;}
.sitemap_list .item>ul>li{line-height: 1.6rem;    margin-bottom: .8rem;}
.sitemap_list .item>ul ul{ margin-top:1rem; border-bottom:1px solid #9e9e9f}
.sitemap_list .item>ul ul li a{    line-height: 2.66rem;    white-space: nowrap;    text-overflow: ellipsis;    -o-text-overflow: ellipsis;    overflow: hidden;    color: #231815;box-shadow: inset 0 1px 0 #9e9e9f;}
/*
color
#e50012
rgba(229,0,18,.5)
#c8c9ca
#231815
#595757
#f7f7f7

font-size
15
18	1.2rem
20	1.33rem
22	1.47rem
24	1.6rem
28	1.87rem
30	2rem
33	2.2rem
40	2.67rem
45	3rem
50	3.33rem
68	4.5rem
line-height:150%
*/


@media (min-width: 768px){
.download_list .item ul{ height:6.66rem;}
}

@media (min-width: 992px){
.col-md-4:nth-child(3n+4){ clear:both;}
.news_main .item ul{ min-height:13.32rem;}
}

@media (min-width: 1441px){
.company_why .flex-control-nav,.company .banner .flex-control-paging{ width:1280px;}
#advantages .item .fs_60, .ww_top .item .fs_60{ font-size:3rem;}
}

@media (min-width: 1681px){
}

@media (max-width: 1440px){
}

@media (max-width: 1280px){
.prod_list h2{ font-size:2rem;}
}

@media (max-width: 991px){
}
@media (min-width: 1281px) and (max-width: 1440px) {	
.company_why .flex-control-nav,.company .banner .flex-control-paging{ width:1200px;}
}

@media (min-width: 992px) and (max-width: 1280px) {	
.company_why .flex-control-nav,.company .banner .flex-control-paging{ width:980px;}
#advantages .item .fs_60, .ww_top .item .fs_60{ font-size:2.4rem;}
.company_why .container .why_box{ width:72%}
.company_why .why_text{ padding:1.5rem;}
.company_why .why_content{ padding-top:2rem;}
.prod_list .content{ padding:1.5rem; left:2rem; bottom:2rem;}

.rvs-container.rvs-horizontal.rvs-xs.rvs-sm.rvs-md{ padding-bottom:180px; height:714px;}
.rvs-container.rvs-horizontal.rvs-xs.rvs-sm.rvs-md .rvs-nav-container{ height:170px;}

.ww_btm{    min-height: 38rem;}

.prod_top .btn-download p{ font-size:1rem;}
.contact_form .item .checkbox-inline{ margin:0; line-height:20px;}
}
@media (min-width: 992px) and (max-width: 1024px) {	
.prod_list .content{ padding:20px;}
}
@media (min-width: 768px) and (max-width: 991px) {	
.col-sm-6:nth-child(2n+3){ clear:both;}
.company_why .flex-control-nav,.company .banner .flex-control-paging{ width:750px;}
}


.app_list li a,.prod_list .content,.prod_list>li a:before,.prod_top .btn-download,.rvs-horizontal .rvs-nav-container a.rvs-nav-item:after,.rvs-horizontal .rvs-nav-container a.rvs-nav-item h4,.prod_btm .btn,.news_main .item ul li a,.case .news_item .content .more,.video_list .photo:before,#history .panel-heading .caret{-o-transition:all .30s linear;-webkit-transition: all .30s linear;-moz-transition: all .30s linear;transition: all .30s linear;}
.news_main{
	display: flex;
	flex-wrap: wrap;
}
.news_main .item ul li a.news-item{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
        white-space: normal;
}
.news_main .item ul li a.news-item .title{
	max-width: 80%;
}