/*重置浏览器样式属性*/

@charset "utf-8";

* { font-family: "Microsoft YaHei"; margin: 0; padding: 0; border: 0; font-size: 14px; line-height: 1.7;}

img { vertical-align: top; border: 0; }

a { cursor: pointer; text-decoration: none;}

a:hover { text-decoration: none; }

ul, li, ol, dl, dt, dd { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clear { clear: both; }

.clearfix { zoom: 1; }

.clearfix:after { clear: both; content: ""; display: block; height: 0; line-height: 0; visibility: hidden; }

.dib { display: inline-block; *display: inline; *zoom: 1; }

.left { float: left; }

.right { float: right; }


/* 通用 */

// html{color:#333333;overflow-x:hidden;background: #000;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td{margin:0;padding:0;}

/*body,button,input,select,textarea{font:12px/1.5 Tahoma,"Microsoft YaHei","\5b8b\4f53";}*/

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

address,cite,dfn,em,var{font-style:normal;}

code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}

small,i{font-size:12px; font-style:normal;}

input{ border:0;}

ul,ol,li{list-style:none;}

a{text-decoration:none;color: #525252;}a:link,a:visited,a:hover,a:active{text-decoration:none; outline:none;}

a:hover{color:#ff3300;}

abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}

q:before,q:after{content:'';}:focus{outline:0;}legend{color:#000;}

fieldset,img,input{border:none;}button,input,select,textarea{font-size:100%;}

table{border-collapse:collapse;border-spacing:0;}

hr{border:none;height:1px;*color:#fff;}img{-ms-interpolation-mode:bicubic;}



h3{font-size: 22px;color: #666;}

.fl{ float:left;}

.fr{ float:right;}

.abs{position:absolute;}

.rel{position:relative;}

.hide{ display:none;}

.clear{*zoom:1;*height: 0px;}

.clear:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0;}

.ani{transition: all 0.25s ease-in-out 0s;}

.ani2{transition: all 0.2s ease-out 0s;}

.li-f-left{float: left;}

.wrap{
	width: 100%;
	height: auto;
	max-width: 1200px;
	margin:  0 auto;
	position: relative;
}
.box{
	/*display: none;*/
}
.s1{display: block;}

/* main_image */
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;}
.main_image li span{display:block;width:100%;height:100%}
.main_image li a{display:block;width:100%;height:100%}
.main_image li img{width: 100%;}
.btn_prev{
	width: 64px;
	height: 121px;
	background: url(../img/btn.png) no-repeat -410px -20px;	;	
	position: absolute;
	top: 50%;
	left: -100px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.btn_next{
	width: 64px;
	height: 121px;
	background: url(../img/btn.png) no-repeat -481px -20px;	;	
	position: absolute;
	top: 50%;
	right: -100px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%); 
}
/*nav*/
.s0{
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
}
.topblack{width:100%;height: 70px; background: #000; position: absolute; top: 0;}
.nav{
	position: absolute;
	top: 24px;
	width: 100%;
}
.nav:after{
	display: table;
	content: "";
	clear: both;
}
.nav .btn{
	float: left;
	margin: 10px 0 0 77px;
	position: relative;
}
.btn-menu{
	cursor: pointer;
	width: 70px;
	height: 16px;
	background: url(../img/btn.png) no-repeat -294px -73px;	
}
.nav .btn-menu.on{
	background: url(../img/btn.png) no-repeat -294px -28px;	
}
.nav .menu{
	position: absolute;
	top: 70px;
	color: #fff;
	white-space:nowrap;
	z-index: 10;
}
.nav .menu-bg{
	height: 310px;
	background: #000;
	position: absolute;
	width: 100%;
	top: -24px;
	opacity: 0.5;
}
.nav .menu .cell{
	margin-top: 10px;
}
.nav .menu .cell a{
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}
.nav .menu .cell a:hover,.nav .menu .cell a.on,.cell span:hover{
	cursor: pointer;
	color: #adebff;
}
.ico{
	float: left;
	width: 123px;
	height: 123px;
	background: url(../img/btn.png) no-repeat -105px -14px;
	margin-left: 5.989583%;
	position: relative;
	z-index: 2;
}
.nav .menu .cell span:last-child{padding-left: 20px;}

.menuPc{
	position: absolute;
	top: 0;
	left: 250px;
}
.menuPc .cell{
	/*height: 70px;*/
	float: left;
}
.menuPc .cell a{
	color: #fff;
	display: block;
	/*width: 100%;*/
	height: 70px;
	text-align: center;
	padding: 0 30px;
}
/*.menuPc .nav-index{
	background: url(../img/index.png) center 0 no-repeat;
}
.menuPc .nav-news{
	background: url(../img/news.png) center 0 no-repeat;
}
.menuPc .nav-ship{
	background: url(../img/wraship.png) center 0 no-repeat;
}
.menuPc .nav-about{
	background: url(../img/about.png) center 0 no-repeat;
}
.menuPc .nav-faq{
	background: url(../img/faq.png) center 0 no-repeat;
}*/

/*右上角下载*/
.btn-down-menu{
	position: absolute;
	top: 11px;
	right: 2.1875%;
}
.btn-down-menu:after{
	display: table;
	content: "";
	clear: both;
}
.btn-down-menu a {
	float: left;
	margin-right: 18px;
	width: 139px;
	height: 42px;
	position: relative;
}
.btn-down-menu a.void:after{
	content: "";
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
    background-position: left center;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
	background-size: 100% 5px;
}
.btn-down-menu a img{display: block;width: 100%;}
.goTop{
	width: 84px;
	height: 85px;
	position: fixed;
	right: 100px;
	bottom: 200px;
	background: url(../img/goTop.png) 0 0 no-repeat;
	z-index: 100;
	cursor: pointer;
	display: none;
}
/*s4底部*/
.s4{
	height: 200px;
	background: #001a28;
	position: relative;
	color: #fff;
	text-align: center;
}
.logo0{
	/*width: 153px;*/
	height: 93px;
	position: absolute;
	left: 50%;
	top: 23px;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.logo0 img{height: 100%;}
.copyright{
	padding-top: 130px;
}
.copyright a{color: #fff;}
/*.copyright span:last-child{
	padding-left: 50px;
}*/


.nav .btn{
	display: none;
}

/*弹出层*/
.prompt{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 10;
}
.prompt .prompt-wrap{max-width: 1120px;height: auto;position: absolute;left: 50%; top: 50%;background: none;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.prompt .prompt-wrap .news-yuyue{
	background: #fff;
	text-align: center;
	padding: 20px 30px;
}
.prompt .prompt-wrap .news-yuyue .ok{
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 3px;
	background: #0066CC;
	width: 100px;
	margin: 10px auto;
	color: #fff;
	font-size: 18px;
}
.lv{
	color: #1b9a1b;
}
.red{
	color: red;
}

@media screen and (max-width: 980px) {
	html,body{width: 100%;font-size: 62.5%;background: #000000;}
	*{font-size: 1.4rem;}
	.logo0{
		height: 50px;
	}
	.box{display: block;}
	.nav .btn{
		display: block;
	}
	.menuPc{
		display: none;
	}
	.btn-down-menu{display: none;}
	.ico{
		margin-left: 4.6875%;
		transition: all .4s;
    	-webkit-transition: all .4s;
	}
	.ico.scroll{
		-webkit-transform: translate(-30%,-40%) scale(0.5,0.5);
		-ms-transform: translate(-30%,-40%) scale(0.5,0.5);
		-o-transform: translate(-30%,-40%) scale(0.5,0.5);
		transform: translate(-30%,-40%) scale(0.5,0.5);
	}
	.nav .menu-bg{height: 27rem;}
	.nav .btn{float: right; margin-right: 4.6875%;}
	.nav .menu{right: 0;top: 30px;text-align: right;text-shadow:-1px 0 black, 0 1px black,1px 0 black,0 -1px black;}
	.goTop{right: 2rem;bottom: 4rem;}
	.btn_prev{
		left: 0;
		-webkit-transform: translate(0,-40%) scale(0.7,0.7);
		-ms-transform: translate(0,-40%) scale(0.7,0.7);
		-o-transform: translate(0,-40%) scale(0.7,0.7);
		transform: translate(0,-40%) scale(0.7,0.7);
	}
	.btn_next{
		right: 0;
		-webkit-transform: translate(0,-40%) scale(0.7,0.7);
		-ms-transform: translate(0,-40%) scale(0.7,0.7);
		-o-transform: translate(0,-40%) scale(0.7,0.7);
		transform: translate(0,-40%) scale(0.7,0.7);
	}
}