/**

潍坊商事调解中心 - 分支机构

*/

hr {margin: 0;padding: 0;}
.branch {
	min-height: 828px;
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center;
	background-color: #F7F7F7;
}
.branch .til {
	width: 480px;
	height: 70px;
	line-height: 70px;
	margin-top: 80px;
	background-color: #0089E5;
	border-radius: 34px;
}
.branch .til img {
	height: 54px;
	width: 300px;
	margin: 8px auto;
}
.line {
	height: 100px;
	width: 990px;
}
.line .topCon {
	height: 30px;
	width: 978px;
	border-bottom: 2px dashed #0089E5;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}

.line .middleCon {
	height: 60px;
	width: 980px;
	border: 2px dashed #0089E5;
	border-width: 0 2px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.line .topCon hr, .line .middleCon hr {
	width: 0;
	border: 0.5px dashed #0089E5;
}
.line .middleCon div {
    height: 100%;
    width: 33.3%;
    border: 2px dashed #0089E5;
    border-width: 0 2px;
}
.line .bottomCon {
	display: flex;
	justify-content: space-between;
}
.line .bottomCon div {
	height: 8px;
	width: 8px;
	border-radius: 8px;
	background-color: #0089E5;
	position: relative;
	top: 4px;
	z-index: 20;
}
/**********************************/


.slider {
    min-width: 1200px;
    height: 554px;
    margin: 0 auto;
    padding: 0 20px;

    display: flex;
}
.slider .item {
    width: 320px;
    height: 444px;

    box-shadow: 0px 1px 3px #ffffff;
    background: #fff;
    box-shadow: 0px 6px 20px 0px rgba(0, 57, 155, 0.12);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;

    margin-right: 10px;

}


/*
.slider_circle {
    position: relative;
    min-width: 1200px;
    height: 554px;
    margin: 0 auto;
    user-select: none;
}

.slider_circle > * {
    transition: ease all 1s;
}

.slider_circle > div,
.slider_circle .hidden {
    opacity: 0;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 1px;
    height: 1px;
    z-index: 0;
    overflow: hidden;
}

.slider_circle .active {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 34%;
    width: 374px;
    height: 100%;
    z-index: 10;
}

.slider_circle .prev1,
.slider_circle .next1 {
    opacity: 0.9;
    position: absolute;
    top: 0px;
    left: 54%;
    margin-left: -55%;
    width: 374px;
    height: 554px;
    z-index: 9;
}

.slider_circle .next1 {
    margin-left: 15%;
}

.slider_circle .prev2,
.slider_circle .next2 {
    opacity: 0.7;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50%;
    width: 15%;
    height: 15%;
    z-index: 8;
}

.slider_circle .next2 {
    margin-left: 35%;
}

.next_button,
.prev_button {
    position: absolute;
    left: 105% !important;
    top: 50% !important;
    margin: -15px 0 0 -25px !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #000 !important;
    background: #fff !important;
    opacity: 0.5 !important;
    z-index: 5000 !important;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    border-radius: 50%; 
}

.prev_button {
    position: absolute;
    left: -4% !important;
}

.next_button:hover,
.prev_button:hover {
    opacity: 1 !important;
}
.next_button:after,
.prev_button:after {
    content: "";
    position: absolute;
    top: 62%;
    left: 50%;
    width: 1px;
    height: 1px;
    margin-top: -10px;
}

.next_button:after {
    border-left: 10px solid #000;
    border-right: 18px solid transparent;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    margin-left: -3px;
}

.prev_button:after {
    border-right: 10px solid #000;
    border-left: 18px solid transparent;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    margin-left: -25px;
}

div.slider > div:not(.nav_indicators):not(.next_button):not(.prev_button) {
    box-shadow: 0px 1px 3px #ffffff;
    background: #fff;
    box-shadow: 0px 6px 20px 0px rgba(0, 57, 155, 0.12);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.slider_circle .active {
    position: relative;
} */

.slider_circle .itemImg {
    width: 294px;
    height: 200px;
    margin: 14px 20px;
}
.slider_circle .itemTil {
    font-size: 28px;
    color: #555555;
    margin-bottom: 20px;
}
.slider_circle .itemCon {
    width: 288px;
	height: 140px;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 26px;
	text-align: center;
}
.slider_circle .itemBtn {
	height: 28px;
	font-size: 16px;
	font-weight: 400;
	color: #0089E5;
	line-height: 28px;
	position: absolute;
	bottom: 16px;
    cursor: pointer;
}