@charset "utf-8";
/*!
 * 米维建站  一建轻松建站
 * 详尽信息请看官网：http://www.miwinfo.com/
 *
 * Copyright 2014 米维建站
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 */
.content { max-width: 1200px; height: auto; margin: 0 auto; box-sizing: border-box;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 99999;}
.page-down:hover {background: #32beff;}/* 回到顶部 */
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.white{ color:#fff !important;}
.webmain{ overflow:hidden; }
.tishi{ text-align: center; color: #fff; font-size: 14px; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 15px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #333; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #3dadb4;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ position: relative; margin: 0 auto; overflow: hidden; }
.banner img{ width: 100%; height: auto; }
.banner .pagination{ z-index: 20; text-align: center; line-height: 20px; height: 20px; width: 100%; position: absolute; left: 0; bottom: 20px; }
.banner .pagination .swiper-pagination-switch{ margin: 0 5px; vertical-align: middle; cursor: pointer; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.8); }
.banner .pagination .swiper-active-switch{ background: none; border: 2px solid rgba(255,255,255,.8); }

.header .logo{ float: left; }
.header .logo img{ height: 90px; }
.header .inmuen{ float: right; line-height: 90px; }
.header .inmuen ul li{ line-height: 90px; box-sizing: border-box; display: block; padding: 0 25px; border-bottom: 5px solid #fff; float: left; font-size: 16px; color: #333; }
.header .inmuen ul li:hover{ border-bottom: 5px solid #3dadb4; }
.header .inmuen ul li.on{ border-bottom: 5px solid #3dadb4; }

.inabout{ padding: 60px 0; }
.inabout .lmtit{ max-width: 560px; margin: 0 auto; height: 60px; line-height: 60px; position: relative; text-align: center; }
.inabout .lmtit .xian{ height: 1px; background: #cccccc; width: 100%; position: absolute; left: 0; top: 50%; }
.inabout .lmtit span{ display: inline-block; padding: 0 36px; background: #fff; position: relative; z-index: 9999; margin: 0 auto; color: #32beff; font-size: 40px; }
.inabout .enlmtit{ font-size: 30px; color: #cccccc; text-align: center; margin-bottom: 35px; }
.inabout .left{ width: 60%; padding-right: 50px; box-sizing: border-box; float: left; }
.inabout .left .tit{ font-size: 30px; font-weight: bold; color: #666666; margin-bottom: 10px; }
.inabout .left .xian{ width: 60px; height: 5px; background: #ff6e75; margin-bottom: 25px; }
.inabout .left .wz{ font-size: 14px; line-height: 25px; color: #666; height: 150px; overflow: hidden; }
.inabout .left .wz a{ color: #23a7e4; }
.inabout .right{ width: 40%; float: right; cursor:pointer}
.inabout .right img{ width: 100%; height: auto; }

.insan{ padding: 60px 0; background: #f5f5f5; }
.insan ul li{ display: block; width: 31.3333333%; float: left; margin: 0 1%; background: #fff; transition: all .5s; }
.insan ul li .pic{ overflow: hidden; }
.insan ul li .pic img{ width: 100%; height: auto; transition: all .5s; }
.insan ul li:hover img{ transform: scale(1.1,1.1); }
.insan ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.1); }
.insan ul li .tit{ padding: 15px 10px; }
.insan ul li .tit .cn{ height: 22px; overflow: hidden; line-height: 22px; font-size: 22px; color: #666; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.insan ul li .tit .en{ height: 14px; overflow: hidden; line-height: 14px; font-size: 14px; color: #ccc; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.inpro{ background: #f5f5f5; }
.inpro .lmtit{ max-width: 560px; margin: 0 auto; height: 60px; line-height: 60px; position: relative; text-align: center; }
.inpro .lmtit .xian{ height: 1px; background: #cccccc; width: 100%; position: absolute; left: 0; top: 50%; }
.inpro .lmtit span{ display: inline-block; padding: 0 36px; background: #f5f5f5; position: relative; z-index: 9999; margin: 0 auto; color: #32beff; font-size: 40px; }
.inpro .enlmtit{ font-size: 30px; color: #cccccc; text-align: center; margin-bottom: 35px; }
.inpro .nav{ text-align: center; margin-bottom: 35px; }
.inpro .nav ul li{ display: inline-block; height: 45px; line-height: 45px; border: 1px solid #999; font-size: 16px; color: #333; padding: 0 30px; margin: 3px 15px; }
.inpro .nav ul li.more{ font-size: 40px; line-height: 20px; color: #32beff; }
.inpro .nav ul li:hover{ background: #32beff; border: 1px solid #32beff; color: #fff; }
.inpro .nr{width: 1200px; text-align: center; margin: 0 auto;}
.inpro .nr ul li{ display: block; width: 25%; float: left; }
.inpro .nr ul li .pic{ overflow: hidden; }
.inpro .nr ul li .pic img{ width: 100%; height: auto; transition: all .5s; }
.inpro .nr ul li:hover img{ transform: scale(1.1,1.1); }

.innews{ padding: 30px 0 60px 0; height: auto;}
.innews .lmtit{ max-width: 560px; margin: 0 auto; height: 60px; line-height: 60px; position: relative; text-align: center; }
.innews .lmtit .xian{ height: 1px; background: #cccccc; width: 100%; position: absolute; left: 0; top: 50%; }
.innews .lmtit span{ display: inline-block; padding: 0 36px; background: #fff; position: relative; z-index: 9999; margin: 0 auto; color: #32beff; font-size: 40px; }
.innews .enlmtit{ font-size: 30px; color: #cccccc; text-align: center; margin-bottom: 35px; }
.innews .left{ width: 60%; padding-right: 45px; box-sizing: border-box; float: left; }
.innews .left ul li{ display: block; padding: 10px 0 10px 95px; position: relative; border-bottom: 1px solid #efefef; min-height: 74px; }
.innews .left ul li .date{ width: 75px; border-right: 1px solid #efefef; position: absolute; left: 0; top: 10px; text-align: center; }
.innews .left ul li .date span{ font-size: 48px; color: #aaaaaa; display: block; height: 48px; margin-bottom: 10px; }
.innews .left ul li .date em{ display: block; font-size: 12px; color: #aaaaaa; }
.innews .left ul li .tit{ height: 30px; line-height: 30px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.innews .left ul li .jj{ height: 44px; line-height: 22px; font-size: 12px; color: #666; overflow: hidden; }
.innews .left ul li:hover .tit{ color: #32beff; }
.innews .right{ width: 40%; float: right; }
.innews .right img{ width: 100%; height: auto; }

.innews .news_ul {
  display: flex;
  margin-top: 2.5rem;
}

.innews .news_ul li {
  width: 30%;
  margin-right: 5%;
}

.innews .news_ul li:last-of-type {
  margin-right: 0;
}

.innews .news_ul li i {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: 75%;
  width: 100%;

}

.innews .news_ul li img {
  width: 100%;
  display: block;
  transition: .5s;
  position: absolute;
  height: 100%;
  object-fit: cover;
}

.innews .news_ul li div {
  font-size: .8rem;
  color: #999999;
  margin-top: 1.1rem;
}

.innews .news_ul li h3 {
  font-size: 1rem;
  color: #333333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  margin-top: .9rem;
  transition: .1s;
}

.innews .news_ul li span {
  font-size: .8rem;
  color: #0a3da0;
  display: block;
  text-decoration: underline;
  margin-top: .9rem;
}

.innews .news_ul li a:hover h3 {
  color: #0a3da0;
}

.innews .news_ul li a:hover img {
  transform: scale(1.05);
}


.inmess{ padding: 60px 0; background: url(../images/index_07.jpg) repeat-y center; clear: both; position: relative;}
.inmess .text1{ margin-bottom: 30px; height: 60px; width: 49%; margin-right: 1%; padding: 0 15px; box-sizing: border-box; background: rgba(0,0,0,.7); color: #fff; float: left; }
.inmess .text2{ margin-bottom: 30px; height: 60px; width: 49%; margin-left: 1%; padding: 0 15px; box-sizing: border-box; background: rgba(0,0,0,.7); color: #fff; float: left; }
input::-webkit-input-placeholder { /* WebKit browsers */
            color: white!important;
        }        textarea::-webkit-input-placeholder{ /* Mozilla Firefox 4 to 18 */
            color: white;
        }       
.inmess .textarea{ width: 100%; height: 80px; padding: 5px 15px; box-sizing: border-box; line-height: 23.333333px; border: 0px; background: rgba(0,0,0,.7); color: #fff; margin-bottom: 40px; }
.inmess .ann{ width: 140px; margin: 0 auto; }
.inmess .ann .sub{ width: 100%; height: 45px; background: #32beff; color: #fff; font-size: 14px; outline: none; }
.inmess .ann .sub:hover{ background: #2babe7; }

.footer{ padding: 30px 0; background: #2d2e2e; }
.footer .fcon{ width: 260px; float: left; margin-right: 85px; }
.footer .fcon .tit{ color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.footer .fcon .nr{ font-size: 14px; line-height: 25px; color: #999;  }
.footer .mid{ width: 600px; text-align: center; float: left; }
.footer .mid .fnav{ line-height: 50px; border-bottom: 1px solid #555; }
.footer .mid .fnav ul li{ display: inline-block; font-size: 14px; font-weight: bold; color: #eee; padding: 0 15px; }
.footer .mid .fnav ul li:hover{ color: #32beff; }
.footer .mid .fenx{ padding: 15px 0; line-height: 40px; }
.footer .mid .fenx span{ display: inline-block; font-size: 14px; color: #999; }
.footer .mid .fenx .li{ display: inline-block; position: relative; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #424343; border-radius: 50%; color: #a1a1a1; font-size: 20px; margin: 0 8px; }
.footer .mid .fenx .li .xf{ position: absolute; width: 100px; height: 100px; background: #fff; left: 50%; margin-left: -50px; top: -120px; display: none; }
.footer .mid .fenx .li:hover .xf{ display: block; }
.footer .mid .fenx .li:hover{ background: #32beff; color: #fff; }
.footer .ewm{ width: 100px; float: right; }
.footer .ewm img{ width: 100%; height: auto; }
.banq{ padding: 10px 0; background: #141415; line-height: 25px; text-align: center; color: #888; font-size: 14px; }
.banq a{ color: #ccc; text-decoration: underline; }

.nybanner{ padding: 90px 0; text-align: center; background-attachment: fixed !important; }
.nybanner .lmtit{ font-size: 30px; font-weight: bold; color: #fff; }
.nybanner .xian{ height: 5px; width: 65px; background: #32beff; margin: 20px auto; }
.nybanner .weizhi{ font-size: 14px; color: #fff; }
.nybanner .weizhi a{ color: #fff; }
.nybanner .weizhi a:hover{ color: #32beff; }

.nynav{ background: #fff; border-bottom: 1px solid #e2e2e2; line-height: 55px; text-align: center; }
.nynav ul li{ display: inline-block; line-height: 52px; border-bottom: 3px solid #fff; font-size: 16px; color: #666; padding: 0 28px; }
.nynav ul li:hover{ border-bottom: 3px solid #32beff; }
.nynav ul li.on{ border-bottom: 3px solid #32beff; }

.nypro{ background: #f9f9f9; padding-top: 50px; }
.nypro ul li{ transition: all .5s; display: block; width: 31.3333333%; margin: 0 1% 50px; box-sizing: border-box; padding: 20px; background: #fff; float: left; }
.nypro ul li .pic{ height: 200px; background-size: 100% auto !important; position: relative; margin-bottom: 15px; }
.nypro ul li .pic .fgc{ transition: all .5s; opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); }
.nypro ul li .pic .fgc .ico{ width: 40px; height: 40px; border: 2px solid #32beff; text-align: center; line-height: 40px; font-size: 25px; color: #32beff; border-radius: 50%; overflow: hidden; margin: 0 auto 10px; }
.nypro ul li .pic .fgc .more{ font-size: 14px; color: #32beff; }
.nypro ul li .tit{ font-size: 18px; text-align: center; color: #666; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypro ul li:hover .pic .fgc{ opacity: 1; }
.nypro ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.1); }
.nypro ul li:hover .tit{ color: #32beff; }

.page{ background: #f9f9f9; padding-bottom: 50px; text-align: center;  }
.page .content{ display: inline-block; background: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.page .content a{ display: block; float: left; line-height: 30px; font-size: 14px; color: #666; padding: 0 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.page .content a:hover{ background: #337ab7; color: #fff; }
.page .content a.on{ background: #337ab7; color: #fff; }

.nynews{ background: #f9f9f9; padding: 20px 0 50px; }
.nynews ul li{ display: block; padding: 35px 130px 35px 10px; min-height: 125px; position: relative; border-bottom: 1px solid #e5e5e5; transition: all 0.5s;}
.nynews ul li .pic{ width: 230px; overflow: hidden; position: absolute; left: 0; top: 30px;}
.nynews ul li .date{ padding: 0 23px; position: absolute; border-left: 1px solid #e5e5e5; right: 0; top: 50%; margin-top: -48px; text-align: right;}
.nynews ul li .date span{ font-size: 50px; color: #999; font-weight: bold; display: block;}
.nynews ul li .date em{ display: block; font-size: 12px; color: #999; line-height: 20px; margin-bottom: 10px;}
.nynews ul li .date .more{ color: #000000; line-height: 35px; border-top: 1px solid #e5e5e5; text-align: center; font-size: 14px; }
.nynews ul li .tit{ font-size: 18px; color: #141414; height: 55px; line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nynews ul li .jj{ font-size: 14px; color: #999999; line-height: 30px; height: 60px; overflow: hidden; }
.nynews ul li:hover .tit{ color: #32beff; }

.nywangd{ padding: 35px 0; text-align: center; }
.nywangd .lmtit{ font-size: 40px; color: #333; font-weight: bold; margin-bottom: 20px; }
.nywangd .jj{ font-size: 14px; color: #666; line-height: 30px; margin-bottom: 20px; }

.nyjingx{ padding-bottom: 60px; }
.nyjingx ul li{ display: block; width: 33.333333%; float: left; box-sizing: border-box; padding:  0 90px; text-align: center; }
.nyjingx ul li .pic{ padding: 15px 0; border-bottom: 2px dashed #dfdfdf; margin-bottom: 10px; }
.nyjingx ul li .tit{ height: 40px; line-height: 40px; font-size:  22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.nyjoincon .pic img{ width: 100%; height: auto; }
.nyjoincon .wz{ padding: 10px 0; line-height: 25px; font-size: 14px; color: #666; text-align: center; }

.nyjoinmess{ padding: 60px 0; }
.nyjoinmess .lmtit{ font-size: 40px; font-weight: bold; color: #333; text-align: center; margin-bottom: 45px; }
.nyjoinmess .text1{ margin-bottom: 30px; height: 60px; width: 49%; margin-right: 1%; padding: 0 15px; box-sizing: border-box; background: rgba(0,0,0,.4); color: #fff; float: left; }
.nyjoinmess .text2{ margin-bottom: 30px; height: 60px; width: 49%; margin-left: 1%; padding: 0 15px; box-sizing: border-box; background: rgba(0,0,0,.4); color: #fff; float: left; }
.nyjoinmess .textarea{ width: 100%; height: 80px; padding: 5px 15px; box-sizing: border-box; line-height: 23.333333px; border: 0px; background: rgba(0,0,0,.4); color: #fff; margin-bottom: 40px; }
.nyjoinmess .ann{ width: 140px; margin: 0 auto; }
.nyjoinmess .ann .sub{ width: 100%; height: 45px; background: #32beff; color: #fff; font-size: 14px; outline: none; }
.nyjoinmess .ann .sub:hover{ background: #2babe7; }

.nyaboutmainmain{ background: #f9f9f9; padding: 20px 0; }
.nyaboutmain{ background: #fff; padding: 30px 40px; }
.nyabout{ padding-bottom: 50px; }
.nyabout .lmtit{ font-size: 25px; color: #333; text-align: center; margin-bottom: 30px; }
.nyabout .nr{ font-size: 14px; line-height: 30px; color: #666; text-indent:2em}

.nyteam{ padding-bottom: 50px; }
.nyteam .lmtit{ font-size: 25px; color: #333; background: url(../images/about_01.jpg) no-repeat center; text-align: center; margin-bottom: 30px; }
.nyteam .nr ul li{ display: block; width: 48%; float: left; margin: 8px 1%; background: #f9f9f9; padding: 20px 20px 20px 200px; position: relative; box-sizing: border-box; min-height: 150px; }
.nyteam .nr ul li .pic{ width: 150px; height: 150px; overflow: hidden; border-radius: 50%; position: absolute; left: 30px; top: 30px; }
.nyteam .nr ul li .tit{ font-size: 32px; color: #32beff; margin-bottom: 20px; }
.nyteam .nr ul li .tit span{ font-size: 14px; color: #999; margin-left: 20px; }
.nyteam .nr ul li .jj{ font-size: 14px; color: #666; line-height: 25px; }
.nyteam .nr ul li.one{ width: 98%; padding: 20px 20px 20px 340px; min-height: 335px; }
.nyteam .nr ul li.one .pic{ width: 275px; height: 275px; }

.nylic .lmtit{ font-size: 25px; color: #333; background: url(../images/about_01.jpg) no-repeat center; text-align: center; margin-bottom: 30px; }
.nylic .nr{ min-height: 664px; position: relative; background: url(../images/about_03.jpg) no-repeat center; }
.nylic .nr .li1{ font-size: 15px; line-height: 25px; color: #666; width: 400px; position: absolute; padding-left: 85px; }
.nylic .nr .li1 span{ display: block; width: 70px; text-align: center; font-size: 20px; color: #fff; position: absolute; left: 0; top: 0; }
.nylic .nr .li2{ font-size: 15px; line-height: 25px; color: #666; width: 400px; text-align: right; position: absolute; padding-right: 85px; }
.nylic .nr .li2 span{ display: block; width: 70px; text-align: center; font-size: 20px; color: #fff; margin-left: 20px; position: absolute; right: 0; top: 0; }
.nylic .nr .wz1{ left: 582px; top: 58px; }
.nylic .nr .wz2{ left: 55px; top: 156px; }
.nylic .nr .wz3{ left: 582px; top: 255px; }
.nylic .nr .wz4{ left: 55px; top: 356px; }
.nylic .nr .wz5{ left: 582px; top: 506px; }

.video_fixed{position: fixed;width:100%;height:100vh;display:none;z-index:10000;background-color:rgba(0,0,0,.5);}
.video_fixed video{margin:0 auto;width:60%;height:700px;object-fit:cover}
.video_fixed .box_one {width:60%;text-align:right;margin:0 auto 20px}
.video_fixed .box_one img{cursor: pointer;}
.video_fixed.active{display:flex;justify-content: center;flex-direction:column}


span.dropBottom,span.dropRight {
	display: block;
	position: absolute;
	left: 0px;
	width:100%;
	height: 100%;
	top: 0px;
}
span.dropBottom {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.menu {
	display:table;
	margin:auto;
	position: relative;
	z-index: 1000;
}
.menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
.menu ul ul {
	opacity:0;
	position:absolute;
	top:160%;
	visibility:hidden;
	transition:all .4s ease;
	-webkit-transition:all .4s ease;
}
.menu ul ul ul {
	top:0%;
	left:160%;
}
.menu ul ul li:hover > ul {
	top:0%;
	left:100%;
	opacity:1;
	visibility:visible;
}
.menu ul li:hover > ul {
	opacity:1;
	top:100%;
	visibility:visible;
}
.menu ul li {
	float:left;
	position:relative;
}
.menu ul ul li {
	float:none;
	border-bottom: 1px #3dadb4 solid;
}
.menu ul li {
	background-color:#ffffff;
	cursor: pointer;
}
.menu ul a {
	text-decoration:none;
	display:block;
	padding:10px 15px 5px 15px;
	width:7em;
	font-size: 18px;
	color: #333;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 0px -1px 0px rgba(0,0,0,.2);
}
.menu ul li:hover {
	border-bottom: 2px #3dadb4 solid;
}
.menu ul ul a{width: 12em; padding: 5px; line-height: 3em; font-size: 1em;}

/* 使三个新闻版块横向排列 */
.news-article-block {
    float: left;
    width: 30%; /* 根据间距调整 */
    margin-right: 3%;
    box-sizing: border-box; /* 包含内边距和边框在宽度内 */
    padding-bottom: 10px;
}
.news-block-title{}
.news-article-block:last-child {
    margin-right: 0; /* 清除最后一个版块的右边距 */
}
.news-article-list {
    list-style-type: none; /* 移除列表默认符号 */
    padding-left: 0;
}

.news-article-block .head_box{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #222222;padding-bottom: 15px;}
.news-article-block .head_box .name{margin-top: 0;font-size:20px ;}
.news-article-block .head_box .more{background-color: #0a3da0;color: #fff;border-radius: 5px;padding: 5px 10px;transition: all .3s;font-size: 14px;}
.news-article-block .head_box .more:hover{opacity: .8}
.news-article-block .new_list{padding-top: .7em;}
.news-article-block .new_list li{width: 100%; line-height: 2.7em;}
.news-article-block .new_list li h4{font-size: 16px;}

/* 12.26 开始 single.php 新增左侧栏目*/

/* 两栏布局核心样式 */
.nyaboutmain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 左侧边栏 - 宽度可调 */
.sidebar-news {
    width: 28%; /* 侧边栏宽度，可根据需要调整 */
    float: left;
    margin-right: 4%;
}

/* 右侧文章内容区域 */
.article-content {
    width: 68%; /* 内容区域宽度 */
    float: left;
}

/* 清除浮动，确保布局稳定 */
.clear {
    clear: both;
    width: 100%;
    height: 0;
    overflow: hidden;
}

/* 侧边栏模块通用样式 */
.sidebar-module {
    background: #fff;
    border: 1px solid #eaeaea;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
}

.sidebar-title {
    background: #f8f8f8;
    color: #333;
    font-size: 16px;
    padding: 12px 15px;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
    font-weight: bold;
}

.sidebar-title .iconfont {
    margin-right: 8px;
    color: #0073aa;
}

/* 侧边栏列表样式 */
.sidebar-list {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

.sidebar-list li {
    padding: 8px 15px;
    border-bottom: 1px dashed #f0f0f0;
    transition: background 0.3s;
}

.sidebar-list li:last-child {
    border-bottom: none;
}

.sidebar-list li:hover {
    background: #f9f9f9;
}

.sidebar-list a {
    color: #555;
    text-decoration: none;
    display: block;
    line-height: 1.4;
    font-size: 14px;
}

.sidebar-list a:hover {
    color: #0073aa;
}

/* 分类列表计数样式 */
.cat-list .count {
    float: right;
    color: #999;
    font-size: 12px;
}

/* 文章列表日期样式 */
.post-list .post-date {
    float: right;
    color: #999;
    font-size: 12px;
}

/* 无内容提示 */
.no-items {
    padding: 15px;
    margin: 0;
    color: #999;
    text-align: center;
    font-style: italic;
}

/* 响应式设计：小屏幕时侧边栏堆叠在上方 */
@media (max-width: 768px) {
    .sidebar-news,
    .article-content {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    
    .sidebar-news {
        margin-bottom: 30px;
    }
}
/***12.30***/
/* ============================================
   移动端响应式优化
   ============================================ */

/* 1. 基础容器与布局 */
@media (max-width: 768px) {
  /* 重置内容区域宽度，使其在小屏幕上能自适应 */
  .content {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* 清除所有不必要的浮动，采用流式布局 */
  .inabout .left,
  .inabout .right,
  .innews .left,
  .innews .right,
  .nyaboutmain,
  .sidebar-news,
  .article-content,
  .news-article-block {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }

  /* 新闻版块改为垂直堆叠 */
  .innews .news-article-block {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

/* 2. 导航菜单适配 */
@media (max-width: 992px) {
  /* 在小屏幕上隐藏复杂的多级下拉菜单，替换为移动端汉堡菜单 */
  .menu > ul > li {
    float: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
  }
  .menu ul a {
    width: auto;
    text-align: left;
    padding: 12px 15px;
  }
  /* 默认隐藏二级和三级菜单 */
  .menu ul ul {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: none; /* 通过JS控制点击展开 */
    box-shadow: none;
    background: #f9f9f9;
  }
  .menu ul ul li {
    border-bottom: 1px dotted #ddd;
  }
  .menu ul ul a {
    padding-left: 30px; /* 给子菜单增加缩进 */
  }
  .menu ul ul ul a {
    padding-left: 50px; /* 三级菜单更多缩进 */
  }
  /* 显示汉堡菜单按钮 */
  .nav_handle {
    display: block;
  }
  /* 初始状态隐藏菜单 */
  .menu {
    display: none;
    width: 100%;
    position: absolute;
    top: 90px; /* 根据您的header高度调整 */
    left: 0;
    background: #fff;
    z-index: 10000;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
  }
  .menu.active {
    display: block;
  }
}

/* 3. 首页产品与新闻区域适配 */
@media (max-width: 768px) {
  /* 产品推荐区域，列表项变为每行2个 */
  .inpro .nav ul li {
    display: inline-block;
    width: 48%; /* 近似于每行2个 */
    margin: 1%;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
  }
  /* 产品图片列表，改为每行2个 */
  .inpro .nr {
    width: 100% !important; /* 强制容器宽度为100% */
    overflow: hidden; /* 清除内部浮动影响 */
  }
  .inpro .nr ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 图片居中对齐 */
    width: 100% !important;
    display: flex !important; /* 使用弹性布局代替浮动 */
    justify-content: space-between; /* 两端对齐，效果更好 */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
  }
  .inpro .nr ul li {
    width: 95% !important;
    text-align: center;
    margin: 0 0 15px 0 !important; /* 只保留底部间距 */
    float: none !important; /* 彻底清除浮动 */
    display: block;
    padding: 0 !important;
    box-sizing: border-box;
  }
  .inpro .nr ul a{width: 47%;}
  .inpro .nr ul li .pic {
    width: 100% !important;
    overflow: hidden;
    border-radius: 5px; /* 可选：给图片加圆角 */
    height: auto;
  }
  .inpro .nr ul li .pic img {
    width: 100% !important;
    height: auto !important;
    display: block;
    transition: none; /* 在小屏幕上可以取消悬停动画避免错位 */
  }
  /* 三个服务项（关于我们、案例中心、服务与支持）垂直堆叠 */
  .insan ul li {
    width: 100% !important;
    margin: 10px 0 !important;
  }
  /* 公司简介区域文字高度限制取消 */
  .inabout .left {padding: 0;}
  .inabout .left .wz {
    height: auto;
  }
  /* 2. 修复新闻资讯区域的4个栏目布局 */
  /* 2. 强制新闻资讯四个栏目垂直排列 */
  .innews .content {
    overflow: hidden; /* 关键：清除整个内容区的浮动 */
    display: block !important;
  }
  /* 首先，确保包含四个栏目的容器是垂直布局 */
  .innews .content > .news-article-block,
  .innews .content > div.news-article-block {
    width: 100% !important;
    float: none !important;
    display: block;
    height: auto !important; /* 取消固定高度，让内容自动撑开 */
    clear: both !important; /* 强制换行，非常重要！ */
    margin: 0 0 30px 0 !important; /* 上下排列，只设置底部间距 */
    overflow: visible !important;
  }
  
  /* 其次，确保每个新闻块内部的列表正常显示 */
  .news-article-block .new_list {
    max-height: none; /* 取消可能存在的最大高度限制 */
    overflow: visible;
  }
  .news-article-block .new_list li {
    line-height: 1.6; /* 调整行高，使移动端更易读 */
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
  }

  /* 3. 防止新闻区域与下方留言版块（.inmess）重叠 */
  .innews {
    padding-bottom: 30px; /* 确保新闻区域有足够的内下边距 */
    overflow: hidden; /* 清除可能的浮动影响 */
  }
  .inmess {
    clear: both; /* 重要：确保留言版块在新的一行开始 */
    position: relative;
    top: auto;
  }
  /* 3. 隐藏可能存在的多余滚动条或溢出 */
  .webmain {
    overflow-x: hidden; /* 防止整个页面水平滚动 */
  }
}

/* 4. 通用文字与间距优化 */
@media (max-width: 480px) {
  /* 减小大标题字号 */
  .inabout .lmtit span,
  .inpro .lmtit span,
  .innews .lmtit span {
    font-size: 28px;
  }
  .inabout .enlmtit,
  .inpro .enlmtit,
  .innews .enlmtit {
    font-size: 20px;
  }
  /* 调整新闻块内部标题和列表 */
  .news-article-block .head_box .name {
    font-size: 18px;
  }
  .news-article-block .new_list li h4 {
    font-size: 14px;
    line-height: 1.5;
  }
}

/* ============================================
   新闻详情页移动端适配修复
   ============================================ */

/* 针对新闻详情页的两栏布局容器 */
@media (max-width: 768px) {
  /* 确保容器宽度100% */
  .nyaboutmainmain {
    padding: 10px 0 !important;
    background: #fff;
  }
  
  .nyaboutmainmain .content {
    padding: 0 10px !important;
  }
  
  .nyaboutmain {
    padding: 15px !important;
  }
  
  /* 两栏布局在移动端改为单栏 */
  .sidebar-news {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #eee;
  }
  
  .article-content {
    width: 100% !important;
    float: none !important;
  }
  
  /* 侧边栏模块样式优化 */
  .sidebar-module {
    margin-bottom: 25px;
    border: none;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  }
  
  .sidebar-title {
    background: linear-gradient(to right, #32beff, #2babe7);
    color: #fff;
    font-size: 16px;
    padding: 12px 15px;
    margin: 0;
    position: relative;
  }
  
  .sidebar-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 60px;
    height: 2px;
    background: #fff;
  }
  
  .sidebar-list {
    padding: 10px 0;
  }
  
  .sidebar-list li {
    padding: 10px 15px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
  }
  
  .sidebar-list li:last-child {
    border-bottom: none;
  }
  
  .sidebar-list li:before {
    content: "›";
    position: absolute;
    left: 0;
    color: #32beff;
    font-size: 16px;
  }
  
  .cat-list li a {
    padding-left: 15px;
  }
  
  .post-list li a {
    padding-right: 60px; /* 给日期留空间 */
  }
  
  .post-list .post-date {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: #f0f8ff;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
  }
  
  /* 新闻标题样式优化 */
  .nyabout .lmtit {
    font-size: 20px;
    margin-bottom: 15px;
    text-align: center;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 2px solid #32beff;
  }
  
  /* 文章内容样式优化 */
  .nyabout .nr {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    text-indent: 2em;
  }
  
  .nyabout .nr h1 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #333;
  }
  
  .nyabout .nr p {
    margin-bottom: 15px;
  }
  
  .nyabout .nr a {
    color: #32beff;
    text-decoration: none;
  }
  
  .nyabout .nr a:hover {
    text-decoration: underline;
  }
  
  /* 清除浮动 */
  .clear {
    clear: both;
    height: 0;
    overflow: hidden;
  }
}

/* 更小屏幕的适配 */
@media (max-width: 480px) {
  .sidebar-title {
    font-size: 15px;
    padding: 10px 15px;
  }
  
  .sidebar-list li {
    padding: 8px 15px 8px 20px;
    font-size: 14px;
  }
  
  .nyabout .lmtit {
    font-size: 18px;
  }
  
  .nyabout .nr {
    font-size: 15px;
    line-height: 1.7;
  }
  
  .nyabout .nr h1 {
    font-size: 20px;
  }
}

/* 横幅区域适配 */
@media (max-width: 768px) {
  .nybanner {
    padding: 60px 0;
    background-attachment: scroll !important;
  }
  
  .nybanner .lmtit {
    font-size: 24px;
  }
  
  .nybanner .weizhi {
    font-size: 13px;
    padding: 0 10px;
  }
}