@charset "utf-8";
/* CSS Document */
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;}
/*div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { overflow:hidden;}*/
input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a { text-decoration:none; color: #000000; display: block; overflow: hidden;}
*{ box-sizing: border-box;}
html, body { font-family:"微软雅黑", "宋体";font-size:14px;}
img{display: block;}
.bk{width:100%; height:auto; overflow: hidden; }
.smy_ctrl { position:relative; min-height:150px; cursor:move; overflow:hidden;}
/***********************************************************************************/

.zt{width:750px; height:auto; margin: 0 auto;}
@media screen and (max-width: 768px){
	.zt{ width:100%; } 
}





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

.jjc_banner{
	width:100%; 
	height: 100vh;
	position: relative; 
	overflow: hidden;
	background: url(../sub/jjc_banner_20230522.jpg);
	background-size: 100% 100%;
}
.jw_logo{width:40%; height: auto; margin:54px auto 0;}
.big_titlepc{ width:68%; height: auto; margin:20px auto 0;}
.small_titlepic{width:90%; height: auto; margin:30px auto 0;}
.media_pic{ width:100%; height: auto; margin: 7px auto 0;}
.up_pic{ 
	width: 200px;
	height: auto;
	position: absolute;
	bottom: 1rem;
	left: 50%;
	margin-left: -100px;
	z-index: 9;
	cursor: pointer;
	animation: up 2s both infinite;
}






.jjc_content{width:100%;height:auto;overflow: hidden;}
.wrap02{ 
	width:100%; 
	height: 14.5rem; 
	padding:0 3%;
	box-sizing: border-box;
	overflow: hidden; 
	background: url(../sub/bg02_20230523.jpg) no-repeat;
	background-size: 100% 100%;
}
.titpicbox2{ width: 100%; height: auto; margin-top: 40px; overflow: hidden;}
.titpicbox2 img{width: 27%; height: auto; float: right;}
.nr2{ 
	width:85%; 
    height: 5rem; 
	overflow: hidden; 
	margin:5px auto 0;
	background: url(../sub/bj-2.png) no-repeat;
	background-size: 100% 100%;
	padding:4% 4%; 
	 text-indent: 35px; 
	 line-height: 1.3;
}
.nr2 a{ font-size: 0.45rem;}





.wrap03{
	width:100%;
	height: 18.5rem; 
	overflow: hidden; 
	background: url(../sub/bg03_20230523.jpg) no-repeat;
	background-size: 100% 100%;
}
.titpicbox3{ width: 80%; height: auto; margin:15px auto 0; overflow: hidden;}
.titpicbox3 img{width: 100%; height: auto; }
.book{ 
	width:9rem; 
	height: 5rem;
	margin:100px auto 0;
	background: url(../sub/bj3-1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}
.book img{
	width:7.7rem;
	height: 4rem;
	margin:0.5rem auto 0;
}
.book p{ 
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	margin-left: -3.85rem;
	text-align: center; 
	width:7.7rem;
	height: 0.8rem;
	background: rgba(0, 0, 0, .5);
	line-height: 0.8rem;
	font-size: 0.45rem;
	color: #fff;
}
.media_unit{width:100%; height:auto; margin-top: 20px; overflow-x: scroll; white-space: nowrap;}
.media_unit li{ width:40%; height:6rem; margin-right:1%; display: inline-block;}
.media_unit li img{ width:100%; height:6rem; }






.wrap04{
	width:100%;
	height: 17.5rem; 
	padding:0 3%;
	box-sizing: border-box;
	overflow: hidden; 
	background: url(../sub/bg04_20230523.jpg) no-repeat;
	background-size: 100% 100%;
}
.titpicbox4{ width: 80%; height: auto; margin:15px auto 0; overflow: hidden;}
.titpicbox4 img{width: 100%; height: auto; }




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


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


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

.haibao_box{float: left; width: 55%; height:8rem; padding:4%; background: #facf03; overflow: hidden;}
.haibao{ width: 100%; height: 100%; 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: 18px;
	color: #fff;
	margin-top: 7px;
	padding: 0 7px;
	font-weight: bold;
}
.text_box p{ 
	font-size: 16px; 
	color: #fff; 
	line-height: 25px; 
	padding: 0 7px;
	margin-top: 15px;
}

.ul_list{
	float: right; 
	width:45%; 
	height: 8rem; 
	padding: 0 10px 0 15px;
	overflow-y: scroll;
	box-sizing: border-box;
}
.city_box .bd ol li{
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	border-bottom: 1px dashed #222;
	background: none;
	padding-top: 8%;
}
.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: 100%; height: 2rem; 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;
}










.wrap05{
	width:100%;
	height: 16rem; 
	overflow: hidden; 
	background: url(../sub/bg05_20230523.jpg) no-repeat;
	background-size: 100% 100%;
}
.titpicbox5{ width: 80%; height: auto; margin:15px auto 0; overflow: hidden;}
.titpicbox5 img{width: 100%; height: auto; }


/*横屏滚动*/
.media_unit2{
	width:100%; 
	height:auto; 
	margin-top: 120px;
	overflow-x: scroll; 
	white-space: nowrap;
}
.media_unit2 li{ 
	width:60%; 
	height:auto; 
	margin-right:2%; 
	display: inline-block; 
	padding:7px; 
	border:1px solid #efbb28;
}
.media_unit2 li img{ width:100%; height:4rem; }
.media_unit2 li h2{ font-size:18px; color: #fff; font-weight: bold; margin-top: 10px;}
.media_unit2 li p{ 
	font-size:16px; 
	color: #fff;  
	line-height: 22px; 
	margin-top: 10px; 
	white-space: normal;
	margin-bottom: 20px;
	height: 1.2rem;
	overflow: hidden;
}







.wrap06{
	width:100%;
	height: auto; 
	overflow: hidden;
	 padding-bottom: 20px;
}
.titpicbox6{ width: 100%; height: auto; overflow: hidden;}
.titpicbox6 img{width: 100%; height: auto; }


/* 图片导航轮播 */
.page6_left {
	position: relative;
	overflow: visible;
	width: 100%;
	margin-top: 20px;
}


.page6_left .smallImg {
	width:100%;
	height:auto; 
	overflow-x: scroll; 
	white-space: nowrap;
}

.page6_left .smallImg li {	
	width:30%;
	height:auto; 
	display: inline-block; 
}
.page6_left .smallImg img {		
	width:100%; 
	height:auto; 
}


.page6_left .bigImg {
	width:9rem!important;
	height: 3.8rem!important;
	background: url(../sub/bj-2-1.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	overflow: hidden;
}
.page6_left .bigImg li{
	width: 100% !important;;
}
.bigImg_imgbox{ 
	float: left; 
	width: 3.5rem; 
	height: 2.5rem;
	margin: 7% 1% 0 3%;
}
.bigImg_txtbox{ 
	float: left;  
	width:5rem;
	height: 2.5rem;
	margin-left: 5px;
	margin-top: 6%;	
}
.bigImg_txtbox h2{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 6px;
	color: #333;
}
.bigImg_txtbox p{
	
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	color: #666;
}
.page6_left .bigImg li img {
	width: 100%;
	height: 100%;
}






.wrap07{
	width:100%;
	height: 24rem; 
	overflow: hidden;
	background: url(../sub/bg07_20230523.jpg) no-repeat;
	background-size: 100% 100%;
}
.titpicbox7{ width: 100%; height: auto; overflow: hidden;}
.titpicbox7 img{width: 100%; height: auto; }


.part2-L{ 
	width:9.5rem;
	height: 6rem; 
	overflow:hidden;
	position:relative; 
	margin:22px auto 0;
}
.part2-L .hd{height:15px;overflow:hidden;position:absolute;right: 5px;bottom: 7px;z-index:1;}
.part2-L .hd ul{ overflow:hidden; 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:9.5rem; height: 6rem;}
.part2-L .bd{ position:relative; height:100%; z-index:0;   }
.part2-L .bd li{ zoom:1; vertical-align:middle; position: relative; width:9.5rem; height: 6rem;}
.part2-L .bd img{ width:9.5rem; height: 6rem; display:block; }
.part2-L .bd .txt7{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;padding-left: 10px;height: 40px;
                  font-size: 16px;line-height: 40px;background: #003b8b;color: #fff;
}



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

.newslis2{width: 96%; height: auto; margin:15px auto 0; overflow: hidden;}
.newslis2 ul li{
	float: left;
	width:48%;
	height: auto;
	margin-right: 4%;
}
.newslis2 ul li:nth-child(2){
	float: left;
	width:48%;
	height: auto;
	margin-right: 0;
}
.newslis2 ul li img{
	width: 100%;
	height: 3rem;
}
.newslis2 ul li p{
	width: 100%;
	font-size: 18px;
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
}

















/*移动标准尾*/
.footer{ width:100%; height:auto; }
.link{background:#0d4d46;text-align:center;overflow:hidden;color:#aeaeae;padding-top:20px;padding-bottom:20px;}
.link a{ color:#fff; margin:0 20px; display: inline-block;  line-height:30px; font-size:16px;}
.link p{ color:#fff; font-size:13px; }