/* public */
ul{padding-left: 0;padding-bottom: 0}
p {margin: 0!important;padding: 0;}
img{vertical-align: middle;}
.c-fff {color: #fff!important;} 
.c-p {cursor: pointer;}
.pt-10{padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.t-ar{text-align: right;}
.t-ac{text-align: center;}
.t-alj {text-align-last: justify;}

body.is-navPanel-visible #wrapper {
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
    cursor: default;
    opacity: 0.25;
}

/* 顶部背景容器 */
#wrapper>.top-container {
	position: relative;
	/* background: url(../img/background.jpg) no-repeat; */
    /* background-size: 100% 100%; */
	/* height: 1000px;
	width:100px;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; */
}
.top-img{width: 100%;height: 100vh;}
.top-position{position: absolute;top: 0;width: 100%}
/* navPanelToggle */
.navPanelToggle {
    float: right;
    padding: 9px 10px;
    margin-top: 6px;
    margin-right: 15px;
    margin-bottom: 6px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #ddd;
    background-color: #888;
}
.navPanelToggle:hover,
.navPanelToggle:focus {
    outline: 0;
    /* background-color: #ddd; */
}
.navPanelToggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
}
.navPanelToggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 992px) {
    .navPanelToggle {
        display: none;
    }
} 

/* NavPanel */ 
#navPanel {
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-overflow-scrolling: touch;
	background: #333;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.75);
	height: 100%;
	max-width: 80%;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
    width: 20em;
    font-size: 16px;
    z-index: 10002;
} 
#navPanel nav {
	padding: 3em 2em;
}

#navPanel .link {
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
	border-top: solid 1px rgba(255, 255, 255, 0.25);
	border-bottom: 0;
	color: inherit !important;
	display: block;
	padding: 0.75em 0;
	text-decoration: none;
}

#navPanel .link:first-child {
	border-top: 0;
}

#navPanel .link.depth-0 {
	color: #fff !important;
	font-weight: 400;
}

#navPanel .link:active,
#navPanel .link:focus,
#navPanel .link:hover {
	color: #ffffff !important;
}

#navPanel .link .indent-1 {
	display: inline-block;
	width: 1.25em;
}

#navPanel .link .indent-2 {
	display: inline-block;
	width: 2.5em;
}

#navPanel .close {
	text-decoration: none;
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-tap-highlight-color: transparent;
	border: 0;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	display: block;
	height: 3.25em;
	line-height: 3.25em;
	padding-right: 1.25em;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	vertical-align: middle;
	width: 7em;
}

#navPanel .close:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

#navPanel .close:before {
	content: '\f00d';
	font-size: 1.25em;
}

#navPanel .close:hover {
	color: #ffffff !important;
}

@media screen and (max-width: 736px) {
	#navPanel .close {
		height: 4em;
		line-height: 4em;
	}
}

@media screen and (max-width: 736px) {
	#navPanel nav {
		padding: 2.5em 1.75em;
	}
}

body.is-navPanel-visible #wrapper {
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
	cursor: default;
	opacity: 0.25;
}

body.is-navPanel-visible #navPanel {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
}


/************
 * Title-View
 ***********/
