@charset "utf-8";body,html{font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%}
.h10{width:100%;height:0.71rem;clear:both}
.section{width:100%;height:auto;float:left;padding:0.71rem 0}
.shiro{display:none}

body,html{font-size: 14px;font-family:Roboto,"Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑";width:100%;height:100%}
ul {display: block;list-style-type: disc;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 2.85rem;}
p {margin-top: 0;margin-bottom: 0;font-family: PingFang SC;font-size: 1.14rem;}
.bg-light {background-color: #F5F5F5!important;}
.container {max-width: 1440px;width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container-fp {max-width: 1440px;width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.section .center-block{display: block;margin-right: auto;margin-left: auto;}
.text-title {text-align: center;}
.text-title h6 {font-size: 2.57rem;font-weight: bold;color: #0F0F0F;}
.text-title p {font-size: 1.14rem;font-weight: 400;color: #666666;}
a span {margin-left: 0.35rem;font-family: cursive;}
.jumbotron{border-radius:0rem;margin-bottom: 0rem;}
.bg-blue{background-color: #2961ad!important;}

.navbox {background: #000;position: fixed;z-index: 199;padding: 0;width: 100%;}
.header-top {width: 100%;height: 2.87rem;background: #1a1a1a;}
.header-top ul {float: right;}
.header-top li {float: left;font-size: 1.14rem;color: #fff;line-height: 2.5;list-style: none;position: relative;/*padding-left: 10px;*/margin-left: 0.71rem;height: 2.87rem;}
.header-top .header-warp p,.header-top .header-warp a {color: #808080;display: inline-flex;}
.header-top .header-warp .contact-right:hover dl {visibility: visible;height: auto;max-height: 100vh;}
.header-top .header-warp .contact-list {box-shadow: 0 1px 8px 0 rgb(120 102 102 / 30%);border: none;background: #ffffff;border-radius: 2px;padding: 0 10px;z-index: 9;height: 0;max-height: 0;visibility: hidden;width: 220px;position: absolute;right: 0;color: #495057;}
.header-top .header-warp .contact-list dd {border-bottom: 1px solid #e5e5e5;padding: 0.1rem 0.8rem;font-size: 1.1rem;text-align: left;}
.header-top .header-warp .contact-list dd:last-child {border-bottom: 0;margin-bottom: 0;}
.header-top .header-warp .contact-list dd a {color: #19191a!important;display: inline!important;}
.header-top .header-warp .contact-list dd a:hover {text-decoration: none;color: #2961ad!Important;}

.nav-menu {height: auto;padding: .3rem 0;transition: all .3s ease;position: relative;background: #FFFFFF;border-bottom: rgba(255,255,255,.15) 1px solid;box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);}
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.nav-menu .navbar {padding: 0;}
.nav-menu .navbar-brand {padding: 0;margin-right: 6.4rem;}
.navbar-brand .bimg{width: 100%;overflow:hidden;}
.navbar-toggler {padding: .25rem .75rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: .25rem;}
.navbar-collapse {-ms-flex-preferred-size: 100%;flex-basis: 100%;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-align: center;align-items: center;}
.ml-auto, .mx-auto {margin-left: auto!important;}
.nav-menu .navbar-collapse>.navbar-nav>li {margin: 0.28rem 1.4rem;height: 3.71rem;text-transform: uppercase;}
.nav-menu .navbar-collapse>.navbar-nav>li.navli5 {width: 7.35rem;}
.nav-menu .navbar-collapse>.navbar-nav>li>a.nav-link {font-size: 1.14rem;}
.nav-menu .navbar-collapse>.navbar-nav>li.soli {margin: 0 0 0 2rem;text-transform: uppercase;padding: 0.5rem 0;}
.nav-menu .navbar-collapse>.navbar-nav>li>.nav-item:focus,
.nav-menu .navbar-collapse>.navbar-nav>li>.nav-item:hover {text-decoration: none;}
.nav-menu .navbar-collapse>.navbar-nav>li>.nav-link, 
.nav-menu .navbar-collapse>.navbar-nav>li>a {color: #333333;letter-spacing: 0;}
.nav-menu .navbar .navbar-toggler{color: rgb(124 124 124 / 64%);border-color: rgb(124 124 124 / 33%);}
.nav-menu .icon-search {background-image: url("/ups/allimg/frontpage/search.png");position: absolute;background-repeat: no-repeat;background-position: 0px 0px;width: 1.42rem;height: 1.42rem;margin: 1rem 0 0 0.71rem;z-index: 1;}
input#search-keyword {height: 2.85rem;width: 12.4rem;border: 1px solid #808080;border-radius: 0.28rem;}

.nav-menu .navbar-nav .nav-item .nav-link{padding: 1rem 0;position: relative;color: #fff;font-size: 1.14rem;}
.nav-menu .navbar-nav .nav-item .nav-link{color: #333333;text-shadow:none;}
.nav-menu .navbar-nav .nav-item .nav-link:after{position: absolute;width: 0;height: 0.14rem;background-color:#2C61AD;content: " ";bottom: 0;left: 0;transition:all .3s ease;}
.nav-menu .navbar-nav .nav-item .nav-link:focus, .navbar-dark .navbar-nav .nav-item .nav-link:hover{color:#2C61AD;}
.nav-menu .navbar-nav .nav-item a:hover.nav-link:after, header .navbar-dark .navbar-nav .nav-item:hover a.nav-link:after{width: 100%;}
.nav-menu .fa-caret-down:before {content: "\f0d7";}
.nav-menu .navbar-expand-lg .navbar-nav .nav-item .nav-link.fa-caret-down {padding-right: 0.9rem;}
.nav-menu .navbar-expand-lg .navbar-nav .nav-item .nav-link.fa-caret-down:before{right:0;font-weight:900;padding: 0;}
.nav-menu .nav-item .navpro{position: absolute;left: 0;width: 100%;overflow: hidden;height: 0;max-height: 0;transition: max-height .5s ease;visibility: hidden;background-color:#fff;color:#6c7073;border-top:#f0f1f2 1px solid;}
.nav-menu .nav-item:hover .navpro{width: 1410px;max-height: 1500px;height: auto;visibility: visible;}
.nav-menu .nav-item .navpro .row{width:100%;margin: 0;padding-top: 0.7rem;}
.nav-menu .nav-item .navpro .col-md-2{flex: 0 0 14.285714%;max-width: 14.285714%;}
.nav-menu .nav-item .navpro .row>div.col-md-2:last-child{border-right:0!important;}
.nav-menu .nav-item .navpro .container {max-width: 1440px;width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.nav-menu .nav-item .navpro .navpro-sort{padding: 0.71rem;display: block;color: #495057;height: 63.88px;font-weight:bold;font-size: 1.07rem;}
.nav-menu .nav-item .navpro .navpro-sort+dl dd{margin: 0;padding: 0;}
.nav-menu .nav-item .navpro .col-md-2:nth-child(5) dl dd a {text-transform: none;}
.nav-menu .nav-item .navpro .navpro-sort+dl dd a{padding: 0.71rem;display: block;font-size: 1.07rem;color: #495057;text-transform: capitalize;}
.nav-menu .nav-item .navpro .navpro-sort+dl dd a:hover{background-color: #f0f1f2;text-decoration: none;}
.nav-menu .navbar-nav .nav-item>dl{position: absolute;background-color: #fff;height: 0;max-height: 0;visibility: hidden;transition: max-height .5s ease;overflow: hidden;border-top: #f0f1f2 1px solid;}
.nav-menu .navbar-nav .nav-item>dl dd{margin: 0;padding: 0;border-bottom: #f0f1f2 1px solid;}
.nav-menu .navbar-nav .nav-item>dl dd a{padding: 0.71rem;display: block;font-size: 1.07rem;color: #495057;}
.nav-menu .navbar-nav .nav-item>dl dd a:hover{background-color: #f0f1f2;text-decoration: none;}
.nav-menu .navbar-nav .nav-item:hover>dl{visibility: visible;height: auto;max-height: 100vh;}

span.hot {color: #fff;background: red;border-radius: 5px;font-weight: 800;font-size: 8px;font-family: math;padding-left: 0.2rem;padding-right: 0.2rem;padding-top: 0.1rem;padding-bottom: 0.1rem;margin-left: 0;}
span.new {color: #fff;background: #0008fd;border-radius: 5px;font-weight: 800;font-size: 8px;font-family: math;padding-left: 0.2rem;padding-right: 0.2rem;padding-top: 0.1rem;padding-bottom: 0.1rem;margin-left: 0;}
span.popula {color: #fff;background: #1d9215;border-radius: 5px;font-weight: 800;font-size: 4px;font-family: math;padding-left: 0.2rem;padding-right: 0.2rem;padding-top: 0.1rem;padding-bottom: 0.1rem;margin-left: .1rem;}
.nav-menu .nav-item .navpro .col-md-2:nth-child(1) .navpro-sort+dl dd a,
.nav-menu .nav-item .navpro .col-md-2:nth-child(2) .navpro-sort+dl dd a,
.nav-menu .nav-item .navpro .col-md-2:nth-child(3) .navpro-sort+dl dd a{white-space: nowrap;}
.nav-menu .nav-item .navpro .col-md-2:nth-child(3) .navpro-sort+dl dd a.navpro36{white-space: unset;}
.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro86,.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro87,.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro88,.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro89,.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro90,.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro91,.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro92,.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro93,.nav-menu .nav-item .navpro .navpro-sort+dl dd a.navpro94{display: none;}

.banner {padding: 0;position: relative;}
.banner .p-0>img{ width: 100%;}
.banner h1,.banner h4,.banner p {color: #fff;text-shadow: 1px 2px 3px #333;}
.carousel {position: relative;}
.carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 0;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;padding-left: 0;margin-right: 15%;margin-left: 15%;list-style: none;}
.carousel-indicators li {box-sizing: content-box;-ms-flex: 0 1 auto;flex: 0 1 auto;width: 2.14rem;height: 0.21rem;margin-right: 0.21rem;margin-left: 0.21rem;text-indent: -999px;cursor: pointer;background-color: #fff;background-clip: padding-box;border-top: 0.71rem solid transparent;border-bottom: 0.71rem solid transparent;opacity: .5;transition: opacity .6s ease;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;}
.carousel-item {position: relative;display: none;float: left;width: 100%;margin-right: -100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out;transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;}
.banner .carousel-caption {text-align: left;top: 10%;transform: translate(0, 15%);}
.banner .carousel-caption-title {width: 47.5rem;height: 6.43rem;font-size: 40px;font-weight: bold;color: #FFFFFF;line-height: 1.45;}
.banner .carousel-caption-content {width: 11.35rem;height: 4.28rem;font-size: 1.71rem;color: #FFFFFF;line-height: 1.7;}
.banner .carousel-caption-btn {width: 13.14rem;height: 3.71rem;position: absolute;margin-top: 3.07rem;padding: 1.14rem 2.57rem;font-size: 1.14rem;background: #2C61AD;color: #FFFFFF;border-radius: 0.35rem;}

.banner h4 {font-size: 2rem;font-weight: 600;margin-bottom: .5rem;}

.banner .carousel-caption1 {transform: unset;text-align: left;display: flex;flex-wrap: wrap;align-content: center;left: 13%;top: 0;height: 100%;right: 50%}
.banner .carousel-caption1 .carousel-caption-a:hover {color: #fff}
.banner .carousel-caption1 .carousel-caption-title {width: 100%;font-size: 3.4rem;margin-bottom: 2rem;text-align: left;font-weight: bold;color: #fff;}
.banner .carousel-caption1 .row.banner-textbox {width: 100%;}
.banner .carousel-caption1 .row.banner-textbox .col-md-12.col-12 p {padding-right: 4rem;}
.banner .carousel-caption1 .btnbox {width: 100%;}
.banner .carousel-caption1 .carousel-caption-btn {width: 11.5rem;text-align: left;padding: 1.14rem 2.7rem 1.14rem 1.27rem;font-size: 1.14rem;background: #fff;color: #2C61AD;border-radius: 0.35rem;height: 3.71rem;position: relative;margin-top: 4rem;}
.banner .carousel-caption1 .hvr-icon-forward:before {font-weight: 900;}
.banner .carousel-caption1 .hvr-icon-forward:active:before, .banner .carousel-caption1 .hvr-icon-forward:focus:before, .banner .carousel-caption1 .hvr-icon-forward:hover:before {-webkit-transform: translateX(4px);transform: translateX(4px);}

.banner .carousel-caption2 {transform: unset;text-align: left;display: flex;flex-wrap: wrap;align-content: center;top: 0;left: 50%;height: 100%;right: 15%;}
.banner .carousel-caption2 .carousel-caption-title {width: 100%;font-size: 3.4rem;margin-bottom: 2rem;text-align: left;font-weight: bold;color: #2c61ad;text-shadow: unset;}
.banner .carousel-caption2 .row.banner-textbox {width: 100%;}
.banner .carousel-caption2 .btnbox {width: 100%;text-align: right;}
.banner .carousel-caption2 .carousel-caption-btn {width: 11.5rem;text-align: left;padding: 1.14rem 2.7rem 1.14rem 1.27rem;font-size: 1.14rem;background: #2C61AD;color: #FFFFFF;border-radius: 0.35rem;height: 3.71rem;position: relative;margin-top: 4rem}
.banner .carousel-caption2 .hvr-icon-forward:before {font-weight: 900;}
.banner .carousel-caption2 .hvr-icon-forward:active:before, .banner .carousel-caption2 .hvr-icon-forward:focus:before, .banner .carousel-caption2 .hvr-icon-forward:hover:before {-webkit-transform: translateX(4px);transform: translateX(4px);}

.banner .carousel-caption3 {transform: unset;text-align: left;display: flex;flex-wrap: wrap;align-content: center;left: 13%;top: 0;height: 100%;right: 50%}
.banner .carousel-caption3 .carousel-caption-a:hover {color: #fff}
.banner .carousel-caption3 .carousel-caption-title {width: 100%;font-size: 3.4rem;margin-bottom: 2rem;text-align: left;font-weight: bold;color: #fff;}
.banner .carousel-caption3 .row.banner-textbox {width: 100%;}
.banner .carousel-caption3 .btnbox {width: 100%;}
.banner .carousel-caption3 .carousel-caption-btn {width: 11.5rem;text-align: left;padding: 1.14rem 2.7rem 1.14rem 1.27rem;font-size: 1.14rem;background: #fff;color: #2C61AD;border-radius: 0.35rem;height: 3.71rem;position: relative;margin-top: 4rem;}
.banner .carousel-caption3 .hvr-icon-forward:before {font-weight: 900;}
.banner .carousel-caption3 .hvr-icon-forward:active:before, .banner .carousel-caption3 .hvr-icon-forward:focus:before, .banner .carousel-caption3 .hvr-icon-forward:hover:before {-webkit-transform: translateX(4px);transform: translateX(4px);}

.banner .carousel-caption4 {transform: unset;text-align: left;display: flex;flex-wrap: wrap;align-content: center;top: 0;left: 50%;height: 100%;right: 15%;}
.banner .carousel-caption4 .carousel-caption-title {width: 100%;font-size: 3.4rem;margin-bottom: 3rem;text-align: left;font-weight: bold;color: #2c61ad;text-shadow: unset}
.banner .carousel-caption4 .row.banner-textbox {width: 100%;}
.banner .carousel-caption4 .btnbox {width: 100%;text-align: right;}
.banner .carousel-caption4 .carousel-caption-btn {width: 11.5rem;text-align: left;padding: 1.14rem 2.7rem 1.14rem 1.27rem;font-size: 1.14rem;background: #2C61AD;color: #FFFFFF;border-radius: 0.35rem;height: 3.71rem;position: relative;margin-top: 4rem}
.banner .carousel-caption4 .hvr-icon-forward:before {font-weight: 900;}
.banner .carousel-caption4 .hvr-icon-forward:active:before, .banner .carousel-caption4 .hvr-icon-forward:focus:before, .banner .carousel-caption4 .hvr-icon-forward:hover:before {-webkit-transform: translateX(4px);transform: translateX(4px);}

.banner .carousel-caption .row.banner-textbox p {line-height: 1.8;font-size: 1.6rem;}
.banner .carousel-caption4 .row.banner-textbox p {color: #666666;text-shadow: unset;}
.banner .carousel-caption2 .row.banner-textbox p {color: #666666;text-shadow: 1px 2px 3px #fff;}

.search {background: #2C61AD;}
.search select.btn-select {border: 0;width: 100%;height: 3.28rem;background: #FFFFFF;font-weight: 400;border-radius: 0;font-size: 1.14rem;color: #0F0F0F!important;}
.search .search-home {height: 3.28rem;margin-right: .2rem;padding: 1.07rem 3rem;background: #FFFFFF;font-size: 1.14rem;color: #0F0F0F;}
.search form div.row {width: 78%;margin-left: auto;margin-right: auto;justify-content: space-around;}
.search .btn-select {width: 11rem;margin-right: 0!important;}
.input-group-addon button#submit {width: 9rem;height: 3.28rem;border: 1px solid #808080;text-align: center;font-size: 1.14rem;background: #FFFFFF;}

.fp1-products .col-md-2 {max-width: 20%;flex: 0 0 20%;}
.fp1-products .protype {width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
.fp1-products .protype p {margin-top: 1.42rem;}
.fp1-products .protype .protype-imgbox {height: 3.57rem;}
.fp1-products .fp-pro .probox {text-decoration: none;color: #333;width: 100%;height: 18.85rem;text-align: center;background: #f5f5f5;margin-bottom: 2.14rem;padding: 0.714rem;border-bottom: 3px solid #2C61AD;cursor: pointer;}
.fp1-products .fp-pro .probox .probox-img {height: 13.71rem;overflow: hidden;position: relative;}
.fp1-products .fp-pro .probox .probox-img img {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fp1-products .col-md-2.mb-3:nth-child(1) .protype .protype-imgbox img {padding-top: 20px;}.fp1-products .fp-pro .probox h3 {font-size: 1.25rem;text-align: center;font-weight: bold;color: #0F0F0F;margin-top: 0.71rem;line-height: 1.3;}

.fp2-advantage {background: url(/ups/allimg/frontpage/advantage-bg1.jpg) center/cover fixed no-repeat;}
.fp2-advantage .adv-bg {background: rgb(44 97 173 / 67%);}
.fp2-advantage .adv-bg .col-md-4.col-6 {padding: 2% 1%;text-align: center;}
.fp2-advantage .adv-bg .col-md-4.col-12 {padding: 2% 1%;text-align: center;}
.fp2-advantage .fp2-advantage .adv-bg .row .col-md-4:first-child h3{text-align:left;padding-left: 3%;font-size: 16px;line-height: 40px;font-weight: initial;margin-bottom: 0;}
.fp2-advantage .adv-bg .row .col-md-4 h4{text-align: center;}
.fp2-advantage .adv-bg .row .col-md-4 h3{font-size: 20px;color:#fff;font-weight: bold;margin:3% 0;}
.fp2-advantage .adv-bg .row .col-md-4:first-child h3{text-align: left;padding-left: 3%;font-size: 16px;line-height: 40px;font-weight: bold;margin-bottom: 0;}
.fp2-advantage .adv-bg .row .col-md-4:first-child p {color:#fff;text-align: left;padding-left: 3%;font-size: 30px;line-height: 40px;font-weight: initial;}
.fp2-advantage .adv-bg .row .col-md-4:last-child ul{margin-left: 16%;}
.fp2-advantage .adv-bg .row .col-md-4:nth-child(4) ul{margin-left: 3%;}
.fp2-advantage .adv-bg .row .col-md-4 ul {font-size: 16px;color: #fff;text-align: left;margin-left: 10%;}

.fp3-solutions .solut-box {width: 100%;padding: 2rem;}
.fp3-solutions .fp3-solutlist {background: rgb(204 204 204);}
.fp3-solutions .solut-box1 {background-color: rgb(187, 227, 177);}
.fp3-solutions .solut-box2 {background-color: rgb(244,234,177);}
.fp3-solutions .solut-box3 {background-color: rgb(207 223 242);}
.fp3-solutions .solut-box4 {background-color: rgb(214 214 214);}
.fp3-solutions .solut-imgbox img {width: 100%;padding: .4rem;}
.fp3-solutions .solut-content .my-3 {margin: 3rem auto;padding-top: 1rem;width: 90%;line-height: 2;}
.fp3-solutions .solut-imgbox {overflow: hidden;width: 18.6rem;height: 70%;margin: 1rem auto;background: white;box-shadow: 0.00px 1.00px 4px 0px rgba(0,0,0,0.4);}
.fp3-solutions .solut-content {width: 80%;height: auto;margin: 2rem auto;margin-bottom: 1rem;}
.fp3-solutions .solut-content .solut-content-title {font-size: 1.42rem;font-weight: bold;color: #0F0F0F;text-align: center;}
.fp3-solutions .solut-content p {text-align: center;font-size: 1.14rem;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;}
.fp3-solutions .solut-content a {margin-top: 1rem;background: #2961ad;border-radius: 50px;font-size: 1.14rem;color: #fff;line-height: 2.1;padding: .2rem 1rem;}

.fp4-blogs .blogs-imgbox {overflow: hidden;width: 100%;height: 21.42rem;}
.fp4-blogs .blogs-imgbox img {height: 100%;}
.fp4-blogs .blogs-content {width: 100%;height: 23rem;background: #F5F5F5;}
.fp4-blogs .blogs-content .blogs-content-title {height: 8.7rem;font-size: 1.71rem;font-weight: bold;color: #0F0F0F;margin: 0;line-height: 1.7;}
.fp4-blogs .blogs-content p {height: 7rem;font-size: 1.14rem;color: #666666;line-height: 2.1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.fp4-blogs .blogs-content a {font-size: 1.14rem;font-weight: bold;color: #2C61AD;line-height: 2.1;}

.jumbotron {background: #272727;}
.jumbotron h3 {width: 3.35rem;font-size: 1.14rem;font-weight: bold;color: #FFFFFF;line-height: 3;}
.jumbotron dl dd {width: 100%;font-size: 1.14rem;color: #B3B3B3;line-height: 2;}
.jumbotron dl dd.foot-blog {width: 20rem;}
.jumbotron dl dd a {width: 8.71rem;font-size: 1.14rem;color: #B3B3B3;line-height: 2;}
.jumbotron dl dd a.jadress {width: 27rem!important;height: 5.82rem;margin-left: 0.71rem;font-size: 1.14rem;color: #B3B3B3;line-height: 2;}
.jumbotron .clearfix li {float: right;margin-right: 1.57rem;}
.jumbotron .clearfix a i {line-height: 1.4;color: white;}
.jumbotron .i-transform {width: 1.14rem;height: 1.14rem;}
.jumbotron .col-md-2.col-6.pl-10 {padding-left: 10%;}
.jumbotron hr {width: 100%;background: #b3b3b3;}
.jumbotron .col-md-12.col-12 p {font-size: 1rem;color: #b3b3b3;line-height: 28px;text-align: left;}

.banner h1.inner-text-main{letter-spacing: 2px;font-size: 2.85rem;text-align:center;font-weight: bold;color: #FFFFFF;line-height: 1.5;}
.banner_img {position: relative;}
.banner_img:after {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 1;content: "";}
.banner_text {position: absolute;display: flex;flex-direction: column;justify-content: center;color: #fff;z-index: 1;width: 100%;height: 100%;text-align: center;bottom: 10px;padding-top: 10px;padding-bottom: 10px;}
.banner .pos-box .pos {color: #fff!important;width: 100%;}
.banner .pos-box i {color: #fff!important;}
.banner .pos-box a {color: #fff!important;}

.articlelist .solut-imgbox {overflow: hidden;width: 100%;height: 21.42rem;}
.articlelist .solut-content {width: 460px;height: 176px;background: #FFFFFF;}
.articlelist .solut-content .solut-content-title {font-size: 1.42rem;font-weight: bold;color: #0F0F0F;line-height: 1.2;}
.articlelist .solut-content p {height: 2.78rem;font-size: 1.14rem;color: #666666;line-height: 1.5;}
.articlelist .solut-content .rmore {font-size: 1.14rem;font-weight: bold;color: #2C61AD;line-height: 2.1;}

.solupage .solu-list h4 {font-size: 1.65rem;color: #2961ad;padding: 1rem 0;}
.solupage .solu-list ul {list-style: none;padding-left: 0;}
.solupage .solu-list ul li {padding: .8rem;background-color: #fff;border: 1px solid #eee;margin-bottom: 15px;font-size: 1.28rem;}
.solupage .solu-list ul li.active {background: #2961ad;}
.solupage .solu-list ul li.active a {color: #fff!important;letter-spacing: .05rem;}
.solupage .solu-list ul li a {color: #2961ad;}
.solupage .solu-list ul li a.active {letter-spacing: .02rem;text-decoration: none;transition: all .4s ease;}
.solupage .solu-list ul li:hover a {letter-spacing: .05rem;text-decoration: none;font-size: 1.36rem;transition: all .4s ease;}
.solupage .solu-listcase h4 {color: #2961ad;font-size: 2.57rem;font-weight: bold;padding-bottom: 1rem;text-align: center;}
.solupage .solu-listcase p {color: #707070;}
.solupage .solut-box {width: 100%;}
.solupage .solut-box a:hover {text-decoration: none;}
.solupage .articlelist .solut-content p.solut-content-p {height: 5rem;font-size: 1.14rem;color: #666666;overflow: hidden;line-height: 1.5;}
.solupage .articlelist .solut-imgbox {overflow: hidden;width: 100%;height: 15rem;}
.solupage .articlelist .solut-content {width: 100%;background: #FFFFFF;box-shadow: 0 4px 12px -10px rgb(0 0 0 / 50%);}
.solupage .articlelist .solut-content .solut-content-title {font-size: 1.42rem;font-weight: bold;color: #0F0F0F;line-height: unset;}

.company-btnlist {margin-top: -56px;background-color: #f2f2f200;z-index: 1;position: relative;}
.company-btnlist a {align-content: space-between;padding: 1rem 6rem;border-radius: 0;background-color: #f2f2f2c2;margin-right: 0.5rem;letter-spacing: 1px;z-index: 99;font-size: 1.28rem;}
.company-btnlist a.btn-company.active {background-color: #2961ad;color: white;}
.company-btnlist a:hover {background-color: #2961ad;color: white;}
.companybox1 .txtbox {text-align: unset;margin-top: 3rem;}
.txtbox {text-align: justify;}
.companybox2 .txtbox {padding: 10%;background: white;height: 100%;width: 100%;}
.companybox3  .nav-tabs.mk1-nav .nav-item.show .nav-link, .nav-tabs.mk1-nav .nav-link.active {background: #2961ad;color: #fff;}
.companybox3  .nav-tabs.mk1-nav .nav-link:focus, .nav-tabs.mk1-nav .nav-link:hover {border-color: #F5F5F5;}
.companybox3  .tab-content {width: 92%;margin: auto;height: auto;background: #f1f1f19c!important;box-sizing: border-box;border-radius: 2rem;}
.companybox3  .nav-tabs .nav-item .nav-link, .nav-tabs .nav-link {margin: auto;width: 250px;height: 65px;border-radius: 6px;font-size: 18px;font-weight: 700;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .3s;}
.companybox3  .nav.nav-tabs {border-bottom: 0;margin-bottom: 12px;}
.companybox3  a {color: #2961ad;}
.companybox3  .product-banner-line {width: 100%;height: 1px;background: #ddd;}
.companybox3  .product-light {width: 100%;margin-top: 32px;padding: 0 20px;box-sizing: border-box;margin-right: 0;margin-left: 0;display: flex;}
.companybox3  .product-light-item {width: 144px;height: 84px;display: flex;flex-direction: column;align-items: center;}
.companybox3  i.iconfont {width: 40px;height: 40px;border-radius: 4px;margin-bottom: 24px;background: #2961ad;font-size: 26px;color: #fff;display: flex;align-items: center;justify-content: center;}
.companybox3  .company3-imgbox {height: 100%;overflow: hidden;}
.companybox3  .company3-imgbox img {height: 100%;}
.companybox3  .mk-content2 {line-height: 23px;margin-bottom: 38px;font-size: 14px;color: #999;}
.companybox3  .mk-content1 {line-height: 25px;margin-bottom: 14px;font-size: 20px;font-weight: 700;color: rgba(0,0,0,.85);}
.history p{font-size: 16px;color:#666;margin-bottom: 3%;text-align: center;}
.history .row .col-md-6 .textbox h3{margin-top: 5px;margin-bottom: 2px;}
.history .row .col-md-6:nth-child(odd){display: flex;justify-content: flex-end;border-right: 1px solid #ccc;}
.history .row .col-md-6:nth-child(odd) .textbox{text-align: right;}
.history .row .col-md-6:nth-child(odd) .textbox h3{color:#2961ad;}
.history .row .col-md-6:nth-child(odd) .textbox p{text-align: right;color:#666;}
.history .row .col-md-6:nth-child(odd) span{display: block;width:12px;height: 12px;background: #366ab2;border-radius: 50%;position: absolute;top: 25%;right: -6px;}
.history .row .col-md-6:nth-child(even) .textbox h3{color:#8d8e8f;}
.history .row .col-md-6:nth-child(even) .textbox p{text-align: left;color:#666;}
.history .row .col-md-6:nth-child(even) .textbox{margin-top: 10%;}
.history .row .col-md-6:nth-child(even) span{display: block;width:12px;height: 12px;background: #8d8e8f;border-radius: 50%;position: absolute;top: 50%;left: -6px;}
.certificate .txtbox {background: #fff;}
.certificate .carousel-indicators {z-index: 1}
.certificate .carousel-indicators li {background-color: #2961ad}
.certificate .carousel-inner {padding: 3% 4%;}


.socialSwiper_btn{position: absolute;top: calc(40% - 30px);left: 12%;z-index: 2;cursor: pointer;}
.socialSwiper_next{left: auto;right: 12%;}
.socialSec_img{overflow: hidden;position: relative;width: 60rem;height: 30rem;margin: auto;}
.socialSec_img img{transition: all 0.3s ease-in-out;}
.socialSec_img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.socialSec_img::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 2;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.socialSec_txt{width: 50%;padding: 30px 5%;margin: -60px auto 0;background-color: #ffffff;position: relative;z-index: 2;opacity: 1;transition: all 0.3s ease-in-out;}
.socialSec_txt h6{font-size: 22px;color: #0f0f0f;font-weight: bold;letter-spacing: 1px;}
.socialSec_txt h6 span{display: inline-block;font-size: 72px;height: 46px;overflow: hidden;margin-right: 20px;}
.socialSec_txt p{margin-top: 20px;font-size: 16px;color: #4c4c4c;line-height: 2;}

.culture .txtbox {padding: 10%;background: white;height: 100%;width: 100%;}
.culture .nav-tabs.mk1-nav .nav-item.show .nav-link, .nav-tabs.mk1-nav .nav-link.active {background: #2961ad;color: #fff;}
.culture .nav-tabs.mk1-nav .nav-link:focus, .nav-tabs.mk1-nav .nav-link:hover {border-color: #2961ad;}
.culture a {color: #2961ad;}
.culture .tab-content {width: 100%;margin: auto;height: auto;background: #fff!important;box-sizing: border-box;border-radius: 0;}
.culture .nav-tabs .nav-item .nav-link, .nav-tabs .nav-link {margin: auto;width: 100%;height: 65px;border-radius: 6px;font-size: 18px;font-weight: 700;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .3s;}
.culture .nav.nav-tabs {border-bottom: 0;margin-bottom: 12px;}
.culture .company3-imgbox {height: 21.5rem;overflow: hidden;}
.culture .company3-imgbox img {height: 100%;}
.culture .culture-imgbox {height: 21.5rem;overflow: hidden;}
.culture .culture-imgbox img {width: 100%;}
.culture .product-banner-line {width: 100%;height: 1px;background: #ddd;}
.culture .mk-content2 {line-height: 1.7;font-size: 1.14rem;margin-top: 1.5rem;color: #999;}
.culture .mk-content1 {line-height: 1.3;margin-bottom: 2rem;margin-top: 2.5rem;font-size: 1.43rem;font-weight: 700;color: rgba(0,0,0,.85);}

.exhibition .content {line-height: 2.6;color: #4f5050;background: #fdfdfd;padding: 2rem 4rem 2rem 7rem;margin-top: 6%;margin-left: 1%;box-shadow: 0 0 0.5rem rgb(0 0 0 / 15%);}
.exhibition .row {width: 90%;margin: auto;}
.exhibition .col-md-6.col-12 img {margin-left: 13%;z-index: 1;position: relative;}

.quality .txtbox {background: #fff;padding: 2% 2%;}
.quality .txtbox p {margin-bottom: 1.5rem;}
.quality .txtbox ul {font-size: 1.14rem;padding-left: 2rem;line-height: 1.7;}

.blogpage .articlelist .blog-box {width: 100%;}
.blogpage .articlelist .blog-box a:hover {text-decoration: none;}
.blogpage .articlelist .blog-box:hover .blog-imgbox img {transform: scale(1.06);transition: .3s linear;}
.blogpage .articlelist .blog-content:hover .blog-content-title {color: #2961ad;}
.blogpage .articlelist .blog-content .data {font-size: 1rem;color: #999;}
.blogpage .articlelist .blog-imgbox {overflow: hidden;width: 100%;height: 20rem;}
.blogpage .articlelist .blog-content {width: 100%;height: auto;background: #FFFFFF;}
.blogpage .articlelist .blog-content .blog-content-title {font-size: 1.42rem;font-weight: bold;color: #0F0F0F;line-height: 1.2;}
.blogpage .articlelist .blog-content .data {font-size: 1rem;color: #999;}

.blogarticle .container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.htbuy {transition: all .3s cubic-bezier(0.25,0.8,0.25,1);box-shadow: 0 0 2px 0 rgb(0 0 0 / 19%), 0 2px 6px 0 rgb(0 0 0 / 19%);border-radius: 2px;margin-right: auto;margin-left: auto;padding: 2rem;width: 60%;text-align: center;background: #fff;}
.htbuy p {font-weight: bold;text-align: center;margin-bottom: 1rem;}
.htbuy ul {list-style: none;text-align: center;padding: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.htbuy ul li a {color: #666;}

.htb .btn-link {color: #333;text-decoration: none;font-size: 1.28rem;}
.htb .btn-link:hover {text-decoration: none;color: #2961ad;}
.htb .htb-list .nav-tabs .nav-item.show .nav-link, .htb-list .nav-tabs .nav-link.active {background: #2961ad;color: #fff!important;}
.htb .htb-list .nav-tabs .nav-item {background-color: #fff;border: 1px solid #eee;margin-bottom: 15px;font-size: 1.28rem;width: 100%;}
.htb .htb-list .nav-tabs .nav-item .nav-link {color: #2961ad;font-size: 1.28rem;font-weight: 500;border-radius: 0;}
.htb .htb-list .nav-tabs {border: 0!important;}
.htb .tab-pane .accordion {box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 20%);}
.htb .tab-pane .accordion .table-mouse {box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 10%);}
.htb .tab-pane .accordion .table-mouse thead {background: #7ea8e1;color: #fff;font-weight: bold;}
.htb .tab-pane .accordion .table-mouse td {border: 1px solid #dee2e6;padding: .2rem;vertical-align: middle;text-align: center;}
.htb .tab-pane .accordion .table-mouse tbody td input {width: 5rem;margin: .2rem;text-align: center;padding-left: 1rem;}
.htb .tab-pane .accordion .table-mouse tbody td button {border: 1px solid #666666;width: 7rem;padding: .4rem .6rem;background: #ebebeb;margin-left: 0.2rem;}
.htb .tab-pane .accordion .table-mouse tbody td:last-child {border: 0;}
.htb .tab-pane .contant {padding: 2rem;box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 20%);}
.htb .tab-pane .contant p {line-height: 2.3;}
.htb .htb-list .nav-tabs .nav-item .part-list {list-style: none;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;}
.htb .htb-list .nav-tabs .nav-item .part-list li {font-size: 1.28rem;width: 100%;border: 1px solid #eee;}
.htb .htb-list .nav-tabs .nav-item .part-list li a {padding: 0.5rem 1rem;margin: auto;width: 100%;font-size: 18px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #333;transition: all .3s;text-decoration: none;}
.htb .htb-list .nav-tabs .nav-item .part-list li a:hover {color: #0056b3;text-decoration: none;}
.htb .htb-list .open-icon {font-size: 0.7rem;}
.htb .htb-list .open-icon:before {margin-top: -6.4%;line-height: 32px;position: absolute;-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
.htb .htb-list .nav-link#pnumbers-tab.collapsed .open-icon:before {margin-top: -6.4%;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.htb .htb-list #pnumbers-tab[aria-expanded="true"] {background: #2961ad;color: #fff!important;}
.htb .htb-list .nav-tabs .nav-item .part-list .nav-link {padding: 0.5rem 1rem;margin: auto;width: 100%;height: 41px!important;align-items: center;justify-content: center;cursor: pointer;color: #333;transition: all .3s;text-decoration: none;border: 0;}
.htb .col-md-2.col-12 {padding-right: 0;}

.oem-odm .content {background: #fff;padding: 3rem;box-shadow: 0 0 0.5rem #2b70cd73;}
.oem-odm .content p {line-height: 1.6;}
.oem-odm .content .col-md-6.col-12 {height: 520px;}
.oem-odm .content .col-md-6.col-12 img {height: 100%;width: auto;padding-top: 1rem;padding-bottom: 1rem;}
.oem-odm .content .col-md-6.col-12 ul {list-style: none;padding-left: 0;line-height: 2;}
.oem-odm .content .col-md-6.col-12 ul li {margin-bottom: 2.3rem;font-size: 1.14rem;}

.download .btn-link {color: #333;text-decoration: none;font-size: 1.28rem;}
.download .btn-link:hover {text-decoration: none;color: #2961ad;}
.download .accordion {box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 20%);}
.download .accordion .table-mouse {box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 10%);}
.download .accordion .table-mouse thead {background: #7ea8e1;color: #fff;font-weight: bold;}
.download .accordion .table-mouse td {border: 1px solid #dee2e6;padding: .2rem;vertical-align: middle;text-align: center;}
.download .accordion .table-mouse tbody td input {width: 4rem;margin: .2rem;}
.download .accordion .table-mouse tbody td button {border: 1px solid #666666;width: 7rem;padding: .4rem .6rem;background: #ebebeb;margin-left: 0.2rem;}
.download .accordion .table-mouse tbody td:last-child {border: 0;}

.article-about .faq-ul{list-style: none;font-size: 16px;width: 100%;}
.article-about .faq-ul h6{background: #fdfdfd;color: #333;font-size: 1.14rem;}
.article-about .faq-ul p b{color:#2961ad;}
.article-about .faq-ul .clickbg{background: #2961ad;color: #fff;}
.article-about .faq-ul .hvr-float:hover{transition: all 0.5s;box-shadow: 0px 2px 6px 0px #e8e8e8;}
.article-about .faq-ul .flip{border:1px solid #eee;width: 100%;cursor: pointer;text-align: left;box-shadow: 0 10px 1px 0 rgb(34 61 137 / 0%);}
.article-about .faq-ul .flip .span-tb::before{content: "\f067";font-weight: 900;right: 1rem;position: absolute;font-size: 1rem;color: #2961ad;font-family: "Font Awesome 5 Free";}
.article-about .faq-ul .flip .span-tb2::before{content: "\f068";font-weight: 600;right: 1rem;position: absolute;font-size: 1rem;color: #ffffff;font-family: "Font Awesome 5 Free";}
.article-about .faq-ul .flip .span-tbb::before{content: "\f068";font-weight: 900;right: 1rem;position: absolute;font-size: 1rem;color: #fafbfd;font-family: "Font Awesome 5 Free";}
.article-about .faq-ul .flip .span-tbb2::before{content: "\f067";font-weight: 900;right: 1rem;position: absolute;font-size: 1rem;color: #2961ad;font-family: "Font Awesome 5 Free";}
.article-about .faq-ul .flip .panel{display: none;padding:20px;background: #fff;}
.article-about .faq-ul .flip .panel p{font-size: 1.14rem;color:#666;}
.article-about .faq-ul .flip:nth-child(1) .panel{display: block;}


.contact.map{background:url(/ups/allimg/contact/contact-map.png) center center;}
.contact .contact-bottom{box-shadow: 13px 15px 40px 0 rgba(50,26,9,.08);}
.contact .contact-bottom .contact-bottom-yy{padding: 2%;}
.contact .contactbox .txtbox{padding-bottom: 1%; text-align: center;}
.contact h3{font-size: 2.86rem;font-weight: bold;color:#333;}
.contact h4{font-size: 2.14rem;font-weight: bold;color:#333;margin-bottom: 3%;}
.contact p{font-size: 1.14rem;color:#666;line-height: 1.9;}
.contact .contactbox .txtbox p{font-size: 1.14rem;color:#666;line-height: 1.9;width: 70%;margin:auto;}
.contact .contactbox .col-md-4 span{color:#2C61AD;font-weight: bold;}
.contact .contactbox .col-md-4{padding:2% 3%;text-align: center;}
.contact .contactbox .col-md-4 p img{width: 24%;margin:auto;}
.contact .contactbox .col-md-4 p.my-3.my-md-4 {height: 6.43rem;}
.contact .contactbox a{text-decoration: none;cursor: pointer;font-size: 1.28rem;text-transform: uppercase;}
.contact .contactbox a i{margin-right: 0.71rem;transition: all 0.4s;}
.contact .contactbox a:hover i{margin-right: 1.07rem;transition: all 0.4s;}
.contact .contactbox .row .col-md-4 .a-btn{display: block;width: 60%;margin:auto; padding: 0.71rem;background: #000;color:#fff;border:4px solid #000;transition: all 0.4s;}
.contact .contactbox .row .col-md-4:nth-child(1) .a-btn{background: #2C61AD;border:4px solid #2C61AD;color:#fff;transition: all 0.4s;}
.contact .contactbox .row .col-md-4 .a-btn:hover{background: #fff;color:#000;transition: all 0.4s;}
.contact .contactbox .row .col-md-4:nth-child(1) .a-btn{background: #fff;color:#2C61AD;transition: all 0.4s;}
.contact .inquiry{background: linear-gradient(to bottom,#f9f9f9,#ffffff);}
.contact .inquiry h4{font-size: 1.57rem;font-weight: bold;margin-bottom: 2%;}
.contact .inquiry .mescon .col-md-12{margin-bottom: 3%;}
.contact .inquiry ul{list-style: none;padding:0;}
.contact .inquiry ul li{margin-bottom: 2%;}
.contact .inquiry ul li a{color: #2C61AD;font-size: 1.28rem;}
.contact .inquiry ul li a i{color: #2C61AD;margin-right: 0.71rem;}
.contact .inquiry .a-btn{padding: 0.57rem 2.14rem;border: 2px solid #2C61AD;}
.contact .inquiry .a-btn i{font-size: 1rem;margin-right: 0.71rem;}
.contact .inquiry .a-btn:hover{border: 2px solid #2C61AD;}
.contact .a-btn{border:none;border-radius: 3px;color:#fff;background: #2C61AD;font-size: 1.14rem;transition: all 0.3s;cursor: pointer;padding: 0.28rem 1rem;}
.contact .a-btn:hover{background: #fff;color: #2C61AD;}
.contact.historybox {height: 40rem;background: url(/ups/allimg/contact/history-bg.png) top center no-repeat;background-size: cover;border-top: 0.5px solid #F0F0F0;border-bottom: 0.5px solid #F0F0F0;}
.contact .content-history h4 {color: #0F0F0F;}
.contact .history-title {position: relative;margin-bottom: 2rem;height: 6rem;line-height: 2;font-size: 2.57rem;font-weight: bold;}
.contact .history-title:after {display: inline-block;content: '';position: absolute;bottom: 0;left: 0;width: 6rem;border-radius: 16rem;height: 0.18rem;background-color: #2C61AD;}
.contact .history-list {height: 33rem;flex-direction: column!important;overflow-y: scroll;}
.contact .history-list li {margin: 1.28rem 0;list-style: none;}
.contact .history-list li h6 {font-size: 2.25rem;font-weight: 800;color: #E0E0E0;}
.contact .history-list li p {font-size: 1.125rem;color: #333333;}

.join .bg-join {background: url(/ups/allimg/contact/joinus.jpg)center/80% fixed no-repeat;}
.join .bg-join::after {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgb(0 0 0 / 1%);z-index: 1;content: "";}
.join .bg-join {height: 550px;width: 100%;overflow: hidden;z-index: 1;position: relative;}
.join .text-title {z-index: 2;position: absolute;margin-top: -44%;left: 27.5%;}
.join .text-title h6 {top: 10%;color: #fff;letter-spacing: 1px;}
.join .text-content {z-index: 2;position: absolute;margin-top: -68%;line-height: 2;margin-left: -13%;color: #fff;letter-spacing: .5px;}
.join .text-content p {margin-bottom: 5rem;width: 48%;}
.join .text-content a {text-decoration: none;color: #fff;}
.join .text-content p:hover, .join .text-content p:hover a {color: #272727;}

.innerpro .list-before .col-md-2 {flex: 0 0 11.111111%;max-width: 11.111111%;}
.innerpro .list-before .col-md-2 .imgbox img {width: 100%;}
.innerpro .list-before .col-md-2 p {text-align: center;margin-top: 1rem;color: #333;}
.innerpro div#prolist-box-point {display: block;height: 110px;margin-top: -110px;padding-top: 110px;visibility: hidden;}

.inner .banner .pos.list-pro.my-3.text-center,
.inner .banner .pos.list-pro.my-3.text-center a {color: #232323;}

.productItem .productLink{display:block;text-decoration:none;background:#fff;cursor:pointer;border-radius:4px;padding:4px;transition:.6s}
.productItem .productLink:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;box-shadow:0 4px 30px rgba(0,0,0,.25)}
.productItem .productLink1{padding:2%;padding-bottom:4%;margin-bottom:5%;border:1px solid #ece8e8;background:#f5f5f5}
.productItem .productLink1:hover{border:1px solid #ddd}
.productItem .productLink1 .proimgBox1 {height: 200px;overflow: hidden;position: relative;}
.productItem .productLink1 .proimgBox1 img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.productItem .productLink1 h3{font-size:17px;overflow:hidden;height:20px;font-weight:700;text-align: center;margin-top: 20px;}
.productItem .productLink1 .innernew-but{padding:8px 16px!important;font-size:14px!important}
.productItem .productLink1 .Learn-a{margin-bottom:4%!important;border-color: #2961ad!important;color:#5a8fad;width:100%!important;margin:auto;}
.productItem .productLink1 .btn-hover{padding:2%;color:#978bab;border:1px solid #a3a2b9;border-radius:5px}
.productItem .productLink1 a {color: #3f3f3f;text-decoration: none;}
.productItem .productLink1 a:hover{color: #2961ad;}
.listTitle{text-align:center;margin-bottom:5%}
.listTitle .listName{position:relative}
.listTitle .listName span{position:relative;display:inline-block;font-size:1.5rem;z-index:2;background:#fff;padding:0 2rem}
.listTitle .listName:after{position:absolute;z-index:1;top:50%;left:10%;right:10%;content:"";border-top:1px solid #cfcfcf}

.row.prolist {margin: auto;}
.prolist .pro-box {padding: 2%;margin-bottom: 5%;border: 1px solid #ece8e8;background: #ffffff;transition: .6s;cursor: pointer;border-radius: 4px;display: block;text-decoration: none;}
.prolist .pro-box:hover {border: 1px solid #ddd;-webkit-transform: translateY(-4px);transform: translateY(-4px);-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;box-shadow: 0 4px 30px rgb(0 0 0 / 25%);}
.prolist .pro-box a {text-decoration: none;}
.prolist .pro-imgbox {overflow: hidden;width: 100%;height: 18rem;background: white;}
.prolist .pro-content {width: 100%;border-top: 1px solid #dddddd;margin-top: 1rem;}
.prolist .pro-content .pro-content-title {font-size: 1.42rem;font-weight: bold;color: #0F0F0F;line-height: 1.2;}
.prolist .pro-content p {font-size: 1.14rem;color: #666666;}
.prolist .pro-content .pro-content1 {font-size: 1.14rem;color: #666666;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.prolist .pro-content .rmore {font-size: 1.14rem;font-weight: bold;color: #2C61AD;}

.prolist-ul {display: flex;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
.prolist-ul li {border-top: 1px solid #b7b7b7;font-size: 1.28rem;width: 100%;}
.prolist-ul li:hover {color: #2961ad;}
.prolist-ul li:last-child {border-bottom: 1px solid #b7b7b7;}
.prolist-ul li .prolist-link {padding: 1rem 0 0 0;margin: auto;width: 100%;align-items: center;justify-content: center;cursor: pointer;color: #333;background: #fafafa;transition: all .3s;text-decoration: none;border: 0;display: flex;flex-wrap: wrap;}
.prolist-ul li .prolist-link .prolist-link-title {text-transform: uppercase;color: #333;text-align: center;text-decoration: none;padding: 0 0 1rem;width: 80%;}
.prolist-ul li .prolist-link:hover,.prolist-ul li .prolist-link:hover .prolist-link-title {color: #2961ad;}
.prolist-ul .pro-list {list-style: none;display: flex;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;}
.prolist-ul .prolist-box ul li {font-size: 1.14rem;text-align: center;}
.prolist-ul .prolist-box ul li:last-child {border-bottom: 0;}
.prolist-ul .prolist-box .pro-list li a {padding: 1rem 1rem;margin: auto;width: 100%;align-items: center;justify-content: center;cursor: pointer;color: #333;transition: all .3s;text-decoration: none;border: 0;display: flex;flex-wrap: wrap;}
.prolist-ul .prolist-box .pro-list li a:hover {background: #2961ad;color: #fff;}
.prolist-ul li .prolist-link span#listpro-collapse {width: 12%; display: flex;align-items: center; position: relative;cursor: pointer;margin-top: -13%;}
.prolist-ul li .prolist-link span#listpro-collapse.collapsed .open-icon:before {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.prolist-ul li .prolist-link .open-icon:before {text-align: center;position: absolute;-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}

.list-Top-height{height: 110px;background:#fff;}
.proarticle .container {width: 1170px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.proarticle .T-align{text-align:center}
.proarticle .pcmsg .text-danger{color:#333!important;margin-bottom: 1rem;}
.proarticle .btn-mail {width: 100%;text-align: center;font-size: 1.14rem!important;border: 1px solid #333;padding: 1rem;transition: all .3s cubic-bezier(.215,.61,.355,1) 0s;}
.proarticle .btn-mail:hover {background: #2961ad;border: 1px solid #2961ad; color: #fff;}
.proarticle .btn-mail a {color: #333;font-size: 1.14rem;}
.proarticle .btn-mail:hover a {text-decoration: none;color: #fff;}
.proarticle .pcspec p {width: 90%;margin-left: 4%;font-size: 1.14rem;color: #444;line-height: 1.9;}
.proarticle .procon ul {font-size: 1.14rem;color: #444;margin-left: 18px !important;list-style: square !important;padding: 0;line-height: 1.9;}
.proarticle #btnshiro{white-space:normal!important;border-radius: 0;color: #333;border: 1px solid #333;font-size: 1.14rem;}
.proarticle .pcmsg .mescon textarea,.pcmsg .mescon input{border-radius: 0;border: 1px solid #444;color: #333;}
.proarticle .btn-primary{background-color:transparent;border-color:#2C61AD;color:#2C61AD;text-transform:uppercase;margin-bottom:1%;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s}
.proarticle .btn-primary:hover{background-color:#2C61AD !important;border-color:#2C61AD !important;color:#fff !important;}
.proarticle .modal-content {background-color: rgba(255,255,255,0.9);}
.proarticle .modal.show .modal-dialog {top: 25vh;}
.proarticle .modal-title {color: #333333;}
.proarticle .Pro-title{text-align:center}
.proarticle .Pro-title p b{font-size:28px;color:#fff;}
.proarticle .Pro-title img{width:18%;margin:auto}
.proarticle .list-pro{color: #fff!important;font-size: 12px;margin-bottom: 15px;text-align: center;}
.proarticle .list-pro a{color: #fff;}
.proarticle .list-pro a{color: #fff;font-size: 1.12rem;}
.proarticle .insthumb ul{margin:0;padding:0;list-style:none}
.proarticle .insthumb ul li{display:inline-block;cursor:pointer;margin:2px}
.proarticle .insthumb ul li img{width: 70px;height: 70px;padding:1px;}
.proarticle .insthumb ul li a{display: inline-block;height: 100%;position: relative;}
.proarticle .insthumb ul li a:after{content: " ";display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;border-radius: 5px;}
.proarticle .insthumb ul li a.vdlogo:before{content: "\f0da";font-family:"FontAwesome";font-size: 30px;border:#fff 3px solid;padding:0 15px;border-radius: 50%;position: absolute;left: 50%;margin-left: -21px;top: 50%;margin-top: -22px;background-color: rgba(0,0,0,.3);color:#fff;z-index: 10;}
.proarticle .insthumb ul li a:hover:after{background-color: rgba(0,0,0,.1);}
.proarticle .pcarousel .embed-responsive{display: none;}
.proarticle .proboxbg{position: relative;margin-top: 5%;padding-top: 2%;}
.proarticle .proboxnav{padding:0;position: relative;}
.proarticle .proboxnav .nav {margin-top: -5%;background: #fff;border: none;width: 100% !important;margin-left: 0;flex-wrap: inherit;}
.proarticle .proboxnav .nav .nav-item{width: 100%;text-align: center;border-radius: 0;}
.proarticle .proboxnav .nav .nav-item .nav-link{padding: 15px 13px;font-size: 18px;background: #f8f8f8;text-transform: uppercase;display: block;border-radius: 0;width: 100%;font-weight: bold;color: #333;}
.proarticle .proboxnav .nav .nav-item .active{border: none;font-weight: bolder;font-size: 18px;color: #231e73;background: #f5f5f5;}
.proarticle .proboxnav .sticky{position: -webkit-sticky;position: sticky;top: 12.7%;z-index: 99;}
.proarticle .proboxnav .sticky dl dd a{background: #d1e4f6;display:block; padding: 6px 10px;margin-bottom: 10px;}
.proarticle .proboxnav .sticky .contnav{position: absolute;left: -12%;top: 0;}

.proarticle .probox p{font-size: 1.14rem;line-height: 30px;color:#444;}
.proarticle .probox .container{position: relative;}
.proarticle .probox .connection-diagram{border-top:1px solid #eee;margin-top:2%;padding-top: 2%;font-size: 22px;color: #333;}
.proarticle .probox .protable{border:1px solid #ccc;font-size:15px;}
.proarticle .probox .protable td{color:#444;border: 1px solid #ccc;padding: 10px 12px;vertical-align: middle;font-size: 14px;}
.proarticle .probox .protable td strong{color:#333;font-size: 1.14rem;font-weight: 100;}
.proarticle .probox .protable tr:nth-child(2) td:first-child{width:30%;}
.proarticle .conbox .hiddenid{margin-bottom: 4%;display: block;height: 160px;margin-top: -160px;visibility: hidden;}
.proarticle .conbox h3{margin-bottom: 2%;color:#333;}
.proarticle .mr-2{margin-right: 10px;}
.proarticle .conboxdiagram{text-align: center;}
.proarticle .conboxdiagram img{margin:auto;}
.proarticle .sticky .affixed{box-shadow: 0px 5px 10px -4px rgb(204 204 204 / 0.5);background: none !important;}
.proarticle .sticky .affixed .nav-link{background: rgb(248 249 255 / 0.5) !important;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.proarticle .sticky .affixed .nav-item .active{color:#231e73 !important;}
.proarticle .sticky .stickybg{background: rgb(248 249 255 / 0.5) !important;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}

.blogarticle {font-size: 1.14rem;}
.blogarticle img {width: 100%;margin-left: auto;margin-right: auto;display: block;}

.searchpage form select {font-size: 1.14rem!important;}

.sitemap-box .sitemap-content h3 {color: #636363;}
.sitemap-box .sitemap-content .txtbox a:hover {color: #007bff!important;}
.sitemap-box .sitemap-content .txtbox .row {margin-top: 0.5rem}
.sitemap-box .sitemap-content .txtbox .navpro-sort {font-size: 1.14rem;color: #555555}
.sitemap-box .sitemap-content .txtbox .pro-list a {color: #2961ad;}
.sitemap-box .sitemap-content .txtbox .sitemap-list {list-style: none;padding-left: 0}
.sitemap-box .sitemap-content .txtbox .sitemap-list li a {font-size: 1.14rem; color: #555555;}
.select2-selection__rendered {line-height: 3.28rem !important;}
.select2-container .select2-selection--single {height: 3.28rem !important;border-radius: 0!Important;}
.select2-selection__arrow {height: 3.28rem !important;background: #000;top: 0px!important;right: 0px!Important;width: 2rem!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #fff transparent transparent transparent;}
.fp4-blogs .blogs-box .description{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
@media (min-width:768px){
	.top{position:fixed;z-index:9999;background-color:rgba(255,255,255,.9);padding:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}

}
@media (max-width:768px){
	.header-top {height: auto;}
	.header-top ul {display: none;}
	
	.nav-menu .navbar.navbar-dark.navbar-expand-lg {z-index: 2;}
	.nav-menu .navbar-brand{padding:15px;z-index: 3;margin-right: 1rem;}
	.nav-menu .navbar-toggler{border:none;padding:0;z-index: 3;}
	.nav-menu .navbar-toggler:focus{outline:0}
	.nav-menu .navbar-collapse{background-color: #ffffffed;padding-top: 60px;top:0;position:absolute;width: 109%;padding-bottom:1rem;height: auto;z-index: 2;left: -15px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
	.nav-menu .navbar-collapse>.navbar-nav>li {height: auto;width: 90%!important;border-bottom: 2px solid #2961ad;margin-top: 0;}
	.nav-menu .navbar-collapse>.navbar-nav>li.navli1 {height: 340px;}
	.nav-menu .navbar-collapse>.navbar-nav>li.soli {margin: 0 1.4rem;border: none;}
	.nav-menu .navbar-collapse>.navbar-nav>li>dl{position:relative;height: auto;visibility:visible;max-height: inherit!important;display:block;margin-bottom: 0;}
	.nav-menu .navbar-collapse>.navbar-nav>li>dl>dd{background-color: rgba(255,255,255,0);color:#fff;display: block;width: 100%;}
	.nav-menu .navbar-nav .nav-item .nav-link {padding: .5rem 0;}
	.nav-menu .nav-item .navpro {width: 100%!important;position: relative;max-height: 300px;height: auto;visibility: visible;}
	.nav-menu .nav-item .navpro .row {display: block;padding-top: 0;}
	.nav-menu .nav-item .navpro .col-md-2 {flex: 0 0 100%;max-width: 100%;}
	.nav-menu .nav-item .navpro .navpro-sort {height: auto;padding: 0.71rem;display: block;font-size: 1.07rem;color: #495057;font-weight: 400;}
	.nav-menu .nav-item .navpro .border-right {border-bottom: 1px solid #dee2e6!important;border-right: 0!important;padding: 0;}
	.nav-menu .nav-item .navpro .container {max-width: 338px!important;padding: 0;margin: 0;}
	.nav-menu .nav-item .navpro dl {display: none;}

	.banner{min-height:50vh}
	.banner img{min-height:50vh;object-fit:cover}
	.banner .banner_img img {width: 100%;}
	.banner .carousel-caption{top: 20px;width: 80%;max-height: 40vh;padding: 0;left: 14%;margin: 1.4rem 0;}
	.banner .carousel-caption a {display: unset;max-width: 100%;flex: 0 0 100%;margin: auto;}
	.banner .carousel-caption .carousel-caption-title {height: auto;margin-bottom: 1.3rem;font-size: 2rem;line-height: 1.2;}
	.banner .carousel-caption .banner-textbox {width: 100%;text-align: left!important;margin: 0.2rem auto;}
	.banner .carousel-caption-content {margin: 0!important;}
	.banner .carousel-caption .btnbox {margin-top: 0.5rem;line-height: 2.6;}
	.banner .carousel-caption .carousel-caption-btn {margin-top: .5rem;width: 51%;height: 3rem;padding: .7rem 2.2rem .7rem .8rem;font-size: 1rem;}
	.banner .carousel-caption .row.banner-textbox p {font-size: 1.14rem!important;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
	.banner .carousel-caption2 .row.banner-textbox p,.banner .carousel-caption4 .row.banner-textbox p {color: #1a1a1a;text-shadow: 1px 2px 3px #fff;}
	.banner .carousel-caption1 .row.banner-textbox .col-md-12.col-12 p {padding-right: 0!important;}
	.banner .banner_text {top: 36%;}
	
	.banner .carousel-caption4 {width: 84%}
	.banner .carousel-caption4 .row.banner-textbox .col-md-12.col-12 {padding-left: 27%;}
	.banner .carousel-caption4 a {padding-left: 27%}
	.banner .carousel-caption4 a h1 {flex-flow: nowrap}
	.banner .carousel-caption4 .carousel-caption-title {margin-bottom: 0}

	.search .btn-select {margin-bottom: 1rem;width: 100%!important;}
	.search form div.row {width: 100%;margin-left: 0;}
	.search .search-home {margin-right: 3rem;margin-left: 8rem;display: block;margin-bottom: 1rem;}
	.select2-container .select2-selection--single{margin-bottom: 1rem;}

	.fp1-products .fp-pro .probox .probox-img img {width: 100%;}
	.fp1-products .col-md-2 { flex: 0 0 50%;max-width: 50%;}

	.fp2-advantage .text-title {width: 100%;height: 482px;background: #2C61AD;text-align: left;margin-bottom: 10%;}
	.fp2-advantage .text-title h6 {font-size: 28px;font-weight: bold;color: #FFFFFF;line-height: 20px;margin-top: -12%!Important;}
	.fp2-advantage .text-title p {width: 100%;height: 300px;font-size: 16px;color: #FFFFFF;line-height: 30px;}
	.fp2-advantage .advantagebox {width: 100%;height: 260px;margin-left: 0;border: 5px solid #898a8b96;background: #FFFFFF;text-align: center;}
	.fp2-advantage .adv-bg .col-md-4.col-12 {margin-bottom: 3%;}
	.fp2-advantage .adv-bg .row .col-md-4 ul{margin-left: 0;}
	.fp2-advantage .adv-bg .row .col-md-4:nth-child(4) ul{margin-left: 0;}
	.fp2-advantage .adv-bg .row .col-md-4:last-child ul{margin-left: 0;}

	.fp3-solutions .solut-imgbox {width: 100%;height: auto;}
	.fp3-solutions .solut-content {width: 100%;}
	.fp3-solutions .solut-content p {height: auto;}

	.fp4-blogs .blogs-imgbox{width: 100%;height: auto;}
	.fp4-blogs .blogs-imgbox .blogs-img {width: 100%;height: auto;overflow: hidden;}
	.fp4-blogs .blogs-content {width: 100%;height: auto;}
	.fp4-blogs .blogs-content .blogs-content-title {height: auto;}
	.fp4-blogs .blogs-content p {height: auto;font-size: 16px;margin-top: 0 !important;margin-bottom: 6px!important;}
	.fp4-blogs .blogs-box{border: 1px solid #ededed;}

	.jumbotron {background: #272727;}
	.jumbotron hr {width: 1440px;height: 1px;background: #333333;}
	.jumbotron .col-md-12.col-12 .foot-powerby {font-size: 16px;color: #B3B3B3;line-height: 47px;text-align: center;}
	.jumbotron dl dd.foot-blog {width: 100%;}
	.jumbotron dl dd {width: auto;}
	.jumbotron .col-md-2.col-6.pl-10 {padding-left: 15px;}

	.innerpro .list-before .col-6{flex: 0 0 50%;max-width: 50%;margin-bottom: 1rem;}
	.inner .banner {display: flex;align-items: center;justify-content: space-around;height: 330px;background-position: top center;}
	.inner .blogarticle .container {width: 100%;}
	.inner .blogarticle h2.T-align.app-Font25{color:#333;letter-spacing:2px;padding:0 30px;text-align: center;}
	.inner .proarticle .pos-box{margin-bottom:1%;text-align:center;}
	.proarticle .container {width: 100%;}
	.proarticle .proboxnav .sticky {position: relative;}
	.proarticle .proboxnav .nav {flex-flow: wrap;}
	.proarticle .proboxnav .nav .nav-item {margin-bottom: .5rem;border: 1px solid #e7e7e7;}

	.page .row.prolist {width: 100%;}

	.page .company-btnlist {margin: 1rem 0;}
	.page .company-btnlist a.btn-company {margin-bottom: 1rem;width: 100%;}
	.page .company-btnlist a {background-color: #f1f1f1;}
	.page .socialSec_img {width: 100%;height: auto;}
	.page .socialSec_txt {width: 100%;margin: 0;}
	.page .socialSec_txt h6 span {font-size: 36px;height: 24px;}

	.culture .culture-imgbox {height: 13rem;}
	.culture .mk-content1 {margin: 1rem 0;}
	.culture .mk-content2 {margin-top: 1rem;}

	.howtbuy .text-title p {width: 100%!important;}
	.howtbuy .htbuy {width: 80%;}
	.howtbuy .htbuy ul {-webkit-line-clamp: 6!important;margin-bottom: 0;}
	.htb .col-md-2.col-12 {padding-right: 15px;}
	.htb .htb-list .open-icon:before {margin-top: -4%;}
	.htb .htb-list .nav-link#pnumbers-tab.collapsed .open-icon:before {margin-top: -3.6%;}
	.htb .accordion>.card .card-body {margin-bottom: -1px;overflow-x: auto;}

	.contact .contactbox .col-md-4 {padding-bottom: 2rem;margin-bottom: 1rem;border-bottom: 1px solid;}
	.contact .contactbox .col-md-4 p.my-3.my-md-4 {height: auto;line-height: 1.5;margin-left: 2rem;margin-right: 2rem;}

	.oem-odm .content {padding: 2rem;}
	.oem-odm .content .col-md-6.col-12 {height: auto;margin-top: 1rem;}
	.oem-odm .content .col-md-6.col-12 img {height: 90%;padding-bottom: 0;}
	.oem-odm .content .col-md-6.col-12 ul {line-height: 1.6;}
	.oem-odm .content .col-md-6.col-12 ul li {margin-bottom: 1rem;}

	.exhibition .col-md-6.col-12 img {margin: auto;}
	.exhibition .content {margin: auto;margin-top: 1rem;padding: 1rem;line-height: 2;}

	.col-md-2.col-12.pr-0 {padding-right: 15px!important;margin-bottom: 1.5rem;}
}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-collapse {display: -ms-flexbox!important;display: flex!important;-ms-flex-preferred-size: auto;flex-basis: auto;}
	.navbar-expand-lg .navbar-toggler {display: none;}
	.fp4-blogs .blogs-box:hover .blogs-imgbox img {transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transition: all 0.4s;}

}