* {
	padding: 0;
	margin: 0;
}

a,
p,
span,
b,
ul,
li,
div {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
}

.w_arial13 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 1px;
}

.b_arial13 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 13px;
	color: #3d3d3d;
}

.b_arial14 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 14px;
	color: #3d3d3d;
}

.w_arial14 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 14px;
	color: #FFFFFF;
}

.b_arial15 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 15px;
	color: #3d3d3d;
}

.w_arial15 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 15px;
	color: #FFFFFF;
}

.w_arial16 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 16px;
	color: #FFFFFF;
}

.b_arial16 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 16px;
	color: #3d3d3d;
}

.b_arial16b {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 16px;
	color: #3d3d3d;
	font-weight: bold;
}

.w_arial17 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 17px;
	color: #FFFFFF;
}

.b_arial17 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 17px;
	color: #3d3d3d;
}

.b_arial18 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 18px;
	color: #3d3d3d;
}

.w_arial18 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 18px;
	color: #FFFFFF;
}

.s_arial20 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 20px;
	color: #FFFFFF;
}

.b_arial20 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 20px;
	color: #3d3d3d;
}

.b_arial24 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 1.5rem;
	color: #3d3d3d;
}

.w_arial20 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 20px;
	color: #FFFFFF;
}

.w_arial24 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 24px;
	color: #FFFFFF;
}

.b_arial25 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 25px;
	color: #3d3d3d;
}

.w_arial25 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 25px;
	color: #FFFFFF;
}

.b_arial28 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 28px;
	color: #3d3d3d;
}

.w_arial28 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 28px;
	color: #FFFFFF;
}

.w_arial30 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 30px;
	color: #FFFFFF;
}

.b_arial30 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 30px;
	color: #3d3d3d;
}

.b_arial33 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 33px;
	color: #3d3d3d;
}

.w_arial33 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 33px;
	color: #FFFFFF;
}

.b_arial36 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 36px;
	color: #3d3d3d;
}

.w_arial36 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 36px;
	color: #FFFFFF;
}

.b_arial40 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 40px;
	color: #3d3d3d;
}

.w_arial40 {
	font-family: "Helvetica Neue", "Verdana", "sans-serif";
	font-size: 40px;
	color: #FFFFFF;
}

#box {
	width: 1300px;
	/* border: 1px solid red; */
	margin: 0 auto;
}

#head_menu {
	/* border: 1px solid red; */
}

#head_menu .mobile_menu input,
#head_menu .mobile_menu label {
	display: none;
}

#head_menu ul {
	overflow: hidden;
	border-radius: 10px;
}

#head_menu ul li {
	list-style: none;
	float: left;
	background-color: #5c787c;
	color: #F0F0F0;
	height: 55px;
	line-height: 55px;
	/* padding: 0 32.4px 0 32px; */
}

#head_menu ul li.nav-title1 {
	width: 14%;
}

#head_menu ul li.nav-title2 {
	width: 15%;
}

#head_menu ul li.nav-title3 {
	width: 14%;
}

#head_menu ul li.nav-title4 {
	width: 14%;
}

#head_menu ul li.nav-title5 {
	width: 15%;
}

#head_menu ul li.nav-title6 {
	width: 14%;
}

#head_menu ul li.nav-title7 {
	width: 14%;
}

#head_menu ul li.nav-title8 {
	width: 11%;
}

#head_menu ul li.nav-title9 {
	width: 10%;
}

#head_menu ul li a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	/* font-weight: bold; */
	font-size: 17px;
	display: block;
}

#top_img {
	position: relative;
	width: 100%;

	/* border: 5px solid red; */
	overflow: hidden;
	margin-top: 0.6rem;

}

#top_img .radio+label,
.radio {
	display: none;
}

#top_img #scroll_img {
	transition: all 1s;
	width: 2600px;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
}

#top_img #scroll_img img {
	display: block;
	width: 1300px;
}

