@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1605943081107'); /* IE9 */
  src: url('iconfont.eot?t=1605943081107#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATAAAsAAAAAChQAAARyAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDQAqHGIVvATYCJAMYCw4ABCAFhG0HTxuUCMieg3GzfAyLSmVxp/zWufSIh6+18v3unrmp3gMOEOqwIypPqKJTK1zYaAajowiMuB/fuV6azpJO4FTskw0TzTCRcq7e/V/bCWIlLCQsuiTPJ/v/RMcOyTQepRMSqZEPUcwHx0zX6Xm02YBmQ4wsi0oc4HhA4/pOL22wEnlBfwXxbCb8E3Q3gWqhsdC+5bujUlJoBwXiqpc0lFLMrZQwQ2drc84sAsoHmS5lcGdBccv9/fgP7VCCpMmg3evI+bmtjH71eG6PmcTYZgasvyC488hYDxTiRm74Ot3ProdVZfucPRRVJ0l9tQ9/bvHcXpIIccP0K0pX1aD+L4+kaIRMtKCZBynsgVzDrx6mhMSvYRIKv4aryy0WcApY7GFx2va2xz2mQSwDiNOgUZYLF0MnGYhxFUgmOpKgfgCkoLKePSP+V/XXrhmYXn/50Rs3LK5fd20VjZ1ZHazd4CHrUDWa1At4kO37+6O6AzPotn39oPrdVOt3MUD/QTdaVoaQsZQECa37e6OqAyPULft6Qfk79zIOVWdRIwmK4quxdOsAXWapsYyaZJWwYufAgTCvgAM4ICy53XGZjMFEq6iA64Y2XqO4mMQQTo2uX/fEV5/qrz0zrCzkUXOzry1U0XggaxRyQx2A+iORa3vmflQX4xpPs72Zo1GZcioPMwZ5dGbtg2pSU755EBeAfv9n6XiCF/FrKqxPjW/Ctw7hAl38xkH75IniqG1aYOIbpThSVO72teljwPHrT6JPOv2wx23Z7fsJ1VnyyXwU9iN/1SdylrhYaBfTNH806Q/Rw0j1X03EALNShfKPokLBEeTfrYYnbf3zscM3rfgR21X6ChVzzcp7VF/h/qNEt7Is5xaVekjUrvoeJkg0KK5Em+KH8J4S8kHhE+F/TcSelCD0NDCjRRhA3vd4Twb4jlgqGgIdBT4HDaTvBVh2j2nPXFHy+///HzbgzXEi1/An+bM63VneAb57F/Wo4+0VKyb9NV/4Kv7mKwmm7CifNwW2Pwf9Yhh4wlv2lHnlAzjY/EQq8lyl7Zj7GJhhRYeZK5+H/QVC8Lmg5oiDdu43JeUBvtx/OIoo26FmqT8pi9qab2+ozASYkcosXqd52iJnlBFQQxffRaD1kFr9QkJV8c3Fx93vyzpVu57QmQohGbAAss5yZMGuh0bPdmh1dkK1zorzeyYE00VRAWulEAijNkAy7CNko84hC/YeNKa9g9ZoYKhORZcr9qwML7IkGA1GG5yf4GXFkTB8XPEa9yizwKCozuWdka5uAiaNn5gsLDFC6uOYkJtsh7IAd4pDWE7uh0EQQyDFHlpc92ROOhMmuOc9U90lDpWKvQgyMGQDzp6AF0ssIuzZrJL6+T0kZQIGKpmoSJ8hcuUuDiYZb2IN5NIc1Zo4l+1D3EhtoZig93NHYiGwHEEU6NkYCMzfzYMsrM6zRTrRMYGa5l7XXB/fGl7lOai0J26DQxjxSIbkSAHNxTBXZHkXr8SNCqEBkfTcfLCXdDjn6yZYUQAAAA==') format('woff2'),
  url('iconfont.woff?t=1605943081107') format('woff'),
  url('iconfont.ttf?t=1605943081107') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1605943081107#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-right:before {
  content: "\e625";
}

.icon-left:before {
  content: "\e626";
}


.arrow-left i {
  display: inline-block;
}



