@charset "utf-8";
/*
  strong
*/
body{ background:#f5f5f5; }

::selection{ background:#e00; color:#fff; text-shadow:none; }
*::-moz-selection{ background:#e00; color:#fff; text-shadow:none; }

.jp-more{ float:right; display:inline-block; background:url('../img/jpMore.gif') center right no-repeat; font-weight:bold; height:25px; line-height:25px; font-size:12px; }
.jp-more a{ padding-right:18px; }
h3 .jp-more{ margin-top:10px; margin-right:17px; }

.jp-wrap{ width:100%; overflow:hidden; }

.jp-header{ width:100%; position:relative; z-index:99; background:#fff; }
.jp-header .jp-top{ height:90px; overflow:hidden; }
.jp-header .jp-top .jp-logo{ width:380px; height:90px; }
.jp-header .jp-top .jp-logo a{ display:block; text-indent:-9999em; margin-top:20px; width:100%; height:46px; background:url('../img/logo.jpg') left top no-repeat; background-size:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.jpg', sizingMethod='scale');
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.jpg', sizingMethod='scale')"; }
.jp-header .jp-top .jp-phone{ height:58px; padding-top:32px }
.jp-phone .jp-telephone, .jp-phone .jp-customer{ display:inline-block; vertical-align:top; padding-left:42px; background:url('../img/call.gif') no-repeat; text-shadow:1px 1px 0px #fff; font-size:15px; color:#999; height:27px; line-height:27px; }
.jp-phone .jp-telephone{ background-position:left 3px; }
.jp-phone .jp-customer{ background-position:3px bottom; margin-left:10px; }

.jp-banner{ width:100%; background:#090d11 url('../img/bannerBg.jpg') center top no-repeat; height:100%; _height:354px; }

.jp-hotnews, .jp-content{ background:#fff; box-shadow:0px 1px 0px #f3f3f3; }
.jp-hotnews, .jp-content h3{ border-bottom:solid 1px #eee; height:46px; line-height:46px; overflow:hidden; }
.jp-hotnews{ overflow:hidden; }
.jp-hotnews h3{ font-size:16px; }

/*公告 */

/*.jp-hotnews .scrollNews{ height:46px; line-height:46px; overflow:hidden; margin-right:80px; }
.jp-hotnews .scrollNews li{ display:inline; padding-left:10px; line-height:46px; }
.jp-hotnews .scrollNews li img{ vertical-align:middle; margin-top:-2px; margin-right:5px; }*/

.jp-hotnews .scrollNews{ height:46px; margin-right:80px; overflow:hidden; }
.jp-hotnews .scrollNews li{ height:46px; line-height:46px; width:1110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jp-hotnews .scrollNews li a{ /*background-image:url("../img/hotNews.gif"); background-repeat:no-repeat; background-position:8px 4px;*/ display:inline-block; margin-left:15px; line-height:46px; height:46px; }

.jp-hotnews .scrollNews li a img{ vertical-align:middle; margin-top:-2px; margin-right:5px; }
.jp-hotnews .scrollNews li span{ display:inline-block; padding-left:10px; color:#999; font-family:Verdana; font-size:10px; }
.jp-hotnews .scrollBtn{ width:61px; height:26px; padding-top:10px; padding-bottom:10px; }
.jp-hotnews .scrollBtn .do{ background:url("../img/nano.gif") left top no-repeat; display:inline-block; height:26px; margin-right:-1px; position:relative; width:31px; z-index:1; }
.jp-hotnews .scrollBtn .uo{ background:url("../img/nano.gif") right top no-repeat; display:inline-block; height:26px; position:relative; width:31px; }
.jp-hotnews .scrollBtn .do:hover{ background:url("../img/nano.gif") left bottom no-repeat; z-index:2; }
.jp-hotnews .scrollBtn .uo:hover{ background:url("../img/nano.gif") right bottom no-repeat; z-index:2; }

.jp-content{ border-style:solid; border-color:#eee; border-width:0px 1px 1px 1px; border-radius:2px; overflow:hidden; clear:both; margin-top:10px; }
.jp-content h3{ text-indent:1em; }

/*公司动态&工作*/
.jp-content .jp-news{ width:25.2%; _width:240px; }
.jp-news .jp-newsList{ padding:5.7% 5% 5% 6%; _padding:15px; overflow:hidden; }
.jp-news .jp-newsList p{ display:block; width:100%; height:105px; overflow:hidden; }
.jp-news .jp-newsList p img{ _width:100%; }
.jp-news .jp-newsList li{ height:25px; line-height:25px; overflow:hidden; }
.jp-news .jp-newsList li b{ font-size:13px; }

.jp-content .jp-work{ width:74.6652811765670704%; _width:696px; _overflow:hidden; min-height:320px; border-left:solid 1px #eee; }
.jp-work .jp-workCon{ padding:2% 1.9%; _padding:2% 0 2% 1.9%; text-align:center; }
.jp-work .jp-workCon h4{ height:34px; line-height:34px; }

/*关于产品*/
.jp-content .jp-products{ padding:2% 2% 2% 3%; _padding:1% 0; overflow:hidden; }
.jp-content .jp-products ul{ list-style:none; background-image:url('../img/u.gif'); background-repeat:no-repeat; min-height:140px; margin:0 1.5%; width:31%; *width:29%; _width:27.5%; }
.jp-products ul li{ padding-right:30%; font-size:14px; height:24px; line-height:24px; overflow:hidden; }
.jp-products ul li a{ color:#666; }
.jp-products ul li a:hover{ color:#e00; }
.jp-products .jpPc{ background-position:right -730px; }
.jp-products .jpPhone8{ background-position:right -890px; border-left:solid 1px #eee; padding-left:2.5%; }
.jp-products .jpPhone16{ background-position:right -1180px; border-left:solid 1px #eee; padding-left:2.5%; }
.row-fluid .span3{ width:292px; }
/*.jp-products .jpPersonal{ background-position:right -1205px; border-left:solid 1px #eee; padding-left:2.5%; }*/

/*客户新闻,答疑，客服，友情链接*/
.jp-otherInfo{ width:100%; overflow:hidden; }
.jp-otherInfo ul{ list-style:none; }
.jp-otherInfo ul li span{ font-size:32px; width:10px; height:21px; line-height:15px; line-height:27px\9; _line-height:21px\9; _float:left; vertical-align:text-top; vertical-align:baseline \9;  padding-right:4px; color:#2377e4; display:inline-block; }
.jp-otherInfo .customerNews, .jp-otherInfo .questions, .jp-otherInfo .onlineService, .jp-otherInfo .links{ margin:0; width:25%; *width:24.9%; *height:274px; min-height:274px; }
.jp-otherInfo .customerNews{ }
.jp-otherInfo .questions{ border-left:solid 1px #eee; *margin-left:-1px; }
.jp-otherInfo .onlineService{ border-left:solid 1px #eee; *margin-left:-1px; }
.jp-otherInfo .links{ border-left:solid 1px #eee; *margin-left:-1px; }

.jp-otherInfo .customerNews ul, .jp-otherInfo .questions ul{ padding:3% 5%; _padding:1%; overflow:hidden; }
.jp-otherInfo .customerNews ul li{ height:26px; line-height:26px; overflow:hidden; }

.jp-otherInfo .questions ul li{ height:26px; line-height:26px; overflow:hidden; }
.jp-otherInfo .questions .input-append{ margin:0 auto 10px auto; _margin-bottom:0px; padding:5% 0 0 5%; display:block; }
.jp-otherInfo .questions .input-append form{ margin-bottom:0px; }
.jp-otherInfo .questions .input-append .span2{ width:58%; padding:0\9; line-height:29px\9; }
.jp-otherInfo .questions ul{ padding-top:0%; padding-bottom:5%; _padding-bottom:1%; }

.onlineService .serviceCon{ padding:5%; _padding:1%; }
.onlineService .serviceCon .servicePic{ background:url('../img/serviceBg.jpg') left top no-repeat; background-size:100% auto; padding-right:13px; text-align:right; height:98px; }
.onlineService .serviceCon .servicePic h5{ color:#3e87e6; padding-top:9%; padding-bottom:4px; }
.onlineService .serviceCon ul{ padding-top:2%; padding-bottom:3.3333333%; overflow:hidden; }
.onlineService .serviceCon ul li{ padding-top:4%; _padding-top:0px; _height:22px; text-align:center; float:left; width:33%; font-size:12px; }

.jp-otherInfo .links ul{ padding:1.82% 6% 4% 6%; padding:1% 3% 0 3% \9; _padding:1%; }
.jp-otherInfo .links ul li{ margin-top:3%; _margin-top:1%; }
.jp-otherInfo .links ul li img{ width:100%; }

.jp-footer{ border-top:solid 1px #eee; box-shadow:0px -1px 2px #f3f3f3; font-size:12px; background:#fff; margin-top:12px; padding-top:15px; }
.jp-footer address{ color:#666; }
.jp-footer address.span4 a{ color:#666; }
.jp-footer address.span4 a:hover{ color:#e00; }

/*子页*/
.list-banner{ overflow:hidden; text-align:center; width:100%; height:205px; background-size:cover; }
/*二级导航*/
.sub-narbar li{ list-style:none; height:46px; line-height:46px; overflow:hidden; width:25%; float:left; text-align:center; border-right:1px solid #eee; font-size:14px; }
.sub-narbar li a{ display:block; text-decoration:none; color:#999; }
.sub-narbar li a:hover{ background:#f5f5f5; color:#000; }
.sub-narbar li.active a{ background:#ffd700; color:#000; }
.sub-narbar li.active a:hover{ background:#ffd700; color:#000; }

/*产品导航*/
.productname{ width:20%; overflow:hidden; position:relative; }
.productname ul{ padding:8px 0; }
.productname ul li{ width:100%; text-indent:1.5em; overflow:hidden; height:32px; line-height:32px; list-style:none; }
.productname ul li a{ display:block; text-decoration:none; color:#666; }
.productname ul li a:hover{ background:#eee; color:#000; }
.productname ul li.active a, .productname ul li.active a:hover{ background:#e00; color:#fff; }

.productinfo{ width:79.8651825189%; border-left:solid 1px #eee; }
.productinfo .backList{ margin-top:8px; margin-right:8px; text-indent:0; }

/**/
/*returnTop*/
p#back-to-top{ position:fixed; display:none; bottom:50px; right:0px; }
p#back-to-top a{ text-align:center; text-decoration:none; color:#666; display:block; width:50px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; }
p#back-to-top a:hover{ color:#333; }
p#back-to-top a span{ background:transparent url('../img/icon-uptop.png') no-repeat; border-radius:5px; display:block; height:50px; width:50px; margin-bottom:5px; /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; }
#back-to-top a:hover span{ background:transparent url('../img/icon-uptop.png') no-repeat; }

/*在线反馈*/
.feedback{ padding-top:40px; padding-bottom:30px; }

@media (min-width:1200px) {
	.jp-header .jp-top .jp-logo{ width:402px; }
	.jp-header .jp-top .jp-logo a{ height:46px; }
	.jp-phone .jp-telephone, .jp-phone .jp-customer{ font-size:18px; }
	.jp-products ul li{ height:28px; line-height:28px; }
	.jp-products .jpPc{ background-position:right 50px; }
	.jp-products .jpPhone8{ background-position:right -150px; }
	.jp-products .jpPhone16{ background-position:right -515px; }
	.jp-products ul li{ font-size:15px; }
	.jp-otherInfo .questions .input-append .span2{ width:66%; }
	.onlineService .serviceCon .servicePic{ height:138px; }
	.onlineService .serviceCon ul li{ width:33.33333333333%; }
}
@media (max-width:979px){
	.jp-banner .container{ width:100%; }
	.jp-otherInfo .links{ display:none; }
}
@media (min-width:768px) and (max-width:979px) {
	.jp-header .jp-top{ height:80px; }
	.jp-header .jp-top .jp-logo{ width:320px; }
	.jp-header .jp-top .jp-phone{ padding-top:14px; }	
	.jp-phone .jp-telephone, .jp-phone .jp-customer{ margin:0px; font-size:14px; display:block; background-size:auto 58px; height:22px; line-height:22px; }
	.jp-phone .jp-customer{ margin-top:6px; }
	.jp-content .jp-products ul{ min-height:100px; }
	.jp-products ul li{ font-size:12px; height:20px; line-height:20px; }
	.jp-products .jpPc{ background-position:right -1360px; }
	.jp-products .jpPhone8{ background-position:right -1485px; }
	.jp-products .jpPhone16{ background-position:right -1713px; }
	.jp-otherInfo .questions .input-append .span2{ width:48%; }
}
@media (max-width:767px) {
	.jp-header .jp-top{ height:60px; }
	.jp-header .jp-top .jp-logo{ width:260px; }
	.jp-header .jp-top .jp-logo a{ margin-top:12px; }
	.jp-header .jp-top .jp-phone{ padding-top:8px; }
	.jp-phone .jp-telephone, .jp-phone .jp-customer{ margin:0px; font-size:12px; display:block; background-size:auto 50px; height:20px; line-height:20px; padding-left:30px; }
	
	.jp-content .jp-news{ width:100%; }
	.jp-news .jp-newsList{ padding:1.5%; }
	.jp-content .jp-work{ width:100%; border-left:none; border-top:solid 1px #eee; min-height:10px; height:auto; }
		.jp-work .jp-workCon .span4{ width:33.3333333%; padding:1% 1% 0; float:left; }
		.jp-work .jp-workCon h4{ /*padding-bottom:10px;*/ }
		.jp-work .jp-workCon .jp-more{ display:none; }
		
	.jp-content .jp-products ul{ width:100%; border-left:none; margin:0px; padding:5px 0; border-bottom:solid 1px #eee; }
	.jp-content .jp-products ul:first-child{ padding-top:0px; }
	.jp-content .jp-products ul:last-child{ border-bottom:none; }
	.jp-content .jp-products .jpPhone8{ background-position:right -884px; }
	.jp-content .jp-products .jpPhone{ border-top:dashed 1px #eee; margin-top:10px; padding-top:10px; border-bottom:dashed 1px #eee; margin-bottom:10px; padding-bottom:10px; }
	
	.jp-otherInfo .customerNews, .jp-otherInfo .questions, .jp-otherInfo .onlineService, .jp-otherInfo .links{ width:100%; }
	.jp-otherInfo .customerNews ul{ padding:2%; }
	.jp-otherInfo .questions, .jp-otherInfo .onlineService, .jp-otherInfo .links{ border-top:solid 1px #eee; }
	.jp-otherInfo .questions .input-append{ padding:2% 0 0 2%; }
	.jp-otherInfo .questions .input-append .span2{ }
	.jp-otherInfo .questions ul{ padding:0 2% 2%; }
	
	.onlineService .serviceCon{ padding:2%; }
	.onlineService .serviceCon .servicePic{ width:250px; height:123px; }	
	
	.jp-otherInfo .links ul{ padding:0 3% 3%; }
	.jp-otherInfo .links ul li img{ height:46px; width:auto; }
	
	.jp-footer address.span4{ display:none; }
	
	/*子页*/
	.list-banner img{ height:110px; max-width:none; }
	/*二级导航*/
	.jp-hotnews{ height:auto; }
	.sub-narbar li{ width:100%; }
	
	/*产品导航*/
	.productname{ display:none; }
	.productinfo{ width:100%; border-left:none; }

	
}
@media (max-width:590px) {
	/*子页banner*/
	.list-banner img{ height:110px; max-width:none; margin-left:-20%; }
}

/*bsie*/
*html .jp-hotnews .container{ overflow:hidden; }
*html .jp-work .jp-workCon .row-fluid .span4 img, *html .onlineService .serviceCon ul li img{ width:100%; }
*html .row-fluid .span3, *html .row-fluid .span4, *html .jp-footer .row-fluid .span8{ display:block; float:left; }
.row-fluid .span3{ _width:234px; }
*row-fluid .span4{_width:214px; margin-right:10px; }
*html .jp-otherInfo .questions .input-append from{ margin:0px; }
*html .jp-footer .row-fluid .span4{ width:32%; }


#ie6-warning{ height:30px; line-height:30px; margin:0 auto; width:1020px; padding-top:8px;}
#ie6-warning a{ color:#F00;}
#ie6-warning span{ margin-left:12px;}