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

/* 设置滚动条的样式 */
::-webkit-scrollbar { width: 0px;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color: rgb(0, 0, 0, .06);}/* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb { background-color: #4fbfdd;}
::-webkit-scrollbar-thumb:window-inactive { background-color: #4fbfdd;}  /* 滚动条滑块点击状态 */


@font-face { font-family: "OPPOSans-Regular"; src: url('../fonts/OPPOSans-Regular.ttf');}
@font-face { font-family: "OPPOSans-Bold"; src: url('../fonts/OPPOSans-Bold.ttf');}
@font-face { font-family: "OPPOSans-Heavy"; src: url('../fonts/OPPOSans-Heavy.ttf');}
@font-face { font-family: "Aileron-Thin"; src: url('../fonts/Aileron-Thin.otf');}
@font-face { font-family: "Aileron-Light"; src: url('../fonts/Aileron-Light.otf');}
@font-face { font-family: "Aileron-Regular"; src: url('../fonts/Aileron-Regular.otf');}
@font-face { font-family: "Aileron-SemiBold"; src: url('../fonts/Aileron-SemiBold.otf');}
@font-face { font-family: "Aileron-Bold"; src: url('../fonts/Aileron-Bold.otf');}
@font-face { font-family: "Aileron-Heavy"; src: url('../fonts/Aileron-Heavy.otf');}
@font-face { font-family: "Aileron-Black"; src: url('../fonts/Aileron-Black.otf');}
@font-face { font-family: "DIN-Regular"; src: url('../fonts/DIN-Regular.otf');}
@font-face { font-family: "DIN-Medium"; src: url('../fonts/DIN-Medium.otf');}
@font-face { font-family: "DIN-SemiBold"; src: url('../fonts/DIN-SemiBold.otf');}
@font-face { font-family: "DIN-Bold"; src: url('../fonts/DIN-Bold.otf');}


.w1440 { width: 1440px; margin: 0 auto;}
@media (max-width:1440px) {
  .w1440 { width: 90%;}
}

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


/*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);position: fixed; left: 0; top: 0; z-index: 999;}
.lyTop_main a.lyLogo { display: block; height: 40px; margin: 30px 0; float: left;}
.lyTop_main a.lyLogo img { max-height: 100%;}

.lyUser { display: none; margin: 30px 0; float: right;}
.lyUser a { display: block; width: 40px; height: 40px; overflow: hidden; padding: 5px;}
.lyUser a:hover svg path { fill: #4fbfdd;}

.lyNav { float: right;}
.lyTop#show .lyNav { display: none;}
.lyNav_list>ul>li { display: flex; align-items: center; padding: 0 40px; float: left;}
.lyNav_list>ul>li>a { display: block; height: 100px; overflow: hidden; line-height: 60px; color: #222; font-family: "Aileron-Thin"; font-size: 20px; padding: 20px 0; position: relative;}
.lyNav_list>ul>li:hover>a, .lyNav_list>ul>li.active>a { color: #4fbfdd;}
.lyNav_list>ul>li>a::after { content: ''; display: block; width: 0; height: 2px; overflow: hidden; background-color: #4fbfdd; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-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: 100%;}

.lyNav_list>ul>li>i { display: none; width: 0; height: 0; border-top: 6px solid #ccc; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-left: 6px;}
.lyNav_list>ul>li:hover>i { border-top: 6px solid #4fbfdd;}
.lyNav_list>ul>li .navSecond { display: block; width: 100%; height: 0; overflow: hidden; padding: 0; background-color: #fff; box-shadow: 0 0 5px rgb(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgb(0, 0, 0, .1); position: absolute; left: 0; top: 200%; opacity: 0;}
.lyNav_list>ul>li:hover .navSecond { height: auto; padding: 60px 0; opacity: 1; top: 100%;}

.navPro { display: flex; align-items: center;}
.navPro .navPro_tab { width: calc(100% - 600px); padding-right: 80px;}
.navPro .navPro_tab dl dd { margin-bottom: 20px; padding: 10px 0;}
.navPro .navPro_tab dl dd:last-child { margin-bottom: 0;}
.navPro .navPro_tab dl dd a { display: block; width: 100%; min-height: 30px; overflow: hidden; line-height: 30px; color: #bbb; font-family: "Aileron-Light"; font-size: 20px; padding-left: 20px; position: relative;}
.navPro .navPro_tab dl dd:hover a, .navPro .navPro_tab dl dd.active a { color: #444;}
.navPro .navPro_tab dl dd a::before { content: ''; display: block; width: 6px; height: 6px; overflow: hidden; background-color: #bbb; border-radius: 50%; position: absolute; left: 0; top: 12px;}
.navPro .navPro_tab dl dd:hover a::before, .navPro .navPro_tab dl dd.active a::before { background-color: #444;}
.navPro .navPro_img { width: 600px; height: 300px; overflow: hidden;}
.navPro .navPro_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}

.navService dl { display: flex; justify-content: center;}
.navService dl dd a { display: block; padding: 0 40px;}
.navService dl dd a em { display: block; width: 100px; height: 100px; overflow: hidden; margin: 0 auto 10px; padding: 30px; background-color: #f2f2f2; border-radius: 50%;}
.navService dl dd a span { display: block; line-height: 1.5; color: #444; font-family: "Aileron-Thin"; font-size: 20px; text-align: center;}
.navService dl dd a:hover em { background-color: #4fbfdd;}
.navService dl dd a:hover em svg path { fill: #fff;}
.navService dl dd a:hover span { color: #4fbfdd;}

.lyNav .lyNav_btn { display: none;}
/*lyTop end*/


