@charset "utf-8";
@import url(animate.min.css);
@import url(reset.css);
@import url(header.css);
@import url(footer.css);

.w1540{width:1540px;margin:0 auto;}

.TopFocus,search-box{display:none;}
.Top{position:absolute;top:0px;left:0px;z-index:2;}
.Top .topMain{background:rgba(255,255,255,0.9);}
.Top .topMain .f_l,
.Top .topMain .f_l a,
.Top .topMain .f_r .grzx,
.Top .topMain .f_r .wza,
.Top .topMain .f_r .ghb,
.Top .topMain .f_r{color:#000000;}
.Top .topMain .f_l a:hover,
.Top .topMain .f_r .wza:hover,
.Top .topMain .f_r .ghb:hover,
.Top .topMain .f_r .grzx:hover{color:#02429a}
.Top .topMain .f_r .grzx i{background: url(top_icon1_b.png)no-repeat center;}
.Top .topMain .f_r .grzx:hover{color:#02429a}
.Top .search-box{display:none;}
/*banner*/
.bannerBox{width:100%;height:900px;}
.bannerBox .pic,
.bannerBox .pic li{width:100%;height:100%;}
.bannerBox .pic li img{width:100%;height:100%;object-fit: cover;}
.bannerBox::after{content:"";width:100%;height:100%;background:url("zmlp_img01.png")repeat-x top;position:absolute;left:0px;top:0px;z-index:1;}
.bannerBox::before{content:"";width:100%;height:100px;background:url("zmlp_img02.png")repeat-x bottom;position:absolute;left:0px;bottom:0px;z-index:2;}
.bannerBox .num{width:100%;height:100px;position:absolute;bottom:0px;left:0px;z-index:3;display:flex;justify-content: center;align-items: center;}
.bannerBox .num li{width:15px;height:15px;background:rgba(255,255,255,0.5);border-radius:50%;margin:0px 6px;font-size:0px;cursor:pointer;}
.bannerBox .num li.on{background:rgba(255,255,255,1);}
.bannerBox .txt{width:539px;height:210px;position: absolute;top:37%;left:31%;z-index:4;}


/*Part1 黎平简介*/
.Part1{height:710px;padding-top:76px;box-sizing:border-box;background:url("zmlp_bg01.png")no-repeat center bottom;background-size: cover;}
.Part1 .title{width:266px;height:450px;background:url("zmlp_img03.png")no-repeat center;background-size: cover;}
.Part1 .title a{display:block;width:100%;height:100%;line-height:450px;text-indent:102px;}
.Part1 .bdBox{width:calc(100% - 266px);height:100%;position:relative;}
.Part1 .bdBox::after{content:"";width:90px;height:450px;position:absolute;right:0px;top:0px;background: url("zmlp_img10.png")no-repeat center;}
.Part1 .bdBox ul{width:calc(100% - 89px);height:100%;display: flex;justify-content: space-between;}
.Part1 .bdBox ul li{width:82px;height:450px;background:#ffffff;border:1px solid #02429a;box-sizing: border-box;transition:width .4s;overflow: hidden;}
.Part1 .bdBox ul li .mode-wrap{width:615px;height:450px;}
.Part1 .bdBox ul li.active{width:615px;}
.Part1 .bdBox ul li .navBox{width:82px;height:448px;float: left;}
.Part1 .bdBox ul li.active .navBox{background:#f0f8ff;border-right:1px solid #02429a;box-sizing: border-box;position:relative;}
.Part1 .bdBox ul li.active .navBox::after{content:"";width:22px;height:46px;background:url("zmlp_img05.png")no-repeat center;position:absolute;right:-12px;top:50%;transform: translateY(-50%);}
.Part1 .bdBox ul li .navBox a{display:block;width:100%;height:100%;overflow: hidden;}
.Part1 .bdBox ul li .navBox a i{display:block;width:52px;height:45px;margin:92px auto 38px;background-image: url("zmlp_icon.png");background-repeat: no-repeat;}
.Part1 .bdBox ul .li-1 .navBox a i{background-position: 3px 0px;}
.Part1 .bdBox ul .li-2 .navBox a i{background-position: -88px 0px;}
.Part1 .bdBox ul .li-3 .navBox a i{background-position: -183px 0px;}
.Part1 .bdBox ul .li-4 .navBox a i{background-position: -278px 0px;}
.Part1 .bdBox ul .li-5 .navBox a i{background-position: -368px 0px;}
.Part1 .bdBox ul .li-6 .navBox a i{background-position: -458px 0px;}
.Part1 .bdBox ul .li-7 .navBox a i{background-position: -551px 0px;}
.Part1 .bdBox ul li .navBox a span{display:block;width:100%;text-align:center;box-sizing:border-box;padding:0px 28px;font-size:24px;color:#000000;line-height:26px;}
.Part1 .bdBox ul li.active .navBox a span{color:#02429a;}
.Part1 .bdBox ul li .conBox{width:calc(100% - 82px);height:100%;padding:28px 40px;box-sizing: border-box;float:left;opacity:0;display: flex;flex-wrap: wrap;align-items: center;align-content: center;}
.Part1 .bdBox ul li.active .conBox{opacity:1;}
.Part1 .bdBox ul li .conBox p{width:100%;max-height: 320px;overflow: hidden;font-size:18px;line-height:32px;margin-bottom:28px;text-indent: 2em;}
.Part1 .bdBox ul li .conBox a{font-size:18px;line-height:50px;color:#02429a;}
.Part1 .bdBox ul li .conBox a:hover{text-decoration: underline;}
.Part1 .iconList{margin-top:64px;height:60px;}
.Part1 .iconList ul{display:flex;justify-content: center;}
.Part1 .iconList ul li{width:200px;height:60px;margin:0px 6px 0px 7px;background:#0b4799;position: relative;overflow: hidden;}
.Part1 .iconList ul li::after{content:"";width:100%;height:100%;background:#ff3838;position:absolute;top:100%;left:0px;transition:all ease-in-out 0.2s;}
.Part1 .iconList ul li:hover::after{top:0px;}
.Part1 .iconList ul li a{display:block;width:100%;height:100%;position:relative;z-index:2;text-align: center;line-height:60px;background:url("zmlp_img04.png")no-repeat center;font-size:24px;color:#ffffff;}
.Part1 .iconList ul li:hover a{background:url("zmlp_img04_on.png")no-repeat center;}
.bgBox{height:auto;overflow:hidden;background:url("zmlp_bg03.png")no-repeat center top;}
.bgBox .hd{height:156px;position: relative;}
.bgBox .hd .xt{width:749px;height:7px;position: absolute;left:0px;bottom:36px;}
.bgBox .hd .xt::after,
.bgBox .hd .xt::before{content:"";width:100%;height:1px;background:#02429a;position: absolute;right:0px;}
.bgBox .hd .xt::after{top:0px;}
.bgBox .hd .xt::before{width:187px;bottom:0px;}
.bgBox .hd a{display:block;width:386px;height:100%;overflow:hidden;position: relative;margin:0 auto;transform:translateX(-13px);background:url("zmlp_img06.png")no-repeat right bottom;}
.bgBox .hd a img{margin-top:10px;}

/*Part2 文化旅游*/
.Part2{height:889px;padding-top:55px;box-sizing: border-box;}
.Part2 .hd{margin-bottom:28px;}
.Part2 .whlyBox{height:650px;overflow: hidden;}
.Part2 .whlyBox .box_l{width:839px;height:630px;}
.Part2 .whlyBox .box_l ul{display: flex;flex-wrap:wrap;justify-content: space-between;}
.Part2 .whlyBox .box_l ul li{width:400px;height:265px;border-radius:20px;overflow: hidden;float: left;}
.Part2 .whlyBox .box_l ul .li-1{margin-top:65px;margin-bottom:35px;}
.Part2 .whlyBox .box_l ul .li-4{margin-top:-65px;}
.Part2 .whlyBox .box_l ul li a{display:block;width:100%;height:100%;overflow: hidden;position:relative;}
.Part2 .whlyBox .box_l ul li a img{width:100%;height:100%;object-fit: cover;transition:all ease-in-out 2s;}
.Part2 .whlyBox .box_l ul li:hover{ box-shadow:0px 10px 10px -5px #766f6f; }
.Part2 .whlyBox .box_l ul li:hover a img{transform:scale(1.2);}
.Part2 .whlyBox .box_l ul li a span{display:flex;width:100%;height:100px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background: linear-gradient(to bottom, transparent, rgba(0,0,0,1));padding:0px 10px;box-sizing: border-box;font-size:24px;color:#ffffff;position:absolute;bottom:-20px;left:0px;align-items: center;justify-content: center;transition: all 0.5s;}
.Part2 .whlyBox .box_l ul li:hover a span{height:100%;font-size:28px;background: rgba(0,0,0,0.3);bottom:0px;}
.Part2 .whlyBox .box_r{width:665px;height:380px;position:absolute;bottom:20px;right:0px;}
/*焦点图*/
.Focus {width: 100%;height: auto;position: relative;overflow: hidden;border-radius:20px;}
.Focus .pic,.Focus .pic li {width: 100%;height: auto;overflow: hidden;}
.Focus .pic li img {width: 100%;height:380px;object-fit: cover;overflow: hidden;transition:all ease-in-out 2s;}
.Part2 .pic li:hover a img{transform:scale(1.2);}
.Focus .txt-bg{width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; background:url("zmlp_img13.png")repeat-x bottom;}
.Focus .txt {position: absolute;left: 0px;bottom: 0px;width: 100%;height:80px;}
.Focus .txt ul li {width: 100%;height: 100%;}
.Focus .txt ul li a {display: block;width:440px;height: 80px;margin:0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 24px;color: #ffffff;text-align: center;line-height:100px;}
.Focus .txt ul li a:hover {color: #ff3838;}
.Focus .num {height: 12px;position: absolute;bottom:23px;right:16px;z-index: 2;}
.Focus .num li {width: 12px;height: 12px;font-size:0px;float: left;margin: 0px 4px 0px 3px;background:rgba(255,255,255,0.5); cursor: pointer; border-radius: 6px;}
.Focus .num li.on{background:#ffffff;}

/*Part3 招商引资*/
.Part3{height:819px;padding-top:74px;box-sizing: border-box;}
.Part3 .hd{margin-bottom:48px;}
.Part3 .zsyzBox{height:465px;padding:36px 92px 0px;box-sizing: border-box;}
.Part3 .zsyzBox .box_t{height:50px;margin-bottom:28px;}
.Part3 .zsyzBox .box_t ul{display:flex;justify-content:center;}
.Part3 .zsyzBox .box_t ul li{width:auto;line-height:50px;font-size:30px;color:#ffffff;}
.Part3 .zsyzBox .box_t ul li a{padding:0px 15px;}
.Part3 .zsyzBox .box_t ul li.on a,
.Part3 .zsyzBox .box_t ul li:hover a{font-weight: bold;color:#ffffff;}
.Part3 .zsyzBox .box_b{height:auto;overflow: hidden;}
.Part3 .zsyzBox .box_b ul{display:flex;justify-content:space-between;flex-wrap: wrap;}
.Part3 .zsyzBox .box_b ul li{width:650px;height:125px;margin-bottom: 27px;background:rgba(255,255,255,0.1);position:relative;padding:13px 45px 0px 40px;box-sizing: border-box;transition:transform ease-in-out 1s;}
.Part3 .zsyzBox .box_b ul li::after{content:"";width:4px;height:100%;background:rgba(255,255,255,0.5);position:absolute;left:0px;top:0px; }
.Part3 .zsyzBox .box_b ul li span{display:block;width:auto;height:30px;font-size:18px;color:#ffffff;}
.Part3 .zsyzBox .box_b ul li a{display:block;width:100%;height:auto;font-size:18px;color:#ffffff;line-height:32px;max-height:64px;overflow: hidden;}
.Part3 .zsyzBox .box_b ul li:hover{box-shadow:0px 10px 10px -5px #002757; transform: translateY(-5px);}
.Part3 .zsyzBox .box_b ul li:hover a{text-decoration:underline;}

@media screen and (max-width:1920px ) {
.bgBox{background:url("zmlp_bg02.png")no-repeat center bottom;}
}