.container {
    position: relative;
    /*width: 960px;*/
    /* width: 1100px; */
    width: 1350px;
    margin: 0 auto;
    padding: 0;
    /* margin: 0 300px 0 300px; */
}

/* 首页背景图 */

.lunBoTu_KUp {
    margin: -50px 0px 0 20px !important;
}

.slides_backgroundTp {
    /* height: 500px ; */
    margin: 50px 0px 50px !important;
}

.qwerr {
    margin: 0 auto !important;
}

.column,
.columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}

.row {
    margin-bottom: 20px;
}
/* Nested Column Classes */

.column.alpha,
.columns.alpha {
    margin-left: 0;
}

.column.omega,
.columns.omega {
    margin-right: 10px;
}
/* Base Grid */
.container .one.column {
    width: 60px;
}

.container .two.columns {
    width: 140px;
}

.container .three.columns {
    width: 220px;
}

.container .four.columns {
    width: 300px;
    margin-bottom: 35px;
}

.container .five.columns {
    width: 380px;
}

.container .six.columns {
    width: 460px;
}

.container .seven.columns {
    width: 540px;
}

.container .mynews.columns {
    width: 190px;
}

.container .eight.columns {
    /*width: 620px;*/
    width: 720px;
}

.container .nine.columns {
    width: 700px;
}

.container .ten.columns {
    width: 780px;
}

.container .eleven.columns {
    width: 860px;
}

.container .twelve.columns {
    /*width: 940px;*/
    /* width: 1080px; */
    /* width: 1380px; */
}

.news_columns {
    /* width: 1080px !important; */
}
/* Offsets */

.container .offset-by-one {
    padding-left: 80px;
}

.container .offset-by-two {
    padding-left: 160px;
}

.container .offset-by-three {
    padding-left: 240px;
}

.container .offset-by-four {
    padding-left: 320px;
}

.container .offset-by-five {
    padding-left: 400px;
}

.container .offset-by-six {
    padding-left: 480px;
}

.container .offset-by-seven {
    padding-left: 560px;
}

.container .offset-by-eight {
    padding-left: 640px;
}

.container .offset-by-nine {
    padding-left: 720px;
}

.container .offset-by-ten {
    padding-left: 800px;
}

.container .offset-by-eleven {
    padding-left: 880px;
}

.container .content-box-magLeft {
    padding: 0px !important;
    margin-right: 700px;
}

.container .content-box-fontHt {
    background: none !important;
    font-size: 18px !important;
}

/* .container .padcontent-imgSec{
		margin-top: -40px;
	} */
.container .padcontent-imgFirst {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.content-box {
    margin: 0px !important;
    padding: 20px !important;
}
/* Column Layouts */

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
    margin-right: 2%;
    margin-left: 2%;
    position: relative;
    float: left;
}

.one_half {
    width: 48%;
}

.one_third {
    width: 30.6666%;
}

.one_fourth {
    width: 22%;
}

.one_fifth {
    width: 16.8%;
}

.one_sixth {
    width: 13.3333%;
}

.two_third {
    width: 65.3332%;
}

.two_fourth {
    width: 48%;
}

.two_fifth {
    width: 37.6%;
}

.two_sixth {
    width: 30.6666%;
}

.three_fourth {
    width: 74%;
}

.three_fifth {
    width: 58.4%;
}

.three_sixth {
    width: 47.9998%;
}

.four_fifth {
    width: 79.2%;
}

.four_sixth {
    width: 65.3332%;
}

.five_sixth {
    width: 82.6665%;
}

.firstcols {
    margin-left: 0px !important;
}

