@charset "utf-8";

 .inner-con {
 	padding-bottom: 5.2%
 }

 .case-list {
 	font-size: 0
 }

 .case-list ul {
 	margin-left: -17px;
 	margin-right: -17px
 }

 .case-list ul li {
 	display: inline-block;
 	width: 33.3333%;
 	padding-left: 17px;
 	padding-right: 17px;
 	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	margin-bottom: 25px
 }

 .case-img {
 	padding: 5px;
 	border: 1px solid #b6b6b6;
 	overflow: hidden
 }

 .case-img img {
 	-webkit-transition: all .4s ease-out;
 	-o-transition: all .4s ease-out;
 	transition: all .4s ease-out
 }

 .case-txt {
 	font-size: 16px;
 	color: #333333;
 	line-height: 30px;
	text-align: center;
 	padding-left: 5px;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	-webkit-transition: all .4s ease-out;
 	-o-transition: all .4s ease-out;
 	transition: all .4s ease-out
 }

 .case-list ul li:hover .case-img img {
 	-webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 	-o-transform: scale(1.1);
 	transform: scale(1.1)
 }

 .case-list ul li:hover .case-txt {
 	color: #1754a3
 }

 .inner-con.det-con {
 	text-align: center
 }

 .det-tit {
 	font-size: 30px;
 	color: #1754a3;
 	line-height: 1
 }

 .det-tit2 {
 	font-size: 18px;
 	color: #444444;
 	line-height: 1;
 	margin-top: 15px;
 	margin-bottom: 15px
 }

 .det-info span {
 	font-size: 14px;
 	color: #444444;
 	margin: 0 15px;
 	line-height: 1
 }
 
 .det-pic img{
	 max-width: 500px!important;
 }

 .det-con {
 	margin-top: 40px;
 	font-size: 14px;
 	color: #444444;
 	line-height: 24px;
 	text-align: left
 }

 .det-con img {
 	margin-top: 25px;
 	margin-bottom: 25px;
 	max-width: 100%;
 	text-align: left
 }

 .contact-tit {
 	font-size: 24px;
 	color: #1754a3;
 	line-height: 1;
 	margin-bottom: 35px
 }

 .contact-info {
 	font-size: 0
 }

 .contact-info span {
 	width: 50%;
 	display: inline-block;
 	vertical-align: middle;
 	color: #585858;
 	font-size: 16px;
 	line-height: 30px;
 	box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box
 }

 .contact-info span:nth-child(2n) {
 	padding-left: 20px
 }

 .contact-info span:nth-child(2n+1) {
 	padding-right: 20px
 }

 #dituContent {
 	width: 100%;
 	padding-bottom: 33.333333%;
 	margin-top: 7.08333%;
 	margin-bottom: 2.9167%
 }

 .inner-con p {
 	font-size: 16px;
 	color: #585858;
 	line-height: 30px
 }

 .resource-warp {}

 .resource-warp table {
 	border-top: 1px solid silver;
 	padding-top: 4px;
 	width: 100%;
 	text-align: center;
 	font-family: 宋体
 }

 .resource-warp thead tr {
 	background-color: #e4e4e4
 }

 .resource-warp table th {
 	height: 35px;
 	line-height: 35px;
 	font-size: 14px;
 	font-weight: 400;
 	color: #424242
 }

 .resource-warp table td {
 	padding-top: 10px;
 	padding-bottom: 10px;
 	line-height: 15px;
 	font-size: 12px;
 	font-weight: 400;
 	color: #5b5b5b;
 	border-bottom: 1px dotted #d6d8d9
 }

 .resource-warp table td a {
 	color: #5b5b5b;
 	transition: all .2s ease
 }

 .resource-warp table tr:hover td a {
 	color: #1754a3
 }

 .resource-warp tbody tr {
 	background-color: #f9f9f9;
 	transition: all .2s ease
 }

 .resource-warp tbody tr:hover {
 	background-color: #e7f2f7
 }

 .resource-warp tbody tr:nth-child(2n) {
 	background-color: #f2f6f8;
 	transition: all .2s ease
 }

 .resource-warp tbody tr a {
 	display: block;
 	width: 100%;
 	height: 100%
 }

 .career-tit span {
 	font-size: 18px;
 	color: #1754a3;
 	font-family: 宋体;
 	line-height: 30px;
 	height: 30px;
 	background: #e4e4e4;
 	text-indent: 5px;
 	display: block
 }

 .career-tit::before {
 	content: "";
 	background: silver;
 	width: 100%;
 	height: 1px;
 	display: block;
 	margin-bottom: 5px
 }

 .career-con {
 	font-size: 18px;
 	color: #5f5f5f;
 	line-height: 36px;
 	font-family: 宋体;
 	margin-top: 30px
 }

 @media(max-width:1440px) {
 	.case-list ul {
 		margin-left: -15px;
 		margin-right: -15px
 	}

 	.case-list ul li {
 		padding-left: 15px;
 		padding-right: 15px
 	}
 }

 @media(max-width:1200px) {
 	.case-list ul {
 		margin-left: -12px;
 		margin-right: -12px
 	}

 	.case-list ul li {
 		padding-left: 12px;
 		padding-right: 12px
 	}

 	.case-txt {
 		margin-top: 20px;
 		margin-bottom: 20px
 	}

 	.case-list ul li {
 		margin-bottom: 10px
 	}

 	.det-tit {
 		font-size: 24px
 	}

 	.career-con {
 		font-size: 16px;
 		line-height: 24px;
 		margin-top: 25px
 	}
 }

 @media(max-width:992px) {
 	.case-list ul {
 		margin-left: -10px;
 		margin-right: -10px
 	}

 	.case-list ul li {
 		padding-left: 10px;
 		padding-right: 10px
 	}
 }

 @media(max-width:768px) {
 	.case-list ul li {
 		width: 50%
 	}

 	.case-list ul {
 		margin-left: -8px;
 		margin-right: -8px
 	}

 	.case-list ul li {
 		padding-left: 8px;
 		padding-right: 8px
 	}
	.inner-menu{
		text-align: inherit;
	}
	.inner-menu li {
		width: 33%;
	}
	.inner-menu a {
		width: 100%;
		font-size: 14px;
	}
	.inner-con{
		padding-bottom: 70px;
	}

 	.case-txt {
 		font-size: 14px
 	}

 	.det-tit {
 		font-size: 20px
 	}

 	.det-tit2 {
 		font-size: 16px;
 		margin-top: 15px;
 		margin-bottom: 10px
 	}

 	.det-con {
 		margin-top: 30px
 	}

 	.inner-con p {
 		font-size: 14px;
 		line-height: 22px
 	}

 	.det-info span {
 		margin: 0 10px
 	}

 	.contact-tit {
 		font-size: 16px;
 		margin-bottom: 20px
 	}

 	.career-tit span {
 		font-size: 16px
 	}

 	.career-con {
 		font-size: 14px;
 		line-height: 20px;
 		margin-top: 15px
 	}

 	.contact-info span {
 		font-size: 14px;
 		line-height: 24px;
 		width: 100%
 	}

 	#dituContent {
 		display: none
 	}

 	.contact-info span:nth-child(2n) {
 		padding-left: 0
 	}

 	.contact-info span:nth-child(2n+1) {
 		padding-right: 0
 	}
 }

 @media(max-width:480px) {
 	.case-list ul {
 		margin-left: -5px;
 		margin-right: -5px
 	}

 	.case-list ul li {
 		padding-left: 5px;
 		padding-right: 5px
 	}

 	.case-txt {
 		margin-top: 10px;
 		margin-bottom: 10px
 	}
 }