*{
    margin: 0;
    padding: 0;
}
.w{
    width:100%;
    margin: 0 auto;
}

body{
    background-color: #f8fffb;
    height: 100%;
}
@font-face {
	  font-family:myFont;
	  src:url('../font/Cunia.otf');
	}
@font-face {
	  font-family:myFont2;
	  src:url('../font/Cunia.otf');
	}
.ins{
    width: 1200px;
    margin: auto;
    height: 50px;
}
.m{
    width: 1300px;
    margin: auto;
}
.n{
    width: 1100px;
    margin: auto;
}
.h{
    width: 100%;
    margin-top: 10px;
    height: 50px;
}
ul{
    padding-left: 0;
}
.header{
    background-color:#0d6efd;
    width: 1200px;
    /*  height: 400px;*/
    margin: 0 auto;
    padding-bottom: 30px;
    /*box-shadow: 5px 10px 15px #ccc;*/
}
.h h1{
    font-family: myFont2, serif;
    font-size: 35px;
    color:#094D24;
    margin-left: 20px;
}
.h small{
    font-family: myFont, serif;
    font-size: 20px;
    margin-left: 10px;
    color: #7D8F69;
}
.h2 {
    width:1200px;
   margin: 0 auto;
}

.z{
    width: 1000px;
    margin: 0 auto;
}

