/*产品中心*/
.fabric1 {
    width: 100%;
    margin: 3vw 0vw;
}

.fabric1_hub {
    width: 75vw;
    margin: auto;
}

.topic1 {
    width: 100%;
    color: #000000;
    font-size: 1.2vw;
    font-weight: bold;
    text-align: center;
}

.topic1_d {
    font-size: 2.2vw;
    font-weight: bold;
    color: #0c8cd0;
}

.topic1_title {
    font-size: 1.5vw;
    color: #000000;
    font-weight: bold;
    margin-left: 1vw;
    text-align: center;
    letter-spacing: 0.1vw;
}

.tailorism {
    width: 100%;
}

.tailorism_nav {
    width: 100%;
    display: flex;
    justify-content: center;
    line-height: 4vw;
    margin-top: 0.8vw;
}

.tailorism_nav_item {
    padding: 0vw 2vw;
}

.nav_item {
    width: 12vw;
    text-align: center;
    font-size: 1vw;
    color: #959595;
    margin: 0vw 2vw;
}

.choose {
    width: 12vw;
    text-align: center;
    font-size: 1vw;
    color: #0c8cd0;
    border-bottom: 2px solid #0c8cd0;
}

.cpbj1 {
    background-image: url(/uploads/202408241723068887d2544.jpg);
    padding: 3vw;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 28vw;
}

.cpbj2 {
    background-image: url(/uploads/20240824172306181631672.png);
    padding: 3vw;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 28vw;
}

.cpbj3 {
    background-image: url(/uploads/20240824172306d69188668.png);
    padding: 3vw;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 28vw;
}

/*应用领域*/
.fabric2 {
    width: 100%;
}

.fabric2_hub {
    width: 75vw;
    margin: auto;
}

.topic2 {
    width: 100%;
    color: #000000;
    font-size: 1.2vw;
    font-weight: bold;
}

.topic2_d {
    font-size: 2.2vw;
    font-weight: bold;
    color: #0c8cd0;
}

