.column{display: flex;justify-content: space-between;margin:30px 0 50px;}
.column .title{font-size: 2.8vw; color: #000;}
.column .title span{display: inline-block;font-size: 20px;opacity: 0.7;margin-left: 26px;text-transform:uppercase;}
.column .more{transition: all 0.5s;}
.column .more:hover{background-color: var(--comcolor);}
.column .more{display: flex;align-items: center;justify-content: center; font-size: 14px;color: #fff; width: 200px;height: 48px;border-radius: 24px;position: relative; overflow: hidden;transition: all .3s;background-color: var(--comcolor);}






.index_banner {
    width: 100vw;
    height:100vh;
    position: relative;
}
.index_banner .swiper-slide {overflow: hidden;}
.index_banner .swiper-slide img{
    width: 100vw;
    height:100vh;
}
.index_banner .swiper-pagination-bullet {
    width:12px;
    height:12px;
}





.index_product {
    width:100%;
    background: #f5f5f5;
    position: relative;
    padding: 60px 0;
}
.index_product .pro_cat {
    padding: 30px 0;
}
.index_product .pro_cat ul {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.index_product .pro_cat ul::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 57px;
    background-color: #dbdbdb;
}
.index_product .pro_cat li {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.index_product .pro_cat li.cur::before {
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 100%;
    border-left: 1px dashed #d0d0d0;
}
.index_product .pro_cat li.cur::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    border: 1px solid #e09816;
    background: #f5f5f5;
    border-radius: 50%;
}
.index_product .pro_cat a {
    display: inline-block;
}
.index_product .pro_cat span {
    display: inline-block;
    *display: inline;
    line-height: 30px;
    padding: 0 15px;
    font-size: 16px;
    color: #969696;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.index_product .pro_cat .cur a span {
    background: var(--comcolor);
    color: #fff;
}
.index_product .pro_cat a:hover span {
    background: var(--comcolor);
    color: #fff;
}

.index_product .pro_list {
    margin-top:40px;
    min-height:600px;
}
.index_product .pro_list .pro_list_item:not(:first-child) {
    display: none;
}
.index_product .pro_list .pro_list_item li{
    width:24.25%;
    float: left;
    margin-right: 1%;
    margin-bottom: 50px;
}
.index_product .pro_list .pro_list_item li:nth-child(4n){
    margin-right: 0;
}
.index_product .pro_list .pro_list_item li img{
    width:100%;
    display: block;
}
.index_product .pro_list .pro_list_item li  .title {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: var(--comcolor);
    color: #fff;
    font-size: 16px;
}







.index_ryzz{ width: 100%; height:80vh;padding: 60px 0; overflow: hidden; background: url(../images/ryzzbg.jpg) center top no-repeat; background-size: cover;}
.ryzz_swiper {overflow: hidden;}
.ryzz_swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
/*.ryzz_swiper ul{margin-top: 20vh;}*/
.ryzz_swiper ul li .pic{ width: 100%; height: auto; margin: 0 auto;}
.ryzz_swiper ul li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.ryzz_swiper ul li .desk{ width: 100%; height: 50px; margin: 0 auto; margin-top: -1rem; background: url(../images/ryzztp.png) center no-repeat; background-size: contain !important;}
.ryzz_swiper ul li p{ text-align: center; font-size: 1.125rem; font-weight: bold; color: #252525; line-height: 2rem;}





.index_about {width:100%;height: 80vh;position: relative;z-index: 1;background: #fbfbfb;}
.index_about .about_box {height:100%;}
.index_about .about_left { float:left;width:50%;height:100%;display: flex;align-items: center;justify-content: right;}
.index_about .about_right{ float:right; width:50%;height:100%;padding:0 5%;position:relative; z-index:3;display: flex;align-items: center}
.index_about .about_right .title{ float:left; width:100%; position:relative; z-index:3;}
.index_about .about_right .title h1{ float:left; color:#111111; font-size:36px; line-height:50px; font-weight:bold; letter-spacing:2px; position:absolute; left:0; bottom:0; z-index:3;}
.index_about .about_right .title h2{ float:left; color:#f5f5f5; font-size:72px; line-height:1; font-weight:bold; letter-spacing:2px; text-transform:uppercase; position:relative; z-index:1;}
.index_about .about_right .line{ float:left; position:relative; z-index:5; width:200px; height:5px; background:#343434; margin:47px 0 55px 0;}
.index_about .about_right .p{ float:left; position:relative; z-index:5; width:100%; color:#666666; font-size:16px;line-height:36px; min-height:216px;
    margin-bottom:5vh; letter-spacing:1px;}
.index_about .about_right .p p{ text-indent: 1.8vw;font-size: 0.9vw}
.index_about .about_right .bth{ float:left; position:relative; z-index:5; padding:0 36px; border-radius:25px; height:48px; line-height:48px; color:var(--comcolor); border:1px solid #2779BF; font-size:16px;}
.index_about .about_right .bth:hover{ background:var(--comcolor); color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}








.index_news{position: relative;padding: 60px 0;}
.index_news .news_list .news_item{width:23.5%;margin-right:2%;float: left;background-color: #fff;padding:0;transition: all .3s;border:1px solid rgba(38,61,145,0.1);}
.index_news .news_list .news_item:nth-child(4) {margin-right:0;}
.index_news .news_list .news_item .img{width: 100%;overflow: hidden;transition: all .3s;display:flex;justify-content:center;align-items:center; position:relative;padding-bottom:59.52%;}
.index_news .news_list .news_item .img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); display: block;width: calc(100% - 20px);height: calc(100% - 20px);transition: all .3s;}
.index_news .news_list .news_item:hover .img img{width:100%;height:100%;}
.index_news .news_list .news_item .wz{position: relative;padding:25px 30px;}
.index_news .news_list .news_item .wz::before{content: '';width: 100%;height: 1px;background-color: #ededed;position: absolute;top:0;left:0;transition: all .3s;}
.index_news .news_list .news_item .wz::after{content: '';width: 0;height: 1px;background-color: var(--comcolor);position: absolute;top:0;left:0;transition: all .3s;}
.index_news .news_list .news_item .wz .time{font-size: 16px;color: #0c6db2;margin-bottom: 22px;}
.index_news .news_list .news_item .wz .title{font-weight:600;font-size: 20px;line-height: 28px;overflow: hidden; color: #000;margin-bottom: 15px;transition: all .3s;white-space: nowrap;text-overflow: ellipsis;}
.index_news .news_list .news_item .wz .desc{font-size: 14px;line-height: 22px;height: 44px; overflow: hidden;color: #000;margin-bottom: 30px;transition: all .3s;}
.index_news .news_list .news_item .wz .more2{position: relative;width: 40px;height: 40px;border-radius: 20px;border:1px solid #ececec;transition: all .3s;display: flex;justify-content: center;align-items: center;}
.index_news .news_list .news_item .wz .more2 i{display: block;width: 11px;height: 6px;background-image: url(../images/more_ico1.png);transition: all .3s;}
.index_news .news_list .news_item .wz .more2 span{ font-size: 14px;color: #fff;transition: all .3s;position: absolute;left:30px;top:0;height: 40px;line-height: 40px;display:none;}
.index_news .news_list .news_item:hover{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);}
.index_news .news_list .news_item:hover .wz{background:#0c6db2}
.index_news .news_list .news_item:hover .wz::before{opacity:0;}
.index_news .news_list .news_item:hover .wz .title,.index_news .news_list .news_item:hover .wz .time,.index_news .news_list .news_item:hover .wz .desc{color: #ffffff;}
.index_news .news_list .news_item:hover .wz .more2{border-color:transparent;background-color: #ffffff;}
.index_news .news_list .news_item:hover .wz .more2 i{background-image: url(../images/more_ico1l.png);}