.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
}

.text-justify {
	text-align: justify;
	text-justify: inter-word;
}

.nav {
	padding-top: 8px
}

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

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

.mbt {
	margin-bottom: 15px;
}

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

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

#two-nav a:visited {
	color: #fff;
}

#two-nav a:hover {
	color: yellow;
}

#two-nav a:active {
	color: #fff;
}

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

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

@media(min-width:300px) {
	.newscon p img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto
	}
}

@media(min-width:760px) {
	.newscon p img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto
	}
}

@media(min-width:1000px) {
	.newscon p img {
		display: block;
		width: 80%;
		max-width: 80%;
		height: auto
	}
}

@media(min-width:1200px) {
	.newscon p img {
		display: block;
		max-width: 60%;
		height: auto
	}
}





.noSee {
	display: none;
}

.See {
	display: block;
}

#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;
}

@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: right
	}

	nav .nav-inline li a {
		padding: 5px 7px;
	}
}

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

	nav .nav-inline li a {
		padding: 5px 13px;
	}

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

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

	nav .nav-inline li a {
		padding: 5px 20px;
	}

	#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;
	}
}

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

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

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

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

.nav-menu li {
	font-weight: bold;
}

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: 28px 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: 18px;
	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 {
	max-width: 100%;
	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.5612em;
	padding: 0px 0px 22px;
	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
	}
}

#nP li div {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#nP 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(1, 1)
}

#nP a:hover img {
	-webkit-transform: scale(1, 1);
	transform: scale(1.1, 1.1)
}

.bg {
	background: #004ea1;
}

.bg_g {
	background: #f3f3f5
}

.bg_f {
	background: #f9f9f9
}

.bg_t1 {
	background: #004d9f;
}

.bg_r {
	background: #c59e17;
}

.bg_b {
	background: #005BAC;
}

.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;
}

/*页右边在线窗口*/
#zixun {
	z-index: 1000000;
	position: fixed;
	right: -105px;
	top: 355px;
	width: 165px;
	height: 61px;
	background: url(../images/onlineR.png) no-repeat;
	overflow: hidden;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	/* Firefox 4 */
	-webkit-transition: all .5s ease-in-out;
	/* Safari and Chrome */
	-o-transition: all .5s ease-in-out;
	/* Opera */
}

#zixun p {
	position: relative;
	font-family: microsoft yahei;
	float: right;
	width: 115px;
	height: 61px;
	line-height: 61px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

#zixun a {
	color: #fff;
}

#zixun:hover {
	right: 0px;
}

#Tel {
	z-index: 1000001;
	position: fixed;
	right: -165px;
	top: 416px;
	width: 225px;
	height: 61px;
	background: url(../images/onlineT.png) no-repeat;
	overflow: hidden;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	/* Firefox 4 */
	-webkit-transition: all .5s ease-in-out;
	/* Safari and Chrome */
	-o-transition: all .5s ease-in-out;
	/* Opera */
}

#Tel:hover {
	right: 0px;
}

#Ma {
	z-index: 1000002;
	position: fixed;
	right: 0px;
	top: 477px;
	width: 60px;
	height: 61px;
	background: url(../images/onlineM.png) no-repeat;
}

#Ma .MaP {
	position: fixed;
	opacity: 0;
	right: 0px;
	top: 477px;
	width: 192px;
	height: 134px;
	background: url(../images/weixin.png) no-repeat;
	overflow: hidden;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	/* Firefox 4 */
	-webkit-transition: all .5s ease-in-out;
	/* Safari and Chrome */
	-o-transition: all .5s ease-in-out;
	/* Opera */
}

#Ma .MaP:hover {
	opacity: 1;
	right: 0px;
	top: 477px;
}

/*抖音*/
#Douyin {
	z-index: 1000004;
	position: fixed;
	right: -165px;
	top: 538px;
	width: 225px;
	height: 61px;
	background: url(../images/o_douyin.png) no-repeat;
	overflow: hidden;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	/* Firefox 4 */
	-webkit-transition: all .5s ease-in-out;
	/* Safari and Chrome */
	-o-transition: all .5s ease-in-out;
	/* Opera */
}

#Douyin:hover {
	right: 0px;
}

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

/*页右边在线窗口*/


/* 新版添加 */
.font-size30 {
	font-size: 30px;
}

.index-jgzb-1 {
	margin-top: -170px;
}

.index-jgzb-2 {
	margin-top: -130px;
}

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

.h1,
h1 {
	font-size: 2.1rem;
}

h2,
h2 {
	font-size: 1.8rem;
}

.h3,
h3 {
	font-size: 1.6rem;
}

.h4,
h4 {
	font-size: 1.4rem;
}

.h5,
h5 {
	font-size: 1.25rem;
}

.h6,
h6 {
	font-size: 1rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: .5rem;
	line-height: 1.2;
}

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

.li_left {
	background-color: #a9a9a9;
}

.li_right {
	background-color: #ececec;
}

.table td {
	vertical-align: middle;
}

.white-li {
	background-color: white;
	border: solid 1px #ddd;
}

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

.mdj-bg-b-2 {
	position: absolute;
}

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

.case-nav-bg {
	background: rgb(206, 206, 208);
}
.case-nav {
	padding-bottom: 8px;
}
.case-nav-li-active {
	background: rgb(0, 91, 172);		
}

.case-nav-li-active>a {
	color: #fff;
}
p img {
	display: block;
	margin: 0 auto;
}
.contactus-bg {
	background: url(/Template/default/images/contactus/contactus-bg.jpg) no-repeat;
	background-size: cover;
}

.bg_gray {
	background: #ebebeb;
}

.product-center-bg-1 {
	background: url(/Template/default/images/product/product-center-bg-1.jpg) repeat-y;
	background-position: top center;
	background-size: 100% 100%;
}

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

.keypoint1 {
	padding: 50px;
}

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

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

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

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

.keypoint-zhuzao-6 {
	background: #F1F2F4;
	padding-bottom: 217px;
	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;
}

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

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

	h1,
	.h1 {
		font-size: calc(1.4rem + 1.5vw);
	}

	h2,
	.h2 {
		font-size: calc(1.3rem + 0.9vw);
	}

	h3,
	.h3 {
		font-size: calc(1.2rem + 0.6vw);
	}

	h4,
	.h4 {
		font-size: calc(1.1rem + 0.3vw);
	}

	h5,
	.h5 {
		font-size: calc(1rem + 0.1vw);
	}

	h6,
	.h6 {
		font-size: calc(0.875rem);
	}

	.text-large {
		font-size: 18px;
	}

	.index-jgzb-1 {
		margin-top: -45px;
	}

	.index-jgzb-2 {
		margin-top: -45px;
	}

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

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

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

	.mdj-bg-b-3 {
		float: right;
		margin-top: 0;
	}

	#LRdiv3{
		display: none !important;
	}

	.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;
	}

	
}