@charset "utf-8";
/***
 *  .--,       .--,
 * ( (  \.---./  ) )
 *  '.__/o   o\__.'
 *     {=  ^  =}
 *      >  -  <
 *     /       \
 *    //       \\
 *   //|   .   |\\
 *   "'\       /'"_.-~^`'-.
 *      \  _  /--'         `
 *    ___)( )(___
 *   (((__) (__)))    忽忘初心 —— xxer
 */

@media  (min-width: 768px){
    .container {
        padding: 0 15px;
        width: 1200px;
    }
    .sbanner{
        /*margin-top: 15px;*/
    }
    #box_left .caption {
        margin-top: 20px;
    }
    #box_main{
        /*width: 1200px;*/
        /*max-width: calc(100% - 200px);*/
    }
    #box_left{

    }
    #box_root{
        min-height: 100vh;
    }
    #box_right {
        padding-top: 3%;
    }
    .c-logo{
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .local{

        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        padding:10px  5px ;
        font-size: 18px ;
        color: #242424;
        margin-bottom: 3%;
    }
    .local p{}
    .local span{
        padding-left: 10px;
    }

    .pagination{
        margin: 0;
    }

    /*关于我们（内页）*/


    .aboutImg{}

    #sidemenu{
        /*margin-top: 25px;*/
        margin-bottom: 15px;
    }
    #sidemenu .cc{}
    #sidemenu .cc>ul{
        height: 33px;
        /*display: flex;*/
    }
    #sidemenu .cc>ul>li.sidemenuli{
        display: block;
        float: left;
        width: 16.2%;
        position: relative;
        text-align: center;
        margin-right: 0.5%;
    }

    #sidemenu .cc>ul>li.baseli{
        display: block;
        float: left;
        width:24.62%;
        position: relative;
        text-align: center;
        margin-right: 0.5%;
    }
    #sidemenu .cc>ul>li.sidemenuli6,#sidemenu .cc>ul>li.baseli4{
        margin-right: 0;
    }
    #sidemenu .cc>ul>li>a{
        display: block;
        padding: 6px 0;
        font-size: 15px;
        color: #414040;
        background-color: #f4f4f4;
    }

    #sidemenu li a.current,
    #sidemenu li a.hover,
    #sidemenu li a:hover{
        color:#fff!important;
        background:#2a7cff!important;
    }



    /*发展历史*/
    .hislist{}
    .hislist li{
        padding: 10px;
    }
    .hislist li:nth-child(2n){
        background-color: #f9f2f4;
    }
    .hislist .title{
        font-size: 16px;
        color: #444;
    }
    .hislist .title span{
        display: inline-block;
        color: #2a7cff;
        font-size: 18px;
        padding: 5px 25px;
        border: 2px solid;
        margin-right: 15px;
    }
    .hislist .text{
        line-height: 36px;
        padding-left: 111px;
        font-size: 14px;
        color: #868686;
    }


    /*证书中心*/
    .zs_list{}
    .zs_list li {
        /*    float: left;
            display: block;
            width: calc(20% - 12px);
            margin-right: 15px;
            margin-bottom: 15px;*/
        margin-bottom: 30px;
    }
    .zs_list li:nth-child(5n){
        /* margin-right: 0;*/
    }
    .zs_list li a.img {
        padding: 1px;
        border: 1px solid #ccc;
        display: block;
    }
    .zs_list li a.img img {
        max-width: 100%;
        display: block;
        margin: auto;
    }
    .zs_list li h3 {
        text-align: center;
        padding-top: 5px;
        font-size: 12px;
    }
    .zs_list li h3 a {
        font-weight: normal;
        color: #333;
        margin-top: 15px;
        display: block;
        font-size: 16px;
    }
    .zs_list li a.img:hover{
        border: 1px solid #006ccc;
    }


    /*联系我们*/
    .contact .contact-con {
        width: 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .contact .contact-con .cl {
        padding-top: 6%;
        width: 45%;
    }
    .contact .contact-con .cl h5 {
        font-size: 24px;
        color: #0e0e0e;
        margin: 30px 0;
    }
    .contact .contact-con .cl .text,
    .contact .contact-con .cl .text a {
        font-size: 16px;
        color: #090909;
        line-height: 1.5;
    }
    .contact .contact-con .cr {
        width: 50%;

    }




}

