body,
html {
	margin: 0;
	padding: 0;
}

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

button,
input {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background: transparent;
}

button:focus {
	outline: 0;
}

input:focus {
	outline: 0;
}

table {
	border: 1px solid #ddd !important;
	font-size: 14px !important;
}

tr {
	border: 1px solid #ddd !important;
}

td {
	border: 1px solid #ddd !important;
	padding: 5px 10px !important;
}

a {
	text-decoration: none;
	color: #333;
	box-sizing: border-box;
}

div,
p,
span,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

img {
	height: auto;
	vertical-align: middle;
	box-sizing: border-box;
}

.bgfff {
	background: rgba(255, 255, 255, 1) !important;
}
.bgfff .headr .head-nav .menu-item a,
.bgfff .headr .home-tel{
	color: #666;
}
.w1200 {
	max-width: 1200px;
	margin: auto;
	position: relative;
}
.w1400 {
	max-width: 1400px;
	margin: auto;
	position: relative;
}
.w1900 {
	max-width: 1920px;
	margin: auto;
	position: relative;
}

.head {
	width: 100%;
	z-index: 10;
	position: relative;
}

.head .head-top {
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.head .head-top .left {
	position: relative;
	display: flex;
	flex: 0 0 15%;
	align-items: center;
}

.head .head-top .left .text {
	padding-left: 20px;
}

.head .head-top .left .text li {
	padding: 2px 0;
}

.head .head-top .center {
	display: flex;
	align-items: center;
	position: relative;
}

.head .head-top .center h2 {
	margin: 0;
	font-size: 24px;
	color: #215ab1;
}

.head .head-top .center .text p {
	color: #666666;
}

.head .head-top .center .icon {
	padding: 5px 5px 0 0;
}
.head .head-nav{
	height: 100%;
}
.head ul {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
}

.head li {
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 14px;
	transition: .3s;
	border-bottom: 3px solid transparent;
}
.head li:hover{
	border-color: #ff035e;
}
.head li:hover a{
	color: #ff035e;
}
.head li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-size: 15px;
}

.footer{
	background-color: rgba(40, 40, 40, 1);
	padding: 40px 0;
}
.footer .footer-box{
	display: flex;
	justify-content: space-between;
}
.footer .left{
	color: #969696;
	flex: 0 0 20%;
}
.footer .left a{
		color: #969696;
	}
.footer .left h2{
	
}
.footer .left h3{
	font-weight: 400;
	font-size: 14px;
	color: #626262;
}
.footer .left p{
	padding-top: 50px;
	font-size: 14px;
}
.footer .left span{
	display: block;
	background: url(./images/footer-tel.png) left center no-repeat;
	background-size: 20px;
	padding: 8px 0 8px 30px;
}
.footer .center{
	flex: 1;
}
.footer .center .top ul{
	display: flex;
}
.footer .center .top ul li a{
	color: #969696;
	display: inline-block;
	padding: 40px 20px 0 20px;
}
.footer .center .top ul li:nth-child(1) a{
	background: url(./images/f-icon1.png) left 25% no-repeat;
	background-size: 28px;
	padding-left: 0;
}
.footer .center .top ul li:nth-child(2) a{
	background: url(./images/f-icon2.png) center 30% no-repeat;
	background-size: 50px;
}
.footer .center .top ul li:nth-child(3) a{
	background: url(./images/f-icon3.png) center 25% no-repeat;
	background-size: 28px;
}
.footer .center .top ul li:nth-child(4) a{
	background: url(./images/f-icon4.png) center 25% no-repeat;
	background-size: 32px;
}
.footer .center .top ul li:nth-child(5) a{
	background: url(./images/f-icon5.png) center 25% no-repeat;
	background-size: 32px;
}
.footer .center .top ul li:nth-child(6) a{
	background: url(./images/f-icon6.png) center 25% no-repeat;
	background-size: 32px;
}
.footer .center .top ul li:nth-child(7) a{
	background: url(./images/f-icon7.png) center 25% no-repeat;
	background-size: 28px;
}

