.banner-index{width: 100%; height:auto; overflow: hidden;position:relative;}
.banner-index ul li{position: relative; overflow: hidden;}
.banner-index ul li a{display: block; position: relative; left: 50%; margin-left: -960px; z-index: 1;}
.banner-index ul li a img{display: block; width: 1920px;}
.banner-index ul li span{display: block; width: 100%; height: 6px; background: rgba(255,255,255,0.2); position: absolute; bottom: 0; left: 0; z-index: 2;}
.banner-index ul li span em{display: block; width: 0; height: 6px; background: #f0c984;}
.banner-index ul li.swiper-slide-active span em{width: 100%; transition: 7s ease-out;}

.banner-index .swiper-pagination.swiper-pagination-bullets{bottom: 16px; position:absolute;}
.banner-index .swiper-pagination-bullet{background: #fff; opacity: 0.8;
	width: 10px;
	height: 10px;
}
.banner-index .swiper-pagination-bullet-active{background: #ff1003; opacity: 1;}


.mukuai-01{
	margin: 60px 0;
}
.mukuai-01 ul{
	text-align: center;
}
.mukuai-01 ul li{
	display: inline-block;
	height: 94px;
	position: relative;
	width: 244px;
	margin: 0px 14px;
}
.mukuai-01 ul li h2{
	width: 72px;
	height: 94px;
	background: url("../img/ico-001.png") no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 46px;
	color: #fff;
	font-weight: bold;
	line-height: 68px;
}
.mukuai-01 ul li p{
	font-size: 18px;
	line-height: 24px;
	padding-left: 90px;
	padding-top: 10px;
	box-sizing: border-box;
	height: 66px;
	text-align: left;
	color: #333;
}

.mukuai-01.a{
}
.mukuai-01.a li{
	width: 380px;
}
.mukuai-01.a li h2{
	font-size: 28px;
    font-weight: 500;
}
.mukuai-01.a li p{
	    font-size: 16px;
    line-height: 20px;
	height: 80px;
	overflow: hidden;
}

.mukuai-02{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.mukuai-02 h2{
	font-size: 38px;
	color: #222;
}
.mukuai-02 .tab{
	display: inline-block;
	height: 50px;
	font-size: 0;
	margin: 10px auto 20px;
}
.mukuai-02 .tab p{
	font-size: 20px;
	color: #666;
	position: relative;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	display: inline-block;
	padding: 0 60px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.mukuai-02 .tab p img{
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 10px;
}
.mukuai-02 .tab p.on{
	border-bottom: 2px solid #ff0000;
}
.mukuai-02 .tab p:hover{
	border-bottom: 2px solid #ff0000;
}

.mukuai-02 .con{}
.mukuai-02 .con p{
	display: none;
}
.mukuai-02 .con p img{
	display: block;
	width: 100%;
}
.mukuai-02 .con p.on{
	display: block;
}



.mukuai-03{
	width: 1100px;
	margin: 60px auto;
	text-align: center;
	
}
.mukuai-03 h2{
	font-size: 50px;
	color: #333;
}
.mukuai-03 h3{
	font-size: 17px;
	color: #757575;
	font-weight: 100;
	width: 590px;
	margin: 10px auto 60px;
}
.mukuai-03 ul{
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
}
.mukuai-03 ul li{
	
}
.mukuai-03 ul li .img-box{
    height: 110px;
}
.mukuai-03 ul li .img-box img{}
.mukuai-03 ul li p{
    font-size: 26px;
    line-height: 28px;
    color: #555555;
}




.tit-mukuai{
	text-align: center;
}
.tit-mukuai h2{
	font-size: 50px;
	color: #333;
}
.tit-mukuai h2 span{ 
	color: #aeaeae;
}
.tit-mukuai em{
	display: block;
	width: 58px;
	height: 2px;
	background: #e3123f;
	margin: 10px auto;
}

.tit-mukuai h3{
	font-size: 18px;
	color: #828282;
}


.mukuai-04{
	width: 1354px;
	height: 609px;
	background: url("../img/img-006.jpg") no-repeat;
	margin: 60px auto;
}

.mukuai-04 ul{
	width: 1150px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;
}
.mukuai-04 ul li{
	width: 107px;
	position: relative;
}
.mukuai-04 ul li h2{
	width: 107px;
	height: 107px;
	background: #f39801;
	border-radius: 50%;
	Justify-content:center; 
	align-items:center;  
	display:-webkit-flex;
	font-size: 20px;
	padding: 0 6px;
	box-sizing: border-box;
	line-height: 28px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	position: relative;
}
.mukuai-04 ul li em{
	display: block;
	position: absolute;
	left: 50%;
	height: 50px;
	border-right: 1px dashed #f39801;
	top: 107px;
}
.mukuai-04 ul li:nth-child(2n) em{
	top: 123px;
	height: 34px;
}
.mukuai-04 ul li p{
	font-size: 14px;
	color: #fff;
	margin-top: 60px;
}


.mukuai-04 .tit-mukuai{
	padding: 46px 0 0;
	height: 192px;
}
.mukuai-04 .tit-mukuai h3{
	margin-top: 20px;
}


.mukuai-05{
	width: 1200px;
	margin: 0 auto 0;
}
.mukuai-05 ul{
	width: 1162px;
    margin: 30px auto;
}
.mukuai-05 ul li{
	float: left;
	width: 258px;
	margin: 0 16px;
}
.mukuai-05 ul li p{
	font-size: 14px;
	margin-top: 10px;
	color: #333;
}
.mukuai-05 ul li p span{
	font-size: 16px;
	color: #e3123f;
	font-weight: bold;
}





.mukuai-06{
	width: 1356px;
	margin: 0 auto 60px;
}
.mukuai-06 ul{
	margin-top: 38px;
}
.mukuai-06 ul li{
	float: left;
	width: 20%;
	height: 386px;
	border: 1px solid #ccc;
	border-right: none;
	box-sizing: border-box;
	text-align: center;
	-webkit-transition: .268s;
	-moz-transition: .268s;
	transition: .268s;
}
.mukuai-06 ul li:last-child{
	border-right: 1px solid #ccc;;
}
.mukuai-06 ul li img{
	display: block;
	margin: 38px auto 4px;
	border-radius: 50%;
}
.mukuai-06 ul li h3{
	font-size: 32px;
}
.mukuai-06 ul li p{
	margin-top: 26px;
	font-size: 17px;
	color: #696969;
	height: 90px;
}

.mukuai-06 ul li a{
	display: inline-block;
	width: 160px;
	height: 40px;
	border-radius: 46px;
	line-height: 40px;
	background: #333;
	color: #fff;
	font-size: 18px;
}

.mukuai-06 ul li:nth-child(1) a{
	background: #00a7c3;
}
.mukuai-06 ul li:nth-child(2) a{
	background: #0b63ce;
}
.mukuai-06 ul li:nth-child(3) a{
	background: #00ac3e;
}
.mukuai-06 ul li:nth-child(4) a{
	background: #ef1e4a;
}
.mukuai-06 ul li:nth-child(5) a{
	background: #f26d01;
}

.mukuai-06 ul li:nth-child(1) h3{
	color: #00a7c3;
}
.mukuai-06 ul li:nth-child(2) h3{
	color: #0b63ce;
}
.mukuai-06 ul li:nth-child(3) h3{
	color: #00ac3e;
}
.mukuai-06 ul li:nth-child(4) h3{
	color: #ef1e4a;
}
.mukuai-06 ul li:nth-child(5) h3{
	color: #f26d01;
}



.mukuai-06 ul li:nth-child(1):hover{
	background: #00a7c3;
}
.mukuai-06 ul li:nth-child(2):hover{
	background: #0b63ce;
}
.mukuai-06 ul li:nth-child(3):hover{
	background: #00ac3e;
}
.mukuai-06 ul li:nth-child(4):hover{
	background: #ef1e4a;
}
.mukuai-06 ul li:nth-child(5):hover{
	background: #f26d01;
}


.mukuai-06 ul li:hover {
	box-shadow: 0 0 30px rgba(100,100,100,.3);
	border: 1px solid dotted;
}

.mukuai-06 ul li:hover h3,
.mukuai-06 ul li:hover p{
	color: #fff;
}


.mukuai-06 ul li:nth-child(1):hover a{
	background: #fff;
	color: #00a7c3;
}
.mukuai-06 ul li:nth-child(2):hover a{
	background: #fff;
	color: #0b63ce;
}
.mukuai-06 ul li:nth-child(3):hover a{
	background: #fff;
	color: #00ac3e;
}
.mukuai-06 ul li:nth-child(4):hover a{
	background: #fff;
	color: #ef1e4a;
}
.mukuai-06 ul li:nth-child(5):hover a{
	background: #fff;
	color: #f26d01;
}








.mukuai-07{
	width: 1100px;
	margin: 60px auto;
}
.mukuai-07 ul{
	margin-top: 50px;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;
}

.mukuai-07 ul li{
	text-align: center;
}
.mukuai-07 ul li h2{
	font-size: 28px;
	color: #2561b9;
}
.mukuai-07 ul li img{
	display: block;
	margin: 28px auto 32px;
	border-radius: 50%;
}
.mukuai-07 ul li p{
	font-size: 22px;
	color: #898989;
}






.mukuai-08{
	width: 1260px;
	margin: 60px auto;
	padding: 56px 0;
	background: #e3123f;
}
.mukuai-08 ul{
	width: 1140px;
	margin: 50px auto 0;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;
}
.mukuai-08 ul li{
	width: 218px;
	height: 362px;
	background: #fff;
	position: relative;
}
.mukuai-08 ul li .zz{
	position: absolute;
	bottom: 0;
	left: 0;
}

.mukuai-08 ul li .text{
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	text-align: center;
}
.mukuai-08 ul li .text h2{
	font-size: 24px;
	color: #fff;
}
.mukuai-08 ul li .text p{
	font-size: 16px;
	color: #fff;
	opacity: .8;
}