@charset "utf-8";


html, body, .banner, .banner .slick, .banner .slick div, .banner .slick-slide a, .banner .slick-slide a img {
    width: 100%;
    height: 100%;
}

.banner .slick-slide a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/banner-zzc.png) repeat-x;
    background-position: center top;
    z-index: 9;
}

.banner .slick-slide a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/banner-zzc2.png) repeat-x;
    background-position: center bottom;
    background-size: auto 100%;
    z-index: 9;
}

.banner {
    width: 100%;
    position: relative;overflow: hidden;
}

.banner a {
    display: block;
}

.banner .slick-slide a {
    display: block;
    position: relative;
}

.banner .slick-slide a img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 7;
    transition: all 8s;
}

.banner .slick-dots {
    display: flex !important;
    justify-content: end;
    align-items: center;
    bottom: .35rem;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 14.4rem;
    /* margin: 0 auto; */
    /* max-width: 95%; */
    text-align: right;
}

.banner .slick-dots li {
    position: relative;
    margin: 0 .1rem;
    opacity: 1;
    background: #fff;
    vertical-align: middle;
    border-radius: 50%;
    width: 0.12rem;
    height: 0.12rem;
}


.banner .slick-dots li.slick-active {
    width: .2rem;
    height: .2rem;
    background:none;
    border:1px solid #fff;

   
}
.banner .slick-dots li.slick-active:before{
    content:"";
       background: #fff;
    vertical-align: middle;
    border-radius: 50%;
    width: 0.12rem;
    height: 0.12rem;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}


.index {
    font-size: 0;
    position: relative;
  
    background: #fff;
}

.title {
    position: relative;
    margin-bottom: .3rem;
    overflow: hidden;
}

.title h2 {
    float:left;
   
    position: relative;
   
}

.title h2 img{
    display:none;
}

.title h2:nth-child(1) {
    margin-left: 0;
}

.title h2 img {
    margin-right: .18rem;
}

.title h2 span {
    font-size: 0.3rem;
    font-weight: 600;
    line-height: 0.32rem;
    color: #1a53a8;
}

.title>a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    align-items: center;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #777777;
    background: url(../images/more-right.png) no-repeat;
    background-position: right center;
    background-size: 0.08rem;
    padding-right: .18rem;
}

.title>a:hover {
    color: #1a53a8;
}

.title>a::before {
    content: "";
}

.title h2.nodq span {
    font-size: 0.24rem;
    color: #333333;
    font-weight: normal;
}

.title>a.hide {
    display: none;
}

.title-w h2 {
    color: #464646;
}

.title-w h2 span {
    color: #fff;
}

.title-w>a {
    color: #fff;
    background: url(../images/more-right-w.png) no-repeat;
    background-position: right center;
}
.title-w>a:hover{
    color: #fff;
    text-decoration: underline;
}

.block1 {
    background-position: center top;
}

