.sub-banner{width: 100%;height:500px;margin-top:88px;background-color: #fff;background-size:100% auto;background-repeat: no-repeat;background-position: center bottom;position: relative;overflow: hidden}
.sub-banner {position: relative;z-index: 2;}
.sub-banner .text{padding:11% 0 50px 0;width: 100%}
.sub-banner .text h4{width: 100%;font-weight:600;font-size:50px;line-height:50px;margin-bottom:30px;color: #222;}
.sub-banner .text p{width: 100%;font-size: 25px;font-weight: 400;line-height:30px;color:#222;margin-bottom:50px;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .sub-banner{margin-top: 80px;height:350px;background-size:100% auto;}
    .sub-banner .text{padding:9% 0 20px 0}
    .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{margin-top: 70px;height:300px;background-size:100% auto}
    .sub-banner .text{padding:8% 0 20px 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;margin: 0;position: relative}
.page-nav{
    backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);
    background-color: rgba(255,255,255,0.65);
    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:70px;color:#222}
.page-nav .loc a{font-size: 16px;color:#222;line-height:70px;}
.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:70px;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:70px;}
.page-nav li a:hover,.page-nav li a.cur{color:#fff;font-weight: 500;height: 72px;position: relative;
    background-image:-webkit-linear-gradient(-125deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(-125deg, var(--color-3),var(--color-2));
    box-shadow: 0 16px 32px -12px rgba(25,113,194,0.5);
    -webkit-box-shadow: 0 16px 32px -12px rgba(25,113,194,0.5);
}
.page-nav .loc{width:50%;}
.page-nav .page-nav-ul{width:50%;}
.page-nav .page-nav-ul li{width:25%;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .page-nav .loc a{font-size: 14px;}
    .page-nav .loc i{font-size: 1.6rem;}
    .page-nav .loc .icon-jiating-{font-size:1.8rem;}
    .page-nav .page-nav-ul{width: 70%;}
    .page-nav .page-nav-ul li{width:33.33%;}
    .page-nav ul li a{font-size:14px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .page-nav .loc{width:30%;line-height:50px;}
    .page-nav .loc a{font-size: 14px;line-height:50px;}
    .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;}
    .page-nav ul li{line-height:50px;}
    .page-nav ul li a{font-size:14px;line-height:50px;}
    .page-nav li a:hover,.page-nav li a.cur{height: 52px;}
}
@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.4rem;font-weight: 400;}
}

.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;}
}
.title{width: 100%;}
.title h4{font-size:30px;color:var(--color-1);padding: 0;text-transform: uppercase;position: relative;font-weight:550;margin-bottom:40px;}
.title h4:after{content: '';width:40px;height:2px;background-color:var(--color-3);position: absolute;bottom:-15px;left:2px;}
@media (max-width: 1440px) {
    .title h4{font-size:25px;margin-bottom:30px;}
}
@media (max-width: 992px) {
    .title h4{font-size:2.2rem;margin-bottom:5px;}
}


