<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Roboto-Regular_0';
  src: url('../fonts/Roboto-Regular_0.eot');
  src: local('☺'), url('../fonts/Roboto-Regular_0.woff') format('woff'), url('../fonts/Roboto-Regular_0.ttf') format('truetype'), url('../fonts/Roboto-Regular_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold_0';
  src: url('../fonts/segoeuib.eot');
  src: local('☺'), url('../fonts/Roboto-Bold_0.woff') format('woff'), url('../fonts/Roboto-Bold_0.ttf') format('truetype'), url('../fonts/Roboto-Bold_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Medium_0';
  src: url('../fonts/seguisb.eot');
  src: local('☺'), url('../fonts/Roboto-Medium_0.woff') format('woff'), url('../fonts/Roboto-Medium_0.ttf') format('truetype'), url('../fonts/Roboto-Medium_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'seguisb';
  src: url('../fonts/seguisb.eot');
  src: local('☺'), url('../fonts/seguisb.woff') format('woff'), url('../fonts/seguisb.ttf') format('truetype'), url('../fonts/seguisb.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'segoeui_0';
  src: url('../fonts/segoeui_0.eot');
  src: local('☺'), url('../fonts/segoeui_0.woff') format('woff'), url('../fonts/segoeui_0.ttf') format('truetype'), url('../fonts/segoeui_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold.eot');
  src: local('☺'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{font-family:Roboto-Regular_0,Arial, Helvetica, sans-serif; font-size: 16px;overflow-x: hidden; color: #333;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #111;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#e09c2d;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }


.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}
  
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1582788388090'); /* IE9 */
  src: url('iconfont.eot?t=1582788388090#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1582788388090') format('woff'),
  url('iconfont.ttf?t=1582788388090') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1582788388090#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tubiao:before {
  content: "\e632";
}

.icon-liuyan-copy:before {
  content: "\e8de";
}

.icon-youxiang-copy:before {
  content: "\e8dd";
}

.icon-miaoshu:before {
  content: "\e6a4";
}

.icon-liuyan:before {
  content: "\e601";
}

.icon-nor:before {
  content: "\e615";
}

.icon-youxiang:before {
  content: "\e610";
  display: block;
}

.icon-whatsapp:before {
  content: "\e602";
  display: block;
}

.icon-dizhi-copy:before {
  content: "\e8dc";
  display: block;
}

.icon-dianhua1:before {
  content: "\e61d";
  display: block;
}

.icon-whatsapp1:before {
  content: "\e859";
}

.icon-dianhua:before {
  content: "\e6ac";
}

.icon-facebook:before {
  content: "\e6e5";
}

.icon-youtube:before {
  content: "\e6ab";
}

.icon-instagram:before {
  content: "\e690";
}

.icon-jiantou7-copy:before {
  content: "\e66a";
}

.icon-mean_list:before {
  content: "\e653";
}

.icon-in:before {
  content: "\e6f1";
}

.icon-pinterest:before {
  content: "\e6a1";
}

.icon-jiantou7-copy-copy:before {
  content: "\e8d8";
}

.icon-fangdajing:before {
  content: "\e603";
}

.icon-youxiang1:before {
  content: "\e6cd";
}

.icon-gongchang:before {
  content: "\e646";
}

.icon-yunshu:before {
  content: "\e600";
}

.icon-chanliang:before {
  content: "\e875";
}

.icon-fasong:before {
  content: "\e691";
}


input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f4f4f4; overflow: hidden;  }
.warper{ width:1400px; margin:0 auto; position: relative;}
.backToTop{width:45px; height:45px; background: url(../images/icon_top.png) no-repeat center #231c11; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:150px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

.header-top{ height: 50px; background: #222; }
.header-top .lcon{ float: left; width: 68%; padding-top: 13px; }
.header-top .rcon{ float: right; width: 19%; }
.header-top a{ color: #fff; }
.header-top a i{ font-size: 24px; margin-right: 8px; }
.header-top .lcon a{ margin-right: 60px; display: inline-flex;}
.header-top .lcon a b{ font-weight: normal; line-height: 26px; }
.header-top .lcon a:last-child{ margin-right: 0; }
.header-top .lcon a:hover b{ text-decoration: underline; }
.header-bot{ position: relative; width: 100%; }
.header-bot:after{ content: ''; position: absolute; top: 0; right: 0; z-index: -1; transform: skewX(35deg); background: #fea116; height: 100%; width: 63%; }
.header-bot:before{  content: ''; position: absolute; top: 0; right: 0; z-index: -1;  background: #fea116; height: 100%; width: 40px; }

header{  width: 100%; height: 150px; background: #fff; z-index: 999; position: fixed; top: 0;  left: 0; }
.position{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3); }
.media { float: left; padding-top: 10px;}
.media a{color: #999; margin: 0px 5px; font-size: 22px; display:inline-block;}
.media a:first-child:hover{ color: #1882d3;  }
.media a:nth-of-type(2):hover{ color: #1d6297; }
.media a:nth-of-type(3):hover{ color: #33a2f7;}
.media a:nth-of-type(4):hover{ color: #f00106; }

header.position{ height: 100px; }
.position .header-top{ display: none; }

.languagebox{ position: relative; width: 136px;float:right;   }
.languagebox i{display: inline-block; vertical-align: top ; margin-top:5px; color: #666; font-size: 20px;}
.languagebox ul{ width: 100%;  height: 48px; display: inline-block; vertical-align: middle; overflow: hidden; z-index: 5; transition: all .3s; position: absolute; left: 0; top: 0; }
.languagebox ul li{ line-height: 48px; text-align: center;  height: 48px; padding:0 5px; background: #222; }
.languagebox ul li:first-child{ background:url(../images/select_arrow.png) no-repeat 86% 22px; }
.languagebox a{ line-height: 48px; font-size: 16px; color: #fff; }
.languagebox:hover ul{height:auto;}

/*.head_rcon:hover .languagebox{ height: 100px; }*/
h6{ display: inline-block; font-weight: normal; }

/*search*/
.search{ width: 18%;margin-top: 11px;float:left;display:inline;}	
.search_form{width: 100%; height: 32px;background-color:#a1a0a0;}
.search_input {width: 85%; float: left;height:32px;color: #fff;border: medium none;line-height:32px;text-indent:5px;background-color:#333;}	
.search_btn {width: 15%;height: 32px;float: right;cursor: pointer;border: medium none;background: #e50011 url("../images/abg_2.png") center center no-repeat;}

.search-button{ width: 34px; background: #58aaaa; margin-top: 31px; height: 34px; text-align: center; line-height: 34px; margin-right: 5px; float: right; }
.search-button i{ color: #fff; font-size: 22px; cursor: pointer; }
.searchform{ display: none; overflow: hidden;background:#58aaaa;position: absolute; right: 0; height: 51px; top:100px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#58aaaa; color: #fff; line-height:51px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:51px; background:#58aaaa; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}
/*search*/

.head_rcon span{ float: left; display: inline-block; margin-top: 28px; margin-right: 40px; }
.head_rcon span i{ color: #333; font-size: 24px;}
.head_rcon span a{ color: #333; font-size: 16px; cursor: pointer; font-family: Candara; }
.head_rcon span *{ vertical-align: middle; }
.head_rcon span a:hover{ color: #0349a8; }

#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute;  left: 0; top: 0; height: 100%; padding-top: 5px;}
.logo *{ vertical-align: middle; }
.logo p{ font-size: 21px; margin-left: 10px; text-transform: uppercase; color: #222; display: inline-block; font-family: Roboto-Bold_0;  }
.logo p span{ display: block; font-size:18px; font-family: Roboto-Regular_0;  }


.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px; z-index: 3; border-radius: 3px; background: #fea116; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

.head_rcon{ position: absolute;  right: 0; top: 0;}

nav{ float: right;}
nav li{ float: left; position: relative; padding: 0 15px; cursor: pointer;}
nav li&gt;a{ padding: 38px 15px; color: #222; position: relative; display: block; text-align: center; transition:0.5s; font-size:20px; font-family: Roboto-Medium_0; }
nav li&gt;a:after{ content:''; position: absolute; width: 8px; opacity: 0; border-radius: 8px; transition: all 0.3s; left: 0; top: 50%; margin-top: -4px; height: 8px; background: #222; }
nav li.on a,nav li:hover a{ cursor: pointer; color: #222; }
nav li.on a:after,nav li:hover a:after{ opacity: 1; }
nav dl{ opacity: 0; transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: auto; top: 100px;  left:-9999px; z-index: 999;  }
nav dl dt{ display: block; font-size: 20px; color: #222; margin-bottom: 20px; }
nav dl dd{ display: block; position: relative; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #666 !important; display: block; padding: 13px 18px; text-align: left; white-space: nowrap;font-size:18px;}
nav li dl dd a:hover{ background: #fea116 !important; cursor: pointer; color: #fff !important;}
nav li:hover dl{ left: 15px; opacity: 1; }

nav dl dd div{position: absolute; left: 100%; top: 0; background:rgba(228,159,46,.8); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:15px 20px; color: #fff !important; border-bottom: none; }

.promune{ float: left; }

footer.gray_bg{ background:url(../images/footer-bg.png) no-repeat center #f4f4f4; background-size: cover; }
footer{ background:url(../images/footer-bg.png) no-repeat center; background-size: cover; }
footer .copyright{ padding: 30px 0; font-size:18px; clear: both; text-align: center; color:rgba(255,255,255,0.6); margin-top: 56px; border-top:1px solid rgba(255,255,255,0.2); }
footer .copyright a{ color:rgba(255,255,255,0.6);}
footer .copyright a:hover{ text-decoration: underline; }
.footitem{  width: 60%; float: left; }
.footitem_box{ width: 100%; overflow: hidden; }
footer .item{ padding-top: 105px; }
footer .item1{ width:53%; float: left; }
footer .item1 ul{ margin-top: 30px; }
footer .item1 ul li{ margin-top: 22px; }
footer .item1 ul li a{ color: #fff; font-size: 20px; }
footer .item1 ul li a:hover{ color: #fea116;}

footer .media{ float: none; padding-top: 45px; margin-right: 0; }
footer .media a{ color: #fff; width: 48px; height: 48px; text-align: center; line-height: 48px; border-radius: 48px; background: rgba(255,255,255,0.1); }
footer .media a:nth-of-type(1):hover{background: #1882d3; opacity: 1; color: #fff;}
footer .media a:nth-of-type(2):hover{background: #1d6297; opacity: 1; color: #fff;}
footer .media a:nth-of-type(3):hover{background-image: linear-gradient(45deg, #ff9e49, #9c30c5); opacity: 1; color: #fff;}
footer .media a:nth-of-type(4):hover{background: #f00106; opacity: 1; color: #fff;}
footer .media a:nth-of-type(5):hover{background: #c43c2e; opacity: 1; color: #fff;}

footer .item2{ width:40%; float: left;}
footer h4 { color: #fff; padding-top: 30px;  font-size: 36px;  font-family: seguisb; text-transform: uppercase; margin-bottom: 40px;}
footer .item2 ul{ margin-top: 30px; }
footer .item2 ul li{ margin-top: 22px; }
footer .item2 ul li a{ color: #fff; font-size: 20px; }
footer .item2 ul li a:hover{ color: #fea116;}
footer .footer{ overflow: hidden; }
footer .copyright .media span{ color: #fff; font-size: 18px; text-transform: uppercase;}
footer .item4{ width:35%; float:right;}
footer .item4 form{ margin-top: -17px; }

footer form{ position: relative; }
footer input{ height: 48px; line-height: 48px; }
footer input,footer textarea{  width: 100%; background: none; padding: 2px 10px; font-family: segoeui_0; resize: none; margin-bottom: 8px; border: 1px solid #fff; color: #fff; font-size: 18px;}
footer input::-webkit-input-placeholder, footer textarea::-webkit-input-placeholder{  color: #fff;}
footer textarea{ padding:5px 10px; }
footer button{ width: 100%; height: 52px; font-style: italic; margin-top: 10px; font-family:Roboto-Medium_0; line-height: 52px; color: #fff; font-size: 20px; text-align: center; background:#000; border: none; cursor: pointer; }
footer button .icon-fasong{ font-size: 25px; }
footer button:hover{ opacity: 0.9; }

#banner img{ width: 100%; display: block; }
#banner_home{ position: relative; margin-top: 148px; }
#banner_home .owl-theme .owl-controls{ position: absolute; bottom: 56px; width: 100%;  }
#banner_home .owl-theme .owl-controls .owl-page span{ width: 16px; height: 16px; background: #fff; opacity: 1;}
#banner_home .owl-theme .owl-controls .owl-page.active span{ background: #e09c2d;}

.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }

.cl{ clear: both; }
/*版块标题*/
.home_boxtit{ overflow: hidden; width: 100%; }
.home_boxtit .lcon{ float: left; width: 264px;  }
.home_boxtit .lcon span{ font-size:18px; color: #fea116; display: block; }
.home_boxtit .lcon h2{ font-size:38px; text-transform: uppercase; font-family: Roboto-Bold_0; margin-top: 6px; }
.home_boxtit .rcon{ margin-left: 264px; padding-left: 42px; overflow: hidden; padding-top: 8px; border-left: 4px solid #fea116; }
.home_boxtit .rcon p{ font-size:16px; line-height: 28px; color: #888; }
.home_boxtit .rcon ul{ width: 100%; overflow: hidden; display: inline-block; float: right; padding-left: 10%; }
.home_boxtit .rcon ul li{ float: left; margin:0 6%; text-align: right; padding-top: 20px; }
.home_boxtit .rcon ul li a{ font-size:20px; display: inline-block; margin-top: 10px; color: #fff; font-family: Roboto-Medium_0; }
.home_boxtit .rcon ul li a:hover{ color: #fea116; }

.page_tit{ font-size: 32px; font-family: POPPINS-MEDIUM; text-transform: uppercase; }
.page_tit span{ color: #f2a328; }

/*首页*/
.in_ab{ padding: 60px 0 80px 0; overflow: hidden; }
.in_abul{ width: 100%; padding: 5px; margin-top: 88px;}
.in_abul li{ float: left; width: 31%; position: relative; }
.in_abli{ width: 100%; background: #fff; padding: 70px 35px 50px 35px; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.in_ablitext{ width: 100%; }
.in_ablitext h3{ font-size:24px; font-family: Roboto-Medium_0; }
.in_ablitext p{ font-size:18px; height: 210px; overflow: hidden; margin-top: 18px; line-height: 30px; color: #888; }
.in_abul li:nth-of-type(2){ margin:0 3%; }
.in_abicon{ width: 114px; height: 90px; line-height: 90px; text-align: center; background: #fea116; border-top-left-radius: 10px; border-top-right-radius: 10px;
position: absolute; top: -45px; left: 35px; transition: all 0.3s; }
.in_abicon i{ color: #fff; font-size:55px; }
.in_abul li:hover .in_abicon{ top: -28px; }

.in_pro{ padding: 48px 0 80px 0; overflow: hidden; background: url(../images/in_probg.jpg) no-repeat center; background-size: cover; }
.in_pro .home_boxtit,.in_pro .home_boxtit span{ color: #fff; }
.in_probox{ width: 100%; overflow: hidden; margin-top: 30px; }
.in_probox li{ float: left; width: 31%; }
.in_probox li:nth-of-type(2){ margin:0 3%; }
.in_problock{ background: #fff; width: 100%; padding:30px 34px 55px 34px; text-align: center;  }
.in_pro_pic{ width: 100%; padding-top: 100%; border-radius: 100%; position: relative; overflow: hidden; }
.in_pro_pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; border-radius: 100%;}
.in_pro_text{ margin-top: 40px; }
.in_pro_text h3{ font-size:24px; height: 30px; line-height: 30px; overflow: hidden; font-family: Roboto-Medium_0; font-weight: normal; }
.in_pro_text p{ font-size:18px; line-height: 28px; color: #888; margin-top: 15px; height: 84px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.in_pro_text span{ display: inline-block; margin-top: 34px; padding:12px 32px; border-radius: 6px; background: #fea116; font-size:18px; font-style: italic; color: #fff; }
.in_probox li:hover .in_pro_pic img{ transform: scale(1.1); }
.in_probox li:hover .in_pro_text span{ opacity: 0.9; }

.in_news{ width: 100%; background:#f4f4f4; padding: 60px 0 80px 0; overflow: hidden;  }
.in_newsbox{ margin-top: 38px; }
.in_newsitem{ float: left; width: 50%;  padding-right: 22px;}
.in_newsbox .in_newsitem:nth-of-type(2){ padding-right: 0; padding-left: 22px; }
.in_newsitemli{ width: 100%; position: relative; }
.in_newspic{ width: 356px; overflow: hidden; }
.in_newstext{ width: 418px; padding:38px 35px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); position: absolute; top: 28px; right: 0; }
.in_newstime{ font-size:18px; padding-left: 60px; position: relative; }
.in_newstime:after{ content: ''; position: absolute; top: 10px; left: 0; width: 50px; height: 2px; background: #222; }
.in_newstext h3{ font-size:22px; line-height: 30px; height: 60px; overflow: hidden; font-weight: normal; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 16px;}
.in_newstext p{ font-size:18px; line-height: 28px; overflow: hidden; height: 84px; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #888; margin-top: 15px; }
.in_newstext span{ display: inline-block; margin-top: 26px; padding:14px 32px; border-radius: 6px; background: #fea116; font-size:18px; font-style: italic; color: #fff; }
.in_newsitem:hover .in_newstime{ color: #222; }
.in_newsitem:hover .in_newstext span{ opacity: 0.9; }
.in_newsitem:hover .changpic img{ transform: scale(1.1); }

.in_fact{ padding: 60px 0 128px 0; }
.fact_swiper{ margin-top: 28px; position: relative; }
.fact_pic{ width: 100%;  text-align: center; }
.pic_show{ width: 100%; border:1px solid #efefef;}
.fact_pic p{ font-size:22px; margin-top: 25px; height: 25px; line-height: 25px; overflow: hidden; }
.fact_swiper .item{ margin:0 14px;}
.fact_swiper .item:hover .changpic img{ transform: scale(1.1); }
.fact_swiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: -78px; right: 256px; width: 96px; z-index: 55; }
.fact_swiper .owl-controls .owl-buttons div{ background: url(../images/right.png) #fea116 center center no-repeat; background-size: 30%; position: absolute; border-radius: 0; height: 38px; width: 38px; }
.fact_swiper .owl-controls .owl-buttons .owl-prev{ opacity: 1; text-indent: -9999em; left: 0; transform: rotate(180deg);}
.fact_swiper .owl-controls .owl-buttons .owl-next{opacity: 1;  text-indent: -9999em;  right: 0; }
.fact_swiper .owl-controls .owl-buttons div:hover{ opacity: 1; cursor: pointer; background: url(../images/right.png) #f3b95a center center no-repeat; background-size: 30%;}
/*位置*/
.subbanner{ position: relative; margin-top: 148px; overflow: hidden; background: #f7f9fb;}
.subbanner img{ width: 100%; display: block; }
.positionline{ position: absolute; top: 0; left: 0; width: 100%; padding-top: 142px; text-align: center; color: #fff; font-size: 18px; }
.positionline h2{ font-family: Gotham-Bold; font-size: 40px; text-transform: uppercase; }
.positionline a{ color: #fff; }
.positionline p{ font-size: 18px; margin-top: 8px; }
.paddt56{ padding-top: 56px; }
/*关于我们*/
.subtit{ margin-top: 20px; }
.subtit p{ font-size: 26px; font-family:Roboto-Medium_0;  }
.ab_gs{ padding-bottom: 75px; }
.ab_gs .ab_text{ margin-top: 26px; }
.ab_gs .ab_text p{ font-size: 18px; line-height: 28px; color: #888; margin-bottom: 15px; }
.ab_swiper{ margin-top: 30px; position: relative; }
.ab_swiperpic{ width: 100%; background: #fff; padding: 8px; }
.ab_swiper .item{ text-align: center; margin: 0 14px; }
.ab_swiper .item:hover .changpic img{ transform: scale(1.1); }
.ab_swiper .item p{ font-size: 20px; margin-top: 12px; height: 24px; line-height: 24px; overflow: hidden; }
.ab_swiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; }
.ab_swiper .owl-controls .owl-buttons div{ background: url(../images/right.png) center center no-repeat rgba(34,34,34,0.8); background-size: 30%; position: absolute; border-radius: 0; height: 38px; width: 38px; }
.ab_swiper .owl-controls .owl-buttons .owl-prev{ opacity: 1; left: 0; text-indent: -9999em; transform: rotate(180deg);}
.ab_swiper .owl-controls .owl-buttons .owl-next{opacity: 1; right: 0;  text-indent: -9999em; }
.ab_swiper .owl-controls .owl-buttons div:hover{ opacity: 1; cursor: pointer; background: url(../images/right.png) center center no-repeat #fea116; background-size: 30%;}
.ab_honer{ padding: 48px 0 122px 0; }
/*产品列表*/
.pro-mainbox{ width: 100%; overflow: hidden; margin-bottom: 100px; }
.pro_block_box{ width: 100%; margin-top: 26px;}
.pro-box-ul{ width: 100%; padding: 6px; }
.pro-box-ul li{ width: 100%; box-shadow: 0 0 6px rgba(0,0,0,0.1); background: #fff; margin-bottom: 38px; padding: 34px 65px 34px 30px; overflow: hidden; }
.pro-box-ul li:hover{ cursor: pointer; }
.pro-box-pic{ float:left; width: 24.5%; overflow: hidden; }
.pro-box-ul li:hover .in_pro_pic img{ transform: scale(1.1); }
.pro-box-text{ width:71%; float: right; padding-top: 16px;}
.pro-box-text h3 a{ font-size: 24px; display: block; font-weight: normal; font-family: Roboto-Medium_0; overflow: hidden; height: 32px; line-height: 32px; position: relative; }
.pro-box-text p a{ font-size: 18px; display: block; height: 112px; line-height: 28px; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-top: 25px; color: #888;}
.pro-box-btn{ margin-top: 52px; }
.pro-box-btn a:first-child{ background: #fff; border: 1px solid #222; color: #222; margin-right: 30px; }
.pro-box-btn a{ display: inline-block; font-family: Roboto-Medium_0; font-size: 18px; border-radius: 8px; font-style: italic; padding: 13px 43px; color: #fff; background: #fea116; border: 1px solid #fea116;}
.pro-box-btn a:hover{ opacity: 0.9; }
.pro-box-btn a:first-child:hover{ background: #fea116; color: #fff; border: 1px solid #fea116; opacity: 1; }
.pro-box-ul li:hover .pro-box-text h3 a{ color: #fea116; }

/*分页 结束*/
.custpage{ text-align: center;  margin-top: 50px; }
.custpage *{ vertical-align: middle; }
.custpage span{ margin: 0 3px; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; border: 1px solid #999; }
.custpage span:hover{ background: #fea116; cursor: pointer; color: #fff; border:1px #fea116 solid; }
.custpage a{ margin: 0 3px; width: 30px; height: 30px; display: inline-block; font-size: 16px; text-align: center; line-height: 30px; border:1px solid #999; }
.custpage a.cur,.custpage a:hover{ background: #fea116; color: #fff; border: 1px solid #fea116; }

/*分页 结束*/
/*产品详情*/
.pordel_box{ width: 100%; background: #fff; margin-top: 26px;}
.pro-deltext{ width: 100%; overflow: hidden; }
.pro_delshow{ width: 100%; overflow: hidden; padding:38px 62px 75px 35px; }
.pro_show{ float: left; width: 420px; position: relative; }
.pro_show .owl-theme .owl-controls{ margin-top: 22px; }
.pro_show .owl-theme .owl-controls .owl-page span{ width: 16px; height: 16px; background: #f4f4f4; opacity: 1; }
.pro_show .owl-theme .owl-controls .owl-page.active span{ background: #fea116; }
.pro_deltext{ margin-left:420px; padding-left:62px; padding-top: 10px; }
.pro_deltext h2{ font-size: 30px; font-family: Roboto-Medium_0; font-weight: normal; }
.pro_deltext p{ font-size: 18px; line-height: 28px; color: #888; margin-top: 30px; height: 140px; overflow: hidden; }
.pro_share{ margin-top: 60px; }
.pro_links{ margin-top: 36px; overflow: hidden; }
.pro_links a{ display: inline-block; font-family: Roboto-Medium_0; width: 220px; float: left; padding:13px 0; border-radius: 5px; text-align: center; color: #222; border: 1px solid #222; background: #fff; font-size: 18px; font-style: italic; }
.pro_links a i{ font-size: 23px; }
.pro_links a *{ vertical-align: middle; }
.pro_links a:last-child{ margin-left:20px; background: #fea116; border: 1px solid #fea116; color: #fff; }
.pro_links a:hover{ opacity: 0.8; }
.pro_links a:first-child:hover{ background: #fea116; color: #fff; border: 1px solid #fea116; opacity: 1; }

.pro-del-box{ width: 100%; padding: 0 48px 65px 48px; }
.del_box{ width: 100%; margin-bottom:35px; }
.del_box h2{ font-size: 30px; font-family: Roboto-Medium_0; font-weight: normal; text-transform: uppercase; margin-bottom:15px; }
.del_box h2 i{ color: #fea116; font-size: 30px; }
.del_p p{ font-size: 18px; line-height: 28px; color: #888; margin-bottom: 10px; }

.parameter-box{ width: 100%; margin-top: 10px; margin-bottom: 45px; }
.parameter-box p{ font-size: 24px; margin-bottom: 25px; }
.parameter-table{ width: 100%; border-right: 1px solid #666; border-top: 1px solid #666;}
.parameter-table tr td{ padding:12px; text-align: center; border-left: 1px solid #666; font-size: 18px; color: #666; border-bottom: 1px solid #666;}
.form_dec{ font-size: 18px; color: #888; }
.pro-table{ width: 100%; overflow: hidden; overflow-x: auto;  }
/*news*/
.news-box{ margin-bottom: 100px;  }
.news-list{ margin-top: 26px; overflow: hidden; }
.news-list .in_newsitem{ margin-bottom: 75px; }
.news-list .in_newsitem:nth-of-type(even){ padding-right: 0; padding-left: 22px; }
/*faq*/
.faq-box{ margin-bottom: 100px;   }
.faq_list{ margin-top: 26px; overflow: hidden; padding: 5px; }
.faq_list ul li{ margin-bottom: 30px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.faq_list li .in_faqitem{ padding: 30px 36px 32px 36px; }
.in_faqitem h3{ font-size:22px; font-weight: normal; background: url(../images/ask-icon.png) no-repeat 0 0; line-height: 36px; height: 36px; overflow: hidden; padding-left:40px; }
.faq-anbox{ background: url(../images/answer.png) no-repeat 0 0; margin-top:20px; }
.faq-anbox p{ font-size:18px; line-height: 28px;  color: #888; margin-bottom: 15px; }
/*contact*/
.contact_box{ margin-bottom:100px; }
.contactboxov{ overflow: hidden; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 38px; padding-bottom: 76px; margin-top: 26px;}
.conttop{ width: 100%; overflow: hidden; margin-bottom: 70px; }
.con_block{ width:50%; float: left; padding-right:50px; }
.con_block ul{ overflow: hidden; width: 100%;}
.con_block ul li{ margin-bottom: 62px; position: relative; padding-left: 70px; }
.con_block ul li h6{ position: absolute; overflow: hidden; width: 56px; height: 56px; text-align: center; background: #fea116; border-radius: 8px; line-height: 56px; color: #fff; top: 0; left: 0;  font-size: 32px; }
.con_block ul li h4{ font-size: 24px; margin-bottom: 3px; font-family: Roboto-Medium_0; text-transform: uppercase; font-weight: normal; }
.con_block ul li span,.con_block ul li span a{ font-size: 20px; line-height: 28px; color: #888;}
.con_block ul li span a:hover{ color: #fea116; }
.con_block ul li span{ display: block; }
.con_block ul li:last-child{ width: 100%; }
.con_block ul li:last-child span:last-child{ margin-top: 10px; }

.infoform{overflow:hidden;  }
.infoform h2{ font-size: 30px; font-family:Roboto-Medium_0; font-weight: normal; text-transform: uppercase;  }
.infoform p{ margin-top:10px; font-size: 18px; color: #888;}
.infoform ul{ width: 100%; overflow: hidden; margin-top:20px; }
.infoform li{width: 49.5%; float: left; position: relative; margin-bottom: 20px;}
.infoform li:nth-child(even){margin-left: 1%;}
.infoform li:last-child{width: 100%;}
.infoform li font{position: absolute; left: 10px; top: 17px;}
.infoform li p{font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.infoform input,.infoform textarea{width: 100%;border:1px solid #666; background: #fff; font-family: Roboto-Regular_0;  font-size: 18px; line-height: 26px; padding: 12px 20px; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #888;}
.infoform li font{position: absolute; left: 10px; top: 17px; color: #fea116;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #888;}
.infoform form button{ color: #fff; background: #fea116; border-radius: 8px; font-style:italic;  font-family: seguisb; height: 54px; width: 240px; font-size: 20px; border:0;}
.infoform form button:hover{ opacity: .8; cursor: pointer; }
.map{ margin-left: 50%; }
.map img{ width: 100%; }

/*新闻*/
.news_box{ width: 100%; background: #fff; padding:35px; margin-top: 26px; }
.infocontact p{ font-size: 18px;  color: #888; }
.infocontact .con_tit{ margin-bottom: 10px; }
.infocon{color: #666; }
.infocon h1{font-size:30px; font-family: seguisb; line-height: 28px; text-align: center; margin-bottom: 10px; color: #222;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:20px; font-style: italic; font-size: 18px; margin-top: 18px;}
.infocon .other{ padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; font-size: 20px; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color:#fea116; }
.infocon p{line-height:28px; font-size: 18px; margin-bottom: 20px; color: #888;}
.news_delbox{ margin-bottom: 120px;  }
.del_share{ font-size: 18px; color: #666; font-style: italic; float: right; }


@media screen and (max-width: 1500px){
  .backToTop{ right: 0; }
}
@media screen and (max-width: 1440px){
  .warper{ width: 100%; padding: 0 100px; }
  .fact_swiper .owl-theme .owl-controls{ right: 100px; }
  .header-top .warper,.header-bot .warper{ width: 100%; padding: 0 20px;}
  .logo{ left: 20px; }
  .home_boxtit .rcon ul li{ margin: 0 4%; }
  .home_boxtit .rcon ul{ padding-left: 4%; }
  footer .item{ padding-top: 45px; }
  footer .media{ padding-top: 25px; }
  footer h4{ margin-bottom: 24px; font-size: 32px; }
  footer .copyright{ margin-top: 36px; }
  footer form{ overflow: hidden; }
  .in_ab{ padding: 50px 0 60px 0; }
  .in_fact{ padding: 60px 0 75px 0; }
  .home_boxtit .lcon h2{ font-size: 34px; }
  .positionline{ padding-top: 115px; }
  .pro-box-btn{ margin-top: 38px; }
  .del_box h2{ font-size: 26px; }
  .conttop{ margin-bottom: 0; }
}

@media screen and (max-width: 1366px){
  #banner_home .owl-theme .owl-controls{ bottom: 12px; }
  .in_ablitext p{ margin-top: 8px; }
  .in_abli{ padding: 45px 20px 45px 20px; }
  .in_abicon{ width: 92px; height: 73px; line-height: 73px; }
  .in_abul{ margin-top: 75px; }
  .in_ab .home_boxtit .rcon p{ height: 56px; }
  footer .copyright{ padding: 15px 0; }
  .positionline h2{ font-size: 35px; }
  .paddt56{ padding-top: 44px; }
  .ab_swiper .item{ margin: 0 10px; }
  .ab_honer{ padding: 48px 0 80px 0; }
  .pro-mainbox,.news-box,.news_delbox,.faq-box,.contact_box{ margin-bottom: 80px; }
  .custpage{ margin-top: 20px; }
  .con_block ul li{ margin-bottom: 50px; }
}
@media screen and (max-width: 1280px){
 .home_boxtit .lcon{ width: 230px; }
 .fact_pic p{ margin-top: 12px; }
 .in_newstext{ padding: 20px 25px; width: 358px; }
 .positionline h2,.home_boxtit .lcon h2{ font-size: 30px; }
 .pro-box-ul li{ padding: 30px; margin-bottom: 20px; }
 .pro-box-text p a{ margin-top: 12px; }
 .pro-box-btn{ margin-top: 26px; }
 .pro-box-text{ width: 73%; padding-top: 0; }
 .pro-box-ul li:last-child{ margin-bottom: 0; }
 .pro-del-box{ padding: 0 30px 40px 30px; }
 .pro-del-box .del_box:last-child{ margin-bottom: 0; }
 footer h4{ font-size: 26px; }
 .news-list .in_newsitem{ margin-bottom: 30px; }
 .news_box{ padding: 30px; }
 .faq_list ul li{ margin-bottom: 22px; }
 .con_block ul li{ margin-bottom: 40px; }
 .infoform h2{ font-size: 26px; }
 .in_problock{ padding: 20px 20px 40px 20px; }
 .in_probox li:nth-of-type(2){ margin: 0 2%; }
 .in_probox li{ width: 32%; }
 .in_pro_text{ margin-top: 16px; }
 .in_pro_text p{ margin-top: 8px; }
 .in_pro_text span{ margin-top: 16px; }
 .in_problock{ padding: 20px 20px 30px 20px; }
 .in_news{ padding: 50px 0 70px 0; }
 .header-top .lcon{ width: 72%; }
}

@media screen and (max-width: 1240px){
  .warper{ width: 100%; padding: 0 80px; }
  .fact_swiper .owl-theme .owl-controls{ right: 80px; }
  .header-top .lcon a:last-child{ display: none; }
  .header-bot:after{ width: 67%; }
  .in_ablitext h3{ font-size: 20px; }
  .positionline h2, .home_boxtit .lcon h2{ font-size: 28px; }
  .in_newsitem{ padding-right: 15px; }
  .in_newsbox .in_newsitem:nth-of-type(2){ padding-left: 15px; }
  .fact_swiper .item,.ab_swiper .item{ margin: 0 8px; }
  .in_pro_text h3{ font-size: 23px; }
  .subtit p{ font-size: 22px; }
  .paddt56{ padding-top: 26px; }
  .pro_delshow{ padding: 28px 32px 65px 25px; }
  .del_box h2{ font-size: 24px; }
  .parameter-box p{ font-size: 22px; }
  .in_abicon{ left: 20px; }
  .pro_deltext{ padding-left: 40px; }
  .news-list .in_newsitem:nth-of-type(even){ padding-left: 15px; }
  .infocon h1{ font-size: 28px; }
  .con_block ul li h4{ font-size: 20px; }
  .con_block{ padding-right: 30px; }
  .infoform h2{ font-size: 24px; }
  .infoform li{ margin-bottom: 10px; }
}
@media screen and (max-width: 1200px){
  .home_boxtit .lcon{ width: 220px; }
  .home_boxtit .rcon{ margin-left: 220px; }
}


@media screen and (max-width: 1024px){ 
  .warper{ padding: 0 60px; }
  .logo p{ display: none; }
  .header-bot:after{ width: 83%; }
  .in_abli{ padding: 45px 20px 35px 20px; }
  .in_ab{ padding: 38px 0 42px 0; }
  .in_abicon{ width: 82px; height: 63px; line-height: 63px; top: -30px; }
  .in_abicon i{ font-size: 42px; }
  .in_pro .home_boxtit .rcon{ display: none; }
  .in_pro{ padding: 48px 0 50px 0; }
  .in_news{ padding: 38px 0 42px 0; }
  .fact_swiper .owl-theme .owl-controls{ right: 60px; }
  .ab_gs{ padding-bottom: 55px; }
  .in_fact{ padding: 40px 0; }
  .ab_honer{ padding: 40px 0 50px 0; }
  .subtit{ margin-top: 10px; }
  .ab_gs .ab_text{ margin-top: 15px; }
  .pro-box-ul li{ padding: 20px; }
  .pro-box-pic{ width: 28.5%; }
  .pro-box-text{ width: 67%; }
  .pro_show{ width: 380px; }
  .pro_deltext{ margin-left: 380px; }
  .pro_links a{ width: 188px; }
  footer .item2{ display: none; }
  footer .item1{ width: 65%; }
  .pro-mainbox, .news-box, .news_delbox, .faq-box, .contact_box{ margin-bottom: 60px; }
  .con_block ul li span, .con_block ul li span a{ font-size: 18px; }
  .contactboxov{ padding: 25px; padding-bottom: 35px; }
}
@media screen and (max-width: 990px){
  #banner_home,.subbanner{ margin-top: 62px; }
  .languagebox{ z-index: 66; margin-top: 14px; }
  .languagebox ul{ position: static; height: 35px; }
  .languagebox ul li{ line-height: 35px; }
  .position .header-top,.header-top{ height: 0; display: block; }
  #nav .nav-button{display: block; top: 14px; }
  header,header.position{ height: 62px; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width: auto; z-index: 99;overflow: auto;background: #222; transform: translateX(-300px);transition: 0.3s;}
  nav li{ float: none; padding: 0; }
  nav li&gt;a{ margin:0; color: #fff;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; } 
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  .logo{ top: 5px; padding-top:0; left: 15px;}
  .logo p{ display: inline-block; }
  .logo img{ height: 54px; }
  nav li.on a, nav li:hover a{ background: #fea116; color: #fff; }
  nav li:hover dl{ left: 0; opacity: 1; }
  .in_pro .home_boxtit:after,.in_news .home_boxtit:after{ width: 0; }
  .in_pro_class{ margin-top: 20px; }
  .in_pro_class a{ display: inline-block; }
  #banner_home .owl-theme .owl-controls{ bottom: 8px; }
  .home_boxtit{ font-size:25px; }
  .languagebox{ margin-right:40px; }
  .languagebox ul { background: #fea116; border-radius: 5px;  }
  .languagebox ul li{ height: 35px; background: #fea116; }
  nav li&gt;a:after{ background: #fff; }
  .languagebox a{ line-height: 35px; }
  .languagebox ul li:first-child{ background: url(../images/select_arrow.png) no-repeat 86% 16px; }
  .header-bot:after,.header-bot:before{ width: 0; }
  #banner_home .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
  .in_abul{ margin-top: 60px; }
  .header-top .lcon{ display: none; }
}

@media screen and (max-width: 768px){
  .warper{ padding: 0 40px; }
  .in_ab{ padding: 30px 0 38px 0; }
  .in_abli{ padding: 45px 15px 35px 15px; }
  .in_ablitext p{ line-height: 24px; height: 216px; font-size: 17px;}
  .positionline h2, .home_boxtit .lcon h2{ font-size: 23px; }
  .in_abul li:nth-of-type(2){ margin: 0 2%; }
  .in_abul li{ width: 32%; }
  .in_ablitext h3{ line-height: 24px; height: 48px; }
  .in_abli{ padding: 45px 15px 25px 15px; }
  .in_problock{ padding: 20px 15px 20px 15px; }
  .in_newstext{ position: static; width: 100%; }
  .in_newspic{ width: 100%; }
  .in_newsitem{ padding-right: 8px; }
  .in_newsbox .in_newsitem:nth-of-type(2){ padding-left: 8px; }
  .in_newstext h3{ margin-top: 8px; }
  .in_newsbox,.in_probox,.fact_swiper{ margin-top: 20px; }
  footer,footer.gray_bg{ background: url(../images/footer_sbg.jpg) no-repeat center; background-size: cover; }
  footer .item{ padding-top: 0; }
  footer .item1 ul,footer .item4 form{ margin-top: 0; }
  footer .item1{ width: 100%; }
  .fact_swiper .owl-theme .owl-controls{ right: 40px; }
  .backToTop{ width: 40px; height: 40px; }
  .positionline{ padding-top: 50px; }
  .pro-box-ul li{ padding: 15px; }
  .pro-box-pic{ width: 36%; }
  .pro-box-text{ width: 60%; }
  .pro-box-btn a{ padding: 10px 32px; }
  .pro_block_box{ margin-top: 10px; }
  .pro_show{ width: 250px; }
  .pro_deltext{ margin-left: 250px; }
  .pro_links a{ width: 156px; }
  .pro_deltext h2{ font-size: 28px; }
  .pro_deltext p{ margin-top: 14px; }
  .pro_share{ margin-top: 25px; }
  .pro_links{ margin-top: 22px; }
  .pro_delshow{ padding: 20px 20px 35px 20px; }
  .del_box h2 i{ font-size: 22px; }
  .del_box h2{ font-size: 22px; }
  .parameter-box p{ font-size: 20px; }
  .news-list .in_newsitem:nth-of-type(even){ padding-left: 8px; }
  .news-list .in_newsitem{ margin-bottom: 16px; }
  .news-list,.news_box{ margin-top: 10px; }
  .news_box{ padding: 20px; }
  .infocon h1{ font-size: 25px; }
  .infocon p{ line-height: 24px; margin-bottom: 10px; font-size: 17px; }
  .infocon .other{ font-size: 18px; }
  .paddt56{ padding-top: 18px; }
  .faq_list,.contactboxov{ margin-top: 10px; }
  .faq_list li .in_faqitem{ padding: 18px; }
  .faq_list ul li{ margin-bottom: 15px; }
  .faq-anbox{ margin-top: 15px; }
  .con_block{ width: 100%; padding-right: 0; float: none; }
  .map{ margin-left: 0; }
  .con_block ul li{ margin-bottom: 18px; }
  .infoform{ margin-top: 30px; }
  .del_box .infoform{ margin-top: 0; }
  .home_boxtit .rcon{ padding-left: 15px; }
  .in_faqitem h3{ height: auto; }
  footer .copyright{ display: none; }
  .footitem_box{ margin-bottom: 20px; }
}

@media screen and (max-width: 640px){
  .warper{ padding: 0 20px; }
  .in_ab .home_boxtit .rcon{ display: none; }
  .in_abul{ margin-top: 45px; }
  .in_pro_text span{ padding: 12px 23px; }
  .in_pro_text p{ line-height: 24px; height: 72px; }
  .in_problock{ padding: 15px 15px 20px 15px; }
  .fact_swiper .owl-theme .owl-controls{ right: 20px; }
  .ab_gs .ab_text p{ line-height: 26px; }
  .pro-box-pic{ width: 35%; }
  .pro-box-btn a{ padding: 10px 22px; }
  .pro-box-btn a:first-child{ margin-right: 10px; }
  .pro-box-btn{ margin-top: 15px; }
  .pro-mainbox, .news-box, .news_delbox, .faq-box, .contact_box{ margin-bottom: 40px; }
  .pro_deltext{ padding-left: 16px; }
  .pro_links a{ width: 140px; }
  .pro_links a:last-child{ margin-left: 8px; }
  .pro_show .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
  .del_box h2{ margin-bottom: 9px; }
  .del_box{ margin-bottom: 20px; }
  .in_faqitem h3{ line-height: 25px; }
}

@media screen and (max-width:480px){
 .logo p{ display: none; }
 .in_abul li{ width:100%; float: none; margin-bottom: 50px; }
 .in_abul li:nth-of-type(2){ margin: 0; margin-bottom: 50px;}
 .in_abul li:nth-of-type(3){ margin-bottom: 0; }
 .in_ablitext h3{ height: auto; }
 .in_ab,.in_pro{ padding: 20px 0; }
 .in_probox li{ width: 100%; float: none; }
 .in_probox li:nth-of-type(2){ margin: 10px 0; }
 .in_newstext{ padding: 15px; }
 .in_news,.in_fact{ padding: 20px 0; }
 .in_newstext p{ margin-top: 8px; }
 .in_newstext span{ margin-top: 12px; }
 .footitem,footer .item4{ width: 100%; float: none; }
 footer .item4{ padding-bottom: 30px;  }
 footer h4{ padding-top: 0; }
 footer .item1{ padding-top: 30px; }
 footer .item1 ul li{ margin-top: 11px; }
 footer .copyright{ margin-top: 20px; }
 .ab_gs{ padding-bottom: 30px; }
 .ab_honer{ padding: 28px 0 50px 0; }
 .ab_swiper{ margin-top: 15px; }
 .subbanner img{ height: 160px; width: auto; }
 .pro-box-pic,.pro-box-text{ width: 100%; float: none; }
 .pro-box-text{ margin-top: 20px; }
 .pro_show{ width: 100%; float: none; }
 .pro_deltext{ margin-left: 0; padding-left: 0; }
 .pro_links a{ width: 160px; }
 .infoform li:nth-child(even){ margin-left: 0; }
 .infoform li{ width: 100%; float: none; }
 .pro_deltext h2{ font-size: 26px; }
 .in_faqitem h3{ font-size: 20px; }
 .faq-anbox p{ line-height: 26px; }
 .in_faqitem h3{ background: none; padding-left: 0; }
  .pro_delshow{ padding: 20px 15px 35px 15px; }
  .pro-del-box{ padding: 0 15px 30px 15px; }
  .parameter-box{ margin-bottom: 25px; }
  .news_box{ padding: 15px; }
  footer button{ background: #fea116; }
  .contactboxov{ padding: 15px; padding-bottom: 25px; }
}
@media screen and (max-width:414px){
 .in_newsitem{ width: 100%; float: none; padding-right: 0; }
 .in_newsbox .in_newsitem:nth-of-type(2){ padding-left: 0; margin-top: 10px; }
 .fact_swiper .owl-theme .owl-controls{ top: -68px; }
 footer h4{ margin-bottom: 12px; }
 .subtit p{ font-size: 20px; }
 .pro_links a{ width: 100%; float: none; }
 .pro_links a:last-child{ margin-left: 0; margin-top: 10px; }
 .news-list .in_newsitem:nth-of-type(even){ padding-left: 0; }

}
@media screen and (max-width:380px){
 .warper{ padding: 0 10px; }
 
}
@media screen and (max-width:370px){
  
 
}

@media screen and (max-width:320px){
  
}









</pre></body></html>