*{margin:0;padding:0;list-style: none;text-decoration : none;font-family: \\5FAE\8F6F\96C5\9ED1,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;}
.periphery{
	width: 100%;overflow: auto;
}
/*横幅*/
.banner{width:100%;}
.banner img{width: 100%}
/*挽救婚姻-这些问题严重威胁你的婚姻*/ 
.threaten{width: 70%;margin:auto;padding:40px 0;}
#threaten-title{font-size: 38px;text-align: center;color: #7a60e8;cursor:pointer;}
#threaten-description{font-size: 22px;text-align: center;color: #737373;font-weight: 300;padding:15px 0;cursor:pointer;}
#threaten-decorate{width: 100px;height: 6px;background: #f9a1a1;border-radius: 20px;margin:auto;cursor:pointer;}
.threaten ul{width: 100%;overflow: auto;margin:30px auto 0;}
.threaten ul li{width: 32%;float: left;margin-left: 1%;position: relative;margin-top: .5%;cursor:pointer;}
.threaten ul li img{width: 100%}
.threaten ul li h4{font-size: 22px;position: absolute;left:35%;bottom:55%;color: #fff}
.threaten ul li p{
	font-size: 19px;font-weight: 300;position: absolute;left:35%;top:48%;color: #fff;padding-right: 10px;
	line-height: 1.3
}
/*婚姻危机难题- 婚姻专家叫你科学解决*/ 
.settle{width: 100%;background: #F8F8F8;padding: 40px 0;background-image: url(../images/marriage/settle.jpg);background-size: 100% 100%}
.settle ul{width: 70%;overflow: auto;margin:30px auto 0;}
.settle ul li{width: 49%;float: left;margin-left: 1%;position: relative;margin-top: .5%;cursor:pointer;}
.settle ul li img{width: 100%}
.settle ul li h4{font-size: 22px;position: absolute;left:22%;bottom:55%;color: #7a60e8}
.settle ul li p{
	font-size: 19px;font-weight: 300;position: absolute;left:22%;top:48%;color: #737373;padding-right: 10px;
	line-height: 1.3
}
 






@media(max-width: 1200px){
	.threaten {width: 80%;}
	.settle ul {width: 80%;}
}
@media(max-width: 1060px){
	.threaten {width: 90%;}
	.settle ul {width: 90%;}
	#threaten-title {font-size: 32px;}
	#threaten-description {font-size: 21px;}
	.threaten ul li p {font-size: 17px;}
	.threaten ul li h4 {font-size: 21px;}
	.settle ul li h4 {font-size: 21px;}
	.settle ul li p {font-size: 17px;}
}
@media(max-width: 900px){
	.threaten ul li p {font-size: 15px;font-weight: 600;}
	.threaten ul li h4 {font-size: 20px;}
	.settle ul li h4 {font-size: 20px;}
	.settle ul li p {font-size: 15px;font-weight: 600;}
}
@media(max-width: 800px){
	.threaten {width: 95%;}
	.settle ul {width: 95%;}
	.threaten ul li h4 {font-size: 18px;}
	.settle ul li h4 {font-size: 18px;}
}
@media(max-width: 700px){
	.threaten ul li {width: 49%;}
	.settle ul li {width: 99%;}
	.settle ul {width: 70%;}
}
@media(max-width: 500px){
	.threaten {padding: 20px 0;}
	.threaten ul {margin: 15px auto 0;}
	#threaten-title {font-size: 21px;}
	#threaten-description {font-size: 15px;font-weight: 600;}
	.settle ul {width: 95%;margin: 15px auto 0;}
}
@media(max-width: 460px){
	.insurance ul li {width: 99%;}
	.insurance ul {width: 75%;}
	.threaten ul li {width: 49%;}
	.threaten ul{width: 100%}
	.threaten ul li:nth-child(2),.threaten ul li:nth-child(4),.threaten ul li:nth-child(6){float:right}
	.threaten ul li h4 {bottom: 64%;}
	.threaten ul li p {top: 39%;}
}
@media(max-width: 385px){
	.threaten ul{width: 100%}
	.settle ul li p {top: 43%;}
	.settle ul li h4 {font-size: 17px;bottom: 58%;}
	.threaten ul li h4 {bottom: 68%;}
	.threaten ul li p {top: 32%;}
}