.sub-banner{background-color:#f1f3f5;width: 100%;height:500px;background-size:cover;background-repeat: no-repeat;background-position: center bottom;position: relative;margin-top:65px;overflow: hidden}
.case .sub-banner{height: 350px;background-position:center top}
.sub-banner .container{position: relative;z-index: 2;}
.sub-banner .container .text{padding: 12% 0 0 0}
.case .sub-banner .container .text{padding: 5% 0 0 0}
.sub-banner .container h4{width: 100%;font-size:40px;font-weight: 600;line-height:50px;margin-bottom:20px;color: #222;text-transform: uppercase;}
.sub-banner .container p{width: 100%;font-size: 20px;font-weight: 400;line-height:30px;color:#222;text-transform: uppercase;margin-bottom:50px;}
@media screen and (max-width: 1440px){
    .sub-banner{height:400px;background-size:cover;}
    .case .sub-banner{height: 250px;}
    .sub-banner .container h4{font-size:30px;line-height:40px;margin-bottom:10px;}
    .sub-banner .container p{font-size: 18px;}
}
@media screen and (max-width: 991px){
    .sub-banner{height:auto;margin-top:60px;background-position:left center;background-size:120% auto;background-repeat: no-repeat;position: relative}
    .sub-banner .container .text{padding:10% 0 20px 20px;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top:0}
    .sub-banner .container h4{font-size:2.2rem;line-height:2.2rem;margin-bottom:10px;color: #495057}
    .sub-banner .container p{font-size: 1.5rem;line-height: 2.5rem;color: #495057;margin-bottom:10px;}
    .sub-banner .mobile{width: 100%;z-index: 1;position: relative}
    .sub-banner .mobile img{width: 100%;}
}

/*page-nav*/
.main{padding: 0;margin: 0;position: relative}
.page-nav{background-color:rgba(255,255,255,0.75);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);width: 100%;position:absolute;bottom: 0;z-index: 9}
.page-nav .loc {line-height:60px;color:#495057}
.page-nav .loc a{font-size: 18px;color:#495057;line-height:60px;}
.page-nav .loc i{font-size: 1.8rem;margin-right: 10px;}
.page-nav .loc .icon-jiating-{font-size:2rem;}
.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;
}
.page-nav ul li{line-height:60px;font-size:18px;border-left: 1px solid #fff}
.page-nav ul li:first-child{border-left: none;}
.page-nav ul li a{color:#495057;font-weight:400;display: block;position: relative;text-align: center;line-height:60px;}
.page-nav li a:hover,.page-nav li a.cur{color:#fff;font-weight: 500;height: 62px;position: relative;background-color:var(--color-2) }
.page-nav .loc{width:50%;}
.page-nav .page-nav-ul{width:50%;}
.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: 991px) {
    .page-nav{top:0;}
    .page-nav .container{flex-wrap: wrap;padding: 0;}
    .page-nav .loc{display: none}
    .page-nav .page-nav-ul{width:100%;order: 1;}
    .page-nav ul li{font-size:1.4rem;font-weight:500;padding: 0!important;line-height:50px;}
    .page-nav ul li:first-child{border-left: none;}
    .page-nav ul li a{line-height:50px;}
    .page-nav li a:hover,.page-nav li a.cur{height:50px;}
    .page-nav .loc{display: none}
    .page-nav .page-nav-ul{width: 100%;}
    .page-nav .page-nav-ul li{width:100%;}
    .page-nav .page-nav-ul li a{font-size: 1.6rem;font-weight: 500;}
}

.about{background-color: #fff;}
.about-text{position: relative;padding:100px 0 80px 0;display: flex;flex-wrap: wrap}
.about-text .section-title{width: 100%;margin-bottom: 30px;}
.about-text .info {width: 45%;}
.about-text .info p{font-size: 18px;line-height:36px;font-weight: 300;text-align:justify; text-justify:inter-ideograph;margin-bottom: 30px;}
.about-text .img{width:45%;text-align: center;position: relative;background-color:#f1f3f5;border-radius: 100px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
.about-text .img:after{content: '';position: absolute;width: 100%;height: 100%;background-color:#f1f3f5;z-index:1;top:-12px;left:-12px;border-radius: 100px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
.about-text .img:before{content: '';position: absolute;width: 100%;height: 100%;background-color:#e9ecef;z-index:2;top:-22px;left:-22px;border-radius: 100px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
.about-text .img img{width: 100%;position: relative;z-index: 5;bottom: 12px;right:12px;border-radius: 100px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
@media (max-width: 1440px) {
    .about-text .info p{font-size:15px;line-height:30px;margin-bottom: 20px}
}
@media screen and (max-width: 992px){
    .about{background-color:#f1f3f5}
    .about-text{padding:50px 10px 0 10px;grid-template-columns: 100%;grid-template-rows:1fr;}
    .about-text .info{width: 100%;order:1;margin-bottom: 10px;}
    .about-text .info p{font-size: 1.5rem;line-height:2.5rem;}
    .about-text .img{width: 100%;text-align:center;order:2;margin-bottom: 50px;}
    .about-text .img img{max-width:100%;}
}

.about-img-info{padding:80px 0;background-color: #f8f9fa;border-top-right-radius: 200px;height: auto!important;}
.about-img-info-ul{width: 100%;height: auto!important;}
.about-img-info-ul li{width: 49%;
    padding: 30px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 2px solid #fff;
    background-color: rgba(255,255,255,.7);
    box-shadow: 0 20px 35px 0 rgba(0,0,0,.08);
    border-radius:12px;overflow: hidden;
}
.about-img-info-ul li .img{width: 100%;display: none}
.about-img-info-ul li .img img{width: 100%;}
.about-img-info-ul li .info{padding: 20px 0;}
.about-img-info-ul li .info h6{font-size: 30px;font-weight: 600;margin-bottom: 20px;position: relative;}
.about-img-info-ul li .info h6:after{content: '';width: 5px;height: 100%;background-color: var(--color-3);left: -31px;top:0;position: absolute;}
.about-img-info-ul li .info p{font-size: 18px;font-weight: 300;line-height: 36px;}

/*about-sb*/
.about-sb{padding:100px 0 50px 0;}
.about-sb .swiper-container{padding:30px 0;width: 100%;height: auto!important;}
.about-sb .swiper-wrapper{width: 100%;padding: 0 150px;height: auto!important;}
.about-sb .swiper-slide {width:50%;transition-timing-function:linear;margin-bottom: 30px;}
.about-sb .swiper-slide img{width:100%;border-radius:15px;}
@media only screen and (max-width:1680px){
    .about-sb .swiper-wrapper{padding: 0 100px;}
}
@media only screen and (max-width:1440px){
    .about-sb .swiper-wrapper{padding: 0 80px;}
}
@media only screen and (max-width:992px){
    .about-sb{padding:10px 0;}
    .about-sb .section-title{padding:30px 10px 0 10px;}
    .about-sb .swiper-container{width: 100%;padding:20px 0 40px 0;}
    .about-sb .swiper-wrapper{width: 100%;}
    .about-sb .swiper-slide {width:320px;}
    .about-sb .swiper-slide img{ width:100%;border: 8px solid #fff;border-radius:30px;}
}
.about-sb .swiper-button-next, .swiper-button-prev{
    width:80px;
    height:100px;
    background-size:86px 112px;
    margin-top:-40px;
    outline:none;
    font-size: 0;
    color: transparent;
}
@media only screen and (max-width:992px){
    .about-sb .swiper-button-next, .swiper-button-prev{
        width:40px;
        height:50px;
        background-size:43px 56px;
        margin-top:-20px;
    }
}
.about-sb .swiper-button-next{background-image: url(../images/next.svg)}
.about-sb .swiper-button-prev{background-image: url(../images/prev.svg)}
.about-sb .swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    width:12px;
    height:12px;
    position:relative;
    outline:none;
    vertical-align:middle;}
.about-sb .swiper-pagination-bullet span{
    width:5px;
    height:5px;
    background:#868e96;
    display:block;
    border-radius:50%;
    margin-top:3px;
    margin-left:3px;
}
.about-sb .swiper-pagination-bullet i{
    background:var(--color-2);
    height:1px;
    width:20px;
    position:absolute;
    top:4px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
}
.about-sb .swiper-pagination-bullet-active span,.about-sb .swiper-pagination-bullet:hover span{
    width:9px;
    height:9px;
    margin-top:0;
    margin-left:0;
    background:var(--color-4);
    position:relative;
    z-index:1;
}
.about-sb .swiper-pagination-bullet-active i{ animation:middle 6s;}
.about-sb .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;}
.about-sb .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}
@keyframes first{
    0% {transform:scaleX(0.5);left:0px;}/*091*/
    100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
    0% {transform:scaleX(0.7);left:-10px;}/*1090*/
    20% {transform:scaleX(0.3);left:2px;} /*090*/
    100% {transform:scaleX(0.3);left:0px;} /*090*/
}
@keyframes middle{
    0% {transform:scaleX(0.7);left:-10px;}/*1091*/
    20% {transform:scaleX(0.45);left:2px;}/*092*/
    100% {transform:scaleX(1);left:2px;} /*0913*/
}

/*contact*/
.contact{background-color:#f8f9fa;padding:80px 0}
.contact .contact-info{
    background-color: #fff;
    margin: 0 auto;
    padding: 50px;border-radius:12px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.05);
}
.contact .contact-text{width:40%;border-right: 1px dashed #ddd;}
.contact .contact-text h3{font-size: 22px;font-weight: 600;color:#495057;line-height: 22px;margin-bottom:10px;margin-top:20px;position: relative;}
.contact .contact-text h3:first-child{margin-top: 0;}
.contact .contact-text p{font-size: 15px;color:#495057;line-height: 30px;font-weight: 300}
.contact .contact-text p.pl-30{padding-left:23px;}
.contact .contact-text p em{font-size: 1.8rem;margin-right: 5px;}
.contact .contact-tel{width:30%;text-align: center;border-right: 1px dashed #ddd;}
.contact .contact-tel h3{font-size: 22px;font-weight: 600;color:#495057;line-height: 35px;margin-bottom: 20px;position: relative;}
.contact .contact-tel h3 em{font-size: 2.5rem;font-weight: 300;margin-right: 10px;}
.contact .contact-tel h4{font-size: 36px;color:var(--color-2);margin-bottom: 20px;font-weight:600}
.contact .contact-tel p{font-size: 15px;color:#868e96;line-height:25px;margin-bottom: 10px;font-weight: 300}
.contact .contact-wx{width:30%;text-align: center;}
.contact .contact-wx h3{font-size: 22px;font-weight: 600;color:#495057;line-height: 35px;margin-bottom: 20px;position: relative;}
@media (max-width: 1440px) {
    .contact{padding:50px 0}
    .contact .contact-info{padding:30px;}
    .contact .contact-text{width:50%}
    .contact .contact-text h3{font-size: 20px;}
    .contact .contact-text p{font-size: 14px;line-height: 30px;}
    .contact .contact-text p i{font-size: 1.6rem;}
    .contact .contact-tel{width:30%;}
    .contact .contact-tel h3{font-size: 20px;}
    .contact .contact-tel h3 i{font-size: 2.2rem;}
    .contact .contact-tel h4{font-size: 32px;}
    .contact .contact-tel p{font-size: 14px;line-height:25px;}
    .contact .contact-wx{width:20%;}
    .contact .contact-wx h3{font-size: 20px;}
}
@media (max-width: 991px) {
    .contact{background-color: #fff;}
    .contact .container{padding: 0;}
    .contact .page-nav .page-nav-ul{display: none}
    .contact .contact-info{padding:0 20px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0;}
    .contact .contact-text{width:100%;border-right:none;border-bottom: 1px dashed #ddd;padding-bottom: 20px;margin-bottom:20px;}
    .contact .contact-text h3{font-size: 2rem;line-height: 2.5rem;margin-bottom:10px;}
    .contact .contact-text p{font-size: 1.4rem;line-height:3rem;}
    .contact .contact-text p i{font-size: 1.6rem;margin-right: 0;}
    .contact .contact-tel{width: 100%;border-right:none;margin-bottom:0;}
    .contact .contact-tel h3{font-size: 2rem;line-height: 2.5rem;margin-bottom:10px;}
    .contact .contact-tel h3 i{font-size:2.2rem;margin-right: 5px;}
    .contact .contact-tel h4{font-size:2.5rem;margin-bottom: 10px;line-height: 3.5rem;}
    .contact .contact-tel p{font-size: 1.4rem;line-height:2rem;}
    .contact .contact-wx{width: 100%;border-right:none;display: none}
    .contact .contact-wx h3{font-size: 2rem;line-height: 2.5rem;margin-bottom:0;}
    .contact .contact-wx img{width: 50%;}

}
/*contact-form*/
.contact-form{width: 100%;position: relative;padding:80px 0 0 0;background-color: #fff;border-top-right-radius:200px;}
.contact-form form{width: 45%;position: relative;z-index: 3;margin-right: 5%;}
.contact-form form label input:focus,.contact-form form label select:focus,.contact-form form label textarea:focus{border: 1px solid var(--color-2)}
.contact-form .info{width: 50%;padding:0 50px;position: relative;z-index: 3;}
.contact-form .info .img{width: 100%;padding:10px 0}
.contact-form .info h4{font-size: 30px;font-weight:550;color:#495057;margin-bottom:20px;}
.contact-form .info h4 i{font-size:3.2rem;font-weight: 400;color:var(--color-3)}
.contact-form .info p{font-size: 18px;color:#495057;font-weight:400;line-height: 36px;}
.contact-form form h4{font-size: 30px;font-weight:550;color:#495057;margin-bottom:20px;}
.contact-form form h4 i{font-size:3.2rem;font-weight: 400;margin-right:10px;color:var(--color-3)}
.contact-form form label{display: block;width:100%;margin:15px 0;}
.contact-form form label input{width: 100%!important;font-weight: 400;font-size: 16px;color: #868e96;border: 1px solid #ddd;text-indent: 20px;line-height:50px;height:50px;background-color:#fff;}
.contact-form form label.i2 input{width:49%!important;margin-right:2%;}
.contact-form form label.i2 input:last-child{margin-right: 0;}
.contact-form form label textarea{background-color: transparent;font-weight:400;width: 100%;border: 1px solid #ddd;height:150px;outline: none;color:#212529;font-size: 16px;}
.contact-form form label textarea{padding: 20px;}
.contact-form form label span{font-size: 16px;font-weight: 400;display: inline-block;margin-left: 10px;}
.contact-form form button{
    border: none;text-transform: uppercase;
    width: 200px;height:50px;line-height: 45px;color: #fff;font-size:18px;
    font-weight: 500;outline: none;border-radius: 25px;
    background-image:-webkit-linear-gradient(45deg, var(--color-3),var(--color-4));
    background-image:-o-linear-gradient(45deg, var(--color-3),var(--color-4));
    background-image:linear-gradient(45deg, var(--color-3),var(--color-4));
    box-shadow:0 15px 20px rgba(28,8,93,0.3);
    -webkit-box-shadow:0 15px 20px rgba(28,8,93,0.3);
    -moz-box-shadow:0 15px 20px rgba(28,8,93,0.3);
}
.contact-form form button i{font-size: 2.2rem;margin-left: 10px;}
@media (max-width: 1440px) {
    .contact-form{padding:50px 0 0 0;}
    .contact-form form h4{font-size: 25px;}
    .contact-form form label{margin:15px 0;}
    .contact-form form label input{line-height:40px;height:40px;font-size: 15px;}
    .contact-form form label textarea{height:120px;font-size: 15px;}
    .contact-form form label textarea{padding: 20px;}
    .contact-form form label span{font-size: 15px;font-weight: 400;display: inline-block;margin-left: 10px;}
    .contact-form form button{width: 150px;height:45px;line-height: 45px;font-size:16px;margin: 15px 0}
    .contact-form form button i{font-size:2rem;margin-left: 5px;}
    .contact-form .info{}
    .contact-form .info h4{font-size: 25px;margin-bottom:20px;}
    .contact-form .info h4 i{font-size: 3rem;}
    .contact-form .info p{font-size: 15px;line-height: 30px;}
}
@media (max-width: 991px) {
    .contact-form{padding:20px 25px;background-color: #f1f3f5;border-top-right-radius:0}
    .contact-form .container{flex-wrap: wrap;padding: 0}
    .contact-form .flex-sb{flex-wrap: wrap!important;}
    .contact-form form{order: 2;padding: 20px!important;margin-right:0;border-radius: 12px;width: 100%!important;background-color: #fff;box-shadow:none;-webkit-box-shadow:none;}
    .contact-form form h4{font-size: 2.2rem!important;margin-bottom:20px;}
    .contact-form form h4 i{font-size: 2.5rem!important;}
    .contact-form form label button{width: 150px;margin:20px auto}
    .contact-form form label button i{color: #fff;}
    .contact-form form .form{width: 100%;padding: 20px;}
    .contact-form form label{margin:0!important;flex-wrap: wrap;}
    .contact-form form .form label input{line-height:40px;height:40px;width:100%;margin-right:2%;font-weight:400;font-size: 1.4rem;border: 1px solid #eee;}
    .contact-form form .form label input:last-child{margin-right: 0;}
    .contact-form form .form label textarea{height:100px;font-size: 1.4rem;border: 1px solid #eee;padding:10px;}
    .contact-form form .form button{width: 50%;height: 40px;line-height: 40px;font-size:1.4rem;}
    .contact-form form .form button i{font-size:1.8rem;}
    .contact-form form .form label input::-webkit-input-placeholder{font-size:1.2rem;font-family: arial, sans-serif;}
    .contact-form form .form label input::-moz-placeholder{font-size:1.2rem;font-family: arial, sans-serif;}
    .contact-form form .form label input:-ms-input-placeholder{font-size: 1.2rem;font-family: arial, sans-serif;}
    .contact-form form label.i2 input{margin-bottom: 2%!important;}
    .contact-form .info{width: 100%;padding:20px 0;order: 1;}
    .contact-form .info .img{width:50%;margin: 0 auto;text-align: center}
    .contact-form .info .img img{width: auto;max-width: 100%}
    .contact-form .info h4{font-size: 2.2rem;margin-bottom:20px;}
    .contact-form .info h4 i{font-size: 2.5rem;margin-right:5px;}
    .contact-form .info p{font-size: 1.5rem;line-height: 2.5rem;}
}
.cases{width: 100%;padding:80px 0;background-color: #f8f9fa;}
.case-left{width: 20%;}
.menu-dl{width: 100%;margin-bottom:8%;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);background-color: #fff;padding: 30px;
}
.menu-dl dt{font-size: 22px;font-weight: 550;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;width: 100%;display: block;position: relative;}
.menu-dl dt:after{content: '';width: 5px;height: 50%;background-color: var(--color-3);left: -31px;top:5px;position: absolute;}
.menu-dl dd{font-size: 16px;line-height: 25px;display: block;position: relative;margin-bottom: 10px;}
.menu-dl dd a{color:#212529;font-weight: 300;display: block}
.menu-dl dd a i{position: absolute;right: 0;font-size: 1.4rem;color: #adb5bd;font-weight: 300}
.menu-dl dd a:hover,.menu-dl dd a.cur{color: var(--color-3);}
.menu-dl dd a:hover i,.menu-dl dd a.cur i{color: var(--color-3);right:-10px;}
.case-right{width: 75%;}
.case-ul{width: 100%;flex-wrap: wrap;}
.case-ul li{
    width: 32%;margin-right: 2%;margin-bottom: 2%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    overflow: hidden;background-color: #fff;
}
.case-ul li:nth-child(3n){margin-right: 0}
.case-ul li a{display: block;}
.case-ul li .img{min-height:220px;overflow: hidden;}
.case-ul li .img img{width: 100%;}
.case-ul li .info{padding:15px 20px;position: relative;overflow: hidden;font-family: "Microsoft YaHei", "Roboto", sans-serif}
.case-ul li .info h6{font-size:16px;font-weight: 400;margin-bottom:5px;transition: all 0.5s;}
.case-ul li .info p{width: 100%;padding: 0;}
.case-ul li .info p span{font-size: 14px;line-height:26px;font-weight: 300;color: #868e96;display: block;width: 50%;text-align: right;padding: 0;}
.case-ul li .info p b{font-size:14px;line-height: 26px;font-weight: 400;color: #212529;display:block;width: 50%;padding: 0;}
.case-ul li:hover{transform: translateY(-15px);-webkit-transform: translateY(-15px);}
.case-ul li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
@media (max-width: 1680px) {
}
@media (max-width: 1440px) {
    .case-ul li .img{min-height:160px;}
    .case-ul li .info{padding:15px;}
}

/*分页样式*/
.pagination {
    width:100%;
    margin: 0 auto;
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    flex-wrap: wrap;
    line-height: 35px;
    text-transform: uppercase;
    color: #868e96;
    font-size: 14px;
    align-items: center;
    margin-bottom:20px;
}
.pagination a{
    display: block;text-transform: uppercase;text-align: center;font-size: 14px;color:#495057;
    line-height:28px;padding:0 12px;height:30px;
    margin-right: 10px;margin-bottom: 10px;
    border: 1px solid var(--color-2);border-radius:20px;
}
.pagination a:last-child{margin-right: 0;}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {color: #fff !important;background-color:var(--color-2)}
.pagination a:last-child{margin-right: 20px;}
@media (max-width: 991px) {
    .pagination {padding:0;line-height:2rem;margin:20px auto;;font-size: 1.4rem;}
    .pagination a{font-size: 1.3rem;line-height:2.8rem;height:3rem;margin-right:5px;margin-bottom:5px;}
    .pagination a:last-child,.pagination a:first-child{display: none}
    .err{margin:5% auto;width:80%;}
    .err p{line-height:3rem;font-size:1.3rem;}
}

/*err*/
.err{
    width:50%;
    text-align:center;
    margin:10% auto;
    padding:2% 0;
    border:1px solid rgba(0,0,0,0.07);
    background-image: url(../images/noinfo.svg);
    background-repeat: no-repeat;background-size:auto 50%; background-position: center 30px;
    border-radius: 12px;
}
.err p{color:rgba(0,0,0,0.3);line-height:30px;font-size:16px;display: block;padding: 100px 0 0 0;}

/*分页样式*/
.pagination {
    width:100%;
    margin: 0 auto;
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    flex-wrap: wrap;
    line-height: 35px;
    text-transform: uppercase;
    color: #868e96;
    font-size: 14px;
    align-items: center;
    margin-bottom:20px;
}
.pagination a{
    display: block;text-transform: uppercase;text-align: center;font-size: 14px;color:#495057;
    line-height:26px;padding:0 10px;height:28px;
    margin-right: 10px;margin-bottom: 10px;
    border: 1px solid var(--color-3);border-radius: 25px;
}
.pagination a:last-child{margin-right: 0;}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {color: #fff !important;background-color:var(--color-3)}
.pagination a:last-child{margin-right: 20px;}
@media (max-width: 991px) {
    .pagination {padding:0;line-height:2rem;margin:20px auto;;font-size: 1.4rem;}
    .pagination a{font-size: 1.3rem;line-height:2.8rem;height:3rem;margin-right:5px;margin-bottom:5px;}
    .pagination a:last-child,.pagination a:first-child{display: none}
    .err{margin:5% auto;width:80%;}
    .err p{line-height:3rem;font-size:1.3rem;}
}

/*news*/
.news{padding:20px 0;background-color: #f8f9fa}
.newslist{background-color: #fff;
    padding:30px;
    margin-bottom: 30px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    border-radius: 12px;
}
.newslist li{border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;}
.newslist li:last-child{border-bottom: none;margin-bottom: 0}
.newslist li a{
    display: block;
    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;}
.newslist li a .info{padding: 0 0 20px 25px;width:calc(100% - 220px)}
.newslist li a .info h6{font-size:20px;color:#495057;margin-bottom: 10px;font-weight:500;}
.newslist li a .info p{font-size: 15px;color:#868e96;line-height: 25px;margin-bottom: 10px;font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.newslist li a .img{width:250px;height:120px;display: flex;align-items: center;justify-content: center;background-size: cover;overflow: hidden;background-color: #f8f8f8;text-align: center;border-radius: 8px;}
.newslist li a .img img{width:40%;display: inline-block;vertical-align: middle;opacity: 0.5;filter:Alpha(opacity=50);}
.newslist li a .time{font-size:14px;color:#adb5bd;font-weight: 300}
.newslist li a .time i{font-size: 1.8rem;position: relative;top:2px; }
.newslist li a span{display: inline-block;position: absolute;right: 0;bottom: 0;width: 120px;line-height:35px;border-radius: 30px;border: 1px solid #eee;text-align: center;font-size: 15px;color:#868e96;font-weight:300}
.newslist li a span i{font-size:1.2rem;}
.newslist li a:hover span{
    background-image:-webkit-linear-gradient(45deg, var(--color-1),var(--color-4));
    background-image:-o-linear-gradient(45deg, var(--color-1),var(--color-4));
    background-image:linear-gradient(45deg, var(--color-1),var(--color-4));
    box-shadow: 0 16px 32px -12px rgba(54,79,199,0.85);
    color: #fff;border: none;
}
.newslist li a:hover{text-decoration : none }
.newslist li a:hover .info h6{color:var(--color-2);}
.newslist li:hover{}
@media screen and (max-width: 992px){
    .container.flex-sb{flex-wrap: wrap;padding: 0;}
    .newslist{margin-bottom:0;background-color:transparent;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;display: flex;flex-wrap: wrap;-webkit-justify-content:space-between;justify-content: space-between;}
    .newslist li{border: none;width: 48.5%;margin-bottom:10px;padding-bottom: 0;border-bottom: none;}
    .newslist li a{padding:10px;background-color: #fff;flex-wrap: wrap;-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);border-radius: 5px;}
    .newslist li a .info{padding:0;width:100%;}
    .newslist li a .info h6{font-size: 1.4rem;color:#666;font-weight:450;margin-bottom:5px;line-height:2rem;min-height: 60px;}
    .newslist li a .info p{font-size: 1.3rem;line-height:1.8rem;margin-bottom: 0;display: none}
    .newslist li a .img{width:100%;height:60px;margin-bottom: 5px;border-radius: 4px;}
    .newslist li a .time{font-size: 1.2rem;color: #666}
    .newslist li a .time i{font-size: 1.6rem;}
    .newslist li a span{display: none;}
    .newslist li:hover{transform:translateY(0);-webkit-transform:translateY(0);}
}

.news-ul{flex-wrap: wrap;padding: 80px 0}
.news-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;
    border: 1px solid #e9ecef;
    box-shadow: 6px 8px 1px rgba(0,0,0,0.03);
    -webkit-box-shadow:6px 8px 1px rgba(0,0,0,0.03);
    -moz-box-shadow:6px 8px 1px rgba(0,0,0,0.03);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 8px;
}
.news-ul li:nth-child(2n){margin-right: 0;}
.news-ul li a{padding:40px;}
.news-ul li .time{width: 80px;position: relative;text-align: center}
.news-ul li .time:after{content: '';height: 30%;width: 1px;background-color:#dee2e6;position: absolute;left:50%;bottom: 0;}
.news-ul li .time span{display: block;font-size:60px;color:var(--color-2);line-height:60px;margin-bottom: 15px;font-weight:700;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.news-ul li .time p{font-size: 18px;color:#868e96;font-weight: 400}
.news-ul li .info{width:calc(95% - 80px);margin-left: 5%}
.news-ul li .info h4{font-size: 18px;color: #495057;position: relative;margin-bottom:10px;font-weight: 500;line-height: 25px;}
.news-ul li .info p{color:#868e96;font-size: 15px;font-weight: 300;line-height: 22px;margin-bottom: 30px
;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-ul li .info span{
    display: block;width: 120px;line-height: 35px;border-radius: 20px;text-align: center;
    font-size: 14px;color:#495057;border: 1px solid #ddd;
    text-transform: uppercase;}
.news-ul li .info span i{font-size:1.2rem;margin-left: 5px;position: relative;top:-1px;}
.news-ul li:hover{ border: 1px solid var(--color-2);}
.news-ul li a:hover .info h4{color:var(--color-2);}
.news-ul li a:hover .info span{
    border:1px solid rgba(255,255,255,0.85);
    background-image:-webkit-linear-gradient(45deg, var(--color-1),var(--color-4));
    background-image:-o-linear-gradient(45deg, var(--color-1),var(--color-4));
    background-image:linear-gradient(45deg, var(--color-1),var(--color-4));
    box-shadow: 0 16px 32px -12px rgba(54,79,199,0.85);
    color: #fff;
}
@media (max-width: 1440px) {
    .news-ul li{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);}
    .news-ul li a{padding:30px;}
    .news-ul li .time span{font-size:45px;line-height:40px;margin-bottom: 5px;}
    .news-ul li .time p{font-size: 14px;}
    .news-ul li .info h4{font-size: 16px;margin-bottom:10px;line-height: 20px}
    .news-ul li .info h4:after{bottom: -15px;}
    .news-ul li .info p{margin-bottom: 20px;}
    .news-ul li .info span{width: 100px;line-height: 30px;}
}
@media (max-width: 991px) {
    .news-ul{margin:30px 0;padding: 0;}
    .news-ul li{width: 100%;margin-right: 0;margin-bottom:15px;border:none;border-bottom: none;background-color: #fff;}
    .news-ul li:last-child{margin-bottom: 0;}
    .news-ul li a{padding:20px;}
    .news-ul li .time{width: 80px;}
    .news-ul li .time:after{left:20px;}
    .news-ul li .time span{font-size:4rem;line-height:4rem;margin-bottom:5px;font-weight: 600;letter-spacing: 2px;}
    .news-ul li .time p{font-size: 1.2rem;font-weight: 600;}
    .news-ul li .info{width:calc(100% - 80px);}
    .news-ul li .info h4{font-size: 1.5rem;margin-bottom:5px;line-height: 2rem;font-weight: 500;}
    .news-ul li .info h4:after{display: none}
    .news-ul li .info p{font-size:1.4rem;line-height:2rem;margin-bottom:15px;}
    .news-ul li .info span{width:100px;line-height:32px;font-size:1.3rem;}
    .news-ul li .info span i{font-size:1.3rem;margin-left:5px;}
}

.new_left{width:calc(98% - 400px);margin-right:2%;margin-top: 50px;margin-bottom:50px;}
.new_right{width:400px;margin-top: 50px;}
.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-2);line-height: 2.5rem;}
@media screen and (max-width: 992px) {
    .new_left {width: 100%;margin-right: 0;margin-top:30px;margin-bottom:0}
    .new_right {width: 100%;margin-top: 20px}
    .news-title h4{font-size:2rem;}
    .news-title h4 i{font-size:2rem;}
}

/*shownews*/
.shownews{padding:80px 0 50px 0;background-color: #f6f7fa}
.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 .new_right .news-title h4 i{color: var(--color-3)}
.shownews .info,.showcase .info{
    background-color: #fff;padding:30px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    border-radius: 8px;
}
.shownews .shownews-title,.showcase .shownews-title{font-size: 32px;color:#495057;font-weight: 600;margin-bottom: 10px;}
.shownews .shownews-info,.showcase .shownews-info{font-size: 16px;font-weight: 300;color: #868e96;border-bottom: 1px dashed #ddd;margin: 0 0 10px 0;padding: 10px 0 20px 0;}
.shownews .shownews-info span,.showcase .shownews-info span{margin: 0 10px 0 0;}
.shownews .shownews-cont .showcase .shownews-cont{padding: 30px 0;font-size:15px;line-height: 25px;color:#495057;text-align: justify;text-justify:inter-ideograph;}
.shownews .shownews-cont p,.showcase .shownews-cont p{margin: 10px 0;font-size:15px;line-height: 25px;color:#495057;text-align: justify;text-justify:inter-ideograph;}
.shownews .shownews-cont img,.showcase .shownews-cont img{max-width:100%;width: auto;height: auto;margin: 20px auto;display: block;}
.shownews .shownews-cont li, .shownews .shownews-cont ol,.shownews .shownews-cont ul{list-style:revert;padding: revert;margin: revert;}

@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:14px;line-height: 22px;}
    .shownews .shownews-cont p{font-size:14px;line-height: 23px;}
}
@media screen and (max-width: 992px) {
    .shownews{padding:10px 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:1.8rem;line-height:2.8rem;font-weight:500;padding-right: 0}
    .shownews .shownews-info{font-size: 1.3rem;}
    .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,.shownews .shownews-cont p span img{max-width:100% !important;width: 100% !important;margin: 0 auto;height: auto!important;}
    .shownews .shownews-cont p{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .shownews-cont p span{font-size: 1.5rem!important;line-height:2.5rem!important;}
    .shownews .shownews-cont p 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: 15px;line-height:25px;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{width: 100%;padding-bottom: 20px}
.hot-ul li{margin-bottom:20px}
.hot-ul li a{
    position:relative;
    background-color: #fff;
    padding:20px;
    border-radius: 6px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
}
.hot-ul li a .info{padding:0;width:60%;-webkit-box-shadow: none!important;box-shadow: none!important;}
.hot-ul li a .info h6{font-size:14px;line-height: 20px;color:#495057;font-weight: 400;margin-bottom: 5px}
.hot-ul li a .info p{font-size: 12px;color: #868e96;}
.hot-ul li a .info .time{font-size:14px;color:#adb5bd;font-weight: 300}
.hot-ul li a .info .time i{font-size: 1.8rem;position: relative;top:2px; }
.hot-ul li a .img{width:37%;margin-right:3%;height:80px;display: flex;align-items: center;justify-content: center;border-radius:4px;background-size:cover;overflow: hidden;background-color: #f8f8f8;text-align: center;background-repeat: no-repeat}
.hot-ul li a .img img{width:50%;margin-top:5px}
.hot-ul li a:hover .info h6{color:var(--color-2);}
@media screen and (max-width: 992px){
    .hot-ul{width: 100%;display: flex;flex-wrap: wrap;-webkit-justify-content:space-between;justify-content: space-between;align-items: center}
    .hot-ul li{margin-bottom:10px;width: 48.5%;margin-right:3%}
    .hot-ul li:nth-child(2n){margin-right: 0}
    .hot-ul li a{border-radius: 5px;padding: 10px}
    .hot-ul li a .info h6{font-size:1.4rem;line-height: 2rem;overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;min-height: 60px;}
    .hot-ul li a .info p{font-size: 1.2rem;color: #868e96;}
    .hot-ul li a .img{height:60px;border-radius:5px;}
}

.news-list-ul{
    background-color: #fff;padding:20px;margin-bottom:30px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 16px 32px -12px rgba(0,0,0,0.08);
    border-radius: 12px;
}
.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-2)}
.news-list-ul li a i{width: 30px;display: inline-block}
@media screen and (max-width: 992px){
    .news-list-ul{;margin-bottom: 10px;}
}
.related{width: 100%;padding-top:50px;}
.related-ul{margin: 0 -15px!important;}
.related-ul li{margin:10px 15px 40px 15px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 2px solid #fff;
    background-color: rgba(255,255,255,.7);box-shadow: 5px 5px 10px 0 rgba(0, 0,0, 0.05);
    border-radius:12px;
    overflow: hidden;
    height: auto!important;
}
.related-ul li a{display: block;outline: none;}
.related-ul li .img{min-height:180px;overflow: hidden;}
.related-ul li .img img{width: 100%;}
.related-ul li .text{padding:20px;position: relative;overflow: hidden}
.related-ul li .text h6{font-size:20px;font-weight: 400;margin-bottom: 10px;transition: all 0.5s;}
.related-ul li .text p{width: 100%;}
.related-ul li .text p span{font-size: 15px;line-height:30px;font-weight: 300;color: #868e96;display: inline-block;width: 50%;text-align: right}
.related-ul li .text p b{font-size:18px;line-height: 30px;font-weight: 400;color: #212529;display: inline-block;width: 50%}
.related-ul li.slick-active{-webkit-animation: fadeIn 1s both;animation: fadeIn 1s both;}
.related-ul li.slick-active .img{-webkit-animation: fadeInUp 1s both 0.2s;animation: fadeInUp 1s both 0.2s;}
.related-ul li.slick-active .text p{-webkit-animation: fadeInRight 1s both 0.2s;animation: fadeInRight 1s both 0.2s;}
.related-ul li.slick-active .text h6{-webkit-animation: fadeInUp 1s both 0.2s;animation: fadeInUp 1s both 0.2s;}
.related-ul li:hover{transform: translateY(-15px);-webkit-transform: translateY(-15px);}
.related-ul li:hover .text h6{transform: translateY(15px);}
.related-ul li:hover .text p{transform: translateY(-20px);}
.related-ul li:hover .img{min-height:180px;}
.related-ul li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
@media (max-width: 1680px) {
}
@media (max-width: 1440px) {
    .related-ul li{border:1px solid #fff;box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);border-radius:8px;}
    .related-ul li .img{min-height:160px;}
    .related-ul li .text{padding:20px;}
    .related-ul li .text h6{font-size:18px;}
    .related-ul li .text p span{font-size: 14px;line-height:25px}
    .related-ul li .text p b{font-size: 18px;line-height: 25px;}
    .related-ul li .text span{width: 100px;line-height:38px;font-weight: 300}
}
.related-ul .NextArrow,.related-ul .PrevArrow{
    position: absolute;
    width: 40px;
    height:40px;border-radius: 50%;
    line-height:40px;
    background:transparent;border: none;top:50%;margin-top: -20px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.related-ul .NextArrow i,.related-ul .PrevArrow i{font-size:4rem;color:var(--color-1);font-weight: 400;}
.related-ul .NextArrow:hover i,.related-ul .PrevArrow:hover i{color:var(--color-2);}
.related-ul .NextArrow{right:-50px;transform: rotate(-180deg)}
.related-ul .PrevArrow{left:-50px;}
.related-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.related-ul .slick-dots li{margin:6px!important;border: none;border-radius: 50%;width:12px!important;height: 12px!important;padding: 0!important;background-color: rgba(0,0,0,0.2)}
.related-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
.related-ul .slick-dots li.slick-active{background-color:var(--color-2) }
.related-ul .slick-dots li button:before {font-size:0.8rem;color:#222;opacity: 0;left:50%;margin-left: -0.4rem;top:0;}
.related-ul .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-2)}