.ios_banner{ width: 815px; height: 400px; display: block; position: absolute; margin-left: 540px; margin-top: -604px; }
.ios_part1{ width: 100%; height: 780px; background-color: #f5f5f5;}
.part1_z{width: 700px; height: 189px;  font-family: MicrosoftYaHei-Bold;  font-size: 70px;   color: #18202b; margin: 0 auto; padding: 100px 0 20px 0;}
.part1_z1{width: 570px; height: 110px;  font-family: MicrosoftYaHei-Bold;  font-size: 46px;   color: #ff282a; margin: 0 auto; }
.part_t{ width: 1200px; height: 64px; border-bottom: solid #18202b 3px; margin: 0 auto;}
.part_t1{ width: 498px; height: 64px;  margin: 0 auto;}
.nav_part1_b{ width: 219px; height: 64px; background: url("../img/ios/1/subtitle_01.png"); font-family: MicrosoftYaHei; font-size: 26px; color: #fde101; line-height: 64px; text-align: center;float: left; margin-right: 30px;}
.nav_part1_b1{ width: 219px; height: 64px; background: url("../img/ios/1/subtitle_01.png"); font-family: MicrosoftYaHei; font-size: 26px; color: #fde101; line-height: 64px; text-align: center;float: left; margin-right: 30px;}
.part1_b{ width: 219px; height: 54px; background: url("../img/ios/1/subtitle_02.png"); font-family: MicrosoftYaHei; font-size: 26px; color: #ffffff; line-height: 54px; text-align: center;float: left; margin-right: 30px; margin-top: 10px;}
.part1_b1{ width: 219px; height: 54px; background: url("../img/ios/1/subtitle_02.png"); font-family: MicrosoftYaHei; font-size: 26px; color: #ffffff; line-height: 54px; text-align: center;float: left; margin-right: 30px; margin-top: 10px;}
.part1_xx{ width: 1200px; height: 324px; margin: 50px auto 0;}
.part1_xx1{ width: 1200px; height: 324px; display: block; position: absolute; }
.part1_xx2{ width: 1200px; height: 324px; display: block; position: absolute; display: none; }
.part1_xx1_t1{ width: 385px; height: 295px; display: block; margin-right: 20px; float: left;}
.part1_xx1_t2{ width: 385px; height: 295px; display: block; float: left;}
.part1_xx1_t3{ width: 792px; height: 324px; display: block; margin-right: 22px; float: left;}
.part1_xx1_t4{ width: 385px; height: 324px; display: block; float: left;}
.ios_part2{ width: 100%; height: 941px; background-color: #241a50;}
.part2_z{width: 700px; height: 189px;  font-family: MicrosoftYaHei-Bold;  font-size: 70px;   color: #ffffff; margin: 0 auto; padding: 100px 0 20px 0;}
.part2_z1{width: 570px; height: 110px;  font-family: MicrosoftYaHei-Bold;  font-size: 46px;   color: #fcef0a; margin: 0 auto; }
.part2_content{ width: 1200px; height: 620px; margin: 0 auto;}
.part2_content1{ width: 235px; height: 620px; float: left;}
.part2_content1_t{ width: 235px; height: 306px; padding-top: 52px;}
.part2_content1_b{ width: 235px; height: 306px;}
.part2_content1_bt{ width: 235px; height: 35px; font-size: 30px; text-align: center; color: #58c7c3; margin: 30px 0 20px 0; font-weight: bold;}
.part2_content1_bt_g{ width: 235px; height: 35px; font-size: 30px; text-align: center; color: #81c126; margin: 30px 0 20px 0; font-weight: bold;}
.part2_content1_bt_r{ width: 235px; height: 35px; font-size: 30px; text-align: center; color: #ff2828; margin: 30px 0 20px 0; font-weight: bold;}
.part2_content1_bt_rd{ width: 235px; height: 35px; font-size: 30px; text-align: center; color: #f34090; margin: 30px 0 20px 0; font-weight: bold;}
.part2_content1_bt_y{ width: 235px; height: 35px; font-size: 30px; text-align: center; color: #f2c43a; margin: 30px 0 20px 0; font-weight: bold;}
.part2_content1_bc{ width: 235px; font-size: 16px; text-align: center; line-height: 30px; color: #ffffff;}
.part2_content2_t{ width: 235px; height: 296px;}
.part2_content2_t_t{ width: 235px; height: 296px; padding-top: 90px;}
.part2_content2_b{ width: 235px; height: 306px;}
.ios_part3{ width: 100%;}
.part3_1{ width: 12px; height: 158px; display: block; position: absolute; margin-left: 405px;}
.part3_2{ width: 764px; height: 221px; display: block; position: absolute; margin-left: 449px; margin-top: 105px;}
.part3_3{ width: 548px; height: 141px; display: block; position: absolute; margin-left: 1250px; margin-top: 150px;}
.part3_content{ width: 1200px; height: 4100px; display: block; margin: 0 auto;  padding-top: 245px; }
.part3_c_l{width: 218px; height: 3824px; display: block; position: absolute;}
.part3_c_r{width: 1100px; height: 3824px; display: block; position: absolute; margin-left: 60px; padding-top: 135px;}
.part3_c_1_t{ width: 1100px; height: 68px;}
.part3_c_2_t{ width: 1100px; height: 68px; margin-top: 85px;}
.part3_c_3_t{ width: 1100px; height: 68px; margin-top: 120px;}
.z_1{ width: 109px; height: 68px;  font-size: 111px; display: block; position: absolute; font-family:"微软雅黑"; line-height: 48px; color: #222222;}
.z_2{ width: 358px; height: 68px; display: block; position: absolute; background-color: #ff2828; margin-left: 124px; font-size: 30px; color: #ffffff; line-height: 68px; text-align: center;}
.z_3{ width: 475px; height: 68px; display: block; position: absolute; background-color: #ff2828; margin-left: 124px; font-size: 30px; color: #ffffff; line-height: 68px; text-align: center;}
.z_4{ width: 415px; height: 68px; display: block; position: absolute; background-color: #ff2828; margin-left: 124px; font-size: 30px; color: #ffffff; line-height: 68px; text-align: center;}
.part3_c_1_t1{ margin-top:30px;}
.z_r{font-size: 26px; color: #ff2828; line-height: 30px;}
.z_b{ font-size: 20px; color: #666666; line-height: 35px;}
.ios_part4{ width: 100%; height: 869px; background-color: #17202c; margin-top: -31px;}
.part4_z{width: 800px; height: 189px;  font-family: MicrosoftYaHei-Bold;  font-size: 70px;   color: #ffffff; margin: 0 auto; padding: 100px 0 20px 0;}
.part4_z1{width: 390px; height: 110px;  font-family: MicrosoftYaHei-Bold;  font-size: 46px;   color: #fcef0a; margin: 0 auto; }
.zy-slide{
    /* 两个 section (前一张、后一张) 要做相对定位 */
    position: relative;
    width: 850px;
    height: 292px;
    margin: 0 auto;
    /*background-color: red;*/
    /* 799 - 754 = 45 */
}
.zy-slide ul{
    position: relative;
    width: 850px;
    height: 292px;

}
.zy-slide li{
    position: absolute;
    width: 0;
    height: 0;
    list-style: none;
    background-color: black;
    border-radius: 5px;
}
.zy-slide li img{
    width: 100%;
    height: 100%;
}