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

*{margin:0px; padding:0px; font-family:'宋体'; font-size:12px; color:#666666; line-height:22px;}
a{ color:#666666; text-decoration:none;}
a:visited{color:#666666; text-decoration:none;}
a:hover{ color:#666666; text-decoration:underline; font-size:12px;}
h1{font-size:18px;}
h2{font-size:14px;}
h3{font-size:14px;}
body{padding: 0; margin: 0; background:url(../images/big_bg.gif) no-repeat center top; width: 100%; display: table;}
/*定义全局样式*/

#webbody{width:960px; margin:0px auto; height:auto; float:none;}
#header{width:960px; height:auto; float:left;}
#mainbody{width:960px; height:auto; float:left; margin-top:10px;}
#main_left{width:263px; height:auto; float:left; margin-bottom:10px;}
#main_right{width:687px; height:auto; float:right;}
#footer{width:960px; height:auto; float:left; text-align:center; border-top:solid 6px #ddd;}
/*定义主框架*/


#logo{width:580px; height:110px; float:left;}
#logo a{display:block; width:580px; height:110px;}
#logo img{border:0px;}
#top_right{width:370px; height:75px; float:left; text-align:right; padding-top:35px; padding-right:10px;}
#top_tel{font-size:18px; font-family:"微软雅黑", "宋体","黑体";}
/*定义LOGO、右侧电话、语言版本*/

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

#menu_nav{width:960px; height:35px; float:left;}
#menu_nav1{width:960px; height:35px; float:left;}
#menu_nav1 ul {font-size: 14px;list-style: none;}
#menu_nav1 {height: 35px;overflow: visible;}
#menu_nav1 li {float: left;position: relative;z-index: 5;}
#menu_nav1 li a {color: #ffe;display: block;width: 106px;height: 35px;text-decoration: none;line-height: 35px;text-align: center;font-size:14px;font-family:"微软雅黑", "宋体","黑体";}
#menu_nav1 li a:hover {color:#FF7A0A; background:url(../images/nav_bg.gif) no-repeat;}

i {font-size: 11px;color: red;}
li {list-style:none;}
.hide {display:none;}
.clear {clear: both;height:1px;margin-top:-1px; overflow:hidden;}
.link_style_1 {padding-left: 15px;}
.list_style_1 li a {line-height:35px;padding-left:15px;}
#wrap {width:960px;float:left;}
#main_nav ul {font-size: 14px;list-style: none;}
#main_nav {height: 35px;overflow: visible;}
#main_nav li {float: left;position: relative;z-index: 5;}
#main_nav li a {color: #ffe;display: block;width: 106px;height: 35px;text-decoration: none;line-height: 35px;text-align: center;font-size:14px;font-family:"微软雅黑", "宋体","黑体";}
#main_nav li a:hover {color:#ffe;}
#main_nav li ul li a {font-size: 12px;width: 106px;height: 30px;line-height: 30px;margin: 0px;font-weight:normal;}/*控制下来菜单的高度*/
#main_nav li ul li a:hover, #main_nav li.focus ul li a:hover {background: #118dc0;color:#fff;}/*控制下来菜单的鼠标滑过的颜色*/
#main_nav li.focus ul li a {background: none;}
#main_nav li ul {position: absolute;top: 35px;left: 0px;background:#1f6ca2;border-color:#1f6ca2;border-style: none solid solid;border-width: medium 1px 1px;display: none;}/*控制下来菜单的背景颜色*/
#main_nav li ul li{float: none;}
/*定义导航栏*/


.box{width:960px; height:250px; margin-top:10px; float:left;}
#slide_c { position:relative;width:960px; height:250px; overflow:hidden;}/*幻灯片不带边框*/
/*#slide_c { position:relative;width:960px; height:300px; overflow:hidden; border:1px solid #ccc;} 幻灯片带边框*/
#slide_c img{width:960px; height:250px}
#slide_c .ico_c{position:absolute; right:8px;bottom:6px}
#slide_c .ico_c li{background:#fff;float:left;display:block; width:15px; height:15px; line-height:15px;border:1px solid #cecece;font-family:Arial, Helvetica, sans-serif;text-align:center;margin:2px; padding: 1px;cursor:pointer}
#slide_c .ico_c li.high{background:none;color:#fff;font-weight:bolder}
/*定义banner样式*/

.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:8px;bottom:6px}
#slide_c1 .ico_c1 li{background:#fff;float:left;display:block; width:15px; height:15px; line-height:15px;border:1px solid #cecece;font-family:Arial, Helvetica, sans-serif;text-align:center;margin:2px; padding: 1px;cursor:pointer}
#slide_c1 .ico_c1 li.high{background:none;color:#fff;font-weight:bolder}
/*定义小型幻灯片样式*/


.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_mid_gonggao{width:255px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding-left:8px;}/*第一侧边栏显示方案*/
.left_mid ul{list-style:none;}
.left_mid ul li{background:url(../images/c_title.gif) no-repeat; padding-left:25px;}
.left_mid ul li a{font-size:14px; font-family:"微软雅黑", "宋体","黑体";}
.left_mid ul li a:hover{font-size:14px; font-family:"微软雅黑", "宋体","黑体";}
.left_mid ul li ul li a{font-size:12px; font-family:"宋体", "新宋体", "华文仿宋";}
.left_mid ul li ul li a:hover{font-size:12px; font-family:"宋体", "新宋体", "华文仿宋";}
.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:255px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding-left:8px;}/*第二种侧边栏显示方案*/
.left_mid1 ul{list-style:none;}
.left_mid1 ul li{background:url(../images/c_title1.gif) no-repeat; padding-left:25px;}
.left_mid1 ul li a{font-size:12px;}

.left_mid2{width:255px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding-left:8px;}/*图片友情链接*/
.left_mid2 ul{list-style:none;}
.left_mid2 ul li{ margin-bottom:4px;}

.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幻灯片*/
/*定义左侧*/

#qqkefu{width:255px; height:auto; float:left; margin-top:8px;}
/*定义左侧QQ客服样式*/

.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; float:left; line-height:20px; text-indent:2em; display:inline;}
.right_mid_img{width:220px; height:120px; float:left; text-align:center; display:inline;}
.right_mid_img img{border:0px; vertical-align:middle;}
/*定义公司简介*/

.right_mid1{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; overflow:hidden;}
.right_p_one{width:159px; height:140px; float:left; margin-left:4px; margin-right:4px; display:inline; margin-bottom:4px; margin-top:4px;}
.right_p_img{width:159px; height:120px; float:left; text-align:center; border:solid 1px #ccc; overflow:hidden;}
.right_p_img img{vertical-align:middle; border:0px;}
.right_p_title{width:157px; height:20px; float:left; text-align:center;}
/*定义首页右侧最新产品*/

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

.right_mid ul li{width:300px; float:left; background:url(../images/c_title1.gif) no-repeat; padding-left:25px;}
/*定义首页新闻动态列表样式*/

.right_mid2{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px; text-indent:2em; overflow:hidden;}
.right_mid2 p{font-size:14px;}
.right_mid2 a{font-size:14px; color:#C00;}
.right_mid2 a:hover{font-size:14px; color:#C00;}

.the_map{width:675px; height:25px; float:left; border:solid 1px #ccc; line-height:25px; padding-left:10px; margin-bottom:8px;}
/*定义内页详细页面的样式，如新闻详细页面*/


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

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

.jobs_title{width:667px; height:25px; float:left; border:solid 1px #ccc; font-weight:bold; font-size:14px; text-indent:1em; line-height:25px;}
.jobs_title span{color:#f00;}
.jobs_desc{width:647px; height:auto; float:left; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px; margin-bottom:10px;}

.jobs_title1{width:667px; height:25px; float:left; border:solid 1px #ffc3b1; background:#fef6f4; font-weight:bold; font-size:14px; text-indent:1em; line-height:25px;}
.jobs_title1 span{color:#f00;}
.jobs_desc1{width:647px; height:auto; float:left; border-bottom:solid 1px #ffc3b1; background:#fef6f4; border-left:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px; margin-bottom:10px;}
/*定义人才招聘、联系我们页面*/

.the_pages{width:675px; height:25px; float:left; text-align:right; border:solid 1px #ccc; line-height:25px; padding-right:10px; margin-bottom:8px;}
.the_pages a{color:#000;}
/*定义分页*/

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

/*定义产品列表页和案例列表页*/

.details_img{width:394px; height:302px; float:left; border:solid 1px #ccc; text-align:center;}
.details_img img{vertical-align:middle;}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}/*定义图片居中*/
.details_right{width:250px; height:202px; float:left; margin-left:10px; display:inline; padding-top:100px; padding-left:10px;}
.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; overflow:hidden;}
.details_text p{font-size:14px;}
.details_text a{font-size:14px; color:#c00;}
.details_text a:hover{font-size:14px; color:#c00;}

/*定义案例详细页和产品详细页*/


.right_mid6{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px; overflow:hidden;}
.right_mid6 ul{list-style:none;}
.right_mid6 ul li{background:url(../images/c_title1.gif) no-repeat; padding-left:25px;}
.right_mid6 ul li a{font-size:12px;}

/*定义新闻列表页*/

.news_title{width:669px; height:40px; float:left; line-height:40px; text-align:center; border-bottom:solid 1px #ccc;}
.news_time{width:669px; height:22px; float:left; text-align:right;}
.news_details{width:649px; height:auto; float:left; font-size:14px; text-indent:2em; padding:10px; overflow:hidden;}
.news_details p{font-size:14px;}
.news_details a{font-size:14px; color:#c00;}
.news_details a:hover{font-size:14px; color:#c00;}
/*定义新闻详细页*/


.right_mid7{width:669px; height:auto; float:left; border:solid 1px #ccc; margin-bottom:10px; padding:8px; font-size:14px; overflow:hidden;}
#contact_intr{width:659px; height:25px; float:left; background:#eee; line-height:25px; padding-left:10px; margin-top:4px; margin-bottom:4px;}
.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;}
#contactform { margin:0; padding:5px 5px;}
#contactform * { color:#999999;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; font-weight:normal;}
#contactform li img{ padding-top:4px; margin-right:4px; border:0px;}
#contactform li.buttons { margin:2px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0px 0px 0px; font: bold 14px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#fff;}
#contactform input.text { width:533px; border:1px solid #ccc; margin:5px 0; padding:5px 6px; height:16px; float:left; line-height:16px; font-size:14px; color:#666;}
#contactform input.thecode { width:533px; border:1px solid #ccc; margin:5px 0; padding:5px 6px; height:16px; float:left; line-height:16px; font-size:14px; color:#666; clear:right;}
#contactform textarea { height:100px; width:533px; border:1px solid #ccc; margin:5px 0; padding:6px; float:left; overflow-y:scroll; line-height:22px; font-size:14px; color:#666;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0;  float:left;}

/*定义留言反馈*/
#marquee3{width:669px; height:445px; overflow:hidden;}
#marquee3 ul li{float:left; width:669px; line-height:20px; padding:1px; }

#marquee4{width:235px; height:100px; overflow:hidden;}
#marquee4 ul li{float:left; width:225px; padding:10px; line-height:20px;}
.left_mid_gonggao{width:255px; height:auto; float:left; background:url(../images/left_mid.gif) repeat-y; padding-left:8px;}/*第一侧边栏显示方案*/
*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 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;}
/*定义在线客服*/