section {
    position: relative;
    height: 100%;
}

.abouttop {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 20.8%;*/
    float: left;
    z-index: 2;
    margin: -48px 0 -10px 15px;
    color: #fff;
    text-align: center;
    background-color: #00A2E6;
    padding: 18px 10px 15px 0;
    width: 215px;
    -webkit-box-shadow: inset 6px 0 5px #008BC5;
    -moz-box-shadow: inset 6px 0 5px #008BC5;
    box-shadow: inset 6px 0 5px #008BC5;
    font-size: 20px;
    /*padding-right: 0.30rem;*/
}

.aboutitem {
    width: 215px;
    text-align: left;
    background-color: #F7F7F7;
    -webkit-box-shadow: inset 6px 0 5px #f1f1f1;
    -moz-box-shadow: inset 6px 0 5px #f1f1f1;
    box-shadow: inset 6px 0 5px #f1f1f1;
    padding: 40px 0 40px 64px;
    font-size: 16px;
    color: #333333;
}

.aboutitem li a {
    padding: 0 0 0.4rem 0;
    display: inline-block;
}

.aboutitem li a:hover {
    color: #00A2E6;
}

.aboutitem li a:hover .icon-jiantou {
    color: #00A2E6;
}

.active {
    color: #FFEF00 !important;
}

.aslideactive {
    color: #00A2E6 !important;
}

.icon-jiantou {
    margin: 0.1rem 0 0 0.19rem;
    color: #F7F7F7;
    font-size: 16px;
    display: inline-block;
}

.aboutcontent {
    margin: 32px 27px 0 0;
    padding: 0.12rem 0;
    border-bottom: 1px solid #E4E4E4;
    font-size: 18px;
    color: #999999;
}

.aboutcontent a {
    color: #999999;
    font-size: 14px;
}

.abouttext {
    margin: 0.50rem 0.35rem;
    color: #666666;
    font-size: 16px;
}
.abouttext img{
    width: 100%;
}
.abouttext ul li {
    padding: 15px 0;
}

.aboutcenter {
    color: #00A2E6;
}
.aboutcenter span{
    color: #999999;
}
@media (max-width: 767px) {
    .aboutcenter {
        text-align: center;
        color: #00A2E6;
    }

    .severlist {
        margin: 80px auto !important;
    }

    .severtitle {
        text-align: center;
    }

    .pagination {
        margin: 10px auto !important;
    }

    .positem div {
        padding: 0.2rem 0.32rem;
    }

    .time {
        text-align: left;
    }

    .detailtop {
        padding: 0.29rem 0 !important;
    }

    .time span {
        margin-top: 10px;
    }

    .moreitem span {
        padding: 0.32rem 0 0.24rem 0.1rem;
    }

    .map_box {
        height: 200px !important;
        overflow: hidden;
    }
}

.prizeimgbox {
    margin: 20px 0;
}

.severlist {
    margin: 50px 0 80px 100px;
}

.severitem {
    margin: 0 0 82px 0;
}

.severp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #999999;
    font-size: 14px;
}

.severtitle {
    color: #00A2E6;
    font-size: 18px;
    margin: 0 0 17px 0;
}

.prizeitem {
    margin: 0 0 30px 0;
    cursor: pointer;
}

.prizeitem img {
    /*width: 100%;*/
}

.newslist {
    margin: 9px 0;
}

.newitem {
    padding: 30px 10px;
    border-bottom: dashed #E4E4E4 1px;
}

.p1 {
    font-size: 16px;
    color: #333333;
    font-family: 'MicrosoftYaHeiLight';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 10px 0;
}

.p2 {
    font-size: 14px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 24px 0;
}

.p3 {
    font-size: 14px;
    color: #999999;
    margin: 24px 0;
    line-height: 24px;
}

.p4 {
    padding: 0 30px 0 0;
}

.fabu {
    font-size: 14px;
    color: #999999;
    margin: 20px 0;
}

