@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;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.banner{background: url(../../images/vfx/canyin/banner.jpg)center top no-repeat;height: 400px;background-size: cover;}
.banner b{display: block;font-weight: 400;font-size: 18px;color: #2C2C2C;padding-top: 80px;}
.banner span{display: block;font-weight: 500;font-size: 46px;color: #000000;margin-top: 30px;}
.banner p{font-weight: 400;font-size: 24px;color: #2C2C2C;margin-top: 25px;}
.banner p em{font-weight: bold;font-size: 24px;color: #2C2C2C;}
.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;margin-top: 42px;}
.banner a::after{display: inline-block;content: "";width: 29px;height: 13px;background: url(../../images/vfx/canyin/b_arrow.png);background-size: 100%;margin-left: 10px;}

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

.content .btn{display: block;text-align: center;margin: 60px auto 0;width: 286px;height: 48px;background: #0050D5;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.content .btn::after{display: inline-block;content: "";width: 20px;height: 9px;background: url(../../images/vfx/canyin/arrow.png);background-size: 100%;margin-left: 12px;}
.content>div{padding-bottom: 80px;}

.content .fl_1{height: auto;overflow: hidden;}
.content .fl_1 .tit{padding-bottom: 60px;}
.content .fl_1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.content .fl_1 ul li{height: 350px;}
.content .fl_1 ul li .pic{width: 220px;height: 278px;background: url(../../images/vfx/canyin/fl1_1.png);background-size: cover;background-position: center;transition: all 0.3s ease;}
.content .fl_1 ul li:nth-child(2) .pic{background: url(../../images/vfx/canyin/fl1_2.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(3) .pic{background: url(../../images/vfx/canyin/fl1_3.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(4) .pic{background: url(../../images/vfx/canyin/fl1_4.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(5) .pic{background: url(../../images/vfx/canyin/fl1_5.png);background-size: 100%;}
.content .fl_1 ul li .pic span{display: block;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;padding-top: 44px;}
.content .fl_1 ul li p{display: flex;font-weight: 500;font-size: 16px;color: #010101;line-height: 24px;margin: 18px 0 0 34px;}
.content .fl_1 ul li p em{display: flex;align-items: center;justify-content: center;width: 25px;height: 25px;background: #4374FF;border-radius: 50%;font-weight: 500;font-size: 16px;color: #FFFFFF;margin-right: 8px;}
.content .fl_1 ul li:hover .pic{transform: scale(1.1);}
.content .fl_1 ul li:hover p{margin-top: 30px;color: #4374FF;}
.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;width: 490px;margin: 0 auto;}
.content .fl_2 ul li{width: 123px;height: 50px;}
.content .fl_2 ul li.on{display: block;border-bottom: 3px solid #2758F9;}
.content .fl_2 ul li span{display: block;text-align: center;font-weight: 500;font-size: 20px;color: #000000;}
.content .fl_2 ul li.on span{color: #2758F9;}
.content .fl_2 ul li span em{display: inline-block;width: 24px;height: 24px;background: url(../../images/vfx/canyin/fl2_li1.png);background-size: 100%;margin-right: 8px;vertical-align: -4px;}
.content .fl_2 ul li:nth-child(2) span em{background: url(../../images/vfx/canyin/fl2_li2.png);background-size: 100%;}
.content .fl_2 ul li:nth-child(3) span em{background: url(../../images/vfx/canyin/fl2_li3.png);background-size: 100%;}
.content .fl_2 .swiper{overflow: hidden;width: 1180px;} 
.content .fl_2 .swiper dl{width: 3540px;height: 573px;display: flex;justify-content: space-between;transition: all 0.5s ease;flex-direction: row;}
.content .fl_2 .swiper dl dd{width: 1180px;height: 573px;background: #FFFFFF;border-radius: 10px;}
.content .fl_2 .swiper dl dd h5{display: block;text-align: center;padding-top: 50px;font-weight: 500;font-size: 22px;color: #414143;}
.content .fl_2 .swiper dl dd p{display: block;text-align: center;font-weight: 400;font-size: 16px;color: #414143;line-height: 24px;margin-top: 22px;margin-bottom: 40px;}
.content .fl_2 .swiper dl dd img{display: block;margin: 0 auto;width: 839px;height: 359px;}


.content .fl_3{height: auto;overflow: hidden;}
.content .fl_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 698px;}
.content .fl_3 ul li{display: block;width: 152px;height: 112px;background: #FFFFFF;box-shadow: 0px 5px 18px 4px rgba(236,239,245,0.8);border-radius: 10px;margin-bottom: 30px;font-weight: 500;font-size: 18px;color: #414143;text-align: center;}
.content .fl_3 ul li em{display: block;margin: 24px auto 15px;width: 31px;height: 31px;background: url(../../images/vfx/canyin/fl3_ico1a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(2) em{background: url(../../images/vfx/canyin/fl3_ico2a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(3) em{background: url(../../images/vfx/canyin/fl3_ico3a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(4) em{background: url(../../images/vfx/canyin/fl3_ico4a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(5) em{background: url(../../images/vfx/canyin/fl3_ico5a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(6) em{background: url(../../images/vfx/canyin/fl3_ico6a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(7) em{background: url(../../images/vfx/canyin/fl3_ico7a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(8) em{background: url(../../images/vfx/canyin/fl3_ico8a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(9) em{background: url(../../images/vfx/canyin/fl3_ico9a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(10) em{background: url(../../images/vfx/canyin/fl3_ico10a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(11) em{background: url(../../images/vfx/canyin/fl3_ico11a.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(12) em{background: url(../../images/vfx/canyin/fl3_ico12a.png);background-size: 100%;}
.content .fl_3 ul li:hover{background: #2156EF;box-shadow: 0px 5px 25px 5px rgba(190,213,255,0.8);color: #FFFFFF;}
.content .fl_3 ul li:hover em{background: url(../../images/vfx/canyin/fl3_ico1b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(2):hover em{background: url(../../images/vfx/canyin/fl3_ico2b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(3):hover em{background: url(../../images/vfx/canyin/fl3_ico3b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(4):hover em{background: url(../../images/vfx/canyin/fl3_ico4b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(5):hover em{background: url(../../images/vfx/canyin/fl3_ico5b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(6):hover em{background: url(../../images/vfx/canyin/fl3_ico6b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(7):hover em{background: url(../../images/vfx/canyin/fl3_ico7b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(8):hover em{background: url(../../images/vfx/canyin/fl3_ico8b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(9):hover em{background: url(../../images/vfx/canyin/fl3_ico9b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(10):hover em{background: url(../../images/vfx/canyin/fl3_ico10b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(11):hover em{background: url(../../images/vfx/canyin/fl3_ico11b.png);background-size: 100%;}
.content .fl_3 ul li:nth-child(12):hover em{background: url(../../images/vfx/canyin/fl3_ico12b.png);background-size: 100%;}
.content .fl_3 a{margin-top:30px;}
.content .fl_3 .fr{display: block;width: 421px;height: 396px;background: url(../../images/vfx/canyin/fl3_pic.jpg);background-size: 100%;}


.content .fl_4{height: auto;overflow: hidden;background: #F9F9F9;}
.content .fl_4 .info1{display: flex;width: 1089px;height: 254px;background: #FFFFFF;border-radius: 10px;border: 1px dashed #F7682A;margin: 0 auto 40px;align-items: center;position: relative;}
.content .fl_4 .info1 .t1{display: block;width: 112px;height: 112px;background: #FF8854;border-radius: 50%;border: 1px solid #FFF1E9;font-weight: bold;font-size: 18px;color: #FFFFFF;text-align: center;margin: 0 42px;}
.content .fl_4 .info1 .t1 em{display: block;margin: 18px auto 4px;width: 42px;height: 42px;background: url(../../images/vfx/canyin/fl4_ico1.png);background-size: 100%;}
.content .fl_4 .info1 .t{margin-right: 60px;}
.content .fl_4 .info1 .t:nth-child(4){margin-right: 0;}
.content .fl_4 .info1 .t .top{width: 242px;height: 132px;background: #FFFFFF;box-shadow: 0px 3px 24px 2px rgba(242,242,242,0.8);border-radius: 10px;font-weight: 400;font-size: 16px;color: #282828;line-height: 26px;text-align: center;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;margin-bottom: 20px;}
.content .fl_4 .info1 .t .top em{display: block;margin: 15px auto 18px;width: 36px;height: 36px;background: url(../../images/vfx/canyin/fl4_ico2.png);background-size: 100%;}
.content .fl_4 .info1 .t:nth-child(3) .top em{background: url(../../images/vfx/canyin/fl4_ico3.png);background-size: 100%;}
.content .fl_4 .info1 .t:nth-child(4) .top em{background: url(../../images/vfx/canyin/fl4_ico4.png);background-size: 100%;}
.content .fl_4 .info1 .t h5{display: block;text-align: center;width: 242px;height: 40px;background: linear-gradient(90deg, #FF8C53 0%, #FFB370 100%);border-radius: 20px;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 40px;}
.content .fl_4 .info1 .t h5 em{display: inline-block;width: 20px;height: 20px;background: url(../../images/vfx/canyin/fl4_ico5.png);background-size: 100%;margin-right: 9px;vertical-align: -5px;}
.content .fl_4 .info1 .t:nth-child(3) h5 em{background: url(../../images/vfx/canyin/fl4_ico6.png);background-size: 100%;}
.content .fl_4 .info1 .t:nth-child(4) h5 em{background: url(../../images/vfx/canyin/fl4_ico7.png);background-size: 100%;}
.content .fl_4 .info1 i{display: block;position: absolute;top: 231px;left: 306px;width: 24px;height: 78px;background: url(../../images/vfx/canyin/fl4_arrow.png);background-size: 100%;}
.content .fl_4 .info1 i:nth-child(6){left: 614px;}
.content .fl_4 .info1 i:nth-child(7){left: 916px;}
.content .fl_4 .info1 i:nth-child(8){display: block;position: absolute;width: 62px;height: 18px;background: url(../../images/vfx/canyin/fl4_arrow2.png);background-size: 100%;top: 431px;left: 378px;}
.content .fl_4 .info1 b{display: block;position: absolute;width: 309px;height: 18px;background: url(../../images/vfx/canyin/fl4_arrow3.png);background-size: 100%;top: 431px;left: 556px;}
.content .fl_4 .info2{width: 1089px;height: 294px;background: #FFFFFF;border-radius: 10px;border: 1px dashed #2A42F7;margin: 0 auto;display: flex;align-items: center;}
.content .fl_4 .info2 .t1{display: block;width: 112px;height: 112px;background: #547CFF;border-radius: 50%;border: 1px solid #FFF1E9;font-weight: bold;font-size: 18px;color: #FFFFFF;text-align: center;margin: 0 42px;}
.content .fl_4 .info2 .t1 em{display: block;margin: 24px auto 13px;width: 34px;height: 33px;background: url(../../images/vfx/canyin/fl4_ico8.png);background-size: 100%;}
.content .fl_4 .info2 .n{width: 181px;height: 231px;background: #FFFFFF;box-shadow: 0px 3px 24px 2px rgba(235,235,235,0.8);border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.content .fl_4 .info2 .n:nth-child(4){margin-right: 60px;}
.content .fl_4 .info2 .pic{width: 168px;height: 284px;background: url(../../images/vfx/canyin/fl4_pic.png);background-size: 100%;margin: 8px 41px 0 34px;}
.content .fl_4 .info2 .n span{display: block;width: 156px;height: 35px;background: #F5F9FF;border-radius: 18px;border: 1px dashed #2A42F7;font-weight: bold;font-size: 16px;color: #225AE6;line-height: 35px;text-align: center;margin: 0 auto 20px;}
.content .fl_4 .info2 .n:nth-child(4) span{margin-bottom: 10px;}
.content .fl_4 .info2 .n:nth-child(5) span{background: linear-gradient(90deg, #4F78FD 0%, #8DB5FF 100%);border:none;color: #FFFFFF;}
.content .fl_4 .info2 .n:nth-child(5) span em{display: inline-block;width: 20px;height: 20px;background: url(../../images/vfx/canyin/fl4_ico9.png);background-size: 100%;margin-right: 7px;vertical-align: -4px;}
.content .fl_4 .info2 .n:nth-child(5)>div:nth-child(2) span em{background: url(../../images/vfx/canyin/fl4_ico10.png);background-size: 100%;}
.content .fl_4 .info2 .n:nth-child(5)>div:nth-child(3) span em{background: url(../../images/vfx/canyin/fl4_ico11.png);background-size: 100%;}
.content .fl_4 .info2 .n>div:last-child span{margin-bottom: 0;}