@charset "utf-8";


/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 2400px){
	.wp{ width: 20.8rem;}
	.container02 .wp{ width: 17.8rem }
	.container05 .wp, .container06 .wp{ width: 16.4rem;}
	.list8{width: calc((100vw - 12.4rem) / 2 + 16.4rem - 3.4rem);}
	.inner .wp, .ban .wp{ width: 18rem !important;}
	.list_about4 .li{ height: 8rem !important;}
}

@media(min-width: 1200px){
	.list3 li .a .con h5:hover{ color: #29b6b0;}
	.list3 li .a:hover .img{ clip-path: polygon(.34rem .48rem, calc(100% - 1.94rem) 0, 100% 100%, 0px 100%);}
	
	.list4 li:hover{ border: #2bb6b1 1px solid;}
	.list4 li:hover a{ box-shadow: 0px 0px 38px 0px rgba(41, 182, 176, 0.3);}
	.list4 li:hover a .con h5, .list4 li:hover a .time{ color: #fff;}
	.list4 li:hover a::before{ opacity: 1; visibility: visible;}
	
	.list4 li:hover a .sicoh3 .ico img{ opacity: .1;}
	
	.a:hover .img_zd .img_hezi, a:hover .img_zd .img_hezi{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}
	
	/* .list7 li .a:hover .img{clip-path: polygon(0px 0px, 83% 20%, 100% 100%, 0px 100%) !important;}
	.list7 li:nth-child(1) .a:hover .img, .list7 li:nth-child(3) .a:hover .img, , .list7 li:nth-child(4) .a:hover .img, .list7 li:nth-child(6) .a:hover .img{clip-path: polygon(0px 0px, 83% 20%, 100% 100%, 0px 100%) !important;}
	.list7 li:nth-child(2) .a:hover .img, .list7 li:nth-child(5) .a:hover .img{clip-path: polygon(0px 0px, 100% 0px, 80% 83%, 0px 100%) !important;} */
	
	.list8 li a:hover{ z-index: 10;}
	.list8 li a:hover{ border: #fff 1px solid; box-shadow: 0px 0px 15.68px 0.32px rgba(45, 102, 113, 0.71); background: #2ab6b1;}
	.list8 li a:hover .time, .list8 li a:hover .con h5{ color: #fff;}
	
	.list9 .li:hover a{width: 500px !important;}
	
	.list9 .li:hover a .img_box{ transform: scale(.5) translate(-50%, -50%); opacity: 0;}
	.list9 .li:hover a img.img2{ transform: scale(1) translate(-50%, -50%); opacity: 1;}
	
	.title005 .sicoh7 .ico:before{}
	
	.list5 li a:hover .ico img.img1{ display: none;}
	.list5 li a:hover .ico img.img2{display: inline-block;filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.21));}

	
	.list6 li a:hover{ border-radius: .1rem;}
	.list6 li a:hover .box1 .ico img{transform: rotateY(360deg);}
	.list6 li a:hover .box1 h5{ color: #29b6b0;}
	.list6 li a:hover{box-shadow: 0px 0px 30.68px rgba(45, 102, 113, 0.61);} 
	.list6 li a:hover .box1, .list6 li a:hover .box2{ border-radius: .1rem;}
	
	#nav ul li .sub .box .ll .img:hover img{ transform: scale(1.08);}
	
	.list9 li a:hover .img_box .img{ transform: scale(1.25);}
	
	.list5 li a:hover .ico{ background:#ffb400 !important}
	
	.more005 a:hover{ color: #29b6b0;}
}

@media(min-width: 2000px) and (max-width: 4000px){
	.list11 li{width: 3.125rem;min-height: 1.875rem;}
	.list9 li a{width: 4.18rem;}
.container06_box .bg{height: 11.65rem;}
}



@media(min-width: 1900px) and (max-width: 1940px){
	.list7 li .a .img{ min-width: 187px;}
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
}

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
	.list6 li .box1 h5{margin: .16rem 0 .12rem;font-size: .2rem;line-height: .26rem;height: .52rem;}
    .top_links .wz font{font-size: calc(100vw / 6);color: #f3f3f3;height: 2rem;}
    .container06_box .bg{height: 8.6rem;}
    .container06{padding: 2.4rem 0 .8rem;overflow: hidden;}
    .top_links{padding: .8rem 0 0;}

	.list11 li{} 
	
	.piaofu_fx{ left:10px; margin-left:0}
	.n_news_detail .wp{ padding:0 30px}
}

@media(max-width: 1400px){
	#header #logo{ width: 20%;}
	#header .right{ width: 75%;}
	.list_box0 .li{ margin-left: .3rem;}
	#nav{ margin-right: .3rem;}
	
	.list5 li .ico img{max-height: .3rem;max-width: .3rem;}
	.list6 li .box1 .ico img{ height: .8rem;}
	
	.d_lists li{ transform: translate(-50%, -50%) scale(.7);}
	
	#video .title003{ left: 58%;}
	
	
}

@media(max-width: 1330px){
	.top_links .wz font{font-size: calc(100vw / 6);}
}

@media(max-width: 1199px){
	.header_box{ display: none;}
	.m_header_box{ display: block;}
	
	.banner ul li a .img .img_hezi{ padding-bottom: 50% !important;}
	.container01{ height: auto;}
	.banner_svg{ display: none;}
	.banner{ position: relative;}
	
	.wp{ max-width: 100%; padding: 0 15px;}
	
	.container02 .bg img{ width: 3rem;}
	
	.list3{ margin-bottom: 0}
	.list3 li .a .con{ width: calc(100% - 6rem)}
	.list3 li .a .img{transform: translate(0, -.3rem);width: 6rem;}
	
	.container03 .wp{min-height: auto;height: auto;}
	
	.list6 li{transform: translateX(0) perspective(0) rotateY(180deg);}

	.container03 .content .left{ width: 1rem}
	.container03 .content .right{ width: calc(100% - 1rem)}
	
	.container04 .svg_top{ display: none;}
	
	#video{width: 100%; height: auto !important;}
	.jmn-video-container{ width: 100% !important; height: auto !important;}
	.container04 .xiangao{ display: none;}
	
	#video .title003{top: .5rem;transform: translate(0, 0);left: 15px;}
	#video .title003 img{ height: 2rem}
	
	.list8{width: calc(100vw - 3.4rem + 15px);}
	
	.container07 .wp .left{padding: 0;width: 3.4rem !important;padding: 0 .5rem 0 0;}
	.container07 .wp .right{ width: calc(100% - 3.4rem) !important;}

    .list10{ margin: 0 -5%}
	.list10 li{width: 25%;padding: 0 5%;}
	.list10 li img{ max-width: 100%}

	.top_links .wz font{font-size: calc(100vw / 6);}
	
	footer .wp{ flex-wrap: wrap;}
	footer .wp .left{ width: 100%;}
	footer .wp .center{width: 100%;padding: 0;order: 1;text-align: left;}
	footer .wp .right{width: 100%;padding: .3rem 0 1.75rem;display: block;}
footer .wp .right .aqzs {
    margin-bottom: 0.3rem;
}
	footer .wp .center .dl{justify-content: flex-start;flex-wrap: wrap;}
	footer .wp .center .dl .dt{/* width: 100% */}

	.list12{ justify-content: center}
	.list12 li{ margin: 0 .1rem}
	
	.piaofu_fx{ display:none}

	.container06_box .bg{height: 9rem;}

	.container02, .container03{ min-height: auto}
}

@media(max-width: 1060px){
	.list5 li a .ico{width: .4rem;height: .4rem;}
}

@media(max-width: 992px){
	.title001 font img{width: 1rem;}
	.title001 .ico img{height: .7rem;}
	
	.list3 li .a .con{width: 100%;padding: .4rem 0 0;}
	.list3 li .a .img{width: 100%;transform: translate(0, -.1rem);clip-path: unset;margin: .4rem 0 0;}

	.title001 .cc{}
	.title001 .rr img{ margin-bottom: .05rem}

	.list3 li .a .con p{ margin: .2rem 0}

	.container03 .content .left{ width: 100%}
	.container03 .content .right{ width: 100%}

	.list5{flex-direction: row;justify-content: space-around;margin-bottom: .4rem;}

    .list6{flex-wrap: wrap;/* justify-content: center */}
	.list6 li{width: 33%;margin-bottom: .2rem;}
	.list6 li a{ max-width: 100%}
	
	.list7{ overflow: hidden; overflow-x: scroll}
	.list7 li{width: 33.33%;min-width: 1rem;margin-bottom: .3rem;}
	
	.list9 li{ padding: 0 .2rem;}
	.top_links .wz font{font-size: calc(100vw / 6);height: .8rem;}

	.list9 li a .img_box>img{ height: .4rem}

	.container07 .wz img{width: calc(100% - 15px)}

	.d_lists{ height: 5rem}

    .d_lists li.dl1{left: 17%;}
	.d_lists li.dl5{left: 84%;}

	.list11 li a{width: 100%;}

	.container08{ padding: 0 0 .5rem}

	.container07{padding: .5rem 0;min-height: auto;}

	.container04{ overflow: hidden}
	
	.n_news_detail .ar_article_box .left{ width:100%; padding:0 0}
	.n_news_detail .ar_article_box .right{ width:100%; display:none}
	.n_news_detail .wp{ padding:0 15px}
	.n_news_detail{ padding:0 0 .5rem}

	.top_links .wz{ top: 18px}

	.top_links{padding: 1.2rem 0 0;}

	.list9 li a .img2{font-size: .3rem;bottom: .46rem;text-shadow: none !important;}
}

@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}

	.list9 li a .img_box>img{ height: .3rem}
	
	.banner ul li a .top .txt h4{ font-size: .2rem;}
	
	.container02 .bg img{ width: 2rem;}

	.title001 font img{ width: .8rem}
	
	.list4 li{ width: 100%;}
	.list4 li a{padding: 0 .3rem;height: 1rem;flex-wrap: wrap;/* flex-direction: column; *//* justify-content: center; */}
	.list4 li a .time{/* width: 100%; *//* margin-bottom: .1rem; */}
	.list4 li a .con{/* width: 100% */}
	.banner ul li a .top .txt h2{ margin-bottom: .1rem;}
	.banner ul li a .top .txt h2 img{ max-height: .3rem;}
	
	.container02{ padding: .5rem 0;}
	.list3 li .a .con h5{ font-size: .24rem;}

    .list6{margin: 0 -4px;justify-content: end;}
	.list6 li{width: 33.33%;padding: 0 3px;}
	.list6 li.li5{}
	.list6 li .box1{ padding: 0 10px}

	.title002 .ll img{ width: auto; height: .4rem}

	.list6 li .box1 h5{margin: .16rem 0 .12rem;font-size: .22rem;line-height: 22px;height: 44px;}
    .list6 li .box1 p{ line-height: 18px; height: 54px}

    .container03{padding: .5rem 0;min-height: auto;}
    .title002{ margin-bottom: .4rem}
	
	#video video{ width: 100vw; height: 70vw;}
	
	#video .title003 .ll img{ height: 2rem;}
	#video .title003 .ll{ margin-right: .2rem}
	.container04 .more001{ margin: .2rem 0 0}
	#video .title003{/* display: flex; */top: .4rem;left: 15px;align-items: flex-end;}
	
	.list4 li a .time{font-size: .2rem;width: 1.4rem;}
	.list4 li a .con{ width: calc(100% - 1.4rem)}
	
	.title004 .cc{top: -148%;left: 38px;}
	.title004 .ll img{ width: auto; height: .4rem}
	.container05 .wz{ transform: translateX(-50%);}
	
	.container05{padding: 1rem 0;overflow: hidden;}

    .container06_box .bg{height: 9.8rem;}
	.container06 .left{width: 100%;text-align: right;}

	.title005{justify-content: center;}
	.container06 .right{ width: 100%; padding: .3rem 0 0}
	.list8{width: calc(100vw - 12px);}

	.title005 .cc img{ height: 1.7rem}
	.title005 .ll font img{ width: .4rem}

	.title005 .ll font img.ar_web{ display:none}
	.title005 .ll font img.ar_wap{display:block;width: auto;height: .4rem;margin: 0 0 0 -.2rem;transform: translateY(-.1rem);}

	.container06{padding: 1.8rem 0 0.5rem;}

    .container07 .wp{flex-wrap: wrap;position: relative;margin-top: 1.2rem;margin-bottom: .4rem;}
	.container07 .wp .left{width: 100% !important;padding: 0;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
	.container07 .wp .right{width: 100%  !important;}
	.container06 .more001{margin: .2rem 0 0 0;justify-content: center;}
	.list8 li a{padding: 0 15px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;height: 1.1rem;}
	.list8 li a .time{width:100%;font-size: .2rem;}
	.list8 li a .con{width:100%;padding: 0;}
	.list8 li a .con h5{font-size: .22rem;}

	.container06 .wz{top: 1.3rem;left: 15px;}
	.list9 li a{height: auto;width: 2rem;height: 170px;}

	.ship{width: 2rem;}
	.d_lists li{ transform: translate(-50%, -50%) scale(.6);}
	.d_lists li .a .rr h6{ font-size: .2rem}

	.d_lists{ height: 4rem}

	.list4{ margin-top: .2rem}

	.title001 .ico .svg, .title001 .ico svg{width: 2rem;height: .6rem;}
	.title001 .cc{margin: 0;}

	.title005 .sicoh7 .ico:before{ height: 1.7rem}

	.list12 li .a{width: .5rem;height: .5rem;}

	footer .wp .left h3 img{ max-width: 4rem}

	.d_lists li.dl6{ width: 2rem; height: 2rem}
	.list11 li{width: 1.66rem;min-height: 2rem;} 
	
	.list6 li .box2{opacity: 0;visibility: hidden;}

	footer .wp .left p{ margin-bottom: .1rem}

	.top_links .wz font{font-size: calc(100vw / 6);height: .8rem;}

	.d_lists li.dl1{left: 13%;top: 44%;width: 2.26rem;height: 2.26rem;}
	.d_lists li.dl2{left: 31%;top: 5%;width: 2.26rem;height: 2.26rem;}
	.d_lists li.dl3{left: 71%;top: 5%;width: 2.26rem;height: 2.26rem;}
	.d_lists li.dl4{left: 87%;top: 44%;width: 2.26rem;height: 2.26rem;}
	.d_lists li.dl5{left: 71%;top: 86%;width: 2.26rem;height: 2.26rem;}
	.d_lists li.dl6{left: 31%;top: 86%;width: 2.26rem;height: 2.26rem;}
	
	@-webkit-keyframes ship {
		0% {
			-webkit-transform: rotate(0) translateY(0px);
			transform: rotate(0) translateY(0px);
		}
		75% {
			-webkit-transform: rotate(-4deg) translateY(-30px);
			transform: rotate(-4deg) translateY(-30px);
		}
		100% {
			-webkit-transform: rotate(0) translateY(0px);
			transform: rotate(0) translateY(0px);
		}
	}
	@keyframes ship {
		0% {
			-webkit-transform: rotate(0) translateY(0px);
			transform: rotate(0) translateY(0px);
		}
		75% {
		   -webkit-transform: rotate(-4deg) translateY(-30px);
		   transform: rotate(-4deg) translateY(-30px);
		}
		100% {
			-webkit-transform: rotate(0) translateY(0px);
			transform: rotate(0) translateY(0px);
		}
	}
	
	

.n_news_detail .ar_article_box h3{ font-size: .24rem; margin-bottom: .1rem}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a{ margin: 0 0 0 2px !important}
.hover-reveal{ display: none !important}
}  


@media(max-width: 500px){
	.container06_box .bg{height: 9.6rem;}
	.top_links{padding: 1rem 0 0;}
}