.f16 {
	font-size: 16px;
}

.spic li p {
	line-height: 35px;
}

/* li img {
	width: 100%;
} */

#three h2 {
	font-size: 1.5987rem;
	font-weight: bold;
	color: red
}

h3,
h4 {
	line-height: 2em;
}

h3 {
	font-size: 20px;
}

.nav {
	padding-top: 0px
}

.-m25 {
	margin-top: -25px
}

.-m35 {
	margin-top: -35px
}

.mbt {
	margin-bottom: 15px;
}

.see {
	display: block;
}

.noSee {
	display: none;
}

nav a#on {
	color: #fff;
	text-decoration: none;
	background: #0065B3;
}

#two-nav {
	z-index: 2;
	font-size: 15px;
	opacity: .9;
}

#two-nav a:link {
	height: 45px;
	line-height: 30px;
	margin-top: -15px;
}

#two-nav a:visited {}

#two-nav a:hover {}

#two-nav a:active {}

.newscon p {
	font-size: 1.1287em;
	line-height: 2em;
}

.newscon img {
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}

#good .text-white,
a.text-white:link,
#good a.text-white:visited {
	color: #fff;
}

#good li h3 {
	font-size: 1.168rem;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 15px;
	height: 45px;
	line-height: 45px;
}

#good li p {
	margin: 15px;
}


.text-blueA {
	color: #1e50ae;
}

.padding-20 {
	padding: 10px 0;
}


@media (max-width:759px) {
	nav .nav-inline li {
		float: left;
		width: 50%;
		text-align: center
	}

	nav .drop-menu {
		display: none;
	}

}

@media (max-width:999px) and (min-width:760px) {
	.logo .img2 {
		display: none
	}
}

@media (min-width:760px) {
	nav .nav-inline {
		margin: 26px -10px 0;
		text-align: left
	}

	nav .nav-inline li a {
		padding: 5px 7px;
		font-size: 0.8rem;
	}
}

@media (min-width:1000px) {
	nav .nav-inline {
		margin: 23px -13px 0;
		font-size: 1pc
	}

	nav .nav-inline li a {
		padding: 5px 13px;
		font-size: 1rem;
	}

	#good li {
		float: left;
		height: auto;
	}
}

@media (min-width:1200px) {
	nav .nav-inline {
		margin: 23px -21px 0;
		font-size: 1.2rem;
	}

	nav .nav-inline li a {
		padding: 8px 13px;
		font-size: 1.2rem;
	}

	#good li {
		float: left;
		height: 150px;
		height: auto !important;
	}
}

.about,
.area,
.news,
.product,
.service,
.solution {
	font-size: 1.04rem;
}

.news li p {
	font-size: 0.8rem;
}

.logo img {
	float: left
}

@media (max-width:759px) {
	.logo img {
		width: auto;
		margin-top: 0px;
	}

	.logo img.img2 {
		display: none;
	}

	.margin-big-top {
		margin-top: 6px;
	}

	.margin-big-bottom {
		margin-bottom: 6px;
	}

	.margin-large-top {
		margin-top: 8px;
	}

	.margin-large-top {
		margin-bottom: 8px;
	}

	.padding-big-top {
		padding-top: 6px;
	}

	.padding-big-bottom {
		padding-bottom: 6px;
	}

	.padding-large-top {
		padding-top: 8px;
	}

	.padding-large-bottom {
		padding-bottom: 8px;
	}
}

@media (min-width:760px) {
	.logo img {
		margin-top: 0px;
	}

	.logo img.img2 {
		margin-top: 7px;
	}

	.padding-4 {
		padding: 4px 0;
	}

	.padding-20 {
		padding: 20px 0;
	}
}

.button-group .drop-menu {
	background: #FFF;
}

.icon-navicon {
	margin-top: 20px;
}

.nav-menu li {
	color: #fff;
}

nav .menu-product {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: hsla(0, 0%, 100%, .9);
	z-index: 10000;
	display: none;
	overflow-y: hidden
}

nav .menu-product .container {
	padding: 2px 0 0
}

nav .menu-product .container li {
	padding-bottom: 33px;
}

nav .menu-product .container h3 {
	padding-bottom: 1pc
}

