body{font-family: "Source Han Sans CN";}
.header{line-height: 120px;background:#fff;position: relative;z-index:3;box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);}
.header .logo{height:120px;line-height: 110px;}
.header img{float:left;width:76px;height:76px;margin:25px 20px 0 0;}
.header h2{font-size: 38px;color: #00753c;font-weight: bold;display: block;float: left;font-family: "微软雅黑";line-height: 120px;background: none;}


.banner{position: relative;overflow: hidden;}
.banner a{display: block;padding-bottom: 400px;position: relative;overflow: hidden;}
.banner a em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner .swiper-pagination{bottom: 30px;height: 12px;line-height: 12px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 10px;background: #FFFFFF;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #F49C37;}


.list li{border-bottom: 1px solid #DEDEDE;}
.list li:last-child{border-bottom: none;}
.list li a{display: block;line-height: 66px;position: relative;padding-right: 136px;padding-left: 20px;}
/* .list li a:before{content: "";width: 28px;height: 1px;background: #FB9519;position: absolute;left: 0;top:50%;transform-origin:left center;transform: scale(0,1);} */
.list li a:before{content: "";width: 6px;height: 6px;background: #DDDDDD;border-radius: 3px;position: absolute;left: 0;top:50%;margin-top: -3px;}
.list li h5{color: #333333;font-weight: normal;}
.list li span{position: absolute;right: 0;top: 0;color: #666666;}
/* .list li a:hover::before{transform: scale(1);background: #FB9519;} */
 .list li a:hover::before{width: 28px;background: #FB9519;}
.list li a:hover h5{transform: translateX(20px);color: #920000;}


.iMain {width: 100%;background: #fbfbfb url(../images/imbg1.jpg) no-repeat center bottom;}
.isect2{padding: 60px 0;}
.isect2 ul{padding:0 2%;}
.isect2 li{width: 32.28%;margin: 1.42% 1.42% 1.42% 0;box-sizing: border-box;border: 1px solid #dcdcdc;position: relative;overflow: hidden;border-bottom:5px solid #00753c;background:#fff;
/*background: linear-gradient(-45deg, transparent 10px, #fff 0);*/box-shadow: 2px 3px 5px #999;}
.isect2 li:nth-child(3n){margin-right: 0;}
.isect2 li .bg{position: absolute;top: 7px;left: -74px;}
.isect2 li a{display: flex;align-items: flex-start;position: relative;z-index: 2;height: 173px;box-sizing: border-box;padding: 40px 50px 0;background: url(../images/leaderBg.png) no-repeat right top;}
.isect2 li:hover{background: #00753c;border-color: #00753c;}
.isect2 li:hover .bg{opacity: 1;}
.isect2 li a:hover{background:none;}
.isect2 li a:hover .text h5{color: #fff;font-weight:600;}










/*.isect2 li{width: calc(34.6% - 20px);margin-bottom: 55px;transition: all 0.2s ease-in-out;}
.isect2 li a {display: block;position: relative;margin: 0 20px;padding: 30px;box-sizing: border-box;border: 1px solid #dcdcdc;background: #fff;border-left:3px solid #00753c;}
.isect2 li a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #f6f1ec;
  position: absolute;
  top: 10px;
  right: -10px;
  z-index: -1;
}*/





.isect2 li .text{flex: 1;overflow: hidden;}
.isect2 li .text h5{line-height: 40px;color: #333333;position: relative;font-weight:600;}
.isect2 li .text h5 .arr{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

/*.isect2 li:hover{background: #00753c;border-color: #00753c;}*/
.isect2 li:hover .bg{opacity: 1;}
.isect2 li:hover .icon{opacity: 0;}
.isect2 li:hover .text h5,
.isect2 li:hover .text dd{color: #00753c;}
.isect2 li:hover .text dd::before{background: #fff;}
.isect2 li:hover .text h5 .arr{filter: brightness(0) invert(1);}








.footer{background: #00753c;/*border-top:5px solid #d8b480;*/color: #fff;line-height: 28px;}
.footer .btm{padding: 50px 0;text-align: center;}
.footer .btm span{margin: 0 12px;}
.footer .btm .line{text-decoration: underline;}


@media screen and (max-width: 1600px){
/* .nav .nLi{padding: 0 40px;} */
}
@media screen and (max-width: 1480px){
/* .nav .nLi{padding: 0 30px;} */
.list li a{padding-right: 120px;line-height: 60px;}
.iTitle1{margin-bottom: 30px;}
.isect2 li a{padding: 20px 30px 0;height: 140px;}
.isect2 li .icon{margin-right: 8%;width: 50px;}
.isect2 li .text h5{margin-bottom: 15px;}


}

@media screen and (max-width: 1200px){
.nav{display: none;}
.header{line-height: 98px;}
.header .logo img{height: 60px;}
.header .menuIcon{display: block;}
.header .right{display: none;}
.isect2 li a{padding: 20px 20px 0;}
.isect2 li .icon{width: 40px;margin-right: 5%;}


}


@media screen and (max-width: 1024px){
.isect2{padding: 30px 0;}
.isect2 li{width: 49%;margin-right: 0;}
.isect2 li:nth-child(2n){float: right;}

.iTitle1{margin-bottom: 20px;}
.iTitle1 .ch{line-height: 30px;}

.header .logo{width:100%;}
.header .logo img {height:76px;}
.header h2 {width:86%;font-size: 28px;line-height:110px;}






}

@media screen and (max-width: 768px){
.header{line-height: 68px;}
.header .logo {height: 100px;line-height:100px;}
.header .logo img{width:auto;height:73px;margin:2% 1% 0 0;}
.header h2 {width:87%;font-size: 28px;line-height:100px;}
.banner a{padding-bottom: 21.4%;padding-bottom: 30%;}
.banner .swiper-pagination{bottom: 16px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px;}


.iTitle{margin-bottom: 12px;}
.iTitle .ch{padding-bottom: 6px;}
.list li a{padding-right: 88px;line-height: 48px;}
/* .list li a:before{width: 18px;} */
.list li a:hover::before{width: 20px;}
.list li a:hover h5{transform: translateX(20px);}

.isect2 li{width: 100%;}
.isect2 li a{height: auto;padding: 20px;}
.isect2 li .icon{width: 40px;margin-right: 20px;}
.isect2 li .text h5{margin-bottom: 10px;}

.footer{padding:20px 0;}
.footer .btm{padding: 5px 0;line-height: 20px;}
.footer .btm span{display: block;margin: 0 auto;}



}
@media screen and (max-width: 468px){

.header .logo img {margin: 4% 3% 0 0;}
.header h2 {width: 76%;font-size: 18px;line-height: 30px;padding: 20px 0;}

}
@media screen and (max-width: 375px){
.header .logo img {margin: 4% 2% 0 0;}
.header h2 {width: 72%;font-size: 16px;line-height: 30px;padding: 15px 0;}


}