@import url("../../../css/bootstrap.min.css");
@import url("../../../libs/font-awesome/css/font-awesome.min.css");

html,
body,
#content-container {
    background-color: #fff;
}

footer {
    padding: 0;
}
.span-input{
    text-align: left;display: block;width: 100%;height: 31px;padding: 6px 12px;font-size: 12px;
}
.show_input{
    text-align: left;
    padding-top: 7px;
}
#footer {
    margin-top: 0;
}

.font16 {
    font-size: 16px;
}

.font12 {
    font-size: 12px;
}

a:hover,
a:focus {
    text-decoration: none;
}

.color0 {
    color: #000;
}

.color3 {
    color: #333;
}

.color6 {
    color: #666;
}

.color9 {
    color: #999;
}

.colore {
    color: #eee;
}

.colorf {
    color: #fff;
}

.bgcolor0 {
    background-color: #000;
}

.bgcolor3 {
    background-color: #333;
}

.bgcolor6 {
    background-color: #666;
}

.bgcolor9 {
    background-color: #999;
}

.bgcolore {
    background-color: #eee;
}

.bgcolorf {
    background-color: #fff;
}

.breadcrumb{
    background-color: transparent;margin: 0;padding: 0;
}
/*底部导航*/

#footer {
    background-color: #404040;
    color: #fff;
}

.footer-inner {
    min-height: 268px;
}
.position-relative{
    position: relative;
}
.row ,.pagelist{
    text-align: center;
}
.article-text{
	text-align: left;
}

.links_name {
    font-weight: bold;
    font-size: 16px;
}

.links>li>a {
    color: #fff;
}
#copyright {
    background-color: #313131;
    padding: 5px 0;
    text-align: center;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
}

.qrcode p {
    padding-top: 15px;
}

#copyright a {
    color: #fff;
}

.my {
    text-align: left;
    /*border-left: 1px solid #313131;*/
}

.my>.links_name {
    display: inline-block;
    margin-bottom: 20px;
    height: 22px;
    line-height: 22px;
}

.my .links>img {
    float: left;
}

.my .links li {
    height: calc(135px / 5);
    font-size: 14px;
    line-height: calc(135px / 5);
   // padding-left: 36px;
}

.tel {
    font-weight: bold;
}


/*导航*/

.navbar {
    background-color: #fff;
    border-color: 0;
    margin-bottom: 0;
    height: 100px;
}

.navbar-nav>li {
	margin-top: 20px;
    padding: 0 20px;
}

.navbar-brand {
    position: relative;
}

.navbar-brand img {
    height: 100px;
    width: 327px;
    position: absolute;
    top: 0;
    left: 0;
}

.navbar-inverse {
    border: 0;
}

/* .navbar-nav {
        height: 60px;
}
.navbar-nav li {
        height: 60px;
} */

.navbar-inverse .navbar-nav>li>a {
    color: #1a1a1a;
    padding-bottom: 13px;
}

.nav-login {
    margin-top: 10px;
}

.navbar-collapse {
    padding-top: 10px;
}

