* {
	  margin: 0px;
	  padding: 0px;
  }

.detailed .info a {color:#333;}
.detailed .info a:hover {color:#118EEA;}
  body {
	  background: #fff;
	  margin: 0px;
	  padding: 0px;
	  text-decoration: none;
	  font-variant: normal;
	  font-family: 'Microsoft YaHei';
  }
  a:link, a:visited, a:hover, a:active {
	  text-decoration: none;
  }
  a {
	  text-decoration: none;
  }
  li {
	  list-style-type: none;
  }
  ul, ol {
	  list-style-type: none;
	  list-style-image: none;
  }
  input[type="button"], input[type="submit"], input[type="text"] {
	  -webkit-appearance: none;
  }
  textarea {
	  -webkit-appearance: none;
  }
  select {
	  -webkit-appearance: none;
  }
  html {
	  font-size: 12px;
  }
  @media screen and (max-width:1199px) {
  html {
	  font-size: 100px;
  }
  body {
	  max-width: 750px;
	  margin: 0 auto;
  }
  }
  @media (max-width:767px) {
  html {
	  font-size: 13.333333333333vw;
  }
  body {
	  max-width: initial;
  }
  }
  @font-face {
	  font-family: DIN-BOLD;
	  src: url(../font/DIN-BOLD.ttf), url(../font/DIN-BOLD.woff);
  }
  @font-face {
	  font-family: D-DIN;
	  src: url(../font/D-DIN.ttf), url(../font/D-DIN.woff);
  }
  @font-face {
	  font-family: SourceHanSansCN-Regular;
	  src: url(../font/SourceHanSansCN-Regular.ttf), url(../font/SourceHanSansCN-Regular.woff);
  }
  @font-face {
	  font-family: SourceHanSansCN-Bold;
	  src: url(../font/SourceHanSansCN-Bold.ttf), url(../font/SourceHanSansCN-Bold.woff);
  }
  @font-face {
	  font-family: SourceHanSansCN-Normal;
	  src: url(../font/SourceHanSansCN-Normal.ttf), url(../font/SourceHanSansCN-Normal.woff);
  }
  @font-face {
	  font-family: SourceHanSansCN-Heavy;
	  src: url(../font/SourceHanSansCN-Heavy.ttf), url(../font/SourceHanSansCN-Heavy.woff);
  }
  .main {
	  width: 1400px;
	  margin: 0 auto;
  }
  .head {
	  width: 100%;
	  height: auto;
	  z-index: 100;
	  background: #fff;
  }
  .head .main {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  height: 110px;
  }
  .head .name {
	  display: flex;
	  align-items: center;
  }
  .head .name img {
	  display: block;
  }
  .head .btn {
	  display: none;
  }
  .head .tel {
	  display: flex;
	  background: url(../images/tel-icon.png) no-repeat left top;
	  align-items: center;
	  padding-left: 55px;
	  box-sizing: border-box;
	  padding-top: 20px;
  }
  .head .tel p {
	  color: #919191;
	  font-size: 14px;
  }
  .head .tel b {
	  display: block;
	  color: #118eea;
	  font-size: 36px;
	  font-family: 'DIN-BOLD', 'Microsoft YaHei';
	  max-width: 250px;
	  line-height: 32px;
  }
  .banner {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  position: relative;
  }
  .banner .swiper-wrapper img {
	  display: block;
  }
  .banner .swiper-pagination {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  bottom: 40px !important;
	  position: absolute;
	  z-index: 1;
	  width: 100%;
  }
  .pcbanner .swiper-slide {
	  width: 100%;
	  height: 100%;
	  position: relative;
	  overflow: hidden;
  }
  .banner .swiper-slide img {
	  display: block;
	  width: 100%;
  }
  .banner .swiper-pagination {
	  display: flex;
	  justify-content: center;
	  width: 100%;
  s
  }
  .banner .swiper-pagination span {
	  display: block;
	  width: 30px;
	  height: 8px;
	  opacity: 1;
	  transition: .5s;
	  border-radius: 30px;
	  background: #fff;
	  margin: 0 5px !important;
	  position: relative;
	  outline: none;
	  background: #7C7C7C;
  }
  .pcbanner .swiper-pagination .swiper-pagination-bullet-active {
	  background: #118EEA;
  }
  .mbanner .swiper-pagination .swiper-pagination-bullet-active {
	  background: #FF9000;
  }
  .mbanner {
	  display: none;
  }
  .in-banner img {
	  display: block;
	  width: 100%;
  }
  .in-banner img:last-child {
	  display: none;
  }
  .title h4 {
	  text-align: center;
	  color: #118eea;
	  font-size: 38px;
  }
  .title p {
	  text-align: center;
	  color: #999999;
	  font-size: 15px;
	  margin-top: 10px;
	  text-transform: uppercase;
  }
  .item {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  background: #E7F3FD;
	  padding-top: 70px;
	  padding-bottom: 100px;
  }
  .item ul {
	  margin-top: 30px;
	  width: 100%;
  }
  .item ul li {
	  float: left;
	  width: 19%;
	  margin-left: 1%;
	  margin-bottom: 15px;
	  border-radius: 10px;
	  padding: 40px 0;
	  box-sizing: border-box;
	  transition: .5s;
	  background: #fff;
  }
  .item ul li div {
	  height: 130px;
	  display: flex;
	  align-items: center;
  }
  .item ul li:nth-child(5n-4) {
	  margin-left: 0;
  }
  .item ul li img {
	  display: block;
	  margin: 0 auto;	  width: 120px;
  }
  .item ul li p {
	  text-align: center;
	  color: #333333;
	  font-size: 18px;
	  text-align: center;
	  margin-top: 25px;
	  line-height: 24px;
	  height: 48px;
  }
  .item ul li span {
	  display: block;
	  text-align: center;
	  color: #333333;
	  line-height: 24px;
	  font-size: 18px;
  }
  .in-item {
	  background: none;
	  padding: 0;
	  margin-top: 20px;
  }
  .in-item ul li {
	  border: 1px solid #eee;
  }
  .tab {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 50px;
  }
  .tab ul {
	  margin: 0 auto;
	  display: table;
  }
  .tab ul li {
	  float: left;
	  width: 280px;
	  height: auto;
	  border-top: 1px solid #E5E5E5;
	  border-right: 1px solid #E5E5E5;
	  border-bottom: 1px solid #E5E5E5;
	  text-align: center;
	  box-sizing: border-box;
	  padding: 0 5px;
  }
  .tab ul li:nth-child(n+6) {
	  border-top: none;
  }
  .tab ul li:nth-child(5n) {
  }
  .tab ul li:nth-child(5n-4) {
	  border-left: 1px solid #E5E5E5;
  }
  .tab ul li a {
	  display: block;
	  font-size: 16px;
	  height: 60px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  color: #666666;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .tab ul .current-cat {
	  background: #FF9000;
  }
  .tab ul .current-cat a {
	  color: #fff;
  }
  .page-tab ul {
	  display: flex;
	  justify-content: center;
	  margin: 0 auto;
  }
  .product {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  background: #F4F4F4;
	  padding: 60px 0;
	  padding-bottom: 50px;
	  box-sizing: border-box;
  }
  .product ul {
	  margin-top: 50px;
	  height: auto;
	  overflow: hidden;
	  width: 100%;
  }
  .product ul li {
	  float: left;
	  width: 32.3333%;
	  position: relative;
	  height: auto;
	  overflow: hidden;
	  margin-left: 1.5%;
	  margin-bottom: 23px;
  }
  .product ul li:nth-child(3n-2) {
	  margin-left: 0;
  }
  .product ul li img {
	  display: block;
	  width: 100%;
  }
  .product ul li .info {
	  width: 100%;
	  height: 100%;
	  overflow: hidden;
	  position: absolute;
	  left: 0;
	  top: -100%;
	  z-index: 10;
	  transition: .4s;
	  background: url(../images/bg01.png) no-repeat center top;
  }
  .product ul li:hover .info {
	  top: 0;
  }
  .product ul li:hover img {
	  transform: scale(1.05);
  }
  .product ul li .info p {
	  text-align: center;
	  color: #fff;
	  font-size: 24px;
	  font-weight: bold;
	  margin-top: 30px;
	  padding: 0 5px;
	  box-sizing: border-box;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .product .more {
	  display: block;
	  width: 140px;
	  height: 40px;
	  border: 1px solid #D2D2D2;
	  box-sizing: border-box;
	  text-align: center;
	  line-height: 40px;
	  color: #666666;
	  border-radius: 30px;
	  margin: 0 auto;
	  margin-top: 20px;
	  font-size: 16px;
  }
  .about {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 80px;
  }
  .about .main {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  .about .pic img {
	  display: block;
	  width: 100%;
  }
  .about .intro {
	  width: 730px;
	  height: auto;
	  overflow: hidden;
  }
  .about .intro .tit {
	  position: relative;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  .about .intro .tit h4 {
	  color: #118eea;
	  font-size: 38px;
	  margin-top: 23px;
  }
  .about .intro .tit p {
	  color: #e6e6e6;
	  font-size: 80px;
	  position: absolute;
	  top: 0;
	  line-height: 70px;
	  z-index: -1;
	  text-transform: uppercase;
  }
  .about .intro .tit a {
	  display: block;
	  width: 50px;
	  height: 50px;
	  border: 1px solid #118EEA;
	  border-radius: 50%;
	  text-align: center;
	  line-height: 50px;
	  color: #118EEA;
	  font-size: 38px;
	  font-weight: normal;
	  font-family: '宋体';
  }
  .about .intro .info {
	  width: 100%;
	  color: #555555;
	  font-size: 16px;
	  line-height: 30px;
	  text-indent: 2em;
	  margin-top: 30px;
	  display: -webkit-box;
	  -webkit-line-clamp: 9;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  .about .intro ul {
	  display: flex;
	  margin-top: 30px;
  }
  .about .intro ul li {
	  margin-right: 20px;
  }
  .about .intro ul li img {
	  display: block;
	  margin-right: 10px;
  }
  .about .intro ul li {
	  border: 1px solid #FF9211;
	  border-radius: 5px;
	  width: 260px;
	  height: 70px;
  }
  .about .intro ul li a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  height: 70px;
  }
  .about .intro ul li p {
	  color: #ff9211;
	  font-size: 24px;
  }
  .lc {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  background: #11AAEA;
	  padding: 70px 0;
	  box-sizing: border-box;
	  margin-top: 80px;
  }
  .lc .tit h4 {
	  text-align: center;
	  color: #ffffff;
	  padding-bottom: 20px;
	  font-size: 38px;
	  position: relative;
  }
  .lc .tit h4:after {
	  content: "";
	  width: 48px;
	  height: 1px;
	  position: absolute;
	  left: 50%;
	  bottom: 0;
	  transform: translateX(-50%);
	  background: #FFFFFF;
  }
  .lc ul {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-top: 60px;
  }
  .lc ul li {
	  position: relative;
  }
  .lc ul li img {
	  display: block;
  }
  .lc ul li b {
	  text-align: center;
	  color: #ffffff;
	  display: block;
	  text-align: center;
	  margin-top: 10px;
	  font-size: 18px;
  }
  .lc ul li p {
	  text-align: center;
	  color: #fff;
	  margin-top: 10px;
	  font-size: 15px;
  }
  .lc ul li:after {
	  content: "";
	  width: 113px;
	  height: 25px;
	  background: url(../images/icon04.png) no-repeat right center;
	  display: block;
	  position: absolute;
	  right: -200%;
	  margin-right: 80%;
	  top: 45px;
  }
  .lc ul li:last-child:after {
	  width: 0;
	  height: 0;
	  overflow: hidden;
  }
  .cases {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 40px;
  }
  .cases ul {
	  margin-top: 30px;
	  height: auto;
	  overflow: hidden;
  }
  .cases ul li {
	  float: left;
	  width: 24%;
	  margin-left: 1%;
	  background: #E7F3FD;
	  margin-bottom: 20px;
  }
  .cases ul li:nth-child(4n-3) {
	  margin-left: 0;
  }
  .cases ul li img {
	  display: block;
	  width: 100%;
  }
  .cases ul li .info {
	  width: 100%;
	  padding: 20px;
	  box-sizing: border-box;
  }
  .cases ul li .info h4 {
	  color: #333333;
	  font-size: 18px;
	  font-weight: normal;
	  width: 100%;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .cases ul li .info p {
	  color: #888888;
	  margin-top: 5px;
	  font-size: 15px;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .cases .more {
	  display: block;
	  width: 160px;
	  height: 45px;
	  border: 1px solid #B5B5B5;
	  text-align: center;
	  line-height: 45px;
	  color: #999999;
	  font-size: 15px;
	  border-radius: 30px;
	  margin: 0 auto;
	  margin-top: 10px;
  }
  .honor {
	  width: 100%;
	  height: auto;
	  background: url(../images/bg02.jpg) no-repeat center;
	  background-size: cover;
	  overflow: hidden;
	  margin-top: 70px;
	  padding: 80px 0;
	  box-sizing: border-box;
  }
  .honor .hSwiper {
	  margin-top: 30px;
  }
  .honor .hSwiper .swiper-slide {
	  background: #FFFFFF;
	  padding: 20px;
	  box-sizing: border-box;
  }
  .honor .hSwiper .swiper-slide img {
	  display: block;
	  width: 100%;
  }
  .honor .swiper-pagination {
	  display: flex;
	  justify-content: center;
	  margin-top: 35px;
  }
  .honor .swiper-pagination span {
	  display: block;
	  width: 24px;
	  margin: 0 5px;
	  height: 3px;
	  background: #AAAAAA;
  }
  .honor .swiper-pagination .swiper-pagination-bullet-active {
	  background: #118EEA;
  }
  .honor .more {
	  display: block;
	  width: 160px;
	  height: 45px;
	  border: 1px solid #B5B5B5;
	  text-align: center;
	  line-height: 45px;
	  color: #999999;
	  font-size: 15px;
	  border-radius: 30px;
	  margin: 0 auto;
	  margin-top: 30px;
  }
  .news {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 80px;
	  margin-bottom: 80px;
  }
  .news .bd {
	  width: 880px;
	  float: left;
	  height: auto;
	  overflow: hidden;
	  margin-top: 50px;
  }
  .news .hd {
	  width: 130px;
	  height: auto;
	  overflow: hidden;
	  float: left;
  }
  .news .hd ul li {
	  display: block;
	  height: 200px;
	  background: #757575;
	  margin-bottom: 3px;
	  display: flex;
	  justify-content: center;
	  align-items: flex-start;
	  flex-direction: column;
	  padding-left: 20px;
	  box-sizing: border-box;
  }
  .news .hd ul li h4 {
	  color: #fff;
	  font-size: 18px;
	  margin: 15px 0;
  }
  .news .hd ul li a {
	  display: block;
	  color: #fff;
	  font-size: 12px;
	  width: 60px;
	  height: 20px;
	  border: 1px solid #fff;
	  box-sizing: border-box;
	  text-align: center;
  }
  .news .hd ul .on {
	  background: #118EEA;
  }
  .news .newsSwiper {
	  float: left;
	  margin-left: 20px;
	  width: 730px;
  }
  .news .newsSwiper .on {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  padding: 10px;
	  box-sizing: border-box;
	  background: #F5F5F5;
  }
  .news .newsSwiper .on a {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  .news .newsSwiper .on img {
	  display: block;
	  width: 180px;
  }
  .news .newsSwiper .on .intro {
	  width: 450px;
	  margin-right: 30px;
  }
  .news .newsSwiper .on .intro h4 {
	  color: #333333;
	  font-size: 18px;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  width: 100%;
	  overflow: hidden;
  }
  .news .newsSwiper .on .intro span {
	  display: block;
	  color: #999999;
	  font-size: 12px;
	  margin: 10px 0;
  }
  .news .newsSwiper .on .intro p {
	  color: #666666;
	  font-size: 14px;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  .news .newsSwiper ul {
	  width: 100%;
	  height: auto;
	  margin-top: 20px;
	  overflow: hidden;
  }
  .news .newsSwiper ul li {
	  width: 100%;
	  position: relative;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  line-height: 35px;
  }
  .news .newsSwiper ul li:after {
	  content: '';
	  width: 6px;
	  height: 6px;
	  position: absolute;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  background: #118EEA;
	  border-radius: 50%;
  }
  .news .newsSwiper ul li a {
	  display: block;
	  font-size: 16px;
	  color: #555555;
	  margin-left: 14px;
	  white-space: nowrap;
	  width: 70%;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .news .newsSwiper ul li span {
	  display: block;
	  color: #999999;
	  font-size: 14px;
  }
  .news .qa {
	  width: 470px;
	  height: auto;
	  overflow: hidden;
	  float: right;
	  margin-top: 50px;
  }
  .news .qa .tit {
	  width: 100%;
	  height: auto;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  overflow: hidden;
  }
  .news .qa .tit div {
	  display: flex;
	  align-items: center;
  }
  .news .qa .tit p {
	  color: #333333;
	  font-size: 20px;
	  font-weight: bold;
  }
  .news .qa .tit b {
	  color: #118EEA;
  }
  .news .qa .tit span {
	  display: block;
	  color: #999999;
	  font-size: 16px;
	  margin-left: 5px;
  }
  .news .qa .tit a {
	  display: block;
	  color: #999999;
	  font-size: 16px;
  }
  .news .qa ul {
	  margin-top: 10px;
  }
  .news .qa ul li {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  padding-bottom: 25px;
	  border-bottom: 1px solid #DCDCDC;
	  box-sizing: border-box;
	  margin-top: 22px;
  }
  .news .qa ul li span {
	  display: block;
	  width: 20px;
	  height: 20px;
	  background: #118EEA;
	  text-align: center;
	  line-height: 20px;
	  float: left;
	  color: #fff;
  }
  .news .qa ul li .q {
	  height: auto;
	  overflow: hidden;
	  margin-bottom: 20px;
  }
  .news .qa ul li .a span {
	  background: #FF9211;
  }
  .news .qa ul li .q p {
	  color: #333333;
	  font-size: 15px;
	  width: 420px;
	  line-height: 20px;
	  margin-left: 10px;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  font-weight: bold;
	  float: left;
  }
  .news .qa ul li .a {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
  }
  .news .qa ul li .a p {
	  width: 420px;
	  margin-left: 10px;
	  float: left;
	  color: #666666;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  font-size: 14px;
  }
  .links {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  border: 1px solid #E5E5E5;
	  box-sizing: border-box;
	  margin-top: 90px;
  }
  .links .tit {
	  width: 130px;
	  height: 100px;
	  border-left: 1px solid #E5E5E5;
	  border-right: 1px solid #E5E5E5;
	  display: flex;
	  align-items: center;
	  flex-direction: column;
	  justify-content: center;
	  float: left;
  }
  .links .tit p {
	  color: #118eea;
	  font-size: 16px;
	  padding-bottom: 10px;
	  position: relative;
  }
  .links .tit p:after {
	  content: '';
	  width: 25px;
	  height: 2px;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  background: #118eea;
  }
  .links .tit span {
	  display: block;
	  color: #333333;
	  font-size: 18px;
	  margin-top: 5px;
  }
  .links ul {
	  height: 60px;
	  overflow: hidden;
	  margin-top: 20px;
	  float: left;
	  margin-left: 10px;
	  width: 1200px;
  }
  .links ul li {
	  float: left;
	  padding: 0 10px;
	  line-height: 30px;
  }
  .links ul li a {
	  color: #666666;
	  font-size: 14px;
  }
  .footer {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  background: #11AAEA;
	  background-size: cover;
	  padding-top: 60px;
	  padding-bottom: 60px;
	  box-sizing: border-box;
  }
  .footer .main {
	  display: flex;
	  justify-content: space-between;
	  align-items: flex-start;
  }
  .footer .intro {
	  width: 450px;
  }
  .footer .tit p {
	  color: #fff;
	  font-size: 18px;
	  font-weight: bold;
  }
  .footer .info {
	  margin-top: 20px;
  }
  .footer .info h4 {
	  color: #fff;
	  font-size: 20px;
  }
  .footer .info {
	  font-size: 14px;
	  line-height: 30px;
	  color: #fff;
	  margin-top: 15px;
  }
  .footer .menu {
	  width: 440px;
	  height: auto;
	  overflow: hidden;
  }
  .footer .menu ul {
	  margin-top: 25px;
  }
  .footer .menu ul li {
	  width: 140px;
	  height: auto;
	  overflow: hidden;
	  line-height: 40px;
	  border: 1px solid #fff;
	  padding-left: 13px;
	  padding-right: 20px;
	  position: relative;
	  float: left;
	  box-sizing: border-box;
	  margin-left: 9px;
	  margin-bottom: 10px;
  }
  .footer .menu ul li:nth-child(3n-2) {
	  margin-left: 0;
  }
  .footer .menu ul li:after {
	  content: '+';
	  position: absolute;
	  right: 13px;
	  color: #fff;
	  font-size: 14px;
  }
  .footer .menu ul li a {
	  color: #fff;
	  font-size: 16px;
  }
  .footer .ewm {
	  float: right;
  }
  .footer .ewm ul {
	  margin-top: 10px;
  }
  .footer .ewm ul li {
	  float: left;
  }
  .footer .ewm img {
	  display: block;
	  width: 160px;
	  height: 160px;
	  border: 6px solid #fff;
	  box-sizing: border-box;
  }
  .footer .ewm ul li p {
	  color: #fff;
	  font-size: 14px;
	  text-align: center;
	  margin-top: 10px;
  }



  .float-tit{
  	position: fixed;
  	right: 2px;
  	background: url(../images/float-tit.png) no-repeat center;
  	background-size: cover;
  	font-size: 16px;
  	border-radius: 3px;
  	display: none;
  	width: 140px;
  	height: 34px;
  	z-index: 100;
  	line-height: 34px;
  	color: #fff;
  	top: 15%;
  	text-align: center;
  }

   
  .float-qq{
  	width: 140px;
  	height: 301px;
  	background:  url(../images/qq-bg.png) no-repeat center;
  	background-size: 100% auto;
  	position: fixed;
  	right: 2px;
  	top:10%;
  	display: flex;
  	align-items: center;
  	padding:40px 10px;
  	box-sizing: border-box;
  	z-index: 100;
  	 
  }


  .float-qq i{
  	position: absolute;
  	right: 8px;
  	top: 0;
  	display: block;
  	width: 25px;
  	height: 20px;
  }
  .float-qq .tel p{
  	text-align: center;
  	color: #666666;
  	font-size: 14px;
  }
  .float-qq .tel span{
  	display: block;
  	text-align: center;
  	color: #333333;
  	font-size: 16px;
  	margin-top: 5px;
  	line-height: 20px;
  }

  .float-qq  .ewm{
  	margin-top: 15px;
  }
  .float-qq  .ewm img{
  	display: block;
  	width: 96px;
  	margin: 0 auto;

  }

  .float-qq  .ewm  p{
  	width: 100%;
  	text-align: center;
  	color: #666666;
  	font-size: 14px;
  	margin-top: 3px;
  }



  .query {
	  width: 1000px;
	  margin: 0 auto;
	  height: auto;
	  overflow: hidden;
	  margin-top: 40px;
	  margin-bottom: 60px;
  }
  .query form {
	  display: table;
	  padding: 5px 0;
	  margin: 0 auto;
  }
  .query form div {
	  display: flex;
	  align-items: center;
	  margin-bottom: 10px;
  }
  .query form label {
	  font-size: 16px;
	  color: #999;
  }
  .query form input {
	  width: 240px;
	  height: 35px;
	  border-radius: 3px;
	  text-indent: 5px;
	  border: 1px solid #ccc;
	  outline: none;
  }
  .query form .error {
	  border: 1px solid red;
  }
   .query form .error::placeholder {
   color: red;
  }
  .query form a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 80px;
	  height: 37px;
	  background: #eee;
	  text-align: center;
	  color: #fff;
	  font-size: 14px;
	  margin-left: 10px;
	  border-radius: 3px;
	  line-height: 30px;
	  background: #409EFF;
  }
  .query form a img {
	  height: 20px;
	  display: block;
	  margin-right: 5px;
  }
  .query input:focus {
	  border: 1px solid #9ECFF6 !important;
	  box-shadow: 0 0 5px #9ecff6ba /* 可选的阴影效果 */
  }
  .query h5 {
	  text-align: center;
	  font-size: 14px;
	  color: #666;
	  border-bottom: 1px solid #eee;
	  margin-top: 60px;
	  line-height: 40px;
	  color: #999;
	  font-weight: normal;
  }
  .table td {
	  background: #118eea33;
  }
  .cr {
	  width: 100%;
	  height: 60px;
	  justify-content: center;
	  background: #0A94CD;
	  color: #d6d6d6;
	  display: flex;
	  align-items: center;
	  font-size: 15px;
  }
  .cr p {
	  text-align: center;
	  line-height: 50px;
  }
  .fn {
	  display: none;
  }
  .bottom-news {
	  width: 1680px;
	  margin: 0 auto;
	  height: auto;
	  overflow: hidden;
	  margin-top: 60px;
	  border: 8px solid #E5E5E5;
	  padding: 20px;
	  box-sizing: border-box;
  }
  .bottom-news .tit {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
  }
  .bottom-news .tit div {
	  position: relative;
	  padding-left: 20px;
  }
  .bottom-news .tit div:after {
	  left: 0;
	  content: '';
	  position: absolute;
	  left: 0;
	  height: 40px;
	  width: 5px;
	  top: 50%;
	  transform: translateY(-50%);
	  background: #2366BA;
  }
  .bottom-news .tit h4 {
	  color: #333333;
	  font-size: 24px;
	  font-weight: normal;
  }
  .bottom-news .tit p {
	  color: #999999;
	  font-size: 15px;
  }
  .bnSwiper {
	  margin-top: 30px;
  }
  .bnSwiper .swiper-slide {
	  border: 1px solid #E5E5E5;
	  box-sizing: border-box;
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  padding: 35px 30px;
  }
  .bnSwiper .swiper-slide h4 {
	  width: 100%;
	  font-size: 20px;
	  color: #333333;
	  width: 100%;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  font-weight: normal;
  }
  .bnSwiper .swiper-slide span {
	  display: block;
	  font-size: 14px;
	  color: #999999;
	  position: relative;
	  padding-bottom: 15px;
	  margin-top: 10px;
  }
  .bnSwiper .swiper-slide span:after {
	  content: '';
	  width: 60px;
	  height: 3px;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  background: #DCDCDC;
  }
  .bnSwiper .swiper-slide p {
	  font-size: 15px;
	  color: #555555;
	  line-height: 28px;
	  margin-top: 20px;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  .bnSwiper .swiper-pagination {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin-top: 20px;
  }
  .bnSwiper .swiper-pagination span {
	  display: block;
	  width: 25px;
	  height: 6px;
	  background: #CCCCCC;
	  border-radius: 10px;
	  margin: 0 5px;
  }
  .bnSwiper .swiper-pagination .swiper-pagination-bullet-active {
	  background: #2366BA;
  }
  .crumbs {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  background: #f8f8f8;
  }
  .crumbs .tit {
	  width: 52px;
	  border-left: 1px solid #d2d2d2;
	  border-right: 1px solid #d2d2d2;
	  height: 52px;
	  float: left;
	  margin-right: 17px;
  }
  .crumbs .tit img {
	  display: block;
	  margin: 0 auto;
	  margin-top: 16px;
  }
  .crumbs p {
	  float: left;
	  color: #999;
	  font-size: 14px;
	  line-height: 52px;
  }
  .crumbs a {
	  color: #999999;
	  padding-right: 20px;
	  position: relative;
	  font-size: 14px;
	  line-height: 52px;
  }
  .crumbs a:after {
	  content: ">";
	  position: absolute;
	  right: 5px;
	  top: 0;
	  height: 20px;
	  line-height: 20px;
	  color: #999;
	  display: block;
	  font-size: 12px;
  }
  .crumbs a:last-child:after {
	  width: 0;
	  height: 0;
	  overflow: hidden;
  }
  .inside-cont {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  background: #eeeeee;
	  padding-bottom: 20px;
  }
  .inside-cont .section {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  background: #fff;
	  padding: 35px;
	  box-sizing: border-box;
  }
  .about-article {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 30px;
  }
  .about-article img {
	  display: block;
	  margin: 0 auto;
  }
  .about-article .info {
	  color: #555555;
	  font-size: 16px;
	  line-height: 30px;
	  text-indent: 2em;
  }
  .cont-article {
	  width: 1115px;
	  margin: 0 auto;
	  height: auto;
	  overflow: hidden;
	  margin-bottom: 40px;
  }
  .cont-article .title {
	  margin-top: 55px;
	  margin-bottom: 40px;
  }
  .cont-article ul {
	  height: auto;
	  overflow: hidden;
  }
  .cont-article ul li {
	  float: left;
	  width: 500px;
	  height: auto;
	  overflow: hidden;
	  border-bottom: 1px solid #d2d2d2;
	  display: flex;
	  justify-content: flex-start;
	  margin-bottom: 35px;
	  padding-bottom: 13px;
	  align-items: center;
  }
  .cont-article ul li:nth-child(2n) {
	  float: right;
  }
  .cont-article ul li p {
	  color: #555555;
	  font-size: 18px;
	  margin-left: 20px;
  }
  .about-article .map {
	  width: 100%;
	  height: 420px;
	  border: 3px solid #d2d2d2;
	  box-sizing: border-box;
	  margin-top: 30px;
  }
  .page {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin: 50px auto;
  }
  .nav-links {
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .nav-links a {
	  margin: 0 3px;
	  border: 1px solid #ccc;
	  line-height: 30px;
	  color: #333;
	  padding: 0 10px;
  }
  .nav-links span {
	  margin: 0 3px;
	  border: 1px solid #ccc;
	  line-height: 30px;
	  color: #333;
	  padding: 0 10px;
  }
  .nav-links .current {
	  background: #FF9000;
	  border: 1px solid #FF9000;
	  color: #fff;
  }
  .cases-list {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
  }
  .cases-list ul li {
	  width: 270px;
	  height: auto;
	  overflow: hidden;
	  border-radius: 10px;
	  border: 1px solid #eee;
	  float: left;
	  box-sizing: border-box;
	  margin-left: 15px;
	  padding: 10px;
	  margin-bottom: 15px;
  }
  .cases-list ul li:nth-child(4n-3) {
	  margin-left: 0;
  }
  .cases-list ul li:hover {
	  border: 1px solid #ffb245;
  }
  .cases-list ul li:hover .pic img {
	  transform: scale(1.05);
  }
  .cases-list ul li .intro {
	  width: 245px;
	  height: auto;
	  overflow: hidden;
	  background: #ffb245;
	  padding: 15px;
	  box-sizing: border-box;
  }
  .cases-list ul li .intro h4 {
	  width: 100%;
	  border-bottom: 1px dashed#988364;
	  height: 28px;
	  color: #333333;
	  font-size: 16px;
	  font-weight: normal;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .cases-list ul li .intro .info {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 10px;
  }
  .cases-list ul li .intro span {
	  color: #333333;
	  font-size: 13px;
  }
  .cases-list ul li .intro p {
	  font-size: 13px;
	  color: #333333;
	  line-height: 20px;
	  display: -webkit-box;
	  height: 60px;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  margin-top: 3px;
  }
  .cases-list ul li .pic {
	  width: 245px;
	  height: auto;
	  overflow: hidden;
  }
  .cases-list ul li .pic img {
	  display: block;
	  width: 100%;
	  transition: .5s;
  }
  .news-list {
	  width: 1400px;
	  margin: 0 auto;
	  height: auto;
	  margin-top: 40px;
	  overflow: hidden;
  }
  .news-list ul li {
	  width: 49%;
	  height: auto;
	  overflow: hidden;
	  border: 1px dotted #E7E7E7;
	  box-sizing: border-box;
	  padding: 14px;
	  margin-bottom: 12px;
	  float: left;
  }
  .news-list ul li:nth-child(2n) {
	  float: right;
  }
  .news-list ul li a {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
  .news-list ul li .time {
	  width: 110px;
	  height: 110px;
	  background: #eeeeee;
	  position: relative;
	  overflow: hidden;
	  /* border: 1px dotted #C1C1C1; */
  }
  
  .news-list ul li .time:after {
	  content: "";
	  width: 16px;
	  height: 1px;
	  position: absolute;
	  left: 50%;
	  margin-left: -8px;
	  background: #bebebe;
	  top: 55px;
  }
  .news-list ul li .time span {
	  color: #666;
	  font-size: 16px;
	  margin-top: 20px;
	  text-align: center;
	  display: block;
  }
  .news-list ul li .time p {
	  color: #666;
	  text-align: center;
	  margin-top: 20px;
	  font-size: 22px;
  }
  
  .news-list ul li .time:hover{background: #ddd; color:#fff;}
  
  .news-list ul li .info {
	  width: 500px;
	  margin-right: 20px;
  }
  .news-list ul li .info h4 {
	  color: #111111;
	  font-size: 18px;
	  width: 100%;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  padding-right: 20px;
	  box-sizing: border-box;
	  overflow: hidden;
	  font-weight: normal;

  }
  
  .news-list ul li .info h4:hover{color: #118EEA; text-decoration:underline;}
  
  .news-list ul li .info p {
	  color: #666666;
	  font-size: 15px;
	  line-height: 28px;
	  margin-top: 10px;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  .detailed {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 30px;
  }
  .detailed .pro-intro {
	  width: 100%;
	  height: auto;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  overflow: hidden;
  }
  .detailed .img {
	  border: 1px solid #E5E5E5;
	  width: 719px;
	  float: left;
	  height: auto;
	  position: relative;
	  overflow: hidden;
  }
  .detailed .img:after {
	  content: "";
	  display: block;
	  width: 100%;
	  padding-bottom: 66.66%;
  }
  .detailed .img img {
	  display: block;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  max-width: 96%;
	  transform: translate3d(-50%, -50%, 0px);
  }
  .detailed .pro-intro .tit {
	  border-bottom: 1px solid #E5E5E5;
	  padding-bottom: 15px;
  }
  .detailed .pro-intro .tit h4 {
	  color: #333333;
	  font-size: 24px;
	  width: 100%;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .detailed .pro-intro .tit div {
	  display: flex;
	  align-items: center;
	  margin-top: 10px;
  }
  .detailed .pro-intro .tit span {
	  display: block;
	  margin-right: 5px;
	  color: #999999;
	  font-size: 12px;
  }
  .detailed .pro-intro .pro-datas {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 30px;
  }
  .detailed .pro-intro .pro-datas p {
	  color: #666666;
	  font-size: 16px;
	  line-height: 36px;
  }
  .detailed .intro {
	  float: right;
	  width: 890px;
  }
  .detailed .pro-intro .tel {
	  display: flex;
	  align-items: center;
	  margin-top: 60px;
  }
  .detailed .pro-intro .tel b {
	  color: #118EEA;
	  font-size: 52px;
	  margin-left: 10px;
  }
  .detailed .article {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 50px;
	  border-bottom: 3px solid #E5E5E5;
	  box-sizing: border-box;
	  padding-bottom: 30px;
	  min-height: 500px;
  }
  .detailed .article .tit {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  background: #F5F5F5;
  }
  .detailed .article .tit p {
	  color: #118EEA;
	  font-size: 20px;
	  position: relative;
	  width: 160px;
	  text-align: center;
	  line-height: 60px;
	  box-shadow: 0 -5px 0px 0 #118EEA inset;
  }
  .detailed .article .info {
	  width: 100%;
	  height: auto;
	  font-size: 16px !important;
	  line-height: 30px !important;
	  margin-top: 30px;
	  overflow: hidden;
  }
  .detailed .article .info p {
	  text-indent: 2em;
   font-size:;
  }
  .detailed .article img {
	  display: block;
	  max-width: 100%;
	  margin: 0 auto;
  }
  .news-detailed {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 40px;
  }
  .news-detailed {
	  padding-bottom: 15px;
  }
  .news-detailed .tit {
	  width: 100%;
	  border-bottom: 1px solid #E5E5E5;
	  height: auto;
	  overflow: hidden;
	  padding-bottom: 15px;
  }
  .news-detailed .tit h4 {
	  color: #333333;
	  font-size: 24px;
	  width: 100%;
	  text-align: center;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .news-detailed .tit div {
	  display: flex;
	  align-items: center;
	  margin-top: 15px;
	  justify-content: center;
  }
  .news-detailed .tit span {
	  display: block;
	  margin-right: 5px;
	  color: #999999;
	  font-size: 14px;
  }
  .news-detailed .intro {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  font-size: 16px;
	  line-height: 30px;
	  margin-top: 30px;
	  box-sizing: border-box;
	  color: #555555;
	  min-height: 200px;
	  padding-bottom: 30px;
	  border-bottom: 3px solid #E5E5E5;
  }
  .news-detailed .intro p {
	  text-indent: 2em;
  }
  .news-detailed .intro img {
	  display: block;
	  margin: 0 auto;
	  max-width: 100%;
  }
  .img-list {
	  width: 100%;
	  height: auto;
	  margin-top: 30px;
	  overflow: hidden;
  }
  .img-list ul li {
	  float: left;
	  width: 24.1%;
	  margin-left: 1%;
	  margin-bottom: 10px;
  }
  .img-list ul li div {
	  box-sizing: border-box;
	  border: 1px solid #eee;
  }
  .img-list ul li img {
	  display: block;
	  width: 100%;
  }
  .img-list ul li p {
	  width: 100%;
	  height: 40px;
	  line-height: 40px;
	  color: #333;
	  font-size: 16px;
	  text-align: center;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
  }
  .img-list ul li:nth-child(4n-3) {
	  margin-left: 0;
  }
  .fy {
	  width: 1400px;
	  height: auto;
	  overflow: hidden;
	  margin: 30px auto;
	  border-top: 1px solid #d2d2d2;
	  border-bottom: 1px solid #d2d2d2;
  }
  .fy p {
	  width: 240px;
	  height: 50px;
	  float: left;
	  line-height: 50px;
	  text-align: center;
	  white-space: nowrap;
	  overflow: hidden;
	  padding: 0 10px;
	  text-overflow: ellipsis;
	  border-left: 1px solid #d2d2d2;
  }
  .fy p:first-child {
	  border: none;
  }
  .fy a {
	  color: #333333;
	  font-size: 14px;
  }
  .fy .return {
	  float: right;
	  line-height: 50px;
	  width: 140px;
	  border-left: 1px solid #d2d2d2;
	  text-align: center;
  }
  .detailed {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 55px;
  }
  .detailed .tit {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  padding-bottom: 5px;
  }
  .detailed .tit h4 {
	  font-size: 22px;
	  text-align: center;
	  color: #333;
	  line-height: 30px;
  }
  .detailed .tit p {
	  text-align: center;
	  color: #999;
	  display: block;
	  margin-top: 10px;
	  background: #eee;
	  border-bottom: 1px solid #f1f1f1;
	  line-height: 40px;
	  font-size: 14px;
	  text-align: center;
  }
  .detailed .tit span {
	  margin: 0 10px;
  }
  .detailed img {
	  display: block;
	  margin: 0 auto;
	  max-width: 100% !important;
  }
  .detailed .info {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  margin-top: 15px;
	  min-height: 150px;
	  color: #333;
	  line-height: 30px;
	  font-size: 16px;
  }
  .detailed .info p {
	  text-indent: 2em;
  }
   @media (min-width: 1200px) {
  .nav {
	  width: 100%;
	  height: 72px;
	  background: #118EEA;
  }
  .nav ul {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 72px;
	  width: 1400px;
	  margin: 0 auto;
  }
  .nav ul li {
	  width: 100%;
	  text-align: center;
	  line-height: 72px;
	  position: relative;
	  transition: .3s;
  }
  .nav ul li:after {
	  content: "";
	  width: 0;
	  transition: .5s;
	  height: 3px;
	  position: absolute;
	  left: 50%;
	  bottom: 0;
	  transform: translateX(-50%);
	  background: #FF9211;
  }
  .nav ul li ul li:after {
	  width: 0;
	  height: 0;
	  overflow: hidden;
  }
  .nav ul li:hover:after {
	  width: 100%;
  }
  .nav ul li a {
	  color: #ffffff;
	  display: block;
	  font-size: 18px;
  }
  .nav ul li ul {
	  position: absolute;
	  width: 100%;
	  top: 75px;
	  display: block;
	  box-sizing: border-box;
	  z-index: 10;
	  height: auto;
	  overflow: hidden;
	  opacity: 0;
	  transition: .5s;
	  visibility: hidden;
	  background: #fff;
  }
  .nav ul li ul li {
	  line-height: 45px;
	  height: auto;
	  text-align: left;
	  text-align: center;
	  box-sizing: border-box;
	  position: relative;
  }
  .nav ul li ul li a {
	  font-size: 16px;
	  color: #555555;
	  font-weight: normal;
	  display: block;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .nav ul li ul li:hover {
	  background: #118EEA;
  }
  .nav ul li:hover ul li a {
	  color: #555555;
  }
  .nav ul li ul li:hover a {
	  color: #fff;
  }
  .nav ul li ul li:hover:after {
	  border-color: #118EEA;
  }
  .nav ul li:hover ul {
	  top: 72px;
	  opacity: 1;
	  visibility: initial;
  }
  .tab ul li:hover {
	  background: #FF9000;
  }
  .tab ul li:hover a {
	  color: #fff;
  }
  .img-box {
	  overflow: hidden;
  }
  .img-box img {
	  transition: .5s;
  }
  .img-box:hover img {
	  transform: scale(1.05);
  }
  .ser ul li:hover img {
	  border: 2px solid #FFF400;
	  transform: scale(1.02);
  }
  .ser ul li:hover p {
	  text-align: center;
	  color: #fff400;
	  font-size: 22px;
  }
  .news .qa ul li:hover .q p {
	  color: #118EEA;
	  text-decoration: underline;
  }
  .cases .show .pic ul li p:hover {
	  background: #FF7800;
  }
  .news .newsSwiper ul li a:hover {
	  color: #118EEA;
	  text-decoration: underline;
  }
  .news .newsSwiper .on .intro h4:hover {
	  color: #118EEA;
	  text-decoration: underline;
  }
  .news .qa .tit a:hover {
	  color: #118EEA;
  }
  .footer .menu ul li:hover {
	  background: #fff;
  }
  .footer .menu ul li:hover a {
	  color: #118eea;
  }
  .footer .menu ul li:hover:after {
	  color: #118eea;
  }
  .item ul li:hover {
	  box-shadow: 0 5px 5px 2px #9dcef6b3
  }
  }
   @media (max-width: 1440px) {
  .main {
	  width: 1200px;
  }
  .nav ul {
	  width: 1200px;
  }
  .about .intro {
	  width: 550px;
  }
  .lc ul li:after {
	  width: 80px;
	  margin-right: 115%;
  }
  .news .bd {
	  width: 670px;
  }
  .news .newsSwiper {
	  width: 500px;
  }
  .news .qa {
	  width: 520px;
  }
  .news .newsSwiper .on .intro {
	  width: 255px;
  }
  .img-list ul li {
	  width: 288px;
  }
  .links ul {
	  width: 1000px;
  }
  .footer .intro {
	  margin-left: 70px;
  }
  .detailed .img {
	  width: 620px;
  }
  .detailed .intro {
	  width: 550px;
  }
  .bottom-news {
	  width: 1200px;
  }
  .pro-list ul li {
	  width: 49.3%;
	  margin-bottom: 20px;
  }
  .pro-list ul li .img-box {
	  width: 300px;
  }
  .pro-list ul li .intro {
	  width: 230px;
  }
  .pro-list ul li .intro i {
	  margin-top: 20px;
	  width: 120px;
	  height: 40px;
	  font-size: 14px;
	  line-height: 40px;
  }
  .news-list {
	  width: 1200px;
  }
  .news-list ul li .info {
	  width: 400px;
  }
  .fy {
	  width: 1200px;
  }
  }
   @media screen and (max-width: 1199px) {
  .top {
	  display: none;
  }
  .main {
	  width: 7.2rem;
  }
  .head .tel {
	  display: none;
  }
  .head {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
  }
  .head .main {
	  display: flex;
	  justify-content: space-between;
	  display: center;
	  height: 1.5rem;
  }
  .head {
   border-width: .1rem;
  }
  .head .btn {
	  display: block;
   width: .8rem;
   height: .8rem;
	  background: url(../images/btn.png) no-repeat center;
   background-size: auto .6rem;
  }
  .head .name {
	  width: 5.6rem;
  }
  .head .name img {
	  width: 100%;
	  display: block;
  }
  .head .tel {
	  display: none;
  }
  .head .name p {
	  display: none;
  }
  .nav {
	  width: 100%;
	  height: 100%;
	  overflow: hidden;
	  position: fixed;
	  left: 0;
	  top: 1.5rem;
	  display: none;
	  overflow-y: auto;
	  opacity: 0;
	  visibility: hidden;
	  background: rgba(0,0,0,.5);
	  z-index: 10001;
  }
  .nav ul {
	  top: 0;
	  width: 70%;
	  float: right;
	  right: -100%;
	  position: relative;
	  height: 100%;
	  overflow-y: auto;
	  background: #333333;
  }
  .nav .on {
	  padding-bottom: 1.5rem;
  }
  .nav ul li {
	  width: 100%;
   padding: 0 .3rem;
	  box-sizing: border-box;
	  height: auto;
	  overflow: hidden;
   border-bottom: .02rem solid #eee;
   line-height: .8rem;
   border-top: .02rem solid #444;
	  position: relative;
   border-bottom: .02rem solid #111;
  }
  .nav ul li a {
	  color: #fff;
   font-size: .32rem;
	  display: block;
  }
  .nav ul ul {
	  width: 96%;
	  padding-bottom: 0;
	  display: none;
	  right: initial;
  }
  .nav ul .sonOpen {
	  display: block;
  }
  .nav ul li i {
	  display: block;
	  position: absolute;
	  right: 0;
   width: .8rem;
   height: .8rem;
	  top: 0;
  }
  .nav ul li i:after {
	  content: "";
   width: .3rem;
   height: .3rem;
	  transition: .3s;
	  display: block;
	  background: url(../images/nav-icon.png) no-repeat center;
	  background-size: auto 100%;
	  position: absolute;
	  top: 50%;
	  left: 50%;
   margin-left: -.15rem;
   margin-top: -.15rem;
  }
  .nav ul li .touch:after {
	  transform: rotate(90deg);
  }
  .nav ul li ul li {
   line-height: .7rem;
	  border: none;
   height: .7rem;
	  border: none;
  }
  .nav ul li ul li:first-child {
	  border-top: 0;
  }
  .nav ul li ul li:last-child {
	  border-bottom: none;
  }
  .nav ul ul li a {
   font-size: .26rem;
	  display: block;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .banner {
	  display: none;
  }
  .in-banner img {
	  display: none;
  }
  .in-banner img:last-child {
	  display: block;
  }
  .mbanner {
	  display: block;
  }
  .mbanner img {
	  display: block;
	  width: 100%;
  }
  .mbanner .swiper-pagination {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: absolute;
   bottom: .4rem !important;
	  z-index: 1;
  }
  .mbanner .swiper-pagination-bullet {
   width: .2rem;
   height: .2rem;
	  background: none;
	  opacity: 1;
   margin: 0 .1rem;
	  border-radius: 30px;
	  position: relative;
	  display: block;
	  transition: .5s;
	  background: #fff;
  }
  .mbanner .swiper-pagination-bullet-active {
   width: .5rem;
  }
  .title h4 {
   font-size: .48rem;
  }
  .title p {
   font-size: .26rem;
   margin-top: .1rem;
  }
  .item {
   padding: 0 0;
  }    .in-item{margin-top:0px;}    .item .main .title{margin:20px 0;}    .item ul{margin-top:20px;}  
  .item ul li {
   width: 49%;
   margin-left: 0;
   padding: .4rem 0;
   margin-bottom:.2rem;
  }
  .item ul li:nth-child(2n) {
	  float: right;
  }
  .item ul li div {
	  height: 1.8rem;
  }
  .item ul li img {
	  width: 1.5rem;
  }
  .item ul li p {
   font-size: .3rem;
   margin-top: .2rem;
   line-height: .42rem;
  }
  .item ul li span {
	  display: block;
   font-size: .26rem;
  }
  .about {
   margin-top: .6rem;
  }
  .about .main {
	  display: block;
  }
  .about .intro {
	  width: 100%;
   margin-top: .4rem;
  }
  .about .intro .tit h4 {
   font-size: .42rem;
	  margin-top: 0;
  }
  .about .intro .tit p {
   font-size: .7rem;
   line-height: .7rem;
  }
  .about .intro .tit a {
   width: .7rem;
   line-height: .7rem;
	  box-sizing: border-box;
   font-size: .4rem;
   height: .7rem;
  }
  .about .intro .info {
   font-size: .28rem;
   line-height: .48rem;
   margin-top: .3rem;
  }
  .about .intro ul {
	  justify-content: center;
   margin-top: .5rem;
  }
  .about .intro ul li {
   margin-right: .2rem;
	  width: 3.2rem;
	  height: auto;
	  box-sizing: border-box;
  }
  .about .intro ul li a {
	  height: 1rem;
  }
  .about .intro ul li p {
   font-size: .3rem;
  }
  .about .intro ul li img {
   width: .5rem;
   margin-right: .15rem;
  }
  .lc {
   margin-top: .8rem;
   padding: .6rem 0;
  }
  .lc .tit h4 {
   padding-bottom: .2rem;
   font-size: .48rem;
  }
  .lc .tit:after {
   width: .6rem;
  }
  .lc ul {
	  width: 7rem;
	  margin: 0 auto;
   margin-top: .6rem;
	  flex-wrap: wrap;
  }
  .lc ul li {
	  width: 30%;
	  margin-bottom: 1rem;
  }
  .lc ul li img {
	  margin: 0 auto;
	  width: 1.1rem;
  }
  .lc ul li b {
    font-size: .36rem;
  }
  .lc ul li p {
    font-size: .24rem;
    margin-top: .1rem;
	color: #afddff;
  }
  .lc ul li:after {
	  width: 1.1rem;
      right: -.75rem;
	  margin: 0;
      top: .3rem;
	  background-size: 100% auto;
  }
  .lc ul li:nth-child(3):after {
	  background: url(../images/icon05.png) no-repeat center;
	  right: initial;
	  left: 50%;
	  top: 100%;
	  margin: 0;
      margin-top: .3rem;
	  transform: translateX(-50%);
	  background-size: auto 100%;
      width: .2rem;
      height: .5rem;
  }
  .lc ul li:nth-child(n+4):after {
	  transform: rotate(180deg);
	  right: initial;
   left: -.75rem;
  }
  .lc ul li:nth-child(4) {
	  order: 3;
  }
  .lc ul li:nth-child(5) {
	  order: 2
  }
  .lc ul li:nth-child(6) {
	  order: 1
  }
  .lc ul li:nth-child(n+4) {
	  margin-bottom: 0;
  }
  .cases ul li {
	  width: 49%;
	  margin-left: 0;
   margin-bottom: .2rem;
  }
  .cases ul li:nth-child(2n) {
	  float: right;
  }
  .cases ul li .info {
   padding: .2rem;
  }
  .cases ul li .info h4 {
   font-size: .28rem;
  }
  .cases ul li .info p {
   font-size: .24rem;
   margin-top:.05rem;
  }
  .cases .more {
	  width: 2.4rem;
   height: .8rem;
   line-height: .8rem;
   font-size: .26rem;
   margin-top: .4rem;
  }
  .honor {
   margin-top: .6rem;
   padding: .6rem 0;
  }
  .honor .swiper-pagination {
   margin-top: .4rem;
  }
  .honor .swiper-pagination span {
   width: .5rem;
   margin: 0 .1rem;
   height: .08rem;
  }
  .honor .more {
	  width: 2.4rem;
   height: .8rem;
   line-height: .8rem;
   font-size: .26rem;
   margin-top: .4rem;
  }
  .news {
   margin-top: .6rem;   margin-bottom:30px;
  }
  .news .bd {
	width: 100%;
    margin-top: .4rem;
  }
  .news .hd {
	  width: 100%;
  }
  .news .hd ul {
	  display: flex;
  }
  .news .hd ul li {
	  width: 50%;
	  height: 1.5rem;
	  float: left;
      margin-right: .1rem;
	  flex-wrap: nowrap;
	  padding: 0;
	  flex-direction: inherit;
	  align-items: center;
	  box-sizing: border-box;
  }
  .news .hd ul li img {
	  display: block;
      height: .8rem;
      margin-right: .2rem;
  }
  .news .hd ul li h4 {
      font-size: .36rem;
	  margin: 0;
  }
  .news .hd ul li a {
      margin-top: .1rem;
	  box-sizing: border-box;
	  width: 1.2rem;
      font-size: .2rem;
      line-height: .4rem;
	  height: auto;
  }
  .news .newsSwiper {
	  width: 100%;
	  margin-left: 0;
      margin-top: .2rem;
  }
  .news .newsSwiper .on {
      padding: .2rem;
  }
  .news .newsSwiper .on img {
	  width: 2.6rem;
  }
  .news .newsSwiper .on .intro {
	  width: 3.9rem;
	  margin-right: 0;
  }
  .news .newsSwiper .on .intro h4 {
   font-size: .3rem;
  }
  .news .newsSwiper .on .intro span {
   font-size: .2rem;
   margin: .1rem 0;
  }
  .news .newsSwiper .on .intro p {
      font-size: .26rem;
      line-height: .42rem;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }
  .news .newsSwiper ul {
   margin-top: .2rem;
  }
  .news .newsSwiper ul li {
      padding-left: .1rem;
      line-height: .7rem;
	  box-sizing: border-box;
  }
  .news .newsSwiper ul li a {
      font-size: .3rem;
	  width: 60%;
      margin-left: .2rem;
  }
  .news .newsSwiper ul li:after {
      width: .1rem;
      height: .1rem;
	  left: 0;
  }
  .news .newsSwiper ul li span {
   font-size: .2rem;
  }
  .news .qa {
	  width: 100%;
   margin-top: .4rem;
  }
  .news .qa .tit p {
   font-size: .32rem;
  }
  .news .qa .tit span {
   font-size: .24rem;
  }
  .news .qa .tit a {
   font-size: .26rem;
  }
  .news .qa ul {
   margin-top: .4rem;
  }
  .news .qa ul li {
   margin-top: .3rem;
   margin-bottom: .3rem;
  }
  .news .qa ul li span {
   width: .5rem;
   height: .5rem;
   line-height: .5rem;
   font-size: .26rem;
  }
  .news .qa ul li .q {
   margin-bottom: .2rem;
  }
  .news .qa ul li .q p {
	  width: 6.3rem;
   margin-left: .2rem;
   line-height: .5rem;
   font-size: .3rem;
  }
  .news .qa ul li .a p {
	  width: 6.3rem;
   margin-left: .2rem;
  }
  .gotop {
	  display: flex;
	  width: 100%;
	  font-weight: bold;
	  background: #CCCCCC;
   font-size: .3rem;
	  justify-content: center;
   padding: .3rem 0;
   margin-top: .6rem;
  }
  .links {
	  display: none;
  }
  .footer {
   padding: 30px 0;   
  }
  .footer .main {
	  display: block;
  }
  .fy {
	  width: 100%;
   margin-top: .6rem;
  }
  .footer .menu {
	  display: none;
  }
  .footer .tit p {
	  width: 100%;
	  text-align: center;
   font-size: .32rem;
  }
  .footer .intro {
	  margin-left: 0;
	  width: 100%;
  }
  .footer .info p {
   text-align: center;
   font-size: .28rem;
   line-height: .42rem;
  }
  .footer .ewm {
	  width: 100%;
  }
  .footer .ewm ul {
   display: flex;   justify-content: center;
   margin-top: .5rem;
  }
  .footer .ewm ul li {
	  width: 2.4rem;
  }
  .footer .ewm ul img {
	  display: block;
	  width: 100%;
	  height: auto;
  }
  .footer .ewm ul li p {
   font-size: .24rem;
   margin-top: .1rem;
  }
  .cr {
   font-size: .24rem;
   height: auto;
   margin-bottom: 1rem;
   padding: .3rem 0;
  }
  .cr p {
   line-height: .3rem;
  }
  .page {
   margin: .4rem 0;
  }
  .nav-links a {
   font-size: .26rem;
   border: .02rem solid #ccc;
   margin: 0 .06rem;
  }
  .nav-links span {
   margin: 0 .06rem;
   font-size: .26rem;
   border: .02rem solid #ccc;
  }
  .crumbs {
   padding: 0 .1rem;
	  box-sizing: border-box;
  }
  .crumbs .main {
	  width: 100%;
  }
  .crumbs .tit {
	  border-left: none;
   height: .8rem;
   margin-right: .3rem;
  }
  .crumbs div {
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  color: #999;
   font-size: .2rem;
  }
  .crumbs p {
   line-height: .8rem;
   font-size: .28rem;
  }
  .crumbs a {
   font-size: .28rem;
	  display: inline;
   line-height: .8rem;
  }
  .crumbs .tit img {
   height: .4rem;
	  margin: 0 auto;
   margin-top: .2rem;
  }
  .fn {
	  width: 100%;
	  height: auto;
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  z-index: 100;
	  display: block;
  }
  .fn ul li {
	  float: left;
	  width: 33.333%;
	  height: auto;
	  overflow: hidden;
	  position: relative;
	  background: #555555;
      padding: .1rem 0;
  }
  .fn ul li a {
	  display: flex;
      height: .8rem;
	  justify-content: center;
	  align-items: center;
  }
  .fn ul li p {
	  color: #fff;
	  text-align: center;
      font-size: .32rem;
      margin-top: .05rem;
  }
  .fn ul li img {
	  display: block;
      margin-right: .1rem;
      height: .4rem;
  }
  .fn ul li:nth-child(2) {
	  background: #FF9211;
  }
  .about-article {
      margin-top: .3rem;
	  margin-bottom: 0;
  }
  .about-article .title {
   margin-top: .6rem;
   margin-bottom: .4rem;
  }
  .about-article img {
	  max-width: 100%;
	  display: block;
  }
  .about-article .info {
   font-size: .29rem;
   line-height: .48rem;
	  margin: 0;
   margin-top: .2rem;
  }
  .about-article .map {
	  height: 5rem;
   margin-top: .3rem;
  }
  .cont-article .title {
   margin-top: .6rem;
   margin-bottom: .4rem;
  }
  .cont-article {
	  width: 100%;
  }
  .cont-article ul li {
	  width: 100%;
  }
  .cont-article ul li img {
	  height: 1rem;
  }
  .cont-article ul li p {
   font-size: .3rem;
   margin-left: .3rem;
  }
  .detailed {
   width: 100%;
   height: auto;
   overflow: hidden;
   margin-top: .6rem;
  }
  .detailed .tit h4 {
   font-size: .38rem;
  }
  .detailed .tit span {
   display: block;
   line-height: .4rem;
   font-size: .24rem;   color: #999;
  }
  .detailed .tit p {
   padding: .1rem 0;
  }
  .detailed .info {
   margin-top: .2rem;
   font-size: .29rem;
   line-height: .48rem;
	  text-align: justify;
  }
  .fy {
   width: 7.1rem;
   margin: .6rem auto;
   margin-bottom: .3rem;
   border:.02rem solid #ccc;
   line-height: .7rem;
  }
  .fy p {
   line-height: .7rem;
   height: .7rem;
   font-size:.24rem;
   padding:0 .1rem;
	  width: 50%;
	  text-align: center;
	  box-sizing: border-box;
   border-right: .02rem solid #ccc;
  }
  .fy p:nth-child(2) {
	  border-right: none;
  }
  .fy .return {
	  width: 100%;
	  box-sizing: border-box;
	  float: initial;
	  text-align: center;
	  float: left;
   line-height: .7rem;
	  display: block;
	  border-left: none;
   border-top: .02rem solid #ccc;
  }
  .news-list {
	  width: 7.1rem;
	  margin: 0 auto;
  }
  .news-list .title {
   margin-top: .5rem;
  }
  .news-list ul {
   margin-top: .4rem;
  }
  .news-list ul li {
   border: .02rem solid #dcdcdc;
	  box-sizing: border-box;
	  height: auto;
	  overflow: hidden;
   padding: .25rem;
	  width: 100%;
   margin-bottom: .2rem;
  }
  .news-list ul li .time {
	  width: 1.4rem;
	  height: 1.4rem;
  }
  .news-list ul li .time b {
   height: .7rem;
   line-height: .7rem;
   font-size: .42rem;
  }
  .news-list ul li .time p {
   height: .5rem;
   line-height: .5rem;
   font-size: .32rem;
   margin-top:.2rem;
  }
  .news-list ul li .time span {
   font-size: .24rem;
	  display: block;
   margin-top:.15rem;
  }
  .news-list ul li .time:after {
   width: .3rem;
   top: .7rem;
	  margin: 0;
	  transform: translateX(-50%);
  }
  .news-list ul li .info {
	  width: 4.8rem;
	  margin: 0;
  }
  .news-list ul li .info h4 {
   font-size: .3rem;
   padding-right: .5rem;
   background-size: .3rem auto;
  }
  .news-list ul li .info p {
   font-size: .26rem;
   line-height: .4rem;
  }
  .news-list ul li .info span {
   margin-top: .05rem;
   line-height: .42rem;
   font-size: .26rem;
   height: .8rem;
	  display: -webkit-box;
  }
  .float-right {
	  display: none;
  }
  .img-list {
   margin-top: .3rem;
  }
  .img-list ul li {
	  width: 3.5rem;
	  margin-left: 0;
	  margin-bottom: 0rem;
	  float: left;
  }
  .img-list ul li img {
	  display: block;
	  width: 100%;
  }
  .img-list ul li:nth-child(2n) {
	  float: right;
  }
  .img-list ul li p {
   font-size: .28rem;
   line-height: .8rem;
   height: .8rem;
  }
  .bottom-news {
	  width: 7.2rem;
   padding:.4rem .2rem;
   border-width: .06rem;
   margin-top: .5rem;
  }
  .bottom-news .tit {
	  align-items: center;
  }
  .bottom-news .tit div {
   padding-left: .2rem;
  }
  .bottom-news .tit div:after {
   width: .08rem;
   height: .8rem;
  }
  .bottom-news .tit h4 {
   font-size: .42rem;
  }
  .bottom-news .tit p {
   font-size: .26rem;
  }
  .bottom-news .tit a {
	  display: flex;
   width: .8rem;
	  justify-content: flex-end;
	  align-items: center;
   height: .8rem;
  }
  .bottom-news .tit a img {
	  display: block;
   height: .6rem;
  }
  .bnSwiper .swiper-slide {
   padding: .4rem .5rem;
  }
  .bnSwiper .swiper-slide h4 {
   font-size: .32rem;
  }
  .bnSwiper .swiper-slide span {
   font-size: .26rem;
  }
  .bnSwiper .swiper-slide p {
   font-size: .28rem;
   line-height: .48rem;
   margin-top: .3rem;
  }
  .bnSwiper .swiper-slide span:after {
	  width: 1rem;
   height: .06rem;
  }
  .bnSwiper {
   margin-top: .4rem;
  }
  .bnSwiper .swiper-pagination {
   margin-top: .5rem;
  }
  .tab {
   width: 7.2rem;
   margin: 0 auto;
   margin-top: .4rem;
  }   

  .tab ul li {
	 width: 2.4rem;
     line-height:1rem;
     height: 1rem;
  }
  .tab ul li:nth-child(n+4) {
	  border-top: none;
  }
  .tab ul li:nth-child(3n) {
  }
  .tab ul li:nth-child(5n+1) {
	  border-left: none;
  }
  .tab ul li:nth-child(3n-2) {
	  border-left: 1px solid #E5E5E5;
  }
  .tab ul li a {
   font-size: .32rem; 
   line-height:1rem;
   height:1rem;
  }
  .page_tab ul li{
  	width: 49%;
  	border-left: 1px solid #E5E5E5;
  	border-right: none;
  	border-top: none;
  }
   .page_tab ul li:nth-child(5n+1){
   		border-left: 1px solid #E5E5E5;
   }
  .page_tab ul li:nth-child(-n+2){
  	border-top: 1px solid #E5E5E5;
  }
  .page_tab ul li a{
  	line-height: .32rem;
  	font-size: .26rem;
  }
  .page_tab ul li:nth-child(2n){
  	border-right: 1px solid  #E5E5E5;
  }

  .pro-list ul li a {
	  display: block;
  }
  .pro-list ul li {
   padding: .2rem;
  }
  .pro-list ul li .img-box {
	  width: 100%;
  }
  .pro-list ul li .img-box img {
	  height: auto;
	  width: 100%;
	  left: 0;
	  transform: initial;
  }
  .pro-list ul li .intro {
	  width: 100%;
  }
  .pro-list ul li .intro h4 {
   font-size: .32rem;
   margin: .2rem 0;
  }
  .pro-list ul li .intro p {
   font-size: .26rem;
   line-height: .42rem;
   padding: .05rem 0;
	  border-bottom: 1px solid #fff;
   margin: .05rem 0;
  }
  .pro-list ul li .intro span {
	  display: block;
   font-size: .2rem;
	  color: #000;
   height: .3rem;
   line-height: .3rem;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
  }
  .pro-list ul li .intro i {
	  width: 1.8rem;
   height: .6rem;
   line-height: .6rem;
   font-size: .2rem;
	  margin: 0 auto;
   margin-top: .3rem;
  }
  .news-detailed {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
   margin-top: .6rem;
  }
  .news-detailed .tit {
   padding-bottom: .1rem;
  }
  .news-detailed .tit h4 {
   font-size: .38rem;
  }
  .news-detailed .tit div {
	  display: flex;
	  flex-wrap: wrap;
   margin-top: .2rem;
  }
  .news-detailed .tit span {
	  display: block;
	  width: 100%;
	  text-align: center;
	  margin: 0;
   line-height: .4rem;
   font-size: .24rem;
  }
  .news-detailed .tit p {
   padding: .1rem 0;
  }
  .news-detailed .info {
   margin-top: .2rem;
   font-size: .29rem;
   line-height: .48rem;
	  text-align: justify;
  }
  .news-detailed .intro {
   font-size: .28rem;
   line-height: .48rem;
  }
  .query {
	  width: 100%;
  }
  .query form label {
   font-size: .32rem;
  }
  .query form input {
	  width: 3rem;
   height: .7rem;
   font-size: .28rem;
  }
  .query form a {
	  width: 1.2rem;
	  align-items: center;
   height: .7rem;
   font-size: .3rem;
  }
  .query form a img {
   height: .3rem;
  }
  .table {
	  width: 96%;
	  margin: 0 auto;
   margin-top: .4rem !important;
  }
  .table td {
   font-size: .2rem;
  }
  .table td:last-child {
	  width: 12% !important;
  }

  .float-qq{
  	display: none;
  }
  }