.mid {
	width: 1366px;
	margin: 0 auto
}

.mid .title {
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding-top: 48px;
}

.mid .title-en {
	color: #d1d1d1;
	font-size: 26px;
	text-align: center;
}

body {
	min-width: 1600px;
	overflow-x:hidden;
	padding-top: 137px;
	max-width: 1920px;
	margin: 0 auto;
}

header {
	width: 100%;
	max-width: 1920px;
	background: #242528;
	position: fixed;
	top: 0;
	z-index: 99999999;
}

header .top {
	border-bottom: 1px solid #4C4F58
}
#nav{
	/*padding: 0 229px;*/
	/*margin-left: 25%*/
	width: 1200px;
	margin: 0 auto;
}

header .top .logo {
	height: 65px;
}

header .top .header-r {
	float: right
}
header .top .top-line{
	width: 1600px;
	margin: 0 auto;
}
header .top .header-r .search {
	background: #585C67;
	height: 68px;
	width: 342px;
	display: inline-block;
	margin-right: 76px
}

header .top .header-r .search .search-placeholder {
	color: #b6b6b6;
	font-size: 18px;
	padding-left: 20px;
	position: absolute;
	margin-top: 23px
}

header .top .header-r .search input {
	color: #b6b6b6;
	font-size: 18px;
	border: none;
	background: #585C67;
	padding-left: 20px;
	margin-top: 23px;
	height: 22px;
	outline: none
}

header .top .header-r .search i {
	font-size: 24px;
	color: #b6b6b6;
	cursor: pointer;
	transition: color .3s
}

header .top .header-r .search i:hover {
	color: #00f6ff
}

header .top .header-r .font-conversion {
	display: inline-block;
	height: 68px;
	vertical-align: top
}

header .top .header-r .font-conversion span {
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border: solid 1px #585c67;
	border-radius: 50%;
	color: #585C67;
	text-align: center;
	font-size: 16px;
	margin-right: 36px;
	cursor: pointer;
	margin-top: 16px;
	transition: background-color .3s
}

header .top .header-r .font-conversion span:hover {
	background: #fff
}

header .top .header-r .font-conversion span.on {
	background: #00f6ff;
	border: none
}

header .top .header-r .font-conversion span:last-child {
	margin-right: 73px
}

header .top .header-r .login {
	display: inline-block;
	color: #dedede;
	font-size: 18px;
	height: 68px;
}

header .top .header-r .login span {
	cursor: pointer;
	transition: color .3s
}
header .top .header-r .login span a {
	color: #dedede;
}

header .top .header-r .login span:hover {
	color: #00f6ff
}

header .top .header-r .login i {
	font-size: 24px;
	color: #dfdfdf;
	margin-top: 22px;
	display: inline-block
}

header .nav ul li {
	float: left;
	list-style-type: none;
}
header .nav ul li a {
	padding: 0 35px;
	height: 68px;
	line-height: 68px;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	letter-spacing: 0px;
	color: #dedede;
	display: block;
	transition: color .3s
}
@media screen and (max-width: 1400px) {
	header .nav ul li{
		padding: 0;
	}

	header .nav .fast-website{
		width: 149px;
	}
	footer .contact-way{
		font-size: 17px;
	}
}


