body,html {font-size: 16px;background-color: #fff}
body {overflow-x: hidden;min-width: 320px}
.hide {display: none}
.show {display: block}
body .bdshare-button-style0-16 a,body .bdshare-button-style0-16 .bds_more {float: none;margin: 0;padding-left: 0;background-image: inherit}
.bd_weixin_popup {height: 320px !important}
.fl {float: left}
.fr {float: right}
.ovh {overflow: hidden}
.relative {position: relative}
.absolute {position: absolute}
.lazy {/* background: url(../images/loading.gif) no-repeat center center; *//* background-size: 24px; */}
.lazy.insert {position: absolute;z-index: -1;top: 50%;left: 50%;width: 24px;height: 24px;margin-top: -12px;margin-left: -12px}
.opa {opacity: 0;visibility: hidden}
.anchorBL {display: none}
.clearfr:after {display: block;float: none;clear: both;content: ''}
.no-pointer {pointer-events: none}
.slick-dots {font-size: 0}
.slick-dots li,.slick-dots button {display: inline-block;vertical-align: middle}
.slick-dots li {margin: 0 5px}
.slick-dots button {width: 10px;height: 10px;padding: 0;text-indent: -9999999999999999px;border: none;border-radius: 100%;outline: none;background-color: #999;-moz-transition: background .3s;-o-transition: background .3s;-webkit-transition: background .3s;transition: background .3s}
.slick-dots .slick-active button {background-color: #333333}
.error-404 {margin: 200px 0;text-align: center}
.error-404 h3 {font-size: 32px;line-height: 1.8;color: #333333}
.error-404 p {font-size: 18px;line-height: 1.6;color: #333333}
.w1600 {max-width: 1400px;margin-right: auto;margin-left: auto}
.w900 {max-width: 900px;margin-right: auto;margin-left: auto}
.wrap {padding-top: 100px;position: relative;z-index: 10}
@media (max-width: 1459px) {.wrap {padding-top: 82px;}
}
.text-align {text-align: center}
.paragraph h3 {font-size: 22px;line-height: 1.6;margin-bottom: 36px;color: #333333}
.paragraph h4 {font-size: 16px;line-height: 1.8;margin-bottom: 20px;color: #333333}
.paragraph p {font-size: 16px;line-height: 2;letter-spacing: .6px;color: #333}
.paragraph h3,.paragraph h4,.paragraph p {word-break: break-all}
.paragraph img {width: auto !important;max-width: 100%;height: auto !important}
.page-intro__full {text-align: center;}
.page-intro__full h3 {font: 16px "Montserrat Light";margin-bottom: 26px;color: #333333}
.page-intro__full h4 {font-size: 40px;margin-bottom: 20px;color: #333}
.page-intro__full .inner {position: relative;width:100%;}

.paragraph{ padding:0% 2%; text-align:left}
.paragraph-dec {display: inline-block;padding: 22px 72px 30px 72px}
.paragraph-dec:before,.paragraph-dec:after {font: 80px "Montserrat Bold";position: absolute;display: block;opacity: .1;color: #333333}
.paragraph-dec:before {line-height: 40px;top: 16px;left: 0;content: '“'}
.paragraph-dec:after {line-height: 0;right: 0;bottom: 0;content: '”'}
.sec-padding__val {padding: 120px 0}
.link-btn {font-size: 0;display: inline-block}
.link-btn span,.link-btn p {position: relative;display: inline-block;vertical-align: middle}
.link-btn span {width: 34px;height: 34px;border-radius: 50%}
.link-btn i {font-size: 30px;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.link-btn p {font: 16px "microsoft yahei";margin-left: 10px;}
.down-btn span i {font-size: 18px;font-weight: 700}
.white-btn span {background-color: #fff}
.white-btn span i {color: #333333}
.white-btn p {color: #fff}
.white-btn p:after {background-color: #fff}
.blue-btn span {background-color: #333333}
.blue-btn span i {color: #fff}
.blue-btn p {color: #333333}
.blue-btn p:after {background-color: #333333}
.list-navigation {font-size: 0;text-align: center}
.list-navigation a {display: inline-block;margin: 0 6px;vertical-align: middle}
.list-navigation .prev-page {margin-right: 16px}
.list-navigation .next-page {margin-left: 16px}
.list-navigation .num-page {font: 16px "Montserrat Light";position: relative;color: #333333}
.list-navigation .num-page:after {position: absolute;bottom: -2px;left: 0;display: block;width: 0;height: 1px;content: '';background-color: #333333;-moz-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;transition: all .3s}
.list-navigation .num-page.on:after {width: 100%}
.crumbs {font-size: 0}
.crumbs a {font-size: 14px;display: inline-block;vertical-align: middle;opacity: .5;color: #333333;-moz-transition: opacity .3s;-o-transition: opacity .3s;-webkit-transition: opacity .3s;transition: opacity .3s;}
.crumbs a:hover {opacity: 1}
.crumbs a.on {opacity: 1}
.crumbs a:last-child span {display: none}
.crumbs span {display: inline-block;margin: 0 4px}
.list-dec .dec-vid,.list-dec .dec-pic {position: absolute;top: 0;right: 0;width: 80px;height: 80px;background-color: #333333}
.list-dec .dec-vid i,.list-dec .dec-pic i {font-size: 24px;position: absolute;top: 50%;left: 50%;color: #fff;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.btn-modal {line-height: 54px;display: inline-block;width: 160px;height: 50px;text-align: center;border-radius: 50px;background-color: #333333}
.btn-modal span {font-size: 16px;color: #fff}
.greybg {background-color: #F7F7F7}
.page-bgPic__wrap {position: relative; margin-top:-58px;}
.page-bgPic__wrap .pic {position: relative;/* padding-top: 31.25%; */padding-top: 26.65%;}
.page-bgPic__wrap .pic::after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.page-bgPic__wrap .cont {position: absolute;top: 50%;left: 50%;max-width: 700px;padding: 0 24px;text-align: center;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.page-bgPic__wrap .cont h4 {font: 16px "Montserrat Light";line-height: 1.5;margin-bottom: 26px;color: #fff; text-transform:uppercase}
.page-bgPic__wrap .cont h3 {font-size: 40px;line-height: 1.6;margin-bottom: 20px;color: #fff}
.page-bgPic__wrap .txt {margin-bottom: 55px}
.page-bgPic__wrap .txt p {font-size: 16px;color: #fff;}
.page-bgPic__wrap .txt strong{display: block;width: 50px;height: 2px;background-color: #edd5b6;margin: auto;margin-top: 30px;}

.ib-arrow {font-size: 0;position: absolute;right: 0;bottom: 0}
.ib-arrow a {position: relative;display: inline-block;width: 60px;height: 60px;vertical-align: middle;-moz-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;transition: all .3s}
.ib-arrow i {font-size: 24px;display: block;width: 100%;height: 100%;color: #fff}
.ib-arrow i:before {position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.ib-prev {background-color: #333333}
.ib-next {background-color: #6889CA}
.opa-share {position: absolute;visibility: hidden;opacity: 0}
video::-internal-media-controls-download-button {display: none}
video::-webkit-media-controls-enclosure {overflow: hidden}
video::-webkit-media-controls-panel {width: calc(100% + 30px)}
.download-modal {position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 1300}
.download-modal .dm-content {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #fff;padding: 60px 30px 45px 30px;width: 450px}
.download-modal .dm-title {font-size: 16px;color: #333333;margin-bottom: 16px;line-height: 1.4}
.download-modal .close-btn {-webkit-transition: transform .4s;transition: transform .4s;position: absolute;right: 16px;top: 16px;color: #333333}
.download-modal .item-box {position: relative}
.download-modal label.error {position: absolute;left: 0;top: 100%;width: 100%;font-size: 12px;color: #333333;margin-top: 5px}
.download-modal input {width: 100%;outline: none;padding: 14px;border: 1px solid #333333}
.download-modal .dm-btn__box {text-align: right;margin-top: 25px}
.download-modal .dm-btn {-webkit-transition: background .4s;transition: background .4s;width: 130px;height: 42px;line-height: 42px;background-color: #333333;font-size: 14px;text-align: center;color: #fff;border: none;outline: none;cursor: pointer}
.download-modal .dm-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #333333;opacity: .6;cursor: pointer}
@media (min-width: 1025px) {.download-modal .close-btn:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
.download-modal .dm-btn:hover {background-color: #6889CA}
.hover-btn01 span,.hover-btn01 p {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s;backface-visibility: hidden}
.hover-btn01 p {position: relative;padding: 3px 0}
.hover-btn01 p:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 0;height: 1px;content: '';-moz-transition: width .4s;-o-transition: width .4s;-webkit-transition: width .4s;transition: width .4s}
.hover-btn01:hover span {-moz-transform: translateX(95px);-ms-transform: translateX(95px);-webkit-transform: translateX(95px);transform: translateX(95px)}
.hover-btn01:hover p {-moz-transform: translateX(-44px);-ms-transform: translateX(-44px);-webkit-transform: translateX(-44px);transform: translateX(-44px)}
.hover-btn01:hover p:after {width: 100%}
.hover-btn02.line-white p:after {background-color: #fff}
.hover-btn02.line-blue p:after {background-color: #333333}
.hover-btn02 p {position: relative;padding: 3px 0}
.hover-btn02 p:after {position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;display: block;width: 0;height: 1px;content: '';-moz-transition: width .4s;-o-transition: width .4s;-webkit-transition: width .4s;transition: width .4s;backface-visibility: hidden}
.hover-btn02 span {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s;backface-visibility: hidden}
.hover-btn02:hover p:after {width: 100%}
.partner-arrow a {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.partner-arrow a:hover {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9)}
.hover-submit {-moz-transition: background .4s;-o-transition: background .4s;-webkit-transition: background .4s;transition: background .4s}
.hover-submit:hover {opacity: 0.8;}
.news-bottom__content .link-btn span,.news-bottom__content .link-btn p {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.news-bottom__content .link-btn p {position: relative;padding: 3px 0}
.news-bottom__content .link-btn p:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 0;height: 1px;content: '';background-color: #333333;-moz-transition: width .4s;-o-transition: width .4s;-webkit-transition: width .4s;transition: width .4s}
.news-bottom__content .link-btn:hover span {-moz-transform: translateX(95px);-ms-transform: translateX(95px);-webkit-transform: translateX(95px);transform: translateX(95px)}
.news-bottom__content .link-btn:hover p {-moz-transform: translateX(-42px);-ms-transform: translateX(-42px);-webkit-transform: translateX(-42px);transform: translateX(-42px)}
.news-bottom__content .link-btn:hover p:after {width: 100%}
.ib-arrow i {-moz-transition: -moz-transform .8s;-o-transition: -o-transform .8s;-webkit-transition: -webkit-transform .8s;transition: transform .8s}
.ib-arrow a:hover i {-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg)}
.list-navigation .num-page:hover:after {width: 100%}
.list-navigation .link-btn {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.list-navigation .link-btn:hover {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9)}
}

@media (max-width: 1740px) {.w1600 {width: 90%}
}
@media (max-width: 1440px) {.error-404 h3 {font-size: 30px}
.error-404 p {font-size: 16px}
.w1600 {width: 92%}
.page-intro__full h4 {font-size: 32px}
.page-intro__full .inner {max-width: 100%}
.paragraph-dec:before,.paragraph-dec:after {font-size: 52px}
.link-btn span {width: 30px;height: 30px}
.link-btn i {font-size: 26px}
.list .article-title {font-size: 20px}
.ib-arrow a {width: 54px;height: 54px}
.paragraph h3 {font-size: 20px}
.page-bgPic__wrap .cont h3 {font-size: 36px}
}
@media (max-width: 1366px) {.error-404 h3 {font-size: 26px}
.page-intro__full h4 {font-size: 30px}
.paragraph-dec:before,.paragraph-dec:after {font-size: 48px}
.paragraph h3 {font-size: 18px}
.page-bgPic__wrap .cont h3 {font-size: 28px}
.list .article-title {font-size: 18px}
.ib-arrow a {width: 48px;height: 48px}
}
@media (max-width: 1300px) {.paragraph-dec:before,.paragraph-dec:after {font-size: 42px}
.error-404 h3 {font-size: 24px}
}
@media (max-width: 1259px) {.wrap {padding-top: 70px;}
}
@media (max-width: 1024px) {.error-404 h3 {font-size: 22px}
.page-intro__full .inner {max-width: 100%;padding: 10px;}
.w1600,.w900 {width: auto;margin-right: 24px;margin-left: 24px;/* margin: auto; */}
.w900 {max-width: 100%}
.wrap {padding-top: 60px}
.sec-padding__val {padding: 40px 0}
.paragraph-dec:before,.paragraph-dec:after {font-size: 36px}
.mt-30 {margin-top: 15px}
.mt-40 {margin-top: 20px}
.mt-50 {margin-top: 25px}
.mt-60 {margin-top: 30px}
.mt-70 {margin-top: 35px}
.mt-80 {margin-top: 40px}
.mt-90 {margin-top: 45px}
.mt-100 {margin-top: 50px}
.mt-110 {margin-top: 55px}
.mt-120 {margin-top: 40px}
.mt-140 {margin-top: 70px}
.mt-160 {margin-top: 80px}
.mt-180 {margin-top: 90px}
.page-intro__full h3 {font-size: 14px;margin-bottom: 5px}
.page-intro__full h4 {font-size: 26px;line-height: 1.8;margin-bottom: 15px}
.ib-arrow a {width: 44px;height: 44px}
.page-bgPic__wrap .pic {padding-top: 34.25%}
.page-bgPic__wrap .cont h3 {font-size: 26px;margin-bottom: 15px}
.page-bgPic__wrap .cont h4 {margin-bottom: 0}
.page-bgPic__wrap .txt {margin-bottom: 28px}
.ikon-dec__full {display: none}
.link-btn span {width: 28px;height: 28px}
.link-btn i {font-size: 20px}
.down-btn span i {font-size: 16px}
.crumbs a {line-height: 1.3}
}
@media (max-width: 750px) {.paragraph-dec:before,.paragraph-dec:after {font-size: 30px}
.page-intro__full h3 {font-size: 12px}
.page-intro__full h4 {font-size: 22px;margin-bottom: 10px}
.paragraph h3 {font-size: 16px}
.page-bgPic__wrap .pic {padding-top: 35%}
.page-bgPic__wrap .cont {width: 90%}
.page-bgPic__wrap .cont h3 {font-size: 24px}
.link-btn span {width: 24px;height: 24px}
.link-btn i {font-size: 18px}
.mt-160 {margin-top: 40px;}
.mt-70 {margin-top: 20px;}
.sec-padding__val {padding: 40px 10px;}
}
@media (max-width: 640px) {.paragraph p {font-size: 14px;line-height: 1.8}
.error-404 h3 {font-size: 20px}
.ib-arrow a {width: 36px;height: 36px}
.ib-arrow a i {font-size: 20px}
.page-bgPic__wrap .pic {padding-top: 60%}
.page-bgPic__wrap .cont {width: 100%}
.page-bgPic__wrap .cont h3 {font-size: 22px}
.down-btn span i {font-size: 14px}
}
@media (max-width: 500px) {.crumbs a.on {max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.download-modal .dm-content {width: 90%;padding: 52px 22px 32px 22px}
}
@media (max-width: 330px) {.crumbs a.on {max-width: 130px}
}
.team-list__full {font-size: 0}
.team-list__full li {margin-bottom: 120px}
.team-list__full a {cursor: default}
.team-list__full figure,.team-list__full article {display: inline-block;vertical-align: top}
.team-list__full figure {position: relative;overflow: hidden;width: 31%}
.team-list__full figure:after {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;content: '';opacity: .2;background-color: #333333}
.team-list__full figure img {width: 100%;-moz-transition: -moz-transform 1.2s ease-in-out;-o-transition: -o-transform 1.2s ease-in-out;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out}
.team-list__full article {width: 69%;max-width: 900px;padding-top: 70px;padding-left: 120px}
.team-list__full .team-name {font-size: 32px;margin-bottom: 8px;color: #333333;font-weight: 700}
.team-list__full .team-post {margin-bottom: 40px}
.team-list__full .team-post span,.team-list__full .team-post i {display: inline-block;vertical-align: middle}
.team-list__full .team-post span {font-size: 16px;line-height: 1.9;color: #888}
.team-list__full .team-post i {width: 2px;height: 18px;margin: 0 10px 4px 10px;background-color: #333333}
.team-list__full .team-txt {position: relative;margin-bottom: 40px;padding: 30px 40px}
.team-list__full .team-txt p {font-size: 18px;line-height: 2;color: #333}
.team-list__full .team-inner p {color: #999}
.team-bottom__content {position: relative;margin-top: 160px;overflow: hidden}
.team-bottom__content .pic {padding-top: 27.08%}
.team-bottom__content .cont {position: absolute;top: 50%;left: 160px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.team-bottom__content .txt {margin-bottom: 30px}
.team-bottom__content .txt h5 {font-size: 32px;line-height: 2;color: #fff}
.team-bottom__content .txt p {font-size: 14px;line-height: 2;color: #fff}
.ikon-dec__full {position: absolute;top: 50%;right: 80px;opacity: .5;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;width: 16px}
.ikon-dec__full span,.ikon-dec__full i {display: inline-block}
.ikon-dec__full i {width: 2px;height: 264px;margin: auto;background-color: #fff;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px)}
.ikon-dec__full span {font: 16px "Montserrat Light";color: #fff;-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;white-space: normal}
@media (min-width: 1025px) {.team-bottom__content .link-btn p {position: relative;padding: 3px 0}
.team-bottom__content .link-btn p:after {position: absolute;bottom: 0;left: 50%;display: block;width: 0;content: '';background-color: #fff;height: 1px;-moz-transition: width .4s;-o-transition: width .4s;-webkit-transition: width .4s;transition: width .4s;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.team-bottom__content:hover .link-btn p:after {width: 100%}
}
@media (max-width: 1920px) {.team-list__full li {margin-bottom: 6.25vw}
.team-list__full article {padding-top: 3.64583vw;padding-left: 6.25vw}
.team-list__full .team-name {margin-bottom: .41667vw}
.team-list__full .team-post {margin-bottom: 2.08333vw}
.team-list__full .team-txt {margin-bottom: 2.08333vw}
.team-bottom__content {margin-top: 8.33333vw}
.team-bottom__content .cont {left: 8.33333vw}
.team-bottom__content .txt {margin-bottom: 1.5625vw}
.ikon-dec__full {right: 4.16667vw}
.ikon-dec__full i {height: 13.75vw}
}
@media (max-width: 1800px) {.ikon-dec__full {right: 2.08333vw}
}
@media (max-width: 1440px) {.team-list__full .team-name {font-size: 30px}
.team-list__full .team-txt {padding: 22px 35px}
.team-bottom__content .txt h5 {font-size: 30px}
}
@media (max-width: 1366px) {.team-list__full article {padding-top: 20px;padding-left: 60px}
.team-list__full .team-name {font-size: 28px}
.team-bottom__content .txt h5 {font-size: 28px}
}
@media (max-width: 1300px) {.team-list__full .team-name {font-size: 24px}
.team-list__full .team-post span {font-size: 15px}
.team-list__full .team-txt {padding-top: 20px;padding-bottom: 20px}
.team-list__full .team-txt p {font-size: 17px}
.team-bottom__content .txt h5 {font-size: 24px}
}
@media (max-width: 1200px) {.team-list__full article {padding-top: 0;padding-left: 40px}
}
@media (max-width: 1024px) {.ikon-dec__full i {height: 80px;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px)}
.ikon-dec__full span {-moz-transform: translateY(10px) rotate(270deg);-ms-transform: translateY(10px) rotate(270deg);-webkit-transform: translateY(10px) rotate(270deg);transform: translateY(10px) rotate(270deg)}
.team-bottom__content {margin-top: 80px}
.team-bottom__content .txt {margin-bottom: 15px}
.team-bottom__content .txt h5 {font-size: 20px;line-height: 1.6}
.team-list__full figure {width: 45%}
.team-list__full article {width: 55%}
.team-list__full li {margin-bottom: 80px}
.team-list__full .team-name {margin-bottom: 8px}
.team-list__full .team-post {margin-bottom: 14px}
.team-list__full .team-txt {margin-bottom: 25px;padding: 18px 24px}
.team-list__full .team-txt p {font-size: 16px}
.team .paragraph-dec {padding-right: 32px;padding-left: 32px}
.quality .product-feature__wrap .item {margin-bottom: 80px}
}
@media (max-width: 750px) {.team-list__full figure,.team-list__full article {width: 100%}
.team-list__full article {margin-top: 20px;padding-left: 0}
.team-bottom__content .pic {padding-top: 35%}
}
@media (max-width: 500px) {.team-bottom__content .pic {padding-top: 50%}
.team-bottom__content .tb-dec {display: none}
.team-bottom__content .txt h5 {font-size: 18px;line-height: 1.6}
.team-bottom__content .txt p {font-size: 13px}
.team-list__full .team-name {font-size: 22px;margin-bottom: 6px}
.team-list__full .team-post span {font-size: 12px}
.team-list__full .team-post i {height: 12px}
.team-list__full .team-txt p {font-size: 15px;line-height: 1.8}
.quality .product-feature__wrap .item {margin-bottom: 60px}
}
.news-category__content {margin-bottom: 120px}
.news-category__list article {margin-top: 40px;padding: 0 40px}
.news-category__list time {font: 16px "Montserrat Light";display: block;margin-bottom: 20px;color: #333333}
.news-category__list h1 {font: 30px "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;line-height: 1.6;margin-bottom: 10px;color: #333333;-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.news-category__list .txt {margin-bottom: 30px}
.news-category__list .txt p {font-size: 14px;line-height: 2;display: inline;content: '...';color: #888}
.news-category__list .nc-hint > div,.news-category__list .nc-hint i,.news-category__list .nc-hint span {display: inline-block;vertical-align: middle}
.news-category__list .nc-hint > div {margin-right: 40px}
.news-category__list .nc-hint i {font-size: 28px;color: #333333}
.news-category__list .nc-hint span {font: 16px "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;position: relative;margin-left: 10px;color: #333333}
.news-category__list .nc-hint .icon-place {width: 26px;height: 26px;background: url(../images/place.svg) no-repeat center center}
.news-category__list a:hover h1 {color: #333333}
.news-article__list article {padding: 30px 40px 47px 40px;background-color: #fff}
.news-article__list time {font-size: 14px;display: block;margin-bottom: 24px;color: #333333}
.news-article__list h1 {margin-bottom: 10px}
.news-article__full {padding-top: 120px;padding-bottom: 160px;}
.news-article__full .page-intro__full {padding: 3.5vw 0;}
.news-article__full .news-article__list article {height: 210px;}
.news-article__full .news-article__list h1 {overflow: hidden;max-height: 64px;min-height: 48px;}
.news-article__full .news-article__list .txt {overflow: hidden;max-height: 60px}
.news-article__full .news-article__list .txt p {font-size: 14px;line-height: 2;display: inline;content: '...';color: #888}
.news-article__content {background-color: #F7F7F7;padding: 3.5vw 0 4.25vw;}
.news-bottom__content {padding: 100px 0}
.news-bottom__content .nt-01 {font-size: 32px;display: block;margin-bottom: 11px;color: #333333}
.news-bottom__content .txt {margin-bottom: 31px}
.news-detail .news-article__full {padding-bottom: 40px}
.news-detail .product-toggle__table td {padding: 15px;border: 1px solid #ccc}
.list-title {padding-bottom: 20px;margin-top: 20px;margin-bottom: 20px;border-bottom: 1px solid #9e9e9e73;}
.list-title h1 {font-size: 32px;font-weight: bold;line-height: 1.8;color: #333}
.list-title time,.list-title p {margin-top: 5px}
.list-title time {font-size: 14px;color: #333}
.list-title p {font: 14px "Montserrat Light";color: #888}
.nd-func__full {font-size: 0}
.nd-func__btn,.nd-share {display: inline-block;width: 50%;vertical-align: middle}
.back-list {font-size: 0;display: inline-block;margin-right: 40px}
.back-list > div,.back-list span {display: inline-block;vertical-align: middle}
.back-list > div {width: 24px}
.back-list > div i {display: inline-block;width: 10px;height: 10px;margin: 2px 0;vertical-align: middle;border-radius: 50%;background-color: #333333}
.back-list > div i:nth-child(odd) {margin-right: 4px}
.back-list span {font: 16px "Montserrat Light";position: relative;margin-left: 10px;color: #333333}
.back-list span:after {position: absolute;bottom: -2px;left: 50%;display: block;width: 0;height: 1px;content: '';background-color: #333;-moz-transition: width .4s ease;-o-transition: width .4s ease;-webkit-transition: width .4s ease;transition: width .4s ease;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.arrow-article p {position: relative;padding: 3px 0}
.arrow-article p:after {position: absolute;right: 0;bottom: 0;left: 0;display: block;width: 0;height: 1px;margin: auto;content: '';background-color: #333;-moz-transition: width .4s ease;-o-transition: width .4s ease;-webkit-transition: width .4s ease;transition: width .4s ease}
.arrow-article:hover p:after {width: 100%}
.prev-article {margin-right: 40px}
.prev-article p {margin-right: 10px;margin-left: 0}
.news-detail .nd-share {font-size: 0;text-align: right}
.news-detail .nd-share a,.news-detail .nd-share span,.news-detail .nd-share .box {display: inline-block;vertical-align: middle}
.news-detail .nd-share span {font: 16px "Montserrat Light";color: #333}
.news-detail .nd-share a {font-size: 22px;margin-left: 18px;color: #333;-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.news-detail .nd-share a:hover {color: #333}
.news-data__resume .form-item__wrap {margin-right: 0;margin-left: 0}
.news-data__download {font-size: 0}
.news-data__download li {margin-bottom: 20px}
.news-data__download li:last-child {margin-bottom: 0}
.news-data__download a {position: relative;display: block;padding: 23px 0;padding-right: 48px;background-color: #F7F7F7;-moz-transition: background .4s ease;-o-transition: background .4s ease;-webkit-transition: background .4s ease;transition: background .4s ease}
.news-data__download a > div {font-size: 16px;line-height: 1.6;display: inline-block;padding-right: 15px;vertical-align: middle}
.news-data__download .title {font-weight: bold;width: 465px;padding-left: 50px;color: #333;-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.news-data__download .type {width: 190px}
.news-data__download .size {width: 150px}
.news-data__download .type,.news-data__download .size {color: #666;-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.news-data__download .btn-download {-moz-transition: all .4s ease;-o-transition: all .4s ease;-webkit-transition: all .4s ease;transition: all .4s ease}
.news-data__download .btn-download i {-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.news-data__resume .fi-submit {margin-top: 0}
.news-data__resume input {display: none}
@media (min-width: 1025px) {.news-data__download a:hover {background-color: #333}
.news-data__download a:hover .title,.news-data__download a:hover .type,.news-data__download a:hover .size {color: #fff}
.news-data__download a:hover .btn-download {background-color: #fff;-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg)}
.news-data__download a:hover .btn-download i {color: #333}
.back-list:hover span:after {width: 100%}
}
@media (max-width: 1920px) {.news-article__list article {padding: 1.5625vw 2.08333vw 2.44792vw 2.08333vw}
.news-article__list time {margin-bottom: 1.25vw}
.news-article__list h1 {margin-bottom: .52083vw}
.news-category__content {margin-bottom: 6.25vw}
.news-category__list article {margin-top: 2.08333vw;padding: 0 2.08333vw}
.news-category__list time {margin-bottom: 1.04167vw}
.news-category__list h1 {font-weight: 500;margin-bottom: .52083vw}
.news-category__list .txt {margin-bottom: 1.5625vw}
.news-category__list .nc-hint > div {margin-right: 2.08333vw}
.news-category__list a:hover h1 {color: #333}
.news-article__full {padding-top: 0;/* padding-top: 3.5vw; *//* padding-bottom: 4.25vw; */padding-bottom: 0;}
.news-bottom__content {padding: 3.5vw 0}
.news-bottom__content .nt-01 {margin-bottom: .57292vw}
.news-bottom__content .txt {margin-bottom: 1.61458vw}
.news-detail .news-article__full {padding-bottom: 2.08333vw}
}
@media (max-width: 1440px) {.news-category__list h1 {font-size: 26px}
.news-category__list .nc-hint i {font-size: 24px}
.news-category__list .nc-hint .icon-place {width: 24px;height: 24px}
.news-article__list h1 {font-size: 20px}
.news-bottom__content .nt-01 {font-size: 30px}
.list-title {padding-bottom: 32px}
.list-title h1 {font-size: 30px}
.news-article__full .news-article__list article {height: 230px}
.news-article__full .news-article__list h1 {max-height: 58px}
}
@media (max-width: 1366px) {.news-category__list time {font-size: 15px}
.news-category__list h1 {font-size: 24px}
.news-category__list .nc-hint i {font-size: 22px}
.news-category__list .nc-hint .icon-place {width: 22px;height: 22px}
.news-category__list .nc-hint span {font-size: 14px;margin-left: 6px}
.news-article__list h1 {font-size: 18px}
.news-article__full .news-article__list article {height: 200px}
.news-bottom__content .nt-01 {font-size: 28px}
.list-title h1 {font-size: 28px}
}
@media (max-width: 1300px) {.news-category__list .nc-hint i {font-size: 20px}
.news-category__list .nc-hint .icon-place {width: 20px;height: 20px}
}
@media (max-width: 1100px) {.news-category__list article {margin-top: 20px;padding: 0 20px}
.news-bottom__content .nt-01 {font-size: 25px}
}
@media (max-width: 1024px) {.news-category__content {margin-bottom: 60px}
.news-article__full {padding-top: 60px;padding-bottom: 80px}
.news-category__list .nc-hint > div {display: block;margin-right: 0;margin-bottom: 10px}
.news-category__list .nc-hint > div:last-child {margin-bottom: 0}
.news-category__list time {font-size: 14px;line-height: 1.4;margin-bottom: 10px}
.news-category__list h1 {font-size: 22px;margin-bottom: 15px}
.news-category__list .txt {margin-bottom: 25px}
.news-article__list article {padding: 24px 15px}
.news-article__list time {margin-bottom: 17px}
.news-article__list h1 {font-size: 16px;margin-top: 15px;margin-bottom: 10px}
.news-article__list .txt {margin-top: 4px}
.news-article__full .news-article__list article {height: 210px}
.news-article__full .news-article__list h1 {max-height: 54px}
.news-bottom__content {padding: 50px 0}
.news-bottom__content .txt {margin-bottom: 15px}
.news-bottom__content .nt-01 {margin-bottom: 8px}
.news-detail .news-article__full {padding-bottom: 20px}
.list-title {margin-top: 18px}
.list-title h1 {font-size: 24px}
.list-title time,.list-title p {margin-top: 12px}
.back-list {margin-right: 20px}
.back-list > div i {width: 8px;height: 8px}
.back-list span {font-size: 14px;margin-left: 6px}
.link-btn p {font-size: 14px}
.prev-article {margin-right: 30px}
.news-data__download a {padding: 20px 0}
.news-data__download .type,.news-data__download .size {display: none}
.news-data__download .title {width: calc(100% - 100px);padding-left: 24px}
.news-data__download .btn-download {position: absolute;top: 50%;right: 30px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
}
@media (max-width: 750px) {.news-category__list article {padding: 0 10px}
.news-category__list h1 {font-size: 20px}
.news-article__full .news-category__list article {height: 196px}
.news-bottom__content .nt-01 {font-size: 22px}
.list-title h1 {font-size: 22px;line-height: 1.6}
.nd-inner iframe {height: 240px}
.news-detail .containter {margin-top: 60px}
.news-detail .product-toggle__table table {width: 100% !important}
}
@media (max-width: 640px) {.nd-func__btn,.nd-share {width: 100%}
.nd-func__btn {margin-bottom: 30px}
.news-detail .nd-share {text-align: left}
.list-title h1 {font-size: 20px}
.news-bottom__content .nt-01 {font-size: 20px}
.news-data__download a {padding: 15px 0}
.news-data__download .title {font-size: 14px}
.news-article__full .news-article__list article {height: auto}
.news-article__full .news-article__list h1 {max-height: 59px}
.news-article__full .news-article__list .txt p {font-size: 12px;line-height: 1.8}
}
.knowledge .knowledge-article__wrap {padding-bottom: 40px}
.knowledge-recommend__list article {padding: 30px 40px 60px 40px;background-color: #fff;max-height: 230px}
.knowledge-recommend__list span {font-size: 14px;display: block;margin-bottom: 22px;color: #999}
.knowledge-recommend__list h1 {margin-bottom: 8px;max-height: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.knowledge-recommend__list .txt {max-height: 56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.knowledge-recommend__list .txt h4 {font-size: 14px;line-height: 2;letter-spacing: .6px;color: #888;margin-bottom: 0}
.knowledge-recommend__list .recommend-label {position: absolute;z-index: 20;top: 20px;left: 20px;width: 60px;height: 60px;border-radius: 100%;background-color: #333333}
.knowledge-recommend__list .recommend-label span {font: 16px "Montserrat Bold";position: absolute;top: 50%;left: 50%;color: #fff;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.knowledge-article__wrap .knowledge-article__full {margin-top: 0}
.knowledge-bottom__content {padding-top: 120px}
.m-filter__full {display: none}
.knowledge-article__tag {position: relative;font-size: 0}
.knowledge-article__tag a {position: relative;display: inline-block;width: 25%;padding: 25px 0;text-align: center;vertical-align: middle;background-color: #fff;-moz-transition: background .4s;-o-transition: background .4s;-webkit-transition: background .4s;transition: background .4s}
.knowledge-article__tag a:after {-moz-transition: background .4s, opacity .4s;-o-transition: background .4s, opacity .4s;-webkit-transition: background .4s, opacity .4s;transition: background .4s, opacity .4s;position: absolute;top: 50%;left: 0;display: block;width: 2px;height: 60px;content: '';opacity: .2;background-color: #333333;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.knowledge-article__tag a:first-child:after {display: none}
.knowledge-article__tag a:hover {background-color: #333333}
.knowledge-article__tag a:hover:after {background-color: #fff;opacity: .6}
.knowledge-article__tag a:hover b {visibility: visible;opacity: 1}
.knowledge-article__tag a:hover span,.knowledge-article__tag a:hover p {color: #fff}
.knowledge-article__tag a.on {background-color: #333333}
.knowledge-article__tag a.on b {visibility: visible;opacity: 1}
.knowledge-article__tag a.on span,.knowledge-article__tag a.on p {color: #fff}
.knowledge-article__tag span,.knowledge-article__tag p {-moz-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;transition: color .4s}
.knowledge-article__tag span {font-size: 22px;font-weight: 700;line-height: 1.6;display: block;color: #333}
.knowledge-article__tag p {font: 16px "Montserrat Light";line-height: 1.6;color: #333333}
.knowledge-article__tag b {font-size: 16px;position: absolute;bottom: -1px;left: 50%;visibility: hidden;opacity: 0;color: #fff;-moz-transition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;transition: all .4s;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.knowledge-article__full {margin-top: 2.08333vw}
.knowledge-article__list article {height: 230px;padding: 26px 55px 33px 45px;background-color: #fff}
.knowledge-article__list article label {font-size: 14px;line-height: 20px;display: block;margin-bottom: 20px;color: #999}
.knowledge-article__list h1 {margin-bottom: 10px;max-height: 69px;overflow: hidden}
.knowledge-article__list .txt {max-height: 88px;overflow: hidden;position: relative;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3}
.knowledge-article__list .txt h4 {font-size: 14px;line-height: 2;letter-spacing: .6px;color: #888;margin-bottom: 0}
.knowledge-article__list .info {position: relative;margin: 0 28px;padding: 18px 55px 44px 45px;background-color: #fff}
.knowledge-article__list .info:before {position: absolute;top: 0;right: 55px;left: 45px;display: block;height: 2px;content: '';opacity: .2;background-color: #333333}
.knowledge-article__list .info:after {display: block;clear: both;content: ''}
.knowledge-article__list .row-01 {float: left}
.knowledge-article__list .row-01 span,.knowledge-article__list .row-01 img,.knowledge-article__list .row-01 p {display: inline-block;vertical-align: middle}
.knowledge-article__list .row-01 span {font: 16px "Montserrat Light";margin-right: 10px;color: #999}
.knowledge-article__list .row-01 img {width: 34px;height: 34px;margin-right: 15px;border-radius: 100%}
.knowledge-article__list .row-01 p {font-size: 14px;color: #999}
.knowledge-article__list .row-02 {float: right;margin-top: 9px}
.knowledge-article__list .row-02 a {font-size: 20px;display: inline-block;margin-right: 0;margin-left: 20px;vertical-align: middle;color: #999;-moz-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;transition: color .4s}
.knowledge-article__list .row-02 a:hover {color: #333333}
.kb-slick__wrap {position: relative}
.kb-slick__wrap img {width: 100%}
.kb-slick__wrap .pic {padding-top: 31.25%}
.kb-slick__wrap .m-pic {display: none}
.knowledge-data .list-title h1 {margin-bottom: -15px}
.knowledge-idea__btn > div {margin-bottom: 20px}
.knowledge-idea__btn > div:last-child {margin-bottom: 0}
.knowledge-idea__btn .kd-tl,.knowledge-idea__btn a {display: inline-block;vertical-align: middle}
.knowledge-idea__btn .kd-tl {font-size: 16px;line-height: 2.2;color: #999}
.knowledge-idea__btn a p {line-height: 2.2;margin-right: 22px;margin-left: 0;text-decoration: underline}
@media (min-width: 1025px) {.knowledge-idea__btn .link-btn span {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.knowledge-idea__btn .link-btn:hover span {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9)}
.knowledge-tag__box {display: flex;flex-flow: row nowrap;align-items: center}
.knowledge-tag__box a {flex: 1}
}
@media (max-width: 1920px) {.knowledge .knowledge-article__wrap {padding-bottom: 2.08333vw}
.knowledge-article__list article {padding: 1.35417vw 2.86458vw 1.71875vw 2.34375vw}
.knowledge-article__list article label {margin-bottom: 1.04167vw}
.knowledge-article__list h1 {margin-bottom: .52083vw}
.knowledge-article__list .info {margin: 0 1.45833vw;padding: .9375vw 2.86458vw 2.08333vw 2.34375vw}
.knowledge-article__list .info:before {right: 2.86458vw;left: 2.34375vw}
.knowledge-article__list .row-02 a {margin-left: 1.04167vw}
.knowledge-recommend__list article {padding: 1.5625vw 2.08333vw 3.125vw 2.08333vw}
.knowledge-recommend__list span {margin-bottom: 1.14583vw}
.knowledge-idea__btn > div {margin-bottom: 1.04167vw}
.knowledge-bottom__content {padding-top: 6.25vw}
}
@media (max-width: 1440px) {.knowledge-article__tag span {font-size: 20px}
.knowledge-article__tag p {font-size: 15px}
.knowledge-article__tag b {font-size: 14px;bottom: -1px}
.list-dec .dec-vid,.list-dec .dec-pic {width: 64px;height: 64px}
.list-dec .dec-vid i,.list-dec .dec-pic i {font-size: 22px}
.knowledge-recommend__list .recommend-label {width: 54px;height: 54px}
.knowledge-recommend__list .recommend-label span {font-size: 15px}
}
@media (max-width: 1366px) {.knowledge-article__tag a {padding: 20px 0}
.knowledge-article__list article {height: 200px}
.knowledge-article__list article h1 {max-height: 59px}
}
@media (max-width: 1024px) {.knowledge .knowledge-article__wrap {padding-bottom: 20px}
.knowledge-top__content,.knowledge-article__wrap {padding: 60px 0}
.knowledge-bottom__content {padding-top: 60px}
.m-filter__full {cursor: pointer;display: block;height: 47px;padding-top: 12px;text-align: center;background-color: #333333}
.m-filter__full strong {font: 16px "Montserrat Light";position: relative;display: inline-block;padding-right: 20px;color: #fff}
.m-filter__full i {font-size: 13px;position: absolute;top: 50%;right: 0;margin-top: -7px;color: #fff;-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.m-filter__full.active i {-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.knowledge-article__tag a {padding: 9px 0}
.knowledge-article__tag span {font-size: 16px}
.knowledge-tag__box {position: absolute;z-index: 50;top: 48px;left: 0;display: none;width: 100%}
.knowledge-tag__box a {width: 100%;border-bottom: 1px solid #eaeaea}
.knowledge-tag__box a:last-child {border-bottom: none}
.knowledge-tag__box a:after {display: none}
.knowledge-tag__box p,.knowledge-tag__box b {display: none}
.knowledge-recommend__list .recommend-label {width: 46px;height: 46px}
.knowledge-recommend__list .recommend-label span {font-size: 13px}
.knowledge-recommend__list article {padding: 18px 20px 30px 20px}
.knowledge-recommend__list span {margin-bottom: 14px}
.knowledge-recommend__list h1 {margin-bottom: 10px}
.list-dec .dec-vid,.list-dec .dec-pic {width: 56px;height: 56px}
.list-dec .dec-vid i,.list-dec .dec-pic i {font-size: 20px}
.knowledge-article__list article {padding: 24px 24px 28px 24px}
.knowledge-article__list article label {margin-bottom: 18px}
.knowledge-article__list article h1 {margin-bottom: 10px;max-height: 56px}
.knowledge-article__list .info {margin: 0 10px;padding: 18px 24px 20px 24px}
.knowledge-article__list .info:before {left: 24px;right: 24px}
.knowledge-article__list .row-02 a {margin-left: 10px}
}
@media (max-width: 750px) {.knowledge-recommend__list span {font-size: 12px}
.knowledge-recommend__list .recommend-label {left: 14px;top: 14px;width: 42px;height: 42px}
.knowledge-recommend__list .recommend-label span {font-size: 12px}
.list-dec .dec-vid,.list-dec .dec-pic {width: 48px;height: 48px}
.list-dec .dec-vid i,.list-dec .dec-pic i {font-size: 18px}
.kb-slick__wrap .m-pic {display: block}
.kb-slick__wrap .p-pic {display: none}
}
@media (max-width: 640px) {.knowledge-article__full {position: relative}
.knowledge-recommend__list article,.knowledge-article__list article {height: auto}
.knowledge-recommend__list h1,.knowledge-article__list h1 {max-height: 60px}
.knowledge-recommend__list .txt,.knowledge-article__list .txt {max-height: 64px}
.knowledge-recommend__list .txt h4,.knowledge-article__list .txt h4 {font-size: 12px;line-height: 1.8}
.knowledge-recommend__list .txt h4 {font-size: 12px;line-height: 1.8}
.knowledge-article__list .row-01 span {font-size: 14px}
.knowledge-article__list .row-01 img {width: 30px;height: 30px;margin-right: 10px}
.knowledge-article__list .row-01 p {font-size: 12px}
}
.play .knowledge-article__wrap {padding-bottom: 40px}
.science-article__wrap article,.science-article__wrap .info {background-color: #F7F7F7}
.partner-slick {margin-right: -28px;margin-bottom: 80px;margin-left: -28px}
.partner-slick .item {display: inline-block;width: 100%;vertical-align: top}
.partner-slick .item-box {height: 260px;margin: 0 28px;padding: 40px 10px 0 10px;text-align: center;background-color: #fff}
.partner-slick img {max-width: 70px;margin: 0 auto 36px auto}
.partner-slick h5 {font-size: 16px;margin-bottom: 13px;color: #333}
.partner-slick .txt p {font-size: 14px;line-height: 2;color: #999}
.partner-arrow {font-size: 0}
.partner-arrow a {display: inline-block;width: 34px;height: 34px;margin: 0 20px;vertical-align: middle}
.cooperation-wrap {padding-top: 120px;padding-bottom: 40px}
.cooperation-list ul {margin: 0 -28px}
.cooperation-list .box {margin: 0 28px}
.cooperation-list article {margin-top: 36px;text-align: center}
.cooperation-list h1 {font-weight: 700;margin-bottom: 5px}
.cooperation-list .txt p {font-size: 14px;line-height: 2;color: #999}
.ikon-dec__down {position: absolute;top: 50%;left: 20px;opacity: .5;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.ikon-dec__down span {font: 16px "Montserrat Light";display: block;color: #fff;-moz-transform: translateY(-5px) rotate(90deg);-ms-transform: translateY(-5px) rotate(90deg);-webkit-transform: translateY(-5px) rotate(90deg);transform: translateY(-5px) rotate(90deg)}
.ikon-dec__down i {display: block;width: 2px;height: 350px;margin: auto;background-color: #fff;-moz-transform: translateY(65px);-ms-transform: translateY(65px);-webkit-transform: translateY(65px);transform: translateY(65px)}
@media (max-width: 1920px) {.play .knowledge-article__wrap {padding-bottom: 2.08333vw}
.partner-slick {margin-right: -1.45833vw;margin-bottom: 4.16667vw;margin-left: -1.45833vw}
.partner-slick .item-box {margin: 0 1.45833vw}
.cooperation-wrap {padding-top: 6.25vw;padding-bottom: 2.08333vw}
.cooperation-list ul {margin: 0 -1.45833vw}
.cooperation-list .box {margin: 0 1.45833vw}
.cooperation-list article {margin-top: 1.875vw}
.cooperation-list h1 {margin-bottom: .26042vw}
}
@media (max-width: 1440px) {.plan-between__wrap .inner-01 h3 {font-size: 28px}
.plan-between__wrap .inner-02 h3 {font-size: 20px}
.plan-between__wrap .infor p {font-size: 20px}
.plan-between__wrap .infor i {font-size: 16px}
.plan-between__wrap .rows {height: 680px}
.partner-arrow a {margin: 0 16px}
}
@media (max-width: 1024px) {.partner-arrow a {margin: 0 10px}
.play .knowledge-article__wrap {padding-bottom: 20px}
.cooperation-wrap {padding-top: 60px;padding-bottom: 20px}
.partner-slick {margin-right: -10px;margin-bottom: 40px;margin-left: -10px}
.partner-slick .item-box {margin: 0 10px}
.cooperation-list .box {margin: 0 10px}
.cooperation-list article {margin-top: 20px}
.cooperation-list li {margin-bottom: 60px}
}
.list-download span {font-size: 22px;font-weight: 700;display: block;margin-bottom: 40px;color: #333}
.item-download {font-size: 0;margin-bottom: 80px}
.item-download:last-child {margin-bottom: 0}
.item-download li:not(.item-search__inner) {margin-bottom: 20px;background-color: #fff;-moz-transition: background .4s ease;-o-transition: background .4s ease;-webkit-transition: background .4s ease;transition: background .4s ease}
.item-download li:not(.item-search__inner):last-child {margin-bottom: 0}
.item-download li:not(.item-search__inner):hover {background-color: #333333}
.item-download li:not(.item-search__inner):hover a .btn-download {background-color: #fff;-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg)}
.item-download li:not(.item-search__inner):hover a .btn-download i {color: #333333}
.item-download li:not(.item-search__inner):hover a > div {color: #fff}
.item-download a {position: relative;display: block;padding: 32px 0}
.item-download a > div {font-size: 16px;line-height: 1.6;display: inline-block;vertical-align: middle}
.title-download {font-weight: 700;width: 580px;padding-right: 15px;padding-left: 50px;color: #333333;-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.version-download,.type-download,.size-download {padding-right: 15px;color: #666;-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.version-download {width: 360px}
.type-download {width: 255px}
.size-download {width: 320px}
.btn-download {position: absolute;top: 50%;right: 60px;width: 34px;height: 34px;margin-top: -17px;border-radius: 50%;background-color: #333333;-moz-transition: all .4s ease;-o-transition: all .4s ease;-webkit-transition: all .4s ease;transition: all .4s ease}
.btn-download i {font-size: 18px;font-weight: 700;position: absolute;top: 50%;left: 50%;color: #fff;-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.list-faq {font-size: 0}
.list-faq li {margin-bottom: 20px;background-color: #fff}
.list-faq li:last-child {margin-bottom: 0}
.list-faq li:after {display: block;clear: both;content: ''}
.list-faq li.on span {opacity: 1}
.list-faq li.on .item-faq__title .dec .icon-plus {visibility: hidden;opacity: 0}
.list-faq li.on .item-faq__title .dec .icon-minus {visibility: visible;opacity: 1}
.list-faq li:first-child .item-faq__inner {display: block}
.list-faq span {font-size: 22px;margin-right: 40px;opacity: .5;color: #333333;-moz-transition: opacity .4s;-o-transition: opacity .4s;-webkit-transition: opacity .4s;transition: opacity .4s}
.list-more__icon {position: absolute;top: 50%;right: 60px;width: 34px;height: 34px;border-radius: 50%;background-color: #333333;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.list-more__icon i {display: block;width: 100%;height: 100%;color: #fff}
.list-more__icon i:before {position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.list-more__icon .icon-plus {font-size: 24px}
.list-more__icon .icon-minus {font-size: 18px;visibility: hidden;opacity: 0}
.item-faq__title {position: relative;display: block;padding: 28px 60px}
.item-faq__title span,.item-faq__title h3 {display: inline-block;vertical-align: top}
.item-faq__title h3 {font-size: 16px;font-weight: bold;line-height: 1.5;padding-right: 45px;color: #333333}
.item-faq__title:hover span {opacity: 1}
.item-faq__inner {display: none;padding: 0 60px 50px 60px}
.item-faq__inner span,.item-faq__inner .txt {display: inline-block;vertical-align: top}
.item-faq__inner span {margin-top: 4px}
.item-faq__inner .txt {max-width: 900px}
@media (min-width: 1025px) {.list-faq a .list-more__icon i {-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s}
.list-faq a:hover .list-more__icon .icon-plus {-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@media (max-width: 1920px) {.list-download span {margin-bottom: 2.08333vw}
.item-download {margin-bottom: 4.16667vw}
.title-download {width: 30.20833vw;padding-left: 2.60417vw}
.version-download {width: 18.75vw}
.type-download {width: 13.28125vw}
.size-download {width: 16.66667vw}
.btn-download {right: 3.125vw}
.list-faq span {margin-right: 2.08333vw}
.list-more__icon {right: 3.125vw}
.item-faq__title {padding: 1.45833vw 3.125vw}
.item-faq__inner {padding: 0 3.125vw 2.60417vw 3.125vw}
}
@media (max-width: 1440px) {.list-download span {font-size: 20px}
.btn-download {width: 30px;height: 30px;margin-top: -15px}
.btn-download i {font-size: 16px}
.item-download a {padding: 26px 0}
.list-more__icon {width: 30px;height: 30px}
.list-more__icon .icon-plus {font-size: 22px}
.list-more__icon .icon-minus {font-size: 16px}
}
@media (max-width: 1366px) {.item-faq__inner .txt {max-width: 740px}
}
@media (max-width: 1024px) {.item-download {margin-bottom: 40px}
.item-download a > div {font-size: 14px;line-height: 1.6}
.list-download span {font-size: 18px;margin-bottom: 20px}
.btn-download {right: 24px}
.item-faq__inner {padding: 0 30px 25px 30px}
.item-faq__inner .txt {max-width: 90%}
.list-faq span {font-size: 20px}
.item-faq__title {padding: 20px 30px}
.list-more__icon {right: 20px}
}
@media (max-width: 900px) {.item-download a .version-download,.item-download a .type-download,.item-download a .size-download {display: none}
.item-download a .title-download {width: calc(100% - 40px);padding-right: 20px;padding-left: 20px}
}
@media (max-width: 768px) {.btn-download {width: 26px;height: 26px;margin-top: -13px}
.btn-download i {font-size: 14px}
.list-more__icon {width: 26px;height: 26px}
.list-more__icon .icon-plus {font-size: 20px}
.list-more__icon .icon-minus {font-size: 14px}
.list-faq span {font-size: 18px}
.item-faq__title h3 {font-size: 15px}
}
@media (max-width: 640px) {.list-faq span {margin-top: 2px}
.item-faq__inner span {margin-top: 6px}
.item-faq__title h3 {font-size: 14px;width: calc(100% - 30px);padding-right: 20px}
}
.contact-top__content:after {display: block;clear: both;content: ''}
.contact-top__content .rows {position: relative;width: 50%;height: 600px;}
.contact-top__content .rows img {width: 100%;height: 100%;}
.contact-top__content .row-right {float: right}
.contact-top__content .row-left {float: left}
.contact-top__content .row-left__cont {position: absolute;top: 50%;left: 50%;width: 450px;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.contact-top__content .row-left__cont .intro {font: 16px "Montserrat Light";display: block;margin-bottom: 70px;color: #fff}
.contact-top__content .row-left__cont h3 {font-size: 32px;line-height: 1.8;margin-bottom: 22px;color: #fff}
.contact-top__content .row-left__cont h4 {font-size: 22px;line-height: 1.3;color: #fff}
.contact-top__content .txt {margin-top: 10px}
.contact-top__content .txt p {font: 22px "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;line-height: 1.6;color: #fff}
.contact-top__content .txt i {font-size: 18px;display: inline-block;margin-right: 10px}
.contact-middle__content ul {margin: 0 -28px}
.contact-middle__content li {margin-bottom: 110px}
.contact-middle__content article {margin-top: 40px}
.contact-middle__content .box {margin: 0 28px}
.contact-middle__content span {font-size: 14px;display: block;margin-bottom: 22px;color: #333333}
.contact-middle__content h1 {font-size: 24px;font-weight: bold;line-height: 1.8;margin-bottom: 26px}
.contact-middle__content p {font-size: 16px;line-height: 1.5;margin-bottom: 6px;color: #888}
.contact-middle__content .tel {font: 18px "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;color: #888}
.contact-middle__content .tel i {font-size: 18px;display: inline-block;margin-right: 10px;margin-bottom: 2px}
.contact-bottom__content {font-size: 0}
.contact-bottom__content:after {display: block;clear: both;content: ''}
.contact-bottom__content .rows {position: relative;width: 50%;height: 520px;overflow: hidden}
.contact-bottom__content .row-right__cont,.contact-bottom__content .row-left__cont {position: absolute;top: 50%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {font-size: 32px;font-weight: bold;line-height: 2}
.contact-bottom__content .row-right__cont .txt {margin-bottom: 34px}
.contact-bottom__content .row-right {float: right}
.contact-bottom__content .row-left {float: left;background-color: #F7F7F7}
.contact-bottom__content .row-left__cont {left: 270px}
.contact-bottom__content .row-right__cont {left: 120px}
.contact-bottom__content .row-right__cont h3 {color: #fff}
.contact-bottom__content .row-right__cont .txt {max-width: 470px}
.contact-bottom__content .row-right__cont .txt p {color: #fff}
.contact-bottom__content .row-left__cont h3 {color: #333333}
.contact-bottom__content .row-left__dec,.contact-bottom__content .row-right__dec {max-height: 370px;width: 16px;text-align: center}
.contact-bottom__content .row-left__dec span,.contact-bottom__content .row-left__dec i,.contact-bottom__content .row-right__dec span,.contact-bottom__content .row-right__dec i {display: inline-block}
.contact-bottom__content .row-left__dec {position: absolute;top: 50%;left: 56px;opacity: .5;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.contact-bottom__content .row-left__dec span {font: 16px "Montserrat Light";display: inline-block;color: #333333;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;margin-bottom: 20px}
.contact-bottom__content .row-left__dec i {display: inline-block;width: 2px;height: 200px;margin: auto;background-color: #333333}
.contact-bottom__content .row-right__dec {right: 80px}
.contact-bottom__content .row-right__dec i {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
.contact-bottom__content .row-right__dec span {margin-top: 20px}
.scan-code {margin-bottom: 34px}
.scan-code p {font-size: 14px;color: #888;line-height: 2}
.scan-code p,.scan-code a {display: inline-block;vertical-align: middle}
.scan-code a {-moz-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;transition: color .4s;font-size: 22px;color: #888;position: relative}
.scan-code a:hover {color: #333333}
.scan-code a:hover img {opacity: 1;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1)}
.scan-code img {-moz-transition: opacity .4s, -moz-transform .4s;-o-transition: opacity .4s, -o-transform .4s;-webkit-transition: opacity .4s, -webkit-transform .4s;transition: opacity .4s, transform .4s;width: 110px;position: absolute;left: -43px;top: -115px;padding-bottom: 8px;opacity: 0;-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0)}
@media (max-width: 1920px) {.contact-middle__content ul {margin: 0 -1.45833vw}
.contact-middle__content li {margin-bottom: 5.72917vw}
.contact-middle__content article {margin-top: 2.08333vw}
.contact-middle__content .box {margin: 0 1.45833vw}
.contact-middle__content span {margin-bottom: 1.14583vw}
.contact-middle__content h1 {margin-bottom: 1.35417vw}
.contact-middle__content p {margin-bottom: .3125vw}
.contact-bottom__content .row-left__cont {left: 14.0625vw}
.contact-bottom__content .row-right__cont {left: 6.25vw}
.contact-bottom__content .row-left__dec {left: 2.91667vw}
.contact-bottom__content .row-left__dec i {height: 10.41667vw;max-height: 200px}
.contact-bottom__content .row-right__dec {right: 4.16667vw}
}
@media (max-width: 1800px) {.contact-bottom__content .row-right__dec {right: 2.08333vw}
}
@media (max-width: 1440px) {.contact-top__content .row-left__cont h3 {font-size: 30px}
.contact-top__content .row-left__cont h4 {font-size: 20px;line-height: 1.5}
.contact-top__content .row-left__cont .intro {margin-bottom: 56px}
.contact-top__content .rows {height: 550px}
.contact-top__content .txt p {font-size: 20px}
.contact-bottom__content .rows {height: 450px}
.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {font-size: 30px}
.contact-bottom__content .row-right {float: right}
}
@media (max-width: 1366px) {.contact-top__content .rows {height: 490px}
.contact-top__content .row-left__cont .intro {margin-bottom: 44px}
.contact-top__content .row-left__cont h3 {font-size: 26px;margin-bottom: 14px}
.contact-top__content .row-left__cont h4 {font-size: 18px}
.contact-top__content .row-left__cont .txt p {font-size: 18px}
.contact-bottom__content .rows {height: 420px}
.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {font-size: 26px}
}
@media (max-width: 1300px) {.contact-top__content .rows {height: 420px}
.contact-top__content .row-left__cont h3 {font-size: 24px;margin-bottom: 8px}
.contact-top__content .row-left__cont h4 {font-size: 16px}
.contact-top__content .row-left__cont .txt p {font-size: 16px}
.contact-top__content .row-left__cont .txt i {font-size: 16px}
.contact-bottom__content .rows {height: 380px}
.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {font-size: 22px}
.contact-bottom__content .row-right__cont {max-width: 400px}
}
@media (max-width: 1024px) {.contact-bottom__content .rows {height: 330px}
.contact-bottom__content .row-left__dec {display: none}
.contact-bottom__content .row-right__cont,.contact-bottom__content .row-left__cont {width: 100%;padding: 0 30px;left: 0}
.contact-bottom__content .row-right__cont {max-width: 100%}
.contact-top__content .rows {height: 380px}
.contact-top__content .row-left__cont {width: 100%;padding: 0 30px}
.contact-top__content .row-left__cont .intro {font-size: 14px;margin-bottom: 30px}
.contact-top__content .row-left__cont h3 {font-size: 22px}
.contact-middle__content ul {margin: 0 -10px}
.contact-middle__content li {margin-bottom: 55px}
.contact-middle__content .box {margin: 0 10px}
.contact-middle__content p {margin-bottom: 10px}
.contact-middle__content h1 {margin-bottom: 10px}
.contact-middle__content span {margin-bottom: 6px}
.contact-middle__content article {margin-top: 20px}
}
@media (max-width: 900px) {.contact-top__content .rows {height: 330px}
}
@media (max-width: 800px) {.contact-top__content .rows {width: 100%;height: 300px}
.contact-top__content .row-left,.contact-top__content .row-right {float: none}
.contact-top__content .row-left__cont .intro {margin-bottom: 20px}
.contact-top__content .row-left__cont h3 {margin-bottom: 2px}
.contact-top__content .txt p {font-size: 14px;margin-bottom: 4px}
.contact-middle__content h1 {font-size: 22px}
.contact-bottom__content .rows {width: 100%;height: 280px}
.contact-bottom__content .row-left,.contact-bottom__content .row-right {float: none}
.contact-bottom__content .row-right__cont h3,.contact-bottom__content .row-left__cont h3 {font-size: 20px}
}
@media (max-width: 640px) {.contact-top__content .row-left__cont h3 {font-size: 20px}
.contact-middle__content h1 {font-size: 20px}
.scan-code p {font-size: 12px}
.scan-code a {font-size: 20px}
}
.job-data__form {font-size: 0}
.job-data__form .form-item__wrap {margin-left: 0}
.job-page__bgPic {overflow: hidden}
.job-page__bgPic .icon-vid {font-size: 14px;color: #333333}
.job .knowledge-article__wrap {padding-top: 120px;padding-bottom: 40px}
.job-filtrate__attr {margin-bottom: 20px;padding: 80px;background-color: #fff}
.job-filtrate__attr .sum-total {font-size: 28px;font-weight: bold;margin-bottom: 52px;color: #333333}
.job-filtrate__attr .sum-total span {display: inline-block;margin-left: 55px;color: #333333}
.job-filtrate__attr .item-filtrate {font-size: 0;margin-bottom: 15px}
.job-filtrate__attr .item-filtrate:last-child {margin-bottom: 0}
.job-filtrate__attr .item-filtrate span,.job-filtrate__attr .item-filtrate .slide-filtrate,.job-filtrate__attr .item-filtrate .item-box {display: inline-block;vertical-align: middle}
.job-filtrate__attr .item-filtrate span {font-size: 16px;font-weight: bold;line-height: 1.6;margin-right: 60px;color: #333333}
.job-filtrate__attr .item-filtrate span i {display: none}
.job-filtrate__attr .item-filtrate input {display: none}
.job-filtrate__attr .item-filtrate input:checked + label {color: #333333}
.job-filtrate__attr .item-filtrate input:checked + label:after {width: 100%}
.job-filtrate__attr .item-filtrate label {font-size: 16px;line-height: 1.6;position: relative;display: inline-block;margin-right: 30px;cursor: pointer;color: #888;-moz-transition: color .3s;-o-transition: color .3s;-webkit-transition: color .3s;transition: color .3s}
.job-filtrate__attr .item-filtrate label:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 0;height: 1px;content: '';background-color: #333333;-moz-transition: width .3s;-o-transition: width .3s;-webkit-transition: width .3s;transition: width .3s}
.job-filtrate__list {font-size: 0}
.job-filtrate__list li {margin-bottom: 20px}
.job-filtrate__list li:last-child {margin-bottom: 0}
.job-filtrate__list a {position: relative;display: block;padding: 32px 0;background-color: #fff;-moz-transition: background .4s ease;-o-transition: background .4s ease;-webkit-transition: background .4s ease;transition: background .4s ease}
.job-filtrate__list a:hover {background-color: #333333}
.job-filtrate__list a:hover .rows {color: #fff}
.job-filtrate__list a:hover .more-round {background-color: #fff;-moz-transform: translateY(-50%) rotate(360deg);-ms-transform: translateY(-50%) rotate(360deg);-webkit-transform: translateY(-50%) rotate(360deg);transform: translateY(-50%) rotate(360deg)}
.job-filtrate__list a:hover .more-round i {color: #333333}
.job-filtrate__list .rows {font-size: 16px;display: inline-block;padding-right: 15px;vertical-align: middle;-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.job-filtrate__list .job-title {font-weight: bold;width: 615px;padding-left: 80px;color: #333333}
.job-filtrate__list .job-type {width: 305px;color: #333}
.job-filtrate__list .job-site,.job-filtrate__list .job-num {color: #888}
.job-filtrate__list .job-site {width: 375px}
.job-filtrate__list .job-num {width: 210px}
.job-filtrate__list .more-round {-moz-transition: all .4s ease;-o-transition: all .4s ease;-webkit-transition: all .4s ease;transition: all .4s ease}
.job-filtrate__list .more-round i {-moz-transition: color .4s ease;-o-transition: color .4s ease;-webkit-transition: color .4s ease;transition: color .4s ease}
.job-filtrate__list .more-round .icon-minus {visibility: hidden;opacity: 0}
.job-school__wrap {padding-top: 120px;padding-bottom: 40px}
.job-school__wrap .intro {font: 16px "Montserrat Light";color: #888}
.job-school__wrap .school-time {margin-top: 40px}
.job-school__wrap .school-time span,.job-school__wrap .school-time div,.job-school__wrap .school-time i {display: inline-block;vertical-align: middle}
.job-school__wrap .school-time span {font-size: 22px;margin-top: -50px;color: #333333}
.job-school__wrap .school-time div,.job-school__wrap .school-time i {font-size: 60px;color: #333333}
.job-school__wrap .school-time i {margin-right: 8px;margin-left: 16px}
.job-school__wrap .bg-pic img {width: 100%}
.list-school ul {font-size: 0;margin: 0 -28px}
.list-school li {display: inline-block;width: 33.333%;margin-bottom: 80px;vertical-align: top}
.list-school .item-box {position: relative;height: 240px;margin: 0 28px;background-color: #fff}
.list-school i {position: absolute;display: block;width: 60px;height: 60px;border-radius: 50%;background-color: #F7F7F7}
.list-school .ctl {top: -28px;left: -28px}
.list-school .ctr {top: -28px;right: -28px}
.list-school .cbl {bottom: -28px;left: -28px}
.list-school .cbr {right: -28px;bottom: -28px}
.list-school .item-left,.list-school .item-right {display: inline-block;vertical-align: middle}
.list-school .item-left {width: 32%;padding-left: 40px;backface-visibility: hidden}
.list-school .item-left img {-moz-transition: -moz-transform .8s;-o-transition: -o-transform .8s;-webkit-transition: -webkit-transform .8s;transition: transform .8s;max-width: 90px}
.list-school .item-right {position: relative;width: 68%;height: 100%;padding: 40px 0 40px 60px}
.list-school .item-right:before {position: absolute;top: 0;left: 0;display: block;height: 100%;content: '';border-left: 1px dashed #999}
.list-school .item-right h3 {font-size: 28px;font-weight: bold;line-height: 1.3;max-width: 172px;margin-bottom: 10px;color: #333333;-moz-transition: color .4s;-o-transition: color .4s;-webkit-transition: color .4s;transition: color .4s}
.list-school .item-right p {font-size: 16px;line-height: 1.6;margin-bottom: 73px;color: #888}
.list-school .item-right .time {font-size: 22px;position: absolute;bottom: 40px;width: 100%;color: #333333}
.job-process__wrap .supplier-item {background-color: #F7F7F7}
.job-process__wrap .list-supplier > li:nth-child(1) i,.job-process__wrap .list-supplier > div:nth-child(1) i,.job-process__wrap .list-supplier .slick-slide:nth-child(1) i {background: url(../images/jl-01.svg) no-repeat center center}
.job-process__wrap .list-supplier > li:nth-child(2) i,.job-process__wrap .list-supplier > div:nth-child(2) i,.job-process__wrap .list-supplier .slick-slide:nth-child(2) i {background: url(../images/jl-02.svg) no-repeat center center}
.job-process__wrap .list-supplier > li:nth-child(3) i,.job-process__wrap .list-supplier > div:nth-child(3) i,.job-process__wrap .list-supplier .slick-slide:nth-child(3) i {background: url(../images/jl-03.svg) no-repeat center center}
.job-process__wrap .list-supplier > li:nth-child(4) i,.job-process__wrap .list-supplier > div:nth-child(4) i,.job-process__wrap .list-supplier .slick-slide:nth-child(4) i {background: url(../images/jl-04.svg) no-repeat center center}
.job-process__wrap .list-supplier > li:nth-child(5) i,.job-process__wrap .list-supplier > div:nth-child(5) i,.job-process__wrap .list-supplier .slick-slide:nth-child(5) i {background: url(../images/jl-05.svg) no-repeat center center}
@media (min-width: 1025px) {.list-school a:hover .item-right h3 {color: #333333}
.list-school a:hover .item-left img {-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg)}
.job-filtrate__attr .item-box:hover label {color: #333333}
.job-filtrate__attr .item-box:hover label:after {width: 100%}
}
@media (max-width: 1920px) {.job-filtrate__attr {padding: 4.16667vw}
.job-filtrate__attr .sum-total {margin-bottom: 2.70833vw}
.job-filtrate__attr .sum-total span {margin-left: 2.86458vw}
.job-filtrate__attr .item-filtrate {margin-bottom: .78125vw}
.job-filtrate__attr .item-filtrate span {margin-right: 3.125vw}
.job-filtrate__attr .item-filtrate label {margin-right: 1.5625vw}
.job-filtrate__list .job-title {width: 32.03125vw;padding-left: 4.16667vw}
.job-filtrate__list .job-type {width: 15.88542vw}
.job-filtrate__list .job-site {width: 19.53125vw}
.job-filtrate__list .job-num {width: 10.9375vw}
.job .knowledge-article__wrap {padding-bottom: 2.08333vw;padding-top: 6.25vw}
.job-school__wrap {padding-top: 6.25vw;padding-bottom: 2.08333vw}
.job-school__wrap .school-time {margin-top: 2.08333vw}
.job-school__wrap .school-time i {margin-right: .41667vw;margin-left: .83333vw}
.list-school ul {margin: 0 -1.45833vw}
.list-school li {margin-bottom: 4.16667vw}
.list-school .item-box {margin: 0 1.45833vw}
.list-school .item-left {padding-left: 2.08333vw}
.list-school .item-right {padding: 2.08333vw 0 2.08333vw 3.125vw}
.list-school .item-right h3 {margin-bottom: .52083vw}
.list-school .item-right p {margin-bottom: 3.80208vw}
.list-school .item-right .time {bottom: 2.08333vw}
}
@media (max-width: 1440px) {.job-school__wrap .school-time span {font-size: 20px}
.job-school__wrap .school-time div,.job-school__wrap .school-time i {font-size: 54px}
.list-school .item-box {height: 220px}
.list-school .item-left img {width: 60px}
.list-school .item-right h3 {font-size: 26px}
.list-school .item-right .time {font-size: 20px}
.job-filtrate__attr .sum-total {font-size: 26px}
.job-filtrate__list .rows {font-size: 15px}
}
@media (max-width: 1366px) {.job-school__wrap .item-box {height: 220px}
.job-school__wrap .school-time span {font-size: 18px}
.job-school__wrap .school-time div,.job-school__wrap .school-time i {font-size: 48px}
.list-school .item-box {height: 200px}
.list-school .item-left img {width: 54px}
.list-school .item-right h3 {font-size: 24px}
.list-school .item-right .time {font-size: 18px}
.job-filtrate__list .rows {font-size: 14px}
.job-filtrate__attr .sum-total {font-size: 24px}
.job-filtrate__attr .item-filtrate a,.job-filtrate__attr .item-filtrate label {font-size: 14px}
}
@media (max-width: 1300px) {.list-school .item-left img {width: 48px}
.list-school .item-right h3 {font-size: 22px}
.list-school .item-right .time {font-size: 16px}
.job-filtrate__attr .sum-total {font-size: 22px}
.job-school__wrap .school-time span {font-size: 18px}
.job-school__wrap .school-time div,.job-school__wrap .school-time i {font-size: 42px}
}
@media (max-width: 1024px) {.job-school__wrap {padding-top: 60px;padding-bottom: 20px}
.job-school__wrap .school-time {margin-top: 40px}
.job .knowledge-article__wrap {padding-top: 60px;padding-bottom: 20px}
.list-school {overflow: hidden}
.list-school ul {margin: 0 -10px}
.list-school .item-left {padding: 0 24px;margin-top: 14px}
.list-school .item-left img {width: 32px}
.list-school .item-right {width: 100%;padding: 20px 24px;height: calc(100% - 46px)}
.list-school .item-right h3 {font-size: 20px;margin-bottom: 8px}
.list-school .item-right .time {font-size: 14px;bottom: 20px}
.list-school .item-right:before {display: none}
.list-school .item-box {margin: 0 10px}
.list-school i {width: 48px;height: 48px}
.job-filtrate__attr {padding: 30px}
.job-filtrate__attr .sum-total {font-size: 20px;margin-bottom: 25px}
.job-filtrate__attr .sum-total span {margin-left: 20px}
.job-filtrate__attr .item-filtrate {margin-bottom: 18px}
.job-filtrate__attr .item-filtrate .item-box,.job-filtrate__attr .item-filtrate a {margin-right: 24px}
.job-filtrate__list a {padding: 20px 50px 20px 0}
.job-filtrate__list .job-title {line-height: 1.6;padding-left: 28px}
.job-page__bgPic .link-btn {margin-top: 30px}
.job-page__bgPic .txt {margin-bottom: 0}
}
@media (max-width: 900px) {.list-school li {width: 50%}
}
@media (max-width: 800px) {.job-school__wrap .school-time span {font-size: 16px}
.job-school__wrap .school-time div,.job-school__wrap .school-time i {font-size: 34px}
.job-filtrate__attr .sum-total {font-size: 18px}
.job-filtrate__attr .item-filtrate span {position: relative;display: inline-block;margin-bottom: 15px;padding-right: 20px}
.job-filtrate__attr .item-filtrate span i {font-size: 14px;position: absolute;top: 50%;right: 0;display: block;margin-top: -8px;color: #333333;-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s}
.job-filtrate__attr .item-filtrate .slide-filtrate {display: none}
.job-filtrate__attr .item-filtrate .item-box {margin-bottom: 12px}
.job-filtrate__attr .item-filtrate.active span i {-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.job-filtrate__list a {padding-bottom: 5px}
.job-filtrate__list .job-title {width: calc(100% - 50px);margin-bottom: 15px}
.job-filtrate__list .job-type,.job-filtrate__list .job-site,.job-filtrate__list .job-num {width: auto;margin-bottom: 15px;padding-left: 28px}
.list-school .item-right h3 {font-size: 18px}
.list-school .item-right p {font-size: 14px}
}
@media (max-width: 750px) {.job-data__form .form-item__wrap {margin-right: 0}
}
@media (max-width: 640px) {.list-school .item-box {height: 180px}
.list-school .item-right h3 {font-size: 16px}
.list-school .item-right p {font-size: 13px}
.list-school .item-right .time {font-size: 13px}
.job-school__wrap .school-time span {font-size: 16px;margin-top: -30px}
.job-school__wrap .school-time div,.job-school__wrap .school-time i {font-size: 34px}
}
.product-list__wrap {padding-top: 120px;padding-bottom: 160px}
.product-list__wrap .slick-track {margin-right: 0;margin-left: 0}
.pro-dec {position: absolute;top: 30px;left: 40px;height: 100%;opacity: .5}
.pro-dec span {font: 16px "Montserrat Light";display: block;color: #333333;-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg)}
.pro-dec i {position: absolute;z-index: 60;top: 78px;left: 50%;display: block;width: 2px;height: 100%;margin-left: -1px;opacity: .5;background-color: #333333}
.item-product {font-size: 0;padding-bottom: 120px}
.item-product:last-child {padding-bottom: 0}
.item-product .partner-arrow {position: absolute;bottom: 0;left: 0}
.item-product .partner-arrow a {margin-right: 20px;margin-left: 0}
.item-pro__left,.item-pro__right {display: inline-block;vertical-align: top}
.item-pro__left {width: 26%;padding-right: 90px}
.item-pro__left .title {margin-bottom: 25px}
.item-pro__left .title span {font: 14px "Montserrat Light";display: block;margin-bottom: 18px;color: #333333}
.item-pro__left .title h5 {font-size: 32px;line-height: 1.4;color: #333333}
.item-pro__right {width: 74%}
.item-pro__right .item {position: relative;display: inline-block;margin-right: 28px;margin-left: 28px;padding-top: 30px;vertical-align: top;background-color: #fff}
.item-pro__right .item:after {display: block;clear: both;content: ''}
.item-pro__right .item-pro__slick {margin-right: -28px;margin-left: -28px}
.item-pro__right a:hover .more-icon i {-moz-transform: translate(-50%, -50%) rotate(360deg);-ms-transform: translate(-50%, -50%) rotate(360deg);-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg)}
.item-pro__right .cont {width: 100%;margin-top: 25px;}
.item-pro__right p,.item-pro__right h3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.item-pro__right p {font-size: 22px;margin-bottom: 4px;color: #333333}
.item-pro__right h3 {font-size: 16px;line-height: 2;text-align: center;color: #333333;}
.item-pro__right img {width: 100%;}
.item-pro__right .more-icon {position: relative;float: right;width: 60px;height: 60px;background-color: #ffffff;}
.item-pro__right .more-icon i {font-size: 34px;position: absolute;top: 50%;left: 50%;color: #fff;-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.item-pro__right .dec {position: relative;margin: 0 40px;text-align: right;opacity: .5}
.item-pro__right .dec i,.item-pro__right .dec span {display: inline-block;vertical-align: middle}
.item-pro__right .dec i {position: absolute;top: 50%;right: 0;width: 100%;height: 2px;margin-top: -1px;background-color: #333333}
.item-pro__right .dec span {font: 12px "Montserrat Light";position: relative;z-index: 30;padding-left: 20px;color: #333333;background-color: #fff}
.product-detail .news-article__full {padding-bottom: 40px}
.product-data__banner {position: relative}
.product-data__banner .pic {padding-top: calc(100vh - 100px)}
.product-data__banner .small-pic {display: none;width: 100%}
.product-data__banner .cont {max-width: 600px}
.product-data__banner .cont label {font-size: 16px;display: block;margin-bottom: 50px;color: #333333}
.product-data__banner .cont h2 {font-size: 48px;font-weight: bold;line-height: 1.4;color: #333333}
.product-data__banner .cont h2 span {color: #333333}
.product-data__banner .txt {margin-top: 30px}
.product-data__banner .link-btn {position: absolute;bottom: 40px;left: 0;width: 100%;padding: 0 24px;text-align: center}
.product-data__banner .link-round {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.product-data__banner .link-round:hover {-moz-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);transform: translateY(10px)}
.product-exhibition__wrap {font-size: 0;padding-top: 120px;padding-bottom: 80px}
.product-exhibition__wrap .rows {position: relative;display: inline-block;width: 50%;vertical-align: top}
.product-exhibition__wrap .row-right {padding-top: 60px;padding-left: 160px}
.product-exhibition__wrap .row-right .title label {font-size: 48px;font-weight: bold;line-height: 1.2;color: #333333}
.product-exhibition__wrap .row-right .title p {font-size: 32px;font-weight: bold;line-height: 1.2;color: #333333}
.product-exhibition__wrap .row-right .txt {margin-top: 45px}
.product-exhibition__wrap .btn-func {position: relative;margin-top: 60px}
.product-exhibition__wrap .btn-func > a {margin-right: 40px}
.product-exhibition__wrap .proe-chat__box {position: absolute;right: 0;top: 0}
.product-exhibition__wrap .proe-chat__box span,.product-exhibition__wrap .proe-chat__box a {display: inline-block;vertical-align: middle}
.product-exhibition__wrap .proe-chat__box span {font-size: 14px;color: #333333}
.product-exhibition__wrap .proe-chat__box a {position: relative;margin-right: 12px}
.product-exhibition__wrap .proe-chat__box a .proe-code {-webkit-transition: all .4s;transition: all .4s;opacity: 0;visibility: hidden;position: absolute;left: -50px;top: -145px;max-width: 140px}
.product-exhibition__wrap .proe-chat__box .proe-01 .proe-iq {width: 32px}
.product-exhibition__wrap .proe-chat__box .proe-02 img {width: 58px}
.proe-chat__box a:hover .proe-code {opacity: 1;visibility: visible}
.pro-exhibition__slick img {width: 100%}
.exhibition-bottom__cont p {display: inline-block;width: 25%;margin-bottom: 40px;text-align: center;vertical-align: top}
.exhibition-bottom__cont p img {max-width: 100%}
.prodect-data__video {position: relative;padding-top: 520px;overflow: hidden}
.prodect-data__video .cont {position: absolute;top: 50%;left: 0;width: 100%;padding: 0 24px;text-align: center;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.prodect-data__video .cont h3 {font-size: 32px;font-weight: bold;line-height: 1.2;color: #fff}
.prodect-data__video .cont p {color: #fff}
.prodect-data__video .txt {margin-top: 20px}
.prodect-data__video .vid-btn {display: inline-block;margin-top: 40px}
.prodect-data__video .vid-btn i {font-size: 60px;display: block;color: #fff;-moz-transition: -moz-transform 1s;-o-transition: -o-transform 1s;-webkit-transition: -webkit-transform 1s;transition: transform 1s;backface-visibility: hidden}
.prodect-data__video .vid-btn span {font: 16px "Montserrat Light";position: relative;display: block;margin-top: 20px;padding-bottom: 3px;color: #fff}
.prodect-data__video .vid-btn span:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 0;height: 1px;content: '';background-color: #fff;-moz-transition: width .4s;-o-transition: width .4s;-webkit-transition: width .4s;transition: width .4s;backface-visibility: hidden}
.video-link {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.video-link iframe {width: 100%;height: 100%}
.product-feature__wrap:after {display: block;clear: both;content: ''}
.product-feature__wrap figure img {width: 100%}
.product-feature__wrap figure,.product-feature__wrap article {width: 50%}
.product-feature__wrap article {/* padding-top: 70px */}
.product-feature__wrap .txt {max-width: 90%}
.product-feature__wrap .item {font-size: 0;margin-bottom: 80px}
.product-feature__wrap .item:last-child {margin-bottom: 0}
.product-feature__wrap .item:after {display: block;clear: both;content: ''}
.product-feature__wrap .item:nth-child(odd) figure {float: right}
.product-feature__wrap .item:nth-child(odd) article {float: left;padding-left: 80px}
.product-feature__wrap .item:nth-child(even) figure {float: left}
.product-feature__wrap .item:nth-child(even) article {float: right;padding-left: 120px}
.product-feature__wrap .title {margin-bottom: 22px}
.product-feature__wrap .title label {font: 16px "Montserrat Light";display: block;margin-bottom: 20px;color: #333333}
.product-feature__wrap .title h1 {font-size: 48px;font-weight: bold;line-height: 1.2;color: #333333}
.product-feature__wrap .item-attr {font-size: 0;margin-top: 80px}
.product-feature__wrap .item-attr p {display: inline-block;width: 30%;padding-right: 20px;vertical-align: top}
.product-feature__wrap .item-attr strong {font-size: 32px;line-height: 1.8;color: #333333}
.product-feature__wrap .item-attr span {font-size: 14px;line-height: 2;display: block;color: #888}
.quality .product-feature__wrap .item {overflow: hidden;background-color: #F7F7F7}
.product-quality__main {font-size: 0;position: relative}
.product-quality__main .rows {display: inline-block;width: 50%;vertical-align: top}
.product-quality__main .row-left img {width: 100%}
.product-quality__main .txt {padding-left: 130px}
.product-quality__main .txt h3 {font-size: 18px;line-height: 2;color: #333333}
.product-quality__main .txt p {font-size: 14px;line-height: 2;color: #999}
.product-application__list ul {font-size: 0}
.product-application__list ul:after {display: block;clear: both;content: ''}
.product-application__list li {position: relative;float: left;width: 25%;overflow: hidden}
.product-application__list li.w50 {width: 50%}
.product-application__list li.w50 .txt {padding-right: 140px;height: 50px;overflow: hidden}
.product-application__list img {-moz-transition: -moz-transform .8s;-o-transition: -o-transform .8s;-webkit-transition: -webkit-transform .8s;transition: transform .8s;width: 100%}
.product-application__list .inner {-moz-transition: height .3s;-o-transition: height .3s;-webkit-transition: height .3s;transition: height .3s;position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px;height: 140px;overflow: hidden;background-color: rgba(31, 54, 143, 0.5)}
.product-application__list .title {font-size: 22px;color: #fff;line-height: 1.6}
.product-application__list .txt {font-size: 14px;color: #fff;line-height: 1.8;margin-top: 6px}
.product-application__list .link-btn {position: absolute;right: 20px;bottom: 20px;z-index: 10}
.product-application__list .s-title {-moz-transition: opacity .3s;-o-transition: opacity .3s;-webkit-transition: opacity .3s;transition: opacity .3s;font-size: 22px;color: #fff;position: absolute;left: 0;bottom: 20px;width: 100%;padding: 0 20px}
.product-application__list .h-inner {-moz-transition: opacity .3s;-o-transition: opacity .3s;-webkit-transition: opacity .3s;transition: opacity .3s;padding: 30px 20px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(31, 54, 143, 0.5);opacity: 0}
.product-toggle__tab {font-size: 0;position: relative}
.product-toggle__tab:after {position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 1px;content: '';opacity: .1;background-color: #333333}
.product-toggle__tab a {font-size: 22px;position: relative;display: inline-block;width: 20%;padding: 30px 10px;text-align: center;vertical-align: middle;opacity: .5;color: #333333;-moz-transition: color .4s, opacity .4s;-o-transition: color .4s, opacity .4s;-webkit-transition: color .4s, opacity .4s;transition: color .4s, opacity .4s}
.product-toggle__tab a:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 0;height: 4px;content: '';background-color: #333333;-moz-transition: width .4s;-o-transition: width .4s;-webkit-transition: width .4s;transition: width .4s}
.product-toggle__tab a:hover {opacity: 1;color: #333333}
.product-toggle__tab a:hover:after {width: 100%}
.product-toggle__tab a.on {opacity: 1;color: #333333}
.product-toggle__tab a.on:after {width: 100%}
.product-toggle__title {font-size: 20px;line-height: 1.4;display: none;margin-bottom: 30px;text-align: center;color: #333333;font-weight: bold}
.product-toggle__table table {width: 100% !important;display: table;text-align: left}
.product-toggle__table th {vertical-align: baseline;padding: 30px;background-color: #333333;color: #fff;font-size: 16px}
.product-toggle__table th p,.product-toggle__table th strong,.product-toggle__table th span {color: #fff;font-size: 16px}
.product-toggle__table tr {display: table-row;width: 100%}
.product-toggle__table tr:nth-child(odd) {background-color: #F7F7F7}
.product-toggle__table td {display: table-cell;vertical-align: middle;padding: 30px;font: 16px "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;line-height: 2;color: #333333}
.product-toggle__table td span,.product-toggle__table td p,.product-toggle__table td strong {font: 16px "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;line-height: 2;color: #333333}
.product-toggle__table .slide-dec {display: none}
.product-toggle__item {display: none}
.product-toggle__item:first-child {display: block}
.product-toggle__download li {background-color: #F7F7F7}
.vid-bg {position: absolute;z-index: 100;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9)}
.vid-content {display: none}
.vid-content .vid-full {position: absolute;z-index: 120;top: 50%;left: 50%;max-width: 100%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.vid-content video {outline: none;width: 100%;height: 100%}
.vid-close {font-size: 20px;position: absolute;z-index: 9999;top: 20px;right: 20px;color: #fff;-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.vid-close:hover {-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg)}
.product-hybr__list {padding-bottom: 60px}
.product-hybr__list ul {margin: 0 -15px}
.product-hybr__list li > a {margin: 0 15px}
.product-hybr__list .pic {overflow: hidden;position: relative}
.product-hybr__list .pic::before {content: "";display: block;padding-top: 100%}
.product-hybr__list .pic img {position: absolute;left: 0;top: 0;width: 100%}
.product-hybr__list .title,.product-hybr__list .txt,.product-hybr__list .price {color: #333333}
.product-hybr__list .title {font-size: 16px;line-height: 1.4;margin-top: 10px}
.product-hybr__list .txt {font-size: 14px;line-height: 1.6;margin-top: 8px}
.product-hybr__list .price {font-size: 20px;margin-top: 30px}
@media (min-width: 1025px) {.product-data__banner .cont {position: absolute;top: 50%;left: 9.63542vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.item-pro__right img {-moz-transition: -moz-transform .8s;-o-transition: -o-transform .8s;-webkit-transition: -webkit-transform .8s;transition: transform .8s}
.item-pro__right a:hover img {-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1)}
.prodect-data__video:hover .vid-btn i {-moz-transform: scale(1.08);-ms-transform: scale(1.08);-webkit-transform: scale(1.08);transform: scale(1.08)}
.prodect-data__video:hover .vid-btn span:after {width: 100%}
.product-application__list .link-btn span,.product-application__list .link-btn p {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.product-application__list .link-btn p {position: relative;padding: 3px 0}
.product-application__list .link-btn p::after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 0;height: 1px;content: '';-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.product-application__list .link-btn:hover span {-webkit-transform: translateX(75px);transform: translateX(75px)}
.product-application__list .link-btn:hover p {-webkit-transform: translateX(-42px);transform: translateX(-42px)}
.product-application__list .link-btn:hover p::after {width: 100%}
.product-application__list li:hover img {-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1)}
.product-application__list li:hover .inner {height: 100%}
.product-application__list .w50:hover .txt {height: auto}
.product-application__list .item-box2:hover .s-title {opacity: 0}
.product-application__list .item-box2:hover .h-inner {opacity: 1}
}
@media (max-width: 1920px) {.product-list__wrap {padding: 4.25vw 0;}
.item-product {padding-bottom: 3.5vw;}
.item-product .partner-arrow a {margin-right: 1.04167vw}
.item-pro__left {padding-right: 4.6875vw}
.item-pro__left p {line-height: 1.5;}
.item-pro__left .title {margin-bottom: 1.30208vw}
.item-pro__left .title span {margin-bottom: .9375vw}
.item-pro__right .item {margin-right: 1.45833vw;margin-left: 1.45833vw}
.item-pro__right .item-pro__slick {margin-right: -1.45833vw;margin-left: -1.45833vw}
.item-pro__right p,.item-pro__right h3 {padding: 0 2.08333vw}
.item-pro__right img {}
.item-pro__right .dec {margin: 0 2.08333vw;display: none;}
.product-detail .news-article__full {padding-bottom: 2.08333vw}
.product-data__banner .cont label {margin-bottom: 2.60417vw}
.product-data__banner .txt {margin-top: 1.5625vw}
.product-exhibition__wrap {padding-top: 6.25vw;padding-bottom: 4.16667vw}
.product-exhibition__wrap .row-right {padding-top: 3.125vw;padding-left: 8.33333vw}
.product-exhibition__wrap .row-right .txt {margin-top: 2.34375vw}
.product-exhibition__wrap .btn-func {margin-top: 3.125vw}
.product-exhibition__wrap .btn-func > a {margin-right: 2.08333vw}
.exhibition-bottom__cont p {margin-bottom: 2.08333vw}
.prodect-data__video .txt {margin-top: 1.04167vw}
.prodect-data__video .vid-btn {margin-top: 2.08333vw}
.prodect-data__video .vid-btn span {margin-top: 1.04167vw}
.product-feature__wrap article {/* padding-top: 3.64583vw */}
.product-feature__wrap .item {margin-bottom: 4.16667vw}
.product-feature__wrap .item:nth-child(odd) article {padding-left: 4.16667vw}
.product-feature__wrap .item:nth-child(even) article {padding-left: 6.25vw}
.product-feature__wrap .title {margin-bottom: 1.14583vw}
.product-feature__wrap .title label {margin-bottom: 1.04167vw}
.product-feature__wrap .item-attr {margin-top: 4.16667vw}
.product-quality__main .txt {padding-left: 6.77083vw}
.product-application__list .inner {padding: 1.5625vw}
}
@media (max-width: 1800px) {.pro-dec {left: 20px}
}
@media (max-width: 1680px) {.pro-dec {left: 0}
}
@media (max-width: 1459px) {.item-pro__right .item {margin-right: 1vw;margin-left: 1vw}
.item-pro__left {padding-right: 1.6875vw}
}
@media (max-width: 1440px) {.item-pro__left .title h5 {font-size: 30px}
.item-pro__right p {font-size: 20px}
.item-pro__right h3 {font-size: 15px;line-height: 1.6}
.item-pro__right .more-icon {width: 52px;height: 52px}
.item-pro__right .more-icon i {font-size: 30px}
.pro-dec {left: 1%}
.product-data__banner .cont h2 {font-size: 42px}
.product-exhibition__wrap .row-right {padding-top: 0}
.product-exhibition__wrap .row-right .title label {font-size: 42px}
.product-exhibition__wrap .row-right .title p {font-size: 30px}
.prodect-data__video .cont h3 {font-size: 30px}
.prodect-data__video .vid-btn i {font-size: 48px}
.product-feature__wrap .title h1 {font-size: 38px}
.product-feature__wrap .item-attr strong {font-size: 30px}
.product-toggle__tab a {font-size: 20px}
.product-application__list .title {font-size: 20px}
.product-list__content {width: 88%}
.product-data__banner .cont {max-width: 420px}
}
@media (max-width: 1366px) {.item-pro__left .title h5 {font-size: 26px}
.item-pro__right p {font-size: 18px}
.item-pro__right h3 {font-size: 14px}
.item-pro__right .more-icon {width: 48px;height: 48px}
.item-pro__right .more-icon i {font-size: 26px}
.product-data__banner .cont h2 {font-size: 38px}
.product-exhibition__wrap .row-right {padding-top: 0}
.product-exhibition__wrap .row-right .title label {font-size: 38px}
.product-exhibition__wrap .row-right .title p {font-size: 28px}
.prodect-data__video .txt h3 {font-size: 28px}
.prodect-data__video .vid-btn i {font-size: 44px}
.product-feature__wrap .title h1 {font-size: 34px}
.product-feature__wrap .item-attr strong {font-size: 28px}
.product-toggle__tab a {font-size: 18px}
.product-application__list .title {font-size: 18px}
}
@media (max-width: 1024px) {.product-list__wrap {padding-top: 60px;padding-bottom: 80px}
.pro-dec {display: none}
.item-pro__left .title {margin-bottom: 15px}
.item-pro__left .title h5 {font-size: 24px}
.item-pro__left .title span {margin-bottom: 10px}
.item-product {padding-bottom: 60px}
.item-product .partner-arrow {display: none;}
.item-pro__right {width: 100%}
.item-pro__right img {}
.item-pro__right .item-pro__slick {margin-right: -10px;margin-left: -10px}
.item-pro__right .item {margin-right: 10px;margin-left: 10px;padding-top: 15px;display: block}
.item-pro__right .more-icon {width: 44px;height: 44px}
.item-pro__right .dec {margin: 0 20px}
.item-pro__right p {padding-bottom: 5px}
.item-pro__right p,.item-pro__right h3 {margin: 0 20px}
.item-pro__left {width: 100%;margin-bottom: 30px}
.item-pro__left .title h5 {font-size: 22px}
.item-pro__slick > div {display: inline-block;width: 50%;margin-bottom: 40px;vertical-align: top}
.product-data__banner .link-btn {display: none}
.product-data__banner .pic {padding-top: 46.88%;-moz-transform: translateX(-20%);-ms-transform: translateX(-20%);-webkit-transform: translateX(-20%);transform: translateX(-20%)}
.product-data__banner .pic .lazy {display: none}
.product-data__banner .cont {left: 40px;max-width: 100%;padding: 30px 24px}
.product-data__banner .cont label {margin-bottom: 30px}
.product-data__banner .cont h2 {font-size: 32px}
.product-data__banner .txt {margin-top: 15px}
.product-exhibition__wrap {padding-top: 60px;padding-bottom: 40px}
.product-exhibition__wrap .row-right {padding-left: 30px}
.product-exhibition__wrap .row-right .title label {font-size: 32px;display: block;margin-bottom: 4px}
.product-exhibition__wrap .row-right .title p {font-size: 24px}
.product-exhibition__wrap .row-right .txt {margin-top: 24px}
.product-exhibition__wrap .btn-func {margin-top: 30px}
.product-exhibition__wrap .btn-func > a {margin-right: 20px}
.product-exhibition__wrap .proe-chat__box {position: relative;top: auto;right: auto;margin-top: 30px}
.prodect-data__video .txt h3 {font-size: 24px;margin-bottom: 20px}
.prodect-data__video .vid-btn {margin-top: 15px}
.prodect-data__video .vid-btn i {font-size: 34px}
.prodect-data__video .vid-btn span {font-size: 14px;margin-top: 8px}
.vid-close {font-size: 18px}
.product-feature__wrap .item {margin-bottom: 40px}
.product-feature__wrap .title {margin-bottom: 15px}
.product-feature__wrap .title label {font-size: 14px;margin-bottom: 15px}
.product-feature__wrap .title h1 {font-size: 26px}
.product-feature__wrap .item-attr {margin-top: 30px}
.product-feature__wrap .item-attr p {width: 33.333%}
.product-feature__wrap .item-attr strong {font-size: 24px}
.product-toggle__tab {display: none}
.product-toggle__table {font-size: 0;margin-bottom: 60px}
.product-toggle__title {display: block}
.product-toggle__download {display: block}
.product-application__list li {width: 50%}
.product-application__list li.w50 {width: 100%}
.product-application__list .inner {padding: 20px}
.product-application__list .title,.product-application__list .s-title {font-size: 16px}
.product-application__list .txt {display: none}
.product-application__list .inner {height: 100%}
.product-application__list .s-title {opacity: 0}
.product-application__list .h-inner {opacity: 1}
.product-application__list .title {position: absolute;bottom: 20px}
.product-application__list .item-box2 .link-btn {display: none}
.product-quality__main .rows {width: 100%}
.product-quality__main .row-left {margin-bottom: 30px}
.product-quality__main .txt {padding-left: 0}
.exhibition-bottom__cont p {margin-bottom: 20px}
.exhibition-bottom__cont p img {width: 50%}
.product-data__banner .link-btn {bottom: 20px}
.product-list__content {width: auto}
}
@media (max-width: 800px) {.product-data__banner .cont h2 {font-size: 25px;margin-bottom: 12px}
.product-exhibition__wrap .row-right {padding-left: 0}
.product-exhibition__wrap .row-right .title label {font-size: 26px}
.product-exhibition__wrap .row-right .title p {font-size: 20px}
.product-exhibition__wrap .rows {width: 100%}
.product-exhibition__wrap .row-left {margin-bottom: 25px}
.product-exhibition__wrap .proe-chat__box span {font-size: 12px}
.product-exhibition__wrap .proe-chat__box .proe-01 .proe-iq {width: 26px}
.product-exhibition__wrap .proe-chat__box .proe-02 img {width: 46px}
.product-exhibition__wrap .proe-chat__box a .proe-code {left: -38px;top: -120px;max-width: 115px}
a .proe-code .prodect-data__video {padding-top: 60%}
a .proe-code .prodect-data__video .txt h3 {font-size: 22px}
a .proe-code .prodect-data__video .vid-btn i {font-size: 30px}
.product-feature__wrap .item:nth-child(odd) figure,.product-feature__wrap .item:nth-child(odd) article,.product-feature__wrap .item:nth-child(even) figure,.product-feature__wrap .item:nth-child(even) article {float: none;width: 100%;padding-top: 0;padding-left: 0}
.product-feature__wrap .item figure {margin-bottom: 25px}
.product-feature__wrap .item-attr strong {font-size: 22px;line-height: 1.6}
.product-feature__wrap .item-attr span {font-size: 12px;line-height: 1.6}
.product-feature__wrap .title h1 {font-size: 24px}
.product-feature__wrap .txt {max-width: 100%;padding: 10px;}
.product-list__wrap {padding-bottom: 60px}
.product-list__wrap .partner-arrow {display: none}
.product-toggle__table table {width: 900px !important}
.product-toggle__table .product-table__main {width: 100%;overflow-x: scroll;-webkit-overflow-scrolling: touch}
.product-toggle__table .slide-dec {display: block;text-align: center;margin-top: 15px}
.product-toggle__table .slide-dec i {font-size: 32px;color: #999}
.product-toggle__table .slide-dec span {font-size: 16px;color: #999;display: block;margin-top: 8px}
}
@media (max-width: 750px) {.product-data__banner .larze-pic {display: none}
.product-data__banner .small-pic {display: block}
.product-toggle__table table {width: 800px !important}
}
@media (max-width: 640px) {.item-pro__left .title h5 {font-size: 20px}
.product-feature__wrap .title h1 {font-size: 22px}
.product-feature__wrap .item-attr strong {font-size: 20px}
.product-application__list .title {font-size: 14px}
.exhibition-bottom__cont p {width: 50%;padding-right: 20px}
.exhibition-bottom__cont p img {width: 65%}
.prodect-data__video {padding-top: 80%}
.prodect-data__video .txt h3 {margin-bottom: 10px}
.prodect-data__video .vid-btn {margin-top: 25px}
.item-pro__right .item-pro__slick {margin-right: -5px;margin-left: -5px}
.item-pro__right .item {margin-right: 5px;margin-left: 5px}
.item-pro__right .dec {display: none}
.item-pro__right p {font-size: 16px}
.item-pro__right h3 {font-size: 14px}
.item-pro__right .more-icon {width: 36px;height: 36px}
.item-pro__right .more-icon i {font-size: 22px}
.item-pro__right img {}
.item-pro__slick > div {display: block;width: 100%;margin-bottom: 40px}
.item-pro__slick > div:last-child {margin-bottom: 0}
.item-pro__right .cont {}
.vid-close {font-size: 16px;right: auto;left: 20px}
}
@media (max-width: 500px) {.vid-content .vid-full {width: 100%}
}
.company-culture__wrap .list-culture a {position: relative;overflow: hidden}
.company-page__bgPic .link-btn {position: absolute;bottom: 40px;left: 0;width: 100%;padding: 0 24px;text-align: center}
.company-page__bgPic .link-round {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.company-page__bgPic .link-round:hover {-moz-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);transform: translateY(10px)}

.company-intro  {margin: 5% 0;}


.company-intro h4 {margin-bottom: 0}
.company-intro .inner {margin-top: 0px;text-align: left}
.company-intro .link-btn i {font-size: 22px}
.company-intro .bg-pic {padding-top: 32.5%}
.list-culture ul {margin: 0 -28px}
.list-culture .box {position: relative;overflow: hidden;margin: 0 28px;cursor: pointer}
.list-culture article {position: absolute;top: 50%;left: 0;width: 100%;padding: 0 24px;text-align: center;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.list-culture article h1 {font-size: 22px;font-weight: bold;line-height: 1.6;color: #fff}
.list-culture article .txt {margin-top: 8px}
.list-culture article p {color: #fff}
.list-culture .item-right {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background-color: #333333;backface-visibility: hidden;-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s;-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);transform: translateY(-100%)}
.list-culture .item-right .il-title {display: none}
.list-culture .item-right .cont {position: absolute;top: 50%;left: 50%;width: 100%;max-width: 400px;padding: 0 24px;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.list-culture .item-right p {color: #fff}
.company-culture__wrap {padding-bottom: 40px}
.company-culture__wrap .item-right .txt {max-width: 280px;margin-right: auto;margin-left: auto}
.company-philosophy__wrap {padding-top: 120px;padding-bottom: 40px}
.company-philosophy__wrap .list-philosophy {margin-top: 2vw;}
.list-philosophy ul {font-size: 0;margin: 0 -28px}
.list-philosophy li {display: inline-block;width: 33.33%;margin-bottom: 80px;vertical-align: top}
.list-philosophy .box {height: 350px;margin: 0 28px;padding-top: 50px;padding-right: 24px;padding-left: 24px;text-align: center;background-color: #F7F7F7;}
.list-philosophy span {font-size: 22px;line-height: 1.6;display: block;margin-top: 40px;margin-bottom: 15px;color: #333333}
.company-strategy__wrap {padding-bottom: 40px}
.list-strategy article {margin-top: 34px;text-align: center}
.list-strategy article h1 {font-size: 32px;font-weight: bold;line-height: 1.6;color: #333333}
.list-strategy .txt {margin-top: 20px}
.list-strategy .txt p {font-size: 22px;line-height: 1.6;color: #888}
.company-hybr__wrap {position: relative;padding-top: 33.333%}
.company-hybr__wrap .ikon-dec__full {right: 80px}
.company-hybr__wrap .ikon-dec__full i {-moz-transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);transform: translateY(-15px)}
.company-hybr__wrap .ikon-dec__full span {-moz-transform: translateY(15px) rotate(180deg);-ms-transform: translateY(15px) rotate(180deg);-webkit-transform: translateY(15px) rotate(180deg);transform: translateY(15px) rotate(180deg)}
.company-hybr__wrap .cont {position: absolute;top: 50%;left: 160px;max-width: 554px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.company-hybr__wrap .title h4 {font-size: 48px;line-height: 1.4;color: #fff}
.company-hybr__wrap .title p {font: 16px "Montserrat Light";line-height: 1.6;color: #fff}
.company-hybr__wrap .txt {margin-top: 30px}
.company-hybr__wrap .txt p {font-size: 16px;line-height: 2;color: #fff}
.company-honor__wrap .partner-arrow a {margin-right: 0;margin-left: 20px}
.company-honor__wrap .slick-track {margin-right: 0;margin-left: 0}
.horor-toggle {position: relative;margin-bottom: 40px}
.horor-toggle .title {position: relative;max-width: 720px;padding-right: 60px;padding-bottom: 15px;padding-left: 60px}
.horor-toggle .title p {font-size: 32px;line-height: 1.8;color: #333333}
.horor-toggle .title span {color: #333333}
.horor-toggle .partner-arrow {position: absolute;right: 0;bottom: 0}
.hornor-slick {margin: 0 -28px;padding-top: 60px;border-top: 2px solid #333333}
.hornor-slick .item {margin: 0 28px}
.hornor-slick img {width: 100%}
.sh-year {position: relative;z-index: 1}
.sh-year::before {position: absolute;top: 50%;right: 0;left: 0;height: 1px;content: '';opacity: .1;background-color: #333333}
.shy-box {position: relative}
.slick-hyear {margin-right: 240px;margin-left: 240px}
.slick-hyear .slick-current span {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1)}
.shyear-item {text-align: center}
.shyear-item span {font-family: "Montserrat Bold";font-size: 120px;line-height: 1;position: relative;display: inline-block;vertical-align: top;color: #333333;-moz-transition: -moz-transform 2s;-o-transition: -o-transform 2s;-webkit-transition: -webkit-transform 2s;transition: transform 2s;-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0)}
.shyear-item span::before {position: absolute;top: 50%;left: -50px;width: 10px;height: 10px;margin-top: -5px;content: '';border-radius: 50%;background-color: #333333}
.shy-arrow {font-size: 30px;line-height: 50px;position: absolute;top: 50%;width: 50px;height: 50px;margin-top: -25px;cursor: pointer;text-align: center;color: #fff;border-radius: 50%;background-color: #333333;-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.shy-prev {left: 0}
.shy-next {right: 0}
.shy-left,.shy-right {position: absolute;top: 50%;overflow: hidden;width: 150px;height: 90px;margin-top: -45px;padding: 20px 0}
.shy-left {left: 70px}
.shy-right {right: 70px}
.shs-item {position: relative;display: inline-block;width: 50px;height: 50px;cursor: pointer;vertical-align: top}
.shs-item::before {position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;margin-top: -5px;margin-left: -5px;content: '';opacity: .4;border-radius: 50%;background-color: #333333}
.shs-item span {font-family: "Montserrat Light";font-size: 14px;line-height: 20px;position: absolute;top: 100%;right: 0;left: 0;text-align: center;opacity: .5;color: #999}
.shs-item:hover::before {opacity: 1}
.shy-sbox {font-size: 0;position: relative;width: 1000px;text-align-last: auto}
.history-full__slick {font-size: 0}
.history-full__slick .pic,.history-full__slick .inner {display: inline-block;vertical-align: middle}
.history-full__slick .pic {width: 48%}
.history-full__slick .pic img {width: 100%}
.history-full__slick .inner {width: 52%;padding: 0 140px}
.history-full__slick .title {font-size: 32px;font-weight: 700;line-height: 1.8;color: #333333}
.history-full__slick .txt {margin-top: 10px}
@media (min-width: 1025px) {.shy-arrow:hover {-moz-transform: scale(0.8);-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8)}
.list-culture .box:hover .item-right {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
}
@media (max-width: 1920px) {.company-strategy__wrap {padding-bottom: 40px}
.company-page__bgPic .link-btn {bottom: 2.08333vw}
.company-intro .inner {margin-top: 1.5625vw}
.company-culture__wrap {padding-bottom: 2.08333vw}
.list-culture ul {margin: 0 -1.45833vw}
.list-culture .box {margin: 0 1.45833vw}
.list-culture article .txt {margin-top: .41667vw}
.company-philosophy__wrap {padding-top: 0vw;padding-bottom: 0.08333vw;}
.list-philosophy ul {margin: 0 -1.45833vw}
.list-philosophy li {margin-bottom: 4.16667vw}
.list-philosophy .box {margin: 0 1.45833vw;padding-top: 2.00417vw;padding-bottom: 2vw;}
.list-philosophy span {margin-bottom: 0.78125vw;margin-bottom: 0.78125vw;margin-bottom: .78125vw;}
.list-strategy article {margin-top: 1.77083vw}
.list-strategy .txt {margin-top: 1.04167vw}
.history-full__slick .inner {padding: 0 7.29167vw}
.history-full__slick .txt {margin-top: .52083vw}
.hornor-slick {margin: 0 -1.45833vw;padding-top: 3.125vw}
.hornor-slick .item {margin: 0 1.45833vw}
.company-hybr__wrap .ikon-dec__full {right: 4.16667vw}
.company-hybr__wrap .cont {left: 8.33333vw}
.company-hybr__wrap .txt {margin-top: 1.5625vw}
.company-honor__wrap .partner-arrow a {margin-left: 1.04167vw}
.horor-toggle {margin-bottom: 2.08333vw}
.shyear-item {text-align: center}
.shyear-item span {font-size: 6.25vw}
}
@media (max-width: 1440px) {.list-culture article h1 {font-size: 20px}
.list-philosophy span {font-size: 20px}
.list-strategy article h1 {font-size: 30px}
.list-strategy .txt p {font-size: 20px}
.company-hybr__wrap .title h4 {font-size: 40px}
.horor-toggle .title p {font-size: 30px}
.history-full__slick .title {font-size: 30px}
.shy-arrow {font-size: 26px;line-height: 44px;width: 44px;height: 44px;margin-top: -22px}
}
@media (max-width: 1366px) {.list-culture article h1 {font-size: 18px}
.list-philosophy span {font-size: 18px}
.list-strategy article h1 {font-size: 26px}
.list-strategy .txt p {font-size: 18px}
.company-hybr__wrap .title h4 {font-size: 34px}
.horor-toggle .title p {font-size: 26px}
.company-intro .link-btn i {font-size: 20px}
.history-full__slick .title {font-size: 26px}
.shy-arrow {font-size: 22px;line-height: 40px;width: 40px;height: 40px;margin-top: -20px}
}
@media (max-width: 1024px) {.company-culture__wrap {padding-bottom: 20px}
.company-intro .inner {margin-top: 15px}
.list-strategy article {margin-top: 17px}
.list-strategy article h1 {font-size: 22px}
.list-strategy .txt p {font-size: 16px}
.company-hybr__wrap .title h4 {font-size: 28px}
.company-hybr__wrap .cont {left: 0;width: 100%;padding: 0 24px}
.company-hybr__wrap .cont p {font-size: 14px}
.company-hybr__wrap .txt {margin-top: 15px}
.list-culture article {display: none}
.list-culture article .txt {margin-top: 0}
.list-culture .item-right {background-color: transparent;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
.list-culture .item-right .il-title {font-size: 18px;display: block;margin-bottom: 15px;color: #fff}
.horor-toggle {margin-bottom: 20px}
.horor-toggle .title {max-width: 580px;padding-right: 48px;padding-left: 48px}
.horor-toggle .title p {font-size: 22px}
.list-philosophy img {width: 65px}
.list-philosophy .box {height: 260px;padding-top: 30px}
.shyear-item span {font-size: 60px}
.shyear-item span::before {left: -20px}
.history-full__slick .title {font-size: 22px;line-height: 1.6}
.history-full__slick .txt {margin-top: 15px}
.history-full__slick .inner {padding: 0 30px}
.shy-arrow {line-height: 40px;width: 40px;height: 40px;margin-top: -20px}
.company-page__bgPic .link-btn {bottom: 20px}
.company-intro .link-btn i {font-size: 18px}
}
@media (max-width: 768px) {.company-hybr__wrap .title h4 {font-size: 22px}
.list-philosophy li {width: 50%}
.list-philosophy span {margin-top: 15px;margin-bottom: 10px}
.list-strategy article h1 {font-size: 20px}
.list-strategy .txt {margin-top: 4px}
.list-strategy .txt p {font-size: 14px}
.shyear-item span {font-size: 40px}
.shyear-item span::before {left: -10px;display: none}
.slick-hyear {margin-right: 90px;margin-left: 90px}
.shy-left,.shy-right {width: 50px}
.shy-left {left: 40px}
.shy-left .shy-sbox {-webkit-transform: translateX(-100px);transform: translateX(-100px)}
.shy-right {right: 40px}
.history-full__slick .pic {width: 100%}
.history-full__slick .inner {width: 100%;margin-top: 30px;padding: 0}
.company-intro .link-btn i {font-size: 16px}
}
@media (max-width: 640px) {.company-hybr__wrap {padding-top: 64%}
.company-hybr__wrap .title h4 {font-size: 20px}
.company-hybr__wrap .cont p {font-size: 12px}
.company-honor__wrap .partner-arrow {position: relative;right: auto;bottom: auto;margin-top: 30px}
.horor-toggle .title {padding-right: 30px;padding-left: 30px}
.horor-toggle .title p {font-size: 18px}
.list-philosophy img {width: 50px}
.history-full__slick .title {font-size: 18px}
.shy-arrow {font-size: 20px;line-height: 34px;width: 34px;height: 34px;margin-top: -17px}
.company-intro .bg-pic {padding-top: 50%}
}
@media (max-width: 500px) {.list-philosophy li {width: 100%}
.list-philosophy .box {height: auto;padding-bottom: 30px}
}
.home .wrap {padding-top: 0}
.banner-full {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0}
.cray1440 {display: none}
.index-banner__slick .item {position: relative;height: 100%}
.index-banner__slick .pic img {width: 100%}
.index-banner__slick .m-pic {display: none}
.index-banner__slick .m-pic img {width: 100%}
.index-banner__slick .item-cont {position: absolute;z-index: 80;top: 50%;left: 160px;max-width: 1200px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.index-banner__slick .item-cont h4 {font: 18px "Montserrat Light";margin-bottom: 10px;letter-spacing: 1px;color: #fff}
.index-banner__slick .item-cont h3 {font-size: 80px;font-weight: bold;line-height: 1.4;color: #fff}
.index-banner__slick .item-cont p {font-size: 20px;line-height: 1.6;margin-top: 50px;letter-spacing: 10px;color: #fff}
.index-banner__slick .ani-icon {position: absolute;top: 520px;right: 230px;-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s}
.index-banner__slick .ani-icon.active {-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px)}
.index-banner__btn {position: absolute;right: 90px;bottom: 80px}
.index-banner__btn .ib-page,.index-banner__btn a {display: inline-block;vertical-align: middle}
.index-banner__btn .ib-page {font-size: 0}
.index-banner__btn .ib-page span {width: 25px}
.index-banner__btn .ib-page span,.index-banner__btn .ib-page b {display: inline-block;vertical-align: middle}
.index-banner__btn .ib-page span,.index-banner__btn .ib-page b {font-size: 16px;color: #fff}
.index-banner__btn .current-page {text-align: right}
.index-banner__btn .slick-arrow {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.index-banner__btn .slick-arrow:hover {-moz-transform: scale(0.9);-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9)}
.index-cooperation__wrap {padding-top: 140px;padding-bottom: 80px}
.index-cooperation__wrap .title {max-width: 750px;padding-right: 100px}
.index-cooperation__wrap .horor-toggle .partner-arrow {bottom: 30px}
.index-cooperation__wrap .horor-toggle .partner-arrow a {margin-right: 0;margin-left: 20px}
.index-cooperation__slick {border-top: 2px solid #333333}
.index-cooperation__slick .pic {position: relative}
.index-cooperation__slick .pic img {max-width: 100%;margin: auto;-moz-transition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;transition: all .4s}
.index-cooperation__slick .pic .hl {position: absolute;top: 0;left: 50%;visibility: hidden;opacity: 0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.index-cooperation__slick .item {text-align: center}
.index-cooperation__slick a {position: relative;display: block;height: 350px;padding-top: 40px}
.index-cooperation__slick a:before {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;content: '';background-color: #333333;-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s;-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);transform: translateY(-100%)}
.index-cooperation__slick .cont {position: relative;padding: 0 24px}
.index-cooperation__slick .inner {-moz-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;transition: all .3s}
.index-cooperation__slick .inner h4 {font-size: 22px;line-height: 1.8;margin-bottom: 10px;color: #333333}
.index-cooperation__slick .inner p {font-size: 14px;line-height: 1.6;color: #888}
.index-cooperation__slick .txt {position: absolute;z-index: 10;top: 0;left: 0;visibility: hidden;width: 100%;padding: 0 24px;opacity: 0;-moz-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;transition: all .3s}
.index-cooperation__slick .txt p {color: #fff}
.index-cooperation__slick .slick-track {margin-right: 0;margin-left: 0}
.news-classify__slick {font-size: 0;position: relative}
.news-classify__slick .item {position: relative;overflow: hidden;margin-bottom: -1px}
.news-classify__slick figure {position: relative;overflow: hidden;width: 50%}
.news-classify__slick img {width: 100%;-moz-transition: -moz-transform 2s;-o-transition: -o-transform 2s;-webkit-transition: -webkit-transform 2s;transition: transform 2s}
.news-classify__slick .icon-aw {font-size: 20px;position: absolute;top: 50%;left: -24px;color: #fff;-moz-transform: translateY(-50%) rotate(270deg);-ms-transform: translateY(-50%) rotate(270deg);-webkit-transform: translateY(-50%) rotate(270deg);transform: translateY(-50%) rotate(270deg)}
.index-news__classify {position: relative}
.index-news__classify .ib-arrow {width: 100%;text-align: center}
.index-news__wrap {padding-top: 140px;padding-bottom: 120px}
.index-news__wrap .horor-toggle .title {padding-right: 100px;padding-left: 100px}
.index-hybr__wrap .cont {max-width: 750px}
.index-hybr__wrap .box-btn {margin-top: 60px}
.index-hybr__wrap .box-btn a {margin-right: 40px}
.index-hybr__wrap .btn-02 i {font-size: 18px;font-weight: 700}
.index-hybr__wrap .btn-02 p:after {background-color: #fff}
.index-product__feature {padding-top: 140px;padding-bottom: 120px}
.index-product__feature .horor-toggle {margin-bottom: 60px}
.index-product__feature .horor-toggle .title {max-width: 100%}
.index-product__feature ul {font-size: 0;margin: 0 -28px}
.index-product__feature li {display: inline-block;width: 33.33%;margin-bottom: 80px;vertical-align: top}
.index-product__feature li a {position: relative;overflow: hidden;height: 370px;margin: 0 28px;text-align: center;background-color: #fff;display: flex;align-items: center}
.index-product__feature li a:before {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;content: '';background-color: #333333;-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s;-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);transform: translateY(-100%)}
.index-product__feature .item-box {width: 100%;padding: 0 24px}
.index-product__feature .item-box__pic img {max-width: 100%;-moz-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;transition: all .3s}
.index-product__feature .item-box__pic .hl {position: absolute;top: 0;left: 50%;visibility: hidden;opacity: 0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.index-product__feature .item-box__cont {margin-top: 25px}
.index-product__feature .inner {-moz-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;transition: all .3s;backface-visibility: hidden}
.index-product__feature .inner p {font-size: 22px;line-height: 1.6;color: #333333}
.index-product__feature .txt {position: absolute;top: 0;left: 0;visibility: hidden;width: 100%;opacity: 0;-moz-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;transition: all .3s;backface-visibility: hidden}
.index-product__feature .txt p {color: #fff;max-width: 310px;margin: auto}
.index-product__wrap .ikon-dec__down i {background-color: #333333}
.index-product__wrap .ikon-dec__down span {color: #333333;writing-mode: vertical-lr}
.index-product__wrap .row-left__dec {top: 0;left: 80px;-moz-transform: translateY(0px);-ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px)}
.index-product__wrap .row-left__dec i {height: 480px;-moz-transform: translateY(55px);-ms-transform: translateY(55px);-webkit-transform: translateY(55px);transform: translateY(55px)}
.index-product__wrap .row-left__dec span {-moz-transform: translateY(25px) rotate(0);-ms-transform: translateY(25px) rotate(0);-webkit-transform: translateY(25px) rotate(0);transform: translateY(25px) rotate(0)}
.index-product__wrap .row-right__dec {top: 0;right: 65px;left: auto;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
.index-product__wrap .row-right__dec i {height: 450px;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
.index-product__wrap .row-right__dec span {-moz-transform: translateY(30px) rotate(180deg);-ms-transform: translateY(30px) rotate(180deg);-webkit-transform: translateY(30px) rotate(180deg);transform: translateY(30px) rotate(180deg)}
.index-pro__caption {max-width: 900px;margin-right: auto;margin-left: auto;text-align: center}
.index-pro__caption span {font-size: 48px;line-height: 1.4;display: block;color: #333333;font-weight: 500}
.index-pro__caption p {font-size: 14px;line-height: 2;color: #888}
.small-product__main {display: none}
.index-product__main {position: relative}
.index-product__main .ib-arrow {z-index: 30;top: 0;right: auto;bottom: auto;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.index-product__item {position: relative;display: none}
.index-product__item:nth-child(2) {display: block}
.index-product__slick {font-size: 0;background-color: #F7F7F7}
.index-product__slick .item:after {display: block;clear: both;content: ''}
.index-product__slick .rows {width: 50%}
.index-product__slick .rows-left {position: absolute;top: 0;left: 0;width: 50%;height: 100%}
.index-product__slick .row-right {position: relative;float: right}
.index-product__slick .row-right:after {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;content: '';opacity: .4;background-color: #333333}
.index-product__slick .row-right a {position: relative;display: block;z-index: 10}
.index-product__slick .row-right img {width: 100%}
.index-product__slick .row-right .link-btn,.index-product__slick .row-right .cont {position: absolute;bottom: 40px;z-index: 40}
.index-product__slick .row-right .cont {left: 0;width: 100%;padding-right: 190px;padding-left: 40px}
.index-product__slick .row-right .cont time {font-size: 14px;color: #fff}
.index-product__slick .row-right .cont .txt {margin-top: 25px}
.index-product__slick .row-right .cont p {font-size: 22px;line-height: 1.6;color: #fff}
.index-product__slick .row-right .link-btn {right: 40px}
.index-product__slick .rows-left .sub {position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.index-product__slick .rows-left .sub {z-index: 100;width: 100%}
.index-product__slick .rows-left img {z-index: 20;max-width: 100%;margin-right: auto;margin-left: auto;display: block}
.index-product__slick .rows-left p {font-size: 160px;opacity: .1;color: #333333;position: absolute;top: 50%;left: 0;width: 100%;padding: 0 24px;text-align: center;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.index-product__tab .link-round {visibility: hidden;opacity: 0;-moz-transition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;transition: all .4s;-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0)}
.index-product__tab p {color: #888;-moz-transition: color .3s;-o-transition: color .3s;-webkit-transition: color .3s;transition: color .3s}
.index-product__tab .on .link-round {visibility: visible;opacity: 1;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1)}
.index-product__tab .on p {color: #333333}
.index-product__tab a {margin-right: 25px;margin-left: 25px}
.index-product__tab a:hover .link-round {visibility: visible;opacity: 1;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1)}
.index-product__tab a:hover p {color: #333333}
@media (min-width: 1025px) {.news-classify__slick article {position: absolute;top: 50%;left: 50%;width: 50%;margin-top: 0;padding-left: 6.25vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.news-classify__slick a:hover img {-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1)}
.index-product__feature li a:hover:before {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
.index-product__feature li a:hover .txt {visibility: visible;opacity: 1}
.index-product__feature li a:hover .inner {visibility: hidden;opacity: 0}
.index-product__feature li a:hover .item-box__pic .hl {visibility: visible;opacity: 1}
.index-product__feature li a:hover .item-box__pic .dl {visibility: hidden;opacity: 0}
.index-product__slick .row-right .link-btn span,.index-product__slick .row-right .link-btn p {-moz-transition: -moz-transform .4s;-o-transition: -o-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s}
.index-product__slick .row-right .link-btn p {position: relative;padding: 3px 0}
.index-product__slick .row-right .link-btn p:after {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 0;height: 1px;content: '';background-color: #fff;-moz-transition: width .4s;-o-transition: width .4s;-webkit-transition: width .4s;transition: width .4s}
.index-product__slick .row-right:hover .link-btn span {-moz-transform: translateX(95px);-ms-transform: translateX(95px);-webkit-transform: translateX(95px);transform: translateX(95px)}
.index-product__slick .row-right:hover .link-btn p {-moz-transform: translateX(-44px);-ms-transform: translateX(-44px);-webkit-transform: translateX(-44px);transform: translateX(-44px)}
.index-product__slick .row-right:hover .link-btn p:after {width: 100%}
.index-product__slick .rows-left img {-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s}
.index-product__slick .rows-left:hover img {-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1)}
.index-cooperation__slick a:hover:before {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
.index-cooperation__slick a:hover .pic .dl {visibility: hidden;opacity: 0}
.index-cooperation__slick a:hover .pic .hl {visibility: visible;opacity: 1}
.index-cooperation__slick a:hover .inner {visibility: hidden;opacity: 0}
.index-cooperation__slick a:hover .txt {visibility: visible;opacity: 1}
}
@media (max-width: 1920px) {.index-banner__slick .m-pic {display: none;padding-top: 100vh}
.index-banner__slick .m-pic img {width: 100%}
.index-banner__slick .item-cont {position: absolute;z-index: 80;top: 50%;left: 8.33333vw;max-width: 62.5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.index-banner__slick .item-cont h4 {font: 18px "Montserrat Light";margin-bottom: .52083vw;letter-spacing: 1px;color: #fff}
.index-banner__slick .item-cont h3 {font-size: 4.16667vw;font-weight: bold;line-height: 1.4;color: #fff}
.index-banner__slick .item-cont p {font-size: 20px;line-height: 1.6;margin-top: 2.60417vw;letter-spacing: .52083vw;color: #fff}
.index-banner__slick .ani-icon {position: absolute;top: 43%;right: 166px;-moz-transition: -moz-transform .6s;-o-transition: -o-transform .6s;-webkit-transition: -webkit-transform .6s;transition: transform .6s}
.index-banner__slick .ani-icon.active {-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px)}
.index-banner__btn {right: 4.6875vw;bottom: 4.16667vw}
.index-cooperation__wrap {padding-top: 7.29167vw;padding-bottom: 4.16667vw}
.index-cooperation__wrap .horor-toggle .partner-arrow a {margin-left: 1.04167vw}
.index-cooperation__slick a {padding-top: 2.08333vw}
.index-cooperation__slick .inner h4 {margin-bottom: .52083vw}
.index-news__wrap {padding-top: 7.29167vw;padding-bottom: 6.25vw}
.index-hybr__wrap .box-btn {margin-top: 3.125vw}
.index-hybr__wrap .box-btn a {margin-right: 2.08333vw}
.index-product__feature {padding-top: 7.29167vw;padding-bottom: 6.25vw}
.index-product__feature .horor-toggle {margin-bottom: 3.125vw}
.index-product__feature ul {margin: 0 -1.45833vw}
.index-product__feature li {margin-bottom: 4.16667vw}
.index-product__feature li a {margin: 0 1.45833vw}
.index-product__feature .item-box__cont {margin-top: 1.30208vw}
.index-product__wrap .row-left__dec {left: 4.16667vw}
.index-product__wrap .row-left__dec i {height: 25vw}
.index-product__wrap .row-right__dec {right: 3.38542vw}
.index-product__wrap .row-right__dec i {height: 23.4375vw}
.index-product__slick .row-right .link-btn,.index-product__slick .row-right .cont {bottom: 2.08333vw}
.index-product__slick .row-right .cont {padding-right: 9.89583vw;padding-left: 2.08333vw}
.index-product__slick .row-right .cont .txt {margin-top: 1.30208vw}
.index-product__slick .row-right .link-btn {right: 2.08333vw}
.index-product__slick .rows-left p {font-size: 8.33333vw}
.index-product__tab a {margin-right: 1.30208vw;margin-left: 1.30208vw}
}
@media (max-width: 1800px) {.index-product__wrap .row-left__dec {left: 30px}
.index-product__wrap .row-right__dec {right: 30px}
}
@media (max-width: 1600px) {.index-pro__caption span {font-size: 44px}
}
@media (max-width: 1440px) {.cray1920 {display: none}
.cray1440 {display: block}
.index-product__feature .inner p {font-size: 20px}
.index-product__feature .dl,.index-product__feature .hl {width: 80px}
.index-product__feature li a {height: 340px}
.index-cooperation__slick .inner h4 {font-size: 20px}
.index-pro__caption span {font-size: 42px}
.index-product__slick .row-right .cont p {font-size: 20px}
.index-product__wrap .row-left__dec {left: 3%}
.index-product__wrap .row-right__dec {right: 3%}
.index-product__wrap .ikon-dec__down span {font-size: 14px}
.index-product__main {width: 92%;margin-right: auto;margin-left: auto}
}
@media (max-width: 1366px) {.index-product__feature .inner p {font-size: 18px}
.index-product__feature li a {height: 300px}
.index-product__feature .dl,.index-product__feature .hl {width: 65px}
.index-cooperation__slick .inner h4 {font-size: 18px}
.index-pro__caption span {font-size: 34px}
.index-product__slick .row-right .cont p {font-size: 18px}
}
@media (max-width: 1200px) {.news-classify__slick article {padding-left: 45px}
.index-pro__caption span {font-size: 32px}
}
@media (max-width: 1024px) {.index-product__feature {padding-top: 70px;padding-bottom: 60px}
.index-product__feature ul {margin: 0 -10px}
.index-product__feature li {margin-bottom: 30px}
.index-product__feature li a {height: 280px;margin: 0 10px}
.index-product__feature .inner p {font-size: 16px}
.index-product__feature .item-box__cont {margin-top: 15px}
.index-product__feature .horor-toggle {margin-bottom: 30px}
.news-classify__slick figure {width: 100%}
.news-classify__slick article {margin-top: 25px;padding: 0 24px 30px 24px}
.news-classify__slick .icon-aw {display: none}
.index-news__classify {margin-bottom: 20px}
.index-news__classify .ib-arrow {top: 54.17%;bottom: auto;text-align: right}
.index-hybr__wrap .box-btn {margin-top: 20px}
.index-hybr__wrap .box-btn a {margin-right: 20px}
.index-hybr__wrap .btn-02 i {font-size: 16px}
.index-cooperation__slick a {height: 260px}
.index-cooperation__slick .txt {bottom: 40px}
.index-cooperation__slick .pic img {width: 120px}
.index-banner__slick .pic {display: none}
.index-banner__slick .m-pic {display: block}
.index-cooperation__wrap {padding-top: 70px;padding-bottom: 40px}
.index-cooperation__wrap .title {padding-right: 60px}
.index-news__wrap {padding-top: 70px;padding-bottom: 60px}
.index-pro__caption span {font-size: 28px;font-weight: bold;margin-bottom: 10px}
.ikon-dec__down {display: none}
.index-product__slick .rows-left {padding-bottom: 44px;background-color: #F7F7F7}
.index-product__slick .rows-left p {font-size: 70px}
.index-product__slick .rows-left img {position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.index-product__slick .row-right a {z-index: 10}
.index-product__slick .row-right .link-btn {display: none}
.index-product__slick .row-right .cont {bottom: 20px;padding-right: 20px;padding-left: 20px;pointer-events: none}
.index-product__slick .row-right .cont p {font-size: 16px}
.index-product__tab {display: none}
.index-product__tab a {margin-right: 14px;margin-left: 14px}
.small-product__main {margin-top: 0;display: block}
.small-product__main .index-product__slick .index-pro__caption {display: none}
.small-product__main .index-caption__full {margin-bottom: 30px}
.larze-product__main {display: none}
.index-product__main {width: 100%}
.index-banner__slick .svg-box,.index-banner__slick .ani-icon {display: none}
.index-banner__slick .item-cont {left: 0;max-width: 84%;padding: 0 24px}
.index-banner__slick .item-cont h4 {font-size: 16px;margin-bottom: 8px}
.index-banner__slick .item-cont h3 {font-size: 50px}
.index-banner__slick .item-cont p {font-size: 18px;margin-top: 15px}
.index-product__item {display: block}
}
@media (max-width: 800px) {.index-banner__slic .pic {display: none}
.index-banner__slic .m-pic {display: block}
.index-product__feature ul {margin: 0 -5px}
.index-product__feature li {width: 50%}
.index-product__feature li a {height: 200px;margin: 0 5px}
.index-product__feature .item-box {padding: 0 12px}
.index-product__feature .dl,.index-product__feature .hl {width: 65px}
.index-product__feature .inner p {font-size: 15px}
.index-pro__caption span {font-size: 24px}
.index-news__wrap .horor-toggle .title {padding-right: 60px;padding-left: 60px}
.index-product__main .ib-arrow {top: calc(50% - 44px);right: 0;left: auto;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0)}
.index-product__slick .rows {width: 100%}
.index-product__slick .rows-left {position: relative;top: auto;left: auto;padding-bottom: 0}
.index-product__slick .rows-left:after {display: block;padding-top: 50%;content: ''}
.index-product__slick .row-right {float: none}
.index-product__slick .row-right a:after {position: relative;display: block;padding-top: 50%;content: ''}
.index-product__slick .row-right a img {position: absolute;top: 0;left: 0}
}
@media (max-width: 750px) {.index-news__classify article {height: auto}
.index-banner__slick .item-cont {max-width: 100%}
.index-banner__slick .item-cont h3 {font-size: 40px}
}
@media (max-width: 640px) {.index-banner__slick .item-cont {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);top: auto;bottom: 30%}
.index-banner__slick .item-cont h3 {font-size: 22px}
.index-cooperation__wrap .horor-toggle .partner-arrow {position: relative;right: auto;bottom: auto;margin-top: 30px}
.index-cooperation__wrap .title {padding-right: 30px}
.index-pro__caption span {font-size: 22px}
.index-product__tab a {width: 42%;margin-bottom: 20px}
.index-product__slick .row-right .cont time {font-size: 12px}
.index-product__slick .row-right .cont p {font-size: 14px}
.index-hybr__wrap {padding-top: 80%}
.index-news__wrap .horor-toggle .title {padding-right: 24px;padding-left: 24px}
.index-product__main .ib-arrow {top: calc(50% - 36px)}
.index-cooperation__slick .inner h4 {font-size: 16px}
.index-cooperation__slick .title {padding-right: 30px}
}
@media (max-width: 500px) {.index-pro__caption span {font-size: 20px}
.index-product__feature ul {margin: 0 -10px}
.index-product__feature li {width: 100%}
.index-product__feature li a {margin: 0 10px}
}
.form-name {font-family: "Montserrat Light";font-size: 16px;position: relative;padding-left: 120px;color: #333333}
.form-name::before {position: absolute;top: 50%;left: 0;width: 100px;height: 2px;margin-top: -1px;content: '';background-color: #333333}
.form-intro h2 {font-size: 32px;line-height: 1.8;margin-bottom: .4em;letter-spacing: .025em;color: #333333}
.form-intro p {font-size: 14px;line-height: 2;letter-spacing: .05em;color: #999}
.form-box {font-size: 0;margin-right: -28px;margin-left: -28px}
.fw-500 {font-weight: 500}
.ml-40 {margin-left: 40px}
.col-1 {width: 100%}
.col-2 {width: 50%}
.col-3 {width: 33.3333%}
.col-4 {width: 25%}
.col-5 {width: 75%}
@media (max-width: 768px) {.col-4,.col-2,.col-3 {width: 100%}
}

/* offers */.offers {padding: 77px 0 60px;}
.ofon-header {text-align: center;}
.ofon-header .ny-tit {font-size: 30px;color: #444;}
.ofon-header p {font-size: 16px;color: #666;margin-top: 11px;}
.offe-one {padding: 120px 0 100px;}
.ofon-wrap {}
.ofon-ul {margin-bottom: 40px;}
.ofon-ul li {margin-bottom: 20px;}
.ofon-item {background-color: #fff;}
.ofon-item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);}
.ofon-ul li.active .ofon-font { /* background-color: #dcdcdc; */border-bottom: 1px solid #e1e1e1;}
.ofon-ul li.active .ofon-left h4 {color: #ff5c13;}
.ofon-font {padding: 32px 58px 24px 33px; /* transition: all 2s; */ /* letter-spacing: 1px; */}
.ofon-left {float: left;}
.ofon-left h4 {color: #333;margin-bottom: 12px;font-size: 22px;letter-spacing: 1px;}
.ofon-left .row {margin: 0 -15px;}
.ofon-left .row span {padding: 0 14px;color: #666;border-right: 1px solid #dcdcdc;font-size: 16px;}
.ofon-left .row span:last-child {border-right: none;}
.ofon-right {float: right;margin-top: 0px}
.off-btn {width: 34px;height: 34px; /* border: 2px solid #ff7d42; */background-color: #333333;border-radius: 50%;position: relative;transition: all 1s;}
.off-btn::before,.off-btn::after {transition: all 0.5s;content: "";display: block;width: 12px;height: 2px;background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.ofon-btn {padding: 10px 0;}
.off-btn::before {transform: translate(-50%,-50%) rotateZ(90deg);}
.ofon-ul li.active .off-btn::after {transform: translate(-50%,-50%) rotateZ(-90deg);opacity: 0;}
.ofon-ul li.active .off-btn::before {transform: translate(-50%,-50%) rotateZ(0deg); /* background-color: #124a96; */}
.ofon-ul li.active .off-btn { /* border: 1px solid #124a96; */}
.ofon-drop {transition: all 0.5s;max-height: 0;opacity: 0;padding: 0 30px;overflow: hidden;}
/* max-height: 0px;overflow: hidden;transition: all 0.5s;opacity: 0;height: auto; */.ofon-drop .row p {color: #666;line-height: 28px;}
.ofon-drop .row h4 {color: #444;margin-bottom: 11px;font-size: 16px;}
.ofon-drop .row {margin-bottom: 28px;}
.ofon-drop .ofon-one li {float: left;margin-right: 250px;}
.ofon-drop .ofon-one li p {font-size: 14px;color: #666;line-height: 28px;letter-spacing: 1px;}
.ofon-ul li.active .ofon-drop {max-height: 1500px;opacity: 1;padding: 33px 30px 48px;}
.colorO {color: #ff5c13 !important;}
.ofon-one {margin-bottom: 11px;}
.ofon-btn .btn {padding: 0 40px;height: 45px;line-height: 42px;}
.ofon-btn span {font-size: 16px;}
.ofon-btn.fi-submit {line-height: 26px;min-width: 140px;height: 45px;}
@media(max-width: 1459px) {.offers {padding: 60px 0;}
.ofon-header .ny-tit {font-size: 26px;}
.ofon-header p {margin-top: 6px;}
.ofon-wrap {padding-top: 30px;}
.ofon-left h4 {margin-bottom: 8px;font-size: 20px;}
/* .off-btn{width: 40px;height: 40px;}
 */.ofon-right {margin-top: 6px;}
.ofon-font {padding: 22px 48px 22px 32px;}
.ofon-one {margin-bottom: 0;}
.ofon-drop .row {margin-bottom: 10px;}
.ofon-ul li.active .ofon-drop {padding: 33px 30px;}
}
@media(max-width: 1259px) {.ofon-left .row span {padding: 0 12px;font-size: 14px;}
.ofon-left h4 {margin-bottom: 4px;font-size: 18px;}
.ofon-font {padding: 20px 32px 16px;}
.ofon-right {margin-top: 0;}
.ofon-drop .ofon-one li p,.ofon-drop .row p {line-height: 26px;}
.offers {padding: 45px 0 25px;}
.ofon-header .ny-tit {font-size: 22px;}
.ofon-header p {margin-top: 6px;}
.ofon-wrap {padding-top: 20px;}
.off-btn::before, .off-btn::after {width: 15px;}
}
@media(max-width: 991px) {.ofon-drop .ofon-one li {margin-right: 150px;}
.off-btn {width: 30px;height: 30px;}
}
@media(max-width: 767px) {.ofon-header p {font-size: 14px;}
.ofon-header .ny-tit {font-size: 18px;}
.ofon-left h4 {margin-bottom: 10px;font-size: 16px;}
.off-btn {width: 26px;height: 26px;}
.off-btn::before, .off-btn::after {width: 12px;}
.ofon-font {padding: 16px 20px 14px;}
.ofon-right {margin-top: 8px;}
.ofon-drop {padding: 0 20px;}
.ofon-ul li.active .ofon-drop {padding: 20px;}
.ofon-drop .ofon-one li {margin: 0;}
.ofon-drop .ofon-one li p,.ofon-drop .row p {line-height: 24px;}
.ofon-one {margin-bottom: 12px;}
.ofon-btn img {width: 14px;margin-top: -8px;}
.ofon-btn span {margin-left: 6px}
.ofon-ul {margin-bottom: 25px;}
.ofon-drop .row p {font-size: 14px;}
}
/* 首页按自已的写法写的 */@font-face {font-family: "DIN-std";src: url("../fonts/DINMITTELSCHRIFTSTD.eot");src: url("../fonts/DINMITTELSCHRIFTSTD.eot?#iefixx") format("embedded-opentype"), url("../fonts/DINMITTELSCHRIFTSTD.woff") format("woff"), url("../fonts/DINMITTELSCHRIFTSTD.ttf") format("truetype"), url("../fonts/DINMITTELSCHRIFTSTD.svg") format("svg")}
.pro-btn {margin-top: 25px;}
.pro-btn .btn {font-size: 16px;/* font-family: "microsoft yahei", "Arial", "sans-serif", "microsoft yahei"; */line-height: 47px;}
.btn {display: inline-block;*display: inline;*zoom: 1;padding: 0 54px;text-decoration: none;position: relative;color: #333;height: 50px;line-height: 47px;letter-spacing: .1em;border-radius: 50px;}
.btn7 {position: relative;color: #fff;background: #333333;border: 1px solid #333333;-webkit-transition: background-color .3s, color .3s;transition: background-color .3s, color .3s}
.btn7:before {content: '';position: absolute;top: -15px;left: -15px;bottom: -15px;right: -15px;background: inherit;z-index: -1;opacity: 0.5;-webkit-transform: scale3d(.6, .4, 1);transform: scale3d(.6, .4, 1);display: none\9;border-radius: 50px;}
.btn7:hover {background: #333333;border-color: #333333;-webkit-transition: background-color .1s .3s, color .1s .3s;transition: background-color .1s .3s, color .1s .3s;-webkit-animation: anim-moema-1 .3s forwards;animation: anim-moema-1 .3s forwards}
.btn7:hover:before {-webkit-animation: anim-moema-2 .3s .3s forwards;animation: anim-moema-2 .3s .3s forwards;}
@-webkit-keyframes anim-moema-1 {60% {-webkit-transform: scale3d(.95, .95, 1);transform: scale3d(.95, .95, 1);}
85% {-webkit-transform: scale3d(1.05, 1.05, 1);transform: scale3d(1.05, 1.05, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
@keyframes anim-moema-1 {60% {-webkit-transform: scale3d(.95, .95, 1);transform: scale3d(.95, .95, 1);}
85% {-webkit-transform: scale3d(1.05, 1.05, 1);transform: scale3d(1.05, 1.05, 1);}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
@-webkit-keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
@keyframes anim-moema-2 {to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
/* @keyframes fangda {0% {transform: scale(1);}
100% {transform: scale(1.05);}
}
 *//* 首页 *//* banner */.index.banner {margin-top: 100px;}
.banner-wrap {position: absolute;top: 45.4%;width: 100%;transform: translateY(-50%);}
.index.banner .swiper-slide {position: relative;overflow: hidden;}
.index.banner .pc-banner {width: 100%;animation: fangda 8s ease-in-out infinite alternate;}
.index.banner .app-banner {display: none;width: 100%;}
.index.banner .banner-font {color: #fff;text-align: center;}
.ban-tit {font-size: 60px;font-weight: 700;}
.ban-tit .colorO2 {font-family: 'DIN-std';}
.ban-tit .ti {font-size: 100px;font-weight: 400;}
.ban-dec {font-size: 48px;font-weight: lighter;margin: 18px 0 26px;}
.colorO2 {color: #333333;}
.ban-dec2 {font-size: 30px;font-weight: 200;}
.ban-dec2 .colorO2 {font-weight: 700;}
.banner-btn {text-align: center;font-family: auto;margin-top: 50px;}
/* 左图右文 */.com-ztyw {display: block;}
.ztyw-img {float: left;overflow: hidden; padding-right:25px;}
.ztyw-img img {width: 100%;transition: all 1s}
.ztyw-font {float: left; margin-top:15px;}
/* 通用ul */.com-ul {margin: 0 -12px;}
.com-ul li {float: left;width: 33.33%;padding: 0 12px;}
/* .com-ul-item{box-shadow: 1px 1px 10px 10px rgba(0, 0, 0, .04);}
 */.com-ul-img {overflow: hidden;}
.com-ul-img img {width: 100%;transition: all 1s;}
.com-ul-font {text-align: center;background-color: #fff;}
.com-ul-font h4 {color: #333;}
.com-ul-font p {color: #666;}
.com-ul-item:hover img {transform: scale(1.05);}
.com-ul-item:hover p {color: var(--theme-color);}
/* 省略 */.intw-wrap .com-ul-font p,.insi-wrap .com-ul-font h4,.insi-wrap .com-ul-font p,.intw-wrap .com-ul-font p,.inth-left p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.insi-wrap .com-ul-font p {-webkit-line-clamp: 2;}
.p-style {display: block;}
.pro-img {padding: 0 60px;}
.colorO3 {color: #333333;}
.inon-tit {font-size: 52px;color: #333;margin-bottom: 15px;}
.inon-dec {font-size: 16px;color: #666;line-height: 26px;font-weight: 400;}
/* section */.index-one {padding: 80px 0 78px;}
.inon-wrap .ztyw-font {width: 45%;font-family: auto;}
.inon-wrap .ztyw-img {float: right;width: 40.1%;}
.inon-wrap .com-ztyw {background-color: #f5f5f5;padding: 44px 90px 20px 100px;}
.inon-wrap p {font-size: 20px;color: #333;line-height: 36px;font-weight: 200;}
.inon-wrap .inon-tit {margin: 34px 0 15px;}
.inon-wrap .inon-dec {width: 90%;font-size: 16px;color: #666;line-height: 26px;font-weight: 400;}
.inon-wrap .ztyw-font .colorO3 span:first-child {font-size: 44px;font-family: 'DIN';}
.inon-wrap .ztyw-font .colorO3 span:last-child {font-size: 36px;}
.inon-wrap .ztyw-font .colorO3 {margin: 50px 0 16px;}
.inon-wrap .ztyw-img:hover img {transform: scale(1.05);}
.inon-btn {margin-top: 43px;}

.intw-hader {text-align: center;}
.intw-wrap {margin-bottom: 170px;margin-top: 35px;}
.intw-wrap .com-ul-img {padding: 40px 66px;border: 1px solid #eeeeee;}
.intw-wrap .com-ul-item {position: relative;}
.intw-wrap .com-ul-font {width: 89%;height: 120px;position: absolute;bottom: -120px;left: 50%;transform: translateX(-50%);transition: all 0.5s;padding: 35px 20px 0;}
.intw-wrap .com-ul-font h4 {font-size: 20px;color: #333;margin-bottom: 14px;}
.intw-wrap .com-ul-font p {font-size: 16px;color: #666;}
.intw-wrap .com-ul-item:hover .com-ul-img {border: 1px solid #333333;}
.intw-wrap .com-ul-item:hover .com-ul-font {background-color: #333333;bottom: -90px;}
.intw-wrap .com-ul-item:hover h4,.intw-wrap .com-ul-item:hover p {color: #fff;}
.index-three {font-family: auto;}
.inth-left .ztyw-font {width: 71%;}
.inth-left {background-color: rgba(0, 0, 0, 0.4);float: left;padding: 102px 0;color: #fff;width: 28.6%;}
.inth-left h4 {font-size: 24px;margin: 10px 0 17px;}
.inth-left p {font-size: 16px;color: #bbb;}
.inth-left .com-ztyw {padding: 30px 25px 35px;}
.inth-left .ztyw-img {margin-right: 15px;}
.inth-left .ztyw-img img {transition: all 0.5s;}
.inth-left li:first-child {border-top: 1px solid rgba(255,255,255,0.1);}
.inth-left li {border-bottom: 1px solid rgba(255,255,255,0.1);}
.inth-left li.on .com-ztyw,.inth-left li:hover .com-ztyw {background-color: #333333;}
.inth-left li.on .com-ztyw p,.inth-left li:hover .com-ztyw p {color: #fff;}
.inth-left li.on img,.inth-left li:hover img {transform: rotateY(360deg);}
.inth-right {float: left;color: #fff;padding: 112px 0 0 90px;width: 70%;}
.inth-right .inon-tit,.inth-right .inon-dec {color: #fff;}
.inth-right .intw-hader {text-align: left;}
.inth-right .inth-box h4 {font-size: 36px;color: #fff;margin: 82px 0 33px;}
.inth-right .inth-box p {font-size: 20px;font-weight: 200;line-height: 28px;}
.inth-right .inth-btn {margin: 50px 0 18px;}
.inth-right .swiper-tool {position: relative;height: auto;width: 100%;padding: 0 10px;}
.inth-right .swiper-slide {padding: 10px;}
.inth-right .swiper-button-next,.inth-right .swiper-button-prev,.inth-right .swiper-container-rtl .swiper-button-next {position: inherit !important;display: inline-block !important;margin-top: 0 !important;background: url(../images/arraw.png)no-repeat !important;vertical-align: middle;*display: inline !important;*zoom: 1 !important;}
.inth-right .swiper-container-horizontal > .swiper-pagination-bullets, .inth-right .swiper-pagination-custom, .swiper-pagination-fraction {position: inherit !important;display: inline-block !important;width: auto !important;bottom: 0 !important;}
.inth-right .swiper-button-next {transform: rotateY(180deg);}
.inth-right .swiper-paly {display: inline-block;margin: 0 10px;cursor: pointer;}
.inth-right .num {font-size: 16px;font-family: Arial, Helvetica, sans-serif;vertical-align: middle;display: inline-block;margin-top: -24px;margin-left: 12px;}
.inth-right .num span:last-child {opacity: 0.6;}
.inth-right .swiper-button-next:focus {outline: none;}
.inth-right .swiper-button-prev:focus {outline: none;}


.info-wrap {text-align: center;margin-top: 32px;}
.info-wrap .com-ul {display: inline-block;}
.info-wrap .com-ul li {width: auto;padding: 0 4px;}
.info-wrap .com-ul-img {background: url(../images/info-bj.png);width: 227px;}
.info-wrap .com-ul2 {margin-top: -114px;}
.info-wrap .com-ul1 li:last-child {display: none;}
.index-five {padding: 77px 0 27px 0;font-family: auto;background-color: #f6f6f6;}
.infi-hader {text-align: center;}
/* .infi-right{position: relative;}
.infi-font{position: absolute;top: 0;right: 0;}
 */.infi-font {background-color: rgba(15, 75, 130, 0.85);float: right;}
.infi-wrap {margin-top: 35px;position: relative;}
.infi-img {width: 52%;position: absolute;top: 0;left: 0;}
.infi-img img {width: 100%;}
.infi-font {color: #fff;padding: 104px 73px 118px 80px;width: 57%;margin: 81px 0 0 0;float: right;position: relative;}
.infi-font h4 {font-size: 30px;font-weight: 200;}
.infi-font p {font-size: 16px;line-height: 28px;margin: 24px 0 60px;}
.infi-font li {width: 25%;text-align: center;}
.infi-font li h4 {font-size: 24px;font-family: 'DIN-Std';}
.infi-font li .timer {font-size: 44px;}
.infi-font li p {margin: 0;margin-top: 8px;}
.index-six {padding: 80px 0;font-family: auto;}
.insi-hader {text-align: center;}
.insi-wrap .com-ul-font {text-align: left;margin: -40px 13px 0;background-color: #fff;position: relative;z-index: 2;padding: 29px 30px;}
.insi-wrap .com-ul-font::before,.insi-wrap .com-ul-font::after {content: "";width: 0%;height: 2px;background-color: #333333;transition: all 0.5s;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.insi-wrap .com-ul-font::before {width: 100%;background-color: #acacac;}
.insi-wrap .com-ul-font h4 {font-size: 18px;color: #444;line-height: 24px;overflow: hidden;height: 28px;}
.insi-wrap .com-ul-font .news-time {font-size: 16px;color: #999;margin: 10px 0 10px;display: block;}
.insi-wrap .com-ul-font p {font-size: 16px;color: #666;line-height: 26px;}
.insi-btn {margin-top: 24px;}
.insi-btn span {font-size: 14px;color: #acacac;vertical-align: middle;}
.jiantou {background: url(../images/jiantou.png)no-repeat center #acacac;width: 20px;height: 20px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-right: 3px;}
.insi-wrap li:hover .com-ul-font::after {width: 100%;}
.insi-wrap li:hover .insi-btn span {color: #333333;}
.insi-wrap li:hover .jiantou {background-color: #333333;}
@media (max-width: 1679px) {.ban-tit {font-size: 48px;}
.ban-tit .ti {font-size: 80px;}
.ban-dec {font-size: 34px;margin: 12px 0 20px;}
.ban-dec2 {font-size: 26px;}
.pro-btn .btn {line-height: 41px;}
.btn {padding: 0 40px;height: 45px;line-height: 41px;}
.banner-btn {margin-top: 40px;}
}
@media (max-width: 1459px) {.index.banner {margin-top: 82px;}
.ban-tit {font-size: 42px;}
.ban-tit .ti {font-size: 65px;}
.ban-dec {font-size: 28px;margin: 10px 0 18px;}
.ban-dec2 {font-size: 22px;}
}
@media (max-width: 1259px) {.index.banner {margin-top: 70px;}
}
@media (max-width: 1024px) {.index.banner {margin-top: 57px;}
.ban-tit {font-size: 36px;}
.ban-tit .ti {font-size: 50px;}
.ban-dec {font-size: 24px;margin: 6px 0 16px;}
.ban-dec2 {font-size: 20px;}
.pro-btn .btn {line-height: 37px;}
.ofon-btn .btn,.btn {padding: 0 30px;height: 40px;line-height: 37px;font-size: 14px;}
.banner-btn {margin-top: 30px;}
}
@media (max-width: 991px) {.ban-tit {font-size: 28px;}
.ban-tit .ti {font-size: 42px;}
.ban-dec {font-size: 21px;margin: 6px 0 14px;}
.ban-dec2 {font-size: 16px;}
.pro-btn .btn {line-height: 33px;}
.ofon-btn .btn,.btn {padding: 0 28px;height: 36px;line-height: 33px;font-size: 14px;}
.banner-btn {margin-top: 20px;}
}
@media (max-width: 767px) {.index.banner .pc-banner {display: none;}
.banner-wrap {display: none;}
.index.banner .app-banner {display: block;}
}
@media (max-width: 1679px) {.inon-tit {font-size: 42px;}
.inon-wrap .ztyw-font .colorO3 span:first-child {font-size: 36px;vertical-align: middle;}
.inon-wrap .ztyw-font .colorO3 span:last-child {font-size: 30px;vertical-align: middle;}
.infi-font {padding: 86px 76px;}
}
@media (max-width: 1459px) {.inon-tit {font-size: 36px;}
.inon-wrap .ztyw-font .colorO3 span:first-child {font-size: 32px;}
.inon-wrap .ztyw-font .colorO3 span:last-child {font-size: 28px;}
.inon-wrap .ztyw-font .colorO3 {margin: 40px 0 12px;}
.inon-wrap p {font-size: 18px;line-height: 30px;}
.inon-btn {margin-top: 30px;}
.intw-wrap .com-ul-font {height: 90px;bottom: -90px;padding: 20px 20px 0;}
.intw-wrap .com-ul-item:hover .com-ul-font {bottom: -60px;}
.index-one {padding: 60px 0;}
.intw-wrap {margin-top: 24px;}
.intw-wrap {margin-bottom: 130px;}
.info-wrap .com-ul-img {width: 190px;background-size: 100%;}
.info-wrap .com-ul2 {margin-top: -95px;}
.insi-wrap .com-ul-font .news-time {margin: 10px 0 5px;}
.insi-btn {margin-top: 14px;}
.infi-font h4 {font-size: 28px;}
.infi-font p {font-size: 16px;line-height: 26px;margin: 18px 0 40px;}
.infi-font li .timer {font-size: 36px;}
.infi-font {padding: 65px 48px;}
.inth-left .com-ztyw {padding: 30px 36px 38px;}
.inth-left .ztyw-img {margin-right: 10px;width: 24%;}
.inth-left h4 {font-size: 22px;margin: 10px 0 10px;}
.inth-right .inth-box h4 {font-size: 30px;}
.inth-left {padding: 88px 0;}
}
@media (max-width: 1259px) {.inon-wrap .inon-tit {margin: 0 0 10px;}
.inon-tit {font-size: 32px;}
.inon-wrap .ztyw-font .colorO3 span:first-child {font-size: 26px;}
.inon-wrap .ztyw-font .colorO3 span:last-child {font-size: 24px;}
.inon-wrap .ztyw-font .colorO3 {margin: 20px 0 10px;}
.inon-wrap .ztyw-font {width: 52%;}
.inon-btn {margin-top: 15px;}
.inon-wrap .com-ztyw {padding: 44px 80px 30px 90px;}
.inon-tit {margin-bottom: 10px;}
.intw-wrap .com-ul-img {padding: 30px 40px;}
.info-wrap .com-ul-img {width: 145px;}
.info-wrap .com-ul2 {margin-top: -73px;}
.com-ul li {padding: 0 8px;}
.com-ul {margin: 0 8px;}
.insi-wrap .com-ul-font {margin: -20px 10px 0;padding: 18px;}
.infi-font {padding: 38px 42px 32px;margin: 49px 0 0 0;}
.infi-font h4 {font-size: 24px;}
.infi-font p {margin: 16px 0 18px;}
.inth-right .inth-box h4 {font-size: 26px;margin: 55px 0 18px;}
.inth-left h4 {font-size: 20px;margin: 3px 0 10px;}
.inth-left .com-ztyw {padding: 37px 25px;}
.inth-right {padding: 90px 0 0 66px;}
}
@media (max-width: 991px) {.inon-wrap .com-ztyw {padding: 30px 30px 30px 40px;}
.inon-tit {font-size: 26px;}
.inon-wrap .ztyw-font .colorO3 span:first-child {font-size: 20px;}
.inon-wrap .ztyw-font .colorO3 span:last-child {font-size: 20px;}
.inon-wrap .inon-dec {font-size: 14px;line-height: 24px;}
.inon-wrap p {font-size: 16px;line-height: 24px;}
.intw-wrap .com-ul-img {padding: 15px 30px;}
.intw-wrap .com-ul-font h4 {font-size: 18px;margin-bottom: 10px;}
.intw-wrap .com-ul-font {height: 72px;padding: 14px 30px 0;bottom: -73px;}
.info-wrap .com-ul-img {width: 116px;}
.info-wrap .com-ul2 {margin-top: -62px;}
.info-wrap .com-ul-img {width: 100px;}
.info-wrap .com-ul2 {margin-top: -52px;}
.insi-wrap .com-ul-font {margin: 0;padding: 14px;}
.insi-wrap .com-ul-font h4 {font-size: 18px;}
.insi-wrap .com-ul-font .news-time {font-size: 14px;}
.inth-left {padding: 50px 0;}
.inth-left .com-ztyw {padding: 17px 22px;}
.inth-left .ztyw-img {margin-right: 0;width: 100%;text-align: center;}
.inth-left .ztyw-font {width: 100%;text-align: center;}
.inth-left .ztyw-img img {width: 50px;}
.inth-right {padding: 55px 0 0 42px;}
.inth-right .inth-box p {font-size: 16px;}
.inth-right .inth-btn {margin: 40px 0 18px;}
.inth-right .inth-box h4 {font-size: 22px;margin: 48px 0 18px;}
}
@media (max-width: 767px) {.inon-wrap .ztyw-img {float: left;width: 100%;padding: 0 38px;}
.inon-wrap .ztyw-font {width: 100%;margin-top: 14px;}
.inon-tit {font-size: 22px;}
.inon-wrap .com-ztyw {padding: 20px;}
.inon-btn {text-align: center;}
.pro-btn .btn {line-height: 30px;}
.ofon-btn .btn,.btn {padding: 0 20px;height: 32px;line-height: 30px;}
.intw-wrap .com-ul li {width: 100%;}
.intw-wrap .com-ul-font {position: unset;transform: none;width: 100%;margin-bottom: 15px;}
.intw-wrap {margin-bottom: 15px;}
.info-wrap .com-ul2 {margin-top: 0;}
.info-wrap .com-ul1 li:last-child {display: block;}
.info-wrap .com-ul2 li:first-child {display: none;}
.info-wrap .com-ul li {width: 33.33%;}
.info-wrap .com-ul-img {width: 100%;}
.info-wrap-li {display: none;}
.info-wrap-li {width: 50% !important;}
.info-wrap-li .com-ul-img {width: 65%;margin: auto !important;}
.infi-img {position: unset;width: 100%;padding: 0 15px;}
.infi-font {width: 100%;margin-top: 0;padding: 24px 20px;}
.index-five .inon-dec {padding: 0 15px;}
.infi-font h4 {font-size: 20px;}
.infi-font li {width: 50%;}
.insi-wrap li {width: 100%;margin-bottom: 25px;}
.com-ul li {padding: 0;}
.com-ul {margin: 0;}
.inth-left p {display: none;}
.inth-left {padding: 0px 0;width: 100%;}
.inth-left li {width: 33.33%;float: left;border-bottom: none;}
.inth-left li:nth-child(2) {border-left: 1px solid rgba(255,255,255,0.1);border-right: 1px solid rgba(255,255,255,0.1);}
.inth-wrap {margin: 0 -15px;}
.inth-right {padding: 25px 15px 10px;width: 100%;}
.inon-wrap .inon-tit,.inon-wrap .ztyw-font .colorO3 {text-align: center;}
.inth-left h4 {font-size: 16px;}
.inth-right .inth-box h4 {font-size: 20px;margin: 30px 0 12px;}
.inth-right .inth-btn {margin: 28px 0 12px;}
.index-six {padding: 40px 0 15px;}


.info-wrap {margin-top: 15px;}
.insi-wrap,.infi-wrap {margin-top: 10px;}

}
@media (max-width: 321px) {.inth-left .com-ztyw {padding: 13px 10px 6px;}
}
/* 内页修改 */.contact-from__wrap.w1600.mt-160 {margin-bottom: 4.5vw;}
.offe-one {padding: 3.5vw 0;}
.item-product .partner-arrow {position: absolute;left: auto;right: -78px;top: 50%;}
.item-product .partner-prev {display: none !important;}
.product .intw-wrap {margin: 0;margin-bottom: 3.5vw;}
.product .intw-wrap li {margin-bottom: 140px;}
@media (max-width: 1459px) {.product .intw-wrap li {margin-bottom: 120px;}
}
@media (max-width: 1259px) {.product .intw-wrap li {margin-bottom: 110px;}
}
@media (max-width: 1024px) {.contact-from__wrap.w1600.mt-160 {margin-bottom: 80px;}
.offe-one {padding: 50px 0;}
}
@media (max-width: 767px) {.contact-from__wrap.w1600.mt-160 {margin-bottom: 40px;}
.product .intw-wrap li {margin-bottom: 0px;}
.product .intw-wrap {margin-bottom: 15px;}
}
/* ===kf==== */.kf {transition: .8s;z-index: 999999;background-color: transparent;position: fixed;top: 50%;right: 10px;width: 45px;border-radius: 5px;}
.kf span {z-index: 1000001;transition: .5s;cursor: pointer;position: relative;display: block;width: 45px;height: 45px;border-radius: 5px;margin-bottom: 10px;}
.kf span:hover {background-color: #333333;}
.kf .zx {background-position: 0 0;background: #a7afb9 url(http://www.kaiju99.com/PC/images/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top {border: none;background: #a7afb9 url(../images/kf-top.png)no-repeat center top 10px;}
.kf span a {transition: .5s;display: block;color: #fff;line-height: 24px;font-size: 14px;text-align: center;padding-top: 18px;}
.kfimgr {position: absolute;bottom: 23px;right: -9px;}
.kf span div i {display: block;position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .freetel {background: #a7afb9 url(../images/kefu-qq.png)no-repeat center;}
.kf .zxlya {background: #a7afb9 url(../images/kf-service_03.png)no-repeat center;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a {display: block;height: 68px;position: absolute;top: 0;right: 0;width: 100%}
.nav_center div, .index_nav_center div, .shou, .zhan {-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.kf .zxlya .erweima {display: none;right: 62px;position: absolute;top: -72px;background: #fff;padding: 5px;text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;}
.kf .zxzx {display: none;right: 86px;position: absolute;top: 6px;background: #fff;padding: 10px 20px;text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;width: 110px;font-size: 14px;color: #333;}
.kfimgr {position: absolute;bottom: 23px;right: -9px;}
.kf-ly {background: #a7afb9 url(../images/kf-twit_03.png)no-repeat center;}
/* .shou{ z-index: 1000000;cursor: pointer; width: 70px; height: 70px; top: 104%; margin-top: -15px; border-radius: 5px 0 0 5px; right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;}
 */.shou {z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px;background: transparent url(http://www.kaiju99.com/PC/images/zk1.png)no-repeat center left;position: absolute;box-shadow: none;}
.shou:hover {background: transparent url(http://www.kaiju99.com/PC/images/zk.png)no-repeat center left;}
.kf-phone {background: #a7afb9 url(../images/kf-phone1_03.png)no-repeat center;}
.kf-phone1, .zxwb {display: none;font-size: 18px;color: #333;background-color: #fff;position: absolute;right: 60px;box-shadow: 0 0 20px rgba(0,0,0,0.2);padding: 10px 12px;background: #fff;border-radius: 5px;white-space: nowrap;line-height: 40px;}
.kf-phone1 .kfimgr, .zxwb .kfimgr {bottom: 10px;}
.kf-shqi {width: 100%;height: 40px;}
.kf-shqi .m-icon {display: block;margin: 0 auto;width: 30px;height: 30px;border-radius: 50%;background: #a7afb9 url(../images/kf-close.png) no-repeat center;background-size: 15px;cursor: pointer;transform: rotate(45deg);transition: all 0.3s;}
.kf-shqi .m-icon:hover {background-color: var(--theme-color);}
.kf.show .m-icon {transform: rotate(0);}
.kffixed {display: none;}
.kffixed {position: fixed;bottom: 0;/* left: 16%; */z-index: 2000;width: 100%;height: 49px;overflow: hidden;display: none;/* background-color: #fff; */}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu {padding: 0;/* background-color: #fff; */}
.kefu li {float: left;height: 45px;text-align: center;color: #fff;line-height: 45px;color: #fff;transition: all .4s;}
.kfzx-tigg {width: 25.5%;height: 45px;display: block;float: left;line-height: 45px;opacity: 1;transition: 1s opacity;}
.kfzx-enter {opacity: 0}
.kf-zx {display: block;width: 100%;height: 100%;color: #fff;line-height: 45px;text-align: center;background: #FF9800;}
.kf-zx img {display: inline-block;vertical-align: middle;margin-right: 10px;}
.teldb {width: 25.5%;background: #333;/*background: url(http://www.kaiju99.com/mobile/mobilectm/images/teldb.png) no-repeat center rgba(0,0,0,0.6);*/background-size: contain;margin: 0 1px;position: relative;/*background-size: 28px;*/}
.teldb img {display: inline-block;vertical-align: middle;margin-right: 10px;}
.teldb a {color: white;}

.foottop{ text-align:center; font-size:0.4rem; line-height:0.8rem; background:#f7f7f7; color:#666666;}
.foot{ position:fixed; width:100%; bottom:0px; z-index:222;}
.foot ul{ overflow:hidden}
.foot ul li{ float:left; width:25%;}
.foot ul li img{ width:100%}
.foot ul li a{ display:block;}

@media (max-width:991px) {.kf {display: none !important;}
.kffixed {display: block;}
}
.product-img {position: absolute;top: 50%;right: 18%;width: 27%;transform: translateY(-50%);}
.product-img img {width: 100%;}
@media (max-width:1024px) {.product-img {position: absolute;top: 33%;right: 38%;width: 27%;transform: translateY(-50%);}
}
@media (max-width:767px) {.product-img {position: absolute;top: 50px;right: 50%;width: 44%;transform: translateX(50%);}
}
.lpage {margin: 39px 0 10px 0;}
@media(max-width: 1259px) {.lpage {padding: 0;}
}
@media(max-width: 767px) {.lpage {margin: 25px 0 40px;padding: 0;}
}
.lpage a.zz {display: inline-block;}
.lpage a {width: 43px;height: 43px;line-height: 43px;transition: all .5s;display: inline-block;border-radius: 50%;color: #777;border: 1px solid #e3e2e3;font-family: Arial, Helvetica, sans-serif;margin: 0 2px;font-size: 14px;}
.lpage a.on, .lpage a:hover {background-color: #333333;color: #fff;}
/*20200924*/.new-nav {padding: 0px 0 3.5vw !important;}
.new-nav-btn {text-align: center;height: 32px;}
.new-nav-btn a {}
.new-nav-btn input {background-color: #f7f7f7;border: 1px solid #f7f7f7;font-size: 18px;padding: 5px 15px;margin: 0px 5px;box-shadow: 0px 8px 12px -4px #9e9e9e59;}
.new-nav-btn-on, .new-nav-btn input:hover {background-color: #333333 !important;color: #fff !important;border: 1px solid #333333 !important;}
.new-navindex {text-align: right;padding: 0.8vw 0 !important;/* height: 60px; */}
.new-navindex .new-nav-btn input {background-color: #fff;border: none;font-size: 16px;padding: 2px 10px;margin: 0px;box-shadow: none;border-left: none;}
.new-navindex .new-nav-btn a:last-child {border: none;margin-right: 2px;}
.new-navindex .new-nav-btn a {border-right: 2px solid #333333;margin-right: 2px;}
.new-navindex .new-nav-btn input:hover {background-color: #fff !important;color: #333333 !important;border: none !important;}
@media (max-width: 1024px) {.new-nav-btn input {background-color: #f7f7f7;border: 1px solid #f7f7f7;font-size: 16px;padding: 4px 5px;margin: 0px 5px;box-shadow: 0px 8px 12px -4px #9e9e9e59;/* height: 49px; */}
.new-nav {padding: 3.5vw 0 !important;}
}
.blue-btn span em {font-size: 28px;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #fff;}
.white-btn span em {font-size: 18px;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #333333;}
.link-round:hover {-moz-transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);transform: translateY(10px);}
.link-round {-moz-transition: -moz-transform .2s;-o-transition: -o-transform .2s;-webkit-transition: -webkit-transform .2s;transition: transform .2s;}
/*20201012下载中心*/.download {/* margin: 70px -12px 0; *//* padding-bottom: 40px; */overflow: hidden;margin-top: 3.16667vw;}
.download li {width: 50%;padding: 0 12px;float: left;}
.down-list {margin-bottom: 24px;overflow: hidden;display: block;width: 100%;background: #9e9e9e36;padding: 16px 30px;margin: 0 !important;margin-bottom: 20px !important;}
.down-list h3 {float: left;font-size: 14px;color: #333;line-height: 24px;width: 80%;padding-left: 35px;background: url(../images/xzwj.png) no-repeat left top;}
.down-list span {text-align: right;float: right;font-size: 14px;color: #333;line-height: 24px;width: 20%;}
.banner.index .swiper-button-next,.banner.index .swiper-button-prev {background-image: none !important;font-size: 75px;color: #333333;width: 80px;height: 80px;text-align: center;}
.inth-left p {padding: 2px 0;-webkit-line-clamp: 4;}
@media (max-width: 1420px) {.inth-left p {-webkit-line-clamp: 2;}
}
@media (max-width: 767px) {.download li {width: 100%;padding: 0;}
.down-list {margin-bottom: 24px;overflow: hidden;display: block;width: 100%;background: #9e9e9e36;padding: 12px 30px;margin: 0 !important;margin-bottom: 20px !important;}
.new-nav-btn {text-align: center;height: 36px;}
.banner.index .swiper-button-next,.banner.index .swiper-button-prev {display: none;}
}
.fi-currency select {font-family: "microsoft yahei";}
.banner .swiper-pagination-bullet-active {background: #333333 !important;}
.banner .swiper-pagination-bullet {width: 20px;height: 6px;border-radius: 2px;background-color: white;opacity: 1;}
.tops{ width:100%; }
.cplist{height:460px;overflow:hidden;background:#e2e2e2; margin-bottom:0.5%; text-align:right;}
.cplist a:hover .piao img{transform:scale(1.1);}
.cplist a:hover .llgd{ transform:translate(0px,-10px)}
.cplist a:hover .dlbs{transform:translate(0px,10px)}
.cplist a:hover .lbsd{transform:translate(0px,10px)}
.cp_l{margin-left:4%;overflow:hidden;}
.dlbs{font-size:46px;margin-top:10%;font-weight:bold;color:#000000;transition:transform 0.3s ease;position: relative;}
.lbsd{color:#000000;font-size:30px;margin-top:6%;transition:transform 0.3s ease;position: relative;}
.llgd{width:189px;height:46px;line-height:46px;background:#333333;color:#fff;text-align:center;font-size:24px;border-radius:25px;margin-top:5%;transition:transform 0.3s ease;position: relative;}
.piao{float:right;overflow:hidden;position:absolute; width:100%; right:5%;}
.piao img{ transition:transform 0.3s ease; width:100%; max-width:982px;}
.sdoi{width:100%;overflow:hidden;padding-bottom:2%;}
.sdoi ul{}
.sdoi li{margin-top:0;;float:left;overflow:hidden;position:relative;margin-right:0;width:33%;background:#e2e2e2; text-align:right}
.sdoi li:nth-child(1){margin-right:0.5%;}
.sdoi li:nth-child(2){margin-right:0.5%;}
.sdoi li:nth-child(3){margin-right:0;}
.sdoi li .pfus{position:absolute;top:40px;left:25px;z-index:3;text-align:left;}
.sdoi li .pfus font{font-size:34px;color:#000000;font-weight:bold;transition:transform 0.3s ease;    display: block;}
.sdoi li .pfus p{font-size:24px;font-weight:bold;transition:transform 0.3s ease;margin-top:6%;}
.sdoi li .pfus div{position:absolute;top:100px;left:0px;color:#ffffff;font-size:14px;width:98px;height:25px;line-height:25px;background:#333333;text-align:center;border-radius:20px;transition:transform 0.3s ease;}
.sdoi li a img{transition:transform 0.3s ease;}
.sdoi li a:hover img{transform:scale(1.1);}
.sdoi li a:hover  .pfus font{transform:translate(0px,10px)}
.sdoi li a:hover  .pfus p{transform:translate(0px,10px)}
.sdoi li a:hover  .pfus div{transform:translate(0px,-10px)}
.sdoi li .pfus2{position:absolute;top:40px;left:25px;z-index:3;text-align:left;}
.sdoi li .pfus2 font{font-size:34px;color:#000000;font-weight:bold;transition:transform 0.3s ease;    display: block;}
.sdoi li .pfus2 p{font-size:24px;font-weight:bold;transition:transform 0.3s ease;margin-top:6%;}
.sdoi li .pfus2 div{position:absolute;top:60px;left:0px;color:#ffffff;font-size:14px;width:98px;height:25px;line-height:25px;background:#333333;text-align:center;border-radius:20px;transition:transform 0.3s ease;}
.sdoi li a:hover  .pfus2 font{transform:translate(0px,10px)}
.sdoi li a:hover  .pfus2 p{transform:translate(0px,10px)}
.sdoi li a:hover  .pfus2 div{transform:translate(0px,-10px)}
.piaozuo{width:645px;float:left;overflow:hidden;text-align:left;}
.sdik{background:url(../images/images/home_03.png) no-repeat center;width:100%;overflow:hidden;background-size:auto 100%;padding-bottom:9px;}
@media (max-width:760px){.cplist{height:auto; padding:5% 2% 10% 2%;}
.piao{width: 50%;}
.piaozuo{width:40%;}
.dlbs{font-size:26px;}
.lbsd{font-size:18px;}
.llgd{width:80%;font-size:14px;height:30px;line-height:30px;}
.piao{float:right;overflow:hidden;position:absolute; width:100%; right:5%;}
.piao img{ transition:transform 0.3s ease; width:100%; max-width:252px; margin-top:5%}
.sdoi li{height:250px; overflow:hidden}
.sdoi li .pfus{top:20px;left:15px; }
.sdoi li .pfus font{font-size:24px;}
.sdoi li .pfus p{font-size:14px;}
.sdoi li .pfus div{position:absolute;top:60px;left:0px;color:#ffffff;font-size:14px;width:98px;height:25px;line-height:25px;background:#333333;text-align:center;border-radius:20px;transition:transform 0.3s ease;}
.sdoi li a img{transition:transform 0.3s ease; width:100%;margin-top:60%}
.sdoi li a:hover img{transform:scale(1.1);}
.sdoi li .pfus2{position:absolute;top:40px;left:15px;z-index:3;text-align:left;}
.sdoi li .pfus2 font{font-size:20px;}
.sdoi li .pfus2 p{font-size:14px;}
.sdoi li .pfus2 div{position:absolute;top:40px;left:0px;color:#ffffff;font-size:14px;width:98px;height:25px;line-height:25px;background:#333333;text-align:center;border-radius:20px;transition:transform 0.3s ease;}
}
@media (max-width:480px){
	.sdoi li .pfus p{font-size:13px;}
	.sdoi li .pfus div{width:90px;}
	.sdoi li a img{margin-top:85%}
.sdoi li .pfus2{top:30px;}
.sdoi li .pfus2 font{font-size:18px;}
.sdoi li .pfus2 div{width:90px;}
}
.index-tit{font-size: 45px;color: #333;line-height: 50px; margin:4% 0%}
.index-tit span{font-size: 22px;color: #333;padding-left: 20px;}
@media  (max-width: 767px) {.index-tit{font-size: 24px;line-height: 30px;}
.index-tit span{font-size: 14px;padding-right: 10px;}
}
.foot_txt p{font-size: 16px;line-height: 42px;color: #e7e6e6;padding: 0 33px 0 33px; float:left;}
.foot_txt p.iadd{background: url(../images/add.png) no-repeat left 12px;}
.foot_txt p.itel{background: url(../images/tel2.png) no-repeat left center; }
.foot_txt p.ifax{background: url(../images/fax.png) no-repeat left center;}
.foot_txt p.ipho{background: url(../images/phone.png) no-repeat 3px center}
.foot_txt p.iema{background: url(../images/mail.png) no-repeat left center}
.foot_txt p.iweb{background: url(../images/web.png) no-repeat left center}
.foot_txt1 p{font-size: 16px;line-height: 42px;color: #e7e6e6;padding: 0 33px 0 33px; float:left;}
.foot_txt1 p.iadd{background: url(../images/add.png) no-repeat left 12px;}
.foot_txt1 p.itel{background: url(../images/tel2.png) no-repeat left center; }
.foot_txt1 p.ifax{background: url(../images/fax.png) no-repeat left center;}
.foot_txt1 p.ipho{background: url(../images/phone.png) no-repeat 3px center}
.foot_txt1 p.iema{background: url(../images/mail.png) no-repeat left center}
.foot_txt1 p.iweb{background: url(../images/web.png) no-repeat left center}
.syfl { }
.flbox1 { background: #77b38f; }
.flbox2 { background: #d3b49d; }
.fltu { display: block; overflow: hidden; }
.fltu img { display: block; width: 100%; max-width: 600px; max-height: 362px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.fltu.r { margin-left: 57px; }
.fltu.l { margin-right: 57px; }
.syflnr { padding-top: 54px; padding-left: 55px; padding-right: 55px; }
.flp1 { display: block; font-size: 20px; font-size: 2rem; line-height: 22px; color: #fff; }
.flp2 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #fff; margin-top: 21px; margin-bottom: 16px; }
.flp3 { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; min-width: 150px; height: 45px; line-height: 45px; color: #fff; font-size: 16px; font-size: 1.6rem; text-transform: capitalize; text-align: center; }
.flbox1 .flp3 { background: #7fd9c5; }
.flbox2 .flp3 { background: #bd7880; }
.flbox1 a:hover { color: #7fd9c5; }
.flbox2 a:hover { color: #bd7880; }
.flp3:hover { background: #333; color: #fff; }
.plunbo .img-scroll { position: relative; margin-top: 38px; }
.plunbo .prev, .plunbo .next { position: absolute; display: block; top: 40%; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 2px solid #ddd; border-radius: 50%; }
.plunbo .prev i, .plunbo .next i {  font-size: 40px; color: #ddd; }
.plunbo .prev:hover, .plunbo .next:hover { border: 2px solid #0b437c; }
.plunbo .prev:hover i, .plunbo .next:hover i { color: #0b437c; }
.plunbo .prev { left: -49px; cursor: pointer; }
.plunbo .next { right: -49px; cursor: pointer; }
.plunbo .img-list { position: relative; overflow: hidden; margin: 0 auto; }
.plunbo .img-list ul { width: 10000%; }
.plunbo .img-list li { float: left; display: inline; width: 290px; margin-right: 13px; position: relative; position: relative; text-align: center; }
.syptu img { width: 100%; max-width: 405px; max-height: 405px; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.plunbo .img-list li:hover .syptu img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.syptu { display: block; border: 1px solid #dadada; overflow: hidden; }
.sypp1 { display: block; font-size: 18px;  color: #666666; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 13px; }
.sypp2 { display: block; font-size: 16px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; margin-top: 2px; }
.sypp1:hover { color: #0b437c; }
.sypp2:hover { color: #0b437c; }
@media screen and (max-width: 1350px) { .plunbo .img-list { margin: 0 40px; }
.plunbo .prev { left: 0; }
.plunbo .next { right: 0; }
.plunbo .img-list li { width: 270px; }
 }
@media screen and (max-width: 1219px) { .fltu { width: 500px; }
.syflnr { padding-top: 30px; padding-left: 30px; padding-right: 30px; }
.flp2 { font-size: 14px; line-height: 26px; }
.fltu.r { margin-left: 30px; }
.fltu.l { margin-right: 30px; }
.plunbo .img-list li { width: 215px; }
 }
@media screen and (max-width: 999px) { .syfl { }
.fltu { float: none; width: auto; max-width: 600px; margin: 0 auto !important; }
.syflnr { padding: 20px; }
.plunbo .img-list li { width: 0.31333%; margin: 0 0.01%; }
.sypp1 { font-size: 16px;}
.sypp2 { font-size: 14px; }
 }
@media screen and (max-width: 767px) { .syflnr { }
.flp1 { font-size: 16px; }
.flp2 { margin-top: 12px; }
.flp3 { font-size: 14px; min-width: 126px; height: 36px; line-height: 36px; }
 }
@media screen and (max-width: 650px) { .plunbo .img-list li { width: 0.48%; }
.syfl { padding-bottom: 40px; padding-top: 30px; }
 }
@media screen and (max-width: 400px) { .plunbo .img-list li { width: 0.98%; }
 }


.index-two {}

.index-two ul {
    /* margin-top: -20px; */
}

.index-two li {
    float: left;
    margin-top: 20px;
}

.index-two li a {
    display: block;
    position: relative;
    height: 100%;
}

.index-two li a::before {
    content: "";
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    transition: all .5s;
    background: -moz-linear-gradient(bottom, #000000e0 0%, #00000005 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(0%, #000000e0), color-stop(100%, #00000005));
    background: -webkit-linear-gradient(bottom, #000000e0 0%, #00000005 100%);
    background: -o-linear-gradient(bottom, #000000e0 0%, #00000005 100%);
    background: -ms-linear-gradient(bottom, #000000e0 0%, #00000005 100%);
    background: linear-gradient(to top, #000000e0 0%, #00000005 100%);
}

.index-two li p {
    position: absolute;
    bottom: 0;
    width: auto;
    color: #FFFFFF;
    font-weight: bold;
    padding: 20px 30px;
    transition: all.5s;
    left: 0;
}

.index-two li:first-child {width: 592px;height: 380px;margin-right: 20px;}
.index-two li:nth-child(2) {width: 592px;height: 380px;}
@media (max-width: 668px){
	
.index-two li:first-child {width: 100%;height: 200px;margin-right: 20px;}
.index-two li:nth-child(2) {width: 100%;height: 200px;}
}

.index-two li:nth-child(3) {
    width: 479px;
    margin-right: 20px;
}

.index-two li:nth-child(4) {
    width: 489px;
    margin-right: 20px;
}

.index-two li:last-child {
    width: 592px;
}

.index-two li a:hover::before {
    height: 100%;
}

.index-two li a:hover p {
    bottom: 50%;
    transform: translate(-50%, 50%);
    left: 50%;
}
.index-two li {
    width: 48% !important;
    margin: auto;
}

.index-two li a img {
    width: 100%;
    height: 100%;
}

.index-two li:nth-child(1) {
    margin-right: 1%;
}

.index-two li:nth-child(2) {
    margin-left: 1%;
}


.over-hide {
    overflow: hidden;
}

.tit {overflow: hidden;margin-bottom: 3%;text-align: center; margin-top:5%;}
.tit h3 {margin-bottom: 1.2%;line-height: 1;}
.tit p {line-height: 1.5;color: #666666;}
@media (max-width: 668px){
.tit {overflow: hidden;margin-bottom: 8%;text-align: center; margin-top:8%;}
.tit h3 {margin-bottom: 1.2%;line-height: 1;}
.tit p {line-height: 1.5;color: #666666;}	
}

.product__list-grid{padding-bottom:0px}
@media (max-width: 1180px){.product__list-grid{padding-bottom:20px}
}
.product__list-grid>.row{margin:0 -5px;padding-bottom:50px}
@media (max-width: 1180px){.product__list-grid>.row{padding-bottom:20px}
}
@media (max-width: 668px){.product__list-grid>.row{padding-bottom:10px}
}
.product__list-grid>.row>div{padding:0 5px;margin-bottom:10px}
.product__list-grid>.row>div a{display:block;background-color:#fff}
.product__list-grid>.row>div a .img{overflow:hidden}
.product__list-grid>.row>div a .img img{width:100%;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.product__list-grid>.row>div a .title{display:block;padding:0 20px;height:75px;line-height:75px;font-weight:normal;font-size:25px;color:#000;text-align:center;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
@media (max-width: 1440px){.product__list-grid>.row>div a .title{font-size:18px}
}
.product__list-grid>.row>div a:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.product__list-grid>.row>div a:hover .title{color:#333333; }

.fl { float: left }
.fr { float: right }
.dfc { display: flex; align-items: end; justify-content: center; }
.dfs { display: flex; align-items: end; justify-content: space-between; }
.dfe { display: flex; align-items: end; justify-content: end; }
.dfr { display: flex; align-items: end; justify-content: right; }
.dfv { display: flex; align-items: center; justify-content: center; }
.dfsc { display: flex; align-items: center; justify-content: space-between; }

.process { width: 100%; padding-bottom: 80px; padding-top: 80px; margin-top: 80px; background: url( ../images/inth-bj2.jpg) center no-repeat; }
.proc { position: relative; margin-top: 52px; }
.proc:after { position: absolute; content: ''; width: 100%; height: 1px; background: #333333; left: 0; top: 136px; }
.proc li { width: 106px; }
.proc_w { text-align: center; font-size: 16px; color: #fff; margin-top: 28px; }
.proc_w span { width: 9px; height: 9px; background: #333333; border-radius: 100%; display: block; margin: 0 auto 31px; }
.proc_t { transition: all 2s linear; width: 104px; height: 104px; border-radius: 100%; background: #333333; display: flex; align-items: center; justify-content: center; border: 1px solid #333333; }
.proc li:hover .proc_t { transition: all 1s linear; cursor: pointer; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); background: #333; border: 1px solid #333; }
.proc_bz { width: 320px; height: 43px; margin: 0 auto; margin-top: 60px; text-align: center; }
.proc_bz a { display: block; line-height: 43px; background: #333333; color: #fff; font-size: 18px; transition: all 0.4s linear; letter-spacing: 0.5px; }
.proc_bz a:hover { background: #333; transition: all 0.4s linear; }


/* index-four */
.index-four {background: url(../images/info-bj.png)no-repeat left top;background-size: 63.43%;padding: 62px 0 65px;}
.info-right {transform: translateX(50px);transition: all 0.5s;}
.index-four:hover .info-right {transform: translateX(0px);}
.index-four .ny-header {text-align: left;}
.index-four .index-tit,.index-four .index-dec {color: #fff;}
.index-four .ny-left {width: 48%;}
.index-four .ny-right {}
.info-swiper {height: 450px;margin-top: 40px;}
.info-swiper {}
.info-swiper h4 {display: inline-block;font-size: 36px;color: #fff;font-weight: bold;vertical-align: middle;font-family: "hel";}
.info-swiper h4::after {content: "";display: inline-block;background: url(../images/sanjiao.png)no-repeat center;width: 13px;height: 16px;vertical-align: middle;margin: 0 18px 0 25px;}
.info-swiper p {color: #fff;font-size: 16px;line-height: 32px;display: inline-block;vertical-align: middle;-webkit-line-clamp: 3;height: 96px;}
.info-p {display: none;width: 66%;vertical-align: middle;}
.info-swiper .swiper-slide h4 {opacity: 0.1;margin-top: 44px;}
.info-swiper .swiper-slide h4::after {opacity: 0;}
/* .info-swiper .swiper-slide p{display: none;}
 */.info-swiper .swiper-slide-active h4 {opacity: 1;margin-top: 22px;}
.info-swiper .swiper-slide-active h4::after {opacity: 1;}
.info-swiper .swiper-slide-active .info-p {display: inline-block;}
.info-swiper .swiper-slide-active p {display: -webkit-box;transform: translateY(14px);}
.info-swiper .swiper-button-next,.info-swiper .swiper-button-prev {display: none;}
.info-swiper .swiper-container {width: 100%;height: 100%;}
.info-right {text-align: center;}
.info-right h4 {color: #333;margin: 25px 0 23px;transition: all 0.5s}
.info-right p {line-height: 28px;color: #666;width: 100%;padding: 0 5%;opacity: 0;transition: all 0.5s;font-size: 16px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;}
.info-right {background: url(../images/info-bj2.png)no-repeat right top;margin-top: 18px;box-shadow: 0 0 15px rgb(0 0 0 / 7%);background-size: 66.625%;}
.info-right li {width: 50%;transition: all 0.5s}
.info-right ul {width: 49%;float: right;margin: 0;}
.info-right li:hover p {opacity: 1;}
.info-right li:hover {transform: translateY(-30px);}
.info-right .ny-item {padding: 83px 0 0;text-align: center;}
.info-right li:nth-child(4) .ny-item,.info-right li:nth-child(3) .ny-item {padding: 70px 0 0;}
.index-five {padding: 56px 0 80px;}
.index-five .ny-nav {margin: 25px 0 40px;}
.infi-swiper {float: left;width: 66.25%;}
.infi-swiper li {width: 50%;padding: 0 10px;float: right;}
.infi-swiper ul {margin: 0 -10px;}
.infi-swiper:hover img {transform: scale(1.05);}
.infi-swiper:hover h4 {color: #f3981e;}
.infi-left {position: relative;overflow: hidden;}
.infi-left img {width: 100%;transition: all 0.5s;}
.infi-right {}
.infi-right span {font-family: 'Arial';color: #666;display: inline-block;margin: 15px 0 41px;}
.infi-right p {line-height: 30px;color: #666;-webkit-line-clamp: 5;margin-bottom: 44px;height: 126px;}
.infi-right h4 {height: 52px;}
.infi-right {background: #fff;padding: 36px 32px 74px 30px;}
.infi-txt {padding-left: 30px;position: relative;}
.infi-txt::before {content: "";width: 1px;height: 100%;border-left: 1px dashed #e3e3e3;position: absolute;top: 7px;left: 6px;}
.infi-btn span {color: #333;margin: 0;}
.infi-btn em {display: inline-block;background: url(../images/arrow3.png )no-repeat center;width: 16px;height: 13px;}
.infi-box strong {content: "";position: absolute;top: 8px;left: 0;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #ec9c4e;display: inline-block;background-color: #fff;}
.infi-box {display: none;}
.infi-box.on {display: block;}
.infi-text {float: right;width: 33.75%;padding-left: 20px;}
.infi-text a {display: block;}
.infi-ul {background-color: #fff;padding: 36px 32px 30px 30px;box-shadow: 0px 0px 20px rgba(0, 0, 0, .06);}
.infi-ul .ny-item {position: relative;padding-bottom: 48px;}
.infi-ul li:last-child .ny-item {padding-bottom: 0;}
.infi-ul li:last-child .ny-item::before {display: none;}
.infi-ul li:hover h4 {color: #f3981e;}
.infi-ul h4 {padding-left: 30px;margin-bottom: 13px;}
.infi-ul strong {top: 6px;}
.infi-ul span {padding-left: 30px;font-family: 'Arial';color: #666;display: inline-block;}
.infi-ul .ny-item::before {content: "";width: 1px;height: 100%;border-left: 1px dashed #e3e3e3;position: absolute;top: 7px;left: 6px;}
.index-two {padding-top: 62px;}
.index-two .index-dec {line-height: 30px;}
.index-two .ny-wrap {margin-top: 44px;}
.index-two .ny-left {position: relative;width: 58.125%;}
.index-two .ny-right img,.index-two .ny-left img {width: 100%;}
.index-two .ny-right {position: relative;margin-left: -50%;width: 65.437%;}
.index-two .ny-txt {position: absolute;top: 50%;left: 70px;transform: translateY(-50%);}
.index-two .ny-txt h4 {color: #fff;margin-bottom: 17px;}
.index-two .ny-txt p {line-height: 30px;color: #fff;}
.index-two .ny-right .ny-txt {left: 26.5%;width: 62%;}
@media (max-width: 1919px) {.index-four {background-size: 63.43% 100%;}
}
@media (max-width: 1679px) {.index-btn {padding: 14px 30px;width: 200px;height: 55px;}
.index-btn:hover {padding: 14px 48px;}
.inon-right .swiper-slide {padding: 96px 0 0 188px;}
.inon-right .swiper-slide-active {padding: 0;}
.info-right {background-size: 62.625%;margin-top: 0;}
.info-right h4 {margin: 10px 0;}
.info-right p {line-height: 26px;}
.info-swiper {margin: 46px 0 0;height: 306px;}
.index-four {padding: 50px 0;}
.info-right .ny-item {padding: 52px 0 0;}
.info-right .ny-item img {width: 70px;}
.info-right li:nth-child(3) .ny-item {padding: 56px 0 0;}
.info-right ul {margin-bottom: -18px;}
.infi-right p {margin-bottom: 20px;}
.infi-right {padding: 36px 32px 46px 30px;}
.infi-ul .ny-item {padding-bottom: 33px;}
.infi-ul {padding: 36px 32px 32px 30px;}
}
@media (max-width: 1459px) {.index-five {padding: 56px 0 60px;}
.index-three {padding: 50px 0 60px;}
.index-two {padding-top: 50px;}
.index-one {padding: 50px 0;}
.inon-left {margin-top: 8%;}
.index-one .ny-wrap {margin-top: 22px;}
.index-span {font-size: 42px;}
.index-tit {font-size: 36px;}
.swiper-button-next.com-butt, .swiper-button-prev.com-butt {width: 50px !important;height: 50px !important;border: 2px solid #fff;}
.inon-right .swiper-slide {padding: 78px 0 0 155px;}
.inon-right .swiper-slide-active {padding: 0;}
.index-three .ny-wrap,.index-two .ny-wrap {margin-top: 35px;}
.index-three .ny-item h4::before {height: 60px;background-size: 60px;}
.index-three .ny-item h4::after {background-size: 50px;height: 50px;}
.index-three li:hover h4::after {transform: translateY(40px);}
.info-swiper .p-style {display: inline;}
.info-swiper p {line-height: 26px;height: 74px;}
.info-swiper .swiper-slide h4 {margin-top: 25px;}
.info-right p {height: 52px;}
.info-right .ny-item img {width: 55px;}
.info-right h4 {font-size: 22px;}
.info-swiper {margin: 15px 0 0;}
.info-right {box-shadow: none;}
.info-right li:hover {transform: translateY(-15px);}
.info-swiper .swiper-slide-active h4 {margin-top: 10px;}
.infi-right span {margin: 10px 0 18px;}
.infi-right p {-webkit-line-clamp: 4;height: 96px;}
.infi-right {padding: 36px 32px 25px 30px;}
.infi-ul h4 {margin-bottom: 10px;padding-left: 22px;}
.infi-ul span {padding-left: 22px;}
.infi-ul .ny-item {padding-bottom: 25px;}
.infi-ul {padding: 26px 20px 27px;}
}
@media (max-width: 1259px) {.inon-left p {height: 52px;-webkit-line-clamp: 2;margin-bottom: 20px;line-height: 26px;}
.swiper-button-next.com-butt, .swiper-button-prev.com-butt {width: 40px !important;height: 40px !important;background-size: 13px !important;}
.inon-right .swiper-slide {padding: 58px 0 0 117px;}
.inon-right .swiper-slide-active {padding: 0;}
.index-span {font-size: 34px;}
.index-tit {font-size: 30px;margin: -5px 0;}
.index-two .ny-txt .p-style {display: inline;}
.index-two .ny-left .ny-txt {width: 55%;}
.index-two .index-dec {line-height: 24px;margin-top: 16px;}
.index-three .ny-item h4::before {height: 55px;background-size: 55px;}
.index-three .ny-item h4::after {background-size: 40px;height: 40px;}
.index-three li:hover h4::after {transform: translateY(25px);}
.index-three li:hover h4::before {transform: translateY(-20px);}
.infi-right {padding: 36px 32px 12px 30px;}
.infi-right p {-webkit-line-clamp: 3;height: 52px;line-height: 26px;margin-bottom: 5px;}
.infi-ul {padding: 22px 12px 14px;}
.infi-ul h4 {margin-bottom: 4px;}
.infi-ul .ny-item {padding-bottom: 15px;}
.infi-txt::before {height: 90%;}
.index-four .ny-left {width: 100%;}
.index-four .ny-right {width: 100%;}
.info-right ul {width: 100%;}
.index-four {background-size: 100%;}
.info-right {background: none;}
.info-right ul {margin: 0;background: #fff;border-radius: 50px;margin-top: 40px;}
.index-four {background-size: 163% 59%;}
}
@media (max-width: 991px) {.inon-left p {margin: 5px 0;}
.index-two .ny-left .ny-txt {left: 40px}
.infi-swiper {width: 100%;}
.infi-text {width: 100%;padding-left: 0;margin-top: 20px;}
.infi-right {padding: 54px 32px 34px 30px;}
}
@media (max-width: 767px) {.index-five {padding: 40px 0 45px;}
.index-three {padding: 40px 0 45px;}
.index-one {padding: 40px 0;}
.index-two {padding-top: 40px;}
.index-span {font-size: 24px;}
.index-tit {font-size: 22px;margin: 0 0 -5px;}
.index-one .ny-wrap {background: none;}
.inon-right {width: 100%;float: none;padding: 0 20px;}
.inon-left {width: 100%;padding: 0 30px;}
.inon-left h4 {color: #333;}
.inon-left p {color: #666;height: auto;}
.swiper-button-next.com-butt, .swiper-button-prev.com-butt {border: 2px solid #f3981e;background: url(../images/arrow3.png)no-repeat center !important;}
.inon-left .ny-txt {width: 100%;text-align: center;}
.inon-btn {left: 50%;transform: translateX(-50%);margin-left: 0;}
.index-two .ny-left {width: 100%;}
.index-two .ny-right {width: 100%;}
.index-two .ny-right .ny-txt,.index-two .ny-left .ny-txt {width: 100%;left: 0;padding: 0 20px;}
.index-three li {width: 50%;}
.index-three .ny-item h4::after {transform: translateY(25px);opacity: 1;}
.index-three .ny-item h4::before {transform: translateY(-20px);opacity: 1;}
.infi-swiper li {width: 100%;}
.infi-right {padding: 25px 15px 20px;}
.ny-nav li span {padding: 0 18px;}
.index-five .ny-nav {margin: 20px 0 33px;}
.info-swiper .swiper-button-next,.info-swiper .swiper-button-prev {display: block;top: auto;bottom: 0;}
.info-swiper p {height: auto;display: inline-block;}
.info-p {width: 100%;}
.info-swiper {height: auto;}
.info-swiper .swiper-container {padding-bottom: 66px;}
.info-swiper h4 {font-size: 30px;}
.info-right p {opacity: 1;font-size: 14px;-webkit-line-clamp: 13;height: 66px;overflow: -webkit-paged-x;text-overflow: ellipsis;overflow-y: scroll;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;}
.info-right li:hover {transform: none;}
.info-right .ny-item {padding: 20px 0 0;}
.info-right .ny-item img {width: 50px;}
.info-right li:nth-child(3) .ny-item {padding: 26px 0 0;}
.info-right li:nth-child(4) .ny-item {padding: 26px 0 0;}
.info-right ul {padding-bottom: 35px;}
.info-right h4 {font-size: 18px;}
.index-four {padding: 45px 0 0;}
}

.in-top{position:relative; margin-top:-440px;}


@media (max-width: 1259px) {
	.in-top{position:relative; margin-top:0px;}
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}



.news-two .com-swxt {box-shadow: 0 0 20px rgba(0, 0, 0, .05);}
.news-two .swxt-font {text-align: left;padding: 22px 25px 40px;background-color: #fff;}
.news-two h4 {color: #444;line-height: 30px;height: 30px;overflow: hidden;width: 87%;}
.news-two .netw-time {font-family: 'Arial';color: #777;font-size: 14px;margin: 7px 0 13px;display: inline-block;}
.news-two p {line-height: 26px;color: #777;height: 52px;}
.news-two li:hover img {}
.news-two li:hover h4 {color: #f3981e;}
.netw-btn {padding: 10px 22px;border-radius: 20px;display: inline-block;background-color: #f3981e;margin-top: 26px;}
.netw-btn span {font-size: 14px;color: #fff;background: url(../images/eye.png)no-repeat left center;padding-left: 30px;}
@media (max-width: 1459px) {.neon-right .ny-item {padding: 22px 20px;}
.neon-right span {font-size: 36px;}
.neon-right li {margin-bottom: 19px;}
.menban-txt p {width: 83%;}
.neon-right {padding-left: 20px;}
.news-two h4 {line-height: 26px;height: 52px;}
.news-two .netw-time {margin: 7px 0;}
.netw-btn {margin-top: 16px;}
.news-two .swxt-font {padding: 22px 25px 22px;}
}
@media (max-width: 1259px) {.neon-right .ny-right {width: 85%;}
.neon-right p.omit {-webkit-line-clamp: 1;height: 26px;}
.neon-right li {margin-bottom: 12px;}
.neon-right span {font-size: 22px;margin-top: -5px;}
.news-two .swxt-font {padding: 20px;}
.news-two ul {margin: 0 -8px;}
.news-two li {padding: 0 8px;}
.news .news-two li {padding: 0 8px;}
.news-one {padding-top: 50px;}
}
@media (max-width: 991px) {.neon-swiper {width: 100%;}
.neon-right {width: 100%;padding: 0;}
.neon-swiper .ny-item {width: 100%;}
}
@media (max-width: 767px) {.news-two li {width: 100%;margin-bottom: 20px;}
.news .news-two li {width: 100%;margin-bottom: 20px;}
.news-two li:last-child {margin-bottom: 0;}
.news-one {padding-top: 45px;}
.neon-right .ny-right {width: 80%;}
.footer-right {text-align: center;}
}
@media (max-width: 360px) {.neon-right .ny-right {width: 76%;}
}

.pri1-tit {font-size: 36px;line-height: 40px;color: #333;text-align: center;}
.pri1-swiper {width: 100%;position: relative;margin-top: 40px;}
.pri1-img {text-align: center;overflow: hidden;}
.pri1-img img {display: inline-block;max-width: 100%;}


.contact {}

.contact-one {}
.coon-wrap {padding: 11px 0 24px 0;}
.coon-wrap .com-ul {}
.coon-wrap .com-ul li {    padding: 0 0px  0 0px;}
.coon-wrap .com-ul li:last-child::after {        display: none;    }
.coon-wrap .ztyw-font {width: 75%;padding-left: 0px;}
.coon-wrap .ztyw-font h4 {    color: #666;margin-top: .px;}
.coon-wrap .ztyw-font p {    color: #333;    line-height: 30px;    margin-top: 14px;}
.coon-wrap .ztyw-img img {width: auto;}
.coon-wrap .ztyw-img {width: 25%;margin-top: 10px;}



@media(max-width: 1459px) {
.coth-wrap .swxt-font{}.coon-wrap .ztyw-img img {width: 100%;}
.coon-wrap .com-ul li {padding: 0 20px;}
.coon-wrap .ztyw-img {width: 60px;margin-top: 0;}
.coon-wrap .ztyw-font {float: none;margin-left: 80px;padding: 0;width: auto;}
.coon-wrap .ztyw-font h4 {    font-size: 16px;}
.coon-wrap .ztyw-font p {    line-height: 26px;    margin-top: 10px;}
}

@media(max-width: 1259px) {.coth-wrap .com-ul li {padding: 0 10px;}
.coth-wrap .swxt-font{
height: 280px;}.coth-wrap .com-ul {margin: 0 -10px;}
.coon-wrap .ztyw-img {width: 50px;}
.coon-wrap .ztyw-font {margin-left: 70px;}
.coon-wrap, .contact-four {padding: 60px 0;}
.coth-wrap {padding: 60px 0 0;}
.form-ul li {padding: 0 10px;}
.form-ul {margin: 0 -10px;}
}

@media(max-width: 991px) {.coth-wrap .com-ul li {width: 50%;margin-top: 20px;}
.coth-wrap .com-ul {margin-top: -20px;}
.coth-wrap .swxt-font {padding: 20px 0;}
.coth-wrap .swxt-font h4 {    margin-bottom: 10px;}
.coth-wrap .swxt-font p {    padding: 4px 0 12px 40px;}
.form-ul input {width: 70%;}
.contact-sub button {width: 160px;}
.com-ul li {width: 50%;margin-top: 20px;}
.com-ul {margin-top: -20px;}
.sxline:nth-child(even)::after {display: none;}
.coon-wrap .com-ul li:nth-child(3) {transform: translateX(50%);}
}

@media(max-width: 767px) {.coth-wrap .swxt-font p,.coth-wrap .swxt-font p:nth-child(3) {background-size: 24px 24px;padding: 0px 0 10px 35px;}
.coon-wrap .ztyw-img {width: 42px;}
.coon-wrap .ztyw-font {margin-left: 60px;}
.coth-wrap {padding: 40px 0 0px;}
.coon-wrap, .contact-four {padding: 40px 0;}
.form-ul input {width: 65%;}
.form-ul-item, .com-form textarea {padding-left: 16px;}
.contact-four .ssline::after {margin: 10px auto 30px;}
}

@media(max-width: 640px) {.coth-wrap .com-ul li {width: 100%;}
.coth-wrap .swxt-font {padding-bottom: 0;height: auto;}
.form-ul li {width: 100%;}
.contact-four .com-form textarea {height: 150px;padding-top: 0;}
.contact-yzm input {padding: 6px 10px;}
.contact-sub button {width: 130px;height: 42px;line-height: 42px;}
.coth-wrap {padding: 40px 0 30px;}
.coon-wrap .com-ul li {padding: 0 15px;}
.com-ul {margin: -20px -15px 0;}
.coon-wrap .ztyw-img {width:28%;margin-top: 0px;}
}

@media(max-width: 440px) {.coon-wrap .com-ul li {width: 100%;}
.coon-wrap .com-ul li:nth-child(3) {    transform: none;}
.coon-wrap .com-ul li::after {    display: none;}
.contact-yzm {float: none;width: 100%;}
.contact-yzm span {    float: right;    line-height: 40px;}
.contact-sub button {margin-left: 0;margin-top: 20px;}
.contact-sub {margin-top: 20px;}
.form-ul-item {line-height: 42px;}
}

@media(max-width: 321px) {
}

.pri-two {line-height:40px; font-size:16px}
.pri-two p{line-height:40px; }
.pri-two .container{ width:100%;}
.pri2-dec {margin-top: 0px;font-size: 16px;line-height: 27px;text-align: center;}
.pri2-dec em {display: block;font-style: normal;}
.pri2-con {position: relative;margin-top: 0px; line-height:30px; font-size:16px; }
.pri2-con2 {position: relative;margin-top: 0px; line-height:30px; font-size:16px; }
.pri2-con2 img{ width:auto}
@media(max-width:640px) {
.pri2-con2 {position: relative;margin-top: 0px; line-height:30px; font-size:16px; }
.pri2-con2 img{ width:100%}
}


.pri-two table { width:100%;border-collapse:collapse;border-radius:5px;font-weight:normal;border:none;border-collapse:collapse;width:100%;max-width:99%;background-color:white;} 
.pri-two tr:nth-of-type(odd) {background:#ffead0;}
.pri-two tr:nth-of-type(1) {background:#333333;color:#edd5b6;}

.pri-two td {border: 1px solid #dcdcdc;padding: 5px;}
.pri-two th {border: 1px solid #dcdcdc;padding: 5px;}
.pri-two tr {border: 1px solid #dcdcdc;}

.pri-three {padding-bottom: 0px;margin-top: 0px;}
.pri-three .container{ width:100%;}
.pri3-tab {margin-top: 0px;}
.pri3-tab table {width: 100%;text-align: center;}

.contact-tit {font-size: 18px;line-height: 35px;text-align: left;}


.contact-tit1 {font-size: 18px;line-height: 35px;text-align: left;}