* {padding: 0;margin: 0;}
a,p,span,b,ul,li,div{
	font-family: "Arial";
}
.o_radi18{
	font-family: "Radikal";
	font-size: 18px;
	color: #e3c99a;
	font-weight: bold;
	letter-spacing:2px;
}
.o_radi24{
	font-family: "Radikal";
	font-size: 24px;
	color: #e3c99a;
	font-weight: bold;
	letter-spacing:2px;
}
.w_arial13{
	font-family: "Arial";
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing:1px;
}
.b_arial13{
	font-family: "Arial";
	font-size: 13px;
	color: #333333;
}
.b_arial14{
	font-family: "Arial";
	font-size: 14px;
	color: #333333;
}
.w_arial14{
	font-family: "Arial";
	font-size: 14px;
	color: #FFFFFF;
}
.w_arial16{
	font-family: "Arial";
	font-size: 16px;
	color: #FFFFFF;
}
.b_arial16{
	font-family: "Arial";
	font-size: 16px;
	color: #333333;
}
.b_arial16b{
	font-family: "Arial";
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.b_arial18{
	font-family: "Arial";
	font-size: 18px;
	color: #333333;
}
.w_arial18{
	font-family: "Arial";
	font-size: 18px;
	color: #FFFFFF;
}
.b_arial20{
	font-family: "Arial";
	font-size: 20px;
	color: #333333;
}
.b_arial24{
	font-family: "Arial";
	font-size: 1.5rem;
	color: #333333;
}
.w_arial20{
	font-family: "Arial";
	font-size: 20px;
	color: #FFFFFF;
}
.w_arial24{
	font-family: "Arial";
	font-size: 24px;
	color: #FFFFFF;
}
.b_arial28{
	font-family: "Arial";
	font-size: 28px;
	color: #333333;
}
.w_arial28{
	font-family: "Arial";
	font-size: 28px;
	color: #FFFFFF;
}
.w_arial30{
	font-family: "Arial";
	font-size: 30px;
	color: #FFFFFF;
}
.b_arial30{
	font-family: "Arial";
	font-size: 30px;
	color: #333333;
}
.b_arial33{
	font-family: "Arial";
	font-size: 33px;
	color: #333333;
}
.w_arial33{
	font-family: "Arial";
	font-size: 33px;
	color: #FFFFFF;
}
.b_arial36{
	font-family: "Arial";
	font-size: 36px;
	color: #333333;
}
.w_arial36{
	font-family: "Arial";
	font-size: 36px;
	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: #000000;
	color: #F0F0F0;
	height: 55px;
	line-height: 55px;
	padding: 0 32.4px 0 32px;
}
#head_menu ul li a{
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
}

.logo {
  width: 100%;
	overflow: hidden;
	/* margin-top: 0.5%; */
}

.logo>li {
  width: 20%;
  height: 100%;
  padding-left: 5%;
  float: left;
  list-style: none;
	/* border: 1px solid red; */
}
.logo-head {
  width: 32px;
  height: 26px;
  margin: 24px 5% 17px 0px;
  float: left;
}
.logo-content {
  width: 100%;
  height: 27px;
  margin: 16px 0 17px 17px;
  color: #0f246e;
}
.logo-content>span {
  font-family: "Arial";
  font-size: 12.3px;
}
.logo-content>p {
  font-family: "Arial";
  font-size: 12.3px;
}
.logo>span {
  font-family: "Arial";
  font-size: 24px;
  color: #0f246e;
}

#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: 2%;width: 20%;}
#top_img #scroll_img .p2{position: absolute;top: 45%;left: 2%;width: 20%;line-height: 1.5rem;}
#top_img #scroll_img .p3{position: absolute;top: 25%;left: 52%;width: 20%;}
#top_img #scroll_img .p4{position: absolute;top: 45%;left: 52%;width: 15%;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;}
		

.word_div{
	background-color: #000000;
	text-align: center;
	padding: 30px 0 30px 0;
}
.word_div.margins{
	margin: 10px 0 10px 0;
}

