#banner ul.slick-dots {
  position: absolute;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#banner ul.slick-dots li {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 100%;
  border: 6px solid white;
  background-color: #009b4a;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#banner ul.slick-dots li button {
  display: none;
}
#banner ul.slick-dots li.slick-active {
  border-color: #009b4a;
  background-color: white;
}
#banner .slick-slide .content {
  display: none;
}
#banner .slick-active .content {
  display: block;
}
table {
  margin-bottom: 20px;
  word-break: break-word;
  width: 100% !important;
  height: auto !important;
  display: block;
  overflow: auto;
}
table tbody {
  display: table;
  width: 100% !important;
}
table td,
table th {
  padding: 5px 10px;
  border: 1px solid #666;
  width: auto !important;
  height: auto !important;
}
table tr {
  width: auto !important;
  height: auto !important;
}
table tr:nth-child(even) {
  background: #eee;
}
.wpulike.wpulike-default {
  display: none;
}
.prodet-page .wpulike.wpulike-default,
.newdet-page .wpulike.wpulike-default {
  display: inline-block;
}
.post-views-box {
  position: relative;
  margin-left: 20px;
}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {
  background-image: url(../images/fw.png) !important;
  -webkit-filter: none;
  filter: none;
}
.wpulike {
  z-index: 10;
}
.wpulike.post-views-box {
  z-index: 5;
}
#banner .nivo-directionNav a {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  color: transparent;
  overflow: hidden;
  text-indent: -999em;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#banner .nivo-directionNav a {
  opacity: 0;
}
#banner:hover .nivo-directionNav a {
  opacity: 1;
}
#banner .nivo-directionNav a:hover {
  background-color: #009b4a;
}
#banner .nivo-directionNav a.nivo-prevNav {
  background-image: url(../images/banner-btn-l.png);
  left: 40px;
}
#banner .nivo-directionNav a.nivo-nextNav {
  background-image: url(../images/banner-btn-r.png);
  right: 40px;
}
#banner .theme-default .nivo-controlNav {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: auto !important;
}
#banner .theme-default .nivo-controlNav a {
  width: 25px  !important;
  height: 25px !important;
  background: #fff !important;
  border: 7px solid #7d7d7d !important;
  border-radius: 100% !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0 8px !important;
}
#banner .theme-default .nivo-controlNav a.active {
  border-color: #009b4a !important;
}



