@charset "utf-8";


a {
    display: block;
}

.banner {
    position: relative;
}

.banner a {
    display: block;
    overflow: hidden;
    position: relative;
}


.banner ul li a img {
    width: 100%;
    display: block;
}

.banner-box {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);

    width: 90%;
}

.banner-tx {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(158, 191, 238, 0.59);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .2rem;
    border-radius: .24rem;
}

.banner-tx img {
    width: .31rem;
}


.banner-tx h3 {
    font-size: .26rem;
    font-weight: 500;
    color: #434343;
    position: relative;
    width: calc(100% - .31rem);
    padding-left: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.banner-tx h3::after {
    content: '';
    position: absolute;
    top: 50%;
    left: .2rem;
    width: 1px;
    height: .16rem;
    transform: translateY(-50%);
    background-color: #9EC6FF;
}

.banner-tq {
    background: rgba(52, 109, 191, 0.6);
    margin-bottom: .13rem;
    border-radius: 1.11rem;
    width: fit-content;
    padding: 0 .2rem;
}

.banner-tq span {
    font-size: .24rem;
    color: #FFFFFF;
    line-height: .55rem;
    display: inline-block;
}

.banner-tq span:last-child {
    padding-left: .2rem;
    margin-left: .2rem;
    position: relative;
}

.banner-tq span:last-child::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: .16rem;
    transform: translateY(-50%);
    background-color: #9EC6FF;
}

.banner-tq span img {
    width: .21rem;
    margin-right: .1rem;
}

/* index */

.s1 {
    padding: .4rem 0;
}


.s1-banner .slick-list {
    padding: 0 1.2rem !important;
}

.s1-banner .pic {
    padding-top: 103%;
    border-radius: 24px;

}

.s1-banner ul li {
    transform: scale(0.85);
    transition: all 0.5s;
}

.s1-banner ul li.slick-active {
    transform: scale(1);
}

.s1-banner ul li a {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    margin: 10px 0;
}

.s1-banner ul li.slick-active a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, transparent 30%, #036CD0 80%, #036CD0 100%);
    background-position: center bottom;
    z-index: 1;
}


.s1-banner ul li.slick-active a {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.s1-tx {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: .2rem .25rem;
    display: none;
}

.s1-banner ul li.slick-active .s1-tx {
    display: block;
}

.s1-tx h3 {
    font-size: .29rem;
    font-weight: 500;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}

.s1-tx p {
    font-size: .2rem;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: .15rem 0;
    line-height: 1;
}

.s1-tx span {
    display: block;
    font-size: .15rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: .28rem;
    border-radius: .2rem;
    padding: 0 .18rem;
    border: 1px solid #fff;
    width: fit-content;
}

.s1-banner {
    position: relative;
}

.s1-banner::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1.16rem;
    height: 100%;
    background: linear-gradient(to right, transparent 20%, #fff 100%);
    background-size: 100% 100%;
    z-index: 2;
}

.s1-banner::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.16rem;
    height: 100%;
    background: linear-gradient(to left, transparent 20%, #fff 100%);
    background-size: 100% 100%;
    z-index: 2;
}

.tit {
    position: relative;
    margin-bottom: 0.3rem;
}

.tit h3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    font-size: .36rem;
    font-weight: bold;
    color: #000000;
}

.tit h3 img {
    max-height: .4rem;
    margin-right: .12rem;
}

.s2-more a {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);

    font-size: .25rem;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0 .2rem;
    background: #E1CE93;
    line-height: .36rem;
    border-radius: 10px;
}

.s2 {
    margin: 0 .2rem;
    padding: .42rem;
    background: url(../images/s1-bg.png) no-repeat;
    background-size: 100% 100%;
}

.s2-tit {
    display: flex;
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: .45rem;
    overflow-x: auto;
    padding-bottom: .15rem;
}

.s2-tit b {
    width: auto;
    line-height: .5rem;
    text-align: center;
    font-size: .26rem;
    font-weight: 500;
    color: #888888;
    border-radius: .3rem;
    background: #DEE8F5;
    padding: 0 .3rem;
    margin-right: .25rem;
    cursor: pointer;
    flex-shrink: 0;
}

.s2-tit b.on {
    background: #1151AF;
    color: #ffffff;
}
.s2-lt ul{display: none;}
.s2-lt ul:first-child{display: block;}
.s2-lt li a h3 {
    font-size: .32rem;
    line-height: .42rem;
    max-height: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000000;
    margin-bottom: .18rem;
    font-weight: 600;
}

.s2-lt li a p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.s2-lt li a p b {
    font-size: .2rem;
    color: #B8921C;
    display: block;
    line-height: .42rem;
    font-weight: normal;
    border: 1px solid #CAB061;
    padding: 0 .22rem;
    border-radius: .11rem;
}

