@charset "utf-8";
:root {--fontfamily:metrophobic,sans-serif}
body h2,.home-video .video-bottom h3 {font-family:anton,sans-serif}
.flex {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-jc {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-js {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.flex-je {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.flex-jsb {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-ac {-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-as {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.flex-ae {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.grid {display:-ms-grid;display:grid}
.primary-fcolor {color:#0092d4}
.container,.container-1360,.container-1300 {max-width:1200px;margin:0 auto}
@media(max-width:1200px) {.container,.container-1360,.container-1300 {padding:0 15px}}
@media(max-width:768px) {.container,.container-1360,.container-1300 {padding:0 4vw}}
main>section>* {-webkit-box-sizing:border-box!important;box-sizing:border-box!important}
.pro-series {padding:100px 0 50px;text-align:center}
@media(max-width:768px) {.pro-series {padding:40px 0 20px}}
.pro-series .series-title {display:inline-block;position:relative;padding:10px 50px 10px 126px;border:1px solid #3e89cf}
.pro-series .series-title .title-logo {position:absolute;left:20px;top:-50px;width:116px;height:117px;max-height:none;border-bottom:8px solid #fff;border-radius:50%;background-color:#fff}
@media(max-width:768px) {.pro-series .series-title .title-logo {display:none}}
.pro-series .series-title h2 {font-size:34px;font-weight:700;font-family:helvetica;color:#3e89cf;padding:20px 44px;margin-top:-50px;background:#fff}
.pro-series .series-title:before {content:"HUALONG";position:absolute;left:-30px;top:-50px;font-size:80px;font-weight:700;font-family:helvetica;color:#3e89cf;opacity:.2}
@media(max-width:768px) {.pro-series .series-title {padding:10px 5.33333vw}
.pro-series .series-title h2 {font-size:24px;padding:15px}
.pro-series .series-title:before {display:none}}
.pro-series .series-list {margin-top:50px;-ms-grid-columns:28.5% 1fr 1fr 1fr;grid-template-columns:28.5% 1fr 1fr 1fr;row-gap:50px;-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr);-webkit-column-gap:30px;column-gap:30px;-ms-flex-line-pack:justify;align-content:space-between}
@media(max-width:1200px) {.pro-series .series-list {-ms-grid-columns:(minmax(48%,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(48%,1fr))}}
@media(max-width:768px) {.pro-series .series-list {row-gap:4vw;margin-top:4vw}}
.pro-series .series-list li {border:1px solid #dcdcdc;background-color:#f7f7f7;padding:20px 10px 10px;text-align:center}
.pro-series .series-list li:hover {-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 15px 15px rgba(0,0,0,.1)}
.pro-series .series-list li .top p {font-size:12px}
.pro-series .series-list li .top p:nth-child(1) {font-size:14px;font-weight:700;display:inline-block;border-bottom:1px solid #000;margin-bottom:4px}
.pro-series .series-list li .imgbox {padding:10px 0}
.pro-series .series-list li .bottom h3,.pro-series .series-list li .bottom p {font-size:14px}
.pro-series .series-list li .bottom h3 {font-weight:700}
.pro-series .series-list li .bottom .line {display:inline-block;width:218px;height:9px;background:url(./img/line.png) no-repeat center;margin:10px 0 0}
.pro-series .series-list li:first-child {-ms-grid-row:1;grid-row-start:1;grid-row-end:3}
.pro-series .series-list li:first-child .imgbox {max-height:400px}
.pro-series .series-list li:not(:first-child) .imgbox {height:147px}
.pro-recommend {margin-bottom:60px}
.pro-recommend .container,.pro-recommend .container-1360,.pro-recommend .container-1300 {padding:0 50px 25px;background:url(./img/recbg.jpg) no-repeat center bottom}
.pro-recommend .rec-top-left {width:28%}
.pro-recommend .rec-top-left h2 {text-transform:uppercase;font-size:34px;margin-bottom:40px}
.pro-recommend .rec-top-left h2 p {padding:13px 20px}
.pro-recommend .rec-top-left h2 p:nth-child(1) {background:#3e89cf;color:#fff}
.pro-recommend .rec-top-left h2 p:nth-child(2) {color:#3e89cf}
.pro-recommend .rec-top-left .linear-line {width:100%;height:6px;background:-webkit-gradient(linear,left top,right top,color-stop(50%,#3e89cf),to(#fff));background:linear-gradient(90deg,#3e89cf 50%,#fff 100%)}
.pro-recommend .rec-top-left .sub-title {font-size:15px}
.pro-recommend .rec-top-left .sub-title p {margin-bottom:10px}
.pro-recommend .rec-top-left .sub-title p:nth-child(2) {font-weight:700}
.pro-recommend .rec-top-left .rm {margin-top:25px;width:200px;color:#fff;padding:10px 20px;font-size:22px;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#868989),color-stop(50%,#434343));background:linear-gradient(180deg,#868989 50%,#434343 50%);-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.pro-recommend .rec-top-left .rm i {width:36px;height:36px;background:#fff;color:#868989;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:10px}
.pro-recommend .rec-top-right {width:72%;text-align:center}
@media(max-width:1200px) {.pro-recommend .rec-top-left,.pro-recommend .rec-top-right {width:100%}
.pro-recommend .rec-top-left h2 {margin-bottom:15px}
.pro-recommend .container,.pro-recommend .container-1360,.pro-recommend .container-1300 {padding:0 15px 25px}}
.pro-recommend .imgshow li {width:32%}
@media(max-width:768px) {.pro-recommend .rec-top-left h2 {font-size:24px}
.pro-recommend .container,.pro-recommend .container-1360,.pro-recommend .container-1300 {background:0 0;padding:0 4vw 25px}
.pro-recommend .imgshow li {width:100%;margin-bottom:4vw}
.pro-recommend .imgshow li img {width:100%}}
.pro-hot {background:#fafafa;padding:50px 0}
.pro-hot .container,.pro-hot .container-1360,.pro-hot .container-1300 {max-width:1400px}
.pro-hot h2 {font-size:35px;text-align:center}
.pro-hot ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:50px}
.pro-hot ul li {width:calc(25% - 30px);margin:0 15px 30px;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}
.pro-hot ul li:hover {background-color:#fdb812;-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 15px 15px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}
.pro-hot ul li:hover img {-webkit-transform:scale(1.1);transform:scale(1.1)}
.pro-hot .pro-img-wrapper {overflow:hidden;width:100%;padding-top:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
.pro-hot .pro-img {position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pro-hot .pro-img img {-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.pro-hot .pro-info {width:100%;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}
.pro-hot .pro-name {font-size:18px;line-height:1.5;padding-bottom:5px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.pro-hot .pro-intro {font-size:14px;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.btn-wrapper {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.hvr-bounce-to-right {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-right:before {content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:#000;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {color:#fff}
.common-more-btn {display:block;margin:0 auto;padding:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #000}
@media(max-width:768px) {.pro-recommend {margin-bottom:4vw}
.pro-hot {padding:5.33333vw 0 0}
.pro-hot h2 {font-size:24px}
.pro-hot .pro-info {padding:5px;background-color:#0078d7}
.pro-hot .pro-intro {display:none}
.pro-hot .pro-name {padding-bottom:0;font-size:14px;color:#fff;margin-bottom:0;white-space:normal;-webkit-line-clamp:1}
.pro-scroll-wrapper {white-space:nowrap;height:200px;overflow:hidden;position:relative}
.pro-hot ul {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:5vw}
.pro-hot ul li {width:47%;margin:0 0 5.3vw}
.pro-hot ul li:last-child {margin-right:0}
.btn-wrapper {display:none}}
.add-hot {padding:50px 0}
@media(max-width:768px) {.add-hot {padding:5.33333vw 0}}
.add-hot ul {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.add-hot ul li {background:url(./img/addprobg.jpg) no-repeat;background-size:cover;border:1px solid #dcdcdc;padding:30px 15px;text-align:center;width:32%;-webkit-box-sizing:border-box;box-sizing:border-box}
.add-hot ul li:hover {-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 15px 15px rgba(0,0,0,.1)}
@media(max-width:768px) {.add-hot ul li {width:100%;margin-bottom:4vw}
.add-hot ul li:last-child {margin-bottom:0}}
.add-hot ul li .text p:nth-child(1) {font-weight:700;font-size:16px;display:inline-block;border-bottom:1px solid #000}
.add-hot ul li .text p:nth-child(2) {font-size:14px;margin:5px 0 15px}
.add-hot ul li .imgbox {height:220px;width:100%;overflow:hidden}
.add-hot ul li .imgbox:hover img {-webkit-transform:scale(1.1);transform:scale(1.1)}
.add-hot ul li .proname {margin-top:15px;font-size:20px}
.add-hot ul li .proname h3 {width:calc(100% - 110px)}
@media(max-width:768px) {.add-hot ul li .proname h3 {text-align:left;font-size:16px}}
.add-hot ul li .proname .readmore {font-size:18px;font-family:Impact;width:100px;height:35px;border:1px solid #000;border-radius:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media(max-width:768px) {.add-hot ul li .proname .readmore {font-size:14px}}
.profile {position:relative}
.profile .backimg {position:absolute;top:0;left:0;width:100%}
@media(max-width:768px) {.profile .backimg {display:none}}
.profile .container,.profile .container-1360,.profile .container-1300 {position:relative;padding:120px 15px}
@media(max-width:768px) {.profile .container,.profile .container-1360,.profile .container-1300 {padding:5.33333vw 0}}
.profile .profile-top p {color:#fff;text-align:center}
.profile .profile-top .profile-top-title {font-size:22px;font-weight:700}
.profile .profile-top .profile-top-subtitle {font-size:14px;margin:10px 0 100px}
@media(max-width:768px) {.profile .profile-top .backimg {display:none}
.profile .profile-top p {color:#000}
.profile .profile-top .profile-top-subtitle {margin-bottom:15px}}
.profile .profile-bottom .text {margin:45px 0;padding:0 30px;font-weight:700;line-height:26px}
.profile .profile-bottom .text p:first-child {color:#3e89cf;text-decoration:underline}
.profile .profile-bottom .profile-list li {width:32%;text-align:center;margin-bottom:18px}
.profile .profile-bottom .profile-list li img {-webkit-transition:.3s;transition:.3s}
.profile .profile-bottom .profile-list li:hover img {-webkit-transform:scale(1.1);transform:scale(1.1)}
.profile .profile-bottom .profile-list li h3 {padding:25px 0 20px;border-bottom:1px solid #d4d4d4;color:#3e89cf}
@media(max-width:768px) {.profile .profile-bottom .text {margin:4vw 0;padding:0 4vw;font-size:14px}
.profile .profile-bottom .profile-list {padding:0 4vw}
.profile .profile-bottom .profile-list li {width:100%}
.profile .profile-bottom .profile-list li h3 {padding:4vw 0}}
.partner {padding:80px 0}
@media(max-width:768px) {.partner {padding:5.33333vw 0}}
.partner li {width:25%;text-align:center}
@media(max-width:768px) {.partner li {width:48%}}
.customer {padding:70px 0 130px;background:url(./img/cusbg.jpg) no-repeat;background-size:cover}
@media(max-width:768px) {.customer {padding:5.33333vw 0}}
.customer .container,.customer .container-1360,.customer .container-1300 {max-width:1600px;padding:0 15px}
.customer .cus-top {color:#fff}
.customer .cus-top h2 {font-size:22px;font-weight:700;margin-bottom:10px}
.customer .cus-top p {font-size:14px}
.customer .cus-top .vm {display:inline-block;border:1px solid #fff;color:#fff;font-size:14px;padding:8px}
@media(max-width:768px) {.customer .cus-top .vm {margin:15px 0}}
.customer .cus-bottom {color:#fff}
.customer .cus-bottom ul:after {content:'';clear:both;display:block}
.customer .cus-bottom ul li {float:left;position:relative;width:50%;padding:50px 0;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
@media(max-width:1280px) {.customer .cus-bottom ul li {padding:20px 0}}
@media(max-width:1024px) {.customer .cus-bottom ul li {width:100%}}
.customer .cus-bottom ul li .text {-webkit-box-flex:1;-ms-flex:1;flex:1}
.customer .cus-bottom ul li .text h3 {font-size:15px;font-weight:700;margin-bottom:10px}
.customer .cus-bottom ul li .text p {font-size:14px}
.customer .cus-bottom ul li:after {content:'';position:absolute;right:-1px;height:50%;width:1px;background:#fff;top:50%}
@media(max-width:1024px) {.customer .cus-bottom ul li:after {left:0}}
.customer .cus-bottom ul li:not(:first-child):after {top:0;height:100%}
.customer .cus-bottom ul li:nth-child(2n) {float:right;clear:left;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.customer .cus-bottom ul li:nth-child(2n):after {left:0;right:unset}
.customer .cus-bottom ul li:nth-child(2n) .line:after {left:-7px;right:unset}
.customer .cus-bottom ul li:nth-child(2n+1) {clear:right}
.customer .cus-bottom ul li:nth-child(2n+1) .text {text-align:right}
@media(max-width:1024px) {.customer .cus-bottom ul li:nth-child(2n+1) {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;float:left}
.customer .cus-bottom ul li:nth-child(2n+1) .text {text-align:left}}
.customer .cus-bottom ul li .line {width:108px;height:1px;background-color:#fff;position:relative}
.customer .cus-bottom ul li .line:after {content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:50%;right:-7px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media(max-width:1024px) {.customer .cus-bottom ul li .line:after {left:-7px}}
.customer .cus-bottom ul li .cus-img {width:240px;margin:0 20px}
@media(max-width:1280px) {.customer .cus-bottom ul li .line {width:80px}
.customer .cus-bottom ul li .cus-img {width:180px}}
@media(max-width:768px) {.customer .cus-bottom ul li .line {width:13.33333vw}
.customer .cus-bottom ul li .cus-img {width:26.66667vw}}
.container-1360 {max-width:1360px}
.container-1300 {max-width:1300px}
.home-video {margin:50px 0 100px}
@media(max-width:768px) {.home-video {margin:5.33333vw 0}}
.home-video .video-top {display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:200px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media(max-width:1280px) {.home-video .video-top {padding-top:50px}}
@media(max-width:990px) {.home-video .video-top {padding-top:0}}
.home-video .video-top:before {content:'';position:absolute;left:0;top:0;width:70%;height:100%;background:#f7f6f4;z-index:-1}
@media(max-width:990px) {.home-video .video-top:before {display:none}}
.home-video .video-top-left,.home-video .video-top-right {width:49%}
@media(max-width:990px) {.home-video .video-top-left,.home-video .video-top-right {width:100%}}
.home-video .video-top-left {position:relative}
.home-video .video-top-left h2 {font-size:56px;font-weight:400;padding-right:200px;margin-bottom:50px}
.home-video .video-top-left h2 span {font-weight:700}
@media(max-width:1280px) {.home-video .video-top-left h2 {font-size:26px;padding-right:100px}}
@media(max-width:990px) {.home-video .video-top-left h2 {padding-right:0;margin-bottom:20px}}
.home-video .video-top-left p {line-height:1.5;color:#002049;margin-bottom:35px;margin-left:90px}
@media(max-width:1280px) {.home-video .video-top-left p {margin-left:20px}}
@media(max-width:990px) {.home-video .video-top-left p {margin-left:0}}
.home-video .contact-btn {display:inline-block;padding:15px;color:#fff;background:#002049;font-weight:700;margin-left:90px}
@media(max-width:1280px) {.home-video .contact-btn {margin-left:20px}}
@media(max-width:990px) {.home-video .contact-btn {margin-left:0;margin-bottom:20px}}
.home-video .video-middle {margin-bottom:135px}
.home-video .video-middle p {font-size:120px;font-weight:700;color:#f7f6f4;text-align:right;letter-spacing:-.1em;line-height:122px}
@media(max-width:1279px) {.home-video .video-middle {margin-bottom:20px}
.home-video .video-middle p {display:none}}
.home-video .video-bottom h3 {font-size:30px;font-weight:400;padding-bottom:25px;margin-bottom:20px;position:relative}
@media(max-width:768px) {.home-video .video-bottom h3 {font-size:22px}}
.home-video .video-bottom h3:after {content:'';position:absolute;width:100px;bottom:0;left:0;height:8px;color:#04173f;background:#ff2400}
.home-video .video-bottom .video-swiper-container {position:relative;margin:0 50px}
.home-video .video-bottom .video-swiper-container .swiper-slide {display:block;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.home-video .video-bottom .video-swiper-container .swiper-pagination {bottom:-65px;width:100%;text-align:center}
.home-video .video-bottom .video-swiper-container .swiper-pagination-bullet {border:1px solid #ccc;background:#fff;margin:0 4px}
.home-video .video-bottom .video-swiper-container .swiper-pagination-bullet-active {background:#04173f;border-color:#04173f}
.home-video .video-bottom .video-swiper-container .video-button {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-50px;font-weight:700}
.home-video .video-bottom .video-swiper-container .video-button i {font-size:40px;color:#8a8a8a}
.home-video .video-bottom .video-swiper-container .video-button.video-button-next {right:-50px;left:unset}
.home-video .video-bottom .video-swiper-container .video-button.swiper-button-disabled i {color:#e8e8e8}
.home-video .video-bottom .video-swiper-container img {display:block;width:100%}
.home-video .video-bottom .video-swiper-container .text {display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#e6e6e6}
.home-video .video-bottom .video-swiper-container .text .vm {font-size:12px;width:110px;height:42px;background:#04173f;color:#fff}
.home-video .video-bottom .video-swiper-container .text p {color:#04173f;width:calc(100% - 130px)}
@media(max-width:768px) {.home-video .video-bottom .video-swiper-container {margin:0 20px}
.home-video .video-bottom .video-swiper-container .swiper-pagination {bottom:-10px}
.home-video .video-bottom .video-swiper-container .video-button {left:-25px}
.home-video .video-bottom .video-swiper-container .video-button.video-button-next {right:-25px;left:unset}}
.order {padding:35px 0 0}
@media(max-width:768px) {.order {padding:0}}
.order .order-left,.order .order-right {width:50%;-webkit-box-sizing:border-box;box-sizing:border-box}
.order .order-left {padding-left:25%}
.order .order-left .vm {background:#1d2845;width:270px;height:40px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;margin:30px 0;-webkit-transition:.3s;transition:.3s}
.order .order-left .vm:hover {background:#d6d6d6;color:#ff4040}
.order .flex {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.order .order-right {background:#5e6a72;padding:18px 20% 30px 25px;color:#fff}
.order .order-right h2 {font-size:33px;font-style:italic;text-shadow:rgba(0,0,0,.298039) 0 5px 0;margin-bottom:20px}
.order .order-right p {font-size:14px;line-height:1.5em;font-weight:700}
.order .order-right p+p {margin-top:20px}
@media(max-width:1366px) {.order .order-left {padding-left:10%}
.order .order-right {padding-right:10%}}
@media(max-width:768px) {.order .order-left {width:100%;padding:0;padding:4vw;text-align:center}
.order .order-left .vm {margin-bottom:0}
.order .order-right {width:100%;padding:4vw}}
.head {background:#151515 url(./img/header-1.png) top right repeat-y fixed}
.head-nav>ul>li>a {color:#8c8c8c}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a {color:#fff}
.nav-btn span {background:#fff}
@media(max-width:768px) {.head-nav>ul>li .inmenu_1,.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a {color:#000}}
.pinfo strong{text-transform:capitalize}
.sf-menu li.LiLevel1>a{font-weight:bold}
table, tr, td, th{font-size:14px}
.ss .sbtn{background-image:url(/js/23447/sbtn.png)}
.aboutinfo{background-image:url(/Content/uploads/2020540651/202001061600585541709.jpg);background-size:100%}
.head{background:#fff}
.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a,.head-contact p{color:#000}
.head-logo a{display:flex;align-items:center}
.head-logo .cname{white-space:nowrap;font-weight:bold;font-size:20px}
@media (max-width:768px){.head-logo .cname{display:none}
.nav-btn span{background:#000}}
.pro-c-main article{padding:0 20px;max-width:1000px;margin:0 auto}
.pro-main .common-wrapper{flex-direction:row-reverse}
.common-right{margin-left:0;margin-right:68px}
.video-top-right iframe{width:100%;height:400px}
.prodetail-common-img{text-align:center}
.prodetail-common-img>a{width:100%;display:block;height:100%;}
.prodetail-common-img img{max-width:100%;display:block;margin:0 auto 10px;}