@charset "utf-8";
html, div, body, p, li, form, img, dd, h1, h2, h3, h4, input {
	font-family:Segoe UI, Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	line-height:25px;
	margin:0 auto;
	padding:0;
}
img {
	border:none;
}
a, a:hover, a:link, a:visited {
	text-decoration:none;
}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
/*Banner*/
#banner {
	background:#d63839 url(/images/purchase/ban-bg.jpg) no-repeat scroll 50% 0;
	width:100%;
	height:115px;
	overflow:hidden;
}
#banner h1 {
	font-size:40px;
	line-height:60px;
	color:#FFF;
	text-align:center;
	margin:25px auto;
}
/*Promotion*/
.promo {
	max-width:1200px;
	width:100%;
	margin:50px auto 0 auto;
	overflow:hidden;
}
.promo .one {
	border-bottom:#ededed 1px solid;
	overflow:hidden;
}
.promo .one .title {
	font-size:32px;
	line-height:40px;
	color:#000;
	text-align:center;
}
.promo .one .title span {
	font-size:40px;
	color:#f11213;
}
.promo .one .info {
	max-width:1200px;
	width:100%;
	margin:30px auto 40px auto;
	overflow:hidden;
}
.promo .one .left {
	float:left;
	margin-right:30px;
}
.promo .one .left img {
	max-width:700px;
	width:100%;
}
.promo .one .right {
	float:left;
	padding-top:10px;
}
.promo .one .right .price {
	font-size:26px;
	line-height:40px;
	color:#000;
}
.promo .one .right .price span {
	font-size:36px;
	color:#f11213;
}
.promo .one .checkout-switch {
	float:left;
	width:440px;
	overflow:hidden;
}
.promo .one .checkout-switch .buyA, .promo .one .checkout-switch .buyS, .promo .one .checkout-switch .buyA-mac, .promo .one .checkout-switch .buyS-mac {
	float:left;
	background:#ec3e3f url(/images/products/win.png) no-repeat scroll 30px center;
	height:50px;
	color:#FFF;
	padding:0 35px 0 80px;
	font-size:20px;
	line-height:44px;
	margin:10px 20px 0 0;
}
.promo .one .checkout-switch .buyA-mac, .promo .one .checkout-switch .buyS-mac {
	background:#ec3e3f url(/images/products/mac.png) no-repeat scroll 30px center;
}
.promo .one .checkout-switch .buyA:hover, .promo .one .checkout-switch .buyS:hover, .promo .one .checkout-switch .buyA-mac:hover, .promo .one .buyS-mac:hover {
	background-color:#e02f31;
}
.promo .two, .promo .three {
	float:left;
	background:#e7f1fb;
	max-width:560px;
	width:100%;
	margin:40px 50px 30px 0;
	padding:30px 0 0 0;
}
.promo .three {
	background:#e2ffed;
	margin-right:0;
}
.promo .two .title {
	font-size:30px;
	line-height:45px;
	color:#000;
	text-align:center;
	padding-bottom:20px;
}
.promo .two .title span {
	font-size:36px;
	color:#f11213;
}
.promo .two img {
	display: block;
	margin: 0 auto;
	max-width: 530px;
	width: 100%;
	margin-bottom: 30px;
}
.promo .two .info {
	background:#354657;
	margin:30px auto 0 auto;
	padding:20px 0 30px 0;
	overflow:hidden;
}
.promo .three .info {
	background:#35574d;
}
.promo .two .info .price {
	font-size:20px;
	line-height:40px;
	color:#FFF;
	text-align:center;
}
.promo .two .info .price span {
	font-size:30px;
	color:#f11213;
}
.promo .two .checkout-switch {
	width:360px;
	overflow:hidden;
}
.promo .two .checkout-switch .buyA, .promo .two .checkout-switch .buyS, .promo .two .checkout-switch .buyA-mac, .promo .two .checkout-switch .buyS-mac {
	float:left;
	background:#ec3e3f url(/images/products/win.png) no-repeat scroll 20px center;
	height:40px;
	color:#FFF;
	padding:0 15px 0 60px;
	font-size:20px;
	line-height:35px;
	margin:10px 20px 0 0;
}
.promo .two .checkout-switch .buyA-mac, .promo .two .checkout-switch .buyS-mac {
	background:#ec3e3f url(/images/products/mac.png) no-repeat scroll 20px center;
}
.promo .two .checkout-switch .buyA:hover, .promo .two .checkout-switch .buyS:hover, .promo .two .checkout-switch .buyA-mac:hover, .promo .two .buyS-mac:hover {
	background-color:#e02f31;
}
/*All Products*/
.box {
	margin:50px auto 20px auto;
	overflow:hidden;
}
.box h2 {
	font-size:40px;
	color:#000;
	text-align:center;
	line-height:60px;
}
.pro-menu {
	border-top:1px solid #e6e4e4;
	border-bottom:1px solid #e6e4e4;
	height:60px;
	line-height:60px;
	margin-top:20px;
}
.pro-menu .title {
	max-width:1200px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.pro-menu .title li {
	float:left;
	font-size:20px;
	color:#333;
	line-height:60px;
	text-align:center;
	width:20%;
	cursor:pointer;
}
.pro-menu .title li img {
	vertical-align:middle;
	margin-right:5px;
	margin-top:-5px;
}
.pro-menu .title li.curr {
	border-bottom:3px solid #51a1f6;
	color:#2d8aec;
}
.pro-box {
	overflow:hidden;
}
.pro-box .list {
	max-width:1200px;
	width:100%;
	padding:1% 0 3% 0;
	margin:0 auto;
	overflow:hidden;
}
.pro-box .inline {
	width:100%;
	max-width:1200px;
	margin:20px auto 0 auto;
	text-align:center;
	overflow:hidden;
}
.pro-box .item {
	float:left;
	max-width:283px;
	width:23.6%;
	margin:20px 14px 0 0;
	overflow:hidden;
}
.pro-box .des {
	border:1px solid #e6e6e6;
	overflow:hidden;
}
.pro-box .item img {
	max-width:283px;
	width:100%;
}
.pro-box .item .pic {
	max-width:116px;
	width:100%;
	margin-top:30px;
}
.pro-box .item .title {
	font-size:20px;
	line-height:30px;
	max-widht:250px;
	width:100%;
}
.pro-box .item .title a {
	color:#000;
	text-decoration:none;
	padding:10px 5px 0 5px;
	display:block;
}
.pro-box .item .title a:hover {
	text-decoration:underline;
}
.pro-box .item .desc {
	margin:5px auto;
	padding:0 5px;
	font-size:16px;
	line-height:30px;
}
.pro-box .item .price {
	font-size:16px;
	line-height:30px;
	color:#222;
}
.pro-box .item .price span {
	font-size:22px;
	color:#ea1616;
}
.pro-box .item .win-mac {
	max-width:150px;
	width:100%;
	margin:15px auto 20px auto;
	display:block;
	overflow:hidden;
}
.pro-box .item a.win, .pro-box .item a.mac {
	background:url(/images/purchase/buy-win.png) scroll no-repeat 20px center;
	border:#e04445 1px solid;
	width:90px;
	font-size:16px;
	text-align:left;
	color:#e04445;
	text-decoration:none;
	display:block;
	padding:0 0 5px 50px;
	margin-bottom:10px;
}
.pro-box .item a.mac {
	background:url(/images/purchase/buy-mac.png) scroll no-repeat 20px center;
	width:90px;
}
.pro-box .item a.win:hover, .pro-box .item a.mac:hover {
	background:url(/images/purchase/win-1.png) scroll no-repeat 20px center #e04445;
	color:#FFF;
}
.pro-box .item a.mac:hover {
	background:url(/images/purchase/mac-1.png) scroll no-repeat 20px center #e04445;
}
.pro-box .item a.down-win, .pro-box .item a.down-mac {
	background:url(/images/purchase/down-win.png) scroll no-repeat 20px center;
	border:#3fc09a 1px solid;
	width:90px;
	font-size:16px;
	text-align:left;
	color:#3fc09a;
	text-decoration:none;
	display:block;
	padding:0 0 5px 50px;
	margin-bottom:10px;
}
.pro-box .item a.down-mac {
	background:url(/images/purchase/down-mac.png) scroll no-repeat 20px center;
	width:90px;
}
.pro-box .item a.down-win:hover, .pro-box .item a.down-mac:hover {
	background:url(/images/purchase/win-1.png) scroll no-repeat 20px center #3fc09a;
	color:#FFF;
}
.pro-box .item a.down-mac:hover {
	background:url(/images/purchase/mac-1.png) scroll no-repeat 20px center #3fc09a;
}
/*Related Article*/
.related-art {
	max-width:1200px;
	width:100%;
	margin:0 auto 50px auto;
	padding:0 1%;
	overflow:hidden;
}
.related-art .title {
	font-size:36px;
	line-height:60px;
	color:#000;
	text-align:center;
}
.related-art .cont {
	display:flex;
	display:-webkit-flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	overflow:hidden;
}
.related-art .cont .txt {
	width:24%;
	line-height:25px;
	margin:30px 1% 0 0;
}
.related-art .cont a {
	color:#008ED2;
	font-size:18px;
	display:block;
	width:100%;
}
.related-art .cont a:hover {
	text-decoration:underline;
}
.related-art .cont img {
	max-width:285px;
	width:100%;
}
.related-art .cont img:hover {
	opacity:0.9;
}
.related-art .cont .tit {
	padding:15px 0 5px 0;
	width:100%;
}
.related-art .more {
	font-size:26px;
	line-height:30px;
	color:#29d085;
	text-align:center;
	width:200px;
	border:#29d085 2px solid;
	border-radius:5px;
	display:block;
	padding:10px 15px;
	margin:30px auto 20px auto;
}
.related-art .more:hover {
	background:#29d085;
	color:#FFF;
}
/*Breadcrumb*/
#breadcrumb {
	font-size:14px;
	margin-top:15px;
}
#breadcrumb .container {
	max-width:1200px;
	overflow:hidden;
	padding:10px 1%;
	width:98%;
	margin:0 auto;
	color:#333;
}
#breadcrumb .container a {
	color:#333;
	text-decoration:none;
}
#breadcrumb .container a:hover {
	color:#007EFD;
}
/*Footer*/
#footer {
	text-align:left;
	overflow:hidden;
	background-color:#2b2b2b;
}
#footer a {
	font-size:14px;
	color:#e0e0e0;
	text-decoration:none;
}
#footer a:hover {
	color:#2492FF;
}
#footer-container {
	margin:15px auto;
	max-width:1200px;
	overflow:hidden;
}
#footer-left {
	float:left;
	width:20%;
}
#footer-center {
	float:left;
	width:37%;
	margin-top:20px;
	margin-left:3.5%;
}
#footer-center p {
	margin:0;
	color:#bfbfbf;
}
#footer-right {
	float:left;
	width:35%;
	margin-top:20px;
	margin-left:3%;
	color:#bfbfbf;
}
/*GoTop*/
#goTop {
	width:50px;
	height:90px;
	background:url(/new-style/images/go-top.png) scroll 0 0;
	position:fixed;
	right:10px;
	bottom:10px;
	cursor:pointer;
}
@media screen and (max-width:1200px) {
.pro-box .item {
margin:20px 10px 0 0;
}
.promo .one {
border-bottom:none;
}
.promo .one .left {
float:none;
max-width:610px;
width:100%;
margin:0 auto;
}
.promo .one .right {
float:none;
max-width:480px;
width:100%;
margin:0 auto;
}
.promo .two, .promo .three {
float:none;
max-width:1200px;
width:100%;
margin:20px auto 30px auto;
}
}
@media screen and (max-width:1020px) {
.pro-box .inline {
max-width:650px;
}
.pro-box .item {
width:48%;
margin-top:30px;
margin-right:40px;
}
}
@media screen and (max-width:1000px) {
#footer-left {
display:none;
}
#footer-center, #footer-right {
width:100%;
text-align:center;
margin:5px auto;
}
}
@media screen and (max-width:768px) {
.related-art .cont .txt {
width:45%;
line-height:25px;
margin:30px 2% 0 3%;
}
.pro-menu .title li img {
display:none;
}
}
@media screen and (max-width:670px) {
.pro-box .inline {
max-width:285px;
}
.pro-box .item {
float:none;
width:100%;
}
}
@media screen and (max-width:600px) {
.pro-menu {
height:auto;
}
.pro-menu .title {
width:100%;
margin:0;
}
.pro-menu .title li {
width:150px;
display:block;
margin-right:30px;
}
.pro-menu .title li.curr {
background:#51a1f6;
color:#FFF;
border-bottom:none;
}
}
@media screen and (max-width:480px) {
#banner {
background:#d63839;
width:100%;
overflow:hidden;
}
#banner h1 {
font-size:30px;
line-height:40px;
width:60%;
}
.promo .one .right {
max-width:300px;
}
.promo .one .checkout-switch {
float:none;
width:240px;
}
.related-art .cont .txt {
width:100%;
}
}