/** ===============================================
 *  初始化
 *  ===============================================
 */

html {
	background-color: #fff;
	min-width: 100%;
	overflow-y: scroll;
	box-sizing: border-box;
	font-size: 62.5%;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body {
	color: #333;
	font-size: 1rem;
	line-height: 1;
	font-family: 'Microsoft YaHei', 'Arial', sans-serif;
	margin: 0;
}

ul {
	margin: 0;
	padding-left: 0;
}

li {
	list-style: none;
}

a {
	color: #666;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 400;
}

p {
	margin: 0;
}

dd {
	margin-left: 0;
}

::selection {
	background-color: rgba(1, 197, 68, .5);
	color: white;
}

::-moz-selection {
	background-color: rgba(1, 197, 68, .5);
	color: white;
}

::-webkit-selection {
	background-color: rgba(1, 197, 68, .5);
	color: white;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
}

.clearfix:after {
	clear: both;
}

.container {
	width: 1200px;
	margin: 0 auto;
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
#sss{
	min-width: 1200px;
}

.downContb{margin-top:20px}
.downContb .nowDow {
    display: inline-block;
    width: 276px;
    height: 68px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background-color: #030661;
    margin-right: 15px;
    font-size: 18px;
    background: url(../img/index-nowdow.png) no-repeat;
    background-position: -14px -5px;
}

.downContb .xunleiDow {
    display: inline-block;
    width: 158px;
    height: 68px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    vertical-align: top;
    background: url(../img/index-xunleiD.png) no-repeat;
    background-position: -14px -5px;
}
.downContb .nowDow:hover {
    background: url(../img/index-nowdow-h.png) no-repeat;
    background-position: -14px -5px;
}
.downContb .xunleiDow:hover {
    color: #fff;
    background: url(../img/index-xunleiD-h.png) no-repeat;
    background-position: -14px -5px;
}

.btn-default {
	display: inline-block;
	width: 268px;
	height: 70px;
	font-size: 24px;
	text-transform: capitalize;
	color: #fff;
	text-align: center;
	line-height: 70px;
	border-width: 0;
	border-radius: 7px;
	outline: none;
	background-color: #22d264;
	background-image: linear-gradient(#2be77f, #1bc451);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
	cursor: pointer;
	transition: all .4s ease-out;
	user-select: none;
}

.btn-default i {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-right: 12px;
	margin-top: -5px;
	vertical-align: middle;
	border-radius: 50%;
	background: url(img/sprite.png.html) no-repeat -200px -309px;
}

.btn-default:hover {
	background-color: #2fef8b;
	background-image: linear-gradient(#5effb3, #01b43f);
}

.btn-default:active {
	background-color: #1bc350;
	background-image: linear-gradient(#1bc350, #1bc350);
}
#head{
	min-width: 1200px;
	height: 170px;
}
.header {
	height: 64px;
	width: 100%;
	position: relative;
	*zoom: 1;
	z-index: 10;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.header .logo {
	display: inline-block;
	width: 171px;
	height: 40px;
	margin-top: 12px;
	float: left;
}

.header .logo img {
	display: block;
}

.header ul {
	float: right;
	height: 40px;
	padding: 12px 0;
	display: inline-block;
}

.header li {
	display: inline-block;
	float: left;
	margin-left: 30px;
}

.header li.win10-link {
	position: relative;
	*zoom: 1;
}

.header li.win10-link .par:hover {
	background: 0 0;
	color: #fff
}

.header li.win10-link .par:hover .triangle {
	border-color: #fff transparent transparent
}

.header li.win10-link:hover .child-menu {
	display: inline-block
}

.header li a {
	font-size: 16px;
	color: #e4e2f0;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	border-radius: 3px;
	display: block;
	cursor: pointer;
	cursor: pointer;
}

.header li a.active, .header li a:hover, .header li.active a {
	background-color: #bcb6e0;
	color: #392b95;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.header li a {
	font-size: 16px;
	color: #e4e2f0;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	border-radius: 3px;
	display: block;
}

.header .triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 3px 0;
	border-color: #e4e2f0 transparent transparent;
	display: inline-block;
	margin-left: 7px;
	position: relative;
	top: -3px;
	*top: -7px;
	*left: 6px;
}

.header .child-menu {
	width: 114px;
	height: 70px;
	border-radius: 2px;
	background: #dedbf0;
	position: absolute;
	top: 39px;
	left: 0;
	display: none;
}

.header .child-menu a {
	height: 35px;
	line-height: 35px;
	display: block;
	font-size: 14px;
	color: #3c2e9c;
	text-align: center;
	position: relative;
	*zoom: 1;
}

.header .child-menu a .icon-gl {
	left: 8px;
	top: 15px;
}

.header .child-menu a .icon-gt {
	right: 8px;
	top: 16px;
}

.header .child-menu a i {
	position: absolute;
	display: none;
}

.icon-gl {
	background-position: -421px -261px;
	width: 5px;
	height: 7px;
}

.banner {
	height: 436px;
	width: 100%;
}

.banner-win .btnbox a {
	width: 215px;
	height: 46px;
	line-height: 46px;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	border-radius: 30px;
	margin-right: 20px;
	font-weight: 400;
}

.banner-win .btnbox .xl-btn {
	background: #fcde30;
	border: 1px solid #fcde30;
	color: #3d2f97;
}

.banner-win .btnbox a:hover {
	text-decoration: underline;
}


.banner-win .img-left {
	display: inline-block;
	float: left;
	width: 520px;
	height: 336px;
	margin: 50px 0 0 0;
}

.banner-win .text-right {
	padding: 32px 0 0 120px;
	color: #fff;
	display: inline-block;
}

.banner-win .text-right h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
}

.banner-win .text-right h3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 40px;
}

.downCont{
	height: 61px;
	margin-top: 10px;
}

.downCont .nowDow {
	display: inline-block;
	background: url(../img/down.png.html) 0 0 no-repeat;
	width: 248px;
	height: 56px;
	margin-left: 100px;
}

.downCont .nowDow:hover{
	background: url(../img/down.png.html) no-repeat 0 -70px;;
}
#footer{height:203px}
.footer {
	text-align: center;
	color: #605b83;
	font-size: 14px;
	padding: 10px 0;
	line-height: 25px;
}


/** ===============================================
 *  ANIMATE
 *  ===============================================
 */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
	0% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
		;
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		;
		opacity: 1;
	}
}

