*{margin:0;padding:0;}
body{margin:auto;font-size:12px;}
li{list-style:none;}
ol li{list-style:inherit;}
.clear {height:0px;clear:both;}
textarea{font-family:"Arial","verdana","宋体";}
div{font-family:"Arial","verdana","宋体";}
p{font-family:"Arial","verdana","宋体";}
a{text-decoration:none;font-family:"Arial","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
html {
	font-size: 100px !important;
	overflow-x:hidden;
}

body {
	background: #fff !important;
}

@media screen and (max-width: 1680px) {
	html {
		font-size: 86px !important;
		overflow-x:hidden;
	}
}

@media screen and (max-width: 1440px) {
	html {
		font-size: 78px !important;
	}
}

@media screen and (max-width: 1200px) {
	.hidden-1280 {
		display: none !important;
	}
}

@media screen and (max-width: 1024px) {
	html {
		font-size: 60px !important;
	}
}

@media screen and (max-width: 768px) {
	html {
		font-size: 60px !important;
	}

}
@font-face {
font-family: 'MONBAITI';
src: local('MONBAITI'), url(../fonts/MONBAITI.woff) format('woff');
}





.headerbox {
	width: 100%;
	position: fixed;
	z-index: 999;
}
.headertop {
	width: 100%;
	height: 0.3rem;
	background: #0849a3;
}
.headertopinner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: flex-end;
}
.headertopleft {
	display: flex;
	float: left;
}
.headertopleftimg {
	width: 0.18rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.headertopleftimg img {
	width: 100%;
}
.headertoplefttext {
	line-height: 0.3rem;
	color: #fff;
	margin-left: 0.1rem;
}
.headertoplefttext a {
	font-size: .14rem;
	font-family: "Arial";
	display: block;
	color: #fff;
	opacity: 0.7;
}



.headertopright {
	display: flex;
	float: left;
	margin-left: 0.17rem;
}
.headertoprightimg {
	width: 0.18rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.headertoprightimg img {
	width: 100%;
}
.headertoprighttext {
	line-height: 0.3rem;
	color: #fff;
	margin-left: 0.1rem;
	position: relative;
}

.headertoprighttexttitle {
	font-size: .14rem;
	font-family: "Arial";
	display: block;
	color: #fff;
	opacity: 0.7;
}

.headertoprighttextcontent {
	width: 130%;
	height: auto;
	transition: all 0.36s ease-in-out;
	position: absolute;
	left: -15%;
	top: 30px;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}
.headertoprighttextcontentitem {
	width: 100%;
	height: auto;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #333;
	background: #fff;
}
.headertoprighttextcontentitem a {
	width: 100%;
	height: 100%;
	display: block;
	color: #333;
	transition: all 0.36s ease-in-out;
}


.headertoprighttext:hover .headertoprighttextcontent {
	opacity: 1;
	visibility: visible;
}

.headerbottom {
	width: 100%;
	background: #004098;
	height: 0.8rem;
}
.headerbottominner {
	width: calc(100% / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.logo {
	width: 1.6rem;
}

.logo img {
	width: 100%;
}
.headerbottomright {
	display: flex;
	align-items: center;
}
.headerbottomrightnavbox {
	float: left;
}
.headerbottomrightnav {
	float: left;
}
.headerbottomrightnav a {
	color: #ffffff;
	font-size: .18rem;
	display: block;
	line-height: 0.8rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}
.headerbottomrightnavxz a {
	font-weight: bold;
}
.headerbottomrightsearch {
	width: 158px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #80a0cc;
	margin-left: 0.3rem;
}
div.headerbottomrightsearchtext {
	width: 135px;
	height: 32px;
	line-height: 32px;
	float: left;
	overflow: hidden;
}
div.headerbottomrightsearchtext input {
	width: 100%;
	height: 100%;
	font-size: 14px;
	display: block;
	background: none;
	border: none;
	color: #fff;
	outline: none;
	opacity: 0.9;
}
div.headerbottomrightsearchtext input::placeholder {
	color: #fff;
	opacity: 0.9;
}
div.headerbottomrightsearchimg{
	width: .19rem;
	height: .32rem;
	float: right;
	cursor: pointer;
}
div.headerbottomrightsearchimg a {
	width: 100%;
	height: 85%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.headertwonavbox {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	background: rgba(8, 73, 163, .7);
	z-index: 999;
}
.headertwonavinner {
	margin-left: 31.8%;
	overflow: hidden;
	padding: .4rem 0;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: .25s all;
}
.headertwonavinnerxz {
	visibility: inherit;
	opacity: 1;
	position: relative;
}
.headertwonav {
	min-width: 3rem;
	float: left;
}
.headertwonavitem {
	width: 100%;
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.36rem;
	position: relative;
}
.headertwonavitem:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 3px;
	background: #fff;
	margin-top: -1.5px;
	opacity: 0;
	visibility: hidden;
}
.headertwonavitem a {
	color: #ffffff;
	font-size: .18rem;
	line-height: 0.36rem;
	display: block;
	transition: .25s all;
}
.headerthreenav {
	float: left;
	position: relative;
	margin-left: 0.55rem;
	transition: .25s all;
}
.headerthreetwonav {
	visibility: hidden;
	opacity: 0;
	position: absolute;
}
.headerthreetwonavxz {
	position: relative;
	opacity: 1;
	visibility: inherit;
}
.headerthreenavitem {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.3rem;
	position: relative;
}
.headerthreenavitem:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 2px;
	left: -.08rem;
	background: #fff;
	top: 50%;
	margin-top: -1px;
	opacity: 0;
	visibility: hidden;
}
.headerthreenavitem a {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.3rem;
	transition: .25s all;
}
.headertwonavitemxz {
	border-bottom: 1px solid #fff;
	padding-left: 0.13rem;
}
.headertwonavitemxz:after {
	opacity: 1;
	visibility: visible;
}
.headertwonavitemxz a {
	font-size: .24rem;
	font-weight: bold;
}
.headerthreenavitem:hover a {
	font-weight: bold;
}
.headerthreenavitem:hover:after {
	opacity: 1;
	visibility: visible;
}

.banner {position: relative;}

.index-banner-swiper {position: relative;background: #000;z-index:1;}
.index-banner-swiper1 {position: relative;background: #000;z-index:1;}

.banner-slide {}

.banner-slide .txt{position: absolute;width: 900px;left: 10%;top: 40% !important;margin-top: -167px;z-index: 33;}

.banner-slide .txt h4{font-size: 24px;color: #4694ff;margin: 0;padding: 0;position: relative;text-transform: uppercase;}

.banner-slide .txt h2{font-size: .8rem;color: #fff;padding:10px 0 25px 0;margin:0;line-height:70px;font-weight: bold;}

.banner-slide .txt h3{font-size: .24rem;color: #fff;padding:25px 0 0;margin:0;font-weight: normal;line-height: 30px;}

.banner-slide .txt h5{font-size: 18px;color: #fff;padding:25px 0;margin:0;font-weight: normal;line-height: 30px;}

.banner-slide .txt .line {width: 1.29rem;height: 1px;background: #fff;margin: 10px 0;}

.banner-slide .txt.center { text-transform: uppercase;

    text-align: center;width:100%;left:0;top:30%;margin: 0; 

    text-shadow: 0px 0px 35px rgba(0, 0, 0, 0.83);

   

    

}

.banner-slide .txt.center .line{margin: 0px auto;margin-top: 0px;}

.banner-slide .txt.right {left: auto;right: 5%;}

.banner-slide .txt.none {display: none;}

.banner-slide .img {text-align: center; background-color:#000000;}

.banner-slide .txt .img {text-align: left;}





.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.3s;}

.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all 0.5s;}

.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.8s;}

.banner-slide .txt h5 {transform:translateY(200px);opacity:0;transition:all 0.95s;}

.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.7s;}

.index-banner-swiper .swiper-slide-active .txt h4,

.index-banner-swiper .swiper-slide-active .txt h2,

.index-banner-swiper .swiper-slide-active .txt h3,

.index-banner-swiper .swiper-slide-active .txt h5,

.index-banner-swiper .swiper-slide-active .txt .line{transform:translateY(0px);opacity:1;}


.index-banner-swiper1 .swiper-slide-active .txt h4,

.index-banner-swiper1 .swiper-slide-active .txt h2,

.index-banner-swiper1 .swiper-slide-active .txt h3,

.index-banner-swiper1 .swiper-slide-active .txt h5,

.index-banner-swiper1 .swiper-slide-active .txt .line{transform:translateY(0px);opacity:1;}



.swiper-banner-pagination {bottom: 55px;width: 100%; display: block;z-index: 90;}

.swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}

.swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;top:5px;background: #fff;opacity: 0.3;}

.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}

.swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 2px;background: #005bac;-webkit-transition:all 14s ease;-moz-transition:all 14s ease;transition:all 14s ease;z-index: 10;}

.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 10000ms 1;animation: w100 14000ms 1;}



@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}



div.lunbobannerpic{ width: 100%; height: 100%;
        font-size: .6rem;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}



div.banner{ height: auto;}



div.banner div.index-banner-swiper{ height: auto;}

div.banner div.index-banner-swiper1{ height: auto;}

div.banner div.swiper-slide{ height: auto;}



div.banner div.banner-slide{ height: auto;}
.pcshow { display:block;}

.mbshow { display:none!important;}

.ipshow {display: none!important;}










.homeaboutbox {
	width: 100%;
}
.homeabout {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.5rem;
	padding-bottom: 1.4rem;
}
.homeabouttop {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.homeabouttopleft {
	float: left;
}
.homeabouttoplefttop {
	color: #004098;
	font-size: .48rem;
	font-weight: bold;
	line-height: 1;

}
.homeabouttopleftbottom {
	color: #979696;
	font-size: .24rem;
	line-height: 1;
	margin-top: 0.17rem;
}

.homeabouttopright {
	width: 2.45rem;
	height: 0.64rem;
	border-radius: .32rem;
	background: #004098;
}
.homeabouttopright a {
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.64rem;
	text-align: center;
}
.homeaboutcontent {
	width: 100%;
	margin-top: 0.7rem;
	display: flex;
}
.homeaboutcontentleft {
	width: 50%;
	position: relative;
}
.homeaboutcontentleftimg {
	width: 100%;
}
.homeaboutcontentleftimg img {
	width: 100%;
}
.homeaboutcontentleftvideo {
	position: absolute;
	left: 100%;
	bottom: 0;
	width: 20%;
}
.homeaboutcontentleftvideo img {
	width: 100%;
}
.homeaboutcontentright {
	width: 50%;
	padding-left: 0.65rem;
	padding-top: 0.54rem;
}
.homeaboutcontentrighttitle {
	color: #161616;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.3rem;
}
.homeaboutcontentrightdesc {
	color: #161616;
	font-size: .18rem;
	line-height: 0.3rem;
	font-weight: bold;
	margin-top: 0.08rem;
}
.homeaboutcontentrightcontent {
	color: #787878;
	font-size: .16rem;
	line-height: 0.3rem;
	margin-top: 0.52rem;
}

.homeaboutbottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
}
.homeaboutbottomitem {
	display: flex;
}
.homeaboutbottomitemimg {
	width: 0.55rem;
	line-height: 0.8rem;
}
.homeaboutbottomitemimg img {
	width: 100%;
}
.homeaboutbottomitemright {
	margin-left: 0.25rem;
}
.homeaboutbottomitemrighttitle {
	color: #004098;
	font-size: .8rem;
	line-height: 1;
}
.homeaboutbottomitemrighttitle span:nth-child(2) {
	color: #004098;
	font-size: .18rem;
	margin-left: 0.13rem;
}
.homeaboutbottomitemrightcontent {
	color: #787878;
	font-size: .18rem;
	text-transform: uppercase;
	border-top: 1px solid #bfbfbf;
	padding-top: 0.3rem;
	margin-top: 0.3rem;
}













.innerprobox {
	width: 100%;
}
.innerpro {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.95rem;
	padding-bottom: 1.2rem;
}
.innerprotitle {
	color: #004098;
	font-size: .48rem;
	font-weight: bold;
	line-height: 1;
}
.innerpronavbox {
	width: 100%;
	margin-top: 0.46rem;
}
.innerproonenavbox {
	position: relative;
	display: inline-block;
	z-index: 5;
}
.innerproonenavshow {
	color: #141414;
	font-size: .18rem;
	font-style: italic;
	line-height: 0.4rem;
	border-bottom: 1px solid #e1dfdf;
	position: relative;
	display: inline-block;
	padding-right: 0.76rem;
}
.innerproonenavshow:after {
	content: "";
	position: absolute;
	width: 0.15rem;
	height: 0.15rem;
	border-right: 2px solid #004098;
	border-bottom: 2px solid #004098;
	right: .04rem;
	top: 40%;
	transform: translateY(-50%) rotate(45deg);
}
.innerproonenav {
	background: #fff;
	position: absolute;
	min-width: 100%;
	left: 0;
	top: 100%;
	z-index: 3;
	transition: .25s all;
	opacity: 0;
	visibility: hidden;
}
.innerproonenavbox:hover .innerproonenav {
	opacity: 1;
	visibility: visible;
}
.innerproonenavlist {

}
.innerproonenavlist a {
	color: #141414;
	font-size: .16rem;
	line-height: 0.35rem;
	border-bottom: 1px solid #e1dfdf;
	position: relative;
	display: block;
	width: 100%;
}
.innerproonenavlist:hover a {
	font-weight: bold;
}





.innerprotwonavbox {
	position: relative;
	display: inline-block;
	margin-left: 0.5rem;
	z-index: 5;
}
.innerprotwonavshow {
	color: #979696;
	font-size: .18rem;
	font-style: italic;
	line-height: 0.4rem;
	border-bottom: 1px solid #e1dfdf;
	position: relative;
	display: inline-block;
}
.innerprotwonavshow:after {
	content: "";
	position: absolute;
	width: 0.15rem;
	height: 0.15rem;
	border-right: 2px solid #979696;
	border-bottom: 2px solid #979696;
	right: -.44rem;
	top: 40%;
	transform: translateY(-50%) rotate(45deg);
}
.innerprotwonav {
	background: #fff;
	position: absolute;
	min-width: 100%;
	left: 0;
	top: 100%;
	z-index: 3;
	transition: .25s all;
	opacity: 0;
	visibility: hidden;
}
.innerprotwonavbox:hover .innerprotwonav {
	opacity: 1;
	visibility: visible;
}
.innerprotwonavlist {

}
.innerprotwonavlist a {
	color: #979696;
	font-size: .16rem;
	line-height: 0.35rem;
	border-bottom: 1px solid #e1dfdf;
	position: relative;
	display: block;
	width: 100%;
	white-space:nowrap;
}
.innerprotwonavlist:hover a {
	font-weight: bold;
}
.innerprocontent {
	width: 100%;
	overflow: hidden;
}
.innerprocontentitem {
	width: calc((100% - .32rem) / 3);
	float: left;
	margin-left: 0.16rem;
	margin-top: 1rem;
}
.innerprocontentitem:nth-child(3n-2) {
	margin-left: 0;
}
.innerprocontentitemimg {
	width: 100%;
}
.innerprocontentitemimg img {
	width: 100%;
}
.innerprocontentitemcontent {
	width: 100%;
	padding-left: 0.3rem;
	padding-top: 0.28rem;
	padding-right: 0.3rem;
	padding-bottom: 0.23rem;
	transition: .25s all;
}
.innerprocontentitemcontenttitle {
	color: #161616;
	font-size: .18rem;
	font-weight: bold;
	line-height: 0.3rem;
	height: 0.3rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: .25s all;
}
.innerprocontentitemcontenttext {
	color: #979696;
	font-size: .16rem;
	line-height: 0.25rem;
	margin-top: 0.08rem;
	height: 0.5rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	transition: .25s all;
}
.innerprocontentitemcontentmore {
	color: #3a67aa;
	font-size: .14rem;
	line-height: 0.25rem;
	font-weight: bold;
	transition: .25s all;
}
.innerprocontentitem:hover .innerprocontentitemcontent {
	background: #004098;
}
.innerprocontentitem:hover .innerprocontentitemcontenttitle {
	color: #fff;
}
.innerprocontentitem:hover .innerprocontentitemcontenttext {
	color: #fff;
	opacity: 0.5;
}
.innerprocontentitem:hover .innerprocontentitemcontentmore {
	color: #fff;
}

.innerprocontentitem2 {
	width: calc((100% - .16rem) / 2);
	margin-left: 0.16rem;
	margin-top: 1rem;
}
.innerprocontentitem2:nth-child(3n-2) {
	margin-left: .16rem;
}
.innerprocontentitem2:nth-child(2n-1) {
	margin-left: 0;
}
/* 翻页开始 */
.fanye {
	display: inline-block;
	overflow: hidden;
}
.fanye .pagination {
	margin-top: .7rem;
}
.fanye .fanyemg {
	width: 0.30rem;
	height: 0.30rem;
	border: 1px solid #dbdbdb;
	text-align: center;
	line-height: 0.28rem;
	margin-left: 0.05rem;
	margin-right: 0.05rem;
	float: left;
	font-family: "Noto Sans SC";
	color: #6d6d6d;
	font-size: .14rem;
	font-weight: bold;
}
.fanye .cur {
	width: 0.30rem;
	height: 0.30rem;
	border: 1px solid #dbdbdb;
	text-align: center;
	line-height: 0.28rem;
	margin-left: 0.05rem;
	margin-right: 0.05rem;
	float: left;
	font-family: "Noto Sans SC";
	color: #6d6d6d;
	font-size: .14rem;
	background: #003f93;
	border-color: #003f93;
	color: #fff;
}
.fanye .syy {
	font-family: "Noto Sans SC";
	color: #989898;
	font-size: .14rem;
	/* width: 0.35rem; */
	/* height: 0.35rem; */
	line-height: 0.3rem;
	float: left;
	margin-right: 0.15rem;
}

.fanye .xyy {
	font-family: "Noto Sans SC";
	color: #989898;
	font-size: .14rem;
	/* width: 0.35rem; */
	/* height: 0.35rem; */
	line-height: 0.3rem;
	float: left;
	margin-left: 0.15rem;
}




/* 翻页结束 */


@media screen and (max-width : 1600px) {
.headerbottomrightnav a {
	color: #ffffff;
	font-size: .18rem;
	display: block;
	line-height: 0.8rem;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
}
}



.homecasebox {
	width: 100%;
	overflow: hidden;
	padding-left: calc(100vw / 12);
	padding-right: calc(100vw / 6);
	padding-top: 1.6rem;
	padding-bottom: .85rem;
}
.homecase {
	float: left;
}
.homecasetitle {
	color: #ffffff;
	font-size: .48rem;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
.homecasesubtitle {
	color: #ffffff;
	font-size: .24rem;
	line-height: 1;
	margin-top: 0.19rem;
}
.homecasecontent {
	float: right;
	width: 4.1rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-column-gap: .1rem;
	grid-row-gap: .1rem;

}
.homecasecontentitem {
	width: 2rem;
	height: 2rem;
	transition: .25s all;
	background: #fff;
}
.homecasecontentitem a {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.homecasecontentitemimg {
	width: 0.75rem;
	margin-left: auto;
	margin-right: auto;
	transition: .25s all;
}
.homecasecontentitemimg img {
	width: 100%;
	transition: .25s all;
}
.homecasecontentitemtitle {
	color: #161616;
	font-size: .18rem;
	line-height: 0.2rem;
	font-weight: bold;
	text-align: center;
	margin-top: 0.3rem;
	transition: .25s all;
}
.homecasecontentitem:hover {
	background: #004098;
}
.homecasecontentitem:hover .homecasecontentitemimg img {
	filter: grayscale(100%) brightness(1000%);
}
.homecasecontentitem:hover .homecasecontentitemtitle {
	color: #fff;
}



.homeprobox {
	width: 100%;
	padding-bottom: 1.2rem;
}
.homeprotop {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.55rem;
}
.homeprotoptitle {
	color: #004098;
	font-size: .48rem;
	font-weight: bold;
	line-height: 1;
}
.homeprotopsubtitle {
	color: #979696;
	font-size: .24rem;
	line-height: 0.3rem;
	margin-top: 0.14rem;
}
.homeprocontent {
	width: calc(100vw / 12 * 11);
	margin-left: auto;
	margin-top: 0.95rem;
	display: flex;
	align-items: center;
}
.homeprocontentleft {
	width: 1.8rem;
	margin-right: .55rem;
	float: left;
	margin-top: -0.24rem;
}
.homeprocontentleft a {
	display: block;
}
.homeprocontentlefttext {
	width: 100%;
	text-align: center;
	color: #141414;
	font-size: .18rem;
	font-weight: bold;
	line-height: .2rem;
}
.homeprocontentleftimg {
	width: 100%;
	margin-top: 0.28rem;
}
.homeprocontentleftimg img {
	width: 100%;
}
.homeprocontentcenter {
	width: calc((100% / 11 * 9) - 2.35rem);
	float: left;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.homeprocontentcenteritem {
	width: 100%;
	position: relative;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.homeprocontentcenteritem:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	background: #cccccc;
}
.homeprocontentcenteritemimg {
	width: 100%;
}
.homeprocontentcenteritemimg img {
	width: 100%;
	opacity: 0;
	transition: .25s all;
}

.homeprocontentright {
	width: 1.8rem;
	margin-left: .55rem;
	float: left;
	margin-top: -0.24rem;
}
.homeprocontentright a {
	display: block;
}
.homeprocontentrighttext {
	width: 100%;
	text-align: center;
	color: #141414;
	font-size: .18rem;
	font-weight: bold;
	line-height: .2rem;
}
.homeprocontentrightimg {
	width: 100%;
	margin-top: 0.28rem;
}
.homeprocontentrightimg img {
	width: 100%;
}

.homeprocontentcenteritemnum {
	width: 0.43rem;
	height: 0.43rem;
	border: 1px solid #cdcdcd;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .25s all;
	color: #141414;
	font-size: .18rem;
	font-weight: bold;
	z-index: 5;
}
.homeprocontentcenteritemtext {
	color: #161616;
	font-size: .18rem;
	line-height: 0.3rem;
	font-weight: bold;
	position: absolute;
	width: 100%;
	top: .8rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	left: 0;
	text-align: center;
	transition: .25s all;
}
.homeprocontentcenteritem:hover .homeprocontentcenteritemimg img {
	opacity: 1;
}
.homeprocontentcenteritem:hover .homeprocontentcenteritemtext {
	color: #fff;
}




.homeservicebox {
	width: 100%;
	overflow: hidden;
	padding-bottom: 0.78rem;
}
.homeservice {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.57rem;
}
.homeservicetitlebox {

}
.homeservicetitle {
	color: #ffffff;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
}
.homeservicesubtitle {
	color: #ffffff;
	font-size: .24rem;
	line-height: 0.3rem;
	margin-top: 0.14rem;
}
.homeservicedesc {
	color: #ffffff;
	font-size: .72rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 1.14rem;
}
.homeservicemore {
	width: 2.45rem;
	height: 0.64rem;
	border-radius: .32rem;
	line-height: 0.64rem;
	text-align: center;
	background: #cdfa01;
	overflow: hidden;
	margin-top: 1.16rem;
}
.homeservicemore a {
	display: block;
	width: 100%;
	height: 100%;
	color: #141414;
	font-size: .24rem;
	font-weight: bold;
}

.homeserviceright {
	width: 6.05rem;
	height: 1.18rem;
	background: rgba(174, 178, 189, .35);
	border-radius: .2rem;
	margin-top: 0.54rem;
	float: right;
	margin-right: 2.75rem;
}
.homeserviceright a {
	display: flex;
	width: 100%;
	height: 100%;
	padding-left: 0.15rem;
	padding-right: 0.26rem;
	align-items: center;
	justify-content: space-between;
}
.homeservicerightleft {
	display: flex;
	align-items: center;
}
.homeservicerightleftimg {
	width: 0.92rem;
	border-radius: .1rem;
	overflow: hidden;
}
.homeservicerightleftimg img {
	width: 100%;
}
.homeservicerightleftright {
	margin-left: 0.32rem;
}
.homeservicerightleftrighttitle {
	color: #ffffff;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.3rem;
}
.homeservicerightleftrightdesc {
	color: #ffffff;
	font-size: .16rem;
	line-height: 0.3rem;
}
.homeservicerightright {
	width: 0.72rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.homeservicerightright img {
	width: 100%;
}




.homenewsbox {
	width: 100%;
}
.homenews {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1.45rem;
	padding-bottom: 1.45rem;
}
.homenewstitle {
	width: 100%;
	text-align: center;
	color: #004098;
	font-size: .48rem;
	font-style: bold;
	line-height: 1;
	font-weight: bold;
}
.homenewsnavbox {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 0.2rem;
}
.homenewsnav {
	min-width: 2.84rem;
	height: 0.64rem;
	border: 1px solid #bfbfbf;
	margin-left: 0.17rem;
	margin-right: 0.17rem;
	display: inline-block;
	border-radius: .32rem;
	overflow: hidden;
}
.homenewsnav a {
	display: block;
	width: 100%;
	height: 100%;
	color: #161616;
	font-size: .18rem;
	line-height: 0.64rem;
	text-align: center;
	font-weight: bold;
}
.homenewscontent {
	width: 100%;
	margin-top: 1rem;
	overflow: hidden;
}

.homenewscontentitem {
	width: calc((100% - 1.6rem) / 3);
	float: left;
	margin-left: 0.8rem;
	position: relative;
}
.homenewscontentitem:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background: #cdcdcd;
	right: -0.4rem;
	top: 0;
}
.homenewscontentitem:nth-child(3n):after {
	display: none;
}
.homenewscontentitem a {
	display: block;
}
.homenewscontentitem:nth-child(3n-2){
	margin-left: 0;
}
.homenewscontentitemimg {
	width: 100%;
}
.homenewscontentitemimg img {
	width: 100%;
}
.homenewscontentitemcontent {
	width: 100%;
	padding-top: 0.35rem;
	padding-bottom: 0.02rem;
}
.homenewscontentitemcontenttitle {
	color: #161616;
	font-size: .18rem;
	line-height: 0.24rem;
	font-weight: bold;
	height: 0.96rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	transition: .25s all;
}
.homenewscontentitemcontentdesc {
	color: #979696;
	font-size: .16rem;
	line-height: 0.24rem;
	height: 1.92rem;
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:8;
	-webkit-box-orient:vertical;
	margin-top: 0.05rem;
	transition: .25s all;
}
.homenewscontentitemcontentbottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.22rem;
	align-items: center;
}
.homenewscontentitemcontentbottomtime {
	color: #979696;
	font-size: .16rem;
	font-weight: bold;
	line-height: 1;
	transition: .25s all;
}
.homenewscontentitemcontentbottommore {
	color: #004098;
	font-size: .16rem;
	font-weight: bold;
	line-height: 1;
	padding-top: 0.13rem;
	padding-bottom: 0.13rem;
	padding-left: 0.22rem;
	padding-right: 0.16rem;
	border-radius: .1rem;
	transition: .25s all;
}
.homenewsmore {
	width: 2.45rem;
	height: 0.64rem;
	border-radius: .32rem;
	background: #004098;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
}
.homenewsmore a {
	text-align: center;
	line-height: 0.64rem;
	color: #fff;
	font-size: .24rem;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 100%;
}

.homenewscontentitem:hover .homenewscontentitemcontenttitle {
	color: #004098;
}
.homenewscontentitem:hover .homenewscontentitemcontentdesc {
	color: #7391ba;
}
.homenewscontentitem:hover .homenewscontentitemcontentbottomtime {
	color: #004098;
}
.homenewscontentitem:hover .homenewscontentitemcontentbottommore {
	color: #fff;
	background: #004098;
}



.footerbox {
	width: 100%;
	background: #0d356c;
}
.footertopbox {
	width: 100%;
}
.footertop {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 2.18rem;
}
.footertopleft {
	float: left;
	width: 20%;
}
.footertopleftlogo {
	width: 2.2rem;
}
.footertopleftlogo img {
	width: 100%;
}
.footertopleftbottom {
	margin-top: 1.4rem;
}
.footertopleftbottomitem {
	width: 0.5rem;
	height: 0.5rem;
	background: #174b91;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	margin-right: 0.12rem;
}
.footertopleftbottomitem img {
	width: 100%;
}
.footertopleftbottomitemwechat {
	width: 0.5rem;
	float: left;
	margin-right: 0.12rem;
	position: relative;
}
.footertopleftbottomitemwechatico {
	width: 0.5rem;
	height: 0.5rem;
	background: #174b91;
	border-radius: 50%;
	overflow: hidden;
}
.footertopleftbottomitemwechatico img {
	width: 100%;
}
.footertopleftbottomitemwechatpic {
	width: 1.2rem;
	position: absolute;
	bottom: calc(100% + .15rem);
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
}
.footertopleftbottomitemwechatpic img {
	width: 100%;
}
.footertopleftbottomitemwechat:hover .footertopleftbottomitemwechatpic {
	opacity: 1;
	visibility: visible;
}

.footertopright {
	width: 80%;
	float: right;
	display: grid;
	gap: .25rem;
	grid-template-columns: repeat(6, 1fr);
	padding-top: 0.13rem;
}
.footertoprightitem {

}
.footertoprightitemnav {
	color: #ffffff;
	font-size: .18rem;
	line-height: 1;
	position: relative;

}
.footertoprightitemnav:after {
	content: "";
	position: absolute;
	left: 0;
	top: calc(100% + .5rem);
	width: 0.28rem;
	height: 1px;
	background: #fff;
}
.footertoprightitemnav a {
	color: #ffffff;
}
.footertoprightitemtwobox {
	margin-top: 0.72rem;
}
.footertoprightitemtwonavitem {
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.16rem;
	margin-top: 0.15rem;
}
.footertoprightitemtwonavitem:first-child {
	margin-top: 0;
}
.footertoprightitemtwonavitem a {
	color: #fff;
}

.footerbottombox {
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, .41);
}
.footerbottom {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	height: 1.1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footerbottomleft {
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.3rem;
}
.footerbottomleft a {
	color: #ffffff;
}
.footerbottomright {
	color: #ffffff;
	font-size: .14rem;
	line-height: 0.3rem;
}
.footerbottomright a {
	color: #ffffff;
}






.cebian {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 999;
}
.cebiantop {
	width: 100%;
}
.cebiantopitem {
	height: 0.7rem;
	background-color: #fff;
	display: flex;
	transform: translateX(calc(100% - .7rem));
	transition: .25s all;
}

.cebiantopitem:nth-child(1) {
	border-top-left-radius: .1rem;
	border-bottom: 1px solid #979696;
}
.cebiantopitem:nth-child(2) {
	border-bottom-left-radius: .1rem;
}
.cebiantopitemico {
	width: 0.7rem;
	height: 0.7rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cebiantopitemico img {
	width: 0.4rem;
	transition: .25s all;
}
.cebiantopitemtext {
	color: #fff;
	font-size: .18rem;
	font-weight: bold;
	line-height: 0.7rem;
	padding-right: 0.3rem;
	display: none;
}

.cebianbottom {
	width: 0.7rem;
	height: 0.7rem;
	background: #fff;
	border-top-left-radius: .1rem;
	border-bottom-left-radius: .1rem;
	float: right;
	margin-top: 0.19rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.cebianbottom img {
	width: 0.4rem;
	transition: .25s all;
}

.cebiantopitem:hover {
	transform: translateX(0);
	background: #0c53ad;
	border: none;
}
.cebiantopitem:hover  .cebiantopitemtext {
	display: block;
}
.cebiantopitem:hover img {
	filter: grayscale(100%) brightness(1000%);
}
.cebianbottom:hover {
	background: #0c53ad;
}
.cebianbottom:hover img {
	filter: grayscale(100%) brightness(1000%);
}



.fzlcbigbox {
	width: 100%;
}
.fzlcbig {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.95rem;
	padding-bottom: 1.5rem;
}
.fzlctopbox {
	width: 100%;
	overflow: hidden;
}
.fzlctoptitle {
	color: #004098;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
}
.fzlctopnavbox {
	width: 100%;
	margin-top: 0.23rem;
}
.fzlctopnav {
	float: left;
	margin-right: 0.25rem;
	position: relative;
}
.fzlctopnav a {
	color: #141414;
	font-size: .18rem;
	line-height: 0.3rem;
	display: block;
}
.fzlctopnavxz {
	padding-left: 0.12rem;
}
.fzlctopnavxz:after {
	content: "";
	position: absolute;
	width: 0.04rem;
	height: 0.03rem;
	background: #004098;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.fzlctopnavxz a {
	color: #004098;
	font-weight: bold;
}

.fzlcbox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.85rem;
}

.fzlcitem {
	width: 100%;
	overflow: hidden;
	padding-top: .6rem;
}
.fzlcitemleft {
	float: left;
	display: flex;
	align-items: center;
}
.fzlcitemlefto {
	width: .14rem;
	height: .14rem;
	border: 1px solid #004098;
	border-radius: 50%;
	position: relative;
	background: #fff;
}
.fzlcitemlefto:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 50%;
	width: 1px;
	height: 100000px;
	background: #bfbfbf;
	z-index: -1;
}
.fzlcitemlefto::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
	height: 1000000px;
	background: #bfbfbf;
	z-index: -1;
}
.fzlcitem:first-child .fzlcitemlefto:after {
	display: none;
}
.fzlcitem:last-child .fzlcitemlefto:before {
	display: none;
}
.fzlcitemlefttitle {
	color: #004098;
	font-size: .6rem;
	line-height: 1;
	font-family: "MONBAITI";
	margin-left: .21rem;
	width: 1.46rem;
}
.fzlcitemleftpic {
	width: 1.87rem;
	border-bottom-left-radius: .15rem;
	border-top-left-radius: .15rem;
	overflow: hidden;
}
.fzlcitemleftpic img {
	width: 100%;
}


.fzlcitemright {
	float: right;
	color: #797979;
	font-size: .16rem;
	line-height: .3rem;
	width: calc(100% - 2rem);
	/*padding-left: .45rem;*/
	box-sizing: border-box;
}


.innernewsbox {
	width: 100%;
}
.innernews {
	width: calc(100vw / 12 * 10);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.95rem;
	padding-bottom: 1.15rem;
}
.innernewstitle {
	color: #004098;
	font-size: .48rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}
.innernewscontent {
	width: 100%;
	overflow: hidden;
	margin-top: 1.12rem;
}
.innernewscontent .homenewscontentitem {
	margin-top: 1.47rem;
}
.innernewscontent .homenewscontentitem:nth-child(1) {
	margin-top: 0;
}
.innernewscontent .homenewscontentitem:nth-child(2) {
	margin-top: 0;
}
.innernewscontent .homenewscontentitem:nth-child(3) {
	margin-top: 0;
}
.innernews .fanye .pagination {
	margin-top: 1.3rem;
}



.hzhbbox {
	width: 100%;
}
.hzhb {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.95rem;
}
.hzhbcontent {
	width: 100%;
	overflow: hidden;
	margin-top: .9rem;
	padding-bottom: 1rem;
}
.hzhbitem {
	width: calc((100% - .3rem) / 4);
	float: left;
	margin-left: 0.1rem;
	border-radius: .1rem;
	overflow: hidden;
	background: #f3f3f3;
	margin-top: 0.5rem;
}
.hzhbitem:nth-child(4n-3) {
	margin-left: 0;
}
.hzhbitem img {
	width: 100%;
}
.hzhbitem:nth-child(1) {
	margin-top: 0;
}
.hzhbitem:nth-child(2) {
	margin-top: 0;
}
.hzhbitem:nth-child(3) {
	margin-top: 0;
}
.hzhbitem:nth-child(4) {
	margin-top: 0;
}




.honorsitem {
	width: 100%;
	height: 1rem;
	background: #f3f3f3;
	margin-top: 0.1rem;
	transition: .25s all;
}
.honorsitem:first-child {
	margin-top: 0;
}
.honorsitem a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: space-between;
}
.honorsitemleft {
	width: calc(100% - 1.6rem);
	display: flex;
	align-items: center;
}
.honorsitemico {
	width: 0.32rem;
	margin-left: 0.56rem;
}
.honorsitemico img {
	width: 100%;
	transition: .25s all;
}
.honorsitemtitle {
	color: #141414;
	font-size: .18rem;
	font-weight: bold;
	height: 1rem;
	line-height: 1rem;
	margin-left: 0.46rem;
	width: calc(100% - 1.34rem);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: .25s all;
}
.honorsitemright {
	width: 0.15rem;
	float: right;
	margin-right: 0.52rem;
}
.honorsitemright img {
	width: 100%;
	transition: .25s all;
}
.honorsitem:hover {
	background: #004098;
}
.honorsitem:hover .honorsitemtitle {
	color: #fff;
}
.honorsitem:hover .honorsitemico img {
	filter: grayscale(100%) brightness(1000%);
}
.honorsitem:hover .honorsitemright img {
	filter: invert(100%);
}



.inneraboutonebox {
	width: 100%;
	margin-top: 0.9rem;
}
.inneraboutonetitle {
	width: 100%;
	color: #161616;
	font-size: .36rem;
	font-weight: bold;
	line-height: 1;
}
.inneraboutonecontent {
	color: #161616;
	font-size: .18rem;
	line-height: 0.3rem;
	font-weight: bold;
	margin-top: 0.32rem;
}
.inneraboutonecontent img {
	max-width: 100%;
}
.innerabouttwo {
	width: 100%;
	margin-top: 0.7rem;
}
.innerabouttwo video {
	width: 100%;
}
.inneraboutthreebox {
	font-size: .16rem;
	line-height: 0.3rem;
	width: 100%;
	color: #787878;
	margin-top: 0.6rem;
}
.inneraboutthreebox img {
	max-width: 100%;
}
.inneraboutfourbox {
	width: 100%;
	margin-top: 0.58rem;
}
.inneraboutfouritem {
	width: 100%;
	display: flex;
	margin-top: 0.6rem;
	justify-content: space-between;
}
.inneraboutfouritem:first-child {
	margin-top: 0;
}
.inneraboutfouritempic {
	width: calc(50% - 0.15rem);
}
.inneraboutfouritempic img {
	width: 100%;
}
.inneraboutfouritemcontent {
	width: calc(50% - 0.15rem);
	color: #787878;
	font-size: .16rem;
	line-height: 0.3rem;
}


.casetopbox {
	width: 100%;
}
.casetopcase {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	color: #004098;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0.95rem;
}
.casecontentbox {
	width: 100%;
	padding-bottom: 1rem;
}
.casecontentitembox {
	width: 100%;
	transition: .25s all;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.casecontentitem {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.casecontentitempic {
	width: 50%;
	border-radius: .1rem;
	overflow: hidden;
}
.casecontentitempic img {
	width: 100%;
}
.casecontentitemtext {
	width: calc(50% - .85rem);
}
.casecontentitemtitle {
	color: #161616;
	font-size: .36rem;
	font-weight: bold;
	line-height: 0.45rem;
	text-align: center;
}
.casecontentitemdesc {
	color: #979696;
	font-size: .18rem;
	line-height: 0.3rem;
	text-align: center;
	margin-top: 0.45rem;
}
.casecontentitemmore {
	width: 2.4rem;
	height: 0.6rem;
	border: 1px solid #dcdcdc;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.55rem;
}
.casecontentitemmore a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.casecontentitemmoretext {
	color: #141414;
	font-size: .18rem;
	font-weight: bold;
	line-height: 1;
	transition: .25s all;
}
.casecontentitemmorearrow {
	width: 0.15rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.25rem;
}
.casecontentitemmorearrow img {
	width: 100%;
	transition: .25s all;
}
.casecontentitembox:hover {
	background: #eff4f8;
}
.casecontentitembox:hover .casecontentitemmore {
	background: #004098;
}
.casecontentitembox:hover .casecontentitemmoretext {
	color: #fff;
}
.casecontentitembox:hover .casecontentitemmorearrow img {
	filter: grayscale(100%) brightness(1000%);
}





.caselistitem {
	width: calc((100% - .5rem) / 3);
	float: left;
	margin-left: 0.25rem;
	margin-top: 1.2rem;
}
.caselistitem:nth-child(1) {
	margin-top: 0;
}
.caselistitem:nth-child(2) {
	margin-top: 0;
}
.caselistitem:nth-child(3) {
	margin-top: 0;
}
.caselistitem:nth-child(3n-2) {
	margin-left: 0;
}
.caselistitempic {
	width: 100%;
}
.caselistitempic img {
	width: 100%;
}
.caselistitemcontent {
	width: 100%;
}
.caselistitemcontenttitle {
	color: #141414;
	font-size: .16rem;
	line-height: 0.25rem;
	height: 0.25rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.27rem;
}
.caselistitemcontentdesc {
	color: #a9a9a9;
	font-size: .14rem;
	line-height: 0.18rem;
	height: 0.18rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top: 0.08rem;
}
.caselistitemcontentmore {
	width: 1rem;
	height: 0.3rem;
	text-align: center;
	line-height: .3rem;
	color: #141414;
	font-size: .12rem;
	background: #e5e5e5;
	transition: .25s all;
	margin-top: 0.28rem;
}
.caselistitem:hover .caselistitemcontentmore {
	background: #004098;
	color: #fff;
}



.culturebox {
	width: 100%;
}
.culture {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.95rem;
}
.culturetitle {
	width: 100%;
	color: #004098;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
}
.culturecontent {
	width: 100%;
	margin-top: 1.25rem;
}

.culturecontentitem {
	width: calc(100% - .3rem);
	margin-left: 0.3rem;
	display: flex;
	margin-top: 0.95rem;
}
.culturecontentitem:first-child {
	margin-top: 0;
}
.culturecontentitemleft {
	width: calc(100vw / 12 * 3);
	position: relative;
	background: #e7f4fd;
}
.culturecontentitemleftimg {
	width: 100%;
	transform: translate(-.3rem, -.3rem);
}
.culturecontentitemleftimg img {
	width: 100%;
}
.culturecontentitemlefttext {
	width: 2rem;
	height: 0.6rem;
	background: #004098;
	color: #ffffff;
	font-size: .12rem;
	line-height: 0.6rem;
	text-align: center;
	position: absolute;
	bottom: 0.6rem;
	left: 0;
	transform: translate(-.3rem, -.3rem);
}
.culturecontentitemright {
	width: calc(100% - (100vw / 12 * 3));
	background: #f9f9f9;
	padding-left: 0.75rem;
	padding-right: 0.55rem;
	padding-top: 0.6rem;
}
.culturecontentitemrighttitle {
	color: #004098;
	font-size: .3rem;
	font-weight: bold;
	border-bottom: 1px solid #cbd6e2;
	padding-bottom: 0.2rem;
}
.culturecontentitemrightdesc {
	color: #161616;
	font-size: .16rem;
	line-height: 0.28rem;
	padding-top: 0.24rem;
}
.culturecontentitem:nth-child(2n) {
	margin-left: 0;
}
.culturecontentitem:nth-child(2n) .culturecontentitemright {
	padding-left: 0.55rem;
	padding-right: 0.75rem;
}
.culturecontentitem:nth-child(2n) .culturecontentitemleftimg {
	transform: translate(.3rem, -.3rem);
}
.culturecontentitem:nth-child(2n) .culturecontentitemlefttext {
	transform: translate(.3rem, -.3rem);
	left: auto;
	right: 0;
}


.culturebottombox {
	width: 100%;
}
.culturebottom {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.5rem;
}
.culturebottomitem {
	width: 100%;
	margin-top: 1.15rem;
}

.culturebottomitemtitle {
	width: 100%;
	color: #004098;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.culturebottomitemcontent {
	width: 100%;
	background: #f5f5f5;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	margin-top: 0.65rem;
	padding-top: 0.75rem;
	padding-bottom: 1rem;
}
.culturebottomitemcontentsubtitle {
	text-align: center;
	color: #161616;
	font-size: .3rem;
	font-weight: bold;
	line-height: .45rem;
	text-align: center;
}
.culturebottomitemcontentlistbox {
	width: 100%;
	margin-top: 0.62rem;
}
.culturebottomitemcontentlist {
	width: 100%;
	margin-top: 0.55rem;
}
.culturebottomitemcontentlist:first-child {
	margin-top: 0;
}
.culturebottomitemcontentlisttitle {
	color: #161616;
	font-size: .24rem;
	font-weight: bold;
	line-height: 0.35rem;
}
.culturebottomitemcontentlistcontent {
	color: #161616;
	font-size: .16rem;
	line-height: 0.3rem;
	margin-top: 0.2rem;
}



.contactbox {
	width: 100%;
}
.contact {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
}
.contactone {
	width: 100%;
	padding-top: 0.95rem;
}
.contactonetitle {
	color: #004098;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
}
.contactonecontent {
	width: 100%;
	margin-top: 0.95rem;
}
.contactonecontentitem {
	display: flex;
	margin-top: 0.3rem;
	justify-content: flex-start;
	align-items: center;
}
.contactonecontentitem:first-child {
	margin-top: 0;
}
.contactonecontentitemico {
	width: 0.6rem;
	height: 0.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.contactonecontentitemico img {
	width: 100%;
}
.contactonecontentitemtext {
	color: #2d2f2e;
	font-size: .18rem;
	font-weight: bold;
	line-height: 0.25rem;
	margin-left: 0.26rem;
	width: calc(100% - .86rem);
}

.map {
	width: 100%;
	margin-top: 0.9rem;
}
.map img {
	width: 100%;
}
.contacttwo {
	width: 100%;
	margin-top: 1.17rem;
}
.contacttwotitle {
	color: #004098;
	font-size: .48rem;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
}
.contacttwocontent {
	width: 100%;
	margin-top: 1.05rem;
	padding-bottom: 1.47rem;
}
.contacttwocontentleft {
	width: calc(50% - .2rem);
	float: left;
}
.contacttwocontentleftitem {
	height: .64rem;
	width: 100%;
	border: 1px solid #3e3e3e;
	margin-top: 0.3rem;
}
.contacttwocontentleftitem:first-child {
	margin-top: 0;
}
.contacttwocontentleftitem input {
	background: none;
	border: none;
	width: 100%;
	line-height: .64rem;
	height: .64rem;
	color: #3e3e3e;
	font-size: .16rem;
	padding-left: 0.3rem;
}
.contacttwocontentleftitem input::placeholder {
	color: #acabab;
	font-size: .16rem;
}
input{ outline: none; }
textarea{ outline: none; }
.contacttwocontentleftitembottom {
	width: 100%;
	width: 100%;
	border: 1px solid #3e3e3e;
	margin-top: 0.3rem;
	display: flex;
	justify-content: space-between;
}
.contacttwocontentleftitembottomleft {
	width: calc(100% - 2rem);
	height: .64rem;
}
.contacttwocontentleftitembottomleft input {
	background: none;
	border: none;
	width: 100%;
	line-height: .64rem;
	height: .64rem;
	color: #3e3e3e;
	font-size: .16rem;
	padding-left: 0.3rem;
}
.contacttwocontentleftitembottomleft input::placeholder {
	color: #acabab;
	font-size: .16rem;
}
.contacttwocontentleftitembottomcody {
	width: 1.4rem;
	height: .64rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contacttwocontentleftitembottomcody img {
	width: 100%;
	height: 100%;
}
.contacttwocontentright {
	width: calc(50% - .2rem);
	float: right;
}
.contacttwocontentrighttop {
	width: 100%;
	height: 2.55rem;
	line-height: .64rem;
	border: 1px solid #3e3e3e;
}
.contacttwocontentrighttop textarea {
	background: none;
	border: none;
	height: 100%;
	width: 100%;
	line-height: .64rem;
	color: #3e3e3e;
	font-size: .16rem;
	padding-left: 0.3rem;
}
.contacttwocontentrighttop textarea::placeholder {
	color: #acabab;
	font-size: .16rem;
}
.contacttwocontentrightbottom {
	width: 100%;
	line-height: .65rem;
	margin-top: 0.28rem;
}
.contacttwocontentrightbottom a {
	display: block;
	width: 100%;
	height: 0.65rem;
	background: #014099;
	text-align: center;
	color: #fff;
	font-size: .18rem;
	font-weight: bold;
	line-height: 0.65rem;
}


.showbox {
	width: 100%;
}
.show {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.95rem;
	padding-bottom: 1rem;
}
.show p{

	margin-top: 15px;
	margin-bottom: 15px;
}



.showtitle {
	text-align: center;
	width: 100%;
	color: #161616;
	font-size: .36rem;
	font-weight: bold;
	line-height: .46rem;
}
.showcontent {
	color: #161616;
	font-size: 17px;
	line-height: 170%;
	margin-top: 0.32rem;
}
.showcontent img {
	max-width: 100%;
	margin: 20px 0px;
}



.headerheight {
	height: 1.1rem;
	width: 100%;
	background: #004098;
}




div.fuwulist{ width: calc(50% - .2rem); height: auto;    margin-left: .4rem; border: 1px solid #e8e8e8; background: #fff; padding: .1rem; float: left; margin-top: .27rem;}



div.fuwulistleft_2{ width: 1.5rem; height: 2rem; float: left;}



div.fuwulistleft_2 img{ width: 100%; height: 100%;}


div.fuwulistrt_2{ width: calc(100% - 2rem); float: left; margin-top: .15rem; margin-left: .3rem;}



div.fuwulistrttitle{width: 100%; height: .39rem; line-height: .39rem; overflow: hidden; color: #656464; font-size: .2rem; font-weight: 700; margin-bottom: .04rem;}

div.fuwulist:hover div.fuwulistrttitle{color: #004098; }

div.fuwulistrtdesc{ width: 100%; height: .42rem; line-height: .21rem; color: #a2a2a2; font-size: .14rem; overflow: hidden; margin-bottom: .2rem;}



div.fuwulistrtdesc_2{ width: 100%; line-height: .21rem; color: #a2a2a2; font-size: .14rem; overflow: hidden; margin-bottom: .1rem;}




.newcasetop {
	width: 100%;
}
.newcasetopinner {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	padding-top: 1.35rem;
	padding-bottom: 1.2rem;
}
.newcasetoptitle {
	width: 50%;
	color: #161616;
	font-size: .48rem;
	font-weight: bold;
	line-height: 0.55rem;
}
.newcasestopcontent {
	width: 50%;
	color: #979696;
	font-size: .18rem;
	line-height: 0.3rem;
	padding-left: 0.35rem;
}


.newcasebottombox {
	width: 100%;
	background: #f7f6f9;
	padding-top: 1rem;
	padding-bottom: 1.2rem;
}

.newcasebottom {
	width: calc(100vw / 12 * 8);
	margin-left: auto;
	margin-right: auto;
}
.newcasebottominner {
	width: 100%;
}

.newcaseitem {
	width: 100%;
	display: flex;
	margin-top: 1rem;
}
.newcaseitem:first-child {
	margin-top: 0;
}
.newcaseitemleft {
	width: 50%;
	padding-right: 0.35rem;
	padding-left: 0;
}
.newcaseitemtitle {
	color: #161616;
	font-size: .36rem;
	font-weight: bold;
	line-height: 0.45rem;
}
.newcaseitemcontent {
	color: #747474;
	font-size: .16rem;
	line-height: 160%;
	margin-top: 0.25rem;
}
.newcaseitemright {
	width: 50%;
}
.newcaseitemright img {
	width: 100%;
}

.newcaseitem:nth-child(2n) .newcaseitemleft{
	padding-left: 0.35rem;
	padding-right: 0;
}





@media screen and (max-width : 1600px) {
.homeaboutcontentright {
	padding-top: 0;
}
.headertwonavinner {
  margin-left: 28.8%;
}
.fzlcbig,.show,.culture,.culturebottom,.casetopcase,.casecontentitem,.innerpro,.contact,.newcasetopinner,.newcasebottom {
  width: calc(100vw / 12 * 10);
}
}