* {
  padding: 0;
  margin: 0;
  font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
html {
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
img {
  border: none;
}
ul li{list-style:none;}
@font-face {
  font-family: "Futura-Medium";
  src: url("../fonts/Futura-Medium-6.ttf");
}
.layui-layer-shade{
  opacity: 0.6 !important;
}
#top {
  width: 100%;
  height: 400px;
  background: url('../images/classicCases/banner01.jpg') no-repeat;;
  background-size: 100% 100%;
  display: flex;
  color:white;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  cursor: pointer;
  text-align: center;
}
.title{
  width: 100%;
  height: 240px;
  /* background-color: #a5a801; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
}
.title_big{
  font-size: 40px;
  margin-bottom: 10px;
}
.title_small{
  font-size: 20px;
  color:#909090;
}

.classic_cases{
  width: 100%;
  height:auto;
  /* background-color: pink; */
  display: flex;
  justify-content: center;
}
.content_box{
  width: 90%;
  height: auto;
  /* background-color: grey; */
}
.content_box ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.content_box ul li{
  width: 47%;
  margin-bottom: 3%;
  /* background-color: goldenrod; */
}
.content_box ul li img{
  width: 100%;
}
.content_box ul li .bottom_title{
  width: 100%;
  height: 70px;
  /* background-color: rebeccapurple; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2%;
 
 
 
}
.content_box ul li .bottom_title .left{
  width: 75%;
  height: 80%;
  /* background-color: aqua; */
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  cursor: pointer;
  
}
.content_box ul li .bottom_title .left .title_english{
  color: #c1c1c1;
  font-size: 16px;
  font-family: Futura-Medium;
  letter-spacing: 0.2rem;
}
.content_box ul li .bottom_title .left .title_chinese{
  color: #0a0a0a;
  font-weight: 700;
  font-size: 24px;
}
    
 
  
.content_box ul li .bottom_title .right{
  width: 20%;
  height: 100%;
  /* background-color: wheat; */
  display: flex;
  justify-content: end;
  align-items: center;
}
.content_box ul li .bottom_title .right .button{
  width: 97%;
  height: 70%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#6c8ec9;
  border:1px solid #6c8ec9;
  font-size: 16px;
  cursor: pointer;
}
/* 校园详情 */
.campus{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.campus_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.campus_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:4%
}
.campus_content{
  width:100%;text-align:left;color:#333333;font-size:14px;margin-bottom:4%;line-height: 180%;
}
.campus ul{
  width:50%;display:flex;flex-wrap: wrap;margin-top: 8%;
}
.campus ul li{
  width:25%;display:flex;flex-direction: column;align-items: center;justify-content: space-between;margin-bottom:10%
}
.campus ul li p{
  font-size:14px;margin-top:10%
}
/* DHL */
.DHL{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.DHL_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.DHL_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:10%
}
.DHL ul{
  width:85%;display:flex;flex-wrap: wrap;margin-top: 8%;
}
.DHL ul li{
  width:100%;display:flex;align-items: center;margin-bottom: 4%;font-size: 14px;
}
/* 银行 */
.bank{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.bank_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.bank_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:4%
}
.bank_content{
  width:100%;text-align:left;color:#333333;font-size:14px;margin-bottom:4%;line-height: 180%;
}
/* 鞍钢 */
.angangSteel{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.angangSteel_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.angangSteel_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:4%
}
.angangSteel_content{
  width:100%;text-align:center;color:#333333;font-size:14px;margin-bottom:4%;line-height: 180%;
}
.angangSteel_content .mark1{
  color:#3c68b7;
  text-align: center;
}
/* 供电 */
.powersupply{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.powersupply_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.powersupply_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:8%
}
.powersupply_content{
  width:100%;text-align:center;color:#333333;font-size:14px;margin-bottom:4%;line-height: 180%;
}
/* 商铺 */
.shops{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.shops_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.shops_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:8%
}
.shops_content{
  width:100%;text-align:center;color:#333333;font-size:14px;margin-bottom:4%;line-height: 180%;
}
/* 矿业 */
.miningindustry{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.miningindustry_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.miningindustry_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:8%
}
.miningindustry_content{
  width:100%;text-align:center;color:#333333;font-size:14px;margin-bottom:4%;line-height: 180%;
}
/* 矿业 */
.b2b2c{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.b2b2c_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.b2b2c_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:8%
}
.b2b2c_content{
  width:100%;text-align:center;color:#333333;font-size:14px;margin-bottom:4%;line-height: 180%;
}
/* 鞍矿 */
.anshanMine{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.anshanMine_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.anshanMine_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:6%
}
.anshanMine_content{
  width:100%;text-align:center;color:#333333;font-size:14px;margin-bottom:3%;line-height: 180%;
}
/* 无人超市 */
.unmannedsupermarket{
  padding: 6% 10%;display:flex;justify-content:center; flex-wrap: wrap;padding-bottom: 0;cursor: pointer;
}
.unmannedsupermarket_china{
  width:100%;text-align:center;color:#3c68b7;font-size:28px;font-weight:700; letter-spacing: 0.2rem;margin-bottom:1%
}
.unmannedsupermarket_english{
  width:100%;text-align:center;color:#3c68b7;font-size:14px;margin-bottom:6%
}
.unmannedsupermarket_content{
  width:100%;text-align:center;color:#333333;font-size:14px;margin-bottom:7%;line-height: 180%;
}

.layui-layer-setwin .layui-layer-close2{
  width: 30px;
  height: 30px;
  padding:3px;
}

.footer{
  width: 100%;
  height: 60px;
  background-color: #24385a;
  color: #a5adbb;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}


@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .content_box ul li .bottom_title .left .title_english{
    font-size:12px;
  }
  .DHL ul li{
    font-size: 12px;
  }
  .campus ul{
    width: 69%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .content_box ul li .bottom_title .left .title_english{
    font-size:12px;
  }
  .content_box ul li .bottom_title .left .title_chinese{
    font-size: 22px;
  }
  .DHL ul li{
    font-size: 12px;
  }
  .campus ul{
    width: 73%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 992px) {
  .content_box ul li .bottom_title .left .title_english{
    font-size:12px;
  }
  .content_box ul li .bottom_title .left .title_chinese{
    font-size: 15px;
  }
  .content_box ul li .bottom_title .left{
    height: 76%;
  }
  .content_box ul li .bottom_title .right{
    width: 33%;
  }
  .DHL ul li{
    font-size: 12px;
  }
  .campus ul{
    width: 100%;
  }
}
@media only screen and (min-width: 375px) and (max-width: 750px) {
  #top{
    font-size: 28px;
  }
  .DHL ul li{
    font-size: 12px;
  }
  .content_box ul li{
    width: 100%;
  }
  .content_box ul li .bottom_title .left .title_english{
    font-size:12px;
  }
  .content_box ul li .bottom_title .left .title_chinese{
    font-size: 15px;
  }
  .content_box ul li .bottom_title .left{
    height: 76%;
  }
  .content_box ul li .bottom_title .right{
    width: 33%;
  }
  .footer{
   font-size: 12px; 
  }
  .campus ul{
    width: 100%;
  }
  .campus ul li{
    width: 50%;
  }
  .layui-layer-page{
    width: 80% !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
  #top{
    font-size: 28px;
  }
  .layui-layer-page{
    width: 80% !important;
  }
  .campus ul{
    width: 100%;
  }
  .campus ul li{
    width: 50%;
  }
  .campus ul li p{
    font-size: 12px;
  }
  .content_box ul li{
    width: 100%;
  }
  .content_box ul li .bottom_title .left .title_english{
    font-size:12px;
  }
  .content_box ul li .bottom_title .left .title_chinese{
    font-size: 15px;
  }
  .content_box ul li .bottom_title .left{
    height: 76%;
  }
  .content_box ul li .bottom_title .right{
    width: 33%;
  }
  .footer{
   font-size: 12px; 
  }
}