@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}
li {
	list-style:none;
}
a {
	text-decoration:none;
	color:#333;
}
body {
	font-family:微软雅黑;
	font-size:14px;
	background:url(../images/bj.jpg) no-repeat scroll 0 0 / cover ;
	overflow:hidden;
}
a img {
	border:none;
}
.header {
	height: 85px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100000;
	background-color:#fff;
	box-shadow: 1px 1px 5px #888888;
}
.header .head {
	height: 85px;
	margin: 0 auto;
	width: 1100px;
}
.header .head .logo {
	display: inline;
	margin-left: 12px;
}
.header .head .fl {
	float: left;
	margin-top:10px;
}
.header .head .nav {
	float:right;
	width:718px;
}
.header .head .nav .languageBox {
	background-color:#000;
	border-radius: 50px;
	margin-top: 10px;
	width:107px;
	height:20px;
	opacity:0.5;
	float:right;
	margin-right:10px;
}
.header .head .nav .languageBox a:first-child {
	border-right: 1px solid #a39c9c;
}
.header .head .nav .languageBox a {
	color: #666;
	float: left;
	font-size: 12px;
	line-height: 20px;
	padding: 0 10px;
	transition: color 1s ease 0s;
}
.header .head .nav .languageBox a:hover {
	color:#fff;
}
.header .head .nav ul {
	margin-left:62px;
	margin-top:19px;
}
.header .head .nav ul li {
	float:left;
	margin-left:13px;
	margin-right:13px;
}
.header .head .nav ul li a {
	color:#CCC;
	transition: color 1s ease 0s;
}
.header .head .nav ul li.on a {
	color:#000;
}
.header .head .nav ul li a:hover {
	color:#000;
}
/*banner*/

.focus{width:1000px; height:559px;margin:0 auto; position:relative; margin-top:180px;}
.focusbox{background-color:#1C1C1C; position:relative;}
.focusimg{border:3px solid #fff; width:1000px; height:559px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.fimglist img{display:block; width:100%; height:559px; cursor:pointer;}
.fimglist li{width:1000px; height:460px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.fimglist li a{ width:100%;}
.fimglist li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}
@-webkit-keyframes onpre{
	0%{opacity:1;-webkit-transform:rotateY(0deg);}
	100%{opacity:0;-webkit-transform:rotateY(90deg)}
}
@keyframes onpre{
	0%{opacity:1;transform:rotateY(0deg);}
	100%{opacity:0;transform:rotateY(90deg)}
}
@media (max-width:1366px) {
.focus{width:1000px; height:460px;margin:0 auto; position:relative; margin-top:101px;}
.focusbox{background-color:#1C1C1C; position:relative;}
.focusimg{border:3px solid #fff; width:1000px; height:460px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.fimglist img{display:block; width:100%; height:460px; cursor:pointer;}
.fimglist li{width:1000px; height:460px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
}

.focustool{width:935px; overflow:hidden; padding:5px 0 10px; margin:0 auto; position:absolute; bottom:20px;left:30%;}
.ftoollist{width:4655px; position:relative; }
.ftoollist img{display:block; width:129px; height:69px; margin-bottom:3px;}
.ftoollist a{background-color:#1C1C1C; display:block; width:129px; padding:4px 0 4px 4px; position:relative;-webkit-transition:all .3s linear;transition:all .3s linear;}
.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear; margin-right:15px;}
.ftoollist .imgname{line-height:25px; text-align:center; color:#FFF; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:400; font-size:13px; height:25px; overflow:hidden; cursor:pointer;}
.ftoollist a:hover{background-color:#c5ab80; padding:4px; margin-right:-4px; z-index:100; top:-5px;}
.ftoollist a:hover .imgname{color:#FFF;}
.ftoollist .on a{background-color:#c5ab80; padding:4px; margin-right:-4px; z-index:100; top:-5px;filter:}
.ftoollist .on .imgname{color:#FFF;}
.ftoollist .on .imgshortcat{color:#FFF;}















/*footer*/
.footer{ width:100%; background:#080808; height:40px; line-height:40px; position:fixed; bottom:0; left:0; z-index:1;}
.footer p{ width:1100px; margin:0 auto; text-align:center; font-size:13px; color:#fff;}
img.dw{ position:fixed; bottom:40px; right:0; z-index:1;}
