@charset "utf-8";
/* 素材家园 搜集整理 www.sucaijiayuan.com */
body,div,ul,ol,li,p ,a,img{margin:0;padding:0;}
body { font-family:微软雅黑;color:#daac79;background:#;}
a{color:#bf966a;text-decoration:none;}
ol,ul {list-style:none;}
img{display:block; border:none;}

.focus{width:667px; height:401px; float:left; overflow:hidden;}
.focusbox{ position:relative;}
.focusimg{width:667px; height:233px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}
.fimglist{width:99300px; position:relative;-moz-perspective: 1300px;}
.fimglist img{ float:left; width:300px; height:223px; cursor:pointer; padding:0; margin:0; background:url(../images/eebe.jpg) no-repeat; padding:5px;}
.fimglist li{width:667px; height:233px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 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)}
}
.focustool{width:667px; overflow:hidden; padding:10px 0 0 0; margin:0 auto; position:relative;}
.ftoollist{width:4655px; position:relative;}
.ftoollist img{display:block; width:100px; height:75px;  border-radius:3px;}
.ftoollist a{background: url(../images/cu1.jpg) left top no-repeat; display:block; width:124px; height:155px; padding:11px 0 0 8px;position:relative;}
.ftoollist li{float:left; cursor:pointer; -webkit-transition:all .3s linear; transition:all .3s linear;}
.ftoollist .imgname{line-height:25px; text-align:left; color:#333333;  font-weight:400; font-size:12px; height:25px; overflow:hidden; cursor:pointer;}
.ftoollist .imgshortcat{line-height:15px; width:100px; text-align:left; padding-top:10px; font-size:14px;padding-right:10px;color:#333333; line-height:20px; he/ght:30px; overflow:hidden; cursor:pointer;}
.ftoollist a:hover{ background:url(../images/cu2.jpg) no-repeat; padding:11px 0 0 8px;z-index:100; color:#fff;}
.ftoollist a:hover .imgname{color:#fff;}
.ftoollist a:hover .imgshortcat{color:#FFF;}
.ftoollist .on a{background: url(../images/cu2.jpg) left top no-repeat; padding:11px 0 0 8px; z-index:100; }
.ftoollist .on .imgname{color:#fff;}
.ftoollist .on .imgshortcat{color:#FFF;}
.fimglist .right{ float:right; width:316px; padding-right:23px;}
.fimglist .right a.a1{ float:left; width:316px; line-height:27px; height:27px; overflow:hidden; color:#523127; font-size:16px; font-weight:bold; padding-top:20px; overflow:hidden; text-align:left; font-family:微软雅黑;}
.fimglist .right a.a2{ float:left; width:316px; line-height:22px; height:100px; overflow:hidden; color:#523127; font-size:14px; padding:20px 0 0 0;font-family:微软雅黑;}
.fimglist .right a.a3{ float:left; width:316px; line-height:22px; text-align:right;}
.fimglist .right a.a3 img{ width:57px; height:20px; background:none; padding:0; margin-top:32px; float:right;}