body { word-wrap:break-word; }

body .bd_weixin_popup { height: 310px !important; }

.suspension-wrap { position: fixed; bottom: 100px; right: 0; z-index: 101; text-align: center; }

.suspension-wrap .row-down a { display: block; background-color: #5a5959; width: 54px; height: 54px; position: relative; }

.suspension-wrap .row-down i { transition: transform 0.6s ease-in-out; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 22px; height: 24px; margin: auto; background: url(../assets/images/icon-11.png) no-repeat center center; background-size: 22px 24px; }

.suspension-wrap .svg-chatbot { transition: fill 0.6s ease-in-out; width: 28px; fill: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.suspension-wrap .chatbot-icon { position: relative; width: 54px; height: 54px; display: block; background-color: #000; transition: all 0.6s ease-in-out; }

.suspension-wrap .linkchat:hover { cursor: pointer; }

.suspension-wrap .linkchat:hover .chatbot-icon { background-color: #999; }

.suspension-wrap .wave { position: fixed; bottom: 100px; right: 0; z-index: 100; width: 54px; height: 54px; margin-left: auto; margin-right: auto; pointer-events: none; }

.suspension-wrap .wave .dot { transition: background 0.6s ease-in-out; display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin-right: -1px; margin-top: 22px; background-color: #000; animation: wave 1.3s linear infinite; }

.suspension-wrap .wave .dot:nth-child(2) { animation-delay: -1.1s; }

.suspension-wrap .wave .dot:nth-child(3) { animation-delay: -.9s; }

header {position: relative; }
header >.language {position: absolute; right: 3%; top: 50%; transform: translateY(-50%);}
header li.navLanguage { display: none; }
@keyframes wave { 0%, 20%, 60% { transform: initial; }
  20% { transform: translateY(-2px); } }

@keyframes hoverStart { 100% { transform: translateX(0%); } }

@keyframes hoverEnd { 45% { transform: translateX(0%); }
  100% { transform: translateX(100%); } }

@keyframes bannerProgress { 100% { width: 9.375vw; } }

#newBridge .icon-right-bottom, #newBridge .nb-icon-right-center { display: none; }

#newBridge .nb-nodeboard-left-bottom { transform: translateY(40px); }

.product .suspension-wrap .row-down:hover i { transform: translateY(4px); }

.product-page-02 .suspension-wrap .row-down a { background-color: #4f9525; }

.product-page-03 .suspension-wrap .row-down a { background-color: #614234; }

.product-page-04 .suspension-wrap .row-down a { background-color: #ff922c; }

.product-page-05 .suspension-wrap .row-down a { background-color: #81262d; }

.product-page-06 .suspension-wrap .row-down a { background-color: #e5cc98; }

.m-inner-wrap { display: none; }

.page-module-title { font-size: 0; }

.page-module-title strong { font-size: 20px; font-weight: normal; display: inline-block; margin-top: 8px; vertical-align: top; letter-spacing: 1px; color: #000; }

.page-module-title span { font-family: "FuturaHeavy"; font-size: 30px; display: inline-block; margin-right: 15px; vertical-align: top; color: #000; }

.skip-list { position: relative; display: block; width: 48px; height: 48px; transition: background 0.6s ease-in-out; border: 1px solid #000; }

.skip-list i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 23px; height: 23px; margin: auto; }

.skip-list i:before { position: absolute; top: 50%; display: block; width: 100%; height: 1px; content: ''; transition: background 0.6s ease-in-out; background-color: #000; }

.skip-list i:after { position: absolute; left: 50%; display: block; width: 1px; height: 100%; content: ''; transition: background 0.6s ease-in-out; background-color: #000; }

.skip-list:hover { background-color: #000; }

.skip-list:hover i:before { background-color: #fff; }

.skip-list:hover i:after { background-color: #fff; }

.picture-hover-wrap:hover .picture-hover-animate:after { visibility: hidden; opacity: 0; border: 0 solid rgba(0, 0, 0, 0.2); }

.picture-hover-animate { position: relative; overflow: hidden; }

.picture-hover-animate:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; visibility: visible; width: 100px; height: 100px; margin: auto; content: ''; cursor: pointer; transition: all 0.6s ease-in-out; transform: scale(6); opacity: 1; border: 50px solid rgba(0, 0, 0, 0.15); border-radius: 50px; }

body { min-width: 320px; }

.hide { display: none; }

.show { display: block; }

.lazy { background: url(../assets/images/loading.gif) no-repeat center center; background-size: 24px; }

.fl { float: left; }

.fr { float: right; }

.relative { position: relative; }

.w1660 { width: 86.45833vw; margin-right: auto; margin-left: auto; }

.w1400 { width: 72.91667vw; margin-right: auto; margin-left: auto; }

.fs30 { font-size: 1.5625vw; }

.logo { display: inline-block; }

.logo .lp { display: none; }

.logo .ls, .logo .lp { width: 136px; height: 45px; }

.foot-logo { display: block; }

.foot-logo .fp { display: none; width: 128px; height: 44px; }

.foot-logo .fs { width: 128px; height: 46px; }

.no-svg .lp, .no-svg .fp { display: block; }

.no-svg .ls, .no-svg .fs { display: none; }

.wrap { padding-top: 74px; }

.pagination { padding: 22px 40px; background-color: #f3f3f3; }

.pagination:after { display: block; float: none; clear: both; content: ''; }

.pagination a { font-size: 14px; position: relative; display: block; transition: color 0.6s ease-in-out; letter-spacing: 1px; color: #666; }

.pagination a:after { position: absolute; bottom: 10px; display: block; width: 85px; height: 1px; content: ''; transition: background 0.6s ease-in-out; background-color: #999; }

.pagination a span { font-size: 12px; display: block; transition: color 0.6s ease-in-out; text-transform: uppercase; color: #999; }

.pagination a:hover { color: #000; }

.pagination a:hover:after { background-color: #000; }

.pagination a:hover span { color: #000; }

.pagination .prev { padding-left: 120px; }

.pagination .prev:after { left: 0; }

.pagination .next { padding-right: 120px; text-align: right; }

.pagination .next:after { right: 0; }

.page-bgImg { position: relative; }

.page-bgImg img { width: 100%; }

.page-bgImg .lazy { position: absolute; z-index: -1; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; }

.page-navigation { min-height: 76px; margin-top: 6.51042vw; }

.page-navigation:after { display: block; float: none; clear: both; content: ''; }

.page-title { font-size: 0; display: inline-block; vertical-align: top; }

.page-title .le, .page-title .lc { font-size: 30px; display: inline-block; vertical-align: middle; letter-spacing: 1px; color: #000; }

.page-title .le { font-family: "FuturaHeavy"; margin-right: 1.04167vw; }

.page-tags { font-size: 0; float: right; }

.page-tags .mt { display: none; }

.page-tags li { display: inline-block; margin-left: 4px; vertical-align: top; margin-bottom: 10px; }

.page-tags a { font-size: 14px; line-height: 30px; display: block; width: 170px; height: 30px; padding: 0 15px; transition: height 0.6s ease-in-out; letter-spacing: 1px; color: #fff; }

.page-tags a:hover { height: 43px; }

.page-tags .current a { height: 43px; }

.m-page-bgImg { display: none; }

body .bdshare-button-style0-16 a, body .bdshare-button-style0-16 .bds_more { float: none; padding-left: 0; background-image: inherit; margin: 0; }

body .swal-button, body .swal-button:active, body .swal-icon--info:after, body .swal-icon--info:before, body .swal-icon--info:after, body .swal-icon--info:before, body .swal-icon--success__line, body .swal-icon--error__line, body .swal-icon--warning__body, body .swal-icon--warning__dot { background-color: #000; }

body .swal-icon--success__ring { border: 4px solid #000; }

body .swal-button--cancel:active { background-color: #eee; }

body .swal-button { border-radius: 0; padding: 13px 24px; }

body .swal-icon--info, body .swal-icon--error, body .swal-icon--warning { border-color: #000; }

body .swal-button:focus { box-shadow: none; }

body .swal-button--cancel { color: #333; background-color: #eee; }

body .swal-footer { text-align: center; }

body .swal-overlay--show-modal .swal-modal { border-radius: 0; }

/*header*/
.header { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; background-color: #fff; }

.header .main { padding: 12px 0; }

.header .main:after { display: block; float: none; clear: both; content: ''; }

.m-menu { display: none; }

/*header-end*/
/*footer*/
.footer { padding-top: 3.4375vw; padding-bottom: 5.52083vw; background-color: #262626; }

.footer .main { max-width: 1660px; width: 86.45833vw; margin-right: auto; margin-left: auto; }

.footer .main:after { display: block; float: none; clear: both; content: ''; }

.foot-infor { font-size: 0; margin-top: 40px; }

.foot-infor img { display: inline-block; vertical-align: middle; }

.foot-infor .txt { display: inline-block; margin-left: 35px; vertical-align: middle; }

.foot-infor .txt p { font-size: 14px; line-height: 28px; color: #fff; }

.bt { float: right; }

.bt:before { display: block; width: 15px; height: 30px; content: ''; transition: background 0.6s ease-in-out; background: url(../assets/images/icon-03.png) no-repeat center center; }

.bt span { font-family: "futuramedium"; font-size: 12px; display: block; visibility: hidden; margin-top: 15px; transition: all 0.6s ease-in-out; letter-spacing: 2px; opacity: 0; color: #fff; }

.bt:hover:before { background-image: url(../assets/images/icon-04.png); }

.bt:hover span { visibility: visible; opacity: 1; color: #e5cc98; }

.foot-right .content { font-size: 0; float: none; clear: both; padding-top: 72px; }

.foot-right .copyright { position: relative; display: inline-block; padding-right: 18.48958vw; vertical-align: top; }

.foot-right .copyright:after { position: absolute; top: 50%; right: 0; display: block; width: 16.66667vw; height: 1px; content: ''; background-color: #444; }

.foot-right .copyright p, .foot-right .copyright a { font-size: 12px; color: #999; }

.foot-right .copyright a { transition: opacity 0.6s ease-in-out; }

.foot-right .copyright a:hover { opacity: .8; }

.foot-right .foot-share { display: inline-block; margin-left: 18px; vertical-align: top; }

.foot-right .foot-share a { line-height: 20px; display: inline-block; width: 20px; height: 20px; margin-left: 13px; transition: background 0.6s ease-in-out; text-align: center; vertical-align: top; color: #262626; border-radius: 50%; background-color: #fff; font-size: 16px; }

.foot-right .foot-share a:hover { color: #fff; }

.foot-right .foot-share .qq:hover { background-color: #4f9525; }

.foot-right .foot-share .wx:hover { background-color: #614234; }

.foot-right .foot-share .wb:hover { background-color: #545454; }

/*footer-end*/
/*about*/
.about .container { padding-top: 5.72917vw; padding-bottom: 3.95833vw; margin-top: 4.16667vw; }

.about .container:before { position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 75vw; height: 38.4375vw; content: ''; pointer-events: none; background: linear-gradient(#f3f3f3, rgba(243, 243, 243, 0.1)); }

.about-subject { position: relative; padding-left: 230px; }

.about-intro { font-size: 14px; line-height: 26px; color: #666; padding-left: 230px; text-align: left; margin-top: 5.20833vw; }

.about-intro h3 { font-size: 16px; color: #000; font-weight: bold; }

.about-title { position: absolute; top: 11.97917vw; left: 0; width: 230px; }

.about-title h1 { font-family: "FuturaHeavy"; font-size: 30px; color: #000; }

.about-title h2 { font-size: 20px; margin-top: 6px; letter-spacing: 0.15625vw; color: #000; }

.about-pic img { max-width: 100%; }

.about-list { margin-top: 3.64583vw; }

.about-list .item { font-size: 0; margin-bottom: 2.29167vw; }

.about-list .item > div { display: inline-block; vertical-align: top; }

.about-list .time { width: 11.97917vw; }

.about-list .time time { font-family: "FuturaHeavy"; font-size: 30px; color: #000; }

.about-list .time i, .about-list .time span { font-family: "FuturaHeavy"; font-size: 14px; display: inline-block; margin-left: 4px; color: #000; }

.about-list .txt { width: 32.8125vw; margin-top: 0.3125vw; }

.about-list .txt li, .about-list .txt p { font-size: 14px; line-height: 26px; color: #666; }

.about-list .txt li { position: relative; padding-left: 24px; }

.about-list .txt li:after { position: absolute; top: 10px; left: 0; display: block; width: 8px; height: 8px; content: ''; border-radius: 50%; background-color: #ccc; }

/*about-end*/
/*news*/
.date { position: relative; display: inline-block; width: 50px; height: 100%; text-align: center; vertical-align: top; }

.date > div { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }

.date strong { font-family: "FuturaHeavy"; font-size: 24px; line-height: 26px; display: block; margin-bottom: 22px; letter-spacing: 2px; color: #fff; }

.date div, .date span { font-family: "FuturaHeavy"; font-size: 12px; line-height: 20px; letter-spacing: 1px; color: #fff; }

.news .container { padding-top: 5.83333vw; padding-bottom: 7.29167vw; background: linear-gradient(#f3f3f3, rgba(243, 243, 243, 0.5)); }

.news .subject { width: 1225px; margin-right: auto; margin-left: auto; }

.news .pagination { margin-top: 5.9375vw; }

.news-list { font-size: 0; }

.news-list li { position: relative; margin-bottom: 34px; }

.news-list a { position: relative; display: block; height: 100%; }

.news-list .date { position: absolute; left: 0; top: 0; z-index: 10; }

.news-list figure { display: inline-block; vertical-align: top; padding-left: 50px; }

.news-list figure img { transition: transform 0.6s ease-in-out; }

.news-list article { position: absolute; right: 0; display: inline-block; width: 60%; width: calc(100% - 480px); height: 100%; padding: 4.0625vw 11.97917vw 0 4.53125vw; vertical-align: top; background-color: #fff; }

.news-list article .title { font-size: 20px; line-height: 28px; color: #000; max-height: 56px; overflow: hidden; }

.news-list article .txt { font-size: 14px; line-height: 24px; overflow: hidden; height: 90px; letter-spacing: 1px; margin-top: 1.35417vw; }

.news-list article .txt p { color: #666; }

.news-list article .sd { font-size: 12px; position: absolute; bottom: 2.08333vw; color: #000; }

/*news-end*/
/*news-data*/
.news-data .container { padding-top: 6.25vw; padding-bottom: 6.875vw; min-height: 450px; }

.news-data .pagination { margin-top: 5.72917vw; }

.news-data .news-data-share { margin-top: 40px; text-align: center; }

.news-data .news-data-share a { line-height: 30px; display: block; width: 30px; height: 30px; margin: 0 auto 10px auto; transition: background 0.6s ease-in-out, color 0.6s ease-in-out; border-radius: 50%; font-size: 22px; color: #fff; }

.news-data .news-data-share a:hover { color: #fff; }

.news-data .news-data-share .qq { background-color: #4f9525; }

.news-data .news-data-share .qq:hover { background-color: #81262d; }

.news-data .news-data-share .wx { background-color: #614234; }

.news-data .news-data-share .wx:hover { background-color: #ff922c; }

.news-data .news-data-share .wb { background-color: #545454; }

.news-data .news-data-share .wb:hover { background-color: #e5cc98; }

.news-data .back-list { top: 12px; right: -4.94792vw; }

.back-list { position: absolute; top: 0; right: 0; }

.back-list a { font-size: 14px; position: relative; display: inline-block; padding-left: 40px; transition: color 0.6s ease-in-out; letter-spacing: 1px; color: #999; }

.back-list a:before { position: absolute; top: 50%; left: 0; display: block; width: 30px; height: 15px; margin-top: -7px; content: ''; transition: background 0.6s ease-in-out; background: url(../assets/images/icon-06.png) no-repeat center center; }

.back-list a:hover { color: #000; }

.back-list a:hover:before { background-image: url(../assets/images/icon-07.png); }

.news-data-title { text-align: center; padding: 0 100px; }

.news-data-title h1 { font-size: 30px; color: #000; }

.news-data-bgImg { margin-top: 4.0625vw; }

.news-data-bgImg .m-bgImg { display: none; }

.news-data-bgImg img { max-width: 100%; }

.news-data-content { position: relative; margin-top: 4.42708vw; padding-left: 50px; min-height: 410px; }

.news-data-sidebar { position: absolute; top: 0; left: 0; }

.news-data-sidebar .date { height: 250px; }

.news-data-txt { font-size: 14px; line-height: 26px; width: 61.5%; margin-right: auto; margin-left: auto; text-align: justify; }

.news-data-txt p { color: #666; }

.news-data-txt img { width: auto !important; height: auto !important; max-width: 100%; display: inline-block; }

/*end*/
/*download*/
.download .container { padding-top: 5.83333vw; padding-bottom: 6.04167vw; background: linear-gradient(#f3f3f3, rgba(243, 243, 243, 0.45)); }

.download .pagination { margin-top: 20px; }

.down-list { font-size: 0; }

.down-list ul { margin: 0 -16px; }

.down-list li { display: inline-block; width: 33.333333333333%; height: 29.6875vw; margin-bottom: 5.72917vw; vertical-align: top; }

.down-list a { position: relative; display: block; height: 100%; margin: 0 16px; padding-top: 4.375vw; background-color: #fff; }

.down-list a:hover .title i { color: #000; }

.down-list article { padding-right: 3.64583vw; padding-left: 3.38542vw; }

.down-list figure { transition: transform 0.6s ease-in-out; position: absolute; right: 0; bottom: -24px; overflow: hidden; max-width: 380px; }

.down-list figure img { max-width: 100%; }

.down-list figure .pic { position: relative; }

.down-list .attr { font-size: 14px; color: #666; }

.down-list .attr span { font-family: "FuturaHeavy"; font-size: 18px; line-height: 28px; display: block; margin-bottom: 3px; letter-spacing: 1px; text-transform: Capitalize; color: #666; }

.down-list .title { font-size: 20px; position: relative; overflow: hidden; height: 4.375vw; margin-top: 5.72917vw; padding-right: 23px; color: #000; }

.down-list .title i { font-size: 20px; position: absolute; top: 0; right: 0; transition: color 0.6s ease-in-out; color: #898989; }

/*download-end*/
/*case*/
.case .container { padding-top: 5.72917vw; padding-bottom: 7.03125vw; background: linear-gradient(#f3f3f3, rgba(243, 243, 243, 0.45)); }

.case .pagination { margin-top: 10px; }

.case-list { font-size: 0; }

.case-list ul { margin: 0 -19px; }

.case-list li { display: inline-block; width: 33.333333333%; margin-bottom: 5.72917vw; vertical-align: top; }

.case-list li article { transition: transform 0.6s ease-in-out; position: absolute; right: 0; bottom: -18px; width: 15.10417vw; min-height: 5.72917vw; }

.case-list .w25 { width: 25%; }

.case-list .w25 article { width: auto; min-height: 4.16667vw; }

.case-list .w25 article .title { padding: 0.83333vw 1.5625vw; }

.case-list .w25 figure:after { transform: scale(6); }

.case-list .title { font-size: 14px; padding: 1.5625vw; letter-spacing: 1px; color: #fff; }

.case-list .title span { font-family: "FuturaHeavy"; font-size: 18px; line-height: 28px; margin-bottom: 2px; display: block; text-transform: capitalize; color: #fff; }

.case-list a { position: relative; display: block; margin: 0 19px; }

.case-list figure:after { transform: scale(7); }

.case-list img { width: 100%; }

/*end*/
/*case-data*/
.case-data .container { padding-bottom: 5.20833vw; }

.case-data .back-list { top: 7px; }

.case-data .subject img { max-width: 100%; width: auto !important; height: auto !important; display: inline-block; }

.case-data .pagination { margin-top: 4.6875vw; }

.case-data-intro { width: 510px; margin: 4.16667vw auto 0 auto; text-align: center; }

.case-data-intro p { font-size: 14px; line-height: 32px; letter-spacing: 1px; color: #333; }

.case-data-tips { margin-top: 4.16667vw; text-align: center; }

.case-data-tips p, .case-data-tips span { font-family: "FuturaLTMedium"; font-size: 12px; line-height: 18px; letter-spacing: 1px; color: #000; }

.case-data-tips:after { content: ""; display: block; width: 1px; height: 55px; margin: 18px auto 0 auto; background-color: #e5e5e5; }

.case-data-01 .subject { width: 860px; margin: 0 auto; }

.case-data-01 .inner-02 { font-size: 0; margin-top: 3.02083vw; }

.case-data-01 .inner-02 article p { font-size: 12px; line-height: 20px; color: #666; }

.case-data-01 .inner-02 .item { position: relative; }

.case-data-01 .inner-02 .item:after { display: block; float: none; clear: both; content: ''; }

.case-data-01 .inner-02 .item-01 figure { display: inline-block; width: 440px; vertical-align: top; }

.case-data-01 .inner-02 .item-01 article { display: inline-block; width: 420px; padding-left: 4.375vw; vertical-align: top; }

.case-data-01 .inner-02 .item-01 article > div { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.case-data-01 .inner-02 .item-02 figure { float: right; width: 335px; }

.case-data-01 .inner-02 .item-02 article { float: left; width: 440px; }

.case-data-01 .inner-02 .item-02 article > div { position: absolute; bottom: 15px; }

.case-data-01 .inner-03 { margin-top: 3.33333vw; }

.product-push { margin-top: 5.72917vw; }

.product-push-head { font-size: 0; position: relative; }

.product-push-head:after { display: block; float: none; clear: both; content: ''; }

.product-push-head .icon { position: absolute; top: 15px; right: 0; }

.product-push-list { font-size: 0; margin-top: 3.125vw; }

.product-push-list .item { margin-bottom: 26px; }

.product-push-list .item:last-child { margin-bottom: 0; }

.product-push-list .item > a { display: inline-block; width: 55%; cursor: default; }

.product-push-list figure { position: relative; }

.product-push-list figure .pic { max-width: 320px; }

.product-push-list figure img { max-width: 100%; }

.product-push-list figure a { position: relative; display: inline-block; overflow: hidden; vertical-align: middle; }

.product-push-list figure .title { font-size: 18px; position: absolute; left: 320px; top: 50%; transform: translateY(-50%); margin-left: 3.33333vw; padding-bottom: 0.9375vw; color: #000; }

.product-push-list figure .title:after { position: absolute; bottom: 0; left: 0; display: block; width: 36px; height: 1px; content: ''; background-color: #a0a0a0; }

.product-push-list article { display: inline-block; width: 45%; vertical-align: top; }

.product-push-list article .txt { margin-top: 0.72917vw; min-height: 80px; overflow: hidden; }

.product-push-list article .txt p { font-size: 14px; line-height: 29px; color: #666; }

.product-push-list article .attr { margin-top: 1.04167vw; }

.product-push-list article .attr a { font-size: 12px; line-height: 32px; display: inline-block; min-width: 150px; height: 32px; margin-right: 5px; margin-bottom: 8px; transition: all 0.6s ease-in-out; text-align: center; vertical-align: top; color: #666; border: 1px solid #c9c9c9; }

.product-push-list article .attr a:hover { color: #fff; border-color: #000; background-color: #000; }

.case-data-02 .inner-02 { width: 864px; margin: 0 auto; padding-top: 5.20833vw; }

.case-data-02 .inner-02 p { font-size: 12px; line-height: 20px; color: #666; }

.case-data-02 .inner-02 .item { position: relative; }

.case-data-02 .inner-02 .item:after { display: block; float: none; clear: both; content: ''; }

.case-data-02 .inner-02 .item-01 article { position: absolute; top: 0; right: 0; max-width: 350px; padding-left: 1.875vw; }

.case-data-02 .inner-02 .item-02, .case-data-02 .inner-02 .item-03, .case-data-02 .inner-02 .item-04 { padding-top: 312px; }

.case-data-02 .inner-02 .item-02 figure, .case-data-02 .inner-02 .item-03 figure, .case-data-02 .inner-02 .item-04 figure { position: absolute; }

.case-data-02 .inner-02 .item-02 { margin-top: -80px; }

.case-data-02 .inner-02 .item-02 figure { top: 0; right: 0; }

.case-data-02 .inner-02 .item-03 { margin-top: 30px; }

.case-data-02 .inner-02 .item-03 figure { top: 0; left: 0; }

.case-data-02 .inner-02 .item-04 { margin-top: -128px; }

.case-data-02 .inner-02 .item-04 figure { top: 0; right: 0; }

.case-data-02 .inner-02 .item-04 article { position: absolute; bottom: 0; max-width: 320px; }

.case-data-02 .inner-03 { width: 864px; margin: 0 auto; padding-top: 5.20833vw; }

.case-data-03 .subject { width: 860px; margin: 0 auto; }

.case-data-03 .inner-02 { margin-top: 3.02083vw; }

.case-data-03 .inner-02 p { font-size: 12px; line-height: 26px; color: #666; }

.case-data-03 .inner-02 .item { position: relative; }

.case-data-03 .inner-02 .item-01 article { position: absolute; right: 0; bottom: 52px; max-width: 315px; }

.case-data-03 .inner-02 .item-02 { height: 312px; }

.case-data-03 .inner-02 .item-02 figure { position: absolute; top: 0; right: 0; }

.case-data-03 .inner-02 .item-02 article { position: absolute; bottom: 0; left: 0; max-width: 420px; }

.case-data-03 .inner-03 { margin-top: 3.33333vw; }

.case-data-03 .inner-04 { margin-top: 3.33333vw; }

.case-data-03 .inner-04 p { font-size: 12px; line-height: 26px; color: #666; }

.case-data-03 .inner-04 .item { position: relative; }

.case-data-03 .inner-04 .item-01 article { position: absolute; right: 0; bottom: 0; max-width: 310px; }

.case-data-03 .inner-04 .item-02 { font-size: 0; height: 290px; margin-top: 3.02083vw; }

.case-data-03 .inner-04 .item-02 figure { position: absolute; top: 0; right: 0; }

.case-data-03 .inner-04 .item-02 figure > div { display: inline-block; vertical-align: top; }

.case-data-03 .inner-04 .item-02 figure .pic-right { margin-left: 1.45833vw; }

.case-data-03 .inner-04 .item-02 article { position: absolute; bottom: 0; left: 0; max-width: 190px; }

/*end*/
/*procuct*/
.product-module-01 { font-size: 0; }

.product-module-01 .title { display: inline-block; width: 28%; vertical-align: top; }

.product-module-01 .txt { display: inline-block; width: 52.2%; vertical-align: top; }

.product-module-01 .txt p { font-size: 14px; line-height: 24px; color: #666; }

.product .slide-arrow { position: absolute; top: 0; right: 0; }

.product .slide-arrow a { position: relative; display: inline-block; width: 60px; height: 60px; transition: background 0.6s ease-in-out; vertical-align: top; background-color: #000; overflow: hidden; }

.product .slide-arrow a i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 35px; height: 20px; margin: auto; content: ''; transition: background 0.6s ease-in-out; background: url(../assets/images/icon-09.png) no-repeat center center; background-size: 30px 15px; }

.product .slide-arrow a:before, .product .slide-arrow a:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: translateX(-100%); }

.product .slide-arrow a:before { background-color: #000; }

.product .slide-arrow a:after { background-color: #999; }

.product .slide-arrow a:hover:before { animation: hoverStart .3s ease-in-out 3s forwards; }

.product .slide-arrow a:hover:after { animation: hoverEnd .6s ease-in-out forwards; }

.product .slide-arrow .slide-prev { margin-right: 1px; }

.product .slide-arrow .slide-next i { transform: rotate(180deg); }

.product .product-attr-arrow { position: relative; top: inherit; right: inherit; display: none; }

.product .product-push { margin-top: 9.89583vw; }

.product .container { padding-bottom: 5.20833vw; }

.product .page-bgImg .txt { position: absolute; bottom: 7.8125vw; left: 6.77083vw; }

.product .page-bgImg .txt span { font-size: 36px; letter-spacing: 8px; color: #fff; }

.product .page-bgImg .txt p { font-size: 14px; margin-top: 10px; letter-spacing: 2px; color: #fff; }

.product .pagination { margin-top: 7.91667vw; }

.product-content-01 { margin-top: 5.625vw; }

.product-content-01 .product-inner-02 { margin-top: 3.33333vw; }

.product-content-01 .product-inner-02 img { max-width: 100%; }

.product-content-01 .product-inner-03 { margin-top: 5vw; }

.product-content-01 .product-inner-04 { margin-top: 5.72917vw; }

.product-content-01 .product-inner-04 .title { vertical-align: middle; }

.product-content-01 .product-inner-04 .txt { vertical-align: middle; }

.product-attr-wrap { margin-top: 3.125vw; padding: 30px 0; background-color: #393939; }

.product-attr-wrap .product-attr-list { padding-left: 3.125vw; }

.product-attr-wrap .item > a { overflow: hidden; }

.product-attr-wrap .item > a:hover .icon { visibility: visible; opacity: 1; }

.product-attr-wrap .pic { position: relative; overflow: hidden; }

.product-attr-wrap .icon { position: absolute; top: 50%; left: 50%; visibility: hidden; margin-top: -15px; margin-left: -15px; transition: all 0.6s ease-in-out; opacity: 0; }

.product-attr-wrap .skip-list { width: 30px; height: 30px; border-color: transparent; }

.product-attr-wrap .skip-list i:before, .product-attr-wrap .skip-list i:after { background-color: #fff; }

.product-attr-wrap .skip-list:hover { background-color: transparent; }

.product-attr-wrap .slick-slide { display: inline-block; padding-right: 2.91667vw; }

.product-attr-wrap p { font-size: 14px; margin-top: 0.83333vw; text-align: center; letter-spacing: 2px; color: #fff; }

.product-attr-wrap img { margin: auto; width: 100%; }

.slide-pagination { position: absolute; bottom: 0; left: 0; width: 16px; text-align: center; }

.slide-pagination .total { font-size: 12px; transform: rotate(-90deg); color: #666; }

.slide-pagination i { display: block; width: 1px; height: 2.8125vw; margin: 0.625vw auto; background-color: #000; }

.slide-pagination .current { font-size: 12px; transform: rotate(-90deg); color: #000; }

.forward-icon { position: relative; display: block; width: 60px; height: 60px; overflow: hidden; background-color: #000; }

.forward-icon:before, .forward-icon:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: translateX(-100%); }

.forward-icon:before { background-color: #000; }

.forward-icon:after { background-color: #999; }

.forward-icon i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: block; width: 28px; height: 28px; margin: auto; }

.forward-icon i:before { position: absolute; top: 50%; display: block; width: 100%; height: 1px; content: ''; transition: background 0.6s ease-in-out; background-color: #fff; }

.forward-icon i:after { position: absolute; left: 50%; display: block; width: 1px; height: 100%; content: ''; transition: background 0.6s ease-in-out; background-color: #fff; }

.product-content-02 { font-size: 0; position: relative; min-height: 110px; width: 83.33333vw; margin: 12.5vw auto 0 auto; }

.product-content-02 .slide-wrap { position: relative; }

.product-content-02 img { width: 100%; }

.product-content-02 .slide-left { position: relative; display: inline-block; width: 55%; vertical-align: bottom; }

.product-content-02 .slide-left figure { position: relative; }

.product-content-02 .slide-left .box { position: absolute; bottom: 40px; left: 60px; }

.product-content-02 .slide-left .skip-list { width: 60px; height: 60px; border-color: #fff; }

.product-content-02 .slide-left a:hover .forward-icon:before { animation: hoverStart .3s ease-in-out 3s forwards; }

.product-content-02 .slide-left a:hover .forward-icon:after { animation: hoverEnd .6s ease-in-out forwards; }

.product-content-02 .slide-center { position: absolute; top: -65px; left: -130px; width: 440px; height: 270px; padding: 0 2.70833vw; }

.product-content-02 .slide-center .slick-current .title { visibility: visible; transform: translateY(0); opacity: 1; }

.product-content-02 .slide-center .slick-current .txt { visibility: visible; transform: translateY(0); opacity: 1; }

.product-content-02 .slide-center article { height: 270px; padding-top: 2.1875vw; }

.product-content-02 .slide-center article .title { font-size: 20px; visibility: hidden; transition: all .8s ease-in-out; transform: translateY(30px); letter-spacing: 3px; opacity: 0; color: #fff; }

.product-content-02 .slide-center article .title span { font-family: "FuturaHeavy"; font-size: 20px; display: inline-block; margin-bottom: 5px; letter-spacing: 1px; color: #fff; }

.product-content-02 .slide-center article .txt { position: absolute; bottom: 2.29167vw; visibility: hidden; transition: all 1.2s ease-in-out; transition-delay: .4s; transform: translateY(40px); opacity: 0; }

.product-content-02 .slide-center article .txt p { font-size: 28px; letter-spacing: 2px; color: #fff; }

.product-content-02 .slide-right { display: inline-block; width: 45%; vertical-align: bottom; }

.product-content-02 .slide-right figure { position: relative; overflow: hidden; }

.product-content-02 .slide-right figure:after { transform: scale(9); border-color: rgba(0, 0, 0, 0.5); }

/*end*/
/*product-data*/
.product-data .container { padding-top: 26px; padding-bottom: 2.08333vw; }

.product-data .back-list { top: 12px; }

.product-data .bgImg img { max-width: 100%; }

.product-data .m-bgImg { display: none; }

.product-data .subject { width: 700px; margin-right: auto; margin-left: auto; }

.product-data .case-list { margin-top: 3.64583vw; }

.product-data .case-list .tl { font-size: 20px; line-height: 28px; text-align: center; color: #333; }

.product-data .case-list ul { padding-top: 2.91667vw; }

.product-data-cont01 { margin-top: 3.64583vw; padding-bottom: 40px; border-bottom: 1px solid #c9c9c9; }

.product-data-cont01 .inner p { font-size: 14px; line-height: 32px; color: #666; }

.product-data-cont01 .page-nav { font-size: 0; height: 40px; margin-top: 5.20833vw; text-align: center; }

.product-data-cont01 .page-nav ul { display: inline-block; vertical-align: top; }

.product-data-cont01 .page-nav li { display: inline-block; margin: 0 2px; vertical-align: top; }

.product-data-cont01 .page-nav .current a { height: 40px; background-color: #313131; }

.product-data-cont01 .page-nav a { backface-visibility: hidden; font-size: 12px; line-height: 30px; display: inline-block; min-width: 140px; height: 30px; transition: all 0.6s ease-in-out; text-align: center; color: #fff; background-color: #a0a0a0; }

.product-data-cont01 .page-nav a:hover { height: 40px; background-color: #313131; }

.product-data-cont01 .page-nav .parameter-btn { backface-visibility: hidden; }

.product-data-cont01 .page-nav .parameter-btn.current { height: 40px; background-color: #313131; }

.product-data-cont02 { margin-top: 3.64583vw; padding-bottom: 3.64583vw; border-bottom: 1px solid #c9c9c9; }

.product-data-cont02 .inner p { font-size: 14px; line-height: 30px; color: #333; }

.product-data-cont02 .inner img { width: auto !important; height: auto !important; max-width: 100%; display: inline-block; }

.product-data-cont03 { font-size: 0; margin-top: 3.02083vw; padding-bottom: 3.75vw; border-bottom: 1px solid #c9c9c9; }

.product-data-cont03 .item { display: inline-block; margin-right: 46px; text-align: center; vertical-align: top; margin-bottom: 30px; }

.product-data-cont03 .item:nth-child(4n+0) { margin-right: 0; }

.product-data-cont03 img { max-width: 100%; }

.product-data-cont03 p { font-size: 14px; line-height: 28px; margin-top: 12px; color: #333; max-width: 140px; }

.product-data-cont04 { display: none; padding-top: 4.27083vw; font-size: 14px; line-height: 28px; }

.product-data-cont04 p, .product-data-cont04 td { color: #333; }

.product-data-cont04 img { width: 100% !important; height: auto !important; display: inline-block; }

.product-data-cont04 .text-01 tr { display: block; margin-bottom: 1.04167vw; }

.product-data-cont04 .text-01 tr td { display: inline-block; vertical-align: top; color: #333; }

.product-data-cont04 .text-01 tr td:first-child, .product-data-cont04 .text-01 tr td:first-child p { color: #999; }

.product-data-cont04 .text-01 tr td:last-child { max-width: 80%; }

.product-data-cont04 .text-02 table, .product-data-cont04 .text-02 table tr th, .product-data-cont04 .text-02 table tr td { border: 1px solid #000; padding: 6px; color: #333; }

.product-data-cont04 .text-02 table { text-align: center; border-collapse: collapse; }

/*product-data-end*/
/*home*/
.home .container:after { display: block; float: none; clear: both; content: ''; }

.banner-wrap { position: relative; font-size: 0; overflow: hidden; }

.banner-wrap .item { position: relative; }

.banner-wrap img { width: 100%; }

.banner-wrap .p-pic { height: calc(100vh - 73px); position: relative; }

.banner-wrap .p-pic div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 26px; height: 26px; margin: auto; z-index: -1; }

.banner-wrap .m-pic { display: none; }

.banner-wrap article { position: absolute; top: 42%; left: 0; width: 100%; padding: 0 20px; text-align: center; }

.banner-wrap article span { font-family: "FuturaHeavy"; font-size: 20px; display: block; visibility: hidden; transition: all 1.2s ease-in-out; transform: translateY(40px); opacity: 0; color: #b6b5b5; }

.banner-wrap article p { font-size: 38px; visibility: hidden; margin-top: 1.04167vw; transition: all 1.8s ease-in-out; transform: translateY(60px); letter-spacing: 14px; opacity: 0; color: #333; }

.banner-wrap .slick-current article span, .banner-wrap .slick-current article p { visibility: visible; transform: translateY(0); opacity: 1; }

.banner-wrap .banner-slick-dots { font-size: 0; position: absolute; bottom: 6.25vw; left: 0; width: 100%; text-align: center; }

.banner-wrap .banner-slick-dots li { display: inline-block; margin: 0 0.83333vw; vertical-align: top; border: none; }

.banner-wrap .banner-slick-dots .current button { color: #ccc; padding-right: 5.41667vw; }

.banner-wrap .banner-slick-dots .current button:before { animation: bannerProgress 4s ease-in-out forwards; }

.banner-wrap .banner-slick-dots .current button:after { visibility: visible; width: 4.47917vw; opacity: 1; }

.banner-wrap .banner-slick-dots button { font-family: "FuturaHeavy"; font-size: 12px; position: relative; padding: 0; cursor: pointer; transition: color 0.6s ease-in-out, padding 0.6s ease-in-out; letter-spacing: 1px; padding-right: 0; color: #666; border: none; background-color: transparent; overflow: hidden; }

.banner-wrap .banner-slick-dots button:before { display: inline-block; width: 0; height: 1px; position: absolute; left: 1.66667vw; bottom: 3px; text-align: left; content: ''; background-color: #999; z-index: 10; }

.banner-wrap .banner-slick-dots button:after { display: inline-block; visibility: hidden; width: 0; height: 1px; margin-left: 0.9375vw; content: ''; transition: all 0.6s ease-in-out; position: absolute; right: 0; bottom: 3px; opacity: 0; background-color: #ccc; }

.banner-wrap .banner-slick-dots button:hover { color: #ccc; padding-right: 5.41667vw; }

.banner-wrap .banner-slick-dots button:hover:before { animation: bannerProgress 2s ease-in-out forwards; }

.banner-wrap .banner-slick-dots button:hover:after { visibility: visible; width: 4.47917vw; opacity: 1; }

.home-page-right-content { float: right; width: 50%; }

.home-page-left-content { float: left; width: 50%; padding-bottom: 8.33333vw; background-color: #f3f3f3; }

.home-page-left-content .head:after { content: ""; display: block; float: none; clear: both; }

.home-page-left-content .page-module-title { display: inline-block; vertical-align: top; }

.home-page-left-content .intro { float: right; margin-top: 5px; }

.home-page-left-content .intro a { font-size: 14px; color: #999; transition: color 0.6s ease-in-out; }

.home-page-left-content .intro a:hover { color: #000; }

.home-page-left-content .news-list-wrap { width: 72.9%; margin: 0  auto; padding-top: 7.29167vw; }

.home-page-left-content .news-list-wrap .icon { position: absolute; top: -3px; right: 0; }

.home-page-left-content .news-list { margin-top: 7.29167vw; }

.home-page-left-content .news-list li { margin-bottom: 12px; }

.home-page-left-content .news-list figure { padding-left: 0; }

.home-page-left-content .news-list figure img { width: 260px; }

.home-page-left-content .news-list article { width: calc(100% - 260px); padding: 2.08333vw 2.91667vw 1.875vw 3.125vw; }

.home-page-left-content .news-list article .title { font-size: 14px; line-height: 22px; }

.home-page-left-content .news-list article .txt { font-size: 12px; line-height: 20px; margin-top: 0.83333vw; letter-spacing: 0; }

.home-page-left-content .news-list article time { font-size: 12px; position: absolute; bottom: 1.04167vw; color: #999; }

.home-page-left-main .item { position: relative; }

.home-page-left-main a:hover .forward-icon:before { animation: hoverStart .3s ease-in-out 3s forwards; }

.home-page-left-main a:hover .forward-icon:after { animation: hoverEnd .6s ease-in-out forwards; }

.home-page-left-main article { position: absolute; top: 4.58333vw; left: 0; width: 100%; padding: 0 6.77083vw; }

.home-page-left-main article .head { font-size: 20px; letter-spacing: 1px; color: #000; }

.home-page-left-main article .head span { font-family: "FuturaHeavy"; font-size: 30px; line-height: 28px; display: block; margin-bottom: 0.52083vw; color: #000; }

.home-page-left-main article .txt { margin-top: 3.85417vw; }

.home-page-left-main article .txt p { font-size: 30px; line-height: 28px; color: #000; }

.home-page-left-main .box { position: absolute; bottom: 4.58333vw; left: 6.77083vw; }

.home-page-left-main figure img { width: 100%; }

.home-page-right-main { font-size: 0; }

.home-page-right-main .row { display: inline-block; width: 50%; vertical-align: top; }

.home-page-right-main .row img { width: 100%; }

.home-page-right-main .row-01 { margin-top: -3.125vw; }

.home-page-right-main .box { position: absolute; bottom: 5.20833vw; left: 3.125vw; visibility: hidden; transition: all 0.6s ease-in-out; opacity: 0; }

.home-page-right-main .box .forward-icon { width: 46px; height: 46px; }

.home-page-right-main .box .forward-icon i { width: 22px; height: 22px; }

.home-page-right-main figure { position: relative; }

.home-page-right-main article { font-size: 20px; position: absolute; top: 7.8125vw; left: 0; width: 100%; padding: 0 3.125vw; letter-spacing: 2px; color: #fff; }

.home-page-right-main article span { font-family: "FuturaHeavy"; font-size: 30px; display: block; margin-bottom: 6px; letter-spacing: 0; color: #fff; }

.home-page-right-main a { position: relative; display: block; }

.home-page-right-main .bg-01 { transition: all 1.2s ease-in-out; }

.home-page-right-main .bg-02 { position: absolute; top: 0; left: 0; visibility: hidden; width: 100%; transition: all 1.2s ease-in-out; opacity: 0; }

.submitformpart { width: 54.17%; margin: 0 auto; padding-top: 5.52083vw; }

.submitformpart span { font-size: 20px; color: #000; }

.submitformpart .cont { margin-top: 1.5625vw; }

.submitformpart .form-group { position: relative; margin-bottom: 8px; }

.submitformpart input { font-size: 14px; width: 100%; padding: 10px 0; color: #000; border-bottom: none; border-right: none; border-top: 1px solid #333; border-left: none; }

.submitformpart input::-webkit-input-placeholder { font-size: 12px; color: #999; }

.submitformpart .error { font-size: 12px; color: #000; }

.submitformpart .form-btn { margin-top: 5.72917vw; }

.submitformpart .form-btn a { font-size: 12px; line-height: 32px; display: block; width: 100px; height: 32px; transition: all 0.6s ease-in-out; text-align: center; position: relative; overflow: hidden; color: #999; background-color: #000; }

.submitformpart .form-btn a:before, .submitformpart .form-btn a:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: translateX(-100%); }

.submitformpart .form-btn a:before { background-color: #000; }

.submitformpart .form-btn a:after { background-color: #999; }

.submitformpart .form-btn a:hover:before { animation: hoverStart .3s ease-in-out 3s forwards; }

.submitformpart .form-btn a:hover:after { animation: hoverEnd .6s ease-in-out forwards; }

/*end*/
/*error-404*/
.error-404 { padding: 200px 0; text-align: center; }

.error-404 h3 { font-size: 20px; color: #000; }

.error-404 p { font-size: 16px; color: #999; margin-top: 10px; }

/*end*/
@media screen and (min-width: 1025px) { .navigation { font-size: 0; float: right; margin-top: 20px; }
  .navigation li { position: relative; display: inline-block; margin: 0 1.97917vw; vertical-align: top; }
  .navigation li:hover .subnav { visibility: visible; pointer-events: all; opacity: 1; }
  .navigation li > a { transition: color 0.6s ease-in-out; font-size: 14px; position: relative; display: inline-block; letter-spacing: 1px; color: #333; }
  .navigation li > a:hover { color: #999; }
  .navigation li > a:hover:after { border-color: #999 transparent transparent transparent; }
  .navigation .subbox > a { padding-right: 13px; }
  .navigation .subbox > a:after { transition: border 0.6s ease-in-out; position: absolute; top: 50%; right: 0; display: block; width: 0; height: 0; margin-top: -2px; content: ''; border-width: 4px; border-style: solid; border-color: #000 transparent transparent transparent; }
  .subnav-cont { text-align: center; font-size: 0; background-color: #fff; border-top: 3px solid #e07502; }
  .subnav { position: absolute; top: 18px; left: 50%; padding-top: 23px; visibility: hidden; width: 200px; transition: all 0.6s ease-in-out 0s; pointer-events: none; transform: translateX(-50%); z-index: 100; opacity: 0; }
  .subnav:after { display: block; float: none; clear: both; content: ''; }
  .subnav dd { display: block; transition: background 0.6s ease-in-out; vertical-align: top; }
  .subnav dd:hover { background-color: #e07502; }
  .subnav dd:hover a { color: #fff; border-color: #333; }
  .subnav .dowload { background-color: #fff; }
  .subnav .dowload a { color: #fff; border-bottom: none; }
  .subnav .dowload a i { display: inline-block; width: 16px; height: 19px; position: relative; top: 5px; margin-right: 10px; background: url(../assets/images/icon-05.png) no-repeat center center; }
  .subnav a { transition: color 0.6s ease-in-out, border 0.6s ease-in-out; font-size: 14px; position: relative; display: block; padding: 15px 5px; letter-spacing: 1px; color: #e07502; border-bottom: 1px solid #eee; }
  .case-list a:hover article { transform: translateY(-18px); }
  .down-list a:hover figure { transform: translateY(-24px); }
  .home-page-right-main a:hover .forward-icon:before { animation: hoverStart .3s ease-in-out 3s forwards; }
  .home-page-right-main a:hover .forward-icon:after { animation: hoverEnd .6s ease-in-out forwards; }
  .home-page-right-main a:hover .bg-01 { visibility: hidden; opacity: 0; }
  .home-page-right-main a:hover .bg-02 { visibility: visible; opacity: 1; }
  .home-page-right-main a:hover .box { visibility: visible; opacity: 1; } }

@media screen and (max-width: 1700px) { .down-list figure { width: 90%; } }

@media screen and (max-width: 1600px) { .forward-icon { width: 52px; height: 52px; }
  .forward-icon i { width: 22px; height: 22px; }
  .skip-list { width: 42px; height: 42px; }
  .skip-list i { width: 20px; height: 20px; }
  .news .subject { width: auto; }
  .page-tags { max-width: 70%; }
  .page-tags a { width: 160px; }
  .home-page-left-content .news-list article .txt { height: 80px; }
  .home-page-left-main article .head { font-size: 18px; letter-spacing: 2px; }
  .home-page-left-main article .head span { font-size: 26px; line-height: 26px; }
  .home-page-left-main article .txt p { font-size: 26px; }
  .home-page-right-main article { font-size: 18px; }
  .home-page-right-main article span { font-size: 26px; margin-bottom: 4px; } }

@media screen and (max-width: 1440px) { .page-module-title span { font-size: 26px; }
  .page-module-title strong { font-size: 18px; margin-top: 7px; }
  .about .page-navigation, .product .page-navigation { min-height: 50px; }
  .about-title { width: 180px; }
  .about-title h1 { font-size: 24px; }
  .about-title h2 { font-size: 16px; }
  .about-subject, .about-intro { padding-left: 180px; }
  .about-list .time time { font-size: 24px; }
  .page-title .le, .page-title .lc { font-size: 24px; }
  .foot-infor { margin-top: 32px; }
  .foot-infor .txt p { font-size: 13px; line-height: 24px; }
  .page-tags a { width: 150px; }
  .pagination { padding: 10px 20px; }
  .pagination a:after { width: 70px; }
  .pagination .prev { padding-left: 90px; }
  .pagination .next { padding-right: 90px; }
  .down-list ul { margin: 0 -12px; }
  .down-list a { margin: 0 12px; }
  .down-list .title { font-size: 18px; }
  .down-list .title i { font-size: 18px; }
  .case-list .title { font-size: 12px; }
  .case-list .title span { font-size: 17px; line-height: 22px; }
  .news-list figure img { width: 380px; }
  .news-list article { width: calc(100% - 430px); }
  .news-list article .title { max-height: 48px; font-size: 18px; line-height: 26px; }
  .date strong { margin-bottom: 18px; }
  .news-data .back-list { top: 8px; }
  .news-data-title h1 { font-size: 26px; }
  .product-content-02 .slide-center { width: 380px; height: 260px; }
  .product-content-02 .slide-center article { height: 260px; }
  .product-content-02 .slide-center article .txt p { font-size: 24px; letter-spacing: 2px; }
  .product .slide-arrow a { width: 52px; height: 52px; }
  .product .slide-arrow a i { width: 24px; height: 12px; background-size: 24px 12px; }
  .product .page-bgImg .txt span { font-size: 32px; letter-spacing: 4px; }
  .product-content-02 .slide-left .box { bottom: 30px; left: 45px; }
  .product-data .back-list { top: 7px; }
  .home-page-left-content .news-list figure img { width: 220px; }
  .home-page-left-content .news-list article { width: calc(100% - 220px); }
  .home-page-left-content .news-list article .txt { height: 44px; }
  .banner-wrap article span { font-size: 18px; }
  .banner-wrap article p { font-size: 32px; letter-spacing: 7px; }
  .foot-right .copyright { padding-right: 15.625vw; }
  .foot-right .copyright:after { width: 14.58333vw; } }

@media screen and (max-width: 1366px) { .about-title h1 { font-size: 22px; }
  .about-list .time time { font-size: 22px; }
  .page-title .le, .page-title .lc { font-size: 22px; }
  .down-list .attr { font-size: 13px; }
  .down-list .attr span { font-size: 17px; }
  .down-list .title { font-size: 17px; }
  .down-list .title i { font-size: 17px; }
  .product-content-02 .slide-center { width: 350px; height: 230px; }
  .product-content-02 .slide-center article { height: 230px; }
  .product-push-list figure .title { margin-left: 18px; }
  .banner-wrap article p { font-size: 28px; letter-spacing: 4px; }
  .home-page-left-main article .head { font-size: 16px; }
  .home-page-left-main article .head span { font-size: 24px; line-height: 24px; }
  .home-page-left-main article .txt p { font-size: 24px; line-height: 26px; }
  .home-page-right-main article { font-size: 16px; letter-spacing: 1px; }
  .home-page-right-main article span { font-size: 24px; margin-bottom: 4px; }
  .foot-right .copyright { padding-right: 12.5vw; }
  .foot-right .copyright:after { width: 11.45833vw; } }

@media screen and (max-width: 1300px) { .download .page-navigation { min-height: 110px; }
  .foot-right .copyright { padding-right: 9.375vw; }
  .foot-right .copyright:after { width: 8.33333vw; }
  .foot-infor .txt { margin-left: 14px; }
  .about-list .txt { width: 41.66667vw; }
  .news-list figure img { width: 350px; }
  .news-list article { width: calc(100% - 400px); }
  .news-list article .txt { height: 75px; }
  .product-push-list .item > a { width: 40%; }
  .product-push-list figure .title { margin: 0 10px 15px 0; display: block; position: relative; top: inherit; left: inherit; transform: translateY(0); }
  .product-push-list article { width: 60%; margin-top: 4.16667vw; }
  .product-content-02 .slide-center { top: -60px; left: -90px; width: 320px; height: 200px; }
  .product-content-02 .slide-center article { height: 200px; }
  .home-page-left-content .news-list-wrap { width: 60%; }
  .home-page-left-content .news-list { margin-top: 40px; }
  .home-page-left-content .news-list li:last-child { display: none; }
  .home-page-left-content .news-list article .txt { height: auto; }
  .home-page-left-content .news-list article time { display: block; position: relative; bottom: inherit; margin-top: 20px; }
  .home-page-left-content .news-list figure img { width: 100%; }
  .home-page-left-content .news-list article { width: 100%; position: relative; top: inherit; right: inherit; } }

@media screen and (max-width: 1200px) { .download .w1400 { width: 90%; }
  .down-list .title { margin-top: 2.08333vw; }
  .case-list li { width: 50%; }
  .case-list li article { width: 21.875vw; }
  .case-list .w25 { width: 50%; }
  .case-list .w25 article { min-height: 5.72917vw; }
  .case-list .w25 article .title { padding: 1.875vw 1.5625vw; }
  .news-list figure img { width: 300px; }
  .news-list article { padding: 40px; width: calc(100% - 350px); }
  .product-push-list .item > a { width: 50%; }
  .product-push-list article { width: 50%; }
  .product-data .case-list li { width: 33.3333333%; }
  .foot-infor .txt { margin-left: 18px; }
  .foot-right .copyright { padding-right: 10px; }
  .foot-right .copyright:after { width: 0; display: none; } }

@media screen and (max-width: 1100px) { .case-data-02 .inner-02, .case-data-02 .inner-03 { width: 90%; }
  .case-data-02 .inner-02 .item-01 figure, .case-data-02 .inner-03 .item-01 figure { width: 50%; }
  .case-data-02 .inner-02 .item-01 article, .case-data-02 .inner-03 .item-01 article { max-width: 48%; }
  .foot-infor .txt { margin-left: 12px; }
  .foot-infor .txt p { font-size: 12px; line-height: 22px; }
  .foot-right .foot-share { margin-left: 0; } }

@media screen and (max-width: 1024px) { body { -webkit-tap-highlight-color: transparent; }
  body .ec--cs-close { display: none; }
  .home-page-right-main .box .forward-icon { width: 42px; height: 42px; }
  .home-page-right-main .box .forward-icon i { width: 18px; height: 18px; }
  .forward-icon { width: 42px; height: 42px; }
  .forward-icon i { width: 18px; height: 18px; }
  .logo .ls, .logo .lp { width: 100px; height: 33px; }
  .foot-logo .fp { width: 100px; height: 34px; }
  .foot-logo .fs { width: 100px; height: 36px; }
  .w1660, .footer .main { width: auto; margin-left: 24px; margin-right: 24px; }
  .w1400 { width: 90%; }
  .header { height: 50px; }
  .header .main { padding: 6px 0; }
  .m-menu { float: right; cursor: pointer; margin-top: 10px; z-index: 1200; position: relative; display: block; }
  .m-menu i { transition: all 0.6s ease-in-out; display: block; width: 20px; height: 2px; background-color: #000; margin: 4px 0; }
  .open .navigation { opacity: 1; visibility: visible; transform: translateX(0); }
  .open .m-menu i:nth-of-type(1) { transform: translateY(13px) rotate(-50deg); }
  .open .m-menu i:nth-of-type(2) { display: none; }
  .open .m-menu i:nth-of-type(3) { transform: translateY(7px) rotate(48deg); }
  .navigation { transition: all 0.6s ease-in-out; position: fixed; transform: translateX(100%); opacity: 0; visibility: hidden; top: 0; right: 0; padding: 80px 40px 0 40px; width: 380px; height: 100%; background-color: #fff; z-index: 1100; }
  .navigation li { margin: 20px 0; }
  .navigation li a { font-size: 16px; color: #000; position: relative; }
  .navigation .subnav { display: none; }
  .navigation .subbox > a { padding-right: 13px; }
  .navigation .subbox > a:after { position: absolute; top: 50%; right: 0; display: block; width: 0; height: 0; margin-top: -2px; content: ''; border-width: 4px; border-style: solid; border-color: #000 transparent transparent transparent; }
  .navigation .subnav-cont { padding-left: 10px; }
  .navigation .subnav-cont dd { padding: 6px 0; }
  .navigation .subnav-cont dd a { font-size: 13px; color: #999; }
  .wrap { padding-top: 50px; }
  .page-navigation { margin-top: 15.625vw; min-height: inherit; }
  .pagination a { font-size: 12px; }
  .pagination a:after { width: 40px; }
  .pagination .prev { padding-left: 50px; }
  .pagination .next { padding-right: 50px; }
  .suspension-wrap .wave, .suspension-wrap .chatbot-icon, .suspension-wrap .row-down a { width: 44px; height: 44px; }
  .suspension-wrap .wave .dot { margin-top: 18px; }
  .suspension-wrap .svg-chatbot { width: 22px; }
  .footer { padding-top: 24px; padding-bottom: 0; }
  .foot-right .copyright { display: none; }
  .foot-infor { margin-top: 0; }
  .foot-infor img { display: none; }
  .foot-left { float: none; width: 100%; text-align: center; }
  .foot-logo .fs, .foot-logo .fp { margin: auto; }
  .foot-infor .txt { margin-left: 0; margin-top: 20px; }
  .foot-infor .txt p { font-size: 13px; }
  .bt { display: none; }
  .foot-right { float: none; width: 100%; text-align: center; }
  .foot-right .foot-share { margin-left: 0; }
  .foot-right .foot-share a { width: 30px; height: 30px; line-height: 30px; margin-left: 10px; margin-right: 10px; }
  .foot-right .foot-share i { font-size: 24px; }
  .foot-right .content { padding-top: 25px; }
  .foot-right .m-bt { display: block; width: 18px; height: 30px; margin: 20px auto 0 auto; background: url(../assets/images/icon-10.png) no-repeat center center; background-size: 18px 30px; }
  .page-title .le, .page-title .lc { font-size: 20px; }
  .about .container { padding-bottom: 10.41667vw; }
  .about-title h1 { font-size: 20px; }
  .about-list .time time { font-size: 20px; }
  .about-title h2 { font-size: 15px; margin-top: 2px; }
  .about-list .txt { margin-left: 2.60417vw; }
  .about-list .txt li, .about-list .txt p { font-size: 13px; line-height: 24px; }
  .down-list li { margin-bottom: 60px; }
  .down-list .attr { font-size: 12px; line-height: 20px; }
  .down-list .attr span { font-size: 16px; margin-bottom: 0; line-height: 20px; }
  .down-list .title { font-size: 16px; height: 46px; }
  .down-list .title i { font-size: 16px; }
  .download .container, .case .container, .news .container, .news-data .container, .product .container { padding-top: 40px; padding-bottom: 70px; }
  .case-data .container, .news-data .container { padding-bottom: 70px; }
  .news .pagination, .case-data .pagination, .product .pagination { margin-top: 45px; }
  .product-data .container { padding-top: 0; padding-bottom: 50px; }
  .page-tags { position: relative; max-width: inherit; padding-bottom: 20px; }
  .page-tags a { font-size: 13px; width: 120px; }
  .page-tags .mt { display: block; width: 120px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #fff; background-color: #000; cursor: pointer; }
  .page-tags ul { position: absolute; left: 0; z-index: 400; display: none; }
  .page-tags li { display: block; margin-left: 0; margin-bottom: 0; }
  .case-list li, .case-list .w25 { margin-bottom: 50px; }
  .case-list li article, .case-list .w25 article { min-height: 70px; }
  .case-list li article .title, .case-list .w25 article .title { padding: 10px; }
  .news-list article { padding: 16px; }
  .news-list article .txt { font-size: 13px; }
  .news-data .back-list { right: -20px; }
  .news-data .pagination { margin-top: 40px; }
  .product .slide-arrow a { width: 40px; height: 40px; }
  .product-content-02 .slide-left .box { bottom: 25px; left: 35px; }
  .product-content-02 .slide-center { width: 290px; height: 180px; top: -40px; left: -60px; }
  .product-content-02 .slide-center article { height: 180px; }
  .product-content-02 .slide-center article .title { font-size: 18px; }
  .product-content-02 .slide-center article .title span { font-size: 18px; margin-bottom: 1px; }
  .product-content-02 .slide-center article .txt p { font-size: 20px; letter-spacing: 1px; }
  .about .page-navigation, .product .page-navigation, .product-data .page-navigation, .case-data .page-navigation, .download .page-navigation { min-height: 44px; }
  .product-content-01 { margin-top: 0; }
  .page-module-title span { font-size: 22px; }
  .page-module-title strong { font-size: 16px; margin-top: 7px; }
  .product-push { margin-top: 55px; }
  .product .page-bgImg .txt span { font-size: 26px; letter-spacing: 2px; }
  .product-data .case-list li { width: 50%; }
  .product-data-cont03 .item { width: 25%; margin-right: 0; margin-bottom: 20px; padding-right: 14px; }
  .product-data-cont03 p { margin-top: 4px; }
  .product-attr-wrap .icon { opacity: 1; visibility: visible; }
  .product-data .back-list { top: 3px; }
  .product-data-cont01 .page-nav { display: none; }
  .product-data-cont04 { display: block; }
  .case-data-01 .subject, .case-data-03 .subject { width: 95%; }
  .case-data .back-list { top: 4px; }
  .case-data-01 .inner-02 .item { margin-top: 40px; }
  .case-data-01 .inner-03 { margin-top: 40px; }
  .case-data-03 .inner-02 { margin-top: 40px; }
  .case-data-03 .inner-02 .item-01 figure { width: 55%; }
  .case-data-03 .inner-02 .item-01 article { max-width: 42%; }
  .case-data-03 .inner-02 .item-02 { margin-top: 40px; }
  .case-data-03 .inner-02 .item-02 figure { width: 43%; }
  .case-data-03 .inner-02 .item-02 article { max-width: 60%; }
  .case-data-03 .inner-03 { margin-top: 40px; }
  .case-data-03 .inner-04 { margin-top: 40px; }
  .case-data-03 .inner-04 .item-01 figure { width: 69%; }
  .case-data-03 .inner-04 .item-01 article { max-width: 28%; }
  .case-data-03 .inner-04 .item-02 { margin-top: 40px; }
  .home-page-left-main article .head { letter-spacing: 0; }
  .home-page-left-main article .head span { font-size: 22px; }
  .home-page-left-main article .txt p { font-size: 22px; line-height: 24px; }
  .home-page-right-main article { padding: 0 18px; }
  .home-page-right-main article span { font-size: 20px; margin-bottom: 2px; }
  .submitformpart { width: 80%; }
  .banner-wrap .banner-slick-dots li { margin: 0 6px; }
  .banner-wrap .banner-slick-dots .current button { padding-right: 36px; }
  .banner-wrap .banner-slick-dots .current button:before { left: 20px; }
  .banner-wrap .banner-slick-dots .current button:after { width: 30px; }
  header >.language { display: none; }
  header li.navLanguage { display: block; }
  .product-push-list figure .title:after { width: 24px; } }

@media screen and (max-width: 900px) { .down-list li { width: 50%; height: 40.625vw; }
  .product-data .subject { width: 90%; }
  .case-data-02 .inner-02 .item-02, .case-data-02 .inner-02 .item-03, .case-data-02 .inner-02 .item-04 { padding-top: 43%; }
  .case-data-02 .inner-02 .item-02 figure, .case-data-02 .inner-02 .item-03 figure, .case-data-02 .inner-02 .item-04 figure { width: 46%; }
  .case-data-02 .inner-02 .item-04 { margin-top: -84px; }
  .case-data-02 .inner-02 .item-04 article { max-width: 52%; }
  .case-data-01 .inner-02 .item-01 figure { width: 52%; }
  .case-data-01 .inner-02 .item-01 article > div { width: 42%; }
  .case-data-01 .inner-02 .item-02 figure { width: 52%; }
  .case-data-01 .inner-02 .item-02 article > div { width: 42%; }
  .case-data-03 .inner-02 .item-02 { height: auto; padding-top: 40.6%; }
  .case-data-03 .inner-04 .item-02 { height: auto; }
  .case-data-03 .inner-04 .item-02 article, .case-data-03 .inner-04 .item-02 figure { position: inherit; bottom: inherit; left: inherit; }
  .case-data-03 .inner-04 .item-02 article { margin-top: 10px; } }

@media screen and (max-width: 768px) { .w1400 { width: auto; margin-left: 24px; margin-right: 24px; }
  .m-page-bgImg { display: block; padding-top: 60%; }
  .c-page-bgImg { display: none; }
  .product-module-01 .title { width: 100%; }
  .product-module-01 .title span { margin-right: 8px; }
  .product-module-01 .txt { width: 100%; margin-top: 10px; }
  .back-list a { padding-left: 28px; font-size: 12px; }
  .back-list a:before { width: 22px; height: 11px; background-size: 22px 11px; margin-top: -5px; }
  .foot-infor .txt p { font-size: 12px; line-height: 20px; }
  .about-subject, .about-intro { padding-left: 0; }
  .about-title { position: inherit; top: inherit; left: inherit; width: 100%; }
  .about-content { margin-top: 5.20833vw; }
  .about-list .time { width: 100px; }
  .about-list .txt { margin-left: 0; width: calc(100% - 120px); }
  .about-list .txt li { padding-left: 18px; }
  .down-list li { width: 50%; }
  .date { width: 42px; }
  .date div, .date span { letter-spacing: 0; }
  .date strong { margin-bottom: 8px; font-size: 18px; letter-spacing: 1px; }
  .news-list li { width: 420px; margin-left: auto; margin-right: auto; }
  .news-list figure { padding-left: 42px; }
  .news-list figure img { width: 400px; }
  .news-list article { width: 442px; position: inherit; right: inherit; }
  .news-list article .sd { position: inherit; bottom: inherit; margin-top: 20px; display: block; }
  .news-list article .title { max-height: inherit; font-size: 16px; }
  .news-list article .txt { line-height: 22px; height: auto; margin-top: 8px; font-size: 12px; }
  .news-data-title h1 { font-size: 24px; }
  .news-data .back-list { top: 6px; right: 0; }
  .product-content-02 { width: 100%; }
  .product-content-02 .slide-center { padding: 0 14px; }
  .product-content-02 .slide-left { width: 100%; }
  .product-content-02 .slide-left .box { left: 30px; }
  .product-content-02 .slide-right { display: none; }
  .slide-pagination { display: none; }
  .product-content-01 .product-inner-02, .product-content-01 .product-inner-03, .product-content-01 .product-inner-04 { margin-top: 30px; }
  .product-push-head .icon { top: 0; }
  .product .slide-arrow { position: inherit; top: inherit; left: inherit; right: inherit; text-align: right; margin-top: 20px; }
  .product .product-push { margin-top: 50px; }
  .product .product-attr-arrow { display: block; }
  .product-attr-wrap { margin-top: 40px; }
  .product-content-02 { margin-top: 80px; }
  .product-push-list { margin-top: 40px; }
  .product-push-list .item > a { width: 45%; }
  .product-push-list article { width: 55%; padding-left: 20px; margin-top: 0; }
  .product-push-list article .txt { margin-top: 58px; }
  .product-data .c-bgImg { display: none; }
  .product-data .m-bgImg { display: block; }
  .case-data .back-list { top: 0; }
  .case-data-intro { width: 90%; margin-top: 40px; }
  .case-data-tips { margin-top: 40px; }
  .case-data-02 .inner-02 .item-02, .case-data-02 .inner-02 .item-04 { margin-top: -36px; }
  .case-data-03 .inner-04 .item-02 figure > div { width: 48%; }
  .submitformpart { width: 60%; padding-top: 30px; }
  .submitformpart span { font-size: 18px; }
  .submitformpart input { background-color: transparent; }
  .submitformpart .cont { margin-top: 18px; }
  .home-page-right-content { float: none; width: 100%; }
  .home-page-left-content { float: none; width: 100%; margin-top: 80px; }
  .home-page-left-content .news-list article { padding: 16px; }
  .home-page-left-content .news-list article .txt { padding-bottom: 0; margin-top: 10px; }
  .m-inner-wrap { display: block; }
  .c-inner-wrap { display: none; }
  .banner-wrap article p { font-size: 22px; letter-spacing: 2px; }
  .home-page-right-main article { font-size: 14px; }
  .home-page-right-main article span { font-size: 18px; }
  .home-page-left-main article .head { font-size: 14px; }
  .home-page-left-main article .head span { font-size: 20px; }
  .home-page-left-main article .txt { margin-top: 20px; }
  .home-page-left-main article .txt p { font-size: 20px; }
  .home-page-left-content { margin-top: 40px; padding-bottom: 80px; }
  .home-page-left-content .news-list-wrap { padding-top: 60px; }
  .news-data-bgImg .c-bgImg { display: none; }
  .news-data-bgImg .m-bgImg { display: block; }
  .news-data-txt { font-size: 13px; line-height: 24px; }
  .page-module-title strong { margin-top: 6px; }
  .product-module-01 .txt p { font-size: 13px; }
  .product-push-list figure .title { font-size: 16px; }
  .product-push-list article .txt p { font-size: 13px; line-height: 24px; }
  .product-attr-wrap p { font-size: 13px; margin-top: 4px; }
  .page-module-title span { margin-right: 8px; }
  .product-data-cont01 .inner p, .product-data-cont02 .inner p { font-size: 13px; line-height: 28px; }
  .product-data-cont03 p { font-size: 13px; line-height: 22px; }
  .product-data-cont04 .text-01 tr td:last-child, .product-data-cont04 .text-01 tr td:last-child p { font-size: 13px; line-height: 26px; } }

@media screen and (max-width: 600px) { .about .container { padding-top: 45px; padding-bottom: 50px; margint-top: 40px; }
  .about-intro { margin-top: 45px; }
  .product .page-bgImg .txt { left: 0; bottom: 60px; padding: 0 24px; }
  .product .page-bgImg .txt span { font-size: 20px; letter-spacing: 0; }
  .product .page-bgImg .txt p { margin-top: 4px; font-size: 13px; letter-spacing: 1px; }
  .product-content-02 .slide-center { top: -20px; left: 0; width: 240px; height: 130px; }
  .product-content-02 .slide-center article { padding-top: 20px; height: 130px; }
  .product-content-02 .slide-center article .title { font-size: 16px; }
  .product-content-02 .slide-center article .title span { font-size: 16px; }
  .product-content-02 .slide-center article .txt { bottom: 20px; }
  .product-content-02 .slide-center article .txt p { font-size: 17px; letter-spacing: 0; }
  .product-push-list .item > a { width: 100%; }
  .product-push-list article { width: 100%; padding-left: 0; }
  .product-push-list article .txt { margin-top: 16px; }
  .product-push-list article .attr { margin-top: 12px; }
  .product-push-list figure .title { padding-bottom: 8px; }
  .product-push-list figure img { width: 100%; max-width: inherit; }
  .product-data-cont01 .page-nav { height: auto; }
  .product-data-cont01 .page-nav a { min-width: 156px; }
  .product-data-cont02 { margin-top: 30px; padding-bottom: 40px; }
  .product-data-cont03 { margin-top: 38px; padding-bottom: 20px; }
  .product-data-cont04 { padding-top: 30px; }
  .product-data-cont04 .text-01 tr td, .product-data-cont04 .text-01 tr p { display: block; }
  .product-data-cont04 .text-01 tr td:last-child { max-width: 100%; }
  .product-data .case-list { margin-top: 55px; }
  .product-data .case-list ul { padding-top: 20px; }
  .product-push-list figure .pic { max-width: 100%; }
  .case-data-03 .inner-02 .item-01 article { position: inherit; bottom: inherit; right: inherit; max-width: 80%; margin-top: 20px; }
  .case-data-03 .inner-02 .item-01 figure { width: 80%; }
  .case-data-03 .inner-02 .item-02 { padding-top: 0; }
  .case-data-03 .inner-02 .item-02:after { content: ""; display: block; float: none; clear: both; }
  .case-data-03 .inner-02 .item-02 figure { width: 80%; position: inherit; bottom: inherit; right: inherit; float: right; }
  .case-data-03 .inner-02 .item-02 article { float: right; position: inherit; bottom: inherit; left: inherit; margin-top: 20px; max-width: 80%; }
  .case-data-03 .inner-04 .item-01 figure { width: 80%; }
  .case-data-03 .inner-04 .item-01 article { position: inherit; right: inherit; bottom: inherit; max-width: 80%; margin-top: 20px; }
  .banner-wrap .banner-slick-dots { bottom: 45px; }
  .home-page-left-content .news-list-wrap { width: auto; margin: 0 24px; }
  .submitformpart { width: auto; margin: 0 24px; }
  .page-tags .mt { width: 90px; }
  .page-tags a { font-size: 12px; letter-spacing: 0; width: 90px; padding: 0 8px; }
  .news-data-bgImg { margin-top: 18px; }
  .news-data-content { margin-top: 44px; } }

@media screen and (max-width: 500px) { .page-navigation { margin-top: 80px; }
  .m-page-bgImg { padding-top: 86%; }
  .open .navigation { width: 100%; }
  .about-list { margin-top: 26px; }
  .about-list .time { width: 100%; }
  .about-list .item { margin-bottom: 16px; }
  .about-list .txt { width: 100%; margin-top: 6px; }
  .about-list .txt li, .about-list .txt p { line-height: 22px; }
  .page-title .le, .page-title .lc { font-size: 17px; }
  .page-title .le { display: none; }
  .about-title h1 { font-size: 17px; }
  .about-title h2 { font-size: 14px; margin-top: 0; }
  .about-list .time time { font-size: 17px; }
  .about-list .time span { margin-left: 2px; }
  .down-list li { width: 100%; height: 320px; }
  .down-list article { width: 90%; float: right; padding-left: 0; }
  .down-list article:after { content: ""; display: block; float: none; clear: both; }
  .down-list .title { font-size: 14px; height: auto; margin-top: 48px; }
  .case-list li, .case-list .w25 { width: 100%; }
  .case-list li article, .case-list .w25 article { width: 63%; }
  .case-list li article .title, .case-list .w25 article .title { padding: 23px; }
  .case-list li article .title span, .case-list .w25 article .title span { margi-bottom: 8px; }
  .news-list li { width: auto; }
  .news-list figure img { width: 100%; }
  .news-list article { width: 100%; }
  .news-data-title { float: none; clear: both; padding: 0; }
  .news-data-title h1 { font-size: 18px; }
  .news-data-wrap .news-data-title { text-align: left; padding-left: 60px; }
  .news-data-sidebar .date { height: 200px; }
  .news-data .news-data-share { margin-top: 20px; }
  .case-data .page-navigation { padding-bottom: 24px; }
  .back-list { display: block; position: relative; top: -30px !important; right: inherit !important; margin-bottom: 18px; text-align: right; }
  .news-data-txt { width: 100%; padding-left: 12px; }
  .product-data .case-list li { width: 100%; }
  .product-data-cont03 { margin-left: -10px; margin-right: -10px; }
  .product-data-cont03 .item { width: 50%; padding: 0 10px; }
  .case-data-02 .inner-02 .item-01 figure { width: 100%; }
  .case-data-02 .inner-02 .item-01 article { position: inherit; top: inherit; right: inherit; max-width: 100%; padding-left: 0; margin-top: 14px; }
  .case-data-02 .inner-02 .item-02 { margin-top: 18px; }
  .case-data-intro { text-align: justify; }
  .case-data-intro p { font-size: 13px; line-height: 24px; }
  .product-data-cont01 { margin-top: 30px; }
  .product-data .container { padding-top: 20px; }
  .banner-wrap article span { font-size: 16px; }
  .banner-wrap article p { font-size: 18px; }
/*# sourceMappingURL=main.css.map */