body, button, select, textarea, input, label, option, fieldset, legend{font-family: Microsoft YaHei,-apple-system-font,Helvetica Neue,Helvetica,sans-serif;font-size: 14px;line-height: 18px;color: #444;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td{margin: 0;padding: 0;}
textarea{resize: none}
/*.clear{height:1px;overflow:hidden;clear:both;}*/
a,img{border:0;}
a{color: #666;text-decoration: none;}
li{list-style-type:none;}
.fl{float:left;}
.fr
{float:right;}
.nf{clear:both;}
.noBorder{border: 0;outline: 0}
.clear:after{clear: both;height: 0;content: ',';visibility: hidden;display: block;overflow: hidden;}
.mt10{margin-top: 10px}
.mb10{margin-bottom: 10px}
.fp-tableCell{overflow: hidden;position: relative;}
.white{color: #fff;}
.w100{width: 100%}
.h100{height: 100%}
.w50{width: 50%}
.pl24{padding-left: 24px}
.flexJus{display: -webkit-flex;display: -webkit-box;display: flex;justify-content: space-between;-webkit-justify-content: space-between}
.flexCenter{display: -webkit-flex;display: -webkit-box;display: flex;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
.borR{border-radius: 50%;}
.centerMid{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.tc{text-align: center;}
.tr{text-align: right;}
.hide{display: none;}
.tranC{-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.tranTC{-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}
.tranLC{-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%)}

/*导航部分*/
#top{position: fixed;top: 0;left: 0;width: 100%;background: rgba(0,0,0,0.68);z-index: 100;height: 8.33%;overflow: hidden;}
.midContent{width:800px;margin: 0 auto;height: 100%}
.nav{height: 100%}
.nav li{float: left;height: 100%;margin-left: 20px;position: relative;}
.logo img{height: 68.75%}
.logo a{color: transparent}
.nav>.logo,.nav>ul{width: 50%;float: left;box-sizing: border-box;height: 100%;position: relative;}
#register{cursor: pointer;width: 42px;padding: 2px 6px;text-align:center;height: 18px;border-radius: 3px;background:#0888ff;color: #fff;line-height: 18px; position: absolute;right: -60px;top: calc(50% + 2px);}
.navHref a{padding:0 17px;height: 100%;box-sizing: border-box;border-top: 2px solid transparent;color: #fff;font-size: 14px;}
.navHref a.activeNav{border-top: 2px solid #0888ff;color:#0888ff ;background: rgba(8,136,255,0.1);}
.navHref a:hover{color: #0888ff}

/*注册部分*/
.mask{width: 100%;height: 100%;background: rgba(0,0,0,0.68);position:fixed;left: 0;top: 0;z-index: 100;display: none;}
#registerBox{width: 300px;position: fixed;z-index: 200;left: 50%;top: 50%;background: #fff;padding: 20px 14px;box-sizing: border-box;position: relative;}
#registerBox h4{font-size: 14px;color: #000;margin-bottom: 20px;}
#registerBox  .inputIcon{width: 12px;margin: 0 10px 0 5px}
#password{position: absolute;z-index: 1;display: none;}
.password,#password{width: 85%}
#registerBox  .lineBox{border-bottom:1px solid #cccccc;margin-top:14px;height:34px;position: relative; box-sizing: border-box;padding-top: 10px;}
#registerBox  .sendSms{position: absolute;cursor: pointer;background: #f4482c;padding: 3px 12px;right: 10px;color: #fff;border-radius: 3px;top: 10px}
.twocode{position: absolute;cursor: pointer;right: 0;bottom: 1px;height: 30px;}
#registerBox .see{width: 22px;position: absolute;top: 55%;right: 10px;z-index: 10}
.submit{background: #0888ff;color: #fff;width: 90%;margin:28px auto ;border: 0;display: block;padding: 8px 0 }
#close{position: absolute;width: 24px;top: -36px;right: 5px}


/*底部*/
#footer{position: absolute;bottom: 0;left: 0;/*height: 14.58%;*/height:18%;width: 100%;background: #1f293f;font-size: 12px}
/*#footer .licenseNo{color: #0097eb;}*/

/*#footer .companyInfo ul{padding-top: 6px}*/
#footer .companyInfo ul li{border-left:1px solid #fff;float: left;}
#footer .companyInfo ul li:nth-child(1){border: 0}
#footer .companyInfo ul li:nth-child(1) a{padding-right:10px;padding-left: 0;font-size: 12px }
#footer .companyInfo ul a{font-size: 12px;color: #fff;padding:0 10px;  display: block;line-height: 1}
#footer .companyInfo ul a:hover{color:#0888ff }
#footer .companyInfo .firstInfo{}
.companyInfo{position: relative;height: 100%;font-size: 12px;box-sizing: border-box;padding: 10px 0}
.companyInfo .midContent{display: -webkit-flex;display: -webkit-box;display: flex;flex-direction: column;-webkit-flex-direction: column;justify-content: space-around;-webkit-justify-content: space-around;}
.wxCode{position: absolute;right: 26.6px;top:6px;height: 100%;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content:center;}
.wxCode img{width: 71.4%;display: block;}


@media screen and (min-width: 1600px)  {
	#top{height: 80px;}
	.midContent{width: 1200px}
	.logo img{width: initial;}
	#register{padding: 6px 18px;left: 17px;font-size: 16px}
	.navHref a{font-size: 16px}
	.wxCode img{width: 80px;margin-bottom: 5px;}
	#registerBox{width: 450px;height: 450px;padding: 40px 34px}
	#registerBox h4{font-size: 16px;}
	#registerBox  .lineBox{height: 54px;padding-top: 15px;margin-top: 16px;}
	#registerBox  .sendSms{padding: 7px 34px;top: 24px}
	#registerBox  .inputIcon{width: 16px;padding: 0 14px 0 8px;}
	.submit{padding: 12px;font-size: 18px}
	#registerBox .see{width: 26px;}
	#close{width: 34px;top: -51px}
	.companyInfo{font-size: 14px}
	#footer .companyInfo ul li:nth-child(1) a{font-size: 14px}
	/*#footer{height: 140px}*/
	/*#footer .licenseNo{line-height: 2}*/

}