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

.banner{display: block;height: 400px;background-image: url(../../images/ydysc/bc/banner1.png), url(../../images/ydysc/bc/banner2.png);background-position:center top, center bottom;background-repeat: no-repeat;margin-top:0px;}

.banner span{display: block;font-weight: bold;font-size: 42px;color: #000000;padding-top: 110px;}
.banner p{display: block;font-weight: 500;font-size: 24px;color: #000000;margin-top: 20px;}

.banner a{display: block;width: 162px;height: 50px;background: #0E6AE8;border-radius: 5px;text-align: center;margin-top: 60px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;}



.tit{display: block;text-align: center;padding: 90px 0 50px;}
.tit span{display: block;font-weight: 400;font-size: 30px;color: #000000;}
.tit p{font-weight: 300;font-size: 14px;color: #737373;line-height: 24px;margin-top: 20px;}

.footer .f_bot .info .tit.on2{padding: 0;}

.btn_1{display: block;width: 266px;height: 45px;background: #0E6AE8;border-radius: 4px;font-weight: 400;font-size: 14px;color: #FFFEFE;line-height: 45px;text-align: center;margin-top: 70px;}

.btn_1::after{display: inline-block;content: "";width: 7px;height: 11px;background: url(../../images/ydysc/bc/btn_arrow.png);background-size: 100%;margin-left: 20px;}
.btn_2{display: block;width: 242px;height: 50px;background: #0768ED;border-radius: 5px;font-weight: 400;font-size: 14px;color: #FFFEFE;line-height: 50px;text-align: center;margin: 30px auto 0;}



.floor_1{height: auto;overflow: hidden;padding-bottom: 70px;}

.floor_1 img{display: block;width: 100%;height: 720px;}

.floor_2{height: 542px;overflow: hidden;background: url(../../images/ydysc/bc/fl2_bg.png)center top no-repeat;background-size: cover;}

.floor_2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 100px;}

.floor_2 ul li.on{background: none;width: 324px;}

.floor_2 ul li.on h5{font-weight: 400;font-size: 26px;color: #010101;padding-top: 25px;}

.floor_2 ul li.on h5 em{font-weight: 400;font-size: 26px;color: #3250E8;}

.floor_2 ul li.on h4{font-weight: 400;font-size: 14px;color: #7E7D7D;line-height: 24px;margin-top: 29px;}

.floor_2 ul li.info{width: 270px;height: 342px;background: #FFFFFF;border-radius: 4px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;padding-left: 35px;}

.floor_2 ul li.info img{display: block;width: 60px;height: 60px;margin: 30px 0 15px 0;}

.floor_2 ul li.info span{display: block;font-weight: 400;font-size: 16px;color: #000000;margin-bottom: 25px;}

.floor_2 ul li.info p{display: block;font-weight: 400;font-size: 14px;color: #898989;line-height: 22px;}

.floor_2 ul li.info a{display: block;font-weight: 400;font-size: 14px;color: #204EE2;margin-top: 30px;}

.floor_2 ul li.info a::after{display: inline-block;content: "";width: 16px;height: 12px;background: url(../../images/ydysc/bc/fl2_arrow.png);background-size: 100%;margin-left: 10px;}

.floor_2 ul li.info:hover{background: linear-gradient(208deg, #EBF1FF 0%, #FEFEFE 100%);}

.floor_2 ul li.info:hover span{color: #265CEB;font-weight: bold;}



.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../../images/ydysc/bc/fl3_bg.png) center top no-repeat;background-size: cover;}

.floor_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 85px;}

.floor_3 ul li.on{display: block;width: 324px;height: 340px;background: none}

.floor_3 ul li.info{width: 270px;height: 315px;background: #FFFFFF;box-shadow: 0px 3px 19px 1px rgba(233,237,244,0.2);border-radius: 4px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;padding-left: 35px;}

.floor_3 ul li.on h5{font-weight: 400;font-size: 26px;color: #FFFFFF;padding-top: 80px;}

.floor_3 ul li.on h5 em{font-weight: 400;font-size: 26px;color: #4682FA;}

.floor_3 ul li.on h4{font-weight: 400;font-size: 14px;color: #CACACA;line-height: 24px;margin-top: 29px;}

.floor_3 ul li.info img{display: block;width: 56px;height: 56px;margin: 34px 0 14px 0;}

.floor_3 ul li.info span{display: block;font-weight: 400;font-size: 16px;color: #000000;margin-bottom: 25px;}

.floor_3 ul li.info p{display: block;font-weight: 400;font-size: 14px;color: #7B7B7B;line-height: 22px;}

.floor_3 ul li.info:hover{background: linear-gradient(208deg, #EBF1FF 0%, #FFFFFF 100%);}

.floor_3 ul li.info:hover span{color: #265CEB;font-weight: bold;}

.floor_3 ul li.on a:after{margin-left: 130px;}




.floor_4{height: auto;overflow: hidden;padding-bottom: 90px;background: #F2F5FA;}

.floor_4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_4 ul li{display: block;width: 212px;height: 271px;background: #FFFFFF;border-radius: 4px;margin-bottom: 30px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;}

.floor_4 ul li:hover{box-shadow: 0px 3px 24px 1px rgba(216,230,254,0.8);}

.floor_4 ul li img{display: block;margin: 33px auto 15px;width: 60px;height: 60px;}

.floor_4 ul li span{display: block;text-align: center;font-weight: 400;font-size: 18px;color: #000000;}

.floor_4 ul li:hover span{font-weight: bold;}

.floor_4 ul li p{display: block;font-weight: 400;font-size: 14px;color: #898989;line-height: 24px;margin: 19px 0 0 28px;}



.floor_5{height: 185px;overflow: hidden;background: url(../../images/ydysc/bc/fl5_bg.png) center top no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}

.floor_5 span{display: block;font-weight: bold;font-size: 36px;color: #FFFFFF;margin-right: 50px;}

.floor_5 a{display: block;width: 153px;height: 50px;background: #FFFFFF;border-radius: 5px;text-align: center;font-weight: 400;font-size: 18px;color: #1C59E3;line-height: 50px;}