/* CSS Document */
.nbody {
	width: 100%;
	height: auto;
	background: url(../portal/ba.png) no-repeat center top
}

.n-mune {
	width: 97%;
	position: relative;
	margin-top: -11px;
	height: 40px;
	margin-left: 26px;
}

.n-mune ul li {
	margin-left: -26px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
	float: left;
	font-weight: bold;
	width: 138px;
	font-size:14px;
	cursor: pointer;
	
	background: url(../portal/mune.png) no-repeat center top;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear
}

.n-mune ul li.n-on,
.n-mune ul li:hover {
	background-position: 0 -50px
}

.n-mune ul li.n-on a,
.n-mune ul li:hover a {
	color: #fff;
	padding:12px 8px;
}

#n-mune {
	width: 142px;
	position: fixed;
	top: 0;
	right: -145px;
	z-index: 999
}

#n-mune ul li {
	cursor: pointer;
	margin-left: 0
}
.n-mune-y a{ padding-left:10px; line-height:40px;}
.fixed {
	position: fixed;
	top: 0;
	left:0;
	z-index:101;
}

.muneback {
	width: 100%;
	height: 46px;
	background:#F9F9F9;
	padding: 12px 0
}

.head-title {
	font-size: 18px;
	padding: 0 0 10px;
	color: #646464
}

.ys_content {
	margin-bottom: 23px
}

.pad {
	padding: 45px 20px 0;
	border: 1px solid #F9F9F9;
}

.about-1 .reamrk p,
.about-3 p,
.about-4 p,
.client p,
.contact p {
	line-height: 26px;
	font-size:14px;
}

.about-1 img {
	margin-right: 33px;
	float: left
}

.about-1 .reamrk h5 {
	padding: 18px 0 10px;
	font-size: 16px;
	color: #646464;
	font-weight: bold;
}

.about-1 .reamrk p {
	padding-bottom: 32px
}

.about-2 .yj {
	max-width: 640px;
	margin: 50px auto 0
}

.about-2 .yj li {
	width: 109px;
	margin-right: 68px;
	overflow: hidden;
	float: left;
	text-align: center;
	color: #646464
}

.about-2 .yj li img {
	width: 109px;
	height: 109px;
	margin-bottom: 17px
}

.about-2 .yj li:last-child {
	margin-right: 0
}

.about-2 p.remark {
	/*max-width: 987px;*/
	text-align: center;
	padding-bottom: 65px;
	font-size:14px;
}

.about-3 p {
	padding-bottom: 50px
}

.client ul.client-pic {
	width: 105%;
	margin-top: 30px
}

.client ul.client-pic li {
	position: relative;
	width: 200px;
	height: 120px;
	border: 1px solid #eaeaea;
	float: left;
	margin-right: 22px;
	margin-bottom: 18px;
	overflow: hidden
}

