.clearfix:after {
	content: ".";
	/*生成内容作为最后一个元素，至于content里面是什么没有影响*/
	display: block;
	/*使得生成的元素以块级元素显示，占满剩余空间*/
	height: 0;
	/*避免生成的内容破坏原有空间的高度*/
	clear: both;
	/*闭合浮动*/
	visibility: hidden;
	/*使得生成内容不可见，并允许可能生成内容盖住的内容进行点击和交互*/
}

.nav {
	height: 500px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	width: 100%
}

.nav .slide {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 500px;
	min-width: 1000px;
	overflow: hidden
}

.nav .slide ul {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.nav .slide ul li {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
}

.nav .slide ul .imgOne {
	z-index: 99;
	opacity: 1;
	filter: alpha(opacity=100);
}

.nav .slide ul .slideImg .nav-down {
	position: relative;
	z-index: 10;
	margin-top: 348px
}

.nav .slide ul .slideImg .nav-down .downImg {
	text-align: center
}

.nav .slide ul .slideImg .nav-down .downImg a {
	display: inline-block;
	width: 235px;
	height: 65px;
	background: url(../images/nav-down1.png) no-repeat top center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/nav-down1.png')
}

.nav .slide ul .slideImg .nav-down .downImg a:hover {
	background: url(../images/nav-down2.png) no-repeat top center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/nav-down2.png')
}

.nav .slide ul .slideImg .nav-down .downImg p {
	font-size: 12px;
	color: #666;
	line-height: 20px
}

.nav .slide ul .slideImg1 {
	background: url(../images/01.jpg) no-repeat center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/01.jpg')
}

.nav .slide ul .slideImg2 {
	background: url(../images/02.jpg) no-repeat center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/02.jpg')
}

.nav .slide ul .slideImg3 {
	background: url(../images/03.jpg) no-repeat center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/03.jpg')
}

.nav .slide ul .imgOne {
	z-index: 99
}

.nav .circle {
	height: 12px;
	position: relative;
	z-index: 10
}

.nav .circle ul {
	position: absolute;
	left: 50%;
	bottom: 22px;
	margin-left: -40px
}

.nav .circle ul li {
	float: left;
	margin-right: 15px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	behavior: url(smartcloud/css/PIE.htc);
	background: #f8f8f8;
	cursor: pointer;
	box-shadow: 1px 1px 1px #ccc;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.nav .circle ul .fff {
	background: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}

.download {
	height: 155px;
	box-shadow: 0 5px 16px -5px rgba(75, 75, 75, 0.03);
}

.download ul {
	margin: 0 auto;
	width: 1000px
}

.download ul li {
	height: 155px;
	width: 25%;
	text-align: center;
	float: left;
	position: relative
}

.download ul li .down-content {
	cursor: pointer;
	width: 100%;
	display: inline-block;
	text-align: center;
	position: relative;
	margin-top: 30px
}

.download ul li .down-content .pc {
	margin: 0 auto;
	margin-bottom: 22px;
	width: 54px;
	height: 54px;
	background: url(../images/icon1.png) no-repeat center center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/icon1.png');
	background-size: 100% auto;
}

.download ul li .down-content .iphone {
	margin: 0 auto;
	margin-bottom: 22px;
	width: 54px;
	height: 54px;
	background: url(../images/icon2.png) no-repeat center center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/icon2.png')
}

.download ul li .down-content .andriod {
	margin: 0 auto;
	margin-bottom: 22px;
	width: 54px;
	height: 54px;
	background: url(../images/icon3.png) no-repeat center center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/icon3.png')
}

.download ul li .down-content .pccode {
	width: 54px;
	height: 54px;
	margin: 0 auto;
	margin-bottom: 22px;
	background: url(../images/icon4.png) no-repeat center center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon4.png')
}

.download ul li .down-content1 .pc {
	background: url(../images/hover01.png) no-repeat center center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hover01.png')
}

.download ul li .down-content1 .iphone {
	background: url(../images/hover02.png) no-repeat center center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hover02.png')
}

.download ul li .down-content1 .andriod {
	background: url(../images/hover03.png) no-repeat center center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hover03.png')
}

.download ul li .down-content1 .pccode {
	background: url(../images/hover04.png) no-repeat center center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hover04.png')
}

.download ul li .down-content p {
	font-size: 12px;
	color: #666666;
	line-height: 12px;
}

.download ul li .down-content1 a p {
	font-size: 12px;
	color: #fc6b2d;
}

.download ul li .down-content1 p:nth-child(3) {
	font-size: 10px;
	color: #8c8c8c;
	line-height: 28px;
}

/*.download ul li .down-content span {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 81px;
	display: inline-block;
	background: url(../images/border.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/border.png')
}*/
.download ul li .down-content span:nth-child(1) {
	position: absolute;
	top: 0;
	left: 0;
}

.download ul li .down-content1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 30px
}

.download ul li .down-content1 {
	display: none;
}

.download ul li .down-content1 .pcdown {
	display: block;
	width: 70px;
	height: 26px;
	color: #888;
	line-height: 26px;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	margin-top: 12px;
	font-size: 12px;
	margin-bottom: 17px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	behavior: url(smartcloud/css/PIE.htc);
	background: #fff;

}


.download ul li .down-content1 .pctxt {
	color: #999;
	font-size: 14px
}

.download ul li .down-content1 .pctxt1 {
	font-size: 14px;
	color: #fc6b2d
}


.download ul li .down-content1 p {
	color: #666;
	font-size: 14px;

}

.main {
	margin-top: 40px;
	height: auto;
	margin-bottom: 60px;
	overflow: hidden
}