/*lyFoot start*/
.lyFoot { overflow: hidden; padding: 120px 0; background: #4fbfdd url(../images/footBg.png) bottom left no-repeat; background-size: 588px 361px;}
.lyFoot_nav { width: 32%; float: left;}
.lyFoot_nav ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -20px;}
.lyFoot_nav ul li { width: 50%; padding: 0 20px;}
.lyFoot_nav ul li span { display: block; line-height: 1.4; color: #fff; font-family: "Aileron-Bold"; font-size: 24px; margin-bottom: 20px;}
.lyFoot_nav ul li span i { display: none;}
.lyFoot_nav ul li p a { display: block; line-height: 2; color: #fff; font-family: "Aileron-Thin"; font-size: 18px; margin-top: 20px;}
.lyFoot_menu { display: none;}

.lyFoot_email { width: 44%; padding-left: 60px; float: left;}
.lyFoot_email span { display: block; line-height: 1.4; color: #fff; font-family: "Aileron-Bold"; font-size: 24px; margin-bottom: 10px;}
.lyFoot_email p { line-height: 1.4; color: #fff; font-family: "OPPOSans-Bold"; font-size: 38px;}

.lyFoot_right { width: 24%; float: right;}
.lyFoot_sub { margin-bottom: 120px; text-align: right;}
.lyFoot_sub a { display: inline-block; width: 220px; height: 70px; overflow: hidden; line-height: 66px; color: #fff; font-family: "Aileron-Thin"; font-size: 20px; text-align: center; border: 2px solid #fff; vertical-align: top;}
.lyFoot_sub a i { display: inline-block; width: 26px; height: 26px; overflow: hidden; border: 2px solid #fff; border-radius: 50%; vertical-align: middle; margin: -2px 10px 0 0; padding: 2px;}
.lyFoot_sub a:hover { background-color: #fff; color: #4fbfdd;}
.lyFoot_sub a:hover i { border: 2px solid #4fbfdd; background-color: #4fbfdd;}
.lyFoot_share { display: flex; align-items: center; justify-content: right;}
.lyFoot_share a { display: block; width: 32px; height: 32px; overflow: hidden; margin-right: 20px;}
.lyFoot_share a:last-child { margin-right: 0;}
/*lyFoot end*/


.lySub_mask { display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .55); position: fixed; top: 0; left: 0; z-index: 9998;}
.lySub_mask.show { display: block;}
.lySub_pop { width: 560px; height: auto; overflow: hidden; padding: 60px; background-color: #fff; 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%);}
.lySub_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%);}
.lySub_pop .lySubPop_tit { line-height: 40px; color: #444; font-family: "Aileron-Thin"; font-size: 40px; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
.lySub_pop .lySubPop_tit::after { content: ''; display: block; width: 80px; height: 4px; background-color: #4fbfdd; position: absolute; bottom: 0; left: 0;}
.lySub_pop p { line-height: 1.5; color: #808080; font-family: "Aileron-Thin"; font-size: 18px; margin-bottom: 30px;}

.lySubPop_input { width: 100%; height: 70px; overflow: hidden; margin-bottom: 15px; padding: 14px 19px; border: 1px solid #e6e6e6;}
.lySubPop_input input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #808080; font-family: "Aileron-Thin"; font-size: 18px; border: 0; border-radius: 0; background: none; outline: none;}
.lySubPop_check { margin-bottom: 30px;}
.lySubPop_check input { display: none;}
.lySubPop_check label { display: block; min-height: 30px; overflow: hidden; line-height: 30px; color: #808080; font-family: "Aileron-Thin"; font-size: 16px; cursor: pointer; padding-left: 30px; position: relative;}
.lySubPop_button button { display: block; width: 100%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-family: "Aileron-SemiBold"; font-size: 22px; text-align: center; border: 0; border-radius: 0; background-color: #4fbfdd; outline: none; cursor: pointer;}

input[type="checkbox"]+label::before { content: "\a0"; display: block; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 14px; text-align: center; background-color: #fff; border: 1px solid #e6e6e6; position: absolute; left: 0; top: 6px;}
input[type="checkbox"]:checked+label::before { border: 1px solid #4fbfdd; background-color: #4fbfdd; background-clip: content-box; content: "\2714";}

.lySub_pop a.lySub_close { display: block; width: 40px; height: 40px; overflow: hidden; padding: 8px; position: absolute; top: 10px; right: 10px;}
.lySub_pop a.lySub_close:hover svg path { fill: #4fbfdd;}


/*nyBanner start*/
.nyBanner { height: 500px; overflow: hidden; margin-top: 100px; position: relative;}
.nyBanner .nyBanner_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.nyBanner_text p { line-height: 1.5; color: #fff; font-family: "Aileron-Bold"; font-size: 58px; text-align: center;}
.nyBanner_text span { display: block; line-height: 1.5; color: #fff; font-family: "Aileron-Thin"; font-size: 24px; text-align: center; margin-top: 20px;}
/*nyBanner end*/


/*lyBottom start*/
.lyBottom { overflow: hidden; padding: 120px 0; background: url(../images/bottomBg.jpg) center center no-repeat; background-size: cover;}
.lyBottom_main { text-align: center;}
.lyBottom_main p { line-height: 1.2; color: #fff; font-family: "Aileron-Bold"; font-size: 58px; text-align: center;}
.lyBottom_main span { display: block; line-height: 1.5; color: #fff; font-family: "Aileron-Thin"; font-size: 24px; text-align: center; margin-top: 10px;}
.lyBottom_btn { margin-top: 60px; text-align: center;}
.lyBottom_btn a { display: inline-block; width: auto; height: 72px; overflow: hidden; line-height: 68px; color: #fff; font-family: "Aileron-Thin"; font-size: 22px; text-align: center; border: 2px solid #fff; border-radius: 16px; margin: 0 30px; padding: 0 30px; opacity: .7; vertical-align: top;}
.lyBottom_btn a:hover { background-color: #4fbfdd; border: 2px solid #4fbfdd; opacity: 1;}
.lyBottom_btn a i { display: inline-block; width: 30px; height: 30px; overflow: hidden; vertical-align: middle; margin: -2px 20px 0 0;}

.lyBottom1 { background: url(../images/bottomBg1.jpg) center center no-repeat; background-size: cover;}
.lyBottom1 .lyBottom_main p { font-size: 80px;}
.lyBottom2 .lyBottom_main p { font-size: 58px;}
/*lyBottom end*/


@media (max-width:1680px) {
  .lyTop_main a.lyLogo, .lyUser { margin: 20px 0;}

  .lyNav_list>ul>li>a { height: 80px; line-height: 40px;}
  .lyNav_list>ul>li:hover .navSecond { padding: 40px 0;}
  .navPro .navPro_tab { padding-right: 60px;}
  .navPro .navPro_tab dl dd { padding: 7px 0;}

  .lyFoot { padding: 100px 0; background: #4fbfdd url(../images/footBg.png) bottom left no-repeat; background-size: 521px 320px;}
  .lyFoot_nav { width: 34%;}
  .lyFoot_email { width: 42%;}
  .lyFoot_email p { font-size: 36px;}
  .lyFoot_share a { width: 32px; height: 32px;}
  .lyFoot_sub { margin-bottom: 100px;}
  .lyFoot_sub a { height: 64px; line-height: 60px; font-size: 18px;}
  .lyFoot_sub a i { width: 24px; height: 24px;}

  .nyBanner { height: 450px; margin-top: 80px;}
  .nyBanner_text p { font-size: 54px;}
  .nyBanner_text span { font-size: 22px;}

  .lyBottom { padding: 100px 0;}
  .lyBottom_main p { font-size: 54px;}
  .lyBottom1 .lyBottom_main p { font-size: 72px;}
  .lyBottom2 .lyBottom_main p { font-size: 54px;}
  .lyBottom_main span { font-size: 22px;}
  .lyBottom_btn { margin-top: 50px;}
  .lyBottom_btn a { height: 64px; line-height: 60px; border-radius: 12px;}
}

@media (max-width:1600px) {
  .nyBanner { height: 420px;}
}

@media (max-width:1560px) {
  .nyBanner { height: 410px;}
  .nyBanner_text p, .lyBottom_main p { font-size: 52px;}
}

@media (max-width:1440px) {

  .navPro .navPro_tab { width: calc(100% - 480px); padding-right: 40px;}
  .navPro .navPro_tab dl dd { margin-bottom: 8px;}
  .navPro .navPro_tab dl dd:last-child { margin-bottom: 0;}
  .navPro .navPro_tab dl dd a { font-size: 18px;}
  .navPro .navPro_img { width: 480px; height: 240px;}
  .navService dl dd a em { width: 88px; height: 88px; padding: 26px;}
  .navService dl dd a span { font-size: 18px;}

  .lyFoot { padding: 80px 0; background: #4fbfdd url(../images/footBg.png) bottom left no-repeat; background-size: 456px 280px;}
  .lyFoot_nav ul li span, .lyFoot_email span { font-size: 20px;}
  .lyFoot_nav ul li p a { font-size: 16px;}
  .lyFoot_email { padding-left: 40px;}
  .lyFoot_email p { font-size: 32px;}
  .lyFoot_share a { width: 30px; height: 30px;}
  .lyFoot_sub { margin-bottom: 80px;}
  .lyFoot_sub a { width: 200px; height: 56px; line-height: 52px;}
  
  .nyBanner { height: 380px;}
  .nyBanner_text p { font-size: 48px;}

  .lyBottom { padding: 80px 0;}
  .lyBottom_main p { font-size: 48px;}
  .lyBottom2 .lyBottom_main p { font-size: 48px;}
  .lyBottom_main span { font-size: 20px;}
  .lyBottom_btn { margin-top: 30px;}
}

@media (max-width:1366px) {
  .lyUser a { padding: 7px;}

  .lyNav_list>ul>li { padding: 0 30px;}
  .lyNav_list>ul>li>a { font-size: 18px;}
  .lyNav_list>ul>li:hover .navSecond { padding: 30px 0;}
  .navService dl dd a { padding: 0 30px;}
  .navService dl dd a em { width: 80px; height: 80px; padding: 24px;}

  .nyBanner { height: 360px;}
  
}

@media (max-width:1280px) {
  .lyFoot { padding: 60px 0; background: #4fbfdd url(../images/footBg.png) bottom left no-repeat; background-size: 342px 210px;}
  .lyFoot_nav ul { margin: 0 -15px;}
  .lyFoot_nav ul li { padding: 0 15px;}
  .lyFoot_nav ul li span { margin-bottom: 15px;}
  .lyFoot_nav ul li p a { margin-top: 15px;}
  .lyFoot_email p { font-size: 28px;}
  .lyFoot_share a { width: 26px; height: 26px;}
  .lyFoot_sub { margin-bottom: 60px;}
  .lyFoot_sub a { width: 180px; height: 52px; line-height: 48px;}
  .lyFoot_sub a i { width: 22px; height: 22px;}  

  .nyBanner { height: 340px;}
  .nyBanner_text p { font-size: 44px;}

  .lyBottom { padding: 60px 0;}
  .lyBottom_main p { font-size: 44px;}
  .lyBottom1 .lyBottom_main p { font-size: 64px;}
  .lyBottom2 .lyBottom_main p { font-size: 44px;}
  .lyBottom_main span { font-size: 20px; margin-top: 5px;}
  .lyBottom_btn a { height: 56px; line-height: 52px; font-size: 18px; border-radius: 10px; margin: 0 20px; padding: 0 20px;}
  .lyBottom_btn a i { width: 26px; height: 26px; margin: -2px 10px 0 0;}

}

@media (max-width:1200px) {
  
  .lyNav_list>ul>li, .navService dl dd a { padding: 0 24px;}
  .navPro .navPro_tab { width: calc(100% - 400px);}
  .navPro .navPro_tab dl dd { margin-bottom: 2px;}
  .navPro .navPro_tab dl dd:last-child { margin-bottom: 0;}
  .navPro .navPro_tab dl dd a, .navService dl dd a span { font-size: 16px;}
  .navPro .navPro_img { width: 400px; height: 200px;}
  .navService dl dd a em { width: 72px; height: 72px; padding: 20px;}

  .nyBanner { height: 320px;}
  .nyBanner_text p, .lyBottom_main p { font-size: 40px;}
  .lyBottom2 .lyBottom_main p { font-size: 40px;}
}

@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: 64%; height: 100%; overflow-y: scroll; background-color: #fff; position: relative; z-index: 9999; display: block; align-items: inherit; justify-content: inherit; }  
  .lyNav_list>ul>li { display: block; align-items: inherit; padding: 0; float: none; position: relative;}
  .lyNav_list>ul>li>a { display: block; width: 100%; height: 60px; line-height: 60px; color: #222; font-size: 18px; text-align: left; padding: 0 60px 0 30px; border-bottom: 1px solid rgba(85, 87, 89, 0.1);}
  .lyNav_list>ul>li:active>a, .lyNav_list>ul>li.active>a, .lyNav_list>ul>li.cur>a { color: #4fbfdd; border-bottom: 1px solid #4fbfdd;}
  .lyNav_list>ul>li>a::after { height: 0; bottom: 0;}
  .lyNav_list>ul>li>i { display: block; width: 60px; height: 60px; overflow: hidden; margin: 0; padding: 22px; border: 0 !important; position: absolute; top: 0; right: 0;}
  .lyNav_list>ul>li:active>i svg path, .lyNav_list>ul>li.cur>i svg path { fill: #4fbfdd;}
  .lyNav_list>ul>li.cur>i svg { transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    
  .lyNav .lyNav_btn { display: block; width: 40px; height: 40px; margin: 20px 0;}
  .lyNav_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 9px;}
  .lyNav_btn:hover i svg path { fill: #4fbfdd;}
  
  .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 .navSecond { display: none; box-shadow: none; border-bottom: 1px solid rgba(85, 87, 89, 0.1); position: inherit; left: inherit; top: inherit !important;}  
  .lyNav_list>ul>li:hover .navSecond, .lyNav_list>ul>li.cur .navSecond { display: block; height: auto; padding: 20px 0; opacity: 1;}

  .navPro { display: block; align-items: unset; width: 100%; padding: 0 30px;}
  .navPro .navPro_tab { width: 100%; padding: 0;}
  .navPro .navPro_tab dl dd { padding: 0;}
  .navPro .navPro_tab dl dd a { min-height: 40px; padding: 5px 0 5px 20px;}
  .navPro .navPro_tab dl dd a::before { top: 17px;}
  .navPro .navPro_img { display: none;}
  .navService { width: 100%; padding: 0 30px;}
  .navService dl { justify-content: left;}
  .navService dl dd { margin-right: 30px;}
  .navService dl dd:last-child { margin-right: 0;}
  .navService dl dd a { padding: 0;}

  .lyFoot { padding: 60px 0;}
  .lyFoot_nav { width: 46%;}
  .lyFoot_email { width: 54%;}
  .lyFoot_email p { line-height: 32px; font-size: 26px; margin-top: 15px;}
  .lyFoot_right { width: 100%; margin-top: 40px;}
  .lyFoot_sub { text-align: center; margin-bottom: 40px;}
  .lyFoot_share { justify-content: center;}  

  .nyBanner { height: 300px;}
  .nyBanner_text p { font-size: 38px;}

  .lyBottom1 .lyBottom_main p { font-size: 60px;}
  .lyBottom2 .lyBottom_main p { font-size: 38px;}
}

@media (max-width:1024px) { 
  .nyBanner { height: 280px;}  

  .lyFoot_email p { font-size: 24px;}
}

@media (max-width:920px) {
  .lyFoot { padding: 60px 0; background: #4fbfdd url(../images/footBg.png) center left no-repeat; background-size: 375px 230px;}
  .lyFoot .w1600 { display: flex; flex-wrap: wrap;}
  .lyFoot_nav, .lyFoot_email { float: none;}
  .lyFoot_email p { font-size: 22px;}
  .lyFoot_right { width: 100%; float: none; justify-content: center; margin-top: 40px;}

  .nyBanner { height: 250px;}
  .nyBanner_text p, .lyBottom_main p { font-size: 36px;}
  .lyBottom1 .lyBottom_main p { font-size: 52px;}
  .lyBottom2 .lyBottom_main p { font-size: 36px;}
  .lyBottom_main span { font-size: 18px;}  
  .lyBottom_btn a { height: 50px; line-height: 48px; font-size: 16px; border-radius: 8px; margin: 0 6px; padding: 0 16px; border: 1px solid #fff;}
}

@media (max-width:820px) {
  .nyBanner { height: 220px;}

  .lyBottom_main p { font-size: 32px;}  
  .lyBottom1 .lyBottom_main p { font-size: 48px;}
  .lyBottom2 .lyBottom_main p { font-size: 32px;}
}

@media (max-width:767px) {
  .lyNav_list>ul { width: 72%;}
  .lyNav_list>ul>li>a { padding: 0 40px 0 20px;}
  .lyNav_list>ul>li>i { width: 40px; height: 60px; padding: 12px 20px 12px 4px;}
  .navPro { padding: 0 20px;}
  .navPro .navPro_tab dl dd a, .navService dl dd a span { font-size: 15px;}
  .navService { padding: 0 20px;}
  .navService dl dd { margin-right: 20px;}
  .navService dl dd:last-child { margin-right: 0;}
  .navService dl dd a em { width: 64px; height: 64px; padding: 18px;}

  .lyFoot { padding: 30px 0 40px; background: #4fbfdd url(../images/footBg.png) bottom left no-repeat; background-size: 261px 160px;}
  .lyFoot .w1600 { display: block; flex-wrap: inherit;}

  .lyFoot_nav, .lyFoot_email { width: 100%; margin-bottom: 40px; padding: 0;}
  .lyFoot_nav ul { margin: 00; padding: 0;}
  .lyFoot_nav ul li { width: 100%; margin-bottom: 20px; padding: 0;}  
  .lyFoot_email span { text-align: center;}
  .lyFoot_email p { font-size: 22px; word-break: break-all; text-align: center;}

  .lyFoot_nav ul li { margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
  .lyFoot_nav ul li span { display: block; line-height: 40px; color: #fff; font-family: "Aileron-Bold"; font-size: 20px; margin: 0; padding-right: 40px; position: relative; cursor: pointer;}
  .lyFoot_nav ul li span i { display: block; width: 40px; height: 40px; overflow: hidden; padding: 12px; position: absolute; top: 0; right: 0;}
  .lyFoot_nav ul li.active span i { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
  .lyFoot_nav ul li p { display: none;}
  .lyFoot_nav ul li.active p { display: block;}
  .lyFoot_nav ul li p a { display: block; line-height: 2; color: #fff; font-family: "Aileron-Regular"; font-size: 16px; margin: 0;}
  .lyFoot_sub a { width: 160px; height: 48px; line-height: 46px; font-size: 16px; border: 1px solid #fff;}
  .lyFoot_sub a i { border: 1px solid #fff; padding: 4px;}
  .lyFoot_sub a:hover i { border: 1px solid #4fbfdd;}
  .lyFoot_share a { width: 24px; height: 24px;}
  
  .nyBanner { height: 160px;}
  .nyBanner_text p { font-size: 30px;}

  .lyBottom { padding: 40px 0;}
  .lyBottom_main p { line-height: 1.2; font-size: 24px;}
  .lyBottom1 .lyBottom_main p { font-size: 30px;}
  .lyBottom2 .lyBottom_main p { font-size: 24px;}
  .lyBottom_main span { font-size: 16px;}
  .lyBottom_btn { margin-top: 22px;}
  .lyBottom_btn a { height: 48px; line-height: 46px; font-size: 16px; margin: 8px 8px 0; border: 1px solid #fff;}
}

@media (max-width:390px) {
  .lyTop_main a.lyLogo { height: 32px; margin: 16px 0;}

  .lyNav .lyNav_btn, .lyUser { margin: 12px 0;}
  .lyNav_list>ul>li:hover .navSecond, .lyNav_list>ul>li.cur .navSecond { padding: 15px 0;}
  .navPro .navPro_tab dl dd { margin-bottom: 0;}
  .navPro .navPro_tab dl dd a { min-height: 24px; line-height: 24px; font-size: 14px; padding: 5px 0 5px 14px;}
  .navPro .navPro_tab dl dd a::before { width: 4px; height: 4px; top: 15px;}

  .nyBanner { height: 140px; margin-top: 64px;}
  .nyBanner_text p { font-size: 28px;}

  .lyBottom_main p { font-size: 20px;}
  .lyBottom1 .lyBottom_main p { font-size: 26px;}
  .lyBottom2 .lyBottom_main p { font-size: 20px;}
  .lyBottom_main span { font-size: 12px;}
  .lyBottom_btn { margin-top: 20px;}
  .lyBottom_btn a { height: 40px; line-height: 38px; font-size: 14px; border-radius: 8px;}
  .lyBottom_btn a i { width: 22px; height: 22px;}
  
}

@media (max-width:320px) {
  .lyTop_main a.lyLogo { height: 28px; margin: 18px 0;}

  .lyFoot { background: #4fbfdd url(../images/footBg.png) bottom left no-repeat; background-size: 196px 120px;}  

  .nyBanner { height: 120px;}
  .nyBanner_text p { font-size: 24px;}
  
  .lyBottom_main p { font-size: 17px;}
  .lyBottom1 .lyBottom_main p { font-size: 24px;}
  .lyBottom2 .lyBottom_main p { font-size: 17px;}
}