@charset "utf-8";

body {
	background: #ffffff/* url(../skin/bj.jpg) top center repeat */;
	/* background: #fafcf8; */overflow:Scroll;overflow-x:hidden;
}
@font-face {
	font-family: '秋鸿楷';
	src: url(../fonts/YanShiQiuHongKai-2.ttf);
}
@font-face {
	font-family: '思源';
	src: url(../fonts/SourceHanSansCN-Regular.otf);
}
@font-face {
	font-family: '拙楷';
	src: url(../fonts/jiangxizhuokai.ttf);
}
p,
a,
span,
dd,
dl,
li {
	font-family: '思源';
}

img {
	/* max-width: 100%!important; */
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

a:hover {
	color: #023f98 !important;
}

/* bootstrap 轮播图淡入淡出 */
/* .carousel-fade .carousel-inner .carousel-item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity;
}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;
} */
/* bootstrap 4 轮播图 垂直滚动*/
/* .carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carousel-vertical .carousel-inner .active.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev {
-webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.carousel-vertical .carousel-inner .active.carousel-item-right,
.carousel-vertical .carousel-inner .carousel-item-next {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
} */
/*缩放效果*/
/* .carousel-scale .carousel-item img{
 -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.carousel-scale .carousel-item.active img {
 -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@-webkit-keyframes scaleUpDown {
 from {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
 }
 to {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}
@keyframes scaleUpDown {
 from {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
 }
 to {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
} */

/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display: unset;
	justify-content: center;
	margin-top: 10px;
}

.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 14px;
	margin: 0 5px;
	border-radius: 3px;
}

.pagination span {
	display: inline-block;
	color: #333;
	font-size: 14px;
	padding: 8px 2px;
	margin: 0 5px;
	border-radius: 3px;
	margin-bottom: 2%;

}

.pagination a:hover {
	color: #023f98;
	border: 1px solid #023f98;
}

.pagination a.page-num-current {
	color: #fff !important;
	background: #023f98;
	border: 1px solid #023f98;
}

.page-select select {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	margin: 0 -1px 5px 0;
	background-color: #fff;
	color: #333;
	font-size: 14px;
	border: 1px solid #ccc;
	width: auto;
}

.page-select {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0 !important;
}

.page-select:hover {
	border: 1px solid #023f98;
}

