body{font-family:"Source Han Sans CN";}
ul,li{list-style: none;}
p{font-size: 0.9rem;color:#666;line-height:1.6rem;}
h5{font-size: 1.25rem!important;}
.header{height: 80px;line-height: 60px;}
.header a{font-size: 0.9rem;color:#333;}
@media (min-width: 1200px) {
    .container{ max-width: 1440px!important;}
}
@media (min-width: 980px) {
    .container{max-width: 100%;}
}
.hx-01{background-color: #3473f3;width: 25px;height: 2px;}
.hx-02{background-color: #3473f3;width: 25px;height: 4px;}
.nav-item{}
.nav-item .dropdown-menu{line-height: 30px;}
.header .pc-on{color:#3473f3; }
.header .pc-active{color:#3473f3;border-bottom: #3473f3 solid 2px; }
.wap .navbar-toggler{color: #000;background-color: #0a8cd6;}
.wap .nav-item{border-bottom: #ddd solid 1px;}
.wap .nav-item a{color: #333;display: block;font-size: 1.1rem;}
.wap-botten a{color:#FFF;}
.index-title h3{font-weight:700;color:#333333;font-size:28px;}
.index-title p{color:#999;}
.index-num{font-size: 2rem;color: #3473f3;font-weight: 700;}
.index-solution a{color:#333;}
.index-solution a p{color:#666;}
.index-solution .swiper-slide{background-color: #FFF;}
.index-solution .swiper-slide a:hover{text-decoration: none;}
.index-solution .swiper-slide:hover{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);}
.index-solution .swiper-slide:hover a{color:#3473f3; }
.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.mr20{margin-right:20px}
.zq-icon{display:inline-block;}
.card-area{margin:0 auto 0;height:400px;position:relative;}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;height:400px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background-color: rgba(0,0,0,0);}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content{height:400px;position:absolute;}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:100%;font-size:14px;color:#a9b0b4;text-align:left;}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:49%;height:400px}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

.button-title .hx{width: 12px;background-color: #FFF;height: 2px;}
.button-l a{display: block;color:rgba(255, 255, 255, 0.8);line-height: 2.4rem;font-size:0.9rem;}
.button-r{color:rgba(255, 255, 255, 0.8);font-size:0.9rem;}

/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;background-color: rgba(255,255,255,0.6);min-height: 24rem;}
/*产品展示左侧*/
.pro-left{box-sizing: border-box;box-shadow: 0px 10px 10px #f7f7f7;}
.pro-content{width: 100%;padding-top: 40px;}
.pro-right{border-left:#d0d0d0 dashed 1px;min-height: 20rem;}
.pro-left .left-category{text-indent: 20px;}
.pro-left .left-category ul li{height: 40px;line-height: 40px;font-size: 1rem;cursor: pointer;color: #999999;}
.pro-left .left-category ul li.on{color: #3473f3;border-left:#3473f3 solid 6px;background-color: #EAF0FE;}
.pro-left .left-category ul li:hover{color: #3473f3;border-left:#3473f3 solid 6px; background-color: #EAF0FE;}
/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul li{float: left;width: 300px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 35px;transition: all .3s linear;}
.pro-right ul li:nth-child(3n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:230px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #333333;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}

.dropdown:hover .dropdown-menu {
    display: block;
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-1-list{min-height: 270px;background-color: #FFF;border-radius: 8px;}
.product-2-list{min-height: 152px;background-color: #FFF;border-radius: 8px;}
.product-2-list-2{min-height: 270px;background-color: #F5F7FB;border-radius: 8px;}
.product-2-list-2 .title{background-color: #3473F3;color: #FFF;border-radius: 8px 8px 0 0;line-height: 4rem;}
.product-2-list-2 .list-2 div{line-height: 64px;}
.product-3-list-1{height:280px;background:#f5f7fb;border-radius:8px;}
.product-3-list-2{background:#f5f7fb;border-radius:8px;}
.product-4-list-1{height:280px;background:#f5f7fb;border-radius:8px;}
.product-4-list-2{background:#f5f7fb;border-radius:8px;}
.plan-1-list-1{background:#FFF;border-radius:8px;}
.plan-1-list-2{background-color: rgba(52, 115, 243, 0.5);color:#FFF;padding: 7px 0;}
.plan-1-list-3{background-color: rgba(0, 183, 97, 0.5);color:#FFF;padding: 7px 0;}
.plan-1-list-4{background-color: rgba(0, 183, 97, 1);color:#FFF;padding: 7px 0;border-radius:25px;}
.plan-1-list-5{background-color: rgba(52, 115, 243, 1);color:#FFF;padding: 7px 0;border-radius:25px;}
.plan-1-d .num{color: #FFF;font-size: 2rem;}
.plan-1-d p{color:#FFF;}
.plan-2-list-1{background:#FFF;border-radius:8px;}
.plan-3-list-1{background:#FFF;border-radius:8px;}
.plan-3-list-1 span{margin: 0 10px;background-color: #d6e3fd;color: #3473f3;font-size: 0.8rem;padding:2px 4px;}
.plan-3-list-2{background:#FFF;border-radius:8px;min-height: 168px;}
.plan-3-list-2 span{margin: 0 10px;background-color: #d6e3fd;color: #3473f3;font-size: 0.8rem;padding:2px 4px;}
.plan-3-list-2 .ico{width:4px;height:4px;background:#3473f3;border-radius:120px;margin-top: 10px;margin-right: 6px;}
.plan-3-list-3{border:1px solid;border-color:#d9d9d9;}
.plan-4-list-1{background:#FFF;border-radius:8px;min-height: 250px;}
.plan-4-list-2{background-color: #3473F3;padding: 1rem 0;}
.plan-4-list-2 p{color:#FFF;margin: 0;}
.plan-4-list-3{background:#FFF;border-radius:8px;min-height: 230px;padding: 1rem 0;}
.plan-4-d .num{color: #FFF;font-size: 2rem;}
.plan-4-d p{color:#FFF;}
.plan-4-list-4{background-color: #FFF;}
.plan-5-list-1{background-color: #F5F7FB;min-height: 230px;}
.plan-5-list-1 h5{color:#3473F3;}
.plan-5-list-1 li{font-size: 0.9rem;color:#666;}
.plan-5-list-1 li::before{
    content: "• "; /* 使用Unicode字符创建加黑点 */
    color: #666; /* 设置颜色 */
    font-weight: bold; /* 设置加粗 */
}
.plan-6-list-1{background-color: #F5F7FB;min-height: 230px;}
.about-nul .num{color: #FFF;font-size: 2.4rem;}
.about-nul p{color:#FFF;}
.about-list-1{background:#FFF;border-radius:8px;min-height: 300px;}
.about-btn .hr-btn-2{width:124px;height:40px;background:#ffffff;text-align: center;line-height: 40px;color:#333;border: 0 silver solid;cursor: pointer;}
.about-btn .hr-btn-2:hover,.about-btn .on{background:#3473f3;color:#FFF;}
.serve-list-1{background-color: #3473F3;line-height: 24px;color: #FFF;width: 120px;text-align: center;font-size: 0.8rem;}
.serve-list-2{background-color: #FFF;border:1px solid #d0d0d0;}
.serve-list-2 img{width: 38px;height: 38px;}
.serve-list-t{color:#FFF;}
.serve-list-t span{padding:0 10px;}
.article-list{background-color: #FFF;border-radius: 8px;}
.article-list .title{font-size: 20px;font-weight: 600;}
.article-list .img{height: 160px;}
.article-list a{color:#333;}
.article-list .ckxq{color:#3473F3;font-size: 0.9rem;}
.article-up a{color:#333;}
.pagination li{margin: 0 2px;border: #dadce1 solid 1px;background:#ffffff;border-radius:4px;color:#666;font-size:0.9rem;}
.pagination li a{padding: 4px 10px;color:#666;line-height: 30px;}
.pagination .disabled{padding: 4px 10px;}
.pagination .active{padding: 4px 10px;color:#FFF;background-color: #3473f3;}
.accordion .card{border: #f00 solid 0px;margin-top: 10px;}
.accordion .card-header{background-color: #FFF;}
.swiper-button-next{background-color: rgba(0,0,0,0.6);color:#FFF;padding: 0.5rem 0;width: 30px;height: 60px;}
.swiper-button-prev{background-color: rgba(0,0,0,0.6);color:#FFF;padding: 0.5rem 0;width: 30px;height: 60px;}
.layui-input:focus,.layui-textarea:focus{border-color:#3473f3!important; }