html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  background-color: #f2f2f2;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  -webkit-overflow-scrolling: touch;
}
a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
}
a:hover {
  transition: all 300ms linear;
  color: #299b6d;
}
.topbar {
  font-size: 12px;
  padding: 2vw;
}
.topbar .toptool {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topbar .links {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.topbar .links a {
  font-size: 12px;
  margin-left: 2vw;
}
header {
  background-color: #fff;
}
header .header {
  padding: 2vw;
  display: flex;
}
header .header h1 {
  width: 40vw;
}
header .header h1 a {
  display: block;
  width: 100%;
}
header .header h1 a img {
  display: block;
  width: 100%;
}
header .header .icon {
  display: none;
}
header .header dl {
  display: none;
}
header .header ul {
  padding-left: 2vw;
  padding-top: 1vw;
}
header .header ul .li_1 {
  font-size: 14px;
  font-weight: 300;
  text-align: right;
  color: #279368;
}
header .header ul .li_2 {
  padding-top: 2vw;
  font-size: 14px;
  font-weight: 300;
  text-align: right;
  color: #666;
}
header .tel {
  flex: 1;
}
nav .menu {
  width: 100vw;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  justify-content: space-between;
  scroll-behavior: smooth;
}
nav .menu::-webkit-scrollbar {
  display: none;
}
nav .menu li {
  width: 25vw;
  flex: auto;
}
nav .menu li > a {
  width: 25vw;
  height: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background-color: #299b6d;
  color: #fff;
  position: relative;
}
nav .menu li > a::after {
  content: " ";
  position: absolute;
  height: 100%;
  right: 0;
  width: 1px;
  height: 8vw;
  top: 1vw;
  opacity: 0.3;
  background-image: linear-gradient(#999, #fff, #999);
}
nav .menu li dl {
  display: none;
}
#banner .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
}
#banner .swiper-slide a img {
  height: 40vw;
}
#banner .swiper-slide.swiper-slide-active {
  z-index: 999;
}
.swiper-button-prev {
  color: #279368 !important;
  background: none!important;
  position: relative;
}

.swiper-button-next {
  color: #279368 !important;
  background: none!important;
  position: relative;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #299b6d;
}
.taglist {
  display: flex;
  padding: 2vw;
  align-items: center;
  font-size: 12px;
  background-color: #fff;
}
.taglist a {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 300;
}
#boxhot {
  padding: 2vw;
}
#boxhot .left dl {
  margin-bottom: 2vw;
}
#boxhot .left dl dt {
  padding-top: 2vw;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #299b6d;
  padding-bottom: 2vw;
}
#boxhot .left dl dd {
  color: #999;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
