article {

    padding: 60px 0 10px;

    background: no-repeat center center/cover;

}



.common-main {

    padding: 12px;

}





.common-title {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    text-align: center;

    padding: 15px 0;

}



.common-ch {

    display: flex;

    padding-right: 20px;

    font: bold 18px/24px '微软雅黑';

    color: #fff;

    /* background: url(../images/com_logo.png) no-repeat right 0/18px; */

    background: url(../images/pic_logo.png) no-repeat right 0/18px;

}



.common-en {

    width: 100%;

    padding-right: 20px;

    font: 400 12px/18px '微软雅黑';

    color: #fff;

    text-transform: uppercase;

}



.common-line {

    padding-right: 20px;

}



.bread {

    padding: 0 0 10px;

    font: 400 14px/24px '微软雅黑';

    color: #fff;

    text-align: center;

}



.bread a {

    color: #fff;

}



.common-bg {

    padding: 10px;

    background: rgba(255, 255, 255, 0.85);

}



.common-box {

    min-height: 420px;

    margin: 0 4px;

    padding: 10px;

    background: rgba(255, 255, 255, 0.8);

}



.slide {

    display: none;

}



.fixed-slide {

    display: none;

}



@media (min-width: 1200px) {

    article {

        padding: 200px 0 120px;

    }



    .common-main {

        width: 1280px;

        margin: 0 auto;

        padding: 0;

    }



    .common-title {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        text-align: center;

    }



    .common-ch {

        display: flex;

        padding-right: 35px;

        font: bold 30px/36px '微软雅黑';

        color: #fff;

        background: url(../images/pic_logo.png) no-repeat right 0;

    }



    .common-en {

        width: 100%;

        padding-right: 35px;

        font: 400 12px/18px '微软雅黑';

        color: #fff;

        text-transform: uppercase;

    }



    .common-line {

        margin:12px 0 24px;

        padding-right: 35px;

    }



    .bread {

        padding: 0 0 50px;

        font: 400 14px/24px '微软雅黑';

    }



    .common-bg {

        padding: 40px 80px;

        background: rgba(255, 255, 255, 0.85);

    }



    .common-box {

        margin: 0;

        padding: 0;

        background: none;

    }



    .slide {

        display: block;

    }



    .fixed-slide {

        display: block;

    }

}





/* 二级导航 */



.common-nav {

    padding: 2px;

}



.common-nav ul {

    display: flex;

    flex-wrap: wrap;
    justify-content: center;
    border-radius: 15px;

}



.common-nav ul li {

    width: 50%;

    padding: 2px;

}



.common-nav ul li a {

    display: block;

    font: 400 16px/30px "微软雅黑";

    color: #fff;

    text-align: center;

    background: rgba(0, 0, 0, 0.8);

}



.common-nav ul li.active a {

    background: #c50413;

}



@media (min-width: 1200px) {

    .common-nav {

        padding: 0 0 40px;

    }



    .common-nav ul {

        display: flex;

        justify-content: center;

    }



    .common-nav ul li {

        width: 220px;

        padding: 0 10px;

    }



    .common-nav ul li a {

        display: block;

        padding-bottom: 7px;

        font: 400 18px/42px "微软雅黑";

        text-align: center;

        color: #fff;

        background: url(../images/thr.png) no-repeat center 35px;

        transition: 0.6s;

    }



    .common-nav ul li a span {

        display: block;

        background: #000;

    }



    .common-nav ul li a:hover {

        background: url(../images/thr.png) no-repeat center 42px;

    }



    .common-nav ul li a:hover span {

        color: #fff;

        background: #e46f15;

    }



    .common-nav ul li.active a {

        background: url(../images/thr.png) no-repeat center 42px;

    }



    .common-nav ul li.active a span {

        color: #fff;

        background: #e46f15;

    }

}





/* 网站页脚 */



footer {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    padding: 5px 0;

    background: #000;

}



footer p {

    padding: 0 5px;

    font: 400 14px/20px "微软雅黑";

    color: #fff;

    text-align: center;

}



@media (min-width: 1200px) {

    footer {

        display: flex;

        justify-content: center;

       

    }



    footer p {

        padding: 0 10px;

        font: 400 16px/30px "微软雅黑";

        color: #fff;

    }

}





/* 网站翻页 */



.pages {

    display: flex;

    justify-content: center;

    padding: 10px 0;

    text-align: center;

    color: #2a4347;

}



.pages-left {

    display: none;

}



.pages-right {

    display: flex;

}



.pages-right a {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    margin: 0 1px;

    font: 400 14px/30px "微软雅黑";

    color: #333;

    border: 1px solid #333;

}



.pages-right a.page-num {

    color: #fff;

    background: #e46f15;

    border-color: #e46f15;

}



.pages-right a:first-child,

.pages-right a:last-child {

    display: none;

}



@media (min-width: 1200px) {

    .pages {

        justify-content: space-between;

        width: 1280px;

        margin: 20px auto 0;

        padding: 20px 80px;

        background: rgba(255, 255, 255, 0.8);

    }



    .pages-left {

        display: block;

        padding-right: 10px;

        font: 400 14px/30px "微软雅黑";

    }



    .pages-right a:first-child,

    .pages-right a:last-child {

        display: flex;

        width: auto;

        padding: 0 12px;

        justify-content: center;

        align-items: center;

    }

    .pages-right a:hover{

        color: #fff;

        background: #e46f15;

        border-color: #e46f15;

    }

}