@charset "UTF-8";

.forie{
    width: 100%;
    height: 100%;
    background:#eaeaea url(../img/tishi.png) center no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
   .hover-gun:::-webkit-scrollbar {
        width: 2px;
        height:2px;
    }

    .hover-gun::-webkit-scrollbar-track {
        background: transparent;
    }

    .hover-gun::-webkit-scrollbar-thumb {
        background: transparent;
        /*border-radius: 4px;*/
    }

    .hover-gun::-webkit-scrollbar-thumb:window-inactive {
        background: transparent;
    }

    .hover-gun::-webkit-scrollbar-thumb:vertical:hover {
        background: transparent;
    }

    .hover-gun:hover::-webkit-scrollbar-track {
        background: #fff;
    }

    .hover-gun:hover::-webkit-scrollbar-thumb {
        background: #f18200;
        /*border-radius: 4px;*/
    }

    .hover-gun:hover::-webkit-scrollbar-thumb:window-inactive {
        background: #f18200;
    }

    .hover-gun:hover::-webkit-scrollbar-thumb:vertical:hover {
        background: #f18200;
    }
@media (min-width: 1025px) {
    ::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }

    ::-webkit-scrollbar-track {
        background: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #f18200;
        /*border-radius: 4px;*/
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #f18200;
    }

    ::-webkit-scrollbar-thumb:vertical:hover {
        background: #f18200;
    }
    html {
        font-size: 30px!important;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}
a{
    outline:none
}
/* 閲嶇疆琛ㄥ崟鏍峰紡 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
  resize: none;
}
select::-ms-expand { display: none; }
/* 鏇存敼placeholder棰滆壊 */
input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}
.index-swiper{
    position:relative;
    width:100%;
    height:100Vh;
    overflow: hidden;
}
.index-swiper .index-pagetion{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:2.6%;
    text-align:center;
    width:0.45rem;
    z-index:10
}

