/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea {
	color: #444444;
}
body {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
	color:#666;
}
a {
	color:#444444;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#d1190d
}

::-moz-selection {
 background: #ccc;
 text-shadow: none;
}

::selection {
 background: #ccc;
 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, ol, ul li {
	margin:0;
	padding:0;
	list-style:none
}
.wrap {
	width:1050px;
	margin:0 auto;
	
}
.clear {
	clear:both;
	overflow:hidden
}
h1, h2, h3, h4, .h5 {
	font-weight:normal;
	padding:0;
	margin:0;
}
h2 {
	font-size:40px;
	line-height:60px;
	text-align:center;
	font-weight:bold
}
	
.fl { float:left}
.fr { float:right}

/* ==========================================================================
   头部 styles
   ========================================================================== */
header {min-width:1050px;}
header .logo { float:left}
header .hotline { float:right; color:#e23639; margin-top:10px;}
header .hotline span { font-size:22px; padding-right:16px;}
header .hotline a { color:#e23639}
header .m-products { float:right; margin-top:10px; text-align:right}

header nav  {background-color:#e23639; line-height:40px; height:40px}
header nav li { float:left; width:117px;  position:relative; margin-right:1px}
header nav li:nth-child(1) { width:98px;}
header nav li img { display:block}
header nav li a { display:block; color:#fff; text-align:center;font-weight:bold; background:url(../images/icon-nav1.png) 15px top no-repeat;	-webkit-transition:all .5s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;}
header nav li:nth-child(1) a{ background:none}
header nav li a:hover,header nav li a.on {color:#fff;background:url(../images/icon-nav1.png) 15px bottom no-repeat #a40000}
header nav li:nth-child(1) a:hover,header nav li:nth-child(1) a.on{ background:#a40000}

header nav li div { position:absolute; top:40px; left:0; width:180px; background-color:#a40000; padding:10px 15px; z-index:9999; display:none}
header nav li div a { width:180px; float:left; text-align:left; padding-left:20px; line-height:32px;background:url(../images/icon-nav2.png) 0px top no-repeat}
header nav li div a:hover {background:url(../images/icon-nav2.png) 0px bottom no-repeat}
header nav li:hover div { display:block}

/* ==========================================================================
   广告位 styles
   ========================================================================== */
.slideBox{  overflow:hidden; position:relative; width:100%; min-width:1050px;}
.slideBox .hd{ height:17px; overflow:hidden; position:absolute; bottom:15px; z-index:1; width:100%}
.slideBox .hd ul{ overflow:hidden; zoom:1; width:210px; margin:0 auto }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:40px; height:8px;  text-align:center; background:#333; cursor:pointer; }
.slideBox .hd ul li.on{ background:#e23639; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ display:block;width:100%}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/* ==========================================================================
   首页 styles
   ========================================================================== */
.activity { padding:20px 0}

h3.index-block-title {border:1px solid #dedede; border-top:2px solid #a40000;height:40px; line-height:40px; font-size:24px; color:#333;}
h3.index-block-title span { font-size:14px; background-color:#a40000; color:#fff; text-align:center; width:150px; font-weight:bold; display:block}
h3.index-block-title .more { float:right;font-size:12px}
h3.index-block-title .more a { font-size:12px; padding:0 10px;font-family:"宋体"}

.index-product { padding-bottom:20px; margin-top:20px}
.index-product ul {border-left:1px solid #ccc; display:none}
.index-product li { float:left; border-bottom:1px solid #dedede;border-right:1px solid #dedede; width:261px}
.index-product li:nth-child(4n) {width:262px}
.index-product li img { display:block;width:261px; height:195px}
.index-product li h4 { line-height:40px; height:40px;font-size:14px; color:#666; padding-left:30px; padding-top:20px}
.index-product li a:hover h4 { color:#a40000}

.slideProduct { background-color:#f5f5f5; padding:20px 0;}
.slideProduct .wrap { overflow:hidden; position:relative}
.slideProduct li { width:253px; margin-right:10px; float:left; background-color:#FFF; text-align:center; border:1px solid #dedede; border-radius:4px;}
.slideProduct li h4 { line-height:30px; padding-top:15px}
.slideProduct li p { font-size:12px; padding:0; margin:0; line-height:30px; padding-bottom:15px;}
.slideProduct .prev { display:block; width:45px; height:45px; background:url(../images/slideProduct-left.png); position:absolute; top:85px; left:3px; outline:none}
.slideProduct .next { display:block; width:45px; height:45px; background:url(../images/slideProduct-right.png); position:absolute; top:85px; right:3px; outline:none}

.part6 { padding-top:20px}
.part6 > div{ float:left; background-color:#f7f7f7; border:1px solid #dedede; width:233px; padding:10px; margin-bottom:10px; margin-right:8px}
.part6 h3 { color:#a40000; font-size:14px; padding:0px 0 10px 0}
.part6 p { padding:0; margin:10px 0 0 0; font-size:12px}
.part6 ul { padding-left:20px; margin-top:10px}
.part6 li { font-size:12px;list-style:disc}
.part6 a img { width:230px; height:140px;}
.part6 a img.arrow { width:6px; height:11px;}
.part6 .index-news { width:760px; margin-right:0; height:256px}
.part6 .index-news div { float:left; margin-right:20px;}

.index-links { margin-top:10px}
.index-links .content { border:1px solid #dedede; border-top:0px; padding:10px; font-size:12px}
.index-links .link-img li { float:left; margin-right:8px; margin-bottom:10px;}
.index-links .link-img li:nth-child(8n) { margin-right:0}
.index-links .link-text a {display: block; float:left;}
.index-links .link-text span { display: block; float:left; padding:0 14px}

/* ==========================================================================
   内页左侧 styles
   ========================================================================== */

.side { float:left; width:220px; margin-top:20px}
.side h4 { background-color:#a40000; color:#fff; line-height:40px; padding-left:40px; font-size:16px; font-weight:bold;}
.sidenav { background-color:#f5f5f5; padding-bottom:40px}
.sidenav ul { margin-top:20px}
.sidenav li { margin-bottom:6px}
.sidenav li a { display:block; padding-left:55px; line-height:34px; background:url(../images/sidenav-bg1.jpg) bottom}
.sidenav li a:hover,.sidenav li a.on {background:url(../images/sidenav-bg1.jpg) top; color:#fff}
.sidecontact { background-color:#f5f5f5; padding-bottom:10px; margin-top:10px}
.sidecontact p { padding:0 20px; line-height:30px}
.sidecontact p span { font-size:16px; font-weight:bold; color:#a40000}

.sideproduct {  background-color:#f5f5f5; padding-bottom:10px;margin-top:10px}
.sideproduct ul { width:180px; margin:0 auto; margin-top:20px}
.sideproduct li { margin-bottom:15px;}
.sideproduct li a { display:block; border:1px solid #e0e0e0}
.sideproduct li a h5 { background-color:#fff; line-height:30px; margin:0; text-align:center;border-bottom:1px solid #e0e0e0}
.sideproduct li a img{ width:178px; height:130px}
.sideproduct li a:hover {border:1px solid #a40000}
.sideproduct li a:hover h5 { background-color:#a40000; color:#fff}



/* ==========================================================================
   内页内容 styles
   ========================================================================== */

.main { float:right; width:810px;margin-top:20px}
.local { background-color:#f9f9f9; border-bottom:2px solid #a40000; height:38px}
.local h4 { float:left; width:200px; text-align:center; color:#FFF; font-weight:bold; line-height:36px; padding-top:2px; background-color:#a40000}
.local span { float:right; margin-right:10px; font-size:12px; margin-top:10px}
.local span img { margin-bottom:5px}
.main .editor { padding-top:10px}
.main .editor p { font-size:12px; line-height:26px}
.main .editor h3.title { font-size:18px; font-weight:bold; line-height:80px; border-bottom:1px dotted #e0e0e0; text-align:center}
.main .editor h3.title p { margin:0; padding-bottom:10px; color:#999; font-weight:normal}
.main .editor h3.title p span {}

.products-list { margin-top:20px}
.products-list li { float:left; width:260px; margin-right:15px; margin-bottom:15px;}
.products-list li a { display:block; border:1px solid #e0e0e0}
.products-list li a h4 { background-color:#fff; line-height:40px; text-align:center;border-bottom:1px solid #e0e0e0}
.products-list li a span { display:block; width:258px; height:180px;overflow:hidden; position:relative}
.products-list li a img{ position:absolute; width:258px; height:180px;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;transform: scale(1);-webkit-transform: scale(1);}
.products-list li a:hover {border:1px solid #a40000}
.products-list li a:hover h4 { background-color:#a40000; color:#fff}
.products-list li a:hover img {transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;transform: scale(1.1);-webkit-transform: scale(1.1); }
.products-list li:nth-child(3n){margin-right:0px !important}
.case-list { margin-top:20px}
.case-list li { float:left; width:190px; margin-right:16px; margin-bottom:20px}
.case-list li img { width:190px; height:120px}
.case-list li:nth-child(4n){margin-right:0px !important}

.news-list { margin-top:20px}
.news-list li { margin-bottom:20px; border-bottom:1px dotted #e0e0e0; height:120px; padding-bottom:30px}
.news-list li img { width:190px; height:120px; float:left; margin-right:20px}
.news-list li h5 { color:#e23639; font-size:14px; font-weight:bold; margin:0}
.news-list li p { margin:0; font-size:12px; color:#999}

.newsDetail .newsTitle {font-size:18px; font-weight:bold; line-height:60px; text-align:center; border-bottom:1px dotted #e0e0e0; padding-top:20px; padding-bottom:20px}
.newsDetail .info { width:370px; margin:0 auto;  font-weight:normal}
.newsDetail .info span { display:block; float:left; margin-right:10px}



.job-list { margin-top:20px; padding-bottom:30px}
.job-list li { border-bottom:1px solid #dcdcdc; line-height:40px; font-size:12px; height:40px}
.job-list li.title { background-color:#f1f1f1; font-size:14px; font-weight:bold;border-bottom:2px solid #dcdcdc}
.job-list li span { display:block; float:left; text-align:center;}
.job-list li .name { text-align:left; width:360px; padding-left:5px}
.job-list li .add,.job-list li .date1,.job-list li .date2,.job-list li .num { width:110px;}
.job-list li.title span { border-left:1px dotted #dcdcdc}
.job-list li.title span.name { border-left:0}

.jobDetail p.info { margin:0; margin-bottom:20px}
.jobDetail h3 { font-size:22px; line-height:60px;}
.jobDetail h4 { background-color:#f5f5f5; color:#a40000; line-height:40px; padding-left:10px; font-size:14px; font-weight:bold}

.faq-list { margin-top:20px}
.faq-list li { cursor:pointer; margin-bottom:10px}
.faq-list li span { display:block; line-height:30px; border-bottom:1px dotted #ccc; padding:0 0 10px 0;}
.faq-list li span:hover,.faq-list li span.on { color:#e23639; font-weight:bold}
.faq-list li p { background-color:#f5f5f5; padding:10px; font-size:12px; margin:0; margin-bottom:20px; display:none}

.productImgs { float:left; width:420px; margin-top:10px}
.productImgs .imgsBig { border:1px solid #ccc; text-align:center}
.productImgs .imgsBig img { max-width:418px; max-height:378px;}
.productImgs .imgsthumb { margin-top:15px;}
.productImgs .imgsthumb .left,.productImgs .imgsthumb .right { float:left; cursor:pointer}
.productImgs .imgsthumb .left { margin-right:10px}
.productImgs .imgsthumb ul { float:left}
.productImgs .imgsthumb li{ float:left; border:1px solid #ccc; margin-right:16px;}
.productImgs .imgsthumb li img { width:58px; height:58px; cursor:pointer}
.productImgs .imgsthumb li.on {border:1px solid #a40000;}

.productInfo { float:right; width:360px;margin-top:10px}
.productInfo h3 { color:#333; margin-bottom:10px}
.productInfo h4 { color:#e23639}
.productInfo .buy { display:block; width:140px; line-height:40px; text-align:center; background-color:#e23639; color:#fff; font-size:16px; font-weight:bold; margin-top:20px}
.productInfo a.buy:hover { background-color:#a40000}
.jiathis_style_24x24 { margin-top:30px}
.jiathis_style_24x24 span { display:block; float:left}


.introTitle { height:40px;background-color:#f5f5f5;border-right:1px solid #ccc; margin-top:40px}
.introTitle li { background-color:#f5f5f5; float:left; width:201px; text-align:center; line-height:38px; border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc; cursor:pointer}
.introTitle li.on { background-color:#fff;border-top:1px solid #a40000;border-bottom:1px solid #fff; color:#a40000; font-weight:bold}

.search { margin-top:30px; clear:both}
.search label { background-color:#d31811; color:#FFF; width:100px; line-height:34px; text-align:center; display:block; float:left; margin-left:80px;}
.search .key { background-color:#fff; border:1px solid #d31811; height:32px; padding:0 5px; width:450px;}
.search .submit { background:url(../images/serchBtn.jpg); width:69px; height:34px; text-indent:99px; border:0}



.pages { text-align:center; margin-top:30px; clear:both; margin-bottom:30px}
.pages a { display:inline-block; margin-right:5px; border:1px solid #e0e0e0; width:34px; line-height:34px; text-align:center}
.pages a.on {border:1px solid #fff;}
.pages a.next { width:90px;}
.pages a.prev { width:90px;}
.pages a:hover { background-color:#d31811; color:#fff;border:1px solid #d31811;}

.message {  background:url(../images/message-bg.jpg) right center no-repeat; padding:50px 0 70px 50px}
.message p { width:490px; padding-left:50px; margin-bottom:20px}
.message li { margin-bottom:15px}
.message .input { width:480px; height:34px; line-height:34px;}
.message .textarea { width:480px; height:200px}
.message .submit { width:120px; text-align:center; border:0; height:40px; line-height:40px; color:#fff; background-color:#e23639; margin-left:60px; margin-top:10px}
.message .submit:hover { background-color:#a40000}

.message #inputCode { width:150px}
.message .code {background:url(../images/code_bg.jpg);font-family:Arial;font-style:italic;color:blue;font-size:24px; border:0;letter-spacing:3px;font-weight:bolder;display:inline-block;cursor:pointer;width:120px;height:40px;line-height:40px;text-align:center;}

.jiathis_style { margin-top:5px}

/* ==========================================================================
   底部 styles
   ========================================================================== */

footer {background-color:#e23639;padding:35px 0;margin:0 auto; color:#fff; font-size:12px; clear:both; margin-top:20px; min-width:1050px;}
footer .qr { float:right; margin-top:-10px}
footer .qr span { display:block; margin-left:30px; float:left; text-align:center}
footer .qr img { display:block}
footer .foot-nav {margin-top:10px}
footer .foot-nav span { padding:0 13px;}
footer .foot-nav a {line-height:26px; color:#fff;}
footer .foot-nav a:hover { color:#000}
footer .copyright {line-height:30px; margin-top:20px}

.last {
	margin-right:0px !important
}


/* ==========================================================================
 Slide
   ========================================================================== */

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:30px; height:69px; background:url(../images/arrows.png) left no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:right; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }


/* ==========================================================================
   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;
}

/* ==========================================================================
   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;
}
}