﻿
@media screen and (max-width:1023px){
.w{width:calc(100% - 20px);}
.head-fixed{ height:70px; -webkit-backdrop-filter:none; backdrop-filter:none;}
.logo{width:auto;padding-left:10px;}
.logo img{ width:auto; height:40px;}
.sanh{ display:block;top:10px;margin-top:0px;}
.sanh>div{margin:5px 0px;}
.tesd>div{margin:10px 0px;}
.tesd{top:0px;}
.nav{ width:100%; position: fixed; left: -100%; height:100%; top:0; z-index: 10; padding:0; display:block; margin-top:0;}
.nav_bg{ display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5); z-index:1;}
.nav .w{ width:100%;}
.nav ul{ width:65%; background:#fff; position:absolute; top:0; left:0; bottom:0; right:inherit; display:block; z-index:2;}
.nav .plebans{ font-size:14px; width:100%; padding-left:20px; height:auto; line-height:40px!important; text-align:left;}
.nav .plebans a{ display:inline; padding:0!important; color:#333!important; font-weight:500;}
.nav li .plebans:after{ display:none;}
.nav li{ width:100%; border-bottom:1px solid rgba(0,0,0,.05); height:auto; padding:0;}
.nav li .jd{ position:absolute; display:block; top:50%; margin-top:-8px; right:8%; width:12px; height:12px; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1; transform:rotate(90deg);}
.nav li.hover .jd{ background-image:url(../images/arrow4.svg);}
.nav li.on:after{ display:none;}
.nav li.on .plebans a,.nav li.cur .plebans a{ background:none; color:#ee1c25!important;}
.nav li:nth-child(1){ display:block;}
.nav li.libig .goutp dl{ padding:0; width:100%;}
.nav li.libig .goutp dl dt{ font-size:14px; border-top:1px solid rgba(0,0,0,.05); line-height:2.6;padding-bottom:0px;}
.nav li.libig .goutp dl dt a{ color:#666; padding-left:30px;}
.nav li.libig .goutp dl dd{width:100%;}
.goutp{ position:static; box-shadow:none; width:100%!important; text-align:left; margin:0!important;}
.goutp:before{ display:none;}
.goutp p{ font-size:14px; border-top:1px solid rgba(0,0,0,.05);}
.goutp p a{ color:#666; padding-left:50px;}
.hrt{ position:absolute; right:60px; top:50%; margin-top:-25px;}
.search{ width:145px; padding:0;}
.s_intxt{ font-size:12px; line-height:23px;padding:0px 5px;width:calc(100% - 4px);}
.s_inbut{ margin-top:-12px; background-size:16px 16px; border-radius:6px; width:24px; height:24px;}
.dropdown{ font-size:16px; line-height:50px;}
.dropdown em{ font-size:14px; padding:0 15px 0 0px;}
.dropdown em:after{ margin-top:-3px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #3f3f3f;}

.con1 .video video{ width:auto; height:100vh; display:block; opacity:.8;}
.con1 .w{ top:100px;}
.con1 .con1_lf{ width:100%; padding:0 4%; text-align:center;}
.con1 .con1_lf h3{ font-size:24px;}
.con1 .con1_lf .txt{ margin-top:20px; font-size:16px;}
.con1 .con1_lf a{ font-size:16px; padding:0 40px; margin-top:20px;}
.con1 .con1_rt{ width:100%; margin-top:45px;}
.con1 .con1_rt ul li{ margin-bottom:50px; width:40%;}
.con1 .con1_rt ul li:nth-child(2n+1){ width:60%; padding-left:5%;}
.con1 .con1_rt ul li p{ font-size:20px; margin-bottom:10px;}
.con1 .con1_rt ul li em{ font-size:24px;}
.con1 .con1_rt ul li em span{ font-size:24px;}

.con2_list li{ width:50%;}
.con2_list li .pic img{ height:50vh;}
.con2_list li .txt{ top:0;}
.con2_list li .txt .t2 em{ font-size:24px;}
.con2_list li .txt .t2 p{ font-size:20px;}
.con2_list li .txt .bot{ display:none;}

.con3{ padding:100px 0 0 0;}
.con3c{ padding:0; text-align:center;}
.t3_1{ padding-bottom:30px;}
.t3_1 em{ font-size:24px;}
.t3_1 p{ font-size:16px; margin-top:10px;}
.con3_list1{ padding:5px 0 0 0;}
.con3_list1 li{ width:50%; display:block; margin-bottom:25px;padding:0px 6px;}
.con3_list1 li img{ height:67px;}
.con3_list1 li em{ font-size:16px; line-height:27px; margin:0px 0 0 0; display:block; width:100%!important;}
.con3_list1 li p{ font-size:14px; margin:10px 0 0 0; width:100%!important;}
.t3_0{ font-size:14px;}
.honerc{ padding:25px 40px;}
.honerc .swiper-slide img{ height:240px;}
.honerc .swiper-button-prev,.honerc .swiper-button-next{ width:50px; height:50px;}
.honerc .swiper-button-prev{ left:-25px;}
.honerc .swiper-button-next{ right:-25px;}
.honerc .swiper-button-prev:after,.honerc .swiper-button-next:after{ font-size:20px;}
.t3_2{ padding-top:20px;}
.t3_2 em{ font-size:14px;}
.t3_2 p{ font-size:37px; width:85%;}

.con4{ padding:120px 0 0 0;}
.con4 .pic{ width:100%;}
.con4 .txt{ width:100%; margin-top:40px;}
.con4 .txt h3{ font-size:20px; margin-bottom:10px;line-height:30px;}
.con4 .txt .txtc{ font-size:14px; -webkit-line-clamp:8; margin-bottom:10px;}
.con4 .txt .bot{ font-size:14px;}
.con4 .txt .bot a{ border-bottom-width:4px;}
.con4_tab{ width:100%; margin:45px 0 0 0;}
.con4_tab .swiper-slide{ font-size:20px; border-top-width:4px;}

.footer{ padding:30px 0 0 0;}
.f_w{ padding:20px 0;}
.foot1{ display:block; text-align:center; gap:0;}
.foot1 .f_logo{ margin:0 auto 10px auto; display:block; width:25%;}
.foot1 p{ font-size:14px; width:100%; padding-top:10px;}
.foot1 p em{ padding-left:40px;}
.f_lf{ width:100%;}
.f_lf li{ width:auto;}
.f_lf li span{ font-size:14px; margin-bottom:3px;}
.f_lf li .txt{ display:none;}
.f_lf li p{ font-size:16px;}
.f_ewm{ width:35%; margin:45px auto 0 auto;}
.f_ewm p{ font-size:16px;}
.foot{ font-size:16px; padding:35px 0;}
}
@media screen and (max-width:650px){
	.con1 .video video{}
	
	.con1 .con1_lf .txt{line-height:1.7;}
	.con1 .con1_rt ul li{margin-bottom:30px;}
	.con1 .con1_lf a{line-height:2;}
	.con4 .txt .txtc{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	
	.con3{padding:70px 0 0 0;}
	.con4{padding:0px 0 0 0;}
	.con1 .w{top:0px;}
	.t3_1{padding-bottom:10px;}
	.con3_list1 li img{height:40px;}
	.con3_list1 li{padding-bottom:10px;margin-bottom:0px;}
	.honerc .swiper-slide img{height:auto;}
	.honer{width:80%;margin-left:10%;}
	.honerc{padding:10px 40px;}
	.t3_2{display:none;}
	
	.comflex1 dd{display:none;}
	.comflex1 dt{position:sticky;}
	
	.pcvideo{display:none;}
	.wapvideo{display:block;}
}
@media screen and (max-width:360px){
}