.navbar-inverse .navbar-nav>.active1>a,
.navbar-inverse .navbar-nav>.active1>a:hover,
.navbar-inverse .navbar-nav>.active1>a:focus {
    color: #C3320F;
    background-color: transparent;
    border-bottom: 2px solid #C3320F;
    line-height: 20px;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #333;
    border-bottom: 2px solid #333;
    line-height: 20px;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>.active:nth-child(1)>a,
.navbar-inverse .navbar-nav>.active:nth-child(1)>a:hover,
.navbar-inverse .navbar-nav>.active:nth-child(1)>a:focus {
    color: #6022BD;
    border-bottom: 2px solid #6022BD;
}

.navbar-inverse .navbar-nav>.dropdown1:nth-child(1)>a:hover,
.navbar-inverse .navbar-nav>.dropdown1:nth-child(1)>a:focus,
.navbar-inverse .navbar-nav>.dropdown1:nth-child(2)>a:hover,
.navbar-inverse .navbar-nav>.dropdown1:nth-child(2)>a:focus,
.navbar-inverse .navbar-nav>.dropdown1:nth-child(3)>a:hover,
.navbar-inverse .navbar-nav>.dropdown1:nth-child(3)>a:focus {
	color: #C3320F;
	border-bottom: 2px solid #C3320F;
	padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>li:nth-child(1)>a:hover,
.navbar-inverse .navbar-nav>li:nth-child(1)>a:focus {
    color: #6022BD;
    border-bottom: 2px solid #6022BD;
}

.navbar-inverse .navbar-nav>.active:nth-child(2)>a,
.navbar-inverse .navbar-nav>.active:nth-child(2)>a:hover,
.navbar-inverse .navbar-nav>.active:nth-child(2)>a:focus {
    color: #0380FF;
    border-bottom: 2px solid #0380FF;
}

.navbar-inverse .navbar-nav>li:nth-child(2)>a:hover,
.navbar-inverse .navbar-nav>li:nth-child(2)>a:focus {
    color: #0380FF;
    border-bottom: 2px solid #0380FF;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>.active:nth-child(3)>a,
.navbar-inverse .navbar-nav>.active:nth-child(3)>a:hover,
.navbar-inverse .navbar-nav>.active:nth-child(3)>a:focus {
    color: #259028;
    border-bottom: 2px solid #259028;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>li:nth-child(3)>a:hover,
.navbar-inverse .navbar-nav>li:nth-child(3)>a:focus {
    color: #259028;
    border-bottom: 2px solid #259028;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>.active:nth-child(4)>a,
.navbar-inverse .navbar-nav>.active:nth-child(4)>a:hover,
.navbar-inverse .navbar-nav>.active:nth-child(4)>a:focus {
    color: #C23210;
    border-bottom: 2px solid #C23210;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>li:nth-child(4)>a:hover,
.navbar-inverse .navbar-nav>li:nth-child(4)>a:focus {
    color: #C23210;
    border-bottom: 2px solid #C23210;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>.active:nth-child(5)>a,
.navbar-inverse .navbar-nav>.active:nth-child(5)>a:hover,
.navbar-inverse .navbar-nav>.active:nth-child(5)>a:focus {
    color: #BEAA2C;
    border-bottom: 2px solid #BEAA2C;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>li:nth-child(5)>a:hover,
.navbar-inverse .navbar-nav>li:nth-child(5)>a:focus {
    color: #BEAA2C;
    border-bottom: 2px solid #BEAA2C;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>.active:nth-child(6)>a,
.navbar-inverse .navbar-nav>.active:nth-child(6)>a:hover,
.navbar-inverse .navbar-nav>.active:nth-child(6)>a:focus {
    color: #333;
    border-bottom: 2px solid #333;
    padding-bottom: 13px;
}

.navbar-inverse .navbar-nav>li:nth-child(6)>a:hover,
.navbar-inverse .navbar-nav>li:nth-child(6)>a:focus {
    color: #333;
    border-bottom: 2px solid #333;
    padding-bottom: 13px;
}

.navbar-nav>li>a {
    padding-top: 0;
}

.dropdown-menu {
    color: #fff;
    background-color: rgba(3,128,255,0.7);
    min-width: 100px;
    text-align: center;
}

.dropdown-son1 {
    background-color: rgba(37,144,40,0.7);    
}

.dropdown-son2 {
    background-color: rgba(194,50,16,0.7);    
}

.dropdown-son3 {
    background-color: rgba(190,170,44,0.7);    
}
.dropdown-son4 {
    background-color: rgba(26,26,26,.7);    
}

.dropdown-menu:nth-child(2)>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #fff;
    background-color: #0380FF;
    line-height: 50px;
}

.dropdown-son1:nth-child(2)>li>a:hover,
.dropdown-son1>li>a:focus {
    background-color: rgb(37,144,40);
}

.dropdown-son2:nth-child(2)>li>a:hover,
.dropdown-son2>li>a:focus {
    background-color: rgb(194,50,16);    
}

.dropdown-son3:nth-child(2)>li>a:hover,
.dropdown-son3>li>a:focus {
    background-color: rgb(190,170,44);    
}
.dropdown-son4:nth-child(2)>li>a:hover, 
.dropdown-son4>li>a:focus{
    background-color: #1a1a1a;    
}

.dropdown-menu>li>a {
    color: #fff;
    line-height: 50px;
}

.navbar-collapse {
    margin-top: calc(18px + 16.5px);
}

.nav-login {
    float: right;
    color: #fff;
    padding-top: 10px;
    padding-right: 20px;
    color: #666;
	font-size:16px;
}

.nav-login a {
    color: #666;
}


/*首页*/

.index-top {
    top: 18px;
    text-align: center;
    margin-bottom: 60px;
}

.top-title {
    font-size: 34px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 60px;
}

.index-top p {
    color: #999;
    font-size: 16px;
}

.content-title {
    font-size: 24px;
}

.c-container {
    margin: 30px 0;
    padding: 30px;
    height: 334px;
    position: relative;
    color: #333;
}

.index-content {
    height: 394px;
    overflow: hidden;
    margin-bottom: 50px;
}

.index-content img {
    height: 394px;
}

.page .conten-c {
    color: #fff;
}

.conten-c {
    color: #666;
    font-size: 16px;
    line-height: 30px;
}

.more {
    position: absolute;
    bottom: 70px;
}

.more1 {
    right: 30px;
}

.more2 {
    left: 30px;
}

.page .more>a {
    color: #fff;
}

.more>a {
    color: #666;
    font-size: 14px;
}


/*page*/

.page-content {
    margin: 30px 0;
}

.list-inline {
    margin-bottom: 0;
}


/*投影*/

.tabs-wrapper .tabs-mark-group {
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .2);
    border: 0;
}

.tabs-wrapper .tabs-mark-group .classify {
    padding: 0 10px;
}

.tabs-wrapper .tabs-mark-group .classify a {
    padding-bottom: 10px;
    color: #333;
}

.tabs-wrapper .tabs-mark-group .current a {
    padding-bottom: 10px;
    color: #333;
    border-bottom: 2px solid #333;
}

.tabs-wrapper .tabs-mark-group .classify a:focus,
.tabs-wrapper .tabs-mark-group .classify a:hover {
    color: #333;
}

.tabs-wrapper .tabs-mark-group .nav_bin a {
    color: #0380FF;
    border-bottom: 2px solid #0380FF;
}

.tabs-wrapper .tabs-mark-group .nav_bin a:focus,
.tabs-wrapper .tabs-mark-group .nav_bin a:hover {
    color: #0380FF;
}

.tabs-wrapper .tabs-mark-group .nav_zang a {
    color: #259028;
    border-bottom: 2px solid #259028;
}

.tabs-wrapper .tabs-mark-group .nav_zang a:focus,
.tabs-wrapper .tabs-mark-group .nav_zang a:hover {
    color: #259028;
}

.tabs-wrapper .tabs-mark-group .nav_ji a {
    color: #C3320F;
    border-bottom: 2px solid #C3320F;
}

.tabs-wrapper .tabs-mark-group .nav_ji a:focus,
.tabs-wrapper .tabs-mark-group .nav_ji a:hover {
    color: #C3320F;
}
.tabs-wrapper .tabs-mark-group .nav_chuan a {
    color: #BEAA2C;
    border-bottom: 2px solid #BEAA2C;
}

.tabs-wrapper .tabs-mark-group .nav_chuan a:focus,
.tabs-wrapper .tabs-mark-group .nav_chuan a:hover {
    color: #BEAA2C;
}


/*殡  礼  文化宣传*/

#li_conent>li {
    display: block;
    line-height: 19px;
    padding: 20px 15px;
}

#li_conent >li:hover {
    background-color: #0380FF;
}
#li_conent >.zxdt_li:hover{
	background-color: #c6c6c6;
}

#li_conent >li:hover a {
    color: #fff;
    text-decoration: none;
}
#li_conent >li:hover a div p{
    color: #fff;
}

#li_conent >li .pull-left {
    text-align: right;
    margin-right: 20px;
}

.img-text {
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
}

.li-img {
    height: 384px;
    position: relative;
}

#li_conent {
    margin-bottom: 32px;
}


