/* CSS Document */
/* 在线客服 QQ*/
#QQFloatDiv { width:118px; margin:0 auto; }
#QQFloatDiv .Head { height:41px; background:url("../images/QQ/head.gif");}
#QQFloatDiv .Body { background:url("../images/QQ/body.gif"); text-align:center; }
#QQFloatDiv .Foot { height:40px; background:url("../images/QQ/foot.gif");}
/* 在线客服 QQ*/
*{ margin:0; padding:0; word-break:breal-all}
body{ font-size:12px; color:#333; letter-spacing:0px;background: url(../images/index_08.jpg) repeat-x #fff left 550px;}
ul,li{ padding:0; margin:0; list-style:none}
a,img{ border:0}
.cle{ display:block; height:0px; line-height:0px; font-size:0px; clear:both; width:100%}
a{ color:#333; text-decoration:none}
a:hover{ color:#333; text-decoration:underline}
.t10{margin-top:10px;}
#nycontent table td{background-color:#fff;height:30px;line-height:30px;padding-left:5px;}
.demo table td{background-color:none;}
table td #verifycode{float:left;width:60px;margin-right:7px;}
/*documnet*/
.container{ width:981px; display:block; margin:0 auto; padding:0; clear:both; overflow:hidden; height:100%;}
#top{ width:100%; display:table; background: url(../images/index_01.jpg) repeat-x; line-height:22px; height:124px}
.topnav{ width:auto; height:22px; line-height:22px; float:right; color:#333; text-align:center; margin-top:20px}
.topnav a{ width:auto; margin:0 3px; color:#333;display:inline-block }
.topnav span{ margin:7px 0 0 3px; width:20px; height:19px; float:left ; }
.logo{ width:1235px; height:101px; float:left; position:relative; background: url(../images/index_04.jpg) no-repeat left top}
.menu{ width:1235px; height:41px; float:left; }
.key{width:127px;height:24px;line-height:24px;border:0px;background:#dddede;margin-top:0px;float:left;}
.search_submit{float:left;margin-top:0px;margin-left:3px;display:inline; height:24px}
.search{ height:25px; line-height:25px; position:absolute; bottom:11px; right:10px}
#head{ width:100%; display: table; background:url(../images/index_01.jpg) left -124px repeat-x }
#notice{ width:100%; display:table; height:43px; background:url(../images/index_10.gif) no-repeat center #fff; margin-top:11px;}
.nocco{ width:890px; height:43px; line-height:43px; color:#333; position:absolute; left:115px; top:0; font-weight:bold}
/*menu*/
#nav {margin:0; width:981px; display:block; height:40px;padding-bottom:0px;}
#nav .jquery_out {float:left;line-height:40px;display:block; text-align:center; color:#fff;font-size:18px; background:#2CAF98;}
#nav .jquery_out .smile {padding-left:1em;}
#nav .jquery_inner {margin-left:16px;}
#nav .jquery {margin-right:1px;padding:0 2em;}
#nav .mainlevel {float:left; width:119px;/*IE6 only*/; background:url(../images/index_05.jpg) no-repeat left top; }
#nav .mainlevel a {color:#FFF; text-decoration:none; line-height:40px; display:block; width:119px; text-align:center; font-weight:bold; font-size:14px; font-family:"微软雅黑"}
#nav .mainlevel a:hover {color:#FFF; text-decoration:none; background:#A60009; widows:109px; background:none}
#nav .mainlevel ul {display:none; position:absolute; padding-top:0px}
#nav .mainlevel li {border-top:1px solid #fff; background:#4d4b50; height:30px;line-height:30px;width:119px;/*IE6 only*/}
#nav .mainlevel li a{ color:#fff; font-weight:normal; width:119px; line-height:30px;background: url(../images/li_a_hover.jpg) no-repeat}
#nav .mainlevel li a:hover{height:30px;line-height:30px; }
.dir{ text-transform:uppercase; display:block}
.sub li a{}
/*banner*/
#banner{ width:100%; height:385px; display:table}
/*content*/
#content1{ width:100%; display:table; padding-top:10px}
.pad_5{ padding:10px 5px 0px 5px; background:#fff}
#nycontent{ width:100%; display:table; clear:both; padding-top:10px }
#nycontent .container{ width:981px; display:block; margin:0 auto; padding:0; clear:both; overflow:hidden; height:100%; padding:10px 5px 0px 5px; background:#fff}
/*news*/
.news{ width:318px; height:287px; border:1px solid #ccc}
.newstit{ width:290px; height:35px; float:left; position:relative; background:url(../images/index_13.gif) no-repeat}
.fr{ float:right}
.fl{ float:left}
.newscon{ float:left; padding:10px 0 0 12px; width:94% }
.newscontit{ height:26px; line-height:26px; }
.newscontit a{ height:26px; line-height:26px; float:left}
.newscontit i{width:0;
height:0;
border-top:3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 3px solid #333;
float:left; margin-right:5px; margin-top:8px}
/*news2*/
.news2{ width:650px; height:305px; float:left; border:1px solid #ccc; }
.newstit{ width:100%; height:30px; float:left; background:url(../images/titbg.jpg) repeat-x }
.newstit h3{ width:100px; height:30px; line-height:30px; color:#FFF; background: url(../images/tith3.jpg) repeat-x; text-align:center; float:left }
.newstit a{ float:right; margin-right:20px; height:30px; line-height:30px}
.new2con{ float:left; line-height:23px; padding:15px }
.new2con span{ width:246px; height:165px; float:left; border:1px solid #ccc; padding:2px; margin:0 10px 10px 0}
.new2con p{ }
.onenews{ width:449px; height:100px; float:left; padding-bottom:10px; border-bottom:2px solid #d0d0d0}
.m2{ width:132px; height:97px; float:left; padding:1px; border:1px solid #d0d0d0}
.onenewscon{ width:290px; height:97px; float:right}
.onenewscon h3{ width:290px; height:auto; float:right; text-align:center}
.gnews{ width:445px; height: auto; float:left; margin-top:20px }
.gnews ul li{ width:445px; height:25px; line-height:25px; border-bottom:1px dashed #d0d0d0; background:url(../images/lisyl.jpg) no-repeat left center; text-indent:10px}
.time{ float:right; height:25px; line-height:25px;}
/*honor*/
.honor{ width:355px; height:248px; float:right; }
.honortit{ width:355px; height:48px; float:left; background: url(../images/index_11.jpg) no-repeat}
.honorcon{ width:335px; height:195px; float:left; background: url(../images/index_14.jpg) no-repeat; padding:5px 0 0 20px}
.honorflash{ width:313px; height:78px; float:left; background: rgba(0,0,0,0.8); padding:2px; border:1px solid #dfdfdf; margin-bottom:5px}
.honlist{ width:313px; height:95px; float:left}
.honlist li{ width:313px; height:23px; line-height:25px; border-bottom:1px dashed #d0d0d0; background:url(../images/lisyl.jpg) no-repeat left center; text-indent:10px}
.joinus1{ width:239px; height:92px; float:left; background:url(../images/joi_25.jpg) no-repeat}
/*myad*/
.myadd{ width:1211px; height:160px; float:left; background:url(../images/index_24.jpg) no-repeat; padding:10px 12px 0 12px}
/*product*/
.product{ width:979px; height:216px; float:left; border:1px solid #ccc}
.producttit{ width:1008px; height:35px; float:left; background:url(../images/index_20.gif) no-repeat}
.productcon{ width:100%; height:166px; float:left; }
.picbox{ width:165px; height:auto; float: left}
.picbor{ width:160px; height:120px; padding:2px; border:1px solid #d0d0d0}
.pictit{ width:162px; height:30px; line-height:30px; float:left}
/*join1*/
.join1{ width:368px; height:232px; float:left; overflow:hidden; margin-left:11px; display:inline}
.join1t{ width:368px; height:31px; float:left; background:url(../images/index_25.gif) no-repeat}
.join1c{ width:368px; height:201px; float:left; background:url(../images/index_27-29.gif) no-repeat; padding:0px 0px 0px 0px}
.join1i{ width:278px; height:82px; float:left; background:rgba(0,0,0,0.8); padding:2px; border:1px solid #eaeaea; margin-bottom:5px}
.join1l{ float:left; margin:10px 0 0 10px}
.join1l li{ width:350px; height:26px; line-height:23px; background:url(../images/lisyl.jpg) no-repeat left center; text-indent:10px; overflow:hidden;
text-overflow:ellipsis;}
/*paint*/
.paint{ width:370px; height:232px; float:right; overflow: hidden}
.paintt{ width:370px; height:31px; float:left; background:url(../images/index_27.gif) no-repeat}
.paintc{ width:370px; height:201px; float:left; background:url(../images/index_29.gif) no-repeat}
.paintl{ float:left; padding:10px 0 0 20px}
.paintl li{ width:278px; height:26px; line-height:26px; background:url(../images/lisyl.jpg) no-repeat left center; text-indent:10px}
/*us*/
.us1{ width:320px; height:305px; float:right; overflow:hidden; border:1px solid #ccc}
.us1t{ width:245px; height:32px; float:left; background:url(../images/index_23.gif) no-repeat}
.us1c{ float:left; line-height:23px; padding:5px}
/*proty1*/
.proty1{ width:1000px; height:194px; float:right; border:1px solid #dcdcdc; border-top:none; margin-right:4px }
.proty1_tit{ width:1008px; height:35px; float:left; background: url(../images/index_34.gif) no-repeat}
.proty1_nav{ width:148px; height:193px; float:left; ; border-right:1px solid #dcdcdc}
.proty1_nav_no{ width:148px; height:42px; float:left; background:url(../images/p_nva.jpg) no-repeat 20px center; text-align:center; line-height:42px; font-size:16px; border-bottom:1px solid #dcdcdc; }
.proty1_con{ display:block; float:right; width:849px; height:100%}
.proty1_con ul{ padding:13px 0 0 3px}
.proty1_con ul li{ width:200px; height:160px; float:left; padding:2px; border:1px solid #dcdcdc; margin:2px}
.proty1_nav_hover{ background:none; background:#196ba7; border-bottom:none;color:#fff; cursor:default}
.proimg1{ width:187px; height:159px; float:left; padding:2px; border:1px solid #eaeaea; margin:0 5px}
/*flink*/
.friendlink{ width:100%; height:68px; border:1px solid #ccc}
.flinktit{ width:998px; height:35px; float:left; background: url(../images/index_36.jpg) no-repeat; margin-bottom:12px; display:inline}
.flinkcon{ width:auto; height:34px; float:left; background:#fff; padding:2px 5px; text-align:center; line-height:38px}
.flinkcon a{ width:auto; height:35px; display:inline-block; margin:0 5px; line-height:35px}
.foot{ width:100%; height:auto; display:table; background:url(../images/footng.jpg) repeat-x center 89px; }
.footmenu{ width:400px; height:70px; line-height:25px; float:left; text-align:left; margin-top:40px; display:inline; color:#FFFFFF; padding-left:15px}
.footmenu a{ width:auto; height:34px; line-height:34px; margin:0 5px}
.fo{ ; height:140px; }
.cropy{ line-height:25px; text-align:center; height:auto; color:#FFFFFF; padding-top:30px; clear:both; }
.cropy img{
margin-bottom:-5px;
}
.cropy a:active{
color:#ffffff;
}
.cropy a:link{
color:#ffffff;
}
.cropy a:visited{
color:#ffffff;
}
/*inside*/
.leftmenu{ width:245px; height: auto; float:left; }
.lmt{ width:293px; height:22px; float:left; background:url(../images/lmt.jpg) no-repeat}
.lmc{ width:262px; height: auto; float:left; padding:0 0 0 21px}
.lefttit{ width:245px; height:35px; float:left; position:relative; background: url(../images/neiye_04.jpg) no-repeat left bottom }
.leftcon{ width:230px; height:auto; float:left; background:url(../images/seide_07.jpg) repeat-y; padding-top:5px; padding-left:15px; padding-bottom:10px}
.leftcon ul li{ width:224px; height:26px; line-height:26px; background:url(../images/lisyl.jpg) no-repeat left center; text-indent:10px}
.leftcon ul li a{ height:25px; line-height:25px; color:#333; font-size:14px; }
.leftconft{ width:245px; height:17px; float:left; background:url(../images/seide_08.jpg) no-repeat ;}
.lefttit h3{ width:auto; height:30px; line-height:30px; position:absolute; color:#FFFFFF; font-size:14px; bottom:3px; left:25px}
.lefttit em{ width:auto; height:30px; line-height:30px; position:absolute; color:#FFFFFF; font-size:16px; top:30px; right:90px}
.lcont{ width:293px; height:241px; float:left}
.lcontt{ width:293px; height:42px; float:left; background:url(../images/lcont.jpg) no-repeat}
.lcontc{ width:273px; height:231px; float:left; background: url(../images/lcontc.jpg) no-repeat; line-height:23px; padding:10px 0 0 20px}
/**/
.right_content{ width:688px; height:auto; float:right; background:#ffffff; border:1px solid #ccc }
.right_title{ width:750px; height:34px; position:relative; background: url(../images/neiye_07.jpg) no-repeat}
.right_guide{ height:20px; line-height:20px; position:absolute; font-size:12px; left:30px;top:5px; color:#fff; font-family:"微软雅黑"; font-size:14px; font-weight:bold}
.content-content{ width:648px; float:right; padding:10px 20px 0px 20px; text-align:left; height:auto!important; min-height:400px; height:400px; }
/*新闻列表*/
.class_news_list{ margin-top:10px}
.class_news_list li { height:28px; line-height:28px; float:left; width:648px; background: url(../images/uoikjl.jpg) no-repeat left center; border-bottom: 1px dotted #cee7bd }
.n_title{ float:left; text-indent:15px }
.n_time{ float:right}
/*详情页*/
.class_title{ margin-top:20px; width:648px; height:60px; float:left }
.class_title_bt{ width:648px; float:left; height:20px; line-height:20px; font-size:14px; color:#000000; text-align:center; font-weight:bold}
.class_title_bt11{ width:648px; float:left; height:20px; line-height:20px; font-size:12px; color:#000000; text-align:center}
/*产品列表*/
.class_products_list{ margin-top:10px; padding-left:0px}
.class_products_list li{ height:190px; float:left; width:216px; margin-right:0px}
.p_pic{ width:200px; height:154px; border:1px solid #b0b0b0}
.p_title{ width:213px; height:30px; line-height:30px; text-align:center; font-size:14px }
/*more*/
.more1{ position:absolute; right:15px; top:5px; height:40px; width:40px;}
.joinus{position:absolute; right:30px; top:20px; }
.tu1{ width:500px; height:375px; margin:0 auto; margin-bottom:10px; border:1px solid #eaeaea; padding:2px}
/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
border:1px solid #cdcdcd;
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the tag */
.MagicZoomHeader{
font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;
background: #91b817;
text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
border:1px solid #aaa;
background: #ffffff;
cursor: hand;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
text-align: center;
background: #ffffff;
color: #444;
border: 1px solid #ccc;
opacity: 0.8;
padding: 3px 3px 3px 3px !important;
display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
padding-top: 3px !important;
}
/* 漏2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */
/* CSS class for thumbnail link */
.MagicThumb {
cursor: url(cursor/zoomin.cur), pointer;
outline: none;
}
/* CSS class for the thumbnail link when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }
/* CSS class for span inside the thumbnail */
.MagicThumb span { display: none; }
/* CSS class for the thumbnail image */
.MagicThumb img { border: 0px solid #808080; outline: none;}
/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }
/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(cursor/zoomout.cur), pointer; }
/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
color: #333333;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 11px;
padding: 8px 16px;
}
/* CSS class for the control bar */
.MagicThumb-controlbar {
display: block;
height: 18px;
}
.MagicThumb-controlbar a {
display: block;
width: 18px;
height: 18px;
margin: 0px 1px;
outline: none;
float: left;
overflow: hidden;
}
.MagicThumb-controlbar a span {
display: block;
width: 1000px;
height: 1000px;
background: transparent url(graphics/controlbar.png) no-repeat 0 0;
outline: none;
position: absolute;
left: 0px;
top: 0px;
}
/* CSS class for the loading message box */
.MagicThumb-loading {
border: 1px solid #000000;
background: #ffffff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
}