@charset "utf-8";

.icolor,.hvcolor:hover{
	color: #153572;
}
.bgcolor,.hvbgcolor:hover{
	background: #153572;
	color: #fff;
}
.head,.head_height{
	height: 80px;
}
.head{
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.nav{
	margin: 0 5%;
}
.nav li{
	flex: 0;
	flex-grow: 1;
	text-align: center;
}
.nav li.navli_two{
	position: relative;
}
.nava{
	display: block;
	line-height: 80px;
	text-align: center;
	font-weight: 500;
}
.nav li.active .nava,.nav li:hover .nava{
	color: #153572;
}
.navhide{
	background: #fff;
	/*box-shadow: 0 5px 10px rgba(0,0,0,.1);*/
	border-top: 1px solid #eee;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9;
	display: none;
	visibility: hidden;
	transition: .1s;
}
.nav li:hover .navhide{
	display: block;
	visibility: inherit;
}
.nh_abt{
	padding: 20px 0;
}
.nh_abt a{
	margin: 15px 25px;
	display: block;
	color: #999;
}
.nh_abt a:hover,.nhpr_l a:hover{
	color: #153572;
}
.navhide_prd{
	background: #f8f8f8;
}
.nhpl{
	width: 20%;
	background: #fff;
}
.nhpl li{
	line-height: 65px;
	text-align: center;
	border-right: 2px solid #fff;
	transition: .25s;
	cursor: pointer;
}
.nhpl li.active{
	border-right: 2px solid #153572;
	color: #153572;
	background: #f8f8f8;
}
.nhpr li{
	text-align: left !important;
	padding: 40px 5%;
}
.nhpr_r img{
	max-width: 440px;
	display: block;
	margin: 0 auto;
}
.nhpr_l a{
	display: block;
	padding: 8px 0;
	color: #999;
}
.navhide_jjfa{
	text-align: left;
}
.nhjl{
	background: #f8f8f8;
	width: 20%;
	padding: 40px;
}
.nhjr{
	padding: 30px 4%;
}
.nhjra_a{
	text-align: center;
	display: block;
}
.navhide_two{
	width: 130px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -65px;
	top: 100%;
	z-index: 9;
	padding: 5px 0;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	margin-top: 10px;
}
.nav li:hover .navhide_two,
.hdra:hover .navhide_two{
	margin-top: 0;
	opacity: 1;
	visibility: inherit;
	display: block;
}
.navhide_two a{
	display: block;
	line-height: 45px;
	font-size: 14px;
}
.navhide_two a:hover{
	color: #153572;
}
.hdra{
	margin-left: 25px;
	position: relative;
}
.hdra:first-child{
	margin-left: 0;
}
.hdra_a{
	height: 80px;
	display: flex;
	align-items: center;
}
.hdra_a img{
	display: block;
}
.hdra .navhide_two{
	width: 60px;
	margin-left: -30px;
	text-align: center;
}
.hdra .navhide_two a{
	line-height: 40px;
}
.hdrhide{
	width: 600px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -26px;
	border-radius: 5px;
	display: none;
}
.hdrhide input{
	width: 100%;
	height: 52px;
	border-radius: 5px;
	padding: 0 20px;
	background: #f4f4f4;
}
.hdrhide button{
	width: 52px;
	height: 52px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	background: url(../images/hdico1_03.png) no-repeat center;
	border-radius: 5px;
}
.right{
	position: fixed;
	right: 0;
	bottom: 20%;
	z-index: 99;
	box-shadow: 0 0 15px rgba(25,40,81,.2);
}
.rta{
	position: relative;
}
.rta:first-child .rta_a{
	border-radius: 6px 6px 0 0;
}
.rta:last-child .rta_a{
	border-radius: 0 0 6px 6px;
}
.rta_a{
	display: block;
	color: #fff;
	width: 60px;
	background: #192851;
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #2c3e70;
}
.rta_a img{
	max-width: 100%;
}
.rta.active .rta_a{
	background: #fff;
	color: #192851;
	border-bottom: 0;
}
.rtahide{
	box-shadow: 0 0 15px rgba(25,40,81,.2);
	background: #fff;
	width: 140px;
	padding: 5px;
	border-radius: 6px;
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 8;
	transition: .25s;
	opacity: 0;
	visibility: hidden;
}
.rta:hover .rtahide{
	opacity: 1;
	visibility: inherit;
	margin-right: 20px;
}
.rtahide::after{
	width: 10px;
	height: 10px;
	background: #fff;
	content: "";
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -5px;
	transform:rotate(45deg);
}
.foot{
	background: #142550;
	color: #fff;
}
.foot a{
	color: #fff;
}
.foot a:hover{
	color: #fff;
	text-decoration: underline;
}
.ft{
	padding: 65px 0;
}
.fb{
	padding: 30px 0;
	background: #0d1c43;
	color: rgba(255,255,255,.7);
}
.fb a{
	color: rgba(255,255,255,.7);
}
.fbra{
	position: relative;
	margin-right: 20px;
}
.fbra a img{
	display: block;
}
.fbrahide{
	width: 150px;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom: 100%;
	margin-bottom: 20px;
	color: #333;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.fbra:hover .fbrahide{
	margin-bottom: 10px;
	opacity: 1;
	visibility: inherit;
}
.fbrahide::after{
	width: 10px;
	height: 10px;
	background: #fff;
	content: "";
	position: absolute;
	right: 50%;
	margin-right: -5px;
	bottom: -5px;
	transform:rotate(45deg);
}
.fbrahide img{
	display: block;
	width: 100%;
}
.ftdes{
	color: #e4ebf7;
	line-height: 26px;
}
.ftl2t{
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.ftl2t::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,.1);
	position: absolute;
	left: 0;
	bottom: 0;
}
.ftl2t span{
	display: inline-block;
	height: 50px;
	border-bottom: 1px solid #92a0be;
	margin-bottom: -1px;
}
.ftl2b a{
	margin-top: 10px;
}
.ftr{
	width: 42%;
}
.ftrt img{
	display: block;
	margin: 0 auto;
	max-width: 90%;
}
.ftl2t_head,.ftl2t_bot{
	color: rgba(255,255,255,.7);
}
.ftl2t_head li.active{
	color: #fff;
}
.ftl2t_head li{
	cursor: pointer;
	margin-right: 5%;
}
.md{
	padding: 90px 0 100px;
	scroll-margin-top: 80px;
}
.ititle_48{
	font-size: 48px;
}
.ititle_42{
	font-size: 42px;
}
.i1{
	background: url(../images/i1bg_02.jpg) no-repeat top center;
	background-size: cover;
}
.i1a{
	display: block;
	overflow: hidden;
	position: relative;
	overflow: hidden;
}
.i1a img{
	max-width: 100%;
}
.i1abg{
	background:linear-gradient(rgba(255,255,255,0),rgba(1,30,105,.5));
	display: flex;
	align-items: flex-end;
	padding: 60px;
	color: #fff;
}
.i1abg h3{
	text-align: center;
}
.i1abg .w100{
	margin-bottom: -120px;
	transition: .5s;
}
.i1abg .w100 p,
.i1abg .w100 span{
	transition: .5s;
	opacity: 0;
	visibility: hidden;
}
.i1a:hover .i1abg .w100{
	margin-bottom: 0;
}
.i1a:hover .i1abg p,
.i1a:hover .i1abg span{
	opacity: 1;
	visibility: inherit;
}
.i1abg:hover{
	background: rgba(1,30,105,.7);
}
.i1a:hover .i1abg h3{
	text-align: left;
}
.i1abg span{
	display: inline-block;
	background: #fff;
	padding: 5px 20px;
	border-radius: 40px;
	color: #153572;
}
.i1abg span img{
	height: 10px;
}
.swiper-button-next-public,.swiper-button-prev-public{
	width: 60px;
	height: 60px;
	background: #153572;
	color: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}
