/*
兼容ie9 +
.header —— 公用头部
.footer —— 公用底部
.mainBox —— 首页 （命名以页面 + Box，驼峰）
*/
@font-face {
	font-family: 'SOURCEHANSANSCN';
	src: url('../font/SOURCEHANSANSCN-REGULAR.eot') format('woff');/* IE9 */
	src: url('../font/SOURCEHANSANSCN-REGULAR.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
	url('../font/SOURCEHANSANSCN-REGULAR.svg#webfont') format('svg'),/* iOS 4.1- */
	url('../font/SOURCEHANSANSCN-REGULAR.ttf') format('truetype'),/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../font/SOURCEHANSANSCN-REGULAR.woff') format('woff'),
	url('../font/SOURCEHANSANSCN-REGULAR.woff2') format('woff2');/* chrome、firefox */
}

/*公用样式*/
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 14px;
	font-family: "SOURCEHANSANSCN" !important;
	/*	border: 1px red solid;*/
}
a{
	text-decoration: none;
	color: inherit;
}
img{
	outline: none;
	border: none;
}
.container{
	width: 1100px;
	margin: 0 auto;
}
.flex{
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
}
.flex-justify{
	justify-content: center;
}
.flex-align{
	align-items: center;
}
.hidden{
	display: none;
}
.swiper-pagination{bottom: 35px !important}
.swiper-pagination-bullet{background-color: #fff}
.swiper-pagination-bullet-active{
	background-color: #7ec4d1
}
/*公用头部*/
.header{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 80px;
	line-height: 80px;
	min-width: 1100px;
	z-index: 1000;
}
.header::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 80px;
	width: 100%;
	background-color: #fff;
	z-index: -1;
	opacity: 0;
	transition-duration: 0.4s
}
.header:hover::after,.indexHeader::after{opacity: 1;}
.header:hover .flex-item,.indexHeader .flex-item{color: #000}
.header .left img{
	margin-left: 75px;
}
.header .right{
	width: 250px;
	position: relative;
	color: #fff;
}
.header .right img{
	display: inline-block;
	width: 20px;
	vertical-align: middle;
}
.header .right span{font-size: 12px}
.header .right>p{
	position: relative;
	padding: 0 10px;
	cursor: pointer;
}
.header .right>p::after{
	content: '';
	width: 1px;
	height: 12px;
	top: 35px;
	right: -2px;
	background-color: #a49c89;
	position: absolute;
}
.header .right .num{cursor: initial}
.header .right .num::after{background-color: transparent}
.header .right .search-group{
	position: absolute;
	left: -105px;top: 0;
	display: none;
}
.header .right .search-group input{
	outline: none;
	border: 1px transparent solid;
	box-sizing: border-box;
	background-color: #efefef;
	padding: 5px;
	border-radius: 2px;
	width: 125px;
	padding-right: 25px;
	float: left;
	margin-top: 28px;
}
.header .right .search-group span{
	margin-left: -20px;
	cursor: pointer;
	font-size: 12px;
	color: #000;
}
/*搜索结果*/
.n_result{width:186px; background:#fff; position: absolute; left:0; top:56px;}
.n_result_1{height:30px; line-height:30px; font-size:12px;}
.n_result_1:hover{background:#dcdcdc;}
.n_result_1_1{ color:#333; float:left;margin-left:8px;}
.n_result_1_2{ color:#666; float:right;margin-right:8px;}
.n_result_num{width:171px;line-height:40px; margin:5px auto 0 auto;font-size:12px; border-top:1px solid #c0c0c0; color:#008cff; }

/*翻页按钮*/
.n_news_pages{width:100%; height:30px; margin:35px 0 40px 0;text-align: center}
.n_news_pages ul{display: inline-block}
.n_news_pages ul li{padding:1px 7px;float:left;background: #005d73;color:#FFF;margin:0 2px;display:block;}
.n_news_pages .n_page_s{background:none;color: #005d73;border: 1px #005d73 solid;padding:0 7px;}
.n_news_pages .n_page_sl{ background:none; color:#18578c; padding:0px 7px;}

.header .main{
	margin: 0 auto;
}
.header .main li{
	padding: 0 27px;
	cursor: pointer;
	position: relative;
	color: #fff;
	font-size: 14px;
}
.indexHeader .main li{color: inherit}
@media screen and (max-width:1200px){
	.header .main{
		margin-left: 85px;
	}
}
.header .main li::before{
	position: absolute;
	content: '';
	background-color: transparent;
	width: 1px;
	height: 15px;
	top: 34px;
	left: 30px;
}
.header .main li .tog{
	position: absolute;
	top: 79px;
	left: 0;
	display: none;
}
.header .main li .tog>a{position: relative}
.header .main li .tog a{
	background: #005d73;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #fff;
	width: 157px;
	padding: 15px;
	text-indent: 10px;
}
.header .main li .tog .tog-child{
	position: absolute;
	left: 187px;
	bottom: 0;
	display: none;
}
.header .main li .tog .tog-child a{
	background-color: #7ec4d1;
}
.header .main li .tog div span{font-size: 12px;float: right;display: none}
.header .main li .tog div:hover .tog-child,
.header .main li .tog div:hover span{
	display: block;
}
.header .main li .tog a:hover{
	background: #0f828e;
}
.header .main li:hover{
	background-color: #005d73;
	color: #fff;
}
/*.header .main li:hover::before{background-color: #005d73;}*/
.header .main li:hover .tog{display: block}


/*公用底部*/

/*首页*/
.mainBox .indexBanner{
	min-width: 1100px;
	width: 100%;
}
.mainBox .indexBanner img{width: 100%}
.mainBox .c-title{
	margin-top: 55px;
	margin-bottom: 10px;
}
.mainBox .c-title h1{
	color: #005d73;
	margin-right: 30px;
	font-size: 22px;
	font-weight: 400;
}
.mainBox .c-title span{font-size: 12px}
.mainBox .c-title a:hover{
	text-decoration: underline;
	color: #005d73;
}

/*newCenter*/
.mainBox .swiper-button-white{
	background-color: rgba(126, 196, 209, 0.6);
	padding: 15px 5px;
	width: 15px;
	height: 17px;
	background-size: 15px;
}
.mainBox  .newCenter .c-content .flex-item{
	margin-right: 10px;
	border-radius: 5px;
	overflow: hidden;
	width: 358px;
	border: 1px #ecebeb solid;
	box-shadow: 0 0 15px 1px #ecebeb;
}
.mainBox  .newCenter .c-content .flex-item:hover{
	box-shadow: 0 0 15px 15px #ecebeb;
}
.mainBox  .newCenter .c-content .flex-item:last-child{margin-right: 0}
.mainBox  .newCenter .c-content .msg{
	padding: 30px;
	position: relative;
}
.mainBox  .newCenter .c-content .msg::before{
	content: '';
	border: 10px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	top: -19px;
	left: 30px;
	z-index: 100;
}
.mainBox  .newCenter .c-content h2{
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 25px;
	height: 45px;
	max-width: 295px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mainBox  .newCenter .c-content h2:hover{
	text-decoration: underline;
	color: #008894;
}
.mainBox  .newCenter .c-content img{
	width: 100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.mainBox  .newCenter .c-content .overflow-box{height: 225px;overflow: hidden}
.mainBox  .newCenter .c-content .msg span{font-size: 12px}
.mainBox  .newCenter .c-content .t{
	color: #008894;
	margin-right: 10px;
}
/*componyCenter*/
.mainBox .componyCenter .flex-item {
	width: 500px;
	padding: 0 20px;
	border-radius: 5px;
	border: 1px #ecebeb solid;
	box-shadow: 0 0 15px 1px #ecebeb;
}
.mainBox .componyCenter .flex-item + .flex-item{margin-left: 10px}
.mainBox .componyCenter .flex-item div{
	line-height: 43px;
	overflow: hidden;
}
.mainBox .componyCenter .flex-item div + div{
	border-top: 1px #ecebeb solid;
}
.mainBox .componyCenter .flex-item p,.mainBox .componyCenter .flex-item span{font-size: 14px;}
.mainBox .componyCenter .flex-item p{
	width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	white-space:nowrap;
}
.mainBox .componyCenter .flex-item p:hover{
	text-decoration: underline;
	color: #008894;
}
.mainBox .componyCenter .flex-item span{
	float: right;
}
/*mapCenter*/
.mainBox .mapCenter{
	margin-top: 60px;
	position: relative;
	height: 1040px;
	width: 100%;
	overflow: hidden;
}
.mainBox .mapCenter img{
	width: 100%;
	display: block;
	margin: 0;
	position: absolute;
	transition-duration: 0.3s;
	border: 1px transparent solid;
}
.mainBox .mapCenter .target:hover img{
	transform: scale(1.03);
}
/*搜索*/
.seekBox{margin-top: 80px;min-height: 800px}
.n_seek{width:980px;margin:0 auto; background: rgba(255,255,255,0.9); position:relative;}
.n_seek_1{width:100%; line-height:100px; text-align:center; color:#0f828e; font-weight: bold;font-size: 18px;}
.n_seek_2{width:90%; margin:0 auto; color:#005d73;}
.n_seek_3{width:90%; border-bottom:1px solid #005d73;margin:20px auto 0 auto;padding-bottom: 5px}
.n_seek_3_1{width:220px; border:1px solid #CCC; display:block; float:left;}
.n_seek_3_2{width:640px; float:left;}
.n_seek_3_2_1{ width:640px;line-height:45px;}
.n_seek_3_2_2{ width:640px; height:65px; font-size:12px; line-height:25px;}
.n_seek_3_2_3{ font-size:12px;margin:45px 0 20px 0; line-height:25px; float:right;}
.n_seek_3_2_3 img{width:8px;}
/*内页*/
.color2 {color: #0f828e;}
.container2 {position: absolute;width: 100%;background-color: #f5f5f5;}
.innerBanner {position: absolute;top: 0px;width: 100%;height: 390px;}
.innerContainer {position: relative;width: 1100px;margin: 0 auto;min-height: 800px;margin-top: 80px;}
.inner_title {position: relative;text-align: center;width: 100%;height: 170px;line-height: 170px;font-size: 24px;color: #fff;}
.inner_content {position: relative;margin-bottom: 80px;background-color: #fff;width: 100%;min-height: 500px;}
.inner_menu {position: relative;width: 200px;/* height: 100%; */min-height: 586px;float: left;background: #015d74;font-size: 14px;}
.inner_menu ul li{height: 70px;color: #7ec4d1;line-height: 70px;text-indent: 30px;border-bottom: 1px solid #0f828e;background: #015d74;}
.inner_menu_seleted {background: #0f828e !important;;color: #fff !important;}
.inner_menu ul li:hover {background: #7ec4d1 !important;color: #fff !important;}
.inner_sub_menu {height: auto !important;}
.inner_detail {
	position: relative;
	width: 750px;
	padding: 0 75px;
	margin-top: 70px;
	height: 100%;
	float: right;
	color: #626262;
	font-size: 12px;
	line-height: 20px;
	background-size: cover;
	padding-bottom: 50px;
}
.inner_detail_words {color: #626262;font-size: 12px;line-height: 20px;position: relative;}
.img {width: 100%;display: block;}
.clearDiv {clear: both;}
.inner_detail_title {position: relative;text-align: center;font-weight: bold;font-size: 18px;line-height: 106px;}
.title_line {position: absolute;width: 15px;height: 2px;top: 80px;left: 366px;background: #4c4c4c;}
.line {position: relative;width: 100%;height: 1.5px;background: #eaeaea;margin-top: 60px;}
.intro_imgs_box {position: relative;padding: 0 37px;}
.intro_img {float: left;width: 325px;height: 180px; border-radius: 10px;margin-right: 25px;margin-bottom: 20px;}
.intro_img:nth-child(even) {margin-right: 0;}
.arrow_down {margin-left: 10px;}
.arrow_right {margin-right: 20px;}
.inner_sub_menu ul{display:none;}

.member_box {position: relative;width: 100%;padding: 30px 0;border-bottom: 1px solid #015d74;display: flex;}
.member_box:last-child {border: none;}
.member_img {position: relative;width: 120px;height: 150px;margin-right: 15px;background: #c1c1c1;}
.member_detail {position: relative;width: 615px;}
.member_name {position: relative;width: 100%;color: #0f828e;font-size: 18px;line-height: 30px;font-weight: bold;}
.member_position {position: relative;width: 100%;color: #000;font-weight: bold;font-size: 15px;margin: 5px auto 15px auto;}
.member_intro {position: relative;width: 100%;}

.customTable .el-table th {background: rgba(234,234,234,0.7) !important;color: #333;}
.el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner {border-color: #0f828e;}
.el-select-dropdown__item.selected {color: #0f828e;}
.el-select .el-input__inner:focus {border-color: #0f828e;}
.el-button--primary {color: #0f828e;background: #fff;border-color: #0f828e;}
.el-button--primary:hover {background-color: #0f828e;color: #ffffff;}
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {color: #0f828e;}
.el-table {margin: 50px auto;}
.financeDetail .el-cascader,.financeDetail .el-input {width: 182px;}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {background-color: #0f828e;border-color: #0f828e;}
.el-radio-button__inner:hover {color: #0f828e;}
.el-radio-button__inner:focus {color: #0f828e;}
.bonusDetail .download_btn {margin-left: 20px;}
.bonusTotalBox {position: relative;text-align: center;background-color: #e8f7f4;border: 1px solid #caebe4;border-radius: 10px;padding: 10px 0px;top: -15px;}
.bonusTotalBox p {position: relative;font-size: 14px;color: #333;}
.bonusTotalNum {font-size: 24px !important;color: #3e91c5 !important;line-height: 30px;}
.el-input__inner {height: 30px;line-height: 30px;}
.el-input__icon {line-height: 30px;font-size: 12px;}
.esg_holder .el-date-editor {font-size: 12px;}
.esg_holder .el-input {width: 150px;font-size: 12px;}
.el-date-editor .el-range__icon {line-height: 22px;}
.el-date-editor .el-range-separator {line-height: 22px;}
.el-range-editor .el-range-input {font-size: 12px;}
.esg_holder .yearPick {width: 130px;}
.esg_holder .datePick {width: 200px;}
.esg_holder .searchInput {width: 200px;}
.el-button {height: 30px;line-height: 30px;padding: 0 10px;margin: 0 !important;}
.el-button:hover {background-color: #0f828e;color: #ffffff;}
.esg_holder {margin-bottom: 30px;}
.reportImg {width: 100%;}
.report_title {font-size: 12px;color: #0f828e;}
.report_date {font-size: 12px;}
.report_btn {position: absolute;width: 20px;padding: 5px 0px 5px 0px;cursor: pointer;margin-top: 0;bottom: 0;}
.el-col-10 {padding: 0 !important;}
.report_box {margin-bottom: 20px;}
.investorMainHoler {display: inline-block;}
.investorMainHoler .inner_detail {padding-bottom: 0;}
.stock_box {position: absolute;right: 0;top: 50px;width: 250px;border-radius: 10px;}
.item_name {display: inline-block;width: 85px;}
.item_val  {display: inline-block;width: 115px;}
.item_box {position: relative;width: 100%;line-height: 30px;}
.stockVal_box {position: relative;color: #488f34;margin-bottom: 10px;}
.stockVal {position: relative;font-size: 40px;line-height: 40px;}
.stockValrate {position: relative;line-height: 30px;}
.more_btn {position: absolute;right: 0;top: 40px;width: 80px;height: 30px;line-height: 30px;border: 1px solid #0f828e;color: #0f828e;border-radius: 5px;}
.more_btn:hover {background-color: #0f828e;color: #ffffff;}
.el-card__header {border-left: 2px solid #000000;}
.stock_holder .el-table {margin: 0;zoom: 0.7;margin-bottom: 50px;}
.stock_holder .el-table .cell {font-size: 16px;}
.el-radio-button__inner {padding: 7px 10px;}
.stock_holder .el-range-editor.el-input__inner {width: 280px;margin: 0 10px;}
.stock_selection {width: 500px;}
.stock_selection .el-radio {height: 30px;}
.selection_title {font-size: 14px;font-weight: bold;line-height: 50px;color: #000000;}
.stock_selection .el-radio__input.is-checked+.el-radio__label {color: #606266;}
.stock_selection .el-checkbox__input.is-checked+.el-checkbox__label {color: #606266;}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {border-color: #0f828e;background: #0f828e;}
.el-checkbox__inner:hover {border-color: #0f828e;}
.el-radio__input.is-checked .el-radio__inner {border-color: #0f828e;background: #0f828e;}
.el-radio__inner:hover  {border-color: #0f828e;}
.trip .item_box {line-height: 20px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #EBEEF5; }
.websiteColor {color: #0f828e;}

::-webkit-scrollbar {
	width: 8px;
	height: 10px;
	background-color: transparent;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-image: linear-gradient(135deg, #0f828e, #0f828e);
}