@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b { font-weight: normal; }
em,i { font-style: normal; }

.AppTop{ display: none;}
.herder{ overflow:hidden ; position: relative; width: 100%; height: 143.38px; background-size:100% 100% ; background: url(../images/head.png); background-size:100% 100%;}
.herder .logo{ height: 143.38px; line-height: 143.38px; width: 3.75rem; position: absolute; left: 1.05rem; background: url(../images/logo.png) left center no-repeat; background-size:3rem auto;}

.herder .pic{ position: absolute; right: 1.05rem; top: 50%; transform: translateY(-50%);  width: 3.9rem;}
.herder .pic img{ display: block; width: 100%; height: auto;}

.herder .serach{ width: 5.6rem; height: .6rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.herder .serach button{ display: block; width: 1.1rem; height: .6rem; float: right; background: #108fda; color: #fff; font-size: .22rem; border: none; color: #fff; line-height: .6rem; cursor: pointer;}

.herder .serach input{  float: left; width: calc(100% - 1.1rem); float: left; height: .6rem; border: 1px solid #e5e5e5; box-sizing: border-box; padding-left: 60px; background: url(../images/index_03.png) 17px center no-repeat #fff;}

.nav{ width: 100%; height: .7rem; background: #108fda; padding: 0 1.05rem; box-sizing: border-box;}
.nav ul{ float: left; overflow: hidden;}
.nav ul li{ float: left; height: .7rem; line-height: .7rem;}
.nav ul li a{ padding: 0 .7rem; display:  block; font-size: .24rem; color: #fff;}
.nav ul li.on a{ background: #0d73af;}
.nav ul li:hover a{ background: #0d73af;}
 

.indexContainer{ width: 100%; padding: 0 1.05rem .45rem 1.05rem; box-sizing: border-box; background: #f1f1f1;}
.navGation{ width: 100%; line-height: .6rem;}
.navGation ul{ overflow: hidden;}
.navGation ul li{ float: left; line-height: .6rem; font-size: .16rem;}
.navGation ul li a{ color: #c2c2c2;}
.indexContainer .layer1{ width: 100%; background: #fff; padding: 0 .3rem .2rem .3rem; box-sizing: border-box;}
.indexContainer .tit{  width: 100%; height: .72rem; border-bottom: .01rem solid #eee;}
.indexContainer .tit span{ display: inline-block; height: .72rem; line-height: .72rem; font-size: .26rem; color: #333; padding: 0 .1rem; border-bottom: .03rem solid #108fda;}
.indexContainer .layer1 ul{ overflow: hidden; padding: .2rem 0 0 0 ; box-sizing: border-box;}
.indexContainer .layer1 ul li{ float: left; margin-right: .07rem; margin-bottom: 10px;}
.indexContainer .layer1 ul li a{ display: block; border: .01rem solid #eee; text-align: center; line-height: .46rem; font-size: .18rem; box-sizing: border-box; width: 1.25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.indexContainer .layer2{ width: 100%; overflow: hidden; padding-top: .3rem;}
.indexContainer .layer2 .layer2Left{ float: left; width: 12rem; background: #fff;}
.indexContainer .layer2 .layer2Left .bt{ height: .78rem; border-bottom: .02rem solid #eee; text-indent: .15rem; font-size: .26rem; color: #666; line-height: .78rem;}

.indexContainer .layer2 .layer2Left .main{ width: 100%; padding: .6rem .3rem 0 .3rem; box-sizing: border-box;}
.indexContainer .layer2 .layer2Left .main img{ display: flex;justify-content: center;align-items: center;!important;}
.indexContainer .layer2 .layer2Left .main p{ font-size: .18rem; line-height: .52rem; color: #333;}

.indexContainer .layer2 .layer2Left .main h2{ line-height: .9rem; font-size: .24rem; color: #000;}
.indexContainer .layer2 .layer2Left .main .page{ width: 100%; border-top:.01rem dashed #e6e6e6; height: 1.25rem;}
.indexContainer .layer2 .layer2Left .main .page .tips{ width: 3rem; float: left; line-height: 1.25rem; font-size: .16rem; color: #b3b3b3;}
.indexContainer .layer2 .layer2Left .main .page .tips span{  border-right:.01rem solid #999999 ;font-size: .26rem; line-height: .26rem; color: #f8b500; vertical-align: middle; display: inline-block; height: .26rem; padding-right: .1rem; margin-right: .1rem;}
.indexContainer .layer2 .layer2Left .main .page ul{ width: calc(100% - 3rem); float: left;}
.indexContainer .layer2 .layer2Left .main .page li{ width: 50%; float: left; line-height: 1.25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.indexContainer .layer2 .layer2Left .main .page li a{ font-size: .2rem; color: #818797;}


.indexContainer .layer2 .layer2Right{ width: 4.7rem; float: right; }
.indexContainer .layer2 .layer2Right .nr{ width: 100%; padding: .2rem .5rem; margin-bottom: .3rem; box-sizing: border-box; background: #fff;}
.indexContainer .layer2 .layer2Right .nr .tit{ height: .6rem; border-bottom: .01rem solid #eee; text-align: center;}
.indexContainer .layer2 .layer2Right .nr .tit span{ display: inline-block; border-bottom: .03rem solid #108fda; height: .57rem; line-height: .57rem; font-size: .26rem; font-weight: bold; color: #333;}
.indexContainer .layer2 .layer2Right .nr ul{ width: 100%;}
.indexContainer .layer2 .layer2Right .nr ul li{ height: .64rem;  padding-left: .2rem; width: 100%; box-sizing: border-box; border-bottom: .01rem dashed #dddddd; line-height: .64rem; background: url(../images/index_07.png) left center no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.indexContainer .layer2 .layer2Right .nr ul li a{ font-size: .18rem; color: #000;}
.indexContainer .layer2 .layer2Right .code{ width: 100%; height: 2.2rem; border: .01rem solid #f7b500; box-sizing: border-box; padding: .3rem .25rem; box-sizing: border-box; background: #fff;}
.indexContainer .layer2 .layer2Right .code .icon{ width: 1.56rem; height: 1.56rem; float: left;}
.indexContainer .layer2 .layer2Right .code .icon2{ width: 4.2rem; height: 1.56rem; float: left;}
.indexContainer .layer2 .layer2Right .code .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer2 .layer2Right .code .icon2 img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer2 .layer2Right .code .text{ float: left; width: calc(100% - 1.56rem); padding-left: .15rem; box-sizing: border-box;}
.indexContainer .layer2 .layer2Right .code .text h2{ height: 1rem; line-height: 1rem; text-align: center; font-size: .32rem; color: #8a6d3b; color: #999; color: #917d61;}
.indexContainer .layer2 .layer2Right .code .text p{ font-size: .18rem; text-align: center; color: #999; line-height: .52rem; color: #333;}

.footer{ width: 100%; padding: .5rem 0; background: #323232;}
.footer p{ text-align: center; line-height: .4rem; font-size: .16rem; color: #424141;}

.pageContainer{ background: #f0f2f5; width: 100%; padding:.5rem 1.2rem; box-sizing: border-box;}

.pageContainer .layer1{ width: 100%; padding: .2rem .6rem; box-sizing: border-box; background: #fff;}
.pageContainer .layer1 .hd{ position: relative; width: 100%; height: .65rem; background: #eee; border-radius:.08rem;}
.pageContainer .layer1 .hd ul{ text-align: center; width: 7.4rem;   float: left; position: absolute; top: 50%; left: 50%;    transform: translate(-50%,-50%);}

.pageContainer .layer1 .hd ul li{     float: left; display: inline-block; height: .65rem; line-height: .65rem; color: #333333; font-size: .24rem;}
.pageContainer .layer1 .hd ul li span{line-height: .42rem; cursor: pointer; transform: translateY(-.05rem); display: inline-block; vertical-align: middle; height: .42rem; border-radius:.21rem; padding: 0 .17rem; color: #333; font-size: .27rem; margin: 0 .1rem;}
.pageContainer .layer1 .hd ul li.on span{ background: #f5b91a; color: #fff;}
.pageContainer .layer1 .bd{ width: 100%;padding-top: .3rem;}
.pageContainer .layer1 .bd .nr{ width: 100%; overflow: hidden; }
.pageContainer .layer1 .bd .nr .bt{ box-sizing: border-box; border-right:.01rem solid #d9e0e9; width: 1.15rem; float: left; height: .24rem; line-height: .24rem; text-align: center; font-size: .24rem; color: #0053a5;}
.pageContainer .layer1 .bd .nr .bt span{ display: none;}
.pageContainer .layer1 .bd .nr ul{ float: left; width: calc(100% - 1.15rem); overflow: hidden;}
.pageContainer .layer1 .bd .nr ul li{margin-bottom: .25rem; float: left; width: 20%; text-align: center; line-height: .24rem; text-align: center;}
.pageContainer .layer1 .bd .nr ul li a{ display: block; font-size: .24rem; color: #333;}
.pageContainer .layer2{ box-sizing: border-box; margin-top: .4rem; width: 100%; padding: 0 .6rem .45rem .6rem; background: #fff;}
.pageContainer .layer2 .tit{ font-weight: bold; height: .8rem; line-height: .8rem; font-size: .24rem; color: #333;}
.pageContainer .layer2 ul{ width:100%; height: 3.4rem;}
.pageContainer .layer2 ul li{ width: 23.5%; margin-right: 2%; float: left; height: 3.4rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff;}
.pageContainer .layer2 ul li:last-child{ margin-right: 0;}
.pageContainer .layer2 ul li .icon{ width: 100%; height: 2.3rem; padding: .32rem 0 0 0; box-sizing: border-box; position: relative;}
.pageContainer .layer2 ul li .icon img{ display: block; margin: 0 auto; width: auto; height: 1.66rem;}
.pageContainer .layer2 ul li .text{ width: 100%;}
.pageContainer .layer2 ul li .text h2{ text-align: center; height: .65rem; line-height: .65rem; font-size:.24rem; color: #333;}
.pageContainer .layer2 ul li .text p{ color: #5291ef; text-align: center; font-size: .2rem;}

.pageList{ width: 100%;box-sizing: border-box;}
.pageList .navGation{ background: #f1f2f6; width: 100%; padding: 0 1rem; box-sizing: border-box;}
.pageList .list1{ padding: .1rem 1rem 0 1rem; width: 100%; box-sizing: border-box;}
.pageList .list1 .listBox{ border: .01rem solid #e5e5e5; border-radius:.2rem;}
.pageList .list1 .listBox h2{ color: #333; text-align: center; line-height: .9rem; font-size: .26rem;}
.pageList .list1 .listBox ul{ overflow: hidden; width: 100%; padding: 0 .5rem; box-sizing: border-box;}
.pageList .list1 .listBox ul li{ margin-bottom: .15rem; width: 10%; float: left;}
.pageList .list1 .listBox ul li a{ border: .01rem solid #e9e9e9; display: block; margin: 0 auto; width: 1.15rem; height: .48rem; text-align: center; line-height: .46rem; font-size: .23rem; color: #28437a; border-radius:.04rem; box-sizing: border-box; margin: 0 auto;}
.pageList .list2{ width: 100%; padding: 0 1rem; box-sizing: border-box;}

.pageList .list2 .listBox{  overflow: hidden; border-radius:.1rem ; width: 100%; border: .01rem solid #e8e8e8; margin-top: .2rem;}
.pageList .list2 .page-listBox{
	height: 50px;  position: relative; text-align: center;
}
 
.pageList .list2 .listBox .bt{ text-align: center; width: 1.9rem; float: left; height: .74rem; line-height: .74rem; font-size: .24rem; color: #f02328;}
.pageList .list2 .listBox .bt span{ display: none;}
.pageList .list2 .listBox ul.page-ul{ position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);    
overflow: hidden;}
.pageList .list2 .listBox ul li{ margin-right: .35rem; line-height: .44rem; float: left;}
.pageList .list2 .listBox ul li a{ display: block; font-size: .24rem; color: #333;}
.pageList .list3{ width: 100%; padding: 0 1rem; box-sizing: border-box;}
.pageList .list3 .listBox{border: .01rem solid #e5e5e5; border-radius:.2rem; padding:.4rem .5rem; box-sizing: border-box; font-size: .22rem; margin-top: .2rem;}
.pageList .list3 .listBox .bt{ font-size: .22rem; color: #0b0b0b;}
.pageList .list3 .listBox .nr{ width: 100%; overflow: hidden; padding-top: .3rem;}
.pageList .list3 .listBox .nr ul{ width: 30%; margin-right: 2%; float:left;}
.pageList .list3 .listBox .nr ul:last-child{ margin-right: 0;}
.pageList .list3 .listBox .nr ul li{ font-size: .18rem; margin-bottom: .25rem;}
.pageList .list3 .listBox .nr ul li a{ font-size: .18rem; color: #333; display: inline-block;  }
.pageList .list2 .listBox ul li a{
	padding: 0 10px;
}
.pageList .list2 .listBox ul li{
	margin: 0 5px;
}
.pageList .list2 .listBox ul li.active a,
.pageList .list2 .listBox ul li:hover a{
background: #108fda;
color: #fff;
}

.pageList .list4{ margin-top: .6rem; padding: 0 1rem .4rem 1rem; box-sizing: border-box;  width: 100%;  background: #f6f6f6;}
.pageList .list4 h2{ line-height: .75rem; font-size: .22rem; color: #333;}
.pageList .list4 ul{ overflow: hidden;}
.pageList .list4 ul li{ float: left; /*height: .18rem;*/ padding: 0 .18rem; border-right:.02rem solid #ccc;  font-size: .18rem; color:#333}
.pageList .list4 ul li a{ font-size: .18rem; color: #333;}
.pageList .list4 ul li:first-child{ padding-left: 0;}

.AppTop{ display: none;}
.SideBar{ display: none;}
.pageContainer .layer1 .bd .nr .bt .span2{
	display: none;
}
.pageContainer .layer1 .bd .nr.active .bt  .span1{
	display: none;
}
.pageContainer .layer1 .bd .nr.active .span2{
	display: block;
}
.pageContainer .layer1 .bd .nr.active ul{
	display: block;
}
.navGation ul a,
.navGation ul{
	font-size: 0.18rem;
}


@media (max-width:750px) {
	.SideBar{ transition: 0.5s; display: block; z-index: 99; position: fixed; width: 70%; left:-100%; top: 0; height: 100vh; background: #108fda;}
	.SideBar .logo{ padding: 30px 0; width: 100%;}
	.SideBar .logo img{ margin: 0 auto; display: block; width: 50%; height: auto;}
	.SideBar .Sidenav{ width: 70%; display: block; margin:0 auto;}
	.SideBar .Sidenav ul{ width: 100%;}
	.SideBar .Sidenav ul li{ line-height: 40px; width: 100%;}
	.SideBar .Sidenav ul li a{ font-size: 16px; color: #fff;}
	body{ padding-top: 50px;}
	.AppTop{ width: 100%; display: block; height: 50px; position: fixed; left: 0; top: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 98;}
	.AppTop .logo{ padding-left: 15px; height: 50px; line-height: 50px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 50%; width: auto;}
	.AppTop .sideClick{ width: 24px; height: 20px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: 0.5s;}
	.AppTop .sideClick span{border-radius:2px ; display: block; position: absolute; width: 100%; height: .04rem; background: #000; left: 0; transition: 0.5s;}
	.AppTop .sideClick span:nth-child(1){ top: 0;}
	.AppTop .sideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .sideClick span:nth-child(3){ bottom: 0;}
	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
	.AppTop .sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.herder{ display: none;}
	.nav{ display: none;}
	.indexContainer{ width: 100%; padding: 0 3%; box-sizing: border-box;}
	.indexContainer .layer1 ul li{ width: 32%; margin-right: 2%; margin-bottom: 10px;}
	.indexContainer .layer1 ul li:nth-child(3n){ margin-right: 0;}
	.indexContainer .layer2 .layer2Left{ width: 100%;}
	.indexContainer .layer2 .layer2Left .main .page .tips{ width: 100%;}
	.indexContainer .layer2 .layer2Left .main .page ul{ width: 100%;}
	.indexContainer .layer2 .layer2Right{ width: 100%; margin-top: 15px; padding-bottom: 15px;}
	.indexContainer .layer2 .layer2Right .nr{ width: 100%;}
	
	.pageContainer{ width: 100%; padding: 0 3%; box-sizing: border-box;}
	.pageContainer .layer1{ width: 100%; padding: 0 10px; box-sizing: border-box;}
	.pageContainer .layer1 .bd{ padding: 0;}
	.pageContainer .layer1 .bd .nr .bt{ width: 100%; height: 60px; border: 0; border-bottom:1px solid #d9e0e9; line-height: 60px; text-align: left; padding: 0 10px; box-sizing: border-box;}
	.pageContainer .layer1 .bd .nr ul{ width: 100%; padding: 15px 0; display: none;}
	.pageContainer .layer1 .bd .nr ul li{ margin: 0; line-height: 50px;}
	.pageContainer .layer1 .hd ul li span{ font-size: 12px; margin: 0;}
	.pageContainer .layer1 .bd .nr .bt span{ float: right; display: inline-block; line-height: 60px; font-size: 16px;}
	.pageContainer .layer2 ul{ height: auto;}
	.pageContainer .layer2 ul li{ width: 100%; float: initial; margin-bottom: 20px;}
	
	
	
	.pageList .navGation{ width: 100%; padding: 0 3%;}
	.pageList .list1{ width: 100%; padding:20px 3%;}
	.pageList .list1 .listBox ul li{ width: 25%;}
	.pageList .list1 .listBox ul{ padding:0 15px; box-sizing: border-box;}
	.pageList .list2{ padding: 0 3%;}
	.pageList .list2 .listBox .bt{ width: 100%; text-align: left; padding: 0 3%; box-sizing: border-box;}
	.pageList .list2 .listBox .bt span{ float: right; display: block;}
	.pageList .list2 .listBox ul{ width: 100%; padding: .15rem 3%; box-sizing: border-box; display: none;}
	.pageList .list3{ width: 100%; padding: 0 3%; box-sizing: border-box;}
	.pageList .list3 .listBox{ width: 100%; padding: 0 10px; box-sizing: border-box;}
	.pageList .list3 .listBox .bt{ width: 100%; line-height: 60px; text-align: center;}
	.pageList .list3 .listBox ul{ width: 100%; margin-bottom: 10px;}
	.pageList .list3 .listBox .nr{ padding: 0;}
	.pageList .list3 .listBox .nr ul{ width: 100%; margin-bottom: 10px;}
	.pageList .list3 .listBox .nr ul li{ margin-bottom: 15px;}
	.pageList .list3 .listBox .nr ul li a{ font-size: 16px;}
	.pageList .list4{ padding: 0 3% .4rem 3%;}

	.pageContainer .layer1 .hd ul{
		width: 4.4rem;
	}
	.pageContainer .layer1 .hd ul li span{
		padding: 0 0.1rem;


	}
}