/*nav*/
.sub-nav{
    width:100%;
}
.sub-nav ul{
    margin:0 auto;
    padding:0;
    width:100%;
}
.sub-nav > ul > li{
    float: left;
    text-align: center;
    width: 100%;
    height: 2.5rem;
    background:#4aaf69;
}
.sub-nav ul li a{
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
}
.sub-nav ul ul {
    display: none;
    width:100%;
    padding: 0;
    position: absolute;
    left:0;
    z-index:1000;
}
.sub-nav ul ul li{
    width:100%;
}
.sub-nav ul ul a {
    color: #c1c1c1;
    height: 2.5rem;
    line-height: 2.5rem;
}
.sub-nav ul ul li{
    text-indent: 1.5rem;
    text-align: left;
    line-height:1.5rem;
    background: rgba(37,42,48, .9);
}
.sub-nav ul ul li.active{
    background: rgba(74, 175, 105, .85);
}
.sub-nav ul ul li.active > a{
    color:#fff;
}

/*common*/
.wrap{
    width:90%;
    height:auto;
    margin:0 auto;
    padding-top:5rem;
}
.wrap .title{
    font-size:1.5rem;
    font-weight: bold;
    padding:1rem 0;
}
.wrap .img-box{
    padding:1rem 0;
    text-align: center;
}
.img-box img{
    width:100%;
}
.wrap .content p{
    padding: .5rem 0;
    text-indent:2rem;
    text-align: justify;
    color:#333;
    line-height:1.5rem;
}

