.main{background:#f3f4f5}.mainbar{background:#f7f7f8;height:80px;line-height:80px;text-align:center;color:#222;position:static}.headflash{background:#0097e0;position:relative}.sl-slide_right h2{position:absolute;top:0;left:600px}.sl-slide_right blockquote{position:absolute;top:100px;left:600px}.sl-slide_right .buy{position:absolute;top:300px;left:605px}.recent-projects{position:relative}.recent-projects .project-post .pic1{background-image:url(../macdiagram/images/macdiagram.png);background-position:0 0;width:234px;height:176px}.recent-projects .project-post .pic2{background-image:url(../macdiagram/images/macdiagram.png);background-position:0 -176px;width:234px;height:176px}.recent-projects .project-post .pic3{background-image:url(../macdiagram/images/macdiagram.png);background-position:0 -352px;width:234px;height:176px}.recent-projects .project-post .pic4{background-image:url(../macdiagram/images/macdiagram.png);background-position:0 -528px;width:234px;height:176px}.recent-projects .project-post .pic5{background-image:url(../macdiagram/images/macdiagram.png);background-position:0 -704px;width:234px;height:176px}.recent-projects .project-post .pic6{background-image:url(../macdiagram/images/macdiagram.png);background-position:0 -880px;width:234px;height:176px}.recent-projects .project-post .pic7{background-image:url(../macdiagram/images/macdiagram.png);background-position:0 -1056px;width:234px;height:176px}.recent-projects .project-post .pic8{background-image:url(../macdiagram/images/macdiagram.png);background-position:0 -1232px;width:234px;height:176px}#project-post_left{margin-left:0}.mainproducts{background:#fff;padding:20px 0}.mainproducts .features{display:block;text-align:center;font-size:20px;color:#3bace2}.mainproducts .features:hover{color:#1874cd}.mainproductsright{background:#f7f7f8;padding:50px 10px}.mainproductsright div h2{float:left}.mainproductsright div p{float:left;width:550px;padding-right:50px;margin:30px 0;line-height:150%;font-size:16px;font-weight:300;letter-spacing:1px;}.mainproductsright div img{float:right;margin-right:10px}.mainproductsright div a{float:left;display:block;background:#3598dc;padding:10px 30px;color:white;font-size:15px;font-weight:bold;text-align:center;}.mainproductsright div a:hover{background:#2a80b9}.mainproductsleft{background:#fff;padding:50px 10px}.mainproductsleft div h2{float:right;width:550px}.mainproductsleft div p{float:right;width:550px;margin:30px 0;line-height:150%;font-size:16px;font-weight:300;letter-spacing:1px;}.mainproductsleft div img{float:left;margin-left:10px}.mainproductsleft div a{float:left;display:block;background:#3598dc;padding:10px 30px;color:white;font-size:15px;font-weight:bold;text-align:center;margin-right:120px}.mainproductsleft div a:hover{background:#2a80b9}.mainvideos{background:white;padding:20px 0}.mainvideos_title{color:#cdc9c9;text-align:center;margin-bottom:20px}.mainvideos h3{color:#666;text-align:center;font-size:22px;font-weight:400}.mainvideos h5{color:#666;text-align:center;font-weight:300;font-size:16px;margin:20px 0}.mainvideos div div{text-align:center}.project-content{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,151,224,0.8);background:#fefefe\0/;text-align:center;opacity:0;visibility:hidden;transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;-o-transition:all .1s linear}.project-content h2{display:inline-block;color:#fff;font-size:18px;font-family:'Open Sans',sans-serif;padding-bottom:10px;border-bottom:1px solid #fff;line-height:inherit;margin-bottom:10px;margin-top:-50px;transition:all .17s linear;-moz-transition:all .17s linear;-webkit-transition:all .17s linear;-o-transition:all .17s linear}.project-content p{color:#fff;font-size:13px;font-family:'Open Sans',sans-serif;line-height:18px;margin-bottom:10px;padding:0 15px;max-height:54px;overflow:hidden;opacity:0;transition:all .22s linear;-moz-transition:all .22s linear;-webkit-transition:all .22s linear;-o-transition:all .22s linear}.zoom-image:hover,.link-image:hover{opacity:.5}.link-image{background:rgba(0,0,0,0.1) url('../images/link.png') center center no-repeat;background:#000 url('../images/link.png') center center no-repeat\0/;margin-left:2px}.project-post:hover .zoom-image{bottom:18px}.link-image{display:inline-block;width:41px;height:41px;position:absolute;bottom:-80px;left:40%;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}

.content_screencast_pic h1{text-align:center;margin:0 0 20px 0;font-weight:400;font-size:26px;font-family:Verdana}.content_screencast_pic{overflow:hidden}.content_screencast_pic ul{width:5000px}.content_screencast_pic ul li{text-align:center;float:left;width:1000px;height:500px}.content_screencast_pic ul li div{padding:10px 0}.roundbutton{text-align:center}.roundbutton li{display:inline-block;background:#e0e0e0;width:14px;height:14px;cursor:pointer;overflow:hidden;border-radius:20px;margin:0 5px}.roundbutton .sli{display:inline-block;background:red;width:14px;height:14px;cursor:pointer;overflow:hidden;border-radius:20px}.productcontent_flash{padding:20px 0}.productcontent_flash h3{padding:10px 0 20px 0;text-align:center;font-size:23px;font-weight:400}

.new_banner{background-color:#6d9bb6;}
.new_banner .container{ position:relative;}
.new_banner .pro_bg1{background-image:url(../image/viewer.png);width:100%;height:550px;background-size:cover;background-position:center center}
.new_banner .pro_bg2{background-image:url(../image/mindmaster1.png);width:100%;height:550px;background-size:cover;background-position:center center}
.new_banner .pro_bg3{background-image:url(../image/mindmaster-feature.png);width:100%;height:400px;background-size:cover;background-position:center center}
.new_banner .pro_bg4{background-image:url(../mindmaster/images/banner/mindmaster-usage-banner.png);width:100%;height:400px;background-size:cover;background-position:center center}
.new_banner .play{ position:absolute;width:115px;display:block;top:200px;left:50%;margin-left:-57px;}
.new_banner .play a,.banner_white .play a{display:block; background:url(../image/viewer.png) no-repeat;width:115px;height:115px; text-indent:-9999px;}
.new_banner .play a:hover, .play a:hover{ background-position:0 -115px;}
.new_banner .pro_text{left: 50%;top: 50%;margin-left:-350px;margin-top:-170px;float:left; z-index:2;color:#fff;width:700px;padding-top:60px; position:absolute;text-align: center}
.new_banner .pro_text h2{ font-size:40px; line-height:1.8em;padding-bottom:20px;}
.new_banner .pro_text h4{ font-size:20px; line-height:1.8em;padding-bottom:20px;font-weight:300;color:#fff;}
.new_banner .pro_text p{ font-size:16px; line-height:1.8em;padding-bottom:25px;text-align: center}
.new_banner .pro_text .try{background:none repeat scroll 0 0 #f49c14;color:#FFF;border-radius:5px;line-height:40px;display:inline-block;padding:0 70px;font-weight:bold;transition:all .3s ease 0s;margin-right:-15px;text-align:center;font-size:14px}.new_banner .pro_text .try:hover{background:none repeat scroll 0 0 #e77e23}.new_banner .pro_text .buy{background:none repeat scroll 0 0 #e77e23;color:#FFF;border-radius:5px;line-height:40px;display:inline-block;padding:0 79px;font-weight:bold;transition:all .3s ease 0s;margin-right:10px;text-align:center;font-size:14px}.new_banner .pro_text .buy:hover{background:none repeat scroll 0 0 #e77e23}
.icons{ float: left; width: 300px; padding-top: 28px;}
.icons h3{ height: 50px;  color: #666; font-size: 14px;}
.icons a{ float: left;  padding-top: 52px; margin-right:48px; background-image: url(../images/os.png);background-repeat: no-repeat; display: block; no-repeat 0 0; text-align: center; font-size: 14px;color: #fff;}
.icons a:hover{ color: #12b7f5;}
.icons a.pc{ width: 48px; height: 48px; background-position: -237px -5px;}
.icons a.pc:hover{ width: 48px;height: 48px;background-position: -295px -5px;}
.icons a.mac{ width: 48px;height: 48px; background-position: -121px -5px;}
.icons a.mac:hover{ width: 48px; height: 48px; background-position: -63px -5px;}
.icons a.linux{ width: 48px; height: 48px; background-position: -179px -5px;}
.icons a.linux:hover{ width: 48px; height: 48px; background-position: -5px -5px;}

.module-full-screen > .module-inner { padding:50px 0 50px; background:#f7f7f8;}
.module-full-screen > .module-inner .page-width { width:auto;max-width:1200px;margin:auto;}
.module-full-screen > .module-inner_white { padding:50px 0 50px; background:#fff;}
.module-full-screen > .module-inner_white .page-width { width:auto;max-width:1200px;margin:auto;}
.module-full-screen-title { margin-bottom:40px; text-align:center; }
.module-full-screen-title > h2 { margin-bottom:8px; font-size:28px; line-height:normal; font-weight:normal; }
.module-full-screen-title > .module-title-content > h3 {  display:inline-block; *display:inline; *zoom:1; margin:0 40px; font-size:16px; line-height:normal; font-weight:normal; color:#808080; }
.module-full-screen-title > .module-title-content > i { display:inline-block; *display:inline; *zoom:1; position:relative; top:-5px; width:100px; height:1px; overflow:hidden; background-color:#ccc; }
.module-full-screen-more { float:none; clear:both; margin-top:30px;text-align:center; }
.module-full-screen-more a { display:inline-block; *display:inline; *zoom:1; line-height:34px; padding:0 35px; border:1px solid #b3b3b3; color:#808080; transition:all 0.5s ease 0s; }
.module-full-screen-more a:hover, .module-full-screen-more a:active { background-color:#3d9900; border-color:#3d9900; color:#fff; text-decoration:none; }
.module-full-screen-gray { background-color:#f5f5f5; }
.module-full-screen-hl { background-color:#388c00; color:#fff !important; }
.module-full-screen-hl a { color:#fff; }
.module-full-screen-hl .module-full-screen-title > h2 { color:#fff; }
.module-full-screen-hl .module-full-screen-title > .module-title-content > h3 { color:#e5e5e5; }
.module-full-screen-hl .module-full-screen-title > .module-title-content > i { background-color:#fff; }
.module-full-screen-hl .page-width > .module-full-screen-content { color:#fff !important; }
.module-full-screen-hl .page-width > .module-full-screen-content p { color:#fff !important; }
.module-full-screen-hl .page-width > .module-full-screen-content a { color:#fff !important; }
.module-full-screen-hl .page-width > .module-full-screen-content a:hover { color:#fff !important; text-decoration:underline; }
.module-full-screen-hl .module-full-screen-more a { color:#fff; border-color:#fff; }
.module-full-screen-hl .module-full-screen-more a:hover { background-color:#fff; border-color:#fff; color:#333; text-decoration:none; }
.module-full-screen-bg-img { background-repeat:no-repeat; background-position:center; background-size:cover; }

.module-full-screen-padding-bottom { padding-bottom:70px; }
.module-full-screen-more-fixed > .module-inner .page-width { position:relative; }
.module-full-screen-more-fixed .module-full-screen-more { position:absolute; left:50%; z-index:1000; margin-left:-48px; margin-top:20px; -webkit-animation:upAndDown 2s infinite; animation:upAndDown 2s infinite; }
.module-full-screen-more-fixed .module-full-screen-more a:hover { background-color:transparent; background-position:0 -97px; color:#fff; }

.column {width:100%;display:flex;justify-content:space-around;flex-wrap:wrap }
.col-5-1{flex: 1}
.qhd-content h1 { font-size:34px; font-size:3.4rem; padding-top:25px; margin-bottom:15px; font-weight:normal; }
.qhd-content h2 { font-size:28px; font-size:2.8rem; padding-top:23px; margin-bottom:12px; font-weight:normal; }
.qhd-content h3 { font-size:22px; font-size:2.2rem; padding-top:20px; margin-bottom:10px; font-weight:normal; }
.qhd-content h4 { font-size:18px; font-size:1.8rem; padding-top:15px; }
.qhd-content h5 { font-size:16px; font-size:1.6rem; padding-top:10px; }
.qhd-content h6 { font-size:14px; font-size:1.4rem; }
.qhd-content p { line-height:1.8; text-align: center;}
.qhd-content hr { border-color:#ccc; }
.qhd-content em { font-style:italic; }
.qhd-content sup { vertical-align:super; font-size:12px; }
.qhd-content sub { vertical-align:sub; font-size:12px; }
.qhd-content blockquote { line-height:1.6; padding:5px 10px 5px 15px; font-family:"微软雅黑"; background:none; border-left:3px solid #b3b3b3; background-color:#fff; color:#808080; }
.qhd-content blockquote p { margin-bottom:5px; }
.qhd-content ul, .qhd-content ol { line-height:1.8; }
.qhd-content ul li, .qhd-content ol li { padding-top:2px; padding-bottom:2px; } 
.qhd-content ul.iconlist li { background-position:0 7px; }
.qhd-content ol { padding-left:2.5em; }
.qhd-content img { vertical-align:middle; max-width:100%; _max-width:none; height:auto !important; }
.qhd-content a:hover img { opacity:0.9; filter:alpha(Opacity=90); }
.qhd-content .try{background:none repeat scroll 0 0 #ff9b00;color:#fff;border-radius:5px;line-height:40px;display:inline-block;padding:0 70px;font-weight:bold;transition:all .3s ease 0s;margin-right:10px;margin-top:30px;text-align:center;font-size:14px}.qhd-content .try:hover{background:none repeat scroll 0 0 #e77e23}



@media (max-width: 990px) {
.mainbuy{display:none;}
.productcontent_flash{display:none;}
.mainproductsright .wrap h2{padding:25px 0 25px 0;}
}

@media (max-width: 1280px) {
	.new_banner .pro_bg1{background-image:url(../image/viewer.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg2{background-image:url(../image/mindmaster.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg3{background-image:url(../image/mindmaster-feature.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg4{background-image:url(../mindmaster/images/banner/mindmaster-usage-banner.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_text{margin-left:0px;margin-top:-280px;float:left; z-index:2;color:#fff;width:45%;padding-top:60px; position:absolute;top: 50%;left: 50%;transform: translate(-50%, 0)}
}
@media (max-width: 979px) {
	.new_banner .pro_bg1{background-image:url(../image/viewer.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg2{background-image:url(../image/mindmaster.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg3{background-image:url(../image/mindmaster-feature.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg4{background-image:url(../mindmaster/images/banner/mindmaster-usage-banner.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_text{margin-left:0px;margin-top:-300px;float:left; z-index:2;color:#fff;width:50%;padding-top:60px; position:absolute;top: 50%;left: 50%;transform: translate(-50%, 0)}
}
@media (max-width: 767px) {
	.new_banner .pro_bg1{background-image:url(../image/viewer.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg2{background-image:url(../image/mindmaster.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg3{background-image:url(../image/mindmaster-feature.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg4{background-image:url(../mindmaster/images/banner/mindmaster-usage-banner.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_text{margin-left:0px;margin-top:-300px;float:left; z-index:2;color:#fff;width:55%;padding-top:60px; position:absolute;top: 50%;left: 50%;transform: translate(-50%, 0)}
	.new_banner .pro_text p{ display:none;}
}
@media (max-width: 504px) {
	.new_banner .pro_bg1{background-image:url(../image/viewer.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg2{background-image:url(../image/mindmaster.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg3{background-image:url(../image/mindmaster-feature.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_bg4{background-image:url(../mindmaster/images/banner/mindmaster-usage-banner.png);width:100%;height:550px;background-size:cover;background-position:center center}
	.new_banner .pro_text{margin-left:0px;margin-top:-300px;float:left; z-index:2;color:#fff;width:60%;padding-top:60px; position:absolute;top: 50%;left: 50%;transform: translate(-50%, 0)}
	.new_banner .pro_text p{ display:none;}
}

.pro-ad {background:#f3f3f3; padding:25px 0 15px 0;}
.pro-ad .quote {overflow:hidden;}
.pro-ad .quote li {display:none;}
.pro-ad .quote .img{  float:left; width:23%; padding-bottom:10px; text-align:center;}
.pro-ad .quote .con,.pro-ad .quote .name{ float:right; width:75%;}
.pro-ad .quote .con a {text-decoration:underline;}
.pro-ad .quote .name{text-align:right; padding:5px 0;}
@media (max-width: 767px) {
	.pro-ad .quote .img {float:none; width:auto; text-align:center;}
	.pro-ad .quote .con,.pro-ad .quote .name {float:none; width:auto;}
}

@media all and (max-width: 704px)
{
.container {min-width: 100%;}	
.logobar_nav {display:none;}
.menubar {display:none;}
.headflash .nav-arrows{display:none;}
.main .mainbar h1 {display: block;font-size:1.5em;}
.main .mainvideos div img{float:left; margin-left: 0px; margin-right: 0px;width:100%;}
.mainproductsright div img{float:left; margin-left: 0px; margin-right: 0px;width:90%;}
.mainproductsleft div img{float:left; margin-left: 0px; margin-right: 0px;width:90%;}
.mainproductsleft .wrap p{width: 100%; float:left;}
.mainproductsleft .wrap h2{width: 100%; float:left;}
.mainproductsleft div a{padding: 10px 30px; float:left;margin-left: 0px; margin-right: 0px;}
.mainproductsright div p{width: 100%; }
.mainproductsright .wrap h2{width: 100%; float:left;}
.mainproductsleft div h2{float:left;}
.module-full-screen-title > .module-title-content > i {display:none;}
}