@charset "utf-8";
.header{ background: url(2023zwxmt_banner.png) no-repeat center top; height: 500px; }
.logo{ padding-top: 40px; }

.wrap-radius{border-radius:20px;background-color: #f5fbff;
    box-shadow: 0px 2px 19px 2px 
        rgba(206, 206, 206, 0.48);}
.wrap-top{margin-top:-18px;height:210px;}
.dating{padding:38px 20px;height:210px;}
.dating ul{overflow:hidden;}
.dating li{float:left;width:50%;}
.dating li:first-child a{border-left:0;}
.dating li a{display:block;border-left:3px solid #bbb8c6;text-align:center;}
.dating li p{margin-top:10px;font-size: 24px;color: #326fb7;font-weight: bold;line-height: 44px;}
.tit{text-align:center;padding:50px 0 40px;}
.dating li a img{width: 50px;margin: 15px auto;
    height: 50px;border-radius: 25px;
    box-shadow: 0px 4px 7px 1px 
        rgba(59, 168, 59, 0.48);
}
.dating .icon-wdcs a img{border-radius:5px;box-shadow: 0px 4px 7px 1px 
        rgba(158, 18, 35, 0.48);}
.rdwz ul{ margin: 0 auto; }
.rdwz li{ width: 383px; float: left;height: 300px; margin-right: 22px;border: solid 1px #4c88c7;}
.rdwz li:nth-child(3n) {margin-right:0px;}
.rdwz li img{width: 383px;height: 216px;}
.rdwz li p{font-size: 16px;color: #171717;line-height:44px;padding:0 20px;margin: 0;}
.rdwz li span{font-size: 16px;color: #171717;float: right;padding:0 20px;}
.rdwz li p:hover{color:#4c88c7;}
.gzbm{ padding: 30px 0;background-color: #f5fbff; height: 970px; }
.gzbm .branches-list-wrapper{width: 100%;height:315px;}
.gzbm .branches-list-wrapperwx{height:630px;}
.gzbm .branches-list-wrapper strong{float: left;width: 164px;}
.gzbm .branches-list-wrapper ul{width: 1036px;float: right;}
.gzbm .branches-list-wrapper ul li{width: 229px;margin-bottom: 25px;
    height: 279px;
    background-color: #ffffff;text-align: center;
    border: solid 1px #6a99c1;float: left;margin-right: 27px;}
.gzbm .branches-list-wrapper ul li img{width: 194px;height: 194px;margin-top: 15px;}
.gzbm .branches-list-wrapper ul li p{line-height: 52px;padding: 0 10px;
    letter-spacing: 0px;font-size: 16px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #171717;}
.gzbm li{ float: left; width: 16.666%; margin-bottom: 10px; }
.gzbm li a{ margin: 0 8px; display: block; background-color: rgb(202, 203, 237);height: 60px;line-height: 60px; font-size: 18px; color: #38353f; text-align: center; border-radius: 10px; }
.gzbm li a:hover{ background-color: rgb(175, 176, 205); }

.sepcial{ overflow:hidden; position:relative; }
.sepcial .prev,.sepcial .next{ width: 42px; height: 69px; position: absolute; top: 50%; margin-top: -35px; left: 0; z-index: 100; background: url(http://www.changsha.gov.cn/images/slideBox_anniu.png) no-repeat; }
.sepcial .next{ left: auto; right: 0; background-position: -42px 0;  }
.sepcial-list { margin: 0 -11px; overflow:hidden; }
.sepcial-list li{ float:left; width:33.333%; height: 230px; }
.sepcial-list li a{ display:block; margin: 0 11px; overflow:hidden; border-radius: 10px; position: relative;}
.sepcial-list li img{ width:100%; height:230px; }
.sepcial-list li:hover img { -webkit-transform: scale( 1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); }
.sepcial-list li .tag{ position: absolute; bottom: 18px; left: 50%; margin-left: -95px; width: 190px; height: 30px; line-height: 30px; text-align: center; letter-spacing: 10px; border-radius: 15px; background: rgba(0, 0, 0, 0.6); font-size: 18px; color: #fff; }

@media only screen and (max-width: 1100px) {
    .floor{ width: 100%; }
    .w1200{ width: 100%; }
    .header{ display: block; height: 0; padding-top: 27.916%; background-size: 100% auto; }
    .logo{ margin-top: -27.916%; padding-top: 10px; padding-left: 10px; box-sizing: border-box; }
    .logo img{ width: 26%; }
    .wrap-top{margin-top:0;height:auto;}

    .main{ padding: 10px; box-sizing: border-box; margin-top: -10px; }

    .dating{padding: 10px;}
    .dating li{width:50%; margin: 10px auto; }
    .dating li:nth-child(3) a{border-left:0;}
    .dating li a{display:block;border-left:3px solid #bbb8c6;text-align:center;}
    .dating li a img{ height: 40px; }
    .dating li p{ font-size: 12px;}

    .tit{text-align:center;padding:40px 0 30px;}

    .rdwz li{ width: 100%; margin-bottom: 15px; }

    .gzbm{ padding: 10px; }
    .gzbm ul{ margin: 0 -4px -5px; }
    .gzbm li{ float: left; width: 33.333%; margin-bottom: 10px; }
    .gzbm li a{ margin: 0 4px; height: 35px;line-height: 35px; font-size: 14px; border-radius: 5px; }

    .sepcial-list li{ width:100%; }


}