.index_banner {
    width:100%;
    height:100vh;
    position: relative;
    overflow: hidden;
}
.index_banner .swiper-slide {
    width:100%;
    overflow: hidden;
}

.index_banner .swiper-slide img {
    width:100%;
    height:100vh;
    display: block;
}

.index_banner .swiper-button-prev {
    left:5%;
}
.index_banner .swiper-button-next {
    right:5%;
}
.index_banner .swiper-pagination-bullets {
    bottom: 5%;
}
.index_banner .swiper-pagination-bullet {
    width:1rem;
    height:1rem;
}
.index_banner .ban_txt {
    position: absolute;
    z-index: 99;
    color: #FFFFFF;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.index_banner .ban_txt .txt p {
    text-shadow: 2px 2px 4px #898989;
}

.index_banner .ban_txt .txt p:nth-child(1){
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.index_banner .ban_txt .txt p:nth-child(2){
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 3rem;
    font-family: EUROSTILE-BOLDEXTENDEDTWO;

}


@media  screen and (max-width: 1000px){
    .index_banner {
        height:auto;
    }
    .index_banner .swiper-slide img {
        height:auto;
        display: block;
    }
    .index_banner .ban_txt {display: none;}
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 2rem;
    }
    .index_banner .swiper-pagination-bullet {
        width:0.8rem;
        height:0.8rem;
    }
}



