* {
  transition: all 0.4s; }
a {
  color: inherit; }
.close {
  display: none; }
  /* huanying */
  .welcome{ width:100%; height: 30px; background:#00428a; line-height: 30px;}
  .welcome span{ font-size:14px; color:#fff; margin-left:2%;float:left;}
  .welcome .mapsite{ font-size:14px; color:#fff; float:right; margin-right:2%;}
  .welcome .mapsite b{ font-weight: 500;}
  .welcome .mapsite a{ color:#fff;}
/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
border: 1px solid #dddddd;
padding: 0 12px;
text-decoration: none;
}
.pagination li a{
 display:inline;
display: block;
font-size: 16px;
color: #555555;
}
.pagination li a:hover{
color:#2b6fa7;
}
.pagination li.thisclass {
background: #2b6fa7;
color: #fff;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
text-decoration: none;
}
.pagination li.thisclass a,.paginatio1 li.thisclass a:hover{
background: transparent;
border-color: #2b6fa7;
color: #fff;
cursor: default;
}
.banner {
  height: 100vh;
  background: url("../other/banner.png.jpeg") no-repeat center/cover;
  text-align: center;
  position: relative;
  overflow: hidden; }
.banner .txt {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  color: #fff; }
.banner h2 {
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.35);
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 15px; }
.banner p {
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.35);
  font-size: 34px; }
.banner a {
  display: block;
  margin: 0 auto;
  font-size: 20px;
  color: #fff;font-weight:lighter;
  width: 172px;
  line-height: 47px;
  border: 1px solid #2bcbd3;
  margin-top: 80px;
  transition: all 0.3s; }
.banner a:hover {
  background: #2bcbd3; }
.tst{ margin:30px 0 0 30px; font-size:30px}
.tst img{ vertical-align:middle }
.tst { color:#1782d1}
.banner3 a {
    display: block;
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    font-weight: lighter;
    width: 172px;
    line-height: 47px;
    border: 1px solid #2bcbd3;
    margin-top: 80px;
    transition: all 0.3s;
}
.banner3 a:hover {
      background: #2bcbd3; }
 
  .banner3 .txt {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    color: #fff; }
  .banner3 h2 {
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.35);
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 15px; }
  .banner3 p {
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.35);
    font-size: 34px; }
  
  
  @media (max-width: 768px) {.banner3 h2 {
    font-size: 24px; }
  .banner3 p {
    font-size: 16px; }
    .banner3 a{margin-top: 20px;
          width: 122px;
    line-height: 27px;
    }
  
  }
header {
  position: fixed;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 999999999;
  padding: 27px 80px 15px;
  transition: all 0.3s; }
header .logo {
  transition: all 0.3s; }
header nav *{ transition: all 0s; }
header::after {
  content: "";
  display: block;
  clear: both; }
header .logo {
  display: block;
  width:20%; 
  float: left; }
header .logo img {
  display: block;
  max-width:100%;
  width: 235px; }
header nav {
  float: right;
  width:75%; 
  font-size: 20px;
  font-weight: bold;
  margin-top: 0px; }
header nav  li{  width:12%; font-size:16px; position:relative; display:inline-block;text-align: center; margin-top:15px;}
header nav li> a {
  display: block; font-weight:normal !important;
  float: left;
  color: #fff;
  width:100%; text-align: center;
}
.banner3 .swiper-pagination-clickable .swiper-pagination-bullet{ width:50px !important; height:4px !important; border-radius:2px !important;opacity: .5 !important; /* 通用，其他浏览器 有效*/}
.banner3 .swiper-pagination-white .swiper-pagination-bullet-active{ background:#247ec1 !important; opacity: 1 !important;}
.swiper-pagination{ bottom:30px !important}
.banner3 .swiper-slide>div{  top:0; position:absolute; height:100%; color:#fff; z-index:5; width:100%;  text-align:center; display:table;  align-items:center; justify-content: center;}
.banner3 .swiper-slide>div .box{ display:table-cell; vertical-align:middle}
.banner3 .swiper-slide div h2{ font-size:60px; font-weight:bold}
.banner3 .swiper-slide div  h3{ font-size:36px; font-weight:bold; padding-top:10px}
.banner3{ position:relative}
.banner3>div{ height:100%}
.banner3>div img{  object-fit: cover; display:block; width:100%; height:100%; }
header nav li>a:hover {
  color: #204894; }
header .navs li div{ position:absolute; left:-60px; background:#fff; border-radius:5px; width:150px; padding:10px 0; top:46px; text-align:center; -moz-box-shadow:0px 0px 20px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.1); box-shadow:0px 0px 20px rgba(0,0,0,.1);-webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
  transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(1200px) rotateX(-90deg);
  transform: perspective(1200px) rotateX(-90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;}
header .navs li div.ani {
  display: block\9;
  transform: perspective(1200px) rotateX(0deg);
  -webkit-transform: perspective(1200px) rotateX(0deg);
  -moz-transform: perspective(1200px) rotateX(0deg);
  -ms-transform: perspective(1200px) rotateX(0deg);
  -o-transform: perspective(1200px) rotateX(0deg);
}
header nav div p{ padding:2px 0; text-align: left; padding-left: 10px}
header nav div a{ font-size:16px; font-weight:normal;}
header nav div a:hover{ color:#198ed2; font-weight:bold}
header nav li:hover div{}
header.sub {
  padding-top: 30px; }
header.sub .logo img {
  width: 170px; }
header.sub nav {
  font-size: 18px;
  margin-top: 16px; }
header.sub nav a {
}
header.on {
  margin-top:-30px;
  background: #fff;
  padding-top: 15px;
  box-shadow: 0px 5px 13.02px 0.98px rgba(0, 0, 0, 0.35); }
header.on .logo img {
  width: 170px; }
header.on nav {
  margin-top: 12px;
  font-size: 18px; }
header.on nav li>a {
  color: #333;
}
header.on nav a:hover {
  color: #204894; }
.index_title {
  text-align: center;
  font-size:38px;
  font-weight: bold;
  line-height: 1;
  color: #247ec1; }
.index_title span{
	background-image: -webkit-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.index_title::after {
  content: "";
  display: block;
  width: 50px;
  height: 5px;
  background: #73b692;
  margin: 30px auto 0; }
.index_title.sub_index_title {
  font-size: 36px; }
.index_title.sub_index_title::after {
  margin-top: 22px; }
.tonglantop{ width:100%; height: 130px; position: relative; top:-130px; z-index: 9; background:rgba(20,123,209,0.75); overflow: hidden;}
.pubCon{ width:86%; margin-left:7%;}
.tonglantop .rmLeft{ width:70%; float:left; margin-top:10px;}
.tonglantop .rmLeft p{ font-size:18px; color:#fff; float:left; font-weight: 600; line-height: 100px; margin-left:5%;}
.tonglantop .rmLeft ul{width:75%; height: 50px; background:rgba(255,255,255,0.85);float:left; border-radius:25px; margin-top:25px; padding: 0px 2%; overflow: hidden;}
.tonglantop .rmLeft ul li{ float:left; line-height: 50px;}
.tonglantop .rmLeft ul li a{ font-size:16px; color:#333; display: inline; margin-right:25px;}
.tonglantop .rmLeft ul li:hover a{ color:#00428a;}
.tonglantop .tltel{float:right;width:25%; margin-top:5px;}
.tonglantop .tltel img{ float:left; margin-top:15px;}
.tlteltext{float:left; font-size:16px; color:#fff; margin-left:10px; margin-top:20px;}
.tlteltext p{ font-size:30px; margin-top:5px; font-weight: 600;}
.index_p1 {
  padding-top: 0px; }
  #case_container .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#147bd1; transition:0.5s; border-radius: 3px;}
  #case_container .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#147bd1;transition:0.5s;border-radius: 3px;}
  #case_container .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
  #case_container .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}
  .casezhe h3{ width:100%; height: 40px; line-height: 40px; text-align: center; font-size:16px; color:#333; }
  .pubCon1{ width:1400px;margin: 0 auto;}
  .anlinav{ width:80%; margin-top:30px; margin-left:10%; }
  .anlinav li{ width:23%; margin-right:2.3%; float:left; height: 40px; border:1px solid #00428a; background:#fff;text-align: center; line-height: 40px; border-radius:20px;}
  .anlinav li a{ color:#00428a; width:100%; display: block;}
  .anlinav li:nth-child(4n){ margin-right:0px;}
  .anlinav li:hover{ background:#00428a;}
  .anlinav li:hover a{ color:#fff;}
#anli_container{ margin-top:40px;}
#anli_container .swiper-slide .propic{ border:1px solid #ddd; position: relative; overflow: hidden; width:100%; height: 244px; overflow: hidden;}
.prozhe{ position: absolute; top:0px; left: 0px;transform: scale(0); transition:0.75s; width:100%; height: 244px; overflow: hidden; }
#anli_container .swiper-slide:hover .prozhe{ transform: scale(1);}
 #anli_container .swiper-slide .propic img{ width:100%; min-height: 244px;} 
#anli_container .swiper-slide .casezhe h3{  width:100%; height: 45px; background:#00428a; transition:0.5s; color:#fff; line-height: 45px;}
#anli_container .swiper-slide:hover .casezhe h3{ background:#00428a; }
#anli_container .swiper-button-next{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#147bd1; transition:0.5s; border-radius: 3px;}
#anli_container .swiper-button-prev{ width:40px; height: 60px; background:rgba(255,255,255,0.45); color:#147bd1;transition:0.5s;border-radius: 3px;}
#anli_container .swiper-button-next:hover{ background:rgba(255,255,255,0.75);}
#anli_container .swiper-button-prev:hover{background:rgba(255,255,255,0.75);}
/* sitemap */
.mt1{ overflow: hidden;}
.sp-title{text-align: center;  overflow: hidden;}
.sp-title h2{  font-size:30px; color:#00428a;}
.sp-title .more a{ float:right; color:#666; width:15%; height: 40px; background:#eee; border-radius:5px; text-align: center; line-height: 40px; display: block;  display: block;}
.sp-title .more a:hover{ background:#00428a; color:#fff;}
.linkbox{ width:100%; line-height: 40px;  margin-top:30px; overflow: hidden; border-bottom:1px solid #eee; padding-bottom:10px; }
.linkbox h3{ width:20%; float:left; font-size:20px; }
.linkbox h3 a{color:#333}
.linkbox .f6{ width:80%;float:left;}
.linkbox .f6 li{ font-size:16px; float:left; width:15%; text-align:left; }
.linkbox .f6 li a{ color:#333;}
.linkbox .f6 li:hover a{ color:#00428a;}
.anlinavnei{ width:98%; margin-left:1%;}
  .anlinavnei li{ width:19%; margin-right:1.25%; float:left; height: 40px; border:1px solid #00428a; background:#fff;text-align: center; line-height: 40px; border-radius:20px; margin-bottom:20px; transition:0.5s;}
  .anlinavnei li a{ color:#00428a; width:100%; display: block;transition:0s; }
  .anlinavnei li:nth-child(5n){ margin-right:0px;}
  .anlinavnei li:hover{ background:#00428a;}
  .anlinavnei li:hover a{ color:#fff;}
  .newnavnei{ width:82%; margin-left:9%; margin-top:30px; overflow: hidden;}
  .newnavnei li{ width:31%; margin-right:3.3%; float:left; height: 40px; border:1px solid #00428a; background:#fff;text-align: center; line-height: 40px; border-radius:20px; margin-bottom:20px; transition:0.5s;}
  .newnavnei li a{ color:#00428a; width:100%; display: block; transition:0s; }
  .newnavnei li:nth-child(3n){ margin-right:0px;}
  .newnavnei li:hover{ background:#00428a;}
  .newnavnei li:hover a{ color:#fff;}
  
 .cpnavnei{ width:96%; margin-left:3%; margin-top:30px; overflow: hidden;}
 .cpnavnei li{ width:18.6%; margin-right:1.3%; float:left; height: 40px; border:1px solid #00428a; background:#fff;text-align: center; line-height: 40px; border-radius:20px; margin-bottom:20px; transition:0.5s;}
 .cpnavnei li a{ color:#00428a; width:100%; display: block; transition:0s; }
 .cpnavnei li:nth-child(5n){ margin-right:0px;}
 .cpnavnei li:hover{ background:#00428a;}
 .cpnavnei li:hover a{ color:#fff;}
  
.index_p1 .tabs {
  width: 1220px;
  max-width: 100%;
  margin: 30px auto 0;
  text-align: center;
  padding-bottom: 90px;
  overflow: hidden; }
.index_p1 .tabs a {
  display: block;-webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  width: 45%;
  float: left;
  margin: 0 2%;
  color: #147bd1; }
.index_p1 .tabs a:hover { }
.index_p1 .tabs a img {
  max-width: 80%;
  margin: 0 auto 5px; }
.hidimg{ display:none}
.index_p1 .tabs a:hover .hidimg{ display:inline-block}
.index_p1 .tabs a:hover .shoimg{ display:none}
.casenew .tabs{ font-size:21px; float:left; position:relative; top:10px}
.casenew .tabs a.hover ,.casenew .tabs a:hover span{ color:#247ec1}
.casenew .tabs a{ border-right:#ccc solid 1px; padding:0 13px;}.casenew .tabs a:last-child{ border:none}
.index_p1 .tabs a p {
  font-size: 22px;
  font-weight: bold; }
.index_p1 .tabs a span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 2px; }
.index_p1 .lists dl {
  overflow: hidden;
  display: none; }
.index_p1 .lists dl:nth-of-type(1) {
  display: block; }
.index_p1 .lists dl * {
  transition: all 0.3s; }
.index_p1 .lists dl dd {
  width: 25%;
  float: left;
  background: #f5f5f5;
  padding-top: 80px;
  border-right: 1px dashed #dedede; }
.index_p1 .lists dl a {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: 120px; }
.index_p1 .lists dl a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s; }
.index_p1 .lists dl a img {
  display: block;
  position: relative;
  z-index: 3;
  width: 100%; }
.index_p1 .lists dl a span {
  display: block;
  font-size: 154px;
  font-weight: bold;
  color: #ffffff;
  margin-top: -180px;
  padding-left: 110px;
  position: relative;
  z-index: 2; }
.index_p1 .lists dl a h2 {
  font-size: 34px;
  font-weight: bold;
  color: #000;
  padding-left: 65px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2; }
.index_p1 .lists dl a em {
  display: block;
  font-size: 20px;
  font-weight: lighter;
  color: #000000;
  padding-left: 95px;
  position: relative;
  z-index: 2; }
.index_p1 .lists dl a em b {
  font-weight: lighter;
  display: block;
  position: relative; }
.index_p1 .lists dl a em b::after {
  content: "";
  display: block;
  height: 1px;
  width: 50px;
  background: #737aaf;
  top: 50%;
  margin-top: -0.5px;
  right: 101%;
  position: absolute; }
.index_p1 .lists dl a:hover span {
  color: #f5f5f5; }
.index_p1 .lists dl a:hover::after {
  background: #fff; }
  #case_container .swiper-slide{ position: relative;}
  .prozhe{ position: absolute; top:0px; left:0px; transform: scale(0); transition:0.75s; z-index:9;}
  #case_container .swiper-slide:hover .prozhe{ transform: scale(1);}
.index_p2 {
  width: 1490px;
  padding: 70px 15px 100px;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto; }
.index_p2 .top {
  overflow: hidden; }
.index_p2 .top .right {
  width: 32%;
  float: right;
 }
.index_p2 .top .right p img {
  display: block;
 width:120px;
  margin-bottom: 45px; }
  .aboutimg{ margin-top:60px;}
.index_p2 .top .right h2 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
  line-height: 1.25;
  margin-bottom: 30px;  margin-top:50px;}
.index_p2 .top .right p {
  font-size: 16px;
  text-align: justify;
  line-height: 1.6666; }
.index_p2 .top .left {
  width: 65%;
  float: left; }
.all .more {
  overflow: hidden;
  margin-top: 40px;
  font-size: 20px; }
.all .more a {
  display: block; float:right;
  margin: 0 auto;
  font-size: 20px;
  color: #fff;font-weight:lighter;
  width: 172px;
  line-height: 47px;
  border: 1px solid #2bcbd3;
  margin-top: 20px; text-align:center; color:#1c7bc0;
  transition: all 0.3s;}
.all .more a:hover {
  background: #1c7bc0;
  color: #fff; }
.index_p2 .top .left video {
  width: 100%;
  height: 630px;
  object-fit: fill;
  display: block; }
.index_p2 .top .left .vbox {
  overflow: hidden;
  position: relative;
  height: 500px;
  box-shadow: 0px 8px 6.8px 1.2px rgba(0, 0, 0, 0.28); }
@keyframes gt {
    0% {
        
        transform: scale(1);
    }
	25% {
       
        transform: scale(1.1);
    }
    50% {
       
        transform: scale(1.2);
    }
	75% {
       
        transform: scale(1.1);
    }
    100% {
        
        transform: scale(1);
    }
}
.index_p2 .top .left .vbox .fangda{
	animation: gt 40s infinite linear;
-webkit-animation: gt 40s infinite linear;
}
.index_p2 .top .left .vbox .play_box {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: url("../images/v_poster.png") no-repeat center/cover; */
}
.index_p2 .top .left .vbox .play_box.on {
  background: none; }
.index_p2 .top .left .vbox .play_box .play {
  width: 100px;
  height: 100px;
  border-radius: 50%; margin-top:-40px;
  overflow: hidden;
  background: url("../images/icon_play.png") no-repeat center/cover;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0s;
  transform: translateX(-50%); }
.index_p2 .bottom {
  margin-top: 30px; }
.index_p2 .bottom h2 {
  font-size: 38px;
  font-weight: bold;
  text-align: right;
  color: #1c7bc0;
  line-height: 1;
  margin-bottom: 45px; }
.index_p2 .bottom p {
  font-size: 18px;
  line-height: 1.7;
  text-align: justify;
  margin-bottom: 10px; }
.index_p2 .bottom .all {
  text-align: right;
  font-size: 16px;
  color: #52a2f0; }
#case_container .swiper-slide{
	width:100%;
	height:100%;;
	overflow: hidden;
}
#case_container .swiper-slide a:hover img {
  transform: scale(1.04); 
}
.index_p4 {
   widows: 100%;
   height: 455px;
  background:url(../images/srtonglanbj.jpg) no-repeat center fixed; -webkit-background-size: cover; background-size: cover;
  padding-top: 130px;
  padding-bottom: 100px;
  text-align: center;
  color: #fff; 
position: relative;
}
  .hei1{position: absolute; top:0px; left: 0px; background:rgba(0, 0, 0, 0.35); z-index: 3; }
.index_p4 h2 {
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px; }
.index_p4 p {
  line-height: 1;
  font-size: 26px;
  margin-top:15px;
  font-weight: lighter; }
.index_p4 .line {
  margin: 28px auto 20px;
  width: 5%;
  height:5px;
  background: #007a38; }
.index_p4 span {
  width: 40%;
  max-width: 90%;
  display: block;
  margin: 0 auto;
  font-size: 32px;
  line-height: 70px;
  border-radius:35px;
  background-image: -moz-linear-gradient(138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
  background-image: -webkit-linear-gradient(138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
  background-image: -ms-linear-gradient(138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
}
.index_p5 {
  width: 1490px;
  padding: 135px 15px 100px;
  max-width: 100%;
  margin: 0 auto; }
.index_p5 .wrapper {
  margin-top: 10px; }
.index_p5 .wrapper .left {
  float: left;
  width: 50%;
  margin-top: 100px; }
.index_p5 .wrapper .left img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 5; }
.index_p5 .wrapper .left .ta {
  position: relative;
  display: block; }
.index_p5 .wrapper .left .ta::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: -45px;
  left: -45px;
  background: #b5d1ec; }
.index_p5 .wrapper .left .ta .txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 5;
  padding: 0 100px 10px 30px;
  color: #fff; }
.index_p5 .wrapper .left .ta .txt h2 {
  font-size: 26px;
  margin-bottom: 5px; }
.index_p5 .wrapper .left .ta .txt p {
  font-size: 16px;
  line-height: 1.6; }
.index_p5 .wrapper .left .more a {
  text-align: right;
  margin-top: 20px;
  color: #52a2f0;display: block;
  float: right;
  margin: 0 auto;
  font-size: 20px;
  color: #fff;
  font-weight: lighter;
  width: 172px;
  line-height: 47px;
  border: 1px solid #004098;
  margin-top: 20px;
  text-align: center;
  color: #1c7bc0;
  transition: all 0.3s; } .index_p5 .wrapper .left .more a:hover {
                         
                         
	  background-image: -webkit-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
                            color: #fff; }
.index_p5 .right {
  width: 40%;
  float: right; }
.index_p5 .right .tabs { float:right;
  overflow: hidden;
  transition: all 0s; padding-bottom:40px; padding-top:40px }
.index_p5 .right .tabs a {
  display: block; padding-left:30px; padding-right:30px;
  line-height: 1.2;
  font-size: 24px; text-align:center;
  color: #000;   border-right: 1px solid #b6b6b6;
  float: left;
  transition: all 0s; }
.index_p5 .right .tabs a:last-child {
  border:none; width:auto; padding-right:0}
.index_p5 .right .tabs a span {
  display: inline-block;
  padding-bottom: 5px;
  transition: all 0s; }
.index_p5 .right .tabs a.on {
  color: #288bbe; }
.index_p5 .right .tabs a.on span {
  border-color: #288bbe;
	background-image: -webkit-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.index_p5 .lists {
  margin-top: 50px; clear:both }
.index_p5 .lists dd {
  margin-bottom: 40px; }
.index_p5 .lists dl {
  display: none;
  transition: all 0s; }
.index_p5 .lists dl:nth-of-type(1) {
  display: block; }
.index_p5 .lists p {
  overflow: hidden;
  margin-bottom: 20px; }
.index_p5 .lists p span {
  display: block;
  float: left;
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  color: #333; }
.index_p5 .lists p em {
  display: block;
  float: right;
  width: 30%;
  text-align: right; }
.index_p5 .lists .des {
  line-height: 1.6; font-size:16px; color:#666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
.index_p5 .lists b {
  display: block;
  font-weight:lighter;
  text-align: right;
  font-size: 16px;
  color: #288bbe;
  margin-top: 10px; }
.index_p5 .lists a:hover p span {
  color: #288bbe; 
background-image: -webkit-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.index_p6 {
  padding-top: 90px;
  padding-bottom: 50px;
  position: relative;
  background: #f5f5f5; }
.index_p6 > * {
  position: relative;
  z-index: 5; }
.index_p6::after {
  content: "";
  display: block;
  width: 100%;
  height: 20%;
  position: absolute;
  background: #4c9ada;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }
.index_p6 .title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 15px; }
.index_p6 .wrapper {
  width: 1260px;
  padding: 0 30px;
  margin: 0 auto 0;
  max-width: 100%;
  position: relative; }
.index_p6 .wrapper .map_img {
  display: block;
  width: 100%; }
.index_p6 .wrapper .dot {
  position: absolute;
  width: 14px;
  height: 16px;
  z-index: 10;
  cursor: pointer;
  background: url("../images/dot_a.png") no-repeat; }
.index_p6 .wrapper .dot span{ display:none; position:absolute; background:#2bc9d3; border-radius:5px; padding:5px 0; color:#fff;    background-image: -moz-linear-gradient(-180deg, #2bc9d3 0%, #157cd1 100%);
  background-image: -webkit-linear-gradient(-180deg, #2bc9d3 0%, #157cd1 100%);
  background-image: -ms-linear-gradient(-180deg, #2bc9d3 0%, #157cd1 100%); width:150px; text-align:center; left:50%; margin-left:-75px; top:-40px}
.index_p6 .wrapper .dot:hover span, .index_p6 .wrapper .dot.on span{  z-index:55;display:block}
.index_p6 .wrapper .dot:hover{ z-index:55}
.index_p6 .wrapper .dot.on {
  width: 35px;
  height: 42px;
  z-index: 15;
  background: url("../images/dot_b.png") no-repeat; }
.index_p6 .wrapper .dot1 {
  bottom: 66.89%;
  left: 42%; }
.index_p6 .wrapper .dot2 {
  bottom: 64.45%;
  left: 39.5%; }
.index_p6 .wrapper .dot3 {
  bottom: 63.06%;
  left: 41.5%; }
.index_p6 .wrapper .dot4 {
  bottom: 61.84%;
  left: 36.75%; }
.index_p6 .wrapper .dot5 {
  bottom: 61%;
  left: 38%; }
.index_p6 .wrapper .dot6 {
  bottom: 56.44%;
  left: 36.16%; }
.index_p6 .wrapper .dot7 {
  bottom: 55.05%;
  left: 39.66%; }
.index_p6 .wrapper .dot8 {
  bottom: 50.33%;
  left: 39.16%; }
.index_p6 .wrapper .dot9 {
  bottom: 50.52%;
  left: 29.16%; }
.index_p6 .wrapper .dot10 {
  bottom: 68%;
  left: 7.9%; }
.index_p6 .wrapper .dot_line {
  position: absolute;
  left: 31%;
  bottom: 0;
  width: 395px;
  height: 2px;
  background: #d3d3d3;
  z-index: 45;
  transform: rotate(-65deg);
  transform-origin: bottom left !important; }
.index_p6 .bottom {
  margin-top: -150px; }
.index_p6 .bottom .box {
  width: 566px;
  height: 234px;
  transition: all 0s;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
  position: relative;
  display: none; }
.index_p6 .bottom .box:nth-of-type(1) {
  display: block; }
.index_p6 .bottom h2 {
  padding: 10px 15px;
  color: #fff;
  font-size: 20px;
  font-weight: bold; }
.index_p6 .bottom .txt {
  position: absolute;
  z-index: 5;
  bottom: 15px;
  left: 0;
  width: 362px;
  background: #fff;
  padding: 10px 15px; }
.index_p6 .bottom .txt p {
  font-size: 19px;
  margin-bottom: 5px; }
.index_p6 .bottom .txt span {
  display: inline-block;
  font-size: 14px; }
footer {
  color: #fff;
  background: url("../images/footerbj.jpg") no-repeat center;
  padding: 40px 120px 40px;
  background-size:100% 100%;
  height: 260px;
}
/* 
footer .top {
  overflow: hidden;
  padding-bottom: 30px;
  border-bottom: 1px dashed #3e7bae;
  padding-left: 7px;
  
}
footer .top img {
  display: block;
  float: left; 
width:300px;
}
footer .top .footer_nav {
  float: right;
  font-size: 18px;
  margin-top: 40px; }
footer .top .footer_nav a {
  display: block;
  float: left;
  margin-left: 20px; }
footer .bottom {
  overflow: hidden; }
footer .bottom .l_txt {
  float: left;
  max-width: 45%;
  text-align: left;
  padding-top: 40px; }
  footer .bottom .m_text{ float:right; max-width:40%; margin-left:6% ;}
  footer .bottom .m_text .ewm1{ width:130px; height:auto; float:left; margin-left:20px; text-align: center;}
  footer .bottom .m_text img{ width:100%; height: auto;  }
  footer .bottom .m_text p{ font-size:15px; color:#fff; text-align: center; }
footer .bottom .r_txt {
  float: right;
  max-width: 45%;
  text-align: right;
  padding-top: 30px; }
  footer .bottom .l_txt p{ font-size:18px}
  footer .bottom .l_txt h2{ font-size:42px; font-weight: 600; color:#ffb32e;}
footer .bottom .r_txt h2 {
  font-size: 22px;
  font-weight: lighter;
  margin-bottom: 25px; }
footer .bottom .r_txt .th_nav {
  overflow: hidden;
  margin-bottom: 30px; }
footer .bottom .r_txt .th_nav a {
  display: inline-block;
  margin-left: 30px; }
footer .bottom .r_txt .th_nav a img {
  display: block; }
footer .bottom .r_txt p {
  font-size: 16px;
  margin-bottom: 5px; }
footer .bottom form {
  width: 530px;
  float: left;
  max-width: 50%; }
footer .bottom form h2 {
  font-size: 24px;
  font-weight: lighter;
  margin-bottom: 30px; }
footer .bottom form .box {
  margin-bottom: 30px;
  overflow: hidden; }
footer .bottom form p {
  margin-bottom: 15px; }
footer .bottom form textarea {
  width: 100%;
  height: 80px;
  resize: none;
  background: none;
  color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px; }
footer .bottom form .sub_row {
  overflow: hidden; }
footer .bottom form .sub_row input {
  float: right;
  width: 98px;
  height: 36px;
  border: 1px solid #fff;
  font-size: 18px;
  background: #004098;
  color: #fff;
  cursor: pointer; }
footer .bottom form .sub_row input:hover {
  background: #fff;
  color: #004098; }
footer .bottom form .form_row {
  width: 46%;
  float: left;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #fff; }
footer .bottom form .form_row span {
  display: block;
  width: 20%;
  float: left; }
footer .bottom form .form_row input {
  display: block;
  float: left;
  width: 80%;
  border: none;
  float: left;
  height: 36px;
  background: none;
  color: #fff; }
footer .bottom form .form_row:nth-of-type(2) {
  float: right; } */
  /* footer */
  footer .pubCon1{ width:1400px !important;margin: 0 auto; overflow: hidden;}
  .fLeft{ width:20%; float:left;}
.flogo img{ max-width:100%; }
.fbtel{ width:100%; margin-top:30px;}
.fbtel .l_txt p{ font-size:17px; color:#fff}
.fbtel .l_txt h2{ font-size: 38px;
  font-weight: 600;
  color: #ffb32e;}
  .fMid{ width:60%; float:left; margin-left:3%;}
  .fMid .footer_nav {
    font-size: 17px;
  
   }
  
   .fMid .footer_nav a {
  
    display: block;
  
    float: left;
  
   padding:1%;}
   .fMid .r_txt{ width:100%; margin-top:50px; }
   .fMid .r_txt p{ font-size:15px; text-align: center; line-height: 26px;}
   .fRigt{ width:15%; float:right;}
   .fRigt .ewm1{ width:48%; margin-right:2%;  float:left;}
   .fRigt .ewm1 img{ width:100%; }
   .fRigt .ewm1 p{ font-size:14px; color:#fff; width:100%; text-align: center; margin-top: 15px;}
   .weizhi{ width:100%;}
.posiiton{ width:80%; margin: 0 auto; margin-left:10%; height: 50px; border-bottom:1px solid #ccc;}
.posiiton i{ width:30px; height: 30px; display: block; float: left; margin:10px; }
.posiiton p{ font-size:15px; color:#333; line-height: 50px;}
.posiiton p a{ color:#333;} 
.posiiton p a:hover{ color:#1680d1;}
.index_p3 {
  margin-bottom: 184px; }
.index_p3 .boxes {
  margin-top: 35px;
  padding-top: 86px;
  padding-bottom: 10px;
  background: #4c9ada;
  color: #fff;
  position: relative; }
.index_p3 .tabs {
  width: 20%;
  position: absolute;
  right: 1%;
  line-height: 80px;
  overflow: hidden; }
.index_p3 .tabs a {
  display: block;
  width: 50%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  float: left;
  background: #0b66c1; }
.index_p3 .tabs a.on {
  background: #fff;
  color: #0b66c1; }
.index_p3 .inner {
  overflow: hidden; }
.index_p3 .con {
  transition: all 0s;
  display: none; }
.index_p3 .con:nth-of-type(1) {
  display: block; }
.index_p3 .box {
  overflow: hidden;
  transition: all 0s;
  display: none; }
.index_p3 .box:nth-of-type(1) {
  display: block; }
.index_p3 .box .left {
  float: left;
  width: 78%;
  float: left; }
.index_p3 .box .left .img {
  width: 100%;
  display: block;
  height: 675px;
  margin-bottom: 10px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
.index_p3 .box .left .img p {
  position: absolute;
  bottom: 20px;
  left: 40px;
  font-size: 46px;
  font-weight: bold; }
.index_p3 .box .left .des {
  font-size: 18px;
  font-weight: lighter;
  padding: 0 45px; }
.index_p3 .box .right {
  float: right;
  width: 20%;
  padding-top: 100px;
  margin-right: 1%; }
.index_p3 .box .right a {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 180px;
  margin-bottom: 17px; }
 /* @media (max-width: 1700px) {footer .bottom .m_text{ float:right; max-width:40%; margin-left:6.5%;}}
  @media (min-width: 1450px) {footer .bottom .m_text{ float:right; max-width:40%; margin-left:8%;}} */
  @media (max-width: 1650px) {
    .fMid{ width:55%; float:left; margin-left:3%;}
    .fRigt{ width:15%; float:left;}
   }
@media (max-width: 1450px) {
  header .logo img {
    width: 240px; }
  header nav {
    margin-top: 25px; }
    header nav li{ font-size:14px;}
    .tonglantop .tltel{ width:28%;}
    .tonglantop .rmLeft{ width:65%;}
    .casenew .tabs{ font-size:16px;}
    .pubCon1{ width:1200px !important;margin: 0 auto; overflow: hidden;}
    .fMid{ width:60%; float:left; margin-left:3%;}
    .fRigt{ width:15%; float:right;}
    #anli_container .swiper-slide .propic{  height: 205px; overflow: hidden;}
.prozhe{  height: 205px; overflow: hidden; }
 #anli_container .swiper-slide .propic img{ width:100%; min-height: 205px;} 
 .fMid .footer_nav a {
font-size:16px;
 padding-left:1%;}
    .index_p2 .top .left .vbox {
      height: 450px;
     }
  header {
    padding-top: 40px; }
  .index_p1 .tabs {
    width: 1000px; }
  .index_title {
    font-size: 38px; }
  .index_title.sub_index_title {
    font-size: 38px; }
  .index_title::after {
    margin-top: 20px; }
  .index_p1 {
    padding-top: 70px; }
  .index_p1 .lists dl a span {
    font-size: 140px;
    padding-left: 90px;
    margin-top: -160px; }
  .index_p1 .lists dl a h2 {
    font-size:28px;
    padding-left: 35px; }
  .index_p2 .top .right {
    padding-top: 30px; }
  .index_p1 .lists dl a em {
    padding-left: 65px; }
  .index_p2 .top .left video {
    height: 500px; }
  .index_p2 .top .right p img {
    width: 100px;
    margin-bottom: 20px; }
  .index_p2 .top .right h2 {
    font-size: 40px;
    margin-bottom: 20px; margin-top:10px;
 }
  .index_p2 .top .left .more {
    margin-top: 50px; }
  .index_p4 {
    padding-top: 100px;
    padding-bottom: 70px; }
  .index_p5 {
    padding: 100px 15px 40px; }
  footer {
    padding-right: 60px;
    padding-left: 60px; } }
@media (max-width: 1180px) {
  header .logo img {
    width: 180px; }
  header nav a {
    margin-left: 25px; }
  header {
    padding: 30px 40px 15px; }
  header nav {
    font-size: 16px;
    margin-top: 10px; }
  .banner h2 {
    font-size: 50px; }
  .banner p {
    font-size: 30px; }
  .banner a {
    width: 160px;
    line-height: 30px;
    font-size: 16px; }
  .index_title {
    font-size: 20px; }
  .index_title.sub_index_title {
    font-size: 20px; }
  .index_title::after {
    height: 3px;
    margin-top: 10px; }
  .index_p1 {
    padding-top: 30px; }
  .index_p1 .tabs a p {
    font-size: 16px; }
  .index_p1 .tabs {
    padding-bottom: 20px; }
  .index_p1 .lists dl dd {
    padding-top: 30px; }
  .index_p1 .lists dl a span {
    font-size: 100px;
    padding-left: 15px;
    margin-top: -100px;
    text-align: center; }
  .index_p1 .lists dl a h2 {
    font-size: 20px;
    padding-left: 10px; }
  .index_p1 .lists dl a em b::after {
    width: 20px; }
  .index_p1 .lists dl a em {
    padding-left: 30px; }
  .index_p1 .lists dl a {
    padding-bottom: 60px; }
  .index_p2 {
    padding-top: 40px; }
  .index_p2 .top .right h2 {
    font-size: 30px; }
  .index_p2 .top .left .vbox .play_box .play {
    width: 60px;
    height: 60px; }
  .index_p2 .top .left .more a {
    width: 200px;
    line-height: 48px;
    font-size: 20px; }
  .index_p2 .bottom h2 {
    font-size: 30px;
    margin-bottom: 20px; }
  .index_p2 .bottom p {
    font-size: 16px; }
  .index_p3 .box .left .img {
    height: 450px; }
  .index_p3 .tabs {
    line-height: 50px; }
  .index_p3 .tabs a {
    font-size: 16px; }
  .index_p3 .box .right {
    padding-top: 60px; }
  .index_p3 .box .right a {
    height: 122px;
    margin-bottom: 12px; }
  .index_p3 .box .left .img p {
    font-size: 40px;
    bottom: 15px;
    left: 15px; }
  .index_p3 .box .left .des {
    font-size: 16px;
    padding: 0 20px; }
  .index_p3 {
    margin-bottom: 40px; }
  .index_p4 h2 {
    font-size: 38px; }
  .index_p4 p {
    font-size: 18px; }
  .index_p4 .line {
    height: 3px;
    margin-top: 15px; }
  .index_p4 span {
    width: 400px;
    font-size: 16px;
    line-height: 2; }
  .index_p5 {
    padding-top: 40px;
    padding-bottom: 20px; }
  .index_p5 .wrapper {
    margin-top: 20px; }
  .index_p5 .right .tabs a {
    font-size: 20px; }
  .index_p5 .right .tabs a span {
    border-width: 2px; }
  .index_p5 .lists {
    margin-top: 30px; }
  .index_p5 .lists p span {
    font-size: 18px; }
  .index_p5 .lists p {
    margin-bottom: 10px; }
  .index_p5 .lists .des {
    font-size: 14px; }
  .index_p5 .lists dd {
    margin-bottom: 30px; }
  .index_p5 .wrapper .left {
    margin-top: 50px; }
  .index_p5 .wrapper .left .ta .txt h2 {
    font-size: 20px; }
  .index_p5 .wrapper .left .ta .txt p {
    font-size: 14px; }
  footer {
    padding-right: 30px;
    padding-left: 30px; }
  .index_p6 {
  }
  footer .top img {
    width: 180px; }
  footer .top .footer_nav {
    margin-top: 20px;
    font-size: 16px; }
  footer .top .footer_nav a {
    margin-left: 20px; }
  footer {
    padding-top: 60px; }
  footer .top {
    padding-bottom: 20px;
    margin-bottom: 20px; }
  footer .bottom form h2 {
    font-size: 18px;
    margin-bottom: 20px; } }
@media (max-width: 992px) {
  header .logo img {
    width: 155px; }
    header nav li{ width:100%;}
    .tonglantop{ display: none;}
    .index_p2 .top .right p img{ display: none;}
    .index_p2 .top .right h2{font-size:26px; }
    .aboutimg img{ width:80%; margin-left:10%;}
    .index_p2{     padding: 70px 15px 50px;}
    footer .bottom .l_txt{ padding-top:10px;}
    .content img{ width:100%; height: auto !important;}
    .biaoti h1{ font-size:24px !important;}
    .biaoti h2{ font-size:24px !important;}
  .cont2 ul li{ font-size:12px}
  .boxcon{ padding:10px; font-size:12px}
  .boxcon h2 strong{ font-size:24px}
  .c1{ margin-bottom:10px}
}
@media (max-width: 768px) {
  header .logo img{ width:120px !important;}header.sub{ padding-top:15px}
  header.on {
    margin-top:0px;
 }
.pubCon1{ width:100% !important;margin: 0 auto; overflow: hidden;}
.posiiton{ width:100%; margin-left:0px;}
  .index_p2 .top .left .vbox{ height: auto !important;}
  footer {
    padding: 30px 10px; height: 320px;}
    footer .bottom .m_text{ display: none;}
  footer .pubCon1{ width:100%!important;margin: 0 auto; overflow: hidden;}
  .fLeft{ width:100%; float:none}
  .flogo img{ width:60%; margin-left:5%;}
  .fbtel{ width:80%; margin-top:20px; margin-left:5%;}
  .fbtel .l_txt p{ font-size:17px; color:#fff}
  .fbtel .l_txt h2{ font-size: 38px;
    font-weight: 600;
    color: #ffb32e;}
  
    .fMid{ width:100%; float:left; margin-left:3%;}
    .fMid .footer_nav {
  display: none;
      font-size: 14px;
    
     }
  
     .fMid .r_txt{ width:90%; margin-top:20px; }
     .fMid .r_txt p{ font-size:15px; text-align: center; line-height: 26px;}
  
     .fRigt{display: none;}
  .anlinav{ width:100%; margin-top:20px; margin-left:0%; }
  .anlinav li{ width:48%; margin-right:1.3%; float:left; height: 40px; border:1px solid #00428a; background:#fff;text-align: center; line-height: 40px; border-radius:20px;overflow: hidden; margin-bottom:10px;}
  .anlinav li a{ color:#00428a; width:100%; display: block; font-size:14px; }
  .anlinav li:nth-child(2n){ margin-right:0px;}
  #anli_container{ margin-top:20px; margin-bottom:30px;}
  #anli_container .swiper-slide .propic{ border:1px solid #ddd; position: relative; overflow: hidden; width:100%; height:130px; overflow: hidden;}
  .prozhe{ position: absolute; top:0px; left: 0px;transform: scale(0); transition:0.75s; width:100%; height: 130px; overflow: hidden; }
  #anli_container .swiper-slide:hover .prozhe{ transform: scale(1);}
   #anli_container .swiper-slide .propic img{ width:100%; min-height: 130px;} 
  #anli_container .swiper-slide .casezhe h3{  width:100%; height: 35px; background:#00428a; transition:0.5s; color:#fff; line-height: 35px;}
  #anli_container .swiper-button-next{display: none;}
  #anli_container .swiper-button-prev{ display: none;}
  .anlinavnei{ width:98%; margin-left:1%;}
  .anlinavnei li{ width:48%; margin-right:2%; float:left; height: 40px; border:1px solid #00428a; background:#fff;text-align: center; line-height: 40px; border-radius:20px; margin-bottom:10px; transition:0.5s;}
  .anlinavnei li a{ color:#00428a; width:100%; display: block;transition:0s; }
  .anlinavnei li:nth-child(2n){ margin-right:0px;}
  .anlinavnei li:nth-child(5n){ margin-right:2%;}
  .anlinavnei li:hover{ background:#00428a;}
  .anlinavnei li:hover a{ color:#fff;}
  header {
    padding: 10px; }
  .close {
    display: block;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 10px;
    font-size: 18px;
    font-weight: lighter; }
  .nav_btn {
    display: block;
    width: 35px;
    height: 26px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px; }
  .nav_btn span {
    display: block;
    transition: all 0.3s;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    border-radius: 2px;
    background: #fff;
    transition: all 0.3s; }
  .nav_btn span:nth-of-type(1) {
    top: 0; }
  .nav_btn span:nth-of-type(2) {
    top: 50%;
    margin-top: -2px; }
  .nav_btn span:nth-of-type(3) {
    bottom: 0; }
  .nav_btn.active span:nth-of-type(1) {
    top: 50%;
    transform: rotate(45deg); }
  .nav_btn.active span:nth-of-type(2) {
    opacity: 0; }
  .nav_btn.active span:nth-of-type(3) {
    top: 50%;
    transform: rotate(-45deg); }
  .on .nav_btn span {
    background: #000; }
  header nav {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    width: 80%;
    margin-top: 0 !important;
    background: rgba(28,123,192,0.75);
    height: 100%;
    padding-top: 100px;
    left: 100%; }
  header nav.ac {
    left: 20%; }
  header nav a {
    display: block;
    width: 100%;
    text-align: center;
    margin-left: 0 !important;
    font-weight: lighter;
    font-size: 22px;
    margin-bottom: 25px;
    letter-spacing: 10px;
    color: #fff !important; }
  .banner h2 {
    font-size: 24px; }
  .banner p {
    font-size: 16px; }
  .banner a {
    width: 120px;
    font-size: 14px; }
  .index_p1 .tabs a {
    width: 50%;
    margin: 0;
    margin-bottom: 15px; }
  .index_p1 .tabs a img {
    width: 80px; }
  .index_p1 .tabs a span {
    font-size: 10px; }
  .index_p1 .tabs a p {
    font-size: 15px; }
  .index_p1 .lists dl dd {
    width: 50%; }
  .index_p1 .lists dl a h2 {
  }
  .index_p1 .lists dl a em b {
    font-size: 14px; }
  .index_p2 .top .left {
    width: 100%; }
  .index_p2 .top .left video {
    height: auto; }
  .index_p2 .top .left .more a {
    width: 120px;
    float: none;
    margin: 0 auto;
    line-height: 3;
    font-size: 14px; }
  .index_p2 .top .left .more {
    margin-top: 30px; }
  .index_p2 .top .right {
    padding-top: 22px;
    width: 100%; }
  .index_p2 .bottom h2 {
    text-align-last: left; }
  .index_p2 .bottom {
    margin-top: 20px; }
  .index_p3 .tabs {
    position: static;
    width: 300px;
    max-width: 100%;
    margin-bottom: 20px; }
  .index_p3 .boxes {
    padding-top: 0; }
  .index_p3 .box .right {
    width: 100%;
    float: left;
    padding-top: 0;
    margin-right: 0; }
  .index_p3 .box .right a {
    float: left;
    width: 33.3333333333333%;
    height: 60px; }
  .index_p3 .box .left .img {
    height: 300px;
    width: 100%; }
  .index_p3 .box .left {
    width: 100%; }
  .index_p3 .box .left .img p {
    font-size: 24px; }
  .index_p3 .box .left .des {
    font-size: 14px; }
  .index_p5 .wrapper .left {
    width: 100%; }
  .index_p5 .wrapper .left .ta .txt {
    padding: 15px; }
  .index_p5 .right {
    width: 100%;
    margin-top: 25px; }
  .index_p6 .wrapper .map {
    display: none; }
  .index_p6 {
    padding-top: 20px; }
  .index_p6 .title {
    font-size: 16px; }
  .index_p6 .bottom .box {
    max-width: 100%;
    display: block !important;
    margin-bottom: 10px; }
  
  footer .top img {
    width: 240px; }
  footer .top .footer_nav {
   display: none; }
  footer .top .footer_nav a {
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 10px; }
  footer .top {
    padding-bottom: 1px; }
  footer .bottom form {
    max-width: 100%;
    width: 100%; }
  footer .bottom form h2 {
    font-size: 16px; }
  footer .bottom .r_txt {
    max-width: 100%;
    width: 100%;
    text-align: left; }
  footer .bottom .r_txt .th_nav a {
    margin-left: 0;
    margin-right: 15px; }
  footer .bottom form .form_row span {
    width: 30%; }
  footer .bottom form .form_row input {
    width: 70%; } }
.ovv {
  overflow: hidden; }
.sub_banner {
  height: 470px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative; }
.sub_banner p {
  width: 100%;
  text-align: center;
  height: 277px;
  top: 50%;
  position: absolute;
  margin-top: -100px;
  line-height: 277px;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  background: url("../images/bg_txt.png") no-repeat center;
  letter-spacing: 4px; }
.sub_banner p.none {
  background: none; }
.inner_nav {
  background-image: -webkit-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
  background-image: -moz-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);
  height: 50px; line-height: 40px;
}
.inner_nav .box {
  width: 936px;
  overflow: hidden;
  margin: 0 auto;
  max-width: 100%; text-align:center }
.inner_nav .nav_case{
	width: 1450px;
}
.inner_nav .box dd { display:inline-block; width:200px;text-align:center;
}
.inner_nav .nav_case dd{
	width: 145px;
}
.inner_nav .box dd img {
}
.inner_nav .box dd a {
  display: block; }
.inner_nav .box dd p {
  text-align: center;
  font-size: 18px;
  color: #fff;
  padding: 7px 0; }
.inner_nav .box dd.on {
  background: #fff; }
.inner_nav .box dd.on p {
  color: #188ad1; }
.pc-slide {
  width: 47%;
  float: left; }
.view .swiper-container {
  width: 100%; }
.view .swiper-container img {
  display: block;
  width: 100%; }
.view .arrow-left {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 51px;
  z-index: 10; }
.view .arrow-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 51px;
  z-index: 10; }
.preview {
  width: 100%;
  margin-top: 10px;
  position: relative; }
.preview .swiper-container {
  width: 100%; }
.preview .swiper-container img {
  display: block;
  width: 100%;
  transition: all 0s; }
.preview .swiper-slide {
  cursor: pointer;
  transition: all 0s; }
.preview img {
  padding: 1px; }
.preview .active-nav img {
  padding: 0;
  border: 1px solid #1782d1; }
.detail_top {
  width: 1250px;
  margin: 40px auto 0;
  max-width: 100%;
  padding: 0 15px; }
.detail_top .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 40px;
  padding-left: 22px;
  border-left: 7px solid #72bb80; }
.detail_top .intro_box {
  overflow: hidden;
  padding-bottom: 45px;
  border-bottom: 1px solid #c2c2c2; }
.detail_top .intro_box .right_txt {
  width: 50%;
  float: right;
  font-size: 14px;
  line-height: 24px;
  color: #6b6b6b; }
.table_box {
  margin-bottom: 40px;
  /* Responsive */ }
.table_box .table_title {
  text-align: center;
  font-size: 18px;
  color: #1782d1;
  padding: 25px 15px;
  font-weight: bold; }
.table_box .table-wrapper {
  width: 100%; }
.table_box .fl-table {
  font-size: 14px;
  font-weight: normal;
  border: none;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  background-color: white; }
.table_box .fl-table td,
.table_box .fl-table th {
  text-align: center;
  padding: 10px 5px;
  border: 1px solid #c2c2c2; }
.table_box .fl-table td {
  font-size: 14px; }
.table_box .fl-table thead th {
  background: #f3f3f3;
  color: #474747;
  font-weight: bold; }
@media (max-width: 767px) {
  .table_box .fl-table {
    display: block;
    width: 100%; }
  .table_box .table-wrapper:before {
    content: "Scroll horizontally >";
    display: block;
    text-align: right;
    font-size: 11px;
    color: white;
    padding: 0 0 10px; }
  .table_box .fl-table thead,
  .table_box .fl-table tbody,
  .table_box .fl-table thead th {
    display: block; }
  .table_box .fl-table thead th:last-child {
    border-bottom: none; }
  .table_box .fl-table thead {
    float: left; }
  .table_box .fl-table tbody {
    width: auto;
    position: relative;
    overflow-x: auto; }
  .table_box .fl-table td,
  .table_box .fl-table th {
    padding: 20px 0.625em 0.625em 0.625em;
    height: 80px;
    vertical-align: middle;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    width: 120px;
    font-size: 13px;
    text-overflow: ellipsis; }
  .table_box .fl-table thead th {
    text-align: left;
    border-bottom: 1px solid #f7f7f9; }
  .table_box .fl-table tbody tr {
    display: table-cell; }
  .table_box .fl-table tbody tr:nth-child(odd) {
    background: none; }
  .table_box .fl-table tr:nth-child(even) {
    background: transparent; }
  .table_box .fl-table tr td:nth-child(odd) {
    background: #f8f8f8;
    border-right: 1px solid #e6e4e4; }
  .table_box .fl-table tr td:nth-child(even) {
    border-right: 1px solid #e6e4e4; }
  .table_box .fl-table tbody td {
    display: block;
    text-align: center; } }
.other {
  margin-top: 100px;
  padding-top: 45px;
  padding-bottom: 100px;
  border-top: 1px solid #dadada; }
.other dl {
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto 0; }
.other dl dd {
  width: 25%; margin-bottom:30px;
  float: left;
  text-align: center;
  padding: 0 20px; }
.other dl dd a {
  display: block; }
.other dl dd img {
  display: block;
  width: 100%; }
.other dl dd .imgbox {
  display: block;
  overflow: hidden; }
.other dl dd p {
  padding: 25px 10px;
  background: #f5f5f5;
  font-size: 18px; }
.other dl dd a:hover img {
  transform: scale(1.04); }
.other dl dd a:hover p {
  color: #fff;
  background-image: -webkit-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);}
.prolist{ border-top:none !important; margin-top:0px; padding-top:20px; padding-bottom:20px }
.boxcon{ background:#f2f2f2; padding:20px 30px;height: 460px;}
.boxcon h2 img{ vertical-align:middle; display:inline-block}
.boxcon h2 strong{ vertical-align:middle; color:#1782d1; font-size:30px;}
.boxcon  ul{ padding:30px 0 30px 0}
.boxcon  ul li{ padding:5px;font-size: 18px;
line-height: 44px;}
.boxcon #allmap {
	height: 420px;
}
.hei1{ height:50px; clear:both}
.fonttit{ font-size:30px ; margin-top:30px}
.fonttit::after{ margin-top:20px}
.c2{ margin:15px 0}
.cont2 h3{ font-weight:bold; color:#2a82e4; margin:15px 0; position:relative; padding-bottom:15px}
.cont2 h3:after{ content:''; display:inline-block; width:50px; height:2px; background:#37a965; position:absolute; bottom:0; left:0;}
.cont2 ul li{ color:#777; padding:7px 0; font-size:14px;}
.cont2 ul li img{ margin-right:10px; vertical-align:middle}
.col-6{ width:50%; float:left; padding:15px}
.col-37{ width:37%; float:left; padding:15px}
.col-1000{ width:100%; float:left; padding:15px}
.col-62{ width:62%; float:left; padding:15px}
.c2 div{ padding-left:15px}
.prolist dl{ padding:0; width:100%}
.prolist .title{ color:#4d96d7; float:left}
.prolist .pts{ padding:0 20px}
.prolist .pts a{ float:right; background:#4d96d7; color:#fff; padding:10px 20px; display:inline-block}
.page{
  width: 100%;
  float: left;
  margin-bottom:40px;
  text-align: center;
}
.page a,.page span{
  width: 35px;
  line-height: 33px;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  color: #737373;
  margin: 0px 8px;
  border: 1px solid #3a6093;
}
.page a:hover{
  color: #3a6093;
}
.page span{
  border: 1px solid #737373;
}
.page a.a1{
  height: auto;
  background: none;
  width: auto;
  padding: 0 5px;
}
.page span{
  background: #3a6093;
  color: #FFFFFF;
  border: 1px solid #3a6093;
}
.content{ line-height:30px; padding:30px 0;}
.content h3

.content h3{ font-size:24px; width:100%; border-bottom:1px solid #01519e; height: 60px; margin-bottom:20px; }
.content h3 span{ width:20%; height: 60px; background:#01519e; display: block; color:#fff; text-align: center; line-height: 60px; }
.projianjie{ width:100%; text-align: center; font-size:16px; color:#333; line-height: 30px;  }
.content div,.content p{ margin:10px 0}
.biaoti{ text-align:center}
.biaoti h1{ font-weight:bold; font-size:30px; padding-bottom:15px}
.biaoti h2{ width:100%; height: 45px; color:#333;font-weight:bold; font-size:30px;  border-bottom:1px solid #ddd; margin-bottom:30px;  text-align: center;}
.biaoti p { font-size:14px}
.biaoti p span{ vertical-align:middle;}
.a1{ display:inline-block; vertical-align:middle; margin-right:10px; width:18px; height:18px; background:url("../images/a1.jpg") no-repeat}
.a2{ display:inline-block; vertical-align:middle; margin-right:10px; width:18px; height:18px; background:url("../images/a2.jpg") no-repeat}
.case .anli{  border:#eee solid 1px; overflow:hidden; display:block; text-align:center; margin:10px 0;  position:relative}
.case .anli img{ display:block;  object-fit: cover; display:block; margin:0 auto; max-width:100%; height:100%; }
.case .anli p{ position:absolute; text-align:center; padding:10px 0; color:#fff; background:rgba(31,107,192,0.7) ; bottom:0; color:#fff; font-size:20px; text-align:center; width:100%;}
img{ max-width:100%}
.case .anli:hover p{background-image: -webkit-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);}
.case .anli:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); }
.tuije li img{ height:240px;  object-fit: cover; display:block; width:100%;  display:block}
.tuije li div div{ background:#f5f5f5; padding:20px}
.tuije li { margin:15px 0}
.container{ margin-left:auto;  margin-right:auto; padding-left:15px; padding-right:15px}
.tuije li div p{ font-size:14px; padding:10px 0; color:#888;}
.p2{  height:47px; overflow:hidden; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.tuije li:hover>div div { background-image: -webkit-linear-gradient( 138deg, rgb(0, 76, 158) 0%, rgb(1, 187, 215) 100%);}
.tuije li div div h4{ -webkit-transition: all 0s;
  -moz-transition: all 0s; height: 21px; overflow: hidden;
  -o-transition: all 0s;
  transition: all 0s;}.tuije li div div h4 strong{ white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.tuije li:hover>div div h4, .tuije li:hover>div div p{ color:#fff}
.erjidaohang{ z-index:55; background:#2f2f2e; position:fixed; height:100%; top:0px; width:100%; left:0;}
.baise{ height:73px; background:#fff; width:100%}
.er{ position:absolute; top:73px; color:#fff; left:0; width:100%; height:calc(100% - 73px); font-weight:bold}
.er1{ width:20%; left:30%; border-left:rgba(255,255,255,0.1) solid 1px; border-right:rgba(255,255,255,0.1) solid 1px; height:100%; position:absolute; top:0; font-size:36px;}
.er2{ width:20%; left:50%; border-right:rgba(255,255,255,0.1) solid 1px; height:100%; position:absolute; top:0; font-size:36px;}
.er2 ul{ margin-top:100px; font-size:24px}
.er2 ul li{ margin-bottom:30px}
.er2 ul a{ color:#999}.er2 ul a:hover{ color:#fff}
.er1 strong{ display:block; margin:100px 0 0 0px}
.wuyou-waiter{position: fixed; border-radius:10px 0 0 10px; right: 0px; top:50%; margin-top: -90px; width: 90px; box-shadow: 0px 0px 10px rgba(31,107,192,.8); background:#fff; z-index: 999;}
.waiter-ul li{position: relative;margin-top:1px; height: 90px;border-bottom: 1px solid #004098;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 90px; height: 90px;text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}
.waiter-title{position: absolute; right: -160px; top: 1px; color: #fff; width:160px;  text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;  box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0; padding:10px; padding-top:5px}
.waiter-title p{ color:#999; font-size:14px; margin-top:10px;}
.waiter-title img{ width:100%}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-title h3{ padding:10px 0 5px 0}
.waiter-ul li:hover .waiter-title{right:110px; opacity: 1;}
.waiter-ul li .iconfont p{ font-size:14px; margin-top:10px; color:#004098}.waiter-ul li  img{ position:relative; top:5px; margin-top:4px}
.waiter-ul li.wuyou-shop a{}
.waiter-ul li.wuyou-shop .waiter-title{background-color:#fff; color:#999}
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#fff; }
.waiter-ul li:last-child{ border:none}
.waiter-ul li .iconfont img{ width:40px}
#abb p{ padding-top:40px; line-height:50px}
#abb small{ transform:scale(0.9);-webkit-transform:scale(0.9);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(0.9); }
@media (min-width: 768px) {
  .closeDetail, .closeOverlay {
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 80px;
    top: 250px;
    width: 61px;
    height: 60px;
    border: 1px solid #fff;
  }.closeOverlay {
     top: 200px;
     right: 80px;
     border: 1px solid #fff;
   }
  .closeDetail:after, .closeDetail:before, .closeOverlay:after, .closeOverlay:before {
    position: absolute;
    top: 19px;
    left: 28px;
    content: " ";
    height: 20px;
    width: 2px;
    background-color: #fff;
  }
  .closeDetail:after, .closeOverlay:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .closeDetail:before, .closeOverlay:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .rows{ margin-left:-15px; margin-right:-15px;}
  .col-4{ width:50%; float:left; padding:15px}
}
@media (min-width: 992px) {
 header .navs li.hover:after{ content: ''; border-bottom: #fff solid 2px; width: 100%; display: block; position: absolute; bottom: -10px}
  header.on .navs li.hover:after{ border-bottom:#3c94d7 solid 2px}
  .case .anli{ height:300px;}
 
  .col-4{ width:25%; float:left; padding:15px}
  .col-3{ width:33.33%; float:left; padding:15px}
}
@media (max-width: 992px) {
  .pagination-wrapper{     margin: 35px 0;}
  .col-62{ width:100%; float:none;}
  .col-37{ width:100%; float:none;}
  .boxcon{ height:auto !important; padding:10px !important}
  .boxcon #allmap{ height: 300px !important;}
  .inner_nav{ display: none;}
  .welcome{ display: none;}
  header{ top:0px;}
  .banner3>div img{ height: 260px !important;}
}
@media (max-width: 767px) {
  .hei1{ height: 20px;}
  .index_p1 .tabs a{ height:90px}
  .inner_nav .box{ display:flex;justify-content:center; font-size:12px}
  .inner_nav .box dd p{ font-size:12px!important}
  .other dl dd p{ font-size:14px}
  .other{ padding-bottom:0 !important}
  .prolist .pts a{ padding:5px 10px; font-size:14px; margin-top:-5px}
  .detail_top .title{ padding-left:12px}
  .inner_nav .box dd {
    width: 25%;
    padding: 0px !important; float:left;}
  .inner_nav .box dd p {
    font-size: 14px; }
  .detail_top {
    margin-top: 30px; }
  .detail_top .title {
    font-size: 16px;
    margin-bottom: 20px; }
  .pc-slide {
    width: 100%;
    margin-bottom: 35px; }
  .detail_top .intro_box .right_txt {
    width: 100%; }
  .table_box .table_title {
    font-size: 16px;
    padding: 15px 10px; }
  .table_box .table-wrapper:before {
    padding-top: 0; }
  .other {
    margin-top: 40px;
    padding-bottom: 40px; }
  .other dl {
    margin-top: 30px; }
  .other dl dd {
    width: 48%;
    margin-right:3%;
    margin-bottom: 25px;
  padding:0px !important; }
  .other dl dd:nth-child(2n){ margin-right:0px;}
  .other dl dd p {
    padding: 15px 10px; }
  .sub_banner {
    height: 330px; }
  .sub_banner p {
    font-size: 24px; } }
.us_p1 {
  padding: 90px 15px;
  background: url("../images/us_b.png") no-repeat center top; }
.us_p1 .con {
  overflow: hidden;
  max-width: 100%;
  margin: 60px auto 0; }
.us_p1 .con img {
  display: block;
  width: 49%;
  float: left; }
.us_p1 .con .right {
  width: 48%;
  float: right; }
.us_p1 .con  h2 {
  font-size: 24px;
  font-weight: bold;
  color: #1680d1;
  margin-bottom: 24px;
  padding-top: 10px; }
.us_p1 .con  .des {
  font-size: 14px;
  color: #363636;
  line-height: 42px; }
.us_p2 {
  padding-top: 60px;
  padding-bottom: 130px;
  background: url("../images/us_c.png") no-repeat center/cover; }
.us_p2 .us_slide {
  margin-top: 60px;
  position: relative;
  padding: 0 100px; }
.us_p2 .us_slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #aeaeae;
  position: absolute;
  left: 0;
  top: 130px;
  opacity: 0.67; }
.us_p2 .swiper-button-next,
.us_p2 .swiper-button-prev {
  margin-top: -47px; }
.us_p2 .swiper-slide {
  padding: 15px;
  position: relative;
  z-index: 4; }
.us_p2 .swiper-slide .inner {
  width: 285px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 50px 10px; }
.us_p2 .swiper-slide .inner .year {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
  color: #1680d1; }
.us_p2 .swiper-slide .inner .year em {
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
  margin-left: 5px; }
.us_p2 .swiper-slide .inner .slide_dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin: 0 auto;
  background: #1680d1; }
.us_p2 .swiper-slide .inner p {
  display: inline-block;
  margin-top: 15px;
  text-align: left;
  width: 180px;
  max-width: 100%;
  line-height: 2;
  font-size: 16px;
  color: #646464; }
.us_p2 .swiper-slide-active {
  position: relative; }
.us_p2 .swiper-slide-active .inner {
  background: #3c94d7;
  position: relative;
  z-index: 5; }
.us_p2 .swiper-slide-active .inner::after {
  content: "";
  width: 100%;
  top: 115px;
  left: 0;
  z-index: 4;
  position: absolute;
  height: 1px;
  background: #3088cb; }
.us_p2 .swiper-slide-active .inner .year {
  color: #fff; }
.us_p2 .swiper-slide-active .inner .year span {
  color: #fff; }
.us_p2 .swiper-slide-active .inner .slide_dot {
  position: relative;
  z-index: 6; }
.us_p2 .swiper-slide-active .inner p {
  color: #fff; }
.us_p3 {
  padding-bottom: 80px; }
.us_p3 ul {
  max-width: 100%;
  overflow: hidden;
  margin: 70px auto 0; }
.us_p3 ul li {
  width: 33.33333333333%;
  float: left;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 30px; }
.us_p3 ul li a {
  display: block;
  position: relative; }
.us_p3 ul li img {
  display: block; height:330px; object-fit: cover;
  width: 100%; }
.us_p3 ul li .imgbox {
  display: block;
  overflow: hidden; }
.us_p3 ul li p {
  padding: 8px 10px;
  background: rgba(22, 128, 209, 0.57);
  font-size: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  width: 100%; }
.us_p3 ul li a:hover img {
  transform: scale(1.04); }
.us_p3 ul li a:hover p {
  color: #fff;
  background: #004098; }
@media (max-width: 1180px) {
.banner3 .swiper-slide div h2{ font-size:48px; }
.banner3 .swiper-slide div  h3{ font-size:24px;}
  .us_p1 {
    padding: 45px 15px; }
  .us_p1 .con .right h2 {
    font-size: 16px;
    padding-top: 5px;
    margin-bottom: 10px; }
  .us_p2 .us_slide {
    padding: 0 40px; }
  .us_p3 ul li {
    width: 50%; } }
@media (max-width: 1700px) {
  .index_p2,.index_p5{ width:1300px}
  .index_p2 .top .right h2{ font-size:26px}
  .index_p5 .right .tabs a{ font-size:24px}
  .index_p5 .lists dd{ margin-bottom:40px}
}
@media (max-width: 768px) {
.banner3 .swiper-slide div h2{ font-size:20px; }
.banner3 .swiper-slide div  h3{ font-size:14px;}
#abb p{ line-height:30px; padding-top:60px}
#abb p span{ font-size:18px}#abb p small{ font-size:14px}
    .case .anli img{ height:240px;}
  .index_p6::after{ display: none;}
  .all .more a,.index_p5 .wrapper .left .more a {
    width: 100%;
    
    font-size: 14px; line-height:30px;
  }
  .index_p5 .right .tabs a:last-child{ padding-right:15px}
  .index_p2 .top .right h2{ font-size:26px}
  .index_p2 .bottom p,.index_p2 .top .right p,.case .anli p{ font-size:14px}
  .casenew .tabs,.index_p2 .bottom h2,.index_p5 .right .tabs a{ font-size:15px}
  .index_title{ font-size:24px}
  .index_p5 .lists p span,.index_p5 .lists p em,.index_p6 .bottom .txt p{ font-size:16px}
  .index_p5 .right .tabs a{ padding-left:15px; padding-right:15px}
  .index_p5 .right .tabs,.casenew .tabs{ float:none; text-align:center}
  .index_p5 .right .tabs a{ float:none; display:inline-block}
  .casenew .tabs{ margin-top:20px}
  .wuyou-waiter{ transform:scale(0.8);-webkit-transform:scale(0.8);  /*����-webkit-���������*/-moz-transform:scale(0.8); right:-15px }
  .tst{ margin-left:0; margin-bottom:15px}
  .c2 div{ padding:0}
  header nav.navs li div{ display:none !important}
  .col-6{ width:100%; padding:0}
  header nav li{ display:block;}
  .us_p1 .con img {
    display: block;
    width: 100%;
    margin-bottom: 15px; }
  .us_p1 .con .right {
    width: 100%; }
  .us_p2 {
    padding-top: 35px;
    padding-bottom: 40px; }
  .us_p2 .us_slide {
    padding: 0 30px;
    margin-top: 30px; }
  .us_p3 {
    padding: 35px 0; }
  .us_p3 ul li{
    width: 100%;
    margin-bottom: 15px; }
  .us_p3 ul {
    margin-top: 30px; } }
@media (min-width: 768px){
  .container {
    width: 750px;
  }}
@media (min-width: 992px){.casenew .hei1 {
  height: 30px;
}.tabs {
   margin-top: 50px;
 }
  .casenew{ padding-bottom: 60px}
  .casebox:after{ clear:both; content: ''; display: block}
  .container {
    width: 970px;
  }}
@media (min-width: 1200px){
  .container {
    width: 1170px;
  }}
@media (min-width: 1360px){
  .container {
    width: 1330px;
  }}
@media (min-width: 1460px){
  .container {
    width: 1430px;
	 min-height: 200px;
  }
}
.banner3{ overflow:hidden;}
@media (min-width:768px) {
.banner3 .swiper-button-next{ right:70px; margin-top:-60px}
.banner3 .swiper-button-prev{ left:70px; margin-top:-60px}
}
@media (max-width:768px) {
 
.swiper-pagination{ bottom:10px !important }
.banner3 .swiper-button-next{transform:scale(0.8);-webkit-transform:scale(0.8);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(0.8);  }
.banner3 .swiper-button-prev{transform:scale(0.8);-webkit-transform:scale(0.8);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(0.8);  }
header nav li{ margin-left:0}
.banner3{ height:300px !important;}
}