.swiper-button-next-i1{
	right: 2.5%;
}
.swiper-button-prev-i1{
	left: 2.5%;
}
.i2{
	background: url(../images/i2bg_02.jpg) no-repeat top center;
	background-size: cover;
}
.i2w{
	/*margin-left: -80px;*/
	/*margin-right: -80px;*/
	padding: 0 80px;
}
.newList{
	width: 100%;
	overflow: hidden;
}
.inner{
	width: 89.6%;
	margin: 0 auto;
}
.newList .inner .swiper-container{
	overflow: visible;
}
.i2a{
	display: block;
	/*margin: 15px;*/
	background: #fff;
}
.i2aimg{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ebedee;
	overflow: hidden;
}
.i2aimg img{
	display: block;
	max-width: 460px;
	max-height: 70%;
}
.i2atxt{
	padding: 30px 30px 65px;
}
.jta{
	display: inline-block;
}
.i2a:hover{
	box-shadow: 0 0 15px rgba(1,30,105,.1);
}
.i3{
	background: url(../images/i3bg_02.jpg) no-repeat center;
	background-size: cover;
	color: #d6e2f9;
	padding-bottom: 120px;
}
.itop_wt *{
	color: #fff;
}
.i3bat p{
	line-height: 1;
	font-size: 70px;
}
.i3ba{
	transition: .5s;
}
.i3ba:hover{
	color: #fff;
	transform:translateY(-10px);
}
.jta_blue{
	background: #153572;
	color: #fff;
	display: inline-block;
	padding: 13px 22px;
	border-radius: 50px;
}
.jta_blue img{
	filter: grayscale(100%) brightness(500%);
}
.swiper-pagination-public{
	text-align: center;
}
.swiper-pagination-public .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	border-radius: 8px;
	transition: .25s;
	margin: 0 5px;
	background: #cccccc;
	opacity: 1;
}
.swiper-pagination-public .swiper-pagination-bullet-active{
	background: #153572;
	width: 40px;
}
.swiper-pagination-i4{
	width: 46%;
	display: flex;
	justify-content: flex-end;
	position: absolute;
	left: 0;
	bottom: 13%;
}
.i5{
	background: url(../images/i5bg_02.jpg) no-repeat center;
	background-size: cover;
	padding: 50px 0 100px;
}
.i5a_a{
	display: block;
	min-height: 100%;
	background: #fff;
}
.i5a_a:hover{
	box-shadow: 0 0 15px rgba(1,30,105,.2);
}
.i5a_a .ovhd{
	max-height: 270px;
}
.morea{
	padding: 15px 34px;
	line-height: 57px;
	border-radius: 50px;
}

