body,div,h1,h2,h3,h4,h5,h6,li,p,span,ul{margin:0;padding:0}body,html{height:100%;background:#fff;font-family:Microsoft YaHei}a{text-decoration:none}.logo{margin:0 auto;padding:15px 0 8px 0;width:50px;height:50px;color:#eead0e;text-align:center;font-size:50px}.tit{overflow:hidden;margin:0 auto;width:185px;height:35px;font-weight:500;font-size:32px}.tit img{width:100%;height:100%}.nav{margin:8px auto;width:80%;height:35px;border-bottom:1px solid #eee;text-align:center;line-height:35px}.nav li{float:left;overflow:hidden;width:8.22%;height:35px;list-style:none;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav a{display:inline-block;width:90px;color:#555;opacity:.8;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.nav a:hover{opacity:1}.content img{display:block;overflow:hidden;width:100%}.content ul{margin:0 auto;width:80.6%;min-height:500px}.content ul li{position:relative;float:left;overflow:hidden;margin:.3%;width:19.4%;height:115px;border-radius:3px;background-color:#ddd;list-style:none}.content ul li img{display:block;width:100%;height:100%}.content ul li a{position:absolute;right:20%;bottom:30%;display:block;overflow:hidden;width:60%;height:40%;border:1px solid transparent;border-radius:3px;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px;font-size:17px;line-height:47px;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}.content ul li:hover a{border:1px solid #eee}.content ul li .hot{position:absolute;top:0;right:0;padding-top:7px;width:21px;height:14px;color:#ddd;font-size:18px}.copyright{position:relative;bottom:0;float:left;clear:both;padding:20px 0;width:100%;background:0 0;color:#777;text-align:center;font-size:13px}.copyright span{margin:0 .5em;opacity:.8}.copyright a{color:#777;text-decoration:none}.copyright a:hover{text-decoration:underline}.bts{position:fixed;right:15px;display:block;padding-top:10px;width:35px;height:25px;border-radius:50%;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.15);color:#777;text-align:center;font-size:16px;transition:.35s}.yq{bottom:110px;color:#f60;font-size:12px}#btn{bottom:70px}.saoyisao{bottom:30px}.bts:hover{background:#f90;color:#fff}@media only screen and (min-width:2090px){.nav{width:1650px}.content ul{width:1660px}.content ul li{height:140px}.content ul li a{line-height:54px}}@media only screen and (max-width:1380px){.nav{width:92%;font-size:15px}.nav li{width:8.23%}.content ul{width:92.5%}.content ul li{width:19.4%;height:105px}.content ul li a{line-height:40px}}@media only screen and (max-width:1025px){.nav{width:97%}.nav li{width:8.23%;font-size:13px}.content ul{width:97.5%}.content ul li{width:19.4%;height:80px}.content ul li a{font-size:13px;line-height:31px}}@media only screen and (max-width:420px){.logo{width:30px;height:30px;font-size:30px}.tit{width:140px;height:35px}.nav{margin:5px auto;width:98%;height:40px;border-bottom:none;font-size:14px;line-height:40px}.nav li{width:25%;height:40px;font-size:14px}.content ul{width:91%}.content ul li{margin-top:1.6%;width:100%}.content ul li{height:115px}.content ul li a{font-size:17px;line-height:48px}}



.navs {
	width:1280px;
	height:800px;
}



.box1 {
	vertical-align: top;
	display:inline-block;
	width:385px;
	height:140px;
	border: 1px solid #F8F8FF;
	font-size:15px;
    margin-left:50px;
	margin-bottom:3px;

}

.box1:hover {
    transform: scale(1.005);
	box-shadow: 1px 1px 5px 5px #f0f0f0;
}

.box2 {
	vertical-align: top;
	display:inline-block;
	width:385px;
	height:140px;
	border: 1px solid #F8F8FF;
	font-size:15px;
    margin-bottom:3px;
}

.box2:hover {
    transform: scale(1.005);
	box-shadow: 1px 1px 5px 5px #f0f0f0;
}	

.box3 {
	vertical-align: top;
	display:inline-block;
	width:385px;
	height:140px;
	border: 1px solid #F8F8FF;
	font-size:15px;
    margin-right:50px;
	margin-bottom:3px;
}

.box3:hover {
    transform: scale(1.005);
	box-shadow: 1px 1px 5px 5px #f0f0f0;
}	

.fenlei {
	margin:10px 0px 0px 20px;
	font-size:15px;
	color:#555555;
}

.webs {
    margin-left:20px; 
}

.webs a {
	display:inline-block;
	width:118px;
	font-size:14px;
	color:#888888;
}

.webs img {
 
  max-width:12px;
  max-height:12px;
}

.webs a:hover {
	color:FF4040;
}

.logo img{
  width: 50px;
}


.logo img{
  animation: donghua 1.7s linear infinite;
  -webkit-animation: donghua 1.7s linear infinite;
  -moz-animation: donghua 1.7s linear infinite;
  -o-animation: donghua 1.7s linear infinite;
  -ms-animation: donghua 1.7s linear infinite;
  }
@-webkit-keyframes donghua{
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);   /* IE 9 */
    -moz-transform: rotate(0deg);   /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
    -o-transform: rotate(0deg);   /* Opera */
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);   /* IE 9 */
    -moz-transform: rotate(-360deg);   /* Firefox */
    -webkit-transform: rotate(-360deg); /* Safari 和 Chrome */
    -o-transform: rotate(-360deg);   /* Opera */
  }
}
@-moz-keyframes donghua{
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);   /* IE 9 */
    -moz-transform: rotate(0deg);   /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
    -o-transform: rotate(0deg);   /* Opera */
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);   /* IE 9 */
    -moz-transform: rotate(-360deg);   /* Firefox */
    -webkit-transform: rotate(-360deg); /* Safari 和 Chrome */
    -o-transform: rotate(-360deg);   /* Opera */
  }
}
@-ms-keyframes donghua{
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);   /* IE 9 */
    -moz-transform: rotate(0deg);   /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
    -o-transform: rotate(0deg);   /* Opera */
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);   /* IE 9 */
    -moz-transform: rotate(-360deg);   /* Firefox */
    -webkit-transform: rotate(-360deg); /* Safari 和 Chrome */
    -o-transform: rotate(-360deg);   /* Opera */
  }
}
@-o-keyframes donghua{
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);   /* IE 9 */
    -moz-transform: rotate(0deg);   /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
    -o-transform: rotate(0deg);   /* Opera */
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);   /* IE 9 */
    -moz-transform: rotate(-360deg);   /* Firefox */
    -webkit-transform: rotate(-360deg); /* Safari 和 Chrome */
    -o-transform: rotate(-360deg);   /* Opera */
  }
}