em {
	font-style: normal;
}



/* ¨º¡Á¨°3 */
.index_head,
.index_center,
.banner,
.advantage,
.system,
.system2,
.major,
.industry,
.copyright,
.Two_menu,
.Restaurant_banner,
.major_function,
.Shop_stylebg,
.Function,
.Tool,
.Safe,
.Weekly,
.Tell,
.Cloud,
.Cloudmode,
.Cloud_Hundred,
.Cloud_DIY,
.Cloud_Six,
.Partners,
.Store,
.StoreMall,
.Beautiful_mall,
.Mall_Bulk,
.Netprocess,
.Member,
.CRM,
.Application,
.Appli,
.Dist,
.Distwan,
.Pattern,
.Boutique,
.Distmall,
.Groupbook,
.PAdvantage,
.Trddition,
.Groupbook_FXT,
.Groupbook_YJT,
.Wholesale,
.Solution,
.Shelves,
.Ecmall,
.Getover,
.Features,
.Platform,
.MiniAPP,
.Shop_change,
.Plug_ins,
.Generate,
.Multi-industry,
.Management,
.Stepminiapp,
.Demon,
.CRMindex,
.CRM_function,
.CRM_Client,
.CRM_Glance,
.CRM_Best,
.Placeorder,
.Shipments,
.Uservis,
.Forum,
.Forum_change,
.Forum_List,
.AboutUs_banner,
.Company,
.Connect_us,
.Business,
.Intellectual,
.Micro_banner_banner,
.Micro_function,
.Video_course,
.Video_function,
.Lecture,
.Multi-industr,
.What_miniapp,
.Small_tedian,
.Small_gongneng {
	width: 100%;
}

.index_head_c,
.banner_c,
.advantage_c,
.major_c,
.industry_c,
.copyright_c,
.Two_menu_c,
.Restaurant_banner_c,
.major_function_c,
.Shop_style,
.Function_main,
.Tool_main,
.Tool_Box,
.Tool_main,
.Safe_main,
.Data_Feed,
.Weekly_mian,
.Case,
.Tell_main,
.Cloud_main,
.Hundred_main,
.DIY_mian,
.Six_mian,
.Partners_main,
.Plugin_main,
.Six_mian,
.Store_main,
.StoreMall_mian,
.Beautiful_mallmain,
.MallBulk_main,
.Netprocess_mian,
.Member_main,
.FXT_main,
.Application_mian,
.YJT_main,
.Appli_mian,
.Solution_main,
.Getover_main,
.Shelves_main,
.Platform_main,
.Dist_main,
.MiniAPP_main,
.Plug_insmain,
.Generate_main,
.Shop_changemain,
.Management_main,
.Demon_main,
.Distwan_mian,
.CRM_functionmain,
.CRM_Glance_main,
.Placeorder_main,
.Forum_main,
.Shipments_main,
.Forum_Listmain,
.Forum_changemain,
.Connect_usmain,
.Intellectual_main,
.Business_mian,
.Company_main,
.Uservis_mian,
.Stepminiapp_main,
.CRM_Best_main,
.Features_main,
.Pattern_mian,
.What_miniapp_main,
.Small_tedian_mian,
.Boutique_main,
.Distmall_main,
.Groupbook_main,
.PAdvantage_mian,
.Trddition_main,
.Wholesale_banner_c,
.Ecmall_main,
.CRMindex_main,
.CRM_Client_main,
.Restaurant_Tell_main,
.AboutUs_banner_main,
.Micro_banner_banner_c,
.Micro_function_main,
.Video_function_mian,
.Lecture_main,
.Small_gongneng_main {
	width: 1200px;
	margin: 0 auto;
}

.Header_via,
.Header_title,
.Header_button,
.Main_title,
.Main_Int,
.Header_text,
.Scene,
.Operating_main,
.Functionmainmax,
.Cgi,
.Caseshow,
.Caseshow_er span {
	margin: 0 auto;
}

.index_head,
.advantage,
.major,
.copyright,
.Shop_left_rwm,
.Tool_Box,
.Cloudmode,
.Cloud_DIY,
.Tell,
.StoreMall,
.Mall_Bulk,
.Netprocess_show,
.Member,
.Application,
.Distwan,
.Boutique,
.Trddition_main,
.Groupbook_FXT,
.Solution,
.Getover,
.Shop_change,
.Plug_ins,
.Multi-industry,
.Demon_main,
.CRM_function,
.CRM_Best,
.Shipments,
.Forum_List,
.Company,
.Connect_us,
.Micro_function,
.Video_function,
.What_miniapp_main,
.Small_gongneng {
	background: #FFF0;
}

.Placeorder,
.Netprocess,
.CRM_Glance,
.industry,
.Cloud_Six,
.Stepminiapp,
.Management,
.Plug_ins,
.Features,
.Shelves,
.Groupbook_YJT,
.Distmall,
.Pattern,
.Business,
.Intellectual,
.Small_tedian {
	background: #f5f5f5;
}

.index_head {
	height: 80px;
	position: fixed;
	left: 0;
	right: 0;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .04);
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .04);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .04);
	-ms-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .04);
	z-index: 100;
}

.index_head_c {
	height: 80px;
}





.Two_menu {
	display: none;
	background-color: #FFF;
	z-index: 12;
	position: fixed;
	left: 0;
	right: 0;
	top: 79px;
	box-shadow: 0px 0px 10px #EDEDED;
	-webkit-box-shadow: 0px 0px 10px #EDEDED;
	-moz-box-shadow: 0px 0px 10px #EDEDED;
	-ms-box-shadow: 0px 0px 10px #EDEDED;
}

.Two_menu_c {
	overflow: hidden;
	padding: 37px 0;
}

.Two_menu_list {
	width: 24.9%;
	height: 506px;
	float: left;
	border-right: 1px solid #ededed;
}

.Two_menu_list:last-child {
	border-right: 0;
}

.menu_list_li {
	border-bottom: 1px solid #ededed;
	margin: 0 50px 26px 50px;
	padding-bottom: 10px;
}

.menu_list_li_tit {
	font-size: 18px;
	color: #333;
	padding-bottom: 22px;
}