.section1 {
    padding: 0.39rem 0 .78rem 0;
    background: url(../images/s1-bg0429.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.s1-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s1-l {
    /* background-color: #ffffff; */
    /* box-shadow: 0rem 0.03rem 0.38rem 0rem rgba(26, 83, 168, 0.15); */
    /* padding: .25rem; */

    width: 71%;
    position: relative;
}

.s1-l::before {
    /* content: ""; */
    position: absolute;
    right: 100%;
    top: 0.4rem;
    bottom: 0.1rem;
    width: 0.07rem;
    background-color: #1a53a8;
}

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

.s1-l ul li a .pic {
    padding-top: 60%;
}

.s1-l ul li a .pic img {
    object-fit: cover;
}

.s1-l ul li a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.9rem;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    font-size: 0.22rem;
    font-weight: normal;
    color: #ffffff;
    padding: 0 1.5rem 0 .3rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.s1-l .slick-prev, .s1-l .slick-next {
    width: 0.4rem;
    height: 0.4rem;
    left: auto;
    top: auto;
    bottom: 0.25rem;
    transform: translateY(0);
}

.s1-l .slick-prev {
    background: url(../images/s1-prev.png) no-repeat;
    background-size: 100%;
    right: 1rem;
}

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

.s1-r {
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    position: relative;
}

.s1-r::after {
    /* content: ""; */
    position: absolute;
    left: 100%;
    top: 0.3rem;
    bottom: 0;
    width: 0.07rem;
    background-color: #1a53a8;
}

.s1-r ul {
    background-color: #f5f9ff;
    padding: 0.05rem .2rem;
}

.s1-r ul li a {
    padding: .28rem 0;
    border-top: 1px solid #e6edf9;
    position: relative;
}

.s1-r ul li a:before{
    content:"";
    width:1px;
    height:16px;
    background:#c1d9fc;
    position:absolute;
    left:.68rem;
}

.pubitem {
    display: flex;
    align-items: center;
}

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

.pubitem .date {
    text-align: center;
    margin-right: .3rem;
}

.pubitem .date span {
    display: block;
    font-family: ArialMT;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: 0.2rem;
    color: #1a53a8;
}

.pubitem .date b {
    display: block;
    font-family: Arial-BoldMT;
    font-size: 0.24rem;
    font-weight: 600;
    font-stretch: normal;
    line-height: 0.22rem;
    letter-spacing: 0rem;
    color: #1a53a8;
    margin-top: .05rem;
}

.pubitem .info {
    flex: 1;
    min-width: 0;
}

.pubitem .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.24rem;
    max-height: .72rem;
    color: #444444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.pubitem:hover .info h3 {
    color: #1a53a8;
}

.section2 {
    background: url(../images/s2-bg0429.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: .45rem 0 .6rem 0;
}

.s2-c {
    display: flex;
}

.s2-l {
    width: 71%;
    margin-right: 2.2%;
}

.s2-lc {
    display: flex;
}

.s2-ll {
    width: 6.3rem;
    margin-right: 3%;
    background: rgba(255,255,255,0.7);
    padding-bottom: .1rem;
}
.s2-ll .mtjj-swiper{
    margin-bottom:.2rem;
}
.mtjj-swiper{
    position:relative;
}

.mtjj-pagination{
    position:absolute;
    bottom: 26px;
    right: 10px;
    z-index:9;
    text-align:center;
    width:auto;
}
.mtjj-pagination span{
    background:#fff;
    opacity:1;
    margin:0 3px;
    cursor:pointer;
}
.mtjj-pagination .swiper-pagination-bullet-active{
    background:#1a53a8;
}


.s2-ll .mtjj-swiper a{
    display:block;
    position:relative;
}
.s2-ll .first .pic{
    
position: relative;
    
padding-top: 65%;
}

.s2-ll .first .info{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    padding: .3rem .2rem;
}
.s2-ll .first .info h3{
    font-size: 0.22rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    width: calc(100% - 80px);
}

.s2-ll ul li {
    padding:0 .3rem;
}
.s2-ll ul li a {
    padding: 0.1rem 0;
    border-bottom: 1px solid rgba(26,83,168,0.18);
    /* justify-content: space-around; */
}
.s2-ll ul li:last-child a{
    border-bottom:none;
}

.s2-ll ul li a .pic {
    padding-top: 56%;
}

.s2-ll ul li .ico{
    width: 1.2rem;
}
.s2-ll ul li .ico img{
    width:100%;
}

.s2-ll ul li a .info {
    /* background-color: #ffffff; */
    /* padding: .3rem .4rem .4rem .4rem; */
    margin-left: .15rem;
    /* width: calc(100% - 1.5rem); */
    /* flex: none; */
}

.s2-ll ul li a .info span {
    display: block;
    font-family: ArialMT;
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.22rem;
    letter-spacing: 0rem;
    color: #1a53a8;
}

.s2-ll ul li a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #444444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 0.6rem;
    /* margin: .17rem 0; */
}

.s2-ll ul li a .info p {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #777777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 0.9rem;
}

.s2-ll ul li a:hover .info h3 {
    color: #1a53a8;
}

.s2-lr ul {
    /* height: 100%; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-between; */
    padding: 0 .15rem;
}

.s2-lr ul li {
    padding: .25rem 0;
    border-bottom: 1px solid rgba(26, 83, 168, 0.18);
}
.s2-lr ul li:last-child{
    border-bottom:none;
}

.s2-lr ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* height: 1.22rem; */
    /* margin-right: .15rem; */
    /* padding: 0 .3rem; */
    /* padding-bottom: .2rem; */
    position: relative;
    /* background-color: #ffffff; */
}