.last,
.lastcols {
    margin-right: 0px !important;
    clear: right;
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .nav__btn--longtext a {
        color: black;
    }

    body {
        width: 1000px;
    }

    .grid-demo {
        display: none;
    }

    .container {
        /* width: 768px; */
    }

    #outerfootersidebar {
        display: none;
    }

    .container .column,
    .container .columns {
        margin-left: 10px;
        margin-right: 10px;
    }

    .column.alpha,
    .columns.alpha {
        margin-left: 0;
        margin-right: 10px;
    }

    .column.omega,
    .columns.omega {
        margin-right: 0;
        margin-left: 10px;
    }

    .container .one.column {
        width: 44px;
    }

    .container .two.columns {
        width: 108px;
    }

    .container .three.columns {
        width: 172px;
    }

    .container .four.columns {
        width: 236px;
    }

    .container .five.columns {
        width: 300px;
    }

    .container .six.columns {
        width: 364px;
    }

    .container .seven.columns {
        width: 428px;
    }

    .container .eight.columns {
        /*width: 492px;*/
        max-width: 958px;
    }

    .container .nine.columns {
        width: 556px;
    }

    .container .ten.columns {
        width: 620px;
    }

    .container .eleven.columns {
        width: 684px;
    }

    #top .container .twelve.columns {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .container .twelve.columns {
        width: 748px;
    }

    /* Offsets */
    .container .offset-by-one {
        padding-left: 64px;
    }

    .container .offset-by-two {
        padding-left: 128px;
    }

    .container .offset-by-three {
        padding-left: 192px;
    }

    .container .offset-by-four {
        padding-left: 256px;
    }

    .container .offset-by-five {
        padding-left: 320px;
    }

    .container .offset-by-six {
        padding-left: 384px;
    }

    .container .offset-by-seven {
        padding-left: 448px;
    }

    .container .offset-by-eight {
        padding-left: 512px;
    }

    .container .offset-by-nine {
        padding-left: 576px;
    }

    .container .offset-by-ten {
        padding-left: 640px;
    }

    .container .offset-by-eleven {
        padding-left: 704px;
    }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .nav__btn--longtext a {
        color: black;
    }

    body {
        width: 1000px;
    }

    .grid-demo {
        display: none;
    }

    .container {
        width: 95%;
    }

    /*li>.container {
    		width: 380px;
    	}*/
    .slides li.first-img {
        height: 100%;
    }

    li .container .twelve.columns {
        margin-bottom: 0;
    }

    .columns,
    .column {
        margin: 0;
    }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns {
        width: 100%;
        margin-bottom: 10px;
    }
    .container {
        margin: 0 15px;
    }
    #logo {
        margin-bottom: 0;
    }

    #footersidebar .three.columns {
        padding-left: 10px;
    }
    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven {
        padding-left: 0px;
    }
    /* Column Layouts */
    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth {
        margin-right: 0;
        margin-left: 0;
        position: relative;
        float: left;
        margin-bottom: 20px;
    }

    .one_half,
    .one_third,
    .one_fourth,
    .one_fifth,
    .one_sixth,
    .two_third,
    .two_fourth,
    .two_fifth,
    .two_sixth,
    .three_fourth,
    .three_fifth,
    .three_sixth,
    .four_fifth,
    .four_sixth {
        width: 96%;
    }

    .firstcols {
        margin-left: 0px !important;
        clear: left;
    }

    .last,
    .lastcols {
        margin-right: 0px !important;
        clear: left;
    }

    #slideritems .slides li .container {
        margin-top: 10px !important;
    }

        #slideritems .slides li .container .columns img {
            margin-left: 0 !important;
            vertical-align: middle;
            width: 100% !important;
        }

    #slideritems .slides li > img {
        top: 35px;
        width: 100%;
    }

    .container .four.newsList .customList li span.fd {
        font-size: 12px;
    }

    nav {
        max-height: 60px;
    }

    #navigation {
        padding: 0 !important;
    }

    a.index_reg {
        display: none;
    }

    .main-im {
        display: none;
    }



    /*比赛排名*/
    #outercontainer .search_title .search_box .btns,
    #outercontainer .search_box .button_list {
        margin: 0 auto;
        /* display: block ; */
    }

    body #outercontainer .search_title .search_box .btns a,
    .search_title .search_box .search_item select,
    .search_title .search_box .search_item button,
    .search_title .search_box .button_list button {
        font-size: 13px;
        height: 36px;
        line-height: 36px;
        padding: 0 13px;
    }

    .search_title .search_box .button_list {
        max-width: 300px;
    }

        .search_title .search_box .button_list button {
            height: 38px;
            line-height: 38px;
            padding: 0 10px;
            margin-right: 10px;
        }

    #searchUser {
        width: 100px !important;
        font-size: 13px !important;
    }

    .search_box .search_item {
        margin: 10px auto !important;
        /* display: block !important; */
        width: 360px !important;
    }

    .search_box .button_list button:last-child {
        margin-right: 0 !important;
    }
    /*表格*/
    .box .table_wrap {
        overflow: scroll;
        /*height: 400px;*/
        /*max-height: 720px;*/
    }

    #outerfootersidebar {
        display: none;
    }


    .table_body table.myTable th,
    .table_body table.myTable td {
        height: 25px;
        line-height: 25px;
        /* border-right: 1px solid #f5f5f5; */
        text-align: center;
        padding: 2px 6px;
        white-space: nowrap;
    }

    .table_body table.myTable th {
        font-size: 13px;
    }

    .table_body table.myTable td {
        font-size: 12px;
    }


    /*申请报名*/
    #main_cont .form_wrap form {
        padding: 5px 15px;
        width: 100%;
    }

        #main_cont .form_wrap form .input_item {
            float: none;
            width: 100%;
            height: 56px;
            margin: 5px auto;
        }

    form .input_item label {
        width: 80px;
        font-size: 14px;
        margin-left: 20px;
    }

    #main_cont #rankReg .input_item input,
    #main_cont #rankReg .input_item select {
        width: 100%;
        max-width: 230px;
        font-size: 14px;
    }

    form button.submit {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        display: block;
        margin: 0px auto 20px auto;
    }


    /*detail*/
    #detail .c1, #detail #content {
        width: 320px !important;
    }

    #detail .padcontent .content-box {
        margin: 10px 0;
        padding: 0 10px;
    }

    .userDetailData .d1,
    .userDetailData ul,
    .userDetailData .code_img {
        width: 100% !important;
        float: none;
        text-align: center;
        z-index: 99;
    }

    .userDetailData .d1 {
        margin-top: 0 !important;
    }

    .userDetailData ul {
        height: 170px !important;
    }

    .c1 .twelve.columns {
        width: 320px !important;
        margin-bottom: 10px;
    }

    #detail #sidebar.positionright {
        width: 100%;
        display: block;
        margin: 10px auto;
    }
}

