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

.banner{height: 400px;background: url(../../images/product/vshop/banner.jpg)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 100px;}
.banner span{display: block;font-weight: bold;font-size: 42px;color: #FFFFFF;margin-bottom: 20px;}
.banner span em{font-weight: bold;font-size: 42px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text!important;background-clip: text!important;}
.banner p{font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);line-height: 28px;}
.banner a{display: block;text-align: center;width: 153px;height: 52px;background: #0077FF;border-radius: 8px;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 52px;margin-top: 36px;}

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

a.btn_vs{display: block;margin: 40px auto 0;width: 162px;height: 48px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
a.btn_vs::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/product/vshop/arrow1.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}
.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 90px;background: url(../../images/product/vshop/fl1_bg.jpg)center top no-repeat;background-size: cover;}
.floor_1 .t{display: flex;}
.floor_1 .t img{display: block;width: 582px;height: 468px;margin-right: 16px;border-radius: 16px;}
.floor_1 .t ul{width: 582px;}
.floor_1 .t ul li{width: 283px;height: 226px;background: #FFFFFF;border-radius: 16px;border: 1px solid rgba(255, 255, 255, 1);box-sizing: border-box;margin-bottom: 16px;padding: 24px 0 0 24px;}
.floor_1 ul li span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 20px;}
.floor_1 ul li span::before{content: '';margin-bottom: 20px;display: block;width: 152px;height: 32px;background: url(../../images/product/vshop/fl1_2.png);background-size: 100%;vertical-align: -2px;}
.floor_1 ul li:nth-child(2) span::before{width: 112px;height: 32px;background: url(../../images/product/vshop/fl1_3.png);background-size: 100%;}
.floor_1 ul li:nth-child(3) span::before{width: 112px;height: 32px;background: url(../../images/product/vshop/fl1_4.png);background-size: 100%;}
.floor_1 ul li:nth-child(4) span::before{width: 152px;height: 32px;background: url(../../images/product/vshop/fl1_5.png);background-size: 100%;}
.floor_1 ul li p{width: 240px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}
/* .floor_1 a{margin-top: 20px;} */


.floor_2{height: auto;overflow: hidden;padding-bottom: 90px;background: #ECF5FF;}
.floor_2 img{display: block;width: 1180px;height: 640px;margin: auto;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 90px;}
.floor_3 ul li{width: 329px;height: 488px;box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 16px;}
.floor_3 ul li .top{width: 329px;height: 80px;background: linear-gradient( 270deg, #0077FF 0%, #0077FF 100%);border-radius: 8px 8px 0px 0px;display: flex;align-items: center;}
.floor_3 ul li .top h5{display: block;font-weight: 400;font-size: 20px;color: #FFFFFF;margin-left: 24px;}
.floor_3 ul li .top h5::before{display: inline-block;content: "";width: 32px;height: 32px;background: url(../../images/product/vshop/fl3_ico1.png);background-size: 100%;margin-right: 8px;vertical-align: -8px;}
.floor_3 ul li:nth-child(2) .top h5::before{background: url(../../images/product/vshop/fl3_ico2.png);background-size: 100%;}
.floor_3 ul li:nth-child(3) .top h5::before{background: url(../../images/product/vshop/fl3_ico3.png);background-size: 100%;}
.floor_3 ul li .bot{width: 329px;height: 408px;background: #FFFFFF;}
.floor_3 ul li:nth-child(1) .bot{box-sizing: border-box;padding-top: 32px;}
.floor_3 ul li:nth-child(2) .bot{box-sizing: border-box;padding: 24px 0 0 32px;}
.floor_3 ul li:nth-child(3) .bot{box-sizing: border-box;padding-top: 20px;}
.floor_3 ul li .bot i{display: block;width: 265px;height: 48px;background: #E6F2FF;border-radius: 24px;text-align: center;font-weight: 400;font-size: 16px;color: #0077FF;line-height: 48px;margin: 0 auto 26px;}
.floor_3 ul li:nth-child(2) .bot dl{width: 266px;}
.floor_3 ul li:nth-child(2) .bot dl dt{display: block;width: 266px;font-weight: bold;font-size: 16px;color: #1F1F1F;margin-bottom: 8px;margin-top: 8px;}
.floor_3 ul li:nth-child(2) .bot dl dt::before{display: inline-block;content: '';width: 4px;height: 8px;background: #0077FF;border-radius: 1px;margin-right: 8px;vertical-align: 2px;}
.floor_3 ul li:nth-child(2) .bot dl dd{display: block;width: 129px;height: 32px;background: #E6F2FF;border-radius: 16px;text-align: center;font-weight: 400;font-size: 12px;color: #0077FF;line-height: 32px;margin-bottom: 8px;}
.floor_3 ul li:nth-child(2) .bot dl:nth-child(1) dd{width: 83px;}
.floor_3 ul li:nth-child(3) .bot img{display: block;width: 294px;height: 364px;margin: auto;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 90px;background: #F5F8FF;}
.floor_4 .t{display: flex;align-items: center;}
.floor_4 .t img{display: block;width: 756px;height: 510px;margin-right: 16px;border-radius: 16px;}
.floor_4 .t .info{width: 385px;height: 480px;box-sizing: border-box;padding: 40px 0 0 40px;}
.floor_4 .t .info span{display: block;font-weight: 400;font-size: 24px;color: #000000;margin-bottom: 8px;}
.floor_4 .t .info p{width: 345px;font-weight: 400;font-size: 16px;color: #999999;line-height: 22px;margin-bottom: 24px;}
.floor_4 a{margin-top: 24px;}



.floor_5{height: auto;overflow: hidden;padding-bottom:90px;}
.floor_5 ul{justify-content: center;position: relative;width: 1180px;height: 464px;}
.floor_5 ul::before{content: "";display: block;width: 618px;height: 358px;background: url(../../images/product/vshop/fl5_1.png);background-size: 100%;position: absolute;top: 56px;left: 284px;z-index: 2;}
.floor_5 ul li{width: 292px;height: 130px;background: #FFFFFF;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);border-radius: 8px;margin-bottom: 44px;box-sizing: border-box;padding: 16px 0 0 24px;}
.floor_5 ul li:nth-child(1){border-left: 4px solid #5CA8FF;}
.floor_5 ul li:nth-child(2){border-right: 4px solid #74CC96;}
.floor_5 ul li:nth-child(3){border-left: 4px solid #9B8CFF;}
.floor_5 ul li:nth-child(4){border-right: 4px solid #FFC552;}
.floor_5 ul li:nth-child(5){border-left: 4px solid #5CDEFF;}
.floor_5 ul li:nth-child(6){border-right: 4px solid #FFA58F;}
.floor_5 ul li:nth-child(2n+1){margin-right: 500px;}
.floor_5 ul li:nth-child(3){border-left: 4px solid #FFC552;margin-right: 588px;}
.floor_5 ul li:nth-child(n+5){margin-bottom: 0;}
.floor_5 ul li span{display: block;font-weight: bold;font-size: 16px;color: #000000;margin-bottom: 8px;}
.floor_5 ul li p{width: 244px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}


.floor_6{height: auto;overflow: hidden;padding-bottom: 90px;background: #F5F8FF;}
.floor_6 img{display: block;width: 1180px;height: 600px;margin: auto;}