* {
	padding: 0;
	margin: 0;
}

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

.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: "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: 12%;
}

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

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

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

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

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

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

#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;
}


/*banner*/

#top_img {
	position: relative;
	width: 100%;
	/* border: 5px solid red; */
	overflow: hidden;
	margin-top: 0.6rem;
}


/*input和label不显示*/

#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: 5%;
	width: 25%;
	color: #000000;
}

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

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

#top_img #scroll_img .p4 {
	position: absolute;
	top: 45%;
	left: 55%;
	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: 1%;
	transform: translateY(-50%);
}

#top_img #scroll_div1 {
	position: absolute;
	top: 50%;
	right: 1%;
	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: 45%;
	background-color: #F7F8F9;
	right: 0;
	padding: 5rem 4rem 0 5rem;
	box-sizing: border-box;
	height: 550px;
}

#top_detail .select_img .p1 {
	position: absolute;
	top: 89%;
	left: 4%;
	text-align: center;
	width: 12%;
	line-height: 1.3rem;
	border-radius: 4px;
	padding: 5px 0 5px 0;
	border: 1px solid #000000;
	
	
}
#top_detail .select_img1 .p1{
	color: white;
	border: solid 1px white;
	width: 18%;
}
#top_detail .select_img3 .p1{
	color: white;
	border: solid 1px white;
	width: 15%;
}
#top_detail .select_img4 .p1 {
	color: #000000;
	border-color: black;
	width: 18%;
}
#top_detail .select_img5 .p1 {
	color: #000000;
	width: 18%;
}

#top_detail .select_img2 .p1 {
	top: 69%;
	left: 28.5%;
	width: 15%;
	position: absolute;
	border: none;
	padding: 0 0;
	text-align: left;
	
}

#top_detail .select_img2 .p2 {
	top: 79%;
	left: 28.5%;
	width: 15%;
	position: absolute;
}

#top_detail .select_img2 .p3 {
	top: 86%;
	left: 28.5%;
	width: 15%;
	position: absolute;
}



#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;
}


/*----------------------------------------------------------------R1*/
.r1{width: 100%; margin: 50px auto 0; position: relative;}
.datu{width: 100%;}
.tb1{
	position: absolute;
	top: 12%;
	left: 9%;
}
.r1 .p1{
	position: absolute;
	left: 9%;
	top: 31%;
}
.r1 .p2{
	position: absolute;
	left: 9%;
	top: 38%;
	width: 22%;
	line-height: 24px;
}
/*----------------------------------------------------------------R2*/
.r2{
	width: 100%; margin: 0 auto;
}
.r2t{
	width: 85%;
	margin: 0 auto;
}
.r2t img{
	width: 100%;
}
.r2b{
	width: 100%;
	height: auto;
}
.r2b p{
	margin: 0 0 0 7%;
}
.r2b ul{
	margin: 20px 0 0 7%;
	width: 100%;
}
.r2b ul li{
	border-bottom: solid 1px #000000;
	width: 43%;
	float: left;
	line-height: 45px;
	list-style: none;
}
/*----------------------------------------------------------------R3*/
.r3{
	width: 100%;
	padding-top: 50px;
	position: relative;
	clear: both;
}
.r3 img{
	width: 100%;
}
.r3 .p1{
	line-height: 35px;
	position: absolute;
	top: 27%;
	left: 9%;
	width: 25%;
}
.r3 .p2{
	line-height: 24px;
	width: 25%;
	position: absolute;
	top: 43%;
	left: 9%;
}
/*----------------------------------------------------------------R4*/
.r4{
	width: 100%;
	position: relative;
	clear: both;
}
.r4 img{
	width: 100%;
}
.r4 .p1{
	line-height: 35px;
	position: absolute;
	top: 27%;
	left: 9%;
	width: 30%;
}
.r4 .p2{
	line-height: 24px;
	width: 24%;
	position: absolute;
	top: 43%;
	left: 9%;
}
/*----------------------------------------------------------------R5*/
.r5{
	width: 100%;
	position: relative;
	clear: both;
}

.r5 p{
	position: absolute;
}
.r5 .zhutu{
	width: 100%;
}
.r5_1{
	position: absolute;
	top: 55%;
	left: 12%;
}
.r5_2{
	position: absolute;
	top: 55%;
	left: 23%;
}
.r5_3{
	position: absolute;
	top: 73%;
	left: 12%;
}
.r5_4{
	position: absolute;
	top: 73%;
	left: 23%;
}
.r5_p1{
	left: 9%;
	top: 15%;
	width: 20%;
}
.r5_p2{
	left: 9%;
	top: 33%;
	width: 27%;
}
.r5_p3{
	left: 8%;
	top: 63%;
	width: 10%;
	text-align: center;
}
.r5_p4{
	left: 19%;
	top: 63%;
	width: 10%;
	text-align: center;
}
.r5_p5{
	left: 8%;
	top: 81%;
	width: 10%;
	text-align: center;
}
.r5_p6{
	left: 19%;
	top: 81%;
	width: 10%;
	text-align: center;
}