#top_detail {display: flex;flex-wrap: wrap;}
#top_detail div {width: 100%;order: 1;}
#top_detail .select_label{display: none;} 
#top_detail .select_img img{width: 100%;} 
#top_detail .radio, #top_detail .select_img {display: none;}
#top_detail .top_detail_imgs{display: block;display: flex;}
#top_detail .top_detail_imgs label{width: 19%;display:block;margin: 0 0.5% 0 0.5%;border: 5px solid white;}
#top_detail .top_detail_imgs label img{width: 100%;}
#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 .select_img p{
	position: absolute;
}
#top_detail .select_img1 .p1{
	top: 20%;
	left: 7%;
}
#top_detail .select_img2 .p1{
	top: 20%;
	left: 8%;
}
#top_detail .select_img3 .p1{
	top: 15%;
	left: 56%;
	width: 40%;
}
#top_detail .select_img4 .p1{
	top: 12%;
	left: 59%;
	width: 40%;
}
#top_detail .select_img5 .p1{
	top: 30%;
	left: 7%;
}
#top_detail .select_img1 .p2{
	top: 60%;
	left: 7%;
	width: 40%;
	line-height: 1.6rem;
}
#top_detail .select_img2 .p2{
	top: 65%;
	left: 8%;
	width: 40%;
	line-height: 1.6rem;
}
#top_detail .select_img3 .p2{
	top: 60%;
	left: 56%;
	width: 40%;
	line-height: 1.6rem;
}
#top_detail .select_img4 .p2{
	top: 35%;
	left: 59%;
	width: 40%;
	line-height: 1.6rem;
}
#top_detail .select_img5 .p2{
	top: 50%;
	left: 7%;
	width: 40%;
	line-height: 1.6rem;
}


#top_detail1{
	margin-top: 0px;
	padding-left: 0px;
	overflow: hidden;
	width: 1300px;
	/* height: 794px; */
	margin-top: 36px;
}
#top_detail1 #top_detail1_left{
	float: left;
	width: 782px;
	/* height: 263px; */
	/* padding-right: 45px; */
	/* border: 3px solid red; */
	position: relative;
}
#top_detail1 #top_detail1_left p{
	position: absolute;
}
#top_detail1 #top_detail1_left .p1{
	top: 15%;
	left: 63%;
	width: 36%;
}
#top_detail1 #top_detail1_left .p2{
	top: 40%;
	left: 71%;
}
#top_detail1 #top_detail1_left .p3{
	top: 66%;
	right: 60%;
}
#top_detail1 #top_detail1_left .p4{
	top: 82.5%;
	left: 58%;
}
#top_detail1 #top_detail1_left .p5{
	bottom: 5%;
	left: 5%;
}
#top_detail1 #top_detail1_left .top_detail1_img{
	width: 100%;
	display: block;
}
#top_detail1 #top_detail1_right{
	float: left;
	width: 478px;
	height: 729px;
	position: relative;
	padding-left: 40px;
	background-color: #f4f4f4;
	/* border: 3px solid red; */
	display: flex;
}
#top_detail1 #top_detail1_right .top_detail1_p1{
	width: 458px;
	padding-top: 42px;
	/* border: 3px solid red; */
	/* height: 263px; */
}
#top_detail1 #top_detail1_right .top_detail1_p2{
	width: 27.875rem;
	padding-top: 58px;
	line-height: 1.75rem;
	font-family: "Arial";
	font-size: 1.125rem;
	/* height: 263px; */
}
#top_detail1 #top_detail1_right .top_imgs{
	/* width: 11.1875rem;
	height: 4.25rem; */
	position: absolute;
	bottom: 13%;
	right: 22%;
	/* border: 1px solid red; */
}

#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_before{
	overflow: hidden;
	border-bottom: 3px solid #434343;
	margin-top: 16px;
}
.word_before li{
	list-style: none;
	width: 50%;
	float: left;
}
.word_before li:nth-child(1){
	background-color:#434343;
}
.word_before li span{
	display: inline-block;
	line-height: 28px;
	text-align: center;
	width: 100%;
}

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

