@charset "utf-8";

/* 案例数体黑 */
@font-face {
  font-family: 'Shutihei';
  src: url('./fonts/AlimamaShuHeiTi-Bold') format('woff2'),
       url('./fonts/AlimamaShuHeiTi-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #666666; }

.logo{position: relative;z-index: 2;padding-top: 18px;}
.slide{margin-top: -130px;}
.logo img{width: 40%;} 

*{margin: 0;padding: 0;list-style: none;transition: all .5s;-webkit-transition: all .5s;box-sizing: border-box;font-family: Arial, Helvetica, sans-serif;}
body{cursor: default;color: #666666;font-size: 14px;}
a{color: #666666;text-decoration: none;}
a:hover{color: #666666;}
p{margin: 0;font-size: 16px;}
.min-height{min-height: 800px;background-color: rgba(0,0,0,.2);}
.swiper-slide .intro-content{margin-top: 60%;}
.swiper-slide .intro-content h2{font-size: 50px;font-weight: bold;color: #ffffff;}
.swiper-slide .intro-content p{color: #ffffff;}

/* 首页开始 */
.email{position: relative;z-index: 2;background-color: #fafafa;}
.email .blue{height: 70px;background-color: #002781;}
.email .text{background-color: #ffffff; width: 70%;padding: 30px;margin-top: -33%;}
.email .text p{margin-bottom: 15px;}

/* 选择我们 */
.choose-us{background-color: #fafafa;padding: 60px 0;}
.title {margin-bottom: 50px;}
.title h3{color:#001544;}
.choose-us .item{padding: 30px 50px 30px 30px;text-align: center;}
.choose-us .item .text {font-size: 16px;text-align: left;padding-top: 30px;line-height: 2;}
.br-left{border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.right-img{margin-top: -7%;}

.server{margin-top: -200px;margin-bottom: 100px;}
.server .c-t{}
.server .c-t .content{background-color: #ffffff; box-shadow: 0px 0px 10px #f6f6f6;border: 1px solid #e6e6e6;border-radius: 15px;padding: 30px 0;}
.server .c-t .content .text{font-size: 16px;font-weight: bold;color: #2c2c2c;padding: 20px 0;} 
.server .c-t .content .word p{color: #001960;padding-bottom: 10px;}
.server .c-t .content:hover{cursor: pointer;transform: translateY(-6px);}

.product{padding: 80px 0;background-image: url(../img/pro.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.product .list-item{background-color: #ffffff;border-radius: 5px;box-shadow: 0 0 10px #cbc5c5;padding: 20px 0;}
.product .list-item .img img{border-radius: 5px;padding:0 30px 0;margin-top: -10px;width: 500px;}
.product .p-title{background-color: #92c47d;padding: 20px 10px; width: 180px;height: 20%;color: #ffffff;}
.product .list-item:hover{transform: translateY(-6px);cursor: pointer;}
/* 首页结束 */

footer{background-image:url(../img/footer.jpg);background-size: cover;}
footer p{color: rgba(255,255,255, .8); font-size: 16px;margin-bottom: 5px;line-height: 2;}
footer a{color: rgba(255,255,255, .8);}
footer a:hover{font-weight: bold;color: #ffffff;}
footer .fbox{padding: 100px 0;}

.f-border{width: 33px;height: 3px;background-color: #ffffff;margin-bottom: 15px;margin-top: 30px;}

.copy{ text-align: center;padding: 10px 0;color: rgba(255,255,255, .5);font-size: 16px; border-top: 1px solid rgba(255,255,255, .5);}
.copy p{display: inline-block; margin: 0 5px; line-height: 45px;color: rgba(255,255,255, .5);font-size: 12px;}
.copy a{color: rgba(255,255,255, .5);font-size: 16px;margin: 0;display: inline-block;}

.m-copy,.m-foot{display: none;}


@media (max-width:1380px) {
  .swiper-slide .intro-content h2{font-size: 48px;}
}


@media (max-width:1024px) {
  footer{display: none;}
  .m-copy,.m-foot{display: block;}
  .m-copy{padding: 30px 0 80px;text-align: center;color: #999;}
  .m-foot{position: fixed;bottom: 0;z-index: 1050;width: 100%;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.2);padding: 6px 0;}
  .m-foot a{display: block;text-align: center;line-height: 1;font-size: 14px;}
  .m-foot a i{width: 100%;display: block;}
  .m-foot a i::before{font-size: 30px;}
  footer .copy{font-size: 9px;}
  footer .footnavi dl{margin: 0 15px;}
}

@media (max-width:768px) {
  .logo img{width: 60%;} 
  .swiper-slide .intro-content h2{font-size:30px ;}
  .min-height{min-height: 400px;}  
  .logo{padding-top: 20px;}
  .slide{margin-top: -70px;}
  .swiper-slide .intro-content{margin-top: 40%;}
}