@charset "utf-8";
/*top_banner*/
.text_line{ background:#00a3f1; text-align:center; font-size:24px;color:#f6ff00;padding:10px 0; z-index:99;}
.text_line a{color:#fff; font-size:16px; text-decoration:underline;margin-left:15px;}
.top_banner{ background:url(images/banner_bg.jpg) no-repeat right 0;height:578px;}
.top_banner .text{width:70%; position:relative;}
.top_banner .text h1{ font-size:65px; font-weight:300; line-height:1em;margin-top:10px;}
.top_banner .text .txt{ font-size:24px;padding-top:80px;font-weight:300;}
.top_banner .text .item{margin-top:15px; font-size:16px;color:#666;}
.top_banner .text .btn{margin-top:25px;}
.top_banner .text .btn a{display:inline-block;border:1px solid #00a3f1;width:190px;height:48px; line-height:48px;color:#00a3f1; font-size:18px; text-align:center; border-radius:5px;}
.top_banner .text .pic{ position:absolute;right:0;bottom:-60px;}
.rolltop{ position:fixed;top:0;left:0;width:100%;}
@media (max-width: 1600px) {
	.top_banner{background:url(images/banner_bg2.jpg) no-repeat right 0;}
}
@media (max-width: 979px) {
	.top_banner{ background-position:300px 0;}
	.top_banner .text h1{ font-size:46px;}
	.top_banner .text .pic{bottom:-120px;}
	.top_banner .text .txt{padding-top:60px;}
}
@media (max-width: 767px) {
	.top_banner{ background:none;height:auto;}
	.top_banner .text{width:auto; position:static;}
	.top_banner .text h1{ font-size:42px;}
	.top_banner .text .txt{padding-top:40px; font-size:20px;}
	.top_banner .text .pic{ position:static;right:0;bottom:0; text-align:center;padding:20px 0 40px 0;}
}
@media (max-width: 479px) {
	.text_line a{margin-left:0;display:block;}
}

.comment{ background:#00a3f1;padding:30px 0;}
.comment .item .peo{float:left;width:80px; text-align:center;}
.comment .item .peo .star{display:inline-block;margin-right:2px;}
.comment .item .text{float:right;width:800px;color:#fff;}
.comment .item .text dt{ font-size:18px;color:#fff;margin-top:5px;}
.comment .item .text dd{margin-top:10px; font-style:italic; line-height:1.6em;}
@media (max-width: 979px) {
	.comment .item .text{width:560px;}
}
@media (max-width: 767px) {
	.comment{height:160px;}
	.comment .item .text{width:350px;}
}
@media (max-width: 479px) {
	.comment{height:280px;}
	.comment .item .peo{float:none;width:auto;}
	.comment .item .text{float:none;width:auto;margin-top:10px;}
}

/*text_pro*/
.text_pro{ background:#efefef;padding:70px 0;}
.text_pro .arrow{ background:url(images/arrow_bottom2.png) no-repeat;width:62px;height:28px;margin:0 auto;}
.text_pro .title{ text-align:center; font-size:36px;color:#00a3f1;line-height:1em;}
.text_pro .item{margin-top:50px;}
.text_pro .item h3{ font-size:24px; line-height:1.2em;color:#00a3f1;}
.text_pro .item .garybg{ background:#fff;padding:30px;margin-top:20px;height:580px;}
.text_pro .item .garybg .dd{ font-size:18px; font-weight:700;}
.text_pro .item .garybg h5{ font-size:16px; font-weight:700;padding-top:20px;color:#666;}
.text_pro .item .garybg .list1{margin-top:5px;}
.text_pro .item .garybg .list1 li{float:left;width:49%;color:#666;}
.text_pro .item .garybg .btn{margin-top:15px;}
.text_pro .item .garybg .btn dt{ font-size:16px;font-weight:700;color:#666;}
.text_pro .item .garybg .btn dd{margin-top:5px;}
.text_pro .item .garybg .btn .win,.text_pro .item .garybg .btn .mac{display:inline-block; border:1px solid #fb6d61; background:url(images/sys_icon.png) no-repeat 140px 15px;color:#fb6d61; font-size:16px;width:160px; border-radius:5px;margin-right:15px;margin-top:15px;padding:5px 0 5px 15px; line-height:1.2em;}
.text_pro .item .garybg .btn .mac{ background-position:140px -35px;}
.text_pro .item .garybg .btn .win .pri,.text_pro .item .garybg .btn .mac .pri{font-size:12px;color:#666;}
.text_pro .item .garybg .btn .win:hover,.text_pro .item .garybg .btn .mac:hover{ text-decoration:none;}
.text_pro .item .garybg .step{margin-top:30px;}
.text_pro .item .garybg .step h4{ font-size:16px;}
.text_pro .item .garybg .step .list2 li{float:left;width:49%;margin-top:15px;}
.text_pro .item .garybg .step .list2 li .num{border:1px solid #000;color:#000; font-size:16px; line-height:20px;width:20px; border-radius:100px;display:inline-block;margin-right:10px; text-align:center;}
.text_pro .item .garybg .list3{margin-top:15px;}
.text_pro .item .garybg .list3 li{color:#666;}
@media (max-width: 979px) {
	.text_pro .item h3{height:60px;}
	.text_pro .item .garybg{height:600px;}
	.text_pro .item .garybg .step .list2 li{float:left;width:49%;}
}
@media (max-width: 767px) {
	.text_pro .item{float:none;width:auto;margin-left:0;}
	.text_pro .item h3{height:auto;}
	.text_pro .item .garybg{height:auto;}
}
@media (max-width: 479px) {
	.text_pro .item .garybg .step .list2 li{float:none;width:auto;}
}

.addthis_floating_style{ position:absolute !important; border:1px solid #dbdbdb; padding:10px 6px 15px !important; background:#fff; z-index:10 !important;}
.addthis_floatingFix_style{ position:fixed; border:1px solid #dbdbdb; padding:10px 6px 15px !important; background:#fff; z-index:10 !important;}
@media (max-width: 979px) {
	.addthis_floating_style,.addthis_floatingFix_style{ display:none !important}
}

.howbox{padding-bottom:70px;}
.howbox .arrow{ text-align:center;}
.howbox .title{ text-align:center; font-size:36px;color:#00a3f1; line-height:1em;}
.howbox .txt{color:#fb6d61; font-size:18px; text-align:center;}
.howbox .item{margin-top:30px;}
.howbox .item h3{ font-size:18px; font-weight:700;}
.howbox .item h3 .num{display:block;float:left;background:#00a3f1;color:#fff;width:34px;height:34px; line-height:34px; text-align:center;margin-right:10px; border-radius:40px;}
@media (max-width: 767px) {
	.howbox .item{width:auto !important;}
}

/*screencast*/
.s_featImgSlide{position:relative;margin:0 auto;padding:0 50px;}
.s_featImgSlide .imgSlide {list-style: none;padding: 0;margin: 0 auto;}
.s_featImgSlide .imgSlide li {position:relative; line-height:1.3em;}
.s_featImgSlide .imgSlide li img {max-width:100%;}
.s_featImgSlide .imgSlide li.roundabout-in-focus {cursor:default;}
.s_featImgSlide .imgSlide li span{text-align:center; display:block; padding-top:10px;}
.s_featImgSlide .flex-control-paging{display:none;position:absolute;bottom:-40px;left:50%;text-align:center;list-style:none;margin-left:-50px;}
.s_featImgSlide .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.s_featImgSlide .flex-control-paging li a{display:inline-block; background:#e0e0e0;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px; border-radius:20px;}
.s_featImgSlide .flex-control-paging li a.flex-active{background:#FA594B;}  
.s_featImgSlide .flex-prev,.s_featImgSlide .flex-next{ background:url(images/prev.png) no-repeat; width:18px; height:35px; position:absolute; top:35%;left:50%;z-index:1; text-indent:-9999px;}
.s_featImgSlide .flex-prev:focus,.s_featImgSlide .flex-next:focus{ outline:none;}
.s_featImgSlide .flex-prev{margin-left:-500px;}
.s_featImgSlide .flex-next{ background-position:0 -35px;margin-left:480px;}
@media (max-width: 979px) {
	.s_featImgSlide .flex-prev{margin-left:-360px;}
	.s_featImgSlide .flex-next{margin-left:350px;}
}
@media (max-width: 767px) {
	.s_featImgSlide{padding:0;}
	.s_featImgSlide .flex-prev{margin-left:-220px;}
	.s_featImgSlide .flex-prev,.s_featImgSlide .flex-next{display:none;}
	.s_featImgSlide .flex-control-paging{display:block; bottom:-30px;margin-left:-20px;}
}

.bottom_comment{margin-top:50px;}