@media screen and (max-width: 1000px) {
  #banner,
  .inner-banner {

  }
}
/*home catg*/
.indexOne {width:100%;float:left;background-color: #fff;padding-top:5%;}
.inOneList {width:1250px;margin:auto;}
.inOneList .listOne {display: flex; justify-content: space-between;}
.inOneList .listOne li {width: 33.333%;position: relative;margin:1%;}
.inOneList .listOne .bjBox {position: absolute; width: 100%;  left: 0; top: 0; transition: .5s;/*-webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
  overflow: hidden;
  z-index: 1 */}  
  
  
.inOneList .listOne .bjBox img {display: block; /*width: 100%; height: 100%; */object-fit: cover;}
.inOneList .listOne .box {position: relative; z-index: 1;justify-content: space-between; display: flex; align-items: center;height: auto; padding: 2%; box-sizing: border-box;margin-top:5%;}
.inOneList .listOne .imgBox { display: flex; align-items: center; justify-content: center;margin-left:-15%;}
.inOneList .listOne .imgBox img {display: block; max-width: 100%; transition: .5s;}
.inOneList .listOne .con {width:60%;float: left;}

.inOneList .listOne .con h5 {font-size: 1.8rem;font-weight: 700;color: #000; margin-bottom: 1rem;}
.inOneList .listOne .con .disc p {display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;font-size: 0.94rem;color: #666666;margin: 0.3rem 0; position: relative; padding-left: 0.5rem;box-sizing: border-box;}
.inOneList .listOne .con .disc p::before {/*content: ""; width: 4px; height: 4px; background: #000; border-radius: 50%;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);*/}
.inOneList .listOne .con .more a {width: 8.13rem; height: 2rem;background: #545454;border-radius: 1rem; display: block; margin-top: 2rem; transition: .5s;}
.inOneList .listOne .con .more a {font-size: 0.88rem;font-weight: 400;color: #ffffff;display: flex; align-items: center; justify-content: center;}
.inOneList .listOne li:hover .bjBox {opacity: .5;}
.inOneList .listOne li:hover .imgBox img {transform: scale(1.05);}
.inOneList .listOne li:hover .more a {background: #009b4a;}
.inOneList .listTwo {display: flex; justify-content: space-between;}
.inOneList .listTwo li {width: 25%; background: linear-gradient(0deg,#efefef 0%, #ffffff 100%); padding: 1% 2%; box-sizing: border-box;}
.inOneList .listTwo li {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.inOneList .listTwo li .imgBox {margin-bottom: 1rem;}
.inOneList .listTwo li .imgBox img {transition: .5s; max-width: 100%; display: block;}
.inOneList .listTwo li h5 {font-size: 1.5rem;font-weight: 700;color: #000; margin-bottom: 0.5rem;}
.inOneList .listTwo li p {font-size:14px;font-weight: 400;color: #666666; text-align:center;}
.inOneList .listTwo li .more a {width: 8.13rem; height: 2rem;background: #545454;border-radius: 1rem; display: block; margin-top: 2rem; transition: .5s;}
.inOneList .listTwo li .more a {font-size: 0.88rem;font-weight: 400;color: #ffffff;display: flex; align-items: center; justify-content: center;}
.inOneList .listTwo li:nth-child(even) {background: linear-gradient(0deg,#dadada 0%, #ffffff 100%);}
.inOneList .listTwo li:hover .more a {background: #009b4a;}
.inOneList .listTwo li:hover .imgBox img {transform: scale(1.05);}

@media(max-width:1200px){.inOneList .listOne .con h5{font-size: 20px;}
.inOneList .listTwo li h5{ font-size:20px;}
.inOneList .listOne .con .disc p{ font-size:14px;}
}

@media(max-width:800px){
	.inOneList .listTwo li{width:50%;float:left;padding-bottom:5%;}.inOneList .listTwo{display:block;}
	.inOneList .listOne .imgBox{width:100%;}
	.inOneList .listOne .box{display:block;height:auto;}
	.inOneList .listOne .con{width:100%; text-align:center;}
	.inOneList .listOne .con h5{ font-size:18px;}
	.inOneList .listOne .more{width:100%; text-align:center;float:left;margin-top: 2rem;}
	.inOneList .listOne .con .more a{margin:auto;}
	.inOneList .listTwo li h5{font-size:18px;}
	.inOneList .listOne li{padding-bottom:5%;}
	}

/*home about*/
.h-about{width:100%;float:left;margin-top:2%;}
.h-about a{color:#000;margin-right:20px; border:solid 1px #333;border-radius: 30px;padding-left:20px;padding-right:20px;font-weight:bold; font-size:18px;padding-bottom:10px; padding-top:10px;cursor:pointer;}
.h-about a.on{ color:#fff;border:solid 1px #009b4a; background-color:#009b4a; }
.h-comj{ color:#666; font-size:16px;width:100%;float:left;margin-top:5%;line-height:25px;}


#spotlight.show {
  display: inline-block;
  background: rgba(0, 0, 0, 0.3) !important;
}
#spotlight .scene img {
  border: 10px solid white !important;
  border-radius: 10px;
}
#spotlight .header {
  background: black !important;
}
#banner li {
  position: relative;
}
#banner li .content {
  position: absolute;
  left: 0;
  top: 45%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-weight: bold;
  color: white;
}
#banner li .content p {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1.2;
}
#banner li .content h2 {
  font-size: 60px;
  line-height: 1.4;
  margin: .2em 0;
}
#banner li .content a.more {
  line-height: 50px;
  height: 50px;
  padding: 0 35px;
  margin-top: 20px;
  border: 1px solid white;
  font-size: 18px;
  text-transform: uppercase;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  display: inline-block;
}
#banner li .content a.more:hover {
  background: #009b4a;
  border:none;
}
#banner .slick-arrow {
  position: absolute;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border: none;
  border-radius: 100%;
  background: url("../images/icon-arrows1.png") center center no-repeat transparent;
  background-size: contain;
  cursor: pointer;
  cursor: hand;
  font-size: 0;
  color: transparent;
  z-index: 1;
  opacity: .18;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#banner .slick-arrow.slick-prev {
  left: 5%;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#banner .slick-arrow.slick-next {
  right: 5%;
}
#banner .slick-arrow:hover {
  opacity: 1;
}


#index-body h2.title {
  text-align: center;
position: relative;
}
#index-body h2::before {
  margin-right: 11px;
}
#index-body h2::after {

    margin-left: 9px;

}

#index-body h2.title:before,
#index-body h2.title:after {
content: '';
width: 142px;
height: 14px;
display: inline-block;
vertical-align: middle;
background: url(../images/icons.png) no-repeat;
}


#index-body h2.title {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  display: block; color: #000;
}
#index-body .init-1 {
  padding: 85px 0 120px;
  overflow: hidden;width:100%;float:left;
}
#index-body .init-1 h2.title {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#index-body .init-1 h2.title:before,
#index-body .init-1 h2.title:after {
  content: '';
  width: 20%;
  height: 1px;
  background: black;
  display: inline-block;
  vertical-align: super;
}
#index-body .init-1 .list {
  margin-top: 80px;
  margin-bottom: 8%;
}
#index-body .init-1 .list ul {
  margin: -30px;
}
#index-body .init-1 .list ul .slick-list {
  overflow: unset;
}
#index-body .init-1 .list ul li {
  padding: 30px;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  transition: 1.5s;
}
#index-body .init-1 .list ul li .img-box {
  display: block;
  height: 720px;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#index-body .init-1 .list ul li .img-box:after {
  content: '';
  width: 100%;
  height: 40%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  background: rgba(0,0,0,.5);
}
#index-body .init-1 .list ul li .img-box .text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 10%;
  text-align: center;
  color: white;
  z-index: 1;
}
#index-body .init-1 .list ul li .img-box .text h6 {
  font-size: 26px;
  font-weight: bold;padding-left:10px;padding-right:10px;
  line-height: 1.4;
}
#index-body .init-1 .list ul li .img-box .text span {
  font-size: 16px;
  line-height: 1.6;
  padding: 0 4em;
  border-bottom: 1px solid white;
  text-transform: capitalize;
  margin-top: .5em;
  display: inline-block;
  position: relative;
}
#index-body .init-1 .list ul li .img-box .text span:after {
  content: '';
  top: 100%;
  height: 1px;
  left: 50%;
  width: 0;
  background: #009b4a;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  position: absolute;
  z-index: 1;
}
#index-body .init-1 .list ul li .img-box:hover:after {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#index-body .init-1 .list ul li .img-box:hover span:after {
  width: 100%;
  left: 0;
}
#index-body .init-1 .list ul .slick-slide {
  opacity: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#index-body .init-1 .list ul .slick-active {
  opacity: 1;
}
#index-body .init-1 .list ul .slick-center li {
  -webkit-transform: translateY(15%);
  -moz-transform: translateY(15%);
  -ms-transform: translateY(15%);
  transform: translateY(15%);
}
#index-body .init-2 {
  padding-bottom: 2%;
  background: url("../images/init-2-bg.jpg") center center;
  background-size: cover;
  background-attachment: fixed;width: 100%;
