@charset "utf-8";


/*respon*/
.container{width:1000px;margin:0 auto;} 
/* h-banner */
.h-banner{ background:url(../images/banner.jpg) no-repeat center 0 #000;height:438px;}
.h-banner .text{color:#fff; text-shadow:1px 1px 2px #2c3540; font-size:16px;padding:140px 0 0 0;}
.h-banner .text h1{ font-size:28px;color:#fff; line-height:40px;margin-bottom:20px;}
.h-banner .text h1 a{color:#fff; text-decoration:underline;}
.h-banner .text p {width:45%;}
.h-banner .proSelcet { position:relative; z-index:1;}
.h-banner h1 .proSelcet .psbtn {border:solid 1px #fff; border-radius:5px; padding:0 45px 0 10px; font-size:26px; position:relative; z-index:2;}
.h-banner h1 .proSelcet .psbtn a {text-decoration:none;}
.h-banner h1 .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%; 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:14px;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.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;}


.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 .text2 {float:right; width:50%;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;}

.row{width:980px; max-width:100%; margin:0 auto; overflow:visible;}
#main-block-container { background: white; padding-top: 50px; padding-bottom: 80px; overflow:hidden; width:1000px}
#main-block-container .focus { font-weight: 700; color: #e35651; }
#main-block-container h2 { color: black; font-size:26px; margin-bottom: 20px; }
#main-block-container #block-video-converter { background: #59b368; }
#main-block-container #block-divice-management { background: #b36859; }
#main-block-container #block-video-editor { background: #59b395; }
#main-block-container #block-audio-editor { background: #5986b3; }
#main-block-container #block-online-video { background: #b39559; }
#main-block-container #block-disc-tools { background: #b36ba7; }
#main-block-container .block-item { color: white; margin-bottom: 20px; width:470px; margin-right:20px; float:left }
#main-block-container .block-item div { display: table-cell; height: 150px; vertical-align: middle; }
#main-block-container .block-item .image-block { width: 100px; text-align: center; }
#main-block-container .block-item .description-block { width: auto; padding-right: 10px; }
#main-block-container .block-item h3, #main-block-container .block-item h4, #main-block-container .block-item p { line-height:20px;  }
#main-block-container .block-item h3 a, #main-block-container .block-item h4 a, #main-block-container .block-item p a { color: white; font-size:20px;}

#hot-products-container { padding-top: 40px; padding-bottom: 40px; background: #fafafa; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
#hot-products-container row h2 { color: black; font-size: 36px; margin-bottom:10px; }
#hot-products-container .twelve { width:1000px; overflow:hidden;}
#hot-products-container .twelve .columns{ float:left; width:333px; padding:20px 0; overflow:hidden}
#hot-products-container .twelve .hot-product-box{ width:240px; height:250px;}
#hot-products-container .twelve .hot-product-box a{ display:block; background:#ebebed; text-align:center; padding:25px; border:#e1e1e1 1px solid}
#hot-products-container .twelve .hot-product-box a img{ width:120px;}
#hot-products-container .twelve .alpha{  width:240px;}
#hot-products-container .twelve .btn{ overflow:hidden; padding:10px 0;}
#hot-products-container .twelve .btn a{ display:block; float:left; width:110px; height:36px; background:#45494e; border:#45494e 1px solid; color:#fff; line-height:36px; text-align:center;}
#hot-products-container .twelve .btn a:hover{ background:#585b5e; text-decoration:none }
#hot-products-container .twelve .btn a.buy{ background:#ed4e24; margin-right:8px; border:#ed4e24 1px solid; }
#hot-products-container .twelve .btn a..buy:hover{ background:#f17453; }

#hot-products-container #hot-products { margin-top: 30px; }
#hot-products-container #hot-products .hot-products-item { padding-left: 30px; padding-right: 30px; }
#hot-products-container #hot-products .hot-products-item .hot-0 { background: #fec22d; }
#hot-products-container #hot-products .hot-products-item .hot-1 { background: #3cab94; }
#hot-products-container #hot-products .hot-products-item .hot-2 { background: #5bbfda; }
#hot-products-container #hot-products .hot-products-item p { min-height: 80px; font-size: 14px; line-height: 1.2em; }
#hot-products-container #hot-products .hot-products-item h4 { margin-top: 20px; font-size: 18px; font-weight: 400; }
#hot-products-container #hot-products .hot-products-item h4 a { color: black; }
#hot-products-container #hot-products .hot-products-item .hot-product-box img { background: #ebebeb; padding: 25px 58px 25px 50px; border: 1px solid #e1e1e1; vertical-align: bottom; }



.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}
.h-main{padding:40px 0;}
.h-main.gray{ background:url(../images/gray_bg.png) repeat-x 0 bottom;}
.h-main.gray2{background:#f2f2f2; margin-bottom:-30px;}
.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;}

.choose-box-title{ font-weight:bold; text-align:center;}
.choose-box{padding-bottom:40px;border-bottom:1px solid #e0e0e0;}
.choose-box .pic{float:left;}
.choose-box .text{padding-left:60px;}
.choose-box .text h3{ font-weight:bold;}
.choose-box .text h3 a{ text-decoration:underline;}
.choose-box .text .dd{color:#939393;}
.row-fluid {width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0;content: "";} 
.row-fluid .span{float: left; display: block; margin-left: 2.564102564102564%; margin-left:1.564102564102564%\9; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.row-fluid .span img{max-width: 100%;-ms-interpolation-mode: bicubic;}
.row-fluid .span:first-child {margin-left: 0;}
.row-fluid .span2 { width: 48.717948717948715%;  width:48%\9; }/*border====   margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;*/
.row-fluid .span3 { width: 31.623931623931625%; }/*padding:0 0 0 4%; margin-left:0; width:31.96%;* width:28%;*/
/*border====    margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9;*/
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1),.row-fluid > .span5:nth-of-type(5n+1) { margin-left: 0;}
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1){ clear:both}
.row-fluid .span4:nth-of-type(4n+1){ margin-left:0; clear:both}
.row-fluid .span4 { width: 23.076923076923077%;*width: 23%; }/* padding:0 1%; margin-left:0; width:24.99%;* width:22.8%;*/
.row-fluid .span5 {  width: 17.90%;padding:0 0 0 4%\9; margin-left:0\9; width:19.2%\9;* width:15%;}
