/*导航*/
body {height: 100%;background:#f8f9fa;}
/*@font-face
{
font-family: myFirstFont;
src: url('SourceHanSansCN-Regular.otf')
}
body {
    font-family: myFirstFont;
}*/
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 {
    font-size: 100%;
}
input {
    text-indent: 5px;
}
a{color: #333;text-decoration:none!important;}

/* .search_li {
	padding-top: 12px;
}
.search_li .search_vessels {
	height: 40px;
	margin-top:6px;
	border:1px solid rgba(255,255,255,0.6);
	border-radius: 6px;
	padding:0px 5px 0px 8px;
	background-color: #fff;
	border: 1px solid #232323;
} */
/* .search_vessels .input_box{
	font-size: 12px;
	height:38px;
	width:200px;
	color:#232323 !important;
	background: none;
	border:none;
}
.search_vessels .button{
	width:20px;
	height:32px;
	padding: 0;
	display: inline-block;
	background:url(https://wosign.com/images/wosign_new/search.png) no-repeat center;
	vertical-align: top;
	opacity: 0.6;
} */
.search_vessels input:focus{
	border:none !important;
	box-shadow: none !important;
}
.search_vessels input:-ms-input-placeholder,
.search_vessels	textarea:-ms-input-placeholder {
	color: #232323 !important;
	/* opacity: 0.5; */
}
	
.search_vessels input::-webkit-input-placeholder,
.search_vessels	textarea::-webkit-input-placeholder {
	color: #232323 !important;
	/* opacity: 0.5; */
}
.dropdown-items .login_in {
	height: 76px;
	background-color: #38b043;
	padding-left: 18px;
	padding-right: 18px;
}
/* .index .header_a.a .h_mid li a */
.index .header_a.a .dropdown-items .login_in a,
.dropdown-items .login_in a {
	color: #fff;
}

.search_box{
		margin-top:6px;
		border:1px solid rgba(255,255,255,0.6);
		border-radius: 15px;
		padding:0px 5px 0px 8px;
		}
		.search_box .input_box{
				
				font-size: 12px;
				height:20px;
				width:200px;
				color:#fff !important;
				background: none;
				border:none;
			}
			.search_box .button{
				width:20px;
				height:20px;
				display: inline-block;
				background:url(https://wosign.com/images/wosign_new/search.png) no-repeat center;
				vertical-align: top;
				opacity: 0.6;
			}
			.search_box input:focus{
				border:none !important;
				box-shadow: none !important;
			}
			
			
			input:-ms-input-placeholder,
			textarea:-ms-input-placeholder {
			color: #fff !important;
			/* opacity: 0.5; */
			}
			
			input::-webkit-input-placeholder,
			textarea::-webkit-input-placeholder {
			color: #fff !important;
			/* opacity: 0.5; */
			}

.header_a{width: 100%; position: relative; top: 0; -webkit-box-sizing:content-box; z-index: 999999;box-sizing: content-box;transition: all .5s ease;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);background: rgba(46,160,57,0.9);backdrop-filter: saturate(180%) blur(6px);}
.index .header_a{box-shadow: none;position: fixed;top:0;background: transparent;backdrop-filter: none;}
.header_a.a{
	box-shadow: 0 6px 30px rgba(0, 0, 0, 0.09);
	/* top: -34px; */
	border-bottom:1px solid #1e8c28;
}
.header_a.b{top: -110px;}
.index .header_a.a{ background:#fff!important;border-bottom: 1px solid #ededed;}
.header_a.a{position: fixed;}
.header_a .logo_a{padding: 12px 0 0 ; line-height: normal; float: left;height: 64px;
    display: inline-block;
    background: url(https://www.wosign.com/images/wosign_new/logo_w.png) left 14px no-repeat;
    width: 126px;}
.header_a .logo_a img{padding: 2px 0 1px 0;display:none;}

.header_top{height: 34px; background:#2d2e33;}
.index .header_top{background: rgba(0,0,0,0.2);}
.header_top li{display: inline-block;cursor: pointer;}
.header_top li a,.header_top li em{display: inline-block; height: 34px; line-height: 34px; color: rgba(255,255,255,0.7)!important; cursor: pointer;font-size:14px;}
.header_top li.lan{position: relative}
.header_top li.lan a:hover,.header_top li em:hover,.header_top li.telephone:hover{color: #fff!important;}
.header_top li.lan_doc a{background:url("https://www.wosign.com/images/wosign_new/doc_logo_index_n.png") left center no-repeat; background-size: 15px; padding-left: 22px; }
.header_top li.lan_doc a:hover{background-image:url("https://www.wosign.com/images/wosign_new/doc_logo_index.png");}
.header_top li.lan_lan img{transition: all .3s ease}
.header_top li.lan_lan:hover img{transform: rotate(180deg)}
.header_top li.lan a{transition: all .3s ease; position: relative;}

.header_top li .child_menu{position: absolute; right: 0;top: 34px; margin-left: -36px; padding: 0 20px; background: #fff; display: none; transition: all .3s ease;border: 1px solid #e3e3e3; border-top: none; box-shadow: 0 4px 5px rgba(0,0,0,0.04); border-radius: 0 0 6px 6px; z-index: 99;}
.header_top li .child_menu a{color: #222!important;border-top: 1px solid #eee; height: 50px; line-height: 50px; padding: 0 10px; min-width: 120px; text-align: center;}
.header_top li .child_menu a:first-child{border-top:none;}
.header_top li:hover .child_menu{display: block; z-index: 999}
.header_top li .child_menu a:hover{color: #2ea039!important;}
.header_top li.shop:hover a{color: #fff!important;}
.header_top .telephone{color:rgba(255,255,255,0.7); letter-spacing: 0.5px;font-size: 14px; font-family: 'Trebuchet MS', serif;}
.header_top .language_ico{background: url("https://www.wosign.com/images/wosign_new/language.png") center left no-repeat; padding-left: 25px;}
.header_top li.login_in a:first-child{ background: url("https://www.wosign.com/images/wosign_new/top_07.png") center left no-repeat;background-size: auto 16px; padding-left: 20px;}

.header_b{height: 76px; margin: auto; position: relative;}
.header_b .company{display: none;}
.header_b .company a{ color: #fff;}
.index .header_b .company{display:inline-block;padding: 5px 16px 5px 36px; border-radius: 50px; margin-top: 31px; font-size: 15px; font-weight: bold; letter-spacing: 0.5px; font-family: 'Trebuchet MS', serif;background: url("../file/images/360logo.png") 16px center no-repeat; background-size: auto 16px; opacity: 0.7;}
.index .company{ color: #fff;}
.header_top .top-left{	float:left;}
.header_top .top-right{float:right;font-size:0;}
.header_top .top-right li{margin-left:10px;}
.header_top .top-right li img{
	vertical-align: middle;
	margin-right:5px;
}
.codehim-dropdown{position: relative;}
.h_mid>li:first-child{position: absolute;
    left: 0;}
.h_mid{
	transition: all .3s ease;
	float: right;
	text-align: right;
	font-size:0;
}
.h_mid ul{font-size: 0;}
.h_mid li{
    width: auto;
    display: inline-block;
    margin-right: 1px;
    position: relative;
    z-index: 99;
    white-space: nowrap;
    vertical-align: top;
    }
    .h_mid li .gap{
    	width:10px;
    	margin-left:5px;
    	display: inline-block;
    }
.h_mid li:last-child a{padding-right: 0; padding-left: 0;}
.h_mid li:hover img{transition: all .3s ease}
/*.h_mid li:hover img{transform: rotate(180deg)}*/
.h_mid li a{color: #fff; font-size: 16px; padding: 26px 12px; transition: all .3s ease; display: inline-block; position: relative; top: 0;transition: all ease 0.3s;}
.h_mid li a:hover,.h_mid li a.cur{color: #fff; font-weight:bold;}
.h_mid li a:hover:before,.h_mid li a.cur:before{width: 50px; margin-left: -25px;}
/*.h_mid li:first-child+li:after{content: ""; width: 12px; height: 15px; background: url(images/hot_fire.png) no-repeat; display: block; position: absolute; top: 15px; right: 7px;}*/
.h_mid li .child_menu{position: absolute; left: 60%; transform: translateX(-60%);padding: 25px 20px; background: #fff; display: none; transition: all .3s ease;border-top: none; box-shadow: 0 0px 8px rgba(0,0,0,0.2); border-radius: 6px;}
.h_mid li:nth-child(3) .child_menu{transform:translateX(-36%); }
.h_mid li:nth-child(3) .child_menu ul{
	padding-right:25px;
}
.h_mid li .child_menu a{padding: 6px 10px; display: block;margin:6px 0;font-size:16px;}
.h_mid li .child_menu a:first-child{border-top:none;}
.h_mid li:hover .child_menu{display: block;top: 76px;}
.h_mid li .child_menu a:hover{color: #2ea039!important;}
.h_mid li .child_menu a:hover{font-weight:normal;}
.h_mid li .child_menu ul li{
	display:inline-block;float:none;
}
.h_mid li .child_menu:after{
	content: '';
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    visibility: visible;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent #fff transparent;
    top: -15px;
    border-radius: 6px;
    filter: drop-shadow(0px -6px 6px rgba(0, 0, 0, 0.2));
}
.h_mid li:nth-child(3) .child_menu:after{
	left:34%;
}
.h_mid li:nth-child(6) .child_menu:after{
	left:57%;
}
/*.h_right li.nav_s dl dd:first-child+dd a:after{content: ""; width: 12px; height: 15px; background: url(images/hot_fire.png) no-repeat; display: inline-block; position: relative;; right: -10px; top: 2px;}*/
.h_mid li .child_menu{border-radius: 6px!important;width:auto;text-align: left;}

 .h_mid li .child_menu a{color: #646c61;display:block;}
 .h_mid li .child_menu a i img{max-width:32px;width:32px;vertical-align:middle;margin-left:6px;}
 .h_mid li .child_menu a:hover{color: #2ea039!important;}
.h_mid li .child_menu a.title{border-bottom:1px solid #eee;font-size:18px;color:#181818;font-weight:600;margin-bottom:15px;}
.h_mid li .child_menu a.title i{
	width:22px;
	height:30px;
	background: url(https://www.wosign.com/images/wosign_new/nav_icon.png) no-repeat;
	display: inline-block;
    vertical-align: middle;
    margin-right:5px;
}
.h_mid li .child_menu a.title i.icon1{
	background-position: 0 0;
}
.h_mid li .child_menu a.title i.icon2{
	background-position: 0 -30px;
}
.h_mid li .child_menu a.title i.icon3{
	background-position: 0 -60px;
}
.h_mid li .child_menu a.title i.icon4{
	background-position: 0 -90px;
}
.h_mid li .child_menu a.title i.icon5{
	background-position: 0 -120px;
}
.h_mid li .child_menu a.title i.icon6{
	background-position: 0 -150px;
}
.h_mid li .child_menu a.title i.icon7{
	background-position: 0 -180px;
}
.h_mid li .child_menu a.title i.icon8{
	background-position: 0 -210px;
}
.h_mid li .child_menu a.title i.icon9{
	background-position: 0 -240px;
}
.h_mid li .child_menu a.title i.icon10{
	background-position: 0 -270px;
}
.h_mid li .child_menu ul li:not(:last-child){margin-right:25px;}

.index .header_a.a .h_mid li a{
	color:#181818;
}
.index .header_a.a .logo_a img{
	display: block;
}
.index .header_a.a .logo_a{
	background: none;
}
.down_i{
	background:#ff9c00;
	color:#fff;
	display:inline-block;
	padding:0 3px;
	font-size:12px;
	line-height: 16px;
	border-radius: 2px;
}
@media(max-width:768px){
    .header_top li .child_menu{left: 0; right: auto}
    .telephone{display: none!important;}
    .h_mid li:first-child{
    	float:none;
    	position: static;
    }
    .visible-xs{
		display: block!important;
	}
	
}

/*index-header*/
@media(min-width:990px){
    .index .h_mid li a{
			/* color: #232323; */
			position: relative;
		}
    .index .h_mid li a.cur{color: #2ea039;}
    
    /*.index .h_mid li:hover:after{
    	position: absolute;
    	content: '';
    	display: block;
    	bottom:0px;
    	width:15px;
    	left:4px;
    	height:3px;
    	background: #fff;
    	border-radius: 3px;
    	    }*/
    .index .header_a .logo_a{height: 64px; display: inline-block; background: url(https://www.wosign.com/images/wosign_new/logo_w.png) left 14px no-repeat;width: 126px;}
    .index .header_a .logo_a:hover{opacity: 1}
        .index li .child_menu{background: #fff;}
    .index li .child_menu a{color: #646c61;}
    .index li .child_menu a:hover{color: #2ea039;}
    .index .header_top li.lan a{color: #ccc;}
    .index .header_top li.lan a:hover{color: #fff;}
  


}
@media(min-width:1630px){
    .index .header_a .logo_a img{display: none}
}
/*header_right nav*/
.header_a .h_right {position: absolute; right: 0; top:0;}
.h_right li.nav_s{position: relative; background: #2ea039;}
.h_right li.nav_s dl{display: none}
.h_right li.nav_s dl{position: absolute; top: 76px; right: 0; width: 240px; background:url(https://www.wosign.com/images/wosign_new/black_back.png); z-index: 999999}
.h_right li.nav_s dl dd a{color: #fff; padding: 15px 15%; width: 70%; font-size: 14px; text-align: left;-webkit-box-sizing:content-box;box-sizing: content-box;  border-top:1px solid #555;}
.h_right li.nav_s dl dd a:hover{color: #2ea039; background: #222}
.h_right li.nav_s span{display: block; width: 66px; height: 76px; background: url(https://www.wosign.com/images/wosign_new/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(https://www.wosign.com/images/wosign_new/nav_c.png);}
.h_right li.nav_s dl dd.account_m{display: none;}
.h_right li.nav_s dl dd.phone_line{margin-top: 30px;}
.video_first{width: 100% !important}

@media(min-width:1200px) {
	.container {
    width: 1200px;
    padding-right: 0;
    padding-left: 0;
	}
}
@media(min-width:1630px){
    .h_right li.nav_s{display: none;}
}
@media(max-width:1630px){
    .header_top li.lan,.telephone{margin-right: 10px;}
    .header_a{ box-shadow: 0 6px 30px rgba(0, 0, 0, 0.09);}
    .header_top li.lan{padding-left: 0}
/*    .header_b{background: #fff}*/
    .banner-list li .font.b1 .zh_font{width: 60%;margin-top: 160px!important;}
    .banner-list li .font.b1 .zh_font img{height: 25%;}
    .header_b .company{display: none!important;}
    .header_b,.header_a .header_top{ text-align: left!important;}
    .index .header_top{background: #000}
    .header_a .logo_a{left: 10px;}
    .header_a .h_mid{display: none;}
    .h_right li.nav_s dl dd a{display: inline-block; padding: 6px 15%}
	.index .header_a .logo_a img{display: none}
}

@media only screen and (max-width:1025px ) {
	.h_mid li a{
		padding:26px 14px;
		color:#fff;
	}
}
 @media only screen and (max-width: 768px) {
            .header_b .container {
                padding: 0;
            }
        }

@media(max-width:768px){
	.header_a .logo_a {
    height: 64px;
    display: inline-block;
    background: url(https://www.wosign.com/images/wosign_new/logo_w.png) left 14px no-repeat;
    width: 126px;
    background-size: auto 46px;
    display: block;
    }
    .header_a .logo_a img {
    display: none;
}
	.h_mid{
		background:#0f1314;
	}
	.h_mid li a{
		color:#fff;
	}
	.h_mid li{display: block;}
    .banner-list li .font.b1 .zh_font{width: 100%;margin-top: 180px!important;}
    .banner-list .video_first{display: none}
    .h_right li.nav_s{position: relative;}
    .h_right li.nav_s dl{display: none}
    .h_right li.nav_s dl{position: fixed; top: 0; padding-top: 60px; background: rgba(0,0,0,0.9); width: 100%; z-index: 99999;-webkit-box-shadow: 0 12px 12px rgba(5, 0, 0,0.1); box-shadow: 0 0 5px 6px rgba(0, 0, 0,1); height: 100%;}
    .h_right li.nav_s span{position: relative; z-index: 999999}
    .h_right li.nav_s dl dd{width: 100%; height: 5.5%}
    .h_right li.nav_s dl dd a{color: #fff; border: none; padding: 2.5% 15%; width: 70%; font-size: 16px; text-align: left}
    .h_right li.p_lan{display: none}
    .h_right li.nav_s dl dd.account_m{display: block}
    .h_mid li .child_menu{
    	border-radius: 0;
    	position: relative;
    	
    }
    .h_mid li .child_menu ul li{
    	display:block;
    }
    .h_mid li:hover .child_menu{
    	top:0;
    }
    .h_mid li .child_menu a{
    	color:#666;
    }
    .h_mid li:last-child a{
    	padding:26px 25px;
    }
    .header_a .h_mid{
    	text-align: left;
    }
    .codehim-dropdown .visible-xs{
    	text-align: left;
    	margin-left:15px;
    }
}
@media only screen and (max-width: 768px) {
	.hamburger{
		background: url(https://www.wosign.com/images/wosign_new/nav.png) no-repeat;
		background-size: 32px;
		border-radius: 0;
	}
	.header_b{
		background: #192956;
		padding-top:10px;
	}
}
@media(max-width:375px){
    .h_right li.nav_s dl dd a{padding:12px 15% }
}


@media only screen and (min-width: 1025px) {

/*footer start*/
.en .footer {text-align: center;}

.service {
	width: 100%;
	padding-top: 40px;
	background:#2d2e33;
}
.service .wrapper-content {
	position: relative;
	padding-bottom: 40px;
/*	background: url(../images/web_style/footer-service-content.jpg) no-repeat center bottom;*/
	display: flex;
	justify-content: space-between;
}
.service-li {
	/* float: left; */
	/* width:12%; */
}
.service-li-1 {
	/* margin:9px 60px 0 0 */
}
.service-li-2 {
	/* margin:9px 60px 0 0 */
}
.service-li-3 {
	/* margin:9px 60px 0 0 */
}
.service-li-4 {
	padding: 0px 73px 0 0;
	border-right:1px solid #444;
}
.service .wrapper-content h4 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 15px;
}
.service-li li,
.service-li a {
	font-size: 14px;
	font-size: 0.875rem;
	
	color: #999;
	text-decoration: none;
}
.service-li li,
.service-li a {
	display: block;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	letter-spacing: 0.5px
}
.service-li a:hover {
	color: #fff;
	text-decoration: underline;
}
.service-li li {
	margin-bottom: 15px;
}
.service-li span {
	float: left;
	font-size: 20px;
	font-size: 1.25rem;
	padding-right: 5px;
}

.web-info {
	font-size: 14px;
  font-size: 0.875rem;
	color: #999;
	background:#2d2e33;
	padding: 40px 0;
	border-top: 1px solid #444;
}
.web-info p {
	height: 16px;
	margin-bottom: 8px;
	text-align: center;
}
.web-info .container p {
	color: #999;
	padding: 0;
}
.web-info i {
	color: #b3b3b3;
	padding: 0 10px;
}
.web-info a {
	color: #ccc;
	text-decoration: none;
}
.web-info a:hover {
	color: #fff;
	text-decoration: underline;
}
.legal-list {
	margin-top: 20px;
	text-align: center;
}
.legal-list li {
	display: inline;
	padding: 0 5px;
}
#cnzz_stat_icon_1000038695,
#cnzz {display: none;}


}
.footer address {
	float: right;
	width: 346px;
	font-style: normal;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: fit-content;
}
@media (max-width: 1024px) and (min-width: 551px) {
	.footer address {
		float: left;
	}
}
.footer .address-item {
	display: block;
	padding-left: 32px;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 2px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 25px;
}
.footer .address-item:nth-child(2n) {
	/* margin-left: 30px; */
}
.footer .address-item label {
	display: block;
	width: 100%;
	min-width: 125px;
	font-weight: 500;
	text-align: justify;
	text-align-last: justify;
}
.footer .address-item p{
	color:#B6B6B6;
	font-size: 14px;
	letter-spacing: 2px;
	/* p 内容恢复左对齐 */
	/* text-align: left;
	text-align-last: left; */
}
.footer .justify{
	/* 标题文字两端对齐 */
	text-align: justify;
	text-align-last: justify;
}
.footer .icon20 {
	background: url(../images/wosign_new/2026/icon20.png) no-repeat left top;
}
.footer .icon21 {
	background: url(../images/wosign_new/2026/icon21.png) no-repeat left top;
}
.footer .icon22 {
	background: url(../images/wosign_new/2026/icon22.png) no-repeat left top;
}

a.service_btn{
	padding:4px 10px;
	background: #2ea039;
	color:#fff;
	font-size:14px;
	border-radius: 4px;
}
a.service_btn:hover{
	color:#fff;
}
/*********************广告**************************************/
.FooterAd{position: relative;display:block;}
.FooterAd a{display: block;text-align: center;background:linear-gradient(90deg,#007DFD,#007DFD);}
.FooterAd span.close-btn{
	width:40px;
	height:40px;
	background:url(https://www.wosign.com/images/wosign_new/ad_close.png) no-repeat center;
	display:inline-block;
	position: absolute;
	top:10px;
	right:15%;
	cursor: pointer;
}

.gg_banner{display:none;}
#MyMoveAd{display: none;}
.tips a{color:#fff;text-decoration: underline !important;}
.tips a:hover{color:#ffef4a;}

/*在线咨询 2018-06-21*/
/*#newBridge .nb-icon-base .nb-icon-inner-wrap{border-radius:0 !important;}
#newBridge .nb-icon-group .nb-icon-groups-item{margin:10px 6px !important;border-radius:3px !important;}
#newBridge .nb-customer-icon-style .nb-icon-groups-item .nb-group-icon{background:url('https://www.wosign.com/images/web_style/icongroup0.png') no-repeat -1px -1px !important;}
#newBridge .nb-customer-icon-style .nb-icon-groups-item.icon-disable .nb-group-icon{background:url('https://www.wosign.com/images/web_style/icongroup00.png') no-repeat -1px -1px !important;}



#newBridge .nb-icon-group .wechat {
    border-radius: 3px !important;margin: 10px 6px !important;border: 1px solid #666fa5 !important;
}


#newBridge .nb-icon-group .nb-group-text{margin-left:42px !important; font-size:14px !important;}
#newBridge .nb-customer-icon-style .nb-icon-groups-item{border: 1px solid #888 !important;}
#newBridge .nb-customer-icon-style .nb-icon-groups{border: 1px solid #767eb1 !important;}
#newBridge .nb-icon-group .nb-icon-groups-item{border-radius:3px !important;}
#newBridge .nb-icon-group .nb-icon-groups{border-radius:0 0 3px 3px !important;}
#newBridge .driect-talk-style .nb-invte-btns-2 .nb-invite-ok{position: relative;top: -1px;right: -1px;line-height: 34px !important;height: 34px !important;}
#newBridge .nb-invite-wrap-base .nb-invite-ok-base{width:82px !important; font-size: 14px !important;}*/


#aff-im-root .embed-icon{
	/*width:99px !important;*/
	top:40% !important;	}
#aff-im-root .embed-group-icon-title{
	padding:8px 0;
	position: relative;
}
#aff-im-root .embed-group-icon{
	margin:10px 0 !important;
	width: 99px !important;
	background-color: #007EFF !important;
	padding: 2px;}
#aff-im-root .embed-group-icon .embed-group-icon__item{
	position: relative;
	padding-top:46px;
	width:94px;
	text-align: center;
	color:#fff !important;
	background: none !important;
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;
	border-radius: 0 !important;
	border-bottom:1px solid #fff;
		}
/*#aff-im-root .embed-group-icon .embed-group-icon-img{display: none !important;}*/
#aff-im-root .embed-group-icon .embed-group-icon__item-text{
	color:#fff !important;
	margin-left:0 !important;
	text-align: center !important;
	}
#aff-im-root .embed-group-icon .embed-group-icon__item:before{
	position: absolute;
	top:6px;
	left:30px;
	content: '';
	display: inline-block;
	width:36px;
	height:36px;
	background:url('https://www.wosign.com/images/wosign_new/bridge2_03.png') no-repeat center ;
	
}
#newBridge .pc-group-icon-newStyle::after{
	background:rgba(255,255,255,0.5) !important;}
	
#aff-im-root .embed-group-icon .embed-group-icon__item:nth-child(2):before{
	background-position: 0 0;
}
#aff-im-root .embed-group-icon .embed-group-icon__item:nth-child(3):before{
	background-position: -36px 0;
}
#aff-im-root .embed-group-icon .embed-group-icon__item:nth-child(4):before{
	background-position: -72px 0;
}
#aff-im-root .embed-group-icon .embed-group-icon__item:nth-child(5):before{
	background-position: -108px 0;
}
#aff-im-root .embed-group-icon .embed-group-icon__item:nth-child(6):before{
	background-position: -144px 0;
}
#aff-im-root .embed-group-icon .wechat .nb-group-icon{
	float:none;
	background:url('https://www.wosign.com/images/wosign_new/bridge2_03.png') no-repeat -180px 0 !important;
	position: absolute;
	top:6px;
	left:30px;
	content: '';
	display: inline-block !important;
	width:36px;
	height:36px;
	
	}
#aff-im-root .embed-group-icon .wechat{padding:8px 0px; background:#007eff !important;position: relative;width:93px;border-radius: 0 0 3px 3px;}
#aff-im-root .embed-group-icon .wechat .nb-group-text{color:#fff !important;  height: auto;
     line-height: 14px; 
    vertical-align: middle;
    margin-left: 0; 
     white-space:normal;
    overflow: hidden;  text-overflow: ellipsis;padding-top:41px;text-align: center;}
#newBridge .nb-icon-group .nb-icon-groups{overflow: inherit!important;background: #007eff !important;}
#newBridge .pc-group-newStyle-title-img{background-size:contain !important;}
#newBridge .nb-icon-group .wechat span{position: absolute; opacity: 0; right:-40px; z-index: -99999; bottom: 0; border: 1px solid #ddd; border-radius: 6px; bottom: -1px; transition: all .3s ease; background: #fff}
#newBridge .nb-icon-group .wechat:hover span{right: 106px; opacity: 1}
#newBridge .nb-icon-group .wechat img{width: 120px; height: 120px; margin: 10px;max-width:none;}
#aff-im-root .embed-chat-header{
	background: #007eff !important;
}
#newBridge .pc-group-newStyle{
	padding:0 !important;}
#newBridge .nb-icon-group .nb-icon-groups-item:first-child{
	margin-top:0 !important;}
	#newBridge .nb-icon-skin-1 .nb-icon-inner-wrap{
		display: none !important;
	}
@media only screen and (max-width: 820px) {
	.FooterAd span.close-btn{
		top:1px;
		right:8%;
	}
}
@media only screen and (max-width:520px ) {
	.FooterAd span.close-btn{
		display:none;
	}
}
/* 2026 */
/* @media (max-width: 1024px) and (min-width: 551px) {
	.FooterAd span.close-btn{
		display:none;
	}
} */

/*相关阅读样式*/

.sec.reading{
    padding: 60px 0;
}
.sec.reading .title {
    text-align: center;
    margin-bottom: 60px;
    font-size: 30px;
    color: #181818;
}
.reading{
	background: #f9fafe;
}
.reading .news_list li{
	display: inline-block;
	width:48%;
	margin-right:2.8%;
	margin-bottom: 30px;
}
.reading .news_list li:nth-child(2n){
	margin-right:0;
}
.reading .news_list li a{
	padding:0 15px 24px 0;
	border-bottom: 1px solid #eee;
	display: block;
}
.reading .news_list li h5.news_title{
	font-size:16px;
	color:#333;
	padding-left:28px;
	margin-bottom:16px;
	background: url(https://www.wosign.com/images/wosign_new/news_icon_03.png) no-repeat left center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.reading .news_list li .digest{
	font-size:14px;
	color:#666;
	line-height: 24px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.reading .news_list li:hover h5.news_title{
	color:#2ea039;
}

@media only screen and (max-width: 480px) {
	.reading .news_list li{
		width:100%;
		margin-right:0;
	}
}

/* ===== 底部 footer 内联样式抽取 ===== */
/* address 资质图片 */
.footer address img {
	height: 44px;
	margin-bottom: 25px;
}
.footer address img:nth-child(3),
.footer address img:nth-child(4) {
	height: 46px;
	margin-bottom: 27px;
}
.footer address img:last-child {
	height: 66px;
	margin-bottom: 0;
}
/* address 联系方式图标（CSS背景版，2026抽取，消除子目录相对路径问题）
   对应图标内容：
   addr-1 = 咨询热线 4006-967-446
   addr-2 = 电话 180 2878 3533
   addr-3 = 技术支持 188 2282 8659
   addr-4 = 邮箱 cc@wotrus.com
   addr-5 = 地址 中国深圳市南山区南海大道1057号科技大厦二期A栋502
   用法：<i class="addr-icon addr-1"></i> 顺序按页面需要排列 */
.footer address .addr-icon {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
}
.footer address .addr-1 {
	background-image: url(../images/wosign_new/2026/address_1.png);
	width: 154px;
	height: 44px;
	margin-bottom: 25px;
}
.footer address .addr-2 {
	background-image: url(../images/wosign_new/2026/address_2.png);
	width: 161px;
	height: 44px;
	margin-bottom: 25px;
}
.footer address .addr-3 {
	background-image: url(../images/wosign_new/2026/address_3.png);
	width: 161px;
	height: 46px;
	margin-bottom: 27px;
}
.footer address .addr-4 {
	background-image: url(../images/wosign_new/2026/address_4.png);
	width: 154px;
	height: 46px;
	margin-bottom: 27px;
}
.footer address .addr-5 {
	background-image: url(../images/wosign_new/2026/address_5.png);
	width: 346px;
	height: 66px;
	margin-bottom: 0;
}
/* 备案信息行 */
.web-info .beian-row {
	text-align: center;
	line-height: 22px;
}
.web-info .beian-row img {
	display: inline;
	position: relative;
	top: -4px;
}
.web-info .beian-row a {
	height: 20px;
	line-height: 20px;
	color: #939393;
	position: relative;
	top: -2px;
}

/* =============================================
   2026 导航栏样式 开始
   ============================================= */

/* =============================================
   导航栏图片 CSS 控制
   ============================================= */

/* Logo 图片 */
.header-contaienr .header-left a.logo {
  display: inline-block;
  width: 160px;
  height: 50px;
  background: url(../images/wosign_new/logo.png) no-repeat center;
  background-size: contain;
  margin-right: 30px;
  flex-shrink: 0;
	position: initial;
}
.header-contaienr .header-left a.logo-w {
  display: none;
  width: 160px;
  height: 50px;
  background: url(../images/wosign_new/logo_w.png) no-repeat center;
  background-size: contain;
  margin-right: 30px;
  flex-shrink: 0;
	position: initial;
}
/* 移动端菜单内的 logo-w */
.header-contaienr .header-left .dropdown-items li.logo a.logo-w {
  display: inline-block;
  margin-right: 0;
}

/* 移动端汉堡菜单按钮 */
.header-contaienr .header-left span.menu-img {
  display: none;
  width: 32px;
  height: 32px;
  background: url(../images/wosign_new/nav.png) no-repeat center;
  background-size: 32px;
  cursor: pointer;
}

/* 顶部信息条商店图标 */
.icon-shop {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/wosign_new/2026/top_03.png) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

/* 电话图标 */
.icon-phone {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/wosign_new/2026/top_05.png) no-repeat center;
  background-size: contain;
  vertical-align: sub;
  margin-right: 4px;
}

/* 查看详情箭头图标 */
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.other a.more-link {
  display: inline-flex;
  align-items: center;
  transition: gap 0.2s ease;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.other a.more-link::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/wosign_new/2026/more_icon_h.png) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.other a.more-link:hover::after {
  transform: translateX(10px);
}

/* 下拉菜单图标基础样式 */
.dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li .title .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
  flex-shrink: 0;
}

/* 各菜单图标 */
.icon.icon-ssl    { background-image: url(../images/wosign_new/2026/icon1.png); }
.icon.icon-sm2    { background-image: url(../images/wosign_new/2026/icon2.png); }
.icon.icon-code   { background-image: url(../images/wosign_new/2026/icon3.png); }
.icon.icon-client { background-image: url(../images/wosign_new/2026/icon4.png); }
.icon.icon-acme   { background-image: url(../images/wosign_new/2026/icon5.png); }
.icon.icon-platform { background-image: url(../images/wosign_new/2026/icon23.png); }
.icon.icon-ca     { background-image: url(../images/wosign_new/2026/icon24.png); }
.icon.icon-solution { background-image: url(../images/wosign_new/2026/icon25.png); }
.icon.icon-news   { background-image: url(../images/wosign_new/2026/icon26.png); }
.icon.icon-activity { background-image: url(../images/wosign_new/2026/icon27.png); }
.icon.icon-company { background-image: url(../images/wosign_new/2026/icon31.png); }
.icon.icon-auth   { background-image: url(../images/wosign_new/2026/icon32.png); }
.icon.icon-guide  { background-image: url(../images/wosign_new/2026/icon84.png); }
.icon.icon-tools  { background-image: url(../images/wosign_new/2026/icon85.png); }
.icon.icon-api    { background-image: url(../images/wosign_new/2026/icon87.png); }

/* header-container-top: PC端隐藏，移动端显示 */
.header-container-top {
  display: none;
}

/* 移动端导航蒙版：PC端默认隐藏，避免作为 flex 子元素影响 header-left/header-right 布局 */
.mobile-nav-overlay {
  display: none;
}

.header-contaienr {
  /* min-width: 1200px; */
  height: 76px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: rgba(255,255,255,0.5);
  position: fixed;
  top: 0;
  z-index: 999;
  -webkit-box-sizing:content-box;
  box-sizing: content-box;
  transition: all .5s ease;
}
.header-contaienr:hover {
  background-color: rgba(255,255,255,1);
}
.header-contaienr.a {
  background-color: rgba(255,255,255,1);

}
.header-contaienr .header-left {
  display: flex;
  align-items: center;
  padding-left: 70px;
}
.header-contaienr .header-left .dropdown-items-box {
  display: flex;
  align-items: center;
}
.header-contaienr .header-left .dropdown-checkbox {
  /* opacity: 0; */
  display: none;
}
.header-contaienr .header-left .dropdown-items {
  display: flex;
}

.header-contaienr .header-left .dropdown-items li.logo {
  display: none;
  padding: 10px 20px;
}
.header-contaienr .header-left .dropdown-items > li > a {
  display: inline-block;
  height: 100%;
  font-size: 16px;
  color: #232323;
  padding: 26px 18px;
  /* 一级导航不允许换行，视口较窄时优先压缩内边距 */
  white-space: nowrap;
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .header-contaienr .header-left .dropdown-items > li > a {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .header-contaienr .header-left .dropdown-items > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.header-contaienr .header-left .dropdown-items > li:hover > a {
  font-weight: bold;
  color: #349939;
}
.header-contaienr .header-left .dropdown-items .dropdown-click img {
  width: 10px;
  height: 6px;
}
/* 移动端下拉箭头默认隐藏（PC端不显示） */
.mobile-dropdown-arrow {
  display: none;
}
.header-contaienr .header-left .dropdown-items > li:hover > .dropdown_child_menu {
  /* display: block; */
  visibility: visible;
  /* opacity: 1; */
  /* transition: 
    visibility 0s linear 0s,
    opacity 0.2s ease; */
    
  /* animation: fadeIn 0.2s ease; */
}
.header-contaienr .header-left .dropdown-items > li:hover > .dropdown_child_menu .dropdown_child_container {
  display: flex;
  
  /* visibility: visible; */
}

/* 下拉列表 */
.dropdown_child_menu {
  background-color: #fff;
  position: absolute;
  top: 76px;
  left: 0;
  width: 100%;
  box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.1);
  display: block;
  visibility: hidden;
  /* opacity: 0; */
  transition: visibility 0s linear 0.2s;
  /* transition: 
    visibility 0s linear 0.2s,
    opacity 0.2s ease; */
}
.dropdown_child_menu .dropdown_child_container {
  margin: 0 auto;
  display: flex;
  min-height: 500px;
  /* visibility: hidden; */
  /* transition: all .5s ease; */
}
@keyframes fadeIn {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-left {
  width: 20%;
  min-width: 280px;
  display: flex;
  justify-content: flex-end;
  background-image: url(../images/wosign_new/2026/menu_left_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-left ul {
  width: 230px;
  padding-top: 44px;
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li {
  /* height: 44px; */
  padding: 7px 0px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;

}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li a {
  padding: 0;
  font-weight: 500;
  font-size: 18px;
  color: #3D3D3D;
  line-height: 22px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  padding: 3px 0px;

}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li:hover a,
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.active a {
  color: #37ae42;
  border-bottom: 1px solid #37ae42;
  font-weight: bold;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.tabs-cover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.tabs-cover .message {
  font-weight: 500;
  font-size: 14px;
  color: #797979;
  line-height: 22px;
  padding-right: 27px;
  margin-top: 8px;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.other {
  margin-top: 20px;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.other a {
  font-size: 14px;
  color: #319839;
  line-height: 22px;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.other img {
  width: 14px;
  height: 14px;
  margin-bottom: 2px;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.other.active a,
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.tabs-cover:hover a,
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.tabs-cover.active a {
  color: #37ae42;
  border-bottom: 0px solid #37ae42;
  font-weight: 700;
}
.dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.other:hover a {
  border-bottom: 0px solid #37ae42;
  font-weight: 500;
}

.dropdown_child_menu .dropdown_child_container .dropdown_child-right {
  padding-left: 40px;
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-right ul {
  flex: 1;
  /* display: flex; */
  display: flex;
  flex-flow: wrap;
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li {
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  padding: 50px;
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li {
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li a {
  color: #3D3D3D;
  margin-bottom: 25px;
}
 .dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li .title {
  display: flex;
 }
.dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li a.title {
  border-bottom: 1px solid rgba(182, 182, 182, 0.5);
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  color: #3D3D3D;
  display: flex;
  align-items: center;
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li a:hover {
  color: #319839;
}
.dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li .title .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 8px;
  /* margin-bottom: 2px; */
}

/* 右边布局 */
.header-contaienr .header-right {
  padding-right: 70px;
  display: flex;
  align-items: center;
}
.header-contaienr .header-right ul {
  height: 100%;
  display: flex;
  align-items: center;
}
.header-contaienr .header-right ul li {
  height: 76px;
  margin-right: 36px;
}
.header-contaienr .header-right ul li:last-child {
  margin-right: 0;
}
.header-contaienr .header-right ul li .search_vessels .input_box{
	font-size: 12px;
	height:36px;
	width:200px;
	color:#232323 !important;
	background: none;
	border:none;
}
.header-contaienr .header-right ul li .search_vessels .input_box::-webkit-input-placeholder{
	color:#797979 !important;
}
.header-contaienr .header-right ul li .search_vessels .input_box::-moz-placeholder{
	color:#797979 !important;
}
.header-contaienr .header-right ul li .search_vessels .input_box:-ms-input-placeholder{
	color:#797979 !important;
}
.header-contaienr .header-right ul li .search_vessels .input_box::placeholder{
	color:#797979 !important;
}
.header-contaienr .header-right ul li .search_vessels .button {
	width:20px;
	height:20px;
	padding: 0;
	display: inline-block;
	background:url(../images/wosign_new/2026/search.png) no-repeat center;
  background-size: 20px;
	vertical-align: top;
	opacity: 0.6;
}
.header-contaienr .header-right ul li a {
  display: inline-block;
  height: 100%;
  font-size: 16px;
  color: #797979;
  padding: 26px 2px;
}
.header-contaienr .header-right ul li a:hover {
  font-weight: bold;
}
.header-contaienr .header-right ul li.login_in {
  padding: 0 16px;
  background-color: #37ae42;
  display: flex;
  align-items: center;
}
.header-contaienr .header-right ul li.login_in a {
  display: inline-block;
  height: auto;
  font-size: 16px;
  color: #fff;
  padding: 0;
}
.header-contaienr .header-right ul li.login_in a:hover {
  font-weight: bold;
}
.header-contaienr .header-right ul li.search_li {
  display: flex;
  align-items: center;
}
.header-contaienr .header-right ul li.search_li .search_vessels {
	height: 36px;
	/* margin-top:6px; */
	/* border:1px solid #B6B6B6; */
	border-radius: 18px;
	padding:0px 16px 0px 14px;
	background-color: #fff;
	border: 0.4px solid #B6B6B6;
  display: flex;
  align-items: center;
}
.header-contaienr .header-right ul li .icon-phone,
.header-contaienr .header-right ul li .icon-shop {
	width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: sub;
}
@media(max-width:1860px){
  .header-contaienr .header-right ul li .search_vessels .input_box {
    width: 126px;
  }
}
@media(max-width:1680px){
  .header-contaienr .header-right ul li.search_li {
    display: none;
  }
}
@media(max-width:1365px){
  .header-contaienr .header-right ul li.telephone {
    display: none;
  }
}
@media(max-width:1200px){
  .header-contaienr .header-right ul li.shop {
    display: none;
  }
}
@media(max-width:1024px){
  .header-contaienr .header-left {
    padding-left: 20px;
  }
  .header-contaienr .header-right {
    padding-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .part1 {
    margin-top: 20px;
  }
  .part1 ul li.items {
    margin-top: 12px;
  }
  /* 移动端顶部信息条 */
  .header-container-top {
    display: flex;
    background-color: #000;
    width: 100%;
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 999;
  }
  .header-container-top ul {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 6px 16px;
    margin: 0;
    list-style: none;
    gap: 16px;
  }
  .header-container-top ul li {
    display: flex;
    align-items: center;
    margin-right: 8px;
  }
  .header-container-top ul li.login-li {
    padding-left: 20px;
    background: url(https://www.wosign.com/images/wosign_new/top_07.png) center left no-repeat;
    background-size: auto 16px;
  }
  
  .header-container-top ul li a {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  .header-container-top ul li a:hover {
    color: #fff;
  }
  .header-container-top ul li .icon-shop {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
  }

  .header-contaienr {
    background-color: #192956;
    min-width: 100%;
    position: fixed;
    top: 34px;
    z-index: 999;
  }
  .header-contaienr:hover {
      background-color: #192956;
  }
  .header-contaienr .header-left {
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    
  }
  .header-contaienr .header-left a.logo {
    display: none;
  }
  .header-contaienr .header-left a.logo-w {
    display: inline-block;
  }
  .header-contaienr .header-left span.menu-img {
    display: inline-block;
    position: relative;
    z-index: 1000;
  }
	.header-contaienr .header-left .dropdown-items {
		background-color: #1a1a1a;
		height: 100vh;
    width: 290px;
		display: none;
		overflow-y: auto;
		box-sizing: border-box;
		position: fixed;
		top: 0px;
    right: 0;
    left: auto;
		z-index: 1001;
    box-shadow: -4px 0 20px rgba(0,0,0,0.4);
	}
  .header-contaienr .header-left .dropdown-items li.logo {
    display: block;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #1a1a1a;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  .header-contaienr .header-left .dropdown-items li a {
    width: 100%;
    color: #fff;
  }
  .header-contaienr .header-left .dropdown-checkbox:checked ~ .dropdown-items {
    display: block;
  }
  /* 移动端蒙版 */
  .mobile-nav-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
  }
  .mobile-nav-overlay.active {
    display: block;
  }
  /* .header-contaienr .header-left .dropdown-items-box {
    width: 32px;
    height: 32px;
    background: url(https://www.wosign.com/images/wosign_new/nav.png) no-repeat;
    background-size: 32px;
    cursor: pointer;
  } */
  /* .header-contaienr .header-left .dropdown-items-box:checked .dropdown-items {
    display: block;
  } */
  /* .header-contaienr .header-right {
    display: none;
  } */
   
  .header-contaienr .header-right {
    display: none;
  }

  /* 移动端下拉菜单箭头按钮 */
  .header-contaienr .header-left .dropdown-items > li {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  .header-contaienr .header-left .dropdown-items > li > a.dropdown-click {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
  }
  .mobile-dropdown-arrow {
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: url(https://www.wosign.com/images/wosign_new/down_arrow.png) no-repeat center;
    background-size: 12px 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
    /* 使用 filter 将箭头变白 */
    filter: brightness(0) invert(1);
  }
  .mobile-dropdown-arrow.open {
    transform: rotate(180deg);
  }

  /* 移动端 dropdown_child_menu 样式覆盖 */
  .header-contaienr .header-left .dropdown-items > li > .dropdown_child_menu {
    position: static;
    width: 100%;
    box-shadow: none;
    visibility: visible;
    display: none;
    background-color: rgba(255,255,255,0.08);
    transition: none;
  }
  .header-contaienr .header-left .dropdown-items > li > .dropdown_child_menu.mobile-open {
    display: block;
  }
  /* 取消hover触发 */
  .header-contaienr .header-left .dropdown-items > li:hover > .dropdown_child_menu {
    visibility: visible;
    display: none;
  }
  .header-contaienr .header-left .dropdown-items > li:hover > .dropdown_child_menu.mobile-open {
    display: block;
  }

  /* 移动端下拉容器样式 - 纵向布局 */
  .dropdown_child_menu .dropdown_child_container {
    flex-direction: column;
    min-height: auto;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-left {
    display: block;
    width: 100%;
    min-width: auto;
    background-image: none;
    background-color: transparent;
    justify-content: flex-start;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul {
    width: 100%;
    padding-top: 10px;
    padding-left: 20px;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li {
    height: auto;
    margin-bottom: 6px;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li .message {
    font-weight: 500;
    font-size: 14px;
    color: #797979;
    line-height: 22px;
  }
  .dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li a {
    color: #fff;
    font-size: 15px;
    padding: 6px 10px;
  }
  .dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li:hover a,
  .dropdown-items li .dropdown_child_menu .dropdown_child_container .dropdown_child-left ul li.active a {
    color: #37ae42;
    border-bottom: none;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-right {
    padding-left: 0;
    width: 100%;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-right ul {
    flex-direction: column;
    flex-flow: column;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li {
    display: flex !important;
    flex-direction: column;
    padding: 10px 20px;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li a {
    color: #ccc;
    margin-bottom: 12px;
    font-size: 14px;
    width: auto;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li a.title {
    color: #fff;
    font-size: 15px;
    border-bottom: none;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li a:hover {
    color: #37ae42;
  }
  .dropdown_child_menu .dropdown_child_container .dropdown_child-right ul li .title .icon {
    display: none;
  }
}

/* =============================================
   特殊页面导航兼容方案
   ---------------------------------------------
   在 .header-contaienr 上添加对应类名即可切换：

   1) .header-static
      导航【占位】（不悬浮，占用文档空间）+ 白色背景
      适用：产品详情页、解决方案页等顶部没有通栏 banner 的特殊页面

   2) .header-solid
      仅【白色实色背景】，保持悬浮（用于仍需悬浮但需要不透明背景的场景）

   用法示例：
   <div class="header-contaienr cli header-static"> ... </div>
   ============================================= */

/* 占位模式：吸顶（sticky），占用文档空间，白色背景 */
.header-contaienr.header-static {
  position: sticky;
  top: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  z-index: 99999;
}
/* 占位模式下取消 hover 时的背景变化（已是白色） */
.header-contaienr.header-static:hover {
  background-color: #fff;
}

/* 仅白色实色背景（保持悬浮） */
.header-contaienr.header-solid,
.header-contaienr.header-solid:hover {
  background-color: #fff;
}

/* 移动端：保持原有悬浮交互（顶部信息条联动），不强制占位 */
@media only screen and (max-width: 768px) {
  .header-contaienr.header-static {
    position: fixed;
    top: 34px;
    box-shadow: none;
    background-color: #192956;
  }
}
@media only screen and (min-width: 480px) {
    .dropdown-items li {
        position: initial;
    }
}

/* =============================================
   2026 导航栏样式 结束
   ============================================= */


/* =============================================
   2026 产品 Banner 样式 开始
   ============================================= */


/* 2026 */
.main-product-banner{
	height: 650px;
	background-color: #F8FBFF;
	background-image: url(../Products/images/C-Cert_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}
.main-product-banner.code_signing{
	background-image: url(../Products/images/code_signing_01.jpg);
}
.main-product-banner.sm2-banner2{
	background-image: url(../sm2_https/images/container_01.jpg);
}
.main-product-banner.code_signing{
	background-image: url(../Products/images/code_01.jpg);
}
.main-product-banner.WHQL{
	background-image: url(../Products/images/WHQL_01.jpg);
}
.main-product-banner.clientCert{
	background-image: url(../Products/images/clientCert_01.jpg);
}
.main-product-banner.document_signing{
	background-image: url(../Products/images/document_signing_01.jpg);
}
.main-product-banner.ssl_acme{
	background-image: url(../Products/images/ssl_acme_01.jpg);
}
.main-product-banner.pki_shangyongmima{
	background-image: url(../Products/images/pki_shangyongmima_01.jpg);
}
.main-product-banner.signature{
	background-image: url(../Products/images/signature_01.jpg);
}
.main-product-banner.dzqmrzzs{
	background-image: url(../Products/images/dzqmrzzs_01.png);
}
.main-product-banner.index{
	background-image: url(../Products/images/index_01.jpg);
}
.main-product-banner.wotrus_online{
	background-image: url(../Products/images/wotrus_online_01.jpg);
}
.main-product-banner.WTCA{
	background-image: url(../Products/images/WTCA.jpg);
}
.main-product-banner.wtkm{
	background-image: url(../Products/images/wtkm.jpg);
}
.main-product-banner.SVS{
	background-image: url(../Products/images/SVS_01.jpg);
}
.main-product-banner.guomigaizao{
	background-image: url(../Products/images/guomigaizao_01.jpg);
}
.main-product-banner.miping{
	background-image: url(../Products/images/miping_01.jpg);
}
.main-product-banner.sm2_https{
	background-image: url(../Products/images/C-Cert_01.jpg);
}
.main-product-banner.ssl_new{
	background-image: url(../Products/images/ssl_new_01.jpg);
}
.main-product-banner.index_02{
	background-image: url(../Products/images/index_02.jpg);
}
.main-product-banner.PDF_signing_tool{
	background-image: url(../Products/images/PDF_signing_tool_01.jpg);
}
.carousel-inner>.item .btn-box,
.main-product-banner .btn-box {
	position: relative;
	height: 100%;
}
/* 2026 整个banner区域可点击 */
#banner .carousel-inner-container{
	z-index: 2;
	pointer-events: none;
}
#banner .carousel-inner > .item .banner-link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	text-decoration: none;
}
/* 文字层恢复可交互，允许用户选中复制 */
#banner .carousel-inner > .item .banner-text{
	pointer-events: auto;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
/* 按钮恢复可交互，保留原有 hover 效果 */
#banner .carousel-inner > .item .top-btn{
	position: relative;
	pointer-events: auto;
}
/* 文字子元素允许选中复制 */
#banner .carousel-inner > .item .banner-text h3,
#banner .carousel-inner > .item .banner-text .fit-sub,
#banner .carousel-inner > .item .banner-text .message-text{
	-webkit-user-select: text;
	user-select: text;
}
.carousel-inner>.item  .banner-text,
.main-product-banner .banner-text{
	position: absolute;
	left:0;
	/* top:167px; */
	top: 50%;
  transform: translateY(-50%);
	min-height: 249px;
	max-width: 745px;
	display: flex;
	flex-direction: column;
}
/* .carousel-inner>.item  .banner-text {
	top: 50%;
  transform: translateY(-50%);
	max-width: 745px;
} */
.carousel-inner>.item .banner-text span.fit-sub,
.main-product-banner .banner-text span.fit-sub{
	font-size:24px;
	line-height: 35px;
	letter-spacing: 2px;
	color: #3D3D3D;
	display: block;
	margin-bottom:10px;
	font-weight: 600;
}
.carousel-inner>.item .banner-text h3,
.main-product-banner .banner-text h3{
	color: #232323;
	font-size:48px;
	font-weight: 700;
	line-height: 61px;
	margin-bottom:20px;
	letter-spacing: 1px;
	/* max-width: 616px; */
}
.carousel-inner>.item .banner-text .message-text,
.main-product-banner .banner-text .message-text{
	display: inline-block;
	color: #3D3D3D;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 1px;
	/* max-width: 616px; */
}

.carousel-inner>.item .top-btn,
.main-product-banner .top-btn{
	margin-top: auto;
	padding-top: 52px;
}
.carousel-inner>.item .top-btn a,
.main-product-banner .top-btn a{
	color:#fff;
	display:inline-block;
	padding:12px 35px;
	font-size:16px;
	border:1px solid transparent;
	transition: all ease 0.3s;
	font-size:16px;
	background: linear-gradient( 135deg, #39B344 0%, #35A63E 100%);
	border-radius: 4px;
	margin-right:5px;
}
.carousel-inner>.item .top-btn a.btn_two,
.main-product-banner .top-btn a.btn_two {
	background: #fff;
	color:#35A63E;
	border-color:#35A63E;
}

.carousel-inner>.item .top-btn a:hover,
.main-product-banner .top-btn a:hover{
	border:1px solid #35A63E;
	background: linear-gradient( 135deg, #39B344 0%, #35A63E 100%);
	color:#fff;
}
.carousel-inner>.item .top-btn a.btn_two:hover,
.main-product-banner .top-btn a.btn_two:hover {
	background: linear-gradient( 135deg, #39B344 0%, #35A63E 100%);
	color:#fff;
}



/* 2026-一级聚合页面 */
.new2026-banner {
	/* background: linear-gradient( 90deg, #e9eef5 15.24%, #e9eef5 76.43%, rgba(248,251,255,0) 100%); */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	height:423px;
	background: linear-gradient( 90deg, #F8FBFF 30.7%, rgba(248,251,255,0.5621) 79.29%, #F8FBFF 30.7%);
	position: relative;
}
.new2026-banner img {
	display: block;
	height: 100%;
	/* max-width: 1920px;
	width: 100%; */
	margin: 0 auto;
}
.new2026-banner .btn-box{
	position: absolute;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: auto;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.new2026-banner .banner-text{
	position: absolute;
	left:0;
	top:56%;
	transform: translateY(-50%);
	width:38%;
	min-height: 203px;
	display: flex;
	flex-direction: column;
}
.new2026-banner .top-btn{
	margin-top: auto;
}
.new2026-banner .top-btn a{
	color:#fff;
	display:inline-block;
	padding:10px 40px;
	font-size:14px;
	border:1px solid transparent;
	transition: all ease 0.3s;
	background: #2ea039;
}
.new2026-banner .banner-text span{
	font-size: 18px;
	color: #3D3D3D;
	line-height: 26px;
	letter-spacing: 1px;
	margin-bottom:20px;
}
.new2026-banner .banner-text h3{
	font-weight: 700;
	font-size: 50px;
	color: #232323;
	line-height: 61px;
	margin-bottom: 16px;
}
.new2026-banner .banner-text .items span{
	color:#fff;
	font-size:16px;
	text-align: justify;
	line-height:24px;
	display: inline-block;
	padding-left:20px;
	margin-right:10px;
	background: url(../images/check2.png) no-repeat left center;
}
.new2026-banner .top-btn a:hover{
	border:1px solid rgba(255,255,255,0.8);
}
/* ===== 平板端适配 (769px - 1024px) ===== */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	/* 主 banner 高度适配 */
	.main-product-banner {
		height: 420px;
		background-size: auto 100%;
	}
	/* carousel banner 文字区域 */
	.carousel-inner>.item .banner-text,
	.main-product-banner .banner-text {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		min-height: auto;
	}
	.carousel-inner>.item .banner-text h3,
	.main-product-banner .banner-text h3 {
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 14px;
	}
	.carousel-inner>.item .banner-text span.fit-sub,
	.main-product-banner .banner-text span.fit-sub {
		font-size: 18px;
		line-height: 26px;
	}
	.carousel-inner>.item .banner-text .message-text,
	.main-product-banner .banner-text .message-text {
		font-size: 14px;
	}
	.carousel-inner>.item .top-btn,
	.main-product-banner .top-btn {
		padding-top: 30px;
	}
	.carousel-inner>.item .top-btn a,
	.main-product-banner .top-btn a {
		padding: 10px 24px;
		font-size: 14px;
	}
	/* new2026-banner 平板适配 */
	.new2026-banner {
		height: 320px;
	}
	.new2026-banner .banner-text {
		width: 50%;
	}
	.new2026-banner .banner-text h3 {
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 12px;
	}
	.new2026-banner .banner-text span {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 14px;
	}
	.new2026-banner .top-btn a {
		padding: 8px 28px;
	}
}

/* ===== 移动端适配 (≤768px) ===== */
@media only screen and (max-width: 768px) {
	/* 主 banner 高度自适应 */
	.main-product-banner {
		height: auto;
		min-height: 280px;
		background-size: cover;
		background-position: right center;
		padding: 60px 15px 40px;
	}
	/* carousel banner 文字区域 */
	.carousel-inner>.item .banner-text,
	.main-product-banner .banner-text {
		/* position: relative;
		top: auto;
		left: auto; */
		/* -webkit-transform: none;
		transform: none; */
		min-height: auto;
		padding: 0 15px;
	}
	.carousel-inner>.item .banner-text h3,
	.main-product-banner .banner-text h3 {
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 10px;
		max-width: 100%;
	}
	.carousel-inner>.item .banner-text span.fit-sub,
	.main-product-banner .banner-text span.fit-sub {
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 1px;
		max-width: 100%;
	}
	.carousel-inner>.item .banner-text .message-text,
	.main-product-banner .banner-text .message-text {
		font-size: 13px;
		line-height: 20px;
		max-width: 100%;
	}
	.carousel-inner>.item .top-btn,
	.main-product-banner .top-btn {
		padding-top: 20px;
	}
	.carousel-inner>.item .top-btn a,
	.main-product-banner .top-btn a {
		padding: 9px 20px;
		font-size: 14px;
		margin-bottom: 8px;
	}
	/* new2026-banner 移动端适配 */
	.new2026-banner {
		height: auto;
		min-height: 220px;
		padding: 40px 0 30px;
	}
	.new2026-banner img {
		display: none; /* 移动端隐藏背景图，避免遮挡文字 */
	}
	.new2026-banner .btn-box {
		position: relative;
		left: auto;
		-webkit-transform: none;
		transform: none;
		max-width: 100%;
		padding: 0 15px;
	}
	.new2026-banner .banner-text {
		position: relative;
		left: 15px;
		top: auto;
		-webkit-transform: none;
		transform: none;
		width: 90%;
		min-height: auto;
	}
	.new2026-banner .banner-text span {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 12px;
	}
	.new2026-banner .banner-text h3 {
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 12px;
	}
	.new2026-banner .top-btn a {
		padding: 8px 24px;
		font-size: 14px;
	}
}

/* ===== 首页 Banner 移动端文字和按钮优化 (≤768px) ===== */
@media only screen and (max-width: 768px) {
	#banner .carousel-inner-container {
		padding: 0 15px;
	}
	#banner .carousel-inner-container .banner-text {
		max-width: 100%;
		width: 100%;
	}
	#banner .carousel-inner-container .banner-text h3 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 8px;
		letter-spacing: 0;
	}
	#banner .carousel-inner-container .banner-text .fit-sub {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 6px;
		letter-spacing: 0;
	}
	#banner .carousel-inner-container .banner-text .message-text {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0;
	}
	#banner .carousel-inner-container .top-btn {
		padding-top: 12px;
	}
	#banner .carousel-inner-container .top-btn a {
		padding: 6px 16px;
		font-size: 12px;
	}
}
/* 超小屏幕(≤480px)进一步缩小 */
@media only screen and (max-width: 480px) {
	#banner .carousel-inner-container .banner-text h3 {
		font-size: 16px;
		line-height: 22px;
	}
	#banner .carousel-inner-container .banner-text .fit-sub {
		font-size: 12px;
		line-height: 16px;
	}
	#banner .carousel-inner-container .banner-text .message-text {
		font-size: 11px;
		line-height: 14px;
	}
	#banner .carousel-inner-container .top-btn a {
		padding: 5px 14px;
		font-size: 11px;
	}
}

/* ===== 首页 Banner carousel item 背景 ===== */
#banner .carousel-inner .item {
	background: linear-gradient( 90deg, #F8FBFF 30.7%, rgba(248,251,255,0.5621) 79.29%, #F8FBFF 30.7%);
}

/* =============================================
   2026 产品 Banner 样式 结束
   ============================================= */