.zt img {
    width: 100%;
    display: block;
}

.main-w {
    width: 1200px;
    margin: 0 auto;
}
.zbox {
    padding: 30px 0 10px 0;
}
.zbox h1 {
    font-size: 30px;
    text-align: center;
}
.zbox .des {
    font-size: 16px;
    padding: 15px 115px;
    text-align: center;
    line-height: 1.5;
}
.zbox .des span ,.zbox h1 span {
    color: red;
}
.zxyy {
    background-color: #f1f1f1;
    padding: 35px 0;
    height: 50px;
}
.zxyy form {
    width: 96%;
    margin: 0 auto;
    font-size: 18px;
}
.zxyy form div {
    float: left;
    margin-left: 30px;
}
.zxyy form input {
    width: 330px;
    height: 40px;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid #7b7b7b;
    margin-top: 5px;
}
.zxyy form .sub {
    display: block;
    float: right;
    width: 200px;
    height: 50px;
    border-radius: 30px;
    text-align: center;
    line-height: 50px;
    background-color: #d92122;
    color: #fff;
    cursor: pointer;
}
.zbox ul li {
    float: left;
}
.ys ul li {
    float: left;
    width: 390px;
    height: 170px;
    border-radius: 5px;
    background-color: #fb342d;
    margin: 0 0 20px  15px ;
}
.ys ul li:nth-child(3n+1) {
    margin-left: 0;
}
.ys ul li .l {
    width: 20px;
    height: 76px;
    background: url("img/ys.png") no-repeat center;
    background-size: 100% 100%;
    font-size: 16px;
    font-weight: bold;
    color: #fb342d;
    text-align: center;
    padding: 5px 8px;
    line-height: 20px;
    position: relative;
    bottom: 5px;
    left: 22px;
}
.ys ul li .r {
    width: 290px;
    margin: 27px 0 0 30px;
    font-size: 16px;
    color: #fff;

}
.ys ul li .r h2 {
    font-size: 20px;
}
.ys ul li .r p {
    padding: 12px 0;
    height: 42px;
}
.ys ul li .r .btns {
    color: #d92122;
    text-align: center;
    height: 33px;
    width: 107px;
    line-height: 33px;
    background-color: #ffc600;
    border-radius: 5px;
    cursor: pointer;
}
.ts img {
    margin-bottom: 10px;
}
.wt {
    width: 100%;
    height: 827px;
    background-image: url('img/bg.jpg');
    color: #fff;
    padding:0 ;
}

.wt h1 {
    padding-top: 30px;
}
.wt ul li {
    width: 581px;
    height: 60px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 20px;
    line-height: 60px;
    overflow: hidden;
    color: #191919;
    margin: 0 0 10px 35px;

}

.wt ul li span {
    display: inline-block;
    background-color: #ffc600;
    color: #d92122;
    width: 146px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin-right: 30px;
}
.wt ul li:nth-child(2n+1) {
    margin-left: 0;
}
.wt ul li:nth-child(2n) span {
    background-color: #ff4e00;
    color:#fff;

}
.wt img {
    margin: 24px 0;
}
.wt .desbox span {
    padding: 0 130px;
}
.zbox .btn {
    width: 266px;
    height: 60px;
    background-color: #d92122;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    border-radius: 45px;
    margin: 30px auto;
    cursor: pointer;
}
.wt .btn {
    margin-top: 45px;
    color: #d92122;
    background-color: #ffc600;
}
.zy h1 {
    margin-bottom: 20px;
}
.zy ul li{ 
    width:286px; 
    float:left;
    font-size: 16px;
    margin: 0 0 20px 18px ; background-color: #f1f1f2;
    border-radius: 5px;
    overflow: hidden;
}

.zy ul li .img{ height: 180px; overflow: hidden;}
.zy ul li:nth-child(4n+1) {
    margin-left: 0; 
}
.zy ul li h2 {
    font-size: 20px;
    margin-top: 10px;
    color: #222121;
    text-align: center;
}
.zy ul li p {
    padding: 10px 0;
}
.zy ul li p span {
    color: #fb342d;
}
.zy ul li .con {
    width: 90%;
    margin: auto;
}
.zy ul li .con .btns a {
    display: inline-block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #fb342d;
    color: #fb342d;
    margin: 15px 0;
}
.zy ul li .con .btns a:nth-child(2) {
    color: white;
    background-color: #fb342d;
    margin-left: 20px;
}
.me {
    background-color: #f1f1f1;
    padding-bottom: 30px;

}
.me ul li {
    float: left;
    width: 380px;
    margin-left: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.me ul li:nth-child(1) {
    margin-left: 0;
}
.me h1 {
    margin-bottom: 20px;
}
.bmcj img {
    margin-top: 10px;
}
.bmcj {
    padding-bottom: 30px;
}

/* 任务驱动式五步教学法 */
.wbjxf {
    padding-bottom: 30px;
}
.wbjxf ul li {
    float: left;
    width: 230px;
    margin-left: 12px;
}
.wbjxf ul li:nth-child(1) {
    margin-left: 0;
}
.wbjxf ul li .num {
    width: 60px;
    height: 60px;
    background-color: #fb342d;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    top: 30px;
    margin: 0 auto;
}
.wbjxf ul li .des {
    padding: 40px 0 20px 0;
    background-color:#f1f1f1;
    text-align: center;
}
.wbjxf ul li .des h3 {
    font-size: 24px;
    color: #1c57ab;
    padding-bottom: 10px;
}
.wbjxf ul li .des p {
    font-size: 14px;
}
.wbjxf ul li img {
    margin-top: 10px;
}
.bmcj ul li {
    float: left;
    width: 286px;
    margin: 20px 0 0 18px;
    border-radius: 5px;
    overflow: hidden;
}
.bmcj ul li:nth-child(4n+1) {
    margin-left: 0;
}