@charset "utf-8";
*{transition: all .3s;}
.container-width{width: 100%; margin: 0 auto; padding-left: 80px; padding-right: 80px; }
.i-container-width{width: 100%; margin: 0 auto; padding-left: 160px; padding-right: 50px; }
.container-padding{padding-top: 50px; padding-bottom: 50px;}
.container-overflow{overflow: hidden;}
.container-position{position: relative;}
@media (max-width:1200px) {
	.i-container-width{ padding-left: 35px; padding-right: 35px; }
}
@media (max-width:960px) {
	.container-width{ padding-left: 35px; padding-right: 35px; }
	.container-padding{padding-top: 35px; padding-bottom: 35px;}
}
@media (max-width:768px) {
	.container-width,
	.i-container-width{ padding-left: 15px; padding-right: 15px; }
	.container-padding{padding-top: 15px; padding-bottom: 15px;}
}

/* 字体图标  */
 @font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot') format('embedded-opentype'),
		 url('../fonts/iconfont.woff') format('woff'),
		 url('../fonts/iconfont.ttf') format('truetype'),
		 url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

/**************** header ****************/




/* footer */
.i-footer{padding-top: 40px; height: 220px;background: #222;color: #999; margin-top: 50px;}
.i-footer h3 span{width: 100%; height: 1px; background: #999; display: block; margin: 10px 0; position: relative;}
.i-footer h3 span::before{content: ""; position: absolute; left: 0; top: 0; width: 80px; height: 1px; background-color: #C12510;}

.i-footer-nav{float: left; width: 30%; padding:0px 30px; }
.i-footer-nav a{color: #aaa; margin: 10px 5px 0; font-size: 12px; display: inline-block;}
.i-footer-nav a:hover{color: #fff;}
.i-footer-hotline{float: left; width: 25%; padding:0px 30px; }
.i-footer-hotline p{margin: 20px 0 0; font-size: 20px; color: #C12510;}

.i-footer-contact{float: left; width: 25%; color: #aaa; font-size: 16px; padding:0px 30px;}
.i-footer-contact a{border: 1px solid #666; padding: 5px 22px; font-size: 16px; display: inline-block; margin-top: 20px; position: relative;color: #ddd;}

.i-footer-contact a:hover{color: #C1202F; border-color: #C1202F; }

.i-footer-wx{float: left;  width: 20%; color: #aaa; padding: 0 0px ;}
.i-footer-wx a{color: #999; margin-left: 10px; display: inline-block;}
.i-footer-wx p{ margin-top: 15px; display: block;}
.i-footer-wx a:last-child{position: relative;}
.i-footer-wx a:last-child img{position: absolute; bottom: 35px; right: -50px; height: 0; transition: all .3s;}
.i-footer-wx a:last-child:hover img{height: auto;}
.i-footer-wx a i{font-size: 30px; display: inline-block; color: #666; width: 30px; height: 30px; border-radius: 2px; margin-bottom: -2px;}
.i-footer-wx a:first-child i{font-size: 28px; background-color: #666; color: #222; display: inline-block; }
/*ZMY*/
@media (max-width:960px) {
	.i-footer{padding: 40px 0; height: auto;}
	.i-footer-nav,
	.i-footer-hotline,
	.i-footer-contact,
	.i-footer-wx{width: 100%;  padding: 15px 0;}
}
@media (max-width:768px) {
	.i-footer{margin-top: 30px;}
}