/* wrap */
.wrap, .pic-wrap{margin:50px auto;width:1134px;height:437px;position:relative;overflow:hidden;}
.pic{width:679px;height:437px;cursor:pointer;}
.pic1{background:url('../images/t1.jpg');position:absolute;top:0;left:0;z-index:1;}
.pic_num1{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../images/pic_num.jpg');background-position:0 0;display:none;}
.pic2{background:url('../images/t2.jpg');position:absolute;top:0;left:679px;z-index:3;}
.pic_num2{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../images/pic_num.jpg');background-position:-69px 0;}
.pic3{background:url('../images/t3.jpg');position:absolute;top:0;left:770px;z-index:5;}
.pic_num3{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../images/pic_num.jpg');background-position:-138px 0;}
.pic4{background:url('../images/t4.jpg');position:absolute;top:0;left:861px;z-index:7;}
.pic_num4{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../images/pic_num.jpg');background-position:-207px 0;}
.pic5{background:url('../images/t5.jpg');position:absolute;top:0;left:952px;z-index:9;}
.pic_num5{width:73px;height:79px;position:absolute;top:40px;left:18px;background:url('../images/pic_num.jpg');background-position:-276px 0;}
.pic6{background:url('../images/t6.jpg');position:absolute;top:0;left:1043px;z-index:11;}
.pic_num6{width:73px;height:79px;position:absolute;top:40px;left:18px;background:url('../images/pic_num.jpg');background-position:-345px 0;}


.gd-wrap .gd-main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 15px 80px;
}
.gd-main h3 {
	font-size: 26px;
	color: #333333;
	text-align: center;
}
.gd-main .title-img {
	display: block;
	margin: 20px auto 70px;
}
.gd-box {
	width: 100%;
	overflow: hidden;
}
.gd-box ul li {
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 50px;
}
.gd-box ul li .gd-img {
	width: 300px;
	float: left;
}
.gd-box ul li .gd-right {
	width: 770px;
	float: left;
}
.gd-box ul li:last-of-type {
	margin-bottom: 0;
}
.gd-right h4 {
	font-size: 20px;
	color: #333333;
	padding-bottom: 10px;
}
.gd-right .gd-text {
	width: 100%;
}
.gd-text p {
	text-indent: 1rem;
	font-size: 1rem;
	line-height: 28px;
	color: #333333;
}


.mapDiv {
	height: 550px;
}
.contact-container {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
}
.contact-container .item {
	background: #FFFFFF;
	width: calc(33.33% - 20px);
	height: 200px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}
.contact-container .item:hover {
	background: #eae9e9;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
.contact-container .title {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
.contact-container .user {
	padding-left: 20%;
	margin-bottom: 8px;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	svg {
		margin-right: 12px;
	}
}
.contact-container .phone {
	font-size: 14px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	padding-left: 20%;
	margin-bottom: 8px;
	svg {
		margin-right: 12px;
	}
}
@media only screen and (min-width: 1366px){
	.contact-container {
		width: 100%;
	}
	.mapDiv {
		margin: 0 auto;
		width: 100%;
		max-width: 1200px;
	}
	#mapDiv1 {
		height: 500px;
		width: 100%;
		border: 1px solid #e1dfdf;
	}

}
@media only screen and  (min-width: 992px) and (max-width: 1365px){
	.aboutus-main {padding:20px 15px 40px;}
	.aboutus-main .about-left{width:45%;}
	.aboutus-main .about-right{width: 50%;}
	.gd-box ul li .gd-img{width:25%;}
	.gd-box ul li .gd-right{width: 75%;}

	.contact-container {
		width: 97%;
	}
	.contact-container .user {
		width: 100%;
	}
	.contact-container .phone {
		width: 100%;
	}

	.mapDiv {
		margin: 0 auto;
		width: 95%;
		max-width: 95%;
	}
	#mapDiv1 {
		height: 500px;
		width: 100%;
		border: 1px solid #e1dfdf;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.aboutus-main {padding:20px 15px 40px;}
	.aboutus-main .about-left{width:45%;}
	.aboutus-main .about-right{width: 50%;}

	.gd-box ul li .gd-img{width:25%;}
	.gd-box ul li .gd-right{width: 75%;}

	.mapDiv {
		margin: 0 auto;
		width: 95%;
		max-width: 95%;
		height: 500px;
	}
	#mapDiv1 {
		height: 500px;
		width: 100%;
	}
	.item {
		width: 100%;
	}
	.contact-container {
		justify-content: center;
		flex-direction: column;
		width: 100%;
		padding: 10px;
	}

	.contact-container .item {
		width: 100%;
		margin-top: 10px;
	}

	.nr-nav a {
		width: 130px;
	}
}
@media only screen and (max-width: 767px) {
	.gd-wrap .gd-box ul li .gd-img {display: none ;}
	.gd-wrap .gd-box ul li .gd-right {width: 100%; float: unset;}
	.gd-wrap .gd-main{padding: 15px;}
	.gd-main h3{padding-bottom: 40px;}
	.gd-main .title-img{display: none;}
	.gd-text p{font-size: 1rem;}
	.aboutus-main { width: 100%;padding: 15px;overflow: hidden; img { display: none ;}}
	.aboutus-main .about-left {width: 100%;float: unset;}
	.aboutus-main .about-right { width: 100%; padding-top: 15px; float: unset;}

	.contact-container {
		justify-content: center;
		flex-direction: column;
		width: 100%;
		padding: 10px;
	}
	.contact-container .item {
		width: 100%;
		margin-top: 10px;
	}
	.contact-container .user {
		margin-bottom: 20px;
		font-size: 14px;
		display: unset;
		text-align: left;
		padding-left: 40px;
	}
	.contact-container .phone {
		font-size: 14px;
		display: unset;
		text-align: left;
		padding-left: 40px;
	}
	.mapDiv {
		width: 95%;
		height: 200px;
	}
	#mapDiv1 {
		height: 100%;
		width: 100%;
	}
	.tp-wrap {
		padding: 15px 0 15px;
	}
	.nr-nav a {
		width: 130px;
	}
}