/*reset start*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-family:'pingfang SC',arial,'microsoft yahei','helvetica neue','hiragino sans gb','microsoft yahei ui',simsun,sans-serif;font-size: 100%;border: 0;vertical-align: baseline;background: transparent; line-height: 24px;}
.dis_none{display: none!important;}a{color: #26d3a8;}a:hover{text-decoration:none;}html {height: 100%;}
body{font-size: 14px;}
body {height: 100%;background: #f2f9fa;}
h1 {font-weight: 100;}
ul, ol, li {list-style: none;}
img {border: none;}
em {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0; line-height: 34px;}
.mixin-activity{height: 95px;width: 430px;margin-top: 10px;margin-left: 30px;}
.activity {height: 28px; }
.activity p{position: relative;left: 53px;top: -44px;}
.clearfix:before,.clearfix:after {content: ".";display: block;height: 0;visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
input[type=button], input[type=submit], input[type=file], button {-webkit-appearance: none; }
a.color_b{color: #2c81cb}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 500;}
p {margin: 0 0 10px;}
label { display: inline-block; margin-bottom: 5px;}
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[name=txtEmailCode]:focus,input[type=email]:focus{border-color: #26d3a8!important; -webkit-box-shadow: 0 0 15px #03a9f4; box-shadow: 0 0 9px #b3efe0;}
input{text-indent: 5px;}
.bt_green{background-color: #26d3a8;border-radius: 4px;text-align: center;white-space: nowrap;vertical-align: middle;font-size: 14px;font-weight: 400;display: inline-block;padding: 6px 12px; color: #fff; text-decoration: none;}
.bt_green:hover{background-color: #4ae3bd; color: #fff;text-decoration: none}
.font_w_n{font-weight: normal;padding-top: 8px;}
.pos_{position: relative;}
.gre_color{color: #1eca9f!important;}
.top-10{top: -10px;}
.gre_back{background: #e1f3ea;padding: 5px 15px;border-radius: 50px;}
.top3{top:3px;}
.top7{top:7px;}
.top12 { top: 12px;}
.line_l{padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc;}
@media (min-width:1024px){.pc_t_r{text-align: right!important}}
input::-webkit-input-placeholder{color:#888;}
input::-moz-placeholder{color:#888;}
input:-ms-input-placeholder{ color:#888;}
p.text_normal{font-size: 14px!important; color: #444!important; text-indent: 0!important;}
.text_indent0{text-indent: 0!important}
.arrow {
width: 0;
height: 0;
line-height: 0;
border-left-color: transparent;
border-right-color: transparent;
}
.t15 {margin-top: 15px;}
.f_l {float: left;}
.f_r {float: right;}
.red {color: #f05c3e;}
.w100 {width: 100%;}
sup{padding: 0 5px 0 2px;}
.back_white{background: #fff;}
a{color: #26d3a8;text-decoration:none!important;}
a:hover{color: #1db18b;}
/*reset end*/
/*header_a*/
.header_a{width: 100%; position: fixed; top: 0; background: #fff;-webkit-box-sizing:content-box;box-sizing: content-box;z-index: 999999;box-sizing: border-box;transition: all .5s ease}
.header_a.a{ box-shadow: 0 6px 30px rgb(0, 0, 0, 0.09); top: 0}
.header_a.b{top: -100px}
.header_a .logo_a{position: absolute; padding: 12px 0 0 ; left: 0; line-height: normal}
.header_a .logo_a img{height:52px;}
.header_b{width:98%; height: 76px; margin: auto; position: relative}
.h_mid{transition: all .3s ease}
.h_mid ul{font-size: 0}
.h_mid li{display: inline-block;letter-spacing: normal}
.h_mid li a{color: #444; font-size: 16px; padding: 26px 18px; transition: all .3s ease; display: inline-block; position: relative; top: 0; font-weight: bold}
.h_mid li a:before{content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; margin-left:0; background: #26d3a8; border-radius: 30px; transition: all .3s ease}
.h_mid li a:hover,.h_mid li a.cur{color: #05b388; }
.h_mid li a:hover:before,.h_mid li a.cur:before{width: 50px; margin-left: -25px;}
/*index-header*/
@media(min-width:990px){
.index .header_a{background: #0a0f21}
.index .h_mid li a{color: #ccc}
.index .h_mid li a:hover,.index .h_mid li a.cur{color: #05b388;}
.index.cn .header_a .logo_a{height: 64px; display: inline-block; background: url(../file/logo_w.png) left 14px no-repeat;width: 138px;background-size: auto 48px; opacity: 0.85}
.index .header_a .logo_a:hover{opacity: 1}
.index .header_a .logo_a img{display: none}
}
/*header_right nav*/
.header_a .h_right {position: absolute; right: 0; top:0;}
.h_right ul{display: table}
.h_right li{display: table-cell; vertical-align:middle; height: 76px;}
.h_right li a{display: block;}
.h_right li.lan{padding-left: 15px;}
.h_right li.lan a.lan_cn,.h_right li.lan a.lan_pre{ width: 42px; height: 32px; background: url(images/mesign/lan_en.png) center no-repeat; background-size: auto 30px;}
.h_right li.lan a.lan_en{background-image: url(images/mesign/lan_cn.png); }
.h_right li.lan a.lan_pre{background-image: url(images/mesign/lan_per.png);}
.h_right li.lan a{transition: all .3s ease; position: relative; top: 0}
.h_right li.lan a:hover{top: -5px;}
.h_right li.nav_s{position: relative; background: #26d3a8;}
.h_right li.nav_s dl{display: none}
.h_right li.nav_s dl{position: absolute; top: 76px; right: 0; width: 200px; background:url(images/mesign/black_back.png); z-index: 999999}
.h_right li.nav_s dl dd a{color: #fff; padding: 20px 15%; width: 70%; font-size: 14px; text-align: left;-webkit-box-sizing:content-box;box-sizing: content-box; border-top:1px solid #444;}
.h_right li.nav_s dl dd a:hover{color: #26d3a8; background: #333}
.h_right li.nav_s span{display: block; width: 66px; height: 76px; background: url(images/mesign/nav.png) center no-repeat; background-size: auto 30px; cursor: pointer; transition: all .3s ease}
.h_right li.nav_s span.a{background-image: url(images/mesign/nav_c.png);}
.lan img{height: 32px;}
.h_right li.nav_s dl dd.account_m{display: none;}
@media(min-width:1120px){
.h_right li.nav_s{display: none;}
}
@media(max-width:1120px){
.header_a{ box-shadow: 0 6px 30px rgb(0, 0, 0, 0.09);}
.h_right li.lan{padding-right: 15px; padding-left: 0}
.header_b{width: 100%;}
.header_a .logo_a{left: 10px;}
.header_a .h_mid{display: none;}
}
@media(max-width:750px){
.h_right li.nav_s{position: relative;}
.h_right li.nav_s dl{display: none}
.h_right li.nav_s dl{position: fixed; top: 76px; width: 100%; background: #fff; z-index: 999999;-webkit-box-shadow: 0 12px 12px rgb(5, 0, 0,0.1); box-shadow: 0 0 5px 6px rgb(0, 0, 0,0,1);}
.h_right li.nav_s dl dd{width: 100%; background: #fafafa;}
.h_right li.nav_s dl dd a{color: #222; border-top:1px solid #eee; padding: 19px 15%; width: 70%; font-size: 16px; text-align: center}
.h_right li.p_lan{display: none}
.h_right li.nav_s dl dd.account_m{display: block}
}
@media(max-width:550px){
/* nav*/
.banner-list ul,.banner-list li,.banner-list li span,.banner-list li a{height: auto;}
.banner-list li span{float:left; display: block}
}
/*index banner*/
.banner{overflow:hidden;position:relative;margin-top: 68px; z-index: 9999; background: #007af7;/*background:url(/images/mesign/web_style/banner-shadow.png) no-repeat center 356px #f2f2f2;*/}
.banner-list{overflow:hidden;position:relative;}
.banner-list ul{width:100%;overflow:hidden;position:absolute;top:0;left:0}
.banner-list li{float:left;width:100%; -webkit-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: relative}
.banner-list li .font{position: absolute; width: 660px; left: 50%; top: 320px; margin-left: 42px;}
.banner-list li .font h1{font-size: 36px; padding-bottom: 30px; border-bottom: 1px solid #a3cbdb; display: inline-block; margin-bottom: 20px; letter-spacing: 0.7px; font-weight: 600;}
.banner-list li .font em{font-size: 33px; padding-top: 26px; display: inline-block}
.banner-list li .font dl{display: inline-block}
.banner-list li .font dd{padding-left: 26px; background: url(images/banner_icon%20true.png) left center no-repeat; font-size: 16px; color: #222; float: left; width: 202px; margin-bottom: 10px;}
.banner-list li .font dd.spa{letter-spacing: 2.3px}
.banner-list li .font dd.spa_a{letter-spacing: 1.2px}
.banner-list li .font_a{width: 736px;}
.banner-list li .font_a dd{width: 268px;}
.banner-list li .font .qr{padding-top: 20px;}
.banner-list li .font .qr img{width: 130px; padding: 8px; border: 2px solid #26d3a8; border-radius: 6px;}
.banner-list li .font .qr a{border: 2px solid #26d3a8; border-radius: 56px; padding: 8px 30px 8px 65px; display:block; height: auto; color: #26d3a8; font-size: 17px;font-weight: 600; margin: 10px 0 10px 20px; text-align: right; transition: all .3s ease}
.banner-list li .font .qr a.mobile{background: url(images/mobile_icon.png) 31px 10px no-repeat}
.banner-list li .font .qr a.pc{background: url(images/windows_icon.png) 30px 10px no-repeat;}
.banner-list li .font .qr a:hover{background-position: 31px -50px; background-color: #26d3a8; color: #fff}
.banner-list li .font .qr a.pc:hover{background-position: 30px -50px;}
.banner-list li span{display:block;width:100%;}
.banner-list li>a{display:block;width:100%;}
.banner-list li span img{display: none;}
.banner-list li .img_0{background:url('images/mesign/banner00.jpg') center top no-repeat}
.banner-list li .img_1{background:url('images/mesign/banner01.jpg') center top no-repeat}
.banner-list li .img_2{background:url('images/mesign/banner02.jpg') center top no-repeat}
.banner-list li .img_3{background:url('images/mesign/banner03.jpg') center top no-repeat}
.banner-list li .img_4{background:url('images/mesign/banner04.jpg') center top no-repeat}
.banner-list li .img_5{background:url('images/mesign/banner05.jpg') center top no-repeat}
@media(min-width:750px){
.banner-list li .font .qr .phone{display: none;}
}
.banner,.banner-list,.banner-list ul,.banner-list li,.banner-list li span,.banner-list li a{height: 600px;}
div.flicking_con{position:absolute;bottom:30px;left:50%;z-index:999;width:300px;height:10px;margin:0 0 0 -150px; text-align: center;}
div.flicking_con a{width:32px;height:3px; border-radius: 9px; margin:0;padding:0;display:inline-block;text-indent:-1000px;margin:0 3px;font-size: 0; background: rgb(255, 255, 255,0.3)}
div.flicking_con a.on{background:rgb(255, 255, 255,0.8);}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(images/mesign/web_style/banner-btn-hover.png) no-repeat left top;left:100px;}
#btn_next{background:url(images/mesign/web_style/banner-btn-hover.png) no-repeat right top;right:100px;}
@media(max-width:750px){
.banner-list li .font .qr .pcc{display: none}
.banner-list li .font .qr .phone .pc{background: url(images/mobile_icon.png) 31px 10px no-repeat;}
.header_a .mid{display: none;}
.flicking_con{display: none;}
.banner,.banner-list,.banner-list ul,.banner-list li,.banner-list li span,.banner-list li a{height:700px;}
#btn_next{right: 5%; display: none!important}
#btn_prev{left:5% ;display: none!important}
/* #btn_prev, #btn_next{background-size: 80px;width: 37px !important;top: 36%}*/
.banner-list li .font dl{width: 100%;}
.banner-list li .font dd{font-size: 18px;width: auto;float: none; position: relative; left: 50%; margin-left: -95px}
.banner-list li .font { width: 100%; top: auto;bottom:60px;padding: 0 10%; left: 0; margin: 0}
.banner-list li .font .qr .cell:first-child{display: none}
.banner-list li .font h1{line-height: 38px;text-align: center;font-size: 30px;padding-bottom: 20px;}
.banner-list li .font .qr>div{width: 100%; display: block; text-align: center}
.banner-list li .font .qr a{width: 80%; margin:10px 0; display: inline-block; text-align: center}
.banner-list li span{background-size: cover!important}
.banner-list li .img_0{background-image:url('images/mesign/banner00_750.jpg')}
.banner-list li .img_1{background-image:url('images/mesign/banner01_750.jpg')}
.banner-list li .img_2{background-image:url('images/mesign/banner02_750.jpg')}
.banner-list li .img_3{background-image:url('images/mesign/banner03_750.jpg')}
.banner-list li .img_4{background-image:url('images/mesign/banner04_750.jpg')}
.banner-list li .img_5{background-image:url('images/mesign/banner05_750.jpg')}
.banner-list li span.img_0,.banner-list li span.img_1,.banner-list li span.img_2,.banner-list li span.img_3,.banner-list li span.img_4,.banner-list li span.img_5{background-size: cover;}
}
.banner_middle{width: 100%; height: 240px; overflow: hidden;background: #5580e3 url("images/mesign/index_banner_middle.jpg") center center no-repeat}
.banner_middle_a{background: #5580e3 url("images/mesign/index_banner_middle.jpg") center center no-repeat}
@media(max-width:750px){
.banner_middle{background-size: cover; height: 150px}
}
/*公告*/
.ann_font{background: #e2f7f2; padding: 10px 20px; width: 100%; overflow: hidden}
.ann_font a{animation: gd 20s infinite linear; left: 100%; position: relative;white-space: nowrap;background: url(images/an.gif) left center no-repeat; padding-left: 24px; font-size: 15px; font-weight: bold}
@keyframes gd{
from {left:100%;}to {left:-500px;}
}
/*index content 主体main*/
.content_s p{margin-bottom: 25px; text-align: justify; color: #555}
.content_s p b{color: #222;}
.content_s .con_p{ color: #444}
.content_s p a{padding: 0 1px;}
.content_s p.tip span{color: #ee7330;}
h2{font-size:18px; padding: 20px 0 10px 0;}
.content_s label{text-align: center; display: block;}
.content_s label img{margin: 20px 0 30px; padding: 0 15px;}
.content_s h1{font-size: 28px; margin-bottom: 60px; line-height: 42px;}
.content_s h2{font-size: 28px; line-height: 36px; margin-bottom: 25px;letter-spacing:1px}
.content_s h2 span{font-size: 16px; color: #888; line-height: 30px; display: inline-block}
@media(max-width:750px){
.content_s h2 span{padding-top: 10px;}
}
/*index content_a 主体main*/
.content_back{background: #f9f9f9; width: 100%; font-size: 14px;}
.content_back2{background:#fff; width: 100%; font-size: 14px;}
.content_a .tit{text-align: center;}
.content_a h1{font-size: 30px; margin-bottom: 60px;}
.content_a h1 span{font-size: 14px; color: #444; display: inline; padding-top: 12px; width: 100%; float: left;}
.content_a p{color: #444}
/* 主体-宽度 + 响应式main */
.content_s,.content_a{margin: auto; padding: 85px 0; width: 72%}
.wra_1080{margin: auto; width: 72%}
@media(max-width:1024px){
/*index*/
.content_s,.content_a,.slogan,.wra_1080{ width: 80%}
}
@media(max-width:990px){
/*index*/
.content_a h1,.content_s h1{line-height: 42px;}
}
/*slogan*/
.slogan{text-align: center; width: 100%; padding: 50px 0; font-size: 24px; margin: auto;background: #fff}
.slogan p{margin-bottom: 15px;}
.slogan span{ color: #1fbe96; padding-left: 5px;}
@media(max-width:550px){
.slogan{font-size: 20px; padding:50px 10%}
.slogan p{line-height: 32px;}
}
/*footer*/
.footer{width: 100%;text-align: center;background: #222; color: #888; padding:30px 0; text-align: center; font-size:14px; }
.footer {padding: 40px 0;background: #1f1f1f;clear: both;box-sizing:content-box}
.footer a {color: #aaa; font-size: 14px; text-decoration: none;}
.footer a:hover {color: #fff; }
.about li {display: inline-block;margin:0 15px;}
.footer .about{padding-bottom: 15px;border-bottom: 1px solid #444;}
.footer .line{color: #444}
.copyright,.language {font-size: 14px;color: #aaa; padding:15px 20px 0 20px;display: inline-block;}
.copyright span {padding: 0 10px;}
@media(max-width:1024px){
.footer {height: auto;}
.copyright{float: none;text-align: center;}
.about {float: none; text-align: center;}
.about li {float: none; display: inline-block;margin-right:10px;}
.about .last {margin-right: 0; }
}
@media(max-width:550px){
.footer p{width: 80%; margin: auto}
}
/*底部链接*/
.footer li.icon a{display: block; background: url(images/footer_icon.png) -11px 0px no-repeat;height: 16px;width: 18px;}
.footer li.icon a.Twitter{background-position:-11px -40px; width: 18px; }
.footer li.icon a.YouTube{background-position: 0px -80px; width: 39px;}
.footer li.icon a.blog{background-position: -11px -120px;}
.footer li.icon a:hover{background-position: -90px 0px;}
.footer li.icon a.Twitter:hover{background-position:-90px -40px }
.footer li.icon a.YouTube:hover{background-position: -79px -80px;}
.footer li.icon a.blog:hover{background-position: -90px -120px;}
.footer li.icon a.reddit{background-position: -11px -160px;}
.footer li.icon a.reddit:hover{background-position: -90px -160px;}
/*back_top*/
.back_top{width: 46px; height: 46px; position: fixed; bottom: -50px; right: 26px; background: url(images/back_top_icon.png) center no-repeat; cursor: pointer; opacity: 0.4; transition: all .3s ease;}
.back_top.a:hover{opacity: 10;}
.back_top.a{bottom: 26px; z-index: 99999 }
/*index 电子签名服务八大优势*/
.a_ul{border-bottom: 1px solid #eee; display: table; width: 100%}
.a_ul li{display: table-row;}
.a_ul li dl{-webkit-box-sizing: border-box;box-sizing: border-box; display: inline-block; border: 1px solid #eee; border-bottom: none; padding: 50px; background: #fff; display:table-cell; width: 50%;}
.a_ul li dl:first-child{border-right: none;}
.a_ul li dl:hover{background: #f9f9f9;}
.a_ul li dt{width: 85px; height: 85px; float: left; display: table-cell; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.a_ul li dl:hover dt{position: relative; margin-top: 10px;}
.a_ul li dd{padding-left: 30px;display: table-cell;}
.a_ul li dd h3{font-size:18px; padding-bottom: 10px;}
.con_a_en .a_ul li dl{display: block; width: 100%;}
.con_a_en .a_ul li dl:first-child{border-right: 1px solid #eee;}
@media(max-width:990px){
.a_ul li dl{display: block; width: 100%;}
.a_ul li dl:first-child{border-right: 1px solid #eee;}
}
@media(max-width:550px){
.a_ul li dl{padding: 10%; width: 100%;}
.a_ul li dt{width: 100%; display: block; text-align: center;margin-bottom: 10%}
.a_ul li dd h3{text-align: center;}
.a_ul li dd{padding: 0}
}
/*服务方式*/
.service_me{position: relative; top: 10px;display: flex;display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.service_me h3{padding:20px 0 0; position: relative; display: inline-block;}
.service_me h3 i{position:absolute; right: -20px; bottom: 2px; display: none}
.service_me h3 a{color: #222; font-weight: normal; font-size: 18px;}
.service_me dl{transition: all .3s ease;position: relative;top: 0;}
.service_me dl:hover h3 i{display: block}
.service_me dd{text-align: center;color: #444; top:0;transition: all .3s ease;position: relative}
.service_me dt{position: relative; top:0;transition: all .3s ease;}
.service_me dl:hover dt{top: -5px;}
.service_me dl:hover dd{top: 5px;}
.service_me dt span{position: absolute;bottom: -10px;display: block;padding: 0px 14px;border-radius: 12px;color:#fff;margin-left: -44px;left: 50%;line-height: 23px;width: 88px;}
.service_me dl dt span{background:#27bda6 }
.service_me>div{width: 25%;}
.service_me>div:first-child+div dl dt span{background: #70bd70}
.service_me>div:first-child+div+div dl dt span{background: #eb9781}
.service_me>div:first-child+div+div+div dl dt span{background: #7f8df0}
.service_me>div:first-child+div+div+div+div dl dt span{background: #b289eb}
.service_me dt img{width: 190px;}
/*index list product*/
.bt_buy{padding: 12px 0!important; width: 200px; text-align: center; display: inline-block;background:#F68657; color: #fff; border-radius: 30px; font-weight: bold;transition:all .3s ease-out; font-size: 18px; letter-spacing: 1px; position: relative; top: 0;box-shadow: 0 5px 9px rgb(246, 134, 87,0.5)}
.bt_buy i{position: absolute; right: 20px; color: #fff; top: 50%; font-size: 20px; line-height: 20px; margin-top: -10px;}
.bt_buy:after{content: ""}
.bt_buy:hover{background: #fc986e; color: #fff; top: -10px;box-shadow: 0 7px 9px rgb(246, 134, 87,0.5)}
.bt_buy.down{background: #fff;box-shadow: 0 5px 9px rgb(38, 211, 168,0.2);color: #26d3a8;border: 2px solid #26d3a8;}
.bt_buy.down:hover{background: #2cd8ad; color: #fff; top: -10px;box-shadow: 0 7px 9px rgb(38, 211, 168,0.5)}
.bt_buy.down i{color: #26d3a8}
.bt_buy.down:hover i{color: #fff}
.sign_service_p .tip{color: #f68657; text-align: center;padding-bottom: 20px; float: left; width: 80%; margin:0 10%}
/*
@media(min-width:1200px){
.sign_service_p{margin-bottom: 30px;}
.sign_service_p .tip{position: absolute;bottom: -60px; line-height:18px;}
}
*/
.sign_service_p .mail{position: relative}
.sign_service_p .h_tit{position: absolute; background: #44c9a8; padding: 14px 25px; display: inline-block; left: 50%; width: 60%; margin-left: -30%; top: -28px; color: #fff;text-align: center;z-index: 99; font-size: 20px; border-radius: 90px;}
.sign_service_p .mail dl.a{width: 44%!important}
.sign_service_p .mail dl.b{width: 56%!important}
.sign_service_p .mail dl.a dd.tit,.sign_service_p .mail dl.a .price,.sign_service_p .mail dl.c dd.tit,.sign_service_p .mail dl.c .price{border-right: 1px solid #e7f0ee}
.sign_service_p>.cell{border-radius: 9px; padding:0 0 30px; background: #fff; transition:all .3s ease;position: relative; top: 0;box-shadow: 0 0 0 #ccc;border: 1px solid #dbe6e3;background: #f6fffd;background: linear-gradient(#edfffa 5% ,#fff 30%);}
.sign_service_p > .cell:first-child{width: 45%}
.sign_service_p>.cell:hover{box-shadow: 0 0 20px #e0efec; border-color: #d4e5e2; top: -9px;}
.sign_service_p>div.g{border:none;width: 2.5%; background: none; padding: 0; box-shadow: none}
.sign_service_p .price i,.sign_service_p dl dd h6{font-size: 12px; line-height: 18px; color: #444; font-style: normal; font-weight: normal}
.sign_service_p dl dd b{color: #222}
.sign_service_p dd.tit{letter-spacing: 2px; font-size: 28px;border-radius: 6px 6px 0 0; line-height: 24px; position: relative; width: 100%; margin: auto;margin-top: 50px; display: flex;align-items: center;min-height: 50px;}
.sign_service_p dd.tit b{color: #05b388; font-size: 26px; font-weight: normal; width: 100%; line-height: 30px; display: block; text-align: center; padding: 0 20px;}
.sign_service_p dd.list{padding:10px 20px 18px 20px; color: #444; text-align: center}
.sign_service_p dd.price .con span{font-size: 24px; position: relative; top: 2px; color: #222; padding:0 2px; font-weight: 500}
.sign_service_p dd.price span.free{font-size: 18px; padding-right: 0}
.sign_service_p dd.price{padding: 0 0 13px 0; min-height:500px;display: flex;display: -webkit-flex;flex-wrap: wrap;align-items: center;align-content: space-between;}
.sign_service_p dd.t_con01{padding:12px 10.5%}
.sign_service_p dd.t_con01 .row{width: 100%;padding:10px 0; }
.sign_service_p dd.t_con01 .row.line{padding: 0; height: 1px; background: #e7f0ee}
.sign_service_p dd.t_con01 .row:last-child{border: none}
.sign_service_p dd.t_con01 .row.download{border-top: 1px solid #eee}
.sign_service_p dd.t_con01 .row.download a{padding-left: 20px; background: url(
images/mesign/download_icon.png) left center no-repeat}
.sign_service_p dd.t_con01 .tit{font-size: 14px; color: #444; font-weight: bold}
.sign_service_p dd.t_con01 .cell{vertical-align: middle}
.sign_service_p dd.t_con01 .cell.tit{text-align: left;float: left; padding-left: 20px; background: url(images/mesign/list_icon.png) left center no-repeat;transition: all .3s ease; position: relative}
.sign_service_p dd.t_con01 .cell.tj{background: url(images/mesign/list_icon_r.png) left center no-repeat; padding-left: 20px;}
.sign_service_p dd.t_con01 .cell.con{text-align: right; float: right; position: relative; top: -3px;}
.sign_service_p dd.t_con01 div.a{width: 100%; clear: both;}
.sign_service_p dd.t_con01 div.a{color: #888; font-size: 13px;}
.sign_service_p dd.t_con01 .p{line-height: 18px; padding: 3px 0}
.sign_service_p dd.t_con01 .p b{color: #888}
.sign_service_p dd.t_con01 .row .row .cell{padding-top: 0}
.sign_service_p dd.t_con01 .flow_wave{background: #fff8f5; padding: 2px; border-radius: 3px; color: #ffac80;}
.sign_service_p dd.btn{position: relative;padding:30px 20px 25px !important; text-align: center}
.sign_service_p dd.btn span{height: 1px; width: 70%; margin-left: -35%; background: #dedede; display: block; position: absolute; left: 50%; top: 0}
.sign_service_p dl dd.s_tip{font-size: 12px; line-height: 18px; color: #888; padding:0 20px 20px 20px;}
@media(max-width:1200px){
.sign_service_p .cell{display: inline-block; width: 100%!important}
.sign_service_p .cell dd:empty{display: none}
.sign_service_p dd.price{height: auto!important}
.sign_service_p div.cell.g{width: 10%; height: 80px}
.sign_service_p dd.price{min-height: auto;}
.sign_service_p dd.t_con01 .row{padding: 20px 0}
}
@media(max-width:600px){
.sign_service_p dl.a dd.btn{display: none}
.sign_service_p dd.t_con01 .cell.con{text-align: left!important; padding-left: 20px; padding-top: 10px;}
.sign_service_p .mail dl.a,.sign_service_p .mail dl.c,.sign_service_p .mail dl.b,.sign_service_p .mail dl.d{width: 100%!important}
.sign_service_p .h_tit{width: 90%; margin-left: -45%; top: -35px;}
.sign_service_p dl.a>dd.tit,.sign_service_p dl.c>dd.tit{margin-top: 60px;}
}
@media(max-width:750px){
.sign_service_p dd.t_con01 .cell{width: 100%!important;}
.sign_service_p dd.t_con01 .cell:first-child{border: none;}
}
/*index FAQ_*/
.me_faq{display: flex;display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; min-height: 325px; overflow: hidden;transition:all .3s ease; font-size: 14px;width: 48%;}
.content_s{transition:all .3s ease;}
.me_faq li{width: 95%; border-bottom:1px solid #eee; position: relative; margin:0 5% 0 0; z-index: 999; border-radius: 3px;}
.me_faq li:hover{background: #f7fffd; border-color: #85ebd2}
.me_faq li a{color: #444; position: relative;padding:20px 12px 20px 15px; display: block;text-overflow: ellipsis;white-space: nowrap; width: 100%; overflow: hidden}
.me_faq li a:hover{color: #26d3a8}
.me_faq li a:before{content: ""; width: 5px; height: 5px; border-radius: 50px; display: block; background: #26d3a8;left:0; top:29px; position: absolute}
.content_s:target .me_faq{height:1200px}
div.faq_tit{display: inline-block; width: 100%; float: left;font-size: 22px; margin-bottom: 20px; color: #222; text-indent: 20px; position: relative; padding-right: 5%}
div.faq_tit a{float: right; font-size: 14px;}
div.faq_tit:before{content: ""; width: 4px; height: 22px; background: #26d3a8; display: block; position: absolute; left:2px; top: 2px; border-radius: 9px;}
@media(max-width:750px){
div.faq_tit{padding: 0; text-align: center}
div.faq_tit a{width: 100%; padding-top: 20px; text-align: center}
.faq_con .me_faq:first-child{ padding-bottom: 60px;}
.me_faq,div.faq_tit{width: 100%}
.me_faq li,.me_faq li:nth-child(2n){width: 100%; margin-left: 30px;}
}
/*index advantage_*/
.advantage_con{width: 100%; padding: 0}
.advantage_con .adv_list{padding:66px 0;}
.advantage_con .adv_list:first-child{padding-top: 85px}
.advantage_con .adv_list:last-child{padding-bottom: 85px}
.adv_list:nth-child(2n-1){background: #fbfbfb}
.advantage_tab{position: fixed; left: -50px; top:50%; margin-top: -140px; transition: all .3s ease-out}
.advantage_tab ul{font-size: 0; background: #fff; box-shadow: 0 0 0 #ccc;border-bottom: 1px solid #eaedf2; padding: 10px 0; background: #f2f2f2; border-radius: 60px;}
.advantage_tab li{display: block; color: #444; margin: 15px; cursor: pointer; position: relative;width: 15px; height: 15px; background: #ccc; border-radius: 20px;}
.advantage_tab li span{position: absolute; left: 40px; font-size:15px;top: -4px; display: none; width: 110px; text-align: left;opacity: 0; transition: all .3s ease-out;}
.advantage_tab li:hover{background: #888}
.advantage_tab li:hover span{opacity: 1}
.advantage_tab li.cur {background: #F68657; color: #F68657;}
.advantage{display: table; padding-top: 0; padding:0 2%;}
.advantage h2{border-bottom: 1px solid #ddd; padding-bottom: 20px}
.advantage_a{padding-top: 60px}
.advantage p{text-indent: 0}
.advantage .pic{width: 50%; display: table-cell; vertical-align: middle}
.advantage .con{width: 50%; display: table-cell; vertical-align: middle;padding: 0 3.3%;}
.advantage .pc_font{position: relative; color: #fff}
.advantage .pc_font dl{position: absolute; width: 100%; text-align: center;padding: 64px 0 0 0;}
.advantage .pc_font dt{font-size: 16px; color:#7dffa2;}
.advantage .pc_font dt h3{font-size: 30px; letter-spacing: 5px; color:#7dffa2;}
.advantage .pc_font dt a{text-decoration: underline!important; color: #7dffa2}
.advantage .pc_font dt a:hover{text-decoration: none!important; color: #8cfdac}
.advantage .pc_font dd{border: 2px solid #fff; margin: 18px auto 10px auto; padding-bottom: 10px; position: relative; width: 274px; border-radius: 10px;}
.advantage .pc_font dd ul{padding-top: 7px;}
.advantage .pc_font dd li{margin-top: 4px; background: url(images/mesign/add_icon.png) left center no-repeat; padding-left: 20px; display: inline-block}
.advantage .pc_font dd span{display: inline-block; padding: 3px 0; width: 100%; background: #fff; color: #222; font-size: 15px; position: relative; top: -1px;letter-spacing: 0; border-radius: 6px 6px 0 0;}
.advantage .pc_font_a dl{padding:50px 0 0 0;}
.advantage .more{display: inline-block; position: relative; transition: all .3s ease; top: 0}
.advantage .more.org{color: #F68657}
.advantage .more.org:hover{color: #e2784c;}
.advantage .more:hover{top: -5px;}
.advantage .more.a{margin-right:30px;}
.advantage .more i{position: absolute;right:-12px;top:2px; font-size: 20px; line-height: 20px;}
@media(max-width:990px){
.advantage_tab{display: none}
.advantage{flex-direction: column; display: flex; padding: 0}
.advantage .pic{order:1;-webkit-order:1;flex: 0 1 auto; width: 100%; margin-top: 40px;}
.advantage .con{order:0;-webkit-order:0; width: 100%; padding: 0}
}
@media(max-width:550px){
.advantage .pic img{width: 100%}
.advantage .pc_font dl{padding: 0!important;transform: scale(0.68);}
.advantage .pc_font_a dl{margin-top: -14px;}
}
/*教育机构和非营利组织的优惠*/
.edu_sale .cell.a{padding: 36px; border: 1px solid #eee; background: #fff; border-radius: 9px; transition: all .3s ease; position: relative; top: 0}
.edu_sale .cell.a:hover{top: -5px; box-shadow: 0 6px 12px rgb(0, 0, 0,0.05)}
.edu_sale .cell.space{width: 30px; height: 50px;}
.edu_sale dt{margin-bottom: 30px;}
.edu_sale dt img{width: 100%; border-radius: 3px;}
.edu_sale .tit{font-size: 24px;}
.edu_sale .con ol{padding: 20px 0 0}
.edu_sale .con p{padding: 5px 0 20px; color: #888; border-bottom: 1px solid #eee}
.edu_sale li{color: #444; position: relative; padding-left: 20px; padding-bottom: 3px;}
.edu_sale li:before{content: ""; width: 5px; height: 5px; border-radius: 50px; display: block; background: #26d3a8; position: absolute;left:5px; top: 10px}
.edu_sale em{font-size: 20px; color: #222; position: relative; top: 2px; color: #26d3a8}
.edu_sale em.b{font-size: 14px;top: 0}
.edu_sale .bt_buy{padding: 10px 0!important; width: 180px;font-size: 16px; letter-spacing: 0.5px;}
@media(max-width:990px){
.edu_sale .cell{display: block; width: 100%}
.edu_sale .bt_buy{width: 100%!important; margin-top: 20px;}
.edu_sale .cell.a{padding: 30px;}
}
/*客户*/
.client{padding: 80px 0; background: url("images/client.jpg")}
.client h1{font-size: 28px;letter-spacing: 2px; font-style: italic; color: #fff; font-weight: bold}
.client h1 span{font-size: 16px;font-weight: normal;padding: 10px 0 0 0; display: inline-block; opacity: 0.87;}