@keyframes fadeInLeft {
	0% {
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
		;
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes fadeInRight {
	0% {
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

[id ^= "cnzz_stat_icon_"] {
	position: relative;
	left: 50%;
	bottom: 53px;
    margin-left: 126px;
}

/** ===============================================
 *  PAGE
 *  ===============================================
 */

.page-wrapper {
	min-width: 1200px;
}

.page-header {
	width: 1200px;
	margin: 0 auto;
}

.page-header {
	position: relative;
	height: 80px;
	color: #000;
	user-select: none;
}

.page-header .logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 123px;
	height: 100px;
}

.page-header .nav {
	font-size: 0;
	float: right;
}

.page-header .nav li {
	font-size: 18px;
	line-height: 80px;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 80px;
	vertical-align: top;
	text-align: center;
	color: #999;
	transition: background-color .4s ease-out;
}

.page-header .nav a {
	display: block;
	color: inherit;
}

.page-header .nav li:hover {
	background-color: #f2fcf6;
}

.page-header .nav .on {
	position: relative;
	color: #01c345;
	background-color: #f2fcf6;
}

.page-header .nav .on:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #00be41;
}

.page-footer {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	color: #999999;
	font-size: 1.4rem;
	border-top: 10px solid #14be50;
}

.page-footer p+p {
	margin-top: 12px;
}
.page-footer p a {
	margin: 0 5px;
	color: inherit;
}
.page-footer p a:hover {
	color: #666;
}
/** ===============================================
 *  INDEX
 *  ===============================================
 */

.index-banner {
	position: relative;
	height: 650px;
	background: url(img/index_banner_bg.png.html) no-repeat scroll top center;
	user-select: none;
	background-size: cover;
}

.index-banner .content {
	width: 650px;
	height: 473px;
	margin-top: 97px;
	margin-left: 81px;
	background: url(../img/index_banner_main.png.html) no-repeat scroll top left;
	background-size: 100% 100%;
}

.index-banner .content-hd {
	position: relative;
	z-index: 1;
	font-size: 0;
}

.index-banner .content-hd .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 80px;
	height: 92px;
	opacity: 0;
	background-color: transparent;
	transition: all .4s linear;
}

.index-banner .content-hd .item {
	display: inline-block;
	width: 80px;
	height: 77px;
	padding-top: 15px;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	cursor: pointer;
}

.index-banner .content-hd a {
	color: inherit;
}

.index-banner .content-hd .item-icon {
	display: inline-block;
	width: 44px;
	height: 44px;
	background-size: 44px 44px;
}
.index-banner .content-hd .item-icon-udisk {
	background-image: url(img/icon-udisk.png.html);
}
.index-banner .content-hd .active .item-icon-udisk {
	background-image: url(../img/icon-udisk-active.png.html);
}
.index-banner .content-hd .item-icon-one {
	background-image: url(../img/icon-one.png.html);
}
.index-banner .content-hd .active .item-icon-one {
	background-image: url(../img/icon-one-active.png.html);
}
.index-banner .content-hd .item-icon-backup {
	background-image: url(../img/icon-backup.png.html);
}
.index-banner .content-hd .active .item-icon-backup {
	background-image: url(../img/icon-backup-active.png.html);
}
.index-banner .content-hd .item-icon-soft {
	background-image: url(../img/icon-soft.png.html);
}
.index-banner .content-hd .active .item-icon-soft {
	background-image: url(../img/icon-soft-active.png.html);
}
.index-banner .content-hd .item-icon-service {
	background-image: url(../img/icon-service.png.html);
}
.index-banner .content-hd .item-icon-web {
	background-image: url(../img/icon-web.png.html);
}

.index-banner .content-hd .active .item-icon-soft {
	background-image: url(../img/icon-soft-active.png.html);
}

.index-banner .content-hd .item-text {
	display: block;
	margin-top: 5px;
}

.index-banner .content-hd .active {
	opacity: 1;
}

.index-banner .content-bd {
	position: relative;
	width: 100%;
	height: 381px;
}

.index-banner .content-bd .img-left,
.index-banner .content-bd .img-right {
	position: absolute;
	display: none;
}

.index-banner .content-bd .img-left {
	top: 44px;
	left: 56px;
	width: 240px;
	height: 188px;
}

.index-banner .content-bd .img-right {
	right: 10px;
	bottom: 7px;
	width: 304px;
	height: 305px;
}

.index-banner .side {
	margin-right: 40px;
	padding-top: 125px;
	font-size: 18px;
	color: #fff;
	text-align: right;
}

.index-banner h1,
.index-banner h2 {
	margin: 0;
	font-weight: 400;
}

.index-banner .side-title {
	margin-bottom: 44px;
	font-size: 48px;
}

.index-banner .side-sub-title {
	margin-bottom: 50px;
	font-size: 36px;
}

.index-banner .side .platform {
	font-size: 0;
}

.index-banner .side-slogan {
	margin-bottom: 25px;
}

.index-banner .side .platform-item {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-left: 30px;
	font-size: 18px;
	vertical-align: top;
	line-height: 26px;
}

.index-banner .side .platform-item:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	background: url(../img/sprite.png) no-repeat 0 0;
}

.index-banner .side .winxp:before {
	background-position-x: 0;
}

.index-banner .side .win7:before {
	background-position-x: -26px;
}

.index-banner .side .win8:before {
	background-position-x: -52px;
}

.index-banner .side .win10:before {
	background-position-x: -78px;
}

.index-banner .side .btn-download {
	display: inline-block;
	width: 280px;
	height: 85px;
	font-size: 0;
	margin-bottom: 10px;
	margin-right: -6px;
	background: url(../img/sprite.png) no-repeat 0 -620px;
}

.index-banner .side .btn-download:hover {
	background-position-y: -790px;
}

.index-banner .side .btn-download:active {
	background-position-y: -705px;
}

.index-banner .side .line {
	font-size: 14px;
	line-height: 1.5;
}

.index-banner .line i {
	margin: 0 3px;
	font-style: normal;
}

.index-banner .side .line a {
	color: inherit;
}

.index-banner .side .line a:hover {
	text-decoration: underline;
}

.index-brief {
	width: 1200px;
	margin: 50px auto 80px;
	text-align: center;
	color: #07526b;
}

.index-brief-h2 {
	width: 800px;
	margin: 50px auto 80px;
	text-align: center;
	color: #07526b;
}


.index-brief-title {
	margin-bottom: 25px;
	font-size: 70px;
	font-weight: 700;
}

.index-brief-slogan {
	margin-bottom: 70px;
	font-size: 18px;
}

.index-brief-slogan span {
	position: relative;
}

.index-brief-slogan span:before,
.index-brief-slogan span:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 50px;
	height: 1px;
	background-color: currentColor;
}

.index-brief-slogan span:before {
	left: -70px;
}

.index-brief-slogan span:after {
	right: -70px;
}

.index-brief .list {
	padding: 0 40px;
	font-size: 0;
}

.index-brief .line {
	display: block;
	height: 100px;
}

