/*头部*/
.top{
  width: 100%;
  position: relative;
  line-height: 42px;
  background: #f2f2f2;
}
.top-left{
  color: #5d5d5d;
  float: left;
  font-size: 14px;
}
.top-right{
  float: right;
  width: 394px;
}
.top-right ul li{
  width: 130px;
  float: left;
  border-left: 1px solid #e7e7e7;
  text-align: center;
}
.top-right ul li:nth-child(1){
  background: url("../images/qq.png") no-repeat center left 25px;
  text-indent: 10px;
}
.top-right ul li:nth-child(2){
  background: url("../images/kefu.png") no-repeat center left 20px;
  text-indent: 18px;
}
.top-right ul li:nth-child(3){
  background: url("../images/lianxi.png") no-repeat center left 20px;
  border-right:1px solid #e7e7e7;
  text-indent: 16px;
}
.top-right ul li:hover:nth-child(1){
  background:#117bc8 url("../images/qq-h.png") no-repeat center left 20px;
}
.top-right ul li:hover:nth-child(2){
  background:#117bc8 url("../images/kefu-h.png") no-repeat center left 20px;
}
.top-right ul li:hover:nth-child(3){
  background:#117bc8 url("../images/lianxi-h.png") no-repeat center left 20px;
}
.top-right ul li a{
  color: #8f8f8f;
  font-size: 14px;
}
.top-right ul li:hover a{
  color: #fff;
}
.head {
  height: 110px;
  background: #fff;
}
.head .logo{
  float: left;
  height: 55px;
  max-width:900px;
  margin-top: 40px;
  overflow: hidden;
}
.head .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width:100%;
  max-height:100%;
}
.head h1.head-title{
  display: block;
  float: left;
  font-size:26px;
  color:#333333;
  line-height: 55px;
  font-weight: bold;
  max-width:635px;
  overflow: hidden;
  margin-top:40px;
}
.head .head-group{
  overflow: hidden;
  float: right;
  margin-top:30px;
}
.head .tel {
  background: url(../images/tel.png) no-repeat center left;
  padding-left: 47px;
}
.head .tel p{
  font-size: 16px;
  color: #5b5b5b;
  letter-spacing: 6px;
}
.head .tel strong{
  color: #117bc8;
  font-size: 21px;
  display: block;
  margin-top: -5px;

}
.nav{
  width: 565px;
  float: left;
  margin-left: 130px;
}
.nav ul li{
  float: left;
  width: 72px;
  margin-right: 20px;
  text-align: center;
  position: relative;
  transition: 0.5s;
  height: 110px;
  line-height: 110px;
}
.nav ul li:after{
  display: block;
  content: '';
  width: 0px;
  height: 4px;
  background: #3252a3;
  transition: 0.5s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.nav ul li:hover:after{
  width: 100%;
  transition: 0.5s;
}
.nav ul li.active:after{
  width: 100%;
}
.nav ul li:last-child{
  margin-right: 0;
}
.nav ul li a{
  color: #555454;
  font-size: 16px;
}
.banner {
  position: relative;
  height: 620px;
}
.banner #bannerSwiper {
  height:620px;
}
.banner .swiper-slide {
  position: relative;
  height: 620px;
  float: left;
}
.banner .swiper-slide a{
  display:block;
  width:100%;
  height: 100%;
}
.b-next,.b-prev{
  width: 52px!important;
  height: 52px!important;
}
.b-next{
  background: url("../images/b-right.png") no-repeat center center;
  right: 60px!important;
}
.b-next:after{
  display: none;
}
.b-prev{
  background: url("../images/b-left.png") no-repeat center center;
  left: 60px!important;
}
.b-prev:after{
  display: none;
}
/*搜索*/
.search{
  width: 100%;
  height: 103px;
  background: url("../images/sousuo.png") no-repeat center center;
  position: relative;
  margin-top: -17px;
  z-index: 100;
}
.hot-pro{
  float: left;
  background: url("../images/hot.png") no-repeat center left;
  margin-top: 33px;
}
.hot-pro p{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-indent: 30px
}
.hot-pro ul{
  margin-left: 28px;
}
.hot-pro ul li{
  float: left;
  padding-right: 7px;
}
.hot-pro ul li a{
  color: #c5c5c5;
  font-size: 14px;
}
.sousuo{
  width: 234px;
  height: 40px;
  line-height: 40px;
  background: url("../images/ss.png") no-repeat center center;
  margin-left: 180px;
  margin-top: 39px;
  float: left;
}
.sousuo input{
  display: block;
  background: none;
  height: 40px;
  line-height: 40px;
  width: 184px;
  float: left;
  border-radius:20px;
  color: #fff;
  font-size: 14px;
  text-indent: 20px;
}
.search-btn{
  background: none;
  width: 21px;
  height: 20px;
  float: right;
  margin-top: 10px;
  margin-right: 15px;
}
.sea-tit{
  float: right;
  width: 300px;
}
.sea-tit strong{
  color: #fff;
  font-size: 16px;
  display: block;
  padding-top: 25px;
}
.sea-tit p{
  color: #fff;
  font-size: 14px;
}
/*首页-产品中心*/
.index1{
  width: 100%;
  position: relative;
  padding: 80px 0;
}
.title{
  width: 100%;
}
.title h3{
  color:#4f4f4f;
  font-size: 32px;
  font-weight: bold;
}
.title h3 span{
  color: #117bc8;
}
.title p{
  color: #4f4f4f;
  font-size: 14px;
  text-transform: uppercase;
}
.index1-type{
  width: 100%;
  background: url("../images/menu.png") no-repeat top 2px left ;
  height: 33px;
}
.index1-type ul{
  margin-left: 38px;
  margin-top: 40px;
}
.index1-type ul li{
  width: auto;
  margin-right: 46px;
  float: left;
  position: relative;
}
.index1-type ul li:after{
  display: block;
  content: '';
  width: 0;
  height: 2px;
  background: #117bc8;
  position: absolute;
  bottom: -5px;
  transition: 0.5s;
}
.index1-type ul li:hover:after{
  width: 100%;
  transition: 0.5s;
}
.index1-type ul li a{
  color: #4f4f4f;
  font-size: 16px;
}
.index1-type ul li:last-child{
  float: right;
  width:35px;
  height: 35px;
  margin-right: 0;
  margin-top: -5px;
  margin-top: -5px;
}
.index1-type ul li:last-child img{
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
}
.index1-type ul li:last-child:after{
  display: none;
}
.index1-type ul li:hover:last-child img{
  -webkit-transform: rotatey(360deg);
  -moz-transform: rotatey(360deg);
}
.index1-list{
  margin-top: 30px;
}
.index1-list ul li{
  width: 390px;
  height: 310px;
  float: left;
  margin-right: 10px;
  position: relative;
  transition: 0.5s;
  margin-bottom: 20px;
}
.index1-list ul li:nth-child(3n){
  margin-right: 0;
}
.index1-img{
  width: 100%;
  height: 252px;
  overflow: hidden;
}
.index1-img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.index1-tit{
  width: 100%;
  position: relative;
  height: 60px;
  line-height: 60px;
  background:#f3f3f3 url("../images/p-jt.png") no-repeat center right 30px;
  color: #4f4f4f;
  font-size: 14px;
  text-indent: 20px;
}
.index1-tit p{
  width: 80%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding-right: 25px;
}
.index1-list ul li:hover .index1-tit{
  background:#117bc8 url("../images/p-jt-h.png") no-repeat center right 30px;
  transition: 0.5s;
}
.index1-list ul li:hover .index1-tit p{
  color: #fff;
}
.index1-list ul li:hover .index1-img img{
  -webkit-transform: scale(1.03) translateZ(0);
  -moz-transform: scale(1.03) translateZ(0);
  -ms-transform: scale(1.03) translateZ(0);
  -o-transform: scale(1.03) translateZ(0);
  transform: scale(1.03) translateZ(0);
}
/*首页-优势*/
.index-youshi{
  width: 100%;
  position: relative;
  padding-top:58px;
  background: url("../images/ys.jpg") no-repeat center center;
  height: 546px;
  overflow: hidden;
}
.index-youshi .warpper{
  position: relative;
  height: 100%;
}
.ys-left{
  width: 362px;
  position: absolute;
  left: 0;
  top: 110px;
}
.ys-left ul li{
  text-align: left;
  padding-left: 80px;
}
.ys-left ul li h3{
  color: #fff;
  font-size: 20px;
}
.ys-left ul li p{
  color: #adadad;
  font-size: 14px;
  line-height: 26px;
  padding-top: 4px;
}
.ys-left ul li:nth-child(1){
  background: url("../images/ys1.png") no-repeat center left;
  margin-left: 30px;
  margin-bottom: 132px;
}
.ys-left ul li:nth-child(2){
  background: url("../images/ys2.png") no-repeat center left;
}
.ys-left ul li:hover:nth-child(1){
  background: url("../images/ys1-h.png") no-repeat center left;
}
.ys-left ul li:hover:nth-child(2){
  background: url("../images/ys2-h.png") no-repeat center left;
}
.ys-center{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -250px;
}
.ys-center p{
  position: absolute;
  top: 253px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.ys-right{
  width: 362px;
  position: absolute;
  right: 0;
  top: 110px;
}
.ys-right ul li{
  text-align: right;
  padding-right: 80px;
}
.ys-right ul li:nth-child(1){
  background: url("../images/ys3.png") no-repeat center right;
  margin-right: 30px;
  margin-bottom: 132px;
}
.ys-right ul li:nth-child(2){
  background: url("../images/ys4.png") no-repeat center right;
}
.ys-right ul li:hover:nth-child(1){
  background: url("../images/ys3-h.png") no-repeat center right;
}
.ys-right ul li:hover:nth-child(2){
  background: url("../images/ys4-h.png") no-repeat center right;
}
.ys-right ul li h3{
  color: #fff;
  font-size: 20px;
}
.ys-right ul li p{
  color: #adadad;
  font-size: 14px;
  line-height: 26px;
  padding-top: 4px;
}
/*首页-应用领域*/
.index-area{
  width: 100%;
  position: relative;
  padding: 83px 0 98px 0;
}
.index-area ul{
  margin-top: 35px;
  float: left;
}
.index-area ul li{
  width: 170px;
  height: 360px;
  float: left;
  position: relative;
  transition: 0.5s;
}
.index-area ul li:nth-child(1){
  background: #f3f3f3;
}
.index-area ul li:nth-child(2){
  background: #eeeeee;
}
.index-area ul li:nth-child(3){
  background: #fbfbfb;
}
.index-area ul li:nth-child(4){
  background: #f6f6f6;
}
.index-area ul li:nth-child(5){
  background: #f1f1f1;
}
.index-area ul li .area-img{
  width: 40px;
  overflow:hidden;
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 20px;
}
.index-area ul li .area-img img{
  transition: 0.3s;
}
.index-area ul li h3{
  color: #4f4f4f;
  font-size: 18px;
  font-weight: bold;
  width: 17px;
  float: left;
  padding-left: 68px;
  line-height:20px;
}
.index-area ul li p{
  color: #4f4f4f;
  font-size: 10px;
  transform: rotate(90deg);
  font-weight: 100;
  text-transform: uppercase;
  float: left;
  height: 15px;
  width: 360px;
  margin-left: -85px;
  margin-top: 54px;
}
.index-area ul li:nth-child(1) p{
  margin-top:33px;
}
.index-area ul li small{
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 31px;
  background: url("../images/area6.png") no-repeat center center;
  width:71px;
  height: 40px;
  text-indent: 20px;
  line-height: 49px;
  color: #848484;
  font-size: 12px;
}
.index-area ul li:hover{
  background: #0f4ba0;
  transition: 0.5s;
}
.index-area ul li:hover h3,.index-area ul li:hover p{
  color: #fff;
  transition: 0.5s;
}
.index-area ul li:hover small{
  color: #4b85cf;
  background: url("../images/area7.png") no-repeat center center;
}
.index-area ul li:nth-child(1):hover .area-img img{
  transition: 0.3s;
  display: block;
  margin-left: -50px;
}
.index-area ul li:nth-child(2):hover .area-img img{
  transition: 0.3s;
  display: block;
  margin-left: -44px;
}
.index-area ul li:nth-child(3):hover .area-img img{
  transition: 0.3s;
  display: block;
  margin-left: -39px;
}
.index-area ul li:nth-child(4):hover .area-img img{
  transition: 0.3s;
  display: block;
  margin-left: -40px;
}
.index-area ul li:nth-child(5):hover .area-img img{
  transition: 0.3s;
  display: block;
  margin-left: -47px;
}
.area-more{
  width: 350px;
  height: 360px;
  float: right;
  margin-top: 35px;
  background: url("../images/area-bg.jpg") no-repeat center center;
}
.area-tit{
  width: 150px;
  height: 85px;
  border: 1px solid #c1c1c1;
  padding-left: 20px;
  padding-top: 20px;
  margin-left: 54px;
  margin-top: 54px;
}
.area-tit p{
  color: #4f4f4f;
  font-size: 18px;
}
.area-tit strong{
  color: #4f4f4f;
  font-size: 20px;
}
.area-more img{
  display: block;
  margin-left: 54px;
  margin-top: 15px;
}
.circle{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 30px;
  margin-left: 54px;
  border: 1px solid #117bc8;
  -webkit-animation:circle 5s infinite linear;
}
.circle span{
  display: block;
  width: 20px;
  height: 20px;
  background: #117bc8;
  margin-top:10px;
  margin-left: 10px;
  border-radius: 50%;
  -webkit-animation:circle 4s infinite linear;
}
@-webkit-keyframes circle{

  0%{ transform:rotate(0deg); }

  100%{ transform:rotate(-360deg); }

}
/*首页-案例中心*/
.index-case{
  width: 100%;
  position: relative;
  background: url("../images/case.jpg") no-repeat center center;
  padding: 83px 0;
}
.title a {
  display: block;
  width: 166px;
  height: 58px;
  background: #117bc8;
  line-height: 58px;
  color: #fff;
  font-size: 16px;
  float: right;
  position: relative;
  z-index: 10;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
  overflow: hidden;
  margin-top: -62px;
}
.title a span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  line-height:58px;
  text-align: center;
  color: #fff;
  z-index: 12;
}
.title a:after,.title a:before {
  display: block;
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background: #0e4995;
}
.title a:before {
  left: -20px;
}
.title a:after {
  left: 100%;
}
.title a:hover:before {
  -webkit-animation: btnleft 700ms linear 0s 1 normal;
  -o-animation: btnleft 700ms linear 0s 1 normal;
  animation: btnleft 700ms linear 0s 1 normal;
  animation-fill-mode: forwards;
}
.title a:hover:after {
  -webkit-animation: btnright 700ms linear 0s 1 normal;
  -o-animation: btnright 700ms linear 0s 1 normal;
  animation: btnright 700ms linear 0s 1 normal;
  animation-fill-mode: forwards;
}
@keyframes btnleft {
  0% {
    left: -20px;
    border-radius: 50%;
  }

  60% {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: calc(50% - 20px);
  }

  66% {
    width: 0px;
    height: 100%;
    border-radius: 0;
    left: initial;
    right: 50%;
  }

  100% {
    width: 50%;
    height: 100%;
    border-radius: 0;
    left: initial;
    right: 50%;
  }
}