#top_img #scroll_img .p1 {
	position: absolute;
	top: 25%;
	left: 7%;
	width: 25%;
}

#top_img #scroll_img .p2 {
	position: absolute;
	top: 45%;
	left: 7%;
	width: 20%;
	line-height: 1.5rem;
}

#top_img #scroll_img .p3 {
	position: absolute;
	top: 25%;
	left: 53%;
	width: 25%;
}

#top_img #scroll_img .p4 {
	position: absolute;
	top: 45%;
	left: 53%;
	width: 22%;
	line-height: 1.5rem;
}

#top_img #scroll-two:checked~#scroll_img {
	transform: translateX(-50%);
}

#top_img #scroll-three:checked~#scroll_img {
	transform: translateX(50%);
}

#top_img #scroll_div {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

#top_img #scroll_div1 {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

#top_img #scroll_div label {
	display: none;
}

#top_img #scroll_div1 label {
	display: none;
}

#top_img #scroll-one:checked~#scroll_div .class2 {
	display: block;
}

#top_img #scroll-two:checked~#scroll_div1 .class3 {
	display: block;
}



#top_detail {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: 1rem;
}

#top_detail div {
	width: 100%;
	order: 1;
}

#top_detail .select_label {
	display: none;
}

#top_detail .select_img img {
	width: 55%;
	display: block;
}

#top_detail .radio,
#top_detail .select_img {
	display: none;
}

#top_detail .top_detail_imgs {
	display: block;
	display: flex;
	margin-top: 0.3rem;
}

#top_detail .top_detail_imgs label {
	box-sizing: border-box;
	width: 20%;
	padding: 0 0rem 0 0rem;
	border: 5px solid white;
}

#top_detail .top_detail_imgs label img {
	width: 100%;
	display: block;
}

#top_detail #tab-one:checked~.top_detail_imgs label:nth-child(1) {
	border: 5px solid black;
}

#top_detail #tab-two:checked~.top_detail_imgs label:nth-child(2) {
	border: 5px solid black;
}

#top_detail #tab-three:checked~.top_detail_imgs label:nth-child(3) {
	border: 5px solid black;
}

#top_detail #tab-four:checked~.top_detail_imgs label:nth-child(4) {
	border: 5px solid black;
}

#top_detail #tab-five:checked~.top_detail_imgs label:nth-child(5) {
	border: 5px solid black;
}

#top_detail .radio:checked+label+div {
	display: block;
}

#top_detail .select_img {
	position: relative;
}

#top_detail .top_detail_div {
	position: absolute;
	width: 47%;
	background-color: #F7F8F9;
	right: 0;
	padding: 3rem 4rem 0 5rem;
	box-sizing: border-box;
	height: 550px;
}

#top_detail .select_img .p1 {
	position: absolute;
	top: 89%;
	left: 2%;
	text-align: center;
	width: auto;
	box-sizing: border-box;
	line-height: 1.3rem;
	border: 1px solid whitesmoke;
	border-radius: 4px;
	padding: 5px 1% 5px 1%;
	color: #fff;
}

.black {
	border: 1px solid whitesmoke;
	left: 10% !important;
	color: #fff !important;
}

#top_detail .select_img2 .p1 {
	border: 1px solid #fff;
}

#top_detail .select_img3 .p1 {
	border: 1px solid #fff;
}

#top_detail .top_detail_div p {}

#top_detail .top_detail_div ul {
	margin: 2rem 0 0 0;
}

#top_detail .top_detail_div ul li {
	line-height: 1.5rem;
}

#middle1 {
	position: relative;
	margin-top: 36px;
	/* border: 3px solid red; */
	padding-left: 0px;
	padding-top: 30px;
	overflow: hidden;
}

#middle1 .middle1_img1,
#middle1 .middle1_img2 {
	margin: 0 auto;
	display: block;
}

#middle1 .middle1_p1 {
	text-align: center;
	margin: 3% 0 0 0;
	/* border: 1px solid red; */
}