float: left;
}



#index-body .init-2 h2.title {
  text-align: center;
position: relative;padding-top:5%;
}
#index-body .init-2 h2::before {
  margin-right: 11px;
}
#index-body .init-2 h2::after {

    margin-left: 9px;

}

#index-body .init-2 h2.title:before,
#index-body .init-2 h2.title:after {
content: '';
width: 142px;
height: 14px;
display: inline-block;
vertical-align: middle;
background: url(../images/icons.png) no-repeat;
}


/*

#index-body .init-2 h2.title {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-bottom: .5em;
  text-align: center;
  position: relative;
  top: -34px;
}*/
#index-body .init-2 .list ul {
  margin: -20px;
}
#index-body .init-2 .list ul li {
  padding: 20px;
  text-align: center;
}
#index-body .init-2 .list ul li a.img-box {
  display: block;
}
#index-body .init-2 .list ul li a.img-box img {
  display: block;
  width: 100%; background-color:#fff;
}
#index-body .init-2 .list ul li a.img-box p {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: .3em 15px;
  background:rgba(6,120,61,.8);
  color: white;
  text-align: center;
  font-size: 16px;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.6;

}
#index-body .init-2 .list ul li a.img-box:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
#index-body .init-2 .list ul li h6 {
  font-size: 24px; color: #000;
  line-height: 30px;
  margin-top: 1em;
  padding: 0 15px;
  border-bottom: 1px solid transparent;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  display: inline-block;
  max-width: 100%;
 
  text-overflow: ellipsis;
  overflow: hidden;
}
#index-body .init-2 .list ul li h6:hover {
  border-bottom-color: #009b4a;
  color: #009b4a;
}
#index-body .init-2 .list ul .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  background: url("../images/icon-arrows2.png") center center no-repeat transparent;
  background-size: contain;
  cursor: pointer;
  cursor: hand;
  border: none;
  z-index: 1; font-size:0;
}
#index-body .init-2 .list ul .slick-arrow.slick-prev {
  right: 100%;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);top: 45%;
}
#index-body .init-2 .list ul .slick-arrow.slick-next {
  left: 100%;
}
#index-body .init-3 {
  padding:3% 0 5%; background-color:#fff;width:100%;float:left;
}
#index-body .init-3 .box {margin-top:3%;}

