@charset "utf-8";
/* CSS Document */

/*切换*/
#hear{
	width: 100%;
	height: 3.27rem;
	background: #2e4f8f;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 97;
}
#hear li{
	height: 3.27rem;
	text-align: center;
}
#hear li:nth-of-type(1){
	width: 34%;
	float: left;
}
#hear li:nth-of-type(2){
	width: 33%;
	float: left;
}
#hear li:nth-of-type(3){
	width: 33%;
	float: left;
}
#hear .action{
	background: #243e77;
}
#hear li .footernav-icon1{
	width: 1.53rem;
	height: 1.53rem;
	background: url(footernav-icon1.png) center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin: .3rem auto 0 auto;
}
#hear li .footernav-icon2{
	width: 1.53rem;
	height: 1.53rem;
	background: url(footernav-icon2.png) center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin: .3rem auto 0 auto;
}
#hear li .footernav-icon3{
	width: 1.53rem;
	height: 1.53rem;
	background: url(footernav-icon3.png) center no-repeat;
	background-size: 100% 100%;
	display: block;
	margin: .3rem auto 0 auto;
}
#hear li a{
	color: #fff;
	font-size: 1rem;
}

#contentop{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #f1f1f1;
	margin-bottom: 3.27rem;
}
#contentop .contentop-main{ 
    width: 100%; 
	height: auto;
	overflow: hidden;
	display: none;
}
#contentop .action{ 
    display: block;
}

