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

a.btn_yx{font-size: 22px;width: 230px;height: 64px;border-radius: 8px;color: #fff;text-align: center;margin: 50px auto 0;line-height: 64px;display: block;font-weight: 500;background-image: linear-gradient(to right,#ff6011,#ff9512);}

.banner{height: 370px;background: url(../../images/vfx/sphdh/banner.jpg) center top no-repeat;text-align: center;}
.banner span{display: block;font-size: 62px;font-weight: bold;color: #fff;padding: 60px 0 20px;}
.banner span i{font-size: 62px;background-image:-webkit-linear-gradient(left,#ff7a14,#ffbf1d); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.banner p{font-size: 26px;color: #fff;}

.title_1{text-align: center;padding: 80px 0 50px;}
.title_1 span{display: block;font-size: 36px;font-weight: bold;color: #000000;}
.title_1 p{font-size: 18px;padding-top: 20px;color: #7a7a7a;}

.floor_1{height: auto;overflow: hidden;padding:90px 0;background: #f9f7f6;}
.floor_1 .fl{width: 700px;padding-left: 20px;}
.floor_1 .fl .tit{font-size: 32px;font-weight: bold;color: #fa6334;padding-bottom: 40px;}
.floor_1 .fl p{font-size: 18px;color: #272727;line-height: 40px;}
.floor_1 .fr{display: block;float: right;width: 290px;height: 217px;background: url(../../images/vfx/sphdh/fl1_1.png) center top no-repeat;margin: 20px 60px 0 0;}
.floor_1 .fr a{display: block;height: 40px;line-height: 40px;width: 150px;border-radius: 50px;text-align: center;font-size: 16px;color: #fff;font-weight: 500;background: #ff8227;margin: 144px auto 0;}

.floor_2{height: auto;overflow: hidden;padding-bottom: 60px;}
.floor_2 .fl{width: 550px;}
.floor_2 .fl .tit{font-size: 28px;color: #ff6224;font-weight: bold;padding-bottom: 24px;}
.floor_2 .fl .tex{height: auto;overflow: hidden;margin-bottom: 20px;}
.floor_2 .fl .tex p{font-size: 18px;color: #272727;line-height: 30px;margin-bottom: 20px;}
.floor_2 .fl .tex p i{display: inline-block;width: 20px;height: 20px;border-radius: 50%;text-align: center;line-height: 20px;color: #fff;font-size: 16px;font-weight: bold;background: #ff7b2c;margin: 2px 10px 0 0;}
.floor_2 .fl .tex2 p b{font-size:18px;font-weight: bold;color: #272727;}
.floor_2 .fl .tex2 p em{display: inline-block;width: 32px;}
.floor_2 img.fr{display: block;margin: 40px 20px 0 0;}

.floor_mban{height: 148px;background: url(../../images/vfx/sphdh/flmid_bg.jpg) center top no-repeat;text-align: center;overflow: hidden;line-height: 148px;color: #fff;font-size: 48px;font-weight: bold;}
.floor_mban2{height: 404px;background: url(../../images/vfx/sphdh/flmid_bg2.jpg) center top no-repeat;background-size: cover;text-align: center;overflow: hidden;}
.floor_mban2 span{display: block;font-size: 50px;font-weight: bold;color: #fff;padding: 88px 0 20px;}
.floor_mban2 p{font-size: 26px;color: #fff;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background: #f7f7f7;}
.floor_3 ul{display: flex;justify-content:space-between;flex-wrap:wrap;width: 1052px;margin: 0 auto;}
.floor_3 ul li{width: 498px;height: 430px;background: #fff;box-shadow: 0 0 16px 4px rgba(0,0,0,.06);border-radius: 10px;overflow: hidden;}
.floor_3 ul li span{display: block;font-size: 32px;font-weight: bold;color: #fff;height: 118px;line-height: 118px;background: url(../../images/vfx/sphdh/fl3_1.png) center top no-repeat;padding-left: 154px;}
.floor_3 ul li:nth-child(2) span{background-image: url(../../images/vfx/sphdh/fl3_2.png);}
.floor_3 ul li .code{padding: 48px 0 20px 60px;}
.floor_3 ul li .code i{display: block;font-size: 20px;color: #161616;margin-bottom: 22px;}
.floor_3 ul li .code i::before{display: block;content: '';float: left;width: 21px;height: 20px;overflow: hidden;background-image: url(../../images/vfx/sphdh/icons.png);background-size: 153px;background-position: 0 0;margin: 3px 8px 0 0;}
.floor_3 ul li .code i:nth-child(2)::before{background-position: -29px 0;}
.floor_3 ul li .code i:nth-child(3)::before{background-position: -54px 0;}
.floor_3 ul li .code2 i:nth-child(1)::before{background-position: -82px 0;}
.floor_3 ul li .code2 i:nth-child(2)::before{background-position: -108px 0;}
.floor_3 ul li .code2 i:nth-child(3)::before{background-position: -133px 0;}
.floor_3 ul li p{text-align: center;font-size: 20px;font-weight: 500;color: #ff1e1e;width: 188px;height: 48px;line-height: 48px;border: 1px solid #ff1e1e;border-radius: 8px;margin: 0 auto;}
.floor_3 ul li:nth-child(2) p{color: #ff7c2c;border: 1px solid #ff7c2c;}

.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_4 img{display: block;margin: 0 auto 20px;}
.floor_4 ul{display: flex;justify-content:space-between;flex-wrap:wrap;width: 986px;margin: 0 auto;}
.floor_4 ul li{width: 218px;height: 106px;border: 1px dashed #ff7241;background: #fff5f2;text-align: center;}
.floor_4 ul li span{display: block;font-size: 18px;color: #ff4621;font-weight: 500;line-height: 28px;padding-top: 26px;}
.floor_4 ul li:nth-child(1) span{padding-top: 0;line-height: 108px;}
.floor_4 ul li:nth-child(4) span{padding-top: 10px;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 80px;background: #f7f7f7;}
.floor_5 .top_1{width: 924px;margin: 0 auto 40px;height: auto;overflow: hidden;}
.floor_5 .top_1 span{display: block;width: 230px; text-align: center;border-right:#d5d5d5 1px solid;float: left;height: 66px;font-size: 30px;color: #ff0000;font-weight:bold;line-height: 36px;}
.floor_5 .top_1 span:last-of-type{border: none;}
.floor_5 .top_1 p{font-size: 18px;color: #8c8c8c;font-weight: normal;}
.floor_5 .section .item{border:#dedede 1px solid;border-radius:5px;width: 1110px;margin: 40px auto;height:121px;background: #fff;}
.floor_5 .section .item .fl{width: 228px;position: relative;}
.floor_5 .section .item .fl p{position: absolute;top:64px;left:42px;color: #fff;font-size: 24px;text-align: center;width: 150px;}
.floor_5 .section .item .fr{width: 882px;}
.floor_5 .section .item .fr li{width:280px;height: 121px;padding-top: 30px;box-sizing: border-box;float: left;padding-left: 40px;}
.floor_5 .section .item .fr li img{float:left;width: 58px;margin-right: 20px;}
.floor_5 .section .item .fr li p{font-size: 18px;margin-bottom: 10px;}
.floor_5 .section .item .fr li em{display: block;color: #858585;line-height: 22px;}

.floor_6{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_6 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_6 ul li{width: 565px;height: 428px;border: 1px solid #dcdcdc;background: #fff;border-radius: 16px;overflow: hidden;}
.floor_6 ul li img{display: block;margin: 0 auto 40px;}
.floor_6 ul li .tex{height: auto;overflow: hidden;margin-bottom: 30px;}
.floor_6 ul li .tex span{display: block;font-size: 22px;color: #000000;font-weight: bold;margin-bottom: 14px;line-height: 20px;}
.floor_6 ul li .tex span i{display: block;float: left;height: 20px;width: 20px;border-radius: 50%;line-height: 20px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;background: #ff7d3d;margin: 0 8px 0 38px;}
.floor_6 ul li .tex p{font-size: 14px;color: #5c5c5c;line-height: 26px;padding-left: 68px;}
.floor_6 ul li a.t-bot{display: inline-block;font-size: 14px;color: #ff742f;}