/*body,td,th,input,textarea,select{font-family:'Microsoft YaHei', Arial, Tahoma; font-size:12px; color:#777177; outline:none;}*/
/*html,body{min-width:1160px;}*/
/*html,body,form{margin:0;}*/
/*img{border:0px none; vertical-align:middle; outline:none;}*/
/*ul,dl{display:block; margin:0; padding:0;}*/
/*dd{margin:0; padding:0;}*/
/*li{list-style:none;}*/
/*p{display:block; margin:0; padding:0;}*/
/*a{text-decoration:none; color:#777177; outline:none;}*/
/*a:hover{color:#ec0000;}*/
/*.wrap{width:1200px; margin:auto;}*/
/*.wrap:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}*/
/*.searHeight{font-style:normal; color:#ec0000;}*/
/*.white{color:#fff !important;}*/
/*.light{font-family:'Microsoft YaHei Light','Microsoft YaHei';}*/
/*.clear{display:block; margin:0; padding:0; clear:both; float:none;}*/
/*.red{color:#c70a19;}*/
/*h1{display:block; font-size:26px !important; font-weight:normal; padding:0; margin:0; color:#464646;}*/

#head {
	background: #fff;
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	transition: height .25s;
	min-width: 1200px;
}

#head .logo {
	width: 244px;
	height: 100%;
	line-height: 80px;
	text-align: center;
	/*margin:auto; */
	margin-left: 150px;
	transition: line-height .3s;
	display: flex;
	justify-content: center;
	align-items: center;

}

#head .logo a {
	display: flex;
}

#head .logo img {
	width: auto;
	height: 46px;
	transition: all .3s;
}

#head.small {
	height: 60px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, .12);
}

#head.small .logo {
	line-height: 60px;
}

#head.small .logo img {
	height: 38px;
}

#menu {
	width: 833px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 462px;
}

#menu>li {
	float: left;
	height: 100%;
	position: relative;
}

#menu>li>a {
	display: block;
	height: 100%;
	line-height: 80px;
	font-size: 18px;
	color: #333;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
	transition: all .15s;
	z-index: 1;
}

#menu>li>a:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 4px;
	background: #ec0000;
	left: 0;
	bottom: -4px;
	transition: all .15s;
}

#menu>li.A>a {
	color: #ec0000;
}

#menu>li.A>a:after {
	bottom: 0;
}

#menu>li>div {
	position: absolute;
	left: 0;
	top: 80px;
	background: #fff;
	display: none;
	width: 100%;
	transition: top .25s;
}

#menu>li.product>div {
	width: 1602px;
	left: -100px;
}

#menu>li>div:after {
	display: block;
	content: "";
	clear: both;
}

#menu>li>div dl {
	width: 266px;
	float: left;
	border-right: 1px dashed #999;
}

#menu>li>div dl:nth-last-of-type(1) {
	border-right: 0px none;
}

#menu>li>div dt {
	margin-bottom: 12px;
}

#menu>li>div dt>a {
	width: 267px;
	box-sizing: border-box;
	display: block;
	background: #d60000;
	color: #fff;
	height: 42px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	padding: 0 40px;
	transition: all .2s;
}

#menu>li>div dd {
	height: 52px;
	padding: 0 25px;
}

#menu>li>div dd>a {
	display: block;
	height: 52px;
	position: relative;
	padding-left: 65px;
	padding-right: 15px;
	transition: all .15s;
}

#menu>li>div dd>a>img {
	position: absolute;
	left: 15px;
	top: 5px;
	width: 40px;
	height: 40px;
	border: 1px solid #e6e6e6;
	transition: all .25s;
}

#menu>li>div dd>a>span {
	display: inline-block;
	vertical-align: middle;
}

#menu>li>div dd>a>i {
	height: 100%;
	vertical-align: middle;
	width: 0;
	display: inline-block;
}

#menu>li>div dd>a:hover {
	background: #eee;
	color: #ec0000;
}

#menu>li>div dl:hover {
	background: #f7f7f7;
}

#menu>li>div dl:hover dt>a {
	background: #ff0000;
}

#menu>li>div dd>a:hover>img {
	border: 1px solid #ccc;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);
}

