/*六大情感问题*/
.problem{width: 70%;margin:auto;padding:40px 0;}
#problem-title{font-size: 38px;text-align: center;color: #7a60e8;cursor:pointer;}
#problem-description{font-size: 22px;text-align: center;color: #737373;font-weight: 300;padding:15px 0;cursor:pointer;}
#problem-decorate{width: 100px;height: 6px;background: #f9a1a1;border-radius: 20px;margin:auto;cursor:pointer;}
.problem ul{width: 99%;padding-left: 1%;overflow: auto;margin:30px 0 0 0;}
.problem ul li{width: 33%;float: left;position: relative;cursor:pointer;}
.problem-st1 img,.problem-st2 img{width: 100%;display: block}
.problem-st1 p,.problem-st2 p{position: absolute;font-size: 24px;bottom:8%;left:0;text-align: center;color: #fff;right:0;}
.problem-st2 p{bottom:30%;color: #000}
/*我们能为你做什么*/
.foryou{width: 100%;background: #F8F8F8;padding: 40px 0;}
.foryou ul{width: 70%;overflow: auto;margin:30px auto 0;}
.foryou ul li{width: 24%;float: left;margin-left: 1%;position: relative;margin-top: .5%;cursor:pointer;}
.foryou ul li img{width: 100%}
.foryou ul li p{font-size: 22px;position: absolute;left:0;right: 0;bottom:45%;text-align: center;color: #7a60e8}
.foryou ul li h6{
	font-size: 17px;font-weight: 300;position: absolute;left:0;right: 0;top:56%;text-align: center;color: #737373;width: 80%;margin:auto;
	line-height: 1.3
}
/*修复婚姻的同时  提升六大能力*/
.renovate{width: 71%;margin:auto;padding:40px 0;}
.renovate ul{width: 100%;overflow: auto;margin:20px auto 0;}
.renovate ul li{width: 31%;margin-left: 2%;float: left;position: relative;margin-top:1.5%;}
.renovate ul li img{width: 100%}
.renovate ul li div{position: absolute;top:30%;left:34%;}
.renovate ul li div p{font-size: 22px;color: #fff;padding-right: 10px}
.renovate ul li div h6{font-size: 17px;font-weight: 300;color: #fff;line-height: 1.3;padding:6px 10px 0 0;}
/*师资力量*/
.tutor{width: 70%;margin:auto;padding:40px 0;}
.tutor-con{width:85%;margin:auto;overflow: auto;position: relative;}
.tutor-con img{float: right;width: 27%;margin-top:10px}
.swiper-container-tutor{margin:5px 0 !important;}
.tutor-con div{	width:68%;float: left;padding-top:10px;cursor:pointer;}
.tutor-con div h2{font-size: 30px;font-weight: 300;padding:10px 0;}
.tutor-con div h2 span{display: initial;padding: 4px 15px;font-size: 16px;color: #fff;background: #7a60e8;border-radius: 10px 2px 10px 2px;float:right;font-weight:700}  
.tutor-con div p{font-size: 21px;padding-bottom: 5px}
.tutor-con div h6{border-top:1px dashed#ccc;font-size: 18px;color: #737373;font-weight: 300;padding-top:10px;margin-top: 5px}
.tutor-con div a{font-size: 13px;color: red;border:1px solid#7a60e8;border-radius: 4px;position: absolute;bottom:1%;left:0;padding:3px 6px;color:#7a60e8;}
.container-title {    width: 85%;margin:auto;overflow: auto;margin-top: 40px;    overflow-y: hidden;overflow-x: auto;white-space: nowrap;height: 35px}
.container-title li{font-size: 17px; padding: 2px 15px;display: inline-block;float: left;padding-bottom: 10px;color:#333;cursor:pointer;font-weight: 900;border-bottom:2px solid#d2d2d2;}
.tutor-con-t-on{border-bottom:2px solid#7a60e8 !important;color: #7a60e8 !important; }
.tutor-l,.honor-l{background-image: url(../images/tutor-l.png) !important;width:40px !important;height: 40px !important;    background-size: 100%  !important; }
.tutor-r,.honor-r{background-image: url(../images/tutor-r.png) !important;width:40px !important;height: 40px !important;    background-size: 100%  !important; }
/*荣誉资质*/
.honor{width: 100%;background: #F8F8F8;padding:40px 0;}
.swiper-container-honor{width: 65%;margin:30px auto 0 !important;}
.honor-con{position: relative;margin:0 10px;padding-bottom: 30px;cursor:pointer;}
.honor-con img{width: 100%}
.honor-con p{position: absolute;bottom:0;left:0;right:0;font-size: 21px;color: #000;background: #f29b76;text-align: center;padding:10px 0;}
/*服务流程*/
.serve{width: 70%;margin:auto;padding:40px 0;}
.serve img{width: 100%;margin-top: 20px}
.serve-flow{width: 100%;overflow: auto}
.serve-flow li{float: left;    width: 14.28%;font-size: 18px;color: #737373;text-align: center;cursor:pointer;}
.serve-con{width: 100%;overflow: auto;margin-top: 20px}
.serve-con li{cursor:pointer;width: 32%;float: left;height: 120px;background-image: url(../images/serve-02.png);background-size: 100%;text-align: center;color:#fff;margin-right: 1%}
.serve-con li h4{font-size: 20px;padding:9% 0 6% 0;}
.serve-con li p{font-size: 16px;}
/*郑重承诺*/
.promise{width: 70%;margin:auto;padding:40px 0;}
.promise ul{width: 100%;overflow: auto;margin-top: 20px}
.promise li{cursor:pointer;width: 48%;float: left;background-image: url(../images/promise-01.png);background-size: 100% 100%;height: 164px;color: #fff;margin-right: 2%;margin-top: 1.5%}
.promise li h3{font-size: 23px;padding:8% 0 1% 24%;}
.promise li p{font-size: 21px;padding-left: 24%;}
.promise li:nth-child(2){background-image: url(../images/promise-02.png);}
.promise li:nth-child(3){background-image: url(../images/promise-03.png);}
.promise li:nth-child(4){background-image: url(../images/promise-04.png);}
/*热门资讯*/
.information{width: 100%;background: #F8F8F8;padding:40px 0;}
.information-con{width: 70%;background: #fff;border-radius: 6px;margin:20px auto;overflow: auto;padding:10px 0;}
.swiper-container-information{width: 45%;float: left}
.information-img{width: 100%}
.information-img img{width: 100%}
.information-img p{text-align: center;font-size: 16px;}
.swiper-pagination-information{bottom:18px !important;}
.swiper-pagination-bullet-active {background: #D18821 !important;}
.information-article{width: 52%;float: right;padding-right: 2%;}
.information-article li{width: 100%;overflow: auto;margin-top: 10px}
.information-article li img{width: 28%;float: left;border-radius: 4px;margin-right: 10px}
.information-article li h4{font-size: 21px;padding:10px 0 6px 0;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.information-article li p{font-size: 17px;color: #737373;overflow:hidden;  text-overflow:ellipsis;  white-space: normal;  display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:2;}
/*感情攻略*/
.article-excerpts-con{width:70%;margin:auto;overflow: auto;cursor: pointer;padding-top: 20px}
.article-excerpts-con-r{width: 30%;float: right}
.article-excerpts-con-r h3,.article-excerpts-con-l h3{font-size: 22px;position: relative;padding-left: 15px;border-bottom: 1px solid #e1e1e1;padding-bottom: 8px;margin-bottom: 10px}
.article-excerpts-con-r h3:before ,.article-excerpts-con-l h3:before{
    content: "";
    position: absolute;
    height: 22px;
    width: 5px;
    background: #7a60e8;
    border-radius: 22px;
    left: 0;
    top: 5px;
}
.article-excerpts-con-r ul {overflow: auto;width:100%;}
.article-excerpts-con-r ul li {opacity: .8;font-size: 13px;width: auto;background: #f8f8f8;color: #fff;padding: 0 12px;margin: 4px 10px 10px 0px;height: 26px;line-height: 26px;border-radius: 3px;float: left;}
.article-excerpts-con-r ul li a {color: #fff;}
.article-excerpts-con-l{width: 67%;float: left}
.article-excerpts-con-nav{width: 70%;float: right}
.article-excerpts-con-nav li{font-size: 22px;width: 25%;float: left;text-align: center;font-weight:400}
.article-excerpts-con-nav-on{color: #7a60e8}
.article-excerpts-con-1{width: 100%;overflow: auto;display: none}
.article-excerpts-con-1 ul{width: 49%;overflow: auto;float: left}
.article-excerpts-con-1 ul li{width: 100%;    border-bottom: #e4e4e4 dashed 1px;overflow: auto;padding-bottom: 14px}
.article-excerpts-con-1 ul li:nth-child(1) p{display: block !important;}
.article-excerpts-con-1 ul li a img{width: 70px;height: 70px;float: left;margin-right: 12px;}
.article-excerpts-con-1 ul li a h4{margin-top:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight: 400;font-size: 18px}
.article-excerpts-con-1 ul li h6{color: #999;margin-top: 10px;font-size: 14px;font-weight: 400}
.article-excerpts-con-1 ul li p{color: #999;margin-top: 25px;font-size: 14px;display: none}
.strategy_color{color: #ff6267 !important;}
.strategy_box_right{width: 49%;float: right}
.strategy_box_right ul{width: 100%;overflow: auto}
.strategy_box_right ul li{width: 100%;font-size: 15px;padding:10px 0;}
.strategy_box_right ul li a span{border-radius: 20px;width: 4px;height: 4px;background-color: #7a60e8;float: left;margin-right: 10px;position: relative;top: 8px;left: 2px;}
.strategy_box_right ul li a p{display: block;    width: 80%;float: left;text-overflow: ellipsis;overflow: hidden;word-break: break-all;white-space: nowrap;margin-top: 0}
.strategy_box_right ul li a h5{display: block;float: right;color: #7a60e8;font-weight: 400}
.article-excerpts-con-on{display: block}
.article-excerpts-m-con{width: 100%}
.article-excerpts-m-con-t{width: 100%;overflow: auto;padding:20px 0 10px 0;}
.article-excerpts-m-con li{width: 25%;text-align: center;float: left;color: #888;font-size: 14.6px;padding-bottom: 10px;position: relative;}
.article-excerpts-m-con-on{color: #7a60e8 !important;border-bottom: 2px solid#7a60e8}
.article-excerpts-m-con li:before{content: "";position: absolute;height: 17px;width: 1px;background: #f0f0f0;border-radius: 22px;right: 0;top: 1px;}
.article-m-con{width: 95%;margin:auto;overflow: auto;display: none}
.article-m-con li{width: 100%;    border-bottom: 1px solid #f0f0f0;padding-top: 10px}
.article-m-con li div{width: 70%;float: left}
.article-m-con li img{width: 26%;float: right}
.article-m-con li div h4{font-size: 15.5px;color: #4c4c4c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 6px;text-align: justify;}
.article-m-con li div p{font-size: 13px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}
.articleMore{text-align: center;font-size: 14.6px;margin-top: 10px}
.articleMore a{color: #888}
.articleMore a:after {content: '';display: inline-block;width: 20px;height: 20px;vertical-align: middle;margin-top: -0.05rem;background: url(//cdn-static-poster.huazhen2008.com/2008/newStatic/home/img/arrBottom.png) no-repeat center / 50%;}
.article-m-con-on{display: block}
/*荣誉*/
.brand-honor{width: 100%;background: url(../images/honor-bj.jpg);background-size: 100%;padding:20px 0 40px 0;}
.brand-honor-con{width: 65%;margin:auto;position: relative;background: #fff;padding:0 50px;border-radius: 6px}
.swiper-container-honor{width: 100%;margin:auto;overflow: hidden;} 
.brand-honor-con div div div img{width: 100%}  
.swiper-button-prev,.swiper-button-next{width: 48px !important;background-size: 100% !important;}
.swiper-button-prev{background-image:url(../images/honor-l.png) !important;left: 0px !important;}
.swiper-button-next{background-image:url(../images/honor-r.png) !important;right: 0px !important;}





@media(min-width: 2000px){
	#periphery{width: 1920px;margin:auto;}
}
@media(max-width: 1515px){
	.honor-con p {font-size: 19px;}
	.container-title {width: 100%;}
	.article-excerpts-con-nav li {font-size: 18px;}
	.article-excerpts-con-r h3, .article-excerpts-con-l h3 {font-size: 20px;}
	.article-excerpts-con-r h3:before, .article-excerpts-con-l h3:before {top: 3px;}
}
@media(max-width: 1384px){
	.brand-honor-con {width: 76%;}
	.article-excerpts-con {width: 82%;}
	.honor-con p {font-size: 16px;}
	.contain {width: 85%;}
	.problem {width: 85%}
	.foryou ul {width: 85%;}
	.renovate {width: 85%}
	.tutor {width: 85%;}
	.serve {width: 85%}
	.promise {width: 85%;}
	.information-con {width: 85%;}
}
@media(max-width: 1202px){
	.contain ul li h4 {font-size: 21px;}
	.contain ul li p {font-size: 17px;}
	#problem-title {font-size: 32px;}
	#problem-description {font-size: 21px;}
	.problem-st1 p, .problem-st2 p {font-size: 21px;}
	.foryou ul li p {font-size: 21px;}
	.foryou ul li h6 {font-size: 15px;}
	.renovate ul li div p {font-size: 21px;}
	.renovate ul li div h6 {font-size: 16px;}
	.promise li h3 {font-size: 21px;padding: 10% 0 1% 24%;}
	.promise li p {font-size: 18px;}
	.information-article li h4 {font-size: 19px;}
	.information-article li p {font-size: 15px;}
}
@media(max-width: 1080px){
	.banner{margin-top: 70px}
	.promise li {height: 134px;}
	.contain {width: 90%;}
	.problem {width: 90%}
	.foryou ul {width: 90%;}
	.renovate {width: 90%}
	.tutor {width: 90%;}
	.swiper-container-honor {width: 90%}
	.serve {width: 90%}
	.promise {width: 90%;}
	.information-con {width: 90%;}
	.tutor-con div a {bottom: 2%;}
}
@media(max-width: 870px){
	.article-excerpts-con {width: 87%;}
	.article-excerpts-con-nav li {font-size: 15px;}
	.article-excerpts-con-r h3, .article-excerpts-con-l h3 {font-size: 18px;}
	.article-excerpts-con-1 ul li a h4 {font-size: 16px;}
	#ysmap{display:none}
	.contain {width: 90%;}
	.contain ul li {width: 44%;margin-bottom: 15px}
	.problem-st1 p, .problem-st2 p {font-size: 16px;}
	.foryou ul {width: 90%;}
	.foryou ul li {width: 32%;}
	.renovate ul li {width: 47%;}
	.tutor-con {width: 100%;}
	.tutor-l,.tutor-r,.honor-l,.honor-r{display: none}
	.container-title {height: 26px;}
	.container-title li {font-size: 16px;padding: 2px 2%;}
	.honor-con p {font-size: 14px;}
	.serve-con li h4 {font-size: 20px;padding: 6% 0;}
	.promise li {height: 120px;}
	.promise li h3 {font-size: 19px;}
	.promise li p {font-size: 16px;}
	.information-con {width: 90%;padding:0 2%;}
	.swiper-container-information {width: 100%;}
	.information-article {width: 98%;margin-top: 15px}
}
@media(max-width: 770px){
	.article-excerpts-con {display: none}
	.tutor-con div h2 {font-size: 23px;font-weight: 600;} 
	.tutor-con div p {font-size: 17px;}
	.container-title li {padding: 2px 2.1%;}
	.tutor-con div {padding-top: 8px;}
	.honor-con p {font-size: 13px;}
	.serve-flow li {font-size: 15px;}
	.serve-con li h4 {font-size: 18px;padding: 13% 0;}
	.serve-con li p {font-size: 15px;}
	.serve-con li p {font-size: 15px;}
	.serve-con li {background-size: 100% 100%;}
	.promise li {height: 110px;}
	#problem-title {font-size: 28px;}
	#problem-description {font-size: 18px;font-weight: 600;}
	.renovate ul li div p {font-size: 19px;}
	.contain ul li h4 {font-size: 19px;    padding: 10px 0 2px 0;}
	.contain ul li p {font-size: 16px;}
	.honor-con {margin: 0 4px;}
	.information-article li h4 {font-size: 17px;}
	.foryou ul li p {font-size: 19px;}
}
@media(max-width: 650px){
	.contain {width: 98%;padding: 26px 0;}
	.problem {width: 98%;padding: 26px 0;}
	#problem-title {font-size: 24px;}
	#problem-description {font-size: 16px;padding: 10px 0;}
	#problem-decorate {height: 4px;}
	.foryou ul li p {font-size: 16px;}
	.foryou ul li h6 {font-size: 13px;font-weight: 600;}
	.foryou ul {margin: 15px auto 0;width: 98%;}
	.renovate {width: 98%;}
	.renovate ul li div p {font-size: 17px;}
	.renovate ul li div h6 {font-size: 15px;font-weight: 600;}
	.tutor {width: 95%;padding: 20px 0;}
	.container-title {display: none}
	.tutor-con div a {display: none}
	.swiper-container-honor {width: 100%;}
	.serve-flow li {font-size: 13px;}
	.promise {width: 95%;padding: 20px 0;}
	.promise li {height: 90px;}
	.promise li h3 {font-size: 18px;padding: 6% 0 1% 24%;}
	.promise li p {font-size: 14px;}
	.information {padding: 20px 0;}
}
@media(max-width: 500px){
	.brand-honor-con {padding: 0px 38px;}
	.contain {padding: 18px 0;}
	.contain ul li h4 {font-size: 16px;}
	.contain ul li p {font-size: 14px;}
	.problem {padding: 0px 0;width: 100%;}
	.problem ul {margin: 15px 0 0 0;width: 100%;padding-left: 0}
	.problem ul li {width: 50%;    height: 145px;}
	.problem-st1 img, .problem-st2 img {height: 100%}
	.foryou {padding: 20px 0;}
	.foryou ul li {width: 48.5%;}
	.foryou ul li p {font-size: 18px;}
	.foryou ul li h6 {font-size: 14px;}
	.renovate {padding: 20px 0;}
	.renovate ul li div {top: 20%;}
	.tutor-con div h6{display: none}
	.honor {padding: 20px 0;}
	.promise li {height: 79px;}
	.speedy li {width: 28px;}
	.information-article li h4 {padding: 5px 0 6px 0;}
	.swiper-container-honor {margin: 15px auto 0 !important;}
	.honor-con p {font-size: 17px;}
	.serve img {display: none}
	.serve-flow {display: none}
	.serve-con li {width: 49%;margin-top: 5px}
	.serve {padding: 20px 0;}
	.tutor-con div p {padding-bottom: 0px;}
	.tutor-con div h2 {padding: 0 0 5px 0;}
	.serve-con li h4 {padding: 16% 0 8% 0;}
	.tutor-con div h2 span{display: initial;padding: 2px 15px;font-size: 14px;color: #fff;background: #7a60e8;border-radius: 10px 2px 10px 2px;float:right;font-weight:300} 
}
@media(max-width: 480px){
	.renovate ul {margin: 10px auto 0;width: 90%;margin:10px auto 0;}
	.renovate ul li {width: 49%;margin-left: 0}
	.renovate ul li:nth-child(2),.renovate ul li:nth-child(4),.renovate ul li:nth-child(6){float:right}
	.renovate ul li div {top: 10%;}
	.renovate ul li div p {font-size: 16px;}
	.renovate ul li div h6 {font-size: 14px;padding-top:2px}
	.promise ul {width: 70%;margin: 10px auto 0;}
	.promise li {width: 100%;height: 86px;margin-right: 0}
	.promise li p {font-size: 16px;}
}
@media(max-width: 420px){
	.information-img p {font-size: 13px;}
	.information-article li p {font-size: 14px;}
	.information-article li h4 {padding: 2px 0 4px 0;font-size: 16px}
	.promise li h3 {font-size: 17px;padding: 8% 0 1% 24%;}
	.promise li p {font-size: 14px;}
	#problem-title {font-size: 21px;}
	#problem-description {font-size: 15px;}
	.promise ul {width: 80%;}
	.promise li {height: 90px;}
	.tutor-con div h2 {font-size: 21px;}
	.tutor-con div p {font-size: 16px;}
	.renovate ul {width: 90%;}
	.renovate ul li div {top: 12%;}
	.problem-st1 p, .problem-st2 p {font-size: 15px;}
}
@media(max-width: 390px){
	.foryou ul li p {font-size: 17px;bottom: 43%;}
	.foryou ul li h6 {font-size: 13px;top: 59%;}
	.tutor-con div h2 {font-size: 20px;}
	.tutor-con div p {font-size: 14px;}
	.honor-con p {font-size: 16px;}
	.promise ul {width: 90%;}
}