@charset "utf-8";
/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年12月18日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:张涵
*@modifyLog: what when who
**/
@charset "utf-8";
/*IE8兼容*/
.h-hhgk .gk-top .gk-txt{height:150px;}
.gk-top{height:328px;}
.gk-bot{height:142px;}
.h-tsms ul{height:235px;}
.h-tsms ul li p{height:85px;}

.h-hhgk{height: 1024px;width: 100%;background: url(../images/zjhhBanner.png) no-repeat top center;padding-top: 310px;}
.h-hhgk .gk-top{padding: 45px;background-color: rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}
.h-hhgk .gk-top .gk-txt{margin-bottom: 28px;}
.h-hhgk .gk-top .gk-txt p{color: #FFF;text-align: left;text-indent: 2em;font-size: 28px;line-height: 50px;}
.h-hhgk .gk-top a{display: inline-block;width: 200px;height: 60px;line-height: 60px;color: #fff;text-align: center;font-size:20px;border: 1px solid #ccc;border-radius: 5px;margin-right:40px;}
.h-hhgk .gk-top a:last-child{margin-right: 0;}
.h-hhgk .gk-top a:hover{background: #FFF;color: #000;}
.gk-bot{background: #FFF;padding: 25px;}
.gk-bot ul li{width: 33.33%;float: left;}
.gk-bot .bk-info .info-tt{display: block;text-align: left;margin-bottom:12px;font-size:17px;font-weight:bold;}
.gk-bot .bk-info p{color: #666;font-size:14px;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding: 0 27px;}
.gk-bot .bk-info .gk-more{display: inline-block;margin-left: 8px;color: #0d4c99;}
.gk-bot .bk-info .gk-more:hover{color: #2c5fab;}
.gk-bot .gk-xzqh i{background: url(../images/zjhh_03.png) no-repeat;}
.gk-bot .gk-xzqh .info-tt{/* color: #0d4c99; */}
.gk-bot .gk-zrdl i{background: url(../images/zjhh_05.png) no-repeat;}
.gk-bot .gk-zrdl .info-tt{/* color: green; */}
.gk-bot .gk-hjzy i{background: url(../images/zjhh_07.png)no-repeat;}
.gk-bot .gk-hjzy .info-tt{/* color: red; */}
.gk-bot ul li i{width: 22.5%;height: 65px;margin-top: 20px;}
.gk-bot ul li .bk-info{width: 77.5%;}
/*文明文化*/
.h-wmwh{height: 772px;width: 100%;background: url(../images/wmwhBanner.png) no-repeat top center;padding-top: 240px;}
.h-wmwh ul{height: 400px;overflow: hidden;}
.h-wmwh ul li{float: left;}
.h-wmwh ul li:nth-child(-n+3){margin-right: 25px;}
.h-wmwh ul li a{display: block;}
.h-wmwh ul li a:hover{opacity: .8;}
.h-wmwh .wm-mb1{margin:0 15px 15px 0;}
.h-wmwh .wm-mb2{margin-bottom: 15px;}
.h-wmwh .wm-ml{margin-right: 15px;}
/*旅游服务*/
.h-lyfw{height: 960px;width: 100%;background: url(../images/zjhh_bg3_04.jpg) no-repeat top center;padding-top: 230px;}
.h-lyfw a{display: block;width: 523px;height: 636px;}
/*特色美食*/
.h-tsms{height: 652px;width: 100%;background: url(../images/zjhh_bg4_04.jpg) no-repeat top center;padding-top: 200px;}
.h-tsms ul li{float: left;width: 22.5%;margin-right: 3%;padding:56px 0 0 0;position: relative;}
.ms-txt{position: absolute;top: 260px;left: 5px;}
.h-tsms ul li:last-child{margin-right: 0;}
.h-tsms ul li p{font-size:14px;color: #666;text-align: left;margin-bottom: 19px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;line-height: 22px;padding: 0 10px;}
.h-tsms ul li a{/* display: block; */text-align: right;color: #437fd9;font-size:14px;/* padding-right: 20px; */}
.h-tsms ul li a:hover{color:#2c5fab;}
.h-tsms ul li .tsms-tt{display:none;}

/* 史志怀化 */
.h-szhh {height: 862px;width: 100%;background: url(../images/szhh_bg.png) no-repeat top center;}
.szhh_list {padding-top: 300px;}
.szhh_list li {float: left;margin-right: 160px;}
.szhh_list li:first-child {margin-left: 26px;margin-top: 36px;}
.szhh_list li:last-child {margin-right: 0;margin-top: 36px;}
.szhh_list li:nth-child(2), .szhh_list li:nth-child(4) {margin-top: 100px;}
.szhh_list li a img{transition: all .3s ease;-webkit-transition: all .3s ease;}
.szhh_list li a:hover img{transform: scale(1.1);}

@media screen and (max-width:1200px){
   /*IE8兼容*/
.h-hhgk .gk-top .gk-txt{height:auto;}
.gk-top{height:auto;}
.gk-bot{height:auto;}
.h-tsms ul{height:auto;}
.h-tsms ul li p{height:auto;}

   .h-wmwh  .content-box{overflow-x: auto;width: auto;}
   .h-wmwh ul{width: 1200px;}
   .h-tsms{background: url(../images/tsms_02.jpg) no-repeat top center;padding-top: 290px;}
   .h-tsms ul{padding: 0 1rem;}
   .h-tsms ul li{padding: 1.5rem 1.4rem;background: #FFF;border-radius: 10px;}
   .h-tsms ul li .tsms-tt{display: block;margin-bottom: 1rem;}
   .main .h-tsms ul li {padding: 3.5rem 1rem 3.5rem 1.2rem;}
}
@media screen and (max-width:1000px){
   .h-tsms ul li{width: 24%;margin-right: 1.33%;}
   .h-tsms{padding-top: 310px;}
   .gk-bot ul li i{display: none;}
   .gk-bot .bk-info p{padding: 0;}
   .gk-bot ul li .bk-info {width: 87.5%;}
}
@media screen and (max-width:820px){
   .h-hhgk .gk-top a{width: 30%;margin-right: 2%;}
   .h-hhgk .gk-top {padding: 2.8rem 1rem;}
}
@media screen and (max-width:700px){
   .h-tsms {padding-top: 50px;background-size: 100%;background-color: #f0e8d5;}
   .h-tsms ul li {width: 48%;margin-right: 3.33%;padding: .5rem 1.4rem;}
   .h-tsms ul li:nth-child(-n+2){margin-bottom: 3.33%;}
   .h-tsms ul li:nth-child(2){margin-right: 0;}
   .h-tsms ul li p{margin-bottom: .5rem;text-align: left;}
   .main .h-tsms ul li {padding: 1rem 1rem 1rem 1.2rem;}
   .h-hhgk{
    background-size: 100%;
    padding: 0;
    height: auto;
    background-color: #004e6f;
}
   .h-hhgk .gk-top a{
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
}
   .h-hhgk .gk-top .gk-txt{
    margin-bottom: 10px;
}
   .h-hhgk .gk-top{
    padding-bottom: 20px;
    padding-top: 35px;
}
   .h-hhgk .gk-top .gk-txt p{font-size: 1rem;line-height: 1.8;}
   .h-wmwh{height: auto;background-size: 100%;background-color: #666666;padding-top: 50px;}
   .h-wmwh ul{
    width: auto;
    height: auto;
}
   .h-wmwh ul li img{width:100%;}
   .h-wmwh ul li:nth-child(-n+3){
    width: 30%;
    margin: 1.5%;
}
   .h-wmwh .wm-mb1{
    width: 46%;
    margin: 1.5%;
}
   .h-wmwh .wm-mb2{
    width: 47%;
    margin: 1.5%;
}
   .h-wmwh .wm-ml, .h-wmwh li:last-child{
    width: 30%;
    margin: 1.5%;
}
   .h-lyfw{
    background-size: 100%;
    padding-top: 0;
    height: 210px;
}
   .h-lyfw a{
    width: 50%;
    height: 100%;
}

/* 史志怀化 */
.h-szhh {
    height: auto;
    background-size: 100%;
}
.szhh_list {
    padding: 50px 0 10px;
}
.szhh_list li {
    margin: 0!important;
    width: 20%;
    padding: 0 6px;
}
.szhh_list li a img {
    width: 80%;
}

}
@media screen and (max-width:595px){
   .h-hhgk .gk-top .gk-txt p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
   .gk-bot ul li{idth: 100%;margin-bottom: 0.5rem;}
   .gk-bot .bk-info .info-tt{margin-bottom: 0.3rem;}
   .gk-bot ul li .bk-info {width: 100%;}
   .gk-bot ul li{width: 100%;}
   .h-lyfw a {width: 100%;}
   .h-tsms{height: auto;}
   .h-tsms ul li{width: 100%;margin-right: 0;margin-bottom: 3.3%;}
   .h-tsms ul li img{display: none;}
   .ms-txt{position: unset;}
}

@media screen and (max-width:400px){
   .h-tsms ul {padding: 0 0.5rem;}
}
@media screen and (max-width:350px){
   .main .h-tsms ul li {padding: 1rem 0.5rem 1rem 0.5rem;}
}