/*首页*/
.index_banner{width:100%;z-index: 0;}
.index_banner .swiper-slide img{width: 100%;}
.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%);transform: translateY(-40px);}
.index_search{height: 40px;justify-content: flex-end;}
.index_search .keyword{width: 300px;height: 100%;padding: 0 10px;border-radius: 6px 0 0 0;}
.index_search .submit{width: 50px;height: 100%;background: var(--primary-color) url(../images/icon_search.png) no-repeat center/20px;color: #fff;cursor: pointer;border-radius: 0 6px 0 0;}
.index_nav ul{padding: 30px 50px;background-color: var(--primary-color);border-radius: 0 0 8px 8px;border-top: 1px solid #fff;}
.index_nav ul li a{display: flex;flex-direction: column;align-items: center;text-align: center;}
.index_nav ul li img{height: 40px;}
.index_nav ul li p{margin-top: 10px;color: #fff;}
.index_nav ul li a:hover{color: var(--primary-color);}
.index_nav ul li a:hover img{transform: rotateY(180deg);}

.type_top{align-items: flex-end;}
.index_title .cn{font-size: 30px;font-weight: bold;color: var(--primary-color);}
.index_title .en{font-size: 15px;color: #999;}
.type_top .more{color: #666;}
.type_top .more:hover{color: var(--primary-color);}

.index_department{background-color: #d9e7ff;position: relative;z-index: 1;overflow: hidden;}
.index_department::before{content: 'DEPARTMENT';position: absolute;top: 0;left: 0;font-size: 260px;font-weight: bold;font-family: Arial;color: #cadcf7;z-index: -1;}
.index_department .nav{width: 35%;height: fit-content;padding-bottom: 60px;}
.index_department .nav li{width: 48%;padding: 15px 0;margin-top: 20px;position: relative;font-size: 20px;font-weight: bold;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.index_department .nav li.on,
.index_department .nav li:hover{background-color: var(--primary-color);color: #fff;border-radius: 8px;transition: all .3s ease-out;}
.index_department .list{width: 60%;}
.index_department .list .section{display: none;}
.index_department .list .section.on{display: block;}
.index_department .list .cont{background-color: var(--primary-color);border-radius: 6px;padding: 30px;}
.index_department .list .department{align-items: flex-end;position: relative;padding-left: 15px;line-height: 1;}
.index_department .list .department::before{content: '';position: absolute;top: 0;left: 0;width: 2px;height: 100%;background-color: #fff;}
.index_department .list .department .cn{font-size: 22px;color: #fff;}
.index_department .list .department .en{font-size: 15px;color: #ccc;margin-left: 10px;}
.index_department .list .desc{color: #fff;line-height: 1.8;margin-top: 20px;}
.index_department .list .desc .left{width: 46%;}
.index_department .list .desc .right{width: 46%;}
.index_department .swiper{margin-top: 30px;padding-bottom: 60px;}
.index_department .swiper-slide{display: flex;}
.index_department .swiper .pic{width: 100%;background-color: #cadcf7;padding: 10px 31px 10px 10px;border-radius: 10px;border: 1px solid #eee;overflow: hidden;;position: relative;}
.index_department .swiper .pic img{width: 100%;}
.index_department .swiper .txt{position: absolute;top: 1px;right: 1px;background-color: #cadcf7;width: 30px;height: calc(100% - 2px);padding: 10px 0;border-radius: 0 10px 10px 0;display: flex;flex-direction: column;align-items: center;text-align: left;line-height: 1.2;}
.index_department .swiper .name{color: #000;font-size: 18px;writing-mode: vertical-rl;}
.index_department .swiper .title{flex: 1;color: #666;font-size: 12px;padding-top: 6px;writing-mode: vertical-rl;}
.index_department .swiper-slide:hover .pic{background-color: var(--primary-color);transition: all .3s ease-out;}
.index_department .swiper-slide:hover .txt{background-color: var(--primary-color);}
.index_department .swiper-slide:hover .name,
.index_department .swiper-slide:hover .title{color: #fff;}
.index_department .swiper-button-next,
.index_department .swiper-button-prev{left: auto;top: auto;bottom: 0;color: #fff;font-size: 14px;width: 45px;height: 45px;border-radius: 100%;background-color: var(--primary-color);}
.index_department .swiper-button-next{right: 0;}
.index_department .swiper-button-prev{right: 60px;}

.index_about .index_title{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.index_about .item{border-radius: 10px;padding: 50px;position: relative;z-index: 1;overflow: hidden;transition: all .3s ease-out;}
.index_about .item::before{content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background-color: rgba(255, 255, 255, .5);transition: all .3s ease-out;}
.index_about .item .cn{font-size: 20px;font-weight: bold;}
.index_about .item .en{font-size: 15px;padding: 20px 0 30px;position: relative;transition: all .3s ease-out;}
.index_about .item .en::after{content: '';width: 3em;height: 2px;background-color: #333;display: block;position: absolute;left: 0;bottom: 0;transition: all .3s ease-out;}
.index_about .item .desc{display: none;margin-top: 20px;}
.index_about .item .more{width: 30px;height: 30px;border-radius: 50px;border: 1px solid #fff;font-size: 14px;color: #fff;display: none;justify-content: center;align-items: center;position: static;margin-top: 15px;}
.index_about .item:hover{padding: 30px;color: #fff;}
.index_about .item:hover::before{background-color: rgba(3, 77, 138, .5);}
.index_about .item:hover .en{padding: 10px 0 20px;}
.index_about .item:hover .en::after{background-color: #fff;}
.index_about .item:hover .desc{display: -webkit-box;}
.index_about .item:hover .more{display: flex;}
.index_about .top{margin-bottom: 10px;}
.index_about .top .index_title{width: calc(25% - 5px);}
.index_about .top .item{width: calc(75% - 5px);height: 400px;background-image: url(../images/01.jpg);}
.index_about .btm .item{width: calc((100% - 30px) / 4);height: 300px;}
.index_about .btm .item:nth-child(1){background-image: url(../images/02.jpg);}
.index_about .btm .item:nth-child(2){background-image: url(../images/01.jpg);}
.index_about .btm .item:nth-child(3){background-image: url(../images/02.jpg);}
.index_about .btm .item:nth-child(4){background-image: url(../images/01.jpg);}

.index_news{background: url(../images/bg01.jpg) no-repeat center/cover;}
.index_news .swiper{width: 30%;height: 300px;border-radius: 10px;}
.index_news .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.index_news .swiper-slide:hover img{transform: scale(1.02);}
.index_news .swiper-slide .title{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 16px;color: #fff;background-color: rgba(0, 0, 0, .2);padding: 15px 20px 30px;}
.index_news .swiper-slide:hover .title{color: var(--primary-color);}
.index_news .list{width: 70%;padding-left: 20px;gap: 20px;}
.index_news .list li{width: calc(50% - 10px);height: calc(50% - 10px);}
/* .index_news .list li a{height: 100%;display: flex;justify-content: space-between;}
.index_news .list li .pic{width: 40%;height: 100%;overflow: hidden;}
.index_news .list li .pic img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.index_news .list li a .txt{padding-left: 20px;} */
.index_news .list li a .title{font-size: 16px;font-weight: bold;}
.index_news .list li a .desc{font-size: 15px;color: #666;margin: 12px 0 14px;}
.index_news .list li a .date{font-size: 14px;color: #999;}
.index_news .list li a:hover .pic img{transform: scale(1.02);}
.index_news .list li a:hover .title{color: var(--primary-color);}

.index_case .swiper-slide{border-radius: 8px;overflow: hidden;;}
.index_case .swiper-slide .inner::after{padding-top: 75%;}
.index_case .swiper-slide:hover img{transform: scale(1.05);}
.index_case .swiper-slide .title{position: absolute;bottom: -40px;left: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: rgba(0, 0, 0, .5);transition: all .3s ease-out;}
.index_case .swiper-slide:hover .title{bottom: 0;}

.index_faq .pic{width: calc(50% - 30px);}
.index_faq .swiper{width: 50%;height: 500px;margin: 0;}
.index_faq .swiper-slide{height: auto !important;padding: 10px 0;}
.index_faq .swiper-slide:not(:last-child){border-bottom: 1px solid #315850;}
.index_faq .swiper-slide .title{font-size: 18px;font-weight: bold;}
.index_faq .swiper-slide .title span{color: var(--primary-color);margin-right: 5px;}
.index_faq .swiper-slide .answer{margin-top: 10px;}

.fixed_video{position: fixed;right: 0;bottom: 0;z-index: 996;background-color: var(--primary-color);padding: 40px 15px 20px;border-radius: 8px 0 0 0;}
.fixed_video video{width: 300px;}
.fixed_video .ui-icon-close{font-size: 18px;color: #fff;position: absolute;right: 10px;top: 5px;cursor: pointer;}


.page_banner{height:24vw;}
.page_banner .wrapper{height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;}
.page_banner .wrapper h2{font-size: 60px;letter-spacing: 12px;color: transparent;-webkit-text-stroke: 1px #fff;text-stroke: 1px #fff;text-shadow: 0 0 8px rgba(255,255,255, .5);}

.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:calc(100% - 290px);background-color: #fff;padding: 50px;} /* width: 70%; */
.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{display: block;width:100%;font-size: 14px;color: #999; margin-top: 5px;}/*width: calc(100% - 50px);padding-left: 20px;font-size: 14px;color: #999;text-align: right;*/

.pcontent{ padding: 30px; background: #fff; border-radius: 15px; }
.pcontent p{ line-height: 40px;}
.pcontent table{border: 1px solid #ccc;}
.pcontent table td{border: 1px solid #ccc;}



@media screen and (max-width: 1270px){
	.index_banner{margin-top: 60px;}
    .fixed_video{bottom: 51px;}
    
    .page_banner{margin-top: 60px;height: 40vw;}
    .page_banner .wrapper h2{font-size: 40px;letter-spacing: 5px;}

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

    .index_title .cn{font-size: 22px;}
    
    .index_department::before{font-size: 110px;top: 50px;}
    .index_department .nav{width: 100%;padding-bottom: 20px;}
    .index_department .nav li{width: 33.33%;padding: 5px 0;font-size: 16px;margin: 0 0 10px 0;}
    .index_department .list{width: 100%;}

    .index_about .top{margin-bottom: 0;}
    .index_about .top .index_title{width: 100%;height: auto;}
    .index_about .top .item{margin-top: 20px;}
    .index_about .btm .item{width: calc(50% - 5px);margin-top: 10px;}
    
    .index_about .item{width: 100% !important;height: auto !important;padding: 30px;color: #fff;}
    .index_about .item::before{background-color: rgba(3, 77, 138, .5);}
    .index_about .item .en{padding: 10px 0 20px;}
    .index_about .item .en::after{background-color: #fff;}
    .index_about .item .desc{display: -webkit-box;}
    .index_about .item .more{display: flex;}

    .index_news .swiper{width: 100%;}
    .index_news .list{width: 100%;margin-top: 30px;padding-left: 0;}
    .index_news .list li{width: 100%;height: auto;}

    .index_faq .pic{width: 100%;}
    .index_faq .swiper{width: 100%;height: 50vh;margin-top: 20px;}
}


@media screen and (max-width: 768px){
    .index_nav{transform: none;margin: 30px auto;}
    .index_search{width: 100%;}
    .index_search .keyword{width: calc(100% - 50px);background-color: #d9e7ff;border: 1px solid var(--primary-color);border-bottom: 0;}

    .index_department .list .cont{padding: 20px;}
    .index_department .list .desc .left{width: 100%;}
    .index_department .list .desc .right{width: 100%;margin-top: 10px;}
    .index_department .swiper .name{font-size: 16px;}

    .index_nav ul{padding: 10px 20px 30px;justify-content: flex-start;}
    .index_nav ul li{width: 25%;margin-top: 20px;}
}