* { 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%;}
}

.w1400 { width: 1400px; margin: 0 auto;}
@media (max-width:1440px) {
  .w1400 { 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: 22px; 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: auto; overflow: hidden; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-radius: 2px; position: absolute; right: 0; top: 49px; z-index: 999;}
.language ul.show { display: block;}
.language ul li a { display: block; line-height: 22px; color: #555; font-size: 14px; word-break: keep-all; -webkit-word-break: keep-all; padding: 10px 10px 10px 40px; position: relative;}
.language ul li a span { font-size: 14px;}
.language ul li a:hover, .language ul li.cur a { color: #00793c; background-color: #f5f5f5;}
.language ul li a img { display: block; width: 22px; height: 22px; position: absolute; left: 10px; top: 10px;}

.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/webp/footBg.webp) 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: 999; cursor: pointer;}


a.lyMore { display: block; width: 220px; 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: 20px; height: 20px; 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;}


/*nyBanner start*/
.nyBanner { height: 550px; overflow: hidden; position: relative;}
.nyBanner .nyBa_text { width: 100%; margin-top: -50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyBa_text .w1400 { padding-right: 35%;}
.nyBa_text p { line-height: 1; color: #fff; font-size: 72px; font-weight: bold;}
.nyBa_text i { display: block; width: 50px; height: 5px; background-color: #00793c; margin: 20px 0 30px;}
.nyBa_text span { display: block; line-height: 1.5; color: #fff; font-size: 24px;}
/*nyBanner end*/

/*nyLocation start*/
.nyLocation { overflow: hidden; margin: -70px auto 0; padding: 20px 38% 20px 30px; position: relative; z-index: 1;}
.nyLocation em { display: block; width: 22px; height: 22px; overflow: hidden; margin-top: -11px; position: absolute; left: 0; top: 50%;}
.nyLocation p { height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 18px; text-decoration: underline; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis;}
.nyLocation p a { display: inline-block; line-height: 30px; color: rgba(255, 255, 255, .45); font-size: 18px; text-decoration: underline; text-transform: capitalize; vertical-align: top;}
.nyLocation p a:hover { color: #fff;}
.nyLocation p i { display: inline-block; width: 12px; height: 30px; overflow: hidden; margin: 0 6px; vertical-align: top; opacity: .45;}

.proLocation { margin: 0 auto 30px; padding: 0 0 0 30px;}
.proLocation p a { color: #999;}
.proLocation p, .proLocation p a:hover { color: #00793c;}
.proLocation p i { opacity: 1;}
/*nyLocation end*/

.nyTitle { line-height: 1.2; color: #222; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 48px; font-weight: bold; text-transform: capitalize; margin-bottom: 50px;}
.nyTitle1 { color: #fff;}
.nyTitle2 { text-align: center;}

.nyMenu { overflow: hidden; background-color: #f8f8f8; text-align: center;}
.nyMenu a { display: inline-block; height: 80px; overflow: hidden; line-height: 40px; color: #555; font-size: 24px; margin: 0 40px; padding: 20px 0; position: relative; vertical-align: top;}
.nyMenu a:hover, .nyMenu a.cur { color: #00793c;}
.nyMenu a:hover::before, .nyMenu a.cur::before { content: ''; display: block; width: 100%; height: 4px; background-color: #00793c; position: absolute; bottom: 0;}

/*nyPage start*/
.nyPage { line-height: 44px; color: #999; font-size: 18px; text-align: center;}
.nyPage a { display: inline-block; width: 44px; height: 44px; vertical-align: top; margin: 0 3px; background-color: #f8f8f8; border: 1px solid #e5e5e5; border-radius: 4px;}
.nyPage a.pnnum, .nyPage a.pnnum1 { line-height: 42px; font-size: 18px; text-align: center;}
.nyPage a.pnnum { color: #222;}
.nyPage a.pnnum:hover, .nyPage a.pnnum1 { color: #fff; background-color: #00793c !important; border: 1px solid #00793c;}
.nyPage a.prev, .nyPage a.next { width: 64px; padding: 13px;}
.nyPage a.prev:hover, .nyPage a.next:hover { background-color: #00793c;}
.nyPage a.prev:hover svg path, .nyPage a.next:hover svg path { fill: #ffffff;}
/*nyPage end*/


@media (max-width:1680px) {
  a.lyMore { width: 200px; height: 50px; line-height: 46px; font-size: 16px;}
  a.lyMore i { width: 16px; height: 16px; margin: -4px 0 0 10px;}
  a.lyMore:hover i { margin: -4px 0 0 20px;}

  .lyFooter .lyFoot_main { padding: 60px 0 30px;}
  .lyFoot_lxfs dl dd { min-height: 50px; margin-bottom: 30px; padding-left: 70px;}
  .lyFoot_lxfs dl dd i { width: 50px; height: 50px;}
  .lyFoot_lxfs dl dd p { font-size: 16px; padding-top: 9px;}
  .lyFoot_lxfs dl dd:first-child p { font-size: 36px; padding-top: 9px;}
  .lyFollow span { font-size: 16px; margin-bottom: 15px;}
  .lyFollow p a { width: 32px; height: 32px; padding: 8px; margin-right: 12px;}
  .lyFoot_main .lyFoot_nav { padding-left: 60px;}
  .lyFoot_nav ul { margin: 0 -15px;}
  .lyFoot_nav ul li { padding: 0 15px;}
  .lyFoot_nav ul li p { font-size: 22px;}
  .lyFoot_nav ul li a { line-height: 2.6; font-size: 15px;}

  .nyBanner { height: 500px;}
  .nyBa_text .w1400 { padding-right: 42%;}
  .nyBa_text p { font-size: 64px;}
  .nyBa_text i { height: 4px;}
  .nyBa_text span { font-size: 22px;}

  .nyLocation { padding: 20px 42% 20px 30px;}
  .nyLocation em { width: 20px; height: 20px; margin-top: -10px;}
  .nyLocation p, .nyLocation p a { font-size: 16px;}
  .proLocation { margin: 0 auto 20px; padding: 0 0 0 30px;}

  .nyTitle { font-size: 44px; margin-bottom: 40px;}
  
  .nyMenu a { height: 70px; font-size: 22px; margin: 0 30px; padding: 15px 0;}
  .nyMenu a:hover::before, .nyMenu a.cur::before { height: 3px;}
}

@media (max-width:1600px) {
  .lyTop a.lyLogo { height: 80px;}
  .lyTop .lyHead { height: 40px;}
  .lyHead p { height: 40px; line-height: 40px; font-size: 14px; margin-right: 20px;}
  .lyHead p:first-child { padding-right: 20px;}
  .lyHead p i { width: 14px; height: 14px; margin: 14px 8px 13px 0;}
  .lyHead span.share { margin: 8px 16px 8px 0;}
  .language a.lgBtn { height: 40px;}
  .language ul { top: 39px;}

  .lyNav { margin-top: 40px;}
  .lyTop.fxd .lyNav { margin-top: 20px;}
  .lyNav_list>ul>li>a { height: 60px; line-height: 60px; font-size: 16px;}
  .lyNav_list>ul>li>a::after { bottom: 5px;}

  .nyBanner { height: 484px;}
  .nyBa_text .w1400 { padding-right: 44%;}
  .nyBa_text p { font-size: 56px;}
  .nyBa_text span { font-size: 20px;}

  .nyLocation { padding: 20px 44% 20px 30px;}
  .proLocation { padding: 0 0 0 30px;}

  .nyTitle { font-size: 40px;}

  .nyMenu a { font-size: 20px; margin: 0 25px;}
  .nyMenu a:hover::before, .nyMenu a.cur::before { height: 2px;}
}

@media (max-width:1560px) {
  .nyBanner { height: 450px;}
  .nyLocation { padding: 20px 46% 20px 30px;}
  .proLocation { padding: 0 0 0 30px;}
}

@media (max-width:1440px) {
  .lyNav_list>ul>li>a { padding: 0 20px;}

  a.lyMore { width: 160px; height: 44px; line-height: 40px; font-size: 14px;}
  a.lyMore i { width: 14px; height: 14px; margin: -2px 0 0 10px;}
  a.lyMore:hover i { margin: -2px 0 0 20px;}

  .lyFooter .lyFoot_main { padding: 40px 0;}
  .lyFoot_lxfs dl dd { min-height: 44px; margin-bottom: 20px; padding-left: 60px;}
  .lyFoot_lxfs dl dd i { width: 44px; height: 44px; padding: 10px;}
  .lyFoot_lxfs dl dd p { font-size: 14px; padding-top: 8px;}
  .lyFoot_lxfs dl dd:first-child p { font-size: 32px; padding-top: 6px;}
  .lyFollow { margin-top: 30px;}
  .lyFoot_main .lyFoot_nav { padding-left: 40px;}
  .lyFoot_nav ul { margin: 0 -10px;}
  .lyFoot_nav ul li { padding: 0 10px;}
  .lyFoot_nav ul li p { font-size: 20px;}
  .lyFoot_nav ul li a { line-height: 2.5; font-size: 14px;}
  .lyFoot_copy p { font-size: 14px;}

  .totop { width: 48px; height: 48px; padding: 14px;}

  .nyBanner { height: 420px;}
  .nyBa_text .w1400 { padding-right: 46%;}
  .nyBa_text p { font-size: 48px;}
  .nyBa_text i { margin: 15px 0 20px;}
  .nyBa_text span { font-size: 16px;}
  .nyLocation { padding: 20px 48% 20px 30px;}
  .nyLocation p, .nyLocation p a { font-size: 15px;}
  .proLocation { width: 100%; padding: 0 0 0 30px;}

  .nyTitle { font-size: 36px; margin-bottom: 30px;}

  .nyMenu a { height: 60px; font-size: 18px; margin: 0 20px; padding: 10px 0;}
}

@media (max-width:1366px) {
  .lyFoot_copy p { text-align: center; float: none !important;}

  .nyBanner { height: 400px;}
  .nyBanner .nyBa_text { margin-top: -40px;}
}

@media (max-width:1280px) {
  .nyBanner { height: 370px;}
  .nyBa_text p { font-size: 44px;}
  .nyBa_text span { font-size: 15px;}

  .nyLocation { margin: -60px auto 0; padding: 15px 48% 15px 26px;}
  .nyLocation p, .nyLocation p a { font-size: 14px;}
  .nyLocation em { width: 18px; height: 18px; margin-top: -9px;}
  .proLocation { margin: 0 auto 20px; padding: 0 0 0 26px;}

  .nyTitle { font-size: 32px;}
}

@media (max-width:1200px) {
  .lyFoot_lxfs dl dd:first-child p { font-size: 28px; padding-top: 8px;}

  .nyBanner { height: 345px;}
  .nyBa_text .w1400 { padding-right: 47%;}
  .nyBa_text p { font-size: 36px;}
  .nyBa_text i { width: 45px; height: 3px; margin: 10px 0 15px;}
  .nyBa_text span { font-size: 14px;}
}

@media (max-width:1080px) {
  .lyTop a.lyLogo, .lyTop.fxd a.lyLogo { height: 60px;}
  .lyTop .lyHead { height: auto; margin: 18px 0 18px 20px; border-bottom: 0;}
  .lyTop.fxd .lyHead { display: block;}
  .lyHead p, .lyHead span.share { display: none;}
  .language a.lgBtn { width: 44px; height: 44px; padding: 11px; background-color: #f5f5f5; border-radius: 4px;}
  .language a.lgBtn img { margin: 0;}
  .language a.lgBtn i { display: none;}
  .language ul { top: 44px;}
  
  .lyTop .lyNav, .lyTop.fxd .lyNav { width: auto; margin: 18px 0; 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 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: 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;}
  .lyNav_list>ul>li:hover>a::after, .lyNav_list>ul>li.active>a::after { display: none;}

  .totop { border-radius: 4px;}

  a.lyMore { border-radius: 4px;}

  .nyBanner { height: 320px;}
  .nyBanner .nyBa_text { margin-top: -30px;}
  .nyBa_text p { font-size: 32px;}

  .nyTitle { font-size: 30px;}
}

@media (max-width:1024px) {
  .lyFooter .lyFoot_main { display: none;}
  .lyFooter .lyFoot_copy { border: 0;}

  .nyBanner { height: 300px;}
  
  .nyLocation { margin: -50px auto 0; padding: 10px 48% 10px 26px;}
  .proLocation { margin: 0 auto 20px; padding: 0 0 0 26px;}
}

@media (max-width:920px) {
  .nyBanner { height: 270px;}

  .nyTitle { margin-bottom: 20px;}
}

@media (max-width:820px) {
  a.lyMore { width: 140px;}

  .nyBanner { height: 240px;}
  .nyBanner .nyBa_text { margin-top: -20px;}
  .nyBa_text p { font-size: 30px;}
  .nyBa_text i { width: 40px; height: 3px;}

  .nyTitle { font-size: 28px;}
}

@media (max-width:767px) {
  .lyNav_list>ul { width: 70%;}
  .lyNav_list>ul>li a { padding: 0 20px;}
  .totop { width: 44px; height: 44px; bottom: 16%; right: 4px;}

  .nyBanner { height: 180px;}
  .nyBanner .nyBa_text { margin-top: 0;}
  .nyBa_text p { font-size: 24px;}
  .nyBa_text i { width: 32px; height: 2px; margin: 10px 0;}
  .nyBa_text span { max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

  .nyLocation { margin: 0 auto; padding: 10px 0 10px 26px;}
  .nyLocation em svg path { fill: #00793c;}
  .nyLocation p { color: #999;}
  .nyLocation p a { color: #222;}
  .nyLocation p a:hover { color: #00793c;}
  .nyLocation p i { width: 10px; margin: 0 4px;}
  .nyLocation p i svg path { fill: #999;}
  .proLocation { margin: 0 auto 20px; padding: 0 0 0 26px;}

  .nyPage a.pnnum, .nyPage a.pnnum1 { display: none;}

  .nyMenu .w1400 { width: 100%;}
  .nyMenu a { height: 50px; line-height: 30px; font-size: 15px; margin: 0 6px; padding: 10px 0;}
}

@media (max-width:390px) {
  .nyBanner { height: 160px;}
  .nyBa_text p { font-size: 20px;}
  .nyBa_text i { width: 28px;}

  .nyTitle { font-size: 24px;}
}

@media (max-width:320px) {
  .nyLocation p, .nyLocation p a { font-size: 12px;}
}