@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent;font-family:"Helvetica","PingFang SC","Microsoft YaHei","Tahoma","Arial";color: #121212;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1{font-style: normal;}
.width{width: 1180px;margin: 0 auto;}
ul{list-style: none;}


.banner{height: 640px;background: url(../../images/ydysc/bshop/banner.jpg) center top no-repeat;background-size: cover;margin-top: -129px;box-sizing: border-box;padding-top: 180px;}

.banner span{display: block;font-weight: bold;font-size: 40px;color: #000000;margin-bottom: 20px;}

.banner span::before{display: block;content: '';width: 78px;height: 24px;background: url(../../images/ydysc/bshop/b_logo.png);background-size: 100%;margin-bottom: 20px;}

.banner p{font-weight: 500;font-size: 24px;color: #505A75;line-height: 38px;}

.banner a{display: block;width: 181px;height: 50px;background: #3773F5;border-radius: 4px;text-align: center;font-weight: 500;font-size: 18px;color: #FFFFFF;line-height: 50px;margin-top: 55px;}



.title{text-align: center;padding: 90px 0 50px;}

.title span{display: block;font-weight: bold;font-size: 36px;color: #000000;line-height: 46px;}

.title i{display: block;font-weight: bold;font-size: 22px;color: #1053E9;}

.title p{font-weight: 400;font-size: 18px;color: #878787;line-height: 28px;margin-top: 20px;}




.btn_bs{display: block;width: 258px;height: 65px;background: #3773F5;border-radius: 4px;margin: 50px auto 0;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 65px;text-align: center;}



.fl_1{height: auto;overflow: hidden;background: #F7F8FA;padding-bottom: 90px;}

.fl_1 .t{width: 1180px;height: 442px;background: linear-gradient(180deg, #F2F3F6 0%, #FFFFFF 100%);box-shadow: 0px 5px 22px 0px rgba(163,183,216,0.35);border-radius: 8px;border: 2px solid #FFFFFF;box-sizing: border-box;padding: 13px 0 0 14px;}

.fl_1 .t .fl img{display: block;width: 379px;height: 412px;}

.fl_1 .t .fr{margin: 30px 88px 0 0;}

.fl_1 .t .fr img{display: block;width: 614px;height: 352px;}





.fl_2{height: auto;overflow: hidden;padding-bottom: 90px;}

.fl_2 .title i{margin: 30px 0 16px;}

.fl_2 .title p{margin-top: 0;}

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

.fl_2 ul li{width: 380px;height: 677px;background: linear-gradient(180deg, #F2F3F6 0%, #FFFFFF 100%);box-shadow: 0px 5px 25px 1px rgba(98,123,164,0.35);border-radius: 8px;box-sizing: border-box;padding: 28px 0 0 34px;border: 2px solid #FFFFFF;}

.fl_2 ul li img{display: block;width: 310px;height: 148px;}

.fl_2 ul li h2{display: block;font-weight: bold;font-size: 24px;color: #000000;margin: 25px 0 18px;}

.fl_2 ul li span{display: block;font-weight: bold;font-size: 18px;color: #000000;margin-bottom: 12px;}

.fl_2 ul li span::before{display: inline-block;content: '';width: 22px;height: 22px;background: url(../../images/ydysc/bshop/fl2_li1_ico1.png);background-size: 100%;margin-right: 7px;vertical-align: -4px;}

.fl_2 ul li span:nth-child(5)::before{background: url(../../images/ydysc/bshop/fl2_li1_ico2.png);background-size: 100%;}

.fl_2 ul li span:nth-child(7)::before{background: url(../../images/ydysc/bshop/fl2_li1_ico3.png);background-size: 100%;}

.fl_2 ul li span:nth-child(9)::before{background: url(../../images/ydysc/bshop/fl2_li1_ico4.png);background-size: 100%;}

.fl_2 ul li:nth-child(2) span:nth-child(3)::before{background: url(../../images/ydysc/bshop/fl2_li2_ico1.png);background-size: 100%;}

.fl_2 ul li:nth-child(2) span:nth-child(5)::before{background: url(../../images/ydysc/bshop/fl2_li2_ico2.png);background-size: 100%;}

.fl_2 ul li:nth-child(3) span:nth-child(3)::before{background: url(../../images/ydysc/bshop/fl2_li3_ico1.png);background-size: 100%;}

.fl_2 ul li:nth-child(3) span:nth-child(5)::before{background: url(../../images/ydysc/bshop/fl2_li3_ico2.png);background-size: 100%;}

.fl_2 ul li p{font-weight: 400;font-size: 16px;color: #383838;line-height: 24px;margin-bottom: 20px;}





.fl_3{height: auto;overflow: hidden;background: #F7F8FA;padding-bottom: 90px;}

.fl_3 img{display: block;margin: auto;width: 1211px;height: 689px;}

.fl_3 .title{padding-bottom:30px;}





.fl_4{height: auto;overflow: hidden;padding-bottom: 90px;background: #EDF2F9;}

.fl_4 .nav_1 ul{display: flex;justify-content:space-between;flex-wrap:wrap;width: 876px;height: 60px;background: #FFFFFF;border-radius: 30px;margin: 0 auto;}

.fl_4 .nav_1 ul li{display: block;width: 218px;height: 60px;}

.fl_4 .nav_1 ul li a{font-size: 18px;font-family: PingFang SC;font-weight: 500;color: #737373;line-height: 60px;text-align: center;display: block;}

.fl_4 .nav_1 ul li a::before{display: inline-block;content: '';width: 23px;height: 23px;background: url(../../images/ydysc/bshop/fl4_a1.png);background-size: 100%;margin-right: 8px;vertical-align: -4px;}

.fl_4 .nav_1 ul li:nth-child(2) a::before{background: url(../../images/ydysc/bshop/fl4_a2.png);background-size: 100%;}

.fl_4 .nav_1 ul li:nth-child(3) a::before{background: url(../../images/ydysc/bshop/fl4_a3.png);background-size: 100%;}

.fl_4 .nav_1 ul li:nth-child(4) a::before{background: url(../../images/ydysc/bshop/fl4_a4.png);background-size: 100%;}

.fl_4 .nav_1 ul li.on a::before{background: url(../../images/ydysc/bshop/fl4_b1.png);background-size: 100%;}

.fl_4 .nav_1 ul li:nth-child(2).on a::before{background: url(../../images/ydysc/bshop/fl4_b2.png);background-size: 100%;}

.fl_4 .nav_1 ul li:nth-child(3).on a::before{background: url(../../images/ydysc/bshop/fl4_b3.png);background-size: 100%;}

.fl_4 .nav_1 ul li:nth-child(4).on a::before{background: url(../../images/ydysc/bshop/fl4_b4.png);background-size: 100%;}

.fl_4 .nav_1 ul li.on{background: #005EF4;border-radius: 30px;}

.fl_4 .nav_1 ul li.on a{color: #FFFFFF;}

.fl_4 .nav_1 ul li:hover{background: #005EF4;border-radius: 30px;}

.fl_4 .nav_1 ul li:hover a{color: #FFFFFF;text-decoration: none;display: block;}

.fl_4 .swiper-container{width: 1180px;height: 697px;overflow: hidden;margin-top: 40px;}

.fl_4 .swiper-slide{width: 1180px;height: 697px;background: #FFFFFF;border-radius: 10px;}

.fl_4 .swiper-slide .fl4_text{width: 1180px;height: 144px;background: url(../../images/ydysc/bshop/fl4_bg.png);background-size: 100%;box-sizing: border-box;padding: 25px 0 0 150px;}

.fl_4 .swiper-slide .fl4_text i{display: block;font-weight: 500;font-size: 16px;color: #010101;margin-bottom: 9px;}

.fl_4 .swiper-slide .fl4_text i em{display: inline-block;width: 38px;height: 26px;background: url(../../images/ydysc/bshop/fl4_n1.png);background-size: 100%;margin-right: 14px;vertical-align: -7px;}

.fl_4 .swiper-slide .fl4_text i:nth-child(2) em{background: url(../../images/ydysc/bshop/fl4_n2.png);background-size: 100%;}

.fl_4 .swiper-slide .fl4_text i:nth-child(3) em{background: url(../../images/ydysc/bshop/fl4_n3.png);background-size: 100%;}

.fl_4 .swiper-slide img{display: block;width: 1075px;height: 495px;margin: 25px auto 0;}

.fl_4 .slide2 img{display: block;width: 1020px;height: 483px;margin: 40px auto 0;}

.fl_4 .slide3 img{display: block;width: 948px;height: 510px;margin: 20px auto 0;}

.fl_4 .slide4 img{display: block;width: 1000px;height: 321px;margin: 113px auto 0;}





.fl_5{height: auto;overflow: hidden;padding-bottom: 90px;background: #F7F8FA;}

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

.fl_5 ul li{width: 380px;height: 400px;background: linear-gradient(180deg, #F2F3F6 0%, #FFFFFF 100%);box-shadow: 0px 5px 22px 0px rgba(163,183,216,0.35);border-radius: 8px;border: 2px solid #FFFFFF;box-sizing: border-box;padding-top: 35px;}

.fl_5 ul li h2{font-weight: bold;font-size: 22px;color: #000000;text-align: center;}

.fl_5 ul li h2::before{display: inline-block;content: "";width: 37px;height: 37px;background: url(../../images/ydysc/bshop/fl5_1.png);background-size: 100%;margin-right: 6px;vertical-align: -12px;}

.fl_5 ul li:nth-child(2) h2::before{background: url(../../images/ydysc/bshop/fl5_2.png);background-size: 100%;}

.fl_5 ul li:nth-child(3) h2::before{background: url(../../images/ydysc/bshop/fl5_3.png);background-size: 100%;}

.fl_5 ul li p{width: 320px;height: 120px;font-weight: 400;font-size: 16px;color: #383838;line-height: 26px;margin: 10px 0 30px 28px;}

.fl_5 ul li img{display: block;width: 52px;height: 26px;margin: 0 0 16px 28px;}

.fl_5 ul li i{display: block;font-weight: 400;font-size: 16px;color: #383838;line-height: 16px;margin-left: 28px;}

.fl_5 ul li i::before{display: inline-block;content: "";width: 5px;height: 5px;background: #296DF6;border-radius: 50%;margin-right: 8px;vertical-align: 4px;}





.fl_6{height: 239px;overflow: hidden;background: url(../../images/ydysc/bshop/fl6_bg.jpg)top center no-repeat;background-size: cover;box-sizing: border-box;padding-top: 64px;}

.fl_6 span{display: block;text-align: center;font-weight: bold;font-size: 40px;color: #FFFFFF;}

.fl_6 a{display: block;text-align: center;width: 148px;height: 55px;background: #FFFFFF;border-radius: 4px;font-weight: bold;font-size: 20px;color: #284DED;line-height: 55px;margin: 28px auto 0;}