@charset "UTF-8";
@font-face { font-family: "impact"; src: url("../font/impact.eot"); src: url("../font/impact.eot?#iefix") format("embedded-opentype"), url("../font/impact.woff") format("woff"), url("../font/impact.ttf") format("truetype"), url("../font/impact.svg#NeuesBauenDemo") format("svg"); }

.fl { float: left; }

.fr { float: right; }

.clearfix { *zoom: 1; }

.clearfix:after { clear: both; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }

.center { text-align: center; }

.text-right { text-align: right; }

.mt30 { margin-top: 30px; }

.h100 { height: 100%; }

.layui-container { padding: 0; }

/*head*/
.header { width: 100%; height: 100px; position: absolute; top: 0; background: #fff; z-index: 100; }

.brand { float: left; }

.brand img { margin-top: 14px; }

.operation { margin-top: 20px; float: right; color: #1b1b1b; font-size: 16px; line-height: 50px; }

.operation i { font-size: 18px; margin-right: 5px; }

.operation .nav { margin-right: 50px; display: inline-block; vertical-align: middle; }

.operation .nav ul li { float: left; text-align: center; position: relative; padding: 0 20px; }

.operation .nav ul li a { display: block; color: #18312d; font-size: 14px; line-height: 50px; }

.operation .nav ul li.active { border-bottom: 2px solid #fe7600; border-radius: 0; }

.operation .nav ul li.active a { color: #fe7600; }

.operation .lang { display: inline-block; }

.operation .lang img{ width: 36.5px;}

.operation .lang .lang-tit { font-size: 14px; line-height: 50px; padding: 0 10px; position: relative; cursor: pointer; }

.operation .lang .lang-tit .layui-icon-down { font-size: 14px; }

.operation .lang .lang-list { display: none; position: absolute; top: 49px; left: 0; padding: 10px 0; background: #2a2e42; width: 100%; min-width: 106px; }

.operation .lang .lang-list a { display: block; color: #fff; padding: 0 10px; font: 12px/30px 'arial','Microsoft Yahei'; }

.consultation { display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 20px; }

.menuicon { display: inline-block; font-size: 14px; vertical-align: middle; margin-right: 10px; }

/*banner*/
.swiper-container { width: 100%; height: 800px; }

.backimg { width: 100%; height: 100%; }

.backimg .imgBg { width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.swiper-slide-active .imgBg { animation: imageAnimation 6s linear 0s; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { padding: 35px 10%; bottom: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: left; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }

.swiper-pagination span { width: 10px; height: 10px; border-radius: 5px; border: 1px solid #fff; opacity: 1; background: transparent; }

.swiper-pagination span.swiper-pagination-bullet-active { background: #fe7600; border: 1px solid #fe7600; }

/*标题*/
.index-tit { padding: 50px 0 30px; }

.index-tit h2 { font-size: 28px; line-height: 28px; color: #1b1b1b; }

.index-tit i { display: block; width: 30px; height: 2px; background: #fe7600; float: left; margin-right: 20px; }

.index-tit span.e { display: block; font-size: 14px; margin-top: 8px; color: #999; }

.white h2 { color: #fff; }

.cates { position: absolute; top: 110px; right: 0; }

.cates ul li { display: inline-block; width: 90px; height: 30px; border-radius: 15px; border: 1px solid #d4d4d4; margin-left: 20px; font: 13px/30px 'Microsoft Yahei'; color: #828282; text-align: center; }

.cates ul li a { color: #828282; }

/*pro-list*/
.index-product { margin-top: 60px; background: #232323; overflow: auto; padding-bottom: 60px; }

.pro-list ul { columns: 3; column-gap: 30px; }

.pro-list ul li { position: relative; width: 100%; break-inside: avoid; padding-bottom: 90px; }

.pro-list ul li .pro-img { overflow: hidden; border: 2px solid transparent; }

.pro-list ul li .pro-img img { width: 100%; filter: grayscale(12%); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.pro-list ul li:hover .pro-img { border: 2px solid #FFC000; }

.pro-list ul li:hover .pro-img img { transform: scale(1.1, 1.1); filter: grayscale(0%); }

.pro-list ul li:hover .pro-info:after { border-bottom: 1px solid #fe7600; }

.pro-info { position: absolute; bottom: 20px; }

.pro-info:after { content: ""; display: block; width: 26px; border-bottom: 1px solid #666; margin-top: 12px; }

.pro-info .category { color: #fff; font-size: 16px; margin-top: 16px; }

.pro-info .title { color: #666; font-size: 13px; margin-top: 10px; }

/*关于我们*/
.about-tit { margin-top: 60px; }

.about-tit h2 { font-size: 28px; line-height: 28px; color: #1b1b1b; float: left; }

.about-tit .fl { margin-left: 20px; }

.about-tit i { display: block; width: 30px; height: 2px; background: #fe7600; }

.about-tit span.e { display: block; font-size: 16px; margin-top: 8px; display: block; }

.about-info { font: 15px/30px 'Microsoft Yahei'; color: #333; margin-top: 50px; padding-right: 40px; }

.about-info p { text-align: justify; }

.about-more { display: inline-block; width: 250px; height: 40px; line-height: 40px; margin-top: 35px; border: 1px solid #999; color: #fe7600; text-align: center; }

.videoBox { padding-top: 50px; text-align: right; padding-top: 30px; text-align: center; }

.videoBox img { width: 100%; }

/*新闻*/
.new-list ul li { position: relative; margin-bottom: 40px; }

.new-list ul li .news-img { position: absolute; left: 15px; top: 15px; }

.new-list ul li .news-img img { max-width: 100%; }

.new-list ul li .news-info { padding-left: 180px; }

.new-list ul li .news-info .title { font: 16px/32px 'Microsoft Yahei'; color: #333; margin-top: 20px; }

.new-list ul li .news-info .desc { font: 13px/20px 'Microsoft Yahei'; color: #666; margin-top: 14px; }

.new-list ul li .news-info .date { font: 13px/20px 'Arial'; color: #999; margin-top: 20px; position: relative; }

.new-list ul li .news-info .date i { float: right; }

.new-list ul li:hover .news-info .title { color: #fe7600; }

.new-list ul li:hover .news-info .date { color: #fe7600; }

/*index-map*/
.index-map { height: 350px; position: relative; }

.contact-wrap { width: 100%; position: absolute; top: 0; z-index: 19900826; }

.contact-wrap ul li { text-align: center; padding-top: 80px; }

.contact-wrap ul li h4 { font-size: 20px; margin-top: 20px; }

.contact-wrap ul li p { font-size: 14px; color: #444; margin-top: 20px; }

/*footer*/
#footer { margin-top: 70px; background: #222; padding-top: 55px; color: #fff; }

#footer hr { background: rgba(255, 255, 255, 0.2); margin: 30px 0 0 0; }

.lie { display: inline-block; min-width: 120px; vertical-align: top; margin-right: 10px; }

.lie.long { width: 300px; margin-right: 50px; }

.lie h4 { font-size: 18px; }

.lie i { display: block; width: 18px; height: 1px; background: #fe7600; margin: 12px 0 16px; }

.lie a, .lie span { display: block; font: 14px/24px 'Microsoft Yahei'; color: rgba(255, 255, 255, 0.6); }

.copyright p { font: 14px/55px 'Microsoft Yahei'; color: rgba(255, 255, 255, 0.6); }

.copyright p a { color: rgba(255, 255, 255, 0.6); }

.show { position: relative; cursor: pointer; }

.code { border: 5px solid #fff; }

.code img { width: 120px; }

#backtotop { width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fff; color: #d60b0b; position: fixed; right: 20px; bottom: 50px; width: 30px; height: 30px; line-height: 30px; text-align: center; }

#backtotop i { font-size: 20px; }

.closebtn { display: none; }

.footlau { display: none; }

/* wap */
@media only screen and (max-width: 640px) { .layui-container { padding: 0 5px; }
  .header { height: 60px; }
  .brand { margin-left: 5px; }
  .brand img { height: 35px; }
  .operation { margin-top: 5px; }
  .operation .nav { display: none; position: fixed; width: 250px; height: 100%; background: #fff; top: 0; left: 0; }
  .operation .nav ul li { float: none; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .operation .nav ul li span { display: inline-block; width: 8px; border-top: 1px solid #A2A2A2; vertical-align: middle; margin-right: 5px; }
  .operation .nav ul li.active { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .operation .nav ul li.active span { border-top: 1px solid #fe7600; }
  .closebtn { display: block; width: 50px; height: 50px; position: absolute; left: 250px; top: 0; background: #333; text-align: center; line-height: 50px; }
  
  .operation .lang{display: none;}
  /* banner */
  .swiper-container { margin-top: 30px; width: 100%; height: 220px; }
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { padding: 5px 10%; }
  .swiper-pagination span { width: 6px; height: 6px; border-radius: 6px; }
  /* 标题 */
  .index-tit { padding: 30px 0 15px; }
  .index-tit h2 { font-size: 18px; line-height: 18px; }
  .index-tit i { height: 1px; }
  .index-tit span.e { font-size: 12px; margin-top: 4px; }
  .about-tit { margin-top: 30px; }
  .about-tit h2 { font-size: 18px; line-height: 18px; }
  .about-tit .fl { margin-left: 10px; }
  .about-tit i { height: 1px; }
  .about-tit span.e { font-size: 12px; margin-top: 4px; }
  /* about */
  .about-info { font: 13px/20px 'Microsoft Yahei'; margin-top: 20px; padding-right: 0; }
  .about-more { width: 100px; height: 30px; line-height: 30px; display: block; margin: 15px auto 0; }
  .videoBox { display: none; }
  /* products */
  .index-product { margin-top: 30px; padding-bottom: 30px; }
  .pro-list ul { width: 100%; columns: 2; column-gap: 5px; }
  .pro-list ul li { padding-bottom: 65px; }
  .pro-info { position: absolute; bottom: 10px; }
  .pro-info:after { margin-top: 5px; }
  .pro-info .title { margin-top: 5px; }
  /* news */
  .new-list { overflow: hidden; }
  .new-list ul li { position: relative; margin-bottom: 0; }
  .new-list ul li .news-img { width: 100px; }
  .new-list ul li .news-img img { max-width: 100%; }
  .new-list ul li .news-info { padding-left: 110px; }
  .new-list ul li .news-info .title { margin-top: 0; }
  .new-list ul li .news-info .desc { margin-top: 5px; }
  .new-list ul li .news-info .date { margin-top: 5px; }
  /* language */
  #footer { margin-top: 30px; padding-top: 20px; }
  .lie:not(:first-child) { display: none; }
  .footlau { display: block; width: 100%; position: fixed; bottom: 0; background: #fff; padding: 5px 0; text-align: center; }
  .footlau a { padding: 0 30px; }
  .footlau a p { display: inline-block; line-height: 24px; }
  .copyright { padding-bottom: 35px; }
  .copyright p { line-height: 30px; }
  .copyright p.fr { display: none; } }
