/* =====头部===== */ 
body {min-width: 1300px;overflow-x: auto;}
#c-placeholder {height: 1rem;min-height: 80px;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s; border-bottom: 1px solid rgba(255, 255, 255,.1);}
.headBox {height: 1rem; min-height: 80px;  box-sizing: border-box; padding: 0 1%;}

.headBox .logo img {max-width: 0.66rem; display: block; margin-right: .2rem;}
.headBox .logo h1{color: #1e2b58; font-weight: 700; text-transform: uppercase; line-height: 1;}
.headBox .logo em{letter-spacing: 0.01rem; display: block; font-weight: Regular; line-height: 1;}


/* 头部右侧 */

/* 导航 */
nav {width: 62%;height: 100%;}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; position: relative;}
nav > ul > li::before{position: absolute; content: ''; width: 0; height: 0.02rem; background: #0e6eb8; bottom: 0.22rem; left:50%; transition: 0.6s; z-index: 1;}
nav > ul > li:hover::before{width: 100%; left: 0;}
nav > ul > li:hover::before,nav > ul > li.on::before{width: 100%; left: 0;}
nav .layui-nav {background: none; padding: 0;}
nav .layui-nav .layui-nav-item {line-height: initial; display: flex; align-items: center;}
nav .layui-nav .layui-nav-item.has-sub {position: relative;}
nav .layui-nav .layui-nav-item > a {padding: 0; font-size: var(--font18);color: #333; position: relative; }
nav .layui-nav .layui-nav-more {display: none!important;}
nav > ul > li:hover>a,nav > ul > li.on>a{color: #0E6EB8!important;}

nav .layui-nav .layui-this:after, nav .layui-nav-bar {display: none;}
/* 下拉 */
nav .layui-nav-child { top: 100%; background: #fff;  box-sizing: border-box;}
nav .layui-nav .layui-nav-child a{font-size: var(--font15);}
/* 搜索按钮 */
.heSearch {cursor: pointer; }
.heSearch img{max-width:  0.26rem;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: .2rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 45px; background: #0E6EB8;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
}

.helange{position: relative;}
.helange .layui-nav{ background: #fff; border: 0.01rem solid #999999; border-radius: 100px; padding: 0!important;}
.helange .layui-nav .layui-nav-item{line-height: 1;}
.helange .layui-nav .ver{ padding: 0.14rem 0.32rem;}
.helange .layui-nav .ver b{ color: #333; margin-right: .19rem;}

/* 头部下滑样式 */
.header.c-style2 {background: rgba(255, 255, 255, 1); border-color: #eee;}
.header.c-style2 nav > ul > li > a {color: #333;}
.header.c-style2 .headBox .logo a {color: #333;}
.header.c-style2 .headBox .logo1 {display: none;}
.header.c-style2 .headBox .logo2 {display: block;}
.header.c-style2 .headBox .logo h1 {color: #333;}
.header.c-style2 .headBox .logo p {color: #333;}
.header.c-style2 nav .layui-nav .layui-nav-item a:hover {color: #0E6EB8;}
.header.c-style2 nav .layui-nav .layui-nav-item > a::after {background: #0E6EB8;}

/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#0E6EB8 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #0E6EB8; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {display: inline-flex; align-items: center; border-radius: 5px; padding: .2rem .6rem; background: #0E6EB8; transition: .5s; position: relative;z-index: 1; overflow: hidden;}
.more1 i {transform: rotate(145deg);}
.more1:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(24, 131, 207,.2);box-shadow: 0 0 0 0.1rem rgba(24, 131, 207,.2);}



/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; position: relative;}
.indexBanner .swiper {}
.indexBanner .bjBox{height: 8.99rem; background-size: cover!important;  transition: 0.6s; transform: scale(1);}
.indexBanner .con strong{font-size: 0.56rem; display: block; font-style: italic; text-transform: uppercase; margin-bottom: 0.2rem;} 
.indexBanner .con b{color: #23ac38;}
.indexBanner .con h3{margin-bottom: .55rem;}
.index-more a{display: inline-flex; background: #ffffff; border-radius: 100px; padding: 0.04rem 0.04rem 0.04rem 0.2rem; transition: 0.6s;}
.index-more em{color: #1e2b58; margin-right: 0.19rem;}
.index-more img{max-width: 0.48rem;}
.index-more a:hover {  -webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2);  box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2);}
.indexBanner .swiper-slide-active .bjBox{transform: scale(1.1);}

/* 控件 */
.indexBanner .banner-bottom{position: absolute; content: ''; bottom: 0.61rem; width: 100%;}
.indexBanner .banner-bottom .w1300{position: relative;}
.indexBanner #banner-num{bottom: auto; width: auto;}
.indexBanner .swiper-pagination span {width: 0.1rem;height: 0.1rem;background: #fff; opacity: 0.3; margin: 0 0.07rem!important;}
.indexBanner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
.indexBanner .swjt {width: 0.42rem; height: 0.42rem; opacity: 0.5; border: 0.01rem solid #ffffff; border-radius: 50%; transition: 0.6s; }
.indexBanner .swjt.swiper-button-prev {left: auto; right: 0.6rem; }
.indexBanner .swjt.swiper-button-next {right: 0;}
.indexBanner .swjt.swiper-button-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.indexBanner .swjt.swiper-button-prev:hover,.indexBanner .swjt.swiper-button-next:hover{background: #fff; opacity: 1;}
.indexBanner .swjt.swiper-button-prev:hover img,.indexBanner .swjt.swiper-button-next:hover img{filter: invert(43%) sepia(70%) saturate(7378%) hue-rotate(191deg) brightness(88%) contrast(89%);}




/* about yl-medical */
.about-bg{background: url(../images/about-bg.jpg) no-repeat center top; background-size: cover; padding-bottom: .5rem;}
.index-title strong{display: block; font-size: 0.64rem; color: #0e6eb8; text-transform: uppercase;  }
.about-bg .index-title b{color: #1e2b58;}
.about-bg .index-title .word3 span{color: #1e2b58;}
.index-title i{display: block; width: 0.38rem; height: 0.02rem; background: #0e6eb8; margin-top: .33rem;}
.about-box{padding: 0.8rem 0;}
.about-box .index-title{margin-bottom: .5rem;}
.about-box .info{width: 53%;}
.about-box .info p{color: #333333; margin-bottom: .28rem;}
.index-more2 a{background: #0e6eb8;}
.index-more2 em{color: #ffffff;}
.index-more2 a:hover {  -webkit-box-shadow: 0 0 0 0.1rem rgba(14, 110, 184, 0.2);  box-shadow: 0 0 0 0.1rem rgba(14, 110, 184, 0.2);}
.about-box .pic{ width: 42.69%; overflow: hidden; border-radius: 0.18rem;}
.about-box .pic img { display: block; transition: .5s;  border-radius: 0.18rem;}
.about-num{background: #fff; padding: 0.32rem 0 .27rem;}
.about-num ul li{width: 25%; text-align: center;}
.about-num ul li>div{flex-direction: column;}
.about-num ul li img{max-width: .52rem;}
.about-num ul li b{font-size: 0.64rem;color: #0e6eb8; line-height: 1; display: block; margin-right: .05rem;}
.about-num ul li .text{    align-items: flex-end; margin-left: 0.22rem;}
.about-num ul li h3{display: block; margin-top: .08rem; min-height: .42rem;}



/* Product Center */
.product-bg{padding: .48rem 0;}
.product-bg .swiper-fade .swiper-slide {pointer-events: auto!important;}
.product-bg .swiperBox2 .swiper-slide-active {z-index: 11;}
.inTwoSwiper3 {position: static!important;}
.product-bg .swiperBox3 {position: relative!important;}
.product-title{margin-bottom: .29rem;}
.product-btn {background: #f0f4f7; margin-bottom: .49rem;}
.product-btn  ul li{ transition: 0.6s; cursor: pointer; width: auto; width: 27%; text-align: center;  -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 99%, 0% 100%); clip-path: polygon(6% 0, 100% 0%, 94% 99%, 0% 100%);}
.product-btn  ul li a{display: block; color: #777777;font-weight: 700; height: 100%; position: relative; padding: .32rem 0;}
.product-btn  ul li a::after{position: absolute; content: ''; background: #e2e2e2; width: 1px; height: 100%; top: 0; right: 0; z-index: 2; transform: rotate(15deg);}
.product-btn  ul li:first-child {-webkit-clip-path: polygon(0 0, 100% 0%, 96% 99%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 96% 99%, 0% 100%);}
.product-btn  ul li.swiper-slide-thumb-active {background: #1e2b58; }
.product-btn  ul li.swiper-slide-thumb-active a{color: #fff;}
.swiperBox3{position: relative;}
.product-list{width: 89%; margin: 0 auto; overflow: hidden;}
.product-list ul li .pic{overflow: hidden; margin-bottom: .22rem;}
.product-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li h3{display: block; color: #777777; text-align: center;}
.product-list ul li:hover h3{color: #0e6eb8;}
#product-prev,#product-next {width: 0.48rem;  height: 0.48rem;  background: #0e6eb8; border-radius: 50%; min-width: 35px; min-height: 35px; transition: 0.6s; margin-top: 0!important; top: 35%;}
#product-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); max-width: 0.11rem;}
#product-prev{left: 0;}
#product-next{right: 0;}
#product-prev:hover,#product-next:hover{background: #1e2b58; }


/* Solutions */
.solutions-bg{background: url(../images/solutions-bg.jpg) no-repeat center; background-attachment: fixed; padding: .42rem 0 0; height: 5.2rem; box-sizing: border-box;}
.solutions-bg .index-title strong{color: #fff;}
.solutions-list{margin-top: .39rem; position: relative; overflow: hidden;}
.solutions-list ul li .pic{overflow: hidden; position: relative;}
.solutions-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.solutions-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.solutions-list ul li .hide{position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/solutions-bg2.png) no-repeat center bottom; bottom: 0; display: flex; align-items: flex-end; text-align: center; justify-content: center;  }
.solutions-list ul li h3{padding-bottom: .26rem; min-height: 1.07rem; display: none;}
#solutions-num{display: none;}


/* News Center */
.news-bg{background: url(../images/news-bg.jpg) no-repeat center top; padding: 1.67rem 0 0.86rem;}
.news-list{position: relative; overflow: hidden; margin-top: .34rem;}
.news-list ul li  a{background: rgba(205,225,241,0.5); padding: .28rem 0.33rem .38rem; box-sizing: border-box; display: block;}
.news-list ul li .pic{overflow: hidden; position: relative;}
.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info{padding: .25rem 0 0;}
.news-list ul li .date{color: #0e6eb8; margin-bottom: .09rem;}
.news-list ul li .date em{margin: 0 0.12rem;}
.news-list ul li .info strong{color: #333333;}
.news-list ul li .info span{color: #0e6eb8; margin-top: .55rem; display: block;}
.news-list ul li .info span>img{margin-left: .2rem; transition: 0.6s;}
.news-list ul li:hover .info span>img{margin-left: .3rem;}
#news-num{display: none;}


/* 公共底部 */
.footer{background: #1e2b58;}
.footer-top{padding: .95rem 0 1.16rem;}
.footer-nav{color: #fff;}
.footer-nav dl:first-child{width: 30%;}
.footer-nav dl:first-child dt{margin-bottom: 0;}
.footer-nav dl dt{text-transform: uppercase; font-weight: 700; margin-bottom: 0.19rem;}
.footer-nav dl b{display: block; margin-top: .1rem;}
.footer-nav dl span{color: #c0c0c0; display: block; margin-bottom: .22rem;}
.footer-nav dl p{color: #c0c0c0;}
.footer-nav dl dd a{color: #ffffff; font-size: var(--font15); line-height: 2; display: block;}
.footer-copy{border-top:1px solid rgba(255,255,255,0.1); padding: .2rem 0;}
.footer-copy p,.footer-copy a{color: #d1d1d1;}
.footer-copy span{margin-left: .29rem;}
.footer-copy a:hover{color: #fff;}


/* 内页banner */
.ny-banner .bjBox{height: 5.5rem;}



.product-main {}
.product-box {display: flex; justify-content: space-between;align-items: flex-start;}
.product-box .ny-left {width: 18%;position: sticky;top: 1rem; }
.product-box .ny-left, .product-box .ny-right {padding: .8rem 0 2rem;overflow: hidden;}
.pro-search {width: 100%;background: #f5f5f5;display: flex;justify-content: space-between;align-items: center;height: 0.6rem;min-height: 50px;padding: 0 6.8%;box-sizing: border-box;margin-bottom: 0.5rem;}
.pro-search input{outline: none; border: none; }
.pro-search .text {display: block;font-size: var(--font15);color: #666;width: calc(100% - .3rem);background: transparent;}
.pro-search .text::placeholder {color: #666;}
.pro-search .submit {width: .18rem;height: 100%;cursor: pointer;border: none;background: transparent;}
.left-title em {display: block;border-top: 1px solid #eee;font-size: var(--font26);color: #0e6eb8;padding-top: 0.3rem;margin-bottom: .2rem;font-weight: bold;}
.left-title {display: flex; align-items: center; justify-content: space-between;    border-top: 1px solid #eee;}
.left-title em {border-top: none;}
.left-title i {display: none;}



/* 左侧产品栏目 */
.product-menu li { border-bottom: 1px solid #eee; }
.product-menu li .menu-li {display: flex; justify-content: space-between;padding:.15rem .2rem; cursor: pointer; font-size: var(--font18); border-radius: 100px; transition: .4s;}
.product-menu li .menu-li i {width: 15px; position: relative;}
.product-menu li .menu-li i svg {max-width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.product-menu li .menu-li i .jia {opacity: 1;}
.product-menu li .menu-li:hover a {color: #0e6eb8;}
.product-menu li .s-menu { width: 100%; padding-bottom: .2rem; padding-left: .2rem; margin-top: .2rem; padding-top: 0; display: none;}
.product-menu li .s-menu a { width: 100%; color: #666;  position: relative;margin-bottom: 0.14rem;transition: all ease-out 0.3s; display: block; padding-left: 10px;}
.product-menu li .s-menu a::before {content: ""; width: 5px; height: 5px; border-radius: 50%; background: #f5f5f5;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);}
.product-menu li .s-menu a:hover{color: #0e6eb8;}
.product-menu li .s-menu a.on {color: #0e6eb8; font-weight: 700;}
.product-menu li .menu-li.on {background: #0e6eb8;}
.product-menu li .menu-li.on a {color: #fff;}
.product-menu li .s-menu a:hover::before,.product-menu li .s-menu a.on::before {background: #0e6eb8;}
.product-menu li .menu-li.on i .jia {opacity: 0;}
.product-menu li .menu-li.on i .jian {opacity: 1;}
.product-menu li .menu-li.on i .jian path {fill: #fff;}
.product-menu li .s-menu.on {display: block;}

/* 右侧产品 */
.product-box .ny-right {width:78%;padding-left:.6rem; border-left: 1px solid #eee;box-sizing: border-box; box-sizing: border-box;}
.right-class .ctitle1 {margin-bottom: .6rem;}
.right-class .ctitle1 li {margin-right: 6.5%;}
.right-class .ctitle1 li:last-child {margin-right: 0;}
.right-class .ctitle1 li a {display: block; color: #666; position: relative; transition: 0.6s; padding-left: 15px;}
.right-class .ctitle1 li a::after {position: absolute; content: ''; width: 5px;height: 5px;background: #f5f5f5; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.right-class .ctitle1 li:hover a,.right-class .ctitle1 li.on a { color: #0e6eb8; font-weight: bold;}
.right-class .ctitle1 li:hover a::after,.right-class .ctitle1 li.on a::after {background: #0e6eb8;}


.nypro4Nav {padding: .5rem 0; position: relative;}
.nypro4Nav::before {content: ""; position: absolute; top: 0; width: 100vw; height: 1px; left: -.6rem; background: #e9e9e9;}
.nypro4Nav ul {/* display: inline-flex; *//* justify-content: space-between; *//* border-radius: 100px; */background: #f2f2f2;}
.nypro4Nav ul li{display: flex; justify-content: space-between; align-items: center}
.nypro4Nav ul li>a {display: block;padding: .2rem 0 .2rem .22rem;color: #333;/* border-radius: 100px; */transition: .5s;border-left: 4px solid #0e6eb8;}
.nypro4Nav ul li:hover>a,.nypro4Nav ul li.on>a {/* background: #0e6eb8; *//* color: #fff; */}


.flexlign {display: flex; align-items: center;}
.product-box .ny-right {width:78%;padding-left: .6rem;border-left: 1px solid #eee;box-sizing: border-box;box-sizing: border-box;}


.nypro-list ul::after{content: ''; width: 31%;}
.nypro-list ul li{width: 31%; margin-bottom: .2rem;}
.nypro-list ul li {text-align: center; transition: .5s;}
.nypro-list ul li .pic {display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; margin-bottom: 0.1rem;}
.nypro-list ul li .pic>img  {max-width: 100%; transition: .5s;}
.nypro-list ul li .hide {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.nypro-list ul li .hide i {width: 0.45rem;height: 0.45rem; background: #fcfcfc; border-radius: 50%; transform: scale(0); transition: .5s;}
.nypro-list ul li .hide i svg {max-width: 40%;}
.nypro-list ul li:hover .hide{background: rgba(0, 0, 0,.7);}
.nypro-list ul li:hover i {transform: scale(1); transition-delay: .1s;}
.nypro-list ul li:hover .pic img {transform: scale(1.05);}
.nypro-list ul li h3 { color: #777777; text-align: center;}
.nypro-list ul li:hover h3{color: #0e6eb8;}



/* 产品详情页 */
.proxq-pic {width: 44%;}
.proxq-info {width: 50%;}

.propic-big {margin-bottom: .25rem;}
.propic-big ul li { box-sizing: border-box;border: 1px solid #eeeeee;}
.propic-big ul li .pic{position: relative; overflow: hidden; height: 3rem; min-height: 200px; display: flex; align-items: center;justify-content: center}
.propic-big ul li .pic>img{display: block; max-width: 100%}
.propic-small ul li {background: #fff;position: relative;}
.propic-small ul li .pic {box-sizing: border-box;border: 1px solid #eeeeee; overflow: hidden; height: .6rem; min-height:50px; display: flex; align-items: center;justify-content: center}
.propic-small ul li .pic img {display: block;max-width: 100% }
.propic-small ul li.swiper-slide-thumb-active .pic {border-color: #0e6eb8;}
.proxq-info strong {display: block;font-size: var(--font24);color: #333;border-bottom: 1px solid #eee;padding-bottom: .18rem;margin-bottom: .3rem;}
.proxq-info span{ display: block; color: #666; font-weight: normal}
.proxq-info .text {margin-bottom: .3rem;font-size: var(--font15); color: #666;}
.proxq-btn a {z-index: 0;position: relative;overflow: hidden;display: inline-block;width: 1.4rem; min-width:110px; line-height: .54rem;  background: #000;border-radius: 100px;text-align: center;color: #fff; text-transform: uppercase;}
.proxq-btn a:before {content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s;}
.proxq-btn a:before {background: #0e6eb8;}
.proxq-btn a:hover:before {width: 100%;left: 0;opacity: 1;}

.dateInfo {margin-top: 0.5rem;}
.dateInfo .tle {padding-bottom: .2rem;border-bottom: 1px solid #DDDDDD;}
.dateInfo .tle h3 {font-size: var(--font24);color: #333333;position: relative;padding-left: .15rem;font-weight: 700; text-transform: uppercase;}
.dateInfo .tle h3::before {content: "";height: 70%;width: 5px;background: #0e6eb8;position: absolute;left: 0;top: 15%;border-radius: 0.05rem;}
.dateInfo .pro-editor{margin: .2rem 0;overflow: hidden;}
.dateInfo .pro-editor img {max-width: 100%; height: auto !important;}



/* 内页新闻列表页 */
.nynews-list {padding: .3rem 0;}
.nynews-list ul li {padding: .5rem 0; border-bottom: 1px solid #F2F2F2;}
.nynews-list .liBox {display: flex; justify-content: space-between;}
.nynews-list .liBox .imgBox {width: 30%; overflow: hidden;}
.nynews-list .liBox .imgBox img {transition: .5s; width: 100%; height: 100%; object-fit: cover;}
.nynews-list .liBox .info {width: 66%;margin-top: .1rem;}
.nynews-list .liBox .time {color: #0e6eb8;}
.nynews-list .liBox .tit {font-size: var(--font20);padding-bottom: .15rem;border-bottom: 1px solid #F2F2F2;margin-top: .1rem;}
.nynews-list .liBox .text {margin-top: .2rem;}
.nynews-list .liBox .text p {color: #666666;margin-bottom: 0.2rem;}
.nynews-list .liBox .more {margin-top: .3rem;}
.nynews-list .liBox:hover .imgBox img {transform: scale(1.1);}
.nynews-list .liBox:hover .tit p {color: #0e6eb8;}
.nynews-list ul li .news-more{border-bottom: 1px solid #333; padding-bottom: .05rem; transition: .5s; display: inline-flex;}
.nynews-list ul li .news-more span {  margin-right: .15rem;}
.nynews-list ul li .news-more img{transition: 0.6s;}
.nynews-list ul li:hover .news-more img{transform: rotate(45deg);}



/* 新闻详情 */
.proDateNav {background: rgba(239, 235, 232,.6); padding: .3rem 0; padding-top: .2rem;}
.proDateNav .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.proDateNav .box .mbx {margin-top: .1rem; margin-right: 1rem;}
.proDateNav .page {display: flex; align-items: center; margin-top: .1rem; }
.proDateNav .page a {display: flex; align-items: center;}
.proDateNav .page a i {margin-top: -.02rem;}
.proDateNav .page a span {margin: 0 .1rem;}
.proDateNav .page .prev {margin-right: 1rem;}
.proDateNav .page .prev i {transform: rotate(180deg);}
.proDateNav .page a:hover {color: #0e6eb8;}
.proDateNav .page a:hover svg path {fill: #0e6eb8;}


.newsDateMain {padding-bottom: 1rem;}
.newsxq-box {padding: 0.6rem 0; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding:.55rem ; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #F2F2F2; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: var(--font26); color: #333; font-weight: normal;}
.newsxq-title .titleDisc {margin-top: .2rem;}
.newsxq-title .titleDisc ul {display: flex; align-items: center; flex-wrap: wrap;}
.newsxq-title .titleDisc ul li {display: flex;align-items: center; color: #666; margin-right: .3rem;}
.newsxq-title .titleDisc li .icBox { margin-right: .15rem;}
/* 编辑框内容 */
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}

.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .1rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.newsxq-box .news-right h2 {font-family: 'MartelBold'; font-size: var(--font26);}
.newsDate .relist li {padding: .3rem 0; border-bottom: 1px solid #F2F2F2;}
.newsDate .relist li .time {font-size: var(--font14); font-weight: 500;color: #999999;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font16) ;transition: .35s;font-weight: 700;margin-top: .1rem;	font-family: 'MartelBold';}
.newsDate .relist li:hover h6 {color: #0e6eb8;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: linear-gradient(99deg,#0e6eb8 0%, #1e2b58 100%); width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem;  transform: translate(-50%, -50%);}
/* 分页*/
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{display: flex; align-items: center;} 
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; margin-top: .02rem;color: #666666;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.backlist a {width: 1.68rem; min-width: 125px; min-height: 42px; height: 0.58rem;background: #000;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:hover {background: #0e6eb8;}

.newsxq-page .pagefy:active em {color: #0e6eb8; }
.newsxq-page .pagefy:active svg path {fill: #0e6eb8;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #0e6eb8; }
.newsxq-page .pagefy:hover svg path {fill: #0e6eb8;}
}



/* 内页图片列表页 */
.nypic-list {padding: 0.8rem 0;}
.nypic-list ul{grid-template-columns: repeat(4, 1fr); display: grid; gap:0.3rem}
.nypic-list ul li{ border: 1px solid #eee; position: relative; transition: 0.6s;}
.nypic-list ul li::after {position: absolute; bottom: 0; content: ""; width: 0; height: 2px; background-color: #0e6eb8; transition: .5s;}
.nypic-list ul li .pic{overflow: hidden;}
.nypic-list ul li .pic img{display: block; width: 100%;}
.nypic-list ul li .info{padding:  0 4%; box-sizing: border-box;}
.nypic-list ul li .info h3{color: #333; line-height: 3;}
.nypic-list ul li  .name{padding: 10px 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #eee;}
.nypic-list ul li  .name i{display: block; width: 10px; height: 2px; background-color: #0e6eb8;}
.nypic-list ul li:hover{transform: translateY(-20px);}
.nypic-list ul li:hover::after {width: 100%;}



/* 内页图片系统详情页 */
.picxq-main{background: #f5f5f5; padding: 0.88rem 0;}
.xq-box{background: #fff; padding: 0.5rem; box-sizing: border-box;}
.picxq-title{border-bottom: 1px solid rgba(245, 245, 245, .7); padding-bottom: .38rem;}
.picxq-title h3{}
.fra a{background: #000; padding: 0.12rem 0.3rem; border-radius: 100px; color: #fff; text-transform: uppercase; transition: 0.6s;}
.fra img{margin-right: 0.15rem;}
.fra a:hover{background: #0E6EB8;}
.pic-editor{padding: 0.3rem 0;border-bottom: 1px solid rgba(245, 245, 245, .7); margin-bottom: .18rem; }
.pic-editor img{max-width: 100%; height: auto !important;}
.page-fy a:hover{color: #0E6EB8;}

.nyabout-title{margin: 0.7rem 0 .5rem}
.nyabout-title strong{display: block; text-align: center; font-size: var(--font28)}



.pro-back{margin-right: 2%}
.pro-back svg{margin-right: 0.1rem}


/*2025.6.24*/
#item1,#item2,#item3,#item4,#item5,#item6,#item7,#item8,#item9,#item10,#item11,#item12{position: relative; top: -1rem}


nav {
  width: 35%;
  height: 100%;
  margin-right: 22%;
}