.index-brief .item {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

.index-brief .item-icon {
	margin-bottom: 20px;
	font-size: 90px;
}

.index-brief .item-icon.lg {
	font-size: 200px;
}

.index-brief .item-title {
	margin-bottom: 15px;
	font-size: 24px;
}

.index-brief .item-text {
	font-size: 14px;
	line-height: 24px;
	color: #6eb9d1;
}

.index-brief.brief-fun .item {
	width: 31%;
}

.index-count {
	height: 320px;
	padding-top: 140px;
	font-size: 48px;
	text-align: center;
	color: #07526b;
	background: #dde6e9 url(../img/index_acount_bg.jpg.html) no-repeat center center;
	background-size: cover;
	user-select: none;
}

.index-count .num {
	font-size: 0;
	font-family: Arial;
}

.index-count .num li {
	font-size: 140px;
	height: 1em;
	display: inline-block;
	overflow: hidden;
}

.index-count .num li span {
	display: block;
	transform: translateY(0%);
}

.index-count .num li.active span {
	animation: moveNum 0.3s;
	animation-fill-mode: forwards;
}

@keyframes moveNum {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-100%);
	}
}

.index-count .slogan {
	line-height: 60px;
}

.index-count i {
	display: inline-block;
	margin: 0 20px;
	vertical-align: top;
	font-style: normal;
	font-size: 60px;
	line-height: 1;
}

.index-download {
	padding: 60px 0;
	text-align: center;
	color: #07526b;
}

.index-download .title {
	margin-bottom: 30px;
	font-size: 64px;
	font-weight: 700;
}

.index-download .slogan {
	margin-bottom: 45px;
	font-size: 30px;
}

.index-download .btn-download {
	width: 348px;
	height: 88px;
	line-height: 88px;
	font-size: 36px;
}


/** ===============================================
 *  COMMON
 *  ===============================================
 */

.common-main {
	color: black;
}

.common-banner {
	position: relative;
	height: 260px;
	margin-bottom: 65px;
	background: url(../img/banner_bg.jpg.html) no-repeat scroll center center;
}

.common-banner h1 {
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url(../img/banner_title.png.html) no-repeat center 0;
}

.common-banner .btn-download {
	position: absolute;
	left: 50%;
	width: 216px;
	height: 60px;
	font-size: 0;
	margin-left: -105px;
	bottom: 20px;
	background: url(../img/sprite.png) no-repeat 0 -875px;
}

.common-banner .btn-download:hover {
	background-position-y: -935px;
}

.common-banner .btn-download:active {
	background-position-y: -995px;
}

.common-video {
	margin-bottom: 100px;
	padding-right: 88px;
	overflow: hidden;
}

.common-video .main {
	float: right;
	width: 615px;
	height: 420px;
}

.common-video .side {
	height: 420px;
	margin-right: 630px;
	text-align: center;
	background: url(../img/common_side_bg.jpg.html) no-repeat 130px bottom;
}

.common-video .side-title {
	margin-bottom: 20px;
	font-size: 24px;
}

.common-video .side-slogan {
	font-size: 16px;
	line-height: 2;
}

.common-features {
	margin-bottom: 60px;
	text-align: center;
}

.common-features h2 {
	font-size: 24px;
	color: black;
}

.common-features .list {
	font-size: 0;
}

.common-features .item {
	display: inline-block;
	margin-top: 50px;
	vertical-align: top;
	font-size: 16px;
}

.common-features .col-3 {
	width: 25%;
}

.common-features .col-4 {
	width: 33.333%;
}

.common-features .item-icon {
	display: inline-block;
	width: 74px;
	height: 74px;
	margin-bottom: 24px;
	background: url(../img/sprite.png) no-repeat 0 -86px;
}

.common-features .item-icon-1 {
	background-position: 0 -86px;
}

.common-features .item-icon-2 {
	background-position: -74px -86px;
}

.common-features .item-icon-3 {
	background-position: -148px -86px;
}

.common-features .item-icon-4 {
	background-position: -222px -86px;
}

.common-features .item-icon-5 {
	background-position: 0 -160px;
}

.common-features .item-icon-6 {
	background-position: -74px -160px;
}

.common-features .item-icon-7 {
	background-position: -148px -160px;
}

.common-features .item-icon-8 {
	background-position: -222px -160px;
}

.common-features .item-icon-9 {
	background-position: 0 -234px;
}

.common-features .item-icon-10 {
	background-position: -74px -234px;
}

.common-features .item-icon-11 {
	background-position: -148px -234px;
}

.common-features .item-icon-12 {
	background-position: -222px -234px;
}

.common-features .item-icon-13 {
	background-position: 0 -308px;
}

.common-features .item-icon-14 {
	background-position: -74px -308px;
}

.common-features .item-title {
	margin-bottom: 10px;
	font-size: 24px;
}

.common-features .item-slogan {
	line-height: 1.5;
}

#commonSwiper {
	position: relative;
	width: 1020px;
	margin: 0 auto 70px;
}

#commonSwiper .text {
	position: relative;
	width: 880px;
	padding: 0 70px;
	height: 100px;
	display: table;
	margin: 30px auto;
	text-align: center;
	background-color: #fff;
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#commonSwiper .text:before {
	content: '教程';
	position: absolute;
	top: 0;
	left: 24px;
	width: 36px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	font-size: 14px;
	color: #fff;
	background-color: #db0a0a;
}
#commonSwiper .swiper-slide-shadow-left,#commonSwiper .swiper-slide-shadow-right{top:50px \9;height:345px \ 9}
.top{background:#333;text-align: center;
    line-height: 34px;
    font-size: 12px;color:#fff}.top a{color:#fff}
.gg{text-align: center;
    line-height: 60px;
    font-size: 16px;}
#commonSwiper .text:after {
	content: '';
	position: absolute;
	top: 33px;
	left: 24px;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 7px solid #db0a0a;
}

#commonSwiper .text p {
	vertical-align: middle;
	display: none;
	font-size: 16px;
	line-height: 1.5;
	color: #002832;
	transition: all .4s linear;
}

#commonSwiper .text .on {
	display: table-cell;
}

#commonSwiper .swiper-container {
	padding-bottom: 20px;
	user-select: none;
}

#commonSwiper .swiper-slide {
	width: 920px;
	height: 575px;	text-align: center;
}

#commonSwiper .swiper-slide-active {
	/*box-shadow: 0 4px 12px rgba(0, 0, 0, .1);*/
}

#commonSwiper .swiper-slide img {
	display: block;
	width:920px;margin: 0 auto;box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
	 
}

#commonSwiper .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#commonSwiper .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#commonSwiper .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	font-size: 16px;
	color: #fff;
	background-color: #c9c9c9;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	opacity: 1;
	transition: all .2s linear;
}

#commonSwiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
	transform: scale(1.25) translateZ(0);
	background-color: #01c846;
}

#commonSwiper .swiper-button-prev,
#commonSwiper .swiper-button-next {
	width: 37px;
	height: 580px;
	top: 10px;
	background-color: rgba(0, 0, 0, .1);
}

#commonSwiper .swiper-button-prev {
	left: 66px;
	background: url(../img/prev.png)   no-repeat  left  center;
}

#commonSwiper .swiper-button-next {
	right: 66px;background: url(../img/next.png)   no-repeat   right center;
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAyCAYAAABPq7vSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTdDNUVDMzc5NTM3MTFFN0ExODg4NzExOTFGNUNFQTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTdDNUVDMzg5NTM3MTFFN0ExODg4NzExOTFGNUNFQTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5N0M1RUMzNTk1MzcxMUU3QTE4ODg3MTE5MUY1Q0VBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5N0M1RUMzNjk1MzcxMUU3QTE4ODg3MTE5MUY1Q0VBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjD4osoAAAH9SURBVHjavJjdLgNBFMcHlxISHy0tilLCU/BKblx4DQ8gXoDEhSu8gCCt0lar9c2dxpWb9Z/mbNKwO2ek/+1Jfk3abfa3Ozsz55w1QRAMgS3wDr7BMVgGJgnsx07wNz7AelLCpyA67B2vsYWDxphhEx0pcAJWDTGs8MBxPC3SFZoRtzkKzgN3PIMC6xlaxsGFIn1izN7uLxPgUpE+giWW0DIJrjykeZYwlBYVaQsssISh9FqRNsE8S2hJg7IivQc5ltAyBW4UaQPMsYSWaXCrSOtgliW0ZEBVkdbADEto5GQ1RWovKssShtI7RVqREaEIjTyruiK9lWdPERqZlQ1FeiOznCI0suibitSu4xRLaGR7aynSkuxcFKFlETwo0mIoZdUqeckirrBZaGygY+XEEjgDWcd/9plCGwVwCjIxx9uDhhuB4KzaWJGXCs81pIesSeMzUzuThiHzWYu0ZeGz29AWfk5KDFdcs7Y2n827LHVRX9JTZKZIKgHH5sIkSgxntv+PMOtRRKn1jK8wI1fec8XmI/SpSe98ZZqQXnW7hIn0FXHCVFKdU1xDWkqqN/wt9GlEHyQV9dxyJ95qdwtH+/EyoVu414/XJSG2avtErTESU4O8gA1QZb76asccewWbTFko3I34/U1kFcMODKkd1m3ZE7/AEWM2xvEjwAAVd95QanwifgAAAABJRU5ErkJggg==);*/
}

#commonSwiper .swiper-button-next.swiper-button-disabled,
#commonSwiper .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}


/** ===============================================
 *  DOWNLOAD
 *  ===============================================
 */

.download-main .select-sys {
	position: fixed;
	top: 410px;
	right: 25px;
	padding: 5px;
	border-radius: 4px;
	background-color: #6eb9d1;
	transition: top .4s linear;
}

.download-main .select-sys dl {
	margin: 0;
}

.download-main .select-sys dt {
	padding-left: 18px;
	font-size: 18px;
	color: #07526b;
	line-height: 34px;
}

.download-main .select-sys dd {
	height: 60px;
	color: #dbdbdb;
	background-color: #fff;
}

.download-main .select-sys dd a {
	display: block;
	padding: .5em 1em;
	font-size: 16px;
	line-height: 36px;
	color: inherit;
}

.download-main .select-sys dd i {
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	background: url(../img/sprite.png) no-repeat 0 -532px;
}

.download-main .select-sys dd .winxp {
	background-position-x: -144px;
}

.download-main .select-sys dd .win7 {
	background-position-x: -180px;
}

.download-main .select-sys dd .win8 {
	background-position-x: -216px;
}

.download-main .select-sys dd .win10 {
	background-position-x: -252px;
}

.download-main .select-sys dd:hover .winxp,
.download-main .select-sys dd.on .winxp {
	background-position-x: 0;
}

.download-main .select-sys dd:hover .win7,
.download-main .select-sys dd.on .win7 {
	background-position-x: -36px;
}

.download-main .select-sys dd:hover .win8,
.download-main .select-sys dd.on .win8 {
	background-position-x: -72px;
}

.download-main .select-sys dd:hover .win10,
.download-main .select-sys dd.on .win10 {
	background-position-x: -108px;
}

.download-main .select-sys dd:hover,
.download-main .select-sys dd.on {
	color: #07526b;
}

.download-banner h1 {
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-position-y: -1855px;
}

.download-banner h1.winxp-title {
	background-position-y: -795px;
}

.download-banner h1.win7-title {
	background-position-y: -1060px;
}

.download-banner h1.win8-title {
	background-position-y: -1325px;
}

.download-banner h1.win10-title {
	background-position-y: -1590px;
}

.download-list {
	width: 1240px;
	margin: 0 auto;
	padding-bottom: 40px;
	font-size: 0;
	text-align: center;
}

.download-list .item {
	position: relative;
	display: inline-block;
	width: 44%;
	margin: 0 20px 40px;
	padding: 50px 15px;
	font-size: 12px;
	color: #07526b;
	background-color: #fff;
	transition: box-shadow .4s ease-out;
	user-select: none;
}

.download-list .item-lab-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 0;
	height: 0;
	border-top: 154px solid #f2fbf5;
	border-right: 151px solid transparent;
	transition: border-width .4s linear;
}

.download-list .item-lab-inner {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 100;
	text-align: center;
	font-size: 15px;
	color: #00be42;
}

.download-list .item-lab-inner img {
	width: 40px;
	height: 40px;
	margin-bottom: 5px;
	transition: all .4s linear;
}

.download-list .item-lab-inner span {
	display: block;
	transition: all .4s linear;
}

.download-list .item-img {
	float: left;
	width: 240px;
	height: 210px;
	overflow: hidden;
}

.download-list .item-img img {
	width: 100%;
	height: 100%;
	transition: all .4s linear;
}

.download-list .item-content {
	margin-left: 250px;
	text-align: left;
}

.download-list .item-title {
	margin-bottom: 25px;
	font-size: 30px;
}

.download-list .item-title a {
	color: inherit;
}

.download-list .box {
	overflow: hidden;
	margin-bottom: 18px;
}

.download-list .item-desc {
	width: 10em;
	line-height: 22px;
}

.download-list .item ul {
	font-size: 14px;
	line-height: 22px;
}

.download-list .item .btn {
	display: inline-block;
	width: 140px;
	height: 50px;
	text-indent: -9999px;
	background: url(../img/sprite.png) no-repeat;
}

