﻿@charset "utf-8";
@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/ark.eot.txt');
	src: url('fonts/ark.ttf.txt') format('truetype'),url('fonts/ark.woff.txt') format('woff2');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'specn';
	src: url('fonts/specn.eot.txt');
	src: url('fonts/specn.ttf.txt') format('truetype'),url('fonts/specn.woff.txt') format('woff2');
	font-weight: normal;
	font-style: normal
}
/* 物种科学画网站样式 */
/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* 基础字体设置 */
body {
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #f5f5f5;
    min-width: 300px;
}
/* 链接样式 */
a {
    text-decoration: none;
    color: inherit;
}
/* 图片样式 */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; 
}
.clear{clear:both;}
.clrl{clear:left;}
.onlyMb,
.mbOnly {display: none;}
.idt p{text-indent:2em;}
.idt p.pidt-3{text-indent: -3em;padding-left: 3em;}
.idt p.ppdd3{padding-left: 3em;text-indent: 0;}
.cntr{text-align: center;}
.rght{text-align: right;}
.nem{ font-family:楷体; font-weight:800;}
.s1{float: left;}
.s3{float: right;}
.darkblue,a.darkblue{color: #03c;}

.bIn {
    width: 1200px;
    margin: 0 auto
}
/* 顶部导航栏 */
.header {
    background: #4a6b6d;
    position: relative;
}
.top-bar {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top-bar .bIn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 40px;
}
.top-bar a {
    color: #fff;
    margin: 0 10px;
}
.top-bar a:hover {
    color: #ffd700;
}
/* 主导航 */
.main-nav .bIn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 40px;
}
.logo-section {
    display: flex;
    align-items: center;
    gap: 15px;
}
.logo-section .logo-link {
    display: contents;
}
.logo {
    width: 218px;
    height: 52px;
    overflow: hidden;
    text-indent: -9999px;
    background: url('logo.png') no-repeat center center;
    background-size: cover;
}
.logo-sub {
    width: 159px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    background: url('logo-sub.png') no-repeat center center;
    background-size: cover;
    color: #ffd700;
}
.nav-menu {
    display: flex;
    list-style: none;
    gap: 10px;
}
.nav-menu li a {
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    transition: color 0.3s;
}
.nav-menu li a:hover,
.nav-menu li a.active {
    color: #ffd700;
}
/* Banner区域 */
.banner {
    width: 100%;
    height: 300px;
    background: linear-gradient(to right, #e8f5e9, #c8e6c9);
    position: relative;
    overflow: hidden;
}
.mbar1 {
    background: url(topbar.jpg) no-repeat center center;
    background-size: cover;
    height: 432px;
}
.chbar {
    background: url(topbar-ch.jpg) no-repeat center center;
    background-size: cover;
    height: 182px;
}
.banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}
.banner-left-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 35%;
    background: url('banner-left.jpg') no-repeat left center;
    background-size: cover;
}
.banner-right-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 35%;
    background: url('banner-right.jpg') no-repeat right center;
    background-size: cover;
}
.banner-text {
    text-align: center;
    z-index: 10;
    width: 338px;
    height: 147px;
    background: url('logo-bar.png') no-repeat center center;
    background-size: cover;
    margin: 55px 38px 0 0;
}
.banner-title {
    visibility: hidden;
    font-size: 48px;
    color: #2e5c4a;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 8px;
}
.banner-subtitle {
    visibility: hidden;
    font-size: 18px;
    color: #4a7c5a;
}
/* 主内容区域 */
.main-content {
    margin: 0 auto;
    background: #fff;
    padding: 1px 0;
}
/* 首页内容布局 */
.home-content {
    display: flex;
    gap: 40px;
    padding: 20px 0;
}
.content-section {
    flex: 1;
}
.section-header {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.section-tab {
    background: #ffd700;
    color: #4a6b6d;
    padding: 8px 30px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 4px;
}
/* 图片网格 */
.image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 40px;
    background: #e0eaeb;
}
.main-channel .image-grid {
    grid-template-columns: repeat(5, 1fr);
}

