/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 1600px;
  height: 800px;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 40px; }
.flickity-prev-next-button.next { right: 40px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}


.gallery-cell {
  width: 1600px;
  
}

.main{height:800px;
   
	  width:1600px; 
	  background:url(20200725_008.jpg) no-repeat;
	  position:relative;}
.div840{ width:840px; float:left; margin-bottom:132px;}
.div323{width:323px;
        height:267px;
		padding-top:2px;
	    float:left; 
		overflow:hidden;}
.div500{width:500px;
	    height:249px; 
		float:left; 
		position:relative;
	    overflow:hidden;}

		 
/*------------- 从左侧显示遮罩效果 开始 ------------------------------*/

.con-four{
	width: 500px;
	height: 120px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.con-four img{
	width:500px;
	height: 120px;
}
.txt-four{
	position: absolute;
	left: -500px;
	top: 0;
	width: 480px;
	height: 110px;
	line-height: 26px;
	text-align: left;
	padding: 5px 10px;
	background-color:#0092d5;
	color:#fff;
	font-size:16px;
	text-indent:25px;
}

/*------------- 从左侧显示遮罩效果 结束------------------------------*/
.title1{width:200px; height:200px; position:absolute; z-index:10; top:0px; left:20px;}
.title2{width:200px; height:200px; position:absolute; z-index:10; top:264px; left:20px;}
.title3{width:200px; height:200px; position:absolute; z-index:10; top:0px; right:20px;}
.title4{width:200px; height:200px; position:absolute; z-index:10; top:264px; right:20px;}
.title5{width:200px; height:200px; position:absolute; z-index:10; top:-100px; left:354px;}
.title6{width:200px; height:200px; position:absolute; z-index:10; top:100px; right:374px;}


/**右侧浮动**/
*html #guanzhu { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top:360px;/*--Prevents IE6 from having an infinity scroll bar - due to 1px bogzer on #footpanel--*/
	position:absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 :document.body.scrollTop +50);
}

#guanzhu{position:fixed;right:0px;top:350px;z-index:999;width:100px;padding:5px;background:#ccc;bogzer:0;box-shadow:1px 4px 3px #d4d4d4;}
/*.cs_close{position:absolute;left:75px;top:475px;width:20px;height:20px; background-image:url(2016_fzwsy_053.png); background-repeat:no-repeat;}
.cs_close a{display:block;height:10px;}
.cs_close a span{display:none;}*/