﻿﻿@charset "utf-8";

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  font-family: "微软雅黑";
  /* font-size: 17px; */
min-width: 1200px;
}

.mlgz_container {
  width: 75em;
  margin: 0 auto;
  height: 100%;
  position: relative;
}

.tit_l {
  margin-right: 2.35em;
}

.tit_r {
  margin-left: 2.35em;
}



/*第一屏*/
.top_js {
  background-color: #3573b5;
  height: 124px;
  width: 100%;
}

.gzgk {
  background-image: url(whjn-bg-01.jpg);
  perspective: 800px;
  display: block !important;
  background-repeat: no-repeat;
}

.gzgk .fp-tableCell {
  display: block !important;
}

.gzgk_bg {
  position: absolute;
  left: 0;
  top: 124px;
  right: 0;
  bottom: 0;
  background: url(whjn-bg-01.jpg) no-repeat center 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mlgz_container {
  position: relative;
}

.active .gzgk_bg {
  animation: majority 1s linear 1 both;
  -webkit-animation: majority 1s linear 1 both;
}

.gzgk .whjn_logo {
  padding-top: 2em;
}

.gzgk .whjn_shipin {
  position: absolute;
  right: 0;
  top: 25%;
}



/*济宁概况*/
.jngk {
  background: url(whjn-bg-03.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.jngk .jngk_tit {
  text-align: left;
  padding-top: 4.875em;
  overflow: hidden;
}

.jngk .jngk_tit .tit_l {
  float: left;
}

.jngk .jngk_tit .tit_r {
  float: right;
}

.jngk .jngk_con {
  /* background: url(mllj_15.png) no-repeat; */
  background-size: 100%;
  height: 31.76em;
  margin-top: 1.17em;
  /* width: 70.58em; */
  position: relative;
}

.jngk .jngk_con .jngk_con_1 {
  float: left;
  width: 380px;
  height: 355px;
  z-index: 3;
  position: absolute;
}

.jngk .jngk-1 {
  position: relative;
  padding-left: 3.4375em;
}

.jngk .jngk-1 .jngk-1-1,
.jngk .jngk-1 .jngk-1-2,
.jngk .jngk-1 .jngk-1-3,
.jngk .jngk-1 .jngk-1-4,
.jngk .jngk-1 .jngk-1-5,
.jngk .jngk-1 .jngk-1-6 {
  width: 6.0625em;
  height: 6.6875em;
  position: absolute;
  text-align: center;
  background-image: url(whjn-bg-06.png);
  padding: 0.625em;
  cursor: pointer;
}

.jngk .jngk-1 .jngk-1-1 {}

.jngk .jngk-1 .jngk-1-1.on {
  background-image: url(whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-2 {
  left: 10em;
}

.jngk .jngk-1 .jngk-1-2.on {
  background-image: url(whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-3 {
  left: 6.75em;
  top: 5.625em;
}

.jngk .jngk-1 .jngk-1-3.on {
  background-image: url(whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-4 {
  left: 213px;
  top: 5.625em;
}

.jngk .jngk-1 .jngk-1-4.on {
  background-image: url(whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-5 {
  left: 10em;
  top: 11.25em;
}

.jngk .jngk-1 .jngk-1-5.on {
  background-image: url(whjn-bg-06-1.png);
}

.jngk .jngk-1 .jngk-1-6 {
  left: 16.5em;
  top: 11.25em;
}

.jngk .jngk-1 .jngk-1-6.on {
  background-image: url(whjn-bg-06-1.png);
}


.jngk .jngk-1-01{
	background-position: center 27%;
	background-repeat: no-repeat;
	padding-top: 50px;
  padding-bottom: 16px;
  color: #4a86bc;
}

.jngk .jngk-1 .jngk-1-1 .jngk-1-01 {
	background-image: url(jngk-tb-1.png);
}

.jngk .jngk-1 .jngk-1-1.on .jngk-1-01 {
  background-image: url(jngk-tb-1-1.png);
  color: #fff;
}

.jngk .jngk-1 .jngk-1-2 .jngk-1-01 {
  background-image: url(jngk-tb-2.png);
}

.jngk .jngk-1 .jngk-1-2.on .jngk-1-01 {
  background-image: url(jngk-tb-2-1.png);
  color: #fff;
}

.jngk .jngk-1 .jngk-1-3 .jngk-1-01 {
  background-image: url(jngk-tb-3.png);
}

.jngk .jngk-1 .jngk-1-3.on .jngk-1-01 {
  background-image: url(jngk-tb-3-1.png);
  color: #fff;
}

.jngk .jngk-1 .jngk-1-4 .jngk-1-01 {
  background-image: url(jngk-tb-4.png);
}

.jngk .jngk-1 .jngk-1-4.on .jngk-1-01 {
  background-image: url(jngk-tb-4-1.png);
  color: #fff;
}

.jngk .jngk-1 .jngk-1-5 .jngk-1-01 {
  background-image: url(jngk-tb-5.png);
}

.jngk .jngk-1 .jngk-1-5.on .jngk-1-01 {
  background-image: url(jngk-tb-5-1.png);
  color: #fff;
}

.jngk .jngk-1 .jngk-1-6 .jngk-1-01 {
  background-image: url(jngk-tb-6.png);
}

.jngk .jngk-1 .jngk-1-6.on .jngk-1-01 {
  background-image: url(jngk-tb-6-1.png);
  color: #fff;
}

.jngk .jngk-1 {}

/* .jngk .jngk_con .jngk_con_1 img{width: 100%;height: 100%;} */
.jngk .jngk_con .jngk_con_2 {
  float: right;
  width: 782px;
  height: 260px;
  /* margin-left: 410px; */
  color: #030000;
  font-size: 17px;
  line-height: 240%;
	padding: 28px 37px;
	background: url(whjn-bg-05.png) no-repeat;
	margin-top: 30px;
}
.jngk .jngk_con .jngk_con_2 div{
	display: none;
}
.jngk .jngk_con .jngk_con_3 {
  clear: both;
  padding-top: 45px;
}

.jngk .jngk_con .jngk_con_3 li {
  background: url(yuanjiao.png) no-repeat;
  height: 50px;
  width: 200px;
  float: left;
  margin-left: 60px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

/* .jngk .jngk_con .jngk_con_3 li:first-child{margin-left: 0px;} */
.jngk .jngk_con .jngk_con_3 li a {
  color: #fff;
  font-size: 19px;
  font-weight: bold;
}

/*济宁旅游*/
.jnly {
  background: url(whjn-bg-08.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.jnly .jnly_tit {
  padding-top: 75px;
  text-align: left;
}

.jnly .jnly_list {
  height: 31.5625em;
  width: 1200px;
	margin-top: 6.375em;
	/* background: url(whjn-ly-01.png) no-repeat center; */
	position: relative;
}

.jnly .jnly_list li {
	width: 232px;
	height: 232px;
  /* padding: 5px; */
  /* background-color: #fff; */
  margin-right: 20px;
	margin-bottom: 20px;
	transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
	position: absolute;
  overflow: hidden;
  border: 5px solid #fff;
}

.jnly .jnly_list li:first-child{
	top: 49px;
	left: 135px;
}
.jnly .jnly_list li:first-child+li{
	top: 49px;
	left: 484px;
}
.jnly .jnly_list li:first-child+li+li{
	top: 49px;
	left: 833px;
}
.jnly .jnly_list li:first-child+li+li+li{
	top: 223px;
	left: 310px;
}
.jnly .jnly_list li:first-child+li+li+li+li{
	top: 223px;
	left: 657px;
}


.jnly-1{
  width: 330px;
  height: 330px;
  margin-top: -54px;
  margin-left: -54px;
  text-align: center;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
}
.jnly-1:hover{
  /* background-size: 200%; */
  transform: scale(1.2) rotate(-45deg);
  transition: all 0.5s ease-out 0s;
}


.jnly .jnly_list li a{
	width: 100%;
	height: 100%;
	display: block;
}


.jnly .jnly_list li a {
  color: #fff;
}



/*济宁印象*/
.jnyx {
  background: url(whjn-bg-09.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.jnyx li.hover {
  width: 600px;
}

.jnyx li.hover:first-child .yxgzCon {
  margin-left: 0;
}

.jnyx li:first-child .text1 {
  filter: Alpha(opacity=0);
}

.yxgz_list li {
  float: left;
}

.yxgz_list {
  overflow: hidden;
  height: 390px;
  width: 215px;
	/* margin: 0 auto; */
	float: left;
}

.yxgz_list li {
	overflow: hidden;
	height: 90px;
  width: 215px;
  margin-right: 0px;
  float: left;
	display: inline;
	margin-bottom: 10px;
}

.yxgz_list li:first-child {
	background: url(whjn-bg-12.png) no-repeat;
}
.yxgz_list li:first-child:hover,.yxgz_list li:first-child .hover{
	background: url(whjn-bg-12-1.png) no-repeat;
}
.yxgz_list li:first-child+li {
	background: url(whjn-bg-13.png) no-repeat;
}
.yxgz_list li:first-child+li:hover,.yxgz_list li:first-child+li .hover{
	background: url(whjn-bg-13-1.png) no-repeat;
}
.yxgz_list li:first-child+li+li {
	background: url(whjn-bg-14.png) no-repeat;
}
.yxgz_list li:first-child+li+li:hover,.yxgz_list li:first-child+li+li .hover{
	background: url(whjn-bg-14-1.png) no-repeat;
}
.yxgz_list li:first-child+li+li+li {
	background: url(whjn-bg-15.png) no-repeat;
}
.yxgz_list li:first-child+li+li+li:hover,.yxgz_list li:first-child+li+li+li .hover{
	background: url(whjn-bg-15-1.png) no-repeat;
}

.yxgz li.hover {
  width: 600px;
}

.yxgz_list li div {
	
	font-size: 24px;
	color: #fff;
}
.yxgz_list li div a{
  display: block;
  padding: 30px 20px;
  color: #fff;
}

.yxgz li.hover div {
	margin-left: 0px;
	
}

.yxgzImg {
  width: 600px;
  height: 510px;
  position: relative;
  overflow: hidden;
  float: left;
}

.yxgzImg img {
  width: 600px;
  height: 510px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  /* Firefox 4 */
  -webkit-transition-delay: 0.2s;
  /* Safari 和 Chrome */
  -o-transition-delay: 0.2s;
  /* Opera */
}

.yxgzImg .text1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.yxgzImg .text1 span {
  display: table;
  height: 100%;
  width: 100%;
}

.yxgzImg .text1 span em {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.yxgzImg .text1 span em i {
  display: block;
  width: 22px;
  line-height: 19px;
  font-size: 18px;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
  font-style: normal;
}

.yxgzImg .text2 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0.1)', endColorstr='rgba(0,0,0,0)');*/
  color: #ffffff;
  font-size: 18px;
  display: none;
}

.yxgz_list li.hover .text1 {
  opacity: 0;
}

.yxgz_list li:hover .text2 {
  display: block;
  background: #000;
  background-color: rgba(0, 0, 0, 0.6);
  filter: Alpha(opacity=70);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

.yxgz_list li:hover .column4ListImg img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* 渐变兼容 */
/*@media \0screen\,screen\9 {只支持IE6、7、8*/
/* .yxgzCon{ */
/* filter:Alpha(opacity=50); */
/*position:static; IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
/**zoom:1; 激活IE6、7的haslayout属性，让它读懂Alpha */
/* } */
/*.yxgzCon .text2 {
    position: relative; 设置子元素为相对定位，可让子元素不继承Alpha值 
	}  */
/*.yxgzCon .text1 em{
    position: relative;
  }  */

.jnyx .jnyx_tit {
  padding-top: 75px;
  text-align: center;
}



.jnyx .jnyx_box {
  margin-top: 105px;
}

.jnyx .jnyx_box li .hover{}

.jnyx .jnyx_box-2{
	float: right;
	width: 980px;
	height: 392px;
	overflow: hidden;
}
.jnyx .jnyx_box-2 ul{
	display: flex;
	flex-wrap: wrap;
  padding: 0; margin: 0;/*height:30px;overflow:hidden;*/

}

.jnyx .jnyx_box-2 ul:after{
	content: '';
	flex-grow: 99999;
}

.jnyx .jnyx_box-2 ul li{
	min-width: 20%;
	margin: 0 10px 10px 0;
	flex-grow: 1;
}
.jnyx .jnyx_box-2 ul li img{
	width: auto;
	height: 190px;
	object-fit: cover;
	min-width: 100%;
}


/*济宁记忆*/
.tslj {
  background: url(whjn-bg-20.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.tslj .tslj_tit {
  padding-top: 65px;
  /* text-align: center; */
}

.tslj .tslj_list {
  width: 1600px;
  margin-top: 90px;
  height: 23.5em;
}

.tslj .tslj_list li {
  float: left;
  position: relative;
  margin-right: 24px;
	margin-bottom: 2.35em;
	width: 282px;
}

.tslj .tslj_list li span {
  position: absolute;
  bottom: 0px;
  left: 0px;
	/* width: 373px; */
	top: 0;
	right: 0;
  /* height: 50px; */
  background: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: Alpha(opacity=70);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  font-size: 24px;
	line-height: 30px;
	font-family: 宋体;
	text-align: center;
  padding-top: 40px;
  display: none;
}
.tslj .tslj_list li:hover span{
  display: block;
}
.tslj .tslj_list li b {
  font-weight: lighter;
  display: inline-block;
  width: 30px;
}

.tslj .tslj_list li a {
  color: #fff;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.xqgk {
	background: url(xqgk-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.xqgk_tit {
	padding-top: 65px;
}

.xqgk-container {
	position: relative;
	margin-top: 80px;
}

.xqgk-bd {
	overflow: hidden;
}

.xqgk-left,
.xqgk-right {
	position: absolute;
	top: 160px;
}

.xqgk-left {
	left: -90px;
}

.xqgk-right {
	right: -90px;
}

.xqgk_list li {
	width: 285px;
	height: 370px;
	float: left;
	background: #fff;
	margin-right: 20px;
}

.xqgk-detail {
	height: 100%;
	position: relative;
	margin: 10px;
}

.xqgk-detail span {
	display: inline-block;
	width: 50px;
	text-align: center;
	padding: 15px 10px;
	color: #fff;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 0;
	background: #3573b5;
}

.xqgk_list li img {
	width: 100%;
	height: 350px;
}

.xqgk .footer-f {
  margin-top: 2.35em;
	text-align: center;
	position: absolute;
	bottom: 0;
	background-color: #757575;
	width: 100%;
	height: 190px;
}







/*animate*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}


@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}


@keyframes majority {
  0% {
    transform: translateZ(350px);
  }

  100% {
    transform: translateZ(0);
  }
}

@media (max-width: 1280px) {
  .mlgz_container {
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
  }

  .wlzx_l {
    width: 30%;
  }

  .wlzx_news {
    width: 38%;
    margin-left: 1.8%;
  }

  .wlzx_news ul li div {
    height: 68px;
  }

  .lyzn {
    width: 75%;
  }

  .lylx {
    width: 23%;
  }

  .tsgz_list li.pic1 {
    width: 231px;
    height: 280px;
  }

  .tsgz_list li.pic2,
  .tsgz_list li.pic9,
  .tsgz_list li.pic10 {
    width: 265px;
    height: 153px;
  }

  .tsgz_list li.pic3 {
    width: 208px;
    height: 239px;
  }

  .tsgz_list li.pic4,
  .tsgz_list li.pic5,
  .tsgz_list li.pic6,
  .tsgz_list li.pic7,
  .tsgz_list li.pic12,
  .tsgz_list li.pic13 {
    width: 178px;
    height: 154px;
  }

  .tsgz_list li.pic8 {
    width: 231px;
    height: 189px;
    margin-top: -36px;
  }

  .tsgz_list li.pic9 {
    margin-top: -165px;
  }

  .tsgz_list li.pic10 {
    *margin-left: -295px;
  }

  .tsgz_list li.pic11 {
    width: 208px;
    height: 21.76em;
    margin-top: -77px;
  }

  .wllj li.hover {
    width: 52.35em;
  }

  .yxgzCon {
    width: 52.35em;
  }

  .yxgzImg {
    width: 52.35em;
  }

  .yxgz_list li {
    width: 12.35em;
  }

}



@media (max-height: 768px) {
  .gzgk .zjlj_tit {
    padding-top: 100px;
  }

  .ljgk .ljgk_tit,
  .jqlj .jqlj_tit,
  .wllj .wllj_tit,
  .tslj .tslj_tit {
    padding-top: 25px;
  }

  .tit_c {
    height: 100px;
  }
}