@charset "utf-8";
.index-box{margin-bottom: 50px;}
.itembox{width: 48.5%;}
.index-title{margin-bottom: 36px;}
.index-title img{display: block; width: 100%; height: auto;}
.index-pic{margin-bottom: 30px; overflow: hidden; position: relative;}
.index-pic img{display: block; width: 100%; height: auto;}
.space55{height: 55px; clear: both;}

.index_list1 li{position: relative; margin-top: 24px; height: 25px; line-height: 25px; overflow: hidden; position: relative; padding: 0 110px 0 16px;}
.index_list1 li:after{position:absolute; content:" "; left:0; top: 11px; margin-top: -1px; width: 9px; height: 9px; background: #237BE5; border-radius: 50%;}
.index_list1 li span{position:absolute; right:0; top:0; color:#777978; font-size: 18px;}
.index_list1 li a{float:left; max-width:100%; font-size: 18px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.index_list2 li{position: relative; margin-top: 22px; height: 25px; line-height: 25px; overflow: hidden; position: relative; padding: 0 110px 0 16px;}
.index_list2 li:after{position:absolute; content:" "; left:0; top: 11px; margin-top: -1px; width: 9px; height: 9px; background: #237BE5; border-radius: 50%;}
.index_list2 li span{position:absolute; right:0; top:0; color:#777978; font-size: 18px;}
.index_list2 li a{float:left; max-width:100%; font-size: 18px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.index_list3 li{position: relative; margin-top: 20px; height: 25px; line-height: 25px; overflow: hidden; position: relative; padding: 0 110px 0 16px;}
.index_list3 li:after{position:absolute; content:" "; left:0; top: 11px; margin-top: -1px; width: 9px; height: 9px; background: #237BE5; border-radius: 50%;}
.index_list3 li span{position:absolute; right:0; top:0; color:#777978; font-size: 18px;}
.index_list3 li a{float:left; max-width:100%; font-size: 18px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.sytt{background: url(index2025_r7_c1_s1.png) top center no-repeat; background-size: 100%; height: 132px; 
    padding: 20px 40px; box-sizing: border-box; overflow: hidden; text-align: center; margin-bottom: 40px;}
.sytt h1{margin-bottom: 10px; font-weight: bold; line-height: 1.5;  display: flex; align-items: center; justify-content: center;}
.sytt h1 a{display: block; font-size: 28px; color: #237ce7;}
.sytt h2 {display: block; font-size: 18px; font-weight: normal; line-height: 1.5;}

.item1-left{width: 50%; float: left;}
/* 首页大图轮播 */
.tpxwlb{width: 100%; position: relative; height: 338px; overflow: hidden;}
.tpxwlb .hd{height:12px; overflow:hidden; position:absolute; right:0; bottom:18px; z-index:2;}
.tpxwlb .hd ul{overflow:hidden; zoom:1;}
.tpxwlb .hd ul li{float:left; margin-right:10px; width:12px; height:12px; line-height:12px; border-radius:50%; background:#78A9EB; cursor:pointer; text-indent:99999em;}
.tpxwlb .hd ul li.on{background:#fff;}

.tpxwlb .bd{position:absolute; top:0; left:0; width:100%; height:100%;}
.tpxwlb .bd ul{width:100%; height:100%;}
.tpxwlb .bd ul li{position:relative; height:338px;}
.tpxwlb .bd li img{width:100%; height:338px; display: block;}
.tpxwlb .bd li b{display:block; position:absolute; width:100%; height:48px; bottom:0;left:0;background: url(index2025_r14_c1_s1.png) left top repeat; z-index:1;}
.tpxwlb .bd li span{display:block; bottom:0; left:0; z-index:2; height: 48px; line-height: 48px; width: 80%; position: absolute;}
.tpxwlb .bd li span a{color:#fff; display:block; position:relative; z-index:3; font-size:18px; padding-left: 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.tpxwlb .bd li span a:hover{color:#fff;}

.item1-right{width: 47%; float: right;}


/* 个人服务 */
.server-list li{width: 17%; float: left; margin-right: 60px; margin-top: 20px;}
.server-list li a{display: block; font-size: 18px;}
.server-list li img{display: block; margin: 0 auto;}
.server-list li .text{display: block; text-align: center; height: 60px; line-height: 1.5; padding-top: 15px;}
.server-list li.xx4, .server-list li.xx8{margin-right: 0;}

.zwfwhp{padding: 20px; background: #DFEFFF; box-sizing: border-box; height: 205px; margin-top: 35px; border-radius: 10px;}
.zwfw-title{position: relative; border-bottom: 1px #D5E3F0 solid; height: 30px; margin-bottom: 18px;}
.zwfw-title h1{font-weight: bold; color: #333; font-size: 20px;}
.zwfw-title span{position: absolute; right: 0; top: 5px;}
.zwfw-title span a{font-size: 18px; color: #777;}

.zwfw-list li{width: 31%; margin-right: 18px; box-sizing: border-box; height: 111px; position: relative; float: left;}
.zwfw-list li.bjs{background: url(index2025_r36_c2_s1.png) top center no-repeat; background-size: 100%;}
.zwfw-list li.cpzgl{background: url(index2025_r36_c12_s1.png) top center no-repeat; background-size: 100%;}
.zwfw-list li.pjf{background: url(index2025_r36_c24_s1.png) top center no-repeat; background-size: 100%;}
.zwfw-list li .numval{position: absolute; left: 20px; bottom: 18px;}
.zwfw-list li .numval .num1{font-size: 38px; font-weight: bold; color: #3d9cf2;}
.zwfw-list li .numval .num2{font-size: 23px; font-weight: bold; color: #3d9cf2;}
.zwfw-list li .numval2{position: absolute; left: 15px; bottom: 12px;}
.zwfw-list li .numval2 .num1{font-size: 18px; font-weight: bold; color: #3d9cf2; display: block; width: 100px;  line-height: 1.2}
.zwfw-list li.last{margin-right:0 ;}

.wyly{width: 115px; height: 25px; display: block; position: absolute; top:28px; right: 86px; z-index: 3;}
.lycx{width: 115px; height: 30px; display: block; position: absolute; bottom:15px; right: 86px; z-index: 3;}
/* 民意征集 */
.myzj-list{margin-top: 20px;}
.myzj-list li{margin-top: 10px; position: relative; height: 45px; line-height: 45px; overflow: hidden; padding-right: 110px;}
.myzj-list li a{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width:100%; font-size: 18px; float: left;}
.myzj-list li a .status{width: 55px; height: 45px; text-align: center; font-size: 16px; line-height: 45px; border-radius: 5px; margin-right: 10px; display: block; float: left; background: #3D9BF2; color: #fff;}
.myzj-list li a .finished{background: #E0E1E3; color: #aaa;}
.myzj-list li .time{position:absolute; right:0; top:0; color:#777978; font-size: 18px;}


.hdjl-menu{margin-top: 35px;}
.hdjl-menu li{width: 22%; float: left; margin-right: 23px;}
.hdjl-menu li img{display: block; width: 100%; height: 83px;}
.hdjl-menu li.last{margin-right: 0;}
.hdjl-menu2{margin-top: 18px;}
.hdjl-menu2 li{width: 48.5%; float: left;}
.hdjl-menu2 li img{display: block; width: 100%; height: 104px;}
.hdjl-menu2 li.last{float: right;}

/* 我要看 */
.wykbox{background: url(index2025_bg_r5_c1_s1.jpg) top center no-repeat; box-sizing: border-box; background-size: 1920px;}
.wyk-scroll{height: 150px; position: relative; padding: 0 60px;}
.wyk-scroll .bd{overflow: hidden;}
.wyk-scroll .bd li{width: 120px; float: left; margin-right: 42px;}
.wyk-scroll .bd li .pic{width: 100px; height: 100px; margin: 0 auto 18px; background: url(index2025_r43_c65_s1.png) center no-repeat; box-sizing: border-box; padding-top: 30px;}
.wyk-scroll .bd li .pic img{display: block; margin: 0px auto;}
.wyk-scroll .bd li .pic img.hover{display: none;}
.wyk-scroll .bd li .text{text-align: center; line-height: 1.5; font-size: 18px; display: block;}
.wyk-scroll .bd li:hover .pic{background: url(index2025_wyk_icon_bg.png) center no-repeat}
.wyk-scroll .bd li:hover .pic img.hover{display: block;}
.wyk-scroll .bd li:hover .pic img.link{display: none;}
.wyk-scroll .bd li:hover .text{color: #237ce7}

.wyk-scroll .prev,
.wyk-scroll .next{ position:absolute; left:0; top: 0; display:block; width:30px; height:150px;}
.wyk-scroll .prev{left: 0; right: auto; background: url(index2025_r44_c1_s1.png) left center no-repeat;}
.wyk-scroll .next{left: auto; right: 0; background: url(index2025_r44_c70_s1.png) left center no-repeat;}

.zcztc{background: url(index2025_r47_c40_s1.png) top center no-repeat; background-size: 100%; height: 115px; position: relative; margin-bottom: 19px;}
.zcztc-ss{width: 298px; height: 46px;  background: #f5faff; border: 1px #3d9cf2 solid; border-radius: 23px; padding-right: 65px; position: absolute; top: 32px; right: 28px;}
.zcztc-ss .stxt{padding-left: 18px; box-sizing: border-box; width: 100%; height: 44px; line-height: 44px; color: #777; font-size: 18px; border: none; outline: none; background: #f5faff; border-radius: 23px 0 0 23px;}
.zcztc-ss .ssbtn{width: 65px; height: 46px; border: none; outline: none; border-radius: 23px; position: absolute; right: 0; top: 0; background: url(index2025_r48_c1_s1.png) center no-repeat;}

.zwgk-menu li{width: 31.5%; float: left; border: 1px #46A1F2 solid; border-radius: 5px; height: 180px; background:url(index2025_r50_c1_s1.png) top center no-repeat #EAF4FE; margin-right: 16px;}
.zwgk-menu li a{display: block; font-size: 18px;}
.zwgk-menu li img{display: block; width: 75px; height: auto; margin: 30px auto 5px;}
.zwgk-menu li img.hover{display: none;}
.zwgk-menu li .txt{line-height: 1.3; text-align: center; font-size: 18px; color: #333; display: block;}
.zwgk-menu li.last{margin-right: 0;}
.zwgk-menu li:hover{background:url(index2025_r50_c1_s1.png) top center no-repeat #c3e1ff; border: 1px #accef4 solid; box-shadow: 0 10px 15px rgba(37,127,232,0.39);}
.zwgk-menu li:hover img.hover{display:block;}
.zwgk-menu li:hover img.link{display: none;}
.zwgk-menu li:hover .txt{font-weight: bold;}

/* 走进云浮 */
.zjyfbox{background: url(index2025_bg_r6_c1_s1.jpg) bottom center no-repeat; background-size: 1920px;}
.zjyf-menu li{width: 20.9%; float: left; margin-right: 65px;}
.zjyf-menu li img{display: block; width: 100%; height: 300px;}
.zjyf-menu li.last{margin-right: 0;}

/* 书本容器 */
        .book-container {
            width: 250px;
            height: 300px;
            position: relative;
            perspective: 1000px;
        }

        .book {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);
            transform-origin: left center;
        }

        .book-container:hover .book {
            transform: rotateY(-180deg);
        }

        /* 书本页面 */
        .page {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            backface-visibility: hidden;
            border-radius: 8px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
            font-size: 3.5rem;
            color: white;
            transition: all 0.3s ease;
        }

        /* 书本正面 */
        /* .front {
            background: linear-gradient(135deg, #3498db, #2c3e50);
        } */

        /* 书本背面 */
        .back {
            background: linear-gradient(135deg, #9b59b6, #34495e);
            transform: rotateY(180deg);
        }

        /* 图标标题 */
        .icon-title {
            margin-top: 12px;
            font-size: 1rem;
            font-weight: 600;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        }

        /* 书本效果提示 */
        .hint {
            margin-top: 15px;
            font-size: 0.9rem;
            opacity: 0.7;
        }
.zjyf_banner{width:1025px; height:372px; overflow: hidden; margin: 0 auto}
.zjyf_banner_wrap{
	width:1025px; height:372px; position:relative;; 
	margin:0 auto; overflow:hidden;
}
#myCanvas {
	position: absolute;
	z-index: 13;
	opacity: 0.8;
	cursor: pointer;
	-webkit-animation: roll 3s;
	animation: roll 3s;
}
@-webkit-keyframes roll {
	from{-webkit-transform:rotate(120deg);opacity:0;}
	to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
	from{transform:rotate(120deg);opacity:0;}
	to{transform:rotate(0deg);opacity:0.8;}		
}
.yjss_btn{ 	/*a 标签 按钮*/
		width:255px; height:273px; position:absolute; 
		display:block; z-index:9; top:55px;
}
.btn_next{right:20px;}
.yjss_btn span{width:50px; height:100px; display:block; position:absolute;
		left:10px; top:70px; opacity:1; transition:0.5s;
		background:url(bannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0; right: 10px; left: auto;}
.zjyf_banner_box:hover .yjss_btn_arrow{opacity:1;}
.yjss_btn span i{width:50px; height:100px; display:block;
		background:url(bannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-50px 0;}
.yjss_btn:hover i{
		-webkit-animation:arrow 0.5s infinite alternate ease-in-out;
		-moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
	from{-webkit-transform:scale(1); opacity:1;}
	to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
	from{-moz-transform:scale(1); opacity:1;}
	to{-moz-transform:scale(1.5); opacity:0.2;}
}

.zjyf_banner_box{
	width:1025px; height:372px;  position:relative; z-index:0;
}
/*火狐倒影图层样式*/
.zjyf_banner_box p#rflt{width:1025px; height:372px; position:absolute; left:0; top:280px;
		 -moz-transform:scaleY(-1); opacity:0.2;
}/*火狐倒影图层样式*/
.zjyf_banner li{
		position:absolute;  overflow:hidden;
			
}
/*给每张图片初始设置不同宽高，层级，位置*/
.zjyf_banner li#imgCard0{
		width:574px; height:372px; z-index:5;
		left:255px; top:0px; opacity:1;
}
.zjyf_banner li#imgCard1{
		width:421px; height:273px; z-index:1; 
		left:600px; top:55px; opacity:0.5; 
}
.zjyf_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:421px; height:273px; z-index:1;
		left:0px; top:60px; opacity:0.5; 
}
.zjyf_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:421px; height:273px; z-index:1;
		left:0px; top:60px; opacity:0.5; 
}
.zjyf_banner li#imgCard4{
		width:421px; height:273px; z-index:2; 
		left:0px; top:55px; opacity:1; 
}
.zjyf_banner li img{width:100%; height:100%;}
.zjyf_banner li span{/*遮罩层*/
		width:100%; height:100%; position:absolute; top:0; left:0; 
		z-index:1; opacity:0; filter:alpha(opacity=0);
		color:#fff; font-size:22px; line-height:120px; text-align:center;
}
.zjyf_banner li p{width:100%; height:50px; position:absolute;
		left:0; bottom:-50px; color:#fff;
		 line-height:50px; font-size:22px; text-align: center;
		    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden; max-width: 100%;
}

/*指示器按钮*/
.btn_list{text-align:center; position:relative; left:0; top:6px; z-index:10;}
.btn_list span{
		width:15px; height:15px; display:inline-block; margin:15px 5px;
		background:#787d82; border-radius:50%; cursor:pointer;
}
.btn_list span.curr{background:#FFAE00;}

/*footer End*/
@media (max-width: 1920px) {

    
}
@media (max-width: 1280px) {
	
}
@media (max-width: 1200px) {

  
}
@media (max-width: 1024px) {
.tabbox .hd ul li{margin-right: 16px;}
.server-list li{width: 16%;}
.zwfw-list li{width: 30.8%;}
.hdjl-menu li{width: 21.8%;}
.wyk-scroll .bd li{margin-right: 30px;}
.zwgk-menu li{width: 30.8%;}
.zjyf-menu li{width: 20.6%;}
}

@media (max-width: 768px) {


}