@charset "utf-8";
/* CSS Document */
@import url(https://www.guizhou.gov.cn/images/animate.min.css);
@import url(https://www.guizhou.gov.cn/material/2023/css/reset.css);

@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3);}
    50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05);}
    70%{-webkit-transform:scale(.9);transform:scale(.9);-ms-transform:scale(.9);}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1);}
}

.warp{ width:100%; min-width:1200px; max-width:1920px; position:relative; overflow:hidden; margin:0 auto; background: url(tea_img02.png)no-repeat center top;}
.dbText{margin-top:3px;}
.Top{ width:100%; height:auto;  }
.topMain{ height:811px; }
.szfBtn{position:absolute; left:0px; top:24px; }
.szfBtn img{ width: auto; }
.LOGO{ width:870px; position: absolute; margin:0 auto; top:126px; left:156px;}
.LOGO a{ display: block; }
.LOGO a img{width:100%;height:auto;}

.Ml15{ margin-left:15px;}
.MT10{ margin-top:10px;}
.MT15{ margin-top:15px;}
.MT25{ margin-top:25px;}
.MT30{ margin-top:30px;}
.MT40{ margin-top:40px;}
.MT45{ margin-top:45px;}
.MT50{ margin-top:50px;}


/*公共图片动画*/
.AnimPic{ transition: all 0.5s; }
.AnimPic img{ display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.AnimPic:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }

