@charset "utf-8";
/* YUI 3.18.1 (build 9c3c78e) Copyright 2014 Yahoo! Inc. All rights reserved. | Licensed under the BSD License. | http://yuilibrary.com/license/ */html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}/*#yui3-css-stamp.cssreset{display:none}*/

h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong{font-weight:bold}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}/*blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol{list-style:decimal outside}ul{list-style:disc outside}dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}p,fieldset,table,pre{margin-bottom:1em}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em}#yui3-css-stamp.cssbase{display:none}*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*  */
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
/*.clearfix{*+height:1%;*zoom:1}*/
.clear{/**/font:0/0 Arial;height:0;clear:both;overflow:hidden}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
/*  */
.pull-right { float:right !important; }
.pull-left { float:left !important; }

.hide { display:none !important; }
.show { display:block !important; }
.invisible { visibility:hidden; }

.triangle-right { border-bottom:4px solid transparent; border-left:6px solid #d7d7d7; border-top:4px solid transparent; display:inline-block; height:0; width:0; }
.triangle-down { border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid #d7d7d7; display:inline-block; height:0; width:0; }
.triangle-bottomright { width:0; height:0; border-bottom:10px solid #C40; border-left:10px solid transparent; }

.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
/*  
@font-face {
    font-family:"Open Sans Light";
    font-style:normal;
    font-weight:normal;
    src:url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), 
		 url("../fonts/OpenSans-Light-webfont.woff") format("woff"), 
		 url("../fonts/OpenSans-Light-webfont.ttf") format("truetype");
}
*/
#bg {
	/*	核心：使用绝对定位脱离普通文档流，fixed也能达到同样效果，但是IE6不支持	*/
	position: fixed;
	left:0;
	top:0;
	/*	这里类似弹性布局，设置弹性图像，设置width的值是修复混杂模式显示不一样的问题	*/
	width:100%;
	max-width:100%;
	min-height: 100%;
	height: auto;
	z-index:-1;
	
}
hr.line {
    box-sizing: content-box;
    height: 0;
	
	border-color: #c5c5c5;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin:0;
	/*margin-bottom: 20px;
    margin-top: 20px;*/
}

/* Public */
html { }
body { color:#111; font:/*13px/1.231*/ 14px/1.4 "Microsoft YaHei", "Segoe UI Symbol", arial,helvetica,clean,sans-serif; -webkit-text-size-adjust:none; background:url(../images/bg.jpg) no-repeat scroll 0 0; }
a { color:#111; text-decoration:none; outline:none; }
a:hover, 
a:focus { color:#0067b2; text-decoration:underline; }

button, input, textarea, select { outline:none; line-height:1.5em; /*box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;*/ }
input { border:1px solid #ABADB3; padding:4px; /*outline:none; font-size:12px;*/ }
/*input[type="text"]:focus { background:#F6F8F9; border:1px solid #7EB4EA; }*/

textarea { border:1px solid #ABADB3; padding:4px; margin:5px 0; /*min-width:300px; min-height:100px;*/ }
/*textarea:focus { background:#F6F8F9; border:1px solid #7EB4EA; }*/

select { padding:4px; /*border:0px solid #ABADB3;*/ }
select:focus { }
/*textarea:focus, input[type="text"]:focus { background:#F6F8F9; border:1px solid #7EB4EA; }*/

/* 框架 */
.wrap { margin:0 auto; width:1180px; position:relative; }
.box  { margin:0 auto; width:1200px; position:relative; }

.header { background:#091422; color:#FFF; height:97px; 
/*box-shadow:0px 1px 5px #b3b3b3; position:relative; z-index:3; border:1px solid #ccc;*/ }
.container { }
.container .box { background:#FFF; min-height:700px; }

.footer { background:#091422; color:#FFF; line-height:2em; }
/*.footer .box { width:80%; }*/
.footer .fl { padding:2%; }

.home-box { margin:0 auto; width:80%; padding:1.5em 0 3em; }
.home-box .fl { width:36%; }
.home-box .fr { width:60%; text-align:left; }


.row {}
.col {}
/* 顶部工具栏 */
.topbar {}

/* 顶部语言 */
.language {}


/* 顶部LOGO */
.logo {}
.logo a { display:inline-block; line-height:46px; margin:24px 48px; /*padding-top:5px;*/ }
.logo a img { vertical-align:middle; }

/* 顶部导航 */
.nav {  background:#091422; padding-left:36px; }
.nav li { float:left; display:inline; /*width:8em;*/ position:relative; /*padding:26px 0;*/       border-left:0px solid blue; }
.nav li a { display:block; height:2em; line-height:2em; /*padding:9px 30px;*/ padding:33px 25px; color:#FFF; border-top:3px solid #091422; }
.nav li.active a,
.nav li:hover a,
.nav li:focus a {
	border-top:3px solid #ffea00;
	color:#ffea00;
	background-color:rgba(255,255,255, 0.15);
	text-decoration:none;
}

.subnav { /*float:left; width:8em;*/ display:none; position:absolute; /*top:2em;*/ left:0px;  width:100%; }
.subnav li { margin-left:-1px; /*display:block; width:100%;  clear:both;*/    border:1px solid green; width:100%; }
.subnav li a { /*display:block;*/ padding:2px 4px; }

.nav li:hover ul.subnav, 
.nav li:focus ul.subnav { /*float:none;*/ display:block; }

.nav .language { /*padding:35px 30px;*/ margin-left:3em; }
.nav .language select { padding:2px; color:#333; }

/* 顶部搜索 */
.search-tool { border:1px solid #ccc; border-radius:15px; margin:5px ; }
.search-input  { display:inline-block; padding:0; border:none; line-height:2em; width:140px; margin-left:15px; 
/*border:none;  line-height:1.8em; height:1.8em; width:155px; background:url(images/search-bg.gif) no-repeat scroll 0 0;*/ }
.search-submit { display:inline-block; padding:0; border:none; line-height:2em; width:40px; 
background:url(../images/bg-search.jpg) no-repeat scroll 50% 50%; text-indent:-9999em; color:#fff; }

/* 幻灯片 */
.banner { }
.bg-img { position:absolute; right:180px; top:-130px; /*right:15%; top:-20%;*/ }

/* 中间块 */
.mainer {}

/* 左边块 */
.left-view  { float:left; display:inline; width:790px; padding:30px; /*width:70%; padding:40px 0 0 2%;*/ }

.sidebar {}
.sidebar .sidebar-title  { font-size:16px; font-weight:400; margin:0 0 0.5em 0; line-height:2.5em; border-bottom:1px solid #DFDFDF; }
.sidebar .sidebar-title2 { font-size:16px; font-weight:400; margin:0 0 0.5em 0; line-height:3em; border-bottom:1px solid #ccc; }

.sidebar .sidebar-nav { padding:1em 0 2em; }
.sidebar-nav li { line-height:2.5em; }
.sidebar-nav li a { padding-left:1em; display:block; }
.sidebar-nav li a:hover { text-decoration:none; }

.sidebar-nav>li.active { }

.sidebar-nav>li:hover>a,
.sidebar-nav>li.active>a { background:#4e5e95; color:#FFF; }


.sidebar-subnav { display:none; }
.sidebar-subnav li {}
.sidebar-subnav li a { font-size:12px; padding-left:2.5em; }
.sidebar-subnav>li.active>a { color:#0067b2; }

.contact-nav li { line-height:2.5em; }
.contact-nav li a { }
.contact-nav li img { vertical-align:middle; margin:0 10px; }

/* 右边块 */
.right-view { float:left; display:inline; width:240px; padding:30px; /*width:26%; padding:40px 2% 0 0;*/ }
.doc-head { border-bottom:1px solid #ccc; padding:0 5px; }
.doc-head h2 { font-size:20px; font-weight:400; line-height:2em; margin:0; }

.doc-position {}
.doc-body {}

/* 文档内容块..doc-body下 */
.doc-title {}

.doc-info {}
.doc-info .doc-author {}
.doc-info .doc-time {}
.doc-info .doc-hits {}
.doc-info .doc-source {}

.doc-content { padding:1em 1em; }

.doc-tag {}
.doc-comment {}


/* 产品列表 */
.pros-list { padding:30px 0; }
.pros-list li { float:left; display:inline; width:29%; padding:2% 2%; }
.pros-list li a { display:inline-block; line-height:100%; border:1px solid #ccc; padding:4px; box-shadow:0 1px 2px #E0E0E0; }
.pros_list li a:hover,
.pros_list li a:focus { }
.pros-list li a img { width:100%; }
.pros-list li p { text-align:center; line-height:2.5em; }

/* 新闻列表 */
.news-list { padding:0 1em 2em; }
.news-list li { list-style: square inside none; line-height:4em; border-bottom:1px solid #ddd; padding-top:1em; }
.news-list li a { display:inline-block; }
.news-list li span { display:inline-block; float:right; color:#A4A4A4; }

.news_list li a:hover,
.news_list li a:focus { }

/* 首页列表 */
.home-about { padding-bottom:3em; }
.home-about .fr { padding-right:4%; }
.home-about-title { font-size:18px; line-height:2em; color:#858585; border-bottom:2px solid #555; margin-bottom:1em; padding-bottom:1.0em; }

.home-news {}
.home-news-title { font-size:18px; line-height:2em; color:#858585; border-bottom:2px solid #ccc; margin-bottom:1em; }
.home-news-list {}
.home-news-list li { padding-bottom:2em;}
.home-news-list li a { display:block; font-size:16px; line-height:2em; }
.home-news-list li span { display:block; color:#666; }

.home-pros {}
.home-pros.fr { padding-left:4%; }
.home-pros-title { font-size:20px; line-height:2em; color:#858585; border-bottom:2px solid #ccc; margin-bottom:1em; }
.home-pros-list {}
.home-pros-list li { display:inline-block; float:left; width:50%; text-align:center; }
.home-pros-list li a { display:inline-block; }
.home-pros-list li a img { width:100%; }

.home-pros .bd { overflow:hidden; }

/*
.home-contact {}
.home-friend {}

.home-video { padding-top:160px; }
.home-video img { padding-bottom:30px; }

.home li {}
.home li a {}
.home li a:hover,
.home li a:focus { }
*/

/* 在线反馈 */
.cms_feedback {}
.cms_feedback .row { margin:10px 0; }

.cms_feedback  label {display:inline-block;
    text-align:right;
    white-space:nowrap;
    width:100px;}
.cms_feedback .input {border:1px solid #e9e9e9;
    padding:5px;
    width:260px;}
.cms_feedback  select {}
.cms_feedback  textarea {border:1px solid #e9e9e9;
    height:180px;
    padding:5px;
    width:400px;}

.cms_feedback .tips {color:#D10329; }
.cms_feedback .bi_tian { color:#D10329; }

.cms_feedback .verify { display:inline-block; }
.cms_feedback .verifycode {}
.cms_feedback .verifytxt { width:150px; }

.cms_feedback .submit_btn { border:none; padding:8px 32px; background:#eee; margin-left:23%; }


/* 模块代码 */
/* 产品放大特效 */
.picture-zoom { }
.picture-zoom .zoom-box { /*width:380px;*/ min-height:375px; }
.picture-zoom .parame { /*width:350px;*/ padding:1em 0 0 2em; }
.picture-zoom .parame p,
.picture-zoom .parame h3 { line-height:33px; }
/*  */
.picture-detail { padding-top:2em; margin-left:-1em; }
.picture-detail h4 { font-weight:bold; font-size:14px; line-height:2em; text-indent:1em;  border-bottom:2px solid #2997ff; }
.product-detail h2 {                   font-size:16px; line-height:3em; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#ffcc00;  padding-left:0.5em; }
.picture-detail div { padding:1em; line-height:2em; min-height:300px; }

/*  */
#big-img { padding-left:5px; }
#big-img #wrap { width:385px; }

.zoom-box { width:600px; }
.cloud-zoom { display:block; }
.cloud-zoom img { border:1px solid #e6e6e6; width:100%; }
#small-img, .galleries { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
/*  */
.cloud-zoom-gallery { display:inline-block; margin:5px; }
.cloud-zoom-gallery img { border:1px solid #ccc; width:100px !important; }
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens { border:2px solid #888; margin:-4px;
/* Set this to minus the border thickness. */ background-color:#fff; cursor:move; }
/* This is for the title text. */
.cloud-zoom-title { position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; }
/* This is the zoom window. */
.cloud-zoom-big { border:2px solid #ccc; overflow:hidden; }
/* This is the loading message. */
.cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; }

.zoom-box { width:100%; }
.zoom-box #big-img { width:80%; }
.zoom-box .galleries { width:18%; }
.zoom-box .galleries a { display:block; text-align:center; }

/* 面包屑 */
.breadcrumb { line-height:3em; }
.breadcrumb > li { display:inline-block; /*padding:0 3px;*/ }
.breadcrumb > li + li:before { padding:0 3px; color:#AAA; /*content:"/\00a0";*/ content:">"; }
.breadcrumb > .active { color:#777; }

/* 分页列表 */
/* 分页列表 color:#337ab7; */
.pagination { display:inline-block; padding-left:0; /*margin:20px 0; border-radius:4px;*/ }
.pagination > li { display:inline-block; margin:0 5px; }
.pagination > li > a, .pagination > li > span { position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#4e5e95; text-decoration:none; background-color:#fff; border:1px solid #ddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left:0; /*border-top-left-radius:4px; border-bottom-left-radius:4px;*/ }
.pagination > li:last-child > a, .pagination > li:last-child > span { /*border-top-right-radius:4px; border-bottom-right-radius:4px;*/ }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color:#23527c; background-color:#eee; border-color:#ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index:2; color:#fff; cursor:default; background-color:#4e5e95; border-color:#4e5e95; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd; }
/**/
.pagination-sm > li > a, .pagination-sm > li > span { padding:5px 10px; font-size:12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { /*border-top-left-radius:3px; border-bottom-left-radius:3px;*/ }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { /*border-top-right-radius:3px; border-bottom-right-radius:3px;*/ }

.list-count {
    border: 1px solid #ccc;
    color: #777;
    display: inline-block;
    padding: 3px 20px;
    vertical-align: top;
}

/* 评论列表 */
.media { margin-top:15px; }
.media:first-child { margin-top:0; }
.media, .media-body { overflow:hidden; zoom:1; }
.media-body { width:10000px; }
.media-object { display:block; }
.media-right, .media > .pull-right { padding-left:10px; }
.media-left, .media > .pull-left { padding-right:10px; }
.media-left, .media-right, .media-body { display:table-cell; vertical-align:top; }
.media-middle { vertical-align:middle; }
.media-bottom { vertical-align:bottom; }
.media-heading { margin-top:0; margin-bottom:5px; }
.media-list { padding-left:0; list-style:none; }

/* banner */
.banner { position:relative; overflow:hidden; width:100%; }
.banner .bd { position:relative; z-index:0; }
.banner .bd ul { width:100% !important; height:560px; overflow:hidden; }
.banner .bd li { width:100% !important; height:560px; }
.banner .bd li .siteWidth { position:relative; margin:0 auto; }
.banner .bd li a { display:block; width:100%; height:100%; }
.banner .bd .txt { position:absolute; top:100px; left:22px; width:415px; /*font:normal 18px/30px "Microsoft YaHei";*/ }
.banner .bd .btn { display:block; zoom:1; margin-top:8px; width:72px; padding-right:10px; height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat; _background:url(../images/banner-btn-ie6.png) 0 0 no-repeat; }
.banner .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li { cursor:pointer; display:inline-block; *display:inline;
zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; /*overflow:hidden;*/ line-height:9999px; filter:alpha(opacity=40); opacity:0.4; }
.banner .hd ul .on { filter:alpha(opacity=100); opacity:1; }

/* 广告位 */
.adSlide { width:100%; height:160px; overflow:hidden; position:relative; clear:both; }
.adSlide .hd { position:absolute; z-index:1; right:6px; top:0px; }
.adSlide .hd ul { overflow:hidden; zoom:1; /*float:left;*/ }
.adSlide .hd ul li { /*float:left;*/ margin-right:2px; width:32px; height:32px; line-height:32px; text-align:center; background:#e7e7e7; color:#333; cursor:pointer; /*font-weight:600; filter:alpha(opacity=60); opacity:0.6;*/ }
.adSlide .hd ul li.on { background:#474747; color:#fff; /* font-weight:bold; filter:alpha(opacity=100); opacity:1;*/ }

.adSlide .bd { position:relative; z-index:0; }
.adSlide .bd img { width:260px; height:160px; }

/* 图片滚动 */
.picScroll { position:relative; height:162px; /*padding:0 6px;*/ background:#fff; /*overflow:hidden;*/ }
.picScroll ul { overflow:hidden; zoom:1; }
.picScroll ul li { float:left; /*margin:0 8px;*/ margin-right:20px; width:260px; overflow:hidden; display:inline; }
.picScroll ul li img { width:260px; height:162px; }
/*.picScroll .prev, .picScroll .next { position:absolute; left:10px; top:60px; display:block; width:18px; height:28px;  overflow:hidden; background:url(images/bg-icon.jpg) -40px 0 no-repeat; cursor:pointer; }
.picScroll .next { left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop { background-position:0 0; }
.picScroll .nextStop { background-position:-80px 0; }*/
.picScroll .prev,
.picScroll .next { position:absolute; top:-62px; display:block; width:32px; height:32px; overflow:hidden; cursor:pointer; }
.picScroll .prev { right:95px; background:url(images/bg-icon.jpg) no-repeat scroll 0 0; }
.picScroll .next { right:62px;  background:url(images/bg-icon.jpg) no-repeat scroll 100% 0;}
