.header .nav .children{border-radius:0 !important;}

.page_banner{height:24vw;margin-top: 80px;}
.page_banner .wrapper{height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;}

.page_nav{background-color: #fff;height: 70px;line-height: 70px;}
.page_nav ul{display: flex;}
.page_nav ul li{padding: 0 10px;position: relative;}
.page_nav ul li> a{padding: 0 20px;position: relative;display: block;}
.page_nav ul li.on> a{color: var(--primary-color);}
.page_nav ul li> a::before{content: '';display: block;position: absolute;right: -10px;top: calc(50% - 8px);width: 1px;height: 16px;background-color: #ccc;}
.page_nav ul li:last-child> a::before{display: none;}
.page_nav ul li> a::after{content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background-color: var(--primary-color);transition: all .3s ease-out;}
.page_nav ul li> a:hover::after,
.page_nav ul li.on> a::after{width: 100%;left: 0;}
.page_nav ul li .children{position: absolute;top: 100%;left: 10px;min-width: 100%;background-color: #ddd;padding: 10px 0;transform-origin: top;transform: scaleY(0);transition: all .3s ease-out;}
.page_nav ul li .children a{display: block;line-height: 40px;padding: 0 20px;font-size: 14px;color: #555;white-space: nowrap;}
.page_nav ul li .children a:hover{color: var(--primary-color);}
.page_nav ul li:hover .children{transform: scaleY(1);}

.page_position{background: url(../images/icon_home.png) no-repeat left center/15px;padding-left: 22px;font-size: 14px;}

.page_title{text-align: center;}
.page_title h2::after{content: '';display: block;width: 2em;height: 3px;background-color: var(--primary-color);margin: 15px auto 0;}
.page_title p{margin: 20px auto 50px;line-height: 2;}
.page_title.white{color: #fff;}
.page_title.white h2::after{background-color: #fff;}

.pagination{width: 100%;padding: 60px 0;text-align: center;}
.pagination li{display: inline-block;margin: 0 2px;font-size: 14px;color: #555;} 
.pagination li a{padding: 6px 13px;background-color: #e9e9e9;border-radius: 2px;transition: all .3s ease;}
.pagination li a:hover, .pagination li.active a,
.pagination li.on a{background-color: var(--primary-color);color: #fff;}

.page_about .about{background-color: #f5f5f5;}
.page_about .about .wrapper{background-color: #fff;}
.page_about .about .video{width: 45%;}
.page_about .about .video video{width: 100%;height: 100%;object-fit: cover;}
.page_about .about .txt{width: 55%;padding: 50px;background-color: #fff;display: flex;flex-direction: column;justify-content: center;}
.page_about .about .txt p{line-height: 2;}

.page_about .section_a .main{width: 50%;background-color: #fff;padding: 50px;}
.page_about .section_a .main h3::after{content: '';display: block;width: 2em;height: 2px;background-color: var(--primary-color);margin: 15px 0 20px;}
.page_about .section_a .main p{line-height: 2;}

.page_about .counts .page_title p{width: 900px;}
.page_about .counts ul{display: flex;justify-content: space-between;background-color: #fff;padding: 50px;}
.page_about .counts ul li{width: 25%;border-right: 1px solid #cacaca;line-height: 1;text-align: center;}
.page_about .counts ul li:last-child{border-right: 0;}
.page_about .counts ul li span{font-size: 40px;font-weight: bold;color: var(--primary-color);}
.page_about .counts ul li p{font-size: 14px;margin-top: 10px;}

.page_about .swiper_honor_a::after{content: '';background: url(../images/bg_honor.png) no-repeat center/cover;position: absolute;bottom: 0;left: 0;z-index: 6;;width: 100%;height: 100%;display: block;}
.page_about .swiper_honor_a .swiper-slide{transform: scale(0.75);display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all .5s ease-out;}
.page_about .swiper_honor_a .swiper-slide-active{transform: scale(1);}
.page_about .swiper_honor_a .swiper-slide .title{text-align: center;padding: 10px 0;opacity: 0;transition: inherit;}
.page_about .swiper_honor_a .swiper-slide-active .title{opacity: 1;}
.page_about .swiper_honor_a .swiper-button-next, 
.page_about .swiper_honor_a .swiper-button-prev{bottom: 0;top: auto;width: 40px;height: 40px;border-radius: 40px;border: 1px solid var(--primary-color);}
.page_about .swiper_honor_a .swiper-button-prev{right: 60%;left: auto;}
.page_about .swiper_honor_a .swiper-button-next{left: 60%;right: auto;}
.page_about .swiper_honor_a .swiper-button-next:hover, 
.page_about .swiper_honor_a .swiper-button-prev:hover{background-color: var(--primary-color);color: #fff;}

.page_about .swiper_honor_b{background-color: #f5f5f5;}
.page_about .swiper_honor_b .swiper{padding-bottom: 60px;}
.page_about .swiper_honor_b .swiper .swiper-slide{background-color: #fff;padding: 50px;}
.page_about .swiper_honor_b .swiper .swiper-slide p{margin-top: 20px;text-align: center;}

.page_about .photos ul{display: grid;grid-template-columns: repeat(4, 25%);grid-template-rows: repeat(3, 200px);grid-gap: 10px;}
.page_about .photos ul li.item1{grid-area: 1 / 1 / 3 / 3;}
.page_about .photos ul li.item2{grid-area: 2 / 3 / 4 / 5;}
.page_about .photos ul li img{width: 100%;height: 100%;object-fit: cover;}

.page_culture{background-color: #f5f5f5;}
.page_culture ul li{width: 24%;padding: 80px 20px;text-align: center;color: #fff;}
.page_culture ul li h3::after{content: '';display: block;width: 2em;height: 1px;background-color: #fff;margin: 15px auto;}

.page_videos{background-color: #f5f5f5;}
.page_videos .list{display: flex;flex-wrap: wrap;}
.page_videos .list li{width: calc(25% - 23px);margin: 0 30px 30px 0;position: relative;cursor: pointer;background-color: #222;}
.page_videos .list li:nth-child(4n){margin-right: 0;}
.page_videos .list li .pic_constant{background-color: #222;}
.page_videos .list li .pic_constant .inner::after{padding-top: 60%;}
.page_videos .list li .pic_constant img{top: 20px;left: 0;width: 100%;height: calc(100% - 20px);}
.page_videos .list li::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);opacity: 0;transition: all .3s ease-out;}
.page_videos .list li::after{content: '\e652';font-family: 'layui-icon';font-size: 0;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all .3s ease-out;}
.page_videos .list li .title{padding: 12px;color: #fff;text-align: center;}
.page_videos .list li:hover::before{opacity: 1;}
.page_videos .list li:hover::after{font-size: 40px;}

.page_products{background-color: #f5f5f5;}
.page_products .list{display: flex;flex-wrap: wrap;}
.page_products .list li{width: calc(33% - 23px);margin: 0 30px 30px 0;position: relative;overflow: hidden;border: 1px solid #eee;background-color: #fff;text-align: center;}
.page_products .list li:nth-child(3n){margin-right: 0;}
.page_products .list li::before{content: '';position: absolute;left: -170px;top: -73px;width: 140px;height: 140px;background-color: var(--primary-color);transform: rotate(45deg);transition: all .5s ease;}
.page_products .list li::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--primary-color);transition: all .5s ease;}
.page_products .list li i{position: absolute;top: 6px;left: 6px;opacity: 0;visibility: hidden;font-size: 20px;color: #fff;}
.page_products .list li a{display: block;padding: 20px;}
.page_products .list li .title{padding: 0 20px;}
.page_products .list li .pic_constant{margin: 20px 0;}
.page_products .list li .pic_constant .inner::after{padding-top: 85%;}
.page_products .list li .pic_constant img{object-fit: contain;transform: scale(.95);}
.page_products .list li .more{font-size: 14px;;}
.page_products .list li:hover::before{left: -100px;}
.page_products .list li:hover::after{width: 100%;}
.page_products .list li:hover i{opacity: 1;visibility: visible;}
.page_products .list li:hover  .pic_constant img{transform: scale(1);}

.swiper_imgsfull .swiper{width: 100%;height: 100%;}
.swiper_imgsfull .swiper-slide{display: flex;justify-content: center;align-items: center;}
.swiper_imgsfull .swiper-slide img{max-width: 100%;max-height: 100%;}
.swiper_imgsfull .swiper-pagination{color: #fff;}
.swiper_imgsfull .swiper-button-next, 
.swiper_imgsfull .swiper-button-prev{background-color: #fff;}

.page_products_detail{background-color: #f5f5f5;padding: 50px 0;}
.page_products_detail .top_section{background-color: #fff;padding: 50px;}
.page_products_detail .top_section .imgs{width: 45%;}
.page_products_detail .top_section .swiper-slide{display: flex;justify-content: center;align-items: center;}
.page_products_detail .top_section .swiper-slide img{width: 100%;height: 100%;object-fit: contain;}
.page_products_detail .swiper_img{height: 400px;border: 1px solid #ddd;}
.page_products_detail .swiper_img::after{content: '\e622';font-family: 'layui-icon';position: absolute;bottom: 0;right: 5px;z-index: 9;;font-size: 20px;color: #999;}
.page_products_detail .swiper_img:hover::after{color: var(--primary-color);}
.page_products_detail .swiper_img .swiper-slide{padding: 10px;}
.page_products_detail .swiper_thumbnail{height: 60px;margin-top: 10px;padding: 0 40px;}
.page_products_detail .swiper_thumbnail .swiper-slide{padding: 2px;border: 1px solid transparent;cursor: pointer;}
.page_products_detail .swiper_thumbnail .swiper-slide-thumb-active{border-color: var(--primary-color);}
.page_products_detail .swiper-button-next,
.page_products_detail .swiper-button-prev{background-color: #f5f5f5;}
.page_products_detail .swiper-button-next:hover,
.page_products_detail .swiper-button-prev:hover{background-color: var(--primary-color);color: #fff;}
.page_products_detail .swiper-button-next{right: 0;}
.page_products_detail .swiper-button-prev{left: 0;}

.page_products_detail .top_section .txt{width: 55%;padding-left: 50px;}
.page_products_detail .top_section .txt h1{font-size: 24px;font-weight: bold;}
.page_products_detail .top_section .txt .desc{font-size: 14px;color: #555;line-height: 1.8;margin: 15px 0 20px;}
.page_products_detail .top_section .txt .category{display: flex;align-items: center; margin-top: 15px;}
.page_products_detail .top_section .txt .category i{margin-right: 5px;}
.page_products_detail .top_section .txt .category a{color: #999;}
.page_products_detail .top_section .txt .category a:hover{color: var(--primary-color);}
.page_products_detail .top_section .txt .tel{display: flex;align-items: center;padding: 20px 0;margin-top: 20px;border-top: 1px solid #eee;}
.page_products_detail .top_section .txt .tel i{margin-right: 5px;}
.page_products_detail .top_section .txt .tel b{font-size: 20px;}
.page_products_detail .top_section .txt .btn{display: flex;margin-top: 20px;}
.page_products_detail .top_section .txt .btn a{width: 160px;padding: 10px;overflow: hidden;text-align: center;margin-right: 20px;color: #fff;position: relative;}
.page_products_detail .top_section .txt .btn a.bt1{background-color: var(--primary-color);}
.page_products_detail .top_section .txt .btn a.bt2{background-color: #b1b1b1;transition: all .5s ease;}
.page_products_detail .top_section .txt .btn a::before{content: "";position: absolute;left: 50%;top: 50%;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;padding-top: 100%;transform: translate(-50%, -50%);}
.page_products_detail .top_section .txt .btn a:hover::before{animation: cirle .75s;z-index: 1;}
@keyframes cirle {0% {background: rgba(0,0,0,.25);transform: translate(-50%, -50%) scale(0);} to {background: none;transform: translate(-50%, -50%) scale(1)}}
.page_products_detail .top_section .txt .btn a.bt2:hover{background-color: #222;}

.page_products_detail .section{background-color: #fff;padding: 50px;margin-top: 50px;}
.page_products_detail .section .type_name{border-bottom: 2px solid var(--primary-color);margin-bottom: 30px;}
.page_products_detail .section .type_name span{background-color: var(--primary-color);padding: 8px 40px;color: #fff;display: inline-block;}
.page_products_detail .section .type_name_a{text-align: center;}
.page_products_detail .section .type_name_a p{margin: 5px 0;}
.page_products_detail .section .type_name_a p::after{content: '';display: block;width: 2em;height: 3px;background-color: var(--primary-color);margin: 15px auto 0;}

.page_products_detail form{font-size: 14px;}
.page_products_detail form .txt{width: calc(50% - 10px);}
.page_products_detail form .submit{width: 200px;height: 40px;background-color: var(--primary-color);color: #fff;margin: 20px auto 0;display: block;}

.page_products_detail .swiper_related{padding-bottom: 50px;}
.page_products_detail .swiper_related .swiper-slide{border: 1px solid #eee;padding: 10px;}
.page_products_detail .swiper_related .pic_constant .inner::after{padding-top: 70%;}
.page_products_detail .swiper_related .pic_constant .inner img{object-fit: contain;transform: scale(.95);}
.page_products_detail .swiper_related .title{text-align: center;border-top: 1px solid #eee;padding-top: 10px;margin-top: 10px;}
.page_products_detail .swiper_related .swiper-slide:hover .pic_constant .inner img{transform: scale(1);}

.detail p{margin: 5px 0;line-height: 1.8;}
.detail img{margin: 5px 0;}

.page_news{background-color: #f5f5f5;padding: 50px 0;}
.page_news .list_top{display: flex;flex-wrap: wrap;}
.page_news .list_top li{width: calc(33.33% - 20px);margin: 0 30px 30px 0;}
.page_news .list_top li:nth-child(3n){margin-right: 0;}
.page_news .list_top li a{display: flex;flex-direction: column;justify-content: space-between;height: 100%;padding: 30px;background-color: #fff;transition: all .3s ease-out;}
.page_news .list_top li .date{font-size: 14px;color: #888;}
.page_news .list_top li .title{font-size: 20px;font-weight: bold;margin: 10px 0 18px;}
.page_news .list_top li .pic_constant .inner::after{padding-top: 70%;}
.page_news .list_top li .desc{font-size: 14px;color: #777;line-height: 1.8;margin: 16px 0;}
.page_news .list_top li .more{font-size: 14px;display: flex;justify-content: space-between;align-items: center;padding-top: 20px;border-top: 2px solid #eee;}
.page_news .list_top li .more span{width: 23px;height: 23px;border: 1px solid #7f8c94;border-radius: 50%;display: block;position: relative;}
.page_news .list_top li .more span::before{position: absolute;content: '';left: 50%;top: 50%;width: 5px;height: 5px;background: #7f8c94;border-radius: 50%;transform: translate(-50%, -50%);}
.page_news .list_top li .more span::after{position: absolute;content: '';top: 50%;width: 52px;height: 1px;background: #7f8c94;left: -42px;}
.page_news .list_top li a:hover .pic_constant img{transform: scale(1.2);}
.page_news .list_top li a:hover .more span::before,
.page_news .list_top li a:hover .more span::after{background-color: var(--primary-color);}
.page_news .list_top li a:hover .more span{border-color: var(--primary-color);}
.page_news .list_top li:hover a{transform: translateY(-8px);}

.page_news .list li{margin-bottom: 30px;}
.page_news .list li a{display: flex;justify-content: space-between;align-items: center;background-color: #fff;padding: 30px;transition: all .3s ease-out;}
.page_news .list li .pic_constant{width: 30%;}
.page_news .list li .pic_constant .inner::after{padding-top: 50%;}
.page_news .list li .txt{width: calc(70% - 80px);padding: 0 50px;}
.page_news .list li .title{font-size: 20px;font-weight: bold;}
.page_news .list li .desc{font-size: 14px;line-height: 1.8;color: #777;margin-top: 20px;}
.page_news .list li .date{width: 70px;font-size: 18px;text-align: right;}
.page_news .list li .date b{font-size: 60px;line-height: 1;}
.page_news .list li:hover a{transform: translateY(-5px);}
.page_news .list li a:hover .pic_constant img{transform: scale(1.2);}

.page_news_detail{background-color: #f5f5f5;padding: 50px 0;}
.page_news_detail .slide_left{width: 70%;background-color: #fff;padding: 50px;}
.page_news_detail .slide_left h1.title{font-size: 26px;font-weight: bold;}
.page_news_detail .slide_left .others{color: #888;border-bottom: 1px solid #cacaca;padding: 10px 0 15px;}
.page_news_detail .slide_left .detail{padding: 20px 0;}

.turn_page{display: flex;justify-content: space-between;border-top: 6px solid #eee;padding-top: 20px;}
.turn_page li{max-width: 48%;font-size: 14px;color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.page_news_detail .slide_right{width: 27%;}
.page_news_detail .slide_right .top{background-color: #fff;}
.page_news_detail .slide_right .type_name{font-size: 24px;text-align: center;padding: 20px 0;line-height: 1;border-bottom: 2px solid var(--primary-color);margin-bottom: 10px;}
.page_news_detail .slide_right .top a .pic{overflow: hidden;}
.page_news_detail .slide_right .top a .txt{padding: 20px;}
.page_news_detail .slide_right .top a .title{font-weight: bold;}
.page_news_detail .slide_right .top a .desc{font-size: 14px;color: #888;margin-top: 10px;}
.page_news_detail .slide_right .top a:hover .pic img{transform: scale(1.05);}
.page_news_detail .slide_right ul li{margin-top: 20px;}
.page_news_detail .slide_right ul li a{background-color: #fff;padding: 20px;display: flex;justify-content: space-between;align-items: center;}
.page_news_detail .slide_right ul li a .pic_constant{width: 30%;}
.page_news_detail .slide_right ul li a .pic_constant .inner::after{padding-top: 50%;}
.page_news_detail .slide_right ul li a .title{width: 70%;padding-left: 20px;}
.page_news_detail .slide_right ul li a:hover .pic_constant img{transform: scale(1.2);}

.page_service{background-color: #f5f5f5;padding: 50px 0;}
.page_service .section{background-color: #fff;}
.page_service .section .txt{width: 50%;padding: 50px;}
.page_service .section .txt p{line-height: 1.8;}
.page_service .section .pic{width: 50%;}
.page_service .section .pic img{height: 100%;object-fit: cover;}

.page_question{background-color: #f5f5f5;padding: 50px 0;}
.page_question .list li{background-color: #fff;margin-bottom: 20px;padding: 20px;line-height: 24px;}
.page_question .list li>div{display: flex;align-items: flex-start;justify-content: space-between;}
.page_question .list li .tit{width: 24px;height: 24px;line-height: 24px;border-radius: 24px;color: #fff;text-align: center;}
.page_question .list li .q{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #ddd;}
.page_question .list li .q .txt{font-weight: bold;}
.page_question .list li .q .tit{background-color: var(--primary-color);}
.page_question .list li .a{color: #888;font-size: 14px;}
.page_question .list li .a .tit{background-color: #333;}
.page_question .list li .txt{width: calc(100% - 50px);}

.page_case{background-color: #f5f5f5;padding: 50px 0;}
.page_case .list{display: flex;flex-wrap: wrap;}
.page_case .list li{width: calc(33.33% - 20px);margin: 0 30px 30px 0;}
.page_case .list li .section{background-color: #fff;padding: 20px 10px;cursor: pointer; }
.page_case .list li .slides{display: none;}
.page_case .list li:nth-child(3n){margin-right: 0;}
.page_case .list li .pic_constant .inner::after{padding-top: 70%;}
.page_case .list li .pic_constant .inner img{transform: scale(.9);object-fit: contain;}
.page_case .list li .title{text-align: center;margin-top: 15px;}
.page_case .list li:hover .pic_constant .inner img{transform: scale(1);}
.page_case .swiper{width: 100%;height: 100%;}
.page_case .swiper-slide{display: flex;justify-content: center;align-items: center;}
.page_case .swiper-slide img{max-width: 100%;max-height: 100%;}
.page_case .swiper-button-next, 
.page_case .swiper-button-prev{background-color: #fff;}
.page_case .swiper-pagination{color: #fff;}

.page_contact{background-color: #f5f5f5;}
.page_contact .section{background-color: #fff;padding: 50px;}
.page_contact .section ul li{max-width: 25%;}
.page_contact .section ul li h4{font-size: 20px;font-weight: bold;}
.page_contact .section ul li h4::after{content: '';display: block;width: 2em;height: 2px;background-color: var(--primary-color);margin: 10px 0 20px;}
.page_contact .section ul li p{margin: 5px 0;color: #777;}
.page_contact .map{width: 100%;height: 30vw;}

.page_contact .main .pic{width: 60%;}
.page_contact .main .txt{width: 40%;background-color: #fff;flex-direction: column;justify-content: center;padding: 20px 30px;align-items: flex-start;}
.page_contact .main .txt h1{border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;font-weight: normal;width: 100%;}
.page_contact .main .txt ul li{margin-top: 10px;}
.page_contact .main .txt ul li span{color: var(--primary-color);margin-right: 5px;}

.page_contact .cards li{width: calc(33.333% - 20px);height: auto;margin: 30px 30px 0 0;background-color: #fff;padding: 30px 20px;border: 1px solid transparent;box-shadow: 0px 3px 7px #e0e0e0;transition: all linear .3s;border-radius: 8px;}
.page_contact .cards li:nth-child(3n){margin-right: 0;}
.page_contact .cards li:hover{border-color: var(--primary-color);}
.page_contact .cards li .tit{border-bottom: 1px solid #eee;padding-bottom: 15px;margin-bottom: 20px;font-size: 22px;}
.page_contact .cards li .item{margin-top: 5px;font-size: 14px;}
.page_contact .cards li .item span{margin-right: 5px;color: var(--primary-color);font-size: 18px;}

.page_ms{background-color: #f5f5f5;}
.page_ms .section{background-color: #fff;padding: 50px;font-size: 14px;}
.page_ms .item .txt{width: calc(33.33% - 13px);}
.page_ms textarea{margin: 20px 0;}
.page_ms .submit{width: 200px;margin: 0 auto;display: block;}

.search_section{margin-bottom: 7vh;}
.search_section h2{text-align: center;}
.search_section form{height: 50px;display: flex;justify-content: center;}
.search_section .keywords{width: 600px;height: 100%;padding: 0 20px;}
.search_section .submit{width: 120px;height: 100%;background-color: var(--primary-color);color: #fff;}


@media screen and (max-width: 1279px){
    .page_banner{margin-top: 60px;height: 40vw;}

    .page_nav{height: 44px;line-height: 44px;background-color: #fff;}
    .page_nav .wrapper{overflow-x: auto;}
    .page_nav ul{width: 104%;}
    .page_nav ul li{padding: 0;white-space: nowrap;}
    .page_nav ul li> a::before{right: 0;}
    .page_position{display: none;}

    .page_title p{margin: 20px auto 30px;}

    .page_about .about .txt{width: 100%;padding: 30px 20px;}
    .page_about .about .video{width: 100%;}

    .page_about .section_a .main{width: 100%;padding: 20px;}
    .page_about .counts .page_title p{width: 100%;}
    .page_about .counts ul{padding: 30px 0;}
    .page_about .counts ul li span{font-size: 20px;}

    .page_about .swiper_honor_a{padding-bottom: 50px;}
    .page_about .photos ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .page_about .photos ul li{width: calc(50% - 5px);}

    .page_culture ul li{width: 100%;margin: 10px 0;padding: 50px 20px;}
    .page_videos .list{justify-content: space-between;}
    .page_videos .list li{width: calc(50% - 10px);margin: 0 0 20px 0 !important;}
    .page_products .list{justify-content: space-between;}
    .page_products .list li{width: calc(50% - 10px);margin: 0 0 20px 0 !important;}
    .page_products .list li a{padding: 20px 10px;}
    .page_products .list li .title{padding: 0;}

    .page_products_detail,
    .page_news,
    .page_news_detail,
    .page_service{padding: 30px 0;}
    .page_products_detail .top_section{padding: 30px 20px;}
    .page_products_detail .top_section .imgs{width: 100%;}
    .page_products_detail .swiper_img{height: 60vw;}
    .page_products_detail .top_section .txt{width: 100%;padding-left: 0;margin-top: 40px;}
    .page_products_detail .top_section .txt .btn{margin-top: 0;}
    .page_products_detail .section{padding: 30px 20px;margin-top: 30px;}

    .page_news .list_top li{width: 100%;margin: 0 0 20px 0;}
    .page_news .list_top li a{padding: 30px 20px;}
    .page_news .list_top li .title{font-size: 18px;}
    .page_news .list_top li .pic_constant .inner::after{padding-top: 50%;}
    .page_news .list li a{padding: 30px 20px;}
    .page_news .list li .txt{width: 70%;padding: 0 0 0 20px;}
    .page_news .list li .title{font-size: 18px;}
    .page_news .list li .desc{margin-top: 6px;}
    .page_news .list li .date{display: none;}

    .page_news_detail .slide_left{width: 100%;padding: 30px 20px;}
    .page_news_detail .slide_left h1.title{font-size: 20px;}
    .page_news_detail .slide_right{width: 100%;margin-top: 30px;}

    .turn_page{flex-wrap: wrap;}
    .turn_page li{width: 100%;max-width: 100%;margin: 5px 0;}

    .page_service .section .txt{width: 100%;padding: 30px 20px;}
    .page_service .section .pic{width: 100%;}

    .page_question .list li .txt{width: calc(100% - 35px);}

    .page_case .list{justify-content: space-between;}
    .page_case .list li{width: calc(50% - 10px);margin: 0 0 20px 0 !important;}

    .page_contact .section{padding: 30px 20px;}
    .page_contact .section ul li{width: 100%;max-width: 100%;border-bottom: 1px solid #eee;padding: 10px 0;}
    .page_contact .section ul li h4::after{margin: 8px 0 15px;}
    .page_contact .map{height: 100%;}

    .page_contact .main .pic{width: 100%;}
    .page_contact .main .txt{width: 100%;padding: 20px;}
    .page_contact .main .txt h1{font-size: 22px;margin-bottom: 5px;}

    .page_contact .cards li{width: 100%;margin: 20px 0 0 0 !important;}

    .page_ms .section{padding: 30px 20px;}
    .page_ms .item .txt{width: 100%;margin-bottom: 15px;}
    .page_ms textarea{margin: 0 0 15px 0;}
}