/*联系我们(s)*/

.contact{ background-color: #fff;}
.contact ul{max-width: 1200px; margin: 0 auto; }
.contact ul li{ width: 25%; text-align: center; float: left;}
.contact ul li span{ width: 118px; height: 118px; border-radius: 100%; border: 1px solid #e0e0e0; display: inline-block; position: relative;}
.contact ul li span::before{ content: ""; width: 36px; height: 36px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; z-index: 2; transition: 0.5s ease-in-out;}
.contact ul li:nth-child(1) span::before{ background: url(../images/contact_icon1.png) no-repeat;}
.contact ul li:nth-child(2) span::before{ background: url(../images/contact_icon2.png) no-repeat;}
.contact ul li:nth-child(3) span::before{ background: url(../images/contact_icon3.png) no-repeat;}
.contact ul li:nth-child(4) span::before{ background: url(../images/contact_icon4.png) no-repeat;}
.contact ul li:nth-child(1):hover span::before{ background: url(../images/contact_icon1_h.png) no-repeat;}
.contact ul li:nth-child(2):hover span::before{ background: url(../images/contact_icon2_h.png) no-repeat;}
.contact ul li:nth-child(3):hover span::before{ background: url(../images/contact_icon3_h.png) no-repeat;}
.contact ul li:nth-child(4):hover span::before{ background: url(../images/contact_icon4_h.png) no-repeat;}
.contact ul li span::after{ content: ""; width: 0; height: 0; border-radius: 100%; background-color: #F2680F; display: block; position: absolute; top: 50%; left: 50%; transition: 0.5s ease-in-out;}
.contact ul li:hover span::after{ width: 108px; height: 108px; margin-left: -54px; margin-top: -54px;}
.contact ul li h3{ font-size: 16px; font-weight: normal; padding: 10px 0;}
.contact ul li p{ font-weight: bold; padding: 0 20px; line-height: 26px;}

.contact_ewm{ position: relative; top: 65px; text-align: center; z-index: 2;}
.contact_ewm .text{ width: 100%; position: absolute; top: 70px; left: 0; text-align: center;}
.contact_ewm .text img{ width: 134px; border: 2px solid #ffffff;}
.contact_ewm .text p{ padding-top: 15px; color: #fff;}

.contact_map{ width: 100%;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.contact ul{ margin: 0 40px;}
	.contact_ewm dl{ margin: 60px auto 0 auto;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.contact ul{ margin: 0 20px;}
	.contact_ewm .text{ top: 50%; margin-top: -93px;}
	.contact_ewm .text img{ width: 134px; border: 8px solid #eaeaea;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.contact ul{ margin: 0 20px; padding-top: 50px;}
	.contact ul li h3{ padding: 5px 0;}
	.contact ul li p{ font-weight: normal; font-size: 14px; line-height: 20px;}
	.contact ul li span{ width: 100px; height: 100px;}
	.contact ul li:hover span::after{ width: 90px; height: 90px; margin-left: -45px; margin-top: -45px;}
	.contact_ewm dl{ margin: 20px auto 0 auto;}
	.contact_ewm dl dd{ padding: 0 100px;}
	.contact_ewm dl dd img{ width: 100px; height: 100px;}
	.contact_ewm dl dd p{ padding-top: 10px;}
	.contact_map{ height: 500px; overflow: hidden;}
	.contact_ewm .text{ top: 50%; margin-top: -75px;}
	.contact_ewm .text img{ width: 110px; border: 5px solid #eaeaea;}
	.contact_ewm .text p{ padding-top: 10px;}
}
@media screen and (max-width:639px){
	.contact ul{ margin: 0 14px; padding-top: 40px; font-size: 15px;}
	.contact ul li{ width: 50%;}
	.contact ul li h3{ padding: 5px 0;}
	.contact ul li p{ padding: 0; line-height: 20px; height: 60px;}
	.contact ul li span{ width: 100px; height: 100px;}
	.contact ul li:hover span::after{ width: 90px; height: 90px; margin-left: -45px; margin-top: -45px;}
	
	.contact_ewm{ background:  url(../images/contact_bg.jpg) no-repeat center bottom; background-size: cover; top: 0;}
	.contact_ewm>img{ display: none;}
	.contact_ewm .text{ position: relative; top: 0; padding: 40px 0 30px 0;}
	.contact_map{ height: 400px; overflow: hidden;}
}

/*联系我们(e)*/