/* CSS Document */
.bannerPanel {
    position: relative;
    width: 100%;
}

.banner ul {
    width: 100%;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.banner li {
    position: relative;
    float: left;
}

    .banner li img {
        width: 100%;
        vertical-align: bottom;
    }
.bannerClick{position:absolute;left:50%;  bottom:5%;  z-index:799; margin-left:-2.3rem; margin:0 auto;  }
.bannerClick li{float:left;height:1rem;margin-right:0.625rem;background:none; }
.bannerClick li a{display:inline-block;width:0.625rem;height:0.625rem; border-radius:50%;background:url(../images/about-circle.png);background-size:100% 100%;}
.bannerClick li.on a{display:inline-block;width:0.625rem;height:0.625rem; border-radius:50%;background:url(../images/about-circle2.png) no-repeat;background-size:100% 100%;}

.list {
    padding: 0% 5%;
    position: relative;
    overflow: hidden;
    background: #fff;
}

    .list ul {
        margin-bottom: 1.25rem;
    }

    .list li {
        width: 24%;
        text-align: center;
        margin-top: 1rem;
        display: inline-block;
        overflow: hidden;
    }

        .list li a {
            width: 100%;
            height: 100%;
            display: inline-block;
        }

        .list li img {
            width: 50%;
        }

        .list li p {
            color: #6d6d6d;
            font-size: 0.625rem;
            line-height: 1.625rem;
        }

.nav_pic {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .nav_pic img {
        width: 100%;
        display: block;
    }

.container {
    padding: 0% 5%;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding-bottom: 0.85rem;
}

.nav_con {
    width: 100%;
    position: relative;
    padding-top: 0.85rem;
}

.con_titl {
    vertical-align: middle;
    width: 100%;
    text-align: left;
}

    .con_titl img {
        width: 6%;
        vertical-align: middle;
    }

.con_sp01 {
    display: inline-block;
    color: #5e5e5e;
    font-size: 1rem;
    line-height: 2.375rem;
}

.con_sp02 {
    display: inline-block;
    color: #757575;
    font-size: 0.85rem;
    line-height: 2.375rem;
    float: right;
}

    .con_sp02 a {
        color: #757575;
    }

.con_ul {
    overflow: hidden;
    width: 100%;
    border-top: 4px solid #eeeeee;
    border-left: 4px solid #eeeeee;
}

    .con_ul li {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 12rem;
        overflow: hidden;
        width: 50%;
        position: relative;
        text-align: left;
        border-bottom: 4px solid #eeeeee;
        border-right: 4px solid #eeeeee;
        display: inline-block;
        padding: 2%;
    }

        .con_ul li a {
            width: 100%;
            height: 100%;
            display: inline-block;
        }

.ul_d02 {
    position: relative;
    height: 6rem;
    width: 100%;
}

.ul_div {
    height: 4.5rem;
    width: 100%;
    overflow: hidden;
}

.ul_sp01 {
    font-size: 1rem;
    color: #555555;
    line-height: 1.625rem;
}

.ul_sp02 {
    font-size: 0.625rem;
    color: #a6a6a6;
    line-height: 1.25rem;
}

.ul_sp03 {
    color: #d61818;
    font-family: Arial;
    font-size: 0.85rem;
    display: inline-block;
    z-index: 6;
}

.ul_sp04 {
    font-size: 1.25rem;
}

.con_ul li img {
    width: 60%;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
}

.tab {
    overflow: hidden;
    width: 100%;
    text-align: left;
    border-top: 4px solid #eee;
    overflow: hidden;
}

    .tab ul li {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 11rem;
        overflow: hidden;
        float: left;
        border-right: 4px solid #eee;
        border-bottom: 4px solid #eee;
        position: relative;
        text-align: left;
        width: 50%;
        padding: 2%;
    }

        .tab ul li a {
            width: 100%;
            height: 100%;
            display: inline-block;
        }

        .tab ul li img {
            width: 6rem;
            position: absolute;
            bottom: 0.5rem;
            right: 0rem;
        }

    .tab td:nth-child(odd) {
        border-left: 4px solid #eee;
    }

    .tab ul li.nor {
        border-left: 4px solid #eee;
    }

.nav_quick {
    background: #fff;
    padding: 2% 5%;
    width: 90%;
    margin-top: 1rem;
    text-align: left;
}

.qu_sp01 {
    background: url(../images/ioc15.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    font-size: 1rem;
    color: #5e5e5e;
    line-height: 2.375rem;
    padding-left: 1.5rem;
}

.nav_quick p {
    width: 97%;
    margin: 0px auto;
}

.nav_quick a {
    display: inline-block;
    font-size: 0.85rem;
    color: #949494;
    line-height: 2.375rem;
}

.qu_le {
    text-align: left;
    width: 26%;
}

.qu_con {
    width: 41%;
    text-align: center;
    background: url(../images/ioc16.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2px 0.85rem;
}

.qu_ri {
    width: 30%;
    text-align: right;
    background: url(../images/ioc16.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2px 0.85rem;
}

.nav_sear {
    margin-top: 1rem;
    background: #fff;
    padding: 1rem 5%;
    text-align: center;
    width: 90%;
    position: relative;
}

    .nav_sear input {
        width: 80%;
        border: 1px solid #cecece;
        border-radius: 10px;
        line-height: 2.25rem;
        padding: 0% 5%;
        font-size: 1rem;
        color: #949494;
    }

    .nav_sear img {
        width: 1rem;
        position: absolute;
        top: 1.65rem;
        right: 12%;
    }

.foot {
    padding: 0% 5%;
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-top: 1rem;
}

    .foot ul {
        margin-bottom: 1.25rem;
    }

    .foot li {
        width: 24%;
        text-align: center;
        margin-top: 1rem;
        display: inline-block;
        overflow: hidden;
    }

        .foot li a {
            width: 100%;
            height: 100%;
            display: inline-block;
        }

        .foot li img {
            width: 50%;
        }

        .foot li p {
            color: #6d6d6d;
            font-size: 0.625rem;
            line-height: 1.625rem;
        }

/*.footer{padding:3% 5%;position: relative;overflow: hidden;background: #fff;margin-top: 1rem;text-align: center;}
.foot_sp01{margin: 0px auto;width: 90%;}
.foot_sp01 a{display:inline-block; color: #777777;font-size: 0.85rem;line-height: 1.625rem;width: 23%;}
.foot_sp01 a~a{background: url(../images/ioc21.png);background-position: left center;background-repeat: no-repeat;background-size: 2px 0.85rem;padding-left: 2px;}
.foot_sp02{color: #777777;font-size: 0.625rem;line-height: 1.625rem;}*/
.footer {
    height: 2.2rem;
    /*position:absolute;*/
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 1.5rem 0rem;
}

.links {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    color: #777777;
}

    .links a {
        padding: 0% 3%;
        height: 1rem;
        display: inline-block;
        border-left: solid 1px #777777;
    }

        .links a:first-child {
            border: none;
        }

.copyright {
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    font-family: Arial;
    color: #999999;
    margin-top: 0.6rem;
}