.download-list .item .btn-link {
	margin-left: -5px;
	background-position: -140px -382px;
}

.download-list .item .btn-link:hover {
	background-position-y: -432px;
}

.download-list .item .btn-link:active {
	background-position-y: -482px;
}

.download-list .item .btn-download {
	background-position: 0 -382px;
}

.download-list .item .btn-download:hover {
	background-position-y: -432px;
}

.download-list .item .btn-download:active {
	background-position-y: -482px;
}

.download-list .sys-item {
	width: 500px;
	margin: 0 15px 60px;
	padding: 35px;
	color: #07526b;
	font-size: 16px;
}

.download-list .sys-item>a {
	color: inherit;
}

.download-list .sys-item .item-lab-bg {
	border-top-width: 180px;
	border-right-width: 176px;
}

.download-list .sys-item .item-lab-inner img {
	width: 70px;
	height: 70px;
}

.download-list .sys-item .item-img {
	float: none;
	width: 100%;
	height: 377px;
	margin-bottom: 20px;
}

.download-list .sys-item .item-title {
	margin-bottom: 10px;
	font-size: 28px;
	line-height: 1.3;
	height: 2.6em;
	text-align: justify;
	overflow: hidden;
}

.download-list .sys-item .item-desc {
	width: 100%;
	margin-bottom: 10px;
	line-height: 1.75;
	height: 8.75em;
	text-indent: 2em;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
}

.download-list .sys-item .other {
	color: #6eb9d1;
	text-align: left;
}

.download-list .sys-item .other span {
	margin-right: 20px;
}

.download-list .item:hover {
	box-shadow: 0 4px 20px rgba(0, 200, 80, .3);
}

.download-list .item:hover .item-lab-bg {
	border-top-width: 200px;
	border-right-width: 196px;
}

.download-list .item:hover .item-lab-inner img {
	width: 64px;
	height: 64px;
}

.download-list .item:hover .item-lab-inner span {
	font-size: 20px;
}

.download-list .sys-item:hover .item-lab-bg {
	border-top-width: 250px;
	border-right-width: 244px;
}

.download-list .sys-item:hover .item-lab-inner img {
	width: 97px;
	height: 97px;
}

.download-list .sys-item:hover .item-img img {
	transform: scale(1.1);
}

@media only screen and (max-width: 1440px) {
	.download-list {
		width: 1200px;
	}
	.download-list .sys-item {
		width: 450px;
		padding: 20px;
	    margin: 0 10px 40px;
	}
	.download-list .sys-item .item-img {
		height: 340px;
	}
	.download-main .select-sys dt {
		font-size: 16px;
	}
	.download-main .select-sys dd a {
		overflow: hidden;
		font-size: 14px;
	}
	.download-main .select-sys dd a span {
		display: none;
	}
}

@media only screen and (max-width: 1280px) {
	.download-list .sys-item {
		width: 420px;
		padding: 15px;
		font-size: 14px;
	}
	.download-list .sys-item .item-img {
		height: 315px;
	}
	.download-list .sys-item .item-title {
		font-size: 26px;
	}
}

.download-sys-content {
	width: 1080px;
	margin: 25px auto 50px;
	color: #07526b;
}

.download-sys-content>dt {
	position: relative;
	margin-bottom: 40px;
	font-size: 24px;
}

.download-sys-content>dt span {
	margin-left: 25px;
	font-size: 14px;
	color: #6eb9d1;
}

.download-sys-content>dt a {
	font-size: 14px;
	color: inherit;
}

.download-sys-content>dt a:hover {
	text-decoration: underline;
}

.download-sys-content>dt:before {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 28px;
	height: 4px;
	background-color: currentcolor;
}

.download-sys-content>dd {
	margin-bottom: 50px;
}

.download-sys-content .dd-brief {
	font-size: 18px;
	overflow: hidden;
	user-select: none;
}

.download-sys-content .dd-brief .side {
	position: relative;
	float: left;
	width: 600px;
	height: 380px;
	background: url(../img/pc_box.png.html) no-repeat -15px top;
}

.download-sys-content .dd-brief .swiper-container {
	height: 325px;
	padding: 23px 70px 0;
}

.download-sys-content .dd-brief .swiper-container {
	position: relative;
}

.download-sys-content .dd-brief .swiper-pagination {
	bottom: 3px;
}

.download-sys-content .dd-brief .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background-color: #fff;
	opacity: .8;
}

.download-sys-content .dd-brief .swiper-pagination-bullet-active {
	background-color: #23d669;
}

.download-sys-content .dd-brief .swiper-button-next,
.download-sys-content .dd-brief .swiper-button-prev {
	top: 30px;
	z-index: 10;
	width: 57px;
	height: 330px;
	background-size: 30px 61px;
	background-color: #fff;
	transition: background-image .4s linear;
}

.download-sys-content .dd-brief .swiper-button-prev {
	left: -11px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA9CAYAAAC6CNk6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDdGNTIwRUFEQjMwMTFFNzhERUNGMzJERDFBQ0JDNjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDdGNTIwRUJEQjMwMTFFNzhERUNGMzJERDFBQ0JDNjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowN0Y1MjBFOERCMzAxMUU3OERFQ0YzMkREMUFDQkM2MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowN0Y1MjBFOURCMzAxMUU3OERFQ0YzMkREMUFDQkM2MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjBxTCEAAAMFSURBVHjaxJlriIxhFMffcZm2UTaym9hQVtKSSPthE9nNPfcs2rSuS3KNkpTyRaJcUgohl3X7YItl171NuZRIJLlEMVIb2tSmqcX/1H9qmmZ2zuxz5plTv9rZzvv+eqfnPc95zoSi0WiQh9jVLQ/SHWC3b/E2sEf+8CneDPbHP/gSbwQHEv/hQ7wWHAIhn+JV4GiyNNfi5eB4KmkuxbXgRDpprsRLwEnQvbMka3E1OJdJai1eAOo1UsReK/FccAH0UOQekbJpIZ4JLoOwIvc02GTxVU8DV5XSK2A1+OcqngIalNJGsBR0uC6uSkoLFLn3wUIQc13VE8F1EFHkPgazwB/X12k8uKGUvgDTQbvre1xBaS9F7hswFbS5FpBycBP0VuR+4MJrda1c48BtUKjI/Qomg4wdZCbxmCyk8oRV4LPmK+xMPJrSPor7/KT0nXbBpBOPBHdAP8U9ZAHNAK+yeT1SiUeAe6BIcb28KnPA02yLQbJ4OCtNseLaGLfClq6UvkRxKZ+0v+I6qbmLQXNXC31cPBQ8AAMV1/wFy1irAxfxEH69JYp82dLWgfOum7iIT4FByvxr4JhFyyLileCLMn82qLMSfwKTWO4yRYgngxoLscRHbu7fFNdIF3kGzLMQS7xn2fuulF/i1ucslnhLeavi2jAbvQkW4vgmXqmUR7jSyy3EEq+5r/5Q3EO2zCYwykIs8ZKdxC/FffqCu2CYhVjiOeVtinsVswIOthBLPOOJQSMv4ZMPsDotPuFm/1uRW8rOpcjqmPqIB7R2RW4Zt8xCq/PxQz65Rj6WLXHE6mDewnZHI6/ge15gNRGQBTQ/1ZkoRVTxiBq2GkXcojymyJWD29nEMYXrwbyJDZ9Gvihx7mUximhk46eRrwCHA+WwRBMNbA4uKu65QepByHhCX83pj9c5V3zAUps46/AllqhnA9nhWxywJ6uLj5Z8igP262vSyXM9KJfR8fpUch8/DUgfviVZ7uvHECkaW/MhljgItudDLLEP7LQsmdmE/NLW878AAwB07pB9LHF1pAAAAABJRU5ErkJggg==);
}

