/* ************ index begin ************ */


/* ******** header begin ******** */


/* ** banner ** */


/* ************ 通用样式 ************ */

.lf {
    float: left;
}

.rt {
    float: right;
}

.clearfix:after {
    /*清除浮动带来的影响，设置给父元素*/
    content: '';
    display: block;
    clear: both;
}

.clearfix:before {
    /*防止外边距溢出，设置给父元素*/
    content: "";
    display: table;
}


/* ******** header begin ******** */

.header {
    width: 100%;
}


/* ** top ** */

.top {
    width: 100%;
    height: 103px;
    background: #5D7E13;
}

.topMain {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

.topMain form{height:30px;width:155px;position: absolute;right: 0px;top: 53px;border:1px solid #8bad3c;}
.topMain form input[type='text']{width:120px;height: 28px;background: #5d7e13;border: 0;font-size: 12px;color: #e9e9e9;line-height: 28px;text-indent: 1em;}
.topMain form input[type='submit']{width:33px;height:30px;position:absolute;right:0px;top:0px;outline:none;background: url(../image/icon-search.jpg) center center no-repeat;border: 0;cursor: pointer;}
.topMain form input[type='text']::placeholder{color: #e9e9e9;}

.topMain h1 {
    float: left;
    position: absolute;
    top: 0;
    z-index: 9;
}

.topMain h2 {
    float: left;
    /*margin:38px 0 0 28px;*/
    margin: 38px 0 0 165px;
}

.topMain>a {
    color: #9cc441;
    font-size: 14px;
    float: right;
    margin-top: 20px;
}

.topMain .mobileNav {
    display: none;
}


/* ** nav ** */

.nav {
    width: 1180px;
    margin: 0 auto;
}

.navList {
    height: 40px;
    margin-left: 104px;
    position: relative;
}

.navList>li {
    float: left;
    line-height: 40px;
    position: relative;
}

.navList>li>a {
    font-size: 14px;
    color: #5d7e13;
    display: block;
    /*padding: 0 31px 0 28px;*/
    margin-left: 60px;
    position: relative;
    font-weight: bold;
}

.navList>li:hover>a>.navAct {
    /*display: block;*/
    border-bottom: 3px solid #5D7E13;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.navList>li>a>.navActive {
    border-bottom: 3px solid #5D7E13;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}


/* ** dropMenu ** */


/* .navList>li:hover .dropMenu{
    display: block;
} */

.dropMenu {
    width: 300px;
    background: rgba(235, 235, 235, 0.8);
    /*height: 200px;*/
    position: absolute;
    z-index: 9;
    left: 50px;
    top: 40px;
    padding: 25px 45px;
    display: none;
    box-shadow: 0px 0px 5px #eeee;
}

.dropMenu>ul {
    width: 100%;
}

.dropMenu>ul>li {
    width: 130px;
    float: left;
    line-height: 40px;
    padding: 0px 0px 0px 20px;
    background: url(../image/icon-arrow.png) left center no-repeat;
}

.dropMenu>ul>li:nth-child(2n) {
    float: right;
}

.navList>li:nth-child(9) .dropMenu {
    right: 0px;
    left: auto;
}

.navList>li:nth-child(10) .dropMenu {
    right: 0px;
    left: auto;
}

.dropMenu>ul>li>a {
    font-size: 14px;
    color: #333333;
    display: block;
}

.dropMenu>.dropImg {
    float: right;
    width: 340px;
    height: 200px;
    display: none;
}

.dropMenu>.dropImg img {
    width: 100%;
}

.mobileNavList {
    display: none;
}


/* ******** header end ******** */

.footer {
    background: url(../image/icon-jpg3.jpg) center center no-repeat;
    border-top: 6px solid #df8f1f;
    color: #fff;
    margin-top: 30px!important;
}

.footer .footLeft,
.footer .footRight {
    width: 70%;
    float: left;
}

.footer .footRight {
    float: right;
    width: 30%;
    margin: 25px 0px 0px 0px;
}

.footer .footLeft ul {
    margin-left: -7px;
}

.footer .footLeft ul li {
    float: left;
    padding: 0 6px;
    margin-top: 45px;
    //background: url("https://www.shuren.org/Site/default/theme/images/icon2.png") center left no-repeat;
}

.footer .footLeft ul li:first-child {
    background: none;
    padding-left: 0;
}

.footer .footLeft ul li a {
    display: block;
    color: #fff;
    padding: 0 7px 1px 7px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
}

.footer .footLeft ul li a:hover {
    color: #df8f1f;
}

.footer .footLeft .copyright {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0px 20px 0px;
    line-height: 36px;
}

.footer .footRight .code {
    text-align: center;
    float: right;
    margin-top: 24px;
    line-height: 30px;
}

.footer .footRight .code .img {
    width: 135px;
    height: 135px;
}

.footer .footRight .code .img img {
    width: 100%;
    height: 100%;
}

.footer .footRight .code p {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

.footer .foot1 {
    border-top: 1px solid #bac89a;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 68px;
}


/* ******** footer end ******** */

.banner .swiper-container {
    width: 100%;
    height: 100%;
}

.banner .swiper-slide {
    width: 100%;
}

.banner .view .swiper-slide img {
    width: 100%;
    min-height: 650px;
}

.banner .swiper-button-prev {
    width: 24px;
    height: 42px;
    background-image: url("../image/bannerLeft.png");
    left: 13.1%;
}

.banner .swiper-button-next {
    width: 24px;
    height: 42px;
    background-image: url("../image/bannerRight.png");
    right: 13.1%;
}

.banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: .8;
}

.banner .swiper-pagination-bullet-active {
    background: #5D7E13;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.mobileIndexBan {
    display: none;
}


/* ******** header end ******** */


/* ******** container begin ******** */

.container {
    width: 100%;
    margin: 30px auto 0;
    overflow: hidden;
}


/* ** 学校新闻 ** */

.SR1 {
    width: 1180px;
    margin: 0 auto;
}

.news {
    width: 880px;
    height: 438px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 75px;
}

.title {
    margin-bottom: 12px;
    overflow: hidden;
}

.title h2 {
    font-size: 20px;
    color: #111111;
    float: left;
    font-weight: normal;
    margin-right: 35px;
}

.title>ul {
    float: left;
}

.title>ul>li {
    float: left;
}

.title>ul>li>a {
    font-size: 16px;
    color: #4b4b4b;
    display: block;
    padding: 4px 15px 0;
}

.title>ul>li:hover>a {
    color: #fba52b;
}

.title>ul>li:hover>a span {
    border-bottom: 3px solid #fba52b;
    display: block;
    width: 100%;
    padding-bottom: 8px;
}

.title>ul>li.newsAct a {
    color: #fba52b;
}

.title>ul>li.newsAct a span {
    border-bottom: 3px solid #fba52b;
    display: block;
    width: 100%;
    padding-bottom: 8px;
}

.title>a {
    float: right;
    font-size: 12px;
    color: #8a8b89;
    line-height: 20px;
    background: url("../image/more.png") no-repeat right bottom;
    padding-right: 32px;
    padding-top: 5px;
}


/* ** newsMain ** */


/*.newsL{
    position: relative;
}*/

.newsMain {
    position: absolute;
    display: none;
    width: 100%;
    overflow: hidden;
    top: 50px;
}

.newsMain .nIntro {
    width: 279px;
    height: 390px;
    background: url("https://www.shuren.org/Site/default/theme/upload/indexN1.jpg") no-repeat center;
    float: left;
}


/*.newsMain .shade{
    width: 279px;
    height: 390px;
    background: #fdbf58;
    box-sizing: border-box;
    padding:65px 33px 62px 38px;
    display: none;
    position: absolute;
    top:0;
}*/

.newsMain .shade {
    width: 100%;
    height: 100%;
    background: #fdbf58;
    box-sizing: border-box;
    padding: 65px 33px 62px 38px;
    /*display: none;*/
    /*background: rgba(253,191,88,0);*/
    opacity: 0;
    transition: all 0.3s linear;
}

.newsMain .shade h2 {
    font-size: 24px;
    color: #ffffff;
}

.newsMain .shade p {
    width: 56px;
    height: 3px;
    background: #ffffff;
    margin: 11px 0 16px;
}

.newsMain .shade span {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
}

.newsMain .shade a {
    display: block;
    text-align: center;
    width: 97px;
    line-height: 37px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    font-size: 14px;
    color: #ffffff;
    margin-top: 72px;
}


/*.newsL:hover .shade{
    display: block;
    background: rgba(253,191,88,.8);
}*/

.nIntro:hover .shade {
    display: block;
    background: rgba(253, 191, 88, .8);
    opacity: 1;
}

.newsMain>ul {
    margin-left: 300px;
}

.newsMain>ul>li {
    float: left;
    width: 280px;
    height: 150px;
    margin-right: 20px;
    margin-bottom: 58px;
}

.newsMain>ul>li>a {
    display: block;
}

.newsMain>ul>li>a img {
    width: 100%;
    margin-bottom: 12px;
}

.newsMain>ul>li>a span {
    font-size: 14px;
    color: #232323;
}


/* ** 校园公告 ** */

.proclamation {
    float: right;
    width: 280px;
    overflow: hidden;
}

.picture {
    margin: 43px 0px 20px 0px;
    width: 100%;
}

.picture img {
    width: 100%;
}

.picture p {
    font-size: 14px;
    color: #2c2c2c;
    line-height: 20px;
    margin: 6px 0;
}

.picture span {
    color: #5e820f;
    font-size: 12px;
    float: right;
}

.picture a {
    /*display: none;*/
}

.date {
    margin-top: 21px;
}

.picture p a{
    font-size: 14px;
    color: #2c2c2c;
    line-height: 20px;
}
.date li {
    margin-bottom: 15px;
    overflow: hidden;
    height: 180px;
}

.proclamation2 .date{max-height:150px;}

.date li p {
    width: 64px;
    height: 46px;
    border: 1px solid #ECECEC;
    float: left;
    text-align: center;
    margin-right: 12px;
}

.date li p b {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #ffffff;
    background: #509958;
    border-bottom: 1px solid #ECECEC;
    font-weight: normal;
}

.date li p span {
    line-height: 26px;
    color: #509958;
    font-size: 14px;
}

.date li a {
    font-size: 14px;
    color: #2c2c2c;
}


/* ** 教学专区 ** */

.teaching {
    overflow: hidden;
    width: 1180px;
    margin: 0 auto;
}

.teaching .title ul li .teachAct {
    color: #83b625;
}

.teaching .title ul li .teachAct span {
    border-bottom: 3px solid #83b625;
    display: block;
    width: 100%;
    padding-bottom: 8px;
}

.teaching .title ul li:hover a {
    color: #83b625;
}

.teaching .title ul li:hover a span {
    border-color: #83b625;
}


/* ** 教学专区老师轮播 ** */

.teachList {
    width: 100%;
    height: 308px;
    background: #A8D654;
    margin-top: 20px;
}

.teachList .swiper-container {
    padding: 0 65px;
    box-sizing: border-box;
}

.teachList .swiper-wrapper {
    margin-top: 65px;
}

.teachList .swiper-slide {
    width: 150px;
    text-align: center;
}

.teachList .swiper-slide img {
    border-radius: 50%;
    width: 100%;
}

.teachList .swiper-slide p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 23px;
}

.teachList .swiper-button-prev {
    background-image: url("../image/teachLeft.png");
    left: 18px;
    margin-top: -10px;
    width: 21px;
    height: 37px;
    background-size: 21px 37px;
}

.teachList .swiper-button-next {
    background-image: url("../image/teachRight.png");
    right: 18px;
    margin-top: -10px;
    width: 21px;
    height: 37px;
    background-size: 21px 37px;
}


/* ** 合作伙伴 ** */

.partner .title {
    margin-top: 67px;
    float: left;
}

.partner ul {
    float: left;
    margin-top: 35px;
    line-height: 80px;
    font-size: 0;
}

.partner ul li {
    width: 150px;
    float: left;
    margin-right: 25px;
    /*border: 1px solid #999;*/
}

.partner ul li a {
    display: block;
    text-align: center;
}

.partner ul li a img {
    vertical-align: middle;
}


/* ******** container end ******** */


/*树人教育*/

.SR {
    width: 100%;
    height: 500px;
    background: url(../image/icon-jpg.jpg) center center no-repeat;
}

.SRBox {
    width: 1180px;
    margin: 0 auto;
}

.SRBox ul {
    margin: 30px 0px 0px 0px;
}

.SRBox .tit {
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 40px 0px 10px 0px;
}

.SRBox .tit1 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    letter-spacing: 5px;
}

.SRBox li {
    float: left;
    width: 275px;
    height: 275px;
    background: url(../image/icon-mask1.png) center center no-repeat;
    margin: 0px 26px 0px 0px;
    position: relative;
}

.SRBox li a {
    display: block;
    height: 100%;
}

.SRBox li .Img {
    padding: 30px 0px 0px 0px;
    height: 160px;
    line-height: 160px;
    text-align: center;
    opacity: 1;
    transition: 1s all ease;
}

.SRBox li .Img img {
    vertical-align: middle
}

.SRBox li:nth-child(4n) {
    margin: 0px;
}

.SRBox li .t1 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    opacity: 1;
    transition: 1s all ease;
}

.SRBox li .WInfo {
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    width: 100%;
    top: 0px;
    padding: 60px 0px 0px 0px;
    opacity: 0;
    transition: 1s all ease;
    transform: scale(0);
}

.SRBox li:hover .WInfo {
    transform: scale(1);
    opacity: 1;
}

.SRBox li:hover .Img {
    opacity: 0;
}

.SRBox li:hover .t1 {
    opacity: 0;
}

.partner {
    width: 1180px;
    margin: 0 auto;
}

.SR2 {
    width: 1180px;
    margin: 0 auto 50px;
}

.SR2 .title h2 {
    margin: 25px 35px 5px 0px;
}

.SR2 .title>a {
    margin: 25px 0px 0px 0px;
}

.SR2T {
    height: 240px;
    position: relative;
}
.SR2T:hover .SR2List{/*display:block;*/opacity: 1;}
.SR2T .bgImg{height:240px;}
.SR2T .bgImg img{width:100%;height:100%;}

.SR2T .words {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 165px;
    padding: 75px 0px 0px 0px;
}

.SR2T .words .p1 {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.SR2T .words .p2 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 15px 0px 0px 0px;
}

.SR2T ul {
    position: absolute;
    top: 0px;
    /*display: none;*/
    opacity: 0;transition:1s all ease;
}

.SR2T li {
    width: 392px;
    height: 240px;
    text-align: center;
    float: left;
    margin: 0px 1px 0px 0px;
    position: relative;
}
.SR2T li .Img{width:100%;height:100%;}
.SR2T li .Img img{width:100%;height:100%;}

.SR2T li:nth-child(3) {
    margin: 0px;
}

.SR2T li a {
    color: #fff;
    display: block;
    background: #4f6228;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    transition: 1s all ease;
}

.SR2T li .s1 {
    font-size: 24px;
    padding: 65px 0px 13px 0px;
}
.SR2T .SR2List li:hover a{background:rgba(79,98,40,0.5)}

.SR2T1 .SR2List li:hover a{background:rgba(115,134,157,0.7)}

.SR2T li .s2 {
    font-size: 18px;
}

.SR2T li .s3 {
    font-size: 18px;
    margin: 10px 0px 0px 0px;
}

.SR2T1 li {
    width: 294px;
}

.SR2T1 li a {
    background: #17365d;
}


.SR2T1 li:nth-child(3n){margin:0px 0px 10px 0px;}

.SR3 {
    height: 365px;
    width: 100%;
    background: url(../image/icon-jpg2.jpg) center center no-repeat;
}

.SR3Box {
    width: 1180px;
    margin: 0 auto;
}

.SR3 .tit {
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    padding: 60px 0px 60px 0px;
    line-height: 45px;
}

.SR3 .tit .span1 {
    float: right;
    font-weight: normal;
    font-size: 16px;
}

.SR3Box li {
    float: left;
    min-width: 70px;
    margin: 0px 26px 20px 0px;
}

.SR3Box li .Img {
    height: 56px;
    line-height: 56px;
    text-align: center;
}

.SR3Box li .Img img {
    vertical-align: middle;
    max-width: 80px;
    max-height: 50px;
}

.SR3Box li .tit1 {
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 15px 0px 0px 0px;
}

.SR3Box li:nth-child(12) {
    margin: 0px;
}

.banner {
    position: relative;
    min-height: 650px;
}

.view .arrow-left {
    background: url(https://www.shuren.org/Site/default/theme/css/images/index_tab_l.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}

.view .arrow-right {
    background: url(https://www.shuren.org/Site/default/theme/css/images/index_tab_r.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}

.preview {
    width: 450px;
    margin-top: 10px;
    position: absolute;
    transform: rotate(90deg);
    top: 200px;
    z-index: 999999999;
    left: 900px;
}

.preview .swiper-container {
    width: 400px;
    height: 145px;
}

.preview .swiper-slide {
    width: 102px;
    height: 145px;
    cursor: pointer;
    opacity: 1;
}

.preview .swiper-slide.active-nav{opacity:1;padding: 0px;}

.preview .slide6 {
    width: 82px;
}

.preview .arrow-left {
    background: url(../image/icon-prev.png) no-repeat left top;
    position: absolute;
    left: -70px;
    top: 55px;
    width: 143px;
    height: 32px;
    z-index: 10;
    background-size: cover;
    transform: rotate(-90deg);
}

.preview .arrow-right {
    background: url(../image/icon-next.png) no-repeat left bottom;
    position: absolute;
    right: -75px;
    top: 55px;
    width: 145px;
    height: 32px;
    z-index: 10;
    background-size: cover;
    transform: rotate(-90deg);
}

.banner .preview img {
    transform: rotate(-90deg);
    width: 140px;
    height: 88px;
    padding: 2px;
    position: absolute;
    top: 26px;
    max-width: unset;
    left: -21px;
}

.preview .active-nav img {
    padding: 0!important;
    border: 2px solid #66d900;
}

/*.banner11{width: 1200px;margin:0 auto;position: absolute;top:0px;height: 560px;left: 50%;margin-left: -600px;}*/
.banner11{width: 1200px;margin:0 auto;position: absolute;top: 50%;height: 560px;left: 50%;margin-left: -600px;margin-top: -280px;}


@media(max-width:880px) {
    .news {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 5px;
        height: 95vw;
    }
    .proclamation {
        width: 100%;
        margin-top: 15px
    }
    .picture {
        width: 100%;
        float: left;
        margin-top: 0;
    }
    .picture p {
        font-size: 2.7vw;
        margin-bottom: 15px;
    }

    .picture span {
        /* display: none; */
    }
    .picture a {
        display: block;
        color: #5e820f;
        font-size: 3vw;
    }
    .date {
        width: 100%;
        margin-top: 0;
    }
    .date li a {
        font-size: 2.8vw;
    }
    .date li p b {
        font-size: 2.6vw;
    }
    .date li p span {
        font-size: 2.6vw;
        line-height: 10px;
    }
    .title h2 {
        font-size: 4.2vw;
        margin-right: 10px;
    }
    .title>a {
        font-size: 2.8vw;
        background: url(../image/more.png) no-repeat right center;
        background-size: contain;
        padding-right: 12px;
        display: block;
        margin-top: 5px;
        width: 14vw;
        height: 1.5vw;
        line-height: 0.5vw;
    }
    .title>ul>li>a {
        font-size: 3.2vw;
        padding: 4px 5px 0;
        margin-top: -2px;
    }
    .date li p {
        width: 50px;
        height: 36px;
    }
    .newsMain {
        margin-top: 20px;
    }
    .newsMain .nIntro {
        display: none;
    }
    .newsMain>ul {
        margin-left: 0;
    }
    .newsMain>ul>li {
        float: left;
        width: 48%;
        height: 100%;
        margin-right: 12px;
        margin-bottom: 20px;
    }
    .proclamation1{width: 49%;float: left;}
    .proclamation2{float:right;}
    .SR{padding:0px 10px;margin:0px 0px 0px -10px;}
    .SRBox{width:100%;}
    .SRBox .tit{font-size:24px;}
    .SRBox li{width: 48%;margin: 0px 0px 20px 1%;height: 150px;}
    .SRBox li:nth-child(2n){float:right;margin: 0px 1% 20px 0px;}
    .SRBox li .Img{padding: 18px 0px 13px 0px;height: 70px;line-height: 70px;}
    .SRBox li .Img img{max-width: 60px;max-height: 60px;}
    .SRBox li .WInfo{font-size: 12px;line-height: 22px;padding: 20px 0px 0px 0px;}
    .SR2{width: 100%;margin: 0px auto 20px;}
    .SR2T li{width: 100%;height: 60vw;margin: 0px 0px 10px 0px;}
    .SR2T li:nth-child(2n){float:right;}
    .SR2T li .s1{padding: 30px 0px 13px 0px;font-size: 18px;}
    .SR2T li .s2{font-size: 14px;}
    .SR2T li .s3{font-size:16px;}
    .SR2T{height: auto;}
    .SR2T li:nth-child(3n){margin: 0px 0px 10px 0px;}

    .preview {width: 335px;margin-top: 10px;position: absolute;transform: rotate(0deg);top: auto;left: 50%;bottom: 0px;margin-left: -160px;}

    .banner .view .swiper-container{height: 60vw;}
    .preview .swiper-slide {width: 94px;height: 63px;}
    .preview .swiper-container {width: 283px;height: 60px;margin: 0 auto;position: relative;left: 0px;}
    
    .banner .preview img {transform: rotate(0deg);width: 90px;height: 55px;padding: 2px;position: absolute;top:0px;left: 0px;}
    .container{margin: 10px auto 0px;}
    .SR2T .words{display: none;}
    .SR2T .bgImg{display: none;}
    .SR2T ul{position: relative;opacity:1;}
    .SR2T .SR2List li a{background:rgba(79,98,40,0.5)}
    .SR2T1 .SR2List li a{background:rgba(115,134,157,0.7)}
    .SR3 {padding: 0px 10px 30px 10px;margin: 0px 0px 0px -10px;height: auto;background: url(../image/icon-jpg5.jpg) center top no-repeat;background-size: cover;}
    .SR3Box{width: 100%;}
    .SR3 .tit{font-size: 22px;padding: 30px 0px 25px 0px;}
    .SR3 .tit .span1{font-size: 12px;}
    .SR3Box li:nth-child(4n){margin: 0px 0px 20px 0px;}
    .SR3Box li .tit1{font-weight: bold;margin: 10px 0px 0px 0px;font-size: 12px;}
    .partner ul li{width: 32%;margin: 0px 2% 20px 0px;height: 15vw;}
    .partner ul li:nth-child(3n){margin: 0px 0px 10px 0px;}
    .partner ul li a img{max-width: 90%;max-height: 55px;}
    .footer .footLeft, .footer .footRight{width:60%;}
    .footLeft{width: calc(74% - 15px)!important;margin: 0px 0px 0px 15px!important;}
    .footRight{width: 26%!important;margin: 28px 0px 0px 0px!important;}
    .footer .footRight .code:nth-child(1){margin:0px 15px 0px 0px;}
    .footer .footRight .code:nth-child(2){margin:10px 15px 0px 0px;}
    .footer .footLeft .copyright{font-weight:normal;}
    .footer .footRight .code p{font-size: 12px;margin:0px;}
    .footer .foot1{font-size:18px;line-height: 50px;}
    .footer .footRight .code .img{width: 80px!important;height: 80px!important;}
    .SR3Box li{width: 24%;margin: 0px 1% 20px 0px;}
    .newsMain>ul>li>a span{font-size: 12px;}
    .banner11{width: 100%;left: 0px;margin-left: 0px;height: 70px;bottom: 10px;top: auto;}
    .banner{height: 60vw;min-height: 60vw;}
    .banner .view .swiper-slide img{height: 100%;min-height: 100%;}
    .preview .arrow-left{width: 25px;height: 57px;background:url(../image/icon-prev1.png) center center no-repeat;left: 0px;top: 0px;transform: rotate(0deg);}
    .preview .arrow-right{width: 25px;height: 56px;background:url(../image/icon-next1.png) center center no-repeat;right: 0px;top: 0px;transform: rotate(0deg);}
    .partner ul{margin: 10px 0px 0px 0px;}
    .SR3Box li .Img img{max-width: 50px;max-height: 40px;}
    .partner .title{margin-top:35px;}
    .footer {background: url(../image/icon-jpg6.jpg) center center no-repeat!important;background-size: cover!important;}
    .picture11 a{display:none}
    .proclamation2 .date{max-height: 100px;}
    .proclamation2 .date source{height:100%;}
    .proclamation2 .date video{height:100%;}
    .picture p .tit11{line-height: 16px;}
    .picture11 p{margin:5px 0px 0px 0px;line-height: 16px;}
    .topMain form{display: none;}

}


/* ************ index end ************ */