@charset "utf-8";


 .swiper-container {
      width: 100%;
      height: 500px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      height: 500px;
    }

.main{ width: 1200px; margin: 0 auto 30px;}


.tit1{ clear: both; padding: 30px 0;}

.dongtaibox{}
.dongtaibox ul{}
.dongtaibox ul li{ float: left; width: 390px; position: relative; margin-right: 15px;}
.dongtaibox ul li:nth-child(3n){ margin-right: 0;}
.dongtaibox ul li img{ width: 390px; height: 253px;}
.dongtaibox ul li h2{ height: 50px; line-height: 25px; font-size: 14px; padding: 14px 15px 14px 120px; color: #fff; background-color: #2692A8; position: relative;}
.dongtaibox ul li a{ color: #fff;}
.dongtaibox ul li a:hover{}
.dongtaibox ul li i{ display: inline-block; width: 91px; height: 77px; position: absolute; top: -10px; left: 15px;}
.dongtaibox ul li:nth-child(1) i{ background: url(../images/1.png) no-repeat center;}
.dongtaibox ul li:nth-child(2) i{ background: url(../images/2.png) no-repeat center;}
.dongtaibox ul li:nth-child(3) i{ background: url(../images/3.png) no-repeat center;}

.two{ clear: both;}
.zixun{ width: 850px; float: left;}
.zixun .box{}
.zixun_1{ width: 400px; height: 267px; float: left; position: relative;}
.zixun_1{ width: 400px; height: 267px;}
.zixun_1 span{ position: absolute; bottom: 30px; left: 0; font-size: 14px; color: #fff; display: block; height: 30px; line-height: 30px; padding: 10px; background-color: rgba(82,163,68,0.75);}
.zixun ul{ width: 430px; float: right;}
.zixun ul li{ height: 35px; line-height: 35px; position: relative; padding: 0 70px 0 15px; font-size: 14px; background:url(../images/icon1.png) no-repeat 0 15px; overflow: hidden;}
.zixun ul li span{ position: absolute; top: 0; right: 0; color: #999;}
.zixun ul li a{}
.renwu{ width: 330px; float: right;}
.renwubox{ position: relative;}
.renwubox img{ width: 330px; height: 220px;}
.renwu_txt{ position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; font-size: 14px; color: #fff; background-color: rgba(0,0,0,0.5);}
.renwu_txt p{ height: 22px; line-height: 22px; overflow: hidden;}


.three{ clear: both;}
.zmzc{ width: 370px; float: left; border: 1px solid #DDD; background-color: #fff; padding: 0 15px 15px; margin: 30px 0 0 0;}
.zmzc .pic{ margin-bottom: 10px;}
.zmzc ul{}
.zmzc ul li{ height: 35px; line-height: 35px; position: relative; padding: 0 0 0 15px; font-size: 14px; background:url(../images/icon1.png) no-repeat 0 15px; overflow: hidden;}

.huod{ width: 780px; float: right;}


.huod_0{ position: relative; padding: 0 0 0 295px; height: 185px;}
.huod_0 img{ width: 278px; height: 185px; position: absolute; top: 0; left: 0;}
.huod_0 h2{ font-size: 18px; font-weight: 500; margin-bottom: 15px; color: #f92402;}
.huod_0 h2 a{ color: #f92402;}
.huod_0 .txt{ font-size: 14px; line-height: 25px; color: #666;}

.huod_1{}
.huod_1 ul{}
.huod_1 ul li{ width: 240px; float: left; margin-right: 30px;}
.huod_1 ul li:nth-child(3n){ margin-right: 0;}
.huod_1 ul li div{ height: 160px; margin-bottom: 10px;}
.huod_1 ul li div img{ width: 240px; height: 160px;}
.huod_1 ul li p{ height: 40px; line-height: 20px; font-size: 14px; overflow: hidden;}

.tuji{ margin-bottom: 30px;}
.tujibox{}
.tujibox ul{}
.tujibox ul li{ width: 278px; float: left; margin-right: 29px;}
.tujibox ul li:nth-child(4n){ margin-right: 0;}
.tujibox ul li div{ height: 185px; margin-bottom: 10px;}
.tujibox ul li div img{ width: 278px; height: 185px;}
.tujibox ul li p{ height: 40px; line-height: 20px; font-size: 14px; overflow: hidden;}

/* list */
.bnr{ clear: both; height: 360px; margin-bottom: 30px; font-size: 36px; color: #fff; font-weight: normal; display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}

.place{ height: 40px; line-height: 40px; background-color: rgba(255,255,255,0.8); color: #000; font-size: 14px; padding: 0 20px; margin-top: -70px; margin-bottom: 30px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

.mleft{ width: 250px; float: left;}
.t_lm{ font-size: 18px; color: #000; font-weight: 500; margin-bottom: 15px; border-left: 3px solid #E62129; padding-left: 10px;}
.u_lm{}
.u_lm li{}
.u_lm li a{ display: block; height: 48px; line-height: 48px; font-size: 16px; padding: 0 10px 0 30px; background: url(../images/n1.png) no-repeat; margin-bottom: 10px;}
.u_lm li.cur a, .u_lm li a:hover{ background: url(../images/n2.png) no-repeat; text-decoration: none; color: #fff;}

.mbox{ width: 880px; float: right; border: 1px solid #DDD; background-color: #fff; padding: 20px;}
.mname{ font-size: 18px; color: #000; font-weight: 500; margin-bottom: 15px;}
.list{ margin-bottom: 20px;}
.u_1{}
.u_1 li{ height: 35px; line-height: 35px; position: relative; padding: 0 70px 0 15px; font-size: 14px; background:url(../images/icon1.png) no-repeat 0 15px; overflow: hidden;}
.u_1 li span{ position: absolute; top: 0; right: 0; color: #999;}
.u_1 li a{ color: ;}

.page{ clear: both; height: 26px; padding: 10px; text-align: center;}
.page a, .page span{ display: inline-block; height: 24px; line-height: 24px; font-size: 14px; padding: 0 10px; background-color: #F1F1F; border: 1px solid #E1E1E1; margin: 0 4px;}
.page span, .page a:hover{ text-decoration: none; background-color: #136CAA; border: 1px solid #136CAA; color: #fff;}

.content{ line-height: 1.8; font-size: 16px;}
.content p{ margin-bottom: 15px;}

h1.title{ font-size: 20px; font-weight: 500; margin-bottom: 15px;}
.des{ color: #999; margin-bottom: 15px; font-size: 14px;}




.detail_pic h1{ font-size: 26px; font-weight: 500; line-height: 1.6; margin-bottom: 30px;}
.detail_pic .info{ font-size: 14px; color: #999; margin-bottom: 25px;}
.detail_pic{ border: 1px solid #DDD; padding: 20px; margin: 50px 0;}
.detail .txt{ font-size: 14px; line-height: 25px; color: #666; border-bottom: 1px solid #DDD; padding-bottom: 20px; margin-bottom: 30px;}

.detail_pic .swiper-container {
      width: 1118px;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
    }
.detail_pic .swiper-slide {
     
    }
.detail_pic .gallery-top {
      width: 1118px;
      position: relative;
      text-align: center;
      margin-bottom: 20px;
      overflow: hidden;
    }
.detail_pic .gallery-top .swiper-slide{
    	
    }
.detail_pic .gallery-top img{
    	max-width: 1118px; max-height: 745px;
    }
.detail_pic .gallery-thumbs {
      width: 1118px;
      height: 100px;
      box-sizing: border-box;
      padding: 10px 0;
      margin-bottom: 10px;
      overflow: hidden;
    }
.detail_pic .gallery-thumbs .swiper-slide {
      
      opacity: 0.4;
    }
.detail_pic .gallery-thumbs .swiper-slide img{
    	width: 100%;
    }
.detail_pic .gallery-thumbs .swiper-slide-active {
      opacity: 1;
    }



.detail_pic .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
	background: url(../images/left.png) no-repeat;
}
.detail_pic .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
	background: url(../images/right.png) no-repeat;
}