/*banner*/
/* bannerwrap */
.bannerwrap{width: 100%;height: 100%;position: relative;box-sizing: border-box;overflow: hidden;z-index: 1;}
.bannerwrap .bannerswiper{width: 100%;height: 100%;}
.bannerwrap .box{position: relative;overflow: hidden;width: 100%;height: 100%;z-index: 0;}
.bannerwrap .box img{display: block;width: 100%;height: 100%;object-fit: cover;}
.centerBig .box img{
   -webkit-transform:scale(1.2);-ms-transform:scale(1.2);
    -o-transform:scale(1.2);transform:scale(1.2);
    -webkit-transition:all 5s linear;
    -o-transition:all 5s linear;
    transition:all 5s linear
}
.bannerwrap .swiper-slide-active .box img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.swiper-slide .box img{
    animation-duration:5s;
    animation-timing-function:linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode: forwards;
}
/* botpage */
.botpage{
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: .7rem;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;align-items: center;
    z-index: 1;
}

.botpage .page{
    overflow: hidden;
    width: 100%;
    margin-bottom: .3rem;
}
.botpage .swiper-num{
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: baseline;
    align-items: baseline;
    color: #ffffff;
    float: right;
}
.botpage .swiper-num .active{
    font-size: .36rem;
}
.botpage .swiper-num strong{
    font-weight: 500;
    margin: 0 .1rem;
    font-size: .18rem;
}
.botpage .swiper-num .total{
    font-size: .18rem;
}


/* time */
.botpage .jsq{
    width: 2.14rem;
    padding: .1rem .15rem;
    float: right;
    position: relative;
}
.botpage .jsq:before{
    content: "";
    display: block;
    width: .11rem;
    height: .12rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.06rem;
    background: url("../images/header/4.png")no-repeat center;
    background-size: .11rem .12rem;
}
.botpage .jsq:after{
    content: "";
    display: block;
    width: .11rem;
    height: .12rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.06rem;
    background: url("../images/header/5.png")no-repeat center;
    background-size: .11rem .12rem;
}

.botpage .jsq .zc{
    height: .02rem;
    width: 100%;
    background-color: #ffffff;
}
.botpage .jsq .zc .jz{
    height: .02rem;
    background-color: red;
    animation:myfirst 6.8s infinite;
    -webkit-animation:myfirst 6.8s infinite; /* Safari and Chrome */
}
@keyframes myfirst
{
    0% {width: 0}
    10% {width: 10%}
    20% {width: 20%}
    30% {width: 30%}
    40% {width: 40%}
    50% {width: 50%}
    60% {width: 60%}
    70% {width: 70%}
    80% {width: 80%}
    90% {width: 90%}
    100% {width: 100%}
}

@-webkit-keyframes myfirst /* Safari 与 Chrome */
{
    0% {width: 0}
    10% {width: 10%}
    20% {width: 20%}
    30% {width: 30%}
    40% {width: 40%}
    50% {width: 50%}
    60% {width: 60%}
    70% {width: 70%}
    80% {width: 80%}
    90% {width: 90%}
    100% {width: 100%}
}

/*一级标题*/
.title{
    margin-bottom: .5rem;
}
.title h3{
padding-left: .2rem;
    font-size: .3rem;
    position: relative;
}
.title h3:before{
    content: "";
    display: block;
    width: .04rem;
    height: .24rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.12rem;
}
.title .a:before{
    background-color: #d22029;
}
.title .b:before{
    background-color: #d22029;
}

.title .more{
    display: grid;
    align-items: center;
    padding-left: .4rem;
    background-image: url("../images/index/0.png");
    background-position: left center;
    background-size: .32rem .28rem;
    background-repeat: no-repeat;
    font-size: .18rem;
}

.titles h3{
    color: #ffffff;
}
.titles h3:before{
    background: #ffffff;
}
.titles .more{
    color: #ffffff;
    background-image: url("../images/index/00.png");
}



/*第一块*/
.one{
    padding: .8rem 0;
    background: url("../images/index/01.png")no-repeat center;
    background-attachment:fixed;
    background-size: cover;
}

