@charset "utf-8";
/* CSS Document */
html{font-size: 62.5%;}
body,div,ul,li,h1,h2,h3,h4,p,dl,dd,dt,b,span,p{margin:0;padding:0;}
body{font-size:12px; font-family:"微软雅黑"; /*background:#f7f9fb;*/ background: #1a161a; font-size: 1.4rem;}
select,input{font-family: "微软雅黑";}
h1,h2,h3,h4,h5,label{font-weight:500; margin:0;}
a{display: block; text-decoration:none;color:#000;}
a:hover{color:#ff5200; text-decoration:none;}
ul{list-style:none;}
b{font-weight:normal;}
i{font-style:normal;}
img{border:0;}
.ui-w{max-width: 640px; margin: 0 auto;}
.ui-f{float:left}
.ui-r{float:right;}
.clear{clear:both;}
.marginB{margin-bottom: 10px;}
.padding{padding: 0 15px; line-height: 25px;}
.bgf{background: #fff;}
/*input[type=button], input[type=submit], input[type=file], button, textarea{cursor: pointer; -webkit-appearance: none;}*/ 
/*取消select样式*/
select {border: none; appearance:none;  -moz-appearance:none; -webkit-appearance:none; background: url(../img/arrow.png) no-repeat scroll right center transparent; padding-right: 14px; background-size: 125px auto; background-position: 25px -3px; outline: none;}
select::-ms-expand { display: none; }

/*筑爱沈城*/
#intro{position: relative; margin-top: 10px;}
#intro span{display: block;}
#intro p{display: block; width: 76%; position: absolute; left:7%; top: 22%; background-color: #000; background-color:rgba(0,0,0,0.6); padding: 3% 5%; font-size: 1.5rem; line-height: 23px; color: #fff;}
#video{display: block; position: relative; margin-top: 42%;}
#video .opacity{top: -50px;}
.video{margin-top: 5%;}
#person{position: relative; margin-top: 5%; padding-top: 16%; background: url(../img/per_bg.jpg) no-repeat; background-size: 100%;background-size: cover; padding-bottom: 50px;}
#person .opacity{top: 20px;}
#person p{display: block; text-align: center; line-height: 30px; color: #fff;}
#person ul{display: block; width: 83%; margin: 0 auto; padding: 2%; background-color:rgba(15,15,21,0.8); overflow: hidden;}
#person ul li{display: block; float: left; width: 31.3%; margin: 1%; color: #fff;}
#person ul li a{display: block; color: #fff; position: relative;}
#person ul li span{display: block; width: 100%; height: 25px; line-height: 25px; text-align: center; background-color:rgba(0,0,0,0.5); position: absolute; bottom:3px;}
#person ul li b{display: block; width: 100%; height: 60px; margin-top: 5px; text-align: center;}

@media screen and (min-width: 768px){
	#video{margin-top: 14%;}
}
@media screen and (min-width: 414px) and (max-width: 767px) {
	#video{margin-top: 37%;}
}
@media screen and (min-width: 320px) and (max-width: 374px) {
	#video{margin-top: 59%;}
}

.opacity{width: 90%; height: 40px; background-color: #000; background-color:rgba(0,0,0,0.6); position: absolute; top: -22px; left: 5%;}
.opacity i{display: block;width: 90%;height: 38px;line-height: 38px;margin: 0 auto;text-align: center;background-color: #000;background-color:rgba(0,0,0,0.8);color: #fff;margin-top: -6px;font-size: 1.8rem;font-weight: 600;}
.white{background-color:rgba(192,192,203,0.6);}
.white i{background-color:rgba(255,255,255,0.8); color: #000;}

/*详情页*/
#info{width: 70%; margin: 10% auto; padding: 5% 10%; background-color: #000; background-color:rgba(0,0,0,0.6); color: #fff;}
#info h3{width: 100%; margin: 15px 0; margin-bottom: 5px; position: relative;}
#info h3 img{width: 37%;}
#info .pers span{display: block; font-size: 1.8rem; font-weight:bold; color: #f8b551; margin-top: 10px;}
#info .pers b{display: block; line-height: 25px;}
#info .layout{color: #fff; padding-bottom: 30px;}
#info .layout span{display: block; color: #f8b551; font-size: 1.6rem; font-weight: 600; position: absolute; left: 40%; top: 12%;}
#info .layout span a{color: #f8b551;}
#info .layout p{display: block;font-size: 1.6rem;line-height: 27px; margin-bottom: 10px;}
#info .layout p a{display: inline-block; color: #fff; text-decoration:underline;}