@charset "utf-8";
/* CSS Document */
.banner{
	background:#b9e2fd url(/static_2023/images/guohui/guohui_zt_thl.jpg) top center no-repeat;
	height:714px
}
.intro h3{
	width:205px;
	height:146px;
	background:url(../images/intro.png) no-repeat;
	text-indent:-9999px
}
.intro p{
	line-height:2
}
.tit{
	line-height:150px;
	padding-top:30px
}
.tit img{
	vertical-align:middle
}
.section1{
	background:#eefefa url(../images/main_bg.gif) top center repeat-y;
	padding-bottom:40px
}
.list01 li{
	float:left;
	width:348px;
	padding:20px;
	margin-right:15px;
	background-color:white;
	border:1px solid #dedede;
}
.list01 li:last-child{
	margin:0
}
.list01 li h3{
	font-weight:normal;
	font-size:22px;
	color:#0069b8;
	margin:25px 0
}
.list01 li p{
	font-size:16px;
	color:#555
}
.list01 li p.date{
	margin-top:25px;
	color:#777
}
.more1,
.more2{
	display:block;
	text-align:center;
	margin-top:30px
}
.section2{
	background:url(../images/section2.jpg) bottom center no-repeat;
	padding-bottom:40px
}
.section2 .tit{
	padding-top:20px
}
.list02 li{
	height:240px;
	background-color:#f7f7f7;
	margin-bottom:30px
}
.list02 li img{
	width:408px;
	height:240px;
	float:left;
	margin-right:30px
}
.list02 li div{
	padding:30px
}
.list02 li h3{
	font-weight:normal;
	font-size:24px;
	margin-bottom:30px;
	color:#0069b8
}
.list02 li p{
	font-size:16px;
	line-height:30px
}
.slide02{
	position:relative;
	width:100%
}
.slide02 .bd ul li{
	float:left
}
.slide02 .bd{
	margin-left:100px
}
.slide02 .hd{
	width:100%;
	text-align:center;
	margin:20px 0
}
.slide02 .hd ul li{
	display:inline-block;
	text-indent:-9999px;
	width:18px;
	height:18px;
	border-radius:9px;
	background-color:#0080e1;
	margin:0 5px
}
.slide02 .hd ul li.on{
	background-color:#fa4444
}
.slide02 .bd{overflow:hidden}
.slide02>a,
.slide03>a{
	width:100px;
	height:48px;
	position:absolute;
	left:0;
	top:40%;
	background:url(../images/arrow_left.png) center no-repeat
}
.slide03>a{
	width:28px;
	background:url(../images/arrow_left1.png) center no-repeat
}
.slide02>a.next,
.slide03>a.next{
	left:auto;
	right:0;
	background:url(../images/arrow_right.png) center no-repeat
}
.slide03>a.next{
	background:url(../images/arrow_right1.png) center no-repeat
}
.section3{
	background:url(../images/section3.gif) top center repeat-y;
	padding-bottom:40px
}
.slide03{
	position:relative;
	width:100%;
	height:740px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/slideBg03.gif) top center no-repeat
}
.slide03>a{
	top:35%;
	left:20px
}
.slide03>a.next{
	right:20px
}
.slide03 .bd{
	width:1060px;
	margin:70px;
	margin-bottom:0;
	overflow:hidden
}
.slide03 .bd ul li{
	float:left;
	width:330px;
	margin-right:35px
}
.slide03 .bd ul li img{
	float:left;
	width:330px;
	height:586px
}
.slide03 .bd ul li div{
	float:left;
	width:100%;
	margin-top:60px;
	font-size:20px;
	line-height:1.5;
	color:white
}
.slide03 video{
	background-color:black
}
.list03 li{
	width:580px;
	height:60px;
	line-height:60px;
	box-sizing:border-box;
	border-radius:10px;
	background:#fff url(../images/dot.gif) 10px center no-repeat;
	margin-bottom:20px;
	text-indent:20px
}
.list03 li{
	height:auto;
	margin:10px 0;
	line-height:inherit;
	display:flex;
	align-items:center;
    justify-content:space-between
}
.list03 li span{
	color:#999
}
.list03 li:nth-child(odd),
.list04 li:nth-child(odd){
	float:left
}
.list03 li:nth-child(even),
.list04 li:nth-child(even){
	float:right
}
.list04 li{
	width:580px;
	height:100px;
	line-height:60px;
	padding:20px;
	box-sizing:border-box;
	background-color:#e6f0f7;
	margin-bottom:20px
}
.list04 li div{
	font-size:14px;
	float:left;
	width:60px;
	height:40px;
	padding:10px 0;
	line-height:20px;
	border-radius:30px;
	background-color:#0080e1;
	color:white;
	text-align:center
}
.list04 li div h3{
	font-weight:normal;
	font-size:24px
}
.list04 li a{
	float:left;
	width:calc(100% - 80px);
	margin-left:20px;
	line-height:30px
}


