.cs_w{width: 66%; margin: auto;}
.cs_w_80{width: 80%; margin: auto;}
.cs_w_60{width: 60%; margin: auto;}
.cs_w_50{width: 50%; margin: auto;}
.web_main{background: #fff; width: 100%; padding-top: 122px;}
.web_main_a{padding-top: 82px}
.index_products,.index_edu,.index_blog,.free_pro{padding-left: 2.8%; padding-right: 2.8%}
.index_edu>.flex>a{width: calc(50% - 20px) !important;}
@media (max-width:1380px) {
    .cs_w_80,.cs_w_60,.cs_w_50,.cs_w{width: 90%!important;}
}
@media (max-width:990px) {
    .cs_w_80,.cs_w_60,.cs_w_50,.cs_w{width: 80%!important;}
    .index_products,.index_edu,.index_blog,.free_pro{padding-left:6% !important; padding-right: 6%!important;}
}

/*header*/
.header{width:100%; background: #fff; background: rgba(256,256,256,1); position: fixed; top: 0; left: 0; z-index: 999; transition: all .5s ease; border-bottom: 1px solid #eee}
.index.header{border-bottom:1px solid #eeeeee20; background: rgba(1,9,21,0);}
.header.a{top: -150px;}
.header.b{top: -50px; box-shadow: 0 0 9px rgba(0,0,0,0.1); border-bottom:none}
.header.c{top: -82px;}
.header .s_menu{line-height: 50px; min-height: 50px; height: 50px; font-size: 13px; background: #f2f2f2; display: flex; z-index: 99;}
.index.header .s_menu{background: rgba(1,9,21,0.1);border-bottom:1px solid #eeeeee10;}
.index.header .s_menu a,.index.header .s_menu b{color: #999!important;}
.index.header .s_menu .search_con .bt{color: #fff!important;}
.index.header .s_menu a:hover{color: #00a94d!important;}
.header .s_menu a.s_btn{line-height: 40px;}
.header .s_menu svg{position: relative; top: 2px; height: 13px}
.header .s_menu a.login{color: #555;}
.header .s_menu a:hover .cls-1{fill: #00a94d!important;}
.header .s_menu .svg .cls-1{fill:#888!important;}

.header .menu .logo{padding: 16px 0; display: inline-block; float: left; width: 112px; height: 82px; background: url("/images/logo.png") left center no-repeat; background-size: auto 50px; position: relative}
.index.header .menu .logo{background: url("/images/logo_white.png") left center no-repeat;background-size: auto 50px;}
.header .menu ul{float:right}
.index.header .menu li>strong,.index.header .menu li>a{color:#fff;}
.header .menu li>strong{color:#222; display: inline-block; padding: 0 14px; position: relative; top: 0; transition: all .2s ease; cursor:pointer}
.header .menu li>strong img{height:6px!important; opacity: 1; padding-left: 3px; transition: all .3s ease}
.index.header .menu li>strong img{opacity: 0.5;}
.header .menu li>a{color:#222; display: inline-block; padding: 0 20px; position: relative; top: 0; transition: all .2s ease; cursor: pointer}
.header .menu li:last-child>a{padding-right: 0}
.header .menu li:hover>strong,.header .menu li:hover>a{top: -2px;}
.header .menu li:hover>strong img{transform: rotate(180deg); opacity: 1}
.menu_list{float: right}
.menu_list li{height: 100%; line-height:82px; display: inline-block; position: relative; cursor: initial}
.menu_list .se_menu{transition: all .4s ease; opacity: 0; z-index: 0; margin: 20px 0 0 -75px; min-width: 150px; position: absolute; background: #fff; box-shadow: 0 5px 12px rgba(0,0,0,0.5); border-radius: 3px; padding: 0 20px; left: 50%; pointer-events: none;}
.menu_list .se_menu:before{content: ""; border:6px solid transparent; border-bottom:6px solid #fff; top: -12px; left: 50%; margin-left: -6px; position: absolute}
.menu_list .se_menu a{padding: 15px 0; display: inline-block; border-top: 1px solid #ddd; width: 100%; color: #222; text-align: left; word-break: keep-all;}
.menu_list .se_menu a:hover{color: #00a94d}
.menu_list .se_menu a:first-child{border-top: none}
@media (min-width:990px) {
    .header .menu li:hover .se_menu {opacity: 1;z-index: 99;margin-top: 0;height: auto;pointer-events: auto;}
    /*.header .menu .logo:after{content: ""; display: block;height: 82px; width: 164px; background: url("/images/slogan.png") center left no-repeat; position: absolute; left: 120px; top: 7px;background-size: auto 26px;}*/
}
.header_w{background: #fff; position: fixed; top: 0; left: 0; z-index: 999}
@media (max-width:990px) {
    .index.header{background:#fff }
    .index.header .menu a.logo{background:url("/images/logo.png") center no-repeat; background-size: auto 50px;}
    .index.header .s_menu{background: #f2f2f2;}
    .header .menu li>strong,.header .menu li>a{color:#fff;}
    .header .s_menu .cs_w{width: 90% !important; padding: 10px 0}
    .menu_list{background: rgba(27, 28, 49, 0); transition: all .3s ease}
    .menu_list.close{background: rgba(27, 28, 49, 0.95);backdrop-filter: blur(8px); width: 100vw; height: 100vh; position: fixed; top: 0; left: 0}
    .menu_list.close i{position: fixed; top: 20px; right: 20px; margin-top: 0}
    .menu_list i{position: relative; cursor: pointer; height: 30px; width: 30px; margin-top: 29px;border-top: 3px solid #00a94d; float: right; transition: all .3s ease}
    .menu_list i:before{content: ""; width: 22px; height: 3px; background: #00a94d; display: block; position: absolute; left: 0; top: 8px; transition: all .3s ease}
    .menu_list i:after{content: ""; width: 30px; height: 3px; background: #00a94d; display: block; position: absolute; left: 0; top: 19px; transition: all .3s ease}
    .menu_list ul{display:none;position: fixed;top: 50px; width: 100vw; left: 0; z-index: 999; float: none}
    .menu_list ul li{width: 100%; padding: 5%; height: auto; line-height: inherit; border-top: 1px solid rgba(256,256,256,0.4); text-align: left}
    .menu_list ul li a{color: #fff;}
    .menu_list ul li:first-child{border:none;}
    .menu_list ul li>strong{width: 100%; line-height: 30px; margin: 0!important;}
    .menu_list.close i{border:none}
    .menu_list.close i:before{transform: rotate(45deg); top: 15px; width: 40px;}
    .menu_list.close i:after{transform: rotate(-45deg); top: 15px; width: 40px;}
    .menu_list .se_menu{background: none; padding:0 10%; left:0; position: relative; width:100%; opacity: 1; z-index: 99; height: auto; margin: 0; box-shadow: none; display: none}
    .menu_list .se_menu a{color: #fff;text-align: right; position: relative; z-index: 999; pointer-events: auto; padding: 10px 0; border-color: rgba(256,256,256,0.4)}
    .menu_list .se_menu::before{display: none}
    .menu_list strong.a img{transform: rotate(180deg); opacity: 1}
    .s_menu .bt_search,.s_menu span.color8{display: none}
}
.search_con{padding: 8px 20px 9px;}
.search_con input{height: 26px; font-size: 15px; border: none; color: #222; border-bottom: 1px solid #888; background: none;}
.index .search_con input{color: #fff;}
.search_con .bt{line-height: 28px; font-size: 15px; background: #00a94d; display: inline-block; color: #fff; padding: 0 20px; border-radius: 3px; margin-left: 5px;}
.search_con a.close{margin-left: 10px}

/*web_banner*/
.web_banner{width:100%; height:700px; position: relative; overflow: hidden; background:#000 ;}
.web_banner .font{width: 60%; text-align: right; padding-top: 60px}
.web_banner .font>div{text-align: left}
.web_banner .font>div h2,.web_banner .font>div h3{color: #fff}
.web_banner .font>div h2{font-size: 36px; position: relative; line-height: 60px; padding-top: 20px}
.web_banner .font>div h3{font-size: 18px; padding: 10px 0 60px 0; line-height: 34px;}
.web_banner .img{width: 40%; height: 100%; margin-top: 25px;}
.web_banner ul{position: absolute;width: 100% !important;}
.web_banner ul li{float: left; width: 100%; height: 700px;}
.web_banner ul li.b{background: url("/images/index/banner.jpg") center no-repeat!important; background-size: cover;}
.web_banner ul li.a em,.web_banner ul li.a i,.web_banner ul li.a span img{opacity: 0}
.web_banner .front_icon_li dd{color: #fff}
@media (min-width:990px) {
    /*.web_banner ul li:nth-child(1){background: url("/images/activities/tiger-fun.jpg") center no-repeat!important;background-size: cover;}*/
    .web_banner ul li.a em,.web_banner ul li.a i,.web_banner ul li.a span img{opacity: 1}
    /*   .web_banner ul li:nth-child(1){background: url("/images/activities/a-1.jpg") center no-repeat!important;background-size: cover;animation: a_abn .8s infinite linear; position: relative}*/
    .web_banner ul li.a span img{position: relative; top:35%; animation: ban_img 1.2s cubic-bezier(0,-0.3,.27,1.8) forwards;}
    .web_banner ul li.a em,.web_banner ul li.a i{position: absolute; animation: ban_l 3s ease-in-out infinite;}
    .web_banner ul li.a em.l01{left:15%; top: 40%;}
    .web_banner ul li.a em.l02{left:9%; top: 47%; animation-delay: 1.2s}
    .web_banner ul li.a em.l03{left:5%; top: 38%; animation-delay: .6s}
    .web_banner ul li.a i.r01{right:15%; top: 40%; animation-delay: .5s}
    .web_banner ul li.a i.r02{right:9%; top: 47%; animation-delay: 1s}
    .web_banner ul li.a i.r03{right:5%; top: 38%; animation-delay: 1.5s}
    /* .web_banner ul li:nth-child(2){background: url("/images/activities/b-1.jpg") center no-repeat!important;background-size: cover;animation: a_cbn .8s infinite linear;}*/
}
.web_banner ul li.a a,.web_banner ul li.c a{display: block; width: 100%; height:100%;}
@keyframes ban_img {
    from{top: 32%; transform:scale(0.85); opacity: 1;}
    to{top: 35%; transform:scale(1); opacity: 1;}
}
@keyframes ban_l {
    0%{margin: 0}
    50%{margin: 40px 0 0 0}
    100%{margin: 0}
}
/*@keyframes a_abn {*/
/*    0%{background: url("/images/activities/a-1.jpg") center no-repeat;}*/
/*    35%{background: url("/images/activities/a-2.jpg") center no-repeat;}*/
/*    100%{background: url("/images/activities/a-1.jpg") center no-repeat;}*/
/*}*/
/*@keyframes a_cbn {*/
/*    0%{background: url("/images/activities/b-1.jpg") center no-repeat;}*/
/*    35%{background: url("/images/activities/b-2.jpg") center no-repeat;}*/
/*    100%{background: url("/images/activities/b-1.jpg") center no-repeat;}*/
/*}*/
@media (max-width:1700px) {.web_banner ul li.a span img{width: 60%}.web_banner .font{padding-left: 5%}}
@media (max-width:1280px) {
    .web_banner .img{background-size: contain !important}
    .web_banner{background-position: -550px center;}
}
@media (max-width:990px) {
    /*.web_banner ul li:nth-child(1){background: url("/images/activities/tiger-fun_p.jpg") center no-repeat!important; background-size: 100% auto!important;}*/
    /*    .web_banner ul li:nth-child(1){background: url("/images/activities/index_ssl_990.jpg") center 70px no-repeat!important; background-size: cover}
        .web_banner ul li:nth-child(2){background: url("/images/activities/index_mail_990.jpg") center 70px no-repeat!important; background-size: cover}*/
    .web_banner{background-position: -200px top}
    .web_banner .font>div h2{font-size: 36px; line-height: 42px; padding-top:20px; padding-right: 0!important;}
    .web_banner .font>div h3{padding-right: 0!important; line-height: 24px; padding-top: 20px;}
    .web_banner .img{display: none}
    .web_banner .font{padding: 0 10%; margin-top: 50px; width: 100% !important; display: table; height: 100%;}
    .web_banner .font em,.web_banner .font b{font-size: 24px!important;}
    .web_banner .font .btn{width: 100%;}
    .web_banner .font .btn.st{margin-top: 20px;}
    .web_banner .font>div{display: table-cell!important; vertical-align: middle; height: 100%}
}
.flicking_con{position: absolute; bottom: 20px; left: 2.8%;}
.flicking_con span{display: inline-block; width: 30px; height: 6px; background: #ffffff40; margin-right: 10px; cursor: pointer}
.flicking_con span.on{background: #00a94d}

/*footer*/
.footer{width:100%; background:#010915; color: #555; padding: 50px 3%; font-size: 14px;}
.footer ul{border-bottom:1px solid #2e2f39; margin-bottom: 20px;}
.footer li{padding: 0 20px 20px 0; display: inline-block;}
.footer li a{color: #888}
.footer li a:hover{color: #00a94d}
.footer .qr{border:1px solid #eeeeee20; border-radius: 6px; padding: 10px 10px 5px 10px;}
@media (max-width: 990px) {
    body .footer{text-align: left!important;}
    .footer li{width: 49%; text-align: left!important; padding-left: 0}
    .footer ul.cs_w{margin: 0 0 10px 0!important; width: 100% !important}
}

.free_pro{margin-bottom: 50px;}
.free_pro>div{width: calc(50% - 20px); border-radius: 6px; padding: 30px; background: url("/images/index/free_ssl_back.jpg") top center no-repeat; background-size: cover}
.free_pro>div div{padding: 20px;}
.free_pro>div:first-child+div{background: url("/images/index/free_ssl_i_back.jpg") center no-repeat;}
.free_pro h2{color: #fff; font-size: 32px; line-height: 45px;}
.free_pro p{font-size: 15px; padding-top: 5px; color: rgba(255,255,255,0.6)}
.free_pro .img{text-align: center}
/*.free_pro img{height: 180px}*/

@media (max-width:750px) {
    .free_pro>div.font{padding: 10%}
    .free_pro>div.font .f{order: 1; width:100%}
    .free_pro .img{margin-bottom: 30px; width: 100%;order:0; text-align: center}
    .free_pro > div div{padding: 0}
    .free_pro>div{padding: 30px;}
    .free_pro>div .btn{width:100%}
}
/*.free_pro.zt>div{background: url("../images/index/cloud_b.jpg") center no-repeat; background-size: cover}*/
/*.free_pro.zt>div:first-child+div{background: url("../images/index/ztb_b.jpg") center no-repeat; background-size: cover}*/
/*.free_pro.zt img{height: auto}*/
.free_pro.zt h3{font-size: 42px;}
.free_pro.zt span{font-size: 14px; padding: 0 10px; position: relative; top: -2px; color: rgba(255,255,255,0.6)}
@media (max-width:990px){
    .free_pro.zt .h_100{height: auto!important;}
}

/*new 7-28*/
.free_pro.zt>div{width: 33.3333%; padding: 30px; transition: all .3s ease; background: #fff}
.free_pro.zt>div:hover{background: #fafafa!important;}
.free_pro.zt>div.a,.free_pro.zt>div.c,.free_pro.zt>div.b{background: #fff; border: 1px solid #eee; box-shadow: 0 0 12px rgba(0,0,0,0.05)}
.free_pro.zt>div h2{color: #222}
.free_pro.zt>div p{color: #555}
@media (min-width: 990px){
    .free_pro.zt>div.b{border-left: none!important; border-right: none!important;}
}

/*产品*/
.index_products{padding-bottom:15px;}
.index_products .a,.index_products .b,.index_products .c,.index_products .d{border-radius: 6px}
.index_products .flex .a{background-image:url("/images/index/pro_04.jpg");background-position: center;}
.index_products .flex .b{background-image:url("/images/index/pro_03.jpg");background-position: center;}
.index_products .flex .c{background-image:url("/images/index/pro_02.jpg");background-position: left top;}
.index_products .flex .d{background-image:url("/images/index/pro_01.jpg");background-position: center;}
/*.index_products .flex .e{background:url("/images/index/pro_05.jpg") top center no-repeat!important;}*/

.index_products .box_shadow_h{width: 24.5%; width: calc(25% - 30px); margin-bottom: 40px; box-shadow: 0 3px 20px rgba(0,0,0,0);padding: 50px!important; background: #282828; position: relative;background-size:cover; overflow: hidden; min-height: 430px; background-repeat: no-repeat}
.index_products i{background: #f65d18; padding: 5px 0; text-align: center; width: 120px; display: inline-block; letter-spacing: 2px; position: absolute; right:-30px; top: 14px; color: #fff; transform: rotate(45deg)}
.index_products .flex h2{font-size: 32px; line-height: 45px;}
.index_products .flex h2,.index_products .flex h3{color: #fff}
/*.index_products>.flex h1:before{content: ""; display: block; height: 3px; width: 40px; background: #00a94d; position: absolute; bottom: -25px; left: 0;}*/
.index_products>.flex h3{font-size: 50px; line-height: 50px; color: #f65d18; position: relative}
.index_products>.flex h3.line:before{content: ""; width: 100%; height: 2px; background: #fff; display: block; position: absolute; top: 55%; left: 0;}
.index_products>.flex span{font-size: 14px; padding: 0 10px; position: relative; top: -2px;  color: #888}
.index_products>.flex p{padding-top: 5px; font-size: 15px; color: #aaa; line-height: 28px;}
.index_products>.flex p img{margin:0 5px 0 3px;}
.index_products>.flex a.btn{box-shadow: none; min-width: 150px;padding: 10px 20px !important;}
@keyframes https_back {
    from{background-size:auto  100% }
    to{background-size:auto  110%}
}
@media (min-width:750px) {
    .index_products .box_shadow_h:hover{animation: https_back 1s forwards linear}
}
@media (max-width:1280px) {
    .index_products>.flex>.flex>.flex_b h2,.index_products>.flex>.flex>.flex_b span{text-align: left}
    .index_products>.flex>div,.index_edu>.flex>a{width: 100% !important;}
    .index_products .flex .a>div,.index_products .flex .b>div{padding-top: 20px!important;}
}
@media (max-width:750px) {
    .index_products .flex .a,.index_products .flex .b{padding: 50px!important;}
    .index_products .flex .e .w_50,.index_products .flex .e .w_70 {width: 100% !important;}
    .index_products .flex .e li.w_50{width: 50% !important}
    .index_products .flex .e{padding-bottom: 140px;}
    .index_products .flex .e .pic{display: none}
    .index_products>.flex>.flex .w_65,.index_products>.flex>.flex .w_48{width: 100% !important; height: auto}
    .index_products .flex .c{margin-bottom: 40px;}
    .index_products .flex .a,.index_products .flex .b,.index_products .flex .c,.index_products .flex .d,.index_products .flex .e{position: relative; padding: 40px 40px; background-size: cover}
    .index_products .flex .a:before,.index_products .flex .b:before,.index_products .flex .c:before,.index_products .flex .d:before,.index_products .flex .e:before{content: ""; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(5, 24, 45, 0.72) 50%,rgba(5, 24, 45, 0)); position: absolute; top: 0; left: 0; z-index: 0;}
    .index_products .flex .a>div,.index_products .flex .b>div,.index_products .flex .c>div,.index_products .flex .d>div,.index_products .flex .e>div{position: relative; z-index: 99}
    .index_products > .flex a.btn{width:100%; margin-bottom:10px}
}

.sectigo_cersign{background:#000 url("/images/index/sectigo_cersign.jpg") center no-repeat; background-size: cover; height: 554px}
.sectigo_cersign h2{padding: 30px 98px 30px 30px; background: #00a94d; color: #fff; position: relative; margin-top: -50px;font-size: 32px; line-height: 45px;}
.sectigo_cersign h2 img{position: absolute; left: 0; bottom: -100px;}

.sectigo{background:#000 url("/images/index/sectigo_banner.jpg") center no-repeat; background-size: cover}
@media (max-width:1420px) {
    .sectigo_cersign h2{padding: 30px;}
    .sectigo_cersign{background:#000 url("/images/index/sectigo_cersign.jpg") -216px bottom no-repeat; background-size: cover;}
    .sectigo_cersign .cell{vertical-align: top!important;}
}
@media (max-width:1200px) {
    .sectigo_cersign{background:#b5a895 url("/images/index/sectigo_cersign_p.jpg") center bottom no-repeat; background-size: cover; height: 900px}
}
@media (max-width:840px) {
    .sectigo_cersign{background:#b5a895 url("/images/index/sectigo_cersign_p.jpg") center bottom no-repeat; background-size: 100%; height: 700px}
}
@media (max-width:990px) {
    .sectigo .cell{display: inline-block; width: 100%!important; padding: 30px 10%}
}
@media (max-width:550px) {
    .sectigo .cell.font img{width: 100%;}
    .sectigo_cersign{background:#b5a895 url("/images/index/sectigo_cersign_p.jpg") center bottom no-repeat; background-size: 100%; height: 500px}
}

/*教育 edu*/
.index_edu{padding-bottom:80px; position: relative}
.index_edu .cons>a{display: block;width: 49%; position: relative; min-height: 330px; overflow: hidden; border-radius: 6px;}
.index_edu .cons>a:first-child{background: url("/images/index/edu_01.jpg") center no-repeat; background-size: cover;}
.index_edu .cons>a:first-child+a{background: url("/images/index/edu_02.jpg") center no-repeat; background-size: cover;}
.index_edu .tit{padding: 50px; text-align: left;}
.index_edu h2{font-size: 32px;line-height: 45px;}
.index_edu h3{color: #fff; font-size: 28px;padding: 0 0 20px 0; line-height: 36px;}
.index_edu .tit p{color: #fff}
.index_edu .tit p span{color: #00a94d; padding-top: 10px; display: inline-block}
@media (max-width:990px) {
    .index_edu .tit{padding: 40px 40px 30%; position: relative; z-index: 99;}
    .index_edu .cons>a{width: 100%; margin-top: 35px;}
    .index_edu .cons>a:first-child{margin-top: 0;}
    .index_edu .cons>a:before{content: ""; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(5, 24, 45, 0.72) 50%,rgba(5, 24, 45, 0)); position: absolute; top: 0; left: 0; z-index: 0;}
}

/*blog*/
.index_blog{padding-top:70px;padding-bottom: 80px; background: #f2f2f2; position: relative; top: -50px; margin-bottom: -50px;}
.index_blog img{width: 100%}
.index_blog .con{display: block; padding: 30px; position: relative}
.index_blog h2{font-size: 32px; line-height: 45px;}
.index_blog .flex>a{width: 32%; width: calc(33.3% - 25px) !important; box-shadow: 0 3px 9px rgba(0,0,0,0); background: #fff; padding-bottom: 30px;}
.index_blog .flex h3,.index_blog .flex em,.index_blog .flex span{padding: 0 30px}
.index_blog .flex h3{padding-top: 30px}
.index_blog .flex em{padding: 20px 30px; margin-bottom: 30px}
.index_blog .flex span{position: absolute; bottom: 30px; width: 100%}
.index_blog .flex label:hover{color: #00a94d; cursor: pointer;}
@media (max-width:720px) {
    .index_blog .flex>a{width: 100%!important; margin-top: 35px;}
    .index_blog .flex>a:first-child{margin-top: 0}
    .index_blog h1{padding-bottom: 30px;}
    .index_blog h1::after{top: 40px; left: 50%; margin-left: -70px}
}

/*suspension_right*/
.suspension_right{position: fixed; right: 10px; bottom: 80px; display: none}
.suspension_right ul{text-align: right;flex-wrap: wrap-reverse;}
.suspension_right li{width: 38px; height: 38px; margin-top: 10px; cursor: pointer; text-align: right}
.suspension_right li a{display: inline-block; width: 100%; height: 100%; background: #ccc; border-radius: 90px; cursor: pointer}
.suspension_right li.ac{width: 69px; height: 64px;}
.suspension_right li.ac a{background: url("/images/activities/icon_920.png") center no-repeat; border-radius: 0; position: relative; right: -10px; animation: su_ac 0.4s infinite }
@keyframes su_ac {
    0% {background: url("/images/activities/icon_920.png") center no-repeat;}
    35% {background: url("/images/activities/icon_920_02.png") center no-repeat;}
    75% {background: url("/images/activities/icon_920_03.png") center no-repeat;}
}
.suspension_right li.top a{background: url("/images/suspension_right_01.svg") center no-repeat}
.suspension_right li.ser a{background: url("/images/suspension_right_02.svg") center no-repeat}
.suspension_right li.wx a{background: url("/images/suspension_right_03.svg") center no-repeat}
.suspension_right li.wx{position: relative;}
.suspension_right li.wx .qr{position: absolute; top: 250px; right: 60px; transition: all .3s ease; z-index: 1; opacity: 0; border-radius: 3px; border: 1px solid #ccc}
.suspension_right li.wx .qr img{width: 125px;}
.suspension_right li.wx:hover .qr{top: -30px; opacity: 1;}
.suspension_right li.wx a,.suspension_right li.ser a,.suspension_right li.top a{background-color: rgba(0,169,77,0.5)}
.suspension_right li.wx a:hover,.suspension_right li.ser a:hover,.suspension_right li.top a:hover{background-color: rgba(0,169,77,1)}
@media (max-width: 550px) {
    .suspension_right{display: none}
}
#nb_icon_wrap{right:10px!important; bottom: 32px!important;}
.embed-icon .embed-icon-default{background:rgba(0,169,77,0.5) url("/images/suspension_right_02.svg") center no-repeat!important; border-radius: 60px!important;width: 38px !important;height: 38px !important;background-position: center center !important;position: relative !important;top: -30px; right:8px; float: right;}
#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap .nb-icon-bridge-base{background: none!important;}
#newBridge #nb_icon_wrap .nb-icon-inner-wrap:hover{background-color: rgba(0,169,77,1) !important}

/*shopping_cart*/
.shop_cart,.shop_cart .back{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -99; transition: all .5s ease}
.shop_cart.z_index{z-index: 9999}
.shop_cart .back{backdrop-filter: blur(0px);background-color: rgba(27, 28, 49, 0);}
.shop_cart.z_index .back{background: rgba(27, 28, 49, 0.8);backdrop-filter: blur(8px); }
.shop_cart .con{width: 560px; height: 100%; overflow-y: auto; position: fixed; right: -550px; top: 0; background: #f9f9f9; z-index: 99999; transition: all .7s ease;}
.shop_cart .con.right_s{right: 0;}
.shop_cart .m_tit{display: flex; padding:20px 25px; position: relative; background: #00a94d url("/images/buy/shop_cart_tit_back.jpg") top left no-repeat;}
.shop_cart .m_tit .logo{height: 50px; padding-right: 20px; align-self: center}
.shop_cart .m_tit .close{align-self: center; padding: 10px; cursor: pointer; transition: all .2s ease; position: absolute; right: 20px}
.shop_cart .m_tit .close:hover{transform: rotate(90deg);}
.shop_cart .m_tit h2{color: #fff; align-self: center;}
.shop_cart .m_tit h2 span{color: #fff; font-size: 15px; line-height: 15px; padding-bottom: 4px; font-weight: normal; vertical-align: middle; display: block}
.shop_cart .m_tit br{line-height: 0}
.shop_cart .s_c_con{padding: 30px 30px 120px 30px;}
.shop_cart_no_s{overflow:Scroll; overflow-y:hidden}
.shop_cart .s_info{padding-bottom:20px;}
.shop_cart .s_info label{padding-bottom: 3px; display: inline-block; font-size: 16px;}
.shop_cart .s_info label.checkbox span{color: #222}
.shop_cart .s_info .www{background:#fff url(/images/www.svg) 10px center no-repeat; background-size: 20px; padding-left: 40px;}
.shop_cart .s_info .quantity{width: 35%}
.shop_cart .s_info .tip{display: inline-block}

@media (max-width: 550px) {
    .shop_cart .m_tit h2 i{display: block}
    .shop_cart,.shop_cart .back,.shop_cart .con{width: 100vw;}
    .shop_cart .s_info .w_25,.shop_cart .s_info .w_70{width: 100% !important; text-align: left!important; padding-top: 10px}
    .shop_cart .s_info .w_70.align_s_m{width: 70% !important; text-align: right!important; padding-top: 0}
}
/*购买 iframe add*/
iframe.buyIframe {width: 100%;border: 0; height: 100%; position: relative;}
div.buyIframe-load .centered {top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
div.buyIframe-load .centered, .pin-lm { position: absolute; left: 50%;}

/*弹窗*/
@media (max-width: 550px) {
    .layui-layer-dialog {width: 80vw !important;;left: 10vw !important;}
}

/*slogan*/
.slogan{background: url("/images/about/slogan_back.jpg")center no-repeat; font-size: 36px;}
.slogan.a{background: url("/images/founder/slogan_back2.jpg")center no-repeat; font-size: 30px;}
.slogan>div{line-height: 80px; padding: 0 20px;}
@media (max-width: 750px) {
    .slogan>div{line-height: 50px;}
}

/*首页头部下拉广告*/
/*@media (min-width:750px){*/
/*    .gg_banner{height: }*/
/*    .gg_banner.begin{width: 1920px; height: 0;overflow: hidden; animation: he .8s forwards ease;position: relative; left: 0; top: -90px}*/
/*    .header{animation: heh .8s forwards ease; top: 0px;}*/
/*    .gg_banner.leave{ animation: he_l .8s forwards ease; height: 90px; top: 0}*/
/*}*/
/*@keyframes he {*/
/*    from{top: -90px; height: 0}*/
/*    to{top: 0; height: 90px;}*/
/*}*/
/*@keyframes hel {*/
/*    from{top: 0; height: 90px;}*/
/*    to{top: -90px; height: 0}*/
/*}*/
/*@keyframes heh {*/
/*    from{ top: 0;}*/
/*    to{ top: 90px;}*/
/*}*/

.pager { display: inline-block; font: 12 px/21px "宋体"; margin-top: 10px; margin-bottom:10px; }
.pager a, .pager .flip, .pager .curPage { border: 1px solid #e3e3e3; display: inline-block; height: 22px; line-height: 22px; text-align: center; margin-left:2px;margin-right:2px; }
.pager a { background: none repeat scroll 0 0 #fff; color: #010101; text-decoration: none; width: 26px; }
.pager a:hover { background: none repeat scroll 0 0 #f1f1f1; }
.pager .noPage { color: #a4a4a4; }
.pager .curPage { background: none repeat scroll 0 0 #49abde; color: #ffffff; width: 26px; }
.pager .flip { width: 56px; }
.pager i{margin-right:20px;}

.index .case{background: url("/images/cases/case_back.jpg")center no-repeat!important; background-size: cover!important;}
.case .case_con a{display: inline-block; margin: 20px;}
@media (max-width: 750px) {
    .case .case_con a img{max-width: 100%}
}

/*推广 230224*/
.suspension_right .x_gg a{transition: all .8s ease;background: url("/images/gg/gg.png") center no-repeat; width: 168px; height: 242px; position: absolute; border-radius: 38px; opacity: 0;top: -295px; right: -50px;pointer-events: none;}
.suspension_right .x_gg i{transition: all .8s ease; opacity: 0; font-size: 12px; position: absolute; right: 50px; top: -46px; cursor: pointer;line-height: 18px; width: 20px; height: 20px; border-radius: 20px; border: 1px solid #555; display: block; text-align: center; color: #555; pointer-events: none;}
.suspension_right .x_gg.animate i{opacity: 1; pointer-events: auto; right: 75px;}
.suspension_right .x_gg.animate a{ right:0; box-shadow: 0 15px 40px rgba(0, 30, 132, 0.5); border-radius: 8px; opacity: 1; pointer-events: auto;}


.center .logo {
    padding: 16px 50px;
    display: inline-block;
    width: 158px;
    height: 82px;
    background: url(/images/logo.png) center no-repeat;
    background-size: auto 50px;
}