@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: "Helvetica","PingFang SC","Microsoft YaHei","Tahoma","Arial","STHeiti","sans-serif";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{list-style: none;}
.width{width: 1180px;margin: 0 auto;}
.banner{background: url(../../images/product/scym/banner.png) center top;height: 430px;}
.banner b{display: block;padding: 120px 0 10px;height: 49px;font-size: 47px;font-family: PingFang SC;font-weight: bold;color: #FFFFFF;line-height: 49px;}
.banner span{display: block;height: 22px;font-size: 22px; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 36px;}
.banner span em{font-size: 22px;color: #FF5A19;}
.banner p{display: flex;justify-content: space-between;width: 379px;height: 32px;border: 1px solid #FFFFFF;  opacity: 0.5;border-radius: 16px;margin: 30px 0 40px;padding: 0 27px;}
.banner p em{height: 32px;font-size: 16px;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 32px;}
.banner a{display: block;width: 179px;height: 49px;border: 1px solid #FFFFFF;border-radius: 5px;font-size: 18px;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 49px;text-align: center;}


.content .tit{display: block;text-align: center;font-size: 36px;font-family: PingFang SC;font-weight: 500;color: #000000;padding: 90px 0 58px;}
.content .btn{display: block;text-align: center;width: 199px;height: 50px;background: #3365E4;border-radius: 5px;font-size: 18px;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 50px;margin: 0 auto;}


.content>div{padding-bottom: 100px;}
.content .fl_1 .width{display: flex;justify-content: space-between;flex-wrap: wrap;}
.content .fl_1 .width dl{width: 565px;height: 323px;background: #FFFFFF;box-shadow: 0px 2px 16px 0px rgba(220,229,244,0.8);margin-bottom: 50px;}

.content .fl_1 .width dl:hover{box-shadow: 0px 5px 29px 1px rgba(185,204,234,0.8);}

.content .fl_1 dl dt{width: 100%;height: 44px;background: linear-gradient(-90deg, #5D88FF 0%, #82A3FF 100%);font-size: 16px;font-family: PingFang SC;font-weight: 500;color: #FEFEFE;line-height: 44px;text-align: center;}
.content .fl_1 dl dt:before{display: inline-block;content: "";width: 30px;height: 30px;background: url(../../images/product/scym/fl1_top1.png);background-size: 100%;vertical-align: -9px;margin-right: 6px;}

.content .fl_1 dl:nth-child(2) dt:before{background: url(../../images/product/scym/fl1_top2.png);background-size: 100%;}

.content .fl_1 dl:nth-child(3) dt:before{background: url(../../images/product/scym/fl1_top3.png);background-size: 100%;}

.content .fl_1 dl:nth-child(4) dt:before{background: url(../../images/product/scym/fl1_top4.png);background-size: 100%;}


.content .fl_1 dd{width: 85%;box-sizing: border-box;margin: 0 auto;}
.content .fl_1 dd div{display: flex;justify-content: space-between;align-items: center;padding: 40px 0 24px;}
.content .fl_1 dd div b{font-size: 26px;}
.content .fl_1 dd div a{text-align: center;width: 112px;height: 38px;background: linear-gradient(90deg, #305FE6 0%, #3373F3 100%);border-radius: 4px;font-size: 14px;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 38px;}
.content .fl_1 dd span{display: block;height: 46px;font-size: 16px;font-family: PingFang SC;font-weight: 400;color: #5A5A5A;line-height: 30px;margin-bottom: 30px;}
.content .fl_1 dd p{display: flex;justify-content: space-around;}
.content .fl_1 dd p em{width: 20%;height: 78px;height: 14px;font-size: 14px;font-family: PingFang SC;font-weight: 400;color: #184ED5;line-height: 36px;text-align: center;}
.content .fl_1 dd p em::before{display: block;content: "";width: 43px;height: 43px;background: url(../../images/product/scym/fl1_dl1_ico1.png);background-size: 100%;margin: 0 auto;}

.content .fl_1 dl:nth-child(1) p em:nth-child(2):before{background: url(../../images/product/scym/fl1_dl1_ico2.png);background-size: 100%;}

.content .fl_1 dl:nth-child(1) p em:nth-child(3):before{background: url(../../images/product/scym/fl1_dl1_ico3.png);background-size: 100%;}

.content .fl_1 dl:nth-child(1) p em:nth-child(4):before{background: url(../../images/product/scym/fl1_dl1_ico4.png);background-size: 100%;}

.content .fl_1 dl:nth-child(2) p em:nth-child(1):before{background: url(../../images/product/scym/fl1_dl2_ico1.png);background-size: 100%;}

.content .fl_1 dl:nth-child(2) p em:nth-child(2):before{background: url(../../images/product/scym/fl1_dl2_ico2.png);background-size: 100%;}

.content .fl_1 dl:nth-child(2) p em:nth-child(3):before{background: url(../../images/product/scym/fl1_dl2_ico3.png);background-size: 100%;}

.content .fl_1 dl:nth-child(2) p em:nth-child(4):before{background: url(../../images/product/scym/fl1_dl2_ico4.png);background-size: 100%;}

.content .fl_1 dl:nth-child(3) p em:nth-child(1):before{background: url(../../images/product/scym/fl1_dl3_ico1.png);background-size: 100%;}

.content .fl_1 dl:nth-child(3) p em:nth-child(2):before{background: url(../../images/product/scym/fl1_dl3_ico2.png);background-size: 100%;}

.content .fl_1 dl:nth-child(3) p em:nth-child(3):before{background: url(../../images/product/scym/fl1_dl3_ico3.png);background-size: 100%;}

.content .fl_1 dl:nth-child(3) p em:nth-child(4):before{background: url(../../images/product/scym/fl1_dl3_ico4.png);background-size: 100%;}

.content .fl_1 dl:nth-child(4) p em:nth-child(1):before{background: url(../../images/product/scym/fl1_dl4_ico1.png);background-size: 100%;}

.content .fl_1 dl:nth-child(4) p em:nth-child(2):before{background: url(../../images/product/scym/fl1_dl4_ico2.png);background-size: 100%;}

.content .fl_1 dl:nth-child(4) p em:nth-child(3):before{background: url(../../images/product/scym/fl1_dl4_ico3.png);background-size: 100%;}

.content .fl_1 dl:nth-child(4) p em:nth-child(4):before{background: url(../../images/product/scym/fl1_dl4_ico4.png);background-size: 100%;}

.content .fl_1{padding-bottom: 50px;}

.content .fl_2{height: auto;background: #F7F9FF;overflow: hidden;}
.content .fl_2 .width{display: flex;justify-content: space-between;margin-bottom: 60px;}
.content .fl_2 .width dl{width: 23%;height: 463px;background: #FFFFFF;box-shadow: 0px 2px 16px 0px rgba(220,229,244,0.8);position: relative;}

.content .fl_2 .width dl:nth-child(1){width: 27%;height: 430px;background: url(../../images/product/scym/fl2_dl1_bg.png)top center no-repeat;background-size: cover;padding-top: 34px;}

.content .fl_2 .width dl:nth-child(1) span{display: block;width: 124px;height: 21px;background: rgba(255,255,255,0.2);border: 1px solid #FFFFFF;opacity: 0.6;border-radius: 3px;font-size: 12px;
font-family: PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 21px;margin-left: 30px;text-align: center;}

.content .fl_2 .width dl:nth-child(1) p{height: 28px;font-size: 26px;font-family: PingFang SC;font-weight: bold;color: #FFFFFF;line-height: 36px;margin-top: 19px;margin-left: 30px;}

.content .fl_2 .width dl:nth-child(1) ul{display: flex;justify-content: space-between;width: 80%;margin-left: 20px;margin-top: 50px;}

.content .fl_2 .width dl:nth-child(1) ul li{width: 35%;height: 30px;position: relative;}

.content .fl_2 .width dl:nth-child(1) ul li h2{position: absolute;width: 1px;height: 31px;opacity: 0.5;top: 0;right: 2px;background-color: #FFFFFF;}

.content .fl_2 .width dl:nth-child(1) ul li:nth-child(2) h2{position: absolute;width: 1px;height: 31px;opacity: 0.5;top: 0;right: 2px;background-color: #FFFFFF;}

.content .fl_2 .width dl:nth-child(1) ul li i{display: block;height: 14px;font-size: 18px;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 30px;text-align: center;margin-top: -10px;}

.content .fl_2 .width dl:nth-child(1) ul li i em{font-size: 14px;color: #FFFFFF;}

.content .fl_2 .width dl:nth-child(1) ul li b{display: block;height: 10px;font-size: 11px;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 30px;margin-top: 10px;text-align: center;}

.content .fl_2 .width dl dt{height: 22px;font-size: 22px;font-family: PingFang SC;font-weight: bold;color: #084CD6;line-height: 36px;top: 19px;left: 29px;z-index: 99;position: absolute;}

.content .fl_2 .width dl:nth-child(2)>h2{display: block;position: absolute;width: 218px;height: 1px;background: #CEDDFF;top: 77px;left: 27px;z-index: 1;}

.content .fl_2 .width dl:nth-child(3)>h2{background: #C6EEFF;position: absolute;width: 218px;height: 1px;top: 77px;left: 27px;}

.content .fl_2 .width dl:nth-child(4)>h2{background: #E9E7FB;position: absolute;width: 218px;height: 1px;top: 77px;left: 27px;}

.content .fl_2 .width dl:nth-child(2)>h3{display: block;position: absolute;width: 272px;height: 135px;background: url(../../images/product/scym/fl2_dl2_bg.png);top: 0;left: 0;z-index: 0;}

.content .fl_2 .width dl:nth-child(3)>h3{display: block;position: absolute;width: 272px;height: 135px;background: url(../../images/product/scym/fl2_dl3_bg.png);top: 0;left: 0;z-index: 0;}

.content .fl_2 .width dl:nth-child(4)>h3{display: block;position: absolute;width: 272px;height: 135px;background: url(../../images/product/scym/fl2_dl4_bg.png);top: 0;left: 0;z-index: 0;}

.content .fl_2 .width dl dd{margin-top: 117px;margin-left: 18px;}

.content .fl_2 .width dl dd b{display: block;height: 16px;font-size: 16px;font-family: PingFang SC;font-weight: bold;color: #050505;line-height: 36px;}

.content .fl_2 .width dl dd b::before{display: inline-block;content: "";width: 5px;height: 5px;background: #5983FE;border-radius: 50%;margin-right: 7px;vertical-align: 5px;}
.content .fl_2 .width dl dd p{display: block;height: 14px;font-size: 14px;font-family: PingFang SC;
font-weight: 400;color: #505050;line-height: 36px;margin-top: 15px;margin-bottom: 35px;}

.content .fl_2 .width dl:hover{box-shadow: 0px 5px 29px 1px rgba(185,204,234,0.8);}



.content .fl_3{height: auto;overflow: hidden;}

.content .fl_3 ul.width{display: flex;justify-content: space-between;margin-bottom: 57px;}
.content .fl_3 ul li{width: 565px;height: 216px;border-radius: 10px;background: url(../../images/product/scym/fl3_top_bg1.png)top center no-repeat;box-sizing: border-box;padding-left: 221px;}
.content .fl_3 ul li:last-child{background-image: url(../../images/product/scym/fl3_top_bg2.png);}
.content .fl_3 ul li b{display: block;height: 22px;font-size: 22px;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 22px;padding: 37px 0 20px;}
.content .fl_3 ul li p{height: 39px;font-size: 14px;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 24px;margin-bottom: 24px;}
.content .fl_3 ul li a{display: block;text-align: center;width: 122px;height: 38px;border: 1px solid #FFFFFF;border-radius: 4px;font-size: 14px;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 38px;}
.content .fl_3 div.width{padding-bottom: 20px;}
.content .fl_3 dl{margin-bottom: 30px;display: flex;justify-content: space-between;}
.content .fl_3 dl dt{width: 345px;height: 199px;background: #DEEAFF;text-align: center;font-size: 20px;font-family: PingFang SC;font-weight: 500;color: #000000;line-height: 36px;box-sizing: border-box;padding-top: 29px;}

.content .fl_3 dl dt::before{display: block;content: "";width: 85px;height: 85px;background: url(../../images/product/scym/fl3_dt1.png);background-size: 100%;margin-left: 133px;}

.content .fl_3 dl:nth-child(2) dt::before{background: url(../../images/product/scym/fl3_dt2.png);background-size: 100%;}

.content .fl_3 dl:nth-child(3) dt::before{background: url(../../images/product/scym/fl3_dt3.png);background-size: 100%;}

.content .fl_3 dl:nth-child(4) dt::before{background: url(../../images/product/scym/fl3_dt4.png);background-size: 100%;}

.content .fl_3 dl dd{width: 880px;box-sizing: border-box;height: 199px;border: 1px solid #d9deef;border-left: 0;border-top-right-radius: 10px;border-bottom-right-radius: 10px;display: flex;justify-content: space-between;padding: 0 70px 0 64px;}
.content .fl_3 dl dd p{font-size: 14px;color: #555;line-height: 24px;width: 185px;}
.content .fl_3 dl dd p b{display: block;font-size: 16px;line-height: 52px;margin: 15px 0 13px;}
.content .fl_3 dl dd p b::after{display: block;content: "";width: 30px;height: 2px;background-color: #3e7eff;}







.content .fl_4{height: auto;background: url(../../images/product/scym/fl4_bg.png)top center no-repeat;overflow: hidden;}

.content .fl_4 .tit{ont-size: 36px;font-family: PingFang SC;font-weight: 500;color: #FFFFFF;}
.content .fl_4 .width{display: flex;justify-content: space-between;}

.content .fl_4 .width dl{width: 360px;height: 300px;background: #FFFFFF;border-radius: 10px;margin-bottom: 60px;}

.content .fl_4 .width dl:hover{box-shadow: 0px 2px 16px 0px rgba(220,229,244,0.8);}

.content .fl_4 .width dl dt{width: 100%;height: 96px;background: #E2EEFF;font-size: 24px;font-family: PingFang SC;font-weight: 500;color: #000000;line-height: 24px;align-items: center;display: flex;justify-content: center;border-top-right-radius: 10px;border-top-left-radius: 10px;}

.content .fl_4 .width dl dt::before{display: inline-block;content: "";width: 40px;height: 40px;background: url(../../images/product/scym/fl4_li1.png);background-size: 100%;margin-right: 7px;}

.content .fl_4 .width dl:nth-child(2) dt::before{background: url(../../images/product/scym/fl4_li2.png);background-size: 100%;}

.content .fl_4 .width dl:nth-child(3) dt::before{background: url(../../images/product/scym/fl4_li3.png);background-size: 100%;}

.content .fl_4 .width dl dd{padding: 38px 0 0 65px;}
.content .fl_4 .width dl dd p{font-size: 14px;font-family: PingFang SC;font-weight: 400;color: #535353;line-height: 24px;margin-bottom: 10px;} 








.content .fl_5{height: auto;overflow: hidden;}
.content .fl_5 div{width: 100%;height: 471px;background: url(../../images/product/scym/fl5_content.png) center top no-repeat;margin-bottom: 60px;}