@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ min-height: 100vh; background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
/* CSS Document */
.logo {min-width: 100px; display: block; top: 3.125%; position: absolute; left:2%; width: 13%;}
.logo img { display: block; width: 100%;}
.linkCont { position: absolute; width: 100%; transform: translateY(-50%); top: 50%; text-align: center;}
.linkCont .linkSlide { margin: 0 5%; width: 22%; display: inline-block; vertical-align: top;}
.linkImg img { display: block; width: 100%;}
.linkCont .linkSlide p { font-size: 1.4vw; color: #ffffff; line-height: 4;}
.linkImg { position: relative;}
.linkImg .hideTxt { opacity: 0; transition: all .5s; position: absolute; border-radius: 50%; left: 20%; top: 20%; width: 60%; height: 60%; text-align: center; border: 2px solid #ffffff;
background: rgba(255,255,255,.5);}
.linkImg .hideTxt span { font-weight: bold; font-size: 28px; display: block; text-align: center; color: #ffffff; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center;}
.linkCont .linkSlide:hover .hideTxt { opacity: 1;}
@media screen and (max-width: 750px) {
	.linkCont .linkSlide { width:45%;}
	.linkCont .linkSlide p { font-size: 13px;}
	.linkImg .hideTxt span { font-size: 14px;}
}