@keyframes btnright {
  0% {
    left: 100%;
    border-radius: 50%;
  }

  60% {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 50%;
  }

  66% {
    width: 0px;
    height: 100%;
    border-radius: 0;
    left: 50%;
  }

  100% {
    width: 50%;
    height: 100%;
    border-radius: 0;
    left: 50%;
  }
}
/*首页-公司简介*/
.index-company{
  width:100%;
  position: relative;
  padding: 70px 0 94px 0;
  background: url("../images/company.jpg") no-repeat center top;
}
.ditu{
  display: block;
  width:26px;
  height: 34px;
  animation: p_move 1000ms ease-in-out infinite alternate;
  float: left;
}
.ditu img{
  display: block;
  margin-top: 30px;
  margin-left: 317px;
}
@keyframes p_move{
  from{
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
  }
  to{
    transform: translate(0,10px);
    -webkit-transform: translate(0,10px);
  }
}
@-webkit-keyframes p_move{
  from{
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
  }
  to{
    transform: translate(0,10px);
    -webkit-transform: translate(0,10px);
  }
}
.com1{
  width: 572px;
  float: right;
}
.com1 p{
  color: #fff;
  font-size: 20px;
}
.com1 strong{
  color: #fff;
  font-size: 23px;
  display: block;
  padding: 10px 0;
}
.com1 small{
  color: #fff;
  font-size:14px;
  text-transform: uppercase;
}
.com1 img{
  float: right;
  padding-top: 45px;
}
.com2{
  margin-top: 66px;
  height: 304px;
  background: url("../images/company2.jpg") no-repeat center center;
  padding-left: 47px;
}
.com2 h3{
  color: #4f4f4f;
  font-size: 26px;
  font-weight: bold;
  padding-top: 48px;
}
.com2 p{
  color: #7f7f7f;
  font-size: 14px;
  list-style: 22px;
  width: 670px;
  padding: 20px 0 35px 0;
}
.com2 ul li{
  float: left;
  margin-right:26px ;
  width: 83px;
  height: 83px;
}
.com2 ul li a{
  display: block;
  color: #969696;
  font-size: 14px;
  text-align: center;
  padding-top: 48px;
  transition: 0.3s;
}
.com2 ul li:nth-child(1){
  background: url("../images/c1.png") no-repeat center center;
}
.com2 ul li:nth-child(2){
  background: url("../images/c3.png") no-repeat center center;
}
.com2 ul li:nth-child(3){
  background: url("../images/c4.png") no-repeat center center;
}
.com2 ul li:hover{
  width: 99px;
  height: 99px;
  margin-top: -8px;
  margin-left: -8px;
  transition: 0.3s;
}
.com2 ul li:hover:nth-child(1){
  background: url("../images/c1-h.png") no-repeat center center;
  transition: 0.3s;
}
.com2 ul li:hover:nth-child(2){
  background: url("../images/c3-h.png") no-repeat center center;
  transition: 0.3s;
}
.com2 ul li:hover:nth-child(3){
  background: url("../images/c4-h.png") no-repeat center center;
  transition: 0.3s;
}
.com2 ul li:hover a{
  color: #fff;
  padding-top: 56px;
}
/*首页-新闻*/
.index-news{
  width: 100%;
  position: relative;
  padding: 80px 0;
}
.new1{
  width: 100%;
  margin-top: 47px;
}
.news1-left{
  width: 210px;
  height: 200px;
  float: left;
  background: url("../images/n1.jpg") no-repeat center center;
}
.news1-left h3{
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-top: 40px;
}
.news1-left p{
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: 100;
  text-transform: uppercase;
}
.news1-left strong{
  color: #fff;
  text-align: center;
  font-size: 18px;
  display: block;
  padding-top: 25px;
}
.news1-left span{
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
}
.news1-center{
  width: 390px;
  float: left;
  height: 200px;
  overflow: hidden;
}
.news1-center img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news1-right{
  width: 600px;
  height: 200px;
  float: right;
  background: #212429;
}
.news1-right h3{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding-top: 26px;
  padding-left: 30px;
}
.news1-right p{
  color: #c5c5c5;
  font-size:14px;
  line-height: 21px;
  padding:0 30px;
  margin-top: 10px;
}
.news1-right a{
  display: block;
  width: 124px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border:1px solid #117bc8;
  margin-left: 30px;
  margin-top: 20px;
  border-radius: 18px;
  color: #fff;
}
.news1-right a:hover{
  background: #117bc8;
}
.news2{
  width: 100%;
  position: relative;
  background: #f6f6f6;
  margin-top: 24px;
}
.news2 ul li{
  height: 76px;
  border-bottom: 1px solid #e4e4e4;
  padding: 30px 35px 0 35px;
  position: relative;
}
.news2 ul li:last-child{
  border-bottom: none;
  padding-bottom: 10px;
}

