.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:20px 10px}.mainproductsright div h2{float:left}.mainproductsright div p{float:left;width:530px;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:#ffd700;padding:10px 55px;color:white;font-size:15px;font-weight:bold;text-align:center;margin-left:120px}.mainproductsright div a:hover{background:#ffa500}.mainproductsleft{background:#fff;padding:20px 10px}.mainproductsleft div h2{float:right;width:530px}.mainproductsleft div p{float:right;width:530px;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:right;display:block;background:#ffd700;padding:10px 55px;color:white;font-size:15px;font-weight:bold;text-align:center;margin-right:120px}.mainproductsleft div a:hover{background:#ffa500}.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:14px;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:6000px}.content_screencast_pic ul li{text-align:center;float:left;width:1200px;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/linuxdiagram.png);width:100%;height:700px;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/linuxdiagram.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{margin-left:100px;margin-top:100px;float:left; z-index:2;color:#fff;width:550px;padding-top:60px; padding-left:60px; padding-right:40px; position:absolute;background: rgba(51, 111, 149, 0.7);}
.new_banner .pro_text h2{ font-size:36px; line-height:1.8em;padding-bottom:20px;}
.new_banner .pro_text h3{ font-size:30px; line-height:1.8em;padding-bottom:20px;}
.new_banner .pro_text p{ font-size:16px; line-height:1.8em;padding-bottom:25px;}
.new_banner .pro_text .try{background:none repeat scroll 0 0 #336282;color:#FFF;border-radius:5px;line-height:40px;display:inline-block;padding:0 60px;font-weight:bold;transition:all .3s ease 0s;margin-right:10px;text-align:center;font-size:14px}.new_banner .pro_text .try:hover{background:none repeat scroll 0 0 #396e92}.new_banner .pro_text .buy{background:none repeat scroll 0 0 #f9c11b;color:#FFF;border-radius:5px;line-height:40px;display:inline-block;padding:0 50px;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 #fecd3a}
.icons{ float: left; width: 300px; padding:28px 0 0 0 ;height:auto;line-height:normal;}
.icons h3{ height: 50px;  color: #666; font-size: 14px;}
.icons a{ float: left;  padding-top: 52px; margin-right:48px; padding-right:0px;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;}

@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/linuxdiagram.png);width:100%;height:700px;background-size:cover;background-position:center center}
	.new_banner .pro_text{margin-left:100px;margin-top:50px;float:left; z-index:2;color:#fff;width:45%;padding-top:60px; padding-left:60px; padding-right:40px; position:absolute;background: rgba(51, 111, 149, 0.7);}
	.mainproductsright div p{width:450px;}
	.mainproductsleft div p{width:450px;}
	.mainproductsleft div h2{width:450px;}
}
@media (max-width: 979px) {
	.new_banner .pro_bg1{background-image:url(../image/linuxdiagram.png);width:100%;height:700px;background-size:cover;background-position:center center}
	.new_banner .pro_text{margin-left:75px;margin-top:50px;float:left; z-index:2;color:#fff;width:50%;padding-top:60px; padding-left:60px; padding-right:40px; position:absolute;background: rgba(51, 111, 149, 0.7);}
}
@media (max-width: 767px) {
	.new_banner .pro_bg1{background-image:url(../image/linuxdiagram.png);width:100%;height:700px;background-size:cover;background-position:center center}
	.new_banner .pro_text{margin-left:50px;margin-top:50px;float:left; z-index:2;color:#fff;width:55%;padding-top:60px; padding-left:60px; padding-right:40px; position:absolute;background: rgba(51, 111, 149, 0.7);}
	.new_banner .pro_text p{ display:none;}
}
@media (max-width: 504px) {
	.new_banner .pro_bg1{background-image:url(../image/linuxdiagram.png);width:100%;height:700px;background-size:cover;background-position:center center}
	.new_banner .pro_text{margin-left:30px;margin-top:50px;float:left; z-index:2;color:#fff;width:60%;padding-top:60px; padding-left:60px; padding-right:40px; position:absolute;background: rgba(51, 111, 149, 0.7);}
	.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: 504px)
{
.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%;  padding-right: 0px; margin: 0px 0; float:left;}
.mainproductsleft .wrap h2{width: 100%; float:left;}
.mainproductsright div p{width: 100%;  padding-right: 0px; margin: 0px 0; float:left;}
.mainproductsright .wrap h2{width: 100%; float:left;}
}