.menu_list_li a {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.menu_list_li a span {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 15px;
}

.menu_list_li a p {
	display: block;
	overflow: hidden;
}

.menu_list_li a p em {
	display: inline-block;
	font-size: 14px;
	color: #333;
	line-height: 22px;
	position: relative;
}

.menu_list_li a p em img {
	display: inline-block;
	float: none;
}

.menu_list_li a p strong {
	display: block;
	font-size: 12px;
	color: #888;
	line-height: 18px;
}

.menu_list_li:last-child {
	border-bottom: 0;
}

.nth1 {
	margin: 0 25px 26px 0px;
}

.menu_list_li a:hover p em {
	color: #00aeff;
	/*text-decoration:underline*/
}

/* .index_center {
	padding-top: 80px;
} */

.banner {
	position: relative;
	height: 580px;
	overflow: hidden;
}

.banner_img {
	width: 100%;
	height: 580px;
}

.banner_img>div {
	width: 100%;
	height: 580px;
	position: absolute;
	display: none;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.banner_img .bg-con {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 580px;
}

/* .banner_img .bg1{background: url(../images/banner1.jpg) center top;display: block;} */
.banner_img .newyear-bg {
	background-color: #F14B3B;
	background-image: url(../images/bg_1.jpg);
	display: block;
}

.banner_img .bg1 {
	background-color: #05C8FF;
	background-image: url(../images/bg_1.jpg);
	display: block;
}

.banner_img .bg2 {
	background-color: #FDAD54;
	background-image: url(../images/banner2.jpg);
}

.banner_img .bg3 {
	background-color: #009CFF;
	background-image: url(../images/banner3.jpg);
}

.banner_img .bg4 {
	background-color: #804ED3;
	background-image: url(../images/banner4.jpg);
}

.banner_img .bg5 {
	background-color: #F14B3B;
	background-image: url(../images/banner5.jpg);
}

.banner_img .bg6 {
	background-color: #2E9FFF;
	background-image: url(../images/banner6.jpg);
}

.banner_img .bg7 {
	background-color: #82B441;
	background-image: url(../images/banner7.jpg);
}

.banner_img .bg8 {
	background-color: #FF4F4F;
	background-image: url(../images/banner8.jpg);
}

/* .banner_img .bg9{background-color:#64B441; background-image: url(../images/banner9.jpg);} */
.banner_img .bg9 {
	background-color: #00d5c8;
	background-image: url(../images/banner10.jpg);
}

.banner_c {
	height: 580px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -600px;
	overflow: hidden;
}

.banner_img .newyear-bg .bg-top {
	height: 27px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: url(../images/img_6.png) repeat-x top left;
	z-index: 4;
	opacity: .8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.banner_img .newyear-bg .flower {
	position: absolute;
	top: 0;
	left: 200px;
	width: 332px;
	height: 264px;
	background: url(../images/img_1.png);
}

.banner_img .newyear-bg .flower em {
	position: absolute;
}

.banner_img .newyear-bg .flower em.em-1 {
	left: 6px;
	top: 90px;
	width: 68px;
	height: 74px;
	-webkit-animation: scaleAnimate1 1.5s infinite;
	-o-animation: scaleAnimate1 1.5s infinite;
	animation: scaleAnimate1 1.5s infinite;
}

.banner_img .newyear-bg .flower em.em-2 {
	left: 91px;
	top: 187px;
	width: 33px;
	height: 38px;
	-webkit-animation: scaleAnimate2 1.5s infinite;
	-o-animation: scaleAnimate2 1.5s infinite;
	animation: scaleAnimate2 1.5s infinite;
}

.banner_img .newyear-bg .flower em img {
	width: 100%;
	height: 100%;
}

.banner_img .newyear-bg .new-year-txt {
	width: 830px;
	height: 110px;
	position: absolute;
	left: 341px;
	top: 142px;
}

.banner_img .newyear-bg .new-year-txt em {
	position: absolute;
	background-image: url(../images/img_4.png);
	background-repeat: no-repeat;
}

.banner_img .newyear-bg .new-year-txt .em-1 {
	left: 0;
	top: 0;
	width: 276px;
	height: 110px;
	background-position: 0 0;
}

.banner_img .newyear-bg .new-year-txt .em-2 {
	left: 291px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -291px -24px;
}

.banner_img .newyear-bg .new-year-txt .em-3 {
	left: 337px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -337px -24px;
}

.banner_img .newyear-bg .new-year-txt .em-4 {
	left: 383px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -383px -24px;
}

.banner_img .newyear-bg .new-year-txt .em-5 {
	left: 429px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -429px -24px;
}

.banner_img .newyear-bg .new-year-txt .em-6 {
	left: 475px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -475px -24px;
}

.banner_img .newyear-bg .new-year-txt .em-7 {
	left: 521px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -521px -24px;
}

.banner_img .newyear-bg .new-year-txt .em-8 {
	left: 567px;
	top: 0;
	width: 70px;
	height: 71px;
	background-position: -567px 0;
}

.banner_img .newyear-bg .new-year-txt .em-9 {
	left: 638px;
	top: 0;
	width: 70px;
	height: 71px;
	background-position: -638px 0;
}

.banner_img .newyear-bg .new-year-txt .em-10 {
	left: 707px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -707px -24px;
}

.banner_img .newyear-bg .new-year-txt .em-11 {
	left: 753px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -753px -24px;
}

.banner_img .newyear-bg .new-year-txt .em-12 {
	left: 799px;
	top: 24px;
	width: 46px;
	height: 43px;
	background-position: -799px -24px;
}

.banner_img .newyear-bg .new-computer {
	position: absolute;
	right: 0;
	bottom: 31px;
	width: 454px;
	height: 310px;
	background: url("../images/img_5.png") no-repeat;
}

.banner_img .bg1 .new-year-txt {
	height: 110px;
	position: absolute;
	left: 300px;
	top: 112px;
	font-size: 0;
}

.banner_img .bg1 .new-year-txt em {
	text-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	display: inline-block;
	font: 700 40px/1 '?¡é¨¨¨ª??o¨²';
	color: #fff;
	margin-right: 3px;
}

.banner_img .bg1 .new-year-txt .em-8 {
	position: relative;
	top: 20px;
	width: 60px;
	height: 71px;
	background: url(../images/img_4.png) no-repeat 8px 0;
}

.banner_img .bg1 .new-year-txt .em-9 {
	position: relative;
	top: 20px;
	width: 60px;
	height: 71px;
	background: url(../images/img_4.png) no-repeat -54px 0;
}

.banner_img .bg1 .banner-fun-list {
	width: 580px;
	height: 40px;
	position: absolute;
	left: 300px;
	top: 228px;
	font-size: 0;
	z-index: 3;
}

.banner_img .bg1 .banner-fun-list b,
.banner_img .bg1 .banner-fun-list b {
	display: inline-block;
}

.banner_img .bg1 .banner-fun-list b {
	padding: 0 10px;
	color: #ffffff;
	background-color: rgba(77, 166, 252, .4);
	border-radius: 5px;
	font: 400 14px/26px '?¡é¨¨¨ª??o¨²';
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .1)
}

.banner_img .bg1 .banner-fun-list em {
	padding: 0 10px;
	color: #cdf1ff;
	font: 400 18px/26px 'Î¢ÈíÑÅºÚ';
}

.banner_img .bg1 .new-computer {
	position: absolute;
	right: -100px;
	bottom: 61px;
	width: 603px;
	height: 312px;
	background: url("../images/img_5.png") no-repeat;
}

.banner_nav {
	width: 200px;
	height: 580px;
	float: left;
	/* background: url(../images/nav_l_bg.png) #FFF no-repeat center 10px; */
	background-color: #fff;
}

.new_one {
	width: 200px;
	height: 64px;
	display: block;
	position: relative;
}

.banner_nav .one_a {
	height: 68px;
}

.banner_nav .new_one .a-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: .1;
	filter: alpha(opacity:10);
	visibility: hidden;
}

.banner_nav .new_one.cur .a-bg {
	visibility: visible;
}

.banner_nav .one_a span {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 22px;
	padding: 12px 0;
	font-size: 14px;
	color: #555555;
	position: relative;
	z-index: 2;
}

.new_one em {
	display: block;
	float: left;
	width: 29px;
	height: 29px;
	margin: 16px 12px 0 39px;
	position: relative;
	z-index: 2;
}

.new_one p {
	display: block;
	float: left;
	font-size: 16px;
	color: #555;
	line-height: 64px;
	position: relative;
	z-index: 2;
}

.one_a .a-bg {
	background-color: #05C8FF;
}

.one_a2 .a-bg {
	background-color: #F79848;
}

.one_a3 .a-bg {
	background-color: #21ACFF;
}

.one_a4 .a-bg {
	background-color: #9357DB;
}

.one_a5 .a-bg {
	background-color: #F25738;
}

.one_a6 .a-bg {
	background-color: #1DB3FF;
}

.one_a7 .a-bg {
	background-color: #85BF51;
}

.one_a8 .a-bg {
	background-color: #FF5A4A;
}

.one_a9 .a-bg {
	background-color: #6ABE4F;
}

.banner_nav .new_one.one_a10 .a-bg {
	border-top: 1px solid #ededed;
	visibility: visible;
	opacity: 1;
}

.banner_right {
	overflow: hidden;
	height: 580px;
	position: relative;
}

.banner_one_c {
	width: 500px;
	height: 85px;
	margin-left: 104px;
	margin-top: 224px;
	position: absolute;
	z-index: 11;
	display: block;
}

.banner_web {
	overflow: hidden;
	height: 26px;
	margin-bottom: 91px;
}

.banner_web p {
	display: block;
	float: left;
	background: #FFF;
	font-size: 14px;
	color: #15b2ff;
	line-height: 26px;
	border-radius: 4px;
	padding: 0 11px;
}

.banner_web strong {
	display: block;
	float: left;
	margin: 0 5px;
	line-height: 26px;
	color: #FFF;
	font-size: 12px;
}

/* Newyearbanner */
.banner_one_newyear {
	z-index: 11;
	display: block;
	position: absolute;
	margin-top: 215px;
	margin-left: 100px;
}

.banner_newyear {
	overflow: hidden;
	height: 26px;
	padding-bottom: 93px;
	margin-left: 300px;
	visibility: hidden;
}

.banner_newyear p {
	display: block;
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	border-radius: 4px;
}

.banner_newyear strong {
	display: block;
	float: left;
	margin: 0 5px;
	line-height: 26px;
	color: #FFF;
	font-size: 12px;
}

.banner_one_newyear span {
	display: block;
	font-size: 14px;
	color: #FFF;
	padding-top: 10px;
}

.banner_one_newyear span em {
	color: #fffc00;
	font-size: 16px;
}

/* Newyearbanner  end*/
.one_button {
	width: 360px;
	height: 48px;
	overflow: hidden;
}

.one_button a {
	display: block;
	float: left;
	margin-right: 20px;
	text-align: center;
	font-size: 18px;
	border-radius: 3px;
	color: #FFF;
}

.register_a1 {
	width: 160px;
	height: 48px;
	background: #ffd200;
	line-height: 48px;
}

.login_a1 {
	width: 158px;
	height: 46px;
	border: 1px solid #FFF;
	line-height: 46px;
}

.banner_one_c span {
	display: block;
	font-size: 14px;
	color: #FFF;
	padding-top: 10px;
}

.banner_one_c span em {
	color: #fffc00;
	font-size: 16px;
}

.banner_two_c,
.banner_three_c,
.banner_four_c,
.banner_five_c,
.banner_Six_c,
.banner_Seven_c,
.banner_eight_c,
.banner_nine_c {
	margin-left: 85px;
	position: absolute;
	display: none;
}

.two_L {
	float: left;
	padding-top: 164px;
}

.two_L span {
	font-size: 38px;
	color: #FFF;
}

.two_L p {
	display: block;
	overflow: hidden;
	padding-top: 29px;
	margin-bottom: 18px;
}

.two_L p em {
	display: block;
	float: left;
	background: rgba(255, 255, 255, .2);
	color: #FFF;
	font-size: 14px;
	margin-right: 5px;
	line-height: 28px;
	padding: 0 12px;
}

.two_L strong {
	font-size: 18px;
	color: #FFF;
	display: block;
	padding-bottom: 62px;
}


/* D¨¹???¨ª¡¤t */
.suspend {
	width: 62px;
	height: 186px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -93px;
	z-index: 104;
}

.suspend_R {
	display: block;
	width: 62px;
	height: 161px;
	background: url(../images/suspend_bg.png);
	padding-top: 25px;
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 10;
}

.suspend_R span {
	display: inline-block;
	width: 32px;
	height: 34px;
	margin: 0 auto;
	margin-left: 22px;
	text-align: center;
}

.suspend_R span img {
	width: 100%;
	height: 100%;
}

.suspend_R p {
	display: block;
	font-size: 16px;
	color: #FFF;
	width: 16px;
	margin-left: 30px;
	padding-top: 6px;
}

.suspend_C {
	background: url(../images/suspend_c.png);
	width: 352px;
	height: 551px;
	position: absolute;
	right: -364px;
	top: 50%;
	margin-top: -272px;
	z-index: 9;
}

.suspend_list {
	width: 100%;
}

.suspend_tit {
	width: 196px;
	background: url(../images/tit_bor.jpg) repeat-x left center;
	text-align: center;
	margin: 0 auto;
	margin-top: 37px;
}

.suspend_tit em {
	color: #555;
	font-size: 14px;
	padding: 0 15px;
	background: #FFF;
}

.suspend_list p {
	display: block;
	text-align: center;
	font-size: 22px;
	color: #555;
	padding-top: 15px;
}

.suspend_list a {
	display: block;
	width: 56px;
	height: 27px;
	background: url(../images/qq.png) no-repeat 13px center #00aeff;
	background-size: 14px;
	padding-left: 34px;
	border-radius: 3px;
	font-size: 12px;
	color: #FFF;
	line-height: 27px;
	margin: 0 auto;
	margin-top: 14px;
}

.suspend_list1 {
	width: 320px;
	height: 130px;
	background-color: #f4fcff;
	padding-top: 24px;
	margin-left: 10px;
	margin-top: 28px;
}

.suspend_list1 .suspend_tit {
	margin-top: 0;
}

.suspend_list1 .suspend_tit em {
	background: #f4fcff;
}

.suspend_ewm {
	width: 139px;
	margin: 0 auto;
	padding-top: 32px;
}

.suspend_ewm span {
	display: block;
	width: 107px;
	height: 107px;
	border: 1px solid #ededed;
	padding: 15px;
}

.suspend_ewm span img {
	width: 100%;
}

.suspend_ewm p {
	display: block;
	font-size: 12px;
	color: #555;
	text-align: center;
	padding-top: 7px;
}

.scroll_Top {
	display: block;
	width: 69px;
	height: 69px;
	position: fixed;
	right: 30px;
	bottom: 30px;
}

/* ??2¨ª¨°? */
.Restaurant_banner {
	height: 640px;
	background: url(../images/restaurant_banner.jpg) center top no-repeat;
}

.banner_max_tit {
	height: 64px;
	font-size: 52px;
	color: #FFF;
	text-align: center;
	padding-top: 82px;
	padding-bottom: 8px;
}

.banner_min_tit {
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 28px;
}

.banner_button {
	width: 400px;
	height: 53px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 33px;
}

.banner_button a {
	display: block;
	float: left;
	margin: 0 10px;
	border-radius: 3px;
	color: #FFF;
	text-align: center;
	font-size: 16px;
}

.button1 {
	width: 140px;
	height: 43px;
	line-height: 43px;
	background: #ffd200;
}

.button2 {
	width: 138px;
	height: 41px;
	line-height: 41px;
	border: 1px solid #FFF;
}

.Restaurant_banner_c span {
	display: block;
	width: 680px;
	height: 317px;
	margin: 0 auto;
	margin-top: 27px;
}

.major_function_c {
	height: 645px;
	padding-top: 15px;
}

.function_tit {
	font-size: 36px;
	color: #000;
	text-align: center;
	padding: 60px 0 30px 0;
}

.fun_cur {
	color: #ffffff;
	padding-bottom: 20px;
}

.function_tit_em {
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	display: block;
	margin-bottom: 20px;
}

.Offline {
	position: relative;
	width: 199px;
	height: 12px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.Offline span {
	width: 199px;
	height: 2px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url(../images/offline_bg1.png) no-repeat center;
}

.Offline p {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	overflow: hidden;
	background: #4894ff;
	margin: 0 auto;
}

.Ofcur {
	margin-bottom: 25px;
}

.Offline .Ofcur_span {
	background: url(../images/offline_bg2.png) no-repeat center;
}

.Offline .Ofcur_p {
	background: #ffffff;
}

.Key_main {
	overflow: hidden;
}

.Key_show {
	width: 20%;
	float: left;
	margin-bottom: 60px;
}

.Key_img {
	display: block;
	overflow: hidden;
	width: 105px;
	height: 105px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.Key_img img {
	width: 100%;
}

.Key_show em {
	display: block;
	text-align: center;
	color: #41403c;
	font-size: 18px;
}

/* ??2¨ª¨°?_____¦Ì¨º?¨¬¡¤?????D??D?? */
.Shop_stylebg {
	height: 640px;
	background: url(../images/banner11.jpg) no-repeat center top;
}

.Shop_style {
	overflow: hidden;
}

.Shop_left {
	float: left;
	margin-left: 40px;
}

.Shop_left em {
	display: block;
	color: #ffffff;
	font-size: 36px;
	margin: 90px 0px 35px 0px;
}

.Shop_left p {
	color: #ffffff;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
	display: block;
}

.Shop_left_rwm {
	border: 7px solid #e1e1e1;
	border-radius: 5px;
	margin: 40px 0px 20px 0px;
	width: 150px;
	height: 150px;
	padding: 20px;
}

.Shop_left strong {
	font-size: 16px;
	color: #ffffff;
	display: block;
	margin-left: 40px;
}

.Shop_right {
	float: right;
	width: 665px;
	height: 385px;
	margin-top: 120px;
}

/* ??2¨ª¨°?_____¦Ì?2¨ª1|?¨¹¨¨??? */
.Function {
	height: 656px;
	background: url(../images/banner12.jpg) no-repeat top center;
}

.Function_main {
	padding-top: 70px;
	overflow: hidden;
}

.Function_left {
	float: left;
	width: 340px;
	height: 504px;
	margin: 0px 180px 0px 200px;
}

.Function_right {
	overflow: hidden;
}

.Function_title,
.Safe_title {
	margin: 50px 0;
	display: block;
	color: #5c5c5c;
	font-size: 36px;
	line-height: 36px;
}

.Function_right p,
.Data_right p,
.Safe_main p {
	color: #555555;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 5px;
}

.Function_right .Function_right_Nobm {
	margin-bottom: 45px;
}

.Function_a {
	width: 165px;
	height: 40px;
	border: 1px solid #888888;
	margin-bottom: 20px;
}

.Function_a span {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin: 5px 20px 0 40px;
}

.Function_a span img {
	width: 100%;
}

.Function_a em {
	display: block;
	overflow: hidden;
	color: #888888;
	font-size: 18px;
	line-height: 40px;
}

/* ??2¨ª¨°?_____¡¤¨¢???¨¤?¨´¨®a?¨²1¡è?? */
.Tool {
	height: 735px;
	background: url(../images/banner13.jpg) no-repeat center top;
}

.Tool_Box {
	height: 490px;
	position: relative;
	left: 0;
	right: 0;
	border-radius: 5px;
	overflow: hidden;
}

.Tool_left,
.Tool_right {
	display: block;
	width: 15px;
	height: 25px;
	position: absolute;
	top: 50%;
	z-index: 2;
}

.Tool_left {
	background: url(../images/di_aleft.png) center no-repeat;
	left: 35px;
}

.Tool_right {
	background: url(../images/di_aright.png) center no-repeat;
	right: 35px;
}

.Tool_ulmax {
	width: 1054px;
	height: 430px;
	margin: 0 auto;
	margin-top: 40px;
	overflow: hidden;
}

.Tool_ul {
	width: 2000px;
	overflow: hidden;
}

.Tool_ul li {
	width: 325px;
	height: 400px;
	float: left;
	margin: 0 12px;
	border: 1px solid #ededed;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 15px #e6e6e6;
	-moz-box-shadow: 0 0 15px #e6e6e6;
	-webkit-box-shadow: 0 0 15px #e6e6e6;
}

.Tool_li_list1 {
	overflow: hidden;
	height: 70px;
	padding-top: 15px;
	border-bottom: 1px solid #f5f5f5;
	padding-left: 20px;
}

.Tool_li_list2 {
	overflow: hidden;
	height: 79px;
	padding-top: 15px;
	border-bottom: 1px solid #f5f5f5;
	padding-left: 20px;
}

.Tool_li_listtit {
	overflow: hidden;
	padding-bottom: 5px;
}

.Tool_li_listtit em {
	color: #444;
	font-size: 16px;
	display: block;
	float: left;
	margin-right: 5px;
}

.Tool_li_listtit font {
	color: #ccc;
	font-size: 12px;
	display: block;
	overflow: hidden;
	padding-top: 7px;
}

.Tool_li_list1 p {
	color: #999;
	font-size: 14px;
	display: block;
}

.Tool_li_left {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 4px;
	float: left;
	margin-right: 10px;
}

.Tool_li_left img {
	width: 100%;
}

.Tool_li_right {
	overflow: hidden;
}

.Tool_li_right em {
	display: block;
	font-size: 14px;
	color: #555;
}

.Tool_li_right p {
	overflow: hidden;
	font-size: 14px;
	color: #999;
	padding-top: 8px;
}

/* ??2¨ª¨°?_____¨¦¡§???¡ì??¡ã2¨¨??¨¬?Y */
.Safe {
	height: 656px;
	background: #f4f4f4;
}

.Safe_main {
	padding-top: 100px;
}

.Safe_main_left {
	float: left;
	margin: 40px 0 0 30px;
}

.Safe_img {
	overflow: hidden;
	margin-top: 45px;
}

.Safe_list {
	width: 50px;
	float: left;
	margin-right: 37px;
}

.Safe_list span {
	overflow: hidden;
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1px solid #e8e8e8;
	margin: 0 auto;
	margin-bottom: 10px;
}

.Safe_list span img {
	width: 100%;
}

.Safe_list em {
	display: block;
	text-align: center;
	color: #555555;
	font-size: 14px;
}

.Safe_main_right {
	width: 734px;
	height: 556px;
	overflow: hidden;
}

/* ??2¨ª¨°?_____¨ºy?Y¨º¦Ì¨º¡À?¨¹D? */
.Data_Feed {
	overflow: hidden;
}

.Data_left {
	float: left;
	width: 628px;
	height: 658px;
	margin-right: 128px;
}

.Data_right {
	overflow: hidden;
	padding-top: 244px;
}

/* ??2¨ª¨°?_____???¨¹¦Ì¨¹¡ä¨²¡ê?1|?¨¹?¨¹2?¨ª¡ê*/
.Weekly {
	height: 514px;
	background: url(../images/banner14.jpg) no-repeat center top;
}

.Weekly_mian {
	padding-top: 20px;
}

.Weekly_list {
	overflow: hidden;
}

.Weekly_float {
	float: left;
	width: 20%;
}

.Weekly_float span {
	width: 120px;
	height: 138px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 20px;
}

.Weekly_float em {
	display: block;
	text-align: center;
	color: #333333;
	font-size: 18px;
}

/* ??2¨ª¨°?_____3¨¦1|¡ã?¨¤y */
.Case {
	width: 1200px;
	height: 660px;
}

.Case_show {
	padding: 8px 0;
	overflow: hidden;
}

.Case_a {
	width: 304px;
	height: 320px;
	box-shadow: 0 0 10px #e7e7e7;
	-moz-box-shadow: 0 0 10px #e7e7e7;
	-webkit-box-shadow: 0 0 10px #e7e7e7;
	padding: 35px 38px 50px 38px;
	overflow: hidden;
	margin: 0 10px;
	position: relative;
	float: left;
}

.Case_a span {
	display: block;
	width: 304px;
	height: 228px;
	margin-bottom: 20px;
}

.Case_head {
	width: 75px;
	height: 75px;
	border: 5px solid #fbfbfb;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	right: 50px;
	bottom: 100px;
}

.Case_a em,
.Case_a p {
	display: block;
	line-height: 26px;
}

.Case_a em {
	color: #333333;
	font-size: 16px;
}

.Case_a p {
	color: #666666;
	font-size: 12px;
}

/* ?TD¨¨?a¡¤¡é¡ê?D?3¨¬D¨°¨°??¨¹¨¦¨²3¨¦ */
.Generate {
	background: url(../images/generate_bg.jpg) no-repeat center top;
}

.Generate_main {
	height: 520px;
}

.Generate_left {
	float: left;
	margin-left: 60px;
}

.Generate_left p {
	display: block;
	font-size: 28px;
	color: #ffffff;
	padding-top: 210px;
	padding-bottom: 30px;
}

.Generate_left em {
	display: block;
	font-size: 14px;
	color: #ffffff;
	padding-bottom: 10px;
}

.Generate_right {
	float: right;
	width: 555px;
	height: 390px;
	margin-right: 45px;
	margin-top: 85px;
}

/* ¡ã?¨¤y */
.none_height {
	height: 50px;
}

.min_head {
	background-color: #fbfbfb;
	height: 50px;
	border-bottom: 1px solid #ededed;
	position: fixed;
	left: 0;
	right: 0;
	top: 80px;
	z-index: 11;
}

.min_head_c {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
}

.min_title {
	float: left;
	line-height: 50px;
	font-size: 16px;
	color: #333;
}

.min_nav {
	float: right;
	height: 50px;
}

.min_nav a {
	display: block;
	float: left;
	line-height: 49px;
	font-size: 14px;
	color: #555;
	margin-right: 35px;
}

.min_nav .cur {
	color: #00aeff;
	border-bottom: 1px solid #00aeff;
}

.experience {
	display: block;
	width: 87px;
	height: 26px;
	border: 1px solid #ffd200;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	float: right;
	margin-top: 12px;
	background: #ffd200;
	padding: 0 5px;
}

.max_case {
	width: 100%;
	background-color: #f5f5f5;
	padding-top: 53px;
}

.min_case {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 1px;
}

.case_list {
	width: 1200px;
	height: 454px;
	background-color: #FFF;
	margin-bottom: 20px;
}

.case_list_L {
	width: 450px;
	height: 328px;
	margin: 63px;
	float: left;
	position: relative;
	box-shadow: -5px 5px 30px #E4E4E4;
	-moz-box-shadow: -5px 5px 30px #E4E4E4;
	-webkit-box-shadow: -5px 5px 30px #E4E4E4;
}

.mould_T {
	width: 100%;
	height: 25px;
	background-color: #f5f5f5;
	border-radius: 5px 5px 0px 0px;
}

.mould_T em {
	display: block;
	width: 6px;
	height: 6px;
	float: left;
	margin-right: 8px;
	border-radius: 50%;
	margin-top: 9px;
}

.mould_T em:nth-child(1) {
	margin-left: 15px;
	background-color: #f22014;
}

.mould_T em:nth-child(2) {
	background-color: #fa8f00;
}

.mould_T em:nth-child(3) {
	background-color: #5fd719;
}

.mould_C {
	width: 100%;
	height: 303px;
	position: relative;
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
}

.mould_C p {
	display: block;
	width: 100%;
	height: 303px;
	overflow: hidden;
}

.mould_C p img {
	width: 100%;
}

.mould_C a {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 303px;
	background: url(../images/max_eye.png) no-repeat center rgba(0, 0, 0, 0.4);
}

.phone_mould {
	width: 95px;
	height: 186px;
	background: url(../images/case_mould.png);
	position: absolute;
	right: 20px;
	bottom: 15px;
}

.phone_mould span {
	display: block;
	width: 87px;
	height: 143px;
	overflow: hidden;
	margin-top: 17px;
	margin-left: 4px;
}

.phone_mould span img {
	width: 100%;
}

.phone_mould a {
	display: none;
	width: 87px;
	height: 143px;
	position: absolute;
	top: 17px;
	left: 4px;
	background: url(../images/min_eye.png) no-repeat center rgba(0, 0, 0, 0.4);
}

.case_list_R {
	overflow: hidden;
	height: 454px;
	background: url(../images/case_bg.png) no-repeat left top;
	padding-left: 65px;
	padding-top: 95px;
}

.case_list_txt {}

.case_list_txt span {
	display: block;
	font-size: 20px;
	color: #333;
}

.case_list_txt p {
	display: block;
	font-size: 12px;
	color: #888;
	padding-top: 34px;
	padding-bottom: 20px;
}

.case_list_txt em {
	display: block;
	background: url(../images/demo_icon.png) no-repeat left center;
	font-size: 12px;
	color: #888;
	padding-left: 16px;
	margin-bottom: 10px;
}

.case_list_a {
	height: 32px;
	padding-top: 65px;
	position: relative;
}

.case_list_a a {
	display: block;
	margin-right: 5px;
	border-radius: 3px;
	font-size: 12px;
	color: #FFF;
	line-height: 32px;
	float: left;
	padding: 0 20px;
}

.blue {
	background-color: #00c0ff;
}

.orange {
	background-color: #ffc000;
}

.green {
	background-color: #59c484;
}

.purple {
	background-color: #9b80ea;
}

.orange_wx,
.green_wx,
.purple_wx {
	width: 220px;
	height: 220px;
	background: url(../images/wx_bg.png);
	position: absolute;
	top: -164px;
	display: none;
}

.orange_wx span,
.green_wx span,
.purple_wx span {
	display: block;
	width: 128px;
	height: 128px;
	margin-top: 10px;
	margin-left: 23px;
	border: 10px solid #ffffff
}

.orange_wx {
	left: 70px;
}

.green_wx {
	left: 170px;
}

.purple_wx {
	right: 140px;
}

.more_case {
	width: 100%;
}

.more_case_c {
	width: 1200px;
	margin: 0 auto;
}

.more_case_tit {
	font-size: 32px;
	color: #333;
	text-align: center;
	padding-top: 93px;
	padding-bottom: 45px;
}

.more_case_ul {
	width: 1200px;
	overflow: hidden;
}





.Shop_change_right {
	float: right;
	width: 760px;
	height: 519px;
}

/*  ¨®|¨®?2??t1|?¨¹??¡ä¨® */
.Plug_insmain {
	height: 525px;
	overflow: hidden;
}

.Plug_insleft {
	width: 565px;
	height: 380px;
	float: left;
	margin-top: 80px;
}

.Forum_list_imgleft {
	width: 595px;
	height: 380px;
	float: left;
	margin-top: 85px;
}

.Forum_list_imgleft1 {
	width: 580px;
	height: 390px;
	float: left;
	margin-top: 75px;
}

.Plug_insright {
	float: right;
	margin-right: 60px;
	text-align: right;
}

.Plug_insright p {
	display: block;
	color: #333333;
	font-size: 28px;
	padding-top: 200px;
	padding-bottom: 35px;
}

.Plug_insright em {
	display: block;
	color: #777777;
	font-size: 14px;
	text-align: right;
	margin-bottom: 10px;
}

/* ¨¨???¨¬¡§¨ª3¨°?1¨¹¨¤¨ª */
.Management_main {
	height: 520px;
	overflow: hidden;
}

.Management_left {
	float: left;
	margin-left: 60px;
}

.Management_left p {
	display: block;
	font-size: 28px;
	color: #333333;
	padding-top: 200px;
	padding-bottom: 30px;
}

.Management_left em {
	display: block;
	font-size: 14px;
	color: #777777;
	padding-bottom: 10px;
}

.Management_right {
	float: right;
	width: 555px;
	height: 390px;
	margin-top: 35px;
}

.Platform_list_right {
	float: right;
	width: 565px;
	height: 375px;
	margin-top: 75px;
}

.Forum_list_imgright {
	float: right;
	width: 580px;
	height: 390px;
	margin-top: 66px;
}

.Forum_list_imgright1 {
	float: right;
	width: 555px;
	height: 350px;
	margin-top: 80px;
}

/* ¡ã¨®?¡§?¨¤??D?3¨¬D¨° */
.Binding_left {
	width: 595px;
	height: 380px;
	float: left;
	margin-top: 105px;
}

.Platform_list_left {
	width: 686px;
	height: 265px;
	float: left;
	margin-top: 95px;
}

.Platform_list_leftimg {
	width: 325px;
	height: 445px;
	float: left;
	margin-top: 80px;
	margin-left: 160px;
}

.Binding_right {
	float: right;
	margin-right: 60px;
	text-align: right;
}

.Binding_right p {
	display: block;
	color: #333333;
	font-size: 28px;
	padding-top: 210px;
	padding-bottom: 35px;
}

.Binding_right em {
	display: block;
	color: #777777;
	font-size: 14px;
	text-align: right;
	margin-bottom: 10px;
}

.Platform_list_righttext {
	float: right;
}

.Platform_list_righttext p {
	display: block;
	color: #333333;
	font-size: 28px;
	padding-top: 210px;
	padding-bottom: 35px;
}

.Platform_list_righttext em {
	display: block;
	color: #777777;
	font-size: 14px;
	margin-bottom: 10px;
}

/* ¨°??¨¹¡ä¨°¡ã¨¹¨¦¨²3¨¦¡ê??¡ä¨®??¡ä¡Á? */
.Stepminiapp_main {
	height: 795px;
}

.Stepminiapp_tit {
	font-size: 32px;
	color: #333333;
	text-align: center;
	display: block;
	padding-top: 115px;
	padding-bottom: 10px;
}

.Stepminiapp_titmin {
	font-size: 14px;
	color: #888;
	text-align: center;
	display: block;
	padding-bottom: 60px;
}

.Stepminiapp_con {
	overflow: hidden;
}

.Stepminiapp_list {
	float: left;
	width: 25%;
	margin-bottom: 60px;
}

.Stepminiapp_list span {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 25px;
}

.Stepminiapp_list em {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #333;
	padding-bottom: 10px;
}

.Stepminiapp_list p {
	display: block;
	text-align: center;
	color: #888;
	font-size: 14px;
	width: 235px;
	margin: 0 auto;
}

/* D?3¨¬D¨°¨°3???a¨º?*/
/* D?3¨¬D¨°?a?a?a?a?????¨°¦Ì£¤¨°¡Á¨®?1|?¨¹??¡ä¨®¦Ì?D?3¨¬D¨°*/
.Extremely_banner {
	background: url(../images/extremely_banner.jpg) no-repeat center top;
}
.Mini_banner {
	background: url(../images/Mini_banner.jpg) no-repeat center top;
}

.Extremely_banner_main {
	height: 820px;
}

.Extremely_banner_main strong,
.Extremely_banner_main p,
.Extremely_banner_main em {
	color: #fff;
	display: block;
	text-align: center;
}

.Extremely_banner_main strong {
	font-size: 24px;
	padding-top: 95px;
}

.Extremely_banner_main p {
	font-size: 50px;
}

.Extremely_banner_main em {
	font-size: 14px;
	padding-top: 10px;
}

.Extremely_img {
	width: 895px;
	height: 513px;
	margin: 0 auto;
}

/* ¨º2?¡ä¨º?D?3¨¬D¨° */
.What_miniapp_main {
	height: 740px;
}

.What_miniapp_tit {
	text-align: center;
	font-size: 32px;
	color: #333;
	padding-top: 50px;
	padding-bottom: 40px;
}

.What_miniapp_img {
	width: 672px;
	height: 531px;
	margin: 0 auto;
}

.What_miniapp_main p {
	width: 885px;
	margin: 0 auto;
	display: block;
	color: #777;
	font-size: 14px;
	text-align: center;
	line-height: 26px;
	margin-bottom: 50px;
}

.Small_tedian_mian {
	height: 800px;
}

.Small_tedian_tit {
	text-align: center;
	font-size: 32px;
	color: #333;
	padding-top: 95px;
	padding-bottom: 40px;
}

.Small_tedian_con {
	width: 100%;
	overflow: hidden;
	padding-top: 25px;
}

.Small_tedian_list {
	width: 20%;
	float: left;
	margin-bottom: 50px;
	height: 220px;
}

.Small_tedian_list span {
	width: 120px;
	height: 120px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.Small_tedian_list span:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.Small_tedian_list em {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333;
	padding-bottom: 10px;
}

.Small_tedian_list p {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #777;
	line-height: 24px;
}


.Small_gongneng_main {
	height: 785px;
}

.Small_gongneng_tab {
	width: 520px;
	height: 45px;
	border-radius: 25px;
	border: 1px solid #f3f3f3;
	margin: 0 auto;
	box-shadow: 0px -2px 2px #e8e6e6;
	-moz-box-shadow: 0px -2px 2px #e8e6e6;
	-webkit-box-shadow: 0px -2px 2px #e8e6e6;
	margin-bottom: 80px;
}

.Small_gongneng_tabmin {
	width: 343px;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0;
}

.Small_gongneng_click {
	cursor: pointer;
	width: 35px;
	height: 35px;
	margin: 0 7px;
	float: left;
	text-align: center;
	position: relative;
}

.Small_gongneng_click b {
	font-weight: 400;
	position: relative;
	z-index: 2;
	color: #555;
	line-height: 35px;
	font-size: 20px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.Small_gongneng_click i {
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	background-color: #00b0ff;
	box-shadow: 0 3px 10px #b4e9ff;
	-webkit-box-shadow: 0 3px 10px #b4e9ff;
	-moz-box-shadow: 0 3px 10px #b4e9ff;
	border-radius: 50%;
	z-index: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.Small_gongneng_click.Small_Cur b {
	color: #fff;
}

.Small_gongneng_click.Small_Cur i {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.Small_gongneng_tabcon {
	overflow: hidden;
	display: none;
}

.Small_gongneng_left1 {
	width: 537px;
	height: 354px;
	float: left;
	margin-left: 150px;
	margin-right: 130px;
}

.Small_gongneng_right1 {
	overflow: hidden;
}

.Small_gongneng_right1 b {
	font-size: 90px;
	display: block;
	color: #ededed;
	margin-top: 35px;
	padding-bottom: 20px;
}

.Small_gongneng_right1 em {
	font-size: 24px;
	display: block;
	color: #555;
	padding-bottom: 20px;
}

.Small_gongneng_right1 p {
	font-size: 14px;
	display: block;
	color: #777;
	padding-bottom: 5px;
}

.Small_gongneng_left2 {
	width: 583px;
	height: 358px;
	overflow: hidden;
}

.Small_gongneng_right2 {
	float: left;
	margin-left: 220px;
	margin-right: 130px;
}

.Small_gongneng_right2 b {
	font-size: 90px;
	display: block;
	color: #ededed;
	margin-top: 35px;
	padding-bottom: 20px;
}

.Small_gongneng_right2 em {
	font-size: 24px;
	display: block;
	color: #555;
	padding-bottom: 20px;
}

.Small_gongneng_right2 p {
	font-size: 14px;
	display: block;
	color: #777;
	padding-bottom: 5px;
}

.Small_gongneng_left3 {
	width: 552px;
	height: 364px;
	float: left;
	margin-left: 190px;
	margin-right: 70px;
}

.Small_gongneng_right3 {
	overflow: hidden;
}

.Small_gongneng_right3 b {
	font-size: 90px;
	display: block;
	color: #ededed;
	margin-top: 55px;
	padding-bottom: 20px;
}

.Small_gongneng_right3 em {
	font-size: 24px;
	display: block;
	color: #555;
	padding-bottom: 15px;
}

.Small_gongneng_right3 p {
	font-size: 14px;
	display: block;
	color: #777;
	padding-bottom: 5px;
}

.Small_gongneng_left4 {
	width: 360px;
	height: 347px;
	float: right;
	margin-right: 120px;
}

.Small_gongneng_right4 {
	float: left;
	margin-left: 220px;
	margin-right: 130px;
}

.Small_gongneng_right4 b {
	font-size: 90px;
	display: block;
	color: #ededed;
	margin-top: 35px;
	padding-bottom: 20px;
}

.Small_gongneng_right4 em {
	font-size: 24px;
	display: block;
	color: #555;
	padding-bottom: 20px;
}

.Small_gongneng_right4 p {
	font-size: 14px;
	display: block;
	color: #777;
	padding-bottom: 5px;
}


.Small_gongneng_left5 {
	width: 550px;
	height: 362px;
	float: left;
	margin-left: 160px;
	margin-right: 110px;
}

.Small_gongneng_right5 {
	overflow: hidden;
}

.Small_gongneng_right5 b {
	font-size: 90px;
	display: block;
	color: #ededed;
	margin-top: 55px;
	padding-bottom: 20px;
}

.Small_gongneng_right5 em {
	font-size: 24px;
	display: block;
	color: #555;
	padding-bottom: 15px;
}

.Small_gongneng_right5 p {
	font-size: 14px;
	display: block;
	color: #777;
	padding-bottom: 5px;
}


.Small_gongneng_left6 {
	width: 550px;
	height: 342px;
	float: right;
	margin-right: 50px;
}

.Small_gongneng_right6 {
	float: left;
	margin-left: 220px;
	margin-right: 130px;
}

.Small_gongneng_right6 b {
	font-size: 90px;
	display: block;
	color: #ededed;
	margin-top: 35px;
	padding-bottom: 20px;
}

.Small_gongneng_right6 em {
	font-size: 24px;
	display: block;
	color: #555;
	padding-bottom: 20px;
}

.Small_gongneng_right6 p {
	font-size: 14px;
	display: block;
	color: #777;
	padding-bottom: 5px;
}

.Small_gongneng_left7 {
	width: 305px;
	height: 348px;
	float: left;
	margin-left: 230px;
}

.Small_gongneng_right7 {
	float: right;
	margin-right: 280px;
}

.Small_gongneng_right7 b {
	font-size: 90px;
	display: block;
	color: #ededed;
	margin-top: 35px;
	padding-bottom: 20px;
}

.Small_gongneng_right7 em {
	font-size: 24px;
	display: block;
	color: #555;
	padding-bottom: 20px;
}

.Small_gongneng_right7 p {
	font-size: 14px;
	display: block;
	color: #777;
	padding-bottom: 5px;
}


.max_ey {
	width: 100%;
	overflow: hidden;
}

.ey_tit {
	width: 100%;
	font-size: 32px;
	color: #333;
	text-align: center;
	padding-bottom: 36px;
}

.min_ey {
	width: 100%;
	background-color: #363b3e;
}

.ey_c {
	width: 1200px;
	height: 520px;
	margin: 0 auto;
	overflow: hidden;
}

.ey_list {
	width: 300px;
	height: 520px;
	float: left;
	position: relative;
}

.ey_list_img {
	display: block;
	width: 300px;
	height: 520px;
}

.ey_list_con {
	width: 300px;
	height: 520px;
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.ey_list_con span {
	display: block;
	width: 55px;
	height: 55px;
	margin: 0 auto;
	margin-top: 188px;
}

.ey_list_con strong {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #FFF;
	margin: 0 auto;
	margin-top: 35px;
}

.ey_list_con p {
	display: block;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-top: 23px;
	padding-bottom: 20px;
}

.ey_list_con em {
	display: none;
	width: 175px;
	margin: 0 auto;
	font-size: 12px;
	color: #deefff;
	font-style: normal;
	text-align: center;
	line-height: 24px;
}

.ey_list_con1 {
	background-color: rgba(0, 0, 0, 0.75);
}



.max_Liuhe {
	width: 100%;
}

.min_Liuhe {
	width: 1200px;
	height: 784px;
	margin: 0 auto;
}

.Liuhe_tit {
	font-size: 32px;
	color: #333;
	text-align: center;
	padding-top: 115px;
	margin-bottom: 53px;
}

.Liuhe_con {
	width: 1091px;
	height: 574px;
	margin: 0 auto;
}

.max_scene {
	background: #f8f8f8;
	width: 100%;
	height: 734px;
}

.min_scene {
	width: 1200px;
	margin: 0 auto;
}

.scene_tit {
	font-size: 32px;
	color: #333;
	text-align: center;
	width: 100%;
	padding-top: 92px;
	padding-bottom: 63px;
}

.scene_con {
	width: 1200px;
}

.scene_con ul {
	width: 1260px;
}

.scene_con ul li {
	width: 80px;
	float: left;
	margin-right: 60px;
	margin-bottom: 44px;
}

.scene_con ul li span {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.scene_con ul li span:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.scene_con ul li p {
	display: block;
	width: 80px;
	font-size: 14px;
	color: #555;
	text-align: center;
	padding-top: 16px;
}

/*?1¨º?¡ã?¡À?*/
.Demon_main {
	height: 640px;
}

.Demon_maincon {
	margin: 0 0 0 20px;
	padding-top: 100px;
	text-align: center;
	margin: 0 auto;
	display: table;
}

.Demon_left {
	width: 260px;
	height: 473px;
	border-radius: 5px;
	overflow: hidden;
	background: #f5f5f5;
	float: left;
	margin-left: 40px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.Demon_left:first-child {
	margin-left: 0;
}

.Demon_left:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
	box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}

.Demon_tit {
	width: 260px;
	height: 148px;
	background: url(../images/demon_tit.png) no-repeat center top;
}

.Demon_tit0 {
	width: 260px;
	height: 148px;
	background: url(../images/demon_tit0.png) no-repeat center top;
}

.Demon_tit2 {
	background: url(../images/demon_tit2.png) no-repeat center top;
}

.Demon_tit3 {
	background: url(../images/demon_tit3.png) no-repeat center top;
}

.Demon_tit p {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 22px;
	padding-top: 40px;
	margin-bottom: 20px;
}

.Demon_pic {
	overflow: hidden;
	text-align: center;
}

.Demon_pic em {
	text-align: center;
	font-size: 24px;
	color: #ffffff;
}

.Demon_pic .Demon_pic_em {
	font-size: 14px;
}

.Demon_con {
	overflow: hidden;
}

.Demon_con p {
	display: block;
	color: #888;
	font-size: 14px;
	text-align: center;
	line-height: 65px;
}

.Demon_con_list,
.Demon_list2 {
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	color: #555;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 5px;
}

.Demon_con_list {
	width: 219px;
}

.Demon_zong {
	width: 224px;
	margin: 0 auto;
	overflow: hidden;
}

.Demon_list2 {
	width: 107px;
	float: left;
	margin-right: 5px;
}

.Demon_ok {
	width: 140px;
	height: 43px;
	background: url(../images/demon_ok1.jpg) repeat-x;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 28px;
	font-size: 14px;
	color: #fff!important;
	text-align: center;
	line-height: 40px;
}

.Demon_ok0 {
	background: url(../images/demon_ok0.png) repeat-x;
}

.Demon_ok2 {
	background: url(../images/demon_ok2.jpg) repeat-x;
}

.Demon_ok3 {
	background: url(../images/demon_ok3.jpg) repeat-x;
}


/* CRM¨°3??  */
.CRMindex {
	background: url(../images/crmindex_banner.jpg) no-repeat center top;
}

.CRMindex_main {
	height: 640px;
}

.CRMindex_banner_max_tit {
	height: 64px;
	text-align: center;
	color: #ffffff;
	font-size: 48px;
	font-weight: bold;
	padding-top: 110px;
}

.CRMindex_banner_xian {
	width: 50px;
	height: 3px;
	background: #fff;
	margin: 10px auto;
}

.CRMindex_banner_min_tit {
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 65px;
}

.CRMindex_con {
	width: 420px;
	margin: 0 auto;
}

.CRMindex_left {
	width: 190px;
	height: 212px;
	background: #fff;
	float: left;
	margin: 0 10px;
}

.CRMindex_left span {
	width: 112px;
	height: 112px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	padding-top: 30px;
	margin-bottom: 25px;
}

.CRMindex_banben {
	overflow: hidden;
}

.CRMindex_img {
	width: 21px;
	height: 21px;
	float: left;
	margin-left: 50px;
}

.CRMindex_banben em {
	display: block;
	overflow: hidden;
	color: #555555;
	font-size: 12px;
	display: block;
	margin-top: 3px;
}

/* CRM¨°3??___?¡Â¨°a1|?¨¹ */
.CRM_functionmain {
	height: 490px;
}

.CRM_function_tit {
	text-align: center;
	display: block;
	font-size: 32px;
	color: #333333;
	padding-top: 110px;
	padding-bottom: 65px;
}

.CRM_function_con {
	width: 1200px;
	overflow: hidden;
}

.CRM_function_conmax {
	width: 1320px;
	overflow: hidden;
}

.CRM_function_list {
	float: left;
	margin-right: 120px;
}

.CRM_function_list span {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.CRM_function_list em {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #333333;
}

/* CRM¨°3??___??¨¨?¨º?¨¨?¨°???¨¢?¨¨? */
.CRM_Glance_main {
	height: 520px;
	overflow: hidden;
}

.CRM_Glance_left {
	float: left;
	margin-left: 60px;
}

.CRM_Glance_left p {
	display: block;
	color: #333;
	font-size: 28px;
	padding-top: 200px;
	margin-bottom: 35px;
}

.CRM_Glance_left em {
	display: block;
	color: #777;
	font-size: 14px;
	margin-bottom: 10px;
}

.CRM_Glance_right {
	float: right;
	width: 490px;
	height: 445px;
	padding-top: 75px;
}

/* CRM¨°3??___¨¨¨¨?¨²¨¦¨¬?¡¤ */
.CRM_Best_main {
	height: 520px;
	overflow: hidden;
}

.CRM_Best_left {
	float: left;
	width: 490px;
	height: 445px;
	padding-top: 75px;
}

.CRM_Best_right {
	float: right;
	margin-right: 60px;
}

.CRM_Best_right p {
	display: block;
	color: #333;
	font-size: 28px;
	padding-top: 200px;
	margin-bottom: 35px;
	text-align: right;
}

.CRM_Best_right em {
	display: block;
	color: #777;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: right;
}

/* CRM¨°3??___?¨ª?¡ì¨ª3?? */
.CRM_Client {
	background: url(../images/crm_client_bg.jpg) no-repeat center top;
}

.CRM_Client_main {
	height: 520px;
	overflow: hidden;
}

.CRM_Client_left {
	float: left;
	margin-left: 60px;
}

.CRM_Client_left p {
	display: block;
	color: #fff;
	font-size: 28px;
	padding-top: 200px;
	margin-bottom: 35px;
}

.CRM_Client_left em {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
}

.CRM_Client_right {
	float: right;
	width: 490px;
	height: 445px;
	padding-top: 75px;
}

/* ??¨¬3 */
.Forum {
	background: url(../images/forum_banner.jpg) no-repeat center top;
}

.Forum_main {
	height: 640px;
}

.Forum_banner_max_tit {
	height: 64px;
	text-align: center;
	color: #ffffff;
	font-size: 48px;
	font-weight: bold;
	padding: 80px 0 16px 0;
}

.Forum_banner_min_tit {
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}

.Forum_main span {
	width: 830px;
	height: 325px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	margin-top: 45px;
}

/* ??¨¬3____1|?¨¹2??t*/
.Forum_Listmain {
	height: 835px;
}

.Forum_Listtit {
	display: block;
	text-align: center;
	font-size: 32px;
	color: #333;
	padding-top: 115px;
	margin-bottom: 68px;
}

.Forum_Listcon {
	overflow: hidden;
}

.Forum_icon {
	width: 239px;
	height: 148px;
	float: left;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-top: 50px;
}

.Forum_icon span {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 20px;
}

.Forum_icon em {
	display: block;
	text-align: center;
	color: #555555;
	font-size: 14px;
}

.Forum_icon:nth-child(5),
.Forum_icon:nth-child(10),
.Forum_icon:nth-child(15) {
	border-right: 0;
}

.Forum_icon:nth-child(11),
.Forum_icon:nth-child(12),
.Forum_icon:nth-child(13),
.Forum_icon:nth-child(14),
.Forum_icon:nth-child(15) {
	border-bottom: 0;
}

.Forum_icon:nth-child(1),
.Forum_icon:nth-child(2),
.Forum_icon:nth-child(3),
.Forum_icon:nth-child(4),
.Forum_icon:nth-child(5) {
	height: 148px;
	padding-top: 0;
}

.Forum_icon:nth-child(11),
.Forum_icon:nth-child(12),
.Forum_icon:nth-child(13),
.Forum_icon:nth-child(14),
.Forum_icon:nth-child(15) {
	height: 98px;
}

/* ??¨¬3____¦Ì¨º?¨¬??D??? */
.Forum_change {
	background: url(../images/forum_feng.jpg) no-repeat center top;
}

.Forum_changemain {
	height: 520px;
	overflow: hidden;
}

.Forum_change_left {
	float: left;
	padding-left: 100px;
}

.Forum_change_left em {
	color: #fff;
	font-size: 28px;
	display: block;
	padding-top: 165px;
	padding-bottom: 30px;
}

.Forum_change_left p {
	color: #fff;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}

.Forum_change_left a {
	width: 145px;
	height: 45px;
	border-radius: 3px;
	overflow: hidden;
	display: block;
	background: #ffd200;
	text-align: center;
	line-height: 45px;
	color: #fff;
	margin-top: 40px;
}

.Forum_change_right {
	float: right;
	width: 745px;
	height: 520px;
}






/* ?¡é?¨º¡äe */
.Micro_banner {
	background: url(../images/micro_banner.jpg) no-repeat center top;
}

.Micro_banner_banner_c {
	height: 640px;
}

.Micro_banner_max_tit {
	height: 64px;
	font-size: 52px;
	color: #FFF;
	text-align: center;
	padding-top: 82px;
	padding-bottom: 13px;
}

.Micro_banner_min_tit {
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 28px;
}

.Micro_banner_button {
	width: 400px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 20px;
}

.Micro_banner_button a {
	display: block;
	float: left;
	margin: 0 10px;
	border-radius: 3px;
	color: #FFF;
	text-align: center;
	font-size: 18px;
}

.Micro_banner span {
	width: 760px;
	height: 340px;
	margin: 0 auto;
	display: block;
	margin-top: 13px;
}

/* ?¡é?¨º¡äe ____?¡Â¨°a1|?¨¹*/
.Micro_function_main {
	height: 500px;
}

/* ?¡é?¨º¡äe ____D¨¹¨¦¨ª¨¬¨¢?¨º¡ê??a¡¤?¨¬¨¢?¨º¡ê???¡¤??¡ä??¡äe*/
.Micro_leftimg {
	float: left;
	width: 450px;
	height: 395px;
	margin-top: 85px;
	margin-left: 50px;
}

.Micro_leftimg1 {
	float: left;
	width: 580px;
	height: 440px;
	margin-top: 80px;
	margin-left: 40px;
}

.Micro_leftimg2 {
	float: left;
	width: 520px;
	height: 415px;
	margin-top: 75px;
	margin-left: 60px;
}

.Micro_righttext {
	float: right;
	padding-top: 180px;
	margin-right: 60px;
}

.Micro_righttext_p {
	display: block;
	font-size: 28px;
	color: #333;
	text-align: right;
	margin-bottom: 30px;
	line-height: 42px;
}

.Micro_righttext_em {
	display: block;
	font-size: 14px;
	color: #777;
	text-align: right;
	margin-bottom: 5px;
}

.Micro_lefttext {
	float: left;
	padding-top: 140px;
	margin-left: 60px;
}

.Micro_lefttext_p {
	display: block;
	font-size: 28px;
	color: #333;
	margin-bottom: 30px;
	line-height: 42px;
}

.Micro_lefttext_em {
	display: block;
	font-size: 14px;
	color: #777;
	margin-bottom: 5px;
}

.Micro_rightimg {
	float: right;
	width: 450px;
	height: 450px;
	margin-top: 80px;
	margin-right: 60px;
}

.Micro_rightimg1 {
	float: right;
	width: 600px;
	height: 480px;
	margin-top: 40px;
}

.Video_course {
	background: url(../images/video_course_banner.jpg) no-repeat center top;
}

.Micro_lefttext1 {
	float: left;
	padding-top: 160px;
	margin-left: 60px;
}

.Micro_lefttext1_p {
	display: block;
	font-size: 28px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 42px;
}

.Micro_lefttext1_em {
	display: block;
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}

.Micro_rightimg3 {
	width: 320px;
	height: 415px;
	float: right;
	margin-top: 105px;
	margin-right: 130px;
}


/* ?¡é¨º¨®?¦Ì */
.WVideo_banner_max_tit {
	height: 64px;
	font-size: 52px;
	color: #FFF;
	text-align: center;
	padding-top: 87px;
	padding-bottom: 13px;
}

.WVideo_banner_min_tit {
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 28px;
}

.WVideo_banner_button {
	width: 400px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 30px;
}

.WVideo_banner_button a {
	display: block;
	float: left;
	margin: 0 10px;
	border-radius: 3px;
	color: #FFF;
	text-align: center;
	font-size: 18px;
}

.Micro_banner_banner_c span {
	width: 850px;
	height: 350px;
	margin: 0 auto;
	display: block;
	margin-top: 15px;
}

/* ?¡é¨º¨®?¦Ì ____?¡Â¨°a1|?¨¹*/
.Video_function_mian {
	height: 715px;
}

.Video_function_tit {
	display: block;
	text-align: center;
	color: #333;
	font-size: 32px;
	padding-top: 110px;
}

.Video_function_max {
	width: 1200px;
	overflow: hidden;
	padding-top: 80px;
}

.Video_function_con {
	width: 1370px;
	overflow: hidden;
}

.Video_function_list {
	margin-right: 162px;
	float: left;
	width: 108px;
	margin-bottom: 60px;
}

.Video_function_list span {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-bottom: 30px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	;
}

.Video_function_list span img {
	width: 100%;
}

.Video_function_list em {
	display: block;
	text-align: center;
	color: #333;
	font-size: 18px;
}

.MVideo_leftimg {
	float: left;
	width: 570px;
	height: 380px;
	margin-top: 80px;
}

.MVideo_lefttext {
	margin-top: 190px;
	float: left;
	margin-left: 60px;
}

.MVideo_rightimg {
	margin-right: 30px;
	float: right;
	width: 520px;
	height: 415px;
	margin-top: 55px;
}

.MVideo_leftimg2 {
	float: left;
	width: 515px;
	height: 450px;
	margin-top: 70px;
}

/* ?¡é¨º¨®?¦Ì ____??3¨¬¡À¨º??¡ê?¨¬?????*/
.Lecture {
	background: url(../images/lecture_bg.jpg) no-repeat center top;
}

.Lecture_main {
	height: 520px;
	overflow: hidden;
}

.Lecture_left {
	float: left;
	padding-top: 190px;
	margin-left: 60px;
}

.Lecture_left p {
	display: block;
	color: #fff;
	font-size: 28px;
	padding-bottom: 40px;
}

.Lecture_left em {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-bottom: 8px;
}

.Lecture_right {
	width: 480px;
	height: 420px;
	float: right;
	margin-top: 100px;
}

/* ?¡é¨º¨®?¦Ì ____¡ã¡é¨¤???¨º¨®?¦Ì¦Ì?2£¤?¨®¨¨?*/
.AliVideo_left {
	float: left;
	width: 605px;
	height: 445px;
	margin-top: 74px;
}

.AliVideo_right {
	float: right;
	padding-top: 150px;
	margin-right: 60px;
}

.AliVideo_right p {
	display: block;
	text-align: right;
	font-size: 28px;
	color: #333;
	padding-bottom: 20px;
}

.AliVideo_right em {
	display: block;
	text-align: right;
	font-size: 14px;
	color: #777;
	padding-bottom: 5px;
}

.AliVideo_right_list {
	overflow: hidden;
	padding-top: 35px;
}

.AliVideo_right_a {
	float: left;
	width: 90px;
}

.AliVideo_right_a span {
	display: block;
	width: 28px;
	height: 28px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 10px;
}

.AliVideo_right_a span img {
	width: 100%;
}

.AliVideo_right_a strong {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #777;
}



/* ?t¦Ì¨¤o?¡Á¡Â  ?¨®??*/

.webJoin .webJoinBanner {
	background: url('../images/joinbanner2.jpg') center 100%;
	text-align: center;
	padding: 110px 0 50px;
}

.webJoin .webJoinBanner h2 {
	font: 44px "?¡é¨¨¨ª??o¨²";
	color: #fff;
	margin-bottom: 20px;
}

.webJoin .webJoinBanner .bannerInfo {
	background: url('../images/joinbg4.png');
	width: 720px;
	height: 180px;
	margin: 0 auto 20px;
	color: #fff;
	padding: 25px 20px;
}

.webJoin .TitBanner {
	display: inline-block;
	background: url('../images/joinbimg.png') no-repeat;
	width: 269px;
	height: 51px;
	margin-bottom: 25px;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.webJoin .TitBanner1 {
	display: inline-block;
	background: url('../images/joinbimg2.png') no-repeat;
	width: 316px;
	height: 61px;
	margin-bottom: 35px;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.webJoin .TitBanner:hover {
	transform: scale(1.2);
}

.webJoin .TitBanner1:hover {
	transform: scale(1.2);
}

.webJoin .BannerText {
	width: 316px;
	height: 86px;
	margin: 0 auto;
	overflow: hidden;
}

.webJoin .webJoinBanner p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 25px;
}

.webJoin .webJoinBanner p em {
	color: #f0ff00;
	font: bold 24px "?¡é¨¨¨ª??o¨²";
}

.webJoin .webJoinBanner .date em {
	display: inline-block;
	background: url('../images/joinbg1.png');
	width: 20px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	margin: 0 5px;
}

.webJoin .bannerBtn a {
	display: inline-block;
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border: 1px solid #ffd200;
	font-size: 18px;
	border-radius: 5px;
	background-color: #ffd200;
}

.webJoin .bannerBtn a:hover {
	background-color: #ffd200;
	color: #fff;
	border: 1px solid #ffd200;
}

.webJoin .bannerBtn .downBtn {
	margin-left: 20px;
}

.webJoin .JoinList1 .List1Center {
	margin: 0 auto;
	width: 1000px;
	padding: 80px 0;
	overflow: hidden;
}

.webJoin .List1Img {
	float: left;
	margin-right: 80px;
}

.webJoin .List1Info {
	padding-top: 50px;
}

.webJoin .List1Info h2 {
	font-size: 30px;
	color: #1d8dfa;
	margin-bottom: 24px;
}

.webJoin .List1Info em {
	display: inline-block;
	border-top: 2px solid #1d8dfa;
	width: 50px;
	margin-bottom: 24px;
}

.webJoin .List1Info p {
	font-size: 16px;
	color: #888;
	margin-bottom: 20px;
}

.webJoin .List1Info a {
	display: inline-block;
	width: 192px;
	height: 74px;
	line-height: 74px;
	text-align: center;
	margin-left: -10px;
	background-image: url('../images/btn1.png');
	color: #fff;
	font-size: 16px;
}

.webJoin .List1Info a:hover {
	background-image: url('../images/btn1_hover.png');
}

.webJoin .JoinList2 {
	background-color: #F7FCFF;
}

.webJoin .JoinList2 .List2Center {
	margin: 0 auto;
	width: 1000px;
	padding: 50px 0;
	overflow: hidden;
}

.webJoin .List2Img {
	float: right;
}

.webJoin .List2Info {
	padding-top: 120px;
}

.webJoin .List2Info h2 {
	font-size: 30px;
	color: #1d8dfa;
	margin-bottom: 15px;
}