@media only screen and (max-width: 480px) {
    .nav__btn--longtext a {
        color: black;
    }

    body {
        width: 1000px;
    }

    .nav_r {
        --display: none;
    }

    .grid-demo {
        display: none;
    }

    form .input_item label {
        margin-left: 10px;
    }

    #main_cont #rankReg .input_item input,
    #main_cont #rankReg .input_item select {
        max-width: 170px;
    }

    form button.submit {
        margin: 0px auto 20px auto;
    }
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .nav__btn--longtext a {
        color: black;
    }

    .nav_r {
        --display: none;
    }

    .container {
        width: 90%;
    }

    .columns,
    .column {
        margin: 0;
    }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns {
        width: 85%;
    }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */

.clear,
.clr {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*重新覆盖样式*/
#footcol5 {
    position: absolute;
    /*right: -110px;*/
    right: 0;
    top: 0;
}

    #footcol5 p {
        padding-top: 25px;
        text-align: center;
    }

        #footcol5 p img {
            width: 150px;
        }

#links {
    margin-top: 60px;
}

.container .newsList.useSoft {
    margin-left: 0;
    margin-right: 50px;
    width: 575px;
}

.container .newsList.compty {
    margin-right: 0;
    width: 540px;
}

.container .newsList.useSoft .customList {
    border-right: 1px solid #b5b5b5;
    padding-bottom: 10px;
}