#middle1 .middle1_p2 {
	text-align: center;
	margin: 3% 0 0 0;
	line-height: 24px;
	/* border: 1px solid red; */
}

.word_div2 {
	margin: 26px 0 0 0;
}

#middle2 {
	position: relative;
	margin: 0 auto;
	margin-top: 16px;
	/* border-bottom: 5rem solid #213130; */
	/* background-color: #213130; */
}

#middle2 .bg {
	/* height: 750px; */
	width: 1300px;
	display: block;
}

#middle2 .logo {
	width: 13%;
	position: absolute;
	top: 12%;
	left: 5.4%;
}

#middle2 p {
	position: absolute;
}

#middle2 .middle2_p1 {
	top: 36%;
	left: 6%;
}

#middle2 .middle2_p2 {
	top: 46%;
	left: 6%;
	width: 25%;
	line-height: 1.5rem;
}

#middle3b {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 0rem 7% 0 7%;
	box-sizing: border-box;
	/* background-color: #F7F8F9; */
}

#middle3b .middle3b_imgs {
	display: flex;
	justify-content: center;
}

#middle3b .middle3b_imgs img {
	display: block;
	width: 100%;
}

#middle3b .p1 {
	width: 100%;
	border-top: 1px solid #7B7B7B;
	padding: 2rem 0 0 0;
}

#middle3b .middle3b_div {
	flex-direction: row;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 2rem 0 3rem 0;
	display: flex;
	justify-content: space-around;
}

#middle3b .middle3b_div ul {
	width: 50%;
}

/* #middle3b .middle3b_div ul:first-child li:nth-child(4),#middle3b .middle3b_div ul:first-child li:nth-child(3),
#middle3b .middle3b_div ul:first-child li:nth-child(5),#middle3b .middle3b_div ul:first-child li:nth-child(6){
	width: 200%;
} */
#middle3b .middle3b_div ul li {
	line-height: 2.2rem;
	list-style: none;
	/* border-bottom: 1px solid #7B7B7B; */
	width: 100%;
}

#middle3b .middle3b_div ul:last-child li:last-child {
	line-height: 2.25rem;
	border: none;
}

#middle3 {
	position: relative;
	margin: 0 auto;
	padding: 2rem 5% 0 5%;
	box-sizing: border-box;
	display: flex;
}

#middle3 .left {
	display: flex;
}

#middle3 .left ul {
	list-style: none;
}

#middle3 .left ul li:nth-child(2) {
	border: 1px solid #000000;
	width: 50%;
	text-align: center;
	margin: 2rem auto;
}

#middle3 .left ul li:nth-child(3) {
	width: 100%;
	text-align: center;
	margin: 2rem auto;
}

#middle3 .right .p1 {
	padding: 8rem 0 0 0;
	text-align: right;
}

#middle3 .right .p2 {
	padding: 3rem 0 0 20%;
	text-align: right;
	line-height: 2rem;
	width: 100%;
	box-sizing: border-box;
}

#middle4 {
	position: relative;
	margin: 0 auto;
	margin-top: 45px;
}

#middle4 img {
	width: 100%;
}

#middle4 p {
	position: absolute;
	left: 7%;
}

#middle4 .p1 {
	top: 25%;
	left: 65%;
	width: 40%;
}

#middle4 .p2 {
	top: 45%;
	left: 65%;
	width: 31%;
	line-height: 1.5rem;
}

#middle5 {
	height: 698px;
	margin-top: -32%;
}

#middle5 p {
	position: relative;
	left: 7%;
}

#middle5 .p1 {
	width: 25%;
	bottom: 70%;
}

#middle5 .p2 {
	bottom: 75%;
	width: 28%;
	line-height: 1.5rem;
}

#middle5 img {
	margin-top: 18%;
	width: 100%;
}

#middle7 {
	height: 698px;
	margin-top: -16%;
}

#middle7 p {
	position: relative;
	left: 7%;
}

