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

.wrap-radius{border-radius:10px;background-color:rgb(255,255,255);box-shadow:0px 0px 20px 0px rgba(60,54,188,0.5);}
.wrap-top{margin-top:-126px;height:160px;}
.dating{padding:38px 20px;height: 168px;}
.dating ul{overflow:hidden;}
.dating li{float:left;width:25%;}
.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;}
.tit{text-align:center;padding:50px 0 40px;}

.rdwz ul{ margin: 0 -11px; }
.rdwz li{ width: 33.33%; float: left; }
.rdwz li .wrap-radius{ margin: 0 11px; height: 200px; position: relative; box-shadow: 0px 0px 10px 0px rgba(60, 54, 188, 0.5); }
.rdwz li a{ font-size: 20px; color: #4e4b87; display: block; padding: 35px 56px 0; text-align: center; line-height: 38px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rdwz .bottom{ position: absolute; bottom: 0; left: 0; right: 0; height: 80px; }
.rdwz .bottom span{ position: absolute; bottom: 0; right: 20px; height: 50px; line-height: 50px; color: #ffffff; }
.rdwz .bottom span img{ margin-right: 10px; margin-top: -2px; }

.gzbm{ padding: 20px; }
.gzbm ul{ margin: 0 -8px -10px; }
.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%; }


}