.download-sys-content .dd-brief .swiper-button-next {
	right: -10px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA9CAYAAAC6CNk6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY2MDI0RURERUVBMTFFN0IxN0VDODRDMTg5REMwRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY2MDI0RUVERUVBMTFFN0IxN0VDODRDMTg5REMwRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjYwMjRFQkRFRUExMUU3QjE3RUM4NEMxODlEQzBENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjYwMjRFQ0RFRUExMUU3QjE3RUM4NEMxODlEQzBENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjvdVNwAAALdSURBVHjaxJhriE1RFMf3PTQyyo3MFCakkeRRqCnSfCDvmJBnTDGR5DGFUopIfCDPUh6NV0mjKGLEICmaUpM8yivSnJIJTXKbJtf4r/rfmg901rTX3fdfv2/rnl/3tPdea59UHMe7nHN7XeBEYA/YUQix5ADYVgix5CCoLYRYchhsKoQ4BY6B9aHFOflJUBNanJOfAatDi7vKq0OLJT1AHVgeWpyTXwKLrcX7lfLLYJGleCc4oajtSXmV5aveAs4p6otAPZhrJe4Ea/lQjfwamGW1uLJgFbjZDfkMq1XdAZaAB4rf9gbXwVSr7dQO5oGnit8X8w1VWu3jDJgNmpXy22CK1QHSBmaCV4rn9AG3wCSrk6uV8veKZ/UFDaDC6siMwXTQoqhNg7tgooVY8glM4xvQyO+B8RZiyVvKvytq+/Gfj7MQS16AOVx4SRkAGsEYC7GkiY0io6gtAffBKAux5BFbZIeitpTykRZiyR1OJllF7UDKyy3Ejo1CBsI/itrB4CEYbiF2HIs2sLUmpYzyYRZiySlwQ1k7RAZIK/E6MF9Z+1kuCxbilbx5pBS1LezfH33FC8B5TqGaM1+kH3wXl3StK0rpFx6373y3UyW3UpGi9iulb3wPkAqu4GJFbSulr32PzLFs9mlF7Tf28Ze+TWIEu01/Re0PSp/7tsWhHHlLFbVtnLebfQeBQfynZUqprPZnvqNPCSeJcoX0J4eEJt9hL83WN1rxnF+8yD3xHW9zQ/oExTMylD72Heh7cZ9OVkqrOJF4XWHkJLrKTZ+Udp7Vjb6XNjlzL/LClhSZtRZy4XldU6WlnQZLuyFtsLiYHwVrlNJlvKB5f4rYBzYran+DFbyMeycVx7FmSMtSWu+MEiml1ZZSjVikNfy+5UKJOzk9XnB5SJQgrXN5SvQf6UZw1uUx0T+ktZyTXUjxVnDcBUhX8XZwxAVKTiyfjg+5gBHxbqf7WG6avwIMALEJk1ejJWJxAAAAAElFTkSuQmCC);
}

.download-sys-content .dd-brief .swiper-button-next:before,
.download-sys-content .dd-brief .swiper-button-prev:before {
	content: '';
	position: absolute;
	top: 2px;
	width: 24px;
	height: 330px;
	background-color: #0e0f12;
	pointer-events: none;
}

.download-sys-content .dd-brief .swiper-button-prev:before {
	right: -24px;
}

.download-sys-content .dd-brief .swiper-button-next:before {
	left: -24px;
}

.download-sys-content .dd-brief .swiper-button-prev:hover {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA9CAYAAAC6CNk6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzc1RUFDODFERUVBMTFFN0FCRTVBMDQyRDA5NzEzNzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzc1RUFDODJERUVBMTFFN0FCRTVBMDQyRDA5NzEzNzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzVFQUM3RkRFRUExMUU3QUJFNUEwNDJEMDk3MTM3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzVFQUM4MERFRUExMUU3QUJFNUEwNDJEMDk3MTM3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn6EkU8AAAMFSURBVHjaxJl7ZJVxGMff0+WYE01pk5qKlqQyJftjUtp01103yVqXlXRVpCL6Jym6iKhUuqybNGq17pnoQko2mS6KLmIqE5PDqb4Pz+E43rN9z37P+56HDzvzvL+P9/V7n9/z+72RpsZmLwexq0sOpNvB7rDFW8Ee+SNM8SawP/kjLPEGcCD1H2GI14BDIBKmeCU4mi4NWlwFjvtJgxRXghOZpEGJF4OToGt7SdbiBeBcR1Jr8TxQw0gRe63Es8EF0I3IPSJl00I8HVwGUSL3NNho8aingGuk9ApYBf65iieBWlJaB5aChOvkKldpHpH7EMwHcddZPR7cADEi9ymYAf64vk5jwU1S+gpMBW2u73GZSnsQuW/AZNDqWkBKwS3Qk8h9rxOvxbVyjQF3QT6R+wVMBF9dS+aoLKRyhxXgE/MI2xOXqLQXMc5Plb5lJ0wm8QhwD/QhxpAJNA00ZvN6+ImHgQeggLheXpVZ4Hm2xSBdPFQrTSFxbVyXwobOlL5UcbHeaV/iOqm5i8Dtzhb6pHgweAT6E9f8Bcu0Vnsu4kH6eIuIfFnS1oLzrou4iE+BAWT+dXDMomUR8QrwmcyfCaqtxB/BBC13HUVEdwZLLMQSH3Rx/0ZcI13kGTDHQizxTsved1J+SZc+Z7FEs8pbiGuj2uiNsxAnF/FyUh7TmV5qIZZo0nX1BzGGLJn1YKSFWOK1dhK/iHF6g/tgiIVY4qXKW4mxCrUCDrQQS7zQHQMjL9I772e1W3ymi/1vIrdYO5cCq23qE92gtRG5w3XJzLfaHz/WO2fko7UljlltzBu03WHkZfqe51mdCMgEmuu3J/KJCt2iRq2OIu6oPE7kysbtbOoxhevGvF4bPka+MPXcy+Iook4bP0a+HBz2yMMSJmq1ObhIjLle6oHlcdNVlSeI3B3WB2wyeysZeRBHijXaQCbCFnvak1Unj5bCFHvar6/OJA/6oFyOjtf5ycP4NCB9+OZ0eVgfQ6RobMmFWOIg2JYLscQ+sNOyZGYT8qWt+38BBgBhU48epnBAJAAAAABJRU5ErkJggg==);
}

