/* Vivian HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header 
5. Main Slider
6. About Section
7. Video Section
8. Services Section
9. Pie Chart
10. Gallery Section
11. Testimonial Section
12. Fact Counter
13. Team Section
14. Skills Section
15. Subscribe Form
16. Price Section
17. Blog Section
18. Client Carousel
18. Map Section
19. Contact Section

**********************************************/

/*.h_fix {*/
	/*position: fixed !important;*/
	/*left: 0;*/
	/*top: 0;*/
	/*z-index: 99999;*/
	/*background: #FFF !important;*/
/*}*/
/*.h_fix .main-menu .navigation > li > a,.h_fix .main-menu .navigation > li > span{*/
	/*position:relative;*/
	/*display:block;*/
	/*padding:15px 0px;*/
	/*color:#242424;*/
	/*text-align:center;*/
	/*line-height:30px;*/
	/*cursor: pointer;*/
	/*text-transform:uppercase;*/
	/*letter-spacing:0px;*/
	/*font-weight:100;*/
	/*opacity:1;*/
	/*font-size:18px;*/
	/*transition:all 500ms ease;*/
	/*-moz-transition:all 500ms ease;*/
	/*-webkit-transition:all 500ms ease;*/
	/*-ms-transition:all 500ms ease;*/
	/*-o-transition:all 500ms ease;*/
/*}*/

/*.h_fix .main-menu .navigation > li:hover > a,*/
/*.h_fix .main-menu .navigation > li.current > a,*/
/*.h_fix .main-menu .navigation > li.current-menu-item > a{*/
	/*color:#d86161;*/
	/*opacity:1;*/
/*}*/
.agent-top{ font-size: 14px;
	text-align: center;
	color: #333333;
	line-height: 31px;
	max-width: 1200px;
	/*overflow: hidden;*/
	height: 31px;
	padding: 0 2%;
	margin: 0 auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*background: #00a8e7;*/
	/*border-bottom: 1px solid #cccccc;*/
}
/*.h_fix .agent-top{ font-size: 14px;*/
	/*text-align: center;*/
	/*color: #242424;*/
	/*line-height: 40px;*/
	/*width: 100%;*/
	/*padding: 0 2%;*/
/*}*/
/*.h_fix .main-box .logo-box{*/
	/*position:relative;*/
	/*float:left;*/
	/*width: 280px;*/
	/*height: 57px;*/
	/*background: url("../images/newimage/logo-02.png") left no-repeat;*/
	/*/!*top:-30px;*!/*/
	/*z-index:10;*/
/*}*/
a.agray{
	font-size: 16px;
	line-height: 28px;
	color: #c0c0c0;
	text-decoration: none;
}
a.agray:hover{
	color: #00a8e7;
}
a.ablack{
	font-size: 16px;
	line-height: 28px;
	color: #000;
	text-decoration: none;
}
a.ablackTitle{
	font-size: 18px;
	line-height: 20px;
	color: #000;
	font-weight: 700;
	text-decoration: none;
}
a.ablack:hover,a.ablackTitle:hover{
	color: #d86161;
}
.searchbox{
	width: 100%;
	height: 100px;
	position: absolute;
	top:200px;
	text-align: center;
	z-index: 99;
}
.school {
	height: 30px;
	line-height: 30px;
	margin-top: 7px;
	padding: 8px 40px 8px 10px;
	border-radius: 30px;
	/* width: 42%; */
	/*float: right;*/
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	background: url(../images/icons/icon-school.png) center right 10px no-repeat #b5ebf7;
	background-size: 25px;
	/*margin-bottom: 5px;*/
}
.searchbox.top-20{
	width: 100%;
	height: 100px;
	position: absolute;
	top:20px;
	text-align: center;
	z-index: 99;
}
.searchbox .searchinput{
	width: 50%;
	margin: 40px 25%;
	height: 80px;
	background: rgba(0,0,0,0.6);
	text-align: center;
	z-index: 99;
	border-radius: 100px;
	border: 5px solid rgba(255,255,255,0.6);
}
.searchinput .classlist{
	min-width: 15%;
	margin: 20px 0 0 10px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	float: left;
	font-size: 15px;
	color: #ffffff;
	font-weight: 100;
	border-right:1px solid rgba(255,255,255,.6);
}
.searchinput .classlist select{
	width: calc(100% - 5px);
	margin:  0 5px 0 0;
	height: 30px;
	line-height: 30px;
	text-align: left;
	float: left;
	font-size: 15px;
	color: #F7F7F7;
	font-weight: 100;
	background: none;
	border: none;
	/*border-right:1px solid rgba(255,255,255,.6);*/
}
.searchinput .classlist option{
	 background: none;
	 border: none;
	font-size: 14px !important;
	color: #333;
 }
.searchinput .coninput{
	width: 50%;
	margin: 20px 0 0 15px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	float: left;
	font-size: 22px;
	color: #ffffff;
	font-weight: 100;
	background: none !important;
}
.searchinput .btn-search{
	 width: 40px;
	 margin: 20px 0 0 0;
	 height: 30px;
	 line-height: 30px;
	 text-align: left;
	 float: right;
	 font-size: 22px;
	 color: #ffffff;
	 font-weight: 100;
	 background: none !important;
 }