.section_title{text-align: center; margin: 0;}
.section_title .en{display: block;}
.section_title .cn{color: #0d50be; font-size: 2.5rem; position: relative;z-index: 2; top: -1rem; font-weight:bold}
.section_title p{font-size: 1rem; color: #666; margin: 0;font-weight: normal;}




.index_products {margin: 3rem 0;}
.index_products .pro_list { background: #f7f7f7; padding:2rem 0;margin-top: 1rem;}
.index_products .pro_list  li .pic {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.index_products .pro_list  li .pic img {
    width: 70%;
    vertical-align: middle;
}
.index_products .pro_list  li .item {
    padding: 0 1rem 1rem;
}
.index_products .pro_list  li .tit {
    font-size: 1rem;
    line-height: 2rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.index_products .pro_list  li .line {
    width: 0;
    height: 4px;
    background: #0170ed;
    position: relative;
    left: 0;
    bottom: 0;
    transition: all 0.6s ease;
}
.index_products .pro_list  li:hover .line {
    width:100%;

}
.index_products .pro_list  li .btn{
    overflow: hidden;
    width: 100%;
    height:2.5rem;
    border: 1px solid #eee;
    margin: 0 auto;
    margin-top: 1rem;
    border-radius: 1.25rem;
}
.index_products .pro_list  li .btn a {
    display: block;
    width: 50%;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    float: left;
    font-size: 0.8rem;
    color: #777777;
    text-decoration: none;
}
.index_products .pro_list  li .btn a:first-child {
    border-right: 1px solid #eaeaea;
}
.index_products .pro_list  li .btn a:hover {
    color: #0170ed;
}

@media  screen and (min-width: 1000px){
    .index_products .pro_list li {width:22.75%;margin-right: 3%;float: left;background: #fff;margin-bottom: 0.5rem;}
    .index_products .pro_list li:nth-child(4n) {margin-right: 0;}
}

@media  screen and (max-width: 1000px){
    .index_products {margin:2rem 0;}
    .index_products .pro_list li {width:49%;margin-right: 2%;float: left;background: #fff;margin-bottom: 0.5rem;}
    .index_products .pro_list li:nth-child(2n) {margin-right: 0;}
}


.index_category {width:100%;overflow: hidden;}

@media  screen and (min-width: 1000px){
    .index_category {
        position: relative;
        height: 80vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
        --size: 70vh;
        --size-in: 70vh;
    }
    .index_category .circle {
        height: var(--size);
        width: var(--size);
        border-radius: 50%;
        position: absolute;
        left: calc(0px - calc(var(--size) / 2));
        background: linear-gradient(to right, #121b27, #24344b);
        z-index: 2;
        opacity: .5;
        margin-top: 5vh;
    }
    .index_category .left .category {
        height: var(--size-in);
        width: var(--size-in);
        border-radius: 50%;
        position: absolute;
        transform-origin: center center;
        transform: rotate(0deg);
        cursor: pointer;
        z-index: 3;
        left: calc(0px - calc(var(--size-in) / 2));
        margin-top: 5vh;
    }

    .index_category .left .category .box{
        position: absolute;
        z-index: 9;
        padding:0 2rem;
        height: 3rem;
        border-radius: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translate(-50%,-50%);
        transform-origin: left
    }

    .index_category .left .category .box span:first-child {
        opacity: .5;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 1.2rem;
    }

    .index_category .left .category .box h4 {
        display: inline-block;
        color: #fff;
        font-size: 1.2rem;
        text-align: center;
        white-space:nowrap;
        padding: 0 1rem;
    }

    .index_category .left .category .box span:last-child {
        display: inline-block;
        color: #fff;
        font-size: 1.2rem;
        font-weight: bold;
        opacity: 0
    }

    .index_category .left .category .box.act {
        background: #0d50be;
        color: #fff
    }

    .index_category .left .category .box.act span:last-child {
        opacity: 1
    }


    .index_category .right .box {
        display: none;
        position: absolute;
        right:10%;
        top:50%;
        transform: translateY(-50%);
        z-index: 3;
    }
    .index_category .right .box.on {
        display: block;
    }
    .index_category .right .box h3 {
        font-weight: bold;
        font-size: 2.5rem;
        color: #fff
    }
    .index_category .right .box .line {
        width: 10rem;
        height: 2px;
        background-color: #fff;
        margin: 2rem 0;
    }
    .index_category .right .box  .intro{
        font-size: 1.2rem;
        color: #fff
    }
    .index_category .right .box  .more {
        margin-top: 2rem;
    }
    .index_category .right .box  .more a {
        display: flex;
        font-size: 1rem;
        width: 10rem;
        height: 3rem;
        align-items: center;
        justify-content: space-around;
        color: #fff;
        background: #0d50be;
    }
    .index_category .right .box  .more i {transform: rotate(-90deg);}


    .index_category .navigation {
        display: none;
    }
}


@media  screen and (max-width: 1000px){
    .index_category {
        position: relative;
        width:100%;
        height:50vh;
    }
    .index_category .circle {display: none;}
    .index_category .left {display: none;}


    .index_category .right .box {
        opacity: 0;
        position: absolute;
        left:50%;
        top:50%;
        transform: translate(-50%,-50%);
        z-index: 3;
    }
    .index_category .right .box.on {
        opacity: 1;
    }
    .index_category .right .box h3 {
        font-weight: bold;
        font-size: 2rem;
        color: #fff
    }
    .index_category .right .box .line {
        width: 10rem;
        height: 2px;
        background-color: #fff;
        margin: 2rem 0;
    }
    .index_category .right .box  .intro{
        font-size: 1rem;
        color: #fff
    }
    .index_category .right .box  .more {
        margin-top: 2rem;
        display: none;
    }
    .index_category .right .box  .more a {
        display: flex;
        font-size: 1rem;
        width: 8rem;
        height: 3rem;
        align-items: center;
        justify-content: space-around;
        color: #fff;
        background: #0d50be;
    }
    .index_category .right .box  .more i {transform: rotate(-90deg);}

    .index_category .navigation {
        position: absolute;
        bottom: 5%;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .index_category .navigation .prev,.index_category .navigation .next {width:2.5rem;height:2.5rem;z-index:7;border-radius: 50%;
        cursor: pointer;display: flex;align-items: center;justify-content: center;background: #09a2ea}
    .index_category .navigation .prev_left{color:#fff;font-size: 1rem;transform: rotate(180deg)}
    .index_category .navigation .next_right{color:#fff;font-size: 1rem;}
    .index_category .navigation .pagination {color:#fff;}
}






.index_advantage {padding:3rem 0;}
.index_advantage .cont {padding:2rem 0;}
.index_advantage .item {display: flex;justify-content: space-between;margin-bottom: 2rem;}
.index_advantage .cont dt {width:42%;}
.index_advantage .cont dd {width:55%;display: flex;flex-direction: column;justify-content: space-between;}
.index_advantage dd h3 {
    margin-bottom: 1.5rem;
}
.index_advantage dd h3 em {
    display: block;
    background: url(../images/ys/sl_ctit.png);
    background-size: 100% 100%;
    width: 3.5rem;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    font-size: 1.5rem;
    color: #fff;
    font-weight: lighter;
    float: left;
}
.index_advantage dd h3 i {
    float: left;
    margin-left: 1.5rem;
    font-size: 2rem;
    color: #0d50be;
    font-weight: normal;
}
.index_advantage dd h3 i span {
    font-size: 0.8rem;
    color: #CBCBCB;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
}
.index_advantage dd p {
    font-size: 1rem;
    color: #383838;
    line-height: 2rem;
}
.index_advantage dd a {
    font-size: 1rem;overflow: hidden;display: block;line-height: 2.5rem;
    width: 8rem;background: #ffaa00;text-align: center;color: #fff;border-radius: 2.5rem;margin-top: 1.5rem;
}
.index_advantage dd .schj_swiper {
    margin-top: 2rem;
    overflow: hidden;
    width:100%;
}
@media  screen and (max-width: 1000px){
    .index_advantage {padding:0;padding-top: 2rem;}
    .index_advantage .item {display: block;margin-bottom: 1rem;border-bottom:1px solid #d3d3d3;padding-bottom: 1rem;}
    .index_advantage .cont {padding:1rem 0;}
    .index_advantage .cont dt {width:100%;margin-bottom: 1rem;}
    .index_advantage .cont dd {width:100%;display: flex;flex-direction: column;justify-content: space-between;}
    .index_advantage .img2 {display: block;margin: 1rem 0;}
}






.index_fixed {
    width:100%;
    background: url(../images/index-ban.jpg) no-repeat center;
    background-attachment: scroll;
    background-attachment: fixed;
    height: 80vh;
}
@media  screen and (max-width: 1000px){
    .index_fixed {display: none}
}




.index_about {width:100%;padding:3rem 0;}
.index_about .title {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.index_about .title .cn {
    font-size: 3rem;
    font-weight: bold;
    color: #333;
    position: relative;
}
.index_about .title .en {
    color: transparent;
    -webkit-text-stroke-color: #c3c3c3;
    -webkit-text-stroke-width: 1px;
    font-size: 5rem;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    opacity: .5
}
.index_about .desc-en {
    font-size: 1rem;
    margin-bottom: 2rem;
}
.index_about .cont {
    display: flex;
    justify-content: space-between
}
.index_about .cont .left {width:48%;}
.index_about .cont .right {width:48%;display: flex;flex-direction: column;justify-content: space-between;}
.index_about .cont .right .tit {
    font-size: 2rem;
    color: #333;
    font-weight: bold;
    border-bottom: 1px dashed #c1c1c1;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.index_about .cont .intro {font-size: 1rem;line-height: 2rem;}
.index_about  .more {
    margin-top: 3rem;
}
.index_about  .more a {
    display: flex;
    font-size: 16px;
    width: 194px;
    height: 52px;
    align-items: center;
    color: #fff;
    background: #0d50be;
    justify-content: flex-end
}
.index_about  .more i {
    width: 50px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, .3);
    line-height: 52px;
    display: inline-block;
    height: 100%
}
.index_about  .more span {
    display: inline-block;
    height: 100%;
    line-height: 52px;
    width: 143px;
    text-align: center
}
@media  screen and (max-width: 1000px){
    .index_about {padding:1rem 0;}
    .index_about .title {display: block}
    .index_about .title .cn {font-size: 2.2rem;}
    .index_about .title .en {font-size: 2.2rem;}
    .index_about .cont {display: block;}
    .index_about .cont .left {width:100%;margin-bottom: 1rem;}
    .index_about .cont .right {width:100%;}
    .index_about .more {margin-top: 2rem;}
}




.index_ryzz {
    width: 100%;
    height: 80vh;
    background-image: url(/static/images/index-ryzz.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
}
.index_ryzz .title{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color:#FFF;
    align-items: center;
}
.index_ryzz .title h3{
    font-size:2.5rem;
    color:#0d50be
}
.index_ryzz .title .right {display: flex;}
.index_ryzz .more {
    background-color:#FFF;
    color:#333;
    width: 10rem;
    height: 3rem;
    border: 1px solid rgba(255,255,255,0.30);
    border-radius: 3rem;
    position:relative;
    font-size:1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_ryzz .more  a i{
    background-color:#F2F2F2;
}
.index_ryzz .more  a:hover em{
    color:#333;
}
.index_ryzz .btn {
    display: block;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    cursor: pointer;
    margin-left: 1rem;
}
.index_ryzz a.prev {
    background-image: url(../images/zj.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.index_ryzz a.prev:hover {
    background-image: url(../images/yj.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
}
.index_ryzz a.next {
    background-image: url(../images/zj.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
}
.index_ryzz a.next:hover {
    background-image: url(../images/yj.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(360deg);
}

.index_ryzz .ryzz_swiper {margin-top: 5rem;}

@media  screen and (max-width: 1000px){
    .index_ryzz .title {display: block;}
    .index_ryzz .title h3{display:block;margin-bottom: 2rem;}
}




.index_news {padding:3rem 0;}

@media  screen and (min-width: 1000px){
    .index_news .cont .item {margin-top:3rem;width:23.5%;margin-right: 2%;float: left;padding:2rem;background: #f7f9fc;
        border: 1px solid #e6edfa;
        border-top: 4px solid #fafcff;
        box-shadow: 0px 8px 8px 0px rgba(239, 242, 249, 0.5);}
    .index_news .cont .item:nth-child(4n) {margin-right: 0;}
    .index_news .cont .item img {margin-bottom: 2rem;}
    .index_news .cont .item .date {margin-bottom: 1rem;}
    .index_news .cont .item .title {
        font-size: 1.2rem;
        line-height: 2rem;
        height: 4rem;
        margin-bottom: 1.5rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .index_news .cont .item .intro {
        font-size: 1rem;
        line-height: 2rem;
        height: 4rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media  screen and (max-width: 1000px){
    .index_news {padding:2rem 0;}
    .index_news .cont .item {margin-top:2rem;display: flex;align-items: center;justify-content: space-between;border-bottom:1px solid #c7c7c7;}
    .index_news .cont .item .img {width:45%}
    .index_news .cont .item .box {width:50%}
    .index_news .cont .item .date {margin-bottom: 1rem;}
    .index_news .cont .item .title {
        font-size: 1rem;
        line-height: 1.8rem;
        height: 1.8rem;
        margin-bottom: 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .index_news .cont .item .intro {
        font-size: 0.8rem;
        line-height: 1.5rem;
        height: 3rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}





.index_hzhb {
    margin: 3rem 0;
}
.index_hzhb .list {
    position: relative;
    margin-top: 3rem;
}
.index_hzhb .tempWrap {
    overflow: hidden;
    width:95%;
    margin: 0 auto;
}
.index_hzhb .bd ul li {
    width: 12.5rem;
    margin-right: 2rem;
    float: left;
    overflow: hidden;
    text-align: center;
}
.index_hzhb .bd ul li img {
    width: 100%;
    display: block;
}
.index_hzhb .prev, .index_hzhb .next {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: pointer;
}
.index_hzhb .next {
    left: auto;
    right: 0;
    background-position: 8px 5px;
}
.index_hzhb .prev:hover, .index_hzhb .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}
@media  screen and (max-width: 1000px){
    .index_hzhb {
        margin: 1rem 0;
    }
    .index_hzhb .picList{
        margin: 2rem 0;
    }

    .index_hzhb .list {
        margin-top: 0;
    }
}