.linkmap {
 display: none;
}
.main {
 border-top: 1px solid #a5a5a559;
 margin: 30px 0;
 padding-top: 30px;
}
.TopIn {
 width: 100%;
 height: 800px;
 background: #8fb334;
 overflow: hidden;
 position: relative;
}

.TopIn ul {
 width: 1052px;
 margin: 0 auto;
 margin-top: 80px;
}

.TopIn ul li {
 position: relative;
 height: 254px;
 float: left;
 transition: all 0.2s;
}

.TopIn ul li a {
 width: 223px;
 line-height: 254px;
 color: #fff;
 font-size: 30px;
 text-align: center;
 display: block;
 -webkit-text-stroke: 1px #8fb334;
 margin: 0 20px;
 font-weight: bold;
}

.TopIn ul li a.bg1 {
 background: url(/Sites/Uploaded/UserUpLoad/20181130/20181130153829.png);
}

.TopIn ul li a.bg2 {
 background: url(/Sites/Uploaded/UserUpLoad/20181130/20181130154009.png);
}

.TopIn ul li a.bg3 {
 background: url(/Sites/Uploaded/UserUpLoad/20181130/20181130154018.png);
}

.TopIn ul li a.bg4 {
 background: url(/Sites/Uploaded/UserUpLoad/20181130/20181130154027.png);
}

.TopIn ul li:hover {
 transform: scale(1.2);
}

.TopIn ul li.active {
 transform: scale(1.2);
}

.TopIn ul li .acticon {
 position: absolute;
 bottom: -40px;
 left: 50%;
 margin-left: -11px;
}

.TopIn ul li .acticon {
 display: none;
}

.TopIn ul li.active .acticon {
 display: block;
 transition: all 0.2s;
}

.item {
 width: 1052px;
 background: rgba(228, 228, 228, 1)!important;
 display: none;
 height: auto;
 padding: 45px 122px;
 position: absolute;
 bottom: 40px;
 left: 50%;
 margin-left: -526px;
 box-sizing: border-box;
}

.selected {
 display: block;
}

.item .article_box p {
 line-height: 32px;
}

.item .article_box h2 {
 font-size: 30px;
 font-weight: bold;
 border-bottom: 2px solid #8fb334;
 padding-bottom: 20px;
 margin-bottom: 30px;
}

.item .article_box h2 a {
 color: #8fb334;
}

.item .article_box .details {
 display: none;
}

.item .leftimg {
 position: absolute;
 top: 40px;
 left: 30px;
}

.item .rightimg {
 position: absolute;
 right: 30px;
 bottom: 40px;
}

@media (min-width:1024px) and (max-width:1440px) {
 .TopIn ul li.active {
 transform: none;
 }
 .TopIn ul li a {
 width: 205px;
 line-height: 233px;
 background-size: contain !important;
 }
 .TopIn ul li .acticon {
 bottom: -23px;
 }
 .item {
 width: 940px;
 margin-left: -470px;
 }
}

@media screen and (max-width:768px) {
 .TopIn {
 width: 100%;
 height: 6rem;
 background: #8fb334;
 overflow: hidden;
 position: relative;
 }
 .TopIn ul {
 width: 100%;
 margin-top: 0.4rem;
 }
 .TopIn ul li {
 position: relative;
 height: 1.6rem;
 float: left;
 transition: all 0.2s;
 }
 .TopIn ul li a {
 width: 1.36rem;
 line-height: 1.6rem;
 color: #fff;
 font-size: 0.2rem;
 text-align: center;
 display: block;
 -webkit-text-stroke: 1px #8fb334;
 margin: 0 0.09rem;
 font-weight: bold;
 }
 .TopIn ul li.active {
 transform: none;
 }
 .TopIn ul li a.bg1 {
 background-size: cover;
 }
 .TopIn ul li a.bg2 {
 background-size: cover;
 }
 .TopIn ul li a.bg3 {
 background-size: cover;
 }
 .TopIn ul li a.bg4 {
 background-size: cover;
 }
 .TopIn ul li .acticon {
 position: absolute;
 bottom: -0.4rem;
 left: 50%;
 margin-left: -0.11rem;
 display: none !important;
 }
 .item {
 width: 96%;
 background: rgba(228, 228, 228, 1)!important;
 height: 3.56rem;
 padding: 0.2rem;
 position: absolute;
 bottom: 0.2rem;
 left: 50%;
 margin-left: -48%;
 box-sizing: border-box;
 overflow: hidden;
 }
 .item .leftimg,
 .item .rightimg {
 display: none;
 }
 .item .article_box h2 {
 font-size: 0.3rem;
 font-weight: bold;
 border-bottom: 0.02rem solid #8fb334;
 padding-bottom: 0.2rem;
 margin-bottom: 0.3rem;
 }
}
@media screen and (max-width:400px){
 .item .article_box h2{
 white-space:nowrap;
 text-overflow: ellipsis;
 overflow: hidden;

 }
 .item{
 height:8.7rem;
 }
 .TopIn{
 height:11rem;
 }
}