.column{display: flex;justify-content: space-between;margin:30px 0 50px;}
.column .title{font-size: 40px; color: #0e61d4;font-weight: 600;}
.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: #0e61d4;}
.column .more{display: flex;align-items: center;justify-content: center; font-size: 14px;color: #fff;
    width: 160px;height: 45px;border-radius: 24px;position: relative; overflow: hidden;transition: all .3s;background-color: #0e61d4;}






.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 #0e61d4;
    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: #0e61d4;
    color: #fff;
}
.index_product .pro_cat a:hover span {
    background: #0e61d4;
    color: #fff;
}

.index_product .pro_list {
    margin-top:40px;
}
.index_product .pro_list .pro_list_item:not(:first-child) {
    display: none;
}
.index_product .pro_list .pro_list_item li{
    width:32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 50px;
    /*background: #0e61d4;*/
}
.index_product .pro_list .pro_list_item li:nth-child(3n){
    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: 50px;
    text-align: center;
    line-height: 50px;
    /*background: #0e61d4;*/
    color: #7b7b7b;
    font-size: 16px;
    border: 1px solid #dee2e6;
}






.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:#0e61d4; 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: 30px;font-size: 16px}
.index_about .about_right .bth{ float:left; position:relative; z-index:5; padding:0 36px; border-radius:25px; height:5vh; line-height:5vh;
    color:#0e61d4; border:1px solid #0e61d4; font-size:1vw;}
.index_about .about_right .bth:hover{ background:#0e61d4; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}








.index_environment{position: relative;padding: 60px 0;}
.index_environment .environment_list {overflow: hidden;width:100%;}
.index_environment .environment_list .item{width:33.33%;padding-right:1%;float: left;}