@charset "utf-8";

* {
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    font-family: 微软雅黑, "Microsoft YaHei", Arial, "Microsoft yahei UI";
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    min-width: 1200px;
    background: #fff;
    color: #222;
    font-weight: 400;
}
ul,li {
    display: block;
    padding:0;
    margin:0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover{
    color: #fff;
}
a:active, a:hover ,a:visited, a:link{
    outline: 0;
    text-decoration: none;
    color: transparent;
}
img{
    max-width: 100%;
    display: block;margin:0;
}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}

/*公共*/
.cont{width: 1200px;margin:0 auto;padding:0;}
.l{float: left;}
.r{float: right;}
.flex{display: flex;align-items: center;justify-content: space-between;}
.pad50{padding:50px 0;}
.phone{display: none;}

/*header*/

.fixed .header{background: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,.1);}
.fixed .header .nav,.fixed .header .nav a{color: #222;}
.header {height: 90px;position: fixed;z-index: 9999;padding:0 50px;z-index: 999;width: 100%;}
.header .logo{width: 35%;}
.header .logo img{height: 70px;margin:10px 0;display: block;}
.header .nav{flex: 1;margin-left: 8%;}
.header .nav li{flex: 1; position: relative;text-align: center;height: 45px;line-height: 45px;}
.header .nav li a{height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;}
.header .lan{width: 10%;justify-content: flex-end;}
.header .lan a{width: 33.3333%;display: flex;align-items: center;}
.header .lan img{height: 20px;}
.header .nav li i.icon{display: inline-block;margin-left: 5px;width: 18px;height: 18px;background: url(../image/down1.png) no-repeat center;background-size: cover;}

.menu-content{
    position: absolute;
    left: 50%;
    top: 40px;
    box-shadow: 0 .1875rem .9375rem 0 rgba(0,0,0,.08);
    display: none;
    z-index: 9999;
    background: #fff;
    min-width: 180px;
    margin-left: -90px;
}
.header .nav li:hover .menu-content{display: block;}
.header .nav li:hover i.icon{background: url(../image/up1.png) no-repeat center;background-size: cover;}
.header .nav li .menu-content a{display: block;color: #222;}
.header .nav li a:hover{color: #076ce0;}

.fixed .header .nav li i.icon{background: url(../image/down.png) no-repeat center;background-size: cover;}
.fixed .header .nav li:hover i.icon{background: url(../image/up.png) no-repeat center;background-size: cover;}


/*banner*/
.banner{height: 100vh;}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}
.banner .swiper-container .swiper-slide{
    display: flex;align-items: center;justify-content: center;
}
.banner .swiper-slide .img{width: 100%;min-height: 100%;}


.title{font-size: 42px;text-align: center;font-weight: 400;}
/*业务范围*/
.yewu {padding:50px 0;}
.yewu .cont{flex-wrap: wrap;padding:30px 0;}
.yewu .yw_li{width: 33.3333%;text-align: center;padding-bottom:20px;}
.yewu .yw_li img{display: block;width: 300px;margin:20px auto;transition: all 0.6s;-ms-transition: all 0.8s;cursor: pointer;}
.yewu .yw_li div{padding:10px 0;}
.yewu .yw_li img:hover{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}

/*关于我们*/
.about{background: url(../image/banner2.jpg) no-repeat center;background-size: cover;padding:50px 0;}
.about .info{line-height: 2;padding:50px 50px 0;}
.about .info p{text-indent: 40px;}

.aul{padding:50px;}
.aul .ali{border:solid 2px #076ce0;border-radius: 50%;width: 200px;height: 200px;text-align: center;padding-top: 50px;}
.aul .amax{color: #076ce0;font-size: 48px;font-weight: 600;width: 100%;margin-bottom: 15px;}
.aul .amax span{font-size: 16px;}
.aul .amin{padding:0 30px;line-height: 1.5;}

.about .more {text-align: center;padding:30px 0 50px;}
.about .more a{color: #222;border:solid 1px #222;padding:10px 30px;}

/*资质证书*/
.zzss{background: url(../image/banner3.jpg) no-repeat center;background-size: cover;padding:50px 0;}
.zzss .title{color: #fff;}
.zzss .cont{background: #fff;margin:50px auto;}
.zzss .swiper-container{padding:20px 30px;}
.zzss .cont .swiper-slide{border:solid 1px #fff;}
.zzss .cont .swiper-slide:hover{border:solid 1px #aaa;}
.zzss .cont .swiper-slide img{width: 95%;margin:0 auto;}

/*footer*/
.footer{
    background: #272328;
    padding: 30px 0;
    color: rgba(255,255,255,.5);
    text-align: center;
}
.footer a{color: #fff;}
.footer .cont div{padding:10px 0;}

.menu,.zbg{display: none;}


.zbanner{background: url(../image/zbanner.png) no-repeat center;background-size: cover;height: 280px;}

.zmain{padding:50px 0;align-items: flex-start;min-height: 550px;}
.zleft{width: 280px;border: #eee solid 1px;line-height: 50px;border-top: solid 2px #076ce0;padding:0 15px;}
.zleft h3{}
.zleft a{display: block;color: #222;padding-left:10px;}
/* border-top: dashed 1px #eee; */
.zleft a:hover{color:#076ce0;}
.zleft a.act{color:#fff;background: #076ce0;}

.zright{flex: 1;margin-left: 50px;line-height: 2;}
.zright .tit{line-height: 50px;border-bottom: solid 1px #eee;margin-bottom: 20px;}
.zright .tit span{border-left: solid 3px #076ce0;padding-left: 20px;}
/* .zright .info p{text-indent: 40px;} */
.zright .info p{text-indent: 0;}

.qlist {align-items: flex-start;flex-wrap: wrap;}
.qlist .qli{width: 48%;border:solid 1px #eee;padding:30px;min-height:160px;margin-bottom:20px;}
.qlist .qli h4{margin-bottom: 5px;}
.qlist .qli span{border-left: solid 3px #076ce0;padding-left: 10px;}

.zlist{flex-wrap: wrap;justify-content: flex-start;}

.zlist .zli{width: 33.3333%;padding:10px;}
.zlist .zli .nr{box-shadow: 0 0 15px 0 rgba(0,0,0,.1);text-align: center;border-radius: 6px;}
.zlist .zli img{width: 80%;display: block;margin:0 auto;}
.zlist .zli h4{padding-bottom: 15px;}

.info{border: solid 1px #eee;padding:30px;}

/*适配*/
@media (max-width: 1440px){

}
@media (max-width: 900px){
  body{padding-top: 50px;min-width: 100%;font-size: 14px;line-height: 1.5;width: 100%;max-width: 100%;overflow-x: hidden;}
  .cont{width: 100%;padding:0 15px;overflow: hidden;}

  .header .nav{display: none;}
  .menu{display: flex;width: 30px;height: 30px;background: url(../image/menu.png) no-repeat center;background-size: cover;}
  .menu.close{background: url(../image/close.png) no-repeat center;background-size: cover;}

  .title{font-size: 20px;padding:0;}
  .header{position: fixed;top: 0;left: 0;background: #fff;width: 100%;z-index: 9999;height: 50px;padding:0;}
  .header .logo{flex: 1;}
  .header .logo img{height: 40px;margin:5px 0;}

  .zbg{position: fixed;top: 0;left: 0;background: rgba(0,0,0,.3);width: 100%;height: 100%;z-index: 999;}
  .header .nav{position: fixed;top:50px;background: #fff;left: 0;width: 100%;margin-left: 0;border-top: solid 1px #eee;z-index: 999;}
  .header .nav.show{display: block;}
  .header .nav li{line-height: 45px;text-align: center;height: auto;}
  .header .nav .menu-content{position: static;box-shadow:10px 10px 5px #fff;background: #f5f5f5;width: 100%;margin:0;}

  .header .nav li a{color: #222;}
  .header .nav li i.icon{background: url(../image/down.png) no-repeat center;
    background-size: cover;}
  .header .nav li:hover i.icon{background: url(../image/up.png) no-repeat center;
    background-size: cover;}
  .column{display:block;  }


  .banner{height: 220px;width: 100%;overflow: hidden;}
  .banner .swiper-pagination{bottom: 15px;}

  .yewu,.about{padding:20px 0;}
  .yewu .cont,.about .info,.aul{padding:0;}
  .about .info{padding-top: 15px;}
  .yewu .yw_li{width: 50%;padding-bottom: 0;}
  .yewu .yw_li img{width: 80%;margin:10px auto 0;}

  .aul{flex-wrap: wrap;}
  .aul .ali{width: 160px;height: 160px;margin:10px 0;padding-top: 30px;}
  .aul .amax{font-size: 36px;}
  .aul .amin{padding:0 15PX;}

  .zzss{padding:20px;}
  .zzss .cont{margin:20px 0;}

  .footer{padding:20px 0;}
  .footer .cont span{display: none;}


  .zmain{min-height: 450px;}
  .zbanner{height: 220px;}
  .zleft{display: none;}
  .zright{margin-left: 0;padding-bottom: 30px;}

  .zlist .zli{width: 50%;}
  .qlist{flex-wrap: wrap;}
  .qlist .qli{width: 100%;margin-bottom: 15px;min-height: 120px;}
}