.image-grid.cImgLis.pIcon {
    grid-template-columns: repeat(6, 1fr);
    padding: 0;
    background: none;
}
.image-grid ul {
    display: contents;
    list-style: none;
    margin: 0;
    padding: 0;
}
.image-grid li {
    /* background: #fff; */
    /* border-radius: 12px; */
    overflow: hidden;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
    /* transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);*/
    cursor: pointer;
    /* border: 1px solid rgba(90, 122, 106, 0.1); */
}
.image-grid li:hover {
    /*   transform: translateY(-8px) scale(1.02);
    box-shadow: 0 12px 32px rgba(90, 122, 106, 0.2);
    border-color: rgba(90, 122, 106, 0.3);*/
}
.image-grid li:active {
    transform: translateY(-4px) scale(1.01);
}
.image-grid .imgwrap {
    position: relative;
    width: 100%;
    display: block;
}
.image-grid .aiconbox {
    position: relative;
    overflow: hidden;
    display: block;
}
.image-grid .aicon {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.image-grid li:hover .aicon {
    transform: scale(1.1);
}
.image-grid .titlebox {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 8px 10px 8px;
    background: rgba(74, 107, 109, 0.9);
}
.image-grid .titlebox a {
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s;
}
.image-grid li:hover .titlebox a {
    color: #ff0;
}
.image-grid .tip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3PX;
    font-size: 12px;
    color: #999;
}
.image-grid .author {
    flex-shrink: 0;
}
.image-grid .author a {
    color: #5a7a6a;
    transition: color 0.3s;
}
.image-grid .author a:hover {
    color: #2c4a3c;
    text-decoration: underline;
}
.image-grid .time {
    flex-shrink: 0;
}
.image-more {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    padding-right: 10px;
}
.image-more a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5a7a6a;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.image-more a::after {
    content: '→';
    font-size: 16px;
    transition: transform 0.3s ease;
}
.image-more a:hover {
    color: #ffd700;
}
.image-more a:hover::after {
    transform: translateX(5px);
}
.image-info {
    padding: 12px;
    text-align: center;
}
.image-title {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
}
.image-meta {
    color: #999;
}
/* 分页 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    font-size: 16px;
    grid-column: 1 / -1;
}
.pagination a {
    padding: 5px 10px;
    color: #666;
    border-radius: 4px;
}
.pagination a:hover,
.pagination a.active {
    /* background: #5a7a6a; */
    color: #fff;
}
/* 页面标题 */
.page-title {
    text-align: center;
    font-size: 40px;
    color: #4a6b6d;
    border-bottom: 2px solid #4a6b6d;
    display: inline-block;
    font-style: italic;
    font-family: "黑体";
    line-height: 1.4em;
    transform: scaleX(1.2);
}
.page-title b {
    font-weight: 400;
}
.page-title span {
    border-bottom: 3px solid #ffd700;
    padding-bottom: 10px;
}
/* 行业频道标签 */
.industry-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0 10px 0;
    border-bottom: 2px solid #4a6b6d;
}
.industry-tab {
    padding: 5px 25px;
    /* background: #fff; */
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    cursor: pointer;
    transition: all 0.3s;
    font-size: 24px;
    color: #4a6b6d;
}
.industry-tab:hover,
.industry-tab.active {
    background: #ffd700;
    border-color: #ffd700;
}
/* 行业频道网格 */
.industry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.industry-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.industry-item img {
    width: 100%;
    height: 140px;
    object-fit: cover;
}
.industry-item.large {
    grid-column: span 2;
    grid-row: span 2;
}
.industry-item.large img {
    height: 300px;
}
.industry-info {
    padding: 10px;
    background: rgba(90, 122, 106, 0.9);
    color: #fff;
}
.industry-info h4 {
    margin-bottom: 5px;
}
.industry-meta {
    font-size: 12px;
    color: #ccc;
}
/* 名人馆 */
.celebrity-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.celebrity-grid .loading {
    grid-column: 1/-1;
}
.celebrity-card {
    margin: 20px auto;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.celebrity-avatar {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 15px;
}
.celebrity-name {
    font-size: 20px;
    color: #5a7a6a;
    margin-bottom: 10px;
}
.celebrity-desc {
    color: #666;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: left;
    display: inline-block;
    height: 58px;
    white-space: normal;
    max-width: 293px;
}
.celebrity-qr {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.qr-item {
    text-align: center;
}
.qr-item img {
    width: 100px;
    height: 100px;
    /* margin-bottom: 5px; */
}
.qr-item span {
    font-size: 12px;
    color: #999;
}
.qr-item .no-qr {
    width: 100px;
    height: 100px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;
}
/* 简介页面 */
.about-content {
    background: #fff;
    padding: 1px 0;
}
.about-section {
    margin-bottom: 40px;
}
.about-section:nth-of-type(odd) .about-section-content {
    background: #e0eaeb;
}
.about-section:nth-of-type(even) .bIn {
    border: 2px solid #4a6b6d;
    position: relative;
}

.about-section:nth-of-type(even) .bIn:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 88px;
    height: 38px;
    border-left: 1px solid #4a6b6d;
    border-top: 1px solid #4a6b6d;
}
.about-section:nth-of-type(even) .bIn:after {
    content: '';
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
    width: 88px;
    height: 38px;
    border-right: 1px solid #4a6b6d;
    border-bottom: 1px solid #4a6b6d;
}

.about-section-content .bIn {
    padding: 30px 25px;
}
.about-section-title {
    /* display: flex; */
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    width: 825px;
    margin:40px auto;
    text-align: center;
    border: 3px solid #4a6b6d;
    border-radius: 50px;
    font-style: italic;
    line-height: 66px;
    padding: 10px 0;
    background: url(tip-t-1.jpg) no-repeat;
    padding-left: 200px;
}
.about-section:nth-of-type(even) .about-section-title {
    background-color: #4a6b6d;
    padding-left: 0;
    padding-right: 200px;
    background-position: right center;
}
.about-section:nth-of-type(even) .about-section-title h3 {
    color: #fff;
}
.about-section-title h3 {
    font-size: 34px;
    font-weight: 400;
    display: inline-block;
    margin: 0 auto;
    color: #2e5c4a;
}
.about-title-2 {
    background-image: url(tip-t-2.jpg);
}
.about-title-3 {
    background-image: url(tip-t-3.jpg);
}
.about-title-4 {
    background-image: url(tip-t-4.jpg);
}
.about-title-5 {
    background-image: url(tip-t-5.jpg);
}
.about-section-title img {
    width: 40px;
    height: 40px;
}
.about-section-content {
    color: #464545;
}
.about-section-content p {
    margin-bottom: 15px;
    text-indent: 2em;
}
/* 底部 */
.footer {
    color: #fff;
    padding: 0 0 10px;
    margin-top: 10px;
}
.footer-content {
    text-align: center;
}
.footer-unit {
    background: #4a6b6d;
    margin-bottom: 15px;
    padding: 30px 0;
}
.footer-unit .footer-link-item {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
}
.footer-unit a {
    color: #fff;
    /* margin: 0 15px; */
}
.footer-unit a:hover {
    color: #ffd700;
}
.vhiden {
    visibility: hidden;
}
.footer-info {
    line-height: 1.8;
    color: #ccc;
}
.footer-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #030303;
}
a.efile {
    color: #f00;
}




