@charset "utf-8";
.head{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	margin-top: 20px;
}
.headbox{
	padding: 0 40px;
	height: 80px;
	background: rgba(20,23,46,.7);
	position: relative;
}
.logo{
	display: inline-block;
	height: 52px;
}
.nava::after{
	width: 100%;
	height: 0px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .5s;
	background: #dca41d;
	opacity: 0;
}
.nava{
	display: block;
	line-height: 80px;
	padding: 0 25px;
	color: #fff;
	position: relative;
}
.nava span{
	position: relative;
	z-index: 9;
}
.nav li:hover .nava::after,.nav li.active .nava::after{
	height: 100%;
	opacity: 1;
}
.hdr a{
	margin-left: 20px;
	display: inline-block;
	line-height: 40px;
	background: #323b8b;
	color: #fff;
	border-radius: 4px;
	padding: 0 20px;
}
.navhide{
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background: rgba(20,23,46,.7);
	margin-left: 0;
	transition: .25s;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	z-index: 9;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid rgba(255,255,255,.05);
	margin-top: 10px;
}
.navhide a{
	width: 25%;
	color: #fff;
	line-height: 48px;
	text-align: left;
	padding: 0 25px;
}
.navhide a:hover{
	background: #f8b616;
}
.nav li:hover .navhide{
	opacity: 1;
	visibility: inherit;
	margin-top: 0;
}
.swiper-button-next-bn,.swiper-button-prev-bn{
	width: 35px;
	height: 70px;
	background: rgba(0,0,0,.5);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 25px;
	margin-top: -80px;
}
.swiper-button-next-bn{
	right: 0;
}
.swiper-button-prev-bn{
	left: 0;
}
.bnbg{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
}
.md{
	padding: 80px 0;
}
.ititle_60{
	font-size: 60px;
}
.ititle_40{
	font-size: 40px;
}
.i1r{
	width: 42%;
	margin-left: -14%;
	position: relative;
	z-index: 9;
}
.i1r img.img{
	position: relative;
	z-index: 9;
}
.i1l{
	width: 72%;
}
.i1lt,.i1lb{
	padding-right: 35%;
}
.i1lt{
	padding-left: 25px;
}
.i1ltbox,.i1lbbox{
	width: 770px;
	max-width: 100%;
}
.morea{
	line-height: 38px;
	padding: 0 22px;
	border: 1px solid #E6E6E6;
	display: inline-block;
	color: #999;
	transition: .25s;
}
.morea:hover{
	background: #27398f;
	color: #fff;
	border: 1px solid #27398f;
}
.i1lb{
	background-image: linear-gradient(to right, #27398f , #5c66b4);
	color: #fff;
}
.i1lba{
	width: auto;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,.1);
	display: block;
	padding: 20px 35px;
	color: #fff;
}
.i1lba:last-child{
	border-right: 0;
}
.i1lba p{
	opacity: .6;
}
.i2a{
	width: 20%;
	position: relative;
}
.i2abg{
	padding: 20px 6%;
	transition: .5s;
	z-index: 10;
	text-align: center;
	color: #fff;
}
.morea_wt{
	border-color: #fff;
	color: #fff;
}
.morea_wt:hover{
	background: #27398f;
	color: #fff;
	border: 1px solid #27398f;
}
.i2atxt .txt{
	height: 0px;
	line-height: 30px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
}
.i2a:hover .i2atxt .txt{
	height: 120px;
	opacity: 1;
	visibility: inherit;
}
.i2a:hover .morea_wt{
	background: #27398f;
	color: #fff;
	border: 1px solid #27398f;
}
.i2a:hover .i2abg{
	background: rgba(47,56,133,.77);
}
.i3{
	background: #f6f7fb;
}
.i3 .container_lr{
	margin-left: -15px;
	margin-right: -15px;
}
.i3 .clra{
	padding: 15px;
}
.i3a{
	width: 33.33%;
}
.i3a_a{
	background: #fff;
	padding: 38px 30px 20px 30px;
	align-items: flex-start;
}
.i3aico{
	width: 75px;
	height: 75px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 25px;
	background: #f1f1fb;
	transition: .25s;
}
.i3aico img{
	transition: .25s;
}
.i3a:hover .i3aico{
	background: #f8b616;
}
.i3a_a:hover .i3aico img{
	filter: grayscale(100%) brightness(500%);
}
.i3a_a p,.i4at p{
	line-height: 24px !important;
	height: 48px !important;
}
.i3a_a:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,.05);
}
.i4l{
	background-size: cover !important;
	display: flex;
	justify-content: flex-end;
}
.i4lw{
	width: 840px;
	max-width: 100%;
	padding: 0 20px;
}
.i4a{
	width: 280px;
	min-height: 100%;
	background: #fff;
	padding-left: 35px;
	padding-right: 35px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-right: 1px solid #E6E6E6;
}
.i4a:last-child{
	border-right: 0;
}
.i4a:hover{
	background: url(../images/i4bg2_03.png) no-repeat center;
	background-size: cover;
	color: #fff;
}
.i4a:hover *{
	color: #fff;
}
.i4a .morea:hover{
	border: 1px solid #fff;
	color: #fff;
	background: none;
}
.i5r{
	width: 71%;
	margin-left: 5%;
	box-shadow: 0 0 15px rgba(0,0,0,.08);
}
.morea_yellow{
	background: #f8b616 !important;
	color: #fff;
	border: 1px solid #f8b616 !important;
}
.i5lb i{
	width: 40px;
	height: 40px;
	margin-right: 25px;
	border: 1px solid #E6E6E6;
	color: #999;
	transition: .25s;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}
