/*子页样式*/
.main-wrapper {
    background-attachment: fixed !important; /*固定背景*/
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden !important; /*溢出隐藏消除滚动条*/
    width: 100%;
    height: 400px;
}

.main-wrapper-1 {
    background-image: url(../img/banner-1.jpg);
}

.main-wrapper-2 {
    background-image: url(../img/banner-2.jpg);
}

.main-wrapper-3 {
    background-image: url(../img/banner-3.jpg);
}

.main-wrapper-4 {
    background-image: url(../img/banner-4.jpg);
}

.main-wrapper-5 {
    background-image: url(../img/banner-5.jpg);
}

/*子页banner*/
.advert {
    width: 100%;
    height: 400px;
    background-color: rgba(0,0,0,0.2);
}

    .advert h1 {
        color: #fff;
        position: relative;
        top: 200px;
        text-align: center;
        font-size: 32px;
    }

    .advert h2 {
        color: #fff;
        position: relative;
        top: 200px;
        text-align: center;
        font-size: 28px;
    }
/*子页内容*/
section {
    background-image: url("../img/bk.png");
    background-repeat: repeat-y;
    background-size: cover;
    width: 100%;
    height: 100%;
    border-top: 2px #0C499B solid;
}

.box {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.box-left {
    width: 20%;
    padding-bottom: 40px;
    background-color: #0C499B;
    float: left;
    display: inline-block;
    border-radius: 0px 0px 50px;
    position: relative;
    top: -50px;
}

    .box-left .title {
        position: relative;
        top: -20px;
        width: 100%;
        height: 50px;
        background-color: #0A3D82;
    }

    .box-left h3 {
        position: relative;
        color: #fff;
        text-align: center;
        font-size: 20px;
        top: 14px;
    }

    .box-left ul {
        width: 100%;
        margin: 0;
        padding-left: 70px;
    }

    .box-left li {
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        /*    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;*/
    }

        /*动画效果*/
        /*.box-left li:hover{
    transform:translateX(20px);
    -webkit-transform:translateX(20px);
    -moz-transform:translateX(20px);
    -o-transform:translateX(20px);
    -ms-transform:translateX(20px);
}*/

        .box-left li a {
            color: #fff;
            text-decoration: none;
        }

.box-right {
    float: right;
    display: inline-block;
    width: 75%;
    margin-top: 40px;
}

    .box-right .box-right-top {
        padding-bottom: 40px;
    }

        .box-right .box-right-top ul {
            list-style: none;
            border-bottom: 2px solid #0C499B;
            padding-left: 0px;
            padding-bottom: 10px;
        }

            .box-right .box-right-top ul li {
                display: inline-block;
                color: #555;
                font-size: 16px;
                text-align: left;
            }

    .box-right .box-right-mid {
        width: 100%;
        padding: 40px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 10px rgba(204,204,204, .5);
        -moz-box-shadow: 0 0 10px rgba(204, 204, 204, .5);
        box-shadow: 0 0 10px rgba(204, 204, 204, .5);
    }

        .box-right .box-right-mid .box-text {
            float: right;
            display: inline-block;
            width: 30%;
        }

/*右侧列表样式*/
.list-right {
    display: inline-block;
    width: 100%;
}

    .list-right ul {
        width: 100%;
        margin: 0;
        padding-left: 70px;
    }

        .list-right ul li {
            list-style: none;
            font-size: 14px;
            line-height: 60px;
            border-bottom: 1px dotted #555;
        }

            .list-right ul li a {
                color: #555;
                text-decoration: none;
            }

                .list-right ul li a:hover {
                    color: #0C499B;
                    text-decoration: none;
                }

    .list-right .list-date {
        float: right;
        color: #555;
    }

/*分页*/
.nav-page {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}

    .nav-page ul {
        list-style: none;
        padding-left: 0px;
        padding-bottom: 10px;
    }

        .nav-page ul li {
            display: inline-block;
            color: #555;
            font-size: 16px;
            text-align: left;
        }

            .nav-page ul li span {
                color: #777;
                padding: 2px 6px;
                border: solid 1px #777;
                display: block;
                text-decoration: none;
                cursor: default;
                background-color: #F2F2F2;
            }

            .nav-page ul li a {
                color: #777;
                padding: 2px 6px;
                border: solid 1px #777;
                display: block;
                text-decoration: none;
            }

                .nav-page ul li a.active {
                    background: #0C499B;
                    color: #fff;
                    border: solid 1px #0C499B;
                    pointer-events: none;
                }

                .nav-page ul li a:hover {
                    background: #0C499B;
                    color: #fff;
                    border: solid 1px #0C499B;
                    cursor: pointer;
                }


/*产品*/

.products {
    display: block;
    float: left;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
    -webkit-box-shadow: 0 0 10px rgba(204,204,204, .5);
    -moz-box-shadow: 0 0 10px rgba(204, 204, 204, .5);
    box-shadow: 0 0 10px rgba(204, 204, 204, .5);
}

    .products ul {
        list-style: none;
        padding-left: 0px;
        padding-bottom: 10px;
        margin: 0px;
    }

        .products ul .proli {
            width: 41%;
            display: inline-block;
            color: #555;
            font-size: 16px;
            text-align: left;
            margin: 30px;
            -webkit-box-shadow: 0 0 10px rgba(204,204,204, .5);
            -moz-box-shadow: 0 0 10px rgba(204, 204, 204, .5);
            box-shadow: 0 0 10px rgba(204, 204, 204, .5);
        }
@media screen and (max-width: 740px) {
    .products ul .proli {
        width: 82%;
        display: inline-block;
        color: #555;
        font-size: 16px;
        text-align: left;
        margin: 30px;
        -webkit-box-shadow: 0 0 10px rgba(204,204,204, .5);
        -moz-box-shadow: 0 0 10px rgba(204, 204, 204, .5);
        box-shadow: 0 0 10px rgba(204, 204, 204, .5);
    }

}
.ztImg .img-responsive {
    margin: 10px auto;
    text-align: center;
}
.productsTitle {
    margin-left:25px;
    color: #3A3A3A;
    font-size: 16px;
}
.englistTitle {
    margin-left: 25px;
    margin-bottom:15px;
    color: #9F9F9F;
    font-size: 14px;
}
/*右侧文本段落样式*/
.box-right .box-right-mid h4 {
    color: #ff9900;
}

.box-right .box-right-mid ul {
    margin: 0px 10px;
    padding: 0px 10px;
}

/*微信二维码*/
.box-right .box-weixin p {
    text-align: center;
}

.box-right .box-weixin .wixin-abs {
    display: inline-block;
    float: left;
    width: 300px;
}

    .box-right .box-weixin .wixin-abs span {
        display: block;
        width: 160px;
        height: 160px;
        background-image: url("../img/weixin-abs.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
    }

.box-right .box-weixin .wixin-fa {
    display: inline-block;
    float: left;
    width: 300px;
}

    .box-right .box-weixin .wixin-fa span {
        display: block;
        width: 160px;
        height: 160px;
        background-image: url("../img/weixin-fa.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
    }

.box-right .box-weixin .wixin-info {
    position: relative;
    display: inline-block;
    float: left;
    width: 300px;
    padding-top: 40px;
}

    .box-right .box-weixin .wixin-info a {
        text-decoration: none;
        display: block;
        text-align: center;
        line-height: 34px;
        width: 200px;
        height: 36px;
        margin: 20px auto;
        border-radius: 10px;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        border: 1px #fff solid;
        border-color: rgba(255,153,0,1);
        color: rgba(255,153,0,1);
    }

        .box-right .box-weixin .wixin-info a:hover {
            -webkit-box-shadow: 0 0 20px rgba(255,153,0, .3);
            -moz-box-shadow: 0 0 20px rgba(255,153,0, .3);
            box-shadow: 0 0 20px rgba(255,153,0, .3);
        }

    .box-right .box-weixin .wixin-info p {
        text-align: left;
        padding-left: 40px;
    }

.box-right .box-right-mid .box-contact {
    display: inline-block;
    float: left;
    padding-right: 40px;
}

/*    .box-right .box-right-mid .box-contact span {
        display: block;
        width: 120px;
        height: 120px;
        background-image: url("../img/weixin.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
    }
*/
.box-right .box-right-mid .box-content {
    font-size: 16px;
    line-height: 2em;
    text-indent: 2em;
}
    .box-right .box-right-mid .box-content img {
        width: 100%;
        height: 100%;
    }
.box-right .box-right-mid .about {
    float: right;
    margin: 10px 10px 0px 10px;
}
    .box-right .box-right-mid .about img {
        width: 100%;
        height: 100%;
    }