*{margin: 0;padding: 0;box-sizing: 0;}
a{text-decoration: none;color: #333;font-size: 14px;}
p{font-size: 14px;line-height: 2em;color: #444}
h3{font-size: 16px;line-height: 2em;}
li{list-style: none;}
h2{font-size: 20px;}
.clearfix::before,.clearfix::after{content: ".";display: block;height: 0;visibility: hidden;}
.clearfix:after{clear: both}
.clearfix{zoom:1;}
body{  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}
table{width: 100%;margin: 0 auto;margin-top: 20px;border: 1px solid #ddd;overflow-x:scroll;border-collapse: collapse;margin-bottom: 20px;}
table td{border: 1px solid #ddd;padding: 4px;text-align: center;font-size: 14px;line-height: 2em;}

  .header{width: 100%;padding: 10px 0 0;background: #0068b7;}
  .nav{width: 80%;margin: 0 auto;margin-top: 10px;}
  .nav-left{float: left;width:400px;}
  .nav-middle{width: 55%;margin: 0 auto;/*background: #fff;box-shadow:-1px 0px 20px rgba(0,0,0,0.2);*/float: right;}
  .nav-middle li{float: left;width: 12.5%;text-align: center;line-height: 4em;}
  .nav-middle li a{color: #fff;}
  .nav-middle li.active{background:url(../images/up.png) no-repeat center bottom;}
  .nav-middle li:hover {background:url(../images/up.png) no-repeat center bottom;}
  .nav-right{width: 16%;float: right;}
@media(max-width: 768px){
  .nav{width: 100%;margin-top: 0;}
  .nav-left{float: none;width:80%;margin: 0 auto;display: block;}
  .nav-middle{width: 100%;margin: 0 auto;float: none}
  .nav-middle li{float: left;width: 24%;text-align: center;line-height: 4em;/*border: 1px solid #d0d09e*/}
  .nav-middle li.active{background: rgba(255,255,255,0.4);}
  .nav-middle li:hover{background: rgba(255,255,255,0.4)}
  .nav-right{display: none}
}
/*banner*/
.banner{width: 100%;}
.swiper-slide img{width: 100%;}
/*产品中心*/
.title{width: 80%;margin: 50px auto 20px;}
.title h1{font-size: 24px;color: #444;text-align: center;margin-bottom: 10px;}
.title p{text-align: center;}
.title hr{border: none;height: 4px;width: 50px;background: #0068b7;margin: 0 auto;margin-top: 10px;}
.product{width: 80%;margin: 0 auto;}
.product li{width: 23.5%;margin: 0 2% 20px 0 ;float: left;overflow: hidden;}
.product li:nth-child(4n){margin-right: 0}
.product li a{display: block;}
.product li a .a-box{position: relative;}
.product li a .a-box img{width: 100%;}
.product li a .a-box h3{width: 60%;position: absolute;bottom: -5%;left:0;background: #fff;padding-left: 10px}
.product li a p{margin: 10px 0;padding: 0 10px;height: 8em;overflow: hidden;}
.product li a span{display: block;background: #0068b7;color: #fff;padding: 5px;text-align: center;border: 1px solid #0068b7}
.product li:hover a .a-box img{transform: scale(1.1);transition: all 0.8s ease;}
.more{display: inline-block;margin: 20px 0;padding: 5px 20px;background: #0068b7;color: #fff;margin-left: 50%;transform: translateX(-50%);}
/*关于我们*/
.about-f{width: 100%;padding: 20px 0;background:url(../images/ab_bgf.jpg)no-repeat center;background-size: cover;margin: 30px 0;}
.about{width: 80%;margin: 0 auto 0;background: url(../images/ab_bg.png) no-repeat center;background-size: cover;overflow: hidden;box-shadow: 5px 10px 5px rgba(0,0,0,0.3)}
.ab-con{width: 30%;float: right;background: rgba(0,104,183,0.7);padding: 20px;}
.ab-con h2{color: #fff;font-size: 24px;text-align: center;}
.ab-con p{color: #fff;margin: 10px 0}
.ab-con a{display: inline-block;padding: 5px 20px;margin-left: 50%;transform: translateX(-50%);color: #fff;border: 1px solid #fff;}
@media(max-width: 960px){
  .ab-con{width: 94%;float: none;background: rgba(0,104,183,0.7);padding: 20px 3%;}

}

/*新闻资讯*/
.news{width: 80%;margin:0 auto;}
.news li{width: 23%;margin-right: 2%;float: left;position: relative;border: 1px solid #0068b7;margin-bottom: 30px;}
.news li:nth-child(4n){margin-right: 0%;}
.news li a{display: block;}
.news-left{width: 80%;padding: 10px 0 10px 10px;float: left;}
.news-left h3{text-align: center;height: 2em;overflow: hidden;}
.news-left p{height:8em; overflow: hidden;padding-right: 10px;}
.news-right {width: 20%;background: #0068b7;position: absolute;right: 0;top: 0;bottom: 0;float: right;display: block;overflow: hidden;}
.news-right span{color: #fff;display: block;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@media (max-width: 1200px){
  .product li{width: 32%;}
  .product li:nth-child(4n){margin-right:2%;}
  .product li:nth-child(3n){margin-right:0%;}
  .news li{width: 31.5%;}
  .news li:nth-child(4n){margin-right:2%;}
  .news li:nth-child(3n){margin-right:0%;}
}
@media (max-width: 768px){
  .product li{width: 49%;}
  .product li:nth-child(4n){margin-right:2%;}
  .product li:nth-child(3n){margin-right:2%;}
  .product li:nth-child(2n){margin-right:0%;}
  .news li{width: 48.5%;}
  .news li:nth-child(4n){margin-right:2%;}
  .news li:nth-child(3n){margin-right:2%;}
  .news li:nth-child(2n){margin-right:0%;}
}
@media (max-width: 480px){
  .news,.product,.about,.title{width: 96%;margin-left: auto;margin-right: auto;}
  .product li{width: 100%;margin: 0 auto 20px;}
  .product li:nth-child(4n){margin-right:0%;}
  .product li:nth-child(3n){margin-right:0%;}
  .product li:nth-child(2n){margin-right:0%;}
  .news li{width: 100%;margin-right: 0}
  .news li:nth-child(4n){margin-right:0%;}
  .news li:nth-child(3n){margin-right:0%;}
  .news li:nth-child(2n){margin-right:0%;}
}
/*联系*/
.top4{width: 100%;padding: 20px 0;background: url(../images/lx.png)no-repeat center;background-size: cover;margin-top: 50px;}
.top4 h2{color: #fff;text-align: center;}
.top4 p{color: #fff;text-align: center;margin: 20px auto;}
.top4 p a{color: #fff;text-decoration: underline;font-size: 20px;}
/*service*/
.server{width: 80%;margin: 0 auto;}
.server li{width: 25%;float: left;padding: 10% 0;}
.server li:hover{background: #0067b8;transition:all 0.8s ease;}
.server li:hover a{opacity: 1;padding: 0 10px;transition:all 0.8s ease;}
.server li a{opacity: 0;display: block;}
.server li a h3{color: #fff;text-align: center;}
.server li a p{color: #fff;margin: 20px 0;height: 12em;overflow: hidden;}
.server li a span{color: #333;display:inline-block;padding:5px 10px;background: #fff;margin-left: 50%;transform: translateX(-50%);}
.server-con1{background: url(../images/server_1.png)no-repeat center;background-size: cover;}
.server-con2{background: url(../images/server_2.png)no-repeat center;background-size: cover;}
.server-con3{background: url(../images/server_3.png)no-repeat center;background-size: cover;}
.server-con4{background: url(../images/server_4.png)no-repeat center;background-size: cover;}
@media(max-width: 1200px){
  .server li{width: 50%;float: left;padding: 10% 0;}
}
@media(max-width: 480px){
  .server{width: 96%;margin:0 auto;}
  .server li{width: 100%;float: none;background:#0067b8;margin-bottom: 20px;}
  .server li:hover{background: #0067b8;transition:none;}
  .server li a{opacity: 1;padding: 0 10px;}
}
/*footer*/
.footer{width: 100%;padding: 10px 0;background: #0068b7;display: block;margin-top: 30px;}

.footer span{display: inline-block;padding: 10px 20px;}
.footer span a{text-align: center;color: #fff;}
.logo{width: 400px;margin: 0 auto;display: block;}
.footer-con{width: 80%;margin:0 auto;margin-bottom: 30px;}
.footer-con1{width: 60%;margin-top: 30px;float: left;}
.footer-con1 ul li{float: left;padding: 5px 10px;}
.footer-con1 ul li a{color: #fff;}
.footer-con2{margin: 0 auto;margin-top: 30px;float: right;}
.footer-left  {width:120px;margin-top: 30px;}
.footer-left img{width: 100%;margin-bottom: 10px;display: block;}
.footer-left p{color: #fff;text-align: center;}
.moddle p a{color: #fff;}
.footer >p{text-align: center;color: #fff;}
.footer >p a{text-align: center;color: #fff;}
@media(max-width: 768px){
  .footer-con1{display: none;}
  .footer-con2{float: none;margin: 0 auto;margin-left: 50%;transform: translateX(-50%);}
  
}


/*产品中心页面*/
.marginbot {
margin-bottom:15px;
}

ul.list li {
list-style-type:none;
margin-left:20px;
}

ul.tabs {
width:80%;margin: 0 auto;
overflow:hidden;
}

ul.tabs li {width: 16.4%;
list-style-type:none;
display:block;
float:left;
color:#fff;
padding:8px 0;
margin-right:2px;
border-bottom:2px solid #2f2f2f;
background-color:#0068b7b3;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
cursor:pointer;
text-align:center;
}
/*ul.tabs li:nth-child(4){
  margin-right: 2px;
}*/
ul.tabs li:hover {
background-color:#0067b8;
}

ul.tabs li.current {
border-bottom:2px solid #0067b8;
background-color:#0067b8;
padding:8px 0;
}

.tabscontent {
/*border-top:2px solid #ca2a05;
*/padding:8px 0 0 0;
display:none;
width:80%;
text-align:justify;
}
@media(max-width: 950px){ul.tabs li {width: 16.2%;}}
@media(max-width: 768px){

  ul.tabs li{width: 33%;margin-right: 0px}
  .nav-right ul li a{padding:0px 6px}
  .nav_img{height: auto;}
}
@media(max-width: 480px){
ul.tabs {width: 96%;margin:0 auto ;}
.tabscontent {width: 96%;margin:0 auto;
}
}
#tabsholder2{margin-top: 30px;}

/*面包屑导航*/
.smallnav{margin: 20px auto;width: 80%;text-align: right;}
@media(max-width: 480px){.smallnav{width: 96%;}
.title p{display: none}
.title hr{margin-top: 10px;}
}
/*分页*/
.page{text-align:center;margin:20px 0;margin-top: 50px}
.page a{color:#666;padding:5px 10px;border:solid 1px #0071b6;margin:0 5px;}
.page_disabled{padding:5px 10px;border:solid 1px #666;margin:0 5px;}
.page_current{background-color:#0068b7;color:#fff;padding:5px 10px;margin:0 5px;}
.dh{max-width: 1200px;background: url(../images/dh1.png) no-repeat left;margin: 0 auto}
.dh p{text-align:right;line-height: 50px;padding: 0 10px;}

/*产品终端页*/
/*s----------js动效-------------------show*/
 .show-con2 {
      width: 90%;
      height:auto !important;
      margin:50px auto 0;
    }
.swiper-slide {
  width: 100% !important;
  height: auto !important;
     position: relative;
      background-size: cover;
      background-position: center;
    }
    .swiper-slide img{width: 100%;}
    .small{width: 23.5% !important;margin-right: 2%!important}
    .gallery-thumbs .swiper-wrapper:nth-child(4n){margin-right: 0 !important;}
    .gallery-thumbs {
      height: auto;
      width: 90%;
      margin-top: 0;
      margin-bottom: 10px;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .swiper-slide .small{
      position: relative;
    }
    .gallery-thumbs a{
      display:block;
      color: #333;
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform:translateX(-50%);
    }
    .gallery-thumbs .small:hover a{
      color: #9b7413;
    }
    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 80%;
      opacity: 0.6;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

table{width: 100%;margin: 0 auto;margin-top: 20px;border: 1px solid #ddd;overflow-x:scroll;border-collapse: collapse;}
table td{border: 1px solid #ddd;padding: 4px;text-align: center;font-size: 14px;line-height: 2em;}
.product-con-left{width: 70%;float: right;}
.product-con-left h3{padding:5px 10px;border-bottom: 1px solid #ddd;border-left:10px solid #0067b8;margin: 20px auto; }
.product-con{width: 80%;margin:0 auto;}
.phone{display: block;background: #0067b8;padding: 5px 0;color: #fff;text-align: center;}
.product-con-right{width: 25%;float:left;margin-top: 20px;}
.product-con-right h3{background: #0067b8;padding: 5px 0;padding-left: 10px;color: #fff;border-bottom: 1px solid #ddd;}
.product-con-right >li{display: block;}
.product-con-right >li >a{display: block;padding: 10px;color: #fff;background: #0067b8;font-size: 16px ;border-bottom: 0.5px solid #fafafa;}
.product-con-right li ul li{border-bottom: 1px solid #ddd;float: left;}
.product-con-right li ul li a{display: inline-block;padding:0 20px;line-height: 3em;}
.product-con-left >img{width: 80%;display: block;margin: 0 auto 20px;}
@media(max-width: 768px){
  .product-con{width: 96%;overflow: hidden;}
  .product-con h3{width: 100%;margin:20px auto;padding: 0;}
  .product-con-left{width: 100%;}
  .product-con-right{display: none}
  .show-con2 {
      width: 100%;margin-top: 20px
  }
  .gallery-thumbs {width: 100%;}
.product-con-left >img{width:100%;display: block;margin: 0 auto 20px;}
}

/*解决方案*/
.solution{width: 80%;margin: 0 auto;}
.solution li{float: left;width: 49%;margin-right: 2%;margin-bottom: 20px;}
.solution li:nth-child(2n){margin-right: 0%;}
.solution li a{display: block;overflow: hidden;width: 100%;background: #d0d09e}
.solution li a img{width: 50%;float: left;}
.solution li a .solution-right{width: 46%;float: right;padding: 2%;}
.solution li a .solution-right h3{text-align: left;color: #fff;}
.solution li a .solution-right p{color: #fff;height: 6em;margin: 10px 0;overflow: hidden;}
.solution li a .solution-right span{color: #fff;display: block;text-align: right}
.solution li:hover a{background: #660}
@media(max-width: 768px){
 .solution{width: 96%;margin: 0 auto;}
 .solution li{float: none;width: 100%;margin-right: 0%;}
}
@media(max-width: 480px){
.solution li a .solution-right p{color: #fff;height:4em;margin: 10px 0;overflow: hidden;}

}
/*公司简介*/
.ab{width: 80%;margin:0 auto;}
.scene{width: 80%;margin: 30px auto;}
.scene-bot{width: 100%;}
.scene-bot li{width: 32%;margin-right: 2%;float: left;margin-bottom:30px;}
.scene-bot li a{display: block;}
.scene-bot li a img{width: 100%;}
.scene-bot li a h3{background: #0067b8;color: #fff;text-align: center;margin-top: 10px;}
.scene-bot li:nth-child(3n){margin-right: 0%;}
/*服务承诺*/
.service-con,.service-con1{width: 80%;margin: 0 auto;}
.service-con1 li{width: 100%;position: relative;display: block;}
.service-con1 li:nth-child(1){background: url(../images/11.jpg)no-repeat center;background-size: cover;}
.service-con1 li:nth-child(2){background: url(../images/22.jpg)no-repeat center;background-size: cover;}
.service-con1 li:nth-child(3){background: url(../images/33.jpg)no-repeat center;background-size: cover;}
.service-con1 li:nth-child(4){background: url(../images/44.jpg)no-repeat center;background-size: cover;}
.service-con1 li div{display:block;width: 42%;background: rgba(0,103,184,0.5);padding: 4%;float: left;}
.service-con1 li:nth-child(2n) div{width: 42%;float: right;}
.service-con1 li div h3{color: #fff;}
.service-con1 li div p{color: #fff;}
.service-con1 li:hover div{width: 92%;transition: all 0.8s ease;}
.content{width: 80%;margin: 0 auto}
.zhaopin tr td:nth-child(2){text-align: left;}
/*联系我们*/
#dituContent{width:100% !important;border:#ccc solid 1px;;height: 500px !important;margin: 0px auto 20px;}
.contact2{width: 80%;margin: 0 auto;}
.contact2 .form{width: 60%;float: left;}
form p{color: #444;line-height: 3em;}
form p span{color: #444;display: inline-block;width: 20%;text-align: right}
form p input{color: #444;line-height: 2em;width:77%;margin-top: 20px;background: none;border: 1px solid #dfdfdf;padding-left: 10px;}
form p textarea{color: #444;line-height: 2em;width:77%;margin-top: 20px;background: none;border: 1px solid #dfdfdf;padding-left: 10px;}
form p.last span{
display: block;float: left;
}
form p.last textarea{
display: block;float: left;
}
.input1,.input2{display: inline-block;color: #999;padding: 6px 32px;margin-top: 20px;margin-left: 20%;}
.input2{margin-left: 20px;}
::-webkit-input-placeholder,::-webkit-textarea-placeholder {
  color: #999;
}
:-moz-placeholder ,:-moz-placeholder{/* Firefox 18- */
  color: #999;
}
::-moz-placeholder{/* Firefox 19+ */
 color:#999;
}
:-ms-input-placeholder,:-ms-textarea-placeholder {
  color: #999;
}
.contact2 .lx{width: 36%;float: right;background: none;margin-top: 0px;padding-top: 0px;}
.contact2 .lx p span{display: block;text-align: left;}
.contact2 .lx p span a{color: #333;}
@media(max-width: 860px){
  .contact2 .form{width: 100%;float: none;}
  .contact2 .lx{width: 100%;float:none;background: none;margin-top: 30px;padding-top: 0px;}
  form p span{color: #444;display: inline-block;width: 100%;text-align: left}
  form p input{color: #444;line-height: 2em;width:100%;margin-top: 0px;background: none;border: 1px solid #dfdfdf;padding-left: 10px;margin-bottom: 10px}
  form p textarea{color: #444;line-height: 2em;width:100%;margin-top: 0px;background: none;border: 1px solid #dfdfdf;padding-left: 10px;}
  .input1{margin-left: 0}
}
@media(max-width: 768px){
.ab{width: 96%;margin:0 auto;}
.scene{width: 96%;margin: 30px auto;}
.scene-bot li{width: 100%;margin-right:0%;float: none;margin-bottom:30px;}
.contant{width: 96%;}
#dituContent{width:100% !important;border:#ccc solid 1px;;height: 400px !important;margin: 0px auto 20px;}

}
@media(max-width: 480px){

.service-con,.service-con1{width: 96%;margin: 0 auto;}
.service-con1 li{margin: 20px}
.service-con1 li:nth-child(1){background:none}
.service-con1 li:nth-child(2){background:none}
.service-con1 li:nth-child(3){background:none}
.service-con1 li:nth-child(4){background:none}
.service-con1 li div{display:block;width: 100%;background:none;padding: 0%;float:none;}
.service-con1 li:nth-child(2n) div{width: 100%;float: none;}
.service-con1 li div h3{color: #333;}
.service-con1 li div p{color: #444;}
.service-con1 li:hover div{width: 100%;transition: none}
#dituContent{width:100% !important;border:#ccc solid 1px;;height: 350px !important;margin: 0px auto 20px;}

}