.web_child_banner{height: 450px; width: 100%; position: relative; z-index: 20; background-size: 100%}
.web_child_banner h2{line-height: 40px; position: relative}
.web_child_banner h1, .web_child_banner h4{color: #fff}
.web_child_banner dd{color: #fff}
@media (min-width: 750px) {
    .web_child_banner{animation: https_back 8s forwards linear;}
}
@media (max-width: 750px) {
    .web_child_banner{background-size: auto 100% !important;}
}
@keyframes https_back {
    from{background-size:  100%}
    to{background-size:  110%}
}
.web_section{padding:100px 0;}
.footer{padding: 50px 0 200px; background: #010915 url("../images/index/footer_back.jpg") bottom center no-repeat}

/*https_en*/
.web_https_banner{background: url("../images/https/banner_back.jpg") center no-repeat; height: 500px; }
.web_https_banner h1,.web_https_banner h4{color: #222}
.web_https_banner .pic img{position: relative; top: 21%; left: -120px;}
.web_https_banner .font{padding-left: 120px}
.three_service{background: linear-gradient(0deg,#f9f9f9,#fff);}
.three_service .cons>div{box-shadow: 0 3px 20px rgba(0,0,0,0.1); border:1px solid #ddd; padding: 36px 45px; border-radius: 3px; width: 31%; position: relative}
.three_service .cons>div em{position: absolute; right:0; top: 0;}
.three_service .cons>div:hover{border-color: #fff}
.three_service .cons>div h2{font-size: 30px; padding-bottom: 6px;}
.three_service .cons>div h3{padding: 30px 0 16px; font-size: 36px}
.three_service .cons>div h3 i{font-size: 14px; position: relative; top:-2px}
.three_service .cons>div h4,.three_service .cons>div dd{color: #555; font-size:inherit;}

.https_con01 .font{padding: 50px; background: #fff; border-radius: 3px; position: relative; box-shadow: 0 3px 20px rgba(0,0,0,0.1); 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 #fff;}
.https_con01 .font.t_left:before{right: -30px;border-left:15px solid #fff;}
.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 .font,.https_con01 .pic{ margin-top: 80px}

.https_con02 .cons>div{margin-top: 40px; background: #fff; padding: 30px; border-radius: 3px;box-shadow: 0 3px 20px rgba(0,0,0,0.1); border:1px solid #ddd;}
.https_con02 .cons>div i{width: 88px;}
.https_con02 .cons>div h3{padding-bottom: 20px}

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

.mail_con02 .table{background: #fff;box-shadow: 0 3px 20px rgba(0,0,0,0.1); border: 1px solid #ddd; border-radius: 3px;}
.mail_con02 .cons .tit .cell{padding: 25px 20px; border-bottom: 2px solid #888;font-size: 18px; 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 .w_48 h2,.solutions_con_a .w_48 h4{color: #fff}*/
.solutions_con_a .tit .w_48{margin: -155px 0 60px 0; border: 1px solid #ccc; border-radius: 60px 3px 60px 3px;box-shadow: 0 3px 20px rgba(0,0,0,0.1);}
.solutions_con_a .cons{position: relative; margin-top: 80px; box-shadow: 0 3px 20px rgba(0,0,0,0.1);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: 0 3px 20px rgba(0,0,0,0.1); 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:#fff;}
.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: 0 3px 20px rgba(0,0,0,0.1);}
.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: #fff; 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%; line-height: 4.2rem;}
@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: 20px; text-align: justify; }
.web_main_child h1.tit,.web_main_child h2.tit2{margin-bottom: 50px;font-size: 36px; font-size: 3.6rem;}
.web_main_child h2.tit2{font-size: 34px; font-size: 3.4rem;}
.web_main_child h1.tit span,.web_main_child h2.tit2 span{font-size: 18px; font-size: 1.8rem; padding-top: 10px; color: #555; display: block;font-weight: normal;}
.web_main_child h2.tit{padding:20px 0 20px;margin-bottom:20px; position: relative; border-bottom: 1px solid #ccc}
.web_main_child h2.tit:before{content: "";height: 5px;border-radius: 20px;background: #fff;display: block;position: absolute;left: 0;bottom: -6px;border: 3px solid #00a94d;}
.web_main_child h3.tit,.web_main_child h4.tit,.web_main_child h5.tit{padding-bottom: 15px; padding-top: 10px;}
.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; margin-bottom: 35px}
.web_main_child .pic>div img{margin-bottom: 10px;}
/*.banner_child{width: 100%; height: 250px; background-size: cover!important;}*/
/*.banner_child h1{font-size: 42px; line-height: 50px;}*/
/*.header_w .menu_list ul{display: inline-block; position: initial; width:120px;}*/
/*.header_w .menu_list ul a{float: right; margin-top: 23px;}*/
@media(max-width: 1600px){
    .web_section{padding: 80px 5% 60px; width: 100%!important;}
}
@media(max-width: 1024px){
    .web_section{padding: 80px 10% 60px; width: 100%!important;}
}
@media(max-width: 550px){
    .banner_child{padding: 0 10%}
    .web_main_child .pic img{margin: 10px 0 35px; height: auto!important; max-width: 100%;}
}

.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: #fff; 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}

.zt_partner .web_child_banner{background: url("../images/index/partner_back.jpg") bottom center no-repeat}

/*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}
.pri_table .con .cell:first-child+.cell{text-align: left}
.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; border: none; font-size: 16px; padding: 20px 30px; background: none; color: #222}
.pri_table .cell span{font-size: 14.5px}
@media (max-width: 750px){
    .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: #fff; text-align: center; width: 360px; vertical-align: middle; display: inline-block}
.lp_pki_bt a b{position: relative; z-index: 10; color: #fff; font-size: 30px; line-height: 60px; 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: 18px; 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: 22px; background:#f58344;}
.lp_pki_bt strong:after{content: ""; height: 2px; width: 20%; display: inline-block; position: absolute; right: 0; top: 22px; 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 .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 a b{font-size: 20px; line-height: 50px;}
    .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: #fff; 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: 20px; line-height: 32px; text-align: justify;}
.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: 17px;z-index: 999; border-radius: 10px; box-shadow: 0 5px 50px rgba(0,0,0,0.5); 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 div,.bt_contract_con div span,.bt_contract_con div b{color: #fff}

/*web blog*/
.web_blog .web_child_banner{background: url("../images/blog/blog_banner.jpg") center no-repeat; height: 360px;}
.blog_list{margin: -40px -25px 0 -25px;}
.blog_list>div{width: calc(25% - 50px); margin: 50px 25px 0 25px;}
.blog_list>div .con{box-shadow: 0 3px 9px rgba(0,0,0,0.2); height: 100%; position: relative; overflow: hidden;}
.blog_list>div .con .font{padding:30px;}
.blog_list>div h3{padding-bottom: 30px;}
.blog_list>div p{padding-bottom: 42px;}
.blog_list>div span{position: absolute; bottom: 28px; width: 100%; padding: 0 30px;}
.blog_list>div span em,.blog_list>div span 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_more{border-top: 1px solid #ddd; padding: 30px 0 20px; background: #f9f9f9;}
.blog_more .cons a,.blog_more .cons h4{padding: 10px;}
.blog_more .cons a span{padding-right: 20px; color: #888}
.blog_more .cons a:first-child{border: none}

/*web blog*/
.web_faq .banner{background: url("../images/faq/faq_banner.jpg") center no-repeat;}

/*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{line-height: 80px; padding: 0 20px;}
@media (max-width: 750px) {
    .slogan>div{line-height: 50px;}
}
/*web founder*/
.web_founder .web_child_banner{background: url("../images/founder/founder_back.jpg") center no-repeat; height: 300px;}
.web_founder .pic img{padding: 10px; border: 1px solid #ddd; border-radius: 6px; background: #f9f9f9;}

/*web browser*/
.web_browser .web_child_banner{background: url("../images/browser/banner.jpg") center no-repeat!important; height: 810px;}
.web_browser .web_child_banner .font h1{font-size: 60px; font-size: 6rem;}
.web_browser .web_child_banner .font h2{border-color: #ffffff40}
.web_browser h2{font-size: 3.4rem; line-height: 4.5rem;}
.bro_con01{background: url("../images/browser/con01_back.jpg") center no-repeat; height: 790px; background-size: cover}
.bro_con01 h2{font-size: 8rem; font-family: Arial, serif;}
.bro_con01 h2:first-letter{font-size: 11rem}
.bro_con01 h2 strong{font-size: 11rem; color: #00a94d}
.bro_con01 li{background: url("../images/browser/98_icon01.svg") 10px center no-repeat; height: 70px; padding-left:80px; padding-bottom: 0;}
.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 .w_48:first-child img{display: none}
@media (max-width: 750px) {
    .bro_con01 h2{font-size: 5rem; word-wrap: anywhere}
    .bro_con01 h2:first-letter,.bro_con01 h2 strong{font-size: 6rem}
}

.bro_con02 .con_left{background: #a6dae5;}
.bro_con02 .con_right{background: #aff3cf;}
.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: #fff; border-radius: 16px; border:1px solid rgba(87, 97, 30, 0.19)}
@media (max-width: 750px) {
    .bro_con02 div{width: 100% !important; margin: 0!important;min-height: auto!important;}
}

.bro_con03{background: url("../images/browser/browser_.jpg") top center no-repeat; height: 750px;}
.bro_con03 .web_section div.border{min-height: 150px; border-radius: 3px; background: #fff; padding: 12px; display: inline-block}
.bro_con03 .web_section div.border span{width: 100%; height: 100%; border: 1px solid #ddd; border-radius: 3px; display: block; padding: 16px}
.bro_con04{background: url("../images/browser/con04_back.jpg") center no-repeat; height: 800px; background-size: cover}
@media (max-width: 750px) {
    .bro_con04 div img.pc{display: none}
    .bro_con04 div img.phone{display: block!important;}
}

.bro_con05 .con_left{background: #c9f1b7;}
.bro_con05 .con_right{background: #f2f2cd;}
.con5_pic{height: 400px}
@media (max-width: 750px) {
    .bro_con05 div{width: 100% !important; margin: 0!important;min-height: auto}
}

.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: #fff; 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;}
}
.blog_section_child .flex>div{position: relative; margin-bottom: 20px}
.blog_section_child .flex>div h4{position: absolute; bottom: -20px; padding:15px 20px; background: #f2f2f2; width: 100%; transition: all .3s ease}
.blog_section_child .flex>div:hover h4{padding: 20px;}
@media (max-width: 750px) {
    .con5_pic{height: auto;}
    .web_browser .web_child_banner{background: url("../images/browser/banner.jpg") center no-repeat!important; position: relative}
    .web_browser .con: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, 0.7))}
    .web_browser .font{z-index: 99;margin-top: 0!important;}
    .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}
    .bro_con05 .con_right .con5_pic{height: 240px;}
}

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

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