*{ margin:0; padding:0;}
body{overflow-x:hidden; }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
	
@media screen and (max-width: 1680px){
	html{
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:78px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:60px;
	}
	
}

.pagination a {
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 50px;
	height: 50px;
	font-family: 'goth';
	line-height: 50px;
	text-align: center;
	margin-left: 22px;
}

.pagination p {
	margin-left: 22px;
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 50px;
	height: 50px;
	font-family: 'goth';
	text-align: center;
	line-height: 50px;
}
.cur {
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #008b64 !important;
	font-family: 'goth';
	text-align: center;
	border-radius: 50%;
	background: url(../img/pagebg.png) center no-repeat;
}
.pagination {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.pagination a:hover {
	
	color: #008b64;

}
/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";

  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
}


@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

@font-face {font-family:'av';src: local('av'), url(../img/av.woff) format('woff');}

@font-face {font-family:'goth';src: local('goth'), url(../img/goth.woff) format('woff');}

@font-face {font-family:'goth100';src: local('goth100'), url(../img/goth100.woff) format('woff');}

div.indexbannerback{ width: 100%; height: calc(100vh - 60px); position: relative;}

div.indexbanner{ width: 100%; height: 100%;}

div.indexbannerpic{ width:100%; height: 100%; }

div.indexbannersuolue{ width:650px; height: 124px; position:absolute; bottom: -60px; left: 8.3vw;}

div.indexbannersl{  height: 102px; position: relative; top: 22px; transition: all 0.36s ease-in-out;}

div.indexbannersl_t{ width: 100%; height: 38px; line-height: 38px; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; font-size: 12px; font-weight: 700;}

div.indexbannersuolue .swiper-slide-thumb-active{ position: relative; height: 124px;  top: 0; transition: all 0.36s ease-in-out;}

