main {
  width: 100vw;
  padding-top: 30px;
  background: #f5f5f5;
  border-top: 1px solid #E0E9F1;
  padding-bottom: 150px;
}

footer {
  margin-top: 0;
  background: white;
}

.mainTop {
  width: 1240px;
  margin: 0 auto;
}

.mainTop .left {
  width: 671px;
  background: #FFFFFF;
  opacity: 1;
}

#videoplayer {
  width: 671px;
  height: 377px;
  background: #DCDCDC;
}

.mainTop .left .bottom {
  height: 86px;
  background: #FFFFFF;
  border: 1px solid #E0E9F1;
}

.mainTop .left .bottom p {
  width: 490px;
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: bold;
  margin-left: 41px;
}

.mainTop .left .bottom a {
  width: 90px;
  height: 33px;
  background: #eb6100;
  border-radius: 16px;
  margin-right: 41px;
  cursor: pointer;
  flex-shrink: 0;
}

.mainTop .left .bottom a img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.mainTop .left .bottom a span {
  font-size: 15px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.mainTop .right {
  width: 537px;
  background: #F9FCFF;
  border: 1px solid #E0E9F1;
}

.mainTop .right .text {
  width: 100%;
  height: 52px;
  background: #F9FCFF;
  border-top: 1px solid #E0E9F1;
}

.mainTop .right .text p {
  width: 462px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 17px;
  color: #96A4B1;
}

.mainTop .right .layDate {
  width: 100%;
  height: 410px;
}

.layui-laydate-footer {
  display: none;
}

.layui-laydate-main {
  width: 537px !important;
}


#test tbody tr:last-child {
  border: none;
}

#test .layui-laydate-content {
  padding: 0;
}

#test table {
  border-collapse: separate;
  border-spacing: 36px 12px
}

#test th,
#test td {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 800;
}


#test .layui-laydate {
  border-color: #E0E9F1 !important;
  box-shadow: none;
  border: none;
}

.layui-laydate-header {
  border-color: #E0E9F1 !important;
}

#test .layui-laydate .layui-this {
  background-color: #eb6100 !important;
}

.layui-laydate-header i.laydate-prev-y {
  display: none;
}

.layui-laydate-header i.laydate-next-y {
  display: none;
}

.laydate-set-ym {
  font-size: 20px;
  font-weight: bold;
}

.layui-laydate-header i {
  font-weight: bold;
}

.mainBox {
  width: 1240px;
  margin: 0 auto;
}

.mainLeft {
  width: 887px;
	float:left;
}

.mainRight {
  width: 322px;
	float:right;
}

.mainLeft .navTab {
  height: 57px;
  background: #FFFFFF;
  border: 1px solid #E0E9F1;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 57px;
  color: #333333;
  padding-left: 35px;
}

.mainLeft .title {
  height: 27px;
  font-size: 27px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 27px;
  color: #404040;
  margin-top: 40px;
  margin-bottom: 30px;
}

.mainLeft .list {
  padding-top: 0!important;
  width: 100%;
}

.mainLeft .list li {
  height: 183px;
  background: #FFFFFF;
/*  border: 1px solid #E0E9F1;*/
  background: white;
  margin-bottom: 16px;
}

.mainLeft .list li a {
  color: #333333;
  height: 100%;
}

.mainLeft .list li img {
  width: 254px;
  height: 143px;
  margin-left: 21px;
}

.mainLeft .list li div {
  width: 521px;
  height: 143px;
  margin-right: 33px;
}

.mainLeft .list li p {
  font-size: 22px;
  font-weight: bold;
  line-height: 40px;
	height: 80px;
	overflow: hidden;

}

.mainLeft .list li span {
  height: 56px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 30px;
  color: #9B9B9B;
}

.mainRight .mainRightTitle {
  width: 100%;
  margin-bottom: 20px;
	margin-top: 40px!important;
    margin-bottom: 30px!important;
}

.mainRight .mainRightTitle span {
  width: 4px;
  height: 18px;
  background: #eb6100;
  display: block;
  margin-right: 5px;
}

.mainRight .mainRightTitle p {
  font-size: 27px;

  line-height: 27px;
  color: #414141;
}

.mt_30 {
  margin-top: 30px;
}

.jmjs {
  padding: 30px 0;
  background: #FFFFFF;
 
  margin-bottom: 20px;
}

.jmjs p {
  width: 274px;
  font-weight: 500;
  line-height: 30px;
  color: #414141;
}

.zxBox li {
  padding-bottom: 10px;
  width: 100%;
}

.zxBox li .left {
  width: 15px;
  height: 15px;
  background: #ABABAB;
  border-radius: 5px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 15px;
  color: #FFFFFF;
  text-align: center;
}

.zxBox li:nth-child(1) .left {
  background: #F84521;
}

.zxBox li:nth-child(2) .left {
  background: #FF6E25;
}

.zxBox li:nth-child(3) .left {
  background: #FF8B25;
}

.zxBox li .right {
  width: 293px;
}

