@charset "UTF-8";
.banner, #about, #Applications_i, #service, #page_404{ padding-top:8rem;}
.sticyHeader .banner, .sticyHeader #about, .sticyHeader #Applications_i, .sticyHeader #service, .sticyHeader #page_404{ padding-top:5rem;}

.banner{ background:no-repeat top center fixed; background-size:100%; }
.banner .container{ position:relative;}
.banner .headline{height:22vw; display:table-cell; vertical-align:middle; font-weight:bold; text-transform:uppercase;}
.banner h1 small{ font-size:60%; display:block; margin-bottom:5px;}
.banner h1+p{ margin-top:1rem; font-weight:normal; line-height: 120%; text-transform:none; text-align:left; }
.banner .bg_mobile img{ width:100%;}

#products .banner{ background-image:url(../images/bg/products.png);}
#Applications .banner{ background-image:url(../images/bg/applications.jpg); color:#808080;}
#news .banner{ background-image:url(../images/bg/news.jpg);}
#download .banner{ background-image:url(../images/bg/download.jpg);}
#faq .banner{ background-image:url(../images/bg/faq.jpg);}
#video .banner{ background-image:url(../images/bg/video.jpg);}
#worldwide .banner{ background-image:url(../images/bg/worldwide.jpg);}
#contact .banner{ background-image:url(../images/bg/contact.jpg);}
#service .banner{ background-image:url(../images/bg/service.jpg);}

