@charset "utf-8";
/* CSS Document */
/* 创络科技 http://www.chuangluo.com */

*{font-family:Arial, '宋体';}
input,textarea{outline:none;}
body{padding: 0; margin: 0; background:#999;}
#author{width:872px; height:24px; float:left; text-align:center; color:#111111; left: -999em; position: absolute;}
/*定义全局样式*/

#webbody{width:960px; margin:0px auto; height:auto; float:none;}
#header{width:960px; height:auto; float:left; background:#FFF; padding:0px 10px;}
#mainbody{width:960px; height:auto; float:left; padding:10px 10px 0px 10px; background:#fff;}
#main_left{width:263px; height:auto; float:left; padding-bottom:10px; background:#fff;}
#main_right{width:687px; height:auto; float:right; background:#fff; line-height:24px;}
#footer{width:960px; height:auto; float:left; text-align:center; border-top:solid 6px #ddd; padding:10px; background:#fff; font-size:12px; line-height:24px; color:#666;}
#footer a{text-decoration:none; color:#666;}
#footer a:hover{text-decoration:underline;}
/*定义主框架*/


#logo{width:580px; height:110px; float:left;}
#logo img{border:0px; vertical-align:middle;}
#top_right{width:370px; height:85px; float:left; text-align:right; padding-top:25px; line-height:30px; padding-right:10px; font-size:12px; color:#666;}
#top_right a{color:#666; text-decoration:none;}
#top_right a:hover{color:#0066cc;}
#top_tel{font-size:18px; font-family:Arial, "微软雅黑", "黑体";}
/*定义LOGO、右侧电话、语言版本*/

.right{float:right}
.right a{font-weight:normal; color:#fff; font-size:12px; text-decoration:none;  line-height:45px; padding-right:10px;}
.right1{float:right}
.right1 a{font-weight:normal; color:#666; font-size:12px; text-decoration:none; line-height:37px; padding-right:10px;}
/*定义侧边栏“更多>>”样式*/

#menu_nav{width:960px; height:35px; float:left; background:url(../images/nav_bg.gif) no-repeat;}
#menu_nav a{color:#FFF; }
#menu_nav ul {font-size:14px; list-style: none; margin:0px; padding:0px;}
#menu_nav li {float:left;}
#menu_nav li a{display: block;width: 120px;height: 35px;text-decoration: none;line-height: 35px;text-align: center;font-size:14px;font-family:"微软雅黑", "黑体";}
#menu_nav li a:hover{color:#206bbe; background:url(../images/nav_a_bg.gif) no-repeat;}

#menu_active_a a:visited{color:#206bbe; background:url(../images/nav_a_bg.gif) no-repeat;}
#menu_active_a a{color:#206bbe; background:url(../images/nav_a_bg.gif) no-repeat;}
/*定义导航栏*/


.box{width:960px; height:300px; margin-top:10px; float:left;}
#slide_c { position:relative;width:960px; height:300px; overflow:hidden;}/*幻灯片不带边框*/
/*#slide_c { position:relative;width:960px; height:300px; overflow:hidden; border:1px solid #ccc;} 幻灯片带边框*/
#slide_c img{width:960px; height:300px}
#slide_c .ico_c{position:absolute; right:2px; bottom:6px}
#slide_c .ico_c li{margin:0px; padding:0px; float:left; width:12px; height:12px; text-indent:-9999px; background:url('../images/banner_icon.png') no-repeat; margin-right:6px; cursor:pointer; list-style:none;}
#slide_c .ico_c li.high {background-position:-12px top;}
/*定义banner样式*/

.inside_banner{width:960px; height:auto; margin-top:10px; float:left;}
.inside_banner img {border:0px; vertical-align:middle; max-width:960px; height:auto; zoom:expression( function(elm) { if (elm.width>960) { var oldVW = elm.width; elm.width=960; elm.height = elm.height*(960 /oldVW); } elm.style.zoom = '1'; }(this));}

.box1{width:235px; height:180px; margin-top:4px; float:left;}
#slide_c1 { position:relative;width:235px; height:180px; overflow:hidden; border:1px solid #ccc;}/*幻灯片带边框*/
#slide_c1 img{width:235px; height:180px}
#slide_c1 .ico_c1{position:absolute; right:2px; bottom:6px}
#slide_c1 .ico_c1 li{float:left; width:12px; height:12px; text-indent:-9999px; background:url('../images/banner_icon.png') no-repeat; margin-right:6px; cursor:pointer; list-style:none;}
#slide_c1 .ico_c1 li.high {background-position:-12px top;}
/*定义小型幻灯片样式*/


.left_top{width:228px; height:45px; float:left; background:url(../images/left_top.gif) no-repeat; font-size:14px; font-family:"微软雅黑", "黑体"; color:#fff; line-height:45px; font-weight:bold; padding-left:35px;}
.left_mid{width:255px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding-left:8px;}/*第一侧边栏显示方案*/
.left_foot{width:263px; height:8px; float:left; font-size:0px; background:url(../images/left_foot.gif) no-repeat; margin-bottom:10px;}


.left_mid1{width:240px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding:8px 8px 8px 15px; font-size:12px; color:#666; line-height:22px;}
.left_mid1 p{ margin:0px; padding:0px;}
.left_mid1 a{ text-decoration:none;}
.left_mid1 a:hover{text-decoration:underline;}
/*侧边栏联系方式显示方案*/
.left_mid2{width:235px; height:180px; float:left; background:url(../images/left_mid.gif) repeat-y; padding-left:14px; padding-right:14px; padding-bottom:10px;}
/*第三种侧边栏显示方案，带253*180幻灯片*/
.left_mid3{width:240px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding:8px 8px 8px 15px;}
.left_mid3 ul{list-style:none; margin:0px; padding:0px;}
.left_mid3 ul li{background:url(../images/c_title1.gif) no-repeat; padding-left:10px;}
.left_mid3 ul li a{font-size:12px; line-height:22px; color:#666; text-decoration:none;}
.left_mid3 ul li a:hover{font-size:12px; line-height:22px; color:#666; text-decoration:underline;}
/*侧边栏友情链接*/
/*定义左侧*/


.right_top{width:657px; height:37px; float:left; background:url(../images/right_top.gif) no-repeat; font-size:14px; font-family:"微软雅黑", "黑体"; font-weight:bold; line-height:37px; padding-left:30px;}
.right_mid{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px;}
.right_mid_text{width:440px; height:120px; font-size:12px; color:#666; float:left; line-height:20px; text-indent:2em; display:inline;}
.right_mid_img{width:220px; height:120px; float:left; text-align:center; display:inline; overflow:hidden;}
.right_mid_img img {border:0px; vertical-align:middle; max-width:220px; height:auto; zoom:expression( function(elm) { if (elm.width>220) { var oldVW = elm.width; elm.width=220; elm.height = elm.height*(220 /oldVW); } elm.style.zoom = '1'; }(this));}
/*定义公司简介*/

.right_mid1{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px;}

.right_p_one{width:210px; height:273px; float:left; margin:6px; display:inline;}
.right_p_img{width:208px; height:229px; float:left; text-align:center; border:solid 1px #ccc; overflow:hidden;}
.right_p_img img{vertical-align:middle; border:0px;}
.right_p_title{width:210px; height:44px; float:left; text-align:center; overflow:hidden;}
.right_p_title a{font-size:12px; color:#666; text-decoration:none; line-height:22px;}
.right_p_title a:hover{font-size:12px; text-decoration:underline; line-height:22px;}
/*定义首页右侧最新产品*/

#demo {background: #FFF; overflow:hidden; width: 660px; padding-top:10px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/*定义滚动产品*/

.right_mid ul{list-style:none; margin:0px; padding:0px;}
.right_mid ul li{width:300px; float:left; background:url(../images/c_title1.gif) no-repeat; padding-left:15px; font-size:12px; color:#666;}
.right_mid ul li a{font-size:12px; color:#666; text-decoration:none; line-height:24px;}
.right_mid ul li a:hover{font-size:12px; color:#666; text-decoration:underline; line-height:24px;}
/*定义首页新闻动态列表样式*/

.right_mid2{width:669px; height:auto; font-size:14px; color:#666; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}
.right_mid2 img {max-width:660px; height:auto; zoom:expression( function(elm) { if (elm.width>660) { var oldVW = elm.width; elm.width=660; elm.height = elm.height*(660 /oldVW); } elm.style.zoom = '1'; }(this));}
.right_mid2 td{border:solid #d9d9d9; border-width:0px 1px 1px 0px; padding:10px 0px; text-align:center;}
.right_mid2 table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.right_mid2 table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.right_mid2 table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
/*定义文章详情页面*/
.the_map{width:675px; height:25px; float:left; border:solid 1px #ccc; line-height:25px; padding-left:10px; margin-bottom:8px; font-size:12px; color:#666;}
.the_map a{text-decoration:none; color:#666;}
.the_map a:hover{text-decoration:underline;}
/*定义内页详细页面的样式，如新闻详细页面*/

.right_mid3{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}

.right_mid4{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}
.right_mid4 p{font-size:14px; margin-bottom:10px; margin-top:10px;}
.right_mid4 a{font-size:14px; color:#C00;}
.right_mid4 a:hover{font-size:14px; color:#C00;}

.the_pages{width:665px; height:auto; float:left; text-align:center; border:solid 1px #ccc; line-height:25px; padding:10px; margin-bottom:8px; font-size:12px; color:#666;}
.the_pages a {display:inline-block; width:auto; height:30px; padding:0px 12px; line-height:30px; background:#bbb; color:#FFF; text-decoration:none; font-size:14px; margin:0px 2px;}
.the_pages a:hover{text-decoration:none; background:#fd800d; color:#FFF;}
.the_pages a.active{text-decoration:none; background:#fd800d; color:#FFF;}
/*定义分页*/

.right_mid5{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}

/*定义产品列表页和案例列表页*/
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}/*定义图片居中*/

.details_img{width:500px; height:550px; float:left; border:solid 1px #ccc; text-align:center;}
.details_img img{vertical-align:middle;}
.details_right{width:144px; height:284px; float:left; margin-left:10px; display:inline; padding-top:250px; padding-left:10px; font-size:12px; color:#666;}
.details_right span{color:#F00;}
.details_line{width:659px; height:25px; float:left; background:#eee; padding-left:10px; line-height:25px; font-size:14px; margin-top:10px; margin-bottom:10px;}
.details_text{width:649px; height:auto; float:left; border:solid 1px #ccc; font-size:14px; padding-left:10px; padding-right:10px; color:#666;}
.details_text img{max-width:649px; height:auto; zoom:expression( function(elm) { if (elm.width>649) { var oldVW = elm.width; elm.width=649; elm.height = elm.height*(649 /oldVW); } elm.style.zoom = '1'; }(this));}
.details_text table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.details_text table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.details_text table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
/*定义案例详细页和产品详细页*/


.right_mid6{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}
.right_mid6 ul{list-style:none; margin:0px; padding:0px;}
.right_mid6 ul li{height:30px; line-height:30px; border-bottom:dotted 1px #d9d9d9; font-size:14px; color:#666;}
.right_mid6 ul li a{font-size:14px; color:#666; text-decoration:none; margin:0px 10px;}
.right_mid6 ul li a:hover{font-size:14px; color:#; text-decoration:underline; margin:0px 10px;}

/*定义新闻列表页*/

.news_title{width:669px; height:auto; float:left; line-height:30px; text-align:center; border-bottom:solid 1px #ccc; padding:10px 0px;}
.news_title h1{font-size:24px; margin:0px; padding:0px;}
.news_time{width:669px; height:22px; float:left; text-align:right; font-size:12px; color:#666;}
.news_details{width:649px; height:auto; float:left; font-size:14px; padding:10px; color:#666; word-wrap:break-word;}
.cl_show_code{width:90%; margin:0px auto; padding:10px; background:#fffadd; border:solid 1px #eecaad; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:12px;}
.news_details img {max-width:649px; height:auto; zoom:expression( function(elm) { if (elm.width>649) { var oldVW = elm.width; elm.width=649; elm.height = elm.height*(649 /oldVW); } elm.style.zoom = '1'; }(this));}
.news_details table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.news_details table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.news_details table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
/*定义新闻详细页*/


.right_mid7{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px;}
.right_mid7 ul { list-style:none; margin:5px 5px; padding:0;}
.right_mid7 li { font: bold 12px Arial, Helvetica, sans-serif; color:#666; padding:5px 5px; margin:0;}

#feedb { margin:10px;}
#feedb li {padding:5px 0;}
#feedb li span {padding-left:8px; line-height:28px; font-size:12px; color:#f00;}
#feedb li label {margin:0; width:105px; line-height:28px; padding-right:5px; float:left; font-size:14px; text-align:right;}
#feedb li img {float:left; clear:right; margin-left:6px; border:0px;}
#feedb li textarea,.form_text,.form_code {height:210px; width:500px; border:1px solid #aaa; padding:5px 6px; float:left; line-height:22px; font-size:14px; color:#333; font-family:Arial,'宋体';}
.form_text,.form_code {width:300px; height:16px; line-height:16px;}
.form_code {width:100px;}
.form_submit {width:117px; height:36px; line-height:30px; float:left; background:url(../images/btn.gif) no-repeat; border:0; font-size:12px; color:#fff; cursor:pointer; margin-top:6px; display:inline;}
/*定义留言反馈*/

.n_menu{font-size:12px; color:#666; margin:0px 10px 0px 0px; padding:0px;}
.n_menu li{list-style:none; height:36px; line-height:36px; background:url(../images/c_title1.gif) no-repeat left; padding:0px 0px 0px 10px; border-bottom:dotted 1px #d9d9d9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.n_menu li a{color:#666; text-decoration:none;}
.n_menu li.deep_0 a{font-size:14px; color:#666; text-decoration:none;}
.n_menu li.deep_0{margin-left:0px; background:url(../images/c_title.gif) no-repeat left; padding-left:24px;}
.n_menu li.deep_1{margin-left:20px;}
.n_menu li.deep_2{margin-left:40px;}
.n_menu li.deep_3{margin-left:60px;}
.n_menu li.deep_4{margin-left:80px;}
.n_menu li.deep_5{margin-left:100px;}
.n_menu li.deep_6{margin-left:120px;}
.n_menu li.deep_7{margin-left:140px;}
.n_menu li.deep_8{margin-left:160px;}
.n_menu li.deep_9{margin-left:180px;}
.n_menu li a:hover{color:#f00;}
.n_menu li a.active{color:#f00;}
.li_show{}
.li_unshow{display:none;}
/*产品分类无JS*/

ul.initMenu{margin:0px; padding:0px; list-style:none;}
ul.initMenu li{width:220px; height:auto; list-style:none; float:left; position:relative; border-bottom:dotted 1px #D9D9D9; padding-left:25px; background:url(../images/c_title.gif) no-repeat left #FFF;}
ul.initMenu li.last-child{border:none;}/*去掉最后一个li的地边框*/
ul.initMenu li a{width:205px; padding-right:15px; height:36px; float:left; line-height:36px; background:#FFF; font-size:14px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
ul.initMenu li a.active{color:#F00;}
ul.initMenu li a:hover{color:#F00;}
ul.initMenu li:hover{background:url(../images/c_title.gif) no-repeat left #FFF;}
ul.initMenu li a.has_class{background:url(../images/icon_6.gif) no-repeat right 10px center #FFF;}
ul.initMenu li a.has_class:hover{background:url(../images/icon_6.gif) no-repeat right 10px center #FFF; color:#F00;}/*有下级分类的高亮样式*/

ul.initMenu li ul {margin:0px; padding:0px; position:absolute; left:100%; top:0px; width:auto; z-index:990; display:none; border-left:dotted 1px #d9d9d9; box-shadow:3px 0px 3px 3px #f5f5f5;}
ul.initMenu li ul li{width:220px; clear:both; background:#f5f5f5; padding-left:0px;}/*定义无下级分类的子分类的默认背景颜色*/
ul.initMenu li ul li:hover{background:#F5F5F5; color:#fff; }/*定义无下级分类的子分类的高亮背景颜色*/
ul.initMenu li ul li a{width:190px; height:auto; float:left; line-height:16px; font-size:12px; padding:10px 15px; color:#666;}
/*产品分类有JS*/

#mapshowbox{width:100%; height:500px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}
.goto_bigmap{width:100%; height:46px; padding-bottom:10px;}
.goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; font-family:Arial, "微软雅黑"; text-align:center; color:#fff; background:#ff7000; text-decoration:none;}
.goto_bigmap a:hover{background:#ff6000;}
*html{background-image:url(about:blank); background-attachment:fixed;}
.bottom_tools{position:fixed; z-index:999; right:0px; top:200px; _position:absolute;}
.bottom_tools_mid {top:50%; margin-top:-100px;}
.bottom_tools *{display:block; color:transparent;border:0;background-color:transparent;text-shadow:none;}
.cl_kefubtn_1{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px 0px; margin-bottom:1px;}
.cl_kefubtn_2{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -45px; cursor:pointer; overflow:hidden;  margin-bottom:1px;}
.cl_kefubtn_2_en{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -225px; cursor:pointer; overflow:hidden;  margin-bottom:1px;}
.cl_kefubtn_3{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -90px; cursor:pointer; overflow:hidden; margin-bottom:1px;}
.cl_kefubtn_4{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -135px;cursor:pointer;}
.cl_kefubtn_4_en{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -135px;cursor:pointer;}
#cl_gotop{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -180px;display:none; margin-top:1px;}
.qr_img{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img.png) no-repeat;}
.qr_img img{border:0px; vertical-align:middle; max-width:110px; height:auto; zoom:expression( function(elm) { if (elm.width>110) { var oldVW = elm.width; elm.width=110; elm.height = elm.height*(110 /oldVW); } elm.style.zoom = '1'; }(this));}
.qr_img_en{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img_en.png) no-repeat;}
.qr_img_en img{border:0px; vertical-align:middle; max-width:110px; height:auto; zoom:expression( function(elm) { if (elm.width>110) { var oldVW = elm.width; elm.width=110; elm.height = elm.height*(110 /oldVW); } elm.style.zoom = '1'; }(this));}
.qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu a{display:inline-block; width:100px; padding-left:58px; height:45px; float:left; color:#666; font-size:14px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:left; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu a.kefu_qq{background:url(../images/kefu_qq.png) no-repeat 20px #FFF;}
.qr_menu a.kefu_ww{background:url(../images/kefu_ww.png) no-repeat 20px #FFF;}
.qr_menu a.kefu_sk{background:url(../images/kefu_sk.png) no-repeat 20px #FFF;}
.qr_menu span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
.qr_menu_1{position:absolute;top:92px; left:-180px; width:180px; height:auto; display:none; text-align:right;}
.qr_menu_1 ul{margin:0px; padding:0px;}
.qr_menu_1 ul li{display:inline-block; width:158px; padding-left:10px; height:45px; float:left; color:#666; font-size:14px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#FFF;}
.qr_menu_1 span{display:inline-block; width:180px; height:45px; float:left; color:#FFF; font-size:16px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;}
/* 定义在线客服 */