@charset "utf-8";
.banner .hd {
    position: absolute;
    left: 50%;
    width: 70px;
    padding: 8px;
    line-height: 16px;
    border-radius: 20px;
    bottom: 0;
}
.banner .prev, .banner .next {
    position: absolute;
    left: 3%;
    top: 62%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.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 h1{
    line-height: 150px;
}
h1 span{
    font-weight: normal;
    font-size: 1.4rem;
}
.girl{
    background: url(../images/bg1.jpg) no-repeat left;
    background-size: 40% 100% ;
}
.left_girl{
    float: left;
    width: 50%;
}
.rig_girl{
    float: right;
    width: 43%;
}
.rig_girl h2{
    margin-bottom: 35px;
}
.rig_girl p{
    font-size: 16px;
    color: #454545;
    line-height: 29px;
    text-align: justify;
    text-indent: 2rem;
}
.rig_girl li{
    float: left;
    width: 27%;
    padding-top: 50px;
    text-align: center;
    color: #454545;
}
.ab1{
    background: url(../images/ab1.png) no-repeat top center;
}
.ab2{
    background: url(../images/ab2.png) no-repeat top center;
}
.ab3{
    background: url(../images/ab3.png) no-repeat top center;
}
.rig_girl li span{
    font-size: 8px;
    display: block;
}
.rig_girl ul{
    margin: 50px 0 80px;
}
.girl_more{
    width: 170px;
    line-height: 45px;
    border: 1px solid #333;
    text-align: center;
}
.girl_more a{
    color: #626262;
}
.left_girl li span{
    color: #ff814c;
    font-size: 52px;
    font-weight: bolder;
}
.left_girl li{
    float: left;
    width: 33%;
}
.left_girl ul{
    margin: 50px 0;
}
.picBtnTop{
    background: #344ccc;
}
.picBtnTop .bd{
    float: left;
    width: 67.6%;
    background: url(../images/bg3.jpg) no-repeat;
}
.picBtnTop .hd{

    width: 32.4%;
    float: left;
    padding-top: 120px;
}
.picBtnTop .hd li{
    margin-bottom: 35px;
}
.picBtnTop .bd li{

    padding: 75px 7% 20px 18%;
}
.jq1{
    background: url(../images/bg4.png) no-repeat 2% 22%;
}
.wife_a{float: left;margin: 85px 0 0 25px;width: 32%;}
.wife_a p{color: #fff;margin: 25px 0 35px;}
.wife_a a{color: #fff;background: #ff7439;text-align: center;line-height: 45px;width: 160px;display: block;border-radius: 5px;margin-top: 70px;}
.lady_head{
    text-align: center;
    padding: 70px 0 50px;
}
.lady{
    background: #eceff6;
    padding-bottom: 60px;
    position: relative;
}
.lady_body .col-3{
    float: left;
    width: 22.8%;
    margin: 0 1%;
    background: #fff;
    margin-bottom: 25px;
    border-radius: 10px;
    text-align: center;
    padding-top: 30px;
    border: 1px solid #fff;
}

.lady_body .col-3:hover{
    background-image: radial-gradient( #fff, #deefff);
    border: 1px solid #a1cdfe;
}

.lady_body .col-3 p{
    font-size: 12px;
}
.lady_body .col-3 h5{
    font-size: 1.4rem;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lady_body .col-3 h5::after{
    content: "";
    width: 25px;
    height: 5px;
    background: #2b68c3;
    display: block;
    margin: 10px auto 0;
    border-radius: 5px;
}
.lady_more{
    text-align: center;
    width: 210px;
    line-height: 60px;
    color: #fff;
    display: block;
    margin: 0 auto;
    background: #ff9a40;
    border-radius: 8px;
    position: absolute;
    bottom: -25px;
    left: 45%;
}
.tig_head{
    text-align: center;
    height: 240px;
    background: #344ccc;
}
.tig_head img{padding-top: 70px;}
.girl_friend{
    background: #eceff6;
}
.girl_fri_body li{
    float: left;
    width: 23%;
    height: 325px;
    border-radius: 50%;
    background: #fff;
    border: 1px dashed #d5d8e0;
    text-align: center;
    margin: 0 0.8%;
    box-shadow: 15px 20px 20px 0px rgb(207 216 232 / 78%);
}
.girl_fri_body li p{
    width: 80%;
    margin: 0 auto;
    color: #1f1f2d;
    line-height: 25px;
}
.girl_fri_body li h3{
    font-size: 24px;
    padding: 80px 0 30px;
    margin-top: 50px;
    color: #1f1f2d;
}
.gfb_1 h3{background: url(../images/h.png) no-repeat top center;}
.gfb_2 h3{background: url(../images/z.png) no-repeat top center;}
.gfb_3 h3{background: url(../images/f.png) no-repeat top center;}
.gfb_4 h3{background: url(../images/s.png) no-repeat top center;}
.gfb_1:hover h3{background: url(../images/h1.png) no-repeat top center;}
.gfb_2:hover h3{background: url(../images/z1.png) no-repeat top center;}
.gfb_3:hover h3{background: url(../images/f1.png) no-repeat top center;}
.gfb_4:hover h3{background: url(../images/s1.png) no-repeat top center;}
.girl_fri_body li:hover{
    background-image: radial-gradient( circle at 90% 90%, #788ffd, #3b5aff);
    color: #fff;
}
.girl_fri_body li:hover h3{
    color: #fff;
}
.girl_fri_body li:hover p{
    color: #fff;
}
.girl_head{
    text-align: center;
    padding: 60px 0 50px;
}
.girl_friend{
    padding-bottom: 90px;
}
.madam{
    background: url(../images/bg6.jpg) no-repeat;
    padding-top: 90px;
    padding-bottom: 80px;
}
.left_madam a{
    display: block;
    width: 45%;
    line-height: 35px;
    color: #fff;
    border:1px solid #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 35px;
}
.left_madam{
    float: left;
    width: 24%;
}
.rig_madam{
    float: left;
    width: 75%;
}
.left_madam h1{
    color: #fff;
    font-size: 1.8rem;
    width: 75%;
    background: url(../images/rig.png) no-repeat center right;
    margin-bottom: 45px;
}
.madam .wrap{
    padding-top: 170px;
    background: url(../images/bg7.png) no-repeat left top;
}
.rig_madam .dad{float: left;width: 31%;margin: 0 1%;}
.madam .hd{
    padding-left: 26.7%;
    line-height: 60px;
    background: #fff;
    margin-top: 105px;
}
.madam .hd li{
    position: relative;
    float: left;
    text-align: center;
    width: 26%;
    font-size: 18px;
    color: #1f1f2d;
    font-size: 20px;
}
.madam .hd .on{
    background: #ff7439;
    color: #fff;
}
.madam .hd .on::before{
    content: "";
    width: 100%;
    background: url(../images/bg8.png) no-repeat top center ;
    display: block;
    height: 17px;
    position: absolute;
    top: -17px;
}
.mrs{
    background: #eceff6 ;
}
.mrs_nose .dad{
    float: left;
    width: 45%;
    position: relative;
}
.mrs_nose .dad p{
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
}
.mrs .fuck{
    background: #f6f7fb;
    padding-bottom: 35px;
}
.mrs .mrs_head h1{
        line-height: 150px;
}
.mrs_data span{
    display: block;
    font-weight: bolder;
    font-size: 2.8rem;
}
.bitch{
    float: left;
    width: 45%;
    margin: 20px 5% 0;
}
.bitch h4{
    font-size: 22px;
    margin: 25px 0 15px;
    font-weight: normal;
}
.bitch p{
    color: #666666;
    line-height: 28px;
    
}
.bitch dd{
    background: url(../images/rig1.png) no-repeat right center;
    color: #666;
    margin-top: 25px;
    font-size: 14px;
}
.mrs_zhang .dad{
    float: left;
    width: 25%;
}
.mrs_zhang{
    float: left;
    width: 45%;
    margin:  50px 5% 0 0%;
}
.body_bod{
    float: left;
    width: 93%;
    margin-left: 5%;
}
em{font-style: normal;}
.mrs_zhang p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    margin: 15px 0;
}
.body_bod em{
    font-size: 20px;
}
.body_bod span{
    float: right;
    font-size: 12px;
    color: #1f1f2d;
}
.body_bod dd{
    background: url(../images/rig1.png) no-repeat right center;
    color: #666;
    font-size: 14px;  
}
.jsq img{
    padding: 120px 0 140px;
}
.jsq{
    background:url(../images/bg9.png) no-repeat bottom left
}
.java{
    background: #3249c2;
}
.java .wrap{
    height: 400px;
    position: relative;
}
.zan{
    position: absolute;
    right:0;
    bottom: 0;
}
.tiger_killer{
    background: url(../images/bg10.jpg) no-repeat;
}
.long span{
    display: none;
}
.lybc{width: 50%;}
.lyk {
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: transparent;
    width: 47%;
    margin: 0 1% 2%;
    float: left;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #99a4e1;
}
.lyk2 {
    width: 96%;
    margin: 0 1%;
    height: 90px;
    position: relative;
}
.lyk input, .lyk textarea {
    border: 0;
    line-height: 40px;
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    text-indent: 160px;
    color: #fff;
    font-size: 16px;
}
.lynr {
    float: left;
    padding-left: 30px;
}
.btn1{
    width: 150px;
    line-height: 45px;
    background: #ff7439;
    color: #fff;
    border-radius: 5px;
    border: 0;
    margin: 10px 0 0 8px;
}
.lybc h2{
    color: #fff;
    font-size: 36px;
    padding: 60px 0 20px;
}
#name{background: url(../images/user.png) no-repeat left center;}
#mobile{background: url(../images/phone.png) no-repeat left center;}
#nr{background: url(../images/msg.png) no-repeat left 10px;}
.tiger_killer {
    position: relative;
    background: url(../images/bg10.jpg) no-repeat;
    margin-bottom: -50px;
}
.head_h{display: none;}
.jq2 {
    background: url(../images/022.png) no-repeat 2% 22%;
}
.jq3 {
    background: url(../images/033.png) no-repeat 2% 22%;
}
.poss{
    position: absolute;
    z-index: 1000;
    top: 15%;
    right: 35%;
}
.poss li{
    float: left;
    width: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background: #5e5e65;
}
.poss li:hover{
    background: #fd8b46;
}
.wife{position: relative;}

@media screen and (max-width:1600px){
    .picBtnTop .bd li {padding: 75px 1% 20px 18%;}
}
@media screen and (max-width:1460px){
    .picBtnTop .hd{width:25%}
    .picBtnTop .bd{width: 75%;}
}   
@media screen and (max-width:1420px){
    .wrap{width: 95%;}
    .rig_girl ul {margin: 50px 0;}
    .girl_fri_body li{border-radius: 0;}
}
@media screen and (max-width:1300px){
    .picBtnTop .bd li{background: none;padding: 75px 1% 20px 1%;}
    .bitch h4{margin: 25px 0;}
    .bitch p{line-height: 25px;}
}
@media screen and (max-width:1200px){
    .tel{display: none;}
    .nav_li{width:80%;}
    .logo{width: 20%;}
    .rig_girl ul {margin: 15px 0;}
    .girl h1 {line-height: 100px;}
    .rig_girl p{line-height: 25px;}
    .picBtnTop .hd{float: none;width: 100%;padding: 20px 0;}
    .picBtnTop .bd{float: none;width: 100%;background:no-repeat;}
    .fir_wife{background: url(../images/bg2.jpg) no-repeat; background-size: 100% 100%;padding-bottom: 20px;}
    .picBtnTop .hd span{display: block;}
    .picBtnTop .hd img{display: none;}
    .picBtnTop .hd li{float: left;width: 16.3%;text-align: center;margin: 0 8.5%;line-height: 55px;background: #344ccc; color: #fff;border-radius: 6px;}
    .picBtnTop .bd li{padding: 15px 1% 20px 1%;}
    .picBtnTop .bd .right{float: none;}
    .lady_head{padding: 30px 0 20px;}
    .lady_more{position: static;}
    .bitch h4{margin: 10px 0;}
    .mrs_zhang .dad{display: none;}
    .body_bod{width: 90%;}
}
@media screen and (max-width:1000px) {
    .mrs_data{display: none;}
    .poss{display:none;}
    .zan{width: 50%;}
    .head_h{display: inline-block;}
    .head_d{display: none;}
}
@media screen and (max-width:800px) {
    .lybc{width: 100%;}
    .java .wrap{height: auto;padding: 40px 0;}
    .lybc h2{padding: 0 0 10px 0;}
    .tiger_killer{display: none;}
    .none_80{display: none!important;}
    .picBtnTop .bd li{text-align: center;}
    .wife_a{margin-top: 15px;width: auto;}
    .nav{position: static;background: #3A59FF;}
    .nav .wrap{width: 100%;}
    .logo{float: none;width: 100%;text-align: center;}
    .logo img{margin: 5px 0;}
    .nav_li a{line-height: 35px;border: 1px solid #fff;margin-bottom: -1px;margin-left: -1px;;}
    .nav_li li{width: 33.3%;}
    .nav_li{width: 100%;}
    .banner .hd{display: none;}
    .left_girl{float: none;width: 100%;text-align: center;}
    .rig_girl{float: none;width: 100%;}
    .girl{background: #ECEFF6;}
    .left_girl li{width: 50%;}
    .left_girl ul {margin: 25px 0;}
    .rig_girl h2{margin: 15px 0;text-indent: 2rem;}
    .rig_girl li{width: 33.3%;}
    .girl_more{margin: 20px auto;}
    .lady_body .col-3{width: 46%;margin: 0 2% 10px;border: 0;}
    .tig_head{display: none;}
    .girl_head{padding: 30px 0 25px;}
    .girl_fri_body li{width: 46%;margin: 10px 2%;border: 0;}
    .left_madam{float: none;width: 100%;}
    .rig_madam{float: none;width: 100%;}
    .left_madam img{display: none;}
    .left_madam h1{background: none;}
    .left_madam a{display: none;}
    .madam{padding-top: 30px;}
    .madam .wrap{padding-top: 140px;}
    .madam .hd{margin-top: 80px;padding-left: 0;}
    .madam .hd li{width: 50%;}
    .madam .hd .on::before{display: none;}
    .mrs_nose .dad{display: none;}
    .bitch{display: none;}
    .body_bod{width: 100%;padding-bottom: 15px;border-bottom: 1px solid #eee;margin: 0;}
    .mrs_zhang{width: 100%;margin:  0px auto 15px;}
    .mrs_body{padding-top: 35px;}
    .mrs .mrs_head h1{line-height: 70px;}
    .bitch p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;margin: 15px 0;}
    .bitch dd{margin: 0;}
    .zan{display: none;}
    .jsq{background: none;}
    .jsq img {padding: 40px 0 40px;}
    .mrs .fuck{    padding: 0 2.5% 35px;}
}
@media screen and (max-width:600px) {
    .bd .right{width: 70%;margin: 0 auto;}
    .picBtnTop .hd li{width: 28.3%;margin: 0 2.5%;line-height: 35px;}
    .girl_fri_body li{border-radius: 0;height:auto;}
    .girl_fri_body li p{display: none;}
    .girl_friend{padding-bottom: 25px;}
    .lady{padding-bottom: 0px;}
    .girl_fri_body li h3 {margin-top: 10px;font-size: 20px;font-weight: normal;padding: 60px 30px 30px 30px;;}
}
@media screen and (max-width:500px) {
    .java .wrap{height: auto;padding: 40px 0;}
    .lady_more{width: 160px;line-height: 45px;}
    .lady_body .col-3 p{display: none;}
    .lady_body .col-3{padding-top: 10px;}
    .madam .hd li{line-height: 35px;border-radius: 5px;width: 36%;margin: 0 7%;color: #fff;}
    .madam .hd{background: none;margin-top: 30px;}
    .left_madam h1{margin-bottom: 15px;}
    .madam{padding-bottom: 30px;}
    .madam .wrap{padding-top: 0;background: none;}
    .body_bod span{display: none;}
    .mrs_zhang p{margin: 8px 0;}
    .jsq img {display: none;}
    .rig_girl p{font-size: 14px;line-height: 20px;}
    .girl h1 {line-height: 60px;font-size: 1.5rem;}
	.lady_body .col-3 h5 {font-size:14px;}
}