.more1 {margin-top: 2.5rem;
    width: 7.98rem;
    line-height: 2.55rem;
    height: 2.55rem;
    background: #32489d;
    padding-left: 16px;
    display: block;
    border-radius: 4px;}
.more1 span {color: #fff;
    margin-right: .2rem;
    transition: .5s;
    position: relative;
    z-index: 1;
    display: block;
    float: left;}
.more1:hover span {margin-right: .3rem;}
.more2 {width: 1.5rem;height: 0.5rem;background: #000000; min-width: 125px; min-height: 35px; position: relative; z-index: 1;}
.more2::after {content: ""; position: absolute; width: 0; height: 100%; left: 0; top: 0; background: #32489d; transition: .5s; z-index: -1;}
.more2:hover::after {width: 100%;}
.indexOneTle {position: relative; z-index: 1;}
.indexOneTle .en {font-size: 0.89rem;font-weight: 900;font-weight: 900; position: absolute; z-index: -1;  left: -2%;top: -70%; color: #f1f1f1;opacity: .6;    font-family: Arial, Helvetica, sans-serif;}
.indexOneTle h3 {font-size: 0.48rem;font-family: "PFBold"; }
.indexOneTle i {display: block;width:10.68rem;height: 2px;background:#32489d;border-radius: 0.02rem;margin-top: 5px;}
.indexOne {  padding: .8rem 0;}
.indexOne .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexOne .tle {}

.indexOne .tle ul li svg {max-width: 26px; max-height: 26px; margin-right: 8px; opacity: 0; transition: .5s;}

.indexOne .tle ul li.on svg {opacity: 1;}
.indexOne .tle ul li.on a {color: #333333; font-family: "PFBold";}
.indexOne .box {margin-top: .9rem;}
.inOneSwiper2 {width: 100%;margin: 0; padding-bottom: 50px;}
.indexOne .box .le {width: 30%;}
.inOneSwiper2 .slideBox {display: flex;padding: 30px;
    justify-content: space-between;
    flex-wrap: wrap;}
.inOneSwiper2 .slideBox .con {width: 55%;}
.inOneSwiper2 .imgBox {/*margin-top: 40px;margin-left: 200px;*/
    width: 47%;}
.inOneSwiper2 .imgBox img {width: 100%;
    text-align: right;
    float: right;
    margin-bottom: 10px;}
.inOneSwiper2 .slideBox h4 {text-align: center;font-size: 1.36rem;color: #000000;margin-bottom: 30px;}
.inOneSwiper2 .slideBox .con p {color: #666666;margin-top: 1.25rem;
    font-size: 16px;
    line-height: 32px;}
.inOneSwiper2 .slideBox dl {margin-top: .4rem; display: flex; justify-content: space-between;}
.inOneSwiper2 .slideBox dl .icBox {width: 0.5rem;height: 0.5rem;border: 0.01rem solid #d2d7e0; border-radius: 0.1rem; margin: auto; transition: .5s;}
.inOneSwiper2 .slideBox dl dd:hover .icBox {background: #32489d; border-color: #c50e04;}
.inOneSwiper2 .slideBox dl dd:hover .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.inOneSwiper2 .slideBox dl span {color: #949494; display: block; margin-top: .1rem;}
.inOneSwiper2 .slideBox dl dd img {max-width: 50%; transition: .5s;}
.inOneSwiper2 .slideBox dl dd:hover img {transform: rotateY(180deg);}
.inOneSwiper1Box {background: #fff; width: 18%; padding: .45rem .35rem; border-radius: 10px; box-shadow: 0rem 0rem 0.35rem 0rem rgba(226,225,225,0.33); }
.inOneSwiper1Box h4 {font-size: var(--font24);color: #333333; font-family: "PFBold"; padding-bottom: .1rem; border-bottom: 1px solid #DDDDDD;}
.inOneSwiper1 {margin-top: .1rem; overflow: visible;}
.inOneSwiper1 .swiper-slide {margin-top: .25rem; height: auto !important;}
.inOneSwiper1 .swiper-slide a {display: flex; justify-content: space-between; align-items: center;color: #757575;}
.inOneSwiper1 .swiper-slide img {filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5;}
.inOneSwiper1 .swiper-slide a:hover {color: #32489d;}
.inOneSwiper1 .swiper-slide a:hover img {filter: none; -webkit-filter:none; opacity: 1;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active a {color: #32489d;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active img {filter: none; -webkit-filter:none; opacity: 1;}
.inOneSwiper2 .swiper-pagination {display: flex; bottom: 0;}
.inOneSwiper2 .swiper-pagination div {margin: 0 .15rem; position: relative; width: 34px;height: 34px;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.inOneSwiper2 .swiper-pagination div {opacity: 1; border: 0; background: none;}
.inOneSwiper2 .swiper-pagination span {width: auto; height: auto; background: none; opacity: 0; font-size: 12px;color: #8c97a9;}
.inOneSwiper2 .swiper-pagination i {width: 0.06rem;height: 0.06rem; background: #aaaaaa; display: block; border-radius: 50%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1;}
.inOneSwiper2 .swiper-pagination .fcircle1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle {stroke-width: 20px!important;}
.inOneSwiper2 .swiper-pagination svg {width: 100%; opacity: 0;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle:nth-child(1) {stroke: #D2D7E0;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle:nth-child(2) {stroke: #32489d; }
@keyframes svgcircle1 {from {stroke-dasharray: 0 800;}to { stroke-dasharray: 800 800;}}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active svg {opacity: 1;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active span {opacity: 1;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active i {opacity: 0;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active .fcircle1 circle:nth-child(2) {animation: svgcircle1 5.5s linear forwards;}
.indexOne .cell {display: none;}
.indexOne .cell.on {display: block;}




.e_loop-46 {
    max-width: 1120px;
    margin: 0rem;

}



.indexO .horizontal-list {padding: 30px;
  display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}

.indexO .horizontal-list li {
  /*   margin: 10px 10px;     在li元素之间添加一些间距 */
}

.mor a {box-shadow: 5px 5px 10px #32489d42;width: 11.6rem;height: 3.4rem;background: linear-gradient(89deg,#1f6a93 0%, #539e4a 100%);border-radius: 1.5rem; display: flex; align-items: center; justify-content: center;}
.mor a span {font-size: 1.2rem;font-weight: 400;color: #ffffff; transition: .5s; letter-spacing: 0.03rem;}
.mor a:hover span {margin-right: 0.2rem;}
.mor a {position: relative; overflow: hidden; z-index: 1;}
.mor a::before { background:#32489d; }
.mor a::before {content: ""; width: 100%; height: 100%;  left: 0; z-index: -1; left: 0;position: absolute; transition-duration: .3s;}
.mor a::after {  background:#32489d; }
.mor a::after {content: "";  width: 100%; height: 100%;  transition-duration: .3s; z-index: -1; left: -100%;position: absolute;}
.mor a:hover::before {left: 100%;}
.mor a:hover::after {left: 0;}




@media screen and (min-width: 200px) and (max-width: 768px) {
    
    .indexO .horizontal-list {
            padding: 30px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

    
      .mor a {        /* width: calc(-2% - -70px); */
        /* height: auto; */
        /* margin: 10px; */
        margin-top: 10px;
        width: 6.63rem;
        /* line-height: 175px; */
        height: 2.94rem;
        background: linear-gradient(89deg, #1f6a93 0%, #539e4a 100%);
        border-radius: 1.5rem;
        display: flex;
        justify-content: space-around;
        align-items: center;}
.mor a span {font-size: 0.94rem;font-weight: 400;color: #ffffff; margin: 0 auto;transition: .5s; letter-spacing: 0.03rem;}

}
@media screen and (max-width: 760px) {
.indexO .horizontal-list li {
  margin: 0 10px;       /* 在li元素之间添加一些间距 */
}}