/*-----------------[BASIC STYLES]-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
*{box-sizing: border-box;margin: 0; padding: 0;}
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
html,body{height: 100%;font-family: arial;}
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

article, aside, footer, header, hgroup, nav, section { display: block; }

a { text-decoration: none;}
.clear { clear: both; }

/*-----------------[END BASIC STYLES]-----------------*/


/*头部样式*/
	#top{width:1400px;margin: 0 auto;position: absolute;z-index: 999;left: 50%;margin-left: -700px;top:5%;}
	#top .logo{float: left;}
	#top #nav{float: right;}
	#top #nav li{float: left;border-left: 3px solid #d2a159;padding-left: 7px;line-height: 22px;font-size: 14px;padding-right: 100px;}
	#top #nav li a{color: #fff;text-transform: uppercase;}
	#top #nav li a b{font-size: 20px;}
	#top #nav li a:hover{color: #d2a159;}
	#top .mobile_nav{display: none;position: absolute;top: 2%;right: 2%;width: 40px;z-index: 999;}
	#top .mobile_nav li{height: 5px;background: #fff;margin-top: 5px;transition: all 0.5s;}
	#top .mask{display: none;position:fixed;top: 0;left: 0;right: 0;bottom: 0;background:rgba(0,0,0,0.8);z-index: 900;}

#top #nav li:nth-child(1){display: none;}
.navmenu li:nth-child(2){opacity: 0;}
.navmenu li:nth-child(1){transform: rotate(45deg) translate(3px, 16px);transition: all 0.5s;}
.navmenu li:nth-child(3){transform: rotate(-45deg) translate(-2px, -11px);transition: all 0.5s;}

.hiddenx{overflow: hidden;}





