@charset "utf-8";
/* CSS Document */
@import url(cx2022_reset.css);
@import url(animate.min.css);

html,body{ min-width: 100vw; min-height: 100vh;}

.warp{ width: 100%; max-width: 1920px; min-width: 1360px; position: relative; overflow: hidden; margin: 0 auto; background:#FFF;}

.Header{ background: url(cx2022_zqskfwzl_ico_3.png) no-repeat center top; }
.Header>.w1200{ height: 497px; }
.SiteLogo{ position: absolute; left: 0; top: 30px; }
.SiteLogo img{ width: 283px; }
.BackHome{ position: absolute; right: 0px; top: 45px; }
.BackHome a{ display: inline-block; font-size: 16px; color: #333; border: 1px solid transparent; position: relative; overflow: hidden; border-radius: 5px; transition: all 0.5s; padding: 0 15px; line-height: 36px; }
.BackHome a:hover{ border-color: #333; }
.PageLogo{ position: absolute; top: 160px; left: 163px; }
.PageImg{ position: absolute; top: 164px; right: 35px; }

/*头部结束*/









.Part1{ padding: 20px; box-shadow:0px 0px 15px -3px #dbebbf; border-radius: 10px; }


/* 焦点图 */
.Focus{ width: 570px; height:390px;}
.Focus .pic{ position: relative; z-index: 0;}
.Focus .pic li{overflow:hidden; position:relative; width: 570px; height: 390px; }
.Focus .pic img {width: 100%; height: 390px; display: block; margin: 0 auto; object-fit: cover;}
.Focus .bg{ position: absolute; left: 0; bottom: 0; z-index: 1; overflow: hidden; width: 100%; height: 74px; background: rgba(0,0,0,0.4); }
.Focus .text { position: absolute; width: 470px; left: 10px; bottom: 11px; z-index: 2; }
.Focus .text li{ position: relative; overflow:hidden; display: none; }
.Focus .text li a{ position: relative; display: block; font-size: 20px; font-weight: bold; color: #FFF; line-height: 1.5; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; transition: all 0.3s; }
.Focus .text li a:hover{ text-decoration: underline; }
.Focus .text li p{ display: block; position: relative; overflow: hidden; font-size: 15px; line-height: 1.5; color: #FFF; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.Focus .text li.on{ display: block; }
.Focus .pageState{ position: absolute; width: 90px; height: 52px; bottom: 11px; right: 0px; text-align: center; font-size: 36px; color: #FFF; z-index: 3; line-height: 52px; }
.Focus .pageState span{ color: #F00; }
.Focus>a{display:block;width:60px;height:150px;position:absolute;top: 120px;top: calc((390px - 150px) / 2);background:url(pin_view_arrows.png) no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-170px;}
.Focus>a.prev{ left:10px;}
.Focus>a.next{ right:10px; background-position-x:-80px;}
.Focus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}

.FwxxPart{ width: 600px; height: 390px; }

ul.ulList{ min-height: 200px; margin-top: 10px; }
ul.ulList li{ position: relative; overflow: hidden; line-height: 1.5; padding: 9px 0; font-size: 16px; }
ul.ulList li a{ position: relative; overflow: hidden; max-width: calc(100% - 130px); transition: all 0.3s; padding-left:15px; background: url(cx2022_zqskfwzl_ico_8.png) no-repeat left center; float: left; display: block;  white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
ul.ulList li span{ font-size: 16px; color: #aeaeae; white-space: nowrap; float: right; }
ul.ulList li a:hover{ }



.Title{ position: relative; height: 43px; border-bottom: 2px solid #ede2d8; }
.Title .More{ float: right; font-size: 14px; line-height: 38px; color: #666; }
a.IcoTit{ display: inline-block; position: relative; height: 38px; line-height: 38px; padding: 0 10px 0 38px; font-size: 24px; font-weight: bold; color: #be5f00; }
a.IcoTit.ico1{ background: url(cx2022_zqskfwzl_ico_4.png) no-repeat left center; }
a.IcoTit.ico2{ background: url(cx2022_zqskfwzl_ico_5.png) no-repeat left center; }
a.IcoTit.ico3{ background: url(cx2022_zqskfwzl_ico_6.png) no-repeat left center; }
a.IcoTit.ico4{ background: url(cx2022_zqskfwzl_ico_7.png) no-repeat left center; }
a.IcoTit.ico5{ background: url(cx2022_zqskfwzl_ico_4.png) no-repeat left center; }
a.IcoTit.ico6{ background: url(cx2022_zqskfwzl_ico_16.png) no-repeat left center; }

.ZfcgPart{ width: 570px; height: 310px; }
.QymlPart{ width: 600px; height: 310px; }

.QymlSlide{ padding-top: 5px; }
.QymlSlide .bd li{ position: relative; overflow: hidden; border-radius: 10px; background: url(cx2022_zqskfwzl_ico_9.png) no-repeat left center #fef8f2; padding: 15px 20px 15px 25px; margin-top: 15px;}
.QymlSlide .bd li h1{ display: block; position: relative; overflow: hidden; font-size: 18px; font-weight: bold; line-height: 1.5; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.QymlSlide .bd li .desc{ position: relative; font-size: 14px; line-height: 1.5; color: #dd8f49; }
.QymlSlide .bd li .desc font{ display: inline-block; max-width: calc(100% - 60px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #333; }
.QymlSlide .bd li .desc a{ display: inline-block; position: relative; overflow: hidden;}
.QymlSlide .bd li .test{ position: relative; font-size: 14px; line-height: 1.5; color: #8da3c6; }
.QymlSlide .bd li .test span + span{ padding-left: 10px; }
.QymlSlide .hd{ position: relative; display: flex; justify-content:center; margin-top: 15px; }
.QymlSlide .hd li{ position: relative; overflow: hidden; width: 28px; height: 4px; border-radius: 2px; background-color: #a1b3d3; transition: all 0.3s; margin: 0 5px; font-size: 0; user-select: none; cursor: pointer; }
.QymlSlide .hd li.on{ background-color: #fe730f; }



.Part2{ }




.Part3{ padding: 20px; box-shadow:0px 0px 15px -3px #dbebbf; border-radius: 10px; }

.WidthTitle{ display: flex; justify-content: space-between; }
.WidthTitle a.IcoTit{ padding-left: 48px; background-position-x:10px; }
.WidthTitle em{ position: relative; display: block; height: 38px; width: calc((100% - 160px) / 2); }
.WidthTitle em::before{ content: ''; display: block; width: 70%; width: calc(100% - 158px); position: absolute; border-bottom: 1px solid #ede2d8; top: 19.5px; }
.WidthTitle em.l{ background: url(cx2022_zqskfwzl_ico_11.png) no-repeat right center; }
.WidthTitle em.l::before{ left: 0; }
.WidthTitle em.r{ background: url(cx2022_zqskfwzl_ico_12.png) no-repeat left center; }
.WidthTitle em.r::before{ right: 0; }


.ZqzcSlide{}
.ZqzcSlide .hd{ position: relative; height:72px; }
.ZqzcSlide .hd ul{ display: flex; justify-content: space-between; }
.ZqzcSlide .hd li{ position: relative; width: 380px; height: 60px; }
.ZqzcSlide .hd li a{ display: block; text-align: center; line-height: 60px; border-radius: 10px; background-color: #fdaf4f; font-size: 24px; font-weight: bold; color: #FFF; }
.ZqzcSlide .hd li.on a{ background-color: #e84e11; }
.ZqzcSlide .hd li.on::after{ content: ''; display: block; width: 23px; height: 12px; background: url(cx2022_zqskfwzl_ico_13.png) no-repeat center; position: absolute; left: calc((380px - 23px) / 2); top: 60px; }

.ZqzcUl{ width: 570px; margin-top: 10px;}
.ZqzcUl li{ position: relative; overflow: hidden; padding: 15px 0px; }
.ZqzcUl li + li{ border-top: 1px dashed #999; }
.ZqzcUl li h1{ display: block; position: relative; overflow: hidden; font-size: 18px; font-weight: bold; line-height: 1.5; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ZqzcUl li .desc{ position: relative; font-size: 14px; line-height: 1.3; color: #dd8f49; margin-top: 10px; }
.ZqzcUl li .desc font{ color: #333; }
.ZqzcUl li .desc a{ }
.ZqzcUl li .date{ position: relative; font-size: 16px; line-height: 1.5; color: #aeaeae; }

.ZqzcSlide .ulList{ width: 600px; }
.ZqzcSlide ul.ulList li{ padding: 8px 0; }





.Part4{ padding: 20px; box-shadow:0px 0px 15px -3px #dbebbf; border-radius: 10px; }

.ZcjdSlide{ width: 570px; height: 285px; background-color: #fef8f2; }
.ZcjdSlide .bd{ margin: 15px; position: relative; }
.ZcjdSlide .bd .tempWrap{ margin: 0 auto; padding: 0 172px;}
.ZcjdSlide .bd li{ position: relative; overflow: hidden; width: 152px; height: 219px; margin: 0 10px; margin-top: 30px; }
.ZcjdSlide .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.ZcjdSlide .hd{ display: none; }
.ZcjdSlide>a{ display: block; position: absolute; top: 140px; width: 37px; height: 37px; border-radius: 50%; box-shadow: 0px 0px 5px 0px #ede2d8; cursor: pointer; transition: all 0.5s; }
.ZcjdSlide>a.prev{ left: 10px; background: url(cx2022_zqskfwzl_ico_14.png) no-repeat center #ede2d8; }
.ZcjdSlide>a.next{ right:10px; background: url(cx2022_zqskfwzl_ico_15.png) no-repeat center #ede2d8; }
.ZcjdSlide>a:hover{ background-color: #bb9e9e; }



.Part4 .ulList{ width: 600px; }




.Part5{ padding: 20px; box-shadow:0px 0px 15px -3px #dbebbf; border-radius: 10px; }

.LqztPart{}
.LqztPart ul{ display: flex; justify-content: flex-start; }
.LqztPart li{ position: relative; overflow: hidden; width: 285px; background-color: #fef9f4; }
.LqztPart li + li{ margin-left: 20px; }
.LqztPart li .pic{ display: block; position: relative; overflow: hidden; border-radius: 5px; height: 154px; box-shadow:0px 0px 10px -2px #000; }
.LqztPart li .pic img{ width: 100%; height: 100%;}
.LqztPart li p{ display: block; padding: 20px 10px; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; text-align: center; line-height: 1.5; font-size: 16px; }
.LqztPart li:hover{ background-color: #ffeacc; color: #ba5b00; }



