.tit{ font-size:18px; text-align: center; padding:25px 0; color:#000;}
.wrap{ padding:0 30px;}
.wrap .txt{ text-align:left; font-size:14px; line-height:29px;}
.wrap .txt .col{ color:#999;}
.wrap .txt a{ color:#bc9882; text-decoration:underline;}

.pic{ margin-top:40px; padding-top:40px; border-top:1px dotted #dcdcdc; margin-bottom:80px; overflow:hidden;}
.pic a{ float:left; width:45%; text-align:center; font-size:14px; color:#999; line-height:25px;}
.pic a.sina{ margin-right:5%;}
.pic a.wechat{ margin-left:5%;}
.pic a img{}

/* 方太实力 */
.flex{
    display: flex;
    padding:0 12px;
    margin: 13px 0;
    justify-content: space-around;
}
.flex li{
    width: 25%;
    color: #999999;
}
.flex li a{color:#999}
.main img{width: 100%;}
.main p{font-size: 14px;line-height: 20px;}
#section1{
    background:  linear-gradient(360deg, rgba(224, 224, 224, 0.18) 0%, rgba(231, 231, 231, 0.3) 30%, #BBBBBB 100%);
    text-align: center;
}
#section1 img:first-child{
    margin-left:19px;
    margin-right:19px;
    margin: 45px auto 33px;
    box-sizing: border-box;
}
#section1 img:nth-child(2){
    width: 302px;
    margin: 0 auto;
}
#section1 img:last-child{
    margin-top: 20px;
}
#section1 h3{
    font-size: 15px;margin-bottom: 25px;margin-top: 20px;line-height: 21px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
}
#section1 p{margin-bottom:10px}
#section2{text-align: center;}
#section2 h2{
    font-size:22px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    text-align: center;
    margin:50px 0 0 0
}
#section2 img:nth-child(2){
   margin-top: 60px;
}
.pr{position: relative;}
.pr h5{position: absolute;bottom: 10px;left: 50%;
    margin-left:-59px;
    font-size: 20px;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    color: #000000;
    line-height: 28px;
}
.title{
    color: #1DAABA;
    font-size: 28px;
    margin-top: 25px;
}
#section2 p{margin-top: 10px;}
#section3{text-align: center;}
#section3 .pr{
    margin-top: 30px;
    margin-bottom: 40px;
}
#section3 .box1{
   position: relative;
   margin-bottom: 30px;
}
#section3 .box1::after{
    content: '';
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -25px;
    background: #ccc;
}
.bigTit{
    font-size: 22px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
}
.green{
    position: absolute;
    top: 190px;
    left: 50%;
    font-size: 14px;
}
.green span{
    color: #1DAABA;
    font-size:64px;
    font-weight: 100;
    font-family: PingFangSC-Thin, PingFang SC;
    margin-left: 10px;
}
.green:first-child{
    margin-left: -80px;
}
.green:nth-child(2){
    top:350px;
    margin-left: -60px;
}
#section4{
    text-align: center;
    /* padding:0 20px */
}
#section4 .gr{
  color: #1DAABA;
  font-size: 22px!important;
  margin:47px 0 10px 0
}
#section4 .pr2 img{
    position: absolute;
    top: -30px;
    left: 0;
    margin-top: 0;
}
#section4 img{margin-top: 50px;}
#section4 .bigTit{margin: 50px 0;}
.f22{font-size: 22px!important;}
.active a{
    text-decoration: underline;
    color: #000!important;
}
.whiteFont{
    position: absolute;
    top: 30px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    padding: 0 5px;
    right: 38px;
    background-color: #fff;
}

.tit2 {
    width: 100%;
    padding:40px 0 0; 
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.service-phone {
    margin-top: 35px;
    text-align: center;
}

.service-phone img{
    width: 126px;
}

.service-time {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.service-time .divider {
    width: 100px;
    height: 1px;
    background: linear-gradient(90deg, rgba(229, 229, 229, 0),rgba(229, 229, 229, 1) );
}

.service-time .divider:last-child {
    width: 100px;
    height: 1px;
    background: linear-gradient(90deg, rgba(229, 229, 229, 1), rgba(229, 229, 229, 0));
    
}

.service-time span {
    margin-left: 15px;
    margin-right: 15px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #7F7F7F;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.call-btn1 , .call-btn2 {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-btn1 {
    width: 180px;
    height: 40px;
    color: #fff;
    background: #000000;
    border-radius: 2px 2px 2px 2px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.call-btn2 {
    width: 180px;
    height: 40px;
    color: #000;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #E4E4E4;
}

.call-btn1 span, .call-btn2 span {
    margin-left: 10px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.item-label {
    margin-top: 35px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 13px;
    color: #7F7F7F;
    line-height: 22px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.item-label:first-child {
    margin-top: 50px;
}

.item-value {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    text-align: center;
    font-style: normal;
    text-decoration-line: underline;
    text-transform: none;
}

.qrcode {
    width: 100%;
    text-align: center;
}

.qrcode img{
    width: 100px;
}

.divider-line {
    margin: 50px auto;
    width: 297px;
    height: 1px;
    background: #E4E4E4;
}

#swiper2 {
    margin-bottom: 60px;
}

#swiper2 .swiper-slide {
    width: 80%;
}

#swiper2 .swiper-slide:first-child {
    margin-left: 30px;
    
}

#swiper2 .swiper-slide:last-child {
    margin-right: 30px;
}

#swiper2 .swiper-slide .swiper-title {
    margin-top: 32px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

#swiper2 .swiper-slide .swiper-row{
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    justify-content: space-between;
}

#swiper2 .swiper-slide .swiper-row .swiper-item {
    width: 32vw;
    text-align: center;
    margin-top: 36px;
}

#swiper2 .swiper-slide .swiper-row .swiper-item .swiper-con{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 15px;
}

#swiper2 .swiper-slide .swiper-row .swiper-item .swiper-desc{
    margin-top: 10px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 12px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

#swiper2 .swiper-slide .swiper-btn {
    width: 100%;
    text-align: center;
    margin-top: 44px;
    margin-bottom: 35px;
}

#swiper2 .swiper-slide .swiper-btn span{
    display: inline-block;
    width: 96px;
    height: 40px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid rgba(255,255,255,0.3);
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

/* .swiper-pagination-bullet-active {
    opacity: 1;
    padding: 1px 0px;
    background: rgba(156, 29, 34, 1) !important;
    height: 0.5px !important;
    width: 73px !important;
} */
.swiper-pagination-bullet {
    border: none;
    width: 25px !important;
    height: 2px !important;
    display: inline-block;
    background: #ccc !important;
    border-radius: 0 !important;
    opacity: 0.5 ;
}

.swiper-container {
    overflow: visible;
}

.swiper-container-horizontal>.swiper-pagination{
    bottom: -20px;
    left: 0;
    width: 100%;
}


.swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(156, 29, 34, 1) !important;
    /* width: 61px !important; */
}



#box2 {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 600ms cubic-bezier(0.0, 0.0, 0.58, 1.0),
    transform 600ms cubic-bezier(0.0, 0.0, 0.58, 1.0);
    overflow-x: hidden;
}

#box2.visible {
    opacity: 1;
    transform: translateY(0);
}

.animation1 {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 600ms cubic-bezier(0.0, 0.0, 0.58, 1.0) forwards;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animation2 {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 600ms cubic-bezier(0.0, 0.0, 0.58, 1.0) 300ms forwards;
}

.animation3  {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 600ms cubic-bezier(0.0, 0.0, 0.58, 1.0) 600ms forwards;
}