.head_intro *{ line-height:150%;}
.share_tool{ line-height:2rem;}
.share_tool img{ height:2rem; margin-left:.8rem; vertical-align:top;}
.breadcrumb{ padding:0; list-style:none;color:#a6a7a8}
.breadcrumb a{ color:#a6a7a8}
.breadcrumb li+li:before{ content:'>'; margin:0 .5rem;}
.title_line{ border-bottom:.4rem solid #b9ce2d; padding-bottom:1rem;}

.filter .container{ border-bottom:.4rem solid #eee;}
.btn_filter button{ color:#a6a7a8;}
.btn_filter .collapsed{    transform: rotate(180deg);}

.hover_btn{ position:relative;}
.hover_btn:after{ display:block;content:"";position:absolute;background:rgba(24,24,24,.5);top:-.6rem;bottom:-.6rem;left:-.6rem;right:-.6rem;transition:all 300ms ease;box-shadow: 0 0 20px rgba(0,0,0,.2);border:.6rem solid #fff;pointer-events:none;transform-origin:50% 50%; opacity:0;}
.hover_btn .btn-default{transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; z-index:9; opacity:0;}
.hover_btn:hover:after,.hover_btn:hover .btn-default{ opacity:1;}
.hover_btn:hover .hover_zoom img, .app_item:hover .hover_zoom img,.about_zone5 .item:hover img{transform: scale(1.1, 1.1);}
.cube_list li{ line-height:1.4rem; position:relative; margin-bottom:.8rem; padding-left: 1.4rem}
.cube_list li:before{ position:absolute; content:''; left:0; top:.4rem; width:.6rem; height:.6rem; background:#b9ce2d; border-radius:3px}
.cube_list_blue li{ line-height:1.4rem; position:relative; margin-bottom:.8rem; padding-left: 2rem}
.cube_list_blue li:before{ position:absolute; content:''; left:0; top:.1rem; width:1rem; height:1rem; background:#003680; border-radius:2px}

.category_title{ background:#a4a5a6; line-height:3rem; padding:.8rem 1rem .8rem 1.6rem; border-right:4.5rem solid #003680; color:#fff;}
.category_title small{ font-weight:bold; margin-left:.5em;}

.information_page img{ max-width:100%; height:auto;}
.information_page,.information_page *{ line-height:150%;}

.prod_group{ margin-bottom:2rem;}
.prod_item { margin-bottom:3rem;}
.prod_item .photo{ background:#eee;}
.prod_item .title{ color:#595757; margin-top:1.33rem;}
.prod_item .data_list{ margin-top:1rem;}
.prod_item .data_list li{ position:relative;   margin-bottom:1.2rem; }
.prod_item .data_list .icon{ display:block; position:absolute; left:0;width:2.67rem; background:#003680; border-radius:3px;}
.prod_item .data_list .data_item{padding-top:1.2rem;border-top:1px dashed transparent; padding-left:3.47rem; position:relative; line-height:2.67rem;}
.prod_item .data_list .data_empty{ padding-left:2.67rem;}
.prod_item .data_list .data_empty .icon{ background:#a4a5a6}
.prod_item .data_list li:nth-child(n+3) .data_item{border-top-color:#808080}
.prod_item .prod_empty{ display:block; height:2.67rem; background:url(../images/icon/prod_empty.svg) no-repeat center; background-size:auto 1.2rem; }

.prod_result *{ line-height:110%;}

.prod_top{background: linear-gradient(to bottom, #ffffff 0%,#d3d3d3 80%);}
.prod_top .container{ position:relative; padding-right:350px;}
.prod_data *{ line-height:105%;  color:#fff;}
.prod_data li{ margin-bottom:1.8rem;}
.prod_data strong{ display:block; margin-bottom:.4rem;}

.prod_data .btn_area{ margin:0 -5px;}
.prod_data .btn_area>*{ padding:0 5px;}
.prod_data .btn_area .btn-default{ padding:0; line-height:3.33rem; font-weight:normal; font-size:.93rem;}

.prod_video .photo{ position:relative; display:block;}
.prod_video .photo img{ width:100%;}
.prod_video .photo:before{ content:''; display:block; top:0; left:0; right:0; bottom:0; position:absolute; background:rgba(0,0,0,.7) url(../images/icon/btn_play.svg) no-repeat center; opacity:0;}
.prod_video .photo:hover:before{ opacity:1;}
.prod_spec .table{text-align:center;}
.prod_spec th{ background:#003680; color:#fff;}
.prod_spec th .radio{ margin:0; padding-left:.5rem;}
.prod_spec th .radio input[type=radio]{ margin-top:0; top:50%; transform:translateY(-50%)}
.prod_spec td{ border-top:6px solid #fff; background:#eee; color:#333; }
.prod_spec th,.prod_spec td{ padding:5px 1.33rem; border-left:4px solid #fff; height:3.33rem;}
.prod_spec tr th:first-child,.prod_spec tr td:first-child{ border-left:none;}
.prod_feature{}
#product_i .filter .container{ border-bottom:none; border-top: .4rem solid #eee;}
#product_i .filter_list { min-height:0; padding:1.33rem 2rem 2rem;}
#product_i .filter_list .btn{ width:33.333%; float:left; margin-bottom:1rem; padding-right:2rem; text-align:left;}
#product_i .filter_list .btn + .btn{ margin-top:0;}
#product_i .filter_list .space_line:before,#product_i .filter_list .space_line:after{ content:''; top:1.33rem; bottom:2rem; width:0px; border-left:1px dashed #808080; display:block; position:absolute; }
#product_i .filter_list .space_line:before{ left:33.33%;margin-left:-.25rem;}
#product_i .filter_list .space_line:after{ right:33.33%;margin-right:1.5rem;}
.accessories .headline p{ line-height:125%;}
#product_i .app_item{ margin-bottom:1.6rem;}

.app_item{ margin-bottom:2.66rem;}
.app_item .photo img{ width:100%;}
.app_link{ position:relative; display:block;}
.app_link:after{ content:''; display:block; left:0; right:0; bottom:0; top:60%; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.25) 80%,rgba(0,0,0,.4) 100%); position:absolute;}
.app_item:hover .app_link:after{top:45%; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);}
.app_link .title{ position:absolute; left:2rem; right:1rem; bottom:1.33rem; color:#fff; z-index:9; text-transform:none;}
.app_text{ line-height:1.6rem; height:4.8rem; margin-top:1.3rem; overflow:hidden;}

.btn_back{ display:inline-block; line-height:1.2rem; padding-right:1rem; background:url(../images/icon/btn_back.svg) no-repeat right center; background-size:.8rem;}
.btn_back:hover{ background-image:url(../images/icon/btn_back_on.svg)}
.app_top{ position:relative;}
.app_top .title{ position:absolute; left:2rem; bottom:1.33rem;z-index:9;}
.app_content *{ line-height:150%;}

#Applications_i{}

.banner_nav,.download_tab,#download_tab{background:#fff; margin:-3.2rem 0 0; padding:1.6rem 0; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.3) ; position:relative; z-index:9;}
.banner_nav li a,.download_tab li a,#download_tab .slides li a{ line-height:125%; display:table-cell; color:#808080; height:3.33rem; vertical-align:middle; width:100vw;}
.banner_nav .active a,.banner_nav li:hover a,.download_tab li:hover a,.download_tab li a:focus,#download_tab .slides li.active a,#download_tab .slides li:hover a{ color:#b9ce2d;}
.grid_list .grid_item .hover_btn:after{ border:none; left:0; top:0; bottom:0; right:0; box-shadow:none;}
.grid_list .grid_item:hover{box-shadow:inset 0 -.3rem 0 #b9ce2d;}
.grid_list .grid_date {   line-height: 1.4rem;    padding-left: 1.4rem;    background: url(../images/icon/clock.svg) no-repeat left center;    background-size: 1.2rem; padding-top:.2rem; color:#231815;}
.grid_list .grid_type{ color:#808080;}
.grid_list .grid_content{ padding:2rem 0 1rem; margin-bottom:2rem;}
.grid_list .grid_title{ line-height:2rem; height:4rem; overflow:hidden;text-align:left; }
.grid_list .grid_title{ color:#595757}
.grid_list .grid_item:hover .grid_title{ color:#003680;}

.news_top, .video_top{ position:relative; padding-right:5px;}
.news_top .btn_more, .video_top .btn_more{ position:absolute; right:0; bottom:0;}

#news_gallery{ position:relative; overflow:hidden;}
#news_gallery:hover .flex-prev  { opacity: 1; left: 0;}
#news_gallery:hover .flex-next { opacity: 1; right: 0;}

.news_i .banner .share_tool,#video .banner .share_tool{ position:absolute; top:.8rem; right:20px;}
.i_content{border-bottom: .4rem solid #eee;}

.case_info{ color:#808080;}
.case_info .title{ line-height:120%;}
.case_info li{ position:relative; line-height:1.6rem; border-bottom:1px solid #eee; margin-bottom:1rem; padding:0 0 .6rem 8rem;}
.case_info li span{ position:absolute; left:0; top:0;}
.case_info li a{ display:block; color:#003680;line-height:1.6rem;}
.case_info li a:hover{ text-decoration:underline !important;}
.grid_related .grid_list .grid_content{ padding-top:1rem;}
.grid_related .owl-carousel .owl-nav button.owl-next, .grid_related .owl-carousel .owl-nav button.owl-prev{ top:100px;}

#download_tab{ padding-left:3.33rem; padding-right:3.33rem;}
#download_tab .slides li{ margin:0;}
#download_tab .slides li a{ padding-left:.8rem; padding-right:.8rem;}
#download_tab .flex-direction-nav a{ height:auto; top:1px; bottom:1px;; background:#fff;transform:none; top:0; margin:0; opacity:1 !important}
#download_tab .flex-direction-nav a:before{ display:block; content:'';border-right: 14px solid #808080 ;    border-top: 8px solid transparent;    border-bottom: 8px solid transparent; position:absolute; left:50%; top:50%; margin:-8px 0 0 -7px;}
#download_tab .flex-direction-nav .flex-next{ right:1px;}
#download_tab .flex-direction-nav .flex-next:before{transform:rotate(180deg);}
#download_tab .flex-direction-nav .flex-prev{ left:1px;}
#download_tab .flex-direction-nav a.disabled{ display:block; cursor:default}
#download_tab .flex-direction-nav a.disabled:before{ border-right-color: #abacad !important;}
#download_tab .flex-direction-nav a:hover:before{ border-right-color:#003680;}



.download_tab{ padding-left:3.33rem; padding-right:3.33rem;}
.download_tab li a{ padding-left:.8rem; padding-right:.8rem;}
.download_tab.owl-carousel .owl-nav button{ height:100%; background:#fff;transform:none; top:0;}
.download_tab.owl-carousel .owl-nav button span{ display:none;}
.download_tab.owl-carousel .owl-nav button:before{ display:block; content:'';border-right: 14px solid #808080 ;    border-top: 8px solid transparent;    border-bottom: 8px solid transparent; position:absolute; left:50%; top:50%; margin:-8px 0 0 -7px;}
.download_tab.owl-carousel .owl-nav button.owl-next{ right:0}
.download_tab.owl-carousel .owl-nav button.owl-next{transform:rotate(180deg);}
.download_tab.owl-carousel .owl-nav button.owl-prev{ left:0;}
.download_tab.owl-carousel .owl-nav button.disabled{ display:block; cursor:default}
.download_tab.owl-carousel .owl-nav button.disabled:before{ border-right-color: #abacad !important;}
.download_tab.owl-carousel .owl-nav button:hover:before{ border-right-color:#003680;}
.download_list li{border-bottom: .4rem solid #eee; line-height:2rem; position:relative; padding:1.5rem 22rem 1.5rem 0;}
.download_list .btn_area{ position:absolute; right:0; top:1.5rem;}
.download_list .btn_area a{ display:block; float:left; padding-right:2.8rem; background:url(../images/icon/download.svg) no-repeat right center; background-size:2rem; line-height:2rem;color: #595757;}
.download_list li:hover{ color:#003680;}
.download_list .btn_area a:hover{ color:#b9ce2d; background-image:url(../images/icon/download_g.svg);}
.download_list .btn_area a+a{ margin-left:2rem;}

.faq_top .dropdown button{ line-height:2rem; text-align:left; padding-right:2rem; position:relative; border-bottom:.25rem solid #b9ce2d; padding-bottom:1.2rem;}
.faq_top .dropdown.open button .fa{transform:rotate(180deg);}
.faq_top .dropdown button .fa{ font-size:2rem; position:absolute; right:0; top:0;}
.faq_top .dropdown .dropdown-menu{ background:#abacad; width:100%; float:none;  display:block; }
.faq_top .dropdown .dropdown-menu>ul{height:0;overflow:hidden;}
.faq_top .dropdown.open .dropdown-menu>ul{ height:auto;}
.faq_top .dropdown .dropdown-menu li a{ display:block;  padding:1rem 2rem; line-height:2rem; color:#fff;}
.faq_top .dropdown .dropdown-menu li a:hover{ background:#003680;}
.faq_top .dropdown .dropdown-menu li+li a{border-top:1px solid #fff;}

.faq_item .title{ padding-bottom:10px;}
.faq_item+.faq_item{ padding-top:6rem;}
.panel-heading a{ display:block;border-top: .4rem solid #b9ce2d; padding:2rem 2rem 2rem 0; position:relative; line-height:150%;}
.panel-heading a .fa{ display:block; position:absolute; top:1rem; right:0; width:2rem; line-height:2rem; text-align:center; color:#abacad;}
.panel-heading .collapsed{ border-top-color:#eee}
.panel-heading .collapsed .fa{transform:rotate(180deg);}
.panel-body{ padding:0 0 2rem;}
.panel-body,.panel-body *{ line-height:150%;}


#video_list1 .grid_list li,#video_list2 .grid_list li{ display:none;}
#video .grid_item .photo { position:relative;}
#video .grid_item .photo a{ display:block;} 
#video .grid_item .photo a:after,.video_highlight .tab-content .photo:after{ display:block;content:"";position:absolute;background:rgba(0,0,0,.7) url(../images/icon/btn_play.svg) no-repeat center; background-size:6rem;top:0;bottom:0;left:0;right:0;transition:all 300ms ease;pointer-events:none;transform-origin:50% 50%; opacity:0;}
#video .grid_item:hover .photo a:after,.video_highlight .tab-content .photo:hover:after{ opacity:1;}
.video_highlight{ position:relative; padding-left:50%;}
.video_highlight .tab-content{ position:absolute; width:50%; left:0; top:0; height:100%;}
.video_highlight .tab-pane{ height:100%;}
.video_highlight .tab-content .photo{ background:no-repeat center; background-size:cover; height:100%; display:block; position:relative;}
.video_highlight .title{ padding-left:1.4rem; line-height:150%; border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.video_highlight .nav{ padding:0}
.video_highlight .nav li{ line-height:120%; padding:1.2rem 1.4rem;border-bottom:1px solid #aaa; text-align:left;}
.video_highlight .nav li:hover,.video_highlight .nav li.active{ box-shadow:inset .38rem 0 0 #b9ce2d;} 
.video_highlight .nav li:hover a,.video_highlight .nav li.active a{ color:#b9ce2d;}
#worldwide .panel-group{border-bottom: .4rem solid #eee;}
#worldwide .panel-heading a{ padding-bottom:0;}
#worldwide .panel-body{ padding-bottom:0; color:#808080;}
#worldwide .panel-body p:last-child{ margin-bottom:0;}
#worldwide .panel{ padding-bottom:2rem;}

.ww_map iframe{ display:block; height:530px;}

.item_no{ border-radius:3px 0 0 3px; width:5%;text-align:center;}
.item_model{text-align:left; width:10%}
.item_app{ text-align:left; width:27%}
.item_brand,.item_force{ width:25%;text-align:center;}
.item_delete{border-radius:0 3px 3px 0; width:8%;text-align:center;}
#contact .table th{padding:1.2rem .8rem;}
#contact .table th, #contact .table td{ line-height:120%;  vertical-align:middle;}
#contact .table td{padding:.66rem .8rem;}
#contact .table tbody tr{ margin-bottom:.6rem; position:relative;}
.inquiry_table .item{ float:left;padding-left:10px; padding-right:10px;}
.inquiry_table .table_head{border-radius:3px;}
.inquiry_table .table_head .item{ line-height:70px}
.inquiry_table .table_head>.item_brand,.inquiry_table .table_head>.item_force{ line-height:20px; padding-top:15px; padding-bottom:15px;}
.inquiry_table .table_row .item span{ display:table-cell; height:50px; vertical-align:middle; width:100vw;}
.inquiry_table .table_row{background:#fff; margin-top:.8rem; box-shadow:0 0 2px rgba(0,0,0,.3); color:#818181;}
.inquiry_table .table_row .form-control{ height:32px; line-height:30px; border-color:transparent; background:none; font-size:inherit; border-radius:3px; text-align:center;}

#contact .form .group input:focus ~ label ,.form .group textarea:focus ~ label,.form .had_vaule label{}
#contact .form .comment label{ position:relative; left:auto; top:auto; padding-left:0; line-height:2rem; width:auto;}
#contact .form .group textarea.form-control{ min-height:17rem; max-height:17rem; }
#contact .form .btn_area .row{ margin:0 -5px;}
#contact .form .btn_area .row>*{ padding:0 5px;}
#contact .contact_info address,#contact .contact_info address a{ font-style:normal; color:#aaa;}
#contact .contact_info address img{ margin-left:0;}
.contact_btm{ margin-left:-2rem; margin-right:-2rem;}
.contact_btm>*{ padding-left:2rem; padding-right:2rem;}

.service_pc{ position:relative;}
.service_pc:before{ content:'';left:0; right:0; top:0; bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); position:absolute; }
.service_pc .title{ position:absolute; left:2rem ; bottom:1.33rem;}
#service .i_content{ border:none;}

#about{ background:#aaa;}
#about .breadcrumb a, #about .breadcrumb{ color:#fff;}
.about_nav{ position:absolute; padding-right:3vw; top:7rem; right:0;}
.about_nav:before{ content:''; display:block; left:0; right:0; height:1px; background:#fff; top:6px; position:absolute;}
.about_nav li{ float:left;}
.about_nav li:first-child a{ padding-left:0;}
.about_nav a{ display:block; color:#fff; line-height:116%; padding:0 1rem; text-shadow:1px 1px 1px rgba(0,0,0,.75)}
.about_nav a:before{ width:13px; height:13px; border-radius:50%; background:#fff; content:''; display:block; margin:0 auto 2rem; position:relative; z-index:9;}
.about_nav a:hover:before{ background:#b9ce2d}
.about_link{ position:absolute; top:-8rem; left:0;}
.about_zone1{ background:url(../images/bg/about.jpg) no-repeat top center; background-size:cover; color:#fff; padding:37.7vw 0 25vw; line-height:150%; position:relative;}
.about_pc1{ margin-top:-20vw; padding:0; position:relative; z-index:9;}
.about_zone2 .about_link{ top:-10rem;}
.about_zone2 .item{ background:#fff; padding-top:2rem;}
.about_zone2 .title{ text-align:center;}
.about_zone2 .item:hover{transform: scale(1.05, 1.05);}
.about_zone2 .icon{ margin-bottom:1.2rem;}
.about_zone2 .title:after{ content:''; display:block; width:0; height:.2rem; background:#b9ce2d; margin:.5rem auto 0; }
.about_zone2  .text{ padding:0 2rem 2rem;}
.about_zone2 .item:hover .title:after{ width:3.6rem;}
.about_zone2{ position:relative;}
.about_zone3{ background:#fff; position:relative;} 
.about_zone3 .container{ margin-top:-3.33rem; background:#fff; border-radius:3px 3px 0 0; position:relative; z-index:9;}
#carousel_year{ overflow:hidden; position:relative; padding:10px 50px 20px;}
#carousel_year .item{ position:relative; line-height:2.67rem; cursor:pointer; z-index:1}
#carousel_year .item:after{ content:''; background:#aaa; width:16px; height:16px; margin:.5rem auto 0; display:block;}
#carousel_year li:hover .item, #carousel_year .flex-active-slide .item{ font-size:1.33em;}
#carousel_year .flex-direction-nav .flex-prev{ left:0;}
#carousel_year .flex-direction-nav .flex-next{ right:0;}
#carousel_year:after{ position:absolute; content:''; display:block; background:#aaa; left:0; right:0; height:4px; bottom:26px; z-index:0;}
#carousel_year .flex-direction-nav .flex-prev,#carousel_year .flex-direction-nav .flex-next{ border-radius:3px; background-color:#aaa; top:auto; bottom:2px;}
#carousel_year .flex-direction-nav:hover .flex-prev,#carousel_year .flex-direction-nav .flex-next:hover{ background-color:#003680;}
.year_item{ padding-left:10rem; position:relative; min-height:4rem;}
.year_item h3{ /*position:absolute; left:0; top:0;*/}

.about_zone4{ background:#eee; position:relative;}
.about_zone4 *{ line-height:100%;}
.about_zone5{ background:#fff; line-height:150%; position:relative;}
.about_zone5 .item{ position:relative; display:block; margin-bottom:3.33rem;}
.about_zone5 .item:before{ content:'';left:0; right:0; top:0; bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); position:absolute; z-index:1; }
.about_zone5 .item h3{ position:absolute; left:2rem ; bottom:1.33rem; z-index:2; text-transform:none; text-align:left;}
/*
color
color: #595757;
blue	#003680;
rgba(229,0,18,.5)
green	#b9ce2d
#595757
gray	#e9e6e4
#a4a5a6

font-size
10	.66rem
12	.8rem
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){
.product_list.owl-carousel .owl-stage-outer{ overflow:visible;}
.product_list.owl-carousel .owl-stage:before, .product_list.owl-carousel .owl-stage:after{ display:table; content:''; clear:both;}
.product_list.owl-carousel .owl-stage{transform:none !important; width:auto !important; margin:0 -.8rem;} 
.product_list.owl-carousel.owl-drag .owl-item{ width:50% !important; margin:0 !important; float:left}
.product_list.owl-carousel .prod_item{ padding:0 .8rem;}
.product_list.owl-carousel .owl-nav{ display:none}
.mid_btn{ width:33.333%; display:block; margin-left:auto; margin-right:auto; line-height:3.33rem; padding:0;}
#slider_year .flex-direction-nav{ display:none}
.banner_nav li+li a,.download_tab .owl-item+.owl-item a, #download_tab .slides li+li a{ box-shadow: inset 1px 0 0 #d7d7d7}
.faq_tab{ float:right; width:33%;}
.prod_data{ position:absolute; right:0; top:0; width:350px; bottom:0; padding:2.66rem 1rem; background:#003680;}
.prod_data strong:after{ background:#b9ce2d; width:8rem; display:block; content:''; height:2px; margin:.66rem auto 0;}
#product_i .filter_list .btn:nth-child(3n+4){ clear:both;}
.inquiry_table .table_row .item strong{ display:none;}
.inquiry_table .table_row:hover .form-control,.inquiry_table .table_row .form-control:focus{box-shadow:inset -1px -1px 0 #aaa, inset 1px 1px 0 #aaa}
}

@media (min-width: 992px){
.banner .container .share_tool{ display:none;}
}
@media (max-width: 992px){
#carousel_year .flex-direction-nav .flex-prev, #carousel_year .flex-direction-nav .flex-next { bottom: 10px;}
}
@media (min-width: 1281px){
}
@media (min-width: 1441px){
#contact .form{ width:80%;}
#contact .contact_info{ width:20%}
}
@media (min-width: 1681px){
}
@media (max-width: 1440px) {
#product_i .filter_title{ height:4rem;}
}
@media (max-width: 1280px) {
}
@media (min-width: 1441px) and (max-width: 1680px) {
}
@media (min-width: 1281px) and (max-width: 1440px) {
}
@media (min-width: 992px) and (max-width: 1440px) {
}

@media (min-width: 992px) and (max-width: 1280px) {
.about_zone2 .item{ padding-top:1.5rem;}
.about_zone2 .text{ padding:0 1.5rem 1rem;}
.about_zone2 .title{ margin-bottom:10px;}
.prod_spec tr th:first-child, .prod_spec tr td:first-child{ width:20%;}
.prod_data li{ margin-bottom:1.2rem;}
}
@media (max-width: 991px){
.banner, #about, #Applications_i, #service, #page_404{ padding-top:0;}
.head_intro{ margin-bottom:20px;}
.head_intro *{ line-height:125%;text-align:left;}
.head_intro *:last-child{ margin-bottom:20px;}

#contact .form .group textarea.form-control{ min-height:10rem; max-height:10rem;}
.form .group{ margin-bottom:15px;}
.form .group .form-control{ line-height:28px; border:1px solid  transparent; height:30px; min-height:30px; padding:0 10px;}
.form .group .form-control:focus{ border-color:#aaa; background:#fff;}
.form .group label{ line-height:30px; padding-left:10px;}

.i_content .share_tool{ display:none;}
.product_list.owl-carousel .owl-stage{ margin:0 -5px;}
.product_list.owl-carousel .prod_item{ padding:0 5px;}
.prod_item .data_list{ margin-left:-2px; margin-right:-2px;}
.prod_item .data_list li{ padding:0 2px;}
.prod_item .data_list .data_item{ padding-left:30px; line-height:24px; font-size:13px;}
.prod_item .data_list .icon{ width:24px;}
.prod_item .prod_empty{ height:24px;}
.prod_group{ margin-top:20px;}
#video .grid_item .photo a:after, .video_highlight .tab-content .photo:after,.prod_video .photo:before{ opacity:1; background-size:70px;}


#about{ text-align:justify;}
.about_zone1{ padding-top:50vw; background-size:110%; background-color:#000;}
.about_zone2{ margin-top:25px; padding-bottom:25px; }
.about_zone2 .fs_45{ text-align:left; margin-bottom:10px;}
.about_zone2 .item{ padding-top:10px; margin-bottom:20px;}
.about_zone2 .title{ font-size:24px; margin-bottom:10px;}
.about_zone2 .title:after{ height:2px; width:48px; margin-top:15px;}
.about_zone2 .text{ padding:0 15px 15px;}
.about_zone3 .fs_45{ background:#fff; margin-top:-15px; border-radius:3px 3px 0 0 ; padding-top:5px; line-height:25px; margin-bottom:30px;}

}

@media (min-width: 768px) and (max-width: 991px) {
.faq_tab{ width:40%;}
.about_nav{ display:none;}
.year_item{ padding-left:8rem;}
.year_item h3{ font-size:36px;}
.about_zone5 .item{ margin-bottom:20px;}
.prod_top .container{ padding-right:300px;}
.prod_top .photo{ padding:40px 0;}
.prod_data{ width:300px; padding:20px;}
.prod_spec th, .prod_spec td{ padding:5px 7px; border-width:2px; font-size:13px;}
.prod_spec td{ width:20%;}
.faq_item+.faq_item{ padding-top:2rem;}
.inquiry_table .table_head{ display:block !important;}
.inquiry_table .table_row .form-control{border:1px solid #aaa; text-align:left; padding:0 10px; margin-top:5px;}
.item_model{ width:14%}
.item_brand, .item_force{ width:23%}
.inquiry_table .item{ padding-left:7px; padding-right:7px;}
.inquiry_table .table_head .item{ line-height:90px;}
.inquiry_table .table_head>.item_brand, .inquiry_table .table_head>.item_force{ line-height:20px;}
}


@media (max-width: 767px){
.banner{ margin-bottom:30px;}
.breadcrumb{ display:none;}
.content .banner{ background:none;}
.banner{ position:relative; padding-top:0;}
.banner h1+p{ font-size:13px; margin-top:7px;}
.banner h1+p br{ display:none;}
.banner .container{ position:absolute; width:100%;}
.banner .headline{ width:70vw;  height:66.66vw; vertical-align:middle; padding:20px 0;}
#contact .headline, #news .headline,.news_i .headline,#video .headline,.video_i .headline,#service .headline{ vertical-align:bottom}
#worldwide .headline,#faq .headline{ vertical-align:top;}
#news .headline{ padding-bottom:50px;}
.news_i#news .headline,.video_i .headline,#service .headline{ height:33.33vw; padding-bottom:20px;}

.banner_nav, #download_tab{ padding:0; border:none; margin:0 -2px; box-shadow:none;}
#download_tab .slides li{ width:50% !important; padding:0 2px; margin-bottom:10px;}
.banner_nav li{ padding:0 2px;}
.banner_nav li a, #download_tab .slides li a{ background-color: #aaa; color:#fff; border-radius:3px;}
.banner_nav .active a, .banner_nav li:hover a, #download_tab .slides li.active a { background:#b9ce2d; color:#fff;}
 #download_tab .slides{ width:100% !important; transform:none !important;}
#download_tab .flex-direction-nav{ display:none;}

.download_list li{ padding:2.2rem 0 .7rem; line-height:2rem; color:#003680;}
.download_list li:before,.download_list li:after{ content:''; display:table; clear:both;}
.download_list .btn_area{ position:relative; float:right; top:auto; margin-top:-1.5rem;}
.download_list .btn_area a{ display:block; float:none; text-align:right; background-size:1.5rem; padding-right:2rem;}
.download_list .btn_area a+a{ margin:5px 0 0 ;}

.banner_nav{ margin-bottom:30px;}
.grid_list { margin-top:15px;}
.grid_list .grid_type{ background:#c7c7c7; display:inline-block; padding:0 10px; line-height:20px; color:#fff;}
.grid_list .grid_content{ margin-bottom:20px; padding:10px 0 0;}
.grid_list .grid_title{ height:auto;}

.grid_related .fs_45{ margin-bottom:15px;}
.grid_related .grid_list{ margin:0;}
.grid_related .grid_list .grid_content{ margin-bottom:0;}
.grid_related .grid_list .grid_title{ padding-bottom:10px}
.i_content .text-right.mt-50{ padding-bottom:0;}

.panel-heading a{ padding-top:15px;}
#worldwide .panel{ padding-bottom:15px;}

.ww_map{ margin:0 -20px -45px;;}
.ww_map .fs_45{ padding:0 20px;}
.ww_map iframe{ height:340px;}

.prod_item .title{ margin-top:10px;}
.prod_item,.app_item{ margin-bottom:15px;}
.app_link .title{ left:15px; bottom:15px;}

#faq .banner{ margin:0}
.faq_top { padding:30px 0; background:#eee; margin-bottom:0;}
.faq_top .dropdown button{ display:none;}
.faq_top .dropdown .dropdown-menu{ position:relative; left:auto; top: auto; background:none; z-index:1;}
.faq_top .dropdown .dropdown-menu>ul{ height:auto; margin:0 -2px;}
.faq_top .dropdown .dropdown-menu li{ float:left; width:50%; padding:0 2px 4px;}
.faq_top .dropdown .dropdown-menu li a{ background:#aaa; border-radius:3px; padding:0; line-height:30px; text-align:center;}
.faq_top .dropdown .dropdown-menu li a:focus{ background:#b9ce2d;}
.faq_top .dropdown .dropdown-menu li+li a{ border:none;}
.faq_item,.faq_item+.faq_item{ padding-top:30px;}

.video_top{ display:none;}
#video .grid_item .photo a:after, .video_highlight .tab-content .photo:after,.prod_video .photo:before{ background-size:45px;}
#products .banner{ background-image:url(../images/bg/products_m.jpg); background-size:cover; height:33.33vw;}
#products .banner .headline{ height:33.33vw; vertical-align:bottom;  padding-bottom:20px;}
.filter{ padding-bottom:20px;}
.filter_intro{ padding-right:20px;}
.btn_filter{ margin:0; position:relative; z-index:9;}
.filter .container{ border:none;}
.category_title{ border:none; margin:0 -20px 10px; line-height:110%; text-align:center;}
.category_title small{ display:block; margin:0; font-size:100%;}
.prod_group .owl-carousel{ position:relative;}
.prod_group .owl-carousel .owl-nav button.owl-next, .prod_group .owl-carousel .owl-nav button.owl-prev{ top:25vw;}

#product_i .banner .container{ position:relative; padding:0;}
.prod_data{ padding:0;}
.prod_data ul{background:#003680; padding:20px 0; margin:0;}
.prod_data ul:before, .prod_data ul:after{ clear:both; content:'';}
.prod_data li{ display:table-cell; width:38%;}
.prod_data li:nth-child(2){ width:24%; border-left:1px solid #b9ce2d;border-right:1px solid #b9ce2d;}
.prod_data strong{ margin-bottom:15px;}
.prod_data li:nth-child(3) strong{ margin-bottom:5px;}
.prod_data .btn_area{ margin:30px 15px 0;}
#product_i .mid_btn{ display:block; width:60vw; padding:0; margin:0 auto;}
.prod_spec .fs_36{ font-size:14px; color:#aaa; line-height:135%;}
.prod_spec .table-responsive{ text-align:center}
.prod_spec .table-responsive>.table>tbody>tr>td:first-child{ white-space:normal;}
#product_i .filter_list .btn{ width:100%;}
#product_i .mb-70{ margin-bottom:30px}
#product_i .filter .container{ padding-left:0; padding-right:0;}
#product_i .filter_list{ padding:15px 10px;}
#product_i .filter_list .btn{ margin-bottom:10px;}

.accessories .headline h1{ margin-bottom:20px;}
.accessories .information_page{ margin-top:0;}

.service_pc:before, .service_pc .title{ display:none;}
#slider_year{ margin-top:-110px;}
#slider_year .flex-direction-nav a{ margin-top:40px}
#slider_year .flex-direction-nav .flex-next{ right:-20px;}
#slider_year .flex-direction-nav .flex-prev{ left:-20px;}
.year_item h3{ /*right:0; padding:0; position:absolute; left:auto; top:0;*/ font-size:50px;}
.year_item{ padding:110px 15px 0;; }
.about_zone4{ padding:20px 0 0;}
.about_zone5 .fs_45{ margin-bottom:15px;}
.about_zone5 .fs_24{ margin-bottom:15px}
.about_zone5 .item h3{ left:10px; bottom:10px;}
.about_zone5 .item{ margin-bottom:10px;}
.item_brand, .item_force{ text-align:left;}
.inquiry_table .table_row{  box-shadow:none; border-bottom:1px solid rgba(0,0,0,.3); padding:0 0 10px 15px; position:relative; margin:0 0 20px;}
.inquiry_table .table_row .item{ float:none; width:auto; padding:0 0 10px;}
.inquiry_table .table_row .item_model{ padding-right:20px;}
.inquiry_table .table_row .item strong{ color:#003680; margin:0; display:block;}
.inquiry_table .table_row .item span{ display:block; width:auto; height:auto;}
.inquiry_table .table_row .item strong span{ display:inline;}
.inquiry_table .table_row .form-control{border:1px solid #aaa; text-align:left; padding:0 10px; margin-top:5px;}
.inquiry_table .table_row .item_no{ position:absolute; left:0;}
.inquiry_table .table_row .item_delete{ position:absolute; right:0; top:0;}

#Applications_i, #service{ padding-top: 3.1rem;}
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (max-width: 480px){
.app_list li{ width:100%;}
.faq_top .dropdown .dropdown-menu li a{ font-size:13px;}
}
.btn_filter button,.hover_btn:after,.prod_video .photo:before,.app_link:after,.grid_list .grid_item,.download_tab.owl-carousel .owl-nav button:before,.faq_top .dropdown button .fa,.faq_top .dropdown .dropdown-menu>ul,.inquiry_table .table_row .form-control,.about_zone2 .item,.about_zone2 .title:after,#carousel_year .item,.about_nav a:before{-o-transition:all .20s linear;-webkit-transition: all .20s linear;-moz-transition: all .30s linear;transition: all .20s linear;}