/*首页*/
.index_banner{width:100%;height:80vh;}
.index_banner .txt{height: 100%;padding: 60px 0 0;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position: absolute;top: 0;left: 0;right: 0;}
.index_banner .txt h3{font-size: 40px;font-weight: bold;}
.index_banner .txt p{margin: 10px 0;}
.index_banner .txt .btn{padding: 10px 30px;background: linear-gradient(to right, red, var(--primary-color));color: #fff;border-radius: 30px;margin-top: 30px;}
.index_banner .txt .btn:hover{background: linear-gradient(to right, var(--primary-color), red);}
.index_banner .swiper-button-next,
.index_banner .swiper-button-prev{color: #fff;font-size: 14px;width: 45px;height: 45px;border-radius: 100%;background-color: var(--primary-color);}

.index_nav{box-shadow: 0px 5px 10px rgb(34 133 162 / 20%); display: none;}
.index_nav ul li a{display: flex;flex-direction: column;align-items: center;text-align: center;}
.index_nav ul li .icon{width: 100px;height: 100px;border-radius: 100%;display: flex;justify-content: center;align-items: center;background-color: var(--primary-color);transition: all .5s ease-out;}
.index_nav ul li .icon img{height: 40px;}
.index_nav ul li p{font-size: 20px;margin-top: 10px;}
.index_nav ul li a:hover{color: var(--primary-color);}
.index_nav ul li a:hover .icon{transform: rotateY(180deg);}

.index_news{box-shadow: 0px 5px 10px rgb(34 133 162 / 20%);}
.index_news .pic{width: calc(50% - 15px);}
.index_news .main{width: calc(50% - 15px);}
.index_news .tab li{width: 24.5%;background-color: #f1f1f1;border-radius: 0 30px;text-align: center;font-size: 20px;padding: 10px 0;cursor: pointer;}
.index_news .tab li:hover{color: var(--primary-color);}
.index_news .tab li.on{background-color: var(--primary-color);color: #fff;}
.index_news .list ul{display: none;}
.index_news .list ul.on{display: block;}
.index_news .list ul li{margin-top: 15px;}
.index_news .list ul li a{border: 1px solid #eaeaea;border-radius: 25px 0 0 0;overflow: hidden;}
.index_news .list ul li a .date{width: 80px;padding: 7px 0 5px;font-size: 15px;text-align: center;background-color: #f1f1f1;border-radius: 0 0 25px 0;}
.index_news .list ul li a .title{width: calc(100% - 90px);font-size: 16px;}
.index_news .list ul li a:hover .date{background-color: var(--primary-color);color: #fff;}
.index_news .list ul li a:hover .title{color: var(--primary-color);}

.index_news._a{margin-top: -50px;padding-bottom: 6vh;}
.index_news._a .list{width: 32%;background-color: #fff;border-radius: 10px;padding: 50px 20px 30px;box-shadow: 0 0 6px #ccc;}
.index_news._a .list ul{display: block;}
.index_news._a .type_name{font-size: 30px;font-weight: bold;align-items: center;border-bottom: 1px solid rgba(152, 198, 212, 1);padding-bottom: 10px;margin-bottom: 18px;}

.index_show .tab li{width: 24.7%;background-color: #f1f1f1;border-radius: 0 30px;text-align: center;font-size: 20px;padding: 15px 0;cursor: pointer;}
.index_show .tab li:hover{color: var(--primary-color);}
.index_show .tab li.on{background-color: var(--primary-color);color: #fff;}
.index_show .main .item{display: none;}
.index_show .main .item.on{display: block;}

.index_show .swiper_vd{width: 100%;padding-bottom: 40px;}
.index_show .swiper_vd .swiper-slide{width: 100%;}
.index_show .swiper_vd .swiper-slide video{width: 100%;}
.index_show .swiper-button-next,
.index_show .swiper-button-prev{color: #fff;font-size: 14px;width: 45px;height: 45px;border-radius: 100%;background-color: var(--primary-color);}

.l_3 li{width: calc(33.333% - 20px);margin: 30px 30px 0 0;}
.l_3 li:nth-child(3n){margin-right: 0;}
.l_3 li .pic_constant .inner::after{padding-top: 58%;}
.l_3 li .title{margin-top: 10px;}
.l_3 li:hover .title{color: var(--primary-color);}
.l_3 li:hover .pic_constant .inner img{transform: scale(1.05);}

.l_4 li{width: calc(25% - 15px);margin: 30px 20px 0 0;cursor: pointer;position: relative;}
.l_4 li:nth-child(4n){margin-right: 0;}
.l_4 li::before{content: '\e61f';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .2);z-index: 2;opacity: 0;font-family: 'layui-icon';font-size: 30px;color: #fff;display: flex;justify-content: center;align-items: center;transition: all .5s ease-out;}
.l_4 li .pic_constant .inner::after{padding-top: 75%;}
.l_4 li .title{padding: 8px 10px;background-color: #eee;text-align: center;}
.l_4 li:hover .title{background-color: var(--primary-color);color: #fff;}
.l_4 li:hover .pic_constant .inner img{transform: scale(1.05);}
.l_4 li:hover::before{opacity: 1;height: 100%;}

.index_departments .tab li{width: calc((100% - 20px) / 6);background-color: #f1f1f1;border-radius: 0 30px;text-align: center;font-size: 20px;padding: 15px 0;cursor: pointer; margin: 10px 0;}
.index_departments .tab li:hover{color: var(--primary-color);}
.index_departments .tab li.on{background-color: var(--primary-color);color: #fff;}
.index_departments .list .item{display: none;}
.index_departments .list .item.on{display: block;}
.index_departments .list ul{display: flex;flex-wrap: wrap;}
.index_departments .list ul li{width: calc((100% - 100px) / 6);margin: 30px 20px 0 0;}
.index_departments .list ul li:nth-child(6n){margin-right: 0;}
.index_departments .list ul li .icon{width: 100%;padding: 10px 0;background-color: var(--primary-color);border-radius: 0 30px;display: flex;justify-content: center;align-items: center;}
.index_departments .list ul li .pic_constant{width: 40%;background-color: rgba(255, 255, 255, .2);border-radius: 100%;transition: all .3s ease-out;}
.index_departments .list ul li .pic_constant .inner::after{padding-top: 100%;}
.index_departments .list ul li .pic_constant img{width: 70%;height: 70%;object-fit: contain;left: 15%;top: 15%;}
.index_departments .list ul li .title{text-align: center;margin-top: 10px;}
.index_departments .list ul li:hover .pic_constant{transform: scale(1.1);}
.index_departments .list ul li:hover .title{color: var(--primary-color);}

.index_title{font-size: 34px;color: var(--primary-color);font-weight: bold;}
@keyframes hover_circle {0% {background: rgba(0,0,0,.25);transform: translateX(-50%) translateY(-50%) scale(0)}to {background: 0 0;transform: translateX(-50%) translateY(-50%) scale(1)}}

.index_expert{background-color: rgba(99, 181, 200, 1);padding-bottom: calc(50px + 6vh) !important;}
.index_expert .index_title{color: #fff;}
.index_expert .index_title img{filter: brightness(0) invert(1);}
.index_expert .swiper_expert{padding-bottom: 50px;}
.index_expert .swiper-slide{background-color: #f5f5f5;border-radius: 15px;padding: 20px 10px;display: flex;justify-content: space-between;}
.index_expert .swiper-slide .pic{width: 35%;}
.index_expert .swiper-slide .txt{width: 65%;padding: 20px;}
.index_expert .swiper-slide .title{font-size: 18px;font-weight: bold;}
.index_expert .swiper-slide .desc{color: #888;margin: 10px 0 20px;}
.index_expert .swiper-slide .more{display: block;position: relative;overflow: hidden;text-align: center;width: 120px;padding: 5px;background-color: #fff;border: 1px solid rgba(222,222,222,1);border-radius: 2px 16px;color: rgba(136,136,136,1);transition: all 0.6s cubic-bezier(0.25,0.1,0.25,0);}
.index_expert .swiper-slide .more::before{content: "";position: absolute;display: block;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);transition: all .6s;}
.index_expert .swiper-slide .more:hover::before{animation: hover_circle .75s;z-index: 1;}
.index_expert .btn_more a{display: inline-block;padding: 8px 40px;border: 1px solid #fff;border-radius: 0 30px;color: #fff;}
.index_expert .btn_more a:hover{background-color: #fff;color: var(--primary-color);}
.index_expert .swiper-slide .title:hover{color: var(--primary-color);}

.index_device{background-color: #f5f5f5;}
.index_device .swiper_device{padding-bottom: 50px;}
.index_device .swiper_device .swiper-slide{background-color: #fff;padding: 10px 10px 20px;}
.index_device .swiper_device .swiper-slide::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background-color: var(--primary-color);transition: all .3s ease-out;z-index: -1;}
.index_device .swiper_device .swiper-slide .pic_constant .inner::after{padding-top: 60%;}
.index_device .swiper_device .swiper-slide .pic_constant .inner img{object-fit: contain;}
.index_device .swiper_device .swiper-slide .title{margin-top: 10px;text-align: center;}
.index_device .swiper_device .swiper-slide:hover::before{height: 100%;}
.index_device .swiper_device .swiper-slide:hover .pic_constant .inner img{transform: scale(1.05);}
.index_device .swiper_device .swiper-slide:hover .title{color: #fff;}

.page_banner{height:24vw;}
.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;display: none;}
.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;padding: 0 30px;}
.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{padding: 0 40px;}
.page_about .section_a .main{width: 60%;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{padding: 0 40px;}
.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;padding: 0 40px;}
.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 .slide_cont ul li{width: 24%;padding: 80px 20px;text-align: center;color: #fff;}
.page_culture .slide_cont 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(33.333% - 20px);margin: 0 30px 30px 0;position: relative;cursor: pointer;background-color: #222;}
.page_videos .list li:nth-child(3n){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(50% - 20px);margin: 0 20px 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: 50%;}
.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;}

.page_prolist .list li{width: calc(50% - 15px);margin: 30px 0 0 0;}
.page_prolist .list li a::after{padding-top: 60%;}
.page_prolist .list li a::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .2);z-index: 2;}
.page_prolist .list li h2{position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%, -50%);z-index: 3;font-weight: bold;color: #fff;}
.page_prolist .list li .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);padding: 50px;display: none;flex-direction: column;justify-content: space-between;color: #fff;text-align: center;}
.page_prolist .list li .txt h3{font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 20px;}
.page_prolist .list li a:hover img{transform: scale(1.1);}
.page_prolist .list li a:hover h2{display: none;}
.page_prolist .list li a:hover .txt{display: flex;}
.page_prolist .list li a:hover span{color: var(--primary-color);}

.page_prolist .news .item{width: 32%;border: 1px solid #ddd;padding: 20px;transition: all .3s ease-out;}
.page_prolist .news .item:nth-child(1):hover,
.page_prolist .news .item:nth-child(2):hover{box-shadow: 0 0 10px rgba(0, 55, 68, .2);}
.page_prolist .news .left .title{font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 15px;}
.page_prolist .news .left .pic_constant .inner::after{padding-bottom: 60%;}
.page_prolist .news .desc{color: #666;margin: 10px 0;}
.page_prolist .news .date{color: #666;font-size: 14px;}
.page_prolist .news ul li{border-bottom: 1px solid #ddd;padding: 10px 0;}
.page_prolist .news ul li .title{font-weight: bold;}
.page_prolist .news .more{text-align: right;margin-top: 20px;}

.slide_nav{width: 250px;}
.slide_nav .type_name{background-color: var(--primary-color);padding: 30px 20px;border-radius: 20px 0 0 0;}
.slide_nav .type_name span{font-size: 24px;color: #fff;}
.slide_nav .type_name span::after{content: '';display: block;width: 1em;height: 2px;background-color: #fff;margin: 10px 0 5px;}
.slide_nav ul li a{padding: 15px;border: 1px solid #ddd;display: block;}
.slide_nav ul li a:hover{border-left-color: var(--primary-color);background-color: rgba(245,248,250,1);color: var(--primary-color);}
.slide_nav ul li.on a{background-color: var(--primary-color);color: #fff;}

.slide_cont{width: calc(100% - 250px);padding-left: 50px;}

.page_detail_doctor .pic{width: 300px;}
.page_detail_doctor .detail{width: calc(100% - 300px);padding-left: 50px;}

.detail_swiper_expert{padding: 10px 10px 50px 10px;}
.detail_swiper_expert .swiper-slide{box-shadow: 0 0 10px #eaeaea;padding: 20px 20px 10px;white-space: nowrap;}
.detail_swiper_expert .swiper-slide img{display: block;margin: 0 auto 10px;}
.detail_swiper_expert .swiper-slide .title{width: calc(100% - 50px);padding-left: 20px;font-size: 14px;color: #999;text-align: right;}

.pcontent{ padding: 5px 20px; line-height: 35px; }


@media screen and (max-width: 1320px){
	.index_banner{height: auto;margin-top: 60px;}
    
    .index_title{font-size: 26px;}
    
    .index_news._a .type_name{font-size: 26px;}
    .index_news._a .list{padding: 30px 20px;}
    
    .index_nav{padding: 30px 0 !important;}
    .index_nav ul{justify-content: flex-start;}
    .index_nav ul li{width: 25%;margin: 10px 0;}
    .index_nav ul li .icon{width: 50px;height: 50px;margin: 0 10px;}
    .index_nav ul li .icon img{height: 30px;}
    .index_nav ul li p{font-size: 15px;}

    .index_news .pic{width: 100%;margin-bottom: 20px;}
    .index_news .main{width: 100%;}
    .index_news .tab li{font-size: 14px;font-weight: bold;}

    .index_show .tab li{font-size: 14px;font-weight: bold;}

    .index_departments{padding-top: 0 !important;}
    
    .l_3 ul,
    .l_4 ul{justify-content: space-between;}
    .l_3 li,
    .l_4 li{width: calc(50% - 10px);margin: 20px 0 0 0 !important;}

    .index_departments .tab li{font-size: 14px;font-weight: bold;line-height: 1.2;display: flex;align-items: center;justify-content: center;}
    .index_departments .list ul li{width: calc((100% - 40px) / 3);margin: 20px 20px 0 0;}
    .index_departments .list ul li:nth-child(6n){margin-right: 20px;}
    .index_departments .list ul li:nth-child(3n){margin-right: 0;}

    .index_news._a .list{width: 100%;margin-bottom: 20px;}

    .page_banner{margin-top: 60px;height: 40vw;}

    .page_nav{height: 44px;line-height: 44px;background-color: #fff;display: block;}
    .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;}

    .page_detail_doctor .pic{width: 100%;}
    .page_detail_doctor .pic img{max-width: 100%;width: auto;margin: 0 auto;}
    .page_detail_doctor .detail{width: 100%;margin-top: 20px;padding-left: 0;}

    .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;}
}


@media screen and (max-width: 1024px){
    .slide_nav{display: none;}
    .slide_cont{width: 100%;padding-left: 0;}
}