body {
	margin: 0px;
	padding: 0px;
	background-color: #0c1a30;
}

a {
	text-decoration: none;
}

@font-face {
	font-family: ShiShangZhongHeiJianTi;
	src: url(ShiShangZhongHeiJianTi.TTF);
}

.text-color {
	color: #191919;
	font-family: "微软雅黑";
}

.body-wrap {
	width: 1840px;
	margin: auto;
}

.float {
	float: left;
}
video:focus{
       outline: none;
}

.line-clamp-two {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-clamp-three {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.line-clamp-one {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	cursor: pointer;
}

.body-bg {
	width: 100%;
	background: url(../img/body-bg.png) no-repeat 100% 100%;
	overflow: hidden;
	background-size: 100% 100%;
	/* padding: 30px 0px 30px 0px; */
	height: 1080px;
}


.head-nav-wrap {
	width: 100%;
	height: 100px;
	/* margin-top: 32px; */
}

.head-nav-wrap .nav-logo-wrap {
	width: 30%;
	height: 100px;
}

.head-nav-wrap .nav-logo-wrap img {
	/* height: 60px; */
	position: absolute;
	left: 2%;
	top: 28px;
}

.head-nav-wrap .nav-menu-wrap {
	width: 48%;
	height: 100px;
	/* line-height: 100px; */
}

.head-nav-wrap .nav-menu-wrap .menu-item {
	/*width: 179px;*/
	/* width: 214px; */
	padding: 10px 22px 10px 22px;
	height: 30px;
	margin-top: 40px;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	color: #FFFFFF;
	cursor: pointer;
}

.head-nav-wrap .nav-menu-wrap .menu-item:nth-child(1) {
	/* padding-left: 0px; */
}

.head-nav-wrap .nav-menu-wrap .current {
	background: url(../img/nav-current-bg.png) no-repeat;
	background-size: 100% 100%;
	color: #FFB76B;
}

.year-box .time {
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 12px;
	color: #FFFFFF;
	margin-top: 48px;
}

.year-box .eg-time {
	/* font-family: ShiShangZhongHeiJianTi; */
	/* font-style: normal; */
	/* font-weight: 500; */
	font-size: 14px;
	/* line-height: 12px; */
	color: #FFFFFF;
}

.time-box {
	margin-top: 48px;
	height: 24px;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	/* line-height: 36px; */
	/* identical to box height */
	color: #FFFFFF;
}

.weather-box {
	margin-top: 48px;
	font-family: Geogrotesque;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	/* line-height: 37px; */
	color: #FFFFFF;
}

.head-nav-wrap .nav-menu-wrap .menu-item .item-icon {
	line-height: 68px;
	float: right;
}

.head-nav-wrap .nav-menu-wrap .menu-item .item-text {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.8);
	float: right;
	margin-left: 10px;
}

.head-nav-wrap .nav-menu-wrap .menu-item .item-text a {
	color: rgba(255, 255, 255, 0.8);
}

.head-nav-wrap .nav-menu-wrap .current .item-text a {
	color: #00B96E;
}

.left-box {
	width: 30%;
	/* height: 800px; */
	/* border: 1px solid #eee; */
}

.production-box {
	height: 200px;
}

.production-box .title-box {
	padding: 0px 32px;
}

.production-box .title {
	font-family: 'ShiShangZhongHeiJianTi';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.8);
}

.production-box .char-box {
	width: 60%;
	height: 160px;
	/* border: 1px solid #eee; */
}

.production-cate-box {
	width: 28%;
	height: 160px;
	/* border: 1px solid #eee; */
	padding: 0px 32px;
}

.production-cate-box .cate-item {
	width: 100px;
	padding: 4px 10px;
	background: linear-gradient(269.86deg, rgba(255, 255, 255, 0.16) 1.32%, rgba(255, 255, 255, 0) 99.88%);
	border-radius: 0px 12px 12px 0px;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: rgba(255, 255, 255, 0.6);
	border-left: 6px solid rgba(255, 255, 255, 0.8);
	margin-top: 10px;
	cursor: pointer;
}

.production-cate-box .current {
	width: 120px;
	padding: 4px 10px;
	background: linear-gradient(269.86deg, rgba(255, 183, 107, 0.36) 1.32%, rgba(255, 240, 206, 0) 99.88%);
	border-radius: 0px 12px 12px 0px;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #FFB76B;
	border-left: 6px solid #FFB76B;
	margin-top: 10px;
	cursor: pointer;
}

.center-box {
	width: 40%;
	height: 800px;
	/* border: 1px solid #eee; */
}

.right-box {
	width: 29%;
	height: 800px;
	/* border: 1px solid #eee; */
}

.company-box .title-box {
	padding: 0px 32px;
}

.company-box .title {
	font-family: 'ShiShangZhongHeiJianTi';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.8);
}

.company-con-box {
	height: 320px;
	padding: 20px 0px;
}

