#centers{width: 100%; margin: 70px auto; margin-bottom: 0;}
.titles{width: 100%;color: #111; text-align: center;}
.titles b{text-align: center; line-height: 46px;  font-size: 24px; display: block;}
.titles em{font-size: 15px; display: block;}
.hotel1{width: 100%; position: relative;}
.hotel1 .bg{width: 100%; height: auto; margin-top: 65px; display: flex; justify-content: space-between;}
.hotel1 .bg .box{width: calc(25% - 24px); margin-left: 12px; margin-right: 12px;}
.hotel1 .bg .box img{width: 100%; display: block;}

.hotel2{ width:100%; margin-top: 80px; background-image: url(../images/zhjd-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.hotel2 .bg{ width: 94%; margin: 80px auto; max-width: 1560px;}
.hotel2 .titles { color: #fff;}
.hotel2 .titles .memo{padding-top: 30px; font-size: 17px; line-height: 30px; margin: 0 auto; max-width: 360px;}
.hotel2 .txt{ width:100%; margin-top:50px;}
.hotel2 .txt ul li{ float:left; width:25%; margin-bottom:15px;}
.hotel2 .txt ul li .box{ width:90%; margin:0 auto; height:255px; background:#fff; border-radius:8px; box-shadow:0 0 3px #ccc;}
.hotel2 .txt ul li .box .tu{ width:35%; max-width:80px; margin:0 auto; padding-top:18px;}
.hotel2 .txt ul li .box .tu span{ display:block}
.hotel2 .txt ul li .box .tu em{ display:none}
.hotel2 .txt ul li .box .tu img{ width:100%; display:block}
.hotel2 .txt ul li .box .name{ width:92%; margin:0 auto; line-height:24px; color:#000; font-size:18px; padding-top:10px; text-align:center; font-weight: bold}
.hotel2 .txt ul li .box .memo{ width:92%; margin:0 auto; padding-top:6px; color:#666666; font-size:14px; line-height:24px; text-align:center}
.hotel2 .txt ul li .box .memo span{ color:#ff0000; font-size:14px;}
.hotel2 .txt ul li .box:hover .tu span{ display:none}
.hotel2 .txt ul li .box:hover .tu em{ display:block}

.app{width:100%; background: #f5f5f5;}
.app .bg{width:94%; max-width: 1300px; margin: 80px auto;}
.app .bg .titles ul{width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; margin-top: 10px;}
.app .bg .titles ul li{height: 47px; line-height: 47px; cursor: pointer; color: #444444; font-size: 17px; padding-left: 20px; padding-right: 20px; margin-left: 3px; margin-right: 3px;}
.app .bg .titles ul li:hover{background: #e4000f;border-radius: 8px; color: #fff;}
.app .bg .titles ul li.cur{background: #e4000f;border-radius: 8px; color: #fff;}
.app .bg .txt{width: 100%; height: auto; margin-top: 15px;}
.app .bg .txt .qhbox{width: 100%; display: none;}
.app .bg .txt .qhbox .box{width:calc(100% - 14px); padding:7px; display: flex; justify-content:space-around; flex-wrap: wrap;}
.app .bg .txt .qhbox .box dl{background: #fff; overflow: hidden; display: flex; justify-content: space-between; align-items: center; border-radius: 7px; width: calc(50% - 40px); margin-top: 40px; box-shadow: 0 0 7px rgba(0,0,0,0.2); box-sizing: border-box; padding: 20px 30px;}
.app .bg .txt .qhbox .box dl dt{width: 150px; height: 120px;}
.app .bg .txt .qhbox .box dl dt img{width: 150px; height: 120px; display: block;}
.app .bg .txt .qhbox .box dl dd{width: calc(100% - 190px); height:auto; display: flex; flex-direction: column;}
.app .bg .txt .qhbox .box dl dd .name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 32px; font-size: 16px; font-weight: bold;color: #444444;}
.app .bg .txt .qhbox .box dl dd .memo{ font-size: 14px; color: #777777; padding-top: 5px; line-height: 20px;}

.zndp{width:100%; background-image: url(../images/zndp-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.zndp .bg{width:94%;  margin: 80px auto;}
.zndp .bg .titles b{ color: #fff;}
.zndp .bg .titles ul{width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; margin-top: 10px;}
.zndp .bg .titles ul li{height: 47px; line-height: 47px; cursor: pointer; color: #fff; font-size: 15px; padding-left: 20px; padding-right: 20px; margin-left: 3px; margin-right: 3px;}
.zndp .bg .titles ul li:hover{background: #e4000f;border-radius: 8px; color: #fff;}
.zndp .bg .titles ul li.cur{background: #e4000f;border-radius: 8px; color: #fff;}
.zndp .bg .txt{width: 100%; position: relative; margin-top: 40px;}
.zndp .bg .txt .btn_prev{ width: 26px; height: 56px; position: absolute; z-index: 99; left: 0; top: 50%; margin-top: -28px; background: url(../images/btn_prev.png); cursor: pointer;}
.zndp .bg .txt .btn_next{ width: 26px; height: 56px; position: absolute; z-index: 99; right: 0; top: 50%; margin-top: -28px; background: url(../images/btn_next.png); cursor: pointer;}
.zndp .bg .txt  div{overflow: visible;}
.zndp .bg .txt .qhbox{width: 100%; height: auto; display: none;}
.zndp .bg .txt .box{width: 100%; background: #fff;}
.zndp .bg .txt .box img{width: 100%; display: block;}
.zndp .bg .txt .box .name{width: 100%;height: 50px; text-align:center; line-height: 50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.saas{width: 94%; max-width: 1580px; margin: 70px auto;}
.saas .txt{width: 100%; display: flex; justify-content: space-around; margin-top: 50px;}
.saas .txt .box{width:calc(33.33% - 40px);}
.saas .txt .box img{ display: block; width: 100%;}


.jsjs{width:100%; background-image: url(../images/jsjs-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed;}
.jsjs .bg{width:100%;  margin: 80px auto;}
.jsjs .bg .titles{ color: #fff;}
.jsjs .bg .txt{width: 100%; margin-top: 60px; display: flex;   justify-content: space-around;}
.jsjs .bg .txt .left{width: 640px; margin-left: 160px; display: flex; align-items: center; justify-content: space-between; }

.jsjs .bg .txt .left .box1{ width: calc(100% - 300px); display: flex; flex-direction: column; justify-content:space-around; height: 100%;}
.jsjs .bg .txt .left .box1 dl{ width: 100%;}
.jsjs .bg .txt .left .box1 dl dt{ color: #f5f5f5; font-size: 20px; line-height: 38px;}
.jsjs .bg .txt .left .box1 dl dd{ color: #999999; font-size: 16px; line-height: 30px;}

.jsjs .bg .txt .left .box2{width: 130px; display: flex; flex-direction: column; justify-content:space-between; height: 100%; display:none}
.jsjs .bg .txt .left .box2 p{ color: #e4000f; font-size: 18px; line-height: 30px;}
.jsjs .bg .txt .tu{ width: calc(100% - 700px);}
.jsjs .bg .txt .tu img{ display: block; width: 100%;}


.zscq{width:100%; background: #f1f1f1;}
.zscq .bg{width:94%;  margin: 80px auto;}
.zscq .bg .txt{width: 100%; position: relative; margin-top: 30px;}
.zscq .bg .txt .btn_prev2{ width: 26px; height: 56px; position: absolute; z-index: 99; left: 0; top: 50%; margin-top: -28px; background: url(../images/btn_prev.png); cursor: pointer;}
.zscq .bg .txt .btn_next2{ width: 26px; height: 56px; position: absolute; z-index: 99; right: 0; top: 50%; margin-top: -28px; background: url(../images/btn_next.png); cursor: pointer;}
.zscq .bg .txt  div{overflow: visible;}
.zscq .bg .txt .box{width: 100%; background: #fff;}
.zscq .bg .txt .box img{width: 100%; display: block;}




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

    #centers{width: 100%; margin: 35px auto;}
    .titles{width: 100%;color: #444444; text-align: center;}
    .titles b{text-align: center; line-height: 32px;  font-size: 22px; display: block;}
    .titles em{font-size: 13px;}

    .hotel1{width: 100%; position: relative;}
    .hotel1 .bg{width: 100%; height: auto; margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .hotel1 .bg .box{width: calc(50% - 14px); margin-left: 7px; margin-right: 7px; margin-bottom: 15px;}


    .hotel2{ margin-top: 35px;}
    .hotel2 .bg{ margin: 30px auto;}
    .hotel2 .titles .memo{padding-top: 10px; font-size: 13px; line-height: 22px;}
	.hotel2 .txt ul li{ float:left; width:50%;}
    .hotel2 .txt ul li .box{ height:235px; }
    .hotel2 .txt ul li .box .name{ width:90%; margin:0 auto; line-height:24px; color:#000; font-size:14px; padding-top:5px; text-align:center}
    .hotel2 .txt ul li .box .memo{ width:90%; margin:0 auto; padding-top:3px; color:#666666; font-size:12px; line-height:22px; text-align:center}
    .hotel2 .txt ul li .box .memo span{ color:#ff0000; font-size:13px;}


    .app{width:100%; background: #f5f5f5;}
    .app .bg{width:94%; max-width: 1300px; margin: 30px auto;}
    .app .bg .titles ul{width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; margin-top: 10px;}
    .app .bg .titles ul li{height: 40px; line-height: 40px; cursor: pointer; color: #444444; font-size: 15px; padding-left: 10px; padding-right: 10px; margin-left: 3px; margin-right: 3px;}
    .app .bg .titles ul li:hover{background: #e4000f;border-radius: 8px; color: #fff;}
    .app .bg .titles ul li.cur{background: #e4000f;border-radius: 8px; color: #fff;}
    .app .bg .txt{width: 100%; height: auto; margin-top: 0px;}
    .app .bg .txt .qhbox{width: 100%; display: none;}
    .app .bg .txt .qhbox .box{width:calc(100% - 14px); padding:7px; display: flex; justify-content:space-around; flex-wrap: wrap;}
    .app .bg .txt .qhbox .box dl{background: #fff; overflow: hidden; display: flex; justify-content: space-around; border-radius: 5px; width: 100%; margin-top: 20px; box-shadow: 0 0 7px rgba(0,0,0,0.2); box-sizing: border-box; padding: 8px 5px;}
    .app .bg .txt .qhbox .box dl dt{width: 120px; height: 96px;}
    .app .bg .txt .qhbox .box dl dt img{width: 120px; height: 96px; display: block;}
    .app .bg .txt .qhbox .box dl dd{width: calc(100% - 132px); height:auto; display: flex; flex-direction: column;}
    .app .bg .txt .qhbox .box dl dd .name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 28px; font-size: 15px; color: #444444;}
    .app .bg .txt .qhbox .box dl dd .memo{ font-size: 12px; color: #777777; padding-top:3px; line-height: 20px;}



    .zndp .bg{width:94%;  margin: 35px auto;}
    .zndp .bg .titles b{ color: #fff;}
    .zndp .bg .titles ul{width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; margin-top: 10px;}
    .zndp .bg .titles ul li{height: 40px; line-height: 40px; cursor: pointer; color: #fff; font-size: 15px; padding-left: 10px; padding-right: 10px; margin-left: 3px; margin-right: 3px;}
    .zndp .bg .titles ul li:hover{background: #e4000f;border-radius: 8px; color: #fff;}
    .zndp .bg .titles ul li.cur{background: #e4000f;border-radius: 8px; color: #fff;}
    .zndp .bg .txt{position: relative; margin-top: 25px;}
    .zndp .bg .txt .btn_prev{ display: none;}
    .zndp .bg .txt .btn_next{ display: none;}
    .zndp .bg .txt  div{overflow: visible;}
    .zndp .bg .txt .box{width: 100%; background: #fff;}
    .zndp .bg .txt .box img{width: 100%; display: block;}
    .zndp .bg .txt .box .name{width: 100%;height: 36px; line-height: 36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    .saas{width: 94%; max-width: 1580px; margin: 30px auto;}
    .saas .txt{width: 100%; display: flex; flex-wrap: wrap;  justify-content: space-around; margin-top: 0px;}
    .saas .txt .box{width:100%; margin-top: 20px;}
    .saas .txt .box img{ display: block; width: 100%;}


    
    .jsjs .bg{width:100%;  margin: 35px auto;}
    .jsjs .bg .txt{width: 94%; margin: 0 auto; margin-top: 20px; display: flex;  flex-direction: column;  justify-content:start}
    .jsjs .bg .txt .left{width: 100%; margin-left: 0; display: flex; align-items: center; justify-content: space-around; }

    .jsjs .bg .txt .left .box1{ width: calc(100% - 120px); display: flex; flex-direction: column; justify-content:space-around; height: 100%;}
    .jsjs .bg .txt .left .box1 dl{ width: 100%;}
    .jsjs .bg .txt .left .box1 dl dt{ color: #f5f5f5; font-size: 14px; font-weight: bold; line-height: 26px;}
    .jsjs .bg .txt .left .box1 dl dd{ color: #999999; font-size: 12px; line-height: 20px;}

    .jsjs .bg .txt .left .box2{width: 100px; display: flex; flex-direction: column; justify-content:space-around; height: 100%;}
    .jsjs .bg .txt .left .box2 p{ color: #e4000f; font-size: 14px;  font-weight: bold; line-height: 30px; padding-top: 5px; padding-bottom: 5px;}
    .jsjs .bg .txt .tu{ width: 100%; margin-top: 20px;}
    .jsjs .bg .txt .tu img{ display: block; width: 100%;}


    .zscq{width:100%; background: #f1f1f1;}
    .zscq .bg{width:94%;  margin: 35px auto;}
    .zscq .bg .txt{width: 100%; position: relative; margin-top: 20px;}
    .zscq .bg .txt .btn_prev2{ display: none;}
    .zscq .bg .txt .btn_next2{ display: none;}
    .zscq .bg .txt  div{overflow: visible;}
    .zscq .bg .txt .box{width: 100%; background: #fff;}
    .zscq .bg .txt .box img{width: 100%; display: block;}



}