@CHARSET "UTF-8";
body{background: #f8f8f8;}
/** 导航 */
.banner{height: auto !important;width: 100%; margin-top: 80px;position: relative;}
.banner-bg-img {width: 100%;height: 100%;}
.banner-bg-img img{
  width: 100%;
  height: 100%; }
.banner-content{position: absolute;top: 0;color: #fff; width: 100%;}
.banner-con{padding: 15% 0 0 45%;}
.banner-con-1{font-size: 38px;letter-spacing: 5px;}
.banner-con ul{font-size: 26px;line-height: 2;padding:3% 0 0 3%;color: #e0e0e0;}
.banner-des .banner-con ul li{list-style: disc;}
.banner-gif img{width: 60%;margin-left: 10%;}
.banner-icon{text-align: center;padding: 0 20%;padding-top: 30%;top: 0;width: 100%;position: absolute;color: #e0e0e0;}
.banner-icon .icon{display: inline-block;}
.banner-icon .desc-1{color: #ff8f04;}
.banner-icon .icon img{}
.banner-icon .icon img:hover{cursor: pointer;}

/*投放模式*/
.model-contain{padding: 4% 0;background-color: #fff;}
.model-contain .model-src{text-align: center;padding-bottom: 2%;}
.model-contain .model-src .model-title{font-size: 24px;font-weight: bold;}
.model-contain .model-src p{line-height: 4;}
.model-contain .model-imgs{position: relative;}
.model-contain .model-div-img img{width: 100%;}
.model-contain .model-imgs .model-div-img{position: absolute;top: 0;width: 30%;height: 30%;top: calc(60%/2);left: calc(70%/2);}
.model-contain .model-imgs .model-div-desc{position: absolute;top: 0;text-align: center;width: 100%;height: 100%;padding-top: 40%;color: #fff;}
.model-contain .model-div-desc:hover{cursor: pointer;}
.model-contain .model-div-fangda{cursor: pointer;overflow: hidden;position: relative;width: 100%;}
.model-contain .model-div-fangda img{width: 100%;top: 0;position: relative;left: 0;}


/*产品尺寸*/
.guizi-contain{padding: 4% 0;}
.guizi-contain .guizi-desc{background: #fff; text-align: center;padding: 2% 0;box-shadow: 0px 8px 10px #eaeaea;}
.guizi-contain .guizi-desc .guizi-desc-title{font-size: 24px;font-weight: bold;}
.guizi-contain .guizi-desc .guizi-desc-title2{padding: 1% 0;}
.guizi-contain .guizi-desc .guizi-desc-title3{font-weight: bold;}
.guizi-contain .guizi-desc .guizi-img{padding: 2% 10%;width: 100%;}
.guizi-contain .guizi-desc .guizi-img img{width: 100%;}
.guizi-contain .guizi-table{padding: 1% 0;}
.guizi-contain .guizi-table th{padding-left: 3%;}
.guizi-contain .guizi-table th span{padding-left: 2%;}
.guizi-contain .guizi-table tbody td{padding-left: 3%;}
/*.guizi-contain .guizi-table tbody td span:nth-of-type(2){float: right;}*/
.guizi-contain .guizi-table tbody td p{display: inline-block}
.guizi-contain .guizi-table tbody td span{float: right;}

/*应急处理*/
.urgent-contain{background: #fff; }
.urgent-contain .urgent-title{text-align: center;padding: 5% 0;}
.urgent-contain .urgent-title .urgent-title1{font-size: 24px;font-weight: bold;}
.urgent-contain .urgent-title .urgent-title2{padding-top: 1%;}
.urgent-contain .urgent-imgs{position: relative;color: #fff;    margin: 0px;}
.urgent-contain .urgent-imgs .urgent-imgs-desc{width: 100%;min-height:40px;background: #7f7d7d;display: flex;justify-content: center;align-items: center;opacity: 0.8;position: absolute;bottom: 0px;}
.urgent-contain .urgent-imgs .urgent-img{cursor: pointer;overflow: hidden;position: relative;width: 100%;}
.urgent-contain .urgent-imgs .urgent-img img{width: 100%;transition: all 1s ease 0s;}
.urgent-contain .urgent-imgs .urgent-img img:hover{transform: scale(1.5);}
.urgent-contain .urgent-img .opacity{    position: absolute;top: 0px;height: 100%;width: 100%;}
.urgent-contain .urgent-img .title{
  width: 100%;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0px;
  color: #ffffff;
}


/*老铁服务内容*/
.urgent-server{background-image: url('../img/laotie_2_server_bg.png');
  background-position: center center;background-size: cover;background-repeat: no-repeat;margin: 5% 0 0.1% 0;;
  color: #fff;text-align: center;}
.urgent-server .server-title{padding-top: 5%;}
.urgent-server .server-logos{margin: 0px!important;}
.urgent-server .server-title .server-title-1{font-size: 32px;}
.urgent-server .server-title .server-title-2{font-size: 22px;padding: 20px 0 50px 0;}
.urgent-server .server-com{padding-top: 40px;}
.urgent-server .server-logos{padding: 0 15% 5% 15%;}
.urgent-server .server-logos img{padding-top: 5%;}
.urgent-server .server-logos .server-img{width: 100%;height: 165px;}
/*.urgent-server .server-logos .server-img img:hover{cursor: pointer;padding-top: 0px;}*/
.urgent-server .server-logos .server-img p{padding-top: 15px;}
/*.urgent-server .server-logos .server-img img{width: 100%;}*/


@media screen and (max-width: 1680px){
  .banner-con-1{font-size: 30px;}
  .banner-con ul{font-size: 20px;}
  .banner-icon .icon img{width: 30%;}
}
@media screen and (max-width: 1250px){
  .banner-gif img{width: 50%;margin-left: 15%;margin-top: 3%;}
  .banner-con-1{font-size: 24px;}
  .banner-con ul{font-size: 14px;}
  /*.banner-icon .icon img{width: 30%;}*/
}
@media screen and (max-width: 992px){
  .banner-con{padding: 15% 0 0 40%;}
  .banner-con-1{font-size: 20px;}
  .banner-con ul{font-size: 12px;}

}
@media screen and (min-width: 992px){
  .urgent-contain .layui-col-sm3{width:20%;}
}
@media screen and (max-width: 768px){
  .banner-icon .icon img{width: 50%;}
  .banner-con{padding: 7% 0 0 12%;}
  .banner-con-1{font-size: 15px;}
  /*.banner-con ul{font-size: 12px;padding: unset;line-height:1.5;}*/
  .banner-icon .banner-icon-desc{display: none;}
  .urgent-server .server-logos{padding:0 0 5% 0;}
  .urgent-server .server-img img{width: 80px;}
  .model-contain .model-src .model-title,
  .guizi-contain .guizi-desc .guizi-desc-title,
  .urgent-contain .urgent-title .urgent-title1,
  .urgent-server .server-title .server-title-1
  {font-size: 24px;}
  .urgent-server .server-title .server-title-2{font-size: 18px;}
  .model-contain .model-src p{line-height: 2;}
  .urgent-server .server-logos .server-img{height: 112px;}
}
@media screen and (max-width: 630px){
  .banner-con ul{line-height:normal;}
  .banner-con{    padding: 7% 0 0 9%;}
}
@media screen and (max-width: 480px){
  .banner-con{padding:29% 0 0 10%}
  .banner-con-1{font-size: 14px;letter-spacing: normal;}
  .banner-con ul{font-size: 10px;line-height:normal;}
  .banner-con ul{display: none;}
  .model-contain .model-imgs .model-div-img{top: calc(45%/2);}
  .model-contain .model-imgs .model-div-desc{    padding-top: 45%;}
  .guizi-contain .guizi-table tbody td .guizi-p-left{float: left;}
}

@media screen and (max-width: 320px){
  .guizi-contain .guizi-table tbody td span{float: left;}
}