@charset "utf-8";
/*CSS Document*/
/*==============================================================================================*/
/*common
/*==============================================================================================*/
body {
	font-family: "Arial, Helvetica, sans-serif";
	font-size: 14px;
	line-height: 1.7;
	margin: 0px;
	padding: 0px;
	color: #333;
	background-color: #fff;
}
h1,h2,h3,h4,h5,h6 { margin: 0px; }
h4,h5,h6 {font-weight: normal; }
ul,li,dd,dl,dt,ol {list-style: none;padding: 0px;margin: 0px; }

em,i {font-style: normal;}
hr{ color: #eee;background: #eee; }
a{ color: #333333;text-decoration: none; }

a:hover,a:focus,.hov a,
.navusb li a:hover {color: #00a3ff;text-decoration: none !important;
}

p {padding: 0px;margin: 0px;}
img {max-width: 100%; }
input {outline: none;border: 0; }
input:focus {outline: none; }
button,input,optgroup,option,select,textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	outline: 0;
}

@media (max-width:992px) {.container {	padding: 0 15px;} }
.fixed{ position: fixed !important;}
.clearfix{ clear:both;}
/*==============================================================================================*/
/*bootstrap ext
/*==============================================================================================*/
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding: 0;
}
/*==============================================================================================*/
/*ellipsis
/*==============================================================================================*/
.ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ellipsis-1 {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: inherit !important;
	color: #666;
}
.ellipsis-2 {-webkit-line-clamp: 2;}
.ellipsis-3 {-webkit-line-clamp: 3;}
.ellipsis-4 {-webkit-line-clamp: 4;}
.ellipsis-5 {-webkit-line-clamp: 5;}
.ellipsis-6 {-webkit-line-clamp: 6;}
.ellipsis-7 {-webkit-line-clamp: 7;}
.ellipsis-8 {-webkit-line-clamp: 8;}

/*==============================================================================================*/
/*container
/*==============================================================================================*/
.container {
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}
.container-fluid,.banner-container {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

@media (max-width:780px) {
	.container-pad { padding: 50px 0;}
}
.content_box {
	width: 100%;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}
@media (max-width:992px) {
	.container,.content_box {padding: 0 15px !important;}
}

/*==============================================================================================*/
/*page pagination
/*==============================================================================================*/
.pagination {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	clear: both;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #00a3ff;
	border-color: #00a3ff;
}
.pagination>li>a,
.pagination>li>span {
	color: #333;
}
@media (max-width:992px) {
	.pagination{ margin-top: 0.4rem; }
}
.next-map p {
	position: relative;
	margin-top: 4px;
}
.next-map p:last-child {
	position: relative;
}
.next-map p span {
	display: inline-block;
	float: left;
}
.next-map p .ellipsis-1 {
	display: inline-block;
}

h1 {font-size: 42px;}
h2 {font-size: 36px;}
h3 {font-size: 30px;}

@media (max-width: 1440px){
	h1 {font-size: 36px;}
	h2 {font-size: 30px;}
	h3 {font-size: 24px;}
}

@media (max-width: 1024px){
	h1 {font-size: 30px;}
	h2 {font-size: 24px;}
	h3 {font-size: 18px;}
}

@media (max-width: 640px){
	h1 {font-size: 24px;}
	h2 {font-size: 18px;}
	h3 {font-size: 14px;}
}

.more {
    text-align: center;
    display: block;
    margin: 0.3rem auto 0;
}
.more .btn {
    /*height: 0.42rem;*/
    /*width: 1.42rem;*/
    /*line-height: 0.42rem;*/
    background: #00a3ff;
    color: #fff;
    border-radius: 0 !important;
}

button:focus {
    outline: 0 !important;
    border: none !important;
}

.more .btn:hover { color: #fff;  background: #0090ff; }
@media (max-width:992px) {
	.more{	
		width: 120px;	
		height: 35px; 
		line-height: 35px;
	}
}

.fr { float: right; }
.fl { float: left; }