@charset "utf-8";

body {
    overflow-x: hidden;
}
.news1-c {
	align-items: flex-start;
	margin-top: 0.3rem;
	justify-content: space-between;
	opacity:0;
	height:0;
	/* overflow: hidden; */
	margin-top: 0.0rem;
}
.news1-c.on {
	opacity:1;
	height:auto;
	margin-top: 0;
}

.news1-l {
	width: 48%;
	position: relative;
	z-index: 1;
}

.news1-l::after {
	content: '';
	position: absolute;
	bottom: 1.4rem;
	left: -0.12rem;
	top: 0.05rem;
	right: 2.5rem;
	background: #e40000;
	z-index: -1;
}

.news1-l .slick-slider {
	margin-top: 0.15rem;
	margin-left: 0rem;
}

.news1-l ul li a {
	display: block;
	position: relative;
}

.news1-l ul li .bg_img {
	height: 4rem;
}

.news1-l ul li:hover .bg_img .a {
	transform: scale(1.1);
}

.news1-l ul li .news1-ltx {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
	padding: 0.5rem 0.6rem 0.1rem 0.26rem;
	z-index: 1;
}

.news1-l ul li .news1-ltx h3 {
	font-size: 0.18rem;
	line-height: 0.24rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	color: #fff;
}

.news1-l ul li .news1-ltx span {
	display: block;
	font-size: 0.16rem;
	background: url(../images/i_date.png) no-repeat left center;
	background-size: 0.14rem 0.14rem;
	padding-left: 0.3rem;
	line-height: 0.24rem;
	color: #fff;
	margin-top: 0.05rem;
}

.news1-l .slick-prev,
.news1-l .slick-next {
	width: 0.48rem;
	height: 0.48rem;
	top: auto;
	transform: none;
	top: 47%;
	z-index: 1;
	transition: all 0.3s;
}

.news1-l .slick-prev {
	left: 0.1rem;
	background: url(../images/s1-lprev.png) no-repeat;
	background-size: 100% 100%;
}

.news1-l .slick-next {
	right: 0.1rem;
	background: url(../images/s1-lnext.png) no-repeat;
	background-size: 100% 100%;
}

.news1-l .slick-prev:hover,
.news1-l .slick-next:hover {
	transform: scale(1.05);
}

.news1-r {
	width: 50%;
}
.news1-r.on {
	display:block
}

.news1-rt a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 0.3rem;
	border-bottom: 1px dashed #d2d2d2;
}

.news1-rt a .bg_img {
	width: 2.6rem;
	height: 1.8rem;
}

.news1-rt a:hover .bg_img .a {
	transform: scale(1.1);
}

.news1-rt a .s1-rtx {
	width: calc(100% - 2.9rem);
}

.news1-rt a .s1-rtx h3 {
	font-size: 0.18rem;
	line-height: 0.3rem;
	height: 0.6rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.4s;
}

.news1-rt a:hover .s1-rtx h3 {
	color: #e40000;
}

.news1-rt a .s1-rtx p {
	font-size: 0.14rem;
	line-height: 0.24rem;
	height: 0.48rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.15rem;
	color: #999999;
}

.news1-rt a .s1-rtx span {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.14rem;
	color: #999999;
	background: url(../images/time-h.png) no-repeat left center;
	padding-left: 0.3rem;
}

.gg-list {
	margin-top: 0;
}
.news1-r .gg-list li {font-weight:bold;line-height: 0.54rem;}
.gg-list li {
	font-size: 0.19rem;
	line-height: 0.48rem;
	height: .48rem;
	position: relative;
	left: 0;
	transition: all 0.4s;
	padding-left: .15rem;
	overflow: hidden;
}
.gg-list li:before{
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 50%;
    border: 1px solid #2429A5;
	    background: url(../images/publist-bef.png) no-repeat;
    background-position: center center;
    background-size: .04rem;
    border: none;
    border-radius: 0;
}

.gg-list li span {
	float: right;
	color: #9E9E9E;
	padding-left: 0.2rem;
	transition: all 0.4s;
}

.gg-list li a {
	display: block;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	transition: all 0.4s;
}

