.cs_w{width: 66%; margin: auto;}
.cs_w_90{width: 90%; margin: auto;}
.cs_w_80{width: 80%; margin: auto;}
.cs_w_70{width: 70%; margin: auto;}
.cs_w_60{width: 60%; margin: auto;}
.cs_w_50{width: 50%; margin: auto;}
.web_main{background: #fff; width: 100%; padding-top: 96px; overflow: hidden}
.web_main_a{padding-top: 142px}
.web_main_a h2{color: #222}
.web_main h2{font-size: 42px;font-size: 4.2rem; line-height: 60px;line-height: 6rem; color: #fff}
body .btn,body .s_btn{padding-top: 11px!important;padding-bottom: 11px!important; min-width: 140px;}
.en.index h2{line-height: 4.5rem!important;}
.en.index h3{line-height:3.2rem!important;}
@media (max-width:990px) {
    .en h1{line-height: 5rem!important;}
    .en h2{line-height: 4.2rem!important;}
}
.font li.icon-ture_around{color: #fff; margin: 20px 0 0; padding-left: 26px; position: relative;}
.font li.icon-ture_around:before{color: #00a94d; padding-right: 8px; position: absolute; top: 1px; left: 0}
.cons.table{height: 100%}
@media (max-width:1380px) {
    .cs_w_90,.cs_w_80,.cs_w_70,.cs_w_60,.cs_w_50,.cs_w{width: 90%!important;}
}
@media (max-width:990px) {
    .cs_w_90,.cs_w_80,.cs_w_70,.cs_w_60,.cs_w_50,.cs_w{width: 80%!important;}
    .cons.table:before{content: ""; width: 100vw; height: 100vh; position: absolute; left: 0; top: 0; background: linear-gradient(rgba(7, 27, 56, 0.4),rgba(7, 27, 56, 0.7))}
}
.vh{min-height: 900px; height: 100vh}
@media (max-height: 990px) {
    .vh{min-height: 100vh;}

}

/*header*/
.header{position: fixed; top: 0; width: 100%;background: rgba(255,255,255,10);border-bottom: 1px solid rgba(0,0,0,0.06); transition: all 0.8s ease; z-index: 90}
.header .logo{background: url("../images/logo.svg") center no-repeat; width: 130px; height: 48px; display: inline-block;}
.en .header .logo{background: url("../images/logo_en.svg") center no-repeat; width: 170px; height: 48px; display: inline-block;}
.header .menu{display: inline-block; font-family: "Microsoft YaHei Light"!important; position: relative}
.menu_back{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 30;transition: all .5s ease-in-out;background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(7px);}
.menu_s_back{position: fixed; top: 98px; left: 0; background: #fff;width: 100%;  height: 152px; z-index: 31;}
.index .menu_s_back{position: fixed; top: 0; left: 0; background: #fff; width: 100%; height: 250px; z-index: 31;}
.menu_s_back.b{top: -152px;}
.header .menu ul{z-index: 99;position: relative; font-size: 0;}
.header .menu li{display: inline-block; font-size: 1.6rem}
.header .menu li .a{color: #222; padding: 36px 26px; display: inline-block; position: relative;}
.header .menu li .a:hover{color: #00a94d}
@media (min-width:1405px) {
    .header .logo{height: 98px; display: inline-block; padding: 25px 0}
    .header .menu li dl{position: absolute; display: block!important; top: 97px;opacity: 0; margin: 0 20px; width: 900px; text-align: center; left: -445px; transition: all .7s ease; pointer-events: none;}
    .header .menu li dl dd{display: inline-block; position: relative;left: 20px; margin:0 20px;}
    .header .menu li dl dd .a{color: #222;margin: 0; padding: 60px 0}
    .header .menu li dl dd .a:before{display: none}
    .header .menu li .a:hover dl {opacity: 1; top: 97px; left: -425px; pointer-events: auto;}
}
.index_a.header{background: none; }
.index.header{background: none; box-shadow: 0 3px 9px rgba(0,0,0,0); border-bottom: 1px solid rgba(0,0,0,0);}
.index.header .menu li .a{color: #fff;}
.index.header .menu li .a i{color: #fff}
.header .menu li .a i{ margin: -11px 0 0 -1px;padding:0 9px; font-size: 10px; color: #555; opacity: 0.5;transition: all .2s ease; display: inline-block;position: absolute; top: 50%}
.header .menu li .a:hover i{transform: rotate(180deg);transform: rotate(180deg); margin-top: -14px}
.header .menu li .a:before{transition: all .3s ease; content: ""; width: 0; height: 3px; display: inline-block; border-radius: 30px; position: absolute; left: 50%; margin-left:0; top: 96px; background: #00a94d}
.header .menu li .a:hover:before{width: calc(100% - 50px);margin-left: -50%; left: calc(50% + 25px);}
.header .menu li .a em{opacity: 0.5; padding-left: 8px;}
.header .search a{padding-left: 20px; font-size: 16px;font-size: 1.6rem;}
.index.header .search a{color: #fff}
.header .search a:hover,.index.header .search a:hover{color: #00a94d}
.index.header .menu li a:before{bottom: 20px}
.index.header .logo{background: url("../images/logo_w.svg") center left no-repeat;}
.en .index.header .logo{background: url("../images/logo_w_en.svg") center left no-repeat;}
#search_con{position: fixed; left: 0; top: 0; z-index: 91; background: #fff; box-shadow: 0 3px 9px rgba(0,0,0,0.2); width: 100%; padding: 50px; display: none;}
@media (max-width: 1405px) {
    .header .menu li dl{margin-top: 23px;}
    .header .menu li dd .a{border-top: 1px solid #ffffff90; padding: 12px 0; margin-left: 30px;}
    .header .menu li i{top: 33px!important;}
    .header .menu li.close i{transform: rotate(180deg);transform: rotate(180deg); margin-top: -14px; opacity: 1}
    .header .menu li .a{width: 100%;}
    .header .menu li .a i{position: absolute; width: auto; height: auto; opacity: 1; color: #fff; font-size: 1.4rem}
    .header .menu li .a:before{display: none}
    .index.header .logo{background-size: auto 40px;}
    .header .menus{width: 90% !important; padding: 20px 0; position: relative}
    .header .menus .search{position: absolute; right: 46px; top: 35px;}
    .header .menu{order: 3}
    .header .menu ul{display: none}
    .header .menu li .a{padding:20px 0!important;color: #fff;}
    .header .menu li .a::before{}
    .menu_back,.menu_s_back{display: none!important;}
}
@media (max-width:1405px) {
    .header .menu li>strong,.header .menu li>a{color:#fff;}
    .header .s_menu .cs_w{width: 90% !important; padding: 10px 0}
    .menu{background: rgba(27, 28, 49, 0); transition: all .3s ease}
    .menu.close{background: rgba(27, 28, 49, 0.95);backdrop-filter: blur(8px); width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 99}
    .menu.close i{position: fixed; top: 20px; right: 20px; margin-top: 0}
    .menu>i{position: relative;top: 3px; cursor: pointer; height: 24px; width: 20px;border-top: 3px solid #00a94d; float: right; transition: all .3s ease}
    .menu.close i{width: 35px; height: 35px;}
    .menu.close i:hover{transform: rotate(90deg)}
    .menu>i:before{content: ""; width: 16px; height: 3px; background: #00a94d; display: block; position: absolute; left: 0; top: 4px; transition: all .3s ease; border-radius: 20px;}
    .menu>i:after{content: ""; width: 20px; height: 3px; background: #00a94d; display: block; position: absolute; left: 0; top: 11px; transition: all .3s ease; border-radius: 20px;}
    .menu.close i:before,.menu.close i:after{left: -3px;}
    .menu ul{display:none;position: fixed;top: 80px; width: 100vw; left: 0; z-index: 999; float: none}
    .menu ul li{width: 100%; padding:0 5%; height: auto; line-height: inherit; border-top: 1px solid rgba(256,256,256,0.4); text-align: left}
    .menu ul li:first-child{border:none;}
    .menu ul li>strong{width: 100%; line-height: 30px;line-height: 3rem; margin: 0!important;}
    .menu.close>i{border:none}
    .menu.close>i:before{transform: rotate(45deg); top: 15px; width: 40px;}
    .menu.close>i:after{transform: rotate(-45deg); top: 15px; width: 40px;}
    .menu .se_menu{background: none; padding:0 10%; left:0; position: relative; width:100%; opacity: 1; z-index: 99; height: auto; margin: 0; box-shadow: none; display: none}
    .menu .se_menu .a{color: #fff;text-align: right; position: relative; z-index: 999; pointer-events: auto; padding: 10px 0; border-color: rgba(256,256,256,0.4)}
    .menu .se_menu::before{display: none}
    .menu strong.a img{transform: rotate(180deg); opacity: 1}
    .s_menu .bt_search,.s_menu span.color8{display: none}
}
@media (max-width:990px) {
    .header .logo{display: none!important;}
}

/*banner*/
.web_banner{background: url("../images/index/banner_back.jpg") center no-repeat; background-size: cover; position: relative; z-index: 20; min-height: auto}
.web_banner .con{height: 100%;}
.web_banner .img{background: url("../images/index/banner_pic_0.png") left center no-repeat; height: 100%;}
.web_banner .img:hover{animation: banner_pic .18s forwards ease-in-out;}
@keyframes banner_pic {
    0%{background-image: url("../images/index/banner_pic_0.png")}
    25%{background-image: url("../images/index/banner_pic_1.png")}
    50%{background-image: url("../images/index/banner_pic_2.png")}
    75%{background-image: url("../images/index/banner_pic_3.png")}
    100%{background-image: url("../images/index/banner_pic_4.png")}
}
.web_banner .font{animation: font 1s 1 cubic-bezier(.1, .49, .42, .99) forwards; position: relative; top: 100px; opacity: 0}
@keyframes font {
    0%{top: 100px; opacity: 0}
    100%{top: 0; opacity: 100}
}
@media (max-width:1890px ) {.web_banner .img,.web_banner .img:hover{background-size: auto 70% !important;}}
@media (max-width:1280px ) {.web_banner .img,.web_banner .img:hover{background-size: auto 60% !important;}}
@media (max-width:1024px ) {.web_banner .img,.web_banner .img:hover{background-size: 0}}
@media (max-width:990px ) {.web_banner .img{display: none}.web_banner .font{width: 100%!important;}.scroll_down{display: none}}
.web_banner .font a.btn{margin-top: 100px;}
.web_banner h1{font-size: 5rem; line-height: 7rem; padding: 15px 0; margin-bottom: 30px;}
.web_banner .scroll_down{position: absolute; left: 60px; bottom: 20px; animation: sc_down 0.5s infinite  alternate cubic-bezier(.1, .49, .42, .99); opacity: 0.5}
.web_banner .scroll_down span{display: block; line-height: 1.8rem; color: #fff; font-size: 1.3rem;}
.en .web_banner .scroll_down span{transform: rotate(90deg); margin:0 0 26px 3px;}
@keyframes sc_down {
    0%{bottom: 20px;}
    100%{bottom: 30px;}
}
@media (max-width:990px ) {
    .web_banner h1{padding-right: 0!important;}
}

/*footer*/
.footer{width:100%; position: relative; color: #555; padding: 70px 3% 240px; z-index: 30; font-size: 1.5rem}
.footer_back{ background:#010915 url("../images/index/footer_back.jpg") bottom center no-repeat; background-size: cover; width: 100%; height: 50vh; z-index: 10; bottom: 0; left: 0}
.footer ul{border-bottom:1px solid #2e2f39; margin-bottom: 20px;}
.footer a.pointer_e{color: #444}
.footer li{padding: 0 15px 20px 15px; display: inline-block;}
.footer li a{color: #888}
.footer li a:hover{color: #fff}
.footer .logo img{opacity: 0.5; transition: all .5s ease}
.footer .logo:hover img{opacity: 1}
@media (max-width: 990px) {
    body .footer{text-align: left!important;}
    .footer li{width: 49%; text-align: left!important; padding-left: 0}
    .footer ul.cs_w{margin: 0 0 10px 0!important; width: 100% !important}
    .footer ul{text-align: left;}
}
/*suspension_right*/
.suspension_right{position: fixed; right: 26px; bottom: 50px; z-index: 30}
.suspension_right ul{text-align: right;flex-wrap: wrap-reverse;}
.suspension_right li{width: 38px; height: 38px; text-align: center; margin-top: 10px; cursor: pointer;}
.suspension_right li a{display: inline-block; width: 100%; height: 100%; line-height: 38px;line-height: 3.8rem; background: #ccc; border-radius: 90px; cursor: pointer; opacity: 0.5; color: #fff}
.suspension_right li a:hover{color: #fff; opacity: 1}
.suspension_right li.ac{width: 69px; height: 64px;}
.suspension_right li.ac a{background: url("../images/activities/icon_920.png") center no-repeat; border-radius: 0; position: relative; right: -10px; animation: su_ac 0.4s infinite }
@keyframes su_ac {
    0% {background: url("../images/activities/icon_920.png") center no-repeat;}
    35% {background: url("../images/activities/icon_920_02.png") center no-repeat;}
    75% {background: url("../images/activities/icon_920_03.png") center no-repeat;}
}
.suspension_right li.wx{position: relative;}
.suspension_right li.wx .qr{position: absolute; top: 250px; right: 60px; transition: all .3s ease; z-index: 1; opacity: 0; border-radius: 3px; border: 1px solid #ccc}
.suspension_right li.wx .qr img{width: 125px;}
.suspension_right li.wx:hover .qr{top: -30px; opacity: 1;}
.suspension_right li.wx a,.suspension_right li.ser a,.suspension_right li.top a{background-color: rgba(128, 128, 128, 0.5)
}
.suspension_right li.wx a:hover,.suspension_right li.ser a:hover,.suspension_right li.top a:hover{background-color: rgba(0,169,77,1)}
@media (max-width: 550px) {
    .suspension_right{display: none}
}

/*web main*/
.con_01,.con_02,.con_03,.con_04,.index_blog,.ind_partners,.sectigo_cersign,.index_web_cloud,.index_browser{position: relative; width: 80%; transition: all 1s ease; margin: auto; top: 200px; z-index: 20;}
.con_01.animation,.con_02.animation,.con_03.animation,.con_04.animation,.index_blog.animation,.ind_partners.animation,.sectigo_cersign.animation,.index_web_cloud.animation,.index_browser.animation{width:100%; top: 0;}
/*con_01*/
.con_01{background: url("../images/index/six_back.jpg") center no-repeat; background-size: cover; overflow: hidden;}
.con_01 .pic{position: relative; top: 18.5%; transform: rotate(50deg) scale(0.6); transition: all .3s ease;animation: six_pic_b 1s 1 forwards linear;}
.con_01.animation .pic{animation: six_pic 1s 1 forwards linear; transform: rotate(50deg) scale(0.6)}
.con_01 .s_font{background: rgba(255,255,255,0.35); display: inline-block; padding: 5px 20px; border-radius: 90px; position: absolute; right:5%;animation: six_s_font_b .3s 1 forwards linear;opacity: 0; bottom: 0;}
.con_01.animation .s_font{animation: six_s_font 1s 1 forwards linear;animation-delay:2s;}
.con_01 .s_font img{position: relative; top: -2px; z-index: 20}
.con_01 .s_font strong{color: #192a5e; line-height: 30px;line-height: 3rem; padding-left: 6px;font-size: 18px;font-size: 1.8rem; position: relative; z-index: 20}
.con_01 .s_font:before{content: ""; width: 0; height: 100%;opacity: 0; left: 50%; top: 0; position: absolute; z-index: 9; transition: all .5s ease; background: #fff; border-radius: 50px;}
.con_01 .s_font:hover:before{background: rgba(255,255,255,1); width: 100%; margin-left: -50%; opacity: 1;}
@keyframes six_pic_b {
    from{transform: rotate(0deg) scale(1); opacity: 1}
    to{transform: rotate(50deg) scale(0.6); opacity: 0}
}
@keyframes six_pic {
    from{transform: rotate(50deg)  scale(0.6); opacity: 0}
    to{transform: rotate(0deg)  scale(1); opacity: 1}
}
@keyframes six_s_font_b {
    from{opacity: 1; bottom: 70px}
    to{opacity: 0; bottom: 0}
}
@keyframes six_s_font {
    from{opacity: 0; bottom: 0}
    to{opacity: 1; bottom: 70px}
}
.six_lists{position: absolute; top: 100px;}
.six_lists h2{color: #222; font-size: 30px; font-size: 3rem; line-height: 36px; line-height: 3.6rem}
.six_lists .list{width: calc(50% - 150px);text-align: left; margin:0 0 85px 0; opacity: 0; position: relative;}
.six_lists .list:first-child{left: 170px}
.six_lists .list:nth-child(2){left: -88px}
.six_lists .list:nth-child(3){left: 88px}
.six_lists .list:nth-child(4){left: 28px; top: 127px}
.six_lists .list:nth-child(5){left: -28px; top: 127px}

.animation .six_lists .list:nth-child(2n-1){animation: six_list_a .8s 1 forwards linear; animation-delay:1.2s;}
.animation .six_lists .list:nth-child(2n){animation: six_list .8s 1 forwards linear; animation-delay:1.2s;}

.six_lists .list.flex_r{padding: 0 46px 0 0; opacity: 0;animation: six_list_a_b .8s 1 forwards linear; right: -155px;}
.six_lists .list.flex_r .font{text-align: right; padding-right: 20px;}
.six_lists .list .font{text-align: left; padding-left: 20px; position: relative;transition: all .5s ease}
.six_lists .list .font h2{padding:23px 0 10px;}
.six_lists .list .font_h{display: none;text-align: left; margin-top: -80px; z-index: 11;}
.six_lists .list .font_h span{position: absolute; width: 300px; display: inline-block; right: 22px; text-align: right}

.six_lists .six_icon{text-align: center;width: 120px; height: 120px; border-radius: 500px; box-shadow:0 9px 30px rgba(0,0,0,0.4); position: relative}
.six_lists .six_icon img{margin-top: 31px;}
.six_lists .six_icon:before{content: ""; width: 0; height: 0;position: absolute;opacity: 0; z-index: 20; left: 50%; bottom: 50%; display: inline-block; transition: all .5s ease}
.six_lists .six_icon.a{background: #28779b}
.six_lists .six_icon.b{background: #1a8d60}
.six_lists .six_icon.c{background: #113a63}
.six_lists .six_icon.d{background: #2e74bc}
.six_lists .six_icon.e{background: #25489f}
.six_lists .six_icon.f{background: #03767d}
.six_lists .list .six_icon img{position: relative; z-index: 30}
.six_lists .list:hover .six_icon:before{width: 120px; height: 120px;opacity: 1; margin:0 0 -60px -60px; border-radius: 500px; background: #3293bf;}
.six_lists .list:hover .six_icon.b:before{background: #20a772;}
.six_lists .list:hover .six_icon.c:before{background: #1b5690;}
.six_lists .list:hover .six_icon.d:before{background: #3484d7;}
.six_lists .list:hover .six_icon.e:before{background: #2c58c4;}
.six_lists .list:hover .six_icon.f:before{background: #048d95;}
.six_lists .list.flex_r:hover .font{padding-right: 15px;}
.six_lists .list:hover .font{padding-left: 15px;}
.six_lists .list .font h3{opacity: 0; position: relative; top: 0;transition: all .3s ease}
.six_lists .list .font h4{opacity: 1; position: relative; top: 0;transition: all .3s ease}
.six_lists .list:hover .font h4{top: -15px; opacity: 0}
.six_lists .list:hover .font h3{top: -25px; opacity: 1}
@keyframes six_list_b {
    from{padding: 0 0 0 100px;opacity: 1;}
    to{padding: 0 0 0 150px;opacity: 0;}
}
@keyframes six_list {
    from{padding: 0 150px 0 0;opacity: 0;}
    to{padding: 0 0 0 0;opacity: 1;}
}
@keyframes six_list_a_b {
    from{padding: 0 100px 0 0;opacity: 1;}
    to{padding: 0 150px 0 0;opacity: 0;}
}
@keyframes six_list_a {
    from{padding: 0 0 0 150px;opacity: 0;}
    to{padding: 0 0 0 0;opacity: 1;}
}
@media (max-width: 1280px) {
    .con_01{display: none}
}

/*con_02*/
.con_02{background: url("../images/index/con2_back.jpg") center no-repeat; background-size: cover;}
.con_02 .font,.con_04 .font,.ind_partners.font{transition: all .3s ease; position: relative; top: 100px; opacity: 0; animation-delay: 5s}
.con_02.animation .font,.con_04.animation .font,.ind_partners.animation .font,.index_browser.animation .font,.index_web_cloud.animation .font{animation: con02_font 1s 1 cubic-bezier(.1, .49, .42, .99) forwards; animation-delay:1s; position: relative; top: 100px; opacity: 0}
.con_02.animation .font h1,.con_04.animation .font h1,.ind_partners.animation .font h1{color: #fff; font-size: 42px;font-size: 4.2rem; line-height: 60px;line-height:6rem}
.con_02.animation .font h1 strong{color: #fff; font-weight: bold}
.index .font a.btn{margin-top: 100px;}
@keyframes con02_font {
    0%{top: 100px; opacity: 0}
    100%{top: 0; opacity: 100}
}
.en.index .icon-ture_around{width:80% !important;}
@media (max-width: 990px) {
    .en.index .icon-ture_around{width: 100% !important;}
}
/*con_03*/
.con_03{background: url("../images/index/con3_back.jpg") center no-repeat; background-size: cover; padding: 80px 0; position: relative; z-index: 30}
@media (min-width: 990px) {
    .con_03 h2{padding:0 0 0 100px;}
    .con_03 h2:first-child{padding:0 100px 0 0}
    .en .con_03 h2{padding:0!important;}
}
@media (max-width: 990px) {
    .con_03.vh{height: auto}
}
.con_03 h2 strong{color: #fff; font-weight: bold}
.con_03 .tit h2{transition: all .3s ease; position: relative; top: 100px; opacity: 0; animation-delay: 5s; font-weight: normal}
.con_03.animation .tit h2{animation: con02_font 1s 1 cubic-bezier(.1, .49, .42, .99) forwards; animation-delay:1s; position: relative; top: 100px; opacity: 0}
.con_03.animation .tit h2:first-child{ animation-delay: .54s}
.con_03 .con{margin-top: 8%}
.con_03 .con img{width: 100%}
.con_03 .con>div{transition: all .3s ease; position: relative; top: 100px; opacity: 0; animation-delay: 5s}
.con_03.animation .con>div{animation: con02_font 1s 1 cubic-bezier(.1, .49, .42, .99) forwards; animation-delay:1s; position: relative; top: 100px; opacity: 0}
.con_03.animation .con>div:first-child+div{ animation-delay: 1.4s}
.con_03.animation .con>div:first-child+div+div{ animation-delay: 1.6s}
.con_03.animation .con h3{width: 100%; background: #ffffff; padding: 25px 0; position: absolute; bottom: 0; text-align: center; transition: all .3s ease}
.con_03.animation .con>div:hover h3{padding: 35px 0;}

/*con_04*/
.con_04{background: url("../images/index/con4_back.jpg") center no-repeat; background-size: cover; top: 0; left: 0;}
.con_04 .cons{height:75%}
.con_04 .cons h2{padding-top: 80px;}
.con_04 .cons .font{padding-left: 61%}
.con_04 .b_font{background: linear-gradient(0deg,#00a94d 20%,rgba(0, 169, 77, 0)); height: 25%; width: 100%}
.con_04 .b_font h3{color: #fff; width: 33.333%; text-align: center; vertical-align: middle; padding-top: 90px;transition: all .3s ease; position: relative; top: 100px; opacity: 0;}
.con_04 .b_font h3 strong{color: #fff; font-weight: bold; font-size: 30px;font-size: 3rem; padding-right: 5px;}
.con_04.animation .b_font h3{animation: con02_font 1s forwards; animation-delay:1.2s; top: 100px; position: relative; opacity: 0}
.con_04 .b_font h3:first-child+h3{ animation-delay: 1.4s}
.con_04 .b_font h3:first-child+h3+h3{ animation-delay: 1.6s}

/*partners*/
.ind_partners{background: url("../images/index/partner_back.jpg") center no-repeat; background-size: cover;}
.ind_partners h2{margin-top: -120px;}
@media (max-width: 990px) {
    .ind_partners h3{width: 100% !important}
}

/*blog*/
.index_blog{background: #fff; position: relative;z-index: 30}
.index_blog img{width: 100%}
.index_blog .con{display: block; padding: 30px; position: relative}
.index_blog .table{height: 100%}
.index_blog .table .blog_con>a{display:inline-block; background: #fff; padding-bottom: 30px; height: 100%}
.index_blog h2{color: #222}
.index_blog .table h3,.index_blog .flex em,.index_blog .flex span{padding: 0 30px}
.index_blog .table h3{padding-top: 30px; text-align: left; font-size: 22px;}
.index_blog .table em{padding: 20px 30px; margin-bottom: 30px; min-height:140px; text-align: left;}
.index_blog .table span{position: absolute; bottom: 30px; width: 100%; padding:0 30px;}
.index_blog .table label:hover{color: #00a94d; cursor: pointer;}
.index_blog .cons>div{transition: all .3s ease; position: relative; top: 100px; opacity: 0;}
.index_blog.animation .cons>div{animation: con02_font 1s forwards; animation-delay:.3s; top: 100px; position: relative; opacity: 0}
.index_blog.animation .cons>div:first-child+div{ animation-delay: 1s}
.index_blog.animation .cons>div:first-child+div+div{ animation-delay: 1.2s}
.index_blog.animation .cons>div:first-child+div+div+div{ animation-delay: 1.4s}
.blog_font .btn{margin-top: 100px}
.index_blog .blog_con{width: 22%}
.index_blog .blog_font{margin-top: -40px}
@media (max-width: 990px) {
    .index_blog.vh{height: auto; padding: 100px 0}
}
@media (max-width:720px) {
    .index_blog .flex>a{width: 100%!important; margin-top: 35px;}
    .index_blog .flex>a:first-child{margin-top: 0}
    .index_blog h2{padding-bottom: 30px;}
    .index_blog h2::after{top: 40px; left: 50%; margin-left: -70px}
}

/*sectigo_cersign中级根*/
.sectigo_cersign{background:#000 url("../images/activities/sectigo_cersign.jpg") center no-repeat; background-size: cover; height: 554px; position: relative;z-index: 20}
.sectigo_cersign h2{padding: 30px 98px 30px 30px; background: #00a94d; color: #fff; position: relative; margin-top: -50px; font-size: 32px;}
.sectigo_cersign h2 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}
}

.index_browser{background:#000 url("../images/index/browser_back.jpg") center no-repeat; background-size: cover; position: relative;z-index: 20}
.index_browser .icon_list{position: relative;}
.index_browser .icon_list>div{cursor: pointer;}
.index_browser .icon_list>div img{height: 76px;}
.index_browser .icon_list>div img.hover{display: none}
.index_browser .icon_list .fonts{position: absolute; text-align: center;pointer-events: none; top: 80px;width: 100%; padding: 5px 10px!important; background: #ffffff20; opacity: 0; left: 0; transition: all .3s ease}
.index_browser .icon_list>div:hover .fonts{top:100px; opacity: 1;}
.index_browser .icon_list>div:hover img{display: none}
.index_browser .icon_list>div:hover img.hover{display: block}
@media (max-width: 990px) {
    .index_browser .img{display: none}
    .index_browser .icon_list>div img{display: none}
    .index_browser .icon_list .fonts{top: 0; position: relative; opacity: 1; text-align: left; background: none;margin:0!important;padding:0 0 0 26px!important;}
    .index_browser .icon_list .fonts:before{content: "\e90d";font-family: 'icomoon' ,Arial,Microsoft YaHei,Georgia,Times New Roman,Times,serif !important; color: #00a94d; position: absolute; left: 0}
    .index_browser .btn_b{margin-bottom: 20px; width: 100%; display: none!important;}
    .index_browser .icon_list > div{margin-top: 20px;}
}

.index_web_cloud{background:#000 url("../images/index/index_web_cloud_back.jpg") center no-repeat; background-size: cover; position: relative;z-index: 20}


.en .index_web_cloud{background:#000 url("../images/index/index_web_cloud_back_en.jpg") center no-repeat;}
.en .index_web_cloud{background:#000 url("../images/index/index_web_cloud_back_en.jpg") center no-repeat;}
.en .sectigo_cersign{background:#000 url("../images/activities/sectigo_cersign_en.jpg") center no-repeat; background-size: cover; height: 554px; position: relative;z-index: 20}
@media (max-width:1200px) {
    .en .sectigo_cersign{background:#b5a895 url("../images/activities/sectigo_cersign_p_en.jpg") center bottom no-repeat;background-size: 100%;}
}

.en .six_lists .list:first-child{left: 232px;}
.en .six_lists .list:nth-child(5),.en .six_lists .list:nth-child(4){top:157px}

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

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

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

/*add 8-16*/
.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;}
}