.cpMain{ background:#ececec; overflow:hidden;}

.cpMain .container{ margin-top:20px;padding-bottom:30px;display: flex;justify-content: space-between;align-items: flex-start;}



.nlist{ float:left; width:230px; background:#fff;border-radius: 6px;overflow: hidden;}

.nlist .nt{  font-weight:normal; padding:18px 0; text-align: center; background:#3295d9}

.nlist .nt a{ font-size:20px; color:#fff; text-decoration:none;}

.nlist .nt p{ font-size:12px; color:#fff; font-family:"Arial"; margin-top:1px;}

.nlist>ul{ padding:20px; }

.nlist>ul>li{background:url(../images/line1.gif) bottom repeat-x; padding-bottom:1px;}

.nlist>ul>li>a{ display:block; height:40px; line-height:40px; font-size:14px; color:#333; padding:0 11px; text-decoration:none; background:url(../images/ico6.png) 2px center no-repeat;}

.nlist>ul>li>a:hover,.nlist>ul>li.cur>a,.nlist>ul>li.active a{ background:url(../images/liabg.png) no-repeat center; color:#fff;}

.nlist .dphone{ overflow:hidden; background:#333; padding:20px 0;}

.nlist .dphone dt{ float:left; background:url(../images/phimg.png) no-repeat center; margin-left:5px; width:62px; height:50px;}

.nlist .dphone dd{ margin-left:66px; color:#fff; padding:5px 13px; border-left:1px dotted #5c5c5c;}

.nlist .dphone dd span{ font-size:13px;}

.nlist .dphone dd p{ font-size:20px; font-family:"Arial";}







.cpright{ flex: 1; padding:0 20px; background:#fff; float:right;padding-bottom: 20px;margin-left: 20px;border-radius: 6px;overflow: hidden;}

.rtop{ overflow:hidden; padding-top:28px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;}

.rtop h5{ float:left; padding-left:10px; border-left:3px solid #3295d9; font-weight:normal; line-height:16px;}

.rtop h5 a{ font-size:16px; color:#3295d9;}

.rtop span{ float:right;}

.rtop span em{ color:#999;}

.rtop span a{ color:#999;}



.agent_con { width:100%; padding-top:10px; line-height:24px;min-height:400px}

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



.agent_con .age_li_about { font-size:14px; }

.agent_con .age_li_about p { white-space: normal; letter-spacing: normal;}



.sidePart1{border-top:0px; position:relative; z-index:10; top:-1px; background:#FFF; padding:20px 14px;}

.sidePart1 li{border-bottom:#dbdbdb solid 1px; height:78px; padding-left:20px; position:relative; color:#8d8d8d;}

.sidePart1 .img{position:absolute; top:14px; right:10px;}

.sidePart1 h2 a{color:#000; padding:15px 0 10px 0; display:block;}

.sidePart1 .li_01{height:75px;}





.sideNav li{background:url(../images/line1.gif) bottom repeat-x; padding-bottom:1px;}



.page {

	font-size:12px;

	overflow:hidden;

	line-height:24px;

	height:55px;

	position:relative;

	TEXT-ALIGN:center;

	width:100%;

}

.page UL {

	left:50%;

	float:left;

	position:relative

}

.page LI {

	right:50%;

	float:left;

	margin:15px 3px;

	position:relative

}

.page LI A {

	border:#ccc 1px solid;

	padding-right:6px;

	border-top:#ccc 1px solid;

	DISPLAY:block;

	padding-left:6px;

	float:left;

	padding-bottom:0px;

	padding-TOP:0px;

	height:24px

}

.page LI A:hover {

	border:#002F5E 1px solid;

	background:#002F5E;

	color:#fff;

	text-decoration:none

}

.page .thisclass {

	border:#002F5E 1px solid;

	background:#002F5E;

	color:#fff;

	text-decoration:none

}

.page .thisclass {

	padding-right:8px;

	padding-left:8px;

	padding-bottom:0px;

	padding-TOP:0px

}

.page .thisclass A {

	border-top-width:0px;

	padding-right:0px;

	padding-left:0px;

	border-left-width:0px;

	border-bottom-width:0px;

	padding-bottom:0px;

	color:#fff;

	padding-TOP:0px;

	border-right-width:0px

}

.page .thisclass A:hover {

	border-top-width:0px;

	padding-right:0px;

	padding-left:0px;

	border-left-width:0px;

	border-bottom-width:0px;

	padding-bottom:0px;

	color:#fff;

	padding-TOP:0px;

	border-right-width:0px

}



#page {text-align: center;padding: 10px;}

#page li{ zoom:1; display:inline-block; *display:inline;padding-right:8px; }

#page a, #page span { display:inline-block; zoom:1; *display:inline; background: url(../images/bg_page.gif); height: 24px;line-height: 24px; border: 1px solid #dddddd;webkit-border-radius:2px; padding: 0px 8px;font-size: 14px;color: #556270;margin-left: 8px;}

#page span{background: #aaa;color: #fff;}

#page span.current{background: #1f7ee8;color: #fff;}

#page .next{width:45px;}





.banner .swiper-container-banner {

	width:100%;

	position:relative;

}

.swiper-container-banner .swiper-slide {

	overflow:hidden;

	position:relative;

}

.swiper-container-banner .swiper-slide img {

	width:100%;

	object-fit:cover;

	transform:matrix(1.1,0,0,1.1,0,0);

	-webkit-transition:all 0.4s ease 1.2s;

	-moz-transition:all 0.4s ease 1.2s;

	-ms-transition:all 0.4s ease 1.2s;

	-o-transition:all 0.4s ease 1.2s;

	transition:all 0.4s ease 1.2s;

}

.swiper-container-banner .swiper-slide-active img {

	transition-delay:0.4s !important;

	transform:matrix(1,0,0,1,0,0);

	-webkit-transition:all 5s ease;

	-moz-transition:all 5s ease;

	-ms-transition:all 5s ease;

	-o-transition:all 5s ease;

	transition:all 5s ease;

}

.swiper-container-banner .swiper-pagination-bullet {

	opacity:1;

	background:transparent;

	border:1px solid #fff;

	width:10px;

	height:10px;

}

.swiper-container-banner .swiper-pagination-bullet-active {

	background:#fff;

	opacity:1;

}
.mb-nlist{
	display: none;
}
@media screen and (max-width:768px){
	.cpMain .container{
		flex-direction: column;
		box-sizing: border-box;
		padding: 0 2%;
	}
	.cpMain .container > div{
		width: 100% !important;
		box-sizing: border-box;
	}
	.nlist{
		display: none;
	}
	.cpright{
		margin-left: 0;
		margin-top: 20px;
		box-sizing: border-box;
		padding: 0 2%;
	}
	.agent_con .age_li_about{
		overflow-x: scroll;
	}
	.mb-nlist{
		display: block;
	}
	.mb-nlist .swiper-container{
		padding: 10px 0;
		border-radius: 6px;
		background-color: #fff;
	}
	.mb-nlist .swiper-container .swiper-slide.active{
		position: relative;
	}
	.mb-nlist .swiper-container .swiper-slide.active::after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 30px;
		border-bottom: 1px solid #3295d9;
		transform: translateX(-50%);
	}
}