.news2 ul li a{
  display: block;
}
.news2 ul li h3{
  color: #4f4f4f;
  font-size: 16px;
}
.news2 ul li p{
  font-size: 14px;
  color: #989898;
}
.news2 ul li small{
  color: #4f4f4f;
  font-size: 14px;
}
.news2 ul li span{
  display: block;
  float: right;
  color: #989898;
  font-size: 14px;
  font-weight: 100;
  margin-top: -23px;
}
.news2 ul li:hover h3{
  color: #117bc8;
}
.news2 ul li:hover span{
  border-bottom: 1px solid #117bc8;
  color: #117bc8;
}
/*底部*/
.foot{
  background: #232323;
  width: 100%;
  position: relative;
  padding: 85px 0 110px 0;
}
.foot1{
  width: 165px;
  float: left;
}
.foot1 h3{
  color: #c7c7c7;
  font-weight: bold;
  font-size: 18px;
}
.foot1 h3 img{
  display: block;
  float: left;
  -webkit-animation:circle 4s infinite linear;
  margin-right: 10px;
}
.foot1 h3 span{
  color: #777777;
  font-size: 12px;
  padding-left: 10px;
  text-transform: uppercase;
}
.foot1 ul{
  margin-top: 25px;
}
.foot1 ul li{
  width: 100%;
  line-height: 30px;
}
.foot1 ul li a{
  color: #696969;
  font-size: 16px;
}
.foot1 ul li:hover a{
  color: #fff;
}
.foot2{
  width: 306px;
  float: left;
  margin-left: 65px;
}
.foot2 h3{
  color: #c7c7c7;
  font-weight: bold;
  font-size: 18px;
}
.foot2 h3 img{
  display: block;
  float: left;
  -webkit-animation:circle 4s infinite linear;
  margin-right: 10px;
}
.foot2 h3 span{
  color: #777777;
  font-size: 12px;
  padding-left: 10px;
  text-transform: uppercase;
}
.foot2 ul{
  margin-top: 25px;
}
.foot2 ul li{
  width: 50%;
  line-height: 30px;
  float: left;
}
.foot2 ul li a{
  color: #696969;
  font-size: 16px;
}
.foot2 ul li:hover a{
  color: #fff;
}
.foot3{
  width: 415px;
  float: left;
  margin-left: 85px;
}
.foot3 h3{
  color: #c7c7c7;
  font-weight: bold;
  font-size: 18px;
}
.foot3 h3 img{
  display: block;
  float: left;
  -webkit-animation:circle 4s infinite linear;
  margin-right: 10px;
}
.foot3 h3 span{
  color: #777777;
  font-size: 12px;
  padding-left: 10px;
  text-transform: uppercase;
}
.f-lianxi{
  background: url("../images/f-line.png") no-repeat center bottom;
  margin-top: 34px;
  height: 82px;
}
.foot3 p{
  color: #ececec;
  font-size: 16px;
  font-weight: 100;
}
.foot3 strong{
  color: #117bc8;
  font-size: 28px;
}
.foot3 h4{
  background: url("../images/f-ditu.png") no-repeat center left;
  color: #ececec;
  font-size: 16px;
  text-indent: 30px;
  margin-top: 18px;
}
.foot4{
  width: 138px;
  height: 173px;
  float: right;
  background: #fff;
}
.f-img{
  width: 123px;
  height: 123px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 8px;
}
.f-img img{
  max-width: 100%;
}
.foot4 p{
  text-align: center;
  color: #515151;
  font-size: 14px;
  padding-top: 7px;
}
.f-admin{
  width: 100%;
  height: 72px;
  line-height: 72px;
  background: #3d3d3d;
  overflow: hidden;
}
.ad-left{
  float: left;
  color: #c7c7c7;
  font-size: 14px;
}
.ad-left a{
  color: #c7c7c7;
  font-size: 14px;
}
.ad-right{
  float: right;
}
.ad-right a{
  color: #c7c7c7;
  font-size: 14px;
}
.kefu{
  width: 126px;
  height:297px;
  background: #117bc8;
  padding: 18px 13px;
  position: fixed;
  z-index: 1000;
  right: 10px;
  top: 30%;
  text-align: center;
}
.kefu .w1{
  color:#fff;
  font-size: 14px;
}
.kefu .w2{
  color:#fff;
  font-size: 14px;
  text-transform: uppercase;
}
.kefu .w3{
  width: 128px;
  height: 136px;
  background: #fff;
  padding-top: 10px;
  margin-top: 10px;
}
.kefu .w3 img{
  display: block;
  max-width:85%;
  margin: 0 auto;
}
.kefu .w3 p{
  color: #404040;
  font-size: 14px;
}
.kefu .w4{
  background: url("../images/k-tel.png") no-repeat center left 8px;
  color: #fff;
  margin-top: 10px;
  margin-bottom:5px;
}
.kefu .w5{
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.kefu .w6{
  width: 128px;
  height: 28px;
  line-height: 28px;
  background:#fff url("../images/k-kf.png") no-repeat center left 20px;
  text-indent: 20px;
  margin-top: 10px;
}
.kefu .w6 a{
  color: #404040;
  font-size: 14px;
}
/*内页-banner*/
.nei-banner{
  width: 100%;
  position: relative;
}
.nei-banner img{
  display: block;
  max-width: 100%;
}
.inner-right h1{
  font-size: 24px;
  line-height: 50px;
  margin-bottom: 45px;
  text-align: center;
  font-weight: bold;
  color: #505153;
}
.infonews-img{
  width: 100%;
  margin: 0 auto;
}
.infonews-img img{
  display: block;
  margin: 0 auto;
}


#contact_01{width: 1200px;padding:35px; margin:0 auto;
  -webkit-box-sizing: border-box;
  margin-top: 35px;
  margin-bottom: 35px;
  background: #f9f9f9;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#lxwm_01{border:1px solid #d5d2d2; margin:0 auto;position: relative;margin-bottom: 30px;}
#lxwm_01_l{width: 530px;float: left;}
#lxwm_01_l ul{padding:44px;}
#lxwm_01_l li{height: 42px; line-height: 42px; font-size: 16px;color: #666666;position: relative;}
#lxwm_01_l .lxwm_icon{width: 23px; height: 23px; text-align: center;line-height: 35px;position: absolute;left: 0;top:9px;}
#lxwm_01_l li span{padding-left:40px; }
#lxwm_01_m{width: 300px;float: left;padding:50px 0;border-left: 1px solid #d5d2d2;border-right: 1px solid #d5d2d2;text-align: center;color: #666666;line-height: 24px;font-size: 16px;}
#lxwm_01_m img{width: 127px;margin:0 auto;}
#lxwm_01_r{width: 296px;padding:32px 0;float: right;text-align: center;color: #666666;line-height: 24px;font-size: 16px;}
#lxwm_01_r>img{margin:0 auto;width: 110px;}
#lxwm_01_r a{font-size: 20px;color: #515151;font-weight: bold;line-height: 60px;display: inline-block;}
#lxwm_02 li{width: 48%;height: 77px;float: left; padding:20px 0 20px 160px;margin-right: 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;border:1px solid #d5d2d2;line-height: 38px;text-align: center;font-size: 18px;color: #666666;position: relative;}
#lxwm_02 li:nth-child(even){margin-right: 0;}
#lxwm_02 li .lxwm_ico{width: 155px;height: 119px;position: absolute;left: 0;top:0;background: #097dd0;line-height: 30px;color: #030304;font-size: 18px;text-align: center;}
#lxwm_02 li .lxwm_ico img{margin:0 auto;margin-top: 16px;}
#lxwm_02 li span{font-weight: bold;font-size: 36px;color: #333333;}
#contact_02{margin:50px auto;background: #f9f9f9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.contact_02_tit{width: 100%;height: 50px;line-height: 50px;background: #eeeeee;margin:0 auto;color: #666666;font-size: 14px;}
.contact_02_tit span{display: inline-block;margin-right: 10px; background: #097dd0;color: #fff;font-size: 22px;padding:0 30px;}
#contact_02_form{width: 100%;margin:30px auto 0;}
#contact_02_form .form01 {  float:left;width:550px;}
#contact_02_form .form02 {  float:right;width:560px}
#contact_02_form .form02 textarea{ width:100%;
  height: 201px;
  margin-bottom: 21px;
  padding:13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d5d5d5;
}

#contact_02_form .form01 .line1{width: 489px;height: 48px;line-height: 48px;padding:0 46px 0 13px;margin-bottom:25px;color: #666;font-size: 14px;}
#contact_02_form .form01 input{border:1px solid #d5d5d5;font-size: 14px;font-family: "微软雅黑";}
#contact_02_form .form01 .name{background: #fff;}
#contact_02_form .form01 .phone{background: #fff;}
#contact_02_form .form01 .email{margin-right: 0;background: #fff;margin-right: 0;}
#contact_02_form .form01 .add{margin-right: 0;background: #fff;margin-right: 0;}
#contact_02_form .form01 textarea{width: 1139px;border: 1px solid #d5d5d5;color: #666;font-size: 14px;padding: 10px 46px 10px 13px;height: 149px;font-size: 14px;font-family: "微软雅黑";line-height: 1.5;margin-bottom: 20px;background: #fff url(../Image/i_form_ico4.png) no-repeat right top;}
#contact_02_form .form02{margin:0 auto;}
#contact_02_form .form02 input,#contact_02_form .form02 .submit {width: 265px; height: 46px; float:right;border: 0; transition:all 0.4s; font-size: 16px;font-family: "微软雅黑"; line-height: 46px; color: #fff; text-align: center; cursor: pointer;}
#contact_02_form .form02 .submit span{line-height: 46px; }
#contact_02_form .form02 .submit{background: #097dd0;color: #fff;}
#contact_02_form .form02 input.resest{background: #030304;margin-right: 30px;}
#contact_02_form .form02 input:hover {background: #222;}
#contact_02_form .code{border: 1px solid #d5d5d5}
#contact_02_form .code input{float:left;line-height: 50px;padding-left:13px;
  width:375px;border:none;}
