/*banner*/
 .banner_box{
     width: 100%;
     height: 30.76923076923077rem;
     position: relative;
}
 .more_box{
     position: absolute;
     width: 4rem;
     height: 1.5384615384615385rem;
     text-align: center;
     line-height: 1.5384615384615385rem;
     color: #ffffff;
     top: 13.6923076923076925rem;
     border-radius: .3rem;
     left: 0;
     right: 0;
     bottom: -8rem;
     margin: auto;
     background: transparent;
     z-index: 333;
     border: 1px solid #FFFFFF;
	 font-size: 16px;
}
.more_box:hover{
    transition: all .2s linear;
    border: 1px solid #eb464c;
	color: #eb464c;
}
 .banner_box img{
     width: 100%;
     height: 100%;
}
 .banner_box .nav{
     width: 100%;
     height: 100%;
}
 .banner_box .swiper-pagination-bullet-active{
     background: #eb464c;
}
/*jieshao*/
 .jieshao_box{
     width: 100%;
     box-sizing: border-box;
     padding: 4.230769230769231rem 0 4.8076923076923075rem 0;
}
 .jieshao{
     width: 42.30769230769231rem;
     margin: 0 auto;
}
 .jieshao h1{
     color: #424242;
     font-size: 1.8461538461538463rem;
     line-height: 2.8846153846153846rem;
     text-align: center;
     background: url(../img/redline.jpg) center top no-repeat;
     box-sizing: border-box;
     padding-top: 0.19230769230769232rem;
}
 .jieshao h2{
     text-align: center;
     font-weight: 500;
     font-size: 0.8461538461538461rem;
     margin-bottom: 1.3461538461538463rem;
}
 .jieshao h2 span{
     display: inline-block;
     color: #424242;
     text-align: center;
     margin: 0 auto;
}
 .jieshao h2 span:before{
     display: inline-block;
     content: '';
     width: 0.9615384615384616rem;
     height: 1.1923076923076923rem;
     vertical-align: middle;
     margin: 0 0.3076923076923077rem;
     background: url(../img/blackline.jpg) center center no-repeat;
}
 .jieshao h2 span:after{
     display: inline-block;
     content: '';
     width: 0.9615384615384616rem;
     height: 1.1923076923076923rem;
     vertical-align: middle;
     margin: 0 0.3076923076923077rem;
     background: url(../img/blackline.jpg) center center no-repeat;
}
 .jieshao p{
     width: 35.19230769230769rem;
     margin: 0 auto;
     color: #424242;
     font-size: 0.6153846153846154rem;
     text-indent: 0.6153846153846154rem;
     line-height: 1rem;
}
 .jieshao ul{
     margin-top: 1.2692307692307692rem;
     display: flex;
     justify-content: center;
}
 .jieshao ul li{
     text-align: center;
     box-sizing: border-box;
     padding: 0 0.9230769230769231rem;
     border-right: 0.07692307692307693rem solid #dfdfdf;
}
 .jieshao ul li:nth-child(4){
     border: none;
}
 .jieshao ul li a{
     color: #424242;
     font-size: 0.9230769230769231rem;
}
 .jieshao ul li:hover a{
     color: #e61016;
}
 .jieshao ul li a span{
     font-size: 0.38461538461538464rem;
}
/*news*/
 .news_box{
     width: 100%;
     box-sizing: border-box;
     padding: 4.153846153846154rem 0 3.4615384615384617rem 0;
     background: #ededed;
}
 .news{
     width: 42.30769230769231rem;
     margin: 0 auto;
}
 .news h1{
     background: url(../img/new_icon.png) top center no-repeat;
     text-align: center;
     font-weight: 500;
     font-size: 0.8461538461538461rem;
     height: 3.076923076923077rem;
     line-height: 3.076923076923077rem;
     color: #424242;
}
 .news ul{
     box-sizing: border-box;
     margin: 0.9230769230769231rem 0;
     height: 1.3076923076923077rem;
}
 .news ul li{
     float: left;
     font-size: 0.5384615384615384rem;
     color: #424242;
     height: 1.3076923076923077rem;
     line-height: 1.3076923076923077rem;
     margin-right: 1.3461538461538463rem;
     transition: all 0.3s;
     position: relative;
}
 .news ul li:after{
     position: absolute;
     left: 0;
     bottom: 0;
     display: inline-block;
     content: '';
     width: 0%;
     height: 0.07692307692307693rem;
     background: red;
     transition: all 0.3s;
}
 .news ul li:hover{
     cursor: pointer;
     color: #e61016;
}
 .news ul li:hover:after{
     width: 100%;
}
 .news ul .bctive{
     color: #e61016;
}
 .news ul .bctive:after{
     position: absolute;
     left: 0;
     bottom: 0;
     display: inline-block;
     content: '';
     width: 100%;
     height: 0.07692307692307693rem;
     background: red;
     transition: all 0.3s;
}
 .news_content{
     width: 100%;
     height: 9.423076923076923rem;
     margin-bottom: 1.2307692307692308rem;
     display: none;
}
 .news_content dl{
     width: 13.461538461538462rem;
     height: 9.423076923076923rem;
     margin-right: .6rem;
}
 .news_content dl dd{
     width: 100%;
     height: 7.5rem;
}
 .news_content dl dd img{
     width: 100%;
     height: 100%;
}
 .news_content dl dt{
     width: 100%;
     height: 1.9230769230769231rem;
     line-height: 1.9230769230769231rem;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow : hidden;
     color: #424242;
     font-size: 0.5384615384615384rem;
     box-sizing: border-box;
     padding: 0 0.7692307692307693rem;
}
 .news_box h2{
     text-align: center;
     font-size: 0.5384615384615384rem;
}
 .news_box h2 a{
     width: 3.8461538461538463rem;
     height: 1.3076923076923077rem;
     line-height: 1.3076923076923077rem;
     color: #2f2f2f;
     font-weight: 500;
     font-size: 0.5384615384615384rem;
     text-align: center;
     border: 2px solid #e61016;
     display: none;
     transition: all 0.3s;
}
 .news_box h2 a:hover{
     background: #e61016;
     color: white;
}
/*youxiu*/
 .youxiu_box{
     width: 100%;
     box-sizing: border-box;
     padding: 3.076923076923077rem 0 4.153846153846154rem 0;
     background: #2f2f2f;
}
 .youxiu{
     width: 42.30769230769231rem;
     margin: 0 auto;
}
 .youxiu h1{
     background: url(../img/redoutline.png) top center no-repeat;
     background-size: 13.846153846153847rem 1.7307692307692308rem;
     text-align: center;
     font-weight: 500;
     font-size: 0.8461538461538461rem;
     height: 3.076923076923077rem;
     line-height: 3.076923076923077rem;
     color: white;
}
 .youxiu h2{
     text-align: center;
     font-weight: 500;
     font-size: 0.8461538461538461rem;
     margin-bottom: 1.3461538461538463rem;
}
 .youxiu h2 span{
     display: inline-block;
     color: white;
     text-align: center;
     margin: 0 auto;
}
 .youxiu h2 span:before{
     display: inline-block;
     content: '';
     width: 0.9615384615384616rem;
     height: 1.1923076923076923rem;
     vertical-align: middle;
     margin: 0 0.3076923076923077rem;
     background: url(../img/blackline.jpg) center center no-repeat;
}
 .youxiu h2 span:after{
     display: inline-block;
     content: '';
     width: 0.9615384615384616rem;
     height: 1.1923076923076923rem;
     vertical-align: middle;
     margin: 0 0.3076923076923077rem;
     background: url(../img/blackline.jpg) center center no-repeat;
}
 .youxiu ul{
     box-sizing: border-box;
     margin: 0.9230769230769231rem 0;
     height: 1.3076923076923077rem;
}
 .youxiu ul li{
     float: left;
     font-size: 0.5384615384615384rem;
     color: white;
     height: 1.3076923076923077rem;
     line-height: 1.3076923076923077rem;
     margin-right: 1.3461538461538463rem;
     transition: all 0.3s;
     position: relative;
}
 .youxiu ul li:after{
     position: absolute;
     left: 0;
     bottom: 0;
     display: inline-block;
     content: '';
     width: 0%;
     height: 0.07692307692307693rem;
     background: red;
     transition: all 0.3s;
}
 .youxiu ul li:hover{
     cursor: pointer;
     color: #e61016;
}
 .youxiu ul li:hover:after{
     width: 100%;
}
 .youxiu ul .bctive{
     color: #e61016;
}
 .youxiu ul .bctive:after{
     position: absolute;
     left: 0;
     bottom: 0;
     display: inline-block;
     content: '';
     width: 100%;
     height: 0.07692307692307693rem;
     background: red;
     transition: all 0.3s;
}
 .youxiu_box h3{
     text-align: center;
     font-size: 0.5384615384615384rem;
}
 .youxiu_box h3 a{
     width: 3.8461538461538463rem;
     height: 1.3076923076923077rem;
     line-height: 1.3076923076923077rem;
     color: white;
     font-weight: 500;
     font-size: 0.5384615384615384rem;
     text-align: center;
     border: 2px solid #e61016;
     display: none;
     transition: all 0.3s;
}
 .youxiu_box h3 a:hover{
     background: #e61016;
     color: white;
}
 .youxiu_content{
     width: 100%;
     margin-bottom: 1.2307692307692308rem;
     display: none;
}
 .youxiu_content dl{
     width: 10.384615384615385rem;
     height: 7.115384615384615rem;
     margin-right: 0.19230769230769232rem;
}
 .youxiu_content dl dd{
     width: 100%;
     height: 5.384615384615385rem;
}
 .youxiu_content dl dd img{
     width: 100%;
     height: 100%;
}
 .youxiu_content dl dt{
     width: 100%;
     height: 1.7307692307692308rem;
     line-height: 1.7307692307692308rem;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow : hidden;
     color: white;
     font-size: 0.5384615384615384rem;
     box-sizing: border-box;
     padding: 0 0.7692307692307693rem;
}
/*buju*/
 .buju_box{
     width: 100%;
     box-sizing: border-box;
     padding: 4.230769230769231rem 0 2.5rem 0;
}
 .buju{
     width: 42.30769230769231rem;
     margin: 0 auto;
}
 .buju h1{
     text-align: center;
     font-weight: 550;
     color: #424242;
     font-size: 1.3846153846153846rem;
     background: url(../img/buju_outline.jpg) top center no-repeat;
     line-height: 3.8461538461538463rem;
     background-size: 15.961538461538462rem 2.1153846153846154rem;
     margin-bottom: 3.5384615384615383rem;
}
 .map_box{
     width: 100%;
     height: 16.46153846153846rem;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .map_box img{
     width: 29.807692307692307rem;
     height: 100%;
}
/*floor*/
 .floor_box{
     position: fixed;
     top: 37%;
     right: 5.961538461538462rem;
     z-index: 205;
     width: 1.4615384615384615rem;
}
 .floor{
     width: 1.4615384615384615rem;
     height: 1.4615384615384615rem;
     background: white;
     border-radius: 50%;
     margin-bottom: 0.46153846153846156rem;
     box-shadow: 0 0 0.23076923076923078rem #dad7d7;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .floor:hover{
     cursor: pointer;
}
 .floor:nth-child(1)>img{
     width: 0.8846153846153846rem;
     height: 0.8846153846153846rem;
}
 .floor:nth-child(2)>img{
     width: 0.9615384615384616rem;
     height: 0.8076923076923077rem;
}
 .floor:nth-child(3)>img{
     width: 0.9230769230769231rem;
     height: 0.7692307692307693rem;
}
 .floor:nth-child(4)>img{
     width: 0.9615384615384616rem;
     height: 0.9230769230769231rem;
}
 .floor_active{
     display: none;
}
 .floor_kuang{
     position: absolute;
     right: 2.3076923076923075rem;
     top: -1.5384615384615385rem;
     box-sizing: border-box;
     padding: 0rem 0.9076923076923077rem 0rem 0.48461538461538464rem;
     background: url(../img/floor_dibu.png) center center no-repeat;
     background-size: 100% 100%;
}
 .floor_kuang_1{
     position: absolute;
     right: 2.5076923076923075rem;
     top: 0;
     box-sizing: border-box;
     padding: 0.19230769230769232rem 0.38461538461538464rem;
     border-radius: 0.19230769230769232rem;
     background: #FFFFFF url(../img/floor_dibu.png) center center no-repeat;
     display: none;
}
 .floor_kuang img{
     width: 4.2538461538461537rem;
     height: 4.2538461538461537rem;
     margin-top: 0.48461538461538464rem;
}
 .floor_kuang h1{
     font-weight: 500;
     font-size: 0.38461538461538464rem;
     color: #e61016;
     margin-bottom: 0.48461538461538464rem;
}
 .floor_kuang{
     display: none;
}
 .floor:hover .floor_kuang{
     display: block;
}
 .floor:hover .floor_kuang_1{
     display: block;
     font-size: 0.8461538461538461rem;
     color: #e61016;
}
/*hide*/
.hide{
    position: fixed;
    width: 42.30769230769231rem;
    top: 10%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 500;
}
.hide .swiper-button-prev{
    top: 10%;
    left: 4.461538461538462rem;
    background: url(../img/red_sjt.png) center center no-repeat;
    background-size: 1.2692307692307692rem 0.5rem;
}
.hide .swiper-button-next{
    top: initial;
    bottom: 4%;
    right: 4.461538461538462rem;
    background: url(../img/red_xjt.png) center center no-repeat;
    background-size: 1.2692307692307692rem 0.5rem;
}
.hide_left{
    float: left;
    width: 32.30769230769231rem;
    height: 15.76923076923077rem;
}
.hide_left img{
    width: 100%;
    height: 100%;
}
.hide_right{
    float: left;
    width: 10rem;
    height: 15.76923076923077rem;
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 2.5384615384615383rem 0.6923076923076923rem;
    position: relative;
}
.hide_right .swiper-container{
    width: 100%;
    height: 100%;
}
.hide_right .swiper-container img{
    width: 100%;
    height: 100%;
}
.hide_right .swiper-container img:hover{
    cursor: pointer;
}
.zmc{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 499;
}

.zmc img{
   top: 3%;
   right: 2%;
}

.zmc img:hover{
   cursor: pointer;
}

.miaoshu{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.7692307692307693rem 0.9615384615384616rem;
    background: white;
}
.miaoshu h1{
    font-size: 0.7692307692307693rem;
    color: #333333;
}
.miaoshu h2{
    font-size: 0.5384615384615384rem;
    color: #333333;
    margin-bottom: 0.9615384615384616rem;
}
.miaoshu p{
    font-size: 0.46153846153846156rem;
    color: #555555;
    line-height: 1rem;
}
@media (max-width: 980px){
	.banner_box{
 		height: 16.153846153846153rem ;
 	}
 	
 	.more_box{
 		font-size: 0.7rem;
 		top:7.69rem;
 	}
 	
 	/*jieshao*/
 	.jieshao_box{
 		padding: 1.5rem 0;
 	}
 	
 	.jieshao{
 		width: 100%;
 		box-sizing: border-box;
 		padding: 0 4%;
 	}
 	
 	.jieshao p{
 		width: 100%;
 	}
 	
 	.jieshao ul li a{
 		font-size: 0.65rem;
 	}
 	
 	/*news*/
 	.news_box{
 		padding: 1.5rem 0;
 		text-align: center;
 	}
 	
 	.news{
 		width: 100%;
 	}
 	
 	.news ul{
 		display: inline-block;
 	}
 	
 	.news_content{
 		justify-content: space-between;
 	}
 	
 	.news_content a{
 		width: 33%;
 	}
 	
 	.news_content dl{
 		width: 100%;
 	}
 	
 	/*youxiu_box*/
 	.youxiu_box{
 		padding: 1.5rem 0;
 		text-align: center;
 	}
 	
 	.youxiu{
 		width: 100%;
 	}
 	
 	.youxiu ul{
 		display: inline-block;
 	}
 	
 	.youxiu_content{
 		justify-content: space-around;
 	}
 	
 	/*.buju_box*/
 	.buju_box{
 		padding: 1.5rem 0;
 	}
 	
 	.buju h1{
 		margin-bottom: 1rem;
 	}
 	
 	.buju{
 		width: 100%;
 	}
 	
 	.map_box img{
 		width: 100%;
 	}
}