@charset "utf-8";
/* CSS Document */
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:Arial, "Microsoft YaHei", 微软雅黑;
	font-size:14px;
	line-height:1.5;
	color:#333;
	width:100%;
	min-width:1200px;
	margin:0px auto;
	background-color:#fff;
	-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	margin:0 auto;
	width: 88%;
	max-width: 1270px;
	min-width: 1050px;
	height:auto;

}

* {
	box-sizing: border-box;
}
.index_main .tpleft{ float:left;}
.index_main .tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
:root{
	--linkColor:#003152;
	--bluecolor:#005086;
	--greencolor:#465147;
	--purcolor:#44355A;
	--pinkcolor:#5E4552;
	--browncolor:#553D2E;
	--blue2color:#4B5A69;
	--link3:#824A5B;
	--link4:#496C63;
	--link5:#363F25; 
  }
/* 首页 */
header {
	background:var(--linkColor);position: sticky; left:0px; top:0px; width:100%; z-index:999; color: #fff;
}

header .container {
	max-width: 1440px;
	margin: 0px auto;
	width: 95%;
	

}

header .logo {
	
}
header .logo img{ height: 35px; width: auto;}

header .menu ul li {
	position: relative;
}

header .menu ul li a {
	
	color: #fff;
}

header .menu ul li .title {
	display: flex;
	align-items: center;
	height: 69px;
	padding: 0px 20rem;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	font-size: 16px;

}
header .menu ul li:last-child:before{ content: ""; position: absolute; left: 0px; top: 50%; width: 1px; height: 15px; background-color: #fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
header .menu ul li .title img{ width: 23px; height: auto; margin-right: 5px;}
header .menu ul li .submenu {
	background-color:rgba(255,255,255,0.9);
	width: 176px;
	position: absolute;
	top: 100%;
	padding: 0px;
	z-index: 20;
	transform-origin: 50% 0;
	transform: scaleY(0) translateZ(0);
	opacity: 0;
	transition: transform 0.3s, opacity 0.3s;
	overflow: hidden;
	margin-left: -30px;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 18%);
}

header .menu ul li .submenu::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background: var(--linkColor);
	border-radius: 0.20rem;
}

header .menu ul li .submenu::-webkit-scrollbar-thumb {
	background: #fff;
	scrollbar-arrow-color: #fff;
	border-radius: 0.20rem;
}


header .menu ul li:hover .submenu {
	transform: scaleY(1) translateZ(0);
	opacity: 1;
}

header .menu ul li .submenu dd {
	border-bottom: 0.5px rgba(0,0,0,0.1) solid;
}

header .menu ul li .submenu dd:last-child {
	border-bottom: 0px;
}

header .menu ul li .submenu dd a {
	color: var(--linkColor);
	text-align: center;
	line-height: 2.5;
	text-transform: none;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	font-weight: normal;
	height: auto;
	width: 100%;
	padding: 0rem 1.4rem;
}

header .menu ul li .submenu dd a:hover {
	font-weight: bold;
}

