@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: "Helvetica","PingFang SC","Microsoft YaHei","Tahoma","Arial","STHeiti","sans-serif" !important;color: #1A1A1A;font-size: 14px;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1,i{font-style: normal;}
ul{list-style: none;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.banner{height: 500px;background: url(../images/appsc/banner.webp) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 86px;}
.banner h5{display: inline-block;height: 20px;background: linear-gradient(270deg, #96C3FF 0%, #5182FF 100%);border-radius: 10px 10px 10px 0;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 20px;padding: 0 12px;margin-bottom: 18px;white-space: nowrap;}
.banner span{display: block;font-weight: bold;font-size: 50px;color: #222222;line-height: 56px;margin-bottom: 18px;}
.banner span em{font-weight: bold;font-size: 50px;background: linear-gradient(90deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner p{font-weight: 400;font-size: 20px;color: #333333;line-height: 28px;margin-bottom: 40px;}
.banner a{display: inline-block;width: 170px;height: 50px;background: linear-gradient(90deg, #005EF4 0%, #4D9AFF 100%);border-radius: 100px;text-align: center;font-weight: 400;font-size: 18px;color: #FFFFFF;line-height: 50px;box-sizing: border-box;}
.banner a:last-child{width: 200px;background: none;border: 1px solid #0077FF;color: #0077FF;margin-left: 20px;}
.banner a::after{content: "";display: inline-block;width: 20px;height: 20px;background: url(../images/appsc/arrow3.webp) no-repeat;background-size: 100%;margin-left: 8px;vertical-align: -4px;}
.banner a:nth-child(5)::after{background: url(../images/appsc/arrow4.png) no-repeat;background-size: 100%;}

.content .tit{text-align: center;font-size: 18px;color: #393939;padding: 80px 0 60px;}
.content .tit b{display: block;font-size: 36px;color: #000;padding-bottom: 18px;}
.content .btn{width: 274px;height: 72px;line-height: 72px;text-align: center;font-size: 24px;color: #FFF;background: #ff743e;border-radius: 6px;margin: 0 auto;display: block;}
.content>div{padding-bottom: 90px;}
.content .fl_1 ul{background: url(../images/appsc/fl_1.jpg) center top;height: 617px;position: relative;margin-bottom: 50px;}
.content .fl_1 ul li{width: 260px;height: 182px;font-size: 18px;line-height: 30px;position: absolute;box-sizing: border-box;}
.content .fl_1 ul li p{font-size: 24px;padding: 30px 0 20px;}
.content .fl_1 ul li:nth-child(1){text-align: right;left: 42px;top: 55px;padding-right: 30px;}
.content .fl_1 ul li:nth-child(2){text-align: left;right: 35px;top: 100px;padding-left: 30px;}
.content .fl_1 ul li:nth-child(3){text-align: right;left: 50px;bottom: 110px;padding-right: 30px;}
.content .fl_1 ul li:nth-child(4){text-align: left;right: 47px;bottom: 95px;padding-left: 30px;}
.content .fl_2{background-color: #fbfbfb;}
.content .fl_2 .width{display: flex;justify-content: space-between;}
.content .fl_2 .width dl{width: 380px;}
.content .fl_2 .width dl dt{height: 106px;background: url(../images/appsc/fl2_1.png) center top;font-size: 16px;color: #FFF;padding-left: 26px;}
.content .fl_2 .width dl:nth-child(2) dt{background: url(../images/appsc/fl2_2.png) center top;}
.content .fl_2 .width dl:nth-child(3) dt{background: url(../images/appsc/fl2_3.png) center top;}
.content .fl_2 .width dl dt p{font-size: 24px;font-weight: 400;color: #FFF;padding: 28px 0 7px;}
.content .fl_2 .width dl dd{border: 1px solid #f7583e;border-top: 0;padding: 20px;background-color: #FFF;}
.content .fl_2 .width dl:nth-child(2) dd{border-color: #4975f4;}
.content .fl_2 .width dl:nth-child(3) dd{border-color: #17a2fa;}
.content .fl_2 .width dl dd p{background-color: #f9f9f9;border-radius: 6px;margin-bottom: 15px;line-height: 22px;color: #8b8b8b;height: 115px;padding-right: 20px;}
.content .fl_2 .width dl dd p b{display: block;font-size: 18px;font-weight: 400;padding: 20px 0 10px;}
.content .fl_2 .width dl dd p::before{display: block;content: "";width: 67px;height: 67px;background: url(../images/appsc/fl2_off.png);float: left;margin: 24px 20px;}
.content .fl_2 .width dl dd p:hover{background-color: #fff6f3;}
.content .fl_2 .width dl:nth-child(2) dd p:hover{background-color: #f5f8ff;}
.content .fl_2 .width dl:nth-child(3) dd p:hover{background-color: #f0faff;}
.content .fl_2 .width dl dd p:hover::before{background: url(../images/appsc/fl2.png);}
.content .fl_2 .width dl:nth-child(1) dd p:nth-child(2)::before{background-position: -67px 0;}
.content .fl_2 .width dl:nth-child(1) dd p:nth-child(3)::before{background-position: -134px 0;}
.content .fl_2 .width dl:nth-child(1) dd p:nth-child(4)::before{background-position: -201px 0;}
.content .fl_2 .width dl:nth-child(2) dd p:nth-child(1)::before{background-position: 0 -67px;}
.content .fl_2 .width dl:nth-child(2) dd p:nth-child(2)::before{background-position: -67px -67px;}
.content .fl_2 .width dl:nth-child(2) dd p:nth-child(3)::before{background-position: -134px -67px;}
.content .fl_2 .width dl:nth-child(2) dd p:nth-child(4)::before{background-position: -201px -67px;}
.content .fl_2 .width dl:nth-child(3) dd p:nth-child(1)::before{background-position: 0 -134px;}
.content .fl_2 .width dl:nth-child(3) dd p:nth-child(2)::before{background-position: -67px -134px;}
.content .fl_2 .width dl:nth-child(3) dd p:nth-child(3)::before{background-position: -134px -134px;}
.content .fl_2 .width dl:nth-child(3) dd p:nth-child(4)::before{background-position: -201px -134px;}
.content .fl_2 .width dl dd:last-child{padding: 0;height: 48px;line-height: 48px;background-color: #f7583e;}
.content .fl_2 .width dl dd:last-child a{font-size: 22px;color: #FFF;display: block;width: 128px;margin: 0 auto;}
.content .fl_2 .width dl dd:last-child a::before{display: block;content: "";width: 30px;height: 30px;background: url(../images/appsc/fl2_bg.png);float: left;margin: 9px 10px 0 0;}
.content .fl_2 .width dl:nth-child(2) dd:last-child{background-color: #4975f4;}
.content .fl_2 .width dl:nth-child(3) dd:last-child{background-color: #17a2fa;}
.content .fl_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 20px;}
.content .fl_3 ul li{margin-bottom: 40px;width: 366px;height: 210px;border-radius: 6px;box-shadow: 0 0 20px rgb(225,225,225,0.7);}
.content .fl_3 ul li em{display: block;width: 98px;height: 98px;border-radius: 50%;box-shadow: 0 0 28px rgb(214,217,229,0.7);float: left;margin: 40px 30px 0;}
.content .fl_3 ul li em::before{display: block;content: "";width: 59px;height: 53px;background: url(../images/appsc/fl3.png);margin: 22px auto 0;}
.content .fl_3 ul li:nth-child(2) em::before{background-position: -59px 0;}
.content .fl_3 ul li:nth-child(3) em::before{background-position: -118px 0;}
.content .fl_3 ul li:nth-child(4) em::before{background-position: -177px 0;}
.content .fl_3 ul li:nth-child(5) em::before{background-position: -236px 0;}
.content .fl_3 ul li:nth-child(6) em::before{background-position: -295px 0;}
.content .fl_3 ul li p{font-size: 16px;line-height: 30px;color: #676666;padding-top: 40px;float: left;}
.content .fl_3 ul li p b{display: block;font-size: 24px;color: #2c2c2c;margin-bottom: 20px;}
.content .fl_4{background-color: #fbfbfb;}
.content .fl_4 img{margin: 0 auto 60px;}
.content .fl_5 .width{width: 1232px;background: url(../images/appsc/fl5.jpg) center top no-repeat;display: flex;justify-content: space-between;padding-top: 150px;margin-bottom: 60px;}
.content .fl_5 .width em{display: block;text-align: center;font-size: 20px;width: 12.5%;}
.content .fl_6{background-color: #fbfbfb;}
.content .fl_6 div.width{height: 112px;overflow: hidden;background-color: #FFF;border-radius: 6px;box-shadow: 0 0 15px rgb(225,225,225,0.7);}
.content .fl_6 div.width p{float: left;font-size: 18px;color: #000;line-height: 46px;width: 415px;box-sizing: border-box;padding-top: 35px;padding-left: 115px;position: relative;}
.content .fl_6 div.width p::before{display: block;content: "";width: 34px;height: 32px;background: url(../images/appsc/fl6.png);float: left;margin: 3px 18px 0 0;}
.content .fl_6 div.width p:nth-child(1)::after,.content .fl_6 div.width p:nth-child(2)::after{display: block;content: "";width: 1px;height: 32px;background-color: #e5e5e5;position: absolute;right: 0;top: 40px;}
.content .fl_6 div.width p:nth-child(2)::before{background-position: -34px 0;}
.content .fl_6 div.width p:nth-child(3)::before{background-position: -68px 0;margin-top: 0;}
.content .fl_6 div.width p:nth-child(2){width: 364px;padding-left: 68px;}
.content .fl_6 div.width p:nth-child(3){width: 398px;}
.content .fl_6 div.width p b{font-size: 38px;color: #2f65ff;display: block;margin-right: 8px;float: left;line-height: 38px;}
.content .fl_6 div.width p b::after{display: inline-block;content: "\002B";color: #2f65ff;font-weight: 400;}
.content .fl_6 ul.width{display: flex;justify-content: space-between;margin: 40px auto 60px;}
.content .fl_6 ul.width li{width: 366px;height: 295px;background-color: #FFF;border-radius: 6px;box-shadow: 0 0 15px rgb(225,225,225,0.7);background-image: linear-gradient(to right,#1d6bfa,#459ffd);}
.content .fl_6 ul.width li:nth-child(2){background-image: linear-gradient(to right,#5793ff,#7b9cfe);}
.content .fl_6 ul.width li:nth-child(3){background-image: linear-gradient(to right,#138ce9,#5ccffb);}
.content .fl_6 ul.width li p{font-size: 18px;color: #393939;line-height: 36px;padding: 28px 0 20px 40px;background-color: #FFF;border-radius: 6px;position: relative;}
.content .fl_6 ul.width li p::after{display: block;content: "";width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 10px solid #FFF;position: absolute;bottom: -10px;left: 24px;}
.content .fl_6 ul.width li span{display: block;font-size: 22px;color: #FFF;height: 48px;line-height: 48px;padding-top: 14px;}
.content .fl_6 ul.width li span::before{display: block;content: "";width: 27px;height: 25px;background: url(../images/appsc/fl6.png);float: left;margin: 11.5px 12px 0 20px;}
.content .fl_6 ul.width li:nth-child(1) span::before{background-position: 0 -32px;}
.content .fl_6 ul.width li:nth-child(2) span::before{background-position: -27px -32px;}
.content .fl_6 ul.width li:nth-child(3) span::before{background-position: -54px -32px;}
.content .fl_7 .width{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 30px;}
.content .fl_7 .width img{border-radius: 6px;box-shadow: 0 0 15px rgb(225,225,225,0.7);margin-bottom: 30px;}