.h-banner {
	background: url("../images/banner.jpg") no-repeat center 0px rgb(0, 0, 0); height: 438px;
}
.pdf-banner {
	background: url("images/pdfnet.jpg") no-repeat center 0px rgb(0, 0, 0); height: 438px; display: block;
}
.pdf-banner-for-b {
	background: url("images/PDFelement-net-banner-for-business-index.jpg") no-repeat center 0px rgb(0, 0, 0); height: 438px; display: block;
}
.pdf-banner-for-what-new {
	background: url("images/home_banner-1920-438.jpg") no-repeat center 0px rgb(0, 0, 0); height: 438px; display: block;
}
.pdf-banner h2 {
	visibility: hidden;
}
.pdf-banner-for-b h2 {
	visibility: hidden;
}
.h-banner .text {
	padding: 140px 0px 0px; color: rgb(255, 255, 255); font-size: 16px; text-shadow: 1px 1px 2px #2c3540;
}
.h-banner .text h2 {
	color: rgb(255, 255, 255); line-height: 40px; font-size: 32px; margin-bottom: 20px;
}
.h-banner .text h2 a {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.h-banner .text p {
	width: 45%;
}
.h-banner .proSelcet {
	position: relative; z-index: 1;
}
.h-banner h2 .proSelcet .psbtn {
	padding: 0px 45px 0px 10px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; font-size: 28px; position: relative; z-index: 2;
}
.h-banner h2 .proSelcet .psbtn a {
	text-decoration: none;
}
.h-banner h2 .proSelcet .psbtn em {
	background: url("images/banner_arrow.png") no-repeat center; top: 0px; width: 30px; height: 34px; right: 5px; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; display: block; position: absolute; z-index: 3; cursor: pointer;
}
.h-banner .proSelcet .span {
	list-style: none; left: 0px; top: 8px; width: 245px; overflow: hidden; display: block; position: absolute; z-index: 3; text-shadow: none;
}
.h-banner .proSelcet .span a {
	background: no-repeat rgb(102, 102, 102); padding: 6px 30px 7px 10px; transition:0.3s; color: rgb(255, 255, 255); line-height: 1.2em; font-size: 16px; text-decoration: none; margin-top: -30px; border-bottom-color: rgb(85, 85, 85); border-bottom-width: 1px; border-bottom-style: solid; display: block; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -moz-opacity: 0; -khtml-opacity: 0;
}
.h-banner .proSelcet .span a:hover {
	background: url("images/dot-arrow2.png") no-repeat 95% rgb(255, 255, 255); color: rgb(51, 51, 51);
}
.h-banner .hideNav .span a {
	margin-top: 0px; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9;
}
.top-banner {
	position: relative;
}
.top-banner .flex-control-paging {
	list-style: none; width: 100%; text-align: center; bottom: -32px; padding-top: 10px; margin-left: 0px; position: absolute;
}
.top-banner .flex-control-paging li {
	margin-right: 10px; display: inline-block;
}
.top-banner .flex-control-paging li a {
	background: rgb(224, 224, 224); border-radius: 20px; width: 14px; height: 14px; text-indent: -99999px; overflow: hidden; display: inline-block; cursor: pointer;
}
.top-banner .flex-control-paging li a.flex-active {
	background: rgb(250, 89, 75);
}
.top-banner .flex-direction-nav {
	display: none;
}
@media all and (max-width:979px)
{
.h-banner {
	background-position: 55% 0px; height: 538px; position: relative;
}
.pdf-banner {
	background-position: 55% 0px; height: 538px; position: relative;
}
.pdf-banner-for-b {
	background-position: 55% 0px; height: 538px; position: relative;
}
.h-banner .text {
	background: url("images/blue_bg.png"); padding: 30px 5%; left: 0px; width: 90%; bottom: 0px; position: absolute; text-shadow: none;
}
.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 all and (max-width:767px)
{
.h-banner {
	background-position: 50% 0px; height: 638px;
}
.pdf-banner {
	background-position: 50% 0px; height: 638px;
}
.pdf-banner-for-b {
	background-position: 50% 0px; height: 638px;
}
.h-banner .text h2 {
	font-size: 24px;
}
.h-banner .text p {
	width: auto;
}
.h-banner .proSelcet {
	display: block;
}
}
@media all and (max-width:479px)
{
.h-banner {
	background-position: 50% 0px; height: 438px;
}
.pdf-banner {
	background-position: 50% 0px; height: 438px;
}
.pdf-banner-for-b {
	background-position: 50% 0px; height: 438px;
}
.h-banner .text {
	padding: 20px 5%; text-align: center; font-size: 14px;
}
.h-banner .text h2 {
	line-height: 1.5em; font-size: 20px;
}
.h-banner .text p {
	line-height: 1.3em; padding-top: 10px;
}
.h-banner .proSelcet {
	margin: 10px 0px; text-align: center;
}
.h-banner .proSelcet .span {
	width: 100%;
}
}
.h-main {
	padding: 40px 0px;
}
.h-main.gray {
	background: url("images/gray_bg.png") repeat-x 0px bottom;
}
.h-main.gray2 {
	background: rgb(242, 242, 242);
}
.h-main .title {
	text-align: center; line-height: 1em; font-size: 30px;
}
.h-main .title span {
	color: rgb(188, 200, 207); font-size: 14px; font-weight: bold; display: block;
}
.h-main .tdd {
	text-align: center; font-size: 20px;
}
@media all and (max-width:979px)
{
.h-main.gray {
	background: none;
}
.h-main.gray2 {
	background: none;
}
}
.h-box1 {
	padding: 40px 0px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid;
}
.h-box1 .item {
	width: 50%; height: 285px; float: left; position: relative;
}
.h-box1 .item.bg1 {
	background: url("images/pro_bg1.jpg") no-repeat right 0px;
}
.h-box1 .item.bg2 {
	background: url("images/pro_bg1.jpg") no-repeat right 0px;
}
.h-box1 .item.bg3 {
	background: url("images/pro_bg1.jpg") no-repeat right 0px;
}
.h-box1 .item.bg4 {
	background: url("images/pro_bg1.jpg") no-repeat right 0px;
}
.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 {
	padding: 30px 25px 0px; color: rgb(255, 255, 255);
}
.h-box1 .item .text h3 a {
	color: rgb(255, 255, 255); font-size: 20px; font-weight: bold;
}
.h-box1 .item .text .dd {
	font-size: 12px; font-weight: bold;
}
.h-box1 .item .text.float {
	width: 45%; float: left;
}
.h-box1 .item .redbg {
	background: url("images/red_bg.png"); width: 55%; height: 100%;
}
.h-box1 .item .bluebg {
	background: url("images/blue_bg.png"); height: 100%;
}
.h-box1 .item .text.tcolor {
	color: rgb(67, 74, 83);
}
.h-box1 .item .text.tcolor h3 a {
	color: rgb(67, 74, 83);
}
.h-box1 .item .iphone {
	padding: 37px 30px 0px 0px; float: right;
}
@media all and (max-width:979px)
{
.h-box1 .item .redbg {
	width: auto;
}
.h-box1 .item .text.float {
	width: auto; float: none;
}
.h-box1 .item .iphone {
	display: none;
}
.h-box1 .item.bg1 {
	background-position: 20% 0px;
}
.h-box1 .item.bg4 {
	background-position: 20% -855px;
}
.h-box1 .item.bg1 p {
	padding-right: 25%;
}
.h-box1 .item.bg4 p {
	padding-right: 25%;
}
}
@media all and (max-width:767px)
{
.h-box1 .item {
	width: auto; float: none;
}
.h-box1 .item.bg4 {
	background-position: 0px -855px;
}
}
@media all and (max-width:479px)
{
.h-box1 .item.bg1 {
	background-position: 40% 0px;
}
.h-box1 .item.bg4 {
	background-position: 45% -855px;
}
}
.h-box2 .item {
	background: rgb(255, 255, 255); padding: 25px; width: 20%; text-align: center; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(58, 99, 134); border-top-width: 1px; border-bottom-width: 6px; border-top-style: solid; border-bottom-style: solid; float: left; min-height: 250px;
}
.h-box2 .item.bg {
	background: rgb(247, 249, 250); border-bottom-color: rgb(68, 166, 212); border-bottom-width: 6px; border-bottom-style: solid;
}
.h-box2 .item .pic img {
	max-width: 100%;
}
.h-box2 .item .text {
	margin-top: 25px;
}
.h-box2 .item .text .txt {
	color: rgb(182, 193, 200); font-size: 12px; font-weight: bold; margin-top: 25px;
}
@media all and (max-width:979px)
{
.h-box2 .item {
	padding: 25px 2.5%; width: 20%; min-height: 310px;
}
}
@media all and (max-width:767px)
{
.h-box2 {
	padding-bottom: 40px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.h-box2 .item {
	border-width: medium 1px medium 6px; border-style: none solid; border-color: currentColor rgb(229, 229, 229) currentColor rgb(58, 99, 134); padding: 25px 30px; width: auto; text-align: left; float: none; min-height: inherit;
}
.h-box2 .item.bg {
	border-bottom-color: currentColor; border-left-color: rgb(68, 166, 212); border-bottom-width: medium; border-left-width: 6px; border-bottom-style: none; border-left-style: solid;
}
.h-box2 .item .pic {
	float: left;
}
.h-box2 .item .text {
	padding-left: 80px; margin-top: 0px;
}
.h-box2 .item .text .txt {
	margin-top: 5px;
}
.h-box2 .item.i1 .pic {
	float: none;
}
.h-box2 .item.i1 .text {
	padding-left: 0px; margin-top: 10px;
}
}
@media all and (max-width:479px)
{
.h-box2 .item {
	padding: 25px;
}
}
.h-box4 {
	background: rgb(68, 164, 166);
}
.h-box4 .pic {
	width: 50%; float: left;
}
.h-box4 .pic img {
	max-width: 100%;
}
.h-box4 .text {
	padding: 40px 3% 0px; width: 44%; color: rgb(255, 255, 255); float: right;
}
.h-box4 .text h3 {
	color: rgb(255, 255, 255); line-height: 1.2em; font-size: 26px; font-weight: bold;
}
.h-box4 .text h3 span {
	font-size: 14px; display: block;
}
.h-box4 .text .dd {
	padding: 20px 0px;
}
@media all and (max-width:979px)
{
.h-box4 .text {
	padding-top: 20px;
}
.h-box4 .text h3 {
	font-size: 20px;
}
.h-box4 .text .dd {
	padding: 10px 0px; line-height: 1.5em;
}
}
@media all and (max-width:767px)
{
.h-box4 .pic {
	width: auto; float: none;
}
.h-box4 .text {
	padding: 30px; width: auto; float: none;
}
}