.container .four.newsList .customList li {
    padding: 5px 5px 4px 5px;
    margin: 0;
    border-bottom: none;
    background: none;
    font-size: 13px;
}

    .container .four.newsList .customList li a {
        zoom: 1;
        vertical-align: top;
        font-size: 13px;
        color: #666666;
        text-decoration: none;
        margin-left: 10px;
        max-width: 380px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.container .newsList.compty .customList li a {
    max-width: 350px;
}

.newsList .customList {
    border-top: none;
}

.newsList .titleSection {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}


/*手机*/
@media only screen and (max-width: 767px) {
    .nav__btn--longtext a {
        color: black !important;
    }

    .package-list {
        margin-bottom: 0 !important;
    }

    .separator.shadow {
        margin-bottom: 0 !important;
    }

    .separator {
        margin-bottom: 0 !important;
    }

    .container .twelve.columns.news_wrap {
        width: 300px;
    }

    #outermain div.paddsmall:hover {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }


    .container .newsList.useSoft,
    .container .newsList.compty {
        float: none;
    }

        .container .newsList.useSoft .customList {
            border-right: none;
        }

    .container .four.newsList .customList li a {
        font-size: 12px;
        max-width: 185px;
    }

    #links {
        margin-top: 30px;
    }

    #outermain {
        padding-bottom: 10px !important;
    }

    #footcol5 {
        position: static;
        float: left;
        display: inline;
    }

    /*隐藏文章页面的右侧菜单*/
    #sidebar.positionright {
        display: none;
    }
}

@media only screen and (min-width: 959px) and (max-width: 1210px) {
    .nav__btn--longtext a {
        color: black !important;
    }
    /*表格*/
    .box .table_wrap {
        overflow: scroll;
        /*height: 400px;*/
        /*max-height:850px;*/
    }

    * {
        box-sizing: border-box;
    }

    #outerfootersidebar {
        display: none;
    }

    .table_body table.myTable th,
    .table_body table.myTable td {
        height: 40px;
        line-height: 40px;
        /* border-right: 1px solid #f5f5f5; */
        text-align: center;
        white-space: nowrap;
    }
}