nav .menu-product .container h3 a {
	font-size: 1.268rem;
	line-height: 24px;
	font-weight: 100;
	color: #d40000;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	-webkit-transition: all .2s ease
}

nav .menu-product .container h3 a:hover {
	color: #ef011c;
	font-size: 20px
}

nav .menu-product .container img {
	margin: 0 auto
}

nav .menu-product .container h5,
nav .menu-product .container img {
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
	-ms-transition: all .8s ease 0s;
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9)
}

nav .menu-product .container h5 {
	font-size: 1pc;
	color: #656565;
	font-weight: 100;
	padding: 4px 0 1pc
}

nav .menu-product .container a:hover img {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

nav .menu-product .container a:hover h5 {
	color: #ef011c
}

nav .menu-product a.menu-more {
	font-size: 1pc
}

#index h2 {
	font-size: 2.4512em;
	font-weight: bold;
}

#index .news h4 {
	font-size: 1rem;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#index .v-box {
	position: relative
}

#index .v-box video {
	position: relative;
	width: 100%;
}

#index .v-box .v-r {
	position: absolute;
	top: 0;
	right: 0;
	height: 99%;
	width: 100%;
	background-color: rgba(35, 45, 51, .75);
}

#index .v-box .v-r h3 {
	color: #da251d;
	font-size: 2.4286em
}

#index .v-box .v-r h4 {
	font-size: 1.57143em;
	padding: 4px 0 10px;
	border-bottom: 3px solid #da251d;
	margin-bottom: 14px
}

#index .v-box .v-r p {
	line-height: 28px
}

@media (min-width:450px) {
	#index .v-box .v-r {
		padding: 92px 34px 34px;
	}
}

@media (min-width:760px) {
	#index .v-box .v-r p {
		font-size: 1pc
	}

	#index .v-box .v-r {
		width: 48.5%;
		max-width: 436px
	}
}

.bg_e8edf7 {
	background: #e8edf7;
}

.bg_nav {
	background: #ee1d23;
}

.bg_g {
	background: #f3f3f5
}

.bg_t1 {
	background: #004d9f;
}

.bg_r {
	background: #c59e17;
}

.bg_b {
	background: #0e3e90;
}

.bg_bad2ff {
	background: #bad2ff;
}

/*新版产品详情产品表格按钮*/
.bg_youshi {
	background: url("../img/youshi.png") no-repeat;
}

.date {
	background-color: #f4f4f4;
	color: #555555;
	padding: 0.3em;
}

.date .d {
	background-color: #dcdcdc;
	font-weibht: bold;
	line-height: 32px;
	margin: 0;
	padding: 0;
	font-size: 1.8286rem;
}

.date .m {
	background-color: #f4f4f4;
	font-size: 0.5rem;
	margin: 0;
	padding: 0;
}

/*roll*/
#roll {
	position: relative;
}

#roll img {
	float: left;
}

#roll .tit {
	bottom: 0px;
	HEIGHT: 32px;
	LINE-HEIGHT: 32px;
}