/*关于我们*/
/*介绍*/
.intro .content p span{
    color:#4aaf69;
}
/*招聘*/
.recruit-box{
    padding:1rem 0;
}
.recruit-box .title span{
    color:#4aaf69;
    font-size:1.2rem;
}
.recruit-box hr{
    color:#e1e1e1;
    margin: .5rem 0;
}
.recruit-box .item{
    color:#4aaf69;
    font-size:1.2rem;
    padding: .1rem 0;
}
.recruit-box .recruit-content p{
    line-height: 1.5rem;
    text-align: justify;
}
/*声明*/
.statement .img-box img{
    width:50%;
}
/*联系*/
.contact .contact-box{
    padding:.5rem 0;
}
.contact-box p{
    text-align: center;
}
.contact-box .title{
    padding:.5rem 0;
    margin:0 auto;
    color:#333;
    width:4rem;
    height:1rem;
    font-weight: normal;
    font-size:1.4rem;
    border-bottom:.3rem solid #4aaf69;
}
.box1 img{
    padding:2rem 1rem;
    width:90%;
}
.box2 img{
    padding:1rem;
    width:70%;
}
.box3{
    text-align: center;
}
.box3 img{
    padding:.5rem 0;
    width:50%;
}
.box3 .text{
    color:#333;
    font-weight: normal;
    font-size:1.2rem;
}
/*荣誉*/
.honour-list{
    padding:1rem 0;
    text-align: center;
}
.honour-list p{
    padding:1rem;
}
/*设备*/
.equip{
    margin-top:1rem;
}
.equip .equip-list{
    display: inline-block;
    text-align: center;
}
.equip .equip-list img{
    width: 11rem;
    height:10rem;
}
.equip .equip-list p{
    padding:.5rem 0;
    text-align: left;
}
/*智库*/
.wisdom-box{
    margin:1rem 0;
    padding:1rem;
    background:#f7f7f7;
}
.wisdom-box .pic{
    width:7.5rem;
}
.wisdom-box .pic img{
    width:6rem;
}
.wisdom-box .details .name{
    font-size:1.2rem;
    padding-top:.5rem;
}
.wisdom-box .details .name span{
    display: inline-block;
    padding-left:1rem;
    font-size:1rem;
}
.wisdom-box .details .work{
    padding-top:1rem;
    line-height:1.5rem;
    text-align: justify;
}
.wisdom-box .details .more{
    padding-bottom:.5rem;
}
.wisdom-box .details .more a{
    color:#f7f7f7;
    text-decoration: none;
}
.wisdom-box-active{
    background:#4aaf69;
}
.wisdom-box-active .details{
    color:#fff;
}
.wisdom-list{
    margin:1rem 0;
}
.wisdom-list div{
    margin-bottom:2rem;
}
.wisdom-list .pic,
.wisdom-list .name{
    text-align: center;
}
.wisdom-list .name p:first-of-type{
    font-size:1.5rem;
    height:2rem;
    line-height:2rem;
}
.wisdom-list .education p,
.wisdom-list .work p,
.wisdom-list .study p,
.wisdom-list .publish p{
    text-align: justify;
    text-indent:2rem;
    line-height:1.5rem;
}
.wisdom-list .publish span{
    width:100%;
    display: inline-block;
    text-align: right;
}
.wisdom-list .title{
    font-size:1.2rem;
    font-weight: bold;
    text-indent:0 !important;
}
/* 投诉意见 */
.comment{
    background:#f9fafa;
}
.comment_form{
    margin: 0 auto;
}
.comment_form ul {
    width:100%;
    padding-left:2rem;
}
.comment_form li{
    padding:1rem 0;
}
.comment_form li span{
    color:#4aaf69;
    font-size:.5rem;
}
.comment_form label {
    display: inline-block;
    vertical-align: middle;
    width:5rem;
    color:#888;
}
.comment_form input {
    height:2.5rem;
    width:10rem;
}
.comment_form textarea {
    vertical-align: middle;
    width:10rem;
    resize: none;
}
.comment_form input,
.comment_form textarea {
    border:1px solid #aaa;
    box-shadow: 0 0 3px #ccc;
    border-radius: 2px;
    font-size:1rem;
    color:#333;
}
.comment_form input:focus,
.comment_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}
.comment_form input:required:valid,
.comment_form textarea:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.comment_form input:focus:invalid,
.comment_form textarea:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
}
.comment_form button{
    margin-bottom:1rem;
    height:2.5rem;
    text-align: center;
    font-size:1rem;
    outline:none;
}
button.submit {
    width:90%;
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #fff;
}
button.reset {
    width:90%;
    background-color: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ccc));
    background: -webkit-linear-gradient(top, #f5f5f5, #ccc);
    background: -moz-linear-gradient(top, #f5f5f5, #ccc);
    background: -ms-linear-gradient(top, #f5f5f5, #ccc);
    background: -o-linear-gradient(top, #f5f5f5, #ccc);
    background: linear-gradient(top, #f5f5f5, #ccc);
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #888;
}
button.submit:hover,
button.reset:hover{
    opacity:.85;
    cursor: pointer;
}
button.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 5px #356b0b inset;
    -webkit-box-shadow:0 0 5px #356b0b inset ;
    -moz-box-shadow: 0 0 5px #356b0b inset;
    -ms-box-shadow: 0 0 5px #356b0b inset;
    -o-box-shadow: 0 0 5px #356b0b inset;
}
button.reset:active {
    border: 1px solid #999;
    box-shadow: 0 0 5px #999 inset;
    -webkit-box-shadow:0 0 5px #999 inset ;
    -moz-box-shadow: 0 0 5px #999 inset;
    -ms-box-shadow: 0 0 5px #999 inset;
    -o-box-shadow: 0 0 5px #999 inset;
}

/*能力范围*/
.ability{
    position: relative;
}
.ability .title{
    padding-bottom: 1em;
}
.ability .ability-wrapper{
    margin:0 auto;
}
.ability-wrapper .ability-title{
    margin-bottom: 1em;
    text-indent:0;
    color:#4aaf69;
    font-size: 1.2em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #4aaf69;
}
.ability-box{
    margin-bottom: 1em;
}
.ability-box .ability-icon{
    float: left;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    border-radius: .8em;
    background:#4aaf69;
    color:#fff;
    padding-top: .3em;
    text-align: center;
}
.ability-box .ability-txt{
    text-align: justify;
    line-height: 1.5;
    padding-bottom: 1em;
    padding-left: 2.5em;
}
.ability-img{
    margin-bottom: 2em;
}
.ability-img img{
    width: 373px;
}
.ability-box span,
.ability-box a{
    color:#4aaf69;
}
.ability-box .ability-img{
    margin: 20px 0;
}

/*我们的服务*/
/*检测*/
.test .slide-up,
.test .slide-down{
    width:100%;
    display: block;
    text-align: right;
    cursor:pointer;
    color:#888;
}
#test-hidden{
    display: none;
    padding-bottom:1rem;
}
.test .img-box{
    padding-bottom:2rem;
}
.test .img-box-3 img{
    width:60%;
    padding:.5rem 0;
}
.test .content .title{
    text-indent:0;
}
.test .content .item{
    display: inline-block;
    padding:.5rem 0;
    line-height:1.5rem;
    font-size:1.2rem;
    color:#4aaf69;
    text-indent:0;
}
.test .content .list{
    padding:.5rem 0;
}
.test .content .list p{
    padding:0;
    text-indent:0;
    line-height:1.3rem;
}
/*咨询*/
.consultation .content{
    padding:1rem 0;
}
.consultation .content .title{
    text-indent:0;
    color: #4aaf69;
    font-size:1.2rem;
}
.consultation .content .items p{
    margin:0;
    padding:0;
}
.consultation .img-box{
    text-align: left;
}
.consultation .img-box img{
    width:60%;
    padding:.5rem 0;
}
/*故障*/
.content .special{
    padding:0;
}
.img-box2{
    text-align: center;
}
.img-box2 img{
    width:100%;
}
/*技术规范*/
.technology .img-box4{
    padding:.5rem 0;
}

/* 资讯中心 */
.wrap-info .info-box{
    width: 100%;
    height:auto;
    border-bottom: 1px solid #e8e8e8;
}
.wrap-info .info-box .info-time{
    color:#119c48;
    font-size:1rem;
}
.wrap-info .info-content a{
    text-decoration: none;
}
.wrap-info .info-content .info-title{
    color: #333;
    font-size:1.1rem;
}
.info-detail{
    padding:.5rem 0;
}
.info-detail .info-title .top{
    font-size:1.3rem;
    line-height:1.5rem;
}
.info-detail .info-title span{
    color:#4aaf69;
}
.info-detail .info-item{
    padding:1rem 0;
}
.info-detail .info-item p{
    line-height:1.5rem;
    text-indent:2rem;
    text-align: justify;
}
.info-detail .info-item img{
    width:80%;
}
.page-box ul{
    padding-left:0;
}
.page-box{
    width: 90%;
    height:3rem;
    text-align: center;
    padding-left:16px;
    margin: 1rem auto 0;
}
.page-box li{
    float: left;
}
.pagination{
    margin:0 auto;
    display: block;
    text-align:center;
    width: 100%;
    height: auto;
    color: #4aaf69;
}
.pagination span{
    height:1rem;
    display: inline-block;
    padding:0 .5rem;
    color: #4aaf69;
    cursor: pointer;
}
.pagination .item{
    padding:0 .1rem;
}
.pagination ul li{
    height: 2rem;
    line-height:2rem;
    text-align: center;
    color: #4aaf69;
    cursor: pointer;
}
#page li{
    margin:0 .1rem;
    border:1px solid #4aaf69;
    color: #4aaf69;
    width: 2rem;
    height: 2rem;
    line-height:2rem;
}
#page li.active{
    background: #4aaf69;
    color: #fff;
}

/*边界*/
.building .img-box{
    text-align: center;
}
.building .img-box img{
    width:80%;
}
.building .alink{
    text-align: center;
    line-height:3rem;
    height:4rem;
}
.building .alink a{
    color:#4aaf69;
    text-decoration: none;
}