* { font: 16px/1.5 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif'; margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
table, th, td, tr { border-collapse: collapse; border-spacing: 0; font-size: 16px;}
ol, ul { list-style: none;}
li { list-style-type: none;}
img { max-width: 100%; border: 0;}
.clear::after { content: ''; display: block; height: 0; overflow: hidden; clear: both;}
a { color: #292929; text-decoration: none;}
a:visited, a:hover, a:active { text-decoration: none;}
.fl { float: left;}
.fr { float: right;}

.icon { display: block; width: 100%; height: 100%;}

.cover, .cover1 { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.cover { width: 100%; height: 100%; object-fit: cover;}
.cover1 { max-width: 100%; max-height: 100%; margin: auto;}

a.facebook { background-color: #3366a7;}
a.instagram { background-color: #0165bb;}
a.titter { background-color: #1391de;}
a.youtube { background-color: #ff0016;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width: 0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color: #f6f6f6;}/* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb { background-color: #00793c;}
::-webkit-scrollbar-thumb:window-inactive { background-color: #00793c;}  /* 滚动条滑块点击状态 */


.w1600 { width: 1600px; margin: 0 auto;}
@media (max-width:1680px) {
  .w1600 { width: 94%;}
}


/*lyTop start*/
.lyTop { width: 100%; background-color: #fff; -webkit-box-shadow: 0 5px 5px rgb(0, 0, 0, .06); box-shadow: 0 5px 5px rgb(0, 0, 0, .06);}
.lyTop.fxd { position: fixed; left: 0; top: 0; z-index: 999;}
.lyTop a.lyLogo { display: block; height: 100px; margin: 10px 0; float: left;}
.lyTop.fxd a.lyLogo { height: 80px;}
.lyTop a.lyLogo img { max-height: 100%;}

.lyTop .lyHead { height: 50px; border-bottom: 1px solid #e8e8e8; float: right;}
.lyTop.fxd .lyHead { display: none;}
.lyHead p { height: 50px; line-height: 50px; color: #323232; font-size: 15px; margin-right: 25px; position: relative;}
.lyHead p i { display: block; width: 16px; height: 16px; margin: 17px 8px 17px 0; float: left;}
.lyHead p:first-child { padding-right: 25px;}
.lyHead p:first-child::after { content: ''; display: block; width: 1px; height: 14px; margin-top: -7px; background-color: #ccc; position: absolute; top: 50%; right: 0;}
.lyHead span.share { margin: 14px 20px 14px 0;}
.lyHead span.share a { display: inline-block; width: 22px; height: 22px; overflow: hidden; margin: 0 4px 0 0; padding: 4px; border-radius: 50%; vertical-align: top;}
.lyHead span.share a:hover { transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.lyHead .language { position: relative;}
.language a.lgBtn { display: flex; align-items: center; height: 50px;}
.language a.lgBtn img { display: block; width: 27px; margin-right: 6px;}
.language a.lgBtn i { display: block; width: 10px; height: 10px;}
.language a.lgBtn.close i { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
.language a.lgBtn:hover i svg path, .language a.lgBtn.close i svg path { fill: #00793c;}
.language ul { display: none; width: 88px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-radius: 2px; position: absolute; right: 0; top: 49px; z-index: 2;}
.language ul.show { display: block;}
.language ul li:first-child { border-bottom: 1px solid #e8e8e8;}
.language ul li a { display: block; padding: 10px; position: relative;}
.language ul li a:hover { background-color: #f5f5f5;}
.language ul li a img { display: block; width: 27px;}
.language ul li a i { display: block; width: 20px; height: 20px; margin-top: -10px; position: absolute; top: 50%; right: 10px;}
.language ul li a i svg path { fill: #cccccc;}
.language ul li.cur a i svg path, .language ul li:hover a i svg path { fill: #00793c;}

.lyNav { margin-top: 50px;}
.lyTop.fxd .lyNav { margin-top: 15px;}
.lyNav_list>ul { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;}
.lyNav_list>ul>li { position: relative;}
.lyNav_list>ul>li>a { display: block; height: 70px; overflow: hidden; line-height: 70px; color: #323232; font-size: 18px; padding: 0 25px; position: relative;}
.lyNav_list>ul>li:hover>a, .lyNav_list>ul>li.active>a { color: #00793c;}
.lyNav_list>ul>li>a::after { content: ''; display: none; width: 47px; height: 7px; overflow: hidden; margin-left: -23.5px; background: url(../images/navLine.png) center center no-repeat; position: absolute; bottom: 10px; left: 50%;}
.lyNav_list>ul>li:hover>a::after, .lyNav_list>ul>li.active>a::after { display: block;}

.lyNav_list>ul>li>i { display: block; width: 12px; height: 12px; margin-top: -7px; position: absolute; top: 50%; right: 25px;}
.lyNav_list>ul>li:hover>i svg path { fill: #00793c;}
.lyNav_list>ul>li ul { display: none; width: 140%; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0 5px 5px rgb(0, 0, 0, .06); box-shadow: 0 5px 5px rgb(0, 0, 0, .06); border-radius: 0 0 4px 4px; position: absolute; left: -20%; top: 100px; z-index: 2;}
.lyNav_list>ul>li:hover ul { display: block;}
.lyNav_list>ul>li ul li { border-bottom: 1px solid rgba(85, 87, 89, 0.1);}
.lyNav_list>ul>li ul li:last-child { border: 0;}
.lyNav_list>ul>li ul li a { display: block; height: 48px; overflow: hidden; line-height: 48px; color: #555; font-size: 14px; text-align: center; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}
.lyNav_list>ul>li ul li a:hover { color: #00793c;}
/*lyTop end*/


/*lyFooter start*/
.lyFooter { overflow: hidden; background: #0d2d56 url(../images/footBg.jpg) center top no-repeat;}

.lyFooter .lyFoot_main { padding: 80px 0 40px;}
.lyFoot_main .lyFoot_lxfs { width: 34%;}
.lyFoot_lxfs dl dd { min-height: 56px; margin-bottom: 40px; padding-left: 72px; position: relative;}
.lyFoot_lxfs dl dd i { display: block; width: 56px; height: 56px; padding: 12px; border: 2px solid #00793c; border-radius: 50%; position: absolute; left: 0; top: 0;}
.lyFoot_lxfs dl dd p { line-height: 2; color: #fff; font-size: 18px; padding-top: 10px;}
.lyFoot_lxfs dl dd:first-child p { line-height: 1; font-size: 40px; font-family: \5FAE\8F6F\96C5\9ED1; font-weight: bold; padding-top: 8px;}
.lyFollow span { display: block; line-height: 1; color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.lyFollow p a { display: block; width: 36px; height: 36px; padding: 9px; border-radius: 50%; margin-right: 16px; float: left;}
.lyFollow p a:hover { transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}

.lyFoot_main .lyFoot_nav { width: 66%; padding-left: 80px;}
.lyFoot_nav ul { display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 -20px;}
.lyFoot_nav ul li { max-width: 33.333333%; padding: 0 20px;}
.lyFoot_nav ul li p { line-height: 1.2; color: #fff; font-size: 25px; margin-bottom: 20px;}
.lyFoot_nav ul li a { display: block; max-width: 100%; overflow: hidden; line-height: 2.8; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding-left: 20px; position: relative;}
.lyFoot_nav ul li a i { display: block; width: 10px; height: 10px; margin-top: -5px; position: absolute; left: 0; top: 50%;}
.lyFoot_nav ul li a:hover { color: #00793c;}
.lyFoot_nav ul li a:hover i svg path { fill: #00793c;}

.lyFooter .lyFoot_copy { padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, .15);}
.lyFoot_copy p { line-height: 2; color: rgba(255, 255, 255, .65); font-size: 15px;}
.lyFoot_copy p a { color: rgba(255, 255, 255, .65); font-size: 15px;}
.lyFoot_copy p a:hover { color: #fff;}
/*lyFooter end*/


.totop { width: 56px; height: 56px; padding: 18px; background-color: #00793c; border-radius: 8px; position: fixed; bottom: 9%; right: 20px; z-index: 99; cursor: pointer;}


a.lyMore { display: block; width: 232px; height: 60px; overflow: hidden; line-height: 56px; color: #00793c; font-size: 20px; text-align: center; border: 2px solid #00793c; border-radius: 8px;}
a.lyMore i { display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin: -4px 0 0 20px;}
a.lyMore:hover { color: #fff; background-color: #00793c;}
a.lyMore:hover i { margin: -4px 0 0 30px;}
a.lyMore:hover i svg path { fill: #ffffff;}
a.lyMore1 { color: #fff; background-color: #00793c;}


@media (max-width:1680px) {}

@media (max-width:1600px) {}

@media (max-width:1560px) {}

@media (max-width:1440px) {}

@media (max-width:1366px) {}

@media (max-width:1280px) {}

@media (max-width:1200px) {}

@media (max-width:1080px) {

  .lyTop .lyNav { width: auto; float: right;}
  .lyNav .lyNav_list { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: -100%; z-index: 9999;}
  .lyNav .lyNav_list.open { left: 0;}
  .lyNav_list>ul { width: 50%; height: 100%; background-color: #fff; position: relative; z-index: 9999; display: block; align-items: inherit; justify-content: inherit; }  
  .lyNav_list>ul>li { padding: 0;}
  .lyNav_list>ul>li a { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px; text-align: left; padding: 0 60px 0 30px; border-bottom: 1px solid rgba(85, 87, 89, 0.1);}
  .lyNav_list>ul>li:hover>a, .lyNav_list>ul>li.active>a { border-bottom: 1px solid #00793c;}
  .lyNav_list>ul>li i { display: block; width: 60px; height: 60px; margin: 0; padding: 22px; position: absolute; top: 0; right: 0;}
  .lyNav_list>ul>li i.on { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
  .lyNav_list>ul>li i.on svg path { fill: #00793c;}
  .lyNav_list>ul>li ul { width: 100%; padding: 0 30px; border-radius: 0; box-shadow: none; border-bottom: 1px solid rgba(85, 87, 89, 0.1); position: inherit; left: inherit; top: inherit;}
  .lyNav_list>ul>li:hover>em, .lyNav_list>ul>li.active>em { display: none;}
  .lyNav_list>ul>li ul li a { height: 48px; line-height: 48px; text-align: left; border: 0; padding: 0 0 0 14px; position: relative;}
  .lyNav_list>ul>li ul li a::before { content: ''; display: block; width: 4px; height: 4px; margin-top: -2px; background-color: #00793c; position: absolute; left: 0; top: 50%;}
  .lyNav .lyNav_btn { display: block; width: 44px; height: 44px; margin: 18px 0; padding: 14px 12px; background-color: #00793c; border-radius: 4px;}
  .lyNav_btn i { display: block; height: 2px; background-color: #fff; margin: 5px 0;}
  .lyNav_btn::before, .lyNav_btn::after { content: ''; display: block; height: 2px; background-color: #fff;}  
  .lyNav_list .lyNav_mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 9998;}

}

@media (max-width:1024px) {}

@media (max-width:920px) {}

@media (max-width:820px) {}

@media (max-width:767px) {}
  
@media (max-width:390px) {}

@media (max-width:320px) {}

@media (max-width:280px) {}