@charset "utf-8";
/*------------------------------------------------------------
	page
------------------------------------------------------------*/
.section {
	margin: 0 auto;
	width: 80%;
	min-width: 1200px;
}

@media all and (max-width: 1280px) {
	.section {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
}

@keyframes blue{
	0% { 
		-webkit-transform: scale(1.1);
		-mos-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% { 
		-webkit-transform: scale(1);
		-mos-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.pageLead {
	margin-bottom: 50px;
	overflow: hidden;
	height: 800px;
	position: relative;
}

.pageLead .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	animation: blue 1.5s 0s ease both;
}

@media all and (max-width: 1280px) {
	.pageLead {
		margin-bottom: 30px;
		height: 400px;
	}
	
}

.pageLead .bgAbout {
	background: url(../images/page_about.jpg) no-repeat center center;
	background-size: cover;
}

.pageLead .bgPro {
	background: url(../images/page_product.jpg) no-repeat center center;
	background-size: cover;
}

.pageLead .bgNews {
	background: url(../images/page_news.jpg) no-repeat center center;
	background-size: cover;
}

.pageLead .bgCase {
	background: url(../images/page_case.jpg) no-repeat center center;
	background-size: cover;
}

.pageLead .bgRecruit {
	background: url(../images/page_recruit.jpg) no-repeat center center;
	background-size: cover;
}

.pageLead .bgJiameng {
	background: url(../images/page_jiameng.jpg) no-repeat center center;
	background-size: cover;
}

.pageLead .bgContact {
	background: url(../images/page_contact.jpg) no-repeat center center;
	background-size: cover;
}

.pageLead h2 {
	width: 100%;
	left: 0;
	top: 40%;
	color: #fff;
	font-size: 60px;
	font-weight: 200;
	z-index: 2;
	position: absolute;
	text-align: center;
}

@media all and (max-width: 1280px) {
	.pageLead h2 {
		top: 40%;
		font-size: 40px;
	}
}

.pageLink {
	padding: 25px 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,.4);
	background: rgba(0,0,0,.5);
}

.pageLink li {
	margin: 0 15px;
	display: inline;
}

.pageLink li a {
	color: #fff;
	font-size: 16px;
}

.pageLink li a:hover {
	text-decoration: underline;
}

@media all and (max-width: 1280px) {
	.pageLink {
		padding: 15px 0;
	}
	
	.pageLink li {
		margin: 0 5px;
	}
	
	.pageLink li a {
		font-size: 15px;
	}
	
}

.pageAbout .ttlBox {
	margin-bottom: 30px;
	padding: 0 0 30px;
	border-bottom: 1px dotted #666;
}

.pageAbout .ttlBox h2 {
	float: left;
	font-size: 35px;
	font-weight: 200; 
}

.pageAbout .ttlBox h2 span {
	padding: 5px 0;
	width: 150px;
	display: block;
	color: #fff;
	font-size: 22px;
	font-weight: 200; 
	text-align: center;
	background: #004098;
	border-radius: 40px;
}

@media all and (max-width: 1280px) {
	.pageAbout .ttlBox {
		margin-bottom: 20px;
		padding: 0 0 20px;
	}
	
	.pageAbout .ttlBox h2 {
		margin-bottom: 20px;
		float: inherit;
		font-size: 25px;
		text-align: center;
	}
	
	.pageAbout .ttlBox h2 span {
		margin: 0 auto 10px;
		padding: 5px 0;
		width: 150px;
		display: block;
		color: #fff;
		font-size: 22px;
		font-weight: 200; 
		text-align: center;
		background: #004098;
		border-radius: 40px;
	}

}

.numsrcoll {
	width: 600px;
	padding: 0;
	float: right;
}

.numsrcoll .sub {
	position: relative;
	box-sizing: border-box;
}

.numsrcoll .num {
	margin-right: 3.33333%;
	padding-right: 30px;
	width: 30%;
	float: left;
	text-align: right;
	border-right: 1px dotted #ccc;
	box-sizing: border-box;
}

.numsrcoll .js-counter {
	font-size: 22px;
	font-weight: 200;
}

.numsrcoll .js-counter span {
	margin-right: 15px;
	color: #004098;
    font-size: 50px;
	font-family: impact;
	font-weight: 200;
	line-height: 1.2;
}

.numsrcoll .text {
	margin: 0;
	font-size: 16px;
	color: #666;
}

@media all and (max-width: 1280px) {
	.numsrcoll {
		width: auto;
		padding: 0;
		float: none;
	}
	
	.numsrcoll .num {
		margin-right: 0;
		padding-right: 0;
		width: 33.33333%;
		border-right: none;
		text-align: center;
	}
	
	.numsrcoll .js-counter {
		font-size: 18px;
		font-weight: 200;
	}
	
	.numsrcoll .js-counter span {
		margin-right: 15px;
		font-size: 30px;
		font-family: impact;
		font-weight: 200;
		line-height: 1.2;
	}
	
	.numsrcoll .text {
		margin: 0;
		font-size: 15px;
		color: #666;
	}

}

.pageAbout .textBox p {
	margin-bottom: 10px;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
	text-indent: 2em;
}

.pageAbout .textBox .photo {
	margin-top: 30px;
	overflow: hidden;
}

.pageAbout .textBox .photo .video {
	margin: 0 -5px;
}

.pageAbout .textBox .photo video {
	width: 100%;
	height: auto !important;
}

.pageAbout .feature {
	margin-top: 30px;
	padding: 20px 0;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.pageAbout .feature li {
	width: 25%;
	float: left;
	color: #F28108;
	font-size: 40px;
	text-align: center;
}

.pageAbout .feature li span {
	margin-right: 15px;
	color: #ccc;
	font-size: 35px;
}

.pageAbout .feature li p {
	margin-top: 10px;
	color: #666;
	font-size: 14px;
}

.pageAbout .culture {
	margin-top: 70px;
	padding: 50px 0 70px; 
	text-align: center;
	background: #F9F9F9;
}

.pageAbout .culture li {
	margin: 0 1%;
	padding: 15px;
	width: 23%;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.pageAbout .culture li img {
	width: 100%;
}

.pageAbout .culture li .title {
	padding: 10px 0;
	color: #004098;
	font-size: 30px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

.pageAbout .culture li .title span {
	margin-left: 10px;
	color: #666;
	font-size: 18px;
}

.pageAbout .culture li .txt {
	padding: 10px 0 0;
	min-height: 65px;
	color: #666;
	font-size: 15px;
	text-align: left;
}

@media all and (max-width: 1280px) {
	.pageAbout .textBox p {
		font-size: 15px;
		line-height: 1.6;
	}
	
	.pageAbout .textBox .photo {
		margin-top: 20px;
	}
	
	.pageAbout .feature {
		margin-top: 30px;
		padding: 0;
		box-shadow: 0 0 3px rgba(0,0,0,.3);
	}
	
	.pageAbout .feature li {
		padding: 10px 0;
		width: 50%;
		font-size: 30px;
		font-weight: bold;
	}
	
	.pageAbout .feature li span {
		margin-right: 10px;
		font-size: 35px;
		font-weight: normal;
	}
	
	.pageAbout .feature li p {
		margin-top: 5px;
		font-size: 14px;
		font-weight: normal;
	}
	
	.pageAbout .culture {
		margin-top: 40px;
		padding: 30px 0; 
	}
	
	.pageAbout .culture li {
		margin: 0 0 15px;
		padding: 10px 10px 20px;
		width: auto;
		float: none;
	}
	
	.pageAbout .culture li .title {
		padding: 10px 0;
		color: #004098;
		font-size: 30px;
		text-align: left;
		border-bottom: 1px dotted #ccc;
	}
	
	.pageAbout .culture li .txt {
		min-height: inherit;
	}

}

.advantage {
	padding: 50px 0;
}

.advantage p {
	margin-bottom: 10px;
	color: #666;
	font-size: 16px;
	line-height: 1.8;
}

.advantage .title {
	margin-bottom: 20px;
	padding-bottom: 10px;
	color: #004098;
	font-size: 30px;
	position: relative;
}

.advantage .title span {
	display: block;
	color: #666;
	font-size: 18px;
}

.advantage .title:before {
	width: 200px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: #004098;
}

.advantage .photo img {
	width: 100%;
}

.advantage .imgBoxL {
	margin-bottom: 30px;
}

.advantage .imgBoxL .photo {
	width: 40%;
	float: left;
}

.advantage .imgBoxL .textArea {
	padding-top: 80px;
	width: 57%;
	float: right;
}

.advantage .imgBoxR {
	margin-bottom: 30px;
}

.advantage .imgBoxR .photo {
	width: 40%;
	float: right;
}

.advantage .imgBoxR .textArea {
	padding-top: 80px;
	width: 57%;
	float: left;
}

@media all and (max-width: 1280px) {
	.advantage {
		padding: 30px 0;
	}
	
	.advantage p {
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 1.6;
	}
	
	.advantage .title {
		margin-bottom: 10px;
		padding-bottom: 10px;
		color: #004098;
		font-size: 30px;
		position: relative;
	}
	
	.advantage .title span {
		font-size: 15px;
	}
	
	.advantage .title:before {
		width: 200px;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		background: #004098;
	}
	
	.advantage .imgBoxL {
		margin-bottom: 20px;
	}
	
	.advantage .imgBoxL .photo {
		width: auto;
		float: none;
	}
	
	.advantage .imgBoxL .textArea {
		padding-top: 20px;
		width: auto;
		float: none;
	}
	
	.advantage .imgBoxR {
		margin-bottom: 20px;
	}
	
	.advantage .imgBoxR .photo {
		width: auto;
		float: none;
	}
	
	.advantage .imgBoxR .textArea {
		padding-top: 30px;
		width: auto;
		float: none;
	}
	
}

.btmBnr li {
	width: 50%;
	float: left;
	color: #fff;
	text-align: center;
}

.btmBnr .bnr01 {
	background: url(../images/bnr_bg01.jpg) no-repeat center center;
}

.btmBnr .bnr02 {
	background: url(../images/bnr_bg02.jpg) no-repeat center center;
}

.btmBnr li .sub {
	height: 200px;
	background: rgba(0,0,0,.5);
}

.btmBnr li .icon {
	padding-top: 40px;
	color: #fff;
	font-size: 60px;
}

.btmBnr li p {
	font-size: 16px;
}

@media all and (max-width: 1280px) {	
	
	.btmBnr li .icon {
		padding-top: 30px;
		color: #fff;
		font-size: 60px;
	}
	
	.btmBnr li p {
		font-size: 15px;
	}

}

.proList li {
	margin-bottom: 30px;
}

.proList li a {
	padding: 30px;
	display: block;
	overflow: hidden;
	background: #F8F8F8;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.proList li a:hover {
	background: #004098;
}

.proList li .photo {
	width: 40%;
	float: left;
	overflow: hidden;
}

.proList li .photo img {
	width: 100%;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.proList li a:hover .photo img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.proList li .textBox {
	padding-top: 50px;
	width: 57%;
	float: right;
}

.proList li .textBox .title {
	margin-bottom: 20px;
	padding-bottom: 20px;
	color: #000;
	font-size: 30px;
	font-weight: 200;
	position: relative;
	border-bottom: 1px solid #666;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.proList li a:hover .textBox .title {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.proList li .textBox .title:before {
	width: 200px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	background: #004098;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.proList li a:hover .textBox .title:before {
	background: #fff;
}

.proList li .textBox .txt {
	color: #666;
	font-size: 16px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.proList li a:hover .textBox .txt {
	color: #fff;
}

.proList li .textBox .link {
	margin-top: 60px;
	padding: 10px 0;
	width: 150px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #004098;
	border-radius: 30px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.proList li a:hover .textBox .link {
	color: #004098;
	background: #fff;
}

@media all and (max-width: 1280px) {	
	.proList li {
		margin-bottom: 20px;
	}
	
	.proList li a {
		padding: 10px;
	}
	
	.proList li .photo {
		width: auto;
		float: none;
		overflow: hidden;
	}
	
	.proList li .textBox {
		padding-top: 10px;
		width: auto;
		float: none;
	}
	
	.proList li .textBox .title {
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 22px;
	}
		
	.proList li .textBox .title:before {
		width: 120px;
	}
	
	.proList li .textBox .txt {
		font-size: 15px;
	}
	
	.proList li .textBox .link {
		margin-top: 10px;
		padding: 5px 0;
		width: 120px;
		font-size: 15px;
	}


}

.infomation {
	margin: 0 auto;
	width: 80%;
	min-width: 1200px;
}

.infomation p {
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}

.infomation img {
	margin: 0 auto 10px;
	display: block;
}

.infomation h3 {
	margin-bottom: 30px;
	color: #111;
	font-size: 45px;
	font-weight: 200;
	text-align: center;
}

.infomation .infoBox {
	margin-bottom: 40px;
	background: #F8F8F8;
}

.infomation .infoBox .photo {
	width: 48%;
	float: left;
}

.infomation .infoBox .photo img {
	width: 100%;
}

.infomation .infoBox .textBox {
	padding: 25px;
	width: 52%;
	float: right;
	box-sizing: border-box;
}

.infomation .infoBox .textBox p {
	color: #333;
	font-size: 16px;
	line-height: 1.8;
	text-indent: 2em;
}

.infomation .jiepou {
	text-align: center;
}

.infomation .jiepou img {
	max-width: 100%;
}

.infomation table {
	margin-bottom: 50px;
	width: 100%;
}

.infomation th {
	padding: 10px 0;
	width: 33%;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #0891BD;
}

.infomation td {
	padding: 10px 0;
	width: 33%;
	color: #333;
	font-size: 16px;
	text-align: center;
}

.infomation tr:nth-child(2n-1) td {
	background: #E8F3F7;
}

.infomation h4 {
	margin-bottom: 20px;
	color: #333;
	font-weight: 200;
	font-size: 30px;
	position: relative;
}

.infomation h4:before {
	width: 200px;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background: #0891BD;
}

.infomation .xiangqing {
	margin-bottom: 30px;
	color: #666;
	font-size: 16px;
}

.infomation .xiangqing img {
	margin: 0 auto;
	display: block;
}

.infomation .bPic {
	text-align: center;
}

@media all and (max-width: 1280px) {	
	.infomation {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
	
	.infomation h3 {
		margin-bottom: 20px;
		font-size: 35px;
	}
	
	.infomation .infoBox {
		margin-bottom: 20px;
	}
	
	.infomation .infoBox .photo {
		width: auto;
		float: none;
	}
	
	.infomation .infoBox .textBox {
		padding: 15px;
		width: auto;
		float: none;
	}
	
	.infomation .infoBox .textBox p {
		font-size: 15px;
		line-height: 1.6;
	}
		
	.infomation table {
		margin-bottom: 50px;
		width: 100%;
	}
	
	.infomation th {
		font-size: 15px;
	}
	
	.infomation td {
		font-size: 15px;
	}
	
	.infomation h4 {
		padding-bottom: 10px;
		font-size: 25px;
	}
	
	.infomation .xiangqing {
		margin-bottom: 20px;
		font-size: 15px;
	}
	
	.infomation .xiangqing img {
		margin: 0 auto;
		width: 100%;
		display: block;
	}
	
	.infomation .bPic {
		text-align: center;
	}

	.infomation .bPic img {
		width: 100%;
	}
	
}

.pageNews {
	margin: 0 auto;
	width: 80%;
	min-width: 1200px;
}

.pageNews .newsList li {
	margin-bottom: 30px;
}

.pageNews .newsList li a {
	padding: 30px;
	display: block;
	overflow: hidden;
	background: #F9F9F9;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.pageNews .newsList li a:hover {
	background: #004098;
}

.pageNews .newsList li .photo {
	width: 300px;
	height: 225px;
	float: left;
	overflow: hidden;
}

.pageNews .newsList li .photo img {
	width: 100%;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.pageNews .newsList li a:hover .photo img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.pageNews .newsList li .textBox {
	padding-left: 330px;
}

.pageNews .newsList li .textBox .title {
	margin-bottom: 20px;
	color: #333;
	font-size: 30px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.pageNews .newsList li a:hover .textBox .title {
	color: #fff;
}

.pageNews .newsList li .textBox .txt {
	color: #666;
	font-size: 16px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.pageNews .newsList li a:hover .textBox .txt {
	color: #fff;
}

.pageNews .newsList li .textBox .link {
	margin-top: 40px;
	padding: 10px 0;
	width: 150px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #004098;
	border-radius: 30px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.pageNews .newsList li a:hover .textBox .link {
	color: #004098;
	background: #fff;
}

@media all and (max-width: 1280px) {
	.pageNews {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
	
	.pageNews .newsList li {
		margin-bottom: 20px;
	}
	
	.pageNews .newsList li a {
		padding: 10px;
	}

	.pageNews .newsList li .photo {
		margin-bottom: 10px;
		width: auto;
		height: auto;
		float: none;
	}
	
	.pageNews .newsList li .textBox {
		padding-left: 0;
	}
	
	.pageNews .newsList li .textBox .title {
		margin-bottom: 10px;
		font-size: 22px;
	}
	
	.pageNews .newsList li .textBox .txt {
		font-size: 15px;
	}
	
	.pageNews .newsList li .textBox .link {
		margin-top: 10px;
		padding: 5px 0;
		font-size: 15px;
	}
	
}

.pagebar {
	margin-top: 50px;
}

.pagebar .pagination {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 14px;
	padding: 8px 12px;
	margin: 0 3px;
	border-radius: 3px;
}

.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 3px;
    border-radius: 3px;
}

.pagination a:hover {
	color: #0070D8;
	border: 1px solid #0070D8;
}

.pagination a.page-num-current {
	color: #fff;
	background: #0070D8;
	border: 1px solid #0070D8;
}

.pagination .page-status {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 14px;
	padding: 8px 12px;
	margin: 0 3px;
	border-radius: 3px;
}

.pagination .page-status,
.pagination .page-index,
.pagination .page-last {
	display: none;
}

.subtitle {
	margin-bottom: 25px;
    font-size: 16px;
    line-height:60px;
    height: 60px;
    color: #8F8F8F;
    text-align:center;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.subtitle span {
    padding:0 30px;
}

.subtitle .timea{
    background: url(../images/shijian.png) left center no-repeat;
}

.subtitle .liulan{
    background: url(../images/liulan.png) left center no-repeat;
}

.detailBox {
	margin: 0 auto;
	width: 80%;
	min-width: 1200px;
}

.detailBox p {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.7;
}

.detailBox .infoTilte {
	color: #000;
	font-size: 30px;
	text-align: center;
}

.detailBox img {
	margin: 10px auto;
	max-width: 100%;
	display: block;
}

.fanye {
	margin: 30px 20px 0;
}

.fanye a:hover {
	text-decoration: underline;
}

.fanye .prev {
	padding: 8px 20px;
	float: left;
	font-size: 15px;
	background: #F0F0F0;
	border-radius: 50px;
}

.fanye .next {
	padding: 5px 10px;
	float: right;
	font-size: 15px;
	text-align: right;
	background: #F0F0F0;
	border-radius: 50px;
}

@media all and (max-width: 1280px) {
	.subtitle span {
		padding: 0 20px 0 30px;
		font-size: 15px;
	}
	
	.detailBox {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
	
	.detailBox p {
		font-size: 15px;
	}
	
	.detailBox .infoTilte {
		font-size: 20px;
	}
	
	.detailBox img {
		margin: 10px 0;
		width: 100%;
	}
	
	.fanye {
		margin: 30px 0 0;
	}
	
	.fanye .prev {
		margin-bottom: 15px;
		float: none;
		display: block;
	}
	
	.fanye .next {
		float: none;
		display: block;
	}

}

#gFooter {
	margin-top: 60px;
}

.comList li {
	margin: 0 1% 30px;
	width: 31.33333%;
	float: left;
}

.comList li a {
	padding: 30px;
	display: block;
	overflow: hidden;
	background: #F9F9F9;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.comList li a:hover {
	background: #004098;
}

.comList li .photo {
	margin-bottom: 10px;
	overflow: hidden;
}

.comList li .photo img {
	width: 100%;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.comList li a:hover .photo img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.comList li .title {
	margin-bottom: 20px;
	padding-bottom: 20px;
	color: #333;
	font-size: 20px;
	position: relative;
	border-bottom: 1px solid rgba(204,204,204,.6);
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.comList li a:hover .title {
	border-color: #fff;
}

.comList li .title:before {
	width: 200px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	background: #004098;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.comList li  a:hover .title:before {
	background: #fff;
}

.comList li a:hover .title {
	color: #fff;
}

.comList li .txt {
	color: #666;
	font-size: 16px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.comList li a:hover .txt {
	color: #fff;
}

.comList li .link {
	padding: 10px 0;
	width: 150px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #004098;
	border-radius: 30px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.comList li a:hover .link {
	color: #004098;
	background: #fff;
}

@media all and (max-width: 1280px) {
	.comList li {
		margin: 0 0 20px;
		width: auto;
		float: none;
	}
	
	.comList li a {
		padding: 10px;
	}
	
	.comList li .title {
		margin-bottom: 20px;
		padding-bottom: 10px;
		font-size: 18px;
	}
	
	.comList li .txt {
		color: #666;
		font-size: 16px;
		-webkit-transition: all .4s ease-in-out 0s;
		-moz-transition: all .4s ease-in-out 0s;
		-ms-transition: all .4s ease-in-out 0s;
		transition: all .4s ease-in-out 0s;
	}
	
	.comList li .link {
		padding: 5px 0;
		width: 120px;
	}

}

.pageCase {
	margin: 0 auto;
	width: 80%;
	min-width: 1200px;
}

@media all and (max-width: 1280px) {
	.pageCase {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
}


.pageRecruit {
	margin: 0 auto;
	width: 80%;
	min-width: 1200px;
}

.pageRecruit .inner {
	margin-bottom: 50px;
}

.pageRecruit .tabPanel {
	margin: 0 auto 40px;
	width: 600px;
	text-align: center;
}

.pageRecruit .tabPanel li {
	margin: 0 15px;
	display: inline;
}

.pageRecruit .tabPanel li a {
	padding: 15px 0;
	width: 180px;
	color: #fff;
	font-size: 16px;
	display: inline-block;
	border-radius: 50px;
	background: #004098;
}

.pageRecruit .tabPanel .on a {
	background: #F28108;
}

.pageRecruit .tabBox li {
	margin-bottom: 20px;
	padding: 15px 0;
	overflow: hidden;
	background: #F9F9F9;
	position: relative;
}

.pageRecruit .tabBox li .title {
	padding: 10px 0;
	width: 300px;
	float: left;
	color: #000;
	font-size: 22px;
	text-align: center;
	border-right: 1px solid #CCC;
}

.pageRecruit .tabBox li .name {
	padding: 15px 0;
	width: 300px;
	float: left;
	color: #333;
	font-size: 16px;
	text-align: center;
}


.pageRecruit .tabBox li .date {
	padding: 15px 0;
	width: 300px;
	float: left;
	color: #333;
	font-size: 16px;
	text-align: center;
}

.pageRecruit .tabBox li .link {
	padding: 15px 70px 0 0;
	font-size: 18px;
	float: right;
}

.pageRecruit .tabBox li .link a:hover {
	text-decoration: underline;
}

.pageRecruit .tabBox li .link span {
	width: 50px;
	display: block;
	color: #fff;
	height: 84px;
	line-height: 84px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	background: #004098;
}

.pageRecruit .tabBox li .pop {
	display: none;
	padding: 40px 50px 20px;
	color: #666;
	font-size: 15px;
}

@media all and (max-width: 1280px) {
	.pageRecruit {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
	
	.pageRecruit .inner {
		margin-bottom: 30px;
	}
	
	.pageRecruit .tabPanel {
		margin: 0 20px 20px;
		width: auto;
	}
	
	.pageRecruit .tabPanel li {
		margin: 0 10px;
	}
		
	.pageRecruit .tabPanel li a {
		padding: 10px 0;
		width: 130px;
		font-size: 15px;
	}
	
	.pageRecruit .tabBox li {
		margin-bottom: 10px;
		padding: 10px 0;
	}
	
	.pageRecruit .tabBox li .title {
		padding: 10px 15px;
		width: 180px;
		font-size: 16px;
		text-align: left;
		border-right: none;
	}
	
	.pageRecruit .tabBox li .name {
		display: none;
	}
	
	.pageRecruit .tabBox li .date {
		display: none;
	}
	
	.pageRecruit .tabBox li .link {
		padding: 10px 60px 0 0;
		font-size: 14px;
		float: right;
	}
		
	.pageRecruit .tabBox li .link span {
		width: 40px;
		height: 64px;
		line-height: 64px;
	}
	
	.pageRecruit .tabBox li .pop {
		display: none;
		padding: 20px;
	}

}

.linian {
	margin-bottom: 50px;
}

.linian li {
	padding: 20px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}

.linian li .icon {
	margin-right: 100px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	float: left;
	color: #fff;
	line-height: 120px;
	font-size: 50px;
	text-align: center;
	background: #F28108;
}

.linian li .title {
	padding: 30px 0 0;
	width: 300px;
	float: left;
	font-size: 20px;
}

.linian li .title span {
	display: block;
	color: #666;
	font-size: 15px;
}

.linian li .txt {
	padding: 50px 0 0 600px;
	color: #666;
	font-size: 16px;
	position: relative;
}

.linian li .txt span {
	position: relative;
}

.linian li .txt span:before {
	width: 60px;
	height: 1px;
	position: absolute;
	left: -80px;
	top: 50%;
	content: "";
	background: #ccc;
}

@media all and (max-width: 1280px) {
	.linian {
		margin-bottom: 30px;
	}
	
	.linian li {
		padding: 10px;
	}
	
	.linian li .icon {
		margin-right: 0;
		width: 80px;
		height: 80px;
		float: left;
		line-height: 80px;
		font-size: 30px;
	}
	
	.linian li .title {
		padding: 10px 0 0 100px;
		width: auto;
		float: none;
		font-size: 20px;
	}
	
	.linian li .txt {
		padding: 20px 0 0 0;
		color: #666;
		clear: both;
		position: relative;
	}
	
	.linian li .txt span {
		position: relative;
		font-size: 14px;
	}
	
	.linian li .txt span:before {
		width: 60px;
		height: 1px;
		position: absolute;
		left: -80px;
		top: 50%;
		content: "";
		background: #ccc;
	}

}

.subJoin {
	border: 1px solid #ccc;
}

.subJoin .photo {
	padding: 30px;
	width: 500px;
	float: left;
	box-sizing: border-box;
}

.subJoin .photo .pic {
	height: 400px;
	background: url(../images/join.jpg) no-repeat center bottom;
	background-size: cover;
}

.subJoin .photo img {
	width: 100%;
}

.subJoin .list {
	padding-left: 500px;
	height: 460px;
}

.subJoin .list ul {
	height: 460px;
	background: url(../images/join_bg.jpg) no-repeat center center;
	background-size: cover;
}

.subJoin li {
	padding-top: 40px;
	width: 50%;
	height: 230px;
	float: left;
	box-sizing: border-box;
	border-left: 1px solid #ccc;
}

.subJoin li:nth-child(1),
.subJoin li:nth-child(2) {
	border-bottom: 1px solid #ccc;
}

.subJoin li .icon {
	color: #fff;
	font-size: 60px;
	text-align: center;
}

.subJoin li p {
	color: #fff;
	font-size: 15px;
	text-align: center;
}

@media all and (max-width: 1280px) {
	.subJoin {
	}
	
	.subJoin .photo {
		padding: 15px;
		width: auto;
		float: none;
	}
	
	.subJoin .photo .pic {
		height: 200px;
	}
	
	.subJoin .list {
		padding-left: 0;
		height: auto;
	}
	
	.subJoin .list ul {
		height: auto;
	}
	
	.subJoin li {
		padding: 30px 10px;
		width: 50%;
		height: 200px;
	}
	
	
	.subJoin li:nth-child(1),
	.subJoin li:nth-child(3) {
		border-left: none;
	}
}

.jobBox {
	margin: 0 auto;
	width: 80%;
	min-width: 1200px;
}

.jobBox .ttlBox {
	margin-bottom: 30px;
	padding: 50px;
	background: #FBFCFD;
}

.jobBox .ttlBox .left {
	float: left;
}

.jobBox .ttlBox .left h3 {
	color: #111;
	font-size: 35px;
	font-weight: normal;
}

.jobBox .ttlBox .left p {
	color: #666;
	font-size: 15px;
}

.jobBox .ttlBox .right {
	text-align: right;
}

.jobBox .ttlBox .right .yuan {
	color: #ff5959;
	font-size: 30px;
}

.jobBox .ttlBox .right .miaoshu {
	color: #666;
	font-size: 15px;
}

.jobBox .jobDel {
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}

@media all and (max-width: 1280px) {
	.jobBox {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
	
	.jobBox .ttlBox {
		margin-bottom: 20px;
		padding: 20px;
	}
	
	.jobBox .ttlBox .left {
		margin-bottom: 10px;
		float: none;
	}
	
	.jobBox .ttlBox .left h3 {
		font-size: 30px;
	}
	
	.jobBox .ttlBox .right {
		text-align: right;
	}
	
	.jobBox .ttlBox .right .yuan {
		font-size: 20px;
	}
	
	.jobBox .ttlBox .right .miaoshu {
		font-size: 14px;
	}

}

.jiameng .text {
	color: #666;
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
}

.jiameng ul {
	margin-top: 30px;
}

.jiameng li {
	margin: 0 1%;
	padding: 30px 20px;
	width: 23%;
	float: left;
	background: #F8F8F8;
	border: 1px solid #004098;
	border-radius: 30px;
	box-sizing: border-box;
}

.jiameng li .icon {
	text-align: center;
}

.jiameng li .title {
	margin: 10px 0;
	color: #004098;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.jiameng li .miaoshu {
	color: #666;
	font-size: 15px;
}

@media all and (max-width: 1280px) {
	.jiameng .text {
		font-size: 16px;
		line-height: 1.86;
	}
	
	.jiameng ul {
		margin-top: 30px;
	}
	
	.jiameng li {
		margin: 0 0 15px;
		padding: 20px;
		width: auto;
		float: none;
	}
	
}

.jiamengYS {
	margin: 80px 0;
	padding: 50px 0;
	background: url(../images/bg.jpg) no-repeat center center;
	background-size: cover;
}

.jiamengYS p {
	color: #666;
	font-size: 16px;
	text-indent: 2em;
}

.jiamengYS .title {
	margin-bottom: 20px;
	padding: 3px 0;
	width: 200px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-indent: 0;
	text-align: center;
	background: #004098;
	border-radius: 40px;
}

.jiamengYS .imgBoxL {
	margin-bottom: 30px;
	padding: 40px;
	background: #fff;
}

.jiamengYS .imgBoxL .photo {
	width: 40%;
	float: left;
}

.jiamengYS .imgBoxL .photo img {
	width: 100%;
}

.jiamengYS .imgBoxL .textArea {
	padding-top: 30px;
	width: 54%;
	float: right;
}

.jiamengYS .imgBoxR {
	margin-bottom: 30px;
	padding: 40px;
	background: #fff;
}

.jiamengYS .imgBoxR .photo {
	width: 40%;
	float: right;
}

.jiamengYS .imgBoxR .photo img {
	width: 100%;
}

.jiamengYS .imgBoxR .textArea {
	padding-top: 30px;
	width: 57%;
	float: left;
}

@media all and (max-width: 1280px) {
	.jiamengYS {
		margin: 30px 0;
		padding: 20px 0;
	}
	
	.jiamengYS p {
		font-size: 15px;
	}
	
	.jiamengYS .title {
		margin: 0 auto 10px;
		padding: 3px 0;
		width: 150px;
		font-size: 25px;
	}
	
	.jiamengYS .imgBoxL {
		margin-bottom: 20px;
		padding: 20px;
	}
	
	.jiamengYS .imgBoxL .photo {
		width: auto;
		float: none;
	}

	.jiamengYS .imgBoxL .photo img {
		width: 100%;
	}
	
	.jiamengYS .imgBoxL .textArea {
		padding-top: 20px;
		width: auto;
		float: none;
	}
	
	.jiamengYS .imgBoxR {
		margin-bottom: 20px;
		padding: 20px;
	}
	
	.jiamengYS .imgBoxR .photo {
		width: auto;
		float: none;
	}

	.jiamengYS .imgBoxR .photo img {
		width: 100%;
	}
	
	.jiamengYS .imgBoxR .textArea {
		padding-top: 20px;
		width: auto;
		float: none;
	}

}

.conList {
	margin-bottom: 80px;
}

.conList li {
	margin: 0 1%;
	padding: 30px;
	width: 31.3333%;
	height: 230px;
	float: left;
	color: #666;
	font-size: 16px;
	background: #F8FBFF;
	box-sizing: border-box;
	border: 1px solid rgba(204,204,204,.4);
}

.conList li .title {
	margin-bottom: 20px;
	color: #004098;
	font-size: 22px;
}

.conList li .title span {
	margin-right: 20px;
	padding-right: 15px;
	color: #000;
	font-size: 20px;
	border-right: 2px solid #333;
}

#dituContent {
	height: 400px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

@media all and (max-width: 1280px) {
	.conList {
		margin-bottom: 30px;
	}
	
	.conList li {
		margin: 0 0 15px;
		padding: 20px;
		width: auto;
		height: auto;
		float: none;
	}
	
	.conList li .title {
		margin-bottom: 10px;
		font-size: 20px;
	}
	
	.conList li .title span {
		font-size: 16px;
	}
	
	#dituContent {
		height: 260px;
}

}

.jobForm {
	margin: 0 auto;
	width: 80%;
	min-width: 1200px;
}

.jobForm .photo {
	width: 45%;
	height: 500px;
	float: left;
	background: url(../images/jog.jpg) no-repeat center center;
	background-size: cover;
}

.jobForm .form {
	padding: 30px;
	width: 55%;
	height: 500px;
	float: right;
	background: #F9F9F9;
	box-sizing: border-box;
}

.jobForm .form table {
	width: 100%;
	border-collapse: collapse;
}

.jobForm .form td {
	width: 50%;
	color: #666;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}

.jobForm .form input[type=text] {
	padding: 20px 0;
	width: 90%;
	font-size: 16px;
	background: #F9F9F9;
	border: 1px solid #F9F9F9;
	box-sizing: border-box;
}

.jobForm .form textarea {
	padding: 20px 0;
	height: 100px;
	width: 100%;
	font-size: 16px;
	background: #F9F9F9;
	border: 1px solid #F9F9F9;
	box-sizing: border-box;
}

.jobForm .form .last td {
	padding-top: 40px;
	text-align: center;
	border: none;
}

.jobForm .form button {
	padding: 10px 0;
	width: 150px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: #004098;
	border-radius: 30px;
	border: 1px solid #004098;
}

.jobForm .form button:hover {
	background: #F28108;
	border-color: #F28108;
}

@media all and (max-width: 1280px) {
	.jobForm {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
	
	.jobForm .photo {
		width: auto;
		height: 200px;
		float: none;
	}
	
	.jobForm .form {
		padding: 20px;
		width: auto;
		height: auto;
		float: none;
	}

}



.jiamengForm {
	margin: 0 auto 60px;
	width: 80%;
	min-width: 1200px;
}

.jiamengForm .photo {
	width: 45%;
	height: 330px;
	float: left;
	background: url(../images/page_jiameng.jpg) no-repeat center center;
	background-size: cover;
}

.jiamengForm .form {
	padding: 30px;
	width: 55%;
	height: 330px;
	float: right;
	background: #F9F9F9;
	box-sizing: border-box;
}

.jiamengForm .form table {
	width: 100%;
	border-collapse: collapse;
}

.jiamengForm .form td {
	width: 50%;
	color: #666;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}

.jiamengForm .form input[type=text] {
	padding: 20px 0;
	width: 90%;
	font-size: 16px;
	background: #F9F9F9;
	border: 1px solid #F9F9F9;
	box-sizing: border-box;
}

.jiamengForm .form textarea {
	padding: 20px 0;
	height: 100px;
	width: 100%;
	font-size: 16px;
	background: #F9F9F9;
	border: 1px solid #F9F9F9;
	box-sizing: border-box;
}

.jiamengForm .form .last td {
	padding-top: 40px;
	text-align: center;
	border: none;
}

.jiamengForm .form button {
	padding: 10px 0;
	width: 150px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: #004098;
	border-radius: 30px;
	border: 1px solid #004098;
}

.jiamengForm .form button:hover {
	background: #F28108;
	border-color: #F28108;
}

@media all and (max-width: 1280px) {
	.jiamengForm {
		margin: 0 20px;
		width: auto;
		min-width: inherit;
	}
	
	.jiamengForm .photo {
		width: auto;
		height: 200px;
		float: none;
	}
	
	.jiamengForm .form {
		padding: 20px;
		width: auto;
		height: auto;
		float: none;
	}
}



.honorList li {
	margin: 0 1% 30px;
	width: 31.33333%;
	float: left;
}

.honorList li a {
	padding: 30px;
	display: block;
	overflow: hidden;
	background: #F9F9F9;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.honorList li a:hover {
	background: #004098;
}

.honorList li .photo {
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
	height: 300px;
	display: table;
}

.honorList li a .photo .pic {
	height: 300px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.honorList li a .photo img {
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.honorList li a:hover .photo img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.honorList li .title {
	margin-bottom: 20px;
	padding-bottom: 20px;
	color: #333;
	font-size: 20px;
	position: relative;
	border-bottom: 1px solid rgba(204,204,204,.6);
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.honorList li a:hover .title {
	border-color: #fff;
}

.honorList li .title:before {
	width: 200px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	background: #004098;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.honorList li  a:hover .title:before {
	background: #fff;
}

.honorList li a:hover .title {
	color: #fff;
}

.honorList li .txt {
	color: #666;
	font-size: 16px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.honorList li a:hover .txt {
	color: #fff;
}

.honorList li .link {
	padding: 10px 0;
	width: 150px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #004098;
	border-radius: 30px;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.honorList li a:hover .link {
	color: #004098;
	background: #fff;
}

@media all and (max-width: 1280px) {
	.honorList li {
		margin: 0 0 15px;
		width: auto;
		float: none;
	}
	
	.honorList li a {
		padding: 10px;
	}
	
	.honorList li .photo {
		margin-bottom: 10px;
		overflow: hidden;
		width: 100%;
		height: auto;
		display: block;
	}
	
	.honorList li a .photo .pic {
		height: auto;
		display: block;
	}
	
	.honorList li a .photo img {
		width: 100%;
		max-width: inherit;
		max-height: inherit;
		-webkit-transition: all .4s ease-in-out 0s;
		-moz-transition: all .4s ease-in-out 0s;
		-ms-transition: all .4s ease-in-out 0s;
		transition: all .4s ease-in-out 0s;
	}
	
	.honorList li a:hover .photo img {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
	}
	
}