@charset "utf-8";
/* CSS Document */
.home_banner{height:391px; overflow:hidden;  width:100%;  position:relative; z-index:20}
.home_banner .slides_container{  height:391px;  overflow:hidden; position:relative;} 
.home_banner .slides_container a{ width:100%; display:block; height:391px; text-align:center;   }
.home_banner .slides_container .slides_control{ width:100% !important;}
.home_banner .bannerPagination{ position:absolute; z-index:12; bottom:16px; left:50%;  width:120px; margin-left:-45px; }
.home_banner .bannerPagination li{ float:left;}
.home_banner .bannerPagination li a{ display:block; float:left; background:url(../images/style/banner-btn.png) no-repeat -15px 0px; width:15px; height:15px;margin:0px 5px;}
.home_banner .bannerPagination li.current a{ background-position:0px 0px;}
.home_banner .floatBar{ position:absolute; z-index:11; bottom:0; left:0; background:url(../images/style/banner-float.png) repeat-x; height:30px; width:100%;}
.home_line{width:100%;height:10px; background:#DADADA;}
.home_title_left{width:126px;height:24px;float:left;margin-top:44px;padding-left:30px;cursor:pointer;}
.home_title_right{width:126px;height:24px;float:left;margin-top:44px;padding-right:30px;cursor:pointer;}
.home_title_middle{width:652px;padding:0px 20px 0px 20px;font-size:38px; font-family: "Franklin Gothic Demi";float:left;margin-top:30px;line-height:40px;color:#0287E2; text-align:center;text-shadow: -1px 1px 0px rgba(255, 255, 255, 1);}
.item{width:290px;float:left;padding:0px 15px 0px 28px;}
.item_img{width:290px;float:left; text-align:center;margin-top:40px;margin-bottom:9px;}
.item_line{width:290px;float:left;height:2px; background:url(../images/style/item_line_21.jpg) repeat-x;margin-top:6px;}
.item h2{width:290px;float:left; text-align:center;margin-top:6px;}
.item h2 a{line-height:1.6em;font-size:30px;font-family: "Franklin Gothic Demi";color:#333333;text-shadow: -1px 1px 0px rgba(255, 255, 255, 1);}
.item p{margin-top:10px;padding:0px;font-size:16px;line-height:24px; word-spacing:0px;text-shadow: -1px 1px 0px rgba(255, 255, 255, 0.9);float:left;width:290px;}
.item_btn{width:290px;margin-top:18px; text-align:center;float:left;}
.item_btn a{margin-left:12px;font-size:15px;line-height:36px;color:#fff;font-weight:bold;padding-left:10px;text-shadow: -1px 1px 0px rgba(14, 97,120, 0.8);}
.item_btn a:hover{ text-decoration:none;}
.item_btn_wins,.item_btn_mac{width:118px;height:36px;float:left; background:url(../images/style/item_btn.png) no-repeat 0px 0px;}
.item_btn_mac{ background-position:0px -36px;}
.software_box{width:1004px;margin-top:20px;  position: relative;}
.software_box .warp{width:174px;float:left;border:1px solid #dddddb;height:174px;margin-left:15px;box-shadow: 0 1px 3px rgba(214,214,214,1);padding:4px;margin-top:15px; position:relative;}
.warp_box{background:url(../images/style/warp_bg_44.jpg) repeat;width:174px;height:174px;float:left;position:absolute;z-index:3;}
.warp_box_text{width:134px;float:left;position:absolute;z-index:4;padding:6px 20px 10px 20px; background:url(../images/style/banner_bg4.png) repeat; font-size:16px;line-height:1.4em;color:#fff;height:158px; }
.software_box .warp2{width:373px;float:left;border:1px solid #dddddb;height:174px;margin-left:15px;box-shadow: 0 1px 3px rgba(214,214,214,1);padding:4px;margin-top:15px; position:relative;display:table}
.warp_box2{background:url(../images/style/warp_bg_44.jpg) repeat;width:373px;height:174px;float:left;position:absolute;z-index:3; }
.warp_box2_text{width:333px;float:left;position:absolute;z-index:4;padding:6px 20px 10px 20px; background:url(../images/style/banner_bg4.png) repeat; font-size:20px;line-height:1.4em;color:#fff;height:158px;}
.warp_ad_text{display:none}
.sdag{vertical-align:middle;display:table-cell;}
.software_box .warp3{width:572px;float:left;border:1px solid #dddddb;height:174px;margin-left:15px;box-shadow: 0 1px 3px rgba(214,214,214,1);padding:4px;margin-top:15px;position:relative;}
.warp_box3{background:url(../images/style/warp_bg_44.jpg) repeat;width:572px;height:174px;float:left;position:absolute;z-index:3; }
.warp_box3_text{width:532px;float:left;position:absolute;z-index:4;padding:6px 20px 10px 20px; background:url(../images/style/banner_bg4.png) repeat; font-size:24px;line-height:1.4em;color:#fff;height:158px;}
.software_box .warp4{width:970px;float:left;border:1px solid #dddddb;height:174px;margin-left:15px;box-shadow: 0 1px 3px rgba(214,214,214,1);padding:4px;margin-top:15px;position:relative;}
.warp_box4{background:url(../images/style/warp_bg_44.jpg) repeat;width:970px;height:174px;float:left;position:absolute;z-index:3; }
.warp_box4_text{width:930px;float:left;position:absolute;z-index:4;padding:6px 20px 10px 20px; background:url(../images/style/banner_bg4.png) repeat; font-size:30px;line-height:1.4em;color:#fff;height:158px;}
/*Picture Scroll Style On Home Page Middle */
.animated {-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 1.2s;-moz-animation-duration: 1.2s;-ms-animation-duration: 1.2s;-o-animation-duration: 1.2s;animation-duration: 1.2s;
}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-ms-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}
.software_btn_pre,.software_btn_next{width:38px;height:62px; position:absolute;z-index:2;}
.windows_prev,.windows_next{top:176px;right:80px;background: url(../images/style/prev2.png) no-repeat;width: 38px;height: 62px;position: absolute;z-index: 2; display:none}
.windows_next{background-position:0px -62px;position:absolute;left:1050px;}
