@charset "UTF-8";
/* transition @include transition(all 0.3s); */
/* transform @include transform(translate(-50%, -50%)); */
/* box-sizing @include box-sizing(); */
/* display: flex; @include displayFlex(); */
/*	 垂直居中  align-items: center; @include align-items(center); */
/* 水平居中  justify-content: center; @include justify-content(center); */
/* flex: 1; @include flex1(); */
/* 换行  flex-wrap: wrap; @include flex-wrap(wrap); */
/* 排列方向 (默认从左到右) flex-direction: row; 从左到右 @include flex-direction(row, normal); 从右到左 @include flex-direction(row-reverse, reverse); */
@media only all and (max-width: 768px) { .content { margin-top: 60px; } }

.content .banner { width: 100%; position: relative; }

.content .banner video { width: 100%; vertical-align: top; }

.content .banner .phone-banner { width: 100%; display: none; }

.content .banner .banner-info { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.1); text-align: center; padding-left: 50px; padding-right: 50px; }

.content .banner .banner-info .info .banner-img { max-width: 400px; }

@media only all and (max-width: 1600px) { .content .banner .banner-info .info .banner-img { max-width: 300px; } }

@media only all and (max-width: 414px) { .content .banner .banner-info .info .banner-img { max-width: 150px; } }