.listbn{
	position: relative;
}
.ab1{
	background: url(../images/ab1bg_02.jpg) no-repeat center;
	background-size: cover;
}
.ab1 .i3bat p{
	color: #153572;
}
.ab1 .i3ba:hover{
	color: #333;
}
.ab2a{
	transition: .5s;
}
.ab2a:hover{
	transform:translateY(-10px);
}
.ab2a_a{
	position: relative;
	display: block;
	overflow: hidden;
}
.ab2abg{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 10%;
	color: #fff;
	background: rgba(1,18,63,.8);
}
.ab2ahide{
	transition: .5s;
	opacity: 0;
	visibility: hidden;
	transform:translateY(20px);
}
.ab2a_a:hover .ab2ahide{
	opacity: 1;
	visibility: inherit;
	transform:translateY(0px);
}
.ab2ahide span{
	display: inline-block;
	padding: 5px 22px;
	border-radius: 50px;
	background: #fff;
	color: #153572;
}
.ab2ahide span img{
	height: 10px;
}
.swiper-container-lct{
	padding-top: 20px;
}
.lcta{
	padding-top: 20px;
	border-top: 1px solid #D2D2D2;
	transition: .25s;
	color: #666;
	cursor: pointer;
	text-align: center;
}
.lcta h3{
	font-weight: normal;
}
.lcta{
	position: relative;
}
.lcta i{
	width: 20px;
	height: 20px;
	border: 2px solid #d2d2d2;
	background: #F5F6F6;
	transition: .25s;
	position: absolute;
	top: -10px;
	margin-left: -6px;
	border-radius: 100%;
	transition: .25s;
}
.lcta i::after{
	width: 10px;
	height: 10px;
	content: "";
	background: #001D47;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -5px;
	margin-left: -5px;
	opacity: 0;
	transition: .25s;
}
.swiper-container-lct .swiper-slide{
	padding-top: 50px;
}
.swiper-slide-thumb-active .lcta{
	color: #001D47;
}
.swiper-slide-thumb-active .lcta h3{
	transform:translateY(-80px);
	font-size: 30px;
	color: #153572;
}
.swiper-slide-thumb-active .lcta i{
	border: 2px solid #001D47;
}
.swiper-slide-thumb-active .lcta i::after{
	opacity: 1;
}
.lcbtnl,
.lcbtnr{
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: #153572;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 9;
	transition: .25s;
	cursor: pointer;
	font-size: 24px;
}
.lcbtnl{
	left: 0;
}
.lcbtnr{
	right: 0;
}
.lcbtnl:hover,
.lcbtnr:hover{
	background: #153572;
	color: #fff;
}
.lcbtnl.swiper-button-disabled,
.lcbtnr.swiper-button-disabled{
	opacity: .5;
}
.lcbr p{
	padding: 7px 0;
}
.lcbl{
	margin-right: 20%;
}
.lcbbox{
	position: relative;
	z-index: 9;
	max-width: 1280px;
	min-width: 750px;
	border-radius: 6px;
	background: #fff;
	padding: 50px;
	transition: .5s;
}
.lcbbox .txt p{
	background: url(../images/dian_03.png) no-repeat left 19px;
	padding-left: 15px;
}
.lcbbox:hover{
	transform:translateY(-10px);
}
.lcbbox::after{
	width: 20px;
	height: 20px;
	content: "";
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -10px;
	transform:rotate(45deg);
}
.lcbw_number{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: #eeeeee;
	font-size: 65vh;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 5px;
}
.ab3{
	background: #f8f8f8;
}
.ab4{
	background: url(../images/ab4bg_02.jpg) no-repeat center;
	background-size: cover;
}
.ab4a{
	text-align: center;
	background: #ebedee;
	padding: 20px;
	transition: .5s;
	margin-top: 10px;
}
.ab4a:hover{
	background: #fff;
	transform:translateY(-10px);
}
.ab4a img{
	max-width: 360px;
}
.ab5{
	background: url(../images/ab5bg_02.jpg) no-repeat center;
	background-size: cover;
	padding: 90px 0 150px;
}