#index-body .init-3 .box .left {
  width: 52%;
  vertical-align: middle;
}
#index-body .init-3 .box .left a.img-box {
  display: block;
  height: auto;
  background-size: cover;
  background-position: center center;
}
#index-body .init-3 .box .left a.img-box h2 {
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#index-body .init-3 .box .right {
  width: 48%;
  padding-left: 2%;
}
#index-body .init-3 .box .right h1 {
  font-size: 20px;
  line-height: 1.4;
  margin: .8em 0; font-weight:bold; color: #000;
}
#index-body .init-3 .box .right .text {
  font-size: 16px;
  line-height: 30px;
}
.nuonuo {
    display: inline;
}
#index-body .init-3 .box .right a.more {
  font-size: 18px;
  line-height: 1.2;
  display: inline-block;
  border-bottom: 1px solid black;
  text-transform: uppercase;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  font-weight: bold;color: #000;
  margin-top: 1em;
}
#index-body .init-3 .box .right a.more:hover {
  color: #009b4a;
  border-color: #009b4a;
}
#index-body .init-4 {
  padding: 120px 0 70px;
  background: #fff;width: 100%;
float: left;
}
#index-body .init-4 .list ul {
  margin: -25px;
}
#index-body .init-4 .list ul li {
  padding: 25px;
  text-align: center;
}
#index-body .init-4 .list ul li i {
  display: block;
}