.gg-list li:hover {
	left: 0.05rem;
}

.gg-list li:hover span,
.gg-list li:hover a {
	color: #e40000;
	font-weight: bold;
}



@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 3rem, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}



@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -30%, 0);
        transform: translate3d(100%, -30%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -30%, 0);
        transform: translate3d(100%, -30%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

.banner.ani #downPage {
    opacity: 1;
}

@keyframes _ani1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes _ani2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes ani_bj {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: .8;
        transform: scale(1.45);
    }

    95% {
        opacity: 0;
        transform: scale(1.8);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.banner {
    position: relative;
    /* z-index: 9; */
    overflow: hidden;
    z-index: 9;
}
.banner:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 2.6rem;
	background: url(../images/568.png) no-repeat top center;
	background-size: 101% 100%;
	z-index: 9;
	opacity: 1;
}
.banner a {
    display: block;
}

.banner>img {
    display: block;
    width: 100%;
}

.banner .slick {
    position: relative;
    z-index: 9;
}

.banner .slick-slide a {
    display: block;
    position: relative;
    transform: scale(1, 1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


.banner .slick-slide a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(51, 51, 51, 0.49) 0%, rgba(216, 216, 216, 0) 100%);
    height: 2.4rem;
    z-index: 1;
}

.banner .slick-slide a>img {
    display: block;
    width: 100%;
    opacity: 0;
}

.banner .slick-slide a video {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    background: #000;
}

.banner .slick-slide a div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner .slick-slide a div img {
    display: block;
    max-width: 70%;
    max-height: 1.83rem;
    transition: all 1s;
    transform: scale(0);
    opacity: 0;
}

.banner .slick-slide a div img.on {
    opacity: 1;
    transform: scale(1);
}

.banner .slick-slide.slick-current a>img {
    animation: img_scale linear 8s;
}

@keyframes img_scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }

}

.banner .slick .box0 {
    opacity: 1;
    z-index: 0;
    opacity: 1;
    z-index: 0;
    -webkit-animation: box0 7s linear 0s;
    animation: box0 7s linear 0s
}


.banner .slick .slick-current .box2 {
    opacity: 1;
    z-index: 0;
    -webkit-animation: box2 7s linear 0s;
    animation: box2 7s linear 0s
}

.banner .slick .box1 {
    -webkit-animation: box1 1000ms cubic-bezier(0.5, 0, 0.2, 1) 0s;
    animation: box1 1000ms cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 0
}

@-webkit-keyframes box0 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

@keyframes box0 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

@-webkit-keyframes box1 {
    0% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0
    }
}

@keyframes box1 {
    0% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0
    }
}

@-webkit-keyframes box2 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

@keyframes box2 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05)
    }
}

.banner .slick-slide p {
    position: absolute;
    left: .6rem;
    bottom: 0.45rem;
    font-size: 0.3rem;
    line-height: .46rem;
    color: #ffffff;
    font-weight: 600;
    max-height: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 9;
}

.banner .slick-prev, .banner .slick-next {
    width: 0.3rem;
    height: 0.36rem;
    top: auto;
    left: auto;
    transform: translateY(0);
    bottom: 0.44rem;
    transition: all 0.5s;
}

.banner .slick-prev {
    background: url(../images/banner-l.png) no-repeat;
    background-position: center center;
    background-size: .28rem auto;
    right: 1.28rem;
}

.banner .slick-prev:hover {
    /* transform: translateX(-.1rem); */
    opacity: .6;
}

.banner .slick-next {
    right: .44rem;
    background: url(../images/banner-r.png) no-repeat;
    background-position: center center;
    background-size: .28rem auto;
}

.banner .slick-next:hover {
    /* transform: translateX(.1rem); */
    opacity: .6;
}
 



.banner .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    bottom: 0.15rem;
}

.banner .slick-dots li {
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 50%;
    margin: 0 .25rem;
    transition: width 0.5s;
}

.banner .slick-dots li button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 0.11rem;
    height: 0.11rem;
    padding: 0;
    margin: 0;
    transition: all 0.5s;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.banner .slick-dots li.slick-active {
    border: 1px solid #AFCDFF;
}

