@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: #5a6169;font-size: 16px;}



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

/*ai_1*/

.ai_1{}

.ai_1 .cont{margin-bottom: 60px;}

.ai_1 .txt{font-size: 18px;line-height: 30px;width: 952px;margin-top: 60px;text-indent: 36px;}

.ai_1 .img{width: 153px;height: 149px;border: 1px solid #d5d5d5;border-radius: 10px;margin: 50px 30px 0 0;}

.ai_1 .img img{margin: 18px;}

/*ai_2*/

.ai_2{background: url(/skin/img/ai/i2.jpg) no-repeat center;height: 355px;padding-top: 57px;background-size: cover;}

.ai_2 ul{margin-top: 90px;}

.ai_2 ul li{font-family: SourceHanSansCN-Regular;float: left;width: 21%;color: #fff;margin-right: 5%;position: relative;}

.ai_2 ul li:last-of-type{margin-right: 0;}

.ai_2 ul li i{position: absolute;font-family: Impact;display: block;font-size: 138px;font-style: inherit;top: -40%;z-index: 1;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(bottom,rgba(0, 78, 255, 0),rgba(0, 78, 255, .2),rgba(0, 78, 255, .6));}

.ai_2 ul li h3{font-size: 22px;margin-bottom: 15px;z-index: 2;position: relative;text-align: center;}

.ai_2 ul li p{font-size: 18px;line-height: 28px;z-index: 2;position: relative;text-indent: 36px;}

/*section{padding-top: 60px;}*/

/*.ai_4*/

.ai_4{padding: 70px 0 100px;}

.ai_4 .tab{overflow: hidden;border-bottom: 1px solid #CBC8C8;margin-top: 40px;}

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

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

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

.ai_4 .ai_4_w{width: 800px;margin: 50px auto;}

.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide{overflow: hidden;}

.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left{width: 445px;}

.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left h3{font-size: 22px;color: #216ee7;font-family: SourceHanSansCN-Regular;}

.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left li{color: #212529;font-size: 18px;margin-top: 30px;background: url(/skin/img/ai/i5.jpg) no-repeat left top 5px;padding-left: 35px;line-height: 30px;}

.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left li a{width: 139px;height: 41px;line-height: 41px;text-align: center;display: block;box-shadow: 0 0 12px rgba(33, 110, 231, .4);border-radius: 8px;margin-bottom: 20px;cursor: pointer;}

.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left li a.active{color: #216ee7;}



.ai_4 .ai_4_w .right{width: 290px;}

.ai_4 .ai_4_w .right .ai_4_l{}

.ai_4 .ai_4_w .right .ai_4_l .swiper-slide{}

.ai_4 .ai_4_w .right .ai_4_l .swiper-slide img{max-width: 100%;height: auto;}



/*relaxed*/

.relaxed{background: url(/skin/img/relaxed.jpg)no-repeat center top;padding: 30px 0 70px;color: #fff;height: 324px;background-size: cover;}

.icon-data{text-align: center;margin: 30px 0;}

.icon-data ul{overflow: hidden;padding: 0 50px;}

.icon-data ul li{width: 20%;float: left;margin-right: 20%;}

.icon-data ul li:last-of-type{margin-right: 0}

.icon-data ul li .img{}

.icon-data ul li .img img{display: inline-block;}

.icon-data ul li p{font-size: 16px;line-height: 38px;}

.icon-data ul li h3{letter-spacing: 4px;font-size: 32px;}

.icon-data ul li span{font-family: SourceHanSansCN-Light;letter-spacing: 1px;}

.icon-data ul li span em{font-style: inherit;}

/*ai_5*/

.ai_5{height: 384px;position: relative;width: 100%;background: url(/skin/img/ai/i4.jpg) no-repeat center;background-size: cover;}

.ai_5 .img{height: 100%;position: absolute;left: 0;right: 0;top: 0;width: 100%;background: url(/skin/img/ai_5.jpg) no-repeat center;z-index: 1;transition: all .6s}

.ai_5 .img .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 118px;height: 118px;border-radius: 50%;background: rgba(0,0,0,0.45) url(/skin/img/play.svg) center no-repeat;background-size: 58%;transition: all .4s;cursor: pointer;}

.ai_5 .img .play:hover{background-size: 65%}

.ai_5 video{height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}

/*ai_6*/

.ai_6{padding: 60px 0;text-align: center;}

.ai_6 .nl_title{margin-bottom: 60px;}

.ai_6 img{max-width: 100%;height: auto;display: inline-block;}

@media screen and (max-width: 767px){
	.nl_title h3{font-size: 20px;font-weight: bold;}
	.ai_1 .cont{margin-bottom: 30px;}
	.ai_1 .txt {width: 100%;margin-top: 20px;font-size: 15px;line-height: 28px;float: initial;}
	.ai_1 .img{margin: auto;float: initial;}
	.ai_2{background-size: cover;height: auto;padding-top: 40px;}
	.ai_2 ul {margin-top: 50px;}
	.ai_2 ul li{width: 100%;margin: 0 0 30px;}
	.ai_2 ul li i{font-size: 80px;}
	.ai_2 ul li h3{font-size: 18px;margin-bottom: 10px;}
	.ai_2 ul li p{font-size: 14px;}
	.ai_4{padding: 40px 0;}
	.ai_4 .tab{display: flex;margin-top: 20px;justify-content: space-around;}
	.ai_4 .tab a{margin-left:0;font-size: 14px;font-weight: bold;padding: 0;}
	.ai_4 .tab a.active:after{height: 3px;}
	.ai_4 .ai_4_w{width: 100%;margin: 20px auto;}
	.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left{width: 100%;}
	.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left h3{font-size: 18px;}
	.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left li{margin-top: 15px;font-size: 14px;line-height: 26px;background-size: 22px auto;}
	.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left li .ai_4_w_tab{width: calc(100% - 8px);margin: 10px 0 20px;display: flex;justify-content: space-around;background: #F4F4F4;padding: 4px;border-radius: 10px;}
	.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left li a{display: inline-block;width: 33%;margin-bottom: 0;box-shadow:initial;height: 35px;line-height: 35px;}
	.ai_4 .ai_4_w>.swiper-wrapper>.swiper-slide .left li a.active{background: #fff;color: #212529;}
	.ai_4 .ai_4_w .right{width: 100%;}
	.ai_4 .ai_4_w .right .ai_4_l .swiper-slide{text-align: center;}
	.ai_4 .ai_4_w .right .ai_4_l .swiper-slide img {display: inline-block;}
	.relaxed{height: auto;padding: 30px 0;}
	.icon-data{margin-bottom: 0;}
	.icon-data ul{padding: 0;}
	.icon-data ul li{width: 100%;text-align: left;margin: 0 0 30px;}
	.icon-data ul li .img {width: 60px;float: left;}
	.icon-data ul li .img img {max-width: 100%;height: auto;}
	.icon-data ul li p {width: calc(100% - 90px);float: right;font-size: 14px;line-height: initial;}
	.icon-data ul li h3 {width: calc(100% - 90px);float: right;font-size: 28px;}
	.icon-data ul li span {width: calc(100% - 90px);float: right;font-size: 14px;}
	.ai_5{height: 250px;}
	.ai_5 .img .play{width: 70px;height: 70px;}
}