.pageNav {
	width: 99%;
	HEIGHT: auto;
	CLEAR: both;
	PADDING-LEFT: 20px;
	FONT-SIZE: 14px;
	MARGIN: 18px 0px;
	LINE-HEIGHT: 30px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.pageNav A {
	PADDING-RIGHT: 8px;
	DISPLAY: block;
	PADDING-LEFT: 8px;
	margin-bottom: 5px;
	BACKGROUND: #fff;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 0px;
}

.pageNav STRONG {
	PADDING-RIGHT: 8px;
	DISPLAY: block;
	PADDING-LEFT: 8px;
	BACKGROUND: #fff;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 0px
}

.pageNav SPAN {
	PADDING-RIGHT: 8px;
	DISPLAY: block;
	PADDING-LEFT: 8px;
	BACKGROUND: #fff;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 0px
}

.pageNav A {
	BORDER-RIGHT: #ccdbe4 1px solid;
	BORDER-TOP: #ccdbe4 1px solid;
	BORDER-LEFT: #ccdbe4 1px solid;
	LINE-HEIGHT: 22px;
	BORDER-BOTTOM: #ccdbe4 1px solid;
	HEIGHT: 25px
}

.pageNav SPAN {
	BORDER-RIGHT: #ccdbe4 1px solid;
	BORDER-TOP: #ccdbe4 1px solid;
	BORDER-LEFT: #ccdbe4 1px solid;
	LINE-HEIGHT: 22px;
	BORDER-BOTTOM: #ccdbe4 1px solid;
	HEIGHT: 20px
}

.pageNav A.f12 {
	FONT-SIZE: 12px
}

.pageNav STRONG.f12 {
	FONT-SIZE: 12px
}

.pageNav SPAN {
	FONT-SIZE: 12px
}

.pageNav A:hover {
	TEXT-DECORATION: none
}

.pageNav STRONG {
	LINE-HEIGHT: 24px;
	HEIGHT: 22px
}

.pageNav .mor {
	FLOAT: right;
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 21px;
	PADDING-TOP: 0px;
	HEIGHT: 21px;
	BORDER-RIGHT-WIDTH: 0px
}

.pageNav .na {
	COLOR: #dbe1e6
}

.pageNav .close {
	BORDER-RIGHT: #ccdbe4 1px solid;
	BORDER-TOP: #ccdbe4 1px solid;
	BORDER-LEFT: #ccdbe4 1px solid;
	LINE-HEIGHT: 22px;
	BORDER-BOTTOM: #ccdbe4 1px solid;
	HEIGHT: 25px;
}

.pageNav .close:before {
	content: "";
}

.pageNav .count {
	BORDER-RIGHT: #ccdbe4 1px solid;
	BORDER-TOP: #ccdbe4 1px solid;
	BORDER-LEFT: #ccdbe4 1px solid;
	LINE-HEIGHT: 22px;
	BORDER-BOTTOM: #ccdbe4 1px solid;
	HEIGHT: 25px
}

.pageNav .selfpage {
	BORDER-RIGHT: #ccdbe4 1px solid;
	BORDER-TOP: #ccdbe4 1px solid;
	BORDER-LEFT: #ccdbe4 1px solid;
	LINE-HEIGHT: 22px;
	BORDER-BOTTOM: #ccdbe4 1px solid;
	HEIGHT: 25px;
	color: white;
	background: red;
}

footer li {
	line-height: 22px;
}

.menu-p dt {
	margin: 0;
	height: 40px;
	line-height: 15px;
}

.menu-p dd {
	margin: 0;
	height: 10px;
	line-height: 10px;
}

.s {
	margin: 0 auto;
	width: 170px;
	height: 100px;
}

/*EPC*/
.service li.e1 {
	background: url(../img/epc/epc_icon_1_0.jpg) no-repeat;
	background-position: top center;
}

.service li.e1:hover {
	background: url(../img/epc/epc_icon_1_1.jpg) no-repeat;
	background-position: top center;
}

.service li.e2 {
	background: url(../img/epc/epc_icon_2_0.jpg) no-repeat;
	background-position: top center;
}

.service li.e2:hover {
	background: url(../img/epc/epc_icon_2_1.jpg) no-repeat;
	background-position: top center;
}

.service li.e3 {
	background: url(../img/epc/epc_icon_3_0.jpg) no-repeat;
	background-position: top center;
}

.service li.e3:hover {
	background: url(../img/epc/epc_icon_3_1.jpg) no-repeat;
	background-position: top center;
}

.bg_epc_1 {
	background: url(../img/epc/epc_bg_01.jpg) no-repeat;
	background-position: top center;
	background-size: 100%;
}

.bg_epc_2 {
	background: url(../img/epc/epc_bg_02.jpg) no-repeat;
	background-position: top center;
	background-size: 100%;
}

.bg_epc_3 {
	background: url(../img/epc/epc_bg_03.jpg) no-repeat;
	background-position: top center;
	background-size: 100%;
}

.bg_epc_4 {
	background: url(../img/epc/epc_bg_04.jpg) no-repeat;
	background-position: top center;
	background-size: 100%;
}

.bg_epc_5 {
	background: url(../img/epc/epc_bg_05.jpg) no-repeat;
	background-position: top center;
	background-size: 100%;
}

/*share css*/
.shareInfo {
	float: left;
	clear: both;
	width: 100%
}

.shareInfo .shareCtrl {
	float: left;
	height: 20px;
	line-height: 20px;
	cursor: pointer
}

.shareInfo .shareCtrl .shareName {
	max-width: 96px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.shareInfo .shareCtrl a {
	font-family: verdana;
	text-decoration: none;
	display: block;
	min-width: 86px;
	_width: 90px;
	float: left;
	margin: 0 0 5px 0
}

.shareInfo .shareCtrl .shareLink {
	width: 120px
}

.shareInfo .shareMt a {
	min-width: 84px;
	_width: 84px;
	margin: 5px 0 5px 0
}

.shareInfo .sharePanel {
	width: 90%;
	height: auto
}

.shareInfo .shareNotTitlePanel {
	height: auto
}

.shareInfo .shareIcon {
	float: left;
	height: 20px;
	line-height: 20px;
	width: 20px;
	margin: 0 2px 0 2px;
	_margin: 0 1px 0 1px;
	cursor: pointer
}

.shareInfo .shareto {
	padding-left: 10px;
	cursor: default
}

.shareInfo .copy {
	background: url(../images/n_shareIcn.png?v=202104251101) -437px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -437px 0 no-repeat
}

.shareInfo .sina_weibo {
	background: url(../images/n_shareIcn.png?v=202104251101) -56px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -56px 0 no-repeat
}

.shareInfo .qq_weibo {
	background: url(../images/n_shareIcn.png?v=202104251101) -332px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -332px 0 no-repeat
}

.shareInfo .qq_zone {
	background: url(../images/n_shareIcn.png?v=202104251101) -387px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -387px 0 no-repeat
}

.shareInfo .qq_share {
	background: url(../images/n_shareIcn.png?v=202104251101) 0 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) 0 0 no-repeat
}

.shareInfo .kaixin001 {
	background: url(../images/n_shareIcn.png?v=202104251101) -140px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -140px 0 no-repeat
}

.shareInfo .renren {
	background: url(../images/n_shareIcn.png?v=202104251101) -84px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -84px 0 no-repeat
}

.shareInfo .douban {
	background: url(../images/n_shareIcn.png?v=202104251101) -253px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -253px 0 no-repeat
}

.shareInfo .baidu_hi {
	background: url(../images/n_shareIcn.png?v=202104251101) -360px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -360px 0 no-repeat
}

.shareInfo .baidu_tieba {
	background: url(../images/n_shareIcn.png?v=202104251101) -412px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -412px 0 no-repeat
}

.shareInfo .taojianghu {
	background: url(../images/n_shareIcn.png?v=202104251101) -112px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -112px 0 no-repeat
}

.shareInfo .sohu_weibo {
	background: url(../images/n_shareIcn.png?v=202104251101) -279px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -279px 0 no-repeat
}

.shareInfo .netease_weibo {
	background: url(../images/n_shareIcn.png?v=202104251101) -305px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -305px 0 no-repeat
}

.shareInfo .FaceBook {
	background: url(../images/n_shareIcn.png?v=202104251101) -168px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -168px 0 no-repeat
}

.shareInfo .Twitter {
	background: url(../images/n_shareIcn.png?v=202104251101) -196px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -196px 0 no-repeat
}

.shareInfo .LinkedIn {
	background: url(../images/n_shareIcn.png?v=202104251101) -224px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -224px 0 no-repeat
}

.shareInfo .Weixin {
	background: url(../images/n_shareIcn.png?v=202104251101) -29px 0 no-repeat;
	_background: url(../images/n_shareIcn.gif?v=202104251101) -29px 0 no-repeat
}

.productDetail .shareInfo .shareCtrl a,
.productDetail .shareInfo .shareto {
	font-size: 12px
}


/* 2023-4-1 新改版 */
.nav-menu li {
	font-weight: bold;
}

.index-product-div {
	background: #EAEBEE;
}

.product-bottom-bg {
	background: #1564DA;
	margin-right: -10px;
	margin-left: -10px;
}

.product-img-bg {
	background: #F5F5F7;
}

.index-case-bg {
	background: #EAEBEE;
}

#index-case .active {
	color: #1564DA;
}