#menu>li>div dl.solution {
	border-right: none;
}

#menu>li>div dl.solution dd>a {
	padding-left: 82px;
}

#menu>li>div dl.solution dd>a>img {
	width: 56px;
	height: 40px;
}



#menu>li>div.single {
	width: 150px;
}

#menu>li>div.single>a {
	display: block;
	width: 100%;
	border-bottom: 1px solid #eee;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	padding-left: 25px;
	box-sizing: border-box;
	transition: all .2s;
}

#menu>li>div.single>a:hover {
	background: #f5f5f5;
	color: #005bac;
}

#menu>li>div>p {
	clear: both;
	height: 0;
	font-size: 0;
}

#menu>li>div>div {
	height: 42px;
	background: #eee;
	padding-left: 25px;
}

#menu>li>div>div>a {
	line-height: 42px;
	height: 42px;
	font-size: 13px;
	color: #464646;
	background: url('http://jssb.cn/static/home/images/arr.png') no-repeat right 17px;
	display: inline-block;
	padding-right: 12px;
}

#menu>li>div>div>a:hover {
	color: #ec0000;
	background: url('http://jssb.cn/static/home/images/arr_a.png') no-repeat right 17px;
}

#head.small #menu>li>a {
	height: 60px;
	line-height: 60px;
}

#head.small #menu>li>div {
	top: 60px;
}

#head .right {
	display: flex;
	justify-content: center;
	width: 594px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 40px;
	text-align: right;
	line-height: 80px;
	transition: all .25s;
}

#head .right img {
	width: auto;
	height: 20px;
	margin: -2px 7px 0 0;
	vertical-align: text-bottom;
}

#head .right a {
	font-size: 16px;
	margin-left: 20px;
	color: #444;
}

#head .right a.search-btn img {
	height: 20px;
	margin-top: -3px;
}


#head #search-wrap {
	display: none;
	width: 300px;
	height: 32px;
	padding: 8px 0;
	border-top: 4px solid #005bac;
	background-color: #fff;
	box-shadow: 0px 5px 8px #005bac;
	position: absolute;
	right: -10px;
	top: 76px;
	z-index: 99;
}

#head.small #search-wrap {
	top: 56px;
}

#head #search-wrap input[type="text"] {
	outline: none;
	float: left;
	height: 32px;
	line-height: 32px;
	width: 80%;
	border: none;
	background-color: inherit;
	color: #666;
	font-size: 12px;
	text-indent: 10px;
	overflow: hidden;
}

#head #search-wrap input::-webkit-input-placeholder {
	color: #666;
}

#head #search-wrap button {
	float: right;
	width: 20%;
	height: 32px;
	border: none;
	background-color: inherit;
	color: #fff;
	cursor: pointer;
}



@media (max-width:1439px) {
	#menu {
		widht: 500px;
		left: 10px;
	}

	#menu>li>a {
		font-size: 15px;
		padding: 0 10px;
	}

	#menu>li>div dt>a {
		padding: 0 35px;
	}

	#menu>li>div dd {
		padding: 0 20px;
	}

	#menu>li>div>div {
		padding-left: 20px;
	}

	#head .right {
		width: 400px;
		right: 20px;
	}

	#head .right a {
		margin-left: 15px;
		font-size: 12px;
	}

	#menu>li>div.single>a {
		padding-left: 20px;
	}

	#menu>li.product>div {
		width: 980px;
	}

	#menu>li.product>div>dl {
		width: 244px;
	}

	#menu>li.product>div dt>a {
		width: 245px;
		padding: 0 20px;
	}

	#menu>li.product>div dd {
		height: 52px;
		padding: 0 0px;
	}
}

.span {
	color: #187ebc;
	/* font-weight: 900; */
	font-weight: bold;
	font-size: 16px;
}


.span4 {
	width: 22px;
}

@media only screen and (max-width:1844px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 20px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 334px;
	}


}



@media only screen and (max-width:1824px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 20px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 334px;
	}


	#menu>li>a {
		display: block;
		height: 100%;
		line-height: 80px;
		font-size: 16px;
		color: #333;
		padding: 0 20px;
		position: relative;
		overflow: hidden;
		transition: all .15s;
		z-index: 1;
	}


}


