*{
   padding: 0;
   margin: 0;
}
body{
   width: 100%;
   height: 100%;
   min-width: 1200px;
}
.header{
   /* background-image: url(../img/bag-000.jpg); */
   background-size: 100% 100%;
   /* overflow: hidden; */
   /* height: 1058px; */
   /* width: 1903px; */
   width: 100%;
   /* display: flex;
   justify-content: center; */
}
.main{
   width: 1200px;
   margin:0px auto;
  /* min-width: 1200px;
   max-width: 1903px; */
}
.logo-img{
   /* margin-top: 95px; */
   display: flex;
}
.log-input{
   margin-top: 40px;
   /* height: 60px; */
}
.log-input-wight{
   /* width: 200px; */
   height: 50px;
   display: flex;
}
.form-control{
   height: 50px !important;
}
.input-group-addon{
   width: 80px !important;
   line-height: 35px !important;
   background-image: linear-gradient(#e33c43, #a82c2a);
}
.header-h{
   
   height: 120px;
   display: flex;
   font-size: 18px;
   color: #000;
   /* font-weight: 800; */
}
.header-h>div{
   width: 100px;
   text-align: center;
   height: 100%;
   line-height: 130px;
}.color-000{
   background-color: #0066ff;
   color: #fff;
}



.header-nav{
   background-color: #fff;
   width: 1170px;
   margin: auto;
}
.nav-wight{
   width: 1170px;
   margin: auto;
   overflow: hidden;
}
.nav-wight_1{
	width: 1170px;
	margin: auto;
	overflow: hidden;
}
#banner{
	cursor: pointer;
}