.s2-lr ul li .ico{
    width: 1rem;
}
.s2-lr ul li .ico img{
    width:100%;
}

.s2-lr ul li a h3 {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #444444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .48rem;
    /* width: 100%; */
    /* margin-left: .15rem; */
    width: calc(100% - 1.1rem);
}

.s2-lr ul li a .date {
    position: absolute;
    right: -0.15rem;
    bottom: -0.1rem;
    background-color: #1a53a8;
    text-align: center;
    height: 0.57rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: .1rem;
}

.s2-lr ul li a .date::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    border-width: 0 0 .57rem .57rem;
    border-style: solid;
    border-color: transparent transparent #1a53a8 transparent;
}

.s2-lr ul li a .date span {
    font-family: ArialMT;
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.18rem;
    color: #ffffff;
    display: block;
}

.s2-lr ul li a .date b {
    font-family: Arial-BoldMT;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.22rem;
    color: #ffffff;
    display: block;
}

.s2-lr ul li a:hover h3 {
    color: #1a53a8;
}

.s2-lr {
    flex: 1;
    min-width: 0;
    background: rgba(255,255,255,0.7);
}

.s2-r {
    flex: 1;
    min-width: 0;
}

.s2-r ul li {
    position: relative;
    /* background: #fff; */
    margin-top: .23rem;
}

.s2-r ul li::before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 0.15rem;
    height: 0.15rem;
    background: url(../images/s2-ritem-sj.png) no-repeat;
    background-size: 100%;
}

.s2-r ul li:nth-child(2n):before {
    right: .2rem;
}

.s2-r ul li:nth-child(2n+1):before {
    left: .2rem;
}

.s2-r ul li:nth-child(1) {
    margin-top: 0;
}

.s2-r ul li a {
    height: 1.08rem;
    padding: 0 .2rem;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.section3 {
    background: url(../images/s3-bj.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: .85rem 0;
}

.s3-c {
    display: flex;
}

.s3-l {
    width: 9.5rem;
    margin-right: 2%;
}

.s3-lc {
    display: flex;
    justify-content: space-between;
}

.s3-ll {
    width: 48%;
}

.s3-lr {
    width: 48%;
}

.s3-first a {
    display: block;
    position: relative;
}

.s3-first a .pic {
    padding-top: 67%;
}

.s3-first a .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s3-zzc.png) repeat-x;
    background-position: center bottom;
}

.s3-first a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .3rem .2rem;
}

.s3-first a .info h3 {
    color: #fff;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .48rem;
}

