@import url("base.css");

/* 内容主体css */
main > section#search {
	display: flex;
	height: 130px;
	justify-content: space-between;
}
main > section#search > div.s-1 {
	width: 50%;
	background: #288c3c;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	padding-right: 190px;
	box-sizing: border-box;
}
main > section#search > div.s-1 > span:first-of-type {
	font-size: 25px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 6px;
}
main > section#search > div.s-1 > span:last-of-type {
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 2px;
	margin-top: 5px;
}
main > section#search > div.s-2 {
	flex: 1;
	background: #f1f1f1;
	padding-left: 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
main > section#search > div.s-2 > div {
	display: flex;
}
main > section#search > div.s-2 > div > img {
	width: 40px;
	vertical-align: middle;
}
main > section#search > div.s-2 > div > span {
	font-size: 30px;
	color: #3e3e3e;
	margin: 0 20px;
}
main > section#search > div.s-2 > form {
	margin-left: 10px;
	display: flex;
}
main > section#search > div.s-2 > form > input {
	width: 290px;
	height: 45px;
	border-radius: 6px;
	border: 1px solid #cccccc;
	outline: none;
	font-size: 15px;
	padding: 0 40px 0 10px;
}
main > section#search > div.s-2 > form > button {
	background: transparent;
	border: transparent;
	position: relative;
	right: 30px;
}

