@charset "utf-8";
/* CSS Document */
.page_banner {background-repeat:no-repeat; background-position:center 0; padding:100px 0;}
.page_banner .title {font-size:64px; line-height:1.2em; font-weight:600; padding:10px 0; text-shadow:0 3px 3px #000;}
.page_banner .title span {display:block;}
.page_banner .info {text-align:center; color:#fff; padding:100px 8% 60px 8%; font-size:18px; line-height:1.2em;font-weight:400;text-shadow:0 2px 1px #000;}
.page_banner .info p {font-size:24px; line-height:1.2em; padding:0 10%;}
.page_banner .video_box { text-align:center; padding:20px 0 0 0;}
.page_banner .btn {text-align:center;}
.page_banner .btn a {margin:0 10px;}
.page_banner .btn_goto {padding:20px 0 0 0;}
.page_banner .btn_goto a,
.page_banner .btn_goto a:after {color:#fff;}
.page_banner .box {padding:40px 0 0 0;}
.page_banner .item {background:url(images/itemArrow_bg.png) no-repeat 0 0; padding:40px 0 0 0; margin:0 8%; box-shadow:0 20px 30px rgba(53,49,50,.2);}
.page_banner .item .cont {padding:20px 40px 0 40px; min-height:200px; background:#f6f6f6; position:relative; z-index:1;}
.page_banner .item .txt {font-size:18px; line-height:1.4em; padding:0 360px 0 0;}
.page_banner .item .btn {text-align:right; position:absolute; z-index:2; top:50%; right:40px; margin:-41px 0 0 0;}
.page_banner .item .btn a {width:160px;padding:12px 0; margin:0 10px 0 0;}
.page_banner .item .title {font-size:36px; line-height:1.2em; color:#2c3db0; text-shadow:none;}
.banner_ios .title {font-size:48px; line-height:1.2em;}
.banner_ios .pic {float:left; width:33%; padding:0 5%;}
.banner_ios .info {margin:0 10% 0 45%; text-align:left; padding:60px 0;}
.banner_ios .info p {padding:20px 0;}
.banner_ios .btn { text-align:left;}
.banner_ios .btn a {margin:0;}
.banner_whatnew {padding:100px 0 20px 0;}
.banner_whatnew .info {padding:40px 5% 0 5%;}
.banner_whatnew .list {float:left; width:44%; padding:0 3% 30px 3%;}
.banner_whatnew .list:nth-of-type(2n+1) {clear:both;}
.banner_whatnew .list .pic {float:left; width:100px;}
.banner_whatnew .list .txt {margin:0 0 0 120px; padding:0;}
.banner_whatnew .list .txt p {font-size:14px; line-height:1.4em;}
.banner_whatnew .name {font-size:18px; line-height:1.2em; font-weight:600; color:#2c3db0; padding:10px 0;}
.banner_whatnew .item .btn {position:inherit; top:auto; right:auto; margin:0; padding:10px 0 50px 0; text-align:center; clear:both;}
.banner_whatnew .item .btn a {width:auto;padding:6px 15px; margin:0;}
@media (max-width: 1300px) {
	.page_banner .info {padding:100px 0;}
	.page_banner .item {margin:0;}
}
@media (max-width: 979px) {
	.page_banner {background-size:auto 100%; padding:60px 0;}
	.page_banner .info {padding:60px 0;}
	.page_banner .item .cont {padding:0 30px;}
	.page_banner .item .txt {padding:0;}
	.page_banner .item .btn {position:inherit; top:auto; right:0; margin:0; text-align:center; padding:30px 0;}
	.banner_ios {padding-top:300px;}
	.banner_ios .pic  {float:none; width:auto; padding:0; display:none;}
	.banner_ios .info {margin:0; padding:60px 5%;}
}
@media (max-width: 767px) {
	.page_banner {background-size:auto 100%;}
	.page_banner .title {font-size:36px;}
	.page_banner .info {font-size:14px;}
	.page_banner .info p {font-size:20px;}
	.page_banner .item .btn a {width:100%;}
	.banner_ios {padding-top:200px;}
	.banner_whatnew .item .btn a {width:auto;}
}
@media (max-width: 479px) {
	.page_banner .item .cont {min-height:inherit;}
	.page_banner .item .title {font-size:24px;text-align:center;}
	.page_banner .item .txt p {display:none;}
	.page_banner .item .btn {padding:10px 0 30px 0;}	
	.banner_ios {padding-top:100px;}
	.banner_whatnew .list {float:none; width:auto;}
	.banner_whatnew .list .txt p {display:block;}
}
@media (max-width: 320px) {
	.page_banner .title,
	.page_banner .item .title {font-size:30px;}
	.page_banner .info p {padding:0;}
	.page_banner .btn {padding:0 10%;}
	.page_banner .btn a {display:block; margin-bottom:15px;}
	.page_banner .item .txt p {display:block; font-size:14px; text-align:center;}
	.page_banner .item .btn {padding:20px 0;}
	.banner_ios .btn {padding:20px 0;}
	.banner_whatnew .list .pic {float:none; width:auto;}
	.banner_whatnew .list .txt {margin:0;}
	.banner_whatnew .list .txt p {text-align:left;}
}
.columnStyle {padding:30px 20%; text-align:center;}
@media (max-width: 979px) {
	.columnStyle {padding:30px 10%;}
}
@media (max-width: 479px) {
	.columnStyle {padding:30px 0;}
}

.page_protxt .column {font-size:48px; line-height:1.2em; padding:10px 0;}
.page_protxt .info {font-size:24px; line-height:1.2em;text-align:center;}
.page_protxt .info p {padding:0 20%;}
.page_protxt .icon_caret {font-size:48px; line-height:1.2em;}
@media (max-width: 979px) {
	.page_protxt .column,
	.page_protxt .icon_caret {font-size:36px;}
	.page_protxt .info p {padding:0 10%;}
}
@media (max-width: 479px) {
	.page_protxt .column,
	.page_protxt .icon_caret {font-size:30px;}
	.page_protxt .info {font-size:18px; line-height:1.6em;}
	.page_protxt .info p {padding:0;}
}

.page_promenu {background:#f6f6f6; padding:10px 0;}
.page_promenu ul {overflow:hidden;}
.page_promenu ul li {float:left; width:15%; padding:0 1.6% 0 0;}
.page_promenu ul li a {display:inline-block; padding:10px 0; margin-bottom:3px; font-size:14px; line-height:1.2em; font-weight:600;}
.page_promenu ul li a.curr {border-bottom:solid 3px #435bfd; text-decoration:none; margin-bottom:-3px;}
.page_promenu ul li a:hover {color:#435bfd; text-decoration:none;}
.promenuFixed {position:fixed; top:0; left:0; z-index:8; width:100%; box-shadow:0 2px 5px rgba(53,49,50,.5);}
.promenuFixed ul li a {margin-bottom:3px;}
@media (max-width: 479px) {
	.page_promenu ul li {width:26.3%; padding:0 3.5% 10px;}
}
@media (max-width: 320px) {
	.page_promenu ul li {width:40%; padding:0 5% 10px;}
}

.pro_picinfo {padding:30px 0;}
.pro_picinfo .pic_fl {float:left; width:44%;}
.pro_picinfo .pic_fr {float:right; width:44%;}
.pro_picinfo .info_fl {margin:0 46% 0 0;}
.pro_picinfo .info_fr {margin:0 0 0 46%;}
.pro_columninfo .column {float:left; width:450px; color:#2c3db0; text-align:left; padding:0;}
.pro_columninfo .info_fr {margin:0 0 0 500px;}
.feat_row {overflow:hidden;}
.feat_row .item {float:left; width:45%; padding:0 5% 40px 0;}
.feat_row .item:nth-of-type(2n+1) {clear:both;}
.feat_row .title {font-size:20px; line-height:1.2em; font-weight:bold; padding:0 0 10px 0;}
.feat_row .txt {font-size:14px;}
.feat_row .btn {padding:10px 0; font-size:14px; line-height:1.2em; color:#2c3db0;}
.feat_row .btn a {font-size:14px; line-height:24px; font-weight:600; color:#2c3db0; padding:0 25px 0 0; position:relative; z-index:1;}
.feat_row .btn a:hover {text-decoration:none;}
.feat_row .btn a i {display:inline-block; font-size:18px; line-height:16px; position:absolute; z-index:2; top:50%; right:0; margin:-9px 0 0 0;}
@media (max-width: 979px) {
	.pro_picinfo .pic_fl,
	.pro_picinfo .pic_fr,
	.pro_columninfo .column {float:none; width:auto;}
	.pro_picinfo .info_fl,
	.pro_picinfo .info_fr,
	.pro_columninfo .info_fr {margin:0; padding:60px 0 0 0;}
}
@media (max-width: 767px) {
	.feat_row .item {float:none; width:auto; padding:0 0 40px 0;}
}

.probox_sys .column {float:left; width:350px; font-size:48px; line-height:1.2em; font-weight:600; color:#2c3db0; text-align:left; padding:60px 0 0 0;}
.probox_sys .info {padding:0 0 0 400px;}
.probox_sys .info dl {float:left; width:45%; padding:0 0 30px 5%;}
.probox_sys .info dl dt {font-size:24px; line-height:1.2em; font-weight:bold; padding:0 0 10px 0;}
.probox_sys .info dl dd {padding:10px 0 20px 0;font-size:18px; line-height:1.2em;}
.probox_sys .other {clear:both; padding:20px 0 20px 5%;font-size:14px; line-height:1.2em;}
@media (max-width: 979px) {
	.probox_sys .column {float:none; width:auto;}
	.probox_sys .info {padding:30px 0 0 0;}
	.probox_sys .info dl {padding:0 5% 30px 0;}
	.probox_sys .other  {padding:20px 5% 20px 0;}
}
@media (max-width: 479px) {
	.probox_sys .column {font-size:36px;}
	.probox_sys .info dl {float:none; width:auto; padding:10px 0;}
}

.easy_knowing .box {padding:40px 0;}
.easy_knowing .item {float:left; width:29%; padding:1% 2.15%; text-align:center;}
.easy_knowing .item .pic {max-width:170px; margin:0 auto;}
.easy_knowing .item .info {padding:20px 0;}
.easy_knowing .item .info p {min-height:80px;}
.easy_knowing .item .btn {padding:10px 0 0 0;}
.easy_knowing .item .title {font-size:24px; line-height:1.2em; font-weight:600; min-height:50px}
@media (max-width: 979px) {
	.easy_knowing .item .btn a {padding:12px 20px;}
	.easy_knowing .item .title {font-size:20px;}
}
@media (max-width: 767px) {
	.easy_knowing .box {padding:20px 0 0 0;}
	.easy_knowing .item {float:none; width:auto; padding:0 20px 40px 20px;}
	.easy_knowing .item .info p {min-height:inherit;}
	.easy_knowing .item .title {font-size:20px; min-height:inherit; padding:0 0 20px 0;}
	.easy_knowing .item .btn {padding:20px 0 0 0;}
}

.probottom_service .item {float:left; width:25%; text-align:center; padding:0 0 40px 0;}
.probottom_service .title {font-size:18px; line-height:1.4em; font-weight:600; padding:10px 0;}
.probottom_service .title span {display:block;}
@media (max-width: 479px) {
	.probottom_service .item {width:50%;}
}
@media (max-width: 320px) {
	.probottom_service .item {float:none; width:auto;}
}

.probottom_other .item {float:left; width:40%; padding:10px 5%;}
.probottom_other .item .title {font-size:24px; line-height:1.2em; font-weight:bold; padding:0 0 20px 0;}
.probottom_other .item .info {font-size:18px; line-height:1.4em;}
.probottom_other .item .btn {padding:20px 0 0 0;}
.probottom_other .item .btn  a {color:#2c3db0;}
@media (max-width: 767px) {
	.probottom_other .item {float:none; width:auto;}
}

.pro_feat .name {padding:0 0 20px 0;}
.pro_feat .pic {width:70%; margin-right:-30%; float:left;}
.pro_feat .info {background-color:#f6f6f6; background:url(images/bg_repeat4.png) rgba(246,246,246,.9); font-size:36px; line-height:1.6em; padding:6% 5%; float:right; width:42%; margin:3% 0 0 0; text-align:center;}
.pro_feat .info p span {color:#f05138;}
.pro_feat .btn {padding:40px 0 10px 0;}
@media (max-width: 1300px) {
	.pro_feat .info {padding:5%; margin:2% 0 0 0;}
}
@media (max-width: 767px) {
	.pro_feat .pic {width:auto; float:none; overflow:hidden; margin-right:0; position:relative; z-index:1;}
	.pro_feat .pic img { max-width:110%; margin:0 -5% -11% -5%;}
	.pro_feat .info {float:none; width:auto; font-size:24px; margin:0; position:relative; z-index:2;}
}

.quick_tips {padding:30px 0 0 0;}
.quick_tips ul {overflow:hidden;}
.quick_tips ul li { float:left; width:45%; padding:10px 0; font-size:18px; line-height:1.2em;}
@media (max-width: 767px) {
	.quick_tips ul li {float:none; width:auto;}
}

.version_history {padding:30px 0;}
.version_history .item {padding:0 0 40px 0;}
.version_history .item .version {float:left; width:250px; font-size:24px; line-height:1.2em; font-weight:bold; color:#2c3db0; cursor:pointer;}
.version_history .item .version i {display:inline-block; vertical-align:middle; font-weight:normal; font-style:normal; margin-right:10px; border-radius:100px; width:20px; height:20px; font-size:24px; line-height:20px; text-align:center; font-family:"Microsoft Yahei",微软雅黑,Arial, Helvetica, sans-serif; border:solid 2px #969696;}
.version_history .item .version.curr i {line-height:16px;}
.version_history .item .version span {display:inline-block; vertical-align:middle;}
.version_history .item .version:hover i {border:solid 2px #2c3db0; background:#2c3db0; color:#fff;}
.version_history .item ol {margin:0 0 0 300px;}
.version_history .item ol li {padding:0 0 20px 0; font-size:14px; line-height:1.2em;}
.version_history .show_more {text-align:center; padding:20px 0;}
@media (max-width: 979px) {
	.version_history .item .version {float:none; width:auto;}
	.version_history .item ol {margin:0; padding:30px 0 0 0;}
}
/* 2017-3-27 */
.tabbox .width{width:76.5%;}
.tabbox .tabStyle th{ font-size:14px; font-weight:400;padding:15px 0;}
.tabbox .tabStyle th strong{ font-size:16px; font-weight:600;display:block;}
.tabbox .tabStyle td{border-bottom:2px solid #f2f2f2; font-size:13px;padding:5px;font-weight:600; line-height:1.4em;}
.tabbox .tabStyle td .icon{float:left; width:40px; vertical-align:middle;}
.tabbox .tabStyle td .name {font-weight:600; margin-left:45px; min-height:40px; display:table;}
.tabbox .tabStyle td .name span {display:table-cell; vertical-align:middle;}
.tabbox .tabStyle td i{ font-size:20px; font-weight:600;}
.tabbox .tabStyle td i.fm-check,
.tabbox .tabStyle td i.fm-star-full{color:#435bfd;}
.tabbox .tabStyle td i.fm-close{color:#989898;}
.tabbox .tabStyle td i.fm-star-full{ font-size:24px;}
.tabbox .tabStyle td .txt{padding-left:45px;}
.tabbox .btn{margin-top:50px; text-align:center;}
.tabbox .btn_more{padding:40px 0 20px 0;color:#4859d2; font-weight:600; cursor:pointer;}
.tabbox .btn_more:after{display:inline-block; content:'\e147'; font-family:'globalIconfont'; color:#4859d2;font-size:20px;font-weight:normal; vertical-align:middle; padding:0 0 0 10px;}
.tabbox .btn_more.curr:after{content:'\e15c';}
.tabbox .note{ font-size:16px;margin-top:20px; line-height:20px;}
.tabbox .note:after{display:inline-block; content:'\e919'; font-family:'globalIconfont'; color:#435bfd;font-size:20px;font-weight:600; vertical-align:middle; padding:0 10px 0 0;float:left;}
@media (max-width: 979px) {
	.tabbox{padding:0;}
}
@media (max-width: 767px) {
	.tabbox .width{width:auto;}
	.tabbox .tabStyle td .icon{display:none;}
	.tabbox .tabStyle td .name{margin-left:0;}
	.tabbox .tabStyle td .txt{padding-left:0;}
}