.s3-first a .info h3 i {
    background-image: linear-gradient(#fff, #fff);
}

.s3-llist {
    background: #fff;
    padding: .12rem .3rem;
}

.s3-llist li {
    padding: .3rem 0;
    border-top: 1px solid rgba(26, 83, 168, .25);
}

.s3-llist li:nth-child(1) {
    border-top: none;
}

.s3-r {
    flex: 1;
    min-width: 0;
}

.s3-r ul li {
    background: #fff;
    margin-top: .2rem;
}

.s3-r ul li:nth-child(1) {
    margin-top: 0;
}

.s3-r ul li a {
    height: 1.22rem;
    padding: 0 .3rem;
}


.section4 {
    background: url(../images/s4-bg0429.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0.4rem 0 .3rem 0;
}

.s4-c {
    display: flex;
}

.s4-l {
    width: 71%;
    margin-right: 2%;
}

.s4-l .title {
    justify-content: space-between;
    align-items: center;
}

.s4-l .s4-arrow {
    margin-right: 1rem;
    display: flex;
    align-items: center;
}

.s4-l .s4-arrow div:nth-child(1) {
    margin-right: .2rem;
}

.s4-l .s4-arrow div img {
    display: block;
    height: 0.4rem;
    cursor: pointer;
}

.s4-l .s4-arrow div {
    border-radius: 50%;
    transition: all 0.5s;
}

.s4-l .s4-arrow div:hover {
    background: rgba(26, 83, 168, .25);
}

/*
.s4-l ul {
    margin: 0 -.15rem;
}

.s4-l ul li a {
    display: block;
    margin: 0 .15rem;
}

.s4-l ul li a .pic {
    padding-top: 114.7%;
}

.s4-l ul li a .info {
   background-color: #ffffff; 
    border: solid 0.01rem #d6d6d6; 
    padding: .25rem .3rem; 
}

.s4-l ul li a .info h3 {
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #444444;
    text-align: center;
}

.s4-l ul li a .info p {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.2rem;
    letter-spacing: 0rem;
    color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .1rem;
}

.s4-l ul li a:hover .info {
    background-color: #1a53a8;
    border-color: #1a53a8;
}

.s4-l ul li a:hover .info h3 {
    color: #fff;
}

.s4-l ul li a:hover .info p {
    color: #fff;
}
*/

.s4-r {
    flex: 1;
    min-width: 0;
}

.s4-rc {
    background: #e9f1fc url(../images/s4-rbj.png) no-repeat;
    background-position: right top;
    padding: .5rem .25rem .25rem .25rem;
}

.s4-first a {
    display: flex;
    align-items: center;
}

.s4-first a .pics {
    width: 1.88rem;
    margin-right: .2rem;
}

.s4-first a .pics .pic {
    padding-top: 73.9%;
}

.s4-first a .info {
    flex: 1;
    min-width: 0;
}

.s4-first a .info span {
    font-family: ArialMT;
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.22rem;
    letter-spacing: 0rem;
    color: #1a53a8;
}

.s4-first a .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.22rem;
    letter-spacing: 0rem;
    color: #444444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: .66rem;
    margin-top: .1rem;
}

.s4-first a:hover .info h3 {
    color: #1a53a8;
}

.s4-rc ul {
    padding: .35rem 0 0 0;
}

.s4-rc ul li {
    padding: .27rem 0;
    border-top: 1px solid rgba(26, 83, 168, .25);
}

.section5 {
    background: url(../images/s5-bg0429.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0.5rem 0;
}

.s5-tit ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.s5-tit ul li {
    display: flex;
    align-items: center;
    padding-bottom: .2rem;
    margin-left: .5rem;
    cursor: pointer;
    position: relative;
}

.s5-tit ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.03rem;
    background-color: #1a53a8;
    transition: all 0.5s;
}

.s5-tit ul li:nth-child(1) {
    margin-left: 0;
}

.s5-tit ul li div {
    margin-right: .1rem;
}

.s5-tit ul li div img {
    display: none;
}

.s5-tit ul li div img:nth-child(1) {
    display: block;
}

.s5-tit ul li.on div img {
    display: block;
}

.s5-tit ul li.on div img:nth-child(1) {
    display: none;
}

.s5-tit ul li p {
    font-size: 0.3rem;
    font-weight: 600;
    line-height: 0.3rem;
    color: #666666;
}

.s5-tit ul li.on p {
    color: #1a53a8;
}

.s5-tit ul li.on::after {
    width: 100%;
}

.s5-c {
    position: relative;
    margin-top: .6rem;
}

.s5-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 8;
    transform: translateY(100%);
    transition: all 0.8s;
}

.s5-box.on {
    position: relative;
    z-index: 9;
    opacity: 1;
    transform: translateY(0);
}

.s5-box ul li a {
    display: block;
    position: relative;
    overflow: hidden;
}

.s5-box ul li a .pic {
    padding-top: 117.5%;
}

.s5-box ul li a .pic::after {
    content: "";
    position: absolute;
    background-color: #063c8d;
    opacity: 0.4;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
}

.s5-box ul li a .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s5-item-bj.png) no-repeat;
    background-size: cover;
    background-position: center top;
    padding: .65rem .2rem .4rem .2rem;
    transform: translateY(100%);
    transition: all 0.5s;
}

.s5-box ul li a .info h3 {
    font-size: 0.22rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 0.6rem;
}

.s5-box ul li a .info p {
    font-size: 0.14rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.26rem;
    letter-spacing: 0rem;
    color: #ffffff;
    opacity: 0.54;
    margin-top: .1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .52rem;
}


.s5-box .slick-slide {
    position: relative;
    z-index: 1;
}

.s5-box ul {
    margin: 0 -.15rem;
}

.s5-box .slick-slide a {
    display: block;
    margin: 0.4rem .15rem;
    transform-origin: left center;
    transition: all 0.5s;
}

.s5-box .slick-center {
    z-index: 9;
}

.s5-box .slick-center a {
    margin: 0 -.2rem;
}

.s5-box .slick-center a .info {
    transform: translateY(0);
}

.s5-box .slick-center a .pic::after {
    opacity: 0;
}