/*殡  品  网购留言*/

.pin-list>li {
    margin-bottom: 15px;
    box-sizing: border-box;
}

.pin-list>li>p {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.pin-list>li>img {
    height: 250px;
    width: 100%;
}

#buy h1 {
    padding-bottom: 60px;
}

.col33{
	padding: 0;
	margin: 15px;
	width: calc((100% - 120px) / 3);
	border: 2px solid #eee;
}
.col3 {
    padding: 0;
    margin: 15px;
    width: calc((100% - 120px) / 4);
    border: 2px solid #eee;
}

.col12 {
    margin: 0;
}

.col3:hover {
    border: 2px solid #0380FF;
}
.muti_hover:hover{
    border: 2px solid #259028;
}


/*.col3:hover .col12{
        background-color: #0380FF;
        color: #fff;
        margin: 0;
}*/

.clear {
    clear: both;
}

.layui-timeline-axis {
    color: #268F28;
    background-color: #268F28;
    left: -4px;
}

.layui-timeline-item:before,
hr {
    background-color: #268F28;
    width: 3px;
}

.layui-text h3 {
    color: #268F28;
}


/*殡 仪 特色服务*/

#yi-img {
    position: relative;
}

#yi-img .col-md-3,
#yi-img .col-md-6 {
    margin-bottom: 30px;
}

