/* public css */
.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: 1600rem;
	margin:0 auto
}
a{
	display: block;
}
.left,.right{
	width: 50%;
}
.contain-wrapper{
	width:100%;
	overflow: hidden;
}
.contain-box{
	width:100%;
	padding: 80rem 0;
	position: relative;
	background: #fff;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.main-box{
	width: 1600rem;
	margin: 0 auto;
	position: relative;
	z-index: 20;
}
.contain-title{
	font-size: 50rem;
	color:#345fb6;
	font-weight: bold;
	border-left: 8rem #345fb6 solid;
	padding-left: 20rem;
	display: flex;
	align-items: center;
	overflow:hidden
}
.contain-title span{
	border-bottom:4rem #345fb6 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:80rem;
	position:fixed;
	background: none;
	color:#fff;
	transition:background 0.5s ease;
	line-height:80rem;
	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 120rem;
	align-items: center;
	box-shadow: 0 5rem 20rem #00000075;
}
.header .tlogo{
	width: 180rem;
	filter: drop-shadow(1rem 1rem 3rem #fff);
}
.header .subnav{
	display:none;
	animation:opashow 0.5s ease forwards;
	position: fixed;
	background: #fdfdfdf5;
	left: 0;
	top: 80rem;
	width:100%;
	overflow:hidden;
	padding: 50rem;
	min-height: 600rem;
	height:auto;
	color: #000;
	box-shadow: 0 30rem 40rem #00000026;
	opacity:0;
}
.header .subshow{
	width: 1400rem;
	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, #345fb6, #479cf9);
}
.header .linebox>div{
	position:absolute;
	height:80%;
	background:#00000030;
	width: 1rem;
	top:0;
	bottom:0;
	margin:auto;
}
.header .linebox>div:nth-child(1){
	left: 37%;
}
.header .linebox>div:nth-child(2){
	left: 62.5%;
}
.header li:hover .subnav{
	display:block;
}
.header li:hover .subnav .paginbox{
	width:33.33%;
	height: auto;
	line-height:30rem;
	font-size:16rem;
	padding: 0 60rem;
}
.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{
	margin-bottom:10rem;
	padding-block:10rem;
	overflow:hidden;
	position:relative;
	border:1rem #d0d0d0 solid;
	display:flex;
	justify-content:center;
	align-items: flex-end;
}
.header li .subnav .paginbox a span{
	position:relative;
}
.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:#fff;
}
.header li .subnav .artbox{
	width: 33.33%;
	position: absolute;
	left: 33.33%;
	top: 100rem;
	height: 500rem;
	display: none;
	top: 0;
}
.header li .subnav .artbox .arttit{
	padding: 0 60rem;
}
.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;
}
.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: 60%;
	display: flex;
	font-size: 18rem;
}
.header .topnav li{
	width:17%;
	position:relative;
}
header.topmove .topnav li:before,
header:hover .topnav li:before{
	background: #345fb6;
}
.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: 15%;
	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: 100%;
	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:auto;
	width:100%;
	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:#345fb6;
}
.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: 40rem 80rem 0 40rem;
	position: relative;
	z-index: 10;
}