#index-body .init-4 .list ul li:nth-child(2) i:before {
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  animation-duration: 6s;
}
#index-body .init-4 .list ul li:nth-child(3) i:before {
  -webkit-animation-duration: 15s;
  -moz-animation-duration: 15s;
  animation-duration: 15s;
}
#index-body .init-4 .list ul li:nth-child(4) i:before {
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  animation-duration: 8s;
}
#index-body .init-4 .list ul li:nth-child(5) i:before {
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  animation-duration: 10s;
}
#index-body .init-4 .list ul li:nth-child(6) i:before {
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  animation-duration: 6s;
}
#index-body .init-4 .list ul li i {
  display: inline-block;
  height: 100px;
  line-height: 100px;
  position: relative;
}
#index-body .init-4 .list ul li i::before {
  content: url(../images/adv_dian.png);
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: initial;
  font-size: 0;
  -webkit-animation: mymove 10s linear infinite;
  -moz-animation: mymove 10s linear infinite;
  animation: mymove 10s linear infinite;
}




#index-body .init-search {
  padding: 2% 0 2%;
  background: #028340;width: 100%;
float: left;
}

.init-search-main{width:70%;margin:auto;border: solid 1px rgba(255,255,255,.5);
  overflow: hidden;
  padding: 5px;}
.init-search-main-1{float:left;width: 20%;}.init-search-main-2{float:left; position:relative;width: 80%;}
.init-search-main-1 select {
  height: 55px;
  font-size: 16px;
  padding: 0 30px;
  border: 1px solid #fff; background-color:#fff;
  width: 100%;
  color: #333;
}
.init-search-main-2 input {
  padding: 0px 10px;  border: 1px solid #fff;background-color:#fff;
  font-size: 16px;  height: 55px;
  color: #999;width: 100%;
}
.init-search-main-2 input[type="submit"] {
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: url(../images/search-black-icon.png) no-repeat center;
    background-size: auto;
  background-size: cover;
  position: absolute;
top: 15px;
  right: 10px;
  z-index: 2;
}

@-webkit-keyframes mymove {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes mymove {
  from {
    -moz-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes mymove {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    -moz-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}






#index-body .init-4 .list ul li h6 {
  display: block;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.2;
  margin: .3em 0 .7em; color: #000;
}
#index-body .init-4 .list ul li .text {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
}
#index-body .init-5 {
  padding: 100px 0;
}
#index-body .init-5 .left {
  padding-right: 2%;
  width: 48%;
  vertical-align: middle;
}
#index-body .init-5 .left .list {
  margin: 50px 0 60px;
}
#index-body .init-5 .left .list ul {
  margin: -10px 0;
}
#index-body .init-5 .left .list ul li {
  display: block;
  font-size: 22px;
  padding: 10px 0;
}
#index-body .init-5 .left .list ul li img {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  margin-top: -0.2em;
}
#index-body .init-5 .left a.more {
  font-size: 18px;
  line-height: 1.2;
  display: inline-block;
  border-bottom: 1px solid black;
  text-transform: uppercase;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  font-weight: bold;
  margin-top: 1em;
}
#index-body .init-5 .left a.more:hover {
  color: #009b4a;
  border-color: #009b4a;
}
#index-body .init-5 .right {
  width: 52%;
  vertical-align: middle;
}
#index-body .init-5 .right a.img-box {
  display: block;
  background-size: cover;
  background-position: center center;
  height: 600px;
}
#index-body .init-6 {
  height: 650px;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  position: relative;
  background-image: url("/nuodetex/2023/06/07/init-6-bg.jpg");
}
#index-body .init-6 .play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  cursor: pointer;
  cursor: hand;
}
#index-body .init-6 .play img {
  display: block;
  margin: 0 auto;
}
#index-body .init-6 .play span {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: .5em;
  display: block;
}
#index-body .init-7 {
  padding: 5% 0 5%;width: 100%;
float: left;
}
#index-body .init-7 h2.title {
  text-align: center;