.footer .center .top ul li:nth-child(1):hover a{
	background: url(./images/f-icon1a.png) left 25% no-repeat;
	background-size: 28px;
	color: #ff035e;
}
.footer .center .top ul li:nth-child(2):hover a{
	background: url(./images/f-icon2a.png) center 30% no-repeat;
	background-size: 50px;
	color: #ff035e;
}
.footer .center .top ul li:nth-child(3):hover a{
	background: url(./images/f-icon3a.png) center 25% no-repeat;
	background-size: 28px;
	color: #ff035e;
}
.footer .center .top ul li:nth-child(4):hover a{
	background: url(./images/f-icon4a.png) center 25% no-repeat;
	background-size: 32px;
	color: #ff035e;
}
.footer .center .top ul li:nth-child(5):hover a{
	background: url(./images/f-icon5a.png) center 25% no-repeat;
	background-size: 32px;
	color: #ff035e;
}
.footer .center .top ul li:nth-child(6):hover a{
	background: url(./images/f-icon6a.png) center 25% no-repeat;
	background-size: 32px;
	color: #ff035e;
}
.footer .center .top ul li:nth-child(7):hover a{
	background: url(./images/f-icon7a.png) center 25% no-repeat;
	background-size: 28px;
	color: #ff035e;
}
.footer .center .bottom{
	display: flex;
	padding-top: 40px;
}
.footer .center .bottom .box{
	padding-right: 40px;
	text-align: left;
}
.footer .center .bottom .box:last-child{
	padding: 0;
}
.footer .center .bottom .box h2{
	font-size: 16px;
	color: #969696;
	padding-bottom: 40px;
	font-weight: 400;
	position: relative;
}
.footer .center .bottom .box h2:before{
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #969696;
	bottom: 25px;
}
.footer .center .bottom .box p{
	font-size: 12px;
	color: #5d5d5d;
}
.footer .right{
	flex: 0 0 20%;
	text-align: right;
}
.footer .right .img{
	display: inline-block;
	text-align: center;
}
.footer .right p{
	padding: 10px 0;
	color: white;
}
.footer .right img{
	width: 150px;
	background-color: #fff;
	padding: 10px;
}
.footer .copyright p{
	text-align: center;
	color: #969696;
	font-size: 14px;
	padding-top: 80px;
}
.footer .fixed-tel{
	z-index: 999;
	position: fixed;
	left: 0;
	top: 50%;
	width: 10%;
	transform: translate(0,-50%);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.footer .tel-box{
	padding-bottom: 10px;
	background: #fff url(./images/online_botbg.jpg) center bottom no-repeat;
	background-size: 100% auto;
}
.footer .fixed-tel h2{
	padding: 10px 15px;
	background-color: #ff035e;
	color: white;
	font-size: 20px;
}
.footer .fixed-tel h3{
	padding: 10px 0px;
	text-align: center;
	margin: 0 15px;
	border-bottom: 1px solid #e3e3e3;
	font-weight: bold;
	color: #ff035e
}
.footer .fixed-tel h3:nth-child(3){
    margin-bottom: 15px;
}
.footer .fixed-tel .icon-left{
	display: none;
}
.footer .fixed-tel img{
    max-width: 100%;
	padding: 10px;
}
.footer .fixed-tel .img{
    text-align: center;
	background-color: #f4f4f4;
}
.footer .fixed-tel .img p{
	text-align: center;
	padding-bottom: 10px;
}
.footer .fixed-tel span{
	width: 46px;
	height: 46px;
	display: inline-block;
	position: fixed;
	line-height: 46px;
	color: white;
	cursor: pointer;
	text-align: center;
	right: 0;
	transform: translate(100%,0);
	background-color: #ff9c39;
	font-size: 24px;
	font-weight: bold;
}
.footer .fixed-tel span{
    display: none;
}
.footer .fixed-tel span.icon-left{
    left: 0;
    right: none;
    transform: translate(0,0);
}
.footer .fixed-tel span.active{
    display: block;
}