@charset "utf-8";
/* topic_slide */
.topic_slide{margin-top:30px;}
.topic_slide h1{ font-size:30px; line-height:1.2em; font-weight:500;}
.topic_slide .flbox{float:left;width:670px; position:relative;margin-top:10px;}
.topic_slide .flbox .txt{display:block; position:absolute;left:0;bottom:0;width:650px;height:46px;background:#000;color:#fff;padding:0 10px; line-height:46px;opacity:0.9; font-size:16px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.topic_slide .flbox:hover .txt{ background:#15abef;}
.topic_slide .flbox:hover{opacity:0.8;}
.topic_slide .frbox{float:right;width:320px;}
.topic_slide .frbox .pic{ position:relative;margin-top:10px;}
.topic_slide .frbox .pic .txt{display:block; position:absolute;left:0;bottom:0;width:300px;height:46px;background:#000;color:#fff;padding:0 10px; line-height:46px;opacity:0.9; font-size:16px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.topic_slide .frbox .pic:hover .txt{ background:#15abef;}
.topic_slide .frbox .pic:hover{opacity:0.8;}

.slides_Interface {position:relative;margin-top:20px !important;}
.flex-direction-nav a {display:block; width:38px; height:62px; overflow:hidden; text-indent:-99999px; position:absolute; top:50%; left:-60px; margin-top:-50px;}
.flex-direction-nav a:focus {outline:none;}
.flex-direction-nav a.flex-next {background-position:0 -62px; left:auto; right:-60px;}
.flex-control-nav{width:150px;height:20px;list-style:none;margin:20px auto;}
.flex-control-nav li{margin-right:10px;display:inline-block;*display:inline;}
.flex-control-nav li a{display:inline-block;width:40px;height:10px; background:#e5e5e5;float:left; text-indent:-9999px;cursor:pointer;}
.flex-control-nav li a.flex-active{ background:#15abef;}
@media (max-width: 979px) {
	.topic_slide .flbox{width:500px;}
	.topic_slide .flbox .txt{width:480px;}
	.topic_slide .frbox{float:right;width:240px;}
	.topic_slide .frbox .pic .txt{width:220px;}
	.flex-direction-nav{display:none;}
}
@media (max-width: 767px) {
	.topic_slide .flbox{float:none;width:auto;}
	.topic_slide .flbox .txt{width:440px;}
	.topic_slide .frbox{float:none;width:auto;}
	.topic_slide .frbox .pic{float:left;width:230px;margin-top:0px;}
	.topic_slide .frbox .pic .txt{width:210px;}
	.topic_slide .frbox .mt10{margin-top:0 !important;}
}
@media (max-width: 479px) {
	.topic_slide .flbox .txt{width:308px; font-size:14px; overflow:hidden;height:30px; line-height:30px;}
	.topic_slide .frbox .pic{float:left;width:154px;}
	.topic_slide .frbox .pic .txt{width:144px; font-size:14px; overflow:hidden;height:30px; line-height:30px;}
}

/* howtbox */
.howtbox{padding:30px 0 60px 0;}
.topic_menu{float:left;width:20%; border:1px solid #e4e4e4;padding:1%;}
.topic_menu h2{ font-size:22px; font-weight:500; line-height:1.2em;border-bottom:1px solid #e4e4e4;padding:10px 0;}
.topic_menu ul{padding:10px 0;}
.topic_menu li{ font-size:16px; line-height:30px;height:30px;padding:0 10px;}
.topic_menu li a:hover{color:#1eade7;}
.topic_menu li.curr{ background:#1eade7;color:#fff;}
.topic_menu li.curr a{color:#fff;}

.list_info{float:right;width:72%;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.list_info .item .text{border-bottom:1px solid #eaeaea;padding:40px 0;}
.list_info .item .text h3 a{ font-size:26px; line-height:1.2em; font-weight:500;}
.list_info .item .text h3 a:hover{color:#1eade7; text-decoration:none;}
.list_info .item .text .dd{margin-top:15px;color:#666;font-size:16px; line-height:1.6em;}
.list_info .item .text .dd a{color:#1eade7;}
.list_info .item .text .time{color:#999;margin-top:20px;}
.list_info .item .text .time img{width:30px;height:30px; border:3px solid #fff; border-radius:40px;-webkit-box-shadow:0 0 6px #3b3b3b;-moz-box-shadow: 0 0 6px #3b3b3b;box-shadow: 0 0 6px #3b3b3b;margin-right:10px;}
.list_info .item .text .time a{color:#15abef;}
@media (max-width: 979px) {
	.list_info .item .text{float:none;width:auto;border-left:none;padding:30px 0;}
}
@media (max-width: 767px) {
	.topic_menu{ float:none;width:auto;padding:2%;}
	.topic_menu li{float:left;}
	.list_info{float:none;width:auto;}
}
@media (max-width: 479px) {
	.list_info .item .text h3 a{ font-size:20px;}
}

/* article */
.btn_try,
.btn_buy{display:inline-block; background:#fff;color:#1eade7; font-size:18px; font-weight:500; text-align:center;width:156px;height:40px; line-height:40px; border:2px solid #fff; border-radius:40px;margin-right:10px;}
.btn_buy{ background:#1eade7;color:#fff;}
.btn_try:hover,
.btn_buy:hover{text-decoration:none;}
@media (max-width: 767px) {
	.btn_try,.btn_buy{width:136px;height:36px; line-height:36px;}
}
@media (max-width: 479px) {
	.btn_try,.btn_buy{width:100px;height:32px; line-height:32px; font-size:16px;}
}

.article_title{ background:#f2f2f2;padding:60px 0;}
.article_title h1{ text-align:center; font-size:36px; font-weight:500; line-height:1.2em;padding:0 10%;}
@media (max-width: 767px) {
	.article_title{padding:40px 0;}
	.article_title h1{ font-size:30px;}
}
@media (max-width: 479px) {
	.article_title h1{ font-size:26px;}
}

.article_content{padding:30px 0; position:relative;}
.article_content .toptxt{padding:50px 0 50px 15%;border-bottom:1px dashed #e5e5e5;}
.article_content .toptxt2{padding:50px 0;border-bottom:1px dashed #e5e5e5;}
.article_content .toptxt a,
.article_content .toptxt2 a {color:#1eade7; text-decoration:underline;}
.article_content .toplist{background:#f2f2f2;padding:20px;margin-left:15%;}
.article_content .toplist li{ list-style:disc;margin-left:15px; line-height:2em;color:#1eade7;}
.article_content .toplist li a{color:#1eade7;}
.article_content .toplist2{background:#f2f2f2;padding:20px;}
.article_content .toplist2 li{ list-style:disc;margin-left:15px; line-height:2em;color:#1eade7;}
.article_content .toplist2 li a{color:#1eade7;}
.article-content .part_title {color:#444; font-size:18px; font-weight:600;margin:30px 0;}
.article-content .part_title strong{color:#055495; font-weight:600;}
.article_content .infoitem{ border-bottom:1px dashed #e5e5e5;padding:50px 0;}
.article_content .infoitem .num{float:left;width:15%; text-align:center;color:#ccc; font-size:100px; font-weight:700;margin-top:20px;}
.article_content .infoitem .frtext{padding-left:15%;}
.article_content .infoitem .frtext h2{ font-size:30px; font-weight:500; line-height:1.2em;}
.article_content .infoitem .frtext .dd{margin-top:20px;color:#666;}
.article_content .infoitem .frtext .dd a{color:#1eade7; text-decoration:underline;}
.article_content .infoitem .frtext .list{margin-top:20px;color:#666;}
.article_content .infoitem .frtext .list li{margin:5px 0;}
.article_content .infoitem .frtext h4{ font-size:22px; line-height:1.2em;margin-top:50px;}
.article_content .infoitem .frtext h4 strong{color:#1eade7;}
.article_content .infoitem .frtext h3{ font-size:26px; line-height:1.2em;}
.buy30day {padding:20px 0 0 0; overflow:hidden;}
.buy30day span {display:block; float:left; width:40px; padding:0 10px 0 0;}
.buy30day a {padding:10px 0 0 0; display:inline-block; float:left; text-decoration:underline;}

.probox{ background:#1eade7;color:#fff;padding:30px 40px;margin:50px 0; position:relative;}
.probox .arrow{ position:absolute;height:22px;top:-22px;left:20px;}
.probox h3{ font-size:28px; font-weight:500; line-height:1.2em; padding:0 !important;}
.probox .txt{ font-size:20px;margin-top:10px; padding:0 !important;}
.probox ul{margin-top:20px;}
.probox li{ list-style:disc;margin-left:15px;}
.probox .sys{margin:20px 0; line-height:32px; font-size:16px;}
.probox .sys .win_icon,
.probox .sys .mac_icon,
.probox .sys .app_icon,
.probox .sys .and_icon{display:inline-block; background:url(images/sys_icon3.png) no-repeat;width:32px;height:32px; text-indent:-9999px;margin:0 10px;}
.probox .sys .mac_icon{ background-position:0 -78px;}
.probox .sys .app_icon{ background-position:0 -150px;}
.probox .sys .and_icon{ background-position:0 -230px;}
.probox .sys .win_icon:hover,
.probox .sys .win_icon.curr{background-position:-32px 0;}
.probox .sys .mac_icon:hover,
.probox .sys .mac_icon.curr{background-position:-32px -78px;}
.probox .sys .app_icon:hover,
.probox .sys .app_icon.curr{background-position:-32px -150px;}
.probox .sys .and_icon:hover,
.probox .sys .and_icon.curr{background-position:-32px -230px;}
.probox .buy30day {color:#fff;}
.probox .buy30day a {color:#fff;}

/*.article_content .infoitem .cont_text{padding:0 0 0 5%;}*/
.article_content .infoitem .cont_text h2{ font-size:30px; font-weight:500; line-height:1.2em;padding-bottom:20px;}
.article_content .infoitem .cont_text p {padding-bottom:20px;}
/*.article_content .infoitem .cont_text .dd{margin-top:20px;color:#666;}*/
.article_content .infoitem .cont_text .dd a{color:#1eade7; text-decoration:underline;}
.article_content .infoitem .cont_text .list{padding-bottom:20px;color:#666;}
.article_content .infoitem .cont_text .list li{margin:5px 0;}
.article_content .infoitem .cont_text .list li a{color:#1eade7;}
.article_content .infoitem .cont_text h4{ font-size:18px; font-weight:500; line-height:1.2em;padding-bottom:20px;}
.article_content .infoitem .cont_text h4 strong{color:#1eade7;}
.article_content .infoitem .cont_text h3{ font-size:22px; font-weight:500; line-height:1.2em;padding-bottom:20px;}
@media (max-width: 979px) {
	.article_content .infoitem .num{ font-size:80px;}
}
@media (max-width: 767px) {
	.article_content .infoitem .frtext h2,.article_content .infoitem .cont_text h2{ font-size:26px;}
	.article_content .infoitem .num{ font-size:60px;margin-top:15px;}
	.probox{padding:25px;}
	.probox h3,
	.probox h3{ font-size:24px;}
	.probox .txt,
	.probox .txt{ font-size:16px;}
}
@media (max-width: 479px) {
	.article_content .infoitem .frtext h2,.article_content .infoitem .cont_text h2{ font-size:22px;}
	.probox{padding:20px 15px;}
	.probox .sys .win_icon,
	.probox .sys .mac_icon,
	.probox .sys .app_icon,
	.probox .sys .and_icon{margin:0;margin-right:5px;}
	.probox .sys .win_icon,
	.probox .sys .mac_icon,
	.probox .sys .app_icon,
	.probox .sys .and_icon{margin:0;margin-right:5px;}
}

.article_video{margin-top:50px;}
.article_video h3{ font-size:30px; line-height:1.2em; font-weight:500;margin-bottom:20px;}
@media (max-width: 767px) {
	.article_video h3{ font-size:26px;}
}
@media (max-width: 479px) {
	.article_video h3{ font-size:22px;}
}

.btm_probox{margin-top:30px;padding-bottom:50px;}
.btm_probox h2{ font-size:22px; font-weight:500;border-bottom:2px solid #1eade7; line-height:40px;padding-bottom:10px;}
.btm_probox .item{float:left;width:48%;margin-top:30px;margin-right:2%;}
.btm_probox .item .pic{float:left;}
.btm_probox .item .text{float:right;width:360px;}
.btm_probox .item .text h3{color:#01a7e7; font-size:18px; line-height:1.4em;}
.btm_probox .item .text .btn{margin-top:10px;}
.btm_probox .item .text .btn_win{display:inline-block; background:#84c754;width:120px;height:50px; line-height:50px;color:#fff; font-size:16px;border-radius:5px;padding:0 40px 0 10px;margin-top:10px;margin-right:10px;}
.btm_probox .item .text .btn_win:hover{ text-decoration:none;}
.btm_probox .item .text .btn_mac{display:inline-block; background:#32a4e7;width:120px;height:50px; line-height:50px;color:#fff; font-size:16px; border-radius:5px;padding:0 40px 0 10px;margin-top:10px;}
.btm_probox .item .text .btn_mac:hover{ text-decoration:none;}
@media (max-width: 1200px) {
	.btm_probox .item .text{width:360px;}
}
@media (max-width: 979px) {
	.btm_probox .item .pic{float:none; text-align:center;}
	.btm_probox .item .text{float:none;width:auto;margin-top:15px;}
}
@media (max-width: 767px) {
	.btm_probox .item{float:none;width:auto;margin-right:0;}
	.btm_probox .item .pic{float:left;}
	.btm_probox .item .text{float:right;width:360px;margin-top:0;}
}
@media (max-width: 479px) {
	.btm_probox .item .pic{float:none; text-align:center;}
	.btm_probox .item .text{float:none;width:auto;margin-top:15px;}
}

.reMain {padding:30px 0;}
.reCont {float:left; width:70%; background:#fff;}
.reSide {float:right; width:25%; background:#fff;}
.articleInfo {padding:15px 0; border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0;}
.articleInfo a {color:#34aceb;}
.articleInfo .img {float:left; padding:2px; background:#fff;}
.articleInfo .text{padding-left:65px;}
.articleInfo .txt {padding:0 0 0 70px;}
.articleInfo .txt p {padding:2px 0;}
.support{ text-align:right; margin:20px 0 0 0; font-weight:500;}
.support a{color:#1eade7;}
.reSideColumn {padding:0 0 15px 0; font-size:22px; line-height:1.2em; font-weight:500; color:#444; border-bottom:solid 2px #1eade7;}
.reSideList {padding:10px 0 0 0;}
.reSideList li{line-height:1.4em;padding:4px 0;border-bottom:solid 1px #f2f2f2;}
.reSideList li a {display:block; font-size:14px; line-height:1.2em; color:#333; overflow:hidden; padding:10px 0;}
.reSideList li a:hover {text-decoration:none; color:#2ab9eb;}
.reSideList li strong {float:right; width:30%; display:block;}
.reSideList li span {padding:0 35% 0 0; display:block;}
.reSide .btn_more { text-align:center; font-size:14px; line-height:20px; padding:7px 0;border-bottom:solid 1px #f2f2f2; cursor:pointer;}
.reSide .btn_more span {display:inline-block; width:20px; height:20px; background:url(images/more_jt.png) no-repeat -36px 4px; vertical-align:middle;}
.reSide .btn_more strong {font-weight:normal;}
.reSide .btn_more .sl {display:none;}
.reSide .btn_more.curr span {background-position: -15px 4px;}
.reSide .btn_more.curr .sm {display:none;}
.reSide .btn_more.curr .sl {display:inline-block;}
@media (max-width: 767px) {
	.reCont{ float:none;width:auto;}
	.reSide{ float:none;width:auto;margin-top:40px;}
}

.fsb_style {width:100%; height:100%; position:fixed; z-index:20; top:0; left:0;overflow-y:auto;}
.contens_tab_side{width:200px; float:left; position:absolute; left:50%; margin-left:-740px; z-index:5; top:30px;background-color:#fff; border:1px solid #e4e4e4;}
.contens_tab_side h2{ font-size:20px; line-height:1.2em; color:#444; font-weight:bold; padding:20px 0 20px 10px; margin:0 !important;}
.contens_tab_side h2 a {color:#444;}
.contens_tab_side .tabNav_side{ padding:0 10px;}
.contens_tab_side .tabNav_side dt{ background-color:#1eade7; color:#fff; padding:7px; cursor:pointer; font-size:14px; line-height:1.2em;margin-bottom:5px;}
.contens_tab_side .tabNav_side dt a{ color:#fff;font-size:14px;}
.contens_tab_side .tabNav_side .sec_ul{display:none;padding:2px 0; font-size:12px; line-height:1.7em; margin-bottom:10px;}
.contens_tab_side .tabNav_side .sec_ul li{ background:url(images/dot-icon-new.png) 0 10px no-repeat; padding-left:8px;cursor:pointer; margin:5px 0;}
.contens_tab_side .tabNav_side .sec_ul li a{ color:#666; font-size:12px; line-height:1.2em;}
.contens_tab_side .tabNav_side .sec_ul li a:hover{color:#1eade7;}
@media (max-width: 1440px) {
	.contens_tab_side {width:180px;margin-left:-700px;}
}
@media (max-width: 1360px) {
	.contens_tab_side {width:160px;margin-left:-670px;}
}
@media (max-width: 1300px) {
	.contens_tab_side {position:fixed;}
	.fix_side_togg {position:fixed;width:100px; left:0;top:200px; margin-left:0; border-radius:0 5px 5px 0; overflow:hidden;}
	.fix_side_togg2 {left:0; margin-left:0;border-radius:0 5px 5px 0; overflow:hidden;}
	.fix_side_togg h2 {font-size:14px; background:#1eade7; color:#fff; cursor:pointer;}
	.fix_side_togg h2 a {color:#fff;}
	.fix_side_togg dl {display:none;}
}
@media (max-width: 767px) {
	.contens_tab_side {display:none;}
}

.bgColor_grey {background-color:#f3f3f3;}
.crumb {padding:12px 0; color: #999; overflow:hidden}
.crumb a{ color:#a1a1a1}

/* top_menu */
.top_menu{ background:#1eade7;padding-bottom:20px;}
.top_menu h2{float:left;color:#fff; font-size:36px; font-weight:500; padding:36px 0 20px 0; line-height:1em;}
.top_menu .nav{float:none;width:auto;}
.top_menu .nav li{float:left;width:16.5%;padding:5px 0;}
.top_menu .nav li a{display:inline-block;color:#fff; line-height:1.6em;}
.top_menu .nav li a:hover{text-decoration:underline;}
@media (max-width: 767px) {
	.top_menu .nav li{width:30%; text-align:left;}
}
@media (max-width: 479px) {
	.top_menu .nav{width:90%;}
	.top_menu .nav li{width:50%;}
}

.table1 {background: #fff; margin:0 auto;}
.table1 img{ max-width:100%}
.table1 td,.table1 th{padding: 15px 13px;border: 1px solid #e5e5e5; /*text-align:center;*/}
.table1 th{font-weight:bold; font-size:14px; background:#3598db; color:#fff;}
.table1 th a{color:#fff;}
.table1 tr:nth-child(even) { background:#f2f2f2;}
.table1 td a{color:#1eade7}

.article_newCss .text{float:left; width:60%;}
.article_newCss .img{float:right; width:38%;}
@media (max-width: 767px) {
	.article_newCss .text,
	.article_newCss .img {float:none; width:auto;}
}

.pds-box {margin:0 auto !important;}

@media (max-width: 979px) {
	.video-box{display:none;}
}