.section6 {
    padding: .67rem 0 .8rem 0;
}

.section6 .title {
    justify-content: space-between;
    align-items: center;
}

.s6-meida {
    position: absolute;
    right: 1.3rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.s6-meida ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
}

.s6-meida ul li a {
    display: block;
    position: relative;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.68rem;
    height: 0.68rem;
    background-color: #e5eef9;
}

.s6-meida ul li a img {
    display: block;
    margin: auto;
}

.s6-meida ul li a .foot-ewm {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 130%;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px;
    background: rgba(26, 83, 168, .25);
    opacity: 0;
    transition: all 1s;
    visibility: hidden;
    z-index: 9;
}

.s6-meida ul li a .foot-ewm img {
    display: block;
    width: 100px;
}

.s6-meida ul li a .foot-ewm::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: rgba(26, 83, 168, .25) transparent transparent transparent;
}

.s6-meida ul li a .icon {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    text-align: center;
    font-size: 0;
    position: relative;
    z-index: 1;
}

.s6-meida ul li:hover a {
    overflow: visible;
}

.s6-meida ul li:hover a .icon {
    background-color: #2f73d1;
}

.s6-meida ul li:hover a .icon img {
    opacity: 1;
}

.s6-meida ul li a .icon img {
    vertical-align: middle;
    /* opacity: .6; */
    display: block;
    width: 100%;
}

.s6-meida ul li:hover a .foot-ewm {
    opacity: 1;
    bottom: 100%;
    visibility: visible;
}

.s6-item {
    display: block;
    position: relative;
}

.s6-item .pic::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/s6-zzc.png) repeat-x;
    background-position: center bottom;
    z-index: 8;
}

.s6-item .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 .2rem;
    z-index: 9;
}

.s6-item .info h3 {
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: .48rem;
}