.company-con-box .company-con-left {
	width: 30px;
	font-family: 'ShiShangZhongHeiJianTi';
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: rgba(255, 255, 255, 0.5);
	padding: 0px 32px;
	/* height: 80px; */
}

.company-con-box .company-con-left .change-item {
	background: linear-gradient(269.86deg, rgba(255, 255, 255, 0.16) 1.32%, rgba(255, 255, 255, 0) 99.88%);
	border-radius: 0px;
	font-size: 16px;
	border: 1px solid;
	padding: 20px 5px;
	line-height: 22px;
	cursor: pointer;
}

.company-con-box .company-con-left .current {
	background: linear-gradient(269.86deg, rgba(255, 183, 107, 0.36) 1.32%, rgba(255, 240, 206, 0) 99.88%);
	/* background: -webkit-linear-gradient(rgba(255, 240, 206, 0),rgba(255, 183, 107, 0.36)); */
	color: #FFB76B;
}

.company-con-box .company-con-left .current::after {
	background: -webkit-linear-gradient(rgba(255, 240, 206, 0), rgba(255, 183, 107, 0.36));
}

.company-con-right {
	width: 80%;
}

.company-con-right .list {
	height: 42px;
	line-height: 42px;
	width: 100%;
	background: linear-gradient(269.86deg, rgba(255, 255, 255, 0.16) 1.32%, rgba(255, 255, 255, 0) 99.88%);
	border-radius: 0px;
	border: 1px solid linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	/* line-height: 225%; */
	/* identical to box height, or 27px */
	color: #FFF0CE;
	margin-top: 10px;
	cursor: pointer;
}

.company-con-right .list .ID {
	/* padding: 10px 10px; */
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
	top: 10px;
}

.company-con-right .list .company-title {
	padding: 0px 10px;
	width: 86%;
}

.people-scale-info-box .info-box {
	padding: 48px 0px;
}

.people-scale-info-box .info-box .item {
	height: 28px;
	padding: 10px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.people-scale-info-box .info-box .item:nth-child(1) {
	border-top: 0px;
}

.people-scale-info-box .info-box .item:nth-child(1) .icon {
	padding: 8px 8px;
	background-color: #00B8F2;
}

.people-scale-info-box .info-box .item:nth-child(2) .icon {
	padding: 8px 8px;
	background-color: #FFB76B;
}

.people-scale-info-box .info-box .item:nth-child(3) .icon {
	padding: 8px 8px;
	background-color: #E23695;
}

.people-scale-info-box .info-box .item .info-title {
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	color: #FFFFFF;
	width: 100px;
	padding-left: 10px;
}

.people-scale-info-box .info-box .item .number {
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	/* identical to box height */
	text-align: right;
	color: #FFF0CE;
	width: 72px;
}

.company-intr-box .title-box {
	padding: 0px 32px;
}

.company-intr-box .title {
	font-family: 'ShiShangZhongHeiJianTi';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.8);
}

