/*头部导航*/
/* .header-top {background:#3E3E3E;} */
a {outline: none;}
:focus { outline:0; }
.logo img{display:inline-block;float:left;}
.logo i{/*float: left;*/color: #fff;height: 22px;display: inline-block;margin: 13px 10px 0 10px;}
.logo .logo-text{float:right;line-height:1;margin-top:10px;color:#fff}
.logo .logo-text p{font-size:16px;margin:0;letter-spacing: 2.5px;}
.logo .logo-text span{font-size:8px;letter-spacing: -0.5px;}
.navbar{margin:0;}
.navbar-header{padding:10px 0;}
.navbar-default{background:none;border:none;}
.navbar-default .navbar-brand{color:#fff;text-align:left;padding:0 15px;}
.toolbar-nav ul{margin:25px 0 0;}
.toolbar-nav .navbar-nav>li{font-size:16px;}
.toolbar-nav .navbar-nav>li>a{color:#fff;padding:3px 15px;}
.toolbar-nav .navbar-nav>li>a:hover{background:#fff;border-radius:50px;color:#434343;}
.navbar-collapse{box-shadow: none;border-top:none;-webkit-box-shadow:none;}
.navbar-collapse.in{border:none;padding-bottom:10px;background-color:rgba(0,0,0,0.8) !important;}
.toolbar-nav.navbar-collapse.in ul{margin:10px 0 0;}
.toolbar-nav.navbar-collapse.in .navbar-nav>li{margin:5px 0;}
.toolbar-nav.navbar-collapse.in .navbar-nav>li>a{display:inline-block;padding:3px 15px;}
.toolbar-nav.navbar-collapse.in .navbar-nav>li>a:hover{background:none;color:#4e85c8;}

/*banner*/
.banner{position:relative;width:100%;height:100%;}
.banner .swiper-pagination-bullet{background:#333;}
.banner .swiper-pagination-bullet{opacity: 0.6}
.banner .swiper-pagination-bullet-active{opacity: 1}
.banner .swiper-pagination-bullet{width:10px;height:10px;}
.banner .swiper-pagination-bullet-active{background:#fff;}
.banner .indexBanner{height:480px;background-size:cover;}
/* .banner .ant-carousel{height:607px !important;}*/
/* .banner .ant-carousel .slick-slide img{height:480px}  */
.banner .ant-carousel .slick-initialized .slick-slide{height:480px;width:100%;}
/*下拉banner*/
.banner_open{position:absolute;top:67px;right:50%;margin-right:-12px;background:url('../images/arrow.svg') no-repeat center/cover;width:24px;height:27px;display:none;z-index:100}
.banner_open.active{display:block;}
.s_search{position:absolute;z-index:80;left:50%;top:40%;width:630px;margin-left:-315px;}
.s_search_box{vertical-align:middle;}
.search_txt{width:630px;margin:-500px auto 0 auto;font-size:38px;font-family:serif;color:#f9f9f9;text-align:center;letter-spacing: 2.1px;}
.s-search-p{width:630px;position:absolute;top:25%;left:50%;margin-left:-315px;}
.s-search-p h4{font-size:38px;font-family:serif;color:#f9f9f9;text-align:center;letter-spacing: 2.1px;}
.s_search_p{width:630px;position:absolute;top:-45%;left:50%;margin-left:-315px;}
.s_search_p h4{font-size:38px;font-family:serif;color:#f9f9f9;text-align:center;letter-spacing: 2.1px;}
.form_control_box{position:relative;height:50px;color:#D5D5D5;display:inline-block;z-index:3;width:630px;}
.form_control_box .s_search_text{padding-left:1em;height:50px;position:relative;display:inline-block;width:100%;background:#fff;border:none;line-height:40px;font-size:14px;color:#3B3B3B;letter-spacing: 1.1px;z-index:1;padding-right:40px;}
.form_control_box .s_search_text:focus{outline:none;}
.search_type{margin:0;padding:0;height:35px;line-height:35px;float:right;}
.search_type li{float:left;font-size:14px;text-align:center;padding-left:10px;position:relative;}
.search_type li:after{content: "";display:block;width:1px;height:10px;background:#fff;float:left;margin-top:13px;margin-right:10px;}
.search_type li:first-child:after{display:none;}
.search_type li  a{color:#fff;}
.search_type li  a:hover{color:#fff;}
.search_icon{width:24px;height:24px;display:inline-block;background:url(/images/search.png) no-repeat center/cover;position:absolute;top:15px;right:10px;z-index:1;}

/*搜索列表*/
.search_list{width:100%;position:absolute;top:100%;left:0;z-index:3;border-top:1px solid #C0B398;background:#fff;transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;}
.search_list.active{opacity:1;}
.search_list ul{padding:10px 0;}
.search_list ul li{line-height:30px;font-size:14px;text-indent:1em;color:#333;cursor:pointer;}
.search_list ul li:hover{background:#F4F4F4;}
.s_logy{width:100%;margin-top:30px;overflow:hidden;display:table;position:relative;z-index:2;}
.s_logy ul{padding:0;margin:0 auto;display:inherit;}
.s_logy li{float:left;text-align:center;padding:0 48px;letter-spacing: 1.5px;}
.s_logy li a{display:inline-block;color:#f9f9f9;font-size:14px;}
.s_logy li a i{display:inline-block;}
.s_logy li a i.culture_icon{background:url('../images/culture-icon.png') no-repeat center/cover;width:32px;height:32px;margin-top:3px;}
.s_logy li a i.rules_iocn{background:url('../images/index_rules.png') no-repeat center/cover;width:13px;height:36px;}
.s_logy li a i.repair_icon{background:url('../images/online_genelogy.png') no-repeat center/cover;width:25px;height:27px;margin-top:8px;}
.s_logy li:hover a i{animation: shake 1s;-webkit-animation: shake 1s;}
.dpwn_btn{position:absolute;bottom:20px;left:50%;z-index:90;margin-left:-14px;}
.dpwn_icon{background:url('../images/arrow2.png') no-repeat center/cover;width:28px;height:28px;display:inline-block;cursor:pointer;-webkit-transition:all 0.3s;animation:arrowUp 2s infinite ease-in;-webkit-animation:arrowUp 2s infinite ease-in;}
.searchbox2{width:630px;margin:0 auto;}
.intr_details a{border-bottom:1px solid #949494;}
@keyframes arrowUp{
     0% {transform:translateY(25px);opacity: 0;}
    60% {transform:translateY(12px); opacity: 1;}
    100% {transform:translateY(-5px); opacity: 0;}
}
@-webkit-keyframes arrowUp {
    0% {-webkit-transform:translateY(25px);opacity: 0;}
    60% {-webkit-transform:translateY(12px); opacity: 1;}
    100% {-webkit-transform:translateY(-5px); opacity: 0;}
}

/*浏览*/
.s_browse{background:#2a2a2a;position:absolute;padding:20px 0;top:0px;left:0;width:100%;top:547px;z-index:99;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: -moz-transform 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: -o-transform 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.s_browse.show{
    -webkit-transform: translate3d(0px,-480px,0);
    -moz-transform: translate3d(0px,-480px,0);
    transform: translate3d(0px,-480px,0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
 
}
/*浏览导航*/
.s_browse_nav{display:table;margin:0 auto;}
.s_browse_nav ul{display:table-cell;margin:0 auto;}
.s_browse_nav ul li{float:left;display:inline-block;position:relative;padding:10px 5px;font-size:16px;margin:0 10px;color:#f8f8f8;cursor:pointer;}
.s_browse_nav ul li:first-child:after{background:none;}
.s_browse_nav ul li.active{border-bottom:1px solid #fff;}
.s_browse_nav ul li.active a{color:#f8f8f8}
.s_browse_nav ul li a{color:#878787;}
.s_browse_nav ul li a:hover{text-decoration: none;}
/*.s-browse-nav ul li a:hover{text-decoration:none;}*/
.s_surname_nav{margin-top:50px;overflow:hidden;}
.s_surname_nav .badge{width:24px;height:24px;line-height:24px;border-radius:100%;color:#f8f8f8;background:#585858;margin:3px 2.5px;text-align:center;font-size:14px;font-family:Arial;font-weight:400;padding:0;}
.s_surname_nav li:hover,.s_surname_nav li.active{background:#B0B0B0;color:#585858;cursor:pointer;}
#surname{position:relative;max-width:97%;padding:15px 0 5px;height:500px;overflow:hidden}
.surnamebox04{max-height:500px;overflow-x:hidden;overflow-y: auto;}
.s_browse_cmn{display:block;}
.s_browse_cmn.active{display:block;}
/*家谱姓氏浏览*/
.surname_list{margin-top:15px;}
.surname_item dl i{font-style:normal;}
.surname_item dl{overflow:hidden;padding:3px 8px;margin:5px 0;cursor:pointer;height:125px;}
.surname_item dl.active,.surname_item dl:hover{position:relative;z-index:2;background:#282828;border-radius:4px;border:1px solid #403F3F;padding:3px 8px;}
.surname_item dl dt,.surname_item dl dd{display:block;padding:5px 0;}
.surname_item dl dt{border-bottom:1px solid;border-color:#AEAEAE;}
.surname_item dl dt .familyName{font-size:24px;font-weight:400;}
.surname_item dl dt i{font-size:16px;margin-left:5px;vertical-align:bottom;font-weight:400;}
.surname_item dl dd .nameNum{font-size:18px;float:left;}
.surname_item dl dd .nameNum span{font-size:20px;}
.surname_item dl dd .nameNum i{font-size:14px;font-weight:normal;margin-left:3px;}
.surname_item dl dd .name_sort{position:relative;float:right;}
.surname_item dl dd p{display:block;font-size:12px;text-align:right;}
/*姓氏浏览具体信息*/
#myCarousel{position:relative;min-height:600px;}
.carousel{color:#E6E6E6;font-size:14px;}
.carousel i{font-style:normal;}
.carousel a{color:#fff;}
.carousel_inner{position:relative;overflow:hidden;width:100%;}
.carousel_inner a:hover{color:#fff;}
.carousel_inner>.item{display: none;position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}
.carousel_inner>.active, .carousel_inner>.next, .carousel_inner>.prev{display:block;}
.carousel_inner>.active{left:0;}
.carousel_inner h4{border-left:2px solid #fff;text-indent:0.5em;margin-bottom:15px;color:#fff;}
.familynamesbox{margin-top:50px;}
.familynames{margin-bottom:15px;}
.anstor_name_bg{background:url(/images/charBox.svg) no-repeat center/cover;width:70px;height:70px;display:inline-block;margin-right:5px;}
.anstor_name_bg p{font-size:14px;text-align:center;}
.anstor_name_bg p:first-child{padding-top:10px;font-size:30px;}
/* .anstor_name_bg p:last-child{margin-top:-5px;} */
/* .description{margin-left:30px;} */
.description a{padding:5px 0;display:inline-block;border-bottom:1px solid #fff;font-size:12px;}
#persons li{float:left;margin:0px 20px 5px 0px;}
#persons li a.active,#persons li:hover a{border-bottom:1px solid #949494;color:#fff;}
#works li{margin:10px 0;}
#works li a.active{border-bottom:1px solid #949494;display:inline-block;}
.introduced img{max-width:15px;max-height:30px;}
.leftLine{border-left:1px solid #808080;}
#roles{margin-left:10px;}
#roles img{max-width:20px;max-height:20px;display:inline-block;vertical-align:baseline;}
#works li:hover a{border-bottom:1px solid #949494;display:inline-block;color:#fff;}
.intr_details ul li{margin:5px 0;}
.intr_details ul li:hover a{color:#fff;border-bottom:1px solid #949494;}
.changeA{display:inline-block;padding:0 5px;border:1px solid #949494;border-radius:4px;color:#fff;font-size:12px;}
.carousel_inner .changeA:hover{background:#fff;color:#2a2a2a;border:none;}
.introduced a:hover{border-bottom:1px solid #949494;}
#note{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;}
/* footer */
.footerbox05{color: #848484;font-size: 14px;text-align: center;padding: 20px 0;width:100%;padding:60px 15px 5px;}
.footerbox05 a{color:#848484;}
.footerbox05 i{margin:0 10px;}
/* 搜索 */
.s_search01{width:100%;margin-top:30px;margin-bottom:20px;}
.search_type_box{width:630px;margin:0 auto;}
.swiper-container{height:480px;}
.searchbox2{margin-top:10px;}
/* 滚动轴美化 竖轴 */
.scrollbar04::-webkit-scrollbar{ /*滚动条整体样式*/
    width: 2px;
    height:1px;
}
.scrollbar04::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
    border-radius:2px; 
	background: #E9E9E9;
}
.scrollbar04::-webkit-scrollbar-track{/*滚动条里面轨道*/
    border-radius: 2px;   
	background-color: #979797;
}
.scrollbar04::-webkit-scrollbar-corner{
	background-color: #979797;
}
/* 加载数据 */
.model_loading01{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;}
.model_pic01{width:200px;background:#fff;background:#fff;font-size:14px;color:#333;position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-50px;padding:15px;text-align:center;border:1px solid #ddd;}

@keyframes dotrotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes dotscale {
    0%, 10% { width: 16px; height: 16px; margin-left: -8px;  margin-top: -4px; }
    50% { width: 8px; height: 8px; margin-left: -4px; margin-top: 0; }
    90%, 100% { width: 16px; height: 16px;  margin-left: -8px;  margin-top: -4px; }
}
@-webkit-keyframes flash{
    0%{opacity:0;}
    50%{opacity:0.5}
    100%{opacity:1;}
}
@keyframes flash{
    0%{opacity:0;}
    50%{opacity:0.5}
    100%{opacity:1;}
}
@media screen and (max-width:1440px){
.s_search{top:40%;}
.s-search-p{top:22%;}
.s_search_p{top:-45%;}
}
@media screen and (min-width:1036px) and (max-width:1200px){
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
.s_search{width:630px;top:35%;}
.s-search-p{top:15%;}
s_search_p{top:15%}
}
@media screen and (min-width:993px) and (max-width:1035px){
.s_search{width:630px;top:35%;}  
.s_logy{margin-top:20px;}
.dpwn_btn{bottom:0}
}
@media screen and (max-width:992px){
.s_search{width:630px;top:35%;}
.s_logy{margin-top:15px;}
.dpwn_btn{bottom:5px;}
.form_control_box .s_search_text{font-size:14px;}
}
@media screen and (min-width:768px) and (max-width:991px){ 
.swiper-container{height:320px;} 
.banner .ant-carousel .slick-initialized .slick-slide{height:320px;}
.s_surname_nav .badge{width:26px;height:26px;line-height:26px;}
.familynamesbox{margin-top:30px;}
.s_browse{top:387px}    
.s_browse.show{
    -webkit-transform: translate3d(0px,-320px,0);
    -moz-transform: translate3d(0px,-320px,0);
    transform: translate3d(0px,-320px,0);   
  }
}
@media screen and (max-width:767px){
.swiper-container{height:240px;}
.banner .ant-carousel .slick-initialized .slick-slide{height:240px;}
.searchbox2{width:100%;}
.searchbox2 .form_control_box{width:100%;}
.description{margin:0;margin-top:20px;}
.familynamesbox{display:block}
.familynames{display:inline;}
.descriptionP{display:block;width:100%;}
.search_type_box{width:100%;}
.s-search-p{top:12%;}
.s_search_p{top:-85%;}
.search_type{margin-bottom:0;}
.logo i{display:none;}
.s_logy{display:none;}
.logo .logo_text p{display:none;}
.logo .logo_text span{display:none;} 
.footerbox05{padding:40px 15px 5px;}
.familynamesbox{margin-top:10px;}
.s_browse{top:307px}   
.s_browse.show{
    -webkit-transform: translate3d(0px,-240px,0);
    -moz-transform: translate3d(0px,-240px,0);
    transform: translate3d(0px,-240px,0);
  }
}
@media screen and (min-width:599px) and (max-width:767px){
.form_control_box{width:400px;}
.s-search-p{top:22%;}
.s_search_p{top:-45%;}
.s_search{width:400px;margin-left:-200px;}
.s-search-p{width:600px;margin-left:-300px;}
.s-search-p h4{line-height:25px;font-size:25px;letter-spacing:inherit;}
.s_search_p{width:600px;margin-left:-300px;}
.s_search_p h4{line-height:25px;font-size:25px;letter-spacing:inherit;}
.s_surname_nav .badge{width:26px;height:26px;line-height:26px;}
.search_type{margin:0 auto;display:table;float:none;margin-bottom:10px;}  
}
@media screen and (max-width:599px){
.form_control_box{width:400px;}
.s_search{width:400px;margin-left:-200px;top:35%;}
.s-search-p{width:400px;margin-left:-200px;}
.s-search-p h4{line-height:25px;font-size:25px;letter-spacing:inherit;}
.s_search_p{width:400px;margin-left:-200px;}
.s_search_p h4{line-height:25px;font-size:25px;letter-spacing:inherit;}
.form_control_box .s_search_text{padding-left:0.5em;height:40px;}
.search_icon2{top:9px !important}
.search_type{margin:0 auto;display:table;float:none;margin-bottom:10px;}
}
@media screen and (min-width:481px) and (max-width:598px){
.form_control_box{width:300px;}
.s_search{width:300px;margin-left:-150px;top:45%;}
.s-search-p{width:300px;margin-left:-150px;}
.s-search-p h4{line-height:30px;font-size:25px;letter-spacing:inherit;}
.s_search_p{width:300px;margin-left:-150px;}
.s_search_p h4{line-height:35px;font-size:25px;letter-spacing:inherit;}
.search_type{margin:0 auto;display:table;float:none;}
.form_control_box .s_search_text{padding-left:0.5em;height:40px;}
.search_icon2{top:9px !important}
.surname_item dl dt .familyName{font-size:20px;}
.surname_item dl dd .nameNum{font-size:16px;width:auto;}
}
@media screen and (min-width:360px) and (max-width:480px){
.form_control_box{width:280px;}
.s_search{width:280px;margin-left:-140px;top:45%;}
.s-search-p{width:280px;margin-left:-140px;}
.s-search-p h4{font-size:28px;letter-spacing: inherit;line-height:30px;}
.s_search_p{width:280px;margin-left:-140px;}
.s_search_p h4{font-size:26px;letter-spacing: inherit;line-height:30px;}
.search_type li{font-size:13px;}
.form_control_box .s_search_text{padding-left:0.5em;height:40px;}
.search_icon2{top:9px !important}
.search_type{margin:0 auto;display:table;float:none;}
.surname_item dl dt .familyName{font-size:20px;}
.surname_item dl dd .nameNum{font-size:16px;width:auto;} 
}
@media screen and (min-width:321px) and (max-width:359px){
.form_control_box{width:240px;}
.s_search{width:240px;margin-left:-120px;top:45%;}
.s-search-p{width:240px;margin-left:-120px;}
.s-search-p h4{font-size:28px;letter-spacing: inherit;line-height:30px;}
.s_search_p{width:240px;margin-left:-120px;}
.s_search_p h4{font-size:26px;letter-spacing: inherit;line-height:30px;}
.search_type{margin:0 auto;display:table;float:none;}
.form_control_box .s_search_text{padding-left:0.5em;height:40px;}
.search_icon2{top:9px !important;}
.search_type li{font-size:13px;}
.surname_item dl dt .familyName{font-size:20px;}
.surname_item dl dd .nameNum{font-size:16px;width:auto;}
}
@media screen and (max-width:320px){
.form_control_box{width:200px;}
.s_search{width:200px;margin-left:-100px;top:40%;}
.s-search-p{width:200px;margin-left:-100px;}
.s-search-p h4{font-size:24px;letter-spacing: inherit;line-height:30px;}
.s_search_p{width:200px;margin-left:-100px;}
.s_search_p h4{font-size:24px;letter-spacing: inherit;line-height:30px;}
.search_type{margin:0 auto;display:table;float:none;}
.search_type li{font-size:13px;}
.form_control_box .s_search_text{font-size:12px;padding-left:0.5em;}
.form_control_box .search_icon{width:18px;height:18px;top:17px;right:6px;}
.s_surname_nav .badge{width:26px;height:26px;line-height:26px;}
.surname_item dl dt .familyName{font-size:14px;}
.surname_item dl dd .nameNum{font-size:14px;width:auto;}
.surname_item dl dt i{margin-left:0;}
}