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


.banner{height:500px;background:url(../../images/vfx/ycdh/banner.webp)center center no-repeat;background-size: cover;box-sizing: border-box;padding-top: 105px;}
.banner h5{display: block;width: 170px;height: 20px;background: linear-gradient( 270deg, #96C3FF 0%, #5182FF 100%);border-radius: 10px 10px 10px 0px;font-weight: 400;font-size: 14px;color: #FFFFFF;line-height: 20px;margin-bottom: 16px;text-align: center;box-sizing: border-box;padding-left: 0px;}
.banner h5 em{width: 16px; height: 16px;background:url(../../images/vfx/ycdh/b_hash.webp);background-size: 100%;display: inline-block;margin-right: 4px;vertical-align: -3px;}
.banner span{display: flex;font-weight: bold;font-size: 50px;color: #222222;margin-bottom: 16px;align-items: center;}
.banner span em{font-weight: bold;font-size: 50px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner p{font-weight: 400;font-size: 20px;color: #333333;line-height: 28px;margin-bottom: 40px;}
.banner a{display: block;text-align: center;width: 140px;height: 50px;background: linear-gradient( 90deg, #005EF4 0%, #4D9AFF 100%);border-radius: 100px;font-weight: 400;font-size: 18px;color: #FFFFFF;line-height: 50px;}
.banner a::after{content: "";display: inline-block;width: 20px;height: 20px;background:url(../../images/vfx/ycdh/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -4px;}



.title{text-align: center;padding: 90px 0 50px 0;}

.title span{font-weight: 500;font-size: 30px;color: #000000;}
.title p{font-weight: 400;font-size: 20px;color: #595959;margin-top: 16px;}

.justify{display: flex;justify-content: space-between;flex-wrap: wrap}
.btn_dh{display: block;width: 167px;height: 48px;background: #0077FF;border-radius: 2px;margin: 50px auto 0;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}

.btn_dh::before{content: "";display: inline-block;width: 16px;height: 16px;background:url(../../images/vfx/ycdh/arrow2.webp);background-size: 100%;margin-right: 8px;vertical-align: -2px;}



.section_1{height: auto;overflow: hidden;padding-bottom: 90px;background: #F5F8FF;}
.section_1 .t{width: 1180px;height: 416px;background: #FFFFFF;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);border-radius: 16px;border: 2px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 30px 0 0 36px;display: flex;}

.section_1 .t .info{width: 523px;height: 356px;box-sizing: box-sizing;padding-top: 34px;margin-right: 40px;}

.section_1 .t .info span{display: flex;font-weight: bold;font-size: 30px;color: #000000;align-items: center;}

.section_1 .t .info span em{display: block;width: 56px;height: 20px;background: #E6F2FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #0077FF;line-height: 20px;margin-left: 8px;}

.section_1 .t .info h4{display: block;font-weight: 400;font-size: 20px;color: #595959;margin-bottom: 32px;}

.section_1 .t .info p{font-weight: 400;font-size: 16px;color: #595959;margin-bottom: 8px;display: flex;align-items: center;}

.section_1 .t .info p em{display: block;width: 15px;height: 15px;background:url(../../images/vfx/ycdh/tick1.webp);background-size: 100%;margin-right: 8px;}

.section_1 .t .info .i{display: flex;justify-content: baseline;margin-top: 30px}

.section_1 .t .info .i i{display: block;font-weight: 400;font-size: 20px;color: #1F1F1F;margin-right: 24px;}

.section_1 .t .info .i i:last-child{margin-right: 0;}

.section_1 .t .info .i i::before{content: "";display: inline-block;width: 24px;height: 24px;background:url(../../images/vfx/ycdh/fl1_ico.png)no-repeat;background-size: auto 24px; margin-right: 6px;vertical-align: -4px;}

.section_1 .t .info .i i::before{background-position: 0 0;}

.section_1 .t .info .i i:nth-child(2)::before{background-position: -24px 0;}

.section_1 .t .info .i i:nth-child(3)::before{background-position: -48px 0;}

.section_1 .t .info .i i:nth-child(4)::before{background-position: -72px 0;}

.section_1 .t .y{width: 556px;height: 356px;background: #E6F2FF;border-radius: 20px;}

.section_1 .t .y .top{width: 556px;height: 50px;background: #0077FF;border-radius: 12px;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 50px;}

.section_1 .t .y dl{width: 492px;margin: 24px auto 0;}

.section_1 .t .y dl dd{width: 148px;height: 124px;text-align: center;margin-bottom: 16px;font-weight: 400;font-size: 16px;color: #000000;}

.section_1 .t .y dl dd::before{content: "";display: block;width: 148px;height: 92px;background:url(../../images/vfx/ycdh/fl1.png)no-repeat;background-size: auto 92px;margin: 0 auto 8px;}

.section_1 .t .y dl dd:nth-child(1)::before{background-position: 0 0;}

.section_1 .t .y dl dd:nth-child(2)::before{background-position: -148px 0;}

.section_1 .t .y dl dd:nth-child(3)::before{background-position: -296px 0;}

.section_1 .t .y dl dd:nth-child(4)::before{background-position: -444px 0;}

.section_1 .t .y dl dd:nth-child(5)::before{background-position: -592px 0;}

.section_1 .t .y dl dd:nth-child(6)::before{background-position: -740px 0;}




.section_2{height:auto;overflow: hidden;padding-bottom: 90px;background:url(../../images/vfx/ycdh/fl2_bg.webp)center center no-repeat;background-size: cover;}
.section_2 ul li{width: 280px;height: 386px;background: #FFFFFF;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);border-radius: 16px;border: 1px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 32px 0 0 24px;transition: all 0.5s ease-in-out;}

.section_2 ul li.on{background: #0077FF;}

.section_2 ul li span{display:block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 24px;}

.section_2 ul li.on span{color: #FFFFFF;}

.section_2 ul li span::before{content: "";display: inline-block;width: 24px;height: 24px;background:url(../../images/vfx/ycdh/fl2_ico.png)no-repeat;background-size: auto 24px;margin-right: 6px;vertical-align: -2px;}

.section_2 ul li:nth-child(1) span::before{background-position: 0 0;}

.section_2 ul li:nth-child(2) span::before{background-position: -24px 0;}

.section_2 ul li:nth-child(3) span::before{background-position: -48px 0;}

.section_2 ul li:nth-child(4) span::before{background-position: -72px 0;}

.section_2 ul li.on:nth-child(1) span::before{background-position: -96px 0;}

.section_2 ul li.on:nth-child(2) span::before{background-position: -120px 0;}

.section_2 ul li.on:nth-child(3) span::before{background-position: -144px 0;}

.section_2 ul li.on:nth-child(4) span::before{background-position: -168px 0;}

.section_2 ul li p{width: 232px;height: 66px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;margin-bottom: 24px;}

.section_2 ul li.on p{color: #FFFFFF;}

.section_2 ul li img{display:block;width: 232px;height: 178px;}

.section_2 a{width: 131px;}




.section_3{height: auto;overflow: hidden;padding-bottom: 90px;}
.section_3 .t{display: flex;}

.section_3 .t img{display: block;width: 315px;height: 607px;margin-right: 16px;}

.section_3 .t ul{width: 850px;}

.section_3 .t ul li{width: 417px;height: 193px;background: #F9FAFC;border-radius: 8px;box-sizing: border-box;padding: 24px 0 0 32px;margin-bottom: 14px;}

.section_3 .t ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 12px;}

.section_3 .t ul li span::before{content: "";display: inline-block;width: 32px;height: 32px;background:url(../../images/vfx/ycdh/fl3_ico.png)no-repeat;background-size: auto 32px;margin-right: 10px;vertical-align: -8px;}

.section_3 .t ul li:nth-child(1) span::before{background-position: 0 0;}

.section_3 .t ul li:nth-child(2) span::before{background-position: -32px 0;}

.section_3 .t ul li:nth-child(3) span::before{background-position: -64px 0;}

.section_3 .t ul li:nth-child(4) span::before{background-position: -96px 0;}

.section_3 .t ul li:nth-child(5) span::before{background-position: -128px 0;}

.section_3 .t ul li:nth-child(6) span::before{background-position: -160px 0;}

.section_3 .t ul li h1{display: block;font-weight: 400;font-size: 16px;color: #595959;margin-bottom: 12px;}

.section_3 .t ul li p{font-weight: 400;font-size: 14px;color: #999999;margin-bottom: 6px;}

.section_3 .t ul li p::before{content: "";display: inline-block;width: 15px;height: 15px;background:url(../../images/vfx/ycdh/tick2.webp);background-size: 100%;margin-right: 8px;vertical-align: -2px;}

.section_3 a{margin-top: 28px;}





.section_4{height: auto;overflow: hidden;background: #F5F8FF;padding-bottom: 90px;}
.section_4 .t1{width: 1180px;height: 136px;background: #E6F2FF;border-radius: 12px;border: 1px solid #0077FF;box-sizing: border-box;padding: 18px 36px;font-weight: 400;font-size: 19px;color: #595959;line-height: 30px;margin-bottom: 30px;}

.section_4 .t2{width: 1180px;height: 502px;background: #FFFFFF;box-shadow: 0px 4px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;display: flex;justify-content: center;align-items: center;}

.section_4 .t2 img{display: block;width: 1062px;height: 444px;}





.section_5{height: auto;overflow: hidden;clear: both;padding-bottom:90px;background:url(../../images/vfx/ycdh/fl5_bg.webp)center center no-repeat;background-size: cover;}
.section_5 img{display: block;width: 1180px;height: 399px;margin: auto;}




.section_6{height: auto;overflow: hidden;padding-bottom: 90px;background: #F5F8FF;}
.section_6 .info{width: 924px;margin: 0 auto;height: auto;overflow: hidden;padding-bottom: 10px;}
.section_6 .info p{width: 230px;text-align: center;float: left;height: 75px;font-weight: 400;font-size: 38px;color: #0077FF;}

.section_6 .info p em{font-weight: 400;font-size: 20px;color: #0077FF;}
.section_6 .info p:last-of-type{border: none;}
.section_6 .info span{display: block;font-weight: 400;font-size: 20px;color: #595959;margin-top: 5px;}
.section_6 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}

.section_6 ul li{width: 377px;height: 422px;background: #FFFFFF;box-shadow: 4px 12px 40px -6px rgba(55,99,170,0.1);border-radius: 16px;box-sizing: border-box;padding: 40px 0 0 40px;}

.section_6 ul li h5{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 30px;}

.section_6 ul li h5::before{display: inline-block;content: "";width:57px;height: 57px;background:url(../../images/vfx/ycdh/fl6_ico.png)no-repeat;background-size: auto 57px;margin-right: 16px;vertical-align: -20px;}

.section_6 ul li:nth-child(1) h5::before{background-position: 0 0;}

.section_6 ul li:nth-child(2) h5::before{background-position: -57px 0;}

.section_6 ul li:nth-child(3) h5::before{background-position: -114px 0;}

.section_6 ul li hr{width: 297px;height: 0px;border-top: 1px solid #F0F0F0;margin: 32px 0;}

.section_6 ul li span{display: block;font-weight: 400;font-size: 20px;color: #1F1F1F;margin-bottom: 8px;}

.section_6 ul li span::before{display: inline-block;content: "";width: 15px;height: 15px;background:url(../../images/vfx/ycdh/tick1.webp);background-size: 100%;margin-right: 8px;vertical-align: 0px;}

.section_6 ul li p{font-weight: 400;font-size: 14px;color: #999999;margin-bottom: 24px;padding-left: 20px;}