/*****
*怀化市政府集约化建设英文版共样式文件
*@crtime:2022年08月25日10:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:张涵
*
*/
@charset "utf-8";

/*焦点图板块*/
.ywb-jdxw{margin-top: 50px;position: relative;}
.ywb-jdxw .bd {width: 660px;z-index: 0;max-height: 380px;}
.ywb-jdxw .bd li{height: 380px;overflow:hidden;}
.ywb-jdxw .bd li img {width: 100%;display: block;}
.ywb-jdxw .bd li a { display: block;}
.ywb-jdxw .text-hd {width: 540px;height:100%;float: right;}
.ywb-jdxw .text-hd ul{display: none;}

.ywb-jdxw .text-hd .ellipsis {height: auto;overflow: hidden;text-overflow: ellipsis;display:block;font-size: 24px;color: #434343;line-height: 35px;margin-top: 46px;padding: 0 30px;text-align: left;width: 100%;margin-top: 45px;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.ywb-jdxw .text-hd .ellipsisspan{overflow: hidden;text-overflow: ellipsis;display:block;font-size: 18px;color: #999999;width: 100%;line-height: 38px;margin-top: 38px;padding: 0 30px;text-align: left;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.ywb-jdxw .jdxw-hd {width: 660px;position: absolute;height: 50px;line-height: 50px;bottom: 0;left: 0;z-index: 1;background-color: rgba(0,0,0,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.ywb-jdxw .jdxw-hd ul {position: absolute;right: 16px; bottom: 0;max-width: 120px;display: block;}
.ywb-jdxw .jdxw-hd li.on{background-color: #4c7ee0;}
.ywb-jdxw .jdxw-hd li { display: inline-block; background-color: #fff;width: 30px;height: 5px;transition: all .3s; margin-left: 5px;cursor: pointer;border-radius: 5px;}
.ywb-jdxw .jdxw-hd .ellipsis {color: #fff;text-indent: 1em;width: 100%;text-align: left;display: block;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0;font-weight: normal;padding: 0;font-size: 22px;line-height: 50px;max-width: 70%;}

.bus-content p img{width: 100%;height: 100%;display: block;}
.bus-list{padding-top: 37px;-webkit-box-shadow: 0px 3px 7px rgba(0,81,229,0.2);}
.bus-list ul li {float: left;width: 16.66%;margin-bottom: 10px;}
.bus-list ul li a {display: block;}
.bus-list ul li span{display: block;color: #606a81;text-align: center;font-size: 21px;width: 140px;margin: 0 auto;font-weight: bold;}
.bus-list ul li i {display: block;width: 113px;height: 113px;margin: 0 auto;margin-bottom: 9.6px;}
.xbk-1 i{background: url(../images/trends.png) no-repeat;}
.xbk-2 i{background: url(../images/chain.png) no-repeat;}
.xbk-3 i{background: url(../images/factors.png) no-repeat;}
.xbk-4 i{background: url(../images/platform.png) no-repeat;}
.xbk-5 i{background: url(../images/dry.png) no-repeat;}
.xbk-5 i{margin-bottom: 0!important;}
.xbk-6 i{background: url(../images/organ.png) no-repeat;}

.intohh-list li{height: 305px;float: left;margin-bottom: 13px;background-size: 100%;}
.intohh-list li img{display: block;width: 100%;height: 100%;}
.intohh-list li p{font-size: 25px;color: #FFF;font-weight: bold;width: 170px;padding: 55px 0 0 40px;line-height: 40px;position: absolute;}
.intohh-list li:last-child p{width: 270px;}
.intohh-list li a{margin-top: 200px;margin-left: 40px;display: block;font-size: 18px;color: #FFF;width: 135px;height: 45px;line-height: 45px;border: 1px solid #FFF;padding-left: 32px;background: url(../images/more-jt.png) no-repeat 100px 16px;position: absolute;}
.intohh-list li a:hover{background:url(../images/more-jthov.png) no-repeat 100px 16px #FFF;color: #000;}
.intohh-list .il-left{width: 800px;}
.intohh-list .il-right{width: 387px;}
.inlist1{margin-right: 13px;}
.inlist3{margin-right: 13px;}


.travel-box{margin-top: 30px;}
.travel-box p{text-align: center;}
.travel-box p img{display: block;margin: 0 auto;}
.travel-list ul li{float: left;width: 33.33%;}
.travel-list ul li i{display: block;width: 61px;height: 61px;}

.travel-list ul li a{display: block;font-size: 22px;color: #434343;text-align: left;margin: 30px 0;width: 310px;min-height: 52px;}
.travel-list ul li p{font-size: 16px;color: #434343;text-align: left;line-height: 27px;width: 310px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
.trlist1{background: url(../images/village.png) no-repeat;}
.trlist2{background: url(../images/yao.png) no-repeat;}
.trlist3{background: url(../images/marriage.png) no-repeat;}
.travel-more{display: block;width: 135px;height: 45px;line-height: 45px;text-align: center;font-size: 13px;color: #FFF;background: #ff871f;margin: 0 auto;border-radius: 20px;margin-top: 35px;}
.travel-more:hover{color: #FFF;}


.scenic-list ul li{float: left;margin-right: 25px;}
.scenic-list ul li:last-child{margin-right: 0;}
.scenic-list ul li a{display: block;width: 281px;height: 495px;}
.scenic-list ul li a span{font-size: 22px;color: #FFF;padding: 55px 0 45px 0;display: block;text-align: center;min-height: 152px;}
.scenic-list ul li a p{font-size: 16px;color: #0e89d2;line-height: 25px;text-align: left;padding: 0 13px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.sclist1{background: url(../images/scenic_list_01.jpg) no-repeat;}
.sclist2{background: url(../images/scenic_list_02.jpg) no-repeat;}
.sclist3{background: url(../images/scenic_list_03.jpg) no-repeat;}
.sclist4{background: url(../images/scenic_list_04.jpg) no-repeat;}
.sclist5{background: url(../images/scenic_list_05.jpg) no-repeat;}
.sclist6{background: url(../images/scenic_list_06.jpg) no-repeat;}
.sclist7{background: url(../images/scenic_list_07.jpg) no-repeat;}
.sclist8{background: url(../images/scenic_list_08.jpg) no-repeat;}
.sclist9{background: url(../images/scenic_list_09.jpg) no-repeat;}
.sclist10{background: url(../images/scenic_list_10.jpg) no-repeat;}
.sclist11{background: url(../images/scenic_list_11.jpg) no-repeat;}
.sclist12{background: url(../images/scenic_list_12.jpg) no-repeat;}
.sclist13{background: url(../images/scenic_list_13.jpg) no-repeat;}
.sec_fcont a{display: block;}
.sec_fcont a img{display: block;width: 100%;}

.scenic-list .prev,.scenic-list .next{width: 76px;height: 76px;display: block;}
.scenic-list .prev{background: url(../images/sc_left.png) no-repeat;position: absolute;left: -120px;top: 50%;margin-top: -38px;}
.scenic-list .next{background: url(../images/sc_right.png) no-repeat;position: absolute;right: -120px;top: 50%;margin-top: -38px;}
.scenic-list{position: relative;}

.service{margin-bottom: 80px;}
.service-list li{float: left;width: 170px;margin-right: 36px;}
.service-list li:last-child{margin-right: 0px;}
.service-list li a{display: block;height: 220px;}
.service-list li a span{display: block;font-size: 16px;color: #FFF;text-align: center;margin-top: 33px;}
.serli1{background: url(../images/ser1.png) no-repeat;}
.serli2{background: url(../images/ser2.png) no-repeat;}
.serli3{background: url(../images/ser3.png) no-repeat;}
.serli4{background: url(../images/ser4.png) no-repeat;}
.serli5{background: url(../images/ser5.png) no-repeat;}
.serli6{background: url(../images/ser6.png) no-repeat;}

/* 首页自适应 */
@media screen and (max-width:768px){
   .ywb-jdxw{margin-top: 0;}
   .ywb_ctbox{padding: 15px;}
   .ywb-jdxw .jdxw-hd{width: 100%;display:none;}
   .ywb-jdxw .text-hd{width: 100%;}
   .ywb-jdxw .bd{width: 100%;max-height: initial;}
   .ywb-jdxw .bd li{height: auto;}
   .ywb-jdxw .text-hd .ellipsis{margin-top: 25px;height: auto;}
   .bus-img{display: block;}
   .bus-img img{display: block;width: 100%;}
   .bus-list ul li {width: 50%;margin-bottom: 20px;min-height: 171px;}
   .intohh-list .il-left{width: 100%;}
   .intohh-list li{margin-right: 0;}
   .intohh-list .il-right {width: 100%;}
   .travel-list ul li{width: 100%;margin-bottom: 20px;}
   .trlist3,.trlist2,.trlist1 {background: url(../images/village.png) no-repeat top center;}
   .travel-list ul li i{margin: 0 auto;}
   .travel-list ul li a{text-align: center;width: 100%;margin: 20px 0;min-height: initial;}
   .travel-list ul li p{width: 100%;}
   .scenic-box{overflow: hidden;}
   .service-list li{width: 49%;margin-right: 2%;background: #30abf4;margin-bottom: 15px;}
   .service-list li:nth-child(2n+2){margin-right: 0;}
   .service-list li a {height: 50px;}
   .service {margin-bottom: 0px;}
}
@media screen and (max-width:450px){
   .ywb-jdxw .text-hd .ellipsis{padding: 0;text-align: center;}
   .ywb-jdxw .text-hd .ellipsisspan{margin-top: 18px;padding: 0;}
   .ywb-title .ywb-more{display: none;}
   .bus-list ul li{width: 100%;margin-bottom: 30px;min-height: initial;}
   .ywb-title a img{display: block;}
   .ywb-title a{width: 100%;}
   .intohh-list li p{width: 100%;padding: 35px 5px 0 5px;text-align: center;}
   .intohh-list li a{left: 50%;margin-left: -67.5px;margin-top: 140px;}
   .intohh-list li{height: 245px;}
   .service-list li {width: 100%;margin-right: 0;}
   .intohh .ywb-title a img{width: 70%;}
   .intohh-list li:last-child p{width: 100%;}
}