*{ margin:0; padding:0;}
body{overflow-x:hidden; max-width: 1920px; margin: auto;}
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
	
@media screen and (max-width: 1680px){
	html{
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:78px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:60px;
	}
	
}


/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";

  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
}


@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

@font-face {font-family:'din';src: local('din'), url(../img/din.woff) format('woff');}


a{text-decoration:none;color:inherit;}
        ul{list-style:none;}
        .indexnewcontainer{width:1250px;margin:0 auto;padding:0 15px;}

        /* 顶部通栏 */
        .indexnewtop-bar{background:#0f4c81;color:#fff;font-size:14px;padding:8px 0;}
        .indexnewtop-bar-inner{display:flex;justify-content:space-between;align-items:center;}
        .indexnewtop-bar-left span{margin-right:20px;}
        .indexnewtop-bar-right a{margin-left:15px;}

        /* 头部LOGO+导航 独特双层设计 */
        .indexnewheader{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.08);position:relative;z-index:99;}
        .indexnewheader-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 0;}
        .indexnewlogo{display:flex;align-items:center;gap:15px;}
        .indexnewlogo-icon{width:60px;height:60px;background:linear-gradient(135deg,#1677ff,#0f4c81);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;}
        .indexnewlogo-text h2{font-size:26px;color:#0f4c81;font-weight:bold;}
        .indexnewlogo-text p{font-size:13px;color:#888;letter-spacing:2px;}

        /* 导航菜单 悬浮圆角渐变 */
        .indexnewnav-menu{display:flex;gap:8px;background:#f5f8fc;padding:10px 15px;border-radius:50px;}
        .indexnewnav-menu li a{padding:10px 25px;border-radius:30px;font-size:15px;font-weight:500;transition:all 0.3s;}
        .indexnewnav-menu li a:hover,.indexnewnav-menu li a.active{background:linear-gradient(135deg,#1677ff,#0f4c81);color:#fff;}

        /* 全屏Banner 大气分层 */
        .indexnewbanner{width:100%;height:520px;background:linear-gradient(rgba(15,76,129,0.75),rgba(22,119,255,0.65)),url(https://picsum.photos/id/240/1920/1080) center/cover no-repeat;display:flex;align-items:center;position:relative;overflow:hidden;}
        .indexnewbanner-content{color:#fff;max-width:700px;}
        .indexnewbanner-content h1{font-size:52px;line-height:1.3;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,0.2);}
        .indexnewbanner-content p{font-size:18px;margin-bottom:35px;opacity:0.95;line-height:1.8;}
        .indexnewbanner-btn{display:inline-block;padding:14px 38px;background:#fff;color:#0f4c81;border-radius:50px;font-weight:bold;box-shadow:0 8px 25px rgba(0,0,0,0.15);transition:all 0.3s;}
        .indexnewbanner-btn:hover{transform:translateY(-5px);}

        /* 通用板块标题 独特装饰 */
        .indexnewsection-title{text-align:center;margin:70px 0 50px;}
        .indexnewsection-title h2{font-size:36px;color:#0f4c81;margin-bottom:15px;position:relative;display:inline-block;}
        .indexnewsection-title h2::before,.indexnewsection-title h2::after{content:"";width:50px;height:3px;background:linear-gradient(90deg,#1677ff,#0f4c81);position:absolute;top:50%;}
        .indexnewsection-title h2::before{left:-60px;}
        .indexnewsection-title h2::after{right:-60px;}
        .indexnewsection-title p{color:#777;font-size:15px;}

        /* 常用药品 错落卡片 立体设计 */
        .indexnewmedicine-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
        .indexnewmedicine-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.07);transition:all 0.4s;border:1px solid #f0f4f9;}
        .indexnewmedicine-card:hover{transform:translateY(-12px);box-shadow:0 15px 40px rgba(15,76,129,0.15);}
        .indexnewmedicine-img{width:100%;height:220px;object-fit:cover;}
        .indexnewmedicine-info{padding:25px;}
        .indexnewmedicine-info h3{font-size:18px;color:#0f4c81;margin-bottom:12px;}
        .indexnewmedicine-info .desc{color:#666;font-size:14px;margin-bottom:15px;}
        .indexnewmedicine-info .tag{display:inline-block;padding:4px 12px;background:#e8f2ff;color:#1677ff;border-radius:20px;font-size:12px;}

        /* 行业资讯 左右不对称独特布局 */
        .indexnewnews-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:flex-start;}
        .indexnewnews-left{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.07);}
        .indexnewnews-big-img{width:100%;height:280px;object-fit:cover;}
        .indexnewnews-big-info{padding:30px;}
        .indexnewnews-date{color:#1677ff;font-size:14px;margin-bottom:12px;}
        .indexnewnews-big-info h3{font-size:22px;margin-bottom:15px;color:#0f4c81;}
        .indexnewnews-big-info p{color:#666;line-height:1.8;}

        .indexnewnews-right{display:flex;flex-direction:column;gap:25px; width: 1280px;}
        .indexnewnews-item{background:#fff;padding:25px;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,0.06);border-left:5px solid #1677ff;transition:all 0.3s;}
        .indexnewnews-item:hover{border-left-color:#0f4c81;transform:translateX(5px);}
        .indexnewnews-item h4{font-size:17px;margin:10px 0;color:#333;}
        .indexnewnews-item .intro{font-size:14px;color:#777;}

        /* 底部 深色分层大底部 */
        .indexnewfooter{background:#0a2c4e;color:#fff;margin-top:80px;}
        .indexnewfooter-top{padding:60px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;}
        .indexnewfooter-col h3{font-size:20px;margin-bottom:25px;padding-bottom:12px;border-bottom:2px solid #1677ff;display:inline-block;}
        .indexnewfooter-col ul li{margin-bottom:15px;}
        .indexnewfooter-col ul li a{color:#ccc;transition:all 0.3s;}
        .indexnewfooter-col ul li a:hover{color:#1677ff;padding-left:8px;}
        .indexnewfooter-col .contact li{display:flex;align-items:center;gap:12px;color:#ccc;margin-bottom:18px;}

        .indexnewfooter-bottom{padding:25px 0;border-top:1px solid #1f456b;text-align:center;color:#aaa;font-size:14px;}

        /* 响应式简单适配 */
        @media (max-width:1250px){.indexnewcontainer{width:95%;}}
        @media (max-width:992px){
            .indexnewmedicine-list{grid-template-columns:repeat(2,1fr);}
            .indexnewnews-wrap{grid-template-columns:1fr;}
            .indexnewfooter-top{grid-template-columns:repeat(2,1fr);}
        }
        @media (max-width:768px){
            .indexnewheader-inner{flex-direction:column;gap:20px;}
            .indexnewbanner-content h1{font-size:36px;}
            .indexnewfooter-top{grid-template-columns:1fr;}
        }



   /* 面包屑 */
        .listnewcrumb{padding:20px 0;background:#fff;margin-bottom:30px;border-bottom:1px solid #eee;}
        .listnewcrumb .listnewcontainer{display:flex;gap:8px;color:#666;font-size:14px;}
        .listnewcrumb a{color:#666;}
        .listnewcrumb a:hover{color:#1677ff;}
        .listnewcrumb span{color:#999;}

        /* 标题 */
        .listnewpage-title{text-align:center;margin:40px 0 30px;}
        .listnewpage-title h1{font-size:32px;color:#0f4c81;position:relative;padding-bottom:15px;display:inline-block;}
        .listnewpage-title h1::after{content:"";width:70px;height:3px;background:linear-gradient(90deg,#1677ff,#0f4c81);position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

        /* 药品列表 */
        .listnewmedicine-page{padding:20px 0 60px;}
        .listnewmedicine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
        .listnewmedicine-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.07);transition:all 0.4s;border:1px solid #f0f4f9;}
        .listnewmedicine-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(15,76,129,0.12);}
        .listnewmedicine-img{width:100%;height:220px;object-fit:cover;}
        .listnewmedicine-info{padding:25px;}
        .listnewmedicine-info h3{font-size:18px;color:#0f4c81;margin-bottom:10px;}
        .listnewmedicine-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px;}
        .listnewmedicine-tag{display:inline-block;padding:4px 10px;background:#e8f2ff;color:#1677ff;border-radius:20px;font-size:12px;margin-right:5px;}
        .listnewmedicine-price{font-size:16px;color:#e63946;font-weight:bold;margin-top:10px;}

        /* 分页 */
        .listnewpagination{display:flex;justify-content:center;gap:10px;margin-top:60px;}
        .listnewpagination a{min-width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eee;color:#666;transition:0.3s;}
        .listnewpagination a:hover,.listnewpagination a.active{background:linear-gradient(135deg,#1677ff,#0f4c81);color:#fff;border-color:transparent;}
.newlistmainbk{ width: 1280px; height: auto; margin: auto;}


.paginatoin-area{ display: flex; gap:10px;}




   /* 面包屑 */
        .detailnewcrumb{padding:20px 0;background:#fff;margin-bottom:30px;border-bottom:1px solid #eee;}
        .detailnewcrumb .detailnewcontainer{display:flex;gap:8px;color:#666;font-size:14px;}
        .detailnewcrumb a{color:#666;}
        .detailnewcrumb a:hover{color:#1677ff;}
        .detailnewcrumb span{color:#999;}

        /* 详情主体 */
        .detailnewmain{padding:40px 0 60px;}
        .detailnewdetail-wrap{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.07);overflow:hidden;padding:40px; width: 1280px; margin: auto;}

        /* 大图缩略图 */
        .detailnewimg-box{width:100%;max-width:500px;margin:0 auto 30px;border-radius:12px;overflow:hidden;}
        .detailnewimg-box img{width:100%;height:auto;display:block;}

        /* 标题 */
        .detailnewtitle{font-size:30px;color:#0f4c81;text-align:center;margin-bottom:20px;font-weight:bold;}

        /* 简介 */
        .detailnewintro{background:#f5f8fc;padding:20px;border-radius:12px;margin-bottom:30px;line-height:1.8;color:#555;font-size:15px;}

        /* 详细内容 */
        .detailnewcontent{line-height:2;font-size:16px;color:#444;}
        .detailnewcontent h3{font-size:20px;color:#0f4c81;margin:30px 0 15px;padding-left:10px;border-left:4px solid #1677ff;}
        .detailnewcontent p{margin-bottom:15px;}

  .detailnewcrumb{padding:20px 0;background:#fff;margin-bottom:30px;border-bottom:1px solid #eee;}
        .detailnewcrumb .detailnewcontainer{display:flex;gap:8px;color:#666;font-size:14px;}
        .detailnewcrumb a{color:#666;}
        .detailnewcrumb a:hover{color:#1677ff;}
        .detailnewcrumb span{color:#999;}