position: relative;
}
#index-body .init-7 h2::before {
  margin-right: 11px;
}
#index-body .init-7 h2::after {

    margin-left: 9px;

}

#index-body .init-7 h2.title:before,
#index-body .init-7 h2.title:after {
content: '';
width: 142px;
height: 14px;
display: inline-block;
vertical-align: middle;
background: url(../images/icons.png) no-repeat;
}
#index-body .init-7 .list {
  margin-top:3%;
}
#index-body .init-7 .list ul {
  margin: -10px;
}
#index-body .init-7 .list ul li {
  padding: 10px;
}
#index-body .init-7 .list ul li .box {
padding: 5% 5%;
  background: white;
  position: relative;
}
#index-body .init-7 .list ul li .box i {

}
#index-body .init-7 .list ul li .box time {
  display: block;
  font-size: 16px;
  color: #009b4a;margin-top:20px;
}
#index-body .init-7 .list ul li .box h6 {
  font-size: 20px; color:#000;

  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: .8em;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#index-body .init-7 .list ul li .box h6:after {
  content: '';
  display: block;
  margin-top: .2em;
  width: 20%;
  background: #009b4a;
  height: 1px;
}
#index-body .init-7 .list ul li .box h6:hover {
  color: #009b4a;
}
#index-body .init-7 .list ul li .box .text {
  font-weight: 300;
  font-size: 16px;
  color: #373636;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
  margin: 1em 0 2em;
}
#index-body .init-7 .list ul li .box a.more {
  display: inline-block;
  font-size: 18px;
  line-height: 1.4;
  border-bottom: 1px solid black;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#index-body .init-7 .list ul li .box a.more:hover {
  color: #009b4a;
  border-color: #009b4a;
}
#index-body .init-7 .dots {
  margin-top: 70px;
  text-align: center;
}
#index-body .init-7 .dots ul li {
  margin: 0 15px;
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  cursor: pointer;
  cursor: hand;
}
#index-body .init-7 .dots ul li button {
  display: none;
}
#index-body .init-7 .dots ul li:after {
  content: '';
  border: 5px solid #009b4a;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: inherit;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#index-body .init-7 .dots ul li.slick-active {
  border-color: #009b4a;
}
#index-body .init-7 .dots ul li.slick-active:after {
  border-width: 3px;
}
#index-body .init-8 {
  padding-bottom: 8px;
  overflow: hidden;
}
#index-body .init-8 .ui.container {
    max-width: 1360px;
}
#index-body .init-8 .list {
  padding: 0 8%;
}
#index-body .init-8 .list .slick-list {
  overflow: unset;
}
#index-body .init-8 .list ul {
  margin: -5px;
}
/*#index-body .init-8 .list ul li {
  padding: 5px;
}*/
#index-body .init-8 .list ul li a.img-box {
  height: /*460px*/ 350px;
  background-size: cover;
  background-position: center center;
  display: block;
}
#index-body .init-8 .list ul li a.img-box:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/icon-8.png") center center no-repeat rgba(25, 41, 128, 0.47);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  opacity: 0;
}
#index-body .init-8 .list ul li a.img-box:hover:after {
  opacity: 1;
}

