@charset "utf-8";
html,body {  font-family: 'Microsoft YaHei', '微软雅黑', 'arial', '宋体';background-color: #fff; font-weight: 400; background-color:#FFF; }
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,blockquote,th,td,pre,xmp{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}    
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu,li{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
.clearfix::after{content: ''; display: block; height: 0;clear: both;overflow: hidden; visibility: hidden;}
a:hover,a:active { text-decoration: none; color: #009e7f;}
a {color: #000;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
/*缩小*/
.img-enlarge {overflow: hidden;}
.img-enlarge img {cursor: pointer; transition: all 0.6s;}
.img-enlarge:hover img{  transform: scale(0.9);}
/*放大*/
.img-big {overflow: hidden;}
.img-big img {cursor: pointer; transition: all 0.6s; width: 100%; }
.img-big:hover img{  transform: scale(1.1);}
/*放大*/
.round {-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.round15 {-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:159px;-moz-border-radius:15px;border-radius:15px;}
.round5 {-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.round20 {-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
/*弹性盒*/
.flexBetween  {justify-content:space-between;display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;}
.flexStart  {justify-content:flex-start;display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;}
.flexCenter  {justify-content:center;display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;}
.flexLeft  {justify-content:left;display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;}

/*滑动颜色*/
.a_change_color  {position: relative;cursor: pointer;} 
.a_change_color:after,.a_change_color:before  {  content: ''; position: absolute;background: #5c8c47; left: 0;  top: 0; width: 0; height: 100%;  z-index:-2; -webkit-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-moz-border-radius:19px;border-radius:19px;}
.a_change_color:hover {z-index:1; background:transparent; }	
.a_change_color:before { background: #4e783c; z-index:-1;transition:width 0.5s  linear;-moz-transition:width 0.5s   linear; -webkit-transition:width 0.5s   linear; -o-transition:width 0.5s  linear ; }  	
.a_change_color:hover:after,.a_change_color:hover:before { width: 100%; }     
.index_banner_txt .txt .a_change_color:hover a { color: #000;}


.more_m_b { width: 125px; line-height: 35px; text-align: center; height: 35px; background-color: #009e7f;  transition: background-color 0.5s ease; /* 过渡效果 */}
.more_m_b  a { color: #fff; font-size: .8em;}
.more_m_b:hover {   background-color: #0c66a9; /* 鼠标移入后的颜色 */}

.swiper {
    --swiper-theme-color: #f2e3ab;
    --swiper-pagination-color: #009e7f;
    /* 两种都可以 */
}

.Thumbnail .active { background-color: #000;}

/*分页*/
#pages { 
    text-align: center; margin-top: 40PX;
}

#pages li {
    margin: 0 2px; width: auto;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px; color: #333;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #009e7f;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #009e7f;
}

#pages li:hover a {
    color: #fff;
}