.wrap-bg {

    height: 830px;

    padding: 90px 0 140px;

}



.wrap-bg .fl {

    display: flex;

}



.wrap-bg .left {

    height: 1070px;

    height: 600px;

    overflow: hidden;

}



.wrap-bg .right {

    padding-left: 50px;

}



.wrap-bg h2 {

    font-size: 60px;

    color: #404040;

}



.wrap-bg h3 {

    font-size: 34px;

    color: #404040;

}



.wrap-bg h4 {

    font-size: 20px;

    color: #888;

    font-weight: 500;

    padding: 50px 0 120px;

}



.wrap-bg p {

    font-size: 12px;

    color: #999;

}



.wrap-care{



}



.wrap-care .t{

    /* background: url("../images/11.jpg") no-repeat;

    background-size: contain;

    width: 601px;

    height: 174px; */

    background: url("../images/gaiimg3.png") no-repeat;

    background-size: contain;

    width: 600px;

    height: 152px;

}



.wrap-care .body{

    height: 660px;

    padding: 60px 0 80px;

}



.wrap-care .items{

    font-size: 0;

    height: 395px;

    overflow: hidden;

}



.wrap-care .item{

    width: 290px;

    height: 190px;

    overflow: hidden;

    position: relative;

    display: inline-block;

    margin: 0 13px 15px 0;

}



.wrap-care .item:nth-of-type(4n){

    margin-right: 0;

}



.wrap-care .item:hover:after{

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    background: url("../images/m.png");

    background-size: contain;

    width: 100%;

    height: 100%;

}



.wrap-care .page{

    margin-top: 20px;

    text-align: right;

}



.wrap-care .page .count{

    font-size: 14px;

    color: #898889;

    display: inline-block;

    height: 35px;

    line-height: 35px;

    vertical-align: middle;

    margin-right: 30px;

    position: relative;

}



.wrap-care .page .count:after{

    position: absolute;

    left: -24px;

    top: 12px;

    background: url("../images/55.png") no-repeat;

    background-size: contain;

    width: 14px;

    height: 13px;

    content: '';

}



.wrap-care .page .box{

    display: inline-block;

    width: 220px;

    height: 35px;

    line-height: 35px;

    background: #0079c3;

    vertical-align: middle;

    font-size: 0;

}



.wrap-care .page i{

    display: inline-block;

    width: 50%;

    height: 100%;

    position: relative;

    cursor: pointer;

}



.wrap-care .page i:after{

    display: inline-block;

    background: url("../images/arrow-l1.png") no-repeat;

    background-size: contain;

    width: 40px;

    height: 19px;

    position: absolute;

    left: 50%;

    top: 50%;

    content: '';

    margin: -10px 0 0 -20px;

}



.wrap-care .page .prev{



}



.wrap-care .page .next:after{

    transform: rotate(180deg);

}



.wrap-care .ymd .d{

    font-size: 32px;

    color: #909090;

    font-weight: bold;

}



.wrap-care .ymd span{

    font-size: 12px;

    color: #010101;

}



.wrap-care .ymd h3{

    font-size: 18px;

    color: #404040;

    position: relative;

    top: -6px;

    margin-left: 30px;

    font-weight: 500;

}



.wrap-care .ymd .ym{

    display: flex;

    padding: 10px 0 20px;

}