.main .main-fl {
	width: 660px
}

.main .main-fl .skin {
	width: 100%;
	overflow: hidden
}

.main .main-fl .skin .skin-content ul {
	width: 700px;
	overflow: hidden
}

.main .main-fl .skin .skin-content ul li {
	margin-right: 24px;
	margin-bottom: 24px;
	width: 314px;
	height: 160px
}

.main .main-fl .skin .skin-content ul li .imgFl {
	border: 1px solid #e4e4e4;
	padding: 6px;
}

.main .main-fl .skin .skin-content ul li .imgFl img {
	width: 300px;
	height: 110px;
	vertical-align: bottom
}

.main .main-fl .skin .skin-content ul li .imgTxt {
	position: relative
}

.main .main-fl .skin .skin-content ul li .imgTxt .txt-des {
	display: inline-block;
	font-size: 12px;
	color: #666;
	margin-top: 18px
}

.main .main-fl .skin .skin-content ul li .imgTxt .txt-des:hover {
	color: #fc6b2d
}

.main .main-fl .skin .skin-content ul li .imgTxt .txt-btn {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 8px;
	display: inline-block;
	width: 72px;
	height: 26px;
	color: #888;
	font-size: 12px;
	font-family: "宋体";
	background: none;
	border: 1px solid #e1e1e1;
	line-height: 26px;
	text-align: center;
	border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	behavior: url(smartcloud/css/PIE.htc);
}

.main .main-fl .skin .skin-content ul li .imgTxt .txt-btn:hover {
	background: #ff8151;
	color: #fff;
	border: 1px solid #ff8151;
}

.main .main-fl .skin .skin-content ul li .imgTxt .txt-btn:active {
	background: url(../images/sprite.png) no-repeat -229px -144px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='../images/sprite.png')
}

.main .main-fl .thesaurus {
	margin-top: 16px
}

.main .main-fl .thesaurus ul {
	overflow: hidden
}

.main .main-fl .thesaurus ul li {
	float: left;
	text-align: center;
	margin-right: 23px
}

.main .main-fl .thesaurus ul li:nth-last-child(1) {
	margin-right: 0;
}

.main .main-fl .thesaurus ul li .thImg {
	border: 1px solid #e4e4e4;
	padding: 3px;
}

.main .main-fl .thesaurus ul li .thImg img {
	width: 82px;
	height: 82px;
	vertical-align: bottom
}

.main .main-fl .thesaurus ul li p {
	font-size: 12px;
	color: #666;
	margin-top: 10px
}

.main .main-fl .thesaurus ul li p {
	width: 100% !important;
	text-align: center;
}

.main .main-fl .thesaurus ul li:hover p {
	color: #fc6b2d
}

.main .main-fl .thesaurus ul .last {
	margin-right: 0
}

.main .main-fr {
	width: 300px
}

.main .title {
	margin-bottom: 16px;
	height: 20px
}

.main .title .title-txt {
	border-left: 3px solid #fc6b2d;
	padding-left: 10px;
	font-size: 20px;
	color: #444;
	line-height: 20px
}

.main .title .title-more {
	font-size: 12px;
	color: #999
}

.main .title .title-more:hover {
	color: #fc6b2d
}

.main .content {
	width: 298px;
	height: 248px;
	border: solid 1px #E7E7E7;
}

.main .content li {
	position: relative;
	float: left;
	margin: 11px;
	width: 275px;
}

.main .content a>img {
	width: 62px;
	height: 62px;
	float: left;
}

.main .content a>div {
	width: 200px;
	height: 60px;
	float: left;
	margin-left: 12px;
}

.main .content a>div>.title {
	margin-top: 2px;
	height: 13px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #5B5B5B;
}

.main .content a>div>.ver,
.main .content a>div>.uptime {
	margin-top: 2px;
	height: 12px;
	margin-bottom: 3px;
	font-size: 12px;
	color: #A5A5A5;
}



.down_div {
	position: relative;
	width: 340px;
	height: 110px;
	margin: 0 auto;
	left: 272px;
	top: 283px;
}

.down_div>* {
	float: left;
}

.down_div>a {
	margin-bottom: 17px;
}

.down_div>a:nth-child(2) {
	margin-left: 15px;
}

.down_div>p {
	font-family: MicrosoftYaHei;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #ffffff;
}
.down_div>a>div{
	font-size: 16px;
	font-family: MicrosoftYaHei;
	border-radius: 6px;
	padding-top: 1px;
}
.down_new>div {
	background-color: #ffffff;
	width: 160px;
	height: 47px;
	color: #1a8df3;
	line-height: 47px;
	font-weight: bold;
}

.down_new>div:hover {
	transition: color 0.3s, background-color 0.3s;
	background-color: #ffffffdc;
}

.down_low>div {
	background-color: #ffffff00;
	width: 158px;
	height: 45px;	
	color: #ffffff;
	line-height: 45px;
	font-weight: bold;
	border: solid 1px #ffffff;
}

.down_low>div:hover {
	transition: color 0.3s, background-color 0.3s;
	background-color: #ffffffdc;
	color: #1a8df3;
}


.down_div.three .down_new>div {
	background-color: #fc6e32;
	color: #ffffff;
}

.down_div.three .down_new>div:hover {
	background-color: #fc6f32d0;
}

.down_div.three .down_low>div {
	border: solid 1px #fc6e32;
	color: #fc6e32;
}

.down_div.three .down_low>div:hover {
	background-color: #fc6e32;
	color: #ffffff;
}
.down_div.three p{
	color: #666666;
}