@CHARSET "UTF-8";
.banner{height:350px;}
.banner .container{margin:0 auto;width:980px;padding-top:70px;}
.banner h1{font-size:3em;color:#fff;padding-bottom: 20px;font-weight:bold;}
.banner .b_one{padding-bottom:20px;font-size:20px;color:#fff;font-weight:600; text-indent: 5px;width:70%}
.banner .b_two{width:70%;font-size:18px;color:#fff; text-indent: 5px;padding-bottom:30px;}
.banner .b_down{color:#3399FF;font-size: 22px;font-weight: 600;width:150px;height:40px;}
.banner .b_down:hover{color:#2288ee;}
.banner .b_buy{margin-left:10%;color:#9966FF;font-size:22px;font-weight: 600;width:150px;height:40px;}
.banner .b_buy:hover{color:#8855ee;}
.wrap{background:#fff;margin:20px auto;width:1000px;min-height:500px;border-radius: 5px; box-shadow: 1px 2px 5px #CCCCCC;}
.sub-nav-head,.sub-nav-head2 {margin-bottom:5px;background-color: #F8F8F8; background-image: -moz-linear-gradient(center top , #FFFFFF 50%, #EEEEEE); box-shadow: 0 -2px 4px -2px #CCCCCC inset;
   overflow: hidden;  padding: 0; }
.sub-nav {display: block;margin: 0 auto;padding-left:50px;}
.sub-nav li {display: inline-block;padding:0 30px 0 0 ; width: auto;}
.mobie-container{display:none;}

.sub-nav .active-tab span:before, .sub-nav .active-tab span:after {
    border-bottom: 10px solid #FFFFFF;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    bottom: -1px;
    content: "";
    display: block;
    left: 50%;
    margin-left: -10px;
    position: absolute;
}

.sub-nav .active-tab span {
    color: #006699;
	font-size:14px;
}
.sub-nav span {
    color: #006699;
    display: block;
    font-size: 1.1em;
    font-weight: 500;
    margin: auto;
    padding: 20px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    width: auto;
    z-index: 99999;
}
.sub-nav a:hover{
	color:#006699;
}
.w_right{border-bottom:1px solid #e8e8e8;padding:0 30px 20px 40px;}
.w_left{border-bottom:1px solid #e8e8e8;padding:0 30px 60px 40px;}
.w_right img{float:right;width:47%;margin-top:56px;}
.w_left img{float:left;width:47%;margin-top:56px;}
h3{font-size:28px;color:#333;font-weight:200;margin-top:20px;}
.w_right p,.w_left p{ margin-top:15px;font-size: 0.95rem;font-weight: 400;line-height: 1.4;}
.w_left .content{float:right;}
.foot_title{font-size:28px;color:#333;margin-top:50px;font-weight:100;text-align: center;}

.btn-center {text-align: center;}
.btn-wrap { color: #FFFFFF;display: block;margin: 0;}
.footer-btn { margin: 20px auto 40px;}
.btn:before {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70%;
    z-index: 999999;
}
.btn:after {
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 90%);
    bottom: -4px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 9999;
}
.btn-tooltip {
    overflow: visible;
    position: relative;
}
.dark-desc {
    color: #333333;
}
.btn {
    display: inline-block;
    margin: 1em 0 0 1em;
    padding: 0;
    position: relative;
    vertical-align: top;
}
.btn-tooltip .tooltip:after {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #EAEAEA;
    content: "";
    display: block;
    left: 50%;
    margin: 14px -12px 0;
    position: absolute;
    z-index: 100;
}
.btn-tooltip .tooltip {
    background-color: #EAEAEA;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #EAEAEA);
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 2px 5px #000000;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    left: 50%;
    margin: 0 0 0 -92px;
    opacity: 0;
    padding: 15px 2px;
    position: absolute;
    text-shadow: 0 1px 0 #FFFFFF;
    transition: all 0.15s ease-in-out 0s;
    width: 180px;
    z-index: 99;
}

.footer-btn .btn > a {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 0 rgba(255, 255, 255, 0.2), 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.btn > a:hover{background-color:#02a1eb;}
.btn > a {
    background-color: #178DD7;
    background-image: -moz-linear-gradient(center top , #1893DF, #063B9C);
    border: 1px solid #06307D;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6), 0 2px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 0 rgba(0, 0, 0, 0.8), 0 4px 0 rgba(255, 255, 255, 0.2), 0 -1px 2px rgba(0, 0, 0, 0.5);
    color: #FFFFFF !important;
    display: block;
font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif !important;
    font-size: 2em;
    font-weight: 500;
    margin: auto;
    padding: 15px 33px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    z-index: 999;
}
.btn-buy > a {
    background-color: #FF8822;
    background-image: -moz-linear-gradient(center top , #FF9D25, #FF5F1E);
    border: 1px solid #7F3E1E;
}
.f-wrap{background:#fff;margin:20px auto;width:940px;min-height:50px;border-radius: 5px; box-shadow: 1px 2px 5px #CCCCCC;padding:15px 30px  20px;}
.f-box{width:470px;float:left;}
.f-box img{float:left;}
.f-box  .f-r{float:left;margin-left:25px;}
.f-btitle{font-size:18px;font-weight:600;}
.f-box p{width:350px;margin-top:10px;font-size:14px;}


.btn1,.mac,.btn1-buy{display:inline-block;}
.btn1-buy a{
	
	display:inline-block;
font-size: 16px;
text-align: center;
height: 48px;
line-height: 48px;
text-decoration: none !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: white !important;
border-radius: 5px;
font-weight: bold;
padding: 0 15px;

}
.btn1,.mac{margin-right:50px;}

.btn1 a,.mac a{
display:inline-block;

font-size: 16px;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: white !important;
border-radius: 5px;
font-weight: bold;
padding-right: 15px;
}


.win_icon{display: inline-block;float: left;background: url(../images/win_icon.png) no-repeat center center;
width: 54px;
height: 48px;
border-right: 1px solid #0187ee;
margin-right: 15px;}

.mac_icon{display: inline-block;float: left;background: url(../images/mac_icon.png) no-repeat center center;
width: 54px;
height: 48px;
border-right: 1px solid #0187ee;
margin-right: 15px;}
.a_bg {
color: rgb(51, 153, 255);
}
.m_btn{width:90%;text-align: center;margin: 20px auto 0;padding-bottom:10px;}
.content{width:50%;float:left;}
.sub_nav_title{display:none;}
.hot_article{display:none;}
@media (max-width: 979px){
	.banner .container{width:90%;}
	.wrap{width:90%}
	.f-wrap{width:90%;padding:15px 0 30px;}
	.f-wbox{width:90%;margin:0 auto;}
	.w_right img{width:45%}	
	.f-box{width:48%;}
	.f-box .f-r{width:70%}
	.f-box p{width:100%;}
	.ft{width:100%;}
}

@media (max-width: 768px) {
	.banner .container{display:none;}
	.mobie-container{display:block;width:90%;margin:0 auto;border-bottom: 1px solid #e8e8e8;}
	.sub-nav-head{display:none;}
	.wrap{margin:0 auto 20px;}
	.w_left,.w_right{padding:0;margin:0 auto;width:90%;}
	.mobie-container h1{font-size: 2em;text-align:center;padding:20px 0;}
	.footer-btn{display:none;}
	.sub_nav_title{display:block;}
	.sub-nav-head2{margin-top:20px;}
	.active-tab{display:none;}
	.content{width:100%;float:none;}
	.w_right img,.w_left img{margin:20px auto;width:80%;float:none;}
	.hot_article{display:block;}
	.buy{width:103px;height:48px;background: url('/images/picture/buy-now.png');display:inline-block;}
	.f-box{width:100%;margin:10px 0;}
	.foot_title{padding-bottom: 30px;}
	.hot_article{width:90%;background: #fff;margin:0 auto;border-radius: 5px;padding:10px 0;box-shadow: 1px 2px 5px #CCCCCC;}
	.hot_title{width:90%;margin:0 auto;font-weight: bold;font-size:1.2em;}
	.hot_article ul{width:90%;margin: 0 auto;}
	.hot_article ul li{list-style-type: disc;margin-left:14px;}
}
@media (max-width:679px) {
	.buy{width:189px;height:48px;background: url('/images/picture/buy.png');display:inline-block;}
	
}
@media (max-width:479px) {
	.w_right img,.w_left img{margin:20px auto;width:100%;float:none;}
	
}