.main1 .Hbanner-box {
 	background: url('../images/bg-exhibition.jpg') no-repeat;
 	background-size: 100% 100%;
 }

 .main1 .Hbanner {
 	max-width: 1550px;
 	margin: auto;
 	padding: 80px 0;
 }

 .main1 .Hbanner h1 {
 	color: #BDF9F3;
 	font-family: 'Popins-Bold';
 	font-size: 46px;
 	margin-bottom: 50px;
 }

 .main1 .Hbanner h1 span {
 	color: #FFFFFF;
 }

 .main1 .Hbanner p {
 	margin-bottom: 5px;
 	color: #fff;
 	font-family: 'Popins-Light';
 }

 .main1 .box {
 	/*	display: flex;
			flex-direction: column;
			position: absolute;
			right: 30px;
			top: 550px;
			z-index: 10;*/
 }

 .main1 .box a {
 	margin: 4px 0;
 }

 .main1 .box img {
 	width: 28px;
 	height: 28px;
 }

 .main2 div {
 	border-right: 0;
 	text-align: center;
 	padding: 0;
 }

 main {
 	max-width: inherit;
 	margin: auto;
 }

 .main2 .ul1 {
 	display: flex;
 	flex-wrap: wrap;
 	padding: 120px 0;
 }



 .main2 .preview-swiper {
 	background: #00000070;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 100;
 }

 .main2 .swiper-container2 {
 	position: relative;
 	width: 80%;
 	left: 10%;
 	top: 20%;
 }

 .main2 .swiper-slide {
 	text-align: center;
 }

 .main2 .swiper-slide img {
 	width: 60%;
 }

 /*	.main2 .preview-swiper .swiper-button-next {
			right: 22%;
		}

		.main2 .preview-swiper .swiper-button-prev {
			left: 22%;
		}

		.main2 .preview-swiper .swiper-button-prev img {
			width: 50px;
		}*/

 /*	.main2 .preview-swiper .swiper-button-next img {
			transform: rotateY(180deg);
			width: 50px;
		}*/

 .main2 .preview-swiper .swiper-button-next::after,
 .main2 .preview-swiper .swiper-button-prev::after {
 	display: none;
 }

 .main2 .preview-swiper .off {
 	position: absolute;
 	right: 20%;
 	top: -10%;
 	cursor: pointer;
 }

 .main3 {
 	max-width: 1640px;
 	margin: auto;
 }

 .main3 .box .head {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	color: #231814;
 	font-family: 'Popins-Bold';
 	font-size: 20px;
 	margin: 70px 0 20px;
 }

 .main3 .box .head .img1 {
 	width: 180px;
 	border-right: 1px solid #D0D0D1;
 	padding-right: 10px;
 	margin-right: 10px;
 	height: auto;
 }

 .main3 .box .head .img2 {
 	width: 50px;
 }

 .main3 .box .head .left {
 	display: flex;
 	align-items: center;
 }

 .main3 .box .head .right a {
 	background-color: #1E48A8;
 	color: #fff;
 	font-family: 'Popins-Medium';
 	padding: 10px 20px;
 	border-radius: 8px;
 	display: flex;
 	align-items: center;
 }

 .main3 .box .head .right a img {
 	width: 20px;
 	margin-right: 10px;
 }

 .main3 .box .content {
 	background-color: #EEEEEE;
 	height: 500px;
 	width: 100%;
 	margin-bottom: 50px;
 }

 .main4 {
 	max-width: 1540px;
 	margin: auto;
 }

 .main2>ul {
 	margin: 0
 }

 .main4 .box {
 	padding: 60px 0;
 	display: flex;
 	justify-content: space-between;
 }

 .main4 .box .left-box {
 	width: 49%;
 	background-color: #1E48A8;
 	padding: 70px 50px;
 }

 .main4 .box .left-box h1 {
 	color: #fff;
 	font-family: 'Popins-Medium';
 	font-size: 27px;
 }

 .main4 .box .left-box ul li,
 .main4 .box .left-box p {
 	color: #fff;
 	font-family: 'Popins-Light';
 	position: relative;
 	font-size: 16px;
 }

 .main4 .box .left-box ul li::before {
 	content: '';
 	width: 4px;
 	height: 4px;
 	position: absolute;
 	left: -10px;
 	top: 0.6em;
 	background: #fff;
 	border-radius: 50%;
 }

 .main4 .box .left-box .btn {
 	display: flex;
 	flex-direction: column;
 	max-width: 80%;
 	margin: 50px 0;
 	padding: 0;
 }

 .main4 .box .left-box .btn button {
 	font-family: 'Popins-Light';
 	background-color: #1E48A8;
 	color: #fff;
 	border: 1px solid #fff;
 	margin: 5px 0;
 	padding: 5px 0;

 }

 .main4 .box .left-box .btn button:first-child {
 	background-color: #fff;
 	color: #1E48A8;
 }

 .main4 .box .left-box img {
 	width: 100%;
 }

 .main4 .box .right-box {
 	width: 49%;
 	background-color: #F9F9F9;
 	padding: 30px 20px;
 }

 .main4 .box .right-box h1 {
 	color: #1E48A8;
 	font-family: 'Popins-Bold';
 	font-size: 19px;
 }

 .main4 .box .right-box p {
 	font-size: 10px;
 	color: #5F5F5F;
 	font-family: 'Popins-Light';
 	margin: 20px 0;
 }

 .main4 .box .right-box p a {
 	color: #1E48A8;
 }

 .main4 .form {
 	margin-top: 70px;
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	background: aliceblue;
 	padding: 0;
 	margin-bottom: 0;
 }

 .main4 .form .form-item {
 	width: 49%;
 	margin-top: 20px;
 }

 .main4 .form .form-item2 {
 	width: 100%;
 	margin-top: 20px;
 }

 .main4 .form .form-item h2,
 .main4 .form .form-item2 h2 {
 	color: #46413E;
 	font-family: 'Popins-Medium';
 	font-size: 14px;
 }

 .main4 .form .form-item h2 span,
 .main4 .form .form-item2 h2 span {
 	color: #E63842;
 }

 .main4 .form select,
 .main4 .form input {
 	width: 100%;
 	font-family: 'Popins-Medium';
 	font-size: 10px;
 	border: 0;
 	border-bottom: 1px solid #8A8A8A;
 	background-color: transparent;
 	outline: none;
 	padding: 10px 0;
 	border-radius: 0;
 }

 .main4 .form select:focus,
 .main4 .form input:focus {
 	border-bottom: 1px solid #E63D80;
 	color: #8A7575;
 }

 .main4 .form .nochange,
 .main4 .form .nochange::placeholder {
 	color: #E50C1D;
 }

 .main4 .form .submit-box {
 	display: flex;
 	justify-content: flex-end;
 	width: 100%;
 	margin-top: 50px;
 }

 .main4 .form .submit-box p {
 	color: #E50C1D;
 	opacity: 0;
 }

 .main4 .form .submit-box .submit {
 	color: #fff;
 	background-color: #1E48A8;
 	width: auto;
 	padding: 15px 80px;
 	margin-left: 40px;
 	font-size: 24px;
 }


 .main4 .form .submit-box .submit:focus {
 	border: 0;
 }

 .boxx {
 	display: flex;
 	flex-direction: column;
 	position: fixed;
 	right: 10px;
 	top: 60%;
 	z-index: 999;
 }

 .boxx a {
 	margin: 4px 0;
 }

 .boxx img {
 	width: 28px;
 	height: 28px;
 }

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

 	.main1 .box {
 		/*	display: flex;
				flex-direction: column;
				position: absolute;
				right: 30px;
				top: 550px;
				z-index: 10;*/
 	}

 	.main1 {
 		margin-top: 160px;
 	}

 	.main4 .box {
 		flex-direction: column;
 	}

 	.main4 .box .left-box,
 	.main4 .box .right-box {
 		width: calc(100% - 40px);
 		margin: 10px 20px;
 	}

 	.main2 .preview-swiper {
 		top: 10%;
 	}

 	.main2 .preview-swiper .off {
 		right: 20%;
 		top: -17%;
 	}

 }

 @media screen and (max-width:768px) {
 	.boxx {
 		flex-direction: unset;
 		justify-content: space-around;
 		width: 100%;
 		background-color: #fff;
 		bottom: 0;
 		right: 0;
 		top: auto;
 		padding: 10px 0;
 	}

 	.main3 .box .content {
 		height: 400px;
 	}


 	.main1 .Hbanner {
 		padding: 40px 0;
 	}

 	.main1 .Hbanner-box {
 		background-size: cover;
 		background-position: center;
 	}

 	.main1 .Hbanner h1 {
 		font-size: 20px;
 		margin: 20px 10px;
 	}

 	.main1 .Hbanner p {
 		margin: 10px;
 	}

 	.main1 .Hbanner .btn {
 		display: flex;
 		flex-direction: column;
 	}

 	.main1 .Hbanner .btn .btn1,
 	.main1 .Hbanner .btn .btn2 {
 		font-size: 16px;
 	}

 	.main1 .Hbanner .btn .btn2 {
 		margin: 20px 0;
 	}

 	.main4 .box .left-box,
 	.main4 .box .right-box {
 		padding: 20px;
 	}

 	.main4 .form .form-item {
 		width: 100%;
 	}

 	.main4 .form .submit-box {
 		flex-direction: column-reverse;
 		align-items: center;
 	}

 	.main4 .form .submit-box .submit {
 		margin-left: 0;
 	}

 	.main2 .ul1 {
 		padding: 50px 0;
 	}

 	.exhibition-bys {
 		bottom: 5px !important;
 	}

 	.main2 .swiper-slide img {
 		width: 100%;
 	}

 	.main2 .swiper-container2 {
 		top: 42%;
 		overflow-x: clip;
 	}

 	.main2 .preview-swiper .off {
 		top: -20%;
 		right: 5px;
 		z-index: 10;
 		width: 20px;
 	}

 	.main2 .preview-swiper .off img {
 		width: 100%;
 	}

 	.main2 .preview-swiper .swiper-button-next,
 	.main2 .preview-swiper .swiper-button-prev {
 		/*	display: none;*/
 		width: auto;
 	}

 	.main2 .preview-swiper .swiper-button-next {
 		right: 10%;
 	}

 	.main2 .preview-swiper .swiper-button-prev {
 		left: 10%
 	}

 	.main3 .box {
 		margin: 10px;
 	}

 	.main3 .box .head {
 		flex-direction: column;
 		justify-content: center;
 	}

 	.main3 .box .head .left {
 		text-align: center;
 		flex-direction: column;
 	}

 	.main3 .box .head .left .img1 {
 		border: 0;
 	}

 	.main3 .box .head .left>div {
 		display: flex;
 		align-items: center;
 		border-top: 1px solid #D0D0D1;
 		margin-top: 10px;
 		padding-top: 10px;
 		font-size: 18px;
 	}

 	.main3 .box .head .right {
 		margin-top: 20px;
 	}

 }

 .exhibition-bys {
 	position: absolute;
 	bottom: 50px;
 	left: 0;
 	right: 0;
 	margin: 0 auto;
 	background-color: #1E48A8;
 	text-align: center;
 	height: 55px;
 	width: 90%;
 	max-width: 500px;
 	margin: 0 auto;
 	border-radius: 10px;
 	line-height: 55px;
 	color: white;
 	font-size: 20px;
 }
 
 .exhibition-gyb {
 	display: block;
 	background-color: white;
 	text-align: center;
 	height: 55px;
 	width: 90%;
 	max-width: 500px;
 	margin: 20px auto 0 !important;
 	border-radius: 10px;
 	line-height: 55px;
 	color: #262161;
 	font-size: 20px;
 }
 
 
 
 
 .zyyy .title{
	     color: #1E48A8;
	     font-family: 'Popins-Bold';
	     font-size: 36px;
	     margin-top: 100px;
	     text-align: center;
		 padding-bottom: 20px;
 }
 .zyyy-box{
	 max-width:1540px ;
	 display: flex;
	 justify-content: space-around;
	 margin: 0 auto;
	 flex-wrap: wrap;
 }
 

 
 .zyyy-box ul{
 	width: calc(100% / 4 - 30px);
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	height: max-content;
	margin: 10px 0;
 }
 

 
 
 
 
 
  .zyyy-box ul>img{
	  width: 100%;
  }
  .zyyy-box ul>li{
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #1E48A8 100%);
	  
  }
  .zyyy-box ul>li>p{
  	  position: absolute;
  	  bottom: 0;
  	  left: 0;
	  width: 100%;
	  font-size: 20px;
	  color: white;
	  text-align: center;
	  line-height: 30px;
	  font-weight: bold;
	  padding: 10px;
	  transition: all 0.5s;
  }
  .zyyy-box ul>span{
	  position: absolute;
	  bottom: 0;
	  top: 0;
	  left: 0;
	  right: 0;
	  margin: auto;
	  width: 100%;
	  text-align: center;
	  height: max-content;
	  color: white;
	  transition: opacity 0.5s;
	  padding: 10px;
	  opacity: 0;
	  
  }
  .zyyy-box ul:hover>li>p{
	  /* bottom: calc(100% - 90px); */
	  bottom:100%; 
  }
  .zyyy-box ul:hover>li{
	  background: #1E48A8;
  }
    .zyyy-box ul:hover>span{
		opacity: 1;
		
	}
	
	
	
	@media screen and (max-width: 1080px){
		  .zyyy-box ul{
			  width: calc(100% / 2 - 50px);
		  }
	}
	
	

	
	
	@media screen and (max-width: 500px){
		 .zyyy-box ul{
		  		  width: 90%;
		 }
		  
	}