@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Domine&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato|Raleway&display=swap');
@font-face {font-family: "Segoe UI Light";
  src: url("5076583fa2a14cd2cf3634ff59a1138b.eot"); /* IE9*/
  src: url("5076583fa2a14cd2cf3634ff59a1138b.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("5076583fa2a14cd2cf3634ff59a1138b.woff2") format("woff2"), /* chrome、firefox */
  url("5076583fa2a14cd2cf3634ff59a1138b.woff") format("woff"), /* chrome、firefox */
  url("5076583fa2a14cd2cf3634ff59a1138b.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("5076583fa2a14cd2cf3634ff59a1138b.svg#Segoe UI Light") format("svg"); /* iOS 4.1- */
}
@font-face {
font-family: 'Segoe UI Regular';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Regular'), url('Segoe UI.woff') format('woff');
}
@font-face {
font-family: 'Segoe UI Bold';
font-style: normal;
font-weight: normal;
src: local('Segoe UI Bold'), url('Segoe UI Bold.woff') format('woff');
}
body{ margin:0px; padding:0px; color:#424242; line-height:24px; font-family:"Segoe UI Light";scroll-behavior: smooth; font-size:16px;}
a{ text-decoration:none;}
img{ width:auto; max-width:100%;}
.clr{ clear:both;}
.wrapper{ width:96%; margin:0px auto; max-width:1400px; }
.icon_lft{ float:left; padding-right:12px; }
.icon_txt{ float:left; padding:0px 0px; }
.logo_wrapper{ width:100%; background:#f1e2c1; padding:8px 0px 10px;}
.logo{ width:40%; float:left;}
.logo_right{ width:60%; float: left; padding-top:10px; font-weight:bold;}
.top_info_box{ width:auto; float:right; margin-left:5%;}
.top_info_img{ float:left; padding-right:10px; padding-top:5px;}
.top_info_text{ float:left; color:#87b925; font-weight:bold; font-size:16px;}
.top_info_text span{ color:#424242; font-weight:normal;}
.banner{ width:100%;}
.red_fnt{ color:#fe0000;}
.menu_wrapper{ width:100%; background:#fe0000;}
.menu_wrapper .wrapper{ background:#fe0000;}
.dx_menu {margin:  0px 0 0 0 !important;  font-weight:bold;font-family:'Segoe UI Bold';}
.dx_menu {width:auto;margin: 0;padding:  0;position: relative;float: left;list-style:  none;}
.dx_menu li {display: inline-block;font-size:15px;margin: 0;padding: 0;float: left;position: relative; font-weight:bold; text-transform:uppercase;}
.dx_menu > li > a {padding: 15px 26px;color:white;text-decoration: none;display: block;}
.dx_menu li: hover > a,.dx_menu li.active a {background:  #000; }
.dx_menu li a:hover{ color:white; background:#ed2228;}
.dx_menu li.right {float:  right;}
.dx_menu ul, .dx_menu ul li ul {list-style:  none;margin:  0;padding:  0;display:  none;position:  absolute;z-index:  99999;width:100%;background:  #333333;box-shadow:  0 1px 1px rgba(0,0,0,0.3);}
.dx_menu ul {top:  45px;left:  0; width:220px;}
.dx_menu ul li ul {top:  0;left:  100%;}
.dx_menu ul li {clear: both;width: 100%;border:  none;font-size: 13px;}
.dx_menu ul li a {padding: 10px 20px;width: 100%;color: #dedede;font-size: 14px;text-decoration: none;display: inline-block;float: left;clear: both;
box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear; border-bottom:1px solid #22b4e3;}
.dx_menu > li .indicator {position:  absolute;color:  #dedede;top:  20px;right:  8px;font-size:  16px;display:none;}
.dx_menu ul > li .indicator {top:  10px;right:  8px;}
.thin > li > a {padding:  10px 22px;}
.thin ul {top:  40px;}
.thin > li .indicator {top:  10px;}
.thick > li > a {padding:  40px 22px;}
.thick ul {top:  100px;}
.thick > li .indicator {top:  40px;}
.dx_menu i {line-height:  20px !important;margin-right:  6px;font-size:  14px;float:  left;}
.dx_menu > li.showhide {display:  none;width:  100%;height:  50px;cursor:  pointer;color: #dedede;border-bottom:  solid 1px rgba(0, 0, 0, 0.1);}
.dx_menu > li.showhide span.title {margin:  16px 0 0 25px;float:  left;}
.dx_menu > li.showhide span.icon {margin:  17px 20px;float:  right;}
.dx_menu > li.showhide .icon em {margin-bottom:  3px;display:  block;width:  20px;height:  2px;background:  #ccc;}
.orange li: hover > a, .orange li.active a {background:  #ff670f;color:  #fff!important;}
.dx_menu.vertical {width:  200px;}
.dx_menu.vertical li {width:  100%;}
.dx_menu.vertical li a {display:  inline-block !important;width:  100%;padding: 18px 20px 16px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dx_menu.vertical ul li {width:  100%;}
.dx_menu.vertical ul, .dx_menu.vertical ul li ul {width:  200px;}
.dx_menu.vertical ul {top:  0;left:  100%;}
.dx_menu.vertical ul li ul {top:  0px;}
.dx_menu.vertical.right {float:  right !important;}
.dx_menu.vertical.right ul {left:  -150px !important;}
.dx_menu.vertical > li .indicator {top:  17px;right:  15px;font-size:  17px; }
.dx_menu.vertical ul > li .indicator {top:  18px;right:  15px;}
.wel_wrapper{ width:100%; padding:55px 0px; background:white;}
.wel_left{ width:55%; float:left; padding-right:5%;}
.wel_right{ width:40%; float:right;}
.wel_right img{ min-width:100%;}
.hed{ padding-bottom:15px; color:#b81212;font-size:26px; font-weight:bolder;font-family:'Segoe UI Bold'; text-transform:uppercase; line-height: normal;}
.black_hed{ width:100%; padding:12px 0px; color:black; font-size:26px; font-weight:bolder;font-family:'Segoe UI Bold'; text-transform:uppercase; line-height: normal;}
.pro_wrapper{ width:100%; padding:30px 0px; margin-top:30px; background:#f1e2c1;}
.pro_item{ width:98%; margin:0.5%;  float:left; background:#ececec; color:#dc0200; text-align:center;}
.pro_item:hover{ background:#b81212;}
.pro_item:hover .pro_hed{ color:white;}
.pro_item:hover .pro_hed span{ color:white;}
.pro_img{ width:100%;}
.pro_img img{ min-width:100%;}
.pro_hed{ color:#dc0200; padding:12px 0px; font-family:'Segoe UI Bold'; text-transform:uppercase; line-height: normal; }
.pro_hed span{ color:black;font-family: "Segoe UI Light";}
.brand_wrapper{ width:100%; padding:30px 0px; margin-top:00px; background:#c4b084;}
.quick_wrapper{ width:100%; padding:55px 0px; background:#cbcbcb; text-align:center;}
.quick_item .matter{ width:96%; padding:2%;}
.quick_item{ width:29.33%; float:left; padding:20px 0% 0px; color:black; background:white; margin:1%;}
.quick_item:hover{ }
.testi_img{ width:20%; padding:15px 0px; float:left;}
.testi_matter{ width:70%; float:right;}
.testi_nm{ width:100%; padding:15px 0px; text-align:right; font-weight:bold; color:black;}
.testi_nm span{ font-style:italic; font-weight:500;}
.demof ul{ padding: 0; list-style: none; border-top:1px solid #c7c7c7; }
.demof li.odd{background: #fafafa;}
.demof li:after {content: '';display: block; clear: both;}
.demof img{float: left;width: 100px;margin: 5px 15px 0 0;}
.demof a{font-family: Arial, sans-serif;font-size: 20px;font-weight: bold;color: #06f;}
.demof p {margin: 15px 0 0;font-size: 14px;}
.news_box{ padding:12px 0px;}
.news_hed{ color:black; font-weight:bold;}
.news_date{ color:#b81212; padding:5px 0px;}
.ic_btn{ width:auto; float:right; background:red; display:table; margin:15px 0px 0px auto; padding:0px;}
.footer{ width:100%; background:#2f2f2f; padding:50px 0px;}
.ftr_item{ width:36%; margin-right:1%; float:left;}
.ftr_item_sm{ width:25%; margin-right:1%; float:left;}
.footer_hed{ width:100%; padding:10px 0px; color:white; font-size:18px; }
.menu-footer-menu-container ul{ list-style: none; padding: 0; }
.ftr_link, .menu-footer-menu-container ul li a{ display:block; padding:8px 0px; text-decoration:none; color:white;}
.ftr_mat{ width:100%; line-height:32px; color:white;}
.ftr_fb{ padding:15px 0px 15px 30px; display:table; color:white; background:url(../images/fb.png) center left no-repeat; background-size:22px;}
.ftr_tit{ padding:15px 0px 15px 30px; display:table; color:white; background:url(../images/tit.png) center left no-repeat; background-size:22px;}
.ftr_yt{ padding:15px 0px 15px 30px; display:table; color:white; background:url(../images/you.png) center left no-repeat; background-size:22px;}
.ftr_gp{ padding:15px 0px 15px 30px; display:table; color:white; background:url(../images/gplus.png) center left no-repeat; background-size:22px;}
.footer_btm{ background:#171717; padding:10px 0px; width:100%; color:white;}
.ftr_lft{ width:70%; float:left; padding-top:25px;}
.ftr_rgt{ width:29%; float:right;}
.white_wrapper{width:100%; padding:40px 0px;}
.matter_lft{ width:67%; float:right;}
.matter_lft .fw{ min-width:100%; padding-bottom:15px;}
.matter_rgt{ width:28%; float:left; background:#87b925; padding:2% 2% 160px;}
.matter_con_lft{ width:67%; float:left;}
.matter_con_lft .fw{ min-width:100%; padding-bottom:15px;}
.matter_con_rgt{ width:28%; float:right; background:#87b925; padding:2% 2%;}
.menu-sidebar-menu-container ul{ padding: 0; list-style: none; }

.inr_link, .menu-sidebar-menu-container ul li a{ padding:18px 0px; display:block; color:white; border-top:1px solid #e1e1e1; width:100%;transition: all 0.5s ease;font-family:'Segoe UI Bold';}
.inr_link:hover, .menu-sidebar-menu-container ul li a:hover{ margin-left:6%;  width:94%;}
.fild_style{ border:none; border-bottom:1px solid #000; margin-bottom:15px; padding:8px 0px; color:black; height:35px; width:100%; background:none;font-family:'Segoe UI Bold';}
.fild_style_msg{border:none; border-bottom:1px solid #000;margin-bottom:15px; padding:8px 0px; color:black; height:105px;width:100%; background:none; resize:none;font-family:'Segoe UI Bold';}
.sub_btn{ padding:12px 25px; border:1px solid #000; color:#000; display:block; background:none; width:100%; text-transform:uppercase; cursor:pointer; font-family:'Segoe UI Bold';}
.sub_btn:hover{background:#12144d;}
.matter_con{ padding:0px 0px 30px;}
.con_hed{font-family: 'Segoe UI Regular'; font-size:16px; color:#46498b; padding:18px 0px;transition: all 1.5s ease; }
.sml_wht_hed{ padding-bottom:15px; color:#000;font-size:20px; font-weight:bolder;font-family:'Segoe UI Bold'; text-transform:uppercase; line-height: normal;}
.responsive-map-container {position: relative;padding-bottom: 36.25%;padding-top: 30px; height: 0;overflow: hidden;}
.responsive-map-container iframe,   
.responsive-map-container object,  
.responsive-map-container embed { position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
.prod_box{ width:23%; margin:0.5%; border:1px solid #e1e1e1; display:inline-block; vertical-align:top;}
.prod_img{ width:100%;}
.prod_img img{ min-width:100%;}
.prod_hed{font-family:'Segoe UI Bold'; text-transform:uppercase; text-align:center; padding:14px 2%; background:#e1e1e1; color:black;}
.sp_hed{font-family:'Segoe UI Bold'; text-transform:uppercase; text-align:center;padding:10px 2%; font-size:16px;}
@media only screen and (max-width:  1100px) {	
.dx_menu > li > a{ padding:15px 16px}	
}
@media only screen and (max-width:  1000px) {
.dx_menu > li > a{ padding:15px 11px}		
}
@media only screen and (max-width:  900px) {
.prod_box{ width:31%;}		
.dx_menu{ width:100%; display:block;}
.dx_menu.vertical {width:  100%;}
.dx_menu li {display:  block;width:  100% !important;}
.dx_menu > li > a {padding-top: 15px;padding-bottom: 15px;padding-left: 25px; border-bottom:1px solid #12144d;}
.dx_menu a {width:  100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.dx_menu ul, .dx_menu ul li ul,.dx_menu.vertical ul, .dx_menu.vertical ul li ul {width:  100%;left:  0;border-left:  none;position:  static;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; background:red;}
.dx_menu ul li {border-left:  none;border-right:  none;}
.dx_menu ul li a,.dx_menu.vertical ul li a {padding-top: 10px;padding-bottom: 10px;}
.dx_menu ul > li > a {padding-left:  20px !important;}
.dx_menu > li .indicator {top:  15px;right:  25px;font-size:  16px; display:block;}
.dx_menu ul > li .indicator {right:  24px;}
.dx_menu.vertical ul > li .indicator {top:  10px;right:  15px;}
.dx_menu > li > ul > li > a {padding-left:  30px !important;}
.dx_menu > li > ul > li > ul > li > a {padding-left:  60px !important;}
.dx_menu > li > ul > li > ul > li > ul > li > a {padding-left:  80px !important;}
}
@media only screen and (max-width:  800px) {
.logo_right{ display:none;}	
.logo{ width:100%; text-align:center;}
.wel_left{ width:100%; padding-right:0px;}	
.wel_right{ width:100%;}
.quick_item{ width:47%;}	
.matter_lft{ width:98%; float:left;}
.matter_rgt{ width:98%;}
.matter_con_lft{ width:98%;}
.matter_con_rgt{ width:98%;}
}
@media only screen and (max-width:  750px) {
.prod_box{ width:47%;}		
}
@media only screen and (max-width:  650px) {
.ftr_item{ width:98%;}
.quick_item{ width:96%;}
.prod_box{ width:97%;}		
}