*{
    margin:0 ;padding: 0;
}
a{
    text-decoration: none;
    color: #222;
}
body{
    /*font-size: 16px;*/
}
.company{
    width: 100%;
}
.company>h2{
    text-align: center;margin: 50px 0 30px;color: #555555;
    font-weight: bold;font-size: 32px;
}
.company>h4{
    text-align: center;
    margin: 20px;color: #b1b1b1;
}
.aside{
    width: 890px;list-style: none;
    margin:0 auto;overflow: hidden;
}
.aside li{
    width: 25%;padding: 20px 0;border-bottom: 2px solid #fff;
    float: left;text-align: center;cursor: pointer;
}
.aside li .ico{
    background: url("/template/shouye/images/btn-bj.png") no-repeat center;
    width: 104px;height: 91px;
    margin:0 auto 10px;
}
.aside .on{
    color: dodgerblue;border-bottom: 2px solid dodgerblue;
}
.section{
    display: none;background: #F3F3F3;
}
.section.active{
    display: block;
}
.section .sectlist{
    width: 1080px;overflow: hidden;
    margin:0 auto;padding: 30px 0;
}
.section .sectlist ul{
    float: left;width: 33.3%;list-style: none;
}
.section .sectlist ul h3{
    margin:15px 0;color: #555555;font-size: 17px;font-weight: bold;
}
.section .sectlist ul p{
    margin:15px 0;color: #a5a5a5;
}
.person{
    background: url("/template/shouye/images/person-bj.png") no-repeat center;
    background-size: cover;
    margin-top: 60px;
}
.personal{
    width: 1200px;
    color: #fff;
    margin:0 auto;padding: 30px 0 40px;
}
.personal>h2{
    text-align: center;margin: 10px 0 30px;
    font-weight: bold;font-size: 32px;
}
.personal>h4{
    text-align: center;margin:20px;
}
.per-tit{
    overflow: hidden;text-align: center;list-style: none;width: 680px;
    margin: 0 auto;
}
.per-tit li{
    padding: 15px 30px;border-bottom: 1px solid #fff;
    float: left;cursor: pointer;
}
.per-tit li.focus{
    border-bottom: 1px solid dodgerblue;
}
.per-con{
    display: none;overflow: hidden;text-align: center;
}
.per-con.reveal{
    display: block;
}
.per-con .vessel{
    display: inline-block;width: 270px;height: 440px;line-height: 440px;
    margin: 50px 40px 30px;
}
.per-con .vessel h3{
    line-height: 440px;font-weight: bold;
    margin:0;
}
.per-con .vessel:nth-child(1){
    background: url("/template/shouye/images/ability-bj1.png") no-repeat;
}
.per-con .vessel:nth-child(2){
    background: url("/template/shouye/images/ability-bj2.png") no-repeat;
}
.per-con .vessel:nth-child(3){
    background: url("/template/shouye/images/ability-bj3.png") no-repeat;
}
.govt{
    width: 1100px;
    margin:0 auto;
    padding: 30px 0 40px;
}
.govt>h2{
    text-align: center;margin: 10px 0 30px;color: #555555;
    font-weight: bold;font-size: 32px;
}
.govt>h4{
    text-align: center;margin:20px;color: #b1b1b1;
}
.gov-cont{
    overflow: hidden;width: 1075px;
    margin:0 auto;
}
.gov-left{
    /*background: url("/template/shouye/images/gov-bj.png") no-repeat center;*/
    float: left;width: 250px;overflow: hidden;
}
.gov-left>div{
    width: 130px;float: left;text-align: center;color: #555555;
}
.gov-left>img{
    float: left;margin-left: -10px;
}
.gov-left>div h3:nth-child(1){
    line-height: 80px;margin-top: 29px;background: #f5f8fa;
    color: #00a5fc;
}
.gov-left>div h3:nth-child(2){
    line-height: 80px;margin-top: 50px;
}
.gov-left>div h3:nth-child(3){
    line-height: 80px;margin-top: 42px;
}
.gov-left>div h3:nth-child(4){
    line-height: 80px;
    margin-top: 35px;
}
.gov-right{
    float: right;width: 800px;
    padding:60px 0;
}
.gov-right>h3{
    color: #00a5fc;
    margin:25px 0;
}
.gov-right>h4{
    text-align: right;
    margin: 25px 0;
}
.gov-right>h4>a{
    display: inline-block;
    padding: 5px 20px;
    color: #00a5fc;border: 2px solid #00a5fc;text-decoration: none;
}
.gov-right>.introduce{
    text-indent: 2em;line-height: 32px;font-size: 20px;
}
.gov-right>.flow{
    line-height: 40px;
}
.gov-right>.flow span{
    display: inline-block;background: #f9f9f9;padding: 0 10px;
    margin:0 10px;
}
.assess{
    background: url("/template/shouye/images/assess-bj.png") no-repeat center;
}
.assess h1{
    text-align: center;
    color: #fff;padding: 120px;
}
.assess h1 a{
    display: inline-block; margin-left: 200px;border-radius: 5px;
    background: dodgerblue;padding: 10px 20px;color: #fff;text-decoration: none;
    font-size: 24px;
}
.developer{
    padding: 30px 0 70px;
    background: #f3f3f3;
}
.developer>h2{
    text-align: center;margin: 10px 0 30px;color: #555555;
    font-weight: bold;font-size: 32px;
}
.developer>h4{
    text-align: center;margin:20px;color: #b1b1b1;
}
.developer>a{
    text-align: center;margin:20px;text-decoration: none;
    color: dodgerblue;display: block;
}
.sever-cont{
    overflow: hidden;width: 1180px;
    margin:0 auto;list-style: none;
    border: 1px solid #a3a3a3;background: #fff;
}
.sever-cont li{
    /*float: left;width: 14%;*/
    display: inline-block;width: 192px;
    text-align: center;padding: 15px 15px 20px;
    border-right: 1px solid #d5d5d5;
}
.sever-cont li a{
    display: block;
}
.sever-cont li:last-child{
    border-right: none;
}
.sever-cont li img{
    display: block;
    margin: 15px auto;
    width: 60px;height: 60px;
}
.sever-cont li span{
    color: #222;
}
.cooperation{
    padding: 30px 0 50px;
    width: 1200px;
    margin:0 auto;
}
.cooperation>h2{
    text-align: center;margin: 10px 0 30px;color: #555555;
    font-weight: bold;font-size: 32px;
}
.cooperation>h4{
    text-align: center;margin:20px;color: #b1b1b1;
}
.ecology-tit{
    width: 1200px;list-style: none;text-align: center;overflow: hidden;
}
.ecology-tit li{
    display: inline-block;cursor: pointer;
    margin:0 30px;font-weight: bold;padding: 8px 10px;
}
.ecology-tit li.check{
    color: dodgerblue;border-bottom: 2px solid dodgerblue;
}
.ecology-cont{
    display: none;
}
.ecology-cont.exhibition{
    display: block;
}
.index-banner{
    /*background: url("/template/shouye/images/index-bjtop.png") no-repeat center;*/
    background: url("/template/shouye/images/index-banner-bg.png") no-repeat center;
    background-size: cover;
    overflow: hidden;
    color: #fff;text-align: center;
}
/*.index-banner h2{*/
    /*margin:95px 0 30px;*/
