.navs{margin-top: 1px; text-align:center;background:#119977;}
.navs ul li{position: relative; display: inline-block; padding: 10px 39px 10px 14px;}
.navs ul li a{position: relative; z-index: 110; font-size: 18px; font-weight: bold; color: #fff;}
.navs ul li a::after{content: ""; display: block; position: absolute; left: 0; bottom: -10px; width: 0; height: 2px; left: 50%; background: #74c339; transition: all .5s ease;}
.navs ul li a:hover::after{width: 100%; left: 0;}
.subnav{position: absolute; white-space: nowrap; display: none; left: 6px; z-index: 100; padding-top: 20px; padding: 30px 20px 20px 20px; background-color: #fff; transition: all .5s ease;}
.subnav a{display: block; position: relative; line-height: 36px; left: 0; transition: all .5s ease; color:#119977!important;}
.subnav a:hover::after{display: none;}
.subnav a:hover{left: 4px;}
.navs ul li:hover .subnav{display: block; animation:move 0.5s 0s;}

.searchs{display: inline-block; vertical-align: top; margin-top: 40px;}
.inputs{position: absolute; right: 0; bottom: -6px;}
.inputs form input{width: 300px; height: 30px; line-height: 30px; font-size: 16px; padding-left: 10px; border: 1px solid #119977; border-radius: 15px; outline: none; transition: all .5s ease-in-out;}
.inputs form button{position: absolute; cursor: pointer; border: none; background: #fff; border-radius: 50%; right: 5px; top: 3px;}



.news{width: 100%; height: 437px; padding: 30px 0 30px 0;}
.news-content{width: 1222px; margin: 0 auto;}
.news-left{position: relative;  width: 653px; height: 436px; display: inline-block; vertical-align: top; overflow: hidden;}
.news-left .news-con{width: 653px; height: 436px; position: relative;}
.news-left .news-con img{position: absolute; width: 100%; height: 100%; transition: all 1s ease-in-out;}
.news-con:hover img{transform: scale(1.1);}
.news-left .news-con .new-msg{position: absolute; bottom: 0; width: 100%; /*background-color:#119977;border-top: 1px solid #fff; */height: 102px;}
.new-msg::before{content: ""; position: absolute; width: 100%; height: 100%; background: #000000; opacity: .6;}
.new-msg h3{text-align: center;font-size: 18px; position: relative; z-index: 2; padding: 10px 20px 10px 20px; color: #fff;}
.new-msg p{font-size: 14px; position: relative; z-index: 2; line-height: 28px; padding: 0 20px 10px 20px; color: #fff;}
.new-msg>h3,.new-msg>p{
            /*background-color: #119977 !important;*/
        }
.news-right{width: 549px; height: 436px; float: right;}
.news-title img{display: inline-block; vertical-align: middle;}
.news-title span{font-size: 24px; display: inline-block; padding-left: 10px; vertical-align: middle; color: #119977;}
.news-hot{width: 100%; overflow: hidden; /*white-space: nowrap;*/padding: 26px 0 26px 0; text-overflow: ellipsis; border-bottom: 1px dashed #ccc}
.news-hot a{font-size: 20px; font-weight: bold; color: #e02121;}
.news-list ul li{padding-top: 14px; font-size: 14px;}
.news-list ul li a{display: inline-block; font-size: 16px; padding-left: 10px; vertical-align: middle; width: 429px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #4f4f4f;}
.news-list ul li .time{float: right; padding-top: 3px;}
.news-list ul li a:hover{color: #119977;}
.dian{width: 6px; height: 6px; background-color: #bcbcbc; margin-top: 2px;display: inline-block; vertical-align: middle;}
.midimg{width: 100%;text-align: center;}
.midimg img{/*width: 100%;*/}

.hot{width: 100%;  /*height: 520px;background: url(../image/bg3.png) center center;*/ background-size: cover;}
.hot-content{width: 1222px; margin: 0 auto;}
.hot-left{width: 610px; margin-right: 38px; overflow: hidden; /*height: 449px;*/ padding-top: 20px;}
.hot-middle{width: 384px; /*height: 432px;*/ padding: 20px; /*background: #fff;*/ border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}
.hot-right{width: 565px; float: right; /*height: 449px;*/ padding-top: 20px;}
.hot-left ul a{position: relative; display: block;  width: 600px; font-size: 16px; color: #333333; padding: 3px 0 3px 10px; overflow: hidden; border-top-left-radius: 7px; border-bottom-left-radius: 7px; /*background: #fff;margin-top: 10px;height: 58px; */ transition: all .5s ease;}
.hot-left ul a span{position: relative; z-index: 1; line-height: 30px;}
.hot-left ul a::before{content: ""; position: absolute; z-index: 0; display: block; width: 5px; height: 100%; left: 0; top: 0; /*background-color: #119977;*/ transition: all .5s ease;}
.hot-left ul a:hover::before{width: 100%;}
.hot-left ul a:hover{color: #119977;}

.hot-middle ul a{position: relative; display: block;    font-size: 16px; color: #333333; padding: 3px 0 3px 10px; overflow: hidden; border-top-left-radius: 7px; border-bottom-left-radius: 7px; /*background: #fff;margin-top: 10px;height: 58px;width: 332px;*/ transition: all .5s ease;}
.hot-middle ul a span{position: relative; z-index: 1; line-height: 30px;}
.hot-middle .ulouter{width: 700px; position: relative; left: 0;}
.hot-middle ul a::before{content: ""; position: absolute; z-index: 0; display: block; width: 5px; height: 100%; left: 0; top: 0; /*background-color: #119977; */transition: all .5s ease;}

.hot-title{padding-bottom: 8px;}
.hot-h h3{line-height: 30px; padding-top: 10px; font-size: 17px; color: #229d7d;}
.hot-h p{line-height: 30px;  padding-bottom: 8px; border-bottom: 1px dashed #ccc; font-size: 14px; color: #8d8d8d;}
.hot-middle ul li{padding-top: 13px; font-size: 16px;}
.hot-middle ul li a{display: inline-block; position: relative; left: 0; vertical-align: middle; width: 350px; color: #4F4F4F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s;}
.hot-middle ul li a:hover{color: #119977; left: 5px;}
.dian2{width: 7px; height: 7px; background: #119977; margin-right: 10px; display: inline-block; vertical-align: middle; transform: rotate(45deg);}

.hot-left ul{display: inline-block;}
.hot-left .ulouter{width: 1240px; position: relative; left: 0;}


.hot-right ul a{position: relative; top: 0; display: block;  /*width: 352px;*/ font-size: 16px; color: #333333; padding: 3px 0 3px 10px; overflow: hidden; border-top-left-radius: 7px; border-bottom-right-radius: 7px; /*background: #fff;margin-top: 10px;height: 58px; */ transition: all .5s ease;}
.hot-right ul a:hover{top: -4px;}
.hot-right ul a span{position: relative; /*padding-left: 10px;width: 280px;*/ z-index: 1; line-height: 30px; }
.hot-right ul a div, .hot-right ul a span{display: inline-block; vertical-align: top;}
.hot-right ul a div{position: relative; width: 52px; padding-right: 4px; border-right: 1px dashed #ccc; padding-top: 4px;}
.hot-right ul a div p:nth-child(1){font-size: 24px; padding-left: 10px; color: #119977;}
.hot-right ul a div p:nth-child(2){font-size: 12px; color: #119977;}

.show{width: 100%; /*height: 470px; padding:0px 0 41px 0;*/}
.show-content{width: 1222px; margin: 0 auto;}


.ihd{width: 100%; height: 42px; line-height: 42px; overflow: hidden; clear: both;}
.ihd h6{width: 125px; height: 42px; line-height: 42px; font-family: "Microsoft Yahei"; font-size: 18px;  text-align: center; overflow: hidden; background: #007941;}
.ihd h6 a{color: #ffffff;}
.ibd{width: 100%; height: 303px; margin-top: 27px; overflow: hidden; clear: both;}
.ibd span {
    position: absolute;
    bottom: 0;
	text-align:center;
    display: block;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
}

.show-left{position: relative; display: inline-block; width: 560px; overflow: hidden;}
.show-con{width: 100%;}
.show-con p{display: block; width: 382px; height: 117px; float: right; line-height: 26px; padding: 26px 0 20px 0; font-size: 16px; color: #333333;}
.show-con .show-img{width: 561px; height: 302px; overflow: hidden;}
.show-img img{width: 100%; height: 100%;}
.show-title{position: absolute; width: 168px; height: 144px; z-index: 10; float: left; background-color: #fff;}
.show-title h3{font-size: 24px; padding-bottom: 4px; color: #119977;}
.show-title h4{font-size: 20px; color: #b0d9cf;}

.show-right{width: 611px; float: right;}
.show-r-t a{text-align: center; font-size: 24px; color: #fff; transition: all .5s ease;}
.show-r-t a:hover{transform: scale(1.04);}
.show-r-t a img{display: block; margin: 0 auto; padding-top: 50px;}
.show-r-t a:nth-child(1){display: inline-block; width: 280px; height: 200px; background-color: #119977;}
.show-r-t a:nth-child(2){float: right; width: 317px; height: 200px; background-color: #aacb42;}

.show-r-b{width: 611px; height: 257px; position: relative; margin-top: 10px;}
.show-c{position: relative; display: inline-block; width: 10%; height: 257px; overflow: hidden; transition: all .5s ease;}
.show-c::after{content: ""; position: absolute; display: block; z-index: 3; width: 1px; height: 100%; background-color: #fff; opacity: .4;}
.show-c span{position: absolute; width: 100%; height: 100%; background: #000; opacity: .4; transition: all .5s ease; z-index: 2;} 
.show-c img{width: 367px; height: 257px; position: absolute; left: 0; top: 0;}
.here{width: 60% !important;}
.here span{opacity: 0;}
.show-c p{font-size: 18px; display: block; width: 367px; font-weight: bold; text-align: center; position: absolute; bottom: 20px; opacity: 0; color: #fff; transition: all 1s;}
.here p{opacity: 1;}

.pagination{
  position: absolute;
  z-index: 20;
  bottom: 120px;
  width: 633px;
  padding-right: 24px;
  text-align: right;
}
.pagination .swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #fff;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
}
.pagination .swiper-active-switch {
  background: #119977;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
}

.pag{
  position: absolute;
  z-index: 20;
  top: 10px;
  right: 0;
  width: 633px;
  text-align: right;
}
.pag .swiper-pagination-switch {
  display: inline-block;
  width: 26px;
  height: 7px;
  background: #d3d3d3;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 3px;
}
.pag .swiper-active-switch {
  background: #119977;
}