/*平板 ipad*/
@media only screen and (max-width: 959px) and (min-width: 768px) {
    .nav__btn--longtext a {
        color: black !important;
    }

    #slideritems .slides li .container {
        margin-top: 30px !important;
    }

    #slider #slideritems .slides li .container .columns img {
        width: 360px;
    }

    #slider #slideritems .slides li .container .columns .flex-caption .android {
        height: 140px;
    }

        #slider #slideritems .slides li .container .columns .flex-caption .android img {
            max-width: 140px;
        }

        #slider #slideritems .slides li .container .columns .flex-caption .android span {
            width: 140px;
            /* float: left; */
            font-size: 18px;
            line-height: 22px;
            right: 10%;
            top: 35%;
        }

    #slider .flex-caption {
        width: 360px !important;
        top: 0 !important;
        right: 5px !important;
    }

    #slider #slideritems .slides li .container .columns .flex-caption h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0;
    }

        #slider #slideritems .slides li .container .columns .flex-caption h1 > span {
            font-size: 20px;
        }

    #slider #slideritems .slides li .container .columns .flex-caption h2.slidetext1 {
        font-size: 15px;
        margin-top: 5px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .slides a.download-btn {
        width: 200px;
        height: 56px;
        line-height: 56px;
    }

        .slides a.download-btn i {
            width: 56px !important;
            height: 40px !important;
        }

        .slides a.download-btn p span.f18 {
            font-size: 15px !important;
        }

        .slides a.download-btn p span {
            font-size: 20px !important;
        }

    #slideritems .flex-direction-nav .prev {
        /*left: 10%;*/
        left: 0;
    }

    #slideritems .flex-direction-nav .next {
        /*right: 10%;*/
        right: 0;
    }





    .column.alpha, .columns.alpha {
        margin-left: 10px;
    }

    #sidebar.positionright {
        /*right: 100px;*/
        display: none;
    }

    .main-im .im_main {
        display: none !important;
    }


    .container .twelve.columns.news_wrap {
        width: 748px;
    }

    .container .newsList.useSoft {
        margin-left: 0;
        margin-right: 0;
        width: 748px;
    }

        .container .newsList.useSoft .customList {
            border-right: none;
        }

    #footcol2 {
        height: 223px;
    }

    #footersidebar .three.columns {
        width: 350px;
    }

        #footersidebar .three.columns:nth-child(2n) {
            margin-right: 0;
        }

        #footersidebar .three.columns:nth-child(2n-1) {
            margin-left: 15px;
        }

    #footcol5 {
        position: static;
        float: left;
        display: inline;
    }

    /*让内容居中*/
    #outermain .container {
        /*width: 550px;*/
        width: 768px;
    }

        #outermain .container .twelve.columns {
            /*width: 530px;*/
            width: 748px;
        }


    /*隐藏文章页面的右侧菜单*/
    #sidebar.positionright {
        display: none;
    }

    .container .work.columns {
        width: 760px;
        margin-right: 0;
    }

    #bodychild .padcontent {
        padding-right: 0px !important;
    }

    .container .work.columns {
        width: 748px !important;
    }

    #maincontent .package-list .four.columns {
        width: 336px;
    }

    .container .newsList.compty {
        width: 748px;
    }

    /*比赛排名*/
    /* body{
		width: 1000px;
	} */
    #outercontainer .search_title .search_box .btns,
    #outercontainer .search_box .button_list {
        margin: 0 auto;
        display: block;
    }

    #outercontainer .search_box .button_list {
        /* width:390px; */
    }

    .grid-demo {
        display: none;
    }

    #outercontainer .search_title .search_box .btns a,
    .search_title .search_box .search_item select,
    .search_title .search_box .search_item button,
    .search_title .search_box .button_list button {
        font-size: 15px;
    }

    .search_box .search_item {
        margin: 10px auto !important;
        /* display: block !important; */
    }

    .search_box .button_list button:last-child {
        margin-right: 0 !important;
    }
    /*表格*/
    .box .table_wrap {
        overflow: scroll;
        /*height: 400px;*/
        /*max-height: 850px;*/
    }

    .table_body table.myTable th,
    .table_body table.myTable td {
        height: 36px;
        line-height: 36px;
        /* border-right: 1px solid #f5f5f5; */
        text-align: center;
        padding: 4px 10px;
        white-space: nowrap;
    }

    .table_body table.myTable th {
        font-size: 14px;
    }

    .table_body table.myTable td {
        font-size: 13px;
    }

    /*申请报名*/
    #main_cont .form_wrap form {
        padding: 15px 25px 15px 35px;
    }

    form button.submit {
        display: block;
        margin: 0px auto 20px auto;
    }



    /*detail*/
    #detail .c1 {
        width: 768px !important;
    }

    #detail .padcontent {
        padding-right: 0;
    }

    .userDetailData .d1 {
        width: 26% !important;
        text-align: center;
    }

    .userDetailData ul {
        width: 73% !important;
        text-align: center;
    }

    .userDetailData .code_img {
        width: 100% !important;
        float: none;
        text-align: center;
    }

    .userDetailData .d1 {
        margin-top: 0 !important;
    }

    #detail .userDetailData .code_img {
        margin-top: 15px;
    }

    #detail #sidebar.positionright {
        width: 100%;
        display: block;
        margin: 10px auto;
    }

    /*9999*/

    .container .twelve.columns {
        width: 100% !important;
    }

    #top {
        height: 50px;
        line-height: 650px;
    }

    #logo {
        margin: 0;
        padding: 0;
    }

        #logo a img {
            height: 50px;
        }

    #navigation {
        padding-top: 20px;
    }

    #topnav {
        font-size: 13px;
    }

        #topnav li a, #topnav li a:last-child {
            font-size: 13px;
            padding: 0 5px;
        }

    .sf-menu a {
        padding: 0px;
    }

    .px_txt img {
        width: 100%;
    }
}
/*平板ipad pro*/

