/*瀵艰埅*/
body {height: 100%;}
@font-face
{
font-family: myFirstFont;
src: url('PingFang_SC.ttf')
}
body {
    font-family: myFirstFont;
}

.header_a{width: 100%; position: fixed; top: 0; -webkit-box-sizing:content-box; z-index: 999999;box-sizing: border-box;transition: all .5s ease;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);}
.index .header_a{box-shadow: none;}
.header_a.a{ box-shadow: 0 6px 30px rgba(0, 0, 0, 0.09); top: -34px}
.header_a.b{top: -110px;}
.index .header_a.a{ background:#fff!important;}
.header_a.a{ background: #fff!important;}
.header_a .logo_a{padding: 12px 0 0 ; line-height: normal; float: left}
.header_a .logo_a img{height:50px; padding: 2px 0 1px 0}

.header_top{height: 34px; background: rgb(10, 15, 33);}
.index .header_top{background: rgba(0,0,0,0.2);}
.header_top li{display: inline-block;}
.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{color: #4cb32b!important;}
.header_top li.lan_doc a{background:url("/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("/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: #4cb32b!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("/images/wosign_new/language.png") center left no-repeat; padding-left: 25px;}
.header_top li.login_in a:first-child{ background: url("/images/wosign_new/top_07.png") center left no-repeat;background-size: auto 16px; padding-left: 30px;}

.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;}
.header_top .top-right li{margin-left:10px;}
.header_top .top-right li img{
	vertical-align: middle;
	margin-right:5px;
}

.h_mid{transition: all .3s ease; float: right;text-align: right;}
.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;
    padding-bottom: 14px;
    vertical-align: top;
    }
.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: #222; font-size: 15px; padding: 26px 25px; transition: all .3s ease; display: inline-block; position: relative; top: 0;}
.h_mid li a:hover,.h_mid li a.cur{color: #4cb32b; }
.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 4px 5px rgba(0,0,0,0.04); border-radius: 6px;}
.h_mid li:nth-child(3) .child_menu{transform:translateX(-36%); }
.h_mid li .child_menu a{padding: 6px 10px; display: block;}
.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: #4cb32b!important;}
.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 0px 0px rgba(0, 0, 0, 0.3));
}
.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{border-color: #222;display:block;}
 .h_mid li .child_menu a i img{width:32px;vertical-align:inherit;margin-left:6px;}
 .h_mid li .child_menu a:hover{color: #4cb32b!important;}
.h_mid li .child_menu a.title{border-bottom:1px solid #eee;font-size:16px;color:#181818;font-weight:600;margin-bottom:15px;}
.h_mid li .child_menu a.title i{
	width:22px;
	height:30px;
	background: url(/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;}
.h_mid li:first-child{float:left;}
.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;
}
@media(max-width:750px){
    .header_top li .child_menu{left: 0; right: auto}
    .telephone{display: none!important;}
    .h_mid li:first-child{
    	float:none;
    }
}

/*index-header*/
@media(min-width:990px){
    .index .h_mid li a{color: #fff}
    .index .h_mid li a:hover,.index .h_mid li a.cur{color: #4cb32b;}
    .index .header_a .logo_a{height: 64px; display: inline-block; background: url(/images/wosign_new/logo_w.png) left 14px no-repeat;width: 126px;background-size: auto 46px;}
    .index .header_a .logo_a:hover{opacity: 1}

}
@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: #4cb32b;}
.h_right li.nav_s dl{display: none}
.h_right li.nav_s dl{position: absolute; top: 76px; right: 0; width: 240px; background:url(/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: #4cb32b; background: #222}
.h_right li.nav_s span{display: block; width: 66px; height: 76px; background: url(/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(/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:990px){
    .index li .child_menu{background: #fff;}
    .index li .child_menu a{color: #646c61;}
    .index li .child_menu a:hover{color: #4cb32b;}
    .index .header_top li.lan a{color: #ccc}
    .index .header_top li.lan a:hover{color: #4cb32b}
}
@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(max-width:750px){
	.header_a .logo_a {
    height: 64px;
    display: inline-block;
    background: url(/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;
    }
}@media only screen and (max-width: 480px) {
	.hamburger{
		background: url(/images/wosign_new/nav.png) no-repeat;
		background-size: 32px;
		border-radius: 0;
	}
	.header_b{
		background: #0f1314;
		padding-top:10px;
	}
}
@media(max-width:375px){
    .h_right li.nav_s dl dd a{padding:12px 15% }
}