.display-block{
	display: block ;
}
.bg-blue{
	background: #43d0f8;
}
.bg-red{
	background: #f86c69;
}
.bg-yellow{
	background: #9d9403;
}
.bg-darkblue{
	background: #5075b4;
}
.bg-gray{
	background: #f2f2f2;
}
.bg-grey{
	background: #ebebeb !important;
}
.border-radius-10{
	border-radius:10px ;
}
.about-block .btn-more{
	position: relative;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 10px;
	color:#ffffff;
}
.light-image{
	position:relative;
	display:block;
	text-align:center;
	left:0;
	top:0;
	font-size:50px;
	font-weight:400;
	padding-bottom: 30px;
	max-width:1200px;
	margin: 0 auto;
	height:100%;
	color:#008ffe;
	/*background-color: rgba(255,255,255,0.50);*/
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.image-title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:60px;
	text-align: left;
	padding: 12px 2% 5px 2%;
	background: rgba(0,0,0,0.5);
}
.image-title>.p1{
	height: 22px;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	margin: 0 ;
}
.image-title>.p2{
	width: 100%;
	height: 18px;
	font-size: 14px;
	color: #d4d4d4;
	line-height: 20px;
	text-align: center;
	border-radius: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.image-title>.p3{
	position: absolute;
	right: 2%;
	text-align: right;
	bottom: 0px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #d86161;
}
.image-title>.p3>span{
	font-size: 26px;
	font-weight:100;
}

.time-box{
	height: 20px;
	line-height: 20px;
	/*width: 80%;*/
	text-align: center;
	padding: 0 8px;
	border-radius: 20px;
	font-size: 12px;
	color: #666666;
	/*top:-15px;*/
	background: rgba(220,220,220,0.8);
}
.image-box-circle{
	position: relative;
	left:0;
	/*margin-left: -60px;*/
	border: 0px solid #dfdfdf;
	width: 100%;
	max-height: 160px;
	overflow: hidden;
	/*border-radius:5px;*/
	display: inline-block;
}
.image-box-circle img{
	width: 100%;
	height: auto;
	max-height: 160px;
	overflow: hidden;
}
.image-box-circle .img1{
	height: 120px;
	width: auto;
}

.image-box-circle .img2{
	width: 120px;
	height: auto;
}

.image-box-author{
	position: absolute;
	left: 50%;
	margin-left: -62.5px;
	border: 8px solid rgba(137,169,225,0.34);
	width: 125px;
	height: 125px;
	overflow: hidden;
	border-radius: 100%;
}

.news-block .inner-box .lower-box{
	position:relative;
	/*padding-top: 140px;*/
	text-align: left;
	width: 100%;
	top:0;
	overflow: hidden;
}
.border-bottom{
	border-bottom: 1px dotted #ccc;
}
.news-block .inner-box .lower-box2{
	position:relative;
	padding-top: 140px;
	text-align: center;
}
.news-block .inner-box .lower-box2 h2 a{
	position:relative;
	color: #fff;
	font-size: 24px;
	font-weight: 100;
	line-height: 35px;
	text-align: center;
	display: block;
}

.news-block .inner-box .lower-box2 .memo{
	color: #c0c0c0;
	font-size: 18px;
	font-weight: 100;
	text-align: center;
	margin: 10px 0;
	margin-top: 4px;
}
.btn-more-s,.btn-more-s a,.btn-more-s a:hover{
	position: position;
	left: 50%;
	/*margin-left: -60px;*/
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 10px;
	display: inline-block;
	color:#ffffff;
}
.bg-white{
	background: #ffffff;
}
.city-name-bg{
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	height:40px;
	text-align: center;
	padding: 0 2%;
	cursor: pointer;
	/*background: rgba(0,0,0,0.5);*/
}
.city-name-bg>.p1{
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	margin: 0 ;
	text-transform: uppercase;
}
.city-name{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height:40px;
	text-align: center;
	padding: 0 2%;
	background: rgba(0,0,0,0.5);
	/*opacity: 0;*/
}
.city-name>.p1{
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	margin: 0 ;
}
.color-red{
	color: #d86161 !important;
}
.color-blue{
	color: #00a8e7 !important;
}
.color-white,a.color-white{
	color: #f3f3f3;
}
.font-40{
	font-size: 40px;
}
.font-14{
	font-size: 14px;
}
.m-l-5{
	margin-left: 5px;
}
.m-r-5{
	margin-right: 5px;
}
.m-t-10{
	margin-top: 10px !important;
}
.m-t-15{
	margin-top: 15px !important;
}
.m-t-30{
	margin-top: 30px;
}
.main-slider2{
	position:relative;
	z-index:10;
	padding-top:100px;
}

.main-slider0{
	position:relative;
	z-index:10;
	/*padding-top:100px;*/
}
.main-slider3{
	position:relative;
	left: 50%;
	margin-left: -600px;
	z-index:10;
	padding-top:100px;
	max-width: 1200px;
	height: auto;
}
.tp-banner-container2 {
	height: auto !important;
	width: auto;
	background: url(../images/banner/banner_c.jpg) center no-repeat;
	min-height: 215px;
	position: relative;
	/*top:100px !important;*/
}
.tp-banner-container2 img{
	height:auto;
	min-height: 215px;
	width: auto;
}

.gallery-item .inner-box .image-box-list{
	position: relative;
	text-align: left;
	cursor: pointer;
}
.gallery-item .inner-box .image-box-list:hover{
	 background: #ffffff;
 }
.gallery-item .inner-box .image-box-list img{
	 position: relative;
	width: 30%;
	max-height: 200px;
	/*min-height: 100px;*/
	overflow: hidden;
 }

.gallery-item .inner-box .image-box-list .overlay-box{
	position: relative;
	content: '';
	float: right;
	right: 0;
	top: 0px;
	opacity: 1;
	width: calc(70% - 15px);
	height: 100%;
	background-color: rgba(0,0,0,0.60);
	/*transition:all 0.3s ease;*/
	/*-moz-transition:all 0.3s ease;*/
	/*-webkit-transition:all 0.3s ease;*/
	/*-ms-transition:all 0.3s ease;*/
	/*-o-transition:all 0.3s ease;*/
}

.gallery-item .inner-box .image-box-list .overlay-box .inner{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	opacity: 1;
	width: 100%;
	height: 100%;
	display: table;
	padding:0;
	vertical-align: middle;
}

.gallery-item .inner-box .image-box-list .overlay-box .content{
	display: table-cell;
	vertical-align: middle;
	text-align:left;
}
.gallery-item .inner-box:hover .image-box-list .overlay-box{
	opacity: 1;
}

.gallery-item .inner-box .image-box-list .overlay-box h3{
	position: relative;
	font-size: 17px;
	font-weight: 100;
	color: #000;
	text-transform: uppercase;
	margin-top: 10px !important;
	/*font-family: 'Raleway', sans-serif;*/
}

.gallery-item .inner-box .image-box-list .overlay-box .titleh3{
	position: relative;
	font-size: 17px;
	font-weight: 100;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 0 !important;
	/*display: block;*/
	/*font-family: 'Raleway', sans-serif;*/
}
.gallery-item .inner-box .image-box-list .overlay-box h4{
	position: relative;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
}

.gallery-item .inner-box .image-box-list .overlay-box .text{
	position: relative;
	color: #666666;
	font-size: 13px;
	margin-bottom: 10px;
	margin-top: 15px;
	line-height: 24px;
}

.gallery-item .inner-box .image-box-list .overlay-box .links .icon{
	color: #ffffff;
	font-size: 20px;
	margin-right: 12px;
	cursor: pointer;

}
/*agent list*/
.gallery-item2 {
	position: relative;
	height: 150px;
}
.gallery-item2 .inner-box .image-box-list2{
	position: relative;
	text-align: left;
	cursor: pointer;
	background: #fff;
}
.gallery-item2 .inner-box .image-box-list2:hover{
	background: #f9f9f9;
}
.gallery-item2 .inner-box .image-box-list2 img{
	position: relative;
	width: 120px;
	overflow: hidden;
	height: 120px;
	border: 5px solid rgba(0,0,0,0.1);
	border-radius: 120px;
}

.gallery-item2 .inner-box .image-box-list2 .overlay-box2{
	position: relative;
	content: '';
	float: right;
	right: 0;
	top: -80px;
	opacity: 1;
	width: calc(100% - 130px);
	height: 100%;
	/*background-color: rgba(0,0,0,0.60);*/
	/*transition:all 0.3s ease;*/
	/*-moz-transition:all 0.3s ease;*/
	/*-webkit-transition:all 0.3s ease;*/
	/*-ms-transition:all 0.3s ease;*/
	/*-o-transition:all 0.3s ease;*/
}

.gallery-item2 .inner-box .image-box-list2 .overlay-box2 .inner2{
	position: relative;
	/*content: '';*/
	left: 0px;
	top: 0;
	opacity: 1;
	width: 100%;
	/*height: 100%;*/
	/*display: table;*/
	height: 80px;
	overflow: hidden;
	padding:0;
	vertical-align: middle;
}

.gallery-item2 .inner-box .image-box-list2 .overlay-box2 .content2{
	display: table-cell;
	vertical-align: middle;
	text-align:left;
}
.gallery-item2 .inner-box .image-box-list2 .overlay-box2 .time-box2{
	height: 20px;
	line-height: 20px !important;
	/*width: 80%;*/
	text-align: center;
	/*padding: 0 8px;*/
	border-radius: 20px;
	font-size: 14px;
	color: #666666;
	/*top:-15px;*/
	position: relative;
	/*background: rgba(220,220,220,0.8);*/
}
.gallery-item2 .inner-box:hover .image-box-list2 .overlay-box2{
	opacity: 1;
}

.gallery-item2 .inner-box .image-box-list2 .overlay-box2 h3{
	position: relative;
	font-size: 17px;
	font-weight: 100;
	color: #000;
	text-transform: uppercase;
	/*margin-top: 10px !important;*/
	/*font-family: 'Raleway', sans-serif;*/
}

.gallery-item2 .inner-box .image-box-list2 .overlay-box2 .title-h3{
	position: relative;
	font-size: 17px;
	font-weight: 100;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 0 !important;
	/*display: block;*/
	/*font-family: 'Raleway', sans-serif;*/
}
.gallery-item2 .inner-box .image-box-list2 .overlay-box2 h4{
	position: relative;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
}

.gallery-item2 .inner-box .image-box-list2 .overlay-box2 .text1{
	position: relative;
	width: 98%;
	color: #428bca;
	font-size: 13px;
	margin-bottom: 5px;
	/*margin-top: 15px;*/
	line-height:24px;
	/*height: 32px;*/
	/*overflow: hidden;*/
}
.gallery-item2 .inner-box .image-box-list2 .overlay-box2 .text{
	 position: relative;
	 width: 98%;
	 color: #666666;
	font-size: 13px;
	 margin-bottom: 5px;
	 /*margin-top: 15px;*/
	 line-height: 16px;
	 height: 32px;
	 overflow: hidden;
 }
.image-title3  .text2{
	position: relative;
	color: #333;
	font-size: 18px;
	padding-top: 10px;
	display: block;
	height: 34px;
	overflow: hidden;
	line-height: 24px;
}
.image-title3  .text2:hover{
	color: #d86161;
	text-decoration: none;
	outline: none;
}
.gallery-item .inner-box .image-box-list2 .overlay-box2 .links .icon{
	color: #ffffff;
	font-size: 20px;
	margin-right: 12px;
	cursor: pointer;

}
.image-title3{
	position: relative;
	float: right;
	top: -5px;
	left: 0;
	width: calc(100% - 130px);
	/*min-height:160px;*/
	text-align: left;
	padding: 0;
	/*background: rgba(0,0,0,0.5);*/
}
.image-title3>.read-more{
	position: absolute;
	right: 2%;
	float: right;
	background: #d86161;
	color: #fff;
	padding: 0 15px;
	margin-top: -25px;
	margin-left: 10px;
	border-radius: 5px;
	text-align: right;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	/*color: #ddd;*/
	/*z-index: 999999;*/
}
/*agent list end */
.image-title2{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	/*min-height:160px;*/
	text-align: left;
	padding: 0;
	/*background: rgba(0,0,0,0.5);*/
}
.image-title2>.p1{
	height: 22px;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	margin: 0 ;
}
.image-title2>.p2{
	width: 80%;
	font-size: 14px;
	color: #b4b4b4;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.image-title2>.p3{
	position: absolute;
	right: 2%;
	text-align: right;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #ddd;
}
.image-title2>.p3>.us{
	font-size: 26px;
	font-weight:100;
	color: #d86161;
}
.image-title2>.p3>.cha{
	font-size: 17px;
	color: #000;
	font-weight:100;
}

/*.gallery-item .inner-box:hover {*/
	/*background: #f2f2f2;*/
/*}*/
.gallery-item-article .inner-box-article{
	position: relative;
	padding: 10px 0;
}

/*.gallery-item .inner-box-article:hover {*/
	/*background: #eeeeee;*/
/*}*/
.inner-box-article .overlay-box{
	position: relative;
	content: '';
	float: right;
	right: 0;
	top: 0px;
	opacity: 1;
	width: calc(70% - 15px);
	height: 100%;
	background-color: rgba(0,0,0,0.60);
	/*transition:all 0.3s ease;*/
	/*-moz-transition:all 0.3s ease;*/
	/*-webkit-transition:all 0.3s ease;*/
	/*-ms-transition:all 0.3s ease;*/
	/*-o-transition:all 0.3s ease;*/
}

.inner-box-article .overlay-box .inner{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	opacity: 1;
	width: 100%;
	height: 100%;
	display: table;
	padding:0;
	vertical-align: middle;
}

.inner-box-article .overlay-box .content{
	display: table-cell;
	vertical-align: middle;
	text-align:left;
}
.inner-box-article:hover .overlay-box{
	opacity: 1;
}

.inner-box-article .overlay-box h3{
	position: relative;
	font-size: 17px;
	font-weight: 100;
	color: #000;
	line-height: 20px !important;
	text-transform: uppercase;
	/*font-family: 'Raleway', sans-serif;*/
}

.inner-box-article .overlay-box h4{
	position: relative;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
}

.inner-box-article .text{
	position:relative ;
	color: #666666;
	font-size: 13px;
	/*margin-bottom: 10px;*/
	/*margin-top: 15px;*/
	right: 0;
	/*height: 120px;*/
	overflow: hidden;
	display: inline-block;
	line-height: 24px;
	width: 100%;
}


.inner-box-article>.p3>.cha{
	position:absolute ;
	right: 0;
	top:0;
	display: inline-block;
	font-size: 17px;
	color: #000;
	font-weight:100;
}

.inner-box-article .img-box{
	position:relative ;
	right: 0;
	top:0;
	display: inline-block;
	font-size: 17px;
	color: #000;
	font-weight:100;
	/*padding: 20px 10px 20px 0;*/
}
.inner-box-article .img-box img{
	/*max-height: 140px;*/
	height: auto;
	width:20%;
}.inner-box-details .img-box{
	 position:relative ;
	 right: 0;
	 top:0;
	 display: inline-block;
	 font-size: 15px;
	 color: #666666;
	 font-weight:100;
	 /*padding: 20px 10px 20px 0;*/
 }
.inner-box-details .img-box img{
	height: auto;
	width:100%;
	max-width: 740px;
}
.inner-box-details .img-box p{
	line-height: 24px;
	margin: 10px 0;
	width:100%;
}
.inner-box-details .img-box p.w-50{
	line-height: 24px;
	margin: 10px 0;
	display: inline-block;
	width:48%;
	border-bottom: 1px solid #ebebeb;
}
.inner-box-details .img-box p.font-9{
	line-height: 14px;
	margin: 10px 0;
	font-size: 9px;
	width:100%;
}
.m-r-30{
	margin-right: 30px;
}
.m-b-30{
	margin-bottom: 15px;
}
.m-b-22{
	margin-bottom: 22px;
}
.p-15{
	padding:10px 0 10px 10px
}
.p-lr-15{
	padding:0 15px
}
.p-lr-25{
	padding:0 25px
}
.p-t-22{
	padding-top:22px
}
.p-b-22{
	padding-bottom:22px
}
.p-t-10{
	padding-top:10px
}
.tjTitle{
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	font-size: large;
}
.weixinbox{
	position: relative;
}
.weixinbox .erweima {
	width: 120px;
	float: left;
	position: absolute;
	display: none;
	top: 20px;
	left: -30px;
	z-index: 9999;
	background: url(../images/icon-top-erweima.png) no-repeat;
	height: 132px;
}
.location{
	height: 40px;
	line-height: 40px;
	font-weight: 100;
	font-size: 14px;
}
.news-block .inner-box-about .image-box{
	position:relative;
	/*padding-top: 140px;*/
	text-align: left;
	top:0;
}


.news-block .inner-box-about .image-box .img-a{
	position:relative;
	/*padding-top: 140px;*/
	text-align: left;
	width: 100%;
	height: auto;
	max-height: 240px;
}
.news-block .inner-box-about .image-box .img-b{
	position:relative;
	/*padding-top: 140px;*/
	text-align: left;
	width: 100%;
	height: auto;
	max-height: 320px;
}
.news-block .inner-box-about .lower-box{
	position:relative;
	text-align: left;
	max-height: 240px;
	overflow: hidden;
}

.news-block .inner-box-about .lower-map{
	position:relative;
	text-align: left;
	width: 100%;
	max-height: 360px;
	overflow: hidden;
}
.news-block .inner-box-about .lower-map img{
	position:relative;
	text-align: left;
	width: 100%;
	max-height: 400px;
	overflow: hidden;
}
.news-block .inner-box-about .lower-box2{
	position:relative;
	text-align: left;
	/*height: 320px;*/
	overflow: hidden;
}
.news-block .inner-box-about .lower-box h2{
	position:relative;
	color: #d86161;
	font-size: 24px;
	font-weight: 100;
	line-height: 35px;
	text-align: left;
	display: block;
	margin-bottom: 20px;
}

.news-block .inner-box-about .lower-box .memo{
	color: #000;
	font-size: 16px;
	font-weight: 100;
	line-height: 24px;
	text-align: left;
	margin: 10px 0;
	margin-top: 4px;
}
.news-block .inner-box-about .lower-box .memo .btns,.news-block .inner-box-about .lower-box2 .memo2 .btns{
	/*margin:0 auto;*/
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 5px;
	color: #ffffff;
}

.news-block .inner-box-about .lower-box2 h3{
	position:relative;
	color: #d86161;
	font-size: 24px;
	font-weight: 100;
	line-height: 35px;
	text-align: right;
	display: block;
	margin-bottom: 20px;
}

.news-block .inner-box-about .lower-box2 .memo2{
	color: #000;
	font-size: 16px;
	font-weight: 100;
	line-height: 24px;
	text-align: right;
	margin: 10px 0;
	margin-top: 4px;
}
.text-center{
	text-align: center !important;
}
.text-input{
	width:calc(100% - 15px);
	text-align: left !important;
	border: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	background: none;
}
.text-input-search{
	width:calc(100% - 35px);
	text-align: center !important;
	border: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	background: none;
}
/*Òþ²ØºÐ×ÓÉèÖÃ*/
div.hidden-box{width:80px;position:absolute;display:none;background:#00a8e7;top:30px;margin-left:30px;opacity: .8; z-index:20 }
.hidden-box>ul{list-style-type:none;color:#fff;cursor:pointer;
	/*padding-top:12px;padding-bottom:15px;*/
}
.hidden-box>ul li{ line-height:35px; height:35px; font-weight:500;text-align: center;border-bottom: 1px solid #f9f9f9}
.hidden-box>ul li a.ah{color: #fff; font-size: 12px; font-weight: 100}
.hidden-box>ul li a.ah:hover{ text-decoration: underline}
/*.hidden-box li:hover{background:#643519;color:#fff}*/

/*Òþ²ØºÐ×ÓλÖÃÉèÖÃ*/
.hidden-loc-index{left:284px}
.hidden-loc-us{left:417px}
.hidden-loc-info{left:550px}
.box04{left:683px}

/* filter */
.filter{margin: 0 auto;clear: both;
	padding:25px 15px;font-size:14px;}
.filter dl{display:block; padding-top: 4px; overflow: hidden; border-bottom: 1px solid #f9f9f9;line-height: 40px !important; height:40px;margin: 0 auto !important; }
.filter dt,dd{display:block;float:left;width:auto;}
.filter dt{height:24px;padding-top:8px;font-weight:bold;color:#333333; background: #dddddd;width: 120px;text-align: center; height: 35px}
.filter dd{color:#000;margin-right:8px;padding-top:4px; margin-top: 4px; padding-left:8px ;padding-right: 8px}
.filter a{cursor:pointer;}
.seling{background-color:#005AA0;color:#FFFFFF;}
.seled{background-color:#005AA0;color:#FFFFFF;}
dd, dt {
	line-height: line-height: 40px !important;;
}
.item-con{
	border: 1px solid #dddddd;
	line-height: 20px;
	height: 40px;
	padding: 10px;
	color: #222222;
	font-size: 14px;
	cursor: pointer;
}
.item-con-title{
	/*border: 1px solid #dddddd;*/
	line-height: 20px;
	height: 40px;
	padding: 10px;
	color: #222222;
	font-size: 14px;
	cursor: pointer;
}
.item-con-search{
	margin-top: 10px;
	border: 1px solid #dddddd;
	line-height: 20px;
	height: 40px;
	padding: 10px;
	color: #222222;
	font-size: 14px;
	cursor: pointer;
	background: #ebebeb;
	border-radius: 20px;
}
.searchlist {
	margin: 0 auto;
	clear: both;
	padding: 25px 15px;
	font-size: 14px;
}
.morecon{
	display: none;
}
.popup-modal{
	position: fixed;
	top:100px;
	margin:0 10%;
	width: 80%;
	height: 450px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 10px;
	z-index: 999999999;
}
.popup-modal2{
	position: fixed;
	top:100px;
	margin:0 10%;
	width: 80%;
	height: 280px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 10px;
	z-index: 999999999;
}
.content-block {
	margin: 10px 0;
	padding: 0 15px;
	color: #6d6d72;
	box-sizing: border-box;
}
.content-block .topban{
	margin:0 auto;
	height: 30px;
	color: #6d6d72;
	border-bottom: 1px solid #ebebeb;
}
.content-block .midlist{
	margin:0 auto;
	margin-top: 10px;
	height: 280px;
	color: #6d6d72;
	overflow-y: scroll;
}
.content-block .footban{
	margin:0 auto;
	width: 120px;
	height: 40px;
	color: #6d6d72;
}
.city-block {
	list-style: none;
	margin: 0 auto;
	padding: 0 15px ;
}
.city-block li {
	color: #222222;
	font-size: 15px;
	text-align: center;
	margin: 0 10px 10px 0;
	line-height: 35px !important;
	height: 40px;
	/*padding: 5px 0;*/
	min-width: 40px;
	border-radius: 5px;
	background-color: #eeeeee;
	/*width: calc(33.3% - 0);*/
	display: inline-block;
	cursor: pointer;
}
.button {
	border: 0px solid #007aff;
	color: #007aff;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 5px;
	line-height: 27px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: none;
	padding: 5px 10px;
	margin: 0;
	height: 40px;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	font-family: inherit;
	cursor: pointer;
	outline: 0;
}
.font-18{
	font-size: 18px;
}
.color-black{
	color: #333333 !important;
}
.popup-overlayall {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1300000;
	/*visibility: hidden;*/
	display: none;
	opacity: 1.0;
	/*-webkit-transition-duration: 400ms;*/
	/*transition-duration: 400ms;*/
}
.likeSchool {
	margin: 0px 0 !important;
	/*padding: 0 10px;*/
}
.likeSchool .active {
	color: #5075b4 !important;
	border-bottom: 1px solid #5075b4;
}
.likeSchool .tab-link-m {
	font-weight: 600;
	color: #000 !important;
	display: inline-block;
	height: 44px;
	width: 25%;
	padding: 0 10px;
	line-height: 44px;
	text-align: center;
	margin: 0;
}
.tabs {
	/* border: 1px solid #d5dbe4; */
	border-top: 1px solid #d5dbe4;
}
.table-more {
	width: 100%;
	float: left;
	/* padding: 0 !important; */
	margin: 0 !important;
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
	padding: 5px 0 10px 0 !important;
}
.table-more li {
	width: 50%;
	float: left;
	list-style: none;
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
	line-height: 20px;
	padding: 5px 3%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.table-more li a {
	color: #333333 !important;
	font-size: 12px !important;
	border-bottom: 1px solid #cccccc;
}
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 16% !important;
	background: rgba(0,0,0,0.2);
	color: #ffffff;
	margin: 0 42%;
	border-radius: 20px;
}
.publishedtime-con{
	/*margin-top: 3px;*/
	/*right:0;*/
	padding:0 10px;
	color:#FFFFFF;
	height: 25px;
	/*margin-top: 35px;*/
	margin-bottom:10px;
	position: relative;
	line-height: 25px;
	display: inline-block;
	border-radius: 30px;
	background: rgba(0,0,0,0.25);
}
.listing-con{
	margin: 20px 10px;
	position:relative ;
	/*height: 120px;*/
	color: #000000;
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
}
.listing-con-big{
	color: #000000;
	font-size: 22px;
	line-height: 30px;
	position: relative;
	left: 0;
}
.listing-con-small{
	color: #3e3e3e;
	line-height: 25px;
	font-size: 14px;
}
.listing-con-ne{
	color: #000000;
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	/*float: left;*/
	/*left: 0;*/
}
.line-height-18{
	 line-height: 18px;
}
.line-height-40{
	line-height: 40px;
}
.height-120{
	margin: 15px 0 !important;
	height: 120px !important;
	line-height: 24px !important;
}
.listing-con-memo{
	position: relative;
	height: 50px;
	text-align: left;
	/*float: left;*/
	font-size: 26px;
	line-height:25px;
	color:#d86161;
}
.listing-con-memo-r{
	position: relative;
	left: 0;
	height: 50px;
	text-align: center;
	width: 100%;
	float: right;
	font-size: 26px;
	line-height:25px;
	color:#d86161;
}
.listing-con-memo-small{
	font-size: 16px;
	color:#222;
}

.listing-con-ne-r{
	color: #000000;
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	/*float: right;*/
	/*right: 0;*/
}
.listing-con-price{
	font-size: 16px;
	line-height:25px;
	color:#d86161;
	height: 25px;
	display: inline-block;
	/*text-align: right;*/
	/*position: relative;*/
	/*float: right;*/
	/*top: 5px;*/
	/*right:0;*/
}
.pointer{
	cursor: pointer;
}
canvas{
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.btn{
	line-height: 26px;
}
.btn,.dropdown-menu,.form-control {
	 border-radius: 0 !important;
	/*text-align: center;*/
	padding: 6px 12px;
}
.form-control option{
	text-align: center;
}

.liucheng-section img,.liucheng-section2 img{
	width: 100%;
	height: auto;
}
.liucheng-section span{
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	padding: 10px 0;
}
.liucheng-section span a{
	color: #555555;
	text-decoration: underline;
}
.border-all{
	border: 1px solid #eaeaea;
}
.border-right{
	border: 1px solid #eaeaea;
}
.sec-input{
	border: 1px solid #eb6491;
	position:relative;
	z-index: 9;
	width: 80%;
	border-radius: 40px;
	margin: 0 auto;
	padding: 5px;
	min-height: 45px;
	text-align: center;
}
.sec-input .inputs{
	position:relative;
	width: 30%;
	border-radius: 40px;
	margin: 0 auto;
	height: 45px;
	text-align: center;
	border: none;
}
.sec-input .submits{
	position:relative;
	width: 100px;
	border-radius: 40px;
	margin: 0 auto;
	line-height: 33px;
	height: 33px;
	text-align: center;
	background-color: #d86161;
	color:#ffffff;
	font-size: 14px;
	font-weight: 600;
}
.sec-input-reg{
	/*border: 1px solid #eaeaea;*/
	position:relative;
	z-index: 9;
	width: 100%;
	border-radius: 40px;
	height: 45px;
	line-height: 45px;
	margin: 5px 10px;
	text-align: left;
	overflow: hidden;
}
.sec-input-reg .text-reg-left{
	position:relative;
	width: 30%;
	display: inline-block;
	border-radius: 40px;
	margin: 0 auto;
	color: #333;
	text-align: right;
	height: 40px;
	line-height: 40px;
	border: none;
}
.sec-input-reg .text-reg-right{
	position:relative;
	width: 30%;
	/*border-radius: 40px;*/
	margin: 0 auto;
	text-align: left;
	color: #333;
	height: 40px;
	line-height: 40px;
	border: none;
}
.sec-input-reg .inputs-reg,.sec-input-reg select{
	border: 1px solid #eaeaea;
	position:relative;
	width: 30%;
	/*border-radius: 40px;*/
	/*margin: 0 auto;*/
	height: 40px;
	line-height: 40px;
	margin: 5px 10px;
	padding:5px 10px ;
	text-align: left;
	/*border: none;*/
}
.sec-input-reg .inputs-reg1{
	border: 1px solid #eaeaea;
	position:relative;
	width: 10%;
	/*border-radius: 40px;*/
	/*margin: 0 auto;*/
	height: 40px;
	line-height: 40px;
	margin: 5px 10px;
	padding:5px 10px ;
	text-align: left;
	/*border: none;*/
}
.sec-input-reg .inputs-reg2{
	border: 1px solid #eaeaea;
	position:relative;
	width: 18%;
	/*border-radius: 40px;*/
	/*margin: 0 auto;*/
	height: 40px;
	line-height: 40px;
	margin: 5px 10px 5px 0;
	padding:5px 10px ;
	text-align: left;
	/*border: none;*/
}
.sec-input .submits{
	position:relative;
	width: 100px;
	border-radius: 40px;
	margin: 0 auto;
	line-height: 33px;
	height: 33px;
	text-align: center;
	background-color: #d86161;
	color:#ffffff;
	font-size: 14px;
	font-weight: 600;
}
.table-line{
	width: 96%;
	margin: 0 2%;
	font-size: 14px;
	line-height: 20px;
	border-top:2px solid #00a8e7;
	border-bottom: 1px solid #eaeaea;
}
.table-line li{
	border-top: 1px solid #eaeaea;
	min-height: 35px;
	padding: 10px 0;
	width: 100%;
}
.table-line li span{
	width:16%;
	display: inline-block;
	color: #4f4f4f;
	text-align: center;
}
.font-bold{
	font-weight: 600;
}
/*ͳ¼Æ*/
.sec-title .mainindex{ width:100%;overflow:hidden; position:relative;z-index: 999;}
.maincon{float:left;z-index:9; width:100%;}

.maincon .echartbox .echartpicbox{float:left;width:100%; position:relative; height:400px; }
.maincon .echartbox .echartpicbox .echartpic{width:100%;height:400px; }
.maincon .echartbox{float:left; width:48.5%; position:relative; height:400px; margin:10px 0 0 10px;}
.maincon .echartbox .echartpic{float:left;width:100%; position:relative; top:0px; height:400px; }
.maincon .echartbox .echarttable{float:left; width:100%; position:relative; top:-60px; height:90px; }
.maincon .echartbox .echartbar{float:left; width:100%; position:relative;top:15px; height:400px; }
/*zone-block*/
.zone-block{
	padding: 10px;
	width: 100%;
	margin-bottom: 30px;
	min-height: 220px;
}
.zone-block:hover{
	background: #4287ff;
}
.zone-block .logos{
	width: 70px;
	height: 70px;
	margin: 0 auto;
}
.zone-block .bigtitle{
	width: 100%;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
	overflow: hidden;
}
.zone-block .addr{
	width: 100%;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
}
.zone-block:hover .bigtitle{
	color: #fff;
}
.zone-block:hover .addr{
	color: #cccccc;
}
/*µÇ¼´°¿Ú*/
.denglu_box{position:absolute;z-index:999; top:193px;width:275px; left:50%}
.denglu {width:275px; margin:0 auto; position:relative; z-index:99; background:url(../images/index_con_16.png) center no-repeat; height:330px;top:50px; left:160px;}
.denglu .shuru_area{ float:left;width:275px; padding:20px; margin:0 auto; position:relative; margin-top:50px; color:#cccccc}
.denglu .shuru_area .input_n{float:left; width:235px; height:40px; border:1px solid #909090; margin:0 auto; background: url(../images/index_con_17.jpg) left no-repeat #fff; padding-left:45px; padding-top:5px; padding-bottom:5px;  position:relative;font-size:14px;font-family:"΢ÈíÑźÚ"; }
.denglu .shuru_area .input_p{float:left; width:235px; height:40px; border:1px solid #909090; margin:0 auto; background: url(../images/index_con_18.jpg) left no-repeat #fff; padding-left:45px; padding-top:5px; padding-bottom:5px;  position:relative; margin-top:8px;font-size:14px;font-family:"΢ÈíÑźÚ";}
.denglu .shuru_area .input_y{float:left; width:107px; height:40px; text-align:center; border:1px solid #909090; margin:0 auto; color:#ddd;  position:relative;font-size:14px;font-family:"΢ÈíÑźÚ"; }

.denglu .shuru_area .text1{float:left; width:235px; height:45px; margin:0 auto; position:relative; margin-top:8px; color:#FFF;}
.denglu .shuru_area .text2{float:left; width:235px; height:18px; margin:0 auto; position:relative; line-height:18px;margin-top:6px; color:#FFF;}
.denglu .shuru_area .check1{float:left; width:20px; position:relative; padding-top:3px; padding-left:1px;}
.denglu .shuru_area .t_f{float:left; width:107px; height:45px; line-height:45px; position:relative; font-size:12px;}
.denglu .shuru_area .right{ text-align:center;}
.denglu .shuru_area a.forget{ color:#FFF; text-decoration:none}
.denglu .shuru_area a.forget:hover{ color:#FF9D10; text-decoration:none}
.denglu .shuru_area a.log{float:left; width:100px;line-height:40px; position:relative;background: url(../images/index_con_19.png) center no-repeat;font-size:16px; color:#FFF; text-align:center }
.denglu .shuru_area a.log:hover{background: url(../images/index_con_20.png) center no-repeat;}
.denglu .shuru_area a.reg{float:right; width:100px;line-height:40px; position:relative;background: url(../images/index_con_21.png) center no-repeat;font-size:16px; color:#303030; text-align:center }
.denglu .shuru_area a.reg:hover{background: url(../images/index_con_22.png) center no-repeat;}

.denglu_box .quicklogin{position:absolute;top:30px;left:50%;z-index:2;margin-left:20px;padding:25px;width:250px;height:300px;border-radius:10px;background:url(../images/quicklogin.png) center repeat;}
.denglu_box .quicklogin h6{color:#fff;font:18px/40px "΢ÈíÑźÚ";}
.denglu_box .quicklogin p.login{text-align:left;color:#fff;font:14px/30px "΢ÈíÑźÚ";}
.denglu_box .quicklogin .hr{ border-bottom:1px solid #e5e5e5}
.denglu_box .quicklogin p.login strong{font-size:16px; color:#ff6c00}
.denglu_box .quicklogin p.login b{font-size:16px;margin-right:5px;}
.denglu_box .quicklogin p.login a.fix1{margin-left:10px;font:12px/38px "΢ÈíÑźÚ";}
.denglu_box .quicklogin p.login a.fix2{display:block;text-align:center;width:100%;height:40px;border-radius:5px;border:none;color:#500;background-image:-moz-linear-gradient(top,#f4be49,#ffa400);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ffa400),color-stop(1,#f4be49));background-color:#ffa400;font:16px/40px "΢ÈíÑźÚ";position:relative;z-index:2;}

@media screen and (max-width:800px) and (min-width:501px){
	.image-title3>.read-more{
		display: none;
	}

	.gallery-item2 .inner-box .image-box-list2 .overlay-box2 .text{
		display: none;

	}
	.gallery-item .inner-box .image-box-list .overlay-box .text{
		margin-bottom: 0;
		margin-top: 10px;
		line-height: 24px;
		height: 48px;
		overflow: hidden;
	}
	.main-slider3{
		width: 100%;

		left:0;
		margin-left:0;
	}
}
@media screen and (max-width:500px){
	.image-title3>.read-more{
		display: none;
	}
	.gallery-item2 .inner-box .image-box-list2 .overlay-box2 .text{
		display: none;

	}
	a.ablackTitle{
		font-size: 14px;
	}
	.inner-box-article .text {
		height: 48px;
	}
	.gallery-item .inner-box .image-box-list .overlay-box .text{
		margin-bottom: 0;
		margin-top:0;
		line-height: 16px;
		height: 32px;
		overflow: hidden;
		top: -20px;
	}
	.gallery-item .inner-box .image-box-list .overlay-box h3{
		margin-top: 0 !important;
	}
	.time-box{
		top:-20px;
		position: relative;
	}
	.image-title2{
		 top: 20px;
	 }
	.image-title2>.p3>.us{
		font-size: 26px;
		font-weight:100;
		color: #d86161;
		display: block;
	}
	.image-title2>.p3{
		position: absolute;
		right: 2%;
		text-align: right;
		height: 40px;
		line-height: 20px;
		font-size: 16px;
		color: #ddd;
	}
	.searchbox{
		display: none;
	}
	.inner-box-details .img-box p.w-50{
		width:100%;
	}
}