.abshow .left .intro{
	font-size:18rem;
	line-height: 40rem;
	letter-spacing: 2rem;
	margin-top: 30rem;
}
.abshow .left a{
	width:150rem;
	background:#345fb6;
	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: 135%;
	height: 690rem;
	position: relative;
	z-index: 10;
}
.abshow .floatbox{
	/* position: absolute; */
}
.abshow .floatbox p{
	position:absolute;
	font-size: 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: #345fb614;
}
.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;
}
.abshow .right .abiconbox{
	position:absolute;
	display:flex;
	width: 130%;
	z-index:20;
	bottom: 0;
	padding: 50rem 0 50rem 7rem;
	background: linear-gradient(0, #479cf9cf, #345fb600);
}
.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, #345fb663);
	width:100%;
	height:100%;
	position:absolute;
	content:'';
}
.probox .textbox{
	font-size:16rem;
	padding:80rem 0 40rem;
}
.probox .textbox .contain-title{
	color:#fff;
	border-color:#fff;
}
.probox .textbox .contain-title span{
	color:#fff;
	border-color:#fff;
}
.probox .textbox .intro{
	font-size:18rem;
	color:#fff;
	margin-top:40rem;
}
.probox .propagin{
	width:100%;
	margin-top: 80rem;
}
.probox .propagin .swiper-slide{
	width:max-content!important;
	margin: 0 20rem 0 0;
}
.probox .propagin p{
	border:1rem #fff solid;
	font-size:16rem;
	color:#fff;
	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: #345fb6;
}
.proshow{
	width:1900rem;
	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:#345fb6;
	color:#fff;
}
.proshow .itembox .protext .tit{
	font-size:20rem;
	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: #345fb6;
	color:#fff;
	width: 120rem;
	text-align: center;
	line-height: 30rem;
	position: relative;
}
.proshow .itembox .pic-box{
	height: 330rem;
}
.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: 9rem;
	left: -44rem;
	background:#345fb6;
	width: 60rem;
	height: 100rem;
	display:none;
	overflow: hidden;
}
.proshow .swiper-slide-active .showbox .swithbox{
	display:block;
}
.proshow .swithbox .swiper-button-prev{
	top: 12px;
	left: 0;
	right: unset;
	bottom: unset;
	width: 100%;
	height: 50%;
}
.proshow .swithbox .swiper-button-next{
	bottom: 0;
	left: 0;
	right: unset;
	top: unset;
	width: 100%;
	height: 50%;
}
.proshow .swithbox .swiper-button-prev:hover,
.proshow .swithbox .swiper-button-next:hover{
	background:#fff;
	color:#345fb6;
}
.proscreen>.swiper-wrapper>.swiper-slide{
	opacity:0;
}
.proscreen>.swiper-wrapper>.swiper-slide.swiper-slide-active{
	opacity:1;
}
/* areabox css */
.areabox .main-box{
	width: 100%;
}
.areabox .titbox{
	width:1600rem;
	margin:0 auto;
	margin-bottom:40rem;
}
.areabox .titbox .subtit{
	font-size: 22rem;
	margin-top:20rem;
}
.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, #316399 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, #345fb661);
}
.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 #316399;
}
.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: #316399;
}
.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: linear-gradient(45deg, #316399f0 40%, transparent);
}
.footer{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	align-items: flex-start;
	padding-bottom: 100rem;
}
.footnav{
	display: flex;
	line-height: 40rem;
	width: 60%;
	font-size: 22rem;
	text-align: center;
	justify-content: space-between;
}
.footnav>li{
	width: 20%;
	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: 21.5%;
	display:flex;
	flex-wrap:wrap;
	margin-right: 6%;
}
.fcontleft .fbasecon{
	width:100%;
	margin-bottom:30rem
}
.fcontleft .fbasecon .pic-box{
	width:40rem;
	margin-right:20rem;
	border:none;
	padding:5rem
}
.fcontleft .fbasecon>div{
	display:flex;
	align-items:center;
	margin:10rem 0;
}
.fcontleft .fbasecon .showbox{
	position:unset;
	display:block;
	font-size:20rem;
	line-height: 35rem;
}
.fcontleft .conttit{
	width: 100%;
	text-align:center;
	line-height:40rem;
	border:1rem #fff solid;
	border-radius:20rem;
	font-size:18rem;
	margin-right: 20%;
	margin-bottom: 20rem;
}
.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:60rem;
	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 .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: #316399;
	text-align: center;
	padding: 20rem;
	font-size: 18rem;
	width: 100%;
	margin-top: 30rem;
	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 #31639970 solid;
	box-shadow: 1rem 3rem 10rem #bdbdbd6e;
	transition:box-shadow 0.5s ease;
}
.indexconshow .showbox:hover{
	box-shadow: 0 0 20rem #adadadab;
	color:#316399;
}
.indexconshow .showbox .pic-box{
	width:60rem;
	padding:5rem;
	margin-right: 20rem;
}
.indexconshow .showbox p{
	font-size:25rem;
	transition: none;
}