div.indexbannersuolue .swiper-slide-thumb-active::before{ width: 100%; height: 5px; background: #99c5ce; display: block; content: '';  position: absolute; top: 0; left: 0;  transition: all 0.36s ease-in-out;}

div.bannerjtleft{ width: 50px; height: 50px; position: absolute; left: 0.5rem; top: 50%; margin-top: -25px; border-radius: 50%; background:url(../img/bannerjtleft.png) #d0ede5 center no-repeat; opacity: 0; z-index: 10; cursor: pointer;}

div.bannerjtleft:hover{background:url(../img/bannerjtlefth.png) #008b64 center no-repeat;}

div.bannerjtright{ width: 50px; height: 50px; position: absolute; right: 0.5rem; top: 50%; margin-top: -25px; border-radius: 50%; background:url(../img/bannerjtright.png) #d0ede5 center no-repeat;  opacity: 0; z-index: 10; cursor: pointer;}

div.bannerjtright:hover{background:url(../img/bannerjtrighth.png) #008b64 center no-repeat;}

div.indexbannerback:hover div.bannerjtleft{ opacity: 1;}

div.indexbannerback:hover div.bannerjtright{ opacity: 1;}

div.publicheadback{ width: 83.3%; height: 1.2rem; background: #fff; position: fixed; left: 8.3%; top: 0.7rem;  z-index: 999999; display: flex; flex-flow: nowrap; justify-content: space-around;}

div.publicheadbackh{ width: 100%; left: 0; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.publicheadlogo{ width:1.67rem; height: 0.43rem; margin-top: 0.38rem;}

div.publicheadnav{ height: 1.2rem; line-height: 1.2rem;  padding: 0 0.37rem; background: url(../img/headnavbg.jpg) left center no-repeat; color: #525252; font-size: 0.16rem; position: relative; float: left;}

div.publicheadnav:nth-child(1){ background:none;}

div.publicheadnav>a{ color: #525252; white-space: nowrap; }

div.publicheadnav>a:hover{font-weight:700; color: #008b64;}

div.publicheadrt{ height: 0.39rem; line-height: 0.39rem; padding-left: 0.55rem; background: url(../img/headtel.png) left center no-repeat; background-size: 0.39rem; color: #525252; font-size: 0.24rem; font-family: 'av'; margin-top: 0.39rem; white-space: nowrap; font-family:'av';}

div.indexoneback{ width:100%; height: 7.8rem;  }

div.indexoneleft{ width: 50%; height: 100%; float: left; position: relative;}

div.indexoneleftbg{ width: 6.09rem; height: 5.86rem; position: absolute; left: 0; top: 50%; margin-top: -2.93rem; background: url(../img/indexoneleft.jpg) center no-repeat; background-size: 100%;}

div.indexoneleftcont{width:33.3vw; height:100%; position: absolute; left: 8.3vw;  top: 0;}

div.indexoneleftconttable{ width: 100%; height:100%; display: table;}

div.indexoneleftconttablecell{ width: 100%; height: auto; vertical-align: middle; display: table-cell;}

div.indexoneleftcont_ft{ width: 100%; height: 0.56rem; line-height: 0.56rem; color: #008b64; font-size: 0.16rem; font-weight: 700;}

div.indexoneleftcont_ent{ width: 100%; height:auto; line-height: 0.4rem; color: #2d2f2e; font-size: 0.36rem; font-family: 'goth';}

div.indexoneleftcont_desc{ width: 100%; height: auto; line-height: 0.3rem; color: #878787; font-size: 0.14rem; margin-top: 0.5rem;}

div.indexoneleftcont_more{ width: 0.7rem; height: 0.7rem; border-radius: 50%; overflow: hidden; position: relative; margin-top: 1.15rem;}

div.indexoneleftcont_more_1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; background: #cfe9e2;  }

div.indexoneleftcont_more_2{ width:0.5rem; height: 0.5rem; position: absolute; left: 0.1rem; top: 0.1rem; border-radius: 50%; overflow: hidden; background: #008b64; }

div.indexoneleftcont_more_3{ width: 100%; height: 100%; position:absolute; left: 0; top: 0; background: url(../img/bannerjtrighth.png) center no-repeat;}
@keyframes suofang {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(0.7);
    }
}

div.indexoneleftcont_more:hover div.indexoneleftcont_more_1{ animation: suofang 0.7s linear infinite alternate;}

div.indexonert{ width: 50%; height: 100%; float: left; overflow: hidden;}

div.indexonertpic{ width: 100%; height: 100%;} 

div.indextwoback{ width:100%; height: auto; margin-top: 0.6rem; padding-bottom: 1.1rem; position: relative; } 

div.indextwotop{ width: 95%; max-width: 1600px; margin: auto; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indextwotopnav{ width:3.8rem; height: 3.8rem; background: #fff; position: relative;}

div.indextwotopnav::before{ width: 100%; height: 100%; display: block; content: ''; background: url(../img/indextwonavtopbg.jpg) 50%/cover no-repeat; opacity: 0; transition: all 0.36s ease-in-out;}

div.indextwotopnav_cont{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding-top: 0.8rem;}

div.indextwotopnavpic{ width: 0.9rem; height: 1rem; background: url(../img/indextwolih.png) center no-repeat; background-size: 100%; margin: auto; margin-bottom: 0.14rem;}

div.indextwotopnav_t{ width: 100%; height: 0.71rem; line-height: 0.71rem; text-align: center; color: #2d2f2e; font-size: 0.24rem; font-weight: 700;}

div.indextwotopnav_ft{ width: 100%; height: auto; line-height: 0.18rem; text-align: center; padding: 0 0.6rem; color: #888888; font-size: 0.14rem; font-family:'goth100';}

div.indextwotopnavh::before{ opacity: 1;}

div.indextwotopnavh div.indextwotopnavpic{ background: url(../img/indextwoli.png) center no-repeat; background-size: 100%;}

div.indextwotopnavh div.indextwotopnav_t{  color: #fff;}

div.indextwotopnavh div.indextwotopnav_ft{  color: #fff;}


div.indextwotopnav:hover:before{ opacity: 1;}

div.indextwotopnav:hover div.indextwotopnavpic{ background: url(../img/indextwoli.png) center no-repeat; background-size: 100%;}

div.indextwotopnav:hover div.indextwotopnav_t{  color: #fff;}

div.indextwotopnav:hover div.indextwotopnav_ft{  color: #fff;}


div.indextwobottom{ width: 95%; max-width: 1600px; height: 5.5rem; margin: auto; margin-top: 0.5rem; position: relative;}

div.indextwobottompic{ width: 100%; height: 5.5rem;  position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;}

div.indextwobottompicbg{ width: 100%; height: 100%; overflow: hidden; }

div.indextwobottomjt{ width: 0.7rem; height: 0.7rem; position: absolute; left: 50%; margin-left: -0.35rem; bottom: -0.35rem; border-radius: 50%; overflow: hidden;}

div.indextwobottomjt::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #008b64; border-radius: 50%;transition: all 0.36s ease-in-out;  }

div.indextwobottomjt::after{ content: ''; display: block; width: 0.56rem; height:0.56rem;  border-radius: 50%; background: #008b64; position: absolute; left: 50%; margin-left: -0.28rem; top: 50%; margin-top: -0.28rem; }

div.indextwobottomjt_1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/indextwomorejt.png) center no-repeat; z-index: 5;}

div.indextwobottompicbgn{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indextwobottompic:hover div.indextwobottompicbgn{ transform: scale(1.1);}

div.indextwobottompic:hover div.indextwobottomjt::before{ background: #cfe9e2; animation: suofang 0.7s linear infinite alternate;}

div.indextwobottompicshow{ opacity: 1; visibility: visible;}

div.indextwoback::before{ display: block; content: ''; width: 100%; height:9rem; background: #daeff2; bottom: 0; left: 0; position: absolute;}

div.indexthreeback{ width: 100%; height: 7.5rem; background: url(../img/indexthreeback.jpg) 50%/cover no-repeat;}

div.indexthree{ width: 95%; max-width: 1600px; margin: auto; height: 100%; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indexthreetable{ width: 100%; height: 100%; display: table;}

div.indexthreecell{ width: 100%; height: auto; display: table-cell; vertical-align: middle;}

div.indexthreeleft{ width:4rem; height: 100%; }

div.indexthree_t{ width: 100%; height: auto; line-height: 0.6rem; height: 0.6rem; color: #008b64; font-size: 0.16rem; font-weight: 700;}

div.indexthree_ent{ width: 100%; height: auto; line-height: 0.4rem; color: #2d2f2e; font-size: 0.36rem; font-family: 'goth';}

div.indexthree_bottombutton{ width: 1.1rem; height: 0.5rem; margin-top: 0.8rem;}

div.indexthree_bottombutton_left{ width: 0.5rem; height: 0.5rem; float: left; overflow: hidden; border-radius: 50%; background:url(../img/bannerjtleft.png) #d0ede5 center no-repeat; cursor: pointer; outline: none;}

div.indexthree_bottombutton_left:hover{background:url(../img/bannerjtlefth.png) #008b64 center no-repeat;}

div.indexthree_bottombutton_right{ width: 0.5rem; height: 0.5rem; float: right; overflow: hidden; border-radius: 50%; background:url(../img/bannerjtright.png) #d0ede5 center no-repeat; cursor: pointer; outline: none;}

div.indexthree_bottombutton_right:hover{background:url(../img/bannerjtrighth.png) #008b64 center no-repeat;}

div.indexthreert{ width: 11.22rem; height: 100%; float: right;}

div.indexthreeswiper{ width: 11.22rem;}

div.indexthreelist{ width: 100%; height: auto;}

div.indexthreelistpic{ width: 100%; height: auto; overflow: hidden; border: 1px solid #edecec;}

div.indexthreelistpic img{ width: 100%; height: auto; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexthreelist:hover div.indexthreelistpic img{ transform: scale(1.1);} 

div.indexthreelistmore{ width: 0.5rem; height: 0.5rem; border-radius: 50%; overflow: hidden; background: #d0ede5; padding: 0.1rem; position: absolute; left: 50%; bottom:0rem; left: 50%; margin-left: -0.25rem;}

div.indexthreelistmore_1{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #fff;}

div.indexthreelistmore_1jia{ width: 0.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #008b64; font-size: 0.18rem; font-family: 'goth'; position: absolute; left: 0; top: 0; opacity: 1; }

div.indexthreelist_t{ width: 2.7rem; height: 0.5rem; line-height: 0.5rem; border-radius: 35px; background: #008b64; position: absolute; left: 50%; margin-left: -1.35rem; bottom: 0; overflow: hidden; text-align: center; padding: 0 0.2rem; color: #ffffff; font-family: 'goth'; opacity: 0; font-size: 0.18rem;}

div.indexthreelist:hover div.indexthreelistpic img{ transform: scale(1.1);}

div.indexthreelist:hover div.indexthreelistpic{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.indexthreelist:hover div.indexthreelistmore{ opacity: 0;}

div.indexthreelist:hover div.indexthreelist_t{ opacity: 1;}

div.indexfourback{ width: 100%; height: auto; padding-top: 0.88rem; position: relative;padding-bottom: 1.45rem;}

div.indexfourback::before{ content: ''; display: block; width: 100%; height: 4.7rem; position: absolute; left: 0; bottom: 0; background: #2d2f2e;}

div.indexfour_t1{ width: 100%; height: 0.42rem; line-height: 0.42rem; text-align: center; color: #008b64; font-size: 0.16rem; font-weight: 700;}

div.indexfour_t2{ width: 100%; height: 0.58rem; line-height: 0.58rem; text-align:center; color: #2d2f2e; font-size: 0.36rem; font-family: 'goth';}

div.indexfour{ width:95%; max-width: 1600px; height: auto; margin: auto; margin-top: 0.9rem; position: relative; }

div.indexfourmain{ width: 80%; margin: auto; height: 6.4rem;}

div.indexfourmain_left{ width: 7.3rem; height: 4.9rem; background: #fff; border-radius: 15px; padding-top: 0.42rem; position: absolute; top: 0.77rem; left: 0; position: absolute; z-index: 10; padding-left: 0.44rem;}

div.indexfourmain_left_1ico{ width: 1rem; height: 1rem; float: left; background:url(../img/indexfourico.png) #daeff2 center no-repeat; border-radius: 35px;}

div.indexfourmain_left_1rt{ float: left;  margin-left: 0.46rem;}

div.indexfourmain_left_1rt1{  height: 0.43rem; line-height: 0.43rem; margin-top: 0.11rem; color: #2d2f2e; font-size: 0.24rem; font-weight: 700;}

div.indexfourmain_left_1rt2{ height: 0.31rem; line-height: 0.31rem; color: #878787; font-size: 0.14rem;}

div.indexfourmain_contrt{ width: 4.4rem; height: 2.16rem; position: relative;margin-left: 1.47rem;}

div.indexfourmain_contrtn{width: 4.4rem; height: 2.16rem; overflow: hidden; line-height: 0.36rem; color: #878787; font-size: 0.14rem; }

div.indexfourmainico1{ width: 0.2rem; height:0.19rem; background: url(../img/indexfourico2.png) center no-repeat; background-size: 100%; position: absolute; left: -0.95rem; top: 0.2rem;}

div.indexfourmainico2{ width: 0.2rem; height: 0.19rem; background: url(../img/indexfourico1.png) center no-repeat; background-size: 100%; position: absolute; right: -0.16rem; top: 0.17rem;}

div.indexfourmainico3{ width: 0.67rem; height: 0.31rem; background: url(../img/indexfourmessage.jpg) center no-repeat; background-size: 100%; position: absolute; right: 0; bottom: -0.5rem;}

div.indexfourmain_rt{ width: 6.4rem; height:6.4rem; border-radius: 15px; position: absolute; right: 0; top: 0; overflow: hidden;}

div.indexfourmain_rtbg{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexfourswiper{ width: 100%; height: 100%; position: relative; z-index: 99;}

div.indexfour_jtleft{ width: 0.6rem; height: 0.6rem; border:1px solid #99c5ce; border-radius: 10px; background: url(../img/indexfourjtleft.png) center no-repeat; position: absolute; left: 0.5rem; top: 65%; margin-top: -0.3rem; cursor: pointer; outline: none;}

div.indexfour_jtleft:hover{background: url(../img/bannerjtlefth.png) #99c5ce center no-repeat; }

div.indexfour_jtright{ width: 0.6rem; height: 0.6rem; border:1px solid #99c5ce; border-radius: 10px; background: url(../img/indexfourjtright.png) center no-repeat; position: absolute; right: 0.5rem; top: 65%; margin-top: -0.3rem; cursor: pointer; outline: none;}

div.indexfour_jtright:hover{background: url(../img/bannerjtrighth.png) #99c5ce center no-repeat; }

div.indexfourtopico1{ width: 1.17rem; height: 3.52rem; position: absolute; left: 1.6rem; top: 0; background: url(../img/indexfourpic1.png) center no-repeat; background-size: 100%;}

div.indexfourtopico2{ width: 4.44rem; height: 4.44rem; position: absolute; right: 1rem; top: 0.5rem; background: url(../img/indexfourpic2.png) center no-repeat; background-size:100%; }

div.indexfiveback{ width: 95%; height: auto; max-width: 1600px; margin: auto;  }

div.indexfive_left{ width: 9.5rem; height: auto; float: left;}

div.indexfiveswiper{ width: 100%; height: 6.76rem; margin-top: 0.75rem;}

div.indexfivepic{ width: 100%; height: 6rem; margin-top: 0.81rem;}

div.indexfivepic img{ width: 100%; height: 100%;}

div.indexfiveswiper{ position: relative;}

div.indexfiveswiper .swiper-pagination{ position: absolute; bottom: auto; left: 0; top: 0; text-align: left;}

div.indexfiveswiper .swiper-pagination .swiper-pagination-bullet{ font-size: 0.18rem; background: none; opacity: 1; margin-right: 0.36rem; font-family:'goth'; color: #2d2f2e; }
div.indexfiveswiper .swiper-pagination .swiper-pagination-bullet:hover{  color: #008b64; }

div.indexfiveswiper .swiper-pagination .swiper-pagination-bullet-active{  color: #008b64; }

div.indexfive_rt{ width: 5.2rem; height: auto; float: right; margin-top: 0.4rem; padding-top: 1.1rem; position: relative;}

div.indexfive_rt_1{ width: 100%; height: 0.72rem; line-height: 0.72rem;  color: #2d2f2e; font-size: 0.36rem; text-align: right; font-family: 'goth'; position: relative;}

div.indexfive_rt_2{ width: 100%; height: 0.75rem; line-height: 0.75rem; color: #008b64; font-size: 0.36rem; text-align: right; font-weight: 700; position: relative;}

div.indexfive_rt_3{ width: 100%; height: 0.25rem; line-height: 0.25rem; color: #a9c8be; font-size: 0.16rem; font-weight: 700; text-align: right; position: relative;}

div.indexfive_rt_navbk{ width: 4.8rem; height: auto; margin-top: 1.1rem; float: right; display: flex; flex-flow: nowrap; justify-content: space-between; position: relative;}

div.indexfive_rt_nav{ width: 1rem; height: auto;}

div.indexfive_rt_navico{ width: 1rem; height: 1rem; border: 1px solid #c3c3c3; border-radius: 15px; background: url(../img/indexfiveico1.png) center no-repeat; transition: all 0.36s ease-in-out;}

div.indexfive_rt_navico_t{ width: 100%; height: 0.3rem; line-height: 0.3rem; text-align: center; margin-top: 0.15rem; color: #2d2f2e; font-size: 0.14rem;}

div.indexfive_rt_nav:nth-child(2) div.indexfive_rt_navico{background: url(../img/indexfiveico2.png) center no-repeat;}

div.indexfive_rt_nav:nth-child(3) div.indexfive_rt_navico{background: url(../img/indexfiveico3.png) center no-repeat;}

div.indexfive_rt_nav:nth-child(4) div.indexfive_rt_navico{background: url(../img/indexfiveico4.png) center no-repeat;}

div.indexfive_rt_nav:nth-child(1):hover div.indexfive_rt_navico{background: url(../img/indexfiveico1h.png) #c1e8dd center no-repeat;}

div.indexfive_rt_nav:nth-child(2):hover div.indexfive_rt_navico{background: url(../img/indexfiveico2h.png) #c1e8dd center no-repeat;}

div.indexfive_rt_nav:nth-child(3):hover div.indexfive_rt_navico{background: url(../img/indexfiveico3h.png) #c1e8dd center no-repeat;}

div.indexfive_rt_nav:nth-child(4):hover div.indexfive_rt_navico{background: url(../img/indexfiveico4h.png) #c1e8dd center no-repeat;}

div.indexfive_rt_nav:hover div.indexfive_rt_navico{ border:1px solid #c1e8dd;}

div.indexfive_rt_bottom{ width: 156px; height: auto; float: right; margin-top: 0.75rem; position: relative;}

div.indexfive_rt::before{ width: 4.4rem; height: 4.4rem; position: absolute; top: 0; left: -0.39rem; content: ''; display: block; background: url(../img/indexfivertbefore.png) center no-repeat; background-size:100%;}

div.indexsixback{ width: 95%; max-width: 1600px; height: auto; margin: auto; position: relative; margin-top: 1.07rem;}

div.indexsix_left{ width: 3.2rem; height: auto; float: left; margin-top: 0.77rem;}

div.indexsix_left_1{ width: 100%; height: 0.43rem; line-height: 0.43rem; color: #008b64; font-size: 0.16rem; font-weight: 700; position: relative;}

div.indexsix_left_2{ width: 100%; height: 0.51rem; line-height: 0.51rem; color: #2d2f2e; font-size: 0.36rem; font-family: 'goth';position: relative;}

div.indexsix_left_3{ width: 2.03rem; height: auto;  margin-top: 0.99rem; position: relative; left: -0.46rem;}

div.indexsix_left_3 img{ width: 100%; height: auto;}

div.indexsix_rt{ width: 11.22rem; height: auto; float: right; margin-top: 0.9rem;}

div.indexsixlist{ width: 100%; height: auto; }

div.indexsixlist_1{ width: 100%; height: 0.6rem; border: 1px solid #bfbfbf; padding-left: 0.34rem; line-height: 0.6rem; color: #2d2f2e; font-size: 0.3rem; font-family: 'goth'; float: left;}  

div.indexsixlist_1r{ width: 0.78rem; height: 0.6rem; border-left: 1px solid #bfbfbf; text-align: center; line-height: 0.6rem; color: #bfbfbf; font-family: 'av'; font-size: 0.16rem; float:right;  font-weight:700;} 

div.indexsixlist_t{ width: 100%; height: 0.69rem; line-height: 0.69rem; margin-top: 0.44rem; color: #2d2f2e; font-size: 0.18rem; font-weight: 700;}

div.indexsixlist_desc{ width:100%; height: 0.75rem; line-height: 0.25rem; overflow: hidden; color: #878787; font-size: 0.14rem;}

div.indexsixlist_more{ width: 0.5rem; height: 0.5rem; border: 1px solid #bfbfbf; background: url(../img/indexnewsjt.png) center no-repeat; margin-top: 0.4rem;}

div.indexsixlist:hover div.indexsixlist_1{ color: #008b64;}

div.indexsixlist:hover div.indexsixlist_t{ color: #008b64;}

div.indexsixlist:hover div.indexsixlist_more{ border: 1px solid #c1e8dd;background: url(../img/indexnewsjthh.png) #c1e8dd center no-repeat;}

div.indexsix_left_yuan{ width:4.4rem; height: 4.4rem; position: absolute; left: -1.3rem; top: 0rem; background: url(../img/indexfivertbefore.png) center no-repeat; background-size: 100%;}


div.indexthree_bottombutton1{ width: 1.3rem; height: 0.5rem; margin-top: 0.5rem; opacity: 0; transition: all 0.36s ease-in-out;}

div.indexthree_bottombutton1_left{ width: 0.5rem; height: 0.5rem; float: left; overflow: hidden; background:url(../img/bannerjtleft.png) #d0ede5 center no-repeat; cursor: pointer; outline: none;}

div.indexthree_bottombutton1_left:hover{background:url(../img/bannerjtlefth.png) #008b64 center no-repeat;}

div.indexthree_bottombutton1_right{ width: 0.5rem; height: 0.5rem; float: right; overflow: hidden; background:url(../img/bannerjtright.png) #d0ede5 center no-repeat; cursor: pointer; outline: none;}

div.indexthree_bottombutton1_right:hover{background:url(../img/bannerjtrighth.png) #008b64 center no-repeat;}

div.indexsixswiper:hover div.indexthree_bottombutton1{ opacity: 1;}

div.publicfooter{ width: 100%; height: 6.1rem; background: url(../img/footerbg.jpg) 50%/cover no-repeat; padding-top: 0.99rem; position: relative;}

div.publicfooterlogo{ width: 1.67rem; height: auto; margin: auto;}

div.publicfooternavback{ width: 100%; height:0.57rem; line-height: 0.57rem; text-align: center; color: #ffffff; font-size: 0.16rem; margin-top: 0.75rem;}

div.publicfooternavback a{ color: #fff; margin: 0 0.5rem;}

div.publicfooterxx{ width: 100%; height: 50px; display: flex; flex-flow: nowrap; justify-content: center; margin-top: 0.8rem;}

div.publicfooterxx_1{ height: 50px; padding-left:65px; line-height: 50px; color: #ffffff; font-size: 24px; font-family: 'goth'; background: url(../img/footerico1.png) center left no-repeat;}

div.publicfooterxx_2{ height: 50px; padding-left:65px; line-height: 50px; color: #ffffff; font-size: 14px; background: url(../img/footerico2.png) center left no-repeat; margin-left: 0.78rem;}

div.publicfooterbottom{ width: 100%; height:auto; padding: 24px 0; text-align: center; background: #0c0e10; color: #a5a4a5; font-size: 13px; }

div.publicfooterbottom a{ color: #a5a4a5; transition: all 0.36s ease-in-out;}

div.publicfooterbottom a:hover{ color: #fff;}

div.publicewm{ width: 175px; height: 140px; background: url(../img/footerewmbg.jpg) center no-repeat; position: absolute; right: 0; bottom: 0.4rem;}

div.publicewm img{ width: 105px; height: 105px; position: absolute; left: 20px; top: 20px;}

div.nybannerback{ width: 100%; height: 6rem; overflow: hidden;}

div.nybanner{ width: 100%; height: 100%;}

div.gywmoneback{ width: 95%; max-width: 1600px; margin: auto; padding-top: 1.05rem; padding-bottom: 1.5rem;}

div.gywmoneleft{ width: 50%; height: auto; float: left; position: relative;}

div.gywmoneleft_1{ width: 100%; height: 0.36rem; line-height: 0.36rem; color: #008b64; font-size: 0.16rem; font-weight: 700; margin-bottom: 0.1rem; position: relative;}

div.gywmoneleft_2{ width: 100%; height: auto; line-height: 0.41rem; color: #2d2f2e; font-size: 0.36rem; font-family: 'goth'; position: relative;}

div.gywmoneleft_3{ width: 100%; height: auto; line-height: 0.3rem;  margin-top: 0.5rem; color: #878787; font-size: 0.14rem; position: relative;}

div.gywmoneleftico1{ width: 5.8rem; height: 5.8rem; position: absolute; left: -0.4rem; top: -0.36rem; background: url(../img/indexfourpic2.png) center no-repeat; background-size: 100%;} 

div.gywmoneleftico2{ width: 2.47rem; height: 1.21rem; background: url(../img/gywmoneico1.jpg) center no-repeat; position: absolute; right: 0; top: 0; background-size: 100%;}

div.gywmonert{ width: 43%; height: 6.22rem; float: right; background: url(../img/gywmrt.jpg) 50%/cover no-repeat;}

div.gywmtwoback{ width: 100%; height: auto; background: #daeff2; padding: 0.9rem 0 1.44rem; position: relative;}

div.gywmtwomain{ width: 83.3%; height: auto; margin: auto; position: relative;}

div.gywtwoqh{ width: 100%; height: auto; margin: auto; margin-top: 0.4rem;}

div.gywmtwolist{width: 88%;
    height: 83%;
    position: absolute;
    left: 6%;
    top: 8%;}

div.gywmtwolist img{ width: 100%; height: 100%;}

div.gywmtwobuttonleft{ width: 0.5rem; height: 0.5rem; position: absolute; left: 0.6rem; top: 53%; border-radius: 50%; background:url(../img/bannerjtleft.png) #fff center no-repeat; transition: all 0.36s ease-in-out;} 

div.gywmtwobuttonleft:hover{background:url(../img/bannerjtlefth.png) #008b64 center no-repeat;}

div.gywmtwobuttonright{ width: 0.5rem; height: 0.5rem; position: absolute; right: 0.6rem; top: 53%; border-radius: 50%; background:url(../img/bannerjtright.png) #fff center no-repeat; transition: all 0.36s ease-in-out;} 

div.gywmtwobuttonright:hover{background:url(../img/bannerjtrighth.png) #008b64 center no-repeat;}

div.gywmthreeback{ width: 95%; max-width: 1600px; margin: auto; height: auto; padding: 0.9rem 0 1.48rem;}

div.gywmthreemain{ width: 100%; height: 5.5rem; overflow-x: auto; margin-top: 0.55rem; display: flex; flex-flow: nowrap;}

div.gywmthreeli{ width: 1.9rem; height: 5.25rem; float: left; border: 1px solid #d2d2d2;padding-top: 0.43rem; position: relative; margin-left: 0.17rem;flex-shrink: 0;}

div.gywmthreeli_t{ width: 100%; height: 0.58rem; line-height: 0.58rem;  text-align: center; font-size: 0.24rem; font-family: 'av'; color: #2d2f2e; font-weight: 700; opacity: 1;}

div.gywmthreelijt{ width: 0.4rem; height: auto; position: absolute; bottom: 1.3rem; left: 50%; margin-left: -0.2rem; color: #2d2f2e; opacity: 1;}

div.gywmthreelih{ width:0; overflow: hidden; height: 100%; background: #2d2f2e; padding: 0 0.5rem; padding-top: 0.43rem; position: absolute; left: 0; top: 0; opacity: 0;}

div.gywmthreeli_t1{ width: 100%; height: 0.58rem; line-height: 0.58rem; font-size: 0.24rem; font-family: 'av'; color: #008b64; font-weight: 700;}

div.gywmthreeli_desc{ width: 100%; height: 0.84rem; line-height: 0.28rem; margin-top: 4px; color: #c1c1c1; font-size: 0.16rem; margin-bottom: 0.29rem;}

div.gywmthreeli_pic{ width: 100%; height: 2.8rem;}

div.gywmthreeli:hover{ width: 4.8rem;}

div.gywmthreeli:hover div.gywmthreelih{ width: 4.8rem; opacity: 1;}

div.gywmthreeli:hover div.gywmthreeli_t{ opacity: 0;}

div.gywmthreeli:hover div.gywmthreelijt{ opacity: 0;}

div.chanpintopnavbk{ width: 100%; height: 3.75rem; background: #daeff2;}

div.chanpinmain{ width: 95%; max-width: 1600px; margin: auto; height: auto; padding: 0.9rem 0 1rem;}

div.chanpinlist{ width: 22.5%; height: auto; float: left; margin-right: 3.3%;  margin-bottom: 0.88rem; position: relative;}

div.chanpinlist:nth-child(4n){  margin-right: 0;}

div.cpxxoneback{ width: 1280px; margin: auto; margin-top: 1rem;}

div.cpxxoneleft{ width: 640px; height: 604px; float: left; border: 1px solid #d7d6d6;}


div.bannerjtleft1{ width: 50px; height: 50px; position: absolute; left: 0.1rem; top: 50%; margin-top: -25px; border-radius: 50%; background:url(../img/bannerjtleft.png) #d0ede5 center no-repeat; opacity: 0; z-index: 10; cursor: pointer;}

div.bannerjtleft1:hover{background:url(../img/bannerjtlefth.png) #008b64 center no-repeat;}

div.bannerjtright1{ width: 50px; height: 50px; position: absolute; right: 0.1rem; top: 50%; margin-top: -25px; border-radius: 50%; background:url(../img/bannerjtright.png) #d0ede5 center no-repeat;  opacity: 0; z-index: 10; cursor: pointer;}

div.bannerjtright1:hover{background:url(../img/bannerjtrighth.png) #008b64 center no-repeat;}

div.cpxxoneleft:hover div.bannerjtleft1{ opacity: 1;}

div.cpxxoneleft:hover div.bannerjtright1{ opacity: 1;}

div.cpxxonert{ width: 567px; height: auto; float: right; margin-top: 46px;}

div.cpxxonert_1{ width: 100%; height:40px; line-height: 40px; color: #008b64; font-size: 18px; font-weight: 700;}

div.cpxxonert_2{ width: 100%; height: auto; line-height: 58px; color: #2d2f2e; font-size: 48px; font-weight: 700; font-family: 'goth';}

div.cpxxonert_desc{ width: 100%; height: auto; line-height:40px; color: #2d2f2e; font-size: 16px; margin-top: 64px; }

div.cpxxtwoback{ width: 1280px; height: auto; margin: auto; margin-top: 92px;}

div.cpxxtwo_cnt{ width: 100%; height: 38px; line-height: 38px; color: #008b64; font-size: 24px; font-weight: 700;}

div.cpxxtwo_ent{ width: 100%; height: 37px; line-height: 37px; color: #2d2f2e; font-size: 24px; font-family: 'goth';}

div.cpxxtwo_desc{ width: 100%; height: auto; margin: auto; line-height: 1.8; font-size: 14px; color: #333; margin-top: 55px;}

div.cpxxtwo_desc img{ max-width: 100%;}

div.cpxxtwoheight{ height: 120px;}

div.ny_list_t{ width: 100%; height: auto; position: relative; margin-bottom: 60px; position: relative;}

div.ny_list_cnt{ position: relative; width: 100%; height: 42px; line-height: 42px; color: #008b64; font-size: 16px; font-weight: 700;}

div.ny_list_ent{position: relative; width: 100%; height: auto; margin-top: 7px;  line-height: 36px; color: #2d2f2e; font-size: 36px; font-family: 'goth';}

div.ny_list_t::before{ display: block; content: ''; width: 5.2rem; height: 5.2rem; position: absolute; left:-1.1rem; top: -0.5rem;  background: url(../img/indexfourpic2.png) center no-repeat; background-size: 100%;}

div.casemain{width: 95%; max-width: 1600px; height: auto; margin: auto; margin-top: 1.05rem; margin-bottom: 0.7rem;}

div.caselist{ width:31.25%; height: auto; float:left; margin-bottom: 0.65rem;margin-right: 3.1%; }

div.caselist:nth-child(3n){ margin-right: 0;}

div.caselistpic{ width: 100%; height: 5rem; border-radius: 20px; overflow: hidden; position: relative;}

div.caselistpicbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.caselistpicbgh{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/caseh.png) rgba(0,139,100,0.6) center no-repeat; opacity: 0;}

div.caselist_t{ width: 100%; height: 0.43rem; line-height: 0.43rem; text-align: left; overflow: hidden; margin-top: 0.4rem; color: #2d2f2e; font-size: 0.24rem; font-weight: 700;}

div.caselist_ft{ width: 100%;  height: auto; line-height: 0.31rem; color: #878787; font-size: 0.14rem;}

div.casemain_n{ width: 100%; height: auto; margin-top: 0.7rem;}

div.caselist:hover div.caselistpicbg{ transform: scale(1.1)}

div.caselist:hover div.caselistpicbgh{ opacity: 1;}

div.caselist:hover div.caselist_t{ color: #008b64;}

div.xinwenmain{ width: 95%; height: auto; margin: auto; max-width: 1600px; margin-top: 1.05rem;}

div.xwmain{ width: 100%; height: auto; margin-top: 0.65rem; position: relative;}

div.xwmainlist{ width: 20%; height: auto; float: left; margin-bottom: 0.9rem;margin-right: 6.6%;}

div.xwmainlistpic{ width: 100%; height: 2rem; overflow: hidden;}

div.xwmainlistpicbg{ width: 100%; height: 100%;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.xwmainlist:nth-child(4n){ margin-right: 0;}

div.xwmainlist:hover div.xwmainlistpicbg{ transform: scale(1.1);}

div.xwmainlist:hover div.indexsixlist_1{ color: #008b64;}

div.xwmainlist:hover div.indexsixlist_t{ color: #008b64;}

div.xwmainlist:hover div.indexsixlist_more{ border: 1px solid #c1e8dd;background: url(../img/indexnewsjthh.png) #c1e8dd center no-repeat;}

div.jmoneback{ width: 95%; max-width: 1600px; height: auto; margin: auto; padding-top: 1.1rem; padding-bottom: 1rem;}

div.jmoneleft{ width: 50%; height: auto; float: left;}

div.jmoneleft_1{ width: 100%; height: 0.4rem; line-height: 0.4rem; margin-top: 0.5rem; color: #008b64; font-size: 0.3rem; font-weight: 700;}

div.jmoneleft_desc{ margin-top: 0.37rem; line-height: 0.3rem; color: #878787; font-size: 0.14rem; position: relative;}

div.jmonert{ width: 46.8%; height: 4rem; float: right;}

div.jmtwoback{ width: 100%; height: auto; padding: 0.75rem 0 1.05rem; background: url(../img/jiamengtwobg.jpg) 50%/cover no-repeat;}

div.jmtwo{ width: 95%; margin: auto; max-width: 1600px;}

div.jmtwomain{ width: 100%; height: auto;  margin-top: 0.7rem; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.jmtwoli{ width: 1.5rem; height: auto;}

div.jmtwoliico{ width: 1.5rem; height: 1.5rem; border-radius: 50%; line-height: 1.5rem; text-align: center; background: #008b64;}

div.jmtwoliico img{ display: inline;}

div.jmtwoliico_cnt{ width: 100%; height: 0.3rem; line-height: 0.3rem; text-align: center; color: #ffffff; font-size: 0.18rem; font-weight: 700; white-space: nowrap; margin-top: 0.3rem;}

div.jmtwoliico_ent{ width: 100%; height: 0.26rem; line-height: 0.26rem; text-align: center; color: #fff; opacity: 0.3; font-size: 0.14rem; white-space: nowrap;}

div.jmtwoli:nth-child(2n) div.jmtwoliico{ background: #fff;}

div.jmthreeback{ width: 95%; max-width: 1600px; height:auto; margin: auto; padding: 1.18rem 0 0.95rem; }

div.jmthree_left{ width: 50%; height:4.24rem; float: left; }

div.jmthree_rt{ width: 46%; height: auto; float: right; position: relative;}

div.jmthree_rt::before{ content: ''; display: block; width: 5.8rem; height: 5.8rem; position: absolute; right: -1.6rem; top: 0.47rem; background: url(../img/indexfivertbefore.png) center no-repeat; background-size: 100%;}

div.jmfourback{ width: 95%; max-width: 1600px; height: auto; margin: auto; padding-bottom: 1.5rem;}

div.jmfourmain{ width: 100%; height: auto; margin-top: 0.65rem; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.jmfourmainnav{ width:2.4rem; height: 1rem; border-radius: 15px; background: #e5f3ef; line-height: 1rem; text-align: center; color: #2d2f2e; font-size: 14px; font-weight: 700; }

div.jmfourmainnavjt{ width: 15px; height: 1rem; background: url(../img/jmfourjt.png) center no-repeat;}

div.jmfourmainnav:nth-child(3){ background: #cce8e0;}

div.jmfourmainnav:nth-child(5){ background: #b2dcd0;}

div.jmfourmainnav:nth-child(7){ background: #99d1c1;}

div.jmfourmainnav:nth-child(9){ background: #66b9a2;}

div.jmfourmainnav:nth-child(11){ background: #66b9a2;}

div.lxwmoneback{ width: 95%; max-width: 1600px; height: auto; margin: auto; padding: 1.21rem 0 1rem;}

div.lxwmoneleft{ width: 40%; height: auto; float: left;}

div.gywmoneleft_b{ width: 100%; height: auto; margin-top: 0.5rem;}

div.gywmoneleft_li{ width: 100%; height: 0.6rem; line-height: 0.6rem; padding-left: 0.8rem; background: url(../img/7_04.png) center left no-repeat; background-size: 0.6rem; color: #2d2f2e; font-size: 0.16rem; font-weight: 700; margin-bottom: 0.3rem;} 

div.lxwmonert{ width: 56%; height: 5.6rem; float: right;}

div.lxwmtwoback{ width: 100%; height: auto; padding: 0.6rem 0 1rem; background: #f2f2f2;}

div.lxwmtwo{ width: 95%; max-width: 1600px; margin: auto;}

div.lxwmtwonavform{ width: 100%; display: flex; justify-content: space-between; margin-top: 0.8rem;}

div.lxwmtwonv{ width: 30%; height: 0.7rem; line-height: 0.7rem; background: #fff; padding: 0 0.3rem;}

div.lxwmtwonv input{ width: 100%; height: 0.7rem; line-height: 0.7rem;  display: block; border: none; outline: none; padding-right: 0.35rem;}

div.lxwmtwonavformbottom{  float: right; margin-top: 0.64rem;}
 
div.lxwmtwonavformbottom_submit{ width: 172px; height: 46px; float: left; background: url(../img/tijiaoliuyan.jpg) center no-repeat; margin-right: 0.3rem;}

div.lxwmtwonavformbottom_submit input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; font-size: 0; cursor:pointer;}

img.yanzhengmacode{ width: 120px; height: 46px; float: left;}

div.lxwmtwonavformbottom_shuru{ width: 170px;float: left; height: 46px; margin-left: 10px; background: #fff; color: #8a8a8a; font-size:15px; text-align: center;}

div.lxwmtwonavformbottom_shuru input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none;  text-align: center;}

div.lxwmtwonavformbottom_shuru input::placeholder{ color: #8a8a8a; }


div.nyxxback{ width:100%; max-width: 1280px;  height:auto; margin:auto; margin-bottom:15px; padding-top: 50px; margin-top: 35px;}

div.nyxxback33{ width:100%; max-width: 1280px;  height:auto; margin:auto; margin-bottom:15px;  }



div.xinwenxxback{ width:100%; height:auto; margin:auto;}

div.xinwenxxtopdata{  width:100%; height:auto; padding-top: 5px; border-bottom:#d0d0d0 1px solid; line-height:38px; text-align:left; color:#a2a2a2; font-size:12px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:48px; text-align:left; color:#323232; font-size:36px;}
 
div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#666; font-size:16px; }

div.xinwenxxtopcontent img{  max-width:100%; display:block; margin:0 auto;}

div.xinwenxxtopsyy{ width:100%; float:none; transition:all 0.5s ease-in-out;}

div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#7e7d7d; transition:all 0.5s ease-in-out;}

div.xinwenxxtopbottom{ padding-top: 35px; border-top:#f3f3f3 1px solid; padding-bottom: 35px;}

div.xinwenxxtopbottommain{ margin: auto; width: 96%; max-width: 1280px;}




/*new*/
div.indexsix_left_4{ width:100%; height:0.32rem; line-height:0.32rem; color:#2d2f2e; font-family:'goth'; font-size:0.14rem; margin-top:0.12rem; position:relative;}

div.indexsix_left_4 a{ color: #2d2f2e;  font-family:'goth'; transition:all 0.36s ease-in-out; }

div.indexsix_left_4 span{ position:relative; top:2px;}

div.indexsix_left_4 a:hover{ color:#008b64;}