#yi-img .col-md-3 img,
#yi-img .col-md-6 img {
    width: 100%;
    height: calc(280px - 48px);
    display: block;
    border: 2px solid #fff;
}

#yi-img .col-md-3 div,
#yi-img .col-md-6 div {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    background-color: rgba(26, 26, 26, .7);
    color: #fff;
    text-align: center;
}

#yi-img .col-md-3:hover div,
#yi-img .col-md-6:hover div {
    background-color: rgba(3, 128, 255, .7);
    color: #fff;
}

#yi-img .col-md-3:hover img,
#yi-img .col-md-6:hover img {
    border: 2px solid #0380FF;
}

#buy {
    text-align: center;
}


/*传 通知公告*/

.tzgg,
.myjy {
    color: #666;
}

.tzgg-num,
.myjy-num {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    margin: 5px;
    color: #fff;
    background-color: #999;
    margin-right: 20px;
}

.myjy-content {
    border-bottom: 1px dashed #999;
}

.tzgg-content {
    border-bottom: 1px dashed #BEAB2B;
}

.tzgg-content,
.myjy-content {
    line-height: 30px;
    font-size: 16px;
}

.tzgg-content p,
.myjy-content p {
    margin: 10px 0;
}

.tzgg:hover .tzgg-num {
    background-color: #BEAB2B;
}

.myjy:hover .myjy-num {
    background-color: #C33311;
}

.tzgg:hover p span,
.myjy:hover p span {
    color: #333;
}

.tzgg:hover p,
.myjy:hover p {
    color: #000;
}

.tzgg:hover a,
.myjy:hover a {
    color: #fff;
    text-decoration: none;
}


/*传 其他*/

.chuan-img {
    display: block;
    height: 100px;
}

.chuan-content {
    height: 100px;
    position: relative;
}