.opt2 {
    width: 100%;
    margin-top: 0.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.opt2_left {
    display: flex;
    align-items: center;
}

.opt2_left_names {
    font-size: 1.5vw;
    color: #000000;
    font-weight: bold;
    margin-left: 1vw;
}

.opt2_left_lines {
    width: 5vw;
    height: 1px;
    margin-left: 1vw;
    background-color: #0c8cd0;
}

.utilize {
    width: 100%;
    height: 31vw;
    margin-top: 3vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url("../image/1704175628.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.utilize .stage a:hover {
    background-color: #0b6394a1;
}

.stage {
    width: 16.6%;
    height: 100%;
    border-right: 1px solid #ffffff;
}

.stage a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 10vw 0vw;
    box-sizing: border-box;
}

.stage_name {
    width: 100%;
    font-size: 1vw;
    color: #fff;
}

.stage_name_line {
    width: 2vw;
    height: 1px;
    background-color: #ffffff;
    margin: 2vw auto;
}

.stage_name_use {
    width: 100%;
    font-size: 1vw;
    color: #fff;
}

/*新闻中心*/
/*产品中心*/
.fabric3 {
    width: 100%;
    padding: 3vw 0vw;
    background-color: #ebe9e9;
}

.fabric3_hub {
    width: 75vw;
    margin: auto;
}

.topic3 {
    width: 100%;
    color: #000000;
    font-size: 1.2vw;
    font-weight: bold;
}

.topic3_d {
    font-size: 2.2vw;
    font-weight: bold;
    color: #0c8cd0;
}

.opt3 {
    width: 100%;
    margin-top: 0.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.opt3_left, .opt3_right {
    display: flex;
    align-items: center;
}

.opt3_left_names {
    font-size: 1.5vw;
    color: #000000;
    font-weight: bold;
    margin-left: 1vw;
}

.opt3_left_lines {
    width: 5vw;
    height: 1px;
    margin-left: 1vw;
    background-color: #0c8cd0;
}

.opt3_main_nav {
    padding: 0vw 0.5vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.opt3_main_nav a {
    width: 100%;
    color: #000000;
    font-size: 1vw;
    font-weight: bold;
}

.opt3_main_nav a:hover {
    color: #0c8cd0;
}

.thin {
    margin-left: 1vw;
    width: 1px;
    height: 1vw;
    background-color: #000000;
}

.opt3_main_nav:nth-child(2) .thin {
    display: none;
}

.text3 {
    width: 100%;
    margin-top: 3vw;
    display: flex;
    justify-content: space-between;
}

.text3_left {
    width: 49.5%;
}

.text3_left a {
    width: 100%;
}

.text3_left_img {
    width: 100%;
    height: 20.2vw;
    background-color: #ffffff;
    padding: 1vw;
    box-sizing: border-box;

}

.text3_left_img_nei {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.text3_left_img_nei img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    overflow: hidden;
}

.text3_left_box {
    width: 100%;
    margin-top: 0.6vw;
    background-color: #ffffff;
    padding: 1vw;
    box-sizing: border-box;

}

.text3_left a:hover .text3_left_InfoTitle {
    color: #0c8cd0;
}

.text3_left a:hover .text3_left_box, .text3_left a:hover .text3_left_img {
    box-shadow: 5px 5px 10px #dcdfe6;
}

.text3_left a .text3_left_img:hover img {
    transform: scale(1.2);

}

.text3_left_InfoTitle {
    font-size: 1vw;
    color: #000000;
    font-weight: bold;
}

.text3_left_InfoSContent {
    font-size: 0.8vw;
    color: #000000;
    padding: 0.8vw 0vw;
    line-height: 1.5vw;
}

.text3_left_InfoTime {
    font-size: 0.8vw;
    color: #000000;
}

.text3_right {
    width: 49.5%;
}

.text3_right_box {
    width: 100%;
    margin-top: 0.6vw;
    background-color: #ffffff;
    padding: 1vw;
    box-sizing: border-box;
}

.text3_right_box a:hover .text3_right_InfoTitle {
    color: #0c8cd0;
}

.text3_right_box:hover {
    box-shadow: 5px 5px 10px #dcdfe6;
}

.text3_right_box:nth-child(1) {
    margin-top: 0vw;
}

.text3_right_InfoTitle {
    font-size: 1vw;
    color: #000000;
    font-weight: bold;
}

.text3_right_InfoSContent {
    font-size: 0.8vw;
    color: #000000;
    padding: 0.8vw 0vw;
}

.text3_right_InfoTime {
    font-size: 0.8vw;
    color: #000000;
}

/*关于我们*/
.fabric4 {
    width: 100%;
    margin: auto;
    height: auto;
    padding: 3vw 0vw;
    background-image: url("../image/1703811341.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.fabric4_hub {
    width: 75vw;
    margin: auto;
}


.topic4 {
    width: 100%;
    color: #000000;
    font-size: 1.2vw;
    font-weight: bold;
}

.topic4_d {
    font-size: 2.2vw;
    font-weight: bold;
    color: #0c8cd0;
}

.opt4 {
    width: 100%;
    margin-top: 0.5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.opt4_left {
    display: flex;
    align-items: center;
}

.opt4_left_names {
    font-size: 1.5vw;
    color: #000000;
    font-weight: bold;
    margin-left: 1vw;
}

.opt4_left_lines {
    width: 5vw;
    height: 1px;
    margin-left: 1vw;
    background-color: #0c8cd0;
}

.init_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.init_box_left {
    width: 49%;
    display: grid;
    align-content: center;
    text-align: justify;
}

.synopsis {
    font-size: 1.5vw;
    font-weight: bold;
    color: #000000;
}

.firm {
    font-size: 1vw;
    color: #000000;
    font-weight: bold;
    margin: 1.5vw 0vw;
}

.brief {
    font-size: 0.9vw;
    color: #000000;
    line-height: 1.5vw;
}


.init_box_right {
    width: 49%;
}

.last_top {
    width: 100%;
    height: 14vw;
    overflow: hidden;
}

.last_top a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.last_top a img {
    width: 100%;
    height: 100%;
    transition: all 1s;
}

.last_top_past {
    position: absolute;
    bottom: 1vw;
    left: 1vw;
    font-size: 1vw;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.last_bottom {
    width: 100%;
    margin-top: 0.5vw;
    display: flex;
    justify-content: space-between;
}

.last_bottom_div {
    width: 49%;
    height: 14vw;
    overflow: hidden;
}

.last_bottom_div a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.last_bottom_div a img {
    width: 100%;
    height: 100%;
    transition: all 1s;

}

.last_bottom_past {
    position: absolute;
    bottom: 1vw;
    left: 1vw;
    font-size: 1vw;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.last_top a:hover .last_top_past, .last_bottom_div a:hover .last_bottom_past {
    color: #0c8cd0;
    border-bottom: 1px solid #0c8cd0;
}

.last_top a:hover img, .last_bottom_div a:hover img {
    transform: scale(1.2);

}

.details {
    width: 20%;
    height: 2vw;
    margin-top: 2vw;
    line-height: 2vw;
    text-align: center;
    font-size: 0.8vw;
    color: #000000;
    border: 1px solid #000000;
}

.details a {
    display: block;
}

.details a:hover {
    color: #ffffff;
    border: 0px;
    background-color: #0c8cd0;
}

.cut {
    width: 49%;
}

.cut_name {
    width: 100%;
    font-size: 1.4vw;
    margin-top: 5vw;
    font-weight: bold;
}

.cut_content {
    font-size:1vw;
    line-height: 2vw;
    margin-top: 1vw;
    text-align: justify;
}

.cut_bottom {
    width: 20%;
    height: 2vw;
    margin-top: 2vw;
    line-height: 2vw;
    text-align: center;
    font-size: 0.8vw;
    color: #000000;
    border: 1px solid #000000;
}

.cut_bottom a {
    display: block;
}

.cut_bottom a:hover {
    color: #ffffff;
    border: 0px;
    background-color: #0c8cd0;
}