.content .banner .banner-info .info .text { font-size: 68px; color: #fff; font-family: 'Oswald-DemiBold'; }

@media only all and (max-width: 1600px) { .content .banner .banner-info .info .text { font-size: 30px; padding-top: 5px; padding-bottom: 5px; } }

@media only all and (max-width: 414px) { .content .banner .banner-info .info .text { font-size: 20px; } }

.content .banner .banner-info .info .play-video { width: 150px; height: 50px; border-radius: 25px; margin-top: 10px; background-color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

@media only all and (max-width: 1600px) { .content .banner .banner-info .info .play-video { height: 45px; } }

@media only all and (max-width: 414px) { .content .banner .banner-info .info .play-video { height: 40px; width: 120px; } }

.content .banner .banner-info .info .play-video .iconfont { color: #333333; display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

@media only all and (max-width: 414px) { .content .banner .banner-info .info .play-video .iconfont { font-size: 14px; } }

.content .banner .banner-info .info .play-video span { color: #333333; font-weight: bold; display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; font-size: 14px; }

@media only all and (max-width: 414px) { .content .banner .banner-info .info .play-video span { font-size: 12px; } }

.content .banner .banner-info .info .play-video:hover { background-color: #58abe0; }

.content .banner .banner-info .info .play-video:hover .iconfont { color: #fff; }

.content .banner .banner-info .info .play-video:hover span { color: #fff; }

.content .banner .mouse { text-align: center; position: absolute; bottom: 10px; cursor: pointer; width: 24px; left: 50%; margin-left: -12px; }

@media only all and (max-width: 414px) { .content .banner .mouse { display: none; } }

.content .banner .mouse .arrow-move { margin-top: 10px; display: inline-block; }

.content .banner .mouse .arrow-move .move { -webkit-animation-name: move; animation-name: move; position: relative; margin-bottom: 0px; display: block; font-size: 12px; margin-top: -5px; color: #fff; }

.content .video { position: relative; z-index: 21; display: none; }

.content .video .shadow { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); }

.content .video .video-parent { width: 50%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

@media only all and (max-width: 768px) { .content .video .video-parent { width: 90%; } }

.content .video .video-parent video { width: 100%; }

.content .video .video-parent .iconfont { color: #fff; font-size: 30px; position: absolute; right: -3px; top: -40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

.content .video .video-parent .iconfont:hover { opacity: 0.8; }

.content .product-serve { background-color: #f0f0f0; text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 84px; padding-bottom: 84px; }

@media only all and (max-width: 1600px) { .content .product-serve { padding-top: 60px; padding-bottom: 50px; } }

.content .product-serve h2 { font-size: 48px; line-height: 1.4; color: #58abe0; }

@media only all and (max-width: 1600px) { .content .product-serve h2 { font-size: 24px; } }

.content .product-serve .small-text { font-size: 20px; line-height: 1.4; color: #999999; margin-top: 10px; }

@media only all and (max-width: 1600px) { .content .product-serve .small-text { font-size: 16px; } }

.content .commit-tit { text-align: center; }

.content .commit-tit h3 { font-size: 36px; line-height: 1.4; font-family: 'Oswald-DemiBold'; }

@media only all and (max-width: 1600px) { .content .commit-tit h3 { font-size: 20px; } }

.content .commit-tit .small-text { font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; }

.content .construction { padding-top: 100px; padding-bottom: 100px; width: 1160px; margin: 0 auto; }

@media only all and (max-width: 1600px) { .content .construction { width: 1000px; padding-top: 50px; padding-bottom: 50px; } }

@media only all and (max-width: 1024px) { .content .construction { width: 100%; padding-left: 10px; padding-right: 10px; } }

.content .construction .construction-con { text-align: center; margin-top: 85px; position: relative; }

@media only all and (max-width: 768px) { .content .construction .construction-con { margin-top: 50px; } }

.content .construction .construction-con .construction-left { position: absolute; text-align: left; top: 35%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 24%; }

@media only all and (max-width: 768px) { .content .construction .construction-con .construction-left { position: relative; width: 200px; margin: 0 auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.content .construction .construction-con .construction-left .con { font-size: 14px; line-height: 24px; }

.content .construction .construction-con .construction-left .con .big { font-size: 24px; }

@media only all and (max-width: 1600px) { .content .construction .construction-con .construction-left .con .big { font-size: 18px; } }

.content .construction .construction-con .construction-left .con hr { width: 20px; height: 2px; background-color: #58abe0; }

.content .construction .construction-con .construction-right { position: absolute; top: 35%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; text-align: right; width: 24%; }

@media only all and (max-width: 768px) { .content .construction .construction-con .construction-right { position: relative; width: 200px; margin: 0 auto; text-align: left; margin-top: 20px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.content .construction .construction-con .construction-right .con { font-size: 14px; }

.content .construction .construction-con .construction-right .con .big { font-size: 50px; font-weight: bold; display: inline-block; color: #58abe0; }

@media only all and (max-width: 1600px) { .content .construction .construction-con .construction-right .con .big { font-size: 24px; } }

.content .thym { background-color: #f2f2f2; }

.content .thym .thym-con { width: 1170px; margin: 0 auto; padding-top: 74px; padding-bottom: 60px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media only all and (max-width: 1600px) { .content .thym .thym-con { width: 1000px; padding-top: 50px; padding-bottom: 50px; } }

@media only all and (max-width: 1024px) { .content .thym .thym-con { width: 100%; padding-left: 10px; padding-right: 10px; } }

.content .thym .thym-con .img-parent { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 44%; }

@media only all and (max-width: 768px) { .content .thym .thym-con .img-parent { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 100%; text-align: center; } }

.content .thym .thym-con .introduct { width: 32%; }

@media only all and (max-width: 768px) { .content .thym .thym-con .introduct { width: 100%; } }

.content .thym .thym-con .introduct .commit-tit { text-align: left; }

.content .thym .thym-con .introduct .commit-tit h3 { font-size: 30px; }

@media only all and (max-width: 1600px) { .content .thym .thym-con .introduct .commit-tit h3 { font-size: 18px; } }

.content .thym .thym-con .introduct .commit-tit .small-text { font-size: 16px; }

@media only all and (max-width: 1600px) { .content .thym .thym-con .introduct .commit-tit .small-text { font-size: 14px; } }

.content .thym .thym-con .introduct .text { font-size: 14px; line-height: 24px; color: #666; margin-top: 25px; text-align: justify; }

.content .thym .thym-con .introduct .text h5 { font-size: 16px; margin-bottom: 10px; line-height: 1.5; color: #333; }

.content .hoc { width: 1200px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 100px; padding-bottom: 60px; }

@media only all and (max-width: 1600px) { .content .hoc { width: 1000px; padding-top: 60px; } }

@media only all and (max-width: 1024px) { .content .hoc { width: 100%; padding-left: 10px; padding-right: 10px; } }

.content .hoc .introduct { width: 37%; }

@media only all and (max-width: 1600px) { .content .hoc .introduct { width: 40%; } }

@media only all and (max-width: 768px) { .content .hoc .introduct { width: 100%; } }

.content .hoc .introduct .commit-tit { text-align: left; }

.content .hoc .introduct .commit-tit h3 { font-size: 30px; }

@media only all and (max-width: 1600px) { .content .hoc .introduct .commit-tit h3 { font-size: 18px; } }

.content .hoc .introduct .commit-tit .small-text { font-size: 16px; }

@media only all and (max-width: 1600px) { .content .hoc .introduct .commit-tit .small-text { font-size: 14px; } }

.content .hoc .introduct .text { font-size: 14px; line-height: 24px; color: #666; margin-top: 25px; text-align: justify; }

.content .hoc .introduct .text h5 { font-size: 16px; margin-bottom: 10px; line-height: 1.5; color: #333; }

.content .hoc .img-parent { width: 41%; }

@media only all and (max-width: 768px) { .content .hoc .img-parent { width: 100%; margin-top: 20px; text-align: center; } }

.content .equipment { padding-top: 90px; padding-bottom: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; }

@media only all and (max-width: 1600px) { .content .equipment { padding-top: 60px; } }

.content .equipment .tab { margin-top: 57px; }

@media only all and (max-width: 1600px) { .content .equipment .tab { margin-top: 40px; } }

.content .equipment .tab .tab-tit { text-align: center; font-size: 0; }

.content .equipment .tab .tab-tit .item { display: inline-block; vertical-align: top; line-height: 50px; text-align: center; padding-left: 50px; padding-right: 50px; border-radius: 25px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; color: #333; margin-right: 15px; font-size: 16px; font-family: 'Oswald-DemiBold'; }

@media only all and (max-width: 1600px) { .content .equipment .tab .tab-tit .item { font-size: 15px; line-height: 40px; text-align: center; padding-left: 30px; padding-right: 30px; border-radius: 20px; } }

@media only all and (max-width: 1024px) { .content .equipment .tab .tab-tit .item { margin-bottom: 10px; } }

@media only all and (max-width: 414px) { .content .equipment .tab .tab-tit .item { display: block; margin: 0; margin: 0 auto; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; line-height: 24px; padding-top: 10px; padding-bottom: 10px; } }

.content .equipment .tab .tab-tit .item:last-child { margin-right: 0; }

@media only all and (max-width: 414px) { .content .equipment .tab .tab-tit .item:last-child { margin: 0; margin: 0 auto; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } }

.content .equipment .tab .tab-tit .item:hover { color: #fff; background-color: #58abe0; }

.content .equipment .tab .tab-tit .item.active { color: #fff; background-color: #58abe0; }

.content .equipment .tab .tab-con1 { width: 1140px; margin: 0 auto; margin-top: 133px; padding-bottom: 76px; position: relative; }

@media only all and (max-width: 1600px) { .content .equipment .tab .tab-con1 { width: 1000px; margin-top: 50px; padding-bottom: 50px; } }

@media only all and (max-width: 1024px) { .content .equipment .tab .tab-con1 { width: 100%; padding-left: 10px; padding-right: 10px; } }

.content .equipment .tab .tab-con1 .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.content .equipment .tab .tab-con1 .item .img { width: 42%; text-align: center; display: none; }

@media only all and (max-width: 768px) { .content .equipment .tab .tab-con1 .item .img { width: 100%; } }

.content .equipment .tab .tab-con1 .item .img.active { display: block; }

@media only all and (max-width: 414px) { .content .equipment .tab .tab-con1 .item .img img { max-height: 250px; } }

.content .equipment .tab .tab-con1 .item .swiper-container-item { width: 38%; margin-right: 0; display: none; }

@media only all and (max-width: 768px) { .content .equipment .tab .tab-con1 .item .swiper-container-item { width: 100%; margin-top: 20px; } }

.content .equipment .tab .tab-con1 .item .swiper-container-item.active { display: block; }

.content .equipment .tab .tab-con1 .item .swiper-container-item .swiper-slide .tit { font-size: 30px; line-height: 1.3; }

@media only all and (max-width: 1600px) { .content .equipment .tab .tab-con1 .item .swiper-container-item .swiper-slide .tit { font-size: 15px; } }

.content .equipment .tab .tab-con1 .item .swiper-container-item .swiper-slide .tit .italic { font-style: italic; color: #58abe0; font-weight: bold; margin-right: 5px; font-size: 36px; vertical-align: -1px; }

@media only all and (max-width: 1600px) { .content .equipment .tab .tab-con1 .item .swiper-container-item .swiper-slide .tit .italic { font-size: 18px; } }

.content .equipment .tab .tab-con1 .item .swiper-container-item .swiper-slide .con { margin-top: 25px; text-align: justify; }

.content .equipment .tab .tab-con1 .item .swiper-container-item .swiper-slide .con .list { font-size: 14px; line-height: 24px; color: #666; position: relative; padding-left: 10px; }

.content .equipment .tab .tab-con1 .item .swiper-container-item .swiper-slide .con .list:before { position: absolute; content: ""; width: 2px; height: 2px; background-color: #666; left: 0; top: 11px; }

.content .equipment .tab .tab-con1 .item .swiper-pagination { position: absolute; left: 20%; bottom: 0; display: none; }

@media only all and (max-width: 768px) { .content .equipment .tab .tab-con1 .item .swiper-pagination { left: 10px; } }

.content .equipment .tab .tab-con1 .item .swiper-pagination.active { display: block; }

.content .equipment .tab .tab-con1 .item .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: transparent; border: 2px solid #9d9d9d; opacity: 1; margin-right: 8px; }

.content .equipment .tab .tab-con1 .item .swiper-pagination .swiper-pagination-bullet-active { background-color: #58abe0; border-color: #58abe0; }

.content .machine { padding-top: 140px; padding-bottom: 160px; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; }

@media only all and (max-width: 1600px) { .content .machine { padding-top: 60px; padding-bottom: 60px; } }

@media only all and (max-width: 768px) { .content .machine { padding-left: 10px; padding-right: 10px; } }

.content .machine .tit { font-size: 16px; font-family: 'Oswald-DemiBold'; }

@media only all and (max-width: 1600px) { .content .machine .tit { font-size: 15px; } }

.content .machine .tit .italic { font-style: italic; color: #58abe0; font-weight: bold; margin-right: 5px; font-size: 18px; }

@media only all and (max-width: 1600px) { .content .machine .tit .italic { font-size: 17px; } }

.content .machine .icons { margin-top: 75px; }

@media only all and (max-width: 1600px) { .content .machine .icons { margin-top: 50px; } }

@media only all and (max-width: 414px) { .content .machine .icons { text-align: left; font-size: 0; } }

.content .machine .icons .item { display: inline-block; vertical-align: top; width: 140px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

@media only all and (max-width: 1024px) { .content .machine .icons .item { width: 100px; } }

@media only all and (max-width: 414px) { .content .machine .icons .item { width: 33.3%; margin-bottom: 15px; text-align: center; } }

.content .machine .icons .item .text { font-size: 14px; line-height: 30px; margin-top: 22px; }

@media only all and (max-width: 1024px) { .content .machine .icons .item .text { line-height: 22px; } }

.content .machine .icons .item:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

.content .machine .img-parent { max-width: 886px; margin: 0 auto; margin-top: 60px; }

@media only all and (max-width: 1600px) { .content .machine .img-parent { margin-top: 50px; } }

@media only all and (max-width: 1024px) { .content .machine .img-parent { max-width: 780px; } }

@media only all and (max-width: 414px) { .content .machine .img-parent { margin-top: 30px; } }

.content .equipment2 { padding-top: 130px; padding-bottom: 80px; }

@media only all and (max-width: 1600px) { .content .equipment2 { padding-top: 60px; padding-bottom: 60px; } }

.content .equipment2 .tab .tab-con2 .item { width: 1400px; margin: 0 auto; margin-top: 110px; }

@media only all and (max-width: 1600px) { .content .equipment2 .tab .tab-con2 .item { width: 1000px; margin-top: 50px; } }

@media only all and (max-width: 1024px) { .content .equipment2 .tab .tab-con2 .item { padding-left: 10px; padding-right: 10px; width: 100%; } }

.content .equipment2 .tab .tab-con2 .item .swiper-container-itemss { display: none; }

.content .equipment2 .tab .tab-con2 .item .swiper-container-itemss.active { display: block; }

.content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-slide { text-align: center; }

.content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-slide .img { max-width: 77%; }

@media only all and (max-width: 1600px) { .content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-slide .img { max-width: 60%; } }

@media only all and (max-width: 414px) { .content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-slide .img { max-height: 200px; max-width: 75%; } }

.content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-button-prevss { width: 60px; height: 60px; background-color: #fff; border-radius: 50%; background-image: url("../img/index/left-arrow.png"); background-size: 9px 15px; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 2; }

@media only all and (max-width: 1600px) { .content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-button-prevss { width: 45px; height: 45px; } }

.content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-button-prevss:hover { background-color: #58abe0; background-image: url("../img/index/left-arrow-hover.png"); }

.content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-button-nextss { width: 60px; height: 60px; background-color: #fff; border-radius: 50%; background-image: url("../img/index/right-arrow.png"); background-size: 9px 15px; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 2; }

@media only all and (max-width: 1600px) { .content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-button-nextss { width: 45px; height: 45px; } }

.content .equipment2 .tab .tab-con2 .item .swiper-container-itemss .swiper-button-nextss:hover { background-color: #58abe0; background-image: url("../img/index/right-arrow-hover.png"); }

.content .equipment2 .tab .tab-con2 .item .introduct { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 91%; margin: 0 auto; margin-top: 50px; display: none; }

@media only all and (max-width: 414px) { .content .equipment2 .tab .tab-con2 .item .introduct { width: 100%; } }

.content .equipment2 .tab .tab-con2 .item .introduct.active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.content .equipment2 .tab .tab-con2 .item .introduct .introduct-item { width: 22.8%; height: 100px; text-align: center; border-top: 2px solid #b1dcf2; background-color: #eef6fc; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

@media only all and (max-width: 1600px) { .content .equipment2 .tab .tab-con2 .item .introduct .introduct-item { height: 140px; } }

@media only all and (max-width: 414px) { .content .equipment2 .tab .tab-con2 .item .introduct .introduct-item { width: 48.5%; margin-bottom: 10px; } }

.content .equipment2 .tab .tab-con2 .item .introduct .introduct-item .introduct-item-con .text1 { font-size: 14px; line-height: 24px; }

@media only all and (max-width: 1600px) { .content .equipment2 .tab .tab-con2 .item .introduct .introduct-item .introduct-item-con .text1 { line-height: 24px; } }

.content .equipment2 .tab .tab-con2 .item .introduct .introduct-item .introduct-item-con .text2 { font-size: 20px; line-height: 30px; color: #58abe0; }

@media only all and (max-width: 1600px) { .content .equipment2 .tab .tab-con2 .item .introduct .introduct-item .introduct-item-con .text2 { font-size: 18px; line-height: 24px; } }

.content .equipment2 .tab .tab-con2 .item .introduct .introduct-item:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

.content .advantage { width: 1400px; margin: 0 auto; padding-top: 150px; padding-bottom: 150px; }

@media only all and (max-width: 1600px) { .content .advantage { padding-top: 60px; padding-bottom: 60px; width: 1000px; } }

@media only all and (max-width: 1024px) { .content .advantage { padding-left: 10px; padding-right: 10px; width: 100%; } }

.content .advantage .commit-tit h3 { color: #58abe0; font-size: 48px; }

@media only all and (max-width: 1600px) { .content .advantage .commit-tit h3 { font-size: 24px; } }

.content .advantage .commit-tit .small-text { color: #999999; font-size: 20px; }

@media only all and (max-width: 1600px) { .content .advantage .commit-tit .small-text { font-size: 16px; } }

.content .advantage .advantage-con { margin-top: 55px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.content .advantage .advantage-con .advantage-left { width: 66.7%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media only all and (max-width: 414px) { .content .advantage .advantage-con .advantage-left { width: 100%; } }

.content .advantage .advantage-con .advantage-right { width: 33.3%; }

@media only all and (max-width: 414px) { .content .advantage .advantage-con .advantage-right { width: 100%; }
  .content .advantage .advantage-con .advantage-right .item { height: 185px; } }

@media only all and (max-width: 414px) and (max-width: 375px) { .content .advantage .advantage-con .advantage-right .item { height: 167px; } }

.content .advantage .advantage-con .item { position: relative; display: inline-block; vertical-align: top; overflow: hidden; }

.content .advantage .advantage-con .item.width50 { width: 50%; }

.content .advantage .advantage-con .item .img { width: 100%; }

.content .advantage .advantage-con .item .item-con { position: absolute; left: 39px; bottom: 0; }

@media only all and (max-width: 414px) { .content .advantage .advantage-con .item .item-con { left: 10px; } }

.content .advantage .advantage-con .item .item-con .icon { max-width: 57px; }

@media only all and (max-width: 1600px) { .content .advantage .advantage-con .item .item-con .icon { max-width: 40px; } }

.content .advantage .advantage-con .item .item-con .text1 { font-size: 22px; line-height: 44px; color: #fff; margin-top: 10px; margin-bottom: 15px; font-family: 'Oswald-DemiBold'; }

@media only all and (max-width: 1600px) { .content .advantage .advantage-con .item .item-con .text1 { font-size: 16px; line-height: 22px; margin-bottom: 10px; } }

.content .advantage .advantage-con .item .item-con .text2 { font-size: 14px; line-height: 24px; color: #fff; padding-bottom: 32px; display: none; }

@media only all and (max-width: 1600px) { .content .advantage .advantage-con .item .item-con .text2 { padding-bottom: 20px; line-height: 22px; } }

.content .about .about-tit { background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; padding-top: 140px; padding-bottom: 138px; position: relative; }

@media only all and (max-width: 1600px) { .content .about .about-tit { padding-top: 110px; padding-bottom: 90px; } }

@media only all and (max-width: 414px) { .content .about .about-tit { padding-top: 60px; padding-bottom: 50px; } }

.content .about .about-tit .commit-tit { color: #fff; }

.content .about .about-tit .commit-tit h3 { font-size: 48px; }

@media only all and (max-width: 1600px) { .content .about .about-tit .commit-tit h3 { font-size: 24px; } }

.content .about .about-tit .commit-tit .small-text { color: #fff; font-size: 20px; }

@media only all and (max-width: 1600px) { .content .about .about-tit .commit-tit .small-text { font-size: 16px; } }

.content .about .about-tit:before { position: absolute; content: ""; width: 1px; height: 100px; background-color: #fff; left: 50%; bottom: -60px; }

.content .about .about-con { background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 135px; padding-bottom: 170px; position: relative; }

@media only all and (max-width: 1600px) { .content .about .about-con { padding-top: 100px; padding-bottom: 100px; } }

@media only all and (max-width: 414px) { .content .about .about-con { padding-top: 50px; padding-bottom: 50px; } }

.content .about .about-con .con { margin: 0 auto; width: 660px; }

@media only all and (max-width: 1024px) { .content .about .about-con .con { width: 100%; padding-left: 10px; padding-right: 10px; } }

.content .about .about-con .con .text-tit { font-size: 20px; line-height: 30px; }

@media only all and (max-width: 1600px) { .content .about .about-con .con .text-tit { font-size: 16px; } }

.content .about .about-con .con .text-con { font-size: 14px; line-height: 30px; color: #666; margin-top: 28px; text-align: justify; }

.content .equipment2-1 .tab .tab-con2 .item .introduct .introduct-item { border-top: none; border-right: 1px solid rgba(0, 140, 214, 0.1); background: transparent; }

.content .equipment2-1 .tab .tab-con2 .item .introduct .introduct-item:first-child { border-left: 1px solid rgba(0, 140, 214, 0.1); }

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