.sub-banner{width: 100%;height:500px;margin-top: 80px;background-size:cover;background-repeat: no-repeat;background-position: center bottom;position: relative;overflow: hidden}
.sub-banner {position: relative;z-index: 2;}
.sub-banner .text{padding:10% 0 50px 0}
.sub-banner .text h4{width: 100%;font-weight:600;font-size:40px;line-height:50px;margin-bottom:30px;color: #222;text-transform: uppercase;}
.sub-banner .text p{width: 100%;font-size: 20px;font-weight: 400;line-height:30px;color:#222;margin-bottom:50px;}
@media screen and (max-width: 1440px){
    .sub-banner{height:400px;}
    .sub-banner .text h4{font-size:35px;line-height:40px;margin-bottom:20px;}
    .sub-banner .text p{font-size: 15px;}
}
@media screen and (max-width: 991px){
    .sub-banner{height:200px;margin-top:60px;background-color: #fff;background-position:right center;background-size:120% auto;background-repeat: no-repeat;position: relative}
    .sub-banner .text{padding:10% 0 20px 20px;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top:0}
    .sub-banner .text h4{font-size:2.2rem;line-height:2.2rem;margin-bottom:10px;color: #495057}
    .sub-banner .text 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{backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);background-color: rgba(255,255,255,.35);width: 100%;position:absolute;bottom: 0;z-index: 9;border-top: 1px solid rgba(255,255,255,0.4);border-bottom: 1px solid rgba(255,255,255,0.4);}
.page-nav .loc {line-height:60px;color:#222}
.page-nav .loc a{font-size: 16px;color:#222;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;border-left: 1px solid rgba(255,255,255,0.4)}
.page-nav ul li:first-child{border-left: none;}
.page-nav ul li a{font-size:16px;color:#222;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;
    backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);
    background-color:rgba(6,135,123,0.45);
}
.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 .loc a{font-size: 14px;}
    .page-nav .page-nav-ul{width: 70%;}
    .page-nav .page-nav-ul li{width:33.33%;}
    .page-nav .page-nav-ul li a{font-size:14px;}
}
@media (max-width: 991px) {

    .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;}
}

.section-title{width: 100%;margin-bottom: 20px;}
.section-title.center{text-align: center;}
.section-title h4{font-size: 40px;line-height: 55px;font-weight:650;color:#212529;position: relative;text-transform: uppercase}
.section-title.white h4{color:#fff}
.section-title h4 span{display: block;color: var(--color-1);font-size: 60px;}
.section-title p{font-size: 25px;line-height: 35px;font-weight: 500;color:#868e96}
@media (max-width: 1440px) {
    .section-title h4{font-size: 35px;}
    .section-title p{font-size: 20px}
}
@media screen and (max-width: 992px){
    .section-title{margin-bottom:10px;}
    .section-title h4{font-size: 2.2rem;}
    .section-title h4:after{content: '';width:30px;height:8px;top:-20px;}
    .section-title.center h4:after{margin-left: -15px;}
    .section-title p{font-size: 1.4rem;line-height:2.2rem;}
}


.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:90%;order: 1;margin:20px auto 50px auto;border-radius:50px;border-bottom-right-radius: 0;border-top-left-radius: 0;position: relative;right: -10px;}
    .about-text .img:after{top:-10px;left:-10px;border-radius: 50px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
    .about-text .img:before{top:-20px;left:-20px;border-radius: 50px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
    .about-text .img img{bottom: 10px;right:10px;border-radius: 50px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
}


/*contact*/
.contact{width: 100%;background-color: #fff}
.contact .contact-info{padding:100px 0 50px 0}
.contact .contact-text{width: 45%;margin-right: 5%}
.contact .contact-text h3{font-size: 25px;font-weight:700;color:#495057;line-height:40px;position: relative;margin-bottom: 20px;}
.contact .contact-text p{font-size: 18px;color:#495057;line-height: 30px;padding: 15px 0;}
.contact .contact-text p.pl-30{padding-left:23px;}
.contact .contact-text p em{font-size: 2rem;color: #fff;text-align: center;margin-right: 5px;display: inline-block;height: 40px;width: 40px;line-height: 40px;border-radius: 50%;background-color: var(--color-2)}
.contact-info .img{width: 50%}
#Gaodemap{width: 100%;height: 100%;min-height: 400px}
#Gaodemap .ripple{text-align: center;line-height: 1;}
#Gaodemap .ripple>i{font-size: 32px;display: block;color: var(--color-2);}
#Gaodemap .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block;border-radius: 50%;background-color:var(--color-2);transform: translateX(-50%);}
#Gaodemap .ripple>span:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--color-2);animation:soak 6s ease-in-out infinite;opacity: 0;}
.amap-logo{display: none!important;}
.amap-copyright{opacity:0;}
@keyframes soak{
    0% {
        opacity:.6;
        transform:scale(1);
    }

    50% {
        opacity:.2;
        transform:scale(6);
    }

    100% {
        opacity:.6;
        transform:scale(1);
    }
}
@media (max-width: 1440px) {
    .contact .contact-info{margin: 50px auto;}
    .contact .contact-text{width: 50%;margin-right: 5%}
    .contact .contact-text h3{font-size: 22px;margin-bottom: 20px}
    .contact .contact-text p{font-size: 15px;line-height: 30px;}
    .contact .contact-text p em{height: 30px;width: 30px;line-height: 30px;font-size: 1.5rem}
    .contact-info .img{width: 45%}
    #Gaodemap{min-height: 350px}
}
@media (max-width: 991px) {
    .contact{background-color: #fff;}
    .contact .container{padding: 0;}
    .contact .contact-info{padding:20px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0;}
    .contact .contact-text{width:100%;margin:10px 0;}
    .contact .contact-text h3{font-size: 2rem;line-height: 2.5rem;margin-bottom:10px;}
    .contact .contact-text p{font-size: 1.4rem;line-height:2rem;padding: 10px 0 10px 35px;position: relative;}
    .contact .contact-text p:last-child{border-bottom: none;}
    .contact .contact-text p em{height: 25px;width: 25px;line-height: 25px;font-size: 1.4rem;margin-right: 0;position: absolute;left: 0;top:6px;}
    .contact-info .img{width: 100%}
    #Gaodemap{min-height: 250px}
}


/*contact-form*/
.contact-form{width: 100%;position: relative;padding:80px 0 0 0;background-color:#f8f9fa;border-top-right-radius:200px;}
.contact-form form{width: 50%;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-2)}
.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-2)}
.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:transparent;}
.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{
    text-transform: uppercase;
    width: 200px;
    font-size: 16px;text-align: center;
    line-height: 45px;border-radius:6px;color: #fff;display: block;margin-top: 20px;
    background-image:-webkit-linear-gradient(45deg, var(--color-1), var(--color-3));
    background-image:linear-gradient(45deg, var(--color-1), var(--color-3));
    box-shadow: 0 16px 32px -12px rgba(5,135,123,0.75);
    border: 1px solid rgba(255,255,255,0.85);
}
.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;}
}

/*news*/
.news{padding:50px 0;background: hsl(210,10%,95%);}
.newslist{width: 100%;margin-bottom: 50px;display: flex;flex-wrap: wrap;}
.newslist li{margin-bottom:1%;width: 49%;margin-right: 2%;}
.newslist li:nth-child(2n){margin-right: 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;background-color: #FFF;padding: 25px;border-radius: 12px;
}
.newslist li a .info{padding: 0 0 20px 25px;width:calc(98% - 250px)}
.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:#666;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:20px;bottom:20px;width: 110px;line-height:35px;border-radius: 30px;border: 1px solid #eee;text-align: center;font-size: 14px;color:#222;font-weight:300}
.newslist li a span i{font-size:1.3rem;}
.newslist li a:hover span{
    background-image:-webkit-linear-gradient(45deg, var(--color-1),var(--color-3));
    background-image:-o-linear-gradient(45deg, var(--color-1),var(--color-3));
    background-image:linear-gradient(45deg, var(--color-1),var(--color-3));
    box-shadow: 0 16px 32px -12px rgba(5,135,123,0.75);
    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){
    .news{padding:20px 0;}
    .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: 100%;margin-bottom:10px;padding-bottom: 0;border-bottom: none;margin-right: 0}
    .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: 60%;}
    .newslist li a .info h6{font-size: 1.4rem;color:#666;font-weight:450;margin-bottom:5px;line-height:2rem;min-height:auto;}
    .newslist li a .info p{font-size: 1.2rem;line-height:1.8rem;margin-bottom: 0;display: none}
    .newslist li a .img{height:70px;border-radius: 4px;width: 35%}
    .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);}
}

.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: none!important;}
    .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%;}
    .hot-ul li{margin-bottom:10px;}
    .hot-ul li:nth-child(2n){margin-right: 0}
    .hot-ul li a{border-radius: 5px;padding: 10px;}
    .hot-ul li a .info{width: 60%;}
    .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:auto;}
    .hot-ul li a .info p{font-size: 1.2rem;color: #868e96;}
    .hot-ul li a .img{height:70px;border-radius:5px;width: 35%;}
}

/*分页样式*/
.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;
    min-height: 250px;padding-bottom: 100px;
    background-image: url(../images/err.svg);
    background-repeat: no-repeat;background-size:50% auto; background-position: top center;position: relative;
}
.err p{color:rgba(0,0,0,0.8);line-height:36px;font-size:18px;width: 100%;text-align: center;position: absolute;bottom: 0}

