/**
 * base.css
 */
html, body {
    margin: 0;
    font-size: 100%;
    background: #fff;
    font-family: "微软雅黑", Arial, Helvetica, Sans-Serif;
}
input:focus {
	outline: none;
}
.clearfix:before {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
.pt-md-4, .py-md-4 {
    padding: 1.5rem 0;
}
a, a:hover, a:focus {
	font-family: "微软雅黑", Arial, Helvetica, Sans-Serif;
	list-style: none;
	text-decoration: none!important;
}
li {
	list-style-type: none;
}
ul {
    margin: 0;
    padding: 0;
	list-style-type: none;
}
.main {
	background: #F7F9FA;
}
.main-container {
	min-height: 526px;
}


.footer_w3layouts_section_1its {
    background: #151515;
}
.pb-5, .py-5 {
    padding: 5rem 0;
}
.footer_w3layouts_section_1its h3, .footer_w3layouts_section_1its h2 {
    font-size: 1.3em;
    color: #eee;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.footer-text p.hot-number{
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	margin: 0;
}

.footer-text p{
	margin:0px;
	color: #707070;
	line-height: 1.8em;
	letter-spacing: 1px;
	font-size: 15px;
}

.copyright {
    background: #222;
}

.copyright p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8em;
    letter-spacing: 1px;
    color: #707579;
    font-family: "微软雅黑", Arial, Helvetica, Sans-Serif;
}

.text-center {
    text-align: center;
}

.pb-3, .py-3 {
    padding: 16px 20px;
}

.backToTop {
	width: 54px; 
	height: 54px;
	background: #ffffff;
	border: 0.8px solid #D9D9D9; 
	text-align: center;
	border-radius: 8px;
	position: fixed;
	right: 20px;
	bottom: 10px;
	padding: 17px;
	cursor: pointer;
	display: none;
	z-index: 1;
}
.backToTop:hover {
	background: #E5E5E5;
}

hr {
	height: 3px;
	width: 60px;
	text-align: center;
	position: relative;
	background: #0061d9;
	border: 0;
	margin: 10px auto 30px;
}


.services-section{
	padding: 120px 0;
	background-color: #fff;
}


.services-section h2{
	line-height: 20px;
	font-size: 32px;
	font-weight: 700;
	margin: 0;
	color: #555;
	font-family: 'Source Sans Pro',sans-serif;
	margin-bottom:30px;
}

.space {
	margin-top: 40px;
}

.serive-title{
	
	font-size: 20px;
	color: #666;
	margin-top: 20px;
}


.swiper-container {
  width: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
	width: 100%;
}

/**
 * 各页面banner样式
 */
.banner {
	height: 270px;
	width: 100%;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: absolute;
	top: 0;
}
.content-container {
	min-height: 400px;
}

.relation-title {
	position: absolute;
	top: 210px;
	left: 20%;
	height: 30px;
	line-height: 30px;
}
.white-line {
	width: 5px;
	height: 28px;
	background-color: white;
	float: left;
}
.sub-title {
	font-size: 30px;
	color: #fff;
	margin-left: 15px;
}
.position {
	height:16px;
	line-height: 16px;
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 220px;
	right: 20%;
}
.position img {
	position: absolute;
	left: -15px;
}
#myTabContent.tab-content {
	height: 35px;
}
/**
 * base.css
 */

/**
 * laypage
 */
div.pagination {
	text-align: right;
}
div.laypageskin_molv a {
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #CCCCCC;
}
.laypage_main * {
    font-size: 12px!important;
}
.laypageskin_molv a, .laypageskin_molv span {
    padding: 0 15px!important;
}
.laypage_main a, .laypage_main input, .laypage_main span, .laypageskin_molv button, .laypageskin_molv input {
    height: 35px!important;
    line-height: 35px!important;
}
.laypageskin_molv input {
	width: 50px!important;
}
.laypage_total input:focus, .laypage_total button:focus {
	outline: none;
}
.laypage_total button:hover {
	background-color: #077ee3;
	color: white;
	border: 1px solid transparent;
}
/**
 * laypage end
 */


/**
 * swiper
 */
div.swiper-button-prev, div.swiper-button-next {
	top: 55%;
}
div.swiper-button-prev:after, .swiper-container-rtl div.swiper-button-next:after,div.swiper-button-next:after, .swiper-container-rtl div.swiper-button-prev:after  {
	font-size: 40px;
}
span.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
/**
 * swiper end
 */

img {
	max-width: 100%;
	height: auto;
}

/**
 * 修改30周年logo
 */
#logo img {
	height: 55px;
    margin-top: -5px;
    margin-left: -30px;
    max-width: none;
}

@media (min-width: 1201px) {
	div.pagination {
		white-space: nowrap;
	}
}

div.article-detial table {
 width: 100% !important;
}

.wu-san-consult {
	position: fixed;
	top: 50%;
	right: 20px;
	cursor: pointer;
	z-index: 1;
}
.consult-phone {
	position: absolute;
	width: 220px;
	height: 240px;
	background: url(../images/gfqh/wuSanConsult/consult-phone-bg.png);
	background-size: 100% 100%;
	left: -230px;
	top: -30px;
	text-align: center;
	padding: 0 28px 0 21px;
	display: none;
}
.wu-san-consult:hover .consult-phone {
	display: block;
}
.consult-text {
	margin: 85px 0 5px;
	text-align: center;
}
.consult-text p {
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 2px;
	color: #2D2D2D;
	margin-bottom: 0;
}
.consult-divorce-line {
	height: 1px;
	background: #CCCCCC;
}
.consult-hotline {
	text-align: center;
	font-size: 14px;
	margin: 7px 0;
}
.consult-hotline-wrapper {
	text-align: center;
	width: 145px;
	height: 27px;
	background: #EBF6FF;
	border: 1px solid #1F8AFF;
	border-radius: 5px;
	display: inline-block;
	margin: 0 auto;
}
.consult-hotline-num {
	font-size: 16px;
	font-family: MicrosoftYaHei-Bold;
	line-height: 27px;
	color: #1F8AFF;
	font-weight: bold;
}
a.consult-hotline-num:hover, a.consult-hotline-num:focus {
	color: #1F8AFF;
}

#mobile_icon_div {
	display: none!important;
}

@media (max-width: 992px) {
	.wu-san-consult {
		right: 10px;
		height: 80px;
		width: 72px;
	}
	
	.consult-phone {
		left: -215px;
		top: -15px;
	}

	.backToTop {
		right: 10px;
		bottom: 20%;
	}
	.backToTop:hover {
		background: #ffffff;
	}
}