.chuan-content .p1 {
    font-size: 16px;
}

.chuan-content .p2 {
    color: #666;
}

.gengd {
    position: absolute;
    bottom: 0px;
    width: calc(100% - 30px);
    font-size: 12px;
}
.gengd a {
    color: #666;
}


/*祭*/


/*网上祭奠*/
.btn-success1{
    color: #fff;
    background-color: #c33210;
    border-color: #c33210;
}
.btn-success1:hover, .btn-success1:focus, .btn-success1.focus {
    color: #fff;
    text-decoration: none;
}
.wsjd-header {
    color: #fff;
    padding-bottom: 90px;
}

.wsjd-bt {
    background-color: #FFD8CF;
    color: #fff;
    text-align: center;
    width: calc((100% - 150px) / 4);
    margin: 15px;
    height: 90px;
    line-height: 90px;
    font-size: 20px;
    border-radius: 6px;
}

.wsjd-bt a {
    color: #C43815;
}

.wsjd-bt:hover a {
    color: #fff;
    text-decoration: none;
}

.wsjd-bt:hover {
    background-color: #C33210;
}

.wsjd-img1 {
    display: inline-block;
}

.wsjd-img2 {
    display: none;
}

.wsjd-bt:hover .wsjd-img1 {
    display: none;
}

.wsjd-bt:hover .wsjd-img2 {
    display: inline-block;
}


/*在线追思*/

.zxzs-title,
.zxjd-title {
    line-height: 40px;
    height: 40px;
    margin-top: 40px;
}

.zxzs-title>.pull-left,
.zxjd-title>.pull-left {
    font-size: 18px;
    margin: 0;
}

.zxzs-title>.pull-right {
    margin: 0;
}
.top_img{
    margin-top: 100px;
}
.zxzs-list a{
    display: inline-block;
    margin-top: 10px;
    padding: 0 5px;
    width: calc((100% - 50px) / 5);
}

.zxzs-list a li>img {
    border: 2px solid #fff;
    height: 160px;
}

.zxzs-list a li:hover>img {
    border: 2px solid #C33311;
}

.zxzs-list a li>p {
    margin: 5px 0;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    color: #333;
    padding: 5px 0;
}

.zxzs-list a li:hover>p {
    background-color: #C33311;
    color: #fff;
}

.zxjd-list {
    border: 1px solid #eee;
    margin-top: 10px;
    padding: 10px;
    height: 414px;
}

.zxjd-list li {
    height: 50px;
    line-height: 50px;
}

.zxjd-list li p {
    margin: 0;
}

.zxjd-list li .pull-left {
    font-size: 14px;
}

#wsjd-content2 .top .container .pull-right {
    margin-right: 45px;
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    padding: 15px 40px;
    text-align: center;
    color: #fff;
}

#wsjd-content2 .top .container .pull-right p {
    padding-bottom: 15px;
}

#wsjd-content2 .top .container>div {
    width: 260px;
}

.wsjd-btn {
    background: #C33311;
    border-radius: 2px;
    height: 36px;
    line-height: 36px;
    margin: 30px;

}

.wsjd-btn a:hover,
.wsjd-btn a:focus {
    color: #fff;
}


/*网上祭奠 纪念馆管理*/

#jng-menu-title {
    font-size: 18px;
    padding: 20px;
    border: 2px solid #eee;
    border-bottom: 0;
    font-weight: bold;
}

#jng-menu-list,
#jng-main-cj,
#zhxx-my,
#zhxx-edit,
#jzzh-add {
    border: 2px solid #eee;
    padding: 10px 0;
}

#jng-main-cj-title,
#zhxx-my-title,
#jzzh-add-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 40px;
    padding-bottom: 60px;
}

.sub_list ,.sub_list1,.sub_list2{
    font-size: 16px;
    padding: 10px 20px;
    border-left: 3px solid #fff;
}

