html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video {margin:0;padding:0;outline:0;border:0;background:rgba(0,0,0,0);font-size:100%;}
html {-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {font-family:Arial,sans-serif,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei";background-color:#f5f7fa;}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header {display:block;}
nav ul,ul,li {list-style:none;}
blockquote {quotes:none;}
blockquote:before,blockquote:after {content:none;}
:root {--primary-color:#2460f2;--swiper-theme-color:var(--primary-color);}
a {text-decoration:none;}
.text-ellipsis {display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.text-ellipsis-2 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.text-ellipsis-3 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.text-ellipsis-4 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
header {height:auto;position:relative;background: #006bb7;}
header .logo {}
header .logo img {width:100%;}
header .lang-wrapper {position:relative;cursor:pointer;}
header .lang-wrapper:hover .lang-dropdown {display:block;}
header .lang-wrapper .lang-btn {display:flex;align-items:center;cursor:pointer;border:1px solid #e8e8e8;border-radius:30px;padding:0 10px;height:30px;}
header .lang-wrapper .lang-dropdown {display:none;position:absolute;padding-top:20px;right:0;}
header .lang-wrapper .lang-dropdown ul {width:150px;background-color:#fff;padding:15px 10px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);}
header .lang-wrapper .lang-dropdown ul li a {display:block;padding:0 25px;line-height:40px;color:#333;border-radius:4px;font-size:15px;}
header .lang-wrapper .lang-dropdown ul li a:hover {color:var(--primary-color);background-color:#f2f2f2;}
header .lang-icon {width:16px;height:16px;cursor:pointer;color:#333;margin-right:5px;}
header .cart .cart-count {position:absolute;top:-3px;left:15px;min-width:18px;padding:0 2px;height:15px;background-color:var(--primary-color);color:#fff;border-radius:10px;font-size:10px;display:flex;align-items:center;justify-content:center;}
header .search-icon {width:19px;height:19px;cursor:pointer;color:#000;}
header .lang-text {font-size:13px;font-weight:700;color:#111;white-space:nowrap;}
header .search-wrapper {display:flex;display:none;position:absolute;top:0;height:75px;width:100%;background:#fff;align-items:center;justify-content:center;}
header .search-wrapper.show {display:flex;}
header .search-wrapper .search-wrapper-content {width:70%;}
header .search-wrapper .search-input {width:calc(100% - 150px);height:40px;border:1px solid #e8e8e8;padding-left:20px;border-radius:40px;}
header .search-wrapper .search-submit {width:120px;height:38px;background-color:var(--primary-color);color:#fff;font-size:14px;border:none;margin-left:10px;border-radius:30px;}
header .search-wrapper .search-close {cursor:pointer;width:30px;}
.head-top{padding: 20px 0 17px;} 

.main-slider {position:relative;display:block;overflow:hidden;}
.main-slider:hover .swiper-button-next,.main-slider:hover .swiper-button-prev {opacity:1;}
.main-slider .container {position:relative;z-index:30;}
.main-slider .swiper-slide {position:relative;}
.main-slider .swiper-slide .swiper-silde-img {width:100%;min-height:400px;max-height:800px;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:transform 7000ms ease;}
.main-slider .swiper-slide-content {position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;display:flex;align-items:center;}
.main-slider .swiper-slide-content .more {position:relative;display:inline-block;vertical-align:middle;border:none;outline:none !important;background-color:var(--primary-color);box-shadow:0 2px 10px rgba(0,0,0,.1);color:#fff;font-size:16px;text-transform:uppercase;padding:15px 40px;border-radius:50px;transition:all .3s linear;overflow:hidden;letter-spacing:.2em;z-index:1;opacity:0;transform:translateY(100px);transition-delay:2500ms;transition:transform 2000ms ease,opacity 2000ms ease,color 500ms ease,background 500ms ease;}
.main-slider .swiper-slide-active .main-slider-shape-1 {opacity:1;transform:translate(0);transition:all 1000ms ease;transition-delay:200ms;opacity:.5;}
/* .main-slider .swiper-slide-active .swiper-silde-img {transform:scale(1.15);} */
.main-slider .swiper-slide-active .more,.main-slider .swiper-slide-active h2,.main-slider .swiper-slide-active p {visibility:visible;opacity:1;transform:translateY(0) translateX(0);}
.main-slider h2 {margin:0;margin-bottom:15px;color:#fff;font-weight:900;opacity:0;visibility:hidden;transform:translateY(120px);transition-delay:1000ms;transition:transform 2000ms ease,opacity 2000ms ease;font-size:60px;line-height:60px;letter-spacing:-0.02em;text-shadow:2px -1px 4px #000;}
.main-slider p {font-size:18px;color:#eee;margin:0;line-height:30px;margin-bottom:53px;opacity:0;font-weight:400;transform:translateY(100px);transition-delay:2500ms;transition:transform 2000ms ease,opacity 2000ms ease,color 500ms ease,background 500ms ease;text-shadow:2px -1px 4px #000;}
.main-slider-shape-1 {position:absolute;bottom:0;right:0;background-size:cover;opacity:0;transform:translateX(200px);z-index:2;}
.main-slider__content {position:relative;display:block;z-index:30;}
.main-slider__nav {width:100%;position:absolute;top:50%;z-index:100;transform:translateY(-50%);}
.main-slider__nav .swiper-button-next,.main-slider__nav .swiper-button-prev {position:absolute;top:auto;left:auto;right:auto;bottom:auto;z-index:100;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:20px;background:#fff;border-radius:50%;text-align:center;transition:all 500ms ease;box-shadow:0 2px 10px rgba(0,0,0,.1);opacity:0;}
.main-slider__nav .swiper-button-next {right:15px;}
.main-slider__nav .swiper-button-prev {left:15px;}
.main-slider__nav .swiper-button-next::after,.main-slider__nav .swiper-button-prev::after {display:none;}
.main-slider__nav .fa {position:relative;font-size:30px;color:#333;}
#main-slider-pagination {z-index:10;bottom:59px;left:50%;width:100%;max-width:88%;transform:translate(-50%,calc(0% + 0px));display:flex;align-items:center;justify-content:center;padding:0 15px;}
#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left:5px;}
#main-slider-pagination .swiper-pagination-bullet {width:10px;height:10px;border-radius:10px;opacity:.4;background-color:#fff;transition:all 500ms ease;margin:0;}
#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:20px;height:10px;opacity:1;}
.menu-mobile {display:none!important;padding:0 15px;transition:all .3s ease-in-out;}
.menu-mobile .open-icon {display:block;opacity:1;}
.menu-mobile .close-icon {display:none;opacity:0;}
.menu-mobile.open .open-icon {opacity:0;display:none;}
.menu-mobile.open .close-icon {opacity:1;display:block;}
.rotate-icon a::after {transition:transform .3s ease;transform:rotate(180deg);color:#fff;}


.nav-pc {height:100%;width: 100%;}
.nav-pc a {text-transform:uppercase;}
.nav-pc .menu-dropdown-icon>a::after {content:"";font-family:"FontAwesome";cursor:pointer;float:right;color:#fff;margin-left:5px;}
.nav-pc .menu {height:100%;width: 100%;}
.nav-pc .menu>ul {overflow:hidden;margin:0 auto;width:100%;height:100%;padding:0;box-sizing:border-box;display: flex;}
.nav-pc .menu>ul:before,.nav-pc .menu>ul:after {content:"";display:table;}
.nav-pc .menu>ul:after {clear:both;}
.nav-pc .menu>ul>li {padding:0;margin:0;height:100%;flex: 1;display: flex;justify-content: center;}
.nav-pc .menu>ul>li a.lia{white-space:nowrap;text-decoration:none;display:flex;align-items:center;justify-content: center; font-weight:500;    height: 70px;line-height: 70px;font-size: 17px;color: #fff;width: 100%;}
.nav-pc .menu>ul>li a>i.fa {margin-left:5px;}
.nav-pc .menu>ul>li a.active {}
.nav-pc .menu>ul>li:hover a.lia,.nav-pc .menu>ul>li a.active {background-color: #F63536;}
.nav-pc .menu>ul>li>.sub-menu {display:none;width:200px;background:#fff;padding:20px 10px;position:absolute;top: 70px;z-index:999;margin:0;margin-left:0px;box-sizing:border-box;border-bottom-right-radius:8px;border-bottom-left-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);}
.nav-pc .menu>ul>li>.sub-menu:before,.nav-pc .menu>ul>li>.sub-menu:after {content:"";display:table;}
.nav-pc .menu>ul>li>.sub-menu:after {clear:both;}
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list {min-height:80px;}
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list>.sub-menu-item {margin:0;padding-bottom:0;}
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list>.sub-menu-item a {font-size:15px;color:#000;padding:.5rem 2rem;display:block;font-weight:400;}
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list>.sub-menu-item a:hover {color:var(--primary-color);background-color:#f2f2f2;}
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list.normal-sub {left:auto;right:0;padding:10px 20px;justify-content:center;align-items:center;}
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list.normal-sub>li {width:auto;padding:0 20px;}
.nav-pc .menu>ul>li>.sub-menu>.sub-menu-list.normal-sub>li a {width:auto;border:0;padding:1em 0;}
.product-wrapper {margin-top:60px;}
.product-wrapper .link-section {flex-wrap:wrap;}
.product-wrapper .link-section a {font-size:15px;color:#111;margin:0 10px;}
.product-wrapper .product-list {margin-top:10px;}
.product-wrapper .product-list .product-item {margin:12px 0;}
.product-wrapper .product-list .product-item .product-item-wrapper {display:block;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px rgba(100,100,100,.1);position:relative;top:0;transition:top .5s;}
.product-wrapper .product-list .product-item .product-item-wrapper:hover {top:-4px;}
.product-wrapper .product-list .product-item .product-item-wrapper:hover .pic img {transform:scale(1.2);}
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper {background-color:var(--primary-color);color:#fff;}
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper .product-item-title {color:#fff;}
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper .product-item-info {color:#fff;}
.product-wrapper .product-list .product-item .product-item-wrapper:hover .content-wrapper .product-item-bottom .price {color:#fff;}
.product-wrapper .product-list .product-item .product-item-wrapper:hover .public-more {color:#fff;}
.product-wrapper .product-list .product-item .product-item-wrapper:hover .public-more::after {background-color:var(--primary-color);border-color:var(--primary-color);}
.product-wrapper .product-list .product-item .pic {overflow:hidden;border-top-left-radius:12px;border-top-right-radius:12px;}
.product-wrapper .product-list .product-item .pic img {position:relative;transform:scale(1);transition:transform 500ms ease;border:none !important;padding:0;width:100%;-o-object-fit:cover;object-fit:cover;}
.product-wrapper .product-list .product-item .content-wrapper {padding:15px 15px 20px;transition:all 300ms ease;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}
.product-wrapper .product-list .product-item .product-item-title {color:#000;font-size:16px;font-weight:700;text-align:center;transition:all 300ms ease;}
.product-wrapper .product-list .product-item .product-item-info {margin:10px 0;color:#999;font-size:14px;line-height:24px;text-align:left;transition:all 300ms ease;}
.product-wrapper .product-list .product-item .product-item-bottom .price {display:inline-block;color:#333;height:30px;line-height:30px;}
.product-wrapper .product-list .product-item .product-item-bottom .price .price-unit {font-size:12px;margin-right:-4px;}
.product-wrapper .product-list .product-item .product-item-bottom .public-more {font-size:12px;padding:5px 10px;line-height:20px;}
.product-wrapper .product-more {margin-top:30px;}
.public-title h3 {font-size:30px;font-weight:700;text-transform:uppercase;}
.public-title p {font-size:14px;color:#333;text-transform:uppercase;}
.public-more {display:inline-block;line-height:1;white-space:nowrap;text-align:center;border:solid 1px #eee;transition:.1s;padding:10px 20px;background-color:#fff;border-radius:2.5rem;color:#666;font-size:13px;position:relative;overflow:hidden;z-index:1;transition:.5s;}
.public-more::after {content:"";background-color:#fff;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;transition:.5s;}
.public-more:hover {color:#fff;border-color:var(--primary-color);}
.public-more:hover::after {background-color:var(--primary-color);}
.about-wrapper {margin-top:60px;margin-bottom:10px;}
.about-wrapper .left-img {height:580px;}
.about-wrapper .left-img img {max-height:120%;}
.about-wrapper .about-right {display:flex;align-items:center;position:relative;}
.about-wrapper .about-right .count-wrapper {margin-top:10px;}
.about-wrapper .about-right .count-wrapper .count-item {margin-right:30px;}
.about-wrapper .about-right .count-wrapper .count-item p {font-size:16px;}
.about-wrapper .about-right .count-wrapper .count-text .number {font-weight:700;font-size:36px;color:var(--primary-color);}
.about-wrapper .about-right .count-wrapper .count-text .unit {font-size:14px;color:#666;}
.about-wrapper .about-right .about-right-content {position:absolute;height:100%;left:0px;background:#fff;padding:80px 60px;}
.about-wrapper .about-right .about-right-content h2 {font-size:30px;font-weight:700;}
.about-wrapper .about-right .about-right-content p {font-size:14px;color:#333;text-transform:uppercase;}
.about-wrapper .about-right .about-right-content .info {margin-top:20px;line-height:1.8;color:#555;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;}
.about-wrapper .about-right .about-right-content .public-more {margin-top:20px;font-size:14px;}
.case-wrapper {background-color:#fff;padding:60px 0;position:relative;}
.case-wrapper .case-next,.case-wrapper .case-prev {display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:-50px;width:50px;height:50px;line-height:50px;border-radius:50%;box-shadow:0 0px 10px rgba(0,0,0,.1);text-align:center;z-index:999;}
.case-wrapper .case-next i,.case-wrapper .case-prev i {font-size:30px;color:#333;}
.case-wrapper .case-next,.case-wrapper .case-prev {display:none;}
.case-wrapper .case-swiper {padding:0 12px 30px;}
.case-wrapper .case-swiper .swiper-wrapper {padding:20px 0;}
.case-wrapper .case-swiper .swiper-slide {border-radius:12px;overflow:hidden;}
.case-wrapper .case-swiper .swiper-slide:hover .swiper-slide-img::before {transform:scale(1,1);transform-origin:bottom center;}
.case-wrapper .case-swiper .swiper-slide:hover .swiper-slide-img img {transform:scale(1.1);}
.case-wrapper .case-swiper .swiper-slide:hover .case-content-wrapper::before {opacity:1;transform:scaleY(1);}
.case-wrapper .case-swiper .swiper-slide:hover .case-content-wrapper::after {color:#fff;}
.case-wrapper .case-swiper .swiper-slide:hover .case-content-wrapper h3 {color:#fff;}
.case-wrapper .case-swiper .swiper-slide:hover .case-content-wrapper p {color:#fff;}
.case-wrapper .case-swiper .swiper-slide .swiper-slide-img {overflow:hidden;position:relative;border-radius:12px;}
.case-wrapper .case-swiper .swiper-slide .swiper-slide-img::before {position:absolute;top:0;left:0;right:0;bottom:0;content:"";background-color:rgba(27,24,37,.3);transform:scale(1,0);transition:transform 500ms ease;transform-origin:top center;z-index:1;}
.case-wrapper .case-swiper .swiper-slide img {width:100%;-o-object-fit:contain;object-fit:contain;transform:scale(1);transition:transform 500ms ease;}
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper {padding:25px 50px 25px 25px;position:relative;background-color:#fff;margin:-50px 30px 15px;overflow:hidden;transition:all 500ms ease;z-index:2;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);height:90px;}
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper::before {position:absolute;content:"";top:0;left:0;right:0;height:100%;background-color:var(--primary-color);transition:all 300ms ease;opacity:1;transform-origin:top;transform-style:preserve-3d;transform:scaleY(0);z-index:-1;}
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper::after {display:inline-block;content:"";font-size:12px;font-family:"FontAwesome";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--primary-color);}
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper h3 {font-size:16px;font-weight:700;color:#000;height:20px;overflow:hidden;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;transition:all 200ms ease;}
.case-wrapper .case-swiper .swiper-slide .case-content-wrapper p {color:#7b7981;font-size:14px;margin-top:5px;height:20px;overflow:hidden;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;transition:all 350ms ease;}
.case-wrapper .swiper-pagination .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;background:#000;opacity:.2;margin:0 5px;border-radius:20px;transition:opacity .5s,background-color .5s,width .5s;transition-delay:.5s,.5s,0s;}
.case-wrapper .swiper-pagination .swiper-pagination-bullet-active {opacity:1;background:var(--primary-color);width:30px;transition-delay:0s;}
.news-wrapper {padding:60px 0;}
.news-wrapper .news-list {padding:10px 0;}
.news-wrapper .news-list .news-item {position:relative;top:0;border-radius:12px;overflow:hidden;background-color:#fff;margin:10px 0;transition:top .5s;box-shadow:0 2px 8px rgba(100,100,100,.1);}
.news-wrapper .news-list .news-item:hover .news-item-img img {transform:translate(-50%,-50%) scale(1.1);}
.news-wrapper .news-list .news-item:hover .card-body {background-color:var(--primary-color);color:#fff;}
.news-wrapper .news-list .news-item:hover .card-body .card-title {color:#fff;}
.news-wrapper .news-list .news-item:hover .card-body .card-text {color:#fff;}
.news-wrapper .news-list .news-item:hover .card-body .card-info {color:#fff;}
.news-wrapper .news-list .news-item:hover .card-body .card-info i {color:#fff;}
.news-wrapper .news-list .news-item:hover .card-body .more {color:#fff;}
.news-wrapper .news-list .news-item .news-item-img {position:relative;overflow:hidden;}
.news-wrapper .news-list .news-item .news-item-img a {display:block;height:100%;}
.news-wrapper .news-list .news-item .news-item-img img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;}
.news-wrapper .news-list .news-item .card-body {display:inline-block;padding:20px 20px 15px;transition:background-color .5s;width:100%;}
.news-wrapper .news-list .news-item .card-body .card-title {font-size:18px;font-weight:700;color:#000;transition:all 300ms ease;}
.news-wrapper .news-list .news-item .card-body .card-text {margin-top:5px;font-size:13px;color:#222;height:66px;line-height:22px;transition:all 300ms ease;}
.news-wrapper .news-list .news-item .card-body .card-info {margin-top:5px;font-size:13px;color:#666;transition:all 300ms ease;}
.news-wrapper .news-list .news-item .card-body .card-info i {color:#999;transition:all 300ms ease;}
.news-wrapper .news-list .news-item .card-body .card-info span {margin-right:10px;}
.news-wrapper .news-list .news-item .card-body .more {margin-top:10px;font-size:12px;text-align:right;color:var(--primary-color);transition:all 300ms ease;}
.news-wrapper .news-more {margin-top:20px;}
.news-wrapper .news-more .public-more {background-color:#fff;padding:10px 20px;font-size:14px;}
.custom-wrapper {padding:60px 0;background-color:#fff;}
.custom-wrapper .custom-list {margin:20px 0 0;border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;}
.custom-wrapper .custom-list .custom-item {border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;transition:.3s;}
.custom-wrapper .custom-list .custom-item:hover {box-shadow:0 0 8px #ddd;z-index:1;cursor:pointer;}
.custom-wrapper .custom-list .custom-item .pic {padding:20px;display:flex;align-items:center;justify-content:center;transition:.3s;height:100%;}
.custom-wrapper .custom-list .custom-item .pic img {width:100%;}
.contact-wrapper {padding-top:40px;padding-bottom:40px;background-color:#25292f;}
.contact-wrapper .public-title {text-align:center;}
.contact-wrapper .public-title h3 {color:#fff;font-size:36px;margin:10px 0;}
.contact-wrapper .public-title p {color:#999;font-size:20px;}
.contact-wrapper .contact-content {padding:20px;background-color:none;}
.contact-wrapper .contact-content .contact-form {margin:30px 0;}
.contact-wrapper .contact-content input {width:20%;height:40px;padding-left:15px;color:#000;font-size:16px;border:1px solid #ccc;margin-right:20px;border-radius:5px;}
.contact-wrapper .contact-content input::-moz-placeholder {color:#999;}
.contact-wrapper .contact-content input::placeholder {color:#999;}
.contact-wrapper .contact-content input:focus {border-color:var(--primary-color);}
.contact-wrapper .contact-content .remark {width:38%;}
.contact-wrapper .contact-content button {background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;width:20%;}
footer {background-color:#006bb7;padding:40px 0;}
footer .footer-link {border-bottom:1px solid #353535;padding-bottom:20px;}
footer .footer-link .public-title {color:#aaa;}
footer .footer-link .public-title p {color:#555;}
footer .footer-link ul {margin-left:30px;flex-wrap:wrap;}
footer .footer-link ul li {margin-right:30px;}
footer .footer-link ul a {color:#aaa;font-weight:600;font-size:14px;}
footer .footer-link ul a:hover {color:var(--primary-color);}
footer .footer-logo {width:128px;}
footer .footer-menu {padding-top:20px; border-bottom: 1px solid #999;padding-bottom: 50px;}
footer .footer-menu ul {width: 100%;justify-content: center;align-items: center;}
footer .footer-menu li {font-size:16px;font-weight: bold;color:#fff;} 
footer .footer-menu li a {color:#fff;line-height:30px;} 
footer .footer-menu li:nth-child(2n) {
    margin-left: 3vw;
    margin-right: 3vw;
    line-height: 28px;
}

.fot1-2{margin-top: 32px; padding: 10px 30px;}
.oDv5>div{flex: 1;padding-left: 1vw;}
.oDv5>div>div{border-left: 1px solid #F63536;padding-left: 1.2vw;}
.p18{font-size: 23px;color: #fff; text-align:left;}
.p18>span{color: #fff;}
.p19{font-size: 16px; color: #fff; font-weight: normal; margin-top: 5px;}

.fot1-3 {padding: 25px 10px 30px 10px;}
.oDv6 {flex: 1px; padding-left: 30px; padding-right: 30px; display: inline ;flex-wrap: nowrap; }
.p20 {font-size: 16px; color: #fff; text-align: center; margin-top: 10px; }
.p21 { font-size: 16px; color: #fff; line-height: 28px; }
.p21 > a {color: #fff; display: inline; }
.p22a { font-size: 14px; color: #fff; line-height: 28px; }
.p22b { font-size: 14px; color: #fff; line-height: 28px; flex-wrap: nowrap; display: inline; }
.p22b > a { font-size: 14px; color: #fff; display: inline; flex-wrap: nowrap;}

.fot2 { padding: 15px 0; background: #000;  }
.fot2>div>div> p { font-size: 14px; color: #999; margin-left: 10px; }
.fot2>div>div> a { font-size: 14px; color: #999; margin-left: 10px; }
.fot2>div>div> a:hover { color: #fff; }

footer .footer-contact {margin-top:20px;color:#999;display:flex;align-items:end;text-align:right;flex-direction:column;}
footer .footer-contact p {font-size:14px;margin-bottom:5px;}
footer .footer-contact p:first-child {font-size:20px;font-weight:700;color:#eee;}
footer .footer-contact .qrcodes {margin-top:10px;text-align:center;}
footer .footer-contact .qrcodes .qrcode-img {margin-left:5px;}
footer .footer-contact .qrcodes img {width:100px;height:100px;background-color:#eee;}
footer .footer-contact .qrcodes p {margin-top:5px;}
.copyriht {padding:15px 0;background-color:#000;text-align:center;font-size:14px;color:#666;}
.copyriht a {color:#666;}
.neibanner {width:100%;height:350px;position:relative;}
.neibanner img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.neibanner .neibannerdesc {position:absolute;bottom:0px;left:0px;right:0px;margin:auto;z-index:1;color:#fff;}
.neibanner .neibannerdesc .neibannerdesc-title {margin-bottom:40px;}
.neibanner .neibannerdesc h2 {margin-top:5px;font-size:44px;font-weight:400;}
.neibanner .neibannerdesc p {font-size:22px;font-weight:400;text-transform:uppercase;color:#f1f1f1;}
.neinav {width:100%;background-color:rgba(0,0,0,.15);min-height:50px;display:flex;align-items:center;justify-content:space-between;}
.neinav .neinav-wrapper li {margin:5px 20px 5px 0;}
.neinav .neinav-wrapper li a {color:#eee;display:inline-block;line-height:35px;font-size:15px;transition:all .3s ease;position:relative;}
.neinav .neinav-wrapper li.active a {background-color:var(--primary-color);border-radius:40px;padding:0 15px;font-size:15px;color:#fff;font-weight:500;}
.neinav .neinav-wrapper li:hover a {color:#fff;}
.neinav .neiposition i.fa {color:#ccc;}
.neinav .neiposition i.neiposition-icon {color:#ccc;margin-right:5px;}
.neinav .neiposition a {font-size:14px;color:#ccc;}
.neinav .neiposition a:hover {color:#fff;}
.page-content {padding:40px 0;}
.page-content .page-content-card {border:none;}
.page-content .page-content-card .tabs {display:flex;padding:30px 0 0;border-bottom:1px solid #eee;}
.page-content .page-content-card .tabs .tabs-item {cursor:pointer;font-size:16px;color:#333;padding:10px 0;transition:all .3s ease;margin-right:40px;border-bottom:3px solid rgba(0,0,0,0);margin-bottom:-2px;}
.page-content .page-content-card .tabs .tabs-item.active {color:#000;border-bottom:3px solid #000;font-weight:600;}
.page-content .card-body {padding:30px 0;background-color:#fff;border-radius:10px;line-height:2rem;}
.page-content .card-body img {max-width:calc(100% - 60px);height:auto;}
.page-content .page-content-title {font-size:30px;text-align:center;}
.page-content .page-content-timeline {border-bottom:1px solid #eee;padding:20px 0;margin-bottom:20px;}
.page-content .page-content-timeline .page-content-timeline-left {font-size:14px;font-weight:600;color:#333;}
.page-content .page-content-timeline .page-content-timeline-left a {color:var(--primary-color);}
.page-content .page-content-timeline .page-content-timeline-left span {margin:0px 5px;}
.page-content .page-content-timeline .page-content-timeline-left i {font-style:normal;}
.page-content .page-content-timeline .page-content-timeline-right {display:flex;justify-content:flex-end;}
.page-content .page-content-timeline .page-content-timeline-right img {height:22px;filter:brightness(200%) grayscale(200%);margin-right:10px;}
.page-content .page-content-detags {margin:40px 0px 0px;}
.page-content .page-content-detags p {font-size:14px;}
.page-content .page-content-detags p span {color:#666;}
.page-content .page-content-detags p a {font-size:14px;margin:0px 5px;color:var(--primary-color);}
.page-content .next-prev {margin-top:40px;justify-content:space-between;border-top:1px solid #eee;}
.page-content .next-prev .row {padding:20px 0;}
.page-content .next-prev .row .next-prev-left,.page-content .next-prev .row .next-prev-right {font-size:14px;color:#666;}
.page-content .next-prev .row .next-prev-right {text-align:right;}
.page-content .next-prev .row a {color:var(--primary-color);}
.page-list.product-wrapper {margin-top:30px;}
.page-list.case-wrapper {padding:30px 0;}
.page-list .news-wrapper {padding:30px 0;}
.page-list .product-filter {width:100%;padding:20px;background-color:#fff;margin-bottom:30px;border-radius:10px;}
.page-list .product-filter .filter-row {line-height:30px;border-bottom:1px solid #f2f2f2;padding:15px 0;}
.page-list .product-filter .filter-row:last-child {border-bottom:none;}
.page-list .product-filter .filter-title {padding:0 15px;margin-right:10px;text-wrap:nowrap;display:flex;align-items:center;justify-content:center;}
.page-list .product-filter .filter-values li a {display:inline-block;font-size:14px;color:#000;padding:0 15px;background-color:#f2f2f2;margin:5px 8px;border-radius:20px;transition:all .3s ease;}
.page-list .product-filter .filter-values li:hover a,.page-list .product-filter .filter-values li.active a {background-color:var(--primary-color);color:#fff;}
.case-wrapper .case-item {display:block;border-radius:12px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);position:relative;top:0;transition:top .5s;margin-bottom:30px;}
.case-wrapper .case-item .case-item-img {overflow:hidden;border-top-left-radius:12px;border-top-right-radius:12px;}
.case-wrapper .case-item .case-item-img img {width:100%;height:auto;-o-object-fit:cover;object-fit:cover;position:relative;transform:scale(1);transition:transform 500ms ease;border:none !important;padding:0;}
.case-wrapper .case-item .case-content-wrapper {padding:15px 15px 20px;transition:all 300ms ease;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}
.case-wrapper .case-item .case-item-title {color:#000;font-size:16px;font-weight:700;text-align:center;transition:all 300ms ease;}
.case-wrapper .case-item .case-item-info {margin:10px 0;color:#666;font-size:14px;text-align:left;transition:all 300ms ease;}
.case-wrapper .case-item:hover {top:-4px;}
.case-wrapper .case-item:hover .case-item-img img {transform:scale(1.2);}
.case-wrapper .case-item:hover .case-content-wrapper {background-color:var(--primary-color);color:#fff;}
.case-wrapper .case-item:hover .case-content-wrapper .case-item-title {color:#fff;}
.case-wrapper .case-item:hover .case-content-wrapper .case-item-info {color:#fff;}
.contact-wrapper.page-content {background:none;}
.contact-wrapper.page-content h3 {font-size:28px;margin:20px 0;color:#1a1a1a;}
.contact-wrapper.page-content h4 {color:#999;font-size:14px;}
.contact-wrapper.page-content h5 {color:#999;font-size:14px;margin-top:20px;}
.contact-wrapper.page-content .contact_blline {height:4px;width:80px;background-color:var(--primary-color);}
.contact-wrapper.page-content .contact-info-list {margin:20px 0;border-top:1px solid #e6e6e7;}
.contact-wrapper.page-content .contact-info-list p {font-size:14px;color:#999;padding-bottom:5px;}
.contact-wrapper.page-content .contact-info-list h6 {color:#242424;font-size:18px;font-weight:bold;line-height:28px;cursor:default;transition:all .5s;word-break:break-all;}
.contact-wrapper.page-content .contact-info-list .col-6 {margin:15px 0px;}
.contact-wrapper.page-content .contact_br form input {width:49%;border:1px solid #ededed;background:#f5f5f7;padding:10px 20px;height:60px;font-size:16px;margin-bottom:15px;}
.contact-wrapper.page-content .contact_br form textarea {width:100%;height:130px;font-size:16px;border:1px solid #ededed;background:#f5f5f7;padding:20px;}
.contact-wrapper.page-content .contact_br form button {background:var(--primary-color);color:#fff;font-size:16px;width:100%;height:58px;border:0px;cursor:pointer;text-align:center;margin-top:15px;border-radius:50px;}
.contact-wrapper.page-content .contact_t {margin:50px 0px 0;padding:10px 0px;border-top:1px solid #f2f2f2;}
.newslistp_bot {width:100%;height:auto;margin-top:30px;}
.newslistp_bot ul li {margin-bottom:40px;transition:all .5s;}
.newslistp_bot ul li a {display:block;border:1px solid #f2f2f2;border-radius:10px;background-color:#fff;overflow:hidden;}
.newslistp_botimg {width:100%;height:190px;overflow:hidden;}
.newslistp_botimg img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 500ms ease;}
.newslistp_botdes {padding:15px;background-color:#fff;flex-direction:column;align-items:flex-start;transition:all .5s;}
.newslistp_botdes h3 {color:#333;font-size:16px;}
.newslistp_botdes p {font-size:14px;color:#333;width:100%;text-align:right;}
.newslistp_bot ul li:hover .newslistp_botimg img {transform:scale(1.05);}
.newslistp_bot ul li:hover .newslistp_botdes h3,.newslistp_bot ul li:hover .newslistp_botdes p {color:var(--primary-color);}
.newslistp_bot ul li:hover .newslistp_botdes {background-color:var(--primary-color);box-shadow:0px 0px 10px rgba(0,0,0,.1);}
.newslistp_bot ul li:hover .newslistp_botdes h3,.newslistp_bot ul li:hover .newslistp_botdes p {color:#fff;}
.page-pagination {text-align:center;width:100%;}
.page-pagination .pagination,.page-pagination .pager {display:inline-block;padding-left:0;margin:30px 0;border-radius:8px;}
.page-pagination .pagination>li,.page-pagination .pager>li {display:inline;}
.page-pagination .pagination>li>a,.page-pagination .pagination>li>span,.page-pagination .pager>li>a,.page-pagination .pager>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:var(--primary-color);text-decoration:none;background-color:#fff;border:1px solid #ddd;}
.page-pagination .pagination>li:first-child>a,.page-pagination .pagination>li:first-child>span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.page-pagination .pagination>li:last-child>a,.page-pagination .pagination>li:last-child>span {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.page-pagination .pagination>li>a:focus,.page-pagination .pagination>li>a:hover,.page-pagination .pagination>li>span:focus,.page-pagination .pagination>li>span:hover {z-index:2;color:var(--primary-color);background-color:#eee;border-color:#ddd;}
.page-pagination .pagination>.active>a,.page-pagination .pagination>.active>a:focus,.page-pagination .pagination>.active>a:hover,.page-pagination .pagination>.active>span,.page-pagination .pagination>.active>span:focus,.page-pagination .pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:var(--primary-color);border-color:var(--primary-color);}
.page-pagination .pagination>.disabled>a,.page-pagination .pagination>.disabled>a:focus,.page-pagination .pagination>.disabled>a:hover,.page-pagination .pagination>.disabled>span,.page-pagination .pagination>.disabled>span:focus,.page-pagination .pagination>.disabled>span:hover {color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd;}
.page-pagination .pagination .jumpto {display:inline-block;margin-left:2px;}
.page-pagination .pagination .jumpto input {padding:6px;line-height:1.42857143;color:#2c3e50;background-color:#fff;border:1px solid #ddd;float:left;}
.page-pagination .pagination .jumpto .page_number {width:125px;text-align:center;margin-right:-1px;}
.page-pagination .pager>.disabled>span {color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd;}
.product-content-info {margin-top:60px;}
.procontent_1 {width:100%;background-color:#f9fafc;position:relative;overflow:hidden;padding:50px 0;}
.procontent1_l {height:550px;}
.procontent1_l .gallery-top {height:75%;width:100%;overflow:hidden;border-radius:10px;}
.procontent1_l .gallery-top .swiper-slide {border:1px solid #ddd;border-radius:10px;}
.procontent1_l .gallery-thumbs {height:25%;box-sizing:border-box;padding:10px 0;overflow:hidden;}
.procontent1_l .gallery-thumbs .swiper-slide {height:100%;border:1px solid #999;opacity:.4;border-radius:10px;transition:all .5s;}
.procontent1_l .gallery-thumbs .swiper-slide-thumb-active {border-color:#000;opacity:1;}
.procontent1_l .swiper-slide {background:none;overflow:hidden;}
.procontent1_l .swiper-slide img {width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:10px;}
.procont_ltop h2 {font-size:28px;color:#333;}
.procont_ltop p {letter-spacing:1px;margin-top:10px;font-size:16px;color:#333;}
.procont_lbot {margin-top:30px;background-color:#f2f3f5;border-radius:10px;padding:20px;}
.procont_lbot p {font-size:15px;line-height:30px;}
.procontent_zx {margin-top:40px;}
.procontent_zx a {width:150px;height:40px;transition:all .5s;justify-content:center;background-color:#111;color:#fff;border-radius:30px;margin-right:10px;}
.procontent_zx a .fa {margin-right:5px;}
.procontent_zx .product-info-price {background-color:var(--primary-color);}
.procontent_zx .product-info-price .price-text {font-size:18px;font-weight:600;}
.download-wrapper .card-body {padding:50px;}
.download-wrapper .card-body .list-header {font-size:16px;font-weight:600;padding-bottom:15px;}
.download-wrapper .card-body .row {border-bottom:1px solid #f2f2f2;align-items:center;justify-content:space-between;}
.download-wrapper .card-body .row .card-title {margin:25px 0;}
.download-wrapper .card-body .row .create_time {color:#666;}
.download-wrapper .card-body .row .btn {border-radius:50px;font-size:14px;}

#backTop {position:fixed;right:10px;top:75%;transform:translateY(-50%);z-index:888;box-shadow:0 2px 10px rgba(0,0,0,.1);}
#backTop span {cursor:pointer;background:#fff;border:1px solid #f0f0f0;width:40px;height:50px;color:#fff;display:block;position:relative;margin:0px 0;right:0;}
#backTop span:first-child {border-radius:5px 5px 0 0;}
#backTop span:last-child {border-radius:0 0 5px 5px;}
#backTop span#gttop {background-color:var(--primary-color) !important;border-color:var(--primary-color) !important;}
#backTop span#gttop i {color:#fff;}
#backTop span i {z-index:1;}
#backTop span small {width:180px;height:180px;position:absolute;left:-220px;top:0;box-shadow:0 0 9pt rgba(0,0,0,.1);visibility:hidden;opacity:0;background:#fff;z-index:0;transition:all .2s ease;}
#backTop span small.telTop {width:auto;height:50px;line-height:50px;white-space:nowrap;padding:0 15px;text-align:center;font-size:18px;color:#333;right:70%;left:auto;visibility:hidden;}
#backTop span:hover.ft-tel small.telTop {visibility:visible;opacity:1;right:100%;}
#backTop span:hover.ft-wx small.weixin {visibility:visible;opacity:1;left:-190px;}
#backTop span i {text-align:center;color:#333;width:40px;height:50px;font-style:inherit;line-height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-20px;font-size:15px;}
#backTop span.ft-tel i {font-size:18px;}
#backTop a {color:#fff;display:block;cursor:pointer;}
#backTop span small b {width:25px;height:35px;position:absolute;top:10px;right:-22px;z-index:999;font-size:26px;}

.loDiv{
    padding-left: 15px;
}
.loDiv>p:nth-child(1){font-size: 30px;font-weight: bold;color: #333;}
.loDiv>p:nth-child(2){font-size: 14px;color: #666;}
.p1 {
    font-size: 16px;
    color: #333;
    margin-left: 10px;
}
.p2{
    font-size: 28px;
    color: #F63536;
    margin-top: 5px;
}

.fl{float: left;}
/*工程案例*/
.case{padding: 116px 0 40px;box-sizing: border-box;position: relative;}
.case_l{width: 465px;height: 195px;}
.case_l a{display: block;font-size: 40px;color: #333;height: 105px;background:url(../images/case_line.gif) no-repeat 0 102px;line-height: 36px;}
.case_l i{display: block;font-size: 14px; font-family:Arial, Helvetica, sans-serif;padding: 0 0 0 5px;font-weight: bold;}
.case_l span{font-size: 20px;color: #666;display: block;line-height: 30px;overflow: hidden;padding: 10px 0 0;}
.case_r{width: auto;flex: 1;}
.case_r ul{width: 100%;}
.case_r ul li{width: 33%;float: left;height: 55px;line-height: 55px;overflow: hidden;}
.case_r ul li em{display: block;float: left;width: 40px;height: 40px;background: #5e5e5e;border-radius: 50%;line-height: 0;margin:6px 10px 0 0;}
.case_r ul li em img{width: 40px;height: 40px;}
.case_r ul li a{font-size: 16px;color: #333;display: block;}
.case_r ul li a:hover{color: #3385ff;font-weight: bold;}
.case_r ul li:hover em{background: #3385ff;}
.case_m{width: 1200px;overflow: hidden;}
.case_m dl{ height: 345px;width: 384px;float: left;position: relative;padding: 0 8px;} 
.case_m dl dt{width: 384px;height: 345px;overflow: hidden;line-height: 0;}
.case_m dl dt img{width: 384px;height: 287px;}
.case_m dl dt span{display: block;height: 56px;line-height: 56px;overflow: hidden;width: 400px;text-align: center;font-size: 14px;color: #333;background: #fff;position: absolute;bottom: 0;left: 0;z-index: 1;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s;}
.case_m dl:hover dt span{height: 0;}
.case_m dl dd{width: 304px;height: 0;padding: 0 40px;position: absolute;bottom: 10px;left: 8px;background: #fff;box-shadow: 0 3px 5px 3px #d0d0d0;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.case_m dl dd h5{height: 50px;line-height: 60px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 18px;color: #333;display: block;width: 304px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}
.case_m dl dd h5 a:hover{color: #3385ff;}
.case_m .case_desc{font-size: 14px; color: #333; line-height: 25px; height: 50px; overflow: hidden;} 
.case_m dl:hover dd{height: 115px;}
.case_lico,.case_rico{display: block;width: 50px;height: 50px;position: absolute;top: 420px;cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;}
.case_lico{left: -70px;}
.case_rico{right: -70px;}
.case_lico:hover,.case_rico:hover{box-shadow:0 8px 15px 0 #ccc;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}.case .case_m{width:auto;overflow:visible}.case .case_m .case-qie-swiper{overflow:hidden}.case .case_m .case-qie-swiper .swiper-slide{height:auto}.case .case_m .case-qie-swiper .swiper-slide dl{width:auto;float:none;height:345px;padding:0 8px}.case .case_m .case-qie-swiper .swiper-slide dl dt{width:100%;height:345px}.case .case_m .case-qie-swiper .swiper-slide dl dt img{width:100%;height:287px;object-fit:cover}.case .case_m .case-qie-swiper .swiper-slide dl dt span{width:100%}.case .case_m .case-qie-swiper .swiper-slide dl dd{left:8px;right:8px;width:auto}.case_lico,.case_rico{top:50%;transform:translateY(-50%);z-index:10}


.pr {
    position: relative;
}
/*一站式系统化工程*/
.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 175px;height: 645px;margin-top: 40px;}
.pinz_t{font-size: 40px;color: #333;text-align: center;font-weight: normal;background:url(../images/case_line.gif) no-repeat center 60px;height: 150px;line-height: 50px;overflow: hidden;}
.pinz_t a{color: #333;}
.pinz_t span{display: block;font-size: 20px;color: #666;padding: 10px 0 0;}
.pin01{width: 20%;}
.pin_y{background:url(../images/pinz_k.png) no-repeat;width: 170px;height: 170px;text-align: center;margin: 65px auto 0;}
.pin_y b{display: block;font-size: 16px;color: #fff;line-height: 24px;}
.pin_y i{display: block;padding: 60px 0 0;}
.pinz_wz{background:url(../images/pinz_k02.png) no-repeat;width: 210px;height: 260px;text-align: center;position: absolute;top: 0;left: 0;display: none;padding: 0 20px;}
.pinz_wz b{display: block;font-size: 20px;color: #3385ff;height: 30px;line-height: 30px;padding: 55px 0 0;}
.pinz_wz b a{font-size: 20px;color: #3385ff;}
.pinz_wz p{font-size: 14px;color: #666;line-height: 24px;height: 120px;overflow: hidden;padding: 10px 0 0;}
.pin01:hover .pinz_wz{display: block;}
.pin02 .pin_y b{line-height: 170px;}

.liuc{background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 415px;overflow: hidden;padding: 50px 0 0;}
.liuc_m{width: 1160px;background: url(../images/liuc_line.png) no-repeat center 25px;height: 182px;padding: 0 0 0 40px;}
.liuc li{ width:160px; float:left; font:16px "Microsoft YaHei"; color: #333;text-align: center;height: 145px;}
.liuc li .liuc_span{ display:block; width:60px; height:60px; position:relative; overflow:hidden; margin:0 auto 15px;border-radius: 50%;box-shadow: 0 3px 10px 3px #d0d0d0;}
.liuc li .liuc_span img{display:block; width:60px; height:60px;}
.liuc li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out 0.1s;transition: all 0.35s ease-out 0.1s;}
.liuc li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.liuc li:hover em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.liuc li:hover i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.liuc li:hover{color: #333;}
.liuc li span{display: block;}
.liuc li b{display: block;font-size: 14px;color: #333;padding: 5px 0 0;}
.liuc_bot{padding: 15px 0 0 60px;width: 400px;margin: 0 auto;}
.liuc_bot span{display: block;float: left;font-size: 14px;color: #e9e9e9;background: url(../images/ban_tel.png) no-repeat 0 15px;padding: 0 0 0 35px;width: 210px;line-height: 24px;}
.liuc_bot b,.ban01_r b{display: block;font-size: 24px;}
.liuc_bot em{display: block;float: left;width: 105px;padding: 10px 0 0;}
.liuc_bot em a,.ban01_r em a{display: block;width: 105px;text-align: center;height: 35px;line-height: 35px;background: #fff;font-size: 14px;color: #333;overflow: hidden;border-radius: 20px;}
.liuc_bot em a:hover,.ban01_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.home-title {
  font-size: 36px;
  text-align: center;
  color: #212121;
}

.home-news{ background: url(../images/bg5.jpg) no-repeat center center;background-size: cover;padding: 50px 0;}

.home-news .swiper-news {
  padding: 0 10px;
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
  margin-left: -10px;
}
.home-news .swiper-pagination {
  bottom: 0;
}
.home-news .swiper-pagination .swiper-pagination-bullet {
  width: 22px;
  height: 22px;
  background: url(../images/dot2.png) no-repeat center center;
  background-size: 100%;
  border: 0;
  opacity: 1;
}
.home-news .swiper-pagination .swiper-pagination-bullet-active {
  background: url(../images/dot2h.png) no-repeat center center;
  background-size: 100%;
}
.swiper-news .item .box {
  border: solid 1px #f0f0f0;
  background: #fff;
  position: relative;
}
.swiper-news .item .box:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(0deg, #154ab4 0%, #138ef8 50%, #23adf3 75%, #32cbed 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 33;
  opacity: 0;
}
.swiper-news .item .span {
  font-size: 18px;
  color: #138ef8;
  margin-bottom: 12px;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden;
}
.swiper-news .item .bt {
  font-size: 24px;
  line-height: 38px;
  height: 76px;
  overflow: hidden;
  margin-bottom: 42px;
  color: #212121;
}
.swiper-news .item .pic:after {
  padding-bottom: 58.60805861%;
}
.swiper-news .item .date {
  font-size: 16px;
  line-height: 82px;
  color: #999999;
  border-top: 1px solid #f0f0f0;
  margin: 0 -39px;
  padding: 0 39px;
}
.swiper-news .item .date span {
  background: url(../images/date.png) no-repeat center right;
  background-size: 16px;
  display: block;
}
.swiper-news .item .text {
  padding: 27px 39px 0 39px;
}
@media (min-width: 1025px) {
  .swiper-news .item:hover .box {
    box-shadow: 0px 3px 12px 0px rgba(19, 142, 248, 0.18);
  }
  .swiper-news .item:hover .box:after {
    opacity: 1;
  }
  .swiper-news .item:hover .pic img {
    transform: scale(1.04);
  }
}

.pic {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.pic img {
  transition: 0.5s;
}
.pic:after {
  content: '';
  display: block;
  padding-bottom: 0%;
}
.middleCenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  display: block;
  vertical-align: middle;
  text-align: center;
  margin: auto;
  object-fit: cover;
}

.home-map{
    background: url(../images/bg4.jpg) no-repeat center center;background-size: cover;padding: 50px 0;
    overflow-x: hidden !important;width: 100%; box-sizing: border-box;
}

.home-map .right {
  position: relative; 
  margin: 0 auto;width: 1422px;left:50%;
  margin-left:-711px;
}
.home-map .right .map-name {
  position: absolute;
  bottom: 60rem;
  right: 0;
  width: 255rem;
}
.home-map .right .img {
  width: 1422px;
  height: 497px;
  margin: 0 auto; 
  position: relative;
}
.home-map .right .img .hide {
  display: none;
}
.home-map .right .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.home-map .right .img .globalMap {
  width: 100%;
  height: 497px;
  position: relative;
  z-index: 66;
}
.home-map .right .img .area {
  position: absolute;
  -webkit-transition: transform 2s linear;
  -webkit-transition: -webkit-transform 2s linear;
  transition: -webkit-transform 2s linear;
  -o-transition: transform 2s linear;
  transition: transform 2s linear;
  transition: transform 2s linear, -webkit-transform 2s linear;
  z-index: 33;
}
.home-map .right .img .area i {
  width: 38px;
  height: 38px;
  background: url(../images/dian.png) no-repeat center center;
  background-size: 100%;
  display: inline-block;
  vertical-align: top;
  -webkit-animation: 5s ease mymove infinite;
  animation: 5s ease mymove infinite;
}
.home-map .right .img .area span {
  position: relative;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  line-height: 38px;
  color: #212121;
  padding: 0 6px 0 8px;
  text-align: center;
  z-index: 1;
}
.home-map .right .img .m01 {
  top: 51.5%;
  left: 13%;
}
.home-map .right .img .m02 {
  top: 14.1%;
  left: 50.3%;
}
.home-map .right .img .m03 {
  top: 44.3%;
  left: 78.8%;
}
.home-map .right .img .m04 {
  top: 38.7%;
  right: 13%;
}
.home-map .right .img .m04 i {
  width: 33px; 
  background-size: 100%;
}
.home-map .right svg {
  position: relative;
  z-index: 1;
}
.home-map .right .map-lines {
  position: absolute;
  top: 66px;
  left: 206px;
  z-index: 10;
  fill: none;
  width: 1018px;
  height: 205px;
  -webkit-stroke: #138ef8;
  -moz-stroke: #138ef8;
  -ms-stroke: #138ef8;
  -o-stroke: #138ef8;
  stroke: #138ef8;
  -webkit-stroke-width: 1px;
  -moz-stroke-width: 1px;
  -ms-stroke-width: 1px;
  -o-stroke-width: 1px;
  stroke-width: 1px;
}
.home-map .right svg:not(:root) {
  overflow: hidden;
}
.home-map .right .map-line1 {
  stroke-dashoffset: 1018px;
  stroke-dasharray: 1018px;
  animation: animation-line 10.04s ease-in;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
.home-map .right .map-line2 {
  stroke-dashoffset: 1018px;
  stroke-dasharray: 1018px;
  animation: animation-line1 10.04s ease-in;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
.home-map .right .map-line--6 {
  animation-delay: 1.94s;
}
@keyframes animation-line {
  0% {
    stroke-dashoffset: 1018px;
  }
  14.28571% {
    stroke-dashoffset: 0;
  }
  61.42857% {
    stroke-dashoffset: 0;
  }
  85.71429% {
    stroke-dashoffset: -1018px;
  }
  to {
    stroke-dashoffset: -1018px;
  }
}
@keyframes animation-line1 {
  0% {
    stroke-dashoffset: -1018px;
  }
  14.28571% {
    stroke-dashoffset: 0;
  }
  61.42857% {
    stroke-dashoffset: 0;
  }
  85.71429% {
    stroke-dashoffset: 1018px;
  }
  to {
    stroke-dashoffset: 1018px;
  }
}

.home-map .home-bottom {
  margin-top: -46px;
}
.home-map .home-bottom .home-p {
  font-size: 16px;
  margin-top: 11px;
  text-align: center;
}
.home-map .home-bottom .list {
  width: 100%;
  max-width:1200px;
  margin: 30px auto 0 auto;
}
.home-map .home-bottom .list ul li {
  margin-bottom: 11px;
  float: left;
  width: 168px;
  margin-right: 35px;
}
.home-map .home-bottom .list ul li .pic:after {
  padding-bottom: 49.4047619%;
}
.home-map .home-bottom .client-swiper .swiper-slide{float:none;margin-right:0;margin-bottom:0}
.home-map .home-bottom .client-swiper .swiper-slide .box{display:flex;gap:10px}
.home-map .home-bottom .client-swiper .swiper-slide .pic{flex:1}
.home-map .home-bottom .client-swiper .swiper-slide .pic:after{padding-bottom:49.4047619%}

@keyframes mymove {
  0% {
    transform: scale(0.3);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes mymove {
  0% {
    transform: scale(0.3);
  }
  100% {
    transform: scale(1);
  }
}

.home-about{
    background: url(../images/bg3.jpg) no-repeat center center;background-size: cover;padding: 50px 0 100px;position: relative;width: 100%;overflow: hidden;
}
.home-about .left {
  float: left;
  width: 45%;
  padding-top: 20px;
  background: url(../images/dot4.png) no-repeat top left;
  background-size: 183px;
}
.home-about .left .home-title {
  text-align: left;
  padding-left: 20px;
}
.home-about .left .p {
  font-size: 20px;
  line-height: 38px;
  color: #616161;
  height: 152px;
  overflow: hidden;
  margin-top: 16px;
  margin-bottom: 17px;
}
.home-about .img {
  float: right;
  width: 53%;
  padding-top: 37px;
  padding-right: 39px;
  padding-bottom: 46px;
  background: url(../images/abg.png) no-repeat top right;
  background-size: 843px;
}
.youshi {
  padding-top: 24px;
}
.youshi li {
  width: 50%;
  float: left;
  margin-bottom: 22px;
}
.youshi li .pic {
  display: inline-block;
  vertical-align: bottom;
  width: 60px;
  margin-right: 10px;
}
.youshi li .pic:after {
  padding-bottom: 75%;
}
.youshi li .text {
  display: inline-block;
  vertical-align: bottom;
}
.youshi li .text .num span {
  font-family: Oswald-Regular;
  font-size: 42px;
  line-height: 58px;
  color: #138ef8;
  display: inline-block;
  vertical-align: bottom;
}
.youshi li .text .num em {
  font-family: Oswald-Regular;
  font-size: 28px;
  line-height: 58px;
  color: #138ef8;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  vertical-align: bottom;
}
.youshi li .text .num i {
  font-size: 16px;
  font-style: normal;
  line-height: 38px;
  color: #999999;
  display: inline-block;
  vertical-align: bottom;
}
.youshi li .text .js {
  font-size: 18px;
  color: #333333;
}

.waves {
  height: 100vh;
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  z-index: 1;
}

.more2{ width: 120px; }
.more2 a {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  color: #616161;
  position: relative;
  padding-right: 56px;
  display: flex;
  align-items: center;
}
.more2 a span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-image: linear-gradient(235deg, rgba(21, 74, 180, 0.99) 0%, rgba(19, 142, 248, 0.99) 51%, rgba(50, 203, 237, 0.99) 100%), linear-gradient(#0053a5, #0053a5);
  box-shadow: 4rem 3rem 28rem 2rem rgba(0, 83, 165, 0.35);
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
}
.more2 a span:after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/more1.png) no-repeat center center;
  background-size: 6px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

@media(min-width:1400px) {.container {width:1200px;position: relative;}
;}
@media(max-width:1199.98px) {.nav-pc {max-width:calc(100% - 300px);overflow:hidden;}
.nav-pc .menu>ul>li {padding:0 15px;}
.nav-pc .menu>ul>li a {font-size:14px;}
.footer-link .left {flex-direction:column;}
.footer-link .left .footer-link-wrapper {margin:10px 0 0 0 !important;flex-wrap:wrap;}
.footer-link .left .footer-link-wrapper li {margin-right:10px;}
.footer-link .left .footer-link-wrapper a {font-weight:400;font-size:13px;}
.footer-menu ul {flex-wrap:wrap;}
.neibanner {height:230px;}
.neibanner .neibannerdesc p {font-size:18px;}
.neibanner .neibannerdesc h2 {font-size:32px;}
.neinav .neinav-wrapper li a {font-size:12px;}
.neinav .neinav-wrapper li.active a {font-size:12px;}
;}
@media(max-width:991.98px) {
  #mainHeader{background:transparent!important;box-shadow:none!important;height:0!important;overflow:visible}
  .container {box-sizing: border-box;width: 100%;position: relative;}
.head-top,.head-top .container,.head-top .row{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
header .lang-wrapper .lang-dropdown {padding-top:15px;}
header .search-wrapper .search-wrapper-content {width:90% !important;}
header .search-wrapper .search-input {width:calc(100% - 130px);height:35px;}
header .search-wrapper .search-submit {height:33px;width:90px;}
.menu-mobile{display:flex !important;cursor:pointer;position:relative;z-index:1051;margin-left:10px}
.menu-mobile .fa{font-size:22px;color:#333}
.head-top .logo img{max-width:160px}
.main-slider h2 {font-size:45px;}
.main-slider p {font-size:16px;margin-bottom:40px;}
.main-slider .swiper-slide-content {padding:0 30px;}
.main-slider .swiper-slide-content .more {font-size:14px;padding:10px 20px;}
.main-slider .main-slider__nav {display:none;}
#main-slider-pagination {bottom:20px;}
.nav-pc .menu>ul {display:none !important;}
.nav-pc .menu>ul>li {width:100%;display:block;height:auto !important;line-height:44px;border-bottom:1px solid #f2f2f2;background:#fff;}
.nav-pc .menu>ul>li a.lia{width:100%;height:44px!important;line-height:44px!important;font-size:15px!important;color:#333!important;font-weight:400;display:flex;justify-content:space-between}.nav-pc .menu>ul>li a.active,.nav-pc .menu>ul>li:hover a.lia{background-color:transparent!important;color:#138ef8!important}
.nav-pc .menu>ul>li>.sub-menu {padding:0 15px;position:relative;top:auto!important;width:100%!important;box-shadow:none;border-radius:0;}
.nav-pc .menu>ul>li>.sub-menu.normal-sub {width:100%;}
.nav-pc .menu>ul>li>.sub-menu .sub-menu-list {flex-direction:column;align-items:start;}
.nav-pc .menu>ul>li>.sub-menu .sub-menu-list>.sub-menu-item {width:100%;border-bottom:1px solid #f2f2f2;line-height:38px!important;height:auto!important}
.nav-pc .menu>ul>li>.sub-menu .sub-menu-list>.sub-menu-item a {padding:0 1em;font-size:14px!important;line-height:38px!important;color:#555!important}
.nav-pc .menu>ul>li>.sub-menu .sub-menu-list>.sub-menu-item:last-child {border:none;}
.nav-pc .menu>ul>li>.sub-menu>li {width:100%;margin-top:20px;}
.nav-pc .menu>ul>li>.sub-menu>li:first-child {margin:0;}
.nav-pc .menu>ul>li>.sub-menu>li>ul {position:relative;}
.nav-pc .menu>ul>li>.sub-menu>li>ul>li {float:none;}
.nav-pc .menu .show-on-mobile {display:block !important;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);border-top:1px solid #e5e5e5;z-index:1050;transition:all .3s;overflow-y:auto;padding-top:55px}
.product-wrapper .public-title {text-align:center;}
.product-wrapper .link-section {margin-bottom:10px;justify-content:center !important;}
.product-wrapper .link-section a {margin-top:10px;}
.about-wrapper .about-right {height:500px;}
.about-wrapper .about-right .about-right-content {padding:40px 60px;left:0;bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.about-wrapper .left-img {width:100%;height:auto;border-radius:0;}
.about-wrapper .left-img img {width:100%;}
.footer-link .left {flex-direction:column;}
.footer-link .left .footer-link-wrapper {margin:10px 0 0 0 !important;flex-wrap:wrap;}
.footer-link .left .footer-link-wrapper li {margin-right:10px;}
.footer-link .left .footer-link-wrapper a {font-weight:400;font-size:13px;}
.footer-contact {align-items:start !important;text-align:left !important;}
.footer-contact .qrcodes .qrcode-img {margin:0 5px 0 0 !important;}
.next-prev .next-prev-right {text-align:left !important;}
.home-map .right{display:none!important;width:0!important;min-width:0!important;overflow:hidden!important;margin:0!important;left:0!important}
.head-top .dianhua{display:none!important}
.loDiv{display:none!important}
.head-top{padding:10px 0!important;position:relative;z-index:1051;background:#fff!important}
.head-top .logo img{max-width:180px;height:auto}
.head-top .logo a{display:flex;align-items:center}
.case{padding:20px 0 20px !important}
.case .d-flex{flex-direction:column}
.case .case_l{width:100%;height:auto;margin-bottom:15px}
.case .case_l a{font-size:26px;background-position:0 72px;height:80px;line-height:28px}
.case .case_l span{font-size:16px}
.case .case_r{width:100%}
.case .case_r ul li{width:50%}
.case .case_m{width:100%}
.case .case_m dl{width:100%!important;padding:0!important;height:auto!important}
.case .case_m dl dt{width:100%!important;height:auto!important}
.case .case_m dl dt img{width:100%!important;height:auto!important;max-width:100%!important}
.case .case_m dl dt span{width:100%!important;max-width:100%!important;position:relative!important}
.case .case_m dl dd{width:100%!important;padding:10px 0!important}
.case .case_m .swiper-wrapper{width:100%!important;max-width:100%!important}
.case .case_m .swiper-slide{width:auto!important;max-width:100%!important}
.case .case_lico,.case .case_rico{display:none}
.pinz{height:auto;background:0 0;margin-top:20px}
.pinz_t{font-size:26px;height:auto;line-height:36px;background-position:center 40px;padding:0;visibility:visible!important;animation-name:zoomIn!important}
.pinz_t span{font-size:16px}
.pinz_m{display: flex;flex-wrap: wrap;margin-top: 15px;}
.pin01{width:calc(50% - 7.5px);margin-bottom:15px;overflow:hidden;}
.pin01:nth-child(2n+1){margin-right:7.5px}
.pin01:nth-child(2n){margin-left:7.5px}
.pin_y{width:100%;height:140px;padding: 20px ;margin: 0;background:linear-gradient(135deg,#3385ff,#66b1ff);box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.pin_y b{font-size:14px;color:#fff}
.pin_y i{padding:0;font-size:14px;color:#fff;display: flex;align-items: center;justify-content: center;}
.pinz_wz{display:none !important}
.liuc{height:auto;padding:30px 0 50px;background: url(../images/liuc_bg.jpg) center;background-size: cover;box-sizing: border-box;}
.liuc_m{width:100%;background:0 0;height:auto;padding:0}
.liuc_m ul{display:flex;flex-wrap:wrap}
.liuc_m ul li{width:calc(33.33% - 8px);float:none;margin:0 4px 10px;height:auto;text-align:center;;border-radius:8px;padding:5px 5px;box-sizing:border-box}
.liuc_m ul li span{font-size:12px}
.liuc_m ul li b{font-size:12px}
.liuc_bot{width:100%;padding:15px 0;text-align:center}
.liuc_bot span{float:none;display:inline-block}
.liuc_bot em{float:none;display:inline-block;vertical-align:top}
.home-map{padding:30px 0;background-position:top center}
.home-map .home-bottom{margin-top:0}
.home-map .home-bottom .list{width:100%;margin:20px auto 0}
.home-map .home-bottom .home-p{font-size:14px}
.home-about{padding:30px 0 50px}
.home-about .left{width:100%;float:none;padding-top:10px;background-size:120px}
.home-about .left .home-title{text-align:center;padding-left:0}
.home-about .left .p{font-size:16px;line-height:28px;height:auto;text-align:center}
.home-about .left .more2{text-align:center;margin-bottom:20px}
.home-about .img{width:100%;float:none;padding:0;background:0 0;text-align:center}
.home-about .img img{max-width:100%;height:auto}
.youshi li .text .num span{font-size:32px;line-height:44px}
.youshi li .text .num em{font-size:22px;line-height:44px}
.youshi li .text .num i{font-size:14px}
.youshi li .text .js{font-size:16px}
.waves{display:none}
footer{padding:15px}
.fot1-2{padding:0;flex-direction:column;gap:18px;margin-top: 0;}
.oDv5{width:100%;justify-content:flex-start;padding:0}
.oDv5 img{width:40px;height:40px;flex-shrink:0}
.oDv5>div{padding-left:12px}
.oDv5>div>div{border-left:1px solid #F63536;padding-left:12px}
.p18{font-size:16px;margin-bottom:2px}
.p19{font-size:14px;margin-top:2px}
.fot1-3{flex-direction:column;text-align:center;align-items:center;gap:15px;padding:25px 0 20px}
.oDv6{padding:0 10px}
.p21{font-size:14px;line-height:24px}
.p20{font-size:14px;margin-top:5px}
.fot1-3>a img{max-width:160px;height:auto}
.fot1-3>div>img.c-b{width:110px;height:auto}
.fot2{padding:12px 15px}
.fot2 .d-flex{justify-content:center;gap:5px}
.fot2 p{font-size:12px;margin:0}
.fot2 a{font-size:12px;margin:0}
#backTop{bottom:15px;right:10px}
#backTop span{width:36px;height:36px;line-height:36px;font-size:14px}
#backTop .ft-tel small,#backTop .ft-wx small{display:none !important}
;}
@media(max-width:575.98px) {.main-slider h2 {font-size:36px;line-height:40px;}
.main-slider p {font-size:16px;margin-bottom:40px;}
.main-slider .swiper-slide-content {padding:0 30px;}
.main-slider .swiper-slide-content .more {font-size:14px;padding:10px 20px;}
.main-slider .main-slider__nav {display:none;}
#main-slider-pagination {bottom:20px;}
.about-wrapper .about-right {height:auto;}
.about-wrapper .about-right .about-right-content {position:relative;padding:30px 15px;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.about-wrapper .about-right .about-right-content h2 {font-size:24px;}
.public-title h3 {font-size:24px;}
.public-title p {font-size:14px;}
.product-wrapper .public-title {text-align:center;}
.product-wrapper .link-section {margin-bottom:10px;justify-content:center !important;}
.product-wrapper .link-section a {margin-top:10px;}
.case-wrapper .case-next {right:0 !important;}
.news-wrapper .public-title {text-align:center;}
.custom-wrapper {padding:15px 0 !important;}
.custom-wrapper .public-title {text-align:center;}
.contact-wrapper .contact-form {flex-direction:column;}
.contact-wrapper .contact-content input,.contact-wrapper .contact-content button {width:100%;margin:0 0 10px 0 !important;}
.contact-wrapper .contact-content .remark {width:100%;}
.contact-wrapper .contact-content button {height:50px;}
.footer-link .left {flex-direction:column;}
.footer-link .left .footer-link-wrapper {margin:10px 0 0 0 !important;flex-wrap:wrap;}
.footer-link .left .footer-link-wrapper li {margin-right:10px;}
.footer-link .left .footer-link-wrapper a {font-weight:400;font-size:13px;}
.footer-contact {align-items:start !important;text-align:left !important;}
.footer-contact .qrcodes .qrcode-img {margin:0 5px 0 0 !important;}
.download-wrapper .card-body {padding:20px;}
.download-wrapper .card-body .row .btn {font-size:12px;padding:6px 10px;}
.home-news{padding:30px 0}
.home-news .home-title{font-size:24px;line-height:36px;margin-bottom:10px}
.home-news .swiper-news{margin-left:0!important;padding:20px 15px 30px}
.home-news .swiper-news .item .text{padding:15px 20px 0}
.home-news .swiper-news .item .span{font-size:14px;margin-bottom:8px}
.home-news .swiper-news .item .bt{font-size:18px;line-height:28px;height:56px;margin-bottom:20px}
.home-news .swiper-news .item .date{font-size:14px;line-height:44px;margin:0 -20px;padding:0 20px}
.home-news .swiper-news .item .date span{background-size:14px}
.home-news .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px}
#backTop{display:none}
.pic:after{padding-bottom:0}
.page-content{padding:20px 0!important}
.page-content .card-body{padding:15px;line-height:1.75rem}
.page-content .card-body img{max-width:100%!important}
.page-content .page-content-title{font-size:22px}
.page-content .page-content-timeline{padding:12px 0;margin-bottom:12px}
.page-content .page-content-detags{margin:20px 0 0}
.page-content .next-prev{margin-top:20px}
.page-content .page-content-card .tabs{padding:15px 15px 0}
.page-list.product-wrapper{margin-top:15px}
.product-content-info{margin-top:30px}
.procontent1_l{height:350px}
.page-list .news-wrapper{padding:15px 0}
.main-slider .swiper-slide .swiper-silde-img{min-height:auto!important;max-height:250px!important}
.main-slider h2{font-size:28px;line-height:32px;margin-bottom:8px}
.main-slider p{font-size:14px;line-height:22px;margin-bottom:20px}
html{overflow:hidden!important;width:100%!important;max-width:100%!important;height:100%!important}
body{overflow-y:auto!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important;height:100%!important;position:relative!important;-webkit-overflow-scrolling:touch!important}
main{overflow-x:hidden!important;width:100%!important;max-width:100%!important}
header,nav,section,footer,.container,.container-fluid{max-width:100%!important;overflow-x:hidden!important}
img,svg,video,canvas,iframe,embed,object{max-width:100%!important;height:auto!important}
.home-map{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.home-map .container{max-width:100%!important;padding-left:15px!important;padding-right:15px!important;box-sizing:border-box!important}
.home-map .home-bottom{max-width:100%!important;overflow:hidden!important}
.home-map .home-bottom .list{overflow:hidden;box-sizing:border-box!important}
.home-map .home-bottom .client-swiper{overflow:hidden!important;box-sizing:border-box!important}
.home-map .home-bottom .client-swiper .swiper-wrapper{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.home-map .home-bottom .client-swiper .swiper-slide{box-sizing:border-box!important}
.home-map .home-bottom .client-swiper .swiper-slide .box{width:100%!important;box-sizing:border-box!important;gap:10px}
;}