@charset "utf-8";



/* CSS Document */



/* 创络科技 http://www.chuangluo.com */











/*-- 全局样式 --*/



a:link {color:#666; text-decoration:none;}



a:visited {color:#666; text-decoration:none;}



a:hover {color:#ed6d00; text-decoration:underline;}



img {border:0; margin:0; padding:0;}



.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;} /*定义图片居中*/



#author {width:872px; height:24px; float:left; text-align:center; color:#111111; left: -999em; position: absolute;}



.cle {clear:both; width:0; height:0; overflow:hidden;}



p {margin:10px 0 20px; font-size:12px;}



h1,h2,h3,h4,h5,h6 {margin:10px 0; font-size:14px;}











#nav,.nav_cl_2,#menu,#pro_list,#feedb,#news_list {list-style:none; padding:0; margin:0;}



body,#logo,#language {padding:0; margin:0;}











body {font-family:Arial, Helvetica, sans-serif; background-color:#dfdfdf; font-size:12px; color:#666; line-height:22px;}



#webbody {width:984px; margin:0 auto; padding:0 8px; background:url(../images/webbody_bg.gif) repeat-y center top; overflow:hidden;}



#header {width:960px; float:left; padding:0 12px;}



.mainbody {width:960px; float:left; padding:0 12px; background:url(../images/inside_main_bg.gif) repeat-y 15px top #fff;}



#home_mainbody {background:none; margin-bottom:8px;}







/* 头部 */



#logo {width:223px; height:89px; float:left; border-top:6px solid #ed6d00; overflow:hidden;}



#language {width:727px; padding-right:10px; height:30px; line-height:30px; float:left; border-top:6px solid #ccc; color:#666; text-align:right; overflow:hidden;}



#language a {color:#555;}







#menu_nav{width:734px; float:left; background:url(../images/nav_bg.gif) repeat-x; margin:0 0 7px 3px; display:inline;}



#wrap {width:734px; float:left;}



#main_nav {width:734px; float:left;}



#nav {float:left;}



#nav li {float:left; text-align:center; background:url(../images/nav_line.gif) no-repeat right 10px; padding-right:1px; z-index:5; position:relative;}



#nav li strong {color:#bebdbd; display:block; line-height:17px; font-weight:normal;}



#nav li a {color:#000; display:block; padding:0 30px; line-height:35px; font-size:14px; font-family:Arial; font-weight:bold;}



#nav li a:hover {text-decoration:none;}



#nav li a:active {background-position:left -1px; text-decoration:none;}



li#nav_end {background:none; padding-right:0;}



li#nav_end a {padding-left:40px;}



#nav li .nav_cl_2 {position:absolute; top:52px; left:0px; width:152px; padding:1px 0; display:none; background:#ccc;}







#nav li .nav_cl_2 li {width:150px; background:none; text-align:left; padding:0 1px;}



#nav li .nav_cl_2 li a {padding:3px 20px; line-height:20px; width:110px; background:none; font-size:12px; color:#555; font-weight:normal;}



#nav li .nav_cl_2 li a:hover {background-color:#ed6d00; color:#fff;}



#nav li .nav_cl_2 li a:active {background-color:#e06802;}







#nav li #pro_drop{width:260px;}



#nav li #pro_drop li {width:260px;}



#nav li #pro_drop li a {width:218px;}











.box,#inside_banner {width:960px; height:300px; float:left; border-top:1px solid #c0c0c0; padding-top:8px; overflow:hidden;}



#slide_c {width:960px; height:300px; float:left; position:relative; overflow:hidden;}



#slide_c img {width:960px; height:300px;}



#slide_c .ico_c {position:absolute; right:5px; bottom:11px;}



#slide_c .ico_c li {width:12px; height:12px; float:left; text-indent:-9999px; background:url(../images/banner_icon.png) no-repeat -12px top; display:inline; margin-right:10px; overflow:hidden; cursor:pointer;}



#slide_c .ico_c li.high {background-position:left top;}











/*-- 首页内容 --*/



#home_left {width:223px; float:left; overflow:hidden;}



#h_pro_nav_tit {background:url(../images/tit_1.gif) no-repeat; margin:8px 0 0 0; line-height:28px; color:#fff; padding:0 0 10px 15px; font-weight:normal;}



#menu {width:221px; float:left; border:1px solid #d9d9d9; border-top:0; overflow:Hidden;}



#menu li {float:left; background:url(../images/left_nav_bg.gif) repeat-x; border-bottom:1px solid #d9d9d9;}



#menu li a {font-size:12px; width:180px; float:left; line-height:20px; padding:2px 14px 3px 27px; color:#000; background:url(../images/i_1.jpg) no-repeat 12px 7px;}



#menu li a:hover {text-decoration:none; border-bottom-color:#e06802;}



#menu li .pro_cls_2 {float:left; width:196px; margin:0; padding:1px 0 0 24px; border-top:1px solid #d9d9d9; list-style:none;}



#menu li .pro_cls_2 li {border:1px solid #d9d9d9; margin:1px 0;}



#menu li .pro_cls_2 li a {width:180px; background:none; font-size:12px; padding:2px 13px; border-bottom:1px solid #f9f9f9;}



#menu li .pro_cls_2 li a:hover {color:#555; text-decoration:none; border-bottom-color:#ed6d00;}







#news_more {float:right; line-height:27px; padding-right:16px; font-size:12px; margin-top:8px;}



#h_news_tit {line-height:27px; border:1px solid #ddd; padding-left:16px; font-size:16px; font-weight:normal; margin:8px 0 0; background:url(../images/tit_2.gif) repeat-x #fdfdfd;}



#news_latest {float:left; width:215px; border-left:1px solid #ddd; border-right:1px solid #ddd; background-color:#efeff0; margin:0; padding:16px 0 5px 6px;}



#news_latest dt {float:left; width:87px; height:57px; border:1px solid #ddd; overflow:Hidden;}



#news_latest dd {float:left; margin:0; padding:2px 4px 3px; width:118px; height:54px; line-height:18px; overflow:Hidden;}



#h_news_list {float:left; width:205px; border-left:1px solid #ddd; border-right:1px solid #ddd; background-color:#efeff0; margin:0; padding:0 10px 0 6px; list-style-type:none;}



#h_news_list li {float:left; width:192px; line-height:18px; height:18px; padding-left:13px; background:url(../images/i_2.gif) no-repeat 1px 5px; overflow:hidden;}



a#news_more_2 {line-height:32px; padding-bottom:1px; border:1px solid #ddd; border-top:0; background-color:#efeff0; display:block; padding-left:8px; color:#46742c;}







#home_center {width:498px; float:left; margin:13px 8px 0; display:inline; overflow:hidden;}



#home_about {margin:0 0 8px; padding:8px 8px 10px; border:1px solid #ddd;}



#home_about dt {width:480px; height:auto; overflow:hidden;}

#home_about dt img{max-width:100%;}



#home_about dd {margin:10px 0 0; width:480px; height:108px; line-height:18px; overflow:hidden;}



#home_about dd a {color:#46742c; text-decoration:underline;}







#pro_more {float:right; padding:9px 9px 0 0;}



#h_pro_tit {border:1px solid #ddd; border-bottom:0; margin:0; font-size:14px; font-weight:normal; font-size:16px; line-height:24px; padding:0 0 13px 16px; background:url(../images/tit_3.jpg) no-repeat 6px 24px;}



#demo {width:496px; height:150px; float:left; border:1px solid #ddd; border-top:0; padding:12px 0 14px; overflow:hidden;}



#indemo {float:left; width:800%;}



#demo1 {float:left;}



#demo2 {float:left;}



.pro_one {width:170px; height:170px; float:left; margin-right:11px; display:inline; text-align:center; overflow:hidden;}



.p_img {width:168px; height:120px; float:left; border:1px solid #ddd; overflow:hidden;}



.p_img img {vertical-align:middle;}



.p_img:hover {border-color:#ed6d00;}



a.p_tit {width:170px; height:48px; float:left;}







#home_right {width:223px; float:left; margin-top:13px; overflow:hidden;}



.home_contact {margin:0 0 8px; border:1px solid #ddd; padding:6px 9px 11px 8px;}



.home_contact dt {width:204px; height:105px; overflow:hidden;}



.home_contact dd {margin:8px 4px 0; line-height:22px; height:110px; overflow:hidden; word-break: break-all;}







#home_activity {margin-bottom:0; padding-bottom:5px;}



#home_activity dt {height:84px;}







/* 版权 */



#footer {width:950px; float:left; border-top:4px solid #ed6d00; line-height:20px; padding:6px 17px 17px; text-align:center; overflow:hidden;}















/* 内页框架 */



#inside_banner {height:200px;}



#main_left {float:left; width:223px; border-top:6px solid #ed6d00; padding-left:3px;}



#left_tit {margin:0; font-size:18px; font-weight:normal; padding:16px 12px 8px; color:#1a1a1a; line-height:28px;}



#main_left #menu {border-bottom:0}



#main_left #menu li {border-top:1px solid #ddd; border-bottom:0;}



#main_left #menu li a {padding-bottom:2px; border-bottom:1px solid #f9f9f9;}



#main_left #menu li a:hover {color:#555; border-bottom-color:#ed6d00;}



#main_left #menu li a#on_page {color:#ed6d00; border-bottom-color:#ed6d00; font-size:14px;}



#main_left #menu li a#on_page_2 {color:#ed6d00;}







#main_right {float:right; width:726px; border-top:6px solid #ccc; padding:7px 0 8px 8px}



#location {margin:0; line-height:43px; font-size:14px; background:url(../images/tit_4.jpg) no-repeat #dedede; padding:0 20px 0 14px;}



#location a {color:#fff; font-size:16px; margin-right:34px; overflow:hidden;}







.ri_cont {width:710px; padding:8px; color:#000; overflow:hidden;}



.ri_tit {margin:0; padding:0; font-size:14px; color:#000; line-height:22px;}



.ri_cont img {max-width:710px; height:auto; zoom:expression( function(elm) { if (elm.width>710) { var oldVW = elm.width; elm.width=710; elm.height = elm.height*(710 /oldVW); } elm.style.zoom = '1'; }(this));}



.ri_cont table {border:1px solid #999; border-right:0; border-top:0; vertical-align:middle; text-align:center;}



.ri_cont table th {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}



.ri_cont table td {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}











/*-- 留言反馈 --*/



#feedb_thank {background-color:#eee; line-height:24px; padding:0 10px; margin:0;}



#feedb {margin:4px 23px 180px 11px; float:left; display:inline; width:676px;}



#feedb li {padding:5px 0; float:left; width:676px;}



#feedb li label {margin:0; width:110px; float:left; line-height:18px; font-size:14px; color:#aaa; font-weight:bold; overflow:hidden;}



#feedb li img {float:left; clear:right; padding-top:5px;}



li#img_li {padding:0;}



#feedb li textarea {height:110px; width:552px; border:1px solid #ccc; padding:3px 6px; float:left; line-height:22px; font-size:14px; color:#555; font-family:Arial;}



.form_text {width:552px; float:left; border:1px solid #ccc; padding:5px 6px; height:16px; line-height:16px; font-size:14px; color:#ed6d00; font-family:Arial;}



.form_submit {width:89px; height:25px; line-height:22px; float:left; background:url(../images/sub.gif) no-repeat; border:0; font-size:14px; color:#555; font-family:Arial; cursor:pointer;}



.form_submit:hover {background-color:#eee;}



.form_submit:active {background-color:#e6e6e6;}











/*-- 新闻中心 --*/



#news_list {float:left;}



#news_list li {width:710px; height:21px; line-height:20px; float:left; padding:1px 0; font-size:12px; border-bottom:1px dashed #ddd; overflow:hidden;}



#news_list li span {float:right; margin:1px 0 0 12px; display:inline; color:#666; overflow:hidden; height:28px;}



#news_list li a {color:#666; display:block; padding:1px 0 0 15px; background:url(../images/i_2.gif) no-repeat 5px 7px;}



#news_list li a:hover {color:#ed6d00;}



.list_pages {line-height:26px; font-size:12px; color:#666; padding-top:3px; text-align:center; background-color:#dedede; margin:14px 0 29px;}



.list_pages a {font-weight:bold; padding:0 5px;}



#news_tit {margin:6px 0 4px; font-size:20px; text-align:center; line-height:30px;}



#news_date {margin:0; text-align:right; line-height:32px; border-top:3px solid #dedede;}











/* 产品中心 */



#pro_list_cont {width:725px; padding:0 1px;}



#pro_list .pro_one {margin:8px 5px 0 6px;}



#pro_pages {text-align:right; margin:9px 10px 50px 0;}



#pro_det_img {width:523px; height:375px; float:left; text-align:center; margin:0; border:1px solid #ccc; overflow:hidden;}



#pro_det_img img {vertical-align:middle;}



#pro_det_date {margin:154px 0px 0 19px; width:166px; float:left; line-height:24px; font-size:14px;}



#pro_det_small_img {list-style:none; float:left; width:710px; margin:7px 0; padding:0;}



#pro_det_small_img li {width:168px; height:120px; float:left; border:1px solid #ccc; margin-right:7px; display:inline; text-align:center; overflow:hidden;}



#pro_det_small_img li:hover {border-color:#ed6d00; cursor:pointer;}



#pro_det_small_img li img {vertical-align:middle;}



#pro_det_tit {margin:0; width:710px; float:left; line-height:24px; font-size:14px; font-weight:normal; border-bottom:2px solid #ed6d00; overflow:hidden;}



#pro_det_tit span {width:127px; float:left; text-align:center; margin-right:1px; background-color:#bfbfbf; cursor:pointer;}



#pro_det_tit span.hover {background:#ed6d00; color:#fff;}



.pro_det_cont {width:678px; float:left; padding:8px 16px; overflow:hidden;}



.pro_det_cont img {max-width:678px; height:auto; zoom:expression( function(elm) { if (elm.width>678) { var oldVW = elm.width; elm.width=678; elm.height = elm.height*(678 /oldVW); } elm.style.zoom = '1'; }(this));}











/* 定义在线客服 */



*html{background-image:url(about:blank); background-attachment:fixed;}



.cl_kf_out{position:absolute; visibility:visible; right:0px; top:150px; z-index:2; background:#000;}



.cl_kf01{z-index:10; width:130px; position:fixed; right:0px; top:200px;}



.cl_kf02{right:0px; position:absolute;}



.cl_kf_top{background:url(../images/online3_1_2.gif) no-repeat; width:130px; height:54px; float:left;}



.cl_kf_top_en{background:url(../images/online3_1_2_en.gif) no-repeat; width:130px; height:54px; float:left;}



.cl_kf_top a{display:block; width:20px; height:20px; float:right;}



.cl_kf_cont{background:url(../images/online3_3_2.gif) repeat-y; width:120px; height:auto; float:left; padding-left:10px;}



.cl_kf_cont a{font-family:Tahoma, Geneva, sans-serif; display:block; height:24px; width:110px; font-size:12px; color:#666; vertical-align:middle;}



.cl_kf_cont img{vertical-align:middle; border:0px;}



.cl_kf_line{background:url(../images/online3_4_2.gif) no-repeat; width:130px; height:14px; font-size:0px; float:left;}



.cl_kf_tel{background:url(../images/online3_6_2.gif) repeat-y; width:130px; height:auto; float:left; text-align:center; font-size:12px; color:#666; line-height:18px;}



.cl_kf_foot{background:url(../images/online3_7_2.gif) no-repeat; width:130px; height:8px; float:left; font-size:0px;}