﻿@charset "utf-8";
/* CSS Document */

/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; max-width: 1920px; font:14px/1.4 "Microsoft Yahei"; font-weight: 500; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
li{ list-style:none;}
i,em{ font-style:normal;}
/* .fl{float:left;}
.fr{ float:right;} */
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0;}
img{ vertical-align:middle; border:none; max-width:100%;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.wrapper{ width: 1200px; margin: 0 auto; }
input,textarea,select{ font-size: 14px; font-family: 'Microsoft Yahei'; color: #666; font-weight: 500;}
input:focus,textarea:focus,select:focus{ outline: none;}



.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.over2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; justify-content: center; align-items: center;}
.disFlexs{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

/* img 动画效果 */
.scale12{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}

/* banner */
.banner{ align-items: flex-start; justify-content: center; position: relative; z-index: 10; height: 400px;}
.banner .bantxt{ align-items: flex-end; padding-top: 54px;}
.banner .bantxt .logo{ width: 907px; height: 124px;}
.searinp{ margin-top: 13px; width: 766px; height: 51px; border-radius: 10px; overflow: hidden; background-color: #fff;}
.searinp .inp{ width: 100%; padding: 0 20px; height: 100%; font-size: 16px; border: 0 none;}
.searinp .btn{ width: 54px; height: 51px; background: url(../img/sear-icon.png) rgba(16, 124, 116, 0.13) no-repeat center / 25px auto; border: 0 none; cursor: pointer;}

.nav{ position: relative; z-index: 1000; width: 100%; height: 60px; background-color: #107C74;}
.nav li{ position: relative; z-index: 1; width: 154px;}
.nav li > a{ width: 154px; line-height: 60px; font-size: 22px; text-align: center; color: #fff;}
.nav li.active > a,
.nav li:hover > a{ background: url(../img/nav-bg.jpg) no-repeat center;}
.nav li .drop{ position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; background-color: #DBDBDB; display: none;}
.nav li:hover .drop{ display: block;}
.nav li .drop a{ display: block; line-height: 50px; text-align: center; font-size: 18px; color: #000;}
.nav li .drop a:hover{ background-color: #16A863; color: #fff;}


.icont{ padding: 0.1px 0; background-color: #F3F4F6;}
.inews{ align-items: unset; margin-top: 20px; border-radius: 5px; overflow: hidden;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border: 1px solid rgba(112,112,112,0.25);}
.inewswiper{ width: 50%;}
.inewswiper img{ width: 100%; height: 510px; object-fit: cover;}
.inewswiper p{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; line-height: 40px; font-size: 16px; color: #fff; background-color: rgba(165,165,165,0.42); padding: 0 160px 0 30px; box-sizing: border-box;}
.inewswiper p::before{ content: ''; position: absolute; top: 11px; left: 20px; z-index: 1; width: 3px; height: 18px; background-color: #107C74;}
.inewswiper .swiper-pagination{ text-align: right;}
.inewswiper .swiper-pagination-bullet{ width: 15px; height: 15px; margin: 0 10px !important; background-color: #fff !important; opacity: 1 !important; border: 1px solid #707070 !important;}
.inewswiper .swiper-pagination-bullet-active{ background-color: #107C74 !important;}
.inewsr{ width: 50%; padding: 0 20px; box-sizing: border-box; background-color: #fff;}
.listimg{ margin-top: 20px;}
.listimg .item{ position: relative; z-index: 1; width: 270px; height: 93px; border-radius: 5px; overflow: hidden; font-size: 20px; color: #107C74;}
.listimg .item img{ width: 100%; height: 100%; object-fit: cover;}
.listimg .item:hover img{ opacity: 0.5;}
.listimg .item .sm{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; text-align: center; font-weight: bold; padding: 0 10px; box-sizing: border-box; display: none;}
.listimg .item:hover .sm{ display: flex;}

.inewsr .tab{ margin-top: 5px; border-bottom: 1px solid #707070;}
.inewsr .tab .item{ position: relative; z-index: 1; line-height: 45px; margin-right: 30px; color: #000; font-size: 22px; cursor: pointer;}
.inewsr .tab .item.active::after{ content: ''; position: absolute; bottom: -3px; left: 0; z-index: 10; width: 100%; border-bottom: 5px solid #107C74;}
.inewsr .tab .item.active{ font-weight: bold; color: #107C74;}
.inewsr .tab .more{ font-size: 18px; color: #107C74;}
.ilist{}
.ilist .name{ padding-left: 20px; width: calc(100% - 80px);}
.ilist .name::before{ content: ''; position: absolute; top: 8px; left: 0px; z-index: 10; width: 10px; height: 10px; border-radius: 50%; background-color: #107C74;}
.ilist a{ position: relative; z-index: 1; margin-top: 21px; font-size: 18px; color: #000;}
.ilist a .date{ color: #9C9C9C;}
.ilist a:hover{ color: #107C74;}

.itj{ margin-top: 22px; overflow: hidden; border-radius: 5px;}

.iblock{ flex-wrap: wrap; padding-bottom: 13px;}
.iblock .module{ margin-top: 20px; background-color: #fff; overflow: hidden; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); border-radius: 5px 5px 5px 5px; border: 1px solid rgba(112,112,112,0.25);}
.iblock .module .ititle{ position: relative; z-index: 1; height: 60px; padding: 0 18px; border-bottom: 1px solid #107C74;}
.iblock .module .ititle .fl{ padding-left: 47px; font-size: 22px; font-weight: bold; color: #107C74;}
.iblock .module .ititle .fl img{ position: absolute; top: 0; bottom: 0; left: 18px; z-index: 10; margin: auto 0;}
.iblock .module .ititle .fr{ font-size: 18px; color: #107C74;}

.w400{ width: 400px;}
.w360{ width: 360px;}
.w820{ width: 820px;}
.h550{ height: 450px;}
.h394{ height: 394px;}
.imodulenr{  padding: 12px 16px 21px;}
.imodulenr .info{ align-items: unset;}
.imodulenr .info img{ width: 154px; height: 93px; object-fit: cover; border-radius: 5px;}
.imodulenr .info .fr{ justify-content: space-between; align-items: flex-end; width: calc(100% - 170px);}
.imodulenr .info .fr .name{ width: 100%; font-size: 18px; font-weight: bold; color: #107C74;}
.imodulenr .info .fr .date{ font-size: 18px; color: #9C9C9C;}
.imodulenr .gg img{ width: 100%; height: 93px; object-fit: cover; border-radius: 5px;}

.iblock .module.red .ititle{ border-color: #EB5757;}
.iblock .module.red .ititle > *{ color: #EB5757;}
.iblock .module.red .ilist .name::before{ background-color: #EB5757;}
.iblock .module.red .ilist a:hover{ color: #EB5757;}

.imodulenr .ilist:nth-child(1){ margin-top: -15px;}

.ihyfc{ position: relative; z-index: 1; padding: 0 45px; margin-top: 20px;}
.ihyfc .pic{ width: 100%; height: 145px; overflow: hidden; border-radius: 5px;}
.ihyfc .name{ font-size: 18px; color: #107C74; text-align: center; font-weight: bold; margin-top: 16px;}
.ihyfc .namered{ font-size: 18px; color: #EB5757; text-align: center; font-weight: bold; margin-top: 16px;}
.ihyfc .sm{ margin-top: 20px; -webkit-line-clamp: 3; line-height: 30px; font-size: 16px; color: #000; text-align: justify;}
.ihyfc .swiper-button-next::after{ content: ''; width: 20px; height: 35px; background: url(../img/arr-r.png) no-repeat center;}
.ihyfc .swiper-button-prev::after{ content: ''; width: 20px; height: 35px; background: url(../img/arr-l.png) no-repeat center;}

.link{ width: 100%; padding-bottom: 20px;}
.link .linklist{ flex-wrap: wrap; justify-content: flex-start; padding: 0 19px;}
.link .linklist a{ margin-top: 20px;}
.link .linklist a img{ width: 100%; height: 66px; overflow: hidden; border-radius: 5px;}
.link .linklist a:not(:nth-child(4n+4)){ margin-right: 20px;}


/* foot */
.foot{ padding: 38px 0 30px; background-color: #107C74; font-size: 18px; color: #fff;}
.foot .fl{ width: calc(100% - 165px);}
.foot .info{ line-height: 40px;}
.foot .info span{ margin-right: 20px;}
.foot .footnav{ justify-content: flex-start; margin-top: 35px;}
.foot .footnav a{ font-size: 18px; color: #fff;}
.foot .footnav i{ margin: 0 20px; width: 0px; height: 25px; border-left: 2px solid #FFFFFF;}
.foot .ewm{ width: 144px;}
.foot .ewm img{ width: 100%;}
.foot .ewm p{ margin-top: 10px; text-align: center;}


.ncont{ padding: 20px 0; background-color: #F3F4F6;}
.ncont > .wrapper{ align-items: unset;}
.ncont .ncontl{ width: 300px; min-height: 500px; background-color: #fff; border-radius: 5px; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); overflow: hidden;}
.ncont .ncontr{ width: 880px; background-color: #fff; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); border-radius: 5px; padding: 0 20px 38px 20px; box-sizing: border-box;}
.ncont .ncontl .title{ height: 86px; background-color: #107C74;}
.ncont .ncontl .title p{ margin-left: 32px; font-size: 25px; font-weight: bold; color: #fff;}
.ncont .submenu .item{ position: relative; z-index: 1; display: block; line-height: 70px; padding: 0 31px 0 35px; font-size: 22px; color: #777777; border-bottom: 1px solid #B9B9B9;}
.ncont .submenu .item::after{ content: '>'; position: absolute; top: 0; right: 21px; z-index: 1; width: 10px; height: 17px; margin: auto; color: #107C74; font-family: '宋体'; font-weight: 900;}
/* .ncont .submenu .item::before{ content: '>'; position: absolute; top: 0; right: 21px; z-index: 1; width: 10px; height: 17px; margin: auto 0; color: #107C74; font-family: '宋体'; font-weight: 900;} */
.ncont .submenu .item:hover,
.ncont .submenu .item.active{ color: #107C74; font-weight: bold;}
.ncont .submenu .item:hover::before,
.ncont .submenu .item.active::before{ content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 5px; height: 100%; background-color: #107C74;}

.ncont .ncontr .title{ height: 85px; border-bottom: 1px solid #B9B9B9;}
.ncont .ncontr .title .fl p{ font-size: 22px; font-weight: bold; color: #107C74; margin-left: 20px;}
.ncont .ncontr .title .fr{ font-size: 16px; color: #B9B9B9;}
.ncont .ncontr .title .fr a{ color: #B9B9B9;}
.ncont .ncontr .title .fr a:last-child{ color: #107C74;}

.newlist{}
.newlist .name{ padding-left: 20px; width: calc(100% - 180px);}
.newlist .name::before{ content: ''; position: absolute; top: 8px; left: 0px; z-index: 10; width: 10px; height: 10px; border-radius: 50%; background-color: #107C74;}
.newlist a{ position: relative; z-index: 1; margin-top: 21px; font-size: 18px; color: #000;}
.newlist a .date{ color: #9C9C9C;}
.newlist a:hover{ color: #107C74;}

.m-page{ margin-top: 115px;}
.m-page a{ min-width: 35px; line-height: 35px; padding: 0 5px; text-align: center; box-sizing: border-box; border: 1px solid #9C9C9C; border-radius: 5px; margin: 0 10px; color: #000; font-size: 18px;}
.m-page a:hover,
.m-page a.z-crt{ background-color: #107C74; color: #fff;}
.m-page a.pageprv,
.m-page a.pagenxt{ padding: 0 15px;}


/* viplist */
.viplist{ flex-wrap: wrap; justify-content: flex-start;}
.viplist .item{ margin-top: 20px; width: 266px;}
.viplist .item:not(:nth-child(3n+3)){ margin-right: 21px;}
.viplist .item .pic{ width: 100%; height: 173px; overflow: hidden; border-radius: 5px;}
.viplist .item .pic img{ width: 100%; height: 100%; object-fit: cover;}
.viplist .item p{ margin-top: 12px; font-size: 18px; color: #107C74; font-weight: bold;}

/* about */
.about{ padding-top: 20px;}
.about > h5{ font-size: 16px; color: #030303; text-align: center;}
.about .txt{ margin-top: 20px; line-height: 30px; font-size: 16px; color: #030303; text-align: justify;}
.about .txt img{ height: auto !important;}