.footer{
    margin:0 auto;
	height:170px;
	width:100%;
	padding:45px 0;
    background:#065cb3 url(../images/foot.gif) top center no-repeat
}
.foot_nav{
	line-height:41px;
	color:#fff;
}
.foot_nav a{
	color:#fff;
}
.foot_nav a:hover{
	text-decoration:underline;
}
.foot_con{
    position:relative;
	padding:15px;
	padding-bottom:0;
	line-height:24px;
}
.foot_con p{
	line-height:2
}
.foot_con p,
.foot_con a{
	color:white
}
.w1040 {
  width: 1040px;
  margin: 0 auto;
}
.zhaocuo{text-indent:0;}
.jiucuowx{position:absolute;top:20px;right:100px;}
.govlogo{position:absolute;top:10px;left:150px;}
.footer .foot_nav,.footer .foot_con{padding-left:0; text-align:center}


@media (max-width: 800px) {

.w1200{
	width:98%;
	margin:0 1%;
	box-sizing:border-box
}
.banner{
	background-size:cover;
	height:60vw
}
.intro h3{
	text-indent:0;
	width:100%;
	height:auto;
	padding:10px 0;
	background:none;
	text-align:center;
	font-size:1.6rem;
	color:#26a1ff
}
.intro p{
	padding:10px
}
.section1,
.section2{
	margin-top:0;
	background-color:#dfeeff;
	height:auto;
	padding-bottom:30px
}
.slide02 .bd{margin:0}
.slide02 a{width:40px;top:35%}
.slide02 a.prev{background:url(../images/arrow_left1.png) center no-repeat}
.slide02 a.next{background:url(../images/arrow_right1.png) center no-repeat}
.tit{
	padding:0 !important
}
.slide01 .bd .news_info,
.list02{
	width:100%;
	height:auto
}
.slide01 .bd .news_info h1{
	margin-top:0;
	text-align:left;
	line-height:24px
}
.list02{
	margin:0
}
.list02 li img{
	width:100%;
    height:auto;
	margin:0;
	margin-bottom:10px
}
.list02 li h3{
	margin-bottom:10px
}
.tit{
	line-height:3em;
	color:#da1a86
}
.slide02 .hd{
	margin-top:2rem
}
.bg01{
	padding-bottom:2rem
}
.banner img{
	display:none
}
.section{
	height:auto;
	background-size:100% auto
}
.slide01 .hd{bottom:0}
.slide02 > a{left:0;z-index:99}
.slide02 > a.next{right:0}
.slide03 .bd{width:100%;margin:0}
.slide03 .bd ul li{
	text-align:center
}
.slide03 .bd ul li img{float:none;margin-top:70px}
.slide03 > a{z-index:99; top:50%}
.slide03{padding-bottom:30px}
.slide03 .hd{background-color:white;padding:10px 0}
.mySwiper2{width:100%;height:100%}
.mySwiper{display:none}

.introVideo video,
.list01 li,
.list01 li img,
.pictext li img,
.video,
.plist ul li img,
.plist ul li,
.plist,
.slide02,
.slide02 .bd ul li,
.slide01 .bd ul li img,
.list03 li{
	width:100%;
	height:auto
}
.intro{
	height:auto;
	margin:0
}
.introText,
.introVideo,
.dakaBox,
.dakaIntro{
	width:auto;
	padding:10px
}

.list01 li{
	margin-bottom:10px;
	box-sizing:border-box
}
.pictext li img,
.slide01 .bd ul li{
	margin:0;
	margin-bottom:10px
}
.pictext li{
	padding:15px
}
.slide01,
.slide01 .bd ul li img,
.list01,
.slide02 .bd ul li,
.slide02 .bd ul li img,
.pictext li img,
.list02 li,
.w360,
.w360 .ad img,
.slide03,
.slide03 .bd ul li,
.slide03 .bd ul li video,
.list04 li{
	width:100%;
	height:auto
}
.slide01 .bd ul li div{
	height:auto;
	padding:10px;
	box-sizing:border-box;
	line-height:1.6em;
	text-align:left;
}
.slide03 .bd ul li div{width:96%;margin:0 2%; margin-top:30px}
.list01 li{
	line-height:inherit;
	background-position:5px 10px;
	margin-bottom:30px;
	padding-left:20px;
	text-indent:0
}
.list03 li{
	text-indent:0;
	padding-left:20px;
	box-sizing:border-box;
	background-position:10px 10px
}
.list03 li .r{
	width:calc(100% - 100px);
	margin:0;
	padding:5px;
	float:right
}
.slide03 .bd ul li video{
	height:170vw
}
.list04{margin-bottom:0}
.list04 li{line-height:1.5;padding:10px 20px; text-indent:0; box-sizing:border-box}
.foot_con{
	padding:0
}
.w360{
	margin:0
}
.w360 .list01{
	margin:0 0 20px 0
}
.list01{
	margin-top:0 !important
}
.whitebg{
	position:relative;
	margin:0;
	padding:15px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	right:auto;
	bottom:auto
}
.h1,
.whitebg .list01{
	margin:0
}
.w50 li,
.pictext li{
	width:100%
}
.footer{padding:20px 0; height:auto}
.foot_nav{
	display:none
}
.jiucuowx,
.govlogo,
.zhaocuo{
	position:inherit;
	top:auto;
	right:auto;
	left:auto;
	float:none
}


}