@charset "utf-8";  
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 14px "微软雅黑", "Open Sans";color:#333;}
html{font:400 100% "微软雅黑", "Open Sans"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
body{background:#fff;}
article, aside, figure, footer, header, menu, nav, section, summary, time { display: block; margin: 0; padding: 0 }
*{box-sizing:border-box; margin:0; padding:0;}
img { border: 0 }
table { border-collapse: 0; border-spacing: 0 }
ol, ul { list-style: none }
a:focus { outline: 0 }
a:active, a:link, a:visited { text-decoration: none; color: #08c }
a:hover { color: #08c;}
.zoom:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
.border{border:1px solid #ccc;}
.clear { clear: both }
.left { float: left }
.right { float: right }
.dsb { display: block }
.valm { vertical-align: middle }
.dsn { display: none }
.pta { position: absolute }
.ptr { position: relative }
.ptf{position: fixed;}
.pw1400{width: 100%;max-width: 14rem;margin-left: auto;margin-right: auto;height: 100%;}
.df_pw{width: 100%;max-width: 14rem;margin-left: auto;margin-right: auto}

/*header*/
header{width:100%;height:0.7rem; background:#fff;position: sticky;top: 0;z-index: 5;box-shadow: 0px 1px 26px 0px rgba(0, 49, 106, 0.12);}
header img{margin-top:0.1rem;width: 1.13rem;}
.nav_cont span{display:inline-block; color:#878787; line-height:0.44rem; position:relative; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; font-size: 0.14rem;}
.nav_cont li{float:left; padding:0 0.3rem 0 0; margin-left:0.4rem; position:relative; text-align:center;min-width: 0.44rem}
.nav_cont i{display:inline-block; position:absolute; width:0.12rem; height:0.08rem; margin-left:0.06rem;}
.nav_cont i:after{content:"\e800"; font-family: "iconfont"; color:#444; font-weight:bold; font-style:normal; font-size: .14rem;}
.nav_cont li > a{display:block; width:0.35rem; line-height:0.55rem; margin-top:0.1rem; text-decoration:none; transition:all 0.1s linear; -webkit-transition:all 0.1s linear; overflow:hidden;min-width: 0.24rem}

.nav_cont span:after{content:'首页'; display:block; width:100%; position:absolute; left:0; bottom:0rem; transform:translateY(100%); -webkit-transform:translateY(100%);}
.nav_cont .about span:after{content:'关于';}

.nav_cont .recruit span:after{content:'招聘';}
.nav_cont .concat span:after{content:'联系';}
.nav_cont .active span{color:#444; transform:translateY(-100%);  -webkit-transform:translateY(-100%);}
.nav_cont li:hover span{color:#0171F3; transform:translateY(-100%); -webkit-transform:translateY(-100%);}
.nav_cont li:hover span:before{content:''; width:0; height:0.02rem;border-radius: 0.1rem; background:#0171F3; position:absolute; bottom:-0.45rem; left:50%; transition:0.5s; -webkit-transition:0.5s;}
.nav_cont li:hover span:before{width:100%; left:0;}
.nav_cont .active span:before{width:100%; left:0;}
.nav_cont li:hover i{transform: translateY(600%) rotate(180deg);-webkit-transform: translateY(600%) rotate(180deg);}
.nav_cont li:hover i:after{color: #0171F3;}
nav .nav_list{display:none;height:auto; top:100%; left:-0.3rem; box-shadow: 0rem 0rem 0.03rem rgba(0,0,0,0.1); z-index:100; overflow:hidden;padding: 0.24rem 0.18rem;background-color:#fff;border-radius: 0.08rem;}
nav .nav_list a{background-color:#fff;margin-bottom: 0.2rem;font-size: .14rem;}
nav .nav_list a:last-child{margin-bottom: 0rem;}
nav .nav_list1 a{min-width: 1rem;}
nav .nav_list1{left: -0.42rem;}
.nav_list a{display: block;padding: 0.06rem 0.2rem;min-width: 0.7rem;color: #2F2F2F;transition: all .6s ; -webkit-transition: all .6s }
.nav_list a:hover{background-color: rgba(1, 113, 243, 0.10);border-radius: 0.08rem;color: #0171F3;

}
.menu_btn{float:right; width:0.3rem; height:0.3rem; margin-top:0.24rem; margin-right:0.3rem; background:url(../img/menu.png) no-repeat center;}
/* footer */
.mofooter{display: none;}
footer{display: flex;width: 100%;justify-content: center;align-items: center;background: #2F2F2F;position: relative;z-index: 5;padding: 0.54rem;}
footer .pcfooter{display: flex;}
footer .content{margin-left: 0.56rem;display: flex;flex-direction: column;}
.footer_icon{width: 1.42rem;display: flex;align-items: center;justify-content: center;}
.footer_icon img{width: 100%;}
.footer_lists{display: flex;max-width: 3rem;justify-content: space-between;}
.footer_list{position: relative;padding: 0.15rem 0;}
.footer_list>a{display: inline-block;height: 0.19rem;overflow: hidden;width: 0.5rem;}
.footer_lists span{display: inline-block; color: #FFFFFF;font-size: 0.16rem;transition: all ease-out 0.3s;-webkit-transition: all ease-out 0.3s;opacity: 0.5;}
.footer_lists i:after {display: inline-block;content: "\e800";font-family: "iconfont"; color: #FFFFFF;margin-left: 0.06rem;font-weight: bold;font-style: normal;transform: rotate(180deg);position: absolute;top: 0.18rem;right: 0;}
.footer_lists span:after {color: #FFFFFF;content: '首页';display: block;width: 100%;transform: translateY(100%);-webkit-transform: translateY(100%);
}
.footer_lists li:hover span {color: #fff;transform: translateY(-100%);-webkit-transform: translateY(-100%);opacity: 1;
}
.language_btn{cursor: pointer;width: 0.8rem;}
.language_btn p{height: 0.19rem; overflow: hidden;}
.footer_lists .about span:after {content: '关于';}
.footer_lists .recruit span:after {content: '招聘';}
.footer_lists .concat span:after {content: '联系';}
.footer_lists .language_btn span:after {content: '简体中文';}
.footer_lists_content{top: -1.69rem;left: -0.48rem;z-index: 100;overflow: hidden;padding: 0.24rem 0.18rem 0.04rem;border-radius: 0.08rem;border: 0.01rem solid #606060;background: #2F2F2F;display: none;transition: height 6s ease;}
.footer_lists_content.open{height: auto;display: block;}
.footer_lists_content a{min-width: 1rem;display: block;padding: 0.06rem 0.2rem;color: #FFFFFF;transition: all .6s;-webkit-transition: all .6s;background: #2F2F2F;margin-bottom: 0.2rem;border-radius: 0.06rem;opacity: 0.5;font-size: .14rem;}
.footer_lists_content a:hover{background: rgba(255, 255, 255, 0.10);
opacity: 1;}
.recruit .footer_lists_content{top: -2.2rem;left: -0.4rem;}
.recruit .footer_lists_content a{min-width: 0.7rem;}
.language .footer_lists_content{top: -5.27rem;left: -0.42rem;}
.language .footer_lists_content a{min-width: 1rem;text-align: center;}
footer .content p{color: #FFF;font-size: 0.12rem;font-weight: 400;}
nav div:nth-child(3){margin-left: auto;margin-right: 0.3rem;}
.solid{opacity: 0.2;background: #FFFFFF;height: 0.02rem;position: absolute;bottom: 0;}
/*media*/

@media screen and (max-width:1300px){
	.nav_cont li > a{width: 35px;}
	footer .pw1000{width:100%; padding:0 4%;}
	header{width:100%;height:70px; background:#fff;position: sticky;top: 0;z-index: 5;}


	header{width:100%;height:70px; background:#fff;position: sticky;top: 0;z-index: 5;}
header img{margin-top:10px;width: 113px;}
.nav_cont span{display:inline-block; color:#878787; line-height:44px; position:relative; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; font-size: 14px;}
.nav_cont li{float:left; padding:0 30px 0 0; margin-left:40px; position:relative; text-align:center;min-width: 44px}
.nav_cont i{display:inline-block; position:absolute; width:12px; height:8px; margin-left:6px;}
.nav_cont i:after{content:"\e800"; font-family: "iconfont"; color:#444; font-weight:bold; font-style:normal; font-size: 14px;}
.nav_cont li > a{display:block; width:35px; line-height:55px; margin-top:10px; text-decoration:none; transition:all 0.1s linear; -webkit-transition:all 0.1s linear; overflow:hidden;min-width: 24px}

.nav_cont span:after{content:'首页'; display:block; width:100%; position:absolute; left:0; bottom:0px; transform:translateY(100%); -webkit-transform:translateY(100%);}
.nav_cont .about span:after{content:'关于';}

.nav_cont .recruit span:after{content:'招聘';}
.nav_cont .concat span:after{content:'联系';}
.nav_cont .active span{color:#444; transform:translateY(-100%);  -webkit-transform:translateY(-100%);}
.nav_cont li:hover span{color:#0171F3; transform:translateY(-100%); -webkit-transform:translateY(-100%);}
.nav_cont li:hover span:before{content:''; width:0; height:2px;border-radius: 10px; background:#0171F3; position:absolute; bottom:-45px; left:50%; transition:0.5s; -webkit-transition:0.5s;}
.nav_cont li:hover span:before{width:100%; left:0;}
.nav_cont .active span:before{width:100%; left:0;}
.nav_cont li:hover i{transform: translateY(600%) rotate(180deg);-webkit-transform: translateY(600%) rotate(180deg);}
.nav_cont li:hover i:after{color: #0171F3;}
nav .nav_list{display:none;height:auto; top:100%; left:-30px; box-shadow: 0px 0px 3px rgba(0,0,0,0.1); z-index:100; overflow:hidden;padding: 24px 18px;background-color:#fff;border-radius: 8px;}
nav .nav_list a{background-color:#fff;margin-bottom: 20px;font-size: 14px;}
nav .nav_list a:last-child{margin-bottom: 0px;}
nav .nav_list1 a{min-width: 100px;}
nav .nav_list1{left: -42px;}
.nav_list a{display: block;padding: 6px 20px;min-width: 70px;color: #2F2F2F;transition: all .6s ; -webkit-transition: all .6s }
.nav_list a:hover{background-color: rgba(1, 113, 243, 0.10);border-radius: 8px;color: #0171F3;

}
.menu_btn{float:right; width:30px; height:30px; margin-top:24px; margin-right:30px; background:url(../img/menu.png) no-repeat center;}
/* footer */
.mofooter{display: none;}
footer{display: flex;width: 100%;justify-content: center;align-items: center;background: #2F2F2F;position: relative;z-index: 5;padding: 54px;}
footer .pcfooter{display: flex;}
footer .content{margin-left: 56px;display: flex;flex-direction: column;}
.footer_icon{width: 142px;display: flex;align-items: center;justify-content: center;}
.footer_icon img{width: 100%;}
.footer_lists{display: flex;max-width: 300px;justify-content: space-between;}
.footer_list{position: relative;padding: 15px 0;}
.footer_list>a{display: inline-block;height: 19px;overflow: hidden;width: 50px;}
.footer_lists span{display: inline-block; color: #FFFFFF;font-size: 16px;transition: all ease-out 0.3s;-webkit-transition: all ease-out 0.3s;opacity: 0.5;}
.footer_lists i:after {display: inline-block;content: "\e800";font-family: "iconfont"; color: #FFFFFF;margin-left: 6px;font-weight: bold;font-style: normal;transform: rotate(180deg);position: absolute;top: 18px;right: 0;}
.footer_lists span:after {color: #FFFFFF;content: '首页';display: block;width: 100%;transform: translateY(100%);-webkit-transform: translateY(100%);
}
.footer_lists li:hover span {color: #fff;transform: translateY(-100%);-webkit-transform: translateY(-100%);opacity: 1;
}
.language_btn{cursor: pointer;width: 80px;}
.language_btn p{height: 19px; overflow: hidden;}
.footer_lists .about span:after {content: '关于';}
.footer_lists .recruit span:after {content: '招聘';}
.footer_lists .concat span:after {content: '招聘';}
.footer_lists .language_btn span:after {content: '简体中文';}
.footer_lists_content{top: -169px;left: -48px;z-index: 100;overflow: hidden;padding: 24px 18px 4px;border-radius: 8px;border: 1px solid #606060;background: #2F2F2F;display: none;transition: height 6s ease;}
.footer_lists_content.open{height: auto;display: block;}
.footer_lists_content a{min-width: 100px;display: block;padding: 6px 20px;color: #FFFFFF;transition: all .6s;-webkit-transition: all .6s;background: #2F2F2F;margin-bottom: 20px;border-radius: 6px;opacity: 0.5;font-size: 14px;}
.footer_lists_content a:hover{background: rgba(255, 255, 255, 0.10);
opacity: 1;}
.recruit .footer_lists_content{top: -220px;left: -40px;}
.recruit .footer_lists_content a{min-width: 70px;}
.language .footer_lists_content{top: -527px;left: -42px;}
.language .footer_lists_content a{min-width: 100px;text-align: center;}
footer .content p{color: #FFF;font-size: 12px;font-weight: 400;}
nav div:nth-child(3){margin-left: auto;margin-right: 30px;}

	



}
@media screen and (max-width:1200px){
	
	header .pw980{width:100%;}
	header nav{padding-left:86px;}

}

@media screen and (max-width:980px){
	footer .login_mes{width:100%; margin-top:10px; text-align:right;}
}

@media screen and (max-width:920px){
	.nav_cont{display:none;}
	.menu_btn{display:block;}
	header nav{padding-left:32px;}
	.nav_mobile{width:100%; position:absolute; top:70px; left:0; background:#fff; z-index:3;}
	.nav_mobile li{float:none; }
	.nav_mobile .nav_list{position:static; width:100%; box-shadow:none;}
	.close{background:url(../img/menu2.png) no-repeat center;}
    .nav_cont li{text-align: left;}
}

@media screen and (max-width:768px){
	.nav_cont li > a{width:100%; text-align:left;}
	footer .nav_cont{display:none;}
	footer .login_mes{width:100%; text-align:center;}
	.lang_list{left:0px;}
}
@media screen and (max-width:600px){
	footer .pcfooter{display: none;}
	footer{height: auto;}
	.mofooter{width: 100%;display: block;}
	.footer_mo_list{width: 100%;padding: 20px 4%;border-bottom:2px solid rgba(255, 255, 255, 0.2);}
	.footer_mo_list.open b{opacity: 1;}
	.footer_mo_list b{font-size: 16px;color: #FFFFFF;opacity: 0.5;display:inline-block;width: 100%;cursor: pointer;position: relative;}
	.footer_mo_list ul{display: none;transform: none;height: auto;}
	/* .footer_mo_list.open ul{display: block;} */
	.footer_mo_list li{padding:10px 2%;}
	.footer_mo_list a{font-size:16px ;color: #FFFFFF;opacity: 0.5;}


	.footer_mo_list b.after:after{display: inline-block;content: "\e800";font-family: "iconfont";color: #FFFFFF;position: absolute;font-size: 22px;right: 0;transition: all .3s ease-in-out;}
	.footer_mo_list.open b.after:after{transform: rotate(180deg);}
}