header .nav ul li a.on {
	color: #00f6ff;
	color: #00f6ff;
	border-bottom: 3px solid #00f6ff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

header .nav ul li a:hover {
	color: #00f6ff
}

header .nav .fast-website {
	display: block;
	width: 161px;
	height: 68px;
	background: #00f6ff;
	text-align: center;
	line-height: 68px;
	float: right;
	color: #242528;
	cursor: pointer;
	font-size: 18px;
	transition: .3s;
	/*margin-right: 293px;*/
}

header .nav .fast-website:hover {
	color: #fff;
	background: #00d6de
}

footer {
	background: #242528;
	padding: 0 229px
}

footer .contact {
	text-align: center;
	padding-top: 38px
}

footer .contact h2 {
	font-family: MicrosoftYaHei-Bold;
	font-size: 30px;
	letter-spacing: 2px;
	color: #ffffff
}

footer .contact p {
	font-family: FZZXHJW--GB1-0;
	font-size: 26px;
	letter-spacing: 0px;
	color: #d1d1d1;
	margin-top: 16px
}

footer .contact-way {
	font-family: MicrosoftYaHei-Bold;
	font-size: 22px;
	letter-spacing: 2px;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	padding: 68px 49px 53px;
}

footer .contact-way a {
	color: #fff
}

footer .contact-way a i {
	margin-right: 10px;
	font-size: 46px;
	margin-top: -5px;
	display: inline-block;
	color: #00f6ff
}

footer .contact-way a span {
	vertical-align: top;
	position: relative;
	top: 7px
}

footer .copyright {
	font-family: MicrosoftYaHei;
	font-size: 16px;
	height: 25px;
	letter-spacing: 0px;
	color: #b6b6b6;
	text-align: center;
	margin-top: -20px;
}

.whiteTxt {
	color: #ffffff
}

.yellowTxt {
	color: #fff000
}

.banner {
	height: 500px;
	width: 100%
}

.container {
	background: url("../images/home/BG.png") no-repeat
}

.list-title {
	font-family: MicrosoftYaHei;
	font-size: 32px;
	line-height: 30px;
	letter-spacing: 0;
	color: #00f6ff;
	margin-bottom: 24px
}

.list-title .action {
	font-size: 24px;
	letter-spacing: 0;
	color: #ffa200;
	float: right;
	cursor: pointer;
	transition: color .3s
}

.list-title .action:hover {
	color: #fff
}

.vessel {
	width: 1366px;
	margin-left: auto;
	margin-right: auto
}

.popBox {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	width: 576px;
	height: 675px;
	text-align: center;
	z-index: 9999;
	background-color: #fff;
	border: 1px solid #00f6ff;
	box-shadow: 0 0 13px 0 rgba(0, 246, 255, 0.76);
	cursor: pointer
}

.popBox.regBox {
	height: 675px
}

.popBox .pop-content {
	width: 100%;
	height: 169px;
	background: #fff url(../images/home/headBg.png) no-repeat center top;
	position: relative
}

.popBox .pop-content.login-content {
	background: #fff url(../images/home/loginBg.png?v103) no-repeat center
		top
}

.popBox .pop-content.reg-content {
	background: #fff url(../images/home/regtobg.png?v103) no-repeat center
		top
}

.popBox .pop-content .closeP {
	display: inline-block;
	width: 37.5px;
	height: 37.5px;
	line-height: 37.5px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	background: #000 url(../images/home/closeP2.png) no-repeat center center;
	border: 1px solid #00f6ff;
	cursor: pointer
}

.popBox .pop-form {
	width: 457px;
	margin: 0 auto;
	text-align: center
}

.popBox .pop-form .m17 {
	margin-top: 17px
}

.popBox .pop-form .m25 {
	margin-top: 25px
}

.popBox .pop-form .m40 {
	margin-top: 40px
}

.popBox .pop-form .m32 {
	margin-top: 32px
}

.popBox .pop-form .pop-form-row {
	position: relative;
	height: 45px;
	border: 1px solid #dedede;
	border-radius: 3px
}

.popBox .pop-form .pop-form-row input {
	width: 244px;
	margin-left: 155px;
	height: 41px;
	line-height: 45px;
	font-size: 15px;
	border-width: 0;
	outline: none
}

.popBox .pop-form .pop-form-row input.mrl175 {
	margin-left: -175px
}

.popBox .pop-form .pop-form-row .valicodeImg {
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	line-height: 45px
}

.popBox .pop-form .pop-form-row .icon-txt {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 45px;
	font-size: 15px;
	color: #999
}

.popBox .pop-form .pop-form-row .icon-txt.login-icon-txt {
	top: -36px
}

.popBox .pop-form .pop-form-row .icon-txt .incon-star {
	display: inline-block;
	font-style: normal;
	margin-left: 13px;
	font-size: 25px;
	line-height: 45px;
	vertical-align: -8px;
	color: #ff3333
}

.popBox .pop-form .pop-form-row .icon-txt .incon-star.login-icon-star {
	margin-left: 0
}

.popBox .pop-form .pop-form-row .icon-txt .mr30 {
	margin-left: 38px
}

.popBox .pop-form .pop-form-row .icon-txt span {
	display: inline-block;
	font-size: 15px;
	line-height: 45px;
	margin-left: 8px;
	color: #999;
	vertical-align: top
}

.popBox .pop-form .pop-form-row .icon-txt span.login-name {
	margin-left: 3px;
	color: #000
}

.popBox .pop-form .pop-form-row .pop-icon {
	position: absolute;
	top: 0;
	right: 17px;
	line-height: 45px;
	font-style: normal
}

.popBox .pop-form .pop-form-row .pop-icon .iconfont {
	display: inline-block
}

.popBox .pop-form .pop-form-row .pop-icon .iconfont.icon-close {
	font-size: 20px
}

.popBox .confirmBtn {
	width: 514px;
	height: 47px;
	display: inline-block;
	line-height: 47px;
	background-color: #ffab27;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	margin: 21px auto 0;
	border-radius: 3px;
	box-shadow: 3px 4px 0px 0px rgba(0, 0, 0, 0.2)
}

.popBox .confirmBtn.m120 {
	margin-top: 120px
}

.popBox .other-link {
	width: 514px;
	font-size: 17px;
	color: #464545;
	margin: 0 auto;
	text-align: right
}

.popBox .other-link.mt10 {
	margin-top: 10px
}

.popBox .other-link .txt-red {
	color: #ff3636
}

.pop-back {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.32);
	z-index: 888
}

.popup-mask{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:none}
#popup{
	margin: 11% auto;
	position: relative;
	width: 1050px;
}
@media screen and (max-width:479px){#popup{margin:5% auto}
}
#popup img{width: 1050px;height: 660px;}
#popup .ggClose{display:block;width:1.5rem;height:1.5rem;background:url(../images/home/e59729a44d7472aa5e217744a5065603.png);background-size:cover;position:absolute;top:3%;right:3%;cursor:pointer}
@media screen and (max-width:768px){#popup .ggClose{top:10%;right:16%;width:3vw;height:3vw}
}
#popup .desktop{display:block}
@media screen and (max-width:768px){#popup .desktop{display:none}
}
#popup .mobile{display:none}
@media screen and (max-width:768px){#popup .mobile{display:block}
}
#popup .updown{position:absolute;top:-10%;left:-10%;width:209px;height:149px;animation:up_down 2s infinite alternate}
@media screen and (max-width:1440px){#popup .updown{top:0;left:-4%}
}