@media screen and (max-width: 1750px) {
  #index-body .init-2 .list ul .slick-arrow.slick-prev {
    right: auto;
    left: 0;
  }
  #index-body .init-2 .list ul .slick-arrow.slick-next {
    right: 0;
    left: auto;
  }

  #banner li .content p {
    font-size: 24px;
  }
  #banner li .content h2 {
    font-size: 52px;
  }
  #banner li .content a.more {
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    font-size: 16px;
  }
  #banner .slick-arrow {
    width: 44px;
    height: 44px;
  }
  #index-body h2.title {
    font-size: 36px;
  }
  #index-body .init-1 .list ul .slick-center li {
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    transform: translateY(5%);
  }
  #index-body .init-1 .list {
    margin-bottom: 2%;
    margin-top: 50px;
  }
  #index-body .init-1 {
    padding: 70px 0;
  }
  #index-body .init-1 .list ul li .img-box {
    height: 600px;
  }
  #index-body .init-1 .list ul li .img-box .text h6,
  #index-body .init-4 .list ul li h6,
  #footer .footer-top .box .slide h6,
  #footer .footer-top .box .slide .list {
    font-size: 24px;
  }
  #index-body .init-1 .list ul li .img-box .text span {
    font-size: 14px;
    padding: 0 2em;
  }
  #index-body .init-2 .list ul li h6 {
    font-size: 18px;
  }
   #index-body .init-3 {
  padding: 2% 0 5% !important;}
  
  #index-body .init-3,
  #index-body .init-4,
  #index-body .init-5 {
    padding: 5% 0;
  }
 
  
  
  #index-body .init-3 .box .right h6 {
    font-size: 18px;
  }
  #index-body .init-3 .box .right .text,
  #index-body .init-5 .left .list ul li {
    font-size: 16px;
  }
  #index-body .init-3 .box .right a.more {
    font-size: 16px;
  }
  #index-body .init-3 .box .left a.img-box,
  #index-body .init-5 .right a.img-box {
    height: 400px;
  }
  #index-body .init-4 .list ul li i img {
    max-height: 70px;
  }
  #index-body .init-5 .left .list {
    margin: 30px 0 40px;
  }
  #index-body .init-6 {
    height: 400px;
  }
  #index-body .init-6 .play span {
    font-size: 24px;
  }
  #index-body .init-6 .play img {
    max-height: 60px;
  }
  #index-body .init-7 .list ul li .box {
    padding: 5% 5%;
  }
  #index-body .init-7 .list ul li .box h6 {
    font-size: 18px;
  }
  #index-body .init-7 .list ul li .box .text {
    font-size: 14px;
  }
  #index-body .init-7 .list ul li .box a.more {
    font-size: 16px;
  }
  #index-body .init-7 .dots {
    margin-top: 5%;
  }
  #index-body .init-8 .list ul li a.img-box {
    height: 300px;
  }
 

}

@media screen and (max-width: 1600px) {
	.inOneList .listOne .con h5{font-size: 1.4rem;}
.inOneList .listOne .con .more a{width: 6.13rem;}

}

@media screen and (max-width: 1450px) {
   
 
    #index-body .init-1 .list ul li .img-box .text h6, #index-body .init-4 .list ul li h6, #footer .footer-top .box .slide h6, #footer .footer-top .box .slide .list,
    #banner li .content p {
        font-size: 20px;
    }
    #index-body h2.title {
        font-size: 28px;
    }
    #banner li .content h2 {
        font-size: 44px;
    }
    #index-body .init-2 .list ul li h6 {
        font-size: 16px;
    }
    #index-body .init-3 .box .right .text, #index-body .init-5 .left .list ul li,
    #index-body .init-4 .list ul li .text,#footer .footer-top .box .slide .text,
 
    #index-body .init-1 .list ul li .img-box {
        height: auto;
    }
}
@media screen and (max-width: 1250px) {

   
    #banner,.inner-banner {

    }
    #index-body .init-1 .list ul li .img-box .text h6, #index-body .init-4 .list ul li h6, #footer .footer-top .box .slide h6, #footer .footer-top .box .slide .list,
    #banner li .content p {
        font-size: 18px;
    }
    #index-body h2.title {
        font-size: 24px;
    }
    #banner li .content h2 {
        font-size: 32px;
    }

    #index-body .init-1 .list ul li .img-box {
        height: 300px;
    }
}
@media(max-width:1200px){
.h-about a{ font-size:14px;}	
#index-body .init-3 .box .right h1{ font-size:18px;}	
.h-comj>div{ font-size:14px;}
	}