.index-swiper .index-pagetion span{
    width:0.45rem;
    height:0.45rem;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    background-image:url(../img/index-y2.png);
    background-color:transparent;
}
.index-swiper .index-pagetion span.swiper-pagination-bullet-active{
    background-image:url(../img/index-y1.png);
    animation: zhuan0 6s infinite linear .65s;
}
.index-swiper .index-pagetion span:nth-last-child(1){
    display:none;
}
.index-swiper .index-pagetion span:nth-last-child(1){
    margin-bottom:0;
}
.index-swiper .num-index{
    position:absolute;
    top:calc(50% + 1.5rem);
    transform:translateX(30%);
     right:2.6%;
     z-index:10;
     line-height:0.5rem;
}
.index-swiper .num-index .indexnum{
font-size:0.5rem;
color:#f18700;
font-weight: bold;
}
.index-swiper .num-index .allnum{
    font-size:0.4rem;
    color:#000000;
    opacity: 0.3;
}
.index-swiper .swiper-slide{
    position:relative;
    height:100%;
    width:100%;
}
.index-swiper .swiper-slide.last-div{
    height:auto !important;
} 
.index-swiper .swiper-slide .index-list1{
    position:relative;
    height:100%;
    width:100%;
    overflow:hidden;
}
.index-swiper .swiper-slide .index-list1 .swiper-slide{
    position:relative;
    height:100%;
    width:100%;
}
.index-swiper .swiper-slide .index-list1 .list-img-pc,.index-swiper .swiper-slide .index-list1 .list-img-pho{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:100%;
    transform: scale3d(1, 1, 1);
    transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
}
.index-swiper .swiper-slide .index-list1 .swiper-slide-active .list-img-pc,.index-swiper .swiper-slide .index-list1 .swiper-slide-active .list-img-pho{
transform: scale3d(1.1, 1.1, 1);
}
.index-swiper .swiper-slide .index-list1 .swiper-slide .secwen{
        opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(30px);
    transition: 0.8s;
}
.index-swiper .swiper-slide .index-list1 .swiper-slide-active .secwen{
        opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition: 1s ease-in-out;
}
.index-swiper .swiper-slide .index-list1 .list-img-pho{
    display:none;
}
.index-swiper .swiper-slide .index-list1 .item-list1{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:10.42%;
}
.index-swiper .swiper-slide .index-list1 .item-list1 .item-blod{
    font-size:1.85rem;
    color:#fff;
    line-height:2rem;
    transition-delay: .3s;
}
.index-swiper .swiper-slide .index-list1 .item-list1 .item-en{
    font-size:1rem;
    color:#fff;
    line-height:1.1rem;
    margin-top:0.5rem;
    transition-delay: .5s;
}
.index-swiper .swiper-slide .index-list1 .item-list1 .item-down{
    position:relative;
    width:1.25rem;
    height:1.25rem;
    margin-top:1.5rem;
    cursor:pointer;
    text-align:center;
    transition-delay: .7s;
}
.index-swiper .swiper-slide .index-list1 .item-list1 .item-down .yuan-img{
    width:100%;
    animation:zhuan0 6s infinite linear .65s;
}
@keyframes zhuan0{
    0% {
    transform: rotate(0);
   }
   100% {
    transform: rotate(360deg);
}
}
.index-swiper .swiper-slide .index-list1 .item-list1 .item-down .down-img{
    width:12px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-6px;
    margin-top: -10px;
    animation:top0 1s infinite linear .65s;
}
@keyframes top0{
    0% {
    transform: translateY(-10%);
   }
   100% {
    transform: translateY(10%);
}
}
.index-swiper .swiper-slide .index-list1 .index-list1-pagination{
    position:absolute;
    left:2.6%;
    bottom:11.1%;
    text-align:left;
    z-index:10;
}
.index-swiper .swiper-slide .index-list1 .index-list1-pagination span{
    width:1rem;
    display:inline-block;
    margin-right: 0.25rem;
    height:2px;
    background-color:rgba(255, 255, 255, 0.5);
    transition:all 0.3s;
}
.index-swiper .swiper-slide .index-list1 .index-list1-pagination span.swiper-pagination-bullet-active{
    background-color:#f18700;
    height:6px;
}
.index-swiper .swiper-slide .index-list1 .index-list1-prev,.index-swiper .swiper-slide .index-list1 .index-list1-next{
    position:absolute;
    bottom:11.1%;
    width:1.4rem;
    height:1.4rem;
    z-index:10;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    transition:all 0.3s;
    cursor:pointer;
}
.index-swiper .swiper-slide .index-list1 .index-list1-prev{
    right:calc(2.6% + 1.6rem);
    background-image:url(../img/list1-next1.png);
}
.index-swiper .swiper-slide .index-list1 .index-list1-next{
    right:2.6%;
    background-image:url(../img/list1-prev.png);
}
.index-swiper .swiper-slide .index-list2{
    position:relative;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size:48vw auto;
    transition: 1.5s ease-in-out;
}
.index-swiper .swiper-slide-active .index-list2{
    background-position:right top;
}
.index-swiper .index-list2 .list2-mian{
    position:relative;
    width:71.9%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    height:100%;
    background-image:url(../img/list2-img.png)
}
.index-swiper .index-list2 .list-content{
    position:relative;
    left:14.5%;
    width:70%;
    top:50%;
    transform:translateY(-50%);
}
.index-swiper .index-list2 .list-content .en-blod{
    font-size:0.6rem;
    color:#0659b1;
    line-height:1rem;
    font-weight: bold;
    transition-delay: .3s;
}
.index-swiper .index-list2 .list-content .ping-zd{
   font-size:1.25rem;
    color:#212121;
    line-height:1.3rem;
    margin-top:0.25rem;
    transition-delay: .6s;
}
.index-swiper .index-list2 .list-content .title-p{
    font-size:0.4rem;
    line-height:0.75rem;
    color:#333;
    margin-top:1.25rem;
    transition-delay: .9s;
    width:80%;
    word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height:1.5rem;
}
.index-swiper .index-list2 .list2-ul{
    margin-top:1.75rem;
    font-size:0;
    text-align:left;
    transition-delay: 1.2s;
}
.index-swiper .index-list2 .list2-ul li{
    display:inline-block;
    vertical-align:top;
    margin-right:2.5rem;
    position:relative;
}
.index-swiper .index-list2 .list2-ul li:after{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:-1.25rem;
    width:1px;
    height:100%;
    background-color:#e5e5e5;
    content: ""
}
.index-swiper .index-list2 .list2-ul li:nth-last-child(1){
    margin-right:0;
}
.index-swiper .index-list2 .list2-ul li:nth-last-child(1):after{
    display:none;
}
.index-swiper .index-list2 .list2-ul li .num{
    font-size:1.2rem;
    line-height:1.2rem;
    color:#333333;
}
.index-swiper .index-list2 .list2-ul li .tit{
    font-size:0.4rem;
    color:#333333;
    margin-left:0.2rem;
}
.index-swiper .index-list2 .list2-ul li .tit-p{
    font-size:0.35rem;
    color:#666666;
    line-height:0.4rem;
    margin-top: 0.25rem;
}
.index-swiper .index-list2 .more{
    display:block;
    margin-top:1.75rem;
    padding-left: 0.7rem;
    width:2.85rem;
    height:1.2rem;
    line-height:1.2rem;
    border-radius:0.6rem;
    background-repeat:no-repeat;
    background-position:2.7rem center;
    background-size:8px;
    background-image:url(../img/more-jian.png);
    background-color:#0659b1;
    color:#fff;
    font-size:0.4rem;
    transition-delay: 1.5s;
    transition:all 0.3s;
}
.index-swiper .swiper-slide .secwenup {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(30px);
    transition: 0.8s;
}
.index-swiper .swiper-slide-active .secwenup{
        opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition: 1s ease-in-out;
}
.index-swiper .index-list3{
    position:relative;
    width:100%;
    height:100%;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:right center;

}
.index-swiper .index-list3 .w1720{
    position:relative;
    width:89.6%;
    margin:0 auto;
    top:50%;
    transform:translateY(-50%);
}
.index-swiper .index-list3 .list3-mian{
    width:88.4%;
    margin:0 auto;
    position:relative;
}
.index-swiper .index-list3 .list3-prev,.index-swiper .index-list3 .list3-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1.55rem;
    height:1.55rem;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    transition:all 0.3s;
}
.index-swiper .index-list3 .list3-prev{
    left:0;
    background-image:url(../img/list3-prev.png);
}
.index-swiper .index-list3 .list3-next{
    right:0;
     background-image:url(../img/list3-next.png);
}
.index-swiper .index-list3 .list3-mian .left{
    float:left;
    width:44%;
    margin-left:3%;
    text-align:center;
    position:relative;
        opacity: 0;
    transform: scale3d(0.4, 0.4, 1);
    transition: 1.5s ease-in-out;
}
.index-swiper .swiper-slide-active .index-list3 .list3-mian .left{
    transform: scale3d(1, 1, 1);
    opacity: 1;
    transition: 1.5s ease-in-out;
}
.index-swiper .index-list3 .list3-mian .left .left-big{
    position:relative;
    transition:all 0.5s;
}
.index-swiper .index-list3 .list3-mian .left .left-big.rote1{
    transform:rotate(-60deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big.rote2{
    transform:rotate(-120deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big.rote3{
    transform:rotate(-180deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big.rote4{
    transform:rotate(-240deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big.rote5{
    transform:rotate(-300deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big img{
    width:100%;
     width:100%;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    transition:all 1s ease-in-out;

}
.index-swiper .index-list3 .list3-mian .left .left-big .cur{
    opacity:0;
    position:relative;
}
.index-swiper .index-list3 .list3-mian .left .left-big .item-num{
    position:absolute;
    font-size:0.35rem;
    color:#0659b1;
    z-index:10;
    transition:all 0.5s;
}
.index-swiper .index-list3 .list3-mian .left .left-big .item-num.rote1{
    transform:rotate(60deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big .item-num.rote2{
    transform:rotate(120deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big .item-num.rote3{
    transform:rotate(180deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big .item-num.rote4{
    transform:rotate(240deg);
}
.index-swiper .index-list3 .list3-mian .left .left-big .item-num.rote5{
    transform:rotate(300deg);
}

.index-swiper .index-list3 .list3-mian .left .left-big .num-item1{
    left: 91%;
    top: 24%;
}
.index-swiper .index-list3 .list3-mian .left .left-big .num-item2{
    left: 91%;
    bottom: 23.5%;
}
.index-swiper .index-list3 .list3-mian .left .left-big .num-item3{
     left:50%;
     margin-left:-0.25rem;
    bottom:0;
}
.index-swiper .index-list3 .list3-mian .left .left-big .num-item4{
   right: 91%;
    bottom: 23.5%;
}
.index-swiper .index-list3 .list3-mian .left .left-big .num-item5{
    right: 91%;
    top: 24%;
}
.index-swiper .index-list3 .list3-mian .left .left-big .num-item6{
    left:50%;
    margin-left:-0.25rem;
    top:0;
}
.index-swiper .index-list3 .list3-mian .list3-left-swiper{
    position:absolute;
    top:50%;
    left:50%;
    width:90%;
    height:90%;
    transform:translate(-50% ,-50%);
    overflow:hidden;
    border-radius:50%;
}
.index-swiper .index-list3 .list3-mian .list3-left-swiper .swiper-slide{
    overflow:hidden;
} 
.index-swiper .index-list3 .list3-mian .list3-left-swiper img{
    width:100%;
}

.index-swiper .index-list3 .left-back{
    position:absolute;
    font-size:5rem;
    line-height:5rem;
    color:#000000;
    opacity: 0.05;
    bottom:-4%;
    z-index:-1;
}
.index-swiper .index-list3 .list3-mian .right{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40%;
    right:4%;
    text-align:left;
}
.index-swiper .index-list3 .list3-mian .list3-right-swiper{
    position:relative;
    overflow:hidden;
}

.index-swiper .index-list3 .list3-mian .list3-right-swiper .en-name{
    font-size:0.6rem;
    line-height:1rem;
    color:#0659b1;
    transition-delay: .3s;
    font-weight:bold;
}

.index-swiper .index-list3 .list3-mian .list3-right-swiper .cn-name{
    font-size:1.25rem;
    line-height:1.3rem;
    color:#212121;
    margin-top:1.25rem;
    transition-delay: .5s;
}
.index-swiper .index-list3 .list3-mian .list3-right-swiper .item-p{
    font-size:0.45rem;
    color:#666666;
    margin-top:0.8rem;
    line-height:1rem;
    transition-delay: .7s;
}
.index-swiper .index-list3 .list3-mian .list3-right-swiper .more{
     display:block;
    margin-top:1.75rem;
    padding-left: 0.7rem;
    width:2.85rem;
    height:1.2rem;
    line-height:1.2rem;
    border-radius:0.6rem;
    background-repeat:no-repeat;
    background-position:2.7rem center;
    background-size:8px;
    background-image:url(../img/more-jian.png);
    background-color:#0659b1;
    color:#fff;
    font-size:0.4rem;
    transition-delay: 1s;
    transition:all 0.3s;
    transition-delay: 1s;
}
.index-swiper .index-list3 .list3-mian .list3-right-swiper .list3-right-pagination{
    position:relative;
    text-align:left;
    margin-top:2.5rem;
    padding:0.5rem 0;
}
.index-swiper .index-list3 .list3-mian .list3-right-swiper .list3-right-pagination span{
    display:inline-block;
    width:0.75rem;
    height:0.75rem;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    box-sizing:border-box;
    background-image:url(../img/span1.png);
    background-color:transparent;
    transition:all 0.3s;
    border-radius:50%;
    transition:all 0.3s;
    margin-right:1rem;
    position:relative;
    border:1px solid transparent;
}
.index-swiper .index-list3 .list3-mian .list3-right-swiper .list3-right-pagination span:after{
position: absolute;
right:-1rem;
width:1rem;
height:6px;
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
background-image:url(../img/spanxian.png);
content:"";
top:50%;
transform:translateY(-50%);

}
.index-swiper .index-list3 .list3-mian .list3-right-swiper .list3-right-pagination span:nth-last-child(1):after{
    display:none;
}
.index-swiper .index-list3 .list3-mian .list3-right-swiper .list3-right-pagination span.swiper-pagination-bullet-active{
    background-image:url(../img/span2.png);
    box-shadow:0 10px 30px rgba(6, 89, 177, 0.15);
    border:1px solid #e5e5e5;
}
.index-list4{
    position:relative;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    overflow:hidden;
}
.index-list4 .zhuan-img{
    position:absolute;
    top:50%;
    left:50%;
    width:70%;
    transform:translate(-50%,-50%);
    animation:zhuan1 6s infinite linear .65s
}
@keyframes zhuan1{
    0% {
    transform:translate(-50%,-50%) rotate(0);
   }
   100% {
    transform:translate(-50%,-50%) rotate(360deg);
}
}
.index-list4 .list4-item{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:18.3%;
    z-index:10;
}
.index-list4 .list4-item .en-blod{
        font-size: 1.25rem;
    color: #212121;
    line-height: 1.3rem;
    transition-delay: .3s;
}
.index-list4 .list4-item .ping-zd{
      font-size: 1.25rem;
    color: #212121;
    line-height: 1.3rem;
    margin-top: 0.25rem;
    transition-delay: .6s;
}
.index-list4 .list4-item .title-p{
        font-size: 0.4rem;
    line-height: 0.75rem;
    color: #333;
    margin-top: 1.25rem;
    transition-delay: .9s;
}
.index-list4 .list4-item .more{
        display: block;
    margin-top: 1.75rem;
    padding-left: 0.7rem;
    width: 2.85rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    background-repeat: no-repeat;
    background-position: 2.7rem center;
    background-size: 8px;
    background-image: url(../img/more-jian.png);
    background-color: #0659b1;
    color: #fff;
    font-size: 0.4rem;
    transition-delay: 1.2s;
    transition: all 0.3s;
}
.index-list4 .list-qiu{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:37.5%;
    
}
.index-list4 .list-qiu .scal-div{
    opacity: 0;
     transform:scale3d(0.4, 0.4, 1);
    transition: 1.5s ease-in-out;
    position:relative;
}
.index-swiper .swiper-slide-active .index-list4 .list-qiu .scal-div{
    transform:scale3d(1, 1, 1);
    opacity: 1;
    transition: 1.5s ease-in-out
}
.index-list4 .list-qiu img.qiu{
width:100%;
}
.index-list4 .list-qiu .itemy{
     position:absolute;
    width:0.45rem;
    height:0.45rem;
     background-image:url(../img/list-smyuan.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}
.index-list4 .list-qiu .itemy1{
    top: 33.25%;
    right: 28%;
}
.index-list4 .list-qiu .itemy2{
        top: 32.25%;
    right: 25.5%;
}
.index-list4 .list-qiu .itemy3{
        top: 32.25%;
    right: 31%;
}
.index-list4 .list-qiu .itemy4{
    bottom: 28.25%;
    left: 8%;
}
.index-list4 .list-qiu .itemy:after{
    position:absolute;
    content:"";
    width:1.5rem;
    height:1.5rem;
    background-image:url(../img/list4-bigyuan.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100%;
    animation:big1 2s infinite linear .65s;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
@keyframes big1{
    0% {
     width:1rem;
    height:1rem;
   }
   100% {
   width:1.5rem;
    height:1.5rem;
}
}
.index-list4 .none-list4{
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    z-index:50;
    visibility:hidden;
} 

.index-list4 .none-list4.big-on{
   visibility:inherit;
}
.index-list4 .none-list4 .back-btn{
    width: 3.75rem;
    height: 1.25rem;
    line-height: 1.25rem;
    border-radius: 0.625rem;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
    font-size: 0.5rem;
    background-color: #0659b1;
    color: #fff;
    box-shadow: 0px 10px 30px rgba(0, 78, 161, 0.15);
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0.25rem;
    z-index:50
}
.index-list4 .none-list4 .one{
    position:absolute;
    width:720px;
    height:720px;
    top:50%;
    left:50%;
    margin-left: -360px;
    margin-top: -360px;
    transform:scale3d(0,0,1);
    transition: 1.5s ease-in-out;
}
.index-list4 .none-list4.big-on .one{
    transform:scale3d(20,20,20);
    transition: 1.5s ease-in-out;
    z-index:10;
}

.index-list4 .none-list4 .lista-mapdiv{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    overflow:hidden;
    transform:translate(-50%,-50%);
    opacity: 1;
    visibility: hidden;

}
.index-list4 .none-list4 .lista-mapdiv .item4-imutf-8{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    transition: 1.5s ease-in-out;
}

.index-list4 .none-list4 .lista-mapdiv.showon{
    opacity: 1;
    visibility: inherit;

}
.index-list4 .none-list4 .lista-mapdiv.showon.showonin{
    z-index:50;
    background-color:#d9dce1;
}
.index-list4 .none-list4 .lista-mapdiv .liul{
    position:absolute;
    left:10.42%;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    opacity: 0;
    transition:all 0.3s 0.3s;
}
.index-list4 .none-list4 .lista-mapdiv.showon.showonin .liul{
   opacity: 1;
}
.index-list4 .none-list4 .lista-mapdiv .liul li{
    width:3.75rem;
    height:1.25rem;
    line-height:1.25rem;
    border-radius: 0.625rem;
    text-align:center;
    font-size:#333333;
    background-color:#fff;
    transition:all 0.3s;
    box-shadow:0px 10px 30px rgba(255, 255, 255, 0.15);
    cursor:pointer;
    margin-bottom: 1.75rem;
    font-size:0.5rem;
}
.index-list4 .none-list4 .lista-mapdiv .liul li:nth-last-child(1){
    margin-bottom: 0
}
.index-list4 .none-list4 .lista-mapdiv .liul li.cur{
    box-shadow:0px 10px 30px rgba(0, 78, 161, 0.15);
    background-color:#0659b1;
    color:#fff;
}
.index-list4 .none-list4 .lista-mapdiv .map-yuan{
    position:absolute;
    font-size:14px;
    color:#f18200;
    transition: 1.5s ease-in-out;
}
.index-list4 .none-list4 .lista-mapdiv .map-yuan span{
    width: 0.45rem;
    height: 0.45rem;
    background-image: url(../img/list-smyuan.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position:relative;
    display:inline-block;
    vertical-align:middle;
}
.index-list4 .none-list4 .lista-mapdiv .map-yuan i{
     display:inline-block;
    vertical-align:middle;
    margin-left:0.25rem;
}
.index-list4 .none-list4 .lista-mapdiv .map-yuan span:after{
    position: absolute;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/list4-bigyuan.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    animation: big1 2s infinite linear .65s;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.index-list4 .none-list4 .lista-mapdiv .map-div1{
    left: 73%;
    top: 45%;
}
.index-list4 .none-list4 .lista-mapdiv .map-div2{
    left: 73%;
    top: 47%;
}
.index-list4 .none-list4 .lista-mapdiv .map-div3{
   left: 71%;
    top: 47%;
}
.index-list4 .none-list4 .lista-mapdiv .map-div3 i{
    display:block;
}
.index-list4 .none-list4 .lista-mapdiv .map-div4{
    bottom: 30%;
    left: 53%;
}
.index-list4 .none-list4 .lista-mapdiv .item4-imutf-8.num0{
     transform:scale3d(1.5,1.5,1);
    transition: 1.5s ease-in-out;
    left:-32%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num0 .map-div1{
    left: 53%;
    top: 45%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num0 .map-div2{
    left: 53%;
    top: 47%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num0 .map-div3{
    left: 51%;
    top: 47%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num0 .map-div4{
        bottom: 19%;
    left: 21%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num0 
 .map-yuan{
    color:#666;
 } 
 .index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num0 
 .map-yuan.cur{
    color:#f18200;
 } 
 .index-list4 .none-list4 .lista-mapdiv .item4-imutf-8.num1{
     transform:scale3d(1.5,1.5,1);
    transition: 1.5s ease-in-out;
    left:0%;
    top:-10%
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num1 .map-div1{
    left: 86%;
    top: 33%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num1 .map-div2{
    left: 86%;
    top: 35%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num1 .map-div3{
    left: 84%;
    top: 34%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num1 .map-div4{
    bottom: 29%;
    left: 54%;
}
.index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num0 
 .map-yuan{
    color:#666;
 } 
 .index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num1 
 .map-yuan{
    color:#666;
 } 
 .index-list4 .none-list4 .lista-mapdiv .dian-yuan-map.num1 
 .map-yuan.cur{
    color:#f18200;
 } 
 .index-list4 .none-list4 .lista-mapdiv .map-xiangqimap{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:10.42%;
    width:9rem;
    background-color:#fff;
    box-shadow:0 10px 30px rgba(0, 0, 0, 0.05);
    z-index:10;
    display:none;
 }
  .index-list4 .none-list4 .lista-mapdiv .map-xiangqimap .irpo{
    padding: 1rem;
  }
   .index-list4 .none-list4 .lista-mapdiv .map-xiangqimap .irpo .itemname{
    font-size:0.75rem;
    color:#000;
    line-height:0.8rem;
   }
    .index-list4 .none-list4 .lista-mapdiv .map-xiangqimap .irpo .item-p{
        font-size:0.4rem;
        color:#666666;
        line-height:0.9rem;
        margin-top:0.75rem;
    }
    .index-list4 .none-list4 .lista-mapdiv .map-xiangqimap .irpo .tan{
        display: block;
    margin-top: 1.75rem;
    padding-left: 0.7rem;
    width: 2.85rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.6rem;
    background-repeat: no-repeat;
    background-position: 2.7rem center;
    background-size: 8px;
    background-image: url(../img/more-jian1.png);
    border: 1px solid #ccc;
    color: #999999;
    font-size: 0.4rem;
    transition: all 0.3s;
    }
    .nei-mian{
        margin-top: calc(84px + 1.25rem);
    }
    .about-list1{
        background-position:right center;
        background-repeat:no-repeat;
        background-size:auto 100%;
        position:relative;
        overflow: hidden;
    }
    .about-list1 .beji-shic{
        background-repeat:no-repeat;
    background-position: left center;
    background-size: 100% 100%;
    background-image:url(../img/list2-img.png);
    transition: all 1s ease;
    position:absolute;
    height: 101%;
    width: 100%;
    top:0;
    right:20%;
    }
    .about-list1 .about-mian{
    padding:3.75rem 0;
    
    }
    .about-list1 .about-mian .about-left{
        width:16rem;
    }
    .about-list1 .about-mian .about-left .name{
        font-size:1.25rem;
        line-height:1.3rem;
        color:#212121;
    }
    .about-list1 .about-mian .about-left .name-p{
        margin-top:1.25rem;
        font-size:0.4rem;
        color:#333333;
        line-height:0.8rem;
        text-align:justify;
    }
    .about-list1 .about-mian .about-li{
        margin-top:1.75rem;
        font-size: 0;
        text-align:left;
    }
     .about-list1 .about-mian .about-li li{
        display:inline-block;
        vertical-align:top;
        position:relative;
        margin-right:2.5rem;
     }
      .about-list1 .about-mian .about-li li:after{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        right:-1.25rem;
        width:1px;
        height:1.75rem;
        background-color:#e5e5e5;
        content:"";
      }
     .about-list1 .about-mian .about-li li:nth-last-child(1){
        margin-right:0;
     }
     .about-list1 .about-mian .about-li li:nth-last-child(1):after{
        display:none;
     }
     .about-list1 .about-mian .about-li li .num{
        font-size:1.2rem;
        color:#333333;
        line-height:1.2rem;
        vertical-align:bottom;
        display:inline-block;
     }
      .about-list1 .about-mian .about-li li .tit{
        font-size:0.4rem;
        color:#333333;
        display:inline-block;
        vertical-align:bottom;
      } 
      .about-list1 .about-mian .about-li li .year-tit{
        font-size:0.35rem;
        color:#666666;
        line-height:0.4rem;
        margin-top:0.25rem;
      }
      .about-list1 .about-mian .add-div{
        margin-top:1.5rem;
      }
      .about-list1 .about-mian .add-div:nth-last-child(1){
        margin-top:0.2rem;
      }
       .about-list1 .about-mian .add-div i{
        display:inline-block;
        width:0.6rem;
        height:0.6rem;
        background-repeat:no-repeat;
        background-position:center;
        background-size:100% 100%;
        background-image:url(../img/about-ico4.png);
        vertical-align:middle;
        margin-right:0.25rem;
       }
       .about-list1 .about-mian .add-div:nth-last-child(1) i{
       background-image:url(../img/about-ico5.png);
      }
       .about-list1 .about-mian .add-div span{
        display:inline-block;
        vertical-align:middle;
        font-size:0.4rem;
        color:#666;
        border-bottom:1px solid #e6e6e6;
       }
       .about-list1 .about-mian .add-div span.span1{
        color:#333;
       }
       .about-list2{
        padding:3.5rem 0 2.5rem;
        border-bottom:1px solid #e5e5e5;
        border-top:1px solid #e5e5e5;
       }
       .about-list2 .title{
        font-size:1.25rem;
        line-height:1.3rem;
        color:#212121;
        text-align:center;
       }
       .about-list2 .about-cult{
        position:relative;
        margin-top:1.5rem;
        padding:0.5rem 0;
        overflow:hidden;
       }  
       .about-list2 .about-cult .back-moel{
        position:absolute;
        height:100%;
        width:39%;
        z-index:10;
        background-position:center;
        background-repeat:no-repeat;
        background-size:100% 100%;
        background-image:url(../img/about-j.png);
        top:0;
        left:0;
        display:none
       }
        .about-list2 .about-cult .back-moel:nth-child(2){
            left:auto;
            right:0;
        }
       .about-list2 .about-cult .tit-div{
        padding:1rem ;
        background-color:#fff;
       }
       .about-list2 .about-cult .tit-div .ico{
        width:1.25rem;
        overflow:hidden;
       }
       .about-list2 .about-cult .tit-div .ico img{
        width:100%;
       }
       .about-list2 .about-cult .tit-div .ico-tit{
        font-size:0.55rem;
        line-height:0.75rem;
        color:#333333;
        margin-top:0.6rem;
       }
       .about-list2 .about-cult .tit-div .ico-p{
        font-size:0.4rem;
        line-height:0.75rem;
        color:#333;
        margin-top:0.75rem;
        transition:all 0.3s;
        visibility: hidden;
        opacity:0;
       }
       .about-list2 .about-cult .swiper-slide-active .tit-div .ico-p{
       visibility:inherit;
        opacity:1;
       }
       .about-list2 .about-cult .swiper-slide{
        border-radius:8px;
        overflow:hidden;
        opacity: 0.4;
       }
       .about-list2 .about-cult .swiper-slide-prev,.about-list2 .about-cult .swiper-slide-next{
        opacity:0.6
       }
       .about-list2 .about-cult .swiper-slide-active{
      box-shadow:0px 0px 20px rgba(0, 0, 0, 0.09);
      opacity: 1;
       }
       .about-list2-apge{
        position:relative;
        margin-top:1.5rem;
        width:100%;
        height:0.4rem;
        display:none;
       }
       .about-list2-apge:before{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:100%;
        height:2px;
        background-color:#e5e5e5;
        content:"";
       }
       .about-list2-apge .swiper-scrollbar-drag{
        background-image:url(../img/about-page.png);
        background-repeat:no-repeat;
        background-position:right center;
        background-color:transparent;
        position:relative;
       }
       .about-list2-apge .swiper-scrollbar-drag:before{
        position:absolute;
        width:80%;
        height:5px;
        left:0;
        content:"";
        background-color:#f18200;
        top:50%;transform:translateY(-50%);
       }
       .about-lis3{
        border-bottom:1px solid #e5e5e5;
        position:relative;
       }
       .about-lis3 .left{
        float:left;
        width:48.7%;
        padding: 3.75rem 0 2rem;
        border-right:1px solid #e5e5e5;
       }
       .about-lis3 .left .title{
        font-size:1.25rem;
        line-height:1.3rem;
        color:#212121;
        padding-left:21.4%;
       }
       .about-lis3 .left .list2-swiper{
        position:relative;
        overflow:hidden;
        height:12rem;
       }
       .about-lis3 .left .list2-swiper .swiper-slide{
        height:4rem;
        line-height:4rem;
        position:relative;
       }
        .about-lis3 .left .list2-swiper .swiper-slide .item{
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            left:76%;
            opacity: 0.5;
            transition:all 0.3s;
            cursor:pointer
        }
        .about-lis3 .left .list2-swiper .active .item{
            opacity: 1;
        }
         .about-lis3 .left .list2-swiper .swiper-slide .item img{
            width:1rem;
            display:inline-block;
            vertical-align:middle;
            margin-right:0.25rem;
         }
          .about-lis3 .left .list2-swiper .swiper-slide .item span{
            font-size:0.75rem;
            display:inline-block;
            vertical-align:middle;
            line-height:0.8rem;
          }
          .about-lis3 .left .list2-swiper .active{
            border-bottom:1px solid #e5e5e5;
            border-top:1px solid #e5e5e5;
            box-sizing:border-box;
          }
          .about-lis3 .left .list2-swiper .active:after{
            position:absolute;
            left:50%;
            width:20%;
            top:50%;
            height:2px;
            margin-top:-1px;
            transform:translateX(-50%);
            background-color:#e5e5e5;
            content:"";
          }
          .about-lis3 .left .list2-swiper .active:before{
            width:4px;
            height:1rem;
            content:"";
            position:absolute;
            right:0;
            top:50%;
            transform:translateY(-50%);
            background-color:#f18200;
          }
          .about-lis3 .left .list2-swiper .prev-about,.about-lis3 .left .list2-swiper .next-about{
            position:absolute;
            left:50%;
            transform:translateY(-50%);
            width:0.75rem;
            height:0.4rem;
            background-position:center;
            background-repeat:no-repeat;
            background-size:cover;
            z-index:10;
          }
          .about-lis3 .left .list2-swiper .prev-about{
            top:3.9rem;
            background-image:url(../img/about-jian.png)
          }
          .about-lis3 .left .list2-swiper .next-about{
            bottom:3.7rem;
             background-image:url(../img/about-jian1.png)
          }
           .about-lis3 .right{
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            width:23.4%;
            right:17.5%;
           }
           .about-lis3 .right .right-siwper{
            position:relative;
            overflow:hidden;
           }
           .about-lis3 .right .right-siwper .tit{
            font-size:0.45rem;
            color:#212121;
           }
           .about-lis3 .right .right-siwper .tit span{
            font-size:0.75rem;
            color:#000;
            line-height:0.8rem;
            margin-right:0.2rem;
           }
           .about-lis3 .right .right-siwper .tit span.xian{
            margin: 0 0.2rem;
            display:inline-block;
            width:0.6rem;
            height:0.8rem;
            position:relative;
           }
           .about-lis3 .right .right-siwper .tit span.xian:after{
            position:absolute;
            top:70%;
            margin-top:-1px;
            background-color:#212121;
            content:"";
            width:100%;
            height:2px;
           }
           .about-lis3 .right .right-siwper .yeadr-p{
            font-size:0.4rem;
            color:#212121;
            line-height:1rem;
            margin-top:1.5rem;

           }
           .about-lis4 .item-left{
            position:relative;
            float:left;
            width:40.6%;
           }
           .about-lis4 .item-left .list4-siwpe{
            position:relative;
            width:100%;
            overflow:hidden;
            height:22rem;
           }
           .about-lis4 .item-left .list4-siwpe .mask{
            display:none
           }
           .about-lis4 .item-left .list4-siwpe img{
            height:100%;
           }
           .about-lis4 .beji-shic{
                background-repeat: no-repeat;
                background-position: left center;
                background-size: 100% 100%;
                background-image: url(../img/list2-img.png);
                transition: all 1s ease;
                position: absolute;
                height: 101%;
                width: 100%;
                top: 0;
                right: 10%;
           }
           .about-lis4 .item-left .list4-page{
            position:absolute;
            bottom:1.5rem;
            text-align:center;
            width:100%;
            z-index:15;
           }
           .about-lis4 .item-left .list4-page span{
            width:6px;
            height:6px;
            border-radius:50%;
            background-color:#fff;
            transition:all 0.3s;
            display:inline-block;
            margin:0 0.3rem;
            opacity: 0.6;
           }
           .about-lis4 .item-left .list4-page .swiper-pagination-bullet-active{
            opacity: 1;
           }
           .about-lis4 .item-mian{
            float:left;
            width:35%;
            margin-left:6%;
            position:relative;
            margin-top:3rem;
            z-index:15;
           }
           .about-lis4 .item-mian .main-siwper{
            position:relative;
            width:100%;
            overflow:hidden;
           }
           .about-lis4 .item-mian .main-siwper .itt{
            font-size: 1.25rem;
            line-height: 1.3rem;
            color:#212121;
           }
            .about-lis4 .item-mian .main-siwper .item-p{
                font-size:0.4rem;
                color:#333333;
                line-height:0.9rem;
                margin-top: 1.5rem;
                max-height:13rem;
                overflow: auto;
                padding-right:0.5rem;
                text-align:justify;
            }
            .about-lis4 .item-right{
                position:absolute;
                top:50%;
                transform:translateY(-50%);
                right:0;
                width:10.42%;
                z-index:10;
            }
            .about-lis4{
                position:relative;
                overflow: hidden;
            }
             .about-lis4 .list4-mask{
                background-repeat: no-repeat;
                background-position: left center;
                background-size: 100% 100%;
                background-image: url(../img/about-list5.png);
                transition: all 1s ease;
                position: absolute;
                height: 101%;
                width: 100%;
                top: 0;
                left: -16%;
                z-index:5;
             }
            .about-lis4 .item-right img{
                width:100%;
            }
            .about-lis4 .item-right .item-div{
                position:absolute;
                text-align:center;
                cursor:pointer;
            }
            .about-lis4 .item-right .item-div .img{
                width:1.25rem;
                border-radius: 50%;
                transition:all 0.3s;
                overflow:hidden;
            }
            .about-lis4 .item-right .item-div.cur .img{
                width:1.75rem;
                border: 2px solid #004ea1;
                box-sizing:border-box;
                margin:0 auto;
            }
            .about-lis4 .item-right .item-div .img.resdiv{
                position:relative;
                border-radius:50%;
                background-color:#dce4ec;
                overflow: hidden;
                border:0;
            }
            .about-lis4 .item-right .item-div .img.resdiv img{
                opacity: 1;
                transition:all 0.3s;
            }
            .about-lis4 .item-right .item-div .img.resdiv .img2{
                position:absolute;
                top:0;
                left:0;
                opacity:0;
            }
            .about-lis4 .item-right .item-div.cur .img.resdiv{
                background-color:#004ea1;
            }
            .about-lis4 .item-right .item-div.cur .img.resdiv .img1{
                opacity: 0;
            }
            .about-lis4 .item-right .item-div.cur .img.resdiv .img2{
                opacity: 1;
            }
            .about-lis4 .item-right .item-div .img img{
                width:100%;
                border-radius:50%;
            }
            .about-lis4 .item-right .item-div .name{
                font-size:0.35rem;
                color:#666;
                transition:all 0.3s;
            }
            .about-lis4 .item-right .item-div.cur .name{
                font-size:0.45rem;
                 color:#004ea1;
                 white-space: nowrap;
            }  
            .about-lis4 .item-right .item-div.div1{
                top:12.3%;
                right:14%;
            } 
            .about-lis4 .item-right .item-div.div2{
                top: 28.7%;
                left: 20%;
            }  
            .about-lis4 .item-right .item-div.div3{
                   top: 52.7%;
                   left: 28%;
            } 
            .about-lis4 .item-right .item-div.div4{
                top:70%;
                right:14%;
            } 
            .inve-mian{
                background-position:center;
                background-repeat:no-repeat;
                background-size:cover;
                background-image:url(../img/inve-list.jpg)
            } 
            .inve-mian ul li{
                float:left;
                width:33.3%;
                position:relative;
                padding-bottom:52.3%;
            } 
            .inve-mian ul li img{
                position:absolute;
                top:0;
                left:0;
                width:100%;
                height:100%;
                opacity: 0;
                transition:all 0.3s;
            }
            .inve-mian ul li .item-inv{
                position:absolute;
                top:50%;
                left:50%;
                text-align:center;
                transform:translate(-50%,-50%);
                width:80%;
                z-index:10
            }  
            .inve-mian ul li .item-inv .name{
                font-size:1.2rem;
                line-height:1.3rem;
                color:#333333;

            }
            .inve-mian ul li .item-inv .name-p{
                font-size:0.45rem;
                color:#333333;
                line-height:0.75rem;
                margin-top:0.75rem;
                height:1.5rem;
                overflow: hidden;
            }
            .inve-mian ul li .item-inv .more{
                display: block;
               margin: 1.75rem auto 0;
               text-align:left;
                padding-left: 0.7rem;
                width: 2.85rem;
                height: 1.2rem;
                line-height: 1.2rem;
                border-radius: 0.6rem;
                background-repeat: no-repeat;
                background-position: 2.7rem center;
                background-size: 8px;
                background-image: url(../img/more-jian.png);
                background-color: #0659b1;
                color: #fff;
                font-size: 0.4rem;
                transition-delay: 1.5s;
                transition: all 0.3s;
            }
    .nei-non-body .nei-mian{
        margin-top:84px;
    }
    .news-mian{
        padding:2rem 0 2.75rem;
    } 
    .news-mian .news-header{
        position:relative;
        z-index:20;
        font-size:0;
        text-align:left;
    }  
    .news-mian .news-header .item-from{
        display:inline-block;
        vertical-align:top;
        margin-right:0.25rem;
        border-radius:6px;
        position:relative;
    }  
    .news-mian .news-header .item-from:nth-child(1){
        margin-left:1.5rem;
    } 
    .news-mian .news-header .item-from .form{
    width:6.5rem;
    border:1px solid #e5e5e5;
    border-radius:8px;
    height:1.5rem;
    line-height:1.5rem;
    padding:0 0.5rem;
    position:relative;
    }
    .news-mian .news-header .item-from .form .text{
        font-size:0.4rem;
        color:#b3b2b2;
        line-height:1.5rem;
        height:1.5rem;
        background-color:transparent;
        width:80%;
    }
    .news-mian .news-header .item-from .form .submit{
        position:absolute;
        width:0.4rem;
        height:0.4rem;
        background-position:center;
        background-repeat:no-repeat;
        background-size:100% 100%;
        background-image:url(../img/n-se.png);
        cursor:pointer;
        background-color:transparent;
        top:50%;
        transform:translateY(-50%);
        right:0.5rem;
    }
    .news-mian .news-header .item-from .tit-year{
        width:6.5rem;
        border-radius:8px;
        height:1.5rem;
        font-size:0.5rem;
        line-height:1.5rem;
        padding:0 0.5rem;
        position:relative;
        background-color:#004ea1;
        color:#fff;
        background-position:6.5rem center;
        background-repeat:no-repeat;
        background-size:12px;
        background-image:url(../img/h-xia.png);
        cursor:pointer;
    }
    .news-mian .news-header .item-from .year-div{
        position:absolute;
        top:1.5rem;
        width:100%;
        max-height: 3rem;
        overflow:hidden;
        background-color:#fff;
        border: 1px solid #e5e5e5;
        border-radius:8px;
        display:none;
    }
    .news-mian .news-header .item-from .year-div .y-tit{
        font-size:0.4rem;
        color:#666;
        display:block;
        height:1rem;
        line-height:1rem;
        padding-left:0.5rem;
        transition:all 0.3s;
    }
    .news-ul1{
        margin-top:2rem;
        margin-bottom:2rem;
    }
    .news-ul1 li{
        float:left;
        width:48.7%;
        margin-right:2.6%;
        overflow: hidden;
        border-radius:8px;
        position:relative;
    }
    .news-ul1 li:nth-child(2){
        margin-right:0;
    }
    .news-ul1 li img{
        width:100%;
        transition:all 0.3s;
    }
    .news-ul1 li .item-tit{
        position:absolute;
        bottom:0.75rem;
        width:90%;
        left:5%;
    }
    .news-ul1 li .item-tit .title{
        font-size:0.45rem;
        color:#fff;
        font-weight:bold;
        float:left;
        width:80%;
        transition:all 0.3s;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .news-ul1 li .item-tit .ya{
        font-size:0.3rem;
        color:#fff;
        position:absolute;
        bottom:0;
        right:0;
    }
    .news-mian{
        margin-top:2rem;
    }
    .news-mian .news-ul2{
        float:left;
        width:calc(70% - 0.75rem);
        padding-right:0.75rem;
        border-right:1px solid #e5e5e5;
    }
    .news-mian .news-ul2 li{
        padding-bottom:1rem;
        margin-bottom:1rem;
        border-bottom:1px solid #e5e5e5;
        position:relative;
    }
    .news-mian .news-ul2 li:nth-last-child(1){
        margin-bottom:0;
    }
    .news-mian .news-ul2 li .img{
        float:left;
        width:30.1%;
        overflow: hidden;
        border-radius:6px;
    }
    .news-mian .news-ul2 li .img img{
        width:100%;
        transition:all 0.3s;
    }
    .news-mian .news-ul2 li .imgrihgt{
        float:right;
        width:66%;
        text-align:left;
    }
    .news-mian .news-ul2 li .imgrihgt .tite{
        font-size:0.55rem;
        color:#333;
        font-weight:bold;;
        transition:all 0.3s;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        line-height:0.6rem;
    }
    .news-mian .news-ul2 li .imgrihgt .tit-y{
        font-size:0.325rem;
        color:#808080;
        line-height:0.4rem;
        margin-top: 0.4rem;
    }
    .news-mian .news-ul2 li .imgrihgt .tit-p{
        font-size:0.375rem;
        color:#666666;
        line-height:0.75rem;
        margin-top:0.3rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .news-mian .news-ul2 li .imgrihgt .more{
        font-size:0.325rem;
        color:#808080;
        margin-top:1.25rem;
        padding-right:0.5rem;
        display:inline-block;
        background-position:right center;
        background-image:url(../img/nm.png);
        background-repeat:no-repeat;
        background-size:0.25rem;
    }
    .news-mian .news-right{
        float:right;
        width:22%;
    }
    .news-mian .news-right .tit{
        font-size:0.55rem;
        color:#212121;
        font-weight:bold;
        line-height:0.6rem;
    }
    .news-mian .news-right .news-ul3{
        margin-top:0.5rem;
    }
    .news-mian .news-right .news-ul3 li{
        margin-bottom:0.5rem;
        background-color:#f5f5f5;
        border-radius:6px;
        overflow: hidden;
        transition:all 0.3s;
    }
    .news-mian .news-right .news-ul3 li .li{
        padding:0.6rem;
    }
    .news-mian .news-right .news-ul3 li .li .name{
        font-size:0.45rem;
        color:#666;
        transition:all 0.3s;
        line-height:0.75rem;
        height:2.25rem;
        display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
    }
    .news-mian .news-right .news-ul3 li .li .ye{
        font-size:0.3rem;
        color:#808080;
        line-height:0.35rem;
        margin-top:1rem;
         transition:all 0.3s;
    }
    .page{
        position:relative;
        margin-top:2.5rem;
        font-size:0;
        text-align:center;
    }
    .page a{
        display:inline-block;
        width:1rem;
        height:1rem;
        font-size:0.35rem;
        line-height:1rem;
        text-align:center;
        margin: 0 2px;
        transition:all 0.3s;
        background-color:#edf2f7;
        color:#666666;
        font-family: "Arial";
    }
    .page a.prev,.page a.next{
        background-repeat:no-repeat;
        background-position:center;
        background-size:8px
    }
    .page a.prev{
        background-image:url(../img/page.png)
    }
    .page a.next{
        background-image:url(../img/page1.png)
    }
    .page a.active{
        background-color:#0659b1;
        color:#fff;
    }
    .news-detail .d-left{
        float:left;
        width:61.2%;
        padding:2.5rem 0 2.25rem;
        min-height: 20rem;
    }
    .news-detail .d-left .title{
        font-size:0.9rem;
        line-height:1.1rem;
        color:#333333;
        text-align:center;
       
    }
    .news-detail .d-left  .yeaer{
        font-size:0.325rem;
        color:#666666;
        text-align:center;
        line-height:0.4rem;
        border-bottom:1px solid #e5e5e5;
        margin-top:0.5rem;
        padding-bottom:0.5rem;
        font-family: "Arial";
    }
    .news-detail .d-left .new-ps{
     padding:1rem 0;
     font-size:0.45rem;
     color:#666666;
     line-height:0.75rem;
     text-align:justify;
     border-bottom:1px solid #e5e5e5;
    }
    .news-detail .d-left .new-ps img{
        max-width:100%;
    }
    .news-detail .d-left .detail-p{
        margin-top:1rem;
        position:relative;
    }
    .news-detail .d-left .detail-p p{
        width:80%;
        overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size:0.4rem;
line-height:0.75rem;
    }
    .news-detail .d-left .detail-p p a{
        color:#666;
    }
    .news-detail .d-left .detail-p .back{
        position:absolute;
        top:0;
        right:0;
        font-size:0.4rem;
        color:#666;
        transition:all 0.3s;
        padding-left:0.75rem;
        background-position:left center;
        background-repeat:no-repeat;
        background-image:url(../img/back.png);
        background-size:0.4rem;
    }
    .news-detail .d-right{
        position:absolute;
        top:0;
        right:0;
        width:31%;
        background-color:#f5f5f5;
        height:100%;
    }
     .news-detail .d-right .tit{
        font-size:0.6rem;
        color:#333333;
        height:3rem;
        line-height:3rem;
        border-bottom:1px solid #e5e5e5;
        padding-left:1.5rem;
     }
     .news-detail .d-right .rul li{
        padding:0.6rem 1.5rem 1rem;
        border-bottom:1px solid #e5e5e5;
     }
     .news-detail .d-right .rul li .ye{
        font-size:0.35rem;
        color:#666666;
        line-height:0.4rem;
     }
      .news-detail .d-right .rul li .ye-p{
         transition:all 0.3s;
         font-size: 0.4rem;
         color:#666666;
         line-height:0.6rem;
         margin-top:0.5rem;
      }
      .repon-list1{
        position:relative;
        background-position:right top;
        background-repeat:no-repeat;
        background-size:44vw auto;
        border-bottom:1px solid #e5e5e5;
        background-color:#fff;
      }
      .repon-list1 .repom-mian{
        background-position:right top;
        background-repeat:no-repeat;
        background-size:contain;
        background-image:url(../img/res-list1.png);
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        transition: all 1s ease;
        background-size:100% 100%;
      }
      .repon-list1 .w1520{
        border-left:1px solid #e5e5e5;
      }
      .repon-list1 .repon-ul{
        position:fixed;
        top:calc(84px + 1.25rem);
        left:10.4%;
      }
      .repon-list1 .repon-ul.fixed-on{
        position:absolute;
        bottom:0;
        top:auto;
        left:0;
      }
      .repon-list1 .repon-ul li{
        font-size:0.35rem;
        color:#808080;
        transition:all 0.3s;
        width:4.5rem;
        height:2.25rem;
        cursor:pointer;
        text-align:center;
        position:relative;
        border-bottom:1px solid #e5e5e5;
      }
       .repon-list1 .repon-ul li span{
        display:inline-block;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:100%;
        text-align:center;
       }
       .repon-list1 .repon-ul li.cur{
        background-color:#004ea1;
        color:#fff;
       }
      .repon-list1 .repoin{
        width:16rem;
        padding:2.5rem 0 2.5rem 3.5rem;
        border-left:1px solid #e5e5e5;
        margin-left:4.5rem;
      }
      .repon-list1 .repoin .div-item{
        margin-bottom:2rem;
      }
      .repon-list1 .repoin .div-item:nth-last-child(1){
        margin-bottom:0;
      }
      .repon-list1 .repoin .title{
        font-size:1.25rem;
        line-height:1.3rem;
        color:#212121;
      }
      .repon-list1 .repoin .tit{
        font-size:0.6rem;
        line-height:0.8rem;
        margin-top:0.5rem;
        color:#333333;
      }
      .repon-list1 .repoin .tit-p{
        font-size:0.4rem;
        color:#333;
        line-height:0.9rem;
        margin-top:1rem;
      }
      .repon-list1 .repoin .tit-y{
        font-size:0.75rem;
        line-height:0.8rem;
      }
      .about-lis4 .item-mian .main-siwper .itt-re{
        font-size:0.6rem;
        line-height:0.7rem;
        color:#333333;
        margin-bottom:0.25rem;
      }
      .about-lis4 .item-right.repom-lit .div1{
    top: 20%;
    left: 50%;
      }
      .about-lis4 .item-right.repom-lit .div2{
        top: 42%;
    left: 20%;
      }
      .about-lis4 .item-right.repom-lit .div3{
        top: 70%;
    left: 50%;
      }
      .join-list1{
        position:relative;
        background-position:right center;
        background-repeat:no-repeat;
        background-size: 50% 100%;
        overflow: hidden;
      }
      .join-list1 .join-bk{
        background-repeat:no-repeat;
        background-position:right center;
        background-image:url(../img/job1.png);
        background-size:100% 100%;
        transition: all 1s ease;
        position: absolute;
        height: 101%;
        width: 100%;
        top: 0;
        right: 0%;
        z-index: 5;
      }
      .join-list1 .join-mian{
        position:relative;
        z-index:15;
      }
      .join-list1 .join-mian .join-div{
        padding:3rem 0 4rem;
        width:18.5rem;
      }
      .join-list1 .join-mian .title{
        font-size:0.9rem;
        line-height:1.1rem;
        color:#333333;
      }
      .join-list1 .join-mian .title-p{
        font-size:0.4rem;
        line-height:0.9rem;
        color:#333333;
        margin-top:0.75rem;
      }
      .join-list1 .join-mian .join-item{
        margin-bottom:2.25rem;
      }
      .join-list1 .join-mian .join-item:nth-last-child(1){
        margin-bottom:0;
      }
       .join-list1 .join-mian .more{
        font-size:0.35rem;
        color:#fff;
        width:3.65rem;
        height:1.2rem;
        line-height:1.2rem;
        border-radius:0.6rem;
        background-color:#004ea1;
        padding-left:0.6rem;
        background-repeat:no-repeat;
        background-position:3.5rem center;
        background-size:8px;
        background-image:url(../img/more-jian.png);
        display:block;
        box-shadow:0px 10px 30px rgba(6,89,177,0.15);
       }
       .join-lists1{
        padding:2.5rem 0 4rem;
       }
       .join-lists1 .ul1{
        font-size:0;
        text-align:center;
       }
       .join-lists1 .ul1 li{
        display:inline-block;
        width:3.75rem;
        height:1.2rem;
        border-radius:4px;
        line-height:1.2rem;
        color:#fff;
        transition:all 0.3s;
        font-size:0.4rem;
        text-align:center;
        background-color:#b3b3b3;
        margin:0 0.625rem;
        cursor:pointer;
       }
       .join-lists1 .ul1 li.cur{
        background-color:#0659b1
       }
       .join-lists1 .form-div{
        margin:1.25rem auto 0;
        width:86.8%;
        position:relative;
        z-index:10
       }
       .join-lists1 .form-div ul{
        font-size:0;
        text-align:left;
       }
       .join-lists1 .form-div ul li{
        display:inline-block;
        vertical-align:middle;
        position:relative;
        margin-right:2.3%;
       }
       .join-lists1 .form-div ul li:nth-last-child(1){
        margin-right:0;
       }
       .join-lists1 .form-div ul li.li1{
        width:41%;
       }
       .join-lists1 .form-div ul li.li1 .bor{
        height:1.5rem;
        line-height:1.5rem;
        border:1px solid #e5e5e5;
        border-radius:6px;
        padding: 0 0.5rem;
        box-sizing:border-box;
       } 
       .join-lists1 .form-div ul li.li1 .bor input{
         height:1.5rem;
        line-height:1.5rem;
        font-size:14px;
        color:#b2b2b2;
        background-color:transparent;
       }
       .join-lists1 .form-div ul li.li2{
        width:19.5%;
       }
       .join-lists1 .form-div ul li.li2 .bor1{
         height:1.5rem;
        line-height:1.5rem;
        border:1px solid #e5e5e5;
        border-radius:6px;
        padding: 0 0.5rem;
        box-sizing:border-box;
        font-size:14px;
        color:#b2b2b2;
        background-position:90% center;
        background-repeat:no-repeat;
        background-size:10px;
        background-image:url(../img/join-xia.png);
       }
       .join-lists1 .form-div ul li.li2 .item-hover{
        position:absolute;
        top:1.5rem;
        width:100%;
        left:0;
        border: 1px solid #e5e5e5;
        border-radius:6px;
        background-color:#fff;
        box-sizing:border-box;
        display:none;
        max-height:3rem;
        overflow: hidden;
        padding-left: 0.5rem;
       }
       .join-lists1 .form-div ul li.li2 .item-hover a{
        display:block;
        
        height:1rem;
        line-height:1rem;
        font-size:14px;
        color:#999;
        border-bottom:1px solid #e5e5e5;
       }
        .join-lists1 .form-div ul li.li3{
            width:12%;
            margin-right:0;
        }
        .join-lists1 .form-div ul li.li3 .submit{
        height:1.5rem;
        line-height:1.5rem;
        border:1px solid #e5e5e5;
        border-radius:6px;
        background-color:#0659b1;
        width:100%;
        background-repeat:no-repeat;
        background-position:center;
        background-size:0.75rem;
        background-image:url(../img/jf.png);
        cursor:pointer;
        }
        .ajax-lists-join{
            margin-top: 1.75rem;
        }
        .ajax-lists-join .ul-join{
            border: 1px solid #e5e5e5;
            border-bottom:0;
            border-top:0;
        }
        .ajax-lists-join .ul-join .pre{
            position:relative;
            border-bottom:1px solid #e5e5e5;
        }
        .ajax-lists-join .ul-join .left{
            padding:1.25rem 2.75rem;
            width:calc(85.5% - 5.5rem);
            border-right:1px solid #e5e5e5;
        }
        .ajax-lists-join .ul-join .name{
            font-size:0.6rem;
            color:#0659b1;
            line-height:0.7rem;
        }
        .ajax-lists-join .ul-join .time{
            font-size:0.35rem;
            color:#999999;
            position:relative;
            margin-left:2rem;
        }
        .ajax-lists-join .ul-join .time:after{
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            left:-1rem;
            width:1px;
            height:0.35rem;
            background-color:#e5e5e5;
            content:"";
        }
         .ajax-lists-join .ul-join .li-div{
            margin-top:0.75rem;
         }
         .ajax-lists-join .ul-join .li-div .lib{
            font-size:0.4rem;
            color:#666666;
            line-height:0.75rem;
            float:left;
            width:33.3%;
         }
          .ajax-lists-join .ul-join .btn-jia{
            position:absolute;
            top:0;
            right:0;
            width:14.5%;
            height:100%;
            background-repeat:no-repeat;
            background-position:center;
            background-size:0.75rem;
            background-image:url(../img/jia.png);
            transition:all 0.3s;
            cursor:pointer;
          }
          .ajax-lists-join .ul-join .btn-jia.cur{
            background-image:url(../img/jian.png);
          }
          .ajax-lists-join .ul-join .join-p{
            padding:1.25rem 2.75rem;
            font-size:14px;
            line-height:0.75rem;
            color:#666666;
            border-bottom:1px solid #e5e5e5;
            display:none;
          }
          .ajax-lists-join .ul-join li{
            margin-bottom:0.75rem;
            border-top:1px solid #e5e5e5;
          }
          .ajax-lists-join .ul-join .btn-email{
            font-size:0.4rem;
            font-weight:bold;
            color:#fff;
            display:block;
            margin-top:2rem;
            width:3.75rem;
            height:1.2rem;
            line-height:1.2rem;
            background-color:#0659b1;
            border-radius:6px;
            text-align:center;
          }
          .inno-list1{
            padding: 3.75rem 0 5.75rem;
            border-bottom:1px solid #e5e5e5;
            background-repeat:no-repeat;
            background-size:cvoer;
            background-position:center;

          }
          .maohaos{
            font-size:3.75rem;
            text-align:center;
            font-family:"Arial";
            text-align:center;
            color:#0659b1;
            opacity:0.1;
            line-height:0.6;
          }
          .inno-title{
            font-size:0.9rem;
            line-height:1.1rem;
            color:#333333;
            text-align:center;
          }
          .inno-list1 .ino-name{
            font-size:1.5rem;
            color:#0659b1;
            line-height:1.5rem;
            margin-top:0.6rem;
            text-align:center;
          }
          .inno-list2{
            padding:2rem 0 1.5rem;
            overflow:hidden;
          }
          .inno-list2-xin{
            margin:2rem auto 0;
            position:relative;
            overflow:hidden;
            width:80%;
          }
          .inno-list2-xin-prev,.inno-list2-xin-next{
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            width:1.5rem;
            height:1.5rem;
            background-repeat:no-repeat;
            background-position:center;
            background-size:100% 100%;
            z-index: 10;
            cursor:pointer;
            transition:all 0.3s;
          }
          .inno-list2-xin-prev{
            left:0;
            background-image:url(../img/list3-prev.png);
          }
          .inno-list2-xin-next{
            right:0;
            background-image:url(../img/list3-next.png);
          }
          .inno-list2-xin .img{
            overflow:hidden;
            border-radius:6px;
          }
          .inno-list2-xin .img img{
            width:100%;
            transform:scale3d(1, 1, 1)
          }
          .inno-list2-xin .imgname{
            font-size:0.75rem;
            line-height:0.9rem;
            text-align:center;
            margin-top:1rem;
            text-align:center;
            opacity:0;
            transition:all 0.3s;
          }
          .inno-list2-xin .swiper-slide-active .imgname{
            opacity:1;
          }
          .inno-list2-xin .swiper-slide-prev,.inno-list2-xin .swiper-slide-next{
            opacity:0.6;
            transition:all 0.3s;
          }
          .inno-list2-xin .swiper-slide-active{
            opacity:1;
          }
           .inno-list2-xin .swiper-slide ul{
            visibility:hidden;
            opacity:0;
            transition:all 0.3s;
           }
          .inno-list2-xin ul{
            margin:1rem auto 0;
            width:90%;
          }
          .inno-list2-xin ul li{
            float:left;
            width:45%;
            font-size:0.4rem;
            color:#545454;
            text-align:left;
                list-style: disc;
            line-height:0.75rem;
            list-style-position: inside;
          }
          .inno-list2-xin ul li:nth-child(2n){
            float:right;
          }
          .inno-list2-xin .swiper-slide-active ul{
             visibility:visible;
            opacity:1;
          }
          .inno-list2 .inno-p{
            font-size:0.4rem;
            line-height:0.9rem;
            color:#333333;
            margin-top:0.75rem;
            text-align:center
          }
          .inno-list2 .lis2-div{
            margin-top:2rem;
            position:relative;
            padding-bottom:2rem;
          }
          .inno-list2 .lis2-div .list2-swiper-inno{
            float:left;
            width:50%;
            position:relative;
            overflow: hidden;
            height: 12rem;
            border-right:1px solid #e5e5e5;
          }
          .inno-list2 .lis2-div .list2-swiper-inno .swiper-slide{
            height: 4rem;
    line-height: 4rem;
    position: relative;
          } 
          .inno-list2 .lis2-div .list2-swiper-inno .active{
            border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    background-color:#f7f7f7;
          }
          .inno-list2 .lis2-div .list2-swiper-inno .swiper-slide .titlename{
            font-size:0.75rem;
            line-height:0.9rem;
            color:#212121;
            opacity: 0.6;
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            width:40%;
            left:46%;
          }
          .inno-list2 .lis2-div .list2-swiper-inno .active .titlename{
            opacity: 1;
          }
           .inno-list2 .lis2-div .list2-swiper-inno .active:after{
            width: 4px;
    height: 1rem;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f18200;
           }
           .inno-list2 .lis2-div .list2-swiper-inno .active:before{
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            width:0.3rem;
            height:0.5rem;
            background-repeat:no-repeat;
            background-position:center;
            background-size:100% 100%;
            background-image:url(../img/inno-prev.png);
            right:10%;
            content:"";
            z-index:10;
           }
           .inno-list2 .lis2-div .list2-right{
            position:absolute;
            width:30.25%;
            left:56.25%;
            height:100%;
            overflow: hidden;
           }
           .inno-list2 .lis2-div .list2-right .img{
            overflow: hidden;
            border-radius:8px;
           }
           .inno-list2 .lis2-div .list2-right .img img{
            width:100%;
           }
           .inno-list2 .lis2-div .list2-right .imgname{
            font-size:0.4rem;
            line-height:0.6rem;
            margin-top:0.5rem;
            color:#666;
            height:2.4rem;
            overflow:auto;
            padding-right:0rem;
           }
           .inno-list2 .lis2-div:before{
            width:1px;
            height:100%;
            position:absolute;
            left:50%;
            content:"";
            bottom:-3.5rem;
            background-color:#e5e5e5;

           }
           .inno-list3{
            border-bottom:1px solid #e5e5e5;
            border-top:1px solid #e5e5e5;
           }
           .inno-list3 li{
         width:33.3%;
         float:left;
         position:relative;
         padding-bottom:51.5%;
           }
            .inno-list3 li:nth-child(2){
                border-right:1px solid #e5e5e5;
                border-left:1px solid #e5e5e5;
                box-sizing:border-box
            }
            .inno-list3 li .pra{
                position:absolute;
                width:80%;
                text-align:left;
                top:10.6%;
            }
            .inno-list3 li:nth-child(2) .pra{
                left:10%;
            }
            .inno-list3 li:nth-child(3) .pra{
                right:0%;
            }
            .inno-list3 li .pra .ico{
                width:1.25rem;
                margin:0 auto 1rem;
            }
            .inno-list3 li .pra .ico img{
                width:100%;
            }
             .inno-list3 li .pra .inoo-p{
                font-size:0.4rem;
                line-height:0.9rem;
                color:#333333;
                margin-top:1rem;
                max-height:11rem;
             }
             .inno-list4{
                position:relative;
                background-position:left center;
                background-repeat:no-repeat;
                background-size:50% 100%;
                overflow: hidden;
             }
              .inno-list4 .shicha-list4{
                position:absolute;
                top:0;
                left:-26%;
                width:100%;
                height:100%;
                background-repeat:no-repeat;
                background-size:100% 100%;
                background-image:url(../img/inn1.png);
                z-index:2;
                    transition: all 1s ease
              }
             .inno-list4 .list4-mian{
                position:relative;
                z-index:10
                
             }
             .inno-list4 .list4-mian .list-right{
                float:right;
                width:40%;
                padding: 2.5rem 0;
             }
             .inno-list4 .list4-mian .inno-ul{
                margin-top:1.75rem;
                font-size:0;
                text-align:left;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
             }
             .inno-list4 .list4-mian .inno-ul:after {
    display:block;
    content:"";
    width: 30%;
    height:0px;
}
             .inno-list4 .list4-mian .inno-ul li{
                display:inline-block;
                vertical-align:top;
                width:30%;
                margin-bottom:1.25rem;
             }
            
              .inno-list4 .list4-mian .inno-ul li .num{
                font-size:1.5rem;
                line-height:1.5rem;
                color:#0659b1;
              }
              .inno-list4 .list4-mian .inno-ul li span.ti{
                font-size:0.75rem;
                color:#0659b1;
              }
              .inno-list4 .list4-mian .inno-ul li .titname{
                font-size:0.35rem;
                color:#808080;
                line-height:0.55rem;
              }
              .product-mian .uli li{
                float:left;
                width:33.3%;
                border:1px solid #e5e5e5;
                position:relative;
                overflow: hidden;
                box-sizing:border-box;
              }
              .product-mian .uli li>img{
                opacity: 0;
                transition:all 0.3s;
                width:100%;
              }
              .product-mian .uli li .mask{
                position:absolute;
                top:0;
                left:0;
                width:100%;
                height:100%;
                background-color:rgba(0,0,0,0.8);
                opacity: 0;
                transition:all 0.3s;
              }
              .product-mian .uli li .item-pro{
                position:absolute;
                top:50%;
                left:50%;
                width:80%;
                transform:translate(-50%,-50%);
                text-align:center;
                z-index:10
              }
               .product-mian .uli li .item-pro .title{
                font-size:0.9rem;
                line-height:1.1rem;
                color:#333;
                transition:all 0.3s;
               }
               .product-mian .uli li .item-pro .title-p{
               font-size:0.35rem;
               color:#999;
               margin-top:0.75rem;
               line-height:0.7rem;
               display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
               height:1.4rem;
               }
               .product-mian .uli li .item-pro .more{
                display:block;
    margin:1.5rem auto 0;
    padding-left: 0.7rem;
    width:2.85rem;
    height:1.2rem;
    line-height:1.2rem;
    border-radius:0.6rem;
    background-repeat:no-repeat;
    background-position:2.7rem center;
    background-size:8px;
    background-image:url(../img/more-jian.png);
    background-color:#0659b1;
    color:#fff;
    font-size:0.4rem;
    transition-delay: 1.5s;
    transition:all 0.3s;
    text-align:left;
    box-shadow:0px 10px 30px rgba(6,89,177,0.15);
               }
    .prolists-nav{
        height:1.5rem;
        line-height:1.5rem;
        border-bottom:1px solid #e5e5e5;
    }
    .prolists-nav a{
        display:inline-block;
        font-size:14px;
        color:#b2b2b2;
    }
    .prolists-nav span{
        display:inline-block;
        margin:0 0.3rem;
        background-repeat:no-repeat;
        background-position:center;
        background-size:8px;
        width:8px;
        height:12px;
        background-image:url(../img/page1.png);
        opacity: 0.6;
    }
    .prolists-nav a.back-a{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        right:0;
        display:inline-block;
        padding-right:0.7rem;
        background-repeat:no-repeat;
        background-position:right center;
        background-size:0.4rem;
        background-image:url(../img/backa.png);
        transition:all 0.3s;
    }
    .productlist-mian{
        padding: 3rem 0 4rem;
    }
    .productlist-mian .title{
        font-size:1.25rem;
        line-height:1.3rem;
        color:#333333;
    }
    .productlist-mian .title-p{
        font-size:0.45rem;
        color:#545454;
        line-height:0.9rem;
        margin-top:1rem;
    }
    .productlist-mian .tit-p{
        font-size:0.6rem;
        color:#0659b1;
        margin-top:2.5rem;
        line-height:0.7rem;
    }
    .productlist-mian .listul{
        margin-top:0.9rem;
    }
    .productlist-mian .listul li{
        float:left;
        width:23%;
        position:relative;
        margin-right:2.6%;
        margin-bottom:0.9rem;
        border-radius:8px;
        overflow: hidden;
        transition:all 0.3s;
        background-color:#f5f5f5;
    }
    .productlist-mian .listul li:nth-child(4n){
        margin-right:0;
    }
    .productlist-mian .listul li .li-pro{
        padding: 1.2rem 1.1rem;
    }
    .productlist-mian .listul li .li-pro .name{
        font-size:0.65rem;
        color:#212121;
        line-height:0.9rem;
        transition:all 0.3s;
        display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height:1.8rem;
    }
    .productlist-mian .listul li .li-pro .name-p{
        font-size:0.4rem;
        color:#999;
        margin-top:0.75rem;
        line-height:0.6rem;
        height:1.2rem;
        display: -webkit-box;
       -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
       overflow: hidden;
       transition:all 0.3s;
       opacity: 1;
    }
    .productlist-mian .listul li .li-pro .more{
        display:inline-block;
        margin-top: 1rem;
        padding-right:0.7rem;
        background-repeat:no-repeat;
        background-size:8px;
        background-image:url(../img/page1.png);
        background-position:right center;
        font-size:0.35rem;
        color:#999;
        transition:all 0.3s;
        opacity: 1;
    }
     .productlist-mian .deli{
        margin-top:1.25rem;
        padding-bottom:2rem;
        border-bottom:1px solid #e5e5e5;
     }
     .productlist-mian .deli .left{
        float:left;
        width:40%;
        font-size:0.55rem;
        line-height:1.25rem;
        color:#545454;
     }
     .productlist-mian .deli .right{
        float:left;
         width:40%;
        font-size:0.55rem;
        line-height:1.25rem;
        color:#545454;
     }
     .productlist-mian .deli .right img{
        max-width:100%;
     }
     .productlist-mian .detail-p{
        margin-top:2.25rem;
     }
     .productlist-mian .detail-p.teow{
        margin-top:0;
     }
     .productlist-mian .detail-p .p-div{
        font-size:0.4rem;
        color:#545454;
        line-height:1.25rem;
        float:left;
        width:32%;
        margin-right:2%;
     }
     .productlist-mian .detail-p .p-div:nth-child(3n){
        margin-right:0;
     }
      .productlist-mian .detail-p .p-div .item{
        float:left;
        width:4.5rem;
      }
      .productlist-mian .detail-p .p-div .item-p{
        float:right;
        width:calc(100% - 4.5rem);
      }
      .productlist-mian .detail-p .hui-d{
        font-size:0.4rem;
        line-height:1.25rem;
        color:#999;
      }
      .productlist-mian .detail-p .more{
          display:block;
    margin-top:1.75rem;
    padding-left: 0.7rem;
    width:3.15rem;
    height:1.2rem;
    line-height:1.2rem;
    border-radius:0.6rem;
    background-repeat:no-repeat;
    background-position:3rem center;
    background-size:8px;
    background-image:url(../img/more-jian.png);
    background-color:#0659b1;
    color:#fff;
    font-size:0.4rem;
    transition-delay: 1.5s;
    transition:all 0.3s;
      }

      .search-medol{
        position:fixed;;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:600;
        display:none;
      }
      .search-medol .ballsk{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.5);
      }
      .search-medol .mainfofm{
        position:absolute;
        // width:500px;
        width: 680px;
        height:60px;
        line-height:60px;
        border-radius:30px;
        background-color:#fff;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
      }
      .search-medol .mainfofm .text{
        height:60px;
        line-height:60px;
        font-size:18px;
        width:80%;
        padding-left:30px;
        background-color:transparent;
      }
      .search-medol .mainfofm .submit{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        right:30px;
        width:20px;
        height:20px;
        background-repeat:no-repeat;
        background-size:100% 100%;
        background-position:center;
        background-image:url(../img/n-se.png);
        cursor:pointer;
        background-color:transparent;
        font-size:0;
      }
      .search-divl{
        padding: 3rem 0 4rem;
      }
      .search-divl .search-ul{
        font-size:0;
        text-align:center;
      }
      .search-divl .search-ul li{
        width:4.5rem;
        height:1.3rem;
        line-height:1.3rem;
        font-size:0.5rem;
        text-align:center;
        border-radius:8px;
        background-color:#f5f5f5;
        color:#000000;
        transition:all 0.3s;
        display:inline-block;
        margin: 0 1.5rem;
      }
      .search-divl .search-ul li.cur{
        color:#fff;
        background-color:#0659b1;
      }
      .ajax-search-model{
        margin-top:2.5rem;
      }

      .ajax-search-model .productlist-mian{
        padding:0;
      }
      .ajax-search-model .news-mian{
        margin-top:0;
      }
      .ajax-search-model .news-mian .news-ul2{
        float:none;
            width: 100%;
    padding-right: 0;
    border-right: 0px solid #e5e5e5;
      }
      .morel-igm{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:600;
        display:none;
      }
      .morel-igm .vlank{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,.5);
      }
      .morel-igm .mianimg{
        position:absolute;
        width:600px;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
      }
      .morel-igm .mianimg img{
        width:100%;

      }
      .morel-igm .mianimg .closee{
        position:absolute;
        top:0;
        right:0;
        width:1rem;
        height:1rem;
        background-color:#004ea1;
        color:#fff;
        line-height:1rem;
        text-align:center;;
        font-weight:16px;
        cursor:pointer;
      }
@media (max-width: 1680px){
.about-list1{
background-position:108% center
}
}
@media (max-width: 1440px){
.index-swiper .swiper-slide-active .index-list2{
    background-position:120% top
}
}
@media (max-width: 1366px){
.morel-igm .mianimg{
    width:450px;
}
.index-swiper .swiper-slide-active .index-list2{
    background-position:130% top;
    background-size:64%
}
}
@media (max-width: 1366px){
  .repon-list1 .repom-mian{
    left:10%;
  }

}
@media (max-width: 1240px){
 .about-lis4 .list4-mask{
    left:0%;
  }
  .inno-list3 li{
    padding-bottom: 56.5%;
  }
  .inno-list3 li .pra .inoo-p{
    max-height:10rem;
  }
  .inno-list2-xin{
    width:100%;
  }
}