﻿/*ai制定服务*/
.c_l{ clear:both; overflow:hidden; font-size:0; height:0;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f36{ font-size:36px;}
.service_one_bg{background: #fafbfd;}
.service_one{ overflow:hidden;background: #FFFFFF; box-shadow: 0px 0px 24px 0px rgba(24,24,24,0.1);margin-top: -40px;position: relative;}
.service_one ul{display: flex;}
.service_one ul li{width:25%; overflow:hidden;position: relative;}
.service_one ul li::after{content: "";position: absolute;right: 0;top: 0;height: 100%;width: 1px;background: #E8E8E8;}
.service_one ul li:last-child:after{display: none;}
.service_one ul li .boxs{ overflow:hidden;width: 92%;margin: 0 auto;max-width: 306px;margin-top: 24px;margin-bottom: 21px;}
.service_one ul li .ico{float: left;width: 56px;margin-right: 11px;}
.service_one ul li .cons{overflow: hidden;}

.service_one ul li .h3{ font-weight:normal; line-height:30px; height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #181818;}
.service_one ul li .p{ overflow:hidden; font-size: 14px;color: #666666; line-height: 26px;margin-top: 8px;}
.service_two{}
.service_two_t{overflow: hidden;text-align:center;margin-top: 5%;}
.service_two_t .h3{color: #181818;font-weight: bold;overflow: hidden;line-height: 1.3;}
.service_two_t .p{overflow: hidden;line-height: 1.6;font-size: 14px;color: #666666;margin-top: 2%;}
.service_two_ul{margin-top: 3%;margin-bottom: 7%;}
.service_two_ul ul{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.service_two_ul ul li{width: 49%;overflow: hidden;box-shadow: 0px 0px 4px 0px rgba(24,24,24,0.1);background-repeat: no-repeat;background-position: center center;background-size: cover;min-height: 254px;margin-bottom: 2%;transition:all 0.3s}
.service_two_ul ul li:hover{box-shadow: 4px 4px 20px 0px rgba(43,51,168,0.1);}
.service_two_ul ul li .boxs{overflow: hidden;width: 48%;}
.service_two_ul ul li .h4{color: #181818;font-weight: bold;line-height: 42px;height: 42px;background: linear-gradient( 270deg, rgba(47,200,225,0) 0%, rgba(43,51,168,0.1) 100%);overflow: hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 25px;padding-left: 23px;}
.service_two_ul ul li dl{padding-left: 23px;margin-top: 17px;overflow: hidden;min-height: 112px;}
.service_two_ul ul li dl dd{float: left;width: 49%;margin-right: 2%;overflow: hidden;padding-left: 9px;background: url(../image/service_pic5.png) left center no-repeat;background-size: 4px 7px;line-height: 28px;height: 28px;white-space:nowrap;text-overflow:ellipsis;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: 14px;}
.service_two_ul ul li dl dd:nth-child(2n){margin-right: 0;}
.service_two_ul ul li dl.bg2 dd{width: 100%;margin-right: 0;}
.service_two_ul ul li .a{float: left;padding-right: 30px;background-size: 22px 6px;margin-top: 17px;line-height: 22px;margin-left: 23px;font-size: 14px;transition:all 0.3s;display: none;clear: both;color: #2B33A8;background-position: right 22px center;background-repeat: no-repeat;}
.service_two_ul ul li:hover .a{display:block;}
.service_two_ul ul li .a:hover{background-image: url(../image/service_pic6.png);background-position: right center;}
.service_three{overflow: hidden;margin-top: 4%;margin-bottom: 6%;}
.service_three img{max-width: 100%;}
.service_four_bg{overflow: hidden;background: #FAFBFD;}
.service_four{margin-top: 3%;margin-bottom: 6%;}
.service_four ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.service_four ul li{width:32%;margin-bottom: 2%;box-shadow: 0px 0px 4px 0px rgba(24,24,24,0.1);background:url(../image/service_pic7.png) center center no-repeat;background-size: cover;overflow: hidden;margin-right: 2%; transform: translate(0, 0);transition: all 0.3s;}
.service_four ul li:hover{transform: translate(0, -8px);}
.service_four ul li:nth-child(3n){margin-right: 0;}
.service_four ul li .boxs{width: 94%;margin: 0 auto;max-width: 406px;margin-top: 29px;}
.service_four ul li .tt{overflow: hidden;}
.service_four ul li .tt .h4{float: left;width:calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);position: relative;overflow: hidden;line-height: 52px;height: 52px;white-space:nowrap;text-overflow:ellipsis;margin-top: 10px;font-weight: bold;color: #181818;}
.service_four ul li .tt .h4::after{content: "";position: absolute;left: 0;bottom: 0;width: 36px;height: 4px;background: #2fc8e1;}
.service_four ul li .tt .ico{float: right;width: 72px;height: 72px;}
.service_four ul li .p{font-size: 14px;line-height: 26px;margin-top: 25px; color: #666666;height: 78px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
@media (max-width: 1400px) {
/*ai制定服务*/
.f20{ font-size:19px;}
.f22{ font-size:21px;}
.f36{ font-size:34px;}

}

@media (max-width: 1200px) {
/*ai制定服务*/
.f20{ font-size:18px;}
.f22{ font-size:20px;}
.f36{ font-size:30px;}



}



@media (max-width: 992px) {
/*ai制定服务*/
.f20{ font-size:17px;}
.f22{ font-size:19px;}
.f36{ font-size:28px;}
.service_one{margin-top: 6%;}
.service_one ul{flex-wrap: wrap;}
.service_one ul li{width: 50%;}
.service_one ul li:nth-child(2):after{display: none;}
.service_two_t{margin-top: 6%;}
.service_two_ul{margin-top: 4%;}
.service_two_ul ul li{width: 100%;margin-bottom: 4%;min-height: auto;padding-bottom: 12px;}
.service_two_ul ul li dl{min-height: auto;}
.service_three{overflow: hidden;margin-top:5%;}
.service_four{margin-top: 4%;}
.service_four ul li{width: 49%;}
.service_four ul li:nth-child(3n){margin-right:2%;}
.service_four ul li:nth-child(2n){margin-right: 0;}
}

@media (max-width: 640px) {
/*ai制定服务*/
.f20{ font-size:16px;}
.f22{ font-size:18px;}
.f36{ font-size:24px;}
.service_one{margin-top: 7%;}
.service_two_t{margin-top: 7%;}
.service_two_t .p{font-size: 13px;}
.service_four ul li .boxs{margin-top: 10px;max-width: 600px;}
.service_four ul li{width: 100%;margin-right: 0;}
}

@media (max-width: 480px) {
/*ai制定服务*/
.f20{ font-size:15px;}
.f22{ font-size:16px;}
.f36{ font-size:20px;}
.service_one ul li{width: 100%;}
.service_one ul li::after{width: 100%;height:1px;top: auto;bottom: 0;}
.service_one ul li:nth-child(2):after{display: block;}
.service_one ul li .boxs{max-width: 380px;}
.service_two_ul ul li dl dd{font-size: 13px;}
.service_two_ul ul li .a{font-size: 13px;margin-left: 12px;margin-top: 12px;}
.service_two_ul ul li .h4{padding-left: 12px;margin-top: 15px;height: 36px;line-height: 36px;}
.service_two_ul ul li dl{padding-left: 12px;margin-top: 12px;}
.service_two_ul ul li .boxs{width: 62%;}
.service_two_t .p{font-size: 12px;}
}

@media (max-width: 360px) {
/*ai制定服务*/
.f36{ font-size:18px;}
.service_two_ul ul li dl dd{font-size: 12px;}
.service_two_ul ul li .a{font-size: 12px;}

}