﻿@charset "UTF-8";
.bodyblue {
    width: 100%;
    min-width: 1158px;
    background: #e7fefe;
}
.posi{
    position:relative;
}
/*seek*/
.seekinput {
    display: inline-block;
    width: 50px;
    height: 70px;
    background: url(../images/pc/ioc.png) no-repeat center 15px;
    cursor: pointer;
    background-size: 58%;
}

.seek ul{
    width:680px;
    height: 34px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.seek li {
    line-height: 34px;
    margin: 0px 22px;
}
.seek li.addblue{
    border-bottom: 4px solid #0f7b3c;
}
.seek li.active:hover{
    border-bottom: 4px solid #0f7b3c;
}
.seek input{
    width: 240px;
    padding: 10px 10px;
    border: 1px solid #bdbdbd;
    margin-left: 180px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
.seek input::-webkit-input-placeholder{
    color: #d8d8d8;
}
.seek input::-moz-placeholder{
    color: #d8d8d8;
}
.seek input::-ms-input-placeholder{
    color: #d8d8d8;
}
.pad10 {
    padding:10px 0px;
}
/*activelist*/
.activelist {
    padding-top:30px;
}
.activelistul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.activelistul h5{
    height: 34px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 34px;
}
.activelistul li:hover{
    background: #fff;
    -webkit-box-shadow: 1px 1px 30px #bbe6fe;
    -moz-box-shadow: 1px 1px 30px #bbe6fe;
    box-shadow: 1px 1px 30px #bbe6fe;
    cursor:pointer;
}
.listwh {
    width: 270px;
    padding-bottom:20px;
}
.activelistes img{
    display: inline-block;
    width: 100%;
    height: 188px;
    border: 8px solid #fff;
}
.activelistes p{
    width:100%;
    padding-right:5px;
}
.activelistes span{
    display: inline-block;
    background: url(../images/pc/ioc.png) no-repeat;
    height: 40px;
    line-height: 40px;
    text-indent: 40px;
}
.activelistes .pic-n{
    background-position: 0px -144px;
}
.activelistes .pic-t{
    background-position: 0px -72px;
}
.activelistes .pic-s{
    background-position: 0px -203px;
}

.active-spanl {
    width:70%;
}
.active-spanr{
    width:30%;
}
.team{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #eeeeee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0px 10px;
}
.mt10{
    margin-top:32px;
}
/*page*/
.page {
    padding-top: 90px;
    text-align: center;
    padding-bottom: 76px;
}
.page a,.page span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #898989;
    margin-right:5px;
    text-align: center;
    line-height: 40px;
}
.pageactive{
    background: #fff;
    color: #0f7b3c;
    border: 1px solid #0f7b3c;
}
.page a:hover{
    background: #fff;
    color: #0f7b3c;
    border: 1px solid #0f7b3c;
}
.page a.up,.page a.down,.page span{
    width:110px;
}
.page strong{
    color: #eb2100;
    font-weight: bold;
}

/*active*/
.wrap-w {
    width:1000px;
    margin:0px auto;
}
.wrap-w h4{
    margin-top:28px;
    height:50px;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    text-indent: 67px;
    background:url("../images/pc/active-tt.png") no-repeat;
    color: #333333;
}

#activemess-wrap ul{
    width: 264px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
    box-shadow: 1px 1px 20px #d8d8d8;
}
.activemess-span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 3px solid #0065b9;
    margin-right: 17px;
}
#activemess-wrap li{
    width: 100%;
    height:60px;
    padding-left:30px;
    color: #333333;
    font-size: 16px;
    line-height: 60px;
    font-weight: bold;
    cursor: pointer;
}
#activemess-wrap li.liactive{
    background: #0f7b3c;
    color: #fff;
}
.activemess-span-active{
    border: 3px solid #fff;
}
#activemess-wrap li:hover{
    background: #0f7b3c;
    color: #fff;
}
#activemess-wrap li:hover .activemess-span{
    border: 3px solid #fff;
}
.activemess-r {
    width: 100%;
    background:#fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding:15px 58px 58px 58px;
}
.activemess-header {
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #898989;
}
.activemess-header strong{
    color: #0f7b3c;
    font-weight: bold;
}
.mr20{
    margin-right:20px;
}
.activemess-r h5{
    font-size: 21px;
    color: #0f7b3c;
    line-height: 54px;
    letter-spacing: 2px;
}
.activemess-posi {
    width:80%;
    position:absolute;
    top:0px;
    left: 117px;
}
.activemess-text {
    font-size: 18px;
    padding: 10px 0px;
    line-height: 30px;
    color: #666666;
}
.activemess-header span{
    display:inline-block;
    text-indent: 27px;
    background: url("../images/pc/active-ioc.png") no-repeat 0px;
}
.activemess-header span:nth-of-type(1){
    background-position: 0px 6px;
}
.activemess-header span:nth-of-type(2){
    background-position: -147px 4px;
}
.activemess-header span:nth-of-type(3){
    background-position: -216px 6px;
}
.activemess-header span:nth-of-type(4){
    background-position: -374px 4px;
}
.activemess-p {
    text-align: center;
    padding: 36px 0px 76px 0px;
    border-bottom: 1px solid #e6e6e6;
}
.activemess-p span{
    background:#0f7b3c;
    color: #fff;
    border-radius: 10px;
    padding:10px 40px;
    box-shadow: 1px 1px 20px #d8d5d5;
    -webkit-box-shadow: 1px 1px 20px #d8d5d5;
    margin-left: 34px;
    cursor:pointer;
}
.activemess-p span:nth-of-type(1){
    display: inline-block;
    text-indent: 12px;
    background: url("../images/pc/shou.png") no-repeat 25px center;
    background-color: #0f7b3c;
}
.activemess-botton {
    padding: 15px 40px;
    background: #fff;
    font-size: 18px;
    line-height: 18px;
    color: #666666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 20px #d8d5d5;
    -webkit-box-shadow: 1px 1px 20px #d8d5d5;
    margin-top:34px;
}
.wxdiv {
    position:absolute;
    top: 87px;
    right: 18px;
    width: 357px;
    padding: 15px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 20px #d8d5d5;
    -webkit-box-shadow: 1px 1px 20px #d8d5d5;
    background: #fff;
}
.wxdiv p{
    width: 50%;
    font-size: 20px;
    color: #0f7b3c;
    text-align: center;
}
.wxdiv strong{
    display: inline-block;
    margin-top:10px;
    padding-top: 15px;
}
.none{
    display: none;
}
/*头部导航*/
#content_news {
    font-size: 14px;
    color: #898989;
    line-height: 50px;
}
.list_text {
    text-indent: 13px;
    display: inline-block;
    font-size: 14px;
    color: #898989;
}
.listactive{
    color:#0f7b3c;
}
#content_news a:hover{
    color:#0f7b3c;
}

