@charset "utf-8"



.clearfix {

	zoom: 1;

	position: relative;

}



.clearfix:before,.clearfix:after {

	display: table;

	content: "";

	zoom: 1;

}



.clearfix:after {

	clear: both;

}

a {

	color: #212121

	text-decoration: none;

}

a:hover {

	color: #bb883c;

	text-decoration: underline;

}



li{list-style:none;}

.header {

	padding-top: 15px;

	padding-top: 15px;

	box-sizing: border-box;

	position: relative;

}



.header .topLink {

	position: absolute;

	right: 0;

	top: 17px;

}



.header .topLink a {

	color: #555;

}

.header .topLink a:hover {

	color: #bb883c;

}





.menuBox {

	

	list-style: none;

	margin: 0;

	padding: 0;

	margin-top: 10px;

}



.menuBox li {

	float: left;

	list-style: none;

	height: 45px;

	margin-right: 20px;

	margin-left: 0;

	padding: 0 20px;

	height: 55px;

	line-height: 55px;

	position: relative;

}



.menuBox li a {

	display: block;

	font-size: 22px;

	color: #bb883c;

	text-decoration: none;

	font-weight:bold;

}



.menuBox li ul {

	display: none;

	list-style: none;

	padding: 0;

	margin:0;

	position: absolute;

	left: 20px;

	width: 220px;

	background: #f5f5f5;

	border: 1px solid #e2e2e2;

	border-bottom: none

}



.menuBox li ul li {

	width: 100%;

	list-style: none;

	height: 45px;

	line-height: 45px;

	border-bottom: 1px solid #ccc;

}







