@charset "utf-8";
/* CSS Document */

body{font-family: "微软雅黑","宋体",Arial; font-size: 12px; margin:auto;}

html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, select, blockquote, th, td p { margin:0; padding:0;}
*{ margin:0px; padding:0px}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,li { list-style:none;}
img { border:0px; margin:0; padding:0;}
a{ text-decoration:none; color:#fff;}
.clear { clear: both !important; float: none !important; line-height: 0 !important; }
.fl{ float:left; display:inline;margin-top:10px;}
.fr{ float:right; display:inline;}
.pr{ position:relative}
.pa{position:absolute;}
.w{width:100%; margin:0px auto;}
.width{ width:1275px; margin:0px auto;}
.auto{ margin:0px auto;}
.he1{ height:10px;}
.he2{ height:20px;}
.he3{ height:30px;}
.he4{ height:40px;}
.g,.g2{ text-align:center; }
.dbg{ background:#f7f7f7;}
.f4{ font-size:14px; font-weight:bold;}


.top{ height:50px; background:#26313e; line-height:50px;}
.top_nav{ width:323px; float:right; height:50px;}
.top_nav ul li{ float:left; display:block; width:107px;}
.top_nav ul li a{ display:block; padding:10px 0; height:30px; font-size:14px; line-height:30px;}
.top_nav ul li a img{ display:block; float:left; margin-right:10px;}

.ln{ height:153px;margin-left:auto;margin-right:auto;}
.ln .logo{ width:258px; height:97px;}
.ln .nav{ padding-top:40px;margin-top:50px;}
.ln .nav ul{ display:block;}
.ln .nav ul li{ float:left; /*border-right: solid 1px #98999d;*/ height:17px;  text-align:center;  margin-left: 2px;} 
.ln .nav ul li.bno{ border:none;}
.ln .nav ul li a{ color:#fff; height:17px; line-height:17px;font-size:18px; display:block;margin:0 auto; padding:0 20px;}
.ln .nav ul li a:hover{ text-decoration:underline; padding-bottom:5px;}


/*ban*/
.ban{width:100%;min-height:850px; position:relative; }
#flashs .btn{  bottom: 170px; margin-right: -15px; padding: 20px 6px; position: absolute;right: 50%; z-index: 7; }
#flashs .btn span{ color:#fff;  background:#fcee11; border-radius:5px;  cursor: pointer;display: inline-block;margin-left: 10px; width:10px; height:10px; text-indent:-999px;overflow: hidden;}
#flashs .btn span.cur{ background:#FFF; color:#2db4e3}
.bgitem{ position:absolute; width:100%;}
.bgitem img{ display:block; max-height: 850px;  max-width:1273px; margin:0 auto;}


.g{ margin-bottom:10px; margin-top:10px;}
.banner {width: 1275px;height:576px; position:relative; margin-bottom:50px;}
.banner, .banner ul {display: block;height: 576px;overflow: hidden;}
.banner li, .banner li a, .banner li a img {display: block;width: 1275px;height: 576px;float: left;overflow: hidden;}
.banner #prevbt {display: block;width: 55px;height: 36px;background: url(../images/left.png) no-repeat;position: absolute;top: 270px;}
.banner #nextbt{display: block;width: 55px;height: 36px;background: url(../images/right.png) no-repeat ;position: absolute;top: 270px;}
.banner #prevbt {left: 0;	border-top-right-radius: 5px;	border-bottom-right-radius: 5px;}
.banner #nextbt {right: 0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.banner { cursor:pointer;}





.index-list{ overflow:hidden;}
.index-list ul{ display:block;/*height:382px;*/ padding-top:20px;}
.index-list ul li{display:block;float:left; width:186px; height:151px; margin-right:10px; margin-left:10px; margin-bottom:50px;}
.index-list ul li a img{border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow:0px 0px 8px #fff;
	display: block;
	width: 186px;
	height: 151px;
	border: 3px solid #FFF;
}
.index-list ul li.li1{  width:318px; height:362px; margin-right:20px;}
.index-list ul li.li1 a{ display:block;width:318px; height:362px; position:relative;}
.index-list ul li.li1 a img.liimg{ display:block;width:318px; height:362px;}
.index-list ul li.li1 a img{ width:192px; height:132px; display:block;}
.index-list ul li.li1 a p{ display:block; width:192px; height:132px; position:absolute; left:50%; top:50%; margin-left:-96px; margin-top:-66px;}


.foot{ height:283px;margin-left:auto;margin-right:auto;}
.foot dl.sh-1{ width:77px; float:left; display:block; margin-left:80px; margin-right:30px; padding-top:35px;}
.foot dl.sh-1 dt{ display:block; font-size:16px; color:#fff; border-bottom: solid 1px #37414d; width:70px; line-height:40px;}
.foot dl.sh-1 dd{ display:block; overflow:hidden; line-height:30px;}
.foot dl.sh-1 dd a{ /*color:#a0a3a7;*/ color:#fff;font-size:14px;}
.flogo{ width:386px; font-size:14px; line-height:26px; color:#fff; float: right; margin-right:20px; padding-top:40px;}
.flogo a{ color:#fff;}

.foot dl.thd{ width:180px; float:left; display:block; margin-left:80px; margin-right:0px; padding-top:35px; position:relative;}
.foot dl.thd dt{ display:block; font-size:16px; color:#fff;  border-bottom: solid 1px #37414d; width:70px; line-height:40px;}
.foot dl.thd dd{ display:block; overflow:hidden; line-height:30px; width:80px;}
.foot dl.thd dd a{ /*color:#a0a3a7;*/color:#fff; font-size:14px;}




/*内页*/
.pro1,pro{ min-height:400px;}
.pro ul li{ display:block; float:left; width:390px; margin:0px 15px 20px 10px;}
.pro ul li a img{ border:solid 6px #f0dfda; display:block; width:378px; height:252px;box-shadow: 0px 0px 12px #888888;}
.pro ul li p{ display:block; line-height:40px; text-align:center;}
.pro ul li p a{ font-size:16px; color:#5e5e5e;}

.pro1 ul li{ display:block; float:left; width:300px; margin:0px 8px 20px 7px; background:url(../images/libg1.png) no-repeat top right;padding-top:4px;}
.pro1 ul li a img{ border:solid 6px #ececec; display:block; width:251px; height:184px; margin-left:11px; }
.pro1 ul li p{ display:block; line-height:40px; text-align:center;}
.pro1 ul li p a{ font-size:16px; color:#5e5e5e;}


.right{ width:404px; margin-right:100px; padding-top:44px; margin-bottom:80px;}
.right .mimg{ width:402px; height:525px; border:solid 1px #ccc8c7;}

.left{ width:556px;  margin-left:150px;}
.title{ font-size:16px; color:#552105; line-height:40px; border-bottom:solid 4px #aa8f81; width:440px;}
.about{ font-size:14px; line-height:34px;color:#552105; padding-top:50px;}

.news_list{ min-height:400px;padding-top:50px;}
.news_list a{font-size:14px;color:#552105;}
.news_list ul li{ line-height:30px; display:block; height:30px;}
.news_list ul li a { display:block; height:30px; overflow:hidden;}
.news_list ul li a:hover{ text-decoration:underline;}
.news_list ul li a span{ float:right;}



.pro_show{ padding:10px 0px; max-width:1273px; margin:0 auto;}
.pro_show h1{ font-weight:normal; text-align:center; font-size:16px; padding-bottom:18px;}
.pro_show .pro_show_img img{ display:block; margin:0 auto; }

.cpcs{ font-size:14px; line-height:40px;}


.liuy{padding-top:50px;}
.liuy input.input1{ border: solid 1px #5a280d; width:208px;  height:29px; line-height:29px; background:#fff; margin-bottom:10px;}
.liuy input.inputy{ width:80px;}
.liuy input.button1{ border: solid 1px #5a280d; width:86px; display:inline-block; height:23px; background:#fff;}
.liuy textarea.input1{ border: solid 1px #5a280d; width:402px;  height:211px;  background:#fff;margin-bottom:10px;}


.linkdd a{ display:block; height:24px; margin:6px 0;}
.linkdd a.al{ background:url(../images/al.png) no-repeat left center;}
.linkdd a.ta{ background:url(../images/ta.png) no-repeat left center;}
.linkdd a.al:hover{ background:url(../images/al-h.png) no-repeat left center;}
.linkdd a.ta:hover{ background:url(../images/ta-h.png) no-repeat left center;}

/*分页样式*/
.ewpage {height: 25px;line-height: 25px;background: none repeat scroll 0% 0% #F9F9F9;padding: 0px 5px;margin-top: 10px;border: 1px solid #CCC;text-align: center;}
.ewpage input { width:30px; color:#666; height:17px;border:1px solid #D4E3E9;}
.ewpage a,.ewpage .current,.ewpage .disabled {text-decoration:none;color:#666;border: 1px solid #D4E3E9;padding:0px 3px;
background-color:#FFFFFF;}
.ewpage .current {background-color:#552105; color:#fff;}
.ewpage .disabled { }
.ewpage a:hover{background-color:#552105;color:#fff;}
.ewpage a:hover,.ewpage a:actived {color:#fff;background:#f00;}

.ewsx{height: 25px;line-height: 25px;background: none repeat scroll 0% 0% #F9F9F9;padding: 0px 5px;margin-top: 10px;border: 1px solid #CCC;color:#000; margin-bottom:20px;}
.ewsx a{ color:#000;}
.ewsx .ew_s{ width:48%; height:25px; overflow:hidden;}
.ewsx .ew_x{ width:48%; height:25px; overflow:hidden; text-align:right}


/*产品图片*/
.slider{position: relative}
.slider div{position: relative;text-align: center;padding: 0px;list-style-type: none;margin: 0px;width: 900px;height: 660px;overflow: hidden;}
.slider span{z-index: 99;position: absolute;text-align: center;width: 100%;bottom: 2px;color: #ffffff;font-size: 12px;font-weight: bold}
.slider .txtbg{position: absolute;filter: alpha(opacity=70);width: 100%;bottom: 0px;height: 17px;padding-top: 5px;left: 0px;opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7}
.slider .txtbg img{width: 620px;height: 240px;}
.hdnum{width: 320px;height: 86px;overflow: hidden;padding-top: 2px;margin-left:490px;}
.hdnum li{padding: 1px;background-color: #000;width: 100px;float: left;margin:0 0 0 1px;overflow: hidden;}
.hdnum li img{width: 100px;height: 95px;filter: alpha(opacity=50);opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5}
.hdnum li.on{padding: 0;background-color: #f54102;width: 100px;}
.hdnum li.on img{border: #f54102 2px solid;filter: alpha(opacity=100);width: 100px;height: 95px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1}


#index_bk{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/*background-image: url(../images/b-ba.png);*/
	background-repeat: no-repeat;
	width: 1290px;
	height: 755;
	margin-right: auto;
	margin-left: auto;
	box-shadow:0px 0px 8px #fff;
	border: 5px solid #FFF;
}
@font-face {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	src: url('fontawesome-webfont.eot') format("embedded-opentype"), url('fontawesome-webfont.woff') format("woff"), url('fontawesome-webfont.ttf') format("truetype"), url('fontawesome-webfont.svg') format("svg");
}
/* ::::: http://devrama.com/static/_default/base.css ::::: */

article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0px; padding: 0px; }
a, a:visited { color: rgb(46, 162, 204); }
a:hover { color: rgb(33, 112, 141); }
*, *:after, *:before { box-sizing: border-box; }
.clear:after { content: ""; display: block; clear: both; }
p code { padding: 2px 4px; font-size: 0.9em; color: rgb(175, 30, 67); white-space: nowrap; background-color: rgb(243, 220, 227); border-radius: 4px; }
#content > h1, #content > h2, #content > h3 { color: rgb(39, 114, 141); margin: 0px; }
#content > h1 { font-size: 50px; padding-top: 0.83em; }
p { font-size: 16px; line-height: 1.5em; }
header { background-color: rgb(0, 0, 0); }
header .home { float: left; display: block; padding: 7px; color: rgb(179, 179, 179); }
header .home:hover { color: rgb(181, 24, 27); }
footer { position: fixed; bottom: 0px; width: 100%; background-color: rgb(0, 0, 0); color: rgb(179, 179, 179); text-align: center; padding: 3px; z-index: 1000; }
/* ::::: http://devrama.com/static/_default/js/syntaxhighlighter_3.0.83/styles/shCore.css ::::: */

.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { background: none repeat scroll 0% 0% transparent ! important; border: 0px none ! important; bottom: auto ! important; float: none ! important; height: auto ! important; left: auto ! important; line-height: 1.1em ! important; margin: 0px ! important; outline: 0px none ! important; overflow: visible ! important; padding: 0px ! important; position: static ! important; right: auto ! important; text-align: left ! important; top: auto ! important; vertical-align: baseline ! important; width: auto ! important; box-sizing: content-box ! important; font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace ! important; font-weight: normal ! important; font-style: normal ! important; font-size: 1em ! important; min-height: inherit ! important; }
.syntaxhighlighter { width: 100% ! important; margin: 1em 0px ! important; position: relative ! important; overflow: auto ! important; font-size: 1em ! important; }
.syntaxhighlighter .line { white-space: pre ! important; }
.syntaxhighlighter table { width: 100% ! important; }
.syntaxhighlighter table td.code { width: 100% ! important; }
.syntaxhighlighter table td.code .container { position: relative ! important; }
.syntaxhighlighter table td.code .line { padding: 0px 1em ! important; }
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 0em ! important; }
.syntaxhighlighter .toolbar { position: absolute ! important; right: 1px ! important; top: 1px ! important; width: 11px ! important; height: 11px ! important; font-size: 10px ! important; z-index: 10 ! important; }
.syntaxhighlighter .toolbar a { display: block ! important; text-align: center ! important; text-decoration: none ! important; padding-top: 1px ! important; }
/* ::::: http://devrama.com/static/_default/js/syntaxhighlighter_3.0.83/styles/shThemeEmacs.css ::::: */

.syntaxhighlighter { background-color: black ! important; }
.syntaxhighlighter .line.alt1 { background-color: black ! important; }
.syntaxhighlighter .line.alt2 { background-color: black ! important; }
.syntaxhighlighter .toolbar { color: white ! important; background: none repeat scroll 0% 0% rgb(153, 0, 0) ! important; border: medium none ! important; }
.syntaxhighlighter .toolbar a { color: white ! important; }
.syntaxhighlighter .toolbar a:hover { color: rgb(156, 207, 244) ! important; }
.syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: rgb(211, 211, 211) ! important; }
.syntaxhighlighter .string, .syntaxhighlighter .string a { color: rgb(255, 158, 123) ! important; }
.syntaxhighlighter .keyword { color: aqua ! important; }
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: rgb(235, 219, 141) ! important; }


#nav { 
line-height: 24px; list-style-type: none; /*background:#666; */
} 
#nav a { 
display: block; width: 120px; text-align:center; 
} 
#nav a:link { 
color:#fff; text-decoration:none; 
} 
#nav a:visited { 
color:#fff;text-decoration:none; 
} 
#nav a:hover { 
color:#FFF;text-decoration:none;font-weight:bold; 
} 
#nav li { 
float: left; width: 120px; /*background:#CCC;*/ 
} 
#nav li a:hover{ 
/*background:#999; */
} 
#nav li ul { 
line-height: 27px; list-style-type: none;text-align:left; background-color:#000;margin-left:18px;
left: -999em; width: 90px; position: absolute; z-index:12;display:block;
} 
#nav li ul li{ 
float: left; width: 180px; margin-top:10px;display:block;height:25px;
/*background: #F6F6F6; */
} 
#nav li ul a{ wedisplay: block; width: 156px;text-align:left;padding-left:10px; margin-left:-4px;
} 
#nav li ul a:link { 
color:#fff; text-decoration:none; display:block;
} 
#nav li ul a:visited { 
color:#fff;text-decoration:none; 
} 
#nav li ul a:hover { 
color:#ff9000;text-decoration:none;font-weight:normal; 
/*background:#C00; */
} 
#nav li:hover ul { 
left: auto; 
} 
#nav li.sfhover ul { 
left: auto; 
z-index:12;
} 
#content { 
clear: left; 
}