/*about-info*/
.about{background-color: #f8f8f8}
.about .about-info{padding: 50px 0 0 0;}
.about .about-info .info{width:47%;margin-right:6%;margin-bottom: 5%}
.about .about-info .info p{font-size:18px;line-height:36px;font-weight: 400;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom:20px;}
.about .about-info .info p:last-child{margin-bottom: 0}
.about .about-info .img{width:47%;margin-bottom: 5%;min-height: 450px;position: relative;border-bottom-left-radius:50px;border-top-right-radius:50px;overflow: hidden;background-size: cover;background-position: center}
.about .about-info .img:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;background-color: rgba(3,110,185,0.2);}
.about .about-info .img img{width: 100%;}
.culture{background-image: url(../images/aboutbg.jpg);background-position:bottom center;background-size: cover;padding: 100px 0;}
.culture .text{padding: 20px 0}
.culture .text h6{font-size: 22px;font-weight: 550;color: var(--color-2);margin-bottom:20px;}
.culture .text p{font-size: 18px;line-height:36px;color: #444;width: 60%}
@media (max-width: 1440px) {
    .about .about-info .info p{font-size:16px;line-height:30px;}
}
@media (max-width: 991px) {
    .about{background-color: #fff}
    .about .about-info{padding:0;margin:20px 0;border-bottom-left-radius:0;border-top-right-radius:0;flex-wrap: wrap}
    .about .about-info .info{width:100%;margin-bottom: 20px;padding:20px 0;margin-right: 0}
    .about .about-info .info .title{margin-bottom:30px;}
    .about .about-info .info p{font-size:1.5rem;line-height:2.5rem;margin-bottom:20px;}
    .about .about-info .img{width:100%;border-bottom-left-radius:30px;border-top-right-radius:30px;min-height:220px;}
    .culture{background-size: 100% auto;padding:0 0 20px 0;background-repeat: no-repeat}
    .culture .text h6{font-size: 1.8rem;margin-bottom:10px;line-height: 2.8rem}
    .culture .text p{font-size: 1.4rem;line-height:2.2rem;width: 100%}
}

/*contact*/
.contact{background-color: #f8f9fa;}
.contact .contact-info{
    margin: 80px auto;
}
.contact .contact-text{width: 45%;margin-right: 5%}
.contact .contact-text h3{font-size: 25px;font-weight: 600;color:var(--color-2);
    line-height: 22px;position: relative;padding-bottom: 20px;margin-bottom: 20px;
    border-bottom: 1px solid var(--color-2);
}
.contact .contact-text h3:first-child{margin-top: 0;}
.contact .contact-text p{font-size: 18px;color:#444;line-height: 30px;padding: 10px 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: 10px;display: inline-block;
    height: 40px;width: 40px;line-height: 40px;border-radius: 50%;
    background-image:-webkit-linear-gradient(45deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(45deg, var(--color-3),var(--color-2));
    box-shadow: 0 6px 16px -6px rgba(25,113,194,0.65);
    -webkit-box-shadow: 0 6px 16px -6px rgba(25,113,194,0.65);
}
.contact-info .img{width: 50%}
#Gaodemap{width: 100%;height: 100%;min-height: 450px}
#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 .page-nav .page-nav-ul{display: none}
    .contact .contact-info{padding:20px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0;}
    .contact .contact-text{width:100%;margin-bottom:10px;}
    .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;}
    .contact .contact-text p:last-child{border-bottom: none;}
    .contact .contact-text p em{height: 26px;width: 26px;line-height: 26px;font-size: 1.3rem;margin-right: 0}
    .contact-info .img{width: 100%}
    #Gaodemap{min-height: 300px}
}
/*contact-form*/
.contact-form{width: 100%;position: relative;padding:50px 0;background-color: #fff;}
.contact-form form{
    width: 50%;position: relative;z-index: 3;
    background-image: url(../images/bg-img.png);
    background-repeat: no-repeat;background-position: right bottom;
}
.contact-form form label input:focus,.contact-form form label select:focus,.contact-form form label textarea:focus{border: 1px solid var(--color-1)}
.contact-form .info{width: 50%;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-1)}
.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-1)}
.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(125deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(125deg, var(--color-3),var(--color-2));
    box-shadow: 0 16px 32px -12px rgba(25,113,194,0.5);
    -webkit-box-shadow: 0 16px 32px -12px rgba(25,113,194,0.5);
}
.contact-form form button i{font-size: 2.2rem;margin-left: 10px;}
@media (max-width: 1440px) {
    .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;}
    .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;}
}
/*pro*/
.product{background-color: #f8f9fa}
.pro-banner{width:100%;position:relative;background-size: cover;height:250px;margin-top: 88px;}
.banner_waves{width: 100%;height:250px;position:absolute;left:0;top:0;z-index:1;overflow:hidden;}
.waves {width: 100%;height:250px;z-index: -1;}
.banner_search{width: 100%;height:250px;z-index: 9999;position: relative;display: flex;align-items: center;justify-content: center;flex-wrap: wrap}
.banner_search form{width:700px;height: 60px;border: 1px solid rgba(255,255,255,0.75);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);border-radius: 6px;overflow: hidden;margin: 0 auto;background-color:rgba(255,255,255,0.95);}
.banner_search form select{width: 18%;margin-left:1%;border: none;outline: none;text-align: left;font-weight: 300;font-size: 16px;border-right: 1px solid #ddd;background-color: transparent}
/* 重置select的默认样式 */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    padding: 5px 20px 5px 10px; /* 内边距 */
    font-size: 16px; /* 字体大小 */
    background-color: transparent;
    cursor: pointer; /* 鼠标指针样式 */
}
/* 自定义select的样式 */
.select-custom {
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="30" viewBox="0 0 24 24" width="30" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); /* 使用SVG图标作为下拉箭头 */
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
/* 隐藏原生的下拉箭头 */
.select-custom::-ms-expand {
    display: none;
}
/* 美化option元素 */
.select-custom option {
    background-color: #f8f8f8; /* 选项背景颜色 */
    color: #333; /* 选项字体颜色 */
    padding:10px; /* 选项内边距 */
    line-height: 50px!important;
    border: none; /* 移除选项的边框 */
    font-size: 16px; /* 字体大小 */
    font-weight: 200;
    transition: all 0.3s ease; /* 过渡效果 */
}

