@charset "UTF-8";
/* 网站样式 */
/* 继承样式 */
body, a, .text-color { color: #333; }

a:hover, .hover-maincolor:hover, a:focus, .hover-maincolor:focus, .main-color, .head-nav .navlist li a:hover, .head-nav .navlist li a.active { color: #23e69a; }

.second-color { color: #666; }

.third-color { color: #999; }

.hover-bg-maincolor:hover, .hover-bg-maincolor:focus, .white, .service-list li:hover h4 { color: #fff; }

.hover-bg-maincolor:hover, .hover-bg-maincolor:focus, .bg-maincolor, .banner.slick-slider .slick-dots li.slick-active, .banner.slick-slider .slick-arrow, .index-case-list .slick-dots li.slick-active, .details-slick.slick-slider .slick-dots li.slick-active, .details-slick.slick-slider .slick-arrow, .btn-maincolor, .bg-thirdcolor, .banner.slick-slider .slick-dots li, .index-case-list .slick-dots li, .details-slick.slick-slider .slick-dots li, .bg-black { color: #fff !important; }

.black { color: #000; }

.hover-bg-maincolor:hover, .hover-bg-maincolor:focus, .bg-maincolor, .banner.slick-slider .slick-dots li.slick-active, .banner.slick-slider .slick-arrow, .index-case-list .slick-dots li.slick-active, .details-slick.slick-slider .slick-dots li.slick-active, .details-slick.slick-slider .slick-arrow { background: #23e69a !important; }

.btn-maincolor { background: #23e69a !important; border-color: #23e69a !important; }

.bg-thirdcolor, .banner.slick-slider .slick-dots li, .index-case-list .slick-dots li, .details-slick.slick-slider .slick-dots li { background: #999 !important; }

.bg-black { background: #000 !important; }

.btn-grey, .bg-color1 { background: #ececec !important; }

.bg-color2 { background: #2c3035 !important; }

.bg-color3, .btn-page-ajax:active, .btn-page-ajax:focus { background: #e5e5e5 !important; }

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

.font-size-14 { font-size: 14px; }

a, .transition500 { -webkit-transition: all 0.5s; transition: all 0.5s; }

/*初始化*/
* { margin: 0; padding: 0; }

html, body { width: 100%; max-width: 100%; min-width: 320px; height: auto; overflow-x: hidden; }

body { min-height: 100%; background: #fff; }

a { text-decoration: none; outline: none; }
a:hover, a:focus { text-decoration: none; }

@media (min-width: 1400px) { .container { max-width: 1370px; } }
@media (min-width: 1600px) { .container { max-width: 1570px; } }

img { -o-object-fit: cover; object-fit: cover; }

/* 全局样式 */
.bdc-maincolor { border-color: #23e69a !important; }

.align:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; }

.cover { overflow: hidden; }

.bg-blue { background: #458fe2; }

.bg-orange { background: #f2982b; }

.h-100p { height: 100%; }

[hidden], .hide { display: none !important; }

.opacity50-1 { opacity: .5; }
.opacity50-1:hover { opacity: 1; }

@media (min-width: 1200px) { .container { max-width: 1200px; } }
body { padding-top: 162px; }
@media (max-width: 575px) { body { padding-top: 103px; } }

/* 头部 */
.head { left: 0; top: 0; z-index: 99; }

.head-top-right { color: #fef05b; }

.head-nav .navlist li { position: relative; }
.head-nav .navlist li a { color: #323232; }
.head-nav .navlist li a:hover .active-img { -webkit-transform: translateX(-50%) rotate(360deg); transform: translateX(-50%) rotate(360deg); }
.head-nav .navlist li .active-img { top: 120%; left: 50%; -webkit-transform: translateX(-50%) rotate(0deg); transform: translateX(-50%) rotate(0deg); }
@media (max-width: 575px) { .head-nav #navbarNav { position: absolute; left: 0; top: 99%; border-top: 1px solid #e5e5e5; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
  .head-nav .navlist li .active-img { height: 15px; position: relative !important; left: 0; top: -2px; } }

/* 轮播图 */
.banner { height: 800px; }
.banner.slick-slider { /* overflow: hidden; */ background: #eee; position: relative; }
.banner.slick-slider:hover .slick-arrow { display: block !important; }
.banner.slick-slider .slick-list { height: 100%; }
.banner.slick-slider .slick-track, .banner.slick-slider .slick-slide { height: 100%; }
.banner.slick-slider .slick-track:focus, .banner.slick-slider .slick-slide:focus { outline: none !important; }
.banner.slick-slider .slick-slide { overflow: hidden; position: relative; }
.banner.slick-slider .slick-slide > div { height: 100%; }
.banner.slick-slider .slick-dots { bottom: 10px; }
.banner.slick-slider .slick-dots li { border-radius: 100%; border: 2px solid #f5f5f5; }
.banner.slick-slider .slick-dots li:before, .banner.slick-slider .slick-dots li:after { content: none; }
.banner.slick-slider .slick-dots li button { display: none; }
@media (max-width: 991px) { .banner.slick-slider .slick-dots li { width: 10px; height: 10px; } }
.banner.slick-slider .slick-arrow { width: 50px; height: 50px; display: none !important; text-align: center; font-size: 3rem; color: #fff; z-index: 2; }
.banner.slick-slider .slick-arrow:before { content: none; }
.banner.slick-slider .slick-arrow.slick-prev { left: 0; }
.banner.slick-slider .slick-arrow.slick-next { right: 0; }
.banner.slick-slider .slick-arrow i { line-height: 50px; }
.banner .slick-slides:not(:first-child) { display: none; }
.banner .slick-slides img { position: absolute; left: 50%; top: 0; width: 1920px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media (max-width: 991px) { .banner { height: 413px; }
  .banner .slick-slides img { width: 991px; } }
@media (max-width: 767px) { .banner { height: 319px; }
  .banner .slick-slides img { width: 767px; } }
@media (max-width: 449px) { .banner { height: 187px; }
  .banner .slick-slides img { width: 449px; } }

/* 底部菜单 */
.foot-nav-title hr { width: 50px; border-width: 2px; border-color: #333; }

@media (max-width: 449px) { .foot-tel { font-size: 1.25rem; } }

/* 返回顶部 */
.gotop { right: 20px; bottom: 20px; z-index: 99; outline: none !important; }

.common-title h1, .common-title h2 { font-size: 36px; }
@media (max-width: 767px) { .common-title h1, .common-title h2 { font-size: 30px; } }

/* 首页区块标题 */
.index-body-title p { text-indent: 2rem; letter-spacing: 2rem; }
@media (max-width: 767px) { .index-body-title p { text-indent: 1rem; letter-spacing: 1rem; } }

/* 首页服务区块 */
@media (min-width: 992px) { .index-service { margin-top: -225px; } }

.index-service-list li { margin-bottom: 2rem; }
@media (max-width: 991px) { .index-service-list li { margin-bottom: 1rem; } }

/* 首页案例 */
@media (min-width: 1600px) { .index-case-wrapper .container { width: 1600px; } }

.index-case-tile { bottom: 0; z-index: 1; }
@media (max-width: 767px) { .index-case-tile { background: none !important; position: static !important; } }

.index-case-item .title { width: 100px; height: 100px; line-height: 100px; border-color: #999 !important; }
.index-case-item .title span { line-height: 90px; }

@media (min-width: 768px) { .index-case-list { padding-bottom: 110px; } }
.index-case-list.slick-slider .slick-arrow { bottom: 25px; }
.index-case-list.slick-slider .slick-arrow.slick-arrow-prev { right: 100px; }
.index-case-list.slick-slider .slick-arrow.slick-arrow-next { right: 0; }
.index-case-list .slick-slides { display: block !important; }
.index-case-list .slick-slides:not(:first-child) { display: none !important; }
.index-case-list .slick-dots { bottom: 10px; }
.index-case-list .slick-dots li { border-radius: 100%; border: 2px solid #f5f5f5; }
.index-case-list .slick-dots li:before, .index-case-list .slick-dots li:after { content: none; }
.index-case-list .slick-dots li button { display: none; }
@media (max-width: 991px) { .index-case-list .slick-dots li { width: 10px; height: 10px; } }

/* 首页案例流程 */
.index-service-process-list li a { border-color: #999 !important; top: 0; }
.index-service-process-list li:hover a { border-color: #23e69a !important; top: -30px; }
.index-service-process-list li:hover .img1 { display: none; }
.index-service-process-list li:hover .img2 { display: inline-block; }
.index-service-process-list li .img2 { display: none; }
.index-service-process-list li h4 { width: 30px; word-wrap: break-word; }

/* 首页联系我们 */
.index-contact { margin-top: 80px; }

.index-contact-body iframe { left: 0; top: 0; }
@media (max-width: 767px) { .index-contact-body iframe { position: static !important; } }

@media (max-width: 991px) { .index-contact-content { background: rgba(255, 255, 255, 0.7) !important; }
  .index-contact-content .form-control { background: rgba(255, 255, 255, 0.7); } }
.index-contact-content .form-group .form-control { border: none; border-bottom: 1px solid #e5e5e5; }

@media (max-width: 767px) { .subnav-list, .details-content { font-size: 16px; } }

/* 新闻列表 */
.news-list li { height: 190px; }
.news-list li:nth-child(3n+2), .news-list li:nth-child(3n+3) { border-left: 1px solid #999; }
.news-list li p { line-height: 1.2; }
.news-list li .btn { border-color: #999; }
.news-list li .btn:hover { border-color: #23e69a; }
@media (max-width: 991px) { .news-list li { height: 220px; } }
@media (max-width: 767px) { .news-list li { height: 230px; border-left: none !important; }
  .news-list li:nth-child(2n) { border-left: 1px solid #999 !important; } }

.details-content video, .details-content iframe, .details-content img { max-width: 100%; }
.details-content img { height: auto !important; }
.details-content p { line-height: 1.8; margin-bottom: .5rem; }

/* 联系我们 */
.contact-us-wrapper .contact-mask, .contact-us-wrapper iframe { left: 0; top: 0; }
.contact-us-wrapper .contact-mask { background: rgba(0, 0, 0, 0.5); z-index: 1; }
@media (max-width: 767px) { .contact-us-wrapper iframe { position: static !important; }
  .contact-us-wrapper .contact-mask { display: none; } }

.contact-us { z-index: 2; }

.contact-form .form-group { border-bottom: 1px solid #999; }
.contact-form .form-group .form-control { border: none; }

.contact-methods { background: #1fcb73; }

/* 加入我们 */
.join-us-list li:not(.title) { border: 1px solid #e5e5e5; border-top: none; }
.join-us-list li:not(.title) .control.rotate90 img { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.join-us-list li:not(.title) .control img { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.join-us-list li:not(.title) .details { border-top: 1px solid #e5e5e5; }
.join-us-list li:not(.title) .details p { margin-bottom: .5rem; }
.join-us-list li:not(.title).info > div:not(:first-child) { border-left: 1px solid #e5e5e5; }
@media (max-width: 767px) { .join-us-list li:not(.title).info > div { border: none !important; }
  .join-us-list li:not(.title).info > div p { font-size: 18px; } }

/* 服务项目 */
.service-list li:not(:nth-child(1)), .service-list li:not(:nth-child(1)) { border-top: 1px solid  #bfbfbf; }
.service-list li:nth-child(2n+1) { border-right: 1px solid  #bfbfbf; }
.service-list li:hover .view { opacity: 1; }
.service-list li:hover div { background: rgba(0, 0, 0, 0.5); }
.service-list li:hover span { display: block; }
.service-list li .view { opacity: 0; }
.service-list li div { left: 0; top: 0; }
.service-list li h4 { font-size: 48px; }
.service-list li span { display: none; right: 20px; bottom: 20px; }
.service-list li span img { top: -3px; }
@media (max-width: 991px) { .service-list li .view { opacity: 1; }
  .service-list li div { background: rgba(0, 0, 0, 0.5); }
  .service-list li h4 { font-size: 36px; color: #fff; }
  .service-list li span { display: block; font-size: 16px; }
  .service-list li span img { width: 30px; } }
@media (max-width: 767px) { .service-list li h4 { font-size: 24px; }
  .service-list li span { font-size: 14px; right: 10px; bottom: 10px; }
  .service-list li span img { width: 20px; top: -1px; } }

/* 案例列表 */
@media (min-width: 1200px) { .case-list { margin: 0 -2px; }
  .case-list li { width: 20%; padding: 0 2px; } }

/* 公司文化 */
.corporate-culture-list li > div { top: 0; }
.corporate-culture-list li:hover .img1 { display: none; }
.corporate-culture-list li:hover .img2 { display: inline-block; }
.corporate-culture-list li .img2 { display: none; }
.corporate-culture-list li p { line-height: 1.8; }
@media (min-width: 768px) { .corporate-culture-list li:hover > div { top: -60px; }
  .corporate-culture-list li > div { height: 500px; } }

/* 工厂图片 */
.factory-list li:nth-child(2n) img { float: right; }
.factory-list li img { width: 150%; height: 100%; }

/* 案例详情图片 */
.details-slick.slick-slider { background: #eee; position: relative; }
.details-slick.slick-slider:hover .slick-arrow { display: block !important; }
.details-slick.slick-slider .slick-track:focus, .details-slick.slick-slider .slick-slide:focus { outline: none !important; }
.details-slick.slick-slider .slick-dots { bottom: 10px; }
.details-slick.slick-slider .slick-dots li { width: 15px; height: 15px; border-radius: 100%; border: 2px solid #f5f5f5; }
.details-slick.slick-slider .slick-dots li:before, .details-slick.slick-slider .slick-dots li:after { content: none; }
.details-slick.slick-slider .slick-dots li button { display: none; }
@media (max-width: 991px) { .details-slick.slick-slider .slick-dots li { width: 10px; height: 10px; } }
.details-slick.slick-slider .slick-arrow { width: 50px; height: 50px; display: none !important; text-align: center; font-size: 3rem; color: #fff; z-index: 2; }
.details-slick.slick-slider .slick-arrow:before { content: none; }
.details-slick.slick-slider .slick-arrow.slick-prev { left: 0; }
.details-slick.slick-slider .slick-arrow.slick-next { right: 0; }
.details-slick.slick-slider .slick-arrow i { line-height: 50px; }
.details-slick .slick-slides:not(:first-child) { display: none; }

/*# sourceMappingURL=style.css.map */