@charset "utf-8";
*{margin:0;padding:0;color: #030303;font-family:"PingFang SC","Microsoft YaHei"!important;}
body{font-family:PingFang SC;font-size: 14px;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.width{width: 1180px;margin:0 auto;}
.w1180{width: 1200px;margin: 0 auto;}
.w1180{width: 1180px;margin: 0 auto;}
.fl{float:left!important;}
.fr{float:right!important;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

a.btn_ym{display: block;text-align: center;width: 198px;height: 48px;background: #0077FF;border-radius: 2px;color: #ffffff;font-size: 16px;font-weight: 400;line-height: 48px;margin: 48px auto 0;}

a.btn_ym::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/jiu/ywym/arrow1.webp);background-size: 100%;margin-right: 8px;vertical-align: -3px;}




.banner{height: 499px;background: url(../../images/jiu/ywym/banner.webp)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 100px;}
.banner h5{display: block;font-weight: 400;font-size: 16px;color: #FFFFFF;margin-bottom: 20px;}

.banner h5 em{display: inline-block;width: 16px;height: 16px;background: url(../../images/jiu/ywym/b_hash.webp);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #FFFFFF;margin-bottom: 20px;}
.banner p{font-weight: 400;font-size: 18px;color: #FFFFFF;line-height: 28px;}
.banner .b_btn{display: flex;align-items: center;margin-top: 60px;}

.banner .b_btn a{display: block;width: 111px;height: 48px;background: #FFFFFF;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #0077FF;line-height: 48px;}

.banner .b_btn a:nth-child(2){border: 1px solid #FFFFFF;background: none;color: #FFFFFF;margin-left: 13px;box-sizing: border-box;}

.imenu .fl li:first-child a.on{background: #f2f2f2!important;color: #0d0d0d!important;font-weight: normal!important;}

.title_1{text-align: center;padding: 80px 0 48px;}
.title_1 span{display: block;font-size: 38px;font-weight: bold;color: #000000;}
.title_1 span em{background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.title_1 p{font-size: 20px;font-weight: 400;color: #595959;margin-top: 16px;}

.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;background: #F7FAFF;}
.floor_1 ul li{width: 383px;height: 395px;border-radius: 8px;border: 1px solid #F0F0F0;}

.floor_1 ul li .top{width: 383px;height: 135px;background: url(../../images/jiu/ywym/fl1.webp)no-repeat;background-size: auto 135px;box-sizing: border-box;padding-left: 23px;display: flex;align-items: center;}

.floor_1 ul li:nth-child(1) .top{background-position: -0, -0;}

.floor_1 ul li:nth-child(2) .top{background-position: -383px, -0;}

.floor_1 ul li:nth-child(3) .top{background-position: -766px, -0;}

.floor_1 ul li .top span{display: block;width: 220px;font-weight: 400;font-size: 22px;color: #FFFFFF;line-height: 32px;}

.floor_1 ul li .top a{display: block;width: 85px;height: 32px;background: #0077FF;border-radius: 16px;text-align: center;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 32px;margin-left: 32px;}

.floor_1 ul li .top a::after{display: inline-block;content: "";width: 11px;height: 15px;background: url(../../images/jiu/ywym/arrow3.webp);background-size: 100%;margin-left: 0px;vertical-align: -3px;}

.floor_1 ul li .bot{width: 383px;height: 260px;background: #FFFFFF;box-sizing: border-box;padding: 28px 0 0 20px;}

.floor_1 ul li .bot p{width: 335px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;margin-bottom: 32px;text-indent: -16px;padding-left: 16px;}

.floor_1 ul li .bot p::before{display: inline-block;content: "";width: 12px;height: 12px;background: url(../../images/jiu/ywym/dot.webp);background-size: 100%;margin-right: 4px;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background: #FFFFFF;}

.floor_2 ul{width: 1200px;height: 449px;margin: auto;background: url(../../images/jiu/ywym/fl2_1.webp)center center no-repeat;background-size: 312px;}

.floor_2 ul li{width: 450px;height: 122px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;box-sizing: border-box;padding: 20px 0 0 24px;margin-bottom: 20px;}

.floor_2 ul li:nth-child(3){width: 400px;margin-right: 300px;}

.floor_2 ul li:nth-child(4){width: 400px;}

.floor_2 ul li:nth-child(n+5){height: 144px;}

.floor_2 ul li span{display: block;width: 402px;height: 28px;background: linear-gradient( 90deg, #D3E6FF 0%, rgba(211,230,255,0) 100%);border-radius: 4px;font-weight: 500;font-size: 20px;color: #262626;line-height: 28px;margin-bottom: 10px;}

.floor_2 ul li:nth-child(3) span{width: 352px;}

.floor_2 ul li:nth-child(4) span{width: 352px;}

.floor_2 ul li span::before{display: inline-block;content: "";width: 8px;height: 28px;background: rgba(14,110,255,0.3);border-radius: 4px;margin-right: 8px;vertical-align: -6px;}

.floor_2 ul li p{font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 22px;}

.floor_2 a{margin-top: 28px;}



.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background: #F1F6FF;}
.floor_3 img{display: block;width: 1180px;height: 702px;margin: auto;}
.floor_3 a.btn_ym{width: 167px;}





.floor_4{overflow: hidden;height: auto;padding-bottom: 80px;background:url(../../images/jiu/ywym/fl4_bg.webp)top center no-repeat;background-size: cover;position: relative;z-index: 0;}

.floor_4 .title_1 span{color: #FFFFFF;}

.floor_4 .title_1 p{color: rgba(255,255,255,0.65);}

.floor_4 .width{display: flex;overflow: hidden;height: 482px;}

.floor_4 .width .menu{display: block;width: 236px;height: 525px;background: rgba(0,0,0,0.2);box-sizing: border-box;padding: 16px 0 0 16px;backdrop-filter: blur(32px);-webkit-backdrop-filter: blur(32px);}

.floor_4 .width .menu li{width: 204px;height: 48px;border-radius: 4px;display: flex;align-items: center;box-sizing: border-box;padding-left: 16px;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.85);margin-bottom: 8px;}

.floor_4 .width .menu li.on{background: #0077FF;color: #FFFFFF;}

.floor_4 .width .cont{width: 944px;height: 3150px;display: flex;align-items: center;flex-direction: column;transition: 0.5s;}

.floor_4 .width .cont .info{width: 944px;height: 525px;box-sizing: border-box;padding: 48px 0 0 48px;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);}

.floor_4 .width .cont .t6{padding-top: 24px;}

.floor_4 .width .cont .info h4{display: block;font-weight: bold;font-size: 24px;color: #FFFFFF;margin-bottom: 16px;}

.floor_4 .width .cont .info span{display: block;font-weight: 400;font-size: 16px;color: #FFFFFF;margin-bottom: 6px;}

.floor_4 .width .cont .info p{width: 780px;font-weight: 400;font-size: 16px;color: #BFBFBF;line-height: 24px;margin-bottom: 12px;}

.floor_4 .width .cont .info .i{display: flex;align-items: center;justify-content: baseline;margin-top: 18px;}

.floor_4 .width .cont .info .i i{display: block;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.85);margin-right: 24px;}

.floor_4 .width .cont .info .i i::before{content: "";display: block;width: 32px;height: 32px;background: url(../../images/jiu/ywym/fl4_ico.webp)no-repeat;background-size: auto 32px;margin: 0 auto 8px;}

.floor_4 .width .t1 .i i:nth-child(1)::before{background-position: -0, -0;}

.floor_4 .width .t1 .i i:nth-child(2)::before{background-position: -32px, -0;}

.floor_4 .width .t1 .i i:nth-child(3)::before{background-position: -64px, -0;}

.floor_4 .width .t1 .i i:nth-child(4)::before{background-position: -96px, -0;}

.floor_4 .width .t1 .i i:nth-child(5)::before{background-position: -128px, -0;}

.floor_4 .width .t1 .i i:nth-child(6)::before{background-position: -160px, -0;}

.floor_4 .width .t2 .i i:nth-child(1)::before{background-position: -192px, -0;}

.floor_4 .width .t2 .i i:nth-child(2)::before{background-position: -224px, -0;}

.floor_4 .width .t2 .i i:nth-child(3)::before{background-position: -256px, -0;}

.floor_4 .width .t2 .i i:nth-child(4)::before{background-position: -289px, -0;width: 31px;}

.floor_4 .width .t2 .i i:nth-child(5)::before{background-position: -320px, -0;width: 31px;}

.floor_4 .width .t3 .i i:nth-child(1)::before{background-position: -351px, -0;}

.floor_4 .width .t3 .i i:nth-child(2)::before{background-position: -384px, -0;}

.floor_4 .width .t3 .i i:nth-child(3)::before{background-position: -417px, -0;width: 30px;}

.floor_4 .width .t3 .i i:nth-child(4)::before{background-position: -447px, -0;}

.floor_4 .width .t4 .i i:nth-child(1)::before{background-position: -478px, -0;}

.floor_4 .width .t4 .i i:nth-child(2)::before{background-position: -510px, -0;}

.floor_4 .width .t4 .i i:nth-child(3)::before{background-position: -543px, -0;}

.floor_4 .width .t4 .i i:nth-child(4)::before{background-position: -576px, -0;}

.floor_4 .width .t4 .i i:nth-child(5)::before{background-position: -609px, -0;}

.floor_4 .width .t5 .i i:nth-child(1)::before{background-position: -640px, -0;}

.floor_4 .width .t5 .i i:nth-child(2)::before{background-position: -673px, -0;}

.floor_4 .width .t5 .i i:nth-child(3)::before{background-position: -706px, -0;}

.floor_4 .width .t5 .i i:nth-child(4)::before{background-position: -739px, -0;}

.floor_4 .width .t5 .i i:nth-child(5)::before{background-position: -771px, -0;width: 31px;}

.floor_4 .width .t6 .i i:nth-child(1)::before{background-position: -802px, -0;}

.floor_4 .width .t6 .i i:nth-child(2)::before{background-position: -835px, -0;}

.floor_4 .width .t6 .i i:nth-child(3)::before{background-position: -868px, -0;}

.floor_4 .width .t6 .i i:nth-child(4)::before{background-position: -901px, -0;}

.floor_4 .width .info hr{display: block;width: 724px;height: 0;margin: 20px 0;border: 0;border-top: 0.1px solid rgba(255,255,255,0.12);}

.floor_4 .width .info .btn_f2{display: flex;align-items: center;}

.floor_4 .width .info .btn_f2 a{display: block;width: 100px;height: 40px;background: #0077FF;border-radius: 100px;text-align: center;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 40px;}

.floor_4 .width .info .btn_f2 a:nth-child(2){margin-left: 13px;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.85);background: none;}


.floor_5{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_5 img{display: block;width: 1050px;height: 470px;margin: auto;}



.floor_6{height: auto;overflow: hidden;padding-bottom: 80px;background: #F1F6FF;}

.floor_6 .nav{width: 1176px;height: 70px;background: #1F1F1F;border-radius: 0px 0px 16px 16px;margin: auto;}

.floor_6 .nav li{width: 196px;height: 70px;position: relative;}

.floor_6 .nav li .mask{width: 100%;height: 100%;background: none;position: absolute;left: 0;top: 0;z-index: 1;}

.floor_6 .nav li .logo{width: 100%;height: 100%;background: url(../../images/jiu/ywym/fl6_logo.webp)no-repeat;background-size: auto 70px;position: absolute;left: 0;top: 0;z-index: 2;}

.floor_6 .nav li:nth-child(1) .logo{background-position: -0, 0;}

.floor_6 .nav li:nth-child(2) .logo{background-position: -196px, 0;}

.floor_6 .nav li:nth-child(3) .logo{background-position: -392px, 0;}

.floor_6 .nav li:nth-child(4) .logo{background-position: -588px, 0;}

.floor_6 .nav li:nth-child(5) .logo{background-position: -784px, 0;}

.floor_6 .nav li:nth-child(6) .logo{background-position: -980px, 0;border-radius: 0px 0px 16px 0;}

.floor_6 .nav li.on .mask{background: #0077FF;}

.floor_6 .nav li.on:nth-child(1) .mask{border-radius: 0px 0px 0 16px;}

.floor_6 .nav li.on:nth-child(6) .mask{border-radius: 0px 0px 16px 0;}

.floor_6 .nav li.on .mask::before{display: block;content: "";width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #0077FF;position: absolute;left: 50%;top: -20px;margin-left: -10px;}

.floor_6 .swiper-container{width: 1180px;height: 466px;}

.floor_6 .swiper-container .swiper-slide{width: 1180px;height: 466px;background: #FFFFFF;border-radius: 16px 16px 0 0;display: flex;box-sizing: border-box;padding: 50px 0 0 50px;}

.floor_6 .swiper-container .swiper-slide img{display: block;width: 533px;height: 364px;}

.floor_6 .swiper-container .swiper-slide .info{width: 550px;height: 364px;box-sizing: border-box;padding: 10px 0 0 70px;}

.floor_6 .swiper-container .swiper-slide .info span{display: block;font-weight: bold;font-size: 30px;color: #000000;margin-bottom: 32px;}

.floor_6 .swiper-container .swiper-slide .info p{width: 465px;font-weight: 400;font-size: 16px;color: #595959;line-height: 26px;margin-bottom: 20px;}

.floor_6 .swiper-container .swiper-slide .info p em{display: block;font-weight: bold;font-size: 16px;color: #000000;margin-bottom: 6px;}

.floor_6 .swiper-container .swiper-slide .info p em::before{display: inline-block;content: "";width: 4px;height: 13px;background: #DD3447;border-radius: 1px;margin-right: 10px;vertical-align: -1px;}





.floor_7{height: auto;overflow: hidden;padding-bottom: 80px;background:url(../../images/jiu/ywym/fl7_bg.webp)top center no-repeat;background-size: cover;}
.floor_7 ul{gap: 20px;}

.floor_7 ul li{width: 280px;height: 224px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;box-sizing: border-box;padding-top: 25px;text-align: center;}

.floor_7 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 8px;}

.floor_7 ul li p{width: 232px;font-weight: 400;font-size: 14px;color: #999999;line-height: 22px;margin: auto;text-align: left;}

.floor_7 ul li span::before{display: block;content: "";width: 48px;height: 48px;background: url(../../images/jiu/ywym/fl7_ico.webp)no-repeat;background-size: auto 48px;margin: 0 auto 16px;}

.floor_7 ul li:nth-child(1) span::before{background-position: -0, -0;}

.floor_7 ul li:nth-child(2) span::before{background-position: -48px, -0;}

.floor_7 ul li:nth-child(3) span::before{background-position: -96px, -0;}

.floor_7 ul li:nth-child(4) span::before{background-position: -144px, -0;}

.floor_7 ul li:nth-child(5) span::before{background-position: -192px, -0;}

.floor_7 ul li:nth-child(6) span::before{background-position: -240px, -0;}

.floor_7 ul li:nth-child(7) span::before{background-position: -288px, -0;}

.floor_7 ul li:nth-child(8) span::before{background-position: -336px, -0;}




.floor_8{height: 282px;overflow: hidden;text-align: center;background: url(../../images/jiu/ywym/fl8_bg.webp);background-size: cover;box-sizing: border-box;padding-top: 54px;}
.floor_8 span{display: block;font-size: 24px;font-weight: 400;color:#FFFFFF;margin-bottom: 16px;}
.floor_8 p{font-size: 40px;font-weight: bold;color: #FFFFFF;margin-bottom: 32px;}
.floor_8 a{display: block;width: 135px;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: auto;}

.floor_8 a::before{display: inline-block;content: "";width: 17px;height: 16px;background: url(../../images/jiu/ywym/arrow2.webp);background-size: 100%;vertical-align: -2px;margin-right: 8px;}