#contact_02_form .code .verify{float:right;
  height: 50px;
}
#contact_02_form .code .verify img{
  height: 100%;
}
#contact_03{width: 1400px;height: 632px; margin:0 auto;margin-bottom: 40px;position: relative;}
.contact_03_l{width:340px;height: 532px;background: rgba(0,0,0,.85);padding: 50px 35px;color: rgba(255,255,255,.6);position: absolute;left: 0;top:0;z-index: 1;}
.contact_03_l h1{font-size: 24px;font-weight: bold;color: #fff;}
.contact_03_l p{font-size: 14px;line-height: 30px;padding:40px 0;}
.contact_03_l .contact_03_tel{min-width:58px;height: 64px;padding-left: 65px; background: url(../Image/contact_03_tel.png) left center no-repeat;line-height: 32px;font-size: 16px;}
.contact_03_l .contact_03_tel span{font-size: 30px;font-weight: bold;color: #fff;}
.contact_03_l .contact_03_ewm{margin-top: 40px;}
.contact_03_l .contact_03_ewm img{width: 150px;height: 150px;float: left;}
.contact_03_l .contact_03_ewm p{width: 150px;float: right;line-height: 30px;font-size: 16px;}
.contact-map #dituContent {
  width: 100%;
  height: 475px;
  margin: 0 auto 30px;
}


.pro-sider {
  float: left;
  width: 260px;
}
.pro-sider .in-title {
  height: 80px;
  background: url(../images/i-pro-title.jpg) no-repeat center;
  text-align: center;
  line-height: 1;
  overflow: hidden;
}
.pro-sider .in-title h3 {
  margin-top: 20px;
  font-size: 22px;
  color: #fff;
  margin-bottom: 5px;
}
.pro-sider .in-title em {
  font-size: 13px;
  color: #728dbc;
}
.pro-sider .pro-sider-ul {
  border: 1px solid #ededed;
  background: #fff;
  border-top: none;
  overflow: hidden;
}
.pro-sider .pro-sider-ul .ul-li {
  padding: 0 15px;
  height: 59px;
}
.pro-sider .pro-sider-ul .ul-li a {
  position: relative;
  height: 58px;
  line-height: 58px;
  font-size: 14px;
  color: #595959;
  display: block;
  padding-left: 10px;
  padding-right: 30px;
  border-bottom: 1px dashed #ededed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li a h2{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li a div.icon {
  position: absolute;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  background: #ededed url(../images/sider-bg-01.png) no-repeat center;
  border-radius: 50%;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  font-size: 12px;
}
.pro-sider .pro-sider-ul .ul-li:hover,
.pro-sider .pro-sider-ul .ul-li.active {
  background: #268ae7;
}
.pro-sider .pro-sider-ul .ul-li:hover a,
.pro-sider .pro-sider-ul .ul-li.active a {
  border: none;
  color: #fff;
}
.pro-sider .pro-sider-ul .ul-li:hover div.icon,
.pro-sider .pro-sider-ul .ul-li.active div.icon {
  background: #0058b1 url(../images/sider-bg-02.png) no-repeat center;
}
.pro-sider .pro-sider-ul .ul-li:last-child a {
  border-bottom: none;
}
.pro-sider .pro-sider-tel {
  overflow: hidden;
  height: 100px;
  line-height: 1;
  font-size: 20px;
  color: #0058b1;
  border: 1px solid #ededed;
  border-top: none;
  padding-left: 80px;
  background: url(../images/sider-tel.png) no-repeat 25px center;
}
.pro-sider .pro-sider-tel span {
  display: block;
  margin: 30px 0 8px;
  font-size: 14px;
  color: #808080;
}
.pro-sider .pro-sider-tel em {
  letter-spacing: 2px;
  font-weight: bold;
}


.m-column-t {
  position: relative;
  text-align: center;
  font-size: 0;
}
.m-column-t .center {
  display: inline-block;
  font-size: 0;
}
.m-column-t .center h3 {
  color: #333;
  font-size: 30px;
}
.m-column-t .center p {
  color: #d2d2d2;
  font-size: 30px;
}
.m-column-t span {
  position: absolute;
  width: 415px;
  top: 50%;
  margin-top: -5px;
  height: 5px;
  border-bottom: 1px solid #d2d2d2;
  z-index: 1;
}
.m-column-t span.mcl {
  left: 0;
}
.m-column-t span.mcl em {
  float: right;
}
.m-column-t span.mcr {
  right: 0;
}
.m-column-t span em {
  display: block;
  height: 11px;
  border-left: 1px solid #d2d2d2;
}
.textLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.textLine3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.textHidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domHidden {
  overflow: hidden;
}
.about-main {
  padding: 20px 0 70px;
  min-height: 170px;
}
.about-main .ab-content {
  float: right;
  width: 925px;
}
.about-main .ab-content .title {
  line-height: 50px;
}
.about-main .ab-content .title a {
  color: #333;
  padding: 0 5px;
}
.about-main .ab-content .title span.icon-home {
  color: #535353;
}
.about-main .ab-content .title em {
  color: #999;
}
.about-main .ab-content .ab-conBox {
  overflow: hidden;
  background: #fff;
  min-height: 55px;
  padding: 30px 45px 40px;
}
.about-main .ab-content .ab-conBox .de-title {
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 25px;
  margin-bottom: 8px;
}
.about-main .ab-content .ab-conBox .sub-co {
  font-size: 14px;
  color: #999;
  text-align: center;
  line-height: 18px;
}
.about-main .ab-content .ab-conBox .ab-detail {
  overflow: hidden;
  margin-top: 30px;
  font-size: 14px;
  color: #777373;
  line-height: 25px;
}
.ab-sild {
  float: left;
  width: 260px;
}
.ab-sild .title {
  position: relative;
  height: 50px;
  text-align: center;
  background: #f3c04b;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.ab-sild .title span {
  position: absolute;
  height: 3px;
  width: 30px;
  top: 50%;
  margin-top: -3px;
  border-bottom: 1px solid #fff;
}
.ab-sild .title span em {
  display: block;
  height: 7px;
  border-left: 1px solid #fff;
}
.ab-sild .title span.stl {
  left: 35px;
}
.ab-sild .title span.stl em {
  float: right;
}
.ab-sild .title span.str {
  right: 35px;
}
.ab-sild .sild-cate {
  background: #fff;
  margin-bottom: 20px;
}
.ab-sild .sild-cate .list {
  overflow: hidden;
}
.ab-sild .sild-cate .list li {
  position: relative;
  border-bottom: 1px solid #eee;
  height: 60px;
  line-height: 60px;
}
.ab-sild .sild-cate .list li a {
  display: block;
  padding-right: 35px;
  font-size: 14px;
  color: #333;
  padding-left: 20px;
}
.ab-sild .sild-cate .list li:last-child {
  border-bottom: none;
}
.ab-sild .sild-cate .list li:hover {
  border-color: #f3c04b;
  background: #f3c04b;
}
.ab-sild .sild-cate .list li:hover a {
  color: #fff;
}
.ab-sild .sild-cate .list li:hover:after {
  color: #fff;
}
.ab-sild .sild-cate .list li:after {
  font-weight: bold;
  right: 20px;
  top: 0;
  color: #999;
  position: absolute;
  content: "\e904";
  font-family: 'icomoon' !important;
}
.ab-sild .sild-cont {
  background: #fff;
}
.ab-sild .sild-cont .cont-list {
  padding: 20px;
}
.ab-sild .sild-cont .cont-list ul li {
  color: #333;
  padding: 5px 0;
  padding-left: 60px;
  font-size: 14px;
}
.ab-sild .sild-cont .cont-list ul li span {
  width: 60px;
  margin-left: -60px;
  display: block;
  height: 20px;
  line-height: 20px;
  float: left;
  color: #666;
}
.pro-center {
  background: #fff;
  padding-bottom: 25px;
}
.pro-center .pro-list {
  overflow: hidden;
  padding: 25px 18px 10px;
}
.pro-center .pro-list ul li {
  float: left;
  width: 200px;
  margin: 0 10px 20px;
  border: 1px solid #fff;
}
.pro-center .pro-list ul li:hover {
  border-color: #f3c04b;
}
.pro-center .pro-list ul li .img {
  overflow: hidden;
  width: 200px;
  height: 200px;
  line-height: 200px;
  text-align: center;
  font-size: 0;
  background: #eee;
}
.pro-center .pro-list ul li .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.pro-center .pro-list ul li .title {
  background: #f7f8fc;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.pro-center .pro-list ul li .title:hover {
  color: #f3c04b;
}
.page {
  font-size: 0;
  text-align: center;
}
.page .center {
  display: inline-block;
  overflow: hidden;
}
.page .center .page-span {
  float: left;
  font-size: 14px;
  color: #c3c3c3;
  line-height: 32px;
  margin-right: 30px;
}
.page .center .page-list {
  float: left;
  overflow: hidden;
}
.page .center .page-list ul li {
  float: left;
  width: auto;
  min-width: 30px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  margin: 0 4px;
  padding: 0;
  border: none;
  background: transparent;
}
.page .center .page-list ul li a {
  min-width: 20px;
  padding: 0 5px;
  border: 1px solid #eee;
  display: block;
  color: #333;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
.page .center .page-list ul li:hover a {
  color: #f3c04b;
}
.page .center .page-list ul li.active a {
  background: #f3c04b;
  color: #fff;
}
.news-center {
  background: #fff;
  padding-bottom: 25px;
}
.news-center .new-list {
  padding: 45px 45px 0px;
}
.news-center .new-list ul li {
  margin-bottom: 35px;
  border-bottom: 1px solid #eee;
}
.news-center .new-list ul li a {
  overflow: hidden;
  display: block;
  height: 90px;
  padding-bottom: 30px;
}
.news-center .new-list ul li a .img {
  float: left;
  width: 130px;
  height: 90px;
  background: #eee;
  line-height: 90px;
  font-size: 0;
  text-align: center;
}
.news-center .new-list ul li a .img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.news-center .new-list ul li a .info {
  float: right;
  width: 690px;
}
.news-center .new-list ul li a .info h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #333;
}
.news-center .new-list ul li a .info em {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  margin-bottom: 10px;
}
.news-center .new-list ul li a .info p {
  font-size: 14px;
  line-height: 22px;
  color: #999;
  max-height: 44px;
  overflow: hidden;
}
.news-center .new-list ul li a:hover h3 {
  color: #f3c04b;
}
.message-c {
  background: #fff;
  padding: 40px 50px;
  overflow: hidden;
}
.message-c .p {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-bottom: 35px;
}
.message-c .from input {
  display: block;
  height: 38px;
  line-height: 38px;
  padding: 0 5px;
  border: 1px solid #d2d2d2;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.message-c .from input[name=user],
.message-c .from input[name=phone] {
  width: 348px;
}
.message-c .from textarea {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  display: block;
  width: 728px;
  height: 130px;
  border: 1px solid #d2d2d2;
  padding: 5px;
  margin-bottom: 10px;
}
.message-c .from .code {
  overflow: hidden;
}
.message-c .from .code input[name=code] {
  width: 258px;
  float: left;
}
.message-c .from .code a {
  display: block;
  float: left;
  width: 80px;
  height: 38px;
  padding: 1px 0;
  margin-left: 10px;
}
.message-c .from .code a img {
  width: 80px;
  height: 38px;
}
.message-c .from .btn {
  padding-top: 25px;
}
.message-c .from .btn a {
  display: block;
  width: 362px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  background: #8fa4de;
}
.message-c .from .btn a:hover {
  background: #8397d0;
}
.contact-o {
  background: #fff;
  overflow: hidden;
  padding: 40px 0;
  text-align: center;
}
.contact-o iframe {
  width: 830px;
  height: 500px;
  margin: 0 auto;
}
.info-main .info-main-rig small {
  color: #555;
  font-size: 14px;
  line-height: 26px;
  padding-bottom: 20px;
  display: block;
  width: 500px;
}
.info-main .head-group1 {
  float: left;
  width: 100%;
  margin: 10px 0 30px 0;
}
.head-group1 .tel {
  line-height: 30px;
  font-size: 14px;
  color: #676767;
  padding-left: 40px;
  background: url(../images/tel.png) no-repeat center left;
}
.head-group1 .tel p {
  color: #555555;
  font-size: 16px;
  margin-bottom: -5px;
}
.head-group1 .tel span {
  font-size: 26px;
  color: #0079c3;
  font-weight: bold;
  display: block;
}