/* public css */
.ad1{width:100%;float:left;position:relative;background:url(../images/2_11.jpg) no-repeat center top;height:188px;color:#fff;/* text-transform:uppercase; */}
.cter{width:1400px; margin:0px auto; clear:both}
.ad1 .cter{width: 90%!important;height:188px;position:relative;}
.ad1 h4{font-size:37px; color:#fff; line-height:50px; text-align:left; position:absolute;left:200px; letter-spacing:2px; top:50px;}
.ad1 h4 b{color:#d22426;}
.ad1 h4 i{ width:100%; display:block; font-style:normal; font-weight:normal;}
.ad1 h4 strong{ font-size:35px; color:#e60012; margin:0 3px;}
.ad1 h5{font-size:30px; line-height:43px; color:#FFF;;position:absolute; font-weight:normal; left:655px;  top:90px; text-align:center;}
.ad1 span{font-size:21px; position:absolute; padding:0 0; color:#fff; left:0px; top:50px; line-height:34px; text-transform:uppercase;text-align:left;}
.ad1 span b{ font-size:30px;}
.ad1 p{font-size: 20px;color:#fff;font-style:normal;position:absolute;width:auto;righ;right: -15px;er-radius:25px;top: 39px;text-align: left;/* text-transform: lowercase; */line-height: 150%;}
.ad1 p b{/* font-size:28px; *//* font-weight:bold; *//* color:#fff; */}
.ad1 p b i{ font-style:normal;}
.ad1 p div {}
.ad1 p div b{font-size:42px; color:#fff; }
.ad1 a{ text-decoration:none;}
.ad1 img.ad1_m1{ position:absolute; left:900px; top:145px;}

.ad1 a.ad1_a1{width:150px; line-height:36px; color:#333;background:#fff;border-radius:25px;font-size:18px; text-align:center; position:absolute; right:60px; top:117px;overflow:hidden; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.ad1 a.ad1_a1 b{ width:100%; display:block; font-size:17px; color:#666;}

.ad1 a.ad1_a1:hover{ color:#fff;font-size:18px;}
.ad1 a.ad1_a1 .btnbg-x{ background:#f39316; position:absolute; left:0%; width:100%;height:0;  top:0px; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;  }
.ad1 a.ad1_a1:hover .btnbg-x{ width:100%; top:0px;height:36px; }
.ad1 a.ad1_a1 i{ position:relative; z-index:1;}

.ad1 a.submeau1,.ad1 a.submeau2,.ad1 a.submeau3{width:130px; line-height:36px; color:#fff; background:#5a3400;border-radius:25px; font-size:16px; text-align:center; position:absolute; right:0px; top:50px; }
.ad1 #oa_submeau1,.ad1 #oa_submeau2,.ad1 #oa_submeau3{ position:absolute; right:130px; top:70px; }
.ad1 #oa_submeau1 img,.ad1 #oa_submeau2 img,.ad1 #oa_submeau3 img{ position:absolute; left:0; top:20px; }
.ad1 #oa_submeau1 img.oa_submeau_m1,.ad1 #oa_submeau2 img.oa_submeau_m2,.ad1 #oa_submeau3 img.oa_submeau_m3{ left:17px; top:42px; width:100px; height:100px;}


.pic-box{
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	transition: 0.5s ease;
	width: 100%;
}
.pic-box img{
	width: 100%;
	height:auto;
}

.box-width{
	width: 96%;
	margin:0 auto
}
a{
	display: block;
}
.left{
	width: 50%;
}
.right{
	width: 50%;
}

.contain-wrapper{
	width:100%;
	overflow: hidden;
}
.contain-box{
	width:100%;
	padding-top: 80rem;
	position: relative;
	background: #fff;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.main-box{
	width: 96%;
	margin: 0 auto;
	position: relative;
	z-index: 20;
}
.contain-title{
	font-size: 50rem;
	color: #000;
	line-height: 50rem;
	font-weight: bold;
	border-left: 8rem5.6875px #000 solid;
	padding-left: 20rem;
	display: flex;
	align-items: center;
	overflow:hidden
}
.contain-title span{
	border-bottom:4rem #007fce solid;
	font-size: 30rem;
	color:#000;
	margin-left: 30rem;
	display: inline-block;
}
@keyframes opashow{
	from{opacity:0}
	to{
		opacity:1
	}
}
.m-head,.m-top-menu,.m-footbut{
    display: none;
}
/* public css end */
/* header css */
header{
	width:100%;
	height: 100rem;
	position: absolute;
	background: rgb(0 0 0 / 20%);
	color:#fff;
	transition:background 0.5s ease;
	line-height: 100rem;
	text-align: center;
	z-index: 99;
}
header.topmove,
header:hover{
	background:#fff;
	color:#000;
}
.header{
	height:100%;
	display: flex;
	justify-content: space-between;
	padding: 0 2%;
	align-items: center;
	/* box-shadow: 0 5rem 20rem #00000075; */
}
.header .tlogo{
	width: 30%;
	/* filter: drop-shadow(1rem 1rem 3rem #fff); */
}



.header .subnav{
	display: none;
	animation:opashow 0.5s ease forwards;
	position: absolute;
	background: #f8f8f8d6;
	left: 0;
	top: 80rem;
	width:100%;
	overflow:hidden;
	/* padding: 2rem; */
	/* min-height: 600rem; */
	height:auto;
	color: #000;
	box-shadow: 0 30rem 40rem #00000026;
	opacity:0;
}

.header .subshow{
	width: 100%;
	margin:0 auto;
	position: relative;
	z-index: 20;
}



.header .subnav .subbigtit{
	position:absolute;
	font-size: 125rem;
	line-height: normal;
	letter-spacing: 15rem;
	left: 2%;
	bottom: -40rem;
	color: transparent;
	opacity: 0.1;
	-webkit-background-clip: text;
	background-image: linear-gradient(35deg, #007fce, #007fce);
}
.header .linebox>div{
	position:absolute;
	height: 100%;
	background: #00000066;
	width: 1rem;
	top:0;
	bottom:0;
	margin:auto;
}
.header .linebox>div:nth-child(1){
	left: 40%;
}
.header .linebox>div:nth-child(2){
	left: 62.5%;
}
.header li:hover:nth-child(3) .subnav{
	display:block;
	width: 48%;
	top: 100%;
	left: 63%;
	transform: translateX(-50%);
	background: #f8f8f8d6;
}
.header li:hover .subnav{
	display:block;
}
.header li:hover .subnav .paginbox{
	width: 100%;
	height: auto;
	line-height:30rem;
	font-size: 16rem;
	/* padding: 0 60rem; */
}

.header li:hover:nth-child(3) .subnav .paginbox{
	width: 100%;
	float:left;
	height: auto;
	line-height: 30rem;
	font-size: 16rem;
	margin: 5rem;
}


.header li:hover:nth-child(3) .subnav .paginbox span{
 	color:#000;
 	font-size: 18rem;
 	/* font-weight: 600; */
 	line-height: 24rem;
}


.header li:hover:nth-child(3) .subnav .paginbox li{
	width: 100%;
	height: auto;
	line-height:30rem;
	font-size: 16rem;
	/* padding: 0 60rem; */
}


.header li:hover:nth-child(3) .subnav .paginbox li:before{
	width:100%;
	height:100%;
	position:absolute;
	left:-100%;
	top:0;
	content:'';
	color: #007fce;
	transition:0.5s ease;
	background:unset;
}


.header li .subnav .paginbox a:before{
	width:100%;
	height:100%;
	position:absolute;
	left:-100%;
	top:0;
	content:'';
	transition:0.5s ease;
	/* background:#479cf9; */
}
.header li .subnav .paginbox:hover>a:before{
	left:0;
}
.header li .subnav .arttit:hover p>a:before{
	left:0;
}
.header li .subnav .artdetail a:hover:before{
	left:0;
}
.header li .subnav .artdetail a:hover span{
	color:#fff;
}
.header li:hover .subnav .paginbox a{
	padding-block:10rem;
	overflow:hidden;
	position:relative;
	/* border-bottom: 1rem #d0d0d0 solid; */
	display:flex;
	justify-content: flex-start;
	align-items: flex-end;
	padding-left: 10rem;
}
.header li .subnav .paginbox a span{
	position:relative;
	text-align: center;
}
.header li .subnav .paginbox a em{
	font-size:12rem;
	color: #479cf9;
	width:150rem;
	overflow:hidden;
	display:inline-block;
	white-space:nowrap;
	margin-left:10rem;
	text-overflow:ellipsis;
	position: relative;
}
.header li .subnav .paginbox:hover>a em{
	color: #f9f9f9;
	font-weight: lighter;
	line-height: 25rem;
}
.header li .subnav .paginbox:hover>a{
	color: #007fce;
	text-align: center;
}
.header li .subnav .artbox{
	width: 100%;
	position: absolute;
	left: 38.33%;
	top: 100rem;
	height: 500rem;
	display: none;
	top: 0;
}
.header li .subnav .artbox .arttit{
	padding: 0 60rem;
	height: auto;
}
.header li .subnav .artbox .arttit a{
	/* border:1rem #d0d0d0 solid; */
}
.header li .subnav .artbox .arttit:hover>p{
	color:#fff;
}
.header li .artdetail{
	position:absolute;
	left:100%;
	top:0;
	width:100%;
	overflow:auto;
	padding:20rem 50rem;
	height:100%;
	display: none;
}
.header li .artbox arttit:hover .artdetail{
	display:block;
}
.header li .artbox .artdetail .textbox{
	margin-top:20rem;
}
.header li .artbox .artdetail .textbox .tit{
	text-align:left;
	font-size:18rem;
	font-weight: bold;
}
.header li .artbox .artdetail .textbox .intro{
	margin-top:10rem;
	text-align:left;
	font-size:16rem;
}
.header li .artbox .artdetail .pic-box{
	width: 100%;
}
.header li .artbox .arttit:hover .artdetail{
	display:block;
}
.header li .subnav .paginbox:hover .artbox{
	display:block;
	z-index: 999;
}
.headcomshow{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.headcomshow .showbox{
	width:45%;
	margin:2.5%;
}
.headabpart{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.headabpart .showbox{
	width:45%;
	margin:2.5%;
}
.header .topnav{
	width: 70%;
	display: flex;
	font-size: 20rem;
	font-weight: 400;
}
.header .topnav li{
	width: 29%;
	position:relative;
}

.header .topnav li:nth-child(3) {
    position: unset;
}

.header li:nth-child(2) .subnav
{
    
}




.header.topmove .topnav li:before,
.header:hover .topnav li:before{
	background: #007fce;
}
.header .topnav li:before{
	bottom:10rem;
	width:80%;
	height:3rem;
	background: #fff;
	position: absolute;
	transform: scaleX(0);
	transition: 0.5s ease;
	content:'';
	left:0;
	right:0;
	margin:auto;
}
.header .topnav li:hover:before,
.header .topnav li.active:before{
	transform: scaleX(1);
	height: 3rem;
}
header.topmove .headtool img,
header:hover .headtool img{
	filter: brightness(0.2);
}
.headtool{
	width: 10%;
	display: flex;
	align-items: center;
}
.searchbox{
	margin:0 20rem;
	transition:0.5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.searchbox>.pic-box{
	width: 35rem;
}
.searchshow{
	height:0;
	position: fixed;
	top:80rem;
	width:100%;
	background:#fff;
	overflow: hidden;
	left: 0;
	display: flex;
	align-items: center;
	flex-direction: row;
}
.searchbox:hover .searchshow{
	height:200rem;
}
.searchshow .textbox{
	width: 1000rem;
	margin:0 auto;
	display:flex;
	border-bottom: 3rem #afafaf solid;
	padding-bottom: 10rem;
	justify-content: center;
	align-items: center;
}
.searchshow .textbox input{
	width: 87%;
	line-height: 45rem;
	font-size: 18rem;
}
.searchshow .textbox  button{
	width:5%;
	background:none;
}
.searchshow .textbox img{
	margin-left: 3%;
	width: 100%;
	height: auto;
}
.lang{
	width: 45rem;
	margin:0 20rem;
	position:relative;
}
.lang img{
	width: 35rem;
}
.lang .list{
	width: 120rem;
	font-size: 18rem;
	position: absolute;
	top: 60rem;
	background: #fff;
	color: #000;
	left: -58%;
	line-height: 50rem;
	display: none;
}
.lang:hover .list{
	display:block;
}
.lang .list a{
	width:100%;
	transition: background 0.5s ease;
}
.lang .list a:hover{
	background: #2a467e;
	color:#fff;
}
/* header end */
/* banner css */
.banner{
	width:100%;
	height:100%;
	overflow:hidden;
}
.banner .pic-box{
	height:100%;
	width:100%;
}
.banner .pic-box img{
	height: 100%;
	width:100%;
	object-fit: cover;
	min-height:100%;
}
.banner .bannershow{
	width:100%;
	height:100%;
	position: relative;
}
.banner .bannershow .pic-box{
	width:100%;
	height: 100%;
	overflow: hidden;
}
.banner .bannershow .pic-box img{
	width:100%;
	min-height:100%;
}
.banner .bannershow .textbox{
	left:0;
	position: absolute;
	width:50%;
	height: 100%;
	top:0;
	padding: 30rem 120rem 0 0;
	display: flex;
	justify-content: center;
	color: #fff;
	flex-direction: column;
	align-items: flex-end;
}
.banner .bannershow .textbox .tit{
	font-size: 40rem;
	margin-bottom: 30rem;
	font-weight:bold;
	letter-spacing:8rem;
	text-align: left;
	line-height: 30rem;
}
.banner .bannershow .textbox .tit b{
	display:block;
}
.banner .bannershow .textbox .tit span{
	font-size: 18rem;
	letter-spacing: 1rem;
}
.banner .bannershow .textbox .intro{
	font-size: 14rem;
	width: 90%;
	letter-spacing: -0.5rem;
	display:block;
	text-align:right;
}
.banner .bannershow .textbox .intro span{
	display: flex;
	white-space: normal;
	justify-content: flex-end;
}
.banner .bannershow .textbox a{
	border:1rem #fff solid;
	font-size: 16rem;
	padding: 0rem 40rem;
	line-height:30rem;
	position:absolute;
	bottom: 30%;
	right: 120rem;
	transition:background 0.5s ease;
}
.banner .bannershow .textbox a:hover{
	background:#fff;
	color:#007fce;
}
.banner .bannershow .textbox .intro p{
	margin:20rem 0;
	text-align: right;
}
.banner .bannershow .textbox .intro b{
	font-size: 22rem;
	display: block;
	letter-spacing: 2rem;
}
.banner .bannershow .textbox>*{
	position:relative;
	z-index: 10;
}
.banner .bannershow .textbox::before{
	background-image: linear-gradient(90deg, #2a467e 30%, #479cf900 90%);
	background-size: 90% auto;
	background-repeat: no-repeat;
	position: absolute;
	width: 200%;
	height: 100%;
	content:"";
	top:0;
	left: 0;
	opacity:0.8;
}
.banner .bannershow .textbox{
	
}
.banner .bannershow .textbox::after{
	/* background-image:url(../images/bg06.jpg); */
	position: absolute;
	width: 200%;
	height: 100%;
	content:"";
	top:0;
	left: 0;
	opacity:0;
}
/* abbox */
.abshow{
	display:flex;
	justify-content: space-between;
}
.abbox{
	padding-top: 130rem;
	padding-bottom: 0;
}
.abbox .main-box{
	position:unset;
}
.abshow .left{
	padding: 30rem;
	position: relative;
	z-index: 10;
}

.abshow .left .intro{
	font-size:18rem;
	line-height: 37rem;
	letter-spacing: 2rem;
	margin-top: 30rem;
}
.abshow .left a{
	width:150rem;
	background:#007fce;
	color:#fff;
	text-align:center;
	line-height: 35rem;
	font-size: 15rem;
	margin-top: 20rem;
}
.abshow .left a:hover{
	background:#3979ff;
	transition:0.5s ease!important;
}
.abshow .right .pic-box{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}
.abshow .right .pic-box video{
    width: 90%;
    height: auto;
}
.abshow .floatbox{
	/* position: absolute; */
}
.abshow .floatbox p{
	position:absolute;
	font-size: 110rem;
	line-height: 110rem;
	top:0;
	left:0;
	text-align:center;
	right:0;
	bottom:0;
	margin: 0 auto;
	height: 120rem;
	letter-spacing: 25rem;
	z-index: 1;
	font-weight: bold;
	color: #007fce14;
}
.abshow .floatbox .pic-box{
	position:absolute;
	left: 200rem;
	bottom: 100rem;
	z-index: 1;
	filter: grayscale(1) opacity(0.05);
	width: 1000rem;
}
.abshow .right{
	position:relative;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.abshow .right .abiconbox{
	position:absolute;
	display:flex;
	width: 100%;
	z-index:20;
	/* bottom: 4%; */
	padding: 50rem 0 50rem 7rem;
	background: linear-gradient(0, #007fce, #007fce00);
	align-items: center;
	justify-content: center;
	align-content: center;
}
.abshow .right .abiconbox .showbox{
	width: auto;
	margin: 0 50rem;
	transition:0.5s ease;
	text-align: center;
}
.abshow .right .abiconbox .showbox span{
	color:#fff;
	font-size:20rem;
}
.abshow .right .abiconbox .showbox b{
	font-weight:bold;
	font-size:60rem;
	color:#fff;
	margin-right: 12rem;
	text-shadow: 3rem 3rem 5rem #000;
}
.abshow .right .abiconbox .showbox:hover{
	transform: translateY(-15rem);
}
.abshow .right .abiconbox .showbox .pic-box{
	width: 60rem;
	height: auto;
	margin: 0 auto;
}
.abshow .right .abiconbox .showbox p{
	color:#fff;
	margin-top: 5rem;
	font-size:20rem;
}
/* probox css */
.probox{
	/* padding-top:0; */
}
.probox .main-box{
	position:unset;
}
.probox .bgbox{
	position:absolute!important;
	left:0;
	/* width:1600rem; */
	height:500rem;
	overflow:hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.probox .main-box>*{
	position:relative;
}
.probox .bgbox img{
	width:100%;
	height:auto;
}
.probox .bgbox:before{
	background: linear-gradient(45deg, #479cf9, #007fce63);
	width:100%;
	height:100%;
	position:absolute;
	content:'';
}
.probox .textbox{
	font-size:16rem;
	padding:80rem 0 40rem;
}
.probox .textbox .contain-title{
	color: #000;
	border-color: #000;
}
.probox .textbox .contain-title span{
	color:#fff;
	border-color:#fff;
}
.probox .textbox .intro{
	font-size: 22rem;
	color: #212529;
	margin-top:40rem;
}
.probox .propagin{
	width:100%;
	margin-top: 60rem;
}
.probox .propagin .swiper-slide{
	width:max-content!important;
	margin: 0 20rem 0 0;
}
.probox .propagin p{
	border: 1rem #212529 solid;
	font-size:16rem;
	color: #212529;
	transition:background 0.5s ease;
	text-align: center;
	line-height:30rem;
	padding:0 60rem;
	cursor:pointer;
}
.probox .propagin p:hover,
.probox .propagin .swiper-slide-thumb-active p{
	background: #fff;
	color: #007fce;
}
.proshow{
	width: 100%;
	position:relative;
	/* margin-left:-40rem; */
}
.proshow .showbox{
	width:100%;
	overflow:hidden;
}
.proshow .showbox .swiper-slide{
	padding: 10rem 15rem;
}
.proshow .itembox{
	transition:background 0.5s ease;
	border-radius: 5rem;
	box-shadow: -2rem 0rem 15rem #b3b3b394;
	overflow: hidden;
}
.proshow .itembox .protext{
	padding:15rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.proshow .itembox:hover .protext,
.proshow .showbox .swiper-slide-active .itembox .protext{
	background:#007fce;
	color:#fff;
}
.proshow .itembox .protext .tit{
	font-size: 18rem;
	font-weight:bold;
	width: 100%;
}
.proshow .itembox .protext .intro{
	font-size:16rem;
	margin-top:10rem;
	width: 100%;
	line-height: 32rem;
	height: 64rem;
	overflow: hidden;
}
.proshow .itembox .protext .more{
	margin-top:20rem;
	font-size: 14rem;
	background: #007fce;
	color:#fff;
	width: 120rem;
	text-align: center;
	line-height: 30rem;
	position: relative;
	border: #fff 1px solid;
}
.proshow .itembox .pic-box{
	height: 100%;
	width: 100%;
	background: #fff;
}
.proshow .itembox .pic-box img{
	min-height:100%;
}
.proshow .showbox{
	--swiper-navigation-color: #fff;
    --swiper-navigation-size: 30rem;
}
.proshow .itembox:hover .pic-box img{
	transform:scale(1.2);
}
.proshow .swithbox{
	position:absolute;
	top: 40%;
	left: -44rem;
	background:#007fce;
	width: 60rem;
	height: 60rem;
	display:none;
	overflow: hidden;
}

.proshow .swithbox2{
	position:absolute;
	top: 40%;
	right: -44rem;
	background:#007fce;
	width: 60rem;
	height: 60rem;
	display:none;
	overflow: hidden;
}


.proshow .swiper-slide-active .showbox .swithbox{
	display:block;
}

.proshow .swiper-slide-active .showbox .swithbox2{
	display:block;
}


.proshow .swithbox .swiper-button-prev{
	top: 28rem;
	left: 0;
	right: unset;
	bottom: unset;
	width: 100%;
	height: 50%;
}
.proshow .swithbox2 .swiper-button-next{
		top: 28rem;
	left: 0;
	right: unset;
	bottom: unset;
	width: 100%;
	height: 50%;
}

.proscreen>.swiper-wrapper>.swiper-slide{
	opacity:0;
}
.proscreen>.swiper-wrapper>.swiper-slide.swiper-slide-active{
	opacity:1;
}
/* areabox css */
.areabox .main-box{
	width: 96%!important;
}
.areabox .titbox{
	width: 100%;
	margin:0 auto;
	margin-bottom:40rem;
}
.areabox .titbox .subtit{
	font-size: 22rem;
	margin-top:20rem;
}

.newsbox .main-box .subtit{
	font-size: 22rem;
	margin-top: 20rem;
	padding-left: 10rem;
}



.areashow{
	background-image: url(../images/areabg.jpg);
	background-position: center;
	background-size: cover;
}
.areashow{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.areashow .showbox{
	width: 25%;
	border:2rem #fff solid;
	height: 500rem;
	position: relative;
}
.areashow .showbox .pic-box{
	width: 100%;
	height: 100%;
	opacity: 1;
	transition:1s ease;
}
.areashow .showbox:hover .pic-box{
	opacity:1;
}
.areashow .showbox .pic-box img{
	height:100%;
	width:auto;
	transition:1s 0.5s ease;
}
.areashow .showbox:hover .pic-box img{
	transform:scale(1.2);
}
.areashow .showbox .textbox{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(45deg, #007fce 5%, #2a509c00 70%);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	top: 0;
	left: 0;
	padding: 40rem;
}
.areashow .showbox:hover .textbox{
		background-image: linear-gradient(45deg, #1c3c5ec2, #007fce61);
}
.areashow .showbox .textbox img{
	width: 40rem;
	height: auto;
	margin-bottom: 25rem;
}
.areashow .showbox .textbox .tit{
	font-weight: bold;
	font-size: 24rem;
}
.areashow .showbox .textbox .line{
	margin: 15rem 0;
	width: 100rem;
	height: 4rem;
	border-radius: 10rem;
	background: #fff;
}
.areashow .showbox .textbox .intro{
	font-size: 18rem;
	line-height: 35rem;
	transition: 1s ease;
	/* transform:scaleY(0); */
	height:0;
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
}
.areashow .showbox:hover .textbox .intro{
	height:300rem;
}
/* newsbox css */
.newsshow{
	display: flex;
	justify-content: space-between;
	margin-top: 80rem;
}
.newsshow .showbox{
	width: 31%;
	box-shadow: 8rem 8rem 2rem #00000024;
}
.newsshow .showbox .textbox{
	background-color: #eeeeee7a;
	padding: 30rem 20rem;
}
.newsshow .showbox .textbox .tit{
	font-size: 25rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.newsshow .showbox .textbox .line{
	margin: 20rem 0;
	height: 5rem;
	width: 100rem;
	background-color: #007fce;
}
.newsshow .showbox .textbox .intro{
	font-size: 18rem;
	line-height: 30rem;
	margin-bottom: 30rem;
	letter-spacing: 2rem;
}
.newsshow .showbox .textbox .date{
	font-size: 16rem;
	font-weight: bold;
}
.newsshow .showbox .pic-box{
	width: 100%;
	height: 300rem;
}
/* footer css */
footer{
	width: 100%;
	padding-top: 60rem;
	background-image: url(../images/footbg.jpg);
	color: #fff;
	overflow: hidden;
	background-position:center;
	background-size:cover;
	position: relative;
}
footer:before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	background: #f6f6f6;
}
.footer{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	align-items: flex-start;
	/* padding-bottom: 10rem; */
}
.footnav{
	display: flex;
	line-height: 40rem;
	width: 73%;
	font-size: 22rem;
	text-align: center;
	justify-content: space-between;
}
.footnav>li{
	width: 25%;
	height: 40rem;
	margin-left: 2%;
	text-align: center;
}

/*.footnav>li:nth-child(1){*/
/*	width: 30%;*/
/*	height: 40rem;*/
/*	margin-left: 2%;*/
/*	text-align: center;*/
/*}*/

/*.footnav>li:nth-child(2){*/
/*	width: 30%;*/
/*	height: 40rem;*/
/*	margin-left: 2%;*/
/*	text-align: center;*/
/*}*/

/*.footnav>li:nth-child(4){*/
/*	width: 15%;*/
/*	height: 40rem;*/
/*	margin-left: 2%;*/
/*	text-align: center;*/
/*}*/

.footnav .subnav li{
    height: 45rem;
    line-height: 45rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
}
.footnav>li a{
    color:#000;
    line-height: 45rem;
    text-align: center;
}

.footnav li>ul{
	width:100%;
	line-height:45rem;
	font-size:18rem;
	color:#e2e2e2;
	margin-top: 10rem;
}
.footnav li>ul li:hover{
	color:#fff;
	transition:0.5s ease'
}
.flogo{
	width: 100%;
	justify-content: flex-start;
	margin-bottom: 40rem;
	padding: 10rem 50rem;
}
.flogo img{
	width: 200rem;
	filter: drop-shadow(1rem 2rem 5rem #fff);
}
.fcontleft{
	width: 22.5%;
	display:flex;
	flex-wrap:wrap;
	margin-right: 1%;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.fcontleft .fbasecon{
	width:100%;
	margin-bottom:30rem
}
.fcontleft .fbasecon .pic-box{
	width: 60rem;
	/* margin-right: 5rem; */
	border:none;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.fcontleft .fbasecon .pic-box img{
    filter: invert(1);
    width: 24px;
}

.fcontleft .fbasecon>div{
	display:flex;
	align-items:center;
	margin:10rem 0;
	justify-content: flex-start;
	align-content: center;
}
.fcontleft .fbasecon .showbox{
	position:unset;
	display:block;
	text-align: left;
	width: 421rem;
	font-size:20rem;
	line-height: 35rem;
	color: #000;
}

.fcontleft .fbasecon .showbox img{
filter: invert(1);
}

.fcontleft .conttit{
	width: 100%;
	text-align:center;
	line-height:40rem;
	border: 1rem #000 solid;
	border-radius:20rem;
	font-size: 22rem;
	margin-right: 20%;
	font-weight: 600;
	margin-bottom: 20rem;
	color: #000;
}
.fcontleft>.iconblock{
	margin: 10rem 0 5rem;
	position: relative;
	font-size: 20rem;
	cursor: pointer;
	width: 15%;
	margin-right: 7%;
}
.fcontleft .showbox{
	position:absolute;
	display: none;
	width:max-content;
	animation: opashow 0.5s ease;
	top: -120rem;
	font-weight:normal;
	left:-60rem;
}
.fcontleft .iconblock:hover .showbox{
	display:block;
	font-size: 20rem;
	font-weight: 300;
	letter-spacing: 1rem;
}
.fcontleft .pic-box{
	width: 100%;
	border: 1rem #ffffffb5 solid;
	border-radius: 50%;
	padding: 8rem;
}
.fcontleft .pic-box img{
    filter: invert(1);
}

.fcontleft .iconblock:hover .pic-box{
	background:#fff
}
.fcontleft .iconblock:hover>.pic-box img{
	filter:brightness(0);
}
.fcontleft span{
	font-weight: normal;
}
.fcontleft .showbox img{
	width:120rem;
	height:auto
}
.fcontright{
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.fcontleft .ewmbox{
	display: flex;
	margin-top: 60rem;
}
.fcontleft .ewmbox .showbox{
	width: 150rem;
	height: auto;
	margin: 0 40rem 0 0;
}
.fcontleft .ewmbox .showbox .pic-box{
	width: 100%;
}
.fcontleft .ewmbox .showbox .pic-box img{
	width:100%;
	margin: 0;
}
.fcontleft .ewmbox .showbox p{
	font-size: 18rem;
	margin-top: 10rem;
}
.fcontleft .ficonbox{
	display: flex;
	width: 100%;
	margin-top: 30rem;
	justify-content: flex-end;
	padding-right: 30rem;
}
.fcontleft .ficonbox .showbox{
	width: 40rem;
	margin: 2rem;
}
.footbottom{
	background-color: #007fce;
	text-align: center;
	padding: 20rem;
	font-size: 18rem;
	width: 100%;
	margin-top: 60rem;
	position: relative;
	border-top: 1rem #ffffff4f solid;
}
.footbottom span{
	display:inline-block;
	margin:0 10rem;
}
.footbottom span a{
	display:inline-block
}
/* indexcon css */
.indexconshow{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.indexconshow .contain-title{
	width:100%;
	margin-bottom: 80rem;
}
.indexconshow .showbox{
	width:30%;
	height: 100rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1rem #007fce70 solid;
	box-shadow: 1rem 3rem 10rem #bdbdbd6e;
	transition:box-shadow 0.5s ease;
}
.indexconshow .showbox:hover{
	box-shadow: 0 0 20rem #adadadab;
	color:#007fce;
}
.indexconshow .showbox .pic-box{
	width:60rem;
	padding:5rem;
	margin-right: 20rem;
}
.indexconshow .showbox p{
	font-size:25rem;
	transition: none;
}