.zh, .en {color: #333; font-weight: 700}
.title-view {font-size: 32px;padding-bottom: 40px;}
.title-view .zh {font-weight: 600;}
.title-view .en {margin-top: 20px!important;color: #555;}
.line-text {padding-bottom: 14px;border-bottom: 4px solid #c30000;}

/************
 * Drop Menu 
 ***********/
/* A single menu */
/* .dropotron { background-color: #444;border-radius: 0.5rem;box-shadow: 0 0.075rem 0.75rem 0 rgba(0, 0, 0, 0.125);list-style-type: none;margin: -0.5rem 0 0 1px;min-width: 10rem;padding: 0.5rem 0;}
.dropotron > li { border-top: solid 1px #555; margin: 0; padding: 0; }
.dropotron > li:first-child { border-top: 0; }
.dropotron > li > a { color: #ccc;padding: 0.5rem 1rem;text-decoration: none !important;border: 0; }
.dropotron > li.active > a, .dropotron > li:hover > a { color: #c30000; } */

/* Only applies to top level ("level-0") menus */
/* .dropotron.level-0 {margin-top: 1.125rem;margin-left: 0;}
.dropotron.level-0:before { content: ''; position: absolute; border-bottom: solid 0.5em #444; border-left: solid 0.5em transparent; border-right: solid 0.5em transparent; top: -0.5em; left: 52px;} */

/* 导航栏 */
#main-nav {height: 125px;padding-top: 38px;}
#main-nav .logo {height: 48px;width: 106px; float: left;}
#main-nav .logo img {width: 100%}
#main-nav .menu {float: right; display: flex;list-style: none;height: 48px;line-height: 48px;font-size: 16px;}
#main-nav .menu > li {margin: 0 20px;text-align: center;}
#main-nav .menu > li > a {display: inline-block;color: #777;text-decoration: none;height: 43px;line-height: 43px;}
#main-nav .menu > li:hover {border-bottom: 4px solid #c30000;}
#main-nav > .menu > li.active {border-bottom: 4px solid #c30000;}

.main-content{padding-top: 80px;font-size: 46px;color: #fff;}
.main_bold{font-weight: bold}
.main_small{font-size: 32px;line-height: 32px}
.arrow-box{position: absolute;left: 0;bottom: 25px;right: 0;text-align: center;}
.arrow-box a{text-decoration: none;}
.arrow{margin: auto;height: 19px;width: 47px;background: url('../img/arrow.png')}

/* 关于我们 */
#AB {padding: 0px 0px 100px;}
#AB .col-left {position: relative;height: 520px;}
#AB .col-left .left-box{top: 135px;bottom: -50px;left: 15px;right: 15px;position: absolute;border: 2px solid #c30000;padding: 50px;height: 520px;}
#AB .col-left .left-box .main-bottom{margin-bottom: 35px}
#AB .left-box .text {/* margin-top: 50px; */font-size: 16px;color: #777;line-height: 28px;}
#AB .col-right{margin-top: 200px;}
#AB .col-right img{width: 100%}

/* .business_background{clear: both;background-color: #f8f8f8;padding: 126px 0;min-height: 500px}
.business_box{text-align: right}
.business_box .main_bold{font-size: 32px}
.business_box .main_bottom{margin-bottom: 50px!important;}
.business_box .main_bold span{border-bottom: 4px solid #c30000;padding-bottom: 28px;} */
/* 关于我们 */
.business-box {background-color: #f8f8f8;padding: 100px 50px 0;}
/* .business {margin-top: 50px;} */
.business .business-item {margin-bottom: 110px;}
.business .img_hover{position: relative;overflow: hidden;}
.business .img_hover .no_hover img{width: 100%}
.business .img_hover .no_hover .tit{padding: 35px 5px 30px;text-align: center;height: 150px;background-color: #fff;}
.business .img_hover .no_hover .tit p{font-size: 21px;text-align: center}
.business .img_hover .no_hover .main_bottom{margin-bottom: 20px!important;}
.business .img_hover .no_hover .tit p span{border-bottom: 4px solid #c30000;padding-bottom: 12px;}
/* .business .img_hover .hover.bus2 {background: url(../img/back3.jpg) no-repeat;background-size: 100% 100%;} */
.business .img_hover .hover {display: none;;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;color: #fff;/* display: none; */}
.business .img_hover .hover .hover_bag{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #c30000;opacity: .8;padding: 120px 20px;text-align: center;text-decoration: none;color: #fff;}
.business .img_hover .hover .hover_bag .tit p{font-size: 20px;text-align: center}
.business .img_hover .hover .hover_bag .main_bottom{font-size: 23px !important;margin-bottom: 20px!important;}
.business .img_hover .hover .hover_bag .tit p span{border-bottom: 4px solid #fff;padding-bottom: 12px;}
.business .img_hover .hover .hover_bag .main_box{font-size: 16px !important;line-height: 32px}
.business .img_hover .hover .hover_bag .main_more{position: absolute;bottom: 30px;left: 50%;transform: translate(-50%)}
.business .img_hover:hover .hover{display: block;}

.join_ul{list-style: none;width: 200px;margin-top: 75px;position: relative;}
.join_ul li{display: block;width: 200px;border-bottom: 1px #FFFFFF solid;line-height: 60px;}
.join_ul li:last-child{border: none}
.join_ul li a{text-decoration: none;display: block;color: #FFFFFF;text-align: right;font-size: 16px;font-weight: 100;}


/* Footer */
.footer {font-size: 1.4rem;padding: 10px 0 20px;color: #fff;background-color: #222;}
.row {margin-left: -15px;margin-right: -15px;}
.footer .footer-row .logo{margin-top: 30px;background-image: url(../img/logo1.png);height: 36px;width: 59px;display: block;}
.footer .logo {float: left;background-size: 100% 100%;}
.footer .footer-row ul {margin-top: 30px;padding-bottom: 20px;border-bottom: 1px solid #333;overflow: hidden;display: inline-block;}
.footer .footer-row li {float: left;padding: 0 30px;list-style: none;}
.footer .footer-row a {color: #fff;text-decoration: none;cursor: pointer;}
.footer .record {color: #555;font-size: 13px;padding-top: 0px;padding-bottom: 10px;text-align: center;}
.footer .record a {color: #555; text-decoration: none;}
.footer .guohui {display: inline-block;text-decoration: none;}
.footer .guohui img {float: left;width: 15px;height: 15px;margin-right: 5px;margin-top: 2px;}
.footer .guohui p {float: left;height: 20px;line-height: 20px;margin: 0px 0px 0px 5px;color: #939393;font-size: 12px;}


/* 固定收益 */
.fixed-income {padding: 80px 0;text-align: center;background: url(../img/service-bg.png) center no-repeat;background-size: 100% 100%;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: 100%;color: #fff;}
.fixed-income .title-view {padding-bottom: 20px;}
.fixed-income .en {color: #fff;}
.fixed-income .des {width: 1100px; margin: 0 auto; text-align: left;line-height: 28px;font-size: 17px;}
.fixed-income .service-info {margin: 75px auto 0;height: 90px;width: 90%;line-height: 90px;border: 1px solid #fff;font-size: 1.8rem;}
/* .fixed-income .service-info:hover {border: 0; background-color: #c10712;} */
/* .fixed-income .service-info a{text-decoration: none;color: #fff;display: block} */

/* 弹出层 */
/* .fixed-income-modal-view {padding: 50px;}
.modal-content .title {font-size: 20px;color: #333; ma再rgin-bottom: 10px!important;} 
.modal-content .des {font-size: 15px;color: #555;} */

/* 股权投资 */
#private-equity {width: 98%;margin: 140px auto 3px;/* padding: 0 40px; */}
#private-equity .col-left {position: relative;height: 320px;}
#private-equity .col-right {position: relative;margin-top: -100px;}
#private-equity .col-right .right{text-align: left;}
#private-equity .col-right .right .gray-line {margin-top: -8px;margin-left: 25px;background-color: #eee;width: 180px;height: 1px;}
#private-equity .col-left .left-img {/* position: absolute; *//* top: 10px; *//* left: 10px; *//* right: 10px; *//* bottom: 10px; */width: 100%;height: 100%;background: url(../img/img4.png) center no-repeat;background-size: 100% 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;z-index: 1000;}
#private-equity .col-left .left-border {position: absolute;top: -50px;bottom: -50px;left: 50px;width: 90%;border: 1px solid #c30000;background-color: white;padding: 10px;}
#private-equity .right .title-view {margin-left: 25px; font-size: 32px;color: #333;font-weight: 600;}
#private-equity .col-right .content {font-size: 18px; background: #eee;padding: 0 20px 20px 20px}
#private-equity .col-right .text {padding-top: 25px;overflow: hidden;}
#private-equity .col-right .tit {width: 10%;float: left;font-weight: 600;text-align: right;text-align: justify;}
#private-equity .col-right .quto-box {float: left;width: 3%;text-align: center;margin-top: 3px;}
#private-equity .col-right .text-right {width: 87%;float: left;text-align: left;font-size: 14px;}

/* 地产金融 */
#realty-finance {margin: 80px 0 63px;}
/* #realty-finance .col-band {padding-left: 5px;padding-right: 5px;cursor: pointer;} */
#realty-finance .left-img {background: url(../img/service-3-left.jpg) center no-repeat;background-size: 100% 100%;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative;width: 100%;height: 300px;color: #fff;}
/* #realty-finance .bond-info .bottom-title {display: block;position: absolute;bottom: 0;width: 100%;opacity: .7;background-color: #c30000;color: #fff;text-align: center;font-size: 2.2rem;height: 70px;padding-top: 10px;display: flex;align-items: center;justify-content: center;font-weight: 600;}
#realty-finance .bond-info .cover-content {display: none;position: absolute;width: 100%;top: 0;bottom: 0;padding: 60px 25px 10px;background-color: #c30000;opacity: .7;color: #fff;}
#realty-finance .bond-info .cover-content h3 {font-size: 22px;margin-bottom: 30px;text-align: center;}
#realty-finance .bond-info .cover-content p {font-size: 15px;} */
/* #realty-finance .bond-box .bond-info:hover .bottom-title {display: none;} */
/* #realty-finance .bond-box .bond-info:hover .cover-content {display: block;} */
#realty-finance .bond-right {font-size: 32px;text-align: left;margin-left: 10px;}
#realty-finance .bond-right .des {line-height: 28px; font-size: 15px;color: #777;text-indent: 2em;}

/* 联系我们 */
#contact-us .function-box {margin-bottom: 20px;}
#contact-us .function-box .col-function .function {margin: auto;height: 220px;}
#contact-us .function-box .col-function {/* margin-top: 106px; */text-align: center;}
#contact-us .function-box .function .radius {margin: auto;display: flex;align-items: center;justify-content: center;border-radius: 81px;width: 162px;height: 162px;background-color: #eee;margin-bottom: 20px;}
#contact-us .function-box .function .radius p{color: #333;font-weight: 700;font-size: 2.2rem}
#contact-us .function-box .function .bottom {font-size: 1.6rem;color: #777;}
#contact-us .address-box {background-color: #f5f5f5;height: 500px;display: flex;} 
/* #contact-us .address-box .col-address {margin-top: 40px;} */
#contact-us .address-box .col-address .address {position: relative;height: 300px;display: table;width: 100%;}.address-box .address .content {display: table-cell;vertical-align: bottom;}
#contact-us .address-box .address .bg-box {height: 160px;position: relative;margin-bottom: 22px;}
#contact-us .address-box .address .bg1 {position: absolute;bottom: 0;height: 107px;width: 100%;background: url(../img/beijing.png) no-repeat;background-size: 100% 100%;}
#contact-us .address-box .address .bg2 {position: absolute;bottom: 0;height: 136px;width: 100%;background: url(../img/shanghai.png) no-repeat;background-size: 100% 100%;}
#contact-us .address-box .address .bottom {overflow: hidden;font-size: 1.4rem;}
#contact-us .address-box .address .tit {float: left;font-size: 1.9rem;width: 23%;text-align: center;color: #333;}
#contact-us .address-box .address .text {float: right;width: 77%;padding-left: 20px;font-size: 1.4rem;margin-top: 5px;color: #777;line-height: 28px;}
#contact-us .ban {width: 60%;display: inline-block;height: 65px;background: url(../img/contact-us.png) no-repeat;background-size: 100% 100%;margin-bottom: 20px;}

.service_title{text-align: center;font-size: 24px}
.service_name{font-size: 18px;width: 80%;margin: 30px auto !important;text-align: center;}
.service_sub{font-size: 22px;text-align: center;color: #c30000}
.service_flex{display: flex;justify-content: space-between;margin: 30px 0;padding: 0 100px;}
.service_flex .service_box{width: 30%}

.service_flex .service_box .title{text-align: center;height: 40px;background: #999;color: #fff;font-size: 20px;line-height: 40px}
.service_flex .service_box .content{height: 200px;background: #f2f2f2;padding: 20px;font-size: 16px}
.service_flex .service_box2{width: 45%}
.service_flex .service_box2 img{width: 100%}
.service_flex .service_box3{width: 100%}
.service_flex .service_box3 img{width: 100%}
.success{font-size: 22px;margin-bottom: 50px}
.success .suc{margin: 10px 0 !important;text-align: center}
.success .fot{text-align: center}
/* .invest-service-bg {padding: 80px 0;text-align: center;background: url(../img/service-bg.png) center no-repeat;background-size: 100% 100%;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: 100%;color: #fff;} */

.job-des {margin-top: 60px;float: left;margin-left: -10px;width: 800px;border-radius: 10px;background: rgba(255,255,255,0.8);color: #333;padding: 15px 30px 30px;}
.job-des > h3 {margin-bottom: 20px;}
.job-des > p {font-size: 16px;line-height: 30px;}
.job-nav > ul {	width: 200px;float: right;margin-top: 75px;position: relative;list-style: none; }
.job-nav > ul li {display: block;float: right;width: 200px;border-bottom: 1px solid #fff;line-height: 60px;}
.job-nav > ul > li.active  {border-bottom: 1px solid #c10712;color: #c10712;}
.job-nav > ul > li.active a {color: #c10712;font-weight: 600;}
.job-nav > ul a {display: block;color: #fff;text-align: right;font-size: 16px;font-weight: 100;text-decoration: none;}

@media screen and (max-width: 992px) {
    #private-equity .col-right {
        margin-top: 60px;
	}
	
	#AB .col-left .left-box {
		padding: 20px 20px 0px;
		height: 468px;
	}

	.container .service_flex {
		padding: 0;
	}

	.container .service_flex .service_box .content {
		height: auto;
	}

	.job-des {
		margin-top: 20px;
		width: 100%;
	}

	.job-nav > ul > li > a{
		color: #333;
	}
}