#middle2{
	position: relative;
	margin: 0 auto;
	margin-top: 36px;
	/* border: 3px solid red; */
	padding-left: 0px;
}
#middle2 img{
	/* height: 750px; */
	width: 1300px;
	display: block;
}
#middle2 p{
	position: absolute;
	left: 69%;
}
#middle2 .middle2_p1{
	top: 22%;
}
#middle2 .middle2_p2{
	top: 26%;
}
#middle2 .middle2_p3{
	top: 42%;
	line-height: 28px;
	width: 30%;
}
#middle2 .middle2_p4{
	top: 67%;
	left: 6%;
	line-height: 5rem;
	text-align: center;
}
#middle2 .middle2_p5{
	top: 67%;
	left: 28%;
	line-height: 5rem;
	text-align: center;
}
#middle2 .middle2_p6{
	top: 67%;
	left: 47%;
	line-height: 5rem;
	text-align: center;
}

#middle3{
	position: relative;
	margin: 0 auto;
	margin-top: 36px;
	/* border: 3px solid red; */
	padding-left: 0px;
}
#middle3 img{
	width: 1300px;
	display: block;
}
#middle3 p{
	position: absolute;
	left: 10%;
}
#middle3 .middle_p0{
	width: 200px;
	top: 45%;
}
#middle3 .middle3_p1{
	top: 35%;
}
#middle3 .middle3_p2{
	top: 49%;
	line-height: 27px;
	width: 460px;
}

#middle4{
	position: relative;
	margin: 0 auto;
	margin-top: 36px;
	/* border: 3px solid red; */
	padding-left: 0px;
}
#middle4 img{
	/* height: 750px; */
	width: 1300px;
	display: block;
}
#middle4 p{
	position: absolute;
}
#middle4 .middle4_p1{
	top: 28%;
	left: 8%;
	font-weight: bold;
}
#middle4 .middle4_p2{
	top: 60%;
	left: 51%;
	font-weight: bold;
}
#middle4 .middle4_p3{
	top: 52%;
	left: 30%;
	line-height: 28px;
	width: 15%;
	text-align: right;
}
#middle4 .middle4_p4{
	left: 51%;
	top: 72%;
	line-height: 28px;
	width: 30%;
}

#middle5{
	position: relative;
	margin: 0 auto;
	margin-top: 36px;
	/* border: 3px solid red; */
	padding-left: 0px;
}
#middle5 img{
	/* height: 750px; */
	width: 1300px;
	display: block;
}
#middle5 p{
	position: absolute;
}
#middle5 .middle5_p1{
	top: 12%;
	left: 3%;
	width: 30%;
	text-align: center;
}
#middle5 .middle5_p2{
	top: 35%;
	left: 2%;
	width: 32%;
	line-height: 1.7rem;
	text-align: center;
}

#middle5b{
	margin-top: 36px;
}
#middle5b img{
	margin: 0 auto;
	display: block;
}

#middle6{
	position: relative;
	margin-top: 36px;
}
#middle6 ul{
	overflow: hidden;
}
#middle6 ul li{
	width: 645px;
	display: block;
	list-style: none;
	float: left;
	overflow: hidden;
	/* border: 2px solid red; */
	position: relative;
}
#middle6 ul li .middle6_p1{
	position: absolute;
	bottom: 25%;
	margin:0 0 0 5%;
	line-height: 36px;
	right: 2%;
}
#middle6 ul li .middle6_p2{
	position: absolute;
	margin:0 0 0 5%;
	line-height: 24px;
	right: 2%;
	text-align: right;
}
#middle6 ul li.middle6_li1{
	margin:0 10px 10px 0;
}
#middle6 ul li.middle6_li1 .middle6_p1{
	bottom: 42%;
}
#middle6 ul li.middle6_li2 .middle6_p1{
	bottom: 45%;
}
#middle6 ul li.middle6_li3 .middle6_p1{
	bottom: 45%;
	width: 31%;
}
#middle6 ul li.middle6_li4 .middle6_p1{
	bottom: 85%;
}
#middle6 ul li.middle6_li3{
	margin:0 10px 0 0;
}
#middle6 ul li.middle6_li1 .middle6_p2{
	width: 45%;
	bottom: 16%;
}
#middle6 ul li.middle6_li2 .middle6_p2{
	width: 35%;
	bottom: 18%;
}
#middle6 ul li.middle6_li3 .middle6_p2{
	width: 45%;
	bottom: 22%;
}
#middle6 ul li.middle6_li4 .middle6_p2{
	bottom: 28%;
	font-size: 14px;
}
#middle6 ul li.middle6_li3{
	margin:0 10px 0 0;
}

