.ykal_content .container_top{width: 100%; margin: 0 auto;}.ykal_content .container_top .top1{width: 80%; margin: 0 auto; margin-bottom: 40px; margin-top: 50px;}.ykal_content .container_top .top1 span{display: block; width: 24%; background-color: #3395f0; color: white; padding: 10px 10px; font-size: 33px; border-radius: 10px; float: left; box-sizing: border-box;}.ykal_content .container_top .top1 span a{color: white;}.ykal_content .container_top .top1 div{position: relative; width: 76%; height: 64px; float: left;}.ykal_content .container_top .top1 div::after{display: block; content: ''; position: absolute; width: 97%; border-bottom: 2px dashed #3395f0; top: 50%; left: 18px; transform: translateY(-50%);}.ykal_content .container_top .top1 p{float: left; margin: 0; margin-left: 12px; font-size: 20px; margin-top: 7px;}.ykal_content .container_top .top1::after{display: block; content: ''; clear: both;}.ykal_content .container_top .top2{margin-top: 70px; padding-left: 20px; width: 80%; margin: 0 auto;}.top2 .top2__box__common{padding-top: 0px; font-size: 18px; letter-spacing: 1px;}.top2 .top2__box__common .top2__box__common__num{font-size: 35px; font-weight: bold; color: #0F99DA; display: flex; align-items: center; justify-content: center; padding-bottom: 20px; margin-top: 40px;}.top2 .top2__box__common .top2__box__common__num__2{padding-bottom: 10px;}.top2 .top2__box__common .top2__box__common__text{margin-bottom: 20px; line-height: 30px;}.top2 .top2__box__common .top2__box__common__topSelect{color: #000; font-size: 24px; line-height: 24px; font-weight: bold; margin-left: 5px;}.top2 .top2__box__common .top2__box__common__h{font-size: 20px; font-weight: bold; color: #0F99DA; margin-bottom: 10px;}.top2 .top2__box__common .top2__box__common__flex{display: flex; flex-direction: row; justify-content: space-around;}.top2 .top2__box__common__text__way{width:45%; height: auto;}.top2 .top2__box__common__text__way>img{width: 100%; display: block;}.top2 .top2__box__common__flex__2{align-items: center; margin-top: 50px;}.top2 .top2__box__common__text__video{width: 40%; height: auto; /* background-color: #E1F5FF; */ border-radius: 20px; position: relative;}.top2 .top2__box__common__text__video>video{display: block; border-radius: 20px;}.top2__box__common__text__video__tit{position: absolute; font-size: 16px; color: #7a7a7a; bottom: -15%; left: 50%; transform: translate(-50%,0%);}.top2 .top2__box__common__text__process{width: 50%; /* height: 400px; */ /* background-color: blue; */ /* display: flex; */ /* flex-direction: column; */ /* justify-content: center; */}.top2 .top2__box__common__text__process__item{display: flex; align-items: center; /* margin-bottom: 30px; */ width: fit-content; height: auto; box-sizing: border-box; position: relative; /* border-left: #0F99DA 2px dotted ; */ border-left-style: dotted; border-left-width: 2px; border-left-color: #0F99DA; padding-bottom: 30px;}.top2 .top2__box__common__text__process__item__circle{width: 20px; height: 20px; border-radius: 50%; background-color: #0F99DA; margin-right: 15px; /* position: relative; */ line-height: unset; position: absolute; top: 25%; left: 0%; z-index: 400; transform: translate(-50%,0%);}/* .top2 .top2__box__common__text__process__item__circle__line{width:100px; height: 0; border-bottom: red 2px dashed; position: absolute; bottom: -100%; left: 50%; transform: translate(-50%,0%) rotate(90deg);} */.top2 .top2__box__common__text__process__item__text{width: fit-content; padding: 8px; padding-left: 30px; padding-right: 30px; background-color: #0F99DA; border-radius: 50px; color: #fff; font-size: 18px; margin-left: 40px;}.top2 .top2__box__common .top2__box__common__flex__3{/* height: 600px; */ width: 95%; margin: 0 auto;}.top2 .top2__box__common__text__left{width: 45%; background-color: #dedede; position: relative;}.top2 .top2__box__common__text__right{width: 55%; background-color: #dedede; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center;}.top2 .top2__box__common__text__right__item{text-align: left; font-size: 20px;}.top2 .top2__box__common__text__right .top2__box__common__text__right__p{width: fit-content; /* margin-top: 30px; */ /* margin-bottom: 30px; */ margin-top: 5px; margin-left: 10px; margin-bottom: 10px;}.top2 .top2__box__common__flex__4{width: 100%; /* height: 500px; */ margin: auto;}.top2 .top2__box__common__text__left >img{width: 100%; height: auto; display: block;}.top2 .top2__box__common__text__right__select{background-color: transparent; align-items: unset; margin-left: 30px; justify-content: flex-start; padding-top: 30px;}.top2 .top2__box__common__text__left__select{/* background-color: transparent; background-image: url('/skin/image/xiaojunqi.png') ; background-repeat: no-repeat; background-size: 100%; height: auto; background-position-y: center; */ height: fit-content;}.top2 .top2__box__common__text__left__tit{position: absolute; bottom:0%; left: 50%; transform: translate(-50%,0%); background-color: #0F99DA; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; opacity: 0.6; font-weight: bold; color: #000;}.top2 .top2__box__common__text__right__butt{padding: 25px; padding-top: 3px; padding-bottom: 3px; border-radius: 20px; background-color: #0F99DA; color: #fff; text-align: left; width: fit-content;}.top2 .top2__box__common__text__right__ad__p{margin-top: 30px; margin-bottom: 30px; text-align: left; width: fit-content; /* padding-left: 30px; */ /* position: relative; */ display: flex; align-items: flex-start;}.top2 .top2__box__common__text__right__ad__circle{width: 15px; height: 15px; border-radius: 10px; background-color: #0F99DA; margin-top: 10px; margin-right: 10px; /* position: absolute; top: 50%; left: 0%; transform: translate(25%,-50%); */}.top2 .top2__box__common__text__right__ad__text{flex: 3;}.top2 .top2__box__common__last{margin-bottom: 50px;}.top2 .video_mask{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center; opacity: 1; transition: all 2.2s; z-index: 9; border-radius: 20px; cursor: pointer;}.top2 .video_content{border-top-right-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; height: 100%; width: 100%;}.top2 .video_content video{width: 100%; height: 100%;}.top2 .video_mask__xd{}.top2 #video_mask2,.top2 #top_1_video2{border-radius:unset;}.ykal_content .container_top .top2 .top2_left{width: 17%; float: left;}.ykal_content .container_top .top2 .top2_left .top2_text{margin-bottom: 40px;}.ykal_content .container_top .top2 .top2_left .top2_text span{font-size: 28px; color: #3c3c3c;}.ykal_content .container_top .top2 .top2_left .top2_text p{color: #868686; margin: 0; margin-top: 5px;}.ykal_content .container_top .top2 .top2_left .top2_text:hover{border: 1px solid #3395f0;}.ykal_content .container_top .top2 .top2_right{width: 83%; background: #f3f3f3; float: left;}.ykal_content .container_top .top2 .top2_right li{width: 30%; margin: 0 auto; font-size: 18px; color: #3395f0; text-align: center; padding: 16px 0; display: block;}.ykal_content .container_top .top2 .top2_right li a{color: #3395f0;}.ykal_content .container_top .top2 .top2_right .case_1{width: 50%; float: left; margin-bottom: 25px; margin-top: 50px;}.ykal_content .container_top .top2 .top2_right .case_1 img{width: 87%; margin: 0 auto; display: block;}.ykal_content .container_top .top2 .top2_right .case_1 span{width: 95%; margin: 0 auto; background-color: #29a8db; color: white; font-size: 17px; text-align: center; padding: 16px 0; display: block;}.ykal_content .container_top .top2 .top2_right .case_1 span a{width: 100%; margin: 0 auto; background-color: #29a8db; color: white; font-size: 20px; text-align: center; display: block;}.ykal_content .container_top .top2::after{display: block; content: ''; clear: both;}.ykal_content .container_top .top3 span{display: block; width: 100%; text-align: center; font-size: 36px; background-color: #29a8db; color: white; padding: 7px 0; margin-bottom: 40px;}.ykal_content .container_top .top3 ul{width: 55%; margin: 0 auto;}.ykal_content .container_top .top3 ul li{margin: 20px 0; float: left; width: 50%; margin: 0 auto; list-style-type: disc;}.ykal_content .container_top .top3 ul li a{color: black; font-size: 20px;}.ykal_content .container_top .top3 ul::after{display: block; content: ''; clear: both;}.ykal_content .container_top .top3::after{display: block; content: ''; clear: both;}@media screen and (max-width: 1320px){.top2 .top2__box__common__text__right__ad__p{margin: 10px;} .top2 .top2__box__common__text__right__select{padding-top: 10px;} .top2 .top2__box__common__text__right{padding: 25px;}}@media screen and (max-width: 1024px){.top2 .top2__box__common .top2__box__common__flex__1{flex-direction: column;} .top2 .top2__box__common .top2__box__common__flex__1 .top2__box__common__text__way{width: 100%; margin-bottom: 5%;} .top2 .top2__box__common__text__right{padding: 10px;} .top2 .top2__box__common{padding-top: 30px;}}@media screen and (max-width: 768px){.top2 .video_content{border-radius: 0;}.ykal_content .container_top .top1{width: 92%; margin: 0 auto; margin-bottom: 30px; margin-top: 30px;}.ykal_content .container_top .top1 span{width: 24%; padding: 10px 10px; font-size: 12px;}.ykal_content .container_top .top1 div{width: 76%; height: 36px;}.ykal_content .container_top .top1 p{font-size: 12px;}.ykal_content .container_top .top2{margin-top: 48px; padding-left: 0; width: 90%;}.ykal_content .container_top .top2{margin-top: 48px; padding-left: 27px;}.ykal_content .container_top .top2 .top2_left{width: 22%;}.ykal_content .container_top .top2 .top2_left .top2_text span{font-size: 13px;}.ykal_content .container_top .top2 .top2_left .top2_text p{font-size: 11px;}.ykal_content .container_top .top2 .top2_right{width: 77%;}.ykal_content .container_top .top2 .top2_right .case_1{width: 99%; margin-bottom: 14px; margin-top: 6px;}.ykal_content .container_top .top2 .top2_right .case_1 span{font-size: 14px; padding: 7px 0;}.ykal_content .container_top .top3 span{padding: 10px 0; font-size: 20px;}.ykal_content .container_top .top3 ul{width: 80%;}.ykal_content .container_top .top3 ul li{margin: 7px 0; width: 100%;}.ykal_content .container_top .top3 ul li a{font-size: 13px;}.top2 .top2__box__common__text__process__none{display: none;}.top2 .top2__box__common__text__video{width: 100%;}.top2 .top2__box__common .top2__box__common__text{margin-bottom: unset; margin-top: 10px;}.top2 .top2__box__common .top2__box__common__num{padding-bottom: 10px; margin-top: 20px;}.top2 .top2__box__common__text__left{/* height: 500px; */ width: 100%; /* background-color: yellow; */ position: relative;}.top2 .top2__box__common__text__right{width: 100%; box-sizing: border-box;}.top2 .top2__box__common .top2__box__common__flex__3{display: flex; flex-direction: column; height:auto;}.top2 .top2__box__common .top2__box__common__text{display: flex; flex-direction: column; width: 100%;}.top2 .top2__box__common__text__process{margin-top: 80px; width: 100%;}.top2 .top2__box__common__text__left__select{background-color: transparent; height: auto;}.top2 .top2__box__common__text__right__select{width: 100%; margin-left: unset;}.top2 .top2__box__common__text__right__butt{margin-bottom: 10px; margin-top: 10px;}}@media screen and (max-width: 540px){.top2 .top2__box__common__1{padding-top:unset;} .top2 .top2__box__common .top2__box__common__text{font-size: 16px; margin-bottom: 5px; letter-spacing: initial;} .ykal_content .container_top .top2{padding-left: unset;} .top2 .top2__box__common__text__right .top2__box__common__text__right__p{margin-top: 5px; margin-bottom: 5px; font-size: 16px;} .top2 .top2__box__common__text__process__item__text{margin-left: 25px; font-size: 16px; padding: 13px; line-height: 20px;} .top2 .top2__box__common__text__process__item__last{padding-bottom: unset;} .top2 .top2__box__common__text__process__item__circle{width: 15px; height: 15px;} .top2 .top2__box__common__text__right__select{padding-left: unset !important; padding-right: unset !important;} .top2 .top2__box__common__text__right__ad__p{margin-left: unset; margin-right: unset;} .top2__box__common__text__video__tit{bottom: -15%;} .top2 .top2__box__common .top2__box__common__h{font-size: 18px;} .top2 .top2__box__common__text__right__ad__circle{width: 10px; height: 10px;} .top2 .top2__box__common .top2__box__common__topSelect{font-size: 22px; line-height: 22px;} .ykal_content .container_top .top2{margin-top: 25px;} .ykal_content .container_top .top2{width: 96%; padding-left: 3px; padding-right: 3px;} }