.clear,.clearit {
	clear: both;
	margin: 0;
	padding: 0
}

.clearFix {
	display: block
}

.clearFix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.alc {
	text-align: center
}

.all {
	text-align: left
}

.alr {
	text-align: right
}

.vm {
	vertical-align: middle
}

.zoom {
	zoom: 1
}

.ct,.center {
	margin: 0 auto
}

.txtOutline {
	text-shadow: 1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000
}

.alertBox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 998;
	display: none
}

.alertBox>div {
	background-color: #fff;
	width: 500px;
	padding: 40px 0;
	border-radius: 10px;
	box-shadow: 0 0 10px #000;
	margin: 200px auto 0
}

.alertBox>div p {
	text-align: center
}

.alertBox>div p.text {
	margin-bottom: 40px;
	font-size: 18px;
	color: #222
}

.alertBox>div p.btn a {
	font-size: 18px;
	padding: 10px 40px;
	color: #fff;
	background: #222;
	letter-spacing: 4px;
	border-radius: 6px
}

.popBox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999
}

.popBox .popMask {
	width: 100%;
	height: 100%;
	background: #000\9;
	filter: alpha(opacity=50)\9;
	background: rgba(0,0,0,.5)
}

#loadBox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)\9;
	z-index: 999;
	display: none
}

#loadBox span {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/loading.gif) no-repeat;
	background-size: contain;
	line-height: 40px;
	font-size: 10px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px
}

.popVideo {
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 999
}

.popVideo .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 30px;
	height: 30px;
	background: url(../images/close.png) center center no-repeat;
	overflow: hidden;
	cursor: pointer
}

#videoBox {
	width: 100%;
	height: 100%
}

.popIpad {
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 999
}

.popIpad .video {
	width: 100%;
	height: 84%;
	margin: 8% auto
}

.popIpad .video video {
	width: 100%;
	height: 100%
}

.popIpad .close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 30px;
	height: 30px;
	background: url(../images/close.png) center center no-repeat;
	background-size: contain;
	display: block;
	z-index: 99
}

#popAlert {
	position: absolute;
	background: #fff;
	box-shadow: 0 0 10px #000;
	width: 250px;
	padding: 30px 30px 40px;
	display: none
}

#popAlert p {
	text-align: center
}

#popAlert p.text {
	margin-bottom: 40px;
	font-size: 14px;
	color: #333
}

#popAlert p.btn a {
	text-align: center;
	font-size: 15px;
	padding: 10px 20px;
	border-radius: 5px;
	background: #333;
	color: #fff
}

.fl {
	float: left
}

.fr {
	float: right
}

.width100 {
	width: 100%;
	overflow: hidden
}

.width1200 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.clear {
	clear: both;
	overflow: hidden
}

.clear5 {
	clear: both;
	overflow: hidden;
	height: 5px
}

.clear10 {
	clear: both;
	overflow: hidden;
	height: 10px
}

.clear15 {
	clear: both;
	overflow: hidden;
	height: 15px
}

.clear20 {
	clear: both;
	overflow: hidden;
	height: 20px
}

.clear30 {
	clear: both;
	overflow: hidden;
	height: 30px
}

.clear50 {
	clear: both;
	overflow: hidden;
	height: 50px
}

.title01 {
	font-size: 30px;
	color: #0a1431;
	text-align: center
}

.title01 h3 {
	font-size: 30px;
	color: #0a1431
}

.title01 h4 {
	font-size: 16px;
	color: #828ca9;
	line-height: 30px
}

.header {
	width: 100%;
	color: #1b7dc4;
	margin-bottom: 20px
}

.header h1 {
	float: left;
	padding-top: 10px
}

.header_R {
	float: right;
	width: 550px;
	margin-top: 25px
}

.header_R ul {
	overflow: hidden
}

.header_R ul li {
	float: left;
	margin-left: 29px;
	height: 50px
}

.header_R ul li img {
	display: inline-block
}

.header_R ul li p {
	float: right;
	color: #424242;
	margin-left: 15px
}

.header_R ul li p span {
	display: block;
	color: #cfcfcf;
	margin-top: 3px
}

.header_nav {
	margin: 0 auto;
	width: 1200px
}

