@charset "utf-8";
/* CSS Document */

*{margin:0 auto;padding: 0;border: 0;}
ul,li{list-style: none;}
.clear{clear: both;}
.fl{float: left}
.fr{float: right}
img{border: 0;}
.container{width:80%;}
a,a:visited{color: #111820;font-size: 16px;text-decoration: none;}
a:hover{color: #1c64d0;}

body {
  background-color: #fff;
  color: #555555;
  font-family:Verdana,Helvetica,Arial;
  font-size: 16px;
  font-weight: 400;
  line-height:2;
}

.header{position: fixed;height: 100px;background:#fff;z-index: 9999;width: 100%;top: 0;}
.logo img{display: block}
.logowz{line-height:100px;font-size:30px;font-weight:bold;text-shadow: 1px 2px 2px rgba(0,0,0,0.2);}
.header .menu {text-align: right}
.header .menu a{color: #555;line-height: 100px;padding: 0 15px;}
.header .menu a.active{color: #044ba0;}

.banner{width: 100%;text-align: center;position: relative;}
.banner img{width: 100%;height: auto;display: block}
.banner h2{position: absolute;z-index: 2;top: 25%;left: 6%; font-size:60px;color: red;font-weight: 600;text-shadow: 5px 5px 5px #000;}
.banner p{position: absolute;z-index: 2;top:35%;left:6%; color: #fff;font-size:20px;line-height:1.8;width:660px;text-align: left;font-weight: 400;text-shadow: .2rem 0rem .5rem black,-.2rem 0rem .5rem black,0rem .2rem .5rem black,0rem -.2rem .5rem black;}

a.btn{width: 230px;position: absolute;left:6%;top:52%;z-index: 2;
  display: block;
  line-height:65px;
  color: #fff;
  background:red;
  overflow: hidden;
  transition: background .3s;border-radius:50px;font-size: 20px;}
a.btn:hover {
 color:#fff;
 text-decoration:none;
 background:#1c64d0;
}


.prolist{padding-top:100px;}
.prol{width: 50%;}

.prolist h1{font-size: 36px;line-height: 36px;color: #044ba0;padding-bottom:50px;text-align: center;}
.prol{text-align: center;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);}
.prol .swiper-slide img{width: 100%;height: auto;display: block;}
.prol .swiper-pagination{bottom:5%;}
.pror{width:44%;color: #fff;padding-top:120px;font-size: 24px;}
.pror p{text-indent: 2em;color: #fff;}
.more {text-align:right;line-height: 40px;margin-top: 30px;margin-right: 50px;}
.more a{color: #fff; text-decoration: underline;}

.products{
  background-color: #111820;
  color: #fff;
}

.products .items {
  padding-bottom: 30px;width: 100%;
}
.products .items a {
 height:100%;
 width:100%
}
.products .items img {
 bottom:0;
 position:absolute;
 right:30px;
 width:50%
}
.products .items .inner-wrapper {
 height:380px;
 padding-bottom:60px;
}
.products ul {
 list-style:none;
 width:100%
}
.products li {
 position:relative;width: 100%;
}
.products li a {
 background:#111820;
 background:linear-gradient(45deg,#151c24 40%,#4d5257);
 border-radius:6px;
 color:#fff;
 height:100%;
 left:0;
 overflow:hidden;
 padding:0;
 position:absolute;
 top:0;
 width:100%
}
.products li div {
 padding:20px;
}
.products h5 {
 font-size:32px;
 font-weight:500;
 letter-spacing:.3px;
 line-height:60px;
 margin-bottom:15px;
}

.products img {
 transition:transform .4s cubic-bezier(.01,.78,.22,1)
}

.about{padding: 100px 0;}
.aboutl,.aboutr{width: 46%;}
.aboutl p{text-indent: 2em;}
.aboutl h2{font-size: 36px;color: #ce0014;margin-bottom: 15px;}
.aboutr img{width: 100%;height: auto;}

.zhengshu{padding-bottom: 100px;}
.zhengshu h1{text-align: center;font-size: 36px;margin-bottom: 30px;color:#044ba0; }
.zs .swiper-slide img {
      display: block;
      width: 100%;
      height:auto;
      object-fit: cover;
    }
.zs .swiper-pagination-bullet{width: 15px;height: 15px;}


@media(min-width:1000px) {

.products .items {
  padding:50px 0 30px 0;
 }
 .products .items .inner-wrapper {
  height:auto;
  padding:0 30px;
 }
 .products ul {
  grid-gap:20px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
 }

 .products li a div {
  padding:0
 }
 .products li a:focus,
 .products li a:hover {
  box-shadow:0 8px 6px 0 rgba(17,24,32,.5);
  -webkit-box-shadow:0 8px 6px 0 rgba(17,24,32,.5);
  -moz-box-shadow:0 8px 6px 0 rgba(17,24,32,.5)
 }
 .products li a:focus img,
 .products li a:hover img {
  transform:scale(1.1)
 }
 .products li:before {
  content:"";
  display:block;
  padding-bottom:90%
 }
 .products li:first-child {
  grid-row-end:3;
  grid-row-start:1
 }
 .products li:first-child a:focus img,
 .products li:first-child a:hover img {
  transform:translateX(50%) scale(1.1)
 }
 .products li:first-child h5 {
  font-size:24px;
  line-height:30px;
 }

 .products li:first-child img {
  height:75%;
  right:50%;
  transform:translateX(50%) scale(1);
  width:auto
 }
 .products h5 {
  font-size:20px;
  line-height:20px;margin-top: 15px;margin-left: 15px;
 }

}
@media(min-width:1440px) {
 .products .outer {
  padding-top:60px
 }

 .products li:first-child h5 {
  font-size:32px;
  line-height:70px;
 }

 .products h5 {
  font-size:22px;
  line-height:70px;margin-left: 10px;
 }
   
}

.nybanner{width: 100%;text-align: center}
.nybanner img{width: 100%;height: auto;display: block}

.neirong{padding:80px 0 80px 0;line-height:2; min-height:500px;}
.neirong p{text-indent: 2em;}
.neirong h1{font-size: 36px;margin-bottom:30px; color: #044ba0;text-align: center;}
.zslist{width: 100%;}
.zslist li{width: 29.3%;float:left;padding:0 2% 40px 2%;}
.zslist li img{width: 100%;height: auto;display: block;}
.contact{width:30%;text-align: left;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);background:#f4f3f8;padding: 50px 5%;}
.contactl{width:40%;margin:0 5%;}
.contactl img{width: 100%;height: auto;}
.proimg{text-align: center}
.proimg img{width: 500px;height: auto;}
.neirong table{width: 50%;margin: 0;margin-bottom: 30px;border-collapse: collapse;}
.neirong table td{padding: 3px 5px;border:1px solid #ccc;text-align: center;}
.neirong table tr:first-child{background: #dfdfdf;}

.w550{ width:550px; margin:0 auto;}
.footer{line-height: 50px;text-align: center;background:#044ba0;color: #ffffff;font-size: 14px;}
.footer ul{padding: 50px 0;}
.footer ul li{float:left;width: 30%;text-align: left;line-height:2;}
.footer ul li:nth-child(1),.footer ul li:nth-child(2){width:20%;}
.footer ul li a{}
.footer ul li strong{font-size: 20px;padding-bottom: 30px;display: block;}

.footer a{color: #fff;font-size: 16px;}
.copy{border-top: 1px solid #0061d5;}

@media only screen and (max-width:1280px) {    
    .header{height:80px;}
    .logo img{height: 80px;}
    .logowz{font-size: 24px;line-height: 80px;}
    .header .menu a{line-height:80px;padding: 0 10px;font-size: 14px;}    
    .banner p{top:40%;}
    a.btn{width: 180px;line-height: 50px;top:63%;}
     .pror{padding-top: 80px;}
    .addabout img{width:500px;height: auto;}
}

@media only screen and (max-width:1200px) {
    .container{width: 100%;}
     .logowz{font-size: 20px;}
    .neirong{padding: 50px 1%;}
    .proimg img{width: 350px;}
    .neirong table{width: 100%;}
    .neirong table td{padding: 2px;}
    .footer ul li:nth-child(1), .footer ul li:nth-child(2){text-align: center;}
     .pror{padding-top: 50px;}
    .aboutl, .aboutr{width: 49%;}
    
}
@media only screen and (max-width:768px) {
    .container{width: 98%;}
    .fl,.fr{float: none;}
    .header{height:160px;top:0}
    .logo{padding-top: 5px;}
    .logo img{height: 60px;}
    .logowz{font-size: 20px;line-height: 20px;padding: 5px 0;text-align: center;width: 100%;}
    .header .menu{text-align: center;}
    .header .menu a{line-height: 70px;}
    a.btn{top:65%;}
    .footer span{display: none;}
    .banner,.nybanner{padding-top: 160px;}
    .prolist {padding-top:50px;}
    .prolist h1,.zhengshu h1{font-size:30px;}
    .prol,.pror,.aboutl,.aboutr{width: 100%;}
    .pror{padding-top: 20px;}
    .about{padding: 50px 0;}
    .aboutl h2{font-size: 20px;text-align: center;}
    .neirong h1{font-size: 30px;}
    .contact{width:85%;background: none;padding:20px 5%;}
    .neirong table td{padding: 2px;font-size: 14px;}
    .zslist li {
    width: 46%;
    float: left;
    padding: 0 2% 40px 2%;
    }
    .pror{font-size: 18px;padding-left: 5%;}
    .more{padding-bottom: 30px;}

    .footer ul{padding: 50px 0;}
    .footer ul li{float:left;width:100%;text-align: left;line-height:2;}
    .footer ul li:nth-child(1),.footer ul li:nth-child(2){text-align: center;width: 100%;}
    .footer ul li:nth-child(1),.footer ul li:nth-child(3){display: none;}
    .footer ul li a{}
    .footer ul li strong{font-size: 20px;padding-bottom:20px;display: block;text-align: center;}
    .footer ul li:nth-child(4) p{padding-left:10%;}

    .addabout img{width: 100%;height: auto;}
    .contactl {
    width: 100%;
    margin: 0;
}
    
}