.index-news-div {
	background: #EAEBEE;
}

.line-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.index-about-bg {
	background: url(/Template/default/images/index/about_bg_1.jpg) no-repeat center center / cover;
	color: #fff;
	background-size: cover;
}

#Back {
	z-index: 1000003;
	position: fixed;
	right: 0px;
	top: 299px;
	width: 60px;
	height: 61px;
	background: url(/Template/default/images/index/onlineB.png) no-repeat;
}

.mdj-bg-b {
	position: relative;
}

.mdj-bg-b-2 {
	position: absolute;
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.mdj-bg-b-3 {
	float: left;
	margin-top: -200px;
}

.mdj-bg-b-4 {
	float: left;
	margin-top: -100px;
}

.border-xm-left {
	border-left: solid 2px #999;
}

.border-xm-right {
	border-right: solid 2px #999;
}

#TechSel .active {
	background: red;
	color: #fff;
}

.table td {
	vertical-align: middle;
}

.li_left {
	background-color: #a9a9a9;
}

.hover-shadow {
	overflow: hidden;
	position: relative;
	top: 0;
	transition: all 0.2s linear;
}

.hover-shadow:hover {
	top: -4px;
	box-shadow: 0 15px 30px #e5e5e5;
}

.news-title-bg {
	background: #F1F1F1;
}