@media only screen and (max-width:1788px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 16px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 334px;
	}


	#menu>li>a {
		display: block;
		height: 100%;
		line-height: 80px;
		font-size: 16px;
		color: #333;
		padding: 0 20px;
		position: relative;
		overflow: hidden;
		transition: all .15s;
		z-index: 1;
	}

	#head .right {
		display: flex;
		justify-content: center;
		width: 691px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -6px;
		text-align: right;
		line-height: 80px;
		transition: all .25s;
	}

}



@media only screen and (max-width:1739px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 16px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 334px;
	}


	#menu>li>a {
		display: block;
		height: 100%;
		line-height: 80px;
		font-size: 15px;
		color: #333;
		padding: 0 20px;
		position: relative;
		overflow: hidden;
		transition: all .15s;
		z-index: 1;
	}

	#head .right {
		display: flex;
		justify-content: center;
		width: 691px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -6px;
		text-align: right;
		line-height: 80px;
		transition: all .25s;
	}

}

@media only screen and (max-width:1701px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 14px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 334px;
	}


	#menu>li>a {
		display: block;
		height: 100%;
		line-height: 80px;
		font-size: 15px;
		color: #333;
		padding: 0 20px;
		position: relative;
		overflow: hidden;
		transition: all .15s;
		z-index: 1;
	}

	#head .right {
		display: flex;
		justify-content: center;
		width: 691px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -58px;
		text-align: right;
		line-height: 80px;
		transition: all .25s;
	}

}




@media only screen and (max-width:1633px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 14px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 269px;
	}


	#menu>li>a {
		display: block;
		height: 100%;
		line-height: 80px;
		font-size: 15px;
		color: #333;
		padding: 0 20px;
		position: relative;
		overflow: hidden;
		transition: all .15s;
		z-index: 1;
	}

	#head .right {
		display: flex;
		justify-content: center;
		width: 691px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -44px;
		text-align: right;
		line-height: 80px;
		transition: all .25s;
	}

	#head .logo {
		width: 244px;
		height: 100%;
		line-height: 80px;
		text-align: center;
		/*margin:auto; */
		margin-left: 18px;
		transition: line-height .3s;
		display: flex;
		justify-content: center;
		align-items: center;

	}



}


@media only screen and (max-width:1577px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 11px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 269px;
	}


	#menu>li>a {
		display: block;
		height: 100%;
		line-height: 80px;
		font-size: 11px;
		color: #333;
		padding: 0 20px;
		position: relative;
		overflow: hidden;
		transition: all .15s;
		z-index: 1;
	}

	#head .right {
		display: flex;
		justify-content: center;
		width: 691px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -44px;
		text-align: right;
		line-height: 80px;
		transition: all .25s;
	}

	#head .logo {
		width: 244px;
		height: 100%;
		line-height: 80px;
		text-align: center;
		/*margin:auto; */
		margin-left: 18px;
		transition: line-height .3s;
		display: flex;
		justify-content: center;
		align-items: center;

	}



}



@media only screen and (max-width:1471px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 11px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 218px;
	}


	#menu>li>a {
		display: block;
		height: 100%;
		line-height: 80px;
		font-size: 11px;
		color: #333;
		padding: 0 20px;
		position: relative;
		overflow: hidden;
		transition: all .15s;
		z-index: 1;
	}

	#head .right {
		display: flex;
		justify-content: center;
		width: 691px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -67px;
		text-align: right;
		line-height: 80px;
		transition: all .25s;
	}

	#head .logo {
		width: 244px;
		height: 100%;
		line-height: 80px;
		text-align: center;
		/*margin:auto; */
		margin-left: -8px;
		transition: line-height .3s;
		display: flex;
		justify-content: center;
		align-items: center;

	}



}