.banner_search form input{width: 69%;border:none;background-color: transparent;height: 100%;padding-left: 20px;font-weight: 300;font-size: 16px;}
.banner_search form button{width: 15%;border:none;height: 100%;text-align: center;font-size:16px;font-weight:400;color: #fff;
    background-image:-webkit-linear-gradient(-125deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(-125deg, var(--color-3),var(--color-2));position: relative;right: -1px;
}
.banner_search form button i{font-size:1.8rem;margin-left: 5px;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .pro-banner{margin-top: 88px;height:200px;}
    .banner_waves{height:200px;}
    .waves {height:200px;}
    .banner_search{height:200px;}
    .banner_search form{height:55px;}
    .banner_search form{width:650px;height: 55px;}
    .banner_search form select{width: 18%;margin-left:1%;font-size: 14px;}
    .banner_search form select {padding: 5px 20px 5px 10px;font-size: 14px;}
    .select-custom option {font-size: 14px;}
    .banner_search form input{width: 66%;font-size: 14px;}
    .banner_search form button{font-size:14px;}
    .banner_search form button i{font-size:1.6rem;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .pro-banner{margin-top: 70px;height:150px;}
    .banner_waves{height:150px;}
    .waves {height:150px;}
    .banner_search{height:150px;}
    .banner_search form{width:600px;height: 50px;}
    .banner_search form select{width: 20%;margin-left:1%;font-size: 14px;}
    .banner_search form select {padding: 5px 20px 5px 10px;font-size: 14px;}
    .select-custom option {font-size: 14px;}
    .banner_search form input{width: 64%;font-size: 14px;}
    .banner_search form button{font-size:14px;}
    .banner_search form button i{font-size:1.6rem;}
}
@media (max-width: 992px) {

}

/*左测分类列表*/
.subNav-title{background-color:var(--color-3);color: #fff;height:60px;line-height:60px;padding: 0 20px;font-size: 25px;font-weight: 500;
    background-image:-webkit-linear-gradient(125deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(125deg, var(--color-3),var(--color-2));
    box-shadow: 0 16px 32px -12px rgba(25,113,194,0.5);
    -webkit-box-shadow: 0 16px 32px -12px rgba(25,113,194,0.5);
    border-top-left-radius: 6px;border-top-right-radius: 6px;
}
.subNav-title i{font-size: 2.5rem;margin-right: 10px;}
.subNavBox{
    background-color: #fff;
    padding:10px 25px 25px 25px;
    box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 2px 10px 15px rgba(0, 0, 0, 0.05);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius:6px;
}
.subNav{
    cursor:pointer;
    font-size:16px;
    font-weight: 500;
    color:#212529;
    position: relative;
    border-bottom: 1px solid #ededed;
    border-radius: 4px;
}
.subNav:last-child{border-bottom: none;}
.subNav a{line-height:20px;padding:12px 0;display: block;}
.subNav a:hover{text-decoration: none;}
.subNav a i{font-size: 1.8rem;font-weight: 600;position: absolute;right: 15px;color: #868e96;transform: rotate(90deg);-webkit-transform:rotate(90deg) }
.subNav.curdd a i{transform: rotate(0deg);-webkit-transform:rotate(0deg)}
.curdd{background-color: #f1f3f5;}
.curdd a{color:var(--color-3);line-height:20px;padding:12px 20px}
.curdt{overflow: hidden;}
.navContent{display: none;padding:10px;}
.navContent:last-child{border-bottom: none;}
.navContent li a{display:block;
    border-radius:4px;margin-bottom:8px;font-size:15px;line-height:25px;
    font-weight:400;color:#495057;
    padding: 5px 0 5px 15px;
    position: relative;}
.navContent li a:hover,.navContent li a.curdd{
    color:#fff;text-decoration: none!important;font-weight:450;
    background-image:-webkit-linear-gradient(-125deg, var(--color-3),var(--color-2));
    background-image:linear-gradient(-125deg, var(--color-3),var(--color-2));
    box-shadow: 0 6px 12px -6px rgba(25,113,194,0.5);
    -webkit-box-shadow: 0 6px 12px -6px rgba(25,113,194,0.5);
}
.navContent li a i{font-size: 1rem;margin-right: 10px;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .subNav-title{font-size: 20px;height:50px;line-height:50px}
    .subNav-title i{font-size: 2rem;}
    .subNav{font-size:14px;}
    .subNav a{padding:10px 0;}
    .curdd a{padding:10px 15px}
    .navContent li a{font-size:14px;line-height:22px;margin-bottom:0;padding: 5px 0 5px 12px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .subNav-title{font-size: 18px;height:45px;line-height:45px}
    .subNav-title i{font-size: 2rem;}
    .subNav{font-size:14px;}
    .subNav a{padding:8px 0;}
    .curdd a{padding:8px 15px}
    .navContent li a{font-size:14px;line-height:22px;margin-bottom:0;padding: 4px 0 4px 10px;}
}
@media screen and (max-width: 991px) {
    .subNav-title{font-size: 2rem}
    .subNav-title i{font-size: 2.2rem}
    .subNavBox{padding:10px 15px;border: 1px solid #eee;}
    .subNav{font-size:1.8rem;line-height:2rem;padding:15px 0;}
    .navContent li a{font-size:1.8rem;line-height:2.8rem;}
    .navContent li a i{font-size: 1.1rem;}
    .navContent li a:hover,.navContent li a.curdd{font-weight: 550;}
}

.product{padding:20px 0}
.product .loc{font-size: 14px;font-weight: 200;color: #444;}
.product .loc a{font-size: 16px;font-weight: 300;color: #444}
.product .pro-sidebar{width: 20%;margin-right:3%;position: relative;top:-80px;z-index: 999}
.product .pro-content{width: 77%;margin-bottom: 2%;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .product .loc{font-size: 14px;}
    .product .loc a{font-size: 14px;}
    .product .pro-sidebar{width: 23%;margin-right:2%;top:-70px;}
    .product .pro-content{width: 75%;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .product .loc{font-size: 14px;}
    .product .loc a{font-size: 14px;}
    .product .pro-sidebar{width: 23%;margin-right:2%;top:-65px;}
    .product .pro-content{width: 75%;}
}
@media screen and (max-width: 991px) {
    .product{padding:20px 0;flex-wrap: wrap}
    .product .pro-sidebar{width: 100%;margin-right:0;order: 1;margin-bottom:0;position: relative;top:-70px;z-index: 999}
    .product .pro-content{width: 100%;padding:0;margin-bottom: 0;order: 2;position: relative;top:-30px;box-shadow:none;-webkit-box-shadow:none;}
    .mobile .pro-sidebar{order: 2!important;top:unset;margin-bottom: 20px;}
    .mobile .pro-content{order: 1!important;}
}
.pro-ul{width: 100%;flex-wrap: wrap;padding: 20px 0;}
.pro-ul li{width: 49%;
    margin-bottom: 2%;padding:25px;
    align-items: center;border-radius: 4px;
    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);
}
.pro-ul li .info{width: 60%;}
.pro-ul li .info h6{font-size: 18px;font-weight: 550;color: var(--color-1);margin-bottom: 10px;}
.pro-ul li .info h6 a{color: var(--color-1);}
.pro-ul li .info p{font-size: 14px;font-weight: 200;line-height: 22px;margin-bottom:8px}
.pro-ul li .img{width:40%;text-align: center}
.pro-ul li .img img{width: 120px;max-width:100%;height: auto;max-height: 120px;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .pro-ul li{padding:20px;}
    .pro-ul li .info h6{font-size: 14px;}
    .pro-ul li .info p{font-size: 14px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .pro-ul li{padding:15px;}
    .pro-ul li .info h6{font-size: 14px;}
    .pro-ul li .info p{font-size: 13px;}
}
@media screen and (max-width: 991px) {

}
.showpro{padding: 40px;background-color: #fff;margin: 2% 0;
    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);
    border-radius: 8px;
}
.showpro h6{font-size: 25px;font-weight: 550;color: var(--color-1);margin-bottom: 20px;}
.showpro p{border-bottom: 1px dashed #ddd;padding: 10px 20px;margin-bottom: 10px;font-size: 16px;line-height: 26px;font-weight: 400;color: #444;position: relative}
.showpro p:after{content: '';width: 6px;height: 6px;border-radius: 50%;position: absolute;left: 0;top:50%;margin-top: -3px;background-color:var(--color-3)}
.showpro p:last-child{margin-bottom: 0;border-bottom: none;}
.showpro p:last-child:after{display: none}
.showpro p img{width: auto;max-width: 150px;display: block;margin-top: 20px;}

.customization{padding:50px 0;background-color: #fff;}
.customization .container{align-items: center}
.customization .img{width:25%;}
.customization .img img{width: auto;max-width: 100%;border-radius: 12px}
.customization .info{width:75%;padding-left: 50px;}
.cust-ul{width: 100%;flex-wrap: wrap;}
.cust-ul li{width: 18.4%;margin-bottom: 2%;padding:10px;background-color: #fff;font-size: 18px;font-weight: 450;text-align: center;
    border: 1px solid #e9ecef;
    box-shadow: 3px 4px 1px rgba(0,0,0,0.03);
    -webkit-box-shadow:3px 4px 1px rgba(0,0,0,0.03);
    border-radius: 6px;}
.cust-ul li i{display: block;font-size: 5rem;color: var(--color-3);margin-bottom:5px;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .customization .img{}
    .customization .info{padding-left: 40px;}
    .cust-ul li{font-size: 15px;}
    .cust-ul li i{font-size: 4rem;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
}
@media screen and (max-width: 991px) {

}

.news-ul{flex-wrap: wrap;margin:50px 0 30px 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;
}
.news-ul li:nth-child(2n){margin-right: 0;}
.news-ul li a{padding:40px;}
.news-ul li .time{width: 25%;position: relative;}
.news-ul li .time:after{content: '';height: 30%;width: 1px;background-color:#dee2e6;position: absolute;left:30px;bottom: 0;}
.news-ul li .time span{display: block;font-size:60px;color:var(--color-3);line-height:40px;margin-bottom: 15px;font-weight: 500;
    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:75%;}
.news-ul li .info h4{font-size: 18px;color: #495057;position: relative;margin-bottom:15px;font-weight: 500;line-height: 23px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.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{color:#868e96;font-size: 14px;line-height: 22px;margin-bottom: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-ul li .info span{
    display: block;width: 120px;line-height: 35px;border-radius: 20px;text-align: center;
    font-size: 14px;color:#868e96;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-3);}
.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-2));
    background-image:linear-gradient(125deg, var(--color-3),var(--color-2));
    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) {
    .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: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:150px 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: 80%;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 dashed #ddd;margin-bottom:20px;padding-bottom:20px;}
.hot-ul li:last-child{border-bottom: none;margin-bottom: 0;}
.hot-ul 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;}
.hot-ul li a .info{padding: 0 0 0 15px;width:70%;-webkit-box-shadow: none!important;box-shadow: none!important;}
.hot-ul li a .info h6{font-size:14px;line-height: 20px;color:#495057;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hot-ul li a .info p{font-size: 12px;color: #868e96;}
.hot-ul li a .img{width:30%;height:60px;background-size: cover; overflow: hidden;background-color: #f8f8f8;text-align: center;}
.hot-ul li a .img img{width: 40%;margin-top:5px}
.hot-ul li a:hover .info h6{color:var(--color-3);}

.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-3);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: 70%;margin-right: 2%;margin-top: 50px;margin-bottom:50px;}
.new_right{width: 28%;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;}
}


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