.r5_p7{
	right: 40%;
	top: 16%;
}
.r5_p8{
	right: 40%;
	top: 19%;
}
.r5_p9{
	right: 40%;
	top: 29%;
}
.r5_p10{
	right: 40%;
	top: 32%; text-align: right;
}
.r5_p11{
	right: 40%;
	top: 43%;
}
.r5_p12{
	right: 40%;
	top: 46%; text-align: right;
}
.r5_p13{
	right: 40%;
	top: 54%;
}
.r5_p14{
	right: 40%;
	top: 57%;
}
.r5_p15{
	right: 40%;
	top: 64%;
}
.r5_p16{
	right: 40%;
	top: 67%;
}
.r5_p17{
	right: 40%;
	top: 72%;
}
.r5_p18{
	right: 40%;
	top: 75%;
}
.r5_p19{
	right: 40%;
	top: 86%;
}
.r5_p20{
	right: 40%;
	top: 89%;
}

/*---------------------------------------------底部*/
.com_head {
	width: 35%;
	background: #5c787c;
	border-radius: 0 20px 20px 0;
	margin-top: 36px;
}

.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;
}


/* .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) {
	
	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: 1%;
		width: 40%;
		font-size: 1.2rem;
		transform: scale(0.8);
		transform-origin: 0 0;
	}
	#top_img #scroll_img .p2 {
		top: 26%;
		left: 1%;
		width: 25%;
		font-size: 0.75rem;
		line-height: 1rem;
		transform: scale(0.8);
		transform-origin: 0 0;
		
	}
	#top_img #scroll_img .p3 {
		top: 5%;
		left: 51%;
		width: 45%;
		font-size: 1.2rem;
		transform: scale(0.8);
		transform-origin: 0 0;
	}
	#top_img #scroll_img .p4 {
		top: 30%;
		left: 51%;
		width: 25%;
		font-size: 0.8rem;
		line-height: 1rem;
		transform: scale(0.8);
		transform-origin: 0 0;
	}
	#top_detail {
		margin-top: 0.5rem;
	}
	/* #top_detail .top_detail_imgs label{padding-bottom: 13.4%;} */
	#top_detail .select_img {
		background-color: #dee5eb;
	}
	#top_detail .top_detail_div {
		position: absolute;
		width: 45%;
		right: 0;
		padding: 0.4rem 0.1rem 0 1.1rem;
		box-sizing: border-box;
		height: 12.3rem;
		overflow: hidden;
	}
	#top_detail .select_img .p1 {
		top: 82%;
		width: 30%;
		line-height: 1.2rem;
		border-radius: 4px;
		padding: 0 0 0 0;
		font-size: 1rem;
		transform: scale(0.65);
		transform-origin: 0 0;
		-webkit-transform: scale(0.65);
		-webkit-transform-origin: 0 0;
	}
	#top_detail .select_img2 .p1 {
		width: auto;
		top: 69%;
	}
	#top_detail .select_img2 .p2 {
		width: auto;
		top: 79%;
		font-size: 1rem;
		transform: scale(0.65);
		transform-origin: 0 0;
		-webkit-transform: scale(0.65);
		-webkit-transform-origin: 0 0;
	}
	#top_detail .select_img2 .p3 {
		width: auto;
		top: 86%;
		font-size: 1rem;
		transform: scale(0.65);
		transform-origin: 0 0;
		-webkit-transform: scale(0.65);
		-webkit-transform-origin: 0 0;
	}
	#top_detail .select_img1 .p1 {
		width: 43% ;
		top: 88%;
	}
	#top_detail .select_img3 .p1 {
		width: 35%;
	}
	#top_detail .select_img4 .p1 {
		top: 85%;
		width: 44%;
	}
	#top_detail .select_img5 .p1 {
		width: 46%;
		top: 88%;
	}
	
	
	#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: 1.25rem;
		margin: 0 0;
		padding: 0;
	}
	/*----------------------------------------------------------------R1*/
.r1{width: 100%; margin: 2rem auto 0; position: relative;}
.datu{width: 100%;
		
}
.tb1{
	position: absolute;
	top: 12%;
	left: 2%;
	transform: scale(0.6);
	transform-origin: 0 0;
}
.r1 .p1{
	position: absolute;
	left: 2%;
	top: 33%;
	transform: scale(0.8);
	transform-origin: 0 0;
	font-size: 1.2rem;
}
.r1 .p2{
	position: absolute;
	left: 2%;
	top: 44%;
	width: 43%;
	line-height: 1.5rem;
	transform: scale(0.8);
	transform-origin: 0 0;
	font-size: 0.75rem;
}
/*----------------------------------------------------------------R2*/