.header_nav img {
	float: left;
	margin-top: 37px
}

.header_nav ul {
	margin: 0 auto;
	height: 30px
}

.header_nav ul span {
	height: 15px;
	width: 0;
	float: left;
	border-right: 1px solid #8d8d8d;
	margin-top: -27px
}

.header_nav ul li {
	height: 27px;
	letter-spacing: 1px;
	float: left;
	width: 14%;
	text-align: center;
	font-size: 18px
}

.header_nav ul li a {
	color: #666;
	display: block;
	line-height: 27px;
	font-size: 16px
}

.header_nav ul li a:hover {
	border-bottom: 3px solid #5185ff;
	transition: .56s ease;
	-o-transition: .56s ease;
	-webkit-transition: .56s ease;
	-ms-transition: .56s ease;
	-moz-transition: .56s ease;
	color: #5185ff
}

.header_nav_active {
	border-bottom: 3px solid #5185ff;
	transition: .56s ease;
	-o-transition: .56s ease;
	-webkit-transition: .56s ease;
	-ms-transition: .56s ease;
	-moz-transition: .56s ease;
	color: #5185ff
}

.footer_info {
	height: 380px;
	background: url("../images/footer-5.png")no-repeat center top
}

.footer_info p {
	font-size: 30px;
	line-height: 30px;
	color: #0a1431;
	text-align: center;
	margin: 60px auto 0
}

.footer_info .connect_us_right {
	margin: 0 auto;
	width: 630px
}

.footer_info .connect_us_right .info {
	font-size: 16px!important;
	line-height: 40px!important;
	padding: 0 20px;
	margin-top: 15px;
	overflow: hidden
}

.footer_info .connect_us_right .info span {
	font-size: 14px;
	color: #5a5a5a;
	margin-right: 10px;
	line-height: 40px;
	width: 60px;
	text-align: right;
	display: inline-block
}

.footer_info .connect_us_right .info input {
	height: 38px;
	border: 1px solid #f0f0f0;
	text-indent: 15px;
	border-radius: 3px;
	font-size: 14px
}

.footer_info .connect_us_right .phone {
	width: 475px
}

.footer_info .connect_us_right .cont {
	width: 360px
}

.footer_info .connect_us_right .sent_needs {
	border-radius: 5px;
	width: 115px;
	height: 40px;
	background: #f29333;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #fff
}

.footer_info .connect_us_right .sent_article {
	width: 100%;
	text-align: center
}

.footer_info .connect_us_right .sent_article div {
	border-radius: 8px;
	width: 130px;
	height: 45px;
	border: 1px solid #518fff;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	font-size: 18px;
	color: #fff;
	margin-right: 30px
}

.footer_info .connect_us_right .sent_article div.sent_article_btn {
	color: #518fff
}

.footer_info .connect_us_right .sent_article div.sent_info_btn {
	color: #fff;
	background: #518fff
}

.footer {
	background: #282828;
	color: #fff;
	overflow: hidden
}

.footer .footer_nav ul {
	overflow: hidden;
	margin-top: 45px
}

.footer .footer_nav ul li {
	float: left;
	width: 150px
}

.footer .footer_nav ul li.li01 {
	float: left;
	width: 180px
}

.footer .footer_nav ul li.li02 {
	float: left;
	width: 370px
}

.footer .footer_nav ul li dt {
	margin-bottom: 30px
}

.footer .footer_nav ul li dt a {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	border-bottom: 1px solid #fff
}

.footer .footer_nav ul li dd {
	line-height: 30px
}

.footer .footer_nav ul li dd a {
	font-size: 14px;
	line-height: 30px;
	color: #fff
}

.footer .footer_nav .f_tel span {
	font-size: 24px;
	color: #fe4040;
	font-weight: 700;
	line-height: 30px
}

.footer .footer_nav .f_tel img {
	margin: 0 10px
}

.footer p {
	color: #fff;
	font-size: 14px;
	margin: 30px auto
}

.footer .line01 {
	border-top: 1px solid #3e3e3e
}

.footer .line01 p {
	color: #fff;
	font-size: 12px
}