.zxBox li .right a {
  height: 44px;
  font-size: 15px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 22px;
  color: #414141;
}

.zxBox li .right span {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 14px;
  color: #B4B1B0;
  margin-top: 2px;
  display: block;
}

.hsgg {
  width: 100%;
  display: block;
  margin-top: 20px;
}

.hsgg img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width:750px) and (max-width:1400px){
  .mainBox {
    width: 1000px;
  }

  .mainRight {
    width: 260px;
  }

  .zxBox li .right {
    width: 236px;
  }

  .zxBox li .right a {
    font-size: 12px;
    line-height: 18px;
    height: 36px;
  }

  .news li a {
    font-size: 12px;
    line-height: 18px;
    height: 36px;
  }

  .mainLeft {
    width: 716px;
  }

  .mainLeft .navTab {
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding-left: 28px;
  }

  .mainLeft .title {
    height: 27px;
    font-size: 20px;
    margin-top: 25px;
    line-height: 27px;
  }
	.mainRightTitle {height: 27px;
    font-size: 20px;
    margin-top: 25px;
    line-height: 27px;}

  .mainLeft .list li {
    height: 148px;
  }

  .mainLeft .list li img {
    width: 205px;
    height: 116px;
    margin-left: 17px;
  }

  .mainLeft .list li div {
    width: 421px;
    height: 116px;
    margin-right: 26px;
  }

  .mainLeft .list li p {
    height: 60px;
    font-size: 21px;
    line-height: 30px;
  }

  .mainLeft .list li span {
    height: 45px;
    font-size: 15px;
    line-height: 25px;
  }


  .jmjs p {
    width: 221px;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
  }

  .mainTop {
    width: 1000px;
  }

  .mainTop .left {
    width: 540px;
  }

  #videoplayer {
    width: 540px;
    height: 304px;
  }

  .mainTop .right {
    width: 436px;
    overflow: hidden;
  }
  .layui-laydate-main {
    width: 436px !important;
  }
  .mainTop .left .bottom {
    height: 69px;
  }

  .mainTop .left .bottom p {
    width: 384px;
    font-size: 21px;
    margin-left: 33px;
  }

  .mainTop .left .bottom a {
    width: 73px;
    height: 26px;
    border-radius: 13px;
    margin-right: 33px;
  }

  .mainTop .left .bottom a img {
    width: 14px;
    height: 14px;
  }

  .mainTop .left .bottom a span {
    font-size: 12px;
  }

  .mainTop .right .text {
    height: 41px;
  }
  .mainTop .right .text p{
    width: 410px;
  }
  .mainTop .right .layDate{
    height: 331px;
  }
  #test table{
    border-spacing: 29px 7px;
  }
  #test th, #test td{
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  .laydate-set-ym {
    font-size: 16px;
  }
}
/*手机端*/
@media screen and (max-width:750px){
	.mainTop{
		width:95vw;
	}
	.mainTop .left {
		width:95vw;
	}
	.mainTop .right{
		display: none;
	}
	#videoplayer{width:95vw;height: 53.4375vw;}
	.mainTop .left .bottom{
		width:100%;
		height: auto!important;
	}
	.mainTop .left .bottom a{
		display: none;
	}
	.mainTop .left .bottom p{
		width:90vw;
		font-size: 4.5vw;
    	line-height: 8vw;
    	font-weight: bold;
    	padding: 4vw 0;
    	max-height: 16vw;
    	overflow: hidden;
		margin-left: 2.5vw;
	}
	.mainBox{
		width:95vw;
	}
	.mainRight{
		width:95vw;
		margin-top: 4vw;
	}
	.mainRight .mainRightTitle{
    	
		margin: 0!important;
	}
	.mainRight .mainRightTitle p{
		font-size: 5vw;
    	color: #333333;
	}
	.jmjs{
		background: #fff;
    	width: 89vw;
    	padding: 3vw;
    	margin-top: 4vw;
    	font-size: 4vw;
    	line-height: 8vw;
		margin-bottom: 0;
	}
	.jmjs p {
		width: 89vw;
		font-weight: 500;
		line-height: 8vw;
	}
	.mainLeft{
		width:95vw;
		margin-top: 4vw;
	}
	.mainLeft .title{
		font-size: 5vw;
    	color: #333333;
		margin: 0;
	}
	.mainLeft .list{
		margin-top:4vw;
	}
	.mainLeft .list li{
		height: 20.8vw;
    	background: #FFFFFF;
    	margin-bottom: 20px;
    	padding: 2vw;
	}
	.mainLeft .list li img{
		width: 37vw!important;
    	height: 20.8vw!important;
    	float: left;
		margin: 0 25px 0 0!important;
	}
	.mainLeft .list li p{
		font-size: 4vw;
    	line-height: 8vw;
   	 	font-weight: bold;
    	height: 16vw;
    	overflow: hidden;
	}
	.mainLeft .list li div{
		
		float: left;
    	width: 45vw;
    	height: 16vw;
    	font-size: 5vw;
	}
	.mainLeft .list li span{
		display: none;
	}
}