@charset "utf-8";
body{font-family:"PingFang SC";font-size:14px;}
*{margin:0;padding:0;}
a{text-decoration:none; cursor:pointer;}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
em,i{font-style:normal;}
strong{font-weight: normal;}
.width{width: 1180px;margin:0 auto;}
.w1180{width:1180px;margin:0 auto;}
.btn:hover{opacity: .7;transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.fl{float:left}
.fr{float:right;}

.banner{height: 430px;background: url(../../images/b2b/banner.jpg) center top no-repeat;text-align: center;}
.banner span{display: block;font-size: 56px;font-weight: 500;color: #FFFFFF;padding-top: 116px;}
.banner p{display: block;font-size: 24px;font-weight: 500;color: #FFFFFF;margin-top: 18px;}
.banner a{width: 199px;height: 61px;background: #2968F5;border-radius: 31px;font-size: 18px;font-weight: 500;color: #FFFFFF;line-height: 61px;display: block;margin: 57px auto 0;}

.tit{text-align: center;padding: 100px 0 60px;height: 36px;font-size: 36px;font-family: PingFang SC;font-weight: 500;color: #000000;line-height: 30px;} 

.btn{display: block;width: 215px;height: 47px;background: #0949DA;border-radius: 23px;text-align: center;font-size: 18px;font-weight: 500;color: #FFFFFF;line-height: 47px;margin: 60px auto 0;}

.fl_1{height: auto;overflow: hidden;padding-bottom: 100px;}
.fl_1 .width{height: 374px;background: url(../../images/b2b/fl1_pic.png);background-size: 100%;position: relative;}
.fl_1 .width .center{position: absolute;font-size: 24px;font-family: Source Han Sans CN;font-weight: 400;color: #FFFFFF;left: 567px;top: 170px;}
.fl_1 .width span{position: absolute;font-size: 18px;font-weight: 500;color: #FFFFFF;display: flex;left: 481px;top: 49px;writing-mode: vertical-lr;}
.fl_1 .width span:nth-child(3){left: 676px;}
.fl_1 .width span:nth-child(4){left: 481px;top: 246px;}
.fl_1 .width span:nth-child(5){left: 676px;top: 232px;}
.fl_1 .width b{position: absolute;font-size: 18px;font-weight: 500;color: #000000;left: 381px;top: 40px;text-align: center;}
.fl_1 .width b::before{display: block;content: "";width: 40px;height: 40px;background: url(../../images/b2b/fl1_ico1.png);background-size: 100%;margin-left: 18px;margin-bottom: 20px;}
.fl_1 .width b:nth-child(2){left: 727px;}
.fl_1 .width b:nth-child(2)::before{background: url(../../images/b2b/fl1_ico2.png);background-size: 100%;}
.fl_1 .width b:nth-child(3){left: 381px;top: 237px;}
.fl_1 .width b:nth-child(3)::before{background: url(../../images/b2b/fl1_ico3.png);background-size: 100%;}
.fl_1 .width b:nth-child(4){left: 727px;top: 237px;}
.fl_1 .width b:nth-child(4)::before{background: url(../../images/b2b/fl1_ico4.png);background-size: 100%;}
.fl_1 .width i{position: absolute;font-size: 14px;font-weight: 400;color: #FFFFFF;left: 27px;top: 98px;}
.fl_1 .width i:nth-child(2){left: 859px;}
.fl_1 .width i:nth-child(3){left: 27px;top: 296px;}
.fl_1 .width i:nth-child(4){left: 859px;top: 296px;}
.fl_1 .width i em{width: 7px;height: 7px;background: url(../../images/b2b/fl1_ico5.png);background-size: 100%;display: inline-block;margin-right: 7px;vertical-align: 2px;}


.fl_2{height: auto;overflow: hidden;padding-bottom: 100px;background: url(../../images/b2b/fl2_bg.png);background-size: 100%;}
.fl_2 .tit{padding-bottom: 30px;}
.fl_2 h2{display: block;font-size: 24px;font-weight: 500;color: #1156F1;text-align: center;}
.fl_2 .brac{width: 100px;height: 11px;margin: 0 auto;background: url(../../images/b2b/fl2_brac.png);background-size: 100%;}
.fl_2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: 20px;}
.fl_2 ul li{width: 575px;height: 573px;background: #FFFFFF;border-radius: 6px;border: 1px solid #ffffff;}
.fl_2 ul li:hover{border: 1px solid blue;box-shadow: 0px 2px 10px 1px rgba(158,174,216,0.36);}
.fl_2 ul li h2{display: block;font-size: 22px;font-weight: 500;color: #000000;padding-top: 40px;}
.fl_2 ul li b{font-size: 14px;font-weight: 400;color: #515151;margin: 19px 0 0 56px;display: block;}
.fl_2 ul li .img{display: block;width: 483px;height: 354px;background: url(../../images/b2b/fl2_pic1.png);background-size: 100%;margin: 38px 0 0 35px;}
.fl_2 ul li:nth-child(2) .img{display: block;width: 535px;height: 328px;background: url(../../images/b2b/fl2_pic2.png);background-size: 100%;margin: 39px 0 0 20px;position: relative;}
.fl_2 ul li:nth-child(2) .img i{font-size: 16px;font-weight: 500;color: #FFFFFF;position: absolute;left: 47px;top: 6px;}
.fl_2 ul li:nth-child(2) .img i:nth-child(2){left: 235px;top: 6px;}
.fl_2 ul li:nth-child(2) .img i:nth-child(3){left: 424px;top: 6px;}
.fl_2 ul li:nth-child(2) .img i:nth-child(4){left: 176px;top: 70px;font-size: 14px;}
.fl_2 ul li:nth-child(2) .img i:nth-child(5){left: 277px;top: 70px;font-size: 14px;}
.fl_2 ul li:nth-child(2) .img i:nth-child(6){left: 227px;top: 180px;}
.fl_2 ul li:nth-child(2) .img i:nth-child(7){left: 176px;top: 291px;font-size: 14px;}
.fl_2 ul li:nth-child(2) .img i:nth-child(8){left: 277px;top: 291px;font-size: 14px;}
.fl_2 ul li:nth-child(2) .img p{font-size: 14px;font-weight: 400;color: #000000;position: absolute;left: 30px;top: 72px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(2){position: absolute;left: 30px;top: 116px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(3){position: absolute;left: 24px;top: 160px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(4){position: absolute;left: 26px;top: 204px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(5){position: absolute;left: 25px;top: 248px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(6){position: absolute;left: 25px;top: 292px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(7){position: absolute;left: 440px;top: 100px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(8){position: absolute;left: 440px;top: 154px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(9){position: absolute;left: 440px;top: 208px;}
.fl_2 ul li:nth-child(2) .img p:nth-child(10){position: absolute;left: 440px;top: 262px;}
.fl_2 ul li:nth-child(2) h3{font-size: 14px;font-weight: 500;color: #434343;text-align: center;margin-top: 20px;}


.fl_3{height: auto;overflow: hidden;padding-bottom: 100px;background: url(../../images/b2b/fl3_bg.jpg);background-size: cover;}
.fl_3 .tit{color: #FFFFFF;}
.fl_3 .img{width: 1180px;height: 706px;background: url(../../images/b2b/fl3_pic.png);background-size: 100%;position: relative;}
.fl_3 .img span{font-size: 24px;font-weight: bold;color: #FFFFFF;position: absolute;left:36px ;top:32px;}
.fl_3 .img span:nth-child(2){left:43px ;top:173px;font-size: 18px;font-weight: 500;}
.fl_3 .img span:nth-child(2)::before{display: block;content: "";width: 36px;height: 36px;background: url(../../images/b2b/fl3_ico1.png);background-size: 100%;}
.fl_3 .img span:nth-child(3){left:43px ;top:390px;font-size: 18px;font-weight: 500;}
.fl_3 .img span:nth-child(3)::before{display: block;content: "";width: 36px;height: 36px;background: url(../../images/b2b/fl3_ico2.png);background-size: 100%;}
.fl_3 .img span:nth-child(4){left:16px ;top:624px;font-size: 18px;font-weight: 500;}
.fl_3 .img span:nth-child(4)::before{display: block;content: "";width: 36px;height: 36px;background: url(../../images/b2b/fl3_ico3.png);background-size: 100%;margin: 0 auto;}
.fl_3 .img b{font-size: 16px;font-weight: 500;color: #555454;position: absolute;left: 240px;top: 19px;}.fl_3 .img b{font-size: 16px;font-weight: 500;color: #555454;position: absolute;left: 240px;top: 18px;}
.fl_3 .img b:nth-child(2){left: 483px;top: 18px;}
.fl_3 .img b:nth-child(3){left: 860px;top: 18px;}
.fl_3 .img h5{font-size: 14px;font-weight: 500;color: #FFFFFF;position: absolute;left: 207px;top: 168px;}
.fl_3 .img h5:nth-child(2){left: 492px;top: 168px;}
.fl_3 .img h5:nth-child(3){left: 752px;top: 168px;}
.fl_3 .img h5:nth-child(4){left: 1012px;top: 168px;}
.fl_3 .img h5:nth-child(5){left: 233px;top: 322px;}
.fl_3 .img h5:nth-child(6){left: 492px;top: 322px;}
.fl_3 .img h5:nth-child(7){left: 752px;top: 322px;}
.fl_3 .img h5:nth-child(8){left: 1012px;top: 322px;}
.fl_3 .img h5:nth-child(9){left: 233px;top: 467px;}
.fl_3 .img h5:nth-child(10){left: 492px;top: 467px;}
.fl_3 .img h5:nth-child(11){left: 752px;top: 467px;}
.fl_3 .img h5:nth-child(12){left: 1012px;top: 467px;}
.fl_3 .img i{font-size: 12px;font-weight: 500;color: #010101;line-height: 20px;position: absolute;left: 156px;top: 210px;text-align: center;}
.fl_3 .img i:nth-child(2){left: 416px;top: 210px;}
.fl_3 .img i:nth-child(3){left: 698px;top: 210px;}
.fl_3 .img i:nth-child(4){left: 958px;top: 210px;}
.fl_3 .img i:nth-child(5){left: 165px;top: 364px;text-align: left;}
.fl_3 .img i:nth-child(6){left: 425px;top: 364px;text-align: left;}
.fl_3 .img i:nth-child(7){left: 687px;top: 364px;text-align: left;}
.fl_3 .img i:nth-child(8){left: 952px;top: 364px;text-align: left;}
.fl_3 .img i:nth-child(9){left: 148px;top: 509px;text-align: left;}
.fl_3 .img i:nth-child(10){left: 430px;top: 509px;text-align: left;}
.fl_3 .img i:nth-child(11){left: 692px;top: 509px;text-align: left;}
.fl_3 .img i:nth-child(12){left: 954px;top: 509px;text-align: left;}
.fl_3 .img i:nth-child(13){left: 181px;top: 664px;color: #010101;}
.fl_3 .img i:nth-child(14){left: 474px;top: 664px;color: #010101;}
.fl_3 .img i:nth-child(15){left: 838px;top: 664px;color: #010101;}
.fl_3 .img p{font-size: 18px;font-weight: 500;color: #0353E7;position: absolute;left:242px;top:631px;}
.fl_3 .img p:nth-child(2){left:550px;top:629px;}
.fl_3 .img p:nth-child(3){left:939px;top:629px;}


.fl_4{height: auto;overflow: hidden;padding-bottom: 100px;background: #F8F8F8;}
.fl_4 ul.swiper_btn{display: flex;justify-content: space-between;flex-wrap: wrap;width: 876px;margin: 0 auto;}
.fl_4 ul.swiper_btn li{width: 219px;height: 50px;border-bottom: 1px solid #D3D3D3;text-align: center;}
.fl_4 ul.swiper_btn li.on{border-bottom: 3px solid #2374FC;}
.fl_4 ul.swiper_btn li span{font-size: 20px;font-weight: 400;color: #000000;}
.fl_4 ul.swiper_btn li.on span{font-weight: bold;color: #2374FC;}
.fl_4 .swiper{overflow: hidden;width: 1180px;} 
.fl_4 .swiper ul{width: 4720px;height: 650px;display: flex;justify-content: space-between;transition: 0.2s;flex-direction: row;margin-top: 16px;}
.fl_4 .swiper ul li{width: 1180px;height: 650px;background: #FFFFFF;border-radius: 8px;}
.fl_4 .swiper ul li .top_text{width: 1160px;height: 132px;background: #F3F6FF;border-radius: 6px;margin: 10px auto 0;display: flex;align-items: center;justify-content: space-between;}
.fl_4 .swiper ul li .top_text>div:nth-child(1){margin-left: 178px;}
.fl_4 .swiper ul li .top_text>div:nth-child(2){margin-right: 178px;}
.fl_4 .swiper ul li .top_text p{font-size: 14px;font-weight: 500;color: #000000;line-height: 24px;margin-bottom: 6px;}
.fl_4 .swiper ul li .top_text p em{color: #2D46DF;}
.fl_4 .swiper ul li img{width: 1072px;height: 396px;margin: 50px auto 0;display: block;}
.fl_4 .swiper ul li:nth-child(2) img{width: 936px;height: 434px;margin: 50px auto 0;display: block;}
.fl_4 .swiper ul li:nth-child(3) img{width: 1015px;height: 466px;margin: 21px auto 0;display: block;}
.fl_4 .swiper ul li:nth-child(4) img{width: 1037px;height: 333px;margin: 88px auto 0;display: block;}

.fl_5{height: auto;overflow: hidden;padding-bottom: 100px;}
.fl_5 ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.fl_5 ul li{width: 272px;height: 454px;background: #FFFFFF;border-radius: 6px;box-shadow: 0px 2px 10px 1px rgba(195,195,195,0.36);border: 1px solid #FFFFFF;}
.fl_5 ul li:hover{border: 1px solid blue;}
.fl_5 ul li>div{width: 272px;height: 107px;background: url(../../images/b2b/fl5_li1.png);background-size: 100%;}
.fl_5 ul li:nth-child(2)>div{background: url(../../images/b2b/fl5_li2.png);background-size: 100%;}
.fl_5 ul li:nth-child(3)>div{background: url(../../images/b2b/fl5_li3.png);background-size: 100%;}
.fl_5 ul li:nth-child(4)>div{background: url(../../images/b2b/fl5_li4.png);background-size: 100%;}
.fl_5 ul li span{display: block;text-align: center;font-size: 18px;font-weight: 500;color: #FFFFFF;padding-top: 75px;}
.fl_5 ul li p{font-size: 14px;color: #000000;line-height: 24px;margin: 35px 0 0 24px;}
.fl_5 ul li h5{display: block;font-size: 18px;font-weight: 500;color: #205FEC;margin: 39px 0 0 24px;}
.fl_5 ul li:nth-child(4) h5{margin-top: 54px;}
.fl_5 ul li i{font-size: 14px;font-family: Kozuka Gothic Pr6N;font-weight: normal;color: #696969;line-height: 24px;margin: 16px 0 0 24px;display: block;}

.fl_6{height: 183px;overflow: hidden;background: url(../../images/b2b/fl6_bg.jpg);background-size: 100%;}
.fl_6 .width{display: flex;align-items: center;justify-content: center;}
.fl_6 .width span{font-size: 40px;font-weight: 400;color: #FFFFFF;display: block;line-height: 183px;text-align: center;margin-left: 137px;}
.fl_6 .width a{display: block;width: 165px;height: 47px;background: #FFFFFF;border-radius: 23px;text-align: center;font-size: 20px;font-weight: bold;color: #0237CE;line-height: 47px;margin-top: 0;}