@charset "utf-8";
*{margin:0;padding:0;color: #030303;}
body{font-family:"Microsoft YaHei","微软雅黑","宋体";font-size: 14px;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.width{width: 1180px;margin:0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.w1180{width: 1180px;margin: 0 auto;}
.fl{float:left!important;}
.fr{float:right!important;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.banner{height: 400px;background: url(../../images/vfx/spdh/banner.png) center top no-repeat;background-size: cover;}
.banner i{display: block;padding-top: 90px;font-weight: bold;font-size: 16px;color: #252627;}

.banner i::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/vfx/spdh/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -1px;}

.banner span{display: block;font-weight: bold;font-size:38px;color: #000000;margin-top: 16px;}

.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;margin-top: 16px;}
.banner a{display: block;text-align: center;width: 144px;height: 48px;background: #005EF4;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}


.title_1{text-align: center;padding:100px 0 40px;}
.title_1 span{display: block;font-weight: bold;font-size: 38px;color: #000000;}

.title_1 p{font-weight: 400;font-size: 20px;color: #5D5F63;line-height: 28px;margin-top: 10px;}



a.btn_dh{display: block;text-align: center;width: 162px;height: 50px;background: #005EF4;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;margin: 40px auto 0;}

a.btn_dh::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/vfx/spdh/btn_arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}





.floor_1{height: auto;overflow: hidden;padding-bottom: 100px;background: url(../../images/vfx/spdh/fl1_bg.png)center top no-repeat;background-size: cover;}
.floor_1 img{display: block;width: 1220px;height: 776px;margin: 0 auto;}

.floor_1 a{margin-top: 20px;width: 165px;}

.floor_2{height: auto;overflow: hidden;}
.floor_2 .t{width: 1180px;height: 430px;margin: 0 auto;padding: 100px 0;}

.floor_2 .t1{padding-top: 0;}

.floor_2 .t2{background: #F9FCFE;background-size: cover;}

.floor_2 .t1 .info h5{padding-top: 56px;}

.floor_2 .t3 .info h5{padding-top: 70px;}

.floor_2 .t .info h5{font-weight: bold;font-size: 34px;color: #000000;padding-bottom: 32px;}

.floor_2 .t .info span{display: block;font-weight: bold;font-size: 20px;color: #000000;padding-bottom: 8px;}

.floor_2 .t2 .t .info span{font-weight: 400;font-size: 16px;color: #000000;line-height: 24px;padding-bottom: 20px;}

.floor_2 .t3 .info span{font-weight: 400;font-size: 16px;color: #000000;line-height: 24px;padding-bottom: 20px;}

.floor_2 .t .info span::before{display: inline-block;content: "";width: 24px;height: 24px;background: url(../../images/vfx/spdh/fl2_tick.png);background-size: 100%;margin-right: 8px;vertical-align:-4px;}

.floor_2 .t .info p{font-weight: 400;font-size: 16px;color: #252627;padding-bottom: 20px;padding-left: 32px;}

.floor_2 .t .info a{margin-top: 28px;margin-left: 0;}

.floor_2 .t img{display: block;width: 600px;height: 430px;}



.floor_3{background: #F3F5F8;height: auto;padding-bottom:100px;overflow: hidden;}

.floor_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_3 ul li{width: 280px;height: 252px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;box-sizing: border-box;margin-bottom: 20px;}
.floor_3 ul li img{display: block;width: 64px;height: 64px;margin: 32px auto;}

.floor_3 ul li span{text-align: center;display: block;font-weight: bold;font-size: 24px;color: #262626;}

.floor_3 ul li p{font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 22px;text-align: center;padding-top: 16px;}

.floor_3 a{margin-top: 20px;}




.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;background: #0A1534;}
.floor_4 .title_1 span{color: #FFFFFF;}
.floor_4 .title_1 p{color: #FFFFFF;}

.floor_4 .top{width: 1180px;height: 146px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;box-sizing: border-box;display: flex;justify-content: space-around;flex-wrap: wrap;align-items: center;margin-bottom: 40px;}

.floor_4 .top span{display: block;width: 246px;height: 82px;text-align: center;font-weight: 500;font-size: 38px;color: #005EF4;}

.floor_4 .top p{font-weight: 400;font-size: 20px;color: #5D5F63;padding-top: 8px;}

.floor_4 .section{display: flex;justify-content: space-around;flex-wrap: wrap;}

.floor_4 .section .item{width: 370px;height: 490px;background: url(../../images/vfx/spdh/fl4_bg1.png);background-size: 100%;}

.floor_4 .section .item:nth-child(2){background: url(../../images/vfx/spdh/fl4_bg2.png);background-size: 100%;}

.floor_4 .section .item:nth-child(3){background: url(../../images/vfx/spdh/fl4_bg3.png);background-size: 100%;}

.floor_4 .section .item h5{display: block;font-weight: 500;font-size: 28px;color: #FFFFFF;padding: 30px 0 60px 40px;}

.floor_4 .section .item p{font-weight: 500;font-size: 24px;color: #000000;padding-left: 40px;margin-bottom: 8px;}

.floor_4 .section .item p::before{display: inline-block;content: "";width: 32px;height: 32px;background: url(../../images/vfx/spdh/fl4_ico1.png);background-size: 100%;margin-right: 16px;vertical-align: -8px;}

.floor_4 .section .item p:nth-child(4)::before{background: url(../../images/vfx/spdh/fl4_ico2.png);background-size: 100%;}

.floor_4 .section .item p:nth-child(6)::before{background: url(../../images/vfx/spdh/fl4_ico3.png);background-size: 100%;}

.floor_4 .section .item:nth-child(2) p::before{background: url(../../images/vfx/spdh/fl4_ico4.png);background-size: 100%;}

.floor_4 .section .item:nth-child(2) p:nth-child(4)::before{background: url(../../images/vfx/spdh/fl4_ico5.png);background-size: 100%;}

.floor_4 .section .item:nth-child(2) p:nth-child(6)::before{background: url(../../images/vfx/spdh/fl4_ico6.png);background-size: 100%;}

.floor_4 .section .item:nth-child(3) p::before{background: url(../../images/vfx/spdh/fl4_ico7.png);background-size: 100%;}

.floor_4 .section .item:nth-child(3) p:nth-child(4)::before{background: url(../../images/vfx/spdh/fl4_ico8.png);background-size: 100%;}

.floor_4 .section .item:nth-child(3) p:nth-child(6)::before{background: url(../../images/vfx/spdh/fl4_ico9.png);background-size: 100%;}



.floor_4 .section .item em{display: block;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;padding-left: 88px;margin-bottom: 24px;}



.floor_5{height: 220px;background: url(../../images/vfx/spdh/fl5_bg.png)center top no-repeat;background-size: cover;}

.floor_5 .w1180{display: flex;align-items: center;justify-content: center;height: 220px;}
.floor_5 span{display: block;font-weight: 500;font-size: 38px;color: #FFFFFF;height: 50px;}

.floor_5 a{width: 203px;height: 50px;margin:0;margin-left: 48px;}