body {
  background: #ffffff;
  font-size: 16px;
}
.intro{width: 1200px;margin: 20px auto;border: 1px solid rgb(5, 87, 240);border-radius: 5px;padding: 20px;text-indent: 2em;line-height: 2;color: #32c5e9;font-weight: bold;font-size: 20px;}
.backstretch{display: none !important}



.lyfx_banner {
  width: 100%;
  height: 585px;
  background: url(../images/lyfx_banner.png) no-repeat center top transparent;
}

.lyfx_banner .lyfx-lg-logo {
  display: block;
  margin: 0 auto;
  padding-top: 70px;
  animation: lglogo .8s ease-in-out;
}

.lyfx_banner .lyfx-logo {
  display: block;
  margin: 40px auto;
  animation: lyfxlogo .8s ease-in-out;
}

@keyframes lglogo {
  0% {
    transform: translateY(-20px) scale(1.01);
    opacity: 0.2;
  }

  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

@keyframes lyfxlogo {
  0% {
    transform: translateY(30px) scale(0.99);
    opacity: 0.2;
  }

  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}


.container {
  width: 1200px;
  margin: 50px auto;
  padding: 0
}

.reply {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.reply .liquid {
  width: 33.333%;
  height: 400px;
}

.selector{
  width: 150px;
  height: 40px;
  border: 1px solid #32c5e9;
  border-radius: 5px;
  margin: 10px 0;
  float: right;
}
.selector select{
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.selector select option{
  margin: 0 auto;
}

/* 留言总数 */
.main-title{display: flex;justify-content: space-between;align-items: center;}
.main-title::after {content: "";height:1px;width:85%;background-color: #0852B1;display: block;flex: 1;}
.main-title h1{display: inline-block;padding: 15px 20px;border: 1px solid #0852B1;font-size: 26px;font-weight: bold;color: #0852B1;border-radius: 5px;}
.main-title.dept::after{background-color: #32c5e9;}
.main-title.dept h1{border-color: #32c5e9;color: #32c5e9;}
.main-title.replytit::after {background-color: #FF0060;}
.main-title.replytit h1{border-color: #FF0060;color: #FF0060;}

.totalCount{
  width: 100%;height:500px;margin-bottom: 40px;
}
.ciPie-box{
  padding: 40px 0;
}
.detpPie{
  width:600px;height:400px;float: left;
}
.ci{
  background:url('../images/reply.png') center center no-repeat ;background-size: 100% 120%;
}
.yt.ci{
  width: 600px; height: 400px;float: left;
}


.scatter{width: 100%;height: 800px;}





.zdzt {
  width: 100%;
  height: 597px;
  background: url(../images/zdzt_bg.png) no-repeat center top transparent;
  padding-top: 50px;
}
.zdzt h1 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}
.zdzt .box {
  width: 1200px;
  margin: 40px auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.zdzt .zt-link {
  width: 25%;
  text-align: center;
  height: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  position: relative;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}
.zdzt .zt-link::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 70px;
  height: 70px;
  background-size: 100% 100%;
  opacity: 0.4;
  transform: scale(1.5);
}
.zdzt .zt-link:hover .zt-icon {
  transform: scale(1.2);
}
.zdzt .zt-link:hover p {
  transform: translateY(-15px);
  font-size: 26px;
}
.zdzt .zt-link.hy {
  background: linear-gradient(135deg, #0ebfcf, #098ddf);
  height: 300px;
}
.zdzt .zt-link.zf {
  background: linear-gradient(135deg, #249afc, #3b5dfd);
}
.zdzt .zt-link.xw {
  background: linear-gradient(135deg, #6f4ae8, #4d3de8);
  height: 300px;
}
.zdzt .zt-link.bs {
  background: linear-gradient(135deg, #0dadeb, #0e70ed);
}
.zdzt .zt-link.hy::after {
  background-image: url(../images/zdzt_hy.png);
  bottom: 10%;
  right: 10%;
}
.zdzt .zt-link.zf::after {
  background-image: url(../images/zdzt_zf.png);
  bottom: 10%;
  right: 10%;
}
.zdzt .zt-link.xw::after {
  background-image: url(../images/zdzt_xw.png);
  bottom: 10%;
  right: 10%;
}
.zdzt .zt-link.bs::after {
  background-image: url(../images/zdzt_bs.png);
  bottom: 10%;
  right: 10%;
}
.zdzt .zt-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.zdzt .zt-link p {
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  transition: all 0.2s ease-in-out;
}


.lyfx-list-box{margin:15px -10px;}
.list{width: 50%;float: left;}
.list .tit{padding: 20px;font-size: 26px;font-weight: bold;color: #0852b1;}
.con {padding: 0 20px;}
.con li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:10px;padding-right: 110px;position: relative;}
.con .d{position: absolute;right: 0;}


@media(max-width:768px){
  .lyfx_banner{
    padding: 20px 10px;
    height: auto;
  }
  .lyfx_banner .lyfx-lg-logo,.container{
    width: 100%;

  }
  .lyfx-logo{
    width: 100%;
  }

  .intro{
    width: 100%;
    padding: 10px;
  }


  .detpPie{
    width: 100%;
    float: none;
  }
  .yt.ci{
    width: 100%;
    float: none;
  }
  .reply{
    flex-wrap: wrap;
  }

  .reply .liquid{
    width: 100%;
  }
  .zdzt{
    height: auto;
  }
  .zdzt .box{
    width: 100%;
    flex-wrap: wrap;
  }

  .zdzt .zt-link{
    width: 100%;
  }
  .lyfx-list-box{
    margin: 0;
  }
  .list{
    width: 100%;
    float: none;
  }
}