@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table { margin:0; padding:0; border:0; list-style:none;}
input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a { text-decoration:none;}
html, body { font-family:"微软雅黑", "宋体";font-size:14px;}

html, body{position: relative;height: 100%;}
html{-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;}

*, *::after, *::before{
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
body{max-height: 100%;}

*{margin: 0;padding: 0;outline: 0;border: 0; box-sizing: border-box;}
a,a:link, a:visited{color: #333;text-decoration: none;}
a:hover{color: #c00;text-decoration: none;}
a, img{-webkit-touch-callout: none;}
ol, ul, li{list-style: none;}
em, i{font-style: normal;}

/*clear*/
.cf:before, .cf:after{content: "";display: table;}
.cf:after{clear: both;overflow: hidden;}
.cf{zoom: 1;}
.smy_ctrl {position:relative;min-height:90px;cursor:move;}
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
 






.w1170{position: relative; z-index: 10; width:1170px; height: auto; margin-left:auto; margin-right: auto; overflow: hidden;}
.main{position: relative; height: 100%; overflow: hidden;}
.swiper-container-p1{width: 100%; height: 100%;}
.swiper-container-p1 .swiper-slide{height: 100%; position: relative;overflow: hidden;}


.main_content{position:relative; width:100%; height:100%; overflow:hidden;}



.slide_bgimg{ 
	position: absolute;
	width: 1920px;
	height: 1000px;
	left: 50%;
	margin-left: -960px;
	top: 50%;
	margin-top: -500px;
}





/*page1*/
@keyframes up{
	0%,to{
		transform:translateY(0); 
		opacity:0;
	}
	50%{
		transform:translateY(20px); 
		opacity:1;
	}
}

.double_duck{
	position: absolute;
	z-index: 11;
	width: 858px;
	height: 394px;
	left: 50%;
	margin-left: -480px;
	top: 60px;
	animation: up 2s both infinite;
}
.double_duck2{
	position: absolute;
	z-index: 11;
	width: 1743px;
	height: 234px;
	left: -145px;
	bottom:-25px
}
.title_pic{
	position: absolute;
	z-index: 10;
	width: 410px;
	height: 640px;
	left: 50%;
	margin-left: -205px;
    top: 50px;
}
.title_pic img{ width: 410px; height: 640px;}
.txt{
	position: absolute;
	z-index: 11;
	width: 627px;
	height: 64px;
	left: 50%;
	margin-left: -315px;
	bottom: 158px;
}
.txt2 { position:absolute; left:50%; margin-left:-585px; bottom:80px; width:1170px; height:55px;  }
.txt2 img{ width:100%; height:100%; }




/*page2*/
.page2_left{ float: left; width: 630px; height: auto; overflow: hidden; margin-top: 113px; }
.textbox{ width:628px; height: 413px; padding:40px 30px; background: url(../sub/bj-2.png) no-repeat; text-indent: 20px; line-height: 29px;}
.textbox a{ font-size: 16px;}
.big_duck{ width: 505px; height: 367px; margin-top: 10px; }
.big_duck img{ width: 100%; height: 100%;}

.page2_right{ float: left; width: auto; height: auto; overflow: hidden; margin-top: 15px; }
.page2_titpic{ width: 240px; height: 559px;}





/*page3*/
.page3_left{ float: left; width: 287px; height: 800px; margin-top: 75px; }
.page3_left img{ width: 100%; height: 100%;}
.page3_right{ float: left; margin-left: 20px; margin-top: 50px; width: auto; height: auto; margin-bottom: 30px;}
.book{ width:806px; height: 392px; background: url(../sub/bj3-1.png) no-repeat; position: relative;}
.book img{ width: 700px; height: 325px; margin: 35px 0 0 53px; }
.book p{ 
	position: absolute;
	bottom: 32px;
	left: 52px;
	width: 702px;
	height: 40px; 
	font-size: 18px; 
	color: #fff; 
	background: rgba(0,0,0,.5);
	line-height: 40px;
	padding:0 15px;
}


.page3_bd{
	width: 755px;
	height: auto;
	margin-top:25px;
	margin-left: 30px;
	position: relative;
}
.page3_bd .hd{ position: absolute; left: 50%; margin-left: -100px; top: 390px;}
.page3_bd .hd li{ float: left; width: 25px; height: 8px; background:rgba(0,0,0,0.3); border-radius: 25px; margin-right: 15px; text-indent: -999px; } 
.page3_bd .hd li.on{ background:#fff; }

.page3_bd .bd ul li{
	float: left;
	width: 236px;
	height: 419px;
	margin-right: 20px;
	position: relative;
}
.page3_bd .bd ul li img{
	width: 236px;
	height: 419px;	

}






/*page4*/
.page4_left{ float: left; width: 296px; height: 724px; margin-top: 60px; }
.page4_left img{ width: 100%; height: 100%;}

.page4_right{ float: left; margin-left: 20px; margin-top: 44px; width: auto; height: auto;}

/*省市切换*/
.city_box{ width: 770px; height: auto; overflow: hidden;}
.map_nav ul li{
	float: left;
	width: 154px; 
	height: 57px;
	margin-top: 20px;
	cursor: pointer;
}
.city1{ background: url(../sub/01.png) no-repeat;}
.city2{ background: url(../sub/02.png) no-repeat;}
.city3{ background: url(../sub/03.png) no-repeat;}
.city4{ background: url(../sub/04.png) no-repeat;}
.city5{ background: url(../sub/05.png) no-repeat;}
.city6{ background: url(../sub/06.png) no-repeat;}
.city7{ background: url(../sub/07.png) no-repeat;}
.city8{ background: url(../sub/08.png) no-repeat;}
.city9{ background: url(../sub/09.png) no-repeat;}
.city10{ background: url(../sub/010.png) no-repeat;}


.map_nav{ width: 100%; height: auto; overflow: hidden; }

.city1.on{ background: url(../sub/01-1.png) no-repeat;}
.city2.on{ background: url(../sub/02-1.png) no-repeat;}
.city3.on{ background: url(../sub/03-1.png) no-repeat;}
.city4.on{ background: url(../sub/04-1.png) no-repeat;}
.city5.on{ background: url(../sub/05-1.png) no-repeat;}
.city6.on{ background: url(../sub/06-1.png) no-repeat;}
.city7.on{ background: url(../sub/07-1.png) no-repeat;}
.city8.on{ background: url(../sub/08-1.png) no-repeat;}
.city9.on{ background: url(../sub/09-1.png) no-repeat;}
.city10.on{ background: url(../sub/010-1.png) no-repeat;}


.city_box .bd{width: 100%; height: 680px; margin-top: 20px; }
.city_box .bd ul li{ width: 100%; height: 680px; background: rgba(255,255,255,0.5); }

.haibao_box{float: left; width: 430px; height:680px; background: #facf03; overflow: hidden;}
.haibao{ width: 378px; height: 622px; margin: 30px 0 0 27px; position: relative;}
.haibao img{
	width: 100%;
	height: 100%;	
}
.text_box{ position: absolute; left: 0; top:0; width: auto;  height: auto;}
.text_box h2{
	width: 100%;
	font-size: 24px; 
	color: #fff;
	margin-top: 30px;
	padding: 0 15px;
}
.text_box p{ 
	font-size: 16px; 
	color: #fff; 
	line-height: 25px; 
	padding: 0 15px;
	margin-top: 15px;
}

.ul_list{
	float: right; 
	width:305px; 
	height: 680px; 
	padding:0 22px 0 0;
	overflow-y: scroll;
}
.city_box .bd ol li{
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	border-bottom: 1px dashed #222;
	background: none;
	padding-top: 30px;
}
.city_box .bd ol li h2{ width:100%;}
.city_box .bd ol li h2 a{ font-size: 16px;}
.city_box .bd ol li img{ width: 251px; height: 142px; margin-top: 20px;}
.city_box .bd ol li p{ 
	width: 100%; 
	height: auto; 
	font-size: 14px; 
	color: #666; 
	line-height: 26px; 
	margin-top: 20px;
	overflow: hidden;
}





/*page5*/
.page5_left{ float: left; width: 228px; height: 570px; margin-top: 60px; }
.page5_left img{ width: 100%; height: 100%;}

.page5_middle{ float: left; width:454px; height: 495px; margin-left: 49px; margin-top: 149px; background: #2e6c5d;}
.page5_middle img{ width: 421px; height: 267px; margin: 19px 0 0 19px;}
.page5_middle h2{ width: 100%; height: auto; margin-top: 15px; padding: 0 19px;}
.page5_middle h2 a{font-size: 24px; font-weight: bold; color: #fff;}
.page5_middle p{ width: 100%; height: auto; line-height: 25px; margin-top: 15px; color: #fff; padding: 0 19px; font-size: 16px;}

/*竖屏滚动*/
.height100{ height:100%; }
.page5_right{
	float: left; 
	width:344px;  
	overflow:visible; 
	position:relative; 
	margin-top: 70px; 
	margin-left: 20px; 
}
.page5_right .hd{
	position: absolute; 
	z-index: 10;  
	left: 50%;
	margin-left: -15px;
	top: -27px;
}
.page5_right .hd .prev{ 
	display:block;  
	width:30px; 
	height:22px;    
	cursor:pointer; 
	background:url(../sub/btn_up20230521.png) no-repeat;
}
.page5_right .hd .next{ 
	display:block;  
	width:30px; 
	height:22px;
	cursor:pointer; 
	background:url(../sub/btn_down20230521.png) no-repeat; 
	margin-top: 770px;
}

.page5_right .bd{ margin-top: 10px;  }
.page5_right .bd ul{ overflow:hidden; }
.page5_right .bd ul li{ text-align:center; }
.page5_right .bd ul li .pic{ text-align:center; }
.page5_right .bd ul li .pic img{ width:340px; height:213px; display:block;  border:1px solid #efbb28; }
.page5_right .bd ul li .title{ line-height:31px;}
.page5_right .bd ul li .title a{ font-size: 18px; color: #fff; }





/* page6 */
.page6_right{ 
	float: right;
	width: 283px;
	height: 738px;
	margin-top: 42px;
	margin-right: 50px;
} 
.page6_right img{ width: 100%; height: 100%;}


/* 图片导航轮播 */
.page6_left {
	float: left;
	position: relative;
	overflow: hidden;
	width: 794px;
	margin-top: 200px;
}
.page6_left .bigImg {
	width:772px!important;
	height: 277px!important;
	background: url(../sub/bj6-2.png) no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.bigImg_imgbox{ 
	float: left; 
	width: 255px; 
	height: 176px;
	margin: 50px 0 0 25px;
}
.bigImg_txtbox{ 
	float: left;  
	width:420px;
	height: auto;
	margin-left: 38px;
	margin-top:47px;	
}
.bigImg_txtbox h2{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 18px;
}
.bigImg_txtbox p{
	
	width: 100%;
	font-size: 16px;
	line-height: 25px;
}
.page6_left .bigImg li img {
	width: 100%;
	height: 100%;
}

.page6_left .smallScroll {
	height: 162px;
	margin-bottom: 77px;
	position: relative;

}
.page6_left .sPrev {
	float: left;
	display: block;
	width: 22px;
	height: 30px;
	background: url(../sub/btn_left20230521.png) no-repeat;
	margin-top: 65px;
}
.page6_left .sNext {
	float: left;
	display: block;
	width: 22px;
	height: 30px;
	background: url(../sub/btn_right20230521.png) no-repeat;
	margin-top: 65px;
}
.page6_left .smallImg {
	float: left;
	width: 745px;
	overflow: hidden;
	cursor: pointer;
}
.page6_left .smallImg ul {
	height: 162px;
	/* width: 9999px; */
	overflow: hidden;
}
.page6_left .smallImg li {
	float: left;
	width: 188px;
	cursor: pointer;
}
.page6_left .smallImg img {
	width: 188px;
	height: 162px;
}









/* page7 */
.page7_top{ width:100%; height: auto; margin-top:60px; }
.page7_top img{ width:470px; height: 162px;}
.page7_bottom{ width: 100%; height: auto; margin-top: 20px;}
.page7_left{float: left; width: 640px; height: auto; overflow: hidden;}

/* 轮播图 */
.part2{ width:640px; height: 360px;}
.part2-L{ width:640px; height: 360px; overflow:hidden; position:relative;}
.part2-L .hd{height:15px;overflow:hidden;position:absolute;right: 23px;bottom: 7px;z-index:1;}
.part2-L .hd ul{ overflow:hidden; zoom:1; float:left;  }
.part2-L .hd ul li{ float:left; margin-right:8px;  width:8px; height:8px; background:#fff; cursor:pointer; border-radius: 50%;}
.part2-L .hd ul li.on{ background:#e8a709; width:18px; height:8px;  border-radius: 25px;}

.part2-L .bd ul{width:640px; height: 360px;}
.part2-L .bd{ position:relative; height:100%; z-index:0;   }
.part2-L .bd li{ zoom:1; vertical-align:middle; position: relative; width:640px; height: 360px;}
.part2-L .bd img{ width:640px; height: 360px; display:block; }
.part2-L .bd .txt7{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;padding-left: 20px;height: 40px;
                  font-size: 16px;line-height: 40px;background: #003b8b;color: #fff;
}



.title-news{width: 100%;height: auto;overflow: hidden; margin-top: 40px;}
.title-news ul{width: 100%;  height: auto; overflow: hidden;}
.title-news ul li{
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	position: relative;
	text-indent: 22px;
}
.title-news ul li a{font-size:20px; color: #333;}
.title-news ul li i{display:block;width: 7px;height: 7px;border-radius: 100%;background: #003b8b;position: absolute;left: 0px;top: 17px;}


.page7_right{ float: left; width:349px; height: auto; margin-left: 95px; }

.part2-R{ width:349px; height: 563px;  position:relative; background: url(../sub/bj0701.jpg) no-repeat; background-size: 100% 100%;}

.part2-R .bd{ 
	position: absolute;
	z-index: 10;
	width: 304px;
	min-height: 485px;
	top: -25px;
	left: -31px;
}
.part2-R .bd ul{width:304px; min-height: 485px;}
.part2-R .bd li{ vertical-align:middle; position: relative; width:304px; min-height: 485px;}
.part2-R .bd img{ width:304px; height: 540px; display:block; }
.part2-R .bd .txt7{width: 100%; padding-left: 40px; height: 40px;
                  font-size: 16px; line-height: 40px; color: #fff;
}

.part2-R .prev,
.part2-R .next{position:absolute;display:block;width:51px;height:32px;cursor: pointer;}
.part2-R .prev{right:10px; bottom: 205px;  background: url(../sub/arrowup.png) no-repeat;}
.part2-R .next{ right:10px; bottom: 85px; background: url(../sub/arrowdown.png) no-repeat; }























@media screen and (max-width: 1500px){
  .w1170{transform: scale(0.7); margin-top:-80px; }
  .title_pic{ transform: scale(0.6); top:-20px; }
  .double_duck{  width:600px; height:auto; top:74px; margin-left: -343px; }
  .txt{ bottom: 100px; }
  .txt2 { bottom:35px; }
}