@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: "PingFang SC","Helvetica","Microsoft YaHei","Tahoma","Arial","STHeiti","sans-serif" !important;color: #121212;}
body{background: #FFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1,i{font-style: normal;}
ul,li{list-style: none;}
.width{width: 1180px;margin: 0 auto;}

.banner{height: 640px;box-sizing: border-box;padding-top: 158px;background: url(images/banner.png)top center no-repeat;background-size: cover;}
.banner span{display: block;font-weight: bold;font-size: 56px;color: #000000;margin-bottom: 24px;}
.banner span em{background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text; }
.banner p{font-weight: 400;font-size: 20px;color: #1F1F1F;line-height: 28px;margin-bottom: 32px;}
.banner .width>div{display: flex;}
.banner i{display: block;width: 300px;font-weight: 400;font-size: 16px;color: #1F1F1F;margin-right: 24px;margin-bottom: 10px;}
.banner i em{display: inline-block;width: 18px;height: 18px;background: url(images/tick.png);background-size: 100%;margin-right: 6px;vertical-align: -2px;}
.banner a{display: block;text-align: center;width: 168px;height: 48px;background: #0077FF;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 25px;}
.banner a::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(images/b_ico1.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}
.banner a:last-child{margin-left: 13px;border: 1px solid #0077FF;background: none;color: #0077FF;}
.banner a:last-child::before{background: url(images/b_ico2.png);background-size: 100%;}

.content .tit{text-align: center;padding: 90px 0 50px;}
.content .tit span{display: block;font-weight: 600;font-size: 38px;color: #000000;}
.content .tit span em{background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}
.content .tit p{font-weight: 400;font-size: 24px;color: #595959;line-height: 32px;padding-top: 16px;}

.content .btn_s2b2b{display: block;width: 200px;height: 48px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin: 60px auto 0;}
.content .btn_s2b2b::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(images/btn_ico.png);background-size: 100%;margin-right: 10px;vertical-align: -2px;}
.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}

.content>div{padding-bottom: 90px;}

.content .fl_1{overflow: hidden;height: auto;} 
.content .fl_1 .width{width: 1180px;height: 568px;background: linear-gradient( 180deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.4) 100%);box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 16px;border: 2px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 48px 0 0 80px;}
.content .fl_1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 1020px;}
.content .fl_1 ul li{width: 292px;height: 122px;position: relative;margin-bottom: 64px;}
.content .fl_1 ul li i{display: block;position: absolute;width: 0px;height: 100px;border-left: 1px solid;opacity: 0.2;border-image: linear-gradient(90deg, rgba(65, 164, 255, 1), rgba(99, 143, 255, 1), rgba(149, 84, 255, 1)) 1 1;top: 0;right: -36px;}
.content .fl_1 ul li b{display: block;position: absolute;width: 292px;height: 0px;border-top: 1px solid;opacity: 0.2;border-image: linear-gradient(90deg, rgba(65, 164, 255, 1), rgba(99, 143, 255, 1), rgba(149, 84, 255, 1)) 1 1;bottom: -32px;left: 0;}
.content .fl_1 ul li span{display: block;font-weight: 500;font-size: 24px;color: #000000;margin-bottom: 16px;}
.content .fl_1 ul li span::before{display: inline-block;content: '';width: 40px;height: 40px;background: url(images/fl1_ico1.png);background-size: 100%;margin-right: 10px;vertical-align: -10px;}
.content .fl_1 ul li:nth-child(2) span::before{background: url(images/fl1_ico2.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(3) span::before{background: url(images/fl1_ico3.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(4) span::before{background: url(images/fl1_ico4.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(5) span::before{background: url(images/fl1_ico5.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(6) span::before{background: url(images/fl1_ico6.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(7) span::before{background: url(images/fl1_ico7.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(8) span::before{background: url(images/fl1_ico8.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(9) span::before{background: url(images/fl1_ico9.png);background-size: 100%;}
.content .fl_1 ul li p{width: 292px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}


.content .fl_2{overflow: hidden;height: auto;background: url(images/fl2_bg.png)top center no-repeat;background-size: cover;} 
.content .fl_2 ul li{width: 1180px;height: 276px;background: linear-gradient( 90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.4) 100%);box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 8px;border: 2px solid;border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5)) 2 2;margin-bottom: 40px;display: flex;align-items: center;box-sizing: border-box;}
.content .fl_2 ul li img{display: block;width: 400px;height: 244px;margin: 0 40px 0 16px;}
.content .fl_2 ul li span{display: block;font-weight: 500;font-size: 24px;color: #000000;}
.content .fl_2 ul li p{width: 684px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;margin: 24px 0;}
.content .fl_2 ul li a{display: block;text-align: center;width: 134px;height: 40px;border-radius: 3px;border: 1px solid #0077FF;font-weight: 400;font-size: 14px;color: #0077FF;line-height: 40px;}
.content .fl_2 ul li a::after{display: inline-block;content: '';width: 14px;height: 14px;background: url(images/arrow.png);background-size: 100%;margin-left: 4px;vertical-align: -2px;}
.content .fl_2 ul li:nth-child(2){padding-left: 40px;}
.content .fl_2 ul li:nth-child(2)>div{margin-right: 20px;}


.content .fl_3{overflow: hidden;height: auto;} 
.content .fl_3 img{display: block;width: 1214px;height: 843px;margin: auto;}
.content .fl_3 a{width: 232px;margin-top: 30px;}


.content .fl_4{overflow: hidden;height: auto;background: url(images/fl2_bg.png)top center no-repeat;background-size: cover;} 
.content .fl_4 .top{display: flex;align-items: center;margin-bottom: 16px;}
.content .fl_4 li{width: 283px;height: 180px;margin-right: 16px;background-image: url(images/fl4_1.png); background-size: 100%;position: relative;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.content .fl_4 .top li:nth-child(2){background-image: url(images/fl4_2.png);}
.content .fl_4 .top li:nth-child(3){background-image: url(images/fl4_3.png);}
.content .fl_4 .top li:nth-child(4){background-image: url(images/fl4_4.png);margin-right: 0;}
.content .fl_4 li span{display: block;position: absolute;font-weight: 400;font-size: 24px;color: #FFFFFF;text-align: center;z-index: 3;}
.content .fl_4 li .mask{display: block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 2;}
.content .fl_4 .bot{display: flex;align-items: center;}
.content .fl_4 .bot li:nth-child(1){width: 283px;height: 376px;background: url(images/fl4_5.png); background-size: 100%;}
.content .fl_4 .bot .sub{display: flex;justify-content: space-between;flex-wrap: wrap;width: 881px;height: 376px;}
.content .fl_4 .bot .sub li{width: 283px;height: 180px;background: url(images/fl4_6.png);background-size: 100%;position: relative;margin-bottom: 16px;margin-right: 0;}
.content .fl_4 .bot .sub li:nth-child(2){width: 582px;background: url(images/fl4_7.png);background-size: 100%;}
.content .fl_4 .bot .sub li:nth-child(3){background: url(images/fl4_8.png);background-size: 100%;}
.content .fl_4 .bot .sub li:nth-child(4){background: url(images/fl4_9.png);background-size: 100%;}
.content .fl_4 .bot .sub li:nth-child(5){background: rgba(0,0,0,0.75);}

.content .fl_5{overflow: hidden;height: auto;background: url(images/fl2_bg.png)top center no-repeat;background-size: cover;}
.content .fl_5 .t{width: 1180px;height: 366px;background: linear-gradient( 90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.4) 100%);border-radius: 8px;border: 2px solid rgba(255, 255, 255, 1);margin-bottom: 64px;display: flex;box-sizing: border-box;padding: 48px 0 0 48px;}
.content .fl_5 .t img.pic{display: block;width: 350px;height: 267px;border-radius: 8px;margin-right: 40px;}
.content .fl_5 .t2 img.pic{width: 357px;height: 270px;margin-right: 0;margin-left: 40px;}
.content .fl_5 .t .y{display: flex;margin-bottom: 32px;}
.content .fl_5 .t .y img.logo{display: block;width: 88px;height: 88px;margin-right: 16px;}
.content .fl_5 .t .y span{display: flex;font-weight: 500;font-size: 32px;color: #000000;align-items: center;}
.content .fl_5 .t .y span em{width: 56px;height: 20px;background: #E6F2FF;border-radius: 2px;font-weight: 400;font-size: 12px;color: #0077FF;margin-left: 12px;text-align: center;line-height: 20px;}
.content .fl_5 .t .y b{display: block;font-weight: 400;font-size: 20px;color: #000000;margin-top: 8px;}
.content .fl_5 .t p{width: 684px;font-weight: 400;font-size: 20px;color: #000000;line-height: 32px;margin-bottom: 32px;}
.content .fl_5 .t .i{display: flex;align-items: center;}
.content .fl_5 .t .i i{display: block;font-weight: 400;font-size: 18px;color: #1F1F1F;margin-right: 40px;}
.content .fl_5 .t .i i::before{display: inline-block;content: '';width: 18px;height: 30px;margin-right: 6px;background: url(images/fl5_ico1.png)no-repeat;background-size: 100%;vertical-align: -8px;}
.content .fl_5 .t .i i:nth-child(1)::before{width: 18px;height: 18px;vertical-align: -2px;}
.content .fl_5 .t .i i:nth-child(2)::before{background: url(images/fl5_ico2.png)no-repeat;background-size: 100%;}
.content .fl_5 .t .i i:nth-child(3)::before{background: url(images/fl5_ico3.png)no-repeat;background-size: 100%;}
.content .fl_5 .t .i i:nth-child(4)::before{background: url(images/fl5_ico4.png)no-repeat;background-size: 100%;}
.content .fl_5 .t2 .i i:nth-child(1)::before{width: 18px;height: 30px;background: url(images/fl5_ico5.png);background-size: 100%;vertical-align: -8px;}
.content .fl_5 .t2 .i i:nth-child(2)::before{background: url(images/fl5_ico6.png)no-repeat;background-size: 100%;}
.content .fl_5 .t2 .i i:nth-child(3)::before{background: url(images/fl5_ico7.png)no-repeat;background-size: 100%;}
.content .fl_5 .t2 .i i:nth-child(4)::before{background: url(images/fl5_ico8.png)no-repeat;background-size: 100%;}

.content .fl_6{overflow: hidden;height: auto;} 
.content .fl_6 img{display: block;width: 1180px;height: 530px;margin: auto;}

.content .fl_7{overflow: hidden;height: 280px;background: #0077FF;box-sizing: border-box;padding-top: 55px;text-align: center;} 
.content .fl_7 span{display: block;font-weight: 500;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}
.content .fl_7 p{font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);}
.content .fl_7 a{display: block;width: 136px;height: 48px;background: #FFFFFF;border-radius: 2px;border: 1px solid #FFFFFF;text-align: center;font-weight: 400;font-size: 16px;color: #0077FF;line-height:48px;margin: 32px auto 0;}
.content .fl_7 a::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(images/b_ico2.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}