.pagination{text-align: center;margin: 10px auto;}
.pagination li{display:inline-block;margin-left:-1px;}
.pagination a,.pagination span{display: inline-block;*display:inline;*zoom:1;vertical-align: middle;border: 1px solid #303c40;color:#303c40;padding: 0 5px;border-radius: 5px;}
.pagination li.cur span,.pagination .current{background-color: #303c40;color: #fff;}
.pagination a:hover{
	border-color: #c00;
    color: #c00;
    text-decoration: none;
}
.pagination .more{margin: 0;position:relative;}
.pagination .more i{font-style: normal;font-size: 0;display: none;}
.pagination .more:before{content:"＋";display: inline-block;transition: transform 0.3s;font-size: 16px;line-height: 1em;}
.pagination .more:hover:before{transform: rotate(90deg);}
.pagination .more:hover i{display:block;position:absolute;right:-1px;top:-1px;bottom:-1px;left:auto;font-size:12px;white-space:nowrap;background:#fff;border:1px solid #c00;padding:3px 9px;border-radius:5px;}
.next+.more{}

.pagination .next,.pagination .prev{display:none;}







.cImgLis{font-family: FontAwesome}
.cImgLis ul{/* text-align: left; *//* margin: 0 0 0 -1%; *//* font-size:0; *//* line-height:0; */}
.cImgLis li{/* display: inline-block; */*display:inline;*zoom:1;/* width: 15.66%; */*width: 16%;/* min-height: 100px; *//* box-sizing: border-box; *//* margin: 0 0 1% 1%; */padding: 0;/* font-size: 12px; */line-height: 1.8em;color: #888;vertical-align: bottom;/* text-align: right; */position: relative;white-space: nowrap;/* overflow: hidden; */text-overflow: ellipsis;}
.cImgLis li:before{position:absolute;height: 88%;min-height: 189px;width: 100%;margin: 0;bottom: 21px;left:0;content:" ";background: #f9f9f9;opacity: 0.6;}
.cImgLis li img{display: block;width: 100%;margin: 0 auto;}
.aiconbox{position: relative;}
.cImgLis li .titlebox a{/* position: absolute; *//* display: block; *//* width: 100%; *//* bottom: 21px; *//* margin-top: -28px; */text-align: center;/* white-space: nowrap; *//* overflow: hidden; *//* font-size: 14px; *//* line-height:28px; *//* text-overflow: ellipsis; *//* background: rgba(0,0,0,0.6); *//* box-sizing: border-box; *//* padding: 0 5px; *//* color: #fff; */}
.cImgLis li .author a{float: left;color: #aaa;margin-left:5px;width: 42%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 0;bottom: 0;}

.cImgLis li:first-child, .cImgLis li:nth-child(14), .cImgLis li:nth-child(15){/* float:left; *//* width: 49%; *//* margin:0; *//* height: 434px; */vertical-align: text-bottom;grid-column: 1 / 4;grid-row: 1 / 3;}
.cImgLis li:first-child .aiconbox,.cImgLis li:nth-child(14) .aiconbox,.cImgLis li:first-child .aiconbox,.cImgLis li:nth-child(15) .aiconbox{height: 419px;overflow:hidden;}
.cImgLis li:first-child .aiconbox img{width: 100%;height: 413px;object-fit: cover;object-position: top;}
.cImgLis li:first-child .aiconbox video{width: 588px;height: 354px;background:#333;object-fit: cover;}
.cImgLis li:first-child:before,.cImgLis li:nth-child(14):before,.cImgLis li:nth-child(15):before{height: 413px;}

.cImgLis li:nth-child(14){/* clear:both; *//* float:right; *//* width: 49%; *//* height: 394px; */margin:0;grid-column: 4 / 7;grid-row: 3 / 5;}
.cImgLis li:nth-child(14) .aiconbox img{/* width: 588px; */height: 413px;}

.cImgLis li:nth-child(15){/* clear:both; *//* float:right; *//* width: 49%; *//* height: 394px; */margin:0;grid-column: 1 / 4;grid-row: 5 / 7;}
.cImgLis li:nth-child(15) .aiconbox img{/* width: 588px; */height: 413px;}

.cImgLis li:nth-child(8) .aiconbox video{width: 588px;height: 354px;background:#333;object-fit: cover;}
.cImgLis li:nth-child(8):before{width: 588px;/* height: 384px; */}
.cImgLis li:nth-child(11),.infoBox .iL10 li:nth-child(14),.infoBox .iL10 li:nth-child(20){margin-right:0;}






.arkBar{margin-bottom:10px;}
.arkBar img{width: 100%;display: block;}
.ss1 .arkBar img{width: 98%;display: block;margin: 0 auto;}


.main-show{padding: 10px 0;}
.main-content .s1{float:left;width:960px;}
.main-content .s3{float:right;width:220px;}

.currentPos{border:1px solid #eee;border-bottom: 0;background: #fff;text-align: left;text-indent: 10px;font-size:16px;font-family: "微软雅黑", "黑体";height:38px;line-height: 38px;}
.currentPos a{}
/* 正文 */
#endMain{clear:both;border:1px solid #eee;margin-bottom:15px;overflow:auto;overflow-y:hidden;background: #fff;}
#endMain .arcTitle{background:#fdfdfd;padding:8px;border-bottom:1px solid #eee;}
#endMain .arcTitle h2{padding:0 0 6px 0;font-size:24px;line-height:1.6em;font-weight: 400;}
#endMain .arcTitle strong{font-weight: 400;}
.kxkjbarxxx{position:absolute;top:auto;bottom:5px;right:5px;border:3px double #f00;padding:3px 12px;}

.qrc-tab{
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.qrc-tab li{display: inline-block;*display:inline;*zoom:1;vertical-align: bottom;padding: 0 5px;line-height:26px;font-size:14px;cursor: pointer;}
.qrc-tab li.hover{color:#c00;}

/* line 18, ../sass/tmp.scss */
.kxkjbar {
  display: inline;
  position: absolute;
}
.kxkjbar a{display: block;color: rgba(255,255,255,0);position: relative;left: 0;bottom: 5px;}

.kxkjbar a:hover{text-decoration: none;}
/* line 21, ../sass/tmp.scss */
.kxkjbar a:after {
  border: solid 3px #d00;
  border-radius: .2em;
  color: #d00;
  content: '国家可信数据空间';
  white-space: nowrap;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  opacity: 0;
  position: absolute;
  padding: .3em .5em;
  margin: 0 auto;
  top: -10px;
  left: 10px;
  text-transform: uppercase;
  opacity: 0;
  transform-origin: 50% 50%;
  transform: rotate(-2deg) scale(5);
  transition: all 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

/* line 44, ../sass/tmp.scss */
.loaded .kxkjbar a:after {
  opacity: .75;
  transform: rotate(-17deg) scale(1);
}
.loaded .kxkjbar a:hover:after{scale: 1.1;background: rgba(255,255,255,0.75);}


#endText{margin:12px 20px;text-align: justify;font-size:18px;line-height: 2em; color: #222;clear:both;word-wrap:break-word; word-break:break-all;}
#endText .endSummary{margin:12px auto 8px; clear:both;border:1px solid #ccc; background:#fff;}
#endText .endSummary li{text-align:left; line-height:160%; padding:9px 12px 6px; color:#1f3a87; list-style-type:none;}
#endText h2{font-size:21px; }
#endText ul,#endText ol{margin: auto;}
#endText ul li{margin:auto; list-style-type:disc; list-style-position:inside;}
#endText ol li{margin:auto;list-style-type: auto; list-style-position:inside;}
#origNotice{color:#F00}

.arcTime {
    white-space: nowrap;
    font-size: 75%;
    color: #666;
    float: right;
}

#endText .icon{margin:3px 0 0; border:0;}
#endText img{margin: 3px auto !important;max-width:100%;height:auto;display: block;}
#endText img[src*='arkoo']{height:auto !important;}
#endText table td img{ margin:0}
#endMain code{width:95%; background-color:#fff; border:1px solid #ccc; padding:5px; display:block; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#endText p{margin:15px 0;}
#endText h1,#endText h2,#endText h3{line-height: 2em;}
#endMain .shareTopic{text-align:right;font-size:12px;}
.arcCommend{padding: 12px;background: #fff;border:1px solid #eee;}
.arcCommend a{color:#00a;}
.arcCommend .Mtext table td{ font-size:12px; line-height:1.5em;}

.tabbian3{width:auto;margin:0;}

#endText #map_canvas{line-height: normal;}
#endText #map_canvas img{margin:auto;max-width:100%;display:inline;}

.seeRec{margin:12px;}
.seeRec .ss1{float: left;color: #555;font:400 18px/30px "微软雅黑"}
.seeRec .ss3{float: right;text-align:right;}
.seeRec .btnRec{float: right;text-align:center;display:block;width:100px;height:30px;line-height:30px;font-size:14px;background:#190;border-radius: 10px;font-weight:600;color:#fff;font-family:"微软雅黑", "黑体";cursor: pointer;}
.seeRec a.btnRec:hover{text-decoration:none;color:#Ff0;}

.btmTip{margin: 10px auto 0 auto;}
.btmTip img{display: block;width:100%;}

.asbBox{ position:relative;}
.asbBox .arkBar{display:none; padding:0;}
.abTip{ position:absolute; overflow:hidden;top:2px;right:1px; height:6px;}
.abTip li{ display:inline; padding:3px;opacity: 0.3}
.abTip li a{ padding:0 3px; background:#fff; color:#fff;}
.abTip li .cur{ padding:0 3px; background:#190; color:#190;}

.abbox{margin-top: 10px;}
.ifrbox iframe{display: block;}
.bg7 .abTop{background:#303c40; border:0;}
.bg7 .abTop .aC{ height:30px;margin:0 0 0 6px;}
.bg7 .abTop .aC h2{color:#fff;text-align: center;font-size:16px;line-height:30px; font-family:"宋体";}
.bg7 .abTop .aC h2 a{color:#fff;}
.bg7 .abMid{}
.bg7 .abMid .aC{ padding:8px;border-top:1px solid #fff;}
#authorInfo{line-height:1.8;font-size: 16px;}
#authorInfo .abMid .aC{position: relative;margin:18px 0;overflow: hidden;padding: 0;}
#authorInfo .abMid .aC div{width:280px;}
#authorInfo .abMid .aC div img{display: block;}
#authorInfo .abMid .aC div a{*display:inline;display: inline-block;*zoom:1;max-width: 210px;vertical-align: top;text-align: left;}
#authorInfo ul{position: absolute;width:500px;top:0;right: 0;}
#authorInfo ul li{padding:0 6px 0 18px; font-size:16px;line-height: 30px;height: 30px;overflow: hidden;text-align:left;background:url(i4.png) 3px center no-repeat;box-sizing: border-box}

.s3 .pic{}
.s3 .pic #linkList_sfTags .gdslst{margin:0 0 10px 0;border:0;width:auto;padding:0;font-size: 0;}
.s3 .pic .gdslst img{display: block;border:0;width:100%;}
.s3 .pic .gdslst .lgimg{margin: 0 !important;}
.s3 .pic .tagsbox{width:100% !important;}

#linkList_sfTags .cLst{ padding:0; text-align:center;}
#linkList_sfTags .gdslst{ width:200px; margin:0 auto 6px auto;border:0;}
#linkList_sfTags .lgimg img{max-width: 100%}


#attachment:empty{display:none;}
#attachment:has(div){ margin:20px 0; background:#039433; padding-bottom:1px; padding-top:2px;}
#attachment:has(div):before{content: "附件："; color:#ffe;font-weight:800;  padding-left:12px;}
#attachment>div{ background:#fff; margin:1px 1px 0 1px; padding:6px 12px; line-height:2em; text-indent:0;}
#attachment>div a{text-decoration:none;}
#attachment>div a:before{content: "<"; font-size:22px; line-height:24px; vertical-align:middle;font-family:'Wingdings'; padding-right:4px;color:#3AC10B}
#attachment>div a:after{content: " (点击下载)"}

#endMain .arcTitle{position:relative;}

.arcTime {float: none;}
#endMain .arcTitle h2{font-size:21px;font-weight:800;}
#endText{margin:5px;line-height: 1.8;}
.kxkjbar{position: static;}
.kxkjbar a{position:absolute;left: auto;right: 10px;bottom: 10px;}
.kxkjbar a:after{top:0;left: auto;right: 0;}
.loaded .kxkjbar a:after{transform: rotate(7deg) scale(1);}
.arcCommend{padding-bottom: 1px;}
.arcCommend .Mtext {clear:both;text-align:left;color:#000000;font-size: 12px;line-height:150%}
.arcCommend .Mtext textarea{ height:72px;width:80%; overflow:auto;}
.arcCommend .Mtext table.tabbian3,.arcCommend .Mtext table.tabbian3 table{ display:block;}
.arcCommend .Mtext .re1 {border-top:1px dashed #EEEDED}
.arcCommend .Mtext .re1 img{ vertical-align:text-bottom}
.arcCommend .Mtext .re1 .ret {float:left;width:400px;padding:10px 0 0 8px;}
.arcCommend .Mtext .re1 .ret a{color:#1F3A87;}
.arcCommend .Mtext .re1 .ret a:hover{color:#bc2931;}
.arcCommend .Mtext .re1 .mre {float:right;width:100px;text-align:right;padding:10px 8px 0 0;}
.arcCommend .Mtext .re2 {clear:both;padding:3px 8px 3px 8px;}
.arcCommend .Mtext .re2 .text{}
.arcCommend .Mtext .rrw {margin:3px 8px 3px 8px;padding:9px 6px 6px 6px;border:1px solid #ccc;color:#666666;}
.arcCommend .Mtext .more {text-align:right;}
.arcCommend .Mtext #username{width: 16% !important;}
.arcCommend .Mtext #password{width: 16% !important;}


#attachment>div a:before{content: "\f019";font-family:'FontAwesome';}


#AuthorArti {
    border-top: 1px solid #ededed;
    padding: 12px;
    margin-top: 10px;
}
#AuthorArti .more{text-align: center;}
#AuthorArti .more a{padding: 2px 10px;border:1px solid #006cba;border-radius: 5px;background: #fff;color: #006cba;}
#AuthorArti .more a.hot{border:1px solid #f00;color: #f00;}









.gotopbtns {/*width: 31px; height: 21px; */display: block;z-index: 100;opacity: 0.6;position: fixed;_position: absolute;left: auto;right: 3px;top: auto;bottom:3px;}
.gotopbtns li {width: 31px;height: 21px;text-align: center;list-style: none;}
.gotopbtns li a {width: 31px;height: 21px;float: left;background-image: url(gototop.png);background-repeat: no-repeat;background-size: 62px 100px;color: #fff;}
.gotopbtns .gt-shr a {background-position:0 -50px;background-size: 62px 100px;color: #fff;}
.gotopbtns li a b {visibility: hidden;margin-top: 25px;display: block;line-height: 27px;font-size: 12px;font-weight: 400;}
.gotopbtns li a:hover {background-position-x:-31px; }
.hide {display: none;}











.idt p{text-indent: 2em;}
.sobar{margin:20px 0;}
.sosider{margin: 11px 0 5px 0;}
.iptbox{margin:0 5px;position: relative; background: #fff;text-align: left; overflow: hidden;}
.slctype{position: absolute;right:72px;left:auto;top:9px;font-size: 14px;padding:0 3px 0 0;border: none;background: none; color:#177a18; vertical-align: middle;text-align-last: right}
.iptkey{width:100%;min-width: 240px;box-sizing: border-box;border:2px solid #ccc;border-radius: 10px;font-size: 16px;padding:8px 12px;line-height:20px;color:#177a18;}
.iptbtn{position: absolute;background: #177a18;right:0;left:auto;top:0;margin:0;font-size: 16px;line-height:36px; box-sizing: border-box;padding:2px 16px;border:0;color:#fff;border-radius:10px;}

.home-search {
    padding: 30px 0;
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
    border-top: 1px solid rgba(74, 107, 109, 0.1);
    border-bottom: 1px solid rgba(74, 107, 109, 0.1);
}

.home-search form {
    display: flex;
    align-items: center;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

.home-search .iptbox {
    position: relative;
    flex: 1;
    display: flex;
    align-items: stretch;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(74, 107, 109, 0.15);
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.home-search .iptbox:hover {
    box-shadow: 0 4px 20px rgba(74, 107, 109, 0.25);
}

.home-search .slctype {
    position: relative;
    right: auto;
    left: 0;
    top: auto;
    font-size: 14px;
    padding: 14px 12px;
    border: none;
    background: rgba(74, 107, 109, 0.08);
    color: #4a6b6d;
    vertical-align: middle;
    text-align-last: left;
    cursor: pointer;
    border-right: 1px solid rgba(74, 107, 109, 0.1);
    flex-shrink: 0;
}

.home-search .slctype:hover {
    background: rgba(74, 107, 109, 0.12);
}

.home-search .slctype:focus {
    outline: none;
    background: rgba(74, 107, 109, 0.15);
}

.home-search .iptkey {
    flex: 1;
    width: 100%;
    min-width: auto;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    font-size: 16px;
    padding: 14px 16px;
    line-height: 20px;
    color: #333;
    background: transparent;
}

.home-search .iptkey:focus {
    outline: none;
}

.home-search .iptkey::placeholder {
    color: #999;
}

.home-search .iptbtn {
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
    padding: 14px 28px;
    border: none;
    color: #fff;
    border-radius: 0 12px 12px 0;
    background: linear-gradient(135deg, #4a6b6d 0%, #5a7a6a 100%);
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.home-search .iptbtn:hover {
    background: linear-gradient(135deg, #3a5b5d 0%, #4a6a5a 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(74, 107, 109, 0.3);
}

.home-search .iptbtn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(74, 107, 109, 0.2);
}
input::-webkit-input-placeholder {color: #177a18; } 
.tabso {margin:0;}
.tabso .tabT{padding:0;position:relative;z-index:9;margin-bottom:-2px;text-align: left;}
.tabso .tsa{position: absolute;top:0;right: 0;line-height: 29px;font-size: 15px;width:100%;/* background: #f6f6f6; */text-align: right;border-radius: 5px 5px 0 0;height: 31px;}
.tabso .tsa a{color:#f50;padding:0 10px;vertical-align: top;margin: 5px;display: inline-block;font-size: 15px;line-height: 20px;border:1px solid #f00;border-radius: 3px;}
.tabso .tsa a.hot{color:#fff;background:#f00;padding:0 10px;vertical-align: top;display: inline-block;/* font-size: 15px; *//* line-height: 20px; */border:1px solid #f00;border-radius: 3px;}
.tabso .tabT ul{position: relative;z-index: 2;background: #ccc;display: inline-block;border-radius:5px 5px 0 0;font-size:0;border:1px solid #ccc;border-bottom:0;}
.tabso .tabT li{*display:inline;display:inline-block;*zoom:1;cursor: pointer;font-size: 17px;}
.tabso .tabT li a{color:#181;font-weight: 400;border:1px solid #ccc;border-bottom:0;background: #ddd;display: block;line-height: 28px;padding: 0 10px 0 10px;height: 32px;box-sizing: border-box;border-radius:5px 5px 0 0;text-shadow: 1px 1px 1px #eee;}
.tabso .tabT .hover a{background:#fff;color:#c51c1e;display: block;padding:0 10px;text-shadow: 1px 1px 1px #eee}
.tabso .tabM{position:relative;z-index:8;}
.tabso .mC{display: none;}
.tabso .block{display: block;}
.tabso .iptkey{border-radius:0 5px 5px 5px;}
.tabso .iptbox{position:relative;margin: 0 0 5px 0;}
.tabso .iptbox:after{content:" ";border-radius:5px 0 0 0;display:block;position:absolute;top:0px;left:0;border-top:2px solid #ccc;border-left:2px solid #ccc;width:10px;height:10px;overflow:hidden;}
.tabso .iptbtn{border:0;color:#fff;border-radius:5px;}





.spec-details .secM .ss1{float: left;width: 80%;}
.spec-details .secM .ss3{float: right;width: 19%;}
.tss1{float: left;width: 40%;text-align: left;}
.tss3{float: right;width: 60%;}

.logobar .treeso{margin: 10px 0 0 5px;}


.ibnos .iptkey{padding:3px 9px 3px 8px;}
.secM .more{text-align: center;}
.secM .more a{padding: 2px 10px;border:1px solid #006cba;border-radius: 5px;background: #fff;color: #006cba;}
.secM .more a.hot{border:1px solid #f00;color: #f00;}



.zTree_area .text_title{/* padding: 5px 0 1px; *//* border-bottom: 1px solid #006cba; */overflow: hidden;}
.zTree_area .text_title h5,.zTree_area h5.text_title{font: 400 24px/36px "微软雅黑";}

.ss1 .zTree_area .text_title{padding:5px;border-bottom:1px solid #ddd;}
.ss3 .zTree_area .text_title{font: 400 18px/36px "微软雅黑";}
.zTree_area .text_title a{color: #234;}
.zTree_area .text_title a.hot{color: #f00;}
.zTree_area .text_title b{font-weight: 400;}
.zTree_area .text_title i{font-style: normal;}
.zTree_area .text_title .palnk{font-size: 16px;margin-left: 12px;float: right;width: 180px;}
.zTree_area .text_title .palnk a{color: #069;}
.zTree_area .text_title .palnk a.cur{color: #234;font-weight: 800}

.zTree_area .text_title .patip{width: 200px;font-size: 14px;white-space: nowrap;font-weight: 400;}
.srcTxt{font-size:12px;color:#555;margin:5px 0 0 5px;font-family:"宋体";font-weight:200;}
.srcTxt a{color:#06a;}
.spSite_text{display: inline;margin-left: 24px;}

.astar{position: relative;display:inline-block;}
.astar:after{position: absolute;content: "";width: 14px; height: 100%;margin:0 0 0 5px;background: url(star.png) 0 center no-repeat;}


.ibst h3{background: #006cba;color: #fff;text-align: center;border-top: 1px solid #006cba;font-size: 18px;font-weight:400;}
.ibst h3 a{color: #fff;}
.ibst .more{display:none;}

.bg7 .abMid .aC{padding:0;}


.spMapLst .zTree_area .text_title .palnk{display:none;}

/*	-------zTree里属和种级阶元的字体------- */
.text-genus{
}
.text-species{
	color: #1678b5 !important;;
}
.text-species-a{
	font-style: italic;
	color: #1678b5 !important;;
}
.board_style{border: 1px solid #ddd;background: #fff;border-radius: 5px;padding: 0 10px 9px 10px;width: 100%;overflow: auto;box-sizing: border-box;min-height: 100px;position: relative;}
/*	-------黑横线------- */
.line-gray {
	height: 1px;
	overflow: hidden;



	background-color: #c9c9c9;
}
.table-striped{width: 100%;border-collapse: collapse;box-sizing: border-box;word-break:break-all;}
.table-striped td{line-height: 1.8;padding: 5px 0;vertical-align: top;border-top: 1px solid #ddd;}
.table-striped .mtxt p{text-indent:2em;margin:10px auto;}
/*	-------详情列表的表头样式------- */
.table-striped td.details_title{
	font-weight:bold;
	color: #1678b5;
	white-space: nowrap;
	padding-right: 5px;
}
.table-striped td.details_title a{color: #1678b5;}
/*	-------详情列表的参考文献样式------- */
.details_reference,
.details_reference a{
	color: #922609 !important;
}
/*	-------详情列表的属、种字体------- */
.details_species_text{
	font-style: italic;
}
/*	-------官名或异名列表样式------- */
.name_list,
.name_list ul{
	padding-left: 1px;
}
.name_list li{
	list-style-type:none;
}

/*	-------详情按钮样式------- */
.show_details{
	color: #ffffff !important;
}
/*	-------蓝色字体------- */
.text-blue{
	color: #1678b5 !important;;
}
.canonical-name{font-style:italic;}
.hidden{display: none;}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.glyphicon-star:before {
    content: "★"
}
.details_text{position:relative;}
.glyphicon-info-sign{transition: all 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);}
.glyphicon-info-sign:before {display:inline-block;content: "!";text-align:center;background:#f6f6f6;color: #fff;border-radius:20px;width:16px;height:16px;cursor:pointer;}

.glyphicon-question-sign{transition: all 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);}
.glyphicon-question-sign:before {display:inline-block;content: "﹖";background: #f6f6f6;color: #fff;border-radius:20px;width:16px;height:16px;cursor:pointer;}
.sidebar .text_title{background: #006cba;color: #fff;text-align: center;border-top: 1px solid #006cba;font-size: 18px;}
.sidetabs .uh{background:#fff;color:#800201;border: 1px solid #800201;font-size: 0;line-height: 0;}
.sidetabs li{display:inline-block;padding:0 12px;box-sizing: border-box;text-align: center;cursor: pointer;font-size: 18px;line-height: 35px;}
.uli2s li{width: 50%;}
.sidetabs li.hover{background: #800201;color: #fff;text-align: center;}
.sidetabs .mC{display:none;}
.sidetabs .block{display:block;}

.rspmsk{position: absolute;right: 10px;top:42px;}

.ztrbg{background: #fff;}

.ztexped .rspmsk{display: none;}
.ztexped .ztrbg{background: #fff;}


.spdtbl{text-align:center}
.spdtbl td{padding:2px 3px;}
.spdtbl li{color:#06e;line-height: 2.5em;text-align: left;}
.spdtbl .haspi{ color:#06f;}
.spdtbl .haspi:after{content:"✓";color:#f00;}
.spdtbl .haspi:hover{color:#c00;}

.pmbox{padding: 10px 0;text-align: center;}

.pmbox h4{display: inline-block;background: #fff;padding: 0 10px;}
.provmap{padding:30px 10px 10px 10px;box-sizing: border-box;border-top: 1px dashed #006cba;margin-top: -12px;}
.provmap img{max-width: 100%;}
#mapBox{width: 600px; height: 450px;}
.mbr{white-space: nowrap;}

.cominfo{border: 1px solid #780504;margin-bottom: 10px;}
.cominfo h3{font-size: 18px;line-height: 2em;font-weight: 400;text-align: center;color: #006cba;margin-bottom: 10px;background: #780504;color: #fff;}
.cominfo_img{text-align: center;}
.cominfo_img img{max-width: 50%;margin:0 auto;}
.cominfo_txt{line-height:1.8em;padding:0 10px 10px 10px;}
.cominfo_name{font-size: 16px;line-height: 1.6em;font-weight: 600;text-align: center;}
.cominfo_name h4{font-size:18px;}
.cominfo_name h5{font-weight: 400;white-space: nowrap;overflow: hidden;padding:3px 0;text-overflow: ellipsis;}
.cominfo_txt dl{margin-bottom: 10px;padding:2px 5px;}
.cominfo_txt dt{display: inline-block;text-align: right;font-weight: 600;vertical-align: top;box-sizing: border-box;padding-right: 10px;}
.cominfo_txt dd{display: inline-block;}
.cominfo_txt .cominfo_sphere{background: #f9f9f9;}
.cominfo_sphere dt{width:45%;}
.cominfo_sphere dd{width:55%;}
.cominfo_slogan{font-family:"楷体","宋体";font-size: 14px;line-height:1.5em;text-align: center;}
.cominfo_slogan p{display: inline-block;text-align: left;}
.cominfo_txt .cominfo_manage{font-size:12px;}
.genknowledge{text-align: center;margin: 10px 0;}
.genknowledge a{display: block;padding: 5px 10px;border: 1px solid #780504;border-radius: 3px;color: #780504;}
.genknowledge a:hover{background: #780504;color: #fff;text-decoration: none;}
.joinHonor{padding: 10px;}
.joinHonor a{padding: 2px 5px;margin:0 2px;border: 1px solid #780504;border-radius: 1px;color: #780504;}
.joinHonor a:hover{background: #780504;color: #fff;text-decoration: none;}



.loading{margin:0 auto;text-align: center;padding: 50px;}



/* 响应式设计 - 手机版 */
@media screen and (max-width: 768px) {
    body {
        font-size: 1rem;
        line-height: 1.6rem;
    }
    .bIn {
        width: 100%;
    }

.home-content {
    padding: 0;
}
    .banner-text {
        width: 50vw;
        height: 22vw;
        margin: 10px;
    }
    .top-bar .bIn {
        padding: 3px;
    }
    .main-nav .bIn {
        flex-direction: column;
        padding: 10px 5px 5px 5px;
    }
    .top-bar {
        padding: 0;
        font-size: 1rem;
    }
    .main-nav {
        /* padding: 10px 15px; */
        flex-wrap: wrap;
    }
    .logo {
        font-size: 1.5rem;
        width: 40vw;
        height: 10vw;
    }
    .logo-sub {
        font-size: 0.75rem;
        width: 40vw;
        height: 4vw;
    }
    .nav-menu {
        gap: 10px;
        margin-top: 10px;
        width: 100%;
        justify-content: center;
    }
    ul.nav-menu li {
        flex-grow: 1;
        text-align: center;
    }
    .nav-menu li a {
        font-size: 1rem;
        padding: 3px 1px;
    }
    .banner {
        height: 40vw;
    }

.chbar {
    height: 15vw;
}
    .banner-title {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .banner-subtitle {
        font-size: 1rem;
    }
    .main-content {
        padding: 0;
    }
    .footer-unit {
        padding: 15px 0;
    }
    .section-header {
        margin-bottom: 10px;
    }
    .section-tab {
        padding: 0px 20px;
        font-size: 1.125rem;
    }
    .home-content {
        /* flex-direction: column; */
        gap: 0;
    }
    .image-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        padding: 8px 1px 8px 2px;
    }

.main-channel .image-grid {
    grid-template-columns: repeat(2, 1fr);
}
    .content-section:last-child .image-grid {
        padding: 8px 2px 8px 1px;
    }

.image-grid.cImgLis.pIcon {
    grid-template-columns: repeat(2,1fr);
}
    .image-item img {
        height: 120px;
    }
    .image-title {
        font-size: 0.875rem;
    }
    .image-meta {
        font-size: 0.75rem;
    }
    .page-title {
        font-size: 1.5rem;
    }
    .industry-tabs {
        /* flex-wrap: wrap; */
        gap: 0;
        margin: 0;
        /* justify-content: space-evenly; */
    }
    .industry-tab {
        padding: 3px 1px;
        font-size: 0.875rem;
        flex-grow: 1;
        text-align: center;
    }
    .industry-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .industry-item.large {
        grid-column: span 2;
        grid-row: span 1;
    }
    .industry-item.large img {
        height: 140px;
    }
    .celebrity-grid {
        gap: 10px;
    }
    .mixshow{
        grid-template-columns: 1fr;
    }
    .celebrity-avatar {
        height: 250px;
    }
    .celebrity-name {
        font-size: 1.25rem;
    }
    .celebrity-desc {
        font-size: 1rem;
        display: inline-block;
        height:auto;
    }
    .about-content {
        padding: 20px;
    }

.about-section-title {
    width: auto;
    margin: 20px auto;
    padding: 0 10px 0 0;
    border-radius: 20px;
    text-align: right;
    align-items: end;
    line-height: 3em;
    background-size: auto 100%;
}

.about-section:nth-of-type(even) .about-section-title {
    padding: 0 0 0 10px;
    text-align: left;
}
    .about-section-title h3 {
        font-size: 1.125rem;
        margin: auto;
        line-height: 1.6rem;
    }
    .about-section-content {
        padding-left: 0;
        font-size: 1rem;
    }
    .footer-unit a {
        display: inline-block;
        /* margin: 5px 10px; */
        /* font-size: 0.75rem; */
    }
    .footer-info {
        font-size: 0.75rem;
    }





.pagination{gap: 0;}

.pagination a, .pagination span {
    margin-right: -1px;
}

.pagination .more:hover i {
    padding: 0 6px;
}

.pagination .next,.pagination .prev{display:none;}


.cImgLis ul{margin:0}
.cImgLis li{/* width:50%; */*width:48%;margin: 0;/* border: 1px solid #2f2f2f; */}
.cImgLis li>a:first-of-type{/* width:98%; */}
    
.cImgLis li:before{min-height:80px;}
.cImgLis li:first-child>div,
.cImgLis li:nth-child(8)>div,
.cImgLis li:nth-child(16)>div{display:block;width:100%;height: 100%;}
.cImgLis li:first-child>a:first-of-type,
.cImgLis li:nth-child(8)>a:first-of-type,
.cImgLis li:nth-child(16)>a:first-of-type{width:100%;}
.vIcon li:first-child .aiconbox a:after{height:30vw;width:30vw;top:calc(50% - 15vw);left:35%;}


.cImgLis li:first-child,.cImgLis li:nth-child(8),.cImgLis li:nth-child(16){/* float:left; */width:100%;height: auto;min-height: 124px;grid-column: 1 / 3;grid-row: 1 /2;}
.cImgLis li:nth-child(8){
    grid-column:1 / 3;
    grid-row:5 / 6;
}
.cImgLis li:nth-child(16){
    grid-column:1 / 3;
    grid-row:9 / 10;
}
.cImgLis li:nth-child(14),.cImgLis li:nth-child(15) {
    grid-column:initial;
    grid-row:initial;
}

.cImgLis li:first-child:before {height: 100px;}
.cImgLis li:nth-child(14):before, .cImgLis li:nth-child(15):before {height: 80px;}
.cImgLis li:first-child .aiconbox,.cImgLis li:nth-child(8) .aiconbox,.cImgLis li:nth-child(16) .aiconbox{height:61.8vw;}
.cImgLis li:nth-child(14) .aiconbox,.cImgLis li:nth-child(15) .aiconbox{height:auto;}
.cImgLis li:first-child .aiconbox img{height:auto}
.cImgLis li:nth-child(14) .aiconbox img,.cImgLis li:nth-child(15) .aiconbox img{height:180px;}

	
.index .cImgLis li:last-child:nth-child(4){display:none} 
.cImgLis ul>div{font-size:14px;/* padding: 0 !important; */}
.cImgLis ul>div a{/* padding: 0; */}








.main-content .s1{float:none;width:auto;}

.currentPos {
    font-size: 1rem;
    line-height: 2rem;
    height: 32px;
}
.main-content .s3{float:none;width:auto;}
.ifrbox iframe{height: 22.1vw;}


#endMain .arcTitle{position:relative;}

.arcTime {float: none;}
#endMain .arcTitle h2{font-size:1.3125rem;font-weight:800;line-height:1.6rem;}
#endText{margin:5px;line-height: 1.8rem;font-size: 1.125rem;}
.arcCommend{padding-bottom: 1px;}
.arcCommend .Mtext {clear:both;text-align:left;color:#000000;font-size: 0.75rem;line-height:1.5rem}
.arcCommend .Mtext textarea{ height:72px;width:80%; overflow:auto;}
.arcCommend .Mtext table.tabbian3,.arcCommend .Mtext table.tabbian3 table{ display:block;}
.arcCommend .Mtext .re1 {border-top:1px dashed #EEEDED}
.arcCommend .Mtext .re1 img{ vertical-align:text-bottom}
.arcCommend .Mtext .re1 .ret {float:left;width:400px;padding:10px 0 0 8px;}
.arcCommend .Mtext .re1 .ret a{color:#1F3A87;}
.arcCommend .Mtext .re1 .ret a:hover{color:#bc2931;}
.arcCommend .Mtext .re1 .mre {float:right;width:100px;text-align:right;padding:10px 8px 0 0;}
.arcCommend .Mtext .re2 {clear:both;padding:3px 8px 3px 8px;}
.arcCommend .Mtext .rrw {margin:3px 8px 3px 8px;padding:9px 6px 6px 6px;border:1px solid #ccc;color:#666666;}
.arcCommend .Mtext .more {text-align:right;}
.arcCommend .Mtext #username{width: 16% !important;}
.arcCommend .Mtext #password{width: 16% !important;}




.spec-details .secM .ss1{float: none;width: 100%;}
.spec-details .secM .ss3{float: none;width: 100%;}
.sobar{margin:5px 0;}

.home-search {
    padding: 0;
    margin: 0 0 10px;
}

.home-search form {
    max-width: 100%;
}

.home-search .slctype {
    font-size: 0.8125rem;
    padding: 11px 10px;
}

.home-search .iptkey {
    font-size: 0.9375rem;
    padding: 8px 14px;
}

.home-search .iptbtn {
    font-size: 0.9375rem;
    padding: 12px 20px;
}
.iptbox{margin:5px;background: none;}

.home-search .iptbox {
    border-radius: 20px;
}
.iptkey{padding: 7px;min-width: 0;border:1px solid #ccc;border-radius: 5px;font-size: 1rem;line-height: 1.25rem;}
.slctype{top: 8px;right: 65px;font-size: 0.875rem;}
.iptbtn{padding: 0 15px;border-radius:5px;line-height: 2.25rem;font-size: 1rem;}
.tsbox .iptbox{margin:3px 0 0 0;}
.sepso .sidebar-content{margin-top:0;}
.sepso .s1{position:static;margin-top:calc(20px - 3vw);}
.sepso .s3{clear:none;}
.sepso .iptbox{margin:0 5px 5px 5px;}

.tabso .tabT{margin-bottom:-1px;}
.tabso .tsa{line-height: 28px;font-size: 0.9375rem;border-radius: 3px 3px 0 0;height: 30px;}
.tabso .tsa a{padding: 0 4px;margin: 4px 1px;font-size: 0.75rem;line-height: 1.25rem;}
.tabso .tsa a.hot{}
.tabso .tsa a.hot{padding: 0 4px;}
.tabso .tabT ul{border-radius:3px 3px 0 0;}
.tabso .tabT li{font-size: 0.9735rem;}
.tabso .tabT li a{border:0;line-height: 1.75rem;padding: 0 5px;height: 30px;border-radius:3px 3px 0 0;}
.tabso .tabT .hover a{padding:0 6px;}
.tabso .iptkey{border-radius:0 3px 3px 3px;}
.tabso .iptbox:after{border-radius:3px 0 0 0;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.tabso .iptbtn{border-radius:3px;}

.board_style{min-height: 100px;}


.zTree_area .text_title h5, .zTree_area h5.text_title{font-size:1.5rem;}



}
/* 小屏幕手机 */
@media screen and (max-width: 480px) {
    .image-grid {
        grid-template-columns: 1fr;
    }
    .industry-grid {
        grid-template-columns: 1fr;
    }
    .industry-item.large {
        grid-column: span 1;
    }
    .nav-menu {
        /* flex-wrap: wrap; */
        gap: 3px;
    }
}