#middle7 .p1 {
	width: 25%;
	bottom: 70%;
}

#middle7 .p2 {
	bottom: 75%;
	width: 28%;
	line-height: 1.5rem;
}

#middle7 img {
	margin-top: 14%;
	width: 100%;
}

#middle6 {
	height: 700px;
	justify-content: center;
}

#middle6 img {
	display: block;
	width: 100%;
	margin-top: 16%;
}

#middle6 p {
	position: relative;
	left: 7%;
}

#middle6 .p1 {
	bottom: 31.25rem;
	left: 65%;
	width: 28%
}

#middle6 .p2 {
	bottom: 33rem;
	left: 65%;
	width: 30%;
	line-height: 1.5rem;
}

.middle7 {
	height: 698px;
	margin-top: -16%;
}

.middle7 p {
	position: relative;
	left: 7%;
}

.middle7 .p1 {
	width: 25%;
	bottom: 120%;
}

.middle7 .p2 {
	bottom: 120%;
	width: 28%;
	line-height: 1.5rem;
}

.middle7 img {
	margin-top: 14%;
	width: 100%;
	height: 100%;
	margin-bottom: 20%;
}

#middle9 {
	width: 82%;
	margin: 80px auto 0 auto;
	position: relative;
}

#middle9 .middle9_p {
	padding: 0 0 2rem 0;
}

#middle9 .middle9_div {
	overflow: hidden;
}

#middle9 .middle9_div .div1 {
	float: left;
	width: 45%;
	position: relative;
}

#middle9 .middle9_div .div2 {
	float: right;
	width: 45%;
	position: relative;
}

#middle9 .middle9_div a {
	width: 100%;
	display: block;
}

#middle9 .middle9_div a img {
	width: 100%;
	display: block;
}

#middle9 .middle9_div p {
	text-align: left;
	padding: 0 0;
	text-indent: 0.2rem;
	position: absolute;
	left: 2%;
	bottom: 2%;
}


#middle10 {
	width: 82%;
	margin: 3rem auto 0 auto;
}

#middle10 .middle10_p {
	padding: 2rem 0;
}

#middle10 .middle10_div {
	overflow: hidden;
}

#middle10 .middle10_div .div1 {
	float: left;
	width: 45%;
}

#middle10 .middle10_div .div2 {
	float: right;
	width: 45%;
}

#middle10 .middle10_div a {
	width: 100%;
	display: block;
}

#middle10 .middle10_div a img {
	width: 100%;
}

#middle10 .middle10_div p {
	text-align: center;
	padding: 1rem 0;
	background-color: #595757;
}

#bot_img {
	margin: 36px auto 0 auto;
	width: 100%;
	padding: 36px 7% 36px 7%;
	box-sizing: border-box;
	/* background-color: #f7f8fa; */
}

#bot_img .bot_img_title {
	padding: 26px 0 26px 0;
}

#bot_img .bot_img_table {
	width: 100%;
	margin: 0 auto;
}

#bot_img .bot_img_table .bot_img_top {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#bot_img .bot_table_bot {
	width: 80%;
	margin: 5% auto;
	padding: 2% 5%;
	box-sizing: border-box;
	border: 2px solid #7b7b7b;
}

#bot_img .bot_table_bot ul {
	margin: 1rem auto;
	list-style: none;
}


.com_head {
	width: 35%;
	background: #5c787c;
	border-radius: 0 20px 20px 0;
	margin-top: 200px;
}

.com_head p {
	padding-left: 10%;
	line-height: 4rem;
	font-size: 24px;
	color: #fff;
}

