/* 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; background:#eaeaea; letter-spacing:0px}
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;}
table td{background-color:#fff;height:30px;line-height:30px;padding-left:5px;}
table td #verifycode{float:left;width:60px;margin-right:7px;}
/*documnet*/
.container{ width:1235px; display:block; margin:0 auto; padding:0; clear:both}
#top{ width:100%; display:table; background:#005699; line-height:22px}
.topnav{ width:265px; height:22px; line-height:22px; float:right; color:#FFFFFF; text-align:center}
.topnav a{ width:auto; margin:0 3px; color:#FFFFFF;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:50px; float:left; background:url(../images/index_05.jpg) no-repeat}
.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/ioooi.jpg) repeat-x }
#notice{ width:100%; display:table; height:64px; background:url(../images/index_08.jpg) no-repeat center}
.nocco{ width:1140px; height:64px; line-height:64px; color:#FFFFFF; position:absolute; right:0; top:0}
/*menu*/
#nav {margin:0; width:1235px; display:block; height:44px;padding-bottom:6px;}
#nav .jquery_out {float:left;line-height:44px;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:133px;/*IE6 only*/; background:url(../images/menul.jpg) no-repeat left top; padding:0 2px 0 5px}
#nav .mainlevel a {color:#FFF; text-decoration:none; line-height:44px; display:block; width:133px; text-align:center; font-weight:bold; font-size:14px; font-family:"微软雅黑"}
#nav .mainlevel a:hover {color:#FFF; text-decoration:none; background:#A60009; widows:133px; background:url(../images/menua.jpg) repeat-x left top}
#nav .mainlevel ul {display:none; position:absolute; padding-top:5px}
#nav .mainlevel li {border-top:1px solid #fff; background:#4d4b50; height:30px;line-height:30px;width:133px;/*IE6 only*/}
#nav .mainlevel li a{ color:#fff; font-weight:normal; width:133px; line-height:30px}
#nav .mainlevel li a:hover{height:30px;line-height:30px; background:#8c8f94}
.dir{ text-transform:uppercase; display:block}
.sub li a{}
/*banner*/
#banner{ width:100%; height:421px; display:table}
/*content*/
#content1{ width:100%; display:table; background:#FFFFFF}
#nycontent{ width:100%; display:table; clear:both;background: url(../images/lmt.jpg) repeat-x #FFFFFF}
/*news*/
.news{ width:301px; height:248px; float:left; display:inline}
.newstit{ width:249px; height:48px; float:left; position:relative; background:url(../images/index_09.jpg) no-repeat}
.newscon{ width:280px; height:184px; float:left; background:url(../images/index_12.jpg) no-repeat; padding:16px 0 0 21px; }
/*news2*/
.news2{ width:579px; height:248px; float:left; }
.new2tit{ width:579px; height:48px; float:left; background: url(../images/indes_10.jpg) repeat-x; }
.new2con{ width:539px; height:175px; float:left; background: url(../images/index_13.jpg) no-repeat; line-height:23px; padding:20px 20px 5px 20px}
.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; 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:100%; height:268px; float:left}
.producttit{ width:1235px; height:45px; float:left; background:url(../images/index_15.jpg) no-repeat}
.productcon{ width:1195px; height:213px; float:left; background:url(../images/index_16.jpg) no-repeat; padding:10px 0 0 40px}
.picbox{ width:223px; height:auto; float: left}
.picbor{ width:217px; height:178px; padding:2px; border:1px solid #d0d0d0}
.pictit{ width:217px; height:20px; line-height:20px; float:left}
/*join1*/
.join1{ width:309px; height:250px; float:left; overflow:hidden}
.join1t{ width:309px; height:35px; float:left; background:url(../images/index_17.jpg) no-repeat}
.join1c{ width:291px; height:207px; float:left; background:url(../images/index_20.jpg) no-repeat; padding:8px 0px 0px 18px}
.join1i{ width:278px; height:82px; float:left; padding:2px; border:1px solid #eaeaea; margin-bottom:5px}
.join1l{ width:278px; height:90px; float:left}
.join1l li{ width:278px; height:23px; line-height:23px; border-bottom:1px dashed #d0d0d0; background:url(../images/lisyl.jpg) no-repeat left center; text-indent:10px}
/*paint*/
.paint{ width:571px; height:250px; float:left; overflow:hidden}
.paintt{ width:571px; height:35px; float:left; background:url(../images/index_18.jpg) no-repeat}
.paintc{ width:571px; height:215px; float:left; background:url(../images/index_21.jpg) no-repeat}
.paintl{ width:267px; height:200px; float:left; padding:15px 0 0 20px}
.paintl li{ width:278px; height:23px; line-height:23px; background:url(../images/lisyl.jpg) no-repeat left center; text-indent:10px}
/*us*/
.us1{ width:355px; height:250px; float:left; overflow:hidden}
.us1t{ width:355px; height:35px; float:left; background:url(../images/index_19.jpg) no-repeat}
.us1c{ width:335px; height:195px; float:left; background:url(../images/index_22.jpg) no-repeat; line-height:23px; padding:20px 0 0 20px}
/*proty1*/
.proty1{ width:1225px; height:172px; float:left; background:url(../images/index_23.jpg) no-repeat; padding:5px 0 0 10px}
.proimg1{ width:187px; height:159px; float:left; padding:2px; border:1px solid #eaeaea; margin:0 5px}
/*flink*/
.friendlink{ width:100%; height:113px; display:block}
.flinktit{ width:998px; height:35px; float:left; background: url(../images/index_36.jpg) no-repeat; margin-bottom:12px; display:inline}
.flinkcon{ width:988px; height:62px; float:left; background:url(../images/index_38.jpg) no-repeat; padding:2px 5px; text-align:center}
.flinkcon a{ width:140px; height:62px; float:left}
.foot{ width:100%; height:112px; display:table; background:url(../images/index_25.jpg) repeat-x center top}
.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{ width:1235px; height:112px; background:url(../images/index_25.jpg) no-repeat center top}
.cropy{ width:400px; line-height:25px; text-align:left; height:70px; float:right; margin-top:40px; display:inline;color:#FFFFFF; padding-right:15px}
/*inside*/
.leftmenu{ width:293px; height: auto; float:left; background:#FFFFFF}
.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:262px; height:59px; float:left; position:relative; background: url(../images/neiye_04.jpg) no-repeat left bottom }
.leftcon{ width:262px; height:auto; float:left; background:url(../images/seide_07.jpg) repeat-y; padding-top:5px}
.leftcon ul li{ width:262px; height:30px; float:left; text-align: center; background:url(../images/leftlibh.jpg) no-repeat left bottom}
.leftcon ul li a{ height:25px; line-height:25px; color:#fff; font-size:14px; }
.leftconft{ width:262px; 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:10px; left:30px}
.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:920px; height:auto; float:right; background:#ffffff; }
.right_title{ width:920px; height:74px; position:relative; background: url(../images/neiye_07.jpg) no-repeat}
.right_guide{ height:20px; line-height:20px; position:absolute; font-size:12px; left:5px;top:24px; color:#045493; font-family:"微软雅黑"; font-size:14px; font-weight:bold}
.content-content{ width:880px; float:right; padding:10px 20px 0px 20px; text-align:left; height:auto!important; min-height:176px; height:176px;}
/*新闻列表*/
.class_news_list{ margin-top:10px}
.class_news_list li { height:28px; line-height:28px; float:left; width:740px; 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:880px; height:60px; float:left }
.class_title_bt{ width:880px; float:left; height:20px; line-height:20px; font-size:14px; color:#000000; text-align:center; font-weight:bold}
.class_title_bt11{ width:880px; 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:160px; float:left; width:173px; margin-right:6px}
.p_pic{ width:164px; height:124px; border:1px solid #b0b0b0}
.p_title{ width:164px; 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;
}