/*底部样式*/
#footer{background: #1b1b1b;padding-top: 30px;border-top: 1px solid #ffd18d;}
#footer .container{width:1400px;margin: 0 auto;height:250px;}
.footer_logo{float: left;}
.footer_menu{float: left;margin-left: 155px;}
.footer_menu .links{border-bottom:1px solid #595958;height: 30px;}
.footer_menu .links li{float: left;width: 25%;}
/*.footer_menu .links li:hover{background: url(../img/jt.png) no-repeat left bottom;padding-bottom: 13px;}*/
.footer_menu .links li a{font-size: 12px;color: #e1e1e1;text-transform: uppercase;}
.footer_menu .links li:last-child{width: 70px;}
.footer_menu .info{font-size: 14px;color: #848484;margin-top: 40px;line-height: 30px;}
#footer .top{float: right;text-align: center;}
.gotop{width: 142px;height: 40px;line-height: 40px;padding-left: 35px;font-size: 12px;background: url(../img/top.png);margin-top: 10px;color: #ccc;cursor: pointer;}



#vision{background: url(../img/ab1.jpg) center center no-repeat #000;width: 100%;height: 640px;text-align: center;padding-top: 50px;background-size:cover;}
#values{background: url(../img/ab2.jpg) center center no-repeat;width: 100%;height: 640px;text-align: center;padding-top: 50px;background-size: cover;}
#plan{background: url(../img/ab3.jpg) center center no-repeat fixed #c4c3bf;width: 100%;height: 640px;text-align: center;padding-top: 50px;background-size: cover;}
#vision h2,#values h2,#plan h2{font-size: 38px;color: #fff;font-weight: 300;padding-top: 30px;padding-bottom: 10px;}
#plan h2{color: #282828;}
#vision h3,#values h3,#plan h3{font-size: 14px;color: #909090;text-transform: uppercase;position: relative;}
#vision h3:after,#values h3:after,#plan h3:after{content: "";display: block;width: 46px;height: 2px;margin: 20px auto 20px;background: #d2a159;}
#vision p,#values p{font-size: 18px;color: #e0e0e0;width: 783px;display: inline-block;line-height: 48px;}
#plan .submit{display: inline-block;width: 276px;height: 65px;text-align: center;line-height: 65px;background: #d2a159;border-radius: 5px;font-size: 20px;color: #fff;margin-top: 10px;transition: all 0.5s;}
#plan .view{display: inline-block;width: 276px;height: 65px;text-align: center;line-height: 65px;background: #423f3b;border-radius: 5px;font-size: 20px;color: #fff;margin-left: 80px;margin-top: 10px;transition: all 0.5s;}
#plan .submit:hover{background: #f6ba62;transition: all 0.5s;line-height: 60px;}
#plan .view:hover{background: #2e2e2e;transition: all 0.5s;line-height: 60px;}

.slideshow{overflow: hidden;position: relative;}
.swiper-slide img{max-width: 100%;display: block;}


@keyframes myfirst
{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
 
@-webkit-keyframes myfirst 
{
    0% {opacity:0;}
   100% {opacity: 1;}
}


.bg-holder{
    animation:myfirst 1s;
    -webkit-animation: myfirst 1s;
}

/*团队*/

#banner{text-align: center;background: url(../img/team.jpg) center center;height: 400px;background-size:cover;}
#banner h2{font-size: 50px;color: #fff;text-transform: uppercase;padding-top: 170px;}
#banner h2 span{font-size: 18px;color: #ffffff;font-weight: normal;}
#members{background: #000;}
#members p{width: 900px;font-size: 16px; color: #e8ebeb;line-height: 35px;text-align: center;margin: 0 auto;padding:60px 0 40px;}
.membersbox{width: 1400px;margin: 0 auto;background: #000;overflow: hidden;}
.membersbox .members{width: 23%;margin:30px 1%;float: left;position: relative;overflow: hidden;}
.membersbox .members .photo{width: 100%;max-width: 100%;display: block;}
.membersbox .mebinfo{position: absolute;height:100px;background: #d2a04c;bottom:0px;transition: all 0.5s;padding: 30px;width: 100%;}
.members:hover .mebinfo{bottom: 0px;transition: all 0.5s;}
.membersbox .mebinfo h3{color: #fff;font-size: 14px;float: left;}
.membersbox .mebinfo h3 span{font-size: 14px;font-weight: normal;line-height: 35px;}
.membersbox .mebinfo .more{float: right;width: 65px;height: 20px;line-height: 19px;text-align: center;color: #fff;font-size: 12px;border: 1px solid #fff;border-radius: 15px;text-transform: uppercase;margin-top: 17px;}

.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -47%;
	width: 94%;
	background: #fff;
	height: 550px;
	position: absolute;
	z-index: 101;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
	
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	} 

.reveal-modal .box_left{float: left;background: #d2a153;width:100%;padding:0px;}
.reveal-modal .box_left img{width: 100%;max-width: 100%;display: block;}
.reveal-modal .box_right{float: right;width:100%;padding-top: 20px;background: #fff;}
.reveal-modal .box_right h3{font-size: 20px;color: #000;padding:10px;}
.reveal-modal .box_right h3 span{font-size: 14px;color: #c3c6c8;font-weight: normal;}
.introduction h4{color: #7d7d7d;font-size: 16px;margin-top: 10px;padding:10px;}
.introduction h4 span{color: #7d7d7d;font-size: 13px;line-height: 25px;font-weight: normal;}
.introduction .intros{color: #7d7d7d;font-size: 13px;line-height: 25px;margin-top: 10px;padding:10px;}
.introduction .intros::-webkit-scrollbar{width: 6px;background-color: #fff;}
.introduction .intros::-webkit-scrollbar-thumb{width: 6px;background-color: #d2a153;}
.introduction .intros::-webkit-scrollbar-track {background-color: #fff;}







/*投资组合*/
#portfolio{text-align: center;background: url(../img/portfolio.jpg) center center;height: 400px;background-size:cover;}
#portfolio h2{font-size: 50px;color: #fff;text-transform: uppercase;padding-top: 170px;}
#portfolio h2 span{font-size: 18px;color: #ffffff;font-weight: normal;}

.content-box {
	width:100%;
	
	margin: 0 auto;
	position: relative;
}
.content {
	color:#fff;
	padding:10px;
	display: none;
	opacity:0;
	transition:all ease 1s;
	position: relative;
	width: 100%;
	z-index: -90;
}
.contentin {
	opacity:1;
	z-index:99;
	display: block;
}

.imglist{overflow: hidden;}
.imglist li{float: left;width: 48%;margin: 1%;background: #181818;text-align: center;height: 100px;cursor: pointer;}
.imglist li img{max-width: 70%;max-height: 50%;margin-top: 20%;filter: brightness(50%);-webkit-filter: brightness(50%);}
.tablist{text-align: center;}
.tablist li{display: inline-block;background: #eeeeee;color: #282828;font-size: 18px;padding: 10px 40px;border-radius: 5px;margin: 10px;cursor: pointer;}
.tablist li.tabin{background: #d2a153;color: #fff;}
.imglist{margin-top: 25px;}
.imglist li:hover{background: #d2a153;}
.imglist li:hover img{filter: brightness(100%);-webkit-filter: brightness(100%);}


/*新闻动态*/
#news{text-align: center;background: url(../img/news.jpg) center center;height: 400px;background-size:cover;}
#news h2{font-size: 50px;color: #fff;text-transform: uppercase;padding-top: 170px;}
#news h2 span{font-size: 18px;color: #ffffff;font-weight: normal;}
#newslist{width: 96%;margin: 2% auto;background: #fff;}
.newsbox li{background: #d7a961;height: auto;margin-top: 50px;overflow: hidden;}
.newsbox .article{float: left;width: 100%;padding: 20px;color: #fff;}
.newsbox .article h3{font-size: 20px;}
.newsbox .article h4{font-weight: normal;font-size:14px;line-height: 44px;}
.newsbox .article .newswords{font-size: 14px;line-height: 24px;height: 200px;overflow: hidden;border-top: 1px solid #eee; padding: 10px 0;}
.newsbox .newsimg{float: right;}
.newsbox .newsimg img{width: 100%;max-width: 100%;}
.newsbox .readmore{color:#d7a961;background: #fff;text-transform: uppercase;font-size: 12px;border-radius: 15px;display: block;width: 150px;text-align: center;line-height: 32px;margin:20px auto 10px;}
.newsbox .readmore:hover{filter: brightness(90%);-webkit-filter:brightness(90%);}
.loadmore{text-align: center;padding: 30px;}
.newsbox li:nth-child(2n) h3{color: #d7a961;}
.newsbox li:nth-child(2n){background: #212121;}
.newsbox li:nth-child(2n) .article{float: right;background: #212121;color: #c2c2c2;}
.newsbox li:nth-child(2n) .newsimg{float: left;}
.newsbox li:nth-child(2n) .readmore{background: none;border:1px solid #d7a961;}


#newslist{margin-top: 30px;}
.newsdetail{font-size:16px;color:#696969;line-height: 35px;margin-top: 60px;border-top: 1px solid #cdcbcb;padding-top: 30px;}
.newsdetail img{width: 100%;max-width: 100%;margin-top: 50px;}
.headerline h1{font-size: 22px;color: #515255;border-left: 3px solid #d7a961;padding-left: 15px;margin-top: 20px;}
.time{color: #696969;font-size: 14px;line-height: 50px;float: left;}
.page{text-align: center;margin: 20px;}
.page .pre{background: #ececec;color: #adadad;font-size: 14px;padding: 4px 35px;margin-right: 15px;}
.page .next{background: #ececec;color: #adadad;font-size: 14px;padding: 4px 35px;}
.back{background: url(../img/list.png) no-repeat center right;padding-right: 30px;margin-top: 20px;text-align: right;}
.back a{color: #888787;font-size: 14px;height: 20px;line-height: 20px;}


@media screen and (max-width: 2400px){
	#banner,#portfolio,#news{background-size:auto!important;}
}

@media screen and (max-width: 1920px){
	#vision{background-size:auto!important;}
}


@media screen and (max-width: 1400px){
	#top{width:1200px;margin: 0 auto;position: absolute;z-index: 999;left: 50%;margin-left: -600px;top:5%;}
	
	
}

@media screen and (max-width: 1200px){
	#top{width:1000px;margin: 0 auto;position: absolute;z-index: 999;left: 50%;margin-left: -500px;top:4%;}
	#top #nav li{line-height: 22px;font-size: 14px;padding-right: 40px;}

}


@media screen and (max-width: 1024px){
	#top{width:750px;margin: 0 auto;position: absolute;z-index: 999;left: 50%;margin-left: -375px;top:3%;}
	#top #nav li{line-height: 22px;font-size: 14px;padding-right: 40px;}

}

@media screen and (max-width: 768px){
 #top{width:100%;margin: 0 auto;position: absolute;z-index: 999;left:0;margin-left:0;top:2%;}
 #top .logo{margin-left: 2%;}
 #top #nav li{line-height: 22px;font-size: 14px;padding-right: 30px;}
 #top .mobile_nav{display: block;}
 #nav{display: none;position: absolute;width: 100%;z-index: 950;}
 #top #nav li{width: 100%;text-align: center;margin-top: 30px;border: none;}
#top #nav li:nth-child(1){display: block;}

#vision p, #values p{width: auto;padding: 20px 50px;font-size: 16px;line-height: 38px;}
#vision{background: url(../img/ab1-1.jpg) center center no-repeat #000;background-size:cover!important;min-height: 700px;}

#footer .container{width:100%;padding: 10px;}
.footer_logo{display: none;}
.footer_menu{margin-left: 0px;}
#footer .top{margin-top: -77px;}
.gotop{display: none!important;}
.skidder-clickwrapper{display: none;}
#plan .view{margin-left: 0;margin-top: 30px;}
.links li:nth-child(4){text-align: right;}
.footer_menu{width: 100%;}
#members p{width: 100%;padding: 20px;}
.membersbox{width: 100%;}
.membersbox .members{width: 90%;margin: 30px 5%;}




}