.banner-w{ background-color:#00b0e6; width:100%;  }
.banner .img{ position:relative;}.banner .text{ position:relative;}
.b-3icon{position: absolute; z-index:2; }
.b-icon{position: absolute; z-index:3; }
.b-computer{position: absolute; z-index:1; }
.banner-win,.banner-mac{display:block;border:2px solid #fff;}.banner-win:hover,.banner-mac:hover{ text-decoration:none;}
.banner-win,.banner-win:hover,.banner-mac:hover{  color:#2b2b2b;}
.banner-mac{ color:#fff; }
.show-pro,.h-pro-menu,.h-reviews{ overflow:hidden; margin:0 auto;}
.show-pro1,.show-pro2,.show-pro3{ float:left; display:block; text-align:center;}
.show-pro a:hover{ background-color:#fff; text-decoration:none; color:#00a6d9;}
.show-pro a div img{ margin-right:5px;}
/*--*/
a.h-pro-menu-a{ display:block; text-align:center;float:left;}a.h-pro-menu-a:hover{background-color:#f5f9fa; color:#00465c; text-decoration:none;}a.h-pro-menu-a dl dd span{ display:block; border:2px solid #00465c; line-height:34px; margin:0 auto;background-color:#fff;transition:background-color 0.4s;-moz-transition: background-color 0.4s;-webkit-transition:background-color 0.4s;-webkit-transition: background-color 0.4s;-o-transition: background-color 0.4s;}a.h-pro-menu-a:hover dl dd span{ background-color:#00465c; color:#FFF;}

.h-pro-menu-a dl dd{ color:#7d7d7d;}
.h-reviews a{ display:block; float:left; text-align:center; background-color:#fff;color:#7d7d7d;}.h-reviews a:hover{ text-decoration:none; background-color:#f5f9fa;}.h-reviews a span{ color:#3d3d3d; display:block; padding:10px 0 0;}
.h-pro-menu-a img{ width:96px;}.show-pro a .img{ width:55px;}
@media(min-width:1000px){
	.banner-w{ height:500px; overflow:hidden;}
	.banner{ width:1000px; margin:0 auto;}
	.banner .img{left:0%;top:50px; }.banner .text{ width:55%; color:#FFF; left:50%;top:98px;  }.banner .text p{font-size:1.8em; }.banner .text h1{ font-size:3.2em; margin:20px 0 40px; line-height:50px; font-weight:100;}
	.b-3icon{position: absolute; z-index:2; left:0; top:0;}
	.b-3icon img,.b-icon img,.b-computer img{ width:90%;}
	.b-icon{position: absolute; z-index:3; left:40px; top:100px;animation: myfirst 2s linear 0.3s 3 ;	/* Firefox: */	-moz-animation: myfirst 2s linear 0.3s 3 ;	/* Safari and Chrome: */	-webkit-animation: myfirst 2s linear 0.3s 3 ;	/* Opera: */	-o-animation: myfirst 2s linear 0.3s 3 ;	}
	@keyframes myfirst{0%   { left:40px; top:100px;}50% { left:40px; top:120px;}100% { left:40px; top:100px;}}
	@-moz-keyframes myfirst /* Firefox */{50% { left:40px; top:120px;}100% { left:40px; top:100px;}}
	@-webkit-keyframes myfirst /* Safari and Chrome */{50% { left:40px; top:120px;}100% { left:40px; top:100px;}}
	@-o-keyframes myfirst /* Opera */{50% { left:40px; top:120px;}100% { left:40px; top:100px;}}
	.b-computer{position: absolute; z-index:1; left:45px; top:250px;}
	.banner-win,.banner-mac{ font-size:1.3em; line-height:56px;width:24%; padding-left:70px;float:left; }
	.banner-win{ background:#FFF url(../images/new-home/icon.png ) 22px 12px no-repeat; }
	.banner-win:hover{  background:#e6f7fd url(../images/new-home/icon.png ) 22px 12px no-repeat; }
	.banner-mac{ background: url(../images/new-home/icon.png ) 22px -198px no-repeat; color:#fff;margin-left:20px; }
	.banner-mac:hover{ background:#fff url(../images/new-home/icon.png ) 22px -128px no-repeat;}
	/*banner end*/
	.show-pro,.h-pro-menu,.h-reviews{ width:1000px; margin:0 auto;}
	.show-pro1,.show-pro2,.show-pro3{ padding:50px 0 40px; width:33%;}
	.show-pro a p{ font-size:1.5em; margin:10px 0 10px;}
	.show-pro a{ font-size:14px;}.show-pro2{ border-left:2px solid #fff;border-right:2px solid #fff;}
	/*-end-*/
	.home-h2{ font-size:2em; text-align:center;}
	.h-pro-menu{ padding:40px 0 30px; font-weight:100;}
	.h-pro-menu-a{ width:46%; padding:30px 2% 20px;   }.h-pro-menu-a dl dt{ font-size:1.5em;}.h-pro-menu-a dl dd{  margin-bottom:20px;}.h-pro-menu-a dl dd span{ width:50%; }
	.h-reviews-w{padding:40px 0;}
	.h-reviews a{ width:29%; padding:30px 2%; height:200px; margin:20px 0 0;}.h-reviews-a1{ border-bottom:3px solid #00465c;}.h-reviews-a2{border-bottom:3px solid #ff8809; border-left:2px solid #f5f9fa;border-right:2px solid #f5f9fa;}

	}

@media(min-width:1600px){
	.banner-w{ height:550px; overflow:hidden;}
	.banner{ width:1280px; margin:0 auto;}
	.banner .img{left:0%;top:50px; }.banner .text{ width:55%; color:#FFF; left:50%;top:68px;  }.banner .text p{font-size:2em; }.banner .text h1{ font-size:4.5em; margin:20px 0 40px; line-height:70px;}
	.b-3icon{left:0; top:0;}
	.b-3icon img,.b-icon img,.b-computer img{ width:100%;}
	.b-icon{ left:40px; top:100px;	}
	.b-computer{ left:45px; top:280px;}
	.banner-win,.banner-mac{ font-size:1.5em; line-height:66px;width:21%; padding-left:80px; }
	.banner-win{ background:#FFF url(../images/new-home/icon.png ) 22px 16px no-repeat; color:#2b2b2b;}
	.banner-win:hover{  background:#e6f7fd url(../images/new-home/icon.png ) 22px 16px no-repeat; color:#2b2b2b;}
	.banner-mac{ background: url(../images/new-home/icon.png ) 22px -193px no-repeat; color:#fff; }
	.banner-mac:hover{ background:#fff url(../images/new-home/icon.png ) 22px -123px no-repeat;color:#2b2b2b;}
	/*banner end*/
	.show-pro,.h-pro-menu,.h-reviews{ width:1544px; }
	.show-pro1,.show-pro2,.show-pro3{ padding:50px 0 40px; width:33%;}
	.show-pro a p{ font-size:1.8em; margin:10px 0 10px;}
	/*-end-*/
	.home-h2{ font-size:2em; text-align:center;}
	.h-pro-menu-a{ width:21%; padding:30px 2% 20px;  }.h-pro-menu-a dl dt{ font-size:1.8em;}.h-pro-menu-a dl dd{  margin-bottom:20px;}.h-pro-menu-a dl dd span{ width:50%; }
	.h-reviews-w{padding:40px 0;}
	.h-reviews a{ width:29%; padding:30px 2%; height:180px; margin:20px 0 0;}.h-reviews-a1{ border-bottom:3px solid #00465c;}.h-reviews-a2{border-bottom:3px solid #ff8809; border-left:2px solid #f5f9fa;border-right:2px solid #f5f9fa;}
	
	}
@media (max-width:999px){
	.banner-w{ height:430px; overflow:hidden;}
	.banner{ width:95%; }
	.banner .img{left:0%;top:35px; }.banner .text{ width:55%; color:#FFF; left:46%;top:68px;  }.banner .text p{font-size:1.6em; }.banner .text h1{ font-size:3em; margin:20px 0 40px; line-height:50px;}
	.b-3icon{left:0; top:0;}
	.b-3icon img,.b-icon img,.b-computer img{ width:75%;}
	.b-icon{ left:40px; top:80px;	}
	.b-computer{ left:45px; top:220px;}
	.banner-win,.banner-mac{ font-size:1.2em; line-height:50px;width:23%; padding-left:70px;float:left; }
	.banner-win{ background:#FFF url(../images/new-home/icon.png ) 22px 10px no-repeat; }
	.banner-win:hover{  background:#e6f7fd url(../images/new-home/icon.png ) 22px 10px no-repeat; }
	.banner-mac{ background: url(../images/new-home/icon.png ) 22px -198px no-repeat; color:#fff;margin-left:20px; }
	.banner-mac:hover{ background:#fff url(../images/new-home/icon.png ) 22px -128px no-repeat;}
	/*banner end*/
	.show-pro{  width:95%;}
	.show-pro1,.show-pro2,.show-pro3{ padding:30px 0 20px; width:33%;}
	.show-pro a p{ font-size:1.5em; margin:10px 0 10px;}
	.show-pro a{ font-size:14px;}.show-pro2{ border-left:2px solid #fff;border-right:2px solid #fff;}
	/*-end-*/
	.home-h2{ font-size:2em; text-align:center;}
	.h-pro-menu{ padding:40px 0 30px; font-weight:100;}
	.h-pro-menu-a{ width:46%; padding:30px 2% 20px;   }.h-pro-menu-a dl dt{ font-size:1.5em;}.h-pro-menu-a dl dd{  margin-bottom:20px;}.h-pro-menu-a dl dd span{ width:50%; }
    .h-reviews-w{padding:40px 0;}
	.h-reviews a{ width:90%; padding:30px 2%; margin:0px auto 0; float:none;}.h-reviews-a1{ border-bottom:3px solid #00465c;}.h-reviews-a2{border-bottom:3px solid #ff8809; border-left:2px solid #f5f9fa;border-right:2px solid #f5f9fa;}
}
@media (max-width:400px){
	.banner-w{ height:760px; }
	.banner .img{left:0%;top:35px; text-align:center; }.banner .text{ width:100%;  text-align:center; color:#FFF; left:0%;top:370px;  }.banner .text p{font-size:1.3em; }.banner .text h1{ font-size:2.2em; margin:20px 0 30px; line-height:40px;}
	.b-3icon{left:0; top:0;}
	.b-3icon img,.b-icon img,.b-computer img{ width:75%;}
	.b-icon{ left:0px; top:60px;	}
	.b-computer{ left:0px; top:150px;}
	.banner-win,.banner-mac{ font-size:1.2em; line-height:50px;width:50%; margin:0 auto 10px; padding-left:70px; float:none; }
	.banner-win{ background:#FFF url(../images/new-home/icon.png ) 22px 10px no-repeat; }
	.banner-win:hover{  background:#e6f7fd url(../images/new-home/icon.png ) 22px 10px no-repeat; }
	.banner-mac{ background: url(../images/new-home/icon.png ) 22px -198px no-repeat; color:#fff; }
	.banner-mac:hover{ background:#fff url(../images/new-home/icon.png ) 22px -128px no-repeat;}
	/*banner end*/
	.show-pro{  width:95%;}
	.show-pro1,.show-pro2,.show-pro3{ padding:30px 0 20px; width:100%;}
	.show-pro a p{ font-size:1.5em; margin:10px 0 10px;}
	.show-pro a{ font-size:14px;}.show-pro2{ border-top:2px solid #fff;border-bottom:2px solid #fff;}
	/*-end-*/
	.home-h2{  line-height:30px;}
	.h-pro-menu{ padding:40px 0 30px; font-weight:100;}
	.h-pro-menu-a{ width:96%; padding:30px 2% 20px;   }.h-pro-menu-a dl dt{ font-size:1.5em;}.h-pro-menu-a dl dd{  margin-bottom:20px;}.h-pro-menu-a dl dd span{ width:50%; }

}

/*-banner end-*/


.l-more{ width:168px; text-align:center; border:1px solid #f2f2f2;line-height:25px; height:23px; display:block; background-color:#f2f2f2;border-radius:3px;text-transform:uppercase;}
.l-more:hover{ background:none; border:1px solid #f2f2f2; text-decoration:none; color:#fff;}
.l-more2{ width:168px; text-align:center; border:1px solid #3d3d3d;line-height:25px;height:23px; display:block; background:none;border-radius:3px;text-transform:uppercase;}
.l-more2:hover{ background-color:#3d3d3d; border:1px solid #3d3d3d; text-decoration:none; color:#fff;}
.home_customers{ overflow:hidden; margin-bottom:10px;}
.home_customers img{ float:left; margin-right:10px; border:2px solid #fff;}.home_customers div{ float:left; width:225px; text-align:right;}.home_customers div p{ text-align:left; line-height:17px; font-size:12px;}