@media (max-width: 1599px) and (min-width: 1400px) {
    .c-logo{

    }
    #box_main{
        max-width:1120px ;
    }
}
@media (max-width: 1399px) {
    .c-logo{

    }
    #box_main{
       max-width: 1070px;
    }
}
/*@media (max-width: 1199px) and (min-width: 768px) {*/
/*    .c-logo{*/
/*        padding-top: 0.5%;*/
/*    }*/
/*    #box_main{*/
/*        max-width: calc(100% - 120px);*/
/*    }*/
/*}*/


@media  (max-width: 767px){
   #box_left .caption {
        display: none;
    }
    #box_root{
        padding: 0;
    }
    .sbanner{
        margin-bottom: 20px;
    }
    #box_left{ padding: 0 15px;}
    #sidemenu{}
    #sidemenu ul{

        display: block;
    }
    #sidemenu ul li{
        margin-bottom: 15px;
        display: block;
        float: left;
    }
    #sidemenu ul li a{
        background-color: #ededed;
        color: #2a2a2a;
        font-size: 14px;
        text-align: center;
        display: block;
        padding: 5px 0;
    }
    #sidemenu ul li.baseli{
        width: calc(50% - 7.5px);
        margin-right: 15px;
    }
    #sidemenu ul li.baseli2,
    #sidemenu ul li.baseli4{
        margin-right: 0;
    }
    #sidemenu ul li a.hover{
        background-color: #2273e1;
        color: #fff;
    }
    #sidemenu ul li.sidemenuli{
        width: calc(33.3% - 10px);
        margin-right: 15px;
        position: relative;
    }
    #sidemenu ul li.sidemenuli:nth-child(3n){
        margin-right: 0;
    }
    #sidemenu ul.sidemenuul{
        display: none;
        position: absolute;
        width: 100%;
    }
    #sidemenu ul.sidemenuul li{
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 0;
    }
    #sidemenu ul li.sidemenuli a{}
    #box_right{
        padding:0px 15px 0;
    }
    #box_right .caption{}
    #box_right .caption h4{
        font-size: 16px;
        color: #000;
        font-weight: bold;
        margin-bottom: 10px;
    }
    #box_right img{
        max-width: 100%!important;
        height: auto!important;
    }
    #condetail .cc{
        padding: 0;
    }
    #condetail{
        padding-bottom: 100px;
    }
    /*发展历史*/
    .hislist{

    }
    .hislist li{
        padding-top: 10px;
    }
    .hislist li:nth-child(2n){
        background-color: #f9f2f4;
    }
    .hislist .title{
        font-size: 14px;
        color: #444;
    }
    .hislist .title span {
        display: inline-block;
        color: #2a7cff;
        font-size: 14px;
        padding: 2px 10px;
        border: 2px solid;
        margin-right: 15px;
    }
    .hislist .text {
        line-height: 2;
        font-size: 12px;
        color: #868686;
        padding: 15px 0;
    }


    /*证书中心*/
    .zs_list{
        /*padding-bottom: 50px;*/
    }
    .zs_list li {

        /*    float: left;
            display: block;
            width: calc(20% - 12px);
            margin-right: 15px;
            margin-bottom: 15px;*/
        margin-bottom: 15px;
        float: left;
        display: block;
        padding: 0;
        width: calc(50% - 7.5px);
        margin-right: 15px;
    }
    .zs_list li:nth-child(2n){
        margin-right: 0;
    }
    .zs_list li a.img {
        padding: 1px;
        border: 1px solid #ccc;
        display: block;
    }
    .zs_list li a.img img {
        max-width: 100%;
        display: block;
        margin: auto;
    }
    .zs_list li h3 {
        text-align: center;
        padding-top: 5px;
        font-size: 12px;
    }
    .zs_list li h3 a {
        font-weight: normal;
        color: #333;
        margin-top: 5px;
        display: block;
        font-size: 14px;
    }
    .zs_list li a.img:hover{
        border: 1px solid #006ccc;
    }
    #box_main{
        max-width: 100%;
    }
    .contact-con .cl,
    .contact-con .cr{
        padding: 0;
    }
}