.s2-lt li a span {
    display: block;
    font-size: .22rem;
    color: #9E9E9E;
    /* right: 0; */
    /* position: absolute; */
    /* bottom: 0; */
    text-align: right;
}

.s2-lt li {
    padding: .25rem 0;
    /* margin-bottom: 20px; */
    border-bottom: 1px solid #EEEEEE;
}

.s2-lt li:last-child {
    border: none;
}

.s3 {
    margin: 0 .2rem;
    padding: .42rem;
    background: url(../images/s1-bg.png) no-repeat;
    background-size: 100% 100%;
}


.s3-top a h3 {
    font-size: .32rem;
    font-weight: 500;
    line-height: .42rem;
    max-height: .84rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000000;
    font-weight: 600;
}


.s3-top a h4 {
    font-size: .26rem;
    line-height: .4rem;
    max-height: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #999999;
    font-weight: normal;
    margin: .18rem 0;
}

.s3-top a p b {
    font-size: .2rem;
    color: #B8921C;
    display: block;
    line-height: .42rem;
    font-weight: normal;
    border: 1px solid #CAB061;
    padding: 0 .22rem;
    border-radius: .11rem;
}

.s3-top a p span {
    display: block;
    font-size: .22rem;
    color: #9E9E9E;
}

.s3-top a p {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.s3-lt h3 {
    font-size: .32rem;
    font-weight: 500;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .6rem;
    font-weight: 600;
}

.s3-lt span {
    display: block;
    text-align: right;
    font-size: .22rem;
    color: #9E9E9E;
}

.s3-lt ul li {
    padding: .25rem 0;
    border-top: 1px solid #EEEEEE;
}

.s3-lt {
    margin: .5rem 0;
}

.s3-bot ul li {
    margin-bottom: .22rem;
}

.s3-bot ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .25rem .35rem;
    background-color: #E6F0FF !important;
    background-size: .9rem !important;
    border-radius: .17rem;
}

.s3-bot ul li a .ico {
    margin-right: .34rem;
    width: .65rem;
    height: .65rem;
}

.s3-bot ul li a .ico img {
    width: 100%;
    height: 100%;
}

.s3-bot ul li a h3 {
    font-size: .3rem;
    font-weight: 500;
    color: #000000;
    font-weight: 600;
}
/* 首页 */
.index{padding-bottom: 1.4rem;}
.index::after{width: 100%;height: 8.75rem;background: url(../images/innbg.png) no-repeat top;background-size: 100% 100%;bottom: auto;top: 0;}

