.main{background:#0097e0}.mainbar{background:#f7f7f8;height:80px;line-height:80px;text-align:center;color:#555;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(../images/diagramsolutions.png);background-position:0 0;width:234px;height:176px}.recent-projects .project-post .pic2{background-image:url(../images/diagramsolutions.png);background-position:0 -176px;width:234px;height:176px}.recent-projects .project-post .pic3{background-image:url(../images/diagramsolutions.png);background-position:0 -352px;width:234px;height:176px}.recent-projects .project-post .pic4{background-image:url(../images/diagramsolutions.png);background-position:0 -528px;width:234px;height:176px}.recent-projects .project-post .pic5{background-image:url(../images/diagramsolutions.png);background-position:0 -704px;width:234px;height:176px}.recent-projects .project-post .pic6{background-image:url(../images/diagramsolutions.png);background-position:0 -880px;width:234px;height:176px}.recent-projects .project-post .pic7{background-image:url(../images/diagramsolutions.png);background-position:0 -1056px;width:234px;height:176px}.recent-projects .project-post .pic8{background-image:url(../images/diagramsolutions.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;margin-top:20px;}.mainproductsright div p{float:left;width:610px;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;margin-top:20px;margin-bottom:20px;}.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;margin-top:20px;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;margin-top:20px;margin-bottom:20px;}.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:black;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:#0097e0\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}.carousel{position:relative;line-height:1}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);border-radius:5px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:0;bottom:0;left:0;padding:15px;background:#333;background:rgba(0,0,0,0.75)}.carousel-caption h4,.carousel-caption p{line-height:20px;color:#fff}.carousel-caption h4{margin:0 0 5px}.carousel-caption p{margin-bottom:0}
.new_banner{background-color:#6d9bb6;}
.new_banner .container{ position:relative;}
.new_banner .pro_bg1{background-image:url(../image/diagram.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/macversion.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:150px;margin-top:80px;float:left; z-index:2;color:#fff;width:550px;padding-top:40px; padding-left:60px; padding-right:40px; position:absolute;}
.new_banner .pro_text h2{ font-size:50px; line-height:1.8em;padding-bottom:20px;}
.new_banner .pro_text h3{ font-size:36px; line-height:1.8em;padding-bottom:20px;}
.new_banner .pro_text p{ font-size:20px; line-height:1.8em;padding-bottom:50px;}
.new_banner .pro_text .try{background:none repeat scroll 0 0 #3d4261;color:#FFF;border-radius:5px;line-height:45px;display:inline-block;padding:0 70px;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 #4d5d87}.new_banner .pro_text .buy{background:none repeat scroll 0 0 #ff8547;color:#FFF;border-radius:5px;line-height:45px;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 #ff9561}
.icons{ float: left; width: 300px; padding-top: 40px;}
.icons h3{ height: 50px;  color: #666; font-size: 14px;}
.icons a{ float: right;  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;}

.sl-slide_left .choose_ver {position:absolute;left:0px;top:370px}
.sl-slide_left .choose_ver a {margin-top:0px;width:50px;}

@media (max-width: 1280px) {
	.new_banner .pro_bg1{background-image:url(../image/diagram.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:50%;padding-top:40px; padding-left:60px; padding-right:40px; position:absolute;}
}
@media (max-width: 1010px) {
	.new_banner .pro_bg1{background-image:url(../image/diagram.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:65%;padding-top:40px; position:absolute;}
}
@media (max-width: 767px) {
	.new_banner .pro_bg1{background-image:url(../image/diagram.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:70%;padding-top:40px; position:absolute;}
	.new_banner .pro_text p{ display:none;}
	.main .mainvideos div img{float:left; margin-left: 0px; margin-right: 0px;width:100%;}
}
@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;}
.new_banner .pro_bg1{background-image:url(../image/diagram.png);width:100%;height:700px;background-size:cover;background-position:center center}
.new_banner .pro_text{margin-left:10px;margin-top:20px;float:left; z-index:2;color:#fff;width:60%;padding-top:40px; position:absolute;}
.new_banner .pro_text p{ display:none;}
.new_banner .icons{ display:none;}
.new_banner .pro_text .buy{padding:0 30px;}
.new_banner .pro_text .try{padding:0 21px;}
.new_banner .pro_text h2{ font-size:46px;}
.new_banner .pro_text h3{font-size:32px;}
}
.red {
	color: #F00;
}
.red {
	color: #F00;
}
.red {
	color: #F00;
}
.red {
	color: #F00;
}
.green {
	color: #00FF40;
}
.green {
	color: #008000;
}
.green {
	color: #008000;
}
.green {
	color: #008000;
}
.green {
	color: #008000;
}
.green {
	color: #008000;
}
.green {
	color: #008000;
}
.green {
	color: #008000;
}