/*}*/
.index-banner p:nth-child(1){
   font-size: 14px;max-width: 700px;margin: 120px auto 30px;
    color: #d5d5d5;
}
.index-banner p:nth-child(2){
    margin-bottom: 140px;
}
.form-search .form-control-search{
    height: 40px;
}
.form-group.form-search{
    margin:50px auto;max-width: 400px;
}
.form-search .btn-submit{
    position: absolute;
    right: 19px;
    border: none;
    padding: 5px 5px;
    height: 33px;
    line-height: 30px;
    width: 33px;
    display: block;
    top: 4px;
    opacity: .7;
    background: #FFFFFF;
    color: #666666;
    transition: all .2s;
}
.ecology-cont ul{
    overflow: hidden;list-style: none;
}
.ecology-cont ul li{
    display: inline-block;width: 165px;
    /*height:140px;*/
    /*background: #f5f5f5;*/
    margin: 30px;
}
.ecology-cont ul li img{
    width: 100%;
}

.ico span{
    display: inline-block;width: 50px;height: 50px;
    margin:20px auto;
}
.aside1 li:nth-child(1) span{
    background: url("/template/shouye/images/oa.png") no-repeat center;
    background-size: 100% 100%;
}
.aside1 li:nth-child(1).on span{
    background: url("/template/shouye/images/oa-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside1 li:nth-child(2) span{
    background: url("/template/shouye/images/erp.png") no-repeat center;
    background-size: 100% 100%;
}
.aside1 li:nth-child(2).on span{
    background: url("/template/shouye/images/erp-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside1 li:nth-child(3) span{
    background: url("/template/shouye/images/project.png") no-repeat center;
    background-size: 100% 100%;
}
.aside1 li:nth-child(3).on span{
    background: url("/template/shouye/images/project-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside1 li:nth-child(4) span{
    background: url("/template/shouye/images/performance.png") no-repeat center;
    background-size: 100% 100%;
}
.aside1 li:nth-child(4).on span{
    background: url("/template/shouye/images/performance-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside2 li:nth-child(1) span{
    background: url("/template/shouye/images/welfare.png") no-repeat center;
    background-size: 100% 100%;
}
.aside2 li:nth-child(1).on span{
    background: url("/template/shouye/images/welfare-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside2 li:nth-child(2) span{
    background: url("/template/shouye/images/archives.png") no-repeat center;
    background-size: 100% 100%;
}
.aside2 li:nth-child(2).on span{
    background: url("/template/shouye/images/archives-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside2 li:nth-child(3) span{
    background: url("/template/shouye/images/salary.png") no-repeat center;
    background-size: 100% 100%;
}
.aside2 li:nth-child(3).on span{
    background: url("/template/shouye/images/salary-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside2 li:nth-child(4) span{
    background: url("/template/shouye/images/meeting.png") no-repeat center;
    background-size: 100% 100%;
}
.aside2 li:nth-child(4).on span{
    background: url("/template/shouye/images/meeting-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside3 li:nth-child(1) span{
    background: url("/template/shouye/images/vehicle.png") no-repeat center;
    background-size: 100% 100%;
}
.aside3 li:nth-child(1).on span{
    background: url("/template/shouye/images/vehicle-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside3 li:nth-child(2) span{
    background: url("/template/shouye/images/goods.png") no-repeat center;
    background-size: 100% 100%;
}
.aside3 li:nth-child(2).on span{
    background: url("/template/shouye/images/goods-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside3 li:nth-child(3) span{
    background: url("/template/shouye/images/property.png") no-repeat center;
    background-size: 100%;
}
.aside3 li:nth-child(3).on span{
    background: url("/template/shouye/images/property-on.png") no-repeat center;
    background-size: 100% 100%;
}
.aside3 li:nth-child(4) span{
    background: url("/template/shouye/images/intellectual.png") no-repeat center;
    background-size: 100% 100%;
}
.aside3 li:nth-child(4).on span{
    background: url("/template/shouye/images/intellectual-on.png") no-repeat center;
    background-size: 100% 100%;
}

@media screen and (max-width: 800px){
    .index-banner p{
        padding: 0 20px;
    }
    .index-banner p:nth-child(1){
        margin:50px 0 10px;
    }
    .index-banner p img{
        max-width: 100%;
    }
    .form-group.form-search{
        margin:30px auto;
    }
    .aside{
        width: 100%;
    }
    .aside li .ico{
        width: 70px;height: 60px;
        background-size: cover;
    }
    .ico span{
        width: 30px;height: 30px;background-size: cover ;
        margin:15px auto;
    }
    .section .sectlist{
        width: 100%;
    }
    .section .sectlist ul{
        width: 100%;float: none;padding-left: 10px;
    }
    .per-tit{
        width: 316px;
    }
    .personal{
        width: 100%;
    }
    .per-tit li{
        padding:10px 3px;
        font-size: 14px;
    }
    .per-con .vessel{
        margin: 20px;
    }
    .govt,.gov-cont{
        width: 100%;
    }
    .gov-left{
        display: none;
    }
    .gov-right{
        width: 100%;
        padding: 0 15px;
    }
    .gov-right>.flow span{
        margin: 0 6px;
    }
    .gov-right>h3{
        font-size: 18px;
    }
    .gov-right>.introduce{
        font-size: 14px;
    }
    .assess{
        display: none;
    }
    .sever-cont{
        width: 100%;
    }
    .sever-cont li{
        width: 32%;
        border: none;
    }
    .cooperation,.ecology-tit{
        width: 100%;
    }
    .ecology-tit li{
        margin:0 ;padding: 8px 6px;
    }
    .ecology-cont ul li{
        margin: 10px 0;width: 49%;
    }
}