.com_div {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

.com_div ul {
	overflow: hidden;
	margin: 12px auto 0 auto;
	/* border: 2px solid red; */
	list-style: none;
}

.lastcom {
	margin-top: 3% !important;
}

/* .com_div ul li{
	width: 20%;
	box-sizing: border-box;
	
}
.com_div ul li a{
	display: block;
}
.com_div ul li a img{
	display: block;
	width: 100%;
} */
.com_div ul li {
	width: 17.4%;
	float: left;
	overflow: hidden;
	margin: 1% 1% 0 1.2%;
	border-radius: 8px;
	border: 2px solid #FFFFFF;
}

.com_div ul li:hover {
	border: 2px solid #595757;
}

.com_div ul li a {
	width: 100%;
	height: auto;
	display: block;
}

.com_div ul li a img {
	width: 100%;
	cursor: pointer;
	transition: all ease 1s;
	overflow: hidden;
	display: block;
}

.com_div ul li a img:hover {
	transform: scale(1.2);
}

.com_head1 {
	margin-top: 2rem;
}

@media only screen and (max-width: 768px) {
	#middle5 img {
		margin-top: 35%;
	}

	#middle7 span {
		display: none !important;
	}

	.tempandtime {
		display: none;
	}

	html {
		font-size: 12px;
	}

	#box {
		width: 100%;
	}

	#head_menu .mobile_menu {
		position: relative;
	}

	#head_menu .mobile_menu label {
		display: inline-block;
		text-align: center;
		width: 100%;
		line-height: 55px;
		font-size: 18px;
		color: #F0F0F0;
		position: absolute;
		top: 0;
		left: 0;
		/* font-weight: bold; */
		background-color: #5c787c;
		/* border: 1px solid red; */
	}

	#head_menu .mobile_menu {
		display: block;
		/* background-color: #435055; */
	}

	#head_menu .mobile_menu input {
		display: inline-block;
		opacity: 0;
		height: 51px;
	}

	#head_menu .mobile_menu input:checked~ul {
		display: block;
	}

	#head_menu ul {
		display: none;
		margin-top: 2px;
		border-radius: 0px;
	}

	#head_menu ul li {
		list-style: none;
		background-color: #5c787c;
		color: #F0F0F0;
		width: 100%;
		height: 55px;
		line-height: 55px;
		text-align: center;
		padding: 0;
		margin-top: 10px;
		/* border: 2px solid red; */
		float: none;
	}

	#head_menu ul li.nav-title {
		width: 100%;
	}

	#head_menu ul li a {
		font-size: 18px;
	}

	.logo>li {
		width: 40%;
		padding-left: 10%;
	}

	#top_img {
		position: relative;
		width: 100%;
	}

	#top_img #scroll_div label img {
		width: 4rem;
	}

	#top_img #scroll_div1 label img {
		width: 4rem;
	}

	#top_img #scroll_img {
		width: 200%;
	}

	#top_img #scroll_img img {
		width: 50%;
		height: 50%;
	}

	#top_img #scroll_img .p1 {
		top: 2%;
		left: 6%;
		width: 40%;
		font-size: 1.2rem;
	}

	#top_img #scroll_img .p2 {
		top: 26%;
		left: 6%;
		width: 30%;
		font-size: 0.8rem;
		line-height: 1rem;
	}

	#top_img #scroll_img .p3 {
		top: 5%;
		left: 51%;
		width: 45%;
		font-size: 1.2rem;
	}

	#top_img #scroll_img .p4 {
		top: 30%;
		left: 51%;
		width: 28%;
		font-size: 0.8rem;
		line-height: 1rem;
	}

	#top_detail {
		margin-top: 0.5rem;
	}

	/* #top_detail .top_detail_imgs label{padding-bottom: 13.4%;} */
	#top_detail .select_img {
		background-color: rgb(247, 248, 249)
	}

	#top_detail .top_detail_div {
		z-index: 1;
		position: absolute;
		width: 45%;
		right: 0;
		padding: 0.4rem 0.1rem 0 1.1rem;
		box-sizing: border-box;
		height: 13.3rem;
	}

	#top_detail .select_img .p1 {
		top: 90%;
		left: 1%;
		width: auto;
		line-height: 1.2rem;
		border-radius: 4px;
		padding: 0 1% 0 1%;
		font-size: 1rem;
		transform: scale(0.65);
		transform-origin-x: 0;
		transform-origin-y: 0;
		-webkit-transform: scale(0.65);
		-webkit-transform-origin-x: 0;
		-webkit-transform-origin-y: 0;
	}

	#top_detail .top_detail_div p {
		font-size: 1rem;
	}

	#top_detail .top_detail_div ul {
		margin: 0.2rem 0 0 0;
		transform: scale(0.65);
		transform-origin-x: 0;
		transform-origin-y: 0;
		-webkit-transform: scale(0.65);
		-webkit-transform-origin-x: 0;
		-webkit-transform-origin-y: 0;
		width: 150%;
	}

	#top_detail .top_detail_div ul li {
		font-size: 1rem;
		line-height: 1rem;
		margin: 0 0;
		padding: 0;
	}

	.word_div {
		padding: 1rem 0 1rem 0;
		font-size: 1rem;
	}

	#middle1 .middle1_img1,
	#middle1 .middle1_img2 {
		width: 90%;
	}

	.word_div2 {
		margin: 1rem 0 0 0;
	}

	#middle2 {
		margin-top: 1rem;
	}

	#middle2 .bg {
		/* height: 750px; */
		width: 100%;
		display: block;
	}

	#middle2 .logo {
		width: 20%;
		left: 5%;
	}

	#middle2 p {
		position: absolute;
	}

	#middle2 .middle2_p1 {
		font-size: 1.2rem;
		top: 27%;
		left: 6%;
	}

	#middle2 .middle2_p2 {
		font-size: 1rem;
		line-height: 1.2rem;
		top: 40%;
		left: 6%;
		width: 40%;
		transform: scale(0.8);
		transform-origin: 0 0;
		-webkit-transform: scale(0.8);
		-webkit-transform-origin: 0 0;
	}


	#middle3b {
		width: 100%;
		padding: 1rem 0 1rem 0;
	}

	#middle3b .title {
		width: 100%;
		text-align: right;
		font-size: 1.2rem;
	}

	#middle3b .middle3b_img0 {
		display: block;
		margin: 0 auto;
		width: 99%;
	}

	#middle3b .middle3b_imgs {
		flex-direction: column;
		width: 100%;
	}

	#middle3b .middle3b_div {
		flex-direction: column;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		padding: 1rem 0;
	}

	#middle3b .middle3b_div ul {
		width: 100%;
	}

	#middle3b .middle3b_div ul:first-child li:nth-child(4),
	#middle3b .middle3b_div ul:first-child li:nth-child(3),
	#middle3b .middle3b_div ul:first-child li:nth-child(5),
	#middle3b .middle3b_div ul:first-child li:nth-child(6) {
		width: 100%;
	}

	#middle3b .middle3b_div ul li {
		line-height: 1.5rem;
		list-style: none;
		width: 100%;
		padding: 0.5rem 0.5rem;
		box-sizing: border-box;
		font-size: 1.2rem;
	}

	#middle3b .middle3b_div ul:last-child li:last-child {
		line-height: 1.5rem;
		/* border-bottom: 1px solid #7B7B7B; */
	}


	#middle3 {
		padding: 1rem 0 1rem 0;
		flex-direction: column;
	}

	#middle3 .left {
		width: 100%;
	}

	#middle3 .left ul {
		width: 50%;
	}

	#middle3 .left ul li:nth-child(1) img {
		width: 100%;
		display: block;
	}

	#middle3 .left ul li:nth-child(2) {
		border: 1px solid #000000;
		width: 80%;
		text-align: center;
		margin: 2rem auto;
		font-size: 1.2rem;
	}

	#middle3 .left ul li:nth-child(3) {
		width: 100%;
		text-align: center;
		margin: 2rem auto;
		font-size: 1.2rem;
	}

	#middle3 .right .p1 {
		padding: 2rem 2% 0 0;
		text-align: right;
		box-sizing: border-box;
		font-size: 1.5rem;
	}

	#middle3 .right .p2 {
		padding: 1rem 2% 0 5%;
		text-align: right;
		line-height: 1.5rem;
		width: 100%;
		box-sizing: border-box;
		font-size: 1.2rem;
	}

	#middle4 {
		position: relative;
		margin: 0 auto;
		/* border: 3px solid red; */
		box-sizing: border-box;
		width: 100%;
		padding: 0 0 0 0;
		overflow: hidden;
		margin-top: 3%;
	}

	#middle4 p {
		position: absolute;
		left: 0%;
	}

	#middle4 .p1 {
		font-size: 1.2rem;
		top: 2%;
		left: 53%;
		width: 53%;
	}

	#middle4 .p2 {
		font-size: 1rem;
		top: 34%;
		width: 45%;
		left: 54%;
		line-height: 98%;
	}

	#middle5 {
		height: 215px;
	}

	#middle5 p {
		position: relative;
		left: 5%;
		margin-right: 0;
	}

	#middle5 .p1 {
		font-size: 1.2rem;
		top: -86%;
		width: 50%;
	}

	#middle5 .p2 {
		font-size: 1rem;
		top: -78%;
		width: 45%;
	}

	#middle7 {
		height: 215px;
	}

	#middle7 p {
		position: relative;
		left: 5%;
		margin-right: 0;
	}

	#middle7 .p1 {
		font-size: 1.2rem;
		top: -86%;
		width: 50%;
	}

	#middle7 .p2 {
		font-size: 1rem;
		top: -78%;
		width: 45%;
	}

	#middle6 p {
		position: relative;
		left: 2%;
		margin: 0 !important;
	}

	#middle6 .p1 {
		font-size: 1.2rem;
		top: -183px;
		left: 53%;
		width: 43%;
	}

	#middle6 .p2 {
		font-size: 1rem;
		top: -163px;
		width: 45%;
		left: 53%;
	}

	#middle6 {
		flex-direction: column;
		margin-top: 1rem;
		height: 221px;
	}

	#middle6 img {
		width: 100%;
		margin-top: 33%;
	}

	#middle9 {
		width: 100%;
		margin: 0 auto 0 auto;
	}

	#middle9 .middle9_p {
		padding: 1rem 0;
		font-size: 1.2rem;
	}

	#middle9 .middle9_div {
		overflow: hidden;
	}

	#middle9 .middle9_div .div1 {
		float: left;
		width: 45%;
	}

	#middle9 .middle9_div .div2 {
		float: right;
		width: 45%;
	}

	#middle9 .middle9_div a {
		width: 100%;
		display: block;
	}

	#middle9 .middle9_div a img {
		width: 100%;
	}

	#middle9 .middle9_div p {
		text-align: left;
		padding: 0 0;
		font-size: 1rem;
		bottom: 0%;
		left: 0%;
		transform-origin: 0 0;
		transform: scale(0.8);
		text-indent: 0;
		width: 110%;
	}

	#middle10 {
		width: 100%;
		margin: 0 auto 0 auto;
	}

	#middle10 .middle10_p {
		padding: 1rem 0;
		font-size: 1.2rem;
	}

	#middle10 .middle10_div {
		overflow: hidden;
	}

	#middle10 .middle10_div .div1 {
		float: left;
		width: 45%;
	}

	#middle10 .middle10_div .div2 {
		float: right;
		width: 45%;
	}

	#middle10 .middle10_div a {
		width: 100%;
		display: block;
	}

	#middle10 .middle10_div a img {
		width: 100%;
	}

	#middle10 .middle10_div p {
		text-align: center;
		padding: 0.5rem 0;
		font-size: 1.2rem;
	}

	#bot_img {
		margin-top: 1rem;
		padding: 2rem 0 0 0;
		display: none;
	}

	#bot_img .bot_img_title {
		padding: 0 0 0 0;
		font-size: 1.2rem;
	}

	#bot_img .bot_img_table {
		margin: 0 auto;
		width: 100%;
	}

	#bot_img .bot_img_table .bot_img_top {
		display: block;
		margin: 0 auto;
		width: 100%;
	}

	#bot_img .bot_table_bot {
		width: auto;
		margin: 0 auto;
		padding: 2% 1%;
		box-sizing: border-box;
		border: 2px solid #7b7b7b;
	}

	#bot_img .bot_table_bot img {
		width: 6rem;
	}

	#bot_img .bot_table_bot ul {
		margin: 0.2rem auto;
		list-style: none;
	}

	#bot_img .bot_table_bot ul li {
		font-size: 1rem;
		line-height: 1.3rem;
	}

	.com_head {
		width: 51%;
		margin-top: 1rem;
	}

	.com_head>p {
		font-size: 1.2rem;
		line-height: 2.8rem;
		padding-left: 5%;
		margin-top: 34%;
	}

	.com_div {
		margin: 0 0;
		width: 100%;
	}

	.com_div ul li {
		width: 50%;
		float: left;
		overflow: hidden;
		margin: 0;
		padding: 0;
		border: none;
	}

	.com_div ul li:hover {
		border: none;
	}

	.com_div ul li a {
		display: block;
		margin: 1% auto 1% auto;
		width: 95%;
	}

	.com_div ul li a img:hover {
		transform: scale(1);
	}

	#bot_img .bot_img_ul2 li:last-child {
		display: none;
	}
}

