.home-why-guanxiang{padding:70px 0 20px;}
.home-why-guanxiang .tit {text-align:center;}
.home-why-guanxiang .tit h3{font-size:44px;color:#333;font-weight:700;line-height:1;}
.home-why-guanxiang .tit p {font-size:20px;color:#333;margin:6px 0 25px;}

.home-why-guanxiang dl{margin:45px -15px 0;display:flex;flex-wrap:wrap;}
.home-why-guanxiang dl dd{width:25%;padding:0 15px;text-align:center;}





.home-why-guanxiang dl dd .box{
    width: 100%;
    box-sizing: border-box;
    background: #F3F3F3;
    padding:40px 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .6s ease-out;
    text-align: center;
    height:100%;
}

.home-why-guanxiang dl dd .box::after{
    content: " ";
    position: absolute;
    top: 0px;
    left: -210%;
    width: 186%;
    height: 160%;
    background: var(--color);
    transform: skew(-45deg);
    z-index: -1;
    transition: left .4s ease-in-out;
    background-color: #0dabf5;
}
.home-why-guanxiang dl dd:hover .box{
    box-shadow:0 0 10px rgba(0,0,0,.3);transform:translateY(-5px)
}

.home-why-guanxiang dl dd .box:hover::after{
    left:-69%;transition:left .4s ease-in-out
}

.home-why-guanxiang dl dd .ico{}
.home-why-guanxiang dl dd .ico img{height:80px;transition:all 0.3s ease 0s;}
.home-why-guanxiang dl dd .ico img:last-child{display:none;}                            
.home-why-guanxiang dl dd h5{font-size:20px;color:#212121;line-height:1;font-weight:600;margin:15px 0 0;transition:all 0.3s ease 0s;}
.home-why-guanxiang dl dd p{margin-top:10px;font-size:14px;color:#333;line-height:30px;transition:all 0.3s ease 0s;}

.home-why-guanxiang dl dd:hover .ico img:first-child{display:none;}
.home-why-guanxiang dl dd:hover .ico img:last-child{display:inline-block;}
.home-why-guanxiang dl dd:hover h5,.home-why-guanxiang dl dd:hover p{color:#fff;}
                            
.hotel_main{margin:50px 0 0;}
.hotel_main ul{}
.hotel_main ul li{display:flex;align-items:center;}
.hotel_main ul li+li{margin-top:70px;}
.hotel_main ul li .pic{width:50%;}
.hotel_main ul li .txt{flex:1;margin:0 0 0 70px;overflow:hidden;}
.hotel_main ul li .txt h3{font-size:36px;color:#4e8ebb;font-weight:700;line-height:1;}
.hotel_main ul li .txt p{margin-top:30px;font-size:20px;color:#333;line-height:30px;}
.hotel_main ul li .txt .more{margin:40px 0 0;padding:0 50px;background:#0360A3;font-size:18px;color:#fff;font-weight:600;line-height:60px;height:60px;display:inline-block;}

.hotel_main ul li:nth-child(2n){flex-direction:row-reverse;}
.hotel_main ul li:nth-child(2n) .txt{margin:0 70px 0 0;}


@media screen and (max-width:1680px) {
.home-why-guanxiang .tit h3{font-size:42px;}
.hotel_main ul li+li{margin-top:65px;}
.hotel_main ul li .txt h3{font-size:35px;}

}

@media screen and (max-width:1550px) {
.home-why-guanxiang .tit h3{font-size:40px;}
.hotel_main ul li+li{margin-top:60px;}
.hotel_main ul li .txt h3{font-size:33px;}
}

@media screen and (max-width:1440px) {
.home-why-guanxiang .tit h3{font-size:38px;}
.home-why-guanxiang dl dd .box{padding:35px 20px;}
.home-why-guanxiang dl dd h5{margin:25px 0 0;}
.home-why-guanxiang dl dd p{line-height:26px;}
.hotel_main ul li+li{margin-top:55px;}
.hotel_main ul li .txt h3{font-size:32px;}
.hotel_main ul li .txt p{font-size:19px;}

}

@media screen and (max-width:1367px) {
.home-why-guanxiang .tit h3{font-size:36px;}
.home-why-guanxiang dl dd .box{padding:30px 15px;}
.home-why-guanxiang dl dd h5{font-size:19px;}
.home-why-guanxiang dl dd p{line-height:24px;}
.hotel_main ul li+li{margin-top:50px;}
.hotel_main ul li .txt h3{font-size:30px;}
.hotel_main ul li .txt p{font-size:18px;}

}

@media screen and (max-width:1280px) {
.home-why-guanxiang{padding:60px 0 20px;}
.home-why-guanxiang .tit h3{font-size:34px;}

.home-why-guanxiang dl{margin:35px -10px 0;}
.home-why-guanxiang dl dd{padding:0 10px;}
.home-why-guanxiang dl dd .box{padding:25px 15px;}
.home-why-guanxiang dl dd img{height:70px;}
.home-why-guanxiang dl dd h5{font-size:18px;margin:20px 0 0;}
.home-why-guanxiang dl dd p{line-height:24px;}

.hotel_main{margin:40px 0 0;}
.hotel_main ul li+li{margin-top:40px;}
.hotel_main ul li .txt{margin:0 0 0 60px;}
.hotel_main ul li:nth-child(2n) .txt{margin:0 60px 0 0;}
.hotel_main ul li .txt h3{font-size:28px;}
.hotel_main ul li .txt p{font-size:17px;line-height:26px;}
.hotel_main ul li .txt .more{margin:30px 0 0;font-size:17px;padding:0 45px;line-height:50px;height:50px;}

}

@media screen and (max-width:1171px) {
.home-why-guanxiang{padding:50px 0 20px;}
.home-why-guanxiang .tit h3{font-size:32px;}

.home-why-guanxiang dl{margin:30px -10px 0;}
.home-why-guanxiang dl dd{width:50%;padding:10px;}

.hotel_main ul li .txt h3{font-size:26px;}
.hotel_main ul li .txt{margin:0 0 0 50px;}
.hotel_main ul li:nth-child(2n) .txt{margin:0 50px 0 0;}
}

@media screen and (max-width:992px) {

.hotel_main ul li .txt h3{font-size:24px;}
.hotel_main ul li .txt{margin:0 0 0 40px;}
.hotel_main ul li:nth-child(2n) .txt{margin:0 40px 0 0;}

.hotel_main ul li .txt .more{padding:0 35px;line-height:45px;height:45px;font-size:16px;}

}

@media screen and (max-width:786px) {
.home-why-guanxiang{padding:30px 0 10px;}
.home-why-guanxiang .tit h3{font-size:28px;}
.home-why-guanxiang dl{margin:20px -10px 0;}

.hotel_main{margin:30px 0 0;}
.hotel_main ul li+li{margin-top:30px;}
.hotel_main ul li .txt h3{font-size:22px;}
.hotel_main ul li .txt{margin:0 0 0 30px;}
.hotel_main ul li:nth-child(2n) .txt{margin:0 30px 0 0;}
.hotel_main ul li .txt p{margin-top:25px;font-size:16px;line-height:24px;}
.hotel_main ul li .txt .more{margin:25px 0 0;padding:0 30px;line-height:42px;height:42px;}

}

@media screen and (max-width:576px) {
.home-why-guanxiang .tit h3{font-size:26px;}
.home-why-guanxiang dl{margin:20px 0 0;}
.home-why-guanxiang dl dd{width:100%;padding:10px 0;}
.home-why-guanxiang dl dd .box{padding:20px 15px;}

.hotel_main ul li{display:block;}
.hotel_main ul li .pic{width:100%;}
.hotel_main ul li .txt,.hotel_main ul li:nth-child(2n) .txt{margin:25px 0 0;text-align:center;}
.hotel_main ul li .txt h3{font-size:20px;}
.hotel_main ul li .txt p{margin-top:15px;}
.hotel_main ul li .txt .more{margin:15px 0 0;padding:0 25px;line-height:38px;height:38px;}

}

@media screen and (max-width:480px) {
.home-why-guanxiang .tit h3{font-size:24px;}
}


.home-why-guanxiang{
    background: rgba(52, 174, 223,0.2) !important;
}