@charset "utf-8";
/* CSS Document */
body,div,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0; -webkit-text-size-adjust:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:inside decimal;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a{ text-decoration:none;color:#0072bc;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
input,textarea,select{ font-family:'Segoe UI',Arial,Helvetica,sans-serif; outline:none;}
input[type='checkbox']{ vertical-align:text-top;} 
/*basic*/
.fl {float:left !important;}
.fr {float:right !important;} 
.clear{ clear:both; height:0; overflow:hidden;  }
hr{ border:none; height:0; overflow:hidden; border-bottom:1px dashed #d7d7d7;margin:12px 0; *margin:0; height:0;} 
.db{ display:block !important;}
.oh{ overflow:hidden !important;}
.noh{ overflow:visible !important;} 
.noBor{ background:none !important; border:none !important; margin-right:0 !important;} 
body{font:13px/1.6em 'Segoe UI', Helvetica, sans-serif;color:#444;}
.red{ color:#C30;}
.wrap{ width:1000px; margin:0 auto; overflow:hidden;}
.mt15{ margin-top:15px;}
.bgw{ background:#fff;}

/*respon*/
.container{width:1000px;margin:0 auto;} 
.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%;-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%;  }/*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 { width: 23.076923076923077%;*width: 23%; }/* padding:0 1%; margin-left:0; width:24.99%;* width:22.8%;*/
.row-fluid .span5 {  width: 17.95%;padding:0 0 0 4%\9; margin-left:0\9; width:19.2%\9;* width:15%;}
@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:750px; }
}
@media (max-width: 767px) {
	.container{ width:460px;}  
	.row-fluid .span3 {  width: 48.717948717948715%; }
	.row-fluid > .span3:nth-of-type(3n+1) { margin-left:  2.564102564102564%; clear:none }
	.row-fluid > .span3:nth-of-type(2n+1) { margin-left: 0; clear:both }
	.row-fluid .span4 { width: 48.717948717948715%;margin-left:0; margin-bottom:15px;}/*width: 48.717948717948715%; margin-left:0; margin-bottom:15px;*/
}
@media (max-width: 479px) { 
	.container{ width:308px;}	
	.row-fluid .span { width: 100% !important;margin-left: 0 !important;  }
}
.visible-phone,.visible-tablet,.hidden-desktop {display: none !important;}
.visible-desktop {display: inherit !important;}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop, .visible-tablet {display: inherit !important;}
  .visible-desktop, .hidden-tablet {display: none !important ;} 
}
@media (max-width: 767px) {
  .hidden-desktop,.visible-phone { display: inherit !important;  }
  .visible-desktop,.hidden-phone {display: none !important;} 
}

/*topBar*/
.topBar{ background:#19282f; height:36px; font-size:15px; line-height:36px; color:#fff;} 
 
/*toTop*/
.toTop {display: block;position: fixed;z-index: 2;background:url(images/totop.png) no-repeat ;width: 55px;height: 50px;bottom: 30px;left: 50%;margin-left: 520px;}
/*share*/
.addthis_floating_style{ position:fixed !important; border:1px solid #dbdbdb;box-shadow:0 2px 3px #dbdbdb; padding:10px 6px 15px !important; background:#fff;}
/*banner*/
.toptitle{ background:#eaf4fa;padding:40px 0;}
.toptitle h1{ font-size:40px; text-align:center; line-height:1em;}
.toptitle h1 span{ font-size:34px;display:block;}
@media (min-width: 768px) and (max-width: 979px) {
	.toptitle h1{ font-size:31px; line-height:1em;}
	.toptitle h1 span{ font-size:26px;display:block;}
}
@media (max-width: 767px) {
	.toptitle h1{ font-size:28px; line-height:1em;}
	.toptitle h1 span{ font-size:20px;display:block;}
}


.tabbanner{background:#eaf4fa;}
.tabbanner .tab{width:710px;margin:0 auto;height:80px;}
.tabbanner .tab li{float:left;width:270px;height:80px; cursor:pointer; font-size:28px;padding-left:70px; background:#c8dae5; border-radius:5px 5px 0 0;margin-right:15px;}
.tabbanner .tab li.curr{background:#1891df;color:#fff;}
.tabbanner .tab li .mac{display:block;background:url(images/icon_mac.png) no-repeat;line-height:80px;padding-left:50px;}
.tabbanner .tab li.curr .mac{ background-position:0 -80px;}
.tabbanner .tab li .and{display:block;background:url(images/icon_and.png) no-repeat;line-height:80px;padding-left:50px;}
.tabbanner .tab li.curr .and{ background-position:0 -80px;}
@media (max-width: 767px) {
	.tabbanner .tab{width:570px;margin:0 auto;height:80px;}
    .tabbanner .tab li{float:left;width:220px;height:80px; cursor:pointer; font-size:22px;padding-left:50px; background:#c8dae5; border-radius:5px 5px 0 0;margin-right:15px;}
	.tabbanner .tab li .mac{display:block;background:url(images/icon_mac.png) no-repeat;line-height:80px;padding-left:50px;}
    .tabbanner .tab li.curr .mac{ background-position:0 -80px;}
    .tabbanner .tab li .and{display:block;background:url(images/icon_and.png) no-repeat;line-height:80px;padding-left:50px;}
    .tabbanner .tab li.curr .and{ background-position:0 -80px;}
}
@media (max-width: 479px) {
	.tabbanner .tab{width:auto;margin:0 auto;height:auto;}
    .tabbanner .tab li{float:none;width:auto;height:80px; cursor:pointer; font-size:20px;padding-left:0; background:#c8dae5;margin-right:0;border-radius: 0;padding-right:0;}
	.tabbanner .tab li .mac{display:block;background:url(images/icon_mac.png) no-repeat 30px 0;line-height:80px;padding-left:80px;}
    .tabbanner .tab li.curr .mac{ background-position:30px -80px;}
    .tabbanner .tab li .and{display:block;background:url(images/icon_and.png) no-repeat 30px 0;line-height:80px;padding-left:80px;}
    .tabbanner .tab li.curr .and{ background-position:30px -80px;}
}

.banner{ background:#1891df;color:#fff;padding:30px 0;}
.banner h2{ font-size:44px; line-height:1em; text-align:center;}
.banner .dd{color:#e7f6ff; font-size:24px;padding:5px 0 0 0; text-align:center; line-height:30px;}
.banner .btn{width:576px;padding:20px 0;margin:0 auto;}
.banner .btn img{max-width:100%;}
.banner .btn .win{float:left;width:48%;}
.banner .btn .mac{float:right;width:48%;}
.banner .btn .buy {text-align:center;}
.banner .btn2{padding:20px 0; text-align:center;}
.banner .btn2 img{max-width:100%;}
.banner .btn_buy {padding:20px 0; text-align:center;}
.banner .pic{float:left;width:37%;}
.banner .pic img{max-width:100%;}
.banner .text{float:right;width:59%;}
.banner .text dt{ font-size:14px;margin:8px 0; background:url(images/dot.png) no-repeat 0 6px;padding-left:25px;}
.banner .text dd{color:#95caec; font-size:14px;margin-top:15px;padding-left:25px; line-height:1.2em;}
.banner .text dd a{color:#95caec;}
@media (max-width: 767px) {
	.banner h2{ font-size:30px; line-height:1em; text-align:center;}
	.banner .dd{color:#e7f6ff; font-size:20px;padding:5px 0 0 0; text-align:center; line-height:1em;}
	.banner .btn{width:auto;padding:20px 0;}
	.banner .pic{float:none;width:auto; text-align:center;}
	.banner .text{float:none;width:auto;}
}
@media (max-width: 479px) {
	.banner .dd{color:#e7f6ff; font-size:16px;padding:5px 0 0 0; text-align:center; line-height:1em;}
	.banner .btn{width:auto;padding:20px 0;}
	.banner .pic{float:none;width:auto; text-align:center;}
	.banner .text{float:none;width:auto;}
}

.content{padding:35px 0;}
.content h2{ font-size:28px; line-height:1.2em;padding-bottom:15px;}
.content .table1{border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
.content .table1 td{padding:10px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
.content .item{border-bottom:1px solid #e3e3e3;padding:35px 0;}
.content .item .pic{float:right;width:28%;}
.content .item .pic img{max-width:100%;}
.content .item .text{float:left;width:69%;}
.content .item .text h3{ font-size:20px; line-height:1.2em;}
.content .item .text p{color:#666; font-size:14px; line-height:1.3em;margin-top:15px;}
.content .tab2{height:36px;}
.content .tab2 li{float:left;margin-right:10px; text-align:center; font-size:20px; line-height:36px; background:#c8dae5;width:160px; cursor:pointer}
.content .tab2 li.curr{color:#fff; background:#1891df;}
.content .tabcon{ border:1px solid #e3e3e3;padding:30px 0;}
.content .tabcon .picbox{float:left;width:24.99%; text-align:center;}
.content .tabcon .picbox img{max-width:100%;}
.content .tabcon .picbox .bt{margin-top:10px; line-height:1.2em;padding:0 30px;}
@media (min-width: 768px) and (max-width: 979px) {
	.content h2{ font-size:24px;}
	.content .tabcon .picbox{padding:0 2%;width:21%;}
	.content .tabcon .picbox .bt{padding:0;}
}
@media (max-width: 767px) {
    .content .item .pic{float:none;width:auto; text-align:center;}
	.content .item .text{float:none;width:auto;}
	.content .tabcon .picbox{float:left;width:49.8%; text-align:center;padding-bottom:15px;}
}
@media (max-width: 479px) {
	.content h2{ font-size:18px;}
	.content .item .pic{float:none;width:auto; text-align:center;}
	.content .item .text{float:none;width:auto;}
	.content .item .text h3{ font-size:16px;}
	.content .tab2 li{float:left;margin-right:10px; text-align:center; font-size:20px; line-height:36px; background:#c8dae5;width:120px; cursor:pointer}
	.content .tabcon .picbox{float:none;width:auto; text-align:center;padding-bottom:15px;}
}

.bottom{background:url(images/bottom_bg.gif) repeat;border-top:4px solid #ebebeb;padding:25px 0;}
.bottom .btn{float:right;width:57.6%;}
.bottom .btn img{max-width:100%;}
.bottom .btn .win{float:left;width:48%;}
.bottom .btn .mac{float:right;width:48%;}
.bottom .btn_buy {float:right;}
.bottom .btn2{float:right;}
.bottom .btn2 img{max-width:100%;}
.bottom .wrap2{width:700px;margin:0 auto;}
.countNum {line-height:32px;float:left;width:300px;}
.countNum strong{display:block; font-weight:normal;}
.countNum span {display: inline-block;background: url(images/count-bg_48.png) no-repeat;width: 27px;height: 36px;font-weight: bold;font-size: 20px;margin: 0 6px 0 0; text-align:center;}
@media (max-width: 767px) {
	.bottom .btn{float:none;width:auto;margin-top:20px;}
	.countNum{float:none;width:auto; text-align:center;}
	.bottom .btn2{float:none; text-align:center;margin-top:20px;}
}
@media (max-width: 479px) {
	.bottom .wrap2{width:auto;margin:0 auto;}
}

/*footer*/
.footer{ background:#19282f; overflow:hidden; padding: 25px 0; color:#88919f;}
.footer dt{ font-size:15px;  color:#a7b0bd; margin-bottom:2px;}
.footer a{color:#88919f;}
.footer .link{ font-size:12px; float:left; width:60%; border-right:1px solid #424b54; padding-right:20px; margin-right:20px;margin-top:15px;}
.footer img{max-width:100%;}
@media (max-width: 767px) {
	.footer .link{float:none;width:auto;border-right:none;padding-right:0;margin-right:0;}
}