@charset "utf-8";
/* h-banner */
.h-banner{ background:url(../images/banner.jpg) no-repeat center 0 #000;height:438px;}
.pdf-banner{ background:url(images/pdfnet.jpg) no-repeat center 0 #000;height:438px; display:block;}
.pdf-banner-for-b{ background:url(images/PDFelement-net-banner-for-business-index.jpg) no-repeat center 0 #000;height:438px; display:block;}
.pdf-banner h2, .pdf-banner-for-b h2{ visibility:hidden; }
.h-banner .text{color:#fff; text-shadow:1px 1px 2px #2c3540; font-size:16px;padding:140px 0 0 0;}
.h-banner .text h2{ font-size:32px;color:#fff; line-height:40px;margin-bottom:20px;}
.h-banner .text h2 a{color:#fff; text-decoration:underline;}
.h-banner .text p {width:45%;}
.h-banner .proSelcet { position:relative; z-index:1;}
.h-banner h2 .proSelcet .psbtn {border:solid 1px #fff; border-radius:5px; padding:0 45px 0 10px; font-size:28px; position:relative; z-index:2;}
.h-banner h2 .proSelcet .psbtn a {text-decoration:none;}
.h-banner h2 .proSelcet .psbtn em {display:block; background:url(images/banner_arrow.png) no-repeat center center; width:30px; height:34px; border-left:solid 1px #fff; position:absolute; top:0; *+top:3px; right:5px; z-index:3; cursor:pointer;}
.h-banner .proSelcet .span {display:block; position:absolute; z-index:3; width:245px; top:100%; top:8px\0; left:0; overflow:hidden; list-style:none;text-shadow:none;}
.h-banner .proSelcet .span a {display:block; *+display:none; margin-top:-30px; background:#666 no-repeat; border-bottom:solid 1px #555; padding:6px 30px 7px 10px; font-size:16px;line-height:1.2em; color:#fff; text-decoration:none;filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.h-banner .proSelcet .span a:hover {color:#333; background:url(images/dot-arrow2.png) no-repeat 95% center #fff;}
.h-banner .hideNav .span a {margin-top:0; filter:alpha(opacity=90);  -moz-opacity:0.9;  -khtml-opacity: 0.9;  opacity: 0.9; *+display:block;}
.top-banner{ position:relative; }
.top-banner .flex-control-paging{position:absolute;bottom:-32px;text-align:center;list-style:none; padding-top:10px; width:100%; margin-left:0;  }
.top-banner .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.top-banner .flex-control-paging li a{display:inline-block; background:#e0e0e0;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px; border-radius:20px;}
.top-banner .flex-control-paging li a.flex-active{background:#FA594B;}  
.top-banner .flex-direction-nav{ display:none; }

@media (max-width: 979px) {
	.h-banner , .pdf-banner, .pdf-banner-for-b{ position:relative;background-position:55% 0; height:538px;}
    .h-banner .text{ background:url(images/blue_bg.png) repeat;padding:30px 5%; text-shadow:none; position:absolute;bottom:0;left:0;width:90%;}
	.h-banner .text h2{ font-size:28px; margin-bottom:10px;}
	.h-banner .text p {width:80%;}
	.h-banner h2 .proSelcet .psbtn {font-size:26px;}
	.h-banner h2 .proSelcet .psbtn em {height:33px;}
	.h-banner .proSelcet .span {width:230px;}
	.h-banner .proSelcet .span a {font-size:16px;}
}
@media (max-width: 767px) {
	.h-banner , .pdf-banner, .pdf-banner-for-b{ background-position:50% 0; height:638px;}
    .h-banner .text h2{ font-size:24px;}
	.h-banner .text p {width:auto;}
	.h-banner .proSelcet {display:block;}
}
@media (max-width: 479px) {
	.h-banner , .pdf-banner, .pdf-banner-for-b{ background-position:50% 0; height:438px}
	.h-banner .text{ text-align:center; font-size:14px;padding:20px 5%;}
	.h-banner .text h2{ font-size:20px; line-height:1.5em;}
	.h-banner .text p {line-height:1.3em; padding-top:10px;}
	.h-banner .proSelcet {text-align:center; margin:10px 0;}
	.h-banner .proSelcet .span {width:100%;}
}

/* h-main */
.h-main{padding:40px 0;}
.h-main.gray{ background:url(images/gray_bg.png) repeat-x 0 bottom;}
.h-main.gray2{background:#f2f2f2;}
.h-main .title{ font-size:30px; text-align:center; line-height:1em;}
.h-main .title span{display:block; font-size:14px;color:#bcc8cf; font-weight:bold;}
.h-main .tdd{font-size:20px; text-align:center;}
@media (max-width: 979px) {
	.h-main.gray{ background:none;}
    .h-main.gray2{background:none;}
}

.h-box1{border-bottom:1px solid #f2f2f2;padding:40px 0;}
.h-box1 .item{float:left;width:50%;height:285px; position:relative;}
.h-box1 .item.bg1,.h-box1 .item.bg2,.h-box1 .item.bg3,.h-box1 .item.bg4{background:url(images/pro_bg1.jpg) no-repeat right 0;}
.h-box1 .item.bg2{ background-position:right -285px;}
.h-box1 .item.bg3{ background-position:right -570px;}
.h-box1 .item.bg4{ background-position:right -855px;}
.h-box1 .item .text{color:#fff;padding:30px 25px 0 25px;}
.h-box1 .item .text h3 a{ font-size:20px; font-weight:bold;color:#fff;}
.h-box1 .item .text .dd{ font-size:12px; font-weight:bold;}
.h-box1 .item .text.float{float:left;width:45%;}
.h-box1 .item .redbg{background:url(images/red_bg.png) repeat;width:55%;height:100%;}
.h-box1 .item .bluebg{background:url(images/blue_bg.png) repeat;height:100%;}
.h-box1 .item .text.tcolor{color:#434a53;}
.h-box1 .item .text.tcolor h3 a{color:#434a53;}
.h-box1 .item .iphone{float:right;padding:37px 30px 0 0;}
@media (max-width: 979px) {
	.h-box1 .item .redbg{width:auto;}
	.h-box1 .item .text.float{float:none;width:auto;}
	.h-box1 .item .iphone{display:none;}
	.h-box1 .item.bg1 {background-position:20% 0;}
	.h-box1 .item.bg4 {background-position:20% -855px;}
	.h-box1 .item.bg1 p,.h-box1 .item.bg4 p {padding-right:25%;}
}
@media (max-width: 767px) {
	.h-box1 .item{float:none;width:auto;}
	.h-box1 .item.bg4 {background-position:0 -855px;}
}
@media (max-width: 479px) { 
	.h-box1 .item.bg1 {background-position:40% 0;}
	.h-box1 .item.bg4 {background-position:45% -855px;}
}

.h-box2 .item{float:left;width:20%; min-height:250px; padding:25px; text-align:center;border-top:1px solid #e5e5e5;border-bottom:6px solid #3a6386; background:#fff;}
.h-box2 .item.bg{ background:#f7f9fa;border-bottom:6px solid #44a6d4;}
.h-box2 .item .pic img {max-width:100%;}
.h-box2 .item .text{margin-top:25px;}
.h-box2 .item .text .txt{ font-size:12px;color:#b6c1c8; font-weight:bold;margin-top:25px;}
@media (max-width: 979px) {
	.h-box2 .item{width:20%; min-height:310px;padding:25px 2.5%;}
}
@media (max-width: 767px) {
	.h-box2{border-bottom:1px solid #e5e5e5;padding-bottom:40px;}
	.h-box2 .item{float:none;width:auto; min-height:inherit;border-right:1px solid #e5e5e5;border-left:6px solid #3a6386;border-top:none;border-bottom:none;text-align:left;padding:25px 30px;}
	.h-box2 .item.bg{border-left:6px solid #44a6d4;border-bottom:none;}
	.h-box2 .item .pic{float:left;}
	.h-box2 .item .text{padding-left:80px;margin-top:0;}
	.h-box2 .item .text .txt{margin-top:5px;}
	.h-box2 .item.i1 .pic {float:none;}
	.h-box2 .item.i1 .text {padding-left:0; margin-top:10px;}
}
@media (max-width: 479px) { 
    .h-box2 .item{padding:25px;}
}

.h-box4{background:#44a4a6;}
.h-box4 .pic{float:left;width:50%;}
.h-box4 .pic img{max-width:100%;}
.h-box4 .text{float:right;width:44%;padding:40px 3% 0 3%;color:#fff;}
.h-box4 .text h3{color:#fff; font-size:26px; font-weight:bold; line-height:1.2em;}
.h-box4 .text h3 span{display:block;font-size:14px;}
.h-box4 .text .dd{padding:20px 0;}
@media (max-width: 979px) {
	.h-box4 .text{padding-top:20px;}
	.h-box4 .text h3{ font-size:20px;}
	.h-box4 .text .dd{padding:10px 0;line-height:1.5em;}
}
@media (max-width: 767px) {
	.h-box4 .pic{float:none;width:auto;}
	.h-box4 .text{float:none;width:auto;padding:30px;}
}