.banner .slick-dots li.slick-active button {
    background: #AFCDFF;
}

/* index */
.index {
    z-index: 99;
    overflow: hidden;
}

.itit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem;
    position: relative;
    border-bottom: #033481 2px solid;
    padding-bottom: 0.1rem;
}
.itit:before{
	content:"";
	position:absolute;
	width: 100%;
	height: 2px;
	background: #033481;
	bottom: -2px;
	left: 0;
	display:none;
}

.itit-name {
    display: flex;
    align-items: flex-end;
    justify-content: center; /* 水平居中 */
    align-items: center;
}

.itit-name .itit-icon img {
    display: block;
    height: 0.5rem;
}

.itit-name h2 {
    display: flex;
    align-items: center;
    font-size: 0.28rem;
    font-weight: 600;
    /* font-family: 'sys'; */
    font-weight: normal;
}

.itit-name h2 b {
    color: #033481;
    font-weight: bold;
}

.itit-name h2 span {
    color: #e40000;
    font-weight: bold;
}

.itit-name h4 {
    font-size: 0.16rem;
    font-weight: 500;
    line-height: .26rem;
    /* text-transform: uppercase; */
    color: #d9d9d9;
    position: relative;
    padding-left: .28rem;
    font-weight: normal;
}

.itit-name h4::before {
    content: "";
    position: absolute;
    left: .14rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.17rem;
    background: #C1B2B2;
}

.itit-more a {
    display: block;
    font-size: 14px;
    line-height: normal;
    color: #9E9E9E;
}

.itit-more a:hover {
    color: #033481;
}



.s1-c {
    display: flex;
    margin-top: .4rem;
}

.s1-l {
    flex: 1;
    min-width: 0;
}
.s1-l .itit{
    display: block;
    height: .6rem;
    /* overflow: hidden; */
    position:relative;
}
.s1-l .itit:before{display:none}
.s1-l .itit li.on:before{
	content:"";
	position:absolute;
	width: 2rem;
	height: 2px;
	/* background: #033481; */
	bottom: -0.1rem;
	left: 0;
}

