.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:111;
	background:#fff;
	box-shadow:0 0 0.4166666666666667rem 0 rgba(80,80,80,0.1);
}
.layout {
	padding-top:4.166666666666667rem;
	overflow:hidden;
}
.wrap {
	max-width:72.91666666666667rem;
	margin:0 auto;
}
.header .wrap {
	height:4.166666666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo img {
	height:2.03125rem;
	display:block;
}
.naver ul {
	display:flex;
	align-items:center;
	gap:0 5.46875rem;
}
.naver li h3 a {
	font-size:0.9375rem;
	color:#000000;
	line-height:4.166666666666667rem;
	display:block;
}
.caselist a:hover h4,
.newslist li a:hover .txt h4,
.naver li h3 a:hover,
.naver li.on h3 a{
	color: #249cff;
}
.hbanner {
	height:20.833333333333336rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.hbanner h3 {
	font-size:2.604166666666667rem;
	font-weight:bold;
	color:#fff;
	line-height:1.6;
}
.mcanshu {
	padding:5.208333333333334rem 0;
}
.mtit {
	font-size:2.5rem;
	color:#353535;
	line-height:1.6;
	text-align:center;
}
.mtit i {
	font-weight:bold;
}
.mcanshu h4 {
	font-weight:bold;
	font-size:2.8rem;
	color:#000;
	margin-top:3.125rem;
	text-align:center;
}
.mcanshu h4 i {
	font-size:1.6rem;
}
.mcanshu ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:2.604166666666667rem;
}
.mcanshu li {
	width:calc((100% - 2.135416666666667rem)/4);
	margin:0 0.6770833333333334rem 0.6770833333333334rem 0;
}
.mcanshu li:nth-child(4n) {
	margin-right:0;
}
.mcanshu li a {
	display:block;
	background:linear-gradient(to bottom,#d8dee1,#fbfcfc);
	border-radius:1.4583333333333335rem;
	text-align:center;
	height:17.708333333333336rem;
	padding:3.125rem 1.0416666666666667rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.mcanshu li a h5 {
	font-size:1.25rem;
	color:#777777;
	line-height:1.6;
}
.mcanshu li a .icon {
	height:7.8125rem;
	margin-top:1.5625rem;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.mcanshu li a .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.hsection4 {
	padding:5.208333333333334rem 0 0;
}
.hsection4 .flex {
	display:flex;
	justify-content:space-between;
	margin-top:3.125rem;
}
.hsection4 .pic {
	width:36.458333333333336rem;
	position:relative;
}
.hsection4 .pic img {
	width:100%;
	display:block;
}
.hsection4 .pic .h6 {
	width:10.416666666666668rem;
	line-height:2.604166666666667rem;
	text-align:center;
	background:rgba(255,255,255,0.8);
	font-size:1.25rem;
	color:#000;
	border-radius:1.5625rem;
	position:absolute;
	left:0;
	right:0;
	display:block;
	bottom:8.333333333333334rem;
	z-index:1;
	margin:0 auto;
}
.hsection4 .txt {
	width:38.54166666666667rem;
}
.hsection4 .txt dt {
	display:flex;
}
.hsection4 .txt dt h4 {
	text-align:center;
	font-weight:bold;
	font-size:1.4583333333333335rem;
	color:#606060;
	line-height:3.6458333333333335rem;
}
.hsection4 .txt dd {
	display:flex;
	background:rgba(150,165,181,0.15);
	border-radius:0.5729166666666667rem;
	margin-top:1.3020833333333335rem;
	overflow:hidden;
}
.hsection4 .txt dt h4:nth-child(1),.hsection4 .txt dd h4:nth-child(1) {
	width:9.791666666666668rem;
	text-align:center;
}
.hsection4 .txt dd h4:nth-child(1) {
	background:#dadde1;
}
.hsection4 .txt dt h4:nth-child(2),.hsection4 .txt dd h4:nth-child(2) {
	flex:1;
}
.hsection4 .txt dd h4 {
	font-size:1.1458333333333335rem;
	color:#000000;
	text-align:center;
	line-height:3.6458333333333335rem;
}
.hsection5 {
	margin-top:4.166666666666667rem;
}
.hsection5 .flex {
	display:flex;
	justify-content:space-between;
	margin-top:3.125rem;
}
.hsection5 .pic {
	width:34.79166666666667rem;
	display:flex;
}
.hsection5 .pic p {
	font-size:1.25rem;
	color:#555555;
	line-height:4.6875rem;
	position:absolute;
	right:1.5625rem;
	top:5.729166666666667rem;
	z-index:1;
}
.hsection5 .pic {
	background:linear-gradient(to right,#f6f8f9,#d2d9de);
	border-radius:0 1.8229166666666667rem 1.8229166666666667rem 0;
	height:23.958333333333336rem;
	position:relative;
}
.mbg {
	background:#f6f8f9;
	padding-bottom:5.46875rem;
}
.hsection5 .pic img {
	width:25rem;
	display:block;
	position:absolute;
	left:0;
	top:3.90625rem;
	z-index:1;
}
.hsection5 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:36.458333333333336rem;
}
.hsection5 li {
	width:calc((100% - 0.78125rem)/2);
	margin-bottom:0.78125rem;
}
.hsection5 li a {
	display:block;
	background-color:#fff;
	border-radius:1.4583333333333335rem;
	padding:2.8645833333333335rem 1.3020833333333335rem 1.3020833333333335rem;
}
.hsection5 li a .icon {
	height:9.635416666666668rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.hsection5 li a .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.hsection5 li a h6 {
	font-size:1.1458333333333335rem;
	color:#000000;
	line-height:1.7;
	font-weight:bold;
	text-align:center;
	margin-top:1.0416666666666667rem;
}
.hsection6 {
	padding:5.729166666666667rem 0 1.5625rem;
}
.hsection6 .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:3.6458333333333335rem;
}
.hsection6 .pic {
	width:51.302083333333336rem;
}
.hsection6 .txt {
	width:19.010416666666668rem;
}
.hsection6 h4 {
	font-size:1.25rem;
	color:#2c2c2c;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:0.4166666666666667rem;
}
.hsection6 p {
	font-size:0.9375rem;
	line-height:1.6;
}
.hsection6 li {
	margin-bottom:2.0833333333333335rem;
}
.footer {
	background:url() no-repeat center/cover;
	padding:3.125rem 0;
}
.footer .logo {
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.3);
	padding-bottom:2.0833333333333335rem;
}
.footer ul {
	display:flex;
	justify-content:space-between;
	padding-top:2.0833333333333335rem;
}
.footer li a {
	display:flex;
	align-items:center;
	line-height:3.0208333333333335rem;
	font-size:1.0416666666666667rem;
	color:#FFFFFF;
}
.footer li a img {
	display:block;
	width:1.3020833333333335rem;
	height:1.3541666666666667rem;
	margin-right:1.1458333333333335rem;
	object-fit:contain;
}
.banner {
	height:41.66666666666667rem;
}
.banner img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.banner .swiper-slide {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.banner .text {
	background:rgba(255,255,255,0.2);
	padding:3.125rem 7.8125rem;
	border-radius:1.8229166666666667rem;
	text-align:center;
}
.banner .text h3 {
	font-size:2.916666666666667rem;
	color:#fff;
	font-weight:bold;
	line-height:1.6;
}
.banner .text p {
	font-size:1.1458333333333335rem;
	line-height:2;
	color:#fff;
}
.hbtn {
	line-height:2.604166666666667rem;
	width:10.416666666666668rem;
	border-radius:2.604166666666667rem;
	text-align:center;
	font-size:1.0416666666666667rem;
	color:#000000;
	background:rgba(255,255,255,0.8);
	display:block;
	margin:1rem auto 0;
}
.hsection1 {
	padding:5.208333333333334rem 0;
}
.htit {
	text-align:center;
}
.htit h6 {
	font-weight:bold;
	font-size:1.5625rem;
	color:#272727;
	opacity:0.85;
	line-height:1.6;
}
.htit h3 {
	font-weight:bold;
	font-size:2.7083333333333335rem;
	color:#212121;
	line-height:1.6;
}
.hsection1 .flex {
	display:flex;
	justify-content:space-between;
	margin-top:3.6458333333333335rem;
}
.hsection1 .ltitem {
	background:#FAFBFC;
	box-shadow:0rem 0.15625rem 2.0833333333333335rem 0rem rgba(82,120,162,0.11);
	border-radius:1.4583333333333335rem;
	width:41.66666666666667rem;
	padding:8.333333333333334rem 3.125rem 6.25rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position: relative;
}
.hsection2 .flex .pic h5{
    position: absolute;
    left: 0;right: 0;
    top: 40.4rem;
    text-align: center;
    font-size: 1.2rem;
    color: #111;z-index: 11;
}
.hsection1 .ltitem h5{
    position: absolute;
    left: 0;right: 0;
    bottom: 2.4rem;
    text-align: center;
    font-size: 1.2rem;
    color: #111;z-index: 11;
}
.hsection2 .flex .pic h5 a,
.hsection1 .ltitem h5 a{
    color: inherit;
    display: inline-block;
    padding: 0 1rem;
    line-height: 2.2rem;
    background: #249cff;
    color: #fff;border-radius: 5rem;
}
.hsection2 .flex .pic h5 a:hover,
.hsection1 .ltitem h5 a:hover{
    color: #fff;
}
.hsection1 .ltitem ul {
	display:flex;
	justify-content:space-between;
	text-align:center;
}
.hsection1 .ltitem li {
	width:15.104166666666668rem;
}
.hsection1 .ltitem .icon {
	height:15.104166666666668rem;
	overflow:hidden;
}
.hsection1 .ltitem .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.hsection1 .ltitem h4 {
	font-weight:bold;
	font-size:2.8rem;
	color:#000000;
	line-height:1.8;
	margin-top:1.5625rem;
}
.hsection1 .ltitem h4 i {
	font-size:1.6rem;
}
.hsection1 .rtitem {
	width:28.645833333333336rem;
	background:#FAFBFC;
	box-shadow:0rem 0.15625rem 2.0833333333333335rem 0rem rgba(82,120,162,0.11);
	border-radius:1.4583333333333335rem;
	padding:2.604166666666667rem 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hsection1 .rtitem li {
	margin-bottom:1.5625rem;
	text-align:center;
}
.hsection1 .rtitem li:last-child {
	margin-bottom:0;
}
.hsection1 .rtitem .icon {
	height:11.09375rem;
	overflow:hidden;
}
.hsection1 .rtitem .icon img {
	width:100%;
	height:100%;
	object-fit:contain;
	display:block;
}
.hsection1 .rtitem h4 {
	font-weight:bold;
	font-size:1.25rem;
	color:#000000;
	line-height:3.8020833333333335rem;
}
.hsection1 p {
	font-size:1.3541666666666667rem;
	color:#272727;
	line-height:1.7708333333333335rem;
	padding:2.34375rem 0 0;
	text-align:center;
}
.mbg2 {
	background:#F8F8F8;
}
.hsection2 .flex {
	display:flex;
	margin-top:3.125rem;
	align-items:flex-start;
	padding-bottom:20.833333333333336rem;
}
.hsection2 .flex .pic {
	width:54.94791666666667rem;
	margin-left:-13.541666666666668rem;
	position:relative;
}
.hsection2 .flex .pic img {
	width:100%;
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
}
.hsection2 .flex .txt {
	width:26.041666666666668rem;
	margin-top:13.020833333333334rem;
}
.hsection2 .flex .txt h4 {
	font-weight:bold;
	font-size:1.5625rem;
	color:#353535;
	line-height:3.125rem;
	margin-bottom:1.5625rem;
}
.hsection2 .flex .txt p {
	font-size:1.25rem;
	color:#272727;
	line-height:2.0833333333333335rem;
}
.hnews .th {
	height:15.260416666666668rem;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	margin-bottom:6.25rem;
}
.hnews .th h3 {
	font-weight:bold;
	font-size:2.604166666666667rem;
	color:#fff;
	line-height:1.6;
}
.newslist li:nth-child(1) {
	margin-top:0;
}
.newslist li {
	margin-top:-13.020833333333334rem;
}
.newslist li a {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.newslist li .pic {
	width:35.9375rem;
}
.newslist li .pic img {
	width:100%;
	display:block;
}
.newslist li .txt {
	width:34.375rem;
	position:relative;
	left:-2.604166666666667rem;
}
.newslist li .txt {
	left:auto;
	right:-1.0416666666666667rem;
}
.newslist li .txt .time {
	width:11.979166666666668rem;
	line-height:3.0208333333333335rem;
	border-radius:3.125rem;
	text-align:center;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
	font-size:1.0416666666666667rem;
	color:#c5c6c8;
}
.newslist li .txt h4 {
	font-size:1.5625rem;
	color:#000000;
	line-height:2;
	position:relative;
	margin-top:1.8229166666666667rem;
}
.newslist li .txt h4:before {
	content:"";
	position:absolute;
	left:0;
	bottom:-0.78125rem;
	width:4.166666666666667rem;
	height:0.10416666666666667rem;
	background:#353535;
}
.newslist li .txt p {
	font-size:1.25rem;
	color:#555555;
	line-height:2.0833333333333335rem;
	margin:2.34375rem 0 2.8645833333333335rem;
}
.newslist li .txt h6 {
	font-size:0.9375rem;
	color:#1B1B1B;
	opacity:0.53;
	line-height:1.6;
}
.newslist li:nth-child(2n) a {
	flex-direction:row-reverse;
}
.hsection3 {
	margin-top:4.166666666666667rem;
}
.caselist ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:2.34375rem;
	padding-bottom:2.34375rem;
}
.caselist li {
	width:calc((100% - 1.5625rem)/3);
	margin:0 0.7291666666666667rem 2.0833333333333335rem 0;
}
.caselist li:nth-child(3n) {
	margin-right:0;
}
.caselist .pic {
	height:20.052083333333336rem;
	overflow:hidden;
}
.caselist .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.caselist h4 {
	font-size:1.25rem;
	color:#353535;
	line-height:1.6;
	margin:1.5625rem 0;
	text-align:center;
}
.hsection3 .htit h6 {
	opacity:0.9;
}
.hsection3 {
	margin-top:-13.541666666666668rem;
}
.hsection5 li a .icon img,.mcanshu li a .icon img,.caselist .pic img,.newslist li .pic img,.hsection1 .rtitem .icon img,.hsection1 .ltitem .icon img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hsection4 .pic .h6:hover {
	background:#000;
	color:#fff;
}
.hsection5 li a:hover .icon img,.mcanshu li a:hover .icon img,.caselist li:hover .pic img,.hsection1 .rtitem li:hover .icon img,.hsection1 .ltitem li:hover .icon img {
	transform:scale(1.05);
	-ms-transform:scale(1.05);
	/* IE 9*/
	-moz-transform:scale(1.05);
	/* Firefox*/
	-webkit-transform:scale(1.05);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.05);
}
.newslist li:hover .txt h6 {
	color:#000;
	opacity:1;
}