@font-face{
  font-family:pingfang;src:url(font/a.ttf);
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition: all 0.5s;-webkit-transition: all 0.5s; font-family:pingfang}
ul,ol,dl,table,th,tr,td,input,textarea,li,a,div,span,em,i,h1,h2,h3,h4,h5,p{margin: 0;padding: 0;	border: 0;}
img {margin: 0;padding: 0;	border: 0;}
li {list-style: none;}

html {font-size:62.5%;	margin: 0 auto;  }
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;display: block;}
.clearfix:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;font-size: 0px;}
:focus{outline:0}
a, button, input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
* + html .clearfix {min-height: 0%;}
* + html .clearfix {min-height: 0%;}
.w100 {width: 100%;}
.fl {float: left;}
.fr {float: right;}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
	border:0px;
}


body {



    margin: auto;
background: #ccc;


}
.container{
width:1200px;
min-width:1200px;

margin:0px auto
}
a {color: #000;text-decoration: none;}
a:hover {color: #e69f0b;text-decoration: none;}
.transition{-webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-warp{flex-flow: wrap}
.flex-column{flex-flow: column; margin-right: 35px;}
.index_banner_img {

    display: none;

}




  .chat-thread {

    list-style: none;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 80%;
    margin: 10px  35px;
    line-height: 150%;
    }


header{
   display: flex;
   justify-content:space-between;
   height: 125px;
   padding: 0px;
   align-items: center;
   flex-wrap: wrap;
 transition: all .36s;

}
.headr{
  width: 70%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
nav{
    width: 80%;
    margin-top: -10px;

   
}
nav ul{
  display: flex;
  justify-content:flex-end;
  width: 100%;

}
nav ul li{
position: relative;
height: 35px;
width: 100px;
margin: 0px;

}
nav ul li span a{
  height: 35px;
  line-height: 35px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 17px;
  color: #ffffff;

}
nav ul li:hover .xia{
 
  
 

  
}
nav ul li .xia{
  
  -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;
 	display:none;

  position: absolute;

  top: 115%;

  left: 0;

  text-align: left;

  background:rgb(255,255,255,0.8);

  box-shadow: 0 0 4px rgba(0, 0, 0, .5);
  width: 150px;
}
nav ul li .xia a{
  display: block;
  margin-left: 15px;
  font-size: 15px;
  margin-bottom: 8px;

}

nav ul li .xia a:hover{
 font-weight: bold;
 color: rgba(0,0,0,1);

}


.mc_hd_xlsj {

  position: relative;

  padding: 15px 0px;

  width: 100%;

}



.mc_hd_xlsj:before {

  content: "";

  display: block;

  bottom: 100%;

  left: 40px;

  position: absolute;

  border: solid transparent;

  border-bottom-color: #fff;

  border-width: 10px;

  z-index: 2;

  transition: all .36s;

}



.mc_hd_xlsj:after {

  content: "";

  display: block;

  bottom: 100%;

  left: 40px;

  position: absolute;

  border: solid transparent;

  border-bottom-color: #ddd;

  margin-left: -2px;

  border-width: 12px;

  z-index: 1;

  transition: all.36s;

}



header .logo{
  width: 337px;
   height: 95px;
   display: flex;
   align-items: center;
}
header .logo img{
  width: 100%;
}
#top{
  display: none;
}
#top img{
  width: 100%;
}

  .sanxians{
   width: 10%;
   margin-top: 10px;
   margin-right: 10px;
  }
  .sanxians img{
    width: 100%;
  }
 .search{
   
   height: 35px;
   display: flex;
   margin-left: 35px;

 } 
.txt{
  height: 22px;
  width: 0px;
  background:none;
  border-bottom:1px solid #ffffff
}
.search a{
  display: block;

  text-align: center;
}
.search:hover .txt{
  width: 150px;

}

/*footer*********************************************************************/
footer{
  background:url(../images/fbg.jpg) #1f9d60 bottom center no-repeat;
  position:fixed;
  height: 430px;
  z-index: 3;
  bottom: 0px;
  width: 100%;
  display: none;


}
.footers{
 position: relative;
 height: 94%;
 color: #ffffff;
}

.foot-m{
  display: flex;
  justify-content: space-between;
}
.copyright{
  background-color: #016e35;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
}




.main{
  position: relative;
  z-index: 5;
  background-color: #ffffff;
  width: 100%;
  overflow: hidden;
  padding-bottom: 55px;
  margin-bottom: 555px;

  max-width: 1920px;
  margin:  auto;
  margin-top: 100vh;
  margin-bottom:530px;
  min-width:1200px
  
}

.main2{
  position: relative;
  z-index: 5;
  background-color: #ffffff;
  width: 100%;
  overflow: hidden;
  padding-bottom: 55px;
  margin-bottom: 555px;

  max-width: 1920px;
  margin:  auto;
  margin-top: 100vh;
  margin-bottom:530px;
  min-width:1200px
  
}
.dh1{
  display: flex;
  margin-top: 150px;
  width: 400px;
 
}
.dh1 dl{
  margin-right: 100px;
}

.dh1 a{
  display: block;
  color: #ffffff;
  margin-top: 10px;
  font-size: 18px;

}

.dh2{
  width: 300px;
  margin-top: 100px;
  text-align:center;	
}
.dh2 img{
  width: 60%;
}
.dh3{
  text-align: center;
  font-size: 18px;
   color: #ffffff;
   margin-top: 155px;
   width: 33%;
}
.address{
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0px;
}


.banner{
     position: relative;
        height: 100%;
        position:fixed; z-index:0;  width:100%; height:100%; top:0;


}
  .banner .swiper {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    background: #fff;

  }
  .banner .swiper-slide  {
    position: relative;
    height: 100%;
    overflow: hidden;
    /* 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;
  }
  .banner .swiper-slide img {

    width: 100%;
    height: 100%;
  
  }
 .banner .swiper-slide  div{
    position: absolute;

    z-index: 99;
    left: 0;
    top: 0px;
    height: 100%;
    width: 100%;
	background: linear-gradient(180deg ,rgba(0, 0, 0, .7) 0%,rgba(0, 0, 0, .1) 75%);

 } 
/*分页器样式*/


.banner .swiper-pagination{ bottom:50px;}
.banner .swiper-pagination .swiper-pagination-bullet{ background:rgba(255,255,255,1); opacity:1; height:2px; width:55px; border-radius:.04rem;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#ff4676;}


.header{
 
  position: fixed;
  z-index: 31;
  width: 100%;
  left: 0;
  top:0;
  background: transparent;
  transition: all .36s;
  box-shadow: none;
  min-width:1200px

}
.header.on .bg{

    background-color: #11906e;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
}
.header.on  header .logo{
  width: 237px;
height:60px
   
}


.header.on  header {
height:60px;

}

.header.on #nav{
display:none
   
}
.header.on .headerx{
display:block;
background-color:#FFFFFF;
 box-shadow:0px 0px 10px 0px #ccc;
}
.headerx{
display:none
}



.navfixed{
  background: rgba(0, 0, 0, .8);
}
.kbg{
  background-color: #ffffff;
  border-radius: 25px;
  padding: 25px 25px;
}

.en{
  color: #bebebe;
  font-size: 22px;
}

.zhuanti{
  position: relative;
  width: 100%;
  height: 650px;
  margin-top: 35px;
}
.zhuanti .swiper {
  width: 100%;
  height: 100%;
}

.zhuanti  .swiper-slide {
  width:182px;
  height: 280px;
  margin-bottom: 10px;
}
.logint{
  width: 100%;
  display: flex;
  justify-content:flex-end;

}


.logint a{
color:#FFFFFF;
margin-left: 15px;
}


.banner .swiper .hide{
  opacity:0;
}
.banner .swiper-button-next,.swiper-button-prev{
  transition:opacity 0.5s;
}





.index_explore {

  position: fixed;

  bottom: 0px;
  z-index: 1;
  width: 100%;

  font-size: 18px;

  line-height: 40px;

  height: 40px;

  text-align: center;

  color: #fff;
  cursor: pointer;
  background: url(../images/welcome_bar.png) no-repeat center top;
  

}
.index_explore2{
  position:absolute;

  bottom: 0px;
  z-index: 1;
  width: 100%;

  font-size: 18px;

  line-height: 40px;

  height: 40px;

  text-align: center;

  color: #fff;



  cursor: pointer;



  background: url(../images/welcome_bar.png) no-repeat center top;
}


.index_explore_l,

.index_explore_r {

    width: calc(50% - 23px);

    background: #128f6d;

    height: 100%;

}



.nl2{
  float: left;
  width: 590px;
  margin-top: 15px;
  background-color: #e5e4e4;

  /*padding: 15px 0;;注释图片跨度cgy*/
	padding: 15px 0px 15px 7px ;
}
.banner2{
  position: relative;
  height: 367px;
  /*width: 550px; */
  width: 578px; 
  margin: 0px auto;
}
.banner2 .swiper{
  width: 100%;

}
.banner2 .swiper-slide{
  position: relative;
}
.banner2 .swiper-slide div{
 position: absolute;
 background: rgba(0, 0, 0, .8);
 height: 33px;
 width: 100%;
 bottom: 0px;
}
.banner2 .swiper-slide div p{
  padding: 5px 15px;
  color: #ffffff;
}
.banner2 .swiper-slide img{
  width: 100%;
  height: 367px;
}
.tonews{
   background-color: #e5e4e4;
 	
 
}
.news2{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto;

  margin-top:15px;
  padding-bottom:15px
}
.news2 .list{
  width: 23%;
  background-color: #ffffff;
  padding-bottom: 10px;
  margin-top: 10px;
  position: relative;
  height: 260px;
  margin-left:10px;
  margin-right:10px;
  overflow:hidden

  

}
.news2 .list img{
  width: 100%;
}
.news2 .list h5{

  padding: 10px 15px  0px 15px;
  line-height: 150%;
}
.news2 .list h5 a{
  color: #9fa970;
}

.news2 .list p{
  line-height: 130%;
  padding: 5px 15px;
}
.news2 .list div{

  -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.news2 .list:hover div{
  position: absolute;
  width: 300px;
  left: -10px;

}



.nr2{

  float: right;
  width: 590px;
  height: 395px;
  margin-top: 15px;
}

.nr2 .lists{
  margin-left: 30px;
  margin-right:30px; margin-top:100px
}
.nr2 .lists li span{
float:right

}
.nr2 .lists li{
  line-height: 25px; position:relative; margin-top:20px
}

.nr2 .lists li::after{
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #565656;
  left: -10px;
  top: 10px;
  content: '';
}
.more{
text-align:right; margin-right:35px; margin-top:14px;
}

.tit{
  display: flex;
  justify-content: center;
  margin-top: 55px;
}
.tit dl{
  position: relative;
  height: 55px;
  font-size: 32px;
  font-weight: bold;
  color: #138860;
  text-align: center;
  line-height: 55px;
}
.tit dl::after{
  content:'';
  position: absolute;
  width: 50px;
  left: 50%;
  margin-left: -20px;
  border-bottom: 2px solid #989597;
  bottom: 0px;
}
.piclist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 950px;
  margin: 55px auto;
}
.piclist .pt{
  position: relative;
  margin-top: 15px;

}
.piclist .pt img{
   width: 300px;
   height: 300px;
}
.piclist .pt dl{
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  top: 0px;  transition: all .56s;
}
.piclist .pt p{
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  line-height: 300px;
  top: 0px;
  text-align: center;
  font-size: 25px;
  color: #128f6d; transition: all .16s;
}
.pt:hover  dl{
  background:url(../images/k.png) center center  no-repeat rgba(18,143,109,0.5);
}

.pt:hover  p{
  font-size: 35px; transition: all .56s;
  color:#ffffff
}
.join{
  background-color: #128f6d;
  padding: 55px 0;
}

.join .tit dl{
 
  color: #ffffff;

}
.join .tit dl::after{

  border-bottom: 2px solid #ffffff;

}
.joinlist{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 25px auto;

}
.joinlist .list{
  width: 290px;
  position: relative;
}
.joinlist .list img{
  width: 290px;
  height: 360px;
}
.joinlist .list dl{
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 100px;

}
.joinlist .list dl h5{
  display: block;
  background-color: #128f6d;
  width: 100%;
  height: 100px;
  color: #ffffff;
  text-align: center;
  line-height: 150px;
  font-size: 19px;
  font-weight: bold;
  position: relative;
  transition: all 1.36s;
}
.joinlist .list:hover   a{
 display:block;
  background: rgba(0,0,0,0.5);
  height: 100%;
  width:100%;
  position:absolute;
  top:0px;
  left:0px

}

.joinlist .list dl::after{
  position:absolute;
  content: '';
  width: 48px;
  border-bottom: 2px solid #ffffff;
  top: 35px;
  margin-left: 51px;
}
.joinlist .list p{
  color: #128f6d;
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  line-height: 200%;

}

.contact{
  display: flex;
  margin-top: 35px;
  overflow:hidden
}
.about{
  width: 50%;
  background: url(../images/xxbj.jpg) ;
  background-size: 100% 100%;
}
.about div{
  background: rgba(0,0,0,0.5);
  height: 100%;
}
.about dl{
  padding: 35px;
  line-height: 180%;
  color: #ffffff;
  font-size:14px

}
.map{
  width: 50%;
}
.map img{
 
  height:100%
}
.menu2{
  width: 1100px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  margin-top: 55px;
}
.menu2 div{
  width: 16.66%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
  flex-flow: column;
  color: #ffffff;
}
.menu2 a{
color:#ffffff

}
.menu2 div:hover{
opacity: 0.5;
}
.menu2 div:nth-child(1){
  background-color: #6fbc48;
}
.menu2 div:nth-child(2){
  background-color: #24a8e6;
}
.menu2 div:nth-child(3){
  background-color: #f8b62c;
}
.menu2 div:nth-child(4){
  background-color: #0062ad;
}
.menu2 div:nth-child(5){
  background-color: #0ba29b;
}
.menu2 div:nth-child(6){
  background-color: #6fbc48;
}
.banner3{
  height: 299px;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.banner3 img{
  width: 100%;
  height: 299px;
}
.index_banner{
  position: fixed !important;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 0;
}


.inner_main {

  margin-top: 0px;
 

}
.newslie{
  display: flex;
  justify-content: space-between;
}
.leftm{
  min-height: 500px;
  width: 200px;
}
.leftm h3{
  border-bottom: 1px solid #f1f1f1;
  text-align: center;
  line-height: 43px;
  margin-top: 15px;
}
.leftm h3 img{
  margin-right: 5px;

}
.leftm  div a{
  display: block;
  border-bottom: 1px solid #f1f1f1;
  line-height: 43px;
  text-indent: 52px;
  font-size: 15px;
  font-size: 15px;
}
.location{
  margin-top: 30px;
  border-bottom: 1px solid #f1f1f1;
  line-height:45px
}
.location a{
  margin-right: 5px;
}
.location img{
margin-right:10px
}
.rightm{
  border-left: 1px solid #f1f1f1;
  width: 1000px;
}
.rightm .list{
  clear: both;
   overflow: hidden;
}
.rightm .list li{
  border-bottom: 1px solid #f1f1f1;
  line-height: 43px;
  text-indent: 45px;
  position: relative;
  
}
.rightm .list li span{
  float: right;
}
.rightm .list li::after{
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #565656;
  left: 20px;
  top: 20px;
  content: '';
}
.rightm .list li img{
  margin-left: 5px;
}
#pages{text-align: center;width: 100%;}
#pages ul{display: inline-block;}
#pages li{float: left; 
 }
#pages a{background-color: #fff; color: #333;
   background-image: none !important; border: none;
   padding: 0 10px; display: block;height: 34px;
   line-height: 34px;border: 1px solid #ddd; 
  }
#pages a:hover{background-color: #eee; background-image: none !important;}

.newstit{
  text-align: center;
  font-size: 18px;
  color: #128f6d;
  margin: 55px 0  15px   0;
}
.date{
  background-color: #eeeeee;
  height: 33px;
  width: 600px;
  margin: 0px auto;
  text-align: center;
  line-height:33px
}

.content{
  font-size: 15px;
  line-height: 200%;
  padding: 55px 0;
}
#nav2 {
 width:100%; margin:0px;

}
#nav2 a{
color:#000
}
.cons{

  background-color: #ffffff;
  box-shadow:0px 0px 10px 0px #cccccc;
  border-radius: 20px;
  padding:35px;
  margin-top:55px;
  min-height:1000px
}
#floatdivids{ width:220px; height:90px; position:absolute; top:0; left:0; background:#f8faef; z-index:1000; border:5px solid #179554; text-align:center;}
#floatdivids em{ display:inline-block; width:70px; height:70px; background:url(../images/logo.png) left center no-repeat; position:absolute; left:12px; top:10px;}
#floatdivids b{ color:#179554; font-size:36px; line-height:26px; display:block; padding:20px 0 7px 0px;}
#floatdivids p{ font-size:18px; color:#179554; line-height:26px; /** padding-left:70px;*/}
#ClickRemoveFlo{ color:#f1f7ea; width:30px; height:30px; position:absolute; right:-5px; top:-5px; cursor:pointer; text-align:center; line-height:30px; text-align:center; font-size:0; overflow:hidden; background:url(../images/close.png) #179554 center center no-repeat;}