@charset "UTF-8";

body{font-family: SourceHanSansCN-Normal;}

.nl_title{text-align: center;}

.nl_title h3{color: #212529;font-size: 32px;font-family: SourceHanSansCN-Bold;margin-bottom: 15px;}

.nl_title p{color: #212529;font-size: 18px;}



.nl_title2 h3,.nl_title2 p{color: #fff;}



/*Technical_1*/

.Technical_1{padding-bottom: 30px;}

.Technical_1_list{margin-top: 44px;}

.Technical_1_list div{width: 340px;height: 174px;background: #f5f5f5;float: left;margin-right: 15px;font-family: SourceHanSansCN-Regdivar;padding: 20px 30px 20px 20px;position: relative;overflow: hidden;}

.Technical_1_list div:last-child{margin-right: 0;}

.Technical_1_list div i{position: absolute;right: -14px;bottom: -10px;opacity: .2;transform: rotate(-14deg);width: 139px;height: 142px;}

.Technical_1_list div i img{width: 139px;height: 142px;}

.Technical_1_list div h3{color: #212529;font-size: 22px;margin-bottom: 24px;}

.Technical_1_list div ul{list-style: decimal;padding-left: 20px;}

.Technical_1_list div li{color: #212529;font-size: 18px;margin-bottom: 14px;}

/*Technical_2*/

.Technical_2{padding: 30px 0 60px;}

.Technical_2 .nl_title{margin-bottom: 20px;}

.Technical_2 img{max-width: 100%;height: auto;}

/*Technical_3*/

.Technical_3{background: #F4F2F1;padding: 60px 0;}

#tab{border-bottom: 1px solid #CBC8C8;margin-top: 40px;height: 55px;}

#tab a{font-size: 22px;color: #212529;width: 20%;line-height: 40px;margin-left: 20%;cursor: pointer;padding-bottom: 25px;text-align: center;}

#tab a.active{font-family: SourceHanSansCN-Medium;position: relative;}

#tab a.active:after{content: '';position: absolute;width: 100%;height: 3px;background: #216EE7;left: 0;bottom: 0;}

.Technical_3 .swiper-container{margin-top: 30px;}

.Technical_3 .swiper-container .swiper-slide{overflow: hidden;text-align: center;}

.Technical_3 .swiper-container .swiper-slide img{display: inline-block;max-width: 100%;height: auto;}

/*Technical_4*/

.Technical_4{padding: 60px 0;}

.Technical_4 .swiper-container{padding-top: 50px;padding-bottom: 60px;}

.Technical_4 .swiper-container .swiper-slide{background: #fff;}

.Technical_4 .swiper-container .swiper-slide h3{font-size: 22px;color: #212529;font-family: SourceHanSansCN-Regular;margin-bottom: 40px;position: relative;display: inline-block;padding-bottom: 8px;}

.Technical_4 .swiper-container .swiper-slide h3:after{content: '';position: absolute;width: 100%;height: 3px;background: #216EE7;left: 0;bottom: 0;}

.Technical_4 .swiper-container .swiper-slide li{font-size: 18px;color: #212529;clear: both;line-height: 28px;margin-bottom: 22px;overflow: hidden;}

.Technical_4 .swiper-container .swiper-slide li i{float: left;margin-right: 10px;}

.Technical_4 .swiper-container .swiper-slide li i img{}

.Technical_4 .swiper-container .swiper-slide li em{font-style: initial;float: left;}

.Technical_4 .swiper-container .swiper-slide li p{float: left;width: calc(100% - 130px);}

.Technical_4 .swiper-container .swiper-button-next,.Technical_4 .swiper-container .swiper-button-prev{width: 120px;height: 38px;bottom: 0;top: auto;font-size: 30px;border: 1px solid #216EE7}

.Technical_4 .swiper-container .swiper-button-prev{right: 50%;left: auto;background: #fff;color: #216EE7;}

.Technical_4 .swiper-container .swiper-button-next{right: auto;left: 50%;background: #216EE7;color: #fff;}

@media screen and (max-width: 767px){
	.nl_title h3{font-size: 28px;}
	.Technical_1_list div{width: calc(100% - 50px);margin: 0 0 15px;}
	#tab{display: flex;}
	#tab a{width: 100%;margin-left: 0;}

}