/* 全局样式 */
 html,body { height:100%;margin: 0px}
 body{test-align: center;}
 ul,li{list-style:none;margin: 0px;padding: 0px;}
 a{text-decoration:none;color: #666666;}
 input,button,img{border:none}

/* 全局样式 */

.bodyer{
	margin-left: auto;
	margin-right: auto;/* 左右距离自动,达到水平居中效果 */
	min-height: 100%;
	max-width:1160px;/* 固定最大宽度,避免宽屏变形 */
	border-radius: 0px;  /* 圆角 */
	/* box-shadow: 1px 1px 1px 1px  #DDDDDD;阴影效果 */
	border: 1px solid #ddddde;
	position: relative;
	
}
/* 头部样式开始 */
.header-back{
	width: 100%;
	height: 157px;
	/* background-color: #000000; */
	
}

.header{
	width:100%;
	height: 157px;
	background-color:#EBCA93;
	/* background-color:#060405; */
	/* background-color:#9F9FA0; */
	/* position: relative; */
	/*固定定位的元素不会随滚动条上下滚动 */
	/* position: fixed; */
	/*拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 */
	/* z-index: 999; */
	/* border-bottom:5px solid #b1986f; */
	display: flex; /* 变成弹性容器 */
	align-items:flex-end;
	            /* 
				flex-start：y轴的起点对齐。
				flex-end：y轴的终点对齐。
				center：y轴的中点对齐。
	            */

}

.header-warp{
	margin-left: 10%;
	width:90%;
	max-width:1160px ;
	margin-bottom:20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/* background-color: #aaaaff; */
	float:left;
	display: block;
}

.logo{
	position: relative;
	width:34px;
	height:50px;
	/* background-color: #ffff7f; */
	background-image: url(../img/logo34x50.png);
	background-repeat: no-repeat;
	float:left;
	display: block;
	background-position: center left;/* 背景图定位x坐标 y坐标,top|center|bottom|left|center|right */
}

.logo2{
	/* width:156px; */
	width:250px;
	height:50px;
	/* margin-right: 10%; */
	/* background-color: #aaffff; */
	background-image: url(../img/xszx250x50.png);
	background-repeat: no-repeat;
	background-position: center right;/* 背景图定位x坐标 y坐标,top|center|bottom|left|center|right */
	float:right;
	display: block;
}



/* 头部样式结束*/

/* 导航栏样式开始 */
.nav{
	width: 100%;
	height:61px;
	/* background-color: #c9c9ca; */
	border-bottom: 1px solid #cccccc;
	
}

.nav-warp{
	max-width:1160px ;
	/* margin-left: 10%; */
	width:90%;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #aaff00; */
	/* border-bottom:5px solid #7d7d7e; */
}

.nav-warp>ul{
	
	
	/* background-color: #FF0000; */
}
.nav-warp li{
	/* height: 100%; */
	 padding-right:10px; 
	float: left;
	/* background-color: #55ffff; */
}
.nav-warp a{
	white-space: nowrap;
	display: block;
	color: #333333;
	font-size: 1.2em;
	font-weight: 400;
	font-family: "Noto Sans SC";
	line-height: 61px;
	text-align: center;/* 文本的水平对齐 */
	/* padding-left: 10px ; */
	/* padding-right:10px; */
	text-decoration: none;/*表示的是文本没有下划线*/
}
.nav-warp a:hover{
	background-color: #ddddde;
}
/* 导航栏样式结束 */

/* 顾问介绍开始 */

.box{
	width: 100%;
	height: 1000px;
	/* background-color: #9F9FA0; #0274be*/
	/* background-color: #aaff00; */
	/* background:linear-gradient(to right,#060405, #9F9FA0); */
	/* min-height: 500px; */
	overflow: hidden;
	display: flex; /* 变成弹性容器 */
	align-items:center;
	            /* 
				flex-start：y轴的起点对齐。
				flex-end：y轴的终点对齐。
				center：y轴的中点对齐。
	            */
}

.box-wrap{
    width:90%;
	/* height: 300px; */
	margin-left: auto;
	margin-right: auto;
	max-width:1160px ;
	/* margin-top: 10%; */
	/* margin-left: 10%; */
	display: block;
	float:left;
	/* background-color: red; */
	/* display: flex; /* 变成弹性容器 */ */
	align-items:center;
	            /* 
				flex-start：y轴的起点对齐。
				flex-end：y轴的终点对齐。
				center：y轴的中点对齐。
	            */
}

.box-baby{
	width: 100%;
	/* height: 400px; */
	line-height: 400px;
	float: left;
	display: block;
    padding-top: 35px;
	 padding-bottom: 25px;
	/* background-color: #aaff00; */
}

.box-img{
	width:60%;
	/* width:211px; */
	 /* width:745px; */
	 /* height:437px; */
	/* margin-top:10px; */
	/* height:280px; */
	/* background-color: #000000; */
	border-radius:3px;/* 圆角 */
	display: block;
	float:left;
	overflow: auto;
}
img{
	float:left;
	display: block;
	
	}


.box-text{
	width:40%;
	/* background-color:#DDDDDD; */
	float: left;
	display: block;
    padding-top: 20px;
}
.box-text>ul{
		  	
}

.box-text li{
	/* color:#ffffff; */
	padding-top: 10px;
	padding-left: 30px;
	margin-bottom:0.5em;
	line-height: 10px;
	letter-spacing:0.1em;/* 字间距 */
	/* font-family:Noto Sans SC; */
	font-family: "Noto Sans SC";
	color: #666666;
}

.box-text li:nth-of-type(1){font-size: 2em;font-weight:700;}
.box-text li:nth-of-type(2){font-size: 1.2em;font-weight:400;}
.box-text li:nth-of-type(3){font-size: 1.2em;font-weight:400;}
.box-text li:nth-of-type(4){font-size: 1.4em;font-weight:700;margin-top: 1em;}
.box-text li:nth-of-type(5){font-size: 1.2em;font-weight:400;}
.box-text li:nth-of-type(6){font-size: 1.2em;font-weight:400;}
.box-text li:nth-of-type(7){font-size: 1.2em;font-weight:400;}
.box-text li:nth-of-type(8){font-size: 1.4em;font-weight:700;margin-top: 1em;}
.box-text li:nth-of-type(9){font-size: 1.2em;font-weight:400;}
.box-text li:nth-of-type(10){font-size: 1.2em;font-weight: 400;text-decoration:underline;}

/* 顾问介绍结束 */


.fuwujieshao{
	width: 100%;
	/* height: 61px; */
	 background-color: #EBCA93; 
	/* border-bottom: 1px solid #c9c9ca; */
}
.fuwujieshao-warp{
	width: 90%;	
	max-width:1160px ;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #aaff00; */
}
.fuwujieshao>ul{
	
}

.fuwujieshao li{
	/* font-family:"Noto Sans SC"; */
	font-family: "中文细体";
	font-weight: 700;
	font-size: 1em;
	line-height: 61px;
	color: #666666;
}


.xinjian{
	width: 100%;
	min-height: 400px;
	/* background-color: #9F9FA0; */
	/* background-color: #EBCA93; */

}

.xinjian-warp{
	width:90%;
	max-width: 1160px;
	margin-left: auto;
	margin-right:auto;
    padding-top: 20px;
}
.xinjian>ul{
		
}
.xinjian li{
	font-family: "Noto Sans SC";
	line-height: 20px;
	margin-top: 20px;
	font-size: 1em;
	letter-spacing: 0.1em;/*字符间距*/
	color: #666666;
}

.guangzhou{
	width: 100%;
	height:419px;
	background-image: url(../img/guangzhou1279x419.png);
	background-size: 100%;
	background-repeat: no-repeat;
	/* background-color: #55aaff; */
	display: flex; /* 变成弹性容器 */
	align-items:center;
	            /* 
				flex-start：y轴的起点对齐。
				flex-end：y轴的终点对齐。
				center：y轴的中点对齐。
	            */
}

.contact{
	width:100%;
	height:300px;
	/* background-color: #00ff00; */
	display: flex; /* 变成弹性容器 ,修改后才能使用对齐*/
	align-items:center;
	color:#666666;
	font-family: "Noto Sans SC";
	overflow: hidden;
		
}

.contact-wrap{
    width:80%; 
	margin-left: auto;
	margin-right: auto;
	max-width:1160px ;
	display: block;
	/* background-color: red; */
	float:left;
	align-items:center;	
}
.contact-baby{
	width:50%;
	/* background-color: #5555ff; */
	float: left;
	display:block;
	
}
.contact-text{
	width: 60%; 
	float: left;
	display:block;
	line-height: 32px;
	/* padding-left: 20px; */
	
	/* background-color: #DDDDDD; */
}

.contact-text li:nth-of-type(1){font-size: 16px;font-weight:700;}
.contact-text li:nth-of-type(2){font-size: 14px;font-weight:400;}
.contact-text li:nth-of-type(3){font-size: 14px;font-weight:400;}
.contact-text li:nth-of-type(4){font-size: 14px;font-weight:400;}


.contact-img{
	width: 18%;
	font-size:10px;
	text-align: center;
	/* height: 150px; */
	/* margin-left: 5%; */
	/* background-color: red; */
	float: left;
	display:block;
}
.line{
	float: left;
	display:block;
	border-bottom: 0px solid #e5e5e5; 
}

/* 底部开始 */
.foot-1{
	width: 100%;
	height: 50px;
	background-color: #EBCA93;
	/* background-color: #000000; */
	position: absolute;
	/* border-top:5px solid #9a8461; */
	display: flex; /* 变成弹性容器 */
	align-items:center;
	            /* 
				flex-start：y轴的起点对齐。
				flex-end：y轴的终点对齐。
				center：y轴的中点对齐。
	            */
	 /*text-align: center; 文本的水平对齐 */
}
.foot-2{
	width: 100%;
	height: 50px;
	background-color: #EBCA93;
	/* background-color: #060405;/*#EBCA93;*/ */
	position: absolute;
	/* border-top:5px solid #9a8461; */
	display: flex; /* 变成弹性容器 */
	align-items:center;
	            /* 
				flex-start：y轴的起点对齐。
				flex-end：y轴的终点对齐。
				center：y轴的中点对齐。
	            */
	 /*text-align: center; 文本的水平对齐 */
}
.foot-wrap{
	margin-left: auto;
	margin-right: auto;
	
	/* padding-top:40px; */
}
.copyright{
	/* margin-top: 5%; */
	/* width: 80%; */
	float: left; 
	display:block;
	margin-left: auto;
	margin-right: auto;
	display: flex; /* 变成弹性容器 */
	align-items:center;
	/* line-height: 50px; */
	/* background-color: #008dd4; */
	
}

.copyright ul{
	width: 100%;
	/* background-color: #aaff00; */
	margin-left: auto;
	margin-right: auto;
	display: flex; /* 变成弹性容器 */
	align-items:center;
}
.copyright li{
	font-family: "Noto Sans SC";
	/* width: 45%; */
	/* background-color: #ffaaff; */
	font-size: 0.8em;
	font-weight: 100;
	color:#000000;
	margin-left: auto;
	margin-right: auto;
	float: left;
	display: block;
}


/* 底部结束 */


/* ********************头部响应式开始 *********************************/
/* 手机端 */
@media screen and (max-width:504px) {


	
.header{
	height:90px;
	position: relative; 
	/*固定定位的元素不会随滚动条上下滚动 */
}	

.header-warp{
	margin-left: 10%;
	width:86%;
	margin-bottom:20px;
	/* background-color: #aaff00; */
}
	
.logo{
	width:10%;
	background-size: 60%;
	background-position: bottom left;/* 背景图定位x坐标 y坐标,top|center|bottom|left|center|right */
    /* background-color: #008dd4; */
}
.logo2{
	width:80%;
    background-size: 60%;
	background-position: bottom right;
	/* background-color: #ffff00; */
	
}	
	



/* 导航栏样式开始 */
.nav{
	height:50px;
	
	
}
.nav-warp{
	/* height:30px; */
	background-color: #aaff00;
	/* border-bottom:5px solid #7d7d7e; */
}

.nav-warp>ul{
	
	background-color: #FF0000;
}
.nav-warp li{
	float: left;
	/* background-color: #55ffff; */
}
.nav-warp a{
	font-size: 14px;
	font-weight: 400;
	line-height: 50px;
	
}
.nav-warp a:hover{
	background-color: #ddddde;
}
/* 导航栏样式结束 */

.box{
	height: auto;

}

.box-wrap{
	/* width: 85%; */
	/* margin-left: 12%; */
	/* margin-top: 1%; */
	/* background-color: #55ffff; */
	
	
}

.box-baby{
    width: 100%;
	/* display:inline-block ; */
    /* background-color: #aaff00; */
	display: block;
	float: left;
}

.box-img{
	/* width:100%; */
	width:100%;
	/* background-color: #000000; */
	border-radius:3px;
	
}
img{
	/* width: 70%; */
    /* height:100%; */
    float:left;
	
	}

.box-text{
	margin-top: 10px;
	/* margin-bottom: 20px; */
	/* padding-top: 30px; */
	width:100%;
	/* border-left:5px solid #f4f4f4; */
	/* border-right:1px solid #dfdfdf; */
	/* border-top:1px solid #dfdfdf; */
	/* border-bottom:1px solid #dfdfdf; */
	
	/* background-color: #FF0000; */
    /* display: block; */
}

.box-text li{padding-left: 10px;line-height: 5px;}

.box-text li:nth-of-type(1){font-size: 16px;font-weight:700;}
.box-text li:nth-of-type(2){font-size: 14px;font-weight:400;}
.box-text li:nth-of-type(3){font-size: 14px;font-weight:400;}
.box-text li:nth-of-type(4){font-size: 14px;font-weight:700;margin-top: 1em;}
.box-text li:nth-of-type(5){font-size: 14px;font-weight:400;}
.box-text li:nth-of-type(6){font-size: 14px;font-weight:400;}
.box-text li:nth-of-type(7){font-size: 14px;font-weight:400;}
.box-text li:nth-of-type(8){font-size: 14px;font-weight:700;margin-top: 1em;}
.box-text li:nth-of-type(9){font-size: 14px;font-weight:400;}
.box-text li:nth-of-type(10){font-size:14px;font-weight:400;text-decoration:underline;}

.fuwujieshao{
	/* width:85%; */
	padding-top:10px; 
	/* padding-bottom:5px; */
	height: 60px;
}
.fuwujieshao >ul{
	
	/* margin-bottom: 15px; */
	
}
.fuwujieshao li{
	font-weight: 800;
	font-size: 12px;
	line-height: 25px;
	width:95%;
	/* margin-top: 10px; */
}

.xinjian{
	min-height: 750px;
	/* line-height:20px; */
}

.xinjian li{
	font-family: "Optima-Regular";
	line-height: 1.5em;
	margin-top: 28px;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.1em;/*字符间距*/
	
}


.guangzhou{
	background-image:url(../img/guangzhou768x392.jpg);
	height:200px;
	/* background-color: #FF0000; */
}
.contact{
	height:680px;
	font-weight:400;
	font-size:14px;
	/* margin-top:5px; */
	/* margin-bottom:20px; */
}
.contact-wrap{
   width: 80%;
}
.contact-baby{
   width: 100%;
}
.contact-text{
	width: 100%;
	line-height: 20px;
	margin-top:30px;
	/* border-left: 5px solid #008dd4; */
	font-size:1em;
}
.contact-img{
	width: 60%;
	/* height: 150px; */
	margin-left: 20%;
	font-size: 12px;
}
.line{
	border-bottom: 1px solid #e5e5e5; 
}

/* 底部开始 */
.foot-1{
	
	height: 40px;
	
}
.foot-2{
	
	height: 40px;
	
}
.foot-wrap{
	
	
	/* padding-top:40px; */
}
.copyright{
	width: 95%;
	
	/* background-color: #008dd4; */
	
}

.copyright ul{
	width: 100%;
	/* background-color: #aaff00; */
	
}
.copyright li{
	width: 100%;
	/* background-color: #ffaaff; */
	font-size: 9px;

	
}

/* 底部结束 */

}

@media screen and (max-width:636px) and (min-width:484px) {
.box{
	height: 1200px;
}
.box-baby{
	margin-top: 5%;
}
.xinjian{
		height:300px;
		
	}
	
.fuwujieshao{
	/* width:80%; */
	height: 60px;
	margin-top: 20px;
}
.fuwujieshao li{
	line-height: 25px;
	
}	
.copyright{
	 font-size: 0.5em;
}	


.guangzhou{
	height:200px;
	/* background-color: #aaff00; */
}
.contact{
	height:700px;
	margin-top: 2%;
	/* background-color: #aaff00; */
}

.contact-img{
	width: 50%;
	
}
	
}

/* 平板端 */
@media screen and (max-width:1043px) and (min-width:636px) {
.box-baby{
	margin-top: 5%;
}	
.fuwujieshao{
	/* width:80%; */
	height: 60px;
	/* margin-top: 20px; */
}
.fuwujieshao li{
	line-height: 25px;
	
}

.xinjian{
	height: 300px;
}
.guangzhou{
	height:392px;
	background-image: url(../img/guangzhou768x392.jpg);
	
}

.copyright{
	 font-size: 0.1em;
}

}

/*PC端1280 */
@media screen and (max-width:1300px) and (min-width:1043px){
.guangzhou{
	height:392px;
 	background-image: url(../img/guangzhou1263x392.jpg);
 	 
}
.contact{
	height:200px;
}



/*PC端 */
@media screen and (max-width:1920px) and (min-width:1300px){
.guangzhou{
	height:300px;
 	background-image: url(../img/guangzhou1646x443.jpg);
 	 
}
.contact{
	height:200px;
}

/* PC大屏 */
 
@media screen and (min-width:1920px) {
.guangzhou{
	height:443px;
	background-image: url(../img/guangzhou2000x700.jpg);
	
}
}