header{
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 0px 0px 5px #ccc;
}
.head{
	position: relative;
}
.menu{
	position: fixed;
	width: 100%;
	height: calc(100% - 90px);
	background: #fff;
	top: 50px;
	z-index: 96;
	display: none;
}
.menu ul{
	padding: 10px 15px 0;
}
.menu ul li{
	border-bottom: 1px rgba(0,0,0,.1) solid;
}
.menu ul li a{
	display: block;
	color: #333;
	line-height: 42px;
	padding: 0px 20px;
	background: url(../images/mujt.png) 95% center no-repeat;
	background-size: auto 30%;
}
.topheight{
	height: 50px;
}
.top{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	padding: 10px 0px;
}
.logo a img{
	height: 30px;
	width: auto;
}
.nav-logo{
	width: 28px;
}
.nav-logo i{
	display: block;
	padding: 3px 0px;
	transition: .3s;
	transform-origin: 32% center;
}
.nav-logo i:after{
	content: "";
	display: block;
	background: #666;
	height: 2px;
}
.nav-close i:nth-of-type(1){
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.nav-close i:nth-of-type(2){
	display:none;
}
.nav-close i:nth-of-type(3){
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}
.banner{
	position: relative;
	padding:0px !important;
}
.banner section{
	position: absolute;
	width: 100%;
	bottom: 15%;
	left: 0;
	padding: 0px 30px;
}
.banner section a{
	display: block;
	margin-top: 10px;
}
.banner section a.ming{
	border: 1px rgba(0,0,0,.2) solid;
	border-radius: 3px;
	padding: 0px 10px 0px 40px;
	line-height: 32px;
	color: #666;
	background: #fff url(../images/bnpic1.png) 10px center no-repeat;
	background-size: auto 18px;
}
.banner section a.shou{
	background: #fff;
	border: 1px rgba(0,0,0,.2) solid;
	border-radius: 3px;
	padding: 0px 10px 0px 40px;
	line-height: 32px;
	color: #666;
	background: #fff url(../images/bnpic2.png) 12px center no-repeat;
	background-size: auto 22px;
}
.banner section a.da{
	color: #333;
	background: #ffea00;
	line-height: 34px;
	text-align: center;
	border-radius: 3px;
	border: 0;
}
.title{
	text-align: center;
}
.title big{
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'microsoft yahei';
	line-height: 24px;
}
.title big font{
	color: #225de6;
}
.title p{
	color: #999;
	font-size: 1.2rem;
	line-height: 24px;
}
.deng{
	padding: 15px 0px 5px;
}
.deng ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 10px 0px 0px;
}
.deng ul li{
	width: 48.5%;
	box-shadow: 0px 0px 7px rgba(0,0,0,.15);
	border-radius: 5px 5px 0px 0px;
	margin-bottom: 15px;
	text-align: center;
}
.deng ul li big{
	display: block;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 30px;
}
.deng ul li span{
	display: block;
	font-size: 1.2rem;
	color:#999;
	padding: 0px 5px 10px;
}
.whywx{
	background: #f6f6f6;
	padding: 20px 0px;
}
.whywx ul{
	padding: 10px 0px 0px;
}
.whywx ul li{
	display: flex;
	display: -webkit-flex;
	align-items:center;
	-webkit-align:center;
	margin-bottom: 15px;
}
.whywx ul li i{
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 50%;
}
.whywx ul li:nth-child(1) i{
	background-color: #4bb840;
}
.whywx ul li:nth-child(2) i{
	background-color: #f87827;
}
.whywx ul li:nth-child(3) i{
	background-color: #4f95d2;
}
.whywx ul li:nth-child(4) i{
	background-color: #fcd802;
}
.whywx ul li:nth-child(5) i{
	background-color: #fcb802;
}
.whywx ul li:nth-child(6) i{
	background-color: #0088ff;
}
.whywx ul li:nth-child(7) i{
	background-color: #ff5e5e;
}
.whywx ul li:nth-child(8) i{
	background-color: #40b8a0;
}
.whywx ul li:nth-child(9) i{
	background-color: #00b27a;
}
.whywx ul li:nth-child(10) i{
	background-color: #90d44d;
}
.whywx ul li section{
	width: calc(100% - 70px);
	padding-left: 10px;
}
.whywx ul li section big{
	display: block;
	font-size: 1.8rem;
	margin:0px 0px 5px;
}
.whywx ul li section span{
	display: block;
	color: #999;
	font-size: 1.2rem;
}
.jiejue{
	padding: 20px 0px 15px;
}
.jiejue h3{
	font-size: 1.9rem;
	font-weight: bold;
	color: #225de6;
	text-align: center;
}
.jiejue h2{
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px 15px;
}
.jiejue ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.jiejue ul li{
	width: 48.5%;
	margin-bottom: 10px;
}
.case{
	padding: 15px 0px 30px;
	background: url(../images/csbg.jpg) center bottom no-repeat;
	background-size: 100% auto;
}
.case ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 10px 0px 0px;
}
.case ul li{
	width: 31.5%;
	margin-bottom:10px;
}
.casep ul li{
	width: 100%;
}
.liuyan{
	background: url(../images/dzbg.jpg) center 0 no-repeat;
	background-size: 100% auto;
	padding: 30px 30px 40px;
}
.liuyan h3{
	text-align: center;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
}
.liuyan section{
	padding: 10px 0px 0px;
}
.liuyan section a{
	display: block;
	margin-top: 13px;
}
.liuyan section a.ming{
	border: 1px rgba(0,0,0,.2) solid;
	border-radius: 3px;
	padding: 0px 10px 0px 40px;
	line-height: 32px;
	color: #666;
	background: #fff url(../images/bnpic1.png) 10px center no-repeat;
	background-size: auto 18px;
}
.liuyan section a.shou{
	background: #fff;
	border: 1px rgba(0,0,0,.2) solid;
	border-radius: 3px;
	padding: 0px 10px 0px 40px;
	line-height: 32px;
	color: #666;
	background: #fff url(../images/bnpic2.png) 12px center no-repeat;
	background-size: auto 22px;
}
.liuyan section a.da{
	color: #333;
	background: #ffea00;
	line-height: 34px;
	text-align: center;
	border-radius: 3px;
	border: 0;
}
.foot{
	position:fixed;
	bottom:0;
	left:0;
	z-index:98;
	background:rgba(0,0,0,.5);
	padding:5px 10px;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	width:100%;
}
.foot a{
	display:block;
	line-height:38px;
	color:#fff;
	width:48.5%;
	padding-left:45px;
	border-radius:5px;
}
.foot a:first-child{
	background: #fd2321 url(../images/zxpic1.png) no-repeat 12px center;
	background-size:17px auto;
}
.foot a:last-child{
	    background: #f5b10e url(../images/zxpic2.png) no-repeat 12px center;
	background-size:17px auto;
}