.wh1{
	background: url(../images/wh1bg_02.jpg) no-repeat center;
	background-size: cover;
}
.wh1l{
	width: 45%;
	margin-right: 4%;
}
.wh1r p{
	text-indent: 2em;
}
.wh2{
	background: url(../images/wh2bg_02.jpg) no-repeat center;
	background-size: cover;
}
.wh2l,.wh2r{
	width: 44%;
}
.wh2ra{
	padding: 45px 0;
	border-bottom: 1px solid #E6E6E6;
	transition: .5s;
}
.wh2ra:hover{
	transform:translateX(10px);
}
.wh2l h1{
	color: #1f4a9d;
}
.wh3{
	background: url(../images/wh3bg_02.jpg) no-repeat center;
	background-size: cover;
}

.sjmd{
	background: #fff;
}
.sjmd:nth-child(even){
	background: #f8f8f8;
}
.sjmd .swiper-button-next-team {
	top: 28%;
	right: 40px;
}
.sjmd .swiper-button-prev-team{
	top: 28%;
	left: 40px;
}
.page a,.page span{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	color: #999;
	margin: 3px;
}
.page span{
	color: #999;
}
.page a:hover{
	text-decoration: underline;
	color: #011E69;
}
.page a.active{
	background: #011e69;
	color: #fff;
}
.sja_a{
	text-align: center;
	display: block;
	cursor: pointer;
}
.sja_a p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
.sja_a img{
	max-width: 410px;
}
.tc{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
}
.tc_active{
	opacity: 1;
	visibility: inherit;
}
.tcbg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.6);
	z-index: 1;
}
.tcbox{
	width: 1000px;
	max-width: 85%;
	background: #fff;
	padding: 50px;
	position: relative;
	z-index: 2;
}
.tc_close{
	width: 70px;
	height: 70px;
	background: url(../images/close_03.png) no-repeat center;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.swiper-button-next-tc,.swiper-button-prev-tc{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -60px;
}
.tca{
	text-align: center;
}
.tca .tcaimg{
	width: 100%;
	height: 520px;
	overflow: hidden;
}
.pdtr a{
	display: block;
	margin-left: 5%;
	padding: 65px 0;
	border-bottom: 2px solid rgba(0,0,0,0);
	margin-bottom: -1px;
	text-align: center;
}
.pdtr a:hover{
	color: #153572;
}
.pdtr a.active{
	color: #153572;
	border-bottom: 2px solid #153572;
}
.pdtr a img{
	height: 65px;
}
.pdh a{
	margin-top: 15px;
	padding: 12px 30px;
	border-radius: 50px;
}
.pdh a:hover{
	color: #153572;
}
.pdh a.active{
	background: #153572;
	color: #fff;
}
.pda_a{
	display: block;
}
.pda_a:hover{
	box-shadow: 0 0 15px rgba(1,30,105,.1);
}

.pit{
	background: #f9fbff;
	position: sticky;
	top: 80px;
	z-index: 50;
}
.pitl a{
	color: #999;
}
.pitl a:hover{
	color: #153572;
}
.pitl i{
	margin: 0 10px;
	color: #999;
}
.pitr{
	flex: 0;
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
}
.pitr li{
	margin-left: 5%;
}
.pitr li a{
	display: block;
	line-height: 78px;
	border-bottom: 2px solid rgba(0,0,0,0);
	color: #999;
}
.pitr li:hover a{
	color: #153572;
}
.pitr li.active a{
	color: #153572;
	border-bottom: 2px solid #153572;
}
.pi1,.pi3,.pi5,.pi6{
	background: #f1f1f1;
}
.pi1lb a{
	margin-right: 5%;
	padding: 12px 40px;
	border: 1px solid #153572;
	color: #000;
	border-radius: 40px;
}
.pi1lb a.active,.pi1lb a:hover{
	background: #153572;
	color: #fff;
}
.pi1r{
	padding: 0 7%;
}
.pitab_box table{
	width: 100%;
	background: #fff;
	border-left: 1px solid #c4cbd7;
	border-bottom: 1px solid #c4cbd7;
}
.pitab_box table th{
	background: #153572;
	color: #fff;
}
.pitab_box table th,
.pitab_box table td{
	padding: 15px;
	text-align: center;
}
.pitab_box table td{
	border-right: 1px solid #c4cbd7;
	border-top: 1px solid #c4cbd7;
}
.pitab_box table tr:nth-child(odd) td{
	background: #fff;
}
.pitab_box table tr:nth-child(even) td{
	background: #f8f8f8;
}
.pitab_box table td.active{
	background: #d0d7e3 !important;
}
.pi2 .pro_con{
	font-size: 18px;
	line-height: 2;
}
.pi2 .pro_con table{
	width: 100%;
}
.pi2 .pro_con h2{
	font-size:24px;
	line-height:42px;
	color:#153572;
	padding-left:20px;
	position:relative;
	margin-top: 30px;
}
.pi2 .pro_con h2:before{
	content:'';
	display:block;
	width:4px;
	height:22px;
	line-height:22px;
	position:absolute;
	background:#153572;
	left:0;
	top:12px
}
.pi2 .pro_con h3{
	font-size:18px;
	line-height:42px;
	color:#153572;
	padding-left:20px;
	position:relative;
	margin-top: 30px;
}
.pi2 .pro_con h3:before{
	content:'';
	display:block;
	width:6px;
	height:6px;
	border-radius: 50%;
	line-height:24px;
	position:absolute;
	background:#153572;
	left:0;
	top:18px
}
.pi2 .pro_con img{
	max-width: 100%;
}
.pi2 .pro_con img,
.pi2 .pro_con table td,
.pi2 .pro_con p:has(img){
	text-align: center;
}
.pi4 .pitab_box .left{
	text-align: left !important;
}
.pi4 .pitab_box table,
.pi4 .pitab_box table td{
	border-color: #eeecec !important;
}
.jfa_a{
	background: #fff;
}
.jfa_a .jfaimg{
	display: flex;
	aspect-ratio: 38 / 21;
}
.fh{
	padding: 35px 0;
}
.fha{
	width: 25%;
	border-right: 1px solid #E6E6E6;
	text-align: center;
	transition: .5s;
}
.fha:hover{
	transform:translateY(-10px);
}
.fha:last-child{
	border: 0;
}
.fha img{
	transition: .5s;
}
.fha:hover img{
	transform:rotateY(180deg);
}

.jft{
	background: #fff !important;
	position: static !important;
	border-bottom: 1px solid #eee;
}
.jfmd{
	background: #f8f8f8;
	padding-top: 40px !important;
}

.fwr{
	width: 60%;
	position: relative;
}
.fwr iframe{
	overflow: hidden;
	width: 100%;
}
.fwla {
	transition: .5s;
}
.fwla:hover{
	transform:translateX(10px);
}
.fwlat p{
	line-height: 1;
}
.fwr p{
	position: absolute;
	left: 0;
	bottom: 10%;
	z-index: 9;
}

.lca{
	flex: 0;
	flex-grow: 1;
	text-align: center;
	position: relative;
	z-index: 9;
}
.lca i,.lcai{
	width: 96px;
	height: 96px;
	background: #f8f8f8;
	transition: .25s;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.lcai{
	width: auto !important;
	background: none !important;
	font-size: 30px;
	color: #ddd;
	position: relative;
	z-index: 9;
}
.lca i img{
	display: block;
	max-width: 65%;
	transition: .25s;
}
.lca:hover i{
	background: #153572;
}
.lca:hover i img{
	filter: grayscale(100%) brightness(700%);
}
.lcw::after{
	width: 100%;
	border-bottom: 1px dashed #ddd;
	content: "";
	position: absolute;
	left: 0;
	top: 48px;
	width: 100%;
}
.lc2a_a input,.lc2a_a textarea{
	height: 70px;
	width: 100%;
	padding: 0 20px;
	border-radius: 6px;
	background: #f8f8f8;
	transition: .25s;
}
.lc2a_a input:focus,.lc2a_a textarea:focus{
	background: #f3f3f3;
}
.lc2a_a textarea{
	height: 300px;
	padding: 20px;
	resize: none;
}
.lc2a_a button{
	padding: 16px 60px;
	background: #153572;
	color: #fff;
	border-radius: 50px;
	cursor: pointer;
	transition: .25s;
}
.help{
	padding: 35px 0 100px;
}
.sales .tit{
	font-size: 30px;
	margin: 0 35px;
	line-height: 48px;
	cursor: pointer;
}
.sales .active{
	color: #153572;
	border-bottom: 2px solid #153572;
}
.sales .content{
	display: none;
}
.nit{
	border-bottom: 1px solid #eee;
}
.nit .pitl{
	padding: 25px 0;
}

.nir{
	width: 30%;
	margin-left: 8%;
}
.nira{
	display: flex;
	align-items: center;
}
.niraimg{
	width: 35%;
	margin-right: 15px;
}
.nitxt *{
	max-width: 100%;
	word-wrap: break-word;
}
.nitxt table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.nitxt th,
.nitxt td{
	width: 1%;
	padding: 12px;
	text-align: center;
	border: 1px solid #ddd;
}
/*.nitxt td{*/
/*	width: auto;*/
/*}*/
/*.nitxt td:nth-child(1) {*/
/*	width: 20%;*/
/*}*/
/*.nitxt td:nth-child(2){*/
/*	width: 30%;*/
/*}*/
.nitxt h1,
.nitxt h2,
.nitxt h3 {
	padding: 30px 0 20px;
}
.nitxt p{
	line-height: 2.4;
}
.nibotl a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
	color: #999;
	margin: 5px 0;
}
.nibotl a:hover{
	text-decoration: underline;
	color: #153572;
}
.nibotr{
	display: flex;
	align-items: center;
	margin-left: 10%;
}
.nibot{
	padding-top: 15px;
}

.co1l{
	width: 48%;
}
.co1r{
	width: 52%;
}
.co1laba{
	margin-right: 5%;
}
.co1laba img{
	display: block;
	margin: 0 auto;
	width: 130px;
}
.co1r .lc2a_a input{
	height: 60px;
	border-radius: 3px;
}
.co1r .lc2a_a textarea{
	border-radius: 3px;
	height: 250px;
	border: 1px solid #eee;
}
.co1r .lc2a_a button{
	width: 100%;
	border-radius: 0;
}
.co2{
	position: relative;
}
.co2 .wrap_1600{
	position: relative;
	z-index: 9;
}
.co2w{
	width: 100%;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	border-radius: 4px;
	padding: 50px;
	height: 100%;
	z-index: 2;
}
.co2t li{
	border-bottom: 2px solid rgba(0,0,0,0);
	cursor: pointer;
	margin-right: 25px;
	padding-bottom: 10px;
	transition: .25s;
}
.co2t li.active{
	color: #000;
	border-bottom: 2px solid #153572;
}

.jo1{
	background: url(../images/jo1bg_02.jpg) no-repeat center;
	background-size: cover;
}
.jo1ra{
	display: flex;
	align-items: center;
	padding: 50px 0;
	border-bottom: 1px solid #E6E6E6;
}
.jo1rar{
	margin-left: 20%;
}
.jo1ra .txt{
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	height: 0px;
	overflow: hidden;
	line-height: 30px;
}
.jo1ra.active .txt{
	opacity: 1;
	visibility: inherit;
	height: 60px;
}
.jora{
	border-bottom: 1px solid #eee;
}
.jort{
	background: #F4F4F4;
}
.jort span{
	line-height: 80px;
	padding: 0 20px;
	text-align: center;
}
.jorat{
	background: #fff;
	cursor: pointer;
	color: #999;
}
.jorat span,
.jorat h3{
	line-height: 80px;
	padding: 0 20px;
	text-align: center;
}
.jorab{
	display: none;
}
.jorab .padding30{
	padding-left: 8%;
	padding-right: 8%;
}
.jorat span i{
	transition: .25s;
}
.jorwd_r{
	display: flex;
	align-items: center;
	justify-content: center;
}
.jorwd_r i{
	width: 30px;
	height: 30px;
	border: 2px solid #153572;
	color: #153572;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.jora.active .jorat span i{
	transform:rotate(180deg);
}
.jora.active .jorat{
	color: #153572;
}
.jorabf{
	line-height: 30px;
	padding: 8px 0;
	background: #F39800;
	color: #fff;
}
.jorabf .w50{
	padding: 0 20px;
}
.electric_c ul{
	grid-column-gap: 120px;
}
.electric_c ul li{
	box-sizing: border-box;
}
.electric_c ul li p{
	min-width: 100px;
	padding: 0 10px;
}
.tags_top{
	line-height: 78px;
}
.tags_con{
	padding: 80px 0;
}
.tags_con a{
	padding: 10px 20px;
	background: #F4F4F4;
	line-height: 36px;
	border-radius: 4px;
	margin: 10px;
	display: inline-block;
	font-size: 18px;
}
.tags_con a:hover{
	background: #153572;
	color: #fff;
}
.tags_con .active{
	background: #153572;
	color: #fff;
}
.tags_con .active:hover{
	background: #F39800;
	color: #fff;
}
.sticky{
	position: sticky;
	position: -webkit-sticky;
	top: 80px;
}
@media only screen and (max-width:1599px) {
	.md{
		padding: 80px 0;
	}
	.ititle_48{
		font-size: 40px;
	}
	.ititle_42{
		font-size: 36px;
	}
	.nav{
		margin: 0 3%;
	}
	.hdra_a img{
		height: 25px;
	}
	.fbra a img{
		height: 25px;
	}
	.right{
		transform: scale(.9);
	}
	/*.i2w{*/
	/*	margin-left: -2.5%;*/
	/*	margin-right: -2.5%;*/
	/*}*/
	.swiper-button-next-public, .swiper-button-prev-public{
		width: 50px;
		height: 50px;
		font-size: 20px
	}
	.jta img{
		height: 10px;
	}
	
	.lcbtnl, .lcbtnr{
		width: 50px;
		height: 50px;
		font-size: 20px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: -25px;
	}
	.ab2abg img{
		height: 60px;
	}
	
	.wh2l_logo img{
		height: 100px;
	}
	
	.pitl img{
		height: 18px;
	}
	.pi1lb a{
		padding: 8px 30px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.md{
		padding: 60px 0;
	}
	.ititle_48{
		font-size: 36px;
	}
	.ititle_42{
		font-size: 30px;
	}
	.right{
		transform: scale(.8);
	}
	
	.lcbw_number{
		font-size: 45vh;
	}
	
	.wh2l_logo img{
		height: 80px;
	}
	
	.page a,.page span{
		font-size: 14px;
		width: 35px;
		height: 35px;
	}
	
	.pdtr a img{
		height: 50px;
	}
	.pdtr a{
		font-size: 13px;
	}
	.pdh a{
		padding: 8px 25px;
		margin-top: 5px;
	}
	
	.pitl img{
		height: 15px;
	}
	.fha img{
		height: 50px;
	}
	
	.lca i, .lcai{
		width: 65px;
		height: 65px;
	}
	.lcai{
		width: auto;
	}
	.lcw::after{
		top: 33px;
	}
}
@media only screen and (max-width:950px) {
	.md{
		padding: 50px 0;
	}
	.ititle_48{
		font-size: 30px;
	}
	.ititle_42{
		font-size: 28px;
	}
	
	.pda{
		width: 50%;
	}
}
@media only screen and (max-width:768px) {
	#dituContent{
		display: none;
	}
	.md{
		padding: 25px 0;
	}
	.ititle_48{
		font-size: 24px;
	}
	.ititle_42{
		font-size: 24px;
	}
	.right{
		transform: scale(.5);
		right: -15px;
	}
	.ft{
		padding: 25px 15px;
	}
	.fb{
		padding: 25px 15px;
		text-align: center;
	}
	.fbr{
		margin-top: 10px;
		justify-content: center;
	}
	.fbra{
		margin-right: 10px;
	}
	.fbra a img{
		height: 20px;
	}
	.swiper-button-next-public, .swiper-button-prev-public{
		width: 48px;
		height: 48px;
		font-size: 16px;
	}
	.sjmd .swiper-button-next-team {
		top: 40%;
		right: 40px;
	}
	.sjmd .swiper-button-prev-team{
		top: 40%;
		left: 40px;
	}
	.jta img,.i1abg span img{
		height: 8px;
	}

	.i1a .i1abg .w100{
		margin-bottom: 0;
	}
	.i1a .i1abg p,
	.i1a .i1abg span{
		opacity: 1;
		visibility: inherit;
	}
	.i1abg{
		padding: 20px;
		padding-bottom: 30px;
	}
	.i1abg h3{
		text-align: left;
	}
	.newList{
		padding: 0 21px;
	}
	.inner{
		width: 100%;
	}
	.i2w{
		margin-left: 0;
		margin-right: 0;
		padding: 0 ;
	}
	.i2atxt{
		padding: 20px;
	}
	.i5{
		background: #ffffff;
	}
	.i5 .mt_50{
		margin-top: 0;
	}
	.i5a .i2atxt{
		padding: 20px 0 40px;
	}
	.i5a .i2atxt span{
		display: none;
	}
	.i5a_a:hover{
		box-shadow: 0 0 0 transparent;
	}

	.swiper-button-next-i2{
		right: 0;
	}
	.swiper-button-prev-i2{
		left: 0;
	}
	.i3ba{
		width: 50%;
		padding: 10px 0;
	}
	.i3ba h1{
		font-size: 42px
	}
	.i3bat{
		align-items: center;
	}
	.i3bat .text20{
		line-height: 1;
		font-size: 16px;
		padding: 2px 0;
	}
	.i3ba p{
		font-size: 16px;
	}
	.jta_blue,.morea{
		padding: 5px 18px;
		font-size: 16px;
	}
	.morea{
		padding: 8px 20px;
	}
	.swiper-pagination-i4{
		width: 100%;
		position: static;
		margin-top: 25px;
		justify-content: center;
	}

	.i5a{
		width: 100%;
	}
	
	.lbntxt h1{
		font-size: 24px;
	}
	.lbntxt p{
		font-size: 16px;
		margin-top: 8px;
		line-height: 1.5;
	}
	.ab2abg img{
		height: 50px;
	}
	.ab2ahide{
		opacity: 1;
		visibility: inherit;
		transform: translateY(0);
	}
	.ab3box{
		margin-top: 0px;
	}
	.lcbw_number{
		font-size: 10vh;
	}
	.lcbbox{
		padding: 20px;
		width: 100%;
		max-width: 100%;
	}
	/*.lcbtnl, .lcbtnr{*/
	/*	display: none;*/
	/*}*/
	.lcbbox .txt p{
		font-size: 16px;
		line-height: 25px;
		padding: 5px 0 5px 15px;
	}
	.swiper-slide-thumb-active .lcta h3{
		font-size: 22px;
	}
	.lct{
		margin-top: 0;
	}
	.ab5txt .w80{
		line-height: 30px;
		font-size: 16px;
	}
	.ab5 .i3ba{
		text-align: center;
	}
	.ab5 .i3bat{
		justify-content: center;
	}
	
	.wh2l_logo img{
		height: 50px;
	}
	.wh2ra{
		padding: 20px 0;
	}
	
	.page a,.page span{
		font-size: 16px;
		width: 28px;
		height: 28px;
		border-radius: 4px;
	}
	/*.sja{*/
	/*	width: 50%;*/
	/*}*/

	.sales .tit{
		font-size: 24px;
		margin: 0 10px;
	}

	.sja h3{
		font-size: 16px;
	}
	.sja p{
		font-size: 16px;
		line-height: 20px;
		margin-top: 5px;
	}
	.tcbox{
		padding: 30px;
		padding-bottom: 15px;
	}
	.tc_close{
		width: 40px;
		height: 40px;
		background-size: 20px;
	}
	.tca h3{
		font-size: 16px;
	}
	.tca .tcaimg{
		height: 150px;
	}
	.swiper-button-next-tc, .swiper-button-prev-tc{
		margin-left: 0;
		margin-right: 0;
		margin-top: -30px;
	}
	
	.pda{
		width: 100%;
	}
	.pdt{
		display: block;
		padding-top: 25px;
		border-bottom: 0;
	}
	.pdtr{
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 10px;
		border-left: 1px solid #E6E6E6;
		border-top: 1px solid #E6E6E6;
	}
	.pdtr a{
		width: 50%;
		margin: 0;
		border-bottom: 1px solid #E6E6E6;
		border-right: 1px solid #E6E6E6;
		padding: 20px 10px;
	}
	.pdtr a img{
		height: 40px;
	}
	.pdtr a{
		font-size: 16px;
	}
	.pdhr{
		margin-left: 10px;
	}
	.pdh a{
		margin-top: 5px;
		padding: 6px 20px;
		font-size: 16px;
	}
	
	.pit{
		position: static;
	}
	.pitr{
		display: none;
	}
	.pitl{
		padding: 12px 0;
		flex-wrap: wrap;
		font-size: 16px;
	}
	.pitl img{
		height: 12px;
	}
	.pitl i{
		margin: 0 4px;
	}
	.pi1lb a{
		padding: 5px 25px;
		font-size: 16px;
	}
	.pitab_box {
		width: 100%;
		overflow-x: auto;
	}
	.pitab_box table{
		width: 800px;
	}
	.pitab_box table th, .pitab_box table td{
		padding: 10px;
	}
	.fh{
		padding: 20px 0;
	}
	.fha{
		width: 50%;
		border: 0;
		padding: 10px;
	}
	.fha h3{
		font-size: 16px;
	}
	.fha p{
		font-size: 16px;
		line-height: 20px;
	}
	.fha img{
		height: 35px;
	}
	
	.fwla h1{
		font-size: 30px;
	}
	.fwr p{
		bottom: 0;
	}
	.newList{
		padding: 0 15px;
	}
	.jfmd{
		padding-top: 10px !important;
	}
	.lcw::after{
		display: none;
	}
	.lcai{
		display: none;
	}
	.lca{
		width: 33.33%;
		flex: inherit;
		flex-grow: inherit;
		padding: 10px 0;
	}
	.lca i{
		width: 60px;
		height: 60px;
	}
	.lca h3{
		font-size: 16px;
	}
	.lc2a.w25{
		width: 100%;
	}
	.lc2a_a input{
		height: 45px;
		padding: 0 15px;
		font-size: 16px;
		border-radius: 4px;
	}
	.lc2a_a textarea{
		height: 130px;
		padding: 15px;
		border-radius: 4px;
	}
	.lc2a_a button{
		padding: 10px 30px;
		font-size: 16px;
	}
	
	.nit .pitl{
		padding: 12px 0;
	}
	.disblock.color999.mt_15.text14 img{
		height: 12px;
	}
	.niratxt span{
		margin-top: 8px;
		line-height: 1;
	}
	.nira{
		margin-top: 15px !important;
	}
	.nibotr img{
		height: 12px;
	}
	.co1lab{
		justify-content: space-between;
	}
	.co1laba{
		width: 30%;
		margin: 0;
	}
	.co1laba img{
		width: 100%;
	}
	.co1r .co1ra{
		width: 100%;
	}
	.co1r .lc2a_a input{
		height: 45px;
	}
	.co1r .lc2a_a textarea{
		height: 120px;
	}
	.co2w{
		padding: 20px;
	}
	.co2t ul{
		justify-content: space-between;
	}
	.co2t li{
		margin: 0;
	}
	
	.jo1ra{
		padding: 20px 0;
	}
	.jo1rar img{
		height: 30px;
	}
	.jort span,
	.jorat span,
	.jorat h3{
		padding: 0 8px;
		font-size: 16px;
		line-height: 3.6;
	}
	.jort span:first-child,
	.jorat span:first-child,
	.jorat h3:first-child{
		width: 40%;
		flex: inherit;
		flex-grow: inherit;
	}
	.jorwd_r i{
		width: 20px;
		height: 20px;
		border-width: 1px;
		font-size: 16px;
	}
	.jorab .padding30{
		padding: 15px;
	}
}