.ft22 {
	font-size: 22px;
}
.ft24 {
	font-size: 24px;
}
a {
	cursor: pointer;
}
.m2o-main {
	width: 100%; color: rgb(255, 255, 255);
}
.m2o-main-layer {
	margin: 0px auto; width: 990px;
}
.m2o-main span {
	display: inline-block;
}
.m2o-main a {
	display: inline-block;
}
.m2o-main p {
	line-height: 1.8; font-size: 14px;
}
.inner {
	margin: 0px auto; width: 970px; height: 100%; overflow: hidden; position: relative;
}
.inner .title {
	margin: 90px 0px 60px; position: relative;
}
.inner .title .icon {
	background: url("../images/logos.png") no-repeat center; width: 50px; height: 50px; position: absolute;
}
.inner .title h4 {
	color: rgb(255, 255, 255); line-height: 50px; font-size: 32px; font-weight: 100; margin-bottom: 20px; margin-left: 55px; display: inline-block;
}
.inner .title .sub-title {
	color: rgb(255, 255, 255); font-size: 16px;
}
.inner .martop {
	margin-top: 30px;
}
.section {
	overflow: hidden;
}
.banner {
	background: url("../images/banner.jpg") repeat-x rgb(255, 255, 255);
	height: 618px;
}
.banner .more {
	margin: 40px auto 0px; border-radius: 2px; width: 300px; height: 40px; cursor: pointer; box-shadow: 0px 1px 5px 1px #1c8abf;
}
.banner .more span {
	background: rgb(103, 69, 163); width: 100px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; float: left; border-top-left-radius: 2px; border-bottom-left-radius: 2px;
}
.banner .more a {
	background: url("../images/1.png") no-repeat 180px rgb(255, 255, 255); width: 200px; color: rgb(103, 103, 103); line-height: 40px; text-indent: 20px; float: right; border-top-right-radius: 2px; border-bottom-right-radius: 2px;
}
.banner .logo {
	background: url("../images/m2o.png") no-repeat center; margin: 100px auto 50px; width: 275px; height: 110px;
}
.banner h3 {
	background: url("../images/text.png") no-repeat center; width: 100%; height: 90px;
}
.section-yellow {
	background: rgb(193, 219, 122); height: 730px; color: rgb(255, 239, 193);
}
.section-black {
	background: rgb(24, 24, 36); height: 675px; color: rgb(220, 220, 220);
}
.section-red {
	background: rgb(90, 163, 214); height: 800px;
	'background: rgb(208, 7, 87); height: 800px;rgb(183, 233, 122);
}
.section-blue {
	background: rgb(100, 198, 157); height: 700px;
}
.section-other {
	background: rgb(99, 196, 189); height: 1160px;
}
.section-yellow .down-left {
	width: 455px;
}
.section-yellow .down-left .ft16 {
	font-size: 16px; font-weight: 700;
}
.section-yellow .down-left p {
	overflow: hidden; margin-bottom: 30px; max-height: 120px;
}
.section-yellow .intro {
	overflow: hidden; font-size: 20px; margin-bottom: 50px; max-height: 100px;
}
.section-yellow .down-right li {
	margin-bottom: 35px;
}
.section-yellow .down-right .time {
	color: rgb(254, 229, 147); line-height: 25px; font-size: 10px; -webkit-text-size-adjust: none;
}
.section-yellow .center span {
	background: url("../images/2.png") no-repeat center rgb(255, 229, 145); margin: 30px 0px 0px 60px; border-radius: 50%; width: 180px; height: 180px;
}
.section-black .upper {
	height: 360px; margin-bottom: 80px;
}
.section-black .video {
	width: 640px; height: 360px; position: relative;
}
.section-black .video .play {
	background: url("../images/play.png") no-repeat center; margin: -56px; left: 50%; top: 50%; width: 111px; height: 111px; position: absolute;
}
.section-black .upper-right {
	width: 350px;
}
.section-black .upper-right .desc {
	font-size: 26px;
}
.section-black .upper-right .intro {
	margin-bottom: 10px;
}
.section-black .upper-right .know-more {
	color: rgb(220, 220, 220);
}
.section-black .halfdown li {
	padding: 25px 45px 0px 0px; width: 215px; color: rgb(135, 135, 137); margin-right: 70px; border-top-color: rgb(51, 51, 51); border-top-width: 1px; border-top-style: solid; float: left;
}
.section-black .halfdown li .know-more {
	color: rgb(108, 109, 111); font-size: 14px; margin-top: 10px;
}
.section-red .system-list {
	background: rgb(183, 12, 82); margin: 0px auto; border-radius: 50px; width: 325px; height: 50px;
}
.section-red .system-list a {
	color: rgb(255, 255, 255); line-height: 50px; text-indent: 30px; font-size: 18px; margin-left: 30px;
}
.section-red .ios {
	background: url("../images/ios.png") no-repeat left;
}
.section-red .android {
	background: url("../images/android.png") no-repeat left;
}
.section-red ul {
	margin-top: 75px;
}
.section-red li {
	margin: 0px 10px 30px 0px; width: 475px; float: left;
}
.section-red li .photos {
	border-radius: 50%; border: 3px solid rgb(170, 3, 73); width: 156px; height: 156px; overflow: hidden;
}
.section-red li .photos img {
	width: 100%; height: 100%;
}
.section-red li .name {
	width: 100%; text-align: center; font-size: 16px; margin-top: 30px;
}
.section-red li .time {
	width: 100%; text-align: center; font-size: 10px; margin-top: 12px; -webkit-text-size-adjust: none;
}
.section-blue .half-left {
	float: left;
}
.section-blue .half-left .pb {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 26px;
}
.section-blue .half-left .ps {
	color: rgb(99, 142, 220); font-size: 14px; margin-top: 24px;
}
.section-blue .half-left .icon {
	background: url("../images/10.png") no-repeat center rgb(255, 255, 255); border-radius: 50%; width: 45px; height: 45px; margin-right: 35px; float: left;
}
.section-blue .half-right .icon {
	background: url("../images/10.png") no-repeat center rgb(255, 255, 255); border-radius: 50%; width: 45px; height: 45px; margin-right: 35px; float: left;
}
.section-blue .half-left ul {
	margin-top: 50px;
}
.section-blue .half-right ul {
	margin-top: 50px;
}
.section-blue .half-left li {
	margin-bottom: 40px;
}
.section-blue .half-right li {
	margin-bottom: 40px;
}
.section-blue .half-left li p {
	color: rgb(99, 142, 220);
}
.section-blue .half-right li p {
	color: rgb(99, 142, 220);
}
.section-blue .half-right {
	width: 500px;
}
.section-blue .half-right .intro {
	height: 80px; color: rgb(66, 112, 197); padding-top: 20px; border-top-color: rgb(66, 112, 197); border-top-width: 1px; border-top-style: solid; max-height: 80px;
}
.section-blue .center span {
	margin: 150px 0px 0px 80px; color: rgb(66, 112, 197); font-family: verdana; font-size: 220px;
}
.section-blue .contact-us p {
	color: rgb(255, 255, 255); line-height: 40px; font-size: 24px;
}
.section-blue .contact-us .tel {
	color: rgb(66, 112, 197);
}
.section-blue .contact-us .know-more {
	color: rgb(66, 112, 197); font-size: 14px; margin-top: 22px;
}
.section-other ul li {
	margin: 0px 28px 20px 0px; width: 266px; height: 264px; text-align: center; color: rgb(255, 255, 255); line-height: 264px; font-size: 24px; float: left;
}
.section-other ul li.ptBg1 {
	background: url("../images/pt_Picbg1.png") no-repeat left top;
}
.section-other ul li.ptBg2 {
	background: url("../images/pt_Picbg2.png") no-repeat left top;
}
.section-other ul li.ptBg3 {
	background: url("../images/pt_Picbg3.png") no-repeat left top;
}
.section-other ul li.ptBg4 {
	background: url("../images/pt_Picbg4.png") no-repeat left top;
}
.section-other ul li.ptBg5 {
	background: url("../images/pt_Picbg5.png") no-repeat left top;
}
.section-other ul li.ptBg6 {
	background: url("../images/pt_Picbg6.png") no-repeat left top;
}
.section-other ul li.ptBg7 {
	background: url("../images/pt_Picbg7.png") no-repeat left top;
}
.section-other ul li.ptBg8 {
	background: url("../images/pt_Picbg8.png") no-repeat left top;
}
.section-other ul li.ptBg9 {
	background: url("../images/pt_Picbg9.png") no-repeat left top;
}
.m2o-foot {
	background: rgb(25, 25, 37); width: 100%; height: 226px;
}
.copyright {
	margin: 35px 0px 0px; text-align: center; color: rgb(170, 170, 170);
}
.copyright a {
	color: rgb(123, 124, 126); text-decoration: underline;
}
.share {
	margin: 0px auto; width: 220px;
}
.share li {
	background: url("../images/share_ren.png") no-repeat center rgb(50, 92, 200); border-radius: 50%; width: 32px; height: 32px; margin-left: 10px; float: left;
}
.share .qq {
	background-image: url("../images/share_qq.png"); background-color: rgb(14, 181, 234);
}
.share .sian {
	background-image: url("../images/share_sina.png"); background-color: rgb(218, 39, 104);
}
.share .douban {
	background-image: url("../images/share_dou.png"); background-color: rgb(44, 147, 64);
}
.share .tencent {
	background-image: url("../images/share_ten.png"); background-color: rgb(247, 187, 1);
}
.m2o-desc-func {
	width: 110%; color: rgb(51, 51, 51); padding-top: 156px; display: none;
}
.m2o-desc-func li {
	width: 300px; padding-top: 220px; margin-right: 30px; float: left; position: relative;
}
.m2o-desc-func li span {
	background: url("../images/m2o-desc-bg.png") no-repeat center; left: 60px; top: 0px; width: 180px; height: 180px; position: absolute;
}
.m2o-desc-func .m2o-desc-func-1 span {
	background-image: url("../images/m2o-desc-bg1.png");
}
.m2o-desc-func .m2o-desc-func-2 span {
	right: 0px; background-image: url("../images/m2o-desc-bg2.png");
}
.m2o-desc-func .m2o-desc-func-3 span {
	background-image: url("../images/m2o-desc-bg3.png");
}
.m2o-desc-func .m2o-desc-func-3 {
	padding-bottom: 0px;
}
.m2o-desc-func li p {
	color: rgb(137, 137, 137); line-height: 24px; font-size: 14px;
}
.m2o-desc-func li h2 {
	color: rgb(89, 87, 87); font-size: 18px; margin-bottom: 10px;
}
.section-black .halfdown li:nth-last-child(1) {
	margin-right: 0px;
}
.section-red li:nth-child(4) {
	margin-right: 0px;
}
.section-red li:nth-child(8) {
	margin-right: 0px;
}
.section-black .halfdown li .desc {
	font-size: 20px;
}
.copyright span {
	font-size: 20px;
}
.inner .title .icon {
	background-image: url("../images/logos@2x.png"); background-size: 46px 46px;
}
.banner .more a {
	background-image: url("../images/1@2x.png"); background-size: 7px 11px;
}
.section-yellow .center span {
	background-image: url("../images/2@2x.png"); background-size: 59px 56px;
}
.section-blue .half-left .icon {
	background-image: url("../images/10@2x.png"); background-size: 25px 25px;
}
.section-red .ios {
	background-image: url("../images/ios@2x.png"); background-size: 18px 24px;
}
.section-red .android {
	background-image: url("../images/android@2x.png"); background-size: 22px 26px;
}
.m2o-head .logo {
	background-image: url("../images/hoge@2x.png"); background-size: 137px 51px;
}
.banner .logo {
	background-image: url("../images/m2o@2x.png"); background-size: 272px 104px;
}
.share li {
	background-image: url("../images/share_ren@2x.png"); background-size: 20px 20px;
}
.share .qq {
	background-image: url("../images/share_qq@2x.png");
}
.share .sian {
	background-image: url("../images/share_sina@2x.png");
}
.share .douban {
	background-image: url("../images/share_dou@2x.png");
}
.share .tencent {
	background-image: url("../images/share_ten@2x.png");
}
.m2o-head .tel {
	background-image: url("../images/400@2x.png"); background-size: 129px 18px;
}
.banner h3 {
	background-image: url("../images/text@2x.png"); background-size: 450px 89px;
}
.section-black .video .play {
	background-image: url("../images/play@2x.png"); background-size: 100%;
}
.hoge-head .logo {
	background-image: url(../images/logo.png);
	background-size: 180px 67px;
}
.hoge-head a.logo-circle {
	background: url("../images/images/logo-circle-2x.png") 0% 0% / 34px 34px;
}
.hoge-head .menu li {
	background-image: url("../images/images/devided-2x.png"); background-size: 13px 25px;
}
.hoge-head .m2o {
	background-image: url("../images/images/m2o-2x.png"); background-size: 111px 26px;
}
.hoge-head .d2o {
	background-image: url("../images/images/yun-2x.png"); background-size: 104px 26px;
}
.hoge-head .w2o {
	background-image: url("../images/images/solu-2x.png"); background-size: 121px 26px;
}
.hoge-head .m2o:hover {
	background-image: url("../images/images/m2o_hover-2x.png"); background-size: 111px 26px;
}
.hoge-head .d2o:hover {
	background-image: url("../images/images/yun_hover-2x.png"); background-size: 104px 26px;
}
.hoge-head .w2o:hover {
	background-image: url("../images/solu_hover-2x.png"); background-size: 121px 26px;
}
.hoge-head .search {
	background-image: url("../images/400.png"); background-size: 154px 21px;
}
.m2o-desc-func .m2o-desc-func-1 span {
	background-image: url("../images/m2o-desc-bg1-2x.png"); background-size: 180px 180px;
}
.m2o-desc-func .m2o-desc-func-2 span {
	background-image: url("../images/m2o-desc-bg2-2x.png"); background-size: 180px 180px;
}
.m2o-desc-func .m2o-desc-func-3 span {
	background-image: url("../images/m2o-desc-bg3-2x.png"); background-size: 180px 180px;
}