.banner-box2{width: 100%;padding: 0.3rem 0;}
.zw{justify-content: center;align-items: center;}
.zw span{display: inline-block;padding: 0 0.3rem;color: #fff;font-size: 0.48rem;font-weight: 600;text-align: center;}
.zw img{width: 1.52rem;}
.banner-box2 .ser{margin: 0.35rem 0;background: #fff;border-radius: 0.4rem;padding: 0 0.2rem;width: 100%;height: 0.8rem;}
.banner-box2 .ser input{width: calc(100% - 0.3rem);padding-right: 0.1rem;font-size: 0.28rem;color: #999;}
.banner-box2 .ser button{width: 0.3rem;}
.banner2{width: 100%;position: relative;padding: 0.3rem 0 1rem;}
.banner2 a{position: relative;}
.banner2 li img{width: 100%;}
.banner2 p{width: 90%;text-align: center;font-size: 0.4rem;color: #fff;font-weight: bold;line-height: 0.6rem;max-height: 1.2rem;margin: 0 auto;}

.banner2 .slick-dots{bottom: -0.5rem;display: flex;align-items: center;justify-content: center;}
.banner2 .slick-dots li{width: 0.12rem;height: 0.12rem;background: #fff;border-radius: 50%;margin: 0 0.1rem;opacity: .42;}
.banner2 .slick-dots li.slick-active{width: 0.3rem;opacity: 1;border-radius: 0.06rem;}
.banner2 .slick-dots li button{display: none;}

.home1{/* margin-top: -0.8rem; */background: rgba(255,255,255,.6);border-radius: 0.15rem;width: 100%;padding: 0.3rem 0;}
.home1::after{width: 1.43rem;height: 1.07rem;background: url(../images/h1bg.png) no-repeat;background-size: 100% 100%;bottom: 100%;left: auto;right: 0.3rem;}
.h1-t{margin-bottom: 0.3rem;}
.h1-t li{width: 25%;text-align: center;}
.h1-t li .img{width: 0.9rem;height: 0.9rem;margin: 0 auto;}
.h1-t li p{font-size: 0.28rem;color: #000;margin-top: 0.2rem;}
.h1-b .imged{padding-bottom: 30%;border-radius: 0.15rem;}


.h1-b .slick-dots{bottom: .2rem;display: flex;align-items: center;justify-content: center;}
.h1-b .slick-dots li{width: 0.1rem;height: 0.1rem;border-radius: 50%;margin: 0 0.1rem;opacity: 1;border: 1px solid #fff;}
.h1-b .slick-dots li.slick-active{background: #fff;}
.h1-b .slick-dots li button{display: none;}
.more1{justify-content: center;margin-top: 0.3rem;}
.more1 img{width:1.8rem;}
.s2-lt li .con{position: relative;display:flex;justify-content:space-between}
.s2-lt li .con p{justify-content:flex-start;}
.s2-lt li .con i{display: inline-block;font-style: normal;line-height: 0.34rem;padding: 0 0.15rem;background: #e1ce93;margin-left: 0.15rem;font-size: 0.22rem;color: #654f0b;}
.s2-lt li h3{/* display: block; *//* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */}
.h2-tit b{border-radius: 0;}
/* h3 */
.home3{padding: 0.3rem 0;}
.home3-t{padding: 0.3rem 0.1rem;background: #fff;border-radius: 0.15rem;}
.home3-t li{width: 50%;padding: 0 0.1rem;margin-bottom: 0.2rem;}
.home3-t li a{justify-content: center;height: 1.2rem;display: flex;align-items: center;/* padding-left: 0.35rem; */border-radius: 0.1rem;background-size: 100% 100% !important;}
.home3-t li a h3{font-size: 0.3rem;color: #333;line-height: 0.3rem;}

.home3-t li:last-child{width: 100%;}
.home3-t li:last-child a{padding-left: 0;text-align: center;justify-content: center;}
.home3-t li:nth-child(1) a{background: url(../images/h3bg1.png) no-repeat;}
.home3-t li:nth-child(2) a{background: url(../images/h3bg2.png) no-repeat;}
.home3-t li:nth-child(3) a{background: url(../images/h3bg3.png) no-repeat;}
.home3-t li:nth-child(4) a{background: url(../images/h3bg4.png) no-repeat;}
.home3-t li:nth-child(5) a{background: url(../images/h3bg5.png) no-repeat;}
.home3-t li:nth-child(6) a{background: url(../images/h3bg6.png) no-repeat;}
.home3-t li:nth-child(7) a{background: url(../images/h3bg7.png) no-repeat;}
.home3-t li:nth-child(8) a{background: url(../images/h3bg8.png) no-repeat;}
.home3-t li:nth-child(9) a{background: url(../images/h3bg9.png) no-repeat;}

.home4{padding-bottom: 0.3rem;}
.home4 a{border-radius: 0.15rem;}
.home4 img{width: 100%;}
/*  */
.home5{width: 100%;padding-bottom: 0.3rem;}
.mbg{background: #fff;padding: 0.3rem;border-radius: 0.15rem;}
.home6{width: 100%;padding-bottom: 0.3rem;}
.home6 ul{margin: 0 -0.15rem;border-bottom: 1px solid #ddd;}
.home6 li{width: 33.3%;padding: 0 0.15rem;margin-bottom: 0.3rem;}
.home6 li a{border: 1px solid #e6f0ff;}
.home6 li .imged{padding-bottom: 120%;}
.home6 li p{height: 0.6rem;line-height: 0.6rem;padding: 0 0.1rem;text-align: center;background: #e6f0ff;font-size: 0.26rem;color: #000;}
.home6 dl{padding-top: 0.3rem;margin: 0 -0.15rem;}
.home6 dl dt{width: 33.33%;padding: 0 0.15rem;}
.home6 dl dt a{height: 0.7rem;display: flex;align-items: center;justify-content: center;border-radius: 0.08rem;background: linear-gradient(to right, #5288de, #81acf0);color: #fff;font-size: 0.28rem;}
/*  */
.home7{width: 100%;padding-bottom: 0.3rem;}

.home7 .box{height: 2rem;border-radius: 0.05rem;width: 100%;background: url(../images/h7bg.jpg) no-repeat center/cover;padding: 0.3rem 0.25rem;position: relative;}
.home7 .box p{color: #fff;font-size: 0.28rem;line-height: 0.44rem;max-height: 1.32rem;}
.home7 .box a{color: #fff;opacity: .7;position: absolute;right: .25rem;bottom: 0.25rem;font-size: 0.26rem;} 
.home7 ul{margin: 0.4rem -0.09rem 0.2rem;}
.home7 li{width: 50%;padding: 0 0.09rem;margin-bottom: 0.2rem;}
.home7 li a{height: 1.6rem;border-radius: 0.05rem;background: #e6f0ff;text-align: center;padding: 0.2rem 0.1rem;}
.home7 li .ico{width: 0.7rem;height: 0.7rem;margin: 0 auto.1rem;}
.home7 li p{font-size: 0.3rem;color: #000;}
.home7 .more3 a{width: 100%;align-items: center;height: 1rem;border-radius: 0.5rem;background: #326bd4;color: #fff;font-size: 0.32rem;justify-content: center;}
.home7 .more3 img{display: inline-block;margin-right: 0.1rem;width:0.4rem;}