﻿@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,lengend,button,input,textarea,th,td,table{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Tahoma,"\5b8b\4f53",Helvetica,Arial,sans-serif;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp,tt{font-family: "Courier New",Courier,monospace;}
small{font-size:12px;}
ul{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before,q:after{content:'';}
legend{color:#000;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
hr{border:none;height:1px;}
html{overflow-y:scroll; background:#e6e6e6;}
:focus{outline:none;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.sybody{ text-align:left; background:url(/skins/images/botbg.jpg) center bottom no-repeat; color:#333333; border-top:6px #f2c200 solid;}
.nybody{ text-align:left; background:url(/skins/images/nybotbg.jpg) center bottom no-repeat; color:#333333; border-top:6px #f2c200 solid;}
.top-bg{ background:url(/skins/images/top-bg.jpg) top center no-repeat;}
.nytop-bg{ background:url(/skins/images/nytopbg.jpg) top center no-repeat;}
.logo{ width:960px; margin:0 auto; text-align:left; padding-bottom:252px;}
.logo a{ display:block; width:550px; height:110px;}
.nav{ width:760px; margin:0 auto;}
.nav li{ width:101px; background:url(/skins/images/dhbg.png) center top no-repeat; _behavior: url(/skins/images/iepngfix.htc); padding-top:2px; text-align:center; height:34px; line-height:34px; font-size:14px; margin-right:1px; display:inline; float:left;}
.nav li a{ color:#ffffff; font-weight:bold;}
.nav li a:hover{ color:#ffcc00;}

.center{ padding:20px 30px 30px; width:900px; margin:0 auto;}
.center1{ padding:30px; width:960px; margin:0 auto;}
.syabout{ width:592px; display:inline; float:left;}
.sytitle{ background:url(/skins/images/syico.jpg) left 50% no-repeat; padding-left:30px; height:26px; line-height:26px;}
.sytitle strong{ font-size:14px; color:#000; padding-right:5px;}
.sytitle span{ color:#336699; font-style:italic; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-transform:capitalize;}
.syabout-p{ font-family:"Times New Roman", Times, serif; font-size:10px; color:#999999; font-weight:bold; text-transform:uppercase; padding-bottom:20px;}
.syabout .aboutimg{ display:inline; float:left;}
.syabout .aboutimg img{ border:1px #e1e1e1 solid; padding:2px;}
.syabout .intro{ width:400px; display:inline; float:right; text-indent:2em; line-height:24px;}
.more{ display:block; text-align:right; color:#cc0001;}
.more:hover{ text-decoration:underline;}
.sycase{ width:230px; display:inline; float:right; padding-left:40px; border-left:1px #e1e1e1 solid;}
.sylist{ padding:8px 0;}
.sylist li{ line-height:28px; border-bottom:1px #e1e1e1 dashed;}
.sylist li a{ background:url(/skins/images/dian.jpg) left 50% no-repeat; padding-left:8px;color:#333333;}
.sylist li a:hover{ color:#cc0001;}

.syproduct{ border:1px #e3ecf3 solid; padding:5px; margin:10px 0 30px;}
.syproduct .products{ background:#e5edf0; padding:10px 15px 15px;}
.sytitle1{height:26px; line-height:26px;}
.sytitle1 strong{ font-size:14px; color:#1e5993; padding-right:5px; display:inline; float:left;}
.sytitle1 span{ color:#000; font-style:italic; font-family:Verdana, Geneva, sans-serif; display:inline; float:left; font-size:12px; text-transform:capitalize;}
.sytitle1 .more{ display:inline; float:right; font-size:12px; font-weight:normal;}
.demo {overflow:hidden; width:800px; margin:0 auto; text-align:center;margin-top:10px;}
.demo .picture{ width:150px; padding-right:10px; float:left;text-align:center;}
.demo .picture a{ display:block; border:1px #d7d7d7 solid;}
.demo .picture a img{ padding:3px; background:#fff; border-bottom:1px #d7d7d7 solid;}
.demo .picture a span{ display:block;line-height:24px; color:#ffffff; background:#005993;}
.demo .picture a:hover span{ color:#faec55;}
.indemo {float: left;width: 800%;}
.demo1 {float: left;}
.demo2 {float: left;}

.synews{ width:230px; padding:0 35px; display:inline; float:left; border-right:1px #e1e1e1 solid;}
.synews h2.sytitle,.sycontact h2.sytitle{ padding-top:18px; background:url(/skins/images/syico.jpg) left 90% no-repeat;}
.sycontact{ width:240px; padding:0 20px 0 35px; display:inline; float:left; background:url(/skins/images/sylxwmbg.jpg) center bottom no-repeat;}
.sytitle2{ background:url(/skins/images/syico1.jpg) left bottom no-repeat; padding-left:40px; padding-top:18px; height:26px; line-height:26px;}
.sytitle2 strong{ font-size:14px; color:#000; padding-right:5px;}
.sytitle2 span{ color:#336699; font-style:italic; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-transform:capitalize;}
.sycontact .contactintro{ line-height:24px; padding-top:10px;}
.linksborder{border:1px #e3ecf3 solid; padding:5px; margin:20px 0 0;}
.links{ background:#e5edf0; padding:6px 10px; line-height:24px;}
.links strong{ background:url(/skins/images/syico2.jpg) left 50% no-repeat; padding-left:25px; color:#000000; font-size:14px;}
.links span{color:#336699; font-style:italic; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:0 6px; text-transform:capitalize; font-weight:bold;}
.links a{ padding:0 8px;  color:#333333;}
.links a:hover{ color:#cc0001; text-decoration:underline;}
.foot{ padding:30px; line-height:28px; color:#ffffff; text-align:center;}
.foot a{ color:#ffffff;}
.foot a:hover{ text-decoration:underline;}
/*内容*/
.left{ width:270px; display:inline; float:left; padding-bottom:150px;}
.leftnav h3{ height:46px; line-height:46px; background:url(/skins/images/leftnavbg.jpg) left top no-repeat; padding-left:30px;}
.leftnav h3 strong{ background:url(/skins/images/nyico.jpg) left 50% no-repeat; padding:12px 0 8px 35px; color:#333333; padding-right:10px;}
.leftnav h3 span{ color:#336699; font-style:italic; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-transform:capitalize;}
.leftnav-list{ margin:10px 0px 0 30px; background:#ffffff; padding:20px; width:150px;}
.leftnav-list li{ border-bottom:1px #83a0be solid;line-height:34px; font-size:14px;}
.leftnav-list li a{ background:url(/skins/images/nyico1.jpg) left 50% no-repeat; padding-left:20px;  color:#2c6b96;}
.leftnav-list li a:hover{ color:#ce0002;}
.right{ width:675px; display:inline; float:left; padding-left:15px;}
.header{ border-bottom:1px #e1e1e1 solid; height:34px; padding-top:6px; font-size:12px; width:645px; font-weight:normal; height:26px; line-height:26px; }
.header strong{ background:url(/skins/images/syico.jpg) left 50% no-repeat; display:inline; float:left; padding-left:30px; font-size:18px; font-family:"微软雅黑", "黑体"; padding-left:25px; color:#333333; font-weight:normal;}
.header em{ display:inline; float:left; padding-left:10px; color:#c2c2c2; font-size:16px; font-family:Verdana, Geneva, sans-serif; text-transform:capitalize;}
.header span{ display:inline; float:right;}
.position{}
.position a{ color:#333333; padding:0 5px;}
.position a:hover{ color:#cc0001;}
.pos{ color:#333333; padding:0 5px;}
.product-list{ padding:15px 0;}
.product-list li{ width:150px; display:inline; float:left; padding:0 15px 20px 0;}
.product-list li a{ display:block; border:1px #d7d7d7 solid;}
.product-list li a:hover{ border:1px #666 solid;}
.product-list li a img{ padding:3px; border-bottom:1px #d7d7d7 solid;}
.product-list li p{line-height:24px; color:#ffffff; background:#005993; text-align:center;}
.fenye{height:26px; padding:10px 0;}
DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; MARGIN: 3px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #9aafe6 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe6 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #9aafe6 1px solid; COLOR: #2f69b2; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe6 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #010080 1px solid; BORDER-TOP: #010080 1px solid; BORDER-LEFT: #010080 1px solid; COLOR: #fff; BORDER-BOTTOM: #010080 1px solid; BACKGROUND-COLOR: #2e6ab0
}
DIV.black2 A:active {
	BORDER-RIGHT: #9aafe6 1px solid; BORDER-TOP: #9aafe6 1px solid; BORDER-LEFT: #9aafe6 1px solid; COLOR: #2f69b2; BORDER-BOTTOM: #9aafe6 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #010080 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #010080 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #010080 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #010080 1px solid; BACKGROUND-COLOR: #2e6ab0
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #919392; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}
.leftcontact{ padding:20px 40px 0 30px;}
.leftcontact h3 strong{font-size:14px;}
.leftcontact h3 span{ color:#366599; font-style:italic; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.leftcontact div{ line-height:24px;}
.leftcontact .sylist li{ border-bottom:1px #c2d3da dashed;}

.news-list{ padding:20px 60px 10px 30px;}
.news-list a{ display:block; line-height:30px; color:#4b4b4b; border-bottom:1px #e4e4e4 dashed;background:url(/skins/images/dian.jpg) left 50% no-repeat; padding-left:10px; cursor:pointer;}
.news-list a span{ display:inline; float:left;}
.news-list a em{ display:inline; float:right;}
.news-list a:hover{ color:#ce0002;}
.about{ line-height:24px; padding:20px 30px 20px 0px;}

.pro-content{ padding:20px 25px 20px 0px;}
.pro-content h3,.pro-content h4{ color:#2b6a93;}
.pro-content h4{ height:30px; background:#e5edf0; line-height:30px; padding-left:20px;}
.pro-content .pro-intro{ padding:8px 0; line-height:24px; color:#383838;}
.pro-content .pro-intro img{ text-indent:0;}


.content{ padding:20px 30px 20px 20px; line-height:24px;}
.content h2{ text-align:center;}
.views{ text-align:right;}
.content .con{border-bottom:1px #ccc dashed;padding-bottom:10px;}
.page{ padding:10px; line-height:24px;}
.page a{ color:#333333;}
.page a:hover{ color:#ce0002; text-decoration:underline;}

.message{ text-align:left; margin:0 auto;padding:20px 0 20px 50px;color:#333;}
.message legend{ font-weight:bold; color:#333;}
.message legend em{ color:#cc0000;}
.message fieldset { border: 1px solid #ccc; width:490px; text-align:left; padding:10px;}

.message th{ width:90px; text-align:center; line-height:28px; font-weight:normal; text-align:right;}
.message td{ padding:5px 0; text-align:left;}
.message td .text{ border:1px #ccc solid; line-height:18px; width:150px;color:#333333; height:18px;}
.message td #gender{ display:inline; float:left;}
.message td .sex span{ display:inline; float:left; padding:0 15px 0 8px;}
.message .star{ color:#cc0000; padding-left:10px;}
.message p{ padding:10px 0; text-align:left;}
.message p button{ background:none; border:none; width:58px; height:24px; margin-right:10px; cursor:pointer;}
.message textarea{ border:1px #ccc solid; height:100px; width:360px; line-height:16px; color:#333;}

.daohang{ width:760px; text-align:center; margin:0 auto; position:relative;}
.daohang .main{text-align:left; margin:0 auto;}
.nav{}
.nav a{ color:#ffffff; font-weight:bold;}
.nav span{  width:101px; background:url(/skins/images/dhbg.png) center top no-repeat; padding-top:2px; text-align:center; height:34px; line-height:34px; font-size:14px; margin-right:5px; display:inline; float:left;}
.nav a:hover{ color:#ffcc00;}
.children{left:81px;}
.child{ position:absolute; z-index:1000; top:36px; display:none; float:left; margin-right:2px; padding-bottom:5px; background:url(images/navsubbg.jpg) #002458 left bottom repeat-x;}
.child span{ display:block; width:100px; background:url(/skins/images/navsublist.jpg) left bottom repeat-x;padding-bottom:2px; }
.child span a{ display:block; height:26px; line-height:26px; text-align:center; background:url(/skins/images/subbot.jpg) left bottom repeat-x; color:#fff; }
.child span a:hover{color:#ffcc00;}
div#sub4 span{width:130px;}
div#sub4 span a{width:130px;}
.syhonor{ width:200px; text-align:center; margin:0 auto; height:120px; padding-top:10px;}