body{font-size: 16px;}
.mb{margin-bottom: 50px;}
.mt{margin-top: 50px;}
.place{position: relative; z-index: 3; display: block; padding-top: 56.25%; overflow: hidden;}
.place .pic{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.place .pic img{display: block; width: 100%; height: auto; min-height: 100%;}
.elli-s{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
.imgScale a{overflow: hidden;}
.imgScale a img{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-duration: 4s;
	transition-duration: 4s;
	transition: all 4s;
	-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.imgScale a:hover img{
	-moz-transform:scale3d(1.1, 1.1, 1);
	-ms-transform:scale3d(1.1, 1.1, 1);
	-o-transform:scale3d(1.1, 1.1, 1);
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1);
}


.gxgk-overview{padding-top: 40px; background: url(../images/gxgk/gxgk_header.png) no-repeat left bottom; background-size: cover;}
.gxgk-overview .thead{position: relative; text-align: left;}
.gxgk-overview .thead .more{position: absolute; right: 0; bottom: 0; font-size: 1.25em; font-weight: bold; color: #fff;}
.gxgk-overview .desc{margin-top: 25px; margin-bottom: 25px; font-size: 1.125em; color: #fff; line-height: 1.8em; text-align: justify;}
.gxgk-overview .desc p{padding: .3125em 0;}

.gxgk-wrapper{background: url(../images/gxgk/gxgk2022_wrapper_bg.png) no-repeat center bottom #f2f8ff; background-size: 100% auto; min-height: 1000px;}
.gxgk-headline{position: relative;}
.gxgk-headline h3{position: relative; z-index: 2;}
.gxgk-headline .more{position: absolute; z-index: 3; right: 0; bottom: 11px; font-weight: bold; font-size: 1.125em;}
.gxgk-headline:after{position: absolute; right: 0; bottom: 1px; left: 426px; z-index: 1; content: ""; height: 13px; background: url(../images/gxgk/gxgk2022_headline_bg.png) repeat-x bottom;}

.gxjj dl{padding: 1.25em; background-color: #fff;}
.gxjj dl dt{float: left; width: 40%;}
.gxjj dl dt .place{padding-top: 75%;}
.gxjj dl dd{float: left; width: 60%;}
.gxjj dl dd > *{margin-left: 50px;}
.gxjj dl dd .memo{font-size: 1.125em; line-height: 2.25em; text-align: justify;}
.gxjj dl dd .memo p{text-indent: 2em;}
.gxjj dl dd .menus ul{margin-right: -10px; margin-left: -10px;}
.gxjj dl dd .menus ul li{float: left;width: 16%;}
.gxjj dl dd .menus ul li a{display: block;margin: 20px 0px 0;transition: all .3s;}
.gxjj dl dd .menus ul li a i{display: block; margin: 0 auto .75em; width: 60px; height: 60px;}
.gxjj dl dd .menus ul li a i img{display: block; width: 100%; height: 100%;}
.gxjj dl dd .menus ul li a font{display: block;text-align: center;font-size: 16px;color: #333;}
.gxjj dl dd .menus ul li a span{display: block;margin-top: .3125em;text-align: center;font-size: 9px;color: #bebebe;/* letter-spacing: 2px; */}
.gxjj dl dd .menus ul li a:hover{transform: translateY(-10px);}

.gxjdfc .owl-carousel .item a{display: block; padding: 1.25em; background-color: #fff; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); border-radius: .3125em;}
.gxjdfc .owl-carousel .item a .place{padding-top: 131.25%; border-radius: .3125em;}
.gxjdfc .owl-carousel .item a .caption{text-align: center; font-size: 1.375em; margin-top: .75em;}
.gxjdfc .owl-carousel .owl-dots{display: none;}
.gxjdfc .owl-carousel .owl-nav{margin-top: 40px; text-align: center;}
.gxjdfc .owl-carousel .owl-nav > div{display: inline-block; position: relative; margin: 0 20px; width: 46px; height: 46px;}
.gxjdfc .owl-carousel .owl-nav > div:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: #fff; border-radius: 100em; overflow: hidden;}
.gxjdfc .owl-carousel .owl-nav > div i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; width: 25px; height: 18px; margin: -9px auto 0; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
.gxjdfc .owl-carousel .owl-nav > div:hover:after{opacity: .65;}
.gxjdfc .owl-carousel .owl-nav > div.owl-prev i{background-image: url(../images/gxgk/gxgk2022_arrow_prev.png);}
.gxjdfc .owl-carousel .owl-nav > div.owl-next i{background-image: url(../images/gxgk/gxgk2022_arrow_next.png);}


.gxnj .bd{padding-right: 60px; padding-left: 60px;}
.gxnj .bd .owl-carousel .item a .place{padding-top: 95.25%;}
.gxnj .bd .owl-carousel .owl-dots{display: none;}
.gxnj .bd .owl-carousel .owl-nav > div{position: absolute; top: 50%; width: 28px; height: 28px; margin-top: -16px;}
.gxnj .bd .owl-carousel .owl-nav > div:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; border: 2px solid #999; border-radius: 100em; overflow: hidden;}
.gxnj .bd .owl-carousel .owl-nav > div i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; color: #999; text-align: center; font-weight: bold; font-size: 1.125em; line-height: 1em; margin-top: -.5em;}
.gxnj .bd .owl-carousel .owl-nav > div.owl-prev{left: -60px;}
.gxnj .bd .owl-carousel .owl-nav > div.owl-next{right: -60px;}
.gxnj .bd .owl-carousel .owl-nav > div:hover:after{background-color: #999; opacity: .65;}
.gxnj .bd .owl-carousel .owl-nav > div:hover i{color: #fff;}

@media (max-width: 1520px) {
  .mb{margin-bottom: 35px;}
  .mt{margin-top: 35px;}
  .gxgk-overview{min-width: 1200px; margin-right: auto; margin-left: auto;}
  .gxgk-overview .thead .more{font-size: 1.125em;}
  .gxgk-wrapper{min-width: 1200px; margin-right: auto; margin-left: auto;}
  .gxgk-headline .more{font-size: 1.0625em;}
  .gxjj dl dd > *{margin-left: 35px;}
  .gxjj dl dd .memo{font-size: 1em;}
  .gxjj dl dd .menus ul{margin-right: 0; margin-left: 0; text-align: center;}
  .gxjj dl dd .menus ul li{float: none;display: inline-block;width: 16%;}
  .gxjj dl dd .menus ul li a{margin: 20px 9px 0;}
  .gxjj dl dd .menus ul li a span{letter-spacing: normal;/* font-size: 12px; */}
  .gxjdfc .owl-carousel .item a .caption{font-size: 1.25em;}
	.gxjj dl dd .menus ul li a font{
		
font-size: .8em;
	}
}

@media (max-width: 1200px) {
  .gxjj dl{padding: 15px; margin-right: -10px; margin-left: -10px;}	
  .gxjj dl dd > *{margin-left: 20px;}
  .gxjdfc .owl-carousel .item a{padding: 15px;}
  .gxjdfc .owl-carousel .item a .caption{margin-top: 10px;}
  .gxjdfc .owl-carousel .owl-nav{margin-top: 30px;}
  .gxjdfc .owl-carousel .owl-nav > div{margin: 0 15px;}
}


@media (max-width: 767px) {
  body{font-size: 14px; min-width: 320px;}
  .mb{margin-bottom: 25px;}
  .mt{margin-top: 30px;}
  .gxgk-overview{min-width: inherit;}
  .gxgk-wrapper{min-width: inherit;}
  
  .gxgk-overview{padding-top: 25px;}
  .gxgk-overview .desc{margin-top: 20px; margin-bottom: 20px; font-size: 1.0625em;}
  .gxjj dl dt{float: none; width: auto;}
  .gxjj dl dd{float: none; width: auto;}
  .gxjj dl dd > *{margin-left: 0;}
  .gxjj dl dd .memo{margin-top: 20px; margin-bottom: 20px;}
  .gxjj dl dd .menus ul{margin: 0 -7px 15px -8px;}
  .gxjj dl dd .menus ul li{float: left; width: 18%;}
  .gxjj dl dd .menus ul li a{margin: 15px 7px 15px 8px;}
  .gxjj dl dd .menus ul li:nth-child(3){width: 23%;}
  .gxjj dl dd .menus ul li:nth-child(4){width: 23%;}
  .gxjdfc .owl-carousel .item a .caption{font-size: 1em;}
  .gxjdfc .owl-carousel .owl-nav{margin-top: 20px;}
  .gxjdfc .owl-carousel .owl-nav > div{width: 36px; height: 36px; margin: 0 10px;}
  .gxjdfc .owl-carousel .owl-nav > div i{width: 20px; height: 16px; margin-top: -8px;}
  
  .gxnj .bd{padding-right: 0; padding-left: 0;}
  .gxnj .bd .owl-carousel .owl-nav > div{width: 36px; height: 36px;}
  .gxnj .bd .owl-carousel .owl-nav > div:after{background-color: #000; border: none; opacity: .35;}
  .gxnj .bd .owl-carousel .owl-nav > div i{color: #fff;}
  .gxnj .bd .owl-carousel .owl-nav > div.owl-prev{left: 10px;}
  .gxnj .bd .owl-carousel .owl-nav > div.owl-next{right: 10px;}
  .gxnj .bd .owl-carousel .owl-nav > div:hover:after{background-color: #000; opacity: .65;}
}

@media (max-width: 640px) {
  .gxjj dl dd .menus ul li{width: 50% !important;}
  	
}

@media (max-width: 479px) {
  .gxgk-overview .thead .more{top: 0; bottom: auto;}
  .gxgk-headline .more{display: none;}
  .gxjdfc .owl-carousel .item a{padding: 0;}
  .gxjdfc .owl-carousel .item a .place{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
  .gxjdfc .owl-carousel .item a .caption{margin-bottom: 10px;}
  .gxjj dl dd .menus ul li a i{width: 50px; height: 50px;}
  .gxjj dl dd .menus ul li a span{display: none;}
}

@media (max-width: 414px) {

}

@media (max-width: 375px) {

}

@media (max-width: 320px) {

}