/* ==============================
   SA8000 页面整体
============================== */

.sa8000-page{

    max-width:1200px;

    margin:0 auto;

    padding:30px 20px;

    font-size:16px;

    line-height:1.8;

    color:#333;

    font-family:"Microsoft YaHei",
                Arial,
                sans-serif;

}


/* ==============================
   标题
============================== */


.sa8000-page h1{

    font-size:34px;

    color:#244d59;

    margin:0 0 35px;

    font-weight:bold;

}



.sa8000-page h2{

    font-size:26px;

    color:#244d59;

    margin:40px 0 20px;

    padding-bottom:10px;

    border-bottom:1px solid #ddd;

    font-weight:bold;

}



.sa8000-page h3{

    font-size:20px;

    color:#315f6b;

    margin:25px 0 15px;

    font-weight:bold;

}



/* ==============================
   正文
============================== */


.sa8000-page p{

    margin:0 0 18px;

}



.sa8000-page ul{

    padding-left:25px;

    margin-bottom:20px;

}



.sa8000-page li{

    margin-bottom:8px;

}



.sa8000-page a{

    color:#367985;

    text-decoration:none;

    word-break:break-all;

}



.sa8000-page a:hover{

    text-decoration:underline;

}



/* ==============================
   信息提示框
============================== */


.sa8000-box{

    background:#f5f8f9;

    border-left:4px solid #367985;

    padding:20px 25px;

    margin:25px 0;

}



/* ==============================
   图片轮播区域
============================== */


.sa8000-slider{


    width:100%;

    overflow:hidden;

    margin:35px 0 0;

    position:relative;

}



.sa8000-slider-track{


    display:flex;

    width:100%;

    transition:transform .45s ease;

    transform:translateX(0);

}



.sa8000-slide{


    width:100%;

    flex:0 0 100%;

    box-sizing:border-box;

}



.sa8000-slide img{


    display:block;

    width:100%;

    height:auto;

}



/* ==============================
   左右按钮
   使用 span 防止UEditor过滤
============================== */


.sa8000-slider-controls{


    text-align:center;

    margin:20px 0 35px;

}



.sa8000-slider-controls span{


    display:inline-block;

    width:42px;

    height:42px;

    line-height:42px;


    background:#244d59;


    color:#fff;


    border-radius:50%;


    margin:0 10px;


    text-align:center;


    font-size:22px;


    cursor:pointer;


    transition:.3s;


    user-select:none;


}



.sa8000-slider-controls span:hover{


    background:#367985;


}



/* ==============================
   顶部图片
============================== */


.sa8000-page img{


    max-width:100%;

    height:auto;

}



/* ==============================
   手机适配
============================== */


@media(max-width:768px){


    .sa8000-page{


        padding:20px 15px;

        font-size:15px;


    }



    .sa8000-page h1{


        font-size:28px;


    }



    .sa8000-page h2{


        font-size:22px;


    }



    .sa8000-page h3{


        font-size:18px;


    }



    .sa8000-slider-controls span{


        width:38px;

        height:38px;

        line-height:38px;

        font-size:20px;


    }


}