@charset "utf-8";

*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 12px;}
::-webkit-scrollbar {   width: 5px;}
::-webkit-scrollbar-track {  background: #f1f1f1;}
::-webkit-scrollbar-thumb {  background: #bec4c4;}

ul{list-style: none;}
a{text-decoration: none;    color: #686868;}
img{border: none;}
.l{float:left}
.gy2{width:1440px;margin:0 auto;overflow:hidden}
.top-banner{height: 680px; overflow:hidden; background:url("../img/index-bg.png") no-repeat 50%; background-size: cover}
#headdiv{height: 100px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}

/*logo和导航*/
.top02{width:100%;min-width:1200px;background: hsla(0, 0%, 100%, .3); height: 86px;box-shadow: none;}
.top02:hover{ background: #fff;box-shadow: none;}
.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}
.logo{width:344px;float:left;padding-top:13px}
.logo img{float:left}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#f67524;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{float:right}
.nav li{position:relative}
.nav li.m{width:86px;padding-right:22px;margin:0 22px 0 0;float:left;text-align:center;}
.nav .m.on a.mmm{color:#f3782a}
.nav a.mmm{width:86px;height:46px;padding-top:40px;display:block;font-size:16px;color:#333}

.top02.show {background: #fff;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);}


/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:fixed;top:85px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#fff;    padding-top: 26px;   border-top: 1px solid #e7e7e7;}
.nav .sub .nav_xiao{width:1440px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao.max1100{max-width:1100px}

/*二级导航-关于我们*/
.nav .sub .nav_xiao .xiao_two{margin-top:40px;margin-bottom:40px;overflow:hidden}
.nav .sub .nav_xiao .xiao_two ul li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center}
.nav .sub .nav_xiao .xiao_two ul li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li:last-child a{border-right:0}
.nav .sub .nav_xiao .xiao_two ul li a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px}
.nav .sub .nav_xiao .xiao_two ul li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(../img/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{background-position:30px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{background-position:-330px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{background-position:-691px center}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{background-position:-1050px center}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{background-color:#f67524;margin-top:5px}
/*二级导航-新闻动态*/
.nav .sub .nav_xiao .xiao_three{ width: 900px; overflow:hidden;margin:60px auto;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:260px;height:218px; overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff}
.nav .sub .nav_xiao .xiao_three ul li:last-child{margin-right:0}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;transition:all .3s}
.nav .sub .nav_xiao .xiao_three ul li a{color:#000;width:100%;font-size:18px;height:100%;display:block}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f67524}
/*二级导航-解决方案*/
.nav .sub .nav_xiao .xiao_four{width:50%;overflow:hidden;margin-top:40px;margin-bottom:40px}
.nav .sub .nav_xiao .xiao_four.l{border-right:1px solid #e3e3e3}
.nav .sub .nav_xiao .xiao_four.r{width:49%}
.nav .sub .nav_xiao .xiao_four h2{font-size:16px;font-weight:700;color:#000;height:18px;line-height:18px}
/*解决方案左边*/
.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px}
.nav .sub .nav_xiao .xiao_four .ul li{padding-top:11px;padding-bottom:11px;height:55px;line-height:22px;padding-left:15px;margin-right:40px;width:265px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul li:hover{background-color:#fff}
.nav .sub .nav_xiao .xiao_four .ul li a{display:flex;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul li a i{background:url(../img/menu_icon.png) no-repeat;background-position: 0 0;background-size: 187px 119px;height: 25px;margin: 8px;width: 25px;}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{background-position: 0 0;}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{ background-position: -22px 0}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{ background-position: 0 -23px}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{background-position: -22px -23px}
.nav .sub .nav_xiao .xiao_four .ul li a div p:first-child{ font-weight: bold;color:#000; font-size: 14px;}
/*解决方案右边*/
.nav .sub .nav_xiao .xiao_four .ul2{width:540px;margin:0 auto;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px}
.nav .sub .nav_xiao .xiao_four .ul2 li{padding-top:11px;height:55px;line-height:22px;margin-right:40px;width:500px;overflow:hidden;float:left;display:inline;position:inherit}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){margin-right:0}
.nav .sub .nav_xiao .xiao_four .ul2 li a{display:block;text-align:left;color:#999;font-size:14px}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{font-weight:4700;font-size:14px;display:block;color:#000;height:22px;overflow:hidden}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;margin-left:3px}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{color:#f67524}
/*二级导航-成功案例左*/
.nav .sub .nav_xiao .xiao_five{width:549px;overflow:hidden;float:left;margin-top:40px;margin-bottom:40px;border-right:1px solid #e6e6e6}
.nav .sub .nav_xiao .xiao_five img{width:391px;height:259px}
.nav .sub .nav_xiao .xiao_five a{width:391px;height:259px;padding:0;margin-right:45px;float:left}
/*二级导航-成功案例右*/
.nav .sub .nav_xiao .xiao_five2{float:right;text-align:left;margin-top:71px}
.nav .sub .nav_xiao .xiao_five2 a{text-align:left;float:left;margin-right:100px;height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){margin-right:3px}
.nav .sub .nav_xiao .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat;background-image:url(../img/top_pic3.png);float:left;margin-right:20px;transition:all .3s;margin-left:0}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#f67524}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{background-position:9px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{background-position:-233px 8px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{background-position:9px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{background-position:-233px -72px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{background-position:9px -152px}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6{background-position:-233px -152px}
/*二级导航-产品服务*/
.nav .sub .nav_xiao .xiao_six{overflow:hidden;height:368px;border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:}
.nav .sub .nav_xiao .xiao_six ul{ display: flex;}
.nav .sub .nav_xiao .xiao_six ul li{height:338px;width:33.2%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{margin:0 auto;width:80%;max-width:360px;height:338px;overflow:hidden;text-align:left}
.nav .sub .nav_xiao .xiao_six ul li:last-child{border-right:0}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:15px}
.nav .sub .nav_xiao .xiao_six ul li a{display: flex; overflow:hidden;font-size:16px;color:#666;padding:10px;}

.nav .sub .xiao_six_con a .icon{ display: block; width: 40px; padding-top: 10px}
.nav .sub .xiao_six_con a .icon img{width:34px;height: 34px; }
.nav .sub .xiao_six_con a .title-container{ margin-left: 15px; line-height: 24px;}
.nav .sub .xiao_six_con a .title-container span:first-child{ font-weight: 700; color: #000;font-size: 14px;}
.nav .sub .xiao_six_con a .title-container span:first-child:hover{color: #064fbd;}

.bricks {margin: 0 auto;padding: 0 54px;width: 1280px;}
.fuSlide{ padding-top: 222px;}
.solution-title {color: #141e31;font-size: 40px;font-weight: 600;line-height: 56px;margin-bottom: 16px;}
.s-desc {color: #141e31;font-size: 18px;line-height: 24px;max-width: 520px;}
.x-primary-btn {display: inline-block;}
.check-button {margin-top: 48px;padding: 12px 32px;}
.x-primary-btn .button-contain {-webkit-box-align: center;-ms-flex-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-align-items: center;align-items: center;background: #00c29a;border-radius: 4px;color: #fff;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;font-size: 18px;font-weight: 500;-webkit-justify-content: center;justify-content: center;line-height: 24px;padding: 12px 24px;}
.x-primary-btn .check-button span{ font-size: 20px;}
.hot-recommend {margin-top: 56px;}
.hot-recommend .hot-recommend-title {font-size: 20px;font-weight: 600;line-height: 24px;}
.hot-recommend .hot-recommend-list, .hot-recommend .hot-recommend-list .recommend-item {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.hot-recommend .hot-recommend-list {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 16px;}
.hot-recommend .hot-recommend-list .recommend-item {background: #fff;border-radius: 8px;-webkit-box-shadow: 0 1px 4px 0 rgba(20,30,49,.08);box-shadow: 0 1px 4px 0 rgba(20,30,49,.08);height: 80px;margin-bottom: 20px;padding: 6px;width: 186px;}
.hot-recommend .hot-recommend-list .recommend-item .img-icon-1, .hot-recommend .hot-recommend-list .recommend-item .img-icon-2 {
    -webkit-animation: rich-icon-step .1s steps(14) forwards;
    animation: rich-icon-step .1s steps(14) forwards;
    -webkit-animation-duration: rich-icon-step .1s steps(14, end) forwards;
    animation-duration: rich-icon-step .1s steps(14, end) forwards;
    background-image: url(../img/solution_center_icon1.png);
    background-position-y: 0;background-repeat: no-repeat;background-size: 144px;height: 48px;width: 48px;}
.item-title {color: #141e31;font-size: 16px;font-weight: 500;line-height: 24px;}
.item-desc {color: #525967;font-size: 14px;line-height: 22px;}
.hot-recommend .hot-recommend-list .recommend-item .img-icon-1.img-icon-2,.hot-recommend .hot-recommend-list .recommend-item .img-icon-2.img-icon-2 {
    background-image: url(../img/solution_center_icon2.png)
}

@-webkit-keyframes rich-icon-step-hover {
    0% {
        background-position-y: 0
    }

    to {
        background-position-y: -672px
    }
}
@keyframes rich-icon-step-hover {
    0% {
        background-position-y: 0
    }
    to {
        background-position-y: -672px
    }
}

@-webkit-keyframes rich-icon-step {
    0% {
        background-position-y: -672px
    }

    to {
        background-position-y: 0
    }
}

@keyframes rich-icon-step {
    0% {
        background-position-y: -672px
    }

    to {
        background-position-y: 0
    }
}

.hot-recommend .hot-recommend-list .recommend-item .img-0 {background-position-x: 0}
.hot-recommend .hot-recommend-list .recommend-item .img-1 {background-position-x: -48px}
.hot-recommend .hot-recommend-list .recommend-item .img-2 {background-position-x: -96px}
.hot-recommend .hot-recommend-list .recommend-item .item-text-block {margin-left: 12px}
.hot-recommend .hot-recommend-list .recommend-item .item-text-block .item-title {color: #141e31;font-size: 16px;font-weight: 500;line-height: 24px}
.hot-recommend .hot-recommend-list .recommend-item .item-text-block .item-desc {color: #525967;font-size: 14px;line-height: 22px}
.hot-recommend .hot-recommend-list .recommend-item:hover {-webkit-box-shadow: 0 4px 16px 0 rgba(20,30,49,.1);box-shadow: 0 4px 16px 0 rgba(20,30,49,.1)}

.hot-recommend .hot-recommend-list .recommend-item:hover>.img-icon {
    -webkit-animation: rich-icon-step-hover .1s steps(14) forwards;
    animation: rich-icon-step-hover .1s steps(14) forwards;
    -webkit-animation-duration: rich-icon-step-hover .1s steps(14,end) forwards;
    animation-duration: rich-icon-step-hover .1s steps(14,end) forwards
}

.hot-recommend .hot-recommend-list .recommend-item:hover:first-child .item-title {color: #00c29a}
.hot-recommend .hot-recommend-list .recommend-item:hover:nth-child(2) .item-title {color: #7e47eb}
.hot-recommend .hot-recommend-list .recommend-item:hover:nth-child(3) .item-title {color: #00bbe0}
.hot-recommend .hot-recommend-list .recommend-item:hover:nth-child(4) .item-title {color: #fa6756}
.hot-recommend .hot-recommend-list .recommend-item:hover:nth-child(5) .item-title {color: #ffa93a}
.hot-recommend .hot-recommend-list .recommend-item:hover:nth-child(6) .item-title {color: #2ea1ff}


/**我们的优势**/
.wm-ys{ width: 100%; height: 570px; background: url("../img/ab-Q.jpg") no-repeat center; background-size: cover}
.ys-main{width: 1300px; margin: 0 auto; padding-top: 40px; }
.ys-tit{text-align: center;}
.ys-info{ width: 40%; margin-left:58%;padding-top: 30px;}
.ys-r-tit{ margin-top: 30px; font-size: 24px; line-height: 58px}
.ys-r-desc{ font-size: 14px; line-height: 24px;}

/*产品服务*/
.pro-ser{ padding-top: 50px;}
.pro-tit{ width: 1400px; margin: 0 auto; text-align: center;}
.p-tit-desc{width: 600px; margin: 15px auto;font-size: 14px; line-height: 24px;}

/*产品展示左侧*/
.pro-content{ display: flex; width: 1300px; padding-top: 40px; margin: 0 auto}
.pro-left{width: 450px; margin-top: 20px;}

.pro-right{width: 800px;height: 480px;margin-left: 30px; border-radius: 20px;background: linear-gradient(220deg, #f7efff, #d9e7fe, #e2edfd); }
.pro-left .left-title{background:#8268f6;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul li{height: 98px;line-height: 98px;font-size: 20px;text-align: center;cursor: pointer;color: #000;margin-bottom: 15px;}
.nav-link {display: flex;flex-direction: row;height: 98px;font-size: 18px;line-height: 26px;font-weight: 500;border-radius: 8px;background-color: #f3f5fe;color: #626d7a;grid-gap: 16px;gap: 16px;align-items: center;padding: 0 28px;position: relative}
.pro-left .left-category ul li.on .nav-link{background-color: #fff;color: #8268f6;box-shadow: 0 5px 20px #d4e0ff9e}
.pro-left .left-category ul li.on .nav-link:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 6px;border-radius: 100px 0 0 100px;background-color: #8268f6}
.left-lb{ display: flex;}
.left-lb span{  font-size: 16px;margin-left: 10px;}
.svgicon{ display: block; width: 26px; height: 26px;}
.svgicon img{ width: 100%; height: 100%; line-height: 26px; }
.pro-left .left-category ul li:hover{ background: #f8fafb;color: #8268f6; border-radius: 8px;  box-shadow: 0 2px 8px 0 rgba(20,30,49,.08), inset 0 1px 1px 0 #fff, inset 0 -1px 1px 0 hsla(0,0%,100%,.5);}

/*产品展示右侧*/
.pro-right{display: none;}
.pro-right.active{display: block;}
.pro-right img{ width: 100%; height: 100%;}

/*解决方案*/
.slout{ width: 100%;  margin-top:20px;  padding-top: 50px;background: url("../img/home_23.png") no-repeat center; background-size: cover; overflow: hidden}
.slout-list{ display: flex;align-items: stretch; justify-content: space-between; width: 1400px; margin: 30px auto;}
.slout-list .card-item:nth-child(1){width: 24%; background: url("../img/2313-03-bg.png") no-repeat right/cover; box-sizing: border-box; padding: 3% 3% 5%; display: flex; flex-direction: column;}
.slout-list .card-item:nth-child(2){width: 24%; background: url("../img/2313-02-bg.png") no-repeat right/cover; box-sizing: border-box; padding: 3% 3% 5%; display: flex; flex-direction: column;}
.slout-list .card-item:nth-child(3){width: 24%; background: url("../img/2313-01-bg.png") no-repeat right/cover; box-sizing: border-box; padding: 3% 3% 5%; display: flex; flex-direction: column;}
.slout-list .card-item:nth-child(4){width: 24%; background: url("../img/2313-04-bg.png") no-repeat right/cover; box-sizing: border-box; padding: 3% 3% 5%; display: flex; flex-direction: column;}
.card-item-tit{display: flex; align-items: center; margin-bottom: 8%;}
.card-item-tit img{max-height: 41px; margin-right: 12px;}
.card-item-tit img:after {content: ' ';display: block;position: absolute;width: 20px;height: 20px;background: transparent;}

.card-item-tit h3 b{font-size: 20px;}
.card-item .item-txt{ line-height: 24px;font-size: 14px}
.card-item .btn-box a.new-btn-7 {border-radius: 2px !important;padding: 0 40px;display: inline-block;color: #fff;text-align: center;font-size: 16px;box-sizing: border-box;line-height: 34px;background-color: #126ee3;cursor: pointer;}
.card-item .btn-box a.new-btn-8 {border-radius: 2px;padding: 0 40px;font-size: 16px;text-align: center;display: inline-block;color: #126ee3;box-sizing: border-box;cursor: pointer;line-height: 34px;background-color: #fff;color: #6976c7;}

.title_cn{text-align:center;font-weight:bold;font-size:30px}
#new_box{width:100%;padding:50px 0px;margin:0 auto;overflow:hidden;padding-bottom:0px}
.new_con{max-width:1300px;margin:0 auto;margin-top:50px}
.newtel{height:30px;border-bottom:1px solid #e7e7e7;padding-bottom:10px;font-family:"微软雅黑";font-size:18px;color:#666}
.new_telst{width:550px;margin:0 auto;position:relative;top:6px;text-align:center}
.new_telst li{width:166px;line-height:30px;text-align:center;float:left;display:inline;font-family:"微软雅黑";cursor:pointer;font-size:16px}
.new_telst li.newon{color:#217af0;font-weight:bold}
.new_telst p{position:absolute;top:34px;left:0px;width:166px;height:7px;border-top:1px solid #217af0;overflow:hidden;text-align:center}
.new_telst b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color:#217af0 #fff #fff #fff;overflow:hidden;zoom:1;font-size:0}
.new_lst{height:315px;position:relative;overflow:hidden;display:none;margin-top:10px;padding-top:20px}
.new_lst ul{position:absolute;left:0px}
.new-wrap{margin-top:30px}
.new-wrap .show{display:block}
.new_lst_cn{ display: flex;}
li.new_cnlf{width:400px;}
li.new_cnlf p{width:100%}
p.newlf_tel a{color:#217af0;font-size:18px;line-height:50px;text-align:center;display:block}
p.newlf_tel a:hover{color:#C33}
p.newlf_tx{font-size:14px;line-height:26px;color:#999;height:105px;overflow:hidden}
li.new_cnrf{width:860px;margin-left:10px}
.newrf_lst dd{width:390px;height:85px;border:2px solid #e4e4e4;float:left;margin-left:35px;margin-bottom:20px;box-shadow:0px 0px 15px rgba(37,125,242,0)}
p.new_rq{width:65px;height:65px;background:#969393;float:left;text-align:center;color:#FFF;margin-top:10px;margin-left:10px;margin-right:15px;font-family:Arial,Helvetica,sans-serif}
p.new_rq span{display:block;font-size:24px;text-align:center;font-weight:bold;line-height:35px;padding-top:5px}
p.newrf_tx{float:left;width:280px;margin-top:8px}
p.newrf_tx a{color:#333;font-size:14px;display:block;line-height:30px}
p.newrf_tx span{display:block;font-size:12px;color:#999;height:60px;overflow:hidden}
.newrf_lst dd:hover{border:2px solid #217af0;box-shadow:0px 0px 15px rgba(37,125,242,.27)}
.newrf_lst dd:hover p.newrf_tx a{color:#217af0}
.newrf_lst dd:hover p.new_rq{background:#217af0;margin-top:9px;margin-left:9px}
.newrf_lst dd:hover p.newrf_tx{margin-top:7px}
.mr0{margin-right:0px}
.footer-box{background:#f4f9fd;overflow:hidden;width:100%;color:#888;padding:30px 0 35px;margin-top:30px}
.footer-container{width:1200px;margin:0 auto;padding:0}
.footer-service{margin-right:-26px;margin-bottom:38px;padding-left:69px;overflow:hidden;display:flex}
.footer-service-item{height:60px;width:240px;margin-right:26px}
.footer-service-item i{width:50px;height:45px;float:left;margin:17px 17px 0 29px;opacity:.8;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6)}
.footer-service-item span{font-size:16px;color:#333;float:left;margin-top:29px}
.footer-icon-001 i{background:url(../img/icon-footer01.png) no-repeat center center;background-size:contain}
.footer-icon-002 i{background:url(../img/icon-footer02.png) no-repeat center center;background-size:contain}
.footer-icon-003 i{background:url(../img/icon-footer03.png) no-repeat center center;background-size:contain}
.footer-icon-004 i{background:url(../img/icon-footer04.png) no-repeat center center;background-size:contain}
.footer-line{height:0;display:block;clear:both;border-bottom:1px solid #ccc}
.footer-links{padding-top:40px;padding-left:69px;display:flex}
.footer-article-item{width:209px;height:226px;margin-right:23px;line-height:2;font-size:14px}
.footer-article-item dt{color:#333;font-size:16px;margin-bottom:10px;line-height:2;font-weight:300}
.footer-article-item dd{line-height:2}
.footer-article-item dd a{color:#333;transition:all .1s;font-size:14px}
.footer-article-item dd a:hover{color:#333}
.footer-contact-item{width:145px;float:left}
.footer-contact-item h3{font-size:16px;color:#333;line-height:2;margin-bottom:10px;font-weight:400}
.footer-contact-item p{font-size:22px;color:#333;font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;margin-bottom:15px}
.footer-ewm{float:left;width:110px;margin-right:18px;text-align:center}
.footer-ewm img{width:110px;height:110px;display:block;border:none}
.footer-ewm p{font-size:14px;color:#333;margin-top:12px}
.footer-friend{width:1050px;height:20px;line-height:20px;margin:30px auto}
.footer-friend-title{float:left;color:#333;font-size:14px}
.footer-friend-title-list{display:flex}
.footer-friend-title-list li a{color:#333;transition:all .1s;display:inline-block;padding:0 10px;font-size:14px}
.footer-friend-title-list li a:hover{color:#333}
.footer-friend-more{color:#333;transition:all .1s;float:left;font-size:14px}
.footer-copyright{line-height:20px;font-size:14px;text-align:center}
.footer-copyright p{margin-bottom:9px;font-size:14px;color:#333}

/* Media Queries for Mobile Devices */
@media (max-width: 768px) {
    .top-banner {
        height: auto; /* Allow height to adjust */
        background-size: cover;
    }

    .nav ul {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .nav a {
        font-size: 14px; /* Adjust font size for smaller screens */
    }

    .logo img {
        width: 150px; /* Adjust logo size */
    }

    .footer {
        padding: 20px 10px;
        text-align: center;
    }

    /* Add more responsive styles as needed */
}

/* Check for any global styles that might affect visibility or positioning */
* {
    /* Ensure no global styles are affecting display or position */
    /* display: none; */ /* This would hide all elements */
    /* position: absolute; */ /* This could affect positioning */
}

/* Ensure no styles are overriding .mobile-nav or .menu-icon */
.mobile-nav {
    /* Ensure these styles are not overridden */
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1000;
}

.mobile-nav.open {
    display: block;
    transform: translateX(0);
}

.menu-icon {
    display: none;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
/* 媒体查询 */
@media (max-width: 768px) {
    .hot-recommend .hot-recommend-list .recommend-item .item-text-block .item-desc {
        font-size: 12px;
    }

    .wm-ys,
    .ys-main,
    .pro-tit,
    .pro-content {
        width: auto;
        padding-top: 0;
        display: block;
    }

    .ys-main {
        padding: 0;
    }

    .wm-ys {
        background: #f7f8fc;height: auto;
    }
    .ys-tit{ padding-top: 30px;}
    .ys-img{  display: block;}
    .ys-img img{ width: 100%;height: 100%;}
    .ys-info {
        width: auto;
        margin-left: 0;
        padding: 0 20px 30px 20px;
        background-color: #f7f8fc;
        overflow: hidden;
    }

    .ys-r-desc {
        color: #383838;
    }

    .top-banner {
        background-size: 300% 100%;
        background-position-x: -460px;
    }

    .fuSlide {
        height: 100%;
        padding-top: 50px !important;
        padding: 0 10px;
    }

    .hot-recommend {
        margin-top: 30px;
    }

    .bricks {
        margin-top: 50px;
        padding: 0 10px;
        width: 90%;
        margin-bottom: 50px;
    }

    .solution-title {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .check-button {
        margin-top: 20px;
    }

    .s-desc {
        font-size: 14px;
    }

    .pro-ser {
        padding: 20px;
    }

    .p-tit-desc {
        width: auto;
        font-size: 14px;
        color: #383838;
        text-align: left;
    }

    .recommend-item {
        flex: 1 1 30%;
        box-sizing: border-box;
        margin: 0;
        flex: 1 1 calc(50% - 10px);
        box-sizing: border-box;
    }

    .hot-recommend .hot-recommend-list .recommend-item {
        margin: 0;
    }

    .hot-recommend-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .pro-ser{ display: none;}



    .left-category ul {
        display: flex;
        flex-wrap: wrap;
    }

    .left-category ul li {
        flex: 1 1 25%;
        /* Four-column layout */
        box-sizing: border-box;
    }

    .pro-left {
        width: auto;
    }

    .pro-right {
        margin-left: 0;
        width: 335px;
        height: 200px;
    }

    .svgicon {
        display: none;
    }

    .nav-link {
        height: 70px;
        padding: 0;
    }

    .pro-left .left-category ul li {
        height: 70px;
        line-height: 70px;
    }

    .pro-left .left-category ul li.on .nav-link:before {
        background-color: #fff;
    }

    .left-category ul li.on {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transition: box-shadow 0.3s ease-in-out;
    }

    /* 解决方案 */
    .slout {
        width: auto;
        height: auto;
        padding: 20px;
        margin-top: 0;
    }

    .slout-list {
        width: auto;
        display: block;
    }

    .slout-list .card-item {
        width: 100% !important;
    }

    .card-item .btn-box a.new-btn-7,
    .card-item .btn-box a.new-btn-8 {
        width: 100%;
    }

    /* 资讯中心 */
    .new_cnrf {
        display: none;
    }

    .new_telst {
        width: auto;
        display: flex;
        justify-content: space-between;
    }
    .new_telst p {
        width: 120px;
    }
    .new_telst li {
        flex: 1 1 33.33%; /* Three-column layout */
        text-align: center;
        box-sizing: border-box;
    }
    li.new_cnlf {
        width: auto;
    }
    p.newlf_tx {
        padding: 0 10px;
        box-sizing: border-box;
    }
}
@media (max-width: 768px) {
    .nav {
        display: none;
    }

    .menu-icon {
        display: block;
    }
}
.ys-img{ display: none;}
.wap-footer{display: none}
@media (max-width: 768px) {
    .footer-box{ display: none;}
    .wap-footer{ display: block; background:#f4f9fd; padding: 20px; text-align: center; line-height: 24px; }
}

/*关于我们*/
.about-top-banner{  background:url("../img/about-bg.png") no-repeat center; background-size: 100% 100%}
.about-row{ width: 1300px; margin: 0 auto; display: flex;}
.about-row .txt-box{ width: 40%; margin-top: 100px;}
.about-row .m-banner{ width: 55%; margin-left: 50px; }
.about-row .m-banner img{ width: 100%; height: auto;}
.about-row.fuSlide{ padding-top: 100px;}
.about-row  h2{ font-size: 40px; color:#121315; font-weight: 600; line-height: 56px }
.about-row .pbox{ color: #767e89; font-size: 16px; font-weight: 400;line-height: 24px; margin-top: 50px}

.about-intro{ background: url("../img/about-intro-bg.jpg") no-repeat; background-size: cover; background-position: bottom; overflow: hidden; padding: 76px 0 99px;}
.about-intro .contain{ width: 1200px; margin: 50px auto;}
.com-tit {font-size: 30px;line-height: 1;color: #1b1e3f;text-align: center;}
.com-tit.lft {text-align: left;}
.about-intro .content {margin-top: 20px;}
.about-intro .txt {max-width: 87%;}
.about-intro .txt p {font-size: 15px;line-height: 28px;color: #76788c;}
.about-intro h2:not(:first-of-type) {margin-top: 60px;}
.about-intro .logo {width: 62%;margin: 10px 0 0 -5px;}
.flex-wrap-wrap {flex-wrap: wrap;}
.flex {display: flex;}
.btn {display: flex;align-items: center;justify-content: center;}
.about-intro .logo {width: 62%;margin: 10px 0 0 -5px;}
.about-intro .logo li {background: #fff;width: 179px;height: 72px;box-shadow: 4px 4px 10px 0 rgba(120,149,190,.22);margin: 6px 0 0 5px;}
.about-intro .logo li img {max-width: 90%;max-height: 90%;width: auto;object-fit: cover;}

.auto-box{width:100%;height:auto;padding:30px 0 40px;background:#fff; margin-top: 80px;}
.main-box{max-width:1200px;height:auto;margin:0 auto}
.index-tit{padding:40px 0;text-align:center}
.index-tit h1{font-size:30px;color:#363f45;font-weight:400}
.index-tit p{font-size:20px;color:#abb0b4;padding-top:15px}
.index-tserver{width:100%;background:url(../img/360server-line.png) no-repeat center 125px;box-sizing:border-box;text-align:center;padding:0 2.6%}
.index-tserver li{width:24.8%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding-top:106px;font-size:14px;color:#656d73;display:inline-block;position:relative;cursor:pointer;margin-bottom:10px;margin-left:-.1%}
.index-tserver li.tserver-list1{background:url(../img/360server-icon1.png) no-repeat center top}
.index-tserver li.tserver-list2{background:url(../img/360server-icon2.png) no-repeat center top}
.index-tserver li.tserver-list3{background:url(../img/360server-icon3.png) no-repeat center top}
.index-tserver li.tserver-list4{background:url(../img/360server-icon4.png) no-repeat center top}
.index-tserver li.tserver-list5{background:url(../img/360server-icon5.png) no-repeat center top}
.index-tserver li.tserver-list6{background:url(../img/360server-icon6.png) no-repeat center top}
.index-tserver li.tserver-list7{background:url(../img/360server-icon7.png) no-repeat center top}
.index-tserver li p{width:162px;height:162px;display:inline-block;position:absolute;top:0;left:50%;margin-left:-81px;border-radius:81px;padding:40px 30px;box-sizing:border-box;text-align:left;font-size:14px;line-height:22px;background:linear-gradient(111deg,#04bde4,#1067fe);display:none}
.index-tserver li p a{color:#fff}
.index-tserver li p.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover p{display:block}
.index-tserver-ad{width:100%;margin-top:60px;background:#f3f3f3;text-align:center;padding:40px 0}
.index-tserver-ad li{display:inline-block;color:#abb0b4;font-size:16px;padding:0 3%}
.index-tserver-ad li img{vertical-align:middle;display:inline-block;margin-right:5px}
.index-tserver-ad li+li{border-left:1px solid #e2e3e4}
.zoomin{animation-name:zoomin}
@keyframes zoomin{0%{opacity:0;transform:scale(.3)}50%{opacity:1}}

.qyry{ width: 1300px; margin: 0 auto}
.grid {display: grid;}
.gap-6 {gap: 1.5rem;}
.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.p-6 {padding: 1.5rem;}
.bg-gray-50 {--tw-bg-opacity: 1;background-color: rgb(249 250 251 / var(--tw-bg-opacity));}
.rounded-lg {border-radius: 12px;}
.qyry h3 {font-weight: bold;font-size: 18px;margin-top: 1.6em;margin-bottom: 0.6em;line-height: 24px;}
.qyry ul{list-style-type: disc;margin-top: 1.25em;margin-bottom: 1.25em;padding-inline-start: 1.625em;}
.qyry ul > li{padding-inline-start: 0.375em;font-size: 16px;}
.qyry li{margin-top: 0.5em;margin-bottom: 0.5em;}
.qyry ul li::marker{color: #d1d5db}


.about-row .new-b{ width:420px; height: 430px; margin-top: 100px; margin-left: 150px;}
.list-box ul{ display: flex; margin-top: 80px; }
.list-box ul li{ text-align: center; align-items: center;background: #fb9337;border-radius: 8px;color: #fff;cursor: pointer;font-size: 16px;font-style: normal;font-weight: 400;gap: 8px;height: 48px;line-height: 48px;  width: 140px; margin-right: 20px;}
.list-box ul li a{ font-size: 16px;}
.pager {width: 600px;text-align: center;display: flex;    margin: 0 auto; }
.page-status{ display: block; height: 40px; line-height: 40px; font-size: 16px; margin-right: 20px;}
.pager span a {min-width: 45px;height: 40px;border: 1px solid #EBEBEB;color: #8a8a8a;display: inline-block;line-height: 30px;float: left;font-size: 15px;text-decoration: none;margin: 0 2px;border-radius: 6px; padding: 5px;}
.pager .page-numbar .page-num.page-num-current{background-color: #222A35;color: #fff;border-color: #EBEBEB;position: relative;z-index: 1;}


/*金融科技*/
.jrkj-banner{background:url("../img/jrkj-bg.jpg") no-repeat center; background-size: 100% 100%}
.jrkj{ width: 1000px; margin: 0 auto;height: 330px;}
.banner-text{    font-size: 46px;font-weight: 600;color: rgb(137, 92, 38); margin-bottom: 20px;}
.jrkj ul li{ height: 30px;line-height: 30px; font-size: 15px; color: #895C26; font-weight: 600;}
.banner-divider{background-color: #895C26;width: 32px;height: 6px;margin: 16px 0;}
.jrkj-main{ display: flex; width: 1200px; margin: 50px auto;}
.card-title {font-size: 22px;color: #3e464c;display: inline;}
.card-text {font-size: 14px;color: #75828a;line-height: 26px;padding-top: 30px; margin-bottom: 10px}
.margin-top20 {margin-top: 20px;}
.btn-bottom .el-button{font-size: 16px;font-weight: 400;color: #fff;line-height: 28px;height: 54px; padding: 10px}
.anime-gloss:before {content: "";position: absolute;left: -20px;top: -8px;width: 10px;height: 160%;background-color: hsla(0, 0%, 100%, .5);transform: rotate(-28deg);animation: btnFlash 3s ease infinite;}
.el-button{border-radius: 5px;border: 0; }
.jr-left-li{ font-size: 16px; margin-bottom: 10px;}
.jr-left-li:before {content: "\2022";color: #4b4d55;font-size: 26px;padding-top: 2px;vertical-align: sub;}
.jr-left-card-text {font-size: 14px;color: #75828a;line-height: 26px;}
.card-body ul{ margin-top: 30px;}
.card-body{margin-top: 100px;}
.jr-left{ width: 600px;}
.jr-right img{ width: 100%;height: auto;}
.jrkj-bushu{ width: 1200px; margin: 80px auto;text-align: center; }
.jr-bs-title{ font-size: 24px; margin-bottom: 50px; }
.jrkj-bushu img{ width: 100%;height: auto;}




/*智能数据运营平台*/
.znsjy-banner{ height: 600px; background-image: linear-gradient(270deg, rgba(213, 246, 233, .5), rgba(182, 242, 244, .5) 23%, rgba(168, 187, 251, .5) 50%, rgba(225, 186, 255, .5) 70%, rgba(255, 208, 228, .5) 85%, rgba(255, 242, 206, .5));}
.znsjy{ width: 1200px; margin: 0 auto; display: flex;}
.znsjy h2{color: #000;font-size: 44px;font-weight: 600;letter-spacing: 0;line-height: 64px;padding-top: 20px;white-space: pre-wrap;}
.znsjy .pbox{color: rgba(0, 0, 0, .65);font-size: 18px;font-weight: 400;line-height: 24px;margin-top: 20px;text-align: justify;}
.znsj-br{ width: 50%;}
.znsj-br img{ width: 100%; height: auto;}

.Box {position: relative; background: #f8f8f8; padding-bottom: 30px;}
.Box .content {width: 1300px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 50px; font-size: 30px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 130px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../img/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 310px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}
.nl-item{flex-direction: column; box-sizing: border-box;padding: 32px 0 0;height: 320px;width: 310px;border-radius: 8px;}

.nl-item h3 {padding: 0 24px;font-family: PingFangSC;font-weight: 500;font-size: 24px;color: #fff;letter-spacing: 0;line-height: 32px;}
.nl-item-content {margin-top: 16px;padding: 0 24px;font-family: PingFangSC;font-weight: 500;font-size: 16px;color: #fff;letter-spacing: 0;line-height: 24px;}
.nl-item-bottom {margin-top: 24px;height: 145px;padding: 32px 24px;background-image: linear-gradient(hsla(0, 0%, 100%, .6), #fff 25%, #fff);border-radius: 8px;}
.cpnl-bottom-item {margin-top: 12px;display: flex;flex-direction: row;align-items: center;}
.bottom-item-icon {width: 16px;height: 16px;}
.bottom-item-content {margin-left: 10px;font-family: PingFangSC;font-weight: 400;font-size: 14px;color: rgba(0, 0, 0, .85);text-align: justify;line-height: 20px;overflow: hidden;white-space: nowrap;}
.gradient-item-0 {background-image: linear-gradient(#2e74ff,#74c1ff)}
.gradient-item-1 {background-image: linear-gradient(#2e9fff,#74daff)}
.gradient-item-2 {background-image: linear-gradient(#3dcedc,#64d9b8)}
.gradient-item-3 {background-image: linear-gradient(#a48fe6,#d49af2)}
.gradient-item-4 {background-image: linear-gradient(#ee6e83,#ffb262)}

.yycj{width: 1200px;margin: 0 auto;display: flex;  margin-top: 36px;flex-direction: row;justify-content: center;align-items: center;box-sizing: border-box;flex-direction: column;}
.yycj ul{display: flex; }
.yycj ul li {cursor: pointer;margin-left: 32px;height: 40px;padding: 0 24px;display: flex;justify-content: center;align-items: center;font-family: PingFangSC;font-weight: 400;font-size: 16px;color: rgba(0, 0, 0, .85);text-align: center;line-height: 24px;}
.yycj ul li.active {background-color: #000;border-radius: 20px;color: #fff;}
.cj-item{ margin: 56px auto 0;width: 1200px;background-color: #fff;box-shadow: 0 4px 16px 0 rgba(0,0,0,.15);border-radius: 8px;overflow: hidden; }
.cj-item-cont{ width: 1200px;  display: none;}
.cj-card{display: flex;}
.cj-item-cont .bg{ width: 760px;height: 100%;}

.cj-item .active{display: block;}
.cj-item-right{flex: 1;box-sizing: border-box;padding: 60px 50px 60px 40px;}
.cj-card-title {font-family: PingFangSC;font-weight: 500;font-size: 24px;color: #000;line-height: 32px;}
.cj-card-desc{display: block; margin: 20px 0 32px;font-family: PingFangSC;font-weight: 400;font-size: 14px;color: rgba(0, 0, 0, .45);line-height: 22px;}
.cj-card-tips{margin-bottom: 20px;display: flex;flex-direction: row;align-items: center;}
.cj-card-tips-img{width: 16px;height: 16px;margin-right: 8px;}
.cj-card-tips-text{font-family: PingFangSC;font-weight: 400;font-size: 14px;color: rgba(0, 0, 0, .65);text-align: justify;line-height: 20px;}
.cj-card-btn{cursor: pointer;margin-top: 40px;padding: 8px 39px;width: -moz-fit-content;width: fit-content;box-sizing: border-box;line-height: 40px;background-image: linear-gradient(90deg, #2e62ff, #2e85ff);border-radius: 2px;font-family: PingFangSC;font-weight: 400;font-size: 16px;color: #fff;line-height: 24px;}



/*中小企业专区*/
.zxqyzq-banner{width: 100%; height: 600px; background: url("../img/zxqy-bann.png") no-repeat; background-size: 100% 100%;}
.zxqy-br{width: 50%;margin-top: -100px; text-align: center;}
.zxqy-l{ width: 50%;}

.zxqy-sj{ width: 100%;background: #f1f8ff;padding-top: 80px;}
.zxqy-tit{width: 1200px; margin: 0 auto; text-align: center;}
.zxqy-tit h2{font-size: 32px;line-height: 2.2;}
.zxqy-tit p{font-size: 15px;}
.zxqy-list{width: 1200px; margin: 50px auto; display: flex; justify-content: space-between;padding-bottom: 50px}
.zxqy-ls-t{position: relative; margin-bottom: 24px;}
.zxqy-ls-t .ls-t-m{position: absolute; width: 100%; background: #1f39ff; bottom: 20px;text-align: center; padding: 10px 0px;}
.zxqy-ls-t .ls-t-m h3{font-size: 20px; color: #fff; font-weight: 500}
.zxqy-list ul{ padding-left: 16px;}
.zxqy-list ul li{list-style: disc outside;margin-bottom: 15px; }
.zxqy-list ul li p{ font-size: 15px;letter-spacing: 1px;color: #333;}

.zxqy-pc{ width: 1300px; margin: 0 auto;}
.main-title{ text-align: center; height: 150px; line-height: 150px;}
.main-title h2{ font-size: 32px;color: #333; font-weight: 500;}
.zxqy-pc .flex-content {justify-content: space-between;align-items: stretch;    display: flex;flex-wrap: wrap;}

.qncp-list{background: linear-gradient(to bottom, #e0f0ff 0%, #ffffff); width: 100%; height: 100%; padding: 10% 10% 29%; box-sizing: border-box; border-radius: 4px;}
.qncp-list h3{    font-size: 18px;text-align: left; color: #006ae1; padding-bottom: 20px; border-bottom: 1px solid #cde0fa; margin-bottom: 20px; padding-left: 10px; font-weight: 600;}
.qncp-list h2{font-size: 30px; font-weight: 500}
.qncp-list ul li{list-style: disc outside; height: 50px;}
.qncp-list ul li p{font-size: 15px; font-weight: 500; color: #333;}
.ljwmcp{width: 1200px; margin: 0 auto;text-align: center; font-size: 30px; margin-bottom: 35px;}
.contentTop{width: 1280px;min-width: 1280px;height: 285px; margin: 0 auto;  flex-direction: row;background: url(../img/ljcp.png) 0 / contain no-repeat;border-radius: 8px;overflow: hidden;}
.card-area{height:285px;width:1280px;position:relative;display: flex;}
.card-area .card-item{box-sizing: border-box;z-index:4;width: 220px;height: 100%;padding: 32px 32px 24px;border-right: 1px solid #d3d3e5;position: relative;flex-direction: row;justify-content: space-between;cursor: pointer;transition: width .4s cubic-bezier(.05,.61,.41,.95);}
.contentTopItemText {width: 300px;opacity: 1;}
.contentTopItemTitle {width: 300px;color: #fff;font-weight: 500;font-size: 20px;color: rgba(0, 0, 0, .85);line-height: 32px;transition: all .5s;margin-bottom: 15px;}
.contentTop .card-item.active .contentTopItemText .contentTopItemLine {background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .6), #fff);}
.card-area .card-item.active{width: 540px;padding-left: 32px;padding-right: 32px;background: linear-gradient(#2e51ff, #677aff 60%, #63bdf7);}
.contentTop .card-item .contentTopItemText .contentTopItemSub {width: 156px;font-weight: 300;font-size: 16px;color: rgba(0, 0, 0, .65);line-height: 24px;transition: all .5s;}
.contentTop .card-item .contentTopItemText .contentTopItemDesc {box-sizing: border-box;width: 350px;opacity: 0;position: absolute;left: 32px;top: 149px;transition: all .5s ease-out;}
.contentTop .card-item .contentTopItemText .contentTopItemDesc .contentTopItemDescContent { display:flex;flex-direction: row;align-items: center;}
.contentTop .card-item .contentTopItemText .contentTopItemDesc .contentTopItemDescContent .contentTopItemDescIcon {height: 16px;width: 16px;opacity: .8;margin-bottom: 12px;margin-right: 8px;}
.contentTop .card-item .contentTopItemText .contentTopItemDesc .contentTopItemDescContent .contentTopItemDescIt {font-weight: 400;font-size: 16px;color: #fff;text-align: justify;line-height: 24px;margin-bottom: 12px;transition: all .5s;}
.contentTop .active {width: 540px;padding-left: 32px;padding-right: 32px;background: linear-gradient(#2e51ff,#677aff 60%,#63bdf7)}
.contentTop .active .contentTopItemText .contentTopItemTitle {width: 300px;font-size: 24px;color: #fff}
.contentTop .active .contentTopItemText .contentTopItemImg {transform: scaleY(1.1)}
.contentTop .active .contentTopItemText .contentTopItemSub {display: none}
.contentTop .active .contentTopItemRight,.contentTop .active .contentTopItemText .contentTopItemDesc {opacity: 1}
.contentTop .active .contentTopItemRight .contentTopItemRightImg {transform: translateY(0)}
.contentTop .card-item .contentTopItemText .contentTopItemLine {height: 1px;width: 25px;background-image: linear-gradient(90deg, #015eff, #19baff);border-radius: 1px;margin-bottom: 20px;}
.contentTop .card-item.active .contentTopItemRight, .contentTop .card-item.active .contentTopItemText .contentTopItemDesc {opacity: 1;}
.contentTop .card-item .contentTopItemRight {height: 100%;width: 200px;opacity: 0;justify-content: space-between;align-items: flex-end;}
.contentTop .card-item .contentTopItemRight .contentTopItemRightImg {position: absolute;right: 0;top: -25px;height: 200px;width: 200px;transform: translateY(20px);transition: all .5s;}
.contentTop .card-item .contentTopItemRight .contentTopItemRightButton {display: flex; height: 40px;position: absolute;right: 32px;bottom: 33px;background-color: #fff;border-radius: 20px;flex-direction: row;align-items: center;justify-content: space-between;padding-left: 24px;padding-right: 24px;transition: all 1s;}
.contentTop .card-item .contentTopItemRight .contentTopItemRightButton .contentTopItemRightButtonText {font-weight: 400;font-size: 14px;color: #2e74ff;text-align: justify;}
.contentTop .card-item .contentTopItemRight .contentTopItemRightButton .contentTopItemRightButtonIcon {height: 20px;width: 20px;}

/*智能知识管理*/
.znzsgl-banner{width: 100%; height: 600px; background: url("../img/zhishi-b.png") no-repeat; background-size: 100% 100%;}
.znzsgl{width: 1200px; margin: 0 auto; height: 500px; }
.znzsgl .txt-box{ margin-top: 50px;}
.znzsgl .txt-box h2{ font-size: 38px; color: rgb(17 24 39);}

.part01{width: 1200px; margin: 100px auto;}
.part01 h5 {color: #20242b;font-size: 14px;line-height: 18px;margin-bottom: 10px;}
.part01 h3 {color: #20242b;font-size: 26px;line-height: 30px;font-weight: bold;}
.part01 .jiazhi {width: 1200px;margin: 30px auto 0; }
.part01 .jiazhi ul{display: flex;}
.part01 .jiazhi ul li.p01 {background: #fff url(../img/ys01.png) center 30px no-repeat;background-size: 50%;}
.part01 .jiazhi ul li.p02 {background: #fff url(../img/ys02.png) center 30px no-repeat;background-size: 50%;}
.part01 .jiazhi ul li.p03 {background: #fff url(../img/ys03.png) center 30px no-repeat;background-size: 50%;}
.part01 .jiazhi ul li.p04 {background: #fff url(../img/ys04.png) center 30px no-repeat;background-size: 50%;}
.part01 .jiazhi ul li.p05 {background: #fff url(../img/ys05.png) center 30px no-repeat;background-size: 50%;}
.part01 .jiazhi ul li.p06 {background: #fff url(../img/ys06.png) center 30px no-repeat;background-size: 50%;}
.part01 .jiazhi ul li.p07 {background: #fff url(../img/ys07.png) center 30px no-repeat;background-size: 50%;}
.part01 .jiazhi ul li {list-style: none;float: left;width: 13.2%;height: 260px;margin-right: 1.266%;box-sizing: border-box;padding: 110px 20px 0px;transition: background-position 500ms;border: 1px solid #e9ebf3;}
.part01 .jiazhi ul li p.title01 {color: #20242b;font-size: 16px;line-height: 22px;text-align: center;margin-bottom: 10px;}
.part01 .jiazhi ul li p.title02 {color: #737c8b;font-size: 14px;line-height: 20px;text-align: left;}
.part01 .jiazhi ul li:hover{ cursor:pointer; background-position: center 25px; }
.zs-ys{ width: 100%;background: url("../img/zs-ys.png") no-repeat; background-size: 100% 100%;}
.zsys-main{width: 1200px;margin: 0 auto;}
.zsys-main .tit .h1{color: #fff; font-size: 40px; text-align: center; margin-top: 50px;}
.zsys-main .tit .mk{color: #fff; font-size: 14px; text-align: center;margin-top: 10px;}


.com-ys-list{ display: flex; width: 1200px;justify-content: normal;flex-wrap: wrap; margin-top: 80px; padding-bottom: 80px;}
.com-ys-list  li {margin-right: 25px;margin-bottom: 25px;width: 370px;border-radius: 16px;background: #fff;overflow: hidden;}
.ys-list-nub{height: auto;margin-bottom: 0;padding: 28px 24px 16px 24px;display: block;border-radius: 0;}
.ys-list-nub .ys-list-tit{display: flex;align-items: center;height: 45px;}
.ys-list-nub .ys-list-tit span{font-family: PingFangSC-Semibold;font-size: 20px;color: #282828;line-height: 32px;font-weight: 600;margin-left: 8px;}
.ys-list-desc {margin-top: 15px;    padding-left: 15px;}
.ys-list-desc p {margin-bottom: 16px;position: relative;font-family: PingFangSC-Regular;font-size: 15px;color: #555;text-align: justify;line-height: 22px;font-weight: 400;}

/**/
.contact-banner{width: 100%; height: 600px; background: url("../img/contact.jpg") no-repeat; background-size: 100% 100%;}
.contact{ width: 1300px; margin: 0 auto;}
.contact .txt-box{ text-align: center;}
.lxwm-tit{width: 1200px; margin: 70px auto;text-align: center;}
.lxwm-tit h2{ font-size: 38px;}
.line {position: relative;height: 2.5px;width: 80px;background-color: #1890FF;margin: 10px auto;margin-bottom: 10px !important;}

.ditu{ width: 1200px; margin: 0 auto; display: flex;}
.dt-lxfs{ width: 40%;padding: 30px;}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dt-img{ width: 55%; margin-left: 20px;}
.dt-img img{ width: 100%;height: auto;}
.dt-lxfs h2{ font-size: 24px; color: #333;}
.dt-lxfs div{line-height: 50px; font-size: 16px;}