@charset "utf-8";
/* CSS Document */

.banner {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.banner img {
	display: block;
	width: 100%;
}
.case {
	width: 100%;
	height: auto;
	overflow: hidden;
	
}
.case_box {
	width: clamp(595px, 61.98vw, 1190px);
	height: auto;
	overflow: hidden;
	padding-top: clamp(37.5px, 3.91vw, 75px);
	padding-bottom: clamp(37.5px, 3.91vw, 75px);
}
.case_tit {
	font-size: clamp(24px, 2.5vw, 60px);
	color: #3e3a39;
	line-height: clamp(26px, 2.71vw, 65px);
	margin-bottom: clamp(15px, 1.56vw, 30px);
	text-align: center;
	font-weight: bold;
	padding-bottom: clamp(21px, 2.19vw, 42px);
	border-bottom: solid #CFCFCF 1px;
}
.case_item_k{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.case_item {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	padding-bottom: clamp(24px, 2.5vw, 48px);
	margin-bottom: clamp(14px, 1.46vw, 28px);
	border-bottom: solid #DBDBDB 1px;
}
.case_item:last-child{
/*	padding-bottom: 0;*/
	margin-bottom: 0;
	border-bottom: 0;
}
.case_h1 {
	font-size: clamp(23px, 2.49vw, 46px);
	line-height: clamp(29.5px, 3.07vw, 59px);
	color: #5F5F5F;
}
.case_p {
	font-size: clamp(9.5px, 0.99vw, 19px);
	line-height: clamp(18px, 1.88vw, 36px);
	color: #5F5F5F;
}
.case_img {
	width: clamp(206px, 21.46vw, 412px);
	height: clamp(144px, 15vw, 288px);
	float: left;
	margin-right: clamp(52px, 5.42vw, 104px);
	box-sizing: border-box;
	border: solid 1px #CFCFCF;
	background-size: cover;
	background-position: center;
}
.case_img img {
	width: 100%;
	height: 100%;
	display: block;
}
.case_btn {
	height: clamp(29px, 2.97vw, 73px);
	background-color: #003E8C;
	font-size: clamp(9px, 0.99vw, 23px);
	color: #FFFFFF;
	line-height: clamp(29px, 2.97vw, 73px);
	padding-left: clamp(15px, 1.56vw, 38px);
	padding-right: clamp(15px, 1.56vw, 38px);
	display: inline-block;
	border-radius: clamp(2px, 0.21vw, 5px);
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: absolute;
	bottom: clamp(24px, 2.5vw, 48px);
	right: 0;
}
.case_btn img {
	display: inline-block;
	height: clamp(8px, 0.78vw, 20px);
	float: right;
	margin-top: clamp(10.5px, 1.09vw, 21px);
	margin-left: clamp(4px, 0.42vw, 8px);
}
.case_btn a{
	color: #fff;
	display: block;
}
.case_btn:hover {
	opacity: 0.8;
}
.case_pagination{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: right;
	padding-top:  clamp(8px, 0.83vw, 16px);
}
.pagination{
	float: right;
	
}
.pagination li{
	float: left;
	font-size: clamp(6px, 0.63vw, 12px);
	line-height:  clamp(16px, 1.67vw, 32px);
	margin-right: clamp(4.5px, 0.47vw, 9px);
}
.pagination li a,.pagination li span{

	display: block;
	width: clamp(12px, 1.25vw, 24px);
	height:  clamp(12px, 1.25vw, 24px);
	line-height: clamp(12px, 1.25vw, 24px);
	font-size: clamp(6px, 0.63vw, 12px);
	background-color: #E9E9EC;
	border-radius: 50%;
	text-align: center;
	
	margin-top: clamp(2px, 0.21vw, 4px);
	color: #000;
}

.pagination li.active a,.pagination li.active span{
	background-color: #868B91;
}
.pagination li:first-child span,.pagination li:first-child a{
	display: block;
	width: clamp(16px, 1.67vw, 32px);
	height:  clamp(16px, 1.67vw, 32px);
	font-size: clamp(9px, 0.94vw, 18px);
	line-height:  clamp(16px, 1.67vw, 32px);
	font-family: '宋体';
	margin-top: 0;
}
.pagination li:last-child {
	margin-right: 0;
}
.pagination li:last-child span,.pagination li:last-child a{
	width: clamp(16px, 1.67vw, 32px);
	height:  clamp(16px, 1.67vw, 32px);
	font-size: clamp(9px, 0.94vw, 18px);
	line-height:  clamp(16px, 1.67vw, 32px);
	font-family: '宋体';
	margin-top: 0;
}
.case_box2{
	width: clamp(595px, 61.98vw, 1190px);
	height: auto;
	overflow: hidden;
	padding-top: clamp(57px, 5.94vw, 114px);
	padding-bottom: clamp(20px, 2.08vw, 40px);
}
.case_info_tit{
	font-size: clamp(26px, 2.71vw, 52px);
	line-height:  clamp(26px, 2.71vw, 52px);
	margin-bottom: clamp(23px, 2.4vw, 46px);
}
.case_info_img{
	float: right;
	width: 50%;
	height: auto;overflow: hidden;
	margin-bottom: clamp(17px, 1.77vw, 34px);
}
.case_info_img img{
	display: block;
	width: 100%;
	height: auto;overflow: hidden;
}
.case_info_text{
	width: 100%;
	height: auto;overflow: hidden;
	font-size:  clamp(9.5px, 0.99vw, 19px);
	line-height: clamp(17px, 1.77vw, 34px);
	margin-bottom: clamp(17px, 1.77vw, 34px);
}
.case_info_text img{
	max-width: 100%;
}
.case_info_btn{
	width: clamp(101.5px, 10.57vw, 203px);
	height: clamp(22.5px, 2.34vw, 45px);
	font-size: clamp(12px, 1.25vw, 24px);
	line-height: clamp(22.5px, 2.34vw, 45px);
	margin-left: auto;margin-right: auto;
	border-radius: clamp(11.5px, 1.2vw, 23px);
	border: solid 1px #5F87BE;
	text-align: center;
}
.case_info_btn a{
	display: block;
	color: #004097;
}
.case_banm{
	display: none;
}