*{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
header{
	position: sticky;top: 0;z-index: 20;background: #fec433;height: 64px;}
nav{background: #fec433;width: 1180px;height: 100%;margin: 0 auto;}
nav img{float: left;margin: 19px 10px;
	width: 107px;
	height: 26px;
}
nav>ul>li{display:inline-block ;vertical-align: top;float: left;line-height: 61px;font-size: 18px;padding: 3px 20px 0px 20px;position: relative;left: 0;top: 0;}
nav>ul>li a{color: floralwhite;display: block;}
nav>ul>li:hover{
	background: orange;
}
.huang{background: #f6b206;}
nav>ul>li .ma{
	width: 220px;
	height: 260px;
	background:#FFF;
	z-index: 2;
	position: absolute;
	left: -20px;
	top: 64px;
	border-radius:10px ;
	display: none;
}
.ma img{
	width: 130px;
	height: 128px;
	border-radius:10px ;
	margin: 19px 45px -20px;
}

.ma .bian{
	width: 220px;
	height: 100%;
	background: url(../img/footer_9a7a2.png) no-repeat ;
	background-size:220px 73px ;
	background-position-y:188px ;
	border-radius:10px ;
}
.ma p{float: left;color: #8a8a8a;padding: 6px 36px;font-size: 16px;}
nav>ul>li:hover .ma{display:block;}
 nav span{width: 20px;height: 40px;float: left;font-size:30px;padding: 0px 15px 24px 10px;color: floralwhite;}
nav span:hover{background: orange;}
nav span .hd{margin: 24px -12px ;}
nav span .hd ul li{width: 70px;height: 40px;background: #FFFFFF;color: #333333;font-size:14px;line-height: 40px;
	padding:  2px 10px ;margin-bottom: -2px;display: none;position: relative;z-index: 3;}
nav span:hover ul li{display: block;}
nav span .hd ul li:hover{background:#c5c5c5;}
nav span .hd ul li.banyuan{border-radius:0px 0px 4px 4px ;}
.gc{width: 152px; height: 44px; margin:10px 6px;text-align: center;background-color: #fed56f;
    background-repeat: no-repeat; background-image: url(../img/kn.png);background-size: 131px 20px;background-position: 13px 12px;border-radius: 6px;float: left;display:inline-block ;}
.zhuc{width: 180px;height: 100%;float: left;}
.zhuc .mao{background-image:url(../img/guest.svg);width: 50px;height: 50px; background-color: #c1e2fb;
border-radius:30px ;background-size: 50px 50px;margin: 9px 0px 5px 5px;display:inline-block ;}
.zhuc .denglu{float: right;width: 95px;line-height: 66px;}
.zhuc .denglu a{color: #FFFFFF;font-size: 15px;}
.chuangz{width: 78px;height: 100%;background:#e33830;float: left;font-size: 20px;line-height: 68px;
	color: floralwhite;text-align: center;}
.chuangz:hover ul li{display: block; }
.chuangz ul li{ position:relative;background: #ffffff;border-bottom:1px solid #f3f3f3;box-sizing:border-box;z-index: 3;
width: 230px;height:70px;margin-left: -152px;display: none;padding: 10px 5px;}
.chuangz .cz{margin-top: -4px;}
.chuangz ul li .u1{width: 50px; height:50px ; float: left;background: url(../img/icon_4dba3.svg)no-repeat;background-position-x: -200px;}
.chuangz ul li .u2{width: 50px; height:50px ; float: left; background: url(../img/icon_4dba3.svg)no-repeat;}
.chuangz ul li .u3{width: 50px; height:50px ; float: left; background: url(../img/icon_4dba3.svg)no-repeat;background-position-x: -50px;}
.chuangz ul li .u4{width: 50px; height:50px ; float: left;background: url(../img/icon_4dba3.svg)no-repeat;background-position-x: -100px;}
.chuangz ul li .u5{width: 50px; height:50px ; float: left;background: url(../img/icon_4dba3.svg)no-repeat;background-position-x: -150px;}
.chuangz ul li .u6{width: 50px; height:50px ; float: left;background: url(../img/icon_4dba3.svg)no-repeat;background-position-x: -200px;}
.chuangz ul li  p{width:170px;height: 50px;margin-left: 50px;line-height: 15px;text-align: left;}
.chuangz ul li  p .da{font-size: 14px;color: #333;}
.chuangz ul li  p .xao{font-size: 12px;color: #999;}

 .sbj{
	min-height: 460px;
	width:1920;
	/*background: saddlebrown;*/
	background: url(../img/banner_1366_85f02.png) no-repeat;
	background-position: center;
	background-size:1920px 460px ;
	margin: 0 auto;
}
section .lbuo{width: 1180px;height: 420px;margin: 0 auto;}
 .carousel-container {/*轮播*/
            position: relative;
            width: 940px;
            height: 390px;margin-top:25px ;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            float: left;
        }
        .carousel {
            display: flex;
            width: 100%;
            height: 100%;
            transition: transform 0.5s ease;
        }
        .carousel-item {
            min-width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }
        .carousel-control {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.5);
            border: none;
            border-radius: 50%;
            font-size: 24px;
            color: #333;
            cursor: pointer;
            transition: all 0.3s;
            z-index: 2;
        }
        .carousel-control:hover {
            background: rgba(255, 255, 255, 0.8);
        }
        .prev {
            left: 20px;
        }
        .next {
            right: 20px;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 1;
        }
        .indicator {
            width: 12px;
            height: 12px;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.3s;
        }
        .indicator.active {
            background: rgba(255, 255, 255, 1);
            transform: scale(1.2);
        }
        /*手风琴*/
.container {
            display: flex;
            flex-direction: column; /* 核心改动：垂直布局 */
            width: 220px;margin-top: 40px;
            height: 360px;
            /*gap: 10px;*/position: relative;
            overflow: hidden;
            float: right;
            
        }
        .panel {
          
            width: 100%;
            height: 20%; /* 初始高度 */
           /* border-radius: 15px;*/
            cursor: pointer;
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            overflow: hidden;
        }
        .panel.active {
            height: 25%; /* 展开后的高度 */
        }
        .panel img {
            width: 220px;
            height: 100px;
            object-fit: cover;
            transition: transform 0.3s ease;
            float: left;
            margin: -10px 1px;
        }
        .panel:hover img {
            transform: scale(1.05);
        }
        /*.panel h3 {
            position: absolute;
            bottom: 15px;
            left: 20px;
            color: white;
            font-size: 1.5em;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
            opacity: 0;
            transition: opacity 0.3s ease 0.4s;
        }*/
        /*.panel.active h3 {
            opacity: 1;
        }*/
        @media (max-width: 768px) {
             .container {
                width: 95vw;
                height: 95vh;
            }
            
            .panel.active {
                height: 70%;
            }
        }
.da1{width: 1180px;margin: 0 auto;}   
.da1 .tubiao {width: 50px;height: 50px;background:url(../img/icon_8db5c.svg);background-position: -195px -105px;display:inline-block ;vertical-align: middle;} 
.da1 h1 a{float: right;color: #fec433;font-size: 16px;padding-top: 15px;} 
.da1 h1{font-weight: 500;}
.tanxing{display: flex;width: 100%;}
.tan3g .tanxing{display: flex;width: 75%;}
 .tanxing .t1 {flex:1; background:#ffffff;margin: 20px;position: relative;}h3{padding: 0px 10px;font-size: 18px}
 .t1 h6{font-size: 16px;color: #4a4a4a;font-weight: normal;margin-left: 10px}
.zhezhao{background:rgba(0,0,0,0.5);background-image: url(../img/bofang.png) ; background-repeat: no-repeat; background-position:50%;overflow:hidden;position: absolute;width: 100%;height:100%;left: 0;top: 0;display: none;}
.tanxing .t1:hover .zhezhao{display: block;box-shadow: black 0px 0px 6px;}
.da1 .chuangyi{width: 60px;height: 50px;background:url(../img/icon_8db5c.svg);background-position: -90px -99px;margin-top: 31px;float: left;}
.da1 .zi2{width: 1110px;height: 50px;float: left;margin-top: 44px;margin: 31px 0px 15px 10px;}
.da1 .zi2 h1{font-weight: 500;}
/*三块------------*/
.carousel1-container2 {
            display: flex;
            width: 100%;
            margin: 0 auto;
            border: 1px solid #ddd;
            border-radius: 5px;
            overflow: hidden;
        }
        .thumbnails {
            width: 210px;
            background: #f5f5f5;
            padding: 10px 0;
        }
        .thumbnail {
            width: 170px;
            height: 100px;
            margin: 5px auto;
            cursor: pointer;
            opacity: 0.6;
            transition: opacity 0.3s;
        }
        .thumbnail.active {
            opacity: 1;
            border: 5px solid gold;
        }
        .main-image {
            width: 700px;
            height: 370px;
            position: relative;
        }
        .main-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .description {
            width: 230px;
            padding: 20px;
            background: #f9f9f9;
        }
        .description h3 {
            margin-top: 0;
            color: #4285f4;
        }
        .userr-info {
			margin-top: 15px;
			padding-top: 10px;
			border-top: 1px solid #eee;
			font-size: 12px;
			color: #666;
		}
		.time {
			font-weight: bold;
			color: #4285f4;
		}
		#imageDesc{ background: url(../img/dot_ae931.png) no-repeat; background-size: 15%;/* padding-top: 15px; */padding-left: 40px; margin-top: 20px; line-height: 28px;}
.description button{ background: orange; color: #fff; padding: 10px 30px; border: none; float: right; margin-top: 10px;}
        .nav-buttons {
            position: absolute;
            bottom: 10px;
            left: 0;
            right: 0;
            text-align: center;
        }
        .nav-buttons button {
            background: rgba(0,0,0,0.5);
            color: white;
            border: none;
            padding: 5px 10px;
            margin: 0 5px;
            cursor: pointer;
            border-radius: 3px;
        }
.da1 .tubiao1{width: 60px;height: 50px; background: url(../img/box_b744a.svg) no-repeat;float: left;}
.zi3{width:1160px;height: 50px;float: left;margin-top: 44px;margin: 31px 0px 15px 10px;}
.zi3 h1{font-weight: 500;}
.tx1 figure{ flex: 1; background: #FFFFFF; margin: 10px;position: relative; overflow: hidden;}
.tx1{display: flex;background: #F9F9F9;width: 100%;height: 50%;}
.tx1 .tu1 img:hover{transform: scale(1.2);transition: 0.5s;}
.tx1 .tu1{overflow: hidden;}
.da1 .tx1 .tu2{float: left;margin-right: 10px;}
.da1 figure .buofang{position: absolute;top: 0px;left: 165px;}
.tx1 figure .yuan{border-radius:100% ;vertical-align: middle;} 
.da1 p{padding: 8px;}
figure p{padding: 8px;}
.d1{border-bottom:2px solid #F3F3F3;}
 .d1 span {width: 20px; height: 20px; background-image:url(../img/icon_sprite_1fd27.svg); display: inline-block; margin-right: 5px;}
.zi3 span{width: 60px;height: 50px;  background-image:url(../img/icon_8db5c.svg); display: inline-block;margin-right: 10px; }
.kan{background-position:-80px 0px;}
.zan{background-position: 0 0;margin-left: 20px;}
 .d1 .shocang{background:url(../img/collect_b0269.svg) no-repeat 4px 4px;}
 .tubiao2{ background-position: -296px -102px;float: left;}
  .tubiao3{  background-position: -390px -100px;float: left;}
 .tubiao4{  background-position: -780px -100px;float: left;}
 .tubiao5{  background-position: -490px -100px;float: left;}
 .tubiao6{  background-position: -580px -100px;float: left;}
 .tubiao7{  background-position: -688px -100px;float: left;}
figure .d2{padding: 1px;border-bottom:2px solid #F3F3F3;}
figure .xietu{ transform: skew(0,5deg) scale(1.5); filter: blur(5px);}
figure .yuanimg{border-radius:100% ; z-index: 12;position: relative;}
figure .yuanimg:hover{transition: 0.5s; transform: rotate(360deg);}
.yituei{text-align: center;margin-top: -35px;}
.manhua{width: 140px;float: right;}
.manhua p{font-size: 12px;}
.dao1{ background: #eff3f5;margin-top: 60px;}
 #kecheng .dao1{margin: 0;}
.dao1 .dao2{width: 1180px;height: 450px;margin: 0 auto;}
.dao2 dl{display: inline-block;vertical-align: top;margin: 45px;}
.dao2 dt{font-size: 16px;color: #666;padding: 25px 0;}
.dao2 dd{font-size: 14px;color: #C5C5C5;line-height: 35px;}
.dao2 .rj{display: inline-block;border-left:1px solid #c5c5c5;padding: 40px;margin-top: 50px;}
.rj span{display: inline-block; width: 75px; height: 75px; background: url(../img/icon_sprite_1fd27.svg) no-repeat;}
.rj span.wx{ background-position: -148px -125px; }
.rj span.qq{background-position: 0 -125px;    margin: 0px 50px;}
.rj span.wbuo{background-position: 0 -200px;}
.rj span:hover{filter: brightness(1.1);}
.z1{width:520px;margin:0 auto;}
.z1 span{width:100px; height: 50px;}
.z1 span a{width:240px;margin-left: 43px;display: inline-block;color: #666;line-height: 17px;font-size: 12px;}
.hui1{background: url(../img/govIcon.gif) no-repeat; background-size:38px 50px;display: inline-block;margin-left: 20px;}
.hui2{margin-left: 115px;background: url(../img/beian.png) no-repeat; background-size:20px 20px;display: inline-block;vertical-align: top;background-position: 15px 0px;}
.biao .z2{text-align: center;color: #666;font-size: 12px;line-height: 50px;}

.popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 20px;background: white;border: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 1000;}
.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;}
.close-btn {position: absolute;top: 5px;right: 10px;cursor: pointer;}

#kecheng{background: #f9f9f9;}
/*#kecheng section{width: 1180px;margin: 0 auto;background: salmon;}*/
#kc{width: 1180px;margin: 0 auto;background: url(../img/b..png) no-repeat; min-height: 460px;/*background-color: salmon;*/}
 .zz{font-size: 20px; color: #b94b01;margin: 70px;line-height: 65px;}
.tanxing p{padding: 8px;font-size: 12px;color: #999;min-height: 32px;}
#kc h4{font-weight: normal;    font-size: 20px;}
#kc h4 img{margin-right: 10px;} 
#kc h4 span{font-size: 16px;color: #999;margin: 10px;}
details summary{background-color: #ebebeb; text-align: center;}
.p1{margin-top: 20px;}
.p1 a{font-size: 16px;color: #656565;margin-right: 25px;}
.p1 a:hover{color: #ffac00}
#kc fieldset{text-align: center;border: none;border-top:1px solid #ffc72c;}
 fieldset legend{color: #FFC72C;padding: 70px;}
.shenqi{position: fixed;position: fixed;right: 50%; margin-right: 601px;top: 50%;width: 59px;height: 204px;}
#fx{width: 1180px;min-height: 400px; margin: 0 auto;background: #ffffff;}
#ltan{width: 1180px;min-height: 400px; margin: 0 auto;background: #f9f9f9;}
#fx .tx1 h6{font-size: 16px;color: #4a4a4a;font-weight: normal;margin-left: 10px;text-align: center;}
#fx .heng{border-bottom: 1px solid #ebebeb;}
#fx h4{font-size: 26px;font-weight: 400;float: left;}
.tab-container {
            margin: 20px;
        }
        .outer-tabs {
            display: flex;
           
        }
        .outer-tab {padding: 10px 20px;}
        .outer-tab:hover{color: orange;}
        .outer-tab.active {color: #ffbb10;border-radius: 4px;font-weight: 700;}
        .inner-tab-container {
            display: none;
            padding: 20px;
           
            border-top: none;
        }
        .inner-tab-container.active {
            display: block;
        }
        .inner-tabs {
            display: flex;
            margin-bottom: 10px;
        }
        .inner-tab {
        	color: #666;
    font-size: 14px;
            padding: 5px 15px;
            cursor: pointer;
            margin-right: 5px;border-radius: 20px;border: 1px solid #d4d4d4;
        }
        .inner-tab:hover{color: orange;border: 1px solid orange;} 
        .inner-tab.active {
            font-weight: 500;
    background: #fec433;
    color: #fff;
    border-color: #fec433;
            
        }
        .inner-tab-content {
            display: none;
            padding: 10px;
        }
        .inner-tab-content.active {
            display: block;
        }
#fx .cj{width: 218px;height: 37px;background:  url(../img/home-title.png) no-repeat;float: right;line-height: 37px;border-radius: 4px; padding-left: 10px;text-align: center;color: #936a26;}
#fx form{float: right;}
#fx input[type="text"]{width: 300px;height: 38px;border: 1px solid #ccc;padding-left: 15px;vertical-align: top;border-radius: 4px;}
#fx input[type="submit"]{width: 38px;height: 38px;border: none;background: url(../img/fangdajing.png) no-repeat;margin-left: -43px;
    margin-top: 3px;}
#fx input[type="submit"]:hover{background-position:-35px 0 ;}
#fx .dashen{height: 60px;}
.dashen span{width: 50px;height: 50px;background-image: url(../img/lv_d1f63.svg);background-repeat: no-repeat; float: left;}
 .tub{background-position: 0px 14px;}
 .tuba{background-position: -50px 14px;}
.dashen h1{font-size: 16px; color: #ffa554;display: inline-block;vertical-align: top;line-height: 60px;float: left;    width: 95%;}
 .dashen .h1{font-size: 16px; color:  #ffc51c;display: inline-block;vertical-align: top;line-height: 60px;float: left;    width: 95%;}
.dashen a{float: right;font-size: 14px;font-weight: 400; color: #999;}
.gzs{margin-top: 10px;    margin-bottom: 20px}
.gongbao{height: 150px;border-top:1px solid #b3b3b3;}
.gongbao .d-zuo{width: 60%;height: 100%; float: left;line-height: 250%}
.gongbao .dyou{float: right;}
.dyou img{margin: 7px;border-radius: 10px;margin-top: 5%;}
.d-zuo .datu{float: left;width: 150px;padding-right: 20px;}
.d-zuo h1{font-weight: 400;color: #333;font-size: 18px;padding: 10px 0;}
.d-zuo p{font-weight: 400;color: #999;font-size: 14px;}
.d-zuo .yp{color: #555;}
.d-zuo .yp img{border-radius:100% ;vertical-align: middle;    margin: 5px}
#ltan .fyuo{width: 280px;height: 100px;background: #FFFFFF;    float: right;margin-top: 50px;}
#ltan .fzuo{width: 860px;min-height: 200px;/*background: palegoldenrod; */   float: left;margin-top: 50px;}
.fzuo .xw{/*background: saddlebrown;*/width: 100%;height: 135px;margin-top: 20px;}
.xw p{color: #424242;font-size: 18px;line-height: 48px;border-bottom: 1px solid silver;padding-left: 16px;}
.xw ul li{line-height: 38px;width: 50%;float: left;}
.xw ul li span{ background: #ccc; color: #fff; padding: 2px 5px; margin: 12px 7px 12px 15px;font-size: 16px;}
ul li:first-child span{ background: rgb(255 200 0);}
			ul li:nth-child(2) span{ background:rgba( 255,200,0,0.8);}
			ul li:nth-child(3) span{ background:rgba( 255,200,0,0.6);}
			ul li:last-child span{ background:rgba( 255,200,0,0.4);}
.fzuo .pl{/*background: palegreen;*/height: 50px;margin-top: 20px;}
.pl a{margin-left: 40px;line-height: 50px;color: #000000;}
.pl form{float: right;}
.pl input[type="text"]{width: 300px;height: 38px;border: 1px solid #ccc;padding-left: 15px;vertical-align: top;border-radius: 4px;}
.pl input[type="submit"]{width: 38px;height: 38px;border: none;background: url(../img/fangdajing.png) no-repeat;margin-left: -43px;
    margin-top: 3px;}
.pl input[type="submit"]:hover{background-position:-35px 0 ;}
.notice-box {
  width: 100%;
  height: 40px;
  overflow: hidden;
  position: relative;
  border: 1px solid #eee;
  background-color: #fff;
  background: url(../img/laba_4f5c2.gif) no-repeat;
  background-size:contain ;
}
.notice-item {
  position: absolute;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.5s ease;line-height: 40px;
}
.notice-item.active {
  opacity: 1;
  /*transform: translateX(0);*/
}
.notice-item.leaving {
  opacity: 0;
  transform: translateX(-100%);
}






