@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{background: url(../../images/vfx/sphfx/banner.png) center top;height: 430px;}
.banner b{display: block;font-weight: 500;font-size: 46px;color: #000000;line-height: 70px;padding: 85px 0 20px;position: relative;}
.banner b i{position: absolute;width: 218px;height: 56px;background: url(../../images/vfx/sphfx/b_ico.png);background-size: 100%;top: 162px;left: 10px;}
.banner p{font-weight: 400;font-size: 30px;color: #2C2C2C;margin-bottom: 40px;}
.banner p em{width: 32px;height: 27px;background: url(../../images/vfx/sphfx/b_hand.png);background-size: 100%;display: inline-block;margin-right: 14px;}
.banner a{display: block;width: 176px;height: 58px;background: #F53841;border-radius: 4px;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 58px;text-align: center;}

.content .tit{text-align: center;padding: 80px 0 50px;}
.content .tit b{display: block;font-weight: 500;font-size: 36px;color: #414143;}

.content .btn{display: block;text-align: center;margin: 0 auto;width: 286px;height: 48px;background: #0050D5;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.content>div{padding-bottom: 80px;}

.content .fl_1{height: auto;overflow: hidden;}
.content .fl_1 .tit{padding-bottom: 30px;}
.content .fl_1 .pic{display: block;width: 1233px;height: 593px;margin: 0 auto;background: url(../../images/vfx/sphfx/fl1_1.png);background-size: 100%;position: relative;}
.content .fl_1 .pic .text1 i{display: block;position: absolute;font-weight: bold;font-size: 18px;color: #FFFFFF;top: 177px;left: 81px;}
.content .fl_1 .pic .text1 i:nth-child(2){top: 180px;left: 621px;}
.content .fl_1 .pic .text1 i:nth-child(3){top: 450px;left: 111px;}
.content .fl_1 .pic .text1 i:nth-child(4){top: 500px;left: 103px;}
.content .fl_1 .pic .text2 i{display: block;position: absolute;font-weight: 500;font-size: 16px;color: #4A73F9;top: 123px;left: 962px;}
.content .fl_1 .pic .text2 i:nth-child(2){top: 352px;left: 268px;}
.content .fl_1 .pic .text2 i:nth-child(3){top: 332px;left: 740px;}
.content .fl_1 .pic .text3 i{display: block;position: absolute;font-weight: 400;font-size: 16px;color: #414143;top: 60px;left: 731px;}
.content .fl_1 .pic .text3 i:nth-child(2){top: 96px;left: 731px;}
.content .fl_1 .pic .text3 i:nth-child(3){top: 132px;left: 731px;}
.content .fl_1 .pic .text3 i:nth-child(4){top: 168px;left: 731px;}
.content .fl_1 .pic .text3 i:nth-child(5){top: 204px;left: 731px;}
.content .fl_1 .pic .text3 i:nth-child(6){top: 240px;left: 731px;}
.content .fl_1 .pic .text3 i:nth-child(7){top: 116px;left: 1100px;}
.content .fl_1 .pic .text3 i:nth-child(8){top: 154px;left: 1100px;}
.content .fl_1 .pic .text3 i:nth-child(9){top: 190px;left: 1100px;}
.content .fl_1 .pic .text4{display: block;position: absolute;left: 208px;top: 455px;font-weight: 500;font-size: 16px;color: #414143;}
.content .fl_1 .pic .text4 i{margin-right: 48px;}
.content .fl_1 .pic .text4:last-child{top: 504px;}
.content .fl_1 a{margin-top: 30px;}

.content .fl_2{height: auto;overflow: hidden;background: #F9F9F9;}
.content .fl_2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 60px;}
.content .fl_2 ul li{width: 218px;height: 268px;background: #FFFFFF;border-radius: 10px;border: 1px solid #6B67F2;}
.content .fl_2 ul li:first-child{background: url(../../images/vfx/sphfx/fl2_1.png);background-size: 100%;}
.content .fl_2 ul li span{display: block;text-align: center;font-weight: 500;font-size: 22px;color: #010101;padding-top: 30px;}
.content .fl_2 ul li span em{display: inline-block;width: 25px;height: 25px;background: url(../../images/vfx/sphfx/fl2_ico1.png);background-size: 100%;vertical-align: -4px;margin-right: 5px;}
.content .fl_2 ul li:nth-child(3) span em{background: url(../../images/vfx/sphfx/fl2_ico2.png);background-size: 100%;}
.content .fl_2 ul li:nth-child(4) span em{background: url(../../images/vfx/sphfx/fl2_ico3.png);background-size: 100%;}
.content .fl_2 ul li:nth-child(5) span em{background: url(../../images/vfx/sphfx/fl2_ico4.png);background-size: 100%;}
.content .fl_2 ul li p{display: block;font-weight: normal;font-size: 16px;color: #777777;line-height: 24px;margin-top: 27px;margin-left: 30px;}
.content .fl_2 ul li p:nth-child(3){margin-top: 15px;}
.content .fl_2 ul li i{display: block;margin: 20px 0 0 150px;width: 46px;height: 36px;background: url(../../images/vfx/sphfx/fl2_logo1.png);background-size: 100%;}
.content .fl_2 ul li:nth-child(3) i{width: 54px;height: 36px;background: url(../../images/vfx/sphfx/fl2_logo2.png);background-size: 100%;}
.content .fl_2 ul li:nth-child(4) i{width: 54px;height: 37px;background: url(../../images/vfx/sphfx/fl2_logo3.png);background-size: 100%;}
.content .fl_2 ul li:nth-child(5) i{width: 55px;height: 36px;background: url(../../images/vfx/sphfx/fl2_logo4.png);background-size: 100%;}
.content .fl_2 ul li:hover{margin-top: -20px;}

.content .fl_3{height: auto;overflow: hidden;}
.content .fl_3 .info{width: 1180px;height: 236px;background: #FFFFFF;box-shadow: 0px 3px 24px 2px rgba(235,235,235,0.8);border-radius: 10px;margin-bottom: 20px;}
.content .fl_3 a{margin-top: 60px;}
.content .fl_3 .fl{width: 220px;height: 100%;background: url(../../images/vfx/sphfx/fl3_1.png);background-size: 100%;}
.content .fl_3 .info:nth-child(2){height: 197px;}
.content .fl_3 .info:nth-child(3){height: 174px;}
.content .fl_3 .info:nth-child(2) .fl{background: url(../../images/vfx/sphfx/fl3_2.png);background-size: 100%;}
.content .fl_3 .info:nth-child(3) .fl{background: url(../../images/vfx/sphfx/fl3_3.png);background-size: 100%;}
.content .fl_3 .fl span{display: block;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;padding-top: 30px;}
.content .fl_3 .fr{width: 960px;height: 100%;}
.content .fl_3 .fr ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 90%;padding: 40px 0 0 46px;}
.content .fl_3 .fr ul li{width: 49%;height: auto;display: flex;align-items: center;margin-bottom: 40px;}
.content .fl_3 .fr ul li .icon{display: block;width: 49px;height: 49px;background: url(../../images/vfx/sphfx/fl3_li1_ico1.png);background-size: 100%;margin-right: 15px;}
.content .fl_3 .fr ul li:nth-child(2) .icon{background: url(../../images/vfx/sphfx/fl3_li1_ico2.png);background-size: 100%;}
.content .fl_3 .fr ul li:nth-child(3) .icon{background: url(../../images/vfx/sphfx/fl3_li1_ico3.png);background-size: 100%;}
.content .fl_3 .fr ul li:nth-child(4) .icon{background: url(../../images/vfx/sphfx/fl3_li1_ico4.png);background-size: 100%;}
.content .fl_3 .fr ul li .text b{display: block;font-weight: 500;font-size: 20px;color: #000000;margin-bottom: 8px;}
.content .fl_3 .fr ul li .text p{display: block;font-weight: 400;font-size: 16px;color: #737373;}
.content .fl_3 .info:nth-child(2) .fr ul li{width: 33%;align-items: inherit;}
.content .fl_3 .info:nth-child(3) .fr ul li{width: 33%;align-items: inherit;}
.content .fl_3 .info:nth-child(2) .fr ul li:nth-child(1) .icon{background: url(../../images/vfx/sphfx/fl3_li2_ico1.png);background-size: 100%;}
.content .fl_3 .info:nth-child(2) .fr ul li:nth-child(2) .icon{background: url(../../images/vfx/sphfx/fl3_li2_ico2.png);background-size: 100%;}
.content .fl_3 .info:nth-child(2) .fr ul li:nth-child(3) .icon{background: url(../../images/vfx/sphfx/fl3_li2_ico3.png);background-size: 100%;}
.content .fl_3 .info:nth-child(3) .fr ul li:nth-child(1) .icon{background: url(../../images/vfx/sphfx/fl3_li3_ico1.png);background-size: 100%;}
.content .fl_3 .info:nth-child(3) .fr ul li:nth-child(2) .icon{background: url(../../images/vfx/sphfx/fl3_li3_ico2.png);background-size: 100%;}
.content .fl_3 .info:nth-child(3) .fr ul li:nth-child(3) .icon{background: url(../../images/vfx/sphfx/fl3_li3_ico3.png);background-size: 100%;}

.content .fl_4{height: auto;overflow: hidden;background: #F9F9F9;}
.content .fl_4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.content .fl_4 ul li{width: 234px;height: 200px;background: #FFFFFF;box-shadow: 0px 3px 24px 2px rgba(235,235,235,0.8);border-radius: 10px;margin-bottom: 20px;padding: 24px 0 0 46px;}
.content .fl_4 ul li i{display: block;width: 35px;height: 35px;background: url(../../images/vfx/sphfx/fl4_ico1.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(2) i{background: url(../../images/vfx/sphfx/fl4_ico2.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(3) i{background: url(../../images/vfx/sphfx/fl4_ico3.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(4) i{background: url(../../images/vfx/sphfx/fl4_ico4.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(5) i{background: url(../../images/vfx/sphfx/fl4_ico5.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(6) i{background: url(../../images/vfx/sphfx/fl4_ico6.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(7) i{background: url(../../images/vfx/sphfx/fl4_ico7.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(8) i{background: url(../../images/vfx/sphfx/fl4_ico8.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(9) i{background: url(../../images/vfx/sphfx/fl4_ico9.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(10) i{background: url(../../images/vfx/sphfx/fl4_ico10.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(11) i{background: url(../../images/vfx/sphfx/fl4_ico11.png);background-size: 100%;}
.content .fl_4 ul li:nth-child(12) i{background: url(../../images/vfx/sphfx/fl4_ico12.png);background-size: 100%;}
.content .fl_4 ul li span{display: block;font-weight: 500;font-size: 20px;color: #000000;margin: 28px 0 16px 0;}
.content .fl_4 ul li p{display: block;font-weight: 400;font-size: 16px;color: #737373;line-height: 24px;}
.content .fl_4 a{margin-top: 40px;}

.content .fl_5{height: auto;overflow: hidden;}
.content .fl_5 .info{width: 100%;height: 500px;background: #FFFFFF;box-shadow: 0px 3px 24px 2px rgba(235,235,235,0.8);border-radius: 10px;margin-bottom: 40px;}
.content .fl_5 .info .fl{width: 811px;height: 460px;padding: 40px 0 0 69px;}
.content .fl_5 .info .fl span em{width: 195px;height: 56px;background: linear-gradient(90deg, #A286F1 0%, #CFB2FA 100%);border-radius: 28px;font-weight: 500;font-size: 22px;color: #FFFFFF;line-height: 56px;text-align: center;display: inline-block;margin-right: 19px;}
.content .fl_5 .info .fl span{display: inline-block;font-weight: 500;font-size: 24px;color: #000000;margin-bottom: 35px;}
.content .fl_5 .info .fl b{display: block;width: 116px;height: 32px;background: linear-gradient(90deg, #BDB3EC 0%, #E8DDFF 100%);border-radius: 16px;text-align: center;font-weight: 500;font-size: 18px;color: #63269D;line-height: 32px;margin-bottom: 16px;}
.content .fl_5 .info .fl p{display: block;font-weight: 400;font-size: 16px;color: #4C4C4C;line-height: 24px;margin-bottom: 25px;}
.content .fl_5 .info .fr{display: block;width: 300px;height: 500px;background: url(../../images/vfx/sphfx/fl5_1.png);background-size: 100%;}
.content .fl_5 .info:nth-child(2){height: 549px;}
.content .fl_5 .info:nth-child(2) .fl b{width: 216px;}
.content .fl_5 .info:nth-child(2) .fr{background: url(../../images/vfx/sphfx/fl5_2.png);background-size: 100%;height: 549px;}