/*：源代码唯一下载地址: https://www.17sucai.com*/@media only screen and (max-width:767px){:root{--fontSize: 14px;--card-title-fontSize: 20px}.ptb-100{padding-top:50px;padding-bottom:50px}.pt-100{padding-top:50px}.pb-100{padding-bottom:50px}.ptb-70{padding-top:20px;padding-bottom:20px}.pt-70{padding-top:20px}.pb-70{padding-bottom:20px}.pt-30{padding-top:30px}.pl-20{padding-left:0}.pr-20{padding-right:0}.default-section-title h3{font-size:25px}.section-content{margin-top:0}.banner-text-area{padding-top:60px;padding-bottom:100px}.banner-text-area h1{font-size:27px}.banner-text-area p{font-size:13px}.banner-text-area .input-group{display:block;background-color:transparent}.banner-text-area .input-group .form-control{background-color:#667befc6;width:100%;border-radius:10px!important}.banner-text-area .input-group .btn{padding:12px 30px;margin-top:15px}.banner-image-area{margin-top:-80px}.banner-images .banner-1st-img img{max-width:40%}.banner-images .banner-3rd-img{text-align:right;right:0}.banner-images .banner-3rd-img img{max-width:70%}.service-card{padding:20px 15px}.about-text-area{margin-top:30px}.about-img{text-align:center}.about-img img{width:100%}.testimonial-card{padding:20px 19px}.testimonial-card .fa-quote-right{font-size:25px;right:20px}.testimonial-card .testimonial-header{margin-bottom:10px;display:inline-block}.testimonial-card .testimonial-header h4{margin-bottom:10px}.why-we-card{padding:20px}.why-we-card .why-we-card-icon{position:relative;top:unset;left:unset;-webkit-transform:translate(0);transform:translate(0);margin-bottom:20px}.why-we-img-area{margin-top:30px;text-align:center}.why-we-img-area .why-we-bg-img img{-webkit-transform:scale(1);transform:scale(1)}.app-icon{margin:30px 10px 0}.app-icon img{max-width:50%}.first-row{-ms-flex-pack:distribute;justify-content:space-around}.second-row{-ms-flex-wrap:wrap;flex-wrap:wrap}.blog-card .blog-text-area{padding:0 20px 25px}.blog-card .blog-text-area .blog-date ul li{font-size:12px;margin-right:2px}.blog-card .blog-text-area .blog-date ul li::after{display:none}.blog-card .blog-text-area .blog-date ul li i{font-size:12px;margin-right:2px}.footer-links,.footer-quick-links{margin-top:30px;padding-left:0}.footer-contact-list{padding-left:0}.menu-sidebar-1{right:40px;top:12px}.menu-sidebar-1 .call-button{padding-left:30px;margin-left:0}.menu-sidebar-1 .call-button i{font-size:25px}.menu-sidebar-1 .call-button p{font-size:11px}.menu-sidebar-1 .call-button a{font-size:11px}.default-section-title-2 h6{font-size:24px}.home-banner{padding-top:40px;padding-bottom:40px}.home-banner .shapes img{-webkit-filter:opacity(.4);filter:opacity(.4)}.banner-text-area-2 h1{font-size:36px}.banner-img-2{margin-top:30px;text-align:center}.about-img{text-align:center;margin-bottom:30px}.features-card{padding:30px 20px 25px 100px}.features-card .features-card-img{left:20px}.why-we-text-area-2{margin-top:40px}.banner-text-area-3{padding-top:60px;max-width:98%;margin-right:auto;text-align:center;padding-right:0}.banner-text-area-3 h1{font-size:30px}.banner-text-area-3 .banner-button-group .default-button{margin-right:10px;padding-left:25px;padding-right:25px}.banner-img-3{margin-top:30px}.banner .shape{display:none}.about-img-3{margin-bottom:0}.feature-card-3{padding:20px}.feature-card-3 .feature-3-icon{left:0;margin-bottom:15px;position:relative}.service-3 .section-content{margin-top:30px}.service-card-3{padding:20px 15px}.why-we-img-2{text-align:center;margin-top:30px}.why-we-text-area-3{margin-top:0}.testimonial-3 .fa-quote-right{left:10px;top:-10px}.uni-banner-text-area{padding-top:230px;padding-bottom:50px}.uni-banner-text-area h1{font-size:30px}.bd-form{padding:20px 15px!important}.contact-form-area{padding:20px 12px!important}.contact-card{padding:30px;text-align:center}.contact-card i{margin-bottom:15px;position:relative;left:unset;top:unset;-webkit-transform:translate(0);transform:translate(0)}.google-map{height:200px}.terms h1{font-size:21px}.terms h2{font-size:20px}.terms h3{font-size:19px}.terms h4{font-size:18px}.terms h5{font-size:17px}.terms h6{font-size:16px}.faq .section-content{margin-top:0}.faq .faq-text-area .accordion-item .accordion-button{font-size:15px}}@media only screen and (min-width:576px) and (max-width:767px){.banner-text-area h1{font-size:45px}.footer-contact-list{margin-top:0}.recent-news-card h5{padding-top:15px}}@media only screen and (min-width:768px) and (max-width:991px){:root{--fontSize: 15px;--card-title-fontSize: 20px}.ptb-100{padding-top:80px;padding-bottom:80px}.pt-100{padding-top:80px}.pb-100{padding-bottom:80px}.ptb-70{padding-top:50px;padding-bottom:50px}.pt-70{padding-top:50px}.pb-70{padding-bottom:50px}.pt-30{padding-top:30px}.pl-20{padding-left:0}.pr-20{padding-right:0}.default-section-title h3{font-size:32px}.section-content{margin-top:0}.banner-text-area{padding-top:80px}.banner-text-area h1{font-size:50px}.about-text-area{margin-top:30px}.testimonial-card{padding:20px 19px}.testimonial-card .testimonial-header{margin-bottom:10px;display:inline-block}.testimonial-card .testimonial-header h4{margin-bottom:10px}.why-we-img-area{margin-top:30px;text-align:center}.why-we-img-area .why-we-bg-img img{-webkit-transform:scale(1);transform:scale(1)}.blog-card .blog-text-area{padding:0 20px 25px}.blog-card .blog-text-area .blog-date ul li{font-size:13px;margin-right:12px}.blog-card .blog-text-area .blog-date ul li i{font-size:12px;margin-right:2px}.footer-links,.footer-quick-links{margin-top:30px;padding-left:0}.footer-contact-list{padding-left:0;margin-top:0}.default-section-title-2 h6{font-size:60px}.home-banner{padding-top:60px;padding-bottom:60px}.banner-text-area-2 h1{font-size:60px}.banner-img-2{margin-top:30px;text-align:center}.about-img{text-align:center;margin-bottom:30px}.features-card{padding:30px 20px 25px 100px}.features-card .features-card-img{left:20px}.why-we-text-area-2{margin-top:40px}.banner-text-area-3{padding-top:80px;max-width:710px;text-align:center;margin-right:auto}.banner-text-area-3 h1{font-size:40px}.banner-img-3{margin-top:30px;text-align:center}.banner-img-3 img{right:0}.about-img-3{margin-bottom:0}.feature-card-3{padding:20px}.feature-card-3 .feature-3-icon{left:0;margin-bottom:15px;position:relative}.why-we-img-2{text-align:center;margin-top:30px}.why-we-text-area-3{margin-top:0}.uni-banner-text-area{padding-bottom:80px}.uni-banner-text-area h1{font-size:60px}.recent-news-card h5{padding-top:15px}.google-map{height:350px}.terms h1{font-size:23px}.terms h2{font-size:22px}.terms h3{font-size:21px}.terms h4{font-size:20px}.terms h5{font-size:19px}.terms h6{font-size:18px}}@media only screen and (min-width:992px) and (max-width:1199px){:root{--card-title-fontSize: 22px}.default-section-title h3{font-size:30px}.banner-text-area h1{font-size:56px}.service-card{padding-left:20px;padding-right:20px}.why-we-img-area{margin-top:30px;text-align:center}.why-we-img-area .why-we-bg-img img{-webkit-transform:scale(2);transform:scale(2)}.blog-card .blog-text-area{padding:0 20px 25px}.blog-card .blog-text-area .blog-date ul li{font-size:12px;margin-right:1px}.blog-card .blog-text-area .blog-date ul li::after{display:none}.blog-card .blog-text-area .blog-date ul li i{font-size:12px;margin-right:2px}.footer-logo-area .footer-social-icons span{font-size:13px;margin-right:8px}.home-banner{padding-top:60px;padding-bottom:60px}.banner-text-area-2 h1{font-size:50px}.service-card-2{padding-left:20px;padding-right:20px}.banner-text-area-3 h1{font-size:40px}.feature-card-3{padding:20px}.feature-card-3 .feature-3-icon{left:0;margin-bottom:15px;position:relative}.why-we-img-2{text-align:center;margin-top:30px}.uni-banner-text-area{padding-bottom:80px}.uni-banner-text-area h1{font-size:60px}.contact-card{padding:30px 10px 30px 90px}.contact-card i{left:20px}}@media only screen and (min-width:1200px) and (max-width:1399px){.header-area{max-width:1150px}.why-we-img-area .why-we-bg-img img{-webkit-transform:scale(2);transform:scale(2)}.blog-card .blog-text-area .blog-date ul li{font-size:13px;margin-right:8px}.blog-card .blog-text-area .blog-date ul li::after{right:-9px}.header-area-2{max-width:100%}.banner-text-area-2 h1{font-size:60px}.banner-text-area-3{max-width:650px}.banner-text-area-3 h1{font-size:50px}.feature-card-3{padding:30px 20px 25px 100px}.feature-card-3 .feature-3-icon{left:20px}}@media only screen and (min-width:1550px){.why-we-img-area .why-we-bg-img img{-webkit-transform:scale(3);transform:scale(3)}.banner-text-area-3{max-width:800px}}
body,html{overflow-x: hidden!important;}
@media only screen and (max-width:1020px){
    .banner-bg1 { 
        position: relative;
        margin-top: 0px;
        padding-top: 0px;
        border-radius: 0 0 100px 100px
    }
}
  
.main_banner{position:relative;}
.main_banner .textbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);z-index:2}
.main_banner .textbox .title{color:#fff;font-size:42px;font-weight:bold;text-align:center;font-family:"Source Han Sans CN"}
.main_banner .textbox .text{color:#fff;font-size:18px;text-align:center;margin-top:20px}
@media (max-width:1024px){
    .main_banner .textbox .text{display:none}
}



.partTitle{margin-bottom:20px;}
.partTitle h3{height:60px;line-height:60px;position:relative}
.partTitle h3:before{position:absolute;left:0;bottom:0;height:2px;width:60px;content:"";background:linear-gradient(to right,#555 50%,#004098 50%)}
.productPart{background:#fafafa url(../image/index/bg1.jpg) center bottom no-repeat} 
.proTypes{display:flex;justify-content:flex-end;align-items: center;flex-flow: wrap;margin:0 auto} 
.proTypes li{position:relative;padding:5px 15px 10px 15px;border-bottom:2px solid #999}
.proTypes li a{display:block;text-align:center;transition:.5s;}
.proTypes li a img{height:30px;margin:0 auto}
.proTypes li a p{height:30px;line-height:30px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#949494;}
.proTypes li.active p,.proTypes li:hover p{color:#004098}
.proTypes li.active,.proTypes li:hover{border-bottom:2px solid #004098}
.prolist{padding:50px 0 30px 0}
.prolist li{margin:15px 0}
.prolist li a{display:block;background:white;padding:15px;padding:5px 5px 15px 5px}
.prolist li .imgBox{background:white;display:flex;align-items: center;justify-content: center;height:300px;overflow: hidden;position: relative;}
.prolist li .imgBox img{max-width:100%;transition:.5s;}
.prolist li .imgBox::before{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;content:"";background:url(../image/sy.png) right bottom no-repeat;background-size:cover;}
.prolist li h5{padding:5px 10px;height:40px;line-height:20px;margin:10px 0}
.prolist li p{height:20px;line-height:20px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#949494;font-size:12px;padding:0 10px}
.prolist li p span{width:16px;height:16px;background:#999;color:white;border-radius:50%;display:flex;align-items: center;justify-content: center;transition: .5s;}
.prolist li p span img{width:10px}
.prolist li:hover a{box-shadow:0 0px 15px 0 rgba(0,0,0,.12);transform:translateY(-10px);}
.prolist li:hover h5,.prolist li:hover p{color: #fff;}
.prolist li:hover span{background:rgba(255,255,255,.42)}
.prolist li:hover img{transform: scale(1.2);}
.prolist li:hover a{background:#004098;box-shadow:0 0 15px 0 rgb(0,64,152,.4)}


.partContent{margin-bottom:40px}
.partContent div{line-height:24px;color:#666;font-size:14px;margin:20px 0}
.LearnmoreBoxTitle{display: flex;align-items: center;justify-content: flex-end;height:80px}
.LearnmoreBox{margin:40px 0 }
a.Learnmore{display:flex;width:130px;height:34px;line-height:34px;color:#004098;font-size:14px;font-weight:400;justify-content: center;align-items: center;border:1px solid #004098;border-radius:30px;transition:.5s;background:white url(../image/index/sjx_blue.png) 86% center no-repeat;}
.Learnmore  span{margin-right:4px}
.Learnmore:hover{background:#004098  url(../image/index/sjx_white.png) 86% center no-repeat;color:white}
.partBottom{margin:30px 0;}
.partBottom ul{display:flex;justify-content:space-around;}
.partBottom li{position: relative;text-align: center;flex:1}
.partBottom li:nth-child(1):before,.partBottom li:nth-child(2):before{position: absolute;right:0;top:10px;width:1px;height:40px;content:"";background:#ccc}
.partBottom h3{color:#004098;font-size:34px}
.partBottom h3 sup{font-size:14px;position:relative;top:-24px;color:#666}
.partBottom p{color:#999;font-size:12px}

.partBottomInner{margin:30px 0;}
.partBottomInner ul{padding:20px;float: right;}
.partBottomInner li{position: relative;text-align: left;border-bottom: 1px solid #eee;padding:20px}
.partBottomInner h3{color:#004098;font-size:34px}
.partBottomInner h3 sup{font-size:14px;position:relative;top:-24px;color:#666}
.partBottomInner p{color:#999;font-size:12px}

.solutionPart{background:#fafafa url(../image/index/bg3.jpg) left top no-repeat;background-size:cover;position:relative;overflow:hidden} 
.solutionPart .container{min-height:700px}
.solutionTabBox{position:absolute;bottom:70px} 
.solutionTabBox ul li{position: relative;height:140px;background:white}
.solutionTabBox ul li a{display:flex;align-items: center;justify-content: center;width:100%;height:100%;position: absolute;left:0;top:0;padding:20px 20px 10px 20px;transition: .5s;z-index:3}
.solutionTabBox ul li:nth-child(2n){background:#f0f0f0}
.solutionTabBox ul li h5{color:#595757;font-size:26px;display: inline-block;padding-left:30px;position:relative;top:-15px;text-align: center;}
.solutionTabBox ul li p.Learnmore1{position:absolute;left:0;bottom:10px;padding:0 10px;line-height:22px;font-size:14px;z-index:4}
.Learnmore1{display:flex;align-items: center;color:#999} 
.Learnmore1 span{margin-right:5px}
.solutionTabBox li.active:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.82);content:"";z-index:2}
.solutionTabBox ul li:nth-child(1) a h5{background:url(../image/icons/1_.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(2) a h5{background:url(../image/icons/2_.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(3) a h5{background:url(../image/icons/3_.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(4) a h5{background:url(../image/icons/4_.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(5) a h5{background:url(../image/icons/5_.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(1).active a h5,.solutionTabBox ul li:nth-child(1):hover a h5{background:url(../image/icons/1.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(2).active a h5,.solutionTabBox ul li:nth-child(2):hover a h5{background:url(../image/icons/2.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(3).active a h5,.solutionTabBox ul li:nth-child(3):hover a h5{background:url(../image/icons/3.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(4).active a h5,.solutionTabBox ul li:nth-child(4):hover a h5{background:url(../image/icons/4.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:nth-child(5).active a h5,.solutionTabBox ul li:nth-child(5):hover a h5{background:url(../image/icons/5.png) left center no-repeat;background-size:26px}
.solutionTabBox ul li:hover h5,.solutionTabBox ul li.active h5{color:#004098}

.newsPartContent{padding:30px 0}
.newsLeft{padding:0;overflow:hidden;background:#f5f5f5;}
.newsLeft a{display:block;background:#f5f5f5;padding:0}
.newsLeft .imgBox{position:relative;height:340px;overflow: hidden;}
.newsLeft .imgBox img{width:100%;height:340px;transition:.5s;object-fit: cover;}
.newsLeft .imgBox .date{position:absolute;left:15px;bottom:15px;padding:15px;background:#f5f5f5;text-align: center;}
.newsLeft .imgBox .date b{font-size:30px;font-weight:bold;color:#004098}
.newsLeft .imgBox .date p{font-size:14px;font-weight:500;color:#666}
.newsLeft h5{color:#444;margin:15px 10px 5px 10px}
.newsLeft p{color:#666;font-size:12px;margin:10px 10px 15px 10px}
.newsLeft:hover h5{color:#004098;margin:15px 10px 5px 10px}
.newsLeft:hover img{transform: scale(1.2);}

.newsRight{background:#f5f5f5;margin-bottom:15px;padding:0;margin-left:15px;border-top:2px solid #004098;min-height:460px;overflow:hidden;height:100%;background:#f5f5f5}
.newsRight ul{padding:4px 10px}
.newsRight li{border-bottom:2px solid #ddd;padding:12px 10px}
.newsRight li:last-child{border:none}
.newsRight li p{font-size:12px}
.newsRight li .time{margin-bottom: 2px;color:#aaa;}
.newsRight li.tomore {transition:.5s}
.newsRight li .tomore img{display:inline;margin-left:5px}
.newsRight li h5{color:#444;height:44px;line-height:22px}
.newsRight li:hover{background:#fff}
.newsRight li:hover h5{color:#004098}
.newsRight li:hover .tomore{color:#004098;transform: translateX(5px);}

.contactPart{background:#f6f6f6} 
.contactRight{background:#f6f6f6 url(../image/index/fb.png) right center no-repeat;background-size:contain;position:relative;min-height:480px;overflow:hidden}
.contactLeft ul{padding:30px 10px;margin:30px 0}
.contactLeft ul li{height:60px;line-height:60px;color:#333;font-size:34px;font-weight: bold;text-indent: 70px;}
.contactLeft ul li:nth-child(1){background:url(../image/index/ic5.png) left center no-repeat}
.contactLeft ul li:nth-child(2){background:url(../image/index/ic6.png) left center no-repeat}

.proBase{margin:30px 0}
.proBase img{width:100%}
.probaseinfo{display:flex;align-items: center;}
.proDetailTabbox{min-height:80px;background:white}
.productBasePart,.detailPart{background:#fafafa}
.prodetail_nav{display:flex;justify-content: space-between;align-items: center;flex-flow:wrap}
.prodetail_nav li{flex:1 0 150px;position: relative;}
.prodetail_nav li a{display:flex;height:80px;line-height:80px;text-align: center;font-size:16px;font-weight:500;color:#333;justify-content: center;align-items: center;} 
.prodetail_nav li a img{width:auto;height:30px}
.prodetail_nav li.active:before,.prodetail_nav li:hover:before{position:absolute;width:60%;height:2px;left:20%;bottom:0;content:"";background:#004098}
.prodetail_nav li.active a,.prodetail_nav li:hover a{color:#004098;}



.proListTabbox{background:none;position:relative;margin-top:-40px;z-index:6}

.proList_navl1{display:flex;justify-content:center;align-items: center;flex-flow: wrap;} 
.proList_navl1 li{flex:0 1 200px;position: relative;padding:10px}
.proList_navl1 li a{display:flex;background:#fff;height:40px;text-align: center;font-size:16px;font-weight:500;color:#000;justify-content: center;align-items: center;padding:0 10px;} 
.proList_navl1 li.active a,.proList_navl1 li:hover a{background:#a0d9f6;color:#000;}

.proList_nav{background:white;display:flex;justify-content: space-between;align-items: center;flex-flow: wrap;} 
.proList_nav>li{flex:1;position: relative;overflow:visible;}
.proList_nav>li>a{display:flex;height:80px;text-align: center;font-size:16px;font-weight:500;color:#333;justify-content: center;align-items: center;padding: 0.5rem;} 
.proList_nav>li:before{position:absolute;width:1px;height:25px;right:0;top:30px;content:"";background:#ddd}
.proList_nav>li:last-child:before{display:none}
.proList_nav>li.active>a,.proList_nav>li:hover>a{color:#004098;}
.proList_nav>li:hover>ul{display: block;}

.proList_nav ul{position: absolute;left:50%;top:78px;background:white;min-width:200px;transform:translateX(-50%);display:none;box-shadow: 0 5px 5px 0 rgba(0,0,0,.12);z-index:66}
.proList_nav ul>li>a{display: block;padding:10px;line-height:20px;color:#333;font-weight: 500;text-align: center;border-bottom:1px solid #eee}
.proList_nav ul>li>a:hover,.proList_nav ul>li.active>a{color:#000;background:#a0d9f6}




@media only screen and (max-width:1200px){ 
    .proList_nav{background:white;display:flex;justify-content: space-between;align-items: center;flex-flow: wrap;} 
    .proList_nav>li{flex:1 0 160px;position: relative;}
    .proList_nav>li>a{display:flex;height:80px;text-align: center;font-size:16px;font-weight:500;color:#333;justify-content: center;align-items: center;padding: 0.5rem;} 
    .proList_nav>li:before{position:absolute;width:1px;height:25px;right:0;top:30px;content:"";background:#ddd}
    .proList_nav>li:last-child:before{display:none}
    .proList_nav>li.active>a,.proList_nav>li:hover>a{color:#004098;}
    .proList_nav>li:hover>ul{display: block;}
    .proList_nav ul{position: absolute;left:50%;top:78px;background:white;min-width:200px;transform:translateX(-50%);display:none;box-shadow: 0 5px 5px 0 rgba(0,0,0,.12);z-index:66}
    .proList_nav ul>li>a{display: block;padding:10px;line-height:20px;color:#333;font-weight: 500;text-align: center;border-bottom:1px solid #eee}
    .proList_nav ul>li>a:hover,.proList_nav ul>li.active>a{color:#000;background:#a0d9f6}
    .probannertitle{display:none} 
    .proListTabbox{margin-top:40px}
    .main_banner .textbox{transform: translate(-50%, -50%);}

    .proList_navl1{display:flex;justify-content:center;align-items: center;flex-flow: wrap;} 
    .proList_navl1 li{flex:1 0 auto;position: relative;padding:10px}
    .proList_navl1 li a{display:flex;background:#fff;height:40px;text-align: center;font-size:16px;font-weight:500;color:#000;justify-content: center;align-items: center;padding:0 5px;} 
    .proList_navl1 li.active a,.proList_navl1 li:hover a{background:#a0d9f6;color:#000;}
}

@media only screen and (min-width:1200px){ 
    .solutionTabBox ul li{width:19%!important}
    .solutionTabBox ul li:nth-child(4){width:24%!important}
}

.solutionPart1 .solutionTitleBox{text-align: center;margin-bottom:30px;}
.solutionPart1 .solutionContentBox{text-align: center;}
.solutionPart1 .imgBox,.solutionPart2 .imgBox{text-align: center;margin:40px 0}
.solutionPart2 .solutionTitleBox{text-align: center;margin-bottom:30px;}
.solutionPart2 .solutionContentBox{text-align: left;}
.solutionTab{background:#f0f0f0;min-height:80px;border-bottom:1px solid #ddd}
.solutionTabNav{display:flex;justify-content:center;flex-flow: wrap;}
.solutionTabNav li{flex:1 0 200px;position: relative;}
.solutionTabNav li a{display:flex;height:80px;justify-content: center;align-items: center;text-align: center;font-size:16px;font-weight:500;color:#333} 
.solutionTabNav li.active:before,.solutionTabNav li:hover:before{position:absolute;width:60%;height:2px;left:20%;bottom:0;content:"";background:#004098} 
.solutionTabNav li.active a,.solutionTabNav li:hover a{color:#004098;}


.newsList_nav{margin:0 15px;background:white;display:flex;justify-content: center;align-items: center;flex-flow: wrap;padding:0} 
.newsList_nav li{flex:0 0 150px;position: relative;}
.newsList_nav li a{display:flex;height:80px;line-height:80px;text-align: center;font-size:16px;font-weight:500;color:#333;justify-content: center;} 
.newsList_nav li:before{position:absolute;width:1px;height:25px;right:0;top:30px;content:"";background:#ddd}
.newsList_nav li:last-child:before{display:none}
.newsList_nav li.active a,.newsList_nav li:hover a{color:#004098;font-weight: bold;}


.aboutNav{margin:0 15px;background:white;display:flex;justify-content: center;align-items: center;flex-flow: wrap;padding:0} 
.aboutNav li{flex:0 0 200px;position: relative;}
.aboutNav li a{display:flex;height:80px;line-height:80px;text-align: center;font-size:16px;font-weight:500;color:#333;justify-content: center;} 
.aboutNav li:before{position:absolute;width:1px;height:25px;right:0;top:30px;content:"";background:#ddd}
.aboutNav li:last-child:before{display:none}
.aboutNav li.active a,.aboutNav li:hover a{color:#004098;font-weight: bold;}


.searchBox{float: right;margin-top:12px;width:300px;height:36px;line-height:36px;background:white;position:relative;border-radius:20px;}
.searchBox input{display: block;width:300px;height:36px;line-height:36px;background:white;border-radius:20px;border:none;text-indent:10px;color:3000}
.searchBox input::placeholder{color:#ccc}
.searchBox a{position: absolute;right:0;top:0;width:50px;height:36px; background: #fff url(../image/news/search.png) center no-repeat;border-radius: 30px;}
.newsList{padding-left:0}
.newsList li{padding:10px;position: relative;cursor: pointer;margin-bottom: 20px;}
.newsList li .fbdate{padding-right:20px;position: relative;}
.newsList li .fbdate:before{position: absolute;right:0;top:10px;width:15px;height:5px;background:#004098;content:"";}
.newsList li .imgBox img{width:100%;height:100%;object-fit: fill;}
.newsList li .newsTimes{background:url(../image/news/time.png) left center no-repeat;text-indent: 20px;margin:5px 0 15px 0}
.newsList li .subTitle{height:88px;overflow: hidden;line-height:22px;color:#666}
.newsList li .moreBox{display:flex;align-items: center;justify-content: center;}
.newsList li .moreBox a{display: block;width:130px;height:34px;line-height:34px;text-align: center;border:1px solid #444;color:#444;border-radius:20px;background:url(../image/news/yjt_.png) 80% center no-repeat;background-size:14px}
.newsList li h5{padding: 0;font-size: 20px;font-weight: bold;}
.newsList li p{color:#999;margin-bottom:0}
.newsList li:hover{background:white}
.newsList li:hover a{border:1px solid #004098;color:white;background:#004098 url(../image/news/yjt.png) 80% center no-repeat;background-size:14px}

.newsdetailBox{margin-top:30px;background: white;}


.contactPart1{padding:30px 0}
.contactPart1 .left{background:#004098;position: relative;display:flex;align-items: center;justify-content: center;padding:50px 0}
.contactPart1 .box{height:100px;position:relative;padding:0 0 0 110px}
.contactPart1 .box img{height:100px;position:absolute;left:0;top:0}
.contactPart1 .box .t1{height:40px;line-height: 40px;color:white;font-size:18px;font-weight: 500;padding:10px 0}
.contactPart1 .box .t2{height:40px;line-height: 40px;color:white;font-size:30px;font-weight: bolder;padding:10px 0}
.contactPart1 .box .t3{height:80px;line-height: 80px;color:white;font-size:24px;font-weight: 600;padding:10px 0}
.contactPart1 .right{background:#5dbdc8;position: relative;display:flex;align-items: center;justify-content: center;padding:50px 0}
.messageTitle{font-size:24px;color:#999;font-weight: 500;margin:20px auto;text-align: center;}
.messageBox{width:80%;margin:30px auto}
.messageBox input::placeholder,.messageBox textarea::placeholder{color:#ccc}
.messageBox .submit{margin:0 auto;display:block;height:40px;line-height:40px;text-align: center;width:150px;border-radius:5px;color:white;font-size:14px;background:#0e80d7;}
.addressBox{text-align:center;}
.addressicon img{margin:20px auto 10px}
.addressTitle{color:#333;font-size:18px;font-weight:600;padding:5px}
.addressSubTitle{color:#666;font-size:14px;font-weight: 500;padding:5px;margin-bottom: 30px;}



.JoinPart1{padding:30px;background:white}
.JoinPart1 table th, .JoinPart1 table td{padding:10px;vertical-align: middle;}
.JoinPart1 thead tr{border-bottom: 2px solid #0e73b8;transition: .5s;}
.JoinPart1 tbody tr:hover{background-color: #f5f7ff;cursor: pointer;}
.JoinPart1 tbody tr img{width:30px;margin:0 auto}
.JoinPart1 td,.JoinPart1 th{text-align: center;}


.zw_title{font-size:20px;color:#000;font-weight: bold;height:40px;line-height: 40px;}
.zw_subtitle{font-size:14px;color:#999;font-weight: 500;height:20px;line-height:20px;} 
.zw_titleBox{padding:0 10px 40px 10px}
.zw_detial{padding:40px 10px;border-top:1px solid #eee;word-wrap: break-word;}
.zw_title1{font-weight: bold;color:#333;}
.zw_content{font-weight: 500;color:#666;margin-bottom: 30px;line-height: 26px;}

.marketPart1{padding:40px;text-align: center;background-color: white;margin:30px 0} 
.marketTitle{padding:20px;color:#333;font-size:24px;font-weight: 500;} 
.marketContent{padding:20px;text-align: center;} 


.businessPart1{background:white;margin:30px 0}
.businessPartItem{display: flex;justify-content: space-between;flex-flow: wrap;}
.businessPartItem>div{flex:1 0 50%}
.businessPartItem .textBox{padding:40px 30px}
.businessPartItem .textBox h5{font-size:14px;color:#004098;height:30px;line-height: 30px;font-weight: 500;}
.businessPartItem .textBox h3{font-size:26px;color:#004098;min-height:40px;line-height: 40px;font-weight: 500;}
.businessPartItem .textBox p{font-size:16px;color:#666;line-height: 26px;font-weight: 300;margin-top:20px}
@media only screen and (max-width:1200px){
    .businessPartItem>div{flex:0 0 100%}
    .newsList li h5{padding:10px 0 0 0} 
}

.joinBtn{margin:0 auto;display:block;height:40px;line-height:40px;text-align: center;width:150px;border-radius:5px;color:white;font-size:14px;background:#0e80d7;}
.joinBtn:hover{margin:0 auto;display:block;height:40px;line-height:40px;text-align: center;width:150px;border-radius:5px;color:white;font-size:14px;background:#0a5fa0;}


.wx,.in{position:relative}
.weixineweima,.inma{width:140px;height:140px;position:absolute;left:50%;margin-left:-70px;top:63px;background-color:#fff;padding:9px;box-shadow:0px 0px 21px 0px rgba(0,0,0,0.12);z-index:-1;opacity:0;visibility:hidden}
.weixineweima:after,.inma:after{content:"";border-bottom:7px solid #fff;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:-7px;left:50%;margin-left:-6px}
.wx:hover .weixineweima,.in:hover .inma{z-index:9;opacity:1;visibility:visible}



.newsdetailBox{padding:10px}
.newsTitle2{font-size:16px;color:#555;font-weight:600;border-bottom: 1px solid #ddd;height:50px;line-height:50px;}
.newsList2 ul{padding:10px}
.newsList2 li{margin:20px 0}
.newsList2 img{width: 100%;object-fit: fill;}
.newsList2 .title{font-size:14px;color:#555;font-weight:600;line-height:20px;overflow: hidden}
.newsList2 p{margin-top:15px;font-size:12px;color:#999;min-height:40px}
.newsList2 li:hover .title{color:#004098}
.leftTitle{padding:10px;border-bottom: 1px solid #ddd;height:120px}
.newsRightBox{padding-top:70px}



.ndbot{margin:70px 0} 
.bot{margin-top:72px}
.returnlist{display:block;color:#999;padding-left:26px;background-image:url(../image/return.png);background-repeat:no-repeat;background-position:left center}
.ndpagers{padding:25px 0;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;margin-top:16px}
.ndpagerslist{max-width:48%}
.ndpagerslist .name{color:#999;width:68px}
.ndpagerslist .text{width:calc(100% - 68px);height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ndpagerslist a.text:hover{color:#0c5da2}

.ndtop{padding-bottom:30px;border-bottom:1px solid #f0f0f0}
.ndtop .title{font-size:30px;font-weight:bold}
.ndtop .other{margin-top:10px}
.ndtop .other .list{color:#999;margin-right:22px;line-height:36px;background-repeat:no-repeat;background-position:left center;padding-left:24px}
.ndtop .other .list.date{background-image:url(../image/news/ndtime.png)} 
.ndtop .other .list.share{margin-right:0;background-image:url(../image/news/ndshare.png)}
.ndtop .shareitem{width:36px;height:36px;border-radius:36px;cursor:pointer;margin-right:10px;background-color:#ccc;background-repeat:no-repeat;background-position:center center}
.ndtop .shareitem[data-wb]{background-image:url(../image/news/ndwb.png)}
.ndtop .shareitem[data-wx]{background-image:url(../image/news/ndwx.png)}
.ndtop .shareitem[data-qq]{background-image:url(../image/news/ndqq.png)} 
.ndtop .shareitem[data-int]:hover{background-color:#0c5da2}
.ndtop .shareitem[data-wb]:hover{background-color:#f19613}
.ndtop .shareitem[data-qq]:hover{background-color:#12b7f5}
.ndtop .shareitem[data-wx]:hover{background-color:#2eaf0c}
.ndbot{margin-top:70px}
.ndbotlf{width:calc(100% - 574px);margin-right:100px}
.ndbotlf .bot{margin-top:72px} 
.ndpagers{padding:25px 0;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;margin-top:16px;margin-bottom: 40px;}
.ndpagerslist{max-width:48%}
.ndpagerslist .name{color:#999;width:68px}
.ndpagerslist .text{width:calc(100% - 68px);height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ndpagerslist a.text:hover{color:#0c5da2}
.ndbotlr{width:474px}
.ndbotlr .top{padding-bottom:22px;border-bottom:1px solid #efefef}
.ndbotlr .top .title{color:#666;font-size:18px;position:relative}
.ndbotlr .top .title:after{content:"";width:100%;height:2px;background-color:#0d6fb8;position:absolute;bottom:-23px;left:0}
.ndrecommitem{padding:30px 0;border-bottom:1px solid #efefef;display:block}
.ndrecommitem .img{width:196px}
.ndrecommitem .textbox{width:calc(100% - 196px);padding:16px 0 10px 22px}
.ndrecommitem .textbox .title{font-size:16px;line-height:1.8;height:54px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ndrecommitem .textbox .date{color:#999;font-family:Arial;margin-top:20px}
.ndrecommitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.ndrecommitem:hover .textbox .title{color:#0d6fb8}
.lf{float:left}
.rf{float:right}
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip,.layui-laypage a, .layui-laypage span{padding:5px  15px!important}

.proBase .swiper-pagination-bullet{background:#212121;width:8px;height:8px;border-radius: 50%;}
.proBase .swiper-pagination-bullet-active{background:#004098;}
.proBase .swiper-container-horizontal>.swiper-pagination-bullets,.proBase  .swiper-pagination-custom,.proBase  .swiper-pagination-fraction{bottom:30px}
.detailPart .container table{width:100%!important;margin:0 auto}
.detailPart .container{overflow-x: auto;word-wrap: break-word;padding:20px!important}
.detailPart .container p span{text-wrap:wrap!important;} 
/* .container p{line-height:100%} */
@media (max-width:1024px){
    .copyRight .phone400{display:none}
    .newsList2 .title{font-size:14px;color:#555;font-weight:600;line-height:20px;overflow: hidden;padding-top:10px}
    .toolbox{display:none}
    .detailPart .container table{width:auto}
}

/* loadding */

@font-face {
	font-family: "Gotham Bold";
	src: url("Gotham/Gotham-Bold.otf");
}

@font-face {
	font-family: "Gotham-Black";
	src: url("Gotham/Gotham-Black.otf");
}

@font-face {
	font-family: "Gotham-Book";
	src: url("Gotham/Gotham-Book.otf");
}

@font-face {
	font-family: "Gotham-Light";
	src: url("Gotham/Gotham-Light.otf");
}
.loadding-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #004098;
    top: 0;
    left: 0;
    z-index: 99997;
}

.loadding-box {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 300px;
    height: 40px;
    margin: -20px 0 0 -150px;
    z-index: 99998;
    white-space: nowrap;
}

.loadding-txt {
    font-size: 50px;
    font-family: "Gotham Bold";
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 300px;
    overflow: hidden;
    letter-spacing: 25px;
    white-space: nowrap;
}

.loadding-txt-bg {
    color: #0d4a9d;
    z-index: 99998;
}

.loadding-txt-fg {
    width: 0;
    color: #fff;
    z-index: 99999;
}