@charset "utf-8";











.side{position:fixed;width:56px;right:0;top:355px;z-index:100; text-align:left;filter: Alpha(Opacity=95);opacity: 0.95;}
.side ul li{width:56px;height:50px;float:left;position:relative; padding-bottom:1px; background:url(../images/line0.png) #e48c0f right bottom no-repeat;}
.side ul li img{opacity:0.8;filter:Alpha(opacity=80);}
.side ul li:hover img{opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidebox{border-radius:5px 0 0 0px;background:#e48c0f;position:absolute;width:56px;height:50px;top:0;right:0;transition:all 0.3s;/*opacity:0.9;filter:Alpha(opacity=90);*/color:#fff;font:14px/50px "微软雅黑";overflow:hidden;}
.side ul li .sidebox:hover{ border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:56px;height:50px;line-height:50px;display:inline-block; background:#ff8500;border-radius:0 0 0 5px;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/transition:all 0.3s;}
.side ul li .sideewm{width:56px;height:50px;line-height:50px;display:inline-block;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/transition:all 0.3s;}
.side ul li .sideewm .ewBox {
  width: 207px;
  display: none;
  color: #363636;
  text-align: center;
  position: absolute;
  left: -203px;
  top: -10px;
  background-image: url('../images/leftewm.png');
  background-repeat: no-repeat;
  background-position: center 0px; height:226px
}
.side ul li .sideewm .ewBox img{ width:150px; height:150px;  margin-top:30px; margin-left:30px;}
.side ul li .sideetel{width:56px;height:50px;line-height:50px;display:inline-block;/*background:#000;opacity:0.9;filter:Alpha(opacity=90);*/transition:all 0.3s; text-align:left;}
.side ul li .sideetel .telBox {
  width: 185px;
  height:72px;
  padding-top:135px;
  display: none;
  color: #363636;
  text-align: center;
  position: absolute;
  left: -185px;
  top: -155px;
  background-image: url('../images/lefttel.png');
  background-repeat: no-repeat;
  background-position: center top;
}
.side ul li .sideetel .telinput{ width:135px; text-align:center; height:25px; line-height:25px; background-color:#fff; color:#7d7d7d; font-size:14px; margin-left:25px; border:0; z-index:9999999; float:left;}
.side ul li .sideetel .telbnt{ width:135px; height:26px; line-height:26px; background-color:#735012; font-size:14px; border:0;margin-left:25px; margin-top:5px; color:#fff; cursor:pointer;border-radius:4px; float:left;}
.side ul li img{float:left;}
.side dl dt{width:54px;height:54px;float:left;position:relative;}
.side dl dt .sidebox{position:absolute;width:54px;height:54px;border-bottom:1px solid #444;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:12px/54px "微软雅黑";}
.side dl dd{width:54px;height:44px;float:left;position:relative;display: none;}
.side dl dd .sidebox{position:absolute;width:54px;height:44px;border-bottom:1px solid #444;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:12px/54px "微软雅黑"; line-height:44px;}
.side dl dd .sidebox:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}
.side dl dd .sidebox:hover img{opacity:0.8;filter:Alpha(opacity=80);}
.side dl  img{float:left;}
@media screen and (max-width: 640px) {.side{ display:none;}
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color: #deeffd;
	overflow-x: hidden;
	color: #333;
	font-size: 12px;
	font-family: "微软雅黑", "Arial", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
a {
	color: #333;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	/*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/
}
a:hover {
	color: #00a1e9;
	/*text-decoration: underline;*/
}
input,
select,
img {
	vertical-align: middle;
}
ul,
li {
	list-style: none;
}
em,
cite,
th {
	font-style: normal;
	font-weight: normal;
	font-style: normal;
}
.wrap {
	clear: both;
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
	text-align: left;
	zoom: 1;
	overflow: hidden;
}
.wrap2 {
	clear: both;
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
	text-align: left;
	zoom: 1;
}
.bg_huise {
	background: #f8f8f8;
}
.l {
	float: left;
}
.r {
	float: right;
}
.c_l {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
}
.clearfix:after {
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden;
	content: '.';
}
.f41 {
	font-size: 41px;
}
.f24 {
	font-size: 24px;
}
.f22 {
	font-size: 22px;
}
.banner {
	width: 100%
}
.bannerText .title {
	font-family: PingFangSC-Light;
	font-size: 72px;
	text-align: center;
	padding-bottom: 44px
}
.bannerText .text {
	font-family: SourceHanSansCN-Normal;
	font-size: 20px;
	color: #fff;
	opacity: .5;
	line-height: 1.7;
	text-align: center
}
.header-v1 {
	width: 100%;
	position: fixed;
	/*overflow:hidden; */
	height: 100px;
	z-index: 10;
	background-color: #fff;
	box-shadow: 0 1px 10px rgba(27, 58, 42, 0.15);
}



.header-v1 .top-main {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.header-v1 .top-main .logo1 {
	float: left;
	height: 100%;
	margin-left: 2%;
	margin-top: 10px;
	margin-right: 8%;
}
.header-v1 .top-main .logo1 img {
	height: 100%;
	vertical-align: middle;
}
.header-v1 .top-main .logo1 img:hover {
	transition: all 0.3s;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
}
.header-v1 .top-main .top_r {
	float: right;
}
.header-v1 .top-main .top-main-content {
	float: right;
	/* margin-top:31px;*/
}
.navBar {
	float: left;
	margin-right: 30px;
}
.nav {
	list-style: none;
	padding: 0;
}
.nav .m {
	/*float:left; */
	display: inline-block;
	border-top: 0;
	border-bottom: 0;
	/*width:120px; */
	/* position:relative; */
	margin-right: 20px;
	margin-left: 20px;
}
.nav a:hover {
	text-decoration: none;
	/*color:#fff;*/
	vertical-align: top;
}
.nav li:hover span {
	transform: translateY(-100%);
	/*color:#fff;*/
}
.nav h3 {
	float: left;
	font-weight: normal;
	font-size: 18px;
	height: 100px;
	overflow: hidden;
	width: 100%;
	text-align: center;
	position: relative;
}
.nav h3 a {
	display: block;
	color: #353535;
	line-height: 100px;
	text-transform: uppercase;
}
.nav h3 a span {
	display: block;
	position: relative;
	transition: all 0.3s;
	height: 100px;
	text-transform: uppercase;
}

.nav h3 a span:after {
	content: attr(data-title);
	position: absolute;
	/*color:#fff;*/
	left: 0;
	transform: translateY(100%);
	width: 100%;
	top: 0;
	/*color:#fff;*/
}
.nav h3 a i {
	width: 9px;
	height: 5px;
	background: url(../images/top_pic5.png) no-repeat;
	display: inline-block;
	margin-left: 7px;
}



.nav .on {}
.nav .on h3 a {
	/* height:42px; line-height:42px; */
	/*color:#fff;background:#ec2029;*/
	/*background:url(../images/top_bg.png) center bottom no-repeat;*/
}
.nav .on h3 a i {
	background: url(../images/top_pic6.png) no-repeat;
}
.nav .on h3 a span {
	/*color:#fff;*/
}
.nav li.on a:after {
	left: 0%;
	right: 0%;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav li h3 a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: 0px;
	margin-right: 0px;
	bottom: 0px;
	height: 4px;
	opacity: 0;
	background-color: #003B83; /*头部导航高亮色块*/
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav li h3 a:hover:after {
	left: 1%;
	right: 1%;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}



















.blank_h {
	height: 100px;
	overflow: hidden;
}









.touch-top {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	background: #fff;
	display: none;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}
.touch_bg {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 8;
	background: #fff;
	display: none;
	filter: Alpha(Opacity=60);
	/*IE7 fix*/
	opacity: 0.6;
	height: 100%;
}
.touch-top-wrapper {
	width: 96%;
	margin: 0 auto;
}
.touch-top-wrapper .touch-logo {
	float: left;
}
.touch-top-wrapper .touch-logo img {
	height: 42px;
	display: block;
}
.touch-navigation {
	display: block;
}
.touch-toggle {
	position: absolute;
	right: 10px;
	top: 0;
}
.touch-toggle li {
	float: left;
	height: 56px;
	padding: 0 12px;
	text-align: center;
}
.touch-toggle li a {
	height: 56px;
}
.touch-toggle li:hover,
.touch-toggle li:active {}
.touch-toggle .touch-toggle-item-first {
	border-left: none;
}
.touch-toggle .touch-toggle-item-last {
	border-right: none;
}
.touch-toggle li a {
	display: block;
	font-size: 12px;
}
.touch-toggle li i {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	/*margin-top:20px;*/
	margin-top: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.touch-toggle .touch-icon-language {
	background-image: url(../images/touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image: url(../images/touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image: url(../images/head_pic2.png);
}
.touch-toggle .touch-icon-menu {
	background-image: url(../images/head_pic1.png);
}
.touch-toggle li span {
	display: none;
	text-align: center;
}
.drawer-section {
	/* background-color:#40312f; padding:20px;*/
	display: none;
}
.drawer-section-menu {
	/* padding:20px 20px 35px;*/
	/*padding:0px 0px 35px;*/
}
.touch-toggle-content {
	clear: both;
}
.touch-menu {
	clear: both;
	background: #172349;
}
.touch-menu ul li {
	border-bottom: 1px solid #0081CC;
	position: relative;
}
.touch-menu ul li a {
	color: #fff;
	display: block;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	/* padding-left:10px;*/
	padding-left: 2%;
}
.touch-menu ul li a:hover,
.touch-menu ul li a:active {
	background-color: #003B83;
	color: #fff;
}
.touch-menu ul li i {
	position: absolute;
	top: 14px;
	/* right:5px;*/
	right: 25px;
	display: block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.touch-menu ul li i.touch-arrow-right {
	display: none;
	background-image: url(../images/touch-arrow-r.png);
}
.touch-menu ul li i.touch-arrow-down {
	background-image: url(../images/touch-arrow-d.png);
}
.touch-menu ul li i.touch-arrow-up {
	background-image: url(../images/touch-arrow-u.png);
}
.touch-menu ul li a:hover i.touch-arrow-down {
	background-image: url(../images/touch-arrow-d2.png);
}
.touch-menu ul li a:hover i.touch-arrow-up {
	background-image: url(../images/touch-arrow-u2.png);
}
.touch-menu ul ul {
	display: none;
	margin: 0;
	/* padding:0 10px 30px 30px;*/
	padding: 0 0px 30px 0px;
}
.touch-menu ul ul li {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
.touch-menu ul ul li a {
	padding: 0;
	padding-left: 3%;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
}
.touch-menu ul ul li i {
	top: 13px;
}
.touch-menu .closetitle {
	padding-top: 10px;
	padding-bottom: 12px;
	text-align: center;
}
.touch-menu .closetitle img {
	margin: 0 auto;
	height: 20px;
	width: auto;
}
.search_div .search_con {
	width: 92%;
	margin: 0 auto;
	border: 1px solid #cdcdcd;
	height: 40px;
	line-height: 40px;
}
.search_div .search_con .input1 {
	text-indent: 15px;
	width: 88%;
	float: left;
	border: 0;
	background: none;
	height: 100%;
	font-size: 16px;
	outline: none;
	color: #bbb;
}
.search_div .search_con .bnt1 {
	-webkit-appearance: none;
	float: right;
	width: 12%;
	max-width: 60px;
	background: url(../images/head_pic2.png) 50% center no-repeat;
	background-size: auto 55%;
	border: 0;
	height: 100%;
	cursor: pointer;
}
.search_div .search_con .bnt1 {
	-webkit-appearance: none;
	float: right;
	width: 12%;
	max-width: 60px;
	background: url(../images/head_pic2.png) 50% center no-repeat;
	background-size: auto 55%;
	border: 0;
	height: 100%;
	cursor: pointer;
}
.foot_bg {
	overflow: hidden;
	background: #003B83;/*底部背景色块*/
	color: #fff;
	font-size: 16px;
	clear: both;
	padding-top: 2%;
	padding-bottom: 2%;
}
.foot {
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
}
.foot a,a:hover {
	color: #fff;
}
.foot .tel {
	float: left;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
}
.foot .tel h2 {
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 10px;
}
.foot .tel span {
	display: block;
	color: #fff;
	clear: both;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;

}
.foot .tel a {
	font-weight: normal;
	color: #fff;
	font-size: 26px;
	font-family: Arial;
}
.foot .tel a:hover {
	transition: all 0.3s;
	opacity: 0.8;
	filter: Alpha(opacity=80);
}
.foot .address {
	float: left;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
}
.foot .address h2 {
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 10px;
}
.foot .address li {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;

}
.foot .address span {
	color: #fff;
	clear: both;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;

}
.foot .weixin {
	float: right;
	text-align: center;
	padding: 0 10px;
}
.foot .weixin li{
	float: left;
	text-align: center;
	padding: 0 10px;
}
.foot .weixin img {
	display: block;
	width: 118px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 5px;
}
.copyright_bg {
	background-color: #172349;/*底部版权背景色块*/
	border-top: 1px solid #0081CC;/*底部版权背景线条色块*/
}
.copyright {
	width: 1300px;
	margin: 0 auto;
	line-height: 28px;
	clear: both;
	overflow: hidden;
	font-size: 14px;
	padding: 10px;
	color: #fff;
}
.copyright a {
	color: #fff;
}
.copyright a:hover {
	color: #fff;
	transition: all 0.3s;
	filter: Alpha(Opacity=80);
	opacity: 0.8;
}
#hidden {
	z-index: 2147483647;
	display: none;
	background: #000;
	filter: alpha(opacity=0);
	left: 0px;
	opacity: 0;
	position: fixed;
	width: 3000px;
	height: 100%;
	padding-top: 28%;
	text-align: center;
	top: 0;
}
.case_tc .case_divs .closed {
	right: 0%;
	position: absolute;
	top: 0%;
	cursor: pointer;
}
.case_tc .case_divs .closed:hover {
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	transition: all 0.3s;
}
@media screen and (max-width: 1600px) {.f41 {
		font-size: 38px;
	}
}
@media screen and (max-width: 1440px) {.f41 {
		font-size: 36px;
	}
}
@media screen and (max-width: 1310px) {.header-v1 .top-main .top_r {
		display: none;
	}
}
@media screen and (max-width: 1200px) {.f41 {
		font-size: 32px;
	}
.foot .tel {
		margin-right: 1%;
	}
}
@media screen and (max-width: 1100px) {.f41 {
		font-size: 30px;
	}
.f24 {
		font-size: 20px;
	}
.f22 {
		font-size: 18px;
	}
.blank_h {
		height: 56px;
	}

.header-v1 {
		display: none;
	}
.touch-top {
		display: block;
	}

.foot .tel a {
		font-size: 18px;
	}
}
@media screen and (max-width: 960px) {.f41 {
		font-size: 28px;
	}
.f24 {
		font-size: 18px;
	}
.foot .weixin {
		margin-top: 2%;
	}
.foot .tel {
		width: 96%;
		margin-top: 2%;
		padding: 2%;
	}
}
@media screen and (max-width: 830px) {.f41 {
		font-size: 27px;
	}
.f24 {
		font-size: 17px;
	}
.f22 {
		font-size: 16px;
	}
}
@media screen and (max-width: 640px) {.f24 {
		font-size: 16px;
	}
.f22 {
		font-size: 14px;
	}
.blank_h {
		height: 56px;
		margin-top: 0;
	}

.touch-top-wrapper .touch-logo img {
		height: 42px;
	}
.touch-toggle li i {
		margin-top: 12px;
	}
.touch-menu ul li a {
		font-size: 16px;
		height: 40px;
		line-height: 40px;
	}
.touch-menu ul ul li a {
		font-size: 14px;
	}
}
@media screen and (max-width: 480px) {.blank_h {
		height: 56px;
	}

.touch-top-wrapper .touch-logo img {
		height: 42px;
	}
.touch-toggle li {
		padding-left: 8px;
		padding-right: 8px;
	}
.touch-toggle li i {
		width: 26px;
		height: 26px;
		margin-top: 23px;
	}
.foot .weixin {
		width: 100%;
		float: left;
	}
.foot .weixin li{
		float: left;
	}
.foot .weixin span{
		font-size: 15px;
		padding: 0 10px;
		font-weight: normal;
	}
.foot .weixin img {
		display: block;
		width: 100%;
		max-width: 158px;
	}
.foot .tel {
		float: left;
		width: 100%;
		overflow: hidden;

	}
.foot .tel h2 {
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 5px;
	}
.foot .tel span {
		width: 100%;
		font-size: 16px;
		line-height: 28px;
	}
.foot .tel a {
		font-weight: normal;
		color: #fff;
		font-size: 18px;
		font-family: Arial;
		line-height: 28px;
	}
.foot .tel a:hover {
		transition: all 0.3s;
		opacity: 0.8;
		filter: Alpha(opacity=80);
	}
.foot .address {
		float: left;
		overflow: hidden;

	}
.foot .address h2 {
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 10px;
		margin-top: 5px;
	}
.foot .address li {
		display: block;
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 10px;
		padding: 0 5px;

	}
.foot .address span {
		font-size: 17px;
		font-weight: normal;
		margin-top: 5px;
	}
.copyright {
		width: 94%;
		line-height: 26px;
		min-height: 26px;
		clear: both;
		overflow: hidden;
		font-size: 13px;
		padding: 0 15px;
		color: #fff;
	}
}


































#owl-demo3{text-align:center;}









#owl-demo3 .item{margin: 0px 3%;text-align:center; }
#owl-demo3 .item img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
#owl-demo3 .item dd{ width:100%;margin:0 auto; position:relative; overflow:hidden;}
#owl-demo3 .item dd .imgs{ overflow:hidden; width:100%;}
#owl-demo3 .item dd .imgs img{ display: inline-block;width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; vertical-align:middle;}
#owl-demo3 .item dd .txts{ overflow:hidden; background-color:#fff; transition: all 0.3s; padding-bottom:25px; padding-top:25px; padding-left:26px; padding-right:2%; text-align:left;}
#owl-demo3 .item dd .txts h2{height:36px;line-height:36px;overflow:hidden;font-weight:normal;}
#owl-demo3 .item dd .txts .p{ font-size:14px; color:#333;line-height:20px; height:20px; overflow:hidden;}
#owl-demo3 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo3 .item dd:hover .txts h2{ color:#0067ac;}
#owl-demo3 .item dd .desc{ display:none;}







#owl-demo2 .item{margin: 0px;}
#owl-demo2 .item img{display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
#owl-demo2 .item dd{ width:80%;margin:0 auto; text-align:center;}
#owl-demo2 .item dd .imgs{ margin:0 auto; overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0); margin-bottom:5%;}
#owl-demo2 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo2 .item dd h2{  font-weight:normal; color:#1d1d1d; margin:0 auto; max-width:450px; margin-bottom:2%;}
#owl-demo2 .item dd p{ color:#444; line-height:24px; margin:0 auto; max-width:450px;}
#owl-demo2 .item dd:hover h2{color:#1d96d2;}








#owl-demo4 .item{margin: 0px;}
#owl-demo4 .item img{display:block; width:100%;max-width:100px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
#owl-demo4 .item dd{ width:80%;margin:0 auto; text-align:center;}
#owl-demo4 .item dd .imgs{ margin:0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0); margin-bottom:7%;}
#owl-demo4 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo4 .item dd h2{  font-weight:normal; color:#fff; max-width:212px; line-height:26px; margin:0 auto; margin-bottom:1%; font-size:16px;}
#owl-demo4 .item dd p{ color:#fff; line-height:24px; margin:0 auto;font-size:16px;}
#owl-demo4 .item dd:hover h2{color:#fff;}








#owl-demo5 .item{margin: 0px;}
#owl-demo5 .item img{display:block; width:100%;max-width:119px; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
#owl-demo5 .item dd{ width:80%;margin:0 auto; text-align:center;}
#owl-demo5 .item dd:first-child{ margin-bottom:14%;}
#owl-demo5 .item dd .imgs{ margin:0 auto;/* overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow:0 5px 20px rgba(0,0,0,0.1);*/-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0); margin-bottom:7%;}
#owl-demo5 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo5 .item dd h2{  font-weight:normal; color:#fff; max-width:212px; line-height:26px; margin:0 auto; margin-bottom:1%; font-size:16px;}
#owl-demo5 .item dd p{ color:#fff; line-height:24px; margin:0 auto;font-size:16px;}
#owl-demo5 .item dd:hover h2{color:#fff;}







#owl-demo6 .item{margin: 0px;}
#owl-demo6 .item img{display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
#owl-demo6 .item dd{ width:90%;margin:0 auto; text-align:center;}
#owl-demo6 .item dd .imgs{ margin:0 auto; overflow:hidden;margin-bottom:5%;}
#owl-demo6 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo6 .item dd h2{  font-weight:normal; color:#1d1d1d; margin:0 auto; max-width:450px; margin-bottom:2%;}
#owl-demo6 .item dd p{ color:#444; line-height:24px; margin:0 auto; max-width:450px;}
#owl-demo6 .item dd:hover h2{color:#1d96d2;}

@media screen and (max-width:1100px) {#owl-demo3 .item dd .txts .p{ font-size:13px;}
}
@media screen and (max-width:640px) {#owl-demo4 .item dd h2{ line-height:22px; font-size:14px;}
}
@media screen and (max-width:480px) {#owl-demo3 .item dd .imgs h2{ height:42px; line-height:42px; font-size:14px;}
#owl-demo3 .item dd .txts h2{ font-size:14px;}
}
.o_big {
  overflow: hidden;
}
.o_big img {
  width: 100%;
  -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;
  animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;
}
.postions {
  height: 55px;
  line-height: 35px;
  overflow: hidden;
  color: #919191;
  font-size: 16px;
  background: #fff;
  margin-bottom: 25px;
  padding: 10px 20px;
}
.postions a {
  color: #919191;
  font-size: 16px;
}
.second_menu {
  background: #fff;
  overflow: hidden;
  padding-top: 25px;
  text-align: center;

}
.second_menu a {
  display: inline-block;
  padding: 7px 30px;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  background-color: #f0f0f0;
  transition: all 0.3s;
  margin-bottom: 2%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  position: relative;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  border-radius: 5px;
  color: #595959;
  user-select: none;
  vertical-align: middle;
}
.second_menu a:hover {
  background-color: #A40000;
  color: #fff;
  box-shadow: 0 1px 10px 1px rgba(164, 0, 0, .6);
}
.second_menu a.csel {
  background-color: #A40000;
  color: #fff;
  box-shadow: 0 1px 10px 1px rgba(164, 0, 0, .6);
}
.yema a.on {
  color: #fff;
  background-color: #215e21;
  border: 1px solid #215e21;
}
.yema a.first,
.yema a.last {
  margin-right: 0;
}
.yema a.first:hover,
.yema a.last:hover {
  background-color: #ec2029;
}
.pagination-wrapper {
  padding: 1em 0 2em 0;
}
.pagination {
  height: 34px;
  text-align: center;
}
.pagination li {
  display: inline-block;
  height: 34px;
  margin-right: 0.3em;
  font-size: 14px;
}
.pagination li a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  padding: 0 0.8em;
  border: 1px solid #dddddd;
  color: #555555;
  text-decoration: none;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li a:hover {
  background: #f5f5f5;
  color: #0099ff;
}
.pagination li.thisclass {
  background: #09f;
  color: #fff;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  font-size: 14px;
  border: 1px solid #09f;
  text-decoration: none;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li.thisclass a,
.pagination li.thisclass a:hover {
  background: transparent;
  border-color: #09f;
  color: #fff;
  cursor: default;
}
.product_ul ul li .imgs {
  width: 100%;
  overflow: hidden;
}
.i_title {
  margin-top: 3%;
  margin-bottom: 2%;
  overflow: hidden;
  text-align: center;
}
.i_title h2 {
  overflow: hidden;
  font-weight: 400px;
  color: #003B83; /*首页中间栏目色块*/
  letter-spacing: 0px;
  text-transform: uppercase;
  font-family: "微软雅黑", "Arial", "Microsoft YaHei";
}
.i_title p {
  color: #0081CC; /*首页中间栏目下方英文色块*/
  padding-bottom: 15px;
}
.product_list ul li .imgs {
  width: 100%;
  overflow: hidden;
}
.news_list li .imgs {
  width: 19%;
  float: left;
  display: inline;
  overflow: hidden;
}
.news_list li .imgs img {
  width: 100%;
  /* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.news_list li:hover .imgs img {
  /*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.news_list li .text {
  margin: 0 0 0 290px;
  position: relative;
  padding-right: 180px;
  -webkit-transition: all .5s;
  transition: all .5s
}
.news_list li .text h4 {
  margin: 0;
  font-weight: 400;
  font-size: 22px;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 20px
}
.news_list li .text p {
  line-height: 2;
  height: 60px;
  overflow: hidden;
  margin: 10px 0 0;
  color: #999;
  font-size: 16px;
}
.news_list li .date {
  position: absolute;
  padding: 25px 0;
  width: 120px;
  right: 0;
  top: 0
}
.news_list li .date small {
  font-size: 28px
}
.news_list li .date strong {
  font-size: 70px;
  margin-top: 5px;
  padding-left: 8px;
}
.news_list li a:hover .text h4 {
  color: #A40000;
}
.news_list li a:hover .date {
  color: #6B0000;
}
.news_list li a:hover .date i:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}
.newsDetails {
  overflow: hidden;
  width: 1300px;
  margin-bottom: 25px;
  background: #fff;
}
.newsDetails_page {
  overflow: hidden;
  width: 1220px;
  font-size: 16px;
  color: #666666;
  line-height: 50px;
  padding: 25px 40px 25px 40px;
}
.newsDetails_page img {
  margin-bottom: 15px;
  max-width: 100%;
}
.newsDetails_page .show_t {
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 28px;
  color: #333;
  font-weight: 400;
}
.newsDetails_page .con_line {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
}
.newsDetails_page .con_id {
  line-height: 30px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  padding-top: 20px;
  text-align: left;
  padding-bottom: 40px;
  padding-left: 2%;
  padding-right: 2%;
}
.newsDetails_page .con_id img {
  display: block;
  margin: 0 auto;
  padding: 0 10px;
  /* max-width:650px */
}
.newsDetails_page table {
  border-collapse: collapse;
  border-spacing: 0;
}
.newsDetails_page table td {
  line-height: 22px;
  height: 27px;
  border: 1px solid #ccc;
  padding: 5px 10px;
}
.relatedNews .list {
  background: #fff;
  margin-bottom: 25px;
  padding: 35px 26px 30px 26px;
  box-sizing: border-box;
}
.relatedNews .list .title {
  line-height: 48px;
  font-size: 22px;
  color: #333333;
}
.relatedNews .list li:last-child a {
  border-bottom: none;
}
.relatedNews .list li a {
  display: block;
  border-bottom: solid 1px #e6e6e6;
  padding: 12px 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.relatedNews .list li a:hover .tit {
  color: #e12524;
}
.relatedNews .list li .tit {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.relatedNews .list li .txt {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #c8c8c8;
  margin-top: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.relatedNews .list li .txt span {
  margin-left: 16px;
}
.relatednews_list .show_t {
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 36px;
  color: #333;
  font-weight: 400;
}
.relatednews_list .con_line {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
}
.relatednews_list .con_id {
  line-height: 30px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  padding-top: 20px;
  text-align: left;
  padding-bottom: 40px;
}
.relatednews_list .con_id img {
  display: block;
  margin: 0 auto;
  padding: 10px;
  /* max-width:650px */
}
.about_x {
  overflow: hidden;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  font-family: Microsoft Yahei;
  text-indent: 2em;
}
.about_x img {
  margin-bottom: 15px;
  max-width: 100%;
}
.about_x .show_t {
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 36px;
  color: #333;
  font-weight: 400;
}
.about_x .con_line {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
}
.about_x .con_id {
  line-height: 30px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  padding-top: 20px;
  text-align: left;
  padding-bottom: 40px;
}
.about_x .con_id img {
  display: block;
  margin: 0 auto;
  padding: 10px;
  /* max-width:650px */
}
.about_x table {
  border-collapse: collapse;
  border-spacing: 0;
}
.about_x table td {
  line-height: 22px;
  height: 27px;
  border: 1px solid #ccc;
  padding: 5px 10px;
}
.prenext {
  border-bottom: 1px dashed #d3d3d3;
  font-size: 16px;
  line-height: 60px;
  margin-top: 20px;
  color: #444;
}
.prenext span {
  float: left;
  width: 108px;
  color: #666666;
  font-size: 16px;
}
.prenext a {
  color: #444;
}
.prenext a:hover {
  color: #00a1e9;
  text-decoration: none;
}
.prenext:last-child {
  border-top: 0;
  margin-top: 0;
  margin-bottom: 10px;
}
.fenxiang .span {
  float: right;
  font-size: 14px;
  line-height: 34px;
}
.honor_ul ul li .imgs {
  width: 100%;
  overflow: hidden;
}
.honor_ul ul li .imgs img {
  width: 100%;
  -webkit-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.honor_ul ul li:hover .imgs img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#map {
  float: left;
  width: 800px;
  height: 550px;
  border: #ccc solid 1px;
  font-size: 12px;
  margin-bottom: 2%;
}
.content {
  padding: 30px;
  background-color: #fff;
  clear: both;
  height: 550px;
}
.content .address {
  width: 420px;
  float: right;
  padding: 0 5px;
  box-sizing: border-box;
}
.content .address::-webkit-scrollbar {
  width: 4px;
}
.content .address::-webkit-scrollbar-button {
  display: none;
}
.content .address::-webkit-scrollbar-thumb {
  background: #eee;
}
.content .address .top {
  border-bottom: solid 1px #ebebeb;
  padding: 10px 0;
}
.content .address .top:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.content .address .phone,
.content .address .mail {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #555555;
  padding: 10px 0;
}
.content .address .phone a,
.content .address .mail a {
  font-size: 28px;
  color: #6B0000;
}
.content .address .phone p,
.content .address .mail p {
  padding-left: 60px;
  box-sizing: border-box;
  background: no-repeat 10px 5px;
  line-height: 28px;
  margin: 0 0 6px 0;
}
.content .address ul li {
  border-bottom: solid 1px #ebebeb;
  padding: 20px 0px 20px 15px;
  box-sizing: border-box;
  line-height: 28px;
  font-size: 16px;
  color: #555555;
  cursor: pointer;
}
.case_ul ul li .imgs {
  overflow: hidden;
  width: 100%;
}
.case_ul ul li .imgs img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.case_ul ul li .txts {
  overflow: hidden;
  transition: all 0.3s;
  padding-bottom: 25px;
  padding-top: 25px;
  padding-left: 26px;
  padding-right: 2%;
  text-align: left;
}
.case_ul ul li .txts h2 {
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  font-weight: normal;
  color: #215e21;
}
.case_ul ul li .txts .p {
  font-size: 14px;
  color: #399539;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
}
.case_ul ul li:hover .imgs img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.case_ul ul li:hover .txts h2 {
  color: #d7000f;
}
.case_ul ul li .desc {
  display: none;
}
.job_ul ul li .p {
  font-size: 14px;
  color: #646464;
  line-height: 26px;
  overflow: hidden;
}
.job_ul ul li:hover .p {
  color: #fff;
}
.solution_bg .solution_ul ul li .imgs {
  overflow: hidden;
}
.solution_bg .solution_ul ul li .imgs img {
  width: 100%;
  display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.solution_bg .solution_ul ul li .txts {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #fff;
}
.solution_bg .solution_ul ul li .table {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.solution_bg .solution_ul ul li .td {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.solution_bg .solution_ul ul li .txts img {
  margin: 0 auto;
  width: 20%;
  max-width: 90px;
  display: block;
  margin-bottom: 5%;
  /*margin-top:50px;*/
}
.solution_bg .solution_ul ul li .txts h2 {
  color: #efefef;
  font-weight: normal;
  margin: 0 auto;
  margin-bottom: 3%;
  max-width: 350px;
  width: 94%;
  font-size: 28px;
}
.solution_bg .solution_ul ul li .txts p {
  font-size: 14px;
  line-height: 22px;
  margin: 0 auto;
  max-width: 350px;
  width: 94%;
  overflow: hidden;
}
.solution_bg .solution_ul ul li:hover .imgs img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.product_con .td {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.product_con .td.vt {
  vertical-align: top;
  margin-top: 5%;
}
.product_con .txts {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.product_con .txts .pt {
  margin-top: 10%;
  font-weight: normal;
  margin-bottom: 2%;
}
.product_con .txts .p1 {
  color: #444444;
  font-size: 16px;
  line-height: 26px;
  max-width: 680px;
  width: 96%;
  margin: 0 auto;
}
.product_con .txts .p2 {
  color: #444444;
  font-size: 16px;
  line-height: 36px;
}
.product_con .txts .p2 label {
  color: #6d6d6d;
  font-size: 12px;
  font-family: Arial;
  padding-right: 3px;
}
.product_con .txts .product_three_l .pt {
  margin-top: 5%;
}
.solution_con ul li .img {
  max-width: 90%;
  margin: 0 auto;
  display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.solution_con ul li .solution_box:hover .img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.solution_con ul li:nth-child(3) .solution_box:nth-child(1):hover .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.b_link ul li .imgs {
  overflow: hidden;
  border: 1px solid #f0f0f0;
}
.b_link ul li .imgs img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.b_link ul li:hover .imgs img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
@media screen and (max-width: 1200px) {.news_con ul li .i_about_r .p {
    line-height: 22px;
    max-height: 44px;
  }
.solution_bg .solution_ul ul li .txts img {
    /*margin-top:30px;*/
    width: 18%;
  }
.solution_bg .solution_ul ul li .txts h2 {
    margin-bottom: 2%;
  }
.solution_bg .solution_ul ul li .txts p {
    font-size: 13px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1100px) {.o_big {
    background-size: auto 110%;
  }
.news_con ul li .i_about_r .p {
    line-height: 18px;
    max-height: 36px;
    font-size: 12px;
  }
.case_ul ul li .txts {
    padding-top: 10px;
    padding-bottom: 15px;
  }
.case_ul ul li .txts .p {
    font-size: 13px;
  }
.solution_bg .solution_ul ul li .txts img {
    /*margin-top:20px;*/
    width: 16%;
  }
.solution_bg .solution_ul ul li .txts p {
    font-size: 12px;
    line-height: 18px;
    max-height: 180px;
  }
}
@media screen and (max-width: 1000px) {.o_big {
    background-size: auto 120%;
  }
}
@media screen and (max-width: 960px) {.o_big {
    background-size: auto 130%;
  }
.map {
    float: left;
    padding-bottom: 3%;
    display: none;
  }
.solution_bg .solution_ul ul li .txts img {
    /*margin-top:15px;*/
    width: 14%;
    margin-bottom: 3%;
  }
.solution_bg .solution_ul ul li .txts h2 {
    font-size: 20px;
  }
.product_con .td.vt {
    vertical-align: middle;
  }
.product_con .txts .p1 {
    font-size: 14px;
  }
.product_con .txts .p2 {
    font-size: 14px;
    line-height: 26px;
  }
}
@media screen and (max-width: 830px) {.o_big {
    background-size: auto 140%;
  }
}
@media screen and (max-width: 780px) {.o_big {
    background-size: auto 150%;
  }
.news_list li .imgs {
    width: 30%;
    padding-top: 15px;
    padding-right: 15px;

  }
.news_list li .text {
    margin-left: 100px;
    padding-right: 0px;
  }
.news_list li .text h4 {
    font-size: 17px;
    padding-top: 15px;
  }
.news_list li .text p {
    line-height: 23px;
    font-size: 15px;
    height: 46px;
    overflow: hidden
  }
.news_list li .date {
    display: none;
  }
.news_list li a:hover .text {
    padding: 0 40px 0 0
  }
.news_con ul li .imgs {
    width: 30%;
  }
.newsDetails {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 15px;
  }
.newsDetails_page .show_t {
    font-size: 18px;
    line-height: 28px;
    height: auto;
    text-align: left;
  }
.newsDetails_page .con_line {
    font-size: 12px;
    line-height: 22px;
    height: auto;
    text-align: left;
  }
.newsDetails_page .con_id {
    padding-left: 2%;
    margin-right: 2%;
    font-size: 15px;
  }
.newsDetails_page .con_id img {
    width: 100%;
    height: auto;
    padding-left: 0px;
  }
.relatedNews .list {
    margin-bottom: 15px;
  }
.relatedNews .list li .txt {
    display: none;
  }
.postions {
    font-size: 13px;
    margin-bottom: 10px;
    color: #919191;
  }
.postions a {
    color: #919191;
    font-size: 13px;
  }
.second_menu {
    padding-top: 10px;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 10px;
  }
.second_menu a {
    padding: 5px 16px;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    margin-right: 20px;
  }
.about_x .show_t {
    font-size: 20px;
    margin-top: 2%;
    margin-bottom: 0px;
  }
.prenext {
    font-size: 14px;
  }
.prenext span {
    width: 70px;
    font-size: 14px;
  }
.content {
    padding-left: 2%;
    padding-right: 2%;
    height: 700px;
  }
.content .address {
    width: 100%;
    padding: 0 1%;
    box-sizing: border-box;
  }
#map {
    width: 100%;
    height: 400px;
  }
}
@media screen and (max-width: 640px) {.o_big {
    background-size: auto 160%;
  }
.news_con ul li .imgs {
    width: 37%;
  }
.news_con ul li .imgs {
    width: 29%;
  }
.newsDetails {
    width: 100%;
    padding: 0;
  }
.newsDetails_page {
    width: 100%;
    padding: 20px 0 0 0;
  }
.newsDetails_page .show_t {
    font-size: 20px;
    height: auto;
    text-align: left;
    padding-left: 2%;
    padding-right: 2%;
  }
.newsDetails_page .con_line {
    font-size: 12px;
    text-align: left;
    padding-left: 2%;
    padding-right: 2%;
    width: 94%;
  }
.newsDetails_page .con_id {
    padding-left: 2%;
    padding-right: 2%;
  }
.newsDetails_page .con_id img {
    width: 100%;
    height: auto;
    padding-left: 0px;
  }
.relatedNews .list {
    margin-bottom: 15px;
  }
.case_ul ul li .txts {
    padding-left: 4%;
  }
.job_ul ul li .p {
    font-size: 13px;
  }
.solution_bg .solution_ul ul li .txts img {
    width: 21%;
  }
.product_con .txts .p1 {
    font-size: 12px;
    line-height: 20px;
  }
.product_con .txts .p2 {
    font-size: 12px;
    line-height: 22px;
  }
.fangwei_div .fangwei_con .imgs {
    width: 40%;
    margin-right: 0;
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 480px) {.o_big {
    background-size: auto 170%;
  }
.about_x2 .show_t {
    font-size: 22px;
    line-height: 30px;
  }
.about_x .con_id img {
    width: 100%;
    height: auto;
  }
.case_ul ul li .txts h2 {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
  }
.job_ul ul li .p {
    font-size: 12px;
    line-height: 22px;
    padding-top: 20px;
  }
.solution_bg .solution_ul ul li .txts h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 360px) {.o_big {
    background-size: auto 180%;
  }
}

























#slider {
	position: relative;
}









.in_about {
    padding: 30px 0 40px 0;
}
.in_about dt {
    float: left;
    position: relative;
    width: 500px;
    margin: 0 0 20px 20px
}
.in_about dt:before {
    content: '';
    position: absolute;
    left: -20px;
    bottom: -20px;
    width: 100%;
    height: 100%;
    background-color: #003B83 /*首页关于我们图片色块*/
}
.in_about dt img {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all .5s;
    transition: all .5s
}
.in_about dd {
    margin-left: 540px;
    margin-right: 20px;
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 1px 18px 1px rgba(54, 62, 69, .6);
    padding: 20px 30px;
    height: 290px
}
.in_about dd h4 {
    font-size: 24px;
    color: #003B83;
}
.in_about dd p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin: 10px 0 0;
    text-align: justify
}
.i_product_list ul li .imgs {
    width: 100%;
    overflow: hidden;
}
.in_section {
    padding: 30px 0 40px 0;
}
.in-adv {
    margin: -20px 0 0 -20px
}
.in-adv li {
    float: left;
    width: 33.333333%
}
.in-adv li a {
    display: block;
    margin: 20px 0 0 20px;
    background: rgba(0, 59, 131, 0.9);/*优势色块*/
    padding: 30px;
    overflow: hidden;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s
}
.in-adv li img {
    float: left;
    width: 92px;
    line-height: 92px;
    height: 92px;
    border-radius: 50%;
    background-color: rgba(0, 129, 204, 0.9);
    margin-top: 20px;
}
.in-adv li .text {
    margin-left: 116px
}
.in-adv li .text h4 {
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.8
}
.in-adv li .text p {
    font-size: 16px;
    margin: 10px 0 0;
    line-height: 1.8;
}
.in-adv li a:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    background-color: rgba(23, 35, 73)/*优势色块高亮*/
}
.i-adv li .text {
    margin-left: 116px
}
.i-adv li .text h4 {
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.8
}
.i-adv li .text p {
    font-size: 16px;
    margin: 10px 0 0;
    line-height: 1.8;
}
.i_service ul li .imgs {
    margin: 0 auto;
    overflow: hidden;
}
.i_service ul li .txts {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}
.i_solution ul li .imgs {
    margin: 0 auto;
    overflow: hidden;
}
.i_solution ul li .txts {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}
.i_case_bg {
    background: url(../images/honor_bg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 30px 0 60px 0;
}
.i_case_bg .i_title h2 {
    color: #fff;
}
.i_case_bg .i_title p {
    color: #fff;
}
.in_news li .imgs {
    width: 25%;
    float: left;
    display: inline;
    overflow: hidden;
    margin-right: 25px;
}
.in_news li .imgs img {
    width: 100%;
    /* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.in_news li:hover .imgs img {
    /*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.in_news li .date {
    float: right;
    width: 80px;
    position: relative;
    z-index: 1;
    padding: 5px 0;
    left: 0;
    top: 0;
}
.in_news li .date small {
    display: block;
    font-size: 16px;
    margin-top: 10px
}
.in_news li .date strong {
    display: block;
    font-size: 45px;
}
.in_news li .text {
    float: left;
    width: 300px;

}
.in_news li .text h4 {
    margin-top: 15px;
    font-weight: 400;
    font-size: 18px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.in_news li .text p {
    color: #666;
    -webkit-transition: all .5s;
    transition: all .5s;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    font-size: 16px;
}
.in_news li a:hover .text p {
    color: #fff
}
.banner_pos .txts {
    float: right;
    margin-right: 3%;
    margin-top: 20%;
    width: 94%;
    max-width: 536px;
    text-align: left;
}
.banner_pos .txts h2 {
    color: #00a1e9;
}
.banner_pos .txts p {
    color: #767676;
    margin-top: 6%;
}
.banner_pos .txts a {
    margin-top: 6%;
    width: 220px;
    display: block;
    height: 48px;
    line-height: 48px;
    border: 1px solid #606060;
    text-align: center;
    font-size: 12px;
    color: #a2a2a2;
}
.banner_pos .txts a em {
    float: right;
    margin-right: 7%;
    font-style: normal;
    font-family: "宋体";
    font-size: 18px;
}
.banner_pos .txts a:hover {
    border: 1px solid #00a1e9;
}
.banner_pos .txts a:hover {
    color: #00a1e9;
}
.index-news .wrap {
    overflow: hidden;
}
/* 2026-10-23 全站去 JS：原这里是 @media(max-width:830px){#slider{display:none}
   .flash_div{display:block}}——手机端隐藏 PC 轮播、改用 Owl 的 #owl-flash。
   现在 #owl-flash/.flash_div 已删除，且纯 CSS 轮播在窄屏同样正常，
   所以不再隐藏 #slider：桌面和手机共用同一套轮播（少一份标记与脚本）。 */
@media screen and (max-width: 780px) {.in-adv {
        margin: -10px 0 0
    }
.in-adv li {
        width: 100%
    }
.in-adv li a {
        padding: 15px;
        margin: 10px 0 0
    }
.in-adv li img {
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin-top: 25px;
        margin-right: 25px;
    }
.in-adv li .text {
        margin-left: 25px;

    }
.in-adv li .text h4 {
        font-size: 18px
    }
.in-adv li .text p {
        font-size: 16px;
        margin-top: 6px;
    }
.in_about {
    padding: 30px 0 40px 0;
}
.in_about dt {
    float: none;
    width: 100%;
    margin: 0 0 20px 20px
}
.in_about dt:before {
    content: '';
    position: absolute;
    left: -20px;
    bottom: -20px;
    width: 100%;
    height: 100%;
    background-color: #003B83 /*首页关于我们图片色块*/
}
.in_about dt img {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all .5s;
    transition: all .5s
}
.in_about dd {

    margin-left: 0;
    margin-right: 0px;
    margin-top: 0px;
    background-color: #fff;
    box-shadow: 0 1px 18px 1px rgba(54, 62, 69, .6);
    padding: 15px;
    width: 98%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.in_about dd h4 {
    font-size: 24px;
    color: #003B83;
}
.in_about dd p {
    width: 96%;
    font-size: 15px;
    line-height: 30px;
    color: #666;
    margin: 10px 0 0;
    text-align: justify
}
.in_news li .imgs {
        width: 26%;
        float: left;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
.in_news li .date {
        display: none;
    }
.in_news li .text {
        float: right;
        width: 70%;
    }
.in_news li .text h4 {
        font-size: 16px;
        height: 28px;
        padding: 0;
        margin: 0;
    }
.in_news li .text p {
        line-height: 1.45;
        height: 40px;
        font-size: 14px;
    }
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0;
}
body {
    position: relative;
    font-size: 14px;
    background-color: white;
    overflow: auto;
}
body,
button,
input,
keygen,
legend,
select,
textarea {
    font-family: "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    color: #333;
    outline: 0;
    speak: none;
    -webkit-font-feature-settings: normal;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}
li {
    list-style: none;
}
html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0;
}
img {
    vertical-align: top;
}
a,
button {
    cursor: pointer;
}
a {
    color: #333;
    outline: none;
    text-decoration: none;
}
a:focus {
    color: #333;
    outline: none;
    -moz-outline: none;
}
body {
    background: #F4F5F9;
}
a:hover {
    color: #fc8080;
    text-decoration: none;
}
a:-webkit-any-link {
    text-decoration: none;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.tr {
    text-align: right;
}
.tc {
    text-align: center;
}
.red {
    color: #fc8080 !important;
}
.suspension {
    position: fixed;
    z-index: 55;
    right: 0;
    bottom: 50px;
    width: 70px;
    height: 240px;
}
.suspension-box {
    position: relative;
    float: right;
}
.suspension .a {
    display: block;
    width: 44px;
    height: 44px;
    background-color: #353535;
    margin-bottom: 4px;
    cursor: pointer;
    outline: none;
}
.suspension .a.active,
.suspension .a:hover {
    background: #F05352;
}
.suspension .a .i {
    float: left;
    width: 44px;
    height: 44px;
    background-image: url(../images/side_icon.png);
    background-repeat: no-repeat;
}
.suspension .a-service-phone .i {
    background-position: -1px 0;
}
.suspension .a-qrcode .i,
.suspension .a-wxone .i,
.suspension .a-wxtwo .i,
.suspension .a-wxthree .i {
    background-position: -44px 0;
}
.suspension .a-wxfour .i {
    background-position: -88px 0;
}
.suspension .a-cart .i {
    background-position: -132px 0;
}
.suspension .a-top .i {
    background-position: -176px 0;
}
.suspension .a-top {
    background: #D2D3D6;
    display: none;
}
.suspension .a-top:hover {
    background: #c0c1c3;
}
.suspension .d {
    display: none;
    width: 223px;
    background: #fff;
    position: absolute;
    right: 67px;
    min-height: 90px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.suspension .d-service-phone {
    top: 0px;
}
.suspension .d-wxone {
    top: 8px;
}
.suspension .d-wxtwo {
    top: 18px;
}
.suspension .d-wxthree {
    top: 28px;
}
.suspension .d-wxfour {
    top: 38px;
}
.suspension .d .inner-box {
    padding: 8px 22px 12px;
}
.suspension .d-service-item h3 {
    float: left;
    width: 160px;
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 5px;
    color: #003B83;
}
.suspension .d-service-item .title {
    float: left;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px;
}
.suspension .d-service-item .text {
    float: left;
    width: 180px;
    line-height: 28px;
    font-size: 16px;
}
.suspension .d-service-item .text .number {
    font-size: 22px;
    line-height: 28px;
}
.suspension .d-service-item .text .number a,
.suspension .d-service-item .text .number a:hover {
    font-size: 22px;
    line-height: 28px;
    color: #ff0000;
}
.suspension .d-service-item .text .hx {
    border-bottom: 1px solid #eee;
    padding: 9px 0;
    margin: 9px 0;
}
.suspension .d-service-intro {
    padding-top: 10px;
}
.suspension .d-service-intro p {
    float: left;
    line-height: 27px;
    font-size: 18px;
    width: 50%;
    white-space: nowrap;
    color: #888;
}
.suspension .d-service-intro i {
    background: url(../images/side_con_icon01.png) no-repeat center center;
    height: 27px;
    width: 14px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
}
.suspension .d-wxone,
.suspension .d-wxtwo,
.suspension .d-wxthree,
.suspension .d-wxfour {
    text-align: center;
}
.suspension .d-wxone .inner-box,
.suspension .d-wxtwo .inner-box,
.suspension .d-wxthree .inner-box,
.suspension .d-wxfour .inner-box {
    padding: 10px 0;
}
.suspension .d-wxone p,
.suspension .d-wxtwo p,
.suspension .d-wxthree p,
.suspension .d-wxfour p {
    font-size: 16px;
    color: #93959c;
    line-height: 28px;
}
@media screen and (max-width: 480px) {.suspension .d .inner-box {
        padding: 10px 0;
    }
.suspension .d-service-item {
        border-bottom: none;
        margin-left: 15px;
    }
.suspension .d-service-item h3 {
        float: left;
        width: 150px;
        line-height: 35px;
        font-size: 20px;
        margin-bottom: 10px;
    }
.suspension .d-service-item .title {
        float: left;
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 5px;
    }
.suspension .d-service-item .text {
        float: left;
        width: 150px;
        line-height: 20px;
        font-size: 15px;
        margin-bottom: 5px;
    }
.suspension .d-service-item .text .number {
        font-size: 20px;
        line-height: 28px;
    }
.suspension .d-wxone .inner-box .qrcode-img,
    .suspension .d-wxtwo .inner-box .qrcode-img,
    .suspension .d-wxthree .inner-box .qrcode-img,
    .suspension .d-wxfour .inner-box .qrcode-img {
        width: 100px;
        margin-left: 0px;
        padding: 0;
    }
}
.card-list {
	width: 1300px;
	max-width: 96%;
	margin: 0 auto;
	padding: 10px 0 46px;
}
.card-list ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.card-list li.cl-item {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #ebedf0;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.card-list li.cl-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(15, 23, 42, .10);
	border-color: #e0e4ea;
}
.card-list .cl-item > a {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}
.card-list .cl-thumb {
	position: relative;
	display: block;
	padding-top: 62%;
	background: #f3f5f8;
	overflow: hidden;
}
.card-list .cl-thumb img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}
.card-list .cl-item:hover .cl-thumb img {
	transform: scale(1.06);
}
.card-list .cl-thumb-none {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #eff4fa 0%, #dbe6f3 100%);
	color: #9aabbf;
	font-size: 15px;
	letter-spacing: 3px;
	text-indent: 3px;
}
.card-list .cl-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 18px 20px 16px;
}
.card-list .cl-body h4 {
	margin: 0 0 9px;
	font-size: 17px;
	line-height: 1.55;
	font-weight: 600;
	color: #1b1f24;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: color .2s;
}
.card-list .cl-item:hover .cl-body h4 {
	color: #c8102e;
}
.card-list .cl-body p {
	flex: 1;
	margin: 0 0 14px;
	font-size: 13.5px;
	line-height: 1.85;
	color: #8b939c;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.card-list .cl-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 12px;
	border-top: 1px dashed #eef0f3;
	font-size: 12.5px;
	color: #a4abb4;
}
.card-list .cl-meta .cl-more {
	color: #c8102e;
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity .25s ease, transform .25s ease;
}
.card-list .cl-item:hover .cl-meta .cl-more {
	opacity: 1;
	transform: none;
}
.card-list .cl-empty {
	grid-column: 1 / -1;
	background: #fff;
	border: 1px dashed #e3e7ec;
	border-radius: 10px;
	padding: 60px 20px;
	text-align: center;
	color: #9aa3ad;
	font-size: 14px;
}
@media screen and (max-width: 1100px) {.card-list ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
}
@media screen and (max-width: 700px) {.card-list {
		padding: 6px 0 26px;
	}
.card-list ul {
		grid-template-columns: 1fr;
		gap: 14px;
	}
.card-list .cl-thumb {
		padding-top: 56%;
	}
.card-list .cl-body {
		padding: 14px 16px 12px;
	}
.card-list .cl-body h4 {
		font-size: 16px;
	}
.card-list .cl-body p {
		margin-bottom: 10px;
	}
}
.hc-list {
	width: 1300px;
	max-width: 96%;
	margin: 0 auto;
	padding: 10px 0 4px;
}
.hc-list ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.hc-list li.hc-item {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #ebedf0;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.hc-list li.hc-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 32px rgba(15, 23, 42, .12);
	border-color: #e0e4ea;
}
.hc-list .hc-thumb {
	position: relative;
	display: block;
	padding-top: 66%;
	background: #f3f5f8;
	overflow: hidden;
}
.hc-list .hc-thumb img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}
.hc-list .hc-item:hover .hc-thumb img {
	transform: scale(1.06);
}
.hc-list .hc-thumb-none {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #eff4fa 0%, #dbe6f3 100%);
	color: #9aabbf;
	font-size: 14px;
	letter-spacing: 2px;
}
.hc-list .hc-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 14px 16px 12px;
}
.hc-list .hc-body h4 {
	/* margin-bottom 10px：原标题 margin:0，标题紧贴下方的虚线（hc-meta 的
	   border-top），用户反馈「标题与下面虚线太近了」。
	   14px(上内距) + 10px + 10px(hc-meta padding-top) ≈ 与上方留白平衡 */
	margin: 0 0 10px;
	font-size: 15.5px;
	line-height: 1.55;
	font-weight: 600;
	color: #1b1f24;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: color .2s;
}
.hc-list .hc-body h4 a {
	color: inherit;
	text-decoration: none;
}
.hc-list .hc-item:hover .hc-body h4 {
	color: #c8102e;
}
.hc-list .hc-meta {
	margin-top: auto;
	padding-top: 10px;
	border-top: 1px dashed #eef0f3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12.5px;
	color: #a4abb4;
}
.hc-list .hc-meta .hc-num {
	color: #c8102e;
	font-weight: 700;
	font-style: normal;
	margin: 0 2px;
}
.hc-list .hc-meta .hc-more {
	color: #c8102e;
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity .25s ease, transform .25s ease;
}
.hc-list .hc-item:hover .hc-meta .hc-more {
	opacity: 1;
	transform: none;
}
.hc-list .hc-foot {
	padding: 0 16px 14px;
}
.hc-list .hc-btn {
	display: block;
	text-align: center;
	background: #c8102e;
	color: #fff;
	border-radius: 6px;
	padding: 8px 0;
	font-size: 13.5px;
	line-height: 1.4;
	text-decoration: none;
	transition: background .2s;
}
.hc-list .hc-btn:hover {
	background: #a50d25;
	color: #fff;
}
.i_case_bg .item dd {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin: 0;
	/* 2026-10-22 迭代记录：
	   ① 「参考阿里阴影风格」→ 上过 AntD 三层投影；
	   ② 「卡片外还有一层灰色效果层，去掉」→ 白卡贴白底时投影中层（12% 黑）
	      在卡片四周晕出 9-10px 灰边，静止态投影全部去掉；
	   ③ 「没有边框线了」→ 删投影时误删了发丝边框，白卡贴白底没有边线，
	      卡片完全浮起来。恢复 1px 边线（与全站卡片同一语言）。
	   box-sizing:border-box 是关键：pscroll 的 #owl-demo3 .item dd 是
	   content-box width:100%，直接加边框会横向溢出 2px。 */
	border: 1px solid #ebedf0;
	box-sizing: border-box;
	box-shadow: none;
	transition: box-shadow .28s ease;
}
.i_case_bg .item dd:hover {
	transform: translateY(-5px);
	/* hover 轻投影：比静止「无影」到「有影」的反馈，强度压低，
	   避免又出现一圈灰（约为 AntD card 档的六成） */
	box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .10),
		0 3px 6px 0 rgba(0, 0, 0, .07),
		0 5px 12px 4px rgba(0, 0, 0, .05);
}
.i_case_bg .item .imgs {
	position: relative;
	height: 0;
	padding-top: 62%;
	overflow: hidden;
	background: #f3f5f8;
}
.i_case_bg .item .imgs img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.i_case_bg .item dd:hover .imgs img {
	transform: scale(1.06);
}
.i_case_bg .item .txts {
	padding: 12px 14px 14px;
	text-align: center;
}
@media screen and (max-width: 1100px) {.hc-list ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 18px;
	}
}
@media screen and (max-width: 760px) {.hc-list ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}
.hc-list .hc-thumb {
		padding-top: 60%;
	}
.hc-list .hc-body {
		padding: 12px 12px 10px;
	}
.hc-list .hc-body h4 {
		font-size: 14.5px;
	}
.hc-list .hc-foot {
		padding: 0 12px 12px;
	}
}

/* ===== 头部内联补强（原 header.html <style>：正文排版/面包屑/响应式） ===== */
/* 正文排版补强：老皮肤 css 只定了行高，正文里的 h2/列表/按钮需补样式，避免单页内容挤成一团 */
.newsDetails_page .con_id h2{font-size:22px;line-height:1.6;margin:26px 0 10px;color:#0b3c6e;font-weight:700}
.newsDetails_page .con_id h3{font-size:18px;line-height:1.6;margin:20px 0 8px;color:#0b3c6e}
.newsDetails_page .con_id p{margin:10px 0}
.newsDetails_page .con_id ul,.newsDetails_page .con_id ol{margin:10px 0 14px 24px}
.newsDetails_page .con_id li{list-style:disc;margin:6px 0;line-height:1.9}
.newsDetails_page .con_id a{color:var(--fykc-brand-600,#17458f);text-decoration:none}
.newsDetails_page .con_id a:hover{color:var(--fykc-accent,#c0392b);text-decoration:underline}
.newsDetails_page .con_id .btn-pri{display:inline-block;padding:12px 38px;background:#c8102e;color:#fff;border-radius:4px;font-size:18px;line-height:1.2;text-decoration:none}
.newsDetails_page .con_id .btn-pri:hover{background:#a50d25;color:#fff}
/* 移动端补强：老皮肤把 .newsDetails 写死 1300px、内层 .newsDetails_page 写死 1220px，
   却只在 ≤780px 才改成 100%，于是 780–1300px 这一段（平板/手机横屏/小笔记本）整页横向溢出：
   正文被裁、表单撑出屏幕。这里把两个容器一起收口，窄屏一律跟父级走。 */
@media screen and (max-width:1300px){
  .newsDetails{width:100%;box-sizing:border-box}
  .newsDetails_page{width:100%;box-sizing:border-box}
  /* 页脚同理：.copyright 写死 1300px、只在 ≤480px 才改 94%，中间档位会横向溢出 */
  .copyright{width:100%;box-sizing:border-box}
  .foot_bg .foot,.foot_bg .tel,.foot_bg .address,.foot_bg .weixin{box-sizing:border-box;max-width:100%}
}
@media screen and (max-width:1100px){
  .newsDetails_page{padding:18px 16px 22px}
  .about_x .con_id{padding-bottom:22px}
}
@media screen and (max-width:640px){
  .newsDetails_page{padding:14px 12px 18px}
  .about_x .con_id{padding-top:12px;padding-bottom:16px;font-size:15px}
}
/* 面包屑（由 fykc_crumbs() 输出）：首页图标 + 斜杠分隔 + 当前页红色不可点 */
/* 高度：统一 52px 栏高 + 垂直居中，和横幅、下方内容卡都留出呼吸感（原来是贴边的细带） */
.crumbs{display:flex;align-items:center;flex-wrap:wrap;min-height:52px;padding:0;margin:0;box-sizing:border-box;font-size:13px;line-height:1.5;color:#8b939c}
.crumbs a{color:#6b7280;text-decoration:none;transition:color .2s}
.crumbs a:hover{color:#c8102e}
.crumbs-home{display:inline-flex;align-items:center;gap:5px}
.crumbs-home svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.crumbs-sep{margin:0 8px;color:#ccd2da;font-style:normal}
.crumbs-cur{color:#c8102e;font-weight:500;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width:700px){
  .crumbs{min-height:44px;font-size:12.5px}
  .crumbs-sep{margin:0 6px}
  .crumbs-cur{max-width:72%}
}
:root {
	/* 品牌蓝（LOGO 主色） */
	--fykc-brand-900: #061c40;
	--fykc-brand-800: #08244f;
	--fykc-brand: #0b2f6b;
	--fykc-brand-600: #17458f;
	--fykc-brand-400: #4a76b8;
	--fykc-brand-200: #c3d4ec;
	--fykc-brand-100: #e2ebf8;
	--fykc-brand-50: #f2f6fc;

	/* 印章红（LOGO 点缀色） */
	--fykc-accent: #c0392b;
	--fykc-accent-dark: #a12b20;
	--fykc-accent-100: #fbe9e7;

	/* 中性色 */
	--fykc-ink: #1b2432;
	--fykc-ink-2: #4b5563;
	--fykc-ink-3: #8b939c;
	--fykc-ink-4: #a4abb4;
	--fykc-line: #e6ebf2;
	--fykc-line-soft: #eef1f6;
	--fykc-bg: #f5f7fb;

	/* 形状 */
	--fykc-radius: 12px;
	--fykc-radius-sm: 8px;

	/* 容器宽度：沿用老皮肤的 1300px（宽屏版 1560 在 1440 屏上观感过宽，已回退） */
	--fykc-container: 1300px;
	--fykc-gutter: 22px;

	/* 阴影 */
	--fykc-shadow-sm: 0 2px 10px rgba(11, 47, 107, .06);
	--fykc-shadow: 0 10px 30px rgba(11, 47, 107, .10);
	--fykc-shadow-lg: 0 18px 44px rgba(11, 47, 107, .16);

	/* Ant Design（阿里）卡片阴影体系（2026-10-22 用户要求「参考阿里的阴影
	   设计风格」「全站卡片阴影全面调整」）：三层结构是 AntD 的标志——
	     · 负 spread 贴身层：勾出卡片底缘，让卡片「压」在页面上；
	     · 中层：定深度；
	     · 大 spread 宽幅环境层：负责「飘」。
	   中性黑不偏色，透明度 16%/12%/9% 递减；hover 换 shadow-2 档（更重更宽）。
	   全站白色内容卡（列表网格 / 首页各类卡片 / 金榜题名 / 简介大卡）统一用
	   这两个令牌，替换此前的品牌蓝单层/双层投影。 */
	--fykc-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, .16),
		0 3px 6px 0 rgba(0, 0, 0, .12),
		0 5px 12px 4px rgba(0, 0, 0, .09);
	--fykc-shadow-card-hover: 0 3px 6px -4px rgba(0, 0, 0, .12),
		0 6px 16px 0 rgba(0, 0, 0, .08),
		0 9px 28px 8px rgba(0, 0, 0, .05);

	/* 字号（电脑端） */
	--fykc-fs-body: 15px;
	--fykc-fs-lead: 16px;
	--fykc-fs-h1: 40px;
	--fykc-fs-h2: 34px;
	--fykc-fs-h3: 22px;
	--fykc-fs-h4: 17px;
	--fykc-fs-sm: 13px;
	--fykc-fs-xs: 12.5px;
}
.wrap,
.wrap2,
.wrap3,
.foot,
.copyright {
	width: 94%;
	max-width: var(--fykc-container);
	box-sizing: border-box;
}
.card-list,
.hc-list {
	width: 94%;
	max-width: var(--fykc-container);
}
.wrap > .card-list,
.wrap2 > .card-list,
.wrap > .hc-list,
.wrap2 > .hc-list,
.wrap3 > .hc-list,
.wrap3 > .card-list {
	width: 100%;
	max-width: none;
}
.newsDetails {
	width: 94%;
	max-width: var(--fykc-container);
	border-radius: var(--fykc-radius);
	box-shadow: var(--fykc-shadow-card);
}
.wrap > .newsDetails,
.wrap2 > .newsDetails,
.wrap3 > .newsDetails {
	width: 100%;
	max-width: none;
}
.newsDetails_page {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}
.wrap:has(> .newsDetails),
.wrap2:has(> .newsDetails),
.wrap3:has(> .newsDetails) {
	/* 老皮肤 .wrap{overflow:hidden} 是为 clearfix，但会把白色卡片向左右扩散的
	   box-shadow 一起裁掉（用户 2026-10-24 反馈「主体阴影左右没显示出来」）。
	   这里只对「直接装着 newsDetails 卡片」的容器放开 overflow，让阴影露出来；
	   其他页面继续走老的 overflow:hidden clearfix，互不影响。 */
	overflow: visible;
	padding-bottom: 22px;
}
body {
	font-size: var(--fykc-fs-body);
	color: var(--fykc-ink-2);
	background-color: var(--fykc-bg);
	line-height: 1.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.i_title h2,
.i_title h2.f41 {
	font-size: var(--fykc-fs-h2);
	line-height: 1.25;
	font-weight: 700;
	color: var(--fykc-brand);
	letter-spacing: .5px;
	text-transform: none;
}
.i_title p,
.i_title p.f24 {
	font-size: var(--fykc-fs-sm);
	line-height: 1.5;
	margin-top: 6px;
	color: var(--fykc-brand-400);
	letter-spacing: 2px;
	text-transform: uppercase;
}
.i_case_bg .i_title h2 {
	color: var(--fykc-brand);
}
.i_case_bg .i_title p {
	color: var(--fykc-brand-400);
}
.newsDetails_page {
	font-size: var(--fykc-fs-lead);
	line-height: 1.95;
	color: var(--fykc-ink-2);
}
.newsDetails_page .con_id h1,
.newsDetails_page .con_id h2 {
	font-size: var(--fykc-fs-h3);
	color: var(--fykc-brand);
}
.newsDetails_page .con_id h3 {
	font-size: var(--fykc-fs-h4);
	color: var(--fykc-brand);
}
.newsDetails_page .con_id h4 {
	font-size: var(--fykc-fs-lead);
	color: var(--fykc-brand-800);
}
.f41 {
	font-size: var(--fykc-fs-h2);
}
.f24 {
	font-size: 18px;
}
.f22 {
	font-size: var(--fykc-fs-h4);
}
@media screen and (max-width: 1200px) {:root {
		--fykc-fs-h2: 30px;
		--fykc-fs-h3: 21px;
		--fykc-fs-h4: 16.5px;
		--fykc-fs-body: 14.8px;
		--fykc-fs-lead: 15.5px;
		--fykc-gutter: 18px;
	}
}
@media screen and (max-width: 780px) {:root {
		--fykc-fs-h1: 24px;
		--fykc-fs-h2: 24px;
		--fykc-fs-h3: 18px;
		--fykc-fs-h4: 15.5px;
		--fykc-fs-body: 14.5px;
		--fykc-fs-lead: 15px;
		--fykc-fs-sm: 12.5px;
		--fykc-fs-xs: 12px;
		--fykc-gutter: 14px;
		--fykc-radius: 10px;
	}
body {
		line-height: 1.7;
	}
.i_title h2,
	.i_title h2.f41 {
		font-size: 24px;
		letter-spacing: .3px;
	}
.i_title p,
	.i_title p.f24 {
		font-size: 12px;
		letter-spacing: 1.4px;
	}
.newsDetails_page {
		font-size: 15px;
		line-height: 1.85;
	}
.f41 {
		font-size: 24px;
	}
.f24 {
		font-size: 15px;
	}
.f22 {
		font-size: 15px;
	}
}
.btn,
.btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 44px;
	padding: 0 26px;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: var(--fykc-radius-sm);
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .3px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: background-color .22s ease, color .22s ease, border-color .22s ease,
		box-shadow .22s ease, transform .22s ease;
}
.btn:active {
	transform: translateY(1px);
}
.btn--primary,
.btn--primary:visited {
	background-color: var(--fykc-accent);
	border-color: var(--fykc-accent);
	color: #fff;
}
.btn--primary:hover {
	background-color: var(--fykc-accent-dark);
	border-color: var(--fykc-accent-dark);
	color: #fff;
	box-shadow: 0 10px 24px rgba(192, 57, 43, .26);
}
.btn--brand,
.btn--brand:visited {
	background-color: var(--fykc-brand);
	border-color: var(--fykc-brand);
	color: #fff;
}
.btn--brand:hover {
	background-color: var(--fykc-brand-600);
	border-color: var(--fykc-brand-600);
	color: #fff;
	box-shadow: 0 10px 24px rgba(11, 47, 107, .24);
}
.btn--sm {
	height: 34px;
	padding: 0 16px;
	font-size: var(--fykc-fs-sm);
	border-radius: 6px;
}
@media screen and (max-width: 780px) {.btn {
		height: 42px;
		padding: 0 20px;
		font-size: 14.5px;
	}
.btn--sm {
		height: 32px;
		padding: 0 14px;
		font-size: 12.5px;
	}
}
.hc-list .hc-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 10px;
	background-color: var(--fykc-accent);
	color: #fff;
	border-radius: 6px;
	font-size: var(--fykc-fs-sm);
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: background-color .2s ease, box-shadow .2s ease;
}
.hc-list .hc-btn:hover {
	background-color: var(--fykc-accent-dark);
	color: #fff;
	box-shadow: 0 6px 16px rgba(192, 57, 43, .26);
}
.second_menu {
	background: transparent;
	overflow: visible;
	padding: 6px 0 14px;
	text-align: center;
}
.second_menu a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	padding: 0 30px;
	margin: 0 6px 12px;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid var(--fykc-line);
	border-radius: var(--fykc-radius-sm);
	color: var(--fykc-ink-2);
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	box-shadow: none;
	transition: all .22s ease;
}
.second_menu a:hover {
	background-color: var(--fykc-brand-50);
	border-color: var(--fykc-brand-200);
	color: var(--fykc-brand);
	box-shadow: none;
}
.second_menu a.csel {
	background-color: var(--fykc-brand);
	border-color: var(--fykc-brand);
	color: #fff;
	box-shadow: 0 8px 20px rgba(11, 47, 107, .22);
}
.in_about dd .more,
.in_about dd a.more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 38px;
	padding: 0 20px;
	background-color: var(--fykc-brand);
	border: 1px solid var(--fykc-brand);
	border-radius: var(--fykc-radius-sm);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: all .22s ease;
}
.in_about dd .more:hover,
.in_about dd a.more:hover {
	background-color: var(--fykc-brand-600);
	border-color: var(--fykc-brand-600);
	color: #fff;
	box-shadow: 0 8px 20px rgba(11, 47, 107, .22);
}
.newsDetails_page .con_id .btn-pri {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding: 0 34px;
	background-color: var(--fykc-accent);
	border-radius: var(--fykc-radius-sm);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: all .22s ease;
}
.newsDetails_page .con_id .btn-pri:hover {
	background-color: var(--fykc-accent-dark);
	color: #fff;
	box-shadow: 0 10px 24px rgba(192, 57, 43, .26);
}
.yema .on,
.yema span.on,
.yema .current {
	background-color: var(--fykc-brand);
	border-color: var(--fykc-brand);
	color: #fff;
}
a:hover {
	color: var(--fykc-brand-600);
}
.nav h3 a {
	color: var(--fykc-ink);
	font-size: 17px;
	font-weight: 500;
}
.nav li:hover h3 a {
	color: var(--fykc-brand);
}
.nav .on h3 a {
	color: var(--fykc-brand);
	font-weight: 500;
}
.nav li.on a:after,
.nav .on h3 a:after {
	background-color: var(--fykc-brand);
}
.header-v1 {
	box-shadow: 0 1px 0 var(--fykc-line), 0 6px 24px rgba(11, 47, 107, .06);
	/* 独立合成层：避免 fixed 元素在滚动时反复重绘导致肉眼可见的闪动。
	   注意不要加 will-change:height —— 高度动画会让整条头部每帧重排，
	   正好是「顶部吸附时闪烁」的成因，这里改为高度瞬时切换、不做过渡。 */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
}

.header-v1 .top-main .logo1 {
	display: flex;
	align-items: center;
	height: 100px;
	margin-top: 0;
	transition: none;
}
.header-v1 .top-main .logo1 img {
	height: 60px;
	width: auto;
	max-width: 100%;
	display: block;
}


.header-v1 .top-main .logo1 img:hover {
	opacity: .85;
	filter: none;
}
.crumbs a:hover {
	color: var(--fykc-brand);
}
.crumbs-cur {
	color: var(--fykc-accent);
}
.card-list .cl-item:hover .cl-body h4,
.hc-list .hc-item:hover .hc-body h4 {
	color: var(--fykc-brand);
}
.card-list .cl-meta .cl-more,
.hc-list .hc-meta .hc-more {
	color: var(--fykc-brand-600);
}
.hc-list .hc-meta .hc-num {
	color: var(--fykc-accent);
}
.card-list li.cl-item,
.hc-list li.hc-item {
	border-color: var(--fykc-line);
	border-radius: var(--fykc-radius);
	box-shadow: var(--fykc-shadow-card);
}
.card-list li.cl-item:hover,
.hc-list li.hc-item:hover {
	border-color: var(--fykc-brand-200);
	box-shadow: var(--fykc-shadow-card-hover);
}
.card-list .cl-thumb-none,
.hc-list .hc-thumb-none {
	background: linear-gradient(135deg, var(--fykc-brand-50) 0%, var(--fykc-brand-100) 100%);
	color: var(--fykc-brand-400);
}
.foot_bg,
.copyright_bg {
	background-color: var(--fykc-brand-900);
}
.copyright_bg {
	border-top-color: rgba(255, 255, 255, .12);
}
.copyright {
	font-size: var(--fykc-fs-xs);
	color: rgba(255, 255, 255, .62);
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea {
	font-family: inherit;
	font-size: var(--fykc-fs-body);
	color: var(--fykc-ink);
	border: 1px solid var(--fykc-line);
	border-radius: var(--fykc-radius-sm);
	background-color: #fff;
	box-sizing: border-box;
	transition: border-color .2s ease, box-shadow .2s ease;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: var(--fykc-brand-400);
	box-shadow: 0 0 0 3px rgba(74, 118, 184, .16);
}
.major-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--fykc-gutter);
	margin: 0;
	padding: 0;
	list-style: none;
}
.major-list {
	/* 第 3 行起：一行 3 个 */
	--fykc-major-basis: 30%;
	--fykc-major-max: calc((100% - 2 * var(--fykc-gutter)) / 3);
	/* 前 2 行（前 4 个专业）：一行 2 个大卡 */
	--fykc-major-feat-basis: 48%;
	--fykc-major-feat-max: calc((100% - var(--fykc-gutter)) / 2);
}
.major-list li.hc-item {
	flex: 1 1 var(--fykc-major-basis);
	max-width: var(--fykc-major-max);
	min-width: 0;
	margin: 0;
}
.major-list li.hc-item:nth-child(-n+4) {
	flex: 1 1 var(--fykc-major-feat-basis);
	max-width: var(--fykc-major-feat-max);
}
@media screen and (max-width: 780px) {.major-list {
		--fykc-major-basis: 46%;
		--fykc-major-max: calc((100% - var(--fykc-gutter)) / 2);
		--fykc-major-feat-basis: 46%;
		--fykc-major-feat-max: calc((100% - var(--fykc-gutter)) / 2);
	}
}
@media screen and (max-width: 480px) {.major-list {
		--fykc-major-basis: 100%;
		--fykc-major-max: 100%;
		--fykc-major-feat-basis: 100%;
		--fykc-major-feat-max: 100%;
	}
}
.in_about dl {
	display: flex;
	align-items: stretch;
	gap: 40px;
}
.in_about dt {
	float: none;
	position: relative;
	display: flex;
	width: 500px;
	flex: 0 0 500px;
	min-width: 0;
	/* 左边留 20px 给 dt:before 品牌色偏移块（left:-20px 后正好贴容器边缘） */
	margin: 0 0 0 20px;
}
.in_about dt img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.in_about dd {
	height: auto;
	min-height: 290px;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 20px 0 0;
	padding: 28px 34px;
	background-color: #fff;
	border: 1px solid var(--fykc-line);
	border-radius: var(--fykc-radius);
	box-shadow: var(--fykc-shadow-card);
	box-sizing: border-box;
	transition: box-shadow .28s ease, border-color .28s ease;
}
.in_about .wrap {
	overflow: visible;
	padding-bottom: 28px;
}
.in_about dd:hover {
	border-color: var(--fykc-brand-200);
	box-shadow: var(--fykc-shadow-card-hover);
}
.in_about dd h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--fykc-brand);
	margin: 0 0 12px;
}
.in_about dd p {
	font-size: var(--fykc-fs-body);
	line-height: 1.95;
	color: var(--fykc-ink-2);
	margin: 0 0 16px;
	text-align: justify;
}
.in_about dd p:last-child {
	margin-bottom: 0;
}
.in_about dt:before {
	background-color: var(--fykc-brand);
	border-radius: var(--fykc-radius);
	opacity: .9;
}
.in_about dt img {
	border-radius: var(--fykc-radius);
}
@media screen and (max-width: 1200px) {.in_about dd {
		min-height: 0;
		padding: 24px 26px;
	}
}
@media screen and (max-width: 780px) {.in_about dl {
		display: block;
	}
.in_about dt {
		display: block;
		width: 100%;
		margin: 0 0 34px;
	}
.in_about dt img {
		position: static;
		width: 100%;
		height: auto;
	}
.in_about dd {
		padding: 20px 18px;
		margin: 0;
		width: 100%;
	}
.in_about dd h4 {
		font-size: 18px;
	}
.in_about dd p {
		font-size: 14.5px;
		line-height: 1.85;
	}
}
.newsDetails_page .con_id img,
.about_x .con_id img,
.sg-con img {
	max-width: 100%;
	height: auto;
	padding: 0;
	border-radius: var(--fykc-radius);
}
.sg-card {
	border-color: var(--fykc-line);
	border-radius: var(--fykc-radius);
}
.sg-btn {
	background-color: var(--fykc-accent);
	border-radius: var(--fykc-radius-sm);
	font-family: inherit;
}
.sg-btn:hover {
	background-color: var(--fykc-accent-dark);
}
.sg-btn--ghost {
	background-color: #fff;
	border-color: var(--fykc-line);
	color: var(--fykc-brand);
}
.sg-btn--ghost:hover {
	background-color: var(--fykc-brand-50);
	border-color: var(--fykc-brand-200);
	color: var(--fykc-brand);
}
.sg-field input,
.sg-field select,
.sg-field textarea {
	border-radius: var(--fykc-radius-sm);
}
.in-adv {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
}
.in_section .wrap {
	padding-bottom: 22px;
}
.in-adv li {
	float: none;
	width: auto;
	list-style: none;
}
.in-adv li a {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 30px 28px;
	background: linear-gradient(135deg, var(--fykc-brand) 0%, var(--fykc-brand-800) 100%);
	border-radius: var(--fykc-radius);
	color: #fff;
	overflow: hidden;
	box-shadow: var(--fykc-shadow-card);
	transition: box-shadow .25s ease, background .25s ease;
}
.in-adv li a:hover {
	background: linear-gradient(135deg, var(--fykc-brand-600) 0%, var(--fykc-brand) 100%);
	box-shadow: var(--fykc-shadow-card-hover);
}
.in-adv li img {
	float: none;
	flex: 0 0 auto;
	width: 84px;
	height: 84px;
	margin: 0;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .14);
}
.in-adv li .text {
	margin-left: 0;
	min-width: 0;
}
.in-adv li .text h4 {
	font-size: 19px;
	font-weight: 600;
	line-height: 1.6;
	color: #fff;
}
.in-adv li .text p {
	font-size: 14.5px;
	line-height: 1.85;
	margin: 8px 0 0;
	color: rgba(255, 255, 255, .82);
}
@media screen and (max-width: 1100px) {.in-adv {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}
}
@media screen and (max-width: 780px) {.in-adv {
		grid-template-columns: 1fr;
		gap: 14px;
	}
.in-adv li a {
		gap: 16px;
		padding: 20px 18px;
	}
.in-adv li img {
		width: 64px;
		height: 64px;
	}
.in-adv li .text h4 {
		font-size: 17px;
	}
.in-adv li .text p {
		font-size: 14px;
		line-height: 1.8;
	}
}
.card-list {
	padding-left: 0;
	padding-right: 0;
}
.hc-list ul {
	gap: 30px;
}
.card-list ul {
	gap: 26px;
}
@media screen and (max-width: 1100px) {.hc-list ul {
		gap: 22px;
	}
.card-list ul {
		gap: 20px;
	}
}
@media screen and (max-width: 760px) {.hc-list ul {
		gap: 16px;
	}
.card-list ul {
		gap: 14px;
	}
}
.major-list ul,
.hc-list.env-last ul {
	padding-bottom: var(--fykc-list-tail, 30px);
}
@media screen and (max-width: 780px) {.major-list ul,
	.hc-list.env-last ul {
		--fykc-list-tail: 22px;
	}
}
@media screen and (max-width: 480px) {.major-list ul,
	.hc-list.env-last ul {
		--fykc-list-tail: 16px;
	}
}
.header-v1{
	height: 76px;
}
.blank_h{
	height: 76px;
}
.header-v1 .top-main .logo1{
	height: 76px;
}
.header-v1 .top-main .logo1 img{
	height: 46px;
}
.nav h3, .nav h3 a, .nav h3 a span{
	height: 76px;
	line-height: 76px;
}

@media screen and (max-width: 780px) {.touch-top {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
	}
}

.card-list li.cl-item:hover,
.hc-list li.hc-item:hover,
.i_case_bg .item dd:hover,
.i_product_list li:hover {
	transform: none;
}
.hc-list .hc-item:hover .hc-thumb img {
	transform: scale(1.05);
}
#owl-demo3 .item .imgs img {
	transition: transform .5s ease;
}
#owl-demo3 .item dd:hover .imgs img {
	transform: scale(1.05);
}
.card-list .cl-item:hover .cl-thumb img,
.i_product_list li:hover .imgs img {
	transform: none;
}
.card-list .cl-meta .cl-more,
.hc-list .hc-meta .hc-more {
	opacity: 1;
	transform: none;
	transition: color .2s ease;
}
.nav li:hover span,
.nav h3 a span {
	transform: none !important;
}
@media (prefers-reduced-motion: reduce) {*,
	*::before,
	*::after {
		-webkit-animation-duration: .001ms !important;
		animation-duration: .001ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
		-webkit-transition-duration: .001ms !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}
.suspension {
	/* 原来 right:0 贴死屏幕右边缘，留 12px 间距（用户要求「右侧留一点间距」）；
	   bottom 24→44→60→28px：用户要求「三个小图标与底边距留有一定的空间」——
	   回顶按钮 absolute 锚在组件底部，bottom:60px 时它只离屏幕底 20px，
	   太贴边。改 bottom:28px + 固定高度 120px（见第 17 节），
	   电话/微信离底 68px、回顶离底 28px，三者都有余地。 */
	right: 12px;
	bottom: 28px;
}
.suspension .a {
	background-color: #fff;
	border: 1px solid #e3e8f0;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 2px 10px rgba(11, 47, 107, .08);
}
.suspension .a .i {
	filter: brightness(0);
	opacity: .55;
}
.suspension .a.active,
.suspension .a:hover {
	background: var(--fykc-brand);
	border-color: var(--fykc-brand);
}
.suspension .a.active .i,
.suspension .a:hover .i {
	filter: none;
	opacity: 1;
}
.suspension .a-top {
	background: #fff;
	border: 1px solid #e3e8f0;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 2px 10px rgba(11, 47, 107, .08);
}
.suspension .a-top .i {
	filter: brightness(0);
	opacity: .55;
}
.suspension .a-top:hover {
	background: var(--fykc-brand);
	border-color: var(--fykc-brand);
}
.suspension .a-top:hover .i {
	filter: none;
	opacity: 1;
}
.suspension .d {
	display: block;
	opacity: 0;
	visibility: hidden;
	transform: translateX(10px) scale(.97);
	transform-origin: right center;
	/* 四角统一 10px 圆角（2026-10-23 用户要求「让右下角设计为圆角」）。
	   注意联动机理：圆角弧线从角部切过最后一截边框，指示三角若还趴在角上，
       弧线又会从直边三角身上穿过去（就是之前那个「错位」）。所以弹层底边
       下移、三角整体上移变成「右边框上的侧边指针」——见第 18 节。 */
	border-radius: 10px;
	box-shadow: 0 6px 24px rgba(11, 47, 107, .12);
	transition: opacity .28s cubic-bezier(.22, .61, .36, 1),
		transform .28s cubic-bezier(.22, .61, .36, 1),
		visibility 0s linear .28s;
}
.suspension .d::before {
	content: '';
	position: absolute;
	top: 0;
	right: -24px;
	width: 24px;
	height: calc(100% + 36px);
}
.suspension .a-service-phone:hover ~ .d-service-phone,
.suspension .d-service-phone:hover,
.suspension .a-wxone:hover ~ .d-wxone,
.suspension .d-wxone:hover {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: opacity .28s cubic-bezier(.22, .61, .36, 1),
		transform .28s cubic-bezier(.22, .61, .36, 1),
		visibility 0s;
}
.suspension .a-service-phone {
	position: relative;
}
.suspension .a-service-phone::after {
	content: '';
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -5px;
	height: 5px;
}
.suspension:has(.a-service-phone:hover) .d-wxone,
.suspension:has(.a-wxone:hover) .d-service-phone {
	opacity: 0;
	visibility: hidden;
	transition: none;
}
.suspension .d-wxone .qrcode-img img {
	transform: scale(.9);
	transition: transform .3s cubic-bezier(.22, .61, .36, 1) .05s;
}
.suspension .a-wxone:hover ~ .d-wxone .qrcode-img img,
.suspension .d-wxone:hover .qrcode-img img {
	transform: none;
}
.foot_bg {
	font-size: 14px;
}
.foot .tel h2,
.foot .address h2 {
	font-size: 20px;
}
.foot .tel span,
.foot .address span {
	font-size: 15px;
}
.foot .tel a {
	font-size: 20px;
}
.foot .address li {
	font-size: 14px;
}
@media screen and (max-width: 1100px) {.foot .tel a {
		font-size: 18px;
	}
}
@media screen and (max-width: 480px) {.foot .tel h2,
	.foot .address h2 {
		font-size: 18px;
	}
.foot .tel span,
	.foot .address span {
		font-size: 14px;
	}
.foot .tel a {
		font-size: 17px;
	}
.foot .address li {
		font-size: 13.5px;
	}
}
.suspension .d-service-item h3 {
	font-size: 16px;
	line-height: 26px;
}
.suspension .d-service-item .title {
	font-size: 14px;
	line-height: 22px;
}
.suspension .d-service-item .text {
	font-size: 14px;
}
.suspension .d-service-item .text .number,
.suspension .d-service-item .text .number a {
	font-size: 17px;
	line-height: 24px;
}
.suspension .d-service-item .text .number a:hover {
	font-size: 17px;
	line-height: 24px;
}
.suspension .d-wxone p {
	font-size: 14px;
	line-height: 24px;
}
@media screen and (min-width: 481px) {.suspension .d-wxone .inner-box .qrcode-img,
	.suspension .d-wxtwo .inner-box .qrcode-img,
	.suspension .d-wxthree .inner-box .qrcode-img,
	.suspension .d-wxfour .inner-box .qrcode-img {
		width: 120px;
		margin: 0 auto;
	}
}
.suspension .d-wxone .inner-box .qrcode-img img,
.suspension .d-wxtwo .inner-box .qrcode-img img,
.suspension .d-wxthree .inner-box .qrcode-img img,
.suspension .d-wxfour .inner-box .qrcode-img img {
	width: 100%;
	height: auto;
	display: block;
}
.suspension .d-service-item h3 {
	float: none;
	width: auto;
}
.suspension .d-service-item .title {
	float: none;
	display: block;
	margin-bottom: 2px;
}
.suspension .d-service-item .text {
	float: none;
	width: auto;
}
.suspension .d-service-item .text .number {
	margin: 0 0 6px;
}
.suspension {
	height: 120px;
	/* 容器比可见内容高（回顶隐藏时底部有 40px 空档），这段透明区域不能拦截
	   页面点击；交互子元素（按钮/弹层）单独恢复 auto */
	pointer-events: none;
}
.suspension .a,
.suspension .a-top,
.suspension .d {
	pointer-events: auto;
}
.suspension::after {
	content: '';
	display: table;
	clear: both;
}
.suspension .s-item {
	position: relative;
	margin-bottom: 4px;
}
.suspension .s-item .a {
	margin-bottom: 0;
}
.suspension .a,
.suspension .a .i {
	width: 36px;
	height: 36px;
}
.suspension .a .i {
	background-size: 180px auto;
}
.suspension .a-service-phone .i {
	background-position: 0 0;
}
.suspension .a-qrcode .i,
.suspension .a-wxone .i {
	background-position: -36px 0;
}
.suspension .a-top .i {
	background-position: -144px 0;
}
.suspension .d {
	right: 59px;
}
.suspension .a-top {
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto;
	margin-top: 0;
}
.suspension .d-service-phone,
.suspension .d-wxone {
	top: auto;
	bottom: calc(100% - 38px);
}
.suspension .d-wxone {
	width: auto;
	min-width: 0;
}
.suspension .d-wxone .inner-box {
	padding: 10px 8px;
}
.i_case_bg {
	width: 94%;
	max-width: var(--fykc-container);
	margin: 6px auto 16px;
	box-sizing: border-box;
	padding: 34px 0 40px;
	/* background 简写必须一起换掉：index.css 的 .i_case_bg 用简写设置了
	   honor_bg.jpg 背景图，只写 background-color 会留下蓝底图 */
	background: #fff;
	border-radius: var(--fykc-radius);
	box-shadow: var(--fykc-shadow-sm);
}
.i_case_bg .wrap2 {
	width: 100%;
	max-width: none;
}


#owl-demo3 {
	width: calc(100% - 48px);
	margin: 0 24px;
}
.suspension .d-service-phone {
	width: 190px;
}
.suspension .d-service-phone .inner-box {
	padding: 8px 16px 12px;
}
.foot {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px 30px;
}
.foot .tel,
.foot .address,
.foot .weixin {
	float: none;
	margin: 0;
}
.foot .tel {
	flex: 0 1 auto;
}
.foot .address {
	flex: 1 1 auto;
	min-width: 0;
}
.foot .weixin {
	flex: 0 0 auto;
}
.foot .tel .tel-list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 6px 36px;
}
.foot .tel .tel-item {
	min-width: 150px;
}
.foot .tel .tel-name {
	display: block;
	margin: 0 0 2px;
	line-height: 1.5;
	color: rgba(255, 255, 255, .75);
}
.foot .tel .tel-num {
	display: block;
	line-height: 1.4;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
}
.foot .weixin img {
	border-radius: var(--fykc-radius-sm);
}
@media screen and (max-width: 780px) {.foot .tel .tel-list {
		flex-direction: column;
		gap: 10px;
	}
.foot .tel .tel-item {
		min-width: 0;
	}
}

/* ============================================================
   全站去 JS 化（2026-10-23，方案 B：零外部 JS 文件）
   原 jQuery 生态（jQuery / SuperSlide / bxSlider / Owl / anim.js /
   public.js）整体删除，以下为纯 CSS 替代。同步删掉的死规则：
   .anim-*（揭示动画）、.nav-hide（滚动收起，CSS 无法感知滚动方向，
   头部改常驻）、.nav .sub（导航下拉，模板无子菜单标记）、.top_search、
   .owl-*、.bx-wrapper、#owl-flash / .flash_div（自建站起恒 display:none）。
   注意：#owl-demo3 容器与 .item/dd/.txts 等卡片内部样式保留（标记仍在用）。
   ============================================================ */

/* ---- 1. PC 首页大图：纯 CSS 交叉淡入（原 bxSlider）----
   每张 li 绝对定位叠放，首张撑高容器；张数/错峰延迟由模板内联给出
   （animation-name / animation-duration / animation-delay 三个值写死在 style 上，
   同时保留 --fade-name / --fade-n / --d 三个变量给改造前的旧静态快照用）。
   关键帧按张数预先写在这里（sgFade1~sgFade8 渐变版、sgSwap1~sgSwap8 快切版）。
   增删 banner 到 8 张以内无需改任何文件；超过 8 张时回落到 sgFade8/sgSwap8。
   悬停暂停；prefers-reduced-motion 时改用快切版（仍然轮播，只是不做长渐变）。 */
#slider{position:relative}
#slider .css-fade{position:relative;display:block;overflow:hidden;margin:0;padding:0;list-style:none}
#slider .css-fade li{
	position:absolute;top:0;left:0;width:100%;opacity:0;
	animation-name:var(--fade-name, sgFade3);
	animation-duration:calc(var(--fade-n, 3) * 5s);
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	animation-fill-mode:both;
	animation-delay:var(--d, 0s);
}
#slider .css-fade li:first-child{position:relative;opacity:1}
#slider .css-fade img{display:block;width:100%;height:auto}
#slider:hover .css-fade li{animation-play-state:paused}
/* 2026-10-23 修（用户反馈「首页轮播图没有轮翻效果」）：
   原来这里写的是 `animation:none!important; opacity:0` + 只留首张可见 —— 降级过度了。
   用户系统一开「减少动态效果」（Windows 设置→辅助功能→动画效果关闭 / iOS→辅助功能→
   动态效果→减弱动态效果 / 部分安卓省电模式），轮播就被整条关掉，只剩第一张不动，
   看起来就是「首图有效果、后面的不换」。**减少动效 ≠ 不要内容轮换**，所以改成：
   动画照跑，只是把交叉淡入换成「1% 时长的快切」（15s 一轮里只花 0.15s 过渡），
   图照样每 5 秒换一张，只是没有长渐变。
   · !important 是必需的：模板/插件把 animation-name 写在内联 style 上（见 index.html），
     内联优先级高于任何选择器，不加 !important 这条永远压不过去。
   · fallback 写成 `var(--swap-name, var(--fade-name, sgFade3))`：老页面（改造前只有
     --fade-name 的静态快照）也能命中，且浏览器不支持 var() 时整条声明失效、
     自动回落到内联的 fade 动画 —— 三种情况都还能轮播，不会再出现「卡在第一张」。 */
@media (prefers-reduced-motion:reduce){
  #slider .css-fade li{
    animation-name:var(--swap-name, var(--fade-name, sgFade3))!important;
    /* 必须把时长/次数顶回去：site.css 第 4113 行有一条全局无障碍重置
       （`*{animation-duration:.001ms!important;animation-iteration-count:1!important}`），
       它会把轮播动画压成「瞬间跳到末帧」= 三张全透明 = 整个 banner 空白。
       同带 !important 时按选择器优先级决胜，`#slider .css-fade li` 高于 `*`，所以这里能压住。 */
    animation-duration:calc(var(--fade-n, 3) * 5s)!important;
    animation-iteration-count:infinite!important;
    animation-fill-mode:both!important;
  }
  #slider .css-fade li:first-child{opacity:1}
  /* 圆点同样要顶回时长/次数：那条全局重置会把每个点压成「瞬间跑完一次」，
     结果所有点都停在半透明状态，指示器等于没有。圆点本来就是瞬切，无需换关键帧。 */
  #slider .hs-dots label{
    animation-duration:calc(var(--fade-n, 3) * 5s)!important;
    animation-iteration-count:infinite!important;
  }
}
/* 关键帧百分比 = 每张停留 100/N%，首尾各 4% 做交叉淡入淡出 */
/* sgFade1：只有一张图时的「常亮」。少了它，单张幻灯片的 li 会停在 base 规则的
   opacity:0 上 —— animation-name 指向不存在的关键帧 = 没有动画 = 图整张看不见
   （首页轮播图插件允许只留一张，所以这条必须有）。 */
@keyframes sgFade1{0%,100%{opacity:1}}
@keyframes sgFade2{0%{opacity:0}4%{opacity:1}50%{opacity:1}54%{opacity:0}100%{opacity:0}}
@keyframes sgFade3{0%{opacity:0}4%{opacity:1}33.3333%{opacity:1}37.3333%{opacity:0}100%{opacity:0}}
@keyframes sgFade4{0%{opacity:0}4%{opacity:1}25%{opacity:1}29%{opacity:0}100%{opacity:0}}
@keyframes sgFade5{0%{opacity:0}4%{opacity:1}20%{opacity:1}24%{opacity:0}100%{opacity:0}}
@keyframes sgFade6{0%{opacity:0}4%{opacity:1}16.6667%{opacity:1}20.6667%{opacity:0}100%{opacity:0}}
@keyframes sgFade7{0%{opacity:0}4%{opacity:1}14.2857%{opacity:1}18.2857%{opacity:0}100%{opacity:0}}
@keyframes sgFade8{0%{opacity:0}4%{opacity:1}12.5%{opacity:1}16.5%{opacity:0}100%{opacity:0}}

/* ---- 1b. 底部居中圆点指示器（2026-10-23 用户要求「有几张图就显示几个」）----
   零 JS 怎么知道「现在是第几张」？靠和图片**同一套错峰动画**：
   第 i 个点的 animation-delay = i×5s、周期 = 张数×5s，与 li 完全同源，
   所以第 i 张亮的时候第 i 个点必然亮，不需要任何脚本参与。
   两个关键细节：
   · 圆点用 `animation-fill-mode:forwards`（**不能**用 both/backwards）——
     delay 期间不填充 0% 的高亮态，于是「还没轮到的点」保持基础样式（半透明），
     否则前 10 秒三个点会一起亮（和 li 那个 0% 必须是 opacity:0 是同一个坑）。
   · 高亮只改 background/transform，不改 width：宽度动画会逐帧重排，
     一条 1920 宽的 banner 上方 reflow 不值当。
   圆点元素是 `<label for="hs-rN">`（不是 <i>），配合 1c 节的 radio 实现「点了就切图」。 */
#slider .hs-dots{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;justify-content:center;align-items:center;gap:10px;pointer-events:none}
#slider .hs-dots label{
	display:block;position:relative;width:9px;height:9px;border-radius:50%;cursor:pointer;
	pointer-events:auto; /* 父容器 pointer-events:none（不挡 banner 点击），圆点自己要能点 */
	background:rgba(255,255,255,.55);
	/* 深色描边环是必需的：本站 banner 底部常常是浅色（浅蓝/白），纯白点会直接「消失」。
	   环用固定不透明度、高亮只改背景色，这样不管压在什么底图上，三个点始终看得见。 */
	box-shadow:0 0 0 1px rgba(0,0,0,.32),0 1px 4px rgba(0,0,0,.45);
	animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards;
}
/* 触屏点击热区：圆点本体只有 9px，手指点不准。用透明伪元素把可点范围扩到 30×30，
   视觉尺寸不变（绝对定位 + 负 margin 居中，不参与 flex 布局）。 */
#slider .hs-dots label::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px}
#slider .hs-dots label:hover{background:rgba(255,255,255,.85)}
/* 键盘可达：radio 聚焦（Tab/方向键）时给整组圆点一圈焦点环，不逐点错位 */
#slider:has(.hs-r:focus-visible) .hs-dots{outline:2px solid rgba(255,255,255,.9);outline-offset:5px;border-radius:14px}
/* 关键帧：0%~1/N 高亮（纯白实心 + 放大），之后回到半透明白 + 常规大小。
   1/N 处正好是「下一张开始淡入」的时刻，与 sgFade/sgSwap 的交叉点对齐。 */
@keyframes sgDot1{0%,100%{background:#fff;transform:scale(1.3)}}
@keyframes sgDot2{0%{background:#fff;transform:scale(1.3)}50%{background:#fff;transform:scale(1.3)}50.01%{background:rgba(255,255,255,.55);transform:scale(1)}100%{background:rgba(255,255,255,.55);transform:scale(1)}}
@keyframes sgDot3{0%{background:#fff;transform:scale(1.3)}33.3333%{background:#fff;transform:scale(1.3)}33.34%{background:rgba(255,255,255,.55);transform:scale(1)}100%{background:rgba(255,255,255,.55);transform:scale(1)}}
@keyframes sgDot4{0%{background:#fff;transform:scale(1.3)}25%{background:#fff;transform:scale(1.3)}25.01%{background:rgba(255,255,255,.55);transform:scale(1)}100%{background:rgba(255,255,255,.55);transform:scale(1)}}
@keyframes sgDot5{0%{background:#fff;transform:scale(1.3)}20%{background:#fff;transform:scale(1.3)}20.01%{background:rgba(255,255,255,.55);transform:scale(1)}100%{background:rgba(255,255,255,.55);transform:scale(1)}}
@keyframes sgDot6{0%{background:#fff;transform:scale(1.3)}16.6667%{background:#fff;transform:scale(1.3)}16.67%{background:rgba(255,255,255,.55);transform:scale(1)}100%{background:rgba(255,255,255,.55);transform:scale(1)}}
@keyframes sgDot7{0%{background:#fff;transform:scale(1.3)}14.2857%{background:#fff;transform:scale(1.3)}14.29%{background:rgba(255,255,255,.55);transform:scale(1)}100%{background:rgba(255,255,255,.55);transform:scale(1)}}
@keyframes sgDot8{0%{background:#fff;transform:scale(1.3)}12.5%{background:#fff;transform:scale(1.3)}12.51%{background:rgba(255,255,255,.55);transform:scale(1)}100%{background:rgba(255,255,255,.55);transform:scale(1)}}

/* ---- 1c. 点圆点即切图（2026-10-23 用户要求「点击小图标 图片随时切换」）----
   纯 CSS 状态机：每个圆点是一个 <label for="hs-rN">，对应一个视觉隐藏的 radio。
   · **一个 radio 都不设 checked** —— 否则一进页面就进「手动模式」，自动轮播永远不动。
     没选中 = 自动模式（1 节的错峰动画照跑）；选中任一 = 手动模式（停动画、只显示那张）。
   · 手动模式下必须 `animation:none` 而不是 `play-state:paused`：暂停会停在
     动画的任意一帧（opacity 可能是 0.37），图上会挂着半透明残影。
   · 优先级说明：`:has()` 版选择器 `#slider:has(.hs-r:checked) .css-fade > li`（1,2,1）
     高于 `#slider .css-fade li:first-child`（1,2,1，同分靠后写）与 reduce 块的
     `#slider .css-fade li`（1,1,1），所以能压住两者；`animation:none` 带 !important
     是为了压过模板/插件内联的 animation-name。
   · 已知局限（纯 CSS 的边界，已与用户说明）：radio 选中后**无法用 CSS 取消**，
     所以点了圆点会停在该张，刷新页面才回到自动轮播。要「点完继续自动播」必须加 JS。 */
#slider > .hs-r{
	position:absolute;left:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;
	opacity:0;pointer-events:none;appearance:none;-webkit-appearance:none;
}
/* 手动模式：停掉自动轮播，全部隐藏，再由下面按选中项点亮对应那张 */
#slider:has(.hs-r:checked) .css-fade > li{animation:none!important;opacity:0}
#slider:has(.hs-r:nth-of-type(1):checked) .css-fade > li:nth-child(1),
#slider:has(.hs-r:nth-of-type(2):checked) .css-fade > li:nth-child(2),
#slider:has(.hs-r:nth-of-type(3):checked) .css-fade > li:nth-child(3),
#slider:has(.hs-r:nth-of-type(4):checked) .css-fade > li:nth-child(4),
#slider:has(.hs-r:nth-of-type(5):checked) .css-fade > li:nth-child(5),
#slider:has(.hs-r:nth-of-type(6):checked) .css-fade > li:nth-child(6),
#slider:has(.hs-r:nth-of-type(7):checked) .css-fade > li:nth-child(7),
#slider:has(.hs-r:nth-of-type(8):checked) .css-fade > li:nth-child(8){opacity:1}
/* 手动模式下圆点高亮也交给 radio：先全部复位，再点亮选中那个 */
#slider:has(.hs-r:checked) .hs-dots > label{animation:none!important;background:rgba(255,255,255,.55);transform:scale(1)}
#slider:has(.hs-r:nth-of-type(1):checked) .hs-dots > label:nth-child(1),
#slider:has(.hs-r:nth-of-type(2):checked) .hs-dots > label:nth-child(2),
#slider:has(.hs-r:nth-of-type(3):checked) .hs-dots > label:nth-child(3),
#slider:has(.hs-r:nth-of-type(4):checked) .hs-dots > label:nth-child(4),
#slider:has(.hs-r:nth-of-type(5):checked) .hs-dots > label:nth-child(5),
#slider:has(.hs-r:nth-of-type(6):checked) .hs-dots > label:nth-child(6),
#slider:has(.hs-r:nth-of-type(7):checked) .hs-dots > label:nth-child(7),
#slider:has(.hs-r:nth-of-type(8):checked) .hs-dots > label:nth-child(8){background:#fff;transform:scale(1.3)}

/* ---- 1d. banner 左侧渐变遮罩（2026-10-24 用户要求去掉，整段停用）----
   原 2026-10-23 加的「左浓右淡」深蓝渐变压暗层已按用户要求移除，
   banner 图直接按设计图原样显示，不再盖任何遮罩。
   历史说明（如需恢复）：挂在 .carousel-img::after，z-index:1 高于图、低于圆点(3)
   和文案层(.hs-cap z-index:2)；颜色取 rgba(4,16,40)，pointer-events:none。 */
#slider .carousel-img::after{display:none}

/* 快切版（prefers-reduced-motion: reduce 专用）：停留比例与渐变版完全一致，
   只把首尾各 4% 的渐变压到 1%（15 秒一轮里 = 0.15 秒），观感是「啪」地换一张，
   没有持续渐变、也没有任何位移/缩放 —— 尊重「减少动态效果」的同时保留内容轮换。
   0% 必须是 opacity:0：animation-fill-mode:both 会让每张 li 在 delay 期间
   应用 0% 的值，若写 1 就会前 5 秒两张叠在一起（踩过这类坑，别改）。 */
@keyframes sgSwap1{0%,100%{opacity:1}}
@keyframes sgSwap2{0%{opacity:0}1%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}
@keyframes sgSwap3{0%{opacity:0}1%{opacity:1}33.3333%{opacity:1}34.3333%{opacity:0}100%{opacity:0}}
@keyframes sgSwap4{0%{opacity:0}1%{opacity:1}25%{opacity:1}26%{opacity:0}100%{opacity:0}}
@keyframes sgSwap5{0%{opacity:0}1%{opacity:1}20%{opacity:1}21%{opacity:0}100%{opacity:0}}
@keyframes sgSwap6{0%{opacity:0}1%{opacity:1}16.6667%{opacity:1}17.6667%{opacity:0}100%{opacity:0}}
@keyframes sgSwap7{0%{opacity:0}1%{opacity:1}14.2857%{opacity:1}15.2857%{opacity:0}100%{opacity:0}}
@keyframes sgSwap8{0%{opacity:0}1%{opacity:1}12.5%{opacity:1}13.5%{opacity:0}100%{opacity:0}}

/* ---- 2. 金榜题名：网格排布，不横向滚动（原 Owl 轮播）----
   8 条数据 → 桌面 3 列正好 3 行，全部一屏看全，没有横向滚动条
   （用户 2026-10-23 明确要求「显示3行，不要横向滚动条」）。
   .owl-item 是原 Owl 生成的类名，模板里保留了它（省一次标记改动），
   这里只接管布局：grid 自动换行，行数由条目数决定，增删数据不用改样式。
   ≤979px 降为 2 列（手机上 3 列会窄到看不清标题）。 */
#owl-demo3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 2%;overflow:visible;padding-bottom:0}
#owl-demo3 .owl-item{width:auto;max-width:none;flex:none;float:none;box-sizing:border-box;scroll-snap-align:none}
#owl-demo3 .item{margin:0}
@media screen and (max-width:979px){#owl-demo3{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 2.5%}}

/* ---- 3. 移动端抽屉菜单：:target 开合（原 public.js 状态机）----
   导航按钮 href="#drawer-section-menu" 置目标即展开；
   关闭按钮 / 遮罩 href="#" 清目标即收起。零 JS。 */
.drawer-section-menu:target{display:block;animation:sgDrawerIn .22s ease both}
@keyframes sgDrawerIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.touch-top:has(.drawer-section-menu:target) + .touch_bg{display:block}
/* 抽屉内的 .anim 类已无脚本消费，去掉入场位移的残留影响 */
.drawer-section-menu .anim{opacity:1!important;transform:none!important;animation:none!important}

/* ---- 4. 客服「回到顶部」：锚点 + scroll-driven 显隐（原 jQuery animate）----
   滚动过 400px 淡入；不支持 animation-timeline 的浏览器常驻显示。 */
.suspension .a-top{animation:sgTopReveal linear both;animation-timeline:scroll(root);animation-range:400px 460px}
@keyframes sgTopReveal{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}
@supports not (animation-timeline:scroll()){
  .suspension .a-top{animation:none;opacity:1;visibility:visible}
}

/* ---- 5. 首页轮播「文案层」：插件可选字段（标题 / 副标题 / 按钮）----
   2026-10-23 安装「首页轮播图」插件（plugins/hero_slider）时新增。
   本站 banner 一直是「字做进图里」的设计图，所以插件默认三个字段全空、根本不输出
   .hs-cap，下面这些规则完全不参与渲染 —— 对现有首页零影响。
   只有运营真的填了标题或按钮，才会多出这一层压字，因此这里刻意做成「可叠加」：
   · 文案层 pointer-events:none：点击穿透到图片链接，只有按钮自己 auto；
   · 左侧渐变由 1d 的常驻遮罩提供（两层不叠加，否则左侧糊成一片），文案自己再叠文字阴影；
   · 字号一律 clamp 跟随视口，不写死 px（1920 与 390 都不溢出）。
   主色用品牌红 #c8102e（与全站标题/按钮同色），不照搬源站的琥珀色。 */
#slider .carousel-img{position:relative}
/* z-index:2 是必需的：1d 的遮罩挂在 .carousel-img::after（z-index:1），而 ::after 是
   .carousel-img 的最后一个子节点 —— .hs-cap 若还是默认的 auto，会被遮罩盖住。
   抬到 2 就压在遮罩之上，同时仍低于圆点的 3。 */
#slider .hs-cap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;pointer-events:none}
#slider .hs-cap-in{position:relative;z-index:1;max-width:min(620px,72%);margin-left:clamp(18px,5vw,80px);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#slider .hs-t{margin:0 0 10px;font-size:clamp(20px,3.2vw,42px);line-height:1.22;font-weight:700;color:#fff}
#slider .hs-s{margin:0 0 16px;font-size:clamp(13px,1.5vw,17px);line-height:1.6;color:#f1f3f6}
#slider .hs-btn{display:inline-block;pointer-events:auto;background:#c8102e;color:#fff;font-size:clamp(13px,1.2vw,15px);font-weight:600;padding:10px 26px;border-radius:6px;text-decoration:none;transition:background .2s}
#slider .hs-btn:hover{background:#a40d26;color:#fff}
@media screen and (max-width:640px){
  #slider .hs-cap-in{margin-left:18px;max-width:calc(100% - 36px)}
  #slider .hs-t{margin-bottom:6px}
  #slider .hs-s{margin-bottom:10px}
  #slider .hs-btn{padding:8px 18px}
}