@media only screen and (max-width: 1164px) and (min-width: 960px) {
    .nav__btn--longtext a {
        color: black !important;
    }

    body {
        width: 1000px;
    }

    .grid-demo {
        display: none;
    }

    .container {
        width: 1024px;
        width: 100% !important;
    }

    #slider #slideritems .slides li .container .columns img {
        width: 400px;
    }

    #slider #slideritems .slides li .container .columns .flex-caption .android {
        height: 160px;
    }

        #slider #slideritems .slides li .container .columns .flex-caption .android img {
            max-width: 160px;
        }

        #slider #slideritems .slides li .container .columns .flex-caption .android span {
            width: 160px;
            /* float: left; */
            font-size: 20px;
            line-height: 22px;
            right: 15%;
            top: 35%;
        }


    #slider .flex-caption {
        width: 450px !important;
        top: 0 !important;
        right: 100px !important;
    }

    .columns .flex-caption h1 {
        font-size: 34px !important;
    }

    .columns .flex-caption h2.slidetext1 {
        font-size: 20px !important;
        margin-top: 15px !important;
    }

    .slides a.download-btn {
        width: 220px;
        height: 60px;
        line-height: 60px;
    }

        .slides a.download-btn i {
            width: 56px !important;
            height: 40px !important;
        }

        .slides a.download-btn p span.f18 {
            font-size: 15px !important;
        }

        .slides a.download-btn p span {
            font-size: 22px !important;
        }

    .container .twelve.columns {
        width: 96% !important;
        margin: 0 2%;
    }

    .column.alpha, .columns.alpha {
        margin-left: 10px;
    }

    #sidebar.positionright {
        /*right: 100px;*/
        display: none;
    }

    #footcol5 {
        position: static;
        float: left;
        display: inline;
    }

    .container .work.columns {
        width: 100% !important;
    }

    .padcontent {
        padding-right: 0 !important;
    }

    .container .eight.columns {
        width: 98% !important;
    }

    #maincontent .package-list .four.columns {
        width: 286px;
    }


    .container .newsList.useSoft, .container .newsList.compty {
        width: 49%;
        margin-right: 0;
    }



    #slideritems .slides li .container {
        margin-top: 50px !important;
    }


    /*detail*/
    #detail .padcontent {
        padding-right: 0;
    }

    .userDetailData .d1 {
        margin-top: 0 !important;
    }

    #counts {
        margin-top: 15px !important;
    }

    #detail #sidebar.positionright {
        width: 100%;
        display: block;
        margin: 10px auto;
    }



    /*9999*/
    .container .twelve.columns {
        width: 98% !important;
        margin: 0 1%;
    }

    #top {
        height: 60px;
        line-height: 60px;
    }

    #logo {
        margin: 0;
        padding: 0;
    }

        #logo a img {
            height: 60px;
        }

    .sf-menu a {
        padding: 0 10px !important;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1167px) {
    .nav__btn--longtext a {
        color: black !important;
    }

    body {
        width: 1000px;
    }

    .grid-demo {
        display: none;
    }

    #footcol5 {
        position: static;
        float: left;
        display: inline;
    }

    #sidebar.positionright {
        right: 100px;
        /*display: none;*/
    }

    .container {
        width: 100% !important;
    }


    #slideritems .slides li .container {
        margin-top: 50px;
    }

    #footersidebar .three.columns {
        margin-right: 25px;
    }

    table.myTable th {
        font-size: 13px !important;
        padding: 5px 10px;
    }
}

@media screen and (min-width:1281px) {
    /* .nav__btn--longtext a{
 
		color:black !important; 
	} */

    .nav_r .nav__user-info__main {
        color: black;
        margin-top: 0.75rem;
        height: 60px;
        line-height: 55px;
        vertical-align: middle;
        font-size: 13px;
        max-width: 350px;
    }

        .nav_r .nav__user-info__main > div {
            float: left;
            color: black;
        }

    .container .eight.columns {
        width: 880px;
    }

    #sidebar.positionright {
        right: 200px;
        /*display: none;*/
    }


    /*新闻信息*/
    .container .twelve.columns.news_wrap {
        /* width: 940px; */
        /*width: 1100px;*/
        width: 1200px;
    }

    #footersidebar .three.columns {
        margin-right: 32px;
    }
}