.s6-item .info h3 i {
    background-image: linear-gradient(#fff, #fff);
}

.s6-item p {
    display: flex;
    align-items: center;
    padding-bottom: .2rem;
    border-bottom: .06rem solid transparent;
    margin-top: .15rem;
}

.s6-item p img {
    margin-right: .1rem;
}

.s6-item p span {
    display: block;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: 0.3rem;
    color: #FFFFFF;
}


.s6-c {
    display: flex;
    padding-top: .3rem;
}

.s6-l {
    width: 25%;
}

.s6-l .s6-item .pic {
    padding-top: 200%;
}

.s6-r {
    width: 75%;
}



.s6-l .s6-item .pic {
    padding-top: 200%;
}

.s6-rt ul {
    display: flex;
}

.s6-rt ul li:nth-child(1) {
    width: 33.33%;
}

.s6-rt ul li:nth-child(1) .s6-item .pic {
    padding-top: 100%;
}

.s6-rt ul li:nth-child(2) {
    width: 66.67%;
}

.s6-rt ul li:nth-child(2) .s6-item .pic {
    padding-top: 50%;
}

.s6-rb ul {
    display: flex;
}

.s6-rb ul li:nth-child(2) {
    width: 33.33%;
}

.s6-rb ul li:nth-child(2) .s6-item .pic {
    padding-top: 100%;
}

.s6-rb ul li:nth-child(1) {
    width: 66.67%;
}

.s6-rb ul li:nth-child(1) .s6-item .pic {
    padding-top: 50%;
}

.section7 {
    background: url(../images/s6-bg0429.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: .7rem 0 .9rem 0;
}

.s7-c {
   display:flex;
}

.s7-c ul li a .icon {
    width: 1.1rem;
    height: 1.11rem;
    background-color: #ffffff;
    border: dashed 0.01rem #1a53a8;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all 0.5s;
}


.s7-c ul li a p {
    text-align: center;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    color: #666666;
    margin-top: .2rem;
}

.s7-c ul li a:hover p {
    color: #1a53a8;
}

.s7-c ul li a:hover .icon {
    background: #e5eef9;
    border-style: solid;
}

.section7 .title {
    justify-content: space-between;
    align-items: center;
}

.section7 .s7-arrow {
    display: flex;
    align-items: center;
}

.section7 .s7-arrow div {
    border-radius: 50%;
    transition: all 0.5s;
}

.section7 .s7-arrow div:hover {
    background: rgba(26, 83, 168, .25);
}

.section7 .s7-arrow div:nth-child(1) {
    margin-right: .2rem;
}

.section7 .s7-arrow div img {
    display: block;
    height: 0.4rem;
    cursor: pointer;
}

.section8 {
    padding: .75rem 0 .9rem 0;
}

.s8-c ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s8-c ul li {
    width: 24%;
}

.s8-c ul li a {
    display: block;
}

.s8-c ul li a .pic {
    padding-top: 52%;
}

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

@media screen and (max-width:1400px) {
    .s2-ll {
        width: 5.5rem;
    }

    .s2-r ul li a {
        height: 1rem;
    }

    .s3-l {
        width: 8.5rem;
    }

    .s3-r ul li a {
        height: 1.14rem;
    }
}

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

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

    html,
    body,
    .banner,
    .banner .slick,
    .banner .slick .slick div,
    .banner .slick .slick-slide a,
    .banner .slick .slick-slide a img {
        height: auto !important;
    }

    .banner .slick-slide a::after {
        display: none;
    }

    .banner .slick-dots {
        bottom: 0.2rem;
    }

    .index {
        position: static;
        padding-top: 0;
    }

    .s1-c, .s2-c, .s3-c, .s4-c {
        display: block;
    }

    .s1-l, .s2-l, .s3-l, .s4-l {
        width: auto;
        margin-right: 0;
    }

    .s1-l ul li a p {
        font-size: .18rem;
        line-height: .6rem;
        padding: 0 1rem 0 .15rem;
    }

    .s1-l .slick-prev, .s1-l .slick-next {
        bottom: 0.1rem;
    }

    .s1-l .slick-prev {
        right: .55rem;
    }

    .s1-l .slick-next {
        right: 0.1rem;
    }

    .s1-l {
        padding: .15rem;
    }

    .s1-r {
        width: auto;
    }

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

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

    .s2-ll ul li a .info h3 {
        font-size: .2rem;
    }

    .s2-r, .s3-r, .s4-r {
        margin-top: .3rem;
    }

    .s2-lr ul li a {
        padding: 0 .15rem;
    }

    .s2-ll ul li a .info {
        padding: .2rem;
    }

    .s3-llist {
        padding: .12rem .15rem;
    }

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

    .s4-rc {
        padding: .3rem .15rem .15rem .15rem;
    }


    .section1, .section2, .section3, .section4, .section5, .section6, .section7, .section8 {
        padding: .5rem 0;
    }

    .title h2 img ,.s5-tit ul li div img{
        max-height: .3rem;
    }

    .title h2 span ,.s5-tit ul li p{
        font-size: .24rem;
    }

}


@media screen and (max-width: 768px) {
    .s2-lc, .s3-lc {
        display: block;
    }

    .s2-ll {
        width: auto;
        margin-right: 0;
    }

    .s2-lr {
        margin-top: .2rem;
    }

    .s2-lr ul li {
        margin-top: .2rem;
    }

    .s3-ll {
        width: auto;
    }

    .s3-lr {
        width: auto;
        margin-top: .2rem;
    }

    .s5-box ul{
        margin: 0 -.1rem;
    }
    .s5-box .slick-slide a{
        margin-left: .1rem;
        margin-right: .1rem;
    }
    .s5-box .slick-center a {
        margin: 0 -.2rem;
    }
    .s5-box ul li a .info{
        padding: .65rem .15rem .2rem .15rem;
    }
    .s5-box ul li a .info h3{
        font-size: .18rem;
    }
    .section6 .title {
        display: block;
    }

    .section6 .title>a {
        transform: translateY(0);
        top: 0;
    }

    .s6-meida {
        position: static;
        transform: translateY(0);
        margin-top: .2rem;
    }

    .s6-meida ul {
        text-align: center;
    }

    .s6-meida ul li a {
        width: 0.5rem;
        height: 0.5rem;
    }
.s6-meida ul li a .foot-ewm img{
    max-width: none;
        max-height: none;
}
    .s6-meida ul li a img {
        max-width: 50%;
        max-height: 50%;
    }

    .s6-c {
        display: block;
    }

    .s6-l {
        width: auto;
    }

    .s6-r {
        width: auto;
    }

    .s6-item .info h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .s6-rt ul, .s6-rb ul {
        display: block;
    }

    .s6-rt ul li, .s6-rb ul li {
        width: auto !important;
    }

    .s7-c ul li a .icon {
        width: 0.8rem;
        height: 0.8rem;
    }

    .s7-c ul li a .icon img {
        max-width: 60%;
        max-height: 60%;
    }

    .s8-c ul li {
        width: 48%;
        margin-top: 4%;
    }

    .s8-c ul li:nth-child(-n+2) {
        margin-top: 0;
    }
}

@media screen and (max-width:480px) {}
.tout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: .5rem;

}