.menuBox li ul li:hover { background: #fff; }



.menuBox li ul li a {

	font-size: 16px;

}



.menuBox li.on {

	background:#bb883c;

	padding-bottom: 0

}

.menuBox li.on a {

	color: #fff;

}

.menuBox li.on ul {

	width: 220px;

	margin-left: -20px;

}



.menuBox li.on ul li:hover {

	background: #fff;

}

.menuBox li.on ul li a {

	color: #bb883c;

}



.header .wapIco {

	position: absolute;

	top: 18px;

	right: 0;

	display: block;

	width: 67px;

	height: 52px;

	cursor: pointer;

	display: none

}



.wapMenu {

	border-top: 1px solid #e2e2e2;

	margin-left:-15px;

	margin-right:-15px;

	background: #fff;

}

.wapMenu li {

	width: 100%;

	float: none;

	padding-left: 20px;

	border-bottom: 1px solid #e2e2e2;

	height: auto

}



.wapMenu li ul {

	position: relative;

	width: 100%;

	margin-bottom: 15px;

}





.banner { width: 100%; text-align: center; }

.banner img { display: inline-block; width: 100%; }



/**/



.graybg {

	background: #f6f6f6;

}



.indexAbout {



}



.indexAbout h3 {

	margin-top: 18px;

	font-size: 18px;

	line-height: 90px;

}



.indexAbout p {

	font-size: 16px;

	line-height: 32px;

}





.indexNews {

	background: #B99B67;

	padding-left: 30px;

	padding-right: 30px;

}



.indexNews h3 {

	margin-top: 0;

	font-size: 18px;

	color: #fff;

	padding-top: 28px;

	line-height: 80px;

}





.indexNews ul {

	list-style: none;

	padding: 0;

	margin: 0;

	padding-bottom: 30px;

}



.indexNews ul li {

	border-bottom: 1px solid #fff;

	margin-bottom: 20px;

}



.indexNews ul li a {

	color: #212121;

	font-size: 16px;

	text-decoration: none;

}



.indexNews ul li a:hover {

	color: #fff

}



.indexNews ul li a.more {

	color: #fff;

}





/**/

.indexSpan {

	margin-top: 30px;

	min-height: 300px;

	border-bottom: 3px solid #BB873B;

	background: #a1a1a1;

	color: #fff;

	padding-left: 20px;

	padding-right: 20px;

	padding-top:20px;

}



.indexSpan h4 {

	margin: 0;

	padding: 0;

	font-size: 18px;

	line-height: 60px;

}



.indexSpan p {

	font-size: 16px;

	line-height: 34px;

}



.indexXX {}

.indexXX h2 {

	padding:0;

	margin: 0;

	font-size: 18px;

	line-height: 100px;

	text-align: center;

}



.indexXX p {

	font-size: 16px;

	line-height: 34px;

}





.banner2 { width: 100%; text-align: center; margin-top: 30px; position: relative; }

.banner2 img { display: inline-block; width: 100%; }

.banner2 h2 {

	position: absolute;

	top: 80px;

	width: 100%;

	color: #fff;

	padding:0;

	margin: 0;

	font-size: 30px;

	line-height: 150px;

	text-align: center;

}



.banner2 p {

	position: absolute;

	top: 200px;

	width: 100%;

	color: #fff;

	text-align: center;

	font-size: 18px;

	line-height: 34px;

}



/**/

.huangbg {

	width: 100%;

	background: #B99B67;

}



.footer {

	border-right: 1px solid #fff;

	padding-top: 30px;

	padding-bottom: 30px;

}



.footer p:nth-child(1){}

.footer p:nth-child(2){ padding-top: 10px; }



.footer p:nth-child(2) a {

	font-size: 14px;

	color: #fff;

	margin-right: 30px;

}



.footer p:nth-child(3) {

	font-size: 14px;

	color: #fff;

}





.indexLx {

	padding-top: 30px;

	padding-bottom: 30px;

	color: #fff;

	font-size: 15px;

	line-height: 30px;

}





.leftMenu {

	background: #BA9A67;

	margin-top: 30px;

}



.leftMenu h4 {

	padding: 0;

	margin: 0;

	color:#fff;

	font-size: 22px;

	padding-left: 30px;

	line-height: 60px;

}



.leftMenu ul {

	list-style: none;

	padding:0;

	margin:0;

}



.leftMenu ul li {

	border-top: 1px solid #DCCEB3;

	padding-left: 30px;

	line-height: 50px;

}



.leftMenu ul li a {

	font-size: 18px;

	color: #212121;

}



.leftMenu ul li.on a {

	color: #fff;

}





.rightContent {

	margin-top: 30px;

	font-size: 18px;

	line-height: 34px;

	min-height: 800px;

}



.rightContent p.huang {

	color:#B99B67;

	font-weight: bold;

}



.teamImg img {

	

	display: block;

}



.mb30 { margin-bottom: 30px; }









@media (max-width: 768px){ 

	.wapMenu li.on ul { width: 105.6%;}

	.topLink { display: none; }

	.header .wapIco { display: block; }

	.menuBox { display: none }

	.header { padding-bottom: 18px; }

	.header .wapIco { top: 24px; }

	.header .wapIco img { width: 80%; }



	.col-sm-7,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-9 { width: 100%; }

	.indexSpan { min-height: auto }

	



	.banner2 h2 { top:40px; font-size: 30px; line-height: 30px; }

	.banner2 p { top: 80px }

	.rightContent { min-height: auto; margin-bottom: 20px; }



	.footer { border-right: none }



	.wapMenu li ul { margin-bottom: -1px; left: 0 }

	.wapMenu li ul li { padding-left: 50px; }

	.wapMenu li a { font-size: 18px; }

	.wapMenu li ul li a { font-size: 16px; }

	.indexAbout h3 { font-size: 20px; line-height: 45px; }

	.indexAbout p { font-size: 16px; line-height: 24px; }



	.indexNews h3 { font-size: 20px; padding-top:14px; line-height: 40px; }

	.indexNews ul li a { font-size: 16px; }



	.indexSpan h4 { font-size: 20px; line-height: 30px; }

	.indexSpan p { font-size: 16px; }



	.indexXX h2 { font-size: 20px; line-height: 50px; margin-top: 10px; }

	.indexXX p { font-size: 16px; line-height: 28px; }

	.footer { padding-bottom: 10px; }

	.footer p:nth-child(2) a { font-size: 14px; margin-right: 15px; }

	.indexLx { font-size: 14px; padding-top: 10px; line-height: 20px; }

	.footer p:nth-child(3) { font-size: 14px; }



	.banner2 { margin-top: 15px; overflow: hidden; }

	.banner2 img { width: 200%; left: 50%; margin-left:-50%;  }

	.leftMenu h4 { font-size: 20px; line-height: 40px; padding-left: 15px; display: none}

	.leftMenu ul li { padding-left:0; line-height: 40px; }

	.leftMenu ul li a { font-size: 18px; display: block; width: 100%; box-sizing: border-box; padding-left: 15px; }

	.rightContent { margin-top: 15px; font-size: 16px; line-height: 28px; }







}





@media (max-width: 414px){ 

	.topLink { display: none }

	.header .wapIco {

	    top: 15px;

	    right: 0

	}



	.wapMenu li.on ul { width: 112%;}

	.wapMenu li ul { margin-bottom: -1px; left: 0 }

	.wapMenu li ul li { padding-left: 50px; }

	.wapMenu li a { font-size: 16px; }

	.wapMenu li ul li a { font-size: 14px; padding }

	.indexAbout h3 { font-size: 16px; line-height: 45px; }

	.indexAbout p { font-size: 14px; line-height: 24px; }



	.indexNews h3 { font-size: 16px; padding-top:14px; line-height: 40px; }

	.indexNews ul li a { font-size: 14px; }



	.indexSpan h4 { font-size: 16px; line-height: 30px; }

	.indexSpan p { font-size: 14px; }



	.indexXX h2 { font-size: 16px; line-height: 50px; }

	.indexXX p { font-size: 14px; line-height: 24px; }

	.footer { padding-bottom: 10px; }

	.footer p:nth-child(2) a { font-size: 12px; margin-right: 15px; }

	.indexLx { font-size: 12px; padding-top: 10px; line-height: 20px; }

	.footer p:nth-child(3) { font-size: 12px; }



	.banner2 { margin-top: 15px; overflow: hidden; }

	.banner2 img { width: 200%; left: 50%; margin-left:-50%;  }



	.leftMenu { margin-top: 15px; }

	.leftMenu h4 { font-size: 16px; line-height: 40px; padding-left: 15px; display: none}

	.leftMenu ul li { padding-left:0; line-height: 40px; }

	.leftMenu ul li a { font-size: 16px; display: block; box-sizing: border-box; padding-left: 15px; }

	.rightContent { margin-top: 15px; font-size: 14px; line-height: 24px; }

	.mb30 { margin-bottom: 15px; }

		

	.header a img { height: 40px; }

	.footer a img { height: 40px; }



}

.rightContent img{ max-width:100%}