﻿.web_main_child{backdrop-filter: blur(10px); padding: 100px 0;}
.web_main_child>div{position: relative; z-index: 99}
.web_main_child img{max-width: 100%;}
.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: 3.6rem;}
.web_main_child h2.tit2{font-size: 3.4rem;}
.en .web_main_child h2.tit2{line-height: 4.5rem!important;}
.web_main_child h1.tit span,.web_main_child h2.tit2 span{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; width: 100%; position: relative; border-bottom: 1px solid #ccc}
.web_main_child h2.tit:before{content: "";height: 5px;border-radius: 20px;background: #00a94d;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;}
.web_main_child .pic>div img{margin-bottom: 10px;}
@media(max-width: 1600px){
    .web_main_child .pic img{margin: 10px 0 35px; height: auto!important; max-width: 100%}
}
@media(max-width: 990px){
    .web_banner_child{ height: auto!important; padding: 100px 0;}
}
.web_banner_child{height: 70vh;}
.web_banner_child h1{font-size: 5.5rem; line-height: 6rem}

.open .web_main_child{background: rgba(0, 96, 223, 0.65);backdrop-filter: blur(20px); border-top: 1px solid #2374e0}
@media (min-width:750px){
    .open_banner h2{letter-spacing: 30px; text-indent: 30px;}
}
.open .web_banner_child{background: rgba(0, 96, 223, 0.85);}
.open .bo_back>div{background: url("../images/open/back.jpg");}
.web_main_child .open_web .w_23{ padding: 30px; background: #fff; border-radius: 13px; transition: all .3s ease}
.web_main_child .open_web .w_23:hover{box-shadow: 0 0 20px rgba(0,0,0,0.5)}
.web_main_child .open_web .btn{width: 100%}

.web_main_child .web{background: #fff; border-radius: 12px; padding: 60px;}
.sm2acme .web_banner_child{background: rgba(1, 10, 21, 0.8);}
.sm2acme .bo_back>div{background: url("../images/sm2acme/back.jpg"); background-size: 120%}
.sm2acme .web_main_child{background: rgba(1, 10, 21, 0.8); border-top: 1px solid #353e45;}

.limits .web_banner_child{background: rgba(1, 10, 21, 0.8); height: 300px}
.limits .bo_back>div{background: url("../images/limits/back.jpg"); background-size: 120%}
.web_main_child .web{background: #fff; border-radius: 12px; padding: 60px;}
.limits .web_main_child{background: rgba(1, 10, 21, 0.8); border-top: 1px solid #353e45;}

.acme_ser .web_banner_child{background: rgba(3, 76, 94, 0.8);}
.acme_ser .web_banner_child h2{border-bottom: 5px solid #00a94d; display: inline-block;}
.acme_ser .bo_back>div{background: url("../images/acmeser/back.jpg") center;}
.acme_ser .web_main_child{background: rgba(12, 84, 102, 0.8); border-top: 1px solid rgb(22, 117, 136);}
.acme_ser .web_main_child .flex>div{padding: 50px; border-radius: 13px; text-align: center; background: linear-gradient(0deg, #d4fbff,#fff); transition: all .3s ease; position: relative; top: 0;}
.acme_ser .web_main_child .flex>div:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.3); top: -10px; z-index: 9;}
.acme_ser .web_main_child .flex>div h2{font-size: 2rem; font-weight: bold; padding-bottom: 20px!important; border-bottom: 2px solid #000; margin-bottom: 20px; transition: all .3s ease;}
.acme_ser .web_main_child .flex>div dd{text-align: justify;}
@media (min-width:990px){
    .acme_ser .web_main_child .flex>div{width: calc(33.3333% - 25px) !important;}
    .acme_ser .web_main_child .flex>div:nth-child(1),.acme_ser .web_main_child .flex>div:nth-child(2),.acme_ser .web_main_child .flex>div:nth-child(3){margin-bottom: 40px;}
}
.acme_table{padding: 50px; margin-top: 100px; background: #fff; border-radius: 13px;}
.acme_table .table{margin-top: 20px;}
.acme_table h3{background: #e7fcf1; color: #00a94d; padding: 15px; border-radius: 90px;}
.acme_table span{font-size: 1.2rem; line-height: 2rem; color: #888; display: inline-block; font-weight: normal}
.acme_table .tit .cell{font-weight: bold; border-bottom:3px solid #555; border-left: none; font-size: 2rem}
.acme_table .cell{border-bottom: 1px solid #ccc; width: 33%; padding: 20px 20px; text-align: center; vertical-align: middle; border-left: 1px solid #ccc}
.acme_table .cell:first-child{text-align: left; width: 24%; border-left: none;}
@media (max-width:990px){
    .acme_table .table .cell:first-child{display: none}
    .acme_table .table:first-child .row .cell:last-child{display: none;}
    .acme_table .table:nth-child(2) .row .cell:first-child+.cell{display: none;}
    .acme_table .table .cell{padding: 0 0 20px; border-left: none;}
    .acme_table .table .cell>div{padding: 10px; color: #555; margin: 10px 0;}
}

.cer_bot .web_banner_child{background: rgba(0, 41, 99, 0.8);}
.cer_bot .web_banner_child h2{border-bottom: 5px solid #00a94d; display: inline-block}
.cer_bot .bo_back>div{background: url("../images/cerbot/back.jpg") center;}
.cer_bot .web_main_child{background: rgba(0, 41, 99, 0.8); border-top: 1px solid rgba(46, 92, 147, 0.8)}
.cer_bot .web_main_child .flex>div{padding: 50px; background: linear-gradient(0deg, #d4ebff,#fff); transition: all .3s ease; position: relative; top: 0}
.cer_bot .web_main_child .flex>div:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.3); top: -10px; z-index: 9;}
.cer_bot .web_main_child .flex>div h2{font-size: 1.8rem; font-weight: bold; padding-bottom: 20px!important; border-bottom: 2px solid #000; margin-bottom: 20px; transition: all .3s ease;}
.cer_bot .web_main_child .flex>div dd{text-align: justify;}
@media (min-width:990px){
    .cer_bot .web_main_child .flex>div{width: calc(33.3333% - 25px) !important;}
    .cer_bot .web_main_child .flex>div:nth-child(1),.cer_bot .web_main_child .flex>div:nth-child(2),.cer_bot .web_main_child .flex>div:nth-child(3){margin-bottom: 40px;}
}

.dual_ssl .web_banner_child{background: rgba(15, 107, 205, 0.8);}
.dual_ssl .web_banner_child h2{border-bottom: 5px solid #00a94d; display: inline-block}
.dual_ssl .bo_back>div{background: url("../images/dualssl/back.jpg") center;}
.dual_ssl .web_main_child{background: rgba(31, 121, 219, 0.8); border-top: 1px solid rgba(41, 128, 196, 0.8)}
.dual_ssl .web_main_child .flex>div{padding: 50px; border-radius: 13px; background: #fff; transition: all .3s ease; position: relative; top: 0; overflow: hidden}
.dual_ssl .web_main_child .flex>div:hover{top: -10px; z-index: 9;}
.dual_ssl .web_main_child .flex>div h2{padding-bottom: 20px!important; margin-bottom: 20px; transition: all .3s ease;}
.dual_ssl .web_main_child .flex>div dl{border-top: 1px solid #ddd; padding-top: 15px;}
.dual_ssl .web_main_child .flex>div dd{text-align: justify;}
.dual_ssl .web_main_child .flex>div img{transition: all .3s ease; border: 1px solid #ddd}
@media (min-width:990px){
    .dual_ssl .web_main_child .flex>div{width: calc(33.3333% - 25px) !important;}
    .dual_ssl .web_main_child .flex>div:nth-child(1),.dual_ssl .web_main_child .flex>div:nth-child(2),.dual_ssl .web_main_child .flex>div:nth-child(3){margin-bottom: 40px;}
}

.https_gate .web_banner_child{background: rgba(3, 56, 123, 0.8);}
.https_gate .web_banner_child h2{border-bottom: 5px solid #00a94d; display: inline-block;}
.https_gate .web_banner_child div.cell>div h2{margin-top: 20px; display: inline-block; color: #fff; border-bottom: 5px solid #fff55a; font-style: italic}
@media (min-width:990px){
    .https_gate .web_banner_child div.cell>div h2{margin-right: 120px;}
    .https_gate .web_banner_child div.cell>div h2:last-child{margin:20px 0 0 120px;}
    .https_gate .web_main_child .flex > div:nth-child(1), .https_gate .web_main_child .flex > div:nth-child(2), .https_gate .web_main_child .flex > div:nth-child(3) {margin-bottom: 40px;}
}
.https_gate .bo_back>div{background: url("../images/httpsgate/back.jpg");}
.https_gate .web_main_child{background: rgba(1, 44, 101, 0.8); border-top: 1px solid #3560a1;}
.https_gate .web_main_child .flex>div{padding: 50px; border-radius: 13px; background: #fff; transition: all .3s ease; position: relative; top: 0; overflow: hidden}
.https_gate .web_main_child .flex>div img{max-width: 100%}
.https_gate .web_main_child .flex>div:hover{box-shadow: 0 5px 30px rgba(0,0,0,0.1); top: -10px; z-index: 9;}

.ct .web_banner_child{background: rgba(0, 140, 88, 0.8);}
.ct .web_banner_child h2{border-bottom: 5px solid #00a94d; display: inline-block;}
.ct .web_banner_child div.cell>div h2{margin-top: 20px; display: inline-block; color: #fff; border-bottom: 5px solid #fff55a; font-style: italic}
@media (min-width:990px){
    .ct .web_banner_child div.cell>div h2{margin-right: 120px;}
    .ct .web_banner_child div.cell>div h2:last-child{margin:20px 0 0 120px;}
}
.ct .bo_back>div{background: url("../images/ct/back.jpg");}
.ct .web_main_child{  background: rgba(33, 160, 100, 0.8); border-top: 1px solid #489d86;}
.ct .web_main_child .flex>div{padding: 50px; border-radius: 13px; background: #fff; transition: all .3s ease; position: relative; top: 0; overflow: hidden}
.ct .web_main_child .flex>div img{max-width: 100%}
.ct .web_main_child .flex>div:hover{box-shadow: 0 5px 30px rgba(0,0,0,0.1); top: -10px; z-index: 9;}

.browser .web_banner_child{background: rgba(0, 72, 97,0.8);}
.browser .web_banner_child h2{border-bottom: 5px solid #00a94d; display: inline-block;}
.browser .web_banner_child .btn{box-shadow: none; width: 300px; border-width: 2px;}
.browser .bo_back>div{background: url("../images/browser/back.jpg");}
.browser .web_main_child{background: rgba(25, 92, 115, 0.8); border-top: 1px solid #26809f;}
.browser .web_main_child .flex>div{padding: 50px; background: #fff; transition: all .3s ease; position: relative; top: 0; overflow: hidden;border-top: 1px solid #ddd; border-right: 1px solid #ddd}
.browser .web_main_child .flex>div img{max-width: 100%}
.browser .web_main_child .flex>div i{font-size: 8rem; font-style: italic; font-weight: bold; color: #eaeaea; position: relative; top: 10px; left: -10px; padding-right: 10px; transition: all .3s ease}
.browser .web_main_child .flex>div:hover{box-shadow: 0 5px 30px rgba(0,0,0,0.1); z-index: 9;}
.browser .web_main_child .flex>div:hover i,.browser .web_main_child .flex>div:hover h2{color: #00a94d}
@media (min-width:990px){
    .browser .web_main_child .flex>div{width: 33.3333% !important;}
    .browser .web_main_child .flex>div:nth-child(1),.browser .web_main_child .flex>div:nth-child(2),.browser .web_main_child .flex>div:nth-child(3){border-top: none}
    .browser .web_main_child .flex>div:nth-child(3n){border-right: none}
}

/*faq*/
.faq .web_banner_child{background: rgba(31, 31, 31, 0.8); height: 300px;}
.faq .web_banner_child p{opacity: 0.8;}
.faq .bo_back>div{background: url("../images/faq/back.jpg"); background-size: 120%}
.faq .web_main_child{background: rgba(255, 255, 255, 0.95); border-top: 1px solid #353e45;}
.faq .menu_l{padding: 0; overflow: hidden; margin: 0!important; background: none}
.faq .menu_l li a{color: #555; padding: 18px 20px; display: inline-block; border: 1px solid #ccc; border-bottom:none; width: 100%;background: linear-gradient(0deg,#f2f2f2,#fff)}
.faq .menu_l li a:hover{background: #f2f2f2}
.faq .menu_l li a.cur{background: linear-gradient(0deg,#333,#666); color: #fff}
.faq .menu_l li:first-child a{border-radius: 12px 12px 0 0}
.faq .menu_l li:last-child a{border-radius: 0 0 12px 12px; border:1px solid #ccc}
.faq .cons li{position: relative;}
.faq .cons li h3.tit{font-size: 1.8rem; font-weight: bold; line-height: 2rem; border-bottom: 1px solid #ccc; margin:30px 0 20px;}
.faq .cons li .tit:before{content: ""; display: inline-block; height: 22px; width: 3px; background: #00a94d; position: absolute; left: -61px;}
.faq .cons li .con p{padding-bottom: 0;}
@media (max-width:990px){
    .web_main_child .cons{padding: 35px}
    .faq .cons li .tit:before{left: -36px}
}