.download-sys-content .dd-brief .swiper-button-next:hover {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA9CAYAAAC6CNk6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkRGNjhBODREQjJGMTFFNzkyNzlDNkM5REQwMTVEMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkRGNjhBODVEQjJGMTFFNzkyNzlDNkM5REQwMTVEMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGREY2OEE4MkRCMkYxMUU3OTI3OUM2QzlERDAxNUQyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGREY2OEE4M0RCMkYxMUU3OTI3OUM2QzlERDAxNUQyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpkVO10AAALdSURBVHjaxJhtaI1hGMfvc2gy5US2wkKaJC/FakXaB/IeC3mfFYvWGlYopYjEB/JaykvzVhKhiIkhKVqppY28RpqShZac1jLzv+r/1D7Qc637Ovf51+/bdZ5f5+m+7+u6n0Rz06sdzrndLnCSYBfYlg2xZB/Ykg2xZD+oyYZYchBsyIY4AY6AytDiSH4cVIQWR/JTYE1ocXd5eWixpBeoBStCiyP5BbDEWrxXKb8IFluKt4NjitrelJdavupN4IyiPgdcBvOsxF1gHR+qkV8Ds60WVydYDW72QD7TalV3gKXggeK3fcF1MM1qO7WD+eCp4ve5fEMlVvs4DeaARqX8NphqdYC0gVngheI5/cAtMNnq5Gql/J3iWf1BHSi2OjI/gxmgRVGbAndBkYVY8hFM5xvQyO+BiRZiyRvKvytqB/CfT7AQS5rAXC68uAwC9WCchVjSwEaRVtTmgftgjIVY8ogtskNRm0/5aAux5A4nk05F7WDKCy3Ejo1CBsI/itqh4CEYaSF2HIuq2FrjUkD5CAux5AS4oawdJgOklXg9WKCs/SSXBQtxGW8eCUVtC/v3B1/xQnCWU6jmzBfpe9/FJV3rklL6hcftW9/tVMKtlKOo/Urpa98DpJgrOFdR20rpS98jczybfUpR+419vNm3SYxitxmoqP1B6XPftjicI2++oraN83aj7yAwhP+0QCmV1f7Md/TJ4yRRqJD+5JDQ4Dvspdj6xiqe84sXuSe+4200pE9SPCNN6WPfgb4P9+kUpbSUE4nXFUZOoivc9HFp51ld73tpkzP3PC9scZFZaxEXntc1VVraSbCsB9I6i4v5YbBWKV3OC5r3p4g9YKOi9jdYycu42VefuMgIuwpctfzcpJGWKz/MmIlFWsHvWy6UuIvT4zmXgSRjpLUuQ0n+R1oNTrsMJvkPaQ3nZBdSvBkcdQHSXbwVHHKBEonlEDngAkbEO53uY7lp/gowAMazj/nXpxeqAAAAAElFTkSuQmCC);
}

.download-sys-content .dd-brief .side img {
	width: 100%;
	height: 305px;
}

.download-sys-content .dd-brief .content {
	margin-left: 660px;
}

.download-sys-content .dd-brief .title {
	overflow: hidden;
	margin-bottom: 20px;
	height: 2.4em;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 700;
}

.download-sys-content .dd-brief ul {
	margin-bottom: 36px;
	font-size: 0;
}

.download-sys-content .dd-brief li {
	display: inline-block;
	width: 50%;
	font-size: 18px;
	vertical-align: top;
	line-height: 1.8;
}

.download-sys-content .dd-brief .btn-download {
	width: 390px;
	height: 60px;
	margin-bottom: 15px;
	line-height: 60px;
}

.download-sys-content .dd-brief .btn-download i {
	width: 32px;
	height: 32px;
	margin-right: 20px;
	background: url(../img/sprite.png) no-repeat;
	background-position: -148px -308px;
	border-radius: 0;
}

.download-sys-content .dd-brief .btn-download i:before {
	display: none;
}

.download-sys-content .dd-brief .links a {
	color: inherit;
	margin-right: 15px;
}

.download-sys-content .dd-brief .links a:hover {
	text-decoration: underline;
}

.download-sys-content .dd-setting ul {
	font-size: 0;
}

.download-sys-content .dd-setting .item {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	font-size: 14px;
	text-align: center;
}

.download-sys-content .dd-setting .item-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-bottom: 20px;
	background: url(../img/sprite.png) no-repeat scroll 0 -26px;
}

.download-sys-content .dd-setting .icon-cpu {
	background-position-x: 0;
}

.download-sys-content .dd-setting .icon-gpu {
	background-position-x: -60px;
}

.download-sys-content .dd-setting .icon-ram {
	background-position-x: -120px;
}

.download-sys-content .dd-setting .icon-display {
	background-position-x: -180px;
}

.download-sys-content .dd-setting .icon-disk {
	background-position-x: -240px;
}

.download-sys-content .dd-setting .item-title {
	margin-bottom: 10px;
	font-size: 24px;
}

.download-sys-content .dd-setting .item-slogan {
	line-height: 1.5;
	width: 88%;
	margin: 0 auto;
}

.download-sys-content .dd-detail {
	font-size: 16px;
}

.download-sys-content .dd-detail p {
	margin-bottom: 30px;
	line-height: 2;
}

.download-sys-content .dd-detail dt {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 18px;
}

.download-sys-content .dd-detail dd {
	margin-left: 40px;
	line-height: 34px;
}

.download-sys-content .dd-down .links {
	user-select: none;
}

.download-sys-content .dd-down .btn {
	display: inline-block;
	width: 240px;
	height: 60px;
	margin-bottom: 20px;
	margin-right: 25px;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	background-color: #25d86c;
}

.download-sys-content .dd-down .btn-local {
	background-color: #349ed7;
}