.btn_zx {
	margin: 0 auto;
	width: 300px
}

.btn_zx a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 254px;
	height: 56px;
	background: url(../images/btn_zx.png) no-repeat center;
	color: #fffeeb;
	text-align: center;
	font-size: 16px;
	line-height: 48px;
	transition: all .3s
}

.btn_zx a:hover {
	position: relative;
	top: -2px;
	background: url(../images/btn_zx.png) no-repeat center;
	color: #b35d00
}

.btn_zx01 {
	margin: 0 auto;
	width: 300px
}

.btn_zx01 a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 294px;
	height: 56px;
	background: url(../images/btn_zx01.png) no-repeat center;
	color: #fffeeb;
	text-align: center;
	font-size: 16px;
	line-height: 48px;
	transition: all .3s
}

.btn_zx01 a:hover {
	position: relative;
	top: -2px;
	background: url(../images/btn_zx01.png) no-repeat center;
	color: #666
}

.ban_info {
	position: absolute;
	top: 20px;
	background: #fff;
	z-index: 10;
	width: 330px;
	height: 360px;
	left: 50%;
	margin-left: 160px;
	border-radius: 10px;
	padding: 20px 10px
}

.ban_info .go-login h3 {
	font-size: 18px;
	color: #5185ff;
	text-align: center
}

.ban_info .go-login h2 {
	height: 20px;
	text-align: center;
	margin-top: 20px
}

.ban_info .go-login h2 span {
	font-size: 14px;
	color: #666;
	background: #fff;
	z-index: 2;
	padding: 0 15px
}

.ban_info .go-login h2 .line_border {
	border-bottom: 1px solid #666;
	width: 80%;
	position: absolute;
	left: 30px;
	top: 7px
}

.ban_info .go-login .body p {
	width: 300px;
	height: 50px;
	line-height: 50px;
	margin: 10px auto
}

.ban_info .go-login .body p input {
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #bbb;
	background: #f5f5f5;
	text-indent: 10px
}

.ban_info .go-login .body p span {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 100px
}

.ban_info .go-login .body p span img {
	height: 100%;
	width: 100%
}

.ban_info .go-login .body p.login-box-tips {
	line-height: 30px;
	height: 30px
}

.ban_info .go-login .login-box-tips a {
	font-size: 14px;
	color: #5185ff;
	line-height: 30px
}

.ban_info .go-login .login-box-tips a.user-text {
	float: right;
	border-bottom: 1px solid #5185ff
}

.ban_info .go-login .banner-login {
	text-align: center;
	font-size: 16px;
	color: #999;
	line-height: 40px;
	width: 140px;
	height: 40px;
	border: 1px solid #999;
	border-radius: 8px
}

.ban_info .go-login .banner-sign {
	background: #5185ff;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	width: 140px;
	height: 40px;
	border: 1px solid #999;
	border-radius: 8px;
	float: right
}

.login-warn-tips-captcha {
	font-size: 12px;
	color: #fa3137;
	margin-left: 16px
}

.login-success {
	position: absolute;
	top: 20px;
	background: #fff;
	z-index: 10;
	height: 210px;
	left: 50%;
	margin-left: 160px;
	width: 300px;
	background-color: hsla(0,0%,7%,.56);
	float: right;
	border-radius: 5px;
	margin-top: 70px;
	padding: 24px 12px
}

.login-container-title {
	color: #0082e6;
	font-size: 20px;
	text-align: center;
	margin-bottom: 12px
}

.login-profile {
	text-align: center
}

.avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: block;
	margin: 10px auto
}

.login-name {
	margin: 24px auto;
	color: #fff
}

.login-op {
	min-width: 300px;
	margin-top: 24px
}

.login-op a {
	margin: 0 12px;
	font-size: 14px;
	color: #9e9e9e;
	display: inline-block;
	position: relative;
	z-index: 0;
	transition: color .2s;
	outline: none;
	cursor: pointer
}

.login-warn-tips,.login-warn-tips-captcha {
	font-size: 12px;
	color: #fa3137;
	position: absolute
}

.login-warn-tips {
	left: 28px;
	top: 48px
}

.login-warn-tips-captcha {
	left: 28px;
	top: 178px
}