.banner .hd {
    position: absolute;
    left: 49.1%;
    width: 70px;
    padding: 8px;
    line-height: 16px;
    border-radius: 20px;
    bottom: 0;
}
.banner .prev, .banner .next {
    position: absolute;
    left: 3%;
    top: 52%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 1;
    z-index: 100;
}
.banner .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}
.banner .hd li {
    width: 12px;
    height: 12px;
    border-radius: 10px;
    background: #909090;
    float: left;
    margin: 0 5px;
}
.banner{
    position: relative;
}
.banner img {display: block;}
.banner .on {
    background: #fff!important;
}
.girl_head{
    background: #1b4dc2;
    text-align: center;
    position: relative;
    padding: 20px 0 40px;
}
.girl_head::after{
    content: "";
    background: url(../images/ys0.png) no-repeat center;
    height: 55px;
    width: 108px;
    position: absolute;
    bottom: -55px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 100;
}
.girl .wrap{background: url(../images/bg.png) repeat-y center top;}
.girl .right ,.girl .left{width: 50%;}
.first_girl{
    padding-top: 85px;
}
.lady .bd p{
   text-align:center;
    line-height:35px;
}
.first_girl .right{
    padding-left: 7%;
    margin-left: 3%;
    background: url(../images/01.png) no-repeat left top;
    width: 40%;
}
.girl h3{
    font-size: 22px;
    font-weight: normal;
    color: #232323;
}
.girl p{
    line-height: 30px;
}
.girl h1{
    color: #232323;
    font-size: 30px;
}
.fir_rig_p{
    margin: 40px 0 20px;
}
.second_girl .right{
    text-align: right;
}
.second_girl .left{
    margin-top: 65px;
    text-align: right;
    width: 40%;
    margin-right: 3%;
    padding-right: 7%;
    background: url(../images/02.png) no-repeat right top;
}
.second_girl p{
    margin-top: 35px;
}
.third_girl .right{
    margin-top: 65px;
    padding-left: 7%;
    margin-left: 3%;
    background: url(../images/03.png) no-repeat left top;
    width: 40%;
}
.third_girl p{
    margin-top: 35px;
}
.four_girl .right{
    text-align: right;
}
.four_girl .left{
    text-align: right;
    margin-top: 65px;
    width: 40%;
    margin-right: 3%;
    padding-right: 7%;
    background: url(../images/04.png) no-repeat right top;
}
.fo_left_p{
    margin: 30px 0 20px;
}
.gg,.gg1{
    position: relative;
}
.gg .right::before{
    content: "";
    background: url(../images/bg2.png) no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    left: 49.5%;
    top: 25%;
}
.gg1 .left::after{
    content: "";
    background: url(../images/bg2.png) no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    left: 49.5%;
    top: 23%;
}
.second_girl .left::after{
    top: 32%;
}
.lady .bd li{
    width: 25%;
}
.lady li a{
    display: block;
    margin: 10px;
    overflow: hidden;
}

.lady .prev , .lady .next{
    float: left;
    /* width: 2.5%; */
    text-align: center;

}
.lady .prev span, .lady .next span{
    border: 1px solid #333;
    border-radius: 50%;
    display: block;
    line-height: 50px;
    width: 50px;
    
}
.lady .wrap span:hover{
    background: #1b4dc2;
    border: #1b4dc2 1px solid;
    color: #fff;
}
.ind_tit{
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}
.ind_tit span{
    /* color: #1b4dc2; */
}
.ind_tit p{
    font-size: 1rem;
    font-weight: normal;
    color: rgb(209, 197, 197);
    text-transform:Uppercase;
    text-align: left;
}
.more{
    background: url(../images/bg3.png) no-repeat center center;
    width: 218px;
    line-height: 58px;
    text-align: center;
    margin: 0px 80px;
    float: left;
}
.xsx{
    width: 483px;
    margin: 0px auto;
    padding: 29px 0;
}
.miss_body span{
    float: right;
}
.miss_body{
    float: left;
    width: 50%;
}
.miss_body p{
    color: #999;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
}
.miss_body a{
    display: block;
    width: 95%;
    margin: 15px auto;
    margin-left: 5%;
}
.miss_body:nth-child(2n) a{
    margin: 15px 5% 0 0 ;
}
.miss_body h3{
    border-bottom: 1px #e5e5e5 solid;
    padding-left: 15px;
    padding-bottom: 15px;
    position: relative;
}
.miss_body p{
    margin: 15px 0 20px;
}
.miss_body h3::before{
    position: absolute;
    content: " ";
    height: 25px;
    width: 8px;
    background: #909090;
    left: 0;
}
.mor{
    display: inline-block;
    padding: 10px 15px;
    background: #f4f4f4;
    color: #909090;
    
}
.miss_body:hover h3::before{
    background: #1b4dc2;
}
.miss_body:hover .mor{
    color: #fff;
    background: #1b4dc2;
}
.friend_link .wrap{
    line-height: 50px;
    margin: 15px auto;
}

