﻿
.logo{ background: #fff; overflow: hidden;  padding:30px 0px; }
   .logo .w1440{ padding:0px 130px 0px 30px;}
   .logo div.right{ overflow: hidden; margin-top: 10px;}
   .logo div.right p{ font-size: 20px;margin-left: 20px; }   
   .logo div.right p span{ display: block;  }
   .logo div.left img{width: 80%;}
.main_nav{  background: #028732; color: #fff;   }
   .main_nav a{ display: block;  float: left; font-size: 16px; text-align: center; line-height: 55px; color: #fff; width:14.28%;  }
   .main_nav a.act,.main_nav a:hover{ background: #ffae00;}
   .main_nav .m_nav{ display: none }

.header_img{height: 590px; width: 100%;}
    .header_img img{ height: 100%; width: 100%; }

.cpzx{margin: 30px auto;}
	.cpzx .left{ width: 300px; border:3px solid #028732; border-radius: 5px; height: 590px; }
	.cpzx .left .title{ background: #028732; line-height: 60px;height: 60px; text-align: center; color: #fff; font-size: 22px; }
	.Znav_list{ padding: 0px 30px; }
	.Znav_list a{  display: block; color: #000; border-bottom:2px dashed #028732; line-height: 65px; font-size: 16px; text-indent: 30px;  }
	.Znav_list a:last-child{ border:0px; }
	.cpzx .right{ width: 1050px; }
	.cpzx .right ul{ overflow: hidden; }
	.cpzx .right ul li{ float: left; width: 30%;margin-right: 35px; }
	.cpzx .right ul li p{ display: block;   text-align: center; margin-top: 5px; margin-bottom: 15px ;font-size: 16px;}
	.cpzx .right ul li:nth-child(3n){margin-right:0px; }


.zysx{ background: #028732; padding: 30px 0;}
	.zysx .w1440{ padding:0px 30px; }
	.zysx img{ width: 600px; }
	.zysx h1{ text-align: center; font-size: 28px; color: #fff; padding-bottom:30px;}
	.zysx .text{ margin-left: 40px;width: 500px; }
	.zysx .text p{  border-bottom:1px dashed #fff; color: #fff; font-size: 25px; line-height: 78px;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}


.gcal{padding:30px 0px 20px 0px;}
.gcal .title{  font-size: 28px;  color: #b6b8ba; text-align: center; }
.gcal .title p span{ color: #028732 }
.gcal .title  b{ display: block; color: #000; margin-top: 10px; font-weight: 100 }
.gcal .boxImg_list{margin-top: 30px;}
    .gcal .boxImg_list ul{ overflow: hidden; }
    .gcal .boxImg_list ul li{ float: left; width: 22%;margin-right: 37px; }
    .gcal .boxImg_list ul li p{ display: block;   
      text-align: center;  line-height: 40px; 
      margin-bottom: 15px ;font-size: 16px; background: #fff;
     color: #4cb034; }
    .gcal .boxImg_list ul li:nth-child(4n){margin-right:0px;  }
    .gcal .chakan{  font-size: 20px; color: #fff; 
      border-radius: 20px;padding:10px 0px; width: 220px; text-align: center; background: #efb21b;
    margin:30px auto; cursor: pointer;  }


.zhongjiantu{ background: url(../images/hhh.jpg); height: 315px; text-align: center; color: #fff ; padding-top: 1px;}
.zhongjiantu h1{ font-size: 25px;margin-top: 100px; }
.zhongjiantu h2{ font-size: 20px; margin-top: 30px;}
.zhongjiantu p{  background: rgba(225,225,2000,0.5); display: inline-block; padding:5px 50px;margin-top: 30px; }

.aboutUs{padding:30px 0px 20px 0px; }
.aboutUs .w1440{padding:0px 20px;}
.aboutUs .title{  font-size: 28px;  color: #b6b8ba; text-align: center;  }
.aboutUs .title p span{ color: #028732 }
.aboutUs .img_text{margin-top: 50px;}
.aboutUs .img_text img{ margin-right: 100px; }
.aboutUs .img_text .text{margin-top: 20px;font-size: 25px;   line-height: 50px;  height: 450px;}
.aboutUs .img_text .text h1{font-size: 25px; }
.aboutUs .img_text .text button{ font-size: 25px; color: #fff; background: #01a33b; padding:20px 40px; border:0px;margin-top: 30px; }



.LatestNews{padding:30px 0px 20px 0px; background: #f2f2f2 }
.LatestNews .w1440{padding:0px 20px;}
.LatestNews .title{  font-size: 28px;  color: #b6b8ba; text-align: center;  }
.LatestNews .title p span{ color: #028732 }
.LatestNews .boxs{margin-top: 40px;padding-bottom: 40px;}
.LatestNews .boxs div{ float: left; }
.LatestNews .boxs div.div1{ width: 470px; }
.LatestNews .boxs div.div1 ul li{ border-bottom:2px dashed #ccc; color: #626262; font-size: 20px; line-height: 57px;  color: #626262}
.LatestNews .boxs div.div1 ul li span{ padding-right: 15px; }
.LatestNews .boxs div.div2{ width: 340px;margin:0px 30px; }
.LatestNews .boxs div.div3{ width: 460px; }
.LatestNews .boxs div.div3 span{padding: 20px 0px; overflow: hidden; display: block; font-size: 25px; color: #828282;}
.LatestNews .boxs div.div3 span img{margin-top: 6px;padding-right: 10px;}
.LatestNews .boxs div.div3 p{ font-size: 20px; color: #828282; line-height: 40px; }



.footer{ background: #028732; }
.footer .w1440{ padding:30px 20px; overflow: hidden; }
.footer .z{ width: 690px; }
.footer .z h1{ font-size: 20px; border-bottom: 3px solid #fff; color: #fff; padding:30px 0; }
.footer .z div{ overflow: hidden;padding-top:25px; }
.footer .z div img{ float: left;margin-right: 20px; }
.footer .z div p{ height: 50px; font-size: 20px; color: #fff }
.footer .r{ width: 520px;margin-top: 20px; }
.footer .r p{ font-size: 20px; color: #fff; text-indent: 5px; margin-bottom: 5px;}
.footer .r p.mt{margin-top: 30px;}
.footer .r input{ width: 100%; background: #fff; height: 80px;background: #fff; height: 100px; text-indent: 10px }
.footer .r textarea{ width: 100%;background: #fff; height: 150px;  text-indent: 10px;padding-top: 10px;}
.footer .r button{ background: #fff; border-radius: 10px;  color: #028732; width: 100px; height: 40px; line-height: 38px; font-size: 20px; cursor: pointer;margin-top: 20px; border:0px;}
.footer .boxs{ width: 100%; text-align: center; font-size: 25px; color: #fff; border-top:2px solid #37a960; }

.gongyi{}
.gongyi .title{ height: 368px; background: url(../images/banner2.png) -15px 0px;text-align: center;}
.gongyi .title img{ display: inline;margin-top: 50px; }
.gongyi .title p{ font-size: 25px; color: #fff;margin-top: 30px; }
.gongyi .boxs {  position: relative; }
.gongyi .boxs .gg { float: left;  width: 50%; padding:0px 100px 0px 20px;  }
.gongyi .boxs .gg img{margin-top: 20px;}
.gongyi .boxs .gg div{margin-top: 20px;border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.gongyi .boxs .gg div h1{ font-size: 30px; color: #028732 }
.gongyi .boxs .gg div span{font-size: 26px; color: #000; display: block;margin-top: 15px;}
.gongyi .boxs .gg div p{font-size: 22px; color: #545454; margin-top: 10px;}
.gongyi .boxs .ggs{ border-left: 2px solid #028732 ; padding:0px 20px 0px 100px;}
.gongyi .boxs .a1{ position: absolute;left: 50%; margin-left: -64px;top:50px; }
.gongyi .boxs .a2{ position: absolute;left: 50%; margin-left: -64px;top:500px; }
.gongyi .boxs .a3{ position: absolute;left: 50%; margin-left: -64px;top:850px; }
.gongyi .boxs .a4{ position: absolute;left: 50%; margin-left: -64px;bottom:200px; }





 .zi_main{padding:30px 20px;}
   .zi_main .box1{ width: 300px;  }
   .zi_main .box2{ width: 1030px; }
   .zi_main .box1 .gybox{ border:1px solid #ccc; border-radius: 10px;  overflow: hidden;}
   .zi_main .box1 .gybox .title{  font-size: 20px; font-weight: 600; color: #fff; background: #089d28;  padding:20px; text-align: center; }
   .zi_main .box1 .gybox .padding{ padding:0px 20px; }
   .zi_main .box1 .fenlei{margin-bottom: 30px;}
   .zi_main .box1 .fenlei div{margin-bottom: 20px;}
   .zi_main .box1 .fenlei p{ background: #089d28; font-size: 16px; width: 100%; padding:10px; color: #fff; cursor: pointer; }
   .zi_main .box1 .fenlei p img{ float: left;margin-top: 3px; }
   .zi_main .box1 .fenlei p span{padding-left: 10px;}
   .zi_main .box1 .fenlei ul{margin-top: 10px; display: none}
   .zi_main .box1 .fenlei ul li{ border-bottom:1px dashed #ccc; line-height: 40px;    overflow: hidden;}
   .zi_main .box1 .fenlei ul li span{padding-right: 10px; font-size: 30px; float: left;text-indent: 30px;}
   .zi_main .box1 .fenlei ul li a{ color: #000 }
   .zi_main .box1 .fenlei ul.show{ display: block; }
.zi_main .box2 .title{ height: 50px; line-height: 50px; background: #e2e2e2; }   
   .zi_main .box2 .title .left{ background: #089d28;  color: #fff; font-size: 18px; width: 150px; text-align: center; }
   .zi_main .box2 .title .right{ padding-right: 20px; font-size: 14px; }
   .zi_main .box2 .box_img{margin-top: 20px;}
   .zi_main .box2 .box_img ul li{  float: left; width: 31%;margin-right: 3.5%; text-align: center;margin-top: 20px; }
   .zi_main .box2 .box_img ul li img{ width: 100%;}
   .zi_main .box2 .box_img ul li img:hover{ border-radius: 10px;box-shadow: 0px 0px 10px #000 }
   .zi_main .box2 .box_img ul li:nth-child(3n){ margin-right: 0%; }
   .zi_main .box2 .box_img ul li p{ height:40px; line-height:40px;color: #666  }
   .fenye{margin-top: 30px;}
   .fenye span{ background: #e2e2e2; padding:5px 20px; font-size: 14px; color: #666; cursor: pointer; }



@media screen and (max-width: 1440px) {
	.w1440{width: 100%;}
	.cpzx{padding:0 20px;}
	.cpzx .left{  width: 12%; height: auto;}
	.Znav_list{ padding: 0px 2px; }
	.Znav_list a{ text-indent: 0px; text-align: center; line-height: 50px; }
	.cpzx .right{ width: 85%; }
	.zysx .left{ width: 40%;margin-right: 1%; }
	.zysx img{ width:100%; }	
	.zysx .text{ width: 58%;margin-left: 0; }
	.zysx .text p{  font-size: 22px; line-height: 50px }
  .gcal .boxImg_list ul li{ float: left; width: 23%;margin-right: 2.5%; }
  .LatestNews .boxs div.div1{ width: 30%; }
  .LatestNews .boxs div.div1 ul li{ line-height: 40px; font-size: 18px; }
  .LatestNews .boxs div.div2{ width: 30%;margin: 0px 5% }
  .LatestNews .boxs div.div2 img{ width: 100%}
  .LatestNews .boxs div.div3{ width: 30%; }
  .LatestNews .boxs div.div3 h1{ font-size: 25px; }
  .LatestNews .boxs div.div3 span{ padding:5px 0px; }
  .LatestNews .boxs div.div3 p{ font-size: 16px; line-height: 30px; }

  .footer .z{ width: 60%; }
  .footer .r{ width: 35%; }


   .zi_main .box1{ width: 20%;  }
   .zi_main .box2{ width: 77%; }
}

@media screen and (max-width: 1000px) {
  .logo .w1440{ padding:0px 30px;}
  .logo div.right img{width: 30%;}

  	.cpzx{padding:0 15px;}
  	.cpzx .left{  width: 100%; height: auto;}
  	.Znav_list a{  width: 25%; float: left; }
  	.Znav_list a:hover{ background: #5ec584; color: #fff; border-radius: 5px; }
  	.Znav_list a:last-child{ border-bottom:2px dashed #028732; }
  	.cpzx .right{ width: 100%; margin-top: 15px;}
  	.cpzx .right ul li{ float: left; width: 32%;margin-right:2%; }
  	.cpzx .right ul li:nth-child(3n){margin-right:0%; }
  	.cpzx .right ul li img{ border-radius: 3px; }  
  .aboutUs .img_text .text{margin-top: 0px;font-size: 20px;   line-height: 30px;  height: auto;}
  .aboutUs .img_text .text h1{font-size: 20px; }
  .LatestNews .boxs div.div1{ width: 100%; }
  .LatestNews .boxs div.div2{ display: none }
  .LatestNews .boxs div.div3{ width: 100%;margin-top: 20px; }

}



@media screen and (max-width: 870px) {
    .logo div.right {display: none}
    .logo div.left img{width: 100%;}
    .header_img{height: 390px; width: 100%;}
    .zysx img{ width: 100%; display: block }
    .zysx .text p{  font-size: 20px; line-height: 50px }	
    .gcal .boxImg_list{ padding:0px 15px; }
    .aboutUs .img_text img{ width: 50% ; margin-right: 10px;}

  .footer .z{ width: 100%; }
  .footer .r{ width: 100%; }
  .zi_main .box1{ width: 28%;  }
   .zi_main .box2{ width: 70%; }
   .fenye span{padding: 5px 11px}
}


@media screen and (max-width: 600px) {
  .logo{ display: none }
  .header_img{height: 200px; width: 100%;}
     .main_nav{ width: 100%; background: #028732; color: #fff; }
     .main_nav .m_nav{  background: #fff;  display: block;padding:10px;}
     .main_nav .m_nav .left{width: 70%;}
     .main_nav .m_nav .right{margin-top: 10px;margin-right: 5px;}
     .main_nav .m_nav img{ display: inline-block; }
     .main_nav .m_nav_list{     display: none;   }
     .main_nav a{ float: none; width: 100%;}
     .Znav_list a{  width: 25%; float: left;  font-size: 15px;}
     .zysx .text p{  font-size: 16px; line-height: 50px }
   .zysx .left{ width: 100%;margin-right: 0%; }
  .zysx .text{ width: 100%;margin-left: 0; }
      .gcal .boxImg_list ul li{  width:48%;margin-right: 2%; }
      .gcal .boxImg_list ul li:nth-child(3n){margin-right:0%;  }
      .gcal .boxImg_list ul li:nth-child(4n){margin-right:2%;  }
  .gcal .title{  font-size: 18px;  color: #b6b8ba; text-align: center; }

  .zhongjiantu{ height: 240px; padding:1px 5px; }
  .zhongjiantu h1{ font-size: 20px;margin-top: 30px; }
  .zhongjiantu h2{ font-size: 16px; margin-top: 30px;}
  .zhongjiantu p{  background: rgba(225,225,2000,0.5); display: inline-block; padding:5px 50px;margin-top: 30px; font-size: 16px; }

  .aboutUs .img_text img{ width: 100% ;  display: block;margin-bottom: 10px;}
  .aboutUs .img_text .text button{ margin:10px auto;  display: block}
  .footer .z div p{ font-size: 16px; color: #fff }
   .footer .z div img.ewn{ width: 100%;  display: block; float: none; margin-bottom: 20px;}
   .footer .boxs{ font-size: 20px }

.gongyi .title{  padding:0px 10px; height: auto; padding-bottom: 20px;}
.gongyi .title p{ font-size: 18px; }

.gongyi .boxs .gg {padding:0px 20px;  }
.gongyi .boxs .ggs{padding:0px 20px;}
.gongyi .boxs .gg img{margin-top: 20px;}
.gongyi .boxs .gg div{margin-top: 20px;border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.gongyi .boxs .gg div h1{ font-size: 20px; color: #028732 }
.gongyi .boxs .gg div span{font-size: 18px; color: #000; display: block;margin-top: 15px;}
.gongyi .boxs .gg div p{font-size: 15px; color: #545454; margin-top: 10px;}

.gongyi .boxs .a1{ position: absolute;left: 50%; margin-left: -4.5%;top:50px;  width: 10%}
.gongyi .boxs .a2{ position: absolute;left: 50%; margin-left: -4.5%;top:300px; width: 10% }
.gongyi .boxs .a3{ position: absolute;left: 50%; margin-left: -4.5%;top:550px; width: 10% }
.gongyi .boxs .a4{ position: absolute;left: 50%; margin-left: -4.5%;bottom:200px;  width: 10%}

.footer .z{ width: 100%; }
  .footer .r{ width: 100%; }
  .zi_main .box1{ width: 100%;  }
   .zi_main .box2{ width: 100%; }
   .zi_main .box1 .dianhua{ display: none }
   .zi_main .box2 .title .left{  width: auto; padding:0px 5px; font-size: 15px; line-height: 50px; }
   .zi_main .box2 .title .right{ line-height: 50px;}
   .fenye{margin-top: 30px; overflow: hidden;}
   .fenye span{  display: block; float: left;width: 20%;margin-top: 2px;margin-right: 2px; text-align: center;}

}




@media screen and (max-width: 320px) {
  .LatestNews .boxs div.div1 ul li{font-size: 14px;}
   .fenye span{  display: block; float: left;width: 40%;margin-top: 2px;margin-right: 1px; text-align: center;}


}



























.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        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;
    }