.toutl img {
    display: block;
    height: 0.7rem;
}

.toutr a {
    display: block;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.3rem;
    letter-spacing: 0rem;
    color: #777777;
    background: url(../images/more-right.png) no-repeat;
    background-position: right center;
    background-size: 0.08rem;
    padding-right: 0.18rem;
}
.toutr a:hover{
    color: #1a53a8;
}
.toutm {
    flex: 1;
    min-width: 0;
    padding: 0 .5rem;
}

.toutm h3 a {
    display: block;
    font-size: 0.3rem;
    font-weight: 600;
    line-height: 0.3rem;
    color: #1a53a8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.toutm h3 a:hover{
    text-decoration: underline;
}

.toutm ul {
    display: flex;
    justify-content: center;
    margin-top: .15rem;
}

.toutm ul li {
    max-width: 50%;
    position: relative;
}
.toutm ul li:nth-child(1)::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.3rem;
    background-color: #909090;
    border-radius: 0.01rem;
}
.toutm ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.2rem;
    font-weight: 600;
    line-height: 0.4rem;
    color: #1a53a8;
    background-color: #e9f1fc;
    padding: 0 .2rem;
}
.toutm ul li a:hover{
    text-decoration: underline;
}

@media screen and (max-width:1024px){
    .tout{
        margin: 0 0 .3rem 0;
        flex-wrap: wrap;
    }
    .toutm{
        flex: auto;
        width: 100%;
        padding: .3rem 0 0 0;
        order: 3;
    }
    .toutr{
        order: 1;
    }
    .toutm h3 a{
        font-size: .24rem;
    }
    .toutm ul li a{
        font-size: .16rem;
        padding: 0 .1rem;
    }
    .toutl img {
        height: 0.4rem;
    }
}
@media screen and (max-width:768px){
    .toutm ul{
        display: block;
        padding: .1rem 0;
    }
    .toutm ul li{
        max-width: none;
    }
    .toutm ul li:nth-child(1)::after{
        display: none;
    }
}



.index-yxjw {
    display:flex;
}


.yxjw-r{
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    position: relative; background-color: rgba(255,255,255,0.7);
}


.index-yxjw ul {
   
    padding: 0.05rem .2rem;
}

.index-yxjw ul li a {
    padding: .20rem 0;
    border-bottom: 1px solid #e6edf9;
    position: relative;
}

.index-yxjw ul li a:before{
    /* content:""; */
    width:1px;
    height:16px;
    background:#c1d9fc;
    position:absolute;
    left:.68rem;
}

.pubitem {
    display: flex;
    align-items: center;
}

.index-yxjw ul li:last-child a {
    border-bottom: none;
}

.yxjw-swiper{
    position:relative;
}

.yxjw-pagination{
    position:absolute;
    bottom: 26px;
    right: 10px;
    z-index:9;
    text-align:center;
    width:auto;
}
.yxjw-pagination span{
    background:#fff;
    opacity:1;
    margin:0 3px;
    cursor:pointer;
}
.yxjw-pagination .swiper-pagination-bullet-active{
    background:#1a53a8;
}


.yxjw-l {
    width: 62%;
    margin-right: 1%;
    background: rgba(255,255,255,0.7);
    padding-bottom:.2rem;
}
.yxjw-l ul{
    padding:0;
}
.yxjw-l .yxjw-swiper{
    margin-bottom:.2rem;
}
.yxjw-l .first a{
    display:block;
    position:relative;
}
.yxjw-l .first .pic{
    
position: relative;
    
padding-top: 65%;
}

.yxjw-l .first .info{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    padding: .3rem .2rem;
}
.yxjw-l .first .info h3{
    font-size: 0.18rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    width: calc(100% - 80px);
}

.yxjw-l ul li{
    padding:0 .3rem;
}