.more {
    font-size: 14px;
    color: #00A2E6;
    margin: 0 0 0 15px;
}

.more:hover {
    color: #00A2E6;
}

.pagination {
    margin-left: 182px;
}

.pagination > li > a, .pagination > li > span {
    color: #666666;
    font-size: 14px;
    position: static;
    float: left;
    padding: 6px 12px;
    margin-left: 0px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination .glyphicon-triangle-right, .pagination .glyphicon-triangle-left {
    color: #999999;
}

.pagination a {
    margin: 0 10px;
}

.margin10 {
    margin: 10px auto;
}

.addressbox {
    margin: 47px 0;
    padding: 0 0 51px 0;
    border-bottom: 1px dashed #E4E4E4;
}

.addtitle {
    font-size: 18px;
    font-weight: 600;
}

.addressitem {
    font-size: 14px;
    color: #666666;
    margin: 0 0 16px 0;
}

.addressitem .iconfont {
    color: #00A2E6;
    margin-right: 9px;
}

.icon-icon-test2, .icon-icon-test3 {
    color: #D1D2D2;
    font-size: 30px;
    cursor: pointer;
    margin: 0 4px;
}

.swiperbtn {
    text-align: center;
    margin: 0.44rem auto;
}

.icon-icon-test2:active, .icon-icon-test3:active {
    opacity: 0.7;
}

.workname {
    text-align: center;
    font-size: 16px;
    color: #333;
    margin: 21px auto 0 auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.poslist {
    margin: 0.52rem 0;
    font-size: 14px;
    color: #666;
    padding: 0 30px 0 14px;
    font-family: 'MicrosoftYaHeiLight';
}

.posname {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    font-family: 'MicrosoftYaHei'
}

.positem {
    background-color: #F7F7F7;
    padding: 33px 30px 33px 36px;
    margin-bottom: 20px;
}

.positem a {
    color: #00A2E6;
}

.detailtitle {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-top: 0.46rem;
    padding-left: 10px;
}

.detailtop {
    padding: 29px 30px 29px 15px;
    border-bottom: dashed 1px #E4E4E4;
    margin-bottom: 0.43rem;
}

.pos {
    color: #00A2E6;
}

.poscontent {
    padding: 0 0.3rem 0 0;
    color: #333333;
}

.poscontent b {
    margin: 0.2rem 0;
    display: inline-block;
}

.poscontent .morepos {
    width: 100%;
    padding: 0.19rem 0.27rem;
    background-color: #F2F2F2;
    margin: 0.6rem 0 0 0;
}

.morebox {
    background-color: #f9f9f9;
}

.moreitem {
    padding: 0.32rem 0 0.24rem 0.28rem;
    border-bottom: 1px dashed #E4E4E4;
    margin: 0;
}

.person {
    margin: 0.48rem 0.63rem;
    color: #666666;
    font-size: 16px;
}

.person a {
    display: inline-block;
    /*width: 2.4rem;*/
    /*height: 3rem;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    margin: 0 auto;
}

/*.person a img {*/
    /*width: 100% !important;*/
    /*height: 100% !important;*/
/*}*/

.personname {
    margin: 19px 0;
    text-align: center;
    color: #333333;
}

.sectiontitle {
    padding: 11px 0;
    color: #999999;
    font-size: 16px;
    border-bottom: 1px dashed #E4E4E4;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
}

.sectionname {
    color: #00A2E6;
    font-size: 20px;
    margin-right: 0.2rem;
}

.sectiontitle a {
    font-size: 14px;
    color: #999999;
}

.feedbox {
    margin: 1.11rem auto;
    /*padding: 0 0.36rem;*/
    color: #999999;
    font-size: 16px;
}

.feedbox input {
    border: 0;
    outline: none;
    text-decoration: none;
    padding: 0 0 0 0.15rem;
}

.feedbox .iconfont {
    color: #D1D2D2;
    margin: 0 0.2rem 0 0.2rem;

}

.feedbox .feedinput {
    border: 1px solid #E4E4E4;
    padding: 0.17rem 0;
    margin: 20px 20px 0 0;
}

.btnbox {
    text-align: center;
}

.code {
    background-color: #E4E4E4;
}

.btnbox input {
    background: none;
    padding: 0.04rem 0;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

.msg {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #E4E4E4;
    height: 346px;
    padding: 0.2rem;
    overflow: hidden;
}

.msg textarea {
    border: 0;
    outline: none;
    resize: none;
    width: 100%;
    padding: 21px;
}

.feedbtn {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    background-color: #00A2E6;
    text-align: center;
    padding: 0.16rem 0;
}

.feedbtn:hover {
    color: #ffffff;
}

.feedbtn:active {
    opacity: 0.7;
}

.lastlist {
    margin: 0.5rem 0;
}
.lastlist img{
    width: 100%!important;
    display: block;
}
.lastitem {
    padding: 0.4rem;
    background-color: #F7F7F7;
    font-size: 18px;
    color: #333333;
    margin: 0 0 20px 0;
}

.lastitem div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*margin-bottom: 20px;*/
}

.qitem {
    height: 210px;
    border: 1px solid #E4E4E4;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 0.4rem;
    overflow: hidden;
}

.qitem h4 {
    margin-top: 0;
}

.companyname {
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding: 0 0 0.2rem 0;

}

.companyc {
    font-size: 14px;
    color: #999999;
    text-align: center;
}

.downloadbox {
    width: 108px;
    text-align: center;
    padding: 6px 0;
    background-color: #00A2E6;
    color: #ffffff;
    margin-top: 25px;
    border-radius: 3px
}

.downloadbox a {
    color: #ffffff;

}

.downloadbox:hover {
    color: #ffffff;
}

.productname {
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin: 0.5rem 0;
}

.proimg {
    margin-bottom: 0.37rem;
}

.probox {
    padding-bottom: 0.42rem;
    border-bottom: 1px dashed #E4E4E4;
}

.active_item {
    margin-bottom: 0.38rem;
    border-bottom: 1px dashed #f2f2f2;
}

.active_time {
    font-size: 14px;
    color: #999999;
    padding: 0 0 0.21rem 0;
}

.active_title {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0.21rem 0;
}

.active_content {
    padding: 0 0 0.27rem 0;
    font-size: 14px;
    color: #666;
}

.active_time span {
    padding: 0 0.2rem 0 0;
}

.active_content_complete {
    font-size: 16px;
    color: #333333;
}

.active_content_complete p {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.active_content_complete_time {
    font-size: 14px;
    color: #999999;
    text-align: center;
    padding: 0.23rem 0 0.33rem 0;
    border-bottom: 1px dashed #f2f2f2;
    margin: 0 0 0.45rem 0;
}

.active_content_complete_content {
    font-size: 16px;
    color: #666666;
    margin: 0.41rem 0;
}

.activing {
    color: #00A2E6;
    font-size: 14px;
    font-weight: bold;
}

.contact_item {
    padding: 0.46rem 0;
    border-bottom: 1px dashed #ededed;
    font-size: 16px;
    color: #333333;
}

.contact_phone {
    color: #00A2E6;
    font-size: 18px;
    padding: 0 0 0.21rem 0;
}

.contact_phone_box {
    padding: 0 0.6rem;
}

.map_box {
    /*height: 400px;*/
    height: 400px;
    width: 100%;
}

.contact_img {
    float: left;
    margin-right: 15px;
}

.paper_box_out {
    margin: 14px 0;
}

.paper_box {
    padding: 22px 0 0 0;
}

.paper_box a {
    color: #333;
    font-size: 16px;
}

.paper_title {
    font-size: 16px;
    color: #666;
    /*margin-right: 0.5rem;*/
    padding: 0 0 0.22rem 0;
}