.banner {
}
li{list-style: none;}
.p1 {
    margin-bottom: 2rem;
}
.flex{display: flex;}
.btn{ width:20.5rem; height: 2.8rem; line-height: 2.8rem; color: #fff; background: #ff4200; font-size: 1.5rem; text-align: center;display: block; margin: 0px auto; border-radius: 2rem; box-shadow:darkgrey 2px 2px 5px 2px;}
.btnxd{ background: #ff5988!important; box-shadow:darkgrey 2px 2px 5px 2px;}
.btnxc{ background: #95260c!important; box-shadow:darkgrey 2px 2px 5px 2px;}
.p1 h1 {
    font-size: 1.75rem;
    text-align: center;
    color: #ff4200;
    line-height: 4.4rem;
    margin-bottom: 2rem;
}

.p1 .txt {
    position: relative;
    width: 30rem;
    margin: 0px auto;
    height: 4.65rem;
    background: repeating-linear-gradient(to right, #ff4200, #ff9c79);
    display: flex;
    color: #fff;
    margin-bottom: 3rem;
}
.p1 .txt::after {
    content: '';
    border-top: 4.65rem solid #fff;
    border-left: 2rem solid transparent;
    position: absolute;
    right: 0;
    top: 0;
}
.p1 .txt1 {
    position: relative;
    width: 30rem;
    margin: 0px auto;
    height: 4.65rem;
    background: repeating-linear-gradient(to right, #ff4200, #ff9c79);
    display: flex;
    color: #fff;
    justify-content:space-between;
    margin-bottom: 3rem;
}
.p1 .txt1::after {
    content: '';
    border-bottom: 4.66rem solid #fff;
    border-right: 2rem solid transparent;
    position: absolute;
    left: 0;
    top: 0;
}
.p1 .txt1 img{ width: 10.5rem; height:6.2rem; margin-top: -1.5rem; border-bottom-left-radius:.8rem;}
.p1 .txt img{ width: 10.5rem; height:6.2rem; margin-top: -1.5rem; border-bottom-right-radius:.8rem;}
.p1 .txt h2,.p1 .txt1 h2{font-size:1.25rem; padding-top: .7rem; line-height: 2rem; }
.p1 .txt h3,.p1 .txt1 h3{font-size: 1rem; font-weight: normal;}
.p1 .txt .t{ padding-left: 1rem;}
.p1 .txt1 .t{ padding-left: 2rem;}
.p2{ margin-bottom: 2rem;}
.p2 .txt{ background:#ff4200; text-align: center; color: #fff; padding: .8rem 0; margin-bottom: 1rem;}
.p2 .txt h1{font-size:1.75rem; margin-bottom: .25rem;}
.p2 .txt h2{font-size:1.5rem;}
.p2 .zylist{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.p2 .zylist .zy{ position: relative; width: 15rem; margin-bottom: 1rem;}
.p2 .zylist .zy .t{position:absolute; bottom: .25rem; font-size: .75rem; color: #ff4200;}

.p3{ margin-bottom: 2rem;}
.p3 .txt{ background:#ff5988; text-align: center; color: #fff; padding: .8rem 0; margin-bottom: 1rem;}
.p3 .txt h1{font-size:1.75rem; margin-bottom: .25rem;}
.p3 .txt h2{font-size:1.5rem;}
.p3 .zylist{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.p3 .zylist .zy{ position: relative; width: 15rem; margin-bottom: 1rem;}
.p3 .zylist .zy .t{position:absolute; bottom: .25rem; font-size: .75rem; color: #ff4200;}

.p4{ margin-bottom: 2rem;}
.p4 .txt{ background:#95260c; text-align: center; color: #fff; padding: .8rem 0; margin-bottom: 1rem;}
.p4 .txt h1{font-size:1.75rem; margin-bottom: .25rem;}
.p4 .txt h2{font-size:1.5rem;}
.p4 .zylist{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.p4 .zylist .zy{ position: relative; width: 15rem; margin-bottom: 1rem;}
.p4 .zylist .zy .t{position:absolute; bottom: .25rem; font-size: .75rem; color: #ff4200;}

.kcys{margin-bottom: 2rem;}
.kcys h1{ text-align: center; color: #ff4200; font-size:1.75rem; margin-bottom: 1.5rem;}
.kcys .kclist{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1rem;}
.kcys .kclist .kc{ width:9.85rem; text-align: center; color: #ff4200; font-size: 1rem; margin-bottom: 1rem; }
.kcys .kclist .kc p{ padding: .5rem 0;font-weight: bold;}

.ls{margin-bottom: 2rem;}
.ls h1{ text-align: center; color: #ff4200; font-size:1.75rem; margin-bottom: 1.5rem;}
.ls img{ margin-bottom: 1.2rem;}

.hj{margin-bottom: 2rem;}
.hj h1{ text-align: center; color: #ff4200; font-size:1.75rem; margin-bottom: 1.5rem;}
.hj .hjlist{display: flex;justify-content: space-around;}
.hj .hjlist .l{ width:13.5rem; }
.hj .hjlist .l img{ margin-bottom: 1rem;}
.hj .hjlist  .r{ width:16.2rem; }
.hj .hjlist .r img{ margin-bottom: 1.2rem;}

.jy{margin-bottom: 2rem;}
.jy h1{ text-align: center; color: #ff4200; font-size:1.75rem; margin-bottom: 1.5rem;}
.jy .jylist{display: flex; justify-content:space-around; color: #fff; flex-wrap: wrap; }
.jy .jylist li{ width:14.5rem; height: 5rem; background: #ff4200; border-radius: .8rem; text-align: center; margin-bottom: 1rem;}
.jy .jylist li:nth-child(2),.jy .jylist li:nth-child(3){background: #ffae00;!important;}
.jy .jylist li h2{font-size: 1.2rem; padding-top: 1rem;}
.jy .jylist li p{font-size: 1rem;}
.jy .img{width: 30.4rem; margin: 0px auto;}
.jy .img img{border-radius: 1rem;box-shadow:0 0 10px 1px #ec4e14; margin-bottom: 1rem;}

.xdf{margin-bottom: 2rem;}
.xdf h1{ text-align: center; color: #ff4200; font-size:1.75rem; margin-bottom: 1.5rem;}
.xdflist{ width:30rem; margin: 0px auto; margin-bottom: 1.5rem;}
.xdflist .menu{display: flex; justify-content: space-between; text-align: center; color: #fff; margin-bottom: 1rem;}
.xdflist .menu li{ width:6.6rem; height:1.6rem; background: #ffae00;font-size: 1rem;line-height: 1.6rem; border-radius: .5rem;}
.xdflist .menu .hover{ background: #ff4200;}
.imglist .img img{ margin-bottom: .35rem;}
.imglist .img {display: none;}