input[type="text"]::-webkit-input-placeholder {  color: #c3c3c3; }input[type="text"]:-moz-placeholder {  color: #c3c3c3; }input[type="text"]::-moz-placeholder {  color: #c3c3c3; }input[type="text"]:-ms-input-placeholder {  color: #c3c3c3; }@font-face {  font-family: 'IMP';  src: url("../images/impact.eot");  src: url("../images/impact.eot#iefix") format("embedded-opentype"), url("../images/impact.woff") format("woff"), url("../images/impact.woff2") format("woff2"), url("../images/impact.ttf") format("truetype"), url("../images/impact.svg") format("svg"); }.w1150 {  width: 1150px;  margin: 0 auto; }@media (max-width: 1150px) {  .w1150 {    width: 93%; } }.left {  float: left; }.right {  float: right; }.ovfHiden{overflow: hidden;height: 100%;}.container {  width: 100%;  height: auto;  overflow: hidden;  position: relative;  z-index: 5; }.main {  width: 100%;  height: auto;  overflow: hidden;  position: relative;  top: 0;  left: 0;  transition: left 1s ease 0s; }.sidebar.move {  left: 55%;  transform: rotateY(0deg); }.main.move {  left: -45%; }.header {  width: 100%;  height: 85px;  background: #fff;  position: fixed;  top: 0;  left: 0;  z-index: 100;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }.header .header-new {  width: 1150px;  height: 100%;  margin: 0 auto;  position: relative; }.header .header-new .logo {  width: 157px;  height: 36px;  display: block;  position: absolute;  top: 25px;  left: -100px;  z-index: 100; }.header .header-new .nav {  width: 100%;  height: 100%; }.header .header-new .nav ul {  width: 100%;  height: 100%;  text-align: center;  font-size: 0; }.header .header-new .nav ul li {  display: inline-block;  font-size: 16px;  line-height: 85px;  margin: 0 17px;  position: relative; }.mnav {  width: 210px;  height: auto;  background-color: #fff;  box-shadow: 0 0 6px rgba(0, 0, 0, 0.17);  position: absolute;  top: 74px;  left: 50%;  margin-left: -105px;  padding: 30px 0;  display: none; }  .mnav dl {    width: 153px;    height: auto;    margin: 0 auto; }    .mnav dl dd {      width: 100%;      height: auto;      font-size: 14px;      line-height: 39px;      border-bottom: 1px solid #d1d1d1;      transition: all .5s; }      .mnav dl dd a {        width: 100%;        height: auto;        display: block;        color: #000;        text-align: left;        transition: background .5s,color .5s; }        .mnav dl dd a span {          transition: margin-left .5s;          float: left; }        .mnav dl dd a i {          width: 5px;          height: 39px;          display: block;          float: right;          background-image: url(../images/nav_icon.png);          background-position: center center;          background-repeat: no-repeat;          margin-right: 10px;          transition: all .5s; }      .mnav dl dd:hover {        border-bottom: 1px solid #1e489e; }        .mnav dl dd:hover a {          background-color: #1e489e;          color: #fff; }          .mnav dl dd:hover a span {            margin-left: 14px; }          .mnav dl dd:hover a i {            background-image: url(../images/nav_icon_h.png); }.header .header-new .nav ul li .tits {  color: #646464;  position: relative; }.header .header-new .nav ul li.on .tits {  color: #1e489e;  font-weight: bold; }.header .header-new .nav ul li.on .tits:after {  content: '';  position: absolute;  width: 29px;  height: 3px;  left: 50%;  margin-left: -15px;  background-color: #1e489e;  bottom: -10px; }@media (min-width: 1024px) {  .header .header-new .nav ul li:hover .tits {    color: #1e489e;    font-weight: bold; }  .header .header-new .nav ul li:hover .tits:after {    content: '';    position: absolute;    width: 29px;    height: 3px;    left: 50%;    margin-left: -15px;    background-color: #1e489e;    bottom: -10px; }  .header .header-new .nav ul li:hover .mnav {    display: block; } }.header .header-new .header-left {  position: absolute;  top: 28px;  right: -170px;  z-index: 100; }.header .header-new .header-left .icon {  width: 27px;  height: 27px;  display: block;  float: right;  margin-left: 8px;  background-position: center center;  background-repeat: no-repeat;  border-radius: 27px;  transition: all .5s;  background-color: #2b51a4;  position: relative; }.header .header-new .header-left .icon .tel-new {  width: 27px;  height: 27px;  border-radius: 27px;  background-color: #2b51a4;  position: absolute;  top: 0;  right: 0;  z-index: 10;  transition: width .5s; }.header .header-new .header-left .icon .tel-new .tel {  width: 27px;  height: 27px;  display: block;  float: left;  background-position: center center;  background-repeat: no-repeat; }.header .header-new .header-left .icon .tel-new span {  font-size: 14px;  line-height: 27px;  color: #fff;  margin-left: 5px;  position: absolute;  left: 32px;  top: 0; }@media (min-width: 1024px) {  .header .header-new .header-left .icon:hover .tel-new {    width: 150px; }  .header .header-new .header-left .icon:hover .tel-new span {    opacity: 1; } }.header .header-new .header-left .icon .tel-new .tel {  background-image: url(../images/header_tel.png); }.header .header-new .header-left .icon.add {  background-image: url(../images/header_add.png); }/*.header .header-new .header-left .icon.tel:hover{	background-color: #53d1a3;}.header .header-new .header-left .icon.add:hover{	background-color: #30afe8;}*/.header .header-new .header-left .search {  width: 205px;  height: 28px;  background: #fff;  border: 1px solid #ebebeb;  float: right;  margin-right: 12px; }.header .header-new .header-left .search .text {  width: 155px;  height: 28px;  background: none;  border: none;  float: left;  padding-left: 10px;  font-size: 12px;  line-height: 28px; }.header .header-new .header-left .search .botton {  width: 40px;  height: 28px;  background: url(../images/header_search.png) center no-repeat;  display: block;  border: none;  float: right; }.header-m {  width: 100%;  height: 80px;  background: #fff;  display: none;  position: fixed;  top: 0;  left: 0;  z-index: 100;  transition: left 1s ease 0s;  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }.header-m.move {  left: -45%;  transition: left 1s ease 0s; }.header-m .logo {  margin-left: 4%;  width: 157px;  height: 36px;  margin-top: 22px;  float: left;  display: block; }.header-m .nav-click {  width: 30px;  height: 24px;  float: right;  margin-right: 4%;  display: block;  margin-top: 28px;  background-image: url(../images/nav_click.png);  background-repeat: no-repeat;  background-position: center center;  background-size: auto auto; }.header-m .nav-click.on {  background-image: url(../images/nav_close.png); }.header-m .tel {  width: 27px;  height: 27px;  display: block;  float: right;  margin-right: 20px;  margin-top: 26px;  background-position: center center;  background-repeat: no-repeat;  background-image: url(../images/header_tel.png);  border-radius: 27px;  background-color: #2b51a4; }.header-m .add {  width: 27px;  height: 27px;  display: block;  float: right;  margin-right: 8px;  background-position: center center;  background-repeat: no-repeat;  border-radius: 27px;  margin-top: 26px;  background-color: #2b51a4;  background-image: url(../images/header_add.png); }.sidebar {  width: 45%;  height: 100%;  background: #343434;  left: 100%;  top: 0;  position: absolute;  transform: rotateY(90deg);  transform-origin: 0 0;  transition: left 1s ease 0s,transform 1s ease 0s; }.sidebar .sidebar-new {  width: 85%;  padding-top: 80px;  margin-left: 10%; }.sidebar .sidebar-new .logo {  width: 157px;  height: auto;  display: block; }.sidebar .sidebar-new .nav {  width: 100%;  height: auto;  margin-top: 10%; }.sidebar .sidebar-new .nav a {  width: 100%;  height: auto;  font-size: 24px;  color: #d2d2d2;  line-height: 50px;  display: block; }.sidebar .sidebar-new .nav a span {  font-size: 14px;  margin-left: 10%; }.sidebar .sidebar-new .nav a i {  margin-left: 10%; }@media (max-width: 1480px) {  .header .header-new {    width: 93%; }  .header .header-new .logo {    left: 0; }  .header .header-new .header-left {    right: 0; } }@media (max-width: 1350px) {  .header .header-new .nav ul {    width: auto;    text-align: left;    margin-left: 200px; } }@media (max-width: 1250px) {  .header .header-new .nav ul {    margin-left: 180px; }  .header .header-new .nav ul li {    margin: 0 10px; }  .header .header-new .header-left .search {    width: 180px; }  .header .header-new .header-left .search .text {    width: 130px; }  .header .header-new .header-left .search {    margin-right: 0; } }@media (max-width: 1070px) {  .header .header-new .nav ul {    margin-left: 170px; }  .header .header-new .header-left .search {    width: 145px; }  .header .header-new .header-left .search .text {    width: 100px; }  .header .header-new .header-left .search .botton {    width: 30px; } }@media (max-width: 1024px) {  .header {    display: none; }  .header-m {    display: block; } }@media (max-width: 730px) {  .header-m {    height: 60px; }  .header-m .logo {    margin-top: 12px; }  .header-m .nav-click {    margin-top: 18px; }  .sidebar .sidebar-new {    padding-top: 60px; }  .sidebar .sidebar-new .nav a {    font-size: 20px;    line-height: 40px; }  .header-m .tel {    margin-top: 21px; }  .header-m .add {    margin-top: 21px; } }@media (max-width: 640px) {  .header-m .logo {    width: 120px;    height: auto;    margin-top: 16px; }  .sidebar .sidebar-new .logo {    width: 120px; }  .sidebar .sidebar-new .nav a {    font-size: 16px; }  .sidebar .sidebar-new .nav a i {    margin-left: 5%; }  .sidebar .sidebar-new {    margin-left: 5%; } }@media (max-width: 455px) {  .header-m {    height: 50px; }  .header-m .logo {    margin-top: 11px; }  .header-m .nav-click {    margin-top: 13px; }  .sidebar .sidebar-new .nav a {    font-size: 14px; }  .sidebar .sidebar-new .nav a span {    font-size: 12px; }  .header-m .tel {    margin-top: 11px; }  .header-m .add {    margin-top: 11px; } }.index {  width: 100%;  height: auto;  overflow: hidden;  padding-top: 85px; }@media (max-width: 1024px) {  .index {    padding-top: 80px; } }@media (max-width: 730px) {  .index {    padding-top: 60px; } }@media (max-width: 455px) {  .index {    padding-top: 50px; } }.index-banner {  width: 100%;  height: auto;  position: relative; }.index-banner ul {  width: 100%;  height: auto; }.index-banner ul li {  width: 100%;  height: auto;  overflow: hidden; }.index-banner ul li img {  width: 100%;  height: auto; }.index-banner .btns {  width: 100%;  height: auto;  position: absolute;  bottom: 35px !important;  left: 0;  text-align: center;  font-size: 0;  z-index: 100; }.index-banner .btns span {  width: 13px;  height: 13px;  border-radius: 13px;  background: #fff;  opacity: 0.4;  display: inline-block;  margin: 0 3px;  transition: width .5s,opacity .5s; }.index-banner .btns span.swiper-pagination-bullet-active {  width: 41px;  opacity: 1; }@media (max-width: 1000px) {  .index-banner .btns {    bottom: 20px !important; } }@media (max-width: 800px) {  .index-banner ul li img {    width: 120%;    margin-left: -10%; } }@media (max-width: 600px) {  .index-banner ul li img {    width: 140%;    margin-left: -20%; }  .index-banner .btns span {    width: 8px;    height: 8px; }  .index-banner .btns span.swiper-pagination-bullet-active {    width: 26px; } }@media (max-width: 400px) {  .index-banner ul li img {    width: 160%;    margin-left: -30%; } }.index-solution {  width: 100%;  height: auto;  background-size: cover !important;  background-position: center center;  background-repeat: no-repeat;  padding-bottom: 100px; }.index-solution .solution-new {  height: auto; }.index-solution .solution-new .box-title {  width: 100%;  height: auto;  padding-top: 122px; }.index-solution .solution-new .box-title .img-title {  width: 100%;  height: auto;  text-align: center;  font-size: 40px;  line-height: 40px;  color: #292929; }.index-solution .solution-new .box-title .img-title img {  max-width: 100%; }.index-solution .solution-new .box-title .con-title {  text-align: center;  font-size: 14px;  line-height: 24px;  color: #292929;  width: 760px;  height: auto;  margin: 16px auto 0; }.index-solution .solution-new .content {  width: 100%;  height: auto;  position: relative;  margin-top: 25px; }.index-solution .solution-new .content .list {  width: 100%;  height: auto;  overflow: hidden; }.index-solution .solution-new .content .list ul {  width: 100%;  height: auto; }.index-solution .solution-new .content .list ul li {  width: 33.3%;  height: auto;  float: left;  padding-top: 90px;  padding-bottom: 80px;  transition: background 0.5s;  background-color: #fff;  /*background-color: #2b51a4;*/ }.index-solution .solution-new .content .list ul li .con {  border-left: 1px solid #ccc; }.index-solution .solution-new .content .list ul li:first-child .con {  border: none; }.index-solution .solution-new .content .list ul li .con .icon {  width: 77px;  height: 77px;  margin: 0 auto;  border: 1px solid #2b51a4;  border-radius: 77px;  position: relative;  transition: border 0.5s; }.index-solution .solution-new .content .list ul li .con .icon img {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;  max-width: 100%;  max-height: 100%;  transition: transform 1s ease; }.index-solution .solution-new .content .list ul li .con .icon .img1 {  display: block; }.index-solution .solution-new .content .list ul li .con .icon .img2 {  display: none; }/*@media (min-width: 1024px){	.index-solution .solution-new .content .list ul li .con .icon:hover img{		transform: rotateY(360deg);	}}*/.index-solution .solution-new .content .list ul li .con .tits {  text-align: center;  font-size: 20px;  line-height: 26px;  color: #323232;  margin-top: 13px;  transition: color 0.5s; }.index-solution .solution-new .content .list ul li .con .tit {  font-size: 14px;  line-height: 24px;  height: 48px;  color: #646464;  opacity: 0.85;  text-align: center;  width: 70.5%;  margin: 11px auto 0;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  transition: color 0.5s; }.index-solution .solution-new .content .list ul li .con .more {  width: 117px;  height: 40px;  background: #2b51a4;  text-align: center;  display: block;  font-size: 14px;  line-height: 40px;  margin: 38px auto 0;  color: #fff;  transition: all .5s; }@media (min-width: 1024px) {  .index-solution .solution-new .content .list ul li:hover {    background: #2b51a4; }  .index-solution .solution-new .content .list ul li:hover .con .icon {    border: 1px solid #fff; }  .index-solution .solution-new .content .list ul li:hover .con .icon .img1 {    display: none; }  .index-solution .solution-new .content .list ul li:hover .con .icon .img2 {    display: block; }  .index-solution .solution-new .content .list ul li:hover .con .tits {    color: #fff; }  .index-solution .solution-new .content .list ul li:hover .con .tit {    color: #fff; }  .index-solution .solution-new .content .list ul li:hover .con .more {    background: rgba(255, 255, 255, 0.2); } }.index-solution .solution-new .content .a {  width: 42px;  height: 101px;  display: block;  position: absolute;  top: 50%;  z-index: 10;  margin-top: -50px;  transition: all .5s;  background-size: cover; }.index-solution .solution-new .content .a.prev {  left: -21px;  background: url(../images/prev_h.png) center no-repeat; }.index-solution .solution-new .content .a.next {  right: -21px;  background: url(../images/next_h.png) center no-repeat; }@media (max-width: 1024px) {  .index-solution {    padding-bottom: 70px; }  .index-solution .solution-new .box-title {    padding-top: 80px; }  .index-solution .solution-new .content {    margin-top: 40px; }  .index-solution .solution-new .content .list ul li {    padding-top: 40px;    padding-bottom: 30px; } }@media (max-width: 850px) {  .index-solution .solution-new .box-title .con-title {    width: 96%; }  .index-solution .solution-new .content .a {    width: 40px;    height: 40px;    background-size: cover !important;    margin-top: -20px; }  .index-solution .solution-new .content .a.next {    right: -20px; }  .index-solution .solution-new .content .a.prev {    left: -20px; } }@media (max-width: 740px) {  .index-solution {    padding-bottom: 50px; }  .index-solution .solution-new .box-title {    padding-top: 45px; }  .index-solution .solution-new .box-title .img-title {    font-size: 22px;    line-height: 22px; }  .index-solution .solution-new .content {    margin-top: 25px; }  .index-solution .solution-new .content .list ul li .con .icon {    width: 55px;    height: 55px;    border-radius: 55px; }  .index-solution .solution-new .content .list ul li .con .icon img {    max-width: 50%; }  .index-solution .solution-new .box-title .img-title img {    width: 280px; }  .index-solution .solution-new .content .list ul li .con .tits {    font-size: 16px;    line-height: 20px;    margin-top: 8px; }  .index-solution .solution-new .content .list ul li .con .tit {    width: 80%;    line-height: 20px;    height: 40px; }  .index-solution .solution-new .content .list ul li .con .more {    margin: 25px auto 0;    width: 100px;    height: 30px;    line-height: 30px; }  .index-solution .solution-new .content .list ul li {    padding-top: 20px;    padding-bottom: 20px; } }@media (max-width: 530px) {  .index-solution {    padding-bottom: 70px; }  .index-solution .solution-new .content {    margin-top: 25px; }  .index-solution .solution-new .content .a {    top: 100%;    display: none;    margin-top: 10px; }  .index-solution .solution-new .content .a.prev {    left: 50%;    margin-left: -50px; }  .index-solution .solution-new .content .a.next {    left: 50%;    right: auto;    margin-left: 10px; }  .index-solution .solution-new .box-title .img-title img {    width: 260px; }  .index-solution .solution-new .box-title .con-title {    line-height: 20px; } }@media (max-width: 400px) {  .index-solution .solution-new .box-title {    padding-top: 30px; }  .index-solution .solution-new .box-title .img-title img {    width: 220px; }  .index-solution .solution-new .content {    margin-top: 10px; } }.index-service {  width: 100%;  height: auto;  background-size: cover !important;  background-repeat: no-repeat;  background-position: center center;  padding-bottom: 65px; }.index-service .service-new {  height: auto; }.index-service .service-new .box-title {  width: 100%;  height: auto;  padding-top: 80px; }.index-service .service-new .box-title .img-title {  width: 100%;  height: auto;  text-align: center;  font-size: 40px;  line-height: 40px;  color: #fff; }.index-service .service-new .box-title .con-title {  text-align: center;  font-size: 14px;  line-height: 24px;  color: #fff;  width: 760px;  height: auto;  margin: 8px auto 0; }.index-service .service-new .list {  width: 100%;  height: auto;  overflow: hidden;  margin-top: 30px; }.index-service .service-new .list ul {  width: 100%;  height: auto; }.index-service .service-new .list ul li {  width: 49.6%;  height: auto;  float: left;  margin-bottom: 10px;  position: relative; }.index-service .service-new .list ul li:nth-child(even) {  float: right; }.index-service .service-new .list ul li .bg {  position: absolute;  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  background: url(../images/index_bg_x.png) no-repeat;  background-size: cover !important;  opacity: 0;  transition: opacity .5s; }.index-service .service-new .list ul li .con {  width: 83.7%;  height: auto;  position: absolute;  left: 8.15%;  top: 82%;  transition: top .5s; }.index-service .service-new .list ul li .con .tits {  font-size: 30px;  line-height: 30px;  color: #fff; }.index-service .service-new .list ul li .con .tit {  font-size: 14px;  line-height: 24px;  color: #fff;  height: 48px;  width: 100%;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  margin-top: 15px;  opacity: 0;  transition: opacity .3s; }.index-service .service-new .list ul li .con .li-more {  width: 137px;  height: 45px;  background: rgba(255, 255, 255, 0.2);  text-align: center;  display: block;  font-size: 14px;  line-height: 45px;  color: #fff;  margin-top: 32px;  opacity: 0;  transition: all .3s; }.index-service .service-new .more {  width: 137px;  height: 45px;  background: #0d6fb8;  margin: 20px auto 0;  display: block;  color: #fff;  font-size: 14px;  line-height: 45px;  text-align: center;  transition: all .5s; }@media (min-width: 1024px) {  .index-service .service-new .more:hover {    background: rgba(43, 81, 164, 0.6); }  .index-service .service-new .list ul li:hover .bg {    opacity: 1; }  .index-service .service-new .list ul li:hover .con {    top: 25%; }  .index-service .service-new .list ul li:hover .con .tit {    opacity: 0.8; }  .index-service .service-new .list ul li:hover .con .li-more {    opacity: 1; } }@media (max-width: 980px) {  .index-service .service-new .list ul li .con {    top: 75%; } }@media (max-width: 780px) {  .index-service {    padding-bottom: 45px; }  .index-service .service-new .box-title {    padding-top: 50px; }  .index-service .service-new .box-title .img-title img {    width: 280px; }  .index-service .service-new .box-title .con-title {    width: 96%; }  .index-service .service-new .list ul li {    margin-bottom: 7px; }  .index-service .service-new .list ul li .con .tits {    font-size: 24px;    line-height: 24px; } }@media (max-width: 740px) {  .index-service .service-new .box-title .img-title {    font-size: 22px;    line-height: 22px; } }@media (max-width: 550px) {  .index-service .service-new .box-title .img-title img {    width: 240px; }  .index-service .service-new .box-title .con-title {    line-height: 20px; }  .index-service .service-new .list {    margin-top: 20px; }  .index-service .service-new .list ul li .con .tits {    font-size: 16px;    line-height: 16px; }  .index-service .service-new .more {    width: 120px;    height: 36px;    line-height: 36px;    margin: 15px auto 0; } }@media (max-width: 390px) {  .index-service .service-new .list ul li .con .tits{    font-size: 14px;    line-height: 14px;  }  .index-service .service-new .box-title .img-title img {    width: 200px; }  /*.index-service .service-new .list ul li {    width: 100%; }*/  .index-service .service-new .list ul li .con {    top: 80%; } }.index-customers {  width: 1395px;  height: auto;  margin: 0 auto;  padding-bottom: 95px; }.index-customers .box-title {  width: 100%;  height: auto;  padding-top: 95px; }.index-customers .box-title .img-title {  width: 100%;  height: auto;  max-width: 100%;  text-align: center;  font-size: 40px;  line-height: 40px;  color: #292929; }.index-customers .box-title .con-title {  text-align: center;  font-size: 14px;  line-height: 26px;  color: #646464;  width: 96%;  height: auto;  margin: 7px auto 0; }.index-customers .list {  width: 100%;  height: auto;  overflow: hidden;  margin-top: 70px; }.index-customers .list ul {  width: 110%;  height: auto; }.index-customers .list ul li {  width: 16.6%;  height: 94px;  float: left;  margin-right: 1.65%;  border: 1px solid #d4d4d4;  margin-bottom: 22px;  position: relative; }.index-customers .list ul li a {  width: 100%;  height: auto;  display: block; }.index-customers .list ul li a .bg {  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  background-size: cover !important;  opacity: 0;  transition: opacity .5s;  z-index: 10; }.index-customers .list ul li a .bg .line1 {  width: 4px;  height: 100%;  background: url(../images/index_k.png) no-repeat;  position: absolute;  top: 0;  left: 0; }.index-customers .list ul li a .bg .line2 {  width: 100%;  height: 4px;  background: url(../images/index_k.png) no-repeat;  position: absolute;  top: 0;  left: 0; }.index-customers .list ul li a .bg .line3 {  width: 4px;  height: 100%;  background: url(../images/index_k.png) -255px 0 no-repeat;  position: absolute;  right: 0;  bottom: 0; }.index-customers .list ul li a .bg .line4 {  width: 100%;  height: 4px;  background: url(../images/index_k.png) 0 -92px no-repeat;  position: absolute;  left: 0;  bottom: 0; }.index-customers .list ul li a img {  max-width: 100%;  max-height: 100%;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto; }.index-customers .more {  width: 137px;  height: 45px;  background: #0d6fb8;  text-align: center;  font-size: 14px;  line-height: 45px;  color: #fff;  display: block;  margin: 40px auto 0;  transition: all .5s; }@media (min-width: 1024px) {  .index-customers .list ul li:hover {    border: 1px solid #fff; }  .index-customers .list ul li:hover a .bg {    opacity: 1; }  .index-customers .more:hover {    background: rgba(43, 81, 164, 0.6); } }@media (max-width: 1395px) {  .index-customers {    width: 96%; } }@media (max-width: 1024px) {  .index-customers {    padding-bottom: 55px; }  .index-customers .box-title {    padding-top: 60px; }  .index-customers .list {    margin-top: 30px; }  .index-customers .more {    margin: 20px auto 0; }  .index-customers .list ul li a img {    -webkit-filter: grayscale(0%);    -moz-filter: grayscale(0%);    -ms-filter: grayscale(0%);    -o-filter: grayscale(0%);    filter: grayscale(0%);    filter: gray; } }@media (max-width: 760px) {  .index-customers {    padding-bottom: 35px; }  .index-customers .box-title {    padding-top: 40px; }  .index-customers .list {    margin-top: 20px; }  .index-customers .box-title .img-title {    font-size: 22px;    line-height: 22px; }  .index-customers .box-title .con-title {    line-height: 20px; }  .index-customers .list ul li {    height: 80px; }  .index-customers .list ul li a img {    max-width: 90%;    max-height: 90%; } }@media (max-width: 695px) {  .index-customers .list ul li {    width: 21.2%;    margin-bottom: 15px;    margin-right: 1.4%; } }@media (max-width: 480px) {  .index-customers .box-title .img-title img {    width: 260px; }    .index-customers .list ul li {    height: 60px;    width: 28.6%; }  .index-customers .list ul li:last-child {    display: none; }  .index-customers .more {    width: 120px;    height: 36px;    line-height: 36px;    margin: 15px auto 0; } }@media (max-width: 380px) {  .index-customers .box-title .img-title img {    width: 220px; } }.index-news {  width: 100%;  height: auto;  background-size: cover !important;  background-position: center center;  padding-top: 95px;  padding-bottom: 20px; }.index-news .news-new {  height: auto; }.index-news .news-new .img-title {  width: 100%;  height: auto;  text-align: center;  font-size: 40px;  line-height: 40px;  color: #292929; }.index-news .news-new .list {  width: 100%;  height: auto;  margin-top: 115px;  overflow: visible; }.index-news .news-new .list.list-m{  display: none;}.index-news .news-new .list ul li {  width: 29.9%;  height: auto;  margin-right: 5.15%;  float: left;  position: relative;  transition: transform .5s,opacity .5s; }.index-news .news-new .list ul li:last-child {  margin-right: 0; }.index-news .news-new .list ul li a {  width: 100%;  height: auto;  display: block;  position: relative;  z-index: 5;  padding: 0 0 15%; }.index-news .news-new .list ul li a .pic {  width: 100%;  height: auto; }.index-news .news-new .list ul li a .time {  font-size: 14px;  line-height: 16px;  color: #929292;  margin-top: 20px; }.index-news .news-new .list ul li a .tits {  width: 100%;  height: 26px;  font-size: 18px;  line-height: 26px;  color: #323232;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; }.index-news .news-new .list ul li a .tit {  font-size: 14px;  line-height: 24px;  width: 100%;  height: 48px;  color: #646464;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  margin-top: 7px; }.index-news .news-new .list ul li a .more {  width: 118px;  height: 38px;  text-align: center;  font-size: 14px;  line-height: 38px;  color: #fff;  margin-top: 30px;  background: #0d6fb8;  transform: translateY(30px);  opacity: 0;  transition: all .5s; }.index-news .news-new .list ul li .bg {  width: 114%;  left: -7%;  top: -5%;  height: 100%;  background: #fff;  position: absolute;  z-index: 3;  opacity: 0;  transition: opacity .5s; }.index-news .news-new .list ul li .bg .line1 {  width: 4px;  height: 100%;  background: url(../images/index_k1.jpg) no-repeat;  position: absolute;  top: 0;  left: 0; }.index-news .news-new .list ul li .bg .line2 {  width: 100%;  height: 4px;  background: url(../images/index_k1.jpg) no-repeat;  position: absolute;  top: 0;  left: 0; }.index-news .news-new .list ul li .bg .line3 {  width: 4px;  height: 100%;  background: url(../images/index_k1.jpg) -388px 0 no-repeat;  position: absolute;  right: 0;  bottom: 0; }.index-news .news-new .list ul li .bg .line4 {  width: 100%;  height: 4px;  background: url(../images/index_k1.jpg) 0 -453px no-repeat;  position: absolute;  left: 0;  bottom: 5px; }@media (min-width: 1024px) {  .index-news .news-new .list ul li:hover {    transform: translateY(-54px); }  .index-news .news-new .list ul li:hover .bg {    opacity: 1; }  .index-news .news-new .list ul li:hover a .more {    transform: translateY(0);    opacity: 1; }  .index-news .news-new .list ul li a .more:hover {    background: rgba(43, 81, 164, 0.6); } }@media (max-width: 1024px) {  @media (max-width: 1024px){    .index-news .news-new .list.list-pc{    display: none;  }    .index-news .news-new .list.list-m{      display: block;    }  }  .index-news .news-new .list {    overflow: hidden; }  .index-news {    padding-top: 60px; }  .index-news .news-new .list {    margin-top: 45px; }  .index-news .news-new .list ul li a .more {    opacity: 1;    transform: translateY(0); } }@media (max-width: 840px) {  .index-news .news-new .list ul li {    width: 31.8%;    margin-right: 2%; } }@media (max-width: 740px) {  .index-news .news-new .img-title {    font-size: 22px;    line-height: 22px; } }@media (max-width: 550px) {  .index-news {    padding-top: 40px; }  .index-news .news-new .img-title img {    width: 200px; }  .index-news .news-new .list {    margin-top: 25px; }  .index-news .news-new .list ul li a .more{    margin-top: 15px;    width: 90px;    height: 30px;    line-height: 30px;  }  .index-news .news-new .list ul li {    width: 100%;    margin-bottom: 20px; } }@media (max-width: 400px) {  .index-news .news-new .img-title img {    width: 180px; } }.index-about {  width: 100%;  height: auto;  background-size: cover !important;  background-repeat: no-repeat;  background-position: center center;  padding-top: 95px;  padding-bottom: 78px; }.index-about .about-new {  height: auto; }.index-about .about-new .img-title {  width: 100%;  height: auto;  text-align: center;  font-size: 40px;  line-height: 40px;  color: #fff; }.index-about .about-new .con {  width: 815px;  height: auto;  margin-left: 80px;  font-size: 24px;  line-height: 38px;  text-align: justify;  color: #fff;  letter-spacing: -1px;  margin-top: 50px; }.index-about .about-new .list {  width: 1070px;  margin-left: 80px;  height: auto;  margin-top: 24px; }.index-about .about-new .list .item {  float: left;  width: 21%; }.index-about .about-new .list .item.t2 {  transition-delay: .2s; }.index-about .about-new .list .item.t3 {  width: 24.3%;  transition-delay: 0.3s; }.index-about .about-new .list .item.t4 {  width: 33.7%;  transition-delay: .4s; }.index-about .about-new .list .item .num {  font-family: IMP;  font-size: 98px;  line-height: 100px;  color: #fff; }.index-about .about-new .list .item .text {  font-size: 14px;  line-height: 18px;  color: #fff;  margin-top: -4px; }.index-about .about-new .list .item.t2 .text {  width: 130px; }.index-about .about-new .con-x {  font-size: 14px;  line-height: 28px;  color: #fff;  width: 845px;  text-align: justify;  margin-left: 80px;  margin-top: 20px; }.index-about .about-new .more {  width: 137px;  height: 45px;  background: rgba(255, 255, 255, 0.2);  display: block;  margin: 35px auto 0;  text-align: center;  font-size: 14px;  line-height: 45px;  color: #fff;  transition: all .5s; }@media (min-width: 1024px) {  .index-about .about-new .more:hover {    background: rgba(13, 111, 184, 0.4); } }@media (max-width: 1150px) {  .index-about .about-new .con {    margin-left: 0; }  .index-about .about-new .list {    margin-left: 0;    width: 100%; }  .index-about .about-new .con-x {    margin-left: 0; } }@media (max-width: 1024px) {  .index-about {    padding-top: 60px;    padding-bottom: 60px; } }@media (max-width: 900px) {  .index-about .about-new .con {    width: 96%;    font-size: 18px;    line-height: 26px;    margin-top: 22px; }  .index-about .about-new .list {    margin-top: 8%;    margin-bottom: 3%; }  .index-about .about-new .list .item .num {    font-size: 70px;    line-height: 74px; }  .index-about .about-new .con-x {    width: 100%;    line-height: 24px;    margin-top: 0; }  .index-about .about-new .list .item.t2 .text {    width: 80%; } }@media (max-width: 760px) {  .index-about {    padding-top: 40px;    padding-bottom: 40px; }    .index-about .about-new .con-x{      display: none;    }  .index-about .about-new .img-title {    font-size: 22px;    line-height: 22px; } }@media (max-width: 640px) {  .index-about .about-new .list .item .num {    font-size: 36px;    line-height: 40px; }  .index-about .about-new .list .item.t1 {    width: 16%; }  .index-about .about-new .list .item.t2 {    width: 25%; } }@media (max-width: 550px) {  .index-about .about-new .more {    width: 120px;    height: 36px;    line-height: 36px; } }@media (max-width: 490px) {  .index-about .about-new .img-title img {    width: 220px; }  .index-about .about-new .list .item {    width: 60% !important;    margin-bottom: 20px; }  .index-about .about-new .list .item.t1 {    width: 40% !important; }  .index-about .about-new .list .item.t3 {    width: 40% !important; }  .index-about .about-new .con {    width: 100%;    font-size: 15px;    line-height: 22px; } }.footer {  width: 100%;  height: auto;  background: #343434;  padding-top: 45px;  padding-bottom: 55px; }.share {  width: 100%;  height: auto;  font-size: 0;  text-align: center; }.share a {  width: 44px !important;  height: 44px !important;  margin: 0 4px !important;  display: inline-block;  padding: 0 !important;  float: none !important;  opacity: 0.5 !important;  background-size: cover !important;  transition: opacity .5s; }.share a.bds_sqq {  background: url(../images/footer_qq.png) center no-repeat; }.share a.bds_weixin {  background: url(../images/footer_wx.png) center no-repeat; }.share a.bds_tsina {  background: url(../images/footer_wb.png) center no-repeat; }.footer .nav {  width: 100%;  font-size: 14px;  line-height: 18px;  height: auto;  text-align: center;  color: #fff;  margin-top: 10px; }.footer .nav a {  color: #fff; }@media (min-width: 1024px) {  .share a:hover {    opacity: 1 !important; }  .footer .nav a:hover {    color: #53d1a3; } }.copyright {  width: 100%;  text-align: center;  font-size: 14px;  line-height: 18px;  color: #fff;  height: auto;  margin-top: 7px; }@media (max-width: 520px) {  .footer {    padding-top: 35px;    padding-bottom: 40px; }  .copyright {    width: 96%;    margin: 7px auto 0; }  .share a {    width: 36px !important;    height: 36px !important; } }.side {  width: 46px;  height: auto;  position: fixed;  z-index: 10000;  top: 50%;  margin-top: -98px;  right: 0; }  .side li {    width: 100%;    height: auto;    margin-bottom: 3px;    position: relative; }    .side li a {      width: 46px;      height: 46px;      background-color: #20489f;      background-position: center center;      background-repeat: no-repeat;      display: block; }      .side li a.qq {        background-image: url(../images/s_qq.png); }      .side li a.wb {        background-image: url(../images/s_wb.png); }      .side li a.wx {        background-image: url(../images/s_wx.png); }      .side li a.top {        background-color: #797979;        background-image: url(../images/s_top.png); }    .side li.l {      margin-top: 5px; }    .side li .ewm {      width: 100px;      height: 100px;      padding: 3px;      border: 1px solid #eee;      position: absolute;      bottom: 0;      left: -108px;      background-color: #fff;      display: none; }    .side li:hover .ewm {      display: block; }  @media (max-width: 1024px) {    .side {      display: none; } }.js-m {  transform: translateY(50px);  opacity: 0;  filter: alpha(opacity=0);  transition: transform .5s,opacity .5s; }.js-m1 {  transform: translateY(-50px);  opacity: 0;  filter: alpha(opacity=0);  transition: transform .5s,opacity .5s; }.js-m2 {  transform: translateX(-50px);  opacity: 0;  filter: alpha(opacity=0);  transition: transform .5s,opacity .5s; }.js-m3 {  transform: translateX(50px);  opacity: 0;  filter: alpha(opacity=0);  transition: transform .5s,opacity .5s; }.animate {  transform: translate(0px);  opacity: 1;  filter: alpha(opacity=100); }.index-solution .solution-new .content .list .btns{  width: 100%;  margin-top: 10px;  text-align: center;  display: none;  font-size: 0;}@media (max-width: 530px){  .index-solution .solution-new .content .list .btns{    display: block;  }}.index-solution .solution-new .content .list .btns span{  width: 8px;  height: 8px;  opacity: .4;  border-radius: 8px;  margin: 0 5px;  background-color: #2b51a4;  cursor: pointer;  display: inline-block;  -webkit-transition: width .5s;  -o-transition: width .5s;  transition: width .5s;}.index-solution .solution-new .content .list .btns span.swiper-pagination-bullet-active{  width: 20px;  opacity: 1;}.index-news .news-new .list.list-m .btns{  width: 100%;  margin-top: -20px;  text-align: center;  font-size: 0;}.index-news .news-new .list.list-m .btns span{  width: 8px;  height: 8px;  opacity: .4;  border-radius: 8px;  margin: 0 5px;  background-color: #2b51a4;  cursor: pointer;  display: inline-block;  -webkit-transition: width .5s;  -o-transition: width .5s;  transition: width .5s;}.index-news .news-new .list.list-m .btns span.swiper-pagination-bullet-active{  width: 20px;  opacity: 1;}