* { 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;}
body { font: 16px/1.5 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif';}
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: #000; 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: 3px;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color: #f6f6f6;}/* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb { background-color: #0096e0;}
::-webkit-scrollbar-thumb:window-inactive { background-color: #0096e0;}  /* 滚动条滑块点击状态 */

@font-face { font-family: "AntonRegular"; src: url('../fonts/AntonRegular.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-SemiBold"; src: url('../fonts/Poppins-SemiBold.ttf');}
@font-face { font-family: "Poppins-Bold"; src: url('../fonts/Poppins-Bold.ttf');}

.w1400 { width: 1400px; margin: 0 auto;}
@media (max-width:1440px) {
  .w1400 { width: 94%;}
}

/*header start*/
.ly_header { overflow: hidden; padding: 20px 0; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .06); position: relative; z-index: 9;}
.ly_header .lyHead_logo { float: left;}
.lyHead_logo a { display: -webkit-flex; display: flex; align-items: center; height: 50px; overflow: hidden;}
.lyHead_logo a img { max-height: 100%;}

.ly_header .lyHead_tel { height: 40px; line-height: 40px; color: #999; font-size: 16px; margin: 5px 0; float: right;}
.lyHead_tel img { display: block; width: 20px; height: 20px; margin: 10px 8px 10px 0; float: left;}
.lyHead_tel span { display: inline-block; color: #0096e0; font-size: 24px; font-weight: bold; vertical-align: top;}
/*header end*/


.lyPart { overflow: hidden; padding: 100px 0;}

.ly_title { margin-bottom: 50px;}
.ly_title p { height: 50px; line-height: 50px; color: #222; font-size: 36px; font-weight: bold; text-align: center;}
.ly_title p em { display: inline-block; color: #0096e0; font-size: 80px; font-weight: bold; margin-top: -15px;}
.ly_title span { display: block; line-height: 26px; color: #999; font-size: 16px; text-align: center; margin-top: 10px;}
.ly_title i { display: block; width: 70px; height: 3px; overflow: hidden; background-color: #0096e0; margin: 20px auto 0;}
.ly_title1 p, .ly_title1 span { color: #fff;}
.ly_title1 i { background-color: #fff;}


/*footer start*/
.ly_footer { overflow: hidden; padding: 15px 0; background-color: #fff;}
.lyFooter_main p { line-height: 30px; color: #999; font-size: 16px;}
.lyFooter_main p.fr { text-align: right;}
.lyFooter_main p a { color: #999; font-size: 16px;}
.lyFooter_main p a:hover { color: #0096e0;}
.lyFooter_main p a img { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: -4px 8px 0 0;}


.totop { width: 56px; height: 56px; padding: 18px; background-color: #0096e0; border-radius: 8px; position: fixed; bottom: 9%; right: 20px; z-index: 999; cursor: pointer;}


@media (max-width:1440px) {
  .ly_header { padding: 15px 0;}

  .lyPart { padding: 80px 0;}

  .ly_title { margin-bottom: 40px;}

  .totop { width: 48px; height: 48px; padding: 14px;}
}

@media (max-width:1366px) {
  
}

@media (max-width:1280px) {
  .lyPart { padding: 60px 0;}

  .ly_title p { height: 40px; line-height: 40px; font-size: 32px;}
  .ly_title p em { font-size: 60px;}
  .ly_title span { line-height: 25px; font-size: 15px;}

  .lyFooter_main p, .lyFooter_main p a { font-size: 15px;}
}

@media (max-width:1200px) {
  .ly_title { margin-bottom: 30px;}
  .ly_title p { font-size: 30px;}
  .ly_title span { line-height: 24px; font-size: 14px; margin-top: 6px;}

  .lyFooter_main p, .lyFooter_main p a { line-height: 24px; font-size: 14px;}
}

@media (max-width:1080px) {
  .ly_title p { height: 36px; line-height: 36px; font-size: 28px;}
  .ly_title p em { font-size: 54px; margin-top: -10px;}
}

@media (max-width:1024px) {
  
}

@media (max-width:920px) {
  .lyPart { padding: 40px 0;}
}

@media (max-width:820px) {
  .ly_title p { height: 32px; line-height: 32px; font-size: 24px;}
  .ly_title p em { font-size: 44px; margin-top: -8px;}

  .lyFooter_main p { float: none; text-align: center!important;}

}

@media (max-width:767px) {
  .ly_header { padding: 10px 0;}
  .lyHead_logo a { height: 40px;}
  .ly_header .lyHead_tel { font-size: 0; margin: 0;}
  .lyHead_tel span { font-size: 20px;}

  .ly_title { margin-bottom: 20px;}
  .ly_title p { height: 30px; line-height: 30px; font-size: 20px;}
  .ly_title p em { font-size: 40px;}

  .totop { width: 44px; height: 44px; bottom: 16%; right: 4px;}
}

@media (max-width:390px) {}

@media (max-width:320px) {
  .lyHead_tel img { margin: 10px 4px 10px 0;}
  .lyHead_tel span { font-size: 16px;}

  .lyPart { padding: 20px 0;}

  .ly_title p { height: auto; font-size: 18px;}
  .ly_title p em { font-size: 36px;}
}