.index_main{ background-image: url(../images/1111.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100%;}
.index_main .part_1{ text-align: center; padding-top: 20px; padding-bottom: 16px;}
.index_main .part_1 .pic img{ height: 82px;}
.index_main .part_1 .txt{ font-size: 20px; color: #fff; line-height: 1;}
.index_main .part_2{ background-color: #fff; padding: 8px 0px; border-radius: 20px;}
.index_main .part_2 ul li{ flex:1; display: flex; align-items: center; justify-content: center;} 
.index_main .part_2 ul li .box img{ width: 48px; height: auto;}
.index_main .part_2 ul li .box .cont{ flex:1; margin-left: 7px;}
.index_main .part_2 ul li .box .cont .txt{ font-size: 12px; color: #828282;}
.index_main .part_2 ul li .box .cont .num{ font-size: 20px; font-weight: 600; color: var(--linkColor);}

.part_3{ padding: 56px 0px;}
.part_3 ul{ display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 10px 20px;
align-items: stretch;}
.part_3 ul li a{ text-align:center;}
.part_3 ul li a .photo{ width:124px; height:124px; margin:0px auto; position:relative; overflow:hidden;box-shadow: rgb(0 0 0 / 10%) 0px 0px 22px 0px; border-radius:20px; margin-bottom:5px; border: 1px #fff solid;box-shadow: 0px 0px 8px rgb(0 0 0 / 18%);}
.part_3 ul li a .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
 .part_3 ul li .xfk{ position:absolute; left:0px; top:100%; width:100%; height:100%; z-index:10;transition: all .3s ease;-webkit-transition: all .3s ease;  background-color:rgba(255,255,255,0.8);display: flex; color:var(--linkColor); font-size:15px;
    align-items: center; padding: 0px 9px;
    justify-content: center; text-align:center; z-index:20; } 
.part_3 ul li .photo:hover .xfk{ top:0px;}
.part_3 ul li:nth-child(-n+14) a .title{ color: #fff; font-size: 15px;}
.main_bt{ font-size: 15px; color: var(--linkColor); border-bottom: 1px var(--linkColor) solid; padding-bottom: 7px; margin-bottom: 28px;}
.part_4 ul{display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 34px 20px;
align-items: stretch;}
.part_4 ul li{ text-align: center;}
.part_4 ul li a{ display: flex; flex-direction: column; font-size:15px;}
.part_4 ul li a .photo{display: flex;
    align-items: center; overflow:hidden;
    justify-content: center; width:130px; height:130px; border:3px #eaeaea solid; border-radius:100%; margin:0px auto 7px; }
.part_4 ul li a .photo img{ max-width:100%; max-height:100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .part_4 ul li a .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .part_4 ul li .txt{word-break:break-word;}
 .part_4{ margin-bottom: 32px;}
 .more{ text-align: center; margin-bottom: 51px;}
 .more a{ display: inline-block; border: 1px var(--linkColor) solid; border-radius: 8px; width: 372px; height: 40px; line-height: 40px; font-size: 16px;transition: all .3s ease;-webkit-transition: all .3s ease;}
 .more a:hover{ background-color: var(--linkColor); color: #fff;}
 .main_one{ line-height: 1; margin-bottom: 48px;}
 .main_one .line{ flex:1; height: 3px; background-color: var(--linkColor);}
 .main_one .txt{ font-size: 24px; font-weight: bold; padding: 0px 20px;}
 .cate_class{ margin-bottom: 33px;}
 .cate_class ul{ display: flex; align-items: stretch; flex-wrap: wrap; gap: 10px;}
 .cate_class ul li{ position: relative;}
 .cate_class ul li a{ font-size: 16px; color: #1E1E1E; display: block; padding: 0px 16px; border: 1.5px var(--linkColor) solid; min-width: 81px;text-align: center; border-radius: 8px; height: 40px; display: flex; align-items: center; justify-content: center;}
 .cate_class ul li .lab{ width: 28px; height: 28px; background-color: var(--linkColor); color: #fff;  align-items: center; justify-content: center; position: absolute; right: -10px; top: -16px;border-radius: 50%; display:flex; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 11px;}
 .cate_class ul li.cur a{ background-color: var(--linkColor); color: #fff;}



 .index_mammal{ margin-bottom: 70px;}
 .index_mammal ul{display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 38px 15px;
align-items: stretch;}
.index_mammal ul li{ border-radius: 8px; overflow: hidden; border: 1px var(--linkColor) solid; background-color: var(--linkColor); }
.index_mammal ul li a{ display: block; text-align: center;}
.index_mammal ul li .photo{ height: 200px; background-color: #fff; }
.index_mammal ul li .photo img{    top: 0; width: 100%; height: 100%;object-fit: cover;
	object-position: center center;transition: .5s; position: relative;}
.index_mammal ul li .content{background-color: var(--linkColor);height: 100px;
    transition: .5s; padding: 20px 10px; position: relative;}
.index_mammal ul li .content .title{ color: #fff; font-size: 18px; font-weight: bold; line-height: 1.1;  margin-bottom: 5px;}
.index_mammal ul li .content .sml{ color: #fff;opacity: 0;
    transition: .5s; font-style:italic;}
.index_mammal ul li:hover .content .sml{opacity: .8;}
.index_mammal ul li:hover .photo img{ top: -30px;}
.index_mammal ul li:hover .content{ margin-top: -60px;
    height: 160px;}

.tabcontent_1 .index_mammal{
		display:none;
	}
.tabcontent_1 .index_mammal.cur{
		display: block;
	}

footer {
		background-color: var(--linkColor);
		color: #fff;
		line-height:1.6;
		padding: 25px 0px;
	}
footer .container{max-width: 1440px;
		margin: 0px auto;
		width: 95%;}
footer.no1{background-color: var(--greencolor);}
footer.no2{background-color: var(--purcolor);}
footer.no3{background-color: var(--pinkcolor);}
footer.no4{background-color: var(--browncolor);}
footer.no6{background-color: var(--blue2color);}
footer.no5{background-color: var(--link3);}
footer.no7{background-color: var(--link4);}
footer.no8{background-color: var(--link5);}

@media screen and (max-width: 1450px) {
	header .menu ul li .title { font-size: 14px;}
		}

.spec_one{ background-color: #D9D9D9; padding-top: 23px; padding-bottom: 30px; color: var(--bluecolor);}
.spec_one .title{ width: 353px; border-bottom: 1px var(--bluecolor) solid; font-size: 20px; line-height: 2; margin-bottom: 17px; font-weight: bold;}
.spec_one .desc{ font-size: 17px;}
.show1{ padding: 49px 0px; display: flex; align-items: center; justify-content: center;}
.form_box {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position:relative;gap: 22px;
}

.form_box ul:not(.options) {
 display: flex; align-items: flex-end; justify-content: center;gap: 22px;
}

.form_box ul li {
	width: 270px;
	
}

.form_box ul li .txt {
	line-height: 24px;
	margin-bottom: 5px;
}

.form_box .sumbit {
	height: 40px;
	line-height: normal;
	text-align: center;
	width: 111px;
	border-radius: 6px;
	background-color: #003152;
	color: #fff;
	border: 0px;
	cursor: pointer;
}
.form_box .sumbit:hover{ opacity: .9;}
/*选择下拉效果*/

.select-ui {
	width: 100%;
	border: 1px #cfc9d0 solid;
	border-radius: 6px;
	background-color:#fff;
	
}

.select-ui .select {
	position: relative;
}

.select-ui select {
	display: none;
	position: relative;
	width: 100%;
	cursor: pointer;
}

.select-ui .select .button {
	width: 100%;
	padding: 0 8px 0 10px;
	height: 40px;
	line-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
}


.select-ui .select.focus {
	padding: 0px;
}


.select-ui .select.focus .button {
	border-color: rgb(55, 65, 81);
}


.select-ui .select .button .text {
	flex: 1;
	color:inherit;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	overflow: auto;
	box-sizing: border-box;

	display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;

}

.select-ui .select .button .text .placeholder{
	color: #b2b2b2;
}

.select-ui-multiple .select .button .text::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background: #ffffff;
}

.select-ui-multiple .select .button .text::-webkit-scrollbar-thumb {
	background: rgba(214, 216, 221, .7);
	scrollbar-arrow-color: #898989;
	border-radius: 7px;
}


.select-ui .select .button .text .item {
	display: flex;
	margin-right: 5px;
	align-items: center;
	padding: 0 5px;
	color: #ffffff;
	background-color: #333333;
	line-height: 26px;
	white-space: nowrap;
	flex-wrap: nowrap;
	border-radius: 3px;
	font-size: 12px;
}


.select-ui .select .button .fill-current {
	fill: rgb(0, 0, 0);
}


.select-ui .select .options {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	position: absolute;
	top: 100%;
	border-radius: 4px;
	background: #ffffff;
	border: 1px #efeff0 solid;
	display: flex;
	flex-direction: column;
	width: 100%;
	z-index: 1000;

	visibility: hidden;
	opacity: 0;
	box-sizing: border-box;
	margin-top: -8px;
	

}


.select-ui .select.focus .options {
	margin-top: 0px;
	opacity: 1;
	visibility: visible;
	transition: all .3s;
	-webkit-transition: all .3s;
	gap:0px !important;
}


.select-ui .select .options li {
	font-size: 12px;
	text-align: left;
	margin: 0;
	color: #666;
	width: 100%;
	padding: 0px; margin-right:0px !important;
}


.select-ui .select .options li {
	 margin-right:0px !important;
}


.select-ui .select .options li.selected span {
	color: #fff;
	background-color: var(--bluecolor);
}


.select-ui .select .options li span {
	display: block;
	padding: 8px 15px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
}

.select-ui .select .options li span:hover {
	background-color:var(--bluecolor);
	color:#fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.show_tit{ border-bottom: 1px #000 solid;font-size: 16px; font-weight: 600; margin-bottom: 32px; text-align: center; line-height: 2; color: #000;}
.main{ padding-bottom: 78px;}

.Disease_3{ margin-bottom:40px;}
.Disease_3 ul{display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-gap: 27px 14px;
align-items: stretch;
}
.Disease_3 ul li{ text-align:center;}
.Disease_3 ul li .photo{display: flex;
    align-items: center; overflow:hidden;
    justify-content: center; width:107px; height:107px; border-radius:100%; margin:0px auto 7px; box-shadow:0px 0px 4px #ccc;}
.Disease_3 ul li .photo img{ max-width:100%; max-height:100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.Disease_3 ul li .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.Disease_3 ul li:hover .photo{box-shadow:0px 0px 10px #ccc;}

.Disease_3 ul li .tit{ font-size:14px; line-height:1.3; }
.dance2{ margin-bottom: 65px;}
.b_table .view_title .down{ min-width: 138px; height: 30px; background-color:var(--linkColor); color: #fff; text-align: center; line-height: 30px; border-radius: 2px; padding: 0px 15px;}
.b_table .view_title .down:hover{ opacity: .9;}
.tf_box3{ width: 100%; overflow-x: auto;}
.tf_box3 .ta_cont{word-break:break-word;  font-size: 12px;}
.tf_box3 .ta_cont ul{ display: flex; align-items: stretch;    -webkit-transition: background-color .25s ease;border-left: 1px solid #e6e6e6;
    transition: background-color .25s ease; }
.tf_box3 .ta_cont ul li{ flex:1; padding: 12px 10px; line-height: 1.2; display: flex; align-items: center;border-bottom: 1px solid #e6e6e6; overflow: hidden;    border-right: 1px solid #e6e6e6; justify-content: center;}
.tf_box3 .ta_cont ul.first{ background-color:var(--linkColor) !important;    color: #fff; font-weight: bold;  font-size: 12px; }
.tf_box3 .ta_cont ul.first li{ border: 0px; padding: 12px 5px;}
.tf_box3 .ta_cont ul:nth-child(even){background: #f9f9f9;}
.tf_box3 .ta_cont ul.second:hover{ background-color: #f8f8f8;}
.border_5{padding: 20px;
    border-radius: 20px;
    border: 1px #EBEEF5 solid;
    background-color: #FFF;
    box-shadow: 0px 1px 12px rgb(0 0 0 / 10%);}
.b_table .view_title { margin-bottom: 23px;}
.b_table .view_title .tpleft .select-ui{ margin: 0px 7px; width: 190px;}
.b_table .view_title .tpleft .select-ui .select .button{ height: 30px; line-height: 30px;}
.b_table .view_title .search_3 .formbit{width: 176px; padding: 0px 10px;
		border: 1px #cfc9d0 solid; height: 32px; line-height: normal;
		border-radius: 2px; margin-left: 4px;  outline: none;}
.tf_box3 .ta_cont ul li .blue1{ color: var(--linkColor);}

/*翻页*/
.fany{display:flex;align-items: center; justify-content: space-between; margin-top:35px;
}

/*分页*/
.divid-a {
   display: flex;
   align-items: center;
   justify-content: center;
flex-wrap: wrap; font-size:13px;
}
.divid-a a {
   background: #fff;
   color: #606266; background-color: #f4f4f5; font-size:13px;
  min-width:30px;
   padding:0px 5px; height:28px;
   cursor:pointer; margin:0px 5px;
   display: flex; line-height: 28px;
   align-items: center;
   justify-content: center;
    border-radius:2px;
   
} 
.divid-a span{ margin:5px 10px;}

.divid-a a:hover{
	color: #fff;
	 background: var(--linkColor);
	 border:1px var(--linkColor) solid;
  }
.divid-a a.active{
	color: #fff;
	 background: var(--linkColor);
	 border:1px var(--linkColor) solid;
  }
  .divid-a a.active:hover{color: #fff;}
.divid-a .up{font-family:黑体; font-weight: bold;}
.divid-a .up:hover{ color: #333;}
.divid-a .se_col{ width: 130px; margin-right: 15px;}
.divid-a .se_col .select-ui .select .button .text{ text-align: center;color: #606266;}
.divid-a .se_col .select-ui .select .button{ height: 28px; line-height: 28px;}
.divid-a .se_col .select-ui .select .options li span{ margin: 0px; white-space:nowrap;}
.evo_box .photo{ margin-left: 159px; }
.echart_1 {position:relative; min-width:1050px; height:686px;}
.echart_2 {position:relative; padding-bottom:93%;}
.full{ position:absolute;width:100%; height:100%; top:0; left:0;}

.Disease_4{ padding-left: 213px;}
.Disease_4 ul{display: flex; justify-content: space-between; gap: 12px; align-items: stretch;}
.Disease_4 ul li{ flex:1; overflow: hidden; font-size: 11px; text-align: center;}
.Disease_4 ul li .photo{ width: 56px; height: 56px; border: 1px #DFDFDF solid;border-radius: 10px; margin: 0px auto; overflow: hidden; margin-bottom: 5px;box-shadow:3px 3px 3px 0px #e3dede; -webkit-box-shadow:3px 3px 3px 0px #e3dede; }
.Disease_4 ul li .photo img{ width:100%; height:100%; object-fit: cover;
	object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.Disease_4 ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.Disease_4 ul li a{ display: flex; flex-direction: column; height: 100%;}
.Disease_4 ul li a .tit{ display: flex; align-items: center; justify-content: center; flex:1; line-height: 1.3;}

header.no1{ background-color: var(--greencolor);}
header.no2{ background-color: var(--purcolor);}
header.no3{ background-color: var(--pinkcolor);}
header.no4{ background-color: var(--browncolor);}
header.no5{ background-color: var(--link3);}
header.no6{ background-color: var(--blue2color);}
header.no7{ background-color: var(--link4);}
header.no8{ background-color: var(--link5);}
.spec_one.no1{ color: #545F55; background-color:rgb(167 174 158 / 23%);}
.spec_one.no1 .container{ display: flex; align-items: center;}
.spec_one.no1 .container .icon{ margin-right: 50px;}
.spec_one.no1 .container .icon img{ width: 185px; height: auto; border-radius: 25px;}
.spec_one.no1 .container .box{ flex:1; overflow: hidden; padding-top: 10px;}
.spec_one.pur{color: var(--purcolor); background-color:rgb(162 143 177 / 23%);}
.spec_one.pink{ color: var(--pinkcolor); background-color:rgb(188 182 193 / 46%);}
.spec_one.brown{ color:var(--browncolor); background-color:rgb(220 190 161 / 30%);}

.spec_one.no1 .title{border-bottom: 1px var(--greencolor) solid;}
.spec_one.pur .title{border-bottom: 1px var(--purcolor) solid;}
.spec_one.pink .title{border-bottom: 1px var(--pinkcolor) solid;}
.spec_one.brown .title{border-bottom: 1px var(--browncolor) solid;}
.spec_one.no5 .title{border-bottom: 1px var(--link3) solid;}
.spec_one.no7 .title{border-bottom: 1px var(--link4) solid;}
.spec_one.no8 .title{border-bottom: 1px var(--link5) solid;}

header.no1 .menu ul li .submenu dd a{ color:var(--greencolor);}
header.no2 .menu ul li .submenu dd a{ color: var(--purcolor);}
header.no3 .menu ul li .submenu dd a{ color: var(--pinkcolor);}
header.no4 .menu ul li .submenu dd a{ color: var(--browncolor);}
header.no5 .menu ul li .submenu dd a{ color: var(--link3);}
header.no6 .menu ul li .submenu dd a{ color: var(--blue2color);}
header.no8 .menu ul li .submenu dd a{ color: var(--link4);}
.spec_one.no6{ color: #4B5A69; background-color:#eaecef;}
.spec_one.no5{ color: var(--link3); background-color:#f3edef;}
.spec_one.no7{ color: var(--link4); background-color:#ececec;}
.spec_one.no8{ color: var(--link5); background-color:#ececec;}

.Disease_31 ul{display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-gap: 20px 10px;
align-items: stretch;
}
.Disease_31 ul li{ text-align:center;}
.Disease_31 ul li .photo{display: flex;
    align-items: center; 
    justify-content: center; width:70px; height:70px;margin:0px auto 7px;}
.Disease_31 ul li .photo img{ max-width:100%; max-height:100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.Disease_31 ul li .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.Disease_31 ul li .tit{ font-size:12px; line-height:1.3; flex:1; display: flex; align-items: center; justify-content: center;}
.Disease_31 ul li a{ height: 100%; display: flex; flex-direction: column;}
.show_tit.no1{ color: var(--greencolor);}
.show_tit.no2{ color: var(--purcolor);}
.show_tit.no3{ color: var(--pinkcolor);}
.show_tit.no4{ color: var(--browncolor);}
.show_tit.no5{ color: var(--link3);}
.show_tit.no6{ color:var(--blue2color);}
.show_tit.no7{ color:var(--link4);}
.show_tit.no8{ color:var(--link5);}

.Atlas_list{ display: flex; align-items:flex-start; gap: 34px;}
.Atlas_list .photo{ width: 50%; margin-top: 70px;}
.Atlas_list .box{ flex:1;}
.Atlas_list .box .form_box{ width: 365px; margin: 0px auto 18px;}
.form_box.no2 .sumbit{background-color: var(--greencolor);}
.form_box.no2 .select-ui .select .options li span:hover{ background-color: var(--greencolor);}
.form_box.no2 .select-ui .select .options li.selected span{ background-color: var(--greencolor);}

.form_box.no3 .sumbit{background-color: var(--purcolor);}
.form_box.no3 .select-ui .select .options li span:hover{ background-color: var(--purcolor);}
.form_box.no3 .select-ui .select .options li.selected span{ background-color: var(--purcolor);}

.form_box.no4 .sumbit{background-color: var(--pinkcolor);}
.form_box.no4 .select-ui .select .options li span:hover{ background-color: var(--pinkcolor);}
.form_box.no4 .select-ui .select .options li.selected span{ background-color: var(--pinkcolor);}

.form_box.no5 .sumbit{background-color: var(--browncolor);}
.form_box.no5 .select-ui .select .options li span:hover{ background-color: var(--browncolor);}
.form_box.no5 .select-ui .select .options li.selected span{ background-color: var(--browncolor);}

.tutorial_list{ margin-top: 21px;}
.tutorial_list ul li{ margin-bottom: 18px;}
.tutorial_list ul li .title{ display: flex; align-items: center; background-color: #e8ecef; min-height: 45px; font-size: 16px; font-weight: 700; border-radius: 10px; padding: 0px 17px 0px 0px; position: relative; cursor: pointer;}
.tutorial_list ul li .title:before{ content: ""; width: 7px; height: 40px; left: 0px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); border-radius: 10px; background-color: #005086; position: absolute;}
.tutorial_list ul li .icon{ width: 29px; height: 26px; background-image: url(../images/add.png); background-position: center;background-repeat: no-repeat; background-size: 100% auto; margin: 0px 20px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.tutorial_list ul li .box{ font-size: 16px; padding:24px 17px; color: #000; display: none;}
.tutorial_list ul li .box .txt{ font-size: 24px; font-weight: 600;}
.tutorial_list ul li .box .pic{ margin: 24px 0px;}
.tutorial_list ul li.active .icon{background-image: url(../images/minus.png); }

.part_3.no2{ padding-top:0px;}

.tf_box3 .ta_cont ul li .check_b[type='checkbox']{width:13px; height:13px; border-radius: 50%; border:1px #003152 solid; -webkit-appearance: none;outline: none; 
    cursor: pointer;}
	.tf_box3 .ta_cont ul li .check_b[type=checkbox]:checked {  
    background: url(../images/icon-select.png) no-repeat center;
	background-size:cover;
    border: 0px ;
}
.tf_box3 .ta_cont.brain_diz ul li.no1{ width: 70px; flex:none;}
.show1.no5 .select-ui .select .options li.selected span{ background-color: var(--link3);}
.show1.no5 .select-ui .select .options li span:hover{ background-color: var(--link3);}
.show1.no5 .form_box .sumbit{background-color: var(--link3);}
.cate_class.no5 ul li.cur a{ background-color: var(--link3); border: 1px var(--link3) solid;}
.cate_class.no5 ul li a{ border: 1px var(--link3) solid;}
.cate_class.no5 ul li .lab{ background-color: var(--link3);}
.tabcontent_1.no5 .mammal_1 ul li{ background-color: var(--link3); border: 1px var(--link3) solid;}
.tabcontent_1.no5 .mammal_1 ul li .content{background-color: var(--link3);}
.b_table.no5 .select-ui .select .options li.selected span{ background-color: var(--link3);}
.b_table.no5 .select-ui .select .options li span:hover{ background-color: var(--link3);}
.b_table.no5 .view_title .down{background-color: var(--link3);}
.b_table.no5 .tf_box3 .ta_cont ul.first{background-color: var(--link3) !important;}
.b_table.no5 .divid-a a.active,.b_table.no5 .divid-a a:hover{background-color: var(--link3); border: 1px var(--link3) solid;}


/* new 0611 */
.data_1{ align-items: stretch; gap: 40px;}
.r_cont {
	flex:1;
	border: 1px #dbdbdb solid;
	border-radius: 7px;
	padding: 27px;
	box-shadow: rgb(0 0 0 / 14%) 0px 0px 16px 0px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.r_cont .photo {
	width: 162px;
	margin-right: 10px;
	margin-left: 25px;
}

.r_cont .infor {
	flex: 1;
}
.r_cont .infor .title {
	color: var(--link3);
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 18px;
}

.r_cont .infor .red {
	color: var(--link3);
}
.da_right{ width: 558px; padding-top: 13px;}
.da_title{ font-size: 20px; font-weight: 600; color: var(--link3);}
.date_2{ margin-bottom: 30px;}
.date_2.no2{ margin-bottom: 20px;}
.date_2 .txt{color: var(--link3);
	font-size: 20px;
	font-weight: bold; margin: 0px 17px;}
.date_2 .line{ flex:1; height: 1px; background-color: var(--link3);}
.date_2 img{ height: 15px; width: auto;}
.Result{ align-items: stretch; gap: 10px;}
.Result .box{ flex:1;}
.Result .box_2{ width: 58%;}
.Result .d_ehcart{ padding-left: 5px;}
.Result .da_title{ text-align: center; font-size: 16px; font-weight: 600; margin-bottom: 0px;}
 .date_3 .b_class { margin-bottom: 24px;}
 .date_3 .b_class ul li{ background-color: #f2ecee;  height: 28px; line-height: 28px; text-align: center; border-radius: 7px; cursor: pointer; }
 .date_3 .b_class ul li.cur{ background-color: var(--link3); color: #fff;}
  .date_3 .b_class ul{    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 12px 10px;
    align-items: stretch;}
  .date_3 .border_5{ border-radius: 5px;}
  .tf_box3 .ta_cont ul.first{ background-color: #fff !important;    color: #333; font-weight: bold; border: 1px #808080 solid; }
.tf_box3.num51 .ta_cont ul.first li{ border: 0px;}
.tf_box3.num51 .ta_cont ul:nth-child(odd){background: #f9f9f9;}
.tf_box3.num51 .ta_cont ul:nth-child(even){ background-color: #fff;}
.tf_box3.num51 .ta_cont ul:hover{background: #f9f9f9;}
.tf_box3.num51 .ta_cont ul li.no1 .check_b[type='radio']{width:12px; height:12px; border:1px var(--link3) solid; -webkit-appearance: none;outline: none; border-radius: 50%;
    cursor: pointer;}
.tf_box3.num51 .ta_cont ul li.no1 .check_b[type=radio]:checked {
    width:12px; height:12px; 
    background: url(../images/checkbox.png)no-repeat center;
	background-size:cover;
    border: 0px ;
}
.tf_box3.num51 .ta_cont ul li.no1{ width: 60px;justify-content: center; flex:none;}
.tf_box3.num51 .ta_cont ul li.no3{    width: 25%; flex:none}
.tf_box3.num51 .ta_cont ul li.no2{    width: 12.5%; flex:none}
.tf_box3.num51 .ta_cont ul li.no4{    width: 12.5%; flex:none}
.tf_box3.num51 .ta_cont ul li{justify-content: flex-start;}

.tabcontent_1 .b_table{ display: none;}
.tabcontent_1 .b_table.cur{ display: block;}
.date_3{ margin-bottom: 30px;}
.date_4 ul li{ margin-bottom: 10px; text-align: center;}
.date_5{ align-items: stretch; gap: 48px; width: 872px; margin: 0px auto 30px;}

.date_5 .box{ flex:1;}
.form_box.no7 .sumbit{ background-color: #fff; color: var(--link3); border: 1px var(--link3) solid;}
.form_box.no7 .sumbit:hover{ background-color: var(--link3); }
.form_box.no7 .select-ui .select .options li span:hover{ background-color: var(--link3);}
.form_box.no7 .select-ui .select .options li.selected span{background-color: var(--link3);}
.form-control{ width: 100%;border: 1px #cfc9d0 solid; border-radius: 10px; padding: 13px; height: 232px; outline: none; margin-top: 22px;}
.form-control option{ padding: 3px; font-size: 13px;}
.form-control option:checked { background-color: #D9D9D9 !important; color: #fff;}

.date_5 .tool_1 { margin-top: 9px;}
.date_5 .tool_1 .sumbit1{ height: 22px; width: 54px; text-align: center;color:var(--link3); border: 1px var(--link3) solid; border-radius: 8px; margin: 0px 3px; font-size: 13px; line-height: normal; background-color: #fff; cursor: pointer;}
.date_5 .tool_1 .sumbit1:hover{ background-color: var(--link3); color: #fff;}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.date_5 .plot_1{ display: flex; justify-content: flex-end; margin-top: 13px;}
.date_5 .plot_1 .sumbit1{ height: 40px; width: 111px; text-align: center;color:#fff; border: 1px var(--link3) solid; border-radius: 8px; margin: 0px 3px; font-size: 16px; line-height: normal; background-color:var(--link3);  cursor: pointer;}
.date_5 .plot_1 .sumbit1:hover{ opacity: .9;}
.form-control.no2{ height: 280px;}
.diyselect{ overflow:hidden auto;}
.diyselect .option{ cursor:pointer; padding:0 20px;}
.diyselect .selected{background: #D9D9D9;}
.diyselect::-webkit-scrollbar {
    width: 5px;
	height:5px;
	background:#eee;
	border-radius:10px;
}
.diyselect::-webkit-scrollbar-thumb {
    background: #9b9b9b;
    scrollbar-arrow-color:#9b9b9b;
	border-radius:10px;
}


.index_mammal ul li{
	position:relative;
	overflow:visible;
	border:none;
}

.index_mammal ul li a{
	border-radius: 8px;
    overflow: hidden;
    border: 1px var(--linkColor) solid;
}

.index_mammal .popup{
	position:absolute;
	width:599px;
	background:#ffffff;
	border-radius:10px;
	border:solid 1px #D9D9D9;
	z-index:99;
	padding:31px 34px;
	top:calc(100% + 15px);
	left:0;
	display:none;
	box-shadow:0px 15px 20px #dfdfdf;
}

.index_mammal ul li:nth-child(6n+4) .popup,
.index_mammal ul li:nth-child(6n+5) .popup,
.index_mammal ul li:nth-child(6n+6) .popup{
	left:auto;
	right:0;
}

.index_mammal ul li:hover .popup{
	display:block;
}

.popup .title{
	color:#003152;
	font-size:20px;
	margin-bottom:17px;
}

.popup .info{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.popup .info img{
	width:155px;
	height:145px;
	object-fit:contain;
}

.popup .info .txt{
	margin-bottom:17px;
}

.popup .desc{
	font-size:16px;
	color:#1E1E1E;
}

.popup .downloadbtn{
	width:auto;
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 15px;
	color:#ffffff;
	background-color:#003152;
	font-size:16px;
}

.popup .tablebox{
	margin-top:17px;
	color:#333;
	border:solid 1px #dfdfdf;
	border-radius:10px;
	overflow:hidden;
}

.popup .head{
	background:#f2f2f2;
	font-weight:bold;
}

.popup ul{
	display:block;
}

.popup ul li{
	display:flex;
	background-color:#ffffff;
	border-radius:0;
}

.popup ul li span{
	width:100px;
	height:40px;
	line-height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-right:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
}

.popup ul li span:last-child{
	flex:1;
	overflow:hidden;
	border-right:none;
}

.popup ul li:last-child span{
	border-bottom:none;
}

.popup .closed{
	color:red;
	font-size:16px;
	position:absolute;
	right:15px;
	top:10px;
}