@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Myriad Set Pro Semibold';
  src: url('../fonts/Myriad Set Pro Semibold.eot');
  src: local('☺'), url('../fonts/Myriad Set Pro Semibold.woff') format('woff'), url('../fonts/Myriad Set Pro Semibold.ttf') format('truetype'), url('../fonts/Myriad Set Pro Semibold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}
@font-face {
  font-family: 'Myriad-Set-Pro-Medium_0';
  src: url('../fonts/Myriad-Set-Pro-Medium_0.eot');
  src: local('☺'), url('../fonts/Myriad-Set-Pro-Medium_0.woff') format('woff'), url('../fonts/Myriad-Set-Pro-Medium_0.ttf') format('truetype'), url('../fonts/Myriad-Set-Pro-Medium_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}
@font-face {
  font-family: 'Myriad-Set-Pro-Thin';
  src: url('../fonts/Myriad-Set-Pro-Thin.eot');
  src: local('☺'), url('../fonts/Myriad-Set-Pro-Thin.woff') format('woff'), url('../fonts/Myriad-Set-Pro-Thin.ttf') format('truetype'), url('../fonts/Myriad-Set-Pro-Thin.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}


body{font-family:Myriad-Set-Pro-Thin, 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: #333;text-decoration:none;background-color:transparent;transition: 0.5s;}
a:hover{cursor: pointer; color:#f08300;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ 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('../fonts/iconfont.eot?t=1589967017768'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1589967017768#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1589967017768') format('woff'),
  url('../fonts/iconfont.ttf?t=1589967017768') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1589967017768#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-jiantou7-copy:before {
  content: "\e66a";
}

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

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

.icon-shipin:before {
  content: "\e63c";
}

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

.icon-zhuye:before {
  content: "\e6c5";
}

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

.icon-dizhi1:before {
  content: "\e617";
  display: block;
}

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

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

.icon-liuyan1:before {
  content: "\e745";
  display: block;
}

.icon-twitter:before {
  content: "\e89d";
}

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

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

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

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

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

.icon-jishu:before {
  content: "\e627";
  display: block;
}

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

.icon-dianhua:before {
  content: "\e618";
  display: block;
}

.icon-shouhou:before {
  content: "\e63f";
  display: block;
}






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

header{  width: 100%; height: 53px; background: #2b2b2b; z-index: 999; position: relative;  top: 0;  left: 0; }
.logo{ position: absolute;left: 0; top: 0;}
.logo img{ transition: all 0.3s; padding-top: 9px; }

.position{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3); position: fixed; }



h6{ display: inline-block; font-weight: normal; }
#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}

.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: 5; border-radius: 3px;background: #f08300 ; color: #111;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;}

nav{ float: right; margin-right: 308px;}
nav li{ float: left; margin: 0 5px; }
nav li>a{ padding: 18px 10px; position: relative; color: #fff; position: relative; display: block; text-align: center; transition:0.5s; font-size:16px; }
nav li>a:after{ position: absolute; width: 0; bottom: 0; transition: all 0.3s; left: 0; height: 3px; background: #f08300; content:''; }
nav li.on>a:after,nav li:hover>a:after{ width: 100%; }
nav li.on a,nav li:hover a{ color: #f08300; cursor: pointer;  }
.menu_box{ position: absolute; display: none; width: 100%; top: 52px; left: 0px; background: #fff; z-index: 99;  padding:40px 12px; }
.menulist_box{ width: 100%; overflow: hidden; }
.menulist_box .lcon{ float: left; width: 70%; }
.menulist_box .rcon{ float: right; width: 30%; }
.menulist_box .rcon .changpic{ display: none; }
.menulist_box .rcon .changpic:first-child{ display: block; }
.masonry { -moz-column-count:3;-webkit-column-count:3; column-count:3; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em; width: 100%;}
.mason_item {  -moz-page-break-inside: avoid; padding-left: 5%; border-right: 1px solid #e7e7e7; -webkit-column-break-inside: avoid; break-inside: avoid;}
.mason_item dl{ overflow: hidden; }
.mason_item dl dt a{ font-size: 20px; font-family: Myriad Set Pro Semibold; color: #222 !important; font-weight: normal; }
.mason_item dl dt{ margin-bottom: 15px; }
.mason_item dd{ margin-bottom: 15px; }
.mason_item dd a{ font-size: 18px; color: #666 !important; }
.mason_item dl dt a:hover,.mason_item dd a:hover{ color: #f08300 !important; }
.mason_dda dd{ float: left; margin-right: 20px; }
.masonry .mason_item:last-child{ border-right: none; }
nav li:hover .menu_box{ display: block; }

.head_language{ position: absolute; top: 52px; display: none; border-bottom: 1px solid #2b2b2b; text-align: center; left: 0; width: 100%; background: #e2e2e2; padding-top: 56px; padding-bottom: 70px; }
.head_language h4{ font-weight: normal; font-size: 30px; margin-bottom: 35px; }
.head_language ul{ width: 100%; overflow: hidden; display: inline-block; }
.head_language ul li{ display: inline-block; margin: 0 30px; }
.head_language ul li span{ display: block; width: 40px; height: 40px; border: solid 1px #ea5529; border-radius: 50%; margin: 0 auto;
  color: #444; line-height: 40px; }
.head_language ul li p{ font-size: 16px; line-height: 2.5; }
.head_language ul li a{ display: block; width: 100%; }
.head_language ul li a:hover span{ background: #ea5529; color: #fff; }
.language-select-colose {
  width: 100%;
  height: 26px;
  position: absolute;
  bottom: 0;
}

.language-select-colose-center {
  width: 105px;
  margin: 0 auto;
}

.language-select-colose-left {
  float: left;
  width: 25px;
  height: 26px;
  background: linear-gradient(135deg, transparent 16px, #535353 0) 0 100%;
}

.language-select-colose-button {
  font-weight: normal;
  font-style: normal;
  border-radius: 0;
  height: 26px;
  font-size: 12px;
  line-height: 13px;
  text-transform: uppercase;
  color: #fff;
  background-color: #535353;
  margin: 0;
  border: 0;
  padding: 0px 2px;
  cursor: pointer;
  width: 55px;
}

.language-select-colose-right {
  float: right;
  width: 25px;
  height: 26px;
  background: linear-gradient(225deg, transparent 16px, #535353 0) 0 100%;
}

.head_rcon{ position: absolute; right: 0; top: 16px; width: 222px; transition: all 0.3s; } 
.languagebox{ width: 92px; float: left; color: #fff; }
.languagebox img{ margin-right: 4px; }
.sharebox a,.languagebox a{ color: #fff; }
.sharebox{ margin-left: 20px; float: left; }
.head_email{ float: right; }
.sharebox a:hover,.languagebox a:hover{ color: #f08300; }

.l_fixed{ width: 40px; position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; transition: all 0.3s; }
.l_fixed li a{ width:100%; height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #4bca59; color: #fff; display: block; }
.l_fixed li a i{ font-size: 25px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #4bca59; left: -999px; width: 0; font-size: 22px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #fea322; }
.l_fixed li:nth-of-type(2) a span{ background: #fea322; }
.l_fixed li:hover a span{ width: 200px; left: 40px; }
.l_fixed li:hover{ opacity: 0.9; }
.l_fixed li .whatsapps{    background: url(../images/whatsapp.png) center no-repeat;
    display: block;
    width: 40px;
    height: 40px;}


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

footer{ background: #171717; padding-top: 52px; }
.footer_top{ padding: 0 110px 22px 110px; border-bottom: 1px solid #454545; overflow: hidden; }
footer .copyright{ font-size: 17px; text-align: center; background: #015198; padding: 20px; clear: both;  color:#fff; }
footer .copyright a{ color:#fff;}
footer .copyright a:hover{ color: #ef4502; }
footer .item{ padding-bottom: 30px; }
footer .item h4{ font-weight: normal; font-size: 20px; color: #fff; margin-bottom: 20px; }


footer .item1{ width:32%; float: left; }
footer .item ul{ width: 100%; overflow: hidden; }
footer .item ul li{  margin-bottom: 12px;  }
footer .item ul li a{ color:rgba(255,255,255,0.5); font-size: 16px;  }
footer .item ul li:hover a{ color: #f08300; }

footer .item2{ width:22%; float: left;}
.footer_email{ overflow: hidden; padding-left: 62px; position: relative; padding-bottom: 22px; border-bottom: 1px rgba(255,255,255,0.8) dashed ; }
.footer_email h6{ font-size: 32px; color: #fff; position: absolute; top: 8px; left: 0; }
.footer_email span{ font-size: 14px; color: #fff; text-transform: uppercase; }
.footer_email a{ font-size: 20px; color: #fff; font-family: WorkSans-SemiBold; }


footer .item3{ width:38%; float: right;}
footer .item3 ul li{ margin-bottom: 8px; padding-left: 48px; position: relative; min-height: 31px; }
footer .item3 ul li i{ position: absolute; top: 0; left: 0; width: 31px; height: 31px; border-radius: 31px; border: 1px solid #fff; line-height: 31px; text-align: center; color: #fff; font-size: 20px; }
footer .item3 ul li p{ color: #fff; font-size: 16px; line-height: 26px; }
footer .item3 ul li p a{ color: #fff; font-size: 16px; line-height: 26px; display: block; }
footer .item3 ul li *{vertical-align: middle;}
.footer_text{ text-align: center; }
.footer_text p{ font-size: 16px; color: rgba(255,255,255,0.2); }
.footer_item{ width: 100%; overflow: hidden; }

.footer_bot{ padding-top: 28px; padding-bottom: 25px; text-align: center; }
.footer_bot p{font-size: 16px; color: rgba(255,255,255,0.2); margin-top: 16px;}
.media { display: inline-block; border-right: 1px solid #6a6a6a;}
.media a{color: #fff; width: 48px; float: left; border: 1px solid #6a6a6a; border-right: none; height: 48px; line-height: 48px; text-align: center; background:transparent; font-size: 26px; display:inline-block;}
.media a:first-child:hover{ background: #fe0000;  }
.media a:nth-of-type(2):hover{ background: #0b66c3;  }
.media a:nth-of-type(3):hover{ background: #2fb0ec;  }
.media a:nth-of-type(4):hover{ background: #117aed;  }
footer .footer{ overflow: hidden; }

.cl{ clear: both; }
.bigbg{ background: rgba(0,0,0,.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 666; }
.allhide{ display: none; }
.getbox{ width: 800px; background: #fff; height: 500px; position: absolute; top: 30%; left: 50%; margin-left: -400px; }

/*版块标题*/
.home_boxtit{ font-size:60px; font-weight: normal; padding-bottom: 20px; color: #fff; font-family: impact; text-transform: uppercase; position: relative; }
.home_boxtit:after{ position: absolute; left: 0; bottom: 0; width: 35px; height: 3px; background: #fff; content: ''; }
.home_boxtit a{ color: #fff; }
.home_boxtit a:hover{ color: #015198; }
.page_tit{ font-size: 60px; text-align: center; margin-bottom: 20px; text-transform: uppercase; font-family: impact; font-weight: normal;  }
/*首页*/
.center-wrap{padding-top: 53px;}
.swiper-container { width: 100%;  height: 100%;visibility:visible }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center; position: relative;visibility:visible }
.swiper-slide a{display: block; position: absolute; left: 0; top: 0; height: 100%;visibility:visible}
.swiper-slide picture{display: none;}
/*banner */
.index_banner .item{background-size: cover; -webkit-background-size:cover; background-position: center; background-repeat: no-repeat; height:100vh;
  position: relative;}
.index_banner .item img{display: block; width: 100%; display: none;}
.index_banner .item.slick-current .scaleBg{ visibility: visible;  -webkit-animation:scale-bg 6s linear forwards; animation:scale-bg 6s linear forwards;}
.index_banner .items{ background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
.index_banner .item .inner .block_txt{position: absolute; top: 44%; right: 10px; left:10px; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_banner .item.active .inner .block_txt{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; 
  transition-delay: 100ms;}
.index_banner .item .inner .block_txt h4{ font-size: 30px; color: #fff; text-align: center; font-family: 'COCO';}
.index_banner .item .inner .block_txt h2{ color: #fff; font-size: 70px; font-weight: bold; text-align:center; letter-spacing:5px;}
.index_banner .item .inner .block_txt h2 span{ color: #f5c920; display: inline-block; letter-spacing: 5px;}
.index_banner .item .inner .block_txt h3{ color: #fff; font-size: 22px; text-align:center; margin-top: 10px; letter-spacing: 3px;}
.banner{ position: relative; }
.banner .number{
  position: absolute;
  bottom:10%;
  left: 0;
  width: 100%; text-align: center;
  text-align: center;
}
.banner .number span{
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
}
.banner .number span.active{
  background: #f08300;
}

.warer-box{ width: 100%; overflow: hidden; }
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,

html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide{float:left}
.fp-slide,.fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable{overflow:scroll}
.fp-notransition{-webkit-transition:none!important;transition:none!important}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0); display: none;}
#fp-nav.right{right:40px}
#fp-nav.left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}
.fp-slidesNav.bottom{bottom:17px}
.fp-slidesNav.top{top:17px}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span{background:#015198;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:15px;width:15px;border:0;left:50%;top:50%;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;border:2px solid #015198;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}
#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto!important}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{ position: absolute; top: 50%; margin-top: -20px; width:48px;height:65px;z-index:10;cursor:pointer; background:url(../images/right_jiantou_w.png) no-repeat center rgba(0,0,0,0.3); background-size: 20px;}
.swiper-button-next{left:120px;transform: rotate(180deg);}
.swiper-button-prev{ right: 120px}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity: .8;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:16px;height:16px;display:inline-block;border-radius:100%;background:none; border:2px solid #fff;}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#fff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:30px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}


.fp-tableCell{display: block;}
.in_video .center-wrap{ padding-top: 0; }
.index-iron-box { width: 100%; background-color: #f0f0f0; position: relative;}
.index-iron-img { width: 100%; margin: 0 auto;}
.index-iron-img img { width: 100%;}
.index-iron-font { width: 40%; margin: 0 auto; text-align: center; position: absolute; left: 28%; z-index: 99; padding-top:105px;}
.index-iron-img { width: 100%;}
.index-iron-font h2 { font-size: 30px; margin: 0; line-height: 2; color: #fff; font-weight: normal; text-align: center;}
.index-iron-font>p { font-size: 18px; color: #fff; margin-bottom: 20px; text-align: center;}
.index-iron-font p span { padding: 0 5px;}
.index-iron-font a { border: 1px solid #fff; padding: 0 25px; margin: 0 20px; border-radius: 5px;  display: inline-block;  line-height: 30px;  color:#fff;}
.index-iron-font i { font-size: 16px; vertical-align: middle; color: #fff;}
.index-iron-font a>p{ display: inline-block; font-size: 16px; color: #fff; }

.in_series .center-wrap{ padding-top: 0; }
.banner.in_series .number{ bottom: 3%; }

.in_fourshow .center-wrap{ width: 100%; overflow: hidden; padding-top: 30px; }
.four_show{ width: 100%; overflow: hidden; }
.four_show li{ float: left; width: 49.6%; margin-bottom: 16px; }
.four_show li:nth-of-type(even){ float: right; }


/*位置*/
.subbanner{ position: relative; overflow: hidden; width: 100%;}
.subbanner img{ width: 100%; display: block; }
.subbanner .warper{ position: absolute; top: 145px; left:50%; margin-left: -600px; }
.sub_nav{ position: absolute; bottom: 20px; left:50%; margin-left: -600px; width: 1200px; }
.sub_nav i{ display: inline-block; float: left; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #f08300; font-size: 22px; }
.sub_nav p{ color:rgba(255,255,255,0.8); padding-top: 6px; font-size: 15px; text-transform: uppercase; margin-left: 25px; padding-left: 10px; }
.sub_nav p span{ display: block; color: #fff; font-size: 18px; text-transform: none; font-family: Myriad-Set-Pro-Medium_0; }
.sub_nav p span a{ color: #fff; }
.sub_nav p span a:hover{ color: #f08300; }
.subbanner h1{ text-align: center; color: #fff; font-size: 38px; font-weight: normal; font-family:Myriad-Set-Pro-Medium_0; }
/*产品列表*/
.pro_nav{ background: #f4f4f4; }
.pro_nav ul{ width: 100%; overflow: hidden; }
.pro_nav ul li{ float: left; width: 20%; }
.pro_nav ul li a{ display: block; width: 100%; padding: 30px 0; text-align: center; font-size: 18px; font-family: Myriad Set Pro Semibold;}
.pro_nav ul li a:hover{ background: #f08300; color: #fff; }

.pro_list{ padding-top: 40px; padding-bottom: 115px; }
.pro_liitem{ width: 100%; overflow: hidden; }
.pro_liitem .lcon{ width: 400px; float: left; }
.pro_liitem .rcon{ margin-left: 400px; padding-left: 20px; padding-top: 28px; }
.pro_liitem .rcon h2{ font-size: 24px; font-family: Myriad Set Pro Semibold; height: 28px; line-height: 28px; overflow: hidden; }
.pro_liitem .rcon p{ font-size: 18px; line-height: 28px; color: #666; height: 84px; overflow: hidden; margin-top: 18px; }
.pro_liitem .rcon span{ font-size: 18px; display: inline-block; margin-top: 40px; font-family: Myriad Set Pro Semibold; color: #fff; background: #f08300; border-radius: 3px; padding: 12px 24px; }
.pro_listbox li:hover .changpic img{ transform: scale(1.12);}
.pro_listbox li:hover .pro_liitem .rcon span{ opacity: 0.8; }
.pro_listbox li{ margin-bottom: 22px; }
/*关于我们*/
.ab_box{ padding-bottom: 115px; }
.ab_banner{ width: 100%; }
.ad_data{ padding: 50px 0; }
.ad_data ul{ width: 100%; overflow: hidden; }
.ad_data ul li{ float: left; width: 33.333%; text-align: center; padding: 0 50px; }
.ad_data ul li h3{ font-size: 56px; font-family: Myriad-Set-Pro-Medium_0; font-weight: normal; }
.ad_data ul li h3 span{ font-size: 20px; font-family: Myriad-Set-Pro-Thin; text-transform: uppercase; }
.ad_data ul li p{ font-size: 18px; line-height: 26px; }
.ab_comtext{ padding-top: 60px; padding-bottom: 50px; }
.ab_comtext h4{ font-size: 28px; font-family: Myriad-Set-Pro-Medium_0; font-weight: normal; text-align: center; margin-bottom: 25px; }
.ab_comtext p{ font-size: 18px; line-height: 26px; color: #666; margin-bottom: 14px; }
.ab_garypic{ margin-top: 20px; }
.ab_garypic ul{ width: 100%; overflow: hidden; }
.ab_garypic ul li{ float: left; width: 32.333%; margin-right: 1%; }
.ab_garypic ul li:last-child{ margin-right: 0; }
.ab_garypic ul li .changpic img{ -webkit-filter: grayscale(1);/* Webkit */ filter:gray;/* IE6-9 */ filter: grayscale(1);/* W3C */ opacity: 0.7; }
.ab_garypic ul li:hover .changpic img{ -webkit-filter: grayscale(0);/* Webkit */ filter:none;/* IE6-9 */ filter: grayscale(0);/* W3C */ opacity: 1; }

.ab_video{ margin-top: 46px; margin-bottom: 50px; }
.ab_video .warper{ padding: 0 50px; }
.ab_nametext{ margin-top: 55px; text-align: center; }
.ab_nametext h3{ font-size: 30px; font-weight: normal; margin-bottom: 18px; }
.ab_nametext p{ font-size: 18px; line-height: 26px; color: #666; }

.ab_service{ margin-top: 80px; background: url(../images/ab_serbg.jpg) no-repeat; background-size: cover; padding-top: 110px; padding-bottom: 192px; }
.ab_sertext{ text-align: center; }
.ab_sertext h3{ font-size: 28px; font-family: Myriad-Set-Pro-Medium_0; color: #fff; font-weight: normal; margin-bottom: 15px; }
.ab_sertext p{ font-size: 18px; line-height: 26px; color: #fff; }

.ab_serul{ margin-top: 60px; width: 100%; overflow: hidden; }
.ab_serul li{ width: 25%; text-align: center; float: left; }
.ab_serul li p{ font-size: 22px; margin-top: 35px; color: #fff; font-family: Myriad-Set-Pro-Medium_0; }

.ab_seritem{ width: 120px; position: relative; transition: all 0.8s; height: 119px; background: url(../images/circle_bg.png) no-repeat; margin: 0 auto; line-height: 119px; text-align: center; }
.ab_seritem i{ color: #fff; font-size: 45px; }
.ab_serul li:hover .ab_seritem{ transform: rotate(360deg); }


.ab_form{ padding: 60px 0 0 0; text-align: center; }
.infoform{overflow:hidden; text-align: center;}
.infoform h2{ font-size: 28px; font-family: Myriad-Set-Pro-Medium_0; font-weight: normal; margin-bottom: 12px; }
.infoform p{ font-size: 18px; color: #666; }
.infoform ul{ margin-top: 20px; }
.infoform li{width: 49.4%; float: left; position: relative; margin-bottom: 20px;}
.infoform li:nth-child(even){margin-left: 1.2%;}
.infoform li:last-child{width: 100%;}
.infoform li font{position: absolute; left: 10px; top: 17px;}
.infoform li span{ display: block; font-size: 20px; text-align: left; margin-bottom: 10px; }
.infoform input,.infoform textarea,.infoform select{width: 100%; font-family:Myriad-Set-Pro-Thin; border-radius: 5px; background:#fff; border: 1px solid #666; font-size:16px; line-height: 22px; padding: 9px 12px; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #999;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #999;}
.infoform form button{ color: #fff; border-radius: 3px; margin-top: 8px; background: #f08300;  font-family: Myriad-Set-Pro-Medium_0;  height: 45px; width: 180px; font-size: 18px; border:0;}
.infoform form button:hover{ opacity: .8; cursor: pointer; }
.infoform select{ padding: 11px 12px; }



/*分页 结束*/
.custpage{ text-align: center; margin-top: 12px; }
.custpage *{ vertical-align: middle; }
.custpage span{ margin: 0 3px; width: 26px; height: 26px; display: inline-block; text-align: center; font-size: 16px; line-height: 8px; color: #222; background:transparent; border: 1px solid #999; }
.custpage span:hover{ background: #f08300; cursor: pointer; color: #fff; border:1px #f08300 solid; }
.custpage a{ margin: 0 3px; width: 26px; height: 26px; color: #222; display: inline-block; font-size: 16px; text-align: center; line-height: 8px;  border:1px solid #999; }
.custpage a.cur,.custpage a:hover{ background: #f08300; color: #fff; border: 1px solid #f08300; }
.digg4 span.current,.digg4 a, .digg4 span.miy{ padding: 7px 0 !important; }
/*分页 结束*/

/*产品详情*/
.pro-mainbox{ padding-bottom: 110px; }
.prodel_nav{ text-align: center; border-bottom: 1px solid #ccc; overflow: hidden; }
.prodel_nav ul{  display: inline-block; text-align: center; }
.prodel_nav ul li{ display: inline-block; }
.prodel_nav ul li a{ color: #222; position: relative; font-size: 20px; font-family:Myriad-Set-Pro-Medium_0; padding: 20px 60px; display: inline-block;  }
.prodel_nav ul li a:after{ content: ''; width: 0; transition: all 0.3s; height: 2px; position: absolute; bottom: 0; left: 0; background: #f08300; }
.prodel_nav ul li.on a:after{ width: 100%; }

.prodel_item{ display: none; width: 100%; }
.prodel_item.on{ display: block; }

.prodel_block{ padding: 70px 0; text-align: center; }
.bgf0{ background: #f0f0f0; }
.bgff{ background: #fff; }
.del_text h3{ font-weight: normal; font-family:Myriad-Set-Pro-Medium_0; font-size: 32px; margin-bottom: 20px;}
.del_text p{ font-size: 18px; line-height: 26px; color: #666; }

.del_pic{ margin-top: 42px; }
.del_pic.mat0{ margin-top: 0; margin-bottom: 62px; }

.pro_pictext{ position: relative; }
.pro_pictext .warper{ position: absolute; top: 156px; left: 50%; margin-left: -600px; text-align: center; }
.pro_pictext .warper h3{ font-size: 32px; font-weight: normal; font-family:Myriad-Set-Pro-Medium_0; color: #fff; }
.pro_pictext .warper p{ color: #fff; font-size: 18px; line-height: 26px; margin-top: 18px; }

.pro_autohot{ padding-top: 55px; text-align: center; }
.pro_autohot h3{ font-size: 32px; font-weight: normal; font-family:Myriad-Set-Pro-Medium_0;  }
.auto_box{ margin-top: 40px; overflow: hidden; position: relative; }
.auto_box li{ float: left; width: 49.5%; margin-right: 0.5%; }
.auto_box li:last-child{ margin-right: 0; margin-left: 0.5%; }
.auto_box .warper{ position: absolute; top: 200px; left: 50%; margin-left: -600px; text-align: center; }
.auto_boxtext{ width: 100%; overflow: hidden; }
.auto_boxtext p{ color: #fff; font-size: 18px; line-height: 26px; }
.auto_boxtext .lcon{ width: 485px; float: left; }
.auto_boxtext .rcon{ width: 485px; float: right; }

.prodel_itembox{ width: 100%; overflow: hidden; }
.prodel_itembox .del_text{ width: 50%; float: left; padding-right: 40px; text-align: left; margin-top: 160px; }
.prodel_itembox .del_text h3{ margin-bottom: 45px; }
.prodel_itembox .del_pic{ width: 45%; float: right; }

.pro_bitembg{ position: relative; overflow: hidden; }
.pro_bitembg .warper{ position: absolute; top: 200px; left: 50%; margin-left: -600px; }
.r_text{ width: 50%; float: right; color: #fff; padding: 0 2%; margin-top: 25px; }
.r_text h3{ font-size: 32px; font-weight: normal; font-family:Myriad-Set-Pro-Medium_0; margin-bottom: 36px; }
.r_text p{ color: #fff; font-size: 18px; line-height: 26px; }
.l_text{ width: 50%; float: left; color: #fff; padding: 0 2%; margin-top: 25px; }
.l_text h3{ font-size: 32px; font-weight: normal; font-family:Myriad-Set-Pro-Medium_0; margin-bottom: 36px; }
.l_text p{ color: #fff; font-size: 18px; line-height: 26px; }

.pr_aa .del_text{ float: right; }
.pr_aa .del_pic{ float: left; }

.pro_smallpic{ margin-top: 50px; overflow: hidden; }
.pro_smallpic li{ float: left; width: 32%; margin-right: 1%; }
.pro_smallpic li:nth-of-type(3n){ margin-right: 0; }
.pro_smallpic li:hover .changpic img{ transform: scale(1.15); }
.pro_smallpic li p{ margin-top: 15px; font-size: 20px; font-family: Myriad Set Pro Semibold }
.pro_smallpic li span{ display: inline-block; margin-top: 10px; font-size: 18px; line-height: 20px; height: 40px; overflow: hidden; }

.text000{ color: #222; }
.text000 p{ color: #666; }

.rel_pro{ width: 100%; }

.pro_relpro{ padding-top: 70px; text-align: center; }
.pro_relpro h3{  font-size: 32px; font-weight: normal; font-family:Myriad-Set-Pro-Medium_0; margin-bottom: 36px;  }

.rel_pro p{ margin-top: 15px; text-align: center; font-size: 18px; font-family:Myriad-Set-Pro-Medium_0; height: 24px; line-height: 24px; overflow: hidden;}
.rel_pro span{ font-size: 18px; display: inline-block; margin-top: 22px; font-family: Myriad Set Pro Semibold; color: #fff; background: #f08300; border-radius: 3px; padding: 12px 24px; }
.pro_relpro .item{ margin: 0 14px; }
.pro_relpro .owl-theme .owl-controls .owl-page span{ width: 15px; height: 15px; opacity: 1; background: #ccc; }
.pro_relpro .owl-theme .owl-controls .owl-page.active span{ background: #f08300; }
.pro_relpro .owl-theme .owl-controls{ margin-top: 30px; }

.pro_deltable{ padding-top: 45px; text-align: center; }
.pro_deltable h3{ font-size: 28px; font-weight: normal; font-family:Myriad-Set-Pro-Medium_0; }

.pro-table{ width: 100%; overflow: hidden; overflow-x: auto; margin-top: 30px;  }
.pro-table table{ width: 100%; border-top: 1px solid #999; border-left: 1px solid #999; }
.pro-table table td{ text-align: center; padding: 10px 0; font-size: 18px; color: #666;  border-bottom: 1px solid #999; border-right: 1px solid #999;}
.table_01 tr:first-child td{ background: #f4f4f4; color: #222; font-family:Myriad-Set-Pro-Medium_0; }
.table_02 tr td:first-child{ background: #f4f4f4; color: #222; }
.table_02 tr:first-child td{ font-size: 18px; color: #222; font-family:Myriad-Set-Pro-Medium_0; }
.rel_swiper{ width: 100%; }
/*news*/
.news_box{ padding-bottom: 115px; overflow: hidden; padding-top: 60px; }
.news_list li{ margin-bottom: 40px; }
.news_list li a{ display: block; width: 100%; }
.news_item{ overflow: hidden; }
.item_pic{ width: 270px; float: left; }
.news_text{ margin-left: 270px; padding-left: 38px; padding-top: 16px; padding-right: 184px; position: relative; }
.news_textnr h3{ font-size: 24px; font-family: Myriad-Set-Pro-Medium_0; height: 30px; line-height: 30px; overflow: hidden; font-weight: normal; }
.news_textnr p{ margin-top: 10px; line-height: 28px; font-size: 18px; color: #666; height: 56px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news_textnr span{ display: inline-block; width: 160px; margin-top: 28px; border-radius: 3px; font-size: 18px; font-family: Myriad-Set-Pro-Medium_0; background: #f08300; height: 40px; line-height: 40px; text-align: center; color: #fff; }
.news_time{ font-size: 16px; border-left: 1px solid #e1e1e1; width: 132px; position: absolute; top: 16px; right: 0; text-align: center; }
.news_time p{ font-size: 36px;  font-family: Myriad-Set-Pro-Medium_0; }
.news_time span{ font-size: 18px; color: #666; margin-top: 15px; display: inline-block; }
.news_list li:hover .changpic img{ transform: scale(1.12); }
.news_list li:hover .news_textnr span{ opacity: 0.8; }
.news_list li:hover{ box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);  }
 
/*contact*/
.con_map{ width: 100%; }
.con_tactbox{ padding-bottom: 110px; }
.con_lxbox{ margin-top: 56px; overflow: hidden; }
.con_lxbox li{ width: 33.333%; float: left; text-align: center; padding: 0 4%; }
.con_lxbox li i{ display:block; width: 98px; transition: all 0.3s; color: #000; font-size: 50px; height: 98px;  border-radius: 100%; border: 1px solid #222; line-height: 98px; text-align: center; margin: 0 auto; }
.con_lxbox li p{ font-size: 24px; font-family: Myriad-Set-Pro-Medium_0; margin-top: 22px; margin-bottom: 15px; }
.con_lxbox li a,.con_lxbox li span{ font-size: 18px; display: block; line-height: 26px; color: #666; }
.con_lxbox li a:hover{ color: #f08300; }
.con_lxbox li:hover i{ color: #fff; background: #f08300; border: none; }
/*新闻详情*/
.infocon{color: #666;  }
.infocon h2{font-size:24px; font-family: Myriad-Set-Pro-Medium_0; font-weight: normal; 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; color: #222; font-size: 18px;}
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #01517d; }
.infocon p{line-height:28px; font-size: 18px; margin-bottom: 20px;}
.news_deltable{ margin-bottom: 20px; }
.news_deltable table{ border-top:1px solid #999; border-right: 1px solid #999; width: 100%; }
.news_deltable table tr td{ padding: 12px 0; text-align: center; border-left:1px solid #999; border-bottom: 1px solid #999;}
.news_deltable table tr:first-child td{ background: #f4f4f4; font-size: 18px; font-family:Myriad-Set-Pro-Medium_0; color: #222;  }
.news_delnav{ background: #e8e8e8; padding: 25px 0; overflow: hidden; }
.news_delnav .lcon,.news_delnav .rcon{ width: 50%; float:left; overflow: hidden; }
.news_delnav .lcon a,.news_delnav .rcon a{ font-size: 18px; color: #666; }
.news_delnav .lcon b,.news_delnav .rcon b{ font-size: 18px; font-weight: normal; text-transform: uppercase; font-family:Myriad-Set-Pro-Medium_0; margin-right: 5px; }
.news_delnav .lcon a:hover,.news_delnav .rcon a:hover{ color: #f08300; }
/*products dispaly*/
.prodis_box{ background: url(../images/pro_disbg.jpg) center no-repeat; background-size: cover; padding-top: 145px; padding-bottom: 95px; }
.propicflash{ width: 700px; margin: 0 auto; }
.big_show{ width: 100%; position: relative; overflow: hidden; height: 578px;  }
.propicflash .big{ width: 500%; position: absolute; height: 578px; cursor: pointer;  }
.propicflash .big_pic{ width:20%; float: left; height: 578px; text-align: center; }
.propicflash .big img{}
.big_pic p{ font-size: 38px; font-family:Myriad-Set-Pro-Medium_0; margin-bottom:15px;   }
.big_pic span{ font-size: 18px; color: #666; display: block; margin-bottom: 18px; }
.flash_nav{ width: 100%; overflow: hidden; margin-top: 74px; }
.flash_nav li{ float: left; cursor: pointer; width: 20%; text-align: center; font-size: 18px; font-family:Myriad-Set-Pro-Medium_0;  }
.flash_nav li.on span{ color: #f08300; border-bottom: 2px solid #f08300; display: inline-block; padding-bottom: 10px; }

.getbox .changpic{ display: none; }

/*.propicflash{ width:620px; margin: 0 auto;}
.big_show{ width: 100%; position: relative; overflow: hidden; height: 350px;  }
.propicflash .big{ width: 400%; position: absolute; height: 350px;  }
.propicflash .big_pic{ width:25%; float: left; height: 350px; }
.propicflash .big img{ width: 100%; object-fit: cover; border:1px solid #cc9370; height: 100%;}*/

/*testimonials_box*/
.testimonials_box{ padding-bottom: 110px; background: #f4f4f4; }
.body1{ position: relative; overflow: hidden; }
.voice{ position: absolute; width: 45%; height: 5.817%; left: 25%; top: 14%; padding: 0;margin: 0; color: #ea5529; opacity: 0.7; }
.voice h2{ text-align: center; font-weight: normal; font-size: 40px; }
@keyframes warn {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.0;
  }
  25% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}

@keyframes warn1 {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.0;
  }
  25% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.0;
  }
}
.yuan {
  position: relative;
  width: 2.8%;
  height: 5.817%;
  left: 10px;
  top: 10px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}.dot {
  position: absolute;
  width: 12.5%;
  height: 12.5%;
  left: 28.9%;
  top: 29%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #ea5529;
  border-radius: 50%;
  background-color: #ea5529;
  /* 实心圆 ，如果没有这个就是一个小圆圈 */
  z-index: 2;
}


/* 产生动画（向外扩散变大）的圆圈 第一个圆 */

.pulse {
  position: absolute;
  width: 70%;
  height: 70%;
  left: 0px;
  top: 0px;
  border: 1px solid #ea5529;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-animation: warn 3s ease-out;
  -moz-animation: warn 3s ease-out;
  animation: warn 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  box-shadow: 1px 1px 30px #ea5529f;
  /* 阴影效果 */
}


/* 产生动画（向外扩散变大）的圆圈 第二个圆 */

.pulse1 {
  position: absolute;
  width: 70%;
  height: 70%;
  left: 0px;
  top: 0px;
  border: 1px solid #ea5529;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-animation: warn1 3s ease-out;
  -moz-animation: warn1 3s ease-out;
  animation: warn1 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  box-shadow: 1px 1px 30px #ea5529;
  /* 阴影效果 */
}


/* 产生动画（向外扩散变大）的圆圈 第一个圆 */

.pulse2 {
  position: absolute;
  width: 70%;
  height: 70%;
  left: 0px;
  top: 0px;
  border: 1px solid #ea5529;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-animation: warn 2s ease-out;
  -moz-animation: warn 2s ease-out;
  animation: warn 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  box-shadow: 1px 1px 30px #ea5529f;
  /* 阴影效果 */
}


/* 产生动画（向外扩散变大）的圆圈 第二个圆 */

.pulse3 {
  position: absolute;
  width: 70%;
  height: 70%;
  left: 0px;
  top: 0px;
  border: 1px solid #ea5529;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-animation: warn1 2s ease-out;
  -moz-animation: warn1 2s ease-out;
  animation: warn1 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  box-shadow: 1px 1px 30px #ea5529;
  /* 阴影效果 */
}
.box {
  position: absolute;
  left: 20%;
  top: 42%;
  border: none !important;
}

.box1 {
  position: absolute;
  left: 25.3%;
  top: 58.5%;
}

.box2 {
  position: absolute;
  left: 26.3%;
  top: 63%;
}

.box3 {
  position: absolute;
  left: 32%;
  top: 68%;
}

.box4 {
  position: absolute;
  left: 43.5%;
  top: 42%;
}

.box5 {
  position: absolute;
  left: 43.6%;
  top: 34%;
}

.box6 {
  position: absolute;
  left: 47.7%;
  top: 36.2%;
}

.box7 {
  position: absolute;
  left: 45%;
  top: 38%;
}

.box8 {
  position: absolute;
  left: 48%;
  top: 27%;
}

.box9 {
  position: absolute;
  left: 50.3%;
  top: 30.4%;
}

.box10 {
  position: absolute;
  left: 62.5%;
  top: 52%;
}

.box11 {
  position: absolute;
  left: 68%;
  top: 55.2%;
}

.box12 {
  position: absolute;
  left: 46.5%;
  top: 31.5%;
}

.box13 {
  position: absolute;
  left: 72.3%;
  top: 56%;
}

.box14 {
  position: absolute;
  left: 49.5%;
  top: 43.5%;
}

.box15 {
  position: absolute;
  left: 76%;
  top: 74%;
}

.box16 {
  position: absolute;
  left: 29.5%;
  top: 79%;
}

.box17 {
  position: absolute;
  left: 30.5%;
  top: 73%;
}

.box18 {
  position: absolute;
  left: 50%;
  top: 77%;
}

.box19 {
  position: absolute;
  left: 59.5%;
  top: 37%;
}

.box20 {
  position: absolute;
  left: 65.3%;
  top: 51%;
}

.box21 {
  position: absolute;
  left: 18%;
  top: 31%;
}

.box22 {
  position: absolute;
  left: 55%;
  top: 51%;
}

.box23 {
  position: absolute;
  left: 65%;
  top: 29%;
}

.box24 {
  position: absolute;
  left: 69%;
  top: 39%;
}

.box25 {
  position: absolute;
  left: 72.5%;
  top: 51%;
}
.box26 {
  position: absolute;
  left:67.5%;
  top: 38%;
}
.box27 {
  position: absolute;
  left: 50%;
  top: 39%;
}
.box28 {
  position: absolute;
  left: 47.5%;
  top: 41%;
}
.box29 {
  position: absolute;
  left: 46.5%;
  top: 39.5%;
}
.box30 {
  position: absolute;
  left: 51.5%;
  top: 49.5%;
}
.box31 {
  position: absolute;
  left: 20%;
  top: 51%;
}
.box-img1 img,
.box-img2 img,
.box-img3 img,
.box-img4 img,
.box-img5 img,
.box-img6 img,
.box-img7 img,
.box-img8 img,
.box-img9 img,
.box-img10 img,
.box-img11 img,
.box-img12 img,
.box-img13 img,
.box-img14 img,
.box-img15 img,
.box-img16 img,
.box-img17 img,
.box-img18 img,
.box-img19 img,
.box-img20 img,
.box-img21 img,
.box-img22 img {
  width: 30%;
  height: auto;
}

.box-img1 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 41%;
  top: 37%;
}

.box-img2 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 31%;
        top: 73%;
}

.box-img3 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 61.3%;
  top: 55%;
}

.box-img4 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 47.5%;
  top: 33%;
}

.box-img5 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 75.5%;
  top: 77%;
}

.box-img6 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  display: none;
  position: absolute;
  left: 47%;
  top: 46%;
}

.box-img7 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 32%;
  top: 73%;
}

.box-img8 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 44.6%;
  top: 44.4%;
}

.box-img9 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 33.5%;
  top: 70%;
}

.box-img10 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 64.5%;
  top: 56.5%;
}

.box-img11 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 43.5%;
  top: 24%;
}

.box-img12 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 44.5%;
  top: 21%;
}

.box-img13 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 23%;
  top: 56%;
}

.box-img14 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 46.5%;
  top: 79%;
}

.box-img15 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 56%;
  top: 30%;
}

.box-img16 {
  height: 14%;
  width: 14%;
  z-index: 1;
  display: none;
  position: absolute;
  left: 73.3%;
  top: 46.5%;
}

.box-img17 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 45%;
  top: 30%;
}

.box-img18 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 16%;
  top: 45%;
}

.box-img19 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 27%;
  top: 44%;
}

.box-img20 {
  height: 14%;
  width: 14%;
  display: none;
  z-index: 1;
  position: absolute;
  left: 27%;
  top: 44%;
}

.box-img21 {
  height: 14%;
  width: 14%;
  display: none;
  z-index:1;
  position: absolute;
  left: 27%;
  top: 44%;
}

.box-img22 {
  height: 14%;
  width: 14%;
  display: none;
  z-index:1;
  position: absolute;
  left: 27%;
  top: 44%;
}

.partner-video {
  width: 100%;
  height: 100%;
  background: #000000;
  margin: 0 auto;
  display: none;
  z-index: 999999;
  position: fixed;
  left: 0%;
  top: 0%;
  opacity: 0.5;
  filter: Alpha(opacity=50);
  -moz-opacity: 0.5;
}
.us,.uk,.spain,.greece,.india,.thailand,.sweden,.south-africa,.bangladesh,.czech-republic,
.korea,.kazakhstan,.philippines,.france,.ecuador,.denmark,.brazil,.paraguay,
.australia,.estonia,.argentina,.costa-rica,.mongolia2,.romania,.italy,.italy2,.russia,.mexico,.colombia,.egypt{
  display: none;
  margin: 0 auto;
  margin-top: 10%;
  width: 43.69%;
  height: 49.5%;
  position: fixed;
  z-index: 99999999993;
  left: 28%;
  top: 0%;
}
.taiwan,.shate {
  display: none;
  margin: 0 auto;
  margin-top: 10%;
  width: 23.69%;
  height: 49.5%;
  position: fixed;
  z-index: 99999999993;
  left: 36%;
  top: 0%;
        vertical-align: middle;
}

.fayon_box{  padding-top: 44px; }
.fayon_tit h2{ text-align: center; font-weight: normal; font-size: 30px; color: #f08300; }
.fayon_tit span{ text-align: center; font-size: 18px; color: #666; width: 100%; display: block; margin-top: 15px; }
.fayon_ulbox{ margin-top: 30px; overflow: hidden; }
.fayon_ulbox li{ width: 32.333%; margin-right: 1%; margin-bottom: 42px; float: left; }
.fayon_liitem{ width: 100%; }
.fayon_text{ padding: 10px 15px 18px 15px;  }
.fayon_text h4{ font-size: 20px; position: relative; font-weight: normal; font-family: Myriad-Set-Pro-Medium_0; height: 45px; line-height: 45px; overflow: hidden; }
.fayon_text h4:after{ position: absolute; left: 0; bottom: 0; width: 80px; height: 2px; background: #f08300; content: ''; }
.fayon_text p{ font-size: 18px; line-height: 26px; color: #666; margin-top: 18px; height: 104px; overflow: hidden; }
.fayon_ulbox li:hover .changpic img{ transform: scale(1.15); }
@media screen and (max-width: 1680px){
  .backToTop{ right: 0; }
  .voice{ top: 10%; }
}


@media screen and (max-width: 1440px){
 .ad_data ul li h3{ font-size: 42px; }
 .ad_data,.ab_comtext{ padding: 40px 0; }
 .ab_comtext p{ margin-bottom: 8px; }
 .ab_comtext h4{ margin-bottom: 12px; }
 .ab_video,.ab_nametext,.ab_service{ margin-top: 30px; }
 .ab_nametext h3{ margin-bottom: 10px; }
 .ab_video{ margin-bottom: 30px; }
 .ab_service{ padding-top: 70px; padding-bottom: 100px; }
 .ab_form{ padding-top: 40px; }
 .news_list li,.fayon_ulbox li{ margin-bottom: 30px; }
 .subbanner .warper{ top: 80px; }
 .prodel_block{ padding: 50px 0; }
 .del_text h3{ margin-bottom: 6px; }
 .del_pic{ margin-top: 20px; }
 .del_pic.mat0{ margin-bottom: 18px; }
 .pro_autohot{ padding-top: 40px; }
 .auto_box .warper{ top: 145px; }
 .r_text{ margin-top: 0; }
 .pro_bitembg .warper{ top: 158px; }
 .pro_smallpic{ margin-top: 22px; }
 .pro_relpro h3{ margin-bottom: 10px; }
 .auto_box{ margin-top: 18px; }
 .pro_deltable{ padding-top: 40px; }
 
}
@media screen and (max-width: 1366px){
  .news_box{ padding-top: 40px; }
  .news_text{ padding-left: 25px; }
  .news_list li{ margin-bottom: 25px; }
  .voice h2{ font-size: 32px; }
  .con_lxbox li i{ width: 80px; line-height: 80px; height: 80px; font-size: 42px; }
  .con_lxbox li p{ margin-top: 12px;  margin-bottom: 2px; }
  .big_pic p{ font-size: 32px; }
  .pro_bitembg .warper{ top: 115px; }
  
}
@media screen and (max-width: 1280px){
  .subbanner h1{ font-size: 34px; }
  .pro_nav ul li a{ padding: 20px 0; }
  .pro_list,.pro-mainbox,.ab_box,.news_box,.con_tactbox,.testimonials_box{ padding-bottom: 80px; }
  .ab_comtext p{ line-height: 23px; }
  .ab_serul li p{ margin-top: 24px; }
  .fayon_tit span{ margin-top: 6px; }
  .fayon_text p{ margin-top: 7px; }
  .con_lxbox{ margin-top: 35px; }
  .prodis_box{ padding-top: 55px; padding-bottom: 60px; }
  .big_pic span{ margin-bottom: 55px; }
  footer{ padding-top: 40px; }
  .pro_list{ padding-top: 30px; }
  .ad_data ul li h3{ font-size: 36px; }
  .ad_data{ padding: 30px 0; }
  .infocon p{ margin-bottom: 10px; }
}

@media screen and (max-width: 1024px){ 
  .warper{ width: 100%; padding: 0 40px; }
  .index_banner .item img{ display: block; }
  .index_banner .item,.index_banner .items{position: initial; height: auto;}
  .logo{ left: 40px; }
  nav{ margin-right: 140px; }
  .sharebox{ display: none; }
  .head_rcon{ right: 40px; width: 120px; }
  nav li>a{ padding: 18px 7px; }
  .menu_box{ padding: 20px 10px; }
  .menulist_box .rcon{ display: none; }
  .menulist_box .lcon{ width: 100%; float: none; }
  .banner .number{ bottom: 15px; }
  .in_fourshow .center-wrap{ padding-top: 15px; }
  .footer_top{ padding: 0; padding-bottom: 30px; }
  footer .item1{ width: 27%; }
  footer .item3{ width: 40%; }
  .footer_bot{ padding-top: 18px; }
  .footer_bot p{ margin-top: 5px; }
  .media a{ width: 30px; height: 30px; line-height: 30px; font-size: 16px; }
  .subbanner .warper,.sub_nav{ width: 100%; margin-left: 0; left: 0; }
  .subbanner h1{ font-size: 30px; }
  .subbanner .warper{ top: 62px; }
  .pro_nav ul li a{ height: 60px; display: flex; align-items: center; justify-content: center; padding: 10px 0; }
  .pro_listbox li{ margin-bottom: 15px; }
  .pro_liitem .rcon span{ margin-top: 22px; }
  .pro_liitem .lcon{ width: 350px; }
  .pro_liitem .rcon{ margin-left: 350px; }
  .prodel_block{ padding: 25px 0; }
  .del_text h3,.pro_pictext .warper h3,.pro_autohot h3,.r_text h3,.l_text h3{ font-size: 28px; }
  .pro_pictext .warper{ left: 0; width: 100%; margin-left: 0; top: 70px; }
  .pro_pictext .warper p{ margin-top: 6px; }
  .auto_box .warper{ left: 0; width: 100%; margin-left: 0; }
  .auto_box{ margin-top: 10px; }
  .auto_box .warper{ top: 60px; }
  .auto_boxtext .lcon,.auto_boxtext .rcon{ width: 45%; }
  .pro_autohot{ padding-top: 30px; }
  .prodel_itembox .del_pic img{ width: 100%; }
  .prodel_itembox .del_text{ margin-top: 70px; }
  .prodel_itembox .del_text h3{ margin-bottom: 10px; }
  .pro_bitembg .warper{ margin-left: 0; left: 0; top: 44px; }
  .r_text h3,.l_text h3{ margin-bottom: 12px; }
  .pro_relpro{ padding-top: 30px; }
  .fayon_box{ padding-top: 30px; }
  .pro_deltable{ padding-top: 25px; }
 

}
@media screen and (max-width: 990px){
   #nav .nav-button{display: block; top: 8px; }
  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; margin: 0; }
  nav li>a{ margin:0; color: #fff;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li.on a, nav li:hover a{ background: #f08300; color: #fff; }
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li.on a:after,nav li:hover a:after{ width: 0;}
  .logo{ left:10px; }
  .head_rcon{ right: 65px; top: 16px; }
  .head_language{ padding: 20px 0; }
  .head_language h4{ font-size: 25px; margin-bottom: 16px; }
  .menu_box{ display: block; position: static; padding: 0; }
  .masonry{  -moz-column-count:1;-webkit-column-count:1; background: #555; column-count:1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; }
  .mason_item{ padding-left: 0; border: none; }
  .mason_item dl dt a{ margin:0; color: #fff !important; font-size: 16px; font-family: Myriad-Set-Pro-Thin; display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left; }
  .mason_item dd{ display: none; }
  .mason_item dl dt{ margin-bottom: 0; }
  nav li:hover .mason_item dl dt a{ background:#555 !important;  }
  .index-iron-font{ padding-top: 50px; }
}
@media screen and (max-width: 768px){
  .warper{ width: 100%; padding: 0 30px; }
  .four_show li{ width: 100%; float: none; }
  .getbox{ width: 80%; left: 50%; margin-left: -40%; height: 420px;}
  .four_show li{ margin-bottom: 10px; }
  .in_fourshow .center-wrap{ padding-top: 10px; }
  footer{ padding-top: 30px; }
  footer .item{ padding-bottom: 13px; }
  footer .item3 ul li{ padding-left: 0; }
  footer .item3 ul li i,.pro_nav{ display: none; }
  .footer_top{ padding-bottom: 10px; }
  .footer_bot{ padding: 10px 0;  }
  .pro_liitem .lcon{ width: 300px; }
  .pro_liitem .rcon{ margin-left: 300px; padding-top: 20px; }
  .pro_liitem .rcon span{ margin-top: 15px; }
  .pro_liitem .rcon p{ margin-top: 8px; }
  .pro_listbox li{ margin-bottom: 10px; }
  .subbanner .warper{ top: 18px; }
  .subbanner h1{ font-size: 26px; }
  .del_text h3, .pro_pictext .warper h3, .pro_autohot h3, .r_text h3, .l_text h3{ font-size: 24px; }
  .auto_box li,.auto_boxtext .lcon, .auto_boxtext .rcon{ width: 100%; float: none; margin-right: 0; }
  .auto_boxtext .lcon{ margin-bottom: 50px; }
  .auto_box li .changpic{ height: 150px; overflow: hidden;  }
  .auto_box li .changpic img{ width: 100%; height: 100%; object-fit: cover; }
  .auto_box .warper{ top: 46px; }
  .prodel_itembox .del_text{ width: 100%; float: none; margin-top: 0; padding-right: 0; }
  .r_text,.l_text{ width: 100%; float: none; }
  .infoform li{ width: 100%; float: none; margin-bottom: 10px; }
  .infoform li:nth-child(even){ margin-left: 0; }
  .infoform li span{ margin-bottom: 5px; }
  .ad_data ul li{ padding: 0 20px; }
  .ad_data ul li h3{ font-size: 32px; }
  .ad_data, .ab_comtext{ padding: 30px 0; }
  .ab_nametext h3,.ab_comtext h4{ font-size: 26px; }
  .ab_serul li p{ font-size: 20px; }
  .ab_serul{ margin-top: 30px; }
  .ab_service{ padding: 50px 0; }
  .ab_form{ padding-top: 30px; }
  .news_time{ display: none; }
  .news_text{  padding: 15px; padding-bottom: 0; }
  .news_box{ padding-top: 30px; }
  .voice h2{ font-size: 28px; }
  .fayon_text{ padding: 0 10px; }
  .fayon_text p{ line-height: 22px; height: 66px; }
  .fayon_box{ padding-top: 20px; }
  .con_lxbox li{ width: 100%; float: none; text-align: left; padding-left: 0; }
  .con_lxbox li i{ margin: 0; float: left; width: 55px; height: 55px; line-height: 55px; font-size: 26px; }
  .con_lxbox li p,.con_lxbox li a, .con_lxbox li span{ margin-left: 70px; }
  .propicflash{ width: 500px; }
  .propicflash .big img{ width: 100%; }
  .big_show,.propicflash .big,.propicflash .big_pic{ height: 380px; }
  .big_pic span{ margin-bottom: 10px; }
  .prodis_box{ padding-bottom: 30px; }
  .pro-table{ margin-top: 20px; }
}

@media screen and (max-width: 640px){
  .index-iron-font{ width: 60%; padding-top: 20px; left: 19%; }
  .pro_list{ padding-top: 20px; }
  .pro_liitem .lcon{ width: 230px; }
  .pro_liitem .rcon{ margin-left: 230px; }
  .pro_liitem .rcon span{ display: none; }
  .pro_list, .pro-mainbox, .ab_box, .news_box, .con_tactbox,.testimonials_box{ padding-bottom: 40px; }
  .prodel_nav ul li a{ padding: 10px 20px; }
  .pro_pictext .warper{ top: 40px; }
  .auto_box li .changpic{ height: 175px; }
  .r_text h3, .l_text h3{ margin-bottom: 5px; }
  .pro_relpro h3{ font-size: 28px; }
  .pro_bitembg .warper{ top: 10%; }
  .item_pic{ width: 240px; }
  .news_text{ margin-left: 240px; padding-top: 8px; }
  .news_textnr span{ margin-top: 12px; }
  .news_list li{ margin-bottom: 15px; }
  .news_box{ padding-top: 20px; }
  .infocon .time{ margin-bottom: 6px; }
  .infocon p{ line-height: 22px; }
  .fayon_ulbox li{ width: 49%; }
  .prodis_box{ padding-top: 30px; }
}

@media screen and (max-width:480px){
  .warper{ width: 100%; padding: 0 20px; }
  .index-iron-font{ width: 100%; left: 0; }
  footer .item1{ display: none; }
  footer .item2,footer .item3{ width: 100%; float: none; }
  footer .item ul li{ margin-bottom: 8px; }
  .four_show li{ margin-bottom: 0; }
  .in_fourshow .center-wrap{ padding-top: 0; }
  .pro_liitem .lcon{ width: 210px; }
  .pro_liitem .rcon{ margin-left: 210px; padding-left: 10px; padding-top: 15px; }
  .pro_liitem .rcon p{ line-height: 22px; height: 66px; }
  .del_pic img{ width: 100%; }
  .del_text p{ line-height: 22px; }
  .pro_pictext .warper,.pro_bitembg .warper{ position: static; margin-top: 10px; }
  .pro_pictext .warper h3{ color: #222; }
  .pro_pictext .warper p{ color: #666; line-height: 22px; }
  .pro_autohot{ padding-top: 20px; }
  .auto_box .warper{ position: static; }
  .auto_boxtext p{ color: #333; line-height: 22px; }
  .auto_boxtext .lcon{ margin-bottom: 20px; }
  .auto_boxtext{ padding: 15px 0; }
  .prodel_itembox .del_pic{ width: 100%; }
  .r_text,.l_text{ color: #333; padding-bottom: 10px; margin-top: 0; }
  .r_text p,.l_text p{ color: #666; line-height: 22px; }
  .pro_smallpic li{ width: 100%; float: none; margin-right: 0; margin-bottom: 10px;}
  .prodel_block{ padding: 10px 0; }
  .pro_relpro{ padding-top: 15px; }
  .infoform h2{ margin-bottom: 5px; }
  .pro_relpro .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
  .ad_data ul li{ width: 100%; float: none; padding: 0; text-align: left; margin-bottom: 10px; }
  .ad_data ul li h3{ font-size: 26px; }
  .ad_data, .ab_comtext{ padding: 15px 0; }
  .ab_nametext h3, .ab_comtext h4{ font-size: 24px; }
  .ab_video .warper{ padding: 0; }
  .ab_garypic{ margin-top: 15px; }
  .ab_video{ margin: 15px 0; }
  .ab_video, .ab_nametext, .ab_service{ margin-top: 15px; }
  .ab_sertext h3{ margin-bottom: 6px; }
  .ab_sertext p{ line-height: 22px; }
  .ab_service{ padding: 20px 0; }
  .ab_serul{ margin-top:20px;  }
  .ab_seritem{ width: 80px; height: 80px; line-height: 80px; background-size: cover; }
  .ab_seritem i{ font-size: 32px; }
  .ab_serul li p{ margin-top: 12px; }
  .infoform li span{ font-size: 18px; }
  .item_pic{ width: 200px; }
  .news_text{ margin-left: 200px; }
  .news_textnr p{ line-height: 24px; height: 48px; margin-top: 5px; }
  .news_textnr span{ margin-top: 10px; height: 35px; line-height: 35px; width: 150px; }
  .news_textnr h3{ font-size: 22px; }
  .news_delnav .lcon, .news_delnav .rcon{ width: 100%; float: none; }
  .news_delnav{ padding: 10px 0; }
  .news_delnav .lcon{ margin-bottom: 5px; }
  .subbanner{ overflow: hidden; }
  .subbanner img{ height: 140px; width: auto; }
  .subbanner h1{ font-size: 22px; }
  .subbanner .warper{ top: 28px; }
  .voice h2,.fayon_tit h2{ font-size: 24px; }
  .voice{ width: 100%; left: 0; }
  .fayon_text h4{ height: 30px; line-height: 30px; }
  .fayon_text h4:after{ display: none; }
  .fayon_text{ margin-top: 5px; }
  .fayon_ulbox li{ margin-bottom: 15px; }
  footer .item h4{ margin-bottom: 12px; }
  .con_lxbox{ margin-top: 15px; }
  .ab_form{ padding-top: 20px; }
  .infoform{ text-align: left; }
  .infoform h2{ font-size: 24px; }
  .head_language h4{ font-size: 23px; margin-bottom: 10px; }
  .head_language ul li{ margin: 0 10px; }
  .index-iron-font h2{ line-height: 1.2; font-size: 28px; }
  .getbox{ height: 320px; }
  .prodel_itembox .del_text,.r_text, .l_text{ text-align: center; }
  .pro_relpro .owl-theme .owl-controls{ margin-top: 10px; }
  .pro_relpro .item{ margin: 0 10px; }
  .rel_pro span,.rel_pro p{ margin-top: 10px; }
  .pro_deltable{ padding-top: 10px; }
  .pro_deltable h3{ font-size: 24px; }
  .pro-table{ margin-top: 10px; }
  .big_pic p{ font-size: 25px; margin-bottom: 8px; }
  .propicflash{ width: 400px; }
  .big_show, .propicflash .big, .propicflash .big_pic{ height: 385px; }
  .flash_nav{ margin-top: 5px; }
  .prodis_box{ padding-bottom: 15px; }
  .flash_nav li{ width: 100%; float: left; }
  .flash_nav li.on span{ padding-bottom: 0; }
  
}
@media screen and (max-width:414px){
 .warper{ width: 100%; padding: 0 10px; }
 .pro_liitem .lcon{ width: 180px; }
 .pro_liitem .rcon{ margin-left: 180px; }
 .del_text h3, .pro_pictext .warper h3, .pro_autohot h3, .r_text h3, .l_text h3{ font-size: 22px; }
 .auto_boxtext .lcon{ margin-bottom: 10px; }
 .ab_comtext h4{ margin-bottom: 6px; }
 .ab_nametext h3, .ab_comtext h4{ font-size: 22px; }
 .ab_garypic ul li{ width: 100%; float: none; margin-right: 0; }
 .ab_nametext p{ line-height: 22px; }
 .ab_sertext h3{ font-size: 22px; }
 .ab_serul li{ width: 50%; margin-bottom: 15px; }
 .news_box,.fayon_box{ padding-top: 15px; }
 .fayon_ulbox{ margin-top: 15px; }
 .fayon_text p{ margin-top: 5px; }
 .con_lxbox li p{ margin-top: 0; font-size: 22px; }
 .con_lxbox li{ margin-bottom: 12px; }
 .ab_form{ padding-top: 15px; }
}

@media screen and (max-width:380px){
  .pro_liitem .lcon{ width: 100%; float: none; }
  .pro_liitem .rcon{ margin-left: 0; padding: 0; }
  .pro_liitem .rcon p{ margin-top: 5px; }
  .pro_liitem .rcon h2{ font-size: 22px; }
  .item_pic{ width: 100%; float: none; }
  .news_text{ margin-left: 0; padding: 0; padding-top: 10px;  }
  .fayon_ulbox li{ width: 100%; float: none; margin-right: 0; }
  .fayon_text{ padding: 0; }
  .fayon_text p{ margin-top: 2px; }
  .propicflash{ width: 360px; }
  
 }