@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:100%;}
a,a:visited{color: #111820;font-size: 16px;text-decoration: none;}
a:hover{color: #1c64d0;}
.white{color: #fff;}

body {
  background-color: #fff;
  color: #111820;
  font-family:Verdana,Helvetica,Arial;
  font-size: 16px;
  font-weight: 400;
  line-height:1.5;max-width: 1200px;
}
.red{font-size: 18px;}
.write{color: #ffffff;}

.header{position: fixed;height: 90px;background:rgba(255,255,255,0.9) ;z-index: 9999;width: 100%;top: 25px;max-width: 1200px;}
.logo{padding-top:20px;}
.logo img{display: block}
.header .menu {text-align: right;padding-right: 30px;}
.header .menu a{color: #153f84;line-height: 90px;display: block;font-size: 14px;}
.header .menu ul{}
.header .menu ul li{float:left;padding: 0 10px;position: relative;}
.header .menu ul li ul{display: none;position: absolute;margin-left: -70px;}
.header .menu ul li ul li{float:none;width: 220px;text-align: left;background:rgba(255,255,255,0.8) ;border-bottom: 1px solid #ffffff;}
.header .menu ul li ul li a{line-height:50px;}
.header .menu ul li ul li:hover{background:rgba(28,100,208,0.7) ;}
.header .menu ul li ul li:hover a{color:#ffffff;}
.header .menu ul li:hover ul{display: block;}

.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:50px;color: #e68232;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:#e68232;
  overflow: hidden;
  transition: background .3s;border-radius:50px;font-size: 20px;}
a.btn:hover {
 color:#fff;
 text-decoration:none;
 background:#1c64d0;
}

.prolist{width: 100%;padding:80px 0;}
.prolist h1{padding-left:6%;font-size: 30px;line-height: 36px;color: #1c64d0;padding-bottom:50px;}
.prolist ul li{width: 23.5%;text-align: center;font-size: 18px;float: left;padding-right: 2%;}
.prolist ul li:nth-child(4){padding-right: 0;}
.prolist ul li img{width: 100%;height: auto;display: block;margin-bottom: 15px;}

.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:80%
}
.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)
}

@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;
 }
}

.caselist{padding-top: 80px;}
.caselist h1{padding-left:1.5%;font-size: 30px;line-height: 36px;color: #1c64d0;padding-bottom:50px;}
.mtitle{height: 86px;}
.mtitle a{float:right;background: #e68232; width: 100px;text-align: center;padding: 5px 0;border-radius:30px;color: #fff;margin-right:1.5%}
.mtitle a:hover {
 color:#fff;
 text-decoration:none;
 background:#1c64d0;
}
.mtitle h1{float:left;}

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

.neirong{padding:50px 0 50px 0;line-height:2; min-height:500px;}
.neirong h1{font-size: 30px;line-height: 50px;padding-bottom: 30px;}
.nrshow{}
.nrshow img{max-width: 100%;height: auto;}
.nrshow ul{list-style:disc;}
.nrshow ul li::before {
  content: "•";
  margin-right: 10px;
  margin-top: 0.3em; /* 根据字体大小调整 */
  flex-shrink: 0;
  font-size: 1.2em;
  color: #333;
}
.download {width: 50%;float: left;}
.download img{width: 100px;height: auto;display: block;}
.download table td{padding:10px;}
.download a{background: url("../images/icon_down.png") no-repeat right 50%;height: 160px;line-height: 160px;display: block;}

ul.case li::before{content: none;}
ul.case{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;}
ul.case li{flex: 0 0 30%;border-radius: .6rem;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .2));
    overflow: hidden;
    padding-bottom: 30px;} 
ul.case li:hover{filter:drop-shadow(9px 25px 19px rgba(0,0,0,.1))}
ul.case .img-wrapper {
    padding-bottom: 70%;
    position: relative;
    width: 100%;
}
ul.case img {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;}
ul.case .wz{background-color: #fff;
    border-radius: .6rem;
    color: #333;
    padding: 20px;
    position: relative;
    transform: translateY(-2rem);
    z-index: 2;line-height: 1.8}
h1.caset{font-size: 24px;}


.w550{ width:550px; margin:0 auto;}
.footer{line-height: 50px;text-align: center;background: #000;color: #e7e7e7;font-size: 14px;}

/*@media only screen and (max-width:1280px) {    
    .header{height:70px;}
    .logo{padding-top: 10px;}
    .header .menu a{line-height:70px;padding: 0 10px;font-size: 14px;}    
    .banner p{top:40%;}
    a.btn{width: 180px;line-height: 50px;top:63%;}
    
}

@media only screen and (max-width:1200px) {
    .logo{padding-top:15px;}
    .logo img{height:40px;}
    .header .menu ul li {padding: 0 20px;}
    .banner h2{top: 30%;}
    .banner p{top:43%;}
    a.btn{top:65%;}
    
}*/

@media only screen and (max-width:1024px) {
    .logo{padding-top:15px;}
    .logo img{height:40px;}
    .header .menu ul li {padding: 0 20px;}
    .banner h2{top: 30%;}
    .banner p{top:43%;}
    a.btn{top:65%;}
    
}