@charset "utf-8";
:root {--color:#5493c3}
.head-nav>ul .submenu{background: #fff}
.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a,.head-nav>ul .submenu a:hover{background:#5493c3;color:#FFF}
.news{background:#fff}
.news .common-title{color:#000}
@media screen and (max-width:768px) {.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a,.head-nav>ul .submenu a:hover{color:#5493c3;background:none}
.mobile-bottom,.mobile-bottom .mobile-bottom-item {background:#5493c3}}
.foot .text, .ind-item:hover, .hot-pro ul li:hover *{color:#fff}
.common-side .title,.hvr-bounce-to-right:hover,.news ul li:hover .more-btn,.hvr-bounce-to-right-y:active, .hvr-bounce-to-right-y:focus, .hvr-bounce-to-right-y:hover{color:#fff}
.news .common-more-btn{border-color:#fff;color:#fff}
.hvr-bounce-to-right:before{background:#5493c3}
.news .hvr-bounce-to-right:before{background:#fff}
.news .hvr-bounce-to-right:hover{color:#5493c3}
.pro-review .pro-preview-right .btn-list .btn span, .pro-review .pro-preview-right .btn-list .pdown2 span,.common-link .prev a,.common-link .prev,.common-link .next a,.common-link .next{color:#fff}
@media screen and (max-width:768px){.head-nav>ul{background:#fff}
.head-nav>ul>li a{color:#000}
.head-nav>ul>li{border-color:#ccc}
.hot-pro .pro-name{color:#fff;text-align:center}}
.head{background:#fff}
.swiper-button-next,.swiper-button-prev {background:none;display:flex;align-items:center;justify-content:center}
.swiper-button-next i,.swiper-button-prev i {font-size:20px}
.news ul li{box-shadow:0 5px 10px rgb(0 0 0 / 80%)}
.news ul li .more-btn{background:#5493c3;padding:12px;color:#fff}
@media screen and (min-width:769px){.foot-title{font-size:20px}
.foot-cate ul li a, .foot-nav ul li a,.foot-l .foot-u li a{font-size:16px}}
.prolist-1 li:hover .pro-info,.prolist-1 li:hover .pro-info a {color:#fff}
.prolist-1 li:hover .compare-action .compare-action-check+label,.prolist-1 li:hover .compare-action .compare-action-check:checked+label:before {border-color:#fff}
.prolist-1 li:hover .compare-action span {color:#fff}
.pro-detail .content p {  font-size: 16px}
.common-main p{padding-bottom:5px;font-size:16px}
.news-con,.news-title,.hot-pro .pro-intro{word-break:break-word}
.side-news ul .news-img img{object-fit:contain}
.table-responsive{margin:2px 0}
.ind-item img{object-fit:cover}
.ind-wrapper{width:100%}
.ind-item{width:25%}
.banner{height:auto}
.certi ul{margin:60px 0;position:relative;height:382px}
.certi li{box-shadow:0 0 10px rgba(0,0,0,.2);position:absolute;width:18%;background:#fff}
.certi li img{width:100%}
.certi li:nth-child(1){z-index:1;left:-0.5%;transform:perspective(500px) rotateY(45deg)}
.certi li:nth-child(2){z-index:2;left:12.5%;transform:perspective(500px) rotateY(30deg)}
.certi li:nth-child(3){z-index:3;left:27%;transform:perspective(500px) rotateY(15deg)}
.certi li:nth-child(4){z-index:4;left:41.5%;transform:perspective(500px) rotateY(0)}
.certi li:nth-child(5){z-index:3;left:56%;transform:perspective(500px) rotateY(-15deg)}
.certi li:nth-child(6){z-index:2;left:70.5%;transform:perspective(500px) rotateY(-30deg)}
.certi li:nth-child(7){z-index:1;left:83%;transform:perspective(500px) rotateY(-45deg)}
.certi{padding:40px 0 60px}
.certi .common-title {text-align:center}
@media screen and (max-width:1520px){.certi ul{height:300px}}
@media screen and (max-width:1280px){.certi ul{height:200px}}
@media screen and (max-width:768px){.certi ul{height:100px}}
@media screen and (max-width:560px){.certi ul{margin:0}
.certi{padding:0 0 30px}}
.send-inquiry .inquiry-form input{width:100%;margin-right:0!important}
.map-w .map-info {font-size:17px;line-height:1.9}
.map-w .map-info div {line-height:1.3;margin-bottom:8px;font-weight:bold;font-size:20px}
.map-w .map-info a {color:#000}
.map-w {align-items:center}
@media screen and (max-width:768px){.map-wrapper .map-info{display:block}
.map-w{display:block}
.map-w .map-info {font-size:15px;line-height:1.6}
.map-w .map-info div{font-size:17px}}
@media screen and (min-width:769px){.code-img {display:flex;justify-content:space-between;width:260px}
.code-img div {width:48%;text-align:center}
.code-img div p {color:#eee;opacity:.6;margin-top:6px}
.code-img img {width:100%}
.foot-cate,.foot-code,.foot-nav {padding-left:25px}
.foot-item {width:auto;max-width:280px}
.foot-l {justify-content:space-between}}
.search-btn{width:60px;display:flex;display:-webkit-flex;justify-content:flex-end;align-items:center;height:100%}
.search-btn i{display:flex;display:-webkit-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#222;color:#fff;font-size:20px;cursor:pointer}
.search-from{position:absolute;top:0;left:0;background:#222;width:100%;z-index:9;padding:30px 0;opacity:0;visibility:hidden;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
.search-from.active{top: 100%;opacity:1;visibility:visible;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
.search-from .form{width:700px;margin:0 auto;display:flex;display:-webkit-flex;position:relative;z-index:10;max-width: 85%}
.search-from .form .searchtxt{flex-basis:calc(100% - 80px);height:48px;padding-left:20px;border:none;outline:0;box-sizing: border-box}
.search-from .form .searchbtn{flex-basis:80px;height:48px;border:none;background:#5493c3;cursor:pointer;text-transform:capitalize;color: #fff}
.search-from.active .searchOff{position:fixed;width:100%;height:100%;top: 80px;left:0;opacity:.5;background-color:#000;z-index:9}
.headerbox {height:100%;position: relative;z-index: 999;width: 100%;background: #fff}
@media screen and (max-width:768px){.search-from .form .searchtxt,.search-from .form .searchbtn{height:36px}
.search-from{padding:16px 0}
.search-from.active .searchOff{top:13.3333333333vw}
.nav-btn{margin-left:auto}
.search-btn i{color:#222;background:none;font-size: 5vw;width: auto;margin-left: 18px}
.search-btn{width: auto}}
.hot-pro .pro-name {white-space:normal;text-align:center;line-height:1.3;padding:0}
.hot-pro .pro-info {padding:10px}
@media screen and (max-width:768px){.hot-pro .pro-info {padding:6px}}
.banner-title{display: none}
.news-img{overflow:hidden}
.news ul li:hover img{transform:scale(1.2)}
.news ul li img{transition:all 0.2s linear}
.news-title{height:40px}
.news-con{height:52px}
.map-info .send-inquiry .inquiry-form #in-content {height:120px;margin-bottom:12px}
.map-info .send-inquiry .inquiry-form #in-name,.map-info .send-inquiry .inquiry-form #in-email,.map-info .send-inquiry .inquiry-form #in-phone {margin-bottom:12px}
.map-info .send-inquiry .send-btn {margin-top:20px}
.prolist-1 .pro-name {-webkit-line-clamp:inherit;display:block;max-height:inherit;text-align:center;word-break:inherit;height:auto;line-height:1.3}
.prolist-1 li {padding-bottom:40px;position:relative}
.prolist-1 .compare-action {position:absolute;bottom:0;left:0;box-sizing:border-box}
.prolist-1 .pro-info {padding:10px}
.prolist-1 li:hover {background:#5493c3}
.common-pages {height:auto;flex-wrap:wrap}
@media screen and (max-width:768px){.prolist-1 li{padding-bottom:8vw}}