/* ==========================================================================
   ========================================================================== */

html, button, input, select, textarea {
	color: #444;
}
body {
	font-size: 12px;
	font-family: "Microsoft YaHei",Arial,Helvetica, sans-serif;
	line-height: 22px;
}
a {
	color: #444;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#eb6100;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
	border: 0
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
ul.list-none {
	margin: 0;
	padding: 0;
	list-style: none
}
.wrap {
	width: 1100px;
	margin: 0 auto;
}
h1, h2, h3, h4, .h5 {
	font-family: "Microsoft YaHei";
	font-weight: normal;
	color: #444
}
.fl-left { float:left}
.fl-right { float:right}
p { margin:0 0 2em 0}

.red { color:#eb6100; font-weight:bold}
.clearfix { clear:both}

/* ==========================================================================
  头部 styles
   ========================================================================== */
header {}
header .logo { float:left;margin-top:3px}
header nav { float:right;}
header .hotline { text-align:right; padding-top:5px; font-size:14px;}
header .hotline span { color:#eb6100; font-size:18px; font-weight:bold;}
header .hotline .text { width:200px}
header .nav {height:40px; margin-top:15px}
header .nav li { float:left; display:block;}
header .nav li a { display:block; padding:0 15px; font-size:14px; color:#444;line-height:34px; margin-left:10px}
header .nav li a:hover {background-color:#eb6100; color:#fff;}
header .nav li.current a{ background-color:#eb6100; color:#fff;}



/* 广告位 */
.banner {center; height:500px}

.index_focus{position:relative;width:100%;height:500px;margin:0 auto;overflow:hidden;}
.index_focus ul li{display:none;position:absolute;left:0;top:0;width:100%; height:500px}
.index_focus_post{z-index:10;}
.index_focus .pic{height:auto;}
.index_focus .pic:hover{text-decoration:none;}
.index_focus .slide_nav{position:absolute;right:10px;bottom:4%;}
.index_focus .slide_nav a{cursor:pointer;float:left;font-family:arial;padding:5px 10px; background-color:#444; margin-right:1px}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{filter:alpha(opacity=80);opacity:0.8;}
.index_focus_pre,.index_focus_next{display:none;position:absolute;top:50%;margin-top:-36px;width:72px;height:72px;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:10;background:url(/images/ico_sliding.png) no-repeat;}

.index_focus_pre{left:5px;background-position:0 0;}
.index_focus_pre:hover{background-position:0 -144px;}
.index_focus_next{right:5px;background-position:0 -72px;}
.index_focus_next:hover{background-position:0 -216px;}

/* ==========================================================================
  首页
   ========================================================================== */
h2 { color:#eb6100; font-size:30px; font-weight:bolder; text-align:center; margin:0; line-height:40px} 
h4 { color:#666666; font-size:20px; margin:0;line-height:40px} 
h4 span { font-size:24px;}
.wrap1200 { width:1200px; margin:0 auto}
.index-product { margin-top:60px}
.index-product h4 { text-align:center} 
.index-product ul { margin-top:30px; margin-left:20px}
.index-product ul li { float:left; width:350px; margin-right:25px}
.index-product ul li img { border:1px solid #cccccc; border-bottom:0px; width:348px; height:260px}
.index-product ul li a { color:#FFF}
.index-product ul li div { background-color:#f60; padding:20px; height:80px; position:relative; color:#FFF}
.index-product ul li .title { font-size:16px; font-weight:bold; display:block; margin-bottom:10px}
.index-product ul li a:hover div { background:url(../images/index-product-bg.jpg) right; color:#FFF}
.index-product .left1 img,.index-product .right1 img{ cursor:pointer; margin-top:190px}


.index-p3 { background:url(../images/index-p3-bg.jpg) center; margin-top:50px; padding:70px 0 50px 0}
.index-p3 ul li { float:left; width:340px; margin-right:40px}
.index-p3 ul li:nth-child(3n) { margin-right:0px}
.index-p3 ul li img { margin:10px 0}

.index-p3 .news a { display:block; background:url(../images/ico-indexnews.jpg) 5px center no-repeat; line-height:24px; padding-left:15px;}
.index-p3 .news a span { float:right}
.index-p3 .news a.first { background:none; padding-left:0}

.index-case { margin-top:40px}
.index-case li { float:left; margin-right:15px}
.index-case li:nth-child(6n) { margin-right:0px}

.index .about  { float:left; width:800px; margin-top:20px}
.index .about h2 {margin:0; margin-bottom:10px; border-bottom:1px solid #88afd1; height:40px}
.index .about h2 span { display:block; float:left; font-size:24px; color:#eb6100;border-bottom:1px solid #88afd1; line-height:39px}
.index .about h2 a { display:block; float:right; font-size:12px; color:#ca1d1d; margin-top:15px}
.index .about .content{line-height:20px}
.index .about .content img { margin-bottom:20px}

.index .news  { float:right; width:350px; margin-top:20px}
.index .news h2 {margin:0; margin-bottom:10px; border-bottom:1px solid #88afd1; height:40px}
.index .news h2 span { display:block; float:left; font-size:24px; color:#666; margin-right:10px;line-height:40px; cursor:pointer}
.index .news h2 span.on { display:block; float:left; font-size:24px; color:#eb6100;border-bottom:1px solid #88afd1;line-height:39px}
.index .news h2 a { display:block; float:right; font-size:12px; color:#ca1d1d; margin-top:15px}
.index .news .content{line-height:20px}
.index .news li { line-height:30px;}
.index .news li span { color:#ca1d1d}

.index .news2  { float:left; width:380px; margin-top:20px; margin-right:40px}
.index .news2 h2 {margin:20px 0 10px 0; font-size:24px; color:#eb6100;height:24px; border-left:5px solid #eb6100; padding-left:10px}
.index .news2 .content{line-height:20px}
.index .news2 li { line-height:28px;}
.index .news2 li span { float:right}
.index .inve { width:350px; float:right; margin-right:0}
.index .inve a.stock { display:block; height:220px; background:url(../images/img-indexnews21.jpg)}
.index .inve a.stock:hover { display:block; height:220px; background:url(../images/img-indexnews21.jpg) bottom}
.index-newslist { margin-left:20px}
.index-newslist li{ list-style:disc; margin-left:20px}

.index .products li{ font-size:14px; font-weight:bold;font-family: "Microsoft YaHei"; line-height:30px}

/* Ê×ҳСÂÖ²¥1 */
.newsScroll{position:relative;width:380px;height:220px;margin:0 auto;overflow:hidden;}
.newsScroll .bd li{display:none;position:absolute;left:0;top:0;height:500px;}
.newsScroll .bd li img { width:380px; height:220px;}
.newsScroll .slide_nav{position:absolute;right:3px;bottom:3px;}
.newsScroll .slide_nav a{cursor:pointer;float:left;font-size:14px;font-family:arial;color:#666;padding:4px 10px; background-color:#fff; margin-right:1px}
.newsScroll .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration:none;color:#000;filter:alpha(opacity=80);opacity:0.8;}



/* ScrollPic */
.scrollbox { margin:0 auto; overflow:hidden; width:1200px; margin-bottom:40px}
.scrollbox li{ float:left; display:inline; overflow:hidden; text-align:center; margin-right:10px}
.scrollbox ul{  overflow:hidden; float:left; padding:9px 8px 8px 8px; height:125px; border-bottom:1px solid #c7c7c7; border-top:1px solid #c7c7c7;}
.scrollbox a#scroll_r,.scrollbox a#scroll_l { display:block; width:35px; height:144px;}
.scrollbox a#scroll_r { background:url(../images/icon-scrollpic.jpg) right top no-repeat; float:right}
.scrollbox a#scroll_l { background:url(../images/icon-scrollpic.jpg) left top no-repeat; float:left}
.scrollbox a#scroll_r:hover { background:url(../images/icon-scrollpic.jpg) right bottom no-repeat;}
.scrollbox a#scroll_l:hover { background:url(../images/icon-scrollpic.jpg) left bottom no-repeat}
/* End ScrollPic */






/* ==========================================================================
   内页
   ========================================================================== */

.page { margin:20px auto;}
.bannerpage { background:url(../images/banner-page.jpg); height:140px}
.bannernews { background:url(../images/banner-news.jpg); height:140px}
.bannerproduct { background:url(../images/banner-product.jpg); height:140px}
.bannercase { background:url(../images/banner-case.jpg); height:140px}
.bannertech { background:url(../images/banner-tech.jpg); height:140px}
.banneragent { background:url(../images/banner-agent.jpg); height:140px}
.bannercontact { background:url(../images/banner-contact.jpg); height:140px}

/* ×ó²àµ¼º½ */
.sidenav { width:230px; float:left;}
.sidenav h3 { line-height:22px; font-size:22px; margin:0; border-left:5px solid #eb6100; padding-left:20px; margin-bottom:20px}
.sidenav ul { border-top:1px solid #ccc; padding-top:30px} 
.sidenav ul li {width:210px}
.sidenav ul li a { display:block; line-height:30px; font-size:14px;padding-left:20px; margin-bottom:4px;}
.sidenav ul li a:hover,.sidenav ul li a.current {color:#eb6100; }
.sidenav .sidenav-img { margin-top:30px; display:block}
.sidenav ul li ul { list-style:none; margin:0; padding:0 0 20px 0; border-top:0px solid #ccc;}
.sidenav ul li a.open {color:#fff; background:url(../images/sidenav-libg2.jpg) center;}
.sidenav ul li ul li a { font-size:12px;line-height:24px; margin-bottom:0}
 
/* ÓÒ²àÄÚÈÝ */

.page h2 { font-size:30px; color:#eb6100}
.page h4 { font-size:20px; line-height:30px}
.page h5 { font-size:14px; font-weight:bold; color:#444; margin:10px 0 10px 0; background-color:#efefef; line-height:40px; padding-left:10px}
.page .main { float:right; width:869px; padding-bottom:20px; border-left:1px solid #cccccc}
.location { text-align: right;border-bottom:1px solid #cccccc; line-height:14px; padding-bottom:10px; padding-top:18px; position:relative}
.location a { color:#676767;}
.location a:hover { color:#eb6100}
.location h4 {font-size:19px; border-bottom:2px solid #e40001; position:absolute; left:30px; margin-top:-7px}
.location span { color:#eb6100}

.page .editor { margin:20px 0 0 20px; min-height:400px}
.page .news-list { background:url(../images/news-list-left.jpg) left top no-repeat; padding-left:50px}
.page .news-list li{ padding-top:15px; padding-bottom:15px; clear:both}
.page .news-list li .time { float:left; width:95px; padding-top:10px}
.page .news-list li .title { line-height:40px; font-weight:bold;}
.page .news-list li span { font-size:14px;display:block; }
.page .news-list li p { margin-bottom:0px; float:left; width:700px}
.page .news-list li a:hover { color:#eb6100}
.page .news-detail h4{ color:#333; text-align:center; line-height:60px}
.page .news-detail .newsinfo { text-align:center; border-bottom:1px dotted #ccc; line-height:30px; margin-bottom:30px; color:#666}
.page .news-detail .goback { display:block; background-color:#999999; text-align:center; width:100px; line-height:36px; font-size:14px; color:#FFF; margin:10px 0 0 370px}
.page .news-detail .goback:hover { background-color:#eb6100}

.news-detail h4.title { margin: 0;font-size:16px; font-weight:bold; color:#444; line-height:50px; text-align:center}
.news-detail .info {color:#999; border-bottom:1px dotted #ccc; padding-bottom:10px; height:30px; text-align:center}
.news-detail .detail { padding:20px 0}

.page .products-list li { float:left; width:262px; margin-right:30px; margin-bottom:20px}
.page .products-list li a { border:1px solid #ccc; display:block; padding:8px 0; text-align:center; height:340px}
.page .products-list li a:hover {background-color:#eb6100;border:1px solid #eb6100;}
.page .products-list li a:hover h3 { color:#FFF}
.page .products-list li a:hover p { color:#FFF}
.page .products-list li a img { width:250px; height:180px}
.page .products-list li h3 { margin:0; text-align:left; padding:20px 15px 0 15px }
.page .products-list li p { color:#666; line-height:24px; margin-bottom:20px; text-align:left; padding:0px 15px 0 15px}
.page .products-list li .more { background-color:#ccc; display:block; width:100px; line-height:32px; margin-left:21px}
.page .products-list li a:hover .more { background-color:#FFF;}


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.product-detail .pics { float:left; width:400px}
.thumb {width:400px;margin:10px 0 0; clear:both}
.thumb li{ border:2px solid #ccc; float:left; margin-right:7px; cursor:pointer; margin-top:10px; display:block; width:70px; height:70px; background-size:70px 70px}
.thumb li.current {  border:2px solid #333;}
.thumb li:nth-child(4){ margin-right:0px;}


.product-detail .info { float:left; margin-left:30px; width:400px}
.product-detail table{border-collapse:collapse;}
.product-detail td{border:solid 1px #ccc;}
.product-detail h4 { border-bottom:1px dotted #ccc; line-height:60px; margin-bottom:20px}
.product-detail h3 { background-color:#f0f0f0; border-left:3px solid #ccc; padding-left:10px; line-height:40px; font-size:14px}


.page .join th{ background-color:#f1f1f1; line-height:40px; font-size:14px; border-bottom:2px solid #dcdcdc; text-align:center; border-left:1px dotted #cdcdcd}
.page .join td { border-bottom:1px solid #dcdcdc; line-height:40px; text-align:center}
.page .join .name { text-align:left; padding-left:10px;border-left:0}

.contact-zb { float:left; width:600px;}
.contact-zb td p.title { font-size:14px; font-weight:bold; margin-bottom:10px}
#messageForm {width:820px; background:url(../images/message-bg.jpg) right center no-repeat; height:500px}
#messageForm li { line-height:40px}
#GuestBook_Title,#GuestBook_UserName,#GuestBook_UserTel,#GuestBook_UserEmail { width:400px; height:32px; border:1px solid #ccc}
#GuestBook_Content { width:398px; height:100px; border:1px solid #ccc}
.contact-form .button { margin-top:10px}
.tijiao { margin-top:20px; line-height:32px; height:32px; width:100px; text-align:center; border:none; background-color:#ccc}

.pageinfo { text-align:center; margin-top:20px}
.pageinfo a,.pageinfo b { border:1px solid #dddddd; padding:2px 7px; font-weight:normal}
.pageinfo span.current {border:1px solid #125ff3; padding:2px 7px; color:#FFF; background-color:#eb6100}

/* ==========================================================================
   µ×²¿Ñùʽ
   ========================================================================== */

footer {
	clear:both; background-color:#2a2a2a; margin-top:50px;
}
.footnav { background-color:#444247; padding:30px 0}
.footnav ul { float:left;}
.footnav ul li {float:left; width:125px}
.footnav ul li span { font-size:14px; color:#fff; font-weight:bold}
.footnav ul li.follow { text-align:center; padding-left:80px}
.footnav a { color:#b2b1b3; line-height:24px; display:block}
.footnav a:hover { color:#fff;}

.copyright { text-align:center; color:#ababab; line-height:24px; padding:10px 0;}
.copyright p { margin:0}
.copyright a { color:#ababab;}
.copyright a:hover { color:#fff;}
.last {
	margin-right: 0px
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;clear: both;
}
.clearfix img { display:block; border:0;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}