#middle7{
	position: relative;
	margin: 0 auto;
	margin-top: 36px;
	/* border: 3px solid red; */
	padding-left: 0px;
}
#middle7 img{
	/* height: 750px; */
	width: 1300px;
	display: block;
}
#middle7 p{
	position: absolute;
}
#middle7 .middle7_p1{
	top: 20%;
	left: 8%;
}
#middle7 .middle7_p2{
	top: 65%;
	left: 8%;
	width: 35%;
}

#middle8{
	position: relative;
	margin: 0 auto;
	margin-top: 36px;
	/* border: 3px solid red; */
	padding-left: 0px;
}
#middle8 img{
	/* height: 750px; */
	width: 1300px;
	display: block;
}
#middle8 p{
	position: absolute;
}
#middle8 .middle8_p1{
	top: 24%;
	left: 71%;
	text-align: center;
}
#middle8 .middle8_p2{
	top: 78%;
	left: 64%;
	width: 35%;
	line-height: 1.7rem;
	text-align: center;
}

#middle8_after{
	margin: 36px auto 10px auto;
	list-style: none;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
	
}
#middle8_after li:first-child{
	float: left;
	margin-left: 5%;
}
#middle8_after li:last-child{
	float: right;
	margin-right: 5%;
}
#middle8_after li:last-child span:first-child{
	color:#727272 ;
}
#middle8_after li:last-child span:last-child{
	color:#727272 ;
}

#bot_img{
	margin-top: 26px;
}
#bot_img .bot_img_title{
	text-align: center;
	padding: 26px 0 26px 0;
	color: #F0F0F0;
	font-size: 24px;
	background-color:#000000;
}
#bot_img .bot_img_ul0{
	overflow: hidden;
	/* border: 2px solid red; */
}
#bot_img .bot_img_ul0 li{
	width: 19%;
	list-style: none;
	float: left;
	margin: 0 1.25% 0 0%;
}
#bot_img .bot_img_ul0 li:last-child{
	margin: 0 0% 0 0%;
}
#bot_img .bot_img_ul0 li img{
	width: 100%;
	height: auto;
}
#bot_img .bot_img_ul1{
	/* border: 2px solid red; */
	overflow: hidden;
	margin-top: 6%;
}
#bot_img .bot_img_ul1 li{
	width: 22%;
	list-style: none;
	float: left;
	margin: 0 4% 0 0%;
}
#bot_img .bot_img_ul1 li:last-child{
	margin: 0 0% 0 0%;
}
#bot_img .bot_img_ul1 li img{
	width: 100%;
	height: auto;
}
#bot_img .bot_img_ul1 li p{
	width: 65%;
	margin: 8% auto 0 auto;
	text-align: center;
	background-color: #727272;
}
#bot_img .bot_img_ul2{
	margin: 10% auto 0 auto;
	overflow: hidden;
	/* border: 2px solid red; */
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
#bot_img .bot_img_ul2 li{
	float: left;
	list-style: none;
	margin-left: 5%;
}
#bot_img .bot_img_ul2 li:last-child{
	float: right;
	margin-right: 5%;
}
#bot_img .bot_img_ul2 li:last-child span:first-child{
	color:#727272 ;
}
#bot_img .bot_img_ul2 li:last-child span:last-child{
	color:#727272 ;
}
#bot_img .bot_img_detail1{
	width: 1000px;
	display: block;
	margin: 30px auto 0 auto;
}
#bot_img .bot_img_table{
	width: 1295px;
	margin: 30px auto 0 auto;
	overflow: hidden;
	border:2px solid #333333 ;
	height: auto;
}
#bot_img .bot_img_table .bot_table_left{
	display: flex;
	height: 462px;
}
#bot_img .bot_img_table .bot_table_left .right_img{
	margin: 0 auto;
}
#bot_img .bot_img_table .bot_table_right{
	margin: 50px 0px 0 55px ;
}
#bot_img .bot_img_table .bot_table_right p{
	/* width: 465px; */
	margin: 30px 0 20px 35px;
	line-height: 25px;
}
#bot_img .bot_img_table .bot_table_img{
	width: 100%;
}