.download-sys-content .dd-down .btn-icon-xunlei,
.download-sys-content .dd-down .btn-icon-local {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	margin-top: -2px;
	background: url(../img/sprite.png) no-repeat;
}

.download-sys-content .dd-down .btn-icon-xunlei {
	background-position: -148px -340px;
}

.download-sys-content .dd-down .btn-icon-local {
	background-position: -148px -308px;
}

.download-sys-content .dd-down .btn-xunlei:hover {
	background-color: #34d775;
}

.download-sys-content .dd-down .btn-local:hover {
	background-color: #4ba7d8;
}

.download-sys-content .dd-down li {
	list-style: disc;
	font-size: 14px;
	line-height: 24px;
	color: #6eb9d1;
	margin-left: 20px;
}

.download-sys-content .dd-more ul {
	height: 232px;
	overflow: hidden;
	font-size: 0;
}

.download-sys-content .dd-more li {
	display: inline-block;
	width: 240px;
	overflow: hidden;
	vertical-align: top;
	font-size: 14px;
	color: #07526b;
}

.download-sys-content .dd-more li+li {
	margin-left: 40px;
}

.download-sys-content .dd-more a {
	display: block;
	color: inherit;
}

.download-sys-content .dd-more .img {
	width: 100%;
	height: 180px;
	overflow: hidden;
	margin-bottom: 10px;
}

.download-sys-content .dd-more img {
	width: 100%;
	height: 100%;
}

.download-sys-content .dd-more .text {
	height: 3em;
	overflow: hidden;
	line-height: 1.5;
	text-align: justify;
}


/** ===============================================
 *  U_DISK_START
 *  ===============================================
 */

.disk-banner h1 {
	background-position-y: 0;
}


/** ===============================================
 *  RE_INSTALL
 *  ===============================================
 */

.install-banner h1 {
	background-position-y: -530px;
}


/** ===============================================
 *  BACKUP
 *  ===============================================
 */

.backup-banner h1 {
	/*background-image: url(../img/backup_title.png);*/
	background-position-y: -265px;
}


/** ===============================================
 *  侧栏-客服
 *  ===============================================
 */

.service {
	position: fixed;
	right: 25px;
	top: 50%;
	margin-top: -125px;

}



.service li {
	width: 50px;
	height: 50px;
	font-size: 0;
	border-radius: 2px;
	cursor: pointer;
	transition: background-color .4s ease-out;
	background: #dbdbdb url(../img/sprite.png) no-repeat 0 -570px;
	transition: opacity .4s linear;
}

.service li a {
	display: block;
	width: 100%;
	height: 100%;
}

.service li+li {
	margin-top: 1px;
}

.service li:hover {
	background-color: #14be50;
}


/*// 此段效果为新增代码**/


.service .share{
	position: relative;
	background-image: url(../img/fx.png.html);
	background-position: -0px;
}

.service .share-content {

	position: absolute;
	left: 0px;
	transform: translate(-110%,-30%);
	display: none;
	text-align: right;

}

.service .share-fx1,
.service .share-fx2 {
	position: relative;
	opacity: 0;
	left: -200px;
}

.service .share-fx1{
	padding: 7px;
	width: 90px;
	height: 25px;
	border-style:solid;
	border-color:#efefef;
	margin-bottom: 10px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	border-radius:20px;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 3px 3px 2px #888888;
}

.service .share-fx2{
	padding: 7px;
	width: 90px;
	height: 25px;
	border-style:solid;
	border-color:#efefef;
	margin-bottom: 10px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	border-radius:20px;
	display: block;
	vertical-align: middle;
	box-shadow: 3px 3px 2px #888888;
}


.service .share-fx2{
	padding: 7px;
	width: 160px;
	height: 175px;
	border-style:solid;
	border-color:#efefef;
	margin-bottom: 10px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	border-radius:20px;
	display: block;
	vertical-align: middle;
}

.service .share-fx1-tp{
	font-size: 0;
	line-height: 25px;/*垂直居中   行高(line-height)需与该div的高度值(height)一致*/
    background-repeat: no-repeat;

}

.service .share-fx2-tp{
	font-size: 0;
	line-height: 25px;/*垂直居中   行高(line-height)需与该div的高度值(height)一致*/
    background-repeat: no-repeat;

}

.service .share-fx1-tp img,
.service .share-fx1-tp span {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}

.service .share-fx2-tp img,
.service .share-fx2-tp span {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}

.service .share-fx1-tp span {
	padding-left:10px;
}

.service .share-fx2-tp img {
	padding-left:10px;
}

.service .share-fx2-tp span {
	padding-left:20px;
	padding-right:20px;
}

.service .share-fx2-tp-ewm {
	padding-top:150px;
	padding-left:150px;
	background-image: url(img/bdhbs.png.html);
	background-size: 100% 100%;;
    max-width: 90%;
	max-height: 90%;
	text-align: center;
}


/*-------------------------------------------------------*/



.service .to-top {
	background-position-x: 0;
}

.service .customer {
	background-position-x: -50px;
}

.service .qqs {
	background-position-x: -100px;
}

.service .wechat {
	background-position-x: -150px;
}

.service .wechat-content {
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 230px;
	height: 230px;
	background-color: #14be50;
	transform: translateX(-110%);
	display: none;
}

.service .wechat-content:before {
	content: '';
	position: absolute;
	right: -15px;
	bottom: 10px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #14be50;
}

.service .wechat-content .box {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #333;
	text-align: center;
	background-color: #fff;
}

.service .box p {
	margin-top: -5px;
}


#commonSwiper .common-slide {
	position: relative;
}
#commonSwiper .swiper-container {
	width: 920;
	height: 580px;
	overflow: hidden;
}
#commonSwiper .swiper-button-prev, #commonSwiper .swiper-button-next {
	position: absolute;
	z-index: 99;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
}
#commonSwiper .swiper-slide-active {
	position: relative;
}
#commonSwiper .swiper-slide img {
	height: 490px\0;
	margin-top: 50px\0;
}
/*#commonSwiper .swiper-slide-active img {*/
/*	position: absolute;*/
/*	width: 795px;*/
/*	height: 575px;*/
/*	left: -130px;*/
/*	margin-top: 0;*/
/*}*/
#commonSwiper .text {
	line-height: 100px;
	border: 1px solid #f5f5f5;
}
#commonSwiper .swiper-pagination {text-align: center;}

#commonSwiper .swiper-pagination-switch {
	display: inline-block;
	border-radius: 50%;
  margin: 0 5px;
  font-size: 16px;
  color: #fff;
  background-color: #c9c9c9;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  opacity: 1;
  cursor: pointer;
  transition: all .2s linear;
}

#commonSwiper .swiper-active-switch {	background-color: #358ff0;
	transform: scale(1.25) translateZ(0);

}