#boxhot .left ul {
  flex-wrap: wrap;
  margin-bottom: 2vw;
  justify-content: center;
  display: none;
}
#boxhot .left ul li {
  width: 25%;
}
#boxhot .left ul li a {
  background-color: #299b6d;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 300;
  justify-content: center;
  padding: 3vw 0;
}
#boxhot .left strong {
  display: none;
}
#boxhot .right {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#boxhot .right .libox {
  width: 47vw;
  margin-right: 2vw;
  margin-bottom: 2vw;
}
#boxhot .right .libox .img {
  width: 47vw;
  display: block;
}
#boxhot .right .libox .img img {
  display: block;
  width: 47vw;
  height: 31vw;
}
#boxhot .right .libox:nth-child(2n) {
  margin-right: 0;
}
#boxhot .right .libox:nth-child(5),
#boxhot .right .libox:nth-child(6) {
  margin-bottom: 0;
}
#boxhot .right .libox dl dt {
  background-color: #fff;
}
#boxhot .right .libox dl dt a {
  justify-content: center;
  display: flex;
  font-size: 12px;
  padding: 3vw 0;
}
#boxhot .right .libox dl dd {
  display: none;
}
.secondbanner {
  height: 40vw;
  background: url(../images/sbanner.jpg) center center no-repeat;
  background-size: auto 100% ;
  position: relative;
}
.secondbanner .tbox {
  width: 100%;
  height: 100%;
  background-color: #299b6d;
  opacity: 0.9;
}
.secondbanner dl {
  position: absolute;
  text-align: center;
  z-index: 999;
  top: 0;
  padding-top: 60px;
  width: 100%;
}
.secondbanner dl dt {
  color: #fff;
  padding-bottom: 2vw;
  font-size: 22px;
  font-weight: bold;
  width: 100%;
}
.secondbanner dl dd {
  width: 100%;
  padding-top: 2vw;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
}
.avantages h2 {
  text-align: center;
}
.avantages h2 dl {
  padding: 3vw 0 0;
}
.avantages h2 dt {
  font-size: 22px;
  font-weight: bold;
  color: #299b6d;
}
.avantages h2 dd {
  font-size: 14px;
  padding-top: 2vw;
  color: #999;
  font-weight: 300;
}
.avantages .more {
  display: flex;
  justify-content: center;
}
.avantages .more a {
  background-color: #299b6d;
  color: #fff;
  padding: 2vw 3vw;
  font-size: 14px;
}
.avantagebox {
  display: flex;
  flex-wrap: wrap;
  padding: 2vw;
  justify-content: space-between;
}
.avantagebox dl {
  margin-bottom: 2vw;
  box-sizing: border-box;
  padding: 3vw;
  width: 47vw;
  background-color: #fff;
}
.avantagebox dl dt {
  color: #279368;
  font-size: 16px;
  padding-bottom: 3vw;
  font-weight: bold;
}

 .avantagebox dl em {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #37407b;
}
.avantagebox dl dd {
    font-size: 20px;
    color: #e70012;
    font-family: Arial;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
}
.avantagebox dl dd i {
    font-size: 16px;
    font-family: "Microsoft Yahei";
    color: #666;
	font-style: normal;
}
.avantagebox dl span {
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    color: #37407b;
    display: block;
	line-height:34px;
}
/*.avantagebox dl .pinfo {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 2vw;
  color: #999;
  font-weight: 300;
}
.avantagebox dl .pimg img {
  width: 100%;
  padding: 1vw;
  background-color: #f2f2f2;
  box-sizing: border-box;
  border: 1px solid #299b6d;
  height: auto;
  display: block;
  border-radius: 50%;
}*/
.about {
  margin-top: 2vw;
  overflow: hidden;
}
.about .abtitle {
  padding-bottom: 2vw;
  background-color: #fff;
}
.about .abtitle h4 {
  font-size: 22px;
  padding-top: 3vw;
  font-weight: bold;
  text-align: center;
  color: #299b6d;
}
.about .abtitle p {
  font-size: 14px;
  padding-top: 2vw;
  color: #999;
  text-align: center;
  font-weight: 300;
}
.infobox {
  background-color: #fff;
  display: flex;
  padding: 0 2vw 2vw 2vw;
}
.infobox .left {
  width: 48vw;
  box-sizing: border-box;
  padding-right: 1vw;
}
.infobox .left img {
  width: 100%;
  display: block;
}
.infobox .right {
  width: 48vw;
  padding-left: 1vw;
  font-size: 12px;
  line-height: 1.6;
  text-align: justify;
  height: 32vw;
  vertical-align: top;
  overflow-y: auto;
  font-weight: 300;
  color: #666;
}
.news .title {
  text-align: center;
}
.news .title dl {
  padding: 3vw 0 0;
}
.news .title dt {
  font-size: 22px;
  font-weight: bold;
  color: #299b6d;
}
.news .title dd {
  font-size: 14px;
  padding-top: 2vw;
  color: #999;
  font-weight: 300;
}
.askbox {
  margin: 2vw;
}
.askbox .box {
  margin-bottom: 2vw;
  padding: 3vw 2vw 1vw;
  background-color: #fff;
}
.askbox .box .img span {
  color: #299b6d;
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding-bottom: 2vw;
}
.askbox .box .img img {
  display: none;
}
.askbox .box ul li.title {
  padding: 2vw 0;
  margin-bottom: 2vw;
  border-bottom: 1px dotted #ddd;
  overflow: hidden;
}
.askbox .box ul li.title:last-child {
  border-bottom: none;
}
.askbox .box ul li.title a {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
/*  width: 45vw;*/
  font-size: 12px;
}
.askbox .box ul li.title .info {
  float: right;
  font-size: 12px;
  color: #999;
  font-weight: 300;
}
footer .menu {
  width: 100vw;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  justify-content: space-between;
  scroll-behavior: smooth;
}
footer .menu::-webkit-scrollbar {
  display: none;
}
footer .menu li {
  width: 25vw;
  flex: auto;
}
footer .menu li > a {
  width: 25vw;
  height: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background-color: #299b6d;
  color: #fff;
  position: relative;
}
footer .menu li > a::after {
  content: " ";
  position: absolute;
  height: 100%;
  right: 0;
  width: 1px;
  height: 8vw;
  top: 1vw;
  opacity: 0.3;
  background-image: linear-gradient(#999, #fff, #999);
}
footer .menu li dl {
  display: none;
}
footer .main {
  display: flex;
  padding: 2vw;
  flex-wrap: wrap;
  background-color: #f2f2f2;
  align-items: center;
  justify-content: center;
}
footer .main .left {
  width: 30vw;
  display: none;
}
footer .main .left a {
  display: block;
}
footer .main .left a img {
  display: block;
}
footer .main .cent {
  flex: 1;
}
footer .main .cent ul li {
  font-size: 12px;
  padding-bottom: 2vw;
}
footer .main .right {
  width: 20vw;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
footer .main .right img {
  width: 20vw;
}
.flinks {
  display: none;
}
#bannerinner {
  height: 35vw;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#bannerinner img {
  height: 35vw;
}
.container .left .box .tbox:first-child h2 {
  padding-top: 3vw;
  font-size: 22px;
  font-weight: bold;
  color: #279368;
  text-align: center;
  margin-bottom: 2vw;
}
.container .left .box .tbox:first-child ul {
  margin: 0 1vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container .left .box .tbox:first-child ul li {
  width: 27vw;
  margin: 0 2vw 2vw;
}
.container .left .box .tbox:first-child ul li a {
  flex: 1;
  padding: 2vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #279368;
  color: #fff;
  font-size: 12px;
}
.container .left .box .tbox:last-child {
  display: none;
}
.container .right .bread {
  display: flex;
  align-items: center;
  padding: 2vw;
  font-size: 12px;
  font-weight: 300;
}
.container .right .bread a {
  font-size: 12px;
  margin: 0 2vw;
}
.container .right .newsbox {
  margin: 0 2vw;
  padding: 2vw;
  background-color: #fff;
}
.container .right .newsbox dl {
  padding-bottom: 2vw;
  padding-top: 2vw;
  border-bottom: 1px dotted #ddd;
}
.container .right .newsbox dl:last-child {
  border-bottom: none;
}
.container .right .newsbox dl dt {
  padding-bottom: 2vw;
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
}
.container .right .newsbox dl dt strong {
  background-color: #279368;
  color: #fff;
  font-size: 12px;
  padding: 1.5vw 2vw;
}
.container .right .newsbox dl dt em {
  background-color: #2dab78;
  color: #fff;
  font-size: 12px;
  padding: 1.5vw 2vw;
}
.container .right .newsbox dl .desc {
  padding-bottom: 2vw;
}
.container .right .newsbox dl .desc a {
  padding-bottom: 2vw;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.container .right .newsbox dl .desc p {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}
.container .right .newsbox dl .more {
  display: flex;
  justify-content: flex-end;
}
.container .right .newsbox dl .more a {
  padding: 1vw 2vw;
  color: #fff;
  background-color: #999;
  font-size: 12px;
  font-weight: 300;
}
.container .list_images {
  padding: 2vw 2vw 0 2vw;
  margin: 2vw;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
}
.container .list_images .libox {
  width: 45vw;
  margin-right: 2vw;
  margin-bottom: 2vw;
}
.container .list_images .libox:nth-child(2n) {
  margin-right: 0;
}
.container .list_images .libox * {
  max-width: 100%;
}
.container .list_images .libox .img {
  width: 45vw;
  height: 31vw;
  display: block;
}
.container .list_images .libox .img img {
  width: 45vw;
  height: 31vw;
  display: block;
}
.container .list_images .libox dl dd {
  display: none;
}
.container .list_images .libox dl dt {
  width: 45vw;
}
.container .list_images .libox dl dt a {
  padding: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: #f2f2f2;
}
.fy {
  margin: 2vw;
  box-sizing: border-box;
  padding: 2vw;
  background-color: #fff;
  width: 96vw;
}
.fy .pagination {
  width: 92vw;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  justify-content: flex-start;
  scroll-behavior: smooth;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.fy .pagination::-webkit-scrollbar {
  display: none;
}
.fy .pagination li {
  display: flex;
  width: 10vw;
  height: 10vw;
  background-color: #f2f2f2;
  margin-right: 1px;
}
.fy .pagination li:last-child {
  margin-right: 0;
}
.fy .pagination li a,
.fy .pagination li span {
  width: 10vw;
  height: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.fy .pagination li.active {
  background-color: #279368;
  color: #fff;
}
.smbox {
  padding: 2vw;
  margin: 2vw;
  background-color: #fff;
}
.smbox .title strong {
  display: flex;
  margin-bottom: 2vw;
  color: #279368;
  font-size: 16px;
  font-weight: bold;
}
.smbox .newul li {
  display: flex;
  justify-content: space-between;
}
.smbox .newul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50vw;
  font-size: 12px;
  padding: 2vw 0;
}
.smbox .newul li span {
  padding: 2vw 0;
  font-size: 12px;
  color: #999;
  font-weight: 300;
}
.smbox .imgul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.smbox .imgul li {
  width: 45vw;
  margin-right: 2vw;
  margin-bottom: 2vw;
}
.smbox .imgul li a {
  display: block;
  width: 45vw;
  height: auto;
}
.smbox .imgul li a img {
  display: block;
  width: 45vw;
  height: 30vw;
}
.smbox .imgul li:nth-child(2n) {
  margin-right: 0;
}
.smbox .imgul li:nth-child(3),
.smbox .imgul li:nth-child(4) {
  margin-bottom: 0;
}
.smbox .imgul li * {
  max-width: 100%;
}
.smbox .imgul li span {
  background-color: #f2f2f2;
  padding: 2vw 1vw;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article {
  padding: 4vw;
  margin: 2vw;
  background-color: #fff;
}
.article img{ width:100%;}
.article h3 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 4vw;
}
.article .info {
  font-size: 12px;
  padding-bottom: 2vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.5;
}
.article .info em,
.article .info a {
  font-size: 12px;
  color: #279368;
}
.article article {
  padding: 2vw 0;
  font-size: 14px;
  line-height: 1.5;
}
.article > ul {
  padding: 2vw;
  background-color: #f2f2f2;
}
.article > ul li {
  padding: 1vw 0;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article > ul li a {
  color: #279368;
}