@charset "utf-8";
html, body {margin: 0px;padding: 0px;}
IMG {border-width:0px;}
* {list-style-type: none;margin: 0;padding: 0;font-family: "Microsoft YaHei" }
a{ text-decoration:none !important; color:#555}
a:hover{ text-decoration:none; }

@media (min-width: 769px) {
    .citybox{max-width: 1280px;padding: 0 15px;overflow:hidden; margin:0 auto}
    .cityjl{margin:30px auto}
    .citybt{font-size: 20px;border-bottom: solid 1px #dedede;margin:20px auto;line-height: 50px;color:#f94a32;font-weight: bold}
    .ssbox{margin:30px auto;font-size: 14px;display: block;overflow: hidden}
    .ssl{float:left;margin-right: 20px}
    .ssbt{display:inline-block;padding-right:10px;font-size:16px}
    .ssl select{width:130px; line-height: 45px;padding: 5px 0 5px 10px;border-radius: 3px; height: 32px;text-align:left;
        border: solid 1px #dedede;
        font-size: 14px;
        outline: none;margin-right: 20px;}
    .ssr{float:left;overflow: hidden}
    .ssk{border: solid 1px #dedede;border-radius: 3px; font-size:14px;line-height: 32px;padding: 0 10px}
    .ssan{background: #f94a32;padding: 0 25px;font-size:14px;line-height: 34px;border-radius: 3px;text-align: center;color: #fff;border: none;margin-left: 10px}
    .hotcity{border: solid 1px #dedede;border-left: none;border-right: none;padding: 30px 0}
    .hotbt{display:inline-block;padding-right:10px;font-size:16px;color:#f94a32;}
    .hotul{display:inline-block;font-size: 14px;color: #555}
    .hotul li{display: inline-block;line-height: 32px}
    .hotul a{color: #555;padding: 0 10px;display: inline-block}
    .hotul a:hover{color: #f94a32}

    .letterbox{max-width: 1280px;padding: 0 15px; overflow: hidden;margin:30px auto}
    .letterbt{font-size: 20px;line-height: 35px;margin:0 auto 0px}
    .letterk{width:100%;border:solid 1px #dedede;margin:0px auto;overflow: hidden;border-bottom: none}
    .letterl{float: left;border-left:solid 3px #eee;width: 55px;display: flex;min-height: 60px;font-weight: bold;color: #555;font-size:20px;
        align-items: center;justify-content: center;border-right: solid 1px #dedede;
        height: 100%;
        overflow: hidden;cursor: pointer;
    }

    .letterr{float:left;width: calc(100% - 59px);padding:0;overflow: hidden;cursor: pointer}
    .letterr1{width: 100%;
        overflow: hidden;}
    .letterr-l{width:76px;float: left;text-align: center;color: #555;font-size: 16px;line-height: 30px;padding-top: 15px}
    .letterr-r{width: calc(100% - 76px);float: left;padding: 14px 0 14px 10px;border-left:solid 1px #dedede;}
    .letterr-r a{display: inline-block;padding: 0 5px;font-size: 14px;line-height: 32px}

    .letterl:hover{background:#f8f8f8;border-left: #f94a32 solid 3px;color: #f94a32}
    .letterr1:hover{background:url(../images/jt.png) no-repeat left center #f8f8f8}
    .letterk:last-child{border:solid 1px #dedede;}

}

@media (max-width: 768px) {

    .citybox{max-width: 1280px;padding: 0 15px;overflow:hidden;}
    .cityjl{margin:15px auto}
    .citybt{font-size: 20px;border-bottom: solid 1px #dedede;margin:15px auto;line-height: 50px;color:#f94a32;font-weight: bold}
    .ssbox{margin:15px auto 20px;font-size: 14px;display: block;overflow: hidden}
    .ssl{width:100%;margin: 10px auto}
    .ssbt{padding-right:10px;font-size:14px;width:25%;float: left;line-height: 32px}
    .ssl select{width:34%; line-height: 45px;padding: 5px 0 5px 10px;border-radius: 3px; height: 32px;text-align:left;
        border: solid 1px #dedede;
        font-size: 14px;
        outline: none;margin-right: 1%;}
    .ssl select:last-child{margin-right: 0}
    .ssr{width:100%;margin: 10px auto}
    .ssk{border: solid 1px #dedede;border-radius: 3px; font-size:14px;line-height: 32px;padding: 0 10px;width: 45%;float: left}
    .ssan{background: #f94a32;padding: 0 25px;font-size:14px;line-height: 34px;border-radius: 3px;text-align: center;color: #fff;border: none;width: 25%;float: left}
    .hotcity{border: solid 1px #dedede;border-left: none;border-right: none;padding: 15px 0}
    .hotbt{display:block;padding-right:10px;font-size:16px;color:#f94a32;margin-bottom: 10px}
    .hotul{display:inline-block;font-size: 14px;color: #555}
    .hotul li{display: inline-block;line-height: 30px}
    .hotul a{color: #555;padding: 0 10px;display: inline-block}

    .letterbox{max-width: 1280px;padding: 0 15px; overflow: hidden;margin:20px auto}
    .letterbt{font-size: 18px;line-height: 35px;margin:0 auto 0px}
    .letterk{width:100%;border:solid 1px #dedede;margin:0px auto;overflow: hidden;border-bottom: none}
    .letterl{float: left;border-left:solid 3px #eee;width: 55px;display: flex;min-height: 60px;font-weight: bold;color: #555;font-size:20px;
        align-items: center;justify-content: center;border-right: solid 1px #dedede;
        height: 100%;
        overflow: hidden;cursor: pointer;
    }

    .letterr{float:left;width: calc(100% - 55px);padding:0;overflow: hidden;cursor: pointer}
    .letterr1{width: 100%;
        overflow: hidden;}
    .letterr-l{width:74px;float: left;text-align: center;color: #555;font-size: 15px;line-height: 30px;padding-top: 15px}
    .letterr-r{width: calc(100% - 74px);float: left;padding: 14px 0 14px 10px;border-left:solid 1px #dedede;}
    .letterr-r a{display: inline-block;padding: 0 5px;font-size: 14px;line-height: 32px}
    .letterk:last-child{border:solid 1px #dedede;}
}