@charset "utf-8";
header{
    animation: none;
    background: #3a5798;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}
header::before{
    display: none;
}
header.mobile{
    animation: none;
    background: #3a5798;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}
body{
    padding-top: 1.04rem;
}
.main{
    background: url(../images/mainBg.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding-top: 1.65rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.main::before{
    display: block;
    content: "";
    width: 100%;
    padding: 40% 0 0;
    background: url(../images/mainTop.png) no-repeat left top;
    background-size: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.main::after{
    display: block;
    content: "";
    width: 100%;
    padding: 19% 0 0;
    background: url(../images/mainBottom.png) no-repeat right bottom;
    background-size: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}
.main .yiny{
    width: 100%;
    height: 1rem;
    background: url(../images/mainTopY.png) no-repeat top center;
    background-size: 100% auto;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
}
.main .w1400{
    position: relative;
    z-index: 19;
    background: #ffffff;
    padding: 0 0.8rem 1px;
}
.mainCon::before{
    display: block;
    content: "";
    width: 100%;
    height: 2.2rem;
    background: url(../images/topImg.png) no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.7rem;
    z-index: 0;
}
.mb1{
    padding: 0.5rem 0;
}
.indexCon1.mb1{
    padding-top: 0.25rem;
}
/* lmTit */
.lmTit{
    position: relative;
    margin-bottom: 0.4rem;
    overflow: hidden;
}
.lmTit h2{
    font-size: 0.36rem;
    line-height: 1;
    color: #3a5798;
    text-align: center;
    position: relative;
}
.lmTit h2:first-of-type{
    padding-left: 0.3rem;
}
.lmTit h2:first-of-type::before{
    display: block;
    content: "";
    width: 3.8rem;
    height: 100%;
    background: url(../images/titBg1.png) no-repeat right center;
    position: absolute;
    right: 100%;
    top: 0;
}
.lmTit h2:last-of-type{
    padding-right: 0.3rem;
}
.lmTit h2:last-of-type::before{
    display: block;
    content: "";
    width: 3.8rem;
    height: 100%;
    background: url(../images/titBg2.png) no-repeat left center;
    position: absolute;
    left: 100%;
    top: 0;
}
.lmTit p{
    margin: 0 0.1rem;
}
.indexCon1{
    position: relative;
    z-index: 2;
}
.index1Sub{
    position: relative;
}
.index1Sub .img{
    width: 53.065%;
    padding: 3.6rem 0 0;
    border-radius: 8px;
}
.index1Sub .con{
    width: 48.388%;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: #fff url(../images/bg1.png) no-repeat center bottom;
    box-shadow:  0 0 0.08rem 0 rgba(0,0,0,0.13);
    padding: 0.4rem 0.3rem 0.7rem;
    box-sizing: border-box;
}
.index1Sub .con::before{
    display: block;
    content: "";
    width: 100%;
    height: 0.24rem;
    background: url(../images/bg2.png) no-repeat bottom left;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.index1Sub .con li{
    font-size: 0.18rem;
    line-height: 0.3rem;
    margin-bottom: 0.18rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    position: relative;
}
.index1Sub .con li::before{
    display: block;
    content: "";
    width: 0.06rem;
    height: 0.06rem;
    background: #3366cc;
    border: 0.03rem solid #d6eaff;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0.1rem;
}
.index1Sub .con li p{
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666666;
}
.index1Sub .con ul{
    float: left;
    width: 50%;
}
.main .con_sub{
    font-size: 0.18rem;
    line-height: 0.34rem;
    color: #333333;
}
.main .con_sub p{
    margin-bottom: 0.2rem;
    text-indent: 2em;
    text-align: justify;
}
.main .con_sub p:last-of-type{
    margin-bottom: 0;
}
.main .imgSub{
    background: url(../images/imgSubBg.png) no-repeat center bottom;
    background-size: 100% 100%;
    padding: 0.3rem 0.3rem 0.5rem;
    box-sizing: border-box;
}
.main .imgSub img{
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.tpsm{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.2rem;
}
.tpsm p{
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #333333;
    padding: 0.1rem 0.5rem;
    background: #dadff2;
    border-radius: 0.25rem;
    border: 1px solid #fff;
    font-weight: bold;
    text-align: center;
}
.hxkc li{
    width: calc(33.333% - 0.3rem);
    margin-right: 0.45rem;
    margin-top: 0.3rem;
    float: left;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 0.06rem;
    box-shadow: 0.05rem 0 0.3rem 0 rgba(224,222,255,0.75);
}
.hxkc li:nth-of-type(3n){
    margin-right: 0;
}
.hxkc li:nth-of-type(1),.hxkc li:nth-of-type(2),.hxkc li:nth-of-type(3){
    margin-top: 0;
}
.hxkc li a{
    display: block;
    width: 100%;
    height: 1.78rem;
    background: url(../images/hxkcBg.png) no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0.4rem;
    box-sizing: border-box;
}
.hxkc li a .icon{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    position: relative;
    background: url(../images/hxkcIconBg.png) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
    border: 1px solid #fff;
}
.hxkc li a .icon img{
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 0.42rem;
    max-height: 0.42rem;
}
.hxkc li a .con{
    width: calc(100% - 0.8rem);
    padding-left: 0.2rem;
    box-sizing: border-box;
}
.hxkc li a .con .tit{
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #333333;
}
.hxkc li a .con .txt{
    font-size: 12px;
    color: #c4c2df;
    line-height: 1;
    margin-top: 0.05rem;
}
.hxkc li a:hover{
    transform: translateY(-10px);
}
.teaAbout{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.teaAbout .img{
    width: 4.7rem;
    height: auto;
    border-radius: 0.08rem;
}
.teaAbout .con_sub{
    width: calc(100% - 4.7rem);
    padding-left: 0.45rem;
    box-sizing: border-box;
}
.szdw{
    width: 100%;
    padding: 0 0.24rem;
    box-sizing: border-box;
}
.szdw li{
    float: left;
    width: 25%;
    padding: 0 0.24rem;
    box-sizing: border-box;
    margin-top: 0.5rem;
}
.szdw li a{
    display: block;
    width: 100%;
    position: relative;
    border-radius: 0.08rem;
    overflow: hidden;
}
.szdw li .img{
    width: 100%;
    padding: 133.46% 0 0;
}
.szdw li .con{
    width: 100%;
    background: url(../images/szdwBg.png) no-repeat top center;
    background-size: cover;
    margin-top: -0.2rem;
    position: relative;
    z-index: 9;
    padding: 0.4rem 0 0.05rem;
}
.szdw li .con .tit{
    font-size: 0.18rem;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.szdw li .con .txt{
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #ffffff;
    text-align: center;
    margin-top: 0.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.48rem;
}
.imgList4 li{
    float: left;
    width: calc(33.333% - 0.2rem);
    margin-top: 0.3rem;
    margin-right: 0.3rem;
}
.imgList4 li:nth-of-type(3n){
    margin-right: 0;
}
.imgList4 li a{
    display: block;
    width: 100%;
    height: auto;
}
.imgList4 li a .img{
    padding: 56.1% 0 0;
    border-radius: 0.08rem;
}
.imgList1,.imgList2,.imgList3,.imgList4{
    max-width: 11.2rem;
    margin: 0 auto;
}
.imgList4{
    margin-top: 0.4rem;
}
.imgList3 li{
    margin-top: 0.8rem;
}
.imgList3 li a,.imgList3 li img{
    display: block;
    width: auto;
    margin: 0 auto;
    max-width: 100%;
}
.tpfgx{
    width: 100%;
    padding: 0.05rem 0;
    background: #fff;
    box-shadow: 0.03rem 0 0.3rem 0 rgba(47,47,97,0.2);
    position: relative;
}
.tpfgx::before{
    display: block;
    content: "";
    width: 100%;
    height: 3.5rem;
    background: url(../images/tpfgxTy.png) no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.tpfgx img{
    display: block;
    width: auto;
    height: 0.25rem;
    margin: 0 auto;
}
.imgList{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.imgList3 .tpfgx{
    margin-top: 0.1rem;
}
.imgList1{
    margin-top: 0.5rem;
}
.imgList1 li{
    width: 3.15rem;
    margin-right: 1.3rem;
}
.imgList1 li:last-of-type{
    margin-right: 0;
}
.imgList2{
    margin-top: 0.8rem;
}
.imgList2 li{
    width: 2.5rem;
    margin-right: 1rem;
}
.imgList2 li:last-of-type{
    margin-right: 0;
}
.imgList2 li a .img{
    padding: 137.848% 0 0;
}
.imgList1 li a .img{
    padding: 138.095% 0 0;
}
.imgList a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.imgList a::before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #6666cc;
    position: absolute;
    left: -0.1rem;
    top: -0.1rem;
    z-index: -1;
}
.shfw{
    padding-bottom: 0.8rem;
    background: url(../images/imgSubBg.png) no-repeat bottom center;
    background-size: cover;
}
.shfw img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
}
.shfw .tit{
    font-size: 0.18rem;
    line-height: 0.34rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-top: 0.1rem;
}
.shfw div{
    margin-top: 0.5rem;
}
.indexCon6 .m50{
    margin: 0.5rem 0;
}
.jxkyList1 li{
    width: 3.02rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
}
.jxkyList1 li:last-of-type{
    margin-right: 0;
}
.jxkyList{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.jxkyList li a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.jxkyList1 li .img{
    padding: 137.748% 0 0;
}
.jxkyList2 li{
    width: 1.73rem;
    margin-right: 0.4rem;
    margin-top: 0.5rem;
}
.jxkyList2 li:last-of-type{
    margin-right: 0;
}
.jxkyList2 li .img{
    padding: 137.572% 0 0;
}
.jxkyList2 li a::before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #6666cc;
    position: absolute;
    left: -0.05rem;
    top: -0.05rem;
    z-index: -1;
}
.jxkyTab{
    margin: 0.8rem 0;
}
.jxkyTab h2{
    font-size: 0.3rem;
    line-height: 0.34rem;
    color: #3a5798;
    text-align: center;
    font-weight: normal;
    margin-bottom: 0.4rem;
}
.jxkyTabSub li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding: 0.08rem 0;
}
.jxkyTabSub li p{
    text-align: center;
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #666666;
    padding: 0 0.2rem;
    box-sizing: border-box;
}
.jxkyTabSub .tit{
    padding: 0;
}
.jxkyTabSub .tit p{
    color: #fff;
    background: #3366cc;
    font-size: 0.2rem;
    line-height: 0.36rem;
    position: relative;
}
.jxkyTabSub .tit p::before{
    display: block;
    content: "";
    width: 2px;
    height: 100%;
    background: #99ccff;
    position: absolute;
    right: -1px;
    top: 0;
}
.jxkyTabSub .tit p:last-of-type::before{
    display: none;
}
.jxkyTabSub p:nth-of-type(1){
    width: 13.8%;
}
.jxkyTabSub p:nth-of-type(2){
    width: 38.5%;
}
.jxkyTabSub p:nth-of-type(3){
    width: 19.4%;
}
.jxkyTabSub p:nth-of-type(4){
    width: 16.4%;
}
.jxkyTabSub p:nth-of-type(5){
    width: 11.9%;
}
.jxkyTabSub li:nth-of-type(odd){
    background: #f7f7fb;
}
.indexCon6 .imgSub{
    margin-top: 0.3rem;
}
/* 教学平台 */
.VisionImg{
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
}
.VisionImg .swiper{
    width: 100%;
    padding-top: 0.15rem;
}
.VisionImg .swiper .swiper-slide{
    padding: 0 0 0.5rem;
    position: relative;
}
.VisionImg .swiper .swiper-slide a::before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.VisionImg .swiper .swiper-slide.swiper-slide-active a::before{
    display: none;
}
.VisionImg .swiper .swiper-slide a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.VisionImg .swiper .swiper-slide a .img{
    width: 100%;
    padding: 56.28% 0 0;
    border-radius: 0.08rem;
}
.VisionImg .swiper .swiper-slide a .tit{
    width: 100%;
    height: 0.5rem;
    padding: 0.2rem 0 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
}
.VisionImg .swiper .swiper-slide a .tit p{
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
    max-height: 0.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.VisionImg .swiper .swiper-slide.swiper-slide-active a .tit{
    display: block;
    display: flex;
}
.VisionImg .swiper .swiper-slide.swiper-slide-active .img{
    box-shadow: 0 0 0.13rem 0 rgba(73,89,122,0.23);
}
.VisionImg .swiper-prev,.VisionImg .swiper-next{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    background: #eeeefc url(../images/arrowIcon2.png) no-repeat center;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.23);
    border: 1px solid #fff;
    position: absolute;
    left: -0.25rem;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    cursor: pointer;
    box-sizing: border-box;
}
.VisionImg .swiper-prev:hover,.VisionImg .swiper-next:hover{
    background: #3366cc url(../images/arrowIcon1.png) no-repeat center;
}
.VisionImg .swiper-next{
    transform: rotateY(180deg) translateY(-0.125rem);
}
.VisionImg .swiper-prev{
    left: auto;
    right: -0.25rem;
    transform: translateY(-0.125rem);
}
.rightCon{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
}
.rightCon .btn{
    position:relative;
    width: auto;
    height: auto;
    margin-right: -0.4rem;
}
@keyframes ani-yuan2 {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}
.rightCon .btn::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(58,87,152,0.3);
    border-radius: 50%;
    animation: ani-yuan2 3s linear infinite 1.5s;
}
.rightCon .btn::after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(58,87,152,0.3);
    border-radius: 50%;
    animation: ani-yuan2 3s linear infinite;
}
.rightCon .btn p {
    cursor: pointer;
    transition: .5s;
    width: 0.8rem;
    height: 0.8rem;
    background: #3a5798;
    border-radius: 100%;
    font-family: 'lib';
    font-size: 0.2rem;
    color: #fff;
    line-height: 0.8rem;
    text-indent: 0.15rem;
}
.rightCon .btn p::before{
    content: "\e61e";
}
.rightCon.active .btn {
    transform: translateX(-0.85rem);
    opacity: 0
}
.rightCon.active .system{
    transform: translateX(0) translateY(-50%)
}
.rightCon .system{
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateX(0.85rem) translateY(-50%);
    width: 0.85rem;
    height: auto;
    transition: .5s;
    z-index: 1
}
.ksNav{
    width: 0.85rem;
    height: auto;
    overflow: hidden;
}
.ksNav .icon{
    background: #003399;
    width: 100%;
    padding: 0.15rem 0;
}
.ksNav .icon img{
    display: block;
    width: auto;
    height: 0.45rem;
    margin: 0 auto;
    max-width: 100%;
}
.ksNav ul{
    background: #fff;
}
.ksNav ul li {
    margin-bottom: 3px;
}
.ksNav ul li:last-of-type{
    margin-bottom: 0;
}
.ksNav ul li a{
    position: relative;
    display: block;
    font-size: 0.16rem;
    line-height: 0.4rem;
    color: #333333;
    text-align: center;
    border: 1px solid #d7d7eb;
}
.ksNav ul li a:hover{
    background: #3a5798;
    color: #fff;
}
.fhTop {
    cursor: pointer;
    transition: .5s;
    width: 0.4rem;
    height: 0.4rem;
    background: #fff;
    box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.1);
    border-radius: 100%;
    font-family: 'lib';
    font-size: 0.2rem;
    font-weight: bold;
    color: #3a5798;
    line-height: 0.42rem;
    position: fixed;
    right: 0.2rem;
    bottom: 0.2rem;
    z-index: 99;
    text-align: center;
}
.fhTop::before{
    content: "\e609";
}
@media only screen and (min-width: 1921px){
    .hxkc li a .icon img{
        width: 0.4rem;
    }
    .lmTit p img{
        width: 0.24rem;
    }
    .VisionImg .swiper-prev, .VisionImg .swiper-next{
        background-size: 0.2rem auto!important;
    }
}
@media only screen and (max-width: 1460px){
    .main{
        padding: 1.2rem 0.3rem 0;
        width: 100%;
        box-sizing: border-box;
    }
    .main .w1400{
        max-width: 100%;
        padding: 0 0.5rem 1px;
    }
}
@media only screen and (max-width: 1040px){
    body{
        padding-top: 0;
    }
    .header_m{
        background: #3a5798;
    }
    .main .w1400{
        padding: 0 0.3rem 1px;
    }
    .index1Sub .con{
        width: 100%;
        position: static;
        transform: none;
        padding: 0.3rem;
    }
    .index1Sub .con::before{
        display: none;
    }
    .index1Sub .img{
        width: 100%;
        padding: 55.16% 0 0;
        margin-top: 0.3rem;
    }
    .mb1{
        padding: 0.3rem 0;
    }
    .main .imgSub{
        padding: 0.2rem;
    }
    .hxkc li{
        width: calc(50% - 0.15rem);
        margin-right: 0.3rem;
        margin-top: 0.3rem;
    }
    .hxkc li:nth-of-type(3){
        margin-top: 0.3rem;
    }
    .hxkc li:nth-of-type(3n){
        margin-right: 0.3rem;
    }
    .hxkc li:nth-of-type(2n){
        margin-right: 0rem;
    }
    .teaAbout .img,.teaAbout .con_sub{
        width: 100%;
        padding-left: 0;
    }
    .teaAbout .img{
        padding: 56.26% 0 0;
        margin-bottom: 0.2rem;
    }
    .teaAbout{
        flex-wrap: wrap;
    }
    .main .con_sub p{
        margin-bottom: 0.1rem;
    }
    .szdw{
        padding: 0;
    }
    .szdw li{
        padding: 0;
    }
    .szdw li{
        width: calc(25% - 0.06rem);
        margin-right: 0.08rem;
        margin-top: 0.08rem;
    }
    .szdw li:nth-of-type(4n){
        margin-right: 0;
    }
    .szdw li .con{
        padding: 0.2rem 0 0.05rem;
    }
    .jxkyList1 li{
        width: calc(33.33% - 0.2rem);
        margin-right: 0.3rem;
        margin-top: 0.3rem;
        max-width: 2.4rem;
    }
    .jxkyList1 li:nth-of-type(3n){
        margin-right: 0;
    }
    .jxkyTab{
        margin: 0.5rem 0 0.3rem;
    }
    .jxkyTabSub{
        min-width: 10.4rem;
    }
    .gdt{
        width: 100%;
        overflow-x: scroll;
    }
    .jxkyTab h2{
        margin-bottom: 0.2rem;
    }
    .jxkyList2 li{
        margin-top: 0.2rem;
        width: calc(20% - 0.16rem);
        margin-right: 0.16rem;
        max-width: 1.5rem;
    }
    .jxkyList1 li:nth-of-type(5n){
        margin-right: 0;
    }
    .hxkc li a{
        height: 1.48rem;
    }
    .hxkc li a .con .tit{
        font-size: 0.2rem;
    }
    .indexCon6 .imgSub{
        margin-top: 0;
    }
    .indexCon6 .con_sub.m50{
        margin: 0.3rem 0;
    }
    .shfw{
        padding-bottom: 0.3rem;
    }
    .imgList1 li{
        width: calc(50% - 0.15rem);
        margin-right: 0.3rem;
        margin-top: 0.3rem;
        max-width: 3rem;
    }
    .imgList1 li:nth-of-type(2n){
        margin-right: 0;
    }
    .imgList2 li{
        width: calc(33.333% - 0.2rem);
        margin-right: 0.3rem;
        margin-top: 0.3rem;
        max-width: 2rem;
    }
    .imgList2 li:nth-of-type(3n){
        margin-right: 0;
    }
    .imgList3 li{
        margin-top: 0.5rem;
    }
    .imgList2{
        margin-top: 0.2rem;
    }
    .imgList1{
        margin-top: 0;
    }
    .imgList4{
        margin-top: 0.1rem;
    }
}
@media only screen and (max-width: 768px){
    .main{
        padding: 0.8rem 15px 0;
    }
    .mainCon::before{
        height: 1.2rem;
        top: -0.4rem;
    }
    .main .w1400{
        padding: 0 15px 1px;
    }
    .main::before{
        background-size: 100% auto;
    }
    .lmTit{
        margin-bottom: 0.3rem;
    }
    .lmTit h2{
        font-size: 0.3rem;
    }
    .lmTit h2:first-of-type{
        padding-left: 0.2rem;
    }
    .lmTit h2:last-of-type{
        padding-right: 0.2rem;
    }
    .tpsm p{
        padding: 5px 10px;
    }
    .jxkyTab h2{
        font-size: 0.26rem;
    }
    .hxkc li{
        width: 100%;
        margin-right: 0!important;
        margin-top: 0.2rem!important;
    }
    .hxkc li:nth-of-type(1){
        margin-top: 0!important;
    }
    .teaAbout .img{
        margin-bottom: 0.15rem;
    }
    .szdw li{
        width: calc(33.333% - 0.1rem);
        margin-right: 0.15rem;
        margin-top: 0.15rem;
    }
    .szdw li:nth-of-type(4n){
        margin-right: 0.15rem;
    }
    .szdw li:nth-of-type(3n){
        margin-right: 0;
    }
    .shfw div{
        margin-top: 0.2rem;
    }
    .imgList4 li{
        float: left;
        width: calc(33.333% - 0.1rem);
        margin-top: 0.15rem;
        margin-right: 0.15rem;
    }
}
@media only screen and (max-width: 540px){
    .main{
        padding: 0.4rem 12px 0;
    }
    .mainCon::before{
        height: 1.2rem;
        top: -0.2rem;
    }
    .lmTit{
        margin-bottom: 0.2rem;
    }
    .lmTit h2{
        font-size: 24px;
    }
    .lmTit h2:first-of-type{
        padding-left: 10px;
    }
    .lmTit h2:last-of-type{
        padding-right: 10px;
    }
    .index1Sub .con{
        padding: 10px;
    }
    .index1Sub .con ul{
        width: 100%;
    }
    .index1Sub .con li{
        margin-bottom: 5px;
    }
    .index1Sub .img{
        margin-top: 10px;
    }
    .mb1{
        padding: 15px 0;
    }
    .main .imgSub{
        padding: 8px;
    }
    .tpsm p{
        line-height: 24px;
        font-size: 0.16rem;
    }
    .hxkc li a{
        padding: 0 0.2rem;
        height: 1.2rem;
    }
    .szdw li{
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-top: 10px;
    }
    .szdw li:nth-of-type(4n){
        margin-right: 10px;
    }
    .szdw li:nth-of-type(3n){
        margin-right: 10px;
    }
    .szdw li:nth-of-type(2n){
        margin-right: 0;
    }
    .szdw li .con{
        margin-top: -0.4rem;
    }
    .jxkyList1 li{
        width: calc(33.33% - 4px);
        margin-right: 6px;
        margin-top: 6px;
        max-width: 2.4rem;
    }
    .jxkyList1 li:nth-of-type(3n){
        margin-right: 0;
    }
    .jxkyTab{
        margin: 0.3rem 0 0.1rem;
    }
    .jxkyTab h2{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .jxkyList2 li{
        width: calc(33.33% - 4px);
        margin-right: 6px;
        margin-top: 6px;
        max-width: 2.4rem;
    }
    .jxkyList2 li:nth-of-type(5n){
        margin-right: 6px;
    }
    .jxkyList2 li:nth-of-type(3n){
        margin-right: 0;
    }
    .jxkyList2 li a::before{
        display: none;
    }
    .tpsm{
        margin-top: 8px;
    }
    .indexCon6 .con_sub.m50{
        margin: 0.15rem 0;
    }
    .VisionImg .swiper{
        padding-top: 0;
    }
    .VisionImg .swiper .swiper-slide a .tit{
        padding: 0.1rem 0 0;
        height: auto;
    }
    .VisionImg .swiper-next{
        transform: rotateY(180deg) translateY(-0.2rem);
    }
    .VisionImg .swiper-prev{
        transform: translateY(-0.2rem);
    }
    .shfw{
        padding: 0 5px 10px;
    }
    .imgList a::before{
        display: none;
    }
    .imgList1 li{
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-top: 10px;
        max-width: 3rem;
    }
    .imgList2 li{
        width: calc(33.333% - 7px);
        margin-right: 10px;
        margin-top: 10px;;
        max-width: 2rem;
    }
    .imgList2 li:nth-of-type(3n){
        margin-right: 0;
    }
    .imgList3 li{
        margin-top: 20px;
    }
    .imgList2{
        margin-top: 10px;
    }
    .imgList4 li{
        width: 100%;
        margin-top: 10px;
    }
    .shfw .tit{
        font-size: 0.16rem;
        line-height: 0.24rem;
    }
    .shfw div{
        margin-top: 0.1rem;
    }
.rightCon{display:none!important;}
}