.zl-default{background: url(../images/banner_bg.jpg) no-repeat center top #fff;background-size:100% 400px}
.csj-title{width: 100%;background-size: cover; position: relative;overflow: hidden;}
.csj-title .csj-top-line{width: 100%;padding: 8px 0;background: rgba(0,0,0,.5);color: #fff;position: absolute;top: 0;left: 0;text-indent: 20px;}
.csj-title .csj-top-line img{margin: 0 5px;}
.csj-title-text{font-size: 44px;text-align: center;width: 100%;color: #fff;margin-top: 60px;letter-spacing: 3px;font-weight: bold;}
.csj-title-btn{width: 162px;margin: 10px auto;padding: 8px 0;display: block;background: #fff;border-radius: 20px;color: #004288;text-align: center;transition: 0.5s;}
.csj-title-btn:hover{letter-spacing: 3px;}
.csj-row{position: relative;margin-top: 10px;}
.csj-row-in{padding: 0 15px;width: 100%;}
.csj-card4{width: 100%;background: #fff;border-radius: 10px;box-shadow: 0 0px 6px rgba(0,0,0,.25);margin-bottom: 15px;margin-top: 5px;}
.csj-card-in{padding: 10px;}
.csj-card-in h3{font-size: 24px;margin-top: 10px;text-indent: 15px;}
.csj-card-main{overflow: hidden;margin-top: 30px;}
.csj-card-main .sh-btn{background: #f2f2f2;border-radius: 5px;width: 100%;display: block;text-align: center;padding: 10px 0;margin-bottom: 10px;overflow: hidden;}
.csj-card-main .col-6,.csj-card-main .col-12{padding-left: 5px;padding-right: 5px;overflow: hidden;transition: 0.5s;}
.csj-card-main .sh-btn:hover{background: #e6ebf5;}
.sh-btn hr{margin:10px auto;width: 90%;}
.sh-btn ul {width: 90%;overflow: hidden;margin: 15px auto;}
.sh-btn ul li{float: left;width: 25%;text-align: center;}
.ico-bar{width: 100%;overflow: hidden;}
.ico-bar li{float: left;width: 20%;text-align: center;}
.pic-12329{width: 100%;margin-top: 15px;text-align: center;margin-bottom: 20px;}
ul.city-list{width: 100%;overflow: hidden;}
ul.city-list li{float: left;padding-left: 5px;padding-right: 5px;margin-bottom: 10px;}
ul.city-list li a{display: block;padding: 10px 0;border: 1px solid #efeeec;text-align: center;border-radius: 5px;transition: 0.5s;position: relative;overflow: hidden;z-index: 1;}
ul.city-list li a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;background: #6392c9;-webkit-transform: scale3d(0.7, 1, 1);transform: scale3d(0.7, 1, 1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}

ul.city-list li a:hover{color: #fff;border-color:#6392c9; background: #6392c9;}

ul.city-list li a:hover::before{opacity: 1;-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}

.zl-de-card{float: left;}

.page-city .zl-de-card{margin: 0 auto;float: none;}
.page-city .csj-card-main h3{border-bottom: 1px solid #efeeec;padding-bottom: 15px;margin-bottom: 25px;text-indent: 0;}
.page-city .csj-card-main{width: 90%;margin: 0 auto;}
.page-city .csj-card-main .col-12{padding-left: 5px;padding-right: 5px;}
.page-city-btn img{width: 31px;}
.page-city .img-bar{margin-top: 20px;margin-bottom: 20px;}
.page-city .city-12329 img{margin: 0 5px;}
.page-city .city-12329 {font-size: 18px; color: #41a2f6;font-weight: bold;font-style: italic;text-align: center;margin-bottom: 30px;}

.page-city .ico-bar li{margin-left: 15px;width: auto;}


ul.city-list{display: flex;flex-flow: wrap;overflow: hidden;}
ul.city-list li{display: grid;}
ul.city-list li a{display: flex;justify-content: center;align-items: center;}

.csj-title .csj-intro{width: 80%;margin: 10px auto 10px auto;background: rgba(0,0,0,.4);color: #fff;line-height: 30px;padding: 10px 15px;}

.zl-shce-tj ul li{margin:10px 0;width: 50%;}
.zl-de-ywbl{width: 100%;overflow: hidden;margin: 0 auto;padding: 20px 0;}
.zl-de-ywbl div a{background:rgba(255,255,255,.8);border-radius: 20px;padding: 15px 0;display: block;overflow: hidden;transition: 0.8s;border: 1px solid #0e3991;}
.zl-de-ywbl div a:hover{background:rgba(255,255,255,1) ;}
.zl-de-ywbl a img{width: 50px;display: block;float: left; margin-left: 40px;margin-bottom: 0;}
.zl-de-ywbl a span{display: block;float: left;margin-left: 20px;width: auto;}
.csj-zxdt{height: 300px}

@media (min-width:768px){
    .csj-card4{min-height: 456px;}
    ul.city-list{height: 357px;}
    ul.city-list.anhui{overflow-y: scroll;}
/*    .zl-default{height: 788px;}*/
    .page-city .csj-card4{min-height: auto;}
    .zl-default.page-city{height: 600px;}
}

@media (max-width:768px){
    .csj-title-text{font-size: 36px;}
    .zl-de-card.col-12{margin-bottom: 15px;padding: 0 5px;}
    .csj-row{margin: 0; top: -100px;}
    .pic-12329{margin-top: 0;text-align: left;}
    .pic-12329 img{width: 100%;}
    .csj-title{height:600px;}
    .csj-title .csj-top-line img{width: 15%;}
    .page-city .ico-bar li{width: 100%;margin-left: 0;margin-bottom: 20px;}
    .img-bar.row{margin-left: 0;margin-right: 0;}
    .zl-shce-tj ul li{width: 100%;margin: 8px 0;}
    .zl-de-ywbl{padding: 10px 0;}
    .zl-de-ywbl a {margin: 10px 0;;}
    .zl-de-ywbl a img{margin-left: 20px;}
    .zl-de-ywbl a span{margin-left: 20px;font-size: 14px;margin-top: 5px;}
    .zl-default {background-size: 200% 600px;}
    .csj-zxdt{height: auto;}
    
}
@media (max-width:370px){
    .csj-title-text{font-size: 24px;}
    .csj-title .csj-top-line img{width: 10%;}
}