.banner .swiper-pagination-bullet{

	width: 10px;

	height: 10px;

	opacity: 1;

	background: #fff;

	margin: 0 8px !important;

}



.banner .swiper-pagination-bullet-active {

    opacity: 1;

    background: #DA2826;

}

.banner .swiper-button-prev{

	background-image: url("../img/4.png");

	width: 67px;

	height: 67px;

	background-size:67px 67px;

	left: 60px;

	margin-top: -33.5px;

}



.banner .swiper-button-next{

	background-image: url("../img/5.png");

	width: 67px;

	height: 67px;

	background-size:67px 67px;

	right:60px;

	margin-top: -33.5px;

}

.banner img{

	width: 100%;

}



.floor1{

	margin: 20px 0;

	position: relative;

}

.caption{

	text-align: center;

}

.caption h3{

	font-size: 36px;

	margin: 0 0 10px 0;

}

.caption p{

	width: 280px;

	margin: 0 auto;

	font-size: 30px;

	background: url("../img/6.png") no-repeat;

    background-position: center;

	font-weight: bold;

}

.floor7 .caption p{

	background-image:url("../img/6_w.png")

}



.floor1_row2{

	margin-top: 28px;

	margin-bottom: 20px;

}



.floor1_form form{

	display: block;

	width: 200px;

	height: 38px;

	position: relative;

}

.floor1_form .floor1_input{

	width:100%;

	height:100%;

	border:1px solid rgba(153,153,153,1);

	border-radius:19px;

	padding: 5px 30px 5px 10px;

	outline: none;

}

.floor1_form .floor1_img{

	position: absolute;

	right: 9px;

	top:8px;

}



.floor1_row3{

	padding-bottom: 10px;

	position: relative;

	margin-top: 30px;

}

.floor1_row3 .swiper-pagination{

	width: 100%;

	bottom: 0;

}

.floor1_row3 .swiper-pagination-bullet{

	background: #999999;

	opacity: 1;

	margin: 0 10px;

	width: 10px;

	height: 10px;

}

.floor1_row3 .swiper-pagination-bullet-active{

	background: #DA2826;

}

.floor1_swiper .swiper-slide img{

	width: 100%;
	height: 210px;

}

.floor1_swiper .swiper-slide .cover{

	margin-bottom: 10px;

}

.floor1_swiper .swiper-slide p{

	font-size: 18px;

	text-align: center;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	padding: 0 15px;

	margin-top: 8px;

	margin-bottom: 0;

}

.floor1_swiper .swiper-slide p span{

	margin: 0 5px;

}

.floor1_swiper .swiper-slide:hover p{

	color: #DF0000;

}



.floor1 .floor1-prev{

	width: 93px;

	height: 74px;

	background-size:93px 74px;

	left: 140px;

	margin-top: -37px;

	background-image:url("../img/l_off.png");

	outline: none;

}

.floor1 .floor1-prev:hover{

	background-image:url("../img/l_on.png");

}

.floor1 .floor1-next{

	width: 93px;

	height: 74px;

	background-size:93px 74px;

	right: 140px;

	margin-top: -37px;

	background-image:url("../img/r_off.png");

	outline: none;

}

.floor1 .floor1-next:hover{

	background-image:url("../img/r_on.png");

}





.floor2{

	position: relative;

	padding-top: 100px;

	height: 900px;

	background: url("../img/9.png") no-repeat;

	background-position:center ;

	    background-size: cover;

}



.floor2 .caption{

	color: #fff;

}



.floor2 .caption p{

    background-image: url(../img/6_w.png);

}

.floor2_ul{

	margin-top: 100px;

}

.floor2_ul li{

	position: relative;

	width: 280px;

	float: left;

	cursor: pointer;

}



.floor2_ul li:not(:first-child){

	margin-left: 20px;

}

.floor2_ul li .floor2_cover{

	width: 140px;

	height: 140px;

	border-radius: 50%;

	text-align: center;

	line-height: 140px;

	position: absolute;

	left: 50%;

	top:0;

	margin-left: -70px;

	margin-top: -70px;

	z-index: 10;

	border:1px solid rgba(181,181,181,1);

	background: #fff;

}

.floor2_ul li .floor2_txt{

	background: #fff;

	z-index: 9;

	width: 100%;

    padding: 80px 30px 30px 30px;

    height: 350px;

    color: #999;

    transition: all .45s ease;

}

.floor2_ul li:hover .floor2_txt{

	background: #E60012;

	color: #fff ;

}

.floor2_ul li .floor2_txt h4{

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-size: 24px;

	margin: 0 0 30px 0;

}

.floor2_ul li .floor2_txt p{

	font-size: 16px;

	line-height: 26px;

	margin-bottom: 0;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 6;

	overflow: hidden;

}