.sub_list-hover {
    border-left: 3px solid #C33311;
    background-color: #eee;
}
.sub_list-hover1{
    border-left: 3px solid #333;
    background-color: #eee;
}
.sub_list-hover2{
    border-left: 3px solid #259028;
    background-color: #eee;
}
.sub_list2:hover {
    border-left: 3px solid #259028;
    background-color: #eee;
}
.sub_list1:hover {
    border-left: 3px solid #333;
    background-color: #eee;
}

.sub_list:hover {
    border-left: 3px solid #C33311;
    background-color: #eee;
}

#jng-main-gl ul li {
    padding-bottom: 30px;
    height: 15rem;
}

#jng-main-gl ul li>img {
    height: 100%;
}

#jng-main-gl ul li>div {
    position: relative;
    height: 100%;
}

#jng-main-gl ul li .bianji{
    display: inline-block;
    padding: 5px 40px;
    position: absolute;
    bottom: 0;
    border-radius: 3px;
}

#jng-main-gl ul li .bianji:hover {
    color: #fff;
    background-color: #C33311;
}

#jng-main-zs table {
    line-height: 30px;
    text-align: center;
    border: 2px solid #eee;
}

#zhxx-my .form-control {
    border: 0;
    background-color: #fff;
}


/*登录*/

.log_main {
    padding: 20px 40px;
    height: 100%;
    width: 100%;
}

.log_title {
    font-size: 20px;
    color: #333;
    padding-top: 50px;
}

.log_input {
    margin-top: 20px;
}

.log_left {
    border-right: 1px dashed #e0e0e0;
    padding-right: 50px;
}

.log_right {
    padding-left: 50px;
    padding-top: 40px
}

.log_submit {
    background-color: #c33311;
    color: #fff;
}

.log_submit:hover {
    color: #fff;
}

.log_qrcode {
    width: 140px;
    text-align: center;
}

/* 传  信息查询 */
#xxcx_title {
	font-size: 22px;
	color: #443d0b;
	text-align: center;
	line-height: 70px;
	background-color: #f7f6ef;
	border: 2px solid #eae7d7;
}

.lt_tab {
	/* border-color: #f7f6ef; */
	margin-bottom: 66px;
}
.lt_tab td{border: 2px solid #f3f0dc;}

.tab_color {
	background-color: #e6e3d1;
	color: #443d0b;
}

.col_t {
	color: #443d0b;
}

.lt_tab td {
	height: 40px;
	width: 108px;
	text-align: center;
	font-size: 16px;
}

/* 首页 单页 详情页 */
.article-detail-main{
    margin-top: 100px;
}
#jg{
    border: 2px solid #e0e0e0;
    padding: 0;
}
.jg_title{
    text-align: center;
    font-size: 20px;
    color: #333;
    height: 70px;
    line-height: 70px;
    border-bottom: 2px solid #e0e0e0;
}
.jg_main .table1{
	width: 100%;
	max-width: 100%;
}
.jg_main .table1 td{
	height: 40px;
}

.door-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    text-align: center;
    background-image: url('../img/pic.gif');
    background-size: cover;
    background-repeat: no-repeat;
}

.door-left,
.door-right {
    position: absolute;
    width: 50%;
    height: 100%;
    /*background-color: aqua;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.door-left {
    left: 0;
    top: 0;
    transform-origin: right;  
    background-image: url('../img/pic_01.jpg');
}

.door-right {
    right: 0;
    top: 0;
    transform-origin: left; 
    background-image: url('../img/pic_02.jpg');
}

.door {
    opacity: 0;
    transition: all 2.5s linear;
}

.door .door-left {
    transform: translateX(-100%);
    transition: all 2.5s linear;
}
.door .door-right {
    transform: translateX(100%);
    transition: all 2.5s linear;
}

#doorBtnIn {
    position: absolute;
    bottom: 100px;
    z-index: 10000;
    transform: translateX(-50%);
}