@charset "utf-8";
/* 首页 */
.card-list{display:flex;justify-content:space-between;margin-bottom:30px}
.card-list>li{
    width:190px;
    height:400px;
    -webkit-perspective: 800;
    position:relative;
    -moz-perspective: 800;
    -ms-perspective: 800;
    perspective: 500;
    -ms-transform: perspective(800px);
    -moz-transform: perspective(800px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}
.card-bg,.card-click{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
    -ms-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
}
.card-bg>img:nth-child(1),.card-click>img:nth-child(1){
    top:0;
    left:0;
    position:absolute;
    z-index:-1;
}
.card-bg{z-index: 2;}
.card-click{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);display:flex;justify-content:center;flex-wrap: wrap;padding-top:80px;box-sizing:border-box;
}
.card-list li:hover .card-bg{-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.card-list li:hover .card-click{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 3;
}
.card-logo{bottom:80px;left:50%;transform:translateX(-50%);position:absolute;}
.card-bg h2,.card-click h2{font-size:24px;color:#fff;position:absolute;width:100%;text-align:center;top:94px;margin:0;padding:0}
.card-click a{position:absolute;display:inline-block;width:83px;line-height:28px;font-size:14px;color:#fff;bottom:15px;left:55px;background:#4B92EE;border-radius:14px;text-align:center}
.card-click h2{top:45px;left:0}
.club-map{width:175px;height:316px;margin-top:-50px}
.iportrayal-list{width:170px;margin-top:10px}
.iportrayal-list li{background:url('/frontdesk/images/card07.png') no-repeat center;width:170px;height:74px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:5px;}
.iportrayal-list li h3{font-size:14px;color:#fff;line-height:20px;text-align:center;height:40px;overflow:hidden;width:115px}
.iactivity-list{width:170px;padding-top:10px}
.iactivity-list li{margin-bottom:15px;line-height:22px;font-size:14px;color:#fff;max-height:44px;overflow:hidden}
.igroup-list{width:165px}
.igroup-list h3{font-size:16px;color:#fff;margin-top:15px}
.igroup-list li{font-size:14px;color:#fff;margin-top:5px;line-height:22px;height:44px;overflow:hidden}
.icase-wrap{width:170px}
.icase-wrap h3{font-size:16px;color:#fff;line-height:26px;margin-top:5px}
.icase-wrap h4{font-size:14px;color:#fff;line-height:16px;height:192px;overflow:hidden;word-break:break-all;margin-top:10px}
.serve-shop{width:170px;}
.serve-shop li{font-size:14px;color:#fff;border-bottom:1px solid #213FCA;padding:12px 0 15px 0;}
.news-wrap{display:flex;justify-content:space-between;}
#index-news{width:474px;height:203px;margin:0}
#index-news .swiper-button-prev,#index-news .swiper-button-next{width:37px;height:37px;margin-top:-18px}
#index-news .swiper-button-prev{background:url('/frontdesk/images/btn-left.png') no-repeat center;left:10px}
#index-news .swiper-button-next{background:url('/frontdesk/images/btn-right.png') no-repeat center;right:10px}
#index-news .swiper-pagination-bullet{width:8px;height:8px;background:#478DF7;opacity:1;}
#index-news .swiper-pagination-bullet-active{background:#58C1ED}
.index-news{width:716px;background:#fff;height:203px;box-sizing:border-box;padding:20px 25px}
.index-news h2{font-weight:bold;font-size:20px;color:#333}
.index-news h2 a{float:right;font-size:14px;color:#999;font-weight:normal;line-height:20px}
.index-news h2 a:hover{color:#3f6af2}
.news-list-box{display:flex;justify-content:space-between;margin-top:15px}
.news-list-box ul{margin-top:10px}
.news-list-box li{margin-bottom:15px}
.news-list-box a{overflow: hidden;display:block;width:495px;}
.news-list-box a:hover .news-content{color:#3f6af2}
.circle{width:3px;height:3px;border-radius:100%;background:#C7C7C7;float:left;position:relative;top:5px;margin-right:10px}
.news-content{float:left;display:inline-block;width:365px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#666}
.news-time{float:right;font-size:12px;color:#666}
.news-right{width:140px;height:120px}
.news-right img{width:100%;height:100%}
.index-count{display:flex;width:390px;flex-wrap:wrap;height:240px;background:#fff;padding:35px 0;box-sizing:border-box;}
.index-count li{display:flex;align-items:center;justify-content:center;flex-direction:column;background:url('/frontdesk/images/line.png') no-repeat center right;width:33.33%;}
.index-count li h3{margin-bottom:15px}
.index-count li span{font-weight:bold;font-size:26px;color:#000}
.index-count li sup{color:#999;margin-left:10px;position:relative;top:-10px}
.index-count li:nth-child(3n){background:none}
.index-show{display:flex;justify-content:space-between;padding:40px 0 85px 0;}
.ishow-right{background:#fff;width:390px;height:240px;}
.ishow-cloud{width:390px;height:240px;background:url("/frontdesk/images/ciyun.jpg") no-repeat center;}
.ishow-charts{width:390px;height:240px;background:url("/frontdesk/images/tongji.png") no-repeat center;background-size: 100% auto;}
/* 产业画像列表 */
.portrayal-wrap{background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));padding:40px 35px 70px 35px;margin-top:20px;min-height:700px}
.portrayal-content{display:none}
.portrayal-class{border:1px solid #7993F7;margin:30px 0;display:flex;flex-direction:row;line-height:40px;padding:0 12px}
.portrayal-class li{margin-right:15px;color:#333;font-size:14px;}
.portrayal-class li a{color:#666}
.portrayal-class li a:hover,.portrayal-class li a.pc-active{color:#294EEE}
.portrayal-list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.portrayal-list li{width:350px;height:155px;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:40px;z-index:0;border-radius:5px;}
.portrayal-list li a>img{position:absolute;width:100%;height:100%;z-index:-1;top:0;left:0}
.portrayal-list li h3{font-size:22px;color:#fff;line-height:35px;text-align:center}
.pl-shade{position:absolute;z-index:2;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0;border-radius:5px;text-align:center;line-height:155px;display:none;}
/* 产业画像详情 */
/* 产业概述 */
.portrayal-det-wrap{background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));margin-top:20px;padding:0 35px 120px 35px}
.bm-business-intro{padding-top:55px;}
.pd-title{font-size:30px;color:#333;text-align:center;margin-bottom:30px;font-weight:bold;}
.bm-title{text-align:center;color:#333;font-size:24px;font-weight:500;}
.ytdw-title{text-align:center;background-color:#f56925;font-size:16px;font-weight:500;padding: 8px 17px;color: white}
.bm-bi-article{height:135px;margin-top:35px;}
.bm-bi-article h4{font-size:14px;color:#666;line-height:28px;margin-bottom:15px;}
.bm-bi-article h4:last-child{margin-bottom:0;}
.bm-bi-article .toggle{width:70px;line-height:30px;border-radius:15px;background:rgba(56,111,236,0.8);font-size:14px;color:#fff;text-align:center;margin-top:10px;overflow:hidden;margin-left:530px}
.bm-bi-article .toggle img{margin-left:6px;}
div.bm-bi-article .toggle .close,div.bm-bi-article.opened .toggle .open{display: none;}
div.bm-bi-article .toggle .open,div.bm-bi-article.opened .toggle .close{display: inline;}
div.bm-bi-article.opened {height: auto;}
.bm-bi-city{overflow:hidden;position:relative;z-index:0;margin-top:70px;}
.bm-bi-city li{position:relative;float:left;width:260px;height:270px;background:#FAFAFA;z-index:-2;margin-right:23px;}
.bm-bi-city li:last-child{margin-right:0;}
.bm-bi-city li img{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100px}
.bm-bi-city li h2{font-size:32px;color:#fff;line-height:100px;text-align:center;}
.bm-bi-sbox{margin:10px 0 0 10px;}
.bm-bi-scroll{height:140px;overflow-y:scroll;}
.bm-bi-scroll h4{font-size:14px;color:#666;line-height:24px;padding-right:12px;text-align:justify;}
/* 测试服务 */
.store-wrap{background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));padding:40px 35px 70px 35px;margin-top:20px;min-height:700px}
.store-content{display:none}
.store-class{border:1px solid #7993F7;margin:30px 0;display:flex;flex-direction:row;line-height:40px;padding:0 12px}
.store-class li{margin-right:15px;color:#333;font-size:14px;}
.store-class li a{color:#666}
.store-class li a:hover,.store-class li a.pc-active{color:#294EEE}
.store-list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.store-list li{width:350px;height:155px;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:40px;z-index:0;border-radius:5px;}
.store-list li a>img{position:absolute;width:100%;height:100%;z-index:-1;top:0;left:0}
.store-list li h3{font-size:22px;color:#fff;line-height:35px;text-align:center}
/* 滚动条美化 */
.bm-bi-scroll::-webkit-scrollbar{width:2px;}
.bm-bi-scroll::-webkit-scrollbar-button:vertical { display: none }
.bm-bi-scroll::-webkit-scrollbar-track:vertical { background-color: transparent; }
.bm-bi-scroll::-webkit-scrollbar-track-piece { background-color: #E2E2E2; }
.bm-bi-scroll::-webkit-scrollbar-thumb:vertical { background-color: #3476E4; border-radius:4px}
.bm-bi-scroll::-webkit-scrollbar-thumb:vertical:hover { background-color: #3476E4; cursor: pointer; }
.bm-bi-scroll::-webkit-scrollbar-thumb:vertical:active { background-color: #3476E4; cursor: pointer; }
/* 产业布局 */
.bm-business-layout{margin-top:65px;}
.bm-bl-ul{margin-top:30px;height:300px;}
.bm-bl-ul li{position:relative;margin-right:12px;width:180px;height:300px;float:left;cursor:pointer;}
.bm-bl-ul li:last-child{margin-right:0;}
.bm-bl-ul li:nth-child(2n){width:auto;height:auto;margin-top:215px;}
.bm-bl-libg{position:absolute;bottom:0;left:0;}
.bm-bl-process{position:absolute;width:100%;bottom:135px;}
.bm-bl-process h3{font-size:16px;color:#fff;line-height:30px;}
.bm-bl-ul li h2{position:absolute;width:100%;bottom:60px;font-size:20px;color:#fff;}
.bm-bl-content{position:relative;display:none;margin-top:55px;box-shadow:0px 0 4px 0px rgba(0, 0, 0, 0.06);background:#fff;padding:20px 30px 50px 60px;text-align:left;}
.bm-bl-arrow{position:absolute;top:-28px;}
.bm-bl-content h3{font-size:18px;color:#333;margin-top:30px;}
.bm-bl-content ul{overflow:hidden;margin-top:20px;}
.bm-bl-content ul li{float:left;width:33.33%;margin-bottom:10px;}
.bm-bl-content ul li a{display:inline-block;width:285px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#999;}
.bm-bl-content ul li a:hover,.bm-bl-content ul li a:hover span{color:#496FE4;}
.bm-bl-content ul li h5 span{font-size:14px;margin-left:30px;color:#AEAEAE;}


/* rhs-------------------------------------------------------------------------------------------------- */
/*联盟链网*/
/*.union .container .row-1 ul .li-1{
    background: url("/frontdesk/images/u-title_01_hover.png");
}
.union .container .row-1 .li-1 span{
    !*font-size: 20px;*!
    color: white;
}
.union .container .row-2{
    margin-top: 20px;
    margin-bottom: 50px;
    background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)))
}*/
.union .container .row-1 .li-1 span{
    /*font-size: 20px;*/
    color: white;
}
.union .container .row-2{
    margin-top: 20px;
    margin-bottom: 50px;
    background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)))
}
.union .container .row-2{
    padding-bottom: 220px;
    position: relative;
    display: flex;
}
.union .container .row-2 .mapImg{
    width: 615px;
    height: 835px;
    margin-top: 196px;
    margin-left: 134px;
}
.union .row-2-right{
    margin-left: 70px;
}
.union .right-Title{
    font-size: 22px;
    color: #666666;
    margin-top: 115px;
    margin-bottom: 25px;
}
.union .right-Title2{
    font-size: 22px;
    color: #666666;
    margin-bottom: 25px;
    margin-top: 40px;
}
.union .row-2-right ul li{
    margin-bottom: 17px;
    display: flex;
    align-items: center;
}
.union .row-2-right ul li span{
    cursor: pointer;
}
.union .row-2-right ul li input{
    margin-right: 10px;
}
.union input[type="checkbox"] {
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    margin-right: 10px;
    position: relative;
}
.union input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -1px;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #294EEE;
    border-radius: 3px;
}
.union input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #508AFA;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    border: 1px solid #294EEE;
    border-radius:3px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.union .popDiv{
    background: #ffffff;
    box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.4);
    padding: 25px;
}
.union .el-popover{
    padding: 0;
}
.union .popDiv p{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.union .popDiv p img{
    margin-right: 12px;
}
.union .popDiv p img.star{
    position: relative;
    left: -3px;
    margin-right: 4px;
}
.union .row-2-left{
    position: relative;
}
.union .yellowLine{
    position: absolute;
    z-index: 1;
    left: 140px;
    top: 90px;
}
.union .redLine{
    position: absolute;
    z-index: 2;
    left: 140px;
    top: 45px;
}
.union .yellowStar{
    position: absolute;
    z-index: 2;
    width: 24px;
    height: 24px;
}
.union .index0{
    right: 95px;
    top: 545px;
}
.union .index2{
    right: 70px;
    top: 570px;
}
.union .index3{
    right: 300px;
    top: 470px;
}
.union .index4{
    right: 160px;
    top: 540px;
}
.union .index5{
    right: 175px;
    top: 510px;
}
.union .index6{
    right: 290px;
    top: 485px;
}
.union .index7{
    right: 30px;
    top: 665px;
}
.union .index9{
    right: 230px;
    top: 665px;
}
.union .index10{
    right: 390px;
    top: 500px;
}
.union .index11{
    right: 160px;
    top: 540px;
}
.union .index12{
    right: 280px;
    top: 470px;
}
.union .index13{
    right: 120px;
    top: 470px;
}
.union .index14{
    right: 150px;
    bottom: 300px;
}
.union .index15{
    right: 200px;
    top: 585px;
}
.union .index16{
    right: 215px;
    top: 670px;
}
.union .index17{
    right: 185px;
    top: 640px;
}
.union .index18{
    right: 40px;
    top: 660px;
}
.union .index19{
    right: 240px;
    top: 660px;
}
/*培训活动*/
.activity .container .row-1 ul .li-3{
    background: url("/frontdesk/images/u-title_03_hover.png");
}
.activity .container .row-1 .li-3 span{
    /*font-size: 20px;*/
    color: white;
}
.activity .row-2-1{
    box-sizing: border-box;
    width: 100%;
    background: rgba(255,255,255,0.8);
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 30px 35px;
    padding-bottom: 15px;
}
.activity .row-2-2{
    box-sizing: border-box;
    width: 100%;
    padding: 26px 35px;
    background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
}
.activity .list{
    display: flex;
    margin-bottom: 15px;
    border-bottom: 1px solid #F5F5F5;
    font-size: 14px;
}
.activity .list ul{
    width: 1080px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.activity .list ul span{
    width: 45px!important;
}
.activity .list ul li{
    margin-left: 5px;
    margin-right: 15px;
    color: #666666;
    margin-bottom: 15px;
    cursor: pointer;
}
.activity .list ul li:hover{
    color: #294EEE;
}
.activity .list:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}
.activity .row-2-2 .ul-1{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.activity .row-2-2 .ul-1 li:not(:nth-child(3n+1)){
    margin-left: 40px;
}
.activity .p5:hover a{
    color: white;
}
.activity .row-2-2 .ul-1 li{
    display: inline-block;
    width: 350px;
    margin-bottom: 35px;
    cursor: pointer;
}
.activity .row-2-2 .ul-1 li img{
    width: 350px;
    height: 220px;
}
.activity .row-2-2 .ul-1 li p{
    width: 345px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.activity .type{
    font-size: 24px;
    color: #D10000;
}
.activity .func{
    float: right;
    position: relative;
    top: 5px;
}
.activity .p1{
    margin-top: 15px;
    color: #333333;
    font-size: 17px;
}
.activity .p2{
    margin-top: 20px;
    margin-bottom: 15px;
}
.activity .p2,.activity .p3{
    font-size: 14px;
    color: #999999;
}
.activity .p4{
    margin-top: 20px;
    color: #999999;
    margin-bottom: 20px;
}
.activity .p5{
    width: 350px!important;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #ECECEC;
    color: #294EEE;
    font-size: 17px;
    cursor: pointer;
}
.activity .p5:hover{
    color: white;
    background:#294EEE;
}
.activity .changePage{
    margin-top: 50px;
    text-align: center;
    margin-bottom: 40px;
}
.activity .changePage .el-pagination button:disabled{
    background-color: transparent;
    /*color: #666666;*/
}
.activity .changePage .el-dialog, .el-pager li{
    background-color: transparent;
    color: #666666;
    font-size: 16px;
}
.activity .changePage .el-pagination .btn-next, .el-pagination .btn-prev{
    background-color: transparent;
    color: #666666;
}
.activity .el-pager li.active{
    margin-left: 10px;
    margin-right: 10px;
    min-width: 20px;
    width:20px;
    box-sizing: border-box;
    padding: 0 5px;
    border-bottom: 3px solid #00B7EE;
    color: #00B7EE;
}
.activity .el-pagination button:disabled{
    color: #C0C4CC!important;
}
/*科技社群以及案例分享 202003-31-he*/
/*.standard-bg{background:#fff;margin-top:20px;margin-bottom:40px;background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)))}
.standard-msg{padding:40px 30px 20px;position:relative}
.standard-tab li,.portrayal-tab li{margin:0 45px}
.standard-tab{overflow:hidden;display:flex;padding-left:55px;}
.portrayal-tab{overflow:hidden;display:flex;justify-content:center;}
.standard-a-msg{height:auto;background:#f5f5f5;padding:25px 40px 180px;}
.standard-tab li a,.portrayal-tab li a{font-size:22px;color:#333;margin:0 10px;display:block;padding:10px 2px;}
.standard-a-msg p{font-size:14px;color:#888;text-indent:30px;line-height:25px;}
.standard-hover{color:#416df6 !important;border-bottom:4px solid #416df6;}
.standard-a{overflow:hidden;margin-top:40px;display:none;}
.science-wrap{border:1px solid #8ca7f9;padding:25px 20px 0;}
.science-wrap li{overflow:hidden;margin-bottom:15px;border-bottom:1px solid #ededed;font-size:14px;color:#999999;padding-bottom:15px;}
.science-wrap li:last-child{border-bottom:none;}
.science-wrap li h6{float:left;line-height:20px;}
.science-wrap li span{margin-right:15px;cursor:pointer;line-height:20px;}
.science-wrap li span:last-child{margin-right:0;}
.science-wrap li span:hover{color:#416df6;}
.science-left{width:850px;}
.science-top{font-size:20px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.science-middle{font-size:16px;color:#666;margin:10px 0;line-height:30px;}
.science-bottom{font-size:14px;color:#999;}
.science-list-item{overflow:hidden;border-bottom:1px solid #ededed;padding-bottom:30px;margin-top:25px;}
.science-right{width:70px;height:35px;background:#4270fb;color:#fff;line-height:35px;text-align:center;margin-right:20px;margin-top:35px;display:block;cursor: pointer;}
.science-right:hover{opacity:0.8;}
.science-tab li a{display:block;}
.science-hover{background:#3d66ec;color: #fff !important;}
.science-tab{width:280px;background:rgba(255,255,255,0.7);padding:35px 0;}
.science-all{overflow:hidden;margin-top:20px;margin-bottom:80px;}
.science-tab li{border-bottom:1px solid #ededed;margin-bottom:20px;}
.science-tab li:last-child{border-bottom:none;}
.science-tab li h6{text-indent:25px;font-size:18px;color:#666;padding-bottom:20px;}
.science-tab li a{text-indent:25px;height:35px;line-height:35px;color:#999;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.science-content-bg{background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));padding:50px 40px 80px 40px;min-height:700px}
.science-content{width:900px;}
.science-content .standard-a{margin-top:0;}
.science-title{font-size:24px;color:#000;text-align:center;}
.science-list li h5{font-size:20px;color:#333;margin-bottom:30px;}
.science-list li{margin-top:30px;}
.science-list li p{font-size:16px;color:#666;line-height:30px;max-height:60px;overflow:hidden}
.science-img{text-align:center}*/
.standard-bg{background:#fff;margin-top:20px;margin-bottom:40px;background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)))}
.standard-msg{padding:40px 30px 20px;position:relative}
.standard-tab li,.portrayal-tab li,.store-tab li{margin:0 45px}
.standard-tab{overflow:hidden;display:flex;justify-content: center;}
.portrayal-tab,.store-tab{overflow:hidden;display:flex;justify-content:center;}
.standard-a-msg{height:auto;background:#f5f5f5;padding:25px 40px 180px;}
.standard-tab li a,.portrayal-tab li a,.store-tab li a{font-size:22px;color:#333;margin:0 10px;display:block;padding:10px 2px;}
.standard-a-msg p{font-size:14px;color:#888;text-indent:30px;line-height:25px;}
.standard-hover{color:#416df6 !important;border-bottom:4px solid #416df6;}
.standard-a{overflow:hidden;margin-top:40px;display:none;}
.science-wrap{border:1px solid #8ca7f9;padding:25px 20px 0;}
.science-wrap li{overflow:hidden;margin-bottom:15px;border-bottom:1px solid #ededed;font-size:14px;color:#999999;padding-bottom:15px;}
.science-wrap li:last-child{border-bottom:none;}
.science-wrap li h6{float:left;line-height:20px;}
.science-wrap li span{margin-right:15px;cursor:pointer;line-height:20px;}
.science-wrap li span:last-child{margin-right:0;}
.science-wrap li span:hover{color:#416df6;}
.science-left{width:850px;}
.science-top{font-size:20px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.science-middle{font-size:16px;color:#666;margin:10px 0;line-height:30px;}
.science-bottom{font-size:14px;color:#999;}
.science-list-item{overflow:hidden;border-bottom:1px solid #ededed;padding-bottom:30px;margin-top:25px;}
.science-right{width:70px;height:35px;background:#4270fb;color:#fff;line-height:35px;text-align:center;margin-right:20px;margin-top:35px;display:block;cursor: pointer;}
.science-right:hover{opacity:0.8;}
.science-tab li a{display:block;}
.science-hover{color: #3d66ec !important;}
.science-tab{width:280px;background:rgba(255,255,255,0.7);padding:35px 0;}
.science-tab1{width:280px;background:rgba(255,255,255,0.7);padding:0px 0;}
.science-all{overflow:hidden;margin-top:20px;margin-bottom:80px;}
.science-tab li{margin-bottom:5px;}
.science-tab li:last-child{border-bottom:none;}
/* .science-tab li h6{text-indent:25px;font-size:18px;color:#666;padding-bottom:20px;} */
.science-tab li a{text-indent:25px;height:35px;line-height:35px;color:#666;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width: 230px;}
.science-content-bg{background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));padding:50px 40px 80px 40px;min-height:700px}
.science-content{width:900px;}
.science-content .standard-a{margin-top:0;}
.science-title{font-size:24px;color:#000;text-align:center;}
.science-list li h5{font-size:20px;color:#333;margin-bottom:30px;}
.science-list li{margin-top:30px;}
.science-list li p{font-size:16px;color:#666;line-height:30px;max-height:60px;overflow:hidden}
.science-img{text-align:center}

/* 2021-12-07 */
.science-content .caseList{background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));padding:28px 40px 80px 40px;min-height:700px}
.science-content .years{display: flex;border-bottom: 1px solid #dfdfdf;padding-bottom: 17px;}
.science-content .years li{font-size: 18px;color: #333;line-height: 38px;position: relative;margin-right: 30px;cursor: pointer;}
.science-content .years li.active{color: #3d66ec;font-size: 22px;}
.science-content .years li:hover{color: #3d66ec;}
.science-content .years li.active i{width: 21px;height: 2px;position: absolute;bottom: 0;left: 0;right: 0;display: block;background: #3d66ec;margin: auto;}
.science-content .yearsData{}
.science-content .yearsData li{height: 138px;display: flex;align-items: center;justify-content: space-between;padding: 0 20px 0 10px;border-bottom: 1px solid #dfdfdf;cursor: pointer;}
.science-content .yearsData li .left{width: 635px;}
.science-content .yearsData li .left h3{font-size: 18px;color: #333;line-height: 38px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.science-content .yearsData li .left .pBox{height: 52px;overflow: hidden;}
.science-content .yearsData li .left p{font-size: 16px;color: #666;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.science-content .yearsData li .right{ width: 78px; height: 35px; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; -ms-border-radius: 17px; -o-border-radius: 17px;border: 1px solid #d0d0d0;line-height: 35px;text-align: center;color: #999;font-size: 16px;}
.science-content .yearsData li:hover{background: #eff1f7;}
.science-content .yearsData li:hover .left h3,
.science-content .yearsData li:hover .left p{color: #3d66ec;}
.science-content .yearsData li:hover .right{border-color: #3d66ec;background: #3d66ec;color: #fff;}

.science-tab li .column{display: flex;align-items: center;justify-content: space-between;width: 280px;height: 40px;background: #ebebeb;padding: 0 18px 0 21px;box-sizing: border-box;}
.science-tab li .column span{font-size: 18px;color: #666;}
.science-tab li .column i{background-size: 13px 6px;background: url(../../images/upImg.png) no-repeat center;display: block;font-style: normal;width: 13px;height: 6px;}
.science-tab li .column-title{display: none;}
.science-tab li:nth-child(1) .column-title{display: block;}
.science-tab li .column-title a:hover{color: #3d66ec;}
.science-tab li .current{background: #3d66ec;}
.science-tab li .current span{color: #fff;}
.science-tab li .current i{ background: url(../../images/downImg.png) no-repeat center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);transition-duration: .5s;}
/* end */
/*End 科技社群以及案例分享 202003-31-he*/

/* 科技社群补充 */
/*.sm-drop{position:absolute;top:30px;right:55px;display:flex;flex-direction:column;justify-content:center;width:114px;}
.sm-drop span{cursor:pointer;margin-bottom:10px;width:110px;line-height:40px;background:#5CC4F6;border-radius:20px;font-size:18px;color:#FBFBFD;display:flex;justify-content:center;align-items:center;}
.sm-drop span img{margin-left:7px;}
.sm-drop ul{border:2px solid rgba(92, 196, 246, 1);box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.14);background:#fff;width:111px;padding-bottom:22px;display:none}
.sm-drop ul li{margin-top:22px;text-align:center;font-size:16px;}
.sm-drop ul li a{color:#666}
.sm-drop ul li a:hover{color:#5CC4F6}*/


/* 科技社群详情 */
.sci-det{display:flex;justify-content:space-between;margin-top:10px;margin-bottom:50px;}
.sci-det-left{background:#fff;width:890px;padding:40px 40px 100px 40px;box-sizing:border-box}
.sci-det-left h2{font-size:26px;color:#333;font-weight:bold;}
.sdl-basic{margin-top:25px}
.sdl-basic li{font-size:14px;color:#666;margin-bottom:15px;}
.sdl-content{margin-top:25px}
.sdl-content h3{font-size:20px;color:#666;font-weight:bold;}
.sdl-word{font-size:16px;color:#666;line-height:32px;margin-top:20px;}
.sci-det-right{width:300px;padding:25px 20px 50px 20px;box-sizing:border-box;background:#fff;display:table}
.sci-det-right h3{font-size:18px;color:#333;}
.sci-det-right li:first-child{margin-top:25px;}
.sci-det-right li{margin-top:30px;}
.sci-det-right li a{display:block;}
.sci-det-right li h4{font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;}
.sci-det-right li h5{font-size:14px;color:#666;line-height:22px;height:44px;overflow:hidden;margin-top:10px}
/*通知公告*/
.news .news-wrap{ overflow: hidden;}
.news .news-model{width:1200px;}
.news .news-list{height:170px;background: #fff;overflow: hidden;margin-bottom:10px;}
.news .news-img{width:180px;height:128px;}
.news .news-word{width:955px;margin-left:20px;margin-top:10px;}
.news .news-word h4{font-size:18px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;height:18px;}
.news .news-word h5{font-size: 14px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;line-height:20px;height:40px;margin:10px 0 20px;}
.news .news-des{font-size:14px;color: #cccccc;overflow: hidden;}
.news .newsdes-left p{margin-right:40px;}
.news .hotview{width:290px;}
.view {
    background: url(/frontdesk/images/view.png) no-repeat left center;
    padding-left: 25px;
}
.news .classroomList{overflow:hidden;}
.news .news-list a{display:block;height:125px;padding:20px 25px 25px 20px;}
.news .news-list a:hover{background: #fafcff;}
.news .hotview{width:290px;height:610px;background: #fff;}
.news .hotview-img{width:250px;height:170px;}
.news .hotview-wrap{padding:25px 20px 30px;}
.news .hotview-title{font-size:18px;color:#333;margin-bottom:25px;}
.news .hotview-bottom{margin-top:10px;}
.news .hotview-bottom h5{font-size:14px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;height:14px;margin-bottom:10px;}
.news .hotview-bottom h6{font-size:12px;color:#999;line-height:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height:40px;}
.news .hotview-list{margin-bottom:25px;}
.news .screen-tab{float:left;}
.news .screen-bg{width:890px;height:50px;background:#fff;}
.news .screen-all{margin-left: 30px;}
.news .screen-wrap{line-height:50px;}
.news .screen-tab{margin-left:50px;cursor: pointer;font-size:16px;color:#666;}
.news .screen-active{background:#1a34f4;color:#fff;border-radius: 20px;padding: 0px 21px;line-height: 40px;margin-top: 5px;}
.news .news-wrap{display:none;}
.news .fixedmenu {position: fixed;top: 0px;left:auto;right:50%;margin-right:-600px;}
.news .nesDetail-content{background: #fff;padding:50px;margin-bottom:80px;}
.news .newsDetail-title{font-size:22px;color:#333;text-align:center;font-weight:bold;}
.news .newsdet-basic{font-size:14px;color:#999;display:flex;justify-content: center;margin-top:20px;}
.news .newsdet-basic div{float:left;margin-right:50px;}
.news .newsDetail-words p{font-size:16px;color:#333;line-height:30px;margin-top:20px;text-indent:30px;}
.news .newsDetail-words h4{font-size:18px;margin-top:10px;}
.news .el-pager li,.el-pagination .btn-prev{background:none !important;}
.news .introduce-end{background:#e0e1e2 !important;color:#999 !important;font-size: 16px!important;}
.news .sx{width:100%;height:50px;background:#fafcff;margin-top:20px;}
.news .sx div{float:left;font-size: 16px;color: #999;line-height:50px;margin-left:30px;margin-right:50px;}
.news .sx-new{background:url('/frontdesk/images/sximg_03.png') no-repeat right center;padding-right:12px;}
.news .changePage{
    margin-top: 50px;
    text-align: center;
    margin-bottom: 40px;
}
.news .changePage .el-pagination button:disabled{
    background-color: transparent;
    /*color: #666666;*/
}
.news .changePage .el-dialog, .el-pager li{
    background-color: transparent;
    color: #666666;
    font-size: 16px;
}
.news .changePage .el-pagination .btn-next, .el-pagination .btn-prev{
    background-color: transparent;
    color: #666666;
}
.news .el-pager li.active{
    margin-left: 10px;
    margin-right: 10px;
    min-width: 20px;
    width:20px;
    box-sizing: border-box;
    padding: 0 5px;
    border-bottom: 3px solid #00B7EE;
    color: #00B7EE;
}
.news .el-pagination button:disabled{
    color: #C0C4CC!important;
}
.news .breadline{
    margin-bottom: 20px;
}
.newsDetail .news-model {
    width: 890px;
}
.newsDetail .drift-left {
    float: left;
}
/*云店铺*/
.bannerImg{
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    height: 120px;
    background: url("/frontdesk/images/banner1.png") center center no-repeat;
    line-height: 120px;
}
.titleUl ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 150px;
}
.titleUl ul li{
    text-align: center;
}
.titleUl ul li .liImg{
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #4371FB;
    line-height: 43px;
    margin: auto;
    margin-bottom: 15px;
}
.titleUl ul li p{
    color: #333333;
}
.titleUl ul li.active .liImg,.titleUl ul li:hover .liImg{
    background: #43A2FB;
}
.titleUl ul li.active p,.titleUl ul li:hover p{
    color: #43A2FB;
}
.breadNav{
    padding: 15px 25px;
    background: #ffffff;
    font-size: 14px;
    color: #C5C5C5;
}
.changePage{
    margin-top: 50px;
    text-align: center;
    margin-bottom: 40px;
}
.changePage .el-pagination button:disabled{
    background-color: transparent;
    /*color: #666666;*/
}
.changePage .el-dialog, .el-pager li{
    background-color: transparent;
    color: #666666;
    font-size: 16px;
}
.changePage .el-pagination .btn-next, .el-pagination .btn-prev{
    background-color: transparent;
    color: #666666;
}
.el-pager li.active{
    margin-left: 10px;
    margin-right: 10px;
    min-width: 20px;
    width:20px;
    box-sizing: border-box;
    padding: 0 5px;
    border-bottom: 3px solid #00B7EE;
    color: #00B7EE;
}
.el-pagination button:disabled{
    color: #C0C4CC!important;
}
/* 产业画像详情补充 */
.bm-center-intro{margin-top:50px;}
.bm-center-intro h4{font-size:14px;color:#999;line-height:24px;margin-bottom:25px;}
.bm-center-intro .bm-bi-sbox{margin:0;margin-top:35px;}
.bm-center-intro .bm-bi-scroll{min-height:200px;}
.bm-center-intro .bm-bi-scroll::-webkit-scrollbar{width:6px;}
.bm-center-member{margin-top:60px;}
.center-member-list{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.center-member-list li{width:260px;line-height:80px;background:#FDFDFD;border:1px solid #EFEFEF;margin-bottom:12px;text-align:center}
.center-member-list  li:last-child:nth-child(4n + 2) {margin-right: calc((100% - 260px) / 3 * 2);}
.center-member-list  li:last-child:nth-child(4n + 3) {margin-right: calc((100% - 260px) / 3 * 1);}
.center-member-list li a{font-size:16px;color:#666}

.appliances .list ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
}
.appliances .list ul li{
    width: 220px;
    height: 280px;
    background: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor: pointer;
}
.appliances .list ul li:hover{
    background: #7094FF;
}
.appliances .list ul li:hover p{
    color: #ffffff;
}
.appliances .liImg{
    width: 200px;
    height: 200px;
}
.appliances .list li p{
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.appliances .changePage{
    margin-bottom: 55px;
}
.appliancesDetail div{
    box-sizing: border-box;
}
.appliancesDetail .mainBody{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 100px;
}
.appliancesDetail .mainBody .bodyLeft{
    width: 920px;
    margin-right: 10px;
}
.appliancesDetail .leftTop{
    display: flex;
    padding: 40px 40px 50px 40px;
    background: #ffffff;
}
.appliancesDetail .leftBottom{
    padding: 50px 45px 20px 40px;
    background: #ffffff;
    margin-top: 10px;
}
.appliancesDetail .mainBody .bodyRight{
    background: #ffffff;
    height: 616px;
    flex: 1;
    padding: 22px;
}
.appliancesDetail .leftImg{
    padding: 32px 44px 34px 22px;
    background: #F2F2F2;
    display: inline-block;
}
.appliancesDetail .leftImg img{
    width: 214px;
    height: 214px;
}
.appliancesDetail .rightIntroduce{
    padding: 18px 45px;
}
.appliancesDetail p.type1{
    font-size: 28px;
    color: #333333;
    margin-bottom: 34px;
}
.appliancesDetail p.type2{
    color: #666666;
    font-size: 16px;
    margin-bottom: 20px;
}
/*.appliancesDetail .leftBottom p{
    padding-bottom: 20px;
    border-bottom: 1px dashed #E3E3E3;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    line-height: 34px;
}
.appliancesDetail .leftBottom p:last-child{
    border: 0;
}
.appliancesDetail .leftBottom p span{
    display: inline-block;
}
.appliancesDetail .leftBottom p span:first-child{
    color: #333333;
    font-size: 18px;
    width: 130px;
    text-align: left;
}
.appliancesDetail .leftBottom p span:last-child{
    color: #666666;
    font-size: 16px;
    width: 670px;
}
.appliancesDetail .lastSpan{
    position: relative;
    top: -14px;
}*/
.appliancesDetail .rightTitle{
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
}
.appliancesDetail .other1,.appliancesDetail .other2{
    width: 230px;
    height: 230px;
    background: #F2F2F2;
    text-align: center;
    line-height: 230px;
}
.appliancesDetail .other2{
    margin-top: 20px;
}
.appliancesDetail .otherName{
    margin-top: 12px;
}
.calibration .list ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
}
.calibration .list ul li{
    width: 220px;
    height: 310px;
    background: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor: pointer;
}
.calibration .list ul li:hover{
    background: #7094FF;
}
.calibration .list ul li:hover p{
    color: #ffffff;
}
.calibration .list ul li:hover span{
    color: #ffffff;
}
.calibration .liImg{
    width: 200px;
    height: 200px;
}
.calibration .list li p{
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 18px;
}
.calibration .list li span{
    font-size: 20px;
    color: #F28000;
}
.calibration .changePage{
    margin-bottom: 55px;
}
.calibrationDetails div{
    box-sizing: border-box;
}
.calibrationDetails .mainBody{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 100px;
}
.calibrationDetails .mainBody .bodyLeft{
    width: 920px;
    margin-right: 10px;
}
.calibrationDetails .leftTop{
    display: flex;
    padding: 40px 40px 50px 40px;
    background: #ffffff;
}
.calibrationDetails .leftBottom{
    padding: 30px 40px;
    background: #ffffff;
    margin-top: 10px;
}
.calibrationDetails .mainBody .bodyRight{
    background: #ffffff;
    height:997px;
    flex: 1;
    padding: 22px;
}
.calibrationDetails .leftImg{
    width: 280px;
    height: 280px;
    background: #F2F2F2;
    display: inline-block;
    text-align: center;
    line-height: 280px;
}
.calibrationDetails .leftImg img{
    width: 258px;
    height: 258px;
}
.calibrationDetails .rightIntroduce{
    padding: 10px 0 10px 30px;
}
.calibrationDetails p.type1{
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
}
.calibrationDetails .lastSpan{
    position: relative;
    top: -14px;
}
.calibrationDetails .rightTitle{
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
}
.calibrationDetails .other1,.calibrationDetails .other2{
    width: 230px;
    height: 230px;
    background: #F2F2F2;
    text-align: center;
    line-height: 230px;
}
.calibrationDetails .other2{
    margin-top: 20px;
}
.calibrationDetails .otherName{
    margin-top: 12px;
}
.calibrationDetails .price{
    width: 530px;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #F28000;
    font-weight: bold;
    padding-left: 20px;
    background: #F2F6FC;
    margin-bottom: 20px;
}
.calibrationDetails .price span:first-child{
    font-size: 24px;
}
.calibrationDetails .price span:last-child{
    font-size: 32px;
}
.calibrationDetails .type2{
    margin-bottom: 6px;
}
.calibrationDetails .type2 span{
    display: inline-block;
    color: #666666;
    font-size: 14px;
}
.calibrationDetails .type2 .titleSpan{
    color: #666666;
    font-size: 14px;
    display: inline-block;
    /*width: 70px;*/

}
.calibrationDetails .type2 .contentSpan{
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    margin-right: 10px;
    cursor: pointer;
}
.calibrationDetails .type2 .activeSpan{
    background: #4371FB;
    color: white;
}
.calibrationDetails .rightIntroduce .el-input-number__decrease{
    background: #fff;
}
.calibrationDetails .rightIntroduce .el-input-number__increase{
    background: #ffffff;
}
.calibrationDetails .rightIntroduce .el-input__inner{
    color: #4371FB;
}
.calibrationDetails .buyIt{
    width: 130px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #F28000;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}
.calibrationDetails .buyIt:hover{
    background: rgba(242, 128, 0, 0.7);
}
.calibrationDetails .leftBottom .bottomP1 {
    font-size: 20px;
    color: #333333;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.calibrationDetails .bottomTypeTitle{
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}
.calibrationDetails .bottomTypeContent{
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
    line-height: 36px;
}
.calibrationDetails .rmb{
    margin-top: 10px;
    font-size: 14px;
    color: #F28000;
    display: inline-block;
}
.introduce .mainBody{
    padding: 45px 50px;
    background: #FFFFFF;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 65px;
}
.introduce .mainBody .title{
    color: #666666;
    font-size: 28px;
}
.introduce .mainBody .content{
    color: #999999;
    font-size: 16px;
    line-height: 34px;
    margin-top: 25px;
}
.introduce .content img{
    width: 100%;
}
.service .list ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
}
.service .list ul li{
    width: 220px;
    height: 310px;
    background: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor: pointer;
}
.service .list ul li:hover{
    background: #7094FF;
}
.service .list ul li:hover p{
    color: #ffffff;
}
.service .list ul li:hover span{
    color: #ffffff;
}
.service .liImg{
    width: 200px;
    height: 200px;
}
.service .list li p{
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 18px;
}
.service .list li span{
    font-size: 20px;
    color: #F28000;
}
.service .changePage{
    margin-bottom: 55px;
}
.serviceDetails div{
    box-sizing: border-box;
}
.serviceDetails .mainBody{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 100px;
}
.serviceDetails .mainBody .bodyLeft{
    width: 920px;
    margin-right: 10px;
}
.serviceDetails .leftTop{
    display: flex;
    padding: 40px 40px 50px 40px;
    background: #ffffff;
}
.serviceDetails .leftBottom{
    padding: 30px 40px;
    background: #ffffff;
    margin-top: 10px;
}
.serviceDetails .mainBody .bodyRight{
    background: #ffffff;
    height:997px;
    flex: 1;
    padding: 22px;
}
.serviceDetails .leftImg{
    width: 280px;
    height: 280px;
    background: #F2F2F2;
    display: inline-block;
    text-align: center;
    line-height: 280px;
}
.serviceDetails .leftImg img{
    width: 258px;
    height: 258px;
}
.serviceDetails .rightIntroduce{
    padding: 10px 0 10px 30px;
}
.serviceDetails p.type1{
    font-size: 24px;
    color: #333333;
    margin-bottom: 20px;
}
.serviceDetails .lastSpan{
    position: relative;
    top: -14px;
}
.serviceDetails .rightTitle{
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
}
.serviceDetails .other1,.serviceDetails .other2{
    width: 230px;
    height: 230px;
    background: #F2F2F2;
    text-align: center;
    line-height: 230px;
}
.serviceDetails .other2{
    margin-top: 20px;
}
.serviceDetails .otherName{
    margin-top: 12px;
}
.serviceDetails .price{
    width: 530px;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #F28000;
    font-weight: bold;
    padding-left: 20px;
    background: #F2F6FC;
    margin-bottom: 20px;
}
.serviceDetails .price span:first-child{
    font-size: 24px;
}
.serviceDetails .price span:last-child{
    font-size: 32px;
}
.serviceDetails .type2{
    margin-bottom: 6px;
}
.serviceDetails .type2 span{
    display: inline-block;
    color: #666666;
    font-size: 14px;
}
.serviceDetails .type2 .titleSpan{
    color: #666666;
    font-size: 14px;
    display: inline-block;
    /*width: 70px;*/

}
.serviceDetails .type2 .contentSpan{
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    margin-right: 10px;
    cursor: pointer;
}
.serviceDetails .type2 .activeSpan{
    background: #4371FB;
    color: white;
}
.serviceDetails .rightIntroduce .el-input-number__decrease{
    background: #fff;
}
.serviceDetails .rightIntroduce .el-input-number__increase{
    background: #ffffff;
}
.serviceDetails .rightIntroduce .el-input__inner{
    color: #4371FB;
}
.serviceDetails .buyIt{
    width: 130px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #F28000;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}
.serviceDetails .buyIt:hover{
    background: rgba(242, 128, 0, 0.7);
}
.serviceDetails .leftBottom .bottomP1 {
    font-size: 20px;
    color: #333333;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.serviceDetails .bottomTypeTitle{
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}
.serviceDetails .bottomTypeContent{
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
    line-height: 36px;
}
.serviceDetails .rmb{
    margin-top: 10px;
    font-size: 14px;
    color: #F28000;
    display: inline-block;
}
.shop .bannerImg{
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    height: 120px;
    background: url("../../images/banner1.png") center center no-repeat;
    line-height: 120px;
}
.shop .titleUl ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 150px;
}
.shop .titleUl ul li{
    text-align: center;
}
.shop .titleUl ul li .liImg{
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #4371FB;
    line-height: 43px;
    margin: auto;
    margin-bottom: 15px;
}
.shop .titleUl ul li p{
    color: #333333;
}
.shop .titleUl ul li.active .liImg,.shop .titleUl ul li:hover .liImg{
    background: #43A2FB;
}
.shop .titleUl ul li.active p,.shop .titleUl ul li:hover p{
    color: #43A2FB;
}
.shop .breadNav{
    padding: 15px 25px;
    background: #ffffff;
    font-size: 14px;
    color: #C5C5C5;
}
.shop .introduce{
    padding: 35px 50px 30px 50px;
    background: #ffffff;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.shop .introduce .introduceLeft{
    position: relative;
    height: 325px;
}
.shop .introduce .introduceRight{
    position: relative;
}
.shop .introduce .bgDiv{
    width: 540px;
    height: 250px;
    border: 4px solid rgba(45, 121, 243, 0.3);
    position: absolute;
    bottom: 0;
}
.shop .introduce img{
    position: absolute;
    z-index: 1;
    margin-left: 19px;
}
.shop .introduceRightTitle{
    color: #333333;
    font-size: 28px;
}
.shop .introduceRightContent{
    width: 500px;
    color: #999999;
    font-size: 16px;
    line-height: 34px;
    height: 188px;
    margin-top: 24px;
}
.shop .introduceRightDetail{
    font-size: 14px;
    color: #999999;
    text-align: right;
    margin-top: 25px;
    cursor: pointer;
}
.shop .introduceRightDetail:hover{
    color: #4371FB;
}
.shop .row{
    margin-top: 40px;
}
.shop .rowTitle{
    display: flex;
    align-items: center;
}
.shop .rowTitle div{
    width: 10px;
    height: 32px;
    background: #9CBBF4;
    display: inline-block;
}
.shop .titleName{
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    margin-left: 17px;
}
.shop .more{
    flex: 1;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
}
.shop .more:hover{
    color: #4371FB;
}
.shop .rowUl ul{
    display: flex;
    justify-content: flex-start;
    margin-top: 25px;
}
.shop .rowUl ul li:not(:nth-child(1)){
    margin-left: 25px;
}
.shop .rowUl .type1{
    width: 220px;
    height: 280px;
    padding: 10px;
    background: #ffffff;
    box-sizing: border-box;
}
.shop .rowUl .type2{
    width: 220px;
    height: 310px;
    padding: 10px;
    background: #ffffff;
    box-sizing: border-box;
}
.shop .rowUl li:hover{
    background: #7094FF;
    cursor: pointer;
}
.shop .rowUl li:hover p,.shop .rowUl li:hover span{
    color: #ffffff;
}
.shop .rowUl li div{
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 20px;
}
.shop .rowUl li p{
    color: #666666;
    font-size: 16px;
    margin-bottom: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.shop .rowUl li span{
    color: #F28000;
    font-size: 20px;
}
.shop .row:last-child{
    margin-bottom: 84px;
}
.store .row-2{
    padding: 15px 30px;
    background: #FFFFFF;
    margin-top: 20px;
}
.store .row-2 span{
    font-size: 14px;
    color: #999999;
    margin-right: 45px;
    cursor: pointer;
}
.store .activeSpan{
    color: #427EF1!important;
}
.store .row-3{
    margin-top: 20px;
}
.store .row-3 ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.store .row-3 ul li{
    width: 280px;
    margin-bottom: 45px;
}
.store .row-3 ul li:not(:nth-child(4n+1)){
    margin-left: 26px;
}
.store .row-3 ul li img{
    width: 116px;
    height: 104px;
    transition:all .3s;
}
.store .row-3 ul li .imgDiv{
    width: 280px;
    height: 180px;
    background: #FFFFFF;
    line-height: 180px;
    text-align: center;
}
.store .row-3 ul li .imgDiv:hover img{
    transform: scale(1.1);
}
.store .row-3 ul li p{
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.store .row-3 ul li p:hover{
    color: #427EF1;
}
.store .changePage{
    margin-top: 20px;
}

/*5月13日和5月14日新增或修改*/
.case .standard-a{
    display: none;
}
.union .container .row-1 .li-1 span{
    /*font-size: 20px;*/
    color: white;
}
.union .container .row-2{
    margin-top: 20px;
    margin-bottom: 50px;
    background:-webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)))
}
.union .container .row-2{
    padding-bottom: 220px;
    position: relative;
    display: flex;
}
.union .container .row-2 .mapImg{
    width: 615px;
    height: 835px;
    margin-top: 196px;
    margin-left: 134px;
}
.union .row-2-right{
    margin-left: 70px;
}
.union .right-Title{
    font-size: 22px;
    color: #666666;
    margin-top: 115px;
    margin-bottom: 25px;
}
.union .right-Title2{
    font-size: 22px;
    color: #666666;
    margin-bottom: 25px;
    margin-top: 40px;
}
.union .row-2-right ul li{
    margin-bottom: 17px;
    display: flex;
    align-items: center;
}
.union .row-2-right ul li span{
    cursor: pointer;
}
.union .row-2-right ul li input{
    margin-right: 10px;
}
.union input[type="checkbox"] {
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    margin-right: 10px;
    position: relative;
}
.union input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -1px;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #294EEE;
    border-radius: 3px;
}
.union input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #508AFA;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    border: 1px solid #294EEE;
    border-radius:3px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.union .popDiv{
    background: #ffffff;
    box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.4);
    padding: 25px;
}
.union .el-popover{
    padding: 0;
}
.union .popDiv p{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.union .popDiv p span{
    cursor: pointer;
}
.union .popDiv p img{
    margin-right: 12px;
}
.union .popDiv p img.star{
    position: relative;
    left: -3px;
    margin-right: 4px;
}
.union .row-2-left{
    position: relative;
}
.union .yellowLine{
    position: absolute;
    z-index: 1;
    left: 140px;
    top: 90px;
}
.union .redLine{
    position: absolute;
    z-index: 2;
    left: 140px;
    top: 45px;
}
.union .yellowStar{
    position: absolute;
    z-index: 2;
    width: 24px;
    height: 24px;
}
.union .yellowStar{
    position: absolute;
    z-index: 2;
    width: 24px;
    height: 24px;
}
.union .index0{
    right: 95px;
    top: 545px;
}
.union .index2{
    right: 70px;
    top: 570px;
}
.union .index3{
    right: 300px;
    top: 470px;
}
.union .index4{
    right: 160px;
    top: 540px;
}
.union .index5{
    right: 175px;
    top: 510px;
}
.union .index6{
    right: 290px;
    top: 485px;
}
.union .index7{
    right: 30px;
    top: 665px;
}
.union .index9{
    right: 230px;
    top: 665px;
}
.union .index10{
    right: 390px;
    top: 500px;
}
.union .index10-1{
    right: 100px;
    bottom: 623px;
}
.union .index10-2{
    right: 59px;
    bottom: 618px;
}
.union .index11{
    right: 160px;
    top: 540px;
}
.union .index12{
    /* right: 280px; */
    top: 510px;
    right: 212px;
}
.union .index13{
    /* right: 120px;
    top: 470px; */
    right: 150px;
    bottom: 300px;
}
.union .index14{
    /* right: 150px;
    bottom: 300px; */
    right: 200px;
    top: 585px;
}
.union .index15{
    /* right: 200px;
    top: 585px; */
    right: 145px;
    top: 797px;
}
.union .index16{
    /* right: 215px;
    top: 670px; */
    right: 413px;
    top: 495px;
}
.union .index17{
    /* right: 185px;
    top: 640px; */
    right: 80px;
    top: 579px;
}
.union .index18{
    right: 323px;
    top: 541px;
}
.union .index20{
    right: 160px;
    top: 552px;
}
.union .index21{
    right: 195px;
    top: 432px;
}
.union .index22{
    right: 98px;
    bottom: 628px;
}
.union .index23{
    right: 137px;
    top: 473px;
}
.union .index24{
    right: 301px;
    top: 477px;
}
.union .index25{
    right: 110px;
    top: 557px;
}
.union .index26{
    right: 77px;
    top: 558px;
}
.union .index27{
    right: 260px;
    top: 230px;
}
.union .index28{
    right: 324px;
    top: 319px;
}
.union .index29{
    right: 378px;
    top: 272px;
}


/*活动详情*/
.activityDetails .row-2{
    padding: 30px 45px 40px 30px;
    background: #FFFFFF;
    display: flex;
    margin-top: 20px;
}
.activityDetails .row-2-left img{
    width: 400px;
    height: 250px;
}
.activityDetails .row-2-left{
    margin-right: 35px;
}
.activityDetails .row-2-right{
    position: relative;
}
.activityDetails .row2RightTitle{
    font-size: 22px;
    color: #333333;
    line-height: 30px;
}
.activityDetails .rightType{
    color: #D10000;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 22px;
}
.activityDetails .rightSmall{
    color: #666666;
    font-size: 16px;
    margin-bottom: 12px;
}
.activityDetails .rightBtn{
    width: 110px;
    height: 40px;
    background: #FF8800;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    display: inline-block;
    position: absolute;
    right: 52px;
    bottom: 18px;
    cursor: pointer;
}
.activityDetails .rightBtn:hover{
    opacity: 0.7;
}
.activityDetails .row-3{
    margin-top: 10px;
    padding: 37px 40px 100px 40px;
    margin-bottom: 40px;
    background: -webkit-gradient(linear, 0 60%, 0 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
}
.activityDetails .row3Title1{
    color: #333333;
    font-size: 30px;
    margin-bottom: 33px;
}
.activityDetails .row3Title2{
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
}
.activityDetails .row3Title3{
    font-size: 16px;
    color: #666666;
    margin-bottom: 15px;
}
.activityDetails .row3Title4{
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-bottom: 22px;
}
.activityDetails .row3Title4 img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.activityDetails .status1{
    display: none;
}
.activityDetails .status2{
    display: block;
    background: #C3C3C3;
    opacity: 1!important;
}
.el-dialog{
    border-radius: 10px;
}
.el-dialog__body{
    padding-right: 40px;
}
.el-dialog__headerbtn{
    font-size: 25px;
}
.calibrationDetails .subBtn{
    padding: 20px 60px;
    color: white;
    background: #F28000;
    border-radius: 30px;
    border: 0;
}
.serviceDetails .subBtn{
    padding: 20px 60px;
    color: white;
    background: #F28000;
    border-radius: 30px;
    border: 0;
}
.serviceDetails .mainBody,.calibrationDetails .mainBody{
    overflow: hidden;
}
/*第二次新增---------------------------------------------------------------------------------------------------*/
.sci-det{
    margin-top: 20px;
}
.questionsAndAnswers .row-2{
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    margin-bottom: 90px;
}
.questionsAndAnswers .row-2-left{
    width: 890px;
    box-sizing: border-box;
}
.questionsAndAnswers .left-top{
    background: rgba(255, 255, 255, 0.8);
    padding:45px 60px;
}
.questionsAndAnswers .left-top h2{
    color: #333333;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 35px;
}
.questionsAndAnswers .left-top h4{
    color: #999999;
    font-size: 14px;
    margin-bottom: 15px;
}
.questionsAndAnswers .left-top p{
    color: #999999;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 15px;
}
.questionsAndAnswers .left-top b{
    color: #EBA941;
    font-size: 20px;
    margin-top: 24px;
    display: block;
    margin-bottom: 24px;
}
.questionsAndAnswers span{
    color: #CCCCCC;
    font-size: 14px;
}
.questionsAndAnswers .view{
    margin-left: 55px;
}
.questionsAndAnswers .left-bottom{
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.8);
    padding:45px 60px;
}
.questionsAndAnswers .left-bottom h2{
    color: #333333;
    font-size: 22px;
    margin-bottom: 20px;
}
.questionsAndAnswers .left-bottom .answers{
    line-height: 34px;
    font-size: 16px;
    color: #999999;
}
.questionsAndAnswers .left-bottom h4{
    font-size: 14px;
    color: #999999;
    margin-top: 25px;
    margin-bottom: 25px;
}
.questionsAndAnswers .left-bottom span{
    color: #CCCCCC;
    font-size: 14px;
}
.questionsAndAnswers .row-2-right{
    height: 450px;
    box-sizing: border-box;
    width: 300px;
    padding: 28px 18px;
    background: rgba(255, 255, 255, 0.8);
}
.questionsAndAnswers .row-2-right h2{
    color: #333333;
    font-size: 18px;
    margin-bottom: 30px;
}
.questionsAndAnswers .row-2-right p{
    color: #333333;
    font-size: 14px;
    margin-bottom: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.questionsAndAnswers .row-2-right p:hover{
    text-decoration: underline;
}
.science .type3Ul{
    list-style: none;
}
.science .type3Ul li{
    display: flex;
    padding-top: 28px;
    padding-bottom: 34px;
    border-top: 1px solid #EDEDED;
    position: relative;
    align-items: center;
}
.science .type3Ul li:last-child{
    border-bottom: 1px solid #EDEDED;
}
.science .type3Ul li p{
    max-width: 740px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 18px;
    cursor: pointer;
}
.science .type3Ul li b.already{
    color: #EBA941;
    font-size: 16px;
    margin-left: 12px;
}
.science .type3Ul li b.yet{
    color: #3974F8;
    font-size: 16px;
    margin-left: 12px;
}
.science .type3Ul li span{
    font-size: 14px;
    color: #CCCCCC;
    position: absolute;
}
.science .type3Ul li span.view{
    right: 0;
}
.science .type3Ul li span.time{
    right: 110px;
}
.icase-wrap p{
    margin: 0;
}

/*------培训活动课件新增--------*/
/* 新增 */
.lesson-key li {
    margin-bottom: 30px;
}

.lesson-key li h3 {
    text-align: center;
    font-size: 16px;
}

.lk-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.lk-wrap div {
    width: 45%;
    height: 300px;
    background: #f5f5f5
}

.trainSignFormBox {
    margin-top: 50px;
}

.trainSignFormBox h2 {
    font-size: 24px;
    color: #5B78F7;
    text-align: center;
    font-weight: bold;
    margin-bottom: 45px;
}

.trainSignFormBox h2 span {
    color: #666;
    font-size: 16px;
    font-weight: normal;
}

.trainSignFormBox form {
    margin-left: 210px;
    overflow: hidden;
}

.trainSignFormBox form ul, .trainSignFormBox form div {
    overflow: hidden;
    margin-bottom: 20px;
}

.trainSignFormBox form ul li {
    float: left;
    width: 345px;
    overflow: hidden;
    margin-right: 100px;
    line-height: 45px
}

.trainSignFormBox form ul li:last-child {
    margin-right: 0;
}

.trainSignFormBox form label {
    width: 70px;
    display: block;
    float: left;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-align: right
}

.trainSignFormBox form label span {
    color: #FF0000;
    margin-right: 5px;
}

.trainSignFormBox form input {
    float: left;
    margin-left: 15px;
}

.trainSignFormBox form ul input[type="text"] {
    width: 258px;
    height: 43px;
    border: 1px solid #EFEFEF;
    font-size: 14px;
    padding-left: 15px;
    box-sizing: border-box;
}

.trainSignFormBox form input[type="radio"] {
    width: 15px;
    height: 15px;
    border: 1px solid #EFEFEF;
    border-radius: 3px;
    margin-top: 15px;
}

.trainSignFormBox form input[type="radio"]:checked {
    background: #386FEC url("../../images/gg.png") no-repeat center;
    border: 1px solid #386FEC;
}

.trainSignFormBox form div span {
    line-height: 45px
}

.selectValue {
    float: left;
    font-size: 14px;
    color: #333;
    margin: 0 45px 0 10px;
}

#addressDetail3 {
    margin-left: 85px;
}

.trainSignBtn {
    margin: 45px 0 45px 260px !important;
}

.trainSignBtn a {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 35px;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    text-align: center
}

.trainSignCancel {
    background: #DDDDDD
}

.trainSignSubmit {
    background: #386FEC;
    margin-left: 25px;
}

#distpicker1 select {
    width: 185px;
    height: 45px;
    border: 1px solid #EFEFEF;
    margin: 0 8px 0 15px;
    float: left;
    outline: none;
    border-radius: 3px
}

#addressDetail {
    margin-left: 115px;
    margin-top: 20px;
}

.requireFill input {
    width: 338px;
    height: 43px;
    border: 1px solid #EFEFEF;
    border-radius: 3px;
    padding-left: 10px;
    box-sizing: border-box;
}
.classification-header {
    margin: 15px 0;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 4px;
}
.classification-filter {
    display: flex;
    margin-bottom: 15px;
}
.classification-filter a {
    margin-right: 15px;
    padding: 5px 15px;
    border-radius: 3px;
    cursor: pointer;
    background: #f0f0f0;
    color: #333;
}
.classification-filter a.active {
    background-color: #1890ff;
    color: white;
}