.bossgoo-contactus4-name4 {
width: 100%;
padding-bottom: 30px;
border-top: 1px solid #eee;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.bossgoo-contactus4-name4 .wrap .name4-title {
font-size: 32px;
text-align: center;
color: #333;
}
@media only screen and (max-width: 1440px) {
.bossgoo-contactus4-name4 {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 1040px) {
.bossgoo-contactus4-name4 {
padding-top: .4rem;
padding-bottom: .4rem;
}
.bossgoo-contactus4-name4 .wrap .name4-title {
font-size: .48rem;
}
}
@media only screen and (max-width: 767px) {
.bossgoo-contactus4-name4 .wrap .name4-title {
font-size: .4rem;
}
}
.bossgoo-contactus4-content4 {
width: 100%;
}
.bossgoo-contactus4-content4 .wrap {
display: flex;
flex-wrap: wrap;
}
.bossgoo-contactus4-content4 .wrap .content4-box {
width: 50%;
box-sizing: border-box;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-title {
font-size: 32px;
color: #333;
line-height: 1.5;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-text {
color: #999;
line-height: 1.5;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con {
width: 100%;
padding-top: 30px;
display: flex;   }
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe {
width: 120px;
max-height: 420px;
overflow-y: auto;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box {
width: 60px;
opacity: .5;
margin-bottom: 20px;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box .con4-boxImg {
width: 60px;
height: 60px;
border: 2px solid #fff;
position: relative;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box .con4-boxImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box .con4-boxName {
text-align: left;
color: #333;
padding-top: 6px;
display: none;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active {
width: 90px;
opacity: 1;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active .con4-boxImg {
width: 90px;
height: 90px;
border: 2px solid var(--themeColor);
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active .con4-boxImg::before {
content: '';
width: 0;
height: 0;
border-left: 10px solid var(--themeColor);
border-top: 10px solid transparent; border-bottom: 10px solid transparent;
display: inline-block;
position: absolute;
right: -10px;
top: 50%;
margin-top: -5px;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active .con4-boxName {
display: block;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi {
width: calc(100% - 120px);
padding-left: 20px;
box-sizing: border-box;
max-height: 420px;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-Box-active {
display: block;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper {
width: 100%;
height: 100%;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box {
width: 100%;
height: 100%;
overflow-y: auto;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding-bottom: 15px;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B .con4-BIcon {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
background-color: #efefef;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B .con4-BIcon i {
font-size: 30px;
color: var(--themeColor);
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B .con4-BText {
width: calc(100% - 70px);
box-sizing: border-box;
padding-left: 20px;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B .con4-BText .con4-BTi {
font-size: 20px;
color: #333;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B .con4-BText .con4-BTe {
line-height: 1.5;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form {
width: 100%;
display: flex;
flex-direction: column;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li {
padding-bottom: 30px;
position: relative;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li input, .bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li textarea {
width: 100%;
line-height: 50px;
border: 1px solid #efefef;
background-color: #efefef;
padding: 0 15px;
outline-color: var(--themeColor);
display: block;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li textarea {
height: 160px;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li ::-webkit-input-placeholder { color: #999;
font-family: Arial, Helvetica, sans-serif;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li ::-moz-placeholder { color: #999;
font-family: Arial, Helvetica, sans-serif;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li :-ms-input-placeholder { color: #999;
font-family: Arial, Helvetica, sans-serif;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li .Validform_checktip {
position: absolute;
left: 0;
bottom: 5px;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form input.con4-inBut {
width: 100% !important;
line-height: 50px !important;
margin-top: 20px !important;
margin-bottom: 0 !important;
color: #fff !important;
font-size: 24px !important;
background-color: var(--btnBgColor) !important;
cursor: pointer;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con ::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #f0f0f0;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con ::-webkit-scrollbar-track {
box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
border-radius: 10px;
background-color: rgba(240, 240, 240, 0.5);
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con ::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
background-color: var(--themeColor);
}
.bossgoo-contactus4-content4 .wrap .content4-box:first-child {
padding-right: 50px;
}
@media only screen and (max-width: 1440px) {
.bossgoo-contactus4-content4 .wrap {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 1040px) {
.bossgoo-contactus4-content4 .wrap .content4-box {
width: 100%;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-title {
font-size: .48rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con {
padding-top: .6rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li {
padding-bottom: .5rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form input.con4-inBut {
font-size: .36rem;
margin-top: 0 !important;
}
.bossgoo-contactus4-content4 .wrap .content4-box:first-child {
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.bossgoo-contactus4-content4 .wrap .content4-box .content4-title {
font-size: .36rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con {
padding-top: .4rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe {
width: 1.4rem;
max-height: 5.4rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box {
width: .8rem;
margin-bottom: .2rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box .con4-boxImg {
width: .8rem;
height: .8rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active {
width: 1.2rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active .con4-boxImg {
width: 1.2rem;
height: 1.2rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active .con4-boxImg::before {
border-left: 0.12rem solid var(--themeColor);
border-top: .12rem solid transparent;
border-bottom: .12rem solid transparent;
right: -0.12rem;
margin-top: -0.06rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi {
width: calc(100% - 1.4rem);
max-height: 5.4rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B .con4-BIcon {
width: 1rem;
height: 1rem;
line-height: 1rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B .con4-BIcon i {
font-size: .48rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B .con4-BText .con4-BTi {
font-size: .32rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li input, .bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li textarea {
line-height: .8rem;
padding: 0 .2rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li ::-webkit-input-placeholder { font-size: .28rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li ::-moz-placeholder { font-size: .28rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li :-ms-input-placeholder { font-size: .28rem;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form input.con4-inBut {
line-height: .8rem !important;
font-size: .32rem !important;
}
}
.bossgoo-contactus4-map4 {
width: 100%;
}
.bossgoo-contactus4-map4 .max1920 .map4-box {
width: 100%;
height: 400px;
}
@media only screen and (max-width: 1440px) {
.bossgoo-contactus4-map4 {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 767px) {
.bossgoo-contactus4-map4 .max1920 .map4-box {
height: 5rem;
}
}
.bossgoo-contactus4-botBread {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.bossgoo-breadbrumb1 .wrap {
padding: 24px 0;
color: #999;
}
.bossgoo-breadbrumb1 .wrap a {
color: #999;
}
.bossgoo-breadbrumb1 .wrap i {
margin: 0 10px;
}
@media only screen and (max-width: 1040px) {
.bossgoo-breadbrumb1 i,
.bossgoo-breadbrumb1 span,
.bossgoo-breadbrumb1 a {
font-size: .24rem;
}
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe{
overflow-x: hidden;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active .con4-boxName{
max-height: 55px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}.wrap{max-width:1200px!important;padding: 0!important;width: 94%!important;}
.bossgoo-com-item .first-title{margin-bottom:20px!important;color:#333!important;font-size: 26px!important;padding-bottom:0!important;}
.lintitle{margin-bottom:20px!important;color:#333!important;font-size: 26px!important;padding-bottom:0!important;text-align: center;font-weight: bold;}
.linsub{font-size: 15px;color: #898989;text-align:center;line-height: 1.6;width: 94%;max-width: 1000px;margin: 0 auto 30px;z-index: 2;position: relative;}
html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:1!important;transform: translate3d(0, 0px, 0)!important;}
#ewm_mousein3{background-image:url(//www.cttechx.com/static/image/76cdb8d2e0e60bb1cb825082bcb9d8.jpg@95Q.webp)!important;}
.floatright.gb{display:none!important;} .bossgoo-header-nav1{position: fixed!important;}
.logo-box .name{display:none!important;}
.bossgoo-header-nav1 .logo{max-width: 245px!important;margin-left:30px;}
.bossgoo-header-nav1 .header-search-box{top: 100%!important;}
.navquote{position: relative;display: flex;align-items: center;margin-right: 15px;border-radius: 5px;overflow: hidden;}
.navquote a{font-size:14px;display: block;padding: 10px 20px;background: #0353a5;color: #fff;}
.navquote a:hover{background:#007aff}
.bossgoo-header-nav1 .search-box{background-color: #666!important;padding: 0 20px!important;margin-right: 30px!important;font-size: 14px!important;height: auto!important;width: auto!important;border-radius: 5px;overflow: hidden;}
.bossgoo-header-nav1 .nav>ul>li:nth-child(8),.bossgoo-header-nav1 .nav>ul>li:nth-child(9){display:none;}
.bossgoo-header-nav1 .nav {margin-right: 0px!important;}
.bossgoo-header-nav1 .nav>ul>li a{}
.bossgoo-header-nav1 .nav>ul>li .second-nav a{line-height: 20px;font-size:15px;padding-top: 5px;padding-bottom: 0;width: 100%;height: auto;}
.bossgoo-header-nav1 .second-nav>li{padding: 5px 0;width: 100%;height: auto;}
.bossgoo-header-nav1 .nav-right{align-items: center;}
.bossgoo-header-nav1 .search-box{height:41px!important}
.country{margin: 10px 20px;}
.header-phone .right-item .country{margin: 0;}
.bossgoo-header-nav1 .line{margin-top: 0px;width: 1px;height: 40px;background: #e5e5e5;} .bossgoo-index-banner2 .banner4-con{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;pointer-events: none;background: rgba(0,0,0,0.2);}
.bossgoo-index-banner2 .banner4-text{max-width: 1000px!important;}
.bossgoo-index-banner2 .banner2-box{padding-bottom:48%;}
.bossgoo-index-banner2{  overflow: hidden!important;position: relative;}
.bossgoo-index-banner2 .content{width:50%;height:100%;position:absolute;left: 3%; padding:150px 80px 80px;color:#fff;display:flex;align-items:center;flex-wrap:wrap;text-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);pointer-events: all;}
.bossgoo-index-banner2 .content .wrap{width: 100%;}
.bossgoo-index-banner2 .content .wrap2{width: 100%;}
.bossgoo-index-banner2 .content .dark-wrap{width: 100%;}
.bossgoo-index-banner2 .content .dark-wrap h1{font-size: 36px;font-weight:bold;margin-bottom:10px}
.bossgoo-index-banner2 .content .dark-wrap p{font-size: 18px;margin-bottom:40px;}
.bossgoo-index-banner2 .content .dark-wrap ul{}
.bossgoo-index-banner2 .content .dark-wrap li{margin-bottom: 20px;}
.bossgoo-index-banner2 .content .dark-wrap ul p{margin:0;padding-left:20px;line-height: 1.3;position:relative;font-size: 17px;}
.bossgoo-index-banner2 .content .dark-wrap ul p:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;left:0;top: 7px;background:#fff}
.bossgoo-index-banner2 .content .dark-wrap #hero-primary-cta-button{background: #0353a5;color:#fff;padding: 10px 30px;margin:50px 0 20px;overflow:hidden;display:inline-block;border-radius: 5px;font-size: 14px;text-shadow: none;}
#cpbanner .banner-box button{padding: 10px 30px;margin:50px 0 20px;border-radius: 5px;font-size: 14px;}
.bossgoo-index-banner2 .content .dark-wrap #hero-primary-cta-button:hover{background:#007aff}
.bossgoo-index-banner2 .companies-that-trust-hubs{display:flex;align-items:center}
.bossgoo-index-banner2 .companies-that-trust-hubs .text{margin-right: 40px;color: rgba(255,255,255,0.6);font-size: 14px;padding-left: 20px;}
.bossgoo-index-banner2 .companies-that-trust-hubs .images{display:flex;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: 0.8;}
.bossgoo-index-banner2 .companies-that-trust-hubs .images img{max-width:100%;width:80px;margin-right: 30px;}
.bossgoo-index-banner2 .bgg{font-size: 14px!important;opacity: 0.8;display:flex;align-items: center;}
.bossgoo-index-banner2 .bgg svg{margin-right:5px;margin-top: -3px;} .bossgoo-index-hots58{padding-top: 60px!important;padding-bottom: 60px!important;}
.bossgoo-index-hots58 .hots58-imgBox{width: 100%!important;padding-bottom: 75%!important;border-radius: 0!important;}
.bossgoo-index-hots58 .hots58-img img{object-fit: cover!important;}
.bossgoo-index-hots58 .hots58-text{font-size: 15px!important;display: none;}
.bossgoo-index-hots58 .hots58-item{position: relative!important;width: calc((100% - 60px)/3);margin-right: 30px;margin-bottom: 30px;}
.bossgoo-index-hots58 .hots58-titBox{position: absolute!important;bottom: 0!important;background: rgba(0, 0, 0, 0.6)!important;padding: 20px!important;}
.bossgoo-index-hots58 .hots58-titBox a{color:#fff!important;}
.bossgoo-index-hots58 .hots58-item:hover .hots58-titBox{background:rgba(3,83,165,0.6)!important;}
.bossgoo-index-hots58 .hots58-con{display:none!important;}
.index1{overflow:hidden;margin-top: 40px;}
.index1 .title{font-size:26px;margin-bottom:30px;color:#333;text-align: left;font-weight: bold;}
.index1 .subtitle{margin: 0 auto 40px;color: #898989;font-size: 18px;text-align: center;}
.index1 .swiper{position: relative;}
.index1 .swiper .swiper-slide .img{position:relative;padding-bottom:100%;}
.index1 .swiper .swiper-slide img{  object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.index1 .swiper .swiper-slide .text{padding: 20px 15px;background: #eee;}
.index1 .swiper .swiper-slide .text .title{font-weight: bold;font-size: 16px;margin-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.4;height: 50px;}
.index1 .swiper .swiper-slide .text .box .tip{font-size: 14px;color: #999;margin-bottom: 10px;}
.index1 .swiper .swiper-slide .text .box .summary{font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height: 88px;}
.index1 .swiper .swiper-slide .text .more{font-size:12px;border-radius: 5px;width:100px;display:flex;justify-content:center;align-items:center;background:#0353a5;margin: 20px auto 0;padding:10px 0;color:#fff}
.index1 .swiper .swiper-slide .text .more:hover{background:#007aff;}
.index1 .swiper-button-next,.index1 .swiper-button-prev{opacity:0.3;width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.85);border-radius: 50%;background-size: 10px;}
.index1 .swiper-button-next:hover,.index1 .swiper-button-prev:hover{opacity:1;}
.index1 .swiper .swiper-slide{transition:all .3s ease;}
.index1 .swiper .swiper-slide:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);} .bossgoo-index-application67 .bd{width:963px}
.bossgoo-index-application67 .hd li .img-box{display:none!important}
.bossgoo-index-application67 .bd .img-box .text{display:none!important}
.bossgoo-index-application67 .hd li{border-radius:0!important;height:153px!important;margin-bottom:21px;background-size:cover;border: 2px solid #eee;padding:30px 10px;background-size:cover!important;background-color:#fff;opacity: 1;}
.bossgoo-index-application67 .hd li.active:after{display:none!important}
.bossgoo-index-application67 .bd .img-box img{border-radius:0!important}
.bossgoo-index-application67 .hd li .text{text-align:center!important;font-size:16px;font-weight:bold;color:#333}
.bossgoo-index-application67 .hd li.active .text{color:#Fff;}
.bossgoo-index-application67 .bd .img-box{aspect-ratio:auto!important}
.bossgoo-index-application67{padding-bottom:0!important;background:#f7f7f7;padding: 60px 0;}
.bossgoo-index-application67 .all-box{margin-bottom:80px!important;display: none;}
.bossgoo-index-application67 .hd li.active{background-color:#0353a5;border-color:#0353a5;opacity: 1;}
.capability{overflow:hidden}
.capability1{border-bottom:1px solid #666}
.capability1 .swiper-wrapper{justify-content:space-evenly;transform: translate3d(0px, 0px, 0px)!important;}
.capability1 .swiper-slide{width:auto!important;margin:0!important;line-height:40px;border-bottom:4px solid #f7f7f7;font-size:16px;padding:0 10px}
.capability1 .swiper-slide.swiper-slide-active{border-color:#0353a5}
.capability2 .swiper-slide{background:#f7f7f7;opacity:0!important}
.capability2 .swiper-slide.swiper-slide-active{opacity:1!important}
.capability_row1{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 50px;}
.capability_row1 li{flex:0 0 calc(50% - 50px);margin-bottom: 60px;display:flex;align-items:center}
.capability_row1 img{width:80px;height:80px;margin-right:25px}
.capability_row1 .txt{}
.capability_row1 .title{font-size:20px;font-weight:bold;color:#333}
.capability_row1 .subtitle{font-size: 14px;color:#333;line-height: 1.6;margin-top:5px;letter-spacing:0px;}
.capability_row2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}
.capability_row2 li{flex: 0 0 calc(33.3% - 20px);margin-bottom: 60px;display:flex}
.capability_row2 img{width:80px;height:80px;margin-right:25px}
.capability_row2 .txt{}
.capability_row2 .title{font-size:20px;font-weight:bold;color:#333}
.capability_row2 .subtitle{font-size: 14px;color:#333;line-height: 1.5;margin-top:10px;letter-spacing: 0;}
.capability_row2 .subtitle span{display:block;margin-top: 10px;padding-left: 15px;position:relative}
.capability_row2 .subtitle span:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;left:0;top:6px;background:#333}
.capability_row3{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.capability_row3 li{flex:0 0 calc(30% - 50px);margin-bottom: 60px;}
.capability_row3 img{width:80px;height:80px;margin:0 auto 20px;display:block}
.capability_row3 .txt{}
.capability_row3 .title{font-size: 20px;font-weight:bold;color:#333;line-height:1.3}
.capability_row3 .subtitle{font-size: 14px;color:#333;line-height: 1.6;margin-top: 15px;letter-spacing:1px;}
.capability2 .swiper-slide{height:0!important;}
.capability2 .swiper-slide.swiper-slide-active{height:auto!important;}
.capabilities .index-padding{padding-bottom:0px;} .bossgoo-index-about57 .about57-tit1{max-width:100%!important;}
.bossgoo-index-about57{font-size:16px!important;overflow: hidden;background-position: center;background: url(//www.cttechx.com/static/image/bb3a0eab4f13407169864366b2111c.jpg@95Q.webp) no-repeat;background-size: cover;padding: 60px 0;}
.bossgoo-index-about57 .about57-tit1{font-size: 26px!important;}
.bossgoo-index-about57 .about57-circle{display:none!important;}
.bossgoo-index-about57 .about57-link{display:none!important;}
.bossgoo-index-about57 .about57-conBox{margin-bottom: 0px!important;padding-top:0!important;font-size: 15px;line-height: 27px;color: #333;max-width: 1100px;margin-left: auto;margin-right: auto;float: right;width: 70%;text-align: left;}
.bossgoo-index-about57 .about57-textBox{font-size:14px;color:#666;text-align: left;}
.bossgoo-index-about57 .first-title{width:70%;float: right;text-align:left;margin-top: 10px;}
.bossgoo-index-about57 .about57-list{width: 30%;float: none;padding-right: 5%;}
.bossgoo-index-about57 .about57-item{width:100%;padding: 30px 20px;border-top: 1px solid #ddd;}
.bossgoo-index-about57 .about57-titBox{justify-content: left;}
.bossgoo-index-about57 .about57-item:nth-child(1){border-top: none;}
.linmore{font-size:14px;text-align: right;margin-top: 40px;}
.linmore a{color:#0353a5;} .bossgoo-index-products37 .probox .imgbox .contact{display:none!important;}
.bossgoo-index-products37 .probox .imgbox{padding-bottom: 100%!important;overflow: hidden!important;}
.bossgoo-index-products37 .probox{padding:0!important;overflow: hidden;background-color: #fff; pointer-events: none;}
.bossgoo-index-products37 .probox .imgbox .innerbox img{max-height: initial!important;object-fit: cover!important;height: auto;width: 100%;}
.bossgoo-index-products37 .probox .name{font-size: 15px;margin-bottom: 10px;color: #333;}
.bossgoo-index-products37{padding-bottom: 60px!important;background: #f7f7f7;padding-top: 60px;}
.bossgoo-index-products37 .productswiper{padding-top:0;display: none;} .bossgoo-index-discover60{padding: 60px 0!important;background:#fff!important;}
.bossgoo-index-discover60 .img-box img{display:none!important;}
.bossgoo-index-discover60 .content{width:94%;max-width:1200px;margin:0 auto;}
.content .cards{display: flex;justify-content: space-between;padding: 130px 30px 60px;background: #f7f7f7;position: relative;}
.content .cards:before{content:'';position: absolute;height: 2px;width: 78%;left: 11%;top: 80px;background: #0451a4;opacity: 0.5;}
.content .card{flex: 0 0 18%;padding: 0 20px;text-align: center;position: relative;}
.content .card:before{content:'';width: 14px;height: 14px;position: absolute;top: -58px;left: 50%;margin-left: -7px;border-radius: 50%;border: 2px solid #0353a6;background: #f7f7f7;}
.content .card:hover:before{background: #0353a5;}
.content .card-title{font-size: 16px;font-weight: bold;color: #333;margin-bottom: 20px;line-height: 1.4;}
.content .card-subtitle{font-size: 14px;line-height: 1.5;color:#666;}
.about-detail .content{margin-top:30px;} .bossgoo-index-factory59{padding-bottom:60px!important;padding-top: 60px;position: relative!important;}
.bossgoo-index-factory59 img{
max-width: 1150px!important;
width: 100%;
height: auto;}
.bossgoo-index-factory59 .first-title{background:transparent!important;color:#fff!important;font-weight:bold!important;}
.bossgoo-index-factory59 .first-title{margin-bottom: 20px!important;font-size: 26px!important;}
.bossgoo-index-factory59:before{content:'';position: absolute;width:100%;height:100%;left:0;top:0;background: #0353a5;}
.bossgoo-index-factory59 p,.bossgoo-index-factory59 .wrap{position: relative!important;font-size: 15px!important;}
.bossgoo-index-factory59 .mapdian{position: absolute;width: 100%;height: 100%;}
.bossgoo-index-factory59 .area-box{position: absolute;}
.bossgoo-index-factory59 .area-box:after{content:'';position:absolute;width: 14px;height: 20px;background: url(//www.cttechx.com/static/image/3a092c80927edbfcc658d41193f230.png@95Q.webp) no-repeat center;top: -22px;left: -5px;background-size: contain;}
.bossgoo-index-factory59 .area-box .dot{position: absolute;left: 0;width: 3px;height: 3px;border-radius: 50%;opacity: 1;background: #ea3625;}
.bossgoo-index-factory59 .area-box .ddn{position: absolute;color: #fff;width: 100px;text-align: center;left: -50px;top: 6px;font-size: 14px;}
.bossgoo-index-factory59 .area-box .pulse{position: absolute;border-radius: 48px;opacity: 0.3;-webkit-animation: warn 2s ease-out both;animation: warn 2s ease-out both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;background: rgba(234,54,33,0.4);top: -19px;left: -19px;height: 40px;width: 40px;box-shadow: 0 0 15px #ea3625;}
.bossgoo-index-factory59 .area-box .delay-06 {animation-delay: 2s;}
.bossgoo-index-factory59 .area-box .delay-05 {animation-delay: 1.6s;}
.bossgoo-index-factory59 .area-box .delay-04 {animation-delay: 1.2s;}
.bossgoo-index-factory59 .postition-1{left: 14.5%;top: 34%;}
.bossgoo-index-factory59 .postition-2{left: 39%;top: 63%;}
.bossgoo-index-factory59 .postition-3{left: 69%;top: 50%;}
.bossgoo-index-factory59 .postition-4{left: 36.5%;top: 56.5%;}
.bossgoo-index-factory59 .postition-5{left: 16.5%;top: 36.5%;}
.bossgoo-index-factory59 .postition-6{left: 19.5%;top: 39.5%;}
.bossgoo-index-factory59 .postition-7{left: 44%;top: 45%;}
.bossgoo-index-factory59 .postition-8{right: 31%;top: 42%;}
.bossgoo-index-factory59 .postition-9{left: 39%;top: 52%;}
.bossgoo-index-factory59 .postition-10{right: 81%;top: 36%;}
.bossgoo-index-factory59 .titleDesc{margin-top:0!important;display:none!important;}
@keyframes warn {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
} .bossgoo-index-partner53{background:#fff;padding: 60px 0;}
.bossgoo-index-partner53 .first-title{background:transparent!important;}
.icon-shuangjiantouzuo:before{content:"\f015"!important;}
.icon-shuangjiantouyou:before{content:"\f016"!important;} .bossgoo-index-news59{padding: 60px 0 60px;background: #f7f7f7;} .bossgoo-index-news59 .first-title{background:transparent;font-weight:bold;}
.bossgoo-index-news59 .newsDisplay .disR .newsBox .newstitle{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.bossgoo-index-news59 .newsDisplay .disL .title{font-size: 16px;font-weight: bold;color:#333;margin-bottom: 10px;display: block;}
.bossgoo-index-news59 .newsDisplay .disR .newsBox .newstitle{font-size: 16px;color:#333;font-weight: bold;margin-bottom: 3px;}
.bossgoo-index-news59 .newsDisplay .disR .newsBox{border-bottom: 1px solid #eee;}
.bossgoo-index-news59 .newsDisplay .disL, .bossgoo-index-news59 .newsDisplay .disR{width: calc(50% - 20px);}
.bossgoo-index-news59 .newsDisplay.show{margin-top:50px; }
.bossgoo-index-news59 .newsDisplay.industryInfo{margin-top:50px;display: none;}
.bossgoo-index-news59 .newsDisplay .disR .newsBox .newstitle:hover{color:#0353a5}
.bossgoo-index-news59 .newsDisplay .disL .title:hover{color:#0353a5}
.bossgoo-index-news59 .newsDisplay .disR .newsBox .days{color: #bbb;}
.bossgoo-index-news59 .newsDisplay .disR .newsBox .years{color: #ccc;} .bossgoo-footer51{display:none!important}
.linfooter{background:#0353a5;}
.footer_top_inner{padding-bottom:3rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;line-height:2;justify-content:space-between;padding: 30px 0 30px;width: 94%;max-width: 1200px;margin: 0 auto;}
.footer_top_contact{1:AUTO 100PX;padding: 60px 0 20px;width: 94%;max-width: 1200px;margin: 0 auto;}
.footer_top_contact img{width: 245px;}
.footer_top_inner .t{display:block;margin: 0 0 10px;padding:0;font-size: 16px;white-space:nowrap;color: #fff;}
.footer_top_inner .t a{color: #fff;}
.footer_top_contact .txt{margin-bottom:40px}
.footer_top_contact .txt a{color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s}
.footer_top_nav{ max-width: 220px;}
.footer_top_nav ul{margin:0;padding:0;list-style:none}
.footer_top_nav ul>li{display:block;color: #fff; -webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0.6;line-height: 1.2;font-size: 14px;margin-bottom: 15px;}
.footer_top_nav ul>li a{color: #fff;}
.footer_top_share{width: 94%;display:flex;max-width: 1200px;overflow: hidden;margin: 20px auto 40px;}
.footer_top_share li{list-style:none;margin-right:10px}
.footer_top_share li img{ width: 30px;}
.footer_copyright{border-top: 1px solid rgba(255,255,255,0.15);padding: 20px 0;font-size: 12px;line-height:2em;font-weight:lighter;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width: 94%;max-width: 1200px;margin: 0 auto;}
.footer_copyright p{margin:0;color: #fff;}
.footer_copyright a{color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s}
.footer_copyright a{color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s}
.footer_copyright p{opacity:0.6} .pc.bossgoo-breadbrumb1{padding-top: 0px!important;font-size: 14px;color: #333;line-height: 80px;background: #fff;border-bottom: 1px solid #e5e5e5;}
.pc.bossgoo-breadbrumb1 a,.pc.bossgoo-breadbrumb1 i,.pc.bossgoo-breadbrumb1 span{color:#333;padding-left: 3px;padding-right: 3px;}
.bossgoo-news-details3 .details3_ri_bot_te a{color: #666 !important;} .sidebar .title p{margin-left:30px;}
.sidebar li .linkTwo li{font-size:14px;padding-bottom: 0;padding-left: 10px;}
.sidebar li{padding-top: 20px;padding-bottom: 20px;padding-left:25px;}
.bossgoo-search-main .main-r .ListboxOne li{width:calc(33.33% - 20px);margin:10px;}
.bossgoo-search-main .main-r .ListboxTwo li .box-r .now{background-color: #0353a5;border-radius: 5px;width: auto;font-size: 14px;height: auto;line-height: 1.5;font-weight: normal;}
.bossgoo-search-main .main-r .ListboxTwo li .box-r .now:hover{background-color: #007aff;}
.bossgoo-search-main .main-r .ListboxTwo li .box-r .text{font-size:14px;}
.bossgoo-search-main .main-r .ListboxOne li:hover .content2{display:none;}
.bossgoo-search-main .main-r .ListboxOne li:hover .content .now{display:none;}
.bossgoo-search-main .main-r .ListboxOne li .content a{display:block;padding:20px;border:1px solid #eee;transition:all .5s ease;}
.bossgoo-search-main .main-r .ListboxOne li .content a:hover{padding:10px;border-color:#0353a5}
.bossgoo-search-main .main-r .ListboxOne li .content .text{text-align:center;font-size: 15px;}
.bossgoo-search-main .main-r .ListboxOne li .lihide{padding:0;}
.bossgoo-search-main{margin:40px auto!important;}
.sidebar .search2-box{border-color:#eee;}
.bossgoo-search-main .main-r{flex:1;}
.bossgoo-search-main .main-r .ListboxOne li .hide{padding:0!important}
.bossgoo-search-main .main-r .ListboxOne li:hover .hide{box-shadow:none!important;}
.wireBox .wire{background-color: #0353a5!important;}
.bossgoo-search-main .main-r .titleBox .text h2{font-size:18px;}
.onion-contact-now1 .onion-con-now-text,.onion-faq19 .onion-title{font-size:24px!important}
.onion-contact-now1 .onion-con-now img{min-height:250px!important;}
.onion-contact-now1 .edit-block{top:30%!important;}
.onion-choose19 .onion-title,.onion-choose3 .onion-title{font-size:24px!important}
.onion-faq18 .faq18-title,.onion-choose3 .choose2-box-itTi,.onion-faq19 .faq19-topRi{font-size:16px!important}
.onion-faq18 .faq18-bot,.onion-choose3 .choose2-box-itTe,.onion-faq19 .faq19-bot{font-size:14px!important}
.onion-choose3 .choose2-box-item:hover{background:#0353a5!important}
.onion-choose19 .choose19-left .edit-text{font-size:18px!important;}
.onion-choose19 .choose19-right{font-size:14px!important}
.onion-hot-selling10 .selling10-title .edit-text-links{font-size:15px!important}
.onion-choose3 .choose2-box-le-boxImg{height: 100%!important;padding:0!important;}
.onion-choose3 .choose2-box-le-img{overflow: hidden;}
.onion-choose3 .choose2-box-le-img img{width:auto!important;object-fit: cover!important;max-width: none!important;}
.onion-research1 .onion-re-bot .table{max-width:100%!important;} #cpbanner2{height: 400px;overflow:hidden;background: url(//www.cttechx.com/static/image/eda9a9cbae474a6a4b04946f843862.jpg@95Q.webp) center;}
.bossgoo-products-main .bigPic{box-shadow: none;border: 1px solid #eee;}
.bossgoo-products-main .swiper .swiper-slide{border: 2px solid #eee;}
.bossgoo-products-main .picBox .text .title{font-size: 22px;border-bottom: 1px solid #eee;margin-bottom: 10px;padding-bottom: 10px;line-height: 1.3;}
.bossgoo-products-main .picBox .text .contact{margin:20px 0;border-top: 1px solid #eee;padding-top: 20px;}
.bossgoo-products-main .picBox .contact .Now{margin: 0;font-size: 14px;width: auto;height: auto;padding: 10px 20px;}
.bossgoo-products-main .picBox .contact .Now span:nth-child(2){font-size: 14px;}
.bossgoo-products-main .picBox .allprice{}
.bossgoo-products-main .picBox .text .price{}
.bossgoo-products-main .picBox .text .price::before{opacity:0;}
.bossgoo-products-main .picBox .share{flex-wrap:wrap;}
.bossgoo-products-main .picBox .share p{flex:0 0 100%;}
.bossgoo-products-main .picBox .share ul{flex:0 0 100%;}
.bossgoo-products-main .picBox{}
.bossgoo-products-main .swiper-hot .swiper-slide{box-shadow: none!important;}
.bossgoo-products-main .swiper-hot img{padding: 20px;border: 1px solid #eee;transition:all .5s ease;}
.bossgoo-products-main .swiper-hot img:hover{border-color:#0353a5;padding:10px;}
.bossgoo-products-main .contentLeft .hot .title{font-size: 15px;font-weight: normal;}
.bossgoo-products-main .swiper-hot .swiper-slide .content{min-height: auto;}
.bossgoo-products-main .swiper-hot .money{}
.bossgoo-products-main .swiper-hot .contact{display: none;}
.bossgoo-products-main .contentRight .recommend .content li{padding: 10px;align-items: center;}
.bossgoo-products-main .contentRight .recommend{border-color:#eee;}
.bossgoo-products-main .contentRight .recommend .title,.bossgoo-products-main .contentRight .supplier{font-size:16px;}
.bossgoo-products-main .contentLeft .column .description .title{font-size:20px;}
.bossgoo-products-main .contentRight .recommend .content{padding:10px}
.bossgoo-products-main .contentRight .recommend .content li .text{width:calc(100% - 100px)}
.bossgoo-products-main .contentRight .recommend .content li .text a:nth-child(3){display:none}
.bossgoo-products-main .contentRight .recommend .content li .imgBox{margin:0 10px 0 0}
.bossgoo-products-main .contentRight .recommend .content li .titleTwo{font-size: 15px;font-weight: normal;-webkit-line-clamp: 4;}
.bossgoo-products-main .contentRight .recommend .content li .contact{}
.onion-hot-selling10 .onion-title,.onion-company-profile4 .profile2-ri .onion-title,.onion-certificate1 .onion-title,.onion-certificate3 .maintitle{font-size:24px!important;color:#282828!important;}
.onion-company-profile4 .profile2-box .onion-wrap{padding: 0px!important;align-items: center;}
.onion-company-profile4 .profile2-le-b{top:0!important;}
.onion-company-profile4{padding-top:20px!important;padding-bottom:20px!important;}
.onion-company-profile4 .profile2-le-b img{object-fit: cover!important;}
.onion-company-profile4 .profile2-ri-te{font-size:14px!important;-webkit-line-clamp: 30!important;}
.onion-company-profile4 .profile2-ri-teB{padding-top:15px!important;}
.onion-company-profile4 .profile2-le-box{padding-bottom:75%!important;}
.onion-certificate3 .maintitle:after{display:none!important;}
.onion-hot-selling10{margin-bottom:40px!important;} .bossgoo-index-news1 .newsList .newsBox{width:calc(33.3% - 30px);margin:0px 15px 30px!important;border-radius:0;transition:all .5s ease;}
.bossgoo-index-news1 .newsList .newsBox:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);}
.bossgoo-index-news1 .newsList .newsBox .imgBox .time{font-size:14px;background: rgba(0,0,0,0.6);transition:all .5s ease;}
.bossgoo-index-news1 .newsList .newsBox:hover .imgBox .time{background: rgba(3,83,165,0.6);}
.bossgoo-index-news1 .newsList .newsBox .newsTitle{white-space:normal;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:25px 20px 0px;font-size:16px;margin-bottom:20px;height: auto;}
.bossgoo-index-news1 .newsList .newsBox .newsTitle a{color:#333;height:46px;display:block}
.bossgoo-index-news1 .newsList .newsBox .newsContent{font-size:14px;padding:0 20px}
.bossgoo-index-news1 .newsList .newsBox .link{border:none;height:auto;margin-top:15px;margin-bottom:30px}
.bossgoo-index-news1 .newsList .newsBox .link a{font-size:14px;display:inline-block;padding:10px 30px;background:#0353a5;color:#fff;width:auto;height:auto;line-height:1.5;border-radius:5px}
.bossgoo-index-news1 .newsList .newsBox .link:hover a{color:#fff;background: #007aff;}
.bossgoo-index-news1 .newsList .newsBox .imgBox{padding-bottom: 75%!important;}
.bossgoo-index-news1{padding-bottom:10px!important;} #newsbanner2{height:400px;overflow:hidden}
.bossgoo-news-details1 h1{font-size:26px;color:#333}
.bossgoo-news-details1 .largePic{text-align:left;margin-bottom:30px}
.bossgoo-news-details1 .largePic .time{border-radius:0 0 5px 5px}
.bossgoo-news-details1 .content{line-height:1.6}
.bossgoo-news-details1 .navigationBar .leftbtn{font-size:14px}
.bossgoo-news-details1 .navigationBar .rightbtn{font-size:14px}
.bossgoo-news-details1 .details1-share{}
.bossgoo-supplier-email2 .emailTitle{font-size:20px;height:auto;line-height:1;padding-left:20px;margin-top:50px;margin-bottom:20px}
.bossgoo-supplier-email2 .form{}
.bossgoo-supplier-email2 .btnBox{height:auto;position:relative;display:block;margin:20px auto 50px}
.bossgoo-supplier-email2 .form input[type="submit"]{border-radius:5px;margin:0;border:none;background:#0353a5;color:#fff;font-size:14px;width:auto;height:auto;padding:15px 40px!important}
.bossgoo-supplier-email2 .form input{padding-left:20px!important}
.bossgoo-supplier-email2 .form textarea{padding-left:20px}
.bossgoo-supplier-email2 .btnBg:hover .btnBg{}
.bossgoo-supplier-email2 .btnBg:hover{width:auto!important;background:transparent}
.bossgoo-supplier-email2 .btnBg:hover input{background:#007aff} .bossgoo-contactus4-name4{padding:0;box-shadow: none;border:none;}
.bossgoo-contactus4-name4 .banner{display:none!important;}
.bossgoo-contactus4-name4 .wrap{display:none!important;}
.bossgoo-contactus4-name4 .bossgoo-breadbrumb1 .wrap{display:block!important;}
.bossgoo-contactus4-content4{padding-bottom:50px!important;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active .con4-boxImg{padding:10px;width: 120px;height: 120px;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form ul li{padding-bottom: 15px;}
.con4-BTe{font-size: 14px!important;}
.con4-BIcon{height: 70px!important;line-height: 70px!important;}
.bossgoo-contactus4-content4 .wrap .content4-box:first-child{width:60%}
.bossgoo-contactus4-content4 .wrap .content4-box{width:40%}
.bossgoo-contactus4-content4 .wrap .content4-box:nth-child(2) .content4-title{display:none;}
.bossgoo-contactus4-content4 .wrap .content4-box:nth-child(2) .content4-title.xs{display:block;}
.bossgoo-contactus4-name4 .swiper-slide{height:auto!important}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe{width:160px}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box{display:none}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box:nth-child(1){display:block}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form button.con4-inBut, #cpbanner .banner-box button{
font-size:16px!important;
margin: 0!important;
border-radius: 5px;
width: 100% !important;
line-height: 50px;
margin-top: 20px !important;
margin-bottom: 0 !important;
color: #fff !important;
font-size: 24px;
background-color: var(--btnBgColor) !important;
cursor: pointer;
border-width: 0;
}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B:nth-child(2) .con4-BIcon i{font-size: 37px;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B:nth-child(3) .con4-BIcon i{font-size: 33px;}
.bossgoo-contactus4-content4 .content4-conRi .con4-B:nth-child(2) .con4-BTe{display:none;}
.bossgoo-contactus4-content4 .content4-conRi .con4-B{align-items: center!important;}
.bossgoo-contactus4-content4 .content4-conRi .con4-B .con4-BTe2{font-size:14px;line-height: 1.5;} .solutionclass{display:flex;border-bottom: 1px solid #e5e5e5;margin-bottom: 60px;padding-top: 30px;justify-content: space-evenly;}
.solutionclass a{flex:0 0 50%;}
.solutionclass li{color:#333;text-align: center;}
.solutionclass li .title{font-size:16px;font-weight:bold;text-align: center;width: auto;display: inline-block;border-bottom: 4px solid #eee;line-height: 40px; }
.solutionclass li .summary{opacity: 0.8;margin-top: 20px;font-size: 14px;}
.solutionclass li:hover .title{border-bottom: 4px solid #0353a5;}
.solutionclass li.on .title{border-bottom: 4px solid #0353a5;}
.solution6{display:none;}
.solution6.on{display:block;}
.solution7{display:none;}
.solution7.on{display:block;} .solution2{padding: 0!important;}
.solution2row{max-width: 800px;margin: 0 auto 60px;display:block;}
.solution2row .more{font-size: 12px;border-radius: 5px;width: 100px;display: flex;justify-content: center;align-items: center;background: #0353a5;margin: 40px auto 0;padding: 10px 0;color: #fff;}
.solution2row .more:hover{background:#007aff}
.solutioncp{display:flex;}
.solutioncp li{flex:0 0 calc(25% - 30px);margin: 0 15px 0px;}
.solutioncp.li5 li{flex:0 0 calc(20% - 30px);margin: 0 15px 15px;}
.solutioncp li .img{position: relative;height:0;padding-bottom: 100%;border: 1px solid #eee;}
.solutioncp li:hover .img{border: 1px solid #0353a5;}
.solutioncp li .img img{position: absolute;width: 80%;height: 80%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;}
.solutioncp li:hover .img img{width: 90%;height: 90%;}
.solutioncp li .txt{color:#333;padding: 15px 20px;text-align: center;}
.solutioncp li .title{font-size: 16px; }
.solutioncp li .subtitle{font-size:14px;color: #999;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.solution2cont{max-width: 1200px;margin: 0 auto 0px;display:block;}
.solution2cont img{margin: 0 auto;display: block;}
.solution2cont .more{font-size: 12px;border-radius: 5px;width: 100px;display: flex;justify-content: center;align-items: center;background: #0353a5;margin: 40px auto 0;padding: 10px 0;color: #fff;}
.solution2cont .more:hover{background:#007aff} .capabilities .bossgoo-index-discover60{padding: 0px 0 60px!important;}
.capabilities .bossgoo-index-hots58{padding: 0px 0 60px!important;}
.capabilities .bossgoo-index-discover60.nlbmcl{padding: 0px 0 40px!important;}
.surface .bossgoo-index-discover60.nlbmcl{padding: 0px 0 40px!important;} .surface{padding-top:60px;}
.surface .bossgoo-index-discover60{padding: 0px 0 60px!important;}
.surface .bossgoo-index-hots58{padding: 0px 0 60px!important;} .solition-cont{}
.solition-contbt{max-width:800px;margin: 0 auto 60px;font-size:15px;text-align:center}
.solition-cont1{display:flex;justify-content:space-between}
.solition-cont1 li{flex:0 0 calc(50% - 40px);background:#f7f7f7}
.solition-cont1 .img{height:0;padding-bottom:66%;position:relative;overflow:hidden;background:#eee}
.solition-cont1 .img img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute}
.solition-cont1 .txt{padding:30px}
.solition-cont1 .title{color:#333;font-size:16px;font-weight:bold}
.solition-cont1 .subtitle{color:#666;font-size:14px;margin-top:15px;line-height:1.6}
.solition-cont1 .subtitle p{}
.solition-cont2{margin-top: 60px;}
.solition-cont2 li{display:flex;align-items:center;background:#f7f7f7}
.solition-cont2 li:nth-child(2){flex-direction:row-reverse}
.solition-cont2 .img{flex:0 0 50%;height:0;padding-bottom: calc(50% * 0.8);position:relative;overflow:hidden;background:#eee}
.solition-cont2 .img img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute}
.solition-cont2 .txt{padding:40px}
.solition-cont2 .title{color:#333;font-size:16px;font-weight:bold}
.solition-cont2 .subtitle{color:#666;font-size: 14px;margin-top: 10px;line-height: 1.6;}
.solition-cont2 .subtitle p{margin-bottom: 10px;}
.solition-cont2 .subtitle span{display:block;padding-left:15px;margin-bottom:5px;position:relative}
.solition-cont2 .subtitle span:before{content:'';position:absolute;border-radius:50%;left:0;top:8px;background:#666;width:5px;height:5px}
.solition-cont3bt{text-align:center;max-width:800px;margin: 60px auto 60px;font-size: 26px;font-weight: bold;color: #333;}
.solition-cont3bt span{display:block;font-size:16px;margin-top:10px;margin-bottom:10px;font-weight: normal;color: #0353a5;}
.solition-cont3bt p{color:#666;font-size: 15px;margin-bottom: 5px;font-weight: normal;}
.solition-cont3{display:flex;justify-content:space-between}
.solition-cont3 li{flex:0 0 calc(25% - 20px);background:#f7f7f7}
.solition-cont3 .img{height:0;padding-bottom:75%;position:relative;overflow:hidden}
.solition-cont3 .img img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute}
.solition-cont3 .txt{padding: 20px;}
.solition-cont3 .title{color:#333;font-size:16px;font-weight:bold;margin-bottom:15px}
.solition-cont3 .subtitle{color:#666;font-size: 14px;} .material{padding:60px 0}
.material-row{width:94%;max-width:1200px;margin:0 auto}
.material-list{display: block;width:100%}
.material-list li{display: flex;margin: 10px 0 10px;border-bottom: 1px solid #eee;padding: 20px;position:relative;align-items: center;}
.material-list .title{font-size: 15px;color:#333;flex: 0 0 20%;}
.material-list .summary{font-size:15px;flex: 1;padding: 0 20px;}
.material-list.material2 li .title{flex: 0 0 15%;}
.material-list.material2 li .summary{flex: 0 0 35%;}
.material-list .summary2{font-size:15px;padding: 0 20px;flex: 0 0 20%;}
.material-list .summary3{font-size:15px;padding: 0 20px;flex: 0 0 20%;}
.material-list.material3 li .title{flex: 0 0 15%;}
.material-list.material3 li .summary{flex: 0 0 45%;}
.material-list.material3 li .summary2{flex: 0 0 30%;}
.material-list .more{font-size:15px;flex: 1;text-align: right;}
.material-list .more a{color:#0353a5}
.material-cont{display:flex;flex-wrap:wrap;margin-top:50px}
.material-cont li{flex:0 0 calc(50% - 20px);margin:0 10px 20px;padding:30px;background:#f7f7f7}
.material-cont.material3 li{flex:0 0 calc(33.3% - 20px)}
.material-cont .title{font-weight:bold;font-size:16px;color:#333;margin-bottom:10px}
.material-cont .summary{font-size: 14px;}
.material-txt{text-align:center;padding:10px;margin-top:10px;color:#0353a5}
.material-bt{padding:0 10px;font-size:30px;font-weight:bold;color:#333;text-align:center;margin-bottom:20px}
.material-bz{padding:0 10px;font-size:12px}
.material-listbt{display: flex;padding: 0 20px 20px;border-bottom: 1px solid #ccc;font-size: 15px;font-weight: bold;color: #333;}
.material-listbt li:nth-child(1){flex: 0 0 20%;}
.material-listbt li:nth-child(2){padding: 0 20px;}
.material-listbt.materialbt2 li:nth-child(1){flex: 0 0 15%;}
.material-listbt.materialbt2 li:nth-child(2){flex: 0 0 35%;}
.material-listbt.materialbt2 li:nth-child(3){flex: 0 0 20%;padding: 0 20px;}
.material-listbt.materialbt2 li:nth-child(4){flex: 0 0 20%;padding: 0 20px;}
.material-listbt.materialbt3 li:nth-child(1){flex: 0 0 15%;}
.material-listbt.materialbt3 li:nth-child(2){flex: 0 0 45%;}
.material-listbt.materialbt3 li:nth-child(3){flex: 0 0 30%;padding: 0 20px;}
.nyaboutqh{margin-bottom: 52px;max-width:1200px;margin-left:auto;margin-right:auto;}
.nyaboutqh .capability2{margin-top:40px;}
.nyaboutqh .capability2 .swiper-slide{background:#fff;}
.nyaboutqh .capability .lintitle{font-size:20px;}
.popUp .main .content .title{background-color: #0353a5!important;}
.solution-detail .solution-detail-box .box3.solution5cptd{background: url(//www.cttechx.com/static/image/9b0989ca78382246e844599c6fbb78.jpg@95Q.webp) no-repeat center;position: relative;background-size: cover;margin-top: 40px;}
.solution-detail .solution-detail-box .box3.solution5cptd:before{content:'';position:absolute;width:100%;height: 100%;background: rgba(0,0,0,0.3);}
.solution-detail .solution-detail-box .box3.solution5cptd .item{padding: 80px 50px 80px 50px;width: 100%;max-width: 700px;margin: 0 auto;border: none;background: transparent;}
.solution-detail .solution-detail-box .box3.solution5cptd .item .text{width:100%;font-size: 15px;height: auto;padding: 10px 0;color: #fff;letter-spacing: 0.5px;}
.solution-detail .solution-detail-box .box3.solution5cptd .item .text strong{ }
.jjfa1row{width:100%;}
.jjfa1row p{font-size:15px;line-height:1.6}
.jjfa1{width:100%;margin-top: -30px;}
.jjfa1 ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.jjfa1 ul li{background:#f7f7f7;margin-top: 30px;flex: 0 0 calc(50% - 20px);padding: 30px;}
.jgcl{width:94%;max-width:1200px;margin:0 auto;}
.nlcx{width:94%;max-width:1200px;margin:0 auto 60px;}
.nljj{margin-bottom: 0px!important;}
.nljj .capability_row1 li{align-items: flex-start;}
.jjfa1jj{margin-bottom: 0!important;}
.solution-detail .solution-detail-box.jjfa1jg{margin-bottom: 0!important;}
.content6-imgPlay{display:none!important;}
.bossgoo-language1{padding:50px 0;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active{width:auto;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active .con4-boxName{font-size:15px;-webkit-line-clamp: 4!important;max-height:none;}
#ewm_mousein3{font-size:14px;padding:10px;}
#ewm_mousein3 div:nth-child(1){display:none;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi .con4-conRi-swiper .swiper-wrapper .swiper-slide .con4-Box .con4-B:nth-child(3){display:none!important;}     .bossgoo-supplier-email1 .form{margin-bottom:30px;}
.bossgoo-certify-list1{margin-top:30px;}
.country-list ul li:nth-child(10){text-transform: lowercase;}
@media only screen and (max-width: 1580px){
.bossgoo-header-nav1 .nav>ul>li{padding: 0 20px;}
.bossgoo-index-banner2 .content .dark-wrap h1{font-size:30px;margin-bottom:5px;}
.bossgoo-index-banner2 .content .dark-wrap p{font-size:16px;margin-bottom:30px;}
.bossgoo-index-banner2 .content .dark-wrap ul p{font-size:16px;}
.bossgoo-index-banner2 .content{padding:120px 40px 40px 40px;}
.bossgoo-index-banner2 .content .dark-wrap li{margin-bottom:15px;}
}
@media only screen and (max-width: 1360px){
.bossgoo-header-nav1 .nav{margin-right:0px!important;}
.navquote a{padding:10px;}
.bossgoo-header-nav1 .search-box{margin-right:20px!important;}
.bossgoo-header-nav1 .nav>ul>li{padding:0 10px!important;}
.bossgoo-header-nav1 .nav > ul > li a{font-size:15px;}
.bossgoo-header-nav1 .logo{max-width: 220px !important;}
.bossgoo-index-factory59 img{width:100%;}
.bossgoo-index-banner2 .content .dark-wrap h1{font-size:26px;margin-bottom:5px;}
.bossgoo-index-banner2 .content .dark-wrap p{font-size:15px;margin-bottom:20px;}
.bossgoo-index-banner2 .content .dark-wrap ul p{font-size:15px;}
.bossgoo-index-banner2 .content{padding:120px 40px 40px 40px;}
.bossgoo-index-banner2 .content .dark-wrap li{margin-bottom:10px;}
}
@media only screen and (max-width: 1200px){
.bossgoo-header-nav1 .nav{margin-right:0px!important;}
.bossgoo-header-nav1 .search-box{padding:0 10px!important;}
.bossgoo-header-nav1 .nav > ul > li a{font-size:15px!important;}
.bossgoo-header-nav1 .logo{max-width:190px!important;}
.navquote{display:none;}
.pageBanner .banner-box .page-title{font-size:22px!important;}
.pageBanner .banner-box .page-summary{margin-top:5px!important;font-size:15px!important}
.bossgoo-index-banner2 .content{width:60%;left:0;padding:120px 60px 60px;}
.bossgoo-index-banner2 .content .dark-wrap h1{font-size:24px;margin-bottom:5px;}
.bossgoo-index-banner2 .content .dark-wrap p{font-size:16px;}
.bossgoo-index-banner2 .content .dark-wrap ul p{font-size:15px;}
.bossgoo-index-banner2 .content .dark-wrap ul li{margin-bottom:10px}
.bossgoo-com-item .first-title{font-size:20px!important;margin-bottom:15px;}
.capability_row1 .title,.capability_row2 .title,.capability_row3 .title{font-size: 16px;}
.capability_row1 img,.capability_row2 img{width:60px;height:60px;margin-right:20px;}
.capability_row3 img{width:60px;height:60px;}
.capability_row2 li{flex: 0 0 calc(50% - 20px);margin-bottom: 40px;}
.sidebar{width: 300px;}
.sidebar .title{width:auto;}
.sidebar .title p{apdding-left:15px;}
.sidebar li{padding-left: 15px;}
.sidebar li .link{line-height: 1.5;padding-top: 10px;padding-bottom: 10px;}
.bossgoo-search-main .main-r .ListboxTwo li .box-r{padding-top:0;}
.index-title .title,.lintitle,.about .about1 .contact .c-title,.about-detail .detail-box .detail-title .title{font-size: 20px!important;margin-bottom: 15px!important;}
.footer_top_nav{max-width:180px;}
.solutioncp li .txt{padding:10px;}
.solutioncp li .title{font-size:15px;}
.about .about1 .contact .contact-change .item{font-size:15px!important;padding: 10px 10px 10px 30px!important;}
.contact .contact-box .contact-change .item::after{left:10px!important;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-title{font-size:24px;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active{width:120px;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe .con4-box-active p{max-height: none!important;-webkit-line-clamp: 4!important;}
.public_nav_ul{margin-bottom:50px;}
.public_nav_li a{font-size:14px!important;}
.public_nav_li{margin-right:15px!important;margin-right: 8px!important;}
.material-list li{padding:15px;}
.bossgoo-index-banner2 .content .dark-wrap h1{font-size:20px;margin-bottom:5px;}
.bossgoo-index-banner2 .content .dark-wrap p{font-size:14px;margin-bottom:15px;}
.bossgoo-index-banner2 .content .dark-wrap ul p{font-size:14px;}
.bossgoo-index-banner2 .content{padding:110px 40px 40px 40px;}
.bossgoo-index-banner2 .content .dark-wrap li{margin-bottom:10px;}
}
@media only screen and (max-width: 1040px){
body{line-height:1.3;}
#google_translate_element{display:none;}
.bossgoo-header-nav1 .header-phone{height:60px;justify-content: space-between;}
.bossgoo-header-nav1 .search-box{margin-right: 10px !important;height: 60px !important;background-color: transparent!important;}
.bossgoo-header-nav1 .logo{margin-left:0}
.bossgoo-header-nav1 .logo{max-width:160px!important;}
.bossgoo-header-nav1 .header-phone .menu-icon{width:60px!important;}
.bossgoo-header-nav1 .header-phone .menu .phone-nav{max-height: max-content;height: calc(100vh - 60px);width:70vw;}
.bossgoo-header-nav1 .header-phone .menu .phone-nav ul li:nth-child(8){display:none;}
.bossgoo-header-nav1 .header-phone .menu .phone-nav a{line-height: 1.2;white-space: normal;padding: 6px 0;}
.bossgoo-index-banner2 .content{padding:100px 5% 60px;width: 50%;}
.bossgoo-index-banner2 .content .dark-wrap h1{font-size:20px;}
.bossgoo-index-banner2 .content .dark-wrap p{font-size:15px;margin-bottom:20px;line-height: 1.5;}
.bossgoo-index-banner2 .content .dark-wrap ul p{font-size:14px;line-height: 1.5;}
.bossgoo-index-banner2 .content .dark-wrap #hero-primary-cta-button{display:none;}
.bossgoo-index-banner2 .companies-that-trust-hubs .text{margin-right:15px;padding: 0;}
.bossgoo-index-banner2 .companies-that-trust-hubs .images img{width:40px;margin-right:15px;height: 27px!important;}
.bossgoo-index-hots58,.bossgoo-index-products37,.bossgoo-index-news59,.bossgoo-index-partner53,.bossgoo-index-about57,.bossgoo-index-discover60{padding-top: 40px !important;padding-bottom: 40px !important;}
.bossgoo-com-item .first-title,.index-title .title,.lintitle,.about .about1 .contact .c-title,.about-detail .detail-box .detail-title .title{font-size: 18px!important;margin-bottom: 15px!important;}
.linsub{font-size:14px;}
.capability1 .swiper-slide{width: 33%!important;line-height: 1.4;padding: 5px;font-size: 15px;}
.capability_row1 li,.capability_row2 li,.capability_row3 li{flex:0 0 100%;margin-bottom:30px;align-items: flex-start;}
.capability_row1 .subtitle,.capability_row2 .subtitle,.capability_row3 .subtitle{letter-spacing:0;}
.capability_row1 img,.capability_row2 img,.capability_row3 img{width:40px;height:40px;}
.case-box{display:none!important;}
.bossgoo-index-factory59 img{}
.linmore{display:none;}
.bossgoo-index-about57 .about57-item{padding:10px;width:50%;border:none}
.bossgoo-index-about57 .first-title,.bossgoo-index-about57 .about57-conBox{width:100%;float:left;}
.bossgoo-index-about57 .about57-tit1{font-size:20px!important;}
.bossgoo-index-about57 .about57-list{width:100%;padding:0;margin-top: 20px;float: left;}
.bossgoo-index-about57 .about57-conBox{font-size:14px;line-height:1.6;}
.bossgoo-index-about57 .about57-textBox{color:#333;}
.bossgoo-index-factory59{padding:40px 0!important;overflow: hidden;}
.bossgoo-index-factory59 .wrap{padding:0!important;width:100%!important; }
.bossgoo-index-factory59 .area-box .ddn{font-size: 12px;}
.bossgoo-index-news59 .newsDisplay.show{margin-top:30px;}
.bossgoo-index-news59 .newsDisplay .disL, .bossgoo-index-news59 .newsDisplay .disR{width:100%;}
.index5s .swiper-slide .text{font-size:14px!important;}
.index5s .swiper-slide .text{padding:0;}
.bossgoo-index-partner53 .swiper-slide{margin-right:10px!important;width:calc((100% - 20px) / 3)!important;}
.content .cards{flex-wrap:wrap;padding: 20px 20px 20px 50px;}
.content .card{flex:0 0 100%;padding:20px 0;text-align: left;}
.content .cards:before{left: 26px;width:2px;height: 75%;top: 48px;}
.content .card:before{top: 22px;left: -25px;}
.content .card-title{margin-bottom:5px;}
.footer_top_inner,.footer_copyright{flex-wrap: wrap;}
.footer_top_nav{flex:0 0 48%;}
.footer_top_contact{padding-top:40px;}
.footer_top_contact img{max-width:160px;}
.footer_copyright p{flex:0 0 100%;}
.bossgoo-language1{padding:50px 0;}
.pc.bossgoo-breadbrumb1{display:block!important;line-height: 20px;padding: 10px 0!important;}
.phone.bossgoo-breadbrumb2{display:none!important;}
.bossgoo-search-main .main-r{padding:0;width: 100%;overflow: hidden;}
.bossgoo-search-main .main-r .tabBox .text h1{font-size:16px;}
.bossgoo-search-main .main-r .ListboxTwo li{padding:15px 0;}
.bossgoo-search-main .main-r .ListboxTwo li .box-l{width:40%;}
.bossgoo-search-main .main-r .ListboxTwo li .box-r{width:60%;}
.bossgoo-search-main .main-r .ListboxTwo li .box-r .title a{-webkit-line-clamp: 4;line-height: 1.1;}
.bossgoo-search-main .main-r .ListboxTwo li .box-r .now{padding:5px 10px;}
.bossgoo-search-main .main-r .ListboxOne li{width: calc(50% - 20px);margin: 10px;}
.bossgoo-search-main .main-r .ListboxOne li .content a{padding:0;}
.bossgoo-products-main{margin:0;}
.bossgoo-products-main .bigPic{height:auto;}
.bossgoo-products-main .picBox .text .title{font-size:20px;}
.bossgoo-products-main .contentLeft .attributes .bossdesc div,.bossgoo-products-main .contentLeft .attributes .bossdesc p,.bossgoo-products-main .contentLeft .attributes .bossdesc span{font-size:14px!important;line-height:1.4;}
.iphoneHot li a{display:block;border:1px solid #eee;}
.iphoneHot li .content a{border:none;}
.bossgoo-products-main{padding-bottom:40px!important;}
.bossgoo-products-main .contentLeft .hot a .title{font-size:14px!important;}
.solution-detail .solution-detail-box{margin-bottom:40px!important;}
.solution-detail .solution-detail-box .box3{flex-wrap: wrap;}
.solution-detail .solution-detail-box .box3 .item{max-width:100%!important;}
.solution-detail .solution-detail-box .box3 .item{flex:0 0 100%;margin-bottom:20px!important;}
.solution-detail .solution-detail-box .box3.li4a,.solution-detail .solution-detail-box .box3,.solution-detail .solution-detail-box .box3.li5a{grid-template-columns: repeat(1, 1fr)!important;grid-gap: 0px!important;}
.solution-detail .solution-detail-box .box3 .item .text{padding: 20px 10px 10px!important;}
.index-padding{padding:40px 0!important;}
.solution-detail .solution-detail-box .box3 .item .text .box .tip{line-height:1.3;}
.bossgoo-search-main .main-r .ListboxOne li .content .text{font-size:14px;line-height:1.3;-webkit-line-clamp: 3;height:auto;}
.solution-detail .solution-detail-box.nljj{margin-bottom:0!important;}
.jgcl li{flex:0 0 calc(50% - 20px)!important;margin:0 10px 20px!important;}
.jgbm li{flex:0 0 calc(50% - 20px)!important;margin:0 10px 20px!important;}
.jgcl,.jgbm{width:98%!important}
.nlcx{margin-bottom:40px!important;}
.capabilities .bossgoo-index-discover60,.capabilities .bossgoo-index-hots58{padding-bottom:40px!important;}
.solutionfl{padding:40px 0!important;}
.solutionfl ul li{flex:0 0 100%!important;}
.solutionfl ul li .txt,.solutionfl ul li .summary{height:auto!important;-webkit-line-clamp: 10!important;}
.jjfa1row p{font-size:14px;}
.solution-detail .solution-detail-box.jjfa1jj{margin-bottom:0!important}
.solition-contbt{margin-bottom:40px!important;}
.solition-cont1,.solition-cont2 li,.solition-cont3{flex-wrap: wrap;}
.solition-cont1 li,.solition-cont3 li{flex:0 0 100%;margin-bottom:20px;}
.solition-cont1 .txt{padding:20px;}
.solition-cont1 .subtitle,.solition-cont2 .subtitle{line-height:1.4;}
.solition-cont2{margin-top:30px}
.solition-cont2 .img,.solition-cont2 .txt{flex:0 0 100%;}
.solition-cont2 .txt{padding:20px;}
.solition-cont2 li:nth-child(2){flex-direction: row;}
.solition-cont3bt{font-size:18px!important;margin:40px 0!important;}
.solution-detail .solution-detail-box .box5,.solution-detail .solution-detail-box .box2{grid-template-columns: repeat(1, 1fr)!important;}
.solution-detail .solution-detail-box .box2{grid-gap: 10px!important;}
.solution-detail .solution-detail-box .box2 .item{padding:15px!important;font-size:14px!important;}
.solutioncp{flex-wrap: wrap;}
.solutioncp.li5 li,.solutioncp li{flex:0 0 calc(50% - 20px);margin:0 10px 10px;width: calc(50% - 20px);}
.solution-detail .solution-detail-box .box3.solution5cptd .item{padding:30px;}
.solution-detail .solution-detail-box .box3.solution5cptd .item .text{padding:10px!important;}
.solutionclass{padding-top:20px;margin-bottom:20px;}
.solutionclass li .title{line-height:1.4;font-size: 15px;padding: 0;padding-bottom: 10px;}
.solution-detail.solution2 .solution-detail-box{margin:40px 0 0!important}
.solution-detail.solution2{padding:0!important}
.solution2row{margin-bottom:40px;}
.public_nav_default_text, .public_nav_default_text a{line-height: 20px!important;padding: 10px 0 !important;}
.public_nav_ul{width: 100%!important;margin-top: -30px!important;margin-bottom: 40px!important;}
.public_nav_li a{padding: 15px 5px 15px!important;}
.contact .contact-box{padding:10px!important;}
.about .about1 .contact .contact-change .item{width:100%!important;margin: 0 0 5px!important;flex:0 0 100%!important;}
.about .about1 .contact .contact-show .img{flex:0 0 100%;width:100%;}
.contact .contact-box .contact-show .text{flex:0 0 100%;width:100%;padding:0;margin-bottom: 20px;}
.contact .contact-box .contact-show .text .summary{font-size:14px!important}
.nyaboutqh .capability1 .swiper-slide{width: 48%!important;}
.about-detail .detail-box .oem-box .item .img img{width:50px;height:50px;}
.about5honor{padding-bottom:0!important;}
.about3{padding-top:40px!important;}
.about-detail .detail-box.box2{margin-top:40px!important;}
.about-detail .detail-box .odm-box .item .text{font-size:14px!important;}
.bossgoo-index-news1 .newsList .newsBox{flex:0 0 100%!important;margin:0 0 15px!important;}
.bossgoo-index-news1 .newsList .newsBox .newsTitle a{font-size:15px!important;height:auto;}
#newsbanner2{height:auto;}
.bossgoo-news-details1 .largePic .time{font-size:14px;}
.bossgoo-news-details1 h1{font-size:18px!important;}
.bossgoo-supplier-email2 .btnBox{width:auto;height:auto;text-align:center;}
.bossgoo-supplier-email2 .btnBg{width:auto;height:auto;display:inline-block;}
.bossgoo-contactus4-content4 .wrap .content4-box:first-child,.bossgoo-contactus4-content4 .wrap .content4-box{width:100%;flex:0 0 100%;margin-bottom: 10px;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-title{font-size:18px!important;}
.bossgoo-contactus4-content4{padding-bottom:0!important;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conLe{display:none;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-conRi{width:100%;padding: 0;}
.surface{padding-top:40px;}
.surface .bossgoo-index-discover60{padding-bottom:40px!important;}
.material{padding:40px 3%;}
.material-listbt{padding:0 0px 10px;}
.material-listbt li:nth-child(1){flex:0 0 30%}
.material-list .title{flex:0 0 30%}
.material-listbt li:nth-child(2){padding:0 10px;}
.material-list .title,.material-list .summary,.material-list .more{font-size:14px;}
.material-cont li,.material-cont.material3 li{flex:0 0 100%;margin:0 0 15px;padding:20px;}
.material-list .summary{padding:0 10px;}
.material-row{width:100%;}
.material-list li{padding:10px 0}
.material-list .more{width: 60px!important;flex: 0 0 auto!important;padding: 0 0 0 20px!important;}
.material-bt{font-size:18px;}
.material-listbt.materialbt2,.material-list.material2 li{flex-wrap: wrap;}
.material-listbt.materialbt2 li:nth-child(1){flex: 0 0 100%;padding: 0;margin-bottom: 10px;}
.material-listbt.materialbt2 li:nth-child(2){flex: 0 0 100%;padding: 0;margin-bottom: 10px;}
.material-listbt.materialbt2 li:nth-child(3){flex: 0 0 100%;padding: 0;margin-bottom: 10px;}
.material-listbt.materialbt2 li:nth-child(4){flex: 0 0 100%;padding: 0;}
.material-list.material2 li .title{flex: 0 0 100%;padding: 0 0px;margin-bottom: 20px;}
.material-list.material2 li .summary{flex: 0 0 100%;padding: 0 0px;}
.material-list .summary2{font-size:14px;padding: 0 0px;flex: 0 0 100%;margin-top: 20px;}
.material-list .summary3{font-size:14px;padding: 0 0px;flex: 0 0 100%;margin-top: 20px;}
.material-list.material2 .more{width: 100%!important;text-align: center;padding: 0!important;margin-top: 20px;}
.material-listbt.materialbt3,.material-list.material3 li{flex-wrap: wrap;}
.material-listbt.materialbt3 li:nth-child(1){flex: 0 0 100%;margin-bottom: 5px;}
.material-listbt.materialbt3 li:nth-child(2){flex: 0 0 100%;padding:0;margin-bottom: 5px;}
.material-listbt.materialbt3 li:nth-child(3){flex: 0 0 100%;padding: 0px;}
.material-list.material3 li .title{flex: 0 0 100%;padding: 0px;margin-bottom: 10px;}
.material-list.material3 li .summary{flex: 0 0 100%;padding: 0px;}
.material-list.material3 li .summary2{flex: 0 0 100%;padding: 0px;margin-top:10px;}
.material-list.material3 .more{width: 100%!important;text-align: center;padding: 0!important;margin-top: 20px;}
.bossgoo-contactus4-content4 .wrap .content4-box .content4-con .content4-con-form button.con4-inBut{width:100%!important;margin:0 auto!important;background:#0353a5!important;padding: 0 20px;height: 40px;line-height: 40px!important;outline: none;border: none;}
.index1 .swiper-button-prev,.index1 .swiper-button-next{display:none;}
.bossgoo-footer51{display:block!important;padding:0!important;}
.bossgoo-footer51 .phone,.bossgoo-footer51 .footer51-bot{display:none!important;}
.bossgoo-footer51 .phone.phone-footer{display:block!important;}
.bossgoo-footer51 .phone-footer span{font-size:13px!important;}
.footer_copyright{padding-bottom:20px;}
.bossgoo-footer51 .phone-footer li{padding:8px 0!important;}
.bossgoo-index4-botBread{display:none!important;}
}
@media only screen and (max-width: 768px){
#cpbanner .banner-box button{
padding: 5px 10px;
}
.bossgoo-index-banner2 .banner4-box{padding:0;height:100%!important;}
.bossgoo-index-factory59 img{display: block;}
.bossgoo-index-banner2 .content .dark-wrap ul,.bossgoo-index-banner2 .companies-that-trust-hubs{ }
.bossgoo-index-banner2 .content .dark-wrap p.bgg{display: none;}
.bossgoo-index-banner2 .content .dark-wrap p{display: block;}
.bossgoo-index-banner2 .content .wrap{width: 100%!important;padding-right: 20%!important;}
.bossgoo-index-banner2 .content{width: 98%;padding-top: 120px;}
.bossgoo-index-banner2{padding-top:60px;height: 420px;}
.bossgoo-index-banner2 .banner2-box{padding:0;height: 100%;}
.bossgoo-index-banner2 .companies-that-trust-hubs .text{transform: scale(0.78);}
.bossgoo-index-factory59 .area-box .ddn{transform: scale(0.58);}
.linsub{ width:100%!important;}
.bossgoo-index-factory59 .linsub{ width:90%!important;}
.index1 .swiper .swiper-slide .text{padding:16px 8px;width: 100%;height: auto;} .bossgoo-index-banner2 .content .dark-wrap p ,
.bossgoo-index-banner2 .companies-that-trust-hubs .text ,
.linsub ,
.index1 .swiper .swiper-slide .text .box .summary ,
.capability_row1 .subtitle ,
.capability_row2 .subtitle ,
.capability_row3 .subtitle ,
.bossgoo-index-about57 .about57-conBox ,
.content .card-subtitle ,
.index5s .swiper-slide .text ,
.bossgoo-index-about57 .about57-textBox ,
.bossgoo-index-news59 .content ,
.text-hidden2 ,
.footer_top_nav ul>li a ,
.footer_top_nav ul>li ,
.about .about1 .summary ,
.about .about1 .number .number-box .bottom ,
.about .about1 .contact .contact-change .item ,
.public_nav_default_text,
.public_nav_default_text a ,
.about .about1 .contact .contact-show .text .summary ,
.about .about1 .contact .contact-show .text .summary2 p ,
.bossgoo-contactus4-content4 .wrap .content4-box .content4-text ,
.bossgoo-index-news1 .newsList .newsBox .newsContent ,
.pc.bossgoo-breadbrumb1 span ,
.bossgoo-news-details1 .content ,
.solution-detail .solution-detail-box .box3 .item .text .box .tip ,
.capabilities .index-title .summary ,
.solutionfl ul li .summary ,
.index5 .swiper-slide .text .title.clamp1 ,
.jgbm li p ,
.jjfa1row p ,
.solition-contbt ,
.solition-cont1 .subtitle ,
.solition-cont2 .subtitle ,
.solition-cont3bt span ,
.solition-cont3 .subtitle ,
.solition-cont3bt p ,
.index-title .summary ,
.solution-detail .solution-detail-box .box3.solution5cptd .item .text ,
.solutioncp li .title ,
.solution2row p ,
.solutioncp li .title ,
.bossgoo-products-main .contentLeft .attributes .bossdesc div ,
.bossgoo-products-main .contentLeft .hot a .title ,
.pc.bossgoo-breadbrumb1 a ,
.bossgoo-products-main .contentLeft .attributes .attr1_table ,
.solutioncp li .subtitle ,
.bossgoo-search-main .main-r .ListboxOne li .content .text ,
.attributes .detail_infos
{font-size:12px!important; letter-spacing:-0.24px;} .index1 .swiper .swiper-slide .text .title ,
.bossgoo-header-nav1 .header-phone .menu .phone-second-nav .phone-third-nav li a
{font-size:13px!important; letter-spacing:-0.14px;} .capability1 .swiper-slide ,
.capability_row1 .title ,
.capability_row2 .title ,
.capability_row3 .title ,
.bossgoo-index-news59 .newsDisplay .disR .newsBox .newstitle ,
.bossgoo-index-news59 .newsDisplay .disL .title ,
.contact .contact-box .contact-show .text .title ,
.bossgoo-index-news1 .newsList .newsBox .newsTitle a ,
.solutionfl ul li .txt ,
.lintitle,
.solition-cont1 .title ,
.solition-cont2 .title ,
.solition-cont3bt ,
.solition-cont3 .title ,
.solutionclass li .title ,
.bossgoo-products-main .picBox .text .title ,
.bossgoo-products-main .contentLeft .attributes .title ,
.bossgoo-search-main .main-r .title h1 ,
.bossgoo-search-main .main-r .titleBox .text h2
{font-size:14px!important; letter-spacing:-0.18px;} .bossgoo-news-details1 h1 ,
.bossgoo-header-nav1 .header-phone .menu .phone-second-nav li a
{font-size: 15px!important;letter-spacing:-0.18px;width: 100%;} .bossgoo-header-nav1 .header-phone .menu .phone-nav a
{font-size:17px!important;}
.capability_row1 .subtitle , .capability_row2 .subtitle ,	.capability_row3 .subtitle 	{ letter-spacing:-0.58px;}
.bossgoo-index-hots58.bossgoo-com-item .wrap .linsub{ letter-spacing:-0.92px;}
.index1 .swiper .swiper-slide .text .title{height:40px!important;}
.index5s .swiper-slide .text{ padding:0!important;}
.footer_top_nav ul>li{margin-bottom:10px;}
.bossgoo-index-news59 .newsDisplay .disR .newsBox .days {line-height:34px;}
.contact .contact-box .contact-change .item::after {left: 6px!important;}
.contact .contact-box {padding: 4px!important;}
.bossgoo-header-nav1 .header-phone .menu .phone-nav{width:86vw;}
.bossgoo-header-nav1 .header-phone .menu .phone-second-nav{opacity: .86;}
.bossgoo-header-nav1 .header-phone .menu .phone-second-nav .phone-third-nav li a{opacity: .78;}
}
.section {
width: 90%;
max-width: 1200px;
margin: auto;
}
.banner{position:relative;width:100%;height:100vh}
.banner::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4)}
.banner img,.banner video{width:100%;object-fit:cover;display:block;height:100vh}
.banner .text{max-width:1200px;width:90%;margin:auto;position:absolute;top:0;right:0;left:0;bottom:20%;display:flex;flex-direction:column;height:fit-content;justify-content:center;color:#fff;z-index:2;text-align:center}
.banner .text .title{font-size:2.5vw;line-height:1.4;color:#fff;text-align:left}
.banner .text .summary{font-size:1.25vw}
@media screen and (max-width:1600px){
.banner .text .title{font-size:24px}
.banner .text .summary{font-size:18px}
}
@media screen and (max-width:1366px){
.banner .text .title{width:100%}
.banner .text .summary{width:100%}
.banner .text{flex-direction:column}
}
@media screen and (max-width:768px){
.banner .text .title{font-size:20px}
.banner{height:60vh}
.banner .text .summary{font-size:16px}
.banner img,.banner video{height:60vh}
}
.index-padding{padding:60px 0 60px}
.solution5 .index-padding{padding-bottom:0}
.index-title{text-align:center;margin-bottom:30px}
.index-title.left{text-align:left}
.index-title.left .line{margin-left:0}
.index-title .sup{font-size:1.5625vw;color:#000;opacity:0.3;text-transform:uppercase}
.index-title .sup.colorW{color:#fff}
.index-title .title{font-size:26px;font-weight:bold;color:#333;text-transform:capitalize;line-height:1.2;margin-bottom:20px}
@media screen and (max-width: 1440px) {
.index-title .title {font-size: 24px;}
}
@media screen and (max-width: 768px) {
.index-title .title {font-size: 20px;}
.index-title .sup {font-size: 14px;}
}
.index-title .title.colorW{color:#fff}
.index-title .line{width:40px;height:2px;background:var(--dominant-color);margin:30px auto}
.index-title .summary{font-size:15px;color:#666;margin-top:20px}
.capabilities .index-title .summary{max-width:1000px;margin-left:auto;margin-right:auto}
@media screen and (max-width: 1440px) {
.index-title .summary {font-size: 14px;}
}
.index3 {margin-bottom: 4%;}
.index3 .index3-box {display: flex;justify-content: space-between;}
@media screen and (max-width: 1280px) {
.index3 .index3-box {flex-direction: column;}
}
.index3 .index3-box .change-item {width: 500px;display: flex;flex-direction: column;justify-content: space-between;}
@media screen and (max-width: 1280px) {
.index3 .index3-box .change-item {width: 100%;flex-direction: row;}
}
@media screen and (max-width: 768px) {
.index3 .index3-box .change-item {flex-direction: column;margin-bottom: 20px;}
}
.index3 .index3-box .change-item .item {
flex: 1;
background: #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25vw;
cursor: pointer;
border: 1px solid #f5f5f5;
flex-basis: 150px;
padding: 20px;
}
@media screen and (max-width: 1280px) {
.index3 .index3-box .change-item .item {
height: 100px;
}
}
@media screen and (max-width: 768px) {
.index3 .index3-box .change-item .item {
flex-basis: 50px;
font-size: 12px;
padding: 10px;
}
}
.index3 .index3-box .change-item .item.active {
border: 1px solid #ddd;
background: #fff;
}
.index3 .index3-box .change-show {
padding: 2.604vw;
width: calc(100% - 500px);
background: #E6F1FC;
display: flex;
align-items: flex-start;
}
.index3 .index3-box .change-show .box {
margin-top: 30px;
line-height: 2.5;
font-size: 16px;
}
@media screen and (max-width: 1280px) {
.index3 .index3-box .change-show {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.index3 .index3-box .change-show {
padding: 20px;
}
}
.index3 .index3-box .change-show .item {
display: none;
}
.index3 .index3-box .change-show .item.active {
display: block;
}
.index3 .index3-box .change-show .content-cards--progress .cards {
display: flex;
grid-gap: 3rem;
margin-top: 4rem;
position: relative;
}
.index3 .index3-box .change-show .content-cards--progress .cards:before {
content: ' ';
width: 100%;
height: 3px;
background-color: #0071E3;
position: absolute;
top: -1.5rem;
left: 0;
}
.index3 .index3-box .change-show .content-cards--progress .card {
flex: 2;
position: relative;
}
.index3 .index3-box .change-show .content-cards--progress .card:before {
content: ' ';
width: 6px;
height: 6px;
background: white;
border-radius: 50%;
border: 3px solid #0071E3;
position: absolute;
top: -1.75rem;
left: 0;
}
.index3 .index3-box .change-show .content-cards--progress .card .card-title {
font-size: 16px;
font-weight: bold;
color: #262626;
}
.index3 .index3-box .change-show .content-cards--progress .card .card-subtitle {
font-size: 14px;
color: rgba(0, 0, 0, 0.85);
margin-top: 0.5rem;
}
.index3 .index3-box .change-show .content-cards--progress .card:last-of-type:before {
width: 16px;
height: 16px;
top: -2rem;
left: unset;
right: -1px;
}
@media screen and (max-width: 768px) {
.index3 .index3-box .change-show .content-cards--progress .cards {
margin-top: 0;
flex-direction: column;
}
.index3 .index3-box .change-show .content-cards--progress .cards {
grid-gap: 2rem;
}
.index3 .index3-box .change-show .content-cards--progress .card:before {
top: 2.375rem;
left: calc(1rem - 9px);
}
.index3 .index3-box .change-show .content-cards--progress .cards:before {
height: calc(100% - 4rem);
width: 3px;
top: 3rem;
left: calc(1rem - 4px);
}
.index3 .index3-box .change-show .content-cards--progress .card {
padding-left: 2rem;
padding-right: 0;
}
.index3 .index3-box .change-show .content-cards--progress .card .card-title {
margin-top: 2rem;
}
.index3 .index3-box .change-show .content-cards--progress .card:last-of-type:before {
top: 2rem;
left: calc(1rem - 13px);
right: unset;
}
}
.index4 {
margin-bottom: 4%;
}
.index4 .index4-box {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 768px) {
.index4 .index4-box {
flex-direction: column;
}
}
.index4 .index4-box .text {
flex-basis: 45%;
}
.index4 .index4-box .text .title {
font-size: 1.042vw;
}
@media screen and (max-width: 1600px) {
.index4 .index4-box .text .title {
font-size: 18px;
margin-bottom: 10px;
}
}
.index4 .index4-box .text .summary {
line-height: 1.4;
color: #666;
font-size: 0.729vw;
}
@media screen and (max-width: 1600px) {
.index4 .index4-box .text .summary {
font-size: 14px;
}
}
.index4 .index4-box .img {
flex-basis: 50%;
}
.index4 .index4-box .img img {
width: 100%;
}
.index4 .index4-number {
display: flex;
margin-top: 2.083vw;
}
@media screen and (max-width: 768px) {
.index4 .index4-number {
flex-wrap: wrap;
}
}
.index4 .index4-number .item {
flex: 1;
text-align: center;
}
@media screen and (max-width: 768px) {
.index4 .index4-number .item {
width: 50%;
flex: auto;
margin-bottom: 20px;
}
}
.index4 .index4-number .item .top {
font-size: 20px;
color: #169bd5;
}
@media screen and (max-width: 768px) {
.index4 .index4-number .item .top {
font-size: 12px;
}
}
.index4 .index4-number .item .bottom {
font-size: 24px;
}
@media screen and (max-width: 768px) {
.index4 .index4-number .item .bottom {
font-size: 16px;
}
}
.index5-box,.index6-box{overflow:hidden;position: relative;}
.index5-box .swiper-button-prev,
.index5-box .swiper-button-next {
color: #fff;
width: 40px;
height: 40px;
flex-direction: row;
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
border-radius: 50%;
background-color:#fff;
background-size:10px;
}
.index5 .swiper-slide .img {
height: 0;
padding-bottom: 100%;
position: relative;
width: 100%;
background: #f7f7f7;
}
.index5 .swiper-slide .img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.index5 .swiper-slide{background:#f5f5f5}
.index5 .swiper-slide .text {
padding: 0 10px;
margin: 20px 0;
font-size: 15px;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: auto;
line-height: 1.2;
height: 36px;
}
.index5s .swiper-slide .img {
height: 0;
padding-bottom: 100%;
position: relative;
width: 100%;
background: #f7f7f7;
}
.index5s .swiper-slide .img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.index5s .swiper-slide{background:#f5f5f5}
.index5s .swiper-slide .text {
padding: 0 10px;
margin: 20px 0;
font-size: 15px;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: auto;
line-height: 1.2;
height: 36px;
}
.index6 .index6-box .swiper-slide {
border: 1px solid #eee;
}
.index7 .index7-box {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
@media screen and (max-width: 768px) {
.index7 .index7-box {
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
}
.index7 .index7-box .item {
border-radius: 10px;
overflow: hidden;
}
.index7 .index7-box .item:hover img {
transform: scale(1.1);
}
.index7 .index7-box .item .img {
padding-bottom: 62.5%;
height: 0;
position: relative;
overflow: hidden;
}
.index7 .index7-box .item .img .time {
position: absolute;
bottom: 10px;
left: 10px;
color: #fff;
background: #169bd5;
padding: 10px;
font-size: 12px;
}
.index7 .index7-box .item .img img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s;
}
.index7 .index7-box .item .text {
background: #fff;
padding: 20px;
}
.index7 .index7-box .item .text .title {
font-size: 16px;
}
.index7 .index7-box .item .text .summary {
font-size: 14px;
margin-top: 4px;
color: #666;
}
.page-title {
text-align: left;
}
.page-title.textC {
text-align: center;
}
.page-title .title {
font-size: 2.083vw;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.page-title .title {
font-size: 20px;
}
}
.page-title .sub {
font-size: 1.042vw;
font-family: Outfit-ExtraBold;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.page-title .sub {
font-size: 14px;
}
}
.pageBanner {
transition: all 0.5s;
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: auto;
color: #fff;
margin-top: 0;
}
.pageBanner img{pointer-events:none;width:100%;}
.pageBanner.pageBanner-sort {
}
.pageBanner .location {
position: absolute;
top: 0;
color: #fff;
justify-content: flex-end;
}
.pageBanner .location a {
color: #fff;
opacity: 1;
}
@media screen and (max-width: 768px) {
.pageBanner {margin-top: 0;padding-top: 60px;}
}
.pageBanner .img {
width: 100%;
}
.pageBanner .banner-box {
position: absolute;
width: 94%;
height: auto;
object-fit: cover;
transition:all .5s ease;
left: 50%!important;
top: 55%!important;
-webkit-transform: translate(-50%,-50%)!important;
-ms-transform: translate(-50%,-50%)!important;
transform: translate(-50%,-50%)!important;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
.pageBanner .banner-box {
top: 60%!important;
}
}
.pageBanner .banner-box .page-title {
font-size: 32px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.pageBanner .banner-box .page-title {
font-size: 18px!important;
}
}
.pageBanner .banner-box .page-summary {
font-size: 16px;
margin-top: 10px;
line-height: 1.5; max-width: 650px;
opacity: 0.8;
}
@media screen and (max-width: 768px) {
.pageBanner .banner-box .page-summary {
font-size: 12px!important;
letter-spacing:-0.24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}
.pageBanner .banner-box .page-more {
margin-top: 40px;
width: 150px;
height: 60px;
background: #007aff;
border-radius: 4px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.pageBanner .banner-box .page-more {
margin-top: 20px;
width: 100px;
height: 40px;
font-size: 12px;
}
}
.pageBanner .video {
width: 100%;
}
.pageBanner .video video {
height: 100vh;
object-fit: cover;
width: 100%;
}
.page-menu .page-phone-click {
display: none;
}
@media screen and (max-width: 768px) {
.page-menu .page-phone-click {
display: block;
width: 100%;
background: var(--dominant-color);
text-align: center;
color: #fff;
padding: 10px 20px;
}
}
@media screen and (max-width: 768px) {
.page-menu .menu {
text-align: center;
display: none;
background: #eee;
padding: 20px 0;
}
}
.page-menu .menu .item {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.page-menu .menu .item {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #dddddd;
}
}
.page-menu .menu .item .class {
font-size: 22px;
color: #333;
margin-bottom: 20px;
position: relative;
}
@media screen and (max-width: 768px) {
.page-menu .menu .item .class {
font-size: 16px;
margin-bottom: 10px;
}
}
.page-menu .menu .item .class::after {
content: '';
width: 6px;
height: 6px;
left: -14px;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
transition: all 0.5s;
background: var(--dominant-color);
}
@media screen and (max-width: 768px) {
.page-menu .menu .item .class::after {
display: none;
}
}
.page-menu .menu .item .item-box {
font-size: 16px;
}
.page-menu .menu .item .item-box a {
display: block;
padding-left: 20px;
position: relative;
margin: 10px 0;
transition: all 0.5s;
color: #666;
}
@media screen and (max-width: 768px) {
.page-menu .menu .item .item-box a {
padding-left: 0;
font-size: 14px;
margin: 5px 0;
}
}
.page-menu .menu .item .item-box a::after {
content: '>';
left: 0;
top: 0;
bottom: 0;
margin: auto;
position: absolute;
transition: all 0.5s;
opacity: 0;
color: var(--dominant-color);
}
@media screen and (max-width: 768px) {
.page-menu .menu .item .item-box a::after {
display: none;
}
}
.page-menu .menu .item .item-box a.active,
.page-menu .menu .item .item-box a:hover {
color: var(--dominant-color);
}
.page-menu .menu .item .item-box a.active::after,
.page-menu .menu .item .item-box a:hover::after {
opacity: 1;
}
.locations {
margin-top: 90px;
height: 110px;
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.locations {
margin-top: 60px;
height: 60px;
}
}
.pager{display:flex;justify-content:flex-start;width:100%;margin-top:100px}
.pager .number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 2px;color:#666;transition:all 0.5s;font-size:14px;background:#f1f1f1;border:1px solid #f1f1f1}
.pager .number:hover,.pager .number.active{background:var(--dominant-color);color:#fff;transition:all 0.5s}
.pager .number.spot,.pager .number.pager-number,.pager .number.pager-select{background:none;border:none}
.pager .number.spot:hover,.pager .number.pager-number:hover,.pager .number.pager-select:hover{color:#999}
.pager .number.pager-number{width:auto;margin:0 20px}
@media screen and (max-width: 768px) {
.pager .number.pager-number {
display: none;
}
}
.pager .number.prev,
.pager .number.next {
width: 100px;
}
.pager .number.pager-select {
width: 50px;
}
@media screen and (max-width: 768px) {
.pager .number.pager-select {
display: none;
}
}
.pager .number.pager-select select {
height: 40px;
border: none;
padding-left: 5px;
}
@media screen and (max-width: 768px) {
.pager .number.pager-sgo {
display: none;
}
}
.about3{padding-top:60px;}
.contact .contact-box {
padding: 30px 30px 40px;
overflow: hidden;
background: #f7f7f7!important;
margin-bottom: 80px;
}
.contact .contact-box .contact-change .swiper-wrapper{
flex-wrap: wrap;
transform: translate3d(0px, 0px, 0px)!important;
}
@media screen and (max-width: 768px) {
.contact .contact-box {
padding: 20px;
}
}
.contact .contact-box .contact-change {
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
}
@media screen and (max-width: 768px) {
.contact .contact-box .contact-change {
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
}
.contact .contact-box .contact-change .item {
padding-left: 16px;
position: relative;
font-size: 16px;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.contact .contact-box .contact-change .item {
font-size: 14px;
}
}
.contact .contact-box .contact-change .item.active,
.contact .contact-box .contact-change .item:hover {
text-decoration: underline;
color: var(--dominant-color);
}
.contact .contact-box .contact-change .item::after {
content: '';
position: absolute;
width: 10px;
height: 10px;
left: 15px;
top: 0;
bottom: 0;
margin: auto;
background: #fff;
border: 2px solid #666;
border-radius: 50%;
}
.contact .contact-box .contact-change .item.swiper-slide-active::after {
border: 2px solid #fff;
background: #0353a5;
}
.contact .contact-box .contact-change .item.swiper-slide-active{background: #0353a5!important;color: #fff;}
.contact .contact-box .contact-show {
margin-top: 0;
display: flex;
overflow: hidden;
padding: 0 10px;
}
.contact .contact-box .contact-show .item {
display: none;
justify-content: space-between;
}
@media screen and (max-width: 1080px) {
.contact .contact-box .contact-show .item { flex-wrap: wrap;
}
}
.contact .contact-box .contact-show .item.active {
display: flex;
}
.contact .contact-box .contact-show .img {
flex: 0 0 50%;
width: 50%;
}
.contact .contact-box .contact-show .img img {
width: 100%;
}
@media screen and (max-width: 1080px) {
.contact .contact-box .contact-show .img {
width: 100%;
margin-top: 50px;
}
}
@media screen and (max-width: 768px) {
.contact .contact-box .contact-show .img {
margin-top: 0;
}
}
.contact .contact-box .contact-show .text {
flex: 0 0 50%;
width: 50%;
padding-top: 0;
padding-left: 40px;
}
@media screen and (max-width: 1080px) {
.contact .contact-box .contact-show .text {
width: 100%;
padding: 0;
flex: 0 0 100%;
}
}
.contact .contact-box .contact-show .text .title {
text-align: center;
font-size: 21px;
font-weight: bold;
color: #333;
}
@media screen and (max-width: 768px) {
.contact .contact-box .contact-show .text .title {
font-size: 16px;
}
}
.contact .contact-box .contact-show .text .summary {
margin-top: 20px;
font-size: 14px;
text-align: left;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.contact .contact-box .contact-show .text .summary {
font-size: 12px;
}
}
.contact .contact-box .contact-show .text .more {
margin: 20px 0;
display: block;
padding: 0;
}
.contact .contact-box .contact-show .text .more:hover {
text-decoration: underline;
}
.contact .contact-box .contact-show .text .message {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact .contact-box .contact-show .text .message .m-item {
flex-basis: 45%;
}
@media screen and (max-width: 768px) {
.contact .contact-box .contact-show .text .message .m-item {
flex-basis: 100%;
margin-bottom: 30px;
}
}
.contact .contact-box .contact-show .text .message .m-item .m-title {
font-size: 20px;
margin-bottom: 8px;
font-weight: bold;
color: #333;
}
@media screen and (max-width: 768px) {
.contact .contact-box .contact-show .text .message .m-item .m-title {
font-size: 14px;
}
}
.contact .contact-box .contact-show .text .message .m-item .m-summary {
font-size: 16px;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.contact .contact-box .contact-show .text .message .m-item .m-summary {
font-size: 12px;
}
}
.about .about1 .title {
text-align: center;
font-size: 26px;
font-weight: bold;
color: #333;
line-height: 1;
margin-bottom: 20px;
}
@media screen and (max-width: 1280px) {
.about .about1 .title {
font-size: 20px;
}
}
.about .about1 .line {
width: 120px;
height: 2px;
background: #ddd;
margin: 20px auto;
}
.about .about1 .summary {
line-height: 1.8;
font-size: 16px;
margin-top: 30px;
word-break: keep-all!important;
word-wrap: normal;
white-space: normal;
word-break:break-all;
word-wrap:break-word;
}
@media screen and (max-width: 1280px) {
.about .about1 .summary {
font-size: 14px;
}
}
.about .about1 .number {
padding: 30px;
margin-top: 40px;
margin-bottom: 20px;
}
@media screen and (max-width: 1280px) {
.about .about1 .number {
padding: 20px;
}
}
.about .about1 .number .number-box {
display: flex;
justify-content: space-between;
grid-gap: 20px;
}
@media screen and (max-width: 1280px) {
.about .about1 .number .number-box {
flex-wrap: wrap;
}
}
.about .about1 .number .number-box .item {
position: relative;
padding-left: 20px;
}
@media screen and (max-width: 768px) {
.about .about1 .number .number-box .item {
flex-basis: 45%;
margin-bottom: 10px;
}
}
.about .about1 .number .number-box .item::before,
.about .about1 .number .number-box .item::after {
content: '';
position: absolute;
width: 1px;
left: 0;
top: 0;
background: #ddd;
height: 100%;
}
.about .about1 .number .number-box .item::after {
background: #0353a5;
height: 30%;
}
.about .about1 .number .number-box .top {
font-size: 14px;
color: #0353a5;
}
.about .about1 .number .number-box .top span {
font-size: 32px;
font-weight: 600;
margin-right: 5px;
}
@media screen and (max-width: 1280px) {
.about .about1 .number .number-box .top span {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {
.about .about1 .number .number-box .top span {
font-size: 16px;
}
}
.about .about1 .number .number-box .bottom {
opacity: 0.5;
}
.about .about1 .contact {
padding-top: 8%;
padding-bottom: 0;
}
.about .about1 .contact .c-title {
font-size: 26px;
text-align: center;
font-weight: bold;
color: #333;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.about .about1 .contact .c-title {
font-size: 20px;
}
}
.about .about1 .contact .item {
display: flex;
}
.about .about1 .contact .contact-show .item{height: 0;}
.about .about1 .contact .contact-show .item.swiper-slide-active{height: auto;}
.about .about1 .contact .contact-change {
padding-left: 0;
width: 100%;
height: auto;
display: block;
overflow: hidden;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.about .about1 .contact .contact-change {
padding-left: 0;
height: auto;
margin-bottom: 10px;
padding-bottom: 10px;
}
}
.about .about1 .contact .contact-change .item {
position: relative;
height: auto;
flex: 0 0 calc(25% - 20px);
margin: 10px!important;
width: calc(50% - 40px);
background: #fff;
padding: 10px 10px 10px 45px;
text-decoration: auto;
font-size: 16px;
border-radius: 5px;
}
.about .about1 .contact .contact-change .item.swiper-slide-thumb-active {
color: var(--dominant-color);
text-decoration: underline;
}
.about .about1 .contact .contact-show .title {
text-align: left;
}
.about .about1 .contact .contact-show .text .summary {
line-height: 1.6;
}
.about .about1 .contact .contact-show .text .summary p{margin-bottom: 0px;}
.about .about1 .contact .contact-show .text .summary2 {
line-height: 1.6;
border-top: 1px solid #eee;
padding-top: 5px;
font-size: 14px;
margin-top: 20px;
}
.about .about1 .contact .contact-show .text .summary2 span{margin-top: 15px;font-size: 16px;font-weight: bold;display: inline-block;color: #333;}
.about .about1 .contact .contact-show .text .summary2 p{margin-top: 5px;word-break:break-all;}
.about .about1 .contact .contact-show .img {
margin-top: 0;
margin-bottom: 20px;
}
.about .honor .honor-box {
padding: 30px;
margin-top: 30px;
}
.about .honor .honor-change {
display: flex;
}
.about .honor .honor-change .item {
font-size: 16px;
width: auto;
height: auto;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
background: #ddd;
cursor: pointer;
margin-right: 10px;
border-radius: 5px;
}
@media screen and (max-width: 768px) {
.about .honor .honor-change .item {
font-size: 14px;
}
}
.about .honor .honor-change .item.active {
background: #0353a5;
color: #fff;
}
.about .honor .summary {
margin: 30px 0;
line-height: 1.6;
font-size: 15px;
}
@media screen and (max-width: 768px) {
.about .honor .summary {
font-size: 14px;
}
}
.about .honor .honor-show .item {
display: none;
}
@media screen and (max-width: 768px) {
.about .honor .honor-show .item {
grid-template-columns: repeat(3, 1fr);
}
}
.about .honor .honor-show .item.active {
display: block;
}
.about-detail .contact-box {
padding: 80px 0 0;
background: #fff!important;
}
.about-detail .message {
margin-top: 40px;
}
.about-detail .detail-box {
margin-top: 80px;
}
.about-detail .detail-box.box2 {
margin-top: 60px;
}
.about-detail .detail-box .detail-box1 {
margin-bottom: 60px;
}
.about-detail .detail-box .detail-box1.box2 {
margin-bottom: 60px;
}
.about-detail .detail-box .detail-box1.box2 .bossgoo-index-discover60 .content{width:100%;}
.about-detail .detail-box .detail-box1.box2 .bossgoo-index-discover60{padding: 20px 0!important;}
.about-detail .detail-box .detail-title .title {
font-size: 26px;
text-align: center;
color: #333;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .detail-title .title {
font-size: 18px;
}
}
.about-detail .detail-box .detail-title .summary {
font-size: 16px;
text-align: center;
margin: 20px auto;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .detail-title .summary {
font-size: 14px;
}
}
.about-detail .detail-box .detail-title .line {
width: 120px;
height: 2px;
background: #ddd;
margin: 20px auto;
display: none;
}
.about-detail .detail-box .parent {
margin-top: 30px;
overflow: hidden;
margin: 30px auto 0;
}
.about-detail .detail-box .parent .swiper-slide {
border: 1px solid #eee;
}
.about-detail .detail-box .parent .swiper-slide img {
width: 100%;
}
.about-detail .detail-box .odm-box {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .odm-box {
grid-template-columns: repeat(2, 1fr);
}
}
.about-detail .detail-box .odm-box .item .text {
margin-top: 10px;
text-align: center;
font-size: 15px;
}
.about-detail .detail-box .oem-box {
margin-top: 20px;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 20px;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .oem-box {
grid-template-columns: repeat(2, 1fr);
}
}
.about-detail .detail-box .oem-box .item {
padding: 20px;
border: 1px solid #eee;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .oem-box .item {
padding: 20px;
}
}
.about-detail .detail-box .oem-box .item .img {
text-align: center;
}
.about-detail .detail-box .oem-box .item .text {
margin-top: 15px;
text-align: center;
}
.about-detail .detail-box .oem-box .item .text .title {
font-size: 16px;
margin-top: 10px;
font-weight: bold;
line-height: 1.3;
color: #333;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .oem-box .item .text .title {
font-size: 14px;
}
}
.about-detail .detail-box .oem-box .item .text .summary {
font-size: 14px;
margin-top: 20px;
}
.about-detail .detail-box .adv-box {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .adv-box {
grid-template-columns: repeat(2, 1fr);
}
}
.about-detail .detail-box .adv-box .item .img {
text-align: center;
}
.about-detail .detail-box .adv-box .item .text {
margin-top: 10px;
text-align: center;
}
.about-detail .detail-box .adv-box .item .text .title {
font-size: 18px;
margin-top: 10px;
border-bottom: 2px solid #eee;
padding-bottom: 20px;
margin-bottom: 20px;
color: #174e86;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .adv-box .item .text .title {
font-size: 14px;
}
}
.about-detail .detail-box .adv-box .item .text .summary {
font-size: 15px;
padding: 0 10px;
}
@media screen and (max-width: 768px) {
.about-detail .detail-box .adv-box .item .text .summary {
font-size: 12px;
}
}
.solution .solution-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.solution .solution-box {
flex-direction: column;
}
}
.solution .left {
flex-basis: 200px;
}
@media screen and (max-width: 768px) {
.solution .left {
flex-basis: auto;
margin-bottom: 40px;
}
}
.solution .left .left-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
}
.solution .right {
flex-basis: calc(100% - 250px);
}
.solution .right .right-title {
font-size: 20px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
padding-bottom: 20px;
}
.solution .right .item-box {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
@media screen and (max-width: 768px) {
.solution .right .item-box {
grid-template-columns: repeat(1, 1fr);
}
}
.solution .right .item-box .item {
background: #f2f2f2;
border-radius: 6px;
height: auto;
overflow: hidden;
}
.solution .right .item-box .item img {
width: 100%;
height: 200px;
object-fit: cover;
}
.solution .right .item-box .item .text {
padding: 20px;
}
.solution .right .item-box .item .text .title {
font-size: 16px;
margin-bottom: 10px;
}
.solution .right .item-box .item .text .box .summary {
font-size: 14px;
}
.solution-detail .solution-detail-box {
margin-bottom: 60px;
}
.solution5 .solution-detail-box:nth-child(4){margin-top: -40px;}
.solution5 .solutioncp li .subtitle {
display:none
}
.solution5  .solutioncp.li5 li{margin-bottom:0}
.solution5 .bossgoo-index-discover60{padding: 0!important;}
.solution-detail.about5honor .solution-detail-box {
margin-bottom: 0px;
}
.solution-detail.solution2 .solution-detail-box {
margin-top: 60px;
margin-bottom: 0;
}
.about2{padding-bottom:0;}
.about2 .solution-detail-box{ }
.about2 .solution-detail-box .solution-detail-box{margin-top:60px;}
.solution-detail .solution-detail-box .box1 {
border: 1px solid #eee;
}
.solution-detail .solution-detail-box .box1 .d-change {
display: flex;
}
.solution-detail .solution-detail-box .box1 .d-change .item {
cursor: pointer;
padding: 30px;
flex-basis: 50%;
display: flex;
font-size: 18px;
justify-content: center;
align-items: center;
text-align: center;
color: #333;
background: #eee;
}
@media screen and (max-width: 768px) {
.solution-detail .solution-detail-box .box1 .d-change .item {
font-size: 14px;
padding: 10px;
}
}
.solution-detail .solution-detail-box .box1 .d-change .item.active {
background: #007aff;
color: #fff;
}
.solution-detail .solution-detail-box .box1 .d-show .item {
display: none;
padding: 50px;
text-align: center;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.solution-detail .solution-detail-box .box1 .d-show .item {
font-size: 12px;
padding: 20px;
}
}
.solution-detail .solution-detail-box .box1 .d-show .item.active {
display: block;
}
.solution-detail .solution-detail-box .box1 .more {
width: 150px;
height: 60px;
background: #007aff;
border-radius: 4px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 40px auto 50px;
}
@media screen and (max-width: 768px) {
.solution-detail .solution-detail-box .box1 .more {
margin: 10px auto 30px;
font-size: 12px;
width: 100px;
height: 40px;
}
}
.solution-detail .solution-detail-box .box2 {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 30px;
}
.solution2 .solution-detail-box .box2{
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.solution-detail .solution-detail-box .box2.li4a {
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1366px) {
.solution-detail .solution-detail-box .box2 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 768px) {
.solution-detail .solution-detail-box .box2 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}
.solution-detail .solution-detail-box .box2 .item {
display: flex;
align-items: center;
padding: 30px;
background: #eee;
line-height: 1.3;
text-transform: capitalize;
font-size: 15px;
}
.solution-detail.solution2 .solution-detail-box .box2 .item .icon{width:50px;height:50px;flex: 0 0 50px;background: transparent;}
.solution-detail .solution-detail-box .box2 .item .icon {
width: 20px;
height: 20px;
background: #0353a5;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
flex: 0 0 20px;
}
.solution-detail .solution-detail-box .box3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.solution-detail .solution-detail-box .box3{display:flex;justify-content: space-between;}
.solution-detail .solution-detail-box .box3 .item{max-width: 300px;}
.about2 .solution-detail-box .box3{flex-wrap:wrap;margin-bottom: 60px;}
.about2 .solution-detail-box .box3 .item{max-width: 100%;flex: 0 0 31%;}
.solution-detail .solution-detail-box .box3.li2a {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 50px;
justify-content: space-evenly;
max-width: 800px;
margin: 0 auto;
}
.solution-detail .solution-detail-box .box3.li2a .item{margin:0 auto}
.solution-detail .solution-detail-box .box3.li4a {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.solution-detail .solution-detail-box .box3.li5a {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 20px;
}
@media screen and (max-width: 768px) {
.solution-detail .solution-detail-box .box3 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}
.solution-detail .solution-detail-box .box3 .item {
background: #f2f2f2;
border: 1px solid #f2f2f2;
border-radius: 6px;
height: auto;
overflow: hidden;
transition:all .3s ease;
}
.solution-detail .solution-detail-box .box3 .item:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);}
.solution-detail .solution-detail-box .box3 .item img {
width: 100%;
}
.solution-detail .solution-detail-box .box3 .item .text {
padding: 20px;
height: auto;
position: relative;
}
.solution-detail .solution-detail-box .box3 .item .text .title {
font-size: 16px;
margin-bottom: 10px;
color: #333;
font-weight: bold;
}
.solution-detail .solution-detail-box .box3 .item .text .box .tip {
font-size: 14px;
margin-bottom: 10px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 20;
overflow: hidden;
}
.solution-detail .solution-detail-box .box3 .item .text .box .tip p{position: relative;padding-left: 12px;margin-bottom: 10px;}
.solution-detail .solution-detail-box .box3 .item .text .box .tip p:after{content: '';width: 5px;height: 5px;border-radius:50%;left:0;top: 8px;position: absolute;background: #0353a5;}
.solution-detail.solution2 .solution-detail-box .box3 .item .text{height:auto}
.solution-detail.solution2 .solution-detail-box .box3 .item .text .box .tip{-webkit-line-clamp: 20;}
.solution-detail .solution-detail-box .box3 .item .text .box .summary {
font-size: 14px;
line-height: 1.6;
}
.solution-detail .solution-detail-box .box3 .item .text .more {
font-size: 14px;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
color: #169bd5;
margin: 30px auto 0;
padding: 10px 0;
position: absolute;
bottom: 15px;
width: calc(100% - 40px);
}
.solution-detail .solution-detail-box .box4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
@media screen and (max-width: 768px) {
.solution-detail .solution-detail-box .box4 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}
.solution-detail .solution-detail-box .box4 .item {
background: #f2f2f2;
border-radius: 6px;
height: auto;
overflow: hidden;
}
.solution-detail .solution-detail-box .box4 .item img {
width: 100%;
}
.solution-detail .solution-detail-box .box4 .item .text {
padding: 20px;
}
.solution-detail .solution-detail-box .box4 .item .text .title {
font-size: 16px;
margin-bottom: 10px;
}
.solution-detail .solution-detail-box .box4 .item .text .box .summary {
font-size: 14px;
}
.solution-detail .solution-detail-box .box5 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
@media screen and (max-width: 768px) {
.solution-detail .solution-detail-box .box5 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}
.solution-detail .solution-detail-box .box5 a{background:#f2f2f2;border-radius:6px;overflow:hidden}
.solution-detail .solution-detail-box .box5 .item{height:auto}
.solution-detail .solution-detail-box .box5 .item img{width:100%}
.solution-detail .solution-detail-box .box5 .item .text{padding:10px 20px 20px}
.solution-detail .solution-detail-box .box5 .item .text .title{font-size:16px;margin-bottom:10px}
.solution-detail .solution-detail-box .box5 .item .text .box .tip{font-size:12px}
.solution-detail .solution-detail-box .box5 .item .text .box .summary{font-size:14px;display:flex;justify-content:space-around}
.solution-detail .solution-detail-box .box5 .item .text .box .summary div{flex:0 0 50%}
.solution-detail .solution-detail-box .box5 .item .text .box .summary span{color:#007aff;display:block;margin-top:5px}
.solution-detail .solution-detail-box .box5 .item .text .more{font-size:14px;border-radius:20px;display:flex;justify-content:center;align-items:center;color:#169bd5;margin:30px auto 0;padding:10px 0}
.page-menu{border-bottom:1px solid #eee}
.page-menu .page-phone-click {display: none;}
.page-menu .menu-box{height:3.646vw;display:flex;justify-content:space-between;align-items:center}
.page-menu .menu-box a{color:#333;flex:1;text-align:center;height:100%;display:flex;justify-content:center;align-items:center;transition:all 0.5s;position:relative;font-size:0.833vw}
.page-menu .menu-box a::after{content:'';width:0;height:2px;bottom:0;left:0;right:0;margin:auto;position:absolute;background:#0082d9;transition:all 0.5s}
.page-menu .menu-box a.active,.page-menu .menu-box a:hover{color:#0082d9;background:rgba(0,130,217,0.08)}
.page-menu .menu-box a.active::after,.page-menu .menu-box a:hover::after{width:100%}
.page-menu.page-menu2 .page-phone-click{margin-top:0}
.page-menu.page-menu2 .menu-box{flex-direction:column;border-radius:0;height:auto}
.page-menu.page-menu2 .menu-box .first-menu{width:100%;position:relative}
.page-menu.page-menu2 .menu-box .first-menu:hover .s-box{display:block}
.page-menu.page-menu2 .menu-box .first-menu .f-title{font-size:14px;background:#eee;padding:10px 20px;position:relative;display:block;text-align:left;color:#333}
.page-menu.page-menu2 .menu-box .first-menu .f-title.active,.page-menu.page-menu2 .menu-box .first-menu .f-title:hover{background:#0082d9;color:#fff}
.page-menu.page-menu2 .menu-box .first-menu .f-title.active::after,.page-menu.page-menu2 .menu-box .first-menu .f-title:hover::after{filter:grayscale(1) brightness(100)}
.page-menu.page-menu2 .menu-box .first-menu .f-title::after{content:'';position:absolute;right:30px;top:0;bottom:0;margin:auto;background:url(https://hchcn.cn/qqmy1/images/img10.png) no-repeat center / contain;filter:grayscale(1);font-size:16px;left:auto;width:10px;height:10px}
.page-menu.page-menu2 .menu-box .first-menu .s-box {position: absolute;left: 100%;top: 0;width: fit-content;display: none;}
.page-menu.page-menu2 .menu-box .first-menu .s-box a {font-size: 14px;text-align: left;padding: 10px 20px;justify-content: flex-start;background: #f5f5f5;border-bottom: 1px solid #ddd;}
.page-menu.page-menu2 .menu-box .first-menu .s-box a::after {display: none;}
@media screen and (max-width: 1600px) {
.page-menu .menu-box a {font-size: 16px;}
.page-menu.page-menu2 .menu-box .first-menu .s-box a {font-size: 14px;}
}
@media screen and (max-width: 1366px) {
.page-menu .menu-box {height: 60px;}
.page-menu.page-menu2 {width: 18.229vw;}
.page-menu.page-menu2 .menu-box .first-menu .f-title {font-size: 16px;}
}
@media screen and (max-width: 900px) {
.page-menu .menu-box{flex-direction:column;font-size:14px;height:auto;display:none}
.page-menu{border:none}
.page-menu .page-phone-click{display:flex;justify-content:center;align-items:center;height:40px;background:#0082d9;color:#fff;font-size:14px;margin-top:20px}
.page-menu .menu-box a{height:40px;width:100%;flex:auto;font-size:14px}
.page-menu.page-menu2{width:100%}
.page-menu.page-menu2 .menu-box {border-radius: 0;}
.page-menu.page-menu2 .menu-box .first-menu .f-title {padding: 0;font-size: 14px;height: 40px;line-height: 40px;text-align: center;}
.page-menu.page-menu2 .menu-box .first-menu .s-box a {font-size: 12px;justify-content: center;padding: 0;}
}
@media screen and (max-width: 1600px) {
.pager .number{width:50px;height:50px}
.pagePadding{padding:100px 0 120px}
.pagePaddingT{padding:100px 0 0}
.page-title-box .page-title{font-size:32px}
.page-title-box .page-summary{font-size:14px}
}
@media screen and (max-width: 1440px) {
.page-title-box .page-title {font-size: 28px;}
}
@media screen and (max-width: 1366px) {
.page-title-box .page-title {font-size: 24px;}
}
@media screen and (max-width: 1280px) {
.more {height: 40px;font-size: 12px;padding: 0 20px;width: 130px;}
.more::after {width: 30px;height: 30px;}
}
@media screen and (max-width: 1024px) {
header .header-menu .header-box-bg .header-box{height:80px}
header .section .header-box .menu-box .menu-list .firstItem:last-child span{display:inline-block}
header .section .header-box .menu-box .menu-list .firstItem:last-child img{display:none}
header .section .header-box .menu-box .menu-list .firstItem:last-child .firstItem-title{border:none}
}
@media screen and (max-width: 768px) {
.pager{margin-top:50px}
.pager .number{width:30px;height:30px;font-size:12px !important;margin:0 5px}
.pagePadding{padding:50px 0}
.pagePaddingT{padding:50px 0 0}
.page-title-box{margin-bottom:20px}
.page-title-box .page-title{font-size:20px}
.page-title-box .page-summary{font-size:12px;margin-top:0}
header .header-menu .header-box{padding:0;height:60px}
header .header-menu .header-box .logo{margin-left:5%;position:relative;z-index:100}
header .header-menu .header-box .menu-box{background:none;display:flex;align-items:center;height:60px;position:absolute;z-index:10;top:0 !important;width:100%;justify-content:flex-end}
header .header-menu .header-box .menu-box .phone-click{cursor:pointer;width:22px;height:16px;display:flex;align-items:center;position:relative;right:5%}
header .header-menu .header-box .menu-box .phone-click .phone-line{height:2px;background:#fff;width:100%;transition:all 0.5s;overflow:hidden}
header .header-menu .header-box .menu-box .phone-click .phone-line::before,header .header-menu .header-box .menu-box .phone-click .phone-line::after{content:'';position:absolute;width:100%;height:2px;background:#fff;transition:all 0.5s}
header .header-menu .header-box .menu-box .phone-click .phone-line::before{top:0;transition:all 0.5s}
header .header-menu .header-box .menu-box .phone-click .phone-line::after{bottom:0;transition:all 0.5s}
header .header-menu .header-box .menu-box .phone-click.active .phone-line{background:rgba(255,255,255,0) !important;transition:all 0.5s}
header .header-menu .header-box .menu-box .phone-click.active .phone-line::before{margin:auto;transition:all 0.5s;transform:translateY(7px) rotate(45deg)}
header .header-menu .header-box .menu-box .phone-click.active .phone-line::after{margin:auto;transition:all 0.5s;transform:translateY(-7px) rotate(-45deg)}
header .header-menu .header-box .menu-box .phone-show{display:none;position:absolute;width:100%;background:#fff;top:60px;height:100vh;z-index:10;left:0;margin-left:0;padding-top:30px}
header .header-menu .header-box .menu-box .menu-list{flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto}
header .header-menu .header-box .menu-box .menu-list .language{display:block}
header .header-menu .header-box .menu-box .menu-list .firstItem{height:auto;width:100%;border-bottom:1px solid #eee;display:block}
header .header-menu .header-box .menu-box .menu-list .firstItem.active .firstItem-title a{color:var(--dominant-color)}
header .header-menu .header-box .menu-box .menu-list .firstItem.active .firstItem-title a::after{background:var(--dominant-color)}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title{height:50px;width:100%;padding:0;position:relative}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title a{color:#2a2a2a;font-size:14px;display:block;width:100%}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title a:hover{color:var(--dominant-color)}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title a:hover::after{background:var(--dominant-color)}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title i{width:50px;height:50px;position:absolute;right:-10px;top:0;bottom:0;margin:auto;cursor:pointer;transition:all 0.5s}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title i.active{transform:rotate(45deg)}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title i::before{content:'';width:16px;position:absolute;height:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#000}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title i::after{content:'';height:16px;position:absolute;width:2px;top:0;right:0;bottom:0;left:0;margin:auto;background:#000}
header .header-menu .header-box .menu-box .menu-list .firstItem .firstItem-title::after{display:none}
header .header-menu .header-box .menu-box .menu-list .firstItem .second-box{top:0 !important;border-top:none;box-shadow:none;position:relative;left:0;font-size:12px;transform:translateX(0);width:100%;margin-left:20px}
header .header-menu .header-box .menu-box .menu-list .firstItem .second-box .second-box-list{margin-top:0;padding:2px;background:none;justify-content:flex-start;flex-direction:column}
header .header-menu .header-box .menu-box .menu-list .firstItem .second-box .second-box-list::after{left:20px;right:auto;display:none}
header .header-menu .header-box .menu-box .menu-list .firstItem .second-box a{text-align:left;margin-bottom:10px;color:#333;padding:0;height:auto}
header .header-menu .header-box .menu-box .menu-list .firstItem .second-box a:hover{color:#333;text-decoration:underline}
header .header-menu .header-box .menu-box .menu-list-phone{background:#fff;border-top:1px solid #e5e5e5;position:absolute;height:100vh;left:0;width:100%;top:50px;padding:20px;display:none;z-index:10}
header .header-menu .header-box .menu-box .menu-list-phone .menu-list-box{display:flex;justify-content:space-between;height:100%}
header .header-menu .header-box .menu-box .menu-list-phone .menu-aside{border-right:1px solid #e1e3e6;height:100%;overflow:hidden;width:120px}
header .header-menu .header-box .menu-box .menu-list-phone .menu-aside .item{margin-bottom:30px;position:relative;padding-left:10px}
header .header-menu .header-box .menu-box .menu-list-phone .menu-aside .item a{display:block}
header .header-menu .header-box .menu-box .menu-list-phone .menu-aside .item.active::after{content:'';width:4px;height:15px;background:var(--dominant-color);left:0;top:0;bottom:0;margin:auto;position:absolute}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content{flex:auto;width:calc(100% - 120px);padding:0 10px}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-content{display:none}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-content.active{display:block}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-list{display:flex;flex-wrap:wrap}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-list .item{width:50%;padding:0 20px;margin-bottom:20px}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-list .item .title{font-size:12px;color:#666;text-align:center}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-list .item .summary{font-size:12px;text-align:center}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-list .item .imgBox{height:auto}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-img{height:80px;display:flex;align-items:center;justify-content:center}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-list .item .news-title{text-align:center;font-size:12px}
header .header-menu .header-box .menu-box .menu-list-phone .menu-content .item-list .item .second-item-support-link a{display:block;color:#666;font-size:12px;margin-top:10px}
header .information{margin-top:0;margin-left:20px;flex-direction:column-reverse;align-items:flex-start}
.phone-search-click{position:fixed;top:0;right:calc(5% + 50px);display:flex;bottom:0;align-items:center;width:20px;z-index:100;cursor:pointer;height:80px}
} .solutionfl{padding: 50px 0;}
.solutionfl ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.solutionfl ul li{flex: 0 0 calc(33.3% - 20px);margin: 0 0 30px;position: relative;background: #f7f7f7;transition:all .3s ease;}
.solutionfl ul li:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);}
.solutionfl ul li .img{position: relative;height: 0;padding-bottom: 75%;}
.solutionfl ul li .img img{position: absolute;width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;}
.solutionfl ul li .txt{position: relative;font-size:16px;text-align: left;width:100%;bottom: 0;padding: 20px 20px 0;color: #333;font-size: 16px;font-weight: bold;height: 68px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.solutionfl ul li .summary{font-size:14px;padding: 0 20px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 64px;}
.solutionfl ul li .more{font-size:12px;border-radius: 5px;width: 100px;display: flex;justify-content: center;align-items: center;background: #0353a5;margin: 20px auto 30px;padding: 10px 0;color: #fff;}
.solutionfl ul li .more:hover{background: #007aff;}
.jgbm{display:flex;flex-wrap: wrap;width: 90%;max-width: 1220px;margin: 0 auto;}
.jgbm li{flex:0 0 calc(25% - 20px);margin: 0px 10px 20px;}
.jgbm li img{width: 100%;}
.jgbm li p{margin-top:10px;text-align: center;}
.jgcl{display:flex;flex-wrap: wrap;width: 90%;max-width: 1220px;margin: 0 auto;}
.jgcl li{flex:0 0 calc(20% - 20px);margin: 0px 10px 0px;background: #f7f7f7;transition: all .3s ease;}
.jgcl li:hover{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);}
.jgcl li img{width: 100%;}
.jgcl li .title{padding: 15px 10px 10px;text-align: center;text-align: left;font-weight: bold;color: #333;}
.jgcl li a{color:#0353a5;display: block;font-size: 15px;}
.jgcl li .more{padding: 0 10px 15px;}
.public_nav_wrap{position:relative;z-index: 1;bottom: 0px;left:0;width:100%;padding: 0;height: auto;opacity: 2;border-bottom: 1px solid #e5e5e5;}
.public_nav_wrap.cp,.public_nav_wrap.cp .public_nav_box{height:auto;flex-wrap:nowrap}
.public_nav_wrap.cp .public_text_default{flex-wrap:nowrap}
.public_nav_wrap.cp .public_nav_ul{flex:0 0 80%}
.public_nav_wrap.cp .public_nav_read{flex:0 0 20%;width:auto;text-align:right;justify-content:flex-end}
.public_nav_box{height: auto;width: 94%;margin: 0 auto;max-width: 1200px;padding: 0;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;flex-wrap: nowrap;}
.public_nav_read{flex: 0 0 auto;}
.public_nav_ul{border-bottom:1px solid #e5e5e5;margin-bottom:60px;max-width: 1200px;margin-left: auto;margin-right: auto;margin-top: -35px;}
.public_nav_li:first-child{margin-left:0}
.public_nav_li{margin-right: 20px;position:relative;font-weight: bold;display: inline-block;}
.public_nav_li:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0.15625vw;background: #0353a5;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.public_nav_li a{font-weight: normal;line-height: 1;font-size: 15px;padding: 0px 10px 30px;color:#333333;display: block;}
.public_nav_li:hover a{color: #0353a5;}
.public_nav_active a{color: #0353a5;}
.public_nav_li:hover:after{width:100%}
.public_nav_active:after{width:100%}
.public_nav_default a{color:#333333}
.public_nav_default:after{width:0}
.public_nav_hover a{color:#0353a5}
.public_nav_hover:after{width:100%}
.public_nav_icon{font-size:15px;line-height:1.5625vw;color:#666}
.public_nav_default_text,.public_nav_default_text a{font-size: 14px;line-height:1.5625vw;color: #333;margin: 0 3px;line-height: 80px;}
.public_nav_current_text,.public_nav_current_text a{font-size:0.78125vw;line-height:1.5625vw;color:#999999}
.public_nav_current_box:last-child .public_nav_current_text,.public_nav_current_box:last-child .public_nav_current_text a{color:#666}
.flex{display:flex;flex-wrap: wrap;}
.about5{padding-bottom:0px;}
.honor{overflow: hidden;}
.honor .swiper-slide{padding:30px;background:#f5f5f5;}
.honor-show{overflow:hidden;}
.honor .honor-show .swiper-slide{padding:0}
.honor .swiper-slide img{margin: 0 auto;display: block;}
.honor .swiper-slide p{margin-top:20px;padding-top:20px;border-top:1px solid #ddd;font-size:16px;text-align:center;}
.onion-hot-selling10 .selling10-linkBox .selling10-link{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.onion-faq3 .faq3-itemTi{font-size:20px!important;}
.onion-faq3 .faq3-itemTe{font-size:16px!important;-webkit-line-clamp: 8!important;line-clamp: 8!important;}
@media only screen and (max-width: 768px){
.about .about1 .contact .contact-change .item {width:46%!important;margin: 0 0 2px!important; flex: 0 0 46%!important; padding: 8px 8px 8px 24px!important; margin: 6px 6px!important;}
.more{line-height: 36px;}
.index1 .swiper .swiper-slide img{width:100%;height:auto;}
.bossgoo-header-nav1 .header-phone .right-item{width: 100px;height: auto;}
.bossgoo-header-nav1 .header-phone .country{width:50px;height: 60px;}
.bossgoo-header-nav1 .header-phone .search-box{width: 50px !important;height: 60px!important;margin: 0!important;}
.bossgoo-header-nav1 .header-phone .icon-yuyan{width: 19px;height: 24px;}
.index1 .swiper .swiper-slide .img{width:100%;height:auto;}
.bossgoo-index-banner2 .content .wrap{width:320px;height:auto;}
}
body {
--themeColor: #0353a5;
--btnBgColor: #0353a5;
--btnTextColor: #ffffff;
}
#right {
right: -12px;
}
.floatright {
right: 0;
}
@media only screen and (max-width: 1040px) {
.floatright {
display: none !important;
}
}
.floatright {
height: auto !important;
margin-top: 0 !important;
transform: translateY(-50%);
}
#ewm_mousein3,
#ewm_mousein2 {
display: none;
color: black;
text-align: center;
position: absolute;
width: 160px;
height: 190px;
right: 90px;
background: white;
box-shadow: 0 0 10px rgba(200, 200, 200, .8);
border-radius: 4px;
border-style: solid;
border-width: 0;
background-image: url(//www.cttechx.com/static/picture/6e770c69847cd2f5fdc26b77ec1ab0.png@4e_120w_120h.png);
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 80%;
z-index: 999;
line-height: 18px;
background-size: 120px 120px;
}
#ewm_mousein {
display: none;
color: black;
text-align: center;
position: absolute;
width: 160px;
height: 190px;
right: 90px;
background: #2f73c6;
border-radius: 4px;
border-style: solid;
border-width: 0;
background-image: url(//www.cttechx.com/static/picture/6e770c69847cd2f5fdc26b77ec1ab0.png@4e_120w_120h.png);
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 80%;
z-index: 999;
line-height: 18px;
background-size: 120px 120px;
}
#ewm_mousein2 {
background-image: url(//www.cttechx.com/static/picture/6497a4918659889fff17597874a06c94.jpg@4e_120w_120h.jpg);
height: 160px;
background-position-y: 50%;
}
#app_mousein {
display: none;
color: #ffffff;
text-align: center;
position: absolute;
width: 160px;
height: 160px;
right: 90px;
background: #2f73c6;
border-radius: 4px;
border-style: solid;
border-width: 0;
background-image: url(//www.cttechx.com/static/picture/6497a4918659889fff17597874a06c94.jpg@4e_120w_120h.jpg);
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 50%;
background-size: 80%;
z-index: 999;
}
#ewm {
background-image: url(//www.cttechx.com/static/picture/6e770c69847cd2f5fdc26b77ec1ab0.png@4e_120w_120h.png);
background-size: 90% 90%;
background-repeat: no-repeat;
background-position-x: 60%;
background-position-y: 60%;
}
.leftbox {
display: none;
}
.float-media-list li {
background-color: rgba(0, 0, 0, 1) !important;
}
.righticon {
background-color: rgba(0, 0, 0, 1) !important;
}
.leftbox.pc {
display: none;
}
.float-media-list li a {
display: inline-block;
}
.bossgoo-header-nav1 .nav > ul > li a {
font-size: 16px;
}
.rem_tab_t ul li a {
font-size: 14px;
}
.video-list .title {
font-size: 16px;
}
.bossgoo-footer1 .item02 ul li a {
font-size: 16px;
}
.bossgoo-footer1 .item ul li a {
font-size: 16px;
}
.ny_box {
border: solid 1px #f3f3f3;
background: #FFFFFF;
padding: 20px;
box-sizing: border-box;
margin-bottom: 40px;
margin-top: 20px;
}
.message_list ul li {
padding: 10px;
position: relative;
padding-left: 130px;
box-sizing: border-box;
}
.message_list ul li .input_text {
border: solid 1px #e5e5e5;
background: #FFFFFF;
width: 100%;
height: 44px;
text-indent: 10px;
line-height: 44px;
box-sizing: border-box;
}
.message_list ul li .textarea {
border: solid 1px #e5e5e5;
background: #FFFFFF;
width: 100%;
padding: 10px;
line-height: 36px;
box-sizing: border-box;
}
.message_list ul li .p_r {
line-height: 30px;
font-size: 14px;
color: #777777;
}
.message_list ul li .btn {
margin: 0 auto;
width: 110px;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
background-color: #4380db;
font-size: 16px;
color: #FFFFFF;
border: none;
border-radius: 5px;
}
.message_list ul li {
padding-left: 0;
}
.video-list .list-playIcon {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: 5px;
}@font-face {
font-family: "iconfont"; font-display: swap;
src: url(//www.cttechx.com/static/font/font_2996080_9c3ddo8mzge.woff2) format('woff2'),
url(//www.cttechx.com/static/font/font_2996080_9c3ddo8mzge.woff) format('woff'),
url(//www.cttechx.com/static/font/font_2996080_9c3ddo8mzge.ttf) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before {
content: "\e653";
}
.icon-dianhua2:before {
content: "\e63c";
}
.icon-ditu:before {
content: "\e63d";
}
.icon-back-to-top:before {
content: "\e639";
}
.icon-address:before {
content: "\e66b";
}
.icon-shuxie:before {
content: "\e637";
}
.icon-xiangmuguanli-:before {
content: "\e638";
}
.icon-play1:before {
content: "\e63a";
}
.icon-gouwu:before {
content: "\e680";
}
.icon-daohangdizhi:before {
content: "\e65e";
}
.icon-youxiang-:before {
content: "\e6af";
}
.icon-24gf-bubblesDots6:before {
content: "\e95d";
}
.icon-24gf-telephone2:before {
content: "\e96d";
}
.icon-jianhao:before {
content: "\eaf5";
}
.icon-dianziyoujianemail71:before {
content: "\e631";
}
.icon-mail1:before {
content: "\e630";
}
.icon-fangda1:before {
content: "\e622";
}
.icon-pinterest:before {
content: "\e697";
}
.icon-googleplus:before {
content: "\e87a";
}
.icon-instagram1:before {
content: "\e87f";
}
.icon-twitter1:before {
content: "\e882";
}
.icon-facebook:before {
content: "\e8e7";
}
.icon-shejiaotubiao-14:before {
content: "\e645";
}
.icon-youtube2:before {
content: "\e693";
}
.icon-youbian:before {
content: "\e644";
}
.icon-jiahao:before {
content: "\eaf3";
}
.icon-gengduo:before {
content: "\e73a";
}
.icon-menu:before {
content: "\e62f";
}
.icon-sousuo:before {
content: "\e621";
}
.icon-yuyan1:before {
content: "\e620";
}
.icon-xiangzuo2:before {
content: "\ec67";
}
.icon-yonghuzhongxinicon09:before {
content: "\e73d";
}
.icon-xiangmu:before {
content: "\e63b";
}
.icon-kehuqunzu:before {
content: "\e673";
}
.icon-wodegongshi:before {
content: "\e651";
}
.icon-jingyan:before {
content: "\e61f";
}
.icon-gengduomore12:before {
content: "\e61a";
}
.icon-search:before {
content: "\e619";
}
.icon-guojia:before {
content: "\e65d";
}
.icon-youjiantou:before {
content: "\e618";
}
.icon-tel:before {
content: "\e61e";
}
.icon-dianhua1:before {
content: "\e633";
}
.icon-fasong:before {
content: "\e643";
}
.icon-xiangzuo1:before {
content: "\e617";
}
.icon-renzheng:before {
content: "\e635";
}
.icon-zhiliang-xuanzhong:before {
content: "\e62d";
}
.icon-invoice_inspection_fill:before {
content: "\e717";
}
.icon-chat-history-fill:before {
content: "\e726";
}
.icon-play:before {
content: "\e6c8";
}
.icon-zuo:before {
content: "\e613";
}
.icon-shizhong:before {
content: "\e62a";
}
.icon-tishi1:before {
content: "\e658";
}
.icon-chanpin:before {
content: "\e632";
}
.icon-youxiang4:before {
content: "\e641";
}
.icon-duquanjing:before {
content: "\e7bc";
}
.icon-wancheng:before {
content: "\e60b";
}
.icon-fuwu:before {
content: "\e60d";
}
.icon-jiaofuriqi:before {
content: "\e667";
}
.icon-oem:before {
content: "\e60e";
}
.icon-pinpai-:before {
content: "\e60f";
}
.icon-zhekou:before {
content: "\e62c";
}
.icon-zhiliangguanli_zhiliangxiangce:before {
content: "\e62b";
}
.icon-complete:before {
content: "\e677";
}
.icon-jiance-xian:before {
content: "\e7dd";
}
.icon--point-up:before {
content: "\e629";
}
.icon-icon-test:before {
content: "\e6c6";
}
.icon-youjiantou_huaban:before {
content: "\e640";
}
.icon-zuojiantou_huaban:before {
content: "\e63e";
}
.icon-mail:before {
content: "\e62e";
}
.icon-ictel:before {
content: "\e64f";
}
.icon-shouji:before {
content: "\e612";
}
.icon-IE:before {
content: "\e736";
}
.icon-youxiang3:before {
content: "\e628";
}
.icon-weizhi:before {
content: "\e60a";
}
.icon-mianshulogo:before {
content: "\e608";
}
.icon-facebookfacebook52:before {
content: "\e609";
}
.icon-facebook-fill:before {
content: "\e88d";
}
.icon-icon-phone:before {
content: "\e657";
}
.icon-ic_iphone:before {
content: "\e6bc";
}
.icon-youtube1:before {
content: "\e8d7";
}
.icon-skype:before {
content: "\f006";
}
.icon-instagram-fill:before {
content: "\e88f";
}
.icon-linkedin-fill:before {
content: "\e890";
}
.icon-Facebook:before {
content: "\f007";
}
.icon-youxiang1:before {
content: "\e634";
}
.icon-youtube:before {
content: "\f010";
}
.icon-whatsapp:before {
content: "\ea07";
}
.icon-entypopinterest:before {
content: "\f012";
}
.icon-ins:before {
content: "\f013";
}
.icon-twitter:before {
content: "\f014";
}
.icon-instagram:before {
content: "\e904";
}
.icon-xiangxia:before {
content: "\e607";
}
.icon-xiangxia1:before {
content: "\e771";
}
.icon-dianhua:before {
content: "\e61c";
}
.icon-chanpinmingcheng:before {
content: "\e61b";
}
.icon-huangguan:before {
content: "\e6c1";
}
.icon-zuanshi:before {
content: "\e6d5";
}
.icon-duihao:before {
content: "\e627";
}
.icon-lajitong:before {
content: "\e615";
}
.icon-dianzan:before {
content: "\ec7f";
}
.icon-xingxing:before {
content: "\e642";
}
.icon-xialajiantouxiao:before {
content: "\e87e";
}
.icon-shouqijiantouxiao:before {
content: "\e892";
}
.icon-xiazai:before {
content: "\e668";
}
.icon-icon3:before {
content: "\e606";
}
.icon-24gl-playCircle:before {
content: "\ea6e";
}
.icon-liebiao1:before {
content: "\e605";
}
.icon-close-bold:before {
content: "\e685";
}
.icon-jiantou1:before {
content: "\e61d";
}
.icon-jiantou:before {
content: "\f009";
}
.icon-arrow-right:before {
content: "\f016";
}
.icon-arrow-left:before {
content: "\f015";
}
.icon-fangda:before {
content: "\ec13";
}
.icon-yonghu1:before {
content: "\e650";
}
.icon-youxiang2:before {
content: "\e63f";
}
.icon-fenlei:before {
content: "\e611";
}
.icon-fangxiao:before {
content: "\e636";
}
.icon-huabudengbi:before {
content: "\e623";
}
.icon-whatsapp1:before {
content: "\e737";
}
.icon-home:before {
content: "\e674";
}
.icon-cart-Empty:before {
content: "\f021";
}
.icon-skype1:before {
content: "\f022";
}
.icon-cuowu:before {
content: "\e600";
}
.icon-luyin:before {
content: "\e601";
}
.icon-xiangzuo:before {
content: "\e602";
}
.icon-liebiao:before {
content: "\e603";
}
.icon-danlieliebiao:before {
content: "\e6e4";
}
.icon-shuanglieliebiao:before {
content: "\e6e5";
}
.icon-youxiang:before {
content: "\e616";
}
.icon-laba:before {
content: "\e8c1";
}
.icon-fujian:before {
content: "\e88a";
}
.icon-bofang:before {
content: "\e604";
}
.icon-kongjianxuanzhong:before {
content: "\ebef";
}
.icon-fangdajing:before {
content: "\e610";
}
.icon-quanping:before {
content: "\eb11";
}
.icon-anniu_jiantouxiangzuo_o:before {
content: "\eb89";
}
.icon-anniu-jiantouxiangyou_o:before {
content: "\eb8c";
}
.icon-shang:before {
content: "\e624";
}
.icon-xia:before {
content: "\e625";
}
.icon-xiangyou:before {
content: "\e626";
}
.icon-24gf-play:before {
content: "\ea82";
}
.icon-24gf-playCircle:before {
content: "\ea83";
}
.icon-tishi:before {
content: "\e671";
}
.icon-pdfwenjian:before {
content: "\e60c";
}
.icon-yuyan:before {
content: "\e684";
}
.icon-xinghaobiaozhu:before {
content: "\e652";
}
.icon-yonghu:before {
content: "\e614";
}
.icon-gouwubiaoqian1:before {
content: "\e748";
}