.client ul.client-pic li span {
	bottom: -45px;
	left: 0;
	position: absolute;
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: #81d8cf;
	
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.client ul.client-pic li:hover span {
	bottom: 0
}

.contact .head-title {
	color: #81d8cf
}

ul.form-ly li {
	height: 40px;
	line-height: 40px;
	float: left;
	margin-bottom: 23px
}

ul.form-ly li label {
	text-align: right;
	width: 95px
}

ul.form-ly li input[type=text] {
	width: 308px;
	padding-left: 5px;
	border: 1px solid #eee
}

ul.form-ly li:first-child {
	margin-top: 13px;
	width: 100%
}

ul.form-ly li.text {
	height: 100px;
	width: 100%
}

ul.form-ly li textarea {
	outline: 0;
	line-height: 22px;
	resize: none;
	width: 88%;
	border: 1px solid #eee;
	height: 100px
}

ul.form-ly li input[type=submit] {
	width: 153px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #81d8cf;
	color: #fff;
	font-size: 14px;
	margin-top: 20px
}

ul.form-ly li input:focus,
ul.form-ly li textarea:focus {
	border-color: #81d8cf
}

ul.contactus li {
	height: 46px;
	line-height: 46px;
	float: left;
	border: 1px dashed #d9d9d9;
	border-width: 1px 0;
	font-size:14px;
}

ul.contactus li:nth-of-type(odd) {
	width: 21%
}

ul.contactus li:nth-of-type(even) {
	width: 79%
}

ul.contactus li:nth-of-type(3),
ul.contactus li:nth-of-type(4) {
	border-top: none
}

.j_form_tips {
	float: right;
	margin-top: 20px
}

.padnews {
	padding-top: 0
}

.news-list ul li {
	height: 178px;
	border: 1px solid #EEEEEE;
	padding: 19px 20px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}

.news-list ul li img {
	float: left;
	width: 220px;
	height: 140px;
	margin-right: 17px
}

.news-list ul li h3 {
	margin-top: 5px
}

.news-list ul li h3 a {
	font-weight: 700;
	font-size: 16px;
	color: #46474c
}

.news-list ul li span {
	display: block;
	color: #6f6f6f;
	padding-bottom: 10px
}

.news-list ul li p {
	line-height: 18px;
	color:#646464;
	font-size:14px;
	font-weight:normal;
	margin:0 0 10px;
}

.news-list ul li a.more {
	width: 75px;
	float: left;
	display: block;
	
}

.news-list i.dashed {
	display: block;
	border-top: 1px dashed #d9d9d9;
	margin: 32px auto
}

.news-list i.dashed:last-child {
	border-top: none
}

.news-list ul li:hover {
	background: #81d8cf
}

.news-list ul li:hover a,
.news-list ul li:hover p,
.news-list ul li:hover span {
	color: #fff
}

.news-list ul li:hover a.more {
	background-position: 60px -11px
}

.news-show h1 {
	font-size: 18px;
	color: #46474c;
	text-align: center;
	font-weight: bold;
}

.news-show span.source {
	display: block;
	color: #6f6f6f;
	text-align: center;
	margin-bottom: 32px
}

.news-show .detail {
	padding: 26px 0 52px;
	border: 1px dashed #d9d9d9;
	border-width: 1px 0;
	line-height: 24px;
	color: #6f6f6f;
	font-size:14px;
}
.view_bm{ margin:0 15px;}
.vw .o{ border-color:#EEE;}
.view_bm_h  h3{ color:#999; }
#comment.bm{ border:none;}
#comment .bm_h{ background:none;}
.prev-next {
	margin-top: 50px;
	text-align: center;
	margin-bottom: 55px;
	color: #6f6f6f
}

.prev-next a.next_a,
.prev-next a.pre_a {
	color: #6f6f6f;
	margin-right: 30px;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
	font-size:14px;
}

.prev-next a:hover {
	color: #81d8cf
}

.prev-next span.next,
.prev-next span.pre {
	margin-right: 30px
}

.product img {
	margin-right: 25px
}

.product img.pic {
	margin-left: 25px;
	margin-right: 0
}

.product .pro-intro {
	width: 49%
}

.product .pro-intro h5 {
	padding-top: 40px;
	font-size: 30px;
	color: #46474c
}

.product .pro-intro span {
	display: block;
	padding: 5px 0 10px;
	font-size: 16px;
	color: #646464;
	font-weight: bold;
}

.product .pro-intro p {
	color: #646464;
	line-height: 26px;
	font-size:14px;
}

@media (max-width:1200px) {
	.product img {
		width: 50%
	}
	.product .pro-intro {
		width: 47%
	}
}
.otherscat li{ float:left; margin-right:10px; height:33px;line-height:33px;font-size:14px;color:#81D8CF;}
.otherscat li a{ line-height:33px; padding:5px 0; font-size:14px; color:#999;}
.otherscat li a:hover{ color:#000;}
.pg{ float:left;}