.s1-l .itit li{
    float: left;
    margin-right:0.5rem;
    cursor:pointer;
    position: relative;
}
.s1-l .itit li h2 b{color:#333}
.s1-l .itit li h2 span{color:#333}
.s1-l .itit .on h2 b{color:#033481}
.s1-l .itit .on h2 span{color: #e40000;}
.s1-l .itit .itit-more{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.s1-l .itit .itit-more .on{display:block}
.s1-l .itit .itit-more .hide{display:none;}


.s1-r {
    width: 4.0rem;
    margin-left: 0.4rem;
}

.s1-lt ul {
    display: flex;
    justify-content: space-between;
}

.s1-lt ul li {
    width: 48%;
}

.s1-lt ul li a {
    display: block;
    border: 1px solid #C4D9F0;
}

.s1-lt ul li a .pic {
    padding-top: 55%;
}

.s1-lt ul li a .info {
    padding: .2rem .3rem .25rem .25rem;
}

.s1-lt ul li a .info div {
    display: flex;
    align-items: flex-end;
    font-family: 'sys';
}

.s1-lt ul li a .info div b {
    font-size: 0.36rem;
    font-weight: bold;
    line-height: 0.36rem;
    color: #033481;
}

.s1-lt ul li a .info div span {
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 0.2rem;
    color: #033481;
    margin-left: .15rem;
}

.s1-lt ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 0.3rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: .6rem;
    margin-top: .2rem;
}

.s1-lt ul li a:hover .info h3 {
    color: #033481;
    font-weight: 600;
}


.s1-lb {
    margin-top: .18rem;
}

.publist ul li a {
    display: flex;
    align-items: center;
}

.publist ul li a p {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .25rem;
    font-size: 0.19rem;
    font-weight: 350;
    line-height: 0.47rem;
    color: #000;
    position: relative;
}

.publist ul li a p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 50%;
    border: 1px solid #2429A5;
}

.publist ul li a span {
    font-size: 0.18rem;
    font-weight: 350;
    line-height: 0.42rem;
    letter-spacing: 0em;
    color: #9E9E9E;
    min-width: 1.2rem;
    text-align: right;
}

.publist ul li a:hover p {
    color: #e40000;
    font-weight: 600;
}

.publist ul li a:hover span {
    color: #e40000;
    font-weight: bold;
}

.s1-r ul {
    padding: 0;
}

/* .s1-r ul li {
    padding: 0rem;
    transition: all 0.5s;
}

.s1-r ul li a {
    height: 0.89rem;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(208, 208, 208, 0.3);
    transition: all 0.5s;
} */

.s1-r ul li:nth-child(1) a {
    border: none;
}

.s1-r ul li a .date {
    text-align: center;
    width: 0.8rem;
    border-right: #ccc 1px solid;
    margin-right: 0.2rem;
}

.s1-r ul li a .date b {
    display: block;
    font-size: 0.22rem;
    line-height: .3rem;
    color: #222;
    font-weight: normal;
}

.s1-r ul li a .date span {
    display: block;
    font-size: 0.14rem;
    font-weight: 350;
    line-height: .2rem;
    color: #222;
}

.s1-r ul li a .info {
    flex: 1;
    min-width: 0;
}

.s1-r ul li a .info h3 {
    font-size: 0.20rem;
    font-weight: 350;
    line-height: 0.28rem;
    text-align: justify;
    /* 浏览器可能不支持 */
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .56rem;
}
/* .s1-r ul li a:hover {border-top:#033481 1px solid !important} */
.s1-r ul li:hover a .date b{
	color:#033481
}
.s1-r ul li:hover a .date span{color:#033481}
.s1-r ul li:hover .info h3{color:#033481;font-weight:bold}
.s1-r ul li:hover:hover a {
    border-color: transparent;
}

.s1-r ul li:hover:hover+li a {
    /* border-color: transparent; */
}

.s2 {
    padding: .7rem 0 .7rem 0;
    background: url(../images/78.jpg)center #033481;
    background-position: center center;
    background-size: cover;
    margin-top: .4rem;
    background-attachment: fixed;
}

.s2-c {
    display: flex;
    justify-content: space-between;
}

.s2-c>div {
    width: 31.5%;
    background: #fff;
    padding: 0.2rem;
    border-radius: 10px;
}

.first-item a {
    display: flex;
    margin-bottom: .2rem;
}

.first-item a .pics {
    width: 100%;
}

.first-item a .pics .pic {
    padding-top: 60%;
    transition:all 0.3s;
}
.first-item a .pics .pic p{
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: .16rem;
    text-align: center;
    height: .5rem;
    line-height: .5rem;
    display: block;
    width: 100%;
    padding: 0 .3rem;
    background: rgba(0,0,0,0.5);
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.first-item a:hover .pics .pic{transition:all 0.3s;}
.first-item a .info {
    flex: 1;
    min-width: 0;
    background: rgba(255, 255, 255, 1);
    padding: .2rem;
}

.first-item a .info h3 {
    font-size: 0.19rem;
    font-weight: normal;
    line-height: 0.30rem;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 1.2rem;
}

.first-item a:hover .info h3 {
    color: #033481;
}

.first-item a .info div {
    width: 0.34rem;
    height: 1px;
    /* background: #033481; */
    margin-top: .1rem;
}

.first-item a .info span {
    display: block;
    padding-left: .25rem;
    background: url(../images/icon-time.png) no-repeat;
    background-position: left center;
    background-size: .15rem;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.22rem;
    color: rgba(0, 0, 0, 0.7);
    margin-top: .1rem;
}

.s2 .publist ul li a p {
    padding-left: .2rem;
}

.s2 .publist ul li a p::before {
    background: url(../images/publist-bef.png) no-repeat;
    background-position: center center;
    background-size: .04rem;
    border: none;
    border-radius: 0;
}

.s2 .publist ul li a span {
    min-width: .9rem;
}

.s3 {
    margin-top: 0.4rem;
}

.s3-c {
    display: flex;
    justify-content: space-between;
}
.s3-c>div{width: 31.5%;}
.s3-c .fc_nr{
    background: #f9f9f9;transition:all 0.3s
}
.s3-c .fc_nr:hover{background:#eaf4ff;transition:all 0.3s}
.s3-c .fc_rw{
    /* display: flex; */
}
.s3-c .fc_rw a{
    display: flex;
    height: auto;
    overflow: hidden;
}
.s3-c .fc_phot{
    width: 60%;
    position: relative;
}
.fc_phot:before{
	content:"";
	position:absolute;
	background: url(../images/in_12.png);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	width: .14rem;
	height: .3rem;
	background-size: cover;
}
.s3-c .fc_txt h2{
    font-size: .18rem;
    margin-bottom: 0.1rem;
    line-height: .27rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
}
.s3-c .fc_txt p{
    color: #666;
    font-size: .16rem;
    line-height: .27rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
}
.s3-c .fc_txt{
    width: 40%;
    padding: .2rem;
    position: relative;
}
.s3-c .fc_txt .pic{}
.s3-c .fc_txt .pic img{}
.s3-c {}
.s3-c {}
.s3-c {}



.s3-l {
    width: 66%;
}
.s3-l .itit{
    display: block;
    height: .6rem;
    /* overflow: hidden; */
}
.s3-l .itit li{
    float: left;
	margin-right:0.5rem;
	cursor:pointer;
	position:relative;
}
.s3-l .itit:before{display:none}
.s3-l .itit li.on:before{
	content:"";
	position:absolute;
	width: 2rem;
	height: 2px;
	background: #033481;
	bottom: -0.1rem;
	left: 0;
}
.s3-l .itit li h2 b{color:#333}
.s3-l .itit li h2 span{color:#333}
.s3-l .itit .on h2 b{color:#033481}
.s3-l .itit .on h2 span{color: #e40000;}
.s3-l .itit .itit-more{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.s3-l .itit .itit-more .on{display:block}
.s3-l .itit .itit-more .hide{display:none}

.s3-r {
    width: 5rem;
    margin-left: 0.4rem;
}
.s3-l ul {
    margin: 0 -.1rem;
}
.xyssfcbox{width:100%;height:auto;overflow:hidden;position:relative}
.s3-l .fcpicbox{
	position:absolute;
	left:0;
	top:0;
	width: 99%;
	height:100%;
	opacity:0;
	z-index:-1;
	transition: all 0.6s;
}
.s3-l .fcpicbox.on{/* display: flex; */position:relative;opacity:1;z-index:9;}

.fcpicbox .slick-prev {
   width: 26px;
   height: 26px;
   left: 2%;
   background: url(../images/tz_jtl.png) center no-repeat;
   opacity: 0.7;
   top: 40%;
 }

.fcpicbox .slick-next {
   width: 26px;
   height: 26px;
   background: url(../images/tz_jtr.png) center no-repeat;
   opacity: 0.7;
   right: 2%;
   top: 40%;
 }

.fcpicbox .slick-prev:hover,
.fcpicbox .slick-next:hover {
   opacity: 1;
 }

.s3-l ul li {
    width: 25%;
}

.s3-l ul li a {
    display: block;
    margin: 0 .1rem;
}

.s3-l ul li a .pic {
    padding-top: 70%;
    border: #B7D7F2 10px solid;
    transition:all 0.3s;
}
.s3-l ul li:hover a .pic{border: #c12627 7px solid;transition:all 0.3s;}
.s3-l ul li a .info {
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #E7E7E7;
    padding: .15rem;
}

.s3-l ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: 350;
    line-height: 0.3rem;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.s3-l ul li a:hover .info h3 {
    color: #c12627;
    font-weight: 600;
}

/* .s3-r ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
 */
/* .s3-r ul li {
    width: 48%;
} */

/* .s3-r ul li a {
    display: block;
    padding-left: .15rem;
    font-size: 0.16rem;
    line-height: 0.51rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s3-r ul li a::before {
    content: ">";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #033481;
    font-family: 宋体;
    font-size: .14rem;
}

.s3-r ul li a:hover {
    color: #033481;
    font-weight: 600;
}

.s3-r ul li a::before {}
 */

.s4{
    padding: 0;
}
.sbsbox {
    background: #fff;
    padding: 0.2rem  0 0.6rem 0;
}

.sbsbox ul {}

.sbsbox li {
  width: 33.33333%;
  float: left;
  margin: 0;
  overflow: hidden;
  transition: all 0.3s;
  padding: 0 0;
  border-right: #ececec 1px solid;
}


.sbsbox li:hover img {
  transform: rotateY(180deg);
}

.sbsbox li a {
  padding: 0;
  display: block;
}

.sbsbox li img {
  display: block;
  margin: .1rem auto;
  padding: 0.1rem 0.1rem;
  transition: all 0.3s;
  border-radius: .15rem;
  width: 0.7rem;
  height: 0.7rem;
  position: relative;
}



.sbsbox li span {
  display: block;
  text-align: center;
  color: #666;
  font-size: .20rem;
  line-height: .2rem;
  width: 100%;
  margin: 0 auto;
  font-style: normal;
}

.sbsbox li:hover span {
  color: #e40000;

}

.sbsbox li i {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 1rem;
  height: 1rem;
  border-radius: 20%;
  overflow: hidden;
  /* background-size: 50% !important; */
  transition: all 0.3s;
}
.sbsbox li:hover i{ transform: rotateY(180deg); }

.sbsbox li i::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  height: 1rem;
  z-index: 999;
  -webkit-animation: roted linear 30s infinite;

  border-radius: 20%;
  display: none;
}

.sbsbox li i::before {
  /* content: ""; */
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  width: 1.6rem;
  height: 1.6rem;
  z-index: 999;
  -webkit-animation: roted linear 30s infinite;
  /* background: url(../images/fw_d.png) .04rem no-repeat; */
  border-radius: 50%;
  opacity: 0;
}

.sbsbox li:hover i::before {
  opacity: 1;
}
/* @keyframes go {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes roted {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
} */
@media screen and (min-width: 1025px) {}

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

@media screen and (max-width: 1024px) {
    .banner{
        padding: 0 !important;
    }
    .banner .slick-slide a::before{
        height: .5rem;
    }
    .banner .slick-dots li{
        margin: 0 .1rem;
    }
    .s1-c, .s2-c, .s3-c {
        display: block;
    }

    .s1-r {
        width: auto;
        margin-left: 0;
        margin-top: .3rem;
    }

    .s1-lt ul li {
        width: 49%;
    }

    .s1-lt ul li a .info {
        padding: .15rem .1rem;
    }

    .s1-r ul li {
        padding: 0 .15rem;
    }

    .s1-r ul li a {
        /* height: 0.95rem; */
    }

    .s1-lt ul li a .info div b{
        font-size: .28rem;
        line-height: .3rem;
    }
    .s1-lt ul li a .info div span{
        font-size: .16rem;
        margin-left: .05rem;
    }
    .s2-c>div {
        width: auto;
    }

    .s2-m {
        margin: .3rem 0;
    }
    .publist ul li a p{
        line-height: .46rem;
    }

    .s3-l {
        width: auto;
    }

    .s3-r {
        width: auto;
        margin-top: .3rem;
        margin-left: 0;
    }

    .s3-l ul li {
        width: 50%;
    }

    .s3-l ul li:nth-child(2)~li {
        margin-top: .2rem;
    }
    .s3-l ul li a .info{
        padding: .1rem;
    }
    .itit-name h4{
        display: none;
    }
    .itit-name .itit-icon img{
        height: .3rem;
    }
    .itit-name h2{
        font-size: .24rem;
    }
    .itit{
        margin-bottom: .25rem;
    }

    .s1-c,.s3{
        margin-top: .35rem;
    }
    .s2{
        padding: .35rem 0;
        margin-top: .35rem;
    }
    .s3-r ul li{
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
	.s3-c>div{width:100%}
	.news1-c{display:block;}
	.news1-l {width:100%;}
	.s1-r ul li{padding: 0 0 0 .15rem;}
	.news1-r{width:100%;margin-top:.4rem}
    .first-item a {
        display: block;
    }

    .first-item a .pics {
        width: auto;
    }
}

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