.sub-banner{width: 100%;height:450px;background-color: #eee;background-size:100% auto;background-repeat: no-repeat;background-position: center bottom;position: relative;overflow: hidden}
.sub-banner:after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,0.35);position: absolute;left: 0;top:0;z-index: 1;}
.sub-banner .text{width: 100%;position: relative;z-index: 2;padding: 15% 0 0 0}
.sub-banner .text h4{width: 100%;font-weight:600;font-size:50px;line-height:50px;margin-bottom:30px;color: #fff;}
.sub-banner .text p{width: 100%;font-size: 25px;font-weight: 400;line-height:30px;color:#fff;margin-bottom:50px;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .sub-banner .text h4{font-size:40px;line-height:45px;margin-bottom:20px;}
    .sub-banner .text p{font-size: 20px;line-height:28px;margin-bottom:40px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .sub-banner{height:300px;background-size:100% auto}
    .sub-banner .text{padding:10% 0 0 0}
    .sub-banner .text h4{font-size:30px;line-height:40px;}
    .sub-banner .text p{font-size: 15px;line-height:25px;margin-bottom:30px;}
}
@media screen and (max-width: 991px){
    .sub-banner{height:200px;margin-top:60px;background-color: #fff;background-position:right center;background-size:cover;background-repeat: no-repeat;position: relative}
    .sub-banner .text{padding:15% 0 20px 20px;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top:0}
    .sub-banner .text h4{font-size:2rem;line-height:2rem;margin-bottom:10px;color: #495057}
    .sub-banner .text p{font-size: 1.4rem;line-height: 2rem;color: #495057;margin-bottom:10px;width: 60%;display: none}
    .sub-banner .mobile{width: 100%;z-index: 1;position: relative}
    .sub-banner .mobile img{width: 100%;}
}

/*page-nav*/
.main{padding: 0!important;margin: 0!important;}
.main .page-nav{background-color:#fff;width: 100%;}
.main .page-nav .loc {line-height: 80px;color:#495057}
.main .page-nav .loc a{font-size: 18px;color:#495057;line-height: 80px;}
.main .page-nav .loc i{font-size: 1.6rem;margin-right: 10px;}
.main .page-nav .loc .icon-jiating-{font-size:2rem;}
.main .page-nav ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.main .page-nav ul li{line-height: 80px;font-size:18px;border-left: 1px solid #eee;}
.main .page-nav ul li a{color:#495057;font-weight:400;display: block;position: relative;text-align: center;line-height: 80px;}
.main .page-nav li a:hover,.main .page-nav li a.cur{color:#fff;font-weight: 500;background-color:var(--color-3);height: 82px}
.main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
    content: '';left: 50%;margin-left: -10px;bottom: -12px;position: absolute;z-index: 9;
    width:0;
    height:0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid var(--color-3);
}
@media (max-width: 1536px) {
    .main .page-nav .loc{line-height: 60px;}
    .main .page-nav .loc a{font-size: 16px;line-height:60px;}
    .main .page-nav ul li{font-size:16px;line-height:60px;}
    .main .page-nav ul li a{line-height: 60px;}
    .main .page-nav li a:hover,.main .page-nav li a.cur{height: 62px}
}
@media (max-width: 1440px) {
    .main .page-nav .loc a{font-size: 14px;}
    .main .page-nav ul li{font-size:14px;}
}

@media (max-width: 991px) {
    .main .page-nav{margin-bottom: 0;}
    .main .page-nav .container{flex-wrap: wrap;padding: 0;}
    .main .page-nav .loc{display: none}
    .main .page-nav .page-nav-ul{width:100%;order: 1;}
    .main .page-nav ul li{font-size:1.5rem;font-weight:500;padding: 0!important;}
    .main .page-nav ul li:first-child{border-left: none;}
    .main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
        margin-left: -6px;bottom: -6px;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:6px solid var(--color-3);
    }

}

.news{background-color:#f1f3f5;}
.page-nav .loc{width:35%;}
.page-nav .page-nav-ul{width:65%;}
.page-nav .page-nav-ul li{width:25%;}
@media (max-width: 1440px) {
    .page-nav .loc{width:30%;}
    .page-nav .page-nav-ul{width: 70%;}
    .page-nav .page-nav-ul li{width: 20%;}
}
@media (max-width: 992px) {
    .page-nav .loc{display: none}
    .page-nav .page-nav-ul{width: 100%;}
    .page-nav .page-nav-ul li{width:25%;}
}
.about{background-color:#f8f8f8;}
.about-left{width: 200px;padding: 50px 0;margin-right: 50px;}
.about-left-nav{background-color:#fff;}
.about-left-nav li{line-height:50px;padding: 0 20px;}
.about-left-nav li a{display: block;font-size: 16px;font-weight: 500;border-bottom: 1px solid #eee;}
.about-left-nav li:last-child a{border-bottom: none;}
.about-left-nav li:hover,.about-left-nav li.cur{background-color: var(--color-1);}
.about-left-nav li a:hover,.about-left-nav li.cur a{color: #fff;border-bottom: none;}
.about-right{width:calc(100% - 250px);margin: 50px 0;background-color: #fff;padding: 25px;}

.about h6{font-size: 17px;font-weight: 500;margin-bottom:15px;}
.about h5{font-size: 25px;font-weight: 600;margin-bottom:15px;margin-top:50px;}
.about h4{font-size: 25px;font-weight: 600;margin-bottom:15px;}

.about-title{border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 20px;}
.about-title h4{font-size: 35px;line-height: 45px;margin-bottom: 0;position: relative;padding-left: 20px;}
.about-title h4:after{content: '';width:5px;height:30px;position: absolute;left: 0;top:50%;margin-top: -15px;background-color: var(--color-1);}

.about .content{}
.about .content p{font-size: 15px;line-height:28px;font-family: "Microsoft YaHei";color:#495057;margin-bottom:10px;text-align: justify; }

.text-ul{width: 100%;}
.text-ul li{padding:18px;border: 1px solid #eee;position: relative}
.text-ul li p{font-size: 15px!important;line-height: 25px!important;margin-bottom: 0!important;text-align: justify;}
.text-ul li i{width: 25px;height: 25px;line-height: 25px;background-color: var(--color-1);text-align: center;position: absolute;top:-5px;left: -5px;border-radius: 50%;font-style: normal;color: #fff;font-size: 16px;}
.text-ul li b{font-size: 17px;margin-bottom:5px;display: block;position: relative;font-weight: 500}
.text-ul li b:after{content: '';width: 3px;height: 22px;background-color: var(--color-1);left: -18px;top:50%;margin-top: -11px;position: absolute}
.text-ul-3 li{width: 32.66%;}
.text-ul-4 li{width: 24.25%;}
.text-ul-5 li{width: 18.4%;}

.text-ul-list{padding: 18px;background-color: #f8f8f8;margin-bottom: 20px;}
.text-ul-list li{padding:0 10px;position: relative;}
.text-ul-list li p{font-size: 15px;line-height: 25px;font-family: MiSans;font-weight:500}
.text-ul-list li:after{content: '';width: 4px;height:4px;background-color: var(--color-1);position: absolute;left: 0;top:50%;margin-top: -2px;border-radius: 50%;}

.join-div{background-color: var(--color-1);text-align: center;padding: 20px;margin-top: 50px;}
.join-div h5,.join-div h6,.join-div p{color: #fff!important;text-align: center!important;}
.join-div p{font-size: 16px!important;margin-bottom:20px;}
.join-div h6{margin-bottom: 30px;}
.news-left{width: calc(100% - 380px);margin:50px 30px 50px 0;}
.news-right{margin: 50px 0;width: 350px;}
.news-img-ul{width: 100%;padding:20px;background-color: #fff;margin-bottom: 20px;}
.news-ul{width: 100%;background-color: #fff;padding:30px;margin-bottom: 20px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);
    box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);
}
.news-ul li{
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee
}
.news-ul li:last-child{border-bottom: none;}
.news-ul li a .time{
    display: block;height:80px;border-radius: 5px;overflow: hidden;
    width:80px;font-size: 14px;line-height:25px;color:#495057;text-align: center;font-family: "Microsoft YaHei";
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: all 0.5s;
}
.news-ul li a .time span{font-size:45px;line-height:55px;color: #FFF;background-color:var(--color-2);
    text-align: center;height:55px;display: block;font-family: MiSans}
.news-ul li .img{width: 200px;height: 125px;background-color: #eee;background-position: center;background-size:contain;}
.news-ul li .info{width:calc(100% - 220px);}
.news-ul.noimg li .info{width: calc(100% - 110px)}
.news-ul li .info h4{font-size: 18px;line-height: 30px;color: #495057;position: relative;font-weight:600;margin-bottom:5px;}
.news-ul li .info p{color:#868e96;font-size: 14px;line-height: 22px;font-family: "Microsoft YaHei"}
.news-ul li a:hover .info h4{color:var(--color-3);}
.news-ul li a:hover .info span{
    border: none;
    background-image:-webkit-linear-gradient(125deg, var(--color-3),var(--color-5));
    background-image:linear-gradient(125deg, var(--color-3),var(--color-5));
    box-shadow: 0 10px 25px -5px rgba(25,113,194,0.5);
    -webkit-box-shadow: 0 10px 25px -5px rgba(25,113,194,0.5);
    color: #fff;
}
@media (max-width: 1440px) {
}
@media (max-width: 991px) {
    .news-ul{margin:20px 0;padding: 0 20px;}
    .news-ul li{width: 100%;margin-right: 0;margin-bottom:15px;
        border:none;
        box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
        -webkit-box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
        -moz-box-shadow: 5px 6px 1px rgba(0,0,0,0.03);
        border-bottom: none;
        background-color: #fff;
    }
    .news-ul li:last-child{margin-bottom: 0;}
    .news-ul li a{padding:20px 10px;}
    .news-ul li .time{width: 22%;}
    .news-ul li .time:after{left:20px;}
    .news-ul li .time span{font-size:4rem;line-height:3.5rem;margin-bottom:5px;}
    .news-ul li .time p{font-size: 1.2rem;font-weight: 600;}
    .news-ul li .info{width:78%;}
    .news-ul li .info h4{font-size: 1.4rem;margin-bottom:5px;line-height: 2.2rem;font-weight: 500;}
    .news-ul li .info h4:after{content: '';width: 30px;height: 2px;background-color:var(--color-3);position: absolute;left: 0;bottom: -15px;}
    .news-ul li .info p{font-size:1.2rem;line-height:1.8rem;margin-bottom: 10px;}
    .news-ul li .info span{width:80px;line-height:28px;font-size:1.1rem;}
    .news-ul li .info span i{font-size:1rem;margin-left:5px;}
}

/*shownews*/
.shownews{padding:100px 0 50px 0;background-color: #f8f9fa}
.shownews .loc{margin: 0 auto 15px auto;padding: 0;width: 100%;font-size: 16px;line-height: 30px;color: #868e96;position: relative;text-align: left}
.shownews .loc a{color: #868e96;}
.shownews .loc i{font-size: 1.8rem;margin-right: 2px;}
.shownews .loc .icon-jiating-{font-size: 2rem;}
.shownews .loc .icon-reply{font-size:2.5rem;margin-left: 5px;position: relative;top:3px;}
.shownews .loc .back{position: absolute;right: 0;}
.shownews .new_right{margin-top:25px}
.shownews .new_right{padding:30px 0 0 0;}
.shownews .new_right .title{margin-bottom:5px;padding-top:10px;}
.shownews .info{
    background-color: #fff;padding:30px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);
    box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);
}
.shownews .shownews-title{font-size: 30px;color:#495057;font-weight: 600;margin-bottom: 10px;}
.shownews .shownews-info{font-size: 16px;color: #868e96;border-bottom: 1px dashed #ddd;margin: 0 0 10px 0;padding: 10px 0 20px 0;}
.shownews .shownews-info span{margin: 0 10px 0 0;}
.shownews .shownews-cont{padding: 30px 0;font-size:18px;line-height: 36px;color:#495057;}
.shownews .shownews-cont p{margin: 10px 0;font-size:18px;line-height: 36px;color:#495057;}
.shownews .shownews-cont img{max-width: 100%;width: auto;height: auto;margin: 20px auto;display: block;}
@media screen and (max-width: 1440px) {
    .shownews .shownews-title{font-size: 25px;}
    .shownews .shownews-info{font-size: 14px;padding: 10px 0;}
    .shownews .shownews-cont{padding: 20px 0;font-size:15px;line-height: 25px;}
    .shownews .shownews-cont p{font-size:15px;line-height: 25px;}
}
@media screen and (max-width: 992px) {
    .shownews{padding:50px 0 0 0;}
    .shownews .container{padding:0!important;width: 100%;}
    .shownews .new_right{padding: 0 20px;margin-top: 0}
    .shownews .new_left{padding:20px 0;margin-bottom:0;}
    .shownews .loc{width: 100%;margin:10px auto;padding: 0 20px;font-size: 1.3rem;line-height: 2.2rem;display: block}
    .shownews .loc a{margin-left:0;font-size: 1.3rem;}
    .shownews .loc i{font-size: 1.3rem;margin-right: 1px;}
    .shownews .loc .back{position: absolute;right: 20px;font-size: 1.3rem;}
    .shownews .info{width: 100%;padding:20px 30px;}
    .shownews .shownews-title{font-size:2.2rem;line-height:3rem;font-weight:600;padding-right: 0}
    .shownews .shownews-info{font-size: 1.5rem;}
    .shownews .shownews-cont{padding:0!important;width: 100%!important;font-size:1.5rem!important;line-height:2.2rem!important;color:#868e96!important;}
    .shownews .shownews-cont p{font-size:1.5rem!important;line-height:2.5rem!important;color:#868e96!important;display: block;width: 100%;}
    .shownews .shownews-cont img{max-width: 100%;width: 100%;margin: 0 auto;}
    .shownews .shownews-cont p{padding: 8px 0;font-size: 1.5rem!important;line-height:2.5rem!important;text-indent: 0 !important;}
    .shownews .shownews-cont p span{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .shownews-cont img{width: 100%!important;}
    .shownews .shownews-cont p img{width: 100%!important;}
    .shownews .shownews-cont p span img{width: 100%!important;}
    .shownews .shownews-cont p strong{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .hot-ul{margin-bottom: 0}
}
.bottom-btn{padding:20px 0;border-top: 1px dashed #ddd;}
.bottom-btn a{width: 50%;display: block;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;line-height: 32px;color:#495057;font-weight: 500;}
.bottom-btn a:hover{color:#495057;}
.bottom-btn a i{font-size: 2.5rem;color: #999;margin-right:10px;display: inline-block;vertical-align:middle;}
.bottom-btn a:last-child i{margin-right: 0;margin-left: 10px;}
.share-div{margin: 30px auto;text-align: left;padding: 0;}
.share-2{padding: 0;}
@media screen and (max-width: 992px) {
    .bottom-btn{padding:0;height: auto;line-height:2rem;border-top:none;}
    .bottom-btn a{width: 100%;font-size:1.4rem;line-height:2.2rem;margin-bottom: 10px;}
    .bottom-btn a:hover{}
    .bottom-btn a:nth-child(2n){text-align: left;}
    .bottom-btn a i{display: none;}
    .share-div{margin: 20px auto;width: 100%;}
}

.hot-ul{
    background-color: #fff;display: block;
    padding:20px;margin-bottom: 30px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);
    box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);
}
.hot-ul li{border-bottom: 1px solid #eee;margin-bottom:15px;padding-bottom:15px;}
.hot-ul li:last-child{border-bottom: none;margin-bottom: 0;}
.hot-ul li a{position:relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
}
.hot-ul li a b{display: inline-block;font-weight: 500;width: 25px;height: 25px;line-height: 25px;background-color: var(--color-2);border-radius: 50%;text-align: center;font-size: 14px;color: #fff;}
.hot-ul li a b{
    --initial-opacity: 0.9;
    --opacity-decrease: 0.05;
    opacity: calc(var(--initial-opacity) - (var(--opacity-decrease) * (n - 1)));
}

/* 为每个 li 元素设置 n 的值 */
.hot-ul li:nth-child(1) a b{--n: 1;}
.hot-ul li:nth-child(2) a b{--n: 2;}
.hot-ul li:nth-child(3) a b{--n: 3;}
.hot-ul li:nth-child(4) a b{--n: 4;}
.hot-ul li:nth-child(5) a b{--n: 5;}
.hot-ul li:nth-child(6) a b{--n: 6;}
.hot-ul li:nth-child(7) a b{--n: 7;}
.hot-ul li:nth-child(8) a b{--n: 8;}
.hot-ul li a h6{
    width:calc(100% - 35px);
    font-size:14px;line-height: 22px;color:#495057;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hot-ul li a:hover h6{color:var(--color-2);}

.news-title{margin-bottom:15px;}
.news-title h4{font-size:25px;color:#495057;font-weight: 550;}
.news-title h4 i{font-size: 3rem;color:var(--color-1);line-height: 2.5rem;}
@media screen and (max-width: 992px){
    .news-title h4{font-size:2rem;}
    .news-title h4 i{font-size:2rem;}
}
.new_left{width: calc(98% - 300px);margin-right: 2%;margin-top: 50px;margin-bottom:50px;}
.new_right{width:300px;margin-top: 50px;}
@media screen and (max-width: 992px) {
    .new_left {width: 100%;margin-right: 0;padding: 0 20px;margin-top: 0;margin-bottom: 0}
    .new_right {width: 100%;padding: 0 20px;margin-bottom: 20px;margin-top: 20px}
}

.news-list-ul{
    background-color: #fff;padding:20px;margin-bottom: 30px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);
    box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);
}
.news-list-ul li{padding:10px 10px 10px 15px;border-bottom: 1px dashed #ddd;position: relative;}
.news-list-ul li:after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #dee2e6;position: absolute;left: 0;top:50%;margin-top: -3px;}
.news-list-ul li:last-child{border-bottom: none;}
.news-list-ul li a{font-size: 15px;color:#495057;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.news-list-ul li a:hover{color:var(--color-3)}
.news-list-ul li a i{width: 30px;display: inline-block}
@media screen and (max-width: 992px){
    .news-list-ul{;margin-bottom: 10px;}
}


.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{width:800px; height:450px;position:fixed; left:50%; top:50%; margin:-225px 0 0 -400px;text-align: center;background-color:rgba(0,0,0,0.95);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);display:none; z-index:100000;}
.tc_video video{ width:auto!important;height:100%;}
.tc_video p iframe{width:100%; height:100%;}
@media  screen and (max-width:991px){
    .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;}
}
@media  screen and (max-width:767px){
    .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
}




/*模板样式*/
.left{text-align:left!important;}
.center{text-align: center!important;}
.right{text-align: right!important}
.block{display: block!important;width: 100% !important}
.bold{font-weight: bold!important;}
.pos-abs{position: absolute;}
.pos-rel{position: relative;}
.wp-100{width: 100%!important;}
.wp-90{width: 90%!important;}
.wp-85{width: 85%!important;}
.wp-80{width: 80%!important;}
.wp-75{width: 75%!important;}
.wp-70{width: 70%!important;}
.wp-65{width: 65%!important;}
.wp-60{width: 60%!important;}
.wp-55{width: 55%!important;}
.wp-50{width: 50%!important;}
.wp-45{width: 45%!important;}
.wp-40{width: 40%!important;}
.wp-35{width: 35%!important;}
.wp-30{width: 30%!important;}
.wp-25{width: 25%!important;}
.wp-20{width: 20%!important;}
.wp-15{width: 15%!important;}
.wp-10{width: 10%!important;}
.ai-ce{align-items: center}
.ai-fs{align-items: flex-start}

.p-5{padding: 5px 0!important;}
.p-10{padding: 10px 0!important;}
.p-20{padding: 20px 0!important;}
.p-30{padding: 30px 0!important;}
.p-40{padding: 40px 0!important;}
.p-50{padding: 50px 0!important;}
.p-60{padding: 60px 0!important;}
.p-80{padding: 80px 0!important;}
.p-100{padding: 100px 0!important;}
.m-b-0{margin-bottom:0!important;}
.m-b-5{margin-bottom:5px!important;}
.m-b-10{margin-bottom: 10px!important;}
.m-b-20{margin-bottom: 20px!important;}
.m-b-30{margin-bottom: 30px!important;}
.m-b-40{margin-bottom: 40px!important;}
.m-b-50{margin-bottom: 50px!important;}
.m-b-60{margin-bottom: 60px!important;}
.m-b-70{margin-bottom: 70px!important;}
.m-b-80{margin-bottom: 80px!important;}
.m-b-90{margin-bottom: 90px!important;}
.m-b-100{margin-bottom: 100px!important;}
.p-left{left: 0;right: unset;}
.p-right{left:unset;right: 0;}

.padding-left-50{padding-left: 50px!important;}
.padding-right-50{padding-right: 50px!important;}
.padding-left-100{padding-left: 100px!important;}
.padding-right-100{padding-right: 100px!important;}
.padding-top-10{padding-top: 10px!important;}
.padding-top-20{padding-top: 20px!important;}
.padding-top-30{padding-top: 30px!important;}
.padding-top-40{padding-top: 40px!important;}
.padding-top-50{padding-top: 50px!important;}
.padding-top-100{padding-top: 100px!important;}
.padding-0{padding: 0!important;}
.padding-10{padding: 10px!important;}
.padding-20{padding: 20px!important;}
.padding-30{padding: 30px!important;}
.padding-40{padding: 40px!important;}
.padding-50{padding: 50px!important;}
.ul-3{}
.ul-3 li{width: 32%!important;}