/*header*/
.header-main{
	width: 100%;
	height: 3.2rem;
	position: relative;
}
/*leftnav*/
.leftnav{
	width: 5.07%;
	position: absolute;
	top: 50%;
	left: 2%;
	-webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
	z-index: 99;
}
/*1*/
#sideMenuContainer {
	width: 82.4%;
	height: 100%;
	padding-top: 12%;
	background: linear-gradient(to bottom, #30508f, #99b1dc);
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 98;
}
#sideMenuContainer h2{
    width: 91.75%;
    height: 2.8rem;
    margin: 0 4.125%;
    float: left;
	margin-bottom: 3rem;
}
#sideMenuContainer h2 img{
    width: auto;
    height: 2.8rem;
    float: left;
}
#sideMenuContainer .leftnav1{
	width: 100%;
	float: left;
}
#sideMenuContainer .leftnav1 a {
	width: 91.75%;
	height: 4.2rem;
	line-height: 4.2rem;
	border-bottom: .07rem solid #fff;
	float: left;
	margin: 0 4.125%;
	font-size: 1.18rem;
	color: #fff;
}
#sideMenuContainer .leftnav1 a i{
	float: left;
	margin: 1.065rem .5rem 1.065rem 0;
}
#sideMenuContainer .leftnav1 a .leftnav-icon1{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon1.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer .leftnav1 a .leftnav-icon2{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon2.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer .leftnav1 a .leftnav-icon3{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon3.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer .leftnav2{
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 4.125%;
}
#sideMenuContainer .leftnav2 a{
	width: 33.33%;
	float: left;
	color: #fff;
	font-size: 1rem;
}
#sideMenuContainer .leftnav2 a i{
	float: left;
	margin: 0 .5rem 0 0;
}
#sideMenuContainer .leftnav2 a .leftnav-icon4{
	width: 1rem;
	height: 1rem;
	background: url(leftnav-icon4.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer .leftnav2 a .leftnav-icon5{
	width: 1rem;
	height: 1rem;
	background: url(leftnav-icon5.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer .leftnav2 a .leftnav-icon6{
	width: 1.2rem;
	height: 1rem;
	background: url(leftnav-icon6.png) center no-repeat;
	background-size: 100% 100%;
}
/*2*/
#sideMenuContainer1 {
	width: 82.4%;
	height: 100%;
	padding-top: 12%;
	background: linear-gradient(to bottom, #30508f, #99b1dc);
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 98;
}
#sideMenuContainer1 h2{
    width: 91.75%;
    height: 2.8rem;
    margin: 0 4.125%;
    float: left;
	margin-bottom: 3rem;
}
#sideMenuContainer1 h2 img{
    width: auto;
    height: 2.8rem;
    float: left;
}
#sideMenuContainer1 .leftnav1{
	width: 100%;
	float: left;
}
#sideMenuContainer1 .leftnav1 a {
	width: 91.75%;
	height: 4.2rem;
	line-height: 4.2rem;
	border-bottom: .07rem solid #fff;
	float: left;
	margin: 0 4.125%;
	font-size: 1.18rem;
	color: #fff;
}
#sideMenuContainer1 .leftnav1 a i{
	float: left;
	margin: 1.065rem .5rem 1.065rem 0;
}
#sideMenuContainer1 .leftnav1 a .leftnav-icon1{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon1.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer1 .leftnav1 a .leftnav-icon2{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon2.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer1 .leftnav1 a .leftnav-icon3{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon3.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer1 .leftnav2{
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 4.125%;
}
#sideMenuContainer1 .leftnav2 a{
	width: 33.33%;
	float: left;
	color: #fff;
	font-size: 1rem;
}
#sideMenuContainer1 .leftnav2 a i{
	float: left;
	margin: 0 .5rem 0 0;
}
#sideMenuContainer1 .leftnav2 a .leftnav-icon4{
	width: 1rem;
	height: 1rem;
	background: url(leftnav-icon4.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer1 .leftnav2 a .leftnav-icon5{
	width: 1rem;
	height: 1rem;
	background: url(leftnav-icon5.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer1 .leftnav2 a .leftnav-icon6{
	width: 1.2rem;
	height: 1rem;
	background: url(leftnav-icon6.png) center no-repeat;
	background-size: 100% 100%;
}/*3*/
#sideMenuContainer2 {
	width: 82.4%;
	height: 100%;
	padding-top: 12%;
	background: linear-gradient(to bottom, #30508f, #99b1dc);
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 98;
}
#sideMenuContainer2 h2{
    width: 91.75%;
    height: 2.8rem;
    margin: 0 4.125%;
    float: left;
	margin-bottom: 3rem;
}
#sideMenuContainer2 h2 img{
    width: auto;
    height: 2.8rem;
    float: left;
}
#sideMenuContainer2 .leftnav1{
	width: 100%;
	float: left;
}
#sideMenuContainer2 .leftnav1 a {
	width: 91.75%;
	height: 4.2rem;
	line-height: 4.2rem;
	border-bottom: .07rem solid #fff;
	float: left;
	margin: 0 4.125%;
	font-size: 1.18rem;
	color: #fff;
}
#sideMenuContainer2 .leftnav1 a i{
	float: left;
	margin: 1.065rem .5rem 1.065rem 0;
}
#sideMenuContainer2 .leftnav1 a .leftnav-icon1{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon1.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer2 .leftnav1 a .leftnav-icon2{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon2.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer2 .leftnav1 a .leftnav-icon3{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon3.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer2 .leftnav2{
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 4.125%;
}
#sideMenuContainer2 .leftnav2 a{
	width: 33.33%;
	float: left;
	color: #fff;
	font-size: 1rem;
}
#sideMenuContainer2 .leftnav2 a i{
	float: left;
	margin: 0 .5rem 0 0;
}
#sideMenuContainer2 .leftnav2 a .leftnav-icon4{
	width: 1rem;
	height: 1rem;
	background: url(leftnav-icon4.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer2 .leftnav2 a .leftnav-icon5{
	width: 1rem;
	height: 1rem;
	background: url(leftnav-icon5.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer2 .leftnav2 a .leftnav-icon6{
	width: 1.2rem;
	height: 1rem;
	background: url(leftnav-icon6.png) center no-repeat;
	background-size: 100% 100%;
}
/*4*/
#sideMenuContainer3 {
	width: 82.4%;
	height: 100%;
	padding-top: 12%;
	background: linear-gradient(to bottom, #30508f, #99b1dc);
	position: fixed;
	top: 0;
	left: -100%;
	z-index: 98;
}
#sideMenuContainer3 h2{
    width: 91.75%;
    height: 2.8rem;
    margin: 0 4.125%;
    float: left;
	margin-bottom: 3rem;
}
#sideMenuContainer3 h2 img{
    width: auto;
    height: 2.8rem;
    float: left;
}
#sideMenuContainer3 .leftnav1{
	width: 100%;
	float: left;
}
#sideMenuContainer3 .leftnav1 a {
	width: 91.75%;
	height: 4.2rem;
	line-height: 4.2rem;
	border-bottom: .07rem solid #fff;
	float: left;
	margin: 0 4.125%;
	font-size: 1.18rem;
	color: #fff;
}
#sideMenuContainer3 .leftnav1 a i{
	float: left;
	margin: 1.065rem .5rem 1.065rem 0;
}
#sideMenuContainer3 .leftnav1 a .leftnav-icon1{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon1.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer3 .leftnav1 a .leftnav-icon2{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon2.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer3 .leftnav1 a .leftnav-icon3{
	width: 2.07rem;
	height: 2.07rem;
	background: url(leftnav-icon3.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer3 .leftnav2{
	width: 100%;
	position: absolute;
	bottom: 10%;
	left: 4.125%;
}
#sideMenuContainer3 .leftnav2 a{
	width: 33.33%;
	float: left;
	color: #fff;
	font-size: 1rem;
}
#sideMenuContainer3 .leftnav2 a i{
	float: left;
	margin: 0 .5rem 0 0;
}
#sideMenuContainer3 .leftnav2 a .leftnav-icon4{
	width: 1rem;
	height: 1rem;
	background: url(leftnav-icon4.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer3 .leftnav2 a .leftnav-icon5{
	width: 1rem;
	height: 1rem;
	background: url(leftnav-icon5.png) center no-repeat;
	background-size: 100% 100%;
}
#sideMenuContainer3 .leftnav2 a .leftnav-icon6{
	width: 1.2rem;
	height: 1rem;
	background: url(leftnav-icon6.png) center no-repeat;
	background-size: 100% 100%;
}
/*logo*/
.logo{
	width: 35.07%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
/*search*/
.search{
	width: 4.27%;
	position: absolute;
	top: 50%;
	right: 2%;
	-webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}


/*nav*/
.navmain{
	width: 100%;
	height: 2.94rem;
	background: #2e4f8f;
}
.navmain a{
	width: 16.66%;
	height: 2.94rem;
	line-height: 2.94rem;
	color: #d4dff2;
	float: left;
	text-align: center;
	font-size: 1.09rem;
}


/*news1*/
.news1{
	width: 96.8%;
	background: #fff;
	margin: .33rem auto;
	padding: .5rem 0;
}
.news1 h3 a{
	width: 88%;
	height: 1.4rem;
	line-height: 1.4rem;
	padding: 0 6%;
	font-size: .9rem;
	text-align: center;
	color: #334685;
	display: block;
}
.news1 ul{
	width: 88%;
	padding: 0 6%;
	display: block;
}
.news1 ul a{
	width: 50%;
	height: .8rem;
	line-height: .8rem;
	font-size: .64rem;
	text-align: center;
	float: left;
}

/*焦点图*/
.swipe{ 
    width: 96.8%;
	height: 11.67rem;
	background: #fff;  
}
.piclist{  
	display: block; 
	-webkit-transition: left 600ms ease-out;
	-ms-transition: left 600ms ease-out;
    transform: left 600ms ease-out;
}
.piclist li{ 
    width: 100%;
	height: 11.67rem;
	overflow: hidden;  
	position: relative; 
	float: left; 
}
.piclist li a{
	color: #fff;
	display: block;
}
.piclist li a span{
	width: 80%;
    height: 1.2rem; 
	line-height: 1.2rem;
	padding-left: 3%;
	padding-right: 20%;  
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis;
	position: absolute; 
	z-index: 1; 
	background: #1b487b; 
	left: 0; 
	bottom: 0; 
	opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-opacity:0.7;	
	-webkit-opacity: 0.7;
	font-size: .73rem;
}
.page-jdt{ 
    width: 17%; 
	height: .33rem;
    text-align: center; 
	position: absolute; 
	bottom: .435rem; 
	right: 0;   
	z-index: 1; 
}
.page-jdt a{ 
    background: #dbdbdc; 
	border-radius: 50%; 
	width: .33rem; 
    height: .33rem;  
	cursor: pointer; 
	float: left;
	margin-left: .33rem;
}
.page-jdt a.active{ 
    width: .83rem;
	border-radius: 1.67rem;
}

/*list1*/
.list1{
	width: 96.8%;
	background: #fff;
	position: relative;
}
/*切换1*/
#hear1{
	width: 100%;
	height: 1.33rem;
	line-height: 1.26rem;
	position: absolute;
	top: .8rem;
	left: 0;
	z-index: 1;
}
#hear1 li{
	height: 1.26rem;
	text-align: center;
	border-bottom: .07rem solid #f1f1f1;
}
#hear1 li:nth-of-type(1){
	width: 25%;
	float: left;
}
#hear1 li:nth-of-type(2){
	width: 25%;
	float: left;
}
#hear1 li:nth-of-type(3){
	width: 25%;
	float: left;
}
#hear1 li:nth-of-type(4){
	width: 25%;
	float: left;
}
#hear1 .action{
	border-bottom: .07rem solid #2e4f8f;
}
#hear1 li a{
	font-size: .9rem;
}