.wife_foot .col-3{
    float: left;
    width: 25%;
}
.col-3 a{
    display: block;
    margin:5px 2.5%;
    overflow: hidden;
    background: #eee;
}
.col-3 a p{
    line-height: 45px;
    font-size: 18px;
    text-align: center;
}
.col-3:hover a{
    background: #1b4dc2;
    color: #fff;
}
.wife .hd .on{
    background: #1b4dc2;
    color: #fff;
    border: 1px solid #1b4dc2;
}
.wife .hd li{
    float: left;
    width: 140px;
    line-height: 35px;
    text-align: center;
    margin: 0 10px;
    border-radius: 15px 0 ;
    border: 1px solid #333;
}
.wife .hd{margin-top: 15px;}
.wife{
    margin: 50px 0;
}
.wife .bd{
    margin-top: 50px!important;
}
.wrap .right a{
    margin-top: 20px;
    text-align: center;
    background: #1b4dc2;
    color: #fff;
    padding:0 8px;
    line-height: 28px;
    display: inline-block;
    border-radius: 5px;
}
.miss .ind_tit{
    margin-bottom: 50px;
}
.lady{
    padding-top: 50px;
    margin-top: 20px;
    background: url(../images/bj1.jpg) no-repeat;
    background-size: 100% 100%;
}
.lady .bd{
    margin-top: 30px;
}
.mrs{
    padding: 40px 0 30px;
    background: #eee;
}
.mrs_left{
    width: 53%;
}
.mrs_tit{
    font-size: 2rem;
    font-weight: bold;
    /* color: #1b4dc2; */
    text-indent: 2rem;
}
.mrs_p{
    line-height: 30px;
    text-indent: 2rem;
    margin-top: 25px;
    text-align: justify;
    font-size: 18px;
}
.mrs_more{
    margin-top: 30px;
}
.mrs_more li{
    float: left;
    width: 33%;
    padding-top: 60px;
    font-size: 14px;
}
.mrs1{
    background: url(../images/a.png) no-repeat top left;
}
.mrs2{
    background: url(../images/b.png) no-repeat top left;
}
.mrs3{
    background: url(../images/c.png) no-repeat top left;
}
.mrs_more li span{
    display: block;
}
.mrs_a{
    display: block;
    font-size: 18px;
    color: #1b4dc2;
    padding-top: 30px;
    font-weight: bold;
}
.mrs_rig{
    width: 47%;
    text-align: right;
    float: right;
}
body{
    overflow-x: hidden;
}
.miss{
    padding-top: 50px;
}
@media screen and (max-width:1000px) {
    .mrs_left{width: 100%;}
    .mrs_rig{width: 100%;text-align: center;}
    .mrs_more{display: none;}
    .mrs_tit{text-indent: 0;text-align: center;}
    .miss_body span{display: none;}
    .gg1 .left::after,.gg .right::before{display: none;}
}
@media screen and (max-width:800px) {
    .wife_foot .col-3{width: 50%;}
    .ind_tit{text-align: center;float: none;width: 100%;}
    .ind_tit p{display: none;}
    .wife .hd{width: 324px;margin:20px auto;float: none;}
    .wife .bd{margin-top: 0!important;}
    .girl_head::after{display: none;}
    .lady .right,.miss .right{display: none;}
    .more{display: none;}
    .xsx{width: 110px;margin: 0 auto;}
    .lady li a{margin: 10px 1%;}
    .friend_link{display: none;}
    .girl .right,.girl .left{float: none;width: 85%;}
    .first_girl .right {padding-left: 15%;margin-left: 0;}
    .second_girl .left{padding-right: 15%;margin-right: 0;}
    .gg .left{text-align: center;width: 100%;}
    .gg1 .right{text-align: center;width: 100%;}
    .banner .prev, .banner .next,.banner .hd{display: none;}
    .miss_body{width: 100%;}
    .miss_body a{margin: 0 !important;width: 100%;}
    .fadeInLeft, .fadeInRight {animation-name: none!important;visibility: visible!important;}

}
@media screen and (max-width:500px) {
    .col-3 a p{line-height: 25px;font-size: 14px;}   
    .girl p{display: none;}
    .girl h3{display: none;}
    .girl .right, .girl .left{background: none;}
    .girl h1{font-size: 22px;text-align: center;margin: 15px 0;}
    .first_girl {padding-top: 20px;}
    .girl .right, .girl .left{padding: 0;margin: 0;width: 100%;}
    .mrs_p{font-size: 14px;line-height: 25px;margin-top: 15px;}
    .wife .hd li{width: 40%;margin: 0 4%;border-radius: 0;}
    .wife {margin: 25px 0;}
    .ind_tit{font-size: 2rem;}
    .wife .hd{width:100%;}
    .lady {padding-top: 25px;}
    .xsx{ padding: 10px 0 25px;}
    .lady .prev span, .lady .next span{
        width: 50px;line-height: 25px;border-radius: 0;margin: 1px;   
    }
    .mor{display: none;}
    .miss_body h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .miss .ind_tit {margin-bottom: 30px;}
    .miss {padding-top: 31px;}
    .mrs_tit {font-size: 1.4rem;}
    .mrs {padding: 30px 0 30px;}
    .lady .bd li{width: 50%;}
    .lady .bd{overflow: hidden;}
}