/*=== index ===*/
section { padding:60px 0px 70px 0px; }

.ind_notice { width: 100%; background: url(../images/notice_bg.jpg) no-repeat center top; }
.notice_active { width:1240px; height: 72px; overflow: hidden; position: relative; margin: 0px auto;}
.notice_active ul { width:980px; padding-left:260px}
.notice_active ul li{ width:950px; padding-right: 130px; position: relative; line-height: 72px; overflow: hidden; font-size: 18px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }
.notice_active ul li a{ color: #333; font-size: 18px; }
.notice_active ul li a:hover { color: #dc0000; }
.notice_active ul li span{ font-size: 14px; color: #999; position: absolute; right: 0px; top: 0; width: 80px; display: block; }

.ind_title { position: relative; height: 74px; display: block; margin-bottom: 40px; width: 100%; text-align: center; overflow: hidden }
.ind_title2 { background: url(../images/ind_tbg.png) no-repeat left center; position: relative; height: 30px; display: block; margin-bottom: 20px }
.ind_title2 span.name { font-size: 24px; font-weight: bold; color: #169c4f; display: block; height: 30px; line-height: 30px; padding: 0px 20px; text-align: center; float: left; }
.ind_title2 span.more { position:absolute; right:0px; top:5px; font-size:14px}

.ind_npic{ width: 667px; height: 470px; position: relative; overflow: hidden; }
.ind_npic .swiper-container{ width:100%;height:100%;}
.ind_npic .swiper-slide{display: block; position: relative; width: 100%; padding:0; overflow: hidden; }
.ind_npic .swiper-slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind_npic .swiper-slide .title { width: 670px; height: 98px; background: url(../images/ind_nbg.png) no-repeat left bottom; position: absolute; left: 0px; bottom: 0px; padding: 38px 0px 0px 120px; color: #fff; text-align: left; }
.ind_npic .swiper-slide span.date { font-size: 14px; height: 78px; display: block; width: 98px; position: absolute; top: 20px; left: 0px; line-height: 36px; text-align: center; }
.ind_npic .swiper-slide span.date b { display: block; font-size: 50px; font-weight: normal; }
.ind_npic .swiper-slide p.name{ width: 94%; height: 24px; line-height:24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; font-weight: bold; margin-bottom:5px }
.ind_npic .swiper-slide p.txt{ width: 96%; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_npic .swiper-container .swiper-pagination,.ind_npic .swiper-container .swiper-pagination-bullet { bottom: 100px;border-radius: 5px; text-align:right;align-items:right;justify-content:right; padding-right:20px }
.ind_npic .swiper-pagination{line-height:100%; padding:0px;display: flex; align-items: center; justify-content: center ; text-align:right; z-index:10;}
.ind_npic .swiper-pagination-bullet{opacity: 1; width:40px; height:8px; background: #fff; display:block;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_npic .swiper-pagination-bullet-active{background: #ed8a03; width:60px}

.ind_nlist { width: 540px }
.ind_nlist .tab_UL{ height: 28px; margin: 0px 0px 20px 0px; width: 100%; }
.ind_nlist .tab_UL li { float: left; background: url(../images/ind_n_x.png) no-repeat right center; padding-right: 40px; margin-right: 35px }
.ind_nlist .tab_UL li:last-child { background:none; padding:0px; margin:0}
.ind_nlist .tab_UL li a { color: #333; display: block; height:28px; line-height:28px; width:110px; font-size:24px; cursor: pointer;}
.ind_nlist .tab_UL li.curr a{ color: #ed8a03 }

.ind_nlist_nr ul li { width: auto; padding: 0px 0px 0px 100px; position: relative; height: 95px; margin-bottom: 16px; border-bottom: #e1e1e1 1px solid; }
.ind_nlist_nr ul li span.date { position: absolute; width: 84px; height: 76px; border: #c6c6c6 1px dashed; display: block; left: 0px; text-align: center; display: block; color: #333; font-size: 14px }
.ind_nlist_nr ul li span.date em { display: block; font-size: 45px; line-height: 55px; height: 50px }
.ind_nlist_nr ul li p.title { width: 100%; height: 30px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 30px; margin-bottom: 5px; }
.ind_nlist_nr ul li p.txt { font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden; }
.ind_nlist_nr ul li:hover span.date { color: #ed8a03; border: #ed8a03 1px dashed }
.ind_nlist_nr ul li:hover p.title { color: #ed8a03 }
.ind_nlist_nr ul li:last-child { margin-bottom: 0; border-bottom: 0; height: 78px; }

.ind_bases li { width: 310px; padding: 25px; background: url(../images/ind_fbg.png) no-repeat left center; text-align: center; float: left; display: block; font-size: 16px; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; }
.ind_bases li:first-child {background:none}
.ind_bases li p.img {width:184px; height:184px; border:#fff 10px  solid; display:block; margin:0px auto; box-shadow:0px 3px 5px #ccc; border-radius:50%; overflow:hidden}
.ind_bases li p.img img { width:100%; height:100%}
.ind_bases li p.name { height:48px;font-size:18px; font-weight:bold; color:#ed8a03; text-align:center; display:block; margin:20px 0px 15px 0px}
.ind_bases li p.intro { line-height:24px; display:block; height:70px; overflow:hidden; color:#666; margin-bottom:15px}
.ind_bases li p.more { width:140px; height:40px; line-height:38px; background:#169c4f; border:#169c4f 1px solid; border-radius:20px; display:block; margin:0px auto; color:#fff;transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; }
.ind_bases li:hover { background:#169c4f; box-shadow:0px 5px 10px #ccc;}
.ind_bases li:hover p.img {box-shadow:0px 3px 5px #27ad60}
.ind_bases li:hover p.name { color:#fff;}
.ind_bases li:hover p.intro { color:#cfecd8}
.ind_bases li:hover p.more { width:180px; border:#fff 1px solid;}

.ind_pic {}
.css_1 { width:318px; height:506px; overflow:hidden}
.css_2 { width:317px; height:252px; overflow:hidden}
.css_3 { width:240px; height:252px; overflow:hidden}
.css_4 { width:320px; height:252px; overflow:hidden}
.css_5 { width:502px; height:242px; overflow:hidden}
.css_6 { width: 390px; height: 242px; overflow: hidden }

.card { margin: 0px; background-color: white; }
.card:hover .card__caption { top:55%; transform: translateY(-55%); }
.card__thumb { position: relative; overflow: hidden; width: 100%; height: 100%; }
.card__thumb::after {position: absolute;top: 0;display: block;content: '';width:100%;height:100%;background:linear-gradient(0deg, rgba(24, 122, 16, 0.7) 100%, rgba(244, 122, 16, 0) 100%); transition: .3s;top: calc(100% - 50px);}
.card:hover .card__thumb::after { top: 0; }

.card__image { transition: .5s ease-in-out; }
.card__caption { padding:0px 30px; position: absolute;z-index: 1; color: white; transform: translateY(-50%); text-align: left; transition: .3s; top: calc(100% - 50px); transform: unset; }
.card__title { display: -webkit-box; overflow: hidden; font-size:18px; line-height: 50px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;width: 100%; height: 50px; }
.card:hover .card__title { background:none; font-size:24px}
.card__snippet { display:-webkit-box; overflow: hidden; font-size: 16px; line-height: 24px; text-overflow: ellipsis; transition: .5s ease-in-out; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin:15px 0px 26px 0px; }
.card__button {display: inline-block; padding: 8px 24px; color: white; font-size:16px; text-transform: uppercase; text-decoration: none; transition: .3s; color:#fff; background:#ed8a03 }
.card__button:hover { color:#0f8238; background: #fff; }

.team_swiper{position: relative; display: block !important;}
.team_swiper .swiper-slide{ padding: 0px; height: 370px; margin: 0; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; z-index: 10; background: #fff; }
#swiper-button-prev{ transition: 0.6s; z-index: 9999; opacity: 1; width:45px; height:54px; background: url(../images/prev.png) no-repeat; left:0px; top:170px }
#swiper-button-next{transition: 0.6s; z-index:9999; opacity: 1; width:45px; height:54px; background:url(../images/next.png) no-repeat; right:0; top:170px}
#swiper-button-prev:hover ,#swiper-button-next:hover { background-position:-45px 0px}
.team_swiper .swiper-slide:hover { background:#ed8a03;}

.team{ display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; position: relative; width:1240px; margin:0px auto}
.team a{ display: block; width: 100%; height: 100%; position: relative; }
.team .pic{ display: block; width: 374px; padding: 0; overflow: hidden; height: 265px; margin: 0px; }
.team .pic img{width: 100%; height: 100%; object-fit: cover;}
.team p { margin:15px 0px; display: block; padding-left: 20px; }
.team p.more {font-size:16px; color:#999;}
.team a:hover p {color:#fff}

.ind_news { width: 390px; margin-right: 35px; }
.ind_news:nth-child(3n) { margin-right:0px}
.ind_news li{ line-height: 35px; position: relative; background: url(../images/ind_icon.png) no-repeat 0px center; padding: 0px 50px 0px 15px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_news li span { position:absolute; font-size:14px; color:#999; right:0px; top:1px}
.ind_news li.img { padding:0px; background:none; width:100%; height:115px; overflow:hidden; margin-bottom:15px;}
.ind_news li.img img { width:100%; height:100%;}