@charset "utf-8";
/* h-banner */
.h-banner{ background:url(./images/slide.jpg) no-repeat center 0 #000;height:550px;}
.h-banner .text{color:#fff; text-shadow:1px 1px 2px #2c3540; font-size:16px;padding:40px 0 0 10px;}
.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:95%;}
.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:8px 30px 8px 10px; font-size:18px;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;}


/* h-main */
.h-main{padding:40px 0;}
.h-main.gray{ background:url(images/gray_bg.gif) 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;}


.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;}

.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;}

.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;}