@charset "utf-8";

.zjam-maincontent{background: url(../images/zjam/qqjj_bg.jpg) no-repeat center top;background-size: cover;}

.zjam-tit{text-align: center;}
.zjam-tit .tit{color: #262626;font-weight: 700;font-size: 2.1em;line-height: 1.3;display: inline-block;margin-left: 17px;position: relative;}
.zjam-tit b{color: #9E7846;font-weight: 900;font-size: 1.25em;}
.zjam-tit.line{background: url(../images/zjam/mlym_tit_line.png) no-repeat center bottom;background-size: auto 17px;}
.zjam-tit.line .tit{padding-bottom: 17px;}
.zjam-tit.half .tit{padding-bottom: 12px;}
.zjam-tit.half .tit:before{content:"";width: 42px;height: 6px;background: #9E7846;border-radius: 6px;position: absolute;left: 50%;bottom:0;margin-left: -21px;;}

.zjam-shadow{padding: 30px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 20px rgba(83, 128, 201, 0.3);-webkit-box-shadow: 0px 0px 20px rgba(83, 128, 201, 0.3);}

@media (max-width: 1280px) {
  .zjam-tit .tit{font-size: 1.75em;}
  .zjam-tit.half .tit{font-size: 1.5em;}
  .zjam-tit.half .tit:before{height: 4px;}
}
@media (max-width: 640px) {
  .zjam-shadow{padding: 20px;}
}

/* 区情简介 */
.gaikuang .video{width: 580px;height: 330px;float: left;position: relative;cursor: pointer; padding-left: 18px; padding-bottom: 18px;}
.gaikuang .video .d3{background: #CEE0ED; position: absolute; left: 0; bottom: 0; top: 0; right: 0;}
.gaikuang .video .d3:after,
.gaikuang .video .d3:before{content: ''; width: 0; height: 0; border: 18px solid transparent; position: absolute; }
.gaikuang .video .d3:before{border-left-color: #fff; top: -18px; left: 0;}
.gaikuang .video .d3:after{border-bottom-color: #fff; right: -18px; bottom: 0;}
.gaikuang .video img{display: block; position: relative; z-index: 1; width: 100%; height: 100%;}
.gaikuang .txtbox{margin-left: 598px;padding-left: 30px;}
.gaikuang .txtbox .info{text-indent: 2em;line-height: 2.25; max-height: 324px;overflow: hidden;}
.gaikuang .txtbox .info .more{color: #2C60B6;}
@media (max-width: 1280px) {
  .gaikuang .video{float: none;margin: 0 auto 25px;max-width: 100%;height: auto; padding-left: 0; padding-bottom: 0;}
  .gaikuang .txtbox{margin-left: 0;padding-left: 0;}
  .gaikuang .txtbox .info{max-height: inherit;}

}

/* 阳明之旅 */
.zjam-piclink li{float: left; width: 25%;}
.zjam-piclink li > a{display: block; position: relative; margin: 0 10px 20px; border-radius: 16px 0 16px 0; overflow: hidden; transition: .3s all; color: #fff;}
.zjam-piclink li img{width: 100%;min-height: 100%;object-fit: fill;}
.zjam-piclink li .txt{position: absolute;left:0;top:0;padding: 0 30px;z-index: 1;}
.zjam-piclink li .tit{margin: 36px auto 20px;font-size: 1.625em;padding-bottom: 14px;position: relative;}
.zjam-piclink li .tit:before{content:"";position: absolute;left:0;bottom:0; width: 1em;height: 4px;border-radius: 4px;background: #fff;transition: 0.3s;}
.zjam-piclink li .en{opacity: .5;font-size: .875em;}
.zjam-piclink li > a:hover .tit:before{width: 2em;}

@media (max-width: 992px) {
	.zjam-piclink li{width: 50%;}
}
@media (max-width: 768px) {
	.zjam-piclink li .txt{padding: 0 10px 0 20px;}
  .zjam-piclink li .tit{font-size: 1.375em;}
}
@media (max-width: 480px) {
  .zjam-piclink li{width: 100%;}
	.zjam-piclink li .txt{padding-left: 10%;}
}