.index-ztzl{
    overflow:hidden;
}

.index-ztzl li{
    margin-bottom: .4rem;
    /* text-align: center; */
}

.index-ztzl li a{
    display:block;width:100%:
}

.index-ztzl li img{
    width:100%;
}

.section5 .title{
    
}
.section5 .title h2{
    display:block;
    text-align:center;
    float:none;
}
.index-yxky .swiper-slide{
    
}

.index-yxky .swiper-slide .pic{
    padding-top:62%;
}

.index-yxky .swiper-slide a{
    display:block;
    position:relative;
}

.index-yxky .swiper-slide .tit{
    background:url(../images/yxky-tit.png) no-repeat;
    background-size:100% 100%;
    width:100%;
    padding:.2rem;
    position:absolute;
    bottom:0;left:0;
    display:none;
}

.index-yxky .swiper-slide-active .tit{
    display:block;
}

.index-yxky .swiper-slide .tit h3{
    font-size:.22rem;
    color:#fff;
    font-weight:normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.index-yxky{
    position:relative;
    margin-top: .6rem;
}
.swiper-button-next:after,
.swiper-button-prev:after{
    display:none;
}
.swiper-button-next,
.swiper-button-prev{
    width:.28rem;
    height:.28rem;
    border-radius:50%;
    cursor: pointer;
    position:absolute;
    z-index:9;
    top:50%;
    margin-top:-.14rem;
    transition:.5s;
}
.swiper-button-prev{
     background:url(../images/yxky-prev.png) center center no-repeat #2172eb;
    background-size:30%;
    left:-.5rem;
}

.swiper-button-next{
     background:url(../images/yxky-next.png) center center no-repeat #2172eb;
    background-size:30%;
    right:-.5rem;
}

.swiper-button-prev:hover{
     background:url(../images/yxky-prev.png) center center no-repeat #bcd7ff;
    background-size:30%;
}


.swiper-button-next:hover{
     background:url(../images/yxky-next.png) center center no-repeat #bcd7ff;
    background-size:30%;
}

.s7-l {
    width: 73%;
    margin-right: 2%;
}

.s7-r {
    flex: 1;
    min-width: 0;
}

.s7-l ul{
    overflow:hidden;padding-top:.2rem;
}

.s7-l ul li{
    float:left;
    width:11.11%;
    text-align:center;
}

.s7-l ul li .ico{
    height:.47rem;
}

.s7-l ul li .ico img{
    height:100%;
    transition:.5s;
}

.s7-l ul li:hover img{
   transform:rotateY(180deg);
}

.s7-r ul{
    padding-top:.1rem;

}

.s7-r ul li{
    float:left;
    width:50%;
    text-align:center;
    position:relative;
}

.s7-r ul li .ico{
    height:.57rem;
}
.s7-r ul li .ico img{
    height:100%;
}

.s7-r ul li .ewm{
    width:140px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-70px;
    margin-top:-70px;
    transform:scaleX(0);
    transition:.5s;
}

.s7-r ul li .ewm img{
    width:100%;
    background:#fff;padding:5px;
}

.s7-r ul li:hover .ewm{
    transform:scaleX(1);
}

@media screen and (max-width:1200px){
    .swiper-button-prev{
        left:0;
    }
     .swiper-button-next{
         right:0;
     }
}


@media screen and (max-width:1024px){
  .index-ztzl li{
      float:left;
      width:50%;
      overflow:hidden;
      padding:5px;
      height:1.25rem;
  }

    .s7-c{
        flex-wrap:wrap;
    }

    .s7-l{
        width:100%;
        margin: 0;
        overflow: hidden;
    }

    .s7-r{
        width: 100%;
        margin-top: .3rem;
        flex: none;
    }

}


@media screen and (max-width:768px){
    .index-yxjw{
        flex-wrap:wrap;
    }
    .yxjw-l{
        width:100%;margin:0;
    }
    .yxjw-r{
         width:100%;
        margin:.2rem 0 0 0;
        flex:none;
    }

    .index-ztzl li{
        float:none;
        width:100%;
        height:auto;
        padding:0;
    }

    .s7-l ul li{
        width:25%;
        margin-bottom:.2rem;
    }

    .s2-ll ul li{
        padding:0 .1rem;
    }
    .s2-lr ul{
        padding:0 .1rem;
    }
}