@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:16px;background:transparent;font-family:"PingFang SC";}
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;}

.w1196{ width: 1196px; margin: 0 auto;}
.w1180{ width: 1180px; margin: 0 auto;}

.banner{height:520px;background:url(../../images/canyin/banner.png)center center no-repeat;background-size: cover;}
.banner span{display: block;font-weight: 500;font-size: 48px;color: #FFFFFF;padding-top: 156px;}

.banner p{font-weight: 300;font-size: 24px;color: rgba(255,255,255,0.9);margin: 8px 0 40px;}

.banner a{display: block;text-align: center;width: 180px;height: 56px;background: #0E6EFF;border-radius: 4px;font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 56px;}

.banner a::before{display: inline-block;content: "";width: 28px;height: 28px;background:url(../../images/canyin/b_btn.png);background-size: 100%;margin-right: 10px;vertical-align: -6px;}




.title{text-align: center;padding: 80px 0 40px;}

.title span{font-weight: 500;font-size: 40px;color: #000000;}

.btn_cy{display: block;width: 216px;height: 64px;border-radius: 6px;border: 2px solid #0E6EFF;margin: 40px auto 0;text-align: center;font-weight: 400;font-size: 24px;color: #0E6EFF;line-height: 64px;}

.btn_cy::after{display: inline-block;content: "";width: 16px;height: 16px;background:url(../../images/canyin/btn_arrow1.png);background-size: 100%;}


.section_1{height: auto;clear: both;overflow: hidden;padding-bottom: 80px;}
.section_1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.section_1 ul li{width: 280px;height: 216px;background: linear-gradient(180deg, rgba(250,140,22,0.1) 0%, rgba(250,140,22,0.05) 100%);box-shadow: inset 0px 4px 0px 0px #FA8C16;border-radius: 8px;}

.section_1 ul li span{display: block;font-weight: 500;font-size: 24px;color: #000000;text-align: center;}

.section_1 ul li span::before{display: block;margin: 32px auto 16px;content: "";width: 48px;height: 48px;background:url(../../images/canyin/fl1_ico1.png);background-size: 100%;}

.section_1 ul li:nth-child(2) span::before{background:url(../../images/canyin/fl1_ico2.png);background-size: 100%;}

.section_1 ul li:nth-child(3) span::before{background:url(../../images/canyin/fl1_ico3.png);background-size: 100%;}

.section_1 ul li:nth-child(4) span::before{background:url(../../images/canyin/fl1_ico4.png);background-size: 100%;}

.section_1 ul li p{font-weight: 400;font-size: 16px;color: rgba(0,0,0,0.7);line-height: 24px;padding-top: 8px;text-align: center;}

.section_1 img{display: block;margin: 16px auto;width: 1180px;height: 120px;}

.section_1 dl{display: flex;justify-content: space-between;flex-wrap: wrap;}

.section_1 dl dd{width: 280px;height: 192px;background: linear-gradient( 180deg, rgba(7,193,96,0.1) 0%, rgba(7,193,96,0.05) 100%);box-shadow: inset 0px 4px 0px 0px #07C160;border-radius: 8px;}

.section_1 dl dd span{display: block;text-align: center;font-weight: 500;font-size: 24px;color: rgba(0,0,0,0.7);line-height: 32px;}

.section_1 dl dd span::before{display: block;margin: 32px auto 16px;content: "";width: 48px;height: 48px;background:url(../../images/canyin/fl1_ico5.png);background-size: 100%;}

.section_1 dl dd:nth-child(2) span::before{background:url(../../images/canyin/fl1_ico6.png);background-size: 100%;}

.section_1 dl dd:nth-child(3) span::before{background:url(../../images/canyin/fl1_ico7.png);background-size: 100%;}

.section_1 dl dd:nth-child(4) span::before{background:url(../../images/canyin/fl1_ico8.png);background-size: 100%;}





.section_2{height:auto;overflow: hidden;padding-bottom: 80px;background:url(../../images/canyin/fl2_bg.png)center center no-repeat;background-size: cover;}
.section_2 .title span{color: #FFFFFF;}

.section_2 .w1196{display: flex;align-items: center;}

.section_2 .w1196 img{display: block;width: 268px;height: 568px;}

.section_2 .w1196 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 912px;}

.section_2 .w1196 ul li{width: 152px;height: 144px;border-top: 1px solid rgba(255,255,255,0.16);border-left: 1px solid rgba(255,255,255,0.16);box-sizing: border-box;backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);background: rgba(255,255,255,0.2);font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.9);text-align: center;}

.section_2 .w1196 ul li::before{display: block;margin: 32px auto 8px;content: "";width: 48px;height: 48px;background:url(../../images/canyin/fl2_ico1.png);background-size: 100%;}
.section_2 .w1196 ul li:nth-child(2)::before{background:url(../../images/canyin/fl2_ico2.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(3)::before{background:url(../../images/canyin/fl2_ico3.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(4)::before{background:url(../../images/canyin/fl2_ico4.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(5)::before{background:url(../../images/canyin/fl2_ico5.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(6)::before{background:url(../../images/canyin/fl2_ico6.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(7)::before{background:url(../../images/canyin/fl2_ico7.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(8)::before{background:url(../../images/canyin/fl2_ico8.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(9)::before{background:url(../../images/canyin/fl2_ico9.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(10)::before{background:url(../../images/canyin/fl2_ico10.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(11)::before{background:url(../../images/canyin/fl2_ico11.png);background-size: 100%;}

.section_2 .w1196 ul li:nth-child(12)::before{background:url(../../images/canyin/fl2_ico12.png);background-size: 100%;}

.section_2 a{display: block;text-align: center;margin: 40px auto 0;width: 216px;height: 64px;border-radius: 4px;border: 2px solid #FFFFFF;font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 64px;}

.section_2 a::after{display: inline-block;content: "";width: 17px;height: 16px;background:url(../../images/canyin/btn_arrow2.png);background-size: 100%;}





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

.section_3 .w1180 .option{width: 280px;height: 312px;}

.section_3 .w1180 .option span{display: block;width: 280px;height: 64px;background: #F8F8F8;border-radius: 4px;margin-bottom: 20px;text-align: center;line-height: 64px;}

.section_3 .w1180 .option span.on{background:url(../../images/canyin/fl3_bg2.png);background-size: 100%;color: #FFFFFF;}

.section_3 .w1180 .swiper-container{width: 880px;height: 316px;}

.section_3 .w1180 .swiper-slide{width: 880px;height: 316px;background:url(../../images/canyin/fl3_bg1.png);background-size: 100%;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;padding: 32px 0 0 32px;border-radius: 8px;}

.section_3 .w1180 .swiper-slide h5{display: block;font-weight: 500;font-size: 24px;color: #000000;padding-bottom: 24px;}

.section_3 .w1180 .swiper-slide span{display: block;font-weight: 400;font-size: 16px;color: #666666;padding-bottom: 24px;}

.section_3 .w1180 .swiper-slide p{font-weight: 500;font-size: 16px;color: #333333;padding-bottom: 24px;}

.section_3 .w1180 .swiper-slide p em{font-weight: bold;}

.section_3 .w1180 .swiper-slide .t{width: 800px;height: 80px;background: rgba(255,255,255,0.6);border-radius: 10px;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 16px 0 0 16px;}

.section_3 .w1180 .swiper-slide .t i{display: block;width: 160px;height: 24px;margin-right: 16px;}

.section_3 .w1180 .swiper-slide .t i::before{display: inline-block;content: "";width: 16px;height: 16px;background:url(../../images/canyin/fl3_arrow.png);background-size: 100%;margin-right: 4px;vertical-align: -3px;}



.section_4{height: auto;overflow: hidden;background: #F8F8F8;padding-bottom: 80px;}
.section_4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.section_4 ul li{width: 214px;height: 474px;text-align: center;position: relative;}

.section_4 ul li img{display: block;width: 214px;height: 444px;}

.section_4 ul li span{display: block;font-weight: 400;font-size: 16px;color: #666666;margin-top: 8px;}

.section_4 ul li i{display: block;position: absolute;width: 16px;height: 33px;background:url(../../images/canyin/fl4_arrow.png);background-size: 100%;right: -24px;top: 210px;}



.section_5{height: auto;overflow: hidden;background: #FFFFFF;padding-bottom: 80px;}
.section_5 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.section_5 ul li{width: 214px;height: 444px;text-align: center;position: relative;}

.section_5 ul li img{display: block;width: 214px;height: 444px;}

.section_5 ul li i{display: block;position: absolute;width: 16px;height: 33px;background:url(../../images/canyin/fl5_arrow.png);background-size: 100%;right: -24px;top: 210px;}



.section_6{height: 270px;overflow: hidden;background:url(../../images/canyin/fl6_bg.png)center center no-repeat;background-size: cover;}

.section_6 span{display: block;text-align: center;font-weight: 400;font-size: 40px;color: #FFFFFF;padding-top: 63px;}

.section_6 a{background: #FFFFFF;margin-top: 24px;}