@charset "utf-8";
.icolor,.hvicolor:hover{
	color: #791e1d;
}
.bgcolor,.hvbgcolor:hover{
	background: #791e1d;
	color: #fff;
}
.ht{
	background: #1f4c6e;
	height: 50px;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.hb{
	background: #265a87;
}
.logo{
	display: inline-block;
	height: 60px;
}
.nava{
	display: block;
	line-height: 85px;
	color: #fff;
	padding: 0 20px;
}
.nav li{
	margin-left: 20px;
	position: relative;
}
.nav li:hover .nava{
	color: #d72a34;
}
.nav li.active .nava{
	background: #b4222a;
	color: #fff;
}
.navhide{
	width: 250px;
	display: flex;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -125px;
	top: 100%;
	z-index: 9;
	font-size: 16px;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
	margin-top: 7px;
}
.nav li:hover .navhide{
	opacity: 1;
	visibility: inherit;
	margin-top: 0;
}
.navhide a{
	width: 50%;
	text-align: center;
	line-height: 40px;
}
.navhide a:hover{
	background: #f0f0f0;
}
.bntxt{
	background: rgba(222,222,222,.3);
	padding: 50px;
	text-align: center;
	color: #fff;
	font-size: 1.7vw;
	text-shadow: 0 0 10px rgba(0,0,0,.7);
}
.bntxt h1{
	font-weight: normal;
}
.bntxt h2{
	font-weight: 100;
}
.md{
	padding: 80px 0;
}
.i1l{
	width: 40%;
	margin-right: 2.5%;
}
.i1rt{
	background: #f2f2f2;
}
.i1rt h2{
	line-height: 60px;
	border-top: 2px solid #791E1D;
	display: inline-block;
	padding: 0 15px;
}
.i1ra{
	padding: 9px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E6E6E6;
}
.i1ra:hover{
	color: #791E1D;
}
.itop{
	padding: 25px 0;
	background: #f2f2f2;
}
.morea{
	display: flex;
}
.morea span{
	border: 1px solid #999;
	padding: 2px 6px;
}
.morea i{
	display: flex;
	align-items: center;
	background: #b4222a;
	color: #fff;
	padding: 0 10px;
}
.i2w a{
	display: block;
	position: relative;
}
.i2r{
	width: 37.4%;
}
.i2abg{
	height: 50%;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
	top: 50%;
}
.i2abgtxt {
	width: 100%;
}
.i3t{
	background: rgba(255,255,255,.5);
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.i3t li{
	width: 25%;
	line-height: 70px;
	cursor: pointer;
	transition: .25s;
	color: #000;
	text-align: center;
}
.i3b_height{
	height: 70px;
}
.i3t li.active{
	background: #b4222a;
	color: #fff;
}
.i3bbg .wrap_1400{
	display: flex;
	align-items: center;
}
.i3bl{
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,.3);
	position: relative;
	z-index: 9;
}
.i3br{
	width: 60%;
	margin-left: -10%;
	background: rgba(180,34,42,.2);
	padding: 10% 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.i3br img{
	height: 80px;
}
.i4a{
	display: block;
	width: 25%;
}
.i4atxt{
	background: #f2f2f2;
	padding: 20px;
	font-size: 14px;
	line-height: 25px;
}
.swiper-container-i5 .swiper-slide{
	transform: scale(0.8);
	transition: .3s;
}
.swiper-container-i5 .swiper-slide-active,.swiper-container-i5 .swiper-slide-duplicate-active{
	transform: scale(1);
}
.i6r{
	width: 75%;
	margin-left: -10%;
}
.i6l{
	width: 35%;
	position: relative;
}
.i6lt{
	display: block;
	background: #fff;
	padding: 40px;
	box-shadow: 0 0 15px rgba(0,0,0,.05);
}
.i6la{
	display: block;
	text-align: center;
	line-height: 80px;
	box-shadow: 0 0 15px rgba(0,0,0,.05);
	border-radius: 8px 0 8px 0;
	background: #fff;
	margin-top: 25px;
}
.i6la:hover,.i6la.active{
	background: #3f566b;
	color: #fff;
}
.foot{
	background: #f2f2f4;
	padding: 35px 0 25px 0;
	border-top: 2px solid #393636;
}
.flogo{
	height: 70px;
}
.foot a:hover{
	color: #b4222a;
}
.fbr a{
	margin-left: 20px;
}

.lyl{
	margin-right: 2%;
	width: 33%;
}
.lya{
	padding: 50px 0;
	border-bottom: 1px solid #E6E6E6;
	display: block;
}
.lyal{
	width: 30%;
	margin-right: 3%;
}
.lyaline{
	width: 50px;
	height: 2px;
	background: #b4222a;
	margin: 20px 0;
}
.pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.page a,.pagination span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	color: #000;
	margin: 3px;
}
.page a.pagea{
	background: #dcdddd;
	font-size: 18px;
}
.page a.active{
	background: #9acaed;
}
.pagination li.active span{
	background: #9acaed;
}
.pagination li:first-child span,.pagination li:last-child span,
.pagination li:first-child a,.pagination li:last-child a{
	background: #dcdddd;
}

.li1{
	position: relative;
	margin-top: -20%;
	z-index: 9;
}
.li1box{
	padding: 40px;
	background: #fff;
}
.li1box img{
	max-width: 100%;
}
.li2more a{
	display: inline-block;
	padding: 8px 30px;
	border-radius: 6px;
	background: #c0dcf3;
	color: #000;
}
.li2altxt{
	background: #f5f5f5;
	padding: 25px;
}

.listbn{
	position: relative;
}
.jsbg{
	background: url(../images/jsbg.jpg) no-repeat top center;
	background-size: cover;
	padding-bottom: 70px;
}
.lbntxt{
	margin-bottom: 5%;
}
.li1_js{
	margin-top: -5%;
}
.jst{
	background: #dcf0fa;
	padding: 15px 20px;
	color: #185490;
}
.js1l{
	width: 35%;
	margin-right: 2%;
}
.js1r .txt{
	background: #f4fafb;
	border: 1px solid #e4f1e6;
	padding: 10px 15px;
}
.js3w *{
	max-width: 100%;
}
.js3w p{
	text-indent: 2em;
}
.js3w .js1rb p{
	text-indent: 0;
}

.lx1w img{
	max-width: 100%;
	margin: 0 auto;
}
.lx2_title_m{
	font-size: 4vw;
	font-weight: 100;
	transform:rotateY(180deg);
	line-height: 1;
	margin: 0 5px;
	margin-top: -15px;
}
.lx2_title{
	padding: 0 3.5%;
}
.lx22 .lx2_title{
	margin-top: -100px;
}
.lx2txt{
	padding: 0 5%;
}
.lx23txt_img{
	margin-left: .5%;
	width: 40%;
}
.lx22_img{
	margin-left: -40px;
}

.listtop {
	margin-top: -15px;
}
.listtop i{
	margin: 0 10px;
}
.cx1l{
	width: 55%;
}
.cx1r{
	background: #d6e8e5;
	padding: 25px;
	margin-left: 25px;
}
.cx1ra{
	display: flex;
	padding: 6px 0;
}
.cx2a{
	background: #e1edf9;
}
.cx2ar{
	padding: 15px 5%;
}
.cx2al{
	width: 32%;
}
.cx3w{
	width: 80%;
	margin: 25px auto 0 auto;
}
.cx3atxt{
	background: #e1edf9;
	border-radius: 0 50px 0 0;
	padding: 15px 40px;
	width: 40%;
	display: flex;
	align-items: center;
}
.cx3aimg{
	width: 50%;
}
.cx3a:nth-child(even){
	flex-flow: row-reverse;
	justify-content: flex-start;
}
.cx3a:nth-child(even) .cx3atxt{
	border-radius: 50px 0 0 0;
}
.cx4w i{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #dcf0fa;
	width: 90px;
	height: 90px;
	font-size: 24px;
	border-radius: 100%;
	padding: 10px;
}

@media only screen and (max-width:1399px) {
	.md{
		padding: 70px 0;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.md{
		padding: 60px 0;
	}
	.ht{
		height: 30px;
	}
	.nav li{
		margin-left: 0;
	}
	.i1rt h2{
		line-height: 50px;
	}
	.itop{
		padding: 18px 0;
	}
	.i3br img{
		height: 60px;
	}
	.i6lt{
		padding: 25px;
	}
	.i6lt img{
		height: 30px;
	}
	.i6la{
		line-height: 60px;
		margin-top: 15px;
		font-size: 16px;
	}
	.flogo{
		height: 60px;
	}
	
	.lya{
		padding: 35px 0;
	}
	
	.js2a {
		width: 33.33%;
	}
	.js3wbox{
		display: flex;
		
	}
	
	.cx4w i{
		width: 70px;
		height: 70px;
		font-size: 20px;
	}
}
@media only screen and (max-width:950px) {
	.md{
		padding: 50px 0;
	}
}
@media only screen and (max-width:768px) {
	.md{
		padding: 25px 0;
	}
	.bnimg{
		min-height: 180px;
	}
	.bntxt{
		padding: 15px;
		font-size: 12px;
	}
	.bntxt h2{
		margin-top: 5px;
		font-size: 13px;
	}
	.i1rt h2{
		line-height: 40px;
	}
	.itop{
		padding: 15px 0;
	}
	.i2abgtxt{
		padding: 18px;
	}
	.i3br{
		display: none;
	}
	.i3bl{
		width: 100%;
	}
	.i3t li{
		line-height: 45px;
	}
	.i3b_height{
		height: 45px;
	}
	.itop p{
		font-size: 12px;
		line-height: 20px;
	}
	.itop .flex1{
		margin-right: 15px;
	}
	.i4a{
		width: 100%;
		padding: 7px 0;
	}
	.i6lt{
		padding: 25px;
	}
	.i6lt img{
		height: 30px;
	}
	.i6la{
		line-height: 60px;
		margin-top: 15px;
		font-size: 16px;
	}
	.foot{
		padding: 25px 0;
		text-align: center;
	}
	.fta{
		display: none;
	}
	.flogo{
		display: flex;
		justify-content: center;
		height: 35px;
		margin: 0 auto;
	}
	.fbr a{
		margin: 0 7px;
		margin-top: 10px;
		display: inline-block;
	}
	
	.listbn img{
		min-height: 140px;
	}
	.lbntxt{
		margin-bottom: 0;
	}
	.lya{
		padding: 15px 0;
	}
	.lyaline{
		width: 35px;
		margin: 15px 0;
	}
	.page a{
		width: 26px;
		height: 26px;
		margin: 2px;
	}
	
	.li1{
		margin-top: -50px;
	}
	.li1box{
		padding: 20px;
	}
	.li2al,.li2ar{
		width: 100%;
	}
	.li2altxt{
		font-size: 15px;
		line-height: 30px;
		padding: 15px;
	}
	
	.jsbg{
		padding-top: 15px;
		padding-bottom: 25px;
	}
	.jst{
		padding: 12px 15px;
	}
	.li1_js{
		margin-top: 0;
	}
	.js2a {
		width: 48%;
	}
	
	.lx2txt{
		padding: 0;
	}
	.lx2_title_m{
		font-size: 40px;
		margin-left: 0;
		margin-right: 10px;
		margin-top: -8px;
	}
	.lx2_title_l p{
		font-size: 14px;
	}
	.lx2txt {
		font-size: 14px;
		margin-top: 8px;
	}
	.lx22,.lx23{
		margin-top: 25px;
	}
	.lx22_img{
		margin-left: 0;
	}
	.lx22_img img{
		width: 80%;
	}
	.lx22 .lx2_title{
		margin-top: 0;
	}
	.lx23txt_img{
		display: flex;
		justify-content: flex-end;
	}
	.lx23txt_img img{
		width: 80%;
	}
	
	.listtop{
		margin-top: -5px;
		font-size: 13px;
	}
	.cx1r{
		padding: 20px;
	}
	.cx2a{
		margin-top: 15px;
		display: block;
	}
	.cx2al{
		width: 100%;
	}
	.cx2ar .txt{
		font-size: 13px;
		line-height: 24px;
	}
	.cx3w{
		width: 100%;
		margin: 15px auto 0 auto;
	}
	.cx3a{
		margin-top: 15px;
	}
	.cx3atxt{
		border-radius: 0 !important;
		padding: 20px;
	}
	.cx3atxt .txt,.cx1r .txt{
		font-size: 14px;
	}
	.cx4w i{
		width: 60px;
		height: 60px;
		font-size: 14px;
	}
	.cx4w .txt{
		margin-left: 12px;
		line-height: 28px;
		font-size: 15px;
	}
}