.web_child_banner{height: auto; padding: 100px 0; width: 100%; position: relative; z-index: 20; background-size: 100%}
.web_child_banner h1{font-size: var(--f38);}
.en .web_child_banner h1{font-size: var(--f36);}
.web_child_banner h2{font-size: var(--f40); position: relative}

.web_child_banner :is(h1,h4){color: var(--c-white);}
.web_child_banner h4{font-weight: normal}
.web_child_banner dd{color: var(--c-white);}
.bt_cert:hover img{color: var(--c-white);}
@media (min-width: 990px) {
    .en .https_auto .web_child_banner h1{width: 80%}
    .web_child_banner{animation: https_back 8s forwards linear;}
}
@keyframes https_back {
    from{background-size: 110%}
    to{background-size: 100%}
}
.web_section{padding:100px 0;}
.footer{padding: 100px 0; background: #010915}

/*https_en*/
.web_https_banner{background: url("../images/https/s_banner_back.jpg?v=3") center no-repeat; padding: 20px 0; background-size: 100% auto !important;}
.web_https_banner :is(h1,h4){color: #242733}
.web_https_banner dd{color: #555}
.web_https_banner .pic img{position: relative;top: 60px;}
.web_https_banner .font{padding: 70px 0}
.web_https_banner .animation_pic{animation: a_pic 9s infinite ease; position: relative;}
.web_https_banner.web_sec .pic img{top:53px;}
.web_https_banner.web_sec{padding-bottom: 40px;}
@keyframes a_pic {
    0%{transform: scale(0.9)}
    100%{transform: scale(1)}
}
@media (min-width: 750px) {
    .web_https_banner .font{padding-left: 120px}
}
@media (max-width: 1600px) {
    .web_https_banner .pic img{left: auto; top:30%; margin: 0!important; max-width: 100%}
}
@media (max-width: 990px) {
    .web_https_banner,.web_document .web_child_banner{height: auto!important; overflow: hidden;}
    .web_https_banner .pic{height: auto!important;}
    .web_child_banner{background-size: auto 100% !important}
    .web_https_banner .font{margin-bottom: 60px; padding: 0}
    .web_https_banner.web_sec .pic img{top: 0; max-width: 120%; left: -10%;}
    .web_https_banner .pic{padding-top: 60px;}
}
.three_service{background: var(--linear-gray);}
.three_service .cons>div{border:1px solid #eaeaea; padding: 36px 45px 45px 45px; background: var(--c-white); border-radius: 20px; width: 31%; position: relative}
.three_service .cons>div em{position: absolute; right:0; top: 0;}
.three_service .cons>div h2{font-size: var(--f24); padding-bottom: 6px; display: block; width: 100%}
.three_service .cons>div h3{padding: 16px 0 20px; font-size: var(--f46); font-weight: bold;}
.three_service .cons>div h3 i{font-size: var(--f14); position: relative; top:-2px; font-weight: normal}
.three_service .cons>div :is(h4,dd){color: #555; font-size:inherit;}

.https_con01 .font{padding: 50px; background: var(--c-white); border-radius: 20px; position: relative; box-shadow: var(--shadow); border: 1px solid #ddd;}
.https_con01 .font:before,.https_con01 .font:after{content: ""; border:15px solid transparent;  position: absolute; top: 50%; margin-top: -30px; z-index: 20}
.https_con01 .font:after{z-index: 10}
.https_con01 .font.t_right:before{left: -30px;border-right:15px solid var(--c-white);}
.https_con01 .font.t_left:before{right: -30px;border-left:15px solid var(--c-white);}
.https_con01 .font.t_right:after{left: -31px;border-right:15px solid #ccc;}
.https_con01 .font.t_left:after{right: -31px;border-left:15px solid #ccc;}
.https_con01 :is(.font,.pic){ margin-top: 60px!important;}
@media (max-width: 750px) {
    .https_con01 .flex_phone .font.t_left{margin-top: 30px!important;}
    .https_con01 .font{padding:12% 10%}
    .three_service .cons>div:first-child{margin-top: 0!important;}
    .three_service .cons>div{padding: 36px 10% 45px 10%;}
    .https_con01 .font{order: 1; margin:30px 0 50px 0!important; }
    .https_con01 .font:before,.https_con01 .font:after{left: 50% !important; margin-left: -7px; top: 0; right: auto!important;border-bottom:15px solid #ccc; border-left:15px solid transparent!important; border-right:15px solid transparent!important;}
    .https_con01 .font:before{border-bottom:15px solid var(--c-white); top: 1px}
}

.https_con02 .cons>div{margin-top: 40px; background: var(--c-white); padding: 30px; border-radius: 20px; border:1px solid #eaeaea;}
.https_con02 .cons>div i{width: 88px;}
.https_con02 .cons>div h3{padding-bottom: 20px}
@media (max-width: 750px) {
    .https_con02 .cons>div h3{padding-top: 20px;}
    .https_con02 .cons .cell{width: 100%; text-align: center!important;}
    .https_con02 .cons .cell span{display: inline-block; text-align: justify;}
}

.https_qa li{padding:15px 20px; box-shadow: var(--shadow); border: 1px solid #ddd; border-radius: 3px; margin-top: 20px; position: relative;}
.https_qa .cons i{width: 20px;}

.waf_zo{background: linear-gradient(#315e68, #289d67)}
.waf_zo .img{padding: 30px!important; width: 230px; text-align: center!important; background: url("../images/https/back1.png") center no-repeat; margin: 30px 0; border:1px solid #458e84; background-size: cover; border-radius: 20px;}
.waf_zo .img.a{background: url("../images/https/back2.png") center no-repeat;background-size: cover}
.waf_zo .img img{margin-bottom: 20px}
@media (max-width: 750px) {
    .waf_zo .img{width: 100%;}
}

.mail_con02 .table{background: var(--c-white);box-shadow: var(--shadow); border: 1px solid #ddd; border-radius: 3px;}
.mail_con02 .cons .tit .cell{padding: 25px 20px; border-bottom: 2px solid #888; font-size: var(--f18); color: #222; text-align: center!important;}
.mail_con02 .cons .row:nth-child(2n+3){background: #f3f9f5;}
.mail_con02 .cell{padding:18px 30px; vertical-align: middle}
.mail_con02 .row .cell:first-child{text-align: left}

.three_service_code dl{min-height: 170px;}

/*solutions*/
.solution_banner{background: url("../images/solution/banner_back.jpg") center no-repeat;}

.solutions_con_a .w_48{ padding: 20px 30px;  border-radius: 3px;}
.solutions_con_a .tit .w_48{margin: -155px 0 60px 0; border: 1px solid #eaeaea; border-radius: 60px 3px 60px 3px;box-shadow: var(--shadow);}
.solutions_con_a .cons{position: relative; margin-top: 80px; box-shadow: var(--shadow);border: 1px solid #ddd; border-radius: 60px 3px 60px 3px; padding: 80px 80px 60px;}
.num.text-ol_li_b li{border-top: 1px dotted #888; padding-top: 10px;}
.num.text-ol_li_b li:first-child{border-top: none;}
.num.text-ol_li_b li i{top: 12px; font-style: italic; font-weight: bold; border-radius: 7px 0 7px 0;}
.solutions_con_b .cons>div{border-radius: 3px; box-shadow: var(--shadow); border: 1px solid #ddd;}
.solutions_con_b .cons>div a{padding: 50px; display:block;height: 100%; text-align: center}
.solutions_con_b .cons>div:hover{border-color:var(--c-white);}
.solutions_con_b .cons>div p{margin:10px 0 0 0; padding-bottom: 0; text-align: justify}

.solutions_con_c .cons>div{border-radius: 3px; overflow: hidden; box-shadow: var(--shadow);}
.solutions_con_c .cons>div.a{width: calc(50% - 20px); margin-bottom: 40px;}
.solutions_con_c .cons>div.b{width: calc(33% - 20px);}
.solutions_con_c .cons .table{width: 100%; height: 200px;}
.solutions_con_c .cons .tit{ padding: 30px; text-align: center;vertical-align: middle; background: #23c485; width: 100%}
.solutions_con_c .cons .a2 .tit{ background: #3689de;}
.solutions_con_c .cons .b1 .tit{ background: #de6266;}
.solutions_con_c .cons .b2 .tit{ background: #2eb7bc;}
.solutions_con_c .cons .b3 .tit{ background: #f1903b;}
.solutions_con_c .cons .tit h2{color: var(--c-white); align-self: center}
.solutions_con_c .cons p{padding: 30px; margin-bottom: 0}
.solutions_con_d{background: url("../images/solution/zt_back.jpg") center no-repeat; background-size:auto 100%; padding: 50px 10%;}
@media (min-width: 1600px) {
    .solutions_con_d{animation: https_back 8s forwards linear;}
}

.web_main_child{padding-top: 90px;}
.web_main_child p{padding-bottom: 15px; text-align: justify; }
.web_main_child :is(h1.tit,h2.tit2){margin-bottom: 50px;font-size: var(--f36);}
.web_main_child h2.tit2{font-size: var(--f34); text-align: center; padding: 0 20%}
.en .web_main_child h2.tit2{font-size: var(--f34); text-align: center; padding: 0 50px}
.web_main_child h2.tit2 :is(b,strong){display: inline-block; color: #000; position: relative; top: 3px; font-size: var(--f36);}
.en .web_main_child h2.tit2 :is(b,strong){font-size: var(--f50); font-style: italic;}
.web_main_child h2.tit2 b:after,.web_main_child h2.tit2 strong:after{content: ''; width: 40px; height: 40px; display: inline-block; background: #00a94d30; position: absolute; bottom: -18px; left: -12px; border-radius: 50px;}
.web_main_child :is(h1.tit span,h2.tit2 span){font-size: var(--f18); padding-top: 10px; color: #555; display: block;font-weight: normal;}
.web_main_child h2.tit{padding:20px 0 20px;margin-bottom:32px; position: relative; border-bottom: 1px solid #ccc}
.web_main_child h2.tit:before{content: "";height: 1px;border-radius: 20px;background: #00a94d;display: block;position: absolute;left: 0;bottom: -4px;border: 3px solid #00a94d;}
.web_main_child h2.title{margin:50px 0 35px; background: #2a77d420; padding: 12px 20px 12px 50px; position: relative}
.web_main_child h2.title span{background: #2a77d4; color: var(--c-white); padding: 2px 8px; height: 32px; position: absolute; left: 0; top: -16px;font-size: var(--f24);}
.web_main_child h2.title span:before{content: ""; display: block; width: 0;height: 0;border-bottom: 32px solid transparent;border-left: 14px solid #2a77d4;position: absolute; top: 0; right: -14px;}
.web_main_child :is(h3.tit,h4.tit,h5.tit){padding-bottom: 15px; padding-top: 10px; margin-bottom: 8px;}
.web_main_child strong{font-weight: bold;}
.web_main_child .pic img{margin: 10px 30px 35px 30px; border-radius: 3px;}
.web_main_child .pic>div{text-align: center; display: inline-block;}
.web_main_child .pic>div img{margin-bottom: 10px;}
.web_main_child .pic.a img{border: 1px solid #ddd; border-radius: 6px;}

@media(max-width: 1600px){
    .web_section{padding: 80px 5% 60px; width: 100%!important;}
    .web_main_child .pic img{margin: 10px 15px 35px; height: auto!important; max-width: 100%}
}
@media(max-width: 1024px){
    .web_section{padding: 80px 10% 60px; width: 100%!important;}
}
@media(max-width: 990px){
    .web_main_child .pic img{margin: 10px 0 35px;}
}
@media(max-width: 550px){
    .web_main_child h2.tit2{padding: 0!important;}
    .banner_child{padding: 0 10%}
}

.c_as_sercice .web_child_banner{background: url("../images/index/con2_back.jpg") bottom center no-repeat}
.c_as_sercice .web_child_banner:before,.zt_edu .web_child_banner:before{content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); top: 0; left: 0; display: block; z-index: 1}
.c_as_sercice_list dd{margin-right: 20px; min-width: 220px; width: 100%}
.c_as_sercice .web_child_banner .con{position: relative; z-index: 9}
.z_z_t_security .web_child_banner{background: url("../images/index/banner_back.jpg") top center no-repeat}
.z_z_t_security dd{min-width: auto;}

.zt_edu .web_child_banner{background: url("../images/index/con4_back2.jpg") bottom center no-repeat}
.zt_edu dd{min-width: 190px;}
.zt_edu dd a{color: var(--c-white); text-decoration: underline;}
.zt_edu dd a:hover{text-decoration: none}

/*zt_edu_pri 教育价格表*/
.edu_pri .cons>li{width: 47%}
.edu_pri .cons>li:first-child .con .cell{height: 81px}

/*partners*/
.zt_partner .web_child_banner{background: url("../images/parters/partner_back.jpg") bottom center no-repeat}
.par_builder .web_child_banner{background: url("../images/parters/partner_bu_back.jpg") bottom center no-repeat}
.par_cloud .web_child_banner{background: url("../images/parters/partner_cloud_back.jpg") bottom center no-repeat}
.par_gov .web_child_banner{background: url("../images/parters/partner_gov_back.jpg") bottom center no-repeat}
.par_iot .web_child_banner{background: url("../images/parters/partner_iot_back.jpg") bottom center no-repeat}
.partners_list>div{background: var(--c-white); text-align: center; font-size: var(--f22); border-radius: 20px;}
.partners_list>div .img{background: linear-gradient(120deg, #102744, #555); font-size: 0; display: inline-block; padding: 30px; border-radius: 90px; margin-bottom: 30px;}
.partners_list>div span{display: block; font-size: initial; padding-top: 10px;}
.partners_list>div a{color: #222;padding:50px 30px; display: block;}
.partners_list>div:hover{border-color: #ddd;}
.partners_list>div a:hover{color: #00a94d;}
.par_builder_l .font{position: relative}
.partners_list_a .main{text-align: center; position: relative; padding: 0 50px;}
.partners_list_a .main>div{padding: 0 20px;}
.partners_list_a .img{border: 1px solid #d5dde8; background: #fafaff; padding: 20px; display: inline-block; border-radius: 999px; position: relative;}
.partners_list_b .img{background: linear-gradient(-30deg, #148045, #214771) !important; padding: 15px!important; margin-bottom: 10px!important; display: inline-block; border-radius: 999px; position: relative;}
.partners_list_a .img img{width: 30px;}
.partners_list_a .font{color: #555; padding-top: 10px;}
@media (min-width: 750px){
    .partners_list_a .main:before{content: ""; display: block; width: 100%; height: 2px; border-bottom:2px dashed #ccc; position: absolute; bottom: 50px; left: 0}
    .partners_list_a .img:before{content: ""; display: block; width: 8px; height: 8px; border: 5px solid #ccc; border-radius: 50px; position: absolute; left: 50%; margin-left: -8px; bottom: -37px; background: var(--c-white);}
    .partners_list_a .font{color: #555; padding-top: 50px;}
}

/*pri_table*/
.pri_table>div{ border-radius: 3px; border: 1px solid #ddd}
.pri_table .cell{padding: 16px 18px; border-top: 1px solid #ccc; border-left: 1px solid #eee; vertical-align: middle; width: 11%}
.pri_table .cell:first-child{width: 3%}
.pri_table .con .cell:first-child{font-weight: bold;}
.pri_table .row:nth-child(2n) .cell{background: #f9f9f9}
.pri_table .cell:first-child{border-left: none}
.pri_table .tit .cell{font-weight: bold; font-size: var(--f16); padding:20px; background: none; color: #222; border-top: none}
.pri_table a.btn{padding: 6px 15px!important;}
.resller_par .web_child_banner{background: url("../images/parters/resller_par_back.jpg") bottom center no-repeat;}
.ecological_par .web_child_banner{background: url("../images/parters/ecological_par_back.jpg") bottom center no-repeat;}
.oem_par .web_child_banner{background: url("../images/parters/oem_par_back.jpg") bottom center no-repeat;}
.resller_par_table .table{box-shadow: var(--shadow);background: var(--c-white); overflow: inherit}
.resller_par_table .table_style .cell:first-child{border-left: 1px solid #ddd}
.resller_par_table .table .cell{padding: 12px 20px;}
.resller_par_table .table tr:nth-child(2n-1) td{background: #f2f2f2}
.resller_par_table .table tr td:first-child{background: var(--c-white);}
.resller_par_table .img{padding: 15px; position: relative; top: -40px; margin-top: -10px; margin-bottom: -25px; border: 1px solid #ddd; border-radius: 90px; background: var(--c-white); display: inline-block}
.resller_par_table td.a{background: #f2f8ff !important; color: #222}
.t_windows label{cursor: pointer;}
.t_windows .con{position: fixed; display: none; top: 50%; left: 50%; width: 80%; margin-left: -40%; margin-top: -400px; box-shadow: var(--shadow); min-width: 800px; z-index: 99}
.t_windows .con>div{position: relative; z-index: 99; border-radius: 20px;}
.t_windows .con i{position: absolute; right: 30px; top: 30px; z-index: 100; cursor: pointer; font-size: var(--f24);}
.t_windows .con i:hover{color: #00a94d}
.t_windows .con:after{content: ""; width: 100%; height: 100%; background: #05224780; display: block; z-index: 20; position: fixed; left: 0; top: 0;backdrop-filter: blur(10px);}
.t_windows .con .font{border-left:1px solid #ddd; padding-left: 100px;}
.t_windows img{width: 100%;}
.t_windows .cell:nth-child(2) img{max-width: 692px;}
.t_windows .cell:nth-child(3) img{max-width: 457px;}
.t_windows .cell:nth-child(4) img{max-width: 427px;}
.t_windows .cell:nth-child(5) img{max-width: 287px;}
.t_windows .cell:nth-child(6) img{max-width: 201px;}
.t_windows .cell:nth-child(7) img{max-width: 250px;}
.t_windows .cell:nth-child(8) img{max-width: 241px;}
#stzg>div .flex{justify-content: center;}
#stzg>div .flex>div{margin: 0 10px 10px 10px;}
@media (max-width: 750px){
    :is(.zt_partner,.par_builder,.par_gov,.par_iot,.par_cloud) .web_child_banner .con{position: relative; z-index: 1}
    :is(.zt_partner,.par_builder,.par_gov,.par_iot,.par_cloud) .web_child_banner:before{content: ""; width: 100vw; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(rgba(7, 27, 56, 0.4),rgba(7, 27, 56, 1))}
    .pri_table .table,.pri_table>div{display: block; width: 100%}
    .pri_table>div{border: none}
    .pri_table .row.tit{display: none}
    .pri_table .row{width: 100%; display: block; margin: 20px 0; border: 1px solid #ccc}
    .pri_table .row .cell{width: 100%; display: block; border-left: none}
    .pri_table .row .cell:first-child{border-top: none;background: #f2f2f2!important;}
    .pri_table .row .cell a{width: 100%}
    .pri_table .row:nth-child(2n) .cell{background: none}
}

.sectigo{background:#000 url("../images/solution/sectigo_banner.jpg") center no-repeat; background-size: cover}
@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%;}
}

/*lp_pki*/
.lp_pki .banner{background: url("../images/activities/pki.jpg") left center no-repeat; background-size: cover; height: 850px;}
.lp_pki .con .lp_pki_bt{display: inline-block; position: absolute; right: 100px; bottom: 100px;}
.lp_pki_bt a{position: relative; color: var(--c-white); text-align: center; width: 360px; vertical-align: middle; display: inline-block}
.lp_pki_bt a b{position: relative; z-index: 10; color: var(--c-white); font-size: var(--f30); font-style: italic;}
.lp_pki_bt a:before{content:""; position: absolute; left: 0; top: 0; width: 100%; height: 60px; background: #f58344; display: inline-block; z-index:1; transform: skew(170deg)}
.lp_pki_bt a:hover:before{background: #ff9254;}
.lp_pki_bt strong{padding:12px 0 0 0; color: #f58344; width: 360px; font-style: italic; font-size: var(--f18); display: inline-block; font-weight: bold; position: relative}
.lp_pki_bt strong:before{content: ""; height: 2px; width: 20%; display: inline-block; position: absolute; left: 0; top: var(--f22); background:#f58344;}
.lp_pki_bt strong:after{content: ""; height: 2px; width: 20%; display: inline-block; position: absolute; right: 0; top: var(--f22); background:#f58344;}
.lp_pki .sectigo_cersign h1{background: #2a77d4}
@media(max-width:1420px){
    .lp_pki .banner{background-position: -200px center}
}
@media(max-width:990px){
    .lp_pki .banner{background-size: cover; height: 550px; padding-top: 60px;}
    .lp_pki .banner .con{padding: 0 10%; width: 100%}
    .lp_pki .banner .cons{padding-left:0; vertical-align: top!important;}
    .lp_pki .banner .cons img{width: 100%;}
}
@media(max-width: 550px){
    .lp_pki_bt a::before{top: -4px}
    .lp_pki .con .lp_pki_bt{bottom: 60px;}
    .lp_pki_bt{width: 80%; right: 10%!important; text-align: center; margin: auto}
    .lp_pki_bt a{width: 100%;}
    .lp_pki_bt strong{width: 100%; font-size: 16px;}
    .lp_pki_bt a::before{height: 50px;}
    .lp_pki_bt strong::before,.lp_pki_bt strong::after{width: 10%}
}

.lp_pki_cons{background: url("../images/activities/pki_con_back.jpg") center no-repeat; background-size: cover; padding: 100px 0;}
.lp_pki_cons .con>div{background: var(--c-white); border-radius: 70px 0 60px 0; margin-bottom: 60px;}
.lp_pki_cons .con .pic{padding: 50px; background: #2a77d4; border-radius: 60px 0 0 0;}
.lp_pki_cons .con .font{padding: 50px; font-size: var(--f20); text-align: justify; opacity: 1; top: 0}
.lp_pki_cons .img{border-radius: 60px 0 60px 0;}
.lp_pki_cons .img img{margin: 10px 25px;}
.bt_contract_con{position: fixed; font-size: 1.7rem;z-index: 999; border-radius: 10px; box-shadow: var(--shadow); top: 50%; left: 50%; width: 370px; margin: -85px 0 0 -185px; background:url("../images/activities/lp_pki_phone.jpg") right top;background-size: cover; padding:40px 50px; display: none;}
/*.bt_contract_con span{padding-left: 68px;}*/
.bt_contract_con strong{color: #f58344; padding-bottom: 25px; display: inline-block;}
.bt_contract_con i{position: absolute; right: 15px; top: 15px; cursor: pointer}
.bt_contract_con :is(div,div span,div b){color: var(--c-white);}
.sectigo_cersign{background:#000 url("../images/activities/sectigo_cersign.jpg") center no-repeat; background-size: cover; height: 554px}
.sectigo_cersign h1{padding: 30px 98px 30px 30px; background: #00a94d; color: var(--c-white); position: relative; margin-top: -50px;}
.sectigo_cersign h1 img{position: absolute; left: 0; bottom: -100px;}

.sectigo{background:#000 url("../images/solution/sectigo_banner.jpg") center no-repeat; background-size: cover}
@media (max-width:1420px) {
    .sectigo_cersign h1{padding: 30px;}
    .sectigo_cersign{background:#000 url("../images/activities/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/activities/sectigo_cersign_p.jpg") center bottom no-repeat; background-size: cover; height: 900px}
}
@media (max-width:840px) {
    .sectigo_cersign{background:#b5a895 url("../images/activities/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/activities/sectigo_cersign_p.jpg") center bottom no-repeat; background-size: 100%; height: 500px}
}

/*web blog*/
.web_blog .web_child_banner{background: url("../images/blog/blog_banner.jpg") center no-repeat; height: 360px;}
.web_blog .web_child_banner h1{font-size: var(--f26); border-top: 1px solid #ffffff50;padding: 8px 0;border-bottom: 1px solid #ffffff50;margin-left: 10px;}
.blog_list{margin: -40px -25px 0 -25px;}
.blog_list>div{width: calc(25% - 58px); margin: 50px 29px 0 29px; border-radius: 10px; overflow: hidden; transition: var(--transition); position: relative; top: 0;}
.blog_list>div:hover{top: -10px; box-shadow: var(--shadow);}
.en .blog_list>div p{text-align: left;}
.blog_list>div .con{height: 100%; top: 0!important; overflow: hidden; background: var(--c-white); position: relative;}
.blog_list>div .con:before{content: ""; transition: var(--transition); opacity: 1; display:block; width: 100%; height: 70px; background: linear-gradient(180deg,#00000030,transparent); position: absolute; top: 0;left: 0; z-index: 2;}
.blog_list>div .con .font{padding:30px;}
.blog_list>div h3{padding-bottom: 30px;}
.blog_list>div p{padding-bottom: 42px; font-size: inherit;}
.blog_list>div span{position: absolute; bottom: 20px; font-size: var(--f14); width: 100%; padding: 0 30px;}
.blog_list>div span :is(em,i){color: #888}
.blog_list>div:hover span i{color: #00a94d}
.blog_list>div .img{height: 230px;overflow: hidden}
.blog_list>div img{width: 100%;}
.blog_list>div img{filter: brightness(90%); transition: var(--transition);}
.blog_list>div:hover img{filter: brightness(100%)}
.blog_list>div:hover .con:before{opacity: 0}
.blog_more{border-top: 1px solid #ddd; padding: 30px 0 20px; background: #f9f9f9;}
.blog_more .cons :is(a,h4){padding: 10px;}
.blog_more .cons a span{padding-right: 20px; color: #888}
.blog_more .cons a:first-child{border: none}
@media (max-width: 1600px) {
    .blog_list>div{width: calc(33.33% - 66px); margin: 60px 32px 0 33px;}
}
.blog_menu{margin-top: 0!important; background: #f9f9f9; padding: 20px 0}
.blog_menu li{display: inline-block; background: #f2f2f2; margin: 10px 6px; border-radius: 90px;}
.blog_menu li:hover{color: #222; background: #e2e2e2}
.blog_menu li.cur{color: var(--c-white); background: #222}
.blog_menu li a{color: #555; padding: 6px 20px; display: inline-block}
.blog_menu li a:hover{color: #222;}
.blog_menu li.cur a{color: var(--c-white);}
.pkiaas_web .blog_down{padding: 0 10px; font-size: 1.45rem!important; width: 100%;}
.blog_contact{border-radius: 52px; padding: 8px 24px !important;}
@media (max-width: 750px) {
    .blog_menu li{width: 40%;}
    .blog_down{padding: 10px; text-align: justify}
}
.child_blog_tit{position: relative; text-align: center}
.child_blog_tit a{position: absolute; right: 0; top: 7px;}
@media (max-width: 750px) {
    .child_blog_tit a{position: inherit; margin-bottom: 50px;}
}

/*slogan*/
.slogan{background: url("../images/founder/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{padding: 0 20px;}

/*web founder*/
.web_founder .web_child_banner{background: url("../images/founder/founder_back.jpg") center no-repeat!important; height: 300px; background-size: auto 100% !important}
.web_founder .pic img{padding: 10px; border: 1px solid #ddd; border-radius: 3px; background: #f9f9f9;}

/*web browser*/
.web_browser .web_child_banner{background: url("../images/browser/banner2.gif") center no-repeat!important; height: calc(100vh - 86px);}
.web_browser .web_child_banner .font h1{font-size: 6rem;}
.web_browser .web_child_banner .font h2{border-color: rgba(var(--c-white-rgb),0.25); font-weight: normal}
.web_browser h2{font-size: 3.6rem!important;}
.web_browser>:not(.bro_con00) p{text-align: center;}
.web_browser .web_child_banner i{opacity: 0.6}

.bro_con00{background: #f9f9f9 url("../images/browser/white_back.jpg") top center no-repeat;background-size: cover}
.bro_con01{background: #f1f7ff; position: relative;}
.bro_con01 .web_section{position: relative; z-index: 9}
.bro_con01 h2{font-size: 6rem!important; font-family: Arial, serif; font-weight: bold; position: relative; padding-top: 30px;display: inline-block;}

.bro_con01 h2 strong{font-size: var(--f62); border-radius: 150px;}
@media (max-width: 990px) {
    .bro_con01 h2{background: linear-gradient(180deg, #174499, #6489f1); border-radius: var(--radius-50); color: var(--c-white);padding: 6px 22px; width: 100%; text-align: center;}
    .bro_con01 h2 strong{color: var(--c-white);}
}
@media (min-width: 990px) {
    .bro_con01 h2:first-letter{font-size: 10rem;}
    .bro_con01 h2 strong{background: linear-gradient(180deg, #174499, #6489f1); color: var(--c-white);padding: 6px 22px;position: relative;top: -17px;}
}

.bro_con01 li{background: url("../images/browser/98_icon01.svg") 10px center no-repeat; background-size: 46px!important; height: 56px; padding: 8px 0 8px 68px!important;}
.bro_con01 ol:nth-child(2) li{background: url("../images/browser/98_icon02.svg") 10px center no-repeat;}
.bro_con01 ol:nth-child(3) li{background: url("../images/browser/98_icon03.svg") 10px center no-repeat;}
.bro_con01 ol:nth-child(4) li{background: url("../images/browser/98_icon04.svg") 10px center no-repeat;}
.bro_con01 ol:nth-child(5) li{background: url("../images/browser/98_icon05.svg") 10px center no-repeat;}
.bro_con01 .pic img{filter: drop-shadow(5px 25px 25px rgba(0, 46, 90, 0.3));animation: d_shadow 5s infinite ease;}
.bro_con01 .back{width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; border-radius: 30px;}

@keyframes d_shadow {
    0%{filter: drop-shadow(0px 25px 25px rgba(8, 120, 227, 0.3))}
    50%{filter: drop-shadow(0px 25px 65px rgba(7, 172, 122, 0.3))}
    100%{filter: drop-shadow(0 25px 25px rgba(12, 114, 213, 0.3))}
}

:is(.bro_con05,.bro_con02,.bro_con03) .w_50{
    transition: all 0.3s ease;clip-path: inset(0px round 30px);
}
:is(.bro_con05,.bro_con02,.bro_con03) .w_50:hover{clip-path: inset(10px round 50px);}


@keyframes moveInCircle {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes moveVertical {
    0% {
        transform: translateY(-50%);
    }
    50% {
        transform: translateY(50%);
    }
    100% {
        transform: translateY(-50%);
    }
}
@keyframes moveHorizontal {
    0% {
        transform: translateX(-50%) translateY(-10%);
    }
    50% {
        transform: translateX(50%) translateY(10%);
    }
    100% {
        transform: translateX(-50%) translateY(-10%);
    }
}


.bro_con01 .back svg {position: fixed;top:0;left:0;width: 0;height: 0;}
.bro_con01 .back .gradients-container{filter: url(#goo) blur(20px);width: 100%;height: 100%; opacity: 0.8;}
.bro_con01 .back .g1,.g2,.g3,.g4,.g5,.interactive{position: absolute;mix-blend-mode: hard-light; width: 1300px; height: 1300px;opacity: 1;top: calc(50% - 80% / 2);left: calc(80% - 80% / 2);}

.bro_con01 .back .g1 {
    background: radial-gradient(circle at center, rgba(158, 207, 255, 0.8) 0, rgba(18, 113, 255, 0) 50%) no-repeat;
    transform-origin: center center;
    animation: moveVertical 30s ease infinite;
}
.bro_con01 .back .g2 {
    background: radial-gradient(circle at center, rgba(209, 255, 215, 0.6) 0, #DD4AFF00 50%) no-repeat;
    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;
}
.bro_con01 .back .g3 {
    background: radial-gradient(circle at center, #bfffdb 0, #00a94e00 50%) no-repeat;
    top: calc(50% - 80% / 2 + 200px);
    left: calc(50% - 80% / 2 - 500px);
    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;
}
.bro_con01 .back .g4 {
    background: radial-gradient(circle at center, #c3ffff 0, #0bffff00 50%) no-repeat;
    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;
    opacity: 0.7;
}
.bro_con01 .back .g5 {
    background: radial-gradient(circle at center, #c6f7fd 0, #0aac5400 50%) no-repeat;
    width: calc(80% * 2);
    height: calc(80% * 2);
    top: calc(50% - 80%);
    left: calc(50% - 80%);
    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;
}
.bro_con01 .back .interactive {
    background: radial-gradient(circle at center, #e6d498 0, #f0000000 50%) no-repeat;
    width: 100%;
    height: 100%;
    top: -70%;
    left: 20%;
    opacity: 0.7;
}


@media (max-width: 1800px) {
    .bro_con01 :is(h2 strong,h2:first-letter){font-size: 8rem;}
}
@media (max-width: 1280px) {
    .bro_con01 :is(h2 strong,h2,h2:first-letter){font-size: 6rem;}
}
@media (max-width: 750px) {
    .web_browser .pic{order: 0; z-index: 1}
    .web_browser .pic img{margin-bottom: 0!important;}
    .web_browser .web_child_banner{background: url("../images/browser/banner.jpg") right center no-repeat!important; background-size: cover!important; position: relative; height: auto; padding: 70px 0;}
    .web_browser .con:before{content: ""; width: 100%; height: 100%;letter-spacing: -1.5px; position: absolute; left: 0; top: 0; background: linear-gradient(rgba(25, 82, 166, 0.4),rgba(7, 27, 56, 1))}
    .one_min .con:before{background: none;}
    .web_browser .font{order: 1; z-index: 99; height: auto!important;}
    .bro_con01 h2{font-size: 5rem!important; word-wrap: anywhere;}
    .bro_con01 :is(h2:first-letter,h2 strong){font-size: 6rem}
}

.bro_con02 .con_left{background: #eff7ff;}
.bro_con02 .con_right{background: #e8fff5;}
.con2_pic{position: relative; width: 60%; margin: auto}
.con2_pic div{ width: 100%; min-height: 150px; position: absolute; bottom: 0; left: 0;}
.con2_pic div span{display: inline-block; padding: 15px; background: var(--c-white); border-radius: 16px; border:1px solid rgba(87, 97, 30, 0.19)}
@media (max-width: 750px) {
    .bro_con02 div{width: 100% !important; min-height: auto}
}

.bro_con04{background: url("../images/browser/con04_back.jpg") center no-repeat; height: 800px; background-size: cover}
@media (min-width: 750px) {
    .zt_download{margin-right: 15px;}
}
@media (max-width: 750px) {
    .bro_con04 div img.pc{display: none}
    .bro_con04 div img.phone{display: block!important;}
}

.bro_con05 .con_left{background: #f2fae9;}
.bro_con05 .con_right{background: #e7fbe9;}

.bro_con03 .b_light_green{background: #e9f7e8!important;}
.bro_con03 .b_light_blue{background: #f1f3ff!important;}
.bro_con01,.bro_ct,.bro_con00,.bro_con04,.bro_root_pro{margin: 50px auto 0;width: 95%;border-radius: 30px;}
:is(.bro_con02,.bro_con03,.bro_con05)>.flex{justify-content: space-evenly; padding: 50px 0 0; background: var(--c-white);}
:is(.bro_con02,.bro_con03,.bro_con05) .flex .w_50{width: 46%!important; border-radius: 30px;}
.con5_pic{height: 280px}
@media (max-width: 750px) {
    :is(.bro_con02,.bro_con03,.bro_con05)>.flex{padding-top: 0}
    .bro_con05 .con2_pic div{position: relative}
    .web_browser .w_50>div{width: 100% !important; min-height: auto; height: 60vw;}
    .web_browser .web_section h2{padding-top: 0;}
    :is(.bro_con02,.bro_con03,.bro_con05) .flex .w_50{width: 95%!important;}
    .bro_con02, .bro_con03, .bro_con05, .bro_ct{margin-top: 40px;}
}

.bro_con06{background: url("../images/browser/con06_back.jpg") center no-repeat; height: 730px;}
.bro_tip{background: #484f59; padding: 6px 20px; display: inline-block; color: var(--c-white); position: relative}
.bro_tip:before,.bro_tip:after{content: ""; display: block; width: 0; height: 0; position: absolute; border: 18px solid transparent;}
.bro_tip:before{border-left:18px solid #484f59; right: -36px; top: 0}
.bro_tip:after{border-right:18px solid #484f59; left: -36px; top: 0}
@media (max-width: 750px) {
    .bro_con06{height: auto; background-size: auto 100%}
    .bro_con06 div img.pc{display: none}
    .bro_con06 div img.phone{display: block!important;}
}

.bro_con07_download .flex>div{background: #f9f9f9; padding: 40px; width: 17%; border-radius: 20px;}
.bro_con07_download .flex>div img{margin: 0; height: 60px;}
.bro_con07_download .flex>div .pic{padding: 40px 0}

.bro_root_pro{background:#192435 url("../images/browser/bro_root_pro_back.png") center no-repeat;}
.bro_root_pro h2{border-color: #4c5460}

.blog_section_child .flex>div{position: relative; margin-bottom: 20px; border-radius: 20px; overflow: hidden}
.blog_section_child .flex>div h4{position: absolute; bottom: 0; padding:15px 20px; background: #242733f0; color: var(--c-white); width: 100%; transition: var(--transition); font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.blog_section_child .flex>div:hover h4{padding: 20px;}
@media (max-width: 750px) {
    .con5_pic{height: auto;}
    .bro_con01{background: linear-gradient(180deg,#fff, #e8f2ff); height: auto}
    .bro_con01 .w_48:first-child img{display: block}
    .bro_con01 .w_48{margin: 0!important; position: relative; height: auto!important;}
    .bro_con04{height: auto; background-size: auto 100%}
    .bro_con03{height: auto!important; background-size: cover}
}

/*web_httpswaf*/
.web_httpswaf .web_child_banner{background: url("../images/httpswaf/banner_back.jpg") center no-repeat;}
.web_waf .web_child_banner{background: url("../images/httpswaf/waf_back.jpg") center no-repeat;}
.web_waf .waf_pro_2 .flex>div{border-left: 2px solid #ff6a00; padding-left: 20px;}
@media (max-width: 990px) {
    .web_waf .waf_pic_font .pic {order: 0}
    .web_waf .waf_pic_font .font {order: 1}
    .web_httpswaf .web_child_banner{height: 600px;}
}

/*web_about*/
.web_about .web_child_banner{background: url("../images/about/banner_back.jpg") center no-repeat; height: 300px;}
.web_about .logo{width: 160px!important;}
.web_about .vision .cell{padding: 40px 0;}
.web_about .vision .row .cell{border-bottom: 1px solid #ddd; vertical-align: top}
.web_about .vision .row .cell:first-child{padding-right: 50px;word-break: keep-all;}
.web_about .vision .row.bor_none .cell{border: none}
.web_about .vision h2{width: 100px}
.web_about .vision>div.pic{background: url("../images/about/vision.jpg") center no-repeat; background-size: cover; height: 500px}
.web_about .back2{background:url("../images/about/banner_back2.jpg") center top no-repeat; background-size: cover; height: 200px;}

.web_about .what .list h2{padding-right: 50px; position: relative}
.en .web_about h2{font-size: var(--f22);}
.web_about .what .list h2:before{content: ""; width: 8px; height: 8px; display: block; border-radius: 20px; background: #00a94d; position: absolute; top: 52px; right: -8px; border: 4px solid var(--c-white);}
.web_about .what .list div.cell{padding-left: 50px; border-left: 1px solid #ddd}
.web_about .what .list .cell{padding-top: 40px;}
.web_about .icon-ture_around{padding-left: 25px!important; position: relative;}
.web_about .icon-ture_around:before{color: #00a94d; position: absolute; left: 0; top: 2px;}
.about_pic_pc span{display: inline-block; padding:0 10px 50px 10px; cursor: pointer; transition: var(--transition);}
.about_pic_pc span>img{margin: 0!important;}
@media (min-width: 990px){
    .about_pic_pc .pic.con{display: table; width: 100%;}
    .about_pic_pc span{display: table-cell; vertical-align: top}
}
.en .about_pic_pc span{width: 200px;}
.about_pic_pc span>img{margin-bottom: 10px!important; height: 150px;}
.about_pic_pc span div{opacity: 0; position: fixed; top: 100px; right: 0; transition: all .6s ease;}
.about_pic_pc span div img{width: 360px; }
.about_pic_pc span:hover{color: #00a94d}
.about_pic_pc span:hover div{opacity: 1; top: 120px;}
.about_pic_pc span:hover div>img{z-index: 99; box-shadow: var(--shadow);}
@media (max-width: 1024px){
    .web_about .what :is(.list,.cell){width: 100% !important}
    .web_about .what .list h2::before{display: none}
    .web_about .what .list div.cell:last-child{border: none; margin-bottom: 20px;}
    .web_about .product>div{padding: 0!important;}
    .web_about :is(.product>div .w_80,.product .cell){width: 100%!important;}
    .web_about .vision .row h2.cell{border: none;}
    .web_about .product .row{padding: 20px 0!important;}
    .web_about .vision>div.font{width: 80% !important; padding: 5%!important;}
    .web_about .vision>div.pic{width: 20% !important; height: auto}
    .web_about .vision h2{width: 80px}
}
.point_back{background: url("../images/point_back.png") center repeat-x; width: 100%; height: 60px;}

/*三大理念和五大原则*/
.three_concept dl{padding-top: 40px;}
.three_concept dd{position: relative;border-radius: 90px;background: linear-gradient(#fff, #fff);background-clip: padding-box;padding: 5px 50px;vertical-align: middle; margin: 0 20px 50px; background: rgba(0,0,0,0.1);}
.three_concept dd:after{position: absolute;top: -12px; bottom: -12px;left: -12px; right: -12px;background: linear-gradient(#00a94d, #50d28b);content: '';z-index: -1;border-radius: 90px;}
.three_concept dd h2{font-size: var(--f22); color: var(--c-white);}
.three_concept dt{width: 50px;}
@media (max-width: 750px) {
    .three_concept dd{padding: 12px 20px; margin-bottom: 50px; width: 100%}
}

/*web_news*/
.web_news .web_child_banner{background: url("../images/news/banner_back.jpg") center no-repeat; height: 300px;}
.news_list>div{padding: 20px 40px 40px 200px; background: var(--c-white); border: 1px solid #eaeaea; border-radius: 20px; margin-bottom: 30px!important;position: relative;}
.news_list>div:last-child{margin-bottom: 0;}
.news_list>div h3{padding: 20px 0}
.news_list>div span{color: var(--c-white);font-style: italic;display: inline-block;text-align: right;background: #192a5e;position: absolute;top: 37%;left: 0;padding: 6px 20px 6px 12px;border-radius: 0 29px 29px 0;}
.news_list>div p{margin: 0; padding: 0}
.news_list>div a:hover h3{color: #00a94d}
@media (max-width: 550px) {
    .news_list>div span{top: 40px}
    .news_list>div{margin-top: 0!important;padding:80px 40px 40px;}
}

/*contact us*/
.contact_us .web_child_banner{background: url("../images/about/contact_back.jpg") center no-repeat; height: 300px;}
.contact_us_li{padding:0!important;}
.contact_us_li>li{padding:20px 30px; margin: 20px 0; border-radius: 3px; background: #fafafa}
.contact_us_li>li:hover{background: #f5f5f5}
.contact_us_li .qr>div{margin-right: 80px;}
@media (max-width: 990px) {
    .contact_us_li .qr>div{margin: 10px auto!important;}
}

/*web_legal*/
.web_legal{font-size: 96%}
.web_legal h2{font-size: 2.4rem}
.web_legal h3.tit{margin-bottom: var(--f22); padding-bottom: var(--f22); border-bottom: 1px solid #dcdcdc}
.web_legal ul{margin-bottom: 20px;}

/*root*/
.web_root .web_child_banner{background: url("../images/root/root_back.jpg") bottom center no-repeat; height: 300px;}
.web_root .menu_tab .tits li{display: inline-block}
.web_root .menu_tab .tits a{display: inline-block; color: #222; padding: 15px 50px;font-size: var(--f20); border: 1px solid #eaeaea;border-radius: 3px; background: #f9f9f9; margin: 10px; cursor: pointer;}
.en .web_root .menu_tab .tits a{padding: 15px 30px; font-size: var(--f18);}
.web_root .menu_tab .tits a:hover{border-color: #ccc; color: #222; background: #eee}
.web_root .menu_tab .tits li.cur a{border-color: #222; color: var(--c-white); background: #222}
.web_root .menu_tab .cons h4.tit{margin: 10px 0 0 0;font-weight: bold;font-size: var(--f16);}
.web_root .menu_tab .cons strong{font-size: var(--f15); width: calc(100% - 108px);}
.en .web_root .menu_tab .cons strong{width: calc(100% - 160px);}
.web_root .menu_tab .cons .flex>li{border: 1px solid #ddd; border-top: none; width: 100%; background: linear-gradient(-90deg,#fff,#f4f4f4)}
.web_root .menu_tab .cons .flex>li:first-child{margin-top: 0;border-top: 1px solid #ddd;}
.web_root .menu_tab .cons .flex>li a{font-size: var(--f15);}
.web_root .menu_tab .cons .title>div{display: inline-block;}
.web_root .menu_tab .cons :is(.title,.con){padding: 10px 16px;}
.web_root .menu_tab .cons .title{border-bottom: 1px solid #ddd;}
.web_root .menu_tab .cons .con{background: var(--c-white); color: #222; font-size: var(--f15);}
.web_root .menu_tab .cons .con span{color: #777}
.web_root .menu_tab .cons .con>div{padding: 5px 0;font-size: var(--f14);}
@media(max-width:550px) {
    .en .web_root .menu_tab .cons strong{width: calc(100% - 80px);}
    .en .web_root .menu_tab .cons a{display: block; text-align: right}
    .web_root .menu_tab .cons h4.tit{margin: 30px 0 0;}
    .web_root .menu_tab .cons .flex>li span{display: block;}
    .web_root .menu_tab .cons .flex>li{border-top: 1px solid #ddd;}
    .web_root .menu_tab .tits li{width: 100%; margin: 0}
    .web_root .menu_tab .tits li:first-child{border-radius: 3px 3px 0 0;}
    .web_root .menu_tab .tits li:first-child+li{border-radius: 0 0 3px 3px;}
}

/*web support*/
.web_faq .web_child_banner{background: url("../images/faq/faq_back.jpg") center no-repeat; height: 300px;}
.support_menu{ border-bottom:1px solid #eaeaea; background: var(--c-white);}
.support_menu ul{text-align: center;}
.support_menu li{display: inline-block;}
.support_menu li a{padding: 25px 0 25px; margin:0 45px 0 0; display: inline-block; color: #555; font-size: 18px; transition: var(--transition); position: relative;}
.support_menu li a:hover{color: #222}
.support_menu li.nav a{border-bottom:2px solid #00a94d; position: relative; top: 1px; color: #00a94d}
.web_faq .q_icon{width: 34px; height: 34px; text-align: center; border-radius: 60px;}
@media(max-width:1024px){
    .support_menu li a{margin: 0 20px;}
}
@media(max-width:950px){
    .support_menu{padding:20px 0 40px}
    .support_menu li{width: 49%; font-size: 0}
    .support_menu li a{border:1px solid #ddd; text-align: center; margin: 20px 10px 0; padding: 10px 20px; width: calc(100% - 22px); background: var(--c-white); border-radius: 3px;}
    .support_menu li.nav a{border:2px solid #00a94d; margin: 20px 10px 0; padding: 10px 20px}
}
@media(max-width:550px) {
    .web_faq .q_icon{font-size: var(--f20);}
    .support_menu li {width: 100%;font-size: 0}
}

/*order*/
.order_tit{background: #00a94d url("../images/buy/shop_cart_tit_back.jpg") left center no-repeat; margin-top: 50px; padding:15px 20px; border-radius: 6px 6px 0 0;}
.order_tit h3{color: var(--c-white);}
.order_con{border:1px solid #ccc; border-top: none; border-radius:0 0 6px 6px; padding: 50px; margin-bottom: 50px;}
.order_con h4.account{padding-top: 20px}
.order_con .login_account{display: none;}
.order_info{margin-top: 20px; transition:var(--transition)}
.order_info:hover{box-shadow: var(--shadow);}
.order_info:first-child{margin-top: 0;}
.order_info a.a_del{padding-left: 20px; background: url("../images/icon_del.svg") left center no-repeat; color: #555}
.order_info a.a_del:hover{background: url("../images/icon_del_g.svg") left center no-repeat; color: #00a94d}
.order_info a.a_edit{padding-left: 20px; background: url("../images/icon_edit.svg") left center no-repeat; color: #555}
.order_info a.a_edit:hover{background: url("../images/icon_edit_g.svg") left center no-repeat; color: #00a94d}
@media (max-width: 990px) {
    .order_con{padding: 8%}
    .order_con button[type = "submit"]{width:100%}
    .account_info .w_48{width: 100% !important}
    .s_info>div.w_48{width: 100% !important}
}
/*登录页*/
.login_web{padding: 50px; background: var(--c-white); border:1px solid #ccc; border-radius: 6px; width: 620px; margin: 100px auto 50px auto; box-shadow: var(--shadow);}
@media (max-width: 990px) {
    .login_web{width: 80%; margin: 50px auto; padding: 8%}
    .login_web .w_48{width: 100% !important; margin-top: 20px;}
    .login_web .w_48:first-child{margin-top:0;}
}
@media (max-width: 550px) {
    .login_web:first-child{margin:50px auto!important;}
    .login_web:nth-child(2){margin:0 auto 50px auto !important;}
    .div_captcha{position: relative!important; margin-top: 10px}
}
.logins .login_web{width: 45%;}
.logins .login_web.qr .s_info div.table{width: 100%; height: 100%; background: rgba(55, 112, 197, 0.9); position: absolute;}
.logins .login_web.qr .s_info .btn{box-shadow: none!important;}

/*价格表*/
.pri_num span{font-size: var(--f12); color: #888}
.pri_num strong{font-size: var(--f20); font-weight: normal}
.title_pri .cell{padding-top: 80px; height: 120px!important; border-bottom: 3px solid #666!important; cursor: pointer; position: relative;}
.title_pri .cell:first-child{font-weight: bold; font-size: 1.8rem!important;}
.title_pri .cell:first-child .con_tit{color: #222; margin: 0!important;; padding: 0!important; border: none!important;}
.title_pri .cell:first-child:before{content: "\e903"; font-family: 'icomoon', serif; font-size: 10px; width: 20px; height: 20px; text-align: center; border: 2px solid #00a94d; border-radius: 90px; position: absolute; left: 0; bottom: 60px; transition: var(--transition);transform: rotate(0deg); color: #00a94d;}
.title_pri:hover .cell:first-child:before{background: #00a94d; color: var(--c-white);}
.title_pri.t_t .cell:first-child:before{transform: rotate(-90deg);}
.title_pri .cell .ti{width: 1000px; position: absolute; bottom: 33px;z-index: 99;}
@media (max-width: 1024px) {
    .title_pri .cell .ti{width: 100%;}
    .title_pri .cell .con_tit{font-size: var(--f20);}
    .title_pri .cell:first-child:before{display: none}
}
@media (max-width: 750px) {
    .title_pri .cell .ti{position: inherit}
    .title_pri .cell{padding-top: 30px!important;}
}

.web_pricing{padding: 80px 0 0; color: #555;}
.web_pricing .banner p{text-align: justify}
.web_pricing .banner .cell img{width: 130px;}
.web_pricing.mail :is(.cell:nth-child(5),.table_3){display:none}
.pricing_con label{display: block; padding-top: 6px; font-size: var(--f12); font-weight: normal; color: #888}
.pricing_con .row.title_pri .cell.a{background: #fff!important;}
.pricing_con .table{margin-bottom: 30px;}
.pricing_con .table:last-child{margin-bottom: 0;}
.pricing_con .row:first-child .cell{border-top:3px solid var(--c-white);}
.pricing_con .row.th .cell:last-child{background: none}
.pricing_con .row .cell:first-child{color: #222;}
.pricing_con .cell{text-align: left; height: 80px; border-color: var(--c-white); padding:15px 30px; width: 25%; vertical-align: middle; border-bottom: 1px solid #ccc; transition: var(--transition)}
.pricing_con .cell .con_tit{padding-bottom: 10px; font-size: 14px; color: #555}
.pricing_con .cell b{font-size: 18px; font-weight: normal}
.pricing_con .th .cell{padding:30px 30px 45px ; vertical-align: top; text-align: center}
.pricing_con .th:first-child .cell{border-bottom: none;}
.pricing_con .th:first-child+.td .cell{border-top: 3px solid #666;}
.pricing_con .th .cell a.btn{display: inline-block; width: 100%;}
.pricing_con .th .cell h2{padding-bottom: 20px; border-bottom: 1px solid #ccc; font-size: var(--f22)!important;}
.pricing_con .th .cell h2 span{font-size: 16px; padding-left: 5px; color: #222}
.pricing_con .th .cell h3{padding: 40px 0 30px; font-size: 34px; position: relative;}
.pricing_con .th .cell h3 strong{color: #222; font-weight: bold; font-size: var(--f42);}
.pricing_con .th .cell h3 span{font-size: 15px; position: relative; top: -2px;}
.pricing_con .th .cell p{padding-top: 30px; margin-top: 35px; border-top: 1px solid #ccc; color: #888; font-size: 14px; text-align: justify}
.pricing_con .td .cell .svg{height: 13px;}
.pricing_con .td .cell{text-align:center}
.pricing_con .td .cell:first-child{text-align:left}
.pricing_con .row .cell.a{border-color: #cbddd6; background: #eefbf4!important;}
.pricing_con .row:first-child .cell.a{border-top:3px solid #00a94d;}
.pricing_con .row.z1 img{border: 1px solid #ddd}
.en .pricing_con .th .cell h3 span{font-size:var(--f14); }

.pricing_con .th.f_t{display: flex; z-index: 999; position: fixed; top: 0; width: 100%;}
.pricing_con .th.f_t:after{content: ""; width: 100%; height: 140px; background: var(--c-white);position: fixed; left: 0; top: 0; box-shadow: var(--shadow)}
.en .pricing_con .th.f_t:after{height: 135px;}
.pricing_con .th.f_t .cell{padding-top: 20px;padding-bottom: 20px;position: relative; z-index: 99;}
.pricing_con .th.f_t h2{border: none; padding-bottom: 0}
.th.f_t :is(h3,img,div>label){display: none!important;}
.th.f_t .cell.a{background: none!important}
.th.f_t :is(.flex button,a){padding: 12px !important;width: auto !important;font-size: 1.5rem !important; margin: 6px auto 0 auto}
.pricing_con .th.f_t .cell.a{border-color: var(--c-white);}
@media (max-width: 1600px) {
    .web_pricing.cs_w{width: 90% !important}
}
@media (min-width: 1024px) {
    .pricing_con .row .cell:first-child{font-weight: bold; width: 24%;}
    .pricing_con .row .cell:last-child{width: 26%;}
}
@media (max-width: 1024px) {
    .web_pricing.cs_w{width: 80% !important}
    .web_pricing .banner .cell{padding: 0!important; display: inline-block!important;width: 100% !important}
    .web_pricing .banner .cell img{width: 80%; margin: 20px 10% 0}
    .pricing_con .row .cell{background: #fff!important;}
    .pricing_con .row:nth-child(2n+3) .cell{background: #f9f9f9!important;}
    .pricing_con .table{border:1px solid #ddd; border-bottom: none; border-radius: 6px; overflow: hidden;}
}
@media (max-width: 990px) {
    .web_pricing.cs_w {width: 100% !important}
}

/*pay_web 支付页*/
.pay_web{padding: 50px;background: var(--c-white);border: 1px solid #ccc;border-radius: 6px; margin: 50px auto; box-shadow: var(--shadow);}
.pay_menu li{border: 1px solid #ccc; padding: 5px 30px; border-radius: 3px; margin-left: 10px;cursor: pointer;}
.pay_menu li:hover{background:var(--c-white); border-color: #2abc6d}
.pay_menu li:first-child{margin-left: 0}
.pay_menu li.this{background: #2abc6d!important; color: var(--c-white);cursor:default;border-color: #2abc6d}
@media (max-width: 550px) {
    .pay_menu{flex-wrap: wrap;}
    .pay_menu li{width: 100%; margin: 10px 0}
    .pay_web :is(.qr>img,.pay_con img){width: 100%; height: auto}
}

/*付款二维码*/
.qr_code{position: relative;width:298px;height:298px;margin:0 auto;}
.qr_code img#qrCodeImageUrl {width: 298px;height: 298px;background: url(../images/buy/qrcode-loading.gif) center center no-repeat;position:relative;}
.qrcode_error{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.qrcode_error .error_con{position: relative;z-index: 1333; color: white; font-weight: 700;margin-top: 100px;}
.qrcode_error .error_mask{display: block;position: absolute;width: 100%;background: #000; filter:alpha(opacity=60);-moz-opacity: .6; opacity: .6; height: 100%; z-index: 9; top: 0; text-align: center;}
.qrcode_error .refresh_btn { display: inline-block; background: #e4393c; height: 32px; line-height: 30px; opacity: 1;z-index: 19;color: #fbfbfb; text-decoration: none;font-size:14px;padding: 0 30px;border-radius: 2px; vertical-align: middle;cursor: pointer;text-align: center;position:relative;}

@media (max-width: 550px) {
    .qr_code,.qr_code img#qrCodeImageUrl{width: 100%; height: auto;}
}

/*pkiaas*/
.pkiaas_web .banner{background: url("../images/pkiaas/pki_banner.jpg") center no-repeat;}
.pkiaas_list>div{background: url("../images/pkiaas/pki01.jpg") top center no-repeat; background-size: cover; border-radius: 6px; width: 31.5%}
.pkiaas_list>div:first-child+div{background: url("../images/pkiaas/pki02.jpg") top center no-repeat; background-size: cover; border-radius: 6px;}
.pkiaas_list>div:first-child+div+div{background: url("../images/pkiaas/pki03.jpg") top center no-repeat; background-size: cover; border-radius: 6px;}
.pkiaas_list>div :is(h3,p){color: var(--c-white);}
.pkiaas_list>div a{color: var(--c-white);}
.pkiaas_list>div .tit_line_left:before{background: var(--c-white); height: 3px; width: 50px}
.pkiaas_list>div>div{border-top: 1px dotted #f2f2f2; padding-top: 12px;}
.pkiaas_list>div>div a{ opacity: 0.6;}
.pkiaas_list>div>div a:hover{ opacity: 1;}
.en .pkiaas_web h1.tit{font-size: var(--f42);}
.pkiaas_web h1.tit{padding: 0 5%}
.en .pkiaas_web :is(p, span, label, i, dd, li){font-size: var(--f18);}

/*contact us*/
.contact_us .banner{background: url("../images/about/contact_back.jpg") center no-repeat;}
.contact_us_li{padding:0!important;}
.contact_us_li>li{padding:20px 30px; margin: 20px 0; border-radius: 10px; background: #f4f4f4}
.contact_us_li>li:hover{background: #f5f5f5}

/*browser ct*/
.bro_ct{background: url("../images/browser/ct_back.jpg") center no-repeat; background-size: cover;}
@media (max-width: 750px){
    .bro_ct img.pc{display: none}
    .bro_ct img.phone{display: block !important;}
}

/*browser email*/
.bro_email{background: url("../images/browser/email_back.jpg") bottom center no-repeat; background-size: cover;}
@media (max-width: 750px){
    .bro_email p{width: 100% !important}
    .bro_email img.pc{display: none}
    .bro_email img.phone{display: block !important;}
}

/*blog_tg*/
.blog_tg{min-height: 520px;}
.blog_tg_01{background: url("../images/blog_tg/blog_ssl_tg01.jpg") center no-repeat!important;background-size: cover!important;}
.blog_tg_02{background: url("../images/blog_tg/blog_ssl_tg02.jpg") center no-repeat!important;background-size: cover!important;}
.blog_tg_03{background: url("../images/blog_tg/blog_ssl_tg03.jpg") center no-repeat!important;background-size: cover!important;}
.blog_tg_04{background: url("../images/blog_tg/blog_ssl_tg04.jpg") center no-repeat!important;background-size: cover!important;}
.blog_tg_05{background: url("../images/blog_tg/blog_ssl_tg05.jpg") center no-repeat!important;background-size: cover!important;}
.en .blog_tg_05{background: url("../images/blog_tg/blog_ssl_tg05_en.jpg") center no-repeat!important;background-size: cover!important;}
.blog_tg_01_1{background: url("../images/blog_tg/blog_ssl_tg01-1.jpg") center no-repeat!important;background-size: cover!important;}
.blog_tg_02_1{background: url("../images/blog_tg/blog_ssl_tg02-1.jpg") center no-repeat!important;background-size: cover!important;}
.blog_tg_03_1{background: url("../images/blog_tg/blog_ssl_tg03-1.jpg") center no-repeat!important;background-size: cover!important;}

/*10-26*/
.sm2_ct .web_child_banner{background: url("../images/ct/ct_back.jpg") center center no-repeat}

/*1-4*/
.web_gateway .web_child_banner{background: url("../images/gateway/gateway_back.jpg") center center no-repeat}
.web_gateway_sm2 .web_child_banner{background: url("../images/gateway/sm2_gateway_back.jpg") center center no-repeat}

.time_line{padding:0 0 0 30px; position: relative}
.time_line p{position: relative; margin-bottom: 0; padding-bottom: 30px;}
.time_line p span.t{color: #2abc6d; padding-bottom: 6px; display: inline-block; font-size: 18px; position: relative}
.time_line p.z span.t:before{position: absolute;content: "";width: 14px;height: 14px;border: 2px solid #2abc6d;top: 4px;left: -30px;border-radius: 20px;z-index: 99;}
.time_line p label{padding: 30px 35px; background: #f2f2f2; width: 100%; border-radius: 12px; display: inline-block; transition: var(--transition)}
.time_line p:hover label{box-shadow: var(--shadow);}
.time_line p:before{position: absolute;left: -30px;top: 4px;width: 8px;height: 8px;background: #2abc6d;content: "";border-radius: 50px;border: 5px solid var(--c-white); z-index: 99}
.time_line p.n:after{content: ""; width: 1px; height: 100%; background: var(--c-white); border-left: 2px dotted #c0dccd; display: block; position: absolute; left: -var(--f22); top: 5px;}

/*23-2-9*/
.sm2cerbot .web_child_banner{background: url("../images/cerbot/back.jpg") center center no-repeat}
.sm2cerbot .border_t{border-color: rgba(255, 255, 255, 0.2)}
.sm2cerbot .flex{margin-bottom: -20px;}
.sm2cerbot .flex>div{border: 1px solid #ccc; background: var(--c-white); padding: 30px; border-radius: 20px; margin-bottom: 25px;}
.sm2cerbot .flex>div h2{font-size: var(--f22);border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.sm2_acme .web_child_banner{background: url("../images/gateway/sm2_acme_back.jpg") center center no-repeat}
.https_service{background: linear-gradient(0deg,#f9f9f9,#fff);}
.https_service .cons{border-radius: 20px; overflow: hidden;}
.https_service div.a{background: var(--c-white); overflow: hidden; padding-top: 50px; position: relative;}
.https_service div.a:after{content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #f2f2f2;}
.https_service div.a .font{z-index: 9;}
.https_service div.a .font{background: #242733; padding:40px 40px 50px; position: relative;}
.https_service div.a .font:after{content:""; transition: var(--transition); width: 0; height: 0; display: block; position: absolute; top: 0; left: 50%; margin-left: -10px; border:10px solid transparent; border-top:10px solid #00a94d; }
.https_service div.a .font:before{content:""; transition: var(--transition); width: 100%; height: 0; background: #0060df; display: block; position: absolute; top: 0; left: 0; z-index: 0}
.https_service div.a:hover .font:before{height: 100%;}
.https_service div.a:hover .font:after{border:10px solid transparent; border-bottom:10px solid #0060df; top: -20px;}
.https_service div.a:hover .font{padding:40px 30px;}
.https_service div.a .font h2{padding-bottom: 25px; position: relative; z-index: 9; font-size: var(--f20);}
.https_service div.a .font :is(h2,p){color: var(--c-white);}
.https_service div.a .font p{opacity: 0.8; padding-top: 10px; margin-bottom: 0; position: relative; z-index: 9}
.https_service div.a .font p a{text-decoration: underline}
.https_service div.a .font p a:hover{text-decoration: none}
.https_service div.a i{position: absolute; display: inline-block; z-index: 9; color: var(--c-white); border-radius: 20px; left: 10px; top: 10px; padding: 0 15px; background: #0060df;}
@media (min-width: 750px){
    .https_service div.a .font{position: absolute; height: 100%; bottom: -244px; z-index: 9; transition: var(--transition); padding:25px 30px;}
    .https_service div.a:hover .font{bottom: 0}
}

.https_service div.a .pic{position: relative; z-index: 9; padding-bottom: 50px; transition: var(--transition);}
.https_service div.a .pic img{transition: var(--transition); width: 200px; margin-bottom: 20px; position: relative; top: 0; filter: grayscale(0%); transform: scale(1)}
@media (min-width: 980px){
    .https_service div.a:not(:first-child):after{box-shadow: inset 1px 0 0 rgba(255, 255, 255, 1);}
    .https_service div.a:not(:first-child) .font,.ind_list .cons>div:not(:first-child) h2:after{box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1);}
}
@media (min-width: 750px){
    .https_service div.a .pic{margin-bottom: 65px;}
    .https_service div.a:hover .pic img{filter: grayscale(0);transform: scale(0.8); position: relative; opacity: 0; top: -50px;}
}
.https_tabs dl{font-size: var(--f0); position: relative; display: inline-block; width: 100%; border-radius: 3px; margin: 30px 0;}
.https_tabs dl:before{content: ""; width: calc(100vw - 12px); height: 60px; background: linear-gradient(0deg,#f7f7f7,#fff); position: absolute; left: -13%; bottom: 0; z-index: 0;border-bottom: 1px solid #ddd;}
.en .https_tabs dl{display: flex;justify-content: space-evenly;}
@media (max-width: 1600px){
    .https_tabs dl:before{left: -6%;}
    .https_tabs dl{display: flex;justify-content: space-evenly;}
    .https_tabs dd span{
        display: inline-block;
    }
}
.https_tabs dd{display: inline-block; font-size: var(--f16); padding: 20px; transition: var(--transition); border: 1px solid transparent; cursor: pointer; position: relative; transition: var(--transition); border-radius: 3px 3px 0 0; top: 0; z-index: 9;}
.https_tabs dd:hover{background: var(--c-white);}
.https_tabs dd span{position: relative; z-index: 9; transition: var(--transition); color: #888}
.https_tabs dd.a{ border: 1px solid #ccc; background: var(--c-white); border-bottom: 1px solid var(--c-white); padding: 20px; border-radius: 10px 10px 0 0}
.https_tabs dd.a span{ font-size: inherit; font-weight: normal; color: #222}

.https_tabs dd:hover:after,.https_tabs dd.a:after{top: 0; opacity: 1;}
.https_tabs dd.a{color: var(--c-white);}
.https_cons>.flex.hide{display: none!important;}
@media (max-width: 750px){
    .https_tabs{display: none;}
    .https_cons >.flex.hide{display: block!important;}
}

/*2305*/
.solution_b{height: calc(100vh - 88px); position: relative}
/*.solution_b:before{content: ""; width: 100%; height: 50px; background: var(--c-white); display: block; position: absolute; bottom: 0; left: 0; z-index: 9; border-radius: 40px 40px 0 0}*/
.solution_b h1{font-size: var(--f48);}
.solution_b h3{font-size: var(--f22); color: var(--c-white); margin: 20px 0 0; position: relative}
/*.solution_b i{position: absolute; display: inline-block; width: 20%; height: calc(100% + 20px); left: -50px; z-index: -1; top: 0; margin-top: -10px; border: 15px solid var(--c-white); border-right: none}*/
.solution_b img{width: 100%; max-width: 479px;}
.solution_b .video{position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 0.08; height: 100%; overflow: hidden; width: 100%; filter: saturate(0);}
.solution_b .con{position: relative; z-index: 99}
.web_network_s{position: relative;}
.web_network_s .solution_b .banner_pic>div{animation: n_pic0 4s infinite ease-in;}
.web_network_s .solution_b img{max-width: 480px; width: 100%;animation: n_pic1 4s infinite ease-in;}
.web_network_s .web_child_banner{background: linear-gradient(0deg, #1564a0, #01152b); padding-bottom: 110px}
@keyframes n_pic0{
    0%{filter: drop-shadow( 0 0 0 rgba(71, 246, 176, 0.2));}
    50%{filter: drop-shadow( 0 -15px 35px rgba(71, 246, 176, 0.8));}
    100%{filter: drop-shadow( 0 0 0 rgba(71, 246, 176, 0.2));}
}
@keyframes n_pic1{
    0%{filter: drop-shadow(-60px -60px 100px rgba(129, 218, 255, 0.8));}/*-x,-y*/
    14%{filter: drop-shadow(-80px 0 150px rgba(129, 218, 255, 0.8));}/*-x,y=0*/
    26%{filter: drop-shadow(-60px 40px 100px rgba(129, 218, 255, 0.8));}/*-x,+y*/
    38%{filter: drop-shadow(0 80px 100px rgba(129, 218, 255, 1))}/*x=0,+y*/
    50%{filter: drop-shadow(60px 60px 150px rgba(129, 218, 255, 0.8))}/*+x,+y*/
    64%{filter: drop-shadow(80px 0 100px rgba(129, 218, 255, 1))}/*+x,y=0*/
    76%{filter: drop-shadow(60px -40px 100px rgba(129, 218, 255, 0.8))}/*+x,-y*/
    88%{filter: drop-shadow(0 -80px 150px rgba(129, 218, 255, 0.8))}/*x=0,-y*/
    100%{filter: drop-shadow(-60px -60px 100px rgba(129, 218, 255, 0.8))}/*-x,-y*/
}

@media (min-width: 990px){
    .solution_b h3{margin: 20px 0 0 3px;}
    .solution_b .banner_pic img{margin-top: 50px;}
}
@media (max-width: 990px){
    .solution_b :is(h1, h3){width: 100%; text-align: center}
    .web_hw_index .solution_b img{margin-bottom: 50px;}
    .web_network_s .solution_b .banner_pic{margin-top: 0!important;}
    .solution_b,.solution_b .h_100{height: auto!important;}
    .solution_b i{display: none}
    .solution_b .con>div{padding: 0!important;}
}
.web_network_s_con .list{position: relative}
.web_network_s_con .list_con{position: relative; z-index: 2}
.web_network_s_con .list_con>div{width: 100%; margin-bottom: 70px; transition: var(--transition); background: var(--c-white);}
.web_network_s_con .list_con>div:last-child{margin-bottom: 0;}
.web_network_s_con .list_con .flex .list_pic{background-size: auto 100% !important; padding: 30px; min-height: 300px; margin-top: 0!important;}
.web_network_s_con .list_con .flex:first-child .list_pic{background: url("../images/httpswaf/list_s_01.jpg") center no-repeat;}
.web_network_s_con .list_con .flex:first-child+div .list_pic{background: url("../images/httpswaf/list_s_02.jpg") center no-repeat;}
.web_network_s_con .list_con .flex:first-child+div+div .list_pic{background: url("../images/httpswaf/list_s_03.jpg") center no-repeat;}
.web_network_s_con .list_con .con_b{padding:0 30px; opacity: 0; border: 1px solid #ddd; border-radius: 12px; margin-top: 0; background: linear-gradient(0deg,#fff,#f9f9f9); position: relative; transition: var(--transition); max-height: 0;}
.web_network_s_con .list_con .flex:hover .con_b{padding:20px 30px 10px; opacity: 1; max-height: 800px; margin-top: 35px;}
.web_network_s_con .list_con .con_b p{padding-bottom: 0; position: relative; z-index: 9}
@media (min-width: 990px){
    .web_network_s_con .list_con .flex .list_pic{height: 100%;}
}
.web_network_s_con .list_pic{position: relative}
.web_network_s_con .list_pic i{transition: var(--transition); z-index: 9; text-align: center; position: absolute; left: 0; top: 0; opacity: 1;}
.web_network_s_con .list_pic i img{height: 50px;transition: all .4s ease-out; opacity: 0}
.web_network_s_con .list_con>div .list_pic i{width: 100%; height: 100%; padding-top: 45%; background: #00000000; backdrop-filter: blur(0);}
.web_network_s_con .list_con>div:hover .list_pic i{background: rgba(1, 12, 35, 0.56); backdrop-filter: blur(55px);}
.web_network_s_con .list_con>div:hover .list_pic i img{height: 160px; opacity: 0.98}
@media (max-width: 960px){
    .web_network_s_con .list_con .flex .list_pic{order: 0}
    .web_network_s_con .list_con .flex .con{order: 1}
    .web_network_s_con .list_con .flex .con_b{order: 2}
    .web_network_s_con .list_con .con_b{display: none}
}
@media (max-width: 550px){
    .web_network_s_con{padding: 0 0 80px!important;}
    /*.web_network_s_con .list:after{display: none}*/
}

.web_hw_index .solution_b{height: 300px;}
.web_hw_index .solution_b h1.child{padding: 30px 0; font-size: var(--f42); border-top: 1px solid #ffffff50; border-bottom: 1px solid #ffffff50; display: inline-block}
.web_hw_index_a .web_child_banner{background: linear-gradient(0deg, #77bac2, #185863);}
.web_hw_index_b .web_child_banner{background: linear-gradient(0deg, #97a9d7, #375192);;}
.web_hw_index_b .web_child_banner img{border-radius: 12px; box-shadow: 0 20px 30px rgba(91, 108, 194, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.8)}
.web_hw_index_c .web_child_banner{background: linear-gradient(0deg,#374b70, #081a3e);}
.web_hw_index_c .web_child_banner img{border-radius: 12px; box-shadow: 0 20px 30px rgba(20, 27, 59, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.2)}
@media (max-width: 990px){
    .web_hw_index .web_child_banner h1{width: 100%; text-align: center; margin-top: 70px;}
    .web_hw_index_a .web_child_banner{height: auto!important;}
}
@media (max-width: 750px){
    .web_hw_index .web_child_banner :is(.w_55,.w_80){width: 100% !important; position: relative; top: -20%;}
    .network_s .web_child_banner i{display: none}
}
.web_index_data .web_child_banner{background: linear-gradient(0deg, #265e93, #00173b); padding-bottom: 110px;}
.web_index_data .solution_b .banner_pic>div{animation: d_pic0 4s infinite ease-in;}
.web_index_data .solution_b img{animation: d_pic1 4s infinite ease-in;}
@keyframes d_pic0{
    0%{filter: drop-shadow( 0 0 0 rgba(255,255,255,0.2));}
    50%{filter: drop-shadow( 0 -15px 35px rgb(26, 180, 175));}
    100%{filter: drop-shadow( 0 0 0 rgba(255,255,255,0.2));}
}
@keyframes d_pic1{
    0%{filter: drop-shadow(-60px -60px 100px rgba(44, 129, 201, 0.8));}/*-x,-y*/
    14%{filter: drop-shadow(-80px 0 150px rgba(44, 129, 201, 0.8));}/*-x,y=0*/
    26%{filter: drop-shadow(-60px 40px 100px rgba(44, 129, 201, 0.8));}/*-x,+y*/
    38%{filter: drop-shadow(0 80px 100px rgba(44, 129, 201, 1))}/*x=0,+y*/
    50%{filter: drop-shadow(60px 60px 150px rgba(44, 129, 201, 0.8))}/*+x,+y*/
    64%{filter: drop-shadow(80px 0 100px rgba(44, 129, 201, 1))}/*+x,y=0*/
    76%{filter: drop-shadow(60px -40px 100px rgba(44, 129, 201, 0.8))}/*+x,-y*/
    88%{filter: drop-shadow(0 -80px 150px rgba(44, 129, 201, 0.8))}/*x=0,-y*/
    100%{filter: drop-shadow(-60px -60px 100px rgba(44, 129, 201, 0.8))}/*-x,-y*/
}
:is(.web_index_data,.web_network_s) .main_font{background: rgba(255,255,255,0.8); border-radius: 0; padding: 80px 80px 60px; position: relative; z-index: 20; margin-top: -115px; backdrop-filter: blur(35px);}
.web_index_data .list_con>div *{transition: var(--transition);}
.web_index_data .list_con>div h3 span{margin-top: 15px;}
.web_index_data .list_con>div{background: linear-gradient(30deg,#020c18,#0f1b2b); overflow: hidden; position: relative; width: calc(33.3333% - 25px); margin-bottom: 35px; padding: 40px 0 50px; text-align: center;}
/*.web_index_data .list_con>div:nth-child(2n){background: #f2f2f2;}*/
.web_index_data .list_con>div .con{padding:0 50px 50px; position: relative; top: 30px;}
.web_index_data .list_con>div .pic{padding: 50px 50px 0 50px; text-align: center}
.web_index_data .list_con>div img{max-width: 480px; width: 100%; transform: scale(1);filter: brightness(120%) grayscale(100%) drop-shadow(0 20px 12px rgba(0,0,0,0.5)); margin: 0; position: relative; top: 0; opacity: 0.5;}
.web_index_data .list_con>div h3{color: #ddd}
.web_index_data .list_con>div p{opacity: 0; visibility: hidden;margin-top: 10px; margin-bottom: 0; padding-bottom: 0; text-align: center!important;}
.web_index_data .list_con>div p a{margin-top: 20px;}
.web_index_data .list_con>div.a{box-shadow: 0 20px 50px rgba(42, 42, 42, 0.5); position: relative; z-index: 9}
.web_index_data .list_con>div:before{content:""; background: linear-gradient(120deg, #5c3a2c 30%, #c17f63); height: 200%; width: 300%; display: block; position: absolute; opacity: 0;left: -50%; top: -50%;}
.web_index_data .list_con>div:first-child:before{background: linear-gradient(120deg, #2f6a4b 30%, #54af7f);}
.web_index_data .list_con>div:nth-child(3):before{background: linear-gradient(120deg, #715631 30%, #c29f6a);}
.web_index_data .list_con>div:nth-child(4):before{background: linear-gradient(120deg, #1e2c42 30%, #2b90e0);}
.web_index_data .list_con>div:nth-child(5):before{background: linear-gradient(120deg, #322653 30%, #8a76ba);}
.web_index_data .list_con>div:nth-child(6):before{background: linear-gradient(120deg, #166a6f 30%, #3fb0b8);}
.web_index_data .list_con>div.a:after{opacity: 0; height: 0}
.web_index_data .list_con>div:after{content: ""; width: 50px; height: 7px; background: #54af7f; border-radius: 9px; display: inline-block; position: absolute; top: 50px; left: 50px;  opacity: 1;}
.web_index_data .list_con>div:nth-child(2):after{background: #c17f63;}
.web_index_data .list_con>div:nth-child(3):after{background: #c29f6a;}
.web_index_data .list_con>div:nth-child(4):after{background: #2b90e0;}
.web_index_data .list_con>div:nth-child(5):after{background: #8a76ba;}
.web_index_data .list_con>div:nth-child(6):after{background: #3fb0b8;}
.web_index_data .list_con>div.a:before{opacity: 1; animation: baxk 2s infinite linear; transform: rotate(0)}
@keyframes baxk{
    0%{left: -50%; top: -50%; transform: rotate(0)}
    50%{left: -80%; top: -40%; transform: rotate(180deg)}
    100%{left: -50%; top: -50%; transform: rotate(360deg)}
}
.web_index_data .list_con>div:hover .con{position: relative; top: 20px;}
.web_index_data .list_con>:is(div:hover img,div.a img){transform: scale(1.1); top: -35px; filter: brightness(100%) grayscale(20%) drop-shadow(0 20px 5px rgba(0, 0, 0, 0.15)); opacity: 1}
.web_index_data .list_con>:is(div:hover span,div.a span){color: #ddd}
.web_index_data .list_con>:is(div:hover p,div.a p){opacity: 1; color: #ffffff90; visibility: visible;}
.web_index_data .list_con>:is(div:hover h3,div.a h3){color: var(--c-white);}
@media (max-width: 990px){
    :is(.web_index_data,.web_network_s) .main_font{padding: 10%}
    .web_index_data .list_con>div .con{position: relative; top: 0;}
    .web_index_data .list_con>div img{top: -50px;}
    .web_index_data .list_con>div p{opacity: 1; visibility: visible}
}

.web_index_gmt .solution_b{height: 710px; background: url("../images/gmt/banner_back.jpg") center; background-size: cover!important;}
.web_index_gmt .solution_b .video{filter: invert(100%) saturate(50%); opacity: 0.1}
.web_index_gmt .solution_b .banner_pic img{max-width: 508px;}
.web_index_gmt .solution_b h1{margin-top: -80px;}
.web_index_gmt .solution_b h1 img{max-width: 560px;}
.web_index_gmt .banner_pic img.a{animation: b_pic 2s infinite ease-in;}
.web_index_gmt .solution_b h3{display: inline-block; font-weight: normal; font-size: var(--f22); letter-spacing: 1px; background: linear-gradient(0deg, #274073, #17284d); border-radius: 16px 3px 16px 3px; color: #fff !important; padding: 12px 15px !important;}
@keyframes b_pic{
    0%{filter: drop-shadow(50px 50px 50px rgba(77, 99, 118, 0.5))}
    /*25%{filter: drop-shadow(80px 0 50px #ddd)}*/
    50%{filter: drop-shadow(80px 90px 80px rgba(73, 73, 73, 0.5))}
    /*75%{filter: drop-shadow(0 -80px 50px #ddd)}*/
    100%{filter: drop-shadow(50px 50px 50px rgba(77, 99, 118, 0.5))}
}

.web_gmt_bz{background: linear-gradient(0deg, #274073, #17284d); position: relative}
.web_gmt_bz.a{background: linear-gradient(0deg, #346ed2, #3065b3); position: relative}
.web_gmt_bz .web_gmt_bz_con{height: 100%; padding: 70px 10%; margin-top: 0!important;}
.web_gmt_bz .web_gmt_bz_con>div:first-child{margin-top: 0!important;}
.web_gmt_bz .flex>div h2{color: var(--c-white);}
.web_gmt_bz .flex>div dl{display: inline-block;}
.web_gmt_bz .flex>div dd{color: #eee; text-align: left;  margin: 0 20px;}
.web_gmt_bz .a{position: relative; top: -3px;}
.web_gmt_bz h3.tit_lr{color: var(--c-white); font-size: var(--f26); font-weight: normal; position: relative; }
.web_gmt_bz h3.tit_lr b{font-size: var(--f30); font-weight: bold}
.web_gmt_bz h3.tit_lr:before,.web_gmt_bz h3.tit_lr:after{content: ""; display: block; width: 24px; height: 52px; position: absolute;}
.web_gmt_bz h3.tit_lr:before{background: url("../images/gmt/title_l.png") center no-repeat; background-size: auto 52px; left: -20px; top: 50%; margin-top: -25px;}
.web_gmt_bz h3.tit_lr:after{background: url("../images/gmt/title_r.png") center no-repeat; background-size: auto 52px; right: -20px; top: 50%; margin-top: -25px;}
.web_gmt_bz .flex{position: relative; z-index: 9}
.web_gmt_bz .video{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; opacity: 0.2}
@keyframes d_f{
    0%{filter: drop-shadow(0 0 1px rgba(196, 250, 255, 0.1)); color: #fff7c4}/*-x,-y*/
    25%{filter: drop-shadow(0 0 3px rgba(188, 253, 255, 0.1)); color: #bcfdff}/*-x,-y*/
    50%{filter: drop-shadow(0 0 15px rgba(196, 250, 255, 0.3)); color: #fff7c4}/*-x,-y*/
    75%{filter: drop-shadow(0 0 3px rgba(188, 253, 255, 0.1)); color: #bcfdff}/*-x,-y*/
    100%{filter: drop-shadow(0 0 1px rgba(196, 250, 255, 0.1)); color: #fff7c4}/*-x,-y*/
}

.web_index_gmt .banner_pic{position: relative;}
.web_index_gmt .banner_pic .line{position: absolute; top: 85px; left: 50%; margin-left: -320px;}
.web_index_gmt .banner_pic .line img{max-width: 590px; width: 100%;}
@media (max-width: 990px){
    .web_gmt_bz .video{display: none;}
    .web_index_gmt .banner_pic .line{ top: 47px; left: 50%; margin-left: -57%; width: 100%}
}
.web_index_gmt_con .cell{border-bottom: 1px solid #ddd; padding: 20px 30px; color: #444}
.web_index_gmt_con .th .cell{border-bottom: 2px solid #555; padding: 0 30px 30px; background: #fff!important;}
.web_index_gmt_con .th .cell h2{display: inline-block; padding: 10px 20px; background: linear-gradient(0deg, #274073, #17284d); color: var(--c-white); border-radius: 16px 3px 16px 3px;}
.web_index_gmt_con .cell:first-child{color: #222; font-weight: bold}
.web_index_gmt_con .row:last-child .cell{border-bottom: none}
.web_index_gmt_con .row:hover .cell{background: #f9f9f9}
.web_index_gmt_con .row .cell img{filter: grayscale(30%); position: relative; top: 0; opacity:0.8;transition: all .2s ease;}
.web_index_gmt_con .row .cell li{padding: 5px 0;}
.web_index_gmt_con .row .cell img:hover{filter: grayscale(0%); top: -3px; opacity:1;}
@media (max-width:990px){
    .table_hhh .table{width: 100% !important}
    .table_hhh .table .cell{text-align: center}
    .table_hhh .table .cell:first-child{display: none}
    .table_hhh .table:first-child .row .cell:last-child{display: none;}
    .table_hhh .table:nth-child(2) .row .cell:first-child+.cell{display: none;}
    .table_hhh .table .cell{padding: 0 0 20px; border-left: none;}
    .table_hhh .table .cell>div{padding: 10px; color: #222; margin: 10px 0;}
}

.web_gmt_list{background: linear-gradient(0deg,#fff,#fff); border-top: 1px solid #ddd}
.web_gmt_list .list_con{padding: 100px 0;background: linear-gradient(90deg,#fff,#f2f2f2); border-bottom: 1px solid #ddd}
.web_gmt_list .list_con:nth-child(2n-1){background: linear-gradient(90deg,#f2f2f2,#fff)}
.web_gmt_list .list_con .logo li{display: inline-block; margin: 5px 6px; filter: saturate(0%); opacity: 0.6; transition: var(--transition)}
.web_gmt_list .list_con .logo li a{padding: 5px 11px; transition: var(--transition); display: inline-block; border: 1px solid #ddd; background: var(--c-white); border-radius: 6px;}
.web_gmt_list .list_con .logo li:hover{filter: saturate(100%); opacity: 1;}
.web_gmt_list div .flex dl{display: inline-block;text-align: left}
.web_gmt_list div .flex dd{text-align: left}
.web_gmt_list div .pic img.w1{width: 100%; max-width: 715px;}
.web_gmt_list div .pic img.w2{width: 100%; max-width: 561px;}
.web_gmt_list div .pic img.w3{width: 100%; max-width: 929px;}
@media (max-width:990px){
    .web_gmt_list .list_con .pic{order: 0}
    .web_gmt_list .list_con .font{order: 1}
}

.gmt_pro_list a{position: relative; border: 1px solid #ddd; display: inline-block; background: rgba(255, 255, 255, 0.45) url("../images/gmt/gmt_pro_list_back.jpg") center top no-repeat; text-align: center; width: 100%; padding-bottom: 35px; transition: var(--transition); border-radius: 16px;}
.gmt_pro_list a:after{content: ""; width: 100%; height: 100%; border-radius: 16px; display: block; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 169, 42, 0.1),#ffffff60); opacity: 0;}
.gmt_pro_list a img{display: inline-block; filter: grayscale(100%) brightness(60%) drop-shadow(0 0 15px #fff); margin: 35px 20px; transition: var(--transition); position: relative; top: 1px; z-index: 9}
.gmt_pro_list h3{font-size: var(--f16); padding: 10px 10px; transition: var(--transition); width: calc(100% + 2px); position: relative; top: 0; left: -1px; z-index: 9; background: linear-gradient(0deg, #274073, #17284d); color: var(--c-white);}
.gmt_pro_list a:hover{box-shadow: 3px 6px 30px rgba(85, 85, 85, 0.15);}
.gmt_pro_list a:hover img{ top: 6px;}
.gmt_pro_list a:hover h3{top: -6px}
.gmt_pro_list a:hover:after{opacity: 1}

/*httpsauto 717*/
.https_auto .web_child_banner{background: url("../images/httpsauto/httpsauto_back.jpg") center no-repeat; padding: 160px 0;}
@media (max-width: 990px) {
    .https_auto .web_child_banner{background-position: left center;}
}
.web_dual_ssl .web_child_banner{background: url("../images/dualssl/dualssl_back.jpg") bottom center no-repeat}

/*one min*/
.one_min .con .a{background: url("../images/onemin/book01.png") top left no-repeat; width: 24px; height: 24px;}
.one_min .con .b{background: #f6fcf9; border-top: 1px solid #cccccc; height: 24px; width: 430px;}
.one_min .con .e{background: #f6fcf9; border-left: 1px solid #cccccc; width: 24px;}
.one_min .con .f{background: #f6fcf9; position: relative}
.one_min .con .f:before{content: ""; display: block; height: 100%; width: 1px; background: #ddd; position: absolute; left: 50%; top: 0}
.one_min .con .g{background: #f6fcf9; border-right: 1px solid #cccccc; width: 24px;}
.one_min .con .h{background: url("../images/onemin/book04.png") left bottom no-repeat; width: 24px; height: 46px;}
.one_min .con .k{background: url("../images/onemin/book06.png") bottom right no-repeat; width: 24px; height: 46px;}
.one_min .con .i{background: url("../images/onemin/book001.png") top center repeat-x; height: 24px; width: 430px;}
.one_min .con .j{background: url("../images/onemin/book05.png") bottom center no-repeat; height: 24px;}
.one_min .con .g{background: #f6fcf9; border-right: 1px solid #cccccc; width: 24px;}
.one_min .con .c{background: url("../images/onemin/book02.png") top center no-repeat; width: 85px; height: 24px;}
.one_min .con .d{background: url("../images/onemin/book03.png") top right no-repeat; width: 24px; height: 24px;}
.one_min .con .con{background: #f6fcf9; padding: 10px}
.one_min>.con{filter: drop-shadow(0 5px 10px #5c9d6f38); position: relative; overflow: hidden;}
.one_min>.con .row{position: relative; z-index: 9}
.one_min>.con:before{content: ""; width: calc(100% + 12px); height: 90%; display: block; border: 1px solid #ddd; position: absolute; left: -7px; bottom: 14px; z-index: 0; border-radius: 12px 12px 20px 20px;}
.one_min .tit img:nth-child(2){display: none;}
.sm2cerbot .flex.one_min > div{border: none; background: none; padding: 0; margin-bottom: 0}
/*.one_min .con .con p{font-style: italic}*/
@media (max-width: 1200px) {
    .one_min .table :is(.row:first-child,.row:first-child+.row+.row){display: none}
    .one_min :is(.con .con,.con .row,.table){width: 100% !important; display: block}
    .one_min .con .con{border: 1px solid #ddd; border-radius: 12px; padding: 30px; margin-bottom: 10px;}
    .one_min .tit img:nth-child(1){display: none;}
    .one_min .tit img:nth-child(2){display: block; width: 100%}
}

/*CT*/
.crt_a h3.tit{padding: 0 0 0 20px; position: relative;}
.crt_a h3.tit:before{content: ''; height: 25px; width: 4px; display: block; background: #00a94d; position: absolute; left: 0; top: 5px;}
.en .crt_a h3.tit:before{top: 0}
.ct_tab{margin:0 0 20px 0}
.ct_tabs h4{font-size: var(--f15);border: 1px solid #ddd;color: #777; border-radius: 60px; display: inline-block; padding: 2px 20px!important; cursor: pointer; margin-right: 5px; transition: var(--transition);}
.ct_tabs h4:hover{background: #ddd;color: #222;}
.ct_tabs h4.ac{background: #222; border-color: #222; color: var(--c-white);}
.stop_ct_tabs{border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.stop_ct_tabs>div{color: #777; margin-bottom: -1px; font-size: var(--f20); display: inline-block; padding: 10px 40px; cursor: pointer; font-weight: bold;}
.stop_ct_tabs>div:hover{color: #222}
.stop_ct_tabs>div.ac{border: 1px solid #ccc;color: #222; border-radius: 12px 12px 0 0; border-bottom: none; background: var(--c-white);}

/*价格表 竖向 手机自适应*/
@media(max-width:750px){
    .var_table_style table{margin-bottom: 30px; background: var(--c-white);}
    .var_table_style table :is(th, td, td.dis_none){display: none;}
    .var_table_style table :is(th:first-child, td:first-child){display: table-cell!important; width: 48%}
    .var_table_style .cell{display: table-cell!important}
    .var_table_style .cell img{max-width:100%;}
}
@media(max-width:375px){
    .var_table_style table :is(th:first-child,td:first-child){width: 44%}
}
@media (max-width:750px){
    .la_table_style.table-bordered{border: none;}
    .la_table_style th{display: none;}
    .la_table_style tr{display: table; margin-bottom: 20px;width: 100%;}
    .la_table_style td{display: table-row; padding: 0!important; text-align: left!important; border-top:none!important;min-height: 45px;width: 100%;}
    .la_table_style td:first-child{border-top: 1px solid #ddd!important;}
    .la_table_style td b{border-right:1px solid #dedede; padding:12px 10px; display:table-cell; background: #f2f2f2; width: 40%;}
    .la_table_style td>div{ padding:12px 10px; display:table-cell;}
    .la_table_style tr.row_a{border-top: 1px solid #dedede;}
    .la_table_style tr img{max-width: 100%;}
}

/*document*/
.web_document .web_child_banner{background: var(--c-white); height: 700px; border-bottom: 1px solid #eee; padding: 0}
.doc_pic{position: relative;}
.doc_pic:before{content: ""; position: absolute; bottom: 0; left: 0; width: 75%; height: 130%;  display: block; background: rgba(201, 221, 232, 0.44); backdrop-filter: blur(20px); z-index: 8; border: 1px solid #ffffff50; border-bottom: none; box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);filter: brightness(105%);}
.doc_pic doc-banner{position: relative; z-index: 9; left: 55px; filter: drop-shadow(-30px 30px 30px rgba(166, 185, 172, 0.4)); padding-bottom: 30px;animation: doc-ban 2s ease forwards;}
.doc_pic doc-banner img{width: 100%}
@keyframes doc-ban {
    0%{bottom: 100px; opacity: 0}
    100%{bottom: 0; opacity: 100}
}
.doc_pic i{display: inline-block; position: absolute; border-radius: 999px;}
.doc_pic i.a{position: absolute;right: -952px;bottom: 0;width: 200px;height: 200px;overflow: hidden; border-radius: 0}
.doc_pic i.a:before{content:''; display: block; width: 400px; height: 400px; background: radial-gradient(at 82px 98px, #56f0a8, #0d934d); top: 0; left: 0; box-shadow: 35px 35px 50px rgba(67, 186, 125, 0.5); border-radius: 999px;}

.doc_pic i.b{width: 550px; height: 550px; background: radial-gradient(at 82px 98px, #2885e8, #2a3bd4); left: -170px; top: -295px; box-shadow: 35px 35px 50px rgba(39, 98, 201, 0.5);}
.doc_pic label{position: absolute; bottom:0;}
.doc_pic label.a{left: -70px;}
.doc_pic label.b{left: 72%; transform: scaleX(-1);}
.doc_pic doc-peo{position: absolute; bottom: 0; left: 185px; z-index: 20; animation: doc-peo 2s linear forwards; animation-delay: 1s; opacity: 0}
.doc_pic doc-peo img{position: relative; top: 40px;}
@keyframes doc-peo {
    0%{bottom: -100px; opacity: 0}
    50%{bottom: -50px; opacity: 100}
    100%{bottom: 0; opacity: 100}
}
.pdf_sign_ver .web_child_banner{background: url("../images/doc/pdf_back.jpg") center no-repeat}
.en .pdf_sign_ver .web_child_banner{background: url("../images/doc/pdf_back_en.jpg") center no-repeat}
@media(max-width: 750px){
    .doc_pic doc-peo{display: none}
}

/*价格表 竖向 手机自适应*/
@media(max-width:750px){
    .var_table_style table{margin-bottom: 30px; background: var(--c-white);}
    .var_table_style table is(th, td, td.dis_none){display: none;}
    .var_table_style table :is(th:first-child, td:first-child){display: table-cell!important; width: 48%}
    .var_table_style .cell{display: table-cell!important}
    .var_table_style .cell img{max-width:100%;}
}
@media(max-width:375px){
    .var_table_style table :is(th:first-child, td:first-child){width: 44%}
}
@media (max-width:750px){
    .la_table_style.table-bordered{border: none;}
    .la_table_style th{display: none;}
    .la_table_style tr{display: table; margin-bottom: 20px;width: 100%;}
    .la_table_style td{display: table-row; padding: 0!important; text-align: left!important; border-top:none!important;min-height: 45px;width: 100%;}
    .la_table_style td:first-child{border-top: 1px solid #ddd!important;}
    .la_table_style td b{border-right:1px solid #dedede; padding:12px 10px; display:table-cell; background: #f2f2f2; width: 40%;}
    .la_table_style td>div{ padding:12px 10px; display:table-cell;}
    .la_table_style tr.row_a{border-top: 1px solid #dedede;}
    .la_table_style tr img{max-width: 100%;}
}

@media (min-width: 1600px){
    .trust_t_p{background: #f9f9f9 url(../images/white_back.jpg) top center repeat-y;}
    .trust_t_p .web_section{padding: 100px 50px; background: var(--c-white); margin: 50px auto; border-radius: 20px;}
}

.pkiaas_web .web_section{width: 1120px; position: relative;}
.list_tit{position: fixed;top: 240px;right: 3%;width: 220px; z-index: 999; transition: var(--transition);}
.list_tit.a{right: 2%;}
.list_tit li a{width: 220px; display: block; font-size: var(--f12); padding: 6px 6px 6px 15px; color: #555;border-left: 1px solid #eee;}
.list_tit li a:hover{color: #222; background: #eee}
.list_tit li.ac a{border-left: 2px solid #00a94d;}
@media(max-width: 1600px){
    .list_tit{display: none;}
}

/*240809 add*/
.ind_list .cons{border-radius: 20px; overflow: hidden; margin-bottom: -30px;}
.ind_list .cons>div{height: 200px; position: relative; overflow: hidden; transition: all .8s ease; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center top; background-size: 75%;}
.ind_list .cons>div:first-child{background-image: url("../images/httpswaf/ind_03.png");}
.ind_list .cons>div:first-child+div{background-image: url("../images/httpswaf/ind_01.png");}
.ind_list .cons>div:first-child+div+div{background-image: url("../images/httpswaf/ind_02.png");}
.ind_list .cons>div:first-child+div+div+div{background-image: url("../images/httpswaf/ind_04.png");}
.ind_list .cons>div:first-child+div+div+div+div{background-image: url("../images/httpswaf/ind_05.png");}
.ind_list .cons>div a{display: block; height: 100%;}
.ind_list .cons>div h2{position: absolute; bottom: 0; text-align: center; width: 100%; padding: 8px 20px; transition: var(--transition);}
.ind_list .cons>div h2 strong{color: var(--c-white); position: relative; vertical-align: middle; z-index: 99; top: -2px;}
.ind_list .cons>div h2:before{content: ""; position: absolute; width: 100%; height: 100%; bottom: -60px; left: 0; display: block;background:#206de2; transition: var(--transition)}
.ind_list .cons>div h2:after{content: "";opacity: 1; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; display: block; background: #242733; transition: var(--transition)}
.ind_list .cons>div:hover h2:before{bottom: 0; z-index: 9}

.ind_list_a{background: linear-gradient(0deg,#eee,#fff); border-bottom: 1px solid #ddd}
.ind_list_a .cons{margin: 0; border-radius: 0; padding: 20px 0}
.ind_list_a .cons>div{background-color: transparent; height: 168px;}
.ind_list_a .cons>div:nth-child(2n){background-color: transparent;}
.ind_list_a .cons>div:before{content: ""; display: block; position: absolute; width: 1px; height: 90px; background: #eee; top: 50%; margin-top: -45px;}
.ind_list_a .cons>div:first-child:before{display: none}
.ind_list_a .cons>div:first-child{border: none}
.ind_list_a .cons>div h2{ padding: 5px 10px;}
.ind_list_a .cons>div h2 strong{color: #222; border: 1px solid #ddd; padding: 5px 10px; border-radius: 50px; background: #ffffff80}
.ind_list_a .cons>div:hover h2 strong{background: #206de2; border-color: #206de2; color: var(--c-white);}
.ind_list_a .cons>div h2:after,.ind_list_a .cons>div h2:before{display: none}
@media (min-width: 970px) {
    .ind_list .cons>div:not(:first-child){box-shadow: inset 1px 0 0 rgba(255, 255, 255, 1);}
}
@media (max-width: 990px) {
    .ind_list .cons>div,.https_service div.a{border-radius: 20px;}
    .ind_list_a .cons>div{height: 230px; margin-top: 10px!important; background-size: 65%;}
    .ind_list_a .cons{padding: 20px 0 60px 0}
    .ind_list .cons>div:last-child{display: none!important;}
}

.web_gateway_bank .web_child_banner{background: url("../images/httpswaf/s_bank_back.jpg") center no-repeat}
.web_gateway_enterprise .web_child_banner{background: url("../images/httpswaf/s_enterprise_back.jpg") center no-repeat}
.web_gateway_gov .web_child_banner{background: url("../images/httpswaf/s_gov_back.jpg") center no-repeat}
.web_gateway_campus .web_child_banner{background: url("../images/httpswaf/s_campus_back.jpg") center no-repeat}
.web_https_auto .web_child_banner{background: url("../images/httpswaf/https-auto_back.jpg") center no-repeat}
.web_email .web_child_banner{ padding: 0!important; background-size: auto!important; height: 680px; background: linear-gradient(0deg,#fff, #f7f7fa); top: -1px; overflow: hidden;}
.web_email .web_child_banner:before,.web_email .web_child_banner:after{width: 100%; height: 100%; content: ""; display: inline-block; position: absolute; top: 0; background: url("../images/mail/banner_pic.png") bottom left no-repeat;z-index: -1;}
.web_email .web_child_banner:after{background: url("../images/mail/banner_pic1.gif") bottom left no-repeat;}

.web_email .web_child_banner .pic_01{width: 200px; height: 200px; border-radius: 60px; transform: rotate(28deg); content: ""; display: inline-block; position: absolute; top: 32%; right: -160px; background: linear-gradient(0deg, #cbecda, #00a94d);}
.web_email .web_child_banner .pic_01 :is(i, span){border: 1px solid #c0f5d795; display: block; width: 100%; height: 100%; border-radius: 60px; position: fixed; top: 10px; left: 20px;}
.web_email .web_child_banner .pic_01 span{top: 20px; left: 40px;}

.web_email .web_child_banner .mail_pic{position: relative;}
.web_email .web_child_banner .mail_pic img{position: absolute; bottom: 30px; right: -50px; animation: mail_banner 1s forwards linear }
@keyframes mail_banner {
    from{bottom: 100px; opacity: 0}
    to{bottom: 30px; opacity: 1}
}
.web_email .table_n{background: var(--c-white);}
.web_email .table_n tr td{text-align: center; }
.web_email .table_n tr td:first-child{text-align: left; background: linear-gradient(0deg,#f2f2f2,#fff)}
@media (max-width: 990px){
    .web_email .web_child_banner:before,.web_email .web_child_banner:after{background-position: top left; background-size: auto 680px; top: -100px;}
    .web_email .web_child_banner .mail_pic img{left: -68px; bottom: -50px!important;}
    .web_email .web_child_banner{height: auto}
    .web_email .web_child_banner .mail_pic{height: 680px!important;}
    .web_email .table_n{background: none;!important;}
    .web_email .table_n td>div{background: var(--c-white);!important;}
}

.mail_solution .web_child_banner{background: url("../images/mail/mail_solution_back.jpg") center no-repeat}

/*倒计时*/
.day_tip{text-align: center;width: 100%;margin: -35px auto 0 auto;background: var(--c-white);position: relative;top: 40px;/* border-radius: 0 0 30px 30px; */}
.day_tip>div{padding: 24px 20px;/* display: inline-block; */color: #333;font-weight: bold;font-size: var(--f24); background: #d8ebe2;border-radius: 0 0 20px 20px;}
.day_tip>div strong{background: #00a94d; color: var(--c-white); font-size: var(--f20); padding: 2px 5px; border-radius: 3px;}
.en .day_tip>div{font-size: var(--f16);}
.en .day_tip>div strong{ font-size: var(--f18);}

/*pqc*/
.web_pqc{background: linear-gradient(100deg, #0a3cda, #111112); position: relative; overflow: hidden;}
.web_pqc .pic{position: relative;}
.web_pqc :is(.font,.pic img){position: relative; z-index: 1;}
.web_pqc .con .pic_a:before{content: "";background: #2ea8ff; filter: blur(90px); opacity: 0.9; border-radius: 50%; position: absolute; top: 0; left: -50px; z-index: 0; display: inline-block; width: 700px; height: 600px; animation: skew 10s linear infinite;}
@keyframes skew {
    0%{transform: skew(0deg , 0deg) scale(1,1)}
    50%{transform: skew(20deg , 10deg) scale(1.5,1.2)}
    100%{transform: skew(0deg , 0deg) scale(1,1)}
}
.web_pqc .back{width: 100%; height: 100%; position: absolute; top: 0; left: 0; filter: blur(10px); animation: hue 10s linear infinite;}
@keyframes hue {
    0%{filter: blur(10px) hue-rotate(0);}
    50%{filter: blur(10px) hue-rotate(-10deg);}
    100%{filter: blur(10px) hue-rotate(0);}
}
.web_pqc .back i{position: absolute}
.web_pqc .back_a{left: 50px; top: -100px; display: inline-block; width: 900px; height: 300px; background: #17e3ba; filter: blur(50px); border-radius: 50%; animation: skew_a 6s linear infinite}
.web_pqc .back_b{left: -200px; top: 450px; display: inline-block; width: 800px; height: 800px; background: linear-gradient(-30deg, rgba(120, 83, 232, 0.93), rgba(23, 227, 186, 0.94)); filter: blur(10px); border-radius: 50%; transform: rotate(-60deg) skew(10deg , 35deg); animation: skew_b 6s linear infinite}
.web_pqc .back_c{left: -200px; top: 660px; height: 600px; background: linear-gradient(0deg, rgba(115, 221, 209, 0.93), rgba(23, 105, 227, 0.94)); animation: skew_c 6s linear infinite}
.web_pqc .back_d{z-index: 1; right: -600px; top: 430px; display: inline-block; width: 800px; height: 700px; background: linear-gradient(-80deg, rgba(14, 89, 255, 0.93), rgba(23, 227, 186, 0.94)); filter: blur(30px); border-radius: 50%; transform: rotate(0deg) skew(10deg , 15deg); animation: skew_d 6s linear infinite}
.web_pqc .back_e{right: -500px; top: 230px; display: inline-block; width: 800px; height: 700px; background: linear-gradient(-80deg, rgba(59, 255, 219, 0.5), rgba(8, 160, 255, 0.6)); filter: blur(30px); border-radius: 50%; transform: rotate(0deg) skew(10deg , 15deg);}
@keyframes skew_a {
    0%{transform: skew(0deg , 0deg) scale(1,1); top: -120px; background: #17e3ba;}
    50%{transform: skew(-5deg , 10deg) scale(1.5,1.2); top: -200px; background: #0bffff;}
    100%{transform: skew(0deg , 0deg) scale(1,1); top: -120px; background: #17e3ba;}
}
@keyframes skew_b {
    0%{transform: rotate(-60deg) skew(15deg , 35deg) scale(0.6,1); opacity: 0.8; filter: blur(50px);}
    50%{transform: rotate(-70deg) skew(18deg , 55deg) scale(1,1.5); opacity: 0.5; filter: blur(50px);}
    100%{transform: rotate(-60deg) skew(15deg , 35deg) scale(0.6,1); opacity: 0.8; filter: blur(50px);}
}
@keyframes skew_c {
    0%{transform: rotate(-60deg) skew(10deg , 35deg) scale(1,1); opacity: 0.5; filter: blur(60px);}
    50%{transform: rotate(-60deg) skew(20deg , 25deg) scale(1.2,1.5); opacity: 1; filter: blur(20px);}
    100%{transform: rotate(-60deg) skew(10deg , 35deg) scale(1,1); opacity: 0.5; filter: blur(60px);}
}
@keyframes skew_d {
    0%{top: 430px; height: 600px}
    50%{top: 230px; height: 550px}
    100%{top: 430px; height: 600px}
}

.pqc_banner{position: relative; z-index: 9}
.pqc_banner .font>*{color: var(--c-white);}
.pqc_banner .font h1{font-size: var(--f48);}

.en .pqc_banner .font{padding-top: 50px;}
.pqc_banner .font .btn{background: var(--c-white); color: #153ab0; text-align: center; transition: var(--transition)}
.pqc_banner .font .btn:hover{background: #ffffff90}
.pqc_banner .pic_a{position: relative;}
.pqc_banner .pic_a>img{position: relative; z-index: 2}
.pqc_banner .pic_a .i{position: absolute; z-index: 3;}
.pqc_banner .pic_a .i .a{animation: b_03 .8s infinite cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.pqc_banner .pic_a .i .b{position: relative; top: -160px}
@keyframes b_03 {
    0%{opacity: 0.7}
    50%{opacity: 0.5}
    100%{opacity: 0.7}
}
.pqc_banner .pic_a .i .b img{animation: b_02 3s infinite linear; position: relative}
@keyframes b_02 {
    0%{top:0; opacity: 1}
    16%{top:-5px; opacity: 0}
    33%{top:-10px; opacity: 1}
    50%{top:-15px; opacity: 0}
    66%{top:-10px; opacity: 1}
    83%{top:-5px; opacity: 0}
    100%{top:0; opacity: 1}
}
.pqc_banner .pic_a svg{position: absolute; z-index: 9; top:120px; left: 50%; margin-left: -150px; animation: b_01 3s infinite cubic-bezier(0.46, 0.03, 0.52, 0.96);}
@keyframes b_01 {
    0%{top:120px;}
    50%{top:140px;}
    100%{top:120px;}
}
@media (max-width:1600px) {
    .pqc_banner .pic_a img{width: 100%}
}
@media (max-width:990px) {
    .pqc_banner .font{order: 2; padding: 50px 0}
    .pqc_banner .font h1{padding: 10px 0!important}
    .pqc_banner .font h3{font-size: var(--f22)!important}
    .pqc_banner .pic_a{order: 1;}
    .pqc_banner .pic_a svg{width: 50%; margin-left: -25%; margin-top: -100px;}
    .web_pqc .con01 .cons>div:not(:last-child){margin-bottom: 40px;}
}

@media (min-width: 990px) and (max-width: 1910px) {
    .pqc_banner .font{width: 60%!important;}
    .pqc_banner .pic_a{width: 40%!important;}
    .pqc_banner .cs_w_70{width: 80%!important;}
    @keyframes b_01 {
        0%{top:90px;}
        50%{top:110px;}
        100%{top:90px;}
    }
}

.web_pqc .con01{position: relative; z-index: 1}
.web_pqc .con01:before{content: ""; display: inline-block; transform: rotate(50deg); position: absolute; top: 150px; right: -450px; width: 500px; height: 1200px; border-radius: 50%; background: #0bffff; filter: blur(80px); z-index: 1; opacity: 0.4}
.web_pqc .con01 .cons>div{background: linear-gradient(-30deg, #b0d3ff,#fff); width: 31%; backdrop-filter: blur(20px); padding: 90px 50px 30px; border-radius: 20px; position: relative; transition: var(--transition); top: 0; z-index: 9}
.web_pqc .con01 .cons>div:hover{top: -15px; box-shadow: var(--shadow);}
.web_pqc .con01 .cons>div:before{content: ""; position: absolute; left: 9px; top: 9px; border-radius: 15px; border: 1px solid rgba(0, 0, 0,0.2); display: inline-block; width: calc(100% - 20px); height: calc(100% - 20px);}
.web_pqc .con01 .cons>div>div{position: relative; z-index: 2}
.web_pqc .con01 .cons>div h2{padding-bottom: 16px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0,0.15); margin-bottom: 20px;}
.web_pqc .con01 .cons em{background: linear-gradient(68deg, #10a5ff, #1d4ede); width: 120px; height: 120px; text-align: center; padding: 30px; border-radius: 50%; position: absolute;top: -60px; left: 50%; margin-left: -60px;display: flex;align-items: center; justify-content: center;}
.web_pqc .con01 .cons em:before{content: ""; position: absolute; left: 9px; top: 9px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); display: inline-block; width: calc(100% - 20px); height: calc(100% - 20px);}
.web_pqc .con01 .cons p strong{display: inline-block; padding-top: 6px;}
.en .web_pqc :is(.con01 p, .con02 p){text-align: left!important;}

.web_pqc .con02{position: relative; z-index: 9; margin-bottom: 140px; margin-top: 30px;}
.web_pqc .con02 h2{padding-bottom: 100px; position: relative;}
.web_pqc .con02 h2:before{content: ""; position: absolute; left: 50%; bottom: 60px; margin-left: -60px; display: inline-block; background: #36d99d; width: 120px; height: 4px; border-radius: 20px;}
.web_pqc .con02 .cons>div{width: 12.4%; border-radius: 20px; padding: 25px 26px 20px; background: linear-gradient(-30deg, #b0d3ff,#fff); position: relative; transition: var(--transition);}
.web_pqc .con02 .cons>div:hover~div{opacity: 0.2}
.web_pqc .con02 .cons>div:before{content: ""; position: absolute; left: 9px; top: 9px; border-radius: 15px; border: 1px solid rgba(0, 0, 0,0.2); display: inline-block; width: calc(100% - 20px); height: calc(100% - 20px);}
.web_pqc .con02 p{padding-bottom: 0; margin-bottom: 0}
.web_pqc .con02 h3{display: inline-block; padding: 10px 0 16px; font-style: italic; border-radius: 80px; color: rgba(28, 51, 117, 0.2); text-align: center; width: 100%; font-size: var(--f56);}

.web_pqc .con02 h4{width: 100%; text-align: center; font-style: italic; bottom: -100px; left: 0; color: #acc2ff; font-size: var(--f22);}

@media (min-width:990px) {
    .web_pqc .con02 h4{position: absolute;}
    .web_pqc .con02 h4:before{content: ""; display: inline-block; width: 12px; height: 12px; background: #36d99d; border-radius: 20px; position: absolute; z-index: 1; top: -41px; left: 50%; margin-left: -6px;}
    .web_pqc .con02 h4:after{content: ""; display: inline-block; width: 24px; height: 24px; background: rgba(18, 64, 200, 0.1); backdrop-filter: blur(1px); border: 3px solid #479cff; border-radius: 20px; position: absolute; top: -50px; left: 50%; margin-left: -15px;}

    .web_pqc .con02:before,.web_pqc .con02:after{content: ""; display: inline-block; width: 300%; height: 200px; position: absolute;}
    .web_pqc .con02:before{border-bottom: 2px dotted rgba(255, 255, 255, 0.3);background: linear-gradient(180deg, transparent, rgb(0 0 0 / 30%));right: 0;bottom: 57px;animation: con2_line 180s linear forwards;}
    .web_pqc .con02:after{right: -2px; bottom: 50px; width: 0; height: 0; border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 26px solid #36d99d;}
    @keyframes con2_line{
        0%{right: 0}
        50%{right: -100%}
        100%{right: 0}
    }
}
@media (max-width:990px) {
    .web_pqc .con02 h3{padding: 0;}
    .web_pqc .con02 h4{color: #222; padding: 15px 0}
}

.web_pqc .con03{position: relative; border-radius: 60px; background: var(--c-white); z-index: 9; }
.web_pqc .con03:before{content: "";}
.web_pqc .con03>div>div{background: var(--c-white); padding: 80px; border-radius: 20px; position: relative;}

.web_pqc .con04{background: #f9f9f9; margin-top: -50px; padding-top: 50px; position: relative; border-radius: 60px 60px 0 0; z-index: 9; }
.web_pqc .con04>div>div:not(:first-child){padding-top: 100px;}
.web_pqc .con04>div>div .font{background: var(--c-white); border: 1px solid #ddd; padding:50px; border-radius: 20px;}
@media (max-width:990px) {
    .web_pqc .con04>div>div .pic{order: 1}
    .web_pqc .con04>div>div .font{order: 2; margin-top: 35px!important;}
}

.web_pqc_emb .web_child_banner{background: url("../images/pqc/pqc_emb_back.jpg") center no-repeat}

/*浏览器banner动画*/
.web_child_banner .w_50{position: relative}
.cube-container{perspective: 500px;width: 636px;height: 389px; position: relative; --t_z: 90px; --t_z_a: -90px;}
.cube-container .back{position: absolute; width: 100%; top: -10px}
.cube {
    width: 100%;
    height: 316px;
    position: relative;
    z-index: 1;
    transform-style: preserve-3d;
    transform: translateZ(var(--t_z_a)) rotateX(0deg);
    animation: cubeRotation 15s infinite cubic-bezier(0, 0, 0.58, 1.16);
}
.cube-face{
    backface-visibility: hidden; position: absolute;width: calc(100% - 110px); left: 55px; height: 100%; text-align: center; border-radius: 6px; overflow: hidden;
}
.cube-face img{margin: 0!important;image-rendering: pixelated;}
@media (max-width:990px) {
    .cube-container{--t_z: calc(100vw * 0.1); --t_z_a: calc(-100vw * 0.1);}
    .cube {height: 35vw;top: 8px;}
}

/* 各个面的位置变换 */
.cube-face:nth-child(1) {
    transform: rotateX(0deg) translateZ(var(--t_z));
}

.cube-face:nth-child(2) {
    transform: rotateX(120deg) translateZ(var(--t_z));
}

.cube-face:nth-child(3) {
    transform: rotateX(240deg) translateZ(var(--t_z));
}

@keyframes cubeRotation {
    0% {transform: translateZ(var(--t_z_a)) rotateX(0deg);}
    15% {transform: translateZ(var(--t_z_a)) rotateX(0deg);}
    33% {transform: translateZ(var(--t_z_a)) rotateX(-120deg);}
    48% {transform: translateZ(var(--t_z_a)) rotateX(-120deg);}
    66% {transform: translateZ(var(--t_z_a)) rotateX(-240deg);}
    81% {transform: translateZ(var(--t_z_a)) rotateX(-240deg);}
    100% {transform: translateZ(var(--t_z_a)) rotateX(-360deg);}
}