.com_head {
  width: 100%;
  background: #000000;
  margin-top: 30px;
}
.com_head>p {
  line-height: 63px;
  font-size: 24px;
  color: #fff;
	text-align: center;
}
.com_head>p>span {
  color: #f1ce65;	
}
.com_div {
  overflow: hidden;
}
.com_div ul {
  overflow: hidden;
  margin: 12px auto 0 auto;
  /* border: 2px solid red; */
}
.com_div ul li {
  width: 17.4%;
  float: left;
  height: 100%;
  overflow: hidden;
  margin: 0 1% 0 1.2%;
  border-radius: 8px;
  border: 2px solid #FFFFFF;
}
.com_div ul li:last-child{
	/* margin: 0 0 0 0; */
}
.com_div ul li:hover{
	border: 2px solid #595757;
}
.com_div ul li a {
  width: 100%;
  height: 100%;
  height: auto;
}
.com_div ul li a img {
  width: 100%;
  height: auto;
  cursor: pointer;
  transition: all ease 1s;
  overflow: hidden;
}
.com_div ul li a img:hover {
  transform: scale(1.5);
}


@media only screen and (max-width: 768px) {
	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: #000000;
			/* 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: #000000;
		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 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: 5%;left: 1%;width: 25%;font-size: 1.2rem;}
	#top_img #scroll_img .p2{top: 33%;left: 1%;width: 22%;font-size: 0.8rem;line-height: 1rem;}
	#top_img #scroll_img .p3{top: 5%;left: 51%;width: 25%;font-size: 1.2rem;}
	#top_img #scroll_img .p4{top: 30%;left: 51%;width: 22%;font-size: 0.8rem;line-height: 1rem;}
	
	#top_detail .select_img1 .p1{
		top: 20%;
		left: 3%;
		font-size: 1.2rem;
	}
	#top_detail .select_img2 .p1{
		top: 15%;
		left: 5%;
		font-size: 1.2rem;
	}
	#top_detail .select_img3 .p1{
		top: 8%;
		left: 50%;
		font-size: 1.2rem;
		width: 50%;
	}
	#top_detail .select_img4 .p1{
		top: 3%;
		left: 55%;
		font-size: 1.1rem;
		line-height: 1.1rem;
		width: 46%;
	}
	#top_detail .select_img5 .p1{
		top: 25%;
		left: 3%;
		font-size: 1.2rem;
	}
	#top_detail .select_img1 .p2{
		top: 59%;
		left: 3%;
		width: 40%;
		line-height: 1rem;
		font-size: 0.8rem;
	}
	#top_detail .select_img2 .p2{
		top: 60%;
		left: 5%;
		width: 58%;
		line-height: 1rem;
		font-size: 0.8rem;
	}
	#top_detail .select_img3 .p2{
		top: 60%;
		left: 45%;
		width: 55%;
		line-height: 1rem;
		font-size: 0.8rem;
	}
	#top_detail .select_img4 .p2{
		top: 24%;
		left: 55%;
		width: 45%;
		line-height: 0.9rem;
		font-size: 0.8rem;
	}
	#top_detail .select_img5 .p2{
		top: 44%;
		left: 3%;
		width: 45%;
		line-height: 1rem;
		font-size: 0.8rem;
	}
	.word_div{
		padding: 1rem 0 1rem 0;
		font-size: 1rem;
	}
	.word_div.margins{
		font-size: 0.9rem;
	}
	
	#top_detail1{
		width: 100%;
	}
	#top_detail1 #top_detail1_left{
		width: 100%;
	}
	#top_detail1 #top_detail1_left .p1{
		top: 13%;
		left: 64%;
		font-size: 0.8rem;
	}
	#top_detail1 #top_detail1_left .p2{
		top: 40%;
		left: 72%;
		font-size: 0.8rem;
	}
	#top_detail1 #top_detail1_left .p3{
		top: 64%;
		right: 53%;
		width: 30%;
		font-size: 0.8rem;
	}
	#top_detail1 #top_detail1_left .p4{
		top: 80%;
		left: 59%;
		font-size: 0.8rem;
	}
	#top_detail1 #top_detail1_left .p5{
		bottom: 5%;
		left: 5%;
		font-size: 0.8rem;
	}
	#top_detail1 #top_detail1_right{
		width: 100%;
		padding-left: 0;
		height: auto;
		overflow: hidden;
		display: block;
	}
	#top_detail1 #top_detail1_right .top_div{
		width: 100%;
	}
	#top_detail1 #top_detail1_right .top_detail1_p1{
		padding: 8% 0 0 8%;
		margin: 0 0;
		font-size: 1.5rem;
		width: 80%;
	}
	#top_detail1 #top_detail1_right .top_detail1_p2{
		padding: 10% 0 0 8%;
		margin: 0 0;
		width: 85%;
	}
	#top_detail1 #top_detail1_right .top_imgs{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		bottom: 0;
		right: 0;
	}
	#top_detail1 #top_detail1_right .top_imgs img{
		width: 100%;
	}
	
	#middle1 .middle1_img1,#middle1 .middle1_img2{
		width: 90%;
	}
	
	.word_div2{
		margin: 1rem 0 0 0;
	}
	#middle2{
		margin-top: 1rem;
	}
	#middle2 img{
		/* height: 750px; */
		width: 100%;
		display: block;
	}
	#middle2 p{
		position: absolute;
	}
	#middle2 .middle2_p1{
		font-size: 1.1rem;
		top:20%;
		left: 67%;
	}
	#middle2 .middle2_p2{
		font-size: 1rem;
		top: 26%;
	}
	#middle2 .middle2_p3{
		font-size: 0.8rem;
		top: 42%;
		line-height: 0.9rem;
		left: 67%;
		width: 33%;
	}
	#middle2 .middle2_p4{
		font-size: 0.8rem;
		top: 62%;
		line-height: 3rem;
		left: 0%;
		transform: scale(0.6);
	}
	#middle2 .middle2_p5{
		font-size: 0.8rem;
		top: 62%;
		line-height: 3rem;
		left: 23%;
		transform: scale(0.6);
	}
	#middle2 .middle2_p6{
		font-size: 0.8rem;
		top: 62%;
		line-height: 3rem;
		left: 40%;
		transform: scale(0.6);
	}
	
	#middle3 img{
		width: 100%;
		display: block;
	}
	#middle3 p{
		position: absolute;
		/* left: 63%; */
	}
	#middle3 .middle3_p1{
		top: 35%;
		font-size: 1rem;
	}
	#middle3 .middle3_p2{
		line-height: 1.2rem;
		width: 56%;
		font-size: 1rem;
		transform: scale(0.8);
		left: 5%;
	}
	
	#middle4 img{
		/* height: 750px; */
		width: 100%;
		display: block;
	}
	#middle4 p{
		position: absolute;
	}
	#middle4 .middle4_p1{
		font-size: 1rem;
		top:28%;
		font-weight: bold;
		left: 8%;
	}
	#middle4 .middle4_p2{
		font-size: 1rem;
		top: 58%;
		font-weight: bold;
		left: 50%;
	}
	#middle4 .middle4_p3{
		font-size: 1rem;
		top: 44%;
		line-height: 1.2rem;
		width: 40%;
		transform: scale(0.8);
		left: 9%;
		text-align: right;
	}
	#middle4 .middle4_p4{
		font-size: 1rem;
		top: 68%;
		line-height: 1.05rem;
		width: 60%;
		transform: scale(0.7);
		left: 42%;
	}
	
	#middle5 img{
		/* height: 750px; */
		width: 100%;
		display: block;
	}
	#middle5 p{
		position: absolute;
		/* left: 6%; */
	}
	#middle5 .middle5_p1{
		font-size: 1.1rem;
		top:5%;
		left: 2%;
	}
	#middle5 .middle5_p2{
		font-size: 0.8rem;
		top: 22%;
		line-height: 1rem;
		width: 35%;
		left: 0%;
	}
	
	#middle6 {
		margin-top: 16px;
	}
	#middle6 ul li{
		float: none;
		width: 100%;
	}
	#middle6 ul li.middle6_li1,
	#middle6 ul li.middle6_li2,
	#middle6 ul li.middle6_li3,
	#middle6 ul li.middle6_li4{
		margin-top: 20px;
	}
	#middle6 ul li.middle6_li1 .middle6_p1,
	#middle6 ul li.middle6_li2 .middle6_p1,
	#middle6 ul li.middle6_li3 .middle6_p1,
	#middle6 ul li.middle6_li4 .middle6_p1{
		width: 30%;
		font-size: 1.2rem;
		line-height: 1.8rem;
		right: 1%;
		text-align: right;
	}
	#middle6 ul li.middle6_li4 .middle6_p1{
		width: 50%;
	}
	#middle6 ul li.middle6_li1 .middle6_p2,
	#middle6 ul li.middle6_li2 .middle6_p2,
	#middle6 ul li.middle6_li3 .middle6_p2,
	#middle6 ul li.middle6_li4 .middle6_p2{
		font-size: 1rem;
		line-height: 1.1rem;
		color: #EEEEEE;
		transform: scale(0.8);
		width: 55%;
		right:-3%;
	}
	#middle6 ul li.middle6_li1 img,
	#middle6 ul li.middle6_li2 img,
	#middle6 ul li.middle6_li3 img,
	#middle6 ul li.middle6_li4 img{
		width: 100%;
	}
	
	#middle7 img{
		/* height: 750px; */
		width: 100%;
		display: block;
	}
	#middle7 p{
		position: absolute;
		left: 6%;
	}
	#middle7 .middle7_p1{
		font-size: 1rem;
		top:22%;
		left: 3%;
		font-weight: bold;
		width: 60%;
	}
	#middle7 .middle7_p2{
		font-size: 1rem;
		top: 62%;
		transform: scale(0.8);
		left: -3%;
		width: 60%;
	}
	
	#middle8 img{
		/* height: 750px; */
		width: 100%;
		display: block;
	}
	#middle8 p{
		position: absolute;
	}
	#middle8 .middle8_p1{
		font-size: 1.1rem;
		top:15%;
		left: 67%;
	}
	#middle8 .middle8_p2{
		font-size: 0.8rem;
		top:76%;
		width: 40%;
		left: 60%;
		line-height: 1rem;
		transform: scale(0.8);
	}

	#bot_img .bot_img_title{
		font-size: 1.2rem;
		padding: 1rem 0 1rem 0;
	}
	#bot_img .bot_img_ul1 li p{
		width: 80%;
		font-size: 1rem;
	}
	#bot_img .bot_img_table{
		width: 99%;
	}
	#bot_img .bot_img_table .bot_img_left{
		width: 100%;
		float: none;
		margin: 0 0;
	}
	#bot_img .bot_img_table .bot_img_right{
		float: none;
		margin: 0 0;
	}
	
	#bot_img .bot_img_table .bot_table_right{
		width: 100%;
		margin: 0 0;
	}
	#bot_img .bot_img_table .bot_table_right p{
		margin: 1.5rem 0 0 1.5rem;
		line-height: 20px;
	}
	#bot_img .bot_img_table .bot_table_right img{
		margin-top: 1rem;
		width: 99.7%;
	}
	#bot_img .bot_img_table .bot_table_left{
		display: block;
		height: auto;
	}
	#bot_img .bot_img_table .bot_table_left .top{
		width: 100%;
	}
	#bot_img .bot_img_table .bot_table_left .right_img img{
		width: 99%;
	}
	
	.com_head{
		width: 100%;
	}
	.com_head>p{
		font-size: 1.2rem;
		line-height: 2.8rem;
	}
	.com_head>p>span{
		
	}
	.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;
	}
}