#contentop1{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 2.13rem;
}
#contentop1 .contentop-main1{ 
    width: 100%; 
	height: auto;
	overflow: hidden;
	display: none;
}
#contentop1 .contentop-main1 a{
	width: 100%;
	height: 5.66rem;
	float: left;
	border-bottom: .07rem solid #f1f1f1;
	display:flex;
}
#contentop1 .contentop-main1 a img{
	width: 23.42%;
	height: auto;
	float: left;
	padding: .665rem .1rem .665rem .5rem;
}
#contentop1 .contentop-main1 a div{
    width: 64.73%;
    float: left;
    padding-right: .8rem;
    align-self:center;
}
#contentop1 .contentop-main1 a div h3{
	font-size: 1.09rem;
	line-height: 1.2;
}
#contentop1 .contentop-main1 a div span{
	font-size: .72rem;
	line-height: 1.2;
	color: #ababab;
}
#contentop1 .action{ 
    display: block;
}

/*list2*/
.list2{
	width: 100%;
	margin: .33rem auto;
}
.list2 h2{
    width: 96.8%;
    height: 2.67rem;
    line-height: 2.67rem;
    background: #2e4f8f;
    padding: 0 1.6%;
    position: relative;
}
.list2 h2 span{
    color: #fff;
    font-size: 1.09rem;
}
.list2 h2 a{ 
    width: .6rem;
    position: absolute;
    top: 50%;
    right: 1.6%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.list2 ul a{
    width: 96.8%;
    height: 5.5rem;
    border-bottom: .33rem solid #f1f1f1;
    display: block; 
    background: #fff;
    position: relative;
}
.list2 ul a h3{
    width: 91.74%;
    font-size: 1.09rem;
	line-height: 1.2;
	position: absolute;
	top: 1rem;
	padding: 0 4.13%;
}
.list2 ul a span{
    width: 91.74%;
    font-size: .72rem;
	line-height: 1.5;
	color: #ababab;
	padding: 0 4.13%;
	display: block;
	position: absolute;
	bottom: .4rem;
}
.list2 ul a span i{
    width: .7rem;
    height: .7rem;
    background: url(time-icon.png) center no-repeat; 
    background-size: 100% 100%;
    margin: .16rem .6rem .16rem 0;
}

/*list3*/
.list3{
	width: 100%;
	margin: .33rem auto;
}
.list3 h2{
    width: 96.8%;
    height: 2.67rem;
    line-height: 2.67rem;
    background: #2e4f8f;
    padding: 0 1.6%;
    position: relative;
}
.list3 h2 span{
    color: #fff;
    font-size: 1.09rem;
}
.list3 h2 a{ 
    width: .6rem;
    position: absolute;
    top: 50%;
    right: 1.6%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.list3 div img{
    width: 96.8%;
    height: auto;
    margin-top: .33rem;
}
.list3 ul a{
    width: 96.8%;
    height: 5.5rem;
    border-bottom: .33rem solid #f1f1f1;
    display: block; 
    background: #fff;
    position: relative;
}
.list3 ul a h3{
    width: 91.74%;
    font-size: .96rem;
	line-height: 1.2;
	padding: 0 4.13%;
	position: absolute;
	top: 1rem;
}
.list3 ul a span{
    width: 91.74%;
    font-size: .72rem;
	line-height: 1.5;
	color: #ababab;
	padding: 0 4.13%;
	display: block;
	position: absolute;
	bottom: .4rem;
}
.list3 ul a span i{
    width: .7rem;
    height: .7rem;
    background: url(time-icon.png) center no-repeat; 
    background-size: 100% 100%;
    margin: .16rem .6rem .16rem 0;
}

/*list4*/
.list4{
	width: 100%;
	margin: .33rem auto;
}
.list4 h2{
    width: 96.8%;
    height: 2.67rem;
    line-height: 2.67rem;
    background: #2e4f8f;
    padding: 0 1.6%;
    position: relative;
}
.list4 h2 span{
    color: #fff;
    font-size: 1.09rem;
}
.list4 h2 a{ 
    width: .6rem;
    position: absolute;
    top: 50%;
    right: 1.6%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.list4 .gzhd{
    width: 96.8%;
    height: 3.5rem;
    background: #fff;
    padding: 1rem 0;
}
.list4 .gzhd p{
    width: 100%;
    height: 50%;
    text-align: center;
}
.list4 .gzhd p:before{
    content:'';
    display: inline-block;
    height: 100%;
    vertical-align:middle;
}
.list4 .gzhd p span{
    font-size: .9rem;
}
.list4 .gzhd p .wbk{
    width: 5rem;
    height: .8rem;
    line-height: .8rem;
    border: .03rem solid #eee;
    padding: 0 .5rem;
}
.list4 .gzhd p .an{
    width: 3.07rem;
    height: .8rem;
    line-height: .8rem;
    background: #ececec;
    font-size: .64rem;
    color: #2e4f8f;
}

/*xxxz*/
.xxxz{
	width: 96.8%;
	height: 5.47rem;
	background: #fff;
	margin: .33rem auto;
}
.xxxz h3{
    width: 91.74%;
	font-size: 1.09rem;
	line-height: 1.2;
	margin: 1rem 0 .6rem 0;
	padding: 0 4.13%;
}
.xxxz span{
    width: 91.74%;
	font-size: .72rem;
	line-height: 1.5;
    padding: 0 4.13%;
    display: block;
}


.header-main1{
    background: #fff;
}
.ld{
    width: 96.8%;
}
.ld h3{
    width: 99%;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: .9rem;
    color: #2e4f8f;
    border-left: .33rem solid #2e4f8f;
    padding-left: 1%;
    margin: .7rem auto;
}
.ld a p{
    width: 91.74%;
    line-height: 1.5;
    padding: 1rem 4.13% 1rem 4.13%;
    background: #fff;
    font-size: 1.09rem;
    color: #050000;
}

/*zw*/
.zw-an{
    width: 100%;
	background: #f1f1f1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding-top: 50%;
	margin-bottom: 3.27rem;
}
.zw1 a{
    width: 83.87%;
    height: 4.6rem;
    line-height: 4.6rem;
    background: url(zw-back1.png) center no-repeat;
    background-size: 100% 100%;
    font-size: 1.2rem;
    text-align: center;
    padding-left: 10%;
    display: block;
    color: #fff;
}
.zw2 a{
    width: 83.87%;
    height: 4.6rem;
    line-height: 4.6rem;
    background: url(zw-back2.png) center no-repeat;
    background-size: 100% 100%;
    font-size: 1.2rem;
    text-align: center;
    padding-left: 10%;
    display: block;
    margin-top: 10%;
}