.company-intr-box .intr-box {
	padding: 20px 32px;
	margin-left: 32px;
	margin-top: 20px;
	border: 1px solid;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 32px;
	/* or 27px */
	color: #FFF0CE;
	border-image-source: linear-gradient(270deg, #FFB76B 0%, rgba(255, 240, 206, 0.18) 101.31%);
	background: linear-gradient(201.9deg, rgba(255, 183, 107, 0.36) 9.43%, rgba(255, 240, 206, 0) 100.31%);
}

.orchard-info-box {
	padding: 20px 32px;
	margin-left: 32px;
	margin-top: 20px;
	border: 1px solid;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	/* or 27px */
	color: #FFF0CE;
	overflow: hidden;
	border-image-source: linear-gradient(270deg, #FFB76B 0%, rgba(255, 240, 206, 0.18) 101.31%);
	background: linear-gradient(201.9deg, rgba(255, 183, 107, 0.36) 9.43%, rgba(255, 240, 206, 0) 100.31%);
}

.orchard-info-box .info-top {
	padding: 12px 0px;
	border-bottom: 1px solid rgba(255, 183, 107, 0.2);
	overflow: hidden;
	/* border: 1px solid; */
	/* border-image-source: linear-gradient(90.01deg, #FFB76B 3.05%, rgba(255, 240, 206, 0.18) 100.7%); */
}

.orchard-info-box .info-center {
	border-bottom: 1px solid rgba(255, 183, 107, 0.2);
	padding: 22px 0px;
	overflow: hidden;
	/* border: 1px solid; */
	/* border-image-source: linear-gradient(90.01deg, #FFB76B 3.05%, rgba(255, 240, 206, 0.18) 100.7%); */
}

.orchard-info-box .info-bottom {
	padding: 22px 0px;
	overflow: hidden;
}

.orchard-info-box .info-top .icon-box {
	width: 60px;
}

.orchard-info-box .info-top .name-box {
	width: 76%;
	font-size: 16px;
	font-weight: 400;
	/* line-height: 32px; */
}

.orchard-info-box .info-top .name-box .tag-box {
	font-size: 14px;
	line-height: 32px;
}

.orchard-info-box .info-top .name-box .tag-box .tag-item {
	margin-left: 20px;
}

.orchard-info-box .info-top .name-box .tag-box .tag-item:nth-child(1) {
	margin-left: 0px;
}

.orchard-info-box .info-center {
	line-height: 32px;
	font-size: 14px;
}

.orchard-info-box .info-bottom .share-box .item {
	padding: 0px 43px;
	border-left: 1px solid rgba(255, 183, 107, 0.2);
}

.orchard-info-box .info-bottom .share-box .item:nth-child(1) {
	border-left: 0px;
}

.orchard-atlas-box {
	padding: 20px 0px;
	margin-left: 32px;
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid;
	border-image-source: linear-gradient(270deg, #FFB76B 0%, rgba(255, 240, 206, 0.18) 101.31%);
	background: linear-gradient(201.9deg, rgba(255, 183, 107, 0.36) 9.43%, rgba(255, 240, 206, 0) 100.31%);
}

.orchard-atlas-box .more {
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	/* identical to box height */
	color: #FFB76B;
	text-align: right;
}

.atlas-list-box {
	padding: 0px 32px;
}

.atlas-list-box .list {
	margin-left: 15px;
}

.atlas-list-box .list:nth-child(1) {
	margin-left: 0px;
}

.constr-box .title-box {
	padding: 0px 32px;
}

.constr-box .title {
	font-family: 'ShiShangZhongHeiJianTi';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.8);
}

.table-box {
	padding: 0px 32px;
}

.table-title {
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 225%;
	/* identical to box height, or 27px */
	color: rgba(255, 255, 255, 0.5);
}

.table-title .item {
	padding: 10px 0px;
	text-align: left;
}

.table-con-box .item {
	border: 1px solid;
	overflow: hidden;
	padding: 0px 0px;
	height: 48px;
	line-height: 48px;
	border-image-source: linear-gradient(270deg, #FFB76B 0%, rgba(255, 240, 206, 0.18) 101.31%);
	background: linear-gradient(269.86deg, rgba(255, 255, 255, 0.16) 1.32%, rgba(255, 255, 255, 0) 99.88%);
	border-radius: 0px;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	/* identical to box height, or 31px */
	color: #FFFFFF;
	border-left: 0px;
	margin-top: 10px;
	/* border-right: 0px; */
}
.popups-box{
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}
.popups-box .new-box{
	width: 820px;
	height: 880px;
	background: #FFFFFF;
	margin: 100px auto;
	padding: 22px 22px;
	
}
.close-box{
	text-align: right;
	padding: 0px 0px;
	cursor: pointer;
}
.close-box img{
	width: 32px;
}
.new-box .title-box{
	text-align: center;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	color: #333;
}
.new-box .tag-box{
	margin: 0px auto;
	width: 70%;
	height: 48px;
	font-family: ShiShangZhongHeiJianTi;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}
.new-box .tag-box .item{
	padding: 20px 6px;
}
.new-box .tag-box .item .float{
	margin-left: 10px;
}
.new-box .con-box{
	text-align: center;
	width: 100%;
	height: 80%;
	overflow-y:scroll;
	/* font-family: ShiShangZhongHeiJianTi; */
}

.IDbox {
	width: 24px;
	height: 24px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	line-height: 24px;
	text-align: center;
}

.footer-copy-wrap {
	position: absolute;
	border: 100%;
	height: 20px;
	bottom: 0px;
	width: 100%;
}

.footer-copy-wrap .copy {
	text-align: center;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}
.orchard-atlas-box .icon-box{
	width: 8%;
}
.weather-box-pl{
	width: 80%;
}
.weather-box-pl .info-top .item{
	width: 30%;
	text-align: left;
	font-family: ShiShangZhongHeiJianTi;
	color: rgba(255, 255, 255, 1);
	line-height: 48px;
}
.weather-box-pl .info-top .item:nth-child(1){
	text-align: center;
}
.weather-box-pl .info-bottom .item{
	width: 33%;
	text-align: left;
	font-size: 12px;
	font-family: ShiShangZhongHeiJianTi;
}
.weather-box-pl .info-bottom .item .title{
	color: #749f71;
	
}
.weather-box-pl .info-left{
	width: 33%;
	/* font-family: ShiShangZhongHeiJianTi; */
}
.weather-box-pl .info-center{
	width: 33%;
	/* font-family: ShiShangZhongHeiJianTi; */
}
.weather-box-pl .info-right{
	width: 33%;
	/* font-family: ShiShangZhongHeiJianTi; */
}
.weather-box-pl .item-number{
	font-size: 14px;
	color: #FFFFFF; 
	text-align: left;
	font-weight: bold;
	line-height: 28px;
}
.weather-box-pl .item-title{
	font-size: 12px;
	color: #749f71;
	text-align: left;
	/* font-weight: 600; */
}