@charset "utf-8";
/*定义滚动条尺寸*/
::-webkit-scrollbar
{width: 8px;height: 8px;background-color: rgba(0,0,0,6);-webkit-overflow-scrolling:touch;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #ccc;}

/* banner */
.page-banner{position: relative; height: 500px; overflow: hidden;}
.page-banner picture{display: block;}
.page-banner picture img{width: 100%;}
.page-banner-info{position: absolute; top: 0;left: 0; width: 100%; height: 100%; }
.page-banner-info .container{height: 100%; align-items: center;}
.page-banner-info h3{ font-size: 40px; color: var(--default);}
.page-banner-info p{margin-top: 20px; max-width: 1200px; line-height: 1.4; font-size: 18px; color: #666; text-align:left;}
.page-banner-info a{ margin-top: 50px; display: inline-block; padding: 0 35px; line-height: 45px; background-image: linear-gradient(45deg, #2F81ED, #16A5F6, #01C5FF); color: #fff;}

.page-banner-info-center .container {justify-content: center; text-align: center;}
.page-banner-info-white h3,
.page-banner-info-white p{color: #fff;}

@media (max-width:1200px) {
	.page-banner{ height: 500px; }
    .page-banner-info h3{font-size: 30px; }
    .page-banner-info p{margin-top: 20px; }
}

@media (max-width:768px) {
	.page-banner{ height: 400px; }
    .page-banner-info h3 { font-size: 24px;}
    .page-banner-info p{margin-top: 10px; font-size: 14px;}
    .page-banner-info .container{ display:block; padding-top:50px; height: 100%; align-items: center; padding-bottom: 0;}
}

/* 
*
----------------------------------  product 
*
*/

.product-types{ line-height: 80px; background-color: #fff;}
.product-types-title h3{font-size: 18px;}
.product-types-item{ position: relative; margin-right: 30px;}
.product-types-item a{ position: relative; display: block; padding-right: 25px; font-size: 18px; width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-types-item a i{ position: absolute; top: 30px; right: 5px; display: block; width: 12px; height: 12px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(135deg);}

/*  */
.product-types-menus{position: absolute; top: 80px; left: 0; width: 200px; background-color: #fff; display: none;}
.product-types-menus ul li{border-bottom: 1px solid #eee;}
.product-types-menus ul li:last-child{border-bottom: none;}
.product-types-menus ul li a{ padding:10px 15px; display: block; line-height: 20px; font-size: 14px;}

.active-product-types-item a{color: var(--default);}
.active-product-types-item a i{border-color: var(--default);}
.active-product-types-item .product-types-menus{display: block;}


@media(max-width:860px){
	.product-types{ line-height: 60px;}
	.product-types-title h3{font-size: 16px;}
	.product-types-item a{ width: 140px; font-size: 16px;}
	.product-types-item a i{ top: 22px;  width: 8px; height: 8px;}
	
	.product-types-menus{top: 60px;}
}

@media(max-width:640px){
	.product-types-title{display: none;}
	
	.product-types-lists{width: 100%; justify-content: space-between;}
	
	.product-types-item{ width: 30%; margin-right: 0;}
	.product-types-item a{width: 100%;}
}

/*  */
.product-lists ul li{background-color: #EDF3FA;}
.product-lists ul li:nth-child(2n){background-color: #F7F7F7;}

.product-item{ align-items: center; justify-content: space-between; padding: 50px 0;}

.product-poster{width: 40%; height: 480px; align-items: center; justify-content: space-between;}
.product-poster img{max-width: 100%; max-height: 100%;}
.product-poster:hover img{transform: scale(1.05);}

.product-desc{width: 44%; padding: 0 20px 0 40px; }
.product-desc h3{font-size: 32px; line-height:1.4;}
.product-desc h3 span{display:block;}
.product-desc p{ margin-top: 30px; font-size: 16px; line-height: 1.4; color: rgb(87, 87, 87);}

.product-tags{ padding-top: 15px;}
.product-tags span{display: inline-block; padding: 0 15px; line-height: 35px; border:1px solid var(--default); color: var(--default);}

.product-more{ width: 60px;}
.product-more a{ position: relative; display: block; width: 100%; height: 60px; border: 1px solid var(--default); border-radius: 50%;}
.product-more a i{ position: absolute; top: 22px; right: 24px; z-index: 1; display: block; width: 14px; height: 14px; border-top: 1px solid var(--default); border-right: 1px solid var(--default); transform: rotate(45deg);}
.product-more a:hover{background-color: var(--default);}
.product-more a:hover i{border-color: #fff;}
/*  */
.detail-product-bg{background-color: #F0F2F2;}


@media(max-width:860px){
	.product-poster{height: 340px;}
	.product-desc{width: 44%; padding: 0 10px 0 20px; }
	.product-desc h3{font-size: 24px;}
	.product-tags span{ padding: 0 15px; line-height: 30px; font-size: 14px;}
	.product-desc p{ margin-top: 15px; font-size: 16px; }
}

@media(max-width: 768px){
	.product-item{  padding: 20px 0;}
	.product-poster{height: 300px;}
}


@media(max-width: 640px){
	.product-item{  padding: 40px 0;}
	.product-poster{ width: 100%; height: auto;}
	
	.product-desc{width: 100%; padding: 0; }
	.product-more{ display: none;}
}

/* 
*
----------------------------------  about 
*
*/

.about-company-tbdg{ margin-bottom: 30px; align-items: center; padding: 50px 50px 50px 80px; background-color: #F8F8F8;}
.about-company-tbdg>img{width: 155px; height: auto;}
.about-company-tbdg div{flex: 1; padding-left: 80px;}
.about-company-tbdg div h3{ font-size: 32px; color: #333;}
.about-company-tbdg div p{ margin-top: 25px; line-height: 1.6; font-size: 18px; color: #666;}

.about-company{justify-content: space-between;}

.about-company-left{width: 32%;}
.about-company-year{ padding: 20px 0 20px 50px; height: 210px; align-items: center; justify-content: space-between; margin-bottom: 20px; background-color: #F8F8F8;}
.about-company-year h3{ font-size: 32px; color: #333;}
.about-company-year p{ margin-top: 25px; font-size: 42px; color: var(--default);}
.about-company-year p span{ font-size: 24px;}
.about-company-year div:last-child{width: 60%; height: 100%; text-align: right; display:flex; align-items:center;} 
.about-company-year div img{max-width: 100%; max-height: 100%;}

.about-company-address{ padding: 20px 0 20px 50px; height: 210px; align-items: center; justify-content: space-between; background-color: #F8F8F8;}
.about-company-address h3{ font-size: 32px; color: #333;}
.about-company-address p{ margin-top: 25px; line-height: 1.6; font-size: 18px; color: #666;}
.about-company-address div:last-child{width: 60%; height: 100%; text-align: right; display:flex; align-items:center;} 
.about-company-address img{max-width: 100%; max-height: 100%;}


.about-company-center{width: 48%; padding: 0 30px; height: 440px;}
.about-company-center>div{  padding: 50px 40px; height: 100%; background-color: #F8F8F8; }
.about-company-center h3{ font-size: 32px; color: #333;}
.about-company-center p{ margin-top: 25px; line-height: 1.6; font-size: 18px; color: #666;}
.about-company-center img{ margin: 15px auto 0; max-width: 100%;}

.about-company-right{width: 20%; padding: 50px 40px; height: 440px; background-color: #F8F8F8; overflow: hidden;}
.about-company-right h3{ font-size: 32px; color: #333;}
.about-company-right p{ margin-top: 25px; line-height: 1.6; font-size: 18px; color: #666;}
.about-company-right div:last-child{ height: 100%;}
.about-company-right img{ margin-top: 15px; width: 100%;}

@media (max-width:1800px) {
	.about-company-tbdg{ padding: 40px 30px 40px 80px; background-color: #F8F8F8;}	
	.about-company-tbdg div h3{ font-size: 28px; }
	.about-company-tbdg div p{ margin-top: 15px; font-size: 16px; }
	
	
	.about-company-year{ padding: 20px 0 20px 30px;}
	.about-company-year h3{ font-size: 28px; }
	.about-company-year p{ margin-top: 15px; font-size: 36px; }
	.about-company-year p span{ font-size: 22px;}

	.about-company-address{ padding: 20px 0 20px 30px;}
	.about-company-address h3{ font-size: 28px; }
	.about-company-address p{ margin-top: 15px; font-size: 14px; }

	.about-company-center>div{ padding: 40px 30px;display:flex; justify-content:space-between; flex-direction:column;}
	.about-company-center h3{ font-size: 28px; }
	.about-company-center p{ margin-top: 15px; font-size: 14px; line-height: 1.4; }
	.about-company-center img{ margin-bottom:40px; display: block; width: 90%;}

	.about-company-right{ padding: 40px 30px;}
	.about-company-right h3{ font-size: 28px; }
	.about-company-right p{ margin: 15px 0; font-size: 14px;line-height: 1.4;  }
	.about-company-right img{ display: block;  max-width:70%; max-height: 100%; margin: 15px auto;}

}

@media (max-width:1200px) {
	.about-company-left{width: 100%;display: flex; justify-content: space-between;}
	.about-company-year,
	.about-company-address{ width: 50%; height: 210px;}
	
	.about-company-center{width: 50%; padding: 0 30px 0 0;}
	.about-company-right{ width: 50%; padding: 40px 30px;}
	
	.about-company-tbdg div h3,
	.about-company-year h3,
	.about-company-center h3,
	.about-company-right h3{ font-size: 24px; }
	
	.about-company-center,
	.about-company-right{height: 320px;}
	
	.about-company-right img{  max-width:50%;}
	
		.about-company-center img{ margin-bottom:0; }
	
}

@media (max-width:860px) {
	.about-company-center,
	.about-company-right{height: 300px;}
	
	.about-company-right img{  max-width:50%;}
}

@media (max-width: 768px) {
	.about-company-tbdg{ margin-bottom: 30px; flex-direction: column; padding: 30px; background-color: #F8F8F8;}
	.about-company-tbdg>img{ display: block; width: 155px; height: auto;}
	.about-company-tbdg div{display: block; padding-left: 0; margin-top: 25px; text-align: center;}
	.about-company-tbdg div h3{ font-size: 24px; color: #333;}
	.about-company-tbdg div p{ margin-top: 15px;  font-size: 16px; }
	
	.about-company-year{ padding: 20px 0 20px 30px; }
	.about-company-year h3{ font-size: 24px; }
	.about-company-year p{ margin-top: 15px; font-size: 32px; }
	.about-company-year p span{ font-size: 20px;}
	
	.about-company-address{ padding: 20px 0 20px 30px;}

	.about-company-center,
	.about-company-right{height: auto;}
	
	.about-company-year,
	.about-company-address{ width: 100%; height: 150px;}
	.about-company-year div:last-child,
	.about-company-address div:last-child{width: 50%;} 
	
	.about-company-tbdg div h3,
	.about-company-year h3,
	.about-company-center h3,
	.about-company-address h3,
	.about-company-right h3{ font-size: 20px; }
}

@media (max-width: 640px) {
	.about-company-left{width: 100%;display: block; }
	.about-company-year,
	.about-company-address{ width: 100%; padding:30px;}
	
	
	
	.about-company-center{ margin: 20px 0; width: 100%; padding: 0;}
	.about-company-center div{ padding: 15px;}
	.about-company-center div img{margin-top:10px;}
	
	.about-company-right{ width: 100%;  padding: 30px; display: flex; align-items: center; text-align:left; }
	/*.about-company-right div:last-child{text-align:center;} */
	.about-company-right img{max-width: 100%; max-height: 100%;}
	
	.about-company-tbdg div h3,
	.about-company-year h3,
	.about-company-center h3,
	.about-company-address h3,
	.about-company-right h3{ font-size: 18px; }
}
/*  */

/* 
*
----------------------------------  news 
*
*/
.about-buss-more{ margin-top: 60px; text-align: center;}
.about-buss-more a{ position: relative; display: inline-block; line-height: 50px; padding: 0 35px; color: var(--default); border: 1px solid var(--default); border-radius: 2px;}
.about-buss-more a::before{position: absolute; top: 50%; left: 50%; z-index: -1; content: ''; width: 0; height: 100%; background-color: var(--default); transform: translate(-50%,-50%); transition: .3s;}
.about-buss-more a:hover{color: #fff;}
.about-buss-more a:hover::before{width: 100%;}


/*  */
.about-history-bg{background-color:#F7F7F7;}
.about-history-swiper{padding-left: 160px; width: 100%; overflow: hidden;}

.about-history-swiper .swiper-button-next,
.about-history-swiper .swiper-button-prev{ margin-top: -35px; width: 70px; height: 70px; border: 1px solid #fff; border-radius: 50%;}
.about-history-swiper .swiper-button-next::after,
.about-history-swiper .swiper-button-prev::after{color: #fff; font-size: 24px;}
.about-history-swiper .swiper-button-next{}
.about-history-swiper .swiper-button-prev{left: -100px; border-color:var(--default);}
.about-history-swiper .swiper-button-prev::after{color:var(--default);}

.about-history-year{margin-bottom: 35px;}
.about-history-year .swiper-slide h3{ position: relative; padding: 15px 0; color: #7FC8E9; cursor: pointer;}
.about-history-year .swiper-slide h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 5px; border-top: 1px solid #7FC8E9; border-bottom: 1px solid #7FC8E9;}
.about-history-year .history-year-active h3 span{ display:inline-block; transform:scale(1.4); transform-origin:0 50%;}
.about-history-year .history-year-active h3::before{background-color: var(--default);}

@media(max-width:768px){
    .about-history-swiper .swiper-button-next,
    .about-history-swiper .swiper-button-prev{display:none;}
}



.about-history-body .about-history-body-item{display: none;}

/* .history-news-pic{width: 60%;}
.history-news-pic img{width: 100%;} */

.about-history-news .swiper-slide{  height:auto; background-color: #fff;}
.history-news-item{}
.history-news-desc{ width: 100%; padding: 50px; }
.history-news-desc h3{font-size: 24px; line-height: 1.4; color: var(--default);}

.history-news-scroll{ margin-top: 25px; padding-right: 5px; line-height: 1.6; font-size: 18px; height: 289px; overflow: auto;}
.history-news-scroll p{margin-bottom: 15px;}


@media (max-width:1900px) {
	.history-news-desc{  padding: 30px; }
	.history-news-scroll{  font-size: 16px; height: 220px; }
}

@media (max-width:1600px) {
	.history-news-pic{width: 100%;}
	.history-news-scroll{  font-size: 16px; height: 150px; }
	.history-news-desc{ width: 100%; }
	
	.history-news-desc h3{font-size: 20px;}
}

@media (max-width: 768px) {
	.about-history-swiper{padding: 0 15px; }
}

/*  */
.about-investor-bg{background-image: url(../images/about/investor-bg.png);}
.about-investor-title{width: 20%;}
.about-investor-title>h3{ margin-bottom: 80px; font-size: 32px; color: #fff;}
.about-investor-title ul li { padding: 10px 0;}
.about-investor-title ul li a{ position: relative; display: inline-block; padding-left: 50px; line-height: 40px; font-size: 20px; color: #fff;}
.about-investor-title ul li a::before {position: absolute; top: 50%; left: 0; content: ''; width: 40px; height: 1px; background-color: #fff; transition: .3s;}
@media (min-width: 1400px) {
.about-investor-title ul li a:hover,
.about-investor-title ul li.on a{ padding-left: 70px; font-size: 24px;}
.about-investor-title ul li a:hover::before,
.about-investor-title ul li.on a::before{ width: 60px;}
}
.about-investor-list{width: 80%;}
.about-investor-list .about-investor-list-item{display: none;}

.about-investor-swiper{ position: relative; padding-top: 100px; width: 100%; overflow: hidden;}
.about-investor-swiper .swiper-button-next,
.about-investor-swiper .swiper-button-prev{top: 0; margin-top: 0; width: 70px; height: 70px; border: 1px solid #fff; border-radius: 50%;}
.about-investor-swiper .swiper-button-next::after,
.about-investor-swiper .swiper-button-prev::after{color: #fff; font-size: 24px;}
.about-investor-swiper .swiper-button-next{}
.about-investor-swiper .swiper-button-prev{right: 100px; left: auto;}

.about-investor-item{ padding: 60px; background-color: #fff; line-height: 1.4; flex-direction:column;}
.about-investor-item p{color: var(--default); font-size: 24px;}
.about-investor-item h3{margin-top: 15px; height: 100px; font-size: 24px; overflow: hidden;}
.about-investor-item a{ display: inline-block; margin-top: 80px; font-size: 24px; color: var(--default); }

@media (max-width: 1400px) {
	.about-investor-item{ padding: 30px; }
	.about-investor-item h3{  font-size: 20px; }
	
	.about-investor-title{width: 100%;}
	.about-investor-title ul{display: flex; flex-wrap: wrap; align-items: center;}
	.about-investor-title ul li a{ padding-left: 30px; line-height: 40px; font-size:18px; margin-right: 25px; }
	.about-investor-title ul li a::before { width: 20px; }
	
	.about-investor-title>h3{ margin-bottom: 20px; font-size: 28px; color: #fff;}
	
	.about-investor-list{width: 100%;}
	
	.about-investor-swiper{ position: relative; padding-top: 60px; }
	.about-investor-swiper .swiper-button-next,
	.about-investor-swiper .swiper-button-prev{ width: 50px; height: 50px; }
	.about-investor-swiper .swiper-button-prev{right: 70px; left: auto;}
}

@media (max-width: 640px) {
	.about-investor-title ul li{ width: 33.33%; }
	.about-investor-title ul li a{ padding-left: 25px; line-height: 20px; font-size:16px; margin-right: 10px; }
	.about-investor-title ul li a::before { width: 20px; }
	.about-investor-item{flex-direction: column;}
	.about-investor-item p {font-size: 14px;}
	.about-investor-item h3{ height: 60px; font-size: 18px; }
	.about-investor-item a{ margin-top: 20px; font-size: 14px;  }
	
	
	.about-investor-swiper .swiper-button-next,
	.about-investor-swiper .swiper-button-prev{ width: 40px; height: 40px; }
	.about-investor-swiper .swiper-button-prev{right: 60px; left: auto;}
	
	.about-investor-swiper .swiper-button-next::after,
	.about-investor-swiper .swiper-button-prev::after{ font-size: 18px;}
	
}

/*  */
/* .service-idea-bg{background-color: #F7F7F7;} */
.service-idea-list ul{margin-left: -100px;}
.service-idea-list ul li{width: 33.33%; padding-left: 100px;}
.service-idea-list ul li:nth-child(2){margin-top: 60px;}
.service-idea-list ul li:nth-child(3){margin-top: 120px;}




.service-idea-pic{overflow: hidden;}
.service-idea-pic img{width: 100%;}
.service-idea-desc{padding-top: 30px;}
.service-idea-desc h3{font-size: 32px; line-height:1.4; color: var(--default);}
.service-idea-desc h3 span{display:block;}
.service-idea-desc p{ margin-top: 15px; line-height: 1.6; font-size: 18px; color: #666;}


@media (max-width: 1600px) {
	.service-idea-list ul{margin-left: -50px;}
	.service-idea-list ul li{ padding-left: 50px;}
	.service-idea-desc h3{font-size: 24px; }
}

@media (max-width: 1200px) {
	.service-idea-list ul{margin-left: -25px;}
	.service-idea-list ul li{ padding-left: 25px;}
	.service-idea-desc h3{font-size: 20px; }
}

@media (max-width: 640px) {
	.service-idea-list ul li{ width: 100%;}
	.service-idea-desc h3{font-size: 20px; }
	.service-idea-list ul li:nth-child(2),
	.service-idea-list ul li:nth-child(3){margin-top: 30px;}
	.service-idea-desc p{ line-height: 1.4; font-size: 16px; }
}


.service-sale{position: relative;height: 900px; overflow: hidden;}
.service-sale-types{ position: absolute; top: 100px; left: 0; width: 100%; z-index: 1;  text-align: center;}
.service-sale-types ul{justify-content: center;}
.service-sale-types ul li a{ display: inline-block; padding: 0 65px; font-size: 24px; line-height: 60px; border: 1px solid var(--default); color: var(--default);}
.service-sale-types ul li a:hover,
.service-sale-types ul li.on a{background-color: var(--default); color: #fff;}

.service-sale-number{ position: absolute; bottom: 50px; left: 50%; z-index: 1; margin-left: -30%; width: 60%; background: linear-gradient(rgba(244,245,249,255) 0%,rgba(255,255,255,255) 100%);
border: 2px solid rgb(255, 255, 255);
box-shadow: 1px 13px 36px rgb(239, 239, 245); border-radius: 6px;}
.service-sale-number ul li{width: 25%; padding: 40px 0 30px 0; text-align: center;}
.service-sale-number ul li h3{font-size: 70px; color: var(--default);}
.service-sale-number ul li h3 span{font-size: 20px;}
.service-sale-number ul li p{margin-top: 15px; font-size: 18px; color: #666;}

.service-earth {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor:move;}
@media (max-width: 1200px) {
	.service-sale{position: relative;height: 700px; overflow: hidden;}
	.service-sale-types ul li a{  padding: 0 45px; font-size: 20px; line-height: 50px; }
	
	.service-sale-number{  bottom: 50px;  margin-left: -40%; width: 80%; }
	.service-sale-number ul li{width: 25%; padding: 20px 0 15px 0; }
	.service-sale-number ul li h3{font-size: 36px; }
	.service-sale-number ul li h3 span{font-size: 20px;}
	.service-sale-number ul li p{margin-top: 15px; font-size: 18px;  }
	
}
@media (max-width: 640px) {
	.service-sale{position: relative;height: 500px;  }
	
	.service-sale-types{ top: 50px;}
	
	.service-sale-types ul li a{  padding: 0 35px; font-size: 20px; line-height: 40px; }
	
	.service-sale-number{  bottom: 30px;  margin-left: -45%; width: 90%; }
	.service-sale-number ul li{width: 25%; padding: 10px 0 ; }
	.service-sale-number ul li h3{font-size: 24px; }
	.service-sale-number ul li h3 span{font-size: 14px;}
	.service-sale-number ul li p{margin-top: 10px; font-size: 12px;  }
}

/*  */
.service-map{position: relative; height: 900px; background-color: #009F95;}

.service-map-contact{position: absolute; top: 160px; left: 160px; z-index:7; padding: 60px; width: 540px; background-color: var(--default); color: #fff;}

.service-map-name h3{font-size: 42px;}
.service-map-name p{ margin-top: 15px; font-size: 22px;}
.service-map-tel{ margin: 15px 0; font-size: 34px;}
.service-map-posi ul li{ position: relative; padding: 10px 0; font-size: 20px;}
.service-map-posi ul li p{ padding-right: 40px; line-height: 1.4;}
.service-map-posi ul li img{position: absolute; top: 14px; right: 10px;}
.service-map-msg{margin-top: 50px;}
.service-map-msg a{position: relative; z-index: 1; display: inline-block; padding: 0 35px; font-size: 18px; line-height: 50px; border: 1px solid #fff; color: #fff;}
.service-map-msg a::before{position: absolute; top: 50%; left: 50%; z-index: -1; content: ''; width: 0; height: 100%; background-color: #fff; transform: translate(-50%,-50%); transition: .3s;}
.service-map-msg a:hover{color: var(--default);}
.service-map-msg a:hover::before{width: 100%;}

@media (max-width: 1600px) {
	.service-map-contact{ top: 80px; left: 120px;  padding: 40px; width: 540px; }
	.service-map-name h3{font-size:32px;}
	.service-map-name p{ margin-top: 15px; font-size: 18px;}
	.service-map-tel{ margin: 15px 0; font-size: 24px;}
	.service-map-posi ul li{ position: relative; padding: 10px 0; font-size: 16px;}
}

@media (max-width: 1400px) {
	.service-map-contact{ top: 80px; left: 60px;  padding: 30px; width: 400px; }
	.service-map-name h3{font-size:28px;}
	.service-map{  height: 800px;  }
}

@media (max-width: 1200px) {
	.service-map-contact{ top: 15px; left: 15px;  padding: 30px; width: 400px; }
	.service-map-name h3{font-size:24px;}
	.service-map{  height: 600px;  }
}


@media (max-width: 960px) {
	.service-map-contact{ top: 15px; left: 15px;  padding: 25px; width: 300px; }
	.service-map-tel{ margin: 25px 0 10px;}
	.service-map{  height: 600px;  }
}

@media (max-width: 768px) {
	.service-map-contact{ position: static; width: 100%;  padding: 25px 15px 15px; }
	.service-map{  height: auto;  }
	#baidumap{height: 450px!important;}
}

/*  */
.service-contact ul{margin-left: -20px;}
.service-contact ul li{width: 33.33%; padding-left: 20px; margin-top: 20px;}
.service-contact-item{ padding: 50px 40px; height: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; border: 1px solid var(--default);}
.service-contact-item div{flex:1; padding-left: 35px;}
.service-contact-item h3{ padding-bottom: 15px; font-size:24px }
.service-contact-item p{ margin-top: 10px; font-size: 18px; color: #666;}
.service-contact-item img{width: 130px; transform: translateY(-15px);}

@media (max-width: 1600px) {
	.service-contact-item{ padding: 30px;  flex-wrap: wrap; flex-direction: column; }
	.service-contact-item div{flex:1; padding-left:  0;}
	.service-contact-item h3{ padding-bottom: 15px; font-size:20px }
	.service-contact-item p{ margin-top: 10px; font-size: 16px; }
	.service-contact-item img{width: 100px; transform: translateY(-15px);}
}
@media (max-width: 768px) {
	.service-contact ul li{width: 50%; }
}

@media (max-width: 640px) {
	.service-contact ul li{width: 100%; }
	.service-contact-item{ position:relative;  padding: 20px;}
	.service-contact-item h3{ padding-bottom: 15px; font-size:18px }
	.service-contact-item p{ font-size: 14px; }
	.service-contact-item img{ position:absolute; top:15px; right:25px; width: 80px; transform: translateY(0);}
}

/*  */
.service-dol-bg{background-color: #F7F7F7;}
.service-dol-left{width: 30%; padding-bottom: 40px; background-color: #fff;}
.service-dol-title{background-color: var(--default); padding: 35px 0; color: #fff; text-align: center;}
.service-dol-title h3{font-size: 28px;}
.service-dol-title p{ margin-top: 15px; font-size: 16px;}

@media (max-width:1200px) {
	.service-dol-left{padding-bottom: 40px;}
	.service-dol-title h3{font-size: 24px;}
}

.trees-item {overflow: hidden;}
.trees-item h3 {position: relative; padding: 0 35px;}
.trees-item h3 a {display: inline-block; font-size: 18px; line-height: 74px;}
.trees-item i {position: absolute; top: 50%; right: 35px; margin-top: -12px; display: block; width: 12px;height: 12px; border-left: 2px solid var(--default);border-top: 2px solid var(--default);transform: rotate(-135deg);}
.trees-item-one,
.trees-item-two {display: none;overflow: hidden;transition: none;}
.trees-item-one h4 {position: relative; padding: 0 35px 0 75px;}
.trees-item-one h4 a {display: inline-block; font-size: 18px; line-height: 60px;}
/* .trees-item-one h4 i {position: absolute;top: 5px;right: 2px;display: block;width: 12px;height: 12px;border-left: 1px solid #FE7537;border-top: 1px solid #FE7537;transform: rotate(-135deg);} */
.trees-item-two li {padding-left: 30px;}
.trees-item-two li a {display: inline-block; padding: 0 35px 0 75px; font-size: 18px; line-height: 60px;}

.active-item h3{ background-color: #F2F9FF;}
.active-item h3 a{ color: var(--default);}
.active-item h3 i{ margin-top: -4px; transform: rotate(45deg)!important;}
.active-item h3::before{position: absolute; top: 50%; left: 0; content: ''; margin-top: -10px; width: 4px; height: 20px; background-color: var(--default);}

@media (max-width:1400px) {
	.trees-item h3 a{font-size: 20px;}
	.trees-item-one h4 a{ font-size: 16px; line-height: 50px;}
}
@media (max-width:1200px) {
	.service-cates-list>ul>li{ margin-bottom: 15px;}
	.trees-item h3 {position: relative; padding: 0 15px;}
	.trees-item-one h4 {position: relative; padding: 0 35px 0;}
	
}
@media (max-width:860px) {
	
	.service-dol-left{width: 100%; padding-bottom:0;}
	.trees{  transition: none;}
	.trees-item h3 a{ font-size: 16px;}
	.trees-item-two li a {font-size: 14px;}
}



.service-dol-right{flex: 1; margin-left: 40px;}
.service-dol-right>div{ padding: 60px 80px; background-color: #fff;}
.service-dol-right h3{font-size: 32px; color: var(--default);}

.service-dol-docs { margin-top: 35px; height: 550px; overflow: auto;}
.service-dol-docs ul li{ padding: 20px 30px; line-height: 30px; font-size: 20px; background: rgb(247, 249, 250);}
.service-dol-docs ul li:nth-child(2n){ background: #fff;}
.service-dol-name{width: 50%;}
.service-dol-time{width: 30%; color: #999;}
.service-dol-docs a{display: block; width: 20%; color: var(--default); text-align: right;}
.service-dol-docs a img{width:18px;}
@media (max-width: 1400px) {
	.service-dol-right>div{ padding: 40px; }
	.service-dol-right h3{font-size: 28px;}
}

@media (max-width: 1200px) {
	.service-dol-right>div{ padding: 30px;}
	.service-dol-right h3{font-size: 24px;}
	
	.service-dol-docs ul li{  font-size: 16px; }
}
@media (max-width: 860px) {
	.service-dol-right{ margin-top: 15px; flex: 1; margin-left: 0;}
	.service-dol-right>div{ padding: 20px;}
}

@media (max-width: 640px) {
	.service-dol-docs ul li{  padding: 15px ; font-size: 14px; }
	.service-dol-docs a img{width:14px;}
}
/* join */

/*  */
.join-enter ul{margin-left: -10px;}
.join-enter ul li{width: 33.33%; padding: 5px 0 5px 10px;}
.join-enter ul li:first-child{width: 66.66%;}
.join-enter-item{ position: relative; display:block; height: 360px;}


.join-enter-title{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 70px; display: flex; justify-content: space-between; flex-direction: column;}
.join-enter-title h3{font-size: 32px; color: #fff;}
.join-enter-title span{position: relative; display: flex; align-items: center; font-size: 20px; color: #fff;}
.join-enter-title span i{ display: inline-block; width: 10px; height: 10px; border-top: 1px solid #fff;border-right: 1px solid #fff; transform: rotate(45deg);}

.join-enter-item:hover .join-enter-title{background-color:rgba(0,0,0,.2)}
/* .join-enter-title a::before{position: absolute; top: 10px; right: 0; content: ''; z-index: 1; width: 10px; height: 1px; background-color: #fff; transition: .3s;}
.join-enter-title a:hover::before{width: 10px;} */

@media (max-width: 1200px) {
	.join-enter-item{ position: relative; height: 300px;}
	.join-enter-title{  padding: 30px;}
	.join-enter-title h3{font-size: 24px; }
}

@media (max-width: 960px) {
	.join-enter-item{ position: relative; height: 260px;}
	.join-enter-title{ padding: 20px;}
	.join-enter-title h3{font-size: 20px; }
	.join-enter-title a{ font-size: 16px; }
}
@media (max-width: 768px) {
	.join-enter ul li{width: 100%; }
	.join-enter ul li:first-child{width: 100%;}
	
	.join-enter-title{ padding: 30px;}
}
/*  */
.about-target-bg{ padding: 150px 0 200px; background-image: url(../images/about/target-bg.png);}
.about-target-cate{border-bottom: 1px solid #fff;}
.about-target-cate ul li a{ position: relative; display: block; padding: 15px 160px 15px 0; font-size: 24px; color: #fff;}
.about-target-cate ul li a::before{position: absolute; bottom: -1px; left: 0; content: ''; width: 0; height: 3px; background-color: #fff; transition: .3s;}
.about-target-cate ul li.on a::before,
.about-target-cate ul li a:hover::before{width: 100%;}


.about-target-swiper{ min-height: 270px;}

.about-target-box .about-target-item{display: none;}

.about-target-desc{margin: 50px 0; max-width: 76%; line-height: 1.6; font-size: 16px; text-align: justify; color: #fff;}

.about-target-rect{ position: relative; padding: 40px 20px; text-align: center; color: var(--default);background: rgba(255,255,255,.6);}
/* .about-target-rect::after {position: absolute;top: 0;left: 0; content: '';width: 100%; height: 100%; background: rgba(255,255,255,.6); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: none;} */

.about-target-rect h3{ margin: 20px 0 10px; font-size: 48px;}
.about-target-rect h3 span{ font-size: 18px;}
.about-target-rect p{font-size: 18px;}

@media (max-width:1200px) {
	.about-target-desc{margin: 30px 0; max-width: 100%;  }
}

@media (max-width:768px) {
    .about-target-bg{ background-image: url(../images/about/target-bg-m.png);}
	.about-target-cate ul li a{  padding: 15px 60px 15px 0; font-size: 20px; color: #fff;}
}

/*  */
.about-culture-bg{ padding: 150px 0 230px; background-image: url(../images/about/culture-bg.png);}

.about-culture ul li{width: 20%; padding: 25px 10px 0; text-align: center; color: #FFF;}
.about-culture ul li img{max-width: 70%;}
.about-culture ul li h3{ margin: 30px 0 15px; font-size: 24px;}
.about-culture ul li p{ margin: 0 auto; line-height: 1.4; font-size: 16px;}
.about-culture ul li p span{display: block;}


@media (max-width:1200px) {
	.about-culture ul li{ padding: 25px 15px 0; }
	.about-culture ul li h3{ margin: 30px 0 15px; font-size: 22px;}
	.about-culture ul li p{ font-size: 14px;}
}

@media (max-width:860px) {
	.about-culture-bg{ padding: 100px 0 150px; }
	.about-culture ul li{width: 50%; padding: 25px 15px 0; }
	.about-culture ul li h3{ margin: 10px 0; font-size: 18px;}
	.about-culture ul li p{ font-size: 14px;}
}

/*  */
.about-nbuss-bg{ position: relative; background-color: #F5F8FA; overflow: hidden;}
.about-nbuss-title{position: absolute; top: 100px; left: 0; z-index: 3; width: 100%; }
.about-nbuss-title h3{color: #333; font-size: 32px; line-height: 1.4; text-align: center;}
.about-nbuss-map>img{width: 100%;}

.about-nbuss-number{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.about-nbuss-number>div{width: 100%; height: 100%;}
.about-nbuss-number img,
.about-nbuss-number svg{width:100%;}

@media (max-width:1400px) {
	.about-nbuss-scroll{width: 100%; overflow: auto; transition:none; -webkit-overflow-scrolling: touch;}
	.about-nbuss-title{  top: 80px;  }
	.about-nbuss-bg{ width: 1370px; padding: 80px 0 100px;}
	
	.about-nbuss-title h3{ font-size: 28px; }
}

@media (max-width:1200px) {
	.about-nbuss-scroll{width: 100%; overflow: auto;}
	.about-nbuss-bg{ width: 1170px;}
	.about-nbuss-title h3{ font-size: 24px; }
}

@media (max-width:800px) {
	.about-nbuss-scroll{width: 100%; overflow: auto;}
	.about-nbuss-title{  top: 50px;  }
	.about-nbuss-bg{ width:770px; padding:20px 0 50px;}
	.about-nbuss-title h3{ font-size: 20px; }
}

@keyframes svgCorrugated {
	0% {
		 opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes svgLine {
	  0%{
		  stroke-dasharray:4 ,6;
		  /* stroke-dasharray: 0, 800; */
	  }
	  100%{
		  stroke-dasharray:6 ,8;
		  /* stroke-dasharray: 800, 0; */
	  }
}

.svg-circle{fill: none; stroke: #ADCADE;}
.svg-line{fill: none; stroke: #4EB7E9;stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: svgLine 10s linear infinite;}



/* detail pro */
.detail-bg{background-color: #f5f5f5;}
.detail-left{width: 480px;}

.detail-left-title{ padding: 40px 20px; background-color: var(--default) ; text-align: center; color: #fff;}
.detail-left-title h3{line-height: 1.4; font-size: 24px;}
.detail-left-title p{ line-height: 1.4; font-size: 16px;}

.detail-lists{height: 678px; overflow: auto;}

.detail-lists ul li{ padding: 40px 0; background-color: #fff;}
.detail-lists ul li a{padding-right: 35px; align-items: center; padding-left: 10px; border-left: 5px solid transparent;}
.detail-lists-pic{width: 50%;}
.detail-lists-pic img{width: 100%;}
.detail-lists-content{width: 50%;}
.detail-lists-content h3{font-size: 18px; line-height: 1.4;}
.detail-lists-content p{ margin-top: 10px; line-height: 1.4; font-size: 14px;}
.detail-lists ul li.on{ background-color: #F2F9FF;}
.detail-lists ul li.on a{border-left-color: var(--default);}

@media(max-width:1800px){
	.detail-left{width: 400px;}
	.detail-lists-content h3{font-size: 16px; }
	.detail-lists-pic{width: 40%;}
	.detail-lists-content{width: 60%;}
}

@media(max-width:1400px){
	.detail-left{width: 300px;}
	
	.detail-left-title{ padding:20px; ;}
	.detail-left-title h3{ font-size: 20px;}
	.detail-left-title p{ font-size: 16px;}
	
	
	.detail-lists-content h3{font-size: 16px; }
	.detail-lists-pic{width: 100%;}
	.detail-lists-content{width: 100%; text-align: center;}
	.detail-lists-content p{ margin-top: 5px; }
}


@media(max-width:1200px){
	.detail-left{width: 250px;}
}

@media(max-width:1000px){
	.detail-left{width: 100%;}
	.detail-lists{height: auto; overflow: auto;}
	.detail-lists ul li{display: none;}
	.detail-lists ul li.on{ display: block;}
}

.detail-right{flex: 1; padding-left: 40px;}
@media(max-width:1000px){
	.detail-right{ display: block; width: 100%; padding-left: 0;}
	.detail-lists ul li.on a{border-left-color: #F2F9FF;}
}


.detail-product-pics ul li{ padding: 15px 50px; align-items: center; justify-content: center; width: 50%; height: 250px; text-align: center; background-color: var(--default);}
.detail-product-pics ul li:nth-child(2),
.detail-product-pics ul li:nth-child(3),
.detail-product-pics ul li:nth-child(6){background-color: #54C1F3;}
/* 2 6 10 */
/* .detail-product-pics ul li:nth-child(2n+3){background-color: #54C1F3!important;} */
/* 3 7 9 */

.detail-product-pics ul li img{max-width: 180px;}
.detail-product-pics ul li p{ margin-top: 15px; height: 110px; line-height: 1.4; color: #fff; overflow: hidden;}

.detail-product-wrap{padding: 50px; margin-bottom: 30px; background-color: #fff;}
.detail-right-title{margin-bottom: 40px;}
.detail-right-title h3{ align-items: center; font-size: 20px; color: var(--default);}
.detail-right-title span{flex: 1; display: block; height: 1px; background-color: var(--default);}

.detail-product-case{ width: 100%; overflow: hidden;}
.detail-product-scroll{width: 100%; overflow: auto;}
.detail-product-scroll img{width: 100%;}
@media (max-width:1000px) {
	.detail-product-scroll img{width: 1200px;}
}

@media (max-width:768px) {
	.detail-product-scroll img{width: 768px;}
	
	.detail-product-pics ul li p{  font-size: 12px; height:80px; }
	
	.detail-product-scroll{overflow: scroll;}
}



.detail-product-signs ul li{margin-right: 35px;}
.detail-product-signs ul li img{max-width: 100px;}

.detail-product-vals ul li{width: 25%; margin: 20px 0;}
.detail-product-vals ul li h3{font-size: 18px; color: #ccc;}
.detail-product-vals ul li p{ margin-top: 10px; font-size: 18px;}

.detail-product-download ul{margin-left: -40px;}
.detail-product-download ul li{width: 50%; padding-left: 40px; margin: 20px 0;}
.detail-product-download ul li a{ align-items: center; justify-content: space-between; padding: 30px 35px; border: 1px solid #ccc;}
.detail-product-download ul li a h3{ font-size: 18px;}
.detail-product-download ul li a p{ margin-top: 10px; font-size: 18px; color: #999;}

@media(max-width:1800px){
	.detail-product-pics ul li{ padding: 15px 20px; height: 250px;}
}

@media(max-width:1200px){
	.detail-product-pics ul li{ width: 50%;}
}


@media(max-width:768px){
	.detail-product-wrap{padding: 30px; }
	.detail-product-vals ul li{width: 33.33%; margin: 20px 0;}
	.detail-product-vals ul li h3{font-size: 14px;}
	
	
	
	.detail-product-download ul{margin-left: -20px;}
	.detail-product-download ul li{width: 50%; padding-left: 20px; margin: 10px 0;}
	.detail-product-download ul li a{ padding: 15px; }
	
}

@media(max-width:768px){

	.detail-product-vals ul li{width: 50%; margin: 10px 0;}
	.detail-product-vals ul li h3{font-size: 14px;}
	
	.detail-product-download ul li{width: 100%;}
}

/* scene */ 
.solutions-scene{width: 100%; height: 100vh;}
.solutions-scene>img{display: none;}
.index-scene{width: 100%; height: 100%;}

@media (max-width:1800px){
	.solutions-scene{ position: relative; width: 100%; height: auto;}
	.solutions-scene>img{ display: block; width: 100%;}
	.index-scene{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: none !important;}
}

.index-scene-point{position: absolute; z-index: 3;}
.index-scene-point span{ position: relative; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background-color: var(--default); font-size: 24px; color: #fff;}
.index-scene-point span::before,
.index-scene-point span::after { position: absolute; left: 50%;top: 50%; z-index: -1; content: ''; display: block;transform: translate(-50%, -50%);width: 2.5rem;height: 2.5rem;border-radius: 50%;background: rgba(0, 149, 217, .4);}

.index-scene-point span::before{animation: boderM 3s .75s infinite;}
.index-scene-point span::after{animation: boderM 3s infinite;}
@keyframes boderM {
    0% {transform: translate(-50%, -50%) scale(1);opacity: 0}
    20% {opacity: 1}
    75% {transform: translate(-50%, -50%) scale(2);opacity: 0}
    100% {opacity: 0}
}


/*  */
.index-scene-point-tips{position: absolute; top: 0; left: 45px; opacity: 0; visibility: hidden; transform: translateX(5px); transition:.3s}
.index-scene-point-sign{ position: relative; line-height: 40px; padding:0 20px; border-radius: 45px; background-color: var(--default); color: #fff; cursor: pointer;}
.index-scene-point-tips b{font-weight: normal; white-space: nowrap; padding-right: 40px;}
.index-scene-point-tips i{ position: absolute; top: 15px; right: 20px; display: inline-block; width: 10px; height: 10px; border-top: 1px solid #fff;border-right: 1px solid #fff; transform: rotate(45deg);}
/* .index-scene-point-info{display: none;} */
@media(min-width:1200px)
{
	.index-scene-point:hover .index-scene-point-tips{opacity: 1; visibility: visible; transform: translateX(0);}
}

.index-scene .index-scene-point:nth-child(1){top: 43%; left: 12%;}
.index-scene .index-scene-point:nth-child(2){top: 38%; left: 52%;}
.index-scene .index-scene-point:nth-child(3){top: 46%; left: 74%;}
.index-scene .index-scene-point:nth-child(3) span{ background-color: rgb(116, 203, 190);}
.index-scene .index-scene-point:nth-child(3) span::before,
.index-scene .index-scene-point:nth-child(3) span::after{ background-color: rgba(116, 203, 190,.4);}
.index-scene .index-scene-point:nth-child(4){top: 72%; left: 34%;}
.index-scene .index-scene-point:nth-child(4) span{ background-color: rgb(116, 203, 190);}
.index-scene .index-scene-point:nth-child(4) span::before,
.index-scene .index-scene-point:nth-child(4) span::after{ background-color: rgba(116, 203, 190,.4);}
.index-scene .index-scene-point:nth-child(5){top: 72%; left: 75%;}

@media (max-width:1200px) {
	
	.index-scene-point span{  width: 30px; height: 30px; line-height: 30px; font-size: 20px; }
	
	.index-scene-point-tips{}
	
	.index-scene-point-tips{position: absolute; top: initial; bottom: 45px; left: 50%; opacity: 0; visibility: hidden; transform: translateX(-50%);}
	.index-scene-point-sign{ position: relative; line-height: 18px; width: 100px; padding:10px 5px; border-radius: 6px; font-size: 12px; text-align: center; }
	.index-scene-point-tips b{padding-right: 0; white-space: initial;}
	.index-scene-point-tips i{display: none;}
	
	.index-scene-point:hover .index-scene-point-tips{opacity: 1; visibility: visible; }
}

@media (max-width:640px) {
	
	.index-scene-point span{  width: 20px; height: 20px; line-height: 20px; font-size: 16px; }

}



/* 
|----------------------
|   paging
|----------------------
*/
.paging{padding: 50px; justify-content: center;}
.paging-nav a,
.paging-link{ position: relative; display: inline-block; margin:2px 5px; height: 46px; line-height: 44px; font-size: 16px; text-align: center; background-color: #fff; border: 1px solid #E6E6E6;}
/* hover */
.paging-nav a:hover,
.paging-link:hover{background-color: var(--default); color: #fff;}
/*  */
.paging-prev a,
.paging-next a{ padding: 0 15px;}
.paging-prev a i,
.paging-next a i{ position: absolute; top: 14px;  display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.paging-prev a i{left: 15px; border-right: none; border-top: none;}
.paging-next a i{left: 13px; border-left: none; border-bottom: none;}
/* hover */
.paging-prev a:hover i,
.paging-next a:hover i{border-color: #fff;}

/* active */
.paging-nav a{ width: 46px;}
.paging-nav a.page-num-current,
.paging-nav a:hover{ background-color: var(--default); border-color: var(--default); color: #fff;}


@media(max-width:640px){
	.paging-nav a,
	.paging-link{ margin:2px 5px; height: 36px; line-height: 34px; font-size: 14px;  }
	.paging-nav a{ width: 36px;}
}




.tclould-td-lists{margin-left:-40px}
.tclould-td-lists ul li{margin:20px 0;padding-left:40px;width:50%}
.tclould-td-item{ position:relative; padding:40px 60px 50px;height:100%;background-color:#fcfcfc}
.tclould-td-title{flex:1}
.tclould-td-title span{color:var(--default);font-weight:700;font-size:100px;line-height:1.2}
.tclould-td-title h3{margin-top:15px;color:#333;font-size:28px}
.tclould-td-title p{margin-top:15px;color:#666;font-size:20px;line-height:1.4}
.tclould-td-ico{width:135px}
.tclould-td-ico img{width:100%}



@media (max-width:1440px) {
	.tclould-td-item{padding:30px 50px 40px; }
	.tclould-td-title span{ font-size:80px; }
	.tclould-td-title h3{ font-size:24px}
	.tclould-td-title p{ font-size:16px; }
	.tclould-td-ico{width:105px}
}

@media (max-width:1200px) {
	.tclould-td-item{padding:30px 50px 40px; }
	.tclould-td-title span{ font-size:60px; }
}


@media (max-width:960px) {
	.tclould-td-item{padding:30px; }
	.tclould-td-title{padding-right: 15px;}
	.tclould-td-title span{ font-size:40px; }
	.tclould-td-title h3{ font-size:20px}
	.tclould-td-ico{width:90px}
}

@media (max-width: 768px) {
	.tclould-td-lists ul li{ width:100%}
}

@media (max-width: 640px) {
    .tclould-td-title{padding-right: 0;}
	.tclould-td-title p{ font-size:16px; }
	.tclould-td-ico{ position:absolute; top:30px; right:30px; width:60px}
}






.tclould-fun-swiper{position:relative; padding-bottom:40px;}
.tclould-fun-swiper .swiper-slide{height:auto}
.tclould-fun-swiper .swiper-scrollbar{ position:absolute; left:0; bottom:0; width:100%; height:3px;}
.tclould-fun-item{padding:70px 80px;height:100%;background-color:#fcfcfc;text-align:center}
.tclould-fun-item h3{margin-top:35px;font-size:28px}
.tclould-fun-item p{margin-top:15px;color:#666;font-size:18px;line-height:1.4}
.tclould-fun-swiper .swiper-button-next,.tclould-fun-swiper .swiper-button-prev{width:52px;height:52px;outline:0;border:1px solid var(--default);border-radius:60px}
.tclould-fun-swiper .swiper-button-next:after,.tclould-fun-swiper .swiper-button-prev:after{font-size:16px}
.tclould-fun-swiper .swiper-button-next{right:-80px}
.tclould-fun-swiper .swiper-button-prev{left:-80px}

@media (max-width:1800px) {
	.tclould-fun-item{padding:50px; }
	.tclould-fun-item img{max-width: 120px;}
}

@media (max-width:1440px) {
	.tclould-fun-swiper{position:relative; padding:0 30px 40px;}
	.tclould-fun-swiper .swiper-button-next{right:-40px}
    .tclould-fun-swiper .swiper-button-prev{left:-40px}
}

@media (max-width:1230px) {
	.tclould-fun-swiper .swiper-button-next,
	.tclould-fun-swiper .swiper-button-prev{display: none;}
}

@media (max-width: 768px) {
    .tclould-fun-swiper{position:relative; padding:0 0 40px;}
	.tclould-fun-item{padding:30px; }
	.tclould-fun-item img{max-width: 100px;}
	.tclould-fun-item h3{ font-size:20px}
}

.tclould-vals-lists ul{margin-left: -40px;}
.tclould-vals-lists ul li{margin:20px 0;padding-left:40px;width:50%}
.tclould-vals-item{padding:50px;height:100%;background-color:#0095d9;align-items:center}
.tclould-vals-item img{width:110px}
.tclould-vals-item>div{padding-left:50px;flex:1}
.tclould-vals-item h3{color:#fff;font-size:24px}
.tclould-vals-item p{margin-top:15px;color:#fff;font-size:18px;line-height:1.4}

@media (max-width:1200px) {
	.tclould-vals-lists ul{margin-left: -20px;}
	.tclould-vals-lists ul li{margin:10px 0; padding-left:20px; }
	.tclould-vals-item>div{padding-left:20px;}
	
	.tclould-vals-item{padding:30px;}
	.tclould-vals-item img{width:80px}
	.tclould-vals-item h3{ font-size:20px}
	.tclould-vals-item p{ font-size:14px; }
}

@media (max-width: 768px) {
	.tclould-vals-lists ul li{ width:100%}
	.tclould-vals-item img{width:60px}
}