@media screen and (max-width: 1000px) {

  #index-body .init-3 .box .left{width:100%;}
  #index-body .init-3 .box .right{width:100%;padding-left:0;}
  #index-body .init-2 .list ul li a.img-box p{ font-size:14px;}
    #index-body .init-1 .list ul li .img-box .text h6, #index-body .init-4 .list ul li h6, #footer .footer-top .box .slide h6, #footer .footer-top .box .slide .list,
    #banner li .content p {
        font-size: 16px;
    }
    #banner li .content h2 {
        font-size: 28px;
    }
    #index-body .init-1 .list ul .slick-slide {
        opacity: 1;
    }
    #index-body .init-4 .list ul li {
        width: 50%;
        padding: 10px;
    }
    #index-body .init-4 .list ul {
        margin: -10px;
    }
    #index-body .init-3 .box .right .text, #index-body .init-5 .left .list ul li, #index-body .init-4 .list ul li .text, #footer .footer-top .box .slide .text, #header .nav .ui.menu .menu-box ul.menu>li, #header .nav .ui.menu .box .yuy span {
        font-size: 14px;
        line-height: 30px;
    }
.footnde {
    display: none!important;
}
.yincang {
    display: none;
}
    #index-body .init-6 {
        height: 300px;
    }
 
    #index-body .init-1 .list ul li .img-box {
        height: 260px;
    }
}
@media screen and (max-width:800px) {
    #index-body h2.title{ font-size:20PX;}
    #banner li .content h2 {
        font-size: 24px;
    }
    #index-body .init-1 .list ul li,#index-body .init-2 .list ul li {
        padding: 10px;
    }
    #index-body .init-1 .list ul,#index-body .init-2 .list ul {
        margin: -10px;
    }
    #index-body .init-2 .list ul .slick-arrow {

    }
    #index-body .init-4 .list ul li i img {
        max-height: 50px;
    }
	#index-body .init-3 .box .right a.more{ font-size:14px;}
	#index-body .init-2 .list ul li h6{ line-height:20px;}
	#index-body .init-7 .list ul li .box a.more{ font-size:14px;}
	.init-search-main{width:100%;}
}
@media screen and (max-width: 500px) {
    #banner .slick-arrow,#banner li .content a.more {
        display: none !important;
    }
    #index-body .init-1 .list {
        margin-top: 30px;
    }
    #index-body .init-3 .box .right {
        width: 100%;
        padding-left: 0;
    }
    #index-body .init-3 .box .left {
        width: 100%;
    }
    #index-body .init-3 .box .left a.img-box, #index-body .init-5 .right a.img-box {
        height: 240px;
    }
    #index-body .init-3, #index-body .init-4, #index-body .init-5 {
        padding: 40px 0;
    }
    #index-body .init-5 .left {
        width: 100%;
        padding-right: 0;
    }
    #index-body .init-5 .right {
        width: 100%;
        margin-top: 20px;
    }
    #index-body .init-5 .left .list {
        margin: 15px 0;
    }
    #index-body .init-5 .left .list ul li img {
        max-width: 20px;
    }
	.h-about a{width:100%;float:left;margin-bottom:2%; text-align:center;}
	#index-body h2.title{font-size: 18px;}
	.inOneList .listOne .con h5{ font-size:16px;}
	.inOneList .listTwo li h5{ font-size:16px;}
	#index-body .init-3 .box .right h1{ font-size:16px;}
	#index-body .init-7 .list ul li .box h6{ font-size:16px;}
	#index-body h2.title::before, #index-body h2.title::after{background-size: 100%;width:80px;}
#index-body .init-2 h2.title::before, #index-body .init-2 h2.title::after {background-size: 100%;width:80px;}

#index-body .init-7 h2.title::before, #index-body .init-7 h2.title::after{background-size: 100%;width:80px;}

}


@media(max-width:1260px){.inOneList{width:95%;}}

@media(max-width:800px){.inOneList{width:95%;}}