.r2t{
	width: 90%;
}
.r2t img{
	width: 100%;
}
.r2b{
	width: 100%;
}
.r2b p{
	margin: 0 0 0 5%;
}
.r2b ul{
	margin: 20px 0 0 5%;
	width: 100%;
}
.r2b ul li{
	border-bottom: solid 1px #000000;
	width: 90%;
	font-size: 1rem;
	
	line-height: 2.8rem;
	list-style: none;
}	
/*----------------------------------------------------------------R3*/
.r3{
	width: 100%;
	padding-top: 2rem;
	position: relative;
	clear: both;
}
.r3 img{
	width: 100%;
}
.r3 .p1{
	line-height: 1.5rem;
	position: absolute;
	top: 18%;
	left: 2%;
	width: 50%;
	font-size: 1.2rem;
	transform: scale(0.8);
	transform-origin: 0 0;
}
.r3 .p2{
	line-height: 1.2rem;
	width: 42%;
	position: absolute;
	top: 33%;
	left: 2%;
	font-size: 0.75rem;
	transform: scale(0.8);
	transform-origin: 0 0;
}
/*----------------------------------------------------------------R4*/
.r4{
	width: 100%;
	position: relative;
	clear: both;
}
.r4 img{
	width: 100%;
}
.r4 .p1{
	line-height: 1.5rem;
	position: absolute;
	top: 12%;
	left: 2%;
	width: 50%;
	font-size: 1.2rem;
	transform: scale(0.8);
	transform-origin: 0 0;
}
.r4 .p2{
	line-height: 1.25rem;
	width: 43%;
	position: absolute;
	top: 35%;
	left: 2%;
	font-size: 0.75rem;
	transform: scale(0.8);
	transform-origin: 0 0;
}	
/*----------------------------------------------------------------R5*/
.r5{
	width: 100%;
	position: relative;
	clear: both;
}

.r5 p{
	position: absolute;
	transform: scale(0.7);
	transform-origin: 0 0;
}
.r5 .zhutu{
	width: 100%;
}
.r5_1{
	position: absolute;
	top: 52%;
	left: 6%; width: 7%; height: 10%;
}
.r5_2{
	position: absolute;
	top: 52%;
	left: 25%;width: 7%; height: 10%;
}


.r5_3{
	position: absolute;
	top: 72%;
	left: 6%;width: 7%; height: 10%;
}
.r5_4{
	position: absolute;
	top: 72%;
	left: 25%;width: 7%; height: 10%;
}
.r5_p1{
	left: 2%;
	top: 1%;
	width: 50%;
	
	line-height: 1.75rem;
	font-size: 1.75rem;
}
.r5_p2{
	left: 2%;
	top: 24%;
	width: 43%;
	font-size: 0.75rem;
	line-height: 1rem;
}


.r5_p3{
	left: 3%;
	top: 62%;
	width: 20%;
	text-align: center;
	font-size: 0.75rem; line-height: 1rem;
}
.r5_p4{
	width: 20%;
	 
	left: 19%;
	top: 62%;

	font-size: 0.75rem;
	line-height: 1rem;
	text-align: center;
}
.r5_p5{
	left: 3%;
	top: 79%;
	width: 20%;
	font-size: 0.75rem;line-height: 1rem;
	text-align: center;
}
.r5_p6{
	left: 21%;
	top: 79%;
	width: 10%;
	text-align: center;font-size: 0.75rem;line-height: 1rem;
}


.r5_p7{
	right: 28%;
	top: 14%; font-size: 1rem;
}
.r5_p8{
	right: 32%;
	top: 19%; font-size: 0.75rem;
}
.r5_p9{
	right: 29%;
	top: 26%;font-size: 1rem;
}
.r5_p10{
	right: 27%;
	top: 31%; font-size: 0.75rem; text-align: right; line-height: 0.75rem;
}
.r5_p11{
	right: 29%;
	top: 41%;font-size: 1rem;
}
.r5_p12{
	right: 27%;
	top: 45%; font-size: 0.75rem; text-align: right; line-height: 0.75rem;
}
.r5_p13{
	right: 28%;
	top: 53%;font-size: 1rem;
}
.r5_p14{
	right: 29%;
	top: 57%; font-size: 0.75rem;
}
.r5_p15{
	right: 33%;
	top: 62%;font-size: 1rem;
}
.r5_p16{
	right: 28%;
	top: 66%; font-size: 0.75rem;
}
.r5_p17{
	right: 28%;
	top: 72%;font-size: 1rem;
}
.r5_p18{
	right: 31%;
	top: 76%; font-size: 0.75rem;
}
.r5_p19{
	right: 20%;
	top: 84%;font-size: 1rem;
}
.r5_p20{
	right: 22%;
	top: 88%; font-size: 0.75rem;
}
	
	
	
	/*-------------------------------------------底部*/
	
	.com_head {
		width: 51%;
		margin-top: 1rem;
	}
	.com_head>p {
		font-size: 1.2rem;
		line-height: 2.8rem;
		padding-left: 5%;
	}
	.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;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}


