.slide{
    width: 1000px;
    margin: 0 auto;
}
.tab{
    width: 1200px;
    margin: 0 auto;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.clearerfix:before,.clearerfix:after{
    content: "";
    display: table;
}
.clearerfix:after{
    clear: both;
}
.clearerfix{
    *zoom:1
}
.shell{
    display: flex;
    justify-content:center;
    margin: 0;
}
.shell:nth-child(1){
    /*background: linear-gradient(135deg, #9bc0a8, #2a5d3e);*/
    background:#217016;
}
.botto{
    height: 50px;
    text-align: center;
    line-height: 50px;
    transition: .3s;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    color:#F1F7E7;
    font-weight: 600;
}
.botto span a{
    text-decoration: none;
    color:#F1F7E7;
}
.botto:hover{
    background-color: #c1e2b3;
    color: #3e776f;
}
.botto li:hover{
    background-color:#c1e2b3;
}
.botto:hover .genomics-icon path {
    fill: #3e776f;
}
/*.botton a:hover{*/
/*    color: #3e776f;*/
/*}*/

.botto ul li{
    height: 0;
    transition: .2s;
    opacity: 0;
    transform: translateY(-40px);
    background-color: #f2f8f3;
    font-size: 12.5px;
    color:#e2e2e2;
    line-height: 40px;
    text-align:left;
}
.botto ul li a{
    color:#3e776f;
    margin-left: 10px;
}
.botto:hover li{
    height: 40px;
    width: 100%;
    opacity: 1;
    transform: translateY(0);
    z-index:20000;
    position: relative;

}

.box{
    margin-top: 2px;
}
.box_a{
    margin-bottom: 10px;
}
.box-one{
    height: 370px;
    border-radius: 5px 5px 25px 0px;
    border:1px solid;
    border-color: #92b99f;
    margin-top: 10px;
    width: 485px;
    float: left;
    box-shadow: darkgrey 10px 10px 30px 5px;
}
.box-two{
    height: 370px;
    border-radius:5px 5px 25px 0px;
    border:1px solid;
    border-color: #92b99f;
    margin-top: 10px;
    float: right;
    width: 485px;
    box-shadow: darkgrey 10px 10px 30px 5px;
}
.box-a{
    height: 45px;
    background: linear-gradient(135deg, #9bc0a8, #2a5d3e);

}
.box-a h3{
    float: left;
    font-size: 22px;
    color: #e2e2e2;
}
.box-a a{
    float: right;
    font-size: 15px;
    color: #e2e2e2;
    margin-top: 15px;
    margin-right: 10px;
}
.box-ab{

}
.box-hd{
    height: 50px;

}
.box-hd h3 {
    float: left;
    font-size: 24px;
    color: #1a1a1a;
}
.box-hd a{
    float: right;
    font-size: 17px;
    color: #9d9d9d;
    margin-top: 20px;
}
.box-bd ul{
    width: 1220px;

}
.box-bd ul li{
    float: left;
    width: 230px;
    height: 280px;
    background-color: #ffffff;
    margin-right: 26px;
    margin-bottom: 15px;
    box-shadow: darkgrey 5px 5px 30px 10px;
    border:1px solid #ffffff;
    border-radius:10px 10px 10px 10px;

}
.box-bd ul li img{
    width: 100%;
    height: 141px;
    border-radius:10px 10px 0px 0px;
}
.box-bd ul li h4{
    text-align: center;
    color: #08652d;
}
.box-bd ul li h5{
    text-decoration: none;
    margin-left: 40px;
}
.box-bd ul li a{
    font-size: 15px;
    color: #1a1a1a;
    margin: 15px 5px 0 50px;
}
.arrow-icon::after{
    content: '';
}
.tabs{
    height: 360px;
    margin-top: 20px;
    /*box-shadow: darkgrey 10px 10px 30px 5px;*/
    margin-bottom: 20px;
}
.tablist{
    height: 350px;
    background-color: #ffffff;
    width: 1100px;
    box-shadow: 3px 3px 10px 0px lightgray;
    border-radius: 20px;
}
.tablist ul{
    height: 50px;
    background-color: #7ba975;
    width: 1100px;
}
.nav-tabs{
    background: linear-gradient(135deg, #9bc0a8, #2a5d3e);
}
/*.tablist ul li{*/
/*    float: left;*/
/*    height: 45px;*/
/*    line-height: 45px;*/
/*    background-color:#92b99f;*/
/*}*/
.tablist ul li a{
    display: block;
    height: 42px;
    padding: 0 75px;
    line-height: 42px;
    font-size: 20px;
    color: #e2e2e2;
    margin-left: 20px;
}
.tab-content{
    float: left;
    display: block;
    height: 42px;
    padding: 0 10px;
    line-height: 35px;
    font-size: 16px;
    color: #4a4f52;
    margin-left: 5px;
}
.map{
    float: left;
    width: 550px;
    margin-left: 270px;
}
.nav li{
    width: 275px;
    font-size: 18px;
}
.nav-item button{
    height: 50px;
    color:#F1F7E7;
    width: 275px;
}
.nav-item button:hover{
    color:#0f5132;
}
.nav-pills{
    --bs-nav-pills-link-active-bg: #217016;
    height: 50px;
    background-color: #b9d0b0;
    width: 800px;
}

.footer{
    /*float: bottom;*/
    background: #217016;
    margin-top: 5px;
    height: 130px;
    text-align:center;
}
.footer p{
    display: block;
    height: 42px;
    padding: 0 60px;
    line-height: 42px;
    font-size: 16px;
    color:#F1F7E7;
    text-align:center;
    margin-bottom: 0px;
}
.chart-container{
    height:300px;
    width: 600px;
    float: left;
}
.chart-con{
    height: 300px;
    width: 400px;
    margin-left: 600px;
    padding-top: 60px;
}
#carouselExampleAutoplaying{
    width: 1370px;
    height: 500px;
    margin-top: 0px;
}
.container{
    margin-top: 20px;
    width: 1124px;
}

.third-menu {
    display: none; /* 默认隐藏三级菜单 */
    position: absolute; /* 绝对定位 */
    top: 0;
    left: 100%; /* 使三级菜单紧挨在二级菜单右侧 */
    background-color: rgba(122, 168, 116, 0.89); /* 背景颜色 */
    transition: .2s;
    width:180px;
}
.third-menu li{
    background-color: rgba(122, 168, 116, 0.89);
}
/* 显示三级菜单 */
.second-menu li:hover ul {
    display: block;
}
.xhimg img{
    height: 85px;
    width: 86px;
    margin-left: 20px;
    float: left;
    margin-top: 15px;
}
.carousel-item img{
    height: 500px;
    width: 100%;
}
.caidan nav{
    width: auto;
    height: auto;
}
.in_group{
    margin-top: 15px;
    border-radius: 12px;
    border-style:solid;
    border-width: 3px;
    border-color: #217016;
    margin-bottom: 20px;
    background-color: white;
}
.group-hd h2{
    margin-left: 20px;
    color:#F1F7E7;
    line-height: 56px;
    font-size: 25px;
}
.group-hd {
    background-color: #217016;
    height: 56px;
}
.tabtwo{
    width: 1100px;
    height: 160px;
}
.contentbox {
    width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    box-shadow: 5px 5px 10px 0px lightgray;
    border-radius: 70px;
    transition: 0.3s;
    /*background-color: #e0f2dd94;*/
    background-image: linear-gradient(-20deg, #def3fa 0%, #fbfcdbb8 100%);
}
.contentbox:hover{
    transform: scale(1.2);
}
.contentbox svg{
    margin: auto;
    margin-left: 44px;
    margin-top: 30px;
}
.contentbox h5{
    text-align: center;
    color: black;
    margin: 10px;
    font-weight: 600;
    font-size: 16px;
}
.people{
    width: 170px;
    height: 140px;
    float: left;
    margin-left: 30px;
}
.people img {
    width: 85px;
    height: 100px;
    border-radius:50%;
    margin-left: 20px;
}
.people h5{

    color: black;
    margin: 10px;
    font-size: 16px;
}
.people h5:hover{
    transform: scale(1.1);
    transition: 0.3s;
}
.third-menu2 {
    display: none; /* 默认隐藏三级菜单 */
    position: absolute; /* 绝对定位 */
    top: 0;
    right: 100%; /* 使三级菜单紧挨在二级菜单右侧 */
    background-color: rgba(122, 168, 116, 0.89); /* 背景颜色 */
    transition: .2s;
    width:180px;
}
.third-menu2 li{
    background-color: rgba(122, 168, 116, 0.89);
}
.col-8 h3 {
    height: 40px;
    text-align: center;
    margin-top: 10px;
}
.col-8 h4 {
    height: 40px;
    line-height: 40px;
}
.col-8 h5 {
    height: 40px;
    line-height: 40px;
}
.mor{
    color: #217016;
}
.mor:hover{
    color: rgba(122, 168, 116, 0.89);
}
.hlbox{
    width: 200px;
    height: 150px;
    float: left;
}
.hlbox svg{
    margin: auto;
    margin-left: 60px;
    margin-top: 10px;
}
.hlbox h5{
    text-align: center;
    color: black;
    margin: 10px;
    /*font-weight: 600;*/
    font-size: 14px;
}
.hlbox strong{
    color: #40ac29;
}
.carousel-control-next-icon {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg t="1722766964533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7892" width="128" height="128"><path d="M284.89955555 3.072c13.42577778 0 25.71377778 5.57511111 36.75022223 16.49777778 150.86933333 150.07288889 301.73866668 300.25955555 452.608 450.56l7.50933333 7.50933333c10.46755555 10.46755555 16.384 26.16888889 16.15644444 43.23555556-0.11377778 16.27022222-6.03022222 31.1751111-16.04266666 40.84622222-152.80355555 147.456-305.37955555 295.13955555-458.06933334 442.59555556-11.03644445 10.69511111-23.43822222 16.15644445-36.864 16.15644444-22.86933333 0-46.30755554-16.95288889-55.7511111-40.27733334-5.00622222-12.51555555-10.01244445-36.97777777 13.65333333-59.8471111l160.88177777-155.53422223c82.26133332-79.53066667 164.52266667-158.94755555 246.67022223-238.47822222l7.62311111-7.39555555L492.65777778 352.256c-83.28533333-82.944-166.57066667-165.77422221-249.856-248.60444445-17.06666667-17.06666667-21.84533333-39.13955555-12.85688889-60.75733333 9.67111111-23.43822222 32.31288889-39.82222222 54.95466666-39.82222222z m0 0" p-id="7893" fill="%23515151"></path></svg>');
    width: 3em; /* 调整箭头宽度 */
    height: 3em; /* 调整箭头高度 */
}
.carousel-control-prev-icon {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg t="1722767778848" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1426" width="128" height="128"><path d="M739.10044446 1020.928c-13.42577778 0-25.71377778-5.57511111-36.75022224-16.49777778-150.86933333-150.0728889-301.73866668-300.25955555-452.608-450.56l-7.50933333-7.50933333c-10.46755555-10.46755555-16.384-26.16888889-16.15644444-43.23555556 0.11377778-16.27022222 6.03022222-31.1751111 16.04266666-40.84622222 152.80355555-147.456 305.37955555-295.13955555 458.06933334-442.59555556 11.03644445-10.69511111 23.43822222-16.15644445 36.864-16.15644444 22.86933333 0 46.30755554 16.95288889 55.7511111 40.27733334 5.00622222 12.51555555 10.01244445 36.97777777-13.65333333 59.8471111l-160.88177777 155.53422223c-82.26133332 79.53066666-164.52266667 158.94755555-246.67022222 238.47822222l-7.62311112 7.39555555L531.34222222 671.744c83.28533333 82.944 166.57066667 165.77422221 249.856 248.60444445 17.06666667 17.06666667 21.84533333 39.13955555 12.85688889 60.75733333-9.67111111 23.43822222-32.31288889 39.82222222-54.95466665 39.82222222z m0 0" p-id="1427" fill="%23515151"></path></svg>');
    width: 3em; /* 调整箭头宽度 */
    height: 3em; /* 调整箭头高度 */
}
.carousel-control-next,.carousel-control-prev{
    width: 5%;
}