@charset "utf-8";
/* CSS Document */

body {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #666;
    background: #fff !important;
    font-family: "微软雅黑";
}

div,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
    padding: 0px;
    margin: 0px;
}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #0b3794;
}

img {
    border: none;
}

li {
    list-style: none;
}

.header,
.main,
.footer {
    text-align: center;
    width: 100%;
}

.w1200 {
    width: 1200px;
    margin: 0px auto;
    text-align: center;
}

.w1200 h1 {
    text-align: center;
    font-weight: 100;
    font-size: 18px;
    color: #333;
}

.w1200 p {
    text-align: center;
}

.nav {
    background: url(images/logo.png) no-repeat left 15px;
    height: 90px;
    padding-left: 320px;
}

.nav li {
    float: left;
    width: 100px;
    margin: 0px 5px;
    line-height: 48px;
    margin-top: 20px;
}

.nav li a {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.nav li a:hover {
    background: #e60012;
    color: #fff;
}

.banner_1 {
    background: url(images/banner_1.jpeg) no-repeat top center;
    height: 600px;
}

.banner_2 {
    background: url(images/banner_2.jpeg) no-repeat top center;
    height: 600px;
}

.banner_3 {
    background: url(images/banner_3.jpeg) no-repeat top center;
    height: 480px;
}

.banner_4 {
    background: url(images/banner_4.jpeg) no-repeat top center;
    height: 480px;
}

.banner_5 {
    background: url(images/banner_5.jpeg) no-repeat top center;
    height: 480px;
}

.banner_6 {
    background: url(images/banner_6.jpeg) no-repeat top center;
    height: 480px;
}

.banner_7 {
    background: url(images/banner_7.jpeg) no-repeat top center;
    height: 480px;
}

.banner_8 {
    background: url(images/banner_8.jpeg) no-repeat top center;
    height: 480px;
}

/*一卡通*/
.zhhq_1 .part1 {
    padding: 60px 0px;
}

.zhhq_1 .part2 {
    height: 360px;
    padding-bottom: 60px;
}

.zhhq_1 .part2 .left {
    float: left;
    width: 480px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_1 .part2 .right {
    float: right;
}

.zhhq_1 .part2 h1 {
    text-align: left;
}

.zhhq_1 .part2 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_1 .part3 {
    height: 360px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_1 .part3 .right {
    float: right;
    width: 540px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_1 .part3 .left {
    float: left;
}

.zhhq_1 .part3 h1 {
    text-align: left;
}

.zhhq_1 .part3 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_1 .part4 {
    height: 360px;
    padding: 60px 0px;
}

.zhhq_1 .part4 .left {
    float: left;
    width: 480px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_1 .part4 .right {
    float: right;
}

.zhhq_1 .part4 h1 {
    text-align: left;
}

.zhhq_1 .part4 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_1 .part5 {
    height: 360px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_1 .part5 .right {
    float: right;
    width: 540px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_1 .part5 .left {
    float: left;
}

.zhhq_1 .part5 h1 {
    text-align: left;
}

.zhhq_1 .part5 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_1 .part6 {
    height: 360px;
    padding: 60px 0px;
}

.zhhq_1 .part6 .left {
    float: left;
    width: 480px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_1 .part6 .right {
    float: right;
}

.zhhq_1 .part6 h1 {
    text-align: left;
}

.zhhq_1 .part6 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_1 .part7 {
    height: 320px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_1 .part7 .right {
    float: right;
    width: 540px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_1 .part7 .left {
    float: left;
}

.zhhq_1 .part7 h1 {
    text-align: left;
}

.zhhq_1 .part7 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

/*固定资产管理*/
.zhhq_2 .part1 {
    padding: 60px 0px;
    height: 380px;
}

.zhhq_2 .part1 li {
    float: left;
    width: calc((100% - 240px)/3);
    padding: 0px 40px;
    margin-top: 30px;
}

.zhhq_2 .part1 h2 {
    margin: 10px 0px;
}

.zhhq_2 .part2 {
    background: #f5f5f5;
    padding: 60px 0px;
    height: 360px;
}

.zhhq_2 .part2 li {
    float: left;
    width: calc((100% - 560px)/4);
    padding: 40px;
    margin: 30px;
    background: #fff;
    height: 180px;
    border-radius: 10px;
}

.zhhq_2 .part3 {
    background: url(images/zhhq_17.png) no-repeat top center;
    height: 600px;
    padding: 60px 0px;
}

.zhhq_2 .part3 h1 {
    color: #fff;
}

.zhhq_2 .part4 {
    background: #f5f5f5;
    padding: 60px 0px;
    height: 360px;
}

.zhhq_2 .part4 li {
    float: left;
    width: calc((100% - 560px)/4);
    padding: 40px;
    margin: 30px;
    background: #fff;
    height: 180px;
    border-radius: 10px;
}

/*档案管理*/
.zhhq_3 .part1 {
    padding: 60px 0px;
    height: 380px;
}

.zhhq_3 .part1 li {
    float: left;
    width: calc((100% - 390px)/3);
    padding-left: 110px;
    padding-right: 20px;
    margin-top: 50px;
    text-align: left;
    height: 90px;
}

.zhhq_3 .part1 li p {
    text-align: left;
    margin-top: 10px;
}

.zhhq_3 .part2 {
    height: 360px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_3 .part2 .right {
    float: right;
    width: 540px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_3 .part2 .left {
    float: left;
}

.zhhq_3 .part2 h1 {
    text-align: left;
}

.zhhq_3 .part2 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_3 .part3 {
    height: 360px;
    padding: 60px 0px;
}

.zhhq_3 .part3 .left {
    float: left;
    width: 480px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_3 .part3 .right {
    float: right;
}

.zhhq_3 .part3 h1 {
    text-align: left;
}

.zhhq_3 .part3 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_3 .part4 {
    height: 360px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_3 .part4 li {
    float: left;
    width: calc((100% - 240px)/3);
    padding: 0px 40px;
    margin-top: 50px;
    text-align: center;
}

.zhhq_3 .part4 li h3 {
    font-weight: 200;
    margin-top: 10px;
}

/*会议管理*/
.zhhq_4 .part1 {
    height: 360px;
    padding: 60px 0px;
}

.zhhq_4 .part1 .right {
    float: right;
    width: 540px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_4 .part1 .left {
    float: left;
}

.zhhq_4 .part1 h1 {
    text-align: left;
}

.zhhq_4 .part1 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_4 .part2 {
    height: 460px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_4 .part3 {
    height: 360px;
    padding: 60px 0px;
}

.zhhq_4 .part3 .left {
    float: left;
    width: 360px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_4 .part3 .right {
    float: right;
}

.zhhq_4 .part3 h1 {
    text-align: left;
}

.zhhq_4 .part3 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_4 .part4 {
    height: 320px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_4 .part4 .right {
    float: right;
    width: 440px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_4 .part4 .left {
    float: left;
}

.zhhq_4 .part4 h1 {
    text-align: left;
}

.zhhq_4 .part4 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_4 .part5 {
    height: 360px;
    padding: 60px 0px;
}

.zhhq_4 .part5 .left {
    float: left;
    width: 360px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_4 .part5 .right {
    float: right;
}

.zhhq_4 .part5 h1 {
    text-align: left;
}

.zhhq_4 .part5 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

/*公车管理*/
.zhhq_5 .part1 {
    padding: 60px 0px;
    height: 380px;
}

.zhhq_5 .part1 li {
    float: left;
    width: calc((100% - 360px)/3);
    padding-left: 100px;
    padding-right: 20px;
    margin-top: 50px;
    text-align: left;
    height: 72px;
}

.zhhq_5 .part1 li p {
    text-align: left;
    margin-top: 10px;
}

.zhhq_5 .part2 {
    padding: 60px 0px;
    height: 540px;
    background: #f5f5f5;
}

.zhhq_5 .part3 {
    padding: 60px 0px;
    height: 560px;
}

.zhhq_5 .part4 {
    padding: 60px 0px;
    height: 420px;
    background: #f5f5f5;
}

.zhhq_5 .part5 {
    padding: 60px 0px;
    height: 600px;
}

/*访客管理*/
.zhhq_6 .part1 {
    padding: 60px 0px;
    height: 580px;
}

.zhhq_6 .part1 li {
    float: left;
    width: calc((100% - 240px)/2);
    padding: 0px 60px;
    margin-top: 50px;
    text-align: left;
    height: 72px;
}

.zhhq_6 .part1 li p {
    text-align: left;
    margin-top: 10px;
}

.zhhq_6 .part1 li h3 {
    color: #0082ca;
}

.zhhq_6 .part2 {
    height: 380px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_6 .part2 .left {
    float: left;
    width: 480px;
    text-align: left;
    padding-top: 80px;
}

.zhhq_6 .part2 .right {
    float: right;
}

.zhhq_6 .part2 h1 {
    text-align: left;
}

.zhhq_6 .part2 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_6 .part3 {
    height: 400px;
    padding: 60px 0px;
}

.zhhq_6 .part3 .right {
    float: right;
    width: 440px;
    text-align: left;
}

.zhhq_6 .part3 .left {
    float: left;
}

.zhhq_6 .part3 h1 {
    text-align: left;
}

.zhhq_6 .part3 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_6 .part4 {
    height: 380px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_6 .part4 .left {
    float: left;
    width: 520px;
    text-align: left;
    padding-top: 80px;
}

.zhhq_6 .part4 .right {
    float: right;
}

.zhhq_6 .part4 h1 {
    text-align: left;
}

.zhhq_6 .part4 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_6 .part5 {
    height: 360px;
    padding: 60px 0px;
}

.zhhq_6 .part5 .right {
    float: right;
    width: 520px;
    text-align: left;
    padding-top: 100px;
}

.zhhq_6 .part5 .left {
    float: left;
}

.zhhq_6 .part5 h1 {
    text-align: left;
}

.zhhq_6 .part5 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_6 .part6 {
    height: 300px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_6 .part6 .left {
    float: left;
    width: 480px;
    text-align: left;
    padding-top: 80px;
}

.zhhq_6 .part6 .right {
    float: right;
}

.zhhq_6 .part6 h1 {
    text-align: left;
}

.zhhq_6 .part6 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

/*食堂管理*/
.zhhq_7 .part1 {
    height: 380px;
    padding: 60px 0px;
}

.zhhq_7 .part1 .left {
    float: left;
    width: 480px;
    text-align: left;
    padding-top: 80px;
}

.zhhq_7 .part1 .right {
    float: right;
}

.zhhq_7 .part1 h1 {
    text-align: left;
}

.zhhq_7 .part1 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_7 .part2 {
    height: 240px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_7 .part2 .right {
    float: right;
    width: 440px;
    text-align: left;
    padding-top: 40px;
}

.zhhq_7 .part2 .left {
    float: left;
}

.zhhq_7 .part2 h1 {
    text-align: left;
}

.zhhq_7 .part2 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_7 .part3 {
    height: 380px;
    padding: 60px 0px;
}

.zhhq_7 .part3 .left {
    float: left;
    width: 520px;
    text-align: left;
    padding-top: 80px;
}

.zhhq_7 .part3 .right {
    float: right;
}

.zhhq_7 .part3 h1 {
    text-align: left;
}

.zhhq_7 .part3 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_7 .part4 {
    height: 360px;
    padding: 60px 0px;
    background: #f5f5f5;
}

.zhhq_7 .part4 .right {
    float: right;
    width: 520px;
    text-align: left;
    padding-top: 60px;
}

.zhhq_7 .part4 .left {
    float: left;
}

.zhhq_7 .part4 h1 {
    text-align: left;
}

.zhhq_7 .part4 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

.zhhq_7 .part5 {
    height: 360px;
    padding: 60px 0px;
}

.zhhq_7 .part5 .left {
    float: left;
    width: 480px;
    text-align: left;
    padding-top: 80px;
}

.zhhq_7 .part5 .right {
    float: right;
}

.zhhq_7 .part5 h1 {
    text-align: left;
}

.zhhq_7 .part5 p {
    text-align: left;
    margin-top: 15px;
    line-height: 24px;
}

/*公车管理*/
.zhhq_8 .part1 {
    padding: 60px 0px;
    height: 500px;
}

.zhhq_8 .part1 li {
    float: left;
    width: calc((100% - 480px)/3);
    padding: 0px 80px;
    margin-top: 50px;
    text-align: center;
}

.zhhq_8 .part1 li h3 {
    margin: 10px 0px;
}

.zhhq_8 .part2 {
    padding: 60px 0px;
    height: 380px;
    background: #f5f5f5;
}

.zhhq_8 .part2 li {
    float: left;
    width: calc((100% - 120px)/3);
    padding: 0px 20px;
    margin-top: 50px;
    text-align: center;
}

.zhhq_8 .part2 li h3 {
    margin: 10px 0px;
}

.zhhq_8 .part3 {
    padding: 60px 0px;
    height: 560px;
}

.zhhq_8 .part3 li {
    float: left;
    width: calc((100% - 200px)/4);
    padding: 0px 25px;
    margin-top: 50px;
    text-align: center;
}

.zhhq_8 .part3 li p {
    margin: 10px 0px;
}

/*底部*/
.footer {
    height: 500px;
    background: #012a46;
    width: 100%;
    text-align: left;
}

.footer .w1000 {
    width: 1200px;
    margin: 0px auto;
    text-align: left;
}

.wxcode {
    width: 200px;
    float: left;
}

.wxcode img {
    margin-top: 45px;
}

.footmenu {
    width: 800px;
    float: left;
    font-size: 14px;
    text-align: left;
}

.footmenu ul {
    width: 160px;
    float: left;
    padding-top: 45px;
    text-align: left;
}

.footmenu ul li {
    color: #fff;
    line-height: 36px;
    text-align: left;
}

.footmenu ul li a {
    color: #fff;
    text-align: left;
}

.copyright {
    width: 400px;
    float: right;
    padding-top: 45px;
    color: #fff;
    text-align: left;
}

.copyright .fblue {
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.copyright .flarge {
    font-size: 36px;
    padding: 10px 0;
    text-align: left;
}

.copyright .fbig {
    font-size: 14px;
    padding-bottom: 5px;
    text-align: left;
}

.copyright a {
    color: #fff;
    text-align: left;
}

.copyright p {
    line-height: 30px;
    font-size: 14px;
    text-align: left;
}