.about-li-bottom-bg {
	background: #E9EDF8;
}

.about-left-title {
	margin-top: -370px;
	padding-left: 50px;
}

.box-shadow-small-1 {
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
}

.fuwu-bg{
	background: #F0F7FF;
}

.bg_line {
	height: 21px;
	background-image: url(/Template/default/images/case/line.png);
	background-repeat: no-repeat;
	background-position: center;
}


.zhuzao-bg {
	background: url(/Template/default/images/zhuzao/baoshan.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}

.zhuzao-date {
	background-color: #f4f4f4;
	color: #555555;
	padding: 0.3em;
}

.zhuzao-date .d {
	background-color: #dcdcdc;
	font-weight: bold;
	line-height: 32px;
	margin: 0;
	padding: 0;
	font-size: 1.8286rem;
}

.zhuzao-date .m {
	background-color: #f4f4f4;
	font-size: 0.5rem;
	margin: 0;
	padding: 0;
}

@media (max-width:768px) {
	.border-xm-left {
		border-left: solid 0px #999;
	}

	.border-xm-right {
		border-right: solid 0px #999;
	}

	.about-left-title {
		margin-top: 0px;
		padding-left: 0px;
	}
}


.font-size30 {
	font-size: 30px;
}

.keypoint1 {
	padding: 50px;
}

.keypoint-zhuzao-1 {
	background: #EEF6FF;
	padding-bottom: 222px;
	font-size: 24px;
}

.keypoint-zhuzao-2 {
	background: #F1F2F4;
	padding-bottom: 174px;
	font-size: 24px;
}

.keypoint-zhuzao-3 {
	background: #EEF6FF;
	padding-bottom: 238px;
	font-size: 24px;
}

.keypoint-zhuzao-5 {
	background: #EEF6FF;
	padding-bottom: 190px;
	font-size: 24px;
}

.keypoint-zhuzao-6 {
	background: #F1F2F4;
	padding-bottom: 222px;
	font-size: 24px;
}

.title-top {
	padding-top: 6px;
}

.float-top-title {
	position: absolute;
	left: 0;
	right: 0;
	padding: 20px;
	font-size: 16px;
}

.float-top-title p {
	font-size: 28px;
}

.float-top-div {
	position: absolute;
	left: 0;
	right: 0;
	padding: 20px;
	font-size: 16px;
	color: #fff;
}

@media (max-width: 768px) {
	.font-size30 {
		font-size: 20px;
	}

	.keypoint-zhuzao-1 {
		padding: 10px;
		font-size: 20px;
	}

	.keypoint-zhuzao-2 {
		padding: 10px;
		font-size: 20px;
	}

	.keypoint-zhuzao-3 {
		padding: 10px;
		font-size: 20px;
	}

	.keypoint-zhuzao-5 {
		padding: 10px;
		font-size: 20px;
	}

	.keypoint-zhuzao-6 {
		padding: 10px;
		font-size: 20px;
	}

	.title-top {
		padding-top: 10px;
	}

	.flex-m {
		display: flex;
		flex-flow: column;
	}

	.order-1 {
		order: 2;
	}

	.order-2 {
		order: 1;
	}

	.float-top-div {
		position: unset;
		padding: unset;
		padding-right: 15px;
		padding-left: 15px;
		color: unset;
	}
}