table.imagetable {
	font-family: verdana, arial, sans-serif;
	font-size: 22px;
	width: 100%;
	text-align: center;
	position: relative;
	/* top: 20%; */

	border-collapse: collapse;
}

table.imagetable th {
	font-size: 26px;
	height: 100px;
	border-width: 3px;
	padding: 8px;
	border-style: solid;

}

table.imagetable td {
	height: 50px;
	border-width: 3px;
	padding: 8px;
	border-style: solid;

}

.td1 {
	width: 10%;
}

.tablebox {
	overflow: hidden;
}

#middle2 span {
	margin: 30px 0 40px 78px;
	display: block;
	width: 16%;
	height: 2px;
	background: #fff;
	position: relative;
	bottom: 412px;
}

#middle3 span {
	margin: 30px 0 40px 78px;
	display: block;
	width: 16%;
	height: 2px;
	background: #fff;
	position: relative;
	bottom: 412px;
}

#middle4 span {
	margin: -47px 0 40px 0;
	display: block;
	width: 15%;
	height: 2px;
	background: #fff;
	position: relative;
	bottom: 365px;
	position: relative;
	left: 65%;
}

#middle5 span {
	margin: 30px 0 40px 91px;
	display: block;
	width: 15%;
	height: 2px;
	background: #fff;
	position: relative;
	bottom: 72%;
}

#middle6 span {
	margin: 30px 0 40px 91px;
	display: block;
	width: 15%;
	height: 2px;
	background: #fff;
	position: relative;
	bottom: 506px;
	left: 58%;
}

#middle7 span {
	margin: 30px 0 40px 91px;
	display: block;
	width: 15%;
	height: 2px;
	background: #fff;
	position: relative;
	bottom: 72%;
}

@media screen and (max-width: 768px) {
	.none {
		display: none;
	}

	table.imagetable th {
		font-size: 10.5px;
		padding: 0;
	}

	table.imagetable {
		font-size: 12px;
	}

	#middle2 span,
	#middle3 span,
	#middle4 span,
	#middle5 span,
	#middle6 span {
		display: none;
	}
}

.tempandtime {
	position: relative;
	left: 62%;
	bottom: 187px;
}

.tempandtime img {
	padding-left: 3%;
}

.temp p {
	width: 12%;
	color: white;
	text-align: center;
}

.time {
	bottom: 110px;
	position: relative;
	left: 15%;
}

.time p {
	color: white;
	margin: 10px 0 0 10px;
}