@charset 'utf-8';

.service_banner{position: relative; overflow: hidden;}
.service_banner .picture{overflow: hidden;}
/* .service_banner .picture img{position: relative; left: 50%; transform: translateX(-50%);} */
.service_banner .picture img{width: 100%;}
.service_banner .content{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.service_banner .content .title{text-align: center; font-size: 46px;}
.service_banner .content .text{text-align: center; font-size: 16px; line-height: 28px;}

.technology_detail{padding: 60px 0;}
.technology_detail .technology_title{text-align: center;}
.technology_detail .technology_title h2{font-size: 36px; line-height: 56px;}
.technology_detail .technology_content{margin-top: 30px;}
.technology_detail .technology_content .picture{display: flex; justify-content: space-between;}
.technology_detail .technology_content .picture .list{width: 49%; overflow: hidden;}
.technology_detail .technology_content .picture .list img{width: 100%; transition: all 0.5s;}
.technology_detail .technology_content .picture .list:hover img{transform: scale(1.1);}
.technology_detail .technology_content .content{margin-top: 33px; border-left: solid #009ca3 10px; padding-left: 18px;}
.technology_detail .technology_content .content p{font-size: 20px; line-height: 30px; color: #252525;}

.technology_detail .contentlist2{padding: 30px 0;}
.technology_detail .contentlist2 .fleft{float: left;}
.technology_detail .contentlist2 .fright{float: right;}
.technology_detail .contentlist2::after{content: ''; display: table; clear: both;}
.technology_detail .contentlist2 .picture{width: 48%; overflow: hidden;}
.technology_detail .contentlist2 .picture img{width: 100%; transition: all 0.5s;}
.technology_detail .contentlist2:hover .picture img{transform: scale(1.1);}
.technology_detail .contentlist2 .content{width: 48%; font-size: 20px; color: #252525; margin-top: 20px;}
.technology_detail .contentlist2 .content h3{font-size: 24px; line-height: 42px; margin-bottom: 10px;}
.technology_detail .contentlist2 .content p{font-size: 20px; line-height: 36px; padding: 5px 0;}

.technology_video{padding: 40px 0 30px; background: #fafafb;}
.technology_video .video_title{text-align: center;}
.technology_video .video_title h2{font-size: 36px; line-height: 56px;}
.technology_video .video_content{margin-top: 30px;}
.technology_video .video_content video{width: 800px; max-width: 100%; height: auto;}
.technology_video .video_content p{text-align: center; font-size: 18px; color: #232323; margin-top: 20px;}

.productadvantages{padding: 60px 0 40px;}
.productadvantages .advantages_title{text-align: center;}
.productadvantages .advantages_title h2{font-size: 36px; line-height: 56px;}
.productadvantages .advantagescontent{position: relative; padding: 30px 40px 0;}
.productadvantages .advantagesSwiper{overflow: hidden;}
.productadvantages .advantagesSwiper .swiper-slide{padding: 20px; box-sizing: border-box;}
.productadvantages .advantagesSwiper .list{background: #f9f9f9; transition: all 0.5s;}
.productadvantages .advantagesSwiper .list:hover{background: #fff; box-shadow: 0 0 10px 10px #eee;}
.productadvantages .advantagesSwiper .list .picture{overflow: hidden;}
.productadvantages .advantagesSwiper .list .picture img{width: 100%; transition: all 0.5s;}
.productadvantages .advantagesSwiper .list:hover .picture img{transform: scale(1.1);}
.productadvantages .advantagesSwiper .list .content{padding: 15px 15px 20px;}
.productadvantages .advantagesSwiper .list .content .title{line-height: 36px;}
.productadvantages .advantagesSwiper .list .content .title a{font-size: 18px; color: #161616;}
.productadvantages .advantagesSwiper .list:hover .content .title a{color: #009ca3;}
.productadvantages .advantagesSwiper .list .content .text{font-size: 14px; line-height: 24px; height: 72px; color: #8e8e8e; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.productadvantages .advantagesSwiper .list .content .button{margin-top: 10px;}
.productadvantages .advantagesSwiper .list .content .button a{display: block; width: 19px; height: 13px; background: url("../images/button.png");}
.productadvantages .advantagesSwiper .swiper-button-prev,
.productadvantages .advantagesSwiper .swiper-button-next{width: 40px; height: 40px; opacity: 1; cursor: pointer;}
.productadvantages .advantagesSwiper .swiper-button-prev{left: 0; background: url("../images/arrow_left.png");}
.productadvantages .advantagesSwiper .swiper-button-next{right: 0; background: url("../images/arrow_right.png");}
.productadvantages .advantagesSwiper .swiper-button-prev:hover{background: url("../images/arrow_left_hover.png");}
.productadvantages .advantagesSwiper .swiper-button-next:hover{background: url("../images/arrow_right_hover.png");}

.common_quote{background: #fafafa;}
.common_quote input[type=text],
.common_quote textarea{background: #fff !important;}

@media (max-width:960px) {
	/* .service_banner .picture img{width: 100%;} */
	.service_banner .content{width: 100%; box-sizing: border-box; padding: 20px 10px;}
	.service_banner .content .title{font-size: 16px;}
	.service_banner .content .text{display: none;}
	
	.technology_detail{padding: 30px 10px;}
	.technology_detail .technology_title h2{font-size: 20px; line-height: 32px;}
	.technology_detail .technology_content{margin-top: 20px;}
	.technology_detail .technology_content .content{margin-top: 20px; border-left-width: 3px; padding-left: 10px;}
	.technology_detail .technology_content .content p{font-size: 14px; line-height: 24px;}
	
	.technology_detail .contentlist2{padding: 10px 0;}
	.technology_detail .contentlist2 .picture{width: 100%;}
	.technology_detail .contentlist2 .content{width: 100%; margin-top: 10px;}
	.technology_detail .contentlist2 .content h3{font-size: 16px; line-height: 24px;}
	.technology_detail .contentlist2 .content p{font-size: 14px; line-height: 20px;}
	
	.technology_video{padding: 30px 10px;}
	.technology_video .video_title h2{font-size: 20px; line-height: 32px;}
	.technology_video .video_content{margin-top: 20px;}
	.technology_video .video_content video{width: 100%;}
	.technology_video .video_content p{font-size: 14px; margin-top: 10px;}
	
	.productadvantages{padding: 30px 10px;}
	.productadvantages .advantages_title h2{font-size: 20px; line-height: 32px;}
	.productadvantages .advantagescontent{padding: 20px 0 0;}
	.productadvantages .advantagesSwiper .swiper-slide{padding: 0 10px; box-sizing: border-box;}
	.productadvantages .advantagesSwiper .list .content{padding: 10px;}
	.productadvantages .advantagesSwiper .list .content .title{font-size: 14px; height: 40px; line-height: 20px;}
	.productadvantages .advantagesSwiper .list .content .text{margin-top: 10px; font-size: 12px; line-height: 18px; height: 36px;}
	.productadvantages .advantagesSwiper .list .content .button{margin-top: 10px;}
	.productadvantages .advantagesSwiper .list .content .button a{display: block; width: 19px; height: 13px; background: url("../images/button.png");}
	.productadvantages .advantagesSwiper .swiper-button-prev,
	.productadvantages .advantagesSwiper .swiper-button-next{display: none;}
}