@charset "utf-8";
/*公用样式 start*/
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul li{list-style:none}
a{text-decoration:none;transition:all .1s linear;cursor:pointer}
img{border:none;display: block;}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body,html{width:100%;height:100%;background:#fff;color:#444;font:9pt Arial,"微软雅黑";font-family:Arial,"微软雅黑",Microsoft YaHei!important;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
body{overflow-x:hidden;cursor:default}
img{float:none;width:100%}
.clearfix:after{clear:both;display:block;content:''}
.clearfix{zoom:1}
::-webkit-scrollbar-track-piece{width:8px;background-color:#f0f0f0}
::-webkit-scrollbar{width:8px;background-color:#00C0FF}
::-webkit-scrollbar-thumb{width:8px;background-color:#ddd}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:#ffcf00}
.webWidth{width:1300px;margin:0 auto}
.module{position:relative;background:#fff;z-index:2}
.bgParallax{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body .layui-layer-border{border-radius:5px}
body .layui-icon1{border:1px #01ba9b solid}
body .layui-icon2{border:1px #e85546 solid}
body .layui-icon3{border:1px #f4c501 solid}
body .layui-icon4{border:1px #767677 solid}
body .layui-icon5{border:1px #e74c3c solid}
body .layui-icon6{border:1px #12cd6e solid}
body .layui-icon7{border:1px #f39b13 solid}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.but-bg-color1{background:-webkit-linear-gradient(left,#43a4f6,#63c8f7);background:-o-linear-gradient(right,#43a4f6,#63c8f7);background:-moz-linear-gradient(right,#43a4f6,#63c8f7);background:linear-gradient(to right,#43a4f6,#63c8f7);color:#fff}
.but-bg-color2,.work-rb-ul li:hover,.web-user-info li:hover,.pc-title-ui li:hover{background:-webkit-linear-gradient(left,#2bba43,#67cd1c);background:-o-linear-gradient(right,#2bba43,#67cd1c);background:-moz-linear-gradient(right,#2bba43,#67cd1c);background:linear-gradient(to right,#2bba43,#67cd1c);color:#fff}
.linkColor{color:inherit;width: 100%; height: 100%;text-decoration:none;/*display: inline-block;*/}
button{outline:0}
/* 定义keyframe动画，命名为blink */
@keyframes animation{
    0%{opacity:1}
    /*50%{opacity:1}*/
    /*50.01%{opacity:0}*/
    100%{opacity:0}
}
@-webkit-keyframes blink{
    0%{opacity:1}
    50%{opacity:1}
    50.01%{opacity:0}
    100%{opacity:0}
}
@-moz-keyframes blink{
    0%{opacity:1}
    50%{opacity:1}
    50.01%{opacity:0}
    100%{opacity:0}
}
@-ms-keyframes blink{
    0%{opacity:1}
    50%{opacity:1}
    50.01%{opacity:0}
    100%{opacity:0}
}
@-o-keyframes blink{
    0%{opacity:1}
    50%{opacity:1}
    50.01%{opacity:0}
    100%{opacity:0}
}
/* 定义blink类*/
.blink{
    animation: blink 1s linear infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}
.el-hide{display:none;}
/*公用样式 end*/
/*头部导航 start*/
.web-top-main{position: fixed;top: 0; left:0;width:100%;min-width:1300px;height:60px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 40px;box-sizing:border-box;font-size:16px;box-shadow:0 0 5px 0 #a5a5a5;z-index: 999}
.web-top-main2{color: #fff; background-color:rgba(17, 67, 102, 0.6);}
.web-top-main2 .top-li-vip{color: #43fffd;}
.web-top-logo{height:70%;overflow:hidden;cursor:pointer;max-width:150px;}
.web-top-logo img{width:auto;height:100%}
.web-top-title .top-title-ul{height:100%;display:flex;align-items:center}
.top-title-ul .top-title-li,.top-title-ul .top-li-vip{line-height:38px;margin:0 20px;padding:0 5px;box-sizing:border-box;position:relative;cursor:pointer}
.top-title-li.active:after, .top-title-li:hover:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#2bba43}
.top-title-li{flex-shrink:0}
.top-title-li a{display: block}
.top-li-vip a{display: block}
.top-li-vip{color:#2bba43;font-weight: bold;}
.web-top-user{height:100%;display:flex;align-items:center}
.web-top-button{display:flex;align-items:center}
.web-a-button{margin-left: 10px;}
.my-work-but,.web-top-button .web-top-but{width: auto;padding:8px 20px;box-sizing:border-box;margin:0 5px;border:0;border-radius:5px;color:#fff;cursor:pointer;}
.my-work-but:hover,.web-top-but:hover{color:#fff;text-decoration:none}
.web-top-button .top-but-login{background-color:#fff;border:1px #ddd solid;color:#999}
.web-top-user-menu{display:flex;align-items:center;height: 100%;}
.web-top-username{color:#00aef3;font-size: 14px;margin-left: 10px;max-width: 120px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.head-user-info{display: flex;align-items: center;}
.head-portrait{height:100%;margin-left:10px;position: relative;display:flex;align-items:center;}
.head-portrait img{width:40px;height:40px;border-radius:50%;margin-bottom: 2px;}
.head-portrait:hover .web-user-info{display: block;}
.web-user-info{display:none;position:absolute;top:60px;left: -60px;padding:5px 0;box-sizing:border-box;width:160px;line-height:46px;z-index:999;border:1px solid #ddd;background-color:#fff;text-align:center;border-radius: 0 0 4px 4px;color:#333; }
.web-user-info>li>a{display: block;}
.head-news{width:30px;height:30px;margin:0 10px;position:relative;cursor:pointer;padding: 3px;box-sizing: border-box}
.head-news .head-news-number{position:absolute;top:-10px;right:-10px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background-color:#ff2e42;color:#fff;border-radius:50%;font-size:10px}
.top-product-center{position: relative;}
.top-product-center:hover .pc-title-box{display: block;}
.pc-title-box{display:none;position:absolute;top:54px;left: -44px;width:160px;z-index:999;text-align:center;padding-top: 4px;box-sizing: border-box;}
.pc-title-ui{background-color:#fff;line-height:46px;padding:5px 0;box-sizing:border-box;border:1px solid #ddd;border-radius: 0 0 4px 4px;color: #333;}
/*.pc-title-ui li:hover{color: #2bba43;}*/
.pc-title-ui li>a{display: block;width: 100%; height: 100%;}
/*头部导航 end*/
/*消息中心 start*/
.web-news-main{position:fixed;top:60px;right:0;width:400px;height:calc(100% - 110px);z-index:998;font-size: 14px; display:none}
.web-news-box{width:100%;height:100%;background-color:#fff;box-shadow:-3px 0 3px rgba(0,0,0,.2)}
.web-news-title{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px #ddd solid}
.web-news-title .close-news{width:20px;height:20px;line-height:20px;text-align:right;font-size:30px;color:#cacaca;cursor:pointer}
.web-news-title .web-news-title-span{color:#333;font-size:16px;font-weight:700}
.web-news-content{width:100%;height:calc(100% - 51px)}
.web-news-content .news-con-ul{width:100%;height:100%;overflow-x:hidden;overflow-y:auto}
.web-news-content .news-con-ul .news-con-li{width:100%;padding:10px 20px;box-sizing:border-box;position:relative}
.news-con-li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;display:inline-block;background-color:#ddd}
.news-con-li:hover{background-color:#f7f7f7}
.news-con-li:hover:before{content:"";position:absolute;left:2px;bottom:0;width:3px;height:100%;background-color:#5ab2f9}
.news-con-li .news-item-title{width:100%;height:30px;display:flex;align-items:center;justify-content:space-between;color:#cacaca}
.news-item-title .news-item-markedRead{display:none;color:#5ab2f9;cursor:pointer}
.news-con-li .news-item-content{width:100%;position:relative;padding-top:5px;font-size:14px}
.news-item-content .news-item-shrink{position:absolute;top:10px;right:0;width:18px;height:18px;cursor:pointer}
.news-item-shrink .news-retract{display:none}
.news-item-content .news-item-con{width:calc(100% - 25px);height:24px;line-height:24px;color:#333;overflow:hidden}
.ellipsis1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.news-small-routine{padding-top:10px;box-sizing:border-box;display:flex;align-items:center}
.news-small-routine .nsr-img{width:140px;height:140px;margin-right:20px}
.news-small-routine .nsr-hint{line-height:40px;padding-bottom:10px;box-sizing:border-box}
.news-small-routine .news-but{width:70px;height:30px;border:0;padding:0;margin-right:10px;color:#fff;border-radius:5px}
.news-small-routine .news-receive{background-color:#4fadf5}
.news-small-routine .news-refuse{background-color:#fc726f}
.news-no-unread{width: 100%; height: 200px;line-height:200px;text-align:center;color:#444;font-size:12px;}
/*消息中心 end*/
/*我的作品 start*/
.web-content-main{width:100%;min-height:calc(100% - 51px);background-color:#f7f7f7;padding-top:60px}
.work-main{width:1300px;padding-top:60px; height:100%;margin:0 auto;position:relative}
.work-box{width:100%;height:100%;padding-top:15px;box-sizing:border-box}
.work-ul{display:flex;flex-wrap:wrap}
.work-ul li{width:calc(100% / 5);padding:10px;box-sizing:border-box;font-size:14px}
.new-work{width:100%;height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;border-radius:5px;cursor:pointer}
.work-add-img{width:100px;height:100px}
.work-add-img img{width:100%;height:100%}
.work-add-text{line-height:50px;font-size: 20px;}
.work-item{width:100%;height:360px;border-radius:5px;background-color:#fff;overflow:hidden}
.work-top{width:100%;height: 260px; position:relative}
.work-top .work-img{width: 100%; height: 100%}
.work-top .work-img img{display: block; width:100%;height: 100%;}
.work-top .work-QR-code{display:none}
.work-top:hover .work-QR-code{display:block}
.work-QR-code{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.work-QR-code img{width:140px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.work-QR-code .work-preview{position: absolute;left: 50%;top: 89%;transform:translate(-50%,-50%);color: #fff;font-size: 14px;height: 30px;line-height: 30px;padding: 0 20px;background: #2bba43;border-radius: 5px;}
.work-name,.edit-work-name{width:100%;height:48px;line-height:48px;padding:0 10px;box-sizing:border-box;cursor: pointer;display: flex;align-items: center; justify-content: space-between;}
.work-name .wn-left{width: 80%;display: block;height: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: 0;}
.work-name .wn-right{width: 18px;height: 18px;display: none;background-image: url("../images/edit.png"); background-position:center;background-size:cover;}
.work-name:hover .wn-right{display: block;}
.edit-work-name{display: none}
.edit-work-name .ewn-input{width: 80%;height: 30px;padding: 0 10px;font-size: 12px;display: inline-block;border: 1px solid #9f9f9f;}
.edit-work-name .ewn-ok{width: 18px;height: 18px;display: block;background-image: url("../images/edit-ok.png"); background-position:center;background-size:cover;}
.edit-work-name .ewn-no{width: 18px;height: 18px;display: block;background-image: url("../images/edit-no.png"); background-position:center;background-size:cover;}
.work-lower{width:100%;padding:0 10px 10px;box-sizing:border-box;display:flex}
.work-lower ul{width:100%;display:flex;border:1px #e8e8e8 solid;border-radius:5px;overflow:hidden}
.work-lower ul li{width:calc(100% / 4);line-height:40px;text-align:center;border-right:1px #e8e8e8 solid;padding:0;box-sizing:border-box;cursor:pointer}
.work-lower ul li:last-of-type{border:0}
.work-lower ul .li-select-color:hover{color:#fff;background-color:#1fa71a}
.li-select-color:hover a{color:#fff;text-decoration: none;}
.work-lower ul .li-delete-select-color:hover{color:#fff;background-color:#fe5656}
/*回收站*/
.work-right{position:fixed;right:5%;bottom:30%;z-index:6}
.work-recycle-bin{width:60px;height:60px;padding:10px;box-sizing:border-box;background-color:#fff;border-radius:5px;box-shadow:0 0 5px 2px #e7e7e7;cursor:pointer;position:relative}
.work-recycle-bin img{width:100%;height:100%}
.work-rb-content{display:none;position:absolute;left:-85%;top:50%;transform:translate(-85%,-50%);box-shadow:0 1px 5px 2px #e7e7e7;background-color:#fff;border-radius:5px}
.work-rb-content:after{content:"";display:block;width:0;height:0;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:calc(50% - 10px);right:-10px}
.work-rb-ul{width:200px;min-height:100px;max-height:300px;overflow-y:auto;border-radius:5px;position:relative}
.work-rb-ul::-webkit-scrollbar{width:4px;height:12px;-webkit-border-radius:12px}
.work-rb-ul li{line-height:40px;display:flex;justify-content:space-between;padding:0 10px;box-sizing:border-box;position:relative}
.work-rb-ul li:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ddd}
.work-rb-ul li a{color:inherit;}
/*复制转让*/
.work-popup-box{position:fixed;top:0;left:0;bottom:0;right:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:9999}
.work-copy-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:200px;padding:10px;box-sizing:border-box;background-color:#fff;border-radius:5px;box-shadow:1px 5px 10px #a1a1a1;font-size:14px}
.wcb-title{padding-bottom:10px;box-sizing:border-box;font-size:16px}
.wcb-radio{width:100%;display:flex}
.wcb-p-radio{width:80px;height:40px;display:flex;align-items:center}
.wcb-p-radio input{width:16px;height:16px;margin:5px}
input[type=radioi],input[type=checkboxi]{cursor:pointer}
.wcb-number-input{width:100%;padding:0 10px;box-sizing:border-box;background-color:#fff}
.wcb-number-input input:focus{border:0;border-bottom:2px solid #e5e5e5}
.wcb-number-input input{outline:0;width:100%;height:40px;border:0;border-bottom:1px #e5e5e5 solid;padding:3px 5px;box-sizing:border-box;}
.wcb-explain{line-height:36px;font-size:12px;color:#5faef7}
.wcb-button{position:absolute;right:10px;bottom:5px;height:50px;display:flex;align-items:center;justify-content:flex-end;}
.wcb-but{width:80px;height:40px;border:0;margin-left:10px;background-color:#fff;border-radius:5px;cursor:pointer;font-size:14px}
.wcb-but-no{color:#a3a3a3}
/*我的作品 end*/
/*模板 start*/
.template-main{min-width:1300px;}
.template-box-top{width:100%;}
.template-box-content{display:flex;margin-top:20px;width:100%;justify-content:center;}
@media screen and (max-width:1400px){.template-box-content{margin:0 auto;}
}
.tem-box-con-left{box-sizing:border-box;margin-right:20px;padding:10px;width:260px;border-right:5px;background-color:#fff;}
.tem-color-select,.tem-suitable-for-industry{padding-bottom:20px;width:100%;}
.tem-cs-title,.tem-sfi-title{position:relative;box-sizing:border-box;margin-bottom:10px;padding-left:20px;width:100%;font-weight:700;font-size:16px;}
.tem-cs-title:after,.tem-sfi-title:after{position:absolute;top:0;left:0;width:3px;height:100%;border-radius:25px;background-color:#2bba43;content:"";}
.tem-cs-ul,.tem-sfi-ul{display:flex;width:100%;align-items:center;flex-wrap:wrap;}
.tem-sfi-ul li{display:inline-block;margin:5px;width:calc((100% / 3) - 10px);height:36px;border:1px #ddd solid;border-radius:5px;text-align:center;line-height:36px;cursor:pointer;}
.tem-sfi-ul li.active,.tem-sfi-ul li:hover{background-color:#198ede;color:#fff;}
.tem-cs-ul li{display:flex;margin:5px;width:calc((100% / 5) - 10px);height:36px;cursor:pointer;align-items:center;justify-content:center;}
.tem-cs-ul li.active,.tem-cs-ul li:hover{border:3px #ffd100 solid;}
.tem-color-0{flex-wrap:wrap;}
.tem-color-0 span{display:inline-block;width:50%;height:50%;}
.tem-color-1{background-color:red;}
.tem-color-2{background-color:#ff6300;}
.tem-color-3{background-color:#fae242;}
.tem-color-4{background-color:#80d031;}
.tem-color-5{background-color:#26e0d2;}
.tem-color-6{background-color:#198ede;}
.tem-color-7{background-color:#fe68ff;}
.tem-color-8{border:1px #ddd solid;background-color:#fff;}
.tem-color-9{background-color:#999;}
.tem-color-10{background-color:#000;}
.tem-color-11{background-color:#909;}
.tem-color-12{background-color:#974b00;}
.tem-box-con-right{height:100%;width:1312px;border-right:5px;background-color:#fff;}
.tem-box-con-title{box-sizing:border-box;padding:0 20px;width:100%;height:60px;border-bottom:1px #ddd solid;color:#7c7c7c;font-size:15px;line-height:60px;}
.tem-number{color:#198ede;font-size:16px;}
.tem-box-con{box-sizing:border-box;margin:0 auto;padding:20px;width:100%;height:calc(100% - 61px);}
.tem-box-con-ul{display:flex;width:100%;min-height:360px;flex-wrap:wrap;}
.tem-box-con-ul li{display:inline-block;margin:5px;width:240px;}
.tem-box-con-ul li .tem-item-con{position:relative;overflow:hidden;width:100%;height:300px;border-radius:5px;border:1px #eee solid;}
.tem-box-con-ul li .tem-item-con:hover .scan-QR-code{display:block;}
.tem-item-con .scan-QR-code{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.tem-item-con .scan-QR-code .scan-QR-code-box{position:absolute;top:50%;left:50%;width:140px;transform:translate(-50%,-50%);}
.tem-QR-code{overflow:hidden;width:140px;height:140px;border-radius:5px;}
.tem-QR-code-des{padding-top:5px;width:140px;text-align:center;}
.tem-QR-code-text{color:#fff;font-size:12px;}
.tem-but-box{margin-top:20px;width:100%;display: flex;align-items: center;justify-content: space-between;}
.tem-but {padding:0;width:48%;height:30px;border:0;border-radius:5px;color:#fff;line-height:30px;cursor:pointer;}
.tem-but-box .tem-but-left{background-color:#0baefd;}
.tem-but-box .tem-but-right{background-color:#2bba43;}
.tem-box-con-ul li .tem-item-img{width:100%;height:100%;}
.tem-box-con-ul li .tem-item-img img{width:100%;height:100%;object-fit: cover;}
.tem-box-con-ul li .tem-name{width:100%;height:50px;color:#636363;text-align:center;font-size:16px;line-height:50px;}
.new-tem{display:flex;width:100%;height:300px;border:1px #eee solid;border-radius:5px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;}
.tem-add-img{width:100px;height:100px;}
.tem-add-text{font-size:18px;}
/*模板 end*/

/* 分页 begin*/
.text-center{text-align:center;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li {display: inline;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
/* 分页 end*/

/*首页 begin*/
.home-main{overflow-x:hidden;overflow-y:auto;width:100%;height:calc(100% - 60px);}
.home-page-top{width:100%;}
.hpt-box .swiper-slide{cursor:pointer;}
.home-page-content{width:100%;}
.hpc-item-box{width:100%;}
.hpc-item-box:nth-of-type(odd){background-color:#fff;}
.hpc-item{box-sizing:border-box;margin:0 auto;padding:70px 0;width:1300px;}
.hpc-item-title{text-align:center;}
.hpc-item-title h2{font-size:28px;line-height:40px;}
.hpc-item-title p{margin:10px 0;color:#999;font-size:16px;line-height:30px;}
.hpc-item-con{width:100%;}
.hpc-item-list{display:flex;margin-top:30px;width:100%;justify-content:space-between;}
.hpc-hi-item{display:flex;width:220px;align-items:center;justify-content:center;flex-direction:column;}
.hi-img{margin:20px;width:140px;height:140px;}
.hi-con{text-align:center;}
.hi-con h3{font-size:16px;line-height:40px;}
.hi-con p{color:#999;font-size:12px;line-height:24px;}
.hpc-item-but{padding-top:40px;text-align:center;}
.hpc-but-a{display:inline-block;padding:10px 30px;border-radius:5px;background-color:#1fa71a;color:#fff;font-size:16px;cursor:pointer;}
.hpc-item-ul,.hpc-item-ul-title{display:flex;margin:60px 0;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.hpc-item-ul-title:last-child,.hpc-item-ul:last-child{margin:0;}
.hpc-item-ul li{position:relative;display:flex;overflow:hidden;margin:20px;width:calc((100% / 4) - 40px);border-radius:5px;color:#666;font-size:16px;align-items:center;justify-content:center;flex-wrap:wrap;}
.hpc-item-ul-title li{width:calc((100% / 3) - 40px);color:#666;text-align:center;font-size:16px;}
.hpc-item-ul li:hover .hpc-ul-p{background:rgba(83,185,255,.5);}
.hpc-item-ul li:hover .hpc-ul-p span{font-size:28px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-ms-transition:all .3s linear;}
.hpc-ul-p{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;}
.hpc-ul-p span{position:absolute;top:50%;left:50%;text-align:center;font-size:18px;transform:translate(-50%,-50%);}
.hpc-item-ul-title li p:first-child{margin-bottom:10px;color:#ecc101;font-size:40px;}
.home-about{

}
.hpc-ul-img{width:100%;}
.example-list{display:flex;width:100%;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.example-item{position:relative;display:inline-block;overflow:hidden;box-sizing:border-box;margin:40px 20px;padding:0 30px;width:calc((100% / 3) - 40px);height:230px;background-color:#fff;box-shadow:0 0 8px 0 hsla(0,0%,53%,.3);color:#666;font-size:14px;line-height:28px;}
.example-item-info{width:calc(100% / 4);min-height:615px;}
.example-item-top{width:95%;height:130px;flex-shrink:0;border-radius:5px;display:flex;box-sizing:border-box;padding-left:18px;align-items:center;font-size:26px;color:#fff;margin-bottom:15px;background-repeat:no-repeat;background-size:100% auto;}
.example-item-list{width:95%;flex:1;}
.e-list-item{width:100%;}
.e-list-link{width:100%;height:45px;box-sizing:border-box;padding:0 8px;font-size:16px;overflow:hidden;display:block;text-overflow: ellipsis;white-space: nowrap;line-height:45px;}
.e-list-link::before{content:'';width: 0;height: 0;border-left: 8px solid black;border-bottom: 5px solid transparent;border-top: 5px solid transparent;display:inline-block;margin-right:5px;}
a.e-list-link:link,a.e-list-link:visited{color:#444;}
.about-con{width:100%;display:flex;padding:40px 0;}
.about-logo-box{width:40%;flex-shrink:0;}
.about-logo{width:100%;height:auto;}
.about-con-right{flex:1;padding:30px 0 30px 90px;box-sizing:border-box;}
.about-con-right-title{padding:5px 0;font-size:20px;color:#444;border-bottom:1px #444 solid;}
.about-con-right-text{font-size:16px;margin:50px 0 30px;line-height:200%;text-indent:2em;color:#878787;}
.link-about{width:100px;height:40px;display:flex;align-items:center;justify-content:space-between;font-size:20px;color:#878787;}
.link-right-icon{width:16px;position:relative;top:1px;}
.example-item:hover .example-code{top:0;}
.example-code{position:absolute;top:230px;left:0;display:flex;width:100%;height:250px;background-color:#fff;-webkit-transition:top .5s ease-out;-moz-transition:top .5s ease-out;transition:top .5s ease-out;align-items:center;justify-content:center;}
.example-code img{width:160px;height:160px;}
.example-item-img{padding:20px 0;width:auto;height:80px;}
.example-item-img img{width:auto;height:100%;}
.hpc-item5{display:flex;box-sizing:border-box;margin:0 50px;padding-top:50px;align-items:center;justify-content:space-between;}
.hpc-item5-ul{box-sizing:border-box;padding-left:56px;height:340px;background:url("../images/home/open_shop_step.png") no-repeat;background-size:16px 325px;}
.hpc-item5-ul li{margin-bottom:75px;font-size:20px;}
.hpc-item5-ul li:last-child{margin:0;}
.hpc-item5-phone{position:relative;width:300px;}
.hpc-item5-phone:hover .hpc-phone-code{display:block;}
.hpc-phone-code{position:absolute;top:20px;right:20px;bottom:26px;left:20px;display:none;background-color:rgba(0,0,0,.5);}
.hpc-phone-code-con{position:absolute;top:50%;left:50%;overflow:hidden;box-sizing:border-box;padding:20px;width:180px;border-radius:5px;background-color:#fff;text-align:center;transform:translate(-50%,-50%);}
.hpc-phone-code-con p{color:#666;line-height:40px;}
.hpc-marketing-con{position:relative;width:100%;height:720px;}
.hpc-img-centered{position:absolute;top:50%;left:50%;box-sizing:border-box;padding:30px;width:360px;height:360px;background:url("../images/home/roundBg.png") no-repeat;background-size:100% 100%;transform:translate(-50%,-50%);}
.hpc-centered-img{width:100%;}
.hpc-con-list{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:0 60px;width:100%;height:100%;}
.hpc-marketing-item{display:flex;width:100%;height:calc(100% / 3);align-items:center;justify-content:space-between;}
.hpc-marke-box{width:276px;}
.hpc-item-one{box-sizing:border-box;padding:0 80px;}
.hpc-item-two{box-sizing:border-box;padding:0 20px;}
.hpc-item-three{box-sizing:border-box;padding:0 140px;}
.hpc-marke-title{color:#44a5f6;font-weight:700;font-size:20px;}
.hpc-marke-des{box-sizing:border-box;padding:10px 0;color:#a3a3a3;font-size:16px;}
.hpc-marke-con{display:flex;font-size:14px;line-height:24px;flex-wrap:wrap;}
.hpc-marke-con span{padding-right:12px;}
.hpc-latest-information{width:100%;background-color:#f7f8fb;}
.hpc-li-news{display:flex;margin:0 auto;width:1300px;height:50px;color:grey;font-size:14px;align-items:center;justify-content:space-between;}
.hpc-li-title{width:70px;}
.hpc-li-content{display:flex;width:calc(100% - 140px);height:100%;align-items:center;justify-content:space-around;}
.hpc-lic-item{display:flex;width:30%;height:100%;align-items:center;}
.hpc-lic-item-a{display:block;overflow:hidden;box-sizing:border-box;padding:0 5px;width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;}
.hpc-li-more{display:flex;width:60px;height:100%;align-items:center;justify-content:flex-end;}
.hpc-icon{width:16px;height:16px;}
.example-item-news{padding:0;}
.example-con-news-logo{width:100%;height:77%;background-repeat:no-repeat; background-size:100% auto;background-position:center center;}
.example-item-news .example-con-news-logo{display:flex;align-items:flex-end}
.example-con-news-title{width:100%;height:37px;background-color:rgba(0,0,0,.4);color:#fff;line-height:37px;display:flex;align-items:center;padding:0 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;font-size:16px}
.more-news{display:flex;justify-content:center;}
.more-news-button{padding:10px 30px;background-color:#1fa71a;color:#fff;display:flex;justify-content:center;align-items:center;font-size:16px;border-radius:5px}
.example-con-news-content{width:100%;height:23%;padding:2px 10px;box-sizing:border-box;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;color:#2e2e2e;font-size:14px}
/*首页 end*/

/*页尾*/
.footer-mian{width: 100%; line-height: 30px; text-align: center;}

/*新闻资讯 begin*/
.newsList-main{box-sizing:border-box;margin:0 auto;padding:20px 0 20px;width:1300px;display:flex;justify-content:space-between}
.newsList-box{width:74%;}
.newsList-item{display:flex;box-sizing:border-box;margin-bottom:20px;padding:20px 20px 20px;width:100%;background-color:#fff;justify-content:space-between;}
.nli-left{width:67%;}
.nli-title{display:-webkit-box;overflow:hidden;width:100%;font-weight:700;font-size:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nli-date{margin:30px 0 40px;color:#666;font-size:18px;display:flex;align-items:center;}
.nli-content{display:-webkit-box;overflow:hidden;max-height:150px;font-size:16px;line-height:28px;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.nli-right{overflow:hidden;width:220px;height:220px;background-repeat:no-repeat;background-size:100% auto;}
/*新闻资讯 end*/

/*新闻资讯 begin*/
.newsDetails-nav{width:1300px;height:50px;margin:20px auto 10px;background-color:#fff;display:flex;align-items:center;box-sizing:border-box;padding-left:15px;}
.newsDetails-nav-item{margin-right:10px;font-size:13px;color:#2bba43;}
.newsDetails-nav-icon{color:#666666;margin:0 7px;font-size:13px}
.newsDetails-nav-link:visited {color:inherit}
.newsDetails-nav-link:link {color:inherit}
.newsDetails-main{box-sizing:border-box;margin:0 auto;padding:0 0 20px;width:1300px;display:flex;justify-content:space-between;}
.newsDetails-box{box-sizing:border-box;padding:60px 140px;min-height:600px;background-color:#fff;width:74%}
.newsDetails-box img{display:inline-block;}
.ndb-title{font-weight:700;font-size:22px;}
.ndb-date{margin:30px 0 40px;color:#666;font-size:18px;display:flex;align-items:center;}
.ndb-content p{margin-bottom:20px;text-align:justify;text-indent:2em;font-size:16px;line-height:32px;}
.ndb-content-bottom{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:40px;}
.ndb-content-bottom-logo{width:120px;margin-bottom:10px;}
.ndb-content-bottom-btn{width:220px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#4796ee;font-size:18px;margin-top:10px;border-radius:4px;}
.ndb-content-bottom h2{font-size:20px;margin:10px 0;}
.ndb-content-bottom h3{font-size:16px;font-weight:normal;margin:5px 0;color:#4486ec;}
.ndb-cut{width:100%;display:flex;justify-content:space-between;margin:50px 0 0;}
.ndb-cut-prev,.ndb-cut-next{width:48%;height:40px;display:flex;align-items:center;border:1px #999999 solid;border-radius:4px;}
.ndb-cut-content{width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#999999;padding:10px;box-sizing:border-box;font-size:16px;}
.ndb-right{width:25%;background-color:#fff;padding:5px 15px;box-sizing:border-box;}
.ndb-right-title{width:100%;height:40px;font-size:17px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:4px;}
.ndb-right-title-link{width:100%;height:100%;display:flex;justify-content:center;align-items:center;
}
a.ndb-right-title-link:link,a.ndb-right-title-link:visited{color:inherit;}
.ndb-right-list{width:100%;margin-bottom:20px;}
.ndb-like-item{width:100%;height:120px;border-bottom:1px #c2c2c2 solid;}
.ndb-like-link{width:100%;height:100%;display:flex;align-items:center;}
.ndb-like-item-logo{width:45%;height:90px;background-size:100% auto;background-repeat:no-repeat; background-position:center center;}
.ndb-like-item-content{width:54%;height:90px;color:#414141;padding-left:8px;box-sizing:border-box;font-size:16px;display:flex;flex-direction:column;justify-content:space-between;}
.ndb-like-item-title{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;font-size:14px;font-weight:bold;color:#444;line-height:1.5;}
.ndb-like-item-bottom{display:flex;justify-content:space-between;}
.ndb-like-item-time,.ndb-like-item-read{color:#666;font-size:14px;}
.ndb-like-item-read{display:flex;align-items:center;}
.ndb-date-read{display:flex;align-items:center;margin-left:20px}
.ndb-like-item-read::before,.ndb-date-read:before{content:'';width:17px;height:17px;margin-right:3px;background:url("../images/c-bro.png");background-size:100% auto;}
.ndb-date-read:before{width:22px;height:22px;}
.ndb-info-item{width:100%;height:45px;}
.ndb-info-item-nav{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:15px;color:#444;border-bottom:1px #5adb4a solid;background-color:#f0f0f0;}
.ndb-info-item:nth-last-child(1) .ndb-info-item-nav{border-bottom:none;}
.ndb-info-item:hover .ndb-info-item-nav{background-color:#ffffff;color:#5adb4a;}
.ndb-right-content{width:100%;height:35px;display:flex;justify-content:center;align-items:center;font-size:15px;color:#444;}
.ndb-right-scan{width:100%;padding-top:100%;background:no-repeat center;background-size:90% auto;}
/*新闻资讯 end*/

/*教程中心 begin*/
.product-course-main{min-width:1300px;}
.pc-top{box-sizing:border-box;padding-top:60px;width:100%;height:310px;background:url("http://qnzz.huleapp.com/images/1/2020/04/uY00yy81I450Y81gYY1Yy05Y1HYyG1.png?imageslim") no-repeat center 0;background-size:cover;}
.pc-top-form{width:100%;height:100%;}
.pc-top-content{display:flex;width:100%;height:100%;color:#fff;align-items:center;justify-content:center;}
.pc-top-lable{padding-right:80px;font-size:36px;}
.pc-top-input{padding:2px 5px;width:630px;height:44px;border:1px #e0e0e0 solid;border-radius:4px 0 0 4px;background-color:#fff;font-size:14px;}
.pc-top-search{display:flex;align-items:center;}
.pc-top-search-but{display:block;width:90px;height:44px;border-radius:0 4px 4px 0;background-color:#08f;color:#fff;text-align:center;font-size:18px;line-height:44px;cursor:pointer;}
.pc-top-input::-webkit-input-placeholder{color:#999;}
.pc-content{width:100%;}
.pc-cont-head{width:100%;background:#EEF0F4;}
.pc-cont-head-ul{display:flex;margin:0 auto;width:1300px;height:60px;align-items:center;}
.pc-cont-head-ul li{position:relative;margin-right:5px;}
.pc-cont-head-ul li:hover{background-color:#e1e3e7;}
.pc-cont-head-ul li>a{position:relative;display:block;padding:18px 28px 20px;width:120px;color:#595961;font-size:16px;line-height:22px;}
.pc-cont-head-ul li.active:after{position:absolute;right:0;bottom:0;left:0;width:100%;height:2px;background:#1296db;content:"";}
.pc-cont-head-ul li.active>a{color:#1296db;}
.pc-cont-box{width:100%;}
.pc-cont{display:flex;box-sizing:border-box;margin:0 auto;padding:20px 0;width:1300px;justify-content:space-between;}
.pc-cont-left{width:220px;min-height:400px;border:1px solid #EFEFEF;background-color:#fff;}
.hot-search{position:relative;width:100%;}
.pc-cont-left-menu{width:100%;}
.pc-cont-left-menu li{position:relative;}
.hot-search::after,.pc-cont-left-menu li::after{position:absolute;right:0;bottom:0;left:0;width:100%;height:1px;background:#EFEFEF;content:"";}
.pc-cont-left-menu .menu-item:hover{background-color:#f4f4f4;}
.menu-item{display:flex;box-sizing:border-box;padding:15px 14px;font-size:14px;cursor:pointer;align-items:center;justify-content:space-between;}
.menu-item-bg{position:relative;background-color:#E0F1FF;}
.menu-item-bg::after{position:absolute;right:0;bottom:0;left:0;width:2px;height:100%;background:#1296db;content:"";}
.menu-item-color{color:#1296db;}
.menu-item span{display:block;width:calc(100% - 36px);}
.pc-icon{display:inline-block;width:14px;height:14px;background-position:center;background-size:cover;}
.pc-icon1{margin-right:8px;}
.pc-icon2{background-image:url("../images/course/a2.png");}
.pc-icon2-s{background-image:url("../images/course/a22.png");}
.pc-icon3{background-image:url("../images/course/b2.png");}
.pc-icon3-s{background-image:url("../images/course/b22.png");}
.pc-icon4{margin-left:5px;width:16px;height:16px;background-image:url("../images/course/a1.png");}
.pc-cont-li-ul{display:none;color:#9797A1;}
.pc-cont-li-ul .menu-item{padding-left:35px;}
.pc-cont-li-ul li::after{height:0;}
.pc-cont-right{width:calc(100% - 260px);min-height:400px;background-color:#fff;}
.hot-search-box{width:100%;}
.hot-search-title{display:flex;box-sizing:border-box;padding-left:24px;width:100%;height:60px;border-bottom:1px #efefef solid;font-size:18px;align-items:center;}
.hot-search-content{box-sizing:border-box;padding:15px 30px;width:100%;}
.hsc-ul{display:flex;width:100%;flex-wrap:wrap;}
.hsc-ul li{box-sizing:border-box;margin-left:30px;padding:10px 15px 10px 0;width:calc((100% / 3) - 30px);position: relative}
.hsc-ul li::after,.pc-content-title-ul li::after{content: ""; position: absolute;top: calc(50% - 3px);left: -10px;width: 3px;height: 3px;background: #000;}
.hsc-ul li>a{display:inline-block;overflow:hidden;width:100%;color:#5A5A62;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.hsc-ul li>a:hover{color:#1296db;cursor:pointer;}
.pc-content-box{display:none;width:100%;}
.pc-content-title-ul{box-sizing:border-box;padding:0 30px;width:100%;}
.pc-content-title-ul li{width:100%;border-bottom:1px #efefef solid;position: relative;}
.pc-content-title-ul li>a{display:inline-block;overflow:hidden;width:100%;color:#595961;text-overflow:ellipsis;white-space:nowrap;line-height:50px;font-size:18px;}
.pc-content-title-ul li>a:hover{color:#1296db;cursor:pointer;}
.pc-content-details-box{box-sizing:border-box;margin:0 auto;padding:30px 0;width:1300px;}
.pc-details-title{margin-bottom:20px;width:100%;border-bottom:1px #efefef solid;text-align:center;font-size:18px;line-height:60px;}
.pc-details-con{color:#595961;font-size:14px;}
.contact-customer-service{display: none;box-sizing:border-box;margin:0 auto;padding:30px 0;width:1300px;}
.contact-customer-service .ccs-ul{display:flex;box-sizing:border-box;padding:0 120px;width:100%;justify-content:space-between;}
.contact-customer-service .ccs-ul li{box-sizing:border-box;padding:20px 40px;width:calc((100% / 2) - 100px);border:1px #efefef solid;border-radius:4px;color:#9797A1;font-size:14px;background-color: #fff;}
.contact-customer-service .ccs-ul li .ccs-title{color:#595961;font-size:18px;line-height:32px;}
.contact-customer-service .ccs-ul li p{line-height:26px;}
.contact-customer-service .ccs-ul li p .color-000{color:#595961;}
.contact-customer-service .ccs-ul li p.conversation{box-sizing:border-box;padding-top:20px;}
.contact-customer-service .ccs-ul li p.conversation a{color: #1296db}
.contact-customer-service .ccs-ul li p.conversation a:hover{color: #64cc1e}
/*教程中心 end*/

/*升级VIP begin*/
.upgrade-vip-box{margin:0 auto;width:1300px;}
.uvb-ul{display:flex;box-sizing:border-box;padding:120px 0;width:100%;justify-content:space-between;}
.uvb-ul li{width:calc((100% / 3) - 40px);background-color:#fff;}
.top-sec{width:100%;}
.uvb-top{position:relative;width:100%;height:140px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;color:#fff;text-align:center;}
.ver-business .uvb-top{background-color:#82c3ff;background-image:linear-gradient(-90deg,#7ea1f0,#8de6ec);}
.ver-flagship .uvb-top{background-color:#be96ff;background-image:linear-gradient(-90deg,#ef8c7f,#f6c688);}
.ver-platinum .uvb-top{background-color:#fad171;background-image:linear-gradient(-90deg,#a7a9ff,#edbcf1);}
.uvb-top .ver-icon-wrap{position:absolute;top:-55px;left:50%;margin-left:-55px;width:110px;height:110px;-webkit-border-radius:55px;border-radius:55px;background:#fff;}
.uvb-ul li .ver-icon-wrap{box-shadow:0 10px 12px rgba(80,169,250,.28);}
.uvb-top .name{padding-top:80px;font-weight:700;font-size:28px;line-height:28px;}
.uvb-content{width:100%;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;background-color:#fff;}
.uvb-desc-sec{padding:0 40px;}
.uvb-desc-sec .item{position:relative;padding:28px 0;border-bottom:1px solid #f7f7f7;}
.uvb-desc-sec .item .main-info,.uvb-desc-sec .item .second-info{display:flex;height:28px;color:#333;align-items:center;justify-content:space-between;}
.uvb-desc-sec .item .text{font-size:14px;}
.uvb-desc-sec .item .value{color:#333;}
.uvb-desc-sec .item .main-info .value{font-weight:700;font-size:20px;}
.uvb-desc-sec .item .value img{width:auto;}
.uvb-desc-sec .item .second-info-box{display:none;padding-top:10px;font-size:14px;}
.uvb-desc-sec .item .second-info{margin-top:20px;height:14px;color:#6a6a6a;}
.uvb-price-sec .item-details{position:relative;top:-15px;margin:0 auto;width:100%;color:#999;text-align:center;font-size:12px;line-height:30px;}
.uvb-price-sec .item-details::after{position:absolute;top:15px;left:0;z-index:64;width:100%;height:1px;background-color:#f7f7f7;content:'';}
.uvb-price-sec .item-details:hover{color:#ff2e42;cursor:pointer;}
.uvb-price-sec .item-details .text{position:relative;z-index:65;display:inline-block;width:100px;background:#fff;}
.uvb-price-sec .item-details i{margin-left:5px;font-size:15px;}
.uvb-price-sec .icon-font{font-style:normal;font-size:14px;font-family:iconfont!important;}
.uvb-price-sec .item-discount{margin:0 20px;height:52px;background-color:#fef7f0;color:#ff0042;text-align:center;font-size:12px;line-height:1.5;}
.uvb-price-sec .item-discount .item{display:table-cell;width:360px;height:52px;vertical-align:middle;text-align:center;}
.uvb-price-sec .item-discount .item .icon-font-giftBox{display:inline-block;margin-right:5px;width:16px;height:16px;background-image:url("../images/giftBox.png");background-position:center;background-size:cover;}
.uvb-price-sec .item-price .price-box{display:flex;margin:0;padding-top:40px;padding-bottom:50px;width:100%;justify-content:space-between;}
.uvb-price-sec .item-price .price-box li{display:flex;box-sizing:border-box;width:calc(100% / 2);}
.uvb-price-sec .item-price .price-box .left{position:relative;padding-right:20px;justify-content:flex-end;}
.uvb-price-sec .item-price .price-box .left::after{position:absolute;top:0;right:0;bottom:0;width:1px;height:100%;background-color:#e1e1e1;content:"";}
.uvb-price-sec .item-price .price-box .right{padding-left:20px;}
.uvb-price-sec .item-price .price-box li .price{display:inline-block;margin-right:5px;color:#333;vertical-align:middle;font-size:32px;line-height:32px;}
.uvb-price-sec .price-box li .other{font-size:12px;line-height:14px;}
.uvb-price-sec .price-box li .other .per-price{color:#333;}
.uvb-price-sec .price-box li .other .price-desc{margin-top:2px;color:#999;}
.uvb-price-sec .buy-btn-wrap{padding-bottom:20px;}
.uvb-price-sec .buy-btn-wrap a.btn{display:block;margin:0 auto;width:140px;height:38px;border-radius:25px;background-color:#ff0042;color:#fff;text-align:center;font-size:14px;line-height:38px;cursor:pointer;}
.go-to-customizedService{text-align: center;padding-bottom:20px;}
.go-to-cs{text-decoration:underline;color: #0baefd}
/*升级VIP end*/

/*定制服务*/
.customized-service-box .cs-top{width: 100%; background-image:url("../images/customized/cs_img1.png");background-position:center;background-size:cover;}
.customized-service-box .cs-nav{background-color: #fff;padding: 40px 0; box-sizing: border-box;}
.customized-service-box .cs-nav .cs-nav-ul{width: 780px;margin: 0 auto;display: flex;background-color: #ececec;border-radius: 25px;font-weight:bold}
.customized-service-box .cs-nav .cs-nav-ul>li{width: 260px;}
.customized-service-box .cs-nav .cs-nav-ul>li a{display: block;width: 100%;padding: 12px 0; box-sizing: border-box;text-align: center;color: #333;font-size: 18px;}
.customized-service-box .cs-nav .cs-nav-ul>li.active a{border-radius: 25px;color: #fff;background-color: #2dbb43; transition: background-color 2s linear;}
.customized-service-box .cu-content .cu-item-box{width: 100%;padding: 60px 0;}
.customized-service-box .cu-content .cu-item-box:nth-of-type(even){background: #fff;}
.customized-service-box .cu-content .cu-item-box .cu-item{display: flex;align-items: center;justify-content: center; flex-direction: column;}
.customized-service-box .cu-content .cu-item-box .cu-item .top{text-align: center;padding-bottom: 20px; box-sizing: border-box;}
.customized-service-box .cu-content .cu-item-box .cu-item .top .title{font-size: 30px;}
.customized-service-box .cu-content .cu-item-box .cu-item .top .describe{font-size: 14px;color:#808080;padding-top: 10px;min-width: 400px; max-width: 540px;}
.customized-service-box .cu-content .cu-item-box .cu-item .content{width: 100%;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .advantage{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 60px; box-sizing: border-box;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .advantage>li{width: calc(25% - 20px);height: 300px;background: #fff; border: 1px #e6e6e6 solid;display: flex;align-items: center;justify-content: center;flex-direction: column; cursor: pointer;border-radius: 4px;}
.cu-website .advantage>li .cu-img1,.cu-website .advantage>li .cu-img2,.cu-website .advantage>li .cu-img3,.cu-website .advantage>li .cu-img4{ width: 136px;height: 107px;}
.cu-website .advantage>li .cu-img1{background: url("../images/customized/cs-icon-generates.png") center center/100% 100%;}
.cu-website .advantage>li:hover .cu-img1{background: url("../images/customized/cs-icon-generates-h.png") center center/100% 100%;}
.cu-website .advantage>li .cu-img2{background: url("../images/customized/cs-icon-profile.png") center center/100% 100%;}
.cu-website .advantage>li:hover .cu-img2{background: url("../images/customized/cs-icon-profile-h.png") center center/100% 100%;}
.cu-website .advantage>li .cu-img3{background: url("../images/customized/cs-icon-share.png") center center/100% 100%;}
.cu-website .advantage>li:hover .cu-img3{background: url("../images/customized/cs-icon-share-h.png") center center/100% 100%;}
.cu-website .advantage>li .cu-img4{background: url("../images/customized/cs-icon-competitiveness.png") center center/100% 100%;}
.cu-website .advantage>li:hover .cu-img4{background: url("../images/customized/cs-icon-competitiveness-h.png") center center/100% 100%;}
.cu-smallProgram .advantage>li .cu-img1,.cu-smallProgram .advantage>li .cu-img2,.cu-smallProgram .advantage>li .cu-img3,.cu-smallProgram .advantage>li .cu-img4{ width: 120px;height: 120px;}
.cu-smallProgram .advantage>li .cu-img1{background: url("../images/customized/cs-advantage1.png") center center/100% 100%;}
.cu-smallProgram .advantage>li:hover .cu-img1{background: url("../images/customized/cs-advantage1-h.png") center center/100% 100%;}
.cu-smallProgram .advantage>li .cu-img2{background: url("../images/customized/cs-advantage2.png") center center/100% 100%;}
.cu-smallProgram .advantage>li:hover .cu-img2{background: url("../images/customized/cs-advantage2-h.png") center center/100% 100%;}
.cu-smallProgram .advantage>li .cu-img3{background: url("../images/customized/cs-advantage3.png") center center/100% 100%;}
.cu-smallProgram .advantage>li:hover .cu-img3{background: url("../images/customized/cs-advantage3-h.png") center center/100% 100%;}
.cu-smallProgram .advantage>li .cu-img4{background: url("../images/customized/cs-advantage4.png") center center/100% 100%;}
.cu-smallProgram .advantage>li:hover .cu-img4{background: url("../images/customized/cs-advantage4-h.png") center center/100% 100%;}
.cu-app .advantage>li .cu-img1,.cu-app .advantage>li .cu-img2,.cu-app .advantage>li .cu-img3,.cu-app .advantage>li .cu-img4{ width: 120px;height: 120px;}
.cu-app .advantage>li .cu-img1{background: url("../images/customized/cs-advantage5.png") center center/100% 100%;}
.cu-app .advantage>li:hover .cu-img1{background: url("../images/customized/cs-advantage5-h.png") center center/100% 100%;}
.cu-app .advantage>li .cu-img2{background: url("../images/customized/cs-advantage6.png") center center/100% 100%;}
.cu-app .advantage>li:hover .cu-img2{background: url("../images/customized/cs-advantage6-h.png") center center/100% 100%;}
.cu-app .advantage>li .cu-img3{background: url("../images/customized/cs-advantage7.png") center center/100% 100%;}
.cu-app .advantage>li:hover .cu-img3{background: url("../images/customized/cs-advantage7-h.png") center center/100% 100%;}
.cu-app .advantage>li .cu-img4{background: url("../images/customized/cs-advantage8.png") center center/100% 100%;}
.cu-app .advantage>li:hover .cu-img4{background: url("../images/customized/cs-advantage8-h.png") center center/100% 100%;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .advantage>li .name{font-size: 20px;padding: 18px 0;box-sizing: border-box;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .advantage>li .describe{display: none; font-size: 14px;padding: 0 16px;box-sizing: border-box;line-height: 20px; color: #999999;text-align: center;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .advantage>li:hover{-moz-box-shadow:0 10px 18px rgba(0,0,0,0.07);-webkit-box-shadow:0 10px 18px rgba(0,0,0,0.07);box-shadow:0 10px 18px rgba(0,0,0,0.07)}
.customized-service-box .cu-content .cu-item-box .cu-item .content .advantage>li:hover .describe{display: block;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .case-list{width: 100%;padding: 60px 100px;box-sizing: border-box}
.customized-service-box .cu-content .cu-item-box .cu-item .content .case-list .case-item{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .case-list .case-item .item-text{width: 45%;text-align: center;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .case-list .case-item .item-text h2{font-size: 20px;margin-bottom: 20px;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .case-list .case-item .item-text p{width: 400px; margin: 60px auto 0; font-size: 14px;line-height: 20px;color: #999999;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .case-list .case-item .item-imgBox{width: 30%;text-align: center;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .case-list .case-item .item-imgBox:hover img{transform:scale(1.1);transition:all 0.3s;}
.customized-service-box .cu-content .cu-data-info{background:-webkit-linear-gradient(left,#2e5ddf ,#2e9edf);background:-o-linear-gradient(right,#2e5ddf ,#2e9edf);background:-moz-linear-gradient(right,#2e5ddf ,#2e9edf);background:linear-gradient(to right,#2e5ddf ,#2e9edf);color:#fff}
.customized-service-box .cu-content .cu-data-info .cu-item .top .describe{color: #fff}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation{width: 100%;padding: 60px 100px 100px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation .left-value-ul{width: 45%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation .left-value-ul>li{width: 192px;color: #fff;text-align: center;margin:20px 27px;padding: 40px 0;position: relative}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation .left-value-ul>li .number {font-size: 56px;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation .left-value-ul>li .txt {font-size: 20px;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation .left-value-ul>li.bottom-col-line::after{content: "";position: absolute;right: 10px;bottom: -20px;width: 90%;height: 2px;background: #fff;opacity: 0.5;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation .left-value-ul>li.left-row-line::after{content: "";position: absolute;left: -27px;bottom: 20px;width: 2px;height: 60%;background: #fff;opacity: 0.5;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation .left-value-ul>li.right-row-line::after{content: "";position: absolute;right: -29px;top: 20px;width: 2px;height: 60%;background: #fff;opacity: 0.5;}
.customized-service-box .cu-content .cu-item-box .cu-item .content .valueInformation .left-value-ul>li.top-col-line::after{content: "";position: absolute;left: 10px;top: -20px;width: 90%;height: 2px;background: #fff;opacity: 0.5;}
.customized-service-box .cu-content .cu-data-info .cu-item .content{position: relative;}
.customized-service-box .cu-content .cu-data-info .cu-item .content .data-value-box{position: absolute;bottom: -130px;left: 0; width: 100%;z-index: 10;}
.customized-service-box .cu-content .cu-data-info .cu-item .content .data-value-box .wrap{ width: 1200px;margin: 0 auto;height: 200px;z-index: 99;background: #fff;border-radius: 6px;-moz-box-shadow: 0 5px 30px #e8edfc;-webkit-box-shadow: 0 5px 30px #e8edfc;box-shadow: 0 5px 30px #e8edfc;}
.customized-service-box .cu-content .cu-data-info .cu-item .content .data-value-box .wrap .data-ul{width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
.customized-service-box .cu-content .cu-data-info .cu-item .content .data-value-box .wrap .data-ul> li{width: calc(20% - 20px);text-align: center;}
.customized-service-box .cu-content .cu-data-info .cu-item .content .data-value-box .wrap .data-ul .number{font-size: 36px;color: #333;}
.customized-service-box .cu-content .cu-data-info .cu-item .content .data-value-box .wrap .data-ul .text{font-size: 14px;color: #808080;margin-top: 15px;}
.customized-service-box .cu-content .serviceProcess{position: relative;}
.customized-service-box .cu-content .serviceProcess .sp-box{width: 100%;height: 60px;background-color: #fff;border-radius: 70%;position: absolute;top: -30px;left: 0;z-index: 9;}
.customized-service-box .cu-content .serviceProcess .cu-item{padding-top: 100px;}
.customized-service-box .cu-content .serviceProcess .cu-item .content .sp-list{display: flex;align-items: center;justify-content: space-between;padding: 60px 0;}
.customized-service-box .cu-content .serviceProcess .cu-item .content .sp-list .sp-item{ width: calc(20% - 40px);display: flex;align-items: center;justify-content: center;flex-direction: column;}
.customized-service-box .cu-content .serviceProcess .cu-item .content .sp-list .sp-item:nth-of-type(odd){padding-top:100px;box-sizing: border-box;}
.customized-service-box .cu-content .serviceProcess .cu-item .content .sp-list .sp-item .sp-img-bg{width: 105px;height: 105px; padding: 20px;box-sizing: border-box;border-radius: 10px;background-color: #ffffff;box-shadow: 0 5px 20px #e8edfc;-moz-box-shadow: 0 5px 20px #e8edfc;-webkit-box-shadow: 0 5px 20px #e8edfc;margin-bottom: 20px;}
.customized-service-box .cu-content .serviceProcess .cu-item .content .sp-list .sp-item .sp-name{font-size: 17px;font-weight: bold;color: #333;text-align: center;margin-top: 18px;margin-bottom: 18px;}
.customized-service-box .cu-content .serviceProcess .cu-item .content .sp-list .sp-item .sp-text{font-size: 13px;line-height: 24px;color: #333;}
/*关于我们*/
.about-top-logo{width:100%;}
.about-serve-list{width:1120px;box-sizing:border-box;padding:0 15px;display:flex;margin:30px 0;}
.about-serve-item{flex:1;display:flex;flex-direction:column;align-items:center;border:1px #e5e5e5 solid;padding:20px 0 10px;background-color:#fff;}
.about-serve-item:nth-of-type(-n+3){border-right:none;}
.about-serve-icon{width:60px;filter:sepia(100%) hue-rotate(180deg) saturate(270%)}
.about-serve-title{font-size:18px;font-weight:bold;margin-top:10px;color:#5ea0f6;}
.about-serve-line{width:70%;height:1px;background-color:#c7c7c7;margin:15px 0;}
.about-serve-content-text{font-size:16px;color:#666;margin:7px 0;}
.about-content-item{width:100%;padding:60px 0 70px;display:flex;flex-direction:column;align-items:center;background-color:#fff;}
.about-content-item:nth-of-type(odd) {background-color:#f7f7f7;}
.about-content-text {width:1300px;font-size:16px;padding:0 100px;margin:15px 0;text-indent:2em;line-height:200%;}
.about-contact {display:flex;width:1300px;padding:70px 0 50px;justify-content:space-between;}
.about-contact-map {width:40%;}
.about-contact-content {width:55%;display:flex;flex-direction:column;justify-content:center;}
.about-contact-title {font-size:24px;font-weight:normal;margin:0 0 40px;}
.about-contact-item {width:100%;display:flex;align-items:center;font-size:18px;margin-bottom:20px;color:#000;}
.about-contact-icon {width:25px;margin-right:14px;}
/*预约*/
.res-main{width:1300px;margin:0 auto;background-color:#fff;}
.res-top{width:100%;}
.color-blue {color:#1485fd;}
.res-title{width:100%;text-align:center;font-size:22px;font-weight:bold;padding:40px 0 30px;}
.res-title-detail {font-size:18px;text-align:center;font-weight:normal;margin-bottom:50px;}
.res-section{width:100%;display:flex;flex-direction:column;align-items:center;}
.res-input-container {width:730px;min-height:40px;box-sizing:border-box;padding:0 10px;margin-bottom:14px;display:flex;justify-content:space-between;}
.res-input-container > div {font-size:16px;width:100px;height:40px;line-height:40px;}
.res-input-container > div > span {font-size:19px;color:#e20806;position:relative;top:3px;margin-left:4px;}
.res-input-container>label{flex:1;}
.res-input {width:100%;height:40px;box-sizing:border-box;border:1px #dcdcdc solid;padding:0 10px;outline:none;}
.res-checkbox-main {flex:1;display:flex;height:60px;justify-content:space-between;align-items:center;user-select:none;}
.res-checkbox-main .res-checkbox{transform:scale(1.2);}
.res-checkbox-main > label {flex:1;height:100%;display:flex;align-items:center;}
.res-checkbox-main > label > span {margin-left:5px;}
.demand-textarea {width:100%;height:140px;border:1px #dcdcdc solid;box-sizing:border-box;padding:10px;font-family:inherit;resize:none;outline:none;}
.submit-btn-container{width:100%;box-sizing:border-box;padding:20px 0 50px;display:flex;justify-content:center;}
.submit-btn{width:200px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#51bffe;color:#fff;font-size:16px;border:none;border-radius:4px;}
/* 猜你喜欢下面小标签 */
.tag-list{
    display: flex;
    flex-wrap: wrap;
}
.tag-box h3{
    margin-bottom: 10px;
    font-size: 18px;
}
.tag-list > .tag-item{
    white-space:nowrap;
    padding: 8px 15px;
    background-color: rgb(235, 235, 235);
    color: rgb(44, 44, 44);
    text-align: center;
    margin-bottom: 10px;
    margin-left: 10px;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.2s linear;
}
.tag-item:hover{
    background-color: rgb(175, 175, 175);
}
.tag-header{display: flex;justify-content: space-between;}
.tag-header a:hover{color: #3a3a3a;}
.tag-header a{
 color: #8e8e8e;
 padding: 1px 10px;
 font-size: 13px;
}
.tag-item a{
    display: block;
    width: 100%;
    height: 100%;
    color: rgb(44, 44, 44);
}
/* 案例介绍 */
.case-row{
    margin: 20px 0;
}
.case-title{
    display: flex;
}
.case-title li.active{
    background-color: rgb(26, 179, 84);
    color: #fff;
}
.case-title li{
    transition: all 0.2s linear;
    cursor: pointer;
    padding: 8px 15px;
    background-color: #fff;
    border: solid 1px#e2e2e2;
    color:#9c9c9c;
    margin-right: 10px;
    font-size: 14px;
}
.case-list{
    display: flex;
    flex-wrap: wrap;
}
.case-item{
    width: calc(33.3% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
}
.case-item span{
    margin-top: 8px;
    font-size: 16px;
    line-height: 25px;
}
.case-item:nth-child(3n){
    margin-right: 0;
}
.link-history a,.link-history span{
    color: rgb(104, 104, 104);
    font-size: 14px;
}
.case-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    background-color: rgb(63, 193, 105,.8);
    transition: all 0.2s linear;
    box-sizing: border-box;
    padding: 10px 15px;
}
.case-content:hover .case-box{
    top: 0;
}
.case-content:hover + span{
    color: #3fc169;
}
.case-content{
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    /* height: 300px; */
    width: 100%;
    /* background-image: url("/make/web/extend/system/home/view/static/images/home/app.png"); */
    background-repeat: no-repeat;
    background-size: cover;
}
.case-content img{
    object-fit: fill;
}
.content-box{
    width: 1300px;
    background-color: #fff;
    padding:20px 50px;
    margin: 25px auto 35px;
}
.case-text-list li{
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow:ellipsis;
    line-height: 30px;
}
.text-ellipsis{
    width: 100%;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.case-content span{
    display: block;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
}
.web-content-box{
    max-width: 1300px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fff;
}
.writer-text{
    margin: 15px 0;
    font-size: 15px;
}