/*通知公告*/
.one .tzgg{
    width: 6.5rem;
}
.one .tzgg .title{
    margin-left: .23rem;
}
.one .tzgg ul{
    margin-left: .37rem;
}
.one .tzgg ul li{
    height: 1.11rem;
border-bottom: .01rem solid #e4e4e4;
    border-radius: .06rem;
}
.one .tzgg ul li .time{
    display: grid;
    align-items: center;
    text-align: center;
    padding: .3rem 0 .28rem 0;
    width: 1.01rem;
    position: relative;
}
.one .tzgg ul li .time h3{
color: #d82d22;
    font-size: .36rem;
}
.one .tzgg ul li .time p{
font-size: .14rem;
}
.one .tzgg ul li .time:after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: .33rem;
    width: .01rem;
    height: .49rem;
    background-color: #bfbfbf;
}

.one .tzgg ul li .more{
    display: block;
    width: .22rem;
    background-image: url("../images/index/03.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    margin-right: .27rem;
}
.one .tzgg ul li h4{
    display: grid;
    font-size: .18rem;
    align-items: center;
    width: calc(100% - 1.83rem);
}
.one .tzgg ul li h4 a{
    display: inline-block;
    max-width: 98%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
line-height: .31rem;
}
/*效果*/
.one .tzgg ul li:hover{
    background: url("../images/index/02.png")no-repeat center;
    background-size: 100% 100%;
}
.one .tzgg ul li:hover .time h3,.one .tzgg ul li:hover .time p,.one .tzgg ul li:hover .time h3{
    color: #ffffff;
}
.one .tzgg ul li:hover .time:after{
    background-color: #ffffff;
}
.one .tzgg ul li:hover .more{
    background-image: url("../images/index/04.png");
}
.one .tzgg ul li:hover h4 a{
    color: #ffffff;
}


/*学院新闻*/

.ispone{display: none;}
.ispc{display: block;}
.one .xyxw{
    width:10rem;
}
.one .xyxw .tt{
    margin-bottom: .27rem;
}
.one .xyxw .tt .img{
    width:6rem;
    height:4rem;
    overflow: hidden;
}
.one .xyxw .tt .img img{
    height: 100% !important;
    width: 100% !important;
}
.one .xyxw .tt .img:hover img{
    transition: all 0.3s;
    transform: scale(1.1);
}
.one .xyxw .tt .text{
    width: calc(100% - 6.5rem);
}
.one .xyxw .tt .text h4{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .2rem;
    line-height: .3rem;
    height: .6rem;
font-weight: bold;
}
.one .xyxw .tt .text .fg{
    height: .03rem;
    margin-top: .2rem;
    position: relative;
}
.one .xyxw .tt .text .fg:before{
    content: "";
    display: block;
    height: .03rem;
    width: .27rem;
    background: #bc474f;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.one .xyxw .tt .text .fg:after{
    content: "";
    display: block;
    height: .01rem;
    width: 100%;
    background: #e4e4e4;
    position: absolute;
    left: 0;
    top: .01rem;
    z-index: 0;
}
.one .xyxw .tt .text p{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    color: #666;
    font-size: .14rem;
    line-height: .3rem;
    height: 1.8rem;
    margin: .2rem 0 .3rem 0;
}
.one .xyxw .tt .text span{
    line-height: .19rem;
    font-size: .16rem;
    background: url("../images/index/05.png")no-repeat .03rem center;
    background-size: .19rem auto;
    padding-left: .25rem;
}
.one .xyxw ul li{
    background: url("../images/index/06.png")no-repeat left center;
    border-bottom: .01rem solid #e4e4e4;
    padding: .1rem 0 .2rem .35rem;
    margin-bottom: .2rem;
}
.one .xyxw ul li:last-child{
    margin-bottom: 0;
}
.one .xyxw ul li h4{
max-width: 80%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .2rem;
}
.one .xyxw ul li span{
    color: #999999;
    font-size: .16rem;
}

/*第二块*/
.two{
    position: relative;
    background: url("../images/index/07.png")no-repeat center;
    background-size: cover;
    background-attachment:fixed;
}
.two .wp{
    padding: .48rem 0;
}
.two:before{
    content: "";
    display: block;
    height: .41rem;
    background: url("../images/index/08.png") center;
    background-repeat:repeat-x;
}
.two:after{
    content: "";
    display: block;
    height: .41rem;
    background: url("../images/index/08.png") center;
    background-repeat:repeat-x;
}

/*科研动态*/
.two .kydt{
    width: 7.97rem;
}

.two .kydt .focusMain{
    width:100%;
    position:relative;
    overflow: hidden;
}
.two .kydt .focusArea{
    width:7.31rem;
    height: 5.28rem;
    position:relative;
    overflow:hidden;
    float: right;
}
.two .kydt .focusCon{
    width:7.31rem;
    position:absolute;
    top:0;
}
.two .kydt .focusItem{
    position:relative;
    width:7.31rem;
    height:5.28rem;
}
.two .kydt .focusIndicators{
    width: .32rem;
}
.two .kydt .focusIndicators a{
    display:inline-block;
    width:.32rem;
    height:.32rem;
    background: url("../images/index/10.png")no-repeat center;
    cursor:pointer;
    overflow:hidden;
    font-size:0; _zoom:1;
    position: relative;
}
.two .kydt .focusIndicators .current{
    background: url("../images/index/11.png")no-repeat center;
}

.two .kydt .focusIndicators .current:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .32rem;
    height: .32rem;
    background: url("../images/index/12.png") center;
    background-size: .32rem .32rem;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 5s linear infinite;
    -moz-animation: rotate 5s linear infinite;
    -o-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite;
}

