@charset "utf-8";
/* CSS Document */
BODY { COLOR:#666; margin: 0px auto; font-size:12px; font-family:"宋体","Microsoft JhengHei","Verdana"; line-height:30px;}
A { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; TEXT-DECORATION: none; FONT-SIZE:12px; COLOR:#666;}
A:hover { FONT-SIZE:12px; COLOR: #FF0000; TEXT-DECORATION: none}
img {border:0}
ul,li,dd,dt { list-style:none;}
/* CSS 头部 */
#topbg { width:100%; height:100px;}
.m { width:1002px; margin:0 auto;}
#logo { width:450px; height:75px; float:left; margin:20px 0 0 0}
#tel { width:290px; height:50px; float:right; margin:30px 10px 0 0}
.nv{width:100%; height:36px; background:url(nv.jpg) repeat-x}
.nv ul{width:980px; margin:0 auto; padding:0}
.nv li{list-style:none; float:left; line-height:36px; width:120px; height:36px; text-align:center; background:url(nvline.jpg) right no-repeat}
.nv li a{display:block; font-size:14px; font-weight:bold; color:#666}
.nv li a:link{display:block}
.nv li a:hover{background:url(nv_hover.jpg) no-repeat 24px 5px; text-decoration:none; color:#fff}
#NavNow{background:url(nv_hover.jpg) no-repeat 24px 5px; text-decoration:none; color:#fff}
#banner { width:100%; height:320px; margin:0 auto; background:#eee}
.code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;}
.code pre{ font-family:"Courier New";font-size:14px;}
.info{ font-size:12px; color:#666666; font-family:Verdana; margin:20px 0 50px 0;}
.info p{ margin:0; padding:0; line-height:22px; text-indent:40px;}
h2.title{ margin:0; padding:0; margin-top:50px; font-size:18px; font-family:"微软雅黑",Verdana;}
h3.title{ font-size:16px; font-family:"微软雅黑",Verdana;}
.importInfo{ font-family:Verdana; font-size:14px;}
/* CSS 主体 */
.m2 { width:995px; margin:0 auto;}
.side { width:225px; float:left;}
.index_main { width:760px; float:right}
#pro_title { width:225px; height:50px; background:url(pro_title.jpg) no-repeat center;}
.pro_class { width:225px; background:#eee; margin:0 auto; padding:0; margin-bottom:10px;}
.pro_class ul { width:225px; margin:0 auto; padding:0;}
.pro_class li { width:225px; height:36px; background:url(pro_class.jpg) no-repeat center; float:left; text-indent:60px; font-weight:bold; color:#333; line-height:36px;}
.pro_class li a { text-indent:30px; font-weight:bold; color:#333;text-indent:60px; }
.pro_class li a:hover { text-indent:30px; font-weight:bold; color:#f00;text-indent:60px; }
.srevice { width:225px; height:60px; margin:5px auto; float:left}
#contact_title { width:225px; height:77px; background:url(contact_title.jpg) no-repeat center; float:left}
#contact_left { width:215px; height:180px; padding:5px; overflow:hidden; float:left; color:#333; font-weight:bold; line-height:24px;}
.company { width:760px; float:left;margin-top:10px;}
#about { width:434px; height:250px; float:left; overflow:hidden; background:#F8F8F8}
#hot { width:314px; height:250px; float:right;  border:1px solid #ddd; background:#F8F8F8}
#about_title { width:434px; height:33px; background:url(about_title.jpg) no-repeat; font-size:18px; font-family:"黑体"; color:#333; text-indent:30px; line-height:33px;}
.en_title { color:#999;font-family:"黑体"; font-size:14px}
.more { color:#F00; width:100px; float:right; font-size:12px; font-family:"宋体"}
.more a { color:#F00; float:right; font-size:12px;font-family:"宋体"}
.more a:hover { color:#000; float:right; font-size:12px;font-family:"宋体"}
.more2 { color:#F00; font-size:12px; font-family:"宋体"; float:right}
.more2 a { color:#F00; font-size:12px;font-family:"宋体"}
.more2 a:hover { color:#000; font-size:12px;font-family:"宋体"}
#hot_title { width:314px; height:31px; line-height:31px; background:url(hot.jpg) no-repeat; font-size:18px; font-family:"黑体"; color:#333; text-indent:10px; line-height:31px;}
#hot_list { width:300px; height:210px; margin:0 auto; padding:0}
#hot_list ul { width:300px; height:210px; margin:0 auto; padding:0}
#hot_list li { width:300px; line-height:30px; float:left; font-size:14px;}
#hot_list li a { font-size:14px;}
#hot_list li a:hover { font-size:14px;}
.date { font-size:14px; float:right}
#scrollBox2{width:314px; height:210px; overflow:hidden; }
#news{ width:373px; height:273px; border:1px solid #ddd; float:left; background:#F8F8F8}
#guide{ width:373px; height:273px; border:1px solid #ddd; float:right; background:#F8F8F8}
.news_title { width:100%; height:34px; background:url(title.jpg) repeat-x;font-size:18px; font-family:"黑体"; color:#333; text-indent:10px; line-height:34px;}
#news_bg { width:373px; height:70px; background:url(news.jpg) no-repeat center; float:left; margin:5px auto}
#guide_bg { width:373px; height:70px; background:url(guide.jpg) no-repeat center; float:left; margin:5px auto}
.news_index { width:360px; height:155px; margin:0 5px; padding:0; float:left}
.news_index ul { width:360px; height:155px; margin:0 auto; padding:0}
.news_index li { width:360px; line-height:30px; float:left; display:inline; background:url(inco.gif) no-repeat 0 10px; text-indent:10px;}
.news_date { float:right}
#products { width:758px; height:185px; margin-top:10px; border:1px solid #ddd; float:left}
.pro_index { width:160px; height:130px; padding:2px;margin:10px;}
.pro_text { text-align:center; line-height:30px; font-size:12px}
.pro_text a { text-align:center; line-height:30px; font-size:12px}
.pro_img { border:1px solid #ddd; padding:2px;}
#bottom { width:100%; height:100px; background:url(bottom.jpg) repeat-x; color:#FFF; text-align:center; float:left; margin-top:10px; font-size:14px}
#bottom a { color:#FFF; text-align:center; font-size:14px}
#bottom a:hover { color:#FF0; text-align:center; font-size:14px}
/* CSS 内容页 */
.contact { width:750px; padding:5px; overflow:hidden; float:left}
.newslist { width:750px; margin:0 auto; padding:0}
.newslist ul { width:750px; margin:0 auto; padding:0}
.newslist li { width:750px; line-height:35px; float:left; display:inline; background:url(inco.gif) no-repeat 0 15px; text-indent:10px; border-bottom:1px dotted #ddd;}
#Page { width:760px; float:left; line-height:30px; text-align:center;}
.contact_title { width:760px; line-height:35px; font-size:18px; text-align:center; font-weight:bold; float:left; border-bottom:1px dotted #ddd;}
.chick {width:760px; height:30px; line-height:30px;  text-align:center;  float:left; border-bottom:1px dotted #ddd;}
.nexpage { color:#F00; width:760px; float:left; line-height:24px; border-top:1px dotted #ddd;}
.nexpage a { color:#F00; }
.nexpage a:hover { color:#000; }
.prolist { width:750px; margin:0 auto ; padding:0}
.prolist ul { width:750px; margin:0 auto ; padding:0}
.prolist li { width:210px; height:153px; float:left; display:inline; margin:10px;}
.prolist li img { width:210px; height:129px; border:1px solid #ddd; padding:1px;}
.prolist li a img { width:210px; height:129px; border:1px solid #ddd; padding:1px;}
.prolist li a:hover img { width:210px; height:129px; border:1px solid #f00; padding:1px;}
.contact_pic { width:750px; padding:5px; overflow:hidden; float:left; text-align:center}
.contact_miaoshu { width:760px; float:left; height:30px; line-height:30px; background:#eee; font-size:16px; color:#900; font-weight:bold; text-indent:10px;}