.dance-bottom{
   background-image: linear-gradient(#1992d7, #45bcc2);
   width: 576px;
   border-bottom:1px solid #dbdbdb;
   display: flex;
   justify-content: space-between;
   line-height: 50px;
}
.dance-bottom_1{
   background-image: linear-gradient(#1992d7, #45bcc2);
   width: 752px;
   border-bottom:1px solid #dbdbdb;
   display: flex;
   justify-content: space-between;
   line-height: 50px;
}
a{
	/* color: #000000 !important; */
}
.hover_a:hover{
   color: #02a0ea !important;
   cursor:pointer;
}
.hover_a >div:hover{
   color: #02a0ea !important;
   cursor:pointer;
}
.hover_a>a:hover{
	color: #02a0ea !important;
	border: none !important;
	text-decoration:none !important;
}
.hover_a>a{
width: 160px;
 /* overflow: hidden;
  text-overflow:ellipsis; white-space: nowrap;	 */
}
.foot{
   height: 200px;
   background-color: #000;
   color: #73777a;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   line-height: 30px;
   font-size: 16px;
}
.nav {
   margin-bottom: 15px !important;
   
}

.nav-right-bottom>div>div>ul>li {
   font-size: 16px;
   color: #b0b0b0;
   margin-top: 24px;
   margin-left: 20px;
   width: 540px;
}

.nav-right-bottom {
   display: flex;
   justify-content: space-between;
   width: 1706px;
}

.video>div:nth-child(2)>ul {
   display: flex;
   flex-direction: column;
   /* justify-content: space-around; */
   height: 100%;
}

.video>div:nth-child(2) {
   font-size: 18px;
   width: 350px;
   color: #b0b0b0;
   margin-left: 50px;
}

.video>div:nth-child(1) {
   width: 388px;
   height: 185px;
}

.video {
   display: flex;
}

.conter-dance-right>div:nth-child(1) {
   display: flex;
   height: 434px;
}

.conter-dance-right {
   margin-left: 10px;
}

.conter-dance {
   margin: 15px 0px;
   display: flex;
   justify-content: space-between;
}

.nav-title>div>div>div {
   margin-right: 15px;
}

.nav-title>div>div {
   display: flex;
   justify-content: space-between;
   font-size: 21px;
}

.nav-title>div {
   width: 1085px;
   margin: auto;
   display: flex;
   justify-content: space-between;
}

.nav-title {
   height: 120px;
   line-height: 120px;
   background-color: #f3f3f3;
   margin: 40px 0px;
}

.nav-middle-right-bottom>ul>li {
   margin: 25px 0px;
}

.nav-middle-right-bottom {
   border: 1px solid #dbdbdb;
   padding-left: 20px;
   height: 200px;
   font-size: 16px;
   /* color: #b0b0b0; */
}
.nav-middle-right-bottom_1{
   border: 1px solid #dbdbdb;
   padding-left: 20px;
   height: 284px;
   font-size: 16px;
   color: #b0b0b0;
}
.nav-middle-right-title {
   display: flex;
   flex-direction: column;
   padding: 0px 20px;
}
.nav-middle-right-title_1{
   display: flex;
   flex-direction: column;
   padding: 0px 20px;
   width: 605px;
}
.nav-middle-right-title_1>div:nth-child(1) {
   font-size: 20px;
   width: 565px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin: 17px 0px;
   font-weight: 800;
   margin-top: 36px;
}

.nav-middle-right-title_1>div:nth-child(2) {
   font-size: 16px;
   width: 560px;
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.nav-middle-right-title>div:nth-child(1) {
   font-size: 20px;
   color:#8b0003;
   width: 376px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin: 17px 0px;
   font-weight: 800;
}

.nav-middle-right-title>div:nth-child(2) {
   font-size: 16px;
   width: 376px;
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.nav-middle-right-service {
  border-right: 2px solid #dbdbdb;
      padding: 20px 20px;
      width: 106px;
      line-height: 30px;
      height: 100px;
      margin: 14px 0px;
	  text-align: center;
}
.nav-middle-right-service_1{
  border-right: 2px solid #dbdbdb;
      padding: 20px 20px;
      width: 150px;
      margin: 14px 0px;
	  text-align: center;
}
.nav-middle-right-service_1>div:nth-child(1) {
   font-size: 48px;
   font-weight: 400;
}
.nav-middle-right-service_1>div:nth-child(2) {
   font-size: 16px;
   /* line-height: 55px; */
}
.nav-middle-right-service>div:nth-child(1) {
   font-size: 48px;
   font-weight: 400;
   color: #f53135;
}

.nav-middle-right-service>div:nth-child(2) {
   font-size: 16px;
   color: #f53135;
   line-height: 55px;
}

.nav-middle>div:nth-child(2) {
   width: 530px;
}

.nav-middle-right {
   border: 1px solid #dbdbdb;
   display: flex;
   justify-content: space-between;
}

.nav-img {
   /* margin-right: 35px; */
}

.nav-top {
   margin: 40px auto 20px auto; 
   /* display: flex; */
   /* justify-content: space-between; */

}
.nav-right{
	margin-left: 34px;
	width: 1045px;
	height: 114px;
	overflow: hidden;
}
.nav-right .carousel_title{
	height: 100%;
	overflow: hidden;
}
.nav-right .carousel_title .el-carousel__container{
	height: 100% !important;
}
.nav-right .carousel_title .carousel_item_title{
	height: 100%;
	background-color: #FFFFFF;
}
.hot_description{
	color: #8e8d8d;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: 10px;
}


.nav-middle {
   display: flex;
   justify-content: space-between;
}
.point {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.9);
   margin-right: 5px;
   float: left;
}

.point.active {
   background: #fff;
}
.el-carousel__item img{
	    color: #475669;
	    font-size: 18px;
	    line-height: 300px;
	    margin: 0;
		background-size: 100% 100%;
	  }
.el-carousel__container{
		  height: 485px !important;
	  }
.el-carousel__item:nth-child(2n) {
	    background-color: #99a9bf;
	  }
	  
.el-carousel__item:nth-child(2n+1) {
	    background-color: #d3dce6;
	  }
	  .right-top{
		  width: 820px;border-bottom:1px solid #dbdbdb;display: flex;
		      justify-content: space-between;line-height: 44px;
	  }
	  .li_diao{
		  overflow: hidden;
		  text-overflow: ellipsis;
	  }
	  a:hover{
		  text-decoration:none !important;
	  }
	  [v-cloak]{ display:none}
	  .header-h>div{
	  	cursor:pointer;
		
	  }
	  
	  .header-top-title{
	  	overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
	  	-webkit-box-orient: vertical;
		/* width: 400px; */
		/* margin: auto; */
		font-weight: 800;
	  }
	  .banner{
	  	width: 620px;height: 390px;
	  }
	  .time-info{
	  	border: 1px solid #EEEEEE;height: 50px;display: flex;
	  	    justify-content: space-between;
	  }
	  .time-info>div:nth-child(1){
	  	background-image: url(img/kao01.png);height: 100%;
		width: 159px;color: #fff;
	  	font-size: 18px;line-height: 47px;
		text-indent: 26px;
	  }
	  .title-info{
	  	width: 470px;
		overflow: hidden;
	  	text-overflow: ellipsis;white-space: nowrap;
		/* padding-top: 15px; */
		font-size: 16px;
	  }
	  .title-info_1{
	  	width: 715px;
	  		overflow: hidden;
	  	text-overflow: ellipsis;white-space: nowrap;
	  		/* padding-top: 15px; */
	  		font-size: 16px;
	  }
	  .for-img{
	  	border: 1px solid #EEEEEE;height: 50px;display: flex;justify-content: space-between;
	  }
	  .for-img-1{
	  	background-image: url(../img/kao05.png);
		height: 100%;
		width: 185px;
		color: #fff;
	  	font-size: 18px;
		line-height: 50px;
		text-indent: 20px;
	  }
	  .for-img-2{
	  	background-image: url(../img/kao05a.png);width: 985px;
	  }
	  .for-let-img{
	  	height: 500px;width: 400px;
	  }
	  .more-video{
	  	margin: 5px 0px;background-image: linear-gradient(#1992d7, #45bcc2);height: 56px;
	  	      width:760px ;text-align: center;font-size: 18px;color: #fff;line-height: 56px;
	  }
	  .for-border{
	  	width: 578px;border: 1px solid #EEEEEE;height: 310px;
	  }
	  .for-zhu{
	  	width: 8px;height: 27px;background-color: #fff;margin: auto 8px;
	  }
	  #over:hover{
	  	background-image: url(../img/kao03a.png) !important;
	  }
	  #ovef:hover{
	  	background-image: url(../img/kao04a.png) !important;
		cursor:pointer;
	  }
	  .cursor{
		  cursor:pointer;
	  }
	  video:hover{
	  	cursor: pointer;
	  }
	  video::-webkit-media-controls-mute-button {
	    display: none !important;
	  }
	  video::-webkit-media-controls-fullscreen-button {
	    display: none !important;
	  }
	  .zxin{
		    width:705px;
		     overflow: hidden;
		     text-overflow: ellipsis;
		     white-space: nowrap;
		     padding-top: 28px;
		     font-size: 16px; 
	  }
	  .bianhang{
	  	width: 486px;
	  	    overflow: hidden;
	  	    text-overflow: ellipsis;
	  	    white-space: nowrap;
	  	    padding-top: 25px;
	  	    font-size: 16px;
	  }
	  .bianhang_1{
	  	width: 540px;
	  	    overflow: hidden;
	  	    text-overflow: ellipsis;
	  	    white-space: nowrap;
	  	    font-size: 16px;
	  }
	  .bianhang_1>a:hover{
	  	color: #02a0ea !important;
	  }
	  .poster{
	  	/* object-fit: cover; */
		object-fit: fill;
	  }