@charset "utf-8";
/* CSS Document */
.top_header{ background:#fff;border-bottom:5px solid #22acde;padding:15px 0;}
.top_header .wslogo{float:left;margin-right:10px;}
.top_header .wslogo a{display:block; background:url(images/ws_logo_new.png) no-repeat 0 center;width:153px;height:34px; text-indent:-9999px;}
.top_header .datalogo{float:left;margin-left:10px;}
.top_header .datalogo a{display:block; background:url(images/mt_logo.png) no-repeat;width:153px;height:34px; text-indent:-9999px;}
.top_header .frbtn{float:right;}
.topbtn_win,.topbtn_mac{display:inline-block; background:#ff5858 url(images/sys_icon_img.png) no-repeat 88% 8px; font-size:16px; font-weight:500;color:#fff;width:130px;height:34px;padding-left:20px; line-height:34px; border-radius:34px;}
.topbtn_win:hover,.topbtn_mac:hover{ text-decoration:none;background-color:#ec4444;}
.topbtn_mac{ background-position:88% -42px;}

.if_topFixed{ position:fixed;width:100%;z-index:100}

.topBanner{ background:url(images/top_banner_bg.jpg) no-repeat center 0;padding:80px 0;}
.topBanner .flpic{float:left;width:40%;}
.topBanner .flpic .pic{ position:relative;margin-left:60px;}
.topBanner .flpic .pic .off{display:block;width:134px; position:absolute;left:-60px;bottom:-20px;}
.topBanner .flpic .downBox{ background:#fff; border-radius:10px;margin-top:60px;padding:15px 0; text-align:center;width:80%;}
.topBanner .flpic .downBox .tit{ background:url(images/download_tit.png) no-repeat center center; font-size:16px; line-height:30px;}
.topBanner .flpic .downBox .downNum{ text-align:center; font-size:36px; font-weight:600; line-height:1.2em;color:#472d2e;}

.topBanner .frtext{float:right;width:58%;}
.topBanner .frtext h1{ font-size:36px; font-weight:700; line-height:1.2em;}
.topBanner .frtext .name{ font-size:30px; font-weight:300; line-height:1.2em;padding-bottom:10px;}
.topBanner .frtext ul{margin-top:30px;}
.topBanner .frtext li{ line-height:1.6em;padding:3px 0;}
.topBanner .frtext .price{margin-top:60px;}
.topBanner .frtext .btn{margin-top:30px;}
.topBanner .frtext .btn .goto{display:inline-block; font-size:18px;margin-left:30px;}

.title{ font-size:36px; font-weight:700; line-height:1.2em;}
.infoBox1{padding:70px 0;}
.infoBox1 .tabBox{margin-top:50px;}
.infoBox1 .tabBox .btn{ position:relative;}
.infoBox1 .tabBox .btn .off{display:block;position:absolute;top:-25px;right:-15px;width:53px;}
.infoBox1 .tabBox .btnBuy_win,.infoBox1 .tabBox .btnBuy_mac{display:inline-block; border:2px solid #ff5858; background:url(images/sys_icon_img2.png) no-repeat 88% 13px;width:160px;padding:5px 0 3px 15px; text-align:left; border-radius:100px;}
.infoBox1 .tabBox .btnBuy_win strong,.infoBox1 .tabBox .btnBuy_mac strong{display:block; font-size:16px;color:#ff5858; font-weight:600; line-height:1em;}
.infoBox1 .tabBox .btnBuy_mac{ background-position:88% -37px;}
.infoBox1 .tabBox .btnBuy_win:hover,.infoBox1 .tabBox .btnBuy_mac:hover{ text-decoration:none;}
.tableStyle{ border:none;}
.tableStyle td,.comparison2 .tableStyle th{padding:25px 15px;}
.tableStyle th{ font-size:18px; font-weight:600; text-align:left;}
.tableStyle td strong{ font-size:18px; font-weight:700;}
.tableStyle td h3{ font-size:18px; font-weight:300;}

.infoBox2{ background:#f5f5f5;padding:70px 0;}
.infoBox2 h3{ font-size:24px; font-weight:300; text-align:center;margin-top:40px;}
.infoBox2 .proBox{margin-top:30px;}
.infoBox2 .proBox .item{float:left;width:48%;margin-left:4%;}
.infoBox2 .proBox .item:first-child{margin-left:0;}
.infoBox2 .proBox .item .info{ background:#64d8fb;padding:30px 20px;}
.infoBox2 .proBox .item .info .pic{float:right;width:36%; text-align:center;}
.infoBox2 .proBox .item .info .text{float:left;width:62%;}
.infoBox2 .proBox .item .info .text .pro .icon{float:left;}
.infoBox2 .proBox .item .info .text .pro dl{padding-left:45px;}
.infoBox2 .proBox .item .info .text .pro dt{ font-size:20px; font-weight:600; line-height:1.2em;}
.infoBox2 .proBox .item .info .text .pro dd{margin-top:5px;color:#666; line-height:1.4em;}
.infoBox2 .proBox .item .btm{ background:#fff;padding:20px; position:relative;}
.infoBox2 .proBox .item .btm .arrow{width:34px; position:absolute;right:20%;top:-17px;}
.infoBox2 .proBox .item .btm h4{font-size:20px; font-weight:700; line-height:1.2em;}
.infoBox2 .proBox .item .btm .btn{float:right;margin-top:15px;}
.infoBox2 .proBox .item .btm .price{float:left;}

.infoBox3{padding:70px 0;}
.infoBox3 h2{ font-size:18px; font-weight:700; text-align:center; line-height:1.2em;}
.infoBox3 .choose-box .pic{float:left;}
.infoBox3 .choose-box .text{padding-left:60px;}
.infoBox3 .choose-box .text h3{ font-weight:600;}
.infoBox3 .choose-box .text .dd{margin-top:5px;}

/*footer*/
.footer{background:#2f3337;color:#a6aeb1;border-top:1px solid #2e2e2e;padding:25px 0; text-align:center; line-height:1.8em;}
.footer a{color:#a6aeb1;}
.totop{ display:none; background:url(images/btn_img.png) no-repeat 0 -30px; position:fixed; z-index:2;  width:43px; height:43px; bottom:30px; right:0; font-size:16px; text-indent:-9999px;}
.totop:focus{ outline:none}
@media (max-width: 979px) {
	.totop{ display:block !important; position:static; background:url(images/btn_img.png) no-repeat 0 -30px #1a1f23; text-align:center; color:#434B52; width:auto;height:43px; line-height:43px;text-indent:0;}
}