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

.minetopbox{ height:20%; background-color:#4cacf5; position:relative; width:100%}
.minetopimg{ width:20%; height:68%; background:url(../images/mine_logo.png) no-repeat; background-size:100% auto; margin-left:5%; margin-top:7%; position:relative; float:left}
.minetoptext{ float:left; margin-top:14%; margin-left:2%; font-family:"黑体"; font-size:24px; color:white}
.minedl{ width:100%; height:8%; position:relative;}
.mineimg{ width:7%; height:60%;  float:left; margin-left:5%; margin-top:3.5%}
.minetext{ font-family:"黑体"; font-size:22px; color:black; float:left; margin-top:4%; margin-left:5%; width:83%; border-bottom:1px solid #ebeced; height:80%;}
.mineimg2{ width:3.5%; height:60%; float:right; margin-right:5%; margin-top:1.5%}
.blue{ color:#4cacf5}
.bottomimg1{ background:url(../images/index1.png) no-repeat}
.bottomimg3{ background:url(../images/mine1.png) no-repeat}
.bottomimg1,.bottomimg2,.bottomimg3{background-size:100% auto;}



@media screen and (max-width:1024px) and (min-width:1024px){
.minetopbox{ height:23%}
.minetopimg{ margin-top:3%; width:11%}
.minetoptext{ font-size:36px; margin-top:6.5%}
.mineimg{ width:5%; height:100%; margin-top:2%}
.minetext{ font-size:28px; margin-left:3%; margin-top:3%; height:100%; width:87%}
.minedl{ height:7%}
.mineimg2{ width:2%; margin-top:1%}
}

@media screen and (max-width:768px) and (min-width:768px){
.minetopbox{ height:15%}
.minetopimg{ width:15%; margin-top:4%; width:12%}
.minetoptext{ font-size:32px; margin-top:7.5%}
.mineimg{ width:7%; height:100%; margin-top:3%}
.minetext{ font-size:26px; margin-left:3%; margin-top:4.5%; height:88%; width:85%}
.minedl{ height:7%}
.mineimg2{ width:2%; margin-top:1.5%}
}

@media screen and (max-width:375px){
.minetext{ font-size:20px}
.minetoptext{ font-size:22px}
}
@media screen and (max-width:360px){
.minetext{ font-size:18px}
.minetoptext{ font-size:20px}
}
@media screen and (max-width:320px){
.minetext{ font-size:18px}
.minetoptext{ font-size:20px}
}
@media screen and (max-width:320px)and (max-height:480px){
.minetopimg{ width:18%; margin-top:6%}
.minetext{ font-size:16px}
.minetoptext{ font-size:19px; margin-top:12%}
}