/* 清除浮动 */
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}
* {}
.hide { display: none !important;}
body {font-family: Arial, "微软雅黑" !important; font-size: 14px;}
input { outline: none; border: 0;}
select {border: 0;}
.ell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


#app { position: fixed; left: 0; top: 0; right: 0; bottom: 0; min-width: 1340px !important; min-height: 674px !important;}
header { position: sticky; top: 0; z-index: 999;}
/* .main { min-width: 1320px; }*/
.inner {/* width: 1320px; */ margin: auto;}
header { height: 74px; background-color: #fff; }
header .inner { display: flex; justify-content: space-between; }
header .logo { display: flex; align-items: center; height: 74px; padding: 0; padding-left: 15px;}
.logo .logo-img { display: block; height: 48px;}
.logo .logo-small { display: none;}
/* .nav {width: 60%; float: left; display: flex; justify-content: right; display: none;}
.nav a {display: block; border-top: 4px solid transparent; height: 70px; line-height: 70px; font-weight: bold; padding: 0 20px; color: #555;}
.nav .active { background: #4fbfa8; border-color: #3aa18c; color: #fff;} */

/* 导航部分样式 */
/* .navbar { float: left; border: 0 !important; margin-bottom: 0 !important; width: 100%; height: 74px; background-color: #bbbbbb;}
.navbar .navbar-nav { float: right;}
.navbar .nav-item { border-top: 4px solid transparent; height: 70px; line-height: 70px; font-weight: bold; box-sizing: content-box;}
.navbar .active { background: #4fbfa8; border-color: #3aa18c;}
.navbar .nav-item a { padding: 0 20px; color: #555; text-decoration: none;}
.navbar .active a { color: #fff; }
.navbar-toggler { border: 1px solid #4fbfa8; color: #4fbfa8; position: absolute; right: 0; top: 25px;} */

header .navbar { height: 74px; width: 100%; border: 0; margin-bottom: 0;}
header .navbar-header { height: 74px; }
header .navbar .navbar-toggle { margin-top: 20px; margin-bottom: 20px; border-color: #4fbfa8; color: #4fbfa8; background-color: #fff;}
header .navbar .navbar-toggle:hover { background-color: #fff;}
header .navbar .navbar-toggle .icon-bar { background-color: #4fbfa8;}
header .nav { float: right;}
header .nav a {display: block; border-top: 4px solid transparent; height: 70px; line-height: 70px !important; font-weight: bold; padding: 0 20px !important; color: #555; box-sizing: content-box; }
header .nav a:hover { background-color: #4fbfa8 !important; color: #fff;}
header .nav a:active { background-color: #4fbfa8 !important; color: #fff;}
header .nav .active a { background: #4fbfa8; border-color: #3aa18c; color: #fff;}

h2 { display: flex; align-items: center; justify-content: center;}
h2 { font-size: 30px; width: 300px; text-align: center; margin: auto; line-height: 54px; margin-bottom: 30px !important;}
h2::after { content: "  "; border-bottom: 2px solid #4fbfa8; width: 140px; height: 52px; position: absolute;}

.banner { background-image: url(../img/banner.jpg); background-position: center center; background-size: auto 100%;}
.banner-mask { background: rgba(79, 161, 168, 0.85);}
.banner .inner { height: 634px;}

.webmap { background: #545454;}
.footer { height: 100px; background: #2a2a2a; /* min-width: 1320px; */}
.footer .inner { box-sizing: border-box; display: flex; align-items: center; height: 100px;}
.footer span { color: #bbbbbb; font-size: 14px; padding-left: 20px;}

.dialog { width: 400px; height: 430px; background-color: #fff; position: fixed; z-index: 999; top: 50%; left: 50%; margin-left: -200px; margin-top: -215px;}
.dialog .dialog-header { background-color: #4fbfa8; height: 36px; line-height: 36px; padding: 0 20px; position: relative;}
.dialog .dialog-title { color: #fff; font-size: 16px;}
.dialog .dialog-close { width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; color: #fff; position: absolute; z-index: 1; right: 0; top: 0; cursor: pointer;}
.dialog .dialog-content { padding:20px;}
.dialog .dialog-content span { display: block; line-height: 24px; color: #949494; margin-bottom: 20px;}
.dialog .dialog-form-ele { border-bottom: 1px solid #c0c0c0; margin-bottom: 10px; position: relative;}
.dialog .dialog-form-ele .error { position: absolute; left: 0; bottom: -18px; width: 100%; height: 20px; line-height: 20px; margin: 0; color: #ff0000; font-size: 12px;}
.dialog .dialog-content label { display: block; height: 26px; line-height: 26px; color: #545454;}
.dialog .dialog-content input { margin: 6px 0; height: 20px; line-height: 20px; width: 100%; color: #949494;}
.dialog #dialog-submit { display: block; width: 80%; height: 36px; line-height: 36px; text-align: center; background-color: #4fbfa8; color: #fff; border-radius: 100px; margin: 30px auto 0 auto;}
.dialog a:hover { text-decoration: none;}


.chock { position: fixed; right:0; top: 50%;}
.chock dl { cursor: pointer;}
.chock .contact { background-color: #4fbfa8; width: 70px; height: 76px; color: #fff;}
.chock dd { height: 46px; text-align: center; font-size: 30px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding-top: 10px;}
.chock dt { height: 24px; padding-bottom: 6px; text-align: center; line-height: 24px; font-size: 14px; font-weight: normal;}

@media (min-width: 320px) and (max-width: 768px) {
	.navbar-toggler { display: block;}
	.navbar-collapse { background: #fff;}
	.navbar .navbar-nav { float: none;}
	header .nav a { font-weight: bold; padding: 0 20px !important; color: #555; box-sizing: content-box; height: 30px; line-height: 30px !important;}
	header .nav a:hover { background-color: #4fbfa8 !important; color: #fff;}
	header .nav a:active { background-color: #4fbfa8 !important; color: #fff;}
	header .nav .active a { background: #4fbfa8; color: #fff; border: 0;}
}

@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	.main { min-width: 1320px; }
	.inner { width: 1320px;}
	.navbar-toggler { display: none;}
	.footer { min-width: 1320px; }
}