.guest{
	position: relative;
}
.guest>h4 {
    font-size: 18px;
    color: #282828;
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    /*text-indent: 1.4em;*/
    border-bottom: solid 2px #556450;
    /*padding-bottom: 7px;*/
    margin-bottom:8px;
}

.notice>h4 {
    font-size: 18px;
    color: #282828;
    height: 42px;
    line-height: 42px;
    /*font-weight: bold;*/
    /*text-indent: 1.4em;*/
    border-bottom: solid 2px #556450;
    /*padding-bottom: 7px;*/
    margin-bottom:8px;
    font-weight:bold;
}

@media (max-width:768px){
    .guest>h4 {
        font-size: 18px;
        color: #282828;
        height: 27px;
        line-height: 20px;
        /*font-weight: bold;*/
        /*text-indent: 1.4em;*/
        border-bottom: solid 2px #556450;
        /*padding-bottom: 7px;*/
        margin-bottom:8px;
    }

    .notice>h4 {
        font-size: 18px;
        color: #282828;
        height: 27px;
        line-height: 20px;
        /*font-weight: bold;*/
        /*text-indent: 1.4em;*/
        border-bottom: solid 2px #556450;
        /*padding-bottom: 7px;*/
        margin-bottom:8px;
    }

}

.guest>ul {
	margin: 0 2%;
	margin-top: 24px;
}

.guest>ul:before,
.guest>ul:after {
	display: table;
	content: '';
}

.guest>ul:after {
	clear: both;
}

.guest>ul>li {
	width: 100%;
	border: solid 1px #e2e2e2;
	border-left: solid 4px #556450;
	margin-bottom: 24px;
	position: relative;
}

.guest>ul>li:before,
.guest>ul>li:after {
	display: table;
	content: '';
}

.guest>ul>li:after {
	clear: both;
}



.notice{
    position: relative;
}


.notice>ul {
    margin: 0 1%;
    margin-top: 24px;
}

.notice>ul:before,
.notice>ul:after {
    display: table;
    content: '';
}

.notice>ul:after {
    clear: both;
}

.notice>ul>li {
    width: 100%;
    border: solid 1px #e2e2e2;
    /*border-left: solid 4px #556450;*/
    margin-bottom: 24px;
    position: relative;
}

.notice>ul>li:before,
.notice>ul>li:after {
    display: table;
    content: '';
}

.notice>ul>li:after {
    clear: both;
}



.person {
    /* border-left: solid 6px #556450; */
    width: 155px;
    height: 170px;
    margin-right: 13px;
    float: left;
    /* text-align: center; */
    overflow: hidden;
    display: inline-block;
    padding-left: 15px;
}

.person1 {
    /*border-left: solid 6px #556450;*/
    width: 227px;
    height: 130px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.contentShow{
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding-left: 17px;
    text-indent: 2em;
}

.information h3 {
	font-size: 14px;
	color: #333;
}

.information p {
	font-size: 14px;
	color: #6a6a6a;
}

.details {
	clear: both;
	padding: 28px 20px 0;
	/*display: none;*/
}

.details p {
	font-size: 16px;
	/*color: #787878;*/
    color:#585858;
}

.details1 {
    clear: both;
    padding: 28px 20px 0;
}

.details1 p {
    font-size: 16px;
    /*color: #787878;*/
    color:#585858;
}

.btn {
	width: 110px;
	text-align: center;
	background-color: #fff;
	cursor: pointer;
	border-radius: 0;
	float: right;
	margin-right: 11px;
	margin-bottom: 20px;
	/*border: solid 1px #556450;*/
}
.rotate {
	border: solid 1px #556450;
	color: #556450;
}
.rotate:hover{
	color: #556450;
}
.rotate>img,
.rotate1>img {
    margin-left: 4px;
}

.rotate1 {
    border: solid 1px #556450;
    background-color: #556450;
    color: #fff;
}
.rotate1:hover {
    color: #fff;
}
.jb_detail{
	margin: 0 2%;
    margin-top: 24px;
}
.toBack{
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	position:absolute;
	bottom:10px;
	left:30px;
	background-color:#97040a;
	color:#fff;
	padding:2px 16px;
}

/*@media (max-width:1330px) and (min-width:1199px) {
    .information{
        display: inline-block;
    }
}

@media (max-width:1199px) and (min-width:1090px) {
    .information{
        display: inline-block;
    }
}*/
@media (max-width:1199px) and (min-width:992px) {
    .btn {
        padding: 4px 12px;
        background-color: #fff;
        cursor: pointer;
        border-radius: 0;
        float: right;
        margin-right: 11px;
        margin-bottom: 10px;
        font-size: 12px;
        /*border: solid 1px #556450;*/
    }
    .rotate:hover {
        color: #556450;
    }
}

