@CHARSET "utf-8";
/* 自定义动画 */
.animate {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*<<<<<<<<<<<<<<<<<<<<<< 公共 >>>>>>>>>>>>>>>>>>>>>>>*/
@font-face{font-family:'din';src:url(../font/DINCond-Regular.eot);src:url(../font/DINCond-Regular.eot) format('embedded-opentype'),url(../font/DINCond-Regular.woff2) format('woff2'),url(../font/DINCond-Regular.woff) format('woff'),url(../font/DINCond-Regular.ttf) format('truetype'),url(../font/DINCond-Regular.svg) format('svg')}
@font-face{font-family:'ali';src:url(../font/AlibabaPuHuiTi-Regular.eot);src:url(../font/AlibabaPuHuiTi-Regular.eot) format('embedded-opentype'),url(../font/AlibabaPuHuiTi-Regular.woff2) format('woff2'),url(../font/AlibabaPuHuiTi-Regular.woff) format('woff'),url(../font/Alibaba-PuHuiTi-Regular.ttf) format('truetype'),url(../font/AlibabaPuHuiTi-Regular.svg) format('svg')}
html,body{font-family:'ali','Msyh(Microsoft YaHei)';}
body{position: relative; overflow: hidden;}
/* .body-bg{position: fixed; left: 0; top: 0; z-index: -999; width: 100%; height: 100%;} */
.acc{width: 1280px; margin: 0 auto;}
.wrap{width: 1280px; margin: 0 auto;}
.viewer-title{display: none;}
.tips1230{font-size: 0.16rem; text-align: center; margin-bottom: 0.4rem; padding: 0.1rem 0.2rem; background: #004EA2; color: #FFF; border-radius: 100px;}
@media only screen and (min-width:1024px){
	.div_m,.div-m,.m-head{display: none;}
}
@media only screen and (max-width:1024px){
	.div_pc,.div-pc,.pc-head{display: none;}
	html,body{max-width: 750px; margin: 0 auto;}
	.wrap{width: 100%;}
	.tips1230{display: none;}
}
/* 内页banner */
.n-banner{width: 100%; position: relative; overflow: hidden;}
.n-banner img{width: 100%; height: auto;}
.n-banner .banner-text{position: absolute; left: 10.41666%; top: 50%; transform: translateY(-50%); color: #FFF;}
.n-banner .banner-text p{font-size: 0.18rem; line-height: 200%;}
.n-banner .banner-text h2{font-size: .5rem; line-height: 0.72rem; margin-top: 0.14rem;}
.n-banner .banner-text2{position: absolute; left: 10.41666%; top: 50%; color: #FFF;}
.n-banner .banner-text2 p{font-size: 0.50rem; line-height: 200%;}

/* 面包屑导航、二级栏目 */
.menus{background: #EFEFEF;}
.menus .crumbs{padding-left: 16.6666666%;color: #5B5B5B; font-size: 14px;}
.menus .crumbs a:first-child{padding-left: 20px; background: url(../images/menu-home.svg) no-repeat left center; background-size: 16px; margin-left: 0;}
.menus .crumbs a{display: inline-block; color: #5B5B5B; font-size: 14px; line-height: 52px; margin: 0 10px; transition: all 0.3s;}
.menus .crumbs a:hover{color: #004EA2;}
.menus .seccol{padding-right: 16.6666666%; background: #004EA2; height: 52px;}
.menus .seccol a{line-height: 50px; color: #FFF; white-space: nowrap; display: inline-block;}
.menus .seccol>div.li{position: relative; margin: 0 30px;}
.menus .seccol>div.li::after{content: ""; display: block; width: 100%; height: 1px; background: #FFF; position: absolute; left: 0; bottom: 8px; transform: scaleX(0); transition: all 0.3s;}
.menus .seccol>div.li:hover::after,.menus .seccol>div.li.menuing::after{transform: scaleX(1);}
@media only screen and (min-width:1600px) and (max-width:1920px){
	.menus .crumbs{padding-left: 14%;}
	.menus .seccol{padding-right: 14%;}
}
@media only screen and (min-width:1366px) and (max-width:1600px){
	.menus .crumbs{padding-left: 10%;}
	.menus .seccol{padding-right: 10%;}
}
@media only screen and (max-width:1366px){
	.menus .crumbs{padding-left: 1.5rem;}
	.menus .seccol{padding-right: 1.5rem;}
}

/* 内页标题 */
.n-title::after{content: ""; display: block; font-size: 0; width: 30px; height: 4px; background: #267EBD; margin-top: 20px;}
.n-title h2{font-size: 36px;}
.n-title h6{font-size: 26px; font-family: 'ali','Source Han Sans'; font-weight: bold; color: #D2ECFC; letter-spacing: -0.06em; text-transform: uppercase; line-height: 38px;}
.alone-title{padding: 90px 0 50px;}

/* 回到头部 */
.backtop{position: fixed; right: -10px; cursor: pointer; display: none; transition: all 0.5s;
	transform: skew(-13deg);
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	bottom: 0; z-index: 999999; width: 90px; height: 80px;display: flex; align-items: center; justify-content: center; color: #FFF; background: #F39700;}
.backtop em{
	display: inline-block; padding-top: 16px; background: url(../images/backtop.svg) no-repeat center top; background-size: 14px;
	transform: skew(13deg);
	-webkit-transform: skew(13deg);
	-moz-transform: skew(13deg);
	-o-transform: skew(13deg);
	-ms-transform: skew(13deg);
	animation: backtop 2s linear infinite;
}
@keyframes backtop {
	0%{background: url(../images/backtop.svg) no-repeat center top;background-size: 14px;}
	50%{background: url(../images/backtop.svg) no-repeat center 20%;background-size: 14px;}
	100%{background: url(../images/backtop.svg) no-repeat center top;background-size: 14px;}
}
.backtop:hover{background: #0077DA;}

/* 右侧浮窗 */
.floats{position: fixed; right: 0; top: 50%; z-index: 99999; transform: translateY(-50%);}
.floats .bar{margin-bottom: 2px;}
.floats .bar a{transition: all 0.5s; border: #004EA2 solid 1px; font-size: 0.12rem; color: #FFF; letter-spacing: 0.05em; display: block; text-align: center; padding: 0.1rem; background: #004EA2;}
.floats .bar a span{display: block; line-height: 200%;}
.floats .bar a svg{fill: currentColor; width: 0.25rem; height: auto; color: #FFF; transition: all 0.3s;}

.floats .bar .box{position: absolute; right: -50%; opacity: 0; top: 50%; z-index: -1; transform: translateY(-50%) scale(0.5); transition: all 0.5s;}
.floats .bar.bar2 .box{width: 1.5rem; border-radius: 0.1rem; overflow: hidden; background: #FFF;}
.floats .bar.bar2 .box img{width: 100%; height: auto;}
@media only screen and (min-width:1024px){
	.floats .bar:hover a{color: #004EA2; background: #FFF;border: #CBCBCB solid 1px;}
	.floats .bar:hover a svg{color: #004EA2;}
	.floats .bar:hover .box{right: 110%; opacity: 1; transform: translateY(-50%) scale(1);}
}
@media only screen and (max-width:1024px){
	/* .floats{display: none;} */
	.floats .bar a{padding: 0.15rem; font-size: 0.2rem;}
	.floats .bar.bar-open .box{right: 110%; opacity: 1; transform: translateY(-50%) scale(1);}
	.floats .bar a svg{width: 0.4rem;}
	.backtop{width: .8rem; height: .8rem; border-radius: 50%; right: 0.3rem; bottom: 1rem;
		transform: skew(0);
		-webkit-transform: skew(0);
		-moz-transform: skew(0);
		-o-transform: skew(0);
		-ms-transform: skew(0);
	}
	.backtop em{padding-top: 0.2rem; font-size: .24rem; text-transform: uppercase;
		transform: skew(0);
		-webkit-transform: skew(0);
		-moz-transform: skew(0);
		-o-transform: skew(0);
		-ms-transform: skew(0);
	}
	.n-banner .banner-text{width: 80%; left: 10%;}
	.n-banner .banner-text p{font-size: .24rem;}
	.n-banner .banner-text h2{font-size: .4rem;}
	.n-banner .banner-text2{left: 0; width: 100%; padding: 0 0.4rem;}
	.n-banner .banner-text2 p{font-size: 0.4rem;}
	.menus .crumbs{display: none;}
	.menus{background: #004EA2;}
	.menus{overflow-y: hidden; overflow-x: auto;}
	.menus .seccol{padding: 0; padding-right: 0.3rem; float: left; white-space: nowrap; overflow-y: hidden; overflow-x: auto; height: .8rem;}
	.menus::-webkit-scrollbar,.menus .seccol::-webkit-scrollbar{display: none;}
	.menus .seccol a{font-size: .28rem; line-height: .75rem;}
	.menus .seccol div.li{margin: 0 0.3rem;}
	.menus .seccol div.li::after{bottom: 0.1rem;}
	.n-title h2{font-size: .36rem;}
	.n-title h6{font-size: .26rem; line-height: 150%;}
	.n-title::after{margin-top: .2rem; height: .04rem; width: .4rem;}
	.alone-title{padding: .5rem 0.4rem .6rem;}
	.acc{width: 100%;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.tips1230{font-size: 0.2rem;}
	.alone-title{padding: 0.9rem 0 0.5rem;}
	.acc{width: 74.96339677%;}
	.menus .crumbs{font-size: 0.14rem;}
	.menus .crumbs a:first-child{padding-left: 0.26rem; background-size: 0.16rem;}
	.menus .crumbs a{font-size: 0.14rem; line-height: 0.7rem; margin: 0 0.1rem;}
	.menus .seccol{height: 0.7rem;}
	.menus .seccol div.li{margin: 0 .3rem;}
	.menus .seccol a{line-height: 0.7rem;}
	.backtop{right: -0.1rem; width: 0.9rem; height: 0.8rem;}
	.backtop em{background-size: 0.14rem; padding-top: 0.16rem;}
	@keyframes backtop {
		0%{background: url(../images/backtop.svg) no-repeat center top;background-size: 0.14rem;}
		50%{background: url(../images/backtop.svg) no-repeat center 20%;background-size: 0.14rem;}
		100%{background: url(../images/backtop.svg) no-repeat center top;background-size: 0.14rem;}
	}
}
/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部 >>>>>>>>>>>>>>>>>>>>>>>*/
.head{position: fixed; top: 0; width: 100%; z-index: 99999998; transition: all 0.3s;}
.pc-head .head1{position: relative; width: 100%; max-width: 1920px; margin: 0 auto; border-bottom: rgba(143, 143, 143, .3) solid 1px; background: #FFF;}
.pc-head .head1::after{content: ""; display: block; clear: both;}
.pc-head .logo{float: left; height: 0.25rem; margin: 0.2rem 0 0.2rem 2rem;}
.pc-head .logo img{height: 100%; width: auto;}
.pc-head .head1r{float: right; line-height: 0.65rem;}
.pc-head .head1r a{display: inline-block; font-size: 12px; color: #7E7E7E; padding-right: 0.12rem; margin-right: 0.2rem; background: url(../images/right.svg) no-repeat right center; background-size: 6px; transition: all 0.3s;}
.pc-head .head1r a:hover{color: #408DE5; padding-right: 0.16rem; background: url(../images/right-on.svg) no-repeat right center; background-size: 6px;}
.pc-head .head1r span.search{display: inline-block; padding: 0 0.3rem;border-left: rgba(143, 143, 143, .3) solid 1px;}
.pc-head .head1r span.search em{ cursor: pointer; font-size: 12px; color: #7E7E7E; display: inline-block; padding: 0 0 0 0.26rem; background: url(../images/search.svg) no-repeat left center; background-size: 0.16rem; transition: all 0.5s;}
.pc-head .head1r span.search em:hover{padding:0 0.26rem 0 0; color: #408DE5; background: url(../images/search-blue.svg) no-repeat right center; background-size: 0.16rem;}

.pc-head .head2{width: 100%; max-width: 1920px; margin: 0 auto; position: relative;}
.pc-head .head2::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li{display: inline-block;}
.pc-head .head2 nav .head2-search{display: inline-block;}
.pc-head .head2.movetop nav .head2-search .search{padding: 0 0 0 0.24rem; margin-right: 0.3rem; opacity: 1; display: block;}
.pc-head .head2 nav .head2-search .search{display: none; cursor: pointer; opacity: 0; font-size: 12px; line-height: 0.65rem; color: #7E7E7E; background: url(../images/search.svg) no-repeat left center; background-size: 0.16rem; transition: all 0.5s;}
.pc-head .head2 nav .head2-search .search:hover{color: #408DE5; padding: 0 0.24rem 0 0; background: url(../images/search-blue.svg) no-repeat right center; background-size: 0.16rem;}

.pc-head .head2.movetop .head1r span.search{padding: 0 0.3rem; margin-right: 20px;}
.pc-head .head2 .head1r span.search em{padding: 0; line-height: 0.65rem; font-size: 12px;}
.pc-head .head2.movetop .head1r span.search em{padding: 0 0 0 26px;}

.pc-head .head2 nav{display: inline-block; text-align: center; margin: 0 auto;}
.pc-head .head2 nav::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li .column{display: block; line-height: 0.65rem; font-size: 0.20rem; color: #000; padding-right: 0.2rem; margin:0 0.2rem; transition: all 0.3s;}
.pc-head .head2 nav .li .column.downs{position: relative;}
.pc-head .head2 nav .li .column.downs::after{content: ""; transition: all 0.3s; display: block; width: 0.1rem; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; background: url(../images/down.svg) no-repeat center; background-size: contain;}
.pc-head .head2 nav .li:hover .column.downs::after{transform: rotate(180deg); background: url(../images/down-on.svg) no-repeat center; background-size: contain;}
.pc-head .head2 nav .li:hover .column{color: #408DE5;}
.pc-head .head2 nav .li .li-info{width: 100%; background: rgba(0,78,162,0.8); position: absolute; top: 100%; left: 0; backdrop-filter: blur(5px);}
.pc-head .head2 nav .li .li-info .li-box{position: relative;  justify-content: center;  display: flex; padding: 0.3rem 0; color: #FFF;}
.pc-head .head2 nav .li .li-info .li-box .uls::after{content: ""; display: block; clear: both;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul{float: left; margin-right: 0.4rem;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li{display: block; color: #90C5FF; text-align: left; line-height: 200%; transition: all 0.3s; font-size: 0.14rem; padding-right: 0.15rem; background: url(../images/right-white4.svg) no-repeat right center; background-size: 0.06rem;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li.li-top{margin-bottom: 0.2rem; font-size: 0.16rem;color: #FFF;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li:nth-child(n+2){margin-top: 0.2rem;}
.pc-head .head2 nav .li .li-info .li-box .uls .ul .li:hover{color: #F39700;}
.pc-head .head2 nav .li .li-info .li-box .info-r{margin-left: 0.8rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli{display: block; cursor: pointer; width: 2.5rem; min-width: 200px; min-height: 80px; height: 1rem; position: relative; border-radius: 0.08rem; overflow: hidden;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli img{width: 100%; height: 100%; object-fit: cover; transition: all 0.6s;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli span{display: block; width: 100%; color: #FFF; position: absolute; z-index: 1; top: 30%; left: 0;  font-size: 0.14rem; padding-top: 0.40rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli.r1 span{background: url(../images/video2.svg) no-repeat center top; background-size: 0.28rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli.r2 span{background: url(../images/active.svg) no-repeat center top; background-size: 0.22rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli.r4 span{background: url(../images/vr-icon.svg) no-repeat center top; background-size: 0.32rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli.r5 span{padding-top: 0.25rem; background: url(../images/about.svg) no-repeat center top; background-size: 1.3rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli.r6 span{background: url(../images/phone.svg) no-repeat center top; background-size: 0.28rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli:nth-child(n+2){margin-top: 0.2rem;}
.pc-head .head2 nav .li .li-info .li-box .info-r .rli:hover img{transform: scale(1.05);}
.pc-head .head2 nav .li .li-info{display: none;}
/* .pc-head .head2 nav .li.li3 .li-info{display: block;} */
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul .li-top{position: relative; padding: 0.1rem 0.5rem 0.1rem 0; width: 100% !important; margin-right: 0 !important; border-bottom: #2B6AAF solid 1px;}
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul .li-top::after{content: ""; display: block; width: 40%; min-width: 0.8rem; height: 2px; background: #FFF; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 0.5s;}
.pc-head .head2 nav .li.li .li-info .li-box .uls .ul .li-top:hover:after{background: #F39700;}
.pc-head .head2 nav .li.li2 .li-info .li-box .uls .ul,
.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul,
.pc-head .head2 nav .li.li6 .li-info .li-box .uls .ul{margin-left: 0.8rem;}
.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul{border: none; padding: 0;}
.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul.ul-warp .li{width: 42%;}
.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul.ul-warp .li-top{margin-right: 1rem; margin-bottom: 0;}
.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul.ul-warp{display: flex; width: 4rem; justify-content: space-between; flex-wrap: wrap;}
.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul .li-top{position: relative; padding: 0.1rem 0.5rem 0.1rem 0; width: 100% !important; margin-right: 0 !important; border-bottom: #2B6AAF solid 1px;}
.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul .li-top::after{content: ""; display: block; width: 1.2rem; height: 2px; background: #FFF; position: absolute; left: 0; bottom: 0; z-index: 1; }
@media only screen and (min-width:1024px) and (max-width:1366px){
	.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul.ul-warp{width: 6rem;}
}
@media only screen and (min-width:1366px) and (max-width:1536px){
	.pc-head .head2 nav .li.li3 .li-info .li-box .uls .ul.ul-warp{width: 5rem;}
}
.pc-head .head2 nav .li3 .li-info .li-box,
.pc-head .head2 nav .li2 .li-info .li-box{padding: 0.3rem 0 0.6rem;}

.pc-head .head2 nav .li.li4 .li-info .li-box .info-r{margin: 0; display: flex; padding: 1rem 0 1.2rem;}
.pc-head .head2 nav .li.li4 .li-info .li-box .info-r .rli:nth-child(n+2){margin-left: 0.45rem; margin-top: 0;}
.pc-head .head2 nav .li.li5 .li-info .li-box .uls2{margin-right: 2rem;}
.pc-head .head2 nav .li.li5 .li-info .li-box .uls2 .li{display: block; border-left: #2B6AAF solid 1px; text-align: left; margin: 0.4rem 0; font-size: 0.16rem; line-height: 150%; transition: all 0.3s; color: #FFF; padding: 0 0.3rem; background: url(../images/right-white4.svg) no-repeat right center; background-size: 0.06rem;}
.pc-head .head2 nav .li.li5 .li-info .li-box .uls2 .li:hover{color: #F39700;}
.pc-head .head2 nav .li.li6 .li-info .gupiao{margin-left: 1rem;}
.pc-head .head2 nav .li.li6 .li-info .gupiao .li{display: block; text-align: left; padding: 0.1rem 0.3rem; width: 2.8rem; backdrop-filter: blur(2px); font-size: 0.12rem; line-height: 200%;}
.pc-head .head2 nav .li.li6 .li-info .gupiao .li:nth-child(odd){background: rgba(255, 255, 255, 0.5);}
.pc-head .head2 nav .li.li6 .li-info .gupiao .li:nth-child(even){background: rgba(255, 255, 255, 0.3);}
.pc-head .head2 nav .li.li6 .li-info .gupiao .li.li2{font-size: 0.26rem;}
.pc-head .head2 nav .li.li6 .li-info .gupiao .li.li3{font-size: 0.14rem; line-height: 0.2rem;}
.pc-head .head2 nav .li.li6 .li-info .gupiao .li.li3 .num1{display: block;}
.pc-head .head2 nav .li.li6 .li-info .gupiao .li.li3 .num2{display: inline-block; margin-right: 0.1rem;}
.pc-head .head2 nav .li.li6 .li-info .gupiao .li.li4 span{display: block; line-height: 0.2rem;}

.pc-head .head2 .logo{position: absolute; left: 0; top:0; z-index: 1;}
.pc-head .head2 .head2r::after{content: ""; display: block; clear: both;}
.pc-head .head2 .head2r{text-align: center;background: #FFF;}
.pc-head .head2.movetop .head2r{ text-align: right;}
.pc-head .head2 .head1r{opacity: 0; transition: all 0.5s;}
.pc-head .head2.movetop .head1r{opacity: 1;}

.sear{display: none; position: absolute; left: 0; top: 100%; z-index: 9999; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .7);}
.sear .sear-content{width: 100%; background: rgba(45, 45, 45, 0.98);}
.sear .sear-content .txt{width: 50%; padding: 0.2rem 0; position: relative; z-index: 1; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.sear .sear-content .txt .ul{position: absolute; width: 100%; left: 0; top: 100%; z-index: 2; padding: 0.3rem 0.2rem; background: #F5F5F5;}
.sear .sear-content .txt .ul .ul-h{font-size: 0.16rem; line-height: 200%; color: #666;}
.sear .sear-content .txt .ul a.li{display: block; font-size: 0.18rem; margin-top: 0.1rem; color: #333; line-height: 200%; transition: all 0.3s; width: 100%;}
.sear .sear-content .txt .ul a.li:hover{color: #F39700; background: #FFF;}
.sear.sear-ing .sear-content .txt .ul a.li1{animation-delay: 0.1s;}
.sear.sear-ing .sear-content .txt .ul a.li2{animation-delay: 0.2s;}
.sear.sear-ing .sear-content .txt .ul a.li3{animation-delay: 0.3s;}
.sear.sear-ing .sear-content .txt .ul a.li4{animation-delay: 0.4s;}
.sear.sear-ing .sear-content .txt .ul a.li5{animation-delay: 0.5s;}
.sear.sear-ing .sear-content .txt .ul a.li6{animation-delay: 0.6s;}
.sear.sear-ing .sear-content .txt .ul a.li7{animation-delay: 0.7s;}
.sear.sear-ing .sear-content .txt .ul a.li8{animation-delay: 0.8s;}
.sear .sear-content .txt .forms{ flex:1;padding:0 0.5rem 0 0.3rem; background: url(../images/icon2.png) no-repeat left center; background-size: 0.22rem;}
.sear .sear-content .txt .forms .inp{border: none; position: relative; border-bottom: transparent solid 1px; outline: none; background: transparent; color: #999; padding: 0 0.1rem; margin: 0 0.2rem; width: 100%; line-height: 200%; font-size: 0.20rem; transition: all 0.3s;}
.sear .sear-content .txt .forms .inp:focus{border-bottom: #F39700 solid 1px;}
.sear .sear-content .txt .icon{width: 0.2rem; cursor: pointer; height: 0.2rem; background: url(../images/guanbia.png) no-repeat center; background-size: contain;}

@media only screen and (max-width:1024px){
	.head{max-width: 750px; margin: 0 auto;}
	.m-head{width: 100%;}
	.m-head .mhead{padding: 0.33rem .3rem; background: #FFF;}
	.m-head .mhead .logo{height: 0.35rem;}
	.m-head .mhead .logo img{height: 100%; width: auto;}
	.m-head .mhead-content{display: none; height: calc(100vh - 0.91rem); overflow: hidden; overflow-y: auto; background: rgba(0,78,162,0.8); backdrop-filter: blur(10px);}
	.m-head .mhead-content::-webkit-scrollbar{display: none;}
	.m-head .mhead-content{-ms-overflow-style: none;}
	.m-head .mhead-content{overflow: -moz-scrollbars-none;}
	.m-head .mhead-content .nav{padding: 0.5rem 0;}
	.m-head .mhead-content .nav li .nav_two{display: none; padding: 0.2rem 0.5rem;}
	.m-head .mhead-content .nav li .nav_two a{display: block; font-size: 0.30rem; line-height: 180%; margin: 0.2rem auto; color: #E2F5FF; transition: all 0.3s;}
	.m-head .mhead-content .nav li .nav_two a.menu3a{color: #F39700;}
	.m-head .mhead-content .nav li .menu2a{padding: 0.2rem 0.3rem; border-bottom: #0089D3 solid 1px; position: relative;}
	.m-head .mhead-content .nav li .menu2a::after{content: ""; display: block; width: 0.2rem; height: 0.2rem; background: url(../images/right-white.svg) no-repeat center; background-size: contain; position: absolute; right: 0.3rem; top: 50%; z-index: 1; top: 0; bottom: 0; margin: auto 0; transition: all 0.3s;}
	.m-head .mhead-content .nav li .menu2a.menua::after{display: none;}
	.m-head .mhead-content .nav li .menu2a a{color: #FFF; font-size: 0.34rem; line-height: 150%; transition: all 0.3s;}
	.m-head .mhead-content .nav li .menu2a.menua a{display: block;}
	.m-head .mhead-content .nav li.nav-ing .menu2a a{color: #F39700;}
	.m-head .mhead-content .nav li.nav-ing .menu2a::after{background: url(../images/right-yellow.svg) no-repeat center; background-size: contain;}
	.m-head .mhead-content .nav li.lis-on .menu2a::after{transform: rotate(90deg);}
	.navBox{cursor: pointer;}
	.navBox .menu{display: block; width: 0.5rem; height: 0.35rem; position: relative; z-index: 99; transition-duration: 0.3s;}
	.burger_lin .icon{height: .06rem; width: 100%; top: calc(50% - 0.03rem);background-color: #004EA2;border-radius: 20px;position: absolute;transition-duration: 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:before {content: ""; width: 0.5rem; height: 100%; position: absolute; left: 0; top: -0.145rem; background-color: #004EA2; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:after {content: ""; width: 0.5rem; height: 100%; position: absolute; left: 0; top: 0.145rem; background-color: #004EA2; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s;transition-delay: 0.5s;}
	.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.3s;background: transparent;width: 0;}
	.burger_lin.open .icon:before {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(-45deg);}
	.burger_lin.open .icon:after {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(45deg);}
	}

.banner-swiper{width: 100vw; height: 100vh;}
.banner-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.banner-swiper .swiper-slide img{transition: 1s linear 2s;transform: scale(1.1,1.1);}
.banner-swiper .swiper-slide-active img,.banner-swiper .swiper-slide-duplicate-active img{transition: 11s linear;transform: scale(1,1);}
.banner-swiper .swiper-slide::before{content: ""; display: block; width: 100%; height: 100%; background: rgba(82,140,208,.4); position: absolute; left: 0; top: 0; z-index: 1;}
.banner-swiper .swiper-pagination{width: auto !important; bottom: 0.4rem !important; left: 10.416666% !important;}
.banner-swiper .swiper-pagination-bullet{background: #FFF; width: 0.12rem; height: 0.12rem; opacity: 1;}
.banner-swiper .swiper-pagination-bullet-active{background: #F39700;}
.banner-swiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.15rem;}
.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{background: url(../images/h-next.svg) no-repeat center; background-size: contain;}
.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{background: url(../images/left.svg) no-repeat center; background-size: contain;}
.banner-swiper .swiper-button-next:hover, .banner-swiper.swiper-container-rtl .swiper-button-prev:hover{background: url(../images/h-next-on.svg) no-repeat center; background-size: contain; opacity: 1;}
.banner-swiper .swiper-button-prev:hover, .banner-swiper.swiper-container-rtl .swiper-button-next:hover{background: url(../images/left-on.svg) no-repeat center; background-size: contain; opacity: 1;}
.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{opacity: 1; width: 0.7rem; height: 0.7rem; transition: all 0.3s;}
.banner-swiper .swiper-button-prev::after, .banner-swiper .swiper-button-next::after{display: none;}
.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{right: 1.1rem;}
.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{left: 1.1rem;}
@media only screen and (min-width:1024px) and (max-width:1366px){
	.banner-swiper .swiper-button-next, .banner-swiper.swiper-container-rtl .swiper-button-prev{right: 1.25rem;}
	.banner-swiper .swiper-button-prev, .banner-swiper.swiper-container-rtl .swiper-button-next{left: 1.2rem;}
}
.banner-swiper .txt{position: absolute; left: 0; top: 50%; z-index: 1; display: flex; justify-content: space-between; transform: translateY(-50%); color: #FFF; width: 100%; padding: 0 10.416666%;}
.banner-swiper .txt .txtl .lp1{font-size: 0.18rem;}
.banner-swiper .txt .txtl h2{font-size: 0.6rem; line-height: 200%;}
.banner-swiper .txt .txtl .more1213{display: inline-block;margin-top: 0.8rem;font-size: 0.16rem;line-height: 0.44rem;color: #FFF;border-radius: 0.06rem;padding: 0 0.55rem;background: #F39700;transition: all 0.3s;}
.banner-swiper .txt .txtl .more1213:hover{color: #F39700; background: #FFF;}
.banner-swiper .txt .txtr .r-h{font-size: 0.22rem; margin-bottom: 0.3rem;}
.banner-swiper .txt .txtr .li{display: block; transition: all 0.5s; background: rgba(46,118,196,0.6); color: #FFF; padding: 0.3rem 0.4rem 0.3rem 0.2rem; margin-top: 0.03rem;}
.banner-swiper .txt .txtr .li .li-h{font-size: 0.2rem; line-height: 200%; padding-right: 0.15rem; background: url(../images/right-white4.svg) no-repeat right center; background-size: 0.08rem;}
.banner-swiper .txt .txtr .li .li-p{font-size: 0.12rem; line-height: 200%; margin-top: 0.1rem;}
.banner-swiper .txt .txtr .li:hover{background: #FFF; color: #333;}
.banner-swiper .txt .txtr .li:hover .li-h{background: url(../images/right-gray.svg) no-repeat right center; background-size: 0.08rem;}
.banner-swiper .scroll-down{position: absolute; left: 50%; z-index: 2; transform: translateX(-50%); bottom: 0.4rem; text-align: center;}
.banner-swiper .scroll-down span {display: inline-block; margin: 0 auto; position: relative; width: 0.3rem;height: 0.5rem; border: 2px solid #fff;border-radius: 50px;}
.banner-swiper .scroll-down span::before {content: ''; position: absolute;top: 0.06rem;left: 50%;width: 0.1rem;height: 0.1rem;transform: translateX(-50%); background-color: #fff;border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	-moz-animation: sdb10 2s infinite;
}
.banner-swiper .scroll-down .shubiaowz{font-size: 0.12rem; color: #FFF; line-height: 200%;}
@-webkit-keyframes sdb10 {
	0% {-webkit-transform: translate(-50%, 0);opacity: 0;}
	40% {opacity: 1;}
	80% {-webkit-transform: translate(-50%, 0.25rem);opacity: 0;}
	100% {opacity: 0;}
}
@keyframes sdb10 {
	0% {transform: translate(-50%, 0);opacity: 0;}
	40% {opacity: 1;}
	80% {transform: translate(-50%, 0.25rem);opacity: 0;}
	100% {opacity: 0;}
}
@media only screen and (max-width:1024px){
	.banner-swiper .scroll-down{display: none;}
	.banner-swiper{width: 100%; height: 9.3rem;}
	.banner-swiper .swiper-pagination{left: 50% !important; transform: translateX(-50%);}
	.banner-swiper .txt{flex-direction: column; padding: 0 6%; top: 3rem;  transform: translateY(0);}/*bottom: 0.8rem;*/
	.banner-swiper .txt .txtl .lp1{font-size: 0.38rem;}
	.banner-swiper .txt .txtl h2{font-size: 0.48rem; line-height: auto;}
	.banner-swiper .txt .txtl .more1213{margin-top: 0.3rem; font-size: 0.28rem; line-height: 200%; padding: 0 0.4rem;}
	.banner-swiper .swiper-button-prev, .banner-swiper .swiper-button-next{display: none;}
	.banner-swiper .txt .txtr{margin-top: 0.6rem; display: none;}
	.banner-swiper .txt .txtr .r-h{font-size: 0.3rem; margin-bottom: 0.2rem;}
	.banner-swiper .txt .txtr .li .li-h{font-size: 0.26rem;}
	.banner-swiper .txt .txtr .li .li-p{font-size: 0.24rem; line-height: 180%;}
	.banner-swiper .swiper-pagination{bottom: 0.3rem !important;}
}


.h-box1{background: url(../images/h-box2-bg.jpg) no-repeat center; text-align: center; background-size: cover; padding: 1.7rem 0 1.6rem;}
.h-box1 .h-cont{display: inline-block;}
.h-box1 .h-cont::after{content: ""; display: block; clear: both;}
.h-box1 .h-cont .li{float: left; padding-top: 0.4rem; margin: 0 0.25rem; color: #696969; display: flex; flex-direction: column; align-items: center; width: 1.92rem; height: 1.92rem; border-radius: 50%; border: #79B5F4 solid 2px; }
.h-box1 .h-cont .li .num .numbs{font-family: 'din'; font-size: 0.55rem; color: #408DE5;}
.h-box1 .h-cont .li .num .txt1{font-size: 0.18rem;}
.h-box1 .h-cont .li .num .txt2{font-size: 0.55rem; font-family: 'din'; color: #408DE5;}
.h-box1 .h-cont .li .num sup{font-size: 0.42rem; font-family: 'din'; color: #408DE5;}
.h-box1 .h-cont .li .p{font-size: 0.14rem; line-height: 0.2rem; margin-top: 0.05rem;}
.more1213{display: inline-block;font-size: 0.16rem;line-height: 0.44rem;color: #FFF;border-radius: 0.06rem;padding: 0 0.55rem;background: #F39700;transition: all 0.3s;}
.more1213:hover{color: #F39700; background: #FFF;}
.h-box2 .laycont{position: relative;}
.h-box2 .laycont .more1213{position: absolute; right: 0; top: 0; z-index: 1;}
.h-box4 {
	background: url(../images/section4.jpg) no-repeat center center; 
	background-size: cover;
	padding: 1.2rem 0;
}
.h-box4 .content{width: 79.6875%; margin: 0 auto;}
.h-box4 .content .cont1{display: flex; justify-content: space-between; align-items: flex-end;}
.h-box4 .content .tit .t1{font-size: 0.36rem; color: #414141;}
.h-box4 .content .tit .t2{font-size: 0.36rem; text-transform: uppercase; font-weight: bold; color: #B2D9F0;}
.h-box4 .ul{margin-top: 1rem;}
.h-box4 .ul .li{display: block;color: #FFF; float: left; width: 31.7%; background: #2E76C4; margin-right: calc((100% - 3 * 31.7%) / 2); transition: all 0.3s;}
.h-box4 .ul .li:nth-child(3n){margin-right: 0;}
.h-box4 .ul .li .img{width: 100%; height: 0; overflow: hidden; padding-bottom: 63.5%; position: relative;}
.h-box4 .ul .li .img img{position: absolute; transition: all 0.5s; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.h-box4 .ul .li .txt{padding: 0.25rem 0.3rem 0.4rem;}
.h-box4 .ul .li .txt .txt-h{font-size: 0.24rem; line-height: 200%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.h-box4 .ul .li .txt .txt-time{font-size: 0.14rem; line-height: 0.3rem; color: #7EBCFF;}
.h-box4 .ul .li .txt .txt-p{height: 0.6rem; min-height: 50px; font-size: 0.16rem; line-height: 200%; color: #EAEAEA;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; transition: all 0.3s;}
.h-box4 .ul .li:hover{background: #c7eafe; color: #000;-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.h-box4 .ul .li:hover img{transform: scale(1.05);}
.h-box4 .ul .li:hover .txt .txt-p{color: #666;}
.h-box5{width: 100%;}
.h-box5 .box5s{display: block; width: 50%; cursor: pointer; position: relative; overflow: hidden;}
.h-box5 .box5s img{width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); transition: all 0.6s;}
.h-box5 .box5s .text{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; color: #FFF; text-align: center;}
.h-box5 .box5s .text .t1{font-size: 0.3rem; font-weight: bold;}
.h-box5 .box5s .text .t2{font-size: 0.2rem; font-weight: bold; color: #E2E2E2; text-transform: uppercase; letter-spacing: -0.06em; margin-top: 0.1rem; opacity: 0.6;}
.h-box5 .box5s:hover img{transform: scale(1.1);}

.foot{width: 100%; padding-top: 0.88rem; background: #114B87; position: relative;}
.foot .foot1{width: 79.583333%; max-width: 1530px; margin: 0 auto; padding-bottom: 0.9rem;}
.foot .foot1 .foot-logo{height: 0.3rem;}
.foot .foot1 .foot-logo img{height: 100%; width: auto;}
.foot .foot1 .footnav{margin-left: 0.4rem;}
.foot .foot1 .footnav ul{margin: 0 0.2rem; max-width: 1.3rem;}
.foot .foot1 .footnav ul li.plat a{font-size: 0.18rem; color: #FFF; margin-bottom: 0.3rem; margin-top: 0;}
.foot .foot1 .footnav ul li a{font-size: 0.14rem; display: block; color: #CBCBCB; margin-top: 0.2rem; line-height: 122.22222%; transition: all 0.3s;}
.foot .foot1 .footnav ul li a:hover{color: #F39700;}
.foot .foot1 .code .codes{width: 1rem; min-width: 60px; display: inline-block; text-align: center; color: #CBCBCB;}
.foot .foot1 .code .codes:first-child{margin-right: 0.1rem;}
.foot .foot1 .code .codes span{font-size: 0.12rem; margin-top: 0.1rem; display: block; white-space: nowrap;}
.foot .foot1 .code img{width: 100%; height: auto;}
.foot .foot2{border-top: #7E7E7E solid 1px;}
.foot .foot2 .conts{width: 79.583333%; max-width: 1530px; margin: 0 auto; padding: 0.2rem 0; font-size: 0.14rem; line-height: 150%; color: #9E9E9E;}
.foot .foot2 .conts a{display: inline-block; margin-left: 0.1rem; line-height: .2rem; color: #9E9E9E; transition: all 0.3s;}
.foot .foot2 .conts a img{display: inline-block;vertical-align: text-bottom; margin-right: 0.05rem;}
.foot .foot2 .conts a:hover{color: #FFF;}

@media only screen and (min-width:1024px) and (max-width:1366px){
	.foot .foot1{width: 85%;}
	.foot .foot2 .conts{width: 91%;}
}
/*分页*/
.fy{ clear:both; margin:0 auto; margin-top:35px; font-size:14px; text-align: center;}
.fy b{ display:inline-block; width:24px; height:24px; background:#1B4FBC; line-height:24px; margin:0 4px; color:#fff; font-weight:100; text-align:center; }
.fy a{ display:inline-block; padding:0 8px;height:24px; text-align:center; line-height:24px;margin:0 4px; font-size:14px; background: #E8E8E8; }
.djdt_box .fy b{ background:#1B4FBC; }
.fy a:hover { background:#1B4FBC; color: #fff;}
.iCon { clear: both; width: 100%;}

@media only screen and (max-width:1024px){
	.h-box1{padding: .75rem .3rem;}
	.h-box1 .h-cont .li{width: 2rem; height: 2rem; padding-top: 0;  margin: 0 0.45rem 0.35rem 0; justify-content: center;}
	.h-box1 .h-cont .li:nth-child(3n){margin-right: 0;}
	.h-box1 .h-cont .li .num .txt1{font-size: 0.24rem;}
	.h-box1 .h-cont .li .p{font-size: 0.24rem; line-height: 110%;}
	.more1213{font-size: .24rem; line-height: .5rem;}
	.lays .more1213{margin-top: .3rem;}
	.h-box4{padding: 1rem 0 0.5rem; width: 100%; text-align: center;}
	.h-box4 .tit .t3{font-size: 0.36rem; color: #414141;}
	.h-box4 .tit .t4{font-size: .36rem; color: #B2D9F0; text-transform: uppercase; font-weight: bold;}
	.h-box4 .news-swiper{width: calc(100% - 0.8rem); margin: 0.6rem 0.4rem 0;}
	.h-box4 .news-swiper .swiper-slide{display: block; background: #2E76C4; text-align: left;}
	.h-box4 .news-swiper .swiper-slide .img{width: 100%; height: 0; position: relative; padding-bottom: 63.5%; overflow: hidden;}
	.h-box4 .news-swiper .swiper-slide .img img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
	.h-box4 .news-swiper .swiper-slide .txt{padding: 0.3rem 0.3rem 0.5rem; color: #FFF; height: 2.8rem;}
	.h-box4 .news-swiper .swiper-slide .txt .txt-h{font-size: .26rem; line-height: 120%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.h-box4 .news-swiper .swiper-slide .txt .txt-time{font-size: .2rem; margin-top: 0.1rem; color: #7EBCFF;}
	.h-box4 .news-swiper .swiper-slide .txt .txt-p{margin-top: .2rem; text-align: justify; font-size: 0.24rem; line-height: 150%; color: #EAEAEA;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
	.h-box4 .news-swiper .nation .news-prev{background: url(../images/news-prev.svg) no-repeat center; left: .2rem;}
	.h-box4 .news-swiper .nation .news-next{background: url(../images/news-next.svg) no-repeat center; right: .2rem;}
	.h-box4 .news-swiper .nation .news-but{position: absolute; z-index: 1; top: calc(50% - 0.5rem); width: 0.5rem; height: 0.5rem; background-size: contain;}
	.h-box4 .more1213{margin-top: .7rem;}
	.h-box5{padding: .5rem .4rem .6rem;}
	.h-box5 a.box5s{float: none; width: 100%; height: 1.75rem; margin-top: .1rem;}
	.h-box5 .box5s .text .t1{font-size: .36rem;}
	.h-box5 .box5s .text .t2{font-size: 0.24rem;}
	.foot{padding-top: .6rem;}
	.foot .foot1{width: 100%; padding-bottom: .6rem;}
	.foot .foot1 .foot-logo{float: none; text-align: center;}
	.foot .foot1 .foot-logo img{margin: 0 auto; display: inline-block;}
	.foot .foot2{border: none; text-align: center;}
	.foot .foot2 .conts{width: 100%; padding: 0 0.4rem 0.2rem 0.4rem; font-size: .24rem; line-height: 180%;}
	.foot .foot2 .conts a{line-height: 150%;}
	.foot .foot2 .conts>div{float: none;}
	.foot .foot2 .conts span{display: block;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.pc-head .head1r a{font-size: .12rem; background-size: .06rem;}
	.pc-head .head1r a:hover{background-size: .06rem;}
	.banner-swiper .txt .txtl h2{font-size: .5rem;}
}
/*<<<<<<<<<<<<<<<<<<<<<< 关于澳门新莆京4117 >>>>>>>>>>>>>>>>>>>>>>>*/
/* 公司简介 */
.pro1{width: 1280px; margin: 0 auto; padding: 90px 0 80px;}
.pro1 .conts{margin-top: 70px;}
.pro1 .conts h3{font-size: 30px; color: #004EA2;}
.pro1 .conts .p{margin-top: 50px; letter-spacing: -0.01em; font-size: 14px; color: #535353; line-height: 200%; text-align: justify;}
/* 发展历程 */
.pro2{width: 100%; padding: 70px 0 80px; background: url(../images/pro2-bg.jpg) no-repeat center; background-size: cover;}
.pro2 .n-title{width: 1280px; margin: 0 auto;}
.pro2 .pro2-swiper{width: 1280px; margin: 70px auto 0;pointer-events: none;}
.pro2 .pro2-swiper .pro2-img{width: 100%; height: 188px; overflow: hidden; border-radius: 12px 0 12px 0;}
.pro2 .pro2-swiper .pro2-img img{width: 100%; height: 100%; object-fit: cover;}
.pro2 .pro2-swiper h6{font-size: 14px; height: 36px; margin-bottom: 30px; line-height: 122.22222%; margin-top: 10px; letter-spacing: -0.05em; color: #535353;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.pro2 .pro2-swiper .years{text-align: center;padding-top: 20px; font-size: 20px; color: #004EA2; line-height: 30px; position: relative; z-index: 3;}
.pro2 .pro2-swiper .years::after{content: ""; font-size: 0; display: block; width: 8px; height: 8px; background: #FFF; border-radius: 50%; border: solid #004EA2 3px; position: absolute; left: 50%; top:0;z-index: 1; transform: translateX(-50%); }
.pro2 .pro2-swiper .nation{width: 100%; position: absolute; bottom: 29px; z-index: 0; pointer-events:auto; height: 28px;}
.pro2 .pro2-swiper .nation .page-but{width: 28px; height: 28px; position: absolute; top: 0; z-index: 2; cursor: pointer; transition: all 0.3s;}
.pro2 .pro2-swiper .nation .page-but.pro2-prev{left: 0; background: url(../images/prev.svg) center; background-size: contain;}
.pro2 .pro2-swiper .nation .page-but.pro2-next{right: 0; background: url(../images/next.svg) center; background-size: contain;}
.pro2 .pro2-swiper .nation .page-but.swiper-button-disabled{opacity: 0.5;}
.pro2 .pro2-swiper .nation::after{content: ""; display: block; font-size: 0; width: calc(100% - 56px); height: 1px; background: #004EA2; position: absolute; top:0; left: 0;bottom: 0; right: 0; z-index: 1; margin: auto;}
/* 使命愿景 */
.pro3{width: 1280px; margin: 0 auto; padding: 90px 0 60px;}
.pro3 .swiper-container{border-radius: 30px 0 30px 0; overflow: hidden; margin-top: 60px;}
.pro3 .swiper-container .pro3-img{width: 100%; height: 474px; overflow: hidden; position: relative;}
.pro3 .swiper-container .pro3-img img{width: 100%; height: 100%; object-fit: cover;}
.pro3 .swiper-container .text{color: #FFF; position: absolute; left: 130px; top: 50%; z-index: 3; width: 45%; transform: translateY(-50%);}
.pro3 .swiper-container .text .tit::after{content: ""; display: block;width: 20px; height: 2px; background: #FFF; margin-top: 10px;}
.pro3 .swiper-container .text .tit h5{font-size: 26px; line-height: 38px; font-weight: bold;}
.pro3 .swiper-container .text .tit h6{font-size: 24px; font-family: 'din'; color: #567AD1; letter-spacing: -0.06em; text-transform: uppercase;}
.pro3 .swiper-container .text .p{font-size: 20px; letter-spacing: -0.06em; margin-top: 30px;}
.pro3 .swiper-container .swiper-slide.swiper-slide-active .text .tit{animation: getInUp 1s;}
.pro3 .swiper-container .swiper-slide.swiper-slide-active .text .p{animation: getInUpB 1s;}
.pro3 .swiper-container .swiper-slide:nth-child(even) .text{left: auto; right: 130px; text-align: right;}
.pro3 .swiper-container .swiper-slide:nth-child(even) .text .tit::after{margin-left: auto;}
.pro3 .swiper-container .swiper-slide:nth-child(3) .text .tit h6{color: #FFEAC5;}
.pro3 .swiper-container .swiper-slide:nth-child(2) .text .tit h6{color: #83BBF8;}
.pro3 .swiper-container .nation{position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 100%; padding: 0 26px;}
.pro3 .swiper-container .nation::after{content: "";display: block; font-size: 0; clear: both;}
.pro3 .swiper-container .nation .page-but{width: 19px; height: 46px; cursor: pointer;}
.pro3 .swiper-container .nation .page-but.pro3-prev,
.pro3 .swiper-container .nation .page-but.pro4-prev{float: left; background: url(../images/prev2.svg) no-repeat center; background-size: contain;}
.pro3 .swiper-container .nation .page-but.pro3-next,
.pro3 .swiper-container .nation .page-but.pro4-next{float: right; background: url(../images/next2.svg) no-repeat center; background-size: contain;}
.pro3 .swiper-container .pags{position: absolute; bottom: 30px; z-index: 1; text-align: center;}
.pro3 .swiper-container .pags span{width: 12px; height: 12px; background: #FFF; margin: 0 14px; opacity: 1; transition: all 0.3s;}
.pro3 .swiper-container .pags span.swiper-pagination-bullet-active{background: #F39700;}
/* 社会责任 */
.pro4{width: 1280px; margin: 0 auto; padding: 60px 0 132px;}
.pro4 .p{font-size: 14px; line-height: 200%; color: #535353; margin-top: 30px;}
.pro4 .imgs{margin-top: 50px;}
.pro4 .imgs .li{width: 31.484375%;margin-right: calc((100% - (31.484375% * 3)) /2); max-width: 403px; height: 187px; border-radius: 20px 0 20px 0; overflow: hidden;}
.pro4 .imgs .li:nth-child(3n){margin-right: 0;}
.pro4 .imgs .li img{width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width:1024px) {
	.pro1{width: 100%; padding: 0.6rem 0.4rem 1rem;}
	.pro1 .conts{margin-top: .45rem;}
	.pro1 .conts h3{font-size: .3rem;}
	.pro1 .conts .p{font-size: .24rem; margin-top: .2rem;}
	.pro2{padding: .6rem 0.3rem 1rem;}
	.pro2 .n-title{width: 100%;}
	.pro2 .pro2-swiper{width: 100%; margin: .7rem auto 0;}
	.pro2 .pro2-swiper .pro2-img{width: 100%; height: 2.4rem; border-radius: .12rem 0 .12rem 0;}
	.pro2 .pro2-swiper h6{font-size: .24rem; line-height: .28rem; height: .56rem; margin-top: .2rem; margin-bottom: .3rem;}
	.pro2 .pro2-swiper .years{padding-top: .2rem; font-size: .24rem; line-height: 0.3rem;}
	.pro2 .pro2-swiper .years::after{width: 0.08rem; height: 0.08rem; border: solid #004EA2 0.03rem;}
	.pro2 .pro2-swiper .nation{bottom: 0.25rem; height: 0.36rem;}
	.pro2 .pro2-swiper .nation .page-but{width: 0.36rem; height: 0.36rem;}
	.pro2 .pro2-swiper .nation::after{width: calc(100% - 0.72rem);}
	.pro3{width: 100%; padding: .45rem .4rem .6rem;}
	.pro3 .swiper-container{border-radius: .3rem 0 .3rem 0; margin-top: .6rem;}
	.pro3 .swiper-container .pro3-img{height: auto;}
	.pro3 .swiper-container .text{left: 0.65rem; width: calc(100% - 1.3rem);}
	.pro3 .swiper-container .swiper-slide:nth-child(even) .text{left: auto; right: 0.65rem;}
	.pro3 .swiper-container .text .tit h5{font-size: .28rem; line-height: 150%;}
	.pro3 .swiper-container .text .tit h6{font-size: .24rem;}
	.pro3 .swiper-container .text .tit::after{width: 0.2rem; height: 0.02rem; margin-top: 0.1rem;}
	.pro3 .swiper-container .text .p{font-size: .24rem; margin-top: 0.4rem;}
	.pro3 .swiper-container .pags{display: none;}
	.pro3 .swiper-container .nation{padding: 0 0.18rem;}
	.pro3 .swiper-container .nation .page-but{width: 0.19rem; height: 0.46rem;}
	.pro4{padding: 0.2rem 0.4rem 1rem;}
	.pro4 .p{font-size: .24rem; margin-top: .5rem; text-align: justify;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.pro1{width: 74.96339677%; padding: 0.6rem 0;}
	.n-title h2{font-size: 0.36rem;}
	.n-title h6{font-size: 0.26rem; line-height: 0.38rem;}
	.n-title::after{width: 0.3rem; height: 0.04rem; margin-top: 0.2rem;}
	.pro1 .conts{margin-top: 0.6rem;}
	.pro1 .conts h3{font-size: 0.3rem;}
	.pro1 .conts .p{margin-top: 0.3rem; font-size: 0.14rem;}
	.pro2{padding: 0.7rem 0;}
	.pro2 .n-title,.pro2 .pro2-swiper,.pro3,.pro4{width: 74.96339677%;}
	.pro2 .pro2-swiper{margin: 0.7rem auto 0;}
	.pro2 .pro2-swiper .pro2-img{position: relative; height: 0; padding-bottom: 80%;}
	.pro2 .pro2-swiper .pro2-img img{position: absolute; left: 0; top: 0; z-index: 1;}
	.pro2 .pro2-swiper h6,.pro4 .p{font-size: 0.14rem;}
	.pro2 .pro2-swiper .years{font-size: 0.2rem;}
	.pro3{padding: 0.8rem 0;}
	.pro3 .swiper-container{margin-top: 0.6rem; border-radius: 0.3rem 0 0.3rem 0;}
	.pro3 .swiper-container .pro3-img{height: 0; padding-bottom: 37.03125%; position: relative;}
	.pro3 .swiper-container .pro3-img img{position: absolute; left: 0; top: 0; z-index: 1;}
	.pro4{padding: 0.6rem 0 1rem;}
	.pro4 .imgs{margin-top: 0.5rem;}
	.pro4 .imgs .li{position: relative; padding-bottom: 18.26171875%; height: 0;}
	.pro4 .imgs .li img{position: absolute; left: 0; top: 0; z-index: 1;}
}
/*<<<<<<<<<<<<<<<<<<<<<< 专家团队列表 >>>>>>>>>>>>>>>>>>>>>>>*/
.teams{width: 1280px; margin: 0 auto; padding: 90px 0;}
.teams .team-ul{margin-top: 70px; padding-bottom: 40px; border-bottom: #C8C8C8 solid 1px;}
.teams .team-ul .li{display: block; width: 400px; color: #393939; margin-right: 40px; margin-bottom: 50px; transition: all 0.3s;}
.teams .team-ul .li:nth-child(3n){margin-right: 0;}
.teams .team-ul .li .img{width: 100%; height: 300px; overflow: hidden; border-radius: 20px 0 20px 0;}
.teams .team-ul .li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.teams .team-ul .li .text{width: 100%; padding: 20px 15px 10px; position: relative;}
.teams .team-ul .li .text::before{content: ""; display: block; width: 2px; height: 50px; background: #267EBD; position: absolute; left: 0; top: 28%;}
.teams .team-ul .li .text h3{font-size: 22px; line-height: 30px; background: url(../images/more.svg) no-repeat right; background-size: 10px;}
.teams .team-ul .li .text .pos{font-size: 16px; line-height: 200%;}
.teams .team-ul .li:hover{color: #004EA2; background-color: #F5F5F5; border-radius: 20px 0 0 0 ;}
.teams .team-ul .li:hover img{transform: scale(1.03);}

/*<<<<<<<<<<<<<<<<<<<<<< 荣誉资质列表 >>>>>>>>>>>>>>>>>>>>>>>*/
.honor{width: 1280px; margin: 90px auto 190px;}
.honor .honors{margin-top: 90px;}
.honor .honors>h4{font-size: 22px; color: #004EA2; line-height: 32px; position: relative;}
.honor .honors>h4::after{content: ""; display: block; width: 100%; height: 1px; background: #004EA2; position: absolute; z-index: -1; left: 0; top: 50%; }
.honor .honors>h4 span{display: inline-block; background: #FFF; padding-right: 20px;}
.honor .honors .honor-ul{width: 100%; margin-top: 50px;}
.honor .honors .honor-ul li{width: 300px; height: 200px; overflow: hidden; cursor: pointer; margin-right: calc(80px / 3); border: rgba(0,78,162,0.3) solid 1px; transition: all 0.3s;}
.honor .honors .honor-ul li:nth-child(4n){margin-right: 0;}
.honor .honors .honor-ul li:nth-child(n+5){margin-top: 20px;}
.honor .honors .honor-ul li img{width: 100%; height: 100%; transition: all 0.5s; object-fit: cover; margin: auto;}
.honor .honors .honor-ul li:hover{-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.honor .honors .honor-ul li:hover img{transform: scale(1.02);}

/*<<<<<<<<<<<<<<<<<<<<<< 关于澳门新莆京4117 >>>>>>>>>>>>>>>>>>>>>>>*/
/* 全球化的商业布局与CDMO服务 */
.lays{width: 100%; padding: 1rem 0; background: #004EA2 url(../images/body-bg1.png) no-repeat center; background-size: cover; background-attachment: fixed;}
.lays .laycont{width: 79.4270833%; max-width: 1530px; margin: 0 auto; color: #FFF}
.lays .laycont>h2{font-size: 0.36rem;}
.lays .laycont>h6{font-size: 0.32rem; line-height: 200%; font-family: 'ali'; font-weight: bold; opacity: 0.4; color: #F6FCFF; text-transform: uppercase; letter-spacing: -0.06em;}
.lays .laycont .lay-maps{margin-top: 0.7rem; position: relative;}

.lays .laycont .lay-maps .div-img{padding: 0 .3rem; position: relative;}
.lays .laycont .lay-maps .div-img .li{position: absolute; z-index: 1; font-size: .24rem;}
.lays .laycont .lay-maps .div-img .li::after{content: ""; position: absolute; z-index: 1; display: block; width: .18rem; height: .18rem; background: url(../images/icon6.svg) no-repeat center; background-size: contain;}
.lays .laycont .lay-maps .div-img .li:nth-child(1){left: 5.5%; top: 6.5%;}
.lays .laycont .lay-maps .div-img .li:nth-child(1)::after{left: 90%; top: 86%;}
.lays .laycont .lay-maps .div-img .li:nth-child(2){left: 14.4%; top: 13.5%;}
.lays .laycont .lay-maps .div-img .li:nth-child(2)::after{left: -45%; top: 80%;}
.lays .laycont .lay-maps .div-img .li:nth-child(3){left: 3.5%; top: 26%;}
.lays .laycont .lay-maps .div-img .li:nth-child(3)::after{left: 54%; top: -105%;}
.lays .laycont .lay-maps .div-img .li:nth-child(4){left: 15%; top: 28%;}
.lays .laycont .lay-maps .div-img .li:nth-child(4)::after{left: -3%; top: -60%;}
.lays .laycont .lay-maps .div-img .li:nth-child(5){left: 44.5%; top: 27%;}
.lays .laycont .lay-maps .div-img .li:nth-child(5)::after{left: -50%; top: 40%;}
.lays .laycont .lay-maps .div-img .li:nth-child(6){left: 72%; top: 23%;}
.lays .laycont .lay-maps .div-img .li:nth-child(6)::after{left: -50%; top: 40%;}

.lays .laycont .lay-maps img{width: 100%; height: auto;}
.lays .laycont .lay-maps .map-info{position: absolute; width: 100%; text-align: center; bottom: -0.7rem; left: 0; z-index: 1;}
.lays .laycont .lay-maps .map-info span:first-child{padding-left: 0.4rem; background: url(../images/icon1.svg) no-repeat left center; background-size: 0.26rem;}
.lays .laycont .lay-maps .map-info span{display: inline-block; line-height: 0.5rem; font-size: 0.24rem;}
.lays .laycont .lay-maps .map-info span em{font-size: 0.26rem; color: #59CAFF; font-weight: bold; letter-spacing: -0.06em;}
.lays .laycont .lay-maps .map-info span:nth-child(n+2){margin-left: 0.3rem;}

.laybox{width: 1280px; margin: 100px auto 0;}
.lay-content{width: 100%; padding-bottom:100px;}
.laybox>h4{font-size: 22px; color: #004EA2; line-height: 32px; position: relative;}
.laybox>h4 span{display: inline-block; background: #FFF; padding-right: 20px;}
.laybox>h4::after{content: ""; display: block; width: 100%; height: 1px; background: #9AC9FC; position: absolute; left: 0; top: 50%; z-index: -1;}
.laybox .ul{margin-top: 40px;}
.laybox .ul .li{padding-bottom: 30px; border-bottom: #A2A2A2 dashed 1px;}
.laybox .ul .li:nth-child(n+2){margin-top: 50px;}
.laybox .ul .li:last-child{border-bottom: none;}
.laybox .ul .li .li-img{width: 255px; height: 142px; overflow: hidden; border-radius: 8px;}
.laybox .ul .li .li-img img{width: 100%; height: 100%; object-fit: cover;}
.laybox .ul .li .txt{width: 990px;}
.laybox .ul .li .txt .tit .logo-img img{height: 30px; width: auto;}
.laybox .ul .li .txt .tit .logo-img h3{font-size: 20px; line-height: 32px; color: #0F0F0F;}
.laybox .ul .li .txt .tit>a{height: 32px; font-size: 16px; color: #FFF; background: #F39700; border-radius: 6px; line-height: 32px; padding: 0 20px 0 30px; transition: all 0.3s;}
.laybox .ul .li .txt .tit>a:hover{color: #F39700; background: #004EA2; padding: 0 30px;-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.laybox .ul .li .txt p{font-size: 14px; color: #535353; margin-top: 20px; line-height: 200%;}
.laybox .ul .li .txt .infos{margin-top: 15px;}
.laybox .ul .li .txt .infos .info-li{display: inline-block; margin-right: 20px; font-size: 14px; line-height: 32px;}
.laybox .ul .li .txt .infos .info-li:last-child{margin-right: 0;}
.laybox .ul .li .txt .infos .info-li .em{display: inline-block; color: #6A6A6A; font-size: 14px; line-height: 32px; transition: all 0.3s;}
.laybox .ul .li .txt .infos .info-li a.em:hover{color: #004EA2;}

.layboxB{margin: 70px auto 0;}
.layboxB .ul{margin-top: 20px; padding-bottom: 40px;}
.layboxB .ul .li{padding: 30px 10px; transition: all 0.3s;}
.layboxB .ul .li:nth-child(n+2){margin-top: 0;}
.layboxB .ul .li:hover{border-radius: 10px; -webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.layboxB .ul .li .li-img img{transition: all 0.5s;}
.layboxB .ul .li:hover img{transform: scale(1.04);}
.laybox .ul .li .txt .tit>a{transform: scaleX(0) translateX(100%); opacity: 0; transition: all 0.5s;}
.laybox .ul .li:hover .txt .tit>a{transform: scaleX(1) translateX(0); opacity: 1;}

/*<<<<<<<<<<<<<<<<<<<<<< 全球布局-详情页 >>>>>>>>>>>>>>>>>>>>>>>*/
.lay-detail.pro1 .conts{margin-top: 40px;}
.lay-detail .conts img{height: 36px; width: auto;}
.lay-detail .conts h2{font-size: 26px; margin-top: 30px; line-height: 32px;}
.lay-detail .conts .p{margin-top: 20px;}
.lay-detail .infos{margin-top: 30px;}
.lay-detail .infos .info-li{display: inline-block; margin-right: 20px; font-size: 14px; line-height: 32px;}
.lay-detail .infos .info-li:last-child{margin-right: 0;}
.lay-detail .infos .info-li .em{display: inline-block; color: #6A6A6A; font-size: 14px; line-height: 32px; transition: all 0.3s;}
.lay-detail .infos .info-li a.em:hover{color: #004EA2;}

.rdc{width: 100%; padding: 50px 0 100px; background: url(../images/body-bg2.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.rdc .rdcs{width: 1280px; margin: 0 auto;}
.rdc .rdcs .txt{font-size: 30px; color: #004EA2; line-height: 32px;}
.rdc .rdcs .txt em{font-size: 46px; font-weight: bold; color: #F39700;}
.rdc .rdcs img{width: 100%; height: auto; margin-top: 30px;}
@media only screen and (max-width:1024px){
	.lays{padding: 0.5rem 0 0.7rem; background: #004EA2 url(../images/mbody-bg1.png) no-repeat center; background-size: cover; background-attachment: fixed;}
	.lays .laycont{width: 100%; text-align: center;}
	.lays .laycont>h2{text-align: center;}
	.lays .laycont>h6{font-size: .28rem; text-align: center;}
	.lays .laycont .lay-maps .map-info,.h-box2 .laycont .more1213{position: static;}
	.lays .laycont .lay-maps{margin-top: .3rem;}
	.lays .laycont .lay-maps .map-info span{font-size: .28rem;}
	.lays .laycont .lay-maps .map-info span:first-child{padding: 0; background: transparent;}
	.lays .uls{padding: 0 .4rem;}
	.lays .uls ul{min-width: 2.5rem;}
	/* .lays .uls ul:first-child{margin-right: .4rem;} */
	.lays .uls ul li{position: relative; padding-left: 0.3rem; line-height: 150%; text-align: left; font-size: 0.24rem; margin-bottom: .2rem;}
	.lays .uls ul li::after{content: ""; display: block; width: .15rem; height: .15rem; background: #F39700; border-radius: 50%; position: absolute; left: 0; top: 0.1rem; z-index: 1;}
	.lay-content{padding-bottom: 1rem;}
	.laybox{width: 100%; padding: 0 0.4rem; margin: 1rem auto 0;}
	.laybox>h4{font-size: .32rem; line-height: 150%;}
	.laybox>h4 span{padding-right: .2rem;}
	.layboxB .ul{margin-top: .2rem; padding-bottom: .4rem;}
	.layboxB .ul .li{padding: .3rem .1rem; flex-direction: column;}
	.laybox .ul .li .li-img{width: 100%; height: 1.42rem; display: flex; align-items: flex-end; border-radius: 0;}
	.laybox .ul .li .li-img img{width: 2.55rem; border-radius: 0.08rem; flex-shrink: 0;}
	.laybox .ul .li .li-img h3{font-size: .3rem; line-height: 150%; color: #0F0F0F; margin-left: .35rem;}
	.laybox .ul .li .txt{width: 100%;}
	.laybox .ul .li .txt p{font-size: .24rem; line-height: 180%; margin-top: .5rem;}
	.laybox .ul .li .txt a{display: inline-block; height: .5rem; font-size: .24rem; color: #FFF; background: #F39700; border-radius: .06rem; line-height: .5rem; padding: 0 .5rem; margin-top: .2rem; transition: all 0.3s;}
	.honor{width: 100%; padding: 0 0.4rem; margin: .5rem auto 1.9rem;}
	.honor .honors{margin-top: .8rem;}
	.honor .honors>h4{font-size: .26rem; line-height: 150%;}
	.honor .honors>h4 span{padding-right: .2rem;}
	.honor .honors .honor-ul{margin-top: .5rem; padding: 0 0.2rem;}
	.honor .honors .honor-ul li{width: 3rem; height: 2rem; margin-right: 0.3rem; margin-bottom: .4rem;}
	.teams{width: 100%; padding: 0.6rem .4rem 1rem;}
	.honor .honors .honor-ul li:nth-child(2n){margin-right: 0;}
	.teams .team-ul{margin-top: 0.7rem; padding-bottom: 0.4rem;}
	.teams .team-ul .li{width: calc((100% - 0.3rem) / 2); margin-right: 0;}
	.teams .team-ul .li:nth-child(odd),
	.teams .team-ul .li:nth-child(3n){margin-right: 0.3rem;}
	.teams .team-ul .li .img{position: relative; height: 0; padding-bottom: 75%; border-radius: .2rem 0 .2rem 0;}
	.teams .team-ul .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
	.teams .team-ul .li .text{padding: .2rem .15rem .1rem;}
	.teams .team-ul .li .text::before{height: .5rem;}
	.teams .team-ul .li .text h3{font-size: .26rem; background-size: .1rem;}
	.teams .team-ul .li .text .pos{font-size: .24rem;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.laybox{width: 74.96339677%; margin: 1rem auto 0;}
	.laybox>h4{font-size: 0.22rem; line-height: 0.32rem;}
	.laybox .ul{margin-top: 0.4rem; padding-bottom: 0;}
	.laybox .ul .li{padding-bottom: 0.3rem;}
	.laybox .ul .li .li-img{flex-shrink: 0;}
	.laybox .ul .li .txt{flex: 1; width: auto; margin-left: 0.4rem;}
	.laybox .ul .li .txt .tit .logo-img img{height: 0.3rem;}
	.laybox .ul .li .txt .tit .logo-img h3{font-size: 0.24rem; line-height: 200%;}
	.laybox .ul .li .txt .infos .info-li,
	.laybox .ul .li .txt p{font-size: 0.14rem;}
	.laybox .ul .li .txt .tit>a{font-size: 0.16rem; line-height: 220%; padding: 0 0.2rem; border-radius: 0.06rem; height: 100%;}
	.laybox .ul .li .txt .tit>a:hover{padding: 0 0.3rem;}
	.laybox .ul .li .txt p{margin-top: 0.1rem;}
	.honor{width: 74.96339677%; margin: 0.9rem auto 1.9rem;}
	.wrap{width: 100%;}
	.honor .honors{margin-top: 0.8rem;}
	.honor .honors .honor-ul{margin-top: 0.5rem;}
	.honor .honors>h4{font-size: 0.24rem; line-height: 0.32rem;}
	.honor .honors .honor-ul li{width: 24%; margin-right:calc((100% - (24% * 4)) / 3); height: 0; padding-bottom: 16%; position: relative;}
	.honor .honors .honor-ul li img{position: absolute; left: 0; top: 0; z-index: 1;}
	.teams{width: 74.96339677%; padding: 0.9rem 0;}
	.teams .team-ul{margin-top: 0.7rem; padding-bottom: 0.4rem;}
	.teams .team-ul .li{width: 31%; margin-right: calc(7% / 2); margin-bottom: 0.4rem;}
	.teams .team-ul .li .img{position: relative; height: 0; position: relative; padding-bottom: 75%;}
	.teams .team-ul .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 公司新闻 >>>>>>>>>>>>>>>>>>>>>>>*/
.news-content{width: 100%; padding: 90px 0 100px; background: #F5F5F5;}
.news-content .news-ul{width: 1280px; margin: 0 auto;}
.news-content .news-ul .news-li{display: block; width: 400px; color: #363636; margin: 0 40px 90px 0; background: #FFF; overflow: hidden; transition: all 0.3s;}
.news-content .news-ul .news-li:nth-child(3n){margin: 0 0 90px 0;}
.news-content .news-ul .news-li .news-img{width: 100%; height: 260px; overflow: hidden;}
.news-content .news-ul .news-li .news-img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.news-content .news-ul .news-li .new{padding: 30px 20px 20px;}
.news-content .news-ul .news-li .new h2{font-size: 18px; line-height: 156.25%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-content .news-ul .news-li .new p{font-size: 14px; height: 48px; margin-top: 10px; line-height: 158.333333%; color: #535353;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.news-content .news-ul .news-li .new .time{font-size: 20px; margin-top: 20px; font-family: "din"; color: #567AD1; line-height: 24px; letter-spacing: -0.06em;}
.news-content .news-ul .news-li:hover{border-radius: 10px; color: #004EA2; background: rgba(243,151,0,0.1); -webkit-box-shadow:0 2px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 2px 20px rgba(0, 0, 0, .2);box-shadow:0 2px 20px rgba(0, 0, 0, .2);}
.news-content .news-ul .news-li:hover img{transform: scale(1.02);}

/* 详情页面 */
.recent-details{width: 100%;padding: 66px 0;background-color: #F8F8F8;}
.recent-details .w12{width: 1280px; margin: 0 auto;}
.Recent-bgbox {background-color: #FFFFFF;padding: 45px 0 30px;}
.topRecent {padding: 0 60px;}
.topRecent img{max-width: 900px;margin: 0 auto;height: auto !important;}
.topRecent h5{text-align: center; font-weight: bold; line-height: 200%; color: #111; font-size: 26px;}
.topRecent .subps{padding-bottom: 20px; border-bottom: 1px solid #DADADA; font-size: 14px; margin: 15px 0 20px; text-align: center; line-height: 150%; color: #666666;}
.topRecent .subps span{display: inline-block; margin: 0 10px;}
.recent-desc,.recent-desc p{font-size: 16px; line-height: 200%; color: #333333;}
.recent-desc p.tu{text-align: center;}
.recent-desc p img{max-width: 650px; display: block; margin: 20px auto 10px;}
.booking{width: 180px; height: 46px; border-radius: 4px; font-size: 14px; line-height: 46px; color: #ffffff; display: block; margin-top: 40px; text-align: center; text-indent: 3em; background: #114897 url(../images/book.png) no-repeat 25% center; border: 1px transparent solid;}
.booking:hover{color: #114897;	background: transparent url(../images/book-lan.png) no-repeat 25% center;	border: 1px #114897 solid;}
.recent-details .shareBox{border-top: 1px #E1E1E1 solid;	margin-top: 40px;	padding: 30px 60px 0;}
.recent-details .shareBox .floatr a{display: inline-block;	margin-left: 30px;}
.btn-sum{padding: 30px 0; overflow: hidden;}
.btn-sum p a{padding: 10px 30px; display: inline-block; background-color: #e3e3e3; border-radius: 4px; font-size: 14px; color: #666666; border: 1px transparent solid;}
.btn-sum p.fr a{margin-left: 20px;}
.btn-sum p a:hover{background-color: #FFFFFF; color: #114897; border: 1px #114897 solid;}
.booking,.booking:hover{background-position: 11% center;}

@media only screen and (max-width:1024px){
	.news-content{padding: .8rem 0.4rem .1rem;}
	.news-content .news-ul{width: 100%;}
	.news-content .news-ul .news-li{width: 100%; margin: 0 0 .6rem;}
	.news-content .news-ul .news-li:nth-child(3n){margin: 0 0 0.6rem;}
	.news-content .news-ul .news-li .news-img{height: 4.2rem;}
	.news-content .news-ul .news-li .new{padding: .4rem .2rem .3rem;}
	.news-content .news-ul .news-li .new h2{font-size: .3rem;}
	.news-content .news-ul .news-li .new p{font-size: .24rem; margin-top: .1rem; height: .76rem; min-height: 24px;}
	.news-content .news-ul .news-li .new .time{font-size: .24rem; margin-top: .2rem; line-height: 200%;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 视频中心 >>>>>>>>>>>>>>>>>>>>>>>*/
.video-ul{width: 1280px; margin: 0 auto 100px;}
.video-ul .video-li{display: flex; justify-content: space-between; padding: 60px 0 70px; border-bottom: #E3E3E3 solid 1px;}
.video-ul .video-li .video-img{width: 400px; height: 270px; overflow: hidden; position: relative; cursor: pointer; background: #5C5C5C; border-radius: 16px; transition: all 0.3s;}
.video-ul .video-li .video-img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.video-ul .video-li .video-img::before{content: ""; display: block; transition: all 0.3s; width: 100%; height: 100%; background: rgba(0, 0, 0, .1) url(../images/video.svg) no-repeat center; background-size: 52px; backdrop-filter: blur(2px); position: absolute; left: 0; top: 0; z-index: 1;}
.video-ul .video-li .video-img:hover{-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.video-ul .video-li .video-img:hover img{transform: scale(1.03);}
.video-ul .video-li .video-img:hover::before{opacity: 0;}
.video-ul .video-li .txt{width: 830px; padding: 10px 0;}
.video-ul .video-li .txt h2{font-size: 20px; line-height: 32px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.video-ul .video-li .txt p{margin-top: 30px; font-size: 14px; line-height: 32px; height: 64px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.video-ul .video-li .txt .play{margin-top: 70px; display: inline-block; font-size: 16px; line-height: 44px; padding: 0 50px; border-radius: 6px; color: #FFF; background: #F39700; cursor: pointer; transition: all 0.3s;}
.video-ul .video-li .txt .play:hover{color: #F39700; background: #004EA2; padding: 0 60px;-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}

/*<<<<<<<<<<<<<<<<<<<<<< VR参观 >>>>>>>>>>>>>>>>>>>>>>>*/
.vr-ul{width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; border-bottom: #E3E3E3 solid 1px; margin-bottom: 100px;}
.vr-ul .vr-li{width: 400px; margin-right: 40px; margin-bottom: 70px;}
.vr-ul .vr-li:nth-child(3n){margin-right: 0;}
.vr-ul .vr-li .vr-img{display: block; background: #F5F5F5; position: relative; width: 100%; height: 270px; overflow: hidden; border-radius: 12px;}
.vr-ul .vr-li .vr-img::after{content: ""; transition: all 0.3s; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; z-index: 1;}
.vr-ul .vr-li .vr-img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.vr-ul .vr-li .vr-img .txt-tit{opacity: 0; transform: translateY(100%); transition: all 0.6s; width: 100%;white-space:nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 16px; line-height: 50px; padding: 0 30px 0 15px; background: rgba(0, 0, 0, .6) url(../images/right-white.svg) no-repeat 96% center; background-size: 8px; position: absolute; left: 0; bottom: 0; z-index: 2; color: #FFF;}
.vr-ul .vr-li .vr-img .icon{display: inline-block; font-size: 36px; color: #FFF; font-weight: bold; width: 70px; line-height: 70px; height: 70px; text-align: center; white-space: nowrap; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 3; border-radius: 50%; transition: all 0.6s;}
.vr-ul .vr-li .vr-img .icon::after{content: ""; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); position: absolute; left: 0; top: 0; z-index: 1; border-radius: 50%;animation: vricon 1.5s linear infinite;}
@keyframes vricon {
	0%{transform: scale(1);}
	50%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
.vr-ul .vr-li .vr-img:hover img{transform: scale(1.05);}
.vr-ul .vr-li .vr-img:hover::after{opacity: 0;}
.vr-ul .vr-li .vr-img:hover .icon{opacity: 0; transform: translateY(20%);}
.vr-ul .vr-li .vr-img:hover .txt-tit{transform: translateY(0); opacity: 1;}
.vr-ul .vr-li .txt-p{font-size: 14px; margin-top: 16px; padding: 0 15px; height: 48px; line-height: 24px; color: #535353; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

/*<<<<<<<<<<<<<<<<<<<<<< 学术交流、学术交流详情页 >>>>>>>>>>>>>>>>>>>>>>>*/
.acad-ul{width: 1280px; margin: 0 auto 100px; border-bottom: #E3E3E3 solid 1px; padding-bottom: 20px;}
.acad-ul::after{content: ""; display: block; clear: both;}
.acad-ul .acad-li{float: left; width: 400px; margin-right: 40px; margin-top: 30px; overflow: hidden; border-radius: 12px; background-color: #F1F1F1; transition: all 0.3s;}
.acad-ul .acad-li:nth-child(3n){margin-right: 0;}
.acad-ul .acad-li:nth-child(n+4){margin-top: 60px;}
.acad-ul .acad-li .txt{height: 170px; overflow: hidden; padding: 25px 20px 30px; background-color: #D5EBFF; position: relative; transition: all 0.3s;}
.acad-ul .acad-li .txt::before{content: ""; display: block; width: 100%; height: 100%; background: url(../images/active-bg.svg) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 2;}
.acad-ul .acad-li .txt::after{content: ""; display: block; width: 100%; height: 100%; background: #004EA2; position: absolute; left: 0; top: 100%; z-index: 1; transition: all 0.5s;}
.acad-ul .acad-li .txt h2{position: relative; z-index: 3; font-size: 18px; color: #000; line-height: 32px; height: 64px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.acad-ul .acad-li .txt .time{position: relative; z-index: 3; font-size: 14px; color: #808080; line-height: 32px; margin-top: 10px; transition: all 0.3s;}
@keyframes active_li {
	0%{background: url(../images/right-gray.svg) no-repeat 94% center;}
	50%{background: url(../images/right-gray.svg) no-repeat 95.5% center;}
	100%{background: url(../images/right-gray.svg) no-repeat 94% center;}
}
.acad-ul .acad-li .address{font-size: 14px; line-height: 38px; color: #767676; padding: 0 20px; background: url(../images/right-gray.svg) no-repeat 94% center; background-size: 8px;}
.acad-ul .acad-li .address span{display: block; padding-left: 15px; background: url(../images/address.svg) no-repeat left center; background-size: 12px;}
.acad-ul .acad-li:hover .txt,.acad-ul .acad-li:hover .txt .time,.acad-ul .acad-li:hover .txt h2{color: #FFF;}
.acad-ul .acad-li:hover .txt::after{top: 0;}
.acad-ul .acad-li:hover .address{animation: active_li 1.6s linear infinite;}

.acad-content{width: 1280px; margin: 30px auto 100px;}
.acad-content .acad-detail{width: 100%; display: flex; justify-content: space-between; padding: 26px 0; border-top: #EFEFEF 6px solid; border-bottom: #D8D8D8 solid 1px;}
.acad-detail .img{width: 270px; height: 130px; background: #D8D8D8; border-radius: 8px; overflow: hidden;}
.acad-detail .img img{width: 100%; height: 100%; object-fit: cover;}
.acad-detail .txt{width: 940px; display: flex; justify-content: space-between;}
.acad-detail .txt .info{width: 700px;}
.acad-detail .txt .info h2{margin-top: 10px; font-size: 26px; line-height: 32px; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.acad-detail .txt .info .p{margin-top: 20px; color: #808080; font-size: 14px; line-height: 32px;}
.acad-detail .txt .info .p .address{margin-left: 30px; padding-left: 15px; background: url(../images/address.svg) no-repeat left center; background-size: 12px;}
.acad-detail .txt a{display: block; font-size: 16px; color: #FFF; line-height: 44px; height: 44px; padding: 0 40px; border-radius: 6px; background: #F39700; transition: all 0.3s;}
.acad-detail .txt a span{display: block; padding-left: 25px; background: url(../images/data-icon.svg) no-repeat left center; background-size: 20px;}
.acad-detail .txt a:hover{background: #004EA2;-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.acad-content .page-button{margin-top: 20px;}
.acad-content .page-button .back{cursor: pointer; font-size: 14px; color: #6B6B6B; padding-left: 20px; line-height: 150%; background: url(../images/back.svg) no-repeat left center; background-size: 14px; transition: all 0.3s;}
.acad-content .page-button .back:hover{color: #004EA2;}

@media only screen and (max-width:1024px){
	.recent-details{padding: .66rem .4rem;}
	.recent-details .w12{width: 100%;}
	.Recent-bgbox{padding: .4rem 0 .3rem;}
	.topRecent{padding: 0 .3rem;}
	.topRecent h5{font-size: 0.32rem;}
	.topRecent .subps{padding-bottom: 0.2rem; font-size: 0.24rem; margin: .15rem auto .2rem;}
	.topRecent .subps span{margin: 0 .1rem;}
	.recent-desc{line-height: 200%; font-size: .24rem;}
	.recent-desc p{font-size: .24rem; line-height: 200%;}
	.recent-desc p img,
	.topRecent img{max-width: 100%; margin: .2rem auto .1rem;}
	.btn-sum{padding: .3rem 0;}
	.btn-sum p a{padding: .1rem .3rem; border-radius: 0.04rem; font-size: .24rem;}
	.acad-ul{width: 100%; margin: 0 auto 1rem; padding: 0 0.4rem .2rem;}
	.acad-ul .acad-li{width: 100%; margin-right: 0; margin-top: .3rem; border-radius: .12rem;}
	.acad-ul .acad-li .txt{height: 2.2rem; padding: .2rem .2rem;}
	.acad-ul .acad-li .txt h2{font-size: .3rem; line-height: 150%; min-height: 24px; height: .9rem;}
	.acad-ul .acad-li .txt .time{font-size: .24rem; line-height: 150%; margin-top: .1rem;}
	.acad-ul .acad-li .address{font-size: .24rem; line-height: 250%; padding: 0 .2rem; background-size: 0.08rem;}
	.acad-ul .acad-li .address span{padding-left: .25rem; background-size: .2rem;}
	.video-ul{width: 100%; margin: 0 auto 1rem; padding: 0 0.4rem;}
	.video-ul .video-li{padding: 0 0 0.3rem; margin-bottom: 0.6rem; flex-direction: column;}
	.video-ul .video-li .video-img{width: 100%; height: 4.5rem; border-radius: .16rem;}
	.video-ul .video-li .txt{width: 100%; padding: .3rem 0 0;}
	.video-ul .video-li .txt h2{font-size: .3rem; line-height: 150%;}
	.video-ul .video-li .txt p{margin-top: .2rem; font-size: .24rem; line-height: 150%; height: auto;}
	.video-ul .video-li .txt .play{margin-top: .3rem; font-size: .24rem; line-height: .5rem; padding: 0 .5rem; border-radius: .06rem;}
	.video-ul .video-li .txt .play:hover{padding: 0 0.6rem;}
	.vr-ul{width: 100%; margin-bottom: 1rem; padding: 0 .4rem;}
	.vr-ul .vr-li .vr-img{height: 4.5rem; border-radius: .12rem;}
	.vr-ul .vr-li{width: 100%; margin-right: 0; margin-bottom: .5rem;}
	.vr-ul .vr-li .vr-img .txt-tit{font-size: .3rem; line-height: .5rem; padding: 0.1rem .3rem 0.1rem .15rem; background-size: .08rem;}
	.vr-ul .vr-li .txt-p{font-size: .24rem; margin-top: .16rem; height: auto; padding: 0 .15rem; line-height: 150%;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.video-ul,.vr-ul{width: 74.96339677%;}
	.video-ul .video-li{padding: 0.6rem 0 0.7rem;}
	.video-ul .video-li .video-img{width: 4rem; height: 2.7rem; flex-shrink: 0; border-radius: 0.16rem;}
	.video-ul .video-li .video-img::before{background-size: 0.52rem;}
	.video-ul .video-li .txt{width: auto; flex: 1; margin-left: 0.3rem; padding: 0.1rem 0;}
	.video-ul .video-li .txt h2{font-size: 0.3rem; line-height: 150%;}
	.video-ul .video-li .txt p{font-size: 0.24rem; line-height: 150%; height: 0.72rem; margin-top: 0.3rem;}
	.video-ul .video-li .txt .play{margin-top: 0.7rem; font-size: 0.24rem; line-height: 200%; padding: 0 0.5rem; border-radius: 0.06rem;}
	.video-ul .video-li .txt .play:hover{padding: 0 0.6rem;}
	.vr-ul{margin-bottom: 1rem;}
	.vr-ul .vr-li{width: 31%; margin-right: calc(7% / 2); margin-bottom: 0.4rem;}
	.vr-ul .vr-li .vr-img{position: relative; padding-bottom: 67.5%; height: 0; border-radius: 0.12rem;}
	.vr-ul .vr-li .vr-img img{position: absolute; left: 0; top: 0; z-index: 1;}
	.vr-ul .vr-li .vr-img .icon{width: 0.7rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.36rem;}
	.vr-ul .vr-li .vr-img .txt-tit{font-size: 0.18rem; line-height: 0.5rem; padding: 0 0.3rem 0 0.15rem;}
	.vr-ul .vr-li .txt-p{font-size: 0.14rem; margin-top: 0.16rem; padding: 0 0.15rem; height: 0.48rem; line-height: 0.24rem;}
} 

/*<<<<<<<<<<<<<<<<<<<<<< 合规-环境健康和安全体系 >>>>>>>>>>>>>>>>>>>>>>>*/
.env-img{width: 1280px; margin: 30px auto 0; border-radius: 30px 0 30px 0; overflow: hidden;}
.env-img img{width: 100%; height: auto;}
.sys{width: 1280px; margin: 50px auto 70px;}
.sys .img0110{display: flex; margin: 0 auto; width: 100%;}
.sys .img0110 img{width: 50%; height: auto;}
.sys>h2{font-size: 24px; color: #363636; line-height: 32px; position: relative;}
.sys>h2 span{display: inline-block; background: #FFF; padding-right: 40px;}
.sys>h2::after{content: '';display: block; width: 100%; height: 12px; background: #EFEFEF; position: absolute; left: 0; top: 50%; z-index: -1; transform: translateY(-50%);}
.sys .sys-box{margin-top: 50px;}
.sys .sys-box h3{font-size: 30px; text-align: center; color: #3D8BDD; line-height: 180%; border-bottom: #E3E3E3 solid 1px;}
.sys .sys-box ul{margin-top: 10px;}
.sys .sys-box ul li{padding-left: 10px; line-height: 32px; font-size: 14px; color: #535353; position: relative;}
.sys .sys-box ul li::before{content: "";display: block; width: 3px; height: 11px; background: #3D8BDD; position: absolute; left: 0; top: 10px; z-index: 0;}
.sys .sys-num{margin-top: 30px; text-align:center;}
.sys .sys-num .num-li{display: inline-block; border-radius: 12px; border: #CECECE solid 1px; min-width: 100px; padding: 10px 30px;}
.sys .sys-num .num-li:nth-child(n+2){margin-left: 20px;}
.sys .sys-num .num-li span{display: block; text-align: center;}
.sys .sys-num .num-li span.numbs{color: #363636; font-size: 14px;}
.sys .sys-num .num-li span.numbs em{font-size: 60px; color: #567AD1; font-family: 'din'; letter-spacing: -0.06em; margin: 0 5px;}
.sys .sys-num .num-li:first-child span.numbs{color: #567AD1; font-family: 'din'; font-size: 30px;letter-spacing: -0.06em;}
.sys .sys-num .num-li span.li-txt{font-size: 14px; line-height: 18px; margin-top: 10px; color: #727272; white-space: nowrap;}
.sys .sys-box .sys-li h4{padding-left: 15px; margin-top: 20px; font-size: 16px; line-height: 18px; color: #363636; position: relative;}
.sys .sys-box .sys-li p{padding-left: 15px; font-size: 14px; margin-top: 10px; line-height: 18px; color: #535353; position: relative;}
.sys .sys-box .sys-li h4::before{content: "";display: block; width: 3px; height: 11px; background: #3D8BDD; position: absolute; left: 0; top: 10px; z-index: 0;}
.honor2{width: 100%; padding: 50px 0 110px; background-color: #E2F5FF;}
.honor2 .honor2-content{width: 1280px; margin: 0 auto;}
.honor2-content .honor2-swiper{margin-top: 50px;}
.honor2-content .honor2-swiper .swiper-slide{height: 260px; display: flex; justify-content: center; align-items: center;border: #A6A6A6 solid 3px;}
.honor2-content .honor2-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}

.cf:after{content:""; display:block; height:0; clear:both;}
.hegui_numlist { clear:both; margin-top:0.4rem;}
.hegui_numlist .li { width: 32%; height: 226px; overflow: hidden;float: left; background: #2771BE; color: #fff; text-align: center; border-radius: 10px; padding:2% 3%;}
.hegui_numlist .li:nth-child(2) { margin:0 2%;}
.hegui_numlist .li .li_1 img{ display: block; margin: 0 auto; margin-bottom: 0.2rem;}
.hegui_numlist .li .li_2 { font-size: 0.22rem; font-weight: bold; margin-bottom:0.2rem; line-height: 0.32rem;}
.hegui_numlist .li .li_3 { font-size: 0.14rem; line-height: 0.28rem;}
.hegui_img img { display: block; margin: 0 auto; max-width: 100%; height: auto; margin-top: 0.4rem;}

/* 废弃待使用 */
/* .honor2-content .honor2-swiper .nation{position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 1;}
.honor2-content .honor2-swiper .nation .page-but{width: 35px; height: 35px; cursor: pointer;}
.honor2-content .honor2-swiper .nation .page-but svg{fill: currentColor; color: #C7C7C7; transition: all 0.3s;}
.honor2-content .honor2-swiper .nation .page-but:hover svg{color: #004EA2;}
.honor2-content .honor2-swiper .nation .page-but.honor2-prev{float: left;}
.honor2-content .honor2-swiper .nation .page-but.honor2-next{float: right;} */

.honor2-content .nation{position: relative; left: 0; width: 100%; z-index: 1;}
.honor2-content .nation .page-but{width: 35px; height: 35px; cursor: pointer; position: absolute; bottom: 110px;}
.honor2-content .nation .page-but svg{fill: currentColor; color: #C7C7C7; transition: all 0.3s;}
.honor2-content .nation .page-but:hover svg{color: #004EA2;}
.honor2-content .nation .page-but.honor2-prev{left: -55px;}
.honor2-content .nation .page-but.honor2-next{right: -55px;}

/*<<<<<<<<<<<<<<<<<<<<<< 合规-质量体系 >>>>>>>>>>>>>>>>>>>>>>>*/
.qra-sys{margin: 80px auto 90px;text-align: center;}
.qra-sys img{margin: 0 auto;}
.qra-sys .p{font-size: 18px; text-align: center; line-height: 30px;margin-top: 80px;}
.qra-content{width: 100%; background-color: #EEE; padding: 70px 0 110px;}
.qra-content .qra-imgs{display: flex; width: 1170px; margin: 0 auto; justify-content: space-between;}
.qra-content .qra-imgs .img{width: 550px; height: 272px; overflow: hidden;}
.qra-content .qra-imgs .img img{width: 100%; height: 100%; object-fit: cover;}

/*<<<<<<<<<<<<<<<<<<<<<< 合规-知识产权体系 >>>>>>>>>>>>>>>>>>>>>>>*/
.inte-content{width: 1280px; margin: 40px auto 110px;}
.inte-content .mind{width: 1200px; height: auto; margin: 0 auto;}
.inte-content .inte-ul{margin-top: 70px; border-top: #EFEFEF solid 12px; padding-top: 30px;}
.inte-content .inte-ul .inte-box{padding: 20px 0; border-bottom: #E3E3E3 solid 1px;}
.inte-content .inte-ul .inte-box h3{font-size: 20px; line-height: 32px; color: #3D8BDD;}
.inte-content .inte-ul .inte-box p{font-size: 14px; line-height: 32px; color: #535353;}
.inte-content .inte-ul .inte-box ul li{font-size: 14px; line-height: 32px; color: #535353; padding-left: 10px; position: relative;}
.inte-content .inte-ul .inte-box ul li::before{content: ""; display: block; width: 3px; height: 11px; background: #3D8BDD; position: absolute; left: 0; top: 10px;}

@media screen and (max-width:1024px) {
	.sys{width: 100%; margin: 0 auto .7rem; padding: 0 .4rem;}
	.sys>h2{font-size: .36rem; text-align: center; line-height: 150%;}
	.sys>h2 span{padding: 0;}
	.sys>h2::after{display: none;}
	.qra-sys{margin: .3rem auto .9rem;}
	.qra-sys img{width: 100%;}
	.qra-sys .p{font-size: .24rem; line-height: 200%; margin-top: .4rem;}
	.qra-content{padding: 0.6rem .4rem 0.9rem;}
	.qra-content .qra-imgs{width: 100%; flex-direction: column;}
	.qra-content .qra-imgs .img{width: 100%; height: auto;}
	.qra-content .qra-imgs .img:nth-child(n+2){margin-top: 0.4rem;}
	.inte-content{width: 100%; margin: .5rem auto 1.1rem; padding: 0 0.4rem;}
	.inte-content .mind{width: 100%;}
	.inte-content .inte-ul{margin-top: 0.7rem; padding-top: 0; border-top: #EFEFEF solid .12rem;}
	.inte-content .inte-ul .inte-box{padding: .2rem 0;}
	.inte-content .inte-ul .inte-box h3{font-size: .32rem; line-height: 200%;}
	.inte-content .inte-ul .inte-box p{font-size: .24rem; line-height: 150%;}
	.inte-content .inte-ul .inte-box ul li{font-size: .24rem; line-height: 200%; padding-left: .1rem;}
	.inte-content .inte-ul .inte-box ul li::before{width: 0.03rem; height: 0.11rem; top: 0.2rem;}
	.env-img{width: calc(100% - 0.8rem); margin: .3rem auto 0.5rem; border-radius: .3rem 0 .3rem 0;}
	.sys .sys-box{margin-top: .5rem;}
	.sys .sys-box h3{font-size: .32rem;}
	.sys .img0110{flex-direction: column;}
	.sys .img0110 img{width: 100%;}
	.hegui_numlist .li{float: none; width: 100%; display: flex; height: auto; margin-bottom: 0.2rem; border-radius: .1rem;}
	.hegui_numlist .li .li_1{display: none;}
	.hegui_numlist .li .li_2{flex-shrink: 0; margin: auto; font-size: 0.28rem; line-height: 150%; margin-right: 0.2rem;}
	.hegui_numlist .li:nth-child(1) .li_2{padding-top: 0.7rem; background: url(../images/2023011102.png) no-repeat center top; background-size: 0.5rem;}
	.hegui_numlist .li:nth-child(2) .li_2{padding-top: 0.6rem; background: url(../images/2023011103.png) no-repeat center top; background-size: 0.55rem;}
	.hegui_numlist .li:nth-child(3) .li_2{padding-top: 0.6rem; background: url(../images/2023011104.png) no-repeat center top; background-size: 0.45rem;}
	.hegui_numlist .li .li_3{font-size: 0.24rem; line-height: 180%; text-align: justify;}
	.hegui_numlist .li:nth-child(2){margin: 0; margin-bottom: 0.2rem;}
	.honor2{padding: .5rem 0.4rem 1.1rem;}
	.honor2 .honor2-content{width: 100%;}
	.honor2-content .honor2-swiper{margin-top: .5rem;}
	.honor2-content .honor2-swiper .swiper-slide{height: 4.3rem; border: #A6A6A6 solid 0.03rem;}
	.honor2-content .nation .page-but.honor2-prev{left: 0.1rem;}
	.honor2-content .nation .page-but.honor2-next{right: 0.1rem;}
	.honor2-content .nation .page-but{width: 0.6rem; height: 0.6rem; bottom: 1.8rem;}
	.honor2-content .nation .page-but svg{width: 100%; height: 100%;}
}

@media only screen and (min-width:1024px) and (max-width:1440px){
	.sys,.env-img,.inte-content{width: 74.96339677%;}
	.sys{margin: 0.5rem auto 0.7rem;}
	.sys>h2{font-size: 0.24rem; line-height: 150%;}
	.sys>h2 span{padding-right: 0.4rem;}
	.sys>h2::after{height: 0.12rem;}
	.qra-sys{margin: 0.8rem auto 0.9rem;}
	.qra-sys .p{font-size: 0.18rem; line-height: 160%; margin-top: 0.8rem;}
	.qra-content{padding: 0.7rem 0 1.1rem;}
	.qra-content .qra-imgs{width: 80%;}
	.qra-content .qra-imgs .img{width: 49%; height: auto;}
	.env-img{margin: 0.3rem auto 0; border-radius: 0.3rem 0 0.3rem 0;}
	.sys .sys-box{margin-top: 0.5rem;}
	.sys .sys-box h3{font-size: .24rem; line-height: 200%;}
	.sys .sys-box ul{margin-top: 0.1rem;}
	.sys .sys-box ul li{padding-left: 0.1rem; line-height: 200%; font-size: 0.2rem;}
	.sys .sys-box ul li::before,.sys .sys-box .sys-li h4::before{width: 0.03rem; height: 0.11rem; top: 0.13rem;}
	.sys .sys-box .sys-li h4::before{top: 0.07rem;}
	.sys .sys-num{margin-top: 0.3rem;}
	.sys .sys-num .num-li{border-radius: 0.12rem; padding: 0.1rem 0.3rem;}
	.sys .sys-num .num-li:first-child span.numbs{font-size: 0.3rem;}
	.sys .sys-num .num-li span.numbs em{font-size: 0.8rem; margin: 0 0.05rem;}
	.sys .sys-num .num-li span.li-txt{font-size: 0.14rem; line-height: 150%; margin-top: 0.1rem;}
	.sys .sys-box .sys-li h4{padding-left: 0.15rem; margin-top: 0.2rem; font-size: 0.2rem; line-height: 150%;}
	.sys .sys-box .sys-li p{padding-left: 0.15rem; font-size: 0.14rem; margin-top: 0.1rem; line-height: 150%;}
	.honor2{padding: 0.5rem 0 1.1rem;}
	.honor2 .honor2-content{width: 80%;}
	.honor2-content .honor2-swiper{margin-top: 0.5rem;}
	.honor2-content .honor2-swiper .swiper-slide{position: relative; height: 0; padding-bottom: 20.162037037%;}
	.honor2-content .honor2-swiper .swiper-slide img{position: absolute; left: 0; top: 0; z-index: 1;}
	.honor2-content .nation .page-but{bottom: 1.3rem;}
	.inte-content{margin: 0.4rem auto 1.1rem;}
	.inte-content .mind{width: 100%;}
} 

/*<<<<<<<<<<<<<<<<<<<<<< 投资者关系 >>>>>>>>>>>>>>>>>>>>>>>*/
.inv1{margin: 10px auto 0; width: 1280px;}
.inv1 .inv1-li{width: 400px; margin-right: 40px; background-color: #FFF; position: relative; z-index: 1; cursor: pointer;}
.inv1 .inv1-li:nth-child(3n){margin-right: 0;}
.inv1 .inv1-li .img{width: 100%; height: 130px; position: relative; z-index: 2; overflow: hidden;}
.inv1 .inv1-li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.inv1 .inv1-li .txt{display: block; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; padding: 20px 30px; color: #FFF;}
.inv1 .inv1-li .txt h4{font-size: 26px; line-height: 36px;}
.inv1 .inv1-li .txt .tit2{font-size: 16px; line-height: 24px; opacity: 0.3; text-transform: uppercase;}
.inv1 .inv1-li .txt::after{content: ""; display: block; width: 16px; height: 10px; background: url(../images/down-white.svg) no-repeat center; background-size: 16px; margin-top: 20px;}
.inv1 .inv1-li .menu2{position: absolute; top: 0; opacity: 0; left: 0; z-index: 1; width: 100%; padding: 20px 0 10px; background: #F1F1F1; transition: all 0.6s;}
.inv1 .inv1-li .menu2 a{display: block; font-size: 22px; color: #4D4D4D; padding: 10px 40px; transition: all 0.3s;}
.inv1 .inv1-li .menu2 a span{display: block; line-height: 30px; padding-left: 15px; background: url(../images/right-gray.svg) no-repeat right center; background-size: 8px;}
.inv1 .inv1-li:hover .img img{transform: scale(1.05);}
.inv2{width: 1280px; margin: 70px auto 0; padding: 45px 120px 60px; display: flex; justify-content: space-between; align-items: center; background: url(../images/inv2-1.jpg) no-repeat center; background-size: cover; color: #FFF;}
.inv2 .txt .txt1{font-size: 16px;}
.inv2 .txt .txt-h{font-size: 26px; line-height: 30px; margin-top: 20px;}
.inv2 .txt .go-detail{display: inline-block; color: #FFF; transition: all 0.3s; font-size: 14px; line-height: 24px; margin-top: 120px; padding-right: 20px; background: url(../images/right-white3.svg) no-repeat right center; background-size: 7px;}
@keyframes go-detail {
	0%{padding-right: 20px;}
	50%{padding-right: 25px;}
	100%{padding-right: 20px;}
}
@media only screen and (min-width:1024px){
	.inv1 .inv1-li:hover .menu2{top: 100%; opacity: 1;}
	.inv1 .inv1-li .menu2 a:hover{background: #DFDFDF; color: #004EA2;}
	.inv2 .txt .go-detail:hover{color: #F39700;animation: go-detail 1s linear infinite;}
}
.inv2 .info .li{padding: 10px 30px; width: 280px; backdrop-filter: blur(2px); font-size: 12px; line-height: 200%;}
.inv2 .info .li:nth-child(odd){background: rgba(255, 255, 255, 0.5);}
.inv2 .info .li:nth-child(even){background: rgba(255, 255, 255, 0.3);}
.inv2 .info .li.li2{font-size: 26px;}
.inv2 .info .li.li3{font-size: 14px; line-height: 20px;}
.inv2 .info .li.li3 .num1{display: block;}
.inv2 .info .li.li3 .num2{display: inline-block; margin-right: 10px;}
.inv2 .info .li.li4 span{display: block; line-height: 20px;}
.inv3{width: 1280px; margin: 65px auto 0;}
.inv3 .inv3-li{width: 400px; margin: 0 40px 30px 0; position: relative;}
.inv3 .inv3-li:nth-child(3n){margin-right: 0;}
.inv3 .inv3-li .img{width: 100%; height: 160px; overflow: hidden;}
.inv3 .inv3-li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.inv3 .inv3-li .txt{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 20px 30px; color: #FFF;}
.inv3 .inv3-li .txt .txt-h{font-size: 26px; line-height: 38px; font-weight: bold;}
.inv3 .inv3-li .txt .txt-p{font-size: 24px; opacity: 0.3; text-transform: uppercase;}
.inv3 .inv3-li .txt .more{display: inline-block; margin-top: 20px; font-size: 14px; line-height: 200%; color: #FFF; border-radius: 6px; padding: 0 25px; background: #F39700; transition: all 0.3s;}
.inv3 .inv3-li .txt .more:hover{padding: 0 30px; opacity: 0.9;}
.inv4{width: 1280px; padding: 25px 50px; margin: 30px auto 150px; display: flex; justify-content: space-between; background: url(../images/inv4-bg.png) no-repeat center; background-size: cover;}
.inv4 .txt .txt-h{font-size: 24px; color: #000; line-height: 200%; margin-bottom: 20px;}
.inv4 .txt .txt-p{font-size: 20px; color: #464646; line-height: 36px;}
.inv4 .txt .txt-p a{color: #464646; transition: all 0.3s;}
.inv4 .txt .txt-p a:hover{color: #004EA2;}
.inv4 .codes{display: flex; align-items: center;}
.inv4 .codes .more{display: inline-block; color: #FFF; font-size: 18px; background: rgba(26,99,168,0.6); padding: 10px 20px; border-radius: 10px; transition: all 0.3s;}
.inv4 .codes .more span{display: block; padding-right: 60px; line-height: 25px; background: url(../images/right-white3.svg) no-repeat right center; background-size: 7px;}
.inv4 .codes .more:hover{background: #F39700;}
.inv4 .codes .qrcode{margin-left: 90px; text-align: center;}
.inv4 .codes .qrcode img{width: 120px; height: 120px; object-fit: cover; margin: 0 auto;}
.inv4 .codes .qrcode span{display: block; white-space: nowrap; font-size: 12px; margin-top: 10px;}
/*<<<<<<<<<<<<<<<<<<<<<< 公司治理 >>>>>>>>>>>>>>>>>>>>>>>*/
.inva1{width: 1280px; margin: 0 auto 80px; display: flex; justify-content: space-between;}
.inva1 .inva1-li{width: 400px; transition: all 0.3s;}
.inva1 .inva1-li:hover{-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.inva1 .inva1-li .txt{padding: 30px 25px; border: #DFDFDF solid 1px; border-radius: 12px 12px 0 0;}
.inva1 .inva1-li .txt h3{padding-top: 50px; font-size: 20px; line-height: 24px; color: #004EA2; text-align: center;}
.inva1 .inva1-li .txt h3::after{content: ""; display: block; width: 20px; height: 2px; background: #004EA2; margin: 15px auto 0;}
.inva1 .inva1-li.li1 .txt h3{background: url(../images/inva1-1bg.svg) no-repeat center top; background-size: auto 38px;}
.inva1 .inva1-li.li2 .txt h3{background: url(../images/inva1-2bg.svg) no-repeat center top; background-size: auto 38px;}
.inva1 .inva1-li.li3 .txt h3{background: url(../images/inva1-3bg.svg) no-repeat center top; background-size: auto 38px;}
.inva1 .inva1-li .txt p{margin-top: 20px; font-size: 14px; line-height: 30px; height: 150px; text-align: justify; color: #535353;}
.inva1 .inva1-li .img{width: 100%; height: 162px; overflow: hidden;}
.inva1 .inva1-li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.inva1 .inva1-li:hover img{transform: scale(1.05);}

.inva2-content{width: 100%; padding: 40px 0 70px; background: #F9F9F9;}
.inva2{width: 1280px; margin: 0 auto;}
.inva-title{font-size: 26px; line-height: 32px; color: #3D8BDD; text-align: center;}

.tab1213{width: 100%; margin: 50px auto;}
.tab1213::after{content: ""; display: block; clear: both;}
.tab1213 .li{float: left; width: 390px; margin-right: 55px; color: #404040; margin-bottom: 30px; overflow: hidden; border-radius: 8px; transition: all 0.3s;}
.tab1213 .li:nth-child(3n){margin-right: 0;}
.tab1213 .li .img{width: 100%; height: 230px; overflow: hidden; border-radius: 8px; border: rgba(0,78,162,0.2) solid 1px;}
.tab1213 .li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.tab1213 .li .txt{padding: 15px 10px;}
.tab1213 .li .txt .txt-h{font-size: 14px; line-height: 40px; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.tab1213 .li .txt .txt-p{font-size: 12px; line-height: 30px; color: #929292; padding-left: 30px; background: url(../images/pdf-icon.svg) no-repeat left center; background-size: 23px;}
.tab1213 .li:hover{color: #F39700; background: #F5F5F5;-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.tab1213 .li:hover img{transform: scale(1.05);}
.tab1213.tab0112 .li{width: 24%; margin-right: calc(4% / 3);}
.tab1213.tab0112 .li:nth-child(4n){margin-right: 0;}
.tab1213.tab0112 .li .img{height: 1.85rem;}
.tab1213.tab0112 .li .txt{padding: 10px;}

.getmore{margin-bottom: 100px; text-align: center;}
.getmore .more-butn{display: inline-block; border-radius: 0.06rem; cursor: pointer; font-size: 0.16rem; line-height: 0.24rem; padding: 0.1rem 0.5rem; background: #F39700; color: #FFF; transition: all 0.3s;}
.getmore .more-butn:hover{opacity: 0.8; -webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);	}
.getmore .nomore{color: #999; font-size: 0.2rem; line-height: 0.3rem;}

.tab-nav{width: 100%; position: relative; z-index: 1; overflow: hidden; margin-top: 30px;pointer-events:none;}
.tab-nav .tab-content{padding-bottom: 8px; position: relative; z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-transition-property: -webkit-transform; */
  /* transition-property: -webkit-transform; */
  -o-transition-property: transform;
  /* transition-property: transform; */
  /* transition-property: transform, -webkit-transform; */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
	transition: all 1s;
}
.tab-nav .tab-content .tab-silde{width: 256px; text-align: center; position: relative; z-index: 2; pointer-events:auto;
	-webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.tab-nav .tab-content .tab-silde .silde-button{display: inline-block; cursor: pointer;}
.tab-nav .tab-content .tab-silde .txt{display: inline-block; font-size: 18px; line-height: 26px; color: #004EA2; transition: all 0.3s;}
.tab-nav .tab-content .tab-silde .icon{display: block; width: 13px; height: 13px; font-size: 0; background: #FFF; border-radius: 50%; position: relative; margin: 10px auto 0; border: #004EA2 solid 3px; transition: all 0.3s;}
.tab-nav .tab-content .tab-silde.tab-active .txt{color: #F39700;}
.tab-nav .tab-content .tab-silde.tab-active .icon{background: #F39700; border: #F39700 solid 3px;}

.tab-nav::after{content: "";display: block; width: calc(100% - 56px); height: 1px; background: #004EA2; position: absolute; bottom: 13.5px; left: 0; right: 0; margin: 0 auto; z-index: -1;}
.tab-nav .nation{width: 100%; display: flex; justify-content: space-between; position: absolute; bottom: 0; z-index: 1;}
.tab-nav .nation .page-but{width: 28px; height: 28px; cursor: pointer;pointer-events:auto;}
.tab-nav .nation .page-but svg{width: 100%; height: 100%;fill: currentColor; color: #004EA2; transition: all 0.3s;}
.tab-nav .nation .page-but:hover svg{color: #F39700;}

.tab-cont{width: 100%; padding: 0 30px; margin: 50px auto 0;}
.tab-cont .cont-silde:nth-child(n+2){display: none;}
.tab-cont .cont-silde::after{content: ""; display: block; font-size: 0; clear: both;}
.tab-cont .cont-silde .file-li{float: left; display: flex; width: 590px; margin-top: 20px; color: #363636; border-radius: 8px; padding: 20px 30px; border: #D9D9D9 solid 1px; transition: all 0.3s;}
.tab-cont .cont-silde .file-li:nth-child(2n){margin-left: 36px;}
.tab-cont .cont-silde .file-li:hover{color: #004EA2; -webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.tab-cont .cont-silde .file-li .time{width: 45px; margin-right: 30px; text-align: center;}
.tab-cont .cont-silde .file-li .time span{color: #567AD1; display: block; text-align: center; font-family: 'din';}
.tab-cont .cont-silde .file-li .time .day{font-size: 60px; line-height: 70px; font-weight: bold;}
.tab-cont .cont-silde .file-li .time .year{font-size: 20px; line-height: 24px; letter-spacing: -0.06em;}
.tab-cont .cont-silde .file-li .txt{flex: 1; display: flex; justify-content: space-between; align-items: center; padding-left: 30px; border-left: #D8D8D8 solid 1px;}
.tab-cont .cont-silde .file-li .txt .h-tit{width: 330px; font-size: 18px; line-height: 26px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.tab-cont .cont-silde .file-li .txt .icon{padding-top: 45px; font-size: 12px; line-height: 18px; color: #929292; background: url(../images/pdf-icon.svg) no-repeat center top; background-size: 38px;}
.tab-cont .cont-silde .file-li:hover .txt .icon{animation: file_icon 1.5s linear infinite;}
@keyframes file_icon {
	0%{transform: translateY(0);}
	50%{transform: translateY(5px);}
	100%{transform: translateY(0);}
}

.inva3{width: 1280px; margin: 40px auto 100px;}
.inva3 .inva3-img{width: 100%; height: auto; margin-top: 35px;}
.inva3 .inva3-img img{width: 100%; height: auto;}

/*<<<<<<<<<<<<<<<<<<<<<< 澳门新莆京4117董事会 >>>>>>>>>>>>>>>>>>>>>>>*/
.invb{width: 1280px; margin: 0 auto 100px;}
.invb .invb-li{display: flex; justify-content: space-between; margin-top: 80px;border: #DFDFDF solid 1px; border-radius: 500px 0 0 500px;}
.invb .invb-li .img{width: 300px; height: 300px; border-radius: 50%; border: rgba(0,78,162,0.2) solid 1px; overflow: hidden; -webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.invb .invb-li .img img{width: 100%; height: 100%; object-fit: cover;}
.invb .invb-li .txt{flex: 1; padding: 40px 80px 40px 50px; border-left: none;}
.invb .invb-li .txt .txt-h{color: #004EA2; line-height: 24px;}
.invb .invb-li .txt .txt-h .name{font-size: 24px; display: inline-block;}
.invb .invb-li .txt .txt-h .pos{font-size: 16px; display: inline-block; margin-left: 15px;}
.invb .invb-li .txt .txt-p{font-size: 14px; line-height: 30px; text-align: justify; margin-top: 15px; color: #535353;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;}

/*<<<<<<<<<<<<<<<<<<<<<< 公司公告-业绩报告和演示材料 >>>>>>>>>>>>>>>>>>>>>>>*/
.invc-nav{width: 1280px; margin: 30px auto 0;}
.invc-nav .invc-li{font-size: 20px; color: #666; cursor: pointer; line-height: 40px; display: inline-block; border-radius: 10px; background: #EAEAEA; position: relative; margin-right: 25px; padding: 0 20px; transition: all 0.3s;}
.invc-nav .invc-li::after{content: ""; display: block; width: 0; height: 0; 
	border: 10px solid;  
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color:  #004EA2;
	border-bottom-color: transparent;
	position: absolute; left: 50%; top: 100%; z-index: -1; transform: translate(-50%,-100%); opacity: 0; transition: all 0.3s;}
.invc-nav .invc-li:hover,.invc-nav .invc-li.li-ing{color: #FFF; background: #004EA2;}
.invc-nav .invc-li:hover:after,.invc-nav .invc-li.li-ing::after{transform: translate(-50%,0); opacity: 1;}
.invc{margin: 60px auto 100px;}

/*<<<<<<<<<<<<<<<<<<<<<< 投资者服务-活动预告 >>>>>>>>>>>>>>>>>>>>>>>*/
.invd{margin: 60px auto 100px;}

/*<<<<<<<<<<<<<<<<<<<<<< 投资者服务-投资者保护 >>>>>>>>>>>>>>>>>>>>>>>*/
.inve1{width: 1280px; margin: 50px auto 30px;}
.inve1 h3{font-size: 26px; line-height: 32px; color: #1B6DA9;}
.inve1 .p{font-size: 16px; line-height: 40px; color: #666; text-align: justify; margin-top: 20px;}
.inve1 table{width: 100%; margin-top: 40px; text-align: center; border-radius: 12px; overflow: hidden;}
.inve1 table thead{background: #004EA2; color: #FFF;}
.inve1 table thead tr th{font-size: 16px; line-height: 150%; padding: 8px 10px;}
.inve1 table tbody tr:nth-child(odd){background: #F4F4F4;}
.inve1 table tbody tr:nth-child(even){background: #EDF8FF;}
.inve1 table tbody tr td{font-size: 14px; line-height: 150%; padding: 10px; color: #363636;}
.inve1 table tbody tr td:first-child{color: #004EA2;}

@media only screen and (max-width:1024px){
	.inv1{width: 100%; padding: 0 .4rem; margin: .1rem auto 0;}
	.inv1 .inv1-li{width: 100%; margin-right: 0; margin-bottom: 0.3rem;}
	.inv1 .inv1-li .img{height: auto;}
	.inv1 .inv1-li .txt{padding: .4rem .3rem;}
	.inv1 .inv1-li .txt h4{font-size: .36rem; line-height: 150%;}
	.inv1 .inv1-li .txt .tit2{font-size: .28rem; line-height: 150%;}
	.inv1 .inv1-li .txt::after{width: .24rem; height: .3rem; background-size: contain; margin-top: .2rem;}
	.inv2{width: 100%; margin: .7rem auto 0; padding: .4rem .4rem .6rem; flex-direction: column; align-items: flex-start;}
	.inv2 .txt .txt1{font-size: .24rem;}
	.inv2 .txt .txt-h{font-size: .36rem; line-height: 150%; margin-top: .2rem;}
	.inv2 .txt{position: relative; width: 100%;}
	.inv2 .txt .go-detail{position: absolute; right: 0; bottom: 8%; margin: auto; display: inline-block; font-size: .24rem; line-height: 200%; padding: 0.05rem 0.5rem 0.05rem 0.3rem; background: #F39700 url(../images/right-white3.svg) no-repeat 90% center; background-size: 0.1rem; border-radius: .06rem;}
	.inv2 .info{width: 100%; margin-top: 0.5rem;}
	.inv2 .info .li{width: 100%; font-size: .26rem; padding: .2rem .3rem;}
	.inv2 .info .li.li2{font-size: .48rem;}
	.inv2 .info .li.li3{font-size: 0.26rem; line-height: 150%;}
	.inv2 .info .li.li4 span{line-height: 150%;}
	.inv3{width: 100%; margin: .6rem auto 0; padding: 0 .4rem;}
	.inv3 .inv3-li{float: none; width: 100%; margin: 0 auto 0.3rem;}
	.inv3 .inv3-li .img{height: auto;}
	.inv3 .inv3-li .txt{padding: .45rem .3rem;}
	.inv3 .inv3-li .txt .txt-h{font-size: .38rem; line-height: 150%;}
	.inv3 .inv3-li .txt .txt-p{font-size: .28rem; line-height: 150%;}
	.inv3 .inv3-li .txt .more{margin-top: .3rem; font-size: .24rem; border-radius: .06rem; padding: 0 .3rem;}
	.inv4{width: 100%; padding: .3rem .4rem 0.6rem; margin: .3rem auto 0; flex-direction: column;}
	.inv4 .txt .txt-h{font-size: .38rem; margin-bottom: .2rem;}
	.inv4 .txt .txt-p{font-size: .28rem; line-height: 200%;}
	.inv4 .codes{margin-top: .3rem; justify-content: space-between;}
	.inv4 .codes .more{flex-shrink: 0; font-size: .26rem; padding: .1rem .2rem; line-height: 150%; border-radius: .1rem;}
	.inv4 .codes .more span{padding-right: .4rem; line-height: 150%; background-size: .1rem;}
	.inv4 .codes .qrcode{margin: 0;}
	.inv4 .codes .qrcode img{width: 2rem; height: 2rem;}
	.inv4 .codes .qrcode span{font-size: .24rem; margin-top: .2rem;}
	.inva1{width: 100%; padding: 0 .4rem; margin: 0 auto .8rem;flex-direction: column;}
	.inva1 .inva1-li{width: 100%; margin-bottom: .3rem;}
	.inva1 .inva1-li .txt{padding: .3rem .25rem; border-radius: .12rem .12rem 0 0;}
	.inva1 .inva1-li .txt h3{padding-top: .7rem; font-size: .3rem; line-height: 150%;}
	.inva1 .inva1-li.li1 .txt h3,
	.inva1 .inva1-li.li3 .txt h3,
	.inva1 .inva1-li.li2 .txt h3{background-size: auto .6rem;}
	.inva1 .inva1-li .txt h3::after{width: .4rem; height: .02rem; margin: .15rem auto 0;}
	.inva1 .inva1-li .txt p{height: auto; font-size: .24rem; line-height: 200%; margin-top: .2rem;}
	.inva1 .inva1-li .img{height: auto;}
	.inva2-content{padding: 0.4rem;}
	.inva2{width: 100%;}
	.inva-title{font-size: .36rem; line-height: 200%;}
	.tab1213{margin: .5rem auto;}
	.tab1213.tab0112 .li{width: 49.5%; margin-right: 1%;}
	.tab1213.tab0112 .li:nth-child(2n){margin-right: 0;}
	.tab1213 .li{margin-bottom: .3rem; border-radius: .08rem;}
	.tab1213 .li .img{border-radius: .08rem; height: 2rem;}
	.tab1213.tab0112 .li .txt{padding: .1rem;}
	.tab1213 .li .txt .txt-h{font-size: .26rem; line-height: 150%;}
	.tab1213 .li .txt .txt-p{font-size: .2rem; line-height: 150%; padding-left: .3rem; background-size: .23rem;}
	.getmore{margin-bottom: 1rem;}
	.getmore .more-butn{font-size: 0.24rem; line-height: 180%; letter-spacing: .2em;}
	.getmore .nomore{font-size: .24rem; line-height: 150%;}
	.invb{width: 100%; margin: 0 auto 1rem; padding: 0 .4rem;}
	.invb .invb-li{margin-top: .8rem; position: relative; flex-direction: column; border-radius: 1rem 0 0 0;}
	.invb .invb-li .img{width: 2rem; height: 2rem;}
	.invb .invb-li .txt{padding: .2rem .3rem .2rem .4rem;}
	.invb .invb-li .txt .txt-h{line-height: 150%; position: absolute; left: 2.5rem; top: .5rem; z-index: 2;}
	.invb .invb-li .txt .txt-h .name{font-size: .32rem;}
	.invb .invb-li .txt .txt-h .pos{font-size: .24rem; margin-left: 0; display: block;}
	.invb .invb-li .txt .txt-p{font-size: .24rem; line-height: 150%; margin-top: .1rem; display: block;}
	.inva3{width: 100%; padding: 0 .4rem; margin: .4rem auto 1rem;}
	.inva3 .inva3-img{margin-top: .3rem;}
	.invb .invb-li.invb-lis{border-radius: 0;}
	.invb .invb-li.invb-lis .txt .txt-h{position: static;}
	.invb .invb-li.invb-lis .txt .txt-h .pos{display: inline-block; margin-left: 0.2rem;}
	.invc-nav{width: 100%; margin: .3rem auto 0; padding: 0 .4rem; text-align: center;}
	.invc-nav .invc-li{font-size: .24rem; line-height: 200%; margin-right: .2rem; border-radius: .1rem; padding: .1rem .2rem;}
	.invc-nav .invc-li:last-child{margin-right: 0;}
	.invc-nav .invc-li::after{border: .15rem solid;    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #004EA2;
    border-bottom-color: transparent;}
	.invc{margin: .6rem auto 1rem; padding: 0 .4rem;}
	.tab1213 .li,.tab1213 .li:nth-child(3n){width: 49.5%; margin-right: 1%;}
	.tab1213 .li:nth-child(2n){margin-right: 0;}
	.tab1213 .li .txt{padding: .15rem .1rem;}
	.invd{margin: .6rem auto .8rem;}
	.inve1{width: 100%; margin: .5rem auto .3rem; padding: 0 .4rem;}
	.inve1 h3{font-size: .36rem; line-height: 150%;}
	.inve1 table{margin-top: .4rem; border-radius: .12rem;}
	.inve1 table thead tr th{font-size: .24rem; padding: .08rem 0 .1rem;}
	.inve1 table tbody tr td{font-size: .24rem; padding: .1rem;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.inv1,.inv2,.inv3,.inv4,.inva1,.inva2,.invb,.inva3,.invc-nav,.invd,.inve1{width: 74.96339677%;}
	.inv1{margin: 0.1rem auto 0;}
	.inv1 .inv1-li{width: 31%; margin-right: calc(7% / 3);}
	.inv1 .inv1-li .img{height: auto;}
	.inv1 .inv1-li .txt,.inv3 .inv3-li .txt{padding: 0.2rem .3rem;}
	.inv1 .inv1-li .txt h4,.inv3 .inv3-li .txt .txt-h{font-size: 0.26rem; line-height: 150%;}
	.inv1 .inv1-li .txt .tit2{font-size: 0.16rem; line-height: 150%;}
	.inv1 .inv1-li .txt::after{width: 0.16rem; height: 0.1rem; background-size: 0.16rem; margin-top: 0.2rem;}
	.inv1 .inv1-li .menu2{padding: 0.2rem 0 0.1rem;}
	.inv1 .inv1-li .menu2 a{font-size: 0.22rem; padding: 0.1rem 0.4rem;}
	.inv1 .inv1-li .menu2 a span{line-height: 150%; padding-left: 0.15rem; background-size: 0.08rem;}
	.inv2{padding: 0.45rem 1.2rem .6rem; margin: .7rem auto 0;}
	.inv3{margin: .65rem auto 0;}
	.inv3 .inv3-li{width: 31%; margin: 0 calc(7% / 2) 0.3rem 0;}
	.inv3 .inv3-li .img{height: auto;}
	.inv3 .inv3-li .txt .txt-p{font-size: 0.24rem;}
	.inv3 .inv3-li .txt .more{margin-top: 0.2rem; font-size: 0.14rem; border-radius: 0.06rem; padding: 0 0.25rem;}
	.inv3 .inv3-li .txt .more:hover{padding: 0 .3rem;}
	.inv4{padding: 0.25rem .5rem; margin: .3rem auto 1.5rem;}
	.inv4 .txt .txt-h{font-size: 0.24rem; margin-bottom: 0.2rem;}
	.inv4 .txt .txt-p{font-size: 0.2rem; line-height: 200%;}
	.inv4 .codes .more{font-size: 0.2rem; padding: 0.1rem .2rem; border-radius: .1rem;}
	.inv4 .codes .qrcode{margin-left: 0.9rem;}
	.inv4 .codes .qrcode img{width: 1.5rem; height: 1.5rem;}
	.inva1{margin-bottom: 0.8rem;}
	.inva1 .inva1-li{width: 31%; margin-right: calc(7% / 2); display: flex; flex-direction: column; justify-content: space-between;}
	.inva1 .inva1-li:nth-child(3n){margin-right: 0;}
	.inva1 .inva1-li .txt{padding: 0.3rem .25rem; flex: 1; border-radius: .12rem .12rem 0 0;}
	.inva1 .inva1-li .txt h3{padding-top: 0.5rem; font-size: 0.24rem; line-height: 150%; }
	.inva1 .inva1-li.li1 .txt h3,
	.inva1 .inva1-li.li2 .txt h3,
	.inva1 .inva1-li.li3 .txt h3{background-size:auto 0.38rem;}
	.inva1 .inva1-li .txt h3::after{margin: 0.15rem auto 0; width: 0.3rem; height: 0.02rem;}
	.inva1 .inva1-li .txt p{font-size: 0.14rem; margin-top: 0.2rem; line-height: 160%; height: auto;}
	.inva1 .inva1-li .img{height: auto; flex-shrink: 0;}
	.inva2-content{padding: 0.4rem 0 0.7rem;}
	.inva-title{font-size: 0.26rem; line-height: 150%;}
	.tab1213 .li{width: 31%; margin-right: calc(7% / 2); margin-bottom: 0.3rem; border-radius: 0.08rem;}
	.tab1213 .li .img{position: relative; height: 0; padding-bottom: 58.97435897435897%;}
	.tab1213 .li .img img{position: absolute; left: 0; top: 0; z-index: 1;}
	.tab1213 .li .txt{padding: 0.15rem .1rem;}
	.tab1213 .li .txt .txt-h{font-size: 0.16rem; line-height: 300%;}
	.invb{margin-bottom: 1rem;}
	.invb .invb-li{margin-top: 0.4rem;}
	.invb .invb-li .img{width: 3rem; height: 3rem; flex-shrink: 0;}
	.invb .invb-li .txt{padding: 0.4rem 0.6rem 0.3rem 0.6rem;}
	.invb .invb-li .txt .txt-h{line-height: 150%;}
	.invb .invb-li .txt .txt-h .name{font-size: 0.24rem;}
	.invb .invb-li .txt .txt-h .pos{font-size: 0.16rem; margin-left: 0.15rem;}
	.invb .invb-li .txt .txt-p{font-size: 0.14rem; line-height: 200%; margin-top: 0.15rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 6;-webkit-box-orient: vertical;text-overflow: ellipsis;}
	.invc-nav{margin: 0.3rem auto 0;}
	.invc-nav .invc-li{font-size: 0.2rem; line-height: 250%;margin-right:0.25rem; padding: 0 .2rem; border-radius: .1rem;}
	.invd{margin: 0.6rem auto 1rem;}
	.acad-ul{margin: 0.6rem auto 1rem; padding-bottom: 0.4rem;}
	.acad-ul .acad-li:nth-child(n+4){margin-top: 0.6rem;}
	.acad-ul .acad-li{width: 31%; margin-right: calc(7% / 2); border-radius: .12rem; margin-top: .3rem;}
	.acad-ul .acad-li .txt{height: auto; padding: .25rem .20rem .3rem;}
	.acad-ul .acad-li .txt h2{font-size: 0.2rem; line-height: 0.32rem; height: 0.64rem;}
	.acad-ul .acad-li .txt .time{font-size: 0.14rem; line-height: 250%; margin-top: .1rem;}
	.acad-ul .acad-li .address{font-size: .14rem;padding: 0 0.2rem; line-height: 250%; background-size: 0.08rem;}
	@keyframes active_li {
		0%{background: url(../images/right-gray.svg) no-repeat 94% center; background-size: 0.08rem;}
		50%{background: url(../images/right-gray.svg) no-repeat 95.5% center; background-size: 0.08rem;}
		100%{background: url(../images/right-gray.svg) no-repeat 94% center; background-size: 0.08rem;}
	}
	.acad-ul .acad-li .address span{padding-left: 0.15rem; background-size: .12rem;}
	.inve1{margin: .5rem auto .3rem;}
	.inve1 h3{font-size: 0.26rem; line-height: 150%;}
	.inve1 table{margin-top: .4rem; border-radius: .12rem .12rem 0 0;}
	.inve1 table thead tr th{white-space: nowrap; font-size: 0.2rem; padding: 0.08rem 0.1rem;}
	.inve1 table tbody tr td{font-size: 0.14rem; padding: 0.1rem;}
	.tab1213{margin: .4rem auto;}
	.invc{margin: .4rem auto 1rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 表单 >>>>>>>>>>>>>>>>>>>>>>>*/
.feed{width: 1280px; margin: 60px auto 120px;}
.feed>h2{font-size: 18px; line-height: 200%; color: #1B6DA9;}
.feed .forms{margin-top: 10px;}
/* .feed .forms .inp-ul{position: relative; z-index: 2;} */
.feed .forms .inp-ul .li.li-select{position: relative; z-index: 1;}
.feed .forms .inp-ul::after{content: "";display: block; clear: both;}
.feed .forms .inp-ul .li{float: left; width: 400px; margin-right: 40px; margin-bottom: 15px;}
.feed .forms .inp-ul .li input{border-radius: 8px; font-size: 14px; line-height: 42px; height: 42px;}
.feed .forms .inp-ul .li:nth-child(3n){margin-right: 0;}
.feed .forms .inp-ul .li.inp-key{position: relative;}
.feed .forms .inp-ul .li.inp-key .yzm{position: absolute; overflow: hidden; border-radius: 0 2px 2px 0; height: 100%; right: 0; z-index: 1; top: 50%; transform: translateY(-50%);}
.feed .forms .inp-ul .li.inp-key .yzm img{width: auto; height: 100%;}
.feed .forms .text h5{font-size: 14px; color: #7B7B7B; line-height: 42px; padding-left: 10px;}
.feed .forms .text textarea{border-radius: 8px; height: 163px; font-size: 14px; line-height: 150%;}
.feed .forms .buttn{margin-top: 30px;}
.feed .forms .buttn button{width: 400px; font-size: 18px; background-color: #004EA2; border-radius: 8px; line-height: 42px; height: 42px;}
.layui-layer-page .layui-layer-content {  overflow: visible !important;}

/*<<<<<<<<<<<<<<<<<<<<<< 业务咨询 >>>>>>>>>>>>>>>>>>>>>>>*/
.busa1{width: 1280px; margin: 20px auto 0; position: relative; overflow: hidden; border-radius: 30px 0 30px 0;}
.busa1 .txt{position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); width: 100%; padding: 0 40px; font-size: 24px; line-height: 32px; color: #FFF;}
.busa1 .txt::after{content: ""; display: block; font-size: 0; width: 30px; height: 1px; background: #FFF; margin-top: 20px;}

/*<<<<<<<<<<<<<<<<<<<<<< 联系方式 >>>>>>>>>>>>>>>>>>>>>>>*/
.silde-content{width: 1280px; margin: 0 auto 140px;}
.silde-content .silde-h{width: 340px; padding: 20px 10px; background: #F5F5F5; border-radius: 10px;}
.silde-content .silde-h .h-li{cursor: pointer; display: block; font-size: 20px; padding: 0 25px; line-height: 50px; margin-bottom: 10px; background: #FFF url(../images/right-gray.svg) no-repeat 95% center; background-size: 6px; border-radius: 10px; transition: all 0.3s;}
.silde-content .silde-h .h-li:hover,.silde-content .silde-h .h-li.h-ing{background: #004EA2 url(../images/right-white2.svg) no-repeat 95% center; background-size: 6px; color: #FFF;}
.silde-content .silde-c{width: 900px;}
.silde-content .silde-c .c-li:nth-child(n+2){margin-top: 20px;}
.silde-content .silde-c .c-li>h3{font-size: 18px; line-height: 26px; color: #004EA2; position: relative;}
.silde-content .silde-c .c-li>h3::after{content: ""; display: block; width: 100%; height: 1px; background: #E8E8E8; position: absolute; left: 0; top: 50%; z-index: -1;}
.silde-content .silde-c .c-li>h3 span{display: inline-block; padding-right: 20px; background: #FFF;}
.silde-content .silde-c .c-li .info-ul{display: flex; margin-top: 30px; justify-content: space-between; flex-wrap: wrap;}
.silde-content .silde-c .c-li .info-ul .info-li{width: 48.3333333%; margin-bottom: 30px; padding: 20px 30px 30px; border-radius: 10px; background: #F5F5F5; transition: all 0.5s;}
.silde-content .silde-c .c-li .info-ul .info-li h4{font-size: 18px; line-height: 26px; color: #363636; margin-bottom: 15px;}
.silde-content .silde-c .c-li .info-ul a.info-li h4{padding-right: 20px; background: url(../images/right-blue.svg) no-repeat right center; background-size: 8px;}
.silde-content .silde-c .c-li .info-ul a.info-li:hover{-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.silde-content .silde-c .c-li .info-ul .info-li p{font-size: 14px; line-height: 24px; color: #6A6A6A;}
.silde-content .silde-c .c-li .info-ul .info-li p a{display: inline-block; font-size: 14px; line-height: 24px; color: #6A6A6A; transition: all 0.3s;}
.silde-content .silde-c .c-li .info-ul .info-li p a:hover,.silde-content .silde-c .c-li .info-ul .info-li p a.email{color: #0077DA;}

/*<<<<<<<<<<<<<<<<<<<<<< 加入我们 >>>>>>>>>>>>>>>>>>>>>>>*/
.joins{width: 1280px; margin: 40px auto 120px;}
.joins .join-img{width: 100%; position: relative; overflow: hidden; border-radius: 30px;}
.joins .join-img img{width: 100%; height: auto;}
.joins .join-img .txt{position: absolute; width: 58%; top: 50%; left: 0; z-index: 1; transform: translateY(-50%); padding-left: 75px; color: #FFF;}
.joins .join-img .txt h3{font-size: 34px; line-height: 50px;}
.joins .join-img .txt h3::after{content: ""; display: block; width: 30px; height: 2px; background: #FFF; margin-top: 20px;}
.joins .join-img .txt p{font-size: 20px; line-height: 30px; margin-top: 40px;}
.joins .email-ul{margin-top: 40px;}
.joins .email-ul .li{width: 400px; min-height: 130px; margin-right: 40px; margin-bottom: 30px; border-radius: 10px; background: #F5F5F5; padding: 20px 25px;}
.joins .email-ul .li:nth-child(3n){margin-right: 0;}
.joins .email-ul .li h4{font-size: 18px; margin-bottom: 10px; color: #363636; padding-left: 60px; line-height: 30px; background: url(../images/email.svg) no-repeat left 5px; background-size: 35px;}
.joins .email-ul .li p{padding-left: 60px; font-size: 14px; line-height: 24px; color: #6A6A6A;}
.joins .email-ul .li p a{color: #0077DA; transition: all 0.3s;}
.joins .email-ul .li p a:hover{color: #004EA2;}

/*<<<<<<<<<<<<<<<<<<<<<< 加入我们-人才招聘 >>>>>>>>>>>>>>>>>>>>>>>*/
.joina{width: 1280px; margin: 60px auto 100px;}
.joina .joina-li{width: 600px; height: 250px; border-radius: 20px; margin-bottom: 30px; overflow: hidden; position: relative; transition: all 0.3s;}
.joina .joina-li:nth-child(2n){margin-left: 80px;}
.joina .joina-li>img{width: 100%;height: 100%; object-fit: cover; transition: all 0.5s;}
.joina .joina-li .txt{position: absolute; left: 0; top: 0; color: #FFF; width: 100%; height: 100%; z-index: 1; padding: 40px 60px;}
.joina .joina-li .txt .txt-h{font-size: 34px; line-height: 50px;}
.joina .joina-li .txt .txt-p{font-size: 22px; line-height: 32px; text-transform: uppercase; color: #70BEFF;}
.joina .joina-li .txt .txt-p::after{content: "";display: block; width: 30px; height: 2px; background: #FFF; margin-top: 20px;}
.joina .joina-li:hover{-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}
.joina .joina-li:hover>img{transform: scale(1.05);}

/*<<<<<<<<<<<<<<<<<<<<<< 加入我们-人才理念 >>>>>>>>>>>>>>>>>>>>>>>*/
.joinb{width: 1280px; margin: 30px auto 200px;}
.joinb .joinb-li{display: flex; justify-content: space-between; max-height: 470px; overflow: hidden; margin-bottom: 80px;}
.joinb .joinb-li::after{content: ""; display: block; clear: both;}
.joinb .joinb-li:nth-child(even){flex-direction: row-reverse; border-radius: 0 30px 0 30px; background: #4D92DB;}
.joinb .joinb-li:nth-child(odd){flex-direction: row; border-radius: 30px 0 30px 0; background: #4D92DB;}
.joinb .joinb-li .txt{width: 530px; color: #FFF;}
.joinb .joinb-li:nth-child(odd) .txt{padding: 70px 50px 60px 60px;}
.joinb .joinb-li:nth-child(even) .txt{padding: 70px 40px 60px 40px;}
.joinb .joinb-li .txt .txt-h{font-size: 26px; line-height: 38px; font-weight: bold; letter-spacing: -0.06em;}
.joinb .joinb-li .txt .txt-h::after{content: ""; display: block; width: 20px; height: 2px; background: #FFF; margin-top: 30px;}
.joinb .joinb-li .txt .txt-p{font-size: 16px; line-height: 30px; text-align: justify; margin-top: 50px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 7;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.joinb .joinb-li .img{width: 750px; height: 470px; overflow: hidden;}
.joinb .joinb-li .img img{width: 100%; height: 100%; object-fit: cover;}
.joinb .joinb-li:nth-child(odd) .img{border-radius: 30px 0 30px 0;}
.joinb .joinb-li:nth-child(even) .img{border-radius: 0 30px 0 30px;}

/*<<<<<<<<<<<<<<<<<<<<<< 加入我们-人才星工厂 >>>>>>>>>>>>>>>>>>>>>>>*/
.joinc1{width: 1280px; margin: 0 auto;}
.joinc1 .joinc1-p{font-size: 14px; line-height: 30px;}
.joinc1 .img{width: 100%; margin-top: 50px; position: relative; overflow: hidden; border-radius: 20px 0 20px 0;}
.joinc1 .img img{width: 100%; height: auto;}
.joinc1 .img .txt{position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: right; width: 100%; padding: 0 100px; color: #FFF;}
.joinc1 .img .txt p{font-size: 18px; line-height: 30px;}
.joinc1 .img .txt p.p1{display: inline-block; position: relative;}
.joinc1 .img .txt p.p1::before{content: "";display: block;width: 50px; height: 50px; background: url(../images/yh-l.svg) no-repeat center; background-size: 50px; position: absolute; left: 0; top: 0; transform: translate(-100%,-30%);}
.joinc1 .img .txt p.p1::after{content: "";display: block;width: 50px; height: 50px; background: url(../images/yh-r.svg) no-repeat center; background-size: 50px; position: absolute; right: 0; top: 0; transform: translate(100%,50%);}
.joinc1 .img .txt p.p2{padding-right: 10px; margin-top: 30px;}
.joinc2{width: 1280px; margin: 90px auto 150px;}
.joinc2 .joinc-tit{font-size: 24px; line-height: 32px; position: relative;}
.joinc2 .joinc-tit::after{content: ""; display: block; width: 100%; height: 12px; background: #EFEFEF; position: absolute; left: 0; top: 50%; z-index: -1; transform: translateY(-50%);}
.joinc2 .joinc-tit span{background: #FFF; padding-right: 20px;}
.joinc2 .jc2-ul{margin-top: 50px;}
.joinc2 .jc2-ul .jc2-li{display: flex; justify-content: space-between; margin-top: 50px; padding-bottom: 40px; border-bottom: #E3E3E3 solid 1px;}
.joinc2 .jc2-ul .jc2-li:nth-child(odd){flex-direction: row;}
.joinc2 .jc2-ul .jc2-li:nth-child(even){flex-direction: row-reverse;}
.joinc2 .jc2-ul .jc2-li .img{width: 540px; height: 295px; overflow: hidden;}
.joinc2 .jc2-ul .jc2-li:nth-child(odd) .img{border-radius: 20px 0 20px 0;}
.joinc2 .jc2-ul .jc2-li:nth-child(even) .img{border-radius: 0 20px 0 20px;}
.joinc2 .jc2-ul .jc2-li .img img{width: 100%; height: 100%; object-fit: cover;}
.joinc2 .jc2-ul .jc2-li .txt{width: 670px; padding: 35px 0 20px;}
.joinc2 .jc2-ul .jc2-li .txt .txt-h{font-size: 20px; color: #3D8BDD;}
.joinc2 .jc2-ul .jc2-li .txt .txt-h::after{content: "";display: block; width: 25px; height: 3px; background: #51AAEB; margin-top: 20px;}
.joinc2 .jc2-ul .jc2-li .txt .txt-p{margin-top: 20px; font-size: 14px; line-height: 200%; color: #535353; text-align: justify;}

@media only screen and (max-width:1024px){
	.feed{width: 100%; margin: 0.6rem auto 1.2rem; padding: 0 .4rem;}
	.feed>h2{font-size: 0.36rem;}
	.feed .forms{margin-top: 0.1rem;}
	.feed .forms .inp-ul .li{width: 100%; float: none; margin-right: 0; margin-bottom: 0.2rem;}
	.feed .forms .inp-ul .li input{border-radius: 0.08rem; font-size: 0.24rem; line-height: 250%; height: auto;}
	.feed .forms .text h5{font-size: 0.26rem; line-height: 200%;}
	.feed .forms .text textarea{border-radius: 0.08rem; height: 1.63rem; font-size: 0.24rem; padding: .06rem 10px;}
	.feed .forms .buttn{margin-top: .3rem;}
	.feed .forms .buttn button{width: 100%; font-size: 0.32rem; height: 0.42rem;  line-height: auto; height: auto; border-radius: 0.08rem;}
	.silde-content{width: 100%; margin: 0 auto 1.4rem; padding: 0 .4rem; flex-direction: column;}
	.silde-content .silde-h{width: 100%; padding: .2rem .1rem; border-radius: .1rem; text-align: center;}
	.silde-content .silde-h .h-li{display: inline-block; font-size: 0.28rem; line-height: 200%; background: #FFF; margin-bottom: 0.2rem; border-radius: 0.1rem; padding: 0 .25rem; margin-right: 0.2rem;}
	.silde-content .silde-h .h-li:last-child{margin-right: 0;}
	.silde-content .silde-h .h-li:hover, .silde-content .silde-h .h-li.h-ing{background: #004EA2;}
	.silde-content .silde-c{width: 100%; margin-top: .3rem;}
	.silde-content .silde-c .c-li>h3{font-size: 0.32rem; line-height: 150%;}
	.silde-content .silde-c .c-li>h3 span{padding-right: 0.2rem;}
	.silde-content .silde-c .c-li .info-ul{margin-top: .3rem;}
	.silde-content .silde-c .c-li .info-ul .info-li{width: 100%; margin-bottom: .3rem; padding: 0.2rem 0.3rem; border-radius: .1rem;}
	.silde-content .silde-c .c-li .info-ul .info-li h4{font-size: 0.32rem; line-height: 150%; margin-bottom: .15rem;}
	.silde-content .silde-c .c-li .info-ul .info-li p,
	.silde-content .silde-c .c-li .info-ul .info-li p a{font-size: .24rem; line-height: 200%;}
	.busa1{width: calc(100% - .8rem); height: 1.72rem; border-radius: .3rem 0 .3rem 0; margin: .2rem auto 0;}
	.busa1 img{width: 100%; height: 100%; object-fit: cover;}
	.busa1 .txt{padding: 0 .35rem; font-size: .24rem; line-height: 150%;}
	.busa1 .txt::after{width: .3rem; margin-top: .2rem;}
	.joins{width: 100%; margin: .4rem auto 1.2rem; padding: 0 .4rem;}
	.joins .join-img{border-radius: .3rem;}
	.joins .join-img .txt{width: 100%; padding:0.25rem;}
	.joins .join-img .txt h3{font-size: .34rem; line-height: 120%;}
	.joins .join-img .txt h3::after{width: .3rem; height: .02rem; margin-top: 0.2rem;}
	.joins .join-img .txt p{font-size: .24rem; line-height: 180%; margin-top: .3rem;}
	.joins .email-ul{margin-top: .4rem;}
	.joins .email-ul .li{width: 100%; min-height: auto; float: none; margin-right: 0; margin-bottom: 0.3rem; border-radius: .1rem; padding: .2rem .25rem;}
	.joins .email-ul .li h4{font-size: .28rem; background-size: .35rem; padding-left: .6rem; line-height: 150%; background-position: left 0.1rem;}
	.joins .email-ul .li p{padding-left: .6rem; font-size: .24rem; line-height: 180%;}
	.joina{width: 100%; margin: 0 auto 1rem; padding: 0 .4rem;}
	.joina .joina-li{width: 100%; height: 2.5rem; border-radius: .2rem; margin-bottom: .3rem;}
	.joina .joina-li .txt{padding: .5rem .6rem;}
	.joina .joina-li .txt .txt-h{font-size: .36rem; line-height: .5rem;}
	.joina .joina-li .txt .txt-p{font-size: .24rem; line-height: 200%;}
	.joina .joina-li .txt .txt-p::after{width: .3rem; height: 0.02rem; margin-top: 0.2rem;}
	.joina .joina-li:nth-child(2n){margin-left: 0;}
	.joinb{width: 100%; margin: 0 auto 2rem; padding: 0 0.4rem;}
	.joinb .joinb-li{margin-bottom: .8rem; max-height: none;}
	.joinb .joinb-li:nth-child(odd){flex-direction: column-reverse; border-radius: .3rem 0 .3rem 0;}
	.joinb .joinb-li:nth-child(even){flex-direction: column-reverse; border-radius: .3rem 0 .3rem 0;}
	.joinb .joinb-li .txt{width: 100%;}
	.joinb .joinb-li:nth-child(odd) .txt,
	.joinb .joinb-li:nth-child(even) .txt{padding: 0.3rem 0.4rem 0.7rem;}
	.joinb .joinb-li .txt .txt-h{font-size: .3rem; line-height: 150%;}
	.joinb .joinb-li .txt .txt-h::after{width: .2rem; margin-top: .2rem;}
	.joinb .joinb-li .txt .txt-p{font-size: .24rem; margin-top: .4rem; line-height: 200%; display: block;}
	.joinb .joinb-li .img{width: 100%; height: 4.2rem;}
	.joinb .joinb-li:nth-child(odd) .img,
	.joinb .joinb-li:nth-child(even) .img{border-radius: .3rem 0 .3rem 0;}
	.joinc1{width: 100%; padding: 0 .24rem;}
	.joinc1 .joinc1-p{font-size: .24rem; line-height: 200%;}
	.joinc1 .img{margin: 0.5rem auto 0; height: 2.1rem; border-radius: 0.2rem 0 .2rem 0;}
	.joinc1 .img img{width: 100%; height: 100%; object-fit: cover;}
	.joinc1 .img .txt{padding: 0 .5rem;}
	.joinc1 .img .txt p{font-size: .24rem; line-height: 180%;}
	.joinc1 .img .txt p.p1::before,
	.joinc1 .img .txt p.p1::after{width: .5rem; height: .5rem; background-size: contain;}
	.joinc1 .img .txt p.p2{margin-top: .3rem; padding-right: .1rem;}
	.joinc2{width: 100%; margin: .9rem auto 1.5rem; padding: 0 .4rem;}
	.joinc2 .joinc-tit{font-size: .3rem; line-height: 150%;}
	.joinc2 .joinc-tit span{padding-right: 0.2rem;}
	.joinc2 .joinc-tit::after{height: 0.12rem;}
	.joinc2 .jc2-ul{margin-top: 0.5rem;}
	.joinc2 .jc2-ul .jc2-li{margin-top: .5rem; padding-bottom: .4rem;}
	.joinc2 .jc2-ul .jc2-li:nth-child(odd){flex-direction: column;}
	.joinc2 .jc2-ul .jc2-li:nth-child(odd) .img{border-radius: .2rem 0 .2rem 0;}
	.joinc2 .jc2-ul .jc2-li .img{width: 100%; height: auto;}
	.joinc2 .jc2-ul .jc2-li .txt{width: 100%; padding: .35rem 0 .2rem;}
	.joinc2 .jc2-ul .jc2-li .txt .txt-h{font-size: .3rem;}
	.joinc2 .jc2-ul .jc2-li .txt .txt-h::after{width: .3rem; height: 0.03rem; margin-top: 0.2rem;}
	.joinc2 .jc2-ul .jc2-li .txt .txt-p{margin-top: .2rem; font-size: .24rem; line-height: 180%;}
	.joinc2 .jc2-ul .jc2-li:nth-child(even){flex-direction: column;}
	.joinc2 .jc2-ul .jc2-li:nth-child(even) .img{border-radius: 0 .2rem 0 .2rem;}
}

@media only screen and (min-width:1024px) and (max-width:1440px){
	.feed,.busa1,.acad-ul,.news-content .news-ul,.recent-details .w12,.joins,.silde-content,.joina,.joinb,.joinc1,.joinc2{width: 74.96339677%;}
	.feed{margin: .6rem auto 1.2rem;}
	.feed>h2{font-size: .3rem;}
	.feed .forms .inp-ul .li{width: 30%; margin-right: calc(7% / 2); margin-bottom: .15rem;}
	.feed .forms .inp-ul .li input{border-radius: 0.08rem; font-size: .14rem; line-height: .6rem; height: .6rem;}
	.feed .forms .text h5{font-size: .24rem; line-height: 200%; padding-left: .1rem;}
	.feed .forms .text textarea{border-radius: 0.08rem; height: 1.63rem; font-size: 0.14rem; padding: 0.06rem 0.1rem;}
	.feed .forms .buttn{margin-top: 0.3rem;}
	.feed .forms .buttn button{width: 3rem; font-size: 0.22rem; line-height: 100%; height: 0.48rem;}
	.busa1 .txt{padding: 0 .4rem; font-size: .3rem; line-height: 150%;}
	.news-content{padding: .9rem 0 1rem;}
	.news-content .news-ul .news-li{width: 31%; margin: 0 calc(7% / 2) .5rem 0;}
	.news-content .news-ul .news-li:nth-child(3n){margin: 0 0 0.5rem 0;}
	.news-content .news-ul .news-li .news-img{position: relative; padding-bottom: 65%; height: 0;}
	.news-content .news-ul .news-li .news-img img{position: absolute; left: 0; top: 0; z-index: 1;}
	.news-content .news-ul .news-li .new{padding: .3rem .2rem .2rem;}
	.news-content .news-ul .news-li .new h2{font-size: .24rem;}
	.news-content .news-ul .news-li .new p{font-size: .14rem; height: 0.4433333333333332rem; min-height: 38px; margin-top: .1rem;}
	.news-content .news-ul .news-li .new .time{font-size: 0.2rem; margin-top: .2rem; line-height: 150%;}
	.recent-details{padding: 0.5rem 0;}
	.Recent-bgbox{padding: .45rem 0 .3rem;}
	.topRecent{padding: 0 0.6rem;}
	.joins{margin: .4rem auto 1.2rem;}
	.joins .join-img{border-radius: .3rem;}
	.joins .join-img .txt{padding-left: .75rem;}
	.joins .join-img .txt h3{font-size: .34rem; line-height: .5rem;}
	.joins .join-img .txt h3::after{margin-top: .2rem; width: .3rem; height: 0.02rem;}
	.joins .join-img .txt p{font-size: .2rem; line-height: 150%; margin-top: .4rem;}
	.joins .email-ul{margin-top: .4rem;}
	.joins .email-ul .li{width: 31%; margin-right: calc(7% / 2); margin-bottom: 0.3rem; border-radius: .1rem; padding: .2rem .25rem;}
	.joins .email-ul .li h4{font-size: .18rem; margin-bottom: .1rem; padding-left: .6rem; line-height: 160%; background-size: .35rem; background-position: left center;}
	.joins .email-ul .li p{padding-left: 0.6rem; font-size: 0.14rem; line-height: 180%;}
	.silde-content .silde-h{width: 3.4rem; padding: .2rem .1rem; flex-shrink: 0;}
	.silde-content .silde-h .h-li{font-size: .2rem; padding: 0 .25rem; line-height: .5rem; border-radius: .1rem; background-size: 0.06rem; margin-bottom: .1rem;}
	.silde-content .silde-h .h-li:hover, .silde-content .silde-h .h-li.h-ing{background-size: .06rem;}
	.silde-content .silde-c{width: auto; flex: 1; margin-left: .3rem;}
	.silde-content .silde-c .c-li>h3{font-size: .24rem; line-height: 150%;}
	.silde-content .silde-c .c-li .info-ul{margin-top: .3rem;}
	.silde-content .silde-c .c-li .info-ul .info-li{border-radius: .1rem; padding: .2rem .3rem .3rem; margin-bottom: .3rem;}
	.silde-content .silde-c .c-li .info-ul .info-li h4{font-size: .24rem; line-height: 150%; margin-bottom: .15rem;}
	.silde-content .silde-c .c-li .info-ul .info-li p,
	.silde-content .silde-c .c-li .info-ul .info-li p a{font-size: .14rem; line-height: 180%;}
	.joina{margin: .6rem auto 1rem;}
	.joina .joina-li{width: 49%; height: auto; border-radius: .2rem; margin-bottom: .3rem;}
	.joina .joina-li .txt{padding: .4rem .6rem;}
	.joina .joina-li:nth-child(2n){margin-left: 2%;}
	.joina .joina-li .txt .txt-h{font-size: .34rem; line-height: 180%;}
	.joina .joina-li .txt .txt-p{font-size: .22rem; line-height: 150%;}
	.joina .joina-li .txt .txt-p::after{width: .3rem; height: .02rem; margin-top: .2rem;}
	.joinb{margin: .3rem auto 2rem;}
	.joinb .joinb-li{margin-bottom: .8rem;}
	.joinb .joinb-li:nth-child(odd),
	.joinb .joinb-li:nth-child(odd) .img{border-radius: .3rem 0 .3rem 0;}
	.joinb .joinb-li:nth-child(even),
	.joinb .joinb-li:nth-child(even) .img{border-radius: 0 .3rem 0 .3rem;}
	.joinb .joinb-li:nth-child(odd) .txt{padding: .5rem .5rem .5rem .6rem;}
	.joinb .joinb-li:nth-child(even) .txt{padding: .5rem .4rem .5rem .6rem;}
	.joinb .joinb-li .txt{width: 41.40625%;}
	.joinb .joinb-li .txt .txt-h{font-size: .26rem; line-height: 150%;}
	.joinb .joinb-li .txt .txt-h::after{width: .3rem; height: 0.02rem; margin-top: .3rem;}
	.joinb .joinb-li .txt .txt-p{font-size: 0.2rem; line-height: 150%; margin-top: .5rem; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
	.joinb .joinb-li .img{width: 58.59375%; flex-shrink: 0; height: auto;}
	.joinc1 .joinc1-p{font-size: .14rem; line-height: 200%;}
	.joinc1 .img{margin-top: .5rem; border-radius: .2rem 0 .2rem 0;}
	.joinc1 .img .txt p{font-size: .18rem; line-height: 160%;}
	.joinc1 .img .txt p.p1::before,
	.joinc1 .img .txt p.p1::after{width: .5rem; height: .5rem; background-size: .5rem;}
	.joinc1 .img .txt p.p2{margin-right: .1rem; margin-top: .3rem;}
	.joinc2{margin: .9rem auto 1.5rem;}
	.joinc2 .joinc-tit{font-size: .24rem; line-height: 150%;}
	.joinc2 .joinc-tit span{padding-right: .2rem;}
	.joinc2 .joinc-tit::after{height: .12rem;}
	.joinc2 .jc2-ul{margin-top: .5rem;}
	.joinc2 .jc2-ul .jc2-li{margin-top: .5rem; padding-bottom: .4rem;}
	.joinc2 .jc2-ul .jc2-li:nth-child(odd) .img{border-radius: .2rem 0;}
	.joinc2 .jc2-ul .jc2-li .img{height: auto; width: 42.1875%;}
	.joinc2 .jc2-ul .jc2-li .txt{width: 52.34375%; padding: .35rem 0 .2rem;}
	.joinc2 .jc2-ul .jc2-li .txt .txt-h{font-size: .24rem;}
	.joinc2 .jc2-ul .jc2-li .txt .txt-h::after{width: .3rem; height: .03rem; margin-top: .2rem;}
	.joinc2 .jc2-ul .jc2-li .txt .txt-p{margin-top: .2rem; font-size: .14rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 服务与解决方案 >>>>>>>>>>>>>>>>>>>>>>>*/
.serv-content{width: 1280px; margin: 10px auto 120px;}
.serv-content .serv-form{width: 72.65625%; margin: 0 auto; border: #7EC2FF solid 1px; padding: 10px 20px; border-radius: 5px; display: flex; justify-content: space-between;}
.serv-content .serv-form input{flex: 1; font-size: 18px; line-height: 24px; border: none; outline: none; background: transparent;}
.serv-content .serv-form .buttn{border: none; background: transparent; outline: none; cursor: pointer; margin-left: 20px;}
.serv-content .serv-form .buttn svg{fill: currentColor; color: #004EA2; transition: all 0.3s;}
.serv-content .serv-form .buttn:hover svg{color: #F39700;}
.serv-content .serv-ul{margin-top: 70px; line-height:38px;}
.serv-content .serv-ul .serv-li{width: 301px; height: 172px; position: relative; margin-right: 25px; margin-bottom: 25px; border-radius: 12px;}
.serv-content .serv-ul .serv-li:nth-child(4n){margin-right: 0;}
.serv-content .serv-ul .serv-li .img{width: 100%; height: 100%; overflow: hidden; border-radius: 12px; transition: all 0.8s;}
.serv-content .serv-ul .serv-li .img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.serv-content .serv-ul .serv-li .txt{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 30px 40px;}
.serv-content .serv-ul .serv-li .txt .txt-h1{display: block;color: #FFF; width: 100%; height: 100%; font-size: 26px; width: 100%; height: 100%; position: relative; background: url(../images/right-white2.svg) no-repeat right bottom; background-size: 12px; transition: all 0.3s;}
.serv-content .serv-ul .serv-li .txt .txt-h1::after{content: ""; display: block; width: 25px; height: 2px; background: #FFF; position: absolute; bottom: 0; left: 0;}
@media only screen and (min-width:1024px){
	.serv-content .serv-ul .serv-li:hover .img{border-radius: 12px 12px 0 0;}
	.serv-content .serv-ul .serv-li:hover img{transform: scale(1.1);}
	.serv-content .serv-ul .serv-li:hover .txt .txt-h1{color: #F39700; background: url(../images/right-yellow.svg) no-repeat right bottom; background-size: 12px;}
}
.serv-content .rd-ul{margin-top: 40px;}
.serv-content .rd-ul .serv-li{height: auto; overflow: visible;}
.serv-content .rd-ul .serv-li .img{width: 100%; height: 100px; border-radius: 12px; overflow: hidden; transition: all 0.3s;}
.serv-content .rd-ul .serv-li:hover .img{border-radius: 12px 12px 0 0;}
.serv-content .rd-ul .serv-li .txt{padding: 20px 30px; height: auto;}
.serv-content .rd-ul .serv-li .txt-h2{font-size: 26px; display: block; color: #FFF; transition: all 0.3s; line-height: 38px; padding-right: 20px; background: url(../images/right-white2.svg) no-repeat right 9px; background-size: 12px;}
.serv-content .rd-ul .serv-li .txt-h2::after{content: ""; display: block; width: 25px; height: 2px; background: #FFF; margin-top: 15px;}
.serv-content .rd-ul .serv-li ul{margin-top: 20px;}
.serv-content .rd-ul .serv-li ul li{padding-left: 15px; font-size: 14px; line-height: 26px; position: relative;}
.serv-content .rd-ul .serv-li ul li::before{content: ""; width: 5px; height: 5px; border-radius: 50%; background: #FFF; position: absolute; left: 0; top: 10px; z-index: 1;}
.serv-content .rd-ul .serv-li:hover .txt-h2{color: #F39700;  background: url(../images/right-yellow.svg) no-repeat right 9px; background-size: 12px;}
.serv-content .serv-ul .serv-li .child{position: absolute; left: 0; top: 100%; z-index: 2; padding: 10px 5px; width: 100%; background-color: #F5F5F5;}
.serv-content .serv-ul .serv-li .child .child-li{width: 100%; display: block; color: #666; transition: all 0.3s; font-size: 16px; line-height: 200%; padding: 5px 20px;}
.serv-content .serv-ul .serv-li .child .child-li:hover{color: #F39700; background: #FFF;}

.article{width: 1280px; margin: 20px auto 70px; display: flex; justify-content: space-between;}
.article .aside{width: 360px;}
.article .section{width: 875px; line-height: 200%;}
.article .aside .aside0{background: #D2ECFC; padding: 20px 10px; border-radius: 0 25px 0 25px;}
.article .aside .aside0 .li{padding:20px 20px 20px 80px; background: #FFF; border-radius: 0 12px 0 12px; border-bottom: #549CE8 5px solid; transition: all 0.5s;}
.article .aside .aside0 .li:nth-child(n+2){margin-top: 20px;}
.article .aside .aside0 .li.li1{background: #FFF url(../images/yaowan.svg) no-repeat 20px center; background-size: 36px;}
.article .aside .aside0 .li.li2{background: #FFF url(../images/shiguan.svg) no-repeat 20px center; background-size: 36px;}
@media only screen and (min-width:1024px){
	.article .aside .aside0 .li:hover{opacity: 0.9; border-bottom: #F39700 5px solid;}
}
.article .aside .aside0 .li .li-h{font-size: 16px; line-height: 24px; color: #151515;}
.article .aside .aside0 .li .more{margin-top: 10px; font-size: 12px; color: #848484; transition: all 0.3s;}
.article .aside .aside0 .li .more:hover{color: #F39700;}

.article .aside .aside3{margin-top: 20px; background: #F4F4F4; border-radius: 0 25px 0 0;}
.article .aside .aside3 .aside-h{display: block; font-size: 18px; line-height: 30px; border-radius: 0 20px 0 20px; border-bottom: #FFF solid 12px; color: #FFF; padding: 15px 20px 20px 100px; background: #004EA2 url(../images/infors-icon.svg) no-repeat 20px center; background-size: 49px;}
.article .aside .aside3 .aside-cont{min-height: 200px;}

.article .aside .asides{background: #D2ECFC; overflow: hidden; border-radius: 0 25px 0 25px; margin-bottom: 20px;}
.article .aside .asides .aside-content{background: #F4F4F4; border-radius: 0 25px 0 0; padding: 30px 20px;}

.article .aside .aside1 .aside-h{font-size: 24px; line-height: 32px; color: #004EA2; padding: 20px 60px 15px 20px; background: url(../images/shaobei1.svg) no-repeat 96% center; background-size: 50px;}
.article .aside .aside1 .menu3-li .li-top a{display: inline-block; max-width: 92%; color: #000; font-weight: bold; font-size: 16px; line-height: 44px; transition: all 0.3s;}
.article .aside .aside1 .menu3-li .li-top{border-bottom: #B9B9B9 solid 1px; padding-left: 10px; cursor: pointer; background: url(../images/more-gray.svg) no-repeat 98% 17px; background-size: 5px; transition: all 0.5s;}
.article .aside .aside1 .menu3-li .li-top:hover{background: #FFF url(../images/more-gray.svg) no-repeat 98% 17px; background-size: 5px;}
.article .aside .aside1 .menu3-li.li-ing .li-top:hover{background: #FFF url(../images/more-blue.svg) no-repeat 97% 20px; background-size: 9px;}
.article .aside .aside1 .menu3-li.li-ing .li-top{background: url(../images/more-blue.svg) no-repeat 97% 20px; background-size: 9px;}
.article .aside .aside1 .menu3-li.li-ing .li-top a,.article .aside .aside1 .menu3-li .li-top:hover a{color: #004EA2;}
.article .aside .aside1 .menu3-li .menu3-child{ display: none; overflow: hidden;}
.article .aside .aside1 .menu3-li.li-ing .menu3-child{margin: 10px 0;}

.article .aside .aside1 .menu3-li .menu3-child a{display: block; color: #535353; line-height: 24px; font-size: 14px; padding: 10px 20px; position: relative; transition: all 0.3s;}
.article .aside .aside1 .menu3-li .menu3-child a::before{content: "";display: block; width: 6px; height: 6px; position: absolute; left: 4px; top: 18px; z-index: 1; background: #9B9B9B; border-radius: 50%;}
.article .aside .aside1 .menu3-li .menu3-child a::after{content: ""; display: block;width: 4px; height: 7px; background: url(../images/right-gray.svg) no-repeat center; background-size: contain; position: absolute; right: 10px; top:50%; transform: translate(0,-50%); z-index: 1;}
.article .aside .aside1 .menu3-li .menu3-child a.ing,.article .aside .aside1 .menu3-li .menu3-child a:hover{color: #004EA2;}
.article .aside .aside1 .menu3-li .menu3-child a:hover{background: #FFFFFF;}
.article .aside .aside1 .menu3-li .menu3-child a.ing::before{background: #004EA2;}
.article .aside .aside1 .menu3-li .menu3-child a.ing::after{background: url(../images/right-blue.svg) no-repeat center; background-size: contain;}

.article .aside .aside1 .menu3-li .menu3-child .child-li{padding-left: 10px; cursor: pointer; background: url(../images/more-gray.svg) no-repeat 98% 15px; background-size: 5px; color: #333; font-size: 15px; line-height: 44px; transition: all 0.3s;}
.article .aside .aside1 .menu3-li .menu3-child .child-li.child-ing{color: #004EA2; background: url(../images/more-blue.svg) no-repeat 97% 20px; background-size: 8px;}
.article .aside .aside1 .menu3-li .menu3-child .child-li:hover{color: #004EA2;}
/* .article .aside .aside1 .menu3-li.li-ing .menu3-child .child-li:hover{ background: #FFF url(../images/more-blue.svg) no-repeat 97% 20px; background-size: 8px;} */
.article .aside .aside1 .menu3-li .menu3-child .childs{display: none;}
#ing{color: #004EA2;}
#ing::before{background: #004EA2;}
#ing::after{background: url(../images/right-blue.svg) no-repeat center; background-size: contain;}
.article .aside .aside1 .menu4-li{display: block; color: #333; padding-left: 10px; font-weight: bold; border-bottom: #B9B9B9 solid 1px; font-size: 16px; line-height: 44px; cursor: pointer; background: url(../images/right-gray.svg) no-repeat 98% 17px; background-size: 5px; transition: all 0.5s;}
.article .aside .aside1 .menu4-li:hover,
.article .aside .aside1 .menu4-li.li-ing{color: #004EA2; background: #FFF url(../images/right-blue.svg) no-repeat 98% 17px; background-size: 5px;}

.article .aside .aside1 .aside-content5{padding: 20px;}
.article .aside .aside1 .menu5 a{display: block; color: #535353; line-height: 24px; font-size: 14px; padding: 10px 20px; position: relative; transition: all 0.3s;}
.article .aside .aside1 .menu5 a::before{content: "";display: block; width: 6px; height: 6px; position: absolute; left: 4px; top: 18px; z-index: 1; background: #9B9B9B; border-radius: 50%;}
.article .aside .aside1 .menu5 a::after{content: ""; display: block;width: 4px; height: 7px; background: url(../images/right-gray.svg) no-repeat center; background-size: contain; position: absolute; right: 10px; top:50%; transform: translate(0,-50%); z-index: 1;}
.article .aside .aside1 .menu5 a.ing,.article .aside .aside1 .menu5 a:hover{color: #004EA2;}
.article .aside .aside1 .menu5 a:hover{background: #FFFFFF;}
.article .aside .aside1 .menu5 a.ing::before{background: #004EA2;}
.article .aside .aside1 .menu5 a.ing::after{background: url(../images/right-blue.svg) no-repeat center; background-size: contain;}

.article .aside .aside2 .aside-h2{font-size: 16px; line-height: 24px; padding: 15px 30px; color: #004EA2; font-weight: bolder;}
.article .aside .aside2 .li{padding:20px 20px 20px 80px; background: #FFF; border-radius: 0 12px 0 12px; border-bottom: #D2ECFC 5px solid; transition: all 0.5s;}
.article .aside .aside2 .li:nth-child(n+2){margin-top: 20px;}
.article .aside .aside2 .li.li1{background: #FFF url(../images/shaobei2.svg) no-repeat 20px center; background-size: 36px;}
.article .aside .aside2 .li.li2{background: #FFF url(../images/DNA.svg) no-repeat 20px center; background-size: 36px;}
@media only screen and (min-width:1024px){
	.article .aside .aside2 .li:hover{opacity: 0.9; border-bottom: #F39700 5px solid;}
}
.article .aside .aside2 .li .li-h{font-size: 16px; line-height: 24px; color: #151515;}
.article .aside .aside2 .li .more{display: block; margin-top: 10px; font-size: 12px; color: #848484; transition: all 0.3s;}
.article .aside .aside2 .li .more:hover{color: #F39700;}

.section .h3{font-size: 22px; color: #363636; line-height: 32px;}
.section .img{margin-top: 20px;}
.section img{max-width: 100%; height: auto !important;}
.section .img img{width: 100%; height: auto;}
.section .boxA{width: 100%;  border-radius: 8px; overflow: hidden; background: #D2ECFC; margin-top: 30px;}
.section .boxA .box-h{font-size: 18px; line-height: 32px; padding: 0 20px; background: #004EA2; color: #FFFFFF;}
.section .boxA .box-c{padding: 20px; min-height: 230px; border: #DADADA solid 1px; border-top: none; border-radius: 0 0 8px 8px;}
.section .boxA .box-c .box-p{font-size: 16px; line-height: 26px; color: #808080;}
.section .boxA .box-c ul{margin-top: 15px;}
.section .boxA .box-c ul li{padding-left: 20px; font-size: 14px; color: #363636; line-height: 24px; margin: 5px 0;position: relative;}
.section .boxA .box-c ul li::before{content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background: #004EA2; position: absolute; left: 0; top: 9px;}
.section .boxA-2 .box-c .box-ul ul{flex: 1;}
.section .boxA-2 .box-c .box-ul ul:nth-child(2){padding-left: 80px; border-left: #004EA2 dashed 1px;}
.section .boxA-1{background: #D2ECFC url(../images/section/boxA1bg.png) no-repeat center bottom; background-size: cover;}
.section .boxA-2{background: #D2ECFC url(../images/section/boxA2bg.png) no-repeat center bottom; background-size: cover;}

.section .ul-blue li,.section .ul-grey li,.section .ul-bg-blue li{position: relative; font-size: 14px; line-height: 32px; color: #535353; padding-left: 16px;}
.section .ul-grey li,.section .ul-bg-blue li{line-height: 28px;}
.section .ul-bg-blue{background: #468EDC; padding: 10px; border-radius: 8px;}
.section .ul-bg-blue li{color: #FFF;}
.section .ul-blue li::before,.section .ul-grey li::before,.section .ul-bg-blue li::before{content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background: #428EDF; position: absolute; left: 0; top: 13px;} 
.section .ul-grey li::before{top: 11px; background: #9b9b9b;}
.section .ul-bg-blue li::before{top: 11px; background: #FFF;}
.section .tit-blue{font-size: 16px; line-height: 200%; color: #004EA2; font-family: 'ali';}
.section .div-p1{font-size: 16px; line-height: 32px; color: #535353; text-align: justify; margin-top: 20px;}
.section .div-p2{font-size: 14px; line-height: 26px; color: #535353; text-align: justify;}
.section .h2{font-size: 20px; line-height: 32px; color: #363636; font-family: "ali";}
.section .h2::after{content: ""; display: block; width: 100%; height: 2px; background: #D2ECFC; margin-top: 10px;}
.section .h4{font-size: 16px; line-height: 26px; color: #000; font-family: "ali";}
.section .h4 span{color: #4C4C4C;}
.section .h5{font-size: 20px; line-height: 30px; color: #004EA2;}
.section .h6{font-size: 18px; color: #004EA2; text-align: center;}
.section .boxB{margin-top: 50px;}
.section .img2{width: 100%; margin-top: 40px;}
.section .img2 img{width: 100%; height: auto;}
.section .img100{width: 100%;}
.section .img100 img{width: 100%; height: auto;}
.section .img-auto{width: 100%;}
.section .img-auto img{width: auto; height: auto; margin: 0 auto;}
.section .uls ul{margin-right: 90px;}
.section .uls ul li{font-size: 14px; line-height: 24px; color: #535353;}
.section .pha-box50{border-bottom: #CBCBCB dashed 1px; padding-bottom: 50px;}
.section .pha-box30{border-bottom: #CBCBCB dashed 1px; padding-bottom: 30px;}
.section .marg10{margin-top: 10px;}
.section .marg20{margin-top: 20px;}
.section .marg30{margin-top: 30px;}
.section .marg40{margin-top: 40px;}
.section .marg50{margin-top: 50px;}

.section .teca1,.section .teca2,.section .teca3{padding: 30px 0; border-bottom: #CBCBCB dashed 1px;}
.section .teca4{padding: 30px 0;}
.section .teca2 .h4{margin-bottom: 30px;}
.section .teca2 .ul-grey{margin-top: 30px;}
.section .teca4 .h4{margin-bottom: 10px;}

.section .pha1{position: relative; margin-top: 80px;}
.section .pha1 .pha-img{position: absolute; left: 0; top: -40px; z-index: 1; overflow: hidden; border-radius: 10px;}
.section .pha1 .txt{margin: 0 0 0 auto; width: 600px; height: 190px; padding: 20px 0 0 100px; border-radius: 10px; background: #F5F5F5; position: relative;}
.section .pha1 .txt::after{content: ""; display: block; width: 90%; height: 100%; border-radius: 10px; background: #D2ECFC; position: absolute; right: 20px; top: -5px; z-index: -1;}

.section .pha2 .ul{background: #F5F5F5; width: 270px; border-radius: 10px; overflow: hidden;}
.section .pha2 .ul .pha2-h{font-size: 16px; padding: 0 15px; line-height: 38px; color: #FFF; background: #004EA2;}
.section .pha2 .ul .ul-grey{padding: 20px 15px;}

.section .pha3{margin-top: 80px; padding: 40px 20px; height: 260px; background: url(../images/section/img16.jpg) no-repeat center; background-size: cover; border-radius: 0 30px 0 30px;}
.section .pha3 ul li{line-height: 36px;}

.section .box12301{background: #F3F3F3; margin-top: 30px;}
.section .tit1,.section .tit3,
.section .tit2{font-size: 18px; text-align: center; color: #FFF; background: #004EA2; line-height: 180%;}
.section .tit2{background: #F39700;}
.section .tit3{color: #404040; background: transparent; margin-top: 10px;}
.section .ul12301{display: flex; justify-content: space-between; padding: 30px;}
.section .ul12302{padding: 30px 10px;}
.section .ul12302 li{font-size: 16px; line-height: 180%; padding-left: 20px; position: relative; color: #535353;}
.section .ul12301 li{text-align: center; flex-shrink: 0; flex: 1; margin-right: 20px; color: #535353;}
.section .ul12301 li:last-child{margin-right: 0;}
.section .ul12301s li{text-align: left;}
.section .ul12301 li span{display: inline-block; margin-bottom:10px; font-size: 16px; line-height: 180%; padding-left: 20px; position: relative;}
.section .ul12301 li span::before,
.section .ul12303 li::before,
.section .ul12302 li::before{content: ""; display: block; width: 8px; height: 8px; border-radius: 100%; background: #004EA2; position: absolute; left: 0; top: 7px;}
.section .ul12302 li::before,.section .ul12301 li span::before{top: 10px;}
.section .uls12301{display: flex; justify-content: space-between; padding: 20px 25px;}
.section .uls12301 .uls123{width: 49%;}
.section .ul12303{margin-top: 20px; min-height: 120px; background: #FFF; padding: 15px; border-radius: 0.08rem;}
.section .ul12303 li{font-size: 14px; padding-left: 20px; position: relative; color: #707070; line-height: 160%;}
.section .ul12303 li.div-p2{color: #2C2C2C; padding: 0; line-height: 200%; margin-bottom: 0.1rem;}
.section .ul12303 li.div-p2::before{display: none;}
.section .ul12303 li.li-img{padding: 0;  margin-top: 0.2rem; padding-top: 0.1rem; border-top: dashed 1px #CBCBCB;}
.section .ul12303 li.li-img::before{display: none;}
.section .tit4{border-radius: 0.1rem 0.1rem 0 0; padding: 0.1rem 0; margin: 0.5rem 0 0.3rem; background: #004EA2; color: #FFF; text-align: center; line-height: 150%;}
.section .tit4 .tit41{font-size: 22px; line-height: 150%}
.section .tit4 .tit42{font-size: 16px; line-height: 150%;}
.section .teca5>div{min-width: 100px;}

/* 基因与细胞治疗技术平台 */
.phar{width: 1280px; margin: 30px auto 100px;}
.phar .phar-h{font-size: 26px; line-height: 32px; color: #FFF; padding: 20px 30px; border-radius: 20px 0 20px 0; background: url(../images/phar-bg.jpg) no-repeat center; background-size: cover;}
.phar .ul{display: flex; margin-top: 50px;}
.phar .ul .li{flex: 1; border-left: #D8D8D8 solid 2px; padding: 100px 20px 20px; text-align: center;}
.phar .ul .li:last-child{border-right: #D8D8D8 solid 2px;}
.phar .ul .li.li1{background: url(../images/phar1.png) no-repeat center top; background-size: 85px;}
.phar .ul .li.li2{background: url(../images/phar2.png) no-repeat center top; background-size: 85px;}
.phar .ul .li.li3{background: url(../images/phar3.png) no-repeat center top; background-size: 85px;}
.phar .ul .li.li4{background: url(../images/phar4.png) no-repeat center top; background-size: 85px;}
.phar .ul .li.li5{background: url(../images/phar5.png) no-repeat center top; background-size: 85px;}
.phar .ul .li .li-h{font-size: 22px; line-height: 32px; color: #000; font-weight: bold;}
.phar .ul .li .li-p{font-size: 14px; line-height: 24px; color: #535353; margin-top: 10px;}
.phar .info{background: #F3F3F3; text-align: center; margin-top: 40px;}
.phar .info .info-h{font-size: 18px; line-height: 32px; background: #004EA2; color: #FFF;}
.phar .info .txt{padding: 20px; font-size: 16px; line-height: 26px; color: #404040;}
.phar .more-box{text-align: center; margin-top: 50px;}
.phar .more{display: inline-block; font-size: 16px; line-height: 24px; color: #FFF; background: #F39700; border-radius: 6px; padding: 10px 50px; transition: all 0.3s;}
.phar .more:hover{background: #004EA2; letter-spacing: 0.02rem;-webkit-box-shadow:0 4px 20px rgba(0, 0, 0, .2);-moz-box-shadow:0 4px 20px rgba(0, 0, 0, .2);box-shadow:0 4px 20px rgba(0, 0, 0, .2);}

@media only screen and (max-width:1024px){
	.serv-content{width: 100%; margin: 0 auto 1.2rem; padding: 0 .4rem; }
	.serv-content .serv-ul{margin-top: 0;}
	.serv-content .serv-ul .serv-li{width: 100%; height: 1.72rem; margin-right: 0; margin-bottom: .25rem; border-radius: .12rem;}
	.serv-content .serv-ul .serv-li .img{border-radius: .12rem;}
	.serv-content .serv-ul .serv-li .txt{padding: .5rem .4rem;}
	.serv-content .serv-ul .serv-li .txt .txt-h1{font-size: .3rem; background-size: .15rem;}
	.serv-content .serv-ul .serv-li .txt .txt-h1::after{width: .3rem; height: 0.02rem;}
	.serv-content .serv-ul .serv-li .child{display: none !important;}
	.serv-content .rd-ul .serv-li{height: auto;}
	.serv-content .rd-ul .serv-li .img{height: 2rem;}
	.serv-content .rd-ul .serv-li:hover .img{border-radius: .12rem;}
	.serv-content .rd-ul .serv-li .txt{height: 100%;}
	.serv-content .rd-ul .serv-li .txt-h2{font-size: .36rem; line-height: 150%; padding-right: .2rem; background-position: right .15rem; background-size: .18rem;}
	.serv-content .rd-ul .serv-li:hover .txt-h2{background-position: right .15rem; background-size: .18rem;}
	.serv-content .rd-ul .serv-li .txt-h2::after{width: .3rem; height: .02rem; margin-top: 0.2rem;}
	.article1{flex-direction: column-reverse; width: 100%; padding: 0 .4rem; margin: .2rem auto .7rem;}
	.article .section{width: 100%; font-size: 0.24rem; line-height: 200%;}
	.section .h3{font-size: .26rem; line-height: 150%;}
	.section .boxA{border-radius: .08rem; margin-top: .3rem;}
	.section .boxA .box-h{font-size: .26rem; line-height: 200%; padding: 0 .2rem;}
	.section .boxA .box-c{padding: .2rem; border-radius: 0 0 0.08rem .08rem; min-height: auto;}
	.section .boxA .box-c .box-p{font-size: .24rem; line-height: 150%;}
	.section .boxA .box-c ul{margin-top: .15rem;}
	.section .boxA .box-c ul li{padding-left: .2rem; font-size: .24rem; line-height: 150%; margin: .05rem auto;}
	.section .boxA .box-c ul li::before{width: 0.06rem; height: .06rem; top: 0.16rem;}
	.section .boxA-2 .box-c .box-ul ul:nth-child(2){padding-left: 0.4rem;}
	.article .aside{width: 100%;}
	.article1 .aside{margin-top: .6rem;}
	.article .aside .asides{border-radius: 0 .25rem 0 .25rem; margin-bottom: .2rem;}
	.article .aside .aside0{padding: .3rem .2rem;}
	.article .aside .aside0 .li{border-radius: 0 .12rem 0 .12rem; padding: .2rem .2rem .2rem .8rem; border-bottom: #549CE8 0.05rem solid;}
	.article .aside .aside0 .li .li-h{font-size: .3rem; line-height: 150%;}
	.article .aside .aside0 .li.li1,
	.article .aside .aside0 .li.li2{background-position: 0.2rem center; background-size: .5rem;}
	.article .aside .aside0 .li .more{font-size: .24rem; margin-top: .1rem;}
	.article .aside .aside3{margin-top: .2rem; border-radius: 0 .25rem 0 0;}
	.article .aside .aside3 .aside-h{font-size: .26rem; line-height: 150%; border-radius: 0 .2rem 0 .2rem; padding: .15rem .2rem .2rem 1rem; background-size: 0.5rem; background-position: 0.2rem center;}
	.article .aside .aside3 .aside-cont{display: none;}
	.article{width: 100%; flex-direction: column; padding: 0 .4rem; margin: .2rem auto .7rem;}
	.article .aside .aside1 .aside-h{font-size: .3rem; line-height: 150%; padding: .2rem .6rem .15rem .2rem; background-size: .5rem;}
	.article .aside .asides .aside-content{border-radius: 0 .25rem 0 0; padding: .3rem .2rem;}
	.article .aside .aside1 .menu4-li{font-size: .28rem; line-height: .8rem; padding-left: .1rem; background-size: .09rem; background-position: 98% 0.34rem;}
	.article .aside .aside1 .menu4-li:hover, .article .aside .aside1 .menu4-li.li-ing{background-size: .09rem; background-position: 98% 0.34rem;}
	.article .aside .aside1 .menu5 a{font-size: 0.28rem; line-height: .8rem; padding: 0 0.2rem;}
	.article .aside .aside1 .menu5 a::before{width: .06rem; height: .06rem; left: .04rem; top: .38rem;}
	.section{margin-top: .8rem;}
	.section .h2{font-size: .36rem; line-height: 150%;}
	.section .h2::after{margin-top: .1rem;}
	.phar{width: 100%; padding: 0 .4rem; margin: .3rem auto 1rem;}
	.section .phar{padding: 0;}
	.article .phar{margin: .3rem auto;}
	.phar .phar-h{line-height: 1.2rem; font-size: .26rem; padding: .2rem .3rem; border-radius: .2rem 0 .2rem 0;}
	.phar .ul{width: 100%; margin-top: .5rem; flex-wrap: wrap;}
	.phar .ul .li{display: block; padding: 1rem .2rem .2rem; width: calc(100% / 3); margin-bottom: .4rem; flex: auto; flex-shrink: 0; border-left: #D8D8D8 solid 1px;}
	.phar .ul .li .li-h{font-size: .26rem; line-height: 150%;}
	.phar .ul .li.li1,.phar .ul .li.li2,.phar .ul .li.li3,.phar .ul .li.li4,.phar .ul .li.li5{background-size: .85rem;}
	.phar .ul .li .li-p{font-size: .24rem; line-height: 150%; margin-top: .1rem;}
	.phar .ul .li.li3,.phar .ul .li.li5{border-right: #D8D8D8 solid 1px;}
	.phar .info{margin-top: .4rem;}
	.phar .info .info-h{font-size: .26rem; line-height: 250%;}
	.phar .info .txt{padding: .2rem; font-size: .24rem; line-height: 150%;}
	.phar .more-box{margin-top: .5rem;}
	.phar .more{font-size: .26rem; line-height: 200%; border-radius: 0.06rem; padding: .1rem .6rem;}
	.article .aside.div_m{margin-top: 0.8rem;}
	.article .aside .aside2 .aside-h2{font-size: 0.32rem; line-height: 150%; padding: .15rem .3rem;}
	.article .aside .aside2 .li{padding: .2rem .2rem .2rem .8rem; border-radius: 0 .12rem 0 .12rem; border-bottom: #D2ECFC .05rem solid;}
	.article .aside .aside2 .li.li1,.article .aside .aside2 .li.li2{background-size: .5rem; background-position: .2rem center;}
	.article .aside .aside2 .li .li-h{font-size: .28rem; line-height: 150%;}
	.article .aside .aside2 .li .more{margin-top: .1rem; font-size: .24rem;}
	.article .aside .aside1 .menu3-li .li-top{padding-left: .1rem;}
	.article .aside .aside1 .menu3-li .li-top a{font-size: .28rem; line-height: .8rem;}
	.article .aside .aside1 .menu3-li.li-ing .menu3-child{margin: .1rem 0;}
	.article .aside .aside1 .menu3-li .menu3-child a{font-size: .24rem; line-height: 200%; padding: .1rem .2rem;}
	.article .aside .aside1 .menu3-li .menu3-child a::before{width: 0.08rem; height: 0.08rem; left: 0.04rem; top: calc(50% - 0.04rem);}
	.section .div-p1{font-size: .24rem; line-height: 200%; margin-top: .2rem;}
	.section .boxB{margin-top: .5rem;}
	.section .tit-blue{font-size: .28rem;}
	.section .ul-blue li, .section .ul-grey li, .section .ul-bg-blue li{font-size: .24rem; line-height: 150%; padding-left: 0.16rem;}
	.section .ul-blue li::before, .section .ul-grey li::before, .section .ul-bg-blue li::before{width: 0.06rem; height: 0.06rem; top: 0.18rem;}
	.section .teca4{padding: .3rem 0;}
	.section .tit4 .tit41{font-size: 0.32rem;}
	.section .tit4 .tit42{font-size: 0.24rem;}
	.section .ul12302{padding: .3rem .1rem;}
	.section .ul12302 li{font-size: .24rem; padding-left: 0.2rem;}
	.section .ul12301 li span::before, .section .ul12303 li::before, .section .ul12302 li::before{width: .08rem; height: .08rem;}
	.section .ul12302 li::before, .section .ul12301 li span::before{top: 0.18rem;}
	.section .div-p2{font-size: .26rem; line-height: 150%;}
	.section .marg10{margin-top: 0.1rem;}
	.section .marg20{margin-top: .2rem;}
	.section .marg30{margin-top: .3rem;}
	.section .marg40{margin-top: .4rem;}
	.section .marg50{margin-top: .5rem;}
	.section .teca1, .section .teca2, .section .teca3{padding: .3rem 0;}
	.section .h4{font-size: .28rem; line-height: 200%;}
	.section .teca4 .h4{margin-bottom: .1rem;}
	.section .teca2 .h4{margin-bottom: .4rem;}
	.section .teca2 .ul-grey{margin-top: .3rem;}
	.section .ul-bg-blue{padding: .1rem; border-radius: .08rem;}
	.section .uls{justify-content: space-between;}
	.section .uls ul{margin-right: .2rem;}
	.section .uls ul:last-child{margin-right: 0;}
	.section .pha-box50{padding-bottom: .5rem;}
	.section .pha-box30{padding-bottom: .3rem;}
	.section .pha1{margin-top: 0; margin-bottom: .5rem;}
	.section .pha1 .pha-img{position: static; border-radius: .1rem;}
	.section .pha1 .txt{width: 100%; height: auto; margin-top: .3rem; padding: .2rem .3rem;}
	.section .h5{font-size: .32rem; line-height: 200%;}
	.section .pha2{flex-direction: column;}
	.section .pha2 .ul{width: 100%; border-radius: .1rem; margin-bottom: .2rem;}
	.section .pha2 .ul .pha2-h{font-size: .3rem; padding: 0 .3rem; line-height: 200%;}
	.section .pha2 .ul .ul-grey{padding: .2rem .3rem;}
	.section .box12301{margin-top: .3rem;}
	.section .tit1, .section .tit3, .section .tit2{font-size: .3rem; line-height: 150%; padding: 0.1rem;}
	.section .ul12301{padding: .3rem; flex-direction: column;}
	.section .ul12301 li{margin-right: 0; text-align: left;}
	.section .ul12301 li span{margin-bottom: .1rem; font-size: .26rem; padding-left: .2rem;}
	.section .tit3{margin-top: .1rem;}
	.section .uls12301{flex-direction: column; padding: .2rem .25rem;}
	.section .uls12301 .uls123{width: 100% !important; margin-bottom: .5rem;}
	.section .h6{font-size: .28rem;}
	.section .ul12303{margin-top: .2rem; min-height: auto; padding: .2rem;}
	.section .ul12303 li{font-size: .24rem; padding-left: .2rem;}
	.section .ul12303 li::before{top: 0.15rem;}
	.section .ul12303 li.div-p2{font-size: .26rem;}
}
@media only screen and (min-width:1024px) and (max-width:1440px){
	.serv-content{width: 74.96339677%; margin: 0 auto 1.2rem;}
	.serv-content .serv-ul{margin-top: 0.3rem;}
	.serv-content .serv-ul .serv-li{width: 31%; height: 0; margin-right: calc(7% / 2); margin-bottom: 0.2rem; border-radius: 0.12rem; padding-bottom: 13.004878%;}
	.serv-content .serv-ul .serv-li .img{position:absolute; left: 0; top: 0; z-index: 1;}
	.serv-content .serv-ul .serv-li .txt .txt-h1{font-size: 0.26rem;}
	.serv-content .serv-ul .serv-li .txt{padding: 0.3rem 0.4rem;}
	.serv-content .rd-ul .serv-li .img{border-radius: 0.12rem;}
	.serv-content .rd-ul .serv-li:hover .img{border-radius: 0.12rem 0.12rem 0 0;}
	.serv-content .rd-ul .serv-li .txt-h2{font-size: 0.26rem; background-size: 0.12rem; line-height: 0.38rem; padding-right: 0.2rem; background-position: right 0.09rem;}
	.serv-content .rd-ul .serv-li:hover .txt-h2{background-position: right 0.09rem; background-size: 0.12rem;}
	.serv-content .rd-ul .serv-li .txt-h2::after{width: 0.25rem; height: 0.02rem; margin-top: 0.15rem;}
	.serv-content .rd-ul .serv-li .child{padding: 0.1rem 0.05rem;}
	.serv-content .rd-ul .serv-li .child .child-li{font-size: 0.16rem; padding: 0.05rem 0.2rem;}
	
	.article{width: 74.96339677%; margin: 0.2rem auto 0.7rem;}
	.article .aside{flex-shrink: 0; width: 26%;}
	.article .aside .asides{margin-bottom: 0.2rem; border-radius: 0 0.25rem 0 0.25rem;}
	.article .aside .aside0{padding: 0.2rem 0.1rem;}
	.article .aside .aside0 .li{padding: 0.2rem 0.2rem 0.2rem 0.8rem; border-radius: 0 0.12rem 0 0.12rem; border-bottom: #549CE8 0.05rem solid;}
	.article .aside .aside0 .li.li1,
	.article .aside .aside0 .li.li2{background-position: 0.2rem center; background-size: 0.36rem;}
	.article .aside .aside0 .li:nth-child(n+2){margin-top: 0.2rem;}
	.article .aside .aside0 .li .li-h{font-size: 0.2rem; line-height: 0.32rem;}
	.article .aside .aside0 .li .more{font-size: 0.12rem; margin-top: 0.2rem;}
	.article .aside .aside3{border-radius: 0 0.25rem 0 0; margin-top: 0.2rem;}
	.article .aside .aside3 .aside-h{font-size: 0.18rem; line-height: 0.3rem; border-radius: 0 0.2rem 0 0.2rem; border-bottom: #FFF solid 0.12rem; padding: 0.15rem 0.2rem 0.2rem 0.9rem; background-position: 0.2rem center; background-size: 0.5rem;}
	.article .aside .aside3 .aside-cont{min-height: 2rem;}
	.article .section{width: 72%;}
	.section .h3{font-size: 0.22rem; line-height: 0.32rem;}
	.section .img{margin-top: 0.2rem;}
	.section .boxA{margin-top: 0.3rem; border-radius: 0.08rem;}
	.section .boxA .box-h{font-size: 0.18rem; line-height: 200%; padding: 0 0.2rem;}
	.section .boxA .box-c{padding: 0.2rem; min-height: 2.3rem;}
	.section .boxA .box-c .box-p{font-size: 0.16rem; line-height: 0.26rem;}
	.section .boxA .box-c ul{margin-top: 0.15rem;}
	.section .boxA .box-c ul li{padding-left: 0.12rem; font-size: 0.14rem; line-height: 0.3rem; margin: 0.05rem 0;}
	.section .boxA .box-c ul li::before{width: 0.06rem; height: 0.06rem; top: 0.12rem;}
	.section .boxA-2 .box-c .box-ul ul:nth-child(2){padding-left: 0.8rem;}
	.article .aside .aside0 .li:hover,
	.article .aside .aside2 .li:hover{border-bottom: #F39700 0.05rem solid;}
	.article .aside .aside1 .aside-h{font-size: 0.24rem; line-height: 0.32rem; padding: 0.2rem 0.6rem 0.15rem 0.2rem; background-size: 0.52rem;}
	.article .aside .asides .aside-content{padding: 0.3rem 0.2rem;}
	.article .aside .aside1 .menu3-li.li-ing .li-top{background-size: 0.1rem; background-position: 98% 0.22rem;}
	.article .aside .aside1 .menu3-li .li-top{background-size: 0.07rem; background-position: 98% 0.18rem; padding-left: 0.1rem;}
	.article .aside .aside1 .menu3-li .li-top:hover{background: #FFF url(../images/more-gray.svg) no-repeat 98% 0.18rem; background-size: 0.07rem;}
	.article .aside .aside1 .menu3-li.li-ing .li-top:hover{background: #FFF url(../images/more-blue.svg) no-repeat 98% 0.22rem; background-size: 0.1rem;}
	.article .aside .aside1 .menu3-li .li-top a{font-size: 0.2rem; line-height: 0.5rem;}
	.article .aside .aside1 .menu3-li.li-ing .menu3-child{margin: 0.1rem 0;}
	.article .aside .aside1 .menu3-li .menu3-child a{font-size: 0.14rem; line-height: 0.24rem; padding: 0.1rem 0.2rem;}
	.article .aside .aside1 .menu3-li .menu3-child a::before{width: 0.06rem; height: 0.06rem; left: 0.04rem; top: 0.18rem;}
	.article .aside .aside1 .menu4-li{padding-left: 0.1rem; font-size: 0.16rem; line-height: 0.5rem; background-position: 98% 0.21rem; background-size: 0.05rem;}
	.article .aside .aside1 .menu4-li:hover,
	.article .aside .aside1 .menu4-li.li-ing{color: #004EA2; background-position: 98% 0.21rem; background-size: 0.06rem;}
	.article .aside .aside2 .aside-h2{font-size: 0.16rem; line-height: 0.24rem; padding: 0.15rem 0.3rem;}
	.article .aside .asides .aside-content{border-radius: 0 0.25rem 0 0;}
	.article .aside .aside2 .li{padding: 0.2rem 0.2rem 0.2rem 0.8rem; border-radius: 0 0.12rem 0 0.12rem; border-bottom: #D2ECFC solid 0.05rem;}
	.article .aside .aside2 .li.li1,
	.article .aside .aside2 .li.li2{background-position: 0.2rem center; background-size: 0.36rem;}
	.article .aside .aside2 .li .li-h{font-size: 0.18rem; line-height: 0.26rem;}
	.article .aside .aside2 .li .more{margin-top: 0.1rem; font-size: 0.12rem;}
	.article .aside .aside1 .menu3-li .menu3-child a::after{width: 0.08rem; height: 0.12rem; right: 0.05rem;}
	.article .aside .aside1 .aside-content5{padding: 0.2rem;}
	.article .aside .aside1 .menu5 a{font-size: 0.14rem; line-height: 0.24rem; padding: 0.15rem 0.2rem;}
	.article .aside .aside1 .menu5 a::before{width: 0.06rem; height: 0.06rem; left: 0.04rem; top: 0.25rem;}
	.section .h2{font-size: 0.3rem; line-height: 150%;}
	.section .h2::after{margin-top: 0.1rem;}
	.section .div-p1{font-size: 0.16rem; line-height: 200%; margin-top: 0.2rem;}
	.section .boxB{margin-top: 0.5rem;}
	.section .tit-blue{font-size: 0.28rem;}
	
	.section .ul-blue li, .section .ul-grey li, .section .ul-bg-blue li{font-size: 0.14rem; line-height: 0.36rem; padding-left: 0.16rem;}
	.section .ul-blue li::before,
	.section .ul-grey li::before,
	.section .ul-bg-blue li::before{width: 0.06rem; height: 0.06rem; top: 0.13rem;}
	.section .teca1, .section .teca2, .section .teca3{padding: 0.3rem 0;}
	.section .teca2 .h4{margin-bottom: 0.3rem;}
	.section .h4{font-size: 0.26rem; line-height: 200%;}
	.section .h6{font-size: .18rem;}
	.section .teca2 .ul-grey{margin-top: 0.3rem;}
	.section .teca4 .h4{margin-bottom: 0.1rem;}
	.section .teca4{padding: 0.3rem 0;}
	.section .marg10{margin-top: 0.1rem;}
	.section .marg20{margin-top: 0.2rem;}
	.section .marg30{margin-top: 0.3rem;}
	.section .marg40{margin-top: 0.4rem;}
	.section .marg50{margin-top: 0.5rem;}
	.section .pha-box30{padding-bottom: 0.3rem;}
	.section .pha1{margin-top: 0.8rem;}
	.section .pha1 .pha-img{top: -0.4rem; border-radius: 0.1rem; width: 50%;}
	.section .pha1 .txt{width: 6rem; height: auto; padding: 0.2rem 0 0.3rem 1rem; border-radius: 0.1rem;}
	.section .h5{font-size: 0.2rem; line-height: 0.3rem;}
	.section .div-p2{font-size: 0.14rem; line-height: 0.32rem;}
	.section .ul-bg-blue{padding: 0.1rem; border-radius: 0.08rem;}
	.section .pha2 .ul{width: 31%; border-radius: 0.1rem;}
	.section .pha2 .ul .pha2-h{font-size: 0.16rem; padding: 0 0.15rem; line-height: 0.38rem;}
	.section .pha2 .ul .ul-grey{padding: 0.2rem 0.15rem;}
	.section .pha3{margin-top: 0.8rem; padding: 0.4rem 0.2rem; height: 2.6rem; border-radius: 0 0.3rem 0 0.3rem;}
	.section .pha3 ul li{line-height: 0.36rem;}

	.section .box12301{margin-top: .3rem;}
	.section .tit1,.section .tit2,.section .tit3{font-size: .24rem; padding: 0.1rem 0;}
	.section .tit3{margin-top: 0.1rem;}
	.section .ul12301{padding: .3rem;}
	.section .ul12302{padding: .3rem .1rem;}
	.section .ul12302 li{font-size: .16rem; padding-left: .2rem; margin-bottom: 0.2rem;}
	.section .ul12301 li{margin-right: .2rem;}
	.section .ul12301 li span{margin-bottom:.1rem; font-size: .16rem; padding-left: .2rem;}
	.section .ul12301 li span::before,
	.section .ul12303 li::before,
	.section .ul12302 li::before{width: .08rem; height: .08rem; top: 0.07rem;}
	.section .ul12302 li::before, .section .ul12301 li span::before,
	.section .ul12303 li::before{top: 50%; transform: translate(0,-50%);}
	.section .ul12303{margin-top: .2rem; padding: .15rem;}
	.section .ul12303 li{font-size: .14rem; padding-left: .2rem; margin-bottom: .1rem;}
	.section .uls12301{padding: .2rem .25rem;}
	.section .tit4 .tit41{font-size: 0.28rem;}
	.section .tit4 .tit42{font-size: 0.16rem;}
	
	.phar{width: 74.96339677%; margin: 0.3rem auto 1rem;}
	.phar .phar-h{font-size: 0.26rem; line-height: 0.32rem; padding: 0.2rem 0.3rem; border-radius: 0.2rem 0 0.2rem 0;}
	.phar .ul{margin-top: 0.5rem;}
	.phar .ul .li{padding: 1rem 0.2rem 0.2rem;}
	.phar .ul .li{background-size: 0.85rem !important;}
	.phar .ul .li .li-h{font-size: 0.22rem; line-height: 0.32rem;}
	.phar .ul .li .li-p{font-size: 0.14rem; line-height: 150%; margin-top: 0.1rem;}
	.phar .info{margin-top: 0.4rem;}
	.phar .info .info-h{font-size: 0.18rem; line-height: 250%;}
	.phar .info .txt{padding: 0.2rem; font-size: 0.16rem; line-height: 150%;}
	.phar .more-box{margin-top: 0.5rem;}
	.phar .more{font-size: 0.16rem; line-height: 160%; border-radius: 0.06rem; padding: 0.1rem 0.5rem;}
}

.section .phar{width: 100%;}




.dfz-div{ color: #535353;}
.dfz-div .list1 .text{background: url(../images/2023073103.png) no-repeat bottom center; background-size: 100%; padding-bottom: 2%; }
.dfz-div .list1 .text p{ margin-bottom: .26rem; text-align: justify;}
.dfz-div .list1 .tp{ margin: 0 auto; margin-bottom: .4rem; max-width: 100%; height: auto;}
.dfz-div .list1 .tit { clear: both; font-size:16px; line-height:30px; height: 30px; color: #004EA2;background: url(../images/2023073104.png) no-repeat center center; margin-bottom: .08rem;}
.dfz-div .list1 .tit span { background: #fff; display: inline-block; padding-right: .2rem; font-weight: bold;}
.dfz-div .list1 .tit_2 { clear: both; font-size:16px; margin-bottom: .14rem;}
.dfz-div .list1 .ul-blue{margin-bottom: .3rem;}
.dfz-div .list1 .ul-blue li{font-size:inherit; line-height:200%;}
.dfz-div .list1 .tp-list{ clear: both; margin-top: .4rem;}
.dfz-div .list1 .tp-list img { display:block; float: left; width:30.6%; height: auto; margin-right: 4%;}
.dfz-div .list1 .tp-list img:last-child{margin-right:0}
.dfz-div .list1 .bx{margin-bottom: .1rem;}
.dfz-div .list1 .bx .bxL{ float: left; width: 55%;}
.dfz-div .list1 .bx .bxR{ float: right; width: 3.63rem; text-align: right;}
.dfz-div .list1 .bx .bxR img { max-width: 100%; height: auto; border-radius: .2rem;} 


.dfz-div .list1 .bx2{display:flex; align-items: center; justify-content: space-between; margin-bottom: .5rem;}
.dfz-div .list1 .bx2 .bx2L{ float: left; width: 55%;  }
.dfz-div .list1 .bx2 .bx2R{ float: right; width:41%; text-align: right; overflow: hidden;}
.dfz-div .list1 .bx2 .bx2R img { width: 100%; height: auto; border-radius: .2rem 0  .2rem 0;} 

.dfz-div .list2 .tp{ margin-bottom: .5rem;}


.dfz-div .list3 .text{background:none;padding-bottom: 0;}
.dfz-div .list3 .tp{ margin-bottom: .5rem;}





@media only screen and (min-width: 1024px) and (max-width: 1440px){
    .serv-content .serv-ul{ line-height: .4rem;}
.serv-content .serv-ul .serv-li{width:22.6%;margin-right:calc(6% / 2)}
    .serv-content .serv-ul .serv-li:nth-child(3n){margin-right:calc(6% / 2)}
    
    .serv-content .serv-ul .serv-li .child .child-li{line-height:160%}
}

@media only screen and (max-width:1024px){

    .dfz-div .list1 .bx .bxL{width:100%; float: inherit; margin-bottom: 20px;}
    .dfz-div .list1 .bx .bxR{width:90%; float: inherit; margin: 0 auto; margin-bottom: 35px;}
    .dfz-div .list1 .tp-list img{width:100%; float: inherit; margin-right: 0; margin-bottom: 16px;}
    .dfz-div .list1 .tp-list img:last-child{margin-bottom:0}
    
    .dfz-div .list1 .bx2{ display:block!important}
    .dfz-div .list1 .bx2 .bx2L{width:100%; float: inherit; margin-bottom: 15px; line-height: 200%; font-size: .24rem;}
    .dfz-div .list1 .bx2 .bx2R{width:100%; float: inherit;}
    .dfz-div .list3 .tp2{margin-top:-30px; margin-bottom: 0}
    
    .dfz-div .list3 .text{font-size:.24rem; line-height: 200%;}
    .dfz-div .list1 .tp-list{width:92%; margin: 0 auto;}
.dfz-div .list1 .text{font-size:.24rem; line-height: 200%;}
    



}