@charset "utf-8";



.clearfix { clear:both; content:""; display:block; }

.main_menu li {float:left;}

#content_wrap {background:#f7f7f7;}
.container {width:1200px;margin:0 auto; padding:30px 0;}

.slider {width:778px;height: 636px;float:left; position: relative;}

/* .slideshow-container {
  width: 778px;
  
  position: relative;
  overflow: hidden;

} */

.slider .bx-wrapper { border:0; margin-bottom:0;box-shadow: none;}

/* The dots/bullets/indicators */

.slide .bx-controls{
    position: absolute;
    top:50%;
    z-index: 10;
}

.slider .bx-wrapper .bx-controls-direction .bx-prev {background:url(../../img/main/prev.png) no-repeat; width:30px; height:56px; left:35px;}
.slider .bx-wrapper .bx-controls-direction .bx-next {background:url(../../img/main/next.png) no-repeat; width:30px; height:56px; left:720px;}

.slider .slider_txt {position:absolute; color:#fff; left:50px;bottom:50px;}
.slider .txt_com {font-size:34px; letter-spacing: 3px; margin:25px 0;}
.slider .txt_dep {font-size:18px; position:relative;}

.slider .txt_dep:before {
	background: rgba(255,255,255,0.5);
	width:730px;
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -12px;
}



/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}



.box_wrap {width:400px; height: 400px;float:left;margin-left:22px;}


.box li {
	width:400px; 
	height:226px; 
	background-color: #333; 
	margin-bottom:22px; 
	border: 1px solid #e3e3e3; 
	box-sizing:border-box;
}
.box li:nth-child(2n)  {margin-right: 0;}
.box li:nth-child(3), .box li:nth-child(4) {margin-bottom:0;}
.box li a {display:block; width:100%; height:100%;}
.box li a img {width:100%;height:100%;}


.link {
  display: flex;
  flex-flow: wrap;
}

.link li {
  width:50%; 
  height:194px; 
  box-sizing:border-box;
  text-align: center;
  color:#fff
}
.link li a  {
  display: block;
  padding: 33px 0;
  box-sizing: border-box;
}
.link li a img {
  width:44%;
}
.link li p {
  font-size: 18px;
  font-weight: bold;
  margin-top: 12px;
}

.link .linkzon01 {
  background-color:#7cc54c;
}

.link .linkzon02 {
  background-color:#16a34a;
}

/* banner_zone */
.banner_zone {
    width: 1200px;
    margin: 0 auto;
    padding: 27px 0;
}

.banner_zone ul li {
    width: 275px;
    border: 1px solid #cdcdcd;
    float: left;
    margin-left: 30px;
}
.banner_zone ul li img  {
  width: 100%;
}

.banner-zone ul {
    /* width: 1000px; */
    /* margin: 0 auto; */
}

div#content_wrap2 {
    width: 100%;
}