/* 通用样式 */
* {
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

img {
	width: 100%;
	height: 100%;
}

input {
	background: none;
	outline: none;
	border: none;
}

html {
	font-size: 1rem;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none
}

a {
	text-decoration: none;
	color: inherit;
}

.footer {
	width: 100%;
	background: #333333;
}
.footer .about {
	width: 100%;
	max-width: 1200px;
	font-size: 12px;
	min-height: 106px;
	/* padding: 10px 7%; */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
}

.footer .footer_linkes_container {
	display: flex;
}

.footer .footer_container_group1 {
	padding-bottom: .75rem;
}

.footer .footer_container_group1 .footer_linkes_item {
	position: relative;
	padding-right: 1rem;
	color: #666;
	font: normal 400 12px/2 "Arial", sans-serif;
}

.footer .footer_container_group2 .footer_linkes_item {
	padding-right: 1rem;
	color: #666;
	font: normal 400 12px/2 "Arial", sans-serif;
}

.footer .footer_container_group1 .footer_linkes_item::after {
	position: absolute;
	top: 0.3rem;
	height: calc(100% - 0.6rem);
	right: 0.5rem;
	content: '';
	width: 0;
	border-left: solid #666 1px;
}

.footer .footer_container_group1 .footer_linkes_item:last-child::after {
	display: none;
}

.footer .footer_linkes .link {
	color: #FFFFFF;
}

.footer .footer_linkes span {
	margin: 0;
	padding: 0;
}

.footer .footer-social {
	width: 18.75rem;
}

.footer-social__container {
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: space-around;
}

.footer .footer-social__container a {
	display: flex;
}

.footer .footer-social__container .footer-social_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* flex: 0 0 40%; */
}

.footer .footer-social__container .footer-social_item .social_item_img {
	width: 3.4375rem;
	height: 3.4375rem;
}

.footer .footer-social__container .footer-social_item .social_item_name {
	font-size: .875rem;
	font-family: Microsoft YaHei;
	font-weight: 300;
	color: #FFFFFF;
	margin-top: .3125rem;
}



/* 联系我们and二维码 */
.ewm {
	position: fixed;
	right: 0;
	bottom: 16rem;
	z-index: 999;
}

.ewm .icon {
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/details/14.png) no-repeat;
	background-size: 100% 100%;
	border-radius: .625rem;
	position: relative;
}

.ewm:hover .icon {
	background: url(../img/details/14-1.png) no-repeat;
}

.main_green .ewm:hover .icon {
	background: url(../img/green/8.png) no-repeat;
}

.ewm .icon .img {
	width: 100%;
	height: 100%;
}

.ewm .code {
	width: 14.125rem;
	height: auto;
	padding: 1.125rem 1.125rem;
	position: absolute;
	left: -235px;
	top: -65px;
	background: url(../img/details/17.png) no-repeat;
	background-size: 100% 100%;
	z-index: 999;
	display: none;
	-webkit-animation: animation 0.3s;
	animation: animation 0.3s;
}

.ewm .icon:hover .code {
	display: block !important;
}

@keyframes animation {
	0% {
		left: 0;
		opacity: 0.1;
	}

	100% {
		left: -235px;
		opacity: 1;
	}
}

.ewm .code .e-title {
	font-size: 1.25rem;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}

.ewm .code .e-about {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.25rem;
}

.ewm .code .e-about .qr {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ewm .code .e-about .qr .qr-img {
	width: 5rem;
	height: 5rem;
}

.ewm .code .e-about .qr .qr-name {
	font-size: 1.125rem;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: .625rem;
}

.main_green .ewm .code{
	background: url(../img/green/6.png) no-repeat;
	background-size: 100% 100%;
}

/* .ewm .code{
	width: 8.125rem;
	height: 8.125rem;
	border-radius: 1.25rem;
	position: absolute;
	left: -8.4375rem;
	top: calc(50% - 4.0625rem);
	display: none;
	-webkit-animation: animation 0.3s;
    animation: animation 0.3s; 
}

.ewm .icon:hover .code{
	display: block !important;
}

@keyframes animation
{
   0%{
    left: 0;
    opacity: 0.1;
   }
   100%{
    left: -8.4375rem;
    opacity: 1;
   }
} */


.contact_us {
	position: fixed;
	height: 3.75rem;
	right: 0;
	bottom: 10rem;
	z-index: 999;
	cursor: pointer;
}


.contact_us .contact {
	width: auto;
	height: 3.75rem;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.contact_us .contact .img {
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/details/13.png) no-repeat;
	background-size: 100% 100%;
}

.contact_us:hover .contact .img {
	background: url(../img/details/13-1.png) no-repeat !important;
}

.contact_us .contact .phone {
	width: 14.125rem;
	height: auto;
	padding: 1.125rem 1.875rem;
	position: absolute;
	left: -235px;
	top: -35px;
	background: url(../img/details/17.png) no-repeat;
	background-size: 100% 100%;
	z-index: 999;
	display: none;
	-webkit-animation: phone 0.3s;
	animation: phone 0.3s;
}

.main_green .contact_us .contact .phone{
	background: url(../img/green/6.png) no-repeat;
	background-size: 100% 100%;
}
.main_green .contact_us:hover .contact .img{
	background: url(../img/green/7.png) no-repeat !important;
}

.contact_us:hover .phone {
	display: block !important;
}

@keyframes phone {
	0% {
		left: 0;
		opacity: 0.1;
	}

	100% {
		left: -235px;
		opacity: 1;
	}
}

.contact_us .contact .phone .ph-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.contact_us .contact .phone .ph-title .ph-icon {
	width: 2rem;
	height: 1.75rem;
}

.contact_us .contact .phone .ph-title .ph-name {
	font-size: 1.25rem;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
}

.contact_us .contact .phone .number{
	margin-top: .625rem;
}

.contact_us .contact .phone .number div {
	font-size: 1.125rem;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: .3125rem;
}