captiongreen*{margin:0;padding:0;}
body{padding:0;margin:0;font-family:'Arial','Microsoft YaHei',sans-serif;color:#000;background:#fff; font-size:14px; line-height:26px;}
a,area{blr:expression(this.onFocus=this.blur())}
/* for IE */
:focus{-moz-outline-style:none;}
/* for Firefox */
a{text-decoration:none;color:#000;outline:none;}
a:hover{color:#000;text-decoration:none;outline:none;}
a img{border:none;}
table tr td{font-size:14px;}
font{}
ul,li{list-style:none; text-decoration:none; margin:0; padding: 0;}
.length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* Wrapper */
.max-width{ max-width:1400px; margin:0 auto; min-width:320px; width:auto;}
.box{display: -moz-inline-stack; display:inline-block; *display:inline; *zoom:1;}
#wrapper{ overflow-x:hidden; min-width: 320px;}
.font{ font-family:"宋体";}
p{ margin-bottom:0;}
.clear{ clear: both; padding: 0; margin: 0;}
ul, menu, dir{ -webkit-padding-start:0px!important;}
h1, h2, h3, h4, h5, h6{ font-weight: normal; color: inherit;}
/* body */

/* head */
#top{ width: 100%; background: #000; position: fixed; left: 0; top: 0; z-index:999;}
.top{ height:80px; max-width:1400px; margin:0 auto; position: relative;}
.logo{ position: absolute; left: 0; top:12px;}
.logo img{ max-width: 200px; max-height:56px; }
.menu{ margin: 0 auto; text-align: center;  display: flex; justify-content: center; padding-left: 70px;}
.menu ul li{ display: inline-block; color:#fff; text-align:center; position:relative; z-index:999;font-family:"Impact","Arial Black","sans-serif";}
.menu ul li a{ display:block; line-height:80px; height:80px; padding:0 28px; text-align:center;}
.menu ul li p{ color: #fff; font-size:28px; letter-spacing:1.4px; text-align: center; text-shadow: 0 0 1px #f8b500; -webkit-text-stroke: 1px #f8b500;}
.menu ul li a:hover{ background: url("../images/menu_hover.png?v=1") no-repeat center bottom;}   
/* 四条边框线的共同样式 */
.menu-item::before,
.menu-item::after,
.menu-item p::before,
.menu-item p::after {
	content: '';
	position: absolute;
	background: #f8b500;
	transition: all 0.5s ease;
}     
/* 上边框 - 从左向右延伸 */
.menu-item::before {
	top: 0;
	left: 0;
	width: 0;
	height: 1px;
}

/* 右边框 - 从上向下延伸 */
.menu-item::after {
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
}

/* 下边框 - 从右向左延伸 */
.menu-item p::before {
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
}

/* 左边框 - 从下向上延伸 */
.menu-item p::after {
	bottom: 0;
	left: 0;
	width: 1px;
	height: 0;
}

/* 鼠标悬停时四条边框延伸 */
.menu-item:hover::before {
	width: 100%;
}

.menu-item:hover::after {
	height: 100%;
}

.menu-item:hover p::before {
	width: 100%;
}

.menu-item:hover p::after {
	height: 100%;
}  
/* 可选：添加背景色变化 */
.menu-item:hover {
	background-color: rgba(52, 152, 219, 0.1);
}
.share{ position: absolute; right: 100px; top: 24px; width: 135px;}
.share a{ width:30px; height: 30px; display: inline-block; margin: 0 6px;}
.share a.s_face{ background: url("../images/face.png") no-repeat center;}
.share a.s_x{ background: url("../images/x.png") no-repeat center;}
.share a.s_you{ background: url("../images/you.png") no-repeat center;}
.lang { position: absolute; right: 0px; top: 24px; width: 90px; font-family:arial;}
.lang a{ background: url("../images/lang.png") no-repeat center left; background-size: 30px; padding-left:38px; line-height: 30px; color: #fff; display: block; }
	
#header .navbar{ margin-bottom:0; min-height:40px;border:none; border-bottom: 1px solid #1a1a1a;}
#header .m_logo{ background:url(../images/logo.png) no-repeat; height:36px; position:absolute; top:12px; left:10px; width:110px; background-size:100%;}
#header .navbar-header{ min-height:50px; height:50px;}
#menu .navbar-collapse{}
#menu .navbar-toggle{ margin-right:8px; margin-top:8px; margin-bottom: 0;}
#menu .navbar-toggle span{ background:#fff;}
#menu  a.menu-item{text-align:left; line-height:20px; color:#fff; border-radius:8px; font-size:16px;}
#menu  a.menu-item:hover{ background:none; color:#f8b500;}
#menu ul.dropdown-menu{ border-bottom:1px solid #949494;}
#menu ul.dropdown-menu li a{ display:block; height:40px; line-height:30px; color:#fff; font-size:1.1em;}
#menu ul.dropdown-menu li a:hover{background:#666666;}
.navbar-nav>li>a{ color: #fff;}
#menu ul.dropdown-menu li a:hover{ color:#f8b500;}
#menu .sec_m{ display:none!important;}
#menu .btn-default{ float:right; width:20%;}
.nav_bg{ background:#000; position:relative; z-index:99; min-height:50px;}
.navbar-brand{ color:#fff;}
/* head  */


/* video  */
.b_video {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 0px;
}
/* 预览视频容器 */
.video-preview-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	background: #000;
	overflow: hidden;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
}

/* 预览视频样式 */
.preview-video {
	width: 100%;
	display: block;
	cursor: pointer;
}

/* 播放按钮样式 */
.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 96px;
	height: 96px;
	background: url("../images/video_btn.png") no-repeat;
	background-size: 100%;
	cursor: pointer;
	z-index: 10;
	transition: all 0.3s ease;
}

/* 视频弹窗样式 */
.video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1000;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.video-modal.active {
	display: flex;
	opacity: 1;
}

.modal-content {
	position: relative;
	width: 92%;
	max-width: 1100px;
	margin: 0 auto;
	border:0px solid rgba(0, 0, 0, .2);
	background-color:#000;
}

.full-video {
	width: 100%; 
	display: block;
	border-radius: 4px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
}
.video-modal
/* 关闭按钮样式 */
.close-button {
	position: absolute;
	top: -40px;
	right: -10px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.close-button:hover {
	background: #f8b500;
	transform: rotate(90deg);
}

.close-button::before,
.close-button::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: white;
}

.close-button::before {
	transform: rotate(45deg);
}

.close-button::after {
	transform: rotate(-45deg);
}

/* video */


/* index */
#home{ width: 100%; height: auto; position: relative;}
.homea{ background: url("../images/bg1.jpg") no-repeat top center; background-position: 50% 50%; background-size: cover;overflow: visible; padding: 110px 0;}
.home_mid,.homea_mid{ margin: 0 auto; max-width: 1400px; position: relative;padding: 0 15px;}
.title1{ float: right; width:79%; text-align: right; padding-bottom: 40px;}
.title img{ max-width: 100%; }
.a_list{ float: right; width:79%; text-align: right; position: relative;}
.a_list .index-swiper-container{ padding-bottom: 50px;}
.a_list .swiper-slide{ position: relative;}
.a_list .swiper-slide img{ width: 100%;}
.a_list .swiper-slide .img_tmbg{ position:absolute; left: 0; top:0; display: none;}
.a_list .swiper-slide:hover .img_tmbg{ display: block;}
.a_list .swiper-slide a{display: block; width: 100%;}
.viewbtn{ position: absolute; bottom: 10%; left:50%; z-index: 99; width: 196px; height: 74px; line-height: 74px; transform: translate(-60%, -46%);}
.view{ display: block; text-align: center; width: 100%; color:#fff; font-family: arial; font-size: 18px; font-weight: bold; font-style:italic; background: url("../images/view.png") no-repeat center; background-size: 100%; margin: 0 auto;}
.view a{ color: #fff;}
.a_list .swiper-slide .a_list_note{  position: absolute; top: 50%; left: 50%; transform: translate(-48%, -70%); color: #fff; width: 70%; display: none; text-align: left;}
.a_list .swiper-slide:hover .a_list_note{ display: block;}
.a_list .swiper-slide em{ font-size: 14px; color: #f8b500; font-style: normal;}
.a_list .swiper-slide .a_list_note h2{ font-size: 32px; font-weight: bold; margin: 5px 0 10px 0;}
.a_list .swiper-slide .a_list_note h2 a{ color: #fff;}
.a_list .swiper-slide .a_list_note p{ font-size: 16px; line-height: 24px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.a_list .swiper-pagination{ display: none;}
.swiper-pagination-bullet{ background: #000; width:12px; height: 12px;}
.swiper-pagination-bullet-active{ background: #f0a709;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ pointer-events:inherit!important;}
.swiper-button-prev, .swiper-button-next {
    width: 32px;
    height: 40px;
	filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, 0.6));
	z-index: 999;
}
.swiper-button-prev {
	background: url("../images/prev.png?v=1") no-repeat center;
	background-size: 100%;
    left: -25px;
}
.swiper-button-next {
    background: url("../images/next.png?v=1") no-repeat center;
	background-size: 100%;
    right: -20px;
}
.swiper-button-prev:hover {
	background: url("../images/prev_on.png?v=1") no-repeat center;
	background-size: 100%;
}
.swiper-button-next:hover {
    background: url("../images/next_on.png?v=1") no-repeat center;
	background-size: 100%;
}
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}
/*homea*/	
	
.homeb{ background: url("../images/bg2.jpg") no-repeat top center; background-position: 50% 50%; background-size: cover;overflow: visible; padding: 225px 0;}
.title2{ width:79%; padding-bottom: 40px;}
.title2 img{ max-width: 100%; }
.h_about_note{ color: #fff; width: 42%; margin-bottom: 50px; font-weight: bold; font-style: italic; font-size: 18px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.viewbtn2{ position:inherit!important; bottom:inherit!important; left: inherit!important; width: 190px; z-index: 99; transform:none!important;}
/*homeb*/

.homec{ background: url("../images/bg3.jpg") no-repeat top center; padding: 140px 0;  background-position: 50% 50%; background-size: cover;overflow: visible; }
.title3{ width:40%; padding-bottom: 40px;}
.title3 img{ max-width: 100%; }
.tab_container{ max-width: 1400px; margin: 0 auto; padding-bottom: 200px;}
.tabs {
	display: flex;
	position: absolute;
	right: 38px;;
	top: 50px;
}
.tab-btn {
	background:url("../images/tab.png") no-repeat center;
	background-size: 100%;
	border: none;
	cursor: pointer;
	font-size: 28px;
	font-style: italic;
	font-weight: bold;
	transition: 0.3s;
	margin-right: -38px;
	color: #f7b401;
	width: 200px;
	height: 50px;
	line-height: 50px;
}
.tab-btn.active {
	background:url("../images/tab_on.png") no-repeat center;
	background-size: 100%;
	color: white;
}
.tab-content {
	display: none;
	padding: 20px 0;
}
.tab-content.active {
	display: block;
}
.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}
.grid-item {
	overflow: hidden;
	cursor: pointer;
}
.grid-item img {
	width: 100%;
	height: auto;
	display: block;
}
.video-thumbnail {
	position: relative;
}
.video-thumbnail::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}
/* 弹窗样式 - 更新部分 */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	overflow: auto;
}
.modalbox-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 100%;
	padding: 15px;
	position: relative;
}
.modal-image-container, 
.modal-video-container {
	max-width: 1000px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	box-shadow:0 10px 30px rgba(0,0,0,.7)
	
}
.modal-image-container img {
	max-width: 100%;
	max-height: 80vh;
	object-fit: contain;
	display: block;
}
.modal-video-container video {
	max-width: 100%;
	display: block;
	background: #000;
}
.close-btn {
	position: absolute;
	top: -28px;
	right: 0px;
	color: white;
	font-size: 38px;
	font-weight: bold;
	cursor: pointer;
	z-index: 1001;
}
.media-item {
	background-size: 100% 100%;
	display: block;
	float: left;
	overflow: hidden;
}
.media-item .img-box2 {
	height: 100%;
	margin: 0 auto;
	mask-image: url("../images/boxbg.png");
	mask-size: 100% 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.media-item .img-box2:before {
	background: transparent;
	content: "";
	height: 100%;
	pointer-events: none;
	position: absolute;
	transition: all .5s;
	width: 100%;
	z-index: 2;
}
.media-item .img-box2 img {
	display: block;
	height: 100%;
	left: 50%;
	object-fit: cover;
	-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
	width: 100%;
}
.media-item:hover .img-box2 img {
	-moz-transform: scale(1.05); -webkit-transform: scale(1.05);-o-transform: scale(1.05);
}
.media-item .img-box2:after {
	background: url("../images/boxbg2.png?v=1") no-repeat center; 
	background-size: 100% 100%;
	content: "";
	height: 100%;
	pointer-events: none; 
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.media-item:hover .img-box2:after {
	background: url("../images/boxbg2_on.png") no-repeat center; 
	background-size: 100% 100%;
}
.title4{ width:40%; padding-bottom: 60px; margin: 0 auto;}
.h_news{ clear: both;}
.h_news ul{}
.h_news ul li{ width:calc(100%/3 - 30px); display: inline-block; margin-left: 40px;}
.news-item {
	background-size: 100% 100%;
	display: block;
	cursor: pointer;
	position: relative;
}
.news-item .img-box {
	height: auto;
	margin: 0 auto;
	mask-image: url("../images/new_bg_b.png?v=1");
	mask-size: 100% 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.news-item .img-box:before {
	background: transparent;
	content: "";
	height: auto;
	pointer-events: none;
	position: absolute;
	transition: all .5s;
	width: 100%;
	z-index: 2;
}
.news-item .img-box img {
	display: block;
	height: auto;
	left: 50%;
	object-fit: cover;
	-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
	width: 100%;
}
.news-item:hover .img-box img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05);-o-transform: scale(1.05);}
.news-item .img-box:after {
	background: url("../images/new_bg_t.png") no-repeat center; 
	background-size: 100% 100%;
	content: "";
	height: 100%;
	pointer-events: none; 
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.news-name{ 
	background: url("../images/news_title_bg.png?v=5") no-repeat bottom right;
	background-size: 100%;
	color: #222222;
	text-align: center;
	width: 100%;
	display: block;
}
.news-name h2 {
	margin: 0;
	font-size: 18px;
	padding: 15px 5px;
	word-break:keep-all; 
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.h_news ul li:hover .news-name h2{
	color: #e1a502;
    
}
.h_news_more{
	font-size: 24px;
	color: #fff;
	width: 284px;
	height: 92px;
	line-height: 92px;
	padding-top: 12px;
	background: url("../images/new_btn.png") no-repeat center;
	background-size: 100%;
	text-align: center;
	margin: 0 auto;
	clear: both;
	font-weight: bold;
	margin-top: 50px;
}
.h_news_more a{ color: #fff;}
.h_tb{ position: absolute; bottom: -150px; max-width: 360px; max-height: 300px; z-index: 9999;}
.h_tb img{ width: 100%;}
.hleft-tb{ left: 3%; }
.hright-tb{ right: 3%;}
/*index end*/


.inside_banner{ width: 100%; text-align: center; padding-top:80px; }
.inside_title{ width: 100%; margin: 0 auto; min-height: 320px; position: relative;}
.inside_title img{ position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}	
#content{ width: 100%;  height: auto; min-height: 300px; background: url("../images/content_bg.jpg?v=2") no-repeat center top; position: relative; background-size: cover;}
.content-inner{ max-width: 1400px; margin: 0 auto; padding: 100px 0; color: #fff; font-size: 16px; line-height:30px;}
.content-inner img{ max-width: 100%;}
.content-inner a{ color: #fff;}
.about-inner{ padding:150px 0; font-size: 18px; line-height: 40px; text-align: justify;}
.about_left{ width: 46%; float: left;}
.about_right{ width: 45%; float: right;}
.about_right img{ width:100%;}
.cont_title{ color: #fff; font-size: 60px; line-height: 60px; font-style: italic; font-family: 'impact'; text-align: initial; }
.cont_des{ color: #f8b500; font-size: 16px; line-height: 28px; padding: 20px 0 50px 0;text-align: initial;}
.cont_note{ font-size: 24px; line-height: 30px;}
.cont_note h2{ font-size: 34px; line-height: 34px; font-weight: bold;}
button, input, optgroup, select, textarea{ color: #666;}
#feeback{ background: #fff!important; padding: 30px 40px!important;}
#feeback .MacroM_FormTitleItem{ display: none!important;}
#feeback .MacroM_FormInputItem{ margin: 0!important;}
#feeback .MacroM_TitleColumn{ float: inherit!important; display: block!important; width: 100%!important; text-align: left!important; color: #333!important; font-weight: bold!important; padding-top:0!important; margin: 0!important;}
#feeback .MacroM_ContentColumn{width: 100%;}
#feeback .MacroM_ContentColumn input[type="text"], .MacroM_ContentColumn input[type="password"]{ width: 100%!important; background: #eeeeee!important; border: none!important; height: 40px!important; line-height: 40px!important;font-size: 16px!important;}
#feeback .MacroM_ContentColumn textarea{ width: 100%; background: #eeeeee!important;border: none!important; padding: 5px 10px!important;}
#feeback .MacroM_ContentColumn .MacroM_InputState{ display: block!important; height: 26px!important; line-height: 26px!important; font-size: 14px!important;}
#feeback .MacroM_SubmitButton a{ width: 100%!important; background: #ffae00!important; height: 46px!important; line-height: 46px!important;}
/*新闻资讯*/
.news_con{ clear:both;}
.media{ border-bottom:solid 1px #f0f0f0; padding:35px 0; margin: 0;}
.media .media-heading{ font-size:32px; line-height:42px; color:#fff; font-family:'impact'; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top: 40px;}
.media .media-heading a{ color:#fff;}
.media:hover .media-heading a{ color:#f9b600;}
.media .media-left{ padding-right:20px; overflow: hidden;}
.media .media-left img{ max-width:none; width:370px; max-height:210px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.media:hover .media-left img{ -moz-transform: scale(1.05); -webkit-transform: scale(1.05);-o-transform: scale(1.05);}
.media .media-des{overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#fff; line-height:30px; font-size:18px; height:60px; margin:18px 0;}

/*分页*/
.fpage{width:100%;text-align:center;font-size:15px;margin:0 auto; clear:both; padding-top:50px;}
.fpage font{height:30px;display:block;background:#f9b600;color:#fff;}
.fpage a{width:36px;height:30px;line-height:30px; background:#fff; color: #333; border:solid 1px #d6d6d6; color:#000; text-decoration:none; display:inline-block;display: -moz-inline-stack;*display:inline; *zoom:1;}
.fpage a:hover{background:#f9b600;color:#fff;}
.p_but{ padding:36px 0 10px 0;}
.p_but li{ float:left; width:50%;}
.p_but li a{height:35px; line-height:35px; font-size:16px; text-align:center; display:block; color:#3a3a3a; background:#eee; margin:0 10px; border-radius:5px;}
.p_but li a:hover{ background:#fff; color:#2067a3;}
.p_but li span{height:35px; line-height:35px; font-size:16px; text-align:center; display:block; color:#555; background:#eee; margin:0 10px;border-radius:5px;}

.list_pro{ margin:0 auto; width:100%;}
.list_pro ul li{ width: calc(100%/3 - 50px); float:left; margin:0 25px 40px 25px; position:relative;}
.list_pro ul li img{ width:100%;}
.list_pro ul li .img_tmbg{ position:absolute; left: 0; top:0; display: none;}
.list_pro ul li:hover .img_tmbg{ display: block;}
.list_pro ul li:hover a{ color:#f9b600;}
.viewbtn3{ position: absolute; bottom: 7%; left:50%; z-index: 99; width: 196px; height: 74px; line-height: 74px; transform: translate(-50%, -50%);}
.view{ display: block; text-align: center; width: 100%; color:#fff; font-family: arial; font-size: 18px; font-weight: bold; font-style:italic; background: url("../images/view.png") no-repeat center; background-size: 100%; margin: 0 auto;}
.view a{ color: #fff;}
.list_pro .pro_note{  position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 75%; display: none; text-align: left; }
.list_pro ul li:hover .pro_note{ display: block;}
.list_pro ul li em{ font-size: 14px; color: #f8b500; font-style: normal;}
.list_pro ul li .pro_note h2{ font-size: 32px; font-weight: bold; margin: 5px 0 10px 0;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list_pro ul li .pro_note h2 a{ color: #fff;}
.list_pro ul li .pro_note p{ font-size: 16px; line-height: 26px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
/*详情页*/
#dis_pro_bg{ position:relative; min-height: 300px; background: url("../images/dispro_bg.jpg?v=1") no-repeat center top; padding: 100px 0;background-position: 50% 50%; background-size: cover;}
.dis_pro{ clear:both; min-height: 480px;}
.dis_pro .dis_con{ width: 50%; float: left;}
.dis_pro .dis_name{ color: #222222; padding-bottom:30px; min-height:100px; line-height:100px; font-size:76px; font-weight:bold; background: url("../images/dname_bg.png?v=1") no-repeat left bottom;}
.dis_pro .dis_text{ padding:30px 0; color:#222222; line-height:34px; font-size:20px; width:80%;}
.dis_pro .dis_pic{ width:50%; float: right; }
.dis_pro .dis_pic img{ max-width:100%;}
.dislist_bg {
    margin-top: 40px;
}
.dislist_title {
    color: #fff;
    font-size: 120px;
    line-height: 120px;
    text-align: center;
    padding: 30px 0;
	text-shadow: 0 0 1px #f69c00; 
	-webkit-text-stroke: 1px #f69c00;
	font-family:"Impact","Arial Black","sans-serif";
	font-style: italic;
}
.dis-swiper-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
	padding-top: 40px;
}
.swiper-slide2 {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
	border:solid 3px #000000;
}
.swiper-slide2 img {
    max-width: 100%;
    height: auto;
    display: block;
}
.dis-swiper-container .swiper-slide-active,.dis-swiper-container .swiper-slide-duplicate-active {
    transform: scale(1.05);
	z-index: 10; 
}
.dis-swiper-container .swiper-button-prev,.dis-swiper-container .swiper-button-next {
    width: 32px;
    height: 40px;
	filter: drop-shadow(5px 5px 2px rgba(0, 0, 0, 0.6));
}
.dis-swiper-container .swiper-button-prev {
	background: url("../images/prev.png?v=1") no-repeat center;
	background-size: 100%;
    left: 2%;
}
.dis-swiper-container .swiper-button-next {
    background: url("../images/next.png?v=1") no-repeat center;
	background-size: 100%;
    right: 2%;
}
.dis-swiper-container .swiper-button-prev:hover {
	background: url("../images/prev_on.png?v=1") no-repeat center;
	background-size: 100%;
}
.dis-swiper-container .swiper-button-next:hover {
    background: url("../images/next_on.png?v=1") no-repeat center;
	background-size: 100%;
}
.dis-swiper-container .swiper-button-next:after,.dis-swiper-container .swiper-button-prev:after {
    display: none;
}
.swiper-pagination {
    color: #fff;
}
.swiper-wrapper {
    align-items: center; 
}
.video-wrapper{ margin: 0; padding: 0; line-height: 0; }
video{ width:100% !important;}
	
	
@media (max-width: 768px) {
.video-wrapper{ margin-top: 50px; height: 50vh;}
#mainVideo{ width: 100%;height: 100%;object-fit: cover;transform: translateZ(0);display: block;cursor: pointer;}
#dis_pro_bg{  background: url("../images/dispro_bg.jpg?v=1") no-repeat center top; background-position: 50% 50%; background-size: cover; padding: 0px 0;}
.dis_pro{ min-height: 400px;}
.dis_pro .dis_con{ width: 100%; float:inherit;}
.dis_pro .dis_name{ padding-bottom:20px; min-height:60px; line-height:60px; font-size:40px; background: url("../images/dname_bg.png?v=1") no-repeat left bottom;}
.dis_pro .dis_text{ padding:15px 0 0 0; line-height:30px; font-size:16px; width:98%;}
.dis_pro .dis_pic{ width:100%; float: inherit; text-align: center;}
.dis_pro .dis_pic img{ max-width:90%;}
.dislist_bg{ padding:10px 15px 40px 15px;}
.dislist_title { font-size: 60px; line-height: 60px; padding: 10px 0;}
.dis-swiper-container { padding-bottom: 50px;padding-top: 30px;}
.swiper-slide-active, .swiper-slide-duplicate-active { transform: scale(1);}
.swiper-button-prev, .swiper-button-next {width: 24px;height: 30px;}
.viewbtn2{ position: absolute; bottom: 3%; left:50%; z-index: 99; width: 106px; height: 40px; line-height: 40px; transform: translate(-50%, -50%);}	
.view{ font-size: 12px;}
.content-inner{ padding:60px 5px;}
}
@media (max-width: 500px) {
.dis_pro .dis_name{ background: url("../images/dname_bg.png?v=1") no-repeat right bottom;}
}


/*footer*/
#footer{ background: #000000; width: 100%;}
.footer{ padding: 110px 20px;}
.footer_con{ color: #888888; font-size: 26px; line-height: 32px; padding: 30px 0; text-align: center;}
.fshare {
    position: relative;
    z-index: 999;
	text-align: center;
}
.fshare a {
    margin: 0 5px;
    position: relative;
    z-index: 999;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.fshare a.sharetb1 {
	background: url("../images/share_tb1.jpg") no-repeat center; 
	background-size: 100%;
}
.fshare a.sharetb2 {
    background: url("../images/share_tb2.jpg") no-repeat center;
	background-size: 100%;

}
.fshare a.sharetb3 {
    background: url("../images/share_tb3.jpg") no-repeat center;
	background-size: 100%;
}
.fshare a.sharetb4 {
    background: url("../images/share_tb4.jpg") no-repeat center;
	background-size: 100%;
}
.fshare a.sharetb5 {
    background: url("../images/share_tb5.jpg") no-repeat center;
	background-size: 100%;
}
.fshare a.sharetb6 {
    background: url("../images/share_tb6.jpg") no-repeat center;
	background-size: 100%;
}
.copyright{ border-top: solid 1px #f8b500; color: #fff; text-align: center; padding: 25px 0; font-size: 18px;}
/*footer end*/



/* 分辩率小于1400px */
@media (max-width: 1400px) {
.menu ul li a{ padding: 0 20px;}
.container{ width:auto; max-width: 1400px;}
.a_list .swiper-slide .a_list_note h2{ font-size: 28px; }
.a_list .swiper-slide .a_list_note p{ font-size: 14px; }
.homea{ padding: 80px 0px;}
.h_about_note{  width: 50%;}
.h_tb{ position: absolute; bottom: -108px; max-width: 260px; max-height: 217px;}
.h_tb img{ width: 100%;}
.hleft-tb{ left: 1%; }
.hright-tb{ right: 1%;}
.content-inner{ max-width: 100%; margin: 0 auto; padding: 80px 15px;}
.about-inner{ padding:80px 15px; font-size: 16px; line-height: 30px;}
}



/* 分辩率小于1200px */
@media (max-width: 1200px) {
.menu ul li a{ padding: 0 15px;}
.h_news_more{font-size: 18px;width: 180px;height: 58px;line-height: 58px;padding-top: 8px;}
.h_tb{ position: absolute; bottom: -90px; max-width: 220px; max-height: 183px;}
.h_tb img{ width: 100%;}
.hleft-tb{ left: 0; }
.hright-tb{ right: 0;}	
	
}	



/* 分辩率小于1100px */
@media (max-width: 1100px) {
.logo{ top:22px;}
.logo img{ max-width: 140px; }
.menu{ padding-left: 28px;}
.menu ul li a{ padding:0 10px;}
.share{ display: none;}	
.title{ width:60%; }
.a_list .swiper-slide .a_list_note h2{ font-size: 24px;}
.viewbtn{ bottom: 5%;  width: 150px; height: 68px; line-height: 68px; }
.view{ font-size: 16px;}
.h_about_note{  width: 60%;}
.news-name h2 { font-size: 16px;}
}


@media (max-width: 1000px) {
.list_pro ul li{ width: calc(100%/2 - 12px); margin:0 6px 20px 6px;}
.list_pro ul li h3{ min-height:36px; padding-top:6px;}
.list_pro ul li img{ max-height:inherit;}
.list_pro ul li em{ font-size: 14px; color: #f8b500; font-style: normal;}
.list_pro .pro_note{  position: absolute; top: 40%; left: 50%;  width: 90%;}
.list_pro ul li .pro_note h2{ font-size: 18px; margin: 0px 0 5px 0;}
.list_pro ul li .pro_note p{ font-size: 12px; line-height: 22px; -webkit-line-clamp:4;}
}



/* 分辩率小于900px */
@media (max-width: 900px) {
.a_list .swiper-slide .a_list_note h2{ font-size: 18px;}
.menu ul li p{ font-size:26px; letter-spacing:1.2px;}	
}	
	


/* 分辩率小于768px */
@media (max-width: 768px) {	
.lang { position: absolute; right: 56px; top: 11px; width:52px; }
.lang a{  background-size: 22px; padding-left:30px;}
/* 预览视频容器 */
.video-preview-container {height: 60vh;}
.preview-video { width: 100%;height: 100%;object-fit:cover;transform:translateZ(0);display: block;cursor: pointer;}
.b_video {padding-top: 50px;}
.play-button {width: 60px;height: 60px;}
.homea{ padding: 80px 0px; background: url("../images/phonebg1.jpg?v=1") no-repeat top center; background-position: 50% 50%; background-size: cover;overflow: visible; }
.homea_mid{ max-width: 600px; padding: 0 30px;}
.title1{ padding-bottom: 35px; width:80%;}
.a_list{ width:100%;}
.viewbtn{ bottom: 5%;  width: 160px; height: 60px; line-height: 60px; }
.view{ font-size: 14px;}
.a_list .swiper-slide:hover .a_list_note{ display: block;}
.a_list .swiper-slide .a_list_note h2{ font-size: 22px; font-weight: bold;}
.a_list .swiper-slide .a_list_note p{ font-size: 14px; line-height: 24px;}	
.a_list .swiper-pagination{ display: block;}
/*homea*/	
.homeb{ padding: 120px 0px; background: url("../images/phonebg2.jpg?v=1") no-repeat top center; background-position: 50% 50%; background-size: cover;overflow: visible;}
.title2{ width:70%; padding-bottom: 30px;}
.title2 img{ max-width: 100%; }
.h_about_note{  width: 100%;  font-size: 16px; line-height: 24px; -webkit-line-clamp:6; margin-bottom: 40px;}
.viewbtn2{ width: 160px; }
/*homeb*/	
.homec{ padding: 100px 0px;}
.title3{ width:36%; padding-bottom: 20px; clear: both; display: block; margin: 0 auto;}
.title3 img{ max-width: 100%; }
.tabs {display: flex;position: inherit;right: inherit;;top: inherit;text-align: center;margin: 20px 28px 20px 0;justify-content: center; align-items: center; }
.tab-btn {font-size: 28px;margin-right: -28px;width: 144px;height: 36px;line-height: 36px;font-size:20px;}
.grid {grid-template-columns: repeat(2, 1fr);gap: 15px;}
.modal-image-container, .modal-video-container {max-width: 100%;}
.tab_container{ padding-bottom: 100px;}
.title4{ padding-bottom: 40px; width:50%;}
.h_news ul{}
.h_news ul li{ width:calc(100%/3 - 6px); display: inline-block; margin-left: 4px;}
.news-name h2 {margin: 0;font-size: 12px;font-size: 2.0vw;padding: 5px 2px;}
.h_news_more{font-size: 14px;width: 150px;height: 49px;line-height: 49px;padding-top: 8px;margin-top: 30px;}
.h_tb{ position: absolute; bottom: -40px; max-width: 100px; max-height: 83px;}
.h_tb img{ width: 100%;}
.hleft-tb{ left: 0; }
.hright-tb{ right: 0;}	
	
#content{ width: 100%;  height: auto; min-height: 300px; background: url("../images/content_bg.jpg?v=2") no-repeat center top;  background-position: 50% 50%; background-size: cover;}
.inside_banner{ padding-top:50px;}
.inside_title{  min-height:240px;}
.inside_title img{ width:60%;}
.content-inner{ padding: 60px 15px;}
.about-inner{ font-size: 16px; line-height: 30px; }
.about_left{ width: 100%; float: inherit; padding-bottom: 30px;}
.about_left img{ max-width: 70%;}
.about_right{ width: 100%; float: inherit;}
.cont_title{ font-size: 32px; line-height: 36px; }
.cont_des{ font-size: 14px; line-height: 22px; padding: 10px 0 20px 0; }
.cont_note{ font-size: 18px; line-height: 24px;}
.cont_note h2{ font-size: 28px; line-height: 28px;}
#feeback{ background: #fff!important; padding: 15px 15px!important;}
/*新闻资讯*/
.media{  padding:15px 0;}
.media .media-heading{ font-size:15px; line-height:22px;  margin-top:0px;}
.media .media-left{ padding-right:10px;}
.media .media-left img{ width:150px;}
.media .media-des{ line-height:20px; font-size:12px; height:40px; margin:0px;}
.media .media-body font{ color:#FF0000;}	
	
/*footer*/	
.footer{ padding: 60px 10px;}
.footer_con{ font-size: 16px; line-height: 24px; padding: 15px 0;}
.fshare a { margin: 0 2px; width: 20px;height: 20px;}
.copyright{ padding: 15px 15px 20px 15px; font-size: 16px;}
	
}


/* 分辩率小于480px */
 @media (max-width: 480px) {
.homea_mid{ padding: 0 30px;}
.modal-image-container, .modal-video-container {max-width: 100%;} 
	 
}