@media only screen and (max-width:1381px) {

	.span {
		color: #187ebc;
		/* font-weight: 900; */
		font-weight: bold;
		font-size: 11px;
	}


	.span4 {
		width: 22px;
	}

	#menu {
		width: 833px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 218px;
	}


	#menu>li>a {
		display: block;
		height: 100%;
		line-height: 80px;
		font-size: 11px;
		color: #333;
		padding: 0 20px;
		position: relative;
		overflow: hidden;
		transition: all .15s;
		z-index: 1;
	}

	#head .right {
		display: flex;
		justify-content: center;
		width: 691px;
		height: 100%;
		position: absolute;
		top: 0;
		right: -105px;
		text-align: right;
		line-height: 80px;
		transition: all .25s;
	}

	#head .logo {
		width: 244px;
		height: 100%;
		line-height: 80px;
		text-align: center;
		/*margin:auto; */
		margin-left: -8px;
		transition: line-height .3s;
		display: flex;
		justify-content: center;
		align-items: center;

	}



}








/*.pagebg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:98; background:rgba(0,0,0,.46); display:none;}*/

/*#banner{height:680px; background:#fff; overflow:hidden; margin-top:80px;}*/
/*.b-pager{width:1200px; margin:auto; height:30px; position:relative; z-index:9;}*/
/*.b-pager>div{position:absolute; top:-60px;}*/
/*.b-pager a{width:40px; height:6px; display:inline-block; background:#fff;	margin:0 6px; font-size:0; transition:all ease 0.35s;}*/
/*.b-pager a:hover{background:rgba(255,255,255,.7);}*/
/*.b-pager a.activeSlide,.b-pager a.activeSlide{background:#d60000;}*/

/*#m1{margin-top:65px;}*/
/*#m1 .title .en>img{height:32px; width:auto;}*/
/*.m1-c{width:603px; float:left; height:250px;}*/
/*.m1-r{width:330px; height:250px; float:right; background:#eee;}*/

/*.m1-c>p{font-size:13px; line-height:200%; margin-bottom:16px;}*/
/*.m1-c .more{display:block; width:120px; height:33px; line-height:33px; text-align:center; font-size:13px; border:1px solid #999; border-radius:3px; margin-top:18px; transition:all .1s;}*/
/*.m1-c .more:hover{color:#ec0000; border:1px solid #ec0000;}*/

/*.wrap>.title{width:225px; float:left;}*/
/*.wrap>.title>.en{font-size:26px; color:#333;}*/
/*.wrap>.title>.cn{font-size:20px; color:#333; font-family:'Microsoft YaHei Light'; position:relative; margin:80px 0 0 0;}*/
/*.wrap>.title>.cn:before{content:''; display:block; position:absolute; left:0; top:-41px; height:2px; background:#ec0000; width:38px;}*/

/*#m2{margin-top:62px; background:url('img/m3.jpg') no-repeat center center;}*/
/*#m2>.wrap{padding:60px 0;}*/

/*.m2-r{width:975px; float:right;}*/
/*.m2-r div{width:100%; height:400px;}*/
/*.m2-r .img{width:486px; height:100%; float:left;}*/
/*.m2-r .img>a{display:block; width:100%; height:100%;}*/
/*.m2-r .img>a>img{width:100%; height:100%;}*/
/*.m2-r .con{width:489px; height:100%; background:#fff; float:right;}*/
/*.m2-r .con span{display:block;}*/
/*.m2-r .con .tit{display:block; font-size:20px; color:#333; font-weight:bold; padding:70px 0 0 50px;}*/
/*.m2-r .con .tit:hover{color:#d60000;}*/
/*.m2-r .con span.txt{line-height:200%; padding:20px 50px 0 50px; color:#888;}*/
/*.m2-r .con .more{display:block; border:1px solid #999; width:100px; height:32px; border-radius:3px; text-align:center; line-height:32px; background:#fff; margin:25px 0 0 50px; transition:all .2s;}*/
/*.m2-r .con .more:hover{color:#ec0000; border:1px solid #ec0000;}*/

/*.m2-pager,.m3-pager{text-align:center; padding:16px 0 0 225px;}*/
/*.m2-pager a,.m3-pager a{width:12px;	height:12px; display:inline-block; background:#E6E6E6;	border-radius:100%;	margin:0 5px; font-size:0; transition:all ease 0.35s;}*/
/*.m2-pager a:hover,.m3-pager a:hover{background:#ccc;}*/
/*.m2-pager a.activeSlide,.m3-pager a.activeSlide{background:#d60000;}*/

