@charset "utf-8";
/* CSS Document */
@font-face{font-family:"Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia",sans-serif;font-weight:normal;font-style:normal;}
body{font:14px/1.6em "Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia",sans-serif;color:#7a7a7a;background:#fff; }

fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
h1,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
p{font-family:"Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia",sans-serif;color:#444444;}


input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:"Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia",sans-serif; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:"Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia",sans-serif;}
select:focus{ outline:none; }

a {
	color:#444444;
	text-decoration:none;
}
a:hover {
	color:#30beda;
	text-decoration:underline;
}
a img {
    border: none;
}
.top {
	background-color: #333;
	height: 80px;
	width: 100%;
}
.section {
	width: 100%;
	padding-bottom: 10px;
}
.main {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.main a{
	color:#FF3;
	text-decoration:none;
}
.main a:hover{
	color: #6F6;
	text-decoration:none;
}

.main .softname {font-family:"Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia", sans-serif;color: #3ea4a6;font-size:42px;font-weight: 300;line-height: 1.2em;}
.main .softname1 {font-family:"Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia", sans-serif;color: #3ea4a6;font-size:20px;font-weight: 300;line-height: 1.0em;padding-top:20px; margin-bottom:-10px;}
.main .softpoints{font-family:"Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia";color: #6e6e6e;font-size:23px;font-weight: 300;line-height: 1.0em; padding-right:20px;}
.main .softreview {height:131px; padding-right:40px;font-size:11px;}
.main .softreview a{color:#C30;}
.main .softreview a:hover { text-decoration:underline;}

.header {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	float: left;
	width: 120px;
	margin-right: 20px;
	margin-top:5px;
}

.content {float:left;display:block; width:120px; margin-top:25px;}

.nav {
	float: left;
	width: 850px;
	margin-top: 20px;
	height: 50px;
	margin-left: 60px;
}
.nav td a {
	text-decoration: none; 
    color:#FFF;
	font-family:"Trebuchet MS","Arial","Helvetica","Garamond","Verdana","Times New Roman","Georgia",sans-serif;
	font-size:16px;
}
.nav td a:hover {
	color:#30beda; 
	font-size:18px;
}
.nav ul {width:660px; height:46px; list-style:none;  float:right; font-size:16px;}
.nav ul li {width:auto; font-weight:bold; float:left; padding:0 15px;*padding:15px 20px 0 20px;}
.nav ul li a{ color:#FFF; font-weight:bold; padding-bottom:20px;}
.nav ul li a:hover{ text-decoration:none;background-image:url(test.png); background-repeat:no-repeat; background-position:0 30px;}

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li, ul.list li{ list-style:outside disc; line-height:1.7em; margin-left:18px;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#15abef !important;}
.red{ color:#f00 !important;}
.orange{ color:#f6772c !important;}
.gray{color:#999 !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
.container{width:1000px;margin:0 auto;} 
.mt5{margin-top:5px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}

/*btn*/
.greenBtn,.orangeBtn{ display:block; background:#84c754; width:200px; height:43px; border-radius:5px; font-size:16px; line-height:42px; color:#fff !important; text-align:center; margin:0 10px 0 0;}
.greenBtn span,.orangeBtn span {padding-right:10px;}
.greenBtn:hover{ background-position:0 -34px; text-decoration:none;}
.orangeBtn{ background-position:0 -68px;}
.orangeBtn:hover{ background-position:0 -102px; text-decoration:none;}

.greenBtn2{
	display:inline-block;
	background:#84c754;
	font-size:18px;
	text-align:left;
	width:200px;
	height:60px;
	text-decoration:none !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color:#fff !important;
	border-radius:5px;
	font-weight: 300;
	padding:10px 10px 0 10px;
}
.greenBtn2 .text{ float:left;}
.greenBtn2 .img{ float:right; padding-top:5px;}
.greenBtn2 .text span {padding-right:10px; display:block; font-size:10px; padding-top:8px;}
.greenBtn2:hover{background:#8bdc4f; text-decoration:none;}
.blueBtn2{display:inline-block;background:#0699f6;font-size:34px; text-align:center;width:400px;height:90px;line-height:90px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;font-weight: 300;}
.blueBtn2 span {padding-right:10px;}
.blueBtn2:hover{background:#22a7fb; text-decoration:none;}

.btnMac_tab ul {overflow:hidden; border-radius:5px 5px 0 0; color:#fff; width:366px;}
.btnMac_tab li {display:block; float:left; width:46%; height:32px; line-height:32px; text-align:center; background:#64963f; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btnMac_tab li.curr {background:#84c754; width:54%;}
.btnMac_tab a {border-radius:0 0 5px 5px;}

/*banner*/
.banner{height:660px;}
.banner .banner_sideleft{ float:left; width:50%; padding-top:30px;}
.banner .banner_sideright{ float:right; width:50%; position:relative;}
.banner .pcImg{ position:absolute;width:500px;top:20px;right:-50px; z-index:1;}
.banner .pcImg img {max-width:100%;}
.banner .dow_bg{ position:absolute;background:#3ea4a6;width:190px;height:190px; border-radius:100px;top:15px;left:100px; z-index:2;color:#fff; text-align:center;}
.banner .dow_bg .mun{ font-size:34px;margin-top:70px;}
.banner .dow_bg .dd{ font-size:25px;font-weight: 300;margin-top:10px;}
.banner h1{ font-size:47px; font-weight:300;color:#3ea4a6; line-height:1.2em;}
.banner h1 span{display:block; font-size:20px; line-height:1em; padding-bottom:20px;}
.banner .txt{color:#6e6e6e;font-size:23px;font-weight: 300;line-height:1.3em; padding:30px 0;}
.banner .picbox{position:relative;}
.banner .picbox .quote {overflow:hidden;}
.banner .picbox .quote li { height:115px;position:relative;}
.banner .picbox .quote li.item2{ display:none;}
.banner .picbox .item .pic{float:left;width:120px;}
.banner .picbox .item .text{float:left;width:300px;border-left:1px solid #6b6b6b; background:url(images/fh.jpg) no-repeat 10px 0;padding-left:60px;height:105px;color:#000;}
.banner .picbox .item .text .t1{ font-size:13px;font-weight: 700; line-height:1.3em;color:#000;}
.banner .picbox .item .text .t1 a {color:#666; font-weight:normal;}
.banner .picbox .item .text .t2{ font-size:11px; font-style:italic;font-weight: 300;}
.banner .btn{ width:380px; margin-top:20px;}
.banner .btn .btnk {
	position:relative;
	z-index:1;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	width:600px;
}
.banner .btn .ifMac_btn .btnk {padding-top:18px;} 
.banner .btn .ifMac_btn .greenBtn2 {height:60px; padding-top:12px;}
.banner .btn .btnk .box_img {
	position:absolute;
	z-index:2;
	left:-7px;
	top:-2px;
}
.banner .btn .link {padding-top:10px; font-size:16px; text-align:center;}

.iconbg{ background:#3ea4a6; padding-bottom:40px;}
.iconbg .item{float:left;width:200px;}
.iconbg .item a {display:block;margin:-51px 0 0 0;}
.iconbg .item a:hover {text-decoration:none; color:#fff;}
.iconbg .item a span{display:block; background:url(images/features-icon.png) no-repeat; height:132px;}
.iconbg .item a .ic1{background-position:0 0;}
.iconbg .item a:hover .ic1 {background-position:-220px 0;}
.iconbg .item a .ic2{background-position:0 -142px;}
.iconbg .item a:hover .ic2 {background-position:-220px -142px;}
.iconbg .item a .ic3{background-position:0 -284px;}
.iconbg .item a:hover .ic3 {background-position:-220px -284px;}
.iconbg .item a .ic4{background-position:0 -426px;}
.iconbg .item a:hover .ic4 {background-position:-220px -426px;}
.iconbg .item a .ic5{background-position:0 -568px;}
.iconbg .item a:hover .ic5 {background-position:-220px -568px;}
.iconbg .item .text{color:#fff; font-size:20px; text-align:center; padding-top:5px;}

.proTable-menu {text-align:center; border-radius:5px; margin:0 auto 20px auto; overflow:hidden; background:#649f39; width:375px;}
.proTable-menu li {display:block; width:33.1%; float:left; padding:10px 0; background:#84c754;font-size:14px; font-weight:bold; color:#fff; cursor:pointer; border-left:1px solid #649f39;}
.proTable-menu li.curr {background:#649f39; color:#fff;}
.proTable-menu li:first-child{border-left:none;}
.proTogg-cont {border-top:solid 1px #e5e5e5; padding:40px 5%;}
.proTogg-cont .pro-table a {text-decoration:underline;}
.table1 th,.table1 td { padding:15px 20px;}

.page_bg {background-color:#f9f9f9;}
.page_bg1 {background:url(images/background-pic.jpg) no-repeat center 0 #f9f9f9;}
.page_bg2 {background:url(images/page_bg2.png) no-repeat center 0 #fff;}
.page_bg3 {background:url(images/background-pic2.jpg) repeat-x center 0; color:#fff; height:340px;}
.page_bg4 {background:url(images/page_bg2.png) no-repeat center center #eef7f7;}

.titleColumn{ font-size:30px; text-align:center; line-height:1.2em; padding:10px 0;color:#3EA4A6;}
.titleColumn strong{display:block; font-size:14px;color:#bcc8cf;}

.picInfo-box {padding:0 0;}
.picInfo-box .pimt40 {margin-top:40px;}
.picInfo-box .picfl img,.picInfo-box .picfr img,.picInfo-box .pic img {max-width:100%;}
.picInfo-box .picfl {float:left; width:50%; text-align:center;}
.picInfo-box .picfr {float:right; width:50%; text-align:center;}
.picInfo-box .pic {padding:20px 0;}
.picInfo-box .infofr {float:right; width:45%;}
.picInfo-box .infofl {float:left; width:45%;}
.picInfo-box .title-num {background:#63c0ec; color:#fff; border-radius:50px;width:50px; height:50px; line-height:50px; font-size:16px; text-align:center; font-size:16px; margin:10px 0; display:inline-block;}
.picInfo-box .title-name { font-size:30px; line-height:1.2em; font-weight:normal; color:#3ea4a6}
.picInfo-box .title-name span {font-weight:300;}
.picInfo-box .title-name2 { font-size:20px; line-height:1.2em; margin-top:-10px; font-weight:normal;}
.picInfo-box .iist_ul {padding:15px 0; overflow:hidden;}
.picInfo-box .iist_ul li {float:left; width:46%; list-style:disc; margin-left:4%; line-height:1.3em; padding:3px 0;}
.picInfo-box ul.list {padding:15px 0; float:left; width:50%;}
.picInfo-box ul.list li {float:none; width:auto; list-style:none; margin-left:0; color:#330; font-size:20px; line-height:1.3em; padding:3px 30px; background:url(images/icon_g.png) no-repeat 0 10px;}
.picInfo-box .itemBox { text-align:center;}
.picInfo-box .itemBox li {display:inline-block; list-style:none; width:30%; padding:0 3%;}
.picInfo-box .itemBox li p {padding:10px 0;}
.picInfo-box .item3Box {padding-top:10px;}
.picInfo-box .item3Box .name {font-size:16px; font-weight:bold; padding:10px 0;}
.picInfo-box a.btnMore {color:#fff; text-decoration:underline;}
.picInfo-style {padding:0 0 30px 0;}
.picInfo-style .picfl {position:relative;}
.picInfo-style .picfl span {display:block; position:absolute; bottom:9%; left:54%;}
.picInfo-style .infofr {padding-top:5%;}
@media (max-width: 979px) {
	.picInfo-box .itemBox li {width:43%;}
	.picInfo-style .picfl span {width:80%; left:25%; bottom:15%;}
	.picInfo-style .infofr {padding-top:3%;}
}
@media (max-width: 767px) {
	.picInfo-box .picfl,.picInfo-box .infofr,.picInfo-box .picfr,.picInfo-box .infofl {float:none; width:auto;}
	.picInfo-box .infofl {padding-top:20px; padding-bottom:10px;}
	.picInfo-style .picfl span {left:auto; right:0;}
}
@media (max-width: 479px) {
	.picInfo-box .itemBox li {width:auto; float:none;}
}

.vc_hd_info .title-name {color:#fff; font-size:26px;}
.vc_hd_info .pic { margin-top:-7%;}

/*screencast*/
.featImgSlide{position:relative;margin:10px auto;}
.featImgSlide .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:600px;}
.featImgSlide .imgSlide li {position:relative; text-align:center; line-height:1.3em;}
.featImgSlide .imgSlide li img {max-width:100%;}
.featImgSlide .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlide .imgSlide li span{text-align:center; display:block; padding-top:10px;}
.featImgSlide .flex-control-paging{position:absolute;bottom:-40px;left:50%;text-align:center;list-style:none;margin-left:-50px;}
.featImgSlide .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.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;}
.featImgSlide .flex-control-paging li a.flex-active{background:#3EA4A6;}  
.featImgSlide .flex-prev,.featImgSlide .flex-next{ background:url(images/prev4.png) no-repeat; width:55px; height:80px; position:absolute; top:35%;left:50%;z-index:1; text-indent:-9999px;}
.featImgSlide .flex-prev:focus,.featImgSlide .flex-next:focus{ outline:none;}
.featImgSlide .flex-prev{margin-left:-315px;}
.featImgSlide .flex-next{ background-position:-55px 0;margin-left:250px;}
@media (max-width: 979px) {
	.featImgSlide .flex-prev,.featImgSlide .flex-next{display:none;}
}

.page_bottom {margin:15px 0; font-size:16px; text-align:center;}
.page_bottom a {text-decoration:underline; color:#0072bc;}

/*footer*/
.bottom {
	background-color:#dedede;
	width:100%;
	height: 105px;
}
.footer {
	width: 1050px;
	height:105px;
	margin-right: auto;
	margin-left: auto;
}

.footer .footercol {width:260px; float:left; padding:20px 15px; height:200px;}
.footer .footercol h3{padding-left:30px; font-size:25px; color:#333; font-weight:bold}
.footer .footercol ul{list-style:none; font-size:15px;line-height:35px;}
.footer .footercol ul li{width:50%; float:left}
.footer .footercol ul li img{padding-right:10px;}
.footer .footercol ul li a{ color:#000;}
.footer .footercol ul li a:hover{ text-decoration:underline; color:#36F}
.footer .footercol p{text-align:left; padding-left:30px;}
.footer .footerar {width:780px; float:right;}
.footer .footerar h3{padding-left:20px; padding-top:20px; font-size:25px; color:#333; font-weight:bold}
.footer .footerar ul{list-style:none; font-size:14px;line-height:30px; margin-left:-15px;}
.footer .footerar ul li{width:100%; float:left}
.footer p { padding-top:20px; font-size:14.5px; text-align:center; margin:0}
.footer_main { height: 80px; width: 1050px; text-align:center; font-size:14.5px; margin: 0 auto; color: #adadad;}
.bottom1 { background-color:#f4f4f4; width:100%; height:450px;}
.tag1 {float:left; font-size:14px; margin-left:20px;}
.tag1 a{margin-right:20px; line-height:28px; text-decoration:underline;}

.focus,#article .focus { overflow:hidden;}
.focus h4 { color:#318905; font-size:18px; margin:20px 0 14px; border-bottom:1px solid #DEDEDE; padding-bottom:4px; }
.focus h5 { color:#111; font-size:14px; margin:20px 0 6px;}
.focus h6 { color:#333; font-weight:bold;}
.focus p { margin-bottom:6px;}
.focus a { color:#666;}
.focus dt { color:#555; font-weight:bold; padding-left:16px; margin:16px 0 4px 0;}
.focus dt a { color:#555; font-weight:bold; text-decoration:underline;}
.focus dd { padding:0 0 0 0px; color:#555;}
.focus li { margin-bottom:6px; line-height:1.8em; }
.focus ul li { background:transparent url(/images/list.gif) no-repeat scroll 2px 6px; padding-left:18px; }
.focus .events { padding:18px 0;}
.focus .events li span { float:right; color:#888; font-size:11px;}



.topPro-nav {padding:10px 0; background:#3EA4A6; color:#fff;}
.topPro-nav .pro_name {float:left; font-size:24px; padding:10px 0 0 0;}
.topPro-nav .btn {float:right;}
.topPro-nav .btn a {float:left; line-height:43px;}
.page_top_fixed {display:none; position:fixed; top:0; left:0; width:100%; z-index:40;}

.if_version {background:#fff; width:250px; height:140px; padding:10px; position:fixed; z-index:9999; left:50%; top:50%; margin:-50px 0 0 -130px; text-align:center; border-radius:5px;}
.if_version .if_close_tc {border-radius:50px; width:30px; height:30px; position:absolute; top:-15px; right:-15px; display:block; background:url(images/btn_img.png) no-repeat -58px 8px #000; border:solid 2px #fff; box-shadow:0 2px 2px #333; cursor:pointer;}
.if_version .if_close_top_curr {background-position:0 -32px;}
.if_version p {padding:5px 0;}
.if_version .btn {background:#74bd44; padding:10px 15px; display:block; border-radius:5px; text-align:center; color:#fff; font-size:16px; margin:0 10%;}
.tc_bg,.tc_bg iframe {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:200;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.toTop {display:block; position:fixed; z-index:2; background:url(images/totop.png) no-repeat  -163px -53px; width:55px; height:50px; bottom:30px; right:3%;}

/*main2*/

.revbox{float:right;width:39%;}
.revbox .item{ background:#ececec; border-radius:10px;padding:15px 20px;margin-top:10px;}
.revbox .arrow{display:block;background:url(images/arrow.png) no-repeat;width:34px;height:17px;margin-left:30px;}
.slibox{float:left;width:58%;}
/*rating*/
.rating{display:inline-block;*display:inline; zoom:1;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:15px;width:15px; background:url(images/star_img.png) no-repeat 0 -3px; zoom:1}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bottom_bg{ background:#3ea4a6;color:#fff;padding:35px 0;padding:15px 0;}
.bottom_bg h1{ font-size:47px; font-weight:300; text-align:center; line-height:1.1em;}
.bottom_bg h1 span{ font-size:21px; display:block; font-weight:normal;font-weight:300;}
.bottom_bg .btn{
	width:375px;
	margin:30px auto 0 auto;
}
.bottom1 { background-color:#eceef1; width:100%; height:320px;}
/*xmas_banner*/
.xmas{position: fixed;bottom:0;left: 0;width: 100%;height: 130px;display: none;z-index: 10001;}
.xmasshow{position: absolute;left: 0;bottom:0;z-index: 10002;width: 100%;}
.xmasbg{width: 100%;height: 100%;background: #0c0c0c;opacity: 0.7;filter:alpha(opacity=70);height: 100px;}
.xmascontent{position: absolute;left: 50%;top:-30px;width: 1000px;margin-left: -500px;z-index: 10003}
.xmasbanner{display: block;}
.xmasbanner img{width: 1000px;height: 130px;}
.xmasclosebtn{position: absolute;left:99.5%;top:31px;cursor: pointer;z-index: 10004;padding:3px;}
.xmas img{display: block;border:none;}