/*ÄÚÒ³(s)*/


.page_nav_box{ width: 100%;border-top: 1px solid #e2e2e2;}
.page_nav_fixed{ position: fixed; top: 100px; left: 0; z-index: 4;}
.page_nav_yes{ display: none;}
.page_nav_none{ display: block;}
.page_nav{ border-bottom: 1px solid #e6e6e6; background-color: #fff; text-align: center;}
.page_nav li{ display: inline-block; padding: 0 35px; cursor: pointer;}
.page_nav li a{ line-height: 97px; padding: 0 0 3px 30px; font-size: 17px; display: block; position: relative;}
.page_nav li a i{ width: 22px; height: 22px; display: block; position: absolute; top: 37px; left: 0;}
.page_nav li a:hover,.page_nav li.active a{ color: #018FD7; text-decoration: none;}
.page_nav li a:hover i,.page_nav li.active a i{ background-position: -22px 0;}
.page_nav li a:after{ content: ''; width: 0; height: 4px; display: inline-block; background-color: #018FD7; position: absolute; bottom: 0; left: 50%; transition: 0.3s ease-in-out;}
.page_nav li a:hover:after,.page_nav li.active a:after{ width: 100%; left: 0;}

.page_navbar{ display: none;}

.pages{width:100%; padding:28px 0px 110px 0px; text-align:center; font-size: 0;}
.pages span,.pages a{ padding:8px 14px; margin:0 2px; background-color: #fff; border: 1px solid #e6e6e6; display: inline-block; font-size: 16px;}
.pages a:hover,.pages .current{ background:#018FD7; color:#fff; text-decoration:none;}


@media screen and (max-width:1520px) and (min-width:1200px){
	.page_nav{ padding: 0 40px;}
	.page_nav li{ padding: 0 26px;}
	.page_nav li a{ line-height: 84px;}
	.page_nav li a i{ top: 31px;}
	
	.page_banner .text h1{ font-size: 34px;}
	.page_banner .text p{ margin: 24px 0 36px 0;}
	
	.pages{ padding: 30px 0 80px 0;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.page_nav{ padding: 0 20px;}
	.page_nav li{ padding: 0 14px;}
	.page_nav li a{ line-height: 84px;}
	.page_nav li a i{ top: 31px;}
	
	.page_banner .text{ margin-top: -55px;}
	.page_banner .text h1{ font-size: 30px;}
	.page_banner .text p{ margin: 15px 0 25px 0;}
	.page_banner .text img{ width: 18px;}
	
	.pages{ padding: 50px 0 80px 0;}
	
}
@media screen and (max-width:969px){
	.page_nav_box{position: relative;}
	.page_navbar{ display: block;}
	.page_navbar_left{ width: 41px; height: 41px; background-color: #00468e; position: relative; float: left;}
	.page_navbar_left i{ width: 18px; height: 18px; display: block; background: url(../image/home.png) no-repeat; background-size: 100%; position: absolute; top: 11px; left: 11px;}
	.page_navbar_right{ margin-left: 41px; height: 40px; line-height: 40px; padding-left: 15px; background-color: #fff; border-bottom: 1px solid #d4d4d4; position: relative;}
	.page_navbar_right i{ width: 8px; height: 8px; display: block; background: url(../image/page_nav_arrow.png) no-repeat; background-size: 16px 8px; position: absolute; top: 16px; right: 16px;}
	.page_navbar_right i.active{ background-position: -8px 0;}
	
	.page_nav{ width: 100%; display: none; padding: 10px 0; position: absolute; top: 41px; z-index: 99;}
	.page_nav li{ width: 100%; padding: 0; text-align: left; padding-left: 15px; border-bottom: 1px solid #e8e8e8;}
	.page_nav li:last-child{ border-bottom: 0;}
	.page_nav li a{ line-height: 40px; padding: 0;font-size: 15px;}
	.page_nav li a i{ display: none;}
	.page_nav li a:hover:after, .page_nav li.active a:after{ display: none;}
	
	.pages{ padding: 50px 0 80px 0;}
}
@media screen and (max-width:639px){
	.page_banner .text{ display: none;}
	.pages{ padding: 20px 0 40px 0;}
}


/*ÄÚÒ³(e)*/