.title{width:100%;height:155px;overflow:hidden;background: url(tea_img03.png)no-repeat center;}
.title a{display:block;width:246px;height:68px;margin:49px auto 0px;font-size:34px;color:#ffffff;font-weight:bold;text-align:center;line-height:68px;letter-spacing:6px;}
.title a:hover{transform: translateY(-2px);transition:all 1s;}

/*Part1 黔茶资讯*/
.Part1{height:774px;margin-bottom:50px;}
.Part1 .NewsBox{padding-top:4px;height:615px;overflow: hidden;}
.Part1 .NewsBox .leftBox{width:820px;height:615px;overflow: hidden;}
.Focus{width: 820px;height: 460px;overflow: hidden;margin-bottom:13px;}
.Focus .pic li{overflow:hidden;position:relative;width:820px;height:460px;background: #FFF;}
.Focus .pic img {width: 100%;max-width: 100%;height: 460px;display: block;margin: 0 auto;object-fit: cover;}
.Focus .txt-bg {position: absolute;bottom:-1px;z-index: 1;height: 60px;width:100%;background:url(tea_img08.png)repeat-x;overflow: hidden;}
.Focus .txt {position: absolute;left: 20px;bottom: 0px;z-index: 2;height: 60px;width:780px;overflow: hidden;}
.Focus .txt li{ width:100%; height:60px; line-height:60px; position:absolute; }
.Focus .txt li a{display: block;width: 80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;color: white;transition:all 0.3s;}
.Focus .txt li a:hover{letter-spacing:1px;}
.Focus .num {width: auto;height:60px; position: absolute; z-index:3; bottom:0px; right:15px;display:flex;justify-content: space-around;align-items: center; }
.Focus .num li{width:8px; height:8px; overflow:hidden; margin:0 5px; border-radius:4px; cursor:pointer; background:#FFF; transition: all 0.3s; transition: all 0.3s;font-size:0px;}
.Focus .num li.on,.Focus .num li:hover{width:20px;background: #216a32;}
.Focus>a{display:block;width:36px;height:60px;position:absolute;top:200px;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;}
.Focus>a.prev{ left:10px; background:url(tea_img05.png) no-repeat;}
.Focus>a.next{ right:10px;  background:url(tea_img06.png) no-repeat;}
.Focus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}
.Part1 .picList{width:100%;height:142px}
.Part1 .picList ul{display: flex;justify-content: space-between;}
.Part1 .picList ul li{width:264px;height:142px;}
.Part1 .picList ul li a{display:block;width:100%;height:100%;overflow: hidden;}
.Part1 .picList ul li a img{width:100%;height:100%;transition:all 2s;}
.Part1 .picList ul li:hover a img{transform:scale(1.1);}
.Part1 .newsList{width:368px;height:615px;}
.Part1 .newsList ul li{width:368px;height:76px;background:#ffffff; margin-bottom:1px;padding:9px 18px 9px 12px;box-sizing: border-box;}
.Part1 .newsList ul li a{display: flex;width:100%;height:58px;line-height:29px;font-size:16px;overflow:hidden;align-items: center;}


/*Part2 旅游、电商、大数据*/
.Part2{height:556px;display:flex;justify-content:space-between;padding-top:35px;}
.Part2 .listBox{width:380px;height:556px;background:#ffffff;border-radius:10px;padding:0px 15px;box-sizing: border-box;}
.Part2 .listBox h1{width:100%;height:98px;background:url(tea_img04.png)no-repeat center top;margin-top:-35px;}
.Part2 .listBox h1 a{display:block;width:100%;height:69px;font-size:34px;color:#ffffff;margin:0 auto;text-align:center;line-height:69px;}
.Part2 .listBox .picBox{width:350px;height:160px;overflow:hidden;}
.Part2 .listBox .picBox a{display:block;width:100%;height:100%;overflow:hidden;}
.Part2 .listBox .picBox a img{width:100%;height:100%;transition:all 2s;}
.Part2 .listBox .picBox a:hover img{transform:scale(1.1);}
.Part2 .listBox ul li {width:100%;height:51px;border-bottom: 1px dashed #e5e5e5;position:relative;}
.Part2 .listBox ul li::before {content:"";width:6px;height:6px;border-radius:3px;background:#c4cacd;position:absolute;left:0;top:23px;}
.Part2 .listBox ul li a {display:block;width:100%;height:52px;line-height: 52px;padding-left:16px;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}

/*Part3 黔茶文化*/
.Part3{height:618px;margin:40px auto 36px;background:url(tea_img12.png)no-repeat center bottom;}
.Part3 .title{margin-bottom:5px;}
.Part3 .newsBox{width:1140px;height:312px;margin:50px 30px 0px;}
.Part3 .newsBox ul{width:100%;height:312px;overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20px;}
.Part3 .newsBox ul li{width:555px;height:142px;border-bottom:1px dashed #b2c655;margin-bottom:26px;}
.Part3 .newsBox ul li .pic{width:184px;height:118px;overflow: hidden;}
.Part3 .newsBox ul li .pic a{display:block;width:100%;height:100%;overflow: hidden;}
.Part3 .newsBox ul li .pic a img{width:100%;height:100%;transition:all 2s;}
.Part3 .newsBox ul li .pic a:hover img{transform: scale(1.1);}
.Part3 .newsBox ul li .txt{width:358px;height:auto;overflow: hidden;padding-top:2px;}
.Part3 .newsBox ul li .txt h1{width:100%;height:60px;overflow: hidden;}
.Part3 .newsBox ul li .txt h1 a{font-size:18px;line-height:28px;}
.Part3 .newsBox ul li .txt p{font-size:14px;line-height:26px;color:#666666;}
.Part3 .newsBox ul li .txt p a{color:#216a32;}
.Part3 .newsBox ul li .txt p a:hover{text-decoration: underline;}
.qcwhBox .num{width:140px;height:44px;display: flex;justify-content: center;align-items: center;position:absolute;bottom:31px;left:50%;margin-left: -70px;}
.qcwhBox .num li{width:10px;height:10px;background:#b2c655;margin:0px 10px;border-radius:5px;font-size:0px;cursor: pointer;}
.qcwhBox .num li.on{width:30px;background:#216a32;}

.qcwhBox>a{display:block;width:20px;height:44px;position:absolute;bottom:31px;cursor:pointer;}
.qcwhBox>a.prev{ left:496px; background:url(tea_img13.png) no-repeat center;}
.qcwhBox>a.next{ right:496px;  background:url(tea_img14.png) no-repeat center;}


/*Part4 黔茶经济*/
.Part4{height:626px;}
.Part4 ul{display:flex;justify-content: space-between;flex-wrap: wrap;}
.Part4 ul li{width:580px;height:150px;background:#ffffff;margin-bottom: 10px;padding:25px 48px 0px 5px;box-sizing: border-box;transition:all 1s;}
.Part4 ul li:hover{box-shadow:0px 4px 10px rgba(11,62,22,.4);transform: translateY(-2px);}
.Part4 ul li .date{width:92px;height:92px;}
.Part4 ul li .date span{display:block;width:100%;line-height:62px;text-align:center;font-size:52px;color:#216a32;font-weight:bold;}
.Part4 ul li .date p{display:block;width:100%;background:url(tea_img15.png)no-repeat 20px center;line-height:30px;font-size:24px;color:#216a32;padding-left:44px;}
.Part4 ul li .txt{width:434px;height:95px;overflow:hidden;}
.Part4 ul li .txt h1{width:100%;height:38px;overflow: hidden;margin-bottom:13px;}
.Part4 ul li .txt h1 a{display:block;width:100%;font-size:18px;line-height:38px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.Part4 ul li .txt p{height:44px;overflow:hidden;font-size:14px;line-height:22px;color:#999999;}

/*Part5 黔茶图集*/
.Part5{height:561px;margin:38px auto 40px;}
.swiper-container {position: relative;width: 1200px;height: 404px;margin: 0 auto}
.swiper-wrapper  .swiper-slide {width: 426px;background: #fff;position:relative;}
.swiper-wrapper  .swiper-slide .pic{display: block;width: 100%;height: 100%;}
.swiper-wrapper  .swiper-slide .pic img{width: 100%;height: 100%;}
.swiper-wrapper  .swiper-slide .txt{width:100%;height:56px;background:#ffffff;position: absolute;bottom:0px;left:0px;display:none;}
.swiper-wrapper  .swiper-slide .txt a{display: block;width:90%;margin:0 auto;line-height: 56px;text-align: center;color: #216a32;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.swiper-wrapper .swiper-slide a:hover p{font-weight: bold}
.swiper-wrapper .swiper-slide-active .txt{display:block;}
.swiper-wrapper .swiper-pagination {display: none;}
.swiper-button-prev,.swiper-button-next{ width:36px;height:60px;  position: absolute;top:50%;margin-top:-30px;cursor: pointer;z-index: 999;}
.swiper-button-prev {left: 0px;background: url(tea_img05.png) no-repeat;}
.swiper-button-next {right: 0px;background: url(tea_img06.png) no-repeat;}


/*Part6 茶疗养生*/
.Part6{height:467px;margin-bottom:40px;}
.Part6 .title{margin-bottom:12px;}
.Part6 .newsBox{height:300px;overflow:hidden;}
.Part6 .newsBox ul{display:flex;justify-content: space-between;flex-wrap: wrap;}
.Part6 .newsBox ul li{width:585px;height:140px;margin-bottom:20px;background:#ffffff;padding:15px 20px 15px 23px;box-sizing: border-box;}
.Part6 .newsBox ul li:nth-child(even){border-radius:10px 0px 0px 10px;}
.Part6 .newsBox ul li:nth-child(odd){border-radius:0px 10px 10px 0px;}
.Part6 .newsBox ul li .pic{width:184px;height:110px;overflow: hidden;}
.Part6 .newsBox ul li .pic a{display:block;width:100%;height:100%;overflow: hidden;}
.Part6 .newsBox ul li .pic a img{width:100%;height:100%;transition:all 2s;}
.Part6 .newsBox ul li .pic a:hover img{transform: scale(1.1);}
.Part6 .newsBox ul li .txt{width:345px;height:auto;overflow: hidden;padding-top:26px;}
.Part6 .newsBox ul li .txt h1{width:100%;height:56px;overflow: hidden;}
.Part6 .newsBox ul li .txt h1 a{font-size:18px;line-height:28px;}
/*Part7 采摘指数*/
.Part7{height:150px;margin-bottom:30px;transition:all 1s;}
.Part7:hover{transform: translateY(-5px);box-shadow:0px 5px 6px rgba(0,0,0,0.3);}
.Part7 a{display:block;width:100%;height:100%;}
.Part7 a img{width:100%;height:100%;}



.ConMain.ZldwBox{margin-top: 10px;border-radius: 8px;width: 1200px;/* background: #FFF; */box-sizing: border-box;}

.Address{font-size: 16px;color: #333;line-height: 1.7;padding: 15px 0 0;/* background-color: #f4faff; */}
.Address i{ padding: 9px 12px; background: url(PublicList_ico_1.png) no-repeat center;}
.Address font{ padding-left: 10px;}

/*列表页*/
.RightMainBox{ width: 860px; margin-top: 20px;}
.RightMainBox>.Title{height: 51px;border-bottom: 1px solid #409cff;}
.RightMainBox>.Title>h1{display: inline-block;float: left;height: 51px;line-height: 45px;font-size: 24px;color: #4186ff;user-select: none;}
.PageMainBox{min-height: calc(100vh - 744px);}

/*文章列表*/
.NewsList{ padding: 10px 0;}
.NewsList li{ position: relative; overflow: hidden; font-size: 18px; line-height: 1.3; padding: 8px 0; padding-left: 15px; background: url(PublicList_ico_5.png) no-repeat left center;}
.NewsList li a{ display: inline-block; float:left; max-width: 80%; max-width: calc(100% - 180px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #333; transition: all 0.3s;}
.NewsList li span{ display: inline-block; float: right; text-align: right; width: 150px; color: #999;}
.NewsList li:hover a{ color: #1865cd; padding-left:8px;}
.NewsList li.b{padding:0;border-bottom: 1px dashed #CCC;line-height: 0; background: none; margin: 10px 0;}
/*失效数据*/
.NewsList li.overdue a{max-width: 70%;max-width: calc(100% - 240px);}
.NewsList li.overdue em{ color:#F00; }

/*文章细览*/
/**/
.Xxgk_Info{border:1px solid #deeeff;border-bottom: none;border-right: none;}
.Xxgk_Info li{position: relative;overflow: hidden;font-size: 16px;color: #333;height: 42px;line-height: 42px;border-bottom: 1px solid #deeeff;border-right: 1px solid #deeeff;float: left;}
.Xxgk_Info li.T{width: 170px;text-align: center;background-color: #3d7ed8;color: #FFF;user-select: none;}
.Xxgk_Info li.C{width: 427px;width: calc(50% - 173px);text-indent: 1em;position: relative;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.Xxgk_Info li.C.W{ width: 1027px; width: calc(100% - 172px);}


/*正文卡片*/
.DocTextBox{padding: 25px 45px 45px;border-radius: 5px;box-shadow:0px 0px 6px 0px #ebebeb;background-color: #FFF;}
.DocTextBox .DocTitle{position: relative;overflow: hidden;font-size: 30px;font-weight: bold;color: #0653ab;line-height: 1.6;text-align: center;/* font-family: FZXBSJW; */}
.DocTextBox .Article{}
.DocTextBox .Article .ArticleInfo{ margin: 10px auto; margin-right: 150px; font-size: 14px; color: #999; line-height: 1.5; padding: 10px 0;}
.DocTextBox .Article .ArticleInfo p{display: inline-block;margin: 0 5px;}
.DocTextBox .Article .ArticleInfo span{ padding: 0 10px;}
.DocTextBox .Article .ArticleInfo span.fontsize .curFont{ color:#0653ab; }
.DocTextBox .Article .ArticleInfo span.fontsize a{ user-select: none; }
.DocTextBox .Article .ArticleInfo a{ color: #999; cursor: pointer;}
.DocTextBox .Article .ArticleInfo a:hover{ color: #0653ab; }
.DocTextBox .Article .share{position: absolute !important;margin: 0;top: 23px;right: 0;width: 90px;}
.DocTextBox .Article>.clear{ height: 8px; background: url(PublicList_ico_6.png) repeat-x left bottom;}

.DocHtmlCon{ padding: 20px 0;}
.DocHtmlCon iframe{ max-width:100%; }
/*正文默认样式*/
.trs_paper_default{color:#333;/* font-size:16px; */zoom:1;}
.trs_paper_default p{margin:5px 0;margin-bottom:15px;color:#333;/* text-indent:2em; *//* font-size:16px; */line-height:30px;}
.trs_paper_default img{margin-bottom:-3px;max-width: 100% !important;text-align:center;height: auto;}
.trs_key4format{color:#333;font-size:16px;zoom:1;}
.trs_key4format>p{margin:5px 0;margin-bottom:15px;color:#333;text-indent:2em;font-size:16px;line-height:30px;}
.trs_key4format img{margin-bottom:-3px;max-width:100%;text-align:center;}


/*二维码*/
.QRcode{ text-align: center; }
.QRcode>p{ line-height: 30px; font-size: 14px;}
.QRcode #qrcodeEWM{ width: 180px;}

/*上一篇下一篇*/
.Previous{ clear:both; font-size:14px; }
.Previous span{ float:left; display:block; text-align: center; width:100px; height:40px; background:#1865cd; color:#fff; line-height:40px;}
.Previous a{display:inline-block;overflow:hidden;padding-left:10px;max-width: 85%;/* max-width:calc(100% - 100px); */text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease-in 0s;}
.Previous .prevpage{ position:relative; overflow:hidden; margin:5px 0; height:40px; background:#f3f3f3; line-height:40px;}
.Previous .nextpage{ position:relative; overflow:hidden; margin:5px 0; height:40px; background:#f3f3f3; line-height:40px;}


/*相关文件*/
.DocTextBox.f_l{ width: 756px;}
.DocTextBox.f_l .Article .ArticleInfo{ margin: 0 20px;}
.DocTextBox.f_l .Article .ArticleInfo p{ display: block; margin: 8px 0; text-align: center;}
.DocTextBox.f_l .Article .share{ top: 35px;}

.RelatedDoc{ width: 285px; padding: 0 25px; border-radius: 5px; box-shadow:0px 0px 6px 0px #ebebeb; }
.RelatedDoc .RelCard + .RelCard{margin-top: 25px;border-top:1px solid #deeeff;}
.RelatedDoc .Tit{ height: 34px; line-height: 34px; padding-left: 23px; font-size: 20px; font-weight: bold; background: url(PublicList_ico_7.png) no-repeat left center; margin-top: 20px;}
.RelatedDoc .DocRelLi{ }
.RelatedDoc .DocRelLi li{ position: relative; overflow: hidden; margin-top: 10px; font-size: 15px; color: #333; padding-left: 15px; background: url(PublicList_ico_5.png) no-repeat left 9px; line-height: 1.6;}
.RelatedDoc hr{ border-color: #deeeff !important; margin: 15px 0 5px;}
.RelatedDoc .DocRelPhotos{ position: relative; overflow: hidden; margin-top: 20px;}
.RelatedDoc .DocRelPhotos img{ width: 100%;}