.index_banner{width: 100%;height: 100vh;}
.index_banner .swiper-slide:not(.slide01) .wrapper{height: 100%;padding-bottom: 8vh;display: flex;flex-direction: column;justify-content: center;color: #fff;}
.index_banner .swiper-slide .wrapper p{font-size: 2em;}
.index_banner .swiper-slide .btn a{padding: 8px 40px;border: 1px solid #fff;font-size: 1.6em;margin-right: 20px;}
.index_banner .swiper-slide .btn a:last-child{margin-right: 0;}
.index_banner .swiper-slide .btn a:hover{border-color: var(--primary-color);}
.index_banner .swiper-slide.slide01 .txt{position: absolute;bottom: 0;left: 0;width: 100%;;background-color: rgba(5, 65, 116, .88);padding: 40px 0;color: #fff;text-align: center;}
.index_banner .swiper-slide.slide01 .txt .btn{justify-content: center;}

.index_banner .wrapper-pagination{position: absolute;bottom: 10%;left: 0;right: 0;}
.index_banner .swiper-pagination{position: relative;text-align: left;}
.index_banner .swiper-pagination-bullet{width: 50px;height: 4px;background-color: #fff;border-radius: 0;opacity: 1;}
.index_banner .swiper-pagination-bullet-active{background: var(--primary-color);}

.section_title{text-align: center;letter-spacing: 2px;}
.section_title h2{font-weight: bold;color: #000;}
.section_title p::after{content: '';width: 2em;height: 2px;background-color: #333;margin: 20px auto 0;display: block;}
.section_title p{color: rgba(0, 0, 0, .1);font-weight: bold;font-size: 4.6em;text-transform: uppercase;margin-top: -30px;line-height: 1;font-family: 'Arial';}

.d_line01{display: flex;justify-content: space-between;align-items: flex-start;margin: 10px 0;}
.d_line01 .left{display: flex;align-items: center;}
.d_line01 .left span{width: 6px;height: 6px;border-radius: 6px;background-color: var(--primary-color);margin-right: 10px;}
.d_line01 .left b{width: 20vw;height: 2px;background-color: var(--primary-color);}
.d_line01 .right span{width: 50px;height: 2px;background-color: var(--primary-color);display: block;}
.d_line01 .right b{width: 2px;height: 20px;background-color: var(--primary-color);display: block;float: right;}

.more_btn{text-align: right;}
.more_btn a{background-color: #999;padding: 0 5px 2px 10px;font-size: 1.4em;color: #fff;}
.more_btn a i{font-size: 12px;}
.more_btn a:hover{background-color: var(--primary-color);}

.index_products .tab{display: flex;justify-content: space-between;margin: 50px 0;}
.index_products .tab li{text-align: center;font-size: 1.8em;cursor: pointer;}
.index_products .tab li .icon{width: 60px;height: 60px;object-fit: contain;margin: 0 auto 30px;filter: brightness(0%);}
.index_products .tab li.on{color: var(--primary-color);}
.index_products .tab li:hover .icon,
.index_products .tab li.on .icon{filter: none;}

/* .index_products .list .swiper-slide .title{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;text-align: center;color: #fff;font-size: 1.6em;padding: 15px;transition: all .5s ease-out;}
.index_products .list .swiper-slide .title i{font-size: 12px;padding: 0 10px;}
.index_products .list .swiper-slide::after{content: '';display: block;padding-top: 56%;transition: all .3s ease-out;}
.index_products .list .swiper-slide:hover::after{background-color: rgba(0, 0, 0, 0);}
.index_products .list .swiper-slide:hover .title{height: 40px;padding: 10px;flex-direction: row;justify-content: center;align-items: center;} */
.index_products .list .swiper-slide .title{font-size: 1.6em;text-align: center;margin-top: 10px;}
.index_products .list .swiper-slide .pic{height: 300px;overflow: hidden;}
.index_products .list .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;}
.index_products .list .swiper-slide:hover .pic img{transform: scale(1.05);}
.index_products .list .swiper-slide:hover .title{color: var(--primary-color);}
.index_products .list .swiper-button-next, 
.index_products .list .swiper-button-prev{color: #fff;font-size: 24px;font-weight: bold;}
.index_products .list .swiper-button-next:hover,
.index_products .list .swiper-button-prev:hover{color: var(--primary-color);}

.index_solutions ul{display: flex;justify-content: space-between;}
.index_solutions ul li{width: 19%;height: 470px;position: relative;z-index: 1;transition: all .3s ease-out;}
.index_solutions ul li .inner{position: absolute;bottom: 0;width: 100%;padding: 20px;color: #fff;transition: all .3s ease-out;}
.index_solutions ul li p:last-child{color: rgba(255, 255, 255, .8);}
.index_solutions ul li.on{width: 41%;}
.index_solutions ul li.on p{overflow: visible;display: block;white-space: wrap;}

.index_advantage .tab{display: flex;}
.index_advantage .tab li{width: 25%;text-align: center;padding: 25px 0 20px;position: relative;z-index: 1;;cursor: pointer;transition: all .3s ease-out;}
.index_advantage .tab li::after{content: '';position: absolute;top: 100%;left: 0;width: 100%;height: 0;display: block;background: var(--primary-color) url(../images/icon_advantage1.png) no-repeat center 15px/25px;}
.index_advantage .tab li:nth-child(2):after{background-image: url(../images/icon_advantage2.png);}
.index_advantage .tab li:nth-child(3):after{background-image: url(../images/icon_advantage3.png);}
.index_advantage .tab li:nth-child(4):after{background-image: url(../images/icon_advantage4.png);}
.index_advantage .tab li p:first-child{font-size: 2.8em;letter-spacing: 1px;margin-bottom: 3px;}
.index_advantage .tab li p:last-child{font-size: 1.2em;font-style: italic;}
.index_advantage .tab li:hover{color: var(--primary-color);}
.index_advantage .tab li.on{background-color: var(--primary-color);color: #fff;}
.index_advantage .tab li.on p:last-child{color: rgba(255, 255, 255, .8);}
.index_advantage .tab li.on::after{height: 80px;}

.index_advantage .cont li{padding: 120px 0 170px 0;display: none;}
.index_advantage .cont li.on{display: block;}
.index_advantage .cont li .left{width: 50%;}
.index_advantage .cont li .title{display: flex;}
.index_advantage .cont li .icon{height: 67px;margin-right: 20px;}
.index_advantage .cont li .desc{margin-top: 30px;padding-top: 10px;border-top: 1px solid #fff;}
.index_advantage .cont li .desc p{line-height: 1.9;text-align: justify;letter-spacing: 1px;font-size: 1.9em;}
.index_advantage .cont li .imgs{width: 43%;}
.index_advantage .cont li .imgs img{width: 100%;}

.index_advantage .counters{position: absolute;left: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, .4);padding: 15px 0;}
.counters li{width: 20%;text-align: center;}
.counters li p{font-size: 2em;}
.counters li b{font-size: 4.5em;}
.counters li span{font-size: 3em;font-weight: bold;line-height: 64px;display: inline-block;}

.index_advantage .service li{width: calc(25% - 25px);text-align: center;cursor: default;border: 1px solid #eee;padding: 20px 10px;}
.index_advantage .service li .icon{width: 74px;height: 74px;object-fit: contain;margin: 0 auto 20px;filter: brightness(0%);}
.index_advantage .service li p{font-size: 1.6em;color: #929292;margin-top: 10px;}
.index_advantage .service li:hover .icon{filter: none;transform: rotateY(180deg);}
.index_advantage .service li:hover *{color: var(--primary-color);}

.index_advantage .world .pic{width: 55%;}
.index_advantage .world .right{width: 30%;display: flex;flex-direction: column;justify-content: space-between;}
.index_advantage .world .txt{text-align: right;color: var(--primary-color);line-height: 2;}
.index_advantage .world .txt h3{line-height: 1;}
.index_advantage .world .txt h3::after{content: '';display: block;width: 2em;height: 2px;background-color: var(--primary-color);margin: 35px 0 25px auto;}
.index_advantage .world ul{display: flex;justify-content: space-between;}
.index_advantage .world ul li{position: relative;cursor: default;}
.index_advantage .world ul li img{width: 56px;height: 40px;object-fit: contain;margin: 0 auto;filter: grayscale(100%);}
.index_advantage .world ul li p{font-size: 1.4em;color: #999;text-align: center;}
.index_advantage .world ul li.on::after{content: '';position: absolute;bottom: -10px;left: calc(50% - 5px);width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent var(--primary-color) transparent;}
.index_advantage .world ul li.on img{filter: none;}
.index_advantage .world ul li.on p{color: var(--primary-color);}

.index_videos .swiper{padding-bottom: 30px;}
.index_videos .pic_constant .inner::after{padding-top: 70%;}
.index_videos .pic_constant .inner::before{content: "\e652";font-family: 'layui-icon';font-size: 40px;color: #fff;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;transition: all .3s ease-out;}
.index_videos .title{padding: 20px 15px 6px;font-size: 1.6em;text-align: center;border-top: 4px solid var(--primary-color);}
.index_videos .swiper-slide:hover .pic_constant .inner::before{transform: scale(1.1);background-color: rgba(0, 0, 0, .2);}

.index_case .swiper-slide{padding-top: 20px;transition: all .3s ease-out;}
.index_case .pic_constant .inner::after{padding-top: 70%;transition: all .3s ease-out;}
.index_case .swiper-slide:hover{padding-top: 0;}
.index_case .swiper-slide:hover .inner::after{padding-top: calc(70% + 20px);}
.index_case .main{padding: 20px;background-color: #f3f3f3;}
.index_case .title{font-size: 1.6em;}
.index_case .desc{font-size: 1.4em;color: #999;margin: 6px 0 10px;height: 42px;}
.index_case .more{font-size: 1.4em;}
.index_case .swiper-button-next, 
.index_case .swiper-button-prev{font-size: 26px;color: #fff;font-weight: bold;}
.index_case .swiper-button-next:hover::after, 
.index_case .swiper-button-prev:hover::after{color: var(--primary-color);}

.index_news{margin-bottom: 10vh;}
.index_news .tab{margin: 50px 0;}
.index_news .tab li{width: 48%;background-color: #f5f5f5;padding: 25px 20px;cursor: pointer;}
.index_news .tab li .cn{font-size: 1.8em;}
.index_news .tab li .en{font-size: 1.4em;}
.index_news .tab li p:first-child{border-bottom: 2px solid #fff;margin-bottom: 5px;padding-bottom: 5px;}
.index_news .tab li.on{background-color: var(--primary-color);color: #fff;}
.index_news .tab li:not(.on):hover{background-color: #f1f1f1;}

.index_news .list .section{display: none;}
.index_news .list .section.on{display: flex;}
.index_news .list .left{width: 38%;background-color: #fff;box-shadow: 0 2px 6px #eee;display: flex;flex-direction: column;}
.index_news .list .right{width: 58%;height: 480px;overflow: hidden;;background-color: #fff;box-shadow: 0 2px 6px #eee;padding: 20px 50px;display: flex;flex-direction: column;justify-content: space-around;}
.index_news .list .right li{height: 120px;padding: 20px 0;display: flex;}

.index_news .list .left .pic{flex: 1;position: relative;overflow: hidden;}
.index_news .list .left .pic::after{ content: ''; padding-top: 75%; width: 100%; }
.index_news .list .left .pic img{position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;}
.index_news .list .left .pic:hover img{transform: scale(1.05);}
.index_news .list .left .txt{padding: 30px 20px;}
.index_news .list .left .inner{display: flex;}
.index_news .list .date{width: 70px;color: #9e9e9e;text-align: center;}
.index_news .list .date b{font-size: 4.4em;line-height: 1.2;}
.index_news .list .date p{font-size: 1.4em;font-weight: bold;}
.index_news .list .title{font-size: 1.8em;}
.index_news .list .desc{font-size: 1.4em;color: #999;margin-top: 10px;line-height: 1.7;}
.index_news .list .cont{width: calc(100% - 70px);padding-left: 20px;}

.page_banner .inner{padding-top: 80px;height: 19vw;}
.page_banner .wrapper{height: 100%;flex-direction: column;color: #fff;}
.page_banner h2{letter-spacing: -2px;}

.page_nav{background-color: #f8f8f8;}
.page_nav ul{display: flex;}
.page_nav ul li{font-size: 1.5em;font-weight: bold;margin-right: 50px;}
.page_nav ul li:last-child{margin-right: 0;}
.page_nav ul li a{display: block;padding: 14px 8px;border-bottom: 2px solid transparent;letter-spacing: 1px;}
.page_nav ul li.on a{border-color: var(--primary-color);color: var(--primary-color);}

.page_nav_children ul{display: flex;flex-wrap: wrap;}
.page_nav_children ul li{margin: 10px 45px 10px 0;border: 2px solid transparent;}
.page_nav_children ul li a{width: max-content;;display: flex;align-items: center;padding: 8px 15px;background-color: #dcdcdc;font-size: 1.4em;white-space: nowrap;}
.page_nav_children ul li img{height: 20px;margin-right: 5px;}
.page_nav_children ul li.on{border-color: var(--primary-color);}

.page_position{font-size: 1.4em;color: #888;display: flex;align-items: center;flex-wrap: wrap;}
.page_position i{font-size: 12px;line-height: 21px;margin-right: 5px;font-weight: bold;}

.page_products .top_bar{background-color: var(--primary-color);padding: 20px 0;}
.page_products .top_bar .wrapper{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;color: #fff;}
.page_products .top_bar .type_name{width: 340px;font-size: 1.5em;font-weight: bold;letter-spacing: 1px;}
.page_products .top_bar ul{width: calc(100% - 370px);display: flex;}
.page_products .top_bar ul li{font-size: 1.5em;margin-left: 50px;}
.page_products .top_bar ul li:first-child{margin-left: 0;}
.page_products .top_bar ul li a:hover{color: inherit;font-weight: bold;}

.page_products .slide_left{width: 256px;}
.page_products .slide_right{width: calc(100% - 268px);}

.page_products .slide_left ul li> a{padding: 10px 20px 10px 35px;font-size: 1.5em;background-color: #f7f7f7;display: flex;align-items: center;justify-content: space-between;position: relative;border-bottom: 1px solid #e6e6e6;}
.page_products .slide_left ul li:last-child> a{border-bottom: 0;}
.page_products .slide_left ul li> a::before{content: '\e623';font-family: 'layui-icon';position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: var(--primary-color);font-size: 24px;}
.page_products .slide_left ul li> a i{font-size: inherit;transition: all .3s ease-out;}
.page_products .slide_left ul li.toggle> a i{color: var(--primary-color);transform: rotate(90deg);}
.page_products .slide_left ul li> a p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page_products .slide_left ul li .children{background-color: #e6e6e6;padding: 20px;display: none;}
.page_products .slide_left ul li .children a{color: #6c6c6c;font-size: 1.4em;margin: 8px 0;display: flex;justify-content: space-between;align-items: center;}
.page_products .slide_left ul li .children a p{width: calc(100% - 30px);}
.page_products .slide_left ul li .children a i{font-size: 12px;line-height: 21px;}
.page_products .slide_left ul li .children a:hover{color: var(--primary-color);}

.page_products .slide_right .layout{font-size: 1.4em;color: var(--primary-color);}
.page_products .slide_right .layout a{padding: 0 15px;border: 1px solid var(--primary-color);margin-left: 15px;}
.page_products .slide_right .layout a.on,
.page_products .slide_right .layout a:hover{background-color: var(--primary-color);color: #fff;}

.page_products .slide_right .cont{border: 1px solid #ccc;}
.page_products .slide_right .cont .type_name{background-color: #f5f5f5;;display: flex;align-items: center;padding: 10px;line-height: 20px;border-bottom: 1px solid #ccc;}
.page_products .slide_right .cont .type_name img{height: 20px;}
.page_products .slide_right .cont .type_name p{font-size: 1.4em;color: var(--primary-color);margin-left: 8px;font-weight: bold;}

.page_products .slide_right .list{display: flex;flex-wrap: wrap;padding: 0 8px;}
.page_products .slide_right .list.imgs li{width: calc(25% - 6px);margin: 4px 8px 4px 0;border: 2px solid #eeeeee;background-color: #f5f5f5;}
.page_products .slide_right .list.imgs li:nth-child(4n){margin-right: 0;}
.page_products .slide_right .list.imgs li a{height: 100%;display: flex;flex-direction: column;border: 3px solid #eeeeee;}
.page_products .slide_right .list.imgs li .pic_constant .inner::after{padding-top: 69.2%;}
.page_products .slide_right .list.imgs li .pic_constant .inner{background-color: #fff;}
.page_products .slide_right .list.imgs li .pic_constant .inner img{object-fit: contain;top: 5%;left: 5%;width: 90%;height: 90%;}
.page_products .slide_right .list.imgs li .txt{flex: 1;background-color: #eeeeee;padding: 20px 10%;font-size: 1.5em;text-align: center;}
/* .page_products .slide_right .list.imgs li .model{color: #777;} */
.page_products .slide_right .list.imgs li .title{}
.page_products .slide_right .list.imgs li:hover,
.page_products .slide_right .list.imgs li:hover a{border-color: var(--primary-color);}
.page_products .slide_right .list.imgs li:hover .txt{background-color: var(--primary-color);color: #fff;}
.page_products .slide_right .list.imgs li:hover .model{color: #eee;}

.page_products .slide_right.txt .cont .type_name{background-color: #fff;padding: 15px 30px;border-bottom: 0;}
.page_products .slide_right.txt .list{padding: 0 30px 20px;}
.page_products .slide_right.txt .list li{width: calc(33.333% - 20px);margin: 7px 30px 7px 0;}
.page_products .slide_right.txt .list li:nth-child(3n){margin-right: 0;}
.page_products .slide_right.txt .list li a{background-color: #f5f5f5;display: block;padding: 3px 10px;font-size: 1.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page_products .slide_right.txt .list li a:hover{background-color: var(--primary-color);color: #fff;}

.page_products_detail .top_bar{background-color: var(--primary-color);padding: 20px 0;}
.page_products_detail .top_bar .wrapper{display: flex;justify-content: space-between;align-items: center;}
.page_products_detail .top_bar .type_name{font-size: 1.6em;color: #fff;font-weight: bold;letter-spacing: 1px;}
.page_products_detail .top_bar .page_position{color: #fff;}
.page_products_detail .top_bar .page_position a:hover{color: #fff;text-decoration: underline;}

.page_products_detail .name_bar{width: 100%;height: 70px;line-height: 70px;text-align: center;letter-spacing: 1px;background: url(../images/detail_bar.png) no-repeat center/cover;position: relative;color: #fff;}
.page_products_detail .name_bar::after{content: '';width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid #6b6b6b;position: absolute;top: 100%;left: calc(50% - 10px);z-index: 2;display: block;}

.page_products_detail .detail_title{font-size: 2.2em;text-align: center;}
.page_products_detail .imgs{ max-width: 975px; }
.page_products_detail .imgs::after{content: '';}
.page_products_detail .swiper.main{width: calc(100% - 250px);height: 100%;margin: 0;padding-bottom: 0;}
.page_products_detail .swiper.main .swiper-slide{padding: 0 60px;}
.page_products_detail .swiper.main .swiper-slide .inner::after{padding-top: 56%;}
.page_products_detail .swiper.main .swiper-slide img{object-fit: contain; max-width: 800px; max-height: 450px; }
.page_products_detail .swiper.main .swiper-button-next, 
.page_products_detail .swiper.main .swiper-button-prev{background-color: #e1e1e1;width: 40px;height: 40px;border-radius: 100%;font-size: 16px;color: #fff;}
.page_products_detail .swiper.main .swiper-button-next:hover, 
.page_products_detail .swiper.main .swiper-button-prev:hover{background-color: var(--primary-color);}
.page_products_detail .thumbnail_box{width: 132px; max-height: 454px;position: relative;}
.page_products_detail .swiper.thumbnail{position: absolute;top: 0;right: 0;width: 100%;height: 100%;margin: 0;padding-bottom: 0;position: absolute;}
.page_products_detail .swiper.thumbnail .swiper-slide{border: 1px solid #ccc;cursor: pointer;}
.page_products_detail .swiper.thumbnail img{width: 100%; height: 100%;object-fit: contain;  }

.page_products_detail .detail_nav{width: 100%;background-color: var(--primary-color);}
/* .page_products_detail .detail_nav.scroll{position: fixed;top: 0;left: 0;z-index: 999;} */
.page_products_detail .detail_nav li{flex: 1;font-size: 1.8em;padding: 20px 0;text-align: center;cursor: pointer;position: relative;color: #fff;}
.page_products_detail .detail_nav li.on{font-weight: bold;}
.page_products_detail .detail_nav li a:hover{color: inherit;font-weight: bold;}
.page_products_detail .detail_nav li.on::after{content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 12px solid var(--primary-color);position: absolute;top: 100%;left: calc(50% - 10px);z-index: 2;display: block;}

.page_products_detail .detail{padding: 50px 0;}

@media screen and (min-width:992px) {
	.page_products_detail .pro-desc .layui-col-md6:first-child{ padding-right: 30px; }
	.page_products_detail .pro-desc .layui-col-md6:last-child{ padding-left: 30px; }
}

.page_products_detail .cptd ul li .wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
.page_products_detail .cptd ul li:nth-of-type(even){background-color: #f3f3f3;}
.page_products_detail .cptd ul li:nth-of-type(even) .wrapper{flex-direction: row-reverse;}
.page_products_detail .cptd ul li:nth-of-type(even) .txt{padding: 50px 30px;}
.page_products_detail .cptd .img{width: 50%;padding: 50px 0;}
.page_products_detail .cptd .txt{width: 50%;padding: 50px 0;}
.page_products_detail .cptd .txt .desc{line-height: 2;text-indent: 2em;}

.page_products_detail .zysb ul{display: flex;flex-wrap: wrap;justify-content: center;}
.page_products_detail .zysb ul li{width: calc(25% - 15px);margin: 20px 20px 0 0;position: relative;padding: 30px;text-align: center;display: flex;flex-direction: column;justify-content: flex-end;}
.page_products_detail .zysb ul li:nth-child(4n){margin-right: 0;}
.page_products_detail .zysb ul li::after{content: '';display: block;height: 55%;width: 100%;background-color: #d2e8eb;position: absolute;bottom: 0;left: 0;z-index: -1;}
.page_products_detail .zysb ul li:nth-of-type(even){color: #fff;}
.page_products_detail .zysb ul li:nth-of-type(even)::after{background-color: var(--primary-color);}
.page_products_detail .zysb ul li .img{display: flex;align-items: flex-end;justify-content: center;}
.page_products_detail .zysb ul li .img img{max-width: 100%;max-height: 100%;}
.page_products_detail .zysb ul li .txt{padding-top: 30px;}
.page_products_detail .zysb ul li .title{font-size: 1.7em;margin-top: 20px;font-weight: bold;}
.page_products_detail .zysb ul li .desc{font-size: 1.6em;}

.page_products_detail .cpfj ul{display: flex;flex-wrap: wrap;justify-content: center;}
.page_products_detail .cpfj ul li{width: 20%;border: 2px solid #d2e8eb;margin: -1px 0 0 -1px;}
.page_products_detail .cpfj ul li .pic_constant .inner::after{padding-top: 100%;}
.page_products_detail .cpfj ul li .pic_constant .inner img{top: 5%;left: 5%;width: 90%;height: 90%;object-fit: contain;}
.page_products_detail .cpfj ul li p{border-top: 2px solid #d2e8eb;font-size: 1.5em;text-align: center;padding: 10px;}

.page_products_detail .swiper_cjxc{padding: 0 50px;}
.page_products_detail .index_videos .pic_constant,
.page_products_detail .swiper_cjxc .pic_constant .inner{border-bottom: 3px solid var(--primary-color);}
.page_products_detail .swiper_cjxc .pic_constant .inner::after{padding-top: 75%;}
.page_products_detail .swiper_cjxc .title{padding: 10px;background-color: #f3f3f3;text-align: center;font-size: 1.6em;}
.page_products_detail .swiper_cjxc .swiper-button-next,
.page_products_detail .swiper_cjxc .swiper-button-prev{background-color: var(--primary-color);border-radius: 50px;width: 40px;height: 40px;color: #fff;font-size: 14px;}
.page_products_detail .swiper_cjxc .swiper-button-next{right: 0;}
.page_products_detail .swiper_cjxc .swiper-button-prev{left: 0;}

.page_products_detail .swiper{padding-bottom: 50px;}
.page_products_detail .swiper.most{padding-bottom: 50px;}
.page_products_detail .swiper_honor.over .swiper-wrapper{justify-content: center;}

.page_products_detail .swiper_honor .swiper-slide{height: auto;background: url(../images/bg_honor.png) no-repeat center/100% 100%;padding: 20px;display: flex;justify-content: center;align-items: center;}
.page_products_detail .swiper_honor .swiper-slide img{width: 100%;}
.page_products_detail .swiper.most .swiper-button-next, 
.page_products_detail .swiper.most .swiper-button-prev{background-color: var(--primary-color);width: 36px;height: 36px;border-radius: 100%;font-size: 14px;color: #fff;top: auto;bottom: 0;}
.page_products_detail .swiper.most .swiper-button-next{right: calc(50% - 44px);}
.page_products_detail .swiper.most .swiper-button-prev{left: calc(50% - 44px);}

.page_products_detail .downloads ul li{width: 48%;display: flex;justify-content: space-between;align-items: center;margin-top: 20px;background-color: #f5f5f5;padding: 5px 15px;}
.page_products_detail .downloads ul li p{width: calc(100% - 100px);font-size: 1.6em;}
.page_products_detail .downloads ul li a{font-size: 1.4em;color: #666;}
.page_products_detail .downloads ul li a:hover{color: var(--primary-color);}

.page_products_detail .service .cont p{font-size: 1.5em;padding: 5px 0;}

.page_products_detail .swiper_case .swiper-slide,
.page_products_detail .swiper_honor02 .swiper-slide{display: flex;justify-content: center;align-items: center;}

.page_products_detail .about{background-color: var(--primary-color);padding: 50px 0;}
.page_products_detail .about .cont{width: 47%;color: #fff;}
.page_products_detail .about .pic{width: 47%;}
.page_products_detail .about .cont h4{line-height: 1;}
.page_products_detail .about .cont h4:nth-child(2)::after{content: '';width: 2em;height: 2px;background-color: #fff;display: block;margin: 30px 0;}
.page_products_detail .about .cont p{line-height: 1.8;}
.page_products_detail .about .counters li{width: auto;margin-top: 40px;text-align: left;}
.page_products_detail .about .counters li p{line-height: 1;margin-top: 5px;}

.page_products_detail .turn_page{border-top: 0;}
.page_products_detail .turn_page li{width: 50%;}
.page_products_detail .turn_page li:last-child{text-align: right;}

.page_products_detail .item_title i{font-size: 26px;color: var(--primary-color);}
.page_products_detail .item_title h4{margin: 0 20px;}

.page_products_detail .swiper_like{padding: 0 1px;}
.page_products_detail .swiper_like .swiper-slide .pic_constant{border: 1px solid #cacaca;}
.page_products_detail .swiper_like .swiper-slide .pic_constant .inner::after{padding-top: 90%;}
.page_products_detail .swiper_like .swiper-slide .pic_constant .inner img{top: 5%;left: 5%;width: 90%;height: 90%;object-fit: contain;}
.page_products_detail .swiper_like .swiper-slide p{padding: 10px;font-size: 1.6em;text-align: center;}
.page_products_detail .swiper_like .swiper-slide:hover img{transform: scale(1.05);}
.page_products_detail .swiper_like .swiper-slide:hover .pic_constant{border-color: var(--primary-color);}

.page_products_detail .related_articles{margin: 25px 0;}
.page_products_detail .related_articles li{width: 45%;display: flex;justify-content: space-between;font-size: 1.4em;margin-bottom: 10px;}
.page_products_detail .related_articles li p{width: calc(100% - 120px);}
.page_products_detail .related_articles li span{width: 80px;color: #999;}

.page_type_name p{font-size: 1.6em;color: #555;text-transform: uppercase;}

.page_case .list{display: flex;flex-wrap: wrap;}
.page_case .list li{width: calc(33.333% - 10px);margin: 0 15px 30px 0;}
.page_case .list li:nth-child(3n){margin-right: 0;}
.page_case .list li a{display: block;height: 100%;background-color: #f8f8f8;padding: 10px 7px;border: 2px solid transparent;}
.page_case .list li a:hover{border-color: var(--primary-color);}
.page_case .list li a .pic_constant .inner::after{padding-top: 74%;}
.page_case .list li a:hover .pic_constant img{transform: scale(1.05);}
.page_case .list li a .txt{padding: 20px;}
.page_case .list li a .title{font-size: 2em;font-weight: bold;}
.page_case .list li a .desc{font-size: 1.5em;color: #666;margin: 10px 0; height: 45px; overflow: hidden; }
.page_case .list li a .more{width: 90px;height: 28px;line-height: 28px;font-size: 1.4em;color: #fff;background-color: var(--primary-color);text-align: center;}
.page_case .list li a .more i{font-size: 12px;margin-left: 2px;}

.page_case.partner .list li a .pic_constant .inner{background-color: #fff;}
.page_case.partner .list li a .pic_constant .inner img{top: 50px;left: 50px;width: calc(100% - 100px);height: calc(100% - 100px);object-fit: contain;}

.page_case_detail{padding-bottom: 50px;}
.page_case_detail .top{font-size: 1.4em;border-bottom: 1px solid #cacaca;padding-bottom: 13px;margin-bottom: 20px;}

.page_downloads .list li{width: calc(50% - 10px);margin-bottom: 30px;border: 2px solid transparent;}
.page_downloads .list li a{display: block;border: 12px solid #f8f8f8;background-color: #fff;padding: 20px;}
.page_downloads .list li .title{font-size: 1.8em;font-weight: bold;letter-spacing: 1px;}
.page_downloads .list li .others{font-size: 1.2em;color: #888;margin: 5px 0;}
.page_downloads .list li .desc{font-size: 1.5em;color: #888;letter-spacing: 1px;}
.page_downloads .list li:hover{border-color: var(--primary-color);}


.page_about .about .txt{width: 100%;}
.page_about .about .txt p{font-size: 1.5em;text-indent: 2em;line-height: 2;color: #555;}
.page_about .about .counters{background-color: var(--primary-color);color: #fff;padding: 30px 0 45px;}
.page_about .about .video{width: 46%; aspect-ratio: 1 / 0.75; float: left; margin: 5px 40px 5px 0; }
.page_about .about video{width: 100%;height: 100%;}

/* .page_about .culture .cont{background: url(../images/bg_culture.jpg) no-repeat center/cover;} */
.page_about .culture ul{align-items: center;}
.page_about .culture ul li{width: 46%;}
.page_about .culture h4{font-weight: bold;}
.page_about .culture p{font-size: 1.6em;padding: 12px 0;}
.page_about .culture span{font-weight: bold;}

.page_about .history .cont .pic_constant{width: 55%;}
.page_about .history .cont .pic_constant .inner::after{padding-top: 50%;}
.page_about .history .cont .pic_constant img{border-radius: 10px;}
.page_about .history .cont .txt{width: 40%;}
.page_about .history .cont .year{font-size: 6em;color: var(--primary-color);font-weight: bold;}
.page_about .history .cont p{margin-top: 30px;font-size: 1.6em;}

.page_about .swiper_years{width: 100%;height: 130px;padding: 0 50px;}
.page_about .swiper_years .swiper{width: 100%;height: 100%;}
.page_about .swiper_years .swiper-slide{display: flex;align-items: flex-end;justify-content: center;cursor: pointer;}
.page_about .swiper_years .swiper-slide p{line-height: 1;font-size: 2em;}
.page_about .swiper_years .swiper-slide::before,
.page_about .swiper_years .swiper-slide::after,
.page_about .swiper_years .swiper-slide p::before,
.page_about .swiper_years .swiper-slide p::after{content: '';display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all .3s ease-out;}
.page_about .swiper_years .swiper-slide::before{width: 100%;height: 10px;background-color: #e4e4e4;left: 0;transform: translateY(-50%);}
.page_about .swiper_years .swiper-slide::after{width: 30px;height: 30px;background-color: rgba(0, 0, 0, .1);border-radius: 30px;}
.page_about .swiper_years .swiper-slide p::before{width: 18px;height: 18px;background-color: #fff;border-radius: 20px;z-index: 5;}
.page_about .swiper_years .swiper-slide p::after{width: 8px;height: 8px;background-color: var(--primary-color);border-radius: 10px;z-index: 6;}
.page_about .swiper_years .swiper-slide.swiper-slide-thumb-active p{font-size: 3em;color: var(--primary-color);}
.page_about .swiper_years .swiper-slide.swiper-slide-thumb-active::after,
.page_about .swiper_years .swiper-slide:hover::after{width: 40px;height: 40px;background-color: rgba(0, 0, 0, .2);}
.page_about .swiper_years .swiper-slide.swiper-slide-thumb-active p::before,
.page_about .swiper_years .swiper-slide:hover p::before{width: 25px;height: 25px;}
.page_about .swiper_years .swiper-slide:hover p::after,
.page_about .swiper_years .swiper-slide.swiper-slide-thumb-active p::after{width: 15px;height: 15px;}
.page_about  .swiper-button-prev,
.page_about  .swiper-button-next{width: 50px;height: 50px;border-radius: 50px;color: #fff;top: calc(50% - 5px);font-size: 20px;}
.page_about  .swiper-button-prev{left: 0;background: var(--primary-color) url(../images/prev.png) no-repeat center/30px;}
.page_about  .swiper-button-next{right: 0;background: var(--primary-color) url(../images/next.png) no-repeat center/30px;}
.page_about  .swiper-button-prev::after,
.page_about  .swiper-button-next::after{display: none;}

.page_about .honor{background: url(../images/bg_honor01.jpg) no-repeat center/cover;}
.page_about .honor .item_title{font-size: 1.6em;}
.page_about .honor .item_title span{padding: 3px 25px;margin-right: 10px;background-color: var(--primary-color);color: #fff;font-size: 1.3em;display: inline-block;}
.page_about .honor ul.top li{width: 19%;padding: 50px 20px;text-align: center;background: url(../images/bg_honor02.png) no-repeat center/cover;color: #fff;}
.page_about .honor ul.top li a{ color: #fff; }
.page_about .honor ul.top li p{font-size: 1.6em;}
.page_about .honor .img{margin: 30px auto;display: block;}
.page_about .honor .all .item{width: 30%;background-color: #fff;padding: 100px 30px 20px;position: relative;margin-top: 180px;}
.page_about .honor .all .item:nth-child(2){transform: translateY(-40px);}
.page_about .honor .all .icon{width: 180px;height: 180px;border-radius: 200px;text-align: center;font-size: 1.6em;border: 1px solid #cacaca;display: flex;flex-direction: column;justify-content: center;position: absolute;top: -90px;left: 50%;transform: translateX(-50%);background-color: #fff;}
.page_about .honor .all .icon img{height: 50px;margin: 0 auto 20px;}
.page_about .honor .all ul li{min-width: 48%;position: relative;font-size: 1.5em;padding: 5px 0 5px 10px;}
.page_about .honor .all ul li::before{content: '';width: 3px;height: 3px;border-radius: 5px;background-color: #ccc;display: block;position: absolute;top: calc(50% - 1px);left: 0;}

.swiper_site{padding: 0 60px;}
.swiper_site .swiper.imgs{padding: 100px 0 55px; }
.swiper_site .swiper.imgs .swiper-wrapper{align-items: center;}
.swiper_site .swiper.imgs .swiper-slide .inner::after{padding-top: 75%;}
.swiper_site .swiper.imgs .swiper-slide.swiper-slide-active{z-index: 9;transform: scale(1.2);}

.swiper_site .swiper.title .swiper-slide{opacity: 0;text-align: center;font-size: 1.6em;}
.swiper_site .swiper.title .swiper-slide.swiper-slide-active{opacity: 1;}

.page_honor .section .title{text-align: center;}
.page_honor .section .title h2{margin-bottom: 10px;}
.page_honor .section .title p{font-size: 1.6em;color: #555;}
.page_honor .section ul{display: flex;flex-wrap: wrap;margin-top: 50px;}
.page_honor .section ul li{width: 25%;border: 1px solid #cacaca;padding: 50px;margin: -1px 0 0 -1px;display: flex;justify-content: center;align-items: center;}

.page_service .cont ul{display: flex;flex-wrap: wrap;}
.page_service .cont ul li{width: calc(33.33% - 20px);background-color: var(--primary-color);border-radius: 10px;padding: 20px;margin: 20px 30px 0 0;font-size: 1.6em;color: #fff;text-align: center;}
.page_service .cont ul li:nth-child(3n){margin-right: 0;}
.page_service .cont ul li span{font-size: 1.4em;margin-right: 10px;line-height: 1;font-weight: bold;font-style: italic;}

.page_service .text .inner{background: url(../images/bg_service.jpg) no-repeat center/cover;padding: 50px 0;}
.page_service .text p{font-size: 1.6em;padding: 8px 0;text-align: center;}

.page_service .contact ul{width: 48%;border: 1px solid #ccc;}
.page_service .contact ul li{width: 50%;border: 1px solid #ccc;padding: 30px;display: flex;align-items: flex-start;transition: all .3s ease-out;}
.page_service .contact ul li:last-child{width: 100%;}
.page_service .contact ul li .icon{width: 30px;margin-right: 20px;}
.page_service .contact ul li h5{font-size: 1.8em;font-weight: bold;line-height: 1;margin-bottom: 12px;}
.page_service .contact ul li p{font-size: 1.5em;color: #555;}
.page_service .contact ul li:hover{background-color: var(--primary-color);border-color: var(--primary-color);}
.page_service .contact ul li:hover .icon{filter: brightness(0) invert(1);}
.page_service .contact ul li:hover h5,
.page_service .contact ul li:hover p{color: #fff;}
.page_service .contact .map{width: 48%;}

.page_service .section_top li{width: calc(25% - 12px);display: flex;flex-direction: column ;}
.page_service .section_top li .pic{height: 300px;}
.page_service .section_top li .pic img{height: 100%;object-fit: cover;}
.page_service .section_top li .txt{border: 2px solid #eee;border-top: 0;padding: 20px 10px;flex: 1;}
.page_service .section_top li .txt h4{font-size: 1.6em;}
.page_service .section_top li .txt p{font-size: 1.4em;color: #999;}
.page_service .section_top li .txt p::after{content: '';display: block;width: 2.5em;height: 3px;background-color: var(--primary-color);margin-top: 8px;}

.page_service .section_btm{background-color: #eee;}
.page_service .section_btm li{width: 33.33%;display: flex;flex-direction: column;}
.page_service .section_btm li .title{padding: 0 15px 40px 15px;display: flex;align-items: flex-end;}
.page_service .section_btm li .title h4{font-size: 2.2em;font-weight: bold;}
.page_service .section_btm li .title p{font-size: 1.5em;color: #b8b8b8;margin-left: 5px;text-transform: uppercase;}
.page_service .section_btm li .txt{flex: 1;padding: 0 15px;border-right: 1px solid #dcdcdc;color: #5c5c5c;}

.page_recruitment ul li{background-color: #f5f5f5;margin-bottom: 20px;}
.page_recruitment ul li .title{display: flex;justify-content: space-between;font-size: 1.6em;padding: 15px 0;border-bottom: 1px solid #ccc;}
.page_recruitment ul li .title span{width: 25%;text-align: center;}
.page_recruitment ul li .title .icon{background: url(../images/icon_more01.png) no-repeat center/20px;cursor: pointer;}
.page_recruitment ul li .title .icon.toggle{background-image: url(../images/icon_more02.png);}
.page_recruitment ul li:first-child .title{background-color: var(--primary-color);color: #fff;}
.page_recruitment ul li .detail{padding: 30px;display: none;}

.page_video .list{display: flex;flex-wrap: wrap;}
.page_video .list li{width: calc(33.33% - 20px);margin: 0 30px 30px 0;border: 2px solid #eee;transition: all .3s ease-out;}
.page_video .list li:nth-child(3n){margin-right: 0;}
.page_video .list li .pic_constant .inner::after{padding-top: 58.7%;}
.page_video .list li .title{font-size: 1.6em;text-align: center;padding: 25px 20px;}
.page_video .list li:hover{border-color: var(--primary-color);}
.page_video .list li:hover .pic_constant img{transform: scale(1.05);}

.page_video_detail .section{background-color: #f5f5f5;border-bottom: 15px solid var(--primary-color);padding: 30px 50px;text-align: center;}
.page_video_detail .section h1{color: var(--primary-color);font-size: 2em;}
.page_video_detail .section video{margin: 30px auto 0;max-width: 100%;}

.page_video_detail .contact{background: url(../images/bg_contact.jpg) no-repeat center/cover;padding: 50px;}
.page_video_detail .contact .left{width: calc(100% - 350px);}
.page_video_detail .contact ul{display: flex;justify-content: space-between;}
.page_video_detail .contact ul li{width: 30%;background-color: rgba(255, 255, 255, .3);padding: 30px;margin-right: 30px;text-align: center;}
.page_video_detail .contact ul li p{font-size: 1.4em;color: #555;}
.page_video_detail .contact ul li:last-child{margin-right: 0;}
.page_video_detail .contact ul li img{height: 50px;margin: 0 auto 10px;}
.page_video_detail .contact .qrcode{display: flex;align-items: flex-end;}
.page_video_detail .contact .qrcode img{width: 150px;margin-right: 10px;}

.page_news .list_section{width: calc(100% - 230px);}
.page_news .filter{width: 200px;}

.page_news .list li{padding: 30px 0;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;}
.page_news .list li:first-child{padding-top: 0;}
.page_news .list li .pic_constant{width: 40%;}
.page_news .list li .pic_constant img{ margin:auto; }
.page_news .list li .pic_constant .inner::after{padding-top: 53%;}
.page_news .list li .pic_constant:hover img{transform: scale(1.05);}
.page_news .list li .txt{width: calc(60% - 30px)}
.page_news .list li .date{font-size: 1.2em;color: #666;margin: 10px 0;}
.page_news .list li .title{font-size: 1.9em;color: #000;}
.page_news .list li .desc{font-size: 1.6em;color: #888;margin: 0 0 25px;line-height: 2;}
.page_news .list li .more{width: 100px;height: 32px;line-height: 32px;font-size: 1.4em;color: #fff;text-align: center;background-color: var(--primary-color);display: block;}

.page_news .filter .name{font-size: 2em;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.page_news .filter ul li{font-size: 1.5em;color: #888;margin-top: 10px;}
.page_news .filter .tags{display: flex;flex-wrap: wrap;margin-left: -10px;color: #888;}
.page_news .filter .tags a{font-size: 1.5em;margin: 10px 0 0 10px;}

.page_news_detail .title{font-size: 2.4em;text-align: center;}
.page_news_detail .others{text-align: center;font-size: 1.4em;color: #999;margin: 15px 0 50px;}
.page_news_detail .others span{margin-left: 15px;}
.page_news_detail .others span:first-child{margin-left: 0;}

.page_contact .main li{min-height: 150px;border: 2px solid #f8f8fa;background-color: #f8f8fa;padding: 20px 13%;border-radius: 10px;margin-top: 25px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.page_contact .main li:hover{border-color: var(--primary-color);}
.page_contact .main li .tit{display: flex;align-items: center;}
.page_contact .main li .icon{height: 35px;margin-right: 50px;}
.page_contact .main li h5{font-weight: bold;}
.page_contact .main li .cont{width: 500px;}
.page_contact .main li p{font-size: 1.5em;color: #555;padding: 3px 0;}

.page_contact .main li.qrcode{height: auto;justify-content: center;text-align: center;margin: 50px 0;}
.page_contact .main li.qrcode .item{margin: 0 30px;}
.page_contact .main li.qrcode img{height: 120px;}
.page_contact .main li.qrcode p{line-height: 1;padding: 0;margin-top: 8px;}

.page_contact .main li.routes{display: block;padding-top: 40px;padding-bottom: 40px;}
.page_contact .main li.routes .cont{width: 100%;padding-left: 78px;margin-top: 30px;}
.page_contact .main li.routes .item{display: flex;margin-top: 10px;line-height: 1.8;}
.page_contact .main li.routes .item p:first-child{white-space: nowrap;}

.page_contact form{font-size: 1.5em;}
.page_contact form input,
.page_contact form textarea{background-color: #f7f7f7;border: none;}
.page_contact form textarea{height: 240px;padding: 15px 10px;}
.page_contact form input{height: 50px;padding: 0 10px;}
.page_contact form .submit{height: 40px;background-color: var(--primary-color);padding: 0 50px;color: #fff;cursor: pointer;font-size: 16px;letter-spacing: 1px;}
.page_contact form .submit:hover{opacity: .9;}

.page_contact .map{height: 520px;margin-top: 20px;}

.detail p{font-size: 1.5em;color: #434343;padding: 5px 0;line-height: 1.8;}
.detail img{margin: 5px 0;}

.pager-list{text-align: center;padding: 50px 0;}
.pager-list ul{display: inline-flex;}
.pager-list li{margin: 0 3px;display: flex;}
.pager-list li> *{padding: 5px 10px;font-size: 1.4em;background-color: #fff;border-radius: 15px;border: 1px solid #ccc;}
.pager-list li.active> *,
.pager-list li a:hover{background: var(--primary-color);color:#fff;border-color: var(--primary-color);}
.pager-list li.disabled> *{ cursor: default;background-color: #f5f5f5;color: #999;}

.turn_page{border-top: 1px solid #eee;padding-top: 20px;}
.turn_page li{font-size: 1.6em;padding: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.page_map .section{background-color: #f8f8f8;}
.page_map .section .top{padding: 10px 30px;background-color: var(--primary-color);font-size: 2em;color: #fff;}
.page_map .section .top a:hover{color: inherit;}
.page_map ul{padding: 20px 30px;}
.page_map ul li a{font-size: 1.6em;margin: 10px 30px 0 0;}
.page_map .section a:hover{text-decoration: underline;}

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

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

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

@media screen and (max-width: 1270px){
	.index_videos {margin-top: 25px;}
	.section_title h2::after{margin: 10px auto 0;}

	.counters li b{font-size: 2.6em;}
	.counters li p{font-size: 1.6em;}
	.counters li span{font-size: 1.4em;}

	.index_advantage .tab li.on::after{height: 50px;}
	.index_advantage .tab li::after{background-position: top;}
	.index_advantage .tab li p:first-child{font-size: 1.6em;}
	.index_advantage .tab li p:last-child{line-height: 1.2;margin-top: 5px;}
	.index_advantage .cont li{padding: 80px 0 160px 0;}
	.index_advantage .cont li .left{width: 100%;}
	.index_advantage .cont li .imgs{width: 100%;margin-top: 20px;}
	.index_advantage .cont li .desc p{line-height: 1.5;font-size: 1.6em;}
	.index_advantage .counters{width: 100%;padding: 30px 4%;}
	.index_advantage .world .pic{width: 100%;}
	.index_advantage .world .right{width: 100%;margin-top: 10px;display: block;}
	.index_advantage .world .txt h3::after{margin: 20px 0 10px auto;}
	.index_advantage .world ul{margin-top: 20px;}

	.index_videos .title{padding: 10px;}

	.page_banner .inner{height: 50vw;padding-top: 60px;}
	.page_nav ul{overflow-x: auto;}
	.page_nav ul li{margin-right: 20px;white-space: nowrap;}
	.page_nav_children{width: 100%;padding-left: 4%;margin: 20px 0;}
	.page_nav_children ul{flex-wrap: nowrap;overflow-x: auto;}
	.page_nav_children ul li{margin: 10px 10px 10px 0;}

	.page_about .about .video{width: 100%;}
	.page_about .about .txt{width: 100%;margin-top: 20px;}

	.swiper_site{padding: 0 40px;}
	.swiper_site .swiper.imgs{padding: 0;margin-bottom: 10px;}
	.swiper_site .swiper.imgs .swiper-slide.swiper-slide-active{transform: none;}

	.page_honor .section ul{margin-top: 20px;}
	.page_honor .section ul li{width: 50%;padding: 5px;}
	
	.page_contact .main li{padding: 20px 30px;margin: 20px 0;justify-content: space-around;}
	.page_contact .main li.qrcode{margin: 20px 0;}
	.page_contact .main li .icon{height: 30px;}
	.page_contact .main li .cont{width: 50%;}
	.page_contact .map{height: 40vw;}

	.page_products .top_bar ul{width: 100%;overflow-x: auto;padding: 15px 0 10px;}
	.page_products .top_bar ul li{margin-left: 20px;white-space: nowrap;}

	.page_products .slide_right .list.imgs li,
	.page_products .slide_right.txt .list li{width: calc(50% - 4px);}
	.page_products .slide_right.txt .list li:nth-child(3n){margin-right: 30px;}
	.page_products .slide_right .list.imgs li:nth-child(2n),
	.page_products .slide_right.txt .list li:nth-child(2n){margin-right: 0;}

	.page_products_detail .detail_title{font-size: 2em;}
	.page_products_detail .swiper.main{width: 100%;height: auto;}
	.page_products_detail .thumbnail_box{width: 100%;margin-top: 10px;}
	.page_products_detail .thumbnail_box::after{content: '';padding-top: 17.2%;display: block;}
	.page_products_detail .swiper.main .swiper-slide{padding: 0 40px;}
	.page_products_detail .swiper.main .swiper-button-next, 
	.page_products_detail .swiper.main .swiper-button-prev{width: 35px;height: 35px;font-size: 14px;}
	.page_products_detail .swiper.main .swiper-button-next{right: 0;}
	.page_products_detail .swiper.main .swiper-button-prev{left: 0;}

	.page_products_detail .detail_nav li{width: 44px;flex: none;line-height: 1.2;}
	.page_products_detail .cpfj ul li{width: 33.333%;}
	.page_products_detail .zysb ul li{padding: 20px;}
	.page_products_detail .downloads ul li{width: 100%;margin-top: 10px;}

	.page_products_detail .about .cont h4::after{margin: 20px 0;}
	.page_products_detail .about .cont{width: 100%;}
	.page_products_detail .about .counters li{margin-top: 20px;}
	.page_products_detail .about .pic{width: 100%;height: 50vw;margin-top: 30px;}

	.page_products_detail .turn_page li{width: 100%;}
	.page_products_detail .related_articles li{width: 100%;}
	.page_products_detail .turn_page li:last-child{text-align: left;}

	.page_news .list_section{width: 100%;}
	.page_news .list li{padding: 20px 0;}
	.page_news .list li .date{}
	.page_news .list li .desc{margin: 0 0 20px 0;line-height: 1.5;}
	.page_news .filter{width: 100%;margin-top: 20px;}
	.page_news .filter ul{display: flex;flex-wrap: wrap;}
	.page_news .filter ul li{margin-right: 20px;}

	.page_news_detail .title{font-size: 2em;}
	.page_news_detail .others{margin: 10px 0 20px;}

	.page_case .type_name{margin: 40px 0 30px;}
	.page_case .list li{width: 100%;margin-right: 0 !important;}

	.page_service .cont ul li{width: calc(50% - 10px);margin-right: 20px;}
	.page_service .cont ul li:nth-child(3n){margin-right: 20px;}
	.page_service .cont ul li:nth-child(2n){margin-right: 0;}
	.page_service .cont ul li:last-child{width: 100%;margin-right: 0;padding: 30px 20px;}
	.page_service .contact ul{width: 100%;}
	.page_service .contact .map{width: 100%;height: 50vw;margin-top: 30px;}

	.page_video .list li{width: 100%;margin-right: 0 !important;}
	.page_video .list li .title{padding: 15px;}
	.page_video_detail .section{padding: 20px 10px;border-width: 5px;}
	.page_video_detail .section video{margin: 15px auto 0;width: 100%;}
	.page_video_detail .contact{padding: 30px 20px;}
	.page_video_detail .contact .left{width: 100%;}
	.page_video_detail .contact .qrcode{width: 100%;justify-content: center;margin-top: 20px;}
	.page_video_detail .contact ul{flex-wrap: wrap;margin-top: 10px;}
	.page_video_detail .contact ul li{width: 100%;margin: 10px 0;padding: 15px;}
	.page_video_detail .contact ul li img{height: 25px;}

	.page_recruitment ul li{margin-bottom: 15px;}
	.page_recruitment ul li .title{font-size: 1.4em;}
	.page_recruitment ul li .title span{width: auto;flex: 1;display: flex;justify-content: center;align-items: center;}
	.page_recruitment ul li .title span:first-child{padding-left: 10px;}
	.page_recruitment ul li .title span:last-child{flex: none;width: 50px;}
	.page_recruitment ul li .detail{padding: 15px;}

	.page_position{display: none;}

	.detail p{padding: 5px 0;}

	.pager-list li{margin: 0 2px;}
	.pager-list li> *{font-size: 1.2em;}

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

	.page_map .section .top{padding: 5px 20px;font-size: 1.6em;}
	.page_map ul{padding: 10px 20px;}
	.page_map ul li a{font-size: 1.4em;margin: 10px 20px 0 0;}
}

@media screen and (max-width: 1024px){
	.index_banner{height: calc(100vh - 60px);margin-top: 60px;}
	.index_banner .swiper-slide .wrapper p{font-size: 1.6em;}
	.index_banner .swiper-slide .btn a{padding: 5px 15px;font-size: 1.4em;}
	
	.index_products .tab{overflow-x: auto;width: 104%;padding-right: 4%;margin: 30px 0;}
	.index_products .tab li{font-size: 1.4em;margin-left: 15px;}
	.index_products .tab li:first-child{margin-left: 0;}
	.index_products .tab li .icon{width: 30px;height: 30px;margin: 0 auto 20px;}
	.index_products .tab li p{white-space: nowrap;}

	.index_solutions ul{flex-wrap: wrap;}
	.index_solutions ul li{width: 100%;height: 69vw;margin: 5px 0;}
	.index_solutions ul li.on{width: 100%;}
	.index_solutions ul li .inner{position: static;height: 100%;display: flex;flex-direction: column;justify-content: center;}
	
	.index_advantage .service li{width: 48%;margin: 10px 0;}
	.index_advantage .service li .icon{height: 30px;margin: 0 auto 10px;}
	.index_advantage .service li p{font-size: 1.4em;margin-top: 0;}
	
	.index_news .tab{margin: 30px 0;}
	.index_news .list .left{width: 100%;}
	.index_news .list .left .pic{width: 100%;flex: none;}
	.index_news .list .left .pic::after{content: '';display: block;padding-top: 50%;}
	.index_news .list .left .txt{width: 100%;padding: 20px;}
	.index_news .list .right{width: 100%;margin-top: 20px;padding: 10px 20px;}
	.index_news .tab li .cn{font-size: 1.8em;}
	.index_news .tab li .en{font-size: 1.4em;}

	.page_about .history .cont .pic_constant{width: 100%;}
	.page_about .history .cont .txt{width: 100%;margin-top: 10px;}
	.page_about .history .cont .year{font-size: 3em;}
	.page_about .history .cont p{margin-top: 10px;}

	.page_about .culture ul li{width: 100%;}

	.page_about .swiper-button-prev, 
	.page_about .swiper-button-next{width: 30px;height: 30px;background-size: 16px;top: calc(50% + 7px);}

	.page_about .swiper_years{padding: 0 30px;}
	.page_about .swiper_years .swiper-slide::before{height: 5px;}
	.page_about .swiper_years .swiper-slide p{font-size: 1.6em;}
	.page_about .swiper_years .swiper-slide.swiper-slide-thumb-active p{font-size: 2em;}

	.page_about .honor .item_title span{font-size: 1.1em;}
	.page_about .honor ul.top li{width: calc(50% - 5px);padding: 20px;margin: 5px 0;}
	.page_about .honor .all .item{width: 100%;margin-top: 80px;padding: 70px 20px 20px;transform: none !important;}
	.page_about .honor .all .icon{width: 120px;height: 120px;font-size: 1.4em;top: -60px;}
	.page_about .honor .all .icon img{height: 30px;margin: 0 auto 10px;}

	.page_products .slide_left{width: 100%;}
	.page_products .slide_left ul li> a{padding: 10px 10px 10px 30px;}
	.page_products .slide_left ul li .children{padding: 5px 10px;}
	.page_products .slide_right{width: 100%;}
	.page_products .slide_right .layout{margin-top: 25px;}
	.page_products .slide_right .list.imgs li .txt{padding: 10px;font-size: 1.4em;}
	.page_products .slide_right.txt .list li{width: 100%;margin-right: 0 !important;}
	.page_products .slide_right.txt .list li a{font-size: 1.5em;}
	.page_products_detail .cptd ul li .img{width: 100%;padding: 30px 20px 0;}
	.page_products_detail .cptd ul li .txt{width: 100%;padding: 30px 20px;}

	.page_products_detail .zysb ul{justify-content: space-between;}
	.page_products_detail .zysb ul li{width: calc(50% - 10px);margin-right: 0 !important;}
	.page_products_detail .zysb ul li::after{height: 80%;}
	.page_products_detail .zysb ul li .txt{padding-top: 20px;}

	.page_downloads .list li{width: 100%;margin-bottom: 20px;}
	.page_downloads .list li a{border-width: 6px;}
	
	.page_service .section_top li{width: 49%;margin-bottom: 20px;}
	.page_service .section_btm li{width: 100%;margin-bottom: 20px;border-bottom: 1px solid #dcdcdc;}
	.page_service .section_btm li .title{padding: 0 0 20px 0;}
	.page_service .section_btm li .txt{padding: 0 0 20px 0;border-right: 0;}
}

@media screen and (max-width: 768px){
	.section_title p{font-size: 2.4em;margin-top: -15px;}
	
	.counters li b{font-size: 1.6em;}
	.counters li span{font-size: 1.2em;line-height: 1.5;}
	.counters li p{font-size: 1.2em;margin-top: 5px;line-height: 1.2;}

	.page_products_detail .name_bar{height: 50px;line-height: 50px;}
	.page_service .contact ul li{width: 100%;padding: 20px;}
	.page_service .section_top li{width: 100%;}
	
	.page_news .list li{flex-wrap: wrap;}
	.page_news .list li .pic_constant{width: 100%;}
	.page_news .list li .txt{width: 100%;margin-top: 15px;}
}

@media screen and (max-width: 525px){
	.page_contact .main li{display: block;min-height: auto;}
	.page_contact .main li .icon{height: 25px;margin-right: 15px;}
	.page_contact .main li .cont{margin-top: 10px;width: 100%;}
	.page_contact .main li.qrcode{display: flex;}
	.page_contact .main li.qrcode img{height: 100px;}
	.page_contact .main li.qrcode .item{margin: 0 15px;}
	.page_contact .main li.routes .cont{padding-left: 0;}
	.page_contact .map{height: 60vw;}
}

@media screen and (max-width: 414px){
	.page_contact .main li{padding: 15px;}
}