.pro{width: 100%;background-color: #f8f9fa;}
.pro-left{width: 25%;margin-right:2%}
.pro-right{width: 73%;}
.pro-right .info{position: relative;}
.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);
    border-radius: 6px;
    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-4);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-4);}
.menu-dl dd a:hover i,.menu-dl dd a.cur i{color: var(--color-4);right:-10px;}
@media (max-width: 992px) {
    .pro{width: 100%;background-color: #f8f9fa;}
    .pro .sub-banner{height:55px!important;background-image: none!important;}
    .pro-info{flex-wrap: wrap}
    .pro-left{width: 100%;margin-right:0;padding: 0 20px;}
    .pro-right{width: 100%;}
    .pro-right .info{position: relative;}
    .menu-dl{width: 100%;margin-bottom:5%;box-shadow: 0 8px 16px -5px rgba(0,0,0,0.08);-webkit-box-shadow: 0 8px 16px -5px rgba(0,0,0,0.08);padding: 20px;}
    .menu-dl dt:after{left: -21px;}
    .menu-dl dt{font-size:1.8rem;}
    .menu-dl dd{font-size: 1.5rem;line-height: 2.5rem;}
}
.pro-info{padding: 50px 0;}
.pro-ul{width: 100%;flex-wrap: wrap;margin-bottom: 20px}
.pro-ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.pro-ul li:nth-child(3n){margin-right: 0}
.pro-ul li a{display: block;background-color: #fff;padding:20px;
    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: 6px;
}
.pro-ul li a .img{width: 100%;}
.pro-ul li a .img img{width: 100%;}
.pro-ul li a .info{padding:20px 0;position: relative;text-align: center}
.pro-ul li a .info h6{font-size: 16px;font-weight: 600;color: #495057;margin-bottom:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-ul li a .info p{font-size: 14px;font-weight: 300;color: #868e96;margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-ul li a .info span{position: absolute;right: 20px;bottom:20px;display: inline-block;padding:4px 8px;font-size: 14px;color: #fff;background-color: var(--color-4);border-radius:3px}
.pro-ul li a .info span i{font-size: 1.6rem;}
@media (max-width: 992px) {
    .pro-info{padding:20px 0 0 0;}
    .pro-ul{margin-bottom: 0;padding: 10px 20px 0 20px;}
    .pro-ul li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
    .pro-ul li:nth-child(2n){margin-right: 0}
    .pro-ul li:nth-child(3),.pro-ul li:nth-child(9){margin-right: 3%;}
    .pro-ul li a{display: block;background-color: #fff;padding:10px;box-shadow: 0 8px 16px -5px rgba(0,0,0,0.08);-webkit-box-shadow: 0 8px 16px -6px rgba(0,0,0,0.08);}
    .pro-ul li a .info{padding:10px 0;}
    .pro-ul li a .info h6{font-size: 1.3rem;margin-bottom: 0}
    .pro-ul li a .info p{font-size:1.2rem;margin-bottom:0}
}
.showpro-img-info{
    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: 6px;
    background-color: #fff;
    padding: 40px;
    margin-bottom:2%;
}
.showpro-info{width: 50%}
.showpro-img{position: relative;width:45%;}
.small-box {position: relative;width: 100%;height:auto;margin-bottom: 20px;border: 1px solid #eee;}
.small-box img{display: block;width: 100%;height: auto!important;}
.thumbnail-box {position: relative;width: 100%;}
.thumbnail-box .btn {position: absolute;top: 50%;width: 22px;height: 32px;margin-top: -16px;}
.thumbnail-box .btn-prev {left: 0;background: url(../images/btn_next.png) no-repeat;}
.thumbnail-box .btn-next {right: 0;background: url(../images/btn_prev.png) no-repeat;}
.thumbnail-box .list {overflow: hidden;width: 390px;margin: 0 auto;}
.thumbnail-box .wrapper {width: 100000px;}
.thumbnail-box .list .item {margin: 0 3px;}
.thumbnail-box .list .item-cur {}
.thumbnail-box .list .item img {border: 2px solid #fff;width:90px;}
.thumbnail-box .list .item-cur img {border: 2px solid var(--color-2);width:90px;}
.showpro-info{}
.showpro-info h4{font-size:25px;font-weight: 600;color: #212529;margin-bottom: 10px;}
.showpro-info p{font-size: 15px;line-height: 25px;color:#495057;margin-bottom: 10px;font-weight: 300;}
.showpro-info p b{font-size: 25px;font-weight:550;color: var(--color-4);margin-right: 10px;}
.showpro-btn{}
.showpro-btn a{width: 160px;margin-right: 10px;
    font-size: 16px;text-align: center;
    line-height: 45px;border-radius:4px;color: #fff;display: block;margin-top: 20px;
    background-image:-webkit-linear-gradient(145deg, var(--color-2),  var(--color-3));
    background-image:linear-gradient(145deg, var(--color-2),  var(--color-3));
    box-shadow: 0 16px 32px -12px rgba(5,135,123,0.75);
    border: 1px solid rgba(255,255,255,0.65);
}
.showpro-btn a:last-child{
    background-image:-webkit-linear-gradient(145deg, var(--color-4), var(--color-5));
    background-image:linear-gradient(145deg, var(--color-4), var(--color-5));
    box-shadow: 0 16px 32px -12px rgba(250,176,5,0.65);
}
.pro-text{
    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: 6px;
    background-color: #fff;
    padding: 40px;
}
.pro-text h4{font-size: 25px;font-weight:600;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;position: relative;padding-left: 20px;}
.pro-text h4:after{content: '';width: 5px;height: 50%;background-color: var(--color-2);left: 0;top:5px;position: absolute;}
.pro-text p{font-size: 16px;line-height: 26px;font-weight: 400;margin-bottom: 10px;color: #495057;}
.pro-text img{width: auto;max-width: 100%;margin-bottom: 10px;}
.parameter{padding: 10px 0;border-top: 1px dashed #ddd;border-bottom: 1px dashed #ddd;}
.parameter li{line-height: 25px;font-size: 14px;font-weight: 400;color: #495057;position: relative;padding-left:12px;}
.parameter li:after{content: '';width: 5px;height:5px;border-radius: 50%;background-color:#dee2e6;position: absolute;left: 0;top:50%;margin-top: -2.5px;}
.parameter li b,.parameter li strong{font-weight: 500;color: #212529;}
.parameter li p{line-height: 25px;font-size: 14px;font-weight: 400;color: #495057;}
@media (max-width: 992px) {
    .showpro-img-info{flex-wrap: wrap;box-shadow: 0 8px 16px -5px rgba(0,0,0,0.08);-webkit-box-shadow: 0 8px 16px -5px rgba(0,0,0,0.08);padding: 20px;}
    .showpro-info{width:100%}
    .showpro-img{width:100%;}
    .thumbnail-box .btn {position: absolute;top: 50%;width: 22px;height: 32px;margin-top: -16px;}
    .thumbnail-box .list {width:100%;margin: 0 auto;}
    .thumbnail-box .list .item {margin: 0 5px;}
    .thumbnail-box .list .item img {width:80px;}
    .thumbnail-box .list .item-cur img {width:80px;}
    .showpro-info{width: 100%}
    .showpro-info h4{font-size:1.8rem;}
    .showpro-info p{font-size: 1.4rem;line-height: 2.2rem;font-weight: 400}
    .showpro-info p b{font-size: 1.6rem;font-weight:550;color: var(--color-4);margin-right: 10px;}
    .showpro-btn a{width: 48%;margin-right:4%;
        font-size: 1.6rem;
        line-height:4.5rem;margin-top: 20px;
        box-shadow: 0 9px 8px -3px rgba(5,135,123,0.35);
        -webkit-box-shadow: 0 9px 8px -3px rgba(5,135,123,0.35);
    }
    .showpro-btn a:last-child{box-shadow:0 9px 8px -3px rgba(250,176,5,0.35);margin-right: 0}
    .pro-text{box-shadow: 0 18px 16px -6px rgba(0,0,0,0.08);-webkit-box-shadow: 0 18px 16px -6px rgba(0,0,0,0.08);padding: 20px;}
    .pro-text h4{font-size: 1.8rem;margin-bottom: 10px;padding-bottom:10px;padding-left: 10px;}
    .pro-text h4:after{left:-10px;top:2px;}
    .pro-text p{font-size: 1.4rem;line-height:2.2rem;}
    .parameter li{line-height: 2.5rem;font-size: 1.4rem;padding-left:15px;}
    .parameter li p{line-height:2.5rem;font-size: 1.4rem;}
}
.showpro-info{position: relative}
.company-info{width: 100%;height:85%;
    backdrop-filter: blur(2px);position: absolute;bottom: 0;left: 0;z-index: 1;
    background: linear-gradient(145deg, rgba(255,255,255,0.75), rgba(222,229,245,1));
    border:2px solid rgba(255,255,255,0.75);padding:40px;text-align: center;
    border-radius: 12px;
    box-shadow: 0 20px 40px -15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 20px 40px -15px rgba(0,0,0,0.1);
    display: flex;align-items: center;justify-content: center;flex-wrap: wrap;
}
.company-info h6{font-size: 22px;font-weight: 550;color:#212529;width: 100%}
.company-info h6 i{font-size: 2.5rem;}
.company-info a {
    display: block;width:60%;height: 50px;line-height:50px;text-align: center;font-size: 16px;font-weight: 600;color: #fff;
    background-image:-webkit-linear-gradient(45deg, var(--color-4), var(--color-5));
    background-image:linear-gradient(45deg, var(--color-4), var(--color-5));
    box-shadow: 0 16px 32px -12px rgba(250,176,5,0.65);
    -webkit-box-shadow: 0 16px 32px -12px rgba(250,176,5,0.65);
    border-radius: 6px;border: 1px solid rgba(255,255,255,0.85);
}
@media (max-width: 992px) {
    .company-info{padding:40px;box-shadow: 0 10px 20px -8px rgba(0,0,0,0.1);-webkit-box-shadow: 0 10px 20px -8px rgba(0,0,0,0.1);}
    .company-info h6{font-size:2rem;line-height:3rem;}
    .company-info h6 i{font-size:5rem;display: block;color: var(--color-4);margin-bottom: 20px;}
    .company-info a {width:70%;height:50px;line-height:50px;font-size:1.8rem;box-shadow: 0 8px 16px -6px rgba(250,176,5,0.65);-webkit-box-shadow: 0 8px 16px -6px rgba(250,176,5,0.65);}
}
.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);
    -webkit-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;padding: 15px;}
.related-ul li .img{min-height:180px;overflow: hidden;}
.related-ul li .img img{width: 100%;}
.related-ul li .text{padding:10px 0;position: relative;overflow: hidden;text-align: center}
.related-ul li .text h6{font-size:14px;font-weight:600;margin-bottom:5px;transition: all 0.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.related-ul li .text p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;font-weight: 300;color: #868e96;}
.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: 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;}
}
@media (max-width: 992px) {
    .related{padding: 20px}
    .related-ul{margin:0!important;}
    .related-ul li{margin:10px 5px 30px 5px;
        box-shadow: 2px 2px 5px 0 rgba(0, 0,0, 0.05);
        -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0,0, 0.05);
        border: 1px solid #eee;
    }
    .related-ul li .img{min-height:100px;}
    .related-ul li .text{padding:10px 0 0 0;}
    .related-ul li .text h6{font-size:1.4rem;}
    .related-ul li .text p{font-size: 1.2rem;}
}

.related-ul .NextArrow,.related-ul .PrevArrow{
    position: absolute;
    width: 30px;
    height:30px;border-radius: 50%;
    line-height:30px;
    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:3rem;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:0;transform: rotate(-180deg)}
.related-ul .PrevArrow{left:0;}
.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:10px!important;height: 10px!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)}

.shiyanshi{padding:0 0 0 30px;}
.shiyanshi .text-img{width: 100%;}
.shiyanshi .text-img .text{width: 60%;}
.shiyanshi .text-img .text h6{font-size:30px;font-weight: 700;margin-bottom:20px;color: #212529;}
.shiyanshi .text-img .text p{font-size: 18px;line-height: 28px;color: #495057;margin-bottom: 10px;position: relative;padding-left: 20px;}
.shiyanshi .text-img .text p:after{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: var(--color-2);position: absolute;left: 0;top:10px;}
.shiyanshi .text-img .img{width:35%;}
.shiyanshi .text-img .img img{width:auto;max-width: 100%;}
@media (max-width: 991px) {
    .shiyanshi{padding:0}
    .shiyanshi .text-img{flex-wrap: wrap;padding: 20px;}
    .shiyanshi .text-img .text{width:100%;order: 2}
    .shiyanshi .text-img .text h6{font-size:2.2rem;margin-bottom:10px;}
    .shiyanshi .text-img .text p{font-size: 1.5rem;line-height:2.5rem;padding-left: 20px;}
    .shiyanshi .text-img .text p:after{top:6px;}
    .shiyanshi .text-img .img{width:70%;text-align: center;margin: 20px auto;order: 1;}

}
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{width: 500px; height:600px;display: none;position: fixed;top: 50%;left: 50%;margin: -300px 0 0 -250px;z-index: 10000;}
.show{background-color: #fff;border-radius:20px;height:500px;overflow:hidden;}
.dialogTop{width: 100%;padding: 0;position: relative;}
.claseDialogBtn{position: absolute;right:-20px;top:-55px;}
.claseDialogBtn i{font-size: 3.6rem;color: #fff;}
@media (max-width: 991px) {
    #dialog{width: 80%; height:360px;margin: -180px 0 0 -40%;}
    .show{padding: 20px;height:100%;border-radius:20px;}
    .claseDialogBtn{right: -10px;top:-45px;}
    .claseDialogBtn i{font-size: 3rem;}
}

.myform{padding:40px 40px;}
.myform h4{font-size: 16px;font-weight: 550;margin-bottom:10px;border-bottom: 1px dashed #ddd;color: #495057;padding-bottom: 10px;}
.myform h4 i{font-size:2rem;font-weight: 500;color:var(--color-4); }
.myform p{font-size: 14px!important;margin-bottom: 5px;color: #222!important;}
.myform p b{font-weight: 500;color: #222!important;}
.myform p a{font-size: 14px;color: #222!important;}
.myform label{font-size: 14px;color: #495057;font-weight: 500;display: block;margin-bottom:10px;}
.myform input{line-height: 40px;border:solid 1px #dfdfdf;border-radius:30px;padding: 0 15px;font-size: 14px;background-color: #fff;width: 100%;}
.myform button{
    border:none;color: #fff;
    line-height:40px;
    border-radius: 25px;
    width:100%;
    font-size: 16px;
    display: block;
    background-image: linear-gradient(125deg,var(--color-4),var(--color-5));
    box-shadow: 0 10px 25px rgba(240, 122, 25, 0.35);
    -webkit-box-shadow: 0 10px 25px rgba(240, 122, 25, 0.35);
    margin:20px auto;
}
.myform button i{font-size:1.8rem;color: #fff;margin-left: 10px;}
.myform  p{text-align: center;font-size: 14px;line-height: 22px;color: #868e96;}
@media (max-width: 992px) {
    .myform{padding:10px 20px;}
    .myform h4{font-size: 2rem;margin-bottom: 20px;padding-bottom:10px;}
    .myform h4 i{font-size: 2.2rem;margin-right:5px;}
    .myform label{font-size: 1.4rem;margin-bottom:10px;}
    .myform input{font-size: 1.4rem;}
    .myform button{line-height:40px;width:80%;font-size:1.6rem;margin:20px auto;}
    .myform button i{font-size: 1.8rem;margin-left:10px;}
    .myform  p{font-size:1.2rem;line-height:2rem;}
}


/*模板样式*/
.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;}