/* 旋转 */
@-webkit-keyframes rotate{
    from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{
    from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{
    from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.two .kydt .img{
    width: 100%;
    height: 4.12rem;
    overflow: auto;
}
.two .kydt .img img{
    height: 100% !important;
    width: 100% !important;
}
.two .kydt .img a:hover img{
    transition: all 0.3s;
    transform: scale(1.1);
}

.two .kydt .text{
    height: 1.16rem;
    border-bottom: .01rem solid rgba(255,255,255,.22);
    display: grid;
    align-items: center;
    padding: .25rem 0 .2rem 0;
}
.two .kydt .text h4{
    font-size: .2rem;
    display: inline-block;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.two .kydt .text h4 a{
    color: #ffffff;
}
.two .kydt .text div{
    background: url("../images/index/13.png")no-repeat right center;
}
.two .kydt .text div span{
    opacity: .57;
    color: #ffffff;
    font-size: .16rem;
}

.two .dtqh{
    width: 8.12rem;
}

.two .dtqh .tit{
    margin-bottom: .07rem;
}
.two .dtqh .tit .more{
    display: grid;
    align-items: center;
    padding-left: .4rem;
    background-image: url(../images/index/00.png);
    background-position: left center;
    background-size: .32rem .28rem;
    background-repeat: no-repeat;
    font-size: .18rem;
    color: #ffffff;
}
.menu0{
    width: 5.7rem;
}
.menu0 li{
    display:inline-block;
    width:4em;
    text-align: center;
    cursor:pointer;
    color: #ffffff;
    line-height: .33rem;
    font-size: .2rem;
    padding-bottom: .1rem;
}
.menu0 li.hover{
    border-bottom: .01rem solid #ffffff;
}
#main0 div{
    display: none;
}
#main0 div.block{
    display: block;
}

.main ul li{
    height: .8rem;
    border-bottom: .01rem solid rgba(255,255,255,.17);
    padding-left: .45rem;
    padding-right: .2rem;
    background: url("../images/index/09.png")no-repeat .1rem center;
    background-size: .22rem auto;
}
.main ul li h4{
    display: grid;
    align-items: center;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .18rem;
}
.main ul li h4 a{
    color: #ffffff;
}
.main ul li span{
    display: grid;
    align-items: center;
    color: #ffffff;
}
.main ul li:hover{
    background-color: rgba(255,255,255,.17);
}
.main ul li:hover a{
    font-weight: bold;
    color: #ffffff;
}

/*第三块*/
.bg{
    background: url("../images/index/16.png")no-repeat right -.25rem;
    background-size: 10.29rem auto;
}

.three{
    padding: .86rem 0 1rem 0;
}
.three .jxdt{
    width: 8rem;
    padding-left: .23rem;
}
.three .jxdt ul li{
    padding-left: .75rem;
    background: url("../images/index/17.png")no-repeat .2rem center;

    margin-bottom: .47rem;
}
.three .jxdt ul li:last-child{
    margin-bottom: 0;
}
.three .jxdt ul li h4{
    display: inline-block;
    align-items: center;
    font-size: .18rem;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .31rem;
}

.three .jxdt ul li h4 a:hover{
    color: #d42624;
    font-weight: bold;
}
.three .jxdt ul li span{
    font-size: .18rem;
    line-height: .31rem;
}

.three .r{
    width: 7.62rem;
}
.three .r .a{
    margin-bottom: .16rem;
}
.three .r .a .li{
    width: 3.72rem;
    height: 1.7rem;
    overflow: hidden;
    background: #000000;
    position: relative;

}
.three .r .a .li img{
    height: 100%;
}
.three .r .a .li:first-child img{
    opacity: .4;
}
.three .r .a .li a:hover img{
    transition: all 0.3s;
    transform: scale(1.1);
}
.three .r .a .li h4{
text-align: center;
    width: calc(100% - .88rem);
    position: absolute;
    left: .44rem;
    top: 50%;
    margin-top: -.26rem;
    height: .52rem;
    color: #ffffff;
    line-height: .26rem;
   /* padding-left: .67rem;*/
   /* background: url("../images/index/15.png")no-repeat left center; */
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .18rem;
}
.three .r .a .li h4 img{
opacity: 1 !important;

}

.three .r .b .li h4{
text-align: center;

    position: absolute;
    left: 20%;
    top: 50%;
    margin-top: -.4rem;
    height: .8rem;
    color: #ffffff;
    line-height: .26rem;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: .18rem;
}
.three .r .b .li h4 img{
opacity: 1 !important;

}

.three .r .b .li{
    width: 2.44rem;
    height: 1.69rem;
    overflow: hidden;
}
.three .r .b .li img{
    height: 100%;
}
.three .r .b .li:hover img{
    transition: all 0.3s;
    transform: scale(1.1);
}

/*第四块*/
.four{
    position: relative;
}
.four:before{
    content: "";
    width: calc((100% - 17rem)/2);
    height: 100%;
    background: #f4f3f3;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.four:after{
    content: "";
    width: 100%;
    height: 3.14rem;
    background: #f4f3f3;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.four .wp{
    position: relative;
    z-index: 9;
    padding: .4rem 0 .7rem 0;
}
.four .title{
    margin-bottom: .37rem;
    margin-left: 3.08rem;
}
.four .title h3{
    padding-left: .45rem;
}
.four .wp:before{
    content: "";
    display: block;
    width: 3.08rem;
    height: 6.36rem;
    background: #f4f3f3 url("../images/index/26.png")no-repeat center .86rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}







/* = 通用布局
-------------------------------------------------------------- */
.four .focusMain{
    width:100%;
    position:relative;
    padding: 0 2.09rem 0 1.08rem;
}


.xfyz .zx{
    width: 4.4rem;
}
.xfyz .zx .img{
    height: 6.02rem;
    padding: 0 .2rem;
    overflow: hidden;
    position: relative;
}
.xfyz .zx .img:before{
    content: "";
    display: block;
    width: .2rem;
    height: 100%;
    background: url("../images/index/27.png")no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.xfyz .zx .img:after{
    content: "";
    display: block;
    width: .2rem;
    height: 100%;
    background: url("../images/index/27.png")no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.xfyz .zx .img:hover img{
    transition: all 0.3s;
    transform: scale(1.1);
}


.xfyz .zx .img img{
    height: 100%;
}
.xfyz .zx h4{
    line-height: .57rem;
    text-align: center;
    font-size: .18rem;
}

.xfyz .r{
    width: 8.85rem;
}
.xfyz .r .text h5{
    font-size: .22rem;
    padding: .3rem 0 .4rem 0;
}
.xfyz .r .text p{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #666666;
    font-size: .16rem;
    line-height: .3rem;
    height: 1.2rem;
}
.xfyz .r .text .more{
    display: inline-block;
    width: .8rem;
    line-height: .36rem;
    padding-left: .14rem;

    font-size: .16rem;
    margin-top: .2rem;
    position: relative;
}
.xfyz .r .text .more:before{
    content: "";
    display: block;
    width: .36rem;
    height: .36rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: url("../images/index/28.png")no-repeat left center;
    background-size: .36rem auto;
}
.xfyz .r .text .more:after{
    content: "";
    display: block;
    width: .17rem;
    height: .36rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background: url("../images/index/29.png")no-repeat center;
    background-size: .17rem auto;
}
.xfyz .r .bt{
    font-size: .18rem;
    padding-left: .1rem;
    position: relative;
    margin: .3rem 0 .36rem 0;
}
.xfyz .r .bt:before{
    content: "";
    display: block;
    width: .03rem;
    height: .18rem;
    background: #aa3317;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.09rem;
}

.four .focusArea{
    width:8.85rem;
    position:relative; overflow:hidden;}
.four .focusCon{
    width:8.85rem;
    position:absolute;
    top:0;
}
.four .focusItem{
    position:relative;
    margin-right: .78rem;
}

.four .focusBtn{
    display:block;
    position:absolute;

    cursor:pointer;
}
.four .focusPrev{
    top:50%;
    left:0;
    width: .79rem;
    height: .79rem;
    background: url("../images/index/23.png")no-repeat center;
    background-size: 100% 100%;
    margin-top: -.4rem;
}
.four .focusNext{
    top: 60%;
    right:1.14rem;
    width: .22rem;
    height: .37rem;
    background: url("../images/index/24.png")no-repeat center;
    background-size: 100% 100%;
}
.four .focusItem img, .focusIndicators img{ width:100%; height:100%;}
.four .isCarousel .focusArea{ height:2.99rem;}
.four .isCarousel .focusItem{ float:left; width:1.63rem; height:2.99rem; _display:inline;}
.four .isCarousel .focusGroup{ float:left; _display:inline;}



.xfyz .r .focusItem .img{
    height: 2.44rem;
    overflow: hidden;
}
.xfyz .r .focusItem .img img{
    height: 100%;
}
.xfyz .r .focusItem .img:hover img{
    transition: all 0.3s;
    transform: scale(1.1);
}
.xfyz .r .focusItem h4{
    text-align: center;
    line-height: .57rem;

}

.four .bg{
    width: 10.07rem;
    height: 9.79rem;
    background: url("../images/index/25.png")no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;

}

/*第五块*/
.five{
    padding: .8rem 0;
}
.five .list{
    width: 8.35rem;
    height: 2.97rem;
    padding: .4rem .5rem 0 .5rem;
    position: relative;
    animation:zoomsmall 0.5s; /* 调用缩小动画（这是里当鼠标丢失hover时，背景回到原大小），播放时长为0.5秒 */
}
.five .list ul{
    position: relative;
    z-index: 1;
}
.five .list ul li{
    padding-left: .3rem;
    background: url("../images/index/30.png")no-repeat left center;

}
.five .list ul li h4{
    display: inline-block;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .18rem;
    line-height: .48rem;
}
.five .list ul li h4 a{
    color: #ffffff;
}
.five .list ul li h4 a:hover{
    text-decoration: underline;
}
.five .list ul li span{
    color: #ffffff;
    font-size: .14rem;
    line-height: .48rem;
}
.five .list .more{
    height: .8rem;
    display: inline-block;
    color: #ffffff;
    font-size: .26rem;
    position: absolute;
    left: .5rem;
    bottom: 0;
    z-index: 2;

}
.five .list .more:hover:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom:0;
    width: .49rem;
    height: .07rem;
    background: #721a1c;
}
.five .list:after{
    content: "";
    display: block;
    width: 100%;
    height: 1.52rem;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),#000000);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.five .list:hover{
    animation:zoombig 0.5s; /* 调用缩小动画，播放时长为0.5秒 */
    background-size:auto 150%!important; /* 鼠标停留时背景大小，如果不加这行，动画会一直来回的放大缩小 */
}




.five .list.l1{
    background: url("../images/index/31.png")no-repeat center;
    background-size: auto 100%;
    margin-bottom: .27rem;
}
.five .list.l2{
    background: url("../images/index/32.png")no-repeat center;
    background-size: auto 100%;
    margin-bottom: .27rem;
}
.five .list.l3{
    background: url("../images/index/33.png")no-repeat center;
    background-size: auto 100%;
}
.five .list.l4{
    background: url("../images/index/34.png")no-repeat center;
    background-size: auto 100%;
}




/*第八块*/

.six .title{
    margin-bottom: .5rem;
}
.six .title .more{
    margin-left: .1rem;
}
.six .title .swiper-button-prev,.six .title .swiper-button-next{
    position: relative;
    width: .31rem;
    height: 100%;
    background-size: .31rem .31rem;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    top: 0;
    margin-right: .2rem;

}
.six .title .swiper-button-prev{
    background-image: url("../images/index/35.png");
    left: 0;
}
.six .title .swiper-button-next{
    background-image: url("../images/index/36.png");
    right: 0;
}
.six .title .r span{
    margin: 0 .1rem;
    display: grid;
    align-items: center;
}
.six .swiper-slide{
    margin-right: .5rem!important;
}
.six .li{
    overflow: hidden;
    position: relative;
}
.six .li h4{
    position: absolute;
    left: 0;
    bottom: .2rem;
    z-index: 2;
    text-align: center;
    width: 100%;
    display: none;
}
.six .li h4 a{
    color: #ffffff;
    font-size: .18rem;
}
.six .li img{
    height: 100%;
    width: 100%;
}

.six .swiper-slide:hover .li{
    /* 盒子向上移动 */
    transform: translateY(-.26rem);
}
.six .swiper-slide:hover .li:after{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/index/38.png")no-repeat center;
    z-index: 1;
}
.six .swiper-slide:hover:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .21rem;
    width: 100%;
    background: url("../images/index/37.png")no-repeat center;
    background-size: 100% auto;
}
.six .swiper-slide:hover .li h4{
    display: block;
}

/*第七块*/
.seven {
    padding:.9rem 0;
}

.seven .l{
    width: 5.9rem;
}
.seven .l .link .lin{
    width: 2.7rem;
}
.ui-select-wrap {
    display: inline-block;
    border: .01rem solid #dfdcdc;
    position: relative;
    height: .54rem;
    padding-right: .6rem;
    border-radius: .27rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    z-index: 8;
    vertical-align: top;
}


.ui-select-wrap.focus { z-index: 9; }

select.ui-select {

}

.ui-select-wrap>select {
    display: none;

}

.ui-select-input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: .6rem;
    padding-left: .34rem;
    white-space: nowrap;
    overflow: hidden;
    line-height: .52rem;
    font-size: .16rem;
}

.ui-select-arrow {
    display: block;
    position: absolute;
    right: .4rem;
    top: 0;
    height: 100%;
    width: .13rem;
    background: url("../images/index/39.png")no-repeat center;
    background-size: 100% auto;
}

.ui-select-list {
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    z-index: 10;
    left: -1px;
    top: .6rem;
    background-color: #fff;
    width: 100%;
    overflow: auto;
    max-height: 1.8rem;
    border-radius: .1rem;
    box-shadow: 0 0 .04rem 0 rgba(0,0,0,0.13);
    -webkit-box-shadow: 0 0 .04rem 0 rgba(0,0,0,0.13);
    -moz-box-shadow: 0 0 .04rem 0 rgba(0,0,0,0.13);
    padding: .1rem 0;
}

.ui-select-wrap.up .ui-select-list {
    top: auto;
    bottom: .6rem;
}

.ui-select-wrap.focus .ui-select-list { display: block; }

.ui-select-list>li {
    display: block;
    line-height: .3rem;
    padding: 0 .34rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .16rem;
}

.ui-select-list>li:hover {
    color: #d92b21;
}

.ui-select-list>li.selected {
    color: #d92b21;
}

.ui-select-list>li.disabled {
    color: #d92b21;
    cursor: not-allowed;
}

.ui-select-list>li.disabled.selected {
    color: #d92b21;
    cursor: not-allowed;
}

.ui-select-wrap.disabled {
    color: #999;
    border-color: #ccc;
    cursor: not-allowed;
}


.seven .r{
    width: 9.77rem;
    position: relative;
}
.seven .r .list{
    width: 100%;
    height: 3.88rem;
    background: url("../images/index/40.png")no-repeat center;
    position: absolute;
    left: 0;
    top: .83rem;
    z-index: 9;
    display: grid;
    align-items: center;
    padding: .4rem 0;
}
.seven .r .list li{
    width: calc(9.77rem - 1.76rem);
    margin: 0 .96rem 0 .8rem;
    padding-left: .35rem;
    background: url("../images/index/41.png")no-repeat left center;
    background-size: .23rem auto;
}
.seven .r .list li h4{
    display: inline-block;
    align-items: center;
    font-size: .18rem;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .3rem;
}
.seven .r .list li h4 a:hover{
    text-decoration: underline;
}
.seven .r .list li span{
    font-size: .16rem;
}



/*页脚*/
.footer{
    background: url("../images/index/42.png")no-repeat center;
    background-size: cover;
    padding-top: .9rem;
}
.footer .wp{
    overflow: hidden;
}
.footer .a{
    width: 7.76rem;
    height: 3.96rem;
    border: .05rem solid #848c97;
    float: left;
    padding: .7rem 0 0 .7rem;
    border-bottom: 0;
}
.footer .a .logo{
    width: 4.66rem;
    height: 1.13rem;
    margin-bottom: .6rem;
}
.footer .a .list{
    overflow: hidden;
}
.footer .a .list .li{
    float: left;
    padding-left: .65rem;
    color: #ffffff;
    font-size: .14rem;
    margin-bottom: .16rem;
    background-position: left center;
    background-size: .3rem auto;
    background-repeat: no-repeat;
    line-height: .3rem;
    min-width: 2.9rem;
}
.footer .a .list .l0{
    background-image: url("../images/footer/0.png");
}
.footer .a .list .l1{
    background-image: url("../images/footer/1.png");
}
.footer .a .list .l2{
    background-image: url("../images/footer/2.png");
}

.footer .b{
    float: left;
    margin-left: .6rem;
    margin-top: calc(3.96rem - 1.25rem);
}
.footer .b .br{
    width: .35rem;
    height: .03rem;
    background: #ffffff;
    margin-bottom: .3rem;
}
.footer .b p{
    font-size: .14rem;
    color: #ffffff;
    opacity: .37;
}
.footer .c{
    width: 3.28rem;
    margin-top: 1.87rem;
    float: right;
    margin-right: .37rem;
}
.footer .c dl{
    width: 1.5rem;

}
.footer .c dl dd{
    width: .23rem;
    color: #ffffff;
    font-size: .14rem;
    padding-top: .35rem;
    background-position: center .1rem;
    background-size: auto;
    background-repeat: no-repeat;
    text-align: center;
    line-height: .14rem;
}
.footer .c dl dt{
    width: 1.12rem;
}

.footer .c dl.d1 dd{
    background-image: url("../images/footer/3.png");
}
.footer .c dl.d2 dd{
    background-image: url("../images/footer/4.png");
}

/*浮动*/
.fd{
    width: 1.49rem;
    position: fixed;
    right: .15rem;
    top: 35%;
    z-index: 999;
    padding-top: .37rem;
    background: url("../images/index/43.png")no-repeat center top;
    background-size: 1.49rem auto;
}
.fd .bg{
    width: .97rem;
    height: 3.26rem;
    background: #d51c16;
    margin: 0 auto;
    border-radius: .48rem;
    display: grid;
    align-items: center;
    padding: .34rem 0 .4rem 0;
}
.fd .bg dl{
    text-align: center;
padding: 0rem .1rem;
}
.fd .bg dl dt{
    margin-bottom: 0rem;
}
.fd .bg dl dd a{
color: #ffffff;
    font-size: .16rem;
}

@media screen and (max-width: 1200px){

.ispc{ display: none;}
.ispone{display: block;}

.fd {
    display: none;
}
.one .xyxw .tt .img {
    width: 100%;
    height: 5rem;
    overflow: hidden;
}
.one .xyxw {
    margin-top: 0.2rem;
}
.one .xyxw .tt .text {
    width: calc(100% - -0.5rem);
    margin-top: 0.5rem;
    padding: 0.2rem;
}
.two .kydt .focusIndicators {
    width: 2rem;
}
.two .dtqh {
    padding: 0.2rem;
}
.three .r .b .li {
    width: 2.4rem;
}
.three .r .a .li {
    width: 3.6rem;
}
.xfyz .r {
    width: 6.5rem;
}
.four .focusPrev {
    top: 72%;
    left: 5.3rem;
    width: 0.79rem;
    height: 0.79rem;
    background: url(../images/index/23.png)no-repeat center;
    background-size: 100% 100%;
    margin-top: -0.4rem;
}
.four .focusNext {
    top: 71%;
    right: 0.3rem;
    width: 0.22rem;
    height: 0.37rem;
    background: url(../images/index/24.png)no-repeat center;
    background-size: 100% 100%;
}
.four .focusMain {
  padding: 0rem 0rem 0rem 0.2rem;

}
.xfyz .zx {

    margin-left: 1.5rem;
  
}
.xfyz .r .text h5 {
    font-size: .24rem;
    padding: 0.3rem 0 0.4rem 0;
    font-weight: bold;
}
.four .bg {
  display: none;

}
.five .list.l1,.five .list.l2 {
    margin-bottom: 0rem;
}
.five {
    padding: 0.2rem 0.2rem;
}
.five .list {
    width: 100%;
    height: 2.97rem;
    padding: 0.4rem 0.2rem 0rem 0.2rem;
    position: relative;
    animation: zoomsmall 0.5s;
    margin-top: 0.3rem;
}
.footer .a {
    width: 7.76rem;
    height: 3.96rem;
    border: 0rem solid #848c97;
    float: left;
    padding: 0.7rem 0 0 0.7rem;
    border-bottom: 0;
margin-top: 1.5rem;
}
.footer .b {
    float: left;
    margin-left: 0.6rem;
    margin-top: calc(3.96rem - 4.25rem);
}
.footer .c {
    width: 3.28rem;
    float: right;
   margin: 0.2rem;
   
}
.seven .r {
    width: 9.77rem;
    position: relative;
    margin-top: 0.5rem;
}
.seven .r .list li {
    width: calc(9.77rem - 3.75rem);
    margin: 0 0.96rem 0 0.8rem;
    padding-left: 0.35rem;
    background: url(../images/index/41.png)no-repeat left center;
    background-size: 0.23rem auto;
}
.four .isCarousel .focusArea {
    height: 2.99rem;
    width: 100%;
    overflow: hidden;
}
.xfyz .r .text h5 {
    text-align: center;
}

.six .swiper-slide {
    margin-right: 1.5rem!important;

}
.six .li {
    overflow: hidden;
    position: relative;
    width: 1.5rem;
}

.main ul li span {
    font-size: .16rem;
}
.main ul li {
    width: 7rem;

}
.three .jxdt ul li {
    width: 6.5rem;
}
.three .jxdt ul li h4,.main ul li h4 {
    max-width: 65%;
}
.ui-select-wrap {
    width: 3rem !important;
}
.five .list ul li h4 {
    max-width: 65%;
    margin-left: 0.2rem;
}
.xfyz .r .focusItem h4 {
    font-size: .18rem;
}
.menu0 li {
    width: 5em;

}
.one .tzgg ul {
   margin-left: 0rem;
}
.one .tzgg {
    width: 100%;
    margin-bottom: 0.5rem;
}


}