.p3 img {
    display: block;
    margin-bottom: 15px;
}




.container .three.columns {
    width: 275px;
}

#footcol4 {
    width: 195px;
}

    #footcol4 p {
        text-align: center;
    }

        #footcol4 p img {
            width: 160px;
        }






@media screen and (min-width:1550px) {

    .nav_r .nav__user-info__main {
        color: black;
        margin-top: 0.75rem;
        height: 60px;
        line-height: 55px;
        vertical-align: middle;
        font-size: 13px;
        max-width: 350px;
    }

    .news_columns2 {
        width: 2080px;
    }

    .container {
        /*width: 1400px;*/
    }

        .container .twelve.columns {
            width: 1480px;
        }

    .sf-menu a {
        padding: 0 20px !important;
    }
}


@media screen and (min-width:1950px) {

    .nav__btn--longtext a {
        color: black !important;
    }

    .nav_r .nav__user-info__main {
        color: black;
        margin-top: 0.75rem;
        height: 60px;
        line-height: 55px;
        vertical-align: middle;
        font-size: 13px;
        max-width: 350px;
    }

        .nav_r .nav__user-info__main > div {
            float: left;
            color: black !important;
        }

    .container {
        /*width: 1900px;*/
    }

        .container .twelve.columns {
            width: 1980px;
        }

    .sf-menu a {
        padding: 0 20px !important;
    }
}

#clear_right_first {
    width: 100%;
    min-height: 300px;
    overflow: hidden;
}

.font12 {
    font-size: 12px !important;
}

.clear_right_first_zi {
    width: 90%;
    float: left;
    margin-right: 50px;
}

.font-thrTeen {
    font-size: 13px;
}

.zhangHu_one {
    /* min-width: 275px; */
    width: 90%;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}

.zhangHu_right_er {
    width: 90%;
    float: left;
    margin-top: 0px;
}

.zhangHu_two {
    width: 90%;
    float: left;
    margin-right: 0px;
    margin-top: 0px;
}

.zhangHu_right {
    /* width: 250px; */
    width: 30%;
    float: right;
    /* margin-right:-20px; */
    margin-top: 0px;
}


.tpWechat p {
    margin-left: 60px;
}

.tpzfb p {
    margin-left: 60px;
}



@media only screen and (max-width:999px) {
    .nav__btn--longtext a {
        color: black;
    }

    .nav_r .nav__user-info__main > div {
        float: left;
        color: black !important;
    }

    body {
        width: 1000px;
    }

    .grid-demo {
        display: none;
    }

    #clear_right_first {
        width: 100%;
        min-height: 300px;
        overflow: hidden;
    }

    .font12 {
        font-size: 12px !important;
    }

    .clear_right_first_zi {
        width: 100%;
    }

    .font-thrTeen {
        font-size: 13px;
    }

    .zhangHu_one {
        /* min-width: 275px; */
        width: 100%;
    }

    .zhangHu_right_er {
        width: 100%;
        margin-top: 0px;
    }

    .zhangHu_two {
        width: 100%;
    }

    .zhangHu_right {
        /* width: 250px; */
        width: 100%;
    }

    .tpWechat p {
        margin-left: 60px;
    }

    .tpzfb p {
        margin-left: 60px;
    }

    .timeline .timeline-item > .timeline-event .timeline-heading h4.left-title {
        text-align: left;
    }
}


.mui-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.innerCtn {
    text-indent: 1rem;
    line-height: 1rem;
    font-size: 0.8rem;
}


.content-box-fontLiu-border {
    border-bottom: solid 3px black;
}

.padcontent-thi {
    border: solid 1px black;
}

.padcontent-for {
    border: solid 1px red;
}

.padcontent h3 {
    /* padding: 0px 0px 10px 0px !important; */
    height: 36px !important;
}

/* h1, h2,h3,h4,h5{
    color: black !important;
}

h2{
    font-size: 15px !important;
}
p{
    margin-bottom: 5px !important;
}
.margin_btm_h4{
    margin-bottom: 2px !important;
} */