.floor4{

	position: relative;

    padding-top: 50px;

    padding-bottom: 60px;

	position: relative;

}

.floor4_ul{

	margin-top: 30px;

	margin-bottom: 30px;

	padding-bottom: 30px;

	border-bottom: 1px solid #DA2826;

	text-align: center;

}



.floor4_ul li{

	display: inline-block;

	margin: 0 10px;

	position: relative;

}

.floor4_ul li .floor4_selected{

	position: absolute;

	left: 50%;

	margin-left: -11px;

	top:68px;

	opacity: 0;

	transition: all .3s;

}

.floor4_ul li:hover .floor4_selected{
	opacity: 1;
	z-index: 999;
}

.floor4_ul li a{

	color: #333;

	font-size: 18px;

	display: block;

	padding: 5px 10px;

	border:1px solid transparent

}



.floor4_ul li:hover a{

	color: #DA2826;

	border: 1px dashed #df0000;

}

.floor4_banner .swiper-slide{

	transition: all .3s;

	border:1px solid transparent;

}

.floor4_banner .swiper-slide:hover{

	/*border: 1px solid #DF0000;*/

}

.floor4_banner .swiper-slide .floor4_cover{

	

	margin-bottom: 10px;

	

}

.floor4_banner .swiper-slide:hover .floor4_cover{

	border-left: none;

	border-top:none;

	border-right: none;

}

.floor4_banner .swiper-slide img{

	width: 100%;

}

.floor4_banner .swiper-slide p{

	color: #333;

	font-size: 18px;

	text-align: center;

	padding: 0 15px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}





.floor4 .floor4-prev{

	width: 62px;
height: 53px;
background-size: 62px 53px;

	left: 140px;

	margin-top: 100px;

	background-image:url("../img/l_off.png");

	outline: none;

}

.floor4 .floor4-prev:hover{

	background-image:url("../img/l_on.png")

	

}

.floor4 .floor4-next{

	width: 62px;
height: 53px;
background-size: 62px 53px;

	right: 140px;

	margin-top: 100px;

	background-image:url("../img/r_off.png");

	outline: none;

}

.floor4 .floor4-next:hover{

	background-image:url("../img/r_on.png")

	

}





.floor5{

	    padding: 20px 0;

    position: relative;

       height: 674px;

    background: url(../img/16.png) no-repeat;

    background-position: center;

}



.floor5_more{

	text-align: center;

	margin-top: 24px;

	margin-bottom: 48px;

	    display: none;

}



.floor5_more a{

	display: inline-block;

	font-size: 12px;

	padding: 6px;

	border:2px solid rgba(51,51,51,1);

	border-radius:4px;

}



.floor5_ul{

	width: 1012px;

	margin: auto;

	    margin-top: 30px;

}

.floor5_ul li{

	float: left;

	width: 500px;

	height: 220px;

	padding: 10px 33px;

	margin-bottom: 12px;

	background: rgba(0,0,0,.58);

	color: #fff;

}

.floor5_ul li:hover{

	color: #df0000;

}

.floor5_ul li:nth-child(2n){

	margin-left: 12px;

}





.floor5_ul li h4{

	text-align: center;

	font-size: 60px;

	font-weight: bold;

	margin-top: 60px;

}

.floor5_ul li h5{

	font-size: 18px;

	text-align: center;

}

.floor5_ul li p{

	font-size: 12px;

	line-height: 26px;

}





.floor6{

	height: 700px;

	padding-top: 30px;

	background: url("../img/17.png") no-repeat;

	background-position: center;

	position: relative;

}

.floor6_icon{

	position: absolute;

	left: 50%;

	margin-left: -11px;

	margin-top:50px;

}





.floor6 .swiper-slide {

  text-align: center;

  font-size: 18px;



  /* Center slide text vertically */

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  flex-wrap:wrap;

  -webkit-align-items: center;

  align-items: center;

  transition: 300ms;

  transform: scale(0.8);

  

}

.floor6 .swiper-slide img{

	max-width: 70%;

  border:1px solid transparent;

	

}

.floor6 .swiper-slide p{

	width: 100%;

	margin-top: 35px;

	font-size: 24px;

	color: #666;

	display: none;

}



.floor6 .swiper-slide-active,.swiper-slide-duplicate-active{

  transform: scale(1);



}

.floor6 .swiper-slide-active img,.swiper-slide-duplicate-active img{

	/*border:1px solid #df0000;*/

}



.floor6 .swiper-slide-active p,.swiper-slide-duplicate-active p{

	display: block;

	position: relative;

}





.floor6_banner{

	margin-top: 80px;

} 



