.index_banner{width: 100%;padding: 120px 40px;background: url(../images/banner.jpg) no-repeat center/cover;overflow: hidden;}
.index_banner .wp{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;}
.index_banner .wp_m{display: none;}
.index_banner .bg{width: 100%;}
@keyframes breathing {
  0%, 100% {
    transform: scale(1);
	background-color: #00509c;
  }
  50% {
    transform: scale(1.3);
	background-color: red;
  }
}
.index_banner li{position: absolute;}
.index_banner li .inner{position: relative;}
.index_banner li .inner::before{content: '';width: 10px;height: 10px;background-color: #00509c;border-radius: 10px;display: block;position: absolute;bottom: 0;z-index: 2;animation: breathing 2s infinite;}
.index_banner li .inner::after{content: '';width: 3px;height: 40px;background-color: #00509c;display: block;position: absolute;bottom: 5px;z-index: 1;}
.index_banner li a{padding: 5px 10px;font-size: 12px;color: #fff;background-color: #00509c;display: block;line-height: 1.2;}
.index_banner li a:hover{color: #000;}
.index_banner li:hover .inner::before,
.index_banner li:hover .inner::after,
.index_banner li:hover a{background-color: #036a37;}

.index_banner li.lf .inner{padding: 0 20px 37px 0;}
.index_banner li.rt .inner{padding: 0 0 37px 20px;}
.index_banner li.lf .inner::before{right: 0;}
.index_banner li.rt .inner::before{left: 0;}
.index_banner li.lf .inner::after{right: 2px;transform: rotate(-26deg) translateX(-10px);}
.index_banner li.rt .inner::after{left: 2px;transform: rotate(26deg) translateX(10px);}
.index_banner li.lf a{border-radius: 8px 8px 0 8px;}
.index_banner li.rt a{border-radius: 8px 8px 8px 0;}

.index_banner li.l1{top: 10%;right: 76.5%;}
.index_banner li.l2{top: 5%;right: 70.2%;}
.index_banner li.l3{top: 8%;right: 60%;}
.index_banner li.l4{top: 4%;right: 47.4%;}
.index_banner li.l5{top: 14.5%;right: 7.9%;}
.index_banner li.l6{top: 44%;right: 86%;}
.index_banner li.l7{top: 34%;right: 67%;}
.index_banner li.l8{top: 66%;right: 82.5%;}
.index_banner li.r1{top: 0;left: 63.5%;}
.index_banner li.r2{top: 2%;left: 72%;}
.index_banner li.r3{top: 21%;left: 62%;}
.index_banner li.r4{top: 22%;left: 76%;}
.index_banner li.r5{top: 35%;left: 38.5%;}
.index_banner li.r6{top: 41%;left: 45%;}
.index_banner li.r7{top: 45%;left: 50.8%;}
.index_banner li.r8{top: 40%;left: 66%;}
.index_banner li.r9{top: 45%;left: 74%;}
.index_banner li.r10{top: 66.5%;left: 23.5%;}
.index_banner li.r11{top: 58.5%;left: 39%;}
.index_banner li.r12{top: 68.5%;left: 62%;}
.index_banner li.r13{top: 67%;left: 75%;}

.index_title{text-transform: uppercase;}
.index_title .p1{font-size: 1.4em;color: #006e33;position: relative;padding-left: 30px;}
.index_title .p1::before{content: '';position: absolute;left: 0;top: calc(50% - 1px);width: 20px;height: 2px;background-color: #006e33;}
.index_title .p2{font-size: 2em;font-weight: bold;margin: 10px 0;}
.index_title .p3{font-size: 1.5em;color: #797979;}

.index_notice{width: 100%;background-color: rgba(0, 80, 186);padding: 10px 0;position: relative;z-index: 2;}
.index_notice .swiper{width: 100%;height: 30px;}
.index_notice .swiper-slide{display: flex;align-items: center;}
.index_notice .swiper-slide a{font-size: 1.4em;color: #fff;padding-left: 28px;background: url(../images/icon04.png) no-repeat left center/22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.index_notice .swiper-slide a:hover{text-decoration: underline;}

.index_production{position: relative;z-index: 1;margin-top: -50px;padding: 100px 0 0;}
.index_production::before,
.index_production::after{content: '';position: absolute;z-index: -1;width: 100%;left: 0;}
.index_production::before{background:  url(../images/bg01.png) no-repeat left top/auto 100%, url(../images/bg02.png) no-repeat right bottom/auto 70%;background-color: #262626 ;height: 55%;top: 0;}
.index_production::after{background-color: #dbdcde;height: 45%;bottom: 0;}

.index_production .index_title .p2{color: #fff;}
.index_production .swiper{width: 100%;padding-bottom: 50px;border-bottom: 1px solid #bcbcbc;}
.index_production .swiper-slide{padding: 30px 20px;position: relative;z-index: 1;transition: all .3s ease-out;}
.index_production .swiper-slide::before,
.index_production .swiper-slide::after{content: '';position: absolute;background-color: var(--primary-color);clip-path: polygon(0 0, 100% 0, 100% 80%, 85% 100%, 0 100%);opacity: 1;transition: inherit;}
.index_production .swiper-slide::before{left: -10px;top: -10px;width: calc(100% - 10px);height: calc(100% - 10px);background-color: var(--primary-color);z-index: -1;opacity: 0;}
.index_production .swiper-slide::after{left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: -2;}
.index_production .swiper-slide .num{font-size: 1.6em;padding-left: 30px;position: relative;}
.index_production .swiper-slide .num::before{content: '';position: absolute;left: 0;top: 50%;width: 20px;height: 1px;background-color: #333;}
.index_production .swiper-slide .pic{width: 100%;height: 160px;overflow: hidden;padding: 20px;margin: 20px 0 30px;background: linear-gradient(to bottom, #ACB1B8, #ffffff);}
.index_production .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;}
.index_production .swiper-slide .title{display: flex;align-items: center;font-size: 1.4em;font-weight: bold;text-transform: uppercase;}
.index_production .swiper-slide .title img{height: 30px;margin-right: 10px;}
.index_production .swiper-slide:hover{color: #fff;}
.index_production .swiper-slide:hover::before{opacity: 1;left: 0;top: 0;}
.index_production .swiper-slide:hover::after{opacity: 1;width: calc(100% - 10px);height: calc(100% - 10px);left: 10px;top: 10px;}
.index_production .swiper-slide:hover .num::before{background-color: #fff;}
.index_production .swiper-slide:hover .pic{background-color: #fff;}
.index_production .swiper-slide:hover .title img{filter: brightness(0) invert(1);}

.index_process{background-color: #dbdcde;width: 100%;}
.index_process .wrap{max-width: 1920px;margin: 0 auto;padding-right: 20px;}
.index_process .nav{width: 240px;padding: 20px 10px;background-color: #c5ced7;border-radius: 0 40px;display: flex;flex-direction: column;justify-content: center;}
.index_process .nav li{padding: 10px 0;border-bottom: 1px solid #006e33;font-size: 1.6em;cursor: pointer;}
.index_process .nav li:last-child{border-bottom: 0;}
.index_process .nav li .inner{padding: 10px;}
.index_process .nav li.on .inner{background-color: var(--primary-color);color: #fff;border-radius: 10px;}
.index_process .cont{width: calc(100% - 260px);padding: 30px 0;margin-left: 20px;}
.index_process .cont .type_name{font-size: 2.2em;color: var(--primary-color);display: flex;align-items: center;justify-content: flex-end;text-transform: uppercase;}
.index_process .cont .type_name img{margin-right: 10px;height: 26px;}
.index_process .cont .section .item{display: none;}
.index_process .cont .section .item.on{display: block;}

.index_process .cont ul {width: 100%;position: relative;display: flex;flex-wrap: wrap;justify-content: center;overflow: hidden;}
.index_process .cont ul li a{width: 135px;height: 135px;background-color: #fff;border-radius: 15px;padding: 20px 5px;position: relative;z-index: 1;margin: 8px;list-style: none;opacity: 0;animation: fadeIn 0.5s forwards;display: block;transition: all .3s ease-out;}
.index_process .cont ul li[data-row-type="odd"] a::before {content: '';position: absolute;top: -8px;left: -8px;width: calc(50% + 8px);height: calc(100% + 16px);border: 2px dotted #cccccb;border-right: none;border-radius: 20px 0 0 20px;z-index: -1;}
.index_process .cont ul li[data-row-type="even"] a::before {content: '';position: absolute;top: -8px;right: -8px;width: calc(50% + 8px);height: calc(100% + 16px);border: 2px dotted #cccccb;border-left: none;border-radius: 0 20px 20px 0;z-index: -1;}
.index_process .cont ul li a::after {content: '';position: absolute;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;transition: all 0.3s;}
.index_process .cont ul li:not([data-is-row-end="true"]) a::after {top: 50%;transform: translateY(-50%);}

.index_process .cont ul li[data-row-type="odd"]:not([data-is-row-end="true"]) a::after {right: -27px;border-left: 13px solid #f5a118;}
.index_process .cont ul li[data-row-type="even"]:not([data-is-row-end="true"]) a::after {left: -27px;border-right: 13px solid #f5a118;}
.index_process .cont ul li[data-is-row-end="true"] a::after {top: auto;bottom: -50px;left: 50%;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 13px solid #f5a118;}

.index_process .cont ul li[data-color="0"][data-row-type="odd"] a::after { border-left-color: #f5a118;}
.index_process .cont ul li[data-color="1"][data-row-type="odd"] a::after { border-left-color: #ff4d4f;}
.index_process .cont ul li[data-color="2"][data-row-type="odd"] a::after { border-left-color: #52c41a;}
.index_process .cont ul li[data-color="3"][data-row-type="odd"] a::after { border-left-color: #1890ff;}
.index_process .cont ul li[data-color="0"][data-row-type="even"] a::after { border-right-color: #f5a118;}
.index_process .cont ul li[data-color="1"][data-row-type="even"] a::after { border-right-color: #ff4d4f;}
.index_process .cont ul li[data-color="2"][data-row-type="even"] a::after { border-right-color: #52c41a;}
.index_process .cont ul li[data-color="3"][data-row-type="even"] a::after { border-right-color: #1890ff;}

.index_process .cont ul li[data-color="0"][data-row-type="odd"][data-is-row-end="true"] a::after { border-top-color: #f5a118;border-left-color: transparent;}
.index_process .cont ul li[data-color="1"][data-row-type="odd"][data-is-row-end="true"] a::after { border-top-color: #ff4d4f;border-left-color: transparent;}
.index_process .cont ul li[data-color="2"][data-row-type="odd"][data-is-row-end="true"] a::after { border-top-color: #52c41a;border-left-color: transparent;}
.index_process .cont ul li[data-color="3"][data-row-type="odd"][data-is-row-end="true"] a::after { border-top-color: #1890ff;border-left-color: transparent;}
.index_process .cont ul li[data-color="0"][data-row-type="even"][data-is-row-end="true"] a::after { border-top-color: #f5a118;border-right-color: transparent;}
.index_process .cont ul li[data-color="1"][data-row-type="even"][data-is-row-end="true"] a::after { border-top-color: #ff4d4f;border-right-color: transparent;}
.index_process .cont ul li[data-color="2"][data-row-type="even"][data-is-row-end="true"] a::after { border-top-color: #52c41a;border-right-color: transparent;}
.index_process .cont ul li[data-color="3"][data-row-type="even"][data-is-row-end="true"] a::after { border-top-color: #1890ff;border-right-color: transparent;}
@keyframes fadeIn {
    to { opacity: 1; }
}
.index_process .cont ul li .icon{width: 50px;height: 50px;border-radius: 50px;background-color: #e5ebff;margin: 0 auto;padding: 10px;transition: all .3s ease-out;}
.index_process .cont ul li .icon img{width: 100%;height: 100%;object-fit: contain;}
.index_process .cont ul li .title{font-size: 1.4em;text-align: center;margin-top: 10px;line-height: 1.2;}
.index_process .cont ul li a:hover{background-color: var(--primary-color);color: #fff;}
.index_process .cont ul li a:hover .icon{background-color: #fff;}
.index_process .cont ul li a:hover .icon img{transform: scale(1.05);}

.flow-wrap{margin: 0 auto;overflow:visible;}
.flow-inner{transform-origin: left top;position:relative;}
.illustration .p1{width: 172px;height: 30px;line-height: 30px;font-size: 1.4em;text-align: center;background-color: #e5ebff;border-radius: 10px;}
.illustration .p2{width: 188px;padding: 5px 10px;border-radius: 10px;background-color: #00509c;color: #fff;font-size: 1.5em;}
.illustration .p5{width: 150px;padding: 10px 20px;border-radius: 10px;background-color: #00509c;color: #fff;font-size: 1.6em;}
.illustration .p7{width: 186px;padding: 10px;border-radius: 10px;background-color: #00509c;color: #fff;font-size: 1.6em;}
.illustration .p3{display: flex;flex-direction: column;align-items: center;margin: 8px 0 8px 30px;}
.illustration .p4{padding: 10px 15px;border-radius: 6px;background-color: #e5ebff;font-size: 1.4em;display: inline-block;}
.illustration .p6{padding: 10px 15px;border-radius: 6px;background-color: #e5ebff;font-size: 1.4em;width: 135px;text-align: center;display: flex;align-items: center;justify-content: center;line-height: 1.2;}
.illustration .p8{padding: 10px 15px;border-radius: 6px;background-color: #e5ebff;font-size: 1.4em;text-align: center;display: flex;align-items: center;justify-content: center;line-height: 1.2;width: calc(50% - 18px);height: stretch;}
.illustration .p9{font-size: 2em;text-align: center;}
.illustration .square{width: 135px;height: 135px;background-color: #fff;border-radius: 15px;padding: 20px 5px;position: relative;z-index: 1;margin: 8px;}
.illustration .square::before{content: '';position: absolute;top: -8px;left: -8px;width: calc(50% + 8px);height: calc(100% + 16px);border: 2px dotted #cccccb;border-right: none;border-radius: 20px 0 0 20px;z-index: -1;}
.illustration .square .icon{width: 50px;height: 50px;border-radius: 50px;background-color: #e5ebff;margin: 0 auto;padding: 10px;}
.illustration .square .icon img{width: 100%;height: 100%;object-fit: contain;}
.illustration .square p{font-size: 1.4em;text-align: center;margin-top: 10px;line-height: 1.2;}
.illustration .circle{width: 135px;height: 135px;border-radius: 200px;background-color: #00509c;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 1.6em;color: #fff;}
.illustration .GloveBox{width: 440px;border: 1px solid #cccccb;padding: 20px;border-radius: 10px;}
.illustration .arrow{width: 0;height: 0;display: block;opacity: 0;transition: all .3s linear;}
.illustration .arrow.down{border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #f5a118;transform: translateY(-10px);}
.illustration .arrow.up{border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #f5a118;transform: translateY(10px);}
.illustration .arrow.left{border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 10px solid #f5a118;transform: translateX(10px);}
.illustration .arrow.right{border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #f5a118;transform: translateX(-10px);}
.illustration .arrow.ani{opacity: 1;transform: none;}

.index_hot ul{gap: 10px;}
.index_hot ul li{width: calc((100% - 20px) / 3);background-color: #f7f2eb;text-align: center;position: relative;}
.index_hot ul li .title{font-size: 1.6em;position: absolute;bottom: 0;left: 0;background-color: rgba(0, 0, 0, .2);padding: 10px;width: 100%;z-index: 2;color: #fff;}
.index_hot ul li .pic_constant{width: 100%;}
.index_hot ul li .pic_constant .inner::after{padding-top: 60%;}
.index_hot ul li:nth-child(1),
.index_hot ul li:nth-child(2){width: calc(50% - 5px);}
/* .index_hot ul li:nth-child(1) .p1,
.index_hot ul li:nth-child(2) .p1,
.index_hot ul li:nth-child(1) .p2,
.index_hot ul li:nth-child(2) .p2,
.index_hot ul li:nth-child(1):hover .p1,
.index_hot ul li:nth-child(2):hover .p1{color: #fff;} */
.index_hot ul li:hover .pic_constant img{transform: scale(1.05);}
.index_hot ul li:hover .title{color: var(--primary-color);text-decoration: underline;}

.index_about{background: url(../images/bg05.jpg) no-repeat center/cover;}
.index_about .index_title .p1{color: #fff;}
.index_about .index_title .p1::before{background-color: #fff;}
.index_about .index_title .p2{color: #fff;}
.index_about .lf{width: 44%;}
.index_about .lf .txt{font-size: 1.6em;color: #fff;line-height: 1.8;}
.index_about .btn_more{border: 1px solid #fff;color: #fff;padding: 8px 20px;margin-top: 30px;display: inline-block;font-size: 1.4em;border-radius: 10px;transition: all .3s ease-out;opacity: .8;}
.index_about .btn_more:hover{opacity: 1;}
.index_about .rt{width: 56%;padding: 0 30px 30px 30px;position: relative;z-index: 1;}
.index_about .rt::after{content: '';position: absolute;right: 0;bottom: 0;width: 80%;height: 25%;background-color: var(--primary-color);z-index: -1;}
.index_about video{width: 100%;height: 100%;object-fit: cover;}

.index_about .counters{width: 100%;margin-top: 100px;}
.index_about .counters li{width: 23%;transition: all .3s ease-out;cursor: default;}
.index_about .counters li .inner{background: #acadaf url(../images/bg03.png) no-repeat right/cover;padding: 20px 30px 100px 30px;border-radius: 0 20px;transition: inherit;}
.index_about .counters li .icon{height: 40px;filter: brightness(0) invert(1);transition: all .3s ease-out;}
.index_about .counters li .txt{margin: -30px 10px 0 0;line-height: 1;}
.index_about .counters li .num{font-size: 5em;font-weight: bold;color: #fff;display: flex;align-items: center;justify-content: flex-end;transition: all .3s ease-out;}
.index_about .counters li .num i{font-style: normal;font-size: 0.85em;}
.index_about .counters li .num span{font-size: 0.5em;margin-left: 10px;}
.index_about .counters li .p{font-size: 1.8em;color: #b7b5b5;text-align: right;margin-top: 10px;}
.index_about .counters li:hover{transform: translateY(-20px);}
.index_about .counters li:hover .inner{background-image: url(../images/bg04.png);}
.index_about .counters li:hover .icon{filter: none;}
.index_about .counters li:hover .num{color: var(--primary-color);}

.index_news .nav{transform: translate(240px, -50px);gap: 25px;}
.index_news .nav li{padding: 5px 20px;background-color: #dbdcde;border-radius: 8px;font-size: 1.6em;transition: all .3s ease-out;cursor: pointer;}
.index_news .nav li.on{background-color: var(--primary-color);color: #fff;}
.index_news .list .section{flex-wrap: wrap;justify-content: space-between;display: none;}
.index_news .list .section.on{display: flex;}
.index_news .list ul{width: 70%;}
.index_news .list .item{border-bottom: 1px solid #dbdcde;padding: 20px 0;display: flex;flex-wrap: wrap;}
.index_news .list .item.last{width: 27%;display: block;padding: 0;}
.index_news .list .item.last .pic{width: 100%;}
.index_news .list .item.last .txt{width: 100%;padding: 20px 0;}
.index_news .list .item .pic{width: 33%;overflow: hidden;display: block;}
.index_news .list .item .pic img{width: 100%;height: 100%;object-fit: cover;}
.index_news .list .item .txt{width: 67%;padding-left: 20px;}
.index_news .list .item .date{font-size: 1.4em;color: #969595;}
.index_news .list .item .title{font-size: 1.8em;margin: 6px 0 10px;}
.index_news .list .item .desc{font-size: 1.4em;color: #969595;}
.index_news .list .item .more{font-size: 1.4em;color: var(--primary-color);margin-top: 20px;display: inline-block;}
.index_news .list .item .more:hover{text-decoration: underline;}
.index_news .list .item .pic:hover img{transform: scale(1.02);}

.page_banner,
.swiper_pageBanner{height: 29vw;}
.page_banner .txt{height: 100%;font-size: 3em;color: #fff;font-weight: bold;}
.swiper_pageBanner .swiper-button-next, 
.swiper_pageBanner .swiper-button-prev{background-color: rgba(0, 0, 0, .6);width: 50px;height: 50px;border-radius: 50px;font-size: 20px;color: #fff;left: auto;}
.swiper_pageBanner .swiper-button-prev{left: 4%;}
.swiper_pageBanner .swiper-button-next{right: 4%;}

.page_top{background-color: #f4f2f2;height: 60px;}
.page_top .wrapper{height: 100%;display: flex;justify-content: space-between;align-items: center;}

.page_nav{height: 100%;}
.page_nav> li{position: relative;}
.page_nav> li:not(:last-child){margin-right: 30px;}
.page_nav> li> a{display: block;height: 100%;line-height: 60px;padding: 0 20px;font-size: 1.6em;position: relative;transition: all .3s ease-out;}
.page_nav> li> a::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background-color: #1187d6;transition: all .3s ease-out;}
.page_nav> li> a:hover,
.page_nav> li.on> a{color: #1187d6;}
.page_nav> li.on> a::after{height: 3px;}

.page_position{font-size: 1.4em;background: url(../images/icon13.png) no-repeat left 2px/20px;padding-left: 30px;}
.page_nav_m{display: none;}

.type_title{font-size: 2.4em;line-height: 1.2;font-weight: bold;text-align: center;text-transform: uppercase;}

.page_about .about .video{width: 47%;}
.page_about .about video{width: 100%;}
.page_about .about .txt{width: 50%;}
.page_about .about .txt p{font-size: 1.6em;line-height: 1.8;text-indent: 2.6em;}
.page_about .about .txt p + p{margin-top: 15px;}

.page_about .culture .section{box-shadow: 0 0 10px #ccc;border-radius: 15px;padding: 50px;align-items: center;}
.page_about .culture .swiper{margin: 0;}
.page_about .culture .swiper_txt{width: 45%;}
.page_about .culture .swiper_txt .p1{font-size: 1.8em;font-weight: bold;}
.page_about .culture .swiper_txt .p2{font-size: 1.6em;margin-top: 20px;line-height: 1.8;}
.page_about .culture .swiper_img{width: 48%;height: 300px;}
.page_about .culture .swiper_img .swiper-slide{height: 100%;padding: 20px;border-radius: 10px;}
.page_about .culture .swiper_img .swiper-slide .title{padding: 5px 50px;font-size: 1.8em;color: #0c3e7f;display: inline-block;position: relative;background-color: rgba(12, 62, 127, .1);border-radius: 10px;}
.page_about .culture .swiper_img .swiper-slide .title::before,
.page_about .culture .swiper_img .swiper-slide .title::after{content: '';position: absolute;top: 50%;width: 15px;height: 1px;background-color: #0c3e7f;}
.page_about .culture .swiper_img .swiper-slide .title::before{left: 10px;}
.page_about .culture .swiper_img .swiper-slide .title::after{right: 10px;}
.page_about .culture .swiper-button-next, 
.page_about .culture .swiper-button-prev{width: 40px;height: 40px;border-radius: 40px;background-color: #fff;font-size: 14px;color: #000;}

.page_about .pics p:hover { color: var(--primary-color); }
.page_about .pics img:hover { transform: scale(1.05); }

.swiper_history_cont>.swiper-wrapper>.swiper-slide{padding: 0 8%;}
.swiper_history_cont .txt{width: 48%;}
.swiper_history_cont .year{font-size: 5em;color: var(--primary-color);line-height: 1;border-right: 4px solid var(--primary-color);font-weight: bold;margin-bottom: 20px;}
.swiper_history_cont .desc p{font-size: 1.6em;margin: 5px 0;line-height: 1.8;}
.swiper_history_cont .pic{width: 48%;}

.swiper_history_years{width: 100%;padding: 0 3%;}
.swiper_history_years::before{content: '';display: block;position: absolute;top: 20px;left: 0;width: 100%;height: 0;border: 1px dashed #d2d2d2;}
.swiper_history_years .swiper-slide .inner{width: 100%;margin-top: 50px;cursor: pointer;}
.swiper_history_years .swiper-slide .inner::after{content: '';display: block;position: absolute;left: 50%;transform: translateX(-50%);border-radius: 50%;z-index: 9;transition: all .3s ease-out;top: 17px;width: 8px;height: 8px;background-color: #fff;border: 2px solid #d2d2d2;}
.swiper_history_years .swiper-slide .year{font-size: 1.5em;text-align: center;border-radius: 10px;padding: 5px 20px;}
.swiper_history_years .swiper-slide .pic{height: 90px;text-align: center;}
.swiper_history_years .swiper-slide .pic img{width: auto;max-height: 100%;}
.swiper_history_years .swiper-slide.swiper-slide-thumb-active .inner::after{width: 30px;height: 30px;background: url(../images/icon15.png) no-repeat center/contain;border: none;top: 3px;}
.swiper_history_years .swiper-slide.swiper-slide-thumb-active .year{background-color: var(--primary-color);color: #fff;}
.swiper_history_years .swiper-slide:not(.swiper-slide-thumb-active):hover .inner::after{top: 15px;width: 12px;height: 12px;}

.swiper_history_cont .swiper-button-prev,
.swiper_history_cont .swiper-button-next{width: 50px;height: 50px;border-radius: 50px;background-color: #2c2c2c;color: #fff;font-size: 18px;transition: all .3s ease-out;transform: translateY(-50%);}
.swiper_history_years .swiper-button-prev,
.swiper_history_years .swiper-button-next{width: 20px;height: 20px;border-radius: 50px;margin-top: 0;top: 11px;background-color: #d2d2d2;z-index: 99;color: #fff;font-size: 10px;transition: all .3s ease-out;opacity: 1;}
.page_about .history .swiper-button-prev{left: 0;}
.page_about .history .swiper-button-next{right: 0;}

.page_about .partner .swiper{height: 100px;margin: 40px 0;}
.page_about .partner .swiper-slide{height: 100%;display: flex;justify-content: center;align-items: center;}
.page_about .partner .swiper-slide img{max-height: 100%;}

.slide_left{width: 200px;}
.slide_right{width: calc(100% - 250px);}

.slide_right .section_search{margin-left: auto;}
.section_search{width: 300px;height: 40px;border: 1px solid #cacaca;border-radius: 10px;overflow: hidden;background-color: #f3f3f3;}
.section_search .keyword{width: calc(100% - 45px);height: 100%;padding: 0 10px;}
.section_search .submit{width: 45px;height: 100%;background: #fff url(../images/icon21.png) center/18px no-repeat;cursor: pointer;}

.layui-nav{background: none;}
.layui-nav-tree .layui-nav-item{border-top: 1px solid #f2f2f2;}
.layui-nav-tree .layui-nav-item.layui-nav-itemed>a{color: #1187d6 !important;}
.layui-nav-tree .layui-nav-item>a{padding-left: 0;}
.layui-nav-tree .layui-nav-child{background: none;padding: 10px;}
.layui-nav-tree a{color: #282828 !important;}
.layui-form-checkbox>i{top: 2px;}
.layui-form-checkbox{width: 100%;}
.layui-form-checkbox[lay-skin=primary]>div{width: 100%;padding-right: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.layui-layer{max-width: 100%;max-height: 100%;}
.layui-layer-page .layui-layer-content{overflow: hidden;background-color: #000;display: flex;justify-content: center;align-items: center;}
.layui-layer video{width: 100%;max-height: 100%;object-fit: contain;}

.filter_top{background-color: #f4f2f2;padding: 30px 0;}
.filter_top .section{display: flex;gap: 20px;align-items: flex-start;border-bottom: 1px solid #cbcbcb;padding: 20px 0;}
.filter_top .section:last-child{border-bottom: 0;}
.filter_top .section .title{font-size: 1.6em;font-weight: bold;margin-top: 3px;}
.filter_top .section ul{display: flex;gap: 10px 0;flex-wrap: wrap;flex: 1;}
.filter_top .section ul li a{display: block;padding: 5px 20px;font-size: 1.4em;}
.filter_top .section ul li.on a{background-color: #1187d6;border-radius: 10px;color: #fff;}

.magnifier {width: 45%;}
.magnifier .main_img{width: 100%;height: 360px;position: relative;}
#main_img {width: 100%;height: 100%;object-fit: contain;}
.zoomWindow{border: none !important;}
.swiper_thumbnail{width: 100%;height: 80px;position: relative;}
.swiper_thumbnail .swiper{width: 100%;height: 100%;padding: 0 1px;}
.swiper_thumbnail .swiper-slide {height: 100%;border: 1px solid #eee;border-radius: 4px;overflow: hidden;padding: 5px;transition: all 0.3s ease;}
.swiper_thumbnail .swiper-slide.custom-active{border-color: #007bff;}
.swiper_thumbnail .swiper-slide img {width: 100%;height: 100%;object-fit: contain;}
.magnifier .swiper-button-prev,
.magnifier .swiper-button-next{font-size: 14px;color: #fff;width: 30px;height: 46px;background-color: var(--primary-color);left: auto;}
.magnifier .swiper-button-prev{left: 0;}
.magnifier .swiper-button-prev{right: 0;}

.detail_production .topSection .info{width: 52%;}
.detail_production .topSection .info .title{font-size: 1.8em;font-weight: normal;line-height: 1.2;color: var(--primary-color);position: relative;border-bottom: 1px solid #f2f2f2;padding-bottom: 26px;}
.detail_production .topSection .info .title::after{content: '';position: absolute;bottom: -2px;left: 0;width: 100px;height: 3px;background-color: var(--primary-color);}
.detail_production .topSection .info .desc p{font-size: 1.6em;line-height: 1.8;}
.detail_production .topSection .info .btn{gap: 15px;}
.detail_production .topSection .info .btn button a{font-size: 14px;color: #fff;align-items: center;display: flex;}
.detail_production .topSection .info .btn button:last-child{background-color: #333;}
.detail_production .topSection .info .btn img{height: 16px;margin-right: 10px;}

.detail_production .title_bar{font-size: 1.8em;color: var(--primary-color);background-color: #f1f1f1;padding: 5px 20px;font-weight: bold;}
.detail_production .title_bar_a{font-size: 1.8em;font-weight: bold;}

.detail_production .tb table{width: 100%;font-size: 1.4em;}
.detail_production .tb table td:nth-of-type(odd){background-color: #f0f0f0;}
.detail_production .tb table td{padding: 10px 20px;border: 1px solid #dfdfdf;}

.list_downloads li{border: 1px solid #f2f2f2;padding: 10px 20px 10px 50px;background: url(../images/icon18.png) no-repeat 22px center/16px;font-size: 1.5em;}

.swiper_like{padding-bottom: 50px;width: 100%;}
.swiper_like .swiper-slide .pic{height: 230px;border: 1px solid #f2f2f2;display: flex;justify-content: center;align-items: center;padding: 15px;margin-bottom: 15px;overflow: hidden;transition: all .3s ease-out;}
.swiper_like .swiper-slide .pic img{max-height: 100%;transition: all .3s ease-out;}
.swiper_like .swiper-slide .title{font-size: 1.5em;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper_like .swiper-slide:hover .pic{border-color: var(--primary-color);}
.swiper_like .swiper-slide:hover .pic img{transform: scale(1.1);}

.news_title{display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #cdcdcd;padding-bottom: 10px;}
.news_title .p1{text-transform: uppercase;font-size: 1.8em;font-weight: bold;}
.news_title a{text-transform: uppercase;background: url(../images/icon19.png) no-repeat right center/10px;padding-right: 20px;font-size: 1.4em;}

.list_a{gap: 20px;}
.list_a li{width: calc(25% - 15px);border-radius: 12px;padding: 20px;}
.list_a li .pic_constant{overflow: hidden;position: relative;background: linear-gradient(to bottom, #ACB1B8, #ffffff);}
.list_a li .pic_constant .inner::after{padding-top: 75%;}
.list_a li .pic_constant img{object-fit: contain;}
.list_a li .tag{position: absolute;top: 0;left: 0;padding: 2px 10px;font-size: 1.4em;background-color: rgba(0, 80, 186, .8);color: #fff;border-radius: 0 0 8px 0;}
.list_a li .title{font-size: 1.4em;margin-top: 20px;}
.list_a li:hover{box-shadow: 0 0 10px #eee;}
.list_a li:hover .pic_constant img{transform: scale(1.05);}
.list_a li:hover .title{color: var(--primary-color);}

.list_b li{width: 46%;position: relative;padding-left: 10px;margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.list_b li::before{content: '';position: absolute;top: calc(50% - 1px);left: 0;width: 4px;height: 4px;border-radius: 5px;background-color: #333;}
.list_b li .title{font-size: 1.6em;width: calc(100% - 90px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_b li .date{font-size: 1.4em;color: #4c4c4c;}

.list_c li{width: calc(33.333% - 30px);margin: 45px 45px 0 0;}
.list_c li:nth-child(3n){margin-right: 0;}
.list_c li .pic_constant{overflow: hidden;}
.list_c li .pic_constant .inner::after{padding-top: 54%;}
.list_c li .tag{font-size: 1.4em;color: #666;gap: 15px 30px;display: flex;align-items: center;margin-top: 20px;flex-wrap: wrap;}
.list_c li .tag span{padding: 5px 15px;color: #fff;background-color: #999;}
.list_c li .title{font-size: 1.6em;margin: 15px 0 10px;}
.list_c li .desc{font-size: 1.5em;color: #666666;}
.list_c li .pic_constant:hover img{transform: scale(1.01);}

.list_d li{width: 46%;padding: 15px 0 15px 20px;display: flex;justify-content: space-between;align-items: center;background: url(../images/icon20.png) no-repeat left center/14px;border-bottom: 1px dashed #dadada;}
.list_d li .title{font-size: 1.6em;width: calc(100% - 90px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_d li .date{font-size: 1.4em;color: #b3b3b3;}

.list_e li a{display: flex;align-items: center;padding: 40px 0;border-bottom: 1px solid #eee;transition: all .3s ease-out;}
.list_e li .date{width: 120px;font-size: 1.4em;text-align: center;position: relative;line-height: 1;}
.list_e li .date::after{content: '';position: absolute;top: 10%;right: 0;width: 1px;height: 80%;background-color: #eee;}
.list_e li .date p{font-size: 40px;font-weight: bold;margin-bottom: 20px;}
.list_e li .txt{width: calc(100% - 120px);padding-left: 30px;}
.list_e li .title{font-size: 1.6em;font-weight: bold;}
.list_e li .desc{font-size: 1.5em;color: #999;}
.list_e li a:hover{background-color: #1970a2;box-shadow: 0px 9px 26.97px 2.03px rgba(25, 112, 162, 0.47);border-color: #1970a2;border-radius: 10px;}
.list_e li a:hover{color: #fff;}
.list_e li a:hover .desc{color: #fff;}

.page_contact .type_name{font-size: 2.4em;font-weight: bold;text-align: center;}
.page_contact .contact .txt{width: 35%;color: #2f2e2e;}
.page_contact .contact .txt h1{font-size: 2em;font-weight: normal;}
.page_contact .contact ul li{display: flex;margin: 30px 0;}
.page_contact .contact ul li .icon{width: 20px;height: 20px;margin-right: 10px;}
.page_contact .contact ul li .icon img{width: 100%;height: 100%;object-fit: contain;}
.page_contact .contact ul li p{width: calc(100% - 30px);font-size: 1.5em;}
.page_contact .map{width: 62%;height: 30vw;}
.page_contact .form .section{gap: 20px;}
.page_contact .form .input{width: calc(50% - 10px);background-color: #f7f9fc;height: 50px;font-size: 1.5em;border-radius: 10px;padding: 0 15px;}
.page_contact .form .textarea{width: 100%;background-color: #f7f9fc;border-color: #fff;height: 160px;padding: 15px;font-size: 1.5em;}
.page_contact .form .submit{display: inline-flex;}
.page_contact .form .submit img{height: 14px;margin-left: 10px;}

.turn_page li{width: calc(50% - 30px);font-size: 1.4em;color: #3d3d3d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.turn_page li:last-child{text-align: right;}

.detail{font-size: 1.5em;color: #333333;line-height: 1.6;}
.detail img{display: inline-block;}

.page_detail .title{font-size: 2em;font-weight: bold;text-align: center;}
.page_detail .others{width: 100%;font-size: 1.4em;color: #6a6a6a;border-bottom: 1px solid #eee;padding-bottom: 15px;text-align: center;}
.page_detail .turn_page{padding: 0 10%;display: flex;flex-wrap: wrap;justify-content: space-around;}
.page_detail .turn_page li{background-color: #e5e5e5;border-radius: 6px;padding: 8px 15px;}

.pager-list{ text-align:center; margin: 80px 0;}
.pager-list ul{ display: inline-flex;}
.pager-list li{ padding: 0 6px;}
.pager-list li.prev> *,
.pager-list li.next> *{background: none;border: 1px solid #e6e6e6;}
.pager-list li> *{ display: inline-flex;justify-content: center;align-items: center; width: 40px;height: 40px;line-height: 40px;border-radius: 40px;font-size: 1.4em;color: #333;border: 1px solid #e6e6e6;}
.pager-list li a:hover{ background: var(--primary-color) !important; color:#fff !important;border-color: var(--primary-color) !important;}
.pager-list li.active> *{ color:#fff !important; background: var(--primary-color) !important;}
.pager-list li.disabled> *{ cursor:auto;}
.pager-list li.active> span:hover, 
.pager-list li.active> a:hover{ background:var(--primary-color) !important; color: #fff !important;border-color: var(--primary-color) !important;}


@media screen and (max-width: 1440px){
	.index_banner{padding: 100px 40px 50px;}
}

@media screen and (max-width: 1366px){
	
}

@media screen and (max-width: 1270px){
	.index_banner{padding: 80px 4% 30px;overflow-x: auto;}
	.index_banner .wp{width: 1200px;display: none;}
	.index_banner .wp_m{display: block;}

	.index_process{padding: 0 4%;}
	.index_process .wrap{padding: 0;}
	.index_process .nav{width: 100%;border-radius: 0 10px;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;gap: 5px 10px;padding: 15px;}
	.index_process .nav li{padding: 0;border-bottom: 0;font-size: 1.4em;}
	.index_process .nav li .inner{padding: 4px 12px;}
	.index_process .cont{width: 100%;padding: 20px 0 0;margin: 0;}

	.page_top{height: auto;padding: 6px 0;}
	.page_top .page_nav{display: none;}

	.page_about .about .video{width: 600px;margin: 0 auto 30px;}
	.page_about .about .txt{width: 100%;}

	.page_about .culture .swiper_txt{width: 100%;}
	.page_about .culture .swiper_img{width: 100%;margin-top: 30px;}

	.swiper_history_cont .txt{width: 100%;}
	.swiper_history_cont .year{border: none;}
	.swiper_history_cont .pic{width: 600px;margin-top: 20px;}

	.page_contact .contact .txt{width: 100%;}
	.page_contact .contact .map{width: 100%;}

	.detail_production .topSection .imgs{width: 600px;margin: 0 auto;}
	.detail_production .topSection .info{width: 100%;margin-top: 30px;}
	
	.pager-list li{padding: 0 2px;}
	.pager-list li> *{width: 30px;height: 30px;font-size: 1.2em;}

	.turn_page li span{font-size: 1.4em;}
}

@media screen and (max-width: 1024px){
	.index_about .lf{width: 100%;}
	.index_about .rt{width: 100%;margin-top: 40px;padding: 0 30px 30px 0;}

	.index_about .counters{margin-top: 50px;}
	.index_about .counters li{width: calc(50% - 10px);margin-top: 30px;}

	.index_news .nav{transform: none;gap: 15px;margin: 20px 0;}
	.index_news .list ul{width: 100%;}
	.index_news .list .item{width: 100% !important;display: flex !important;padding: 20px 0 !important;}
	.index_news .list .item .pic{width: 25% !important;}
	.index_news .list .item .txt{width: 75% !important;padding: 0 0 0 20px !important;}
	.index_news .list .item .pic img{height: auto;}
	.index_news .list .item .title{margin: 6px 0;}

	.page_banner,
	.swiper_pageBanner{height: 46vw;}

	.magnifier{width: 100%;}
	
	.page_detail .turn_page{padding: 0;justify-content: space-between;}

	.page_about .about .video{width: 100%;}
	.page_about .culture .section{padding: 30px;}
	.swiper_history_cont .pic{width: 100%;}
	.swiper_history_cont>.swiper-wrapper>.swiper-slide{padding: 0 40px;}
	.swiper_history_cont .swiper-button-prev, 
	.swiper_history_cont .swiper-button-next{width: 30px;height: 30px;font-size: 12px;}
	.page_about .partner .swiper{margin: 30px 0;}

	.list_a li{width: calc(50% - 10px);}
}

@media screen and (max-width: 768px){
	.index_production{padding: 80px 0 0;}
	.index_process .cont ul{padding: 3px;}
	.index_process .cont ul li a{width: 74px;height: stretch;padding: 5px;margin: 5px;}
	.index_process .cont ul li .icon{width: 30px;height: 30px;padding: 7px;}
	.index_process .cont ul li .title{margin-top: 5px;font-size: 1.2em;}
	
	.index_process .cont ul li a::before{border-width: 1px !important;}
	.index_process .cont ul li a::after {border-top-width: 7px;border-bottom-width: 7px;}
	.index_process .cont ul li[data-row-type="odd"]:not([data-is-row-end="true"]) a::after {right: -15px;border-left-width: 7px;}
	.index_process .cont ul li[data-row-type="even"]:not([data-is-row-end="true"]) a::after {left: -15px;border-right-width: 7px;}
	.index_process .cont ul li[data-is-row-end="true"] a::after{bottom: -26px;border-top-width: 7px;border-left-width: 7px;border-right-width: 7px;}

	.index_hot ul li{width: 100% !important;}

	.page_about .about .txt p{line-height: 1.5;}
	.page_about .culture .swiper_img{height: 50vw;}
	.page_about .culture .swiper_img .swiper-slide .title{display: none;}
	.page_about .culture .swiper-button-next, 
	.page_about .culture .swiper-button-prev{width: 30px;height: 30px;font-size: 12px;}
	.swiper_history_cont .year{font-size: 2.4em;}
	.swiper_history_cont>.swiper-wrapper>.swiper-slide{padding: 0;}
	.swiper_history_cont .swiper-button-prev, .swiper_history_cont .swiper-button-next{opacity: .2;}

	.slide_left{display: none;}
	.slide_right{width: 100%;}

	.detail_production .tb table{border: 1px solid #dfdfdf;border-left: 0;border-top: 0;}
	.detail_production .tb table tr{display: flex;flex-wrap: wrap;}
	.detail_production .tb table td{border-right: 0;border-bottom: 0;padding: 10px;}
	.detail_production .tb table td:nth-of-type(odd){width: 150px;}
	.detail_production .tb table td:nth-of-type(even){width: calc(100% - 150px);}

	.page_contact .contact ul li{margin: 15px 0;}
	.page_contact .map{height: 50vw;margin-top: 10px;}

	.list_b li{width: 100%;}
	.list_c li{width: calc(50% - 10px);margin: 20px 20px 0 0;}
	.list_c li:nth-child(3n){margin-right: 20px;}
	.list_c li:nth-child(2n){margin-right: 0;}
	.list_d li{width: 100%;}
	.list_e li a{padding: 20px 0;}
	.list_e li .date{width: 90px;}
	.list_e li .date p{font-size: 30px;margin-bottom: 15px;}
	.list_e li .txt{width: calc(100% - 90px);padding-left: 15px;}
	
	.filter_top{padding: 10px 0;}
	.filter_top .section{flex-wrap: wrap;gap: 10px;padding: 10px 0;}
	.filter_top .section .title{width: 100%;margin: 0;}
	.filter_top .section ul{gap: 10px 15px;}
	.filter_top .section ul li a{padding: 0;}
	.filter_top .section ul li.on a{color: #1187d6;background: none;}
}

@media screen and (max-width: 580px){
	.index_about .counters li .txt{margin: -16px 10px 0 0;}
	.index_about .counters li .num{font-size: 3em;}
	.index_about .counters li .p{font-size: 1.5em;}

	.page_banner{padding-top: 30px;}
	.page_banner .txt{font-size: 2.4em;}
	.page_about .culture .section{padding: 20px;}
	
	.turn_page li{width: 100%;margin: 5px 0;}
	.page_detail .turn_page li{padding: 5px 10px;}

	.section_search{width: 100%;}
	.list_a li{padding: 10px;}
	.list_c li{width: 100%;margin: 20px 0 0 0 !important;}

	.page_contact .form .section{gap: 10px;}
	.page_contact .form .input{width: 100%;}
}

@media screen and (max-width: 414px){
	
}