a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
body {
	font-family: "Helvetica Neue", PingFangSC-Light, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif
}
input, button, select, textarea {
    outline: none;
    background-color: #FFF;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.container {
	width: 1200px;
	margin: 0 auto;
	position: relative
}
.header {
	height: 100px;
	background: #fff
}
.header .contaier {
	height: 100px
}
.header h1 {
	width: 300px
}
.header h1 a {
	font-size: 0;
	background: url(../images/logo.jpg) no-repeat center;
	display: block;
	height: 100px;
	background-size: contain;
}
.header .nav {
	position: absolute;
	left: 250px;
	top: 0
}
.header .nav a {
	display: inline-block;
	line-height: 100px;
	font-size: 15px;
	color: #2c2c2d;
	text-decoration: none;
	padding: 0 30px;
	-webkit-transition: .4s;
	transition: .4s
}
.header .nav a:hover {
	background: #2b99ff;
	color: #fff
}
.header .nav a.active {
	color: #2c2c2d
}
.header .navBar {
	position: absolute;
	right: 0;
	top: 50%;
	text-align: right;
	margin-top: -12px;
	cursor: pointer
}
.header .navBar a {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	padding-left: 10px;
	text-decoration:none;
}
.header .navBar a.login {
	padding-left: 30px;
	background: url(../images/user.jpg) no-repeat left center;
	border-right: 1px solid #eee;
	padding-right: 10px
}
.footer {
	background: #2c2c2d;
	padding: 30px 0 0
}
.footer .leftNav {
	clear: both;
	overflow: hidden;
	width: 660px
}
.footer .leftNav>div {
	width: 33.333333%;
	float: left
}
.footer .leftNav>div h1 {
	font-size: 18px;
	margin-bottom: 14px;
	color: #fff
}
.footer .leftNav>div a {
	display: block;
	color: #fff;
	line-height: 2;
	text-decoration: none;
	font-size: 12px
}
.footer .ewm {
	position: absolute;
	right: 0;
	top: 0;
	text-align: center
}
.footer .ewm span {
	font-size: 12px;
	color: #767575;
	display: block;
	line-height: 2
}
.footer .copyinfo {
	text-align: center;
	font-size: 12px;
	color: #767575;
	margin-top: 80px;
	border-top: 1px solid #404040;
	line-height: 50px
}
.pageNavs {
	position: fixed;
	right: 40px;
	bottom: 10%;
	width: 40px;
	-webkit-transition: .5s;
	transition: .5s
}
.pageNavs li {
	border: 1px solid #e9e9e9;
	margin-bottom: -1px;
	list-style: none;
	background-color: #fff!important;
	width: 60px;
	font-size: 12px;
	text-align: center;
	padding: 48px 0 10px 0;
	position: relative;
	
}
.pageNavs li:hover .cont {
	display: block
}
.pageNavs li .cont {
	display: none;
	position: absolute;
	left: -100px;
	width: 100px;
	border: 1px solid #e9e9e9;
	top: -1px;
	padding: 10px;
	background: #fff
}
.pageNavs li.online {
	background: url(../images/sdd1.jpg) no-repeat center 10px;
	cursor: pointer
}
.pageNavs li.apply {
	background: url(../images/sdd2.jpg) no-repeat center 10px
}
.pageNavs li.sendup {
	background: url(../images/sdd3.jpg) no-repeat center 10px
}
.pageNavs li.gw {
	background: url(../images/sdd4.jpg) no-repeat center 10px;
	cursor: pointer
}
.pageNavs li.gw span {
	display: block;
	margin-top: 10px
}
.pageNavs li.gw img {
	width: 100%
}
.pageNavs li.totop {
	background: url(../images/toTop.jpg) no-repeat center 10px;
	background-color: #2b99ff!important;
	font-size: 0;
	border: 1px solid #178fff;
	cursor: pointer
}
.pageNavs li a,.pageNavs li,.pageNavs a { text-decoration:none; color:#3f3f3f}
.hommberbanner {
	background: url(../images/homebanner.jpg) no-repeat center;
	height: 600px;
	overflow: hidden;
	text-align: center
}
.hommberbanner .homimg {
	margin-top: 180px
}
.hommberbanner img {
	display: block;
	text-align: center;
	margin: 40px auto
}
.hommberbanner .setbtn {
	border: 1px solid #fff;
	display: block;
	width: 120px;
	padding: 12px 0;
	font-size: 16px;
	color: #fff;
	margin: 0 auto;
	text-decoration: none;
	margin-top: 40px
}
.homeGrid {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 50px;
	overflow: hidden
}
.homeGrid .container {
	font-size: 0;
	clear: both
}
.homeGrid .container>div {
	width: 25%;
	border: 1px solid #e9e9e9;
	float: left;
	margin-left: -1px;
	display: inline-block;
	zoom: 1;
	padding-bottom: 20px;
	border-bottom: none;
	font-size: 14px
}
.homeGrid .container>div img {
	display: block;
	margin: 20px auto
}
.homeGrid .container>div .head {
	text-align: center;
	border-bottom: 1px dashed #e9e9e9;
	margin-bottom: 20px;
	padding-bottom: 20px
}
.homeGrid .container>div .head h2 {
	font-size: 18px
}
.homeGrid .container>div .head p {
	text-align: center
}
.homeGrid .container>div p {
	line-height: 2;
	margin: 0 20px;
	font-size: 14px;
	text-align: center
}
.blockTitle {
	margin: 50px 0
}
.blockTitle h1 {
	font-size: 30px;
	color: #2c2c2d;
	text-align: center
}
.blockTitle p {
	color: #2c2c2c;
	text-align: center;
	font-size: 14px;
	padding-top: 25px
}
.brandList {
	font-size: 0;
	margin-right: -5px;
	margin-bottom: 50px
}
.brandList a {
	display: inline-block;
	zoom: 1;
	margin-left: -1px;
	width: 20%;
	border: 1px solid #e9e9e9;
	margin-bottom: -1px;
	position: relative;
	background: #fff;
	-webkit-transition: .4s;
	transition: .4s;
	height: 100px;
	text-align: center
}
.brandList a:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 9;
	border: 1px solid #2b99ff
}
.brandList a img {
	vertical-align: middle;
	padding-top: 10px
}
.annualMeeting .homebanner {
	background-image: url(../images/bannerus.jpg)!important
}
.annualMeeting .homebanner .join a {
	background: #6055f1!important;
	font-size: 22px!important
}
.colcont {
	overflow: hidden;
	padding: 90px 0
}
.colcont h1 {
	font-size: 30px;
	color: #6055f1;
	margin-bottom: 20px;
	margin-top: 240px
}
.colcont p {
	font-size: 18px
}
.colcont .textcont {
	width: 330px
}
.colcont .contleft {
	float: left;
	width: 50%
}
.colcont .contright {
	float: right;
	width: 50%
}
.colcont .contright img {
	width: 600px
}
.wbanner {
	background: url(../images/banners1.jpg) no-repeat center center;
	height: 600px
}
.wbanner .container {
	height: 600px
}
.wbanner .container img {
	position: absolute;
	left: 0;
	bottom: 0
}
.wbanner .container .textcont {
	text-align: right;
	float: right;
	width: 300px
}
.wbanner .container h1 {
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 300px
}
.wbanner .container p {
	font-size: 18px
}
.wbanner .container h1, .wbanner .container p {
	color: #fff
}
.rbanner {
	height: 600px;
}
.rbanner .container {
	height: 600px
}
.rbanner .container img {
	position: absolute;
	right: 0;
	bottom: 40px
}
.rbanner .container .textcont {
	text-align: left;
	float: left;
	width: 300px
}
.rbanner .container h1 {
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 280px
}
.rbanner .container p {
	font-size: 18px;
	line-height: 1.6
}
.rbanner .container h1, .rbanner .container p {
	color: #2c2c2d
}
.rbanner .container h3 {
	position: absolute;
	right: 0;
	top: 70px;
	width: 690px;
	font-size: 0
}
.rbanner .container h3 span {
	display: inline-block;
	zoom: 1;
	width: 33.333333%;
	font-size: 16px;
	text-align: center;
	color: #2c2c2d
}
.sbanner {
	background: url(../images/banners2.jpg) no-repeat center center;
	height: 600px;
	overflow: hidden
}
.sbanner h1 {width:80%; margin:220px auto 30px; text-align:center; color:#fff; font-size:18px; line-height:36px;}
.sbanner a.btn {
	display: block;
	width: 164px;
	line-height: 54px;
	font-size: 28px;
	color: #fff;
	background: #6055f1;
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
	border-radius: 2px
}
.sbanner a.btn:hover {
	background: #4a3def
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
.meeting img {
	vertical-align: top
}
.meeting .homebanner {
	background: url(../images/huihy_banner01.jpg) no-repeat center center;
	height: 400px
}
.meeting .homebanner .join {
	font-size: 14px;
	line-height: 48px;
	color: #fff;
	width: 1200px;
	margin: 0 auto;
	padding-top: 83px
}
.meeting .homebanner .join h1.title {
	font-size: 22px
}
.meeting .homebanner .join a {
	border-radius: 2px;
	display: inline-block;
	margin-top: 22px;
	background: #22b4ff;
	font-size: 24px;
	color: #fff;
	padding: 0 32px;
	height: 54px;
	line-height: 54px;
	text-decoration: none
}
.meeting .meet_describe {
	padding-top: 81px
}
.meeting .meet_describe h1.name {
	font-size: 30px;
	color: #515151;
	text-align: center;
	padding-bottom: 24px
}
.meeting .meet_describe h2.smtitle {
	font-size: 14px;
	color: #515151;
	text-align: center
}
.meeting .meet_describe .section {
	width: 1200px;
	margin: 0 auto
}
.meeting .meet_describe .section h1.title {
	border-bottom: 1px solid #2b99ff;
	text-align: center;
	padding-top: 55px
}
.meeting .meet_describe .section h1.title label.lab {
	display: inline-block;
	border-bottom: 2px solid #2b99ff;
	color: #2b99ff;
	padding-bottom: 11px
}
.meeting .meet_describe .section .step li {
	margin-top: 52px
}
.meeting .meet_describe .section .step li span {
	float: left;
	display: block;
	background-image: url(../images/main_ico.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px
}
.meeting .meet_describe .section .step li .step01 {
	background-position: 0 0
}
.meeting .meet_describe .section .step li .step02 {
	background-position: 0 -54px
}
.meeting .meet_describe .section .step li .step03 {
	background-position: 0 -105px
}
.meeting .meet_describe .section .step li .step04 {
	background-position: -141px -383px
}
.meeting .meet_describe .section .step li .step05 {
	background-position: 0 -441px
}
.meeting .meet_describe .section .step li .step06 {
	background-position: 0 -156px
}
.meeting .meet_describe .section .step li .step07 {
	background-position: 0 -209px
}
.meeting .meet_describe .section .step li .step08 {
	background-position: 0 -264px
}
.meeting .meet_describe .section .step li .step09 {
	background-position: 0 -320px
}
.meeting .meet_describe .section .step li .fgroup {
	padding-left: 65px
}
.meeting .meet_describe .section .step li .fgroup .topic {
	font-size: 20px;
	color: #2b99ff
}
.meeting .meet_describe .section .step li .fgroup p {
	font-size: 14px;
	color: #2c2c2c;
	padding-top: 10px;
	line-height: 24px
}
.meeting .meet_describe .section .step li .fgroup .imgBox {
	padding-top: 24px;
	padding-bottom: 40px
}
.meeting .meet_describe .section .step li .fgroup h2 {
	font-size: 18px
}
.meeting .meet_describe .banner {
	margin-top: 30px;
	padding-bottom: 25px;
	background: url(../images/huihy_banner02.jpg) no-repeat center center;
	height: 578px
}
.cooperation .homebanner {
	background: url(../images/cooperation_banner.jpg) no-repeat center center;
	height: 400px;
	text-align: center
}
.cooperation .homebanner a {
	display: inline-block;
	padding: 0 31px;
	margin-top: 170px;
	border-radius: 2px;
	text-decoration: none;
	background: #fff;
	color: #ff5700;
	font-size: 24px;
	border: 1px solid #bc745c;
	height: 53px;
	line-height: 53px
}
.cooperation .companyinfo {
	background: #f6f6f6
}
.cooperation .companyinfo .introduce {
	height: 350px
}
.cooperation .companyinfo .introduce .content {
	width: 512px;
	position: relative;
	z-index: 4;
	top: 65px
}
.cooperation .companyinfo .introduce .content h1 {
	font-size: 24px;
	color: #f07c00;
	line-height: 48px
}
.cooperation .companyinfo .introduce .content p {
	color: #474747;
	font-size: 14px;
	line-height: 36px
}
.cooperation .companyinfo .introduce .img {
	background: url(../images/cooperation_banner02.png) no-repeat center center;
	position: absolute;
	right: -278px;
	bottom: 0;
	width: 1159px;
	height: 528px
}
.cooperation .companyinfo .friend {
	height: 528px
}
.cooperation .companyinfo .friend .img {
	background: url(../images/cooperation_banner03.png) no-repeat center center;
	position: absolute;
	left: -250px;
	bottom: 0;
	width: 1107px;
	height: 528px
}
.cooperation .companyinfo .friend .content {
	position: absolute;
	bottom: 67px;
	right: 50px
}
.cooperation .brandList li {
	float: left;
	zoom: 1;
	color: #515151;
	line-height: 21px;
	margin-left: -1px;
	width: 25%;
	border: 1px solid #e9e9e9;
	margin-bottom: -1px;
	position: relative;
	background: #fff;
	-webkit-transition: .4s;
	transition: .4s;
	height: 306px;
	text-align: center
}
.cooperation .brandList label {
	display: inline-block;
	margin-top: 58px;
	background-image: url(../images/main_ico.png);
	background-repeat: no-repeat;
	width: 55px;
	height: 54px
}
.cooperation .brandList .lab01 {
	background-position: -59px 0
}
.cooperation .brandList .lab02 {
	background-position: -136px 0
}
.cooperation .brandList .lab03 {
	background-position: -60px -59px
}
.cooperation .brandList .lab04 {
	background-position: -138px -58px
}
.cooperation .brandList .lab05 {
	background-position: -60px -114px
}
.cooperation .brandList .lab06 {
	background-position: -141px -114px
}
.cooperation .brandList .lab07 {
	background-position: -58px -171px
}
.cooperation .brandList .lab08 {
	background-position: -148px -171px
}
.cooperation .brandList h1 {
	font-size: 22px
}
.cooperation .brandList p {
	font-size: 14px;
	margin: 18px 50px
}
.cooperation .joinstep li {
	display: inline-block;
	width: 20%;
	text-align: center;
	padding-bottom: 52px
}
.cooperation .joinstep label {
	display: inline-block;
	background-image: url(../images/main_ico.png);
	background-repeat: no-repeat
}
.cooperation .joinstep .ico_01 {
	background-position: -60px -228px;
	width: 51px;
	height: 66px
}
.cooperation .joinstep .ico_02 {
	background-position: -145px -233px;
	width: 51px;
	height: 66px
}
.cooperation .joinstep .ico_03 {
	background-position: -63px -303px;
	width: 51px;
	height: 66px
}
.cooperation .joinstep .ico_04 {
	background-position: -132px -315px;
	width: 51px;
	height: 66px
}
.cooperation .joinstep .ico_05 {
	background-position: 0 -376px;
	width: 51px;
	height: 66px
}
.cooperation .joinstep h1 {
	font-size: 22px;
	color: #515151;
	padding-top: 30px;
	padding-bottom: 18px
}
.cooperation .joinstep p {
	font-size: 14px;
	line-height: 20px
}
.cooperation .step {
	border-bottom: 1px solid #e53500;
	margin-bottom: 131px
}
.cooperation .step li {
	display: inline-block;
	text-align: center;
	width: 20%
}
.cooperation .step em {
	position: relative;
	top: 22px;
	display: inline-block;
	background: url(../images/main_ico.png) no-repeat -66px -375px;
	width: 44px;
	height: 45px;
	line-height: 44px;
	color: #fff;
	font-size: 24px;
	font-style: oblique
}
.contactus .homebanner {
	background: url(../images/contactus_banner.jpg) no-repeat center center;
	height: 380px;
	color: #b4a696;
	line-height: 30px
}
.contactus .homebanner .container {
	padding-top: 127px;
	padding-left: 27px
}
.contactus .homebanner h1 {
	font-size: 24px
}
.contactus .homebanner p {
	font-size: 14px
}
.contactus .content {
	padding-bottom: 35px
}
.contactus .content h1 {
	font-size: 30px;
	color: #5b5b5b;

	padding-top: 60px;
	padding-bottom: 20px
}
.contactus .content h2, .contactus .content p {
	font-size: 16px;
	color: #636363;
	line-height: 36px;
	width: 1165px
}
.contactus .content h2 {
	font-weight: 700
}
.train .homebanner {
	background: url(../images/hpx_02.png) no-repeat center center;
	height: 400px;
	text-align: center
}
.train .homebanner a {
	display: inline-block;
	padding: 0 31px;
	margin-top: 201px;
	border-radius: 2px;
	text-decoration: none;
	background: #fff;
	color: #ff5700;
	font-size: 24px;
	border: 1px solid #bc745c;
	height: 53px;
	line-height: 53px
}
.train .join {
	text-align: left
}
.train .join a {
	background: #00a86f!important;
	border: none
}
.train .newporduct {
	margin-top: 30px
}
.train .newporduct li {
	display: inline-block;
	width: 50%;
	float: left
}
.train .newporduct li div {
	width: 100%;
	max-width: 100%
}
.train .newporduct li div img {
	width: 100%;
	max-width: 100%
}
.train .newporduct li p {
	font-size: 12px;
	line-height: 20px;
	color: #2c2c2c;
	width: 80%;
	margin: 30px auto;
	height: 80px
}
.train .newporduct li .tex {
	text-align: center;
	height: 50px
}
.train .newporduct li .tex123 {
	height: 150px
}
.train .onlineshop {
	text-align: left
}
.train .onlineshop p {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px
}
.train .onlineshop .q1 {
	margin-left: 290px
}
.train .onlineshop .q2 {
	margin-left: 150px
}
.train .onlineshop .q3 {
	margin-left: 120px
}
.train .trainbanner {
	background: url(../images/hpx_11.png) no-repeat center center;
	height: 500px;
	text-align: left;
	width: 100%;
	min-width: 1200px
}
.train .trainbanner p {
	width: 450px;
	margin-left: 50%;
	text-align: left;
	color: #fff;
	line-height: 30px;
	padding-top: 200px
}



/*--banner--*/
.flexslider {margin: 0px auto;position: relative;width: 100%;height: 600px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}  
.flexslider .slides a img {width: 100%;height: 600px;display: block;}
/*登录*/
	.denglu {
		width: 400px;
		height: 316px;
		position: fixed;
		left: 50%;
		top: 50%;
		margin-left: -200px;
		margin-top: -158px;
		background: white;
		z-index: 999;
	}
	/*注册登录*/

.denglu-header {
	border-bottom: 1px solid #c0c0c0;
	height: 71px;
}

.denglu-header span {
	display: block;
	width: 64px;
	float: left;
	height: 14px;
	padding: 28px 68px;
	font-size: 16px;
	color: #666666;
	cursor: pointer;
}

.denglu-header .span-line {
	border-bottom: 2px solid #ef5b00;
	color: #ef5b01;
}

.tab-content {
	width: 400px;
	height: 264px;
}
/*登录*/
#wrapper {
	width: 300px;
	margin: 0 auto 50px;
	background: #f8f8f8;
	border: 1px solid #a3a3a3;
	padding: 20px 20px 50px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.box {
	width: 210px;
	margin: 10px auto 0;
	background: #fff;
	border: 1px solid #d3d3d3;
	padding: 10px 20px 15px;
}
.hide_box {
	color: #fff;
	color: #444;
	background: #fff;
	box-shadow: 1px 2px 2px #555;
	display: none;
}
.login_club_nav { height:60px; border-bottom:1px solid #e9e9e9;}
.login_club_nav ul li {height:60px; line-height:60px; width:199px; text-align:center; float:left;}
.login_club_nav ul li.login_active { border-right:1px solid #e9e9e9; border-bottom:2px solid #2b99ff;}
.login_club_nav ul li a { text-decoration:none; color:#000}
.login_club_input { padding:50px; width:300px; margin-top:40px auto 0;}
.login_club_input ul li { height:50px; margin-bottom:25px;position:relative;}
input.login_input { height:45px; line-height:45px; font-size:14px; width:290px; outline:none; padding-left:45px; border:1px solid #cfcfd1}
.login_name_icon { 
	background:url(../images/login_name.png) no-repeat center left;
   	position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 45px;
    height: 45px;	
}
.login_password_icon { 
	background:url(../images/login_pass.png) no-repeat center left; 
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 45px;
    height: 45px;
}
input.login_btn { width:290px; height:45px; line-height:45px; text-align:center; font-size:18px;font-family: "Helvetica Neue", PingFangSC-Light, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; background:#2b99ff; border:none; color:#fff; cursor:pointer;}
/*案例*/
.case_train_banner { background:url(../images/case/case_train.jpg) no-repeat center; height:550px; overflow:hidden; margin:60px auto; }
.case_train_banner h2 { width:80%; margin:170px auto 0; text-align:center; color:#fff; font-size:18px; line-height:36px;}
.case_train_banner a.btn {
	display: block;
	width: 164px;
	line-height: 54px;
	font-size: 28px;
	color: #fff;
	text-decoration: none;
	margin: 50px auto;
	text-align: center;
	border-radius: 2px
}
.case_train { background:#00a86f;}
a.case_train:hover { background:#00c784}
/*案例会议*/
.case_meet_banner { background:url(../images/case/case_meet.jpg) no-repeat center; height:550px; overflow:hidden; margin:60px auto; }
.case_meet_banner h2 { width:80%; margin:170px auto 0; text-align:center; color:#fff; font-size:18px; line-height:36px;}
.case_meet_banner a.btn {
	display: block;
	width: 164px;
	line-height: 54px;
	font-size: 28px;
	color: #fff;
	text-decoration: none;
	margin: 50px auto;
	text-align: center;
	border-radius: 2px
}
.case_meet { background:#22b4ff;}
a.case_meet:hover { background:#47c1ff}
/** 登陆*/
@font-face {
  font-family: 'club';
  src:  url('/common/websites/public/fonts/club.eot');
  src:  url('/common/websites/public/fonts/club.eot') format('embedded-opentype'),
    url('/common/websites/public/fonts/club.ttf') format('truetype'),
    url('/common/websites/public/fonts/club.woff') format('woff'),
    url('/common/websites/public/fonts/club.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="club-"], [class*=" club-"] {
    font-family: 'club' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.club-phone:before {
  content: "\e900";
}
.club-pause:before {
  content: "\e600";
}
.club-prev:before {
  content: "\e601";
}
.club-first:before {
  content: "\e602";
}
.club-fullscreen:before {
  content: "\e603";
}
.club-vote2:before {
  content: "\e605";
}
.club-heart:before {
  content: "\e606";
}
.club-Pin:before {
  content: "\e607";
}
.club-picwall:before {
  content: "\e608";
}
.club-info:before {
  content: "\e609";
}
.club-guest2:before {
  content: "\e60a";
}
.club-Pin2:before {
  content: "\e60b";
}
.club-dan:before {
  content: "\e60c";
}
.club-pics:before {
  content: "\e60d";
}
.club-pie:before {
  content: "\e60e";
}
.club-preview:before {
  content: "\e60f";
}
.club-rush:before {
  content: "\e610";
}
.club-set:before {
  content: "\e611";
}
.club-setter:before {
  content: "\e612";
}
.club-total:before {
  content: "\e613";
}
.club-user-add:before {
  content: "\e614";
}
.club-users:before {
  content: "\e615";
}
.club-shake2:before {
  content: "\e616";
}
.club-guest22:before {
  content: "\e617";
}
.club-bigscreen2:before {
  content: "\e618";
}
.club-qrcode:before {
  content: "\e619";
}
.club-mobileset:before {
  content: "\e61a";
}
.club-ppt:before {
  content: "\e61b";
}
.club-pic:before {
  content: "\e61c";
}
.club-msg-much:before {
  content: "\e61d";
}
.club-msg-empty:before {
  content: "\e61e";
}
.club-msg2:before {
  content: "\e61f";
}
.club-gift:before {
  content: "\e620";
}
.club-error2:before {
  content: "\e621";
}
.club-edit-xi:before {
  content: "\e622";
}
.club-edit:before {
  content: "\e623";
}
.club-copy2:before {
  content: "\e624";
}
.club-check:before {
  content: "\e625";
}
.club-chart:before {
  content: "\e626";
}
.club-arrow:before {
  content: "\e627";
}
.club-add2:before {
  content: "\e628";
}
.club-boy:before {
  content: "\e800";
}
.club-computer:before {
  content: "\e801";
}
.club-fingerprint:before {
  content: "\e802";
}
.club-geder:before {
  content: "\e803";
}
.club-girl:before {
  content: "\e804";
}
.club-mail:before {
  content: "\e805";
}
.club-mark:before {
  content: "\e806";
}
.club-qq:before {
  content: "\e807";
}
.club-radio-f:before {
  content: "\e808";
}
.club-radio-t:before {
  content: "\e809";
}
.club-tell:before {
  content: "\e80a";
}
.club-user2:before {
  content: "\e80b";
}
.club-selected:before {
  content: "\e80c";
}
.club-mstching:before {
  content: "\e80d";
}
.club-money:before {
  content: "\e80e";
}
.club-threed:before {
  content: "\e901";
}
.club-company:before {
  content: "\e902";
}
.club-shopcar:before {
  content: "\e903";
}
.club-dataCount:before {
  content: "\e904";
}
.club-control:before {
  content: "\e905";
}
.club-msgreview:before {
  content: "\e906";
}
.club-notification:before {
  content: "\e907";
}
.club-light:before {
  content: "\e908";
}
.club-newadd:before {
  content: "\e909";
}
.club-msgRadius:before {
  content: "\e90a";
}
.club-fans:before {
  content: "\e90b";
}
.club-bg:before {
  content: "\e90c";
}
.club-delete:before {
  content: "\e90d";
}
.club-redo:before {
  content: "\e90e";
}
.club-reredo:before {
  content: "\e90f";
}
.club-save:before {
  content: "\e910";
}
.club-scan:before {
  content: "\e911";
}
.club-text:before {
  content: "\e912";
}
.club-upload:before {
  content: "\e913";
}
.club-add:before {
  content: "\e914";
}
.club-code:before {
  content: "\e915";
}
.club-control2:before {
  content: "\e916";
}
.club-copy:before {
  content: "\e917";
}
.club-count:before {
  content: "\e918";
}
.club-delete2:before {
  content: "\e919";
}
.club-end:before {
  content: "\e91a";
}
.club-error:before {
  content: "\e91b";
}
.club-function:before {
  content: "\e91c";
}
.club-ing:before {
  content: "\e91d";
}
.club-msgNum:before {
  content: "\e91e";
}
.club-newFans:before {
  content: "\e91f";
}
.club-notYet:before {
  content: "\e920";
}
.club-openTab:before {
  content: "\e921";
}
.club-openTab1:before {
  content: "\e922";
}
.club-peopleNum:before {
  content: "\e923";
}
.club-screen:before {
  content: "\e924";
}
.club-screenDesign:before {
  content: "\e925";
}
.club-setting:before {
  content: "\e926";
}
.club-user:before {
  content: "\e927";
}
.club-shakeprize--bak2:before {
  content: "\e928";
}
.club-bigscreen:before {
  content: "\e929";
}
.club-control22:before {
  content: "\e92a";
}
.club-shakeprize-bak1:before {
  content: "\e92b";
}
.club-basic:before {
  content: "\e92c";
}
.club-danmu:before {
  content: "\e92d";
}
.club-lottery:before {
  content: "\e92e";
}
.club-guest:before {
  content: "\e92f";
}
.club-photo:before {
  content: "\e930";
}
.club-signin:before {
  content: "\e931";
}
.club-vote:before {
  content: "\e932";
}
.club-user-safe:before {
  content: "\e933";
}
.club-user-under:before {
  content: "\e934";
}
.club-flug:before {
  content: "\e935";
}
.club-out-cont:before {
  content: "\e936";
}
.club-publish:before {
  content: "\e937";
}
.club-basic2:before {
  content: "\e938";
}
.club-list:before {
  content: "\e939";
}
.club-logowall:before {
  content: "\e93a";
}
.club-design:before {
  content: "\e93b";
}
.club-shop:before {
  content: "\e93c";
}
.club-double-heart:before {
  content: "\e93d";
}
.club-double-balloon:before {
  content: "\e93e";
}
.club-bankbook:before {
  content: "\e93f";
}
.club-mike:before {
  content: "\e940";
}
.club-bachelor:before {
  content: "\e941";
}
.club-circlegroup:before {
  content: "\e942";
}
.club-trophy:before {
  content: "\e943";
}
.club-qqicon:before {
  content: "\e944";
}
.club-xin:before {
  content: "\e945";
}
.club-xlang:before {
  content: "\e946";
}
.club-du:before {
  content: "\e947";
}
.club-blank-email:before {
  content: "\e948";
}
.club-arrow-r:before {
  content: "\e949";
}
.club-arrow-l:before {
  content: "\e94a";
}
.club-qqicon2:before {
  content: "\e94b";
}
.club-notemsg:before {
  content: "\e94c";
}
.club-lock:before {
  content: "\e94d";
}
.club-user-rg:before {
  content: "\e94e";
}
.club-msg-use:before {
  content: "\e94f";
}
.club-entity-qq:before {
  content: "\e950";
}
.club-wei-icon:before {
  content: "\e951";
}
.club-sina-share:before {
  content: "\e952";
}
.club-signin2:before {
  content: "\e953";
}
.club-signin-control:before {
  content: "\e954";
}
.club-export:before {
  content: "\e955";
}
.club-crumbs:before {
  content: "\e956";
}
.club-people-num:before {
  content: "\e957";
}
.club-refresh:before {
  content: "\e958";
}
.club-search:before {
  content: "\e959";
}
.club-shakeprize:before {
  content: "\e95a";
}
.club-shake:before {
  content: "\e95b";
}
.club-all-tag:before {
  content: "\e95c";
}
.club-personalize:before {
  content: "\e95d";
}
.club-share:before {
  content: "\e95e";
}
.club-developname:before {
  content: "\e95f";
}
.club-clock:before {
  content: "\e960";
}
.club-calendar:before {
  content: "\e961";
}
.club-redpacker:before {
  content: "\e962";
}
.club-stars:before {
  content: "\e963";
}
.club-penfour:before {
  content: "\e964";
}
.club-filepack:before {
  content: "\e965";
}
.club-imgcode:before {
  content: "\e966";
}
.club-reward:before {
  content: "\e967";
}
.club-wallet:before {
  content: "\e968";
}
.club-rankico:before {
  content: "\e969";
}
.club-like:before {
  content: "\e96a";
}
.club-webacount:before {
  content: "\e96b";
}
.club-scan-again:before {
  content: "\e96c";
}
.club-tight:before {
  content: "\e96d";
}
.club-wallet2:before {
  content: "\e96e";
}
.club-end2:before {
  content: "\e96f";
}
.club-holdscreen:before {
  content: "\e970";
}
.club-search2:before {
  content: "\e986";
}
.club-bootuser:before {
  content: "\f007";
}
.club-download:before {
  content: "\f019";
}
.club-arrow-circle-o-bottom:before {
  content: "\f01a";
}
.club-arrow-circle-o-top:before {
  content: "\f01b";
}
.club-bootplay:before {
  content: "\f01d";
}
.club-prv:before {
  content: "\f048";
}
.club-toFirst:before {
  content: "\f049";
}
.club-fastback:before {
  content: "\f04a";
}
.club-plays:before {
  content: "\f04b";
}
.club-suspend:before {
  content: "\f04c";
}
.club-stop:before {
  content: "\f04d";
}
.club-fastIn:before {
  content: "\f04e";
}
.club-to-last:before {
  content: "\f050";
}
.club-to-next:before {
  content: "\f051";
}
.club-ban:before {
  content: "\f05e";
}
.club-arrow-lf:before {
  content: "\f060";
}
.club-arrow-lr:before {
  content: "\f061";
}
.club-arrow-top:before {
  content: "\f062";
}
.club-arrow-bottom:before {
  content: "\f063";
}
.club-bootmsg:before {
  content: "\f086";
}
.club-weight-l:before {
  content: "\f0a8";
}
.club-weight-r:before {
  content: "\f0a9";
}
.club-weight-t:before {
  content: "\f0aa";
}
.club-weight-b:before {
  content: "\f0ab";
}
.club-arrow-circle-o-right:before {
  content: "\f18e";
}
.club-arrow-circle-o-left:before {
  content: "\f190";
}


.userbox, .usershade {
    display: none;
    position: fixed;
}
.userbox {
    width: 700px;
    height: 500px;
    border-radius: 5px;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -350px;
    background-color: #FFF;
    z-index: 22;
}
.userbox .btn a, .userbox a.closebtn {
    display: block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}
.userbox a.closebtn {
    position: absolute;
    right: -13px;
    top: -15px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 20px;
    border: 2px solid #FFF;
    background-color: #666;
    font-size: 22px;
    z-index: 23;
}

.userbox .btn {
	background-color: #589bff;
    width: 200px;
    height: inherit;
    background: url(/common/websites/public/images/login_bg.jpg) no-repeat;
    text-align: center;
    background-size: contain;
    padding-top: 43%;
    float: left;
    box-sizing: border-box;
    border-radius: 3px 0px 0px 3px;
}
.userbox .btn a, .userbox a.closebtn {
    display: block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}
.userbox .btn a {
    width: 100px;
    line-height: 40px;
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    border: 1px solid #589bff;
    border-radius: 5px;
    background-color: #589bff;
}
.userbox .btn a:hover, .userbox .btn a:link, .userbox .btn a:visited {
    color: #FFF;
    text-decoration: none;
}
.userbox .cont {
    margin-left: 200px;
    height: inherit;
    clear: right;
    position: relative;
    overflow: hidden;
}

.userbox .cont .login-box-cont, .userbox .cont .reg-box-cont {
    top: 28px;
}
.userbox .cont>div .tit {
    width: 100%;
    font-size: 24px;
    color: #4d5f79;
    height: 22px;
    text-align: center;
}
.userbox .cont>div .tit li {
    display: inline-block;
    width: 45%;
    cursor: pointer;
}
.userbox .cont>div.dif-login-box li {
    text-align: center;
    line-height: 30px;
    height: 26px;
}
.userbox .cont>div .tit li.cur {
    font-weight: 700;
    color: #4185ea;
}


.userbox .cont>div .desc {
    width: 100%;
    color: #171717;
    margin-bottom: 14px;
}
.userbox .cont>div .submit-btn {
    display: block;
    width: 100%;
    line-height: 40px;
    height: 40px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    border: 1px solid #589bff;
    border-radius: 5px;
    background-color: #589bff;
    letter-spacing: 10px;
    cursor: pointer;
}
.userbox .cont>div {
    width: 320px;
    position: absolute;
    left: 90px;
}
.userbox .cont .usertips {
    color: #6f809a;
    bottom: 20px;
    font-size: 12px;
}
.userbox .cont>div .inputbox>li input {
    width: 100%;
    border: 0;
    font-size: 14px;
    color: #333;
    line-height: 38px;
    vertical-align: top;
    font-family: Microsoft YaHei;
}

.userbox .cont>div .inputbox>li .plachold-ico {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 16px;
    color: #bfbfbf;
}
.userbox .cont>div .inputbox>li {
    width: 100%;
    height: 40px;
    border: 1px solid #b4bbc6;
    padding-left: 35px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 14px;
    border-radius: 3px;
}
* {
    margin: 0;
    padding: 0;
}
.userbox .cont>div .inputbox>li.yzm {
    border: 0;
    padding-left: 0;
}
.userbox .cont>div .inputbox>li.yzm .border {
    width: 197px;
    border: 1px solid #b4bbc6;
    padding-left: 35px;
    border-radius: 3px;
}
.userbox .cont>div .inputbox>li.yzm a.get-phone-code {
    position: absolute;
    right: 0;
    top: 0;
    width: 115px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
}
.userbox .cont>div .inputbox>li.yzm .get-phone-code.live {
    pointer-events: auto;
    background-color: #edb93a;
    color: #FFF;
}

.userbox .cont>div .errtips {
    width: 100%;
    margin: 4px 0;
    line-height: 26px;
    height: 26px;
    text-align: center;
    color: #fefefe;
    background-color: #ff9595;
    font-size: 12px;
    opacity: 0;
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FFF inset;
}
.userbox .cont>div .inputbox>li.yzm .get-phone-code.dis {
    pointer-events: none;
    background-color: #dbdbdb;
    color: #aaa;
}
.userbox .btn a.none {
    display: none;
}

/** 通知弹窗*/
.show-alert {
	z-index: 9999999;
	    position: fixed;
background: rgba(0,0,0,.7);
    line-height: 1;
    font-size: 14px;
    color: #fff;
    padding: 15px;
    left: 50%;
    border-radius: 2px;
    text-align: center;
    white-space: nowrap;
        -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.slideDown{animation: slideDown 0.5s; -webkit-animation: slideDown 0.5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
@-webkit-keyframes slideDown{0%{top: 30%; opacity: 0;} 100%{top: 50%; opacity: 1;}}
@keyframes slideDown{0%{top: 30%; opacity: 0;} 100%{top: 50%; opacity: 1;}}