.floor6 .floor6-prev{

	width: 62px;
height: 53px;
background-size: 62px 53px;

	left: 140px;

	margin-top: 10px;

	background-image:url("../img/l_off.png");

	outline: none;

}

.floor6 .floor6-prev:hover{

	background-image:url("../img/l_on.png");

	

}

.floor6 .floor6-next{

	width: 62px;
height: 53px;
background-size: 62px 53px;

	right: 140px;

	margin-top: 10px;

	background-image:url("../img/r_off.png");

	outline: none;

}

.floor6 .floor6-next:hover{

	background-image:url("../img/r_on.png");

	

}



.floor7{

	height: 750px;

	padding-top: 30px;

	background: url("../img/19.png") no-repeat;

	background-position: center;

	position: relative;

}

.floor7 .caption{

	color: #fff;

}



.floor7_row2{

	margin-top: 20px;

}



.floor7_l{

	width: 880px;

}



.floor7_r{

	width: calc(100% - 971px);

}

.floor7_ul{

	border-bottom:1px solid rgba(218,40,38,1);

	margin-bottom: 36px;

}

.floor7_ul li{

	float: left;

	width: 110px;

	text-align: center;

	height: 48px;

	line-height: 48px;

	color: #fff;

	cursor: pointer;

	transition: all .3s;

}

.floor7_ul li:hover{

	background: #DA2826;

}

.floor7_ul .floor7_cur{

	background: #DA2826;

}





.news_container .news_item:not(:first-child){

	display: none;

}



.news_l{

	width: 350px;

	position: relative;

}

.news_l_date{

	text-align: center;

	width: 60px;

	height: 60px;

	background: #DA2826;

	color: #fff;

	position: absolute;

	left: 0;

	top:0;

}

.news_l_date h4{

	margin-bottom: 2px;

	font-size: 20px;

}

.news_l_date p{

	font-size: 12px;

}

.news_l a{

	color: #fff;

}

.news_l .news_cover{

	width: 350px;

	height: 287px;
	margin-bottom: 15px;

}

.news_l .news_cover img{

	width: 100%;

	height: 100%;

}