.i5lb i:hover{
	background: #f8b616;
	border: 1px solid #f8b616;
	color: #fff;
}
.i5ratxt{
	color: #49515b;
}
.i5ra{
	overflow: hidden;
}
.i5ratxt p,.i5rahide p{
	opacity: .5;
}
.i5ratxt div.text14,.i5rahide div.text14{
	opacity: .7;
}
.i5ra{
	background: #fff;
	padding: 10px;
	display: block;
	position: relative;
}
.i5rahide{
	transition: .5s;
	background: #3b4282;
	color: #fff;
	padding: 15px 35px;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 100%;
	transition: .5s;
	width: 100%;
	height: 100%;
}
.i5ra:hover .i5rahide{
	opacity: 1;
	visibility: inherit;
	top: 0;
}
.i5ratxt{
	transition: .5s;
}
.i5ra:hover .i5ratxt{
	opacity: 0;
}
.foot{
	background: url(../images/footbg_02.png) no-repeat top center #0f1126;
	background-size: 100%;
	padding-top: 160px;
	color: #fff;
}
.foot a{
	color: rgba(255,255,255,.6);
}
.foot a:hover{
	color: #fff;
}
.ft{
	padding-bottom: 35px;
	border-bottom: 1px solid #1a2241;
}
.fttl{
	width: 40%;
	margin-right: 3.5%;
}
.fttra:last-child{
	margin-right: 20%;
}
.ftba{
	width: 90px;
	margin-right: 2%;
	font-size: 12px;
}
.fttlw{
	margin-top: 15px;
}
.fb{
	line-height: 25px;
	padding: 20px 0;
	font-size: 12px;
}
.fb a{
	color: #fff;
}
.fb a:hover{
	text-decoration: underline;
}
.ab2{
	background: #f4f4f4;
}
.ab3{
	background: #eae9e9;
}
.ab4{
	background-image: linear-gradient(#eeeeee, #fff);
}
.txtcolor{
	color: #49515b;
}
.ab1r{
	width: 40%;
	margin-left: 5%;
}
.ab3a{
	width: 260px;
	max-width: 23%;
}
.ab3abox{
	padding-left: 5px;
}
.ab3abox img{
	height: 55px;
	display: block;
	margin: 15px auto;
}
.ab3abox h4{
	text-transform: uppercase;
}
.ab3a *{
	transition: .25s;
}
.ab3a:hover{
	background: #323b8b;
	border-radius: 100%;
}
.ab3a:hover *{
	color: #fff;
}
.ab3a:hover img.disblock{
	opacity: 0;
}
.ab3a:hover .ab3abox img{
	filter: grayscale(100%) brightness(1000%)
}
.ab34img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.ab3 .wrap_1400,
.ab4 .wrap_1400{
	position: relative;
	z-index: 8;
}
.ab4top img{
	height: 15px;
	display: block;
	margin: 0 auto;
}
.ab4w{
	padding-left: 10%;
}
.ab3{
	padding-bottom: 360px !important;
}
.ab4{
	padding-top: 350px !important;
	padding-bottom: 100px !important;
}

.bntxt_contact{
	margin-bottom: 15%;
}
.bntxt h3{
	opacity: .7;
}
.co1bg{
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	position: relative;
	z-index: 9;
	margin-top: -300px;
	padding: 80px;
	display: flex;
	align-items: flex-end;
}
.co1la{
	width: 45%;
}
.co1la p{
	opacity: .7;
}
.co1r{
	box-shadow: 0 0 25px rgba(0,0,0,.08);
	padding: 80px 60px;
}
.co1ra input{
	width: 100%;
	height: 62px;
	border-bottom: 1px solid #eee;
}
.co1ra input:focus{
	border-bottom: 1px solid #27398f;
}
.co1ra button{
	width: 190px;
	height: 56px;
	border-radius: 56px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
	transition: .25s;
}
.co1ra button:hover{
	opacity: .85;
}
.co2{
	min-height: 250px;
}
.co3mid{
	border-bottom: 1px solid #e6e6e6;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.co2bota a{
	margin: 10px 20px;
	display: inline-block;
}
.co2bota a:hover{
	color: #27398f;
	text-decoration: underline;
}
.co2botbox{
	padding: 10px;
	margin: 0 5px;
	position: relative;
}
.co2botbox a{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	color: #fff;
}
.fhrahide{
	width: 120px;
	height: 120px;
	padding: 5px;
	background: #fff;
	box-shadow: 0 0 12px rgba(0,0,0,.15);
	position: absolute;
	left: 50%;
	margin-left: -60px;
	bottom: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.co2botbox:hover .fhrahide{
	margin-bottom: 15px;
	opacity: 1;
	visibility: inherit;
}
.fhrahide::after{
	width: 10px;
	height: 10px;
	content: "";
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -5px;
	transform:rotate(45deg);
}

.page a,.page span{
	width: 40px;
	height: 40px;
	display: flex;
	border-radius: 3px;
	align-items: center;
	justify-content: center;
	border: 1px solid #E6E6E6;
	color: #666;
	margin: 3px;
}
.page a:hover,.page a.active{
	background: #323b8b;
	border: 1px solid #323b8b;
	color: #fff;
}
.newtop span{
	color: #27398F;
	display: inline-block;
	line-height: 38px;
	padding: 0 25px;
	border-radius: 38px;
	background: #f5f5f9;
}
.ne1a h1{
	line-height: 60px;
	margin-right: 10%;
}
.ne1a span{
	display: inline-block;
	line-height: 50px;
	padding: 0 35px;
	border-radius: 50px;
	transition: .25s;
}
.ne2l{
	width: 48.5%;
	margin-right: 3%;
}
.ne2l img{
	min-height: 100%;
}
.neaimg{
	width: 215px;
	margin-left: 3%;
}
.ne2ratxt_t span{
	display: inline-block;
	line-height: 32px;
	padding: 0 20px;
	border: 1px solid #E6E6E6;
}
.ne2ra,.ne3a{
	padding: 20px 0;
	border-bottom: 1px solid #E6E6E6;
	align-items: center;
}
.ne2ra:first-child{
	padding-top: 0;
}
.ne2ra:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}
.ne3w{
	border-top: 1px solid #E6E6E6;
}
.ne3a{
	padding: 25px 0;
}
.ne3al p{
	color: #888;
}

.hx1w{
	width: 102%;
}
.hx1a{
	position: relative;
	width: 31.33%;
	margin-right: 2%;
}
.hx1aimg,.hx1atxt{
	border-radius: 5px;
	overflow: hidden;
}
.hx1atxt{
	height: 150px;
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 35px;
	background: #fff;
	transition: .25s;
	box-shadow: 0 0 12px rgba(0,0,0,.08);
	position: absolute;
	right: 0;
	bottom: -20px;
}
.hx1a:hover .hx1atxt{
	background: #043491;
	color: #fff;
}
.hx1b i{
	margin: 0 3%;
}
.hx1b i:last-child{
	display: none;
}
.hx1b span{
	line-height: 58px;
	border: 1px dotted #27398f;
	text-align: center;
	flex: 0;
	flex-grow: 1;
	border-radius: 6px;
	transition: .25s;
}
.hx1b span:hover{
	background: #27398F;
	color: #fff;
}
.hx2{
	background: #f9f9f9;
}
.hx2l{
	margin-right: 5%;
}
.hx2ra_a *{
	transition: .25s;
}
.hx2ra{
	width: 25%;
}
.hx2ra_a{
	background: #fff;
	padding: 50px 25px;
	border-radius: 6px;
	min-height: 100%;
}
.hx2ra_a:hover{
	background: #043491;
}
.hx2ra_a:hover img{
	filter: grayscale(100%) brightness(2000%);
}
.hx2ra_a:hover *{
	color: #fff;
}
.hx3{
	background: url(../images/hx3bg_02.jpg) no-repeat center;
	background-size: cover;
}
.hx3a{
	padding: 40px 35px;
	text-align: center;
	width: 32%;
	border-radius: 5px;
	transition: .25s;
	background: #fff;
}
.hx3a h3,.hx3a p{
	position: relative;
	z-index: 9;
}
.hx3aico{
	position: absolute;
	right: 20px;
	bottom: 20px;
	transition: .25s;
}
.hx3a h3,.hx3a p{
	transition: .25s;
}
.hx3a p{
	color: #666;
}
.hx3a:hover{
	background: #043491;
	color: #fff;
}
.hx3a:hover *{
	color: #fff;
}
.hx3a:hover .hx3aico{
	filter: grayscale(100%) brightness(2000%);
}
.hx4{
	background: url(../images/hx4bg_02.jpg) no-repeat center;
	background-size: cover;
}
.hx4a{
	background: #fff;
	padding: 90px;
	box-shadow: 0 0 20px rgba(0,0,0,.07);
	margin: 20px;
	border-radius: 5px;
	text-align: center;
}
.swiper-pagination-hx4{
	position: static;
	width: 100%;
	text-align: center;
	margin-top: 70px;
}
.swiper-pagination-hx4 .swiper-pagination-bullet{
	width: 30px;
	height: 30px;
	border: 1px solid rgba(0,0,0,0);
	position: relative;
	opacity: 1;
	background: none;
	margin: 0 10px;
	transition: .25s;
}
.swiper-pagination-hx4 .swiper-pagination-bullet::after{
	width: 16px;
	height: 16px;
	content: "";
	background: #043491;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px;
}
.swiper-pagination-hx4 .swiper-pagination-bullet-active{
	border: 1px solid #043491;
}
.hx4boxbot{
	width: 80%;
	position: absolute;
	left: 10%;
	bottom: 50px;
}
.hx5{
	border-top: 10px solid #fbb034;
	padding-bottom: 270px !important;
	background: url(../images/hx5bg_02.jpg) no-repeat bottom center #043491;
	background-size: 100%;
	color: #fff;
	position: relative;
}
.hx5img{
	position: absolute;
	right: 0;
	top: 0;
	width: 56.14%;
}
.hx5 .wrap_1400{
	position: relative;
	z-index: 9;
}
.hx6{
	background: #f0f2f1;
	margin-top: -1px;
	position: relative;
	z-index: 8;
}
.hx5wb i{
	width: 100px;
	height: 100px;
	border: 2px solid #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .25s;
}
.hx5wb i:hover{
	background: rgba(255,255,255,.1);
}
.hx6l{
	width: 46.4%;
	margin-right: 8%;
}
.hx6rw{
	width: 650px;
	max-width: 100%;
}
.hx6rwba{
	width: 30%;
	margin-right: 2%;
}
.hx6rwba:hover{
	color: #043491;
}
.hx6rwba i{
	width: 60px;
	height: 60px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	background: #e7ebed;
}
.hx7a{
	box-shadow: 0 0 20px rgba(0,0,0,.07);
	width: 32%;
}
.hx7atxtb li{
	list-style: disc;
	margin-left: 15px;
}
.hx7atxtb li::marker{
	color: #fbb033;
}
.hx7a:hover{
	box-shadow: 0 5px 20px rgba(0,0,0,.1);
}
.hx8{
	background: url(../images/hx8bg_02.png) no-repeat top center;
	background-size: 100%;
}
.hx8r{
	width: 40%;
}

.fa1{
	background: url(../images/fa1bg_02.jpg) no-repeat bottom center;
	background-size: cover;
}
.fa1l{
	margin-right: 4%;
}
.fa1ra{
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.fa1ra i{
	display: block;
	margin-right: 25px;
	border-radius: 4px;
	overflow: hidden;
}
.fa1rar span{
	display: inline-block;
	background: #f5f5f9;
	color: #043491;
	padding: 5px 10px;
}
.fa2a{
	box-shadow: 0 0 20px rgba(0,0,0,.07);
	background: #fff;
	text-align: center;
	border-radius: 6px;
	overflow: hidden;
}
.fa2a:hover{
	box-shadow: 0 5px 20px rgba(0,0,0,.08);
}
.fa2atxt{
	padding: 25px;
}
.fa2atxt p{
	line-height: 30px;
	height: 90px;
	overflow: hidden;
}
.fa2atxtb a{
	display: block;
	margin-top: 12px;
	line-height: 45px;
	border: 1px solid #fbb033;
	color: #fbb033;
	text-align: center;
	border-radius: 4px;
}
.fa2atxtb a.active{
	background: #323b8b !important;
	border: 1px solid #323b8b !important;
	color: #fff !important;
}
.fa2atxtb a:hover{
	background: #fbb033;
	color: #fff;
}
.fa3{
	background: #f8fbff;
}
.fa3topr li{
	display: inline-block;
	line-height: 44px;
	border: 1px solid #323b8b;
	color: #323b8b;
	transition: .25s;
	padding: 0 20px;
	border-radius: 4px;
	cursor: pointer;
	margin-left: 20px;
}
.fa3topr li.active,.fa3topr li:hover{
	background: #323b8b;
	color: #fff;
}
.fa4atxt{
	padding: 25px;
}
.fa4aimg{
	border-radius: 5px;
}
.fa5{
	background-image: linear-gradient(#f4f5f6, #fff);
}
.fa5toprt h2{
	opacity: .5;
}
.fa5toprb a{
	color: #0f1126;
	opacity: .6;
	margin-left: 25px;
}
.fa5toprb a:hover{
	opacity: 1;
}
.fa5b a{
	width: 380px;
	line-height: 46px;
	border: 1px solid #fbb033;
	color: #fbb033;
	text-align: center;
	border-radius: 4px;
	display: block;
	margin: 0 3%;
	max-width: 40%;
}
.fa5b a:hover,.fa5b a.active{
	background: #FBB033;
	color: #fff;
}

.jot{
	background: #043491;
	padding: 15px 20px;
}
.jot span{
	line-height: 30px;
	width: 20%;
	color: #fff;
}
.jot span:last-child{
	width: 15%;
	text-align: center;
}
.joba{
	margin-top: 20px;
}
.jobat{
	cursor: pointer;
	padding: 15px 0;
	padding: 12px 20px;
	transition: .25s;
	background: #f0f1f6;
}
.jobat span{
	line-height: 30px;
	width: 20%;
}
.jobat span:last-child{
	width: 15%;
	text-align: center;
	font-size: 20px;
	color: #4463AB;
}
.jobab{
	padding: 30px;
	background: #f7f8ff;
}
.jobabw{
	margin-top: 20px;
	line-height: 30px;
	color: #666;
}
.jobabw:first-child{
	margin: 0;
}
.jobabw h3{
	margin-bottom: 10px;
	color: #333;
}
.jobab{
	display: none;
}
.jobati1,.jobati2{
	color: #999;
	font-size: 24px;
}
.jobati2{
	display: none;
}
.joba_active .jobati1{
	display: none;
}
.joba_active .jobati2{
	display: block;
}
.jobabw a{
	line-height: 40px;
	padding: 0 20px;
	color: #fff;
	display: inline-block;
	background: #307DCA;
}
.jo2{
	background-image: linear-gradient(#f3f6f9, #fff);
}
.jo2txt a{
	display: inline-block;
	background: #043491;
	color: #fff;
	line-height: 48px;
	padding: 0 25px;
}

@media only screen and (max-width:1920px) {
	.i1ltbox,.i1lbbox{
		width: 700px;
	}
	.wrap_1400{
		min-width: 70%;
	}
}
@media only screen and (max-width:1399px) {
	.md{
		padding: 70px 0;
	}
	.ititle_60{
		font-size: 50px;
	}
	.ititle_40{
		font-size: 36px;
	}
	.i1lt{
		padding-left: 20px;
	}
	.i1lba img{
		height: 50px;
	}
	.i4lw{
		width: 100%;
	}
	.i4a{
		width: 18%;
		padding: 50px 20px;
	}
	.foot{
		padding-top: 140px;
	}
	
	.ab3{
		padding-bottom: 260px !important;
	}
	.ab4{
		padding-top: 250px !important;
		padding-bottom: 70px !important;
	}
	
	.co1bg{
		padding: 60px;
	}
	
	.hx5box{
		margin-top: 0;
		margin-bottom: 150px;
	}
	
	.fa1ra i img{
		width: 90px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.md{
		padding: 60px 0;
	}
	.ititle_60{
		font-size: 40px;
	}
	.ititle_40{
		font-size: 30px;
	}
	.headbox{
		padding: 0 20px;
	}
	.nava,.hdr a{
		padding: 0 18px;
	}
	.hdr a{
		margin-left: 15px;
	}
	.i4a{
		padding: 40px 15px;
	}
	.morea{
		line-height: 34px;
		padding: 0 20px;
		font-size: 13px;
	}
	.i3a_a{
		padding: 20px;
	}
	.i3aico{
		width: 50px;
		height: 50px;
	}
	.i3aico img{
		height: 20px;
	}
	.i2a{
		width: 50%;
		height: 400px !important;
	}
	.i2a:last-child{
		width: 100%;
	}
	.i5rahideico img{
		height: 30px;
	}
	.i5rahide{
		padding: 20px 25px;
	}
	.foot{
		padding-top: 120px;
	}
	.ftba{
		width: 100px;
	}
	
	.ab3{
		padding-bottom: 160px !important;
	}
	.ab4{
		padding-top: 150px !important;
		padding-bottom: 70px !important;
	}
	.ab3abox img{
		height: 50px;
		margin: 20px auto;
	}
	
	.co1bg{
		padding: 50px;
	}
	.co1r{
		padding: 60px 40px;
	}
	.co1ra button,.co1ra input{
		height: 50px;
	}
	
	.neaimg{
		width: 180px;
	}
	
	.hx1atxt{
		height: 120px;
		padding: 0 20px;
	}
	.hx2ra_a img{
		height: 50px;
	}
	.hx5box{
		margin-bottom: 120px;
	}
	.hx5w {
		margin-top: 50px;
	}
	.hx5wb i{
		width: 80px;
		height: 80px;
		font-size: 12px;
	}
	
	.fa1ra i img{
		width: 70px;
	}
	.fa1ra{
		padding: 15px;
	}
}
@media only screen and (max-width:950px) {
	.md{
		padding: 50px 0;
	}
	.ititle_60{
		font-size: 32px;
	}
	.ititle_40{
		font-size: 26px;
	}
	.bnimg,.listbn{
		height: 400px !important;
	}
	.i4a{
		width: 20%;
		padding: 40px 15px;
	}
	.foot{
		padding-top: 100px;
	}
	
	.ab3{
		padding-bottom: 100px !important;
	}
	.ab4{
		padding-top: 150px !important;
		padding-bottom: 60px !important;
	}
	.ab3abox img{
		height: 30px;
		margin: 20px auto;
	}
	
	.neaimg{
		width: 160px;
	}
}
@media only screen and (max-width:768px) {
	.md{
		padding: 25px 0;
	}
	.ititle_60{
		font-size: 24px;
	}
	.ititle_40{
		font-size: 22px;
	}
	.bnimg{
		height: 250px !important;
	}
	.bntxt h3{
		margin-top: 10px;
		font-size: 13px;
	}
	.i1lt, .i1lb{
		padding: 0 15px;
	}
	.morea{
		line-height: 32px;
		padding: 0 18px;
		font-size: 12px;
	}
	.i1lb{
		padding: 0;
	}
	.i1lba{
		padding: 10px;
		width: 33.33%;
	}
	.i1lba h3{
		font-size: 14px;
	}
	.i1lba img{
		height: 40px;
	}
	.i1lba p{
		font-size: 12px;
	}
	.i2a{
		width: 100%;
		max-height: 400px;
	}
	.i2atxt .txt{
		height: 120px;
		opacity: 1;
		visibility: inherit;
	}
	.i3 .container_lr{
		margin-left: -8px;
		margin-right: -8px;
	}
	.i3 .clra{
		padding: 8px;
	}
	.i3a{
		width: 100%;
	}
	.i3a_a{
		padding: 20px;
	}
	.i3a_a p{
		height: auto !important;
	}
	.i3aico{
		width: 50px;
		height: 50px;
	}
	.i3aico img{
		height: 20px;
	}
	.i4a{
		width: 100%;
		padding: 25px;
		height: auto !important;
		background: url(../images/i4bg2_03.png) no-repeat center;
		background-size: cover;
		margin-top: 15px;
		min-height: 200px !important;
	}
	.i4a *{
		color: #fff;
	}
	.i5lb i{
		width: 35px;
		height: 35px;
		margin-right: 15px;
	}
	.foot{
		padding-top: 50px;
	}
	.fttr{
		display: none;
	}
	.fttl{
		text-align: center;
		margin-right: 0;
	}
	.fttl .logo{
		height: 35px;
	}
	.ft{
		padding-bottom: 20px;
	}
	.ftb{
		text-align: center;
	}
	.ftbw{
		justify-content: space-between;
	}
	.ftba{
		font-size: 12px;
		width: 22%;
		margin: 0;
	}
	.fb{
		padding: 12px 0;
	}
	
	.listbn{
		height: 200px !important;
	}
	.itop img{
		height: 15px;
	}
	.ab3,.ab4{
		padding: 25px 0 !important;
	}
	.ab34img{
		display: none;
	}
	.ab2a {
		text-align: center;
	}
	.ab2a img{
		height: 40px;
	}
	.ab3w{
		flex-wrap: wrap;
	}
	.ab3a{
		max-width: 48%;
		width: 48%;
		margin-top: 15px;
	}
	.ab3abox img{
		margin: 10px auto;
	}
	.ab4w{
		padding-left: 0;
	}
	
	.co1bg{
		margin-top: 25px;
		padding: 0;
		box-shadow: inherit;
	}
	.bntxt_contact{
		margin-bottom: 0;
	}
	.co1la{
		width: 100%;
		text-align: center;
	}
	.co1r{
		margin-top: 20px;
		padding: 20px;
	}
	.co1ra button{
		margin-top: 20px;
		width: 140px;
		height: 45px;
	}
	
	.page a, .page span{
		font-size: 12px;
		width: 25px;
		height: 25px;
		margin: 3px;
	}
	
	.neaimg{
		width: 100%;
		margin-left: 0;
	}
	.ne1a h1{
		line-height: 35px;
		font-size: 18px;
	}
	.newtop span{
		line-height: 30px;
		padding: 0 20px;
	}
	.ne1a span{
		line-height: 35px;
		padding: 0 20px;
	}
	.ne2ratxt,.ne3al {
		margin-bottom: 15px;
	}
	.ne3a{
		padding: 20px 0;
	}
	
	.hx1w{
		margin-top: 0;
	}
	.hx1a{
		margin-top: 30px;
		width: 100%;
	}
	.hx1atxt{
		height: 120px;
		bottom: -15px;
	}
	.hx1b i{
		padding: 0 5px;
		display: none;
	}
	.hx1b i img{
		height: 3px;
	}
	.hx1b span{
		margin-top: 10px;
		font-size: 12px;
		line-height: 30px;
	}
	.hx2ra{
		width: 50%;
	}
	.hx2ra_a{
		padding: 30px 20px;
	}
	.hx2ra img{
		height: 30px;
	}
	.hx3a{
		width: 100%;
	}
	.hx4a{
		padding: 25px;
	}
	.hx4a img{
		height: 40px;
	}
	.swiper-pagination-hx4{
		margin-top: 0;
		transform: scale(.5);
	}
	.hx4boxbot{
		display: none;
	}
	.hx5{
		background-size: 100%;
		padding-bottom: 50px !important;
	}
	.hx5box{
		margin-bottom: 50px;
	}
	.hx5img{
		width: 30%;
	}
	.hx5wb i{
		border-width: 1px;
		width: 60px;
		height: 60px;
		font-size: 12px;
	}
	.hx5wb span{
		font-size: 12px;
	}
	.hx6r{
		padding: 15px;
	}
	.hx6rwba{
		width: 50%;
		margin-right: 0;
	}
	.hx6rwba i{
		width: 40px;
		height: 40px;
	}
	.hx6rwba i img{
		height: 20px;
	}
	.hx7a{
		width: 100%;
	}
	.hx7atxt{
		padding: 20px;
	}
	
	.fa1ra i img{
		width: 70px;
	}
	.fa1ra{
		padding: 15px;
	}
	.fa2atxt{
		padding: 15px;
	}
	.fa2atxt p{
		height: auto;
	}
	.fa2atxtb a{
		line-height: 38px;
	}
	.fa3top,.fa5top{
		display: block;
	}
	.fa3topr li{
		margin-left: 0;
		margin-top: 15px;
		margin-right: 15px;
		line-height: 35px;
		padding: 0 15px;
	}
	.ab3a h4{
		font-size: 12px;
	}
	.ab3a h3{
		font-size: 12px;
	}
	.fa5topr {
		text-align: left;
		margin-top: 15px;
	}
	.fa5toprb {
		justify-content: flex-start;
	}
	.fa5toprb a{
		margin-left: 0;
		margin-right: 15px;
	}
	.fa5b a{
		font-size: 13px;
		line-height: 34px;
	}
	
	.joba{
		margin-top: 15px;
	}
	.jot span,.jobat span{
		width: 25%;
	}
	.jot span:last-child,.jobat span:last-child{
		width: 30px;
	}
	.jot,.jobat{
		padding: 10px 15px;
	}
	.jobab{
		padding: 15px;
	}
	.jo2txt a{
		line-height: 32px;
		padding: 0 20px;
		font-size: 13px;
	}
}

.xw_xq{max-width:1200px; margin:0 auto;}
.xw_xq .b_t{font-size:26px; line-height:36px; font-weight:bold; color:#000; margin-bottom:20px;}
.xw_xq .x_x{display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:35px;}
.xw_xq .x_x .z_c span{margin-right:20px; display:inline-block;}
.xw_xq .x_x .y_c a{display:inline-block; margin-left:15px; color:#27398f;}
.xw_xq .n_r{line-height:30px;}
.xw_xq .n_r strong{font-size:18px; color:#000; line-height:28px;}
.xw_xq .n_r img{max-width:100%; height:auto; display:block; margin:0 auto;}
.xw_xq .f_y{margin-top:40px; padding-top:30px; border-top:1px solid #eee; color:#999; line-height:32px;}
@media only screen and (max-width:1440px){
	.ny_nr .xw_xq .b_t{font-size:24px; line-height:34px;}
	.ny_nr .xw_xq .x_x{margin-bottom:30px;}
	.ny_nr .xw_xq .n_r{line-height:28px;}
	.ny_nr .xw_xq .f_y{margin-top:30px; padding-top:25px;}
}
@media only screen and (max-width:640px){
	.ny_nr .xw_xq .b_t{font-size:20px; line-height:30px;}
	.ny_nr .xw_xq .x_x{margin-bottom:20px;}
	.ny_nr .xw_xq .x_x .y_c{margin-top:5px;}
	.ny_nr .xw_xq .x_x .y_c a{margin:0 7px 0 0;}
}

.page .pagination li a:hover{color: #fff !important;}
.page .pagination li a{width: 50px;height: 40px;}

.cp_lb ul{margin:0 -10px;}
.cp_lb ul li{width:calc(33.33333333% - 20px); margin:0 10px 20px; border:1px solid #eee; padding:15px 15px 12px;
	transition:all .5s;
	-webkit-transition:all .5s;}
.cp_lb ul li:hover{border:1px solid #27398f; box-shadow:0 0 20px rgba(0,0,0,.1);}
.cp_lb .t_p{overflow:hidden; position:relative;}
.cp_lb .t_p img{width:100%; height:auto; display:block;
	transition:all 1s;
	-webkit-transition:all 1s;}
.cp_lb ul li:hover .t_p img{transform:scale(1.05);
	-webkit-transform:scale(1.05);}

.cp_lb ul li:hover .c_k{opacity:1;}
.cp_lb ul li .w_z h3{font-size: 20px;text-align: center;}
@media only screen and (max-width:1279px){
.cp_lb ul{margin:0 -5px;}
.cp_lb ul li{width:calc(33.33333333% - 10px); margin:0 5px 10px; padding:10px;}
}
@media only screen and (max-width:768px){
.cp_lb ul{margin:0 -10px;}
.cp_lb ul li{width:calc(50% - 20px);}
}
@media only screen and (max-width:640px){
.cp_lb ul{margin:0;}
.cp_lb ul li{width:100%; margin:0 0 20px;}
}