@charset "utf-8";
/*
'---------------------------------------
'#   设计制作：重庆持创科技有限公司
'#   QQ:543874515
'#   微信:13072363699
'---------------------------------------
*/
body{text-align:center;}
/* BANNER -------------------------------------- */
.zbanner{position:relative;zoom:1;display:block;overflow:hidden !important;}
.zbanner img{position:absolute;z-index:0;left:0;display:block;margin:0 auto;}
.zbanner .ts{position:absolute;z-index:3;left:0;display:block;margin:0 auto;}
.zbanner .ts .bt{display:block;margin-bottom:15px;color:#333;font-weight:600;}
.zbanner .ts .ss{display:block;margin:0 auto;padding:0;overflow:hidden !important;}
.zbanner .ts .ss .xz{float:left;display:block;color:#333;font-weight:normal;text-align:left;/*overflow:hidden !important;*/}
/*.zbanner .ts .ss .xz .break{float:left;display:block;height:35px;}*/
.zbanner .ts .ss .xz span{float:left;display:block;}
.zbanner .ts .ss .xz span .input{float:right;display:block;margin-top:1px;padding-left:10px;width:100%;border:1px solid #999;}
.zbanner .ts .ss .btn{float:right;display:block;margin-top:1px;background:#AC8948;color:#FFF;font-weight:normal;text-align:center;}
@media screen and (min-width:1201px) and (max-width:1920px)
{
	/* BANNER -------------------------------------- */
	.zbanner{margin:30px auto 0 auto;width:1200px;height:268px;}
	.zbanner img{width:1200px;height:268px;}
	.zbanner .ts{width:1200px;top:80px;}
	.zbanner .ts .bt{font-size:26px;line-height:50px;}
	.zbanner .ts .ss{width:450px;height:35px;line-height:35px;}
	.zbanner .ts .ss .xz{width:355px;height:35px;font-size:16px;}
	.zbanner .ts .ss .xz span{width:170px;line-height:33px;}
	.zbanner .ts .ss .xz span:first-child{margin-right:15px;}
	.zbanner .ts .ss .xz span .input{height:30px;line-height:28px;}
	.zbanner .ts .ss .btn{width:73px;height:29px;font-size:16px;line-height:29px;}
}
@media screen and (min-width:1000px) and (max-width:1200px)
{
	/* BANNER -------------------------------------- */
	.zbanner{margin:10px auto 0 auto;width:100%;height:260px;}
	.zbanner img{width:100%;}
	.zbanner .ts{width:100%;top:50px;}
	.zbanner .ts .bt{font-size:26px;line-height:50px;}
	.zbanner .ts .ss{width:450px;height:35px;line-height:35px;}
	.zbanner .ts .ss .xz{width:355px;height:35px;font-size:16px;}
	.zbanner .ts .ss .xz span{width:170px;line-height:33px;}
	.zbanner .ts .ss .xz span:first-child{margin-right:15px;}
	.zbanner .ts .ss .xz span .input{line-height:31px;}
	.zbanner .ts .ss .btn{width:73px;height:32px;font-size:16px;line-height:32px;}
}
@media screen and (min-width:768px) and (max-width:999px)
{
	/* BANNER -------------------------------------- */
	.zbanner{margin:10px auto 0 auto;width:100%;height:260px;}
	.zbanner img{width:100%;}
	.zbanner .ts{width:100%;top:50px;}
	.zbanner .ts .bt{font-size:26px;line-height:50px;}
	.zbanner .ts .ss{width:400px;height:35px;line-height:35px;}
	.zbanner .ts .ss .xz{width:320px;height:35px;font-size:16px;}
	.zbanner .ts .ss .xz span{width:150px;line-height:33px;}
	.zbanner .ts .ss .xz span:first-child{margin-right:15px;}
	.zbanner .ts .ss .xz span .input{line-height:31px;}
	.zbanner .ts .ss .btn{width:73px;height:33px;font-size:16px;line-height:33px;}
}
@media screen and (min-width:521px) and (max-width:767px)
{
	/* BANNER -------------------------------------- */
	.zbanner{margin:10px auto 0 auto;width:100%;height:240px;overflow:hidden;}
	.zbanner img{width:auto;height:100%;}
	.zbanner .ts{width:100%;top:10px;}
	.zbanner .ts .bt{font-size:26px;line-height:50px;}
	.zbanner .ts .ss{margin:0 auto;padding:0 25%;width:50%;height:100%;line-height:35px;}
	.zbanner .ts .ss .xz{float:none;height:100%;font-size:16px;}
	.zbanner .ts .ss .xz span{float:none;display:block;margin-bottom:10px;height:35px;line-height:35px;clear:both;}
	.zbanner .ts .ss .xz span .input{float:none;padding-left:5px;height:32px;line-height:32px;}
	.zbanner .ts .ss .btn{float:none;display:block;margin:0 auto;width:120px;height:30px;font-size:14px;line-height:30px;}
}
@media screen and (max-width:520px)
{
	/* BANNER -------------------------------------- */
	.zbanner{margin:5px auto 0 auto;width:100%;height:240px;overflow:hidden;}
	.zbanner img{width:auto;height:100%;}
	.zbanner .ts{width:100%;top:10px;}
	.zbanner .ts .bt{font-size:26px;line-height:50px;}
	.zbanner .ts .ss{margin:0 auto;padding:0 25%;width:50%;height:100%;line-height:35px;}
	.zbanner .ts .ss .xz{float:none;height:100%;font-size:16px;}
	.zbanner .ts .ss .xz span{float:none;display:block;margin-bottom:10px;height:35px;line-height:35px;clear:both;}
	.zbanner .ts .ss .xz span .input{float:none;padding-left:5px;height:32px;line-height:32px;}
	.zbanner .ts .ss .btn{float:none;display:block;margin:0 auto;width:120px;height:30px;font-size:14px;line-height:30px;}
}

/* 家族宗亲 -------------------------------------- */
.zq_title{display:block;width:100%;height:100%;overflow:hidden !important;}
.zq_title font{display:block;color:#B25900;font-weight:600;}
.zq_title span{display:block;color:#666;font-weight:normal;}

/* 宗亲支系 -------------------------------------- */
.zqlist{display:block;height:100%;background:url(../images/bg.jpg) no-repeat center bottom;overflow:hidden !important;}
.zqlist ul{display:block;}
.zqlist ul li{display:inline-block;position:relative;background:url(../images/zq.jpg) no-repeat left top;color:#333;font-weight:500;}
.zqlist ul li:hover{background:url(../images/zq2.jpg) no-repeat left top;}

/* 龙岗支系 -------------------------------------- */
.zxjs ul li{background-image:url(../images/zxjs_k1.jpg);background-repeat:no-repeat;background-position:center center;overflow:hidden !important;}
.zxjs ul li a{display:block;color:#000;font-weight:500;}
.zxjs ul li a:hover{color:#775F31;background:url(../images/zxjs_k11.jpg) no-repeat left top}

/*---继字辈---*/
.zuxian{display:block;margin:0 auto;height:100%;text-align:center;background:url(../images/city.png) no-repeat center bottom;overflow:hidden !important;}
.zuxian h2{position:relative;display:inline-block;width:259px;height:132px;}
.zuxian h2 a{display:block;width:259px;background-image:url(../images/zxjs_k3.jpg);background-repeat:no-repeat;background-position:center center;color:#000;font-weight:500;}
.zuxian h2::before{content:'';position:absolute;right:auto;left:50%;bottom:0;width:50%;height:60px;border-left:1px solid #FBEAD8;}
.zuxian h2:last-child::before{border-left:0;}
.zuxian h2 a:hover{color:#775F31;background:url(../images/zxjs_k33.jpg) no-repeat center top;}
/*---可字辈六房---*/
.zuxian ul{display:inline-block;position:relative;overflow:hidden !important;}
.zuxian ul li{float:left;display:block;list-style-type:none;position:relative;overflow:hidden !important;}
/*---线---*/
.zuxian li::before, .zuxian li::after{   
	content: '';
	position:absolute;top:0;right:50%;
	border-top:1px solid #FBEAD8;
	width:50%;height:60px;
}
.zuxian li::after{right:auto;left:50%;border-left:1px solid #FBEAD8;}
.zuxian li:only-child::after, .zuxian li:only-child::before {display:none;}
.zuxian li:only-child{padding-top:0;}
.zuxian li:first-child::before, .zuxian li:last-child::after{border:0 none;}
.zuxian li:last-child::before{   
	border-right:1px solid #FBEAD8;
	border-radius:0 5px 0 0;
	-webkit-border-radius:0 5px 0 0;
	-moz-border-radius:0 5px 0 0;
}
.zuxian li:first-child::after{   
	border-radius:5px 0 0 0;
	-webkit-border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
}
.zuxian ul li .wz{position:relative;display:block;margin:60px 0 0 0;background-image:url(../images/zxjs_k2.jpg);background-repeat:no-repeat;background-position:center center;overflow:hidden !important;}
.zuxian ul li .wz font{display:block;margin:0 auto;padding:0;height:60px;color:#775F31;font-weight:500;}
.zuxian ul li .wz p{display:block;margin:0 auto;writing-mode:tb-rl;writing-mode:vertical-lr;font-weight:normal;letter-spacing:0.1em;backgroun:#F00}
.zuxian ul li .wz em{ position:absolute;bottom:2px;display:block;width:18px;height:18px;color:#999;font:normal 12px/20px '宋体';background:url(../images/quan.png) no-repeat left bottom;}
.zuxian ul li a{display:block;}
.zuxian ul li a:hover, .zuxian ul li:hover .wz{background:url(../images/zxjs_k22.jpg) no-repeat center bottom;color:#B25900;}

/* 字辈 -------------------------------------- */
.zibei{display:block;width:100%;height:100%;background:url(../images/bg.jpg) no-repeat center bottom;overflow:hidden !important;}
.zibei ul{display:block;margin:0 auto;}
.zibei ul li{display:inline-block;position:relative;background-image:url(../images/zibei.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;color:#000;font-weight:500;text-align:center;}
.zibei ul li a{display:block;color:#000;}
.zibei ul li a:hover{color:#775F31;background-image:url(../images/zibei2.jpg);}

/* 字辈成员 -------------------------------------- */
.zblist{display:block;height:100%;background:url(../images/bg.jpg) no-repeat center bottom;overflow:hidden !important;}
/*---世代---*/
.zblist .sd{position:relative;zoom:1;display:block;margin:0 auto;padding:0;height:100%;overflow:hidden !important;}
.zblist .sd font{display:inline-block;list-style-type:none;position:relative;color:#775F31;font-weight:600;border:1px dashed #DFCBBF;background:#FFF;}
.zblist .sd::before{content:'';position:absolute;right:auto;left:50%;width:50%;border-left:1px solid #FBEAD8;}
/*---成员列表-首行---*/
.zblist ul{position:relative;height:100%;overflow:hidden !important;}
.zblist ul li{list-style-type:none;position:relative;overflow:hidden !important;}
/*---线---*/
.zblist li::before, .zblist li::after{   
	content: '';
	position:absolute;top:0;right:50%;
	border-top:1px solid #FBEAD8;
	width:50%;height:60px;
}
.zblist li::after{right:auto;left:50%;border-left:1px solid #FBEAD8;}
.zblist li:only-child::before {display:none;}
.zblist li:only-child{padding-top:0;}
.zblist li:first-child::before{border:0 none;}
.zblist li:last-child::after{display:none;}
.zblist li:last-child::before{   
	border-right:1px solid #FBEAD8;
	border-radius:0 5px 0 0;
	-webkit-border-radius:0 5px 0 0;
	-moz-border-radius:0 5px 0 0;
}
.zblist li:first-child::after{   
	border-radius:5px 0 0 0;
	-webkit-border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
}
.zblist li:last-child::after{   
    content: '';   
    position: absolute; top: 0; left: 50%;   
    border-left: 1px solid #FBEAD8;   
    width: 0; height: 60px;   
}
/*---CONTENT---*/
.mt60{margin-top:60px;}
.zblist ul li .cy{position:relative;display:block;background-image:url(../images/zb1.jpg);background-repeat:no-repeat;background-position:center bottoom;overflow:hidden !important;}
.zblist ul li .cy p{display:block;margin-top:30px;width:80px;writing-mode:tb-rl;writing-mode:vertical-lr;font-weight:normal;letter-spacing:0.1em;backgroun:#F00}
.zblist ul li .cy em{position:absolute;bottom:2px;display:block;width:18px;height:18px;color:#999;font-weight:normal;line-height:20px;font-size:12px;font-style:normal;background:url(../images/quan.png) no-repeat left bottom;}
.zblist ul li a{display:block;}
.zblist ul li a:hover, .zblist ul li:hover .cy{color:#B25900;background:url(../images/zb2.jpg) no-repeat center bottom;}
/*---成员列表---*/
.zblist dl{position:relative;height:100%;overflow:hidden !important;}
.zblist dl dd{list-style-type:none;position:relative;overflow:hidden !important;}
.zblist dl dd .cy{position:relative;display:block;background-image:url(../images/zb1.jpg);background-repeat:no-repeat;background-position:center bottoom;overflow:hidden !important;overflow:hidden !important;}
.zblist dl dd .cy p{display:block;writing-mode:tb-rl;writing-mode:vertical-lr;font-weight:normal;letter-spacing:0.1em;backgroun:#F00}
.zblist dl dd .cy em{ position:absolute;bottom:2px;display:block;width:18px;height:18px;color:#999;font-weight:normal;line-height:20px;font-size:12px;font-style:normal;background:url(../images/quan.png) no-repeat left bottom;}
.zblist dl dd a{display:block;height:184px;}
.zblist dl dd a:hover, .zblist dl dd:hover .cy{color:#B25900;background:url(../images/zb2.jpg) no-repeat center bottom;}

/* 变为灰色 -------------------------------------- */
.grey{filter: grayscale(100%);}

/* 世代 -------------------------------------- */
.shi{display:block;padding:0;height:100%;overflow:hidden !important;}
.shi font{display:inline-block;color:#775F31;font-weight:normal;border:1px dashed #DFCBBF;background:#FFF;}

/* 龙岗徐氏字辈 -------------------------------------- */
.zqzb{display:block;padding:0;height:100%;overflow:hidden !important;}
.zqzb a{display:block;margin:0 auto;color:#FFF;font-weight:normal;border:2px solid #999;background:#A6A6A6;}
.zqzb a:hover{color:#FFF;background:#AC8948;}

@media screen and (min-width:1200px) and (max-width:1920px)
{
	/* 家族宗亲 -------------------------------------- */
	.zq_title{margin:50px auto 0 auto;}
	.zq_title font{font-size:30px;line-height:50px;}
	.zq_title span{font-size:16px;line-height:25px;}
	/* 宗亲支系 -------------------------------------- */
	.zqlist{margin:50px auto 0 auto;padding:0 0 50px 0;width:1200px;}
	.zqlist ul{height:100%;}
	.zqlist ul li{margin:0 20px 48px 20px;width:189px;height:62px;font-size:20px;line-height:62px;}
	/* 龙岗支系 -------------------------------------- */
	.zxjs{display:block;margin:50px auto;width:1200px;height:60px;}
	.zxjs ul li{display:inline-block;position:relative;margin:0 35px;width:240px;height:72px;}
	.zxjs ul li a{font-size:22px;line-height:72px;}
	/*---继字辈---*/
	.zuxian{padding:20px 0 150px 0;width:1200px;}
	.zuxian h2 a{font-size:22px;line-height:72px;}
	/*---可字辈六房---*/
	.zuxian ul{height:275px;}
	.zuxian ul li{padding:0 50px;width:80px;height:275px;}
	.zuxian ul li .wz{padding:0;width:80px;height:215px;}
	.zuxian ul li .wz font{font-size:15px;line-height:60px;}
	.zuxian ul li .wz p{width:80px;font-size:28px;line-height:80px;}
	.zuxian ul li .wz em{left:31px;}
	.zuxian ul li a{height:215px;}
	/* 世代 -------------------------------------- */
	.shi{margin:30px auto 0 auto;width:1200px;}
	.shi font{width:200px;height:50px;line-height:50px;font-size:20px;}
	/* 字辈 -------------------------------------- */
	.zibei{margin:50px auto 0 auto;padding:0 0 60px 0;}
	.zibei ul{width:1200px;height:100%;}
	.zibei ul li{margin:40px;width:129px;height:116px;line-height:116px;font-size:67px;}
	/* 龙岗徐氏字辈 -------------------------------------- */
	.zqzb{margin:80px auto 0 auto;width:1200px;}
	.zqzb a{width:200px;height:50px;line-height:50px;font-size:20px;}
	/* 字辈成员 -------------------------------------- */
	.zblist{margin:50px auto 0 auto;padding:0 0 150px 0;width:1200px;}
	/*---世代---*/
	.zblist .sd{width:1200px;min-height:120px;}
	.zblist .sd font{width:220px;height:60px;line-height:60px;font-size:20px;}
	.zblist .sd::before{top:62px;height:60px;}
	/*---成员列表-首行---*/
	.zblist ul{display:inline-block;}
	.zblist ul li{float:left;display:block;padding:0 50px;width:80px;height:244px;}
	/*---CONTENT---*/
	.zblist ul li .cy{width:80px;height:184px;}
	.zblist ul li .cy p{line-height:80px;font-size:28px;}
	.zblist ul li .cy em{left:31px;}
	.zblist ul li a{height:184px;}
	/*---（断行）---*/
	.zblist dl{display:inline-block;width:90%;}
	.zblist dl dd{float:left;display:block;margin:60px 0 0 0;padding:0 50px;width:80px;height:184px;}
	.zblist dl dd .cy{width:80px;height:184px;}
	.zblist dl dd .cy p{margin-top:30px;width:80px;font-size:28px;line-height:80px;}
	.zblist dl dd .cy em{left:31px;}
	.zblist dl dd a{height:184px;}
	

}
@media screen and (min-width:521px) and (max-width:1199px)
{
	/* 家族宗亲 -------------------------------------- */
	.zq_title{margin:40px auto 0 auto;}
	.zq_title font{font-size:30px;line-height:50px;}
	.zq_title span{font-size:16px;line-height:25px;}
	/* 宗亲支系 -------------------------------------- */
	.zqlist{margin:50px auto 0 auto;padding:0 0 30px 0;width:100%;}
	.zqlist ul{height:100%;}
	.zqlist ul li{margin:0 30px 40px 30px;width:189px;height:62px;font-size:20px;line-height:62px;}
	/* 龙岗支系 -------------------------------------- */
	.zxjs{display:block;margin:50px auto;width:100%;height:100%;}
	.zxjs ul li{display:block;margin:35px auto;width:240px;height:72px;}
	.zxjs ul li a{font-size:22px;line-height:72px;}
	/*---继字辈---*/
	.zuxian{padding:10px 0 100px 0;width:100%;}
	.zuxian h2 a{font-size:22px;line-height:72px;}
	/*---可字辈六房---*/
	.zuxian ul{height:248px;}
	.zuxian ul li{padding:0 10px;width:70px;height:248px;}
	.zuxian ul li .wz{padding:0;width:70px;height:188px;background-size:70px 188px;}
	.zuxian ul li .wz font{font-size:14px;line-height:60px;}
	.zuxian ul li .wz p{width:70px;font-size:24px;line-height:70px;}
	.zuxian ul li .wz em{left:26px;}
	.zuxian ul li a{height:188px;}
	/* 世代 -------------------------------------- */
	.shi{margin:30px auto 0 auto;width:100%;}
	.shi font{width:200px;height:50px;line-height:50px;font-size:20px;}
	/* 字辈 -------------------------------------- */
	.zibei{margin:50px auto 0 auto;padding:0 0 60px 0;}
	.zibei ul{padding:0;width:100%;height:100%;}
	.zibei ul li{margin:2%;padding:2.5% 0;width:15%;height:100%;line-height:100%;font-size:3rem;}
	/* 龙岗徐氏字辈 -------------------------------------- */
	.zqzb{margin:60px auto 0 auto;width:100%;}
	.zqzb a{width:200px;height:50px;line-height:50px;font-size:20px;}
	/* 字辈成员 -------------------------------------- */
	.zblist{margin:50px auto 0 auto;padding:0 0 150px 0;width:100%;}
	/*---世代---*/
	.zblist .sd{width:100%;min-height:120px;}
	.zblist .sd font{width:220px;height:60px;line-height:60px;font-size:20px;}
	.zblist .sd::before{top:62px;height:60px;}
	/*---成员列表-首行---*/
	.zblist ul li{display:inline-block;padding:0 10px;width:60px;height:221px;}
	/*---CONTENT---*/
	.zblist ul li .cy{width:60px;height:161px;background-size:100% 100%;}
	.zblist ul li .cy p{width:60px;font-size:18px;line-height:60px;}
	.zblist ul li .cy em{left:21px;}
	.zblist ul li a{height:161px;}
	/*---（断行）---*/
	.zblist dl{width:100%;}
	.zblist dl dd{display:inline-block;padding:0 10px;width:60px;height:161px;}
	.zblist dl dd .cy{width:60px;height:161px;background-size:100% 100%;}
	.zblist dl dd .cy p{padding-top:30px;width:60px;line-height:60px;font-size:18px;}
	.zblist dl dd .cy em{left:21px;}
	.zblist dl dd a{height:161px;}
	

}
@media screen and (min-width:320px) and (max-width:520px)
{
	/* 家族宗亲 -------------------------------------- */
	.zq_title{margin:20px auto 0 auto;}
	.zq_title font{font-size:22px;line-height:40px;}
	.zq_title span{font-size:16px;line-height:25px;}
	/* 宗亲支系 -------------------------------------- */
	.zqlist{margin:30px auto 0 auto;padding:0 0 30px 0;width:100%;}
	.zqlist ul{height:100%;}
	.zqlist ul li{margin:0 30px 30px 30px;width:189px;height:62px;font-size:20px;line-height:62px;}
	/* 龙岗支系 -------------------------------------- */
	.zxjs{display:block;margin:20px auto;width:100%;height:100%;}
	.zxjs ul li{display:block;margin:15px auto;width:240px;height:72px;background-size:80% 80%;}
	.zxjs ul li a{font-size:20px;line-height:72px;}
	/*---继字辈---*/
	.zuxian{padding:10px 0 50px 0;width:100%;}
	.zuxian h2 a{font-size:20px;line-height:72px;background-size:85% 85%;}
	.zuxian h2 a:hover{background:none;}
	/*---可字辈六房---*/
	.zuxian ul{height:221px;}
	.zuxian ul li{padding:0 15px;width:60px;height:221px;}
	.zuxian ul li .wz{padding:0;width:60px;height:161px;background-size:60px 161px;}
	.zuxian ul li .wz font{font-size:12px;line-height:60px;}
	.zuxian ul li .wz p{width:60px;font-size:18px;line-height:60px;}
	.zuxian ul li .wz em{left:21px;}
	.zuxian ul li a{height:161px;}
	/*---一行三个（断行）---*/
	.zuxian dl{display:inline-block;position:relative;height:191px;overflow:hidden !important;}
	.zuxian dl dd{float:left;display:block;list-style-type:none;position:relative;padding:0 15px;width:60px;height:191px;overflow:hidden !important;}
	.zuxian dl dd .wz{position:relative;display:block;margin:30px 0 0 0;padding:0;width:60px;height:161px;background-size:60px 161px;background-image:url(../images/zxjs_k2.jpg);background-repeat:no-repeat;background-position:center center;overflow:hidden !important;}
	.zuxian dl dd .wz font{display:block;margin:0 auto;padding:0;height:60px;color:#775F31;font:500 12px/60px 'Microsoft Yahei',Arial;}
	.zuxian dl dd .wz p{display:block;margin:0 auto;width:60px;writing-mode:tb-rl;writing-mode:vertical-lr;font:normal 18px/60px 'Microsoft Yahei',Arial;letter-spacing:0.1em;backgroun:#F00}
	.zuxian dl dd .wz em{ position:absolute;display:block;bottom:2px;left:21px;width:18px;height:18px;color:#999;font:normal 12px/20px '宋体';background:url(../images/quan.png) no-repeat left bottom;}
	.zuxian dl dd a{display:block;height:161px;}
	.zuxian dl dd a:hover, .zuxian dl dd:hover .wz{background:url(../images/zxjs_k22.jpg) no-repeat center bottom;color:#B25900;}
	/* 世代 -------------------------------------- */
	.shi{margin:30px auto 0 auto;width:1200px;}
	.shi font{width:200px;height:50px;line-height:50px;font-size:20px;}
	/* 字辈 -------------------------------------- */
	.zibei{margin:30px auto 0 auto;padding:0 0 60px 0;}
	.zibei ul{padding:0;width:100%;height:100%;}
	.zibei ul li{margin:20px 2%;padding:2.5% 0;width:14.5%;height:100%;line-height:100%;font-size:2rem;}
	/* 龙岗徐氏字辈 -------------------------------------- */
	.zqzb{margin:30px auto 0 auto;width:100%;}
	.zqzb a{width:160px;height:40px;line-height:40px;font-size:18px;}
	/* 字辈成员 -------------------------------------- */
	.zblist{margin:50px auto 0 auto;padding:0 0 150px 0;width:100%;}
	/*---世代---*/
	.zblist .sd{width:100%;min-height:110px;}
	.zblist .sd font{width:200px;height:50px;line-height:50px;font-size:20px;}
	.zblist .sd::before{top:52px;height:60px;}
	/*---成员列表-首行---*/
	.zblist ul li{display:inline-block;padding:0 15px;width:60px;height:221px;}
	/*---CONTENT---*/
	.zblist ul li .cy{width:60px;height:161px;background-size:100% 100%;}
	.zblist ul li .cy p{width:60px;font-size:18px;line-height:60px;}
	.zblist ul li .cy em{left:21px;}
	.zblist ul li a{height:161px;}
	/*---【手机版】一行三个（断行）---*/
	.zblist dl{width:100%;}
	.zblist dl dd{display:inline-block;padding:0 15px;width:60px;height:161px;}
	.zblist dl dd .cy{width:60px;height:161px;background-size:100% 100%;}
	.zblist dl dd .cy p{padding-top:30px;width:60px;line-height:60px;font-size:18px;}
	.zblist dl dd .cy em{left:21px;}
	.zblist dl dd a{height:161px;}
}
/* 个人简历 -------------------------------------- */
/*标题*/
.jl_title{display:block;width:100%;height:100%;overflow:hidden !important;}
.jl_title font{display:block;color:#B25900;font-weight:600;}
.jl_title em{color:#666;font-style:normal;}
/*简历*/
.jianli{display:block;margin:0 auto;height:100%;background:url(../images/bg.jpg) no-repeat center bottom;overflow:hidden !important;}
.jlist{display:block;margin:0 auto;height:100%;overflow:hidden !important;border:2px solid #FBEAD8;background:#FBFAF7;}
.jbox{display:block;height:100%;overflow:hidden !important;border:1px solid #F8F4F1;background:#FFF;text-align:left;}
/*头像*/
.tx{display:block;height:100%;overflow:hidden !important;}
.tx dl{display:block;overflow:hidden !important;}
.tx dl dt{display:block;overflow:hidden !important;}
.tx dl dd{display:block;overflow:hidden !important;}
.tx dl dd p{display:block;}
.tx dl dd p b{color:#333;font-weight:600;}
.tx dl dd p em{color:#B25900;font-weight:600;font-style:normal;}
.tx dl dd i{display:block;color:#888;font-weight:500;font-style:normal;}
.tx dl dd font{display:block;color:#333;font-weight:500;}
.tx dl dd span{display:block;color:#666;font-weight:500;}
/*微信二维码*/
.tx ul{display:block;overflow:hidden !important;}
.tx ul li{display:block;text-align:center;overflow:hidden !important;}
.tx ul li img{display:block;}
.tx ul li span{display:block;color:#666;}
/*
@media screen and (min-width:1200px) and (max-width:1920px)
{
}
@media screen and (min-width:521px) and (max-width:1199px)
{
}
@media screen and (min-width:320px) and (max-width:520px)
{
}
*/
/*简历部分*/
.js{display:block;width:100%;height:100%;border-top:1px dashed #F2EDE1;padding-top:20px;overflow:hidden !important;}
.js dl{display:block;height:100%;}
.js dl dd{display:block;font-weight:normal;color:#666;}
.js ul{display:block;height:100%;}
.js ul li{display:block;color:#666;}
.js dl dd b, .js ul li b{display:table-cell;font-weight:600;text-align:right;}
.js dl dd span, .js ul li span{display:table-cell;padding:5px 0;}
/*子女*/
.zn{display:block;width:100%;height:100%;border-top:1px dashed #F2EDE1;padding-top:20px;overflow:hidden !important;}
.zn dl{float:left;height:100%;overflow:hidden !important;}
.zn dl dd{display:block;color:#666;font-weight:normal;overflow:hidden !important;}
.zn dl dd b{display:table-cell;font-weight:600;text-align:right;}
.zn dl dd span{display:table-cell;padding:5px 0;}

/*备注*/
.bz{display:block;width:100%;height:100%;border-top:1px dashed #F2EDE1;padding-top:20px;overflow:hidden !important;}
.bz dl{display:block;height:100%;}
.bz dl dd{display:block;font-weight:normal;color:#666;}
.bz dl dd b{display:table-cell;font-weight:600;text-align:right;}
.bz dl dd span{display:table-cell;padding:5px 0;}

/*相册 -------------------------------------- */
.photo {position:relative;border-top:1px dashed #F2EDE1;padding-top:30px;margin:0 5%;width:90%;height:100%;max-height:160px;overflow:hidden;}
.photo ul {height:auto;overflow:hidden;zoom:1;}
.photo ul li {float:left;width:260px;margin:0 10px 0 8px;}
.photo ul li.pic {display:block;transition:all ease-in-out .2s;}
.photo ul li .pic{width:260px;height:160px;overflow:hidden;}
.photo ul li img {height:160px;transition:transform ease-in-out .2s;}
.photo ul li img:hover {transform:scale(1.1);}
.photo .prev,.photo .next {position:absolute;left:10px;top:50%;display:block;width:18px;height:28px;overflow:hidden;background:url(../images/arrow.png) -40px 0 no-repeat;cursor:pointer;}
.photo .next {left:auto;right:10px;background-position:-120px 0;}
.photo .prevStop {background-position:0 0;}
.photo .nextStop {background-position:-80px 0;}
/*点击放大图片*/
.js-lightBox {cursor:pointer;opacity:1;}
.js-lightBox:hover {opacity:1;}
.lightBox-view img {display:block;display:none;border:0;margin:0 !important;}
.lightBox-popupMask {position:fixed;width:100%;height:100%;z-index:9999;display:none;background:black;filter:alpha(opacity=60);/*IE*/opacity:0.6;background-image:url('../icon/overlay.png');}
.lightBox-popup {}
.lightBox-popup {display:none;position:fixed;z-index:10000;top:0%;left:50%;height:50%;background-color:white;/*margin-left:-500px;*/border-radius:10px;border:5px solid white;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-image:url('../icon/loading.gif');background-size:8%;}
.lightBox-description .lightBox-btn {/*position:absolute;top:0;*/display:inline-block;height:100%;width:50%;text-align:center;cursor:pointer;background-repeat:no-repeat;background-position:center center;filter:alpha(opacity=20);opacity:.4;background-image:url('../icon/opacity.png');}
.lightBox-description .lightBox-btn:hover {filter:alpha(opacity=100);opacity:1;}
/* .lightBox-view .lightBox-prev-btn {left:0;}
.lightBox-view .lightBox-next-btn {right:0;}
*/
.lightBox-description .lightBox-prev-btn.active {background-image:url('../icon/prev.png');}
.lightBox-description .lightBox-next-btn.active {background-image:url('../icon/next.png');}
.lightBox-description .lightBox-prev-btn.disable {background-image:url('../icon/prev.png');opacity:0.1;cursor:default;}
.lightBox-description .lightBox-next-btn.disable {background-image:url('../icon/next.png');opacity:0.1;cursor:default;}
.lightBox-view .lightBox-description {position:absolute;bottom:0;right:0;left:0;padding:5px;display:none;color:white;background-color:black;filter:alpha(opacity=20);background:rgba(0,0,0,.2);}
.lightBox-view .lightBox-description .lightBox-current-index {margin-top:15px;display:block;font-style:italic;}
.lightBox-view .lightBox-description .lightBox-close {float:right;display:block;width:40px;height:40px;cursor:pointer;background-repeat:no-repeat;background-image:url('../icon/close.png');background-position:center center;}
.lightBox-description .btn-position {float:right;position:relative;width:100px;height:40px;}

/*补充*/
.bc{display:block;width:100%;height:100%;border-top:1px dashed #F2EDE1;border-bottom:1px dashed #F2EDE1;padding:20px 0;overflow:hidden !important;}
.bc dl{display:block;height:100%;}
.bc dl dt{float:left;display:table-cell;color:#666;text-align:right;font-weight:600;height:100%;}
.bc dl dd{color:#666;height:100%;}

@media screen and (min-width:1200px) and (max-width:1920px)
{
	/* 个人简历 -------------------------------------- */
	/*标题*/
	.jl_title{margin:50px auto;}
	.jl_title font{font-size:30px;line-height:50px;}
	/*简历*/
	.jianli{padding:0 0 80px 0;width:1200px;}
	.jlist{width:1033px;}
	.jbox{margin:55px;width:918px;}
	/*头像*/
	.tx{margin:60px 15% 50px 15%;}
	.tx dl{float:left;width:438px;height:162px;}
	.tx dl dt{float:left;width:128px;height:162px;}
	.tx dl dt img{width:128px;height:162px;}
	.tx dl dd{float:right;margin-left:50px;width:260px;height:162px;text-align:left;}
	.tx dl dd p{height:60px;}
	.tx dl dd p b{line-height:60px;font-size:22px;}
	.tx dl dd p em{line-height:60px;font-size:18px;}
	.tx dl dd i{line-height:35px;font-size:16px;}
	.tx dl dd font{line-height:30px;font-size:18px;}
	.tx dl dd span{margin-left:-8px;line-height:35px;font-size:16px;}
	/*微信二维码*/
	.tx ul{float:right;width:120px;}
	.tx ul li{margin-top:17px;width:120px;height:145px;}
	.tx ul li img{width:120px;height:120px;}
	.tx ul li span{line-height:25px;font-size:14px;font-weight:600;}
	/*简历部分*/
	.js{margin:0 0 20px 0;}
	.js dl{margin:0 70px 0 100px;}
	.js dl dd{float:left;width:50%;line-height:35px;font-size:15px;}
	.js ul{margin:0 70px 0 100px;}
	.js dl dd b, .js ul li b{width:100px;line-height:35px;font-size:15px;}
	.js dl dd span, .js ul li span{line-height:25px;font-size:15px;}
	/*子女*/
	.zn{padding:10px 0;}
	.zn dl{padding:10px 0;width:300px;}
	.zn dl:nth-child(1){margin-left:110px;}
	.zn dl:nth-child(2){margin-left:75px;}
	.zn dl dd{margin:5px 0;font-size:15px;line-height:35px;}
	.zn dl dd b{width:90px;line-height:35px;}
	.zn dl dd span{line-height:25px;}
	/*备注*/
	.bz{margin:25px 0;}
	.bz dl{margin:0 90px 0 100px;}
	.bz dl dd b{width:100px;line-height:35px;font-size:15px;}
	.bz dl dd span{line-height:25px;font-size:15px;}
	/*补充*/
	.bc{margin:30px 0 25px 0;}
	.bc dl{margin:0 90px 0 100px;}
	.bc dl dt{width:100px;line-height:25px;font-size:15px;}
	.bc dl dd{margin-left:100px;line-height:25px;font-size:15px;}
}
@media screen and (min-width:521px) and (max-width:1199px)
{
	/* 个人简历 -------------------------------------- */
	/*标题*/
	.jl_title{margin:20px auto;}
	.jl_title font{font-size:20px;line-height:50px;}
	/*简历*/
	.jianli{padding:0 0 50px 0;width:100%;}
	.jlist{width:90%;}
	.jbox{margin:20px 5%;width:90%;}
	/*头像*/
	.tx{margin:60px 20% 50px 20%;}
	.tx dl{float:left;height:100%;text-align:center;}
	.tx dl dt{width:100%;height:162px;}
	.tx dl dt img{height:162px;}
	.tx dl dd{width:100%;height:140px;}
	.tx dl dd p{margin-top:10px;height:40px;}
	.tx dl dd p b{line-height:40px;font-size:22px;}
	.tx dl dd p em{line-height:40px;font-size:18px;}
	.tx dl dd i{line-height:30px;font-size:16px;}
	.tx dl dd font{line-height:30px;font-size:18px;}
	.tx dl dd span{margin-left:-12px;line-height:30px;font-size:16px;}
	/*微信二维码*/
	.tx ul{float:right;width:120px;}
	.tx ul li{margin-top:60%;width:120px;height:145px;}
	.tx ul li img{width:120px;height:120px;}
	.tx ul li span{line-height:25px;font-size:14px;font-weight:600;}
	/*简历部分*/
	.js{margin:0 0 20px 0;}
	.js dl, .js ul{margin:0 10px 0 15px;}
	.js dl dd{padding:3px 0;}
	.js dl dd b, .js ul li b{width:100px;line-height:20px;font-size:14px;}
	.js dl dd span, .js ul li span{line-height:20px;font-size:15px;}
	/*子女*/
	.zn{padding:10px 0 13px 0;}
	.zn dl{padding:-5px 0 0 0}
	.zn dl:nth-child(1){margin-left:15px;}
	.zn dl dd{margin:5px 0;font-size:15px;}
	.zn dl dd b{width:100px;line-height:20px;}
	.zn dl dd span{line-height:20px;}
	/*备注*/
	.bz{margin:20px 0;}
	.bz dl{margin:0 10px 0 15px;}
	.bz dl dd{padding:3px 0;}
	.bz dl dd b{width:100px;line-height:20px;font-size:14px;}
	.bz dl dd span{line-height:20px;font-size:15px;}
	/*补充*/
	.bc{margin:20px 0;}
	.bc dl{margin:0 10px 0 15px;}
	.bc dl dt{width:100px;line-height:20px;font-size:15px;}
	.bc dl dd{margin-left:100px;line-height:20px;font-size:15px;}
}
@media screen and (min-width:320px) and (max-width:520px)
{
	/* 个人简历 -------------------------------------- */
	/*标题*/
	.jl_title{margin:20px auto;}
	.jl_title font{font-size:20px;line-height:50px;}
	/*简历*/
	.jianli{padding:0 0 50px 0;width:100%;}
	.jlist{width:90%;}
	.jbox{margin:20px 5%;width:90%;}
	/*头像*/
	.tx dl{margin:30px auto 20px auto;width:100%;height:100%;text-align:center;}
	.tx dl dt{width:100%;height:162px;}
	.tx dl dt img{height:162px;}
	.tx dl dd{width:100%;height:140px;}
	.tx dl dd p{margin-top:10px;height:40px;}
	.tx dl dd p b{line-height:40px;font-size:22px;}
	.tx dl dd p em{line-height:40px;font-size:18px;}
	.tx dl dd i{line-height:30px;font-size:16px;}
	.tx dl dd font{line-height:30px;font-size:18px;}
	.tx dl dd span{margin-left:-12px;line-height:30px;font-size:16px;}
	/*微信二维码*/
	.tx ul{margin-left:auto;margin-right:auto;margin-bottom:20px;width:120px;}
	.tx ul li{width:120px;height:145px;}
	.tx ul li img{width:120px;height:120px;}
	.tx ul li span{line-height:25px;font-size:14px;font-weight:600;}
	/*简历部分*/
	.js{margin:0 0 20px 0;}
	.js dl, .js ul{margin:0 10px 0 5px;font-size:13px;}
	.js dl dd b, .js ul li b{width:82px;line-height:20px;}
	.js dl dd span, .js ul li span{line-height:20px;}
	/*子女*/
	.zn{padding:10px 0 13px 0;}
	.zn dl{padding:-5px 0 0 0}
	.zn dl dd{font-size:13px;}
	.zn dl dd b{width:80px;line-height:20px;}
	.zn dl dd span{line-height:20px;}
	/*备注*/
	.bz{margin:20px 0;}
	.bz dl{margin:0 10px 0 5px;}
	.bz dl dd{line-height:20px;font-size:13px;}
	.bz dl dd b{width:75px;line-height:20px;}
	.bz dl dd span{line-height:20px;}
	/*补充*/
	.bc{margin:20px 0;}
	.bc dl{margin:0 10px 0 5px;}
	.bc dl dt{width:75px;line-height:20px;font-size:13px;}
	.bc dl dd{margin-left:75px;line-height:20px;font-size:13px;}
}

/*
'---------------------------------------
'#   设计制作：重庆持创科技有限公司
'#   QQ:543874515
'#   微信:13072363699
'---------------------------------------
*/