﻿/*样式初始化*/
html, body, div, span, h1, h2, h3, h4, h5, h6, em, span, img, strong, sub, sup, tt, dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p, a {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑", "Microsoft YaHei", Helvetica,sansation, Verdana, Arial, sans-serif;
    font-size: 14px;
}

ol, ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    display: block;
}

img {
    border: none;
    display: block;
}

.clearfloat {
    zoom: 1;
}

    .clearfloat:after {
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0;
    }

.pm1, .pm2, .pm3, .pm4, .pm5 {
    position: relative;
    width: 100%;
    min-width: 1200px;
}



    .pm1 > img, .pm2 > img, .pm3 > img, .pm4 > img, .pm5 > img {
        width: 100%;
        _margin-top: -6px;
        display: block;
    }

.top {
    width: 100%;
    margin: 0 auto;
    height: 119px;
    min-width: 1200px;
    background: #FFF;
}

.logo {
    height: 70px;
    display: inline-block;
    padding-left: 10px;
}

    .logo img {
        position: absolute;
        top: 15px;
        left: 2%;
        width: 215px;
        padding-left: 7px;
        padding-top: 0px;
        vertical-align: middle;
        margin-top: 10px;
    }

.top .tel {
    margin-bottom: 10px;
    position: absolute;
    padding: 5px 10px;
    right: 2%;
    top: 20px;
    background: #afe6ff;
    font-size: 20px;
    line-height: 24px;
}

    .top .tel img {
        float: left;
        margin-right: 5px;
    }



.collect {
    position: absolute;
    width: 100px;
    right: 5%;
    top: 20px;
    cursor: pointer;
}

.nav {
    width: 100%;
    text-align: center;
    height: 50px;
    float: left;
    background: #4e5662;
    font-size: 17px;
    position: relative;
}

.navright {
    float: left;
    width: 90%;
    height: 50px;
    line-height: 50px;
}

    .navright a:link, .nav a:visited {
        color: #FFF;
        text-decoration: none;
        width: 300px;
        text-align: center;
    }

    .navright a:hover {
        display: block;
        background: #222324;
        text-align: center;
    }

    .navright a {
        display: block;
        float: left;
        font-size: 18px;
    }




/*footer*/
.footer {
    height: 40px;
    margin-top: 32px;
    width: 82%;
    left: 9%;
    position: absolute;
    top: 0;
}

.foot {
    width: 100%;
    min-width: 1200px;
    height: 60px;
    background: #000;
    line-height: 60px;
    text-align: center;
    margin-top: -5px;
    color: #FFF;
}

    .foot img, .foot a {
        display: inline;
    }

.zxxx {
    width: 8%;
    cursor: pointer;
    position: absolute;
}

    .zxxx img {
        width: 100%;}
 
  


.zx1 {
    top: 36%;
    left: 18%;
}

.zx2 {
    top:6%;
    left: 18%;
}

.zx3 {
    top: 86%;
    left: 45%;
}

.zxxx1 {
    width: 5.2%;
    cursor: pointer;
    position: absolute;
}

    .zxxx1 img {
        width: 100%;
    }

.zx4 {
    top: 47%;
    left: 34.5%;
}

.zx5 {
    top: 47%;
    left: 62.5%;
}

.zx6 {
    top: 47%;
    left: 78.5%;
}

.zx7 {
    top: 32%;
    left: 84%;
    z-index: 3;
}

.bottom {
    background: #008fd1;
    padding: 10px 0;
}

.totop {
    width: 8%;
    margin: 0 auto;
}

    .totop img {
        width: 100%;
        cursor: pointer;
    }

.phone {
    width: 32%;
    margin: 10px auto;
    text-align: center;
    border: 3px solid #fff;
    font-size: 25px;
    color: #fff;
    border-radius: 10px;
}




.fp {
    position: absolute;
    top: 11%;
    width: 40%;
    text-align: right;
    height: 200px;
    right: 8%;
    color: #FFF;
}

    .fp h1 {
        font-size: 37px;
        font-weight: 300;
    }

        .fp h1 .gui {
            font-size: 52px;
        }

    .fp p {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-top: 32%;
    }

.index1 {
    position: absolute;
    top: 47%;
    left: 16%;
    height: 130px;
    width: 70%;
    line-height: 180%;
    text-align: center;
    font-size: 1.4em;
}

.index2 {
    position: absolute;
    top: 14%;
    left: 34%;
    height: 50px;
    width: 30%;
    text-align: center;
    font-size: 1.4em;
    color: #ff0000;
}

.index3 {
    position: absolute;
    top: 18%;
    left: 10%;
    height: 140px;
    width: 60%;
    text-align: left;
    font-size: 1.2em;
    line-height: 180%;
}

.index4 {
    left: 5.1%;
    top: 26%;
}

.index5 {
    position: absolute;
    top: 61%;
    left: 23%;
    height: 7%;
    width: 70%;
    text-align: left;
    font-size: 1.3em;
    line-height: 180%;
}

.index5_1 {
    top: 69%;
}

.index5_2 {
    top: 75.5%;
}

.index5_3 {
    top: 82%;
}

.index5_4 {
    top: 88.4%;
}

.index5_5 {
    top: 95%;
}

.index5_6 {
    top: 2%;
}

.index5_7 {
    top: 8%;
}

.index6 {
    position: absolute;
    top: 61%;
    left: 4%;
    height: 35%;
    width: 20%;
    text-align: left;
    font-size: 1em;
    line-height: 180%;
}

.index6_1 {
    left: 21%;
}

.index6_2 {
    left: 42%;
}

.index6_3 {
    left: 62%;
}

.index6_4 {
    left: 76%;
}









/*这里是内容部分*/
.main {
    width: 100%;
    height: 670px;
    background-color: #E8E8E8;
}

.main-box {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.main-left {
    margin-top: 85px;
    width: 500px;
    float: left;
}

    .main-left dd p {
        font-family: "微软雅黑";
        font-size: 17px;
        line-height: 28px;
        text-indent: 2em;
    }

.main-right {
    margin-top: 55px;
    float: right;
}
/*这里是底部信息*/
main2-box {
    width: 100%;
}

.main2-box p {
    text-align: center;
    font-family: "黑体";
    font-size: 30px;
    line-height: 45px;
    color: #000;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 60px;
}

.main2 {
    width: 1200px;
    height: 460px;
    margin: 0 auto;
}

.main2-left {
    width: 420px;
    float: left;
    margin-top: 15px;
}

.main2-right {
    float: right;
    margin-top: 15px;
    width: 760px;
}

.p1 {
    height: 10px;
    background-color: #012063;
}

.p2 {
    height: 360px;
    background-color: #F3F3F3;
}

    .p2 ul {
        padding-top: 60px;
    }

        .p2 ul a {
            font-size: 24px;
            font-family: "微软雅黑";
            line-height: 60px;
            text-align: center;
        }

.p3 {
    height: 20px;
    background-color: #012063;
}

.main2-bottom {
    width: 1200px;
    height: 180px;
    background-color: #E4E4E4;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .main2-bottom p {
        font-family: "微软雅黑";
        font-size: 20px;
        line-height: 45px;
        padding-top: 40px;
        text-align: center;
    }

    .telPhone {
    margin-bottom: 10px;
    position: absolute;
    padding: 5px 10px;
    right: 2%;
    top: 20px;
    background: #afe6ff;
    font-size: 20px;
    line-height: 24px;
}