/* 综合合并区 */
main > section#syn {
	display: flex;
	flex-direction: column;
	margin-top: 60px;
	height: 1900px;
	background: url(../img/syn-bg.jpg) no-repeat center;
}
/* 产业服务 */
main > section#syn > .service {
	display: flex;
	flex-direction: column;
}
main > section#syn > .service > .cont {
	display: flex;
	flex-direction: column;
	width: 1200px;
	margin: 30px auto;
}
main > section#syn > .service > .cont > .top > div {
	display: flex;
}
main > section#syn > .service > .cont > .top > div > img {
	width: 795px;
}
main > section#syn > .service > .cont > .top > div > div {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #056cb7;
	color: #f2f2f2;
	padding: 75px 50px 0 45px;
}
main > section#syn > .service > .cont > .top > div > div > span:first-of-type {
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 20px;
}
main > section#syn > .service > .cont > .top > div > div > a {
	margin-top: 20px;
	background: #288c3c;
	color: #f2f2f2;
	width: 100px;
	height: 35px;
	border-radius: 2px;
	text-align: center;
	line-height: 35px;
	align-self: flex-end;
}
main > section#syn > .service > .cont > .down {
	margin-top: 55px;
}
main > section#syn > .service > .cont > .down > ul {
	display: flex;
	padding: 0 10px;
	justify-content: space-around;
}
main > section#syn > .service > .cont > .down > ul > li {
	display: flex;
	flex-direction: column;
	width: 100px;
	height: 175px;
	padding: 65px 5px 25px 5px;
	box-sizing: border-box;
	align-items: center;
	cursor: pointer;
}
main > section#syn > .service > .cont > .down > ul > li > span:first-of-type {
	font-size: 15px;
	margin-bottom: 20px;
	font-family: fantasy;
}
main > section#syn > .service > .cont > .down > ul > li > span:nth-child(2) {
	width: 20px;
	height: 1px;
	background: #c9c6c9;
}
main > section#syn > .service > .cont > .down > ul > li > a {
	margin-top: 12px;
}
/* li原背景 */
main > section#syn > .service > .cont > .down > ul > li:first-of-type {
	background: url(../img/service-11.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(2) {
	background: url(../img/service-21.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(3) {
	background: url(../img/service-31.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(4) {
	background: url(../img/service-41.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(5) {
	background: url(../img/service-51.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(6) {
	background: url(../img/service-61.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(7) {
	background: url(../img/service-71.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(8) {
	background: url(../img/service-81.jpg) no-repeat 100% 100%;
	background-size: contain;
}
/* li:hover */
main > section#syn > .service > .cont > .down > ul > li:first-of-type:hover {
	background: url(../img/service-1.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(2):hover {
	background: url(../img/service-2.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(3):hover {
	background: url(../img/service-3.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(4):hover {
	background: url(../img/service-4.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(5):hover {
	background: url(../img/service-5.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(6):hover {
	background: url(../img/service-6.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(7):hover {
	background: url(../img/service-7.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li:nth-child(8):hover {
	background: url(../img/service-8.jpg) no-repeat 100% 100%;
	background-size: contain;
}
/* li.on */
main > section#syn > .service > .cont > .down > ul > li.on:first-of-type {
	background: url(../img/service-1.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li.on:nth-child(2) {
	background: url(../img/service-2.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li.on:nth-child(3) {
	background: url(../img/service-3.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li.on:nth-child(4) {
	background: url(../img/service-4.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li.on:nth-child(5) {
	background: url(../img/service-5.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li.on:nth-child(6) {
	background: url(../img/service-6.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li.on:nth-child(7) {
	background: url(../img/service-7.jpg) no-repeat 100% 100%;
	background-size: contain;
}
main > section#syn > .service > .cont > .down > ul > li.on:nth-child(8) {
	background: url(../img/service-8.jpg) no-repeat 100% 100%;
	background-size: contain;
}
/* 产业服务 */
/* 关于我们 */
main > section#syn > .about {
	display: flex;
	width: 1200px;
	margin: 120px auto;
}
main > section#syn > .about > .left {
	display: flex;
	flex-direction: column;
	background: url(../img/about-bg.jpg) no-repeat;
	width: 895px;
	height: 405px;
	padding: 130px 330px 60px 60px;
	box-sizing: border-box;
}
main > section#syn > .about > .left > span:first-of-type  {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
}
main > section#syn > .about > .left > span:nth-child(2) {
	height: 2px;
	background: #008a28;
	margin-bottom: 15px;
}
main > section#syn > .about > .left > span:last-of-type {
	line-height: 25px;
}
main > section#syn > .about > .left > a {
	width: 115px;
	height: 32px;
	background: #008A28;
	color: #f2f2f2;
	border-radius: 15px;
	line-height: 32px;
	text-align: center;
	align-self: flex-end;
}
main > section#syn > .about > .right {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
main > section#syn > .about > .right > #videoID{
	width:614px; 
	height:358px; 
	object-fit: fill;
	margin-left: -300px;
}
/* 关于我们 */
/* 新闻资讯 */
main > section#syn > .new {
	display: flex;
	flex-direction: column;
}
main > section#syn > .new > .cont {
	display: flex;
	width: 1200px;
	margin: 0 auto;
	justify-content: space-between;
	margin-top: 20px;
}
main > section#syn > .new > .cont > .top {
	display: flex;
	flex-direction: column;
	width: 490px;
}
main > section#syn > .new > .cont > .top > span {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
main > section#syn > .new > .cont > .top > span > span {
	font-size: 20px;
	font-weight: bold;
}
main > section#syn > .new > .cont > .top > span > a {
	/* align-self: center; */
}
main > section#syn > .new > .cont > .top > ul  {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}
main > section#syn > .new > .cont > .top > ul > li a {
	display: flex;
	flex-direction: column;
	/* margin-bottom: 10px; */
	padding: 10px 0;
}
main > section#syn > .new > .cont > .top > ul > li:hover a {
	background: #008A28;
	padding-left: 15px;
	color: #f2f2f2;
}
main > section#syn > .new > .cont > .top > ul > li:hover a > span:first-of-type {
	color: #f2f2f2;
}
main > section#syn > .new > .cont > .top > ul > li a > span:first-of-type {
	color: #777777;
	font-size: 11px;
	margin-bottom: 8px;
}
main > section#syn > .new > .cont > .top > ul > li a > span:nth-child(2) {
	font-size: 16px;
}
main > section#syn > .new > .cont > .down {
	display: flex;
	flex-direction: column;
	margin-left: 40px;
	flex: 1;
}
main > section#syn > .new > .cont > .down > span {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
main > section#syn > .new > .cont > .down > span > span {
	font-size: 20px;
	font-weight: bold;
}
main > section#syn > .new > .cont > .down > span > a {
	/* align-self: center; */
}
main > section#syn > .new > .cont > .down > div {
	display: flex;
	justify-content: space-around;
	margin-top: 35px;
}
main > section#syn > .new > .cont > .down > div > a {
	display: flex;
	flex-direction: column;
	width: 314px;
	background: #fff;
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}
main > section#syn > .new > .cont > .down > div > a > span {
	width: 100%;
	height: 191px;
	overflow: hidden;
}
main > section#syn > .new > .cont > .down > div > a > span > img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
main > section#syn > .new > .cont > .down > div > a:hover img {
	transform: scale(1.2);
}
main > section#syn > .new > .cont > .down > div > a > div {
	display: flex;
	flex-direction: column;
	padding: 40px 15px 40px 15px;
}
main > section#syn > .new > .cont > .down > div > a > div > span:first-of-type {
	margin-bottom: 10px;
	color: #777777;
	font-size: 11px;
}
main > section#syn > .new > .cont > .down > div > a > div > span:last-of-type {
	font-size: 16px;
	color: #333333;
}
/* 新闻资讯 */
/* 综合合并区 */


/* 核心品牌 */
main > section#core {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
}
main > section#core > .cont {
	width: 1200px;
	margin: 35px auto;
	background: #f8f8f8;
	display: flex;
}
main > section#core > .cont > .cent {
	padding: 30px 25px;
}
main > section#core > .cont > .cent > div {
	width: 490px;
}
main > section#core > .cont > .cent > div > a > img {
	width: 100%;
}
main > section#core > .cont > .cate {
	display: flex;
	padding: 45px 40px 45px 0;
}
main > section#core > .cont > .cate > ul {
	display: flex;
	flex-flow: row wrap;
}
main > section#core > .cont > .cate > ul > li {
	margin: 10px 12px;
}
/* 核心品牌 */