.news_l .news_cover h5{

	margin: 33px 0 17px 0;

	font-size: 16px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.news_l:hover h5{

	color: #DA2826;

}

.news_l .news_cover p{

	margin-bottom: 0;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

}





.news_r{

	width: calc(100% - 350px);

	padding-left: 30px;

	height: 450px;

	margin-bottom: 0;

}

.news_r li{

	margin-bottom: 38px;

	padding-bottom: 18px;

	border-bottom: 1px dashed rgba(153,153,153,1);;

}

.news_r li:last-child{

	margin-bottom: 0;

}



.news_r_date{

	width: 60px;

	text-align: center;

	height: 60px;

	border:1px solid rgba(255,255,255,1);

	color: #fff;

}

.news_r_date h4{

	margin-bottom: 2px;

	font-size: 20px;

}

.news_r_date p{

	font-size: 12px;

}



.news_r_info{

	padding-left: 75px;

	color: #fff;

}

.news_r_info h5{

	font-size: 16px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	margin: 0 0 8px 0;

}

.news_r_info:hover h5{

	color: #DA2826;

}

.news_r_info p{

	margin-bottom: 0;

}



.news_more{

	margin-top: 0;

}

.news_more a{

	display: block;

	width: 100%;

	color: #666;

	text-align: center;

	height: 36px;

	line-height: 36px;

	background: #DDDDDD;	

}





.floor7_r{

	width: calc(100% - 910px);

	height: 520px;

	background:rgba(255,255,255,.14);

	margin-top: 49px;

	padding: 15px;

}



.floor7_r h5{

	color: #fff;

	font-size: 16px;

	padding-bottom: 15px;

	margin-bottom: 30px;

	border-bottom: 1px solid rgba(153,153,153,1);;

}

.floor7_r h5 span{

	display: inline-block;

	width: 12px;

	height: 12px;

	margin-right: 10px;

	border-radius: 50%;

	background: #DA2826;

}

.floor7_r h5 a{

	color: #fff;

}





.floor7_r_ul li{

	padding-bottom: 15px;

	margin-bottom: 30px;

	border-bottom: 1px dashed rgba(153,153,153,1);;

}

.floor7_r_ul li:last-child{

	/*margin-bottom: 0;*/

}

.floor7_r_ul li a{

	color: #fff;

}

.floor7_r_ul li:hover a{

	color: #DA2826;

}

.floor7_r_ul li div{

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.floor7_r_ul li div:first-child{

	margin-bottom: 10px;

}

.floor7_r_ul li div span{

	display: inline-block;

	background: #fff;

	color: #333;

	width: 24px;height: 24px;

	text-align: center;

	line-height: 24px;

	transform: scale(.5);

	border-radius: 50%;

	margin-right: 10px;

}



@keyframes scale{0,100%{transform:scale(.95);}50%{transform:scale(1.05);}}

@keyframes scale-bg{
	from{

		transform: scale(1);

    opacity: .8;

	}
	to{

		transform: scale(1.6);

    opacity: 0;

	}
}







@media screen and (min-width:1300px ) {
	.floor1 .floor1-prev{

		left: 30px;

	}

	.floor1 .floor1-next{

		right: 30px;

	}

	

	.floor4 .floor4-prev{

		left: 30px;

	}

	.floor4 .floor4-next{

		right: 30px;

	}

	

	.floor6 .floor6-prev{

		left: 30px;

	}

	.floor6 .floor6-next{

		right: 30px;

	}
}





@media screen and (max-width: 768px) {

	.banner .swiper-button-next, .banner .swiper-button-prev{

		display: none ;

	}

	.floor1 {

 	  	margin: 35px 0;

 	  	padding: 0 15px;

	}

	.floor1 .floor1-prev, .floor1 .floor1-next{

		display: none;

	}

	.floor1_row2{

		display: none;

	}

	.floor2{

		padding: 0 15px;

		height: auto;

		background-image: none;

	}

	.floor2 .caption{

		color: #333;

	}

	.floor2_ul li{

		width: 50%;

		margin-bottom: 130px;
		height: 250px;

	}

	.floor2_ul li:last-child{

		margin-bottom: 0;

	}

	.floor2_ul li:not(:first-child){

		margin-left: 0;

	}

	.floor2_ul li .floor2_txt{

		padding: 80px 10px 30px 10px;

	}

	.floor2_ul li .floor2_txt h4{

		font-size: 16px;

	}

	.floor2_ul li .floor2_cover img{

		max-width: 100%;

	}

	.caption h3{

		font-size: 24px;

	    margin: 0 0 5px 0;

	}

	.caption p{

		font-size: 18px;

	}

	

	

	

	.floor3{

		display: none;

	}

	.floor4{

		    padding-top: 0px;

    padding-bottom: 40px;

	}

	.floor4_ul{

		/*display: none;*/

	}

	

	.floor4 .floor4-next, .floor4 .floor4-prev{

		display: none;

	}

	

	.floor5{

		display: none;

	}

	.floor6{

	    height: 580px;

    	padding-top: 30px;

	}

	.floor6 .swiper-slide p{

		font-size: 16px

	}

	.floor6 .floor6-next, .floor6 .floor6-prev{

		display: none;

	}

	.floor6_icon{

		display: none;

	}

	.floor7{

		padding-left: 15px;

		padding-right: 15px;

		height: auto;

		background-repeat: repeat;

	}

	.floor7_l{

		width: 100%;

	}

	.floor7_r{

		display: none;

	}

	.news_l{

		width: 100%;

		display: none;

	}

	.news_l .news_cover{

		width: 100%;

		height: auto;
		margin-bottom: 15px;

	}

	.news_r{

		width: 100%;

		padding-left: 0;

		height: auto;

	}

	.floor2_ul li .floor2_txt{

		height: auto;

	}

}
.case .pic {
    width: 300px;
    height: 238px;
}
.case .pic img {
    width: 100%;
    height: 100%;
}
.case .box{
	padding: 10px 10px;
}

.case .tit {
    font-size: 20px;
    color: #1a1a1a;
    font-weight: bold;
}
.case .zj {
    font-size: 16px;
    color: #222;
    margin: 10px 0 10px;
}
.case .mj {
    font-size: 14px;
    color: #444;
    display: inline-block;
}
.case .sm {
    font-size: 14px;
    color: #777;
        margin: 5px 0 0;
    display: inline-block;
}
.case .layui-form-label {
    padding: 9px 0;
    text-align: left;
    width: 50px;
}
.case .layui-input-block {
    margin-left: 50px;
}
.projectDetail .pic{
	width: 100%;
	height: auto;
}
.projectDetail .pic img{
	height: auto;
}

.projectDetail .mui-input-group:before,.projectDetail .mui-input-group:after{
	opacity: 0;
}

.projectDetail .mui-input-row:last-child:after{
	opacity: 0;
}
.mui-btn-block{
	    padding: 10px 0;
	        font-size: 16px;
}


#app>div{
	display: none;
}
.loadEnd#app>div{
	display: block;
}
.loader{
	display: block !important;
	text-align: center;
	padding: 10px;
}


.swiper-container-horizontal{
    overflow: hidden;
    position: relative;
}

.bg-grey{
	background-color:#f6f6f6
}
.bgw{
	background-color: #FFFFFF;
}