.page-select select {
	border: none;
	margin: 0;
}
.page-link{color: #023f98;}
.btn-primary{background-color: #023f98;border-color: #023f98;}
.breadcrumb-item a{color: #000000;}
/* ----- PB分页数字条效果 结束 ----- */
/* form表单样式 */
.fm-mc {
	width: 40%;
	display: inline-block;
	margin-right: 2%;
	text-align: right;
	font-size: 16px;
	line-height: 2.5;
}

.fm-mc span {
	color: #ca0800;
	vertical-align: middle;
	margin-right: 2px;
}

.fm-nr {
	width: 50%;
	display: inline-block;
}

.sub-tj {
	margin-left: 40%;
	margin-top: 3%;
}

/* 导语 */
.dy {
	width: 100%;
	background-color: #ececec;
}

marquee {
	width: 100%;
	font-size: 10px;
	color: #023f98;
	height: 35px;
	line-height: 35px;
}

/* logo */
.lg_bj {
	width: 100%;
	background-size: 100% 100%;
}

.lg-l {
	float: left;
	width: 41%;
	text-align: center;
	padding: 1.5% 0;
}

.lg-l img {
	vertical-align: middle;
	margin-right: 2%;
	float: left;
}

.lg-l span {
	font-size: 30px;
	color: #023f98;
	display: block;
	letter-spacing: 2px;
	font-weight: bolder;
	font-family: '拙楷';
	/* padding-top: 4%; */
}

.lg-l p {
	font-size: 12px;
	color: #0f0f0f;
	font-family: "思源";
	text-transform: uppercase;
	/*font-weight: 600;*/
	letter-spacing: 0px;
}

.lg-r {
	float: right;
	width: 20%;
	text-align: left;
	padding: 2% 0;
}

.lg-r-r {
	float: right;
}

.lg-r img {
	vertical-align: middle;
	float: left;
	padding-top: 3%;
}

.lg-r span {
	font-family: '思源';
	font-size: 18px;
	color: #181919;
	display: block;
	text-align: left;
	margin-left: 20.5%;
	line-height: 1.3;
	font-weight: 500;
}

.lg-r span:nth-child(4){color: #023f98;font-size: 18px;font-weight: 500;}
/* 设置导航单独样式 */
.dh {
	/* background: #023f98; */
	width: 100%;
}

.bj {
	width: 100%;
	/* background: rgba(0,169,172,1); */
	/* background: url(../images/logo_bj.jpg) no-repeat center center;background-size: 100% 100%; */
	z-index: 999;
	background: #023f98;
}

.nav_li {
	text-align: center;
	/* border-radius: 5px; */
	/* padding: 6.7% 0; */
	width: 16%;
	font-size: 18px;
	
}

.dropdown-menu {}

/* .nav-link{padding: 51% 0;} */
.nav-link {
	display: contents;
	line-height: 50px;
}

.lf {
	color: #fdfdfe !important;
}

.nav_li:hover {
	background: #0b2d5f;
}

.nav_li .nav-link:hover {
	color: #fdfdfe !important;
}

.active {
	background: #0b2d5f;
}

.active a {
	color: #fdfdfe;
}

.active .lf {
	color: #fdfefd !important;
}

.dropdown-item {
	color: #000000 !important;
}

.dropdown-item {
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 18px;
}

.dropdown-item:hover {
	background: rgba(11, 45, 95) !important;
	color: #fdfefd !important;
}

.show .lf {
	color: #fdfefd !important;
}

.nav_ul {
	width: 100%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	width: 40px !important;
	height: 40px !important;
	background-color: #818182;
}

/* 头部左右结构显示,上下结构隐藏 */
.navbar-brand {
	display: none;
}

.logo {
	display: block;
}

.st {
	/* margin-right: 15%; */
	color: #fdfcfc !important;
	padding: 0;
	font-size: 1.1rem;
}

/* .logo_t{position: relative;width: 100%;} */
.lg2 {
	display: none;
	font-size: 26px;
}

.lg1 {
	display: block;
	margin-left: 16%;
}

.navbar-light .navbar-toggler {
	color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .9);
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.logo_t img {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0.75rem;
}

#mnav {
	/* margin-top: 5%; */
}

.navbar-brand img {
	width: 75.82%;
}

.carousel-indicators li {
	background-color: #818182;
}


/* 产品左右分布产品内容样式 */
/* .cpzs_nr{width: 81%;float: right;} */

/* 产品展示头部 */
.cpzs_top {
	/* width: 47.66%;margin: 0 auto; */
	padding-top: 4%;
	padding-bottom: 4%;
	position: relative;
}

.cpzs_top img {
	max-width: 100%;
}


.ppys {
	padding-top: 3rem;
	padding-bottom: 2rem;
}

.ppys img {
	display: inline-block;
	max-width: 100%;
}

/* 产品展示分类（横向） */
.cpzs_fl {
	margin-bottom: 2%;
	display: -webkit-box;
	white-space: nowrap;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-overflow-scrolling: touch;
	text-align: justify;
	overflow-x: initial;
	/* background: #4bb344; */
}

.cpzs_fl ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

.fl {
	font-family: '思源';
	width: auto;
	text-align: center;
	list-style-type: none;
	/* float: left; */
	float: none;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #125294;
	display: inline-block;
	border-radius: 20px;
	margin-right: 2%;
	/* background: #dadada; */
	padding: .25rem .5rem;
	margin-bottom: 2%;
}

.fl a {
	padding: 0 !important;
}

.nav-link {
	padding: 0.5rem;
}

.fl:hover {
	background: #125294;
}

.fl:hover a {
	color: #fdfcfc !important;
	text-decoration: none;
}

.fl_a {
	color: #999999 !important;
	font-size: 18px;
	width: 100%;
	display: block;
	line-height: 1 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* .fl_a img{margin-right: 0.5rem;} */
/* 产品分类(垂直) */
/* .cpzs_fl_h{width:18.5%;float:left;background: #0056a3;}
.cpzs_fl_h span img{vertical-align: middle;}
.cpzs_fl_h span a{float: right;margin-right: 5%;}
.cpzs_fl_1{margin:0 auto;width:100%;border: 2px solid #f0f0f0;padding-bottom: 90%;}
.cpzs_fl_1 li{margin:0 auto;width: 85%;border: 2px solid #cacaca;margin-top: 6%;} */
/* .cpzs_fl_1 li:last-child a{border-bottom: 0px;} */
.cpzs_fl_1{width: 60%;float: right;padding: 6.5% 0;}

/* 分类新增样式 */
.zwf {
	width: 40%;
	float: left;
	padding: 5% 0;
	/* background-color: #3da63f;
	height: 10px; */
}

.cpzs_fl_h p {
	text-align: center;
	font-size: 30px;
	color: #fdfefe;
	line-height: 2.5;
	background: #0056a3;
}

.fl-bt {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 5%;
}

.line {
	display: inline-block;
	width: 22.5%;
	border-top: 2px solid #bbd2e6;
	vertical-align: 5px;
}

.txt {
	display: inline-block;
	line-height: 2;
	font-size: 18px;
	color: #fcfafa;
	width: 50%;
}

.phone {
	font-size: 18px;
	color: #fcfafa;
}

.cpfl {
	margin-top: -2%;
	z-index: 99;
}

.cpfl-bj {
	background: #e7e7e7;
	padding: 1.5% 0;
}

.cpfl-li {
	text-align: center;
	position: relative;
}

.cpfl-li img {
	max-width: 100%;
}

.cpfl-li a {
	position: absolute;
	bottom: 0;
	text-align: center;
	display: block;
	width: 84%;
	line-height: 2;
	color: #ffffff;
}

.cpfl-li a:hover {
	color: #fff !important;
}



/* @media (min-width:992px) {
	.cpzs_fl_1 li:last-child{margin-bottom: 231%;}
	.cpzs_fl_1 li:first-child:nth-last-child(2) ~ li:last-child{margin-bottom: 209%;}
	.cpzs_fl_1 li:first-child:nth-last-child(3) ~ li:last-child{margin-bottom: 187%;}
	.cpzs_fl_1 li:first-child:nth-last-child(4) ~ li:last-child{margin-bottom: 165%;}
	.cpzs_fl_1 li:first-child:nth-last-child(5) ~ li:last-child{margin-bottom: 143%;}
	.cpzs_fl_1 li:first-child:nth-last-child(6) ~ li:last-child{margin-bottom: 121%;}
	.cpzs_fl_1 li:first-child:nth-last-child(7) ~ li:last-child{margin-bottom: 99%;}
	.cpzs_fl_1 li:first-child:nth-last-child(8) ~ li:last-child{margin-bottom: 77%;}
	.cpzs_fl_1 li:first-child:nth-last-child(9) ~ li:last-child{margin-bottom: 55%;}
} */
.cp-big a,
.cp-min a {
	display: block;
	overflow: hidden;
}

.cp-min a:first-child {
	margin-bottom: 6%;
}

.cp-min a:last-child {
	margin-bottom: 0;
}

.cp-min a img,
.cp-big a img {
	cursor: pointer;
	transition: all 0.6s;
}

.cp-min a:hover .img-text,
.cp-big a:hover .img-text {
	opacity: 1;
}

.cp-min a:hover img,
.cp-big a:hover img {
	transform: scale(1.5);
}

.img-text {
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.6s ease;
	text-align: center;
	opacity: 0;
}

.cp-big .img-text {
	padding-top: 55%;
}

.cp-min .img-text {
	padding-top: 27.5%;
}

.cp-list {
	width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.cp-list .col-md-4 {
	padding-left: 0;
	padding-right: 0;
}


.img-text p {
	text-align: center;
	width: 100%;
	color: #fdfcfc;
	font-size: 18px;
}

/* 公司简介 */
.gsjj_bj {
	width: 100%;
	background-size: 100% 100%;
	padding-bottom: 2%;
	padding-top: 4%;
	/* position: sticky; */
	/* margin-bottom: 5%; */
}

.gsjj_top {
	padding-top: 4%;
	padding-bottom: 4%;
	margin: 0 auto;
}

.top-ys {
	color: #023f98;
	font-size: 24px;
	font-family: "思源";
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 600;
	/* background: url(../skin/top-bj.png) no-repeat center; */
	text-transform: uppercase;
	/* z-index: 999;
	position: relative; */
}

.top-dd {
	color: #999999;
	font-size: 20px;
	font-family: "思源";
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.5;
	/* position: absolute;
	top: 50%;
	transform: translate(0,-50%); */
	font-weight: 600;
	z-index: 10;
}
.top-dd1{text-align: left;}
.top-ys1{text-align: left;}

.gsjj-ys {
	color: #ffffff;
	font-weight: 600;
}

.gsjj-dd {
	color: #030303;
	font-weight: 600;
}

.cpzs_top a {
	float: right;
	display: inline-block;
	vertical-align: middle;
	color: #999999;
	font-size: 18px;
	margin-top: -2.5%;
}

.xw-ys {
	color: #0056a3;
}

.xw-dd {
	color: #999999;
}

.al-ys {
	color: #fcfcfd;
}

.top-ys span {
	color: #333333;
	display: inline-block;
	margin-left: 1%;
}

/* @media (max-width:1700px) {
	.gsjj_w{margin-top: 5%!important;}
	.al-top{margin-top: 12%!important;}
}
@media (max-width:1366px) {
	.gsjj_w{margin-top: 8%!important;}
	.al-top{margin-top: 15%!important;}
} */

.link-top {
	width: 5%;
	height: 1px;
	/* border-top: solid #ffffff 2px; */
	margin: 0 auto;
	margin-top: 0.5rem;
	/* position: relative;border: 2px solid transparent; */
	/* background: #FFFFFF; */
	background-clip: padding-box;
}

/* .link-top::after{
position: absolute;
top: -3px; bottom: -3px;
left: -3px; right: -3px;
background: linear-gradient(to right,#44dad0, #4da4fd);
content: '';
z-index: -1;
border-radius: 16px;
} */
.link-top3 {
	/* margin: initial; */
	border-top: solid #FFFFFF 3px;
}

.gsjj_top img {
	max-width: 100%;
}

.gsjj-bj {
	/* background: url(../images/gsjj-nr-bj.jpg) no-repeat top center;background-size: 100% 100%; */
}

.gsjj_bt {
	margin: 0 auto;
	padding: 3% 0;
	padding-top: 5%;
}

.gsjj_w {
	/* padding: 3%;box-shadow: 10px 10px 5px #888888; */
}

.gsjj_wb {
	/* background: url(../skin/gs-bj.jpg) no-repeat top center; background-size: 100% 100%; */
}

.gsjj_r {}


.gsjj_nr {
	padding: 0;
	float: right;
}

.gsjj-nr-k {
	margin: 0;
	/* padding: 3%; */
	bottom: 0;
}

.jj_img {
	padding: 2rem 0;
}

.gsjj_nr span {
	width: auto;
	font-size: 24px;
	color: #023f98;
	display: block;
	text-align: left;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	line-height: 2;
	/* margin-bottom: 3%; */
}
/* .gsjj_nr span::after{
	content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 25%;
    background-color: #023f98;
    left: 15%;
    transform: translateX(-50%);
	} */
	
.gsjj_nr img:nth-child(3){margin-bottom: 3%;}
.gsjj_nr span dd {
	display: inline-block;
	border-bottom: 2px solid #1cb9c8;
}

.gsjj_nr p {
	width: 100%;
	font-size: 16px;
	color: #666666;
	letter-spacing: 0;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	text-indent: 2em;
	font-family: "思源";
	line-height: 2;
	/* letter-spacing: 1px; */
	font-weight: 500;
}

.gsjj_nr dd {
	font-family: '思源';
	width: 100%;
	color: #999999;
	font-size: 26px;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	line-height: 1;
}

.gsjj_nr hr {
	width: 100%;
	border-top: 0.5px solid #023f98;
	margin: 2% 0;
}

.gsjj_tp {
	width: 100%;
	text-align: center;
	/* padding-top: 5%; */
	/* padding: 0; */
}

.gsjj_tp p {
	position: absolute;
	bottom: 0;
	background: rgb(48, 48, 48, .86);
	width: 100%;
	line-height: 2;
	color: #fbfdfb;
	font-size: 18px;
}

.gsjj_tp .col-md-6 {
	padding: 0;
}

.gsjj_tp img {
	width: 100%;
}

.timer {
	background-color: rgba(0, 0, 0, 0);
}

.gs-bt {
	background: #023f98;
	margin: 0;
}

.zzhs {
	width: 100%;
	text-align: center;
	align-items: center;
	padding: 5% 15px;
}

.zzhs:hover {
	background: #004c27;
}

.zzhs img {
	max-width: 100%;
	vertical-align: middle;
	float: left;
	display: inline-block;
	padding-left: 8%;
	padding-top: 5%;
}

.zzhs span {
	text-align: left;
	display: block;
	font-size: 24px;
	color: #ffffff;
}

.zzhs span mark {
	color: #023f98;
	font-size: 18px;
}

.zzhs p {
	text-align: left;
	text-indent: unset;
	color: #ffffff;
	font-size: 14px;
}

.zzhs-nr {
	margin-left: 28%;
}

.gsjj_wz {
	width: 84.75%;
	text-align: center;
	margin: 0 auto;
	margin-top: 3px;
}

.gsjj_wz div {
	text-align: center;
	margin: 0 auto;
}

.gsjj_wz div span {
	font-size: 18px;
	color: #312a2a;
	font-weight: 600;
	line-height: 2;
}

.gsjj_wz div dd {
	font-size: 12px;
	color: #685a5a;
	text-transform: uppercase;
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xn {text-align: center;}
.xn p{text-indent: 0;text-align: center;font-size: 18px;color: #023f98;line-height: 2.5;font-family: '思源';}
/* 右箭头 */
#triangle-right{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 8px solid #023f98;
	border-bottom: 4px solid transparent;
	margin-top: -5%;
}
/* 下箭头 */
#triangle-bottom{
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	/* margin-left: 5px; */
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-top: 23px solid #000000;
	border-right: 13px solid transparent;
	/* margin-left: 13%; */
}
.gsjj_a1{
	max-width: 100%;
	margin-top: 3%;
}
.gsjj_a {
	font-family: '思源';
	color: #2f2f2f;
	text-align: center;
	font-size: 18px;
	letter-spacing: 2px;
	display: block;
	border: 2px solid #023f98;
	padding: 5px 10px;
	/* border-radius: 30px; */
	margin-top: 5%;

	/* background: #FFFFFF;padding: .3rem;
position: relative;
border: 2px solid transparent;
background: #FFFFFF;
background-clip: padding-box; */
}

/* .gsjj_a::after{
position: absolute;
top: -3px; bottom: -3px;
left: -3px; right: -3px;
background: linear-gradient(to right,#ffdf06, #f4a1a0);
content: '';
z-index: -1;
border-radius: 16px;
} */
/* .gsjj_a:hover{font-size: 20px;color: #ffffff!important;border:1px solid #023f98;background: #023f98;} */
/* 地图设置 */
#ditu {
	width: 100%;
	height: 500px;
}

.ditu {
	margin-bottom: 0;
}

/* 新闻动态 */
.xwdt-bj {
	width: 100%;
	background: /* url(../skin/xwdt-bj.jpg) no-repeat top center */#f5f5f5;
	background-size: 100% 100%;
	padding-bottom: 2%;
}

.xwdt_top {
	/* width: 51.66%; */
	margin: 0 auto;
	padding-top: 4%;
	padding-bottom: 4%;
	text-align: center;
	position: relative;
	/* background: url(../skin/xw-tp.png) no-repeat center center; */
}

.xwdt_top img {
	position: absolute;
	top: 50%;
	right: 0;
	max-width: 100%;
}

.xwdtl{padding: 0;padding-right: 1%;}
.xw-bj{background: #f3f4f3;padding: 3%;}
.xwdt{/* padding: 2%; */}
.xwdt-nr{padding: 0;}
.xw{background: #ffffff;border-left: 0.25rem solid #f5f5f5;padding: 0 2%;}
.xw dd{font-size: 24px;color: #333333;padding-top: 10%;padding-bottom: 4%;font-family: '思源';}
.xw a{font-size: 18px;color: #333333;font-family: '思源';line-height: 2;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw p{font-size: 14px;color: #666666;font-family: '思源';line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.xw span{font-size: 14px;color: #8a8a8a;font-family: '思源';margin: 12% 0;display: inline-block;line-height: 30px;}
.xw span:last-child{float: right;background: rgba(0, 0, 0, 0.1);color: #ffffff;font-size: 20px;border-radius: 50px;padding: 0 4%;}
.xw:hover dd{color: #023f98;border-top: 4px solid #023f98;}
.xw:hover span:last-child{background: #023f98;}
.xw:hover{box-shadow:rgba(34, 39, 46, 0.3) 0 0 10px;position: relative;z-index: 66;}



.xw-bt {margin-bottom: 2%;}
.xw-bt p{color: #151515;font-size: 26px;font-weight: 600;float: left;width: 70%;/* border-left: 4px solid #023f98; */padding-left: 2%;}
.xw-bt p span{color: #c2c2c2;font-size: 24px;font-weight: 600;margin-left: 2%;display: inline-block;}
.xw-bt a{float: right;font-size: 12px;color: #023f98;vertical-align: middle;text-transform: uppercase;margin-right: 2%;line-height: 3;}

.xwdtl a {
	color: #444444;
	font-size: 18px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	line-height: 2;
	margin-top: 3%;
	text-align: left;
}
.xwdtl a:hover{color: #023f98!important;}
.xwdtl span {
	color: #666666;
	font-size: 12px;
	width: 100%;
	text-align: center;
	display: block;
	line-height: 2;
}
.xw-more{font-size: 16px!important;color: #023f98!important;line-height: 2;font-weight: 500!important;float: right;margin-right: 3%;margin-top: 7%;}
.xwdtl img {
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
}

.xwdtl p {
	color: #646464;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.xwdtl p a {
	display: inline-block;
	color: #ff9600;
	vertical-align: middle;
}

/* .xwdt-nr .row {
	margin: 0 !important;
} */

.gs-img {
	width: 20%;
	float: left;
	background: #f0f0f0;
	padding: 2% 0;
}

.gsxw {
	/* border-bottom: 1px solid #ededed; */
	/* padding-bottom: 2%; */
	/* margin-bottom: 2%; */
	padding: 1%;
}

.xw-l-l{width: 32%;float: left;}
.xw-l-l img{width: 100%;}
.xw-l-r{width: 68%;float: right;background: #ffffff;padding: 0.5% 2%;border: 1px solid #ededed;}
.xw-r-r{width: 100%;background: #ffffff;padding: 1%;border: 1px solid #ededed;}
.gs-nr {
	width: 75%;
	float: right;
}

.gs-img span {
	text-align: center;
	color: #023f98;
	font-size: 22px;
	width: 100%;
	display: block;
	/* margin-top: 2%; */
}

.gs-img p {
	text-align: center;
	color: #8e8e8e;
	font-size: 12px;
	width: 100%;
}

.gs-img img {
	max-width: 100%;
}

.gs-nr a {
	width: 100%;
	text-align: left;
	color: #151515;
	font-size: 16px;
	display: block;
	overflow: hidden;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 1%;
}

.gs-nr span {
	color: #c2c2c2;
	font-size: 16px;
}

.gs-nr p {
	float: left;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #9e9e9e;
	font-size: 12px;
}

.xw-h {
	padding: 0.5% 0;
	border-bottom: 1px dashed #cecece;
}
.xw-h:first-child{padding: 4% 0;}
.xw-h:first-child a{font-size: 16px;color: #151515;}
.xw-h:last-child{border-bottom: 0;}
.xw-h a {
	width: 70%;
	display: inline-block;
	float: left;
	color: #8e8e8e;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	line-height: 2;
}

.xw-h a img {
	vertical-align: middle;
	margin-right: 2%;
}

.xw-h span {
	display: inline-block;
	float: right;
	color: #8e8e8e;
	font-size: 14px;
	line-height: 2;
}
.xw-h p{
	  float: left;
	  background: white;
      /* border: 1px solid #d5d6d5; */
      /* padding: 20px; */
      position: relative;
      /* border-radius: 3px; */
      width: 100%;
	 /* padding: 0 2%;
	  margin-top: 2%;
	  padding-top: 2%;
	  padding-bottom: 4%; */
	  z-index: 2;
	  color: #979797;
	  font-size: 12px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 3;
	  }
/* .xw-h p::after {
      display: block;
      content: "◆";
      position: absolute;
      font-size: 15px;
      left: 5%;
      bottom: 82%;
      color: white;
    } */
/*注意：此处::before的content要比::after的bottom高1px，就形成了箭头视觉效果了*/
/* .xw-h p::before {
      display: block;
      content: "◆";
      position: absolute;
      font-size: 15px;
      left: 5%;
      bottom: 84%;
      color: #d5d6d5;
    } */

.xwdt_a {
	margin: 0 auto;
	display: block;
	font-size: 18px;
	color: #1a1a1a;
	text-align: center;
	padding: 0.6% 0;
	border: 2px solid #023f98;
	border-radius: 50px;
	margin-top: 2%;
}

/* tab选项卡样式 */
.nav-tabs{margin-bottom: 3%;border: 0;}
.nav-tabs .nav-item{width: auto;margin-right: 1rem;}
.nav-tabs .nav-item a{color: #3b3a3a;font-size: 18px;background: #e6e6e6;padding: 0.25rem 0.75rem;}
.nav-tabs .nav-item:hover a{color: #fcf9f9!important;background: #023f98;}
.nav-tabs .active{background: #023f98!important;color: #fcf9f9!important;}

.tab-content .active{background: #ffffff;}

/* 客户案例 */
.dz {
	background: #00a0e9;
}

.te {
	background: #fff;
}

.tit_lx {
	margin-top: 1rem;
	margin-bottom: 4rem;
}

.tit_lx span {
	font-size: 1.5rem;
}

.dz_ys p,
.dz_ys span {
	color: #fff;
}

.tit_lx p {
	font-size: 0.9375rem;
	line-height: 1;
}

.lx_nr {
	padding-bottom: 2rem;
}

.lx_nr p {
	font-size: 1.25rem;
	color: #fff;
	line-height: 1.5;
}

.lx_nr span {
	font-size: 2.5rem;
	color: #000;
}

/* 友情链接 */
.yqlj {
	padding: 1% 0;
	border-bottom: 2px solid #f7f9fb;
	margin-bottom: 3%;
}

.yq_l {
	width: 12.75%;
}

.yq_l img {
	width: 100%;
}

.link {
	margin: 0 auto;
	color: #ffffff;
	font-size: 20px;
	text-align: left !important;
	font-weight: 500;
	font-family: "Microsoft YaHei", 微软雅黑;
}

.link span {
	color: #ffffff;
	font-size: 18px;
}

.link img {
	display: inline-block;
	/* vertical-align: middle; */
	/* width: 8%; */
	margin-right: .5rem;
}

.link a {
	display: inline-block;
	color: #ffffff;
	font-weight: 500;
	font-size: 18px;
	vertical-align: middle;
	text-decoration: none;
	line-height: 2;
	margin-left: 1rem;
}

/* 底部 */
.foot {
	width: 100%;
	/* background: url(../skin/foot.jpg) no-repeat top center;overflow: hidden;background-size: 100% 100%; */
	background: #023f98;
	/* padding-top: 2%; */
	/* padding-bottom: 2%; */
}
/* footer{padding-bottom: 1%;} */
.foot hr {
	border: 1px solid #FFFFFF;
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}


.foot a:hover {
	color: #fbfbfc !important;
}

.ft-lo {
	color: #fbfbfc;
	text-align: center;
}

.cdh-bj {
	background: #bfc1c4;
}

.cdh {
	text-align: center;
	line-height: 3;
}
.ft-m li {
	font-size: 14px;
	color: #d6d6d6;
	width: auto;
	display: inline-block;
	/* display: block; */
	text-align: center;
	/* margin-left: 10%; */
	line-height: 3;
}

.ft-m li a {
	font-size: 14px;
	color: #d6d6d6;
}

.ft-m li span {
	margin: 0 .3rem;
}

.cdh li:last-child span {
	display: none;
}

/* .ft-m{border-right: 2px solid  #ffffff;} */
.ft-m {
	text-align: right;
}

.ft-m a {
	width: 100%;
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
	color: #d6d6d6;
	display: contents;
}

.ft-m p {
	width: 100%;
	margin: 0;
}

.ft-m p span {
	font-size: 13px;
	color: #d6d6d6;
	line-height: 2;
	display: inline-block;
	font-family: "思源";
	margin-right: 1%;
}

.ft-l {
	box-sizing: border-box;
}

.ft-l p {
	width: 100%;
	margin: 0;
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 4%;
}
.ft-l p img{vertical-align: middle;display: inline-block;}
.ft-l p span {
	font-size: 24px;
	color: #ffffff;
	line-height: 2;
	display: inline-block;
	font-family: "思源";
	margin-left: 3%;
	
}

.ft-l p span a {
	color: #fdfafa;
}

.ft-r {
	text-align: center;
}

.ft-lo img {
	max-width: 100%;
	/* position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%); */
}
.ft-lo p{
	font-size: 14px;
	color: #d6d6d6;
	line-height: 3;
}


.ft-r p {
	width: 100%;
	text-align: center;
	color: #d6d6d6;
	font-size: 14px;
	line-height: 2;
}

.jszc {
	width: 100%;
	text-align: center;
	line-height: 3;
	margin-top: 1%;
	/* background: #434343; */
	color: #fdfdfe;
	font-size: 18px;
	border-top: 1px solid #ffffff;
}

.jszc a {
	color: #fbfbfc;
}

.jszc span:first-child {
	margin-right: 5%;
}


.ys p {
	color: #fff;
	margin: 0 auto;
	width: 80%;
}

/* .fsj{width: 10%;} */
.tel {
	padding-top: 4rem;
}

/* 新闻列表页 */
/* 详情left */
.left_fl {
	margin-bottom: 10%;
}

.left_fl_1 {
	width: 100%;
}

.left_fl_1 span {
	width: 100%;
	background: #023f98;
	line-height: 5rem;
	text-align: center;
	color: #fff;
}

.left_fl_1 li {
	width: 100%;
	transition: box-shadow 0.5s;
}

.left_fl_1 li:hover {
	box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.2);
}

.left_active {
	background: #023f98;
}

.left_active a {
	color: #fff !important;
}

.list_a {
	color: #000 !important;
}

.left_fl_1 dd {
	width: 100%;
	border: 1px solid #023f98;
	margin-bottom: 0 !important;
	line-height: 2rem;
	padding-left: 10px;
}

.list_zt {
	padding-top: 2%;
}

.list_li {
	width: auto;
	border: 1px solid #023f98;
	text-align: left;
	padding-left: 10px;
}

.list_li a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 详情right */
.xq {
	width: 100%;
}

.xq_mb {
	width: 100%;
}

.xq_mb dd {
	font-size: 1rem;
	margin-bottom: 0 !important;
}

.xq_nr {
	width: 100%;
	padding-top: 2%;
}

.btn-primary:hover {
	background: #023f98 !important;
}

.card_xz {
	transition: box-shadow 0.5s;
}

.card_xz:hover {
	box-shadow: -4px 0 8px rgba(0, 0, 0, 0.2);
}

.fy {
	padding-top: 1rem;
}

.tj {
	margin-bottom: 2%;
}

.tj a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000000;
	text-decoration: none;
}

.tj a:hover {
	color: #023f98;
}

.tj_lh {
	line-height: 2rem;
}

.xw_a,
.xw_a:hover {
	color: #000000 !important;
	text-decoration: none;
}

/* 新闻展示页 */
.xq_item {
	padding: 2% 1%;
}

.xq_nr img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	margin-bottom: 2%;
}

.text_nr img {
	max-width: 100%;
}

.text_nr {
	color: #000;
}

.fy_1 {
	margin: 1.5rem 0;
}

.fy_1 a {
	color: #000000;
	text-decoration: none;
}

.fy_1 a:hover {
	color: #023f98;
	font-weight: 600;
}

/* 产品列表页 */
.cp_li dt {
    position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 90%;
}

.cp_li dt img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cp_li a dd {
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	position: relative;
	z-index: 666;
	margin-top: 3px;
	background-color: #023f98;
}

.cp_li a {
	text-decoration: none;
}

.cp_li a img {
	transition: all 1s;
}

.cp_li a:hover img {
	transform: scale(1.4);
}

.cp_li a dd p {
	position: relative;
	z-index: 5;
	transition: color 1s;
}

.cp_li a dd span {
	width: 0%;
	display: block;
	height: 35px;
	position: absolute;
	background-color: #e0d8cf;
	z-index: 1;
	transition: width 1s;
}

.cp_li a:hover span {
	width: 100%;
}

.cp_li a:hover p {
	color: #333;
}

/* 内页自适应调整 */
.left_fl:nth-child(2),
.left_fl:nth-child(3) {
	display: block;
}

.left_fl_1 span {
	display: block;
}

.tj .cp_li:nth-child(3) {
	display: block;
}

/**手机底部菜单**/
.tpp {
	display: none;
}

.b_menu {
	display: none;
}

/* 站位图片 */
.zhanwei {
	background: url(../skin/zwbj.jpg) no-repeat center center;
	background-size: 100% 100%;
	margin-top: -1px;
	/* background:#023f98; */
}

.zhanwei img {
	width: 69.21%;
	margin: 0 auto;
	display: block;
	border: 6px solid #fff;
}

.i_w {
	width: 49.5%;
}

.z_zw {
	/* background: url(../skin/zw-bj.jpg) no-repeat center center;background-size: 100% 100%; */
	padding-bottom: 5%;
}

.zw-nr hr {
	border: 1px solid #4bb344;
	margin-bottom: 2rem;
}

/* .zwnr1{background: url(../skin/zw.jpg) no-repeat top center;background-size: 100% 100%;padding-bottom: 2%;} */


.zwnr {
	text-align: center;
}

.ysnr img{box-shadow: 0 0 18px 0 rgba(220,218,218,.4);}
.zwnr img {}

.zwnr span {
	display: block;
	font-family: "思源";
	font-size: 20px;
	color: #023f98;
	width: 100%;
	text-align: center;
	font-weight: 600;
	line-height: 3;
}

.zwnr p {
	text-align: left;
	width: 100%;
	font-family: "思源";
	font-size: 16px;
	color: #000000;
}



.zwys{/* background: #434343; *//* padding: 3% 0; */padding-top: 2%;}
.ly span{color: #ffffff;font-size: 30px;width: 100%;display: block;}
.ly span:first-child{margin-top: 5%;}
.ly span:nth-child(2){color: #d9d9d9;font-size: 18px;line-height: 2;}
.ly hr{width: 30%;height: 10px;background: #02bf6f;margin-top: 0.5rem;}
.ly p{color: #ffffff;font-size: 18px;margin-top: 15%;}
.lynr div{margin-bottom: 5%;}
.lynr div:nth-child(3),.lynr div:nth-child(4){margin-bottom: 0;}
.lynr img{float: left;margin-right: 10%;margin-top: 3%;}
.lynr span{font-size: 18.96px;color: #ffffff;margin-bottom: 3%;display: block;}
.lynr p{font-size: 14.74px;color: #ffffff;}
/* 联系方式占位 */
.lxfs-zw {
	background: url(../skin/zw.jpg) no-repeat center center;
	background-size: 100% 100%;
	margin-top: 3.5rem;
}

.lxfs-zw span {
	text-align: center;
	font-size: 30px;
	color: #023f98;
	width: 100%;
	display: block;
	line-height: 2.3;
}

.lxfs-zw span dd {
	display: inline-block;
	width: 8%;
}

.lxfs-zw p {
	text-align: center;
	font-size: 30px;
	color: #171818;
}

.lc {
	width: 20%;
}

.lc img {
	max-width: 100%;
	margin-bottom: 15%;
}




/*分页*/
.page li {
	float: left;
	list-style-type: none;
	border: 1px solid #3333;
	margin-right: 0.25rem;
	padding: 1% 2%;
	margin-bottom: 1%;
}

.page {
	padding-bottom: 2%;
}

.page li:hover {
	background: #023f98;
	color: #fff;
}

.page li:hover a {
	color: #fff;
	text-decoration: none;
}

.thisclass {
	background: #023f98;
	color: #fff;
}


/*客户案例*/
.case {
	background: url(../images/khal-nr-bj.jpg) no-repeat center center;
	/* background: #f2f2f2; */
	background-size: 100% 100%;
	padding-top: 2.86458%;
	padding-bottom: 2.86458%;
}

.swiper-case {
	/* margin-top: 1.5625%; */
	width: 100%;
}

.swiper-case .swiper-slide {
	/* border: 2px solid #8a8a8a; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.case-con {
	padding: 1.667% 9.3333% 5.333% 9.3333%;
}

.case-tit {
	font-size: 18px;
	color: #000000;
	text-align: center;
	line-height: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.case a:hover .case-tit {
	color: #010101 !important;
}

.case-txt {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #828282;
	line-height: 1;
	margin-top: 10px;
}

.case-line {
	width: 35px;
	height: 1px;
	background: #cfcece;
	margin-top: 8px;
	margin-bottom: 15px;
}

.case-time {
	font-size: 12px;
	color: #828282;
	line-height: 1;
}

.swiper-case .swiper-slide:hover .case-tit {
	color: #1754a3
}

.case-img {
	position: relative;
	overflow: hidden;
	/* padding: 5%; */
}

.case-img img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.case-img::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.swiper-case .swiper-slide:hover .case-img::before {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}

.case-img::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/case_icon.png) no-repeat center;
	-webkit-transition: all 0.2s 0.3s;
	-moz-transition: all 0.2s 0.3s;
	-o-transition: all 0.2s 0.3s;
	transition: all 0.2s 0.3s;
	opacity: 0;
}

.swiper-case .swiper-slide:hover .case-img::after {
	opacity: 1;
}

.swiper-case:hover {}

.swiper-case .swiper-pagination {
	position: relative;
	font-size: 0;
	bottom: 0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.swiper-case .swiper-pagination-bullet {
	margin: 0 5px;
}

.al-top {
	padding-top: 4%;
	padding-bottom: 4%;
	position: relative;
}

.al {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	background: #0056a3;
}

.al span {
	color: #fefefe;
	padding: 0.5rem 3rem;
}

/*视频展示*/
.spzs {
	/* background:url(../images/khal-nr-bj.jpg) no-repeat center center; */
	/* background: #f6f5f5; */
	background-size: 100% 100%;
	/* padding-top: 2.86458%;
	padding-bottom: 2.86458%; */
	padding-bottom: 3.5%;
}

/* .spzs-al {
	background: #f7f7f7;
	border: 3px solid #005000;
	padding: 2% 3%;
} */

.swiper-spzs {
	/* margin-top: 1.5625%; */
	width: 100%;

}

.swiper-spzs .swiper-slide {
	/* border: 2px solid #8a8a8a; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.spzs-con {
	position: absolute;
	/* background: #023f98; */
	background: rgba(14, 14, 14, 0.5);
	bottom: 0;
	width: 100%;
	/* padding: 1.667% 9.3333% 5.333% 9.3333%; */
}

.spzs-tit {
	font-family: '思源';
	margin: 0 auto;
	width: 100%;
	/* margin-top: 4%; */
	/* background: #023f98; */
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 3;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.spzs a:hover .spzs-tit{color: #ffffff!important;}
.spzs-txt {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #828282;
	line-height: 1;
	margin-top: 10px;
}

.spzs-line {
	width: 35px;
	height: 1px;
	background: #cfcece;
	margin-top: 8px;
	margin-bottom: 15px;
}

.spzs-time {
	font-size: 12px;
	color: #828282;
	line-height: 1;
}

.swiper-spzs .swiper-slide:hover .spzs-tit {
	color: #ffffff
}

.spzs-img {
	position: relative;
	overflow: hidden;
	/* padding: 5%; */
}

.spzs-img img {
	/* -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; */
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.spzs-img img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
/* 
.spzs-img::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.swiper-spzs .swiper-slide:hover .spzs-img::before {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}

.spzs-img::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/case_icon.png) no-repeat center;
	-webkit-transition: all 0.2s 0.3s;
	-moz-transition: all 0.2s 0.3s;
	-o-transition: all 0.2s 0.3s;
	transition: all 0.2s 0.3s;
	opacity: 0;
}

.swiper-spzs .swiper-slide:hover .spzs-img::after {
	opacity: 1;
} */

.swiper-spzs:hover {}

.swiper-spzs .swiper-pagination {
	position: relative;
	font-size: 0;
	bottom: 0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.swiper-spzs .swiper-pagination-bullet {
	margin: 0 5px;
}
.khal{float: left;}
.khal:first-child{width: 29.58%;}
.khal-l{ 
    position: relative;
	width:100%;
    height:0;
    overflow:hidden;
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    /*-webkit-background-size:cover;*/
    /*-moz-background-size:cover;*/
    /*background-size:cover;*/
}
.khal:first-child .khal-l{
	padding-top: 168.45%;
}
.khal:nth-child(2),.khal:nth-child(5){width: 33.66%;margin-left: 0.465%;}
.khal:nth-child(2){margin-bottom: 0.4%;}
.khal:nth-child(2) .khal-l{
	padding-top: 81.43%;
}
.khal:nth-child(5) .khal-l{
	padding-top: 65.09%;
	margin-top: -65.09%;
}
.khal:nth-child(3),.khal:nth-child(4){width: 35.83%;margin-left: 0.465%;}
.khal:nth-child(3){margin-bottom: 0.4%;}
.khal:nth-child(3) .khal-l{
	padding-top: 61.40%;
	margin-bottom: 0.465%;
}
.khal:nth-child(4) .khal-l{
	padding-top: 76.04%;
}

.khal .khal-l img{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .spzs .swiper-button-prev {
	float: left;
	background: url(../skin/l.jpg);
	width: 30px;
	height: 39px;
	margin-left: -5%;
} */

/* .spzs .swiper-button-next {
	float: right;
	background: url(../skin/r.jpg);
	width: 30px;
	height: 39px;
	margin-right: 4%;
} */
/* 
.spzs .swiper-bottom {
	position: absolute;
	top: 30%;
}

.spzs .swiper-button-prev:hover {
	background: url(../skin/l.jpg);
}

.spzs .swiper-button-next:hover {
	background: url(../skin/r.jpg);
}

@media (max-width:1200px) {
	.spzs-al {
		padding: 2% 5%;
	}

	.spzs .swiper-button-next {
		float: right;
		background: url(../skin/r.jpg);
		width: 30px;
		height: 39px;
		margin-right: 6%;
	}

	.spzs .swiper-button-prev {
		float: left;
		background: url(../skin/l.jpg);
		width: 30px;
		height: 39px;
		margin-left: -5%;
	}
}

@media (max-width:992px) {
	.spzs .swiper-button-next {
		float: right;
		background: url(../skin/r.jpg);
		width: 30px;
		height: 39px;
		margin-right: 7%;
	}

	.spzs .swiper-button-prev {
		float: left;
		background: url(../skin/l.jpg);
		width: 30px;
		height: 39px;
		margin-left: -7%;
	}
}

@media (max-width:900px) {
	.spzs .swiper-button-next {
		float: right;
		background: url(../skin/r.jpg);
		width: 30px;
		height: 39px;
		margin-right: 6%;
	}
}

@media (max-width:830px) {
	.spzs .swiper-button-next {
		float: right;
		background: url(../skin/r.jpg);
		width: 30px;
		height: 39px;
		margin-right: 5%;
	}
}

@media (max-width:768px) {
	.spzs-al {
		padding: 2% 7%;
	}

	.spzs .swiper-button-next {
		float: right;
		background: url(../skin/r.jpg);
		width: 30px;
		height: 39px;
		margin-right: 10%;
	}

	.spzs .swiper-button-prev {
		float: left;
		background: url(../skin/l.jpg);
		width: 30px;
		height: 39px;
		margin-left: -10%;
	}
}

@media (max-width:670px) {
	.spzs .swiper-button-next {
		float: right;
		background: url(../skin/r.jpg);
		width: 30px;
		height: 39px;
		margin-right: 7%;
	}

	.spzs .swiper-button-prev {
		float: left;
		background: url(../skin/l.jpg);
		width: 30px;
		height: 39px;
		margin-left: -9%;
	}
}

@media (max-width:501px) {
	.spzs-al {
		padding: 2% 9%;
	}

	.spzs .swiper-button-next {
		float: right;
		background: url(../skin/r.jpg);
		width: 30px;
		height: 39px;
		margin-right: 9%;
	}

	.spzs .swiper-button-prev {
		float: left;
		background: url(../skin/l.jpg);
		width: 30px;
		height: 39px;
		margin-left: -11%;
	}
} */

/*产品展示*/
.cpzs {
	/* background: #1cb9c8; */
	/* padding-bottom: 1.5625%; */
	background: url(../skin/cp-bj.jpg) no-repeat top center;
	background-size: 100% 100%;
	/* padding-top: 3%; */
	padding-bottom: 4%;
}


.cpzw{margin: 0 auto;max-width: 100%;margin-bottom: 1rem;}

.swiper-cpzs {
	/* margin-top: 1.5625%; */
	padding: 1%;
	/* background: #ffffff; */
}

.swiper-cpzs .swiper-slide {
	/*border: 1px solid #d9d9d9;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 0 !important;
	/* margin-bottom: 2%; */
	/* 
	background: #f1f1f1; */
}

.cpzs-con {
	/* margin-top: 1px; */
	/* background: url(../skin/cp-dd.png) no-repeat center;
	background-size: 100% 100%; */
	/* background: rgba(20, 133, 71, .66);
	position: absolute;
	bottom: 3%;
	left: 50%;
	transform:translate(-50%,0);
	width: 96%; */
}

.cpzs-tit {
	width: 100%;
	font-size: 18px;
	color: #090909;
	text-align: center;
	line-height: 2.5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

/* .swiper-slide:hover .cpzs-con{background: #4bb344;} */
.swiper-slide:hover a .cpzs-tit {
	color: #000 !important;
}

.cpzs-txt {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #828282;
	line-height: 1;
	margin-top: 10px;
}

.cpzs-line {
	width: 35px;
	height: 1px;
	background: #cfcece;
	margin-top: 8px;
	margin-bottom: 15px;
}

.cpzs-time {
	font-size: 12px;
	color: #828282;
	line-height: 1;
}

.swiper-cpzs .swiper-slide:hover .cpzs-tit {
	color: #1754a3
}

.swiper-cpzs .swiper-slide .cpzs-img {
	padding: 2%;
	/* padding-bottom: 0; */
}


.cpzs-img {
	position: relative;
	overflow: hidden;
    width: 100%;
    padding-top: 90%!important;
    height: 0;
	/* border: 4px solid #4bb344; */
	/* border-radius: 10px; */
}

.cpzs-img img {
	/* -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; */
	/* border: 1px solid #a0a0a0; */
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cpzs-img img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}

/* .cpzs-img::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(23,84,163,0.7);
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.swiper-cpzs .swiper-slide:hover .cpzs-img::before {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.cpzs-img::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/case_icon.png) no-repeat center;
	-webkit-transition: all 0.2s 0.3s;
	-moz-transition: all 0.2s 0.3s;
	-o-transition: all 0.2s 0.3s;
	transition: all 0.2s 0.3s;
	opacity: 0;
}
.swiper-cpzs .swiper-slide:hover .cpzs-img::after {
	opacity: 1;
} */
.swiper-cpzs:hover {}

.swiper-cpzs .swiper-pagination {
	position: relative;
	font-size: 0;
	bottom: 0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.swiper-cpzs .swiper-pagination-bullet {
	margin: 0 5px;
}



.swiper-button-prev,
.swiper-button-next {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	font-size: 0;
	vertical-align: middle;
	margin: 0 10px;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.swiper-button-prev {
	background: url(../img/prev-icon1.png) no-repeat;
}

.swiper-button-next {
	background: url(../img/next_icon1.png) no-repeat;
}

.swiper-button-prev:hover {
	background: url(../img/prev-icon2.png) no-repeat;
}

.swiper-button-next:hover {
	background: url(../img/next_icon2.png) no-repeat;
}

.swiper-bottom {
	text-align: center;
	width: 100%;
	margin-top: 2.4767%;
}

.more {
	/* width: 150px;
	height: 30px;
	line-height: 30px; */
	margin: 0 auto;
	display: block;
	color: #023f98;
	text-transform: uppercase;
	/* border: 1px solid #023f98; */
	/* border-radius: 30px;
	font-size: 19px; */
	text-align: center;
	/* margin-top: 1.8175%; */
	vertical-align: middle;
	position: relative;
	/*background: url(../img/more_icon.png) no-repeat center right 12px;*/
	/* background: #228d4d; */
	letter-spacing: 2px;
	margin-top: 2rem;
}

/* .more:after {
	color: #fff;
}

.more {
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.more::after {
	font-size: 16px;
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #fff;
	padding-right: 12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #023f98;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}

.more>span {
	display: block;
}

.more.button--inverted {
	color: #023f98;
}

.more.button--inverted:after {
	color: #fff;
}

.more::after,
.more>span {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

} */

/* .more::after {
	color: #fff;
}

.more:hover {
	border-color: #fff;
	background-color: #fff;
}

.more:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.more:hover>span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}
 */
@media (max-width: 768px) {
	.cpzs_fl_h p{font-size: 14px!important;}
	.lynr div{margin: 0 auto;text-align: center;}
	.lynr img{float: none;margin-right: 0;}
	.cpfl {
		display: none;
	}

	/* .position-relative .position-absolute{position: static!important;} */
	.cp-list .col-md-4 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.img-text {
		padding-top: 0 !important;
		line-height: 3;
		opacity: 1;
		background: rgba(0, 0, 0, 0);
	}

	.img-text p {
		color: #010101;
	}

	.ys img {
		margin-bottom: 1rem;
	}

	.gsjj_a {
		margin: 0 auto;
		margin-bottom: .5rem;
	}

	.gsjj_tp {
		text-align: center;
	}

	.gsjj_tp img {
		float: none;
	}

	.cp-list {
		margin-bottom: 1rem;
	}

	.foot-mid p {
		margin-top: 0;
		text-align: center;
	}

	.case,
	.news,
	.cpzs {
		/* padding-top: 30px;
	padding-bottom: 30px; */
	}

	.swiper-case {
		margin-top: 20px;
	}

	.swiper-cpzs {
		margin-top: 20px;
	}

	.swiper-bottom {
		margin-top: 15px;
	}

	.more {
		margin-top: 15px;
	}

}

@media (max-width: 1900px) {
	/* .gsjj_nr p{width: 60%;}
	.gsjj_nr{padding-bottom: 3.5%;}
	.gsjj_a{margin-right: 25%;} */
}

@media (max-width: 1199px) {

	/* .gsjj_nr p:nth-child(3){display: none;} */
	/* .st{margin-right: 8%;} */
	/* .nav_li{padding: 5% 0;} */
	/* .gsjj_nr p:last-child{-webkit-line-clamp: 3;} */
	.gsjj_nr p{font-size: 14px;}
	.gsjj_a{font-size: 14px;}

	.lg-l {
		width: 50%;
	}
}

.mb-5 {
	margin-bottom: 1rem !important;
}

@media (max-width: 992px) {
	.xwdtl {
		text-align: center;
	}

	.gsjj_bj {
		background: #ffffff;
		/* padding-top: 0; */
	}

	.xwdt-bj {
		background: #ffffff;
	}

	.gsxw {
		padding-left: 0;
		padding-right: 0;
	}

	/* .ft-lo img {
		margin-left: 25%;
	} */

	.xwdt_top,
	.cpzs_top,
	.gsjj_top {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.ft-m {
		border: 0;
	}

	.ft-m a {
		line-height: 3;
	}

	.xwdt .xw-l {
		width: 15% !important;
	}

	/* .xwdt .xw-r{width: 85%!important;padding-left:3%!important} */
	.xwdt .xw-r1 {
		width: 100% !important;
		padding-left: 0 !important
	}

	.zwnr p {
		width: 100%;
	}
	.cpzs .container {
		width: 100% !important;
	}

	.gsjj_nr {
		width: 100%;
		margin: 0 auto;
	}

	.zwnr p {
		font-size: 20px;
	}

	.foot-top div {
		margin-top: 1.5rem;
	}

	.z_zw .container {
		width: 100%;
	}

	.pt-5 {
		padding-top: 0rem !important;
	}

	.ewm {
		padding-top: 1rem;
	}

	.foot {
		/* background: #8e8e8e; */
	}

	.f-fl,
	.f-fm {
		width: 49%;
	}

	.f-fr {
		width: 41%;
	}

	.tpp {
		height: 55%;
		display: block;
		text-indent: -999em;
		margin-bottom: 3%;
	}

	.b_menu {
		display: block;
		background: #023f98;
		padding: 0.3rem 0 0 0;
		width: 100%;
	}

	.b_menu ul {
		/* margin-left: -50px;
	margin-right: 2px; */
		margin-bottom: 0;
		padding: 0 !important;
	}

	.b_menu ul li {
		text-align: center;
		list-style: none;
		padding: 0px;
	}

	.b_menu ul li span img {
		vertical-align: middle;
		height: 22px;
		margin-bottom: 0.1rem;
	}

	.b_menu ul li span {
		display: block;
		color: #fff;
		font-size: 0.75rem;
		margin-bottom: 0.2rem;
	}

	.cpzs_nr {
		width: 100%;
	}
}

@media (min-width:992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.navbar {
		padding: 0 1rem;
	}

	.nav_li {
		padding: .5rem 0;
	}
}

@media (max-width:991px) {
	.gsjj_nr span:nth-child(2){width: 100%;}
	.zwnr-li{margin-bottom: 3%;}
	.xw{margin-bottom: 2%;}
	
	
	.ft-lo img{position: relative;left: 0;top: 0;transform: translate(0,0);}
	.zwnr-m{display: none;}
	.cpzs_fl_h p{font-size: 18px;}
	.cpzs_fl_1{padding-bottom: 1%;}
	.cpzs_fl_1 li{margin-top: 1%;}
	.xwdtl{margin-bottom: 1%;}
	.ly{display: none;}
	.gsjj_tp{display: none;}
	.gsjj_wb .position-absolute{position: static!important;}
	.ft-l {
		border: 0px;
		/* text-align: center; */
	}

	.xwdt-img {
		display: none;
	}

	.xwdt-w {
		margin: 0 auto;
	}

	.xwdt {
		margin-bottom: 3%;
	}

	.navbar-brand,
	.lg2 {
		display: block;
		color: #fff;
	}

	.logo,
	.lg1 {
		display: none;
	}

	/* .lg2{width: 80%!important;} */
	.gajj_tp img {
		margin-right: 3%;
	}

	/* .bj{background:#fff!important;} */
	#mnav {
		background: #023f98;
	}

	/* .dh{background: #fff;} */
	.nav_li {
		width: 100% !important;
		text-align: left;
	}

	.lf {
		padding: 1% !important;
	}

	.al-mid {
		margin-bottom: 4%;
	}

	.gsjj_bj {
		background: #FFFFFF;
	}

	.cpzs_fl_1 li {
		width: auto !important;
	}

	.cpzs_fr {
		width: 100%;
	}

	.cpzs {
		max-width: 100% !important;
	}

	/* 内页自适应调整 */
	/*.left_fl:first-child,.left_fl:nth-child(2),.left_fl:nth-child(3),{display: none;}*/
	.left_fl:first-child,
	.left_fl:nth-child(2),
	.left_fl:nth-child(3),
	.left_fl:nth-child(4) {
		display: none;
	}

	.tj .cp_li:nth-child(3) {
		display: none;
	}

	.gsjj_r {
		top: 8%;
	}

	/* .gsjj_nr p:last-child{display: none;} */

	.cpzs_fl {
		display: -webkit-box;
		white-space: nowrap;
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		-webkit-overflow-scrolling: touch;
		text-align: justify;
		overflow-x: initial;
	}

	.cpzs_fl ul {
		width: 825px;
	}

	.fl {
		/* width: 190px; */
	}

	.logo_t {
		display: none;
	}

	.xwdt_l:nth-child(1),
	.xwdt_l:nth-child(2) {
		width: 49%;
	}

	.hydt {
		width: 47.5%;
		margin-right: 5%;
	}

	.hydt:nth-child(2n) {
		margin-right: 0 !important;
	}

	.hydt:nth-child(3n) {
		margin-right: 5%;
	}

	.nxw_l {
		display: none;
	}

	.nxw_r {
		margin-left: 0 !important;
		width: 100%;
	}

	.nxw_r_l {
		width: 70%;
	}

	.xw_more {
		margin-top: 0.5rem;
	}

	.xw_bt a {
		font-size: 0.75rem;
	}

	.xw p {
		/* -webkit-line-clamp: 2; */
	}

	.navbar {
		padding: .5rem .5rem;
	}

	.cpzs_fl_h {
		width: 100%;
		margin-bottom: 2%;
	}

	.cpzs_fl_h img {
		display: none;
	}

	/* .cpzs_fl_1{background: #fff;} */
}

@media (max-width: 767px) {
	.xw-l-l{display: none;}
	.xw-l-r{width: 100%;}
	.cpzs_fl ul{text-align: left;}
	/* .zwnr-li{padding: 5% 0;} */
	.lynr div:nth-child(3),.lynr div{margin-bottom: 4%;}
	.lynr img{margin-top: 0;}
	.top-ys {
		font-size: 28px;
	}

	.zwimg {
		display: none;
	}

	.r-xw:last-child {
		display: block;
	}

	.gsjj_nr p:nth-child(3) {
		display: block;
	}

	.tel {
		padding-top: 0.5rem;
	}

	.item:nth-child(5),
	.item:nth-child(6) {
		display: block;
	}

	.carousel-control-prev,
	.carousel-control-next {
		display: none;
	}

	.sjlf {
		max-width: 140% !important;
		/* margin-left: -19%; */
	}

	/* #slider .w-100{width: auto!important;} */
	.bj {
		position: static !important;
	}

	.cpzs_fl ul {
		width: 825px;
	}

	.item {
		width: 100%;
		margin-right: 0;
		margin-top: 1rem;
		padding-top: 2rem;
		margin-bottom: 0rem;
	}

	#ditu {
		height: 300px;
	}

	/* .cpjs_top,.cpzs_top,.xwdt_top,.gsjj_top{padding-top: 2rem;
    padding-bottom: 1rem;} */
	.xy .float-left {
		width: 100%;
		margin: 0;
	}

	.xy .float-right {
		width: 79.36%;
		margin: 0 auto;
	}

	.gsys img {
		margin-bottom: 1rem;
	}

	.gsjj_nr span {
		font-size: 24px;
	}

	.xw_bt span {
		font-size: 18px;
	}

	.gsjj_r {
		display: none;
	}

	.f-fl,
	.f-fm {
		width: 100%;
	}

	.f-nr {
		margin-top: 2rem;
	}

	.zhanwei img {
		width: 100%;
	}

	.gajj_tp {
		display: none;
	}

	.gsjj_nr {
		width: 100%;
	}

	.gsjjp {
		width: 94%;
	}

	.xwdt_top {
		padding-bottom: 1rem;
	}

	.gs-img
}

@media(max-width:700px) {
	.carousel-direction {
		display: none;
	}

	.cpyc,
	.cp_bt {
		display: none;
	}

	#scrollable-product li {
		width: 48%;
		margin: 0 1%;
		margin-bottom: 1rem;
	}

	.list_zt {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.cp_li {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

}

@media (max-width: 576px) {
	.ft-l{text-align:center;}
	.xw-more{margin-top:5%;}
	.xw-h a{width: 65%;}
	.xwdtl {
		margin-bottom: 2%;
	}

	.al span {
		padding: 0 !important;
	}

	.top-ys {
		font-size: 18px;
	}
	.top-dd{
		font-size: 14px;
	}
	.ppys{padding: 1rem 0;
	}
	.xwdt .xw-l {
		width: 23% !important;
	}

	/* .xwdt .xw-r{width: 77%!important;} */
	.xwdt .xw-r1 {
		width: 100% !important;
	}

	.zwnr p {
		width: 100%;
		text-align: left;
	}

	.gsxw-img-l .xw-l {
		width: 23%;
	}

	.ys-img img {
		width: 85%;
	}

	.gsxw-top p {
		padding-left: 0;
	}

	.gsjj_nr p {
		width: 100%;
	}

	.gsjj_a {
		width: 50%;
	}

	.sj-zwnr {
		display: block;
	}

	.zwnr span {
		font-size: 14px;
	}

	.zwnr p {
		font-size: 16px;
	}

	.foot-top {
		border-right: 0;
	}

	.cdh span {
		width: 30%;
	}

	.cp_li a dd {
		line-height: 25px;
	}

	.frx {
		width: 100%;
	}

	.fdz {
		width: 100%;
	}

	.flx {
		width: 100%;
	}

	.fsj {
		width: 100%;
	}

	.sp {
		margin-top: 0;
		font-size: 0.75rem !important;
	}

	.lxr {
		padding-top: 0;
	}

	.gsxw-nr-r p,
	.gsxw-li span,
	.gsxw-li p,
	.case-tit,
	.zwnr p,
	.cpzs-tit,
	.f-fr span,
	.ft p span,
	.xw a,
	.al_l dl dd,
	.cpzs_m,
	.lf,
	.fl_a,
	.scrollable ul li dd a,
	.gsjj_nr p,
	.gsjj_a,
	.al_l dl dd a,
	.khal_m,
	.item a,
	.ft span,
	.r-xw span,
	.cdh span,
	.lxfs span,
	.jszc span,
	.ft-lxw p,
	.ft-ewm span,
	.xwbt a,
	.xwbt span,
	.xw-r a,
	.xw-r span,.xwdtl a,.lynr span {
		font-size: 0.75rem;
	}
	.gs-nr a,.xw-h a,.xw-h span,.xw-bt p,.xw-bt a,.xw-bt p span{font-size: 0.75rem;}
	.foot p span,
	.item p,
	.item dd,
	.link a,
	.r-xw p,
	.ewm span,
	.cdh li,
	.gs-nr p,
	.gs-nr span,
	.spzs-tit,.xwdtl p,.lynr p,.xw-more,.xw-h p {
		font-size: 0.65rem!important;
	}

	.xw-r1 p,.ft-m li a,.ft-m li {
		font-size: 0.75rem !important;
	}
	

	.link {
		font-size: 1rem;
	}

	.item span,
	.r-xw a,
		{
		font-size: 1rem;
	}

	.ft {
		padding: 0.25rem;
	}

	.foot p span {
		line-height: 2;
		/* width: 100%;
		display: block; */
	}

	.hydt {
		width: 100%;
		margin-right: 0 !important;
	}

	.yq_l {
		width: 30%;
	}

	#yq_r {
		width: 70%;
	}

	.gsjj_nr {
		width: 100%;
	}

	.xw p {
		/* -webkit-line-clamp: 2; */
	}

	.tpp {
		margin-bottom: 8%;
	}

	.xwdt_l:nth-child(1),
	.xwdt_l:nth-child(2) {
		width: 100%;
	}

	.xw img {
		max-width: 292px;
	}

	.f-fr {
		width: 58%;
	}

	.ft-ewm img {
		max-width: 100%;
	}

	.ft-ewm {
		text-align: center;
	}

	.lxfs-zw span {
		font-size: 20px;
	}

	.lxfs-zw p {
		font-size: 18px;
	}

	.lc {
		width: 20%;
	}

	.lc img {
		max-width: 60%;
	}
}

@media (max-width:460px) {
	.khal{width: 100%!important;}
	.khal:nth-child(5) .khal-l{margin-top:0;}
	.lg2{font-size:21px;}
	.xw-more{margin-top:0;}
	.gs-bt {
		padding: 0;
	}

	.zzhs {
		padding: 5% 0;
	}

	.zzhs img {
		padding-left: 2%;
	}

	.zzhs-nr {
		margin-left: 21%;
	}
	.gs-nr span{display:none;}
}

@media (max-width:400px) {
	.container-lg {
		padding-right: 0 !important;
	}

	.navbar-toggler {
		padding: 0.25rem;
	}

	.navbar-brand {
		padding: 0 !important;
	}

	.flogo p span {
		width: 100%;
	}

	.xwdt_l {
		margin-bottom: 3%;
		display: block;
	}

	.gajj_tp img {
		margin-right: 0;
		width: 100%;
	}

	.cpjs_l,
	.cpjs_r {
		width: 100%;
	}

	.scrollable ul li dd {
		line-height: 1.5625rem;
	}

	.i_w {
		width: 100%;
	}

	.xw p {
		/* -webkit-line-clamp: 2; */
	}

	.xw_t {
		width: 30%;
	}

	.xw_n {
		width: 65%;
	}

	.nav {
		padding-right: 0;
	}

}

@media (max-width:360px) {
	.navbar {
		padding: .5rem .5rem;
	}

	.item_1 .col-2 {
		flex: 0 0 26.666667%;
		max-width: 26.666667%;
	}

	.item_1 .col-10 {
		flex: 0 0 73.333333%;
		max-width: 73.333333%;
	}

	.gsjj_nr span {
		font-size: 20px;
	}

	.gs-bt {
		padding: 0;
	}

	.zzhs {
		padding: 5% 0;
	}

	.zzhs img {
		padding-left: 2%;
	}

	.zzhs-nr {
		margin-left: 21%;
	}

}

@media (max-width:340px) {
	.navbar {
		padding: .3rem;
	}

	.st {
		font-size: 1.1rem;
		padding: 0;
	}
}

@media (max-width:300px) {
	.navbar {
		padding: .2rem;
	}

	.st {
		font-size: 1rem;
		padding: 0;
	}
}
