* { font: 16px/1.5 'Poppins-Regular', '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: #222; 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;}

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

@font-face { font-family: "Poppins-Light"; src: url('fonts/Poppins-Light.ttf');}
@font-face { font-family: "Poppins-Regular"; src: url('fonts/Poppins-Regular.ttf');}
@font-face { font-family: "Poppins-Medium"; src: url('fonts/Poppins-Medium.ttf');}
@font-face { font-family: "Poppins-Bold"; src: url('fonts/Poppins-Bold.ttf');}
@font-face { font-family: "Montserrat-Light"; src: url('fonts/Montserrat-Light.ttf');}
@font-face { font-family: "Montserrat-Regular"; src: url('fonts/Montserrat-Regular.ttf');}
@font-face { font-family: "Montserrat-Medium"; src: url('fonts/Montserrat-Medium.ttf');}
@font-face { font-family: "Montserrat-Bold"; src: url('fonts/Montserrat-Bold.ttf');}

.w1400 { width: 1400px; margin: 0 auto;}
@media (max-width:1440px) {
  .w1400 { width: 94%;}
}

/*lyHeader start*/
.lyHeader { height: 50px; background-color: #004298;}
.lyHeader .w1600 { position: relative; z-index: 1;}
.lyHeader p { line-height: 50px; color: #fff; font-family: "Poppins-Light"; font-size: 15px; margin-left: 20px; position: relative;}
.lyHeader p i { display: block; width: 18px; height: 18px; margin: 16px 8px 16px 0; float: left;}

.lyHeader span.share { margin: 10px 0;}
.lyHeader span.share a { display: inline-block; width: 30px; height: 30px; overflow: hidden; margin-left: -4px; padding: 6px; vertical-align: top;}
.lyHeader span.share a:hover { background-color: #ffd100;}
.lyHeader span.share a:hover svg path { fill: #004298;}
/*lyHeader end*/


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

.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: 90px; overflow: hidden; line-height: 90px; color: #222; font-size: 18px; padding: 0 20px; position: relative;}
.lyNav_list>ul>li:hover>a, .lyNav_list>ul>li.active>a { color: #004298;}
.lyNav_list>ul>li>i { display: block; width: 16px; height: 16px; margin-top: -10px; position: absolute; top: 50%; right: 14px;}
.lyNav_list>ul>li:hover>i svg path, .lyNav_list>ul>li.active>i svg path { fill: #004298;}
.lyNav_list>ul>li>a::after { content: ''; display: block; width: 0; height: 2px; background-color: #004298; margin-left: 0; position: absolute; bottom: 0; left: 50%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.lyNav_list>ul>li:hover>a::after, .lyNav_list>ul>li.active>a::after { width: 40px; margin-left: -20px;}

.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:hover { border-bottom: 1px solid #004298;}
.lyNav_list>ul>li ul li:last-child { border: 0;}
.lyNav_list>ul>li ul li a { display: block; line-height: 1.5; color: #454545; font-size: 15px; text-align: center; text-transform: capitalize; padding: 12px;}
.lyNav_list>ul>li ul li a:hover { color: #004298;}

.lyTop .lyLang { margin: 23px 0 13px 20px; position: relative;}
.lyLang>a { display: block; line-height: 44px; color: #222; font-size: 18px; text-transform: capitalize;}
.lyLang>a span { font-size: 18px;}
.lyLang>a:hover { color: #004298;}
.lyLang>a i { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: -2px 8px 0 0;}
.lyLang>a:hover i svg path { fill: #004298;}
.lyLang::before, .lyLang::after { content: '';width: 1px; height: 16px; background-color: rgba(255, 255, 255, .15); margin-top: -8px; position: absolute; top: 50%;}
.lyLang::before { left: 0;}
.lyLang::after { right: 0;}
.lyLang dl { padding: 0 10px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1); border-radius: 0 0 4px 4px; position: absolute; left: 50%; top: 90%; z-index: 9; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, 50px); transform: translateY(-50%, 50px);}
.lyLang dl.open { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px);}
.lyLang dl dd { padding: 0 5px; border-bottom: 1px solid #e6e6e6;}
.lyLang dl dd:last-child { border-bottom: 0!important;}
.lyLang dl dd:hover { border-bottom: 1px solid #004298;}
.lyLang dl dd a { display: block; height: 44px; overflow: hidden; line-height: 44px; color: #222; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; padding-left: 28px; position: relative;}
.lyLang dl dd:hover a { color: #004298;}
.lyLang dl dd a i { display: block; width: 18px; height: 18px; overflow: hidden; margin-top: -9px; border-radius: 50%; position: absolute; left: 0; top: 50%;}
.lyLang dl dd a i img { display: block; width: 100%; height: 100%;}

.lyTop .lySearch { display: block; width: 44px; height: 44px; margin: 23px 0; position: relative;}
.lySearch a.lySearch_btn { display: block; width: 44px; height: 44px; overflow: hidden; padding: 12px;}
.lySearch a.lySearch_btn:hover svg path { fill: #004298;}
.lySearch a.lySearch_btn svg.scBtn2, .lyTop a.lySearch_btn.close svg.scBtn1 { display: none;}
.lySearch a.lySearch_btn.close svg.scBtn2 { display: block;}

.lyForm { display: none; width: 360px; height: 44px; overflow: hidden; position: absolute; top: 0; right: 44px;}
.lyForm.show { display: block;}
.lyForm .lyForm_ipt { float: left; width: calc(100% - 50px); height: 44px; overflow: hidden; line-height: 42px; color: #222; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; padding: 0 0 0 20px; background-color: #f8f8f8; border: 1px solid #e6e6e6; border-right: 0; border-radius: 4px 0 0 4px; outline: none;}
.lyForm .lyForm_ipt::placeholder { color: #666;}
.lyForm .lyForm_btn { float: right; width: 50px; height: 44px; overflow: hidden; font-size: 0; background-color: #004298; border-radius: 0 4px 4px 0; border: 0; outline: none; cursor: pointer;}
.lyForm .lyForm_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 12px;}

.lyLang_mask { display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .55); position: fixed; top: 0; left: 0; z-index: 9998;}
.lyLang_mask.show { display: block;}
.lyLang_pop { width: 840px; height: auto; overflow: hidden; padding: 20px 30px; background-color: #fff; border-radius: 8px; position: fixed; left: 50%; top: 50%; z-index: 9999; opacity: 0; filter: Alpha(opacity=0); transform: scale3d(1, 0, 1) translate(-50%, -50%); -webkit-transform: scale3d(1, 0, 1) translate(-50%, -50%);}
.lyLang_pop.show { opacity: 1; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1) translate(-50%, -50%); -webkit-transform: scale3d(1, 1, 1) translate(-50%, -50%);}
.lyLang_pop h3 { height: 50px; line-height: 40px; color: #222; font-size: 28px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; padding-bottom: 10px;}
.lyLang_pop h3 a.lyLang_close { display: block; width: 40px; height: 40px; overflow: hidden; padding: 10px; float: right;}
.lyLang_pop h3 a.lyLang_close:hover svg path { fill: #fd0002;}
.lyLang_pop ul { margin: 0 -5px;}
.lyLang_pop ul li { width: 25%; margin-bottom: 10px; padding: 0 5px; float: left;}
.lyLang_pop ul li a { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 30px; color: #222; font-size: 16px; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; padding: 10px 30px 10px 44px; background-color: #f5f5f5; border-radius: 4px; position: relative;}
.lyLang_pop ul li.cur a, .lyLang_pop ul li:hover a { color: #fff; background-color: #004298;}
.lyLang_pop ul li a img { display: inline-block; width: 24px; height: 24px; margin-top: -12px; border-radius: 50%; position: absolute; left: 10px; top: 50%;}
.lyLang_pop ul li a i { display: none; width: 20px; height: 20px; margin-top: -10px; position: absolute; top: 50%; right: 10px;}
.lyLang_pop ul li.cur a i, .lyLang_pop ul li:hover a i { display: block;}
.lyLang_pop ul li.cur a i svg path, .lyLang_pop ul li:hover a i svg path { fill: #ffffff;}
/*lyTop end*/


/*lyFooter start*/
.lyFooter { overflow: hidden; background-color: #1a1a1a;}
.lyFoot_main { padding: 60px 0;}
.lyFoot_left { width: 28%; padding-right: 120px; float: left;}
.lyFoot_left a.ftLogo { display: block; width: 100%; height: 50px; margin-bottom: 20px;}
.lyFoot_left a.ftLogo img { max-height: 100%;}
.lyFoot_left p { line-height: 24px; color: rgba(255, 255, 255, .5); font-family: "Poppins-Light"; font-size: 14px; margin-bottom: 40px;}
.ftShare a { display: inline-block; width: 40px; height: 40px; overflow: hidden; padding: 6px; vertical-align: top;}
.ftShare a:hover svg path { fill: #ffd100;}

.lyFoot_right { width: 72%; float: right;}
.lyFoot_right ul { display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 -30px;}
.lyFoot_right ul li { width: 28%; padding: 0 30px;}
.lyFoot_right ul li:last-child { width: 44%;}
.lyFoot_right ul li title { display: block; line-height: 1.2; color: #fff; font-family: "Poppins-Bold"; font-size: 20px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .1); position: relative;}
.lyFoot_right ul li title::before, .lyFoot_right ul li title::after { content: ''; display: block; width: 132px; height: 3px; background-color: #004298; position: absolute; left: 0; bottom: -1px;}
.lyFoot_right ul li title::after { width: 12px; background-color: #ffd100;}
.lyFoot_right ul li a, .lyFoot_right ul li p { display: block; min-height: 26px; line-height: 26px; color: rgba(255, 255, 255, .5); font-family: "Poppins-Light"; font-size: 16px; margin-top: 10px; padding-left: 18px; position: relative;}
.lyFoot_right ul li p { margin-top: 20px; padding-left: 26px;}
.lyFoot_right ul li a i { display: block; width: 12px; height: 12px; overflow: hidden; position: absolute; left: 0; top: 6px; opacity: .5;}
.lyFoot_right ul li p i { display: block; width: 18px; height: 18px; overflow: hidden; position: absolute; left: 0; top: 4px; opacity: .5;}
.lyFoot_right ul li a:hover, .lyFoot_right ul li p:hover { color: #fff;}
.lyFoot_right ul li a:hover i,.lyFoot_right ul li p:hover i { opacity: 1;}

.lyCopy { padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, .1);}
.lyCopy p { line-height: 30px; color: rgba(255, 255, 255, .5); font-family: "Poppins-Light"; font-size: 16px; text-align: center;}
.lyCopy p a { color: rgba(255, 255, 255, .5); font-family: "Poppins-Light"; font-size: 16px;}
.lyCopy p a:hover { color: #fff;}
/*lyFooter end*/

/*lyRight start*/
.lyRight { position: fixed; right: 10px; top: 50%; z-index: 99; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.lyRight ul li { margin: 10px 0;}
.lyRight ul li a, .lyRight ul li i { display: block; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; padding: 13px; cursor: pointer;}
.lyRight ul li a.facebook { background-color: #5996ff;}
.lyRight ul li a.tel { background-color: #4dc247;}
.lyRight ul li a.email { background-color: #f48d2c;}
.lyRight ul li a.wechat { background-color: #07c261;}
.lyRight ul li i.totop { background-color: #b0b0b0;}
.lyRight ul li a.facebook:hover { background-color: #3173e6;}
.lyRight ul li a.tel:hover { background-color: #37b230;}
.lyRight ul li a.email:hover { background-color: #e77911;}
.lyRight ul li a.wechat:hover { background-color: #02af55;}
.lyRight ul li i.totop:hover { background-color: #898989;}
/*lyRight end*/


.lyTitle { line-height: 1.2; color: #004298; font-family: "Montserrat-Bold"; font-size: 36px; text-align: center; margin-bottom: 50px;}
.lyTitle::after { display: block; content: ""; width: 200px; height: 1px; margin: 10px auto 0; background-color: #ffd100;}


.lyMore a { display: inline-block; vertical-align: top; line-height: 58px; color: #222; font-family: "Montserrat-Medium"; font-size: 18px; padding: 0 30px; border: 1px solid #222;}
.lyMore a:hover { color: #fff; background-color: #004298; border: 1px solid #004298;}
.lyMore a i { display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin: -2px 0 0 10px;}
.lyMore a:hover i svg path { fill: #ffffff;}


/*nyBanner start*/
.nyBanner { height: 400px; overflow: hidden; position: relative;}
.nyBanner .nyBa_text { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.nyBa_text .w1400 { padding-right: 35%;}
.nyBa_text title { display: block; line-height: 1; color: #fff; font-family: "Montserrat-Bold"; font-size: 30px; padding-bottom: 24px; position: relative;}
.nyBa_text title::after { display: block; content: ""; width: 300px; height: 6px; background-color: #ffd100; position: absolute; left: 0; bottom: 0;}

.nyLocation { overflow: hidden; margin-top: 30px; padding-left: 28px; position: relative;}
.nyLocation em { display: block; width: 18px; height: 18px; overflow: hidden; margin-top: -10px; position: absolute; left: 0; top: 50%;}
.nyLocation p { height: 30px; overflow: hidden; line-height: 30px; color: rgba(255, 255, 255, .45); font-family: "Poppins-Light"; font-size: 16px; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis;}
.nyLocation p a { display: inline-block; line-height: 30px; color: #fff; font-family: "Poppins-Light"; font-size: 16px; text-transform: capitalize; vertical-align: top;}
.nyLocation p a:hover { color: #ffd100;}
.nyLocation p i { display: inline-block; width: 12px; height: 30px; overflow: hidden; margin: 0 6px; vertical-align: top;}

.proLocation { margin: 0 0 40px;}
.proLocation p { color: #999;}
.proLocation p a { color: #555;}
.proLocation p a:hover { color: #004298;}
/*nyBanner end*/


/*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: #fff; border: 1px solid #e6e6e6;}
.nyPage a.pnnum, .nyPage a.pnnum1 { line-height: 42px; font-size: 16px; text-align: center;}
.nyPage a.pnnum { color: #555;}
.nyPage a.pnnum:hover, .nyPage a.pnnum1 { color: #fff; background-color: #ffd100 !important; border: 1px solid #ffd100 !important;}
.nyPage a.prev, .nyPage a.next { padding: 14px;}
.nyPage a.prev:hover, .nyPage a.next:hover { background-color: #ffd100; border: 1px solid #ffd100;}
.nyPage a.prev:hover svg path, .nyPage a.next:hover svg path { fill: #ffffff;}
/*nyPage end*/


/*Hot Products start*/
.nyRight_product { margin-bottom: 30px;}
.nyRight_product title { display: block; height: 72px; overflow: hidden; line-height: 32px; color: #fff; font-family: "Montserrat-Bold"; font-size: 24px; padding: 20px 30px; background-color: #677281;}
.nyRight_product dl { border: 1px solid #e6e6e6; border-top: 0;}
.nyRight_product dl dd { padding: 0 30px;}
.nyRight_product dl dd .con { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #e6e6e6;}
.nyRight_product dl dd:last-child .con { border-bottom: 0;}
.nyRight_product dl dd .con a.img { display: block; width: 110px; height: 90px; overflow: hidden; position: relative;}
.nyRight_product dl dd .con .text { width: calc(100% - 110px); padding-left: 15px;}
.nyRight_product dl dd .con .text a.name { display: block; max-height: 48px; overflow: hidden; line-height: 24px; color: #222; font-family: "Montserrat-Medium"; font-size: 18px; margin-bottom: 10px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.nyRight_product dl dd .con .text a.btn { display: inline-block; height: 24px; overflow: hidden; line-height: 24px; color: #999; font-family: "Poppins-Light"; font-size: 14px; vertical-align: top;}
.nyRight_product dl dd .con .text a.btn i { display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin: -2px 0 0 5px;}
.nyRight_product dl dd .con:hover .text a.name { color: #004298;}
.nyRight_product dl dd .con .text a.btn:hover i { margin: -2px 0 0 15px;}
/*Hot Products end*/


.nyRight_contact { overflow: hidden; background-color: #677281;}
.nyRight_contact .nyRtContact_main { padding: 30px; position: relative;}
.nyRtContact_main em.ico { display: block; width: 96px; height: 96px; position: absolute; right: -30px; bottom: 30px; opacity: .04; transform: scaleX(-1); -webkit-transform: scaleX(-1);}
.nyRtContact_main title { display: block; line-height: 1.2; color: #fff; font-family: "Montserrat-Bold"; font-size: 24px; margin-bottom: 10px;}
.nyRtContact_main p.ms { line-height: 1.6; color: #fff; font-family: "Poppins-Light"; font-size: 16px;}
.nyRtContact_main em.line { display: block; width: 120px; height: 4px; background-color: rgba(255, 255, 255, .1); margin: 30px 0;}
.nyRtContact_main dl dd { min-height: 24px; line-height: 24px; color: #fff; font-size: 16px; padding-left: 30px; position: relative; margin-top: 15px;}
.nyRtContact_main dl dd i { display: block; width: 20px; height: 20px; overflow: hidden; position: absolute; top: 2px; left: 0;}
.nyRight_contact a.btn { display: block; height: 60px; line-height: 60px; color: #fff; font-family: "Poppins-Medium"; font-size: 18px; text-align: center; background-color: #004298;}
.nyRight_contact a.btn:hover { background-color: #ffd100;}


.lyPrevNext { padding: 30px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: relative;}
.lyPrevNext::before, .lyPrevNext::after { content: ""; display: block; width: 160px; height: 1px; background-color: #004298; position: absolute; left: 0;}
.lyPrevNext::before { top: -1px;}
.lyPrevNext::after { bottom: -1px;}
.lyPrevNext ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px;}
.lyPrevNext ul li { width: 50%; padding: 0 20px;}
.lyPrevNext ul li span { display: block; height: 24px; line-height: 24px; color: #999; font-family: "Poppins-Light"; font-size: 16px; margin-bottom: 10px;}
.lyPrevNext ul li span i { display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin: -2px 0 0 10px;}
.lyPrevNext ul li a { display: block; line-height: 26px; color: #222; font-family: "Poppins-Medium"; font-size: 18px;}
.lyPrevNext ul li a:hover { color: #004298;}


@media (max-width:1680px) {
  .nyBanner { height: 360px;}
  .nyBa_text title { padding-bottom: 20px;}
  .nyBa_text title::after { width: 280px; height: 4px;}

  .nyRight_product title, .nyRtContact_main title { font-size: 22px;}
}

@media (max-width:1600px) {
  .lyMore a { line-height: 50px; font-size: 16px;}
  .lyMore a i { width: 16px; height: 16px;}

  .lyFoot_right ul li a, .lyFoot_right ul li p, .lyCopy p, .lyCopy p a { font-size: 15px;}

  .nyBanner { height: 340px;}
  .nyLocation p, .nyLocation p a, .nyRtContact_main p.ms, .nyRtContact_main dl dd { font-size: 15px;}
  .proLocation { margin: 0 0 30px;}
  
}

@media (max-width:1560px) {

}

@media (max-width:1440px) {
  .lyHeader { height: 44px;}
  .lyHeader span.share { margin: 7px 0;}
  .lyHeader p { line-height: 44px; font-size: 14px;}
  .lyHeader p i { width: 16px; height: 16px; margin: 14px 6px 14px 0;}

  .lyTop a.lyLogo { margin: 15px 30px 15px 0;}
  .lyNav_list>ul>li>a { height: 80px; line-height: 80px; font-size: 17px; padding: 0 15px;}
  .lyNav_list>ul>li:hover>a::after, .lyNav_list>ul>li.active>a::after { width: 30px; margin-left: -15px;}
  .lyNav_list>ul>li>i { right: 12px;}
  .lyNav_list>ul>li ul { top: 80px;}
  .lyNav_list>ul>li ul li a { height: 44px; line-height: 44px;}

  .lyTop .lyLang { margin: 18px 0 18px 20px;}
  .lyLang>a, .lyLang>a span { font-size: 17px;}

  .lyTop .lySearch { margin: 18px 0;}

  .lyTitle { font-size: 32px; margin-bottom: 40px;}
  .lyTitle::after { width: 160px;}

  .lyFoot_main { padding: 40px 0;}
  .lyFoot_left { padding-right: 80px;}
  .lyFoot_left p { margin-bottom: 30px;}
  .ftShare a { width: 36px; height: 36px;}
  .lyFoot_right ul li title { font-size: 18px; margin-bottom: 25px; padding-bottom: 15px;}
  .lyFoot_right ul li title::before { width: 125px;}

  .lyLang_pop { width: 64%; padding: 20px;}
  .lyLang_pop h3 { font-size: 24px; margin-bottom: 20px;}
  .lyLang_pop ul li a { height: 44px; line-height: 24px; font-size: 14px;}

  .nyBanner { height: 320px;}
}

@media (max-width:1366px) {
  .nyBanner { height: 300px;}

  .nyRight_product title { height: 60px; line-height: 30px; padding: 15px 30px;}
  .nyRight_product dl dd .con { padding: 15px 0;}
}

@media (max-width:1280px) {
  .lyLang>a, .lyLang>a span { font-size: 16px;}

  .lyNav_list>ul>li>a { font-size: 16px;}
  .lyNav_list>ul>li>i { width: 10px; height: 10px; margin-top: -6px; right: 8px;}

  .lyFoot_left p { margin-bottom: 20px;}
  .ftShare a { width: 32px; height: 32px;}
  .lyFoot_right ul li a, .lyFoot_right ul li p, .lyCopy p, .lyCopy p a { font-size: 14px;}

  .lyTitle { margin-bottom: 30px;}

  .nyBanner { height: 280px;}

  .nyRight_product title { padding: 15px 20px;}
  .nyRight_product dl dd { padding: 0 20px;}
  .nyRight_product dl dd .con { padding: 10px 0;}
  .nyRight_contact .nyRtContact_main { padding: 20px;}
  .nyLocation p, .nyLocation p a, .nyRtContact_main p.ms { font-size: 14px;}
  .nyRtContact_main em.line { width: 100px; height: 2px; margin: 20px 0;}
  .nyRtContact_main dl dd { font-size: 14px; margin-top: 10px;}
  .nyRtContact_main dl dd i { width: 18px; height: 18px; top: 3px;}
  .nyRight_contact a.btn { height: 50px; line-height: 50px; font-size: 16px;}
}

@media (max-width:1200px) {
  .lyLang_pop { width: 80%;}

  .lyTitle { font-size: 30px;}
  .lyTitle::after { width: 140px;}

  .nyBanner { height: 260px;}
  .nyBa_text title { font-size: 28px;}
  .nyBa_text title::after { width: 240px; height: 3px;}
  .nyLocation { margin-top: 20px;}
  .proLocation { margin: 0 0 20px;}

  .nyRight_product title, .nyRtContact_main title { font-size: 20px;}
}

@media (max-width:1080px) {
  .lyTop .lyNav { width: auto; margin-left: 20px; 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 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: #004298;}
  .lyNav_list>ul>li>a::after { height: 1px; left: 0;}
  .lyNav_list>ul>li:hover>a::after, .lyNav_list>ul>li.active>a::after { width: 100%; margin-left: 0;}
  .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: #004298; position: absolute; left: 0; top: 50%;}
  .lyNav .lyNav_btn { display: block; width: 44px; height: 44px; margin: 18px 0; padding: 14px 12px; background-color: #004298; border-radius: 50%;}
  .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;}

  .lyFoot_left { padding-right: 30px;}
  .lyFoot_right ul { margin: 0 -15px;}
  .lyFoot_right ul li { padding: 0 15px;}

  .lyRight ul li { display: none;}
  .lyRight ul li:last-child { display: block;}
  .lyRight ul li a, .lyRight ul li i { width: 44px; height: 44px; padding: 10px;}

  .lyMore a { line-height: 46px; font-size: 15px; padding: 0 20px;}
}

@media (max-width:1024px) {
  .lyTop a.lyLogo { margin: 10px 20px 10px 0;}
  .lyNav .lyNav_btn, .lyTop .lySearch { margin: 13px 0;}
  .lyTop .lyLang { margin: 13px 0 13px 20px;}

  .lyFoot_left, .lyFoot_right { width: 50%;}
  .lyFoot_right ul li { display: none;}
  .lyFoot_right ul li:last-child { display: block; width: 100%;}
  .lyFoot_right ul li p { margin-top: 15px;}

  .nyBanner { height: 240px;}
}

@media (max-width:920px) {
  .lyLang_pop { width: 90%;}

  .lyTitle { font-size: 28px;}

  .nyBanner { height: 220px;}
  .nyBa_text title { font-size: 26px; padding-bottom: 13px;}
  .nyBa_text title::after { width: 210px;}
  .nyLocation { margin-top: 10px;}
  .proLocation { margin: 0 0 20px;}

  .nyRight_product { margin: 0;}
  .nyRight_contact { display: none;}

  .lyPrevNext { padding: 20px 0;}
}

@media (max-width:820px) {
  .lyForm { width: 320px;}

}

@media (max-width:767px) {
  .lyHeader span.share { display: none;}

  .lyTop a.lyLogo { height: 40px; margin: 10px 10px 10px 0;}
  .lyTop .lyLang { margin: 10px 0}
  .lyLang>a, .lyLang>a span { font-size: 0;}
  .lyLang>a { height: 40px; line-height: 40px; padding: 8px;}
  .lyLang>a i { display: block; width: 24px; height: 24px; margin: 0;}
  .lyTop .lySearch { width: 40px; height: 40px; margin: 10px 0; position: inherit;}
  .lySearch a.lySearch_btn { width: 40px; height: 40px; line-height: 40px; padding: 8px;}

  .lyTop .lyNav { margin-left: 10px;}
  .lyNav .lyNav_btn { width: 40px; height: 40px; margin: 10px 0; padding: 12px 10px;}

  .lyForm { width: 100%; height: auto; padding: 10px 3%; background-color: #f8f8f8; top: 100%; right: 0; z-index: 9;}
  .lyForm .lyForm_ipt { width: calc(100% - 50px); height: 40px; line-height: 38px; font-size: 14px; padding: 0 10px;}
  .lyForm .lyForm_btn { height: 40px;}
  .lyForm .lyForm_btn i { padding: 10px;}

  .lyLang_pop { padding: 10px 20px;}
  .lyLang_pop h3 { font-size: 22px;}
  .lyLang_pop h3 a.lyLang_close { padding: 12px;}
  .lyLang_pop ul li { width: 50%;}

  .lyNav .lyNav_btn { margin: 10px 0;}  
  .lyNav_list>ul { width: 60%;}
  .lyNav_list>ul>li a { padding: 0 50px 0 20px;}
  .lyNav_list>ul>li i { width: 50px; height: 60px; padding: 15px;}
  .lyNav_list>ul>li ul { padding: 0 20px;}
  .lyNav_list>ul>li ul li a { font-size: 14px; padding: 0 0 0 12px;}

  .nyPage a.pnnum { display: none;}

  .lyTitle { margin-bottom: 20px;}
  .lyTitle::after { width: 120px;}

  .lyFoot_main { padding: 20px 0;}
  .lyFoot_left, .lyFoot_right { width: 100%; padding: 0; float: none;}
  .lyFoot_left { margin-bottom: 20px;}
  .lyCopy p { line-height: 24px;}

  .nyBanner { height: 160px;}
  .nyBa_text title { font-size: 20px; padding-bottom: 12px;}
  .nyBa_text title::after { width: 160px; height: 2px;}
}

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

@media (max-width:320px) {
  .lyHeader { display: none;}

  .lyTop .lyNav { margin-left: 5px;}
  .lyNav .lyNav_btn { width: 30px; height: 30px; margin: 15px 0; padding: 8px 7px;}
  .lyNav_btn i { margin: 4px 0;}
  .lyNav_list>ul { width: 70%;}

  .lyLang_pop ul li { width: 100%;}

  .lyTitle { font-size: 24px;}
  .lyTitle::after { width: 100px; margin: 5px auto 0;}

  .nyBa_text title { font-size: 18px;}
  .nyBa_text title::after { width: 120px;}

  .nyRight_product dl dd .con .text a.name { font-size: 16px;}
}