.main{ background-color: #f6f8fb;}

.start-box{
	position:relative;height: 100vh;overflow-y: hidden; text-align:center;
}

.home_banner{ width: 100%; height:100vh; position:relative;}
.home_ban { width: 100%; max-width: 1920px; height: 100vh; position: relative; margin: 0 auto; overflow:hidden; cursor: pointer;} 
.home_ban .swiper-slide img{ width: 100%; height: 100vh;}
/*.home_ban .bd{}
.home_ban .bd div img{ width: 100%; height: 100vh;}
.home_ban .hd { position: absolute; width: 100%; text-align: center; bottom: 30px; } 
.home_ban .hd ul { width: 100%; } 
.home_ban .hd li { cursor: pointer; display: inline-block; *display: inline; *zoom: 1; width: 15px; height: 15px; background: rgba(0,0,0,0.6); margin: 0 10px; border-radius:50%; } 
.home_ban .hd li.on { background-color: #d11601; } */


	
	
.top_all{ width:100%; position:absolute; left:0; top:0; z-index:8;}	
.top_con{width:1400px; margin:0 auto; height:135px; position:relative;}


.top_logo{width:516px; position:absolute; left:0px; top:0px; }
.top_logo img{width:100%;}
.home_search{width: 670px; position:absolute;right:0px;bottom:-220px;}




.copy_btn{position:absolute;left:0px;bottom:0px; display: block; width:1100px; float:right;}	
.copy_btn ul{ display: flex; width: 1100px; justify-content: space-between;}
.copy_btn ul li{ width: 140px; height: 140px; cursor: pointer; border-radius: 50%; }
.copy_btn ul li img{transition: all 0.5s ease-out; margin-top: 25px;}
.copy_btn ul li:hover img{ transform: rotatey(180deg);}
.copy_btn ul li.i0{ background: rgba(226,0,18,0.9);}
.copy_btn ul li.i1{ background: rgba(0,126,255,0.9);}
.copy_btn ul li.i2{ background: rgba(255,108,0,0.9);}
.copy_btn ul li.i3{ background: rgba(1,191,180,0.9);}
.copy_btn ul li.i4{ background: rgba(126,70,253,0.9);}
.copy_btn ul li p{ width: 100%; height: 40px; line-height: 40px; font-size: 20px; color: #ffffff;}



.go{
	position: absolute;
	left: 50%;
	margin-left:-47px;
	cursor: pointer;
	bottom: 40px;
	width: 94px;
	height: 83px;
	text-align: center;
	background: url(/uploads/image/2023img/go.png) top center no-repeat;
	animation: topbots 1.2s ease-in-out infinite both;
	z-index: 9999;
}


@keyframes topbots {
    0% {transform:translatey(-8px)}
    50% {transform:translatey(0px)}
    100% {transform:translatey(-8px)}
}


/*二屏*/		
.body_b{
	width:100%;overflow:hidden;position:relative;
}
.body_b{position:fixed;left:0%;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:auto;outline:none; z-index:9; background:#f6f8fb;}
.body_b *{outline:none;}
.body_b.showdiv{top:0;z-index:999}


/*column1*/
.column1{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column1_l{ width: 23%;}
.column1_l .pic{ width: 100%;}
.column1_l .pic img{width: 100%;}
.column1_l-list{ }
.column1_l-list ul{}
.column1_l-list ul li{ display: flex; align-items: center; padding: 19px 0; border-bottom: 1px solid #cccccc; }
.column1_l-list ul li a{}
.column1_l-list ul li .i1{ width: 30%; text-align: center;}
.column1_l-list ul li .i1 h2{ font-size: 32px; color: #0d8ee9;}
.column1_l-list ul li .i1 p{ font-size: 15px; color: #666666;}
.column1_l-list ul li .i2{width: 70%;  height: 60px; display: flex; align-items: center; line-height: 30px; font-size: 18px; color: #000000;}



.column1_m{ width: 50%;}
/*幻灯*/
.column1_m_1 .swiper-pagination{width:auto!important;position: absolute; right:16px;left:inherit!important;bottom: 20px!important; z-index: 1;}
.column1_m_1 .swiper-pagination span{width: 8px;height: 8px;background: #fff;opacity: 1;}
.column1_m_1 .swiper-pagination .swiper-pagination-bullet-active,
.column1_m_1 .swiper-pagination .swiper-active-switch{background: #d43030;}


.column1_m_1{position: relative; /*height: 390px;*/}
.column1_m_1 .swiper-slide img{display: block;width: 100%;}


.column1_m_1 .swiper-nav{display: none;}
.column1_m_1 .txt{background: #4a4e51; background: rgba(0,0,0,.68);padding:0 0px 0 20px; height: 50px;line-height: 50px;
	color:#fff;font-size: 1.125em;position: absolute;left:0;right:0;bottom:0;z-index:5;}
.column1_m_1 .swiper-pagination{position: absolute;}
.column1_m_1 .swiper-pagination span{width: 22px;height: 3px;border-radius: 0;}
/*幻灯 end*/
.column1_m_2{ padding:18px 20px;}
.column1_m_2 .infolist li a{ font-size: 18px;}


.column1_r{ width: 23%; }
.column1_r .pic{ width: 100%;}
.column1_r .pic img{width: 100%;}
.column1_r-list{ padding-top: 8px;}
.column1_r-list ul{}
.column1_r-list ul li{ display: flex; align-items: center; padding: 11px 0; border-bottom: 1px solid #cccccc;}
.column1_r-list ul li .i1{ width: 25%; text-align: center;}
.column1_r-list ul li .i1 h2{ font-size: 32px; color: #0d8ee9;}
.column1_r-list ul li .i1 p{ font-size: 15px; color: #666666;}
.column1_r-list ul li .i2{width: 75%; height: 60px; display: flex; align-items: center; line-height: 30px; font-size: 18px; color: #000000;}

/*招商*/
.column2{}
.index-bigtitle{overflow: hidden;}
.index-bigtitle:after,
.index-bigtitle:before{content: ''; height: 6px; float: left; width: 40%; border-top: #e7e8ec 1px solid; border-bottom: #e7e8ec 1px solid; margin-top: 22px;}
.index-bigtitle h2{position: relative;float: left; width: 20%; text-align: center; font-size: 1em; font-weight: normal;}
.index-bigtitle h2 strong{font-size: 2.25em; font-weight: normal; display: block;/* margin-bottom: 5px;*/}
.index-bigtitle h2 .more{
  position: absolute;left:92%;top:16px;background: #fff;
  display: block; width: 58px; height: 18px; line-height: 18px; text-align: center; border: #a8c0d8 1px solid; border-radius: 9px; font-weight: normal; font-size: .75em; color: #588bc5;margin:0 auto; 
}


.column2_1{ width: 100%;}
.column2_1_pic{}
.column2_1_pic .swiper-slide .pic{width: 100%; height: 342px;  display: flex; align-items: flex-end; background-size: cover;}


.column2_1_pic .swiper-slide .pic .icon{width: 100%; display: block; background: #fff;margin: 0 20%;position: relative;overflow: hidden;transition: 300ms;}
.column2_1_pic .swiper-slide .pic .icon:before{content:"";display: block; width: 80px; height: 80px;background: #fff;border-radius: 50%;margin: 10px auto;}
.column2_1_pic .swiper-slide.i0 .pic .icon:before{background: url(/uploads/image/2023img/zs_i1.png) no-repeat center;background-size: 100% 100%;}
.column2_1_pic .swiper-slide.i1 .pic .icon:before{background: url(/uploads/image/2023img/zs_i2.png) no-repeat center;background-size: 100% 100%;}
.column2_1_pic .swiper-slide.i2 .pic .icon:before{background: url(/uploads/image/2023img/zs_i3.png) no-repeat center;background-size: 100% 100%;}
.column2_1_pic .swiper-slide.i3 .pic .icon:before{background: url(/uploads/image/2023img/zs_i4.png) no-repeat center;background-size: 100% 100%;}
.column2_1_pic .swiper-slide a:hover .icon{ padding-top: 20px;}
.column2_1_pic .swiper-slide a:hover .icon:before{
    box-shadow: 0 0 13px #c2dbf7;
}

.column2_1_pic .swiper-slide .tit{ font-size: 18px; text-align: center;}

/*招商推介片*/
.column2_2{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column2_2l{ width: 23%;}
.column2_2l .column2_2l_pic{ width: 100%; /*height: 195px;*/ overflow: hidden;}
.column2_2l .column2_2l_pic img{ max-width: 100%; max-height: 100%;}
.column2_2m{ width: 50%;}
.column2_2r{ width: 23%;}

/*column3*/
.column3{ /*height: 765px;padding: 60px 0;*/ overflow: hidden; }

.column3_1{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column3_1_l{width: 75%;}

.column3_1_l_t{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.column3_1_l_t1{ width: 28%;}
.column3_1_l_t1 .tit{ width: 100%; height: 70px; background-color: #0d8ee9; font-size: 24px; color: #ffffff; display: flex; align-items: center; justify-content: center;}
.column3_1_l_t1 .tit span{ background: url(/uploads/image/2023img/c3_i1.png) no-repeat 0 center;  padding-left: 40px;}

.column3_1_l_t1 .c3_list{}
.column3_1_l_t1 .c3_list ul{}
.column3_1_l_t1 .c3_list ul li{ width: 100%; height: 60px;background-color: #ffffff; margin-top: 10px; border-radius: 5px;} 
.column3_1_l_t1 .c3_list ul li a{ display: block;  line-height: 60px;  padding-left: 55px; font-size: 18px; color: #5a6675;}
.column3_1_l_t1 .c3_list ul li.i0 a{ background: url(/uploads/image/2023img/c3_1_i1.jpg) no-repeat 20px center;}
.column3_1_l_t1 .c3_list ul li.i1 a{background: url(/uploads/image/2023img/c3_1_i2.jpg) no-repeat 20px center;}
.column3_1_l_t1 .c3_list ul li.i2 a{background: url(/uploads/image/2023img/c3_1_i3.jpg) no-repeat 20px center;}
.column3_1_l_t1 .c3_list ul li.i3 a{background: url(/uploads/image/2023img/c3_1_i4.jpg) no-repeat 20px center;}
.column3_1_l_t1 .c3_list ul li.i4 a{background: url(/uploads/image/2023img/c3_1_i5.jpg) no-repeat 20px center;}
.column3_1_l_t1 .c3_list ul li.i5 a{background: url(/uploads/image/2023img/c3_1_i6.jpg) no-repeat 20px center;}

.column3_1_l_t2{ width: 70%}
.column3_1_list{ /*padding:0 20px;*/}
.column3_1_list .infolist li a{ font-size: 18px;}


.column3_1_l_b{}
.column3_1_l_b ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column3_1_l_b ul li{ width: 18%; height: 140px; border-radius: 5px;}
.column3_1_l_b ul li a{ display: block; text-align: center; padding-top: 20px;}
.column3_1_l_b ul li.i0{ background-color: #4ad3c9;}
.column3_1_l_b ul li.i1{ background-color: #81aeff;}
.column3_1_l_b ul li.i2{ background-color: #70cbff;}
.column3_1_l_b ul li.i3{ background-color: #67b0f5;}
.column3_1_l_b ul li.i4{ background-color: #b192f8;}

.column3_1_l_b ul li img{transition: all 0.5s ease-out;}
.column3_1_l_b ul li:hover img{transform: rotatey(180deg);}
.column3_1_l_b ul li a p{ font-size: 22px; color: #ffffff;padding-top: 10px;}


.column3_1_r{ width: 23%;}
.column3_1_r_list{}
.column3_1_r_list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column3_1_r_list ul li{ width: 48%; height: 88px; border: 1px solid #e0dede; border-radius: 5px; margin-bottom: 16px;}
.column3_1_r_list ul li a{ display: block; text-align: center; padding-top: 10px;}
.column3_1_r_list ul li img{transition: all 0.3s ease-in-out 0s;}
.column3_1_r_list ul li:hover img{ transform: scale(1.05); }
.column3_1_r_list ul li p{ font-size: 16px; color: #343434;}
.column3_1_r_list ul li a:hover p{ color: #0d8ee9;}
/*政务服务*/
.column3_2_list{ }
.column3_2_list .swiper-slide{ box-sizing:border-box; width: 23%; padding: 20px; height: 346px; background-color: #ffffff; text-align: center; /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/}
.column3_2_list .out-slide{ padding: 0; background: transparent;}
.column3_2_list .swiper-slide .pic{ padding-top: 40px;}
.column3_2_list .out-slide .pic{ padding-top: 0}
.column3_2_list .out-slide .pic img{ height: 346px;}
.column3_2_list .swiper-slide h2{ font-size: 24px; color: #333333; padding: 20px 0;}
.column3_2_list .swiper-slide .btn{ display: flex; flex-wrap: wrap; }
.column3_2_list .swiper-slide .btn p{ width: 50%; font-size: 18px;  text-align: center; line-height: 38px;}
.column3_2_list .swiper-slide .btn p a{color: #666666;}

.column3_2_btn{ margin-top: 40px;}
.column3_2_btn ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column3_2_btn ul li{ width: 23%; height: 122px; font-size: 30px; text-align: center; line-height: 122px;}
.column3_2_btn ul li a{ display: block; color: #ffffff;}
.column3_2_btn ul li.i0{ background: url(/uploads/image/2023img/c3_2_i1.jpg);}
.column3_2_btn ul li.i1{ background: url(/uploads/image/2023img/c3_2_i2.jpg);}
.column3_2_btn ul li.i2{ background: url(/uploads/image/2023img/c3_2_i3.jpg);}
.column3_2_btn ul li.i3{ background: url(/uploads/image/2023img/c3_2_i4.jpg);}

/*政务互动*/
.column3_3{}
.column3_3_1{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column3_3_1l{ width: 48%;}
.column3_3_1r{ width: 48%;}

.column3_3_2{ margin-top: 50px;}
.column3_3_2 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column3_3_2 ul li{ width: 18%; /*height: 120px;*/ overflow: hidden;}

/*专题*/
.column4{}
.column4_pic{}
.column4_pic .swiper-slide{ width: 23%; background-color: #f6f8fb;}
.column4_pic .swiper-slide .pic{ position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.2%;}
.column4_pic .swiper-slide .pic img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.column4_pic .swiper-slide p{ height: 60px; line-height: 60px; overflow: hidden; text-align: center;}


/*广告*/
.column5_pic{padding-bottom: 40px;}
.column5_pic .swiper-slide{ width: 23%; background-color: #f6f8fb;}
.column5_pic .swiper-slide .pic{ position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 27.5%;}
.column5_pic .swiper-slide .pic img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/*适应*/
@media screen and (max-width: 1400px) {
	.start-box{ display: none;}
	.body_b{top:0;z-index:999}
}

@media (max-width: 1200px) {
	
    .column_top{ margin-top: 30px;}
    .column1_l-list ul li .i1{ width: 18%;}
	.column1_l-list ul li .i2{width: 80%;}

    .column1_r-list ul li .i1{ width: 18%;}
	.column1_r-list ul li .i2{width: 80%;}
	
    .column3_1_r_list{ margin-top: 30px;}
	.column3_2_btn ul li{ width: 100%; margin-top: 30px;}
	.column3_2_btn{ margin-top: 0px;}
	.column3_3_2 ul li{ width: 48%;}

	
    .column3_3_1r{ margin-top: 30px;}
	.column3_3_2{ margin-top: 20px;}
	.column3_3_2 ul li{ margin-bottom: 20px;}

	.column4_pic ul li{ width: 48%; margin-top: 30px;}
    
	.floatnotice{ display: none!important;}
	
}

@media (max-width: 768px) {

	.column1_l-list ul li .i1{ width: 20%;}
	.column1_l-list ul li .i2{width: 80%;}
	
	

	.column3_1_l_b ul li{ width: 48%; margin-bottom: 20px;}
	

}
@media (max-width: 640px) {
	.index-bigtitle:after, .index-bigtitle:before{ width: 23%;}
	.index-bigtitle h2 {width: 54%;}
}