/* ai_one */ .ai_one{width: 100%;background:#fff;float: left;padding:80px 0 ;z-index: 4;position: relative;margin-top: -40px;} .ai_one .box{width: 100%;float: left;} .ai_one .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;} .ai_one .box .new_title b{float: left;width: 100%;font-size: 36px;color: var(--themecolor);line-height: 40px;font-weight: bold;} .ai_one .box .new_title p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 30px;padding: 0 15%;margin-top: 20px;} .ai_one .box .c{width: 100%;float: left;margin: 0px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .ai_one .box .c .li{width:22%;float:left;margin: 10px 0 0;background: #f0faff;transition:0.5s;padding: 0 0 60px;} .ai_one .box .c .li:hover{box-shadow: 15px 15px 0 rgba(0,0,0,0.05);} .ai_one .box .c .li:nth-child(2){background-color: #f0f0ff;} .ai_one .box .c .li:nth-child(3){background-color: #fff0fc;} .ai_one .box .c .li:nth-child(4){background-color: #fff8f0;} .ai_one .box .c .li .img{width:100%;float:left;position: relative;overflow: hidden;} .ai_one .box .c .li .img img{width:100%;float:left;transition: 0.5s;} .ai_one .box .c .li:hover .img img{transform: scale(1.1);} .ai_one .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 22px;padding:0 25px;margin: 30px 0 10px;font-weight: bold;} .ai_one .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;padding:0 25px;height:auto;margin-top: 0px;} @media (max-width: 992px) { .ai_one{padding: 30px 0;margin-top: 0;} .ai_one .box .new_title{margin-bottom:20px;} .ai_one .box .new_title b{font-size: 24px;line-height: 32px;} .ai_one .box .c{padding: 0 ;} .ai_one .box .c .li{width:100%;float:left;margin: 0 0 0px 0;background: #fafafa;border-radius:0 10px 10px 0;padding: 0 0 40px;} .ai_one .box .c .li .img{width:100%;float:left;} .ai_one .box .c .li .img img{width:100%;float:left;} .ai_one .box .c .li b{line-height: 30px;color: #000;font-size: 20px;padding: 0 20px;margin: 30px 0 10px;} .ai_one .box .c .li p{line-height: 24px;color: #666;font-size: 14px;padding: 0 20px;height:auto;margin-top: 0px;} } /* ai_two */ .ai_two{width: 100%;background:#f4f4f4;float: left;padding:80px 0 60px;} .ai_two .box{width: 100%;float: left;} .ai_two .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;} .ai_two .box .new_title b{float: left;width: 100%;font-size: 36px;color: var(--themecolor);line-height: 40px;font-weight: bold;} .ai_two .box .new_title p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 30px;padding: 0 ;margin-top: 20px;} .ai_two .box .c{width: 100%;float: left;margin: 30px 0 0;display: flex;flex-direction: row;justify-content: space-between;padding: 0 5%;} .ai_two .box .c .li{width:32%;float:left;margin: 0 0;text-align: center;cursor: pointer;} .ai_two .box .c .li .img{width:100%;float:left;position: relative;} .ai_two .box .c .li:hover .img img{top: -8px;} .ai_two .box .c .li:hover .text p{color: #000;} .ai_two .box .c .li .img img{width: 160px;position: relative;transition: .5s;top: 0;} .ai_two .box .c .li .text{width:100%;float:left;margin-top:20px;display: flex;flex-direction: column;justify-content: center; align-items: center;} .ai_two .box .c .li .text b{width:250px;line-height: 40px;color: #000;font-size: 20px;} .ai_two .box .c .li .text p{width:250px;line-height: 30px;color: #666;font-size: 16px;transition: .5s;} @media (max-width: 992px) { .ai_two{width: 100%;float: left;padding:40px 0;} .ai_two .box{width: 100%;float: left;} .ai_two .box .new_title{margin-bottom:20px;} .ai_two .box .new_title b{font-size: 24px;line-height: 32px;} .ai_two .box .new_title p{font-size: 14px;line-height: 30px;margin-top: 0;} .ai_two .box .c{width: 100%;float: left;margin: 20px 0 0;padding: 0 ;flex-direction: column;} .ai_two .box .c .li{margin: 0 0 20px;text-align: center;width: 100%;} .ai_two .box .c .li .img{width:100%;float:left;} .ai_two .box .c .li .img img{width: 128px;} .ai_two .box .c .li .text b{width:100%;padding: 0 10%;;font-size: 20px;line-height: 24px;margin-bottom: 10px;} .ai_two .box .c .li .text p{width:100%;padding: 0 10%;} } /* ai_three */ .ai_three{width: 100%;background:#fff;float: left;padding:80px 0 ;} .ai_three .box{width: 100%;float: left;} .ai_three .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;} .ai_three .box .new_title b{float: left;width: 100%;font-size: 36px;color: var(--themecolor);line-height: 40px;font-weight: bold;} .ai_three .box .new_title p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 30px;padding: 0 ;margin-top: 20px;} .ai_three .box .c{width: 100%;float: left;margin: 10px 0 0 0px} .ai_three .box .c .li{width:100%;float:left;margin:0 0 10px;display: flex;flex-direction: row;background: #f0f0ff;transition:0.5s;} .ai_three .box .c .li:nth-child(2){background: #fff0fc;} .ai_three .box .c .li:nth-child(2) .img{background: #f0d6eb;} .ai_three .box .c .li:nth-child(3){background: #fff8f0;} .ai_three .box .c .li:nth-child(3) .img{background: #f7ebde;} .ai_three .box .c .li:hover{box-shadow: 15px 15px 0 rgba(0,0,0,0.05);} .ai_three .box .c .li .img{width:400px;float:left;background: #d6d6f5;text-align: center;display: flex;justify-content: center;align-items: center;} .ai_three .box .c .li .img img{width: 128px;transition: .5s;} .ai_three .box .c .li:hover .img img{transform: scale(1.2);} .ai_three .box .c .li .text{flex: 1;line-height: 36px;color: #666;font-size: 16px;padding: 25px 40px 25px;transition:0.5s;} .ai_three .box .c .li .text strong{font-size: 20px;color: #000;margin-bottom: 5px;font-weight: bold;line-height: 40px;float: left;width: 100%;} .ai_three .box .c .li .text p{font-size: 16px;color: #000;line-height: 30px;float: left;width: 100%;} @media (max-width: 992px) { .ai_three{padding:40px 0px ;} .ai_three .box .new_title{margin-bottom:20px;} .ai_three .box .new_title b{font-size: 24px;line-height: 32px;} .ai_three .box .new_title p{font-size: 14px;line-height: 30px;margin-top: 0;} .ai_three .box .c{width: 100%;float: left;margin: 10px 0 0 0px;padding: 00;} .ai_three .box .c .li{width:100%;float:left;margin:0 0 10px;} .ai_three .box .c .li .img{width:120px;float:left;background: #d6d6f5;text-align: center;display: flex;justify-content: center;align-items: center;} .ai_three .box .c .li .img img{width: 80px;} .ai_three .box .c .li .text{flex: 1;line-height: 36px;color: #666;font-size: 16px;padding: 15px 20px;transition:0.5s;} .ai_three .box .c .li .text strong{font-size: 20px;color: #000;margin-bottom: 5px;font-weight: bold;line-height: 30px;float: left;width: 100%;} .ai_three .box .c .li .text p{font-size: 14px;color: #000;line-height: 24px;float: left;width: 100%;} } /* ai_four */ .ai_four{width: 100%;background:#f4f4f4;float: left;padding: 80px 0 ;} .ai_four .box{width: 100%;float: left;} .ai_four .box .new_title{width: 100%;float: left;position: relative;text-align: center;margin-bottom:30px;} .ai_four .box .new_title b{float: left;width: 100%;font-size: 36px;color: var(--themecolor);line-height: 40px;font-weight: bold;} .ai_four .box .new_title p{float: left;width: 100%;font-size: 20px;color: #666;line-height: 30px;padding: 0 ;margin-top: 20px;} .ai_four .box .c{width: 100%;float: left;margin: 0px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} .ai_four .box .c .li{width:23%;float:left;margin: 0;transition:0.5s;text-align: center;padding: 40px 0;display: flex;flex-direction: column;align-items: center;} .ai_four .box .c .li:hover .img em{transform: rotate(45deg);} .ai_four .box .c .li .img{position: relative;width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;float: left;margin-bottom: 30px;} .ai_four .box .c .li .img img{width: 100%;height: 100%; position: relative;z-index: 100;padding: 14px;} .ai_four .box .c .li .img span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius:20px;z-index: 0;background-color: #fff;z-index: 10;} .ai_four .box .c .li .img em{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;z-index: 0;background-color: #eae6dc;transform: rotate(15deg);z-index: 5;transition: 0.5s;} .ai_four .box .c .li:nth-child(2) .img em{background-color: #e7d7d2;} .ai_four .box .c .li:nth-child(3) .img em{background-color: #eae6dc;} .ai_four .box .c .li:nth-child(4) .img em{background-color: #c7dedb;} .ai_four .box .c .li b{width:100%;float:left;line-height: 40px;color: #000;font-size: 22px;padding: 0 30px;margin: 20px 0 10px;} .ai_four .box .c .li p{width:100%;float:left;line-height: 30px;color: #666;font-size: 16px;padding: 0 30px;margin-top: 0px;} .ai_four .box .cimg{width: 100%;float: left;padding:0px 0 0;} .ai_four .box .cimg img{width: 100%;float: left;} @media (max-width: 992px) { .ai_four{padding:40px 0px;} .ai_four .box .new_title{margin-bottom:20px;} .ai_four .box .new_title b{font-size: 24px;line-height: 32px;} .ai_four .box .new_title p{font-size: 14px;line-height: 30px;margin-top: 0;} .ai_four .box .c{padding: 0 ;} .ai_four .box .c .li{width:100%;float:left;margin: 0 0 10px 0;padding-top: 0px;} .ai_four .box .c .li .img{width: 100px;height: 100px;margin-bottom:20px;} .ai_four .box .c .li b{line-height: 30px;color: #000;font-size: 20px;padding: 0 30px;margin: 20px 0 10px;} .ai_four .box .c .li p{line-height: 24px;color: #000;font-size: 14px;padding: 0 30px;margin-top: 0px;} }