@charset "utf-8";

.contitbox{text-align: center;margin: 60px auto 40px;overflow:hidden;width:900px;}
.contitbox p{font-size: 30px;color: #1a62db;font-weight: bold; text-align:center; height:40px; line-height:40px}
.contitbox p a{ display:inline-block;color: #1a62db;}
.contitbox span{color: #b2b2b2;font-size: 16px; line-height:24px; }

.morebox{ margin:30px auto; height:40px; overflow:hidden; position:relative}
.morebox .img{ background: url(../images/xia.png) no-repeat;width: 19px;height: 24px;display: inline-block;position: absolute;top: 0px;animation-name: myfirst;animation-duration: 1.5s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: alternate;animation-play-state: running;}
@keyframes myfirst {
  0% {
    left: 50%;
    top: 0%;
  }
  25% {
    left: 50%;
    top: 10%;
  }
  50% {
    left: 50%;
    top: 20%;
  }
  75% {
    left: 50%;
    top: 30%;
  }
  100% {
    left: 50%;
    top: 40%;
  }
}

.part1{width:100%; width:900px; overflow:hidden;margin-left: auto; margin-right: auto;}
.part1 .main{width: 100%; text-align: center;color: #666666;font-size: 14px;line-height: 24px;background: url(../images/line.png) repeat-x bottom; padding-bottom: 10px;}
.part1 .conbox{ height:72px;margin: 40px auto; overflow:hidden; text-align:center; text-align: center;color: #666666;font-size: 14px;line-height: 24px;}



.typebox{ width:900px; margin:0 auto; padding-top:10px;background: url(../images/line.png) repeat-x bottom;text-align: center; padding-bottom:25px}
.typebox a{display: inline-block;font-size: 14px;color: #666;line-height: 35px;margin: auto 25px;}
.typebox a:hover{ background:url(../images/typebg.png) repeat-x bottom;}






.part2{ width:900px; margin:0 auto; overflow:hidden}
.part2 ul{ overflow:hidden}
.part2 ul li{ float:left; position:relative;margin-right: 7px;width: 295px;overflow: hidden; }
.part2 ul li:nth-child(3n){ margin-right:0}
.part2 ul li .kug{ width:270px; height:280px; border:1px solid #d9d9d9; overflow:hidden;}
.part2 ul li .proimg{width:288px; height:276px; position:absolute; top:10px; left:10px;overflow:hidden; }
.part2 ul li .proimg img{ width:280px; height:270px; padding:3px 4px;transition: all 0.5s;}
.part2 ul li p{ text-align:center; padding:0 10px; font-size:17px; height:30px; line-height:30px; color:#666; margin-top:10px}
.part2 ul li .proimg:hover img{width:288px; height:276px; padding:0;transform: scale(1.1)}
.part2 ul li:hover .kug{ border:1px solid #81a849}
.part2 ul li p:hover{color: #81a849;font-weight: bold;}
.part2 .conbox{ height:72px;margin: 40px auto; overflow:hidden; text-align:center; text-align: center;color: #666666;font-size: 14px;line-height: 24px;}



.part3{ width:900px; margin:0 auto; overflow:hidden; padding-top:30px}
.classicdiv{padding-top: 40px;}
.classicdiv li {width: 295px;height: 220px;float: left;position: relative;cursor: pointer;margin-bottom: 0.4%;margin-right: 0.4%;}
.classicdiv li img{width: 295px;height: 220px;}
.classicdiv .classicwai{display: none;width: 295px;height: 220px;color: #FFFFFF;position: absolute;top:0;background: #000;opacity: 0.8;}
.classicdiv .classicwai a{color: #fff;}
.classicdiv .classicwai .classicontent{width: 205px; margin: 30px auto; }
.classicdiv .classicwai .classicontent h1{text-align: center;line-height: 160px;}
.classicdiv .classicwai .classicontent .text_size{font-size: 14px;}
.classicdiv .classicwai .classicontent div{line-height: 27px; background: #FFFFFF;width: 50px;text-align: center;border-radius: 5px;margin-top: 10px;}
.classicdiv li:hover .classicwai{display: block;}



.part4{width:100%; min-width:900px; background:#fff; overflow:hidden}
.part4 ul{ overflow:hidden;}
.part4 ul li{background: #f8f8f8; padding: 20px 20px;cursor: pointer;margin-bottom: 30px;transition: all 0.5s;}
.part4 ul li .newl{ float:left; width:600px; height:98px; overflow:hidden}
.part4 ul li .newl a{color: #4c4c4c;font-size: 16px;font-weight: bold;overflow: hidden;width: 95%;display: block;margin-bottom: 15px;height: 25px;line-height: 25px;}
.part4 ul li .newl .sub{font-size: 14px;color: #666666;line-height: 24px;width: 95%;max-height:50px;overflow: hidden;}
.part4 ul li .newr{ float:right;border-left: 1px solid #cccccc; width:255px;height:98px; overflow:hidden;color: #e0e0e0;font-family: arial; background:url(../images/icon.png) center right no-repeat}
.part4 ul li .newr span{font-size: 42px;display: block;line-height: 45px; text-align:right; padding-right:60px}
.part4 ul li .newr time{font-size: 18px; text-align:right; display:block; padding-right:60px}
.part4 ul li:hover{background: #81a849;}
.part4 ul li:hover .newl a{ color:#fff}
.part4 ul li:hover .newl .sub{color: #dee7d4;}
.part4 ul li:hover .newr{border-left: 1px solid #9ab96d;background: url(../images/icon2.png) no-repeat right;color: #c6d7b3;}
.part4 ul li:hover .newr span{ color:#fff}


.more2{ width: 57px;height: 57px;margin:0 auto; margin-bottom: 30px;}
.more2 a{width: 57px;height: 57px;display: block;background: url(../images/more.png) no-repeat;color: #4f8320;font-size: 12px;line-height: 57px;text-align: center;margin: auto;cursor: pointer;}
.more2 a:hover{font-weight: bold;}

/*底部开始*/