/*#m4{height:480px; background:url('img/m4.jpg') no-repeat center center;}*/
/*#m4 .wrap{padding-top:80px;}*/
/*#m4 .wrap>.title>p{color:#fff;}*/
/*#m4 .wrap>.title>.cn:before{background:#fff;}*/

/*.m4-r{width:975px; float:right;}*/
/*.m4-r ul{width:1020px;}*/
/*.m4-r ul li{width:295px; height:120px; float:left; margin-right:45px; margin-bottom:45px;}*/
/*.m4-r ul li>a{display:block; width:100%; height:100%; border-bottom:1px solid rgba(255,255,255,.3); transition:all .35s; box-sizing:border-box;}*/
/*.m4-r ul li>a>.left{width:60px; height:80px; float:left;}*/
/*.m4-r ul li>a>.left>img{width:60px; height:auto;}*/
/*.m4-r ul li>a>.right{width:220px; height:100px; float:right;}*/
/*.m4-r ul li>a>.right>.tit{color:#fff; font-size:20px; font-weight:bold; transition:all .2s;}*/
/*.m4-r ul li>a>.right>.txt{color:rgba(255,255,255,.7); padding:10px 0 0 0; line-height:180%; transition:all .2s;}*/
/*.m4-r ul li>a:hover{border-bottom:1px solid #fff; padding-top:8px;}*/
/*.m4-r ul li>a:hover .tit{color:#e60000;}*/
/*.m4-r ul li>a:hover .txt{color:#fff;}*/

/*#m5{height:400px; padding:70px 0;}*/
/*.m5-r{width:975px; float:right;}*/
/*.m5-r ul{width:1020px;}*/
/*.m5-r ul li{width:295px; height:400px; float:left; margin-right:45px; margin-bottom:45px;}*/
/*.m5-r ul li>a{display:block; width:100%; height:100%; box-sizing:border-box;}*/
/*.m5-r ul li>a .img{width:295px; height:200px; overflow:hidden;}*/
/*.m5-r ul li>a .img>img{width:100%; height:auto; transition:all .35s;}*/
/*.m5-r ul li>a .tit{font-size:17px; font-family:'Microsoft YaHei Light'; color:#d60000; padding:30px 0 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/
/*.m5-r ul li>a .txt{color:#888; line-height:200%; padding:10px 0 0 0;}*/
/*.m5-r ul li>a p{border:1px solid #999; width:90px; height:30px; line-height:30px; border-radius:3px; text-align:center; margin-top:45px; transition:all .2s; color:#464646;}*/
/*.m5-r ul li>a:hover p{border:1px solid #d60000; color:#d60000;}*/
/*.m5-r ul li>a:hover .img>img{width:110%; height:auto; margin:-10px 0 0 -10px;}*/

/*#btm{height:400px; background:#f5f5f5;}*/
/*#btm .wrap{padding:50px 0 0 0;}*/
/*#btm .left{width:225px; float:left; font-size:13px; color:#888;}*/
/*#btm .left>img{border-radius:10px; box-shadow:5px 5px 30px rgba(0,0,0,.07); display:block; margin-bottom:18px;}*/
/*#btm .left p{padding-left:16px;}*/

/*#btm .right{width:975px; float:right;}*/
/*#btm .right dl{width:125px; margin-right:40px; float:left;}*/
/*#btm .right dl:last-child{margin-right:0;}*/
/*#btm .right dl dt{margin-bottom:20px; padding-bottom:21px; border-bottom:1px solid #ddd;}*/
/*#btm .right dl dt a{font-size:16px; color:#464646;}*/
/*#btm .right dl dt a:hover{color:#ec0000;}*/
/*#btm .right dl dd a{font-size:13px; display:block; padding:6px 0;overflow: hidden;*/
/*text-overflow:ellipsis;*/
/*white-space: nowrap;}*/

/*#foot{height:60px; line-height:60px;}*/
/*#foot .right a{color:#ec0000;}*/
/*#foot .left{width:50%; float:left;}*/
/*#foot .right{width:50%; float:right; text-align:right;}*/