.main{font-family:Open Sans,Tahoma,sans-serif}.mainbar{background:#f7f7f8;height:60px;line-height:60px;text-align:left;color:#555;position:static;margin: 20px 0;}.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}.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}
.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/diagram.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 50px;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 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 #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; 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;}

.mainbar_box{width: 100%;max-width: 1200px;height: 100%; margin: auto; display: flex;justify-content: space-between;}
.mainbar_box_t{font-size: 1.7em;}
.mainbar_box_m{font-size: 1.1em;cursor: pointer;}
.mainbar_box_m a{color: #595959;}
.mainbar_box_m a:hover{text-decoration: underline;}
.pruduct{width: 100%;max-width: 1200px; margin: auto; display: flex;justify-content: space-between;flex-wrap:wrap;background: #fff;margin-bottom: 50px;}
.pruduct>div{width:380px;flex-shrink:0;box-sizing: border-box; margin: 20px 0;}
.pruduct_icon{width: 68px;height: 68px;float: left;}
.pruduct_icon_max{background: url('../image/index/edrawmax.png') no-repeat center 100%;}
.pruduct_icon_inf{background: url('../image/index/infographic.png') no-repeat center 100%;}
.pruduct_icon_mid{background: url('../image/index/mindmap.png') no-repeat center 100%;}
.pruduct_icon_org{background: url('../image/index/orgchart.png') no-repeat center 100%;}
.pruduct_icon_pid{background: url('../image/index/pid.png') no-repeat center 100%;}
.pruduct_icon_floor{background: url('../image/index/floorplan.png') no-repeat center 100%;}
.pruduct_icon_viewer{background: url('../image/index/edrawviewer.png') no-repeat center 100%;}
.pruduct_icon_office{background: url('../image/index/office.png') no-repeat center 100%;}
.pruduct_icon_project{background: url('../image/index/project.png') no-repeat center 100%;}


.pruduct_msg{width: 260px;float: left;padding: 0 15px;}
.pruduct_msg_t{font-size: 1.4em;color: #000;}
.pruduct_msg_t a{color: #000;}
.pruduct_msg_t a:hover{text-decoration: underline;}
.pruduct_msg_c{font-size: 1.1em;margin: 2px 0;}
.pruduct_msg_c a{color: #595959;}
.pruduct_msg_c a:hover{text-decoration: underline;}
.pruduct_msg_v > div{width: 15px;height: 15px; float: left;margin: 5px 1px;}
.pruduct_msg_v > div:nth-child(1){background: url('../image/index/windows.png') no-repeat center;}
.pruduct_msg_v > div:nth-child(2){background: url('../image/index/mac.png') no-repeat center;}
.pruduct_msg_v > div:nth-child(3){background: url('../image/index/linux.png') no-repeat center;}
.pruduct_download{width: 19px;height: 68px;float: right;background: url('../image/index/download.png') no-repeat center;cursor: pointer;}

@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 (max-width: 650px){
.pruduct{justify-content: space-around;}
}
@media all and (max-width: 504px)
{
.container {min-width: 100%;}	
.logobar_nav {display:none;}
.menubar {display:none;}
.headflash .nav-arrows{display:none;}
/*.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;}
}