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

/*初始样式、共同样式*/
*html {background-image:url("about:blank"); background-attachment:fixed;}
ul,ol {list-style:none;}
img {border:0;}
h1, h2, h3, h4, h5, h6 {font-size:120%;}
body{line-height:21px; word-wrap:break-word; margin:0px; padding:0px;}
.imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}

.main{ width:1040px; height:auto; margin:0px auto;}
.main_header{ width:1040px; height:auto; float:left;}
.header_logo{ width:774px; height: auto; float:left; overflow:hidden; padding-top:18px; padding-bottom:18px; padding-left:20px; box-sizing:border-box;}
.header_logo img{ border:0px; vertical-align:middle; max-width: 100%; max-height: 100%;}

.header_right{ width:266px; height:0px; float:left;}
.right_top{ width:200px; height:auto; float:left; padding-top:18px; padding-left:66px;}
.right_top a{ width:auto; height:20px; float:left; line-height:40px; padding-left:10px; text-decoration:none; font-family:Arial, "宋体"; font-size:12px; color:#666;}
.right_top a:hover{ text-decoration:underline;}
.right_top a img{ padding-top:10px;}

.right_foot{ width:266px; height:auto; float:left; text-align:right; padding-top:30px; font-family:Arial, "微软雅黑"; font-size:16px; color:#666;}
.right_foot strong{ font-family:Arial, "微软雅黑"; font-size:22px; color:#fb2d2e; font-style:oblique;}



.main_body{ width:1036px; height:auto; float:left; background:#fff; border:2px #ddd solid; padding-bottom:20px; border-bottom:none;}
/*导航*/
.nav{ width:1000px; height:52px; margin:0px auto; background:url(../images/nav_bj.jpg); border:1px #dfdfdf solid; border-radius:4px 4px ; margin-top:18px;}
.nav ul { margin:0px; padding:0px 2px;}
.nav li {float:left; }
.nav li a{display:block; width:165px; height:52px; border-left:1px #dfdfdf solid; text-align:center; text-decoration: none; line-height:52px; text-align: center; font-size:14px; font-family: Arial,"微软雅黑"; color:#666;}
.nav li a:hover { background:url(../images/nav_bj.gif); color:#f00; }
#active a{ /*border-left:none;*/ color:#f00; background: url(../images/nav_bj.gif); /*border-radius:4px 0px 4px 0px;*/ }
/*导航*/

.body{ width:1000px; height: auto; margin:0px auto; margin-top:18px;}
/*banner*/
.banner_box{ width:1000px; height:326px; margin:0px auto; }
#slide_c { position:relative;width:994px; height:324px;  border:2px #dfdfdf solid; border-radius:4px 4px 4px 4px; overflow:hidden;}
#slide_c img{width:994px; height:326px; float:left;}
#slide_c .ico_c{position:absolute; right:420px; bottom:10px; font-size:0px;}
#slide_c .ico_c li{margin:0px; padding:0px; float:left; width:46px; height:10px; line-height:6px; background:#fff; margin-right:6px; cursor:pointer; list-style:none; opacity:0.4;font-family: Arial,"宋体"; font-size:0px; display:inline;}
#slide_c .ico_c li.high {background-position:-0px top; opacity:1.0;}
/*banner*/



.banner_foot{ width:1000px; height:auto; float:left; margin:20px 0px;}
.foot_left{ width:488px; height:auto; float:left; background:#fff; border:1px #dfdfdf solid;}
.left_top{ width:488px; height:42px; float:left; background:url(../images/bj.gif);}
.left_top h3{ margin:0px; padding:0px; width:auto; height:42px; float:left; font-size:18px; font-family: Arial,"微软雅黑"; color:#333; font-weight:normal;line-height:42px; padding-left:10px;}
.left_top strong{ margin:0px; padding:0px; width:auto; height:42px; float:left; font-size:14px; font-family: Arial,"微软雅黑"; color:#ff403d; line-height:42px; padding:2px 0px 0px 6px; }
.left_top span{ width: auto; height:42px; float:right; line-height:42px; padding-top:10px; padding-right:10px;}

.left_foot{ width:488px; height:auto; float:left;}
.foot_img{ width:456px; height:176px; float:left; border:4px #dfdfdf solid; text-align:center; overflow:hidden; margin:14px 14px; display:inline;} 
.foot_img img{ border:0px; vertical-align:middle;}

.foot_foot{ width:456px; height:auto; float:left; margin:0px 0px 14px 14px; display:inline;}
.foot_foot p{ margin:0px; padding:0px; font-family: Arial,"宋体"; font-size:12px; color:#666; line-height:26px;}
.foot_right{ margin-left:20px; display:inline;}
.foot_foot ul{ margin:0px; padding:1px 0px;}
.foot_foot ul li{ background:url(../images/tb2.png) no-repeat left; border-bottom:1px #dfdfdf dashed; line-height:28px;}
.foot_foot ul li a{ text-decoration:none; font-family: Arial,"宋体"; font-size:12px; color:#666; line-height:28px; padding-left:10px;}
.foot_foot ul li a:hover{ text-decoration:underline; color:#F00;}
.foot_foot ul li span{ float:right;  font-family: Arial,"宋体"; font-size:12px; color:#666; line-height:28px;}


.ban_foot{ width:998px; height:auto; float:left; border:1px #dfdfdf solid; margin-bottom:20px; display:inline;}
.left_top2{ width:998px; height:42px; float:left; background:url(../images/bj.gif);}
.left_top2 h3{ margin:0px; padding:0px; width:auto; height:42px; float:left; font-size:18px; font-family: Arial,"微软雅黑"; color:#333; font-weight:normal;line-height:42px; padding-left:10px;}
.left_top2 strong{ margin:0px; padding:0px; width:auto; height:42px; float:left; font-size:14px; font-family: Arial,"微软雅黑"; color:#ff403d; line-height:42px; padding:2px 0px 0px 6px; }
.left_top2 span{ width: auto; height:42px; float:right; line-height:42px; padding-top:10px; padding-right:10px;}

.left_foot2{ width:998px; height:auto; float:left; padding-bottom:20px;}
.pro_one{width:300px; height:250px; float:left; margin-left:24px; display:inline; padding-top:20px;}
.pro_one_img{width:298px; height:218px;text-align:center; overflow:hidden; border:1px #dfdfdf solid;}
.pro_one_img img{border:0px; vertical-align:middle;}
.pro_one_tit{ width:300px; height:20px; text-align:center; padding-top:10px;}
.pro_one_tit a{color:#666; font-size:12px; font-family: Arial,"宋体"; text-decoration:none; text-align:center;}
.pro_one_tit a:hover{color:#f00;}



.body_foot{ width:1000px; height:auto; float:left; padding:20px 0px 20px 0px;}
/*about*/
.body_left{ width:220px; height: auto; float:left;}
.left_l{ width:220px; height: auto; float:left; padding-bottom:20px;}
.left_t{ width:220px; height:44px; float:left; background:#999;}
.left_t h3{ margin:0px; padding:0px; font-size:16px; font-family: Arial,"微软雅黑"; color:#fff; line-height:44px; padding-left:10px; font-weight:normal;}

.left_f{ width:220px; height: auto; float:left;}
.left_f ul{ margin:0px; padding:0px;}
.left_f ul li{}
.left_f ul li a{ width:210px; height:30px; float:left; text-decoration:none; background:#CCC; margin-top:1px; display:inline; font-size:14px; font-family: Arial,"微软雅黑"; color:#666; line-height:30px; padding-left:10px;}
.left_f ul li a:hover{ background:#f00; color:#fff;}
#active2 a{background:#f00; color:#fff;}
.left_f2{ width:220px; height:auto; float:left; background:#f5f5f5; padding:10px 0px;}
.left_f2 p{ margin:0px; padding:0px 10px; font-family: Arial,"宋体"; font-size:12px; color:#666; line-height:24px;}

.body_right{ width:760px; height: auto; float:left; margin-left:20px; display:inline;}
.rig_top{ width:760px; height:44px; float:left; background:#999;}
.rig_top span{ float:right; font-family:Arial,"宋体"; font-size:12px; color:#fff; padding-right:10px; line-height:48px;}
.rig_top span a{ text-decoration:none; font-family:Arial,"宋体"; font-size:12px; color:#fff;}
.rig_top span a:hover{ text-decoration:underline;}
.rig_top h3{ float:left; margin:0px; padding:0px;color:#fff; font-size:16px; font-family: Arial,"微软雅黑"; font-weight:normal; padding-left:18px; line-height:48px;}

.rig_foot{ width:760px; height:auto; float:left; background:#f5f5f5;} 
.rig_cent{ width:740px; height:auto; float:left; font-family:Arial,"宋体"; font-size:12px; line-height:24px; color:#666; padding-left:10px; overflow:hidden;}
.r_f{ width:740px; height:auto; float:left;font-family: Arial,"宋体"; font-size:12px; color:#666; line-height:24px; padding-bottom:10px;}
.r_f p{ margin:0px; padding:6px 0px;}
.r_f img {max-width:740px; text-align:center; overflow:hidden; zoom:expression( function(elm) { if (elm.width>740) { var oldVW = elm.width; elm.width=740; elm.height = elm.height*(740 /oldVW); } elm.style.zoom = '1'; }(this));}
.r_f table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.r_f table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.r_f table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}
/*about*/


/*产品*/
.pro_one2{width:232px; height:200px; float:left; margin-left:16px; display:inline; padding:16px 0px 0px 0px;}
.pro_one2_img{width:230px; height:168px;text-align:center; overflow:hidden; border:1px #dfdfdf solid;}
.pro_one2_img img{border:0px;vertical-align:middle; max-width:230px; text-align:center; overflow:hidden; zoom:expression( function(elm) { if (elm.width>230) { var oldVW = elm.width; elm.width=230; elm.height = elm.height*(230 /oldVW); } elm.style.zoom = '1'; }(this));}
.pro_one2_tit{ width:232px; height:20px; text-align:center; padding-top:10px;}
.pro_one2_tit a{color:#666; font-size:12px; font-family: Arial,"宋体"; text-decoration:none; text-align:center;}
.pro_one2_tit a:hover{color:#f00;}

.foot_top{ width:728px; height:auto; float: left; padding:16px 0px 16px 16px;}
.right_f{ width:728px; height: auto; float:left; color:#666; font-size:12px; font-family: Arial,"宋体"; line-height:24px;}
.right_f p{ margin:0px; padding:0px; color:#666; font-size:12px; font-family: Arial,"宋体"; line-height:24px;}
.right_f b{ width:358px; height:262px; float:left; text-align:center; overflow:hidden; padding:0px 10px 0px 0px;}
.right_f img{ border:0px; vertical-align:middle;}

.foot_f{ width:728px; height:auto; float: left; padding:0px 16px 0px 16px;}
.f_top{ width:730px; height:38px; float:left; background:url(../images/bj2.png);}
.f_top h3{ margin:0px; padding:0px; font-family:Arial, "微软雅黑"; color:#fff; font-size-adjust:16px; font-weight:normal; line-height:38px; padding-left:7px;}

.f_foot{ width:728px; height: auto; float:left; border:1px #dfdfdf solid; background:#fff; margin-top:14px; display:inline; padding-bottom:8px; padding-top:8px;}
.f_foot ul{ margin:0px; padding:0px;}
.f_foot ul li{ width:242px; height:auto; float:left; line-height:32px;}
.f_foot ul li a{ text-decoration:none; margin-top:1px; display:inline; font-size:14px; font-family: Arial,"微软雅黑"; color:#666; line-height:32px; padding-left:6px;}
.f_foot ul li a:hover{ text-decoration:underline; color:#f00;}
.f_foot ul li img{ padding-left:10px;}
/*产品*/



/*新闻资讯*/
.rig_foot2{ width:760px; height:auto; float:left; background:#f5f5f5;}
.rig_foot2 ul{ margin:0px; padding:6px 10px 0px 10px;}
.rig_foot2 ul li{ border-bottom:1px #dfdfdf dashed; background:url(../images/tb3.png) no-repeat left;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.rig_foot2 ul li a{ text-decoration:none; font-family: Arial,"宋体"; color:#666; font-size:12px; line-height:36px; padding-left:14px;}
.rig_foot2 ul li a:hover{ text-decoration:underline; color:#f00;}
.rig_foot2 ul li span{ float:right; font-family: Arial,"宋体"; color:#666; font-size:12px;line-height:36px;}

.news_2_t{width:740px;height: auto; float:left; text-align:center; margin-left:10px; display:inline;}
.news_2_t h1{font-size:30px; font-family: Arial, "微软雅黑"; color:#666; text-align:center; font-weight:normal; margin:0px; padding:0px; line-height:75px; border-bottom:1px #dedede solid;}
.news_2_c{width:740px; height:24px; float:left; padding-top:16px; margin-left:10px; display:inline;}
.news_2_c span{ font-family: Arial,"宋体";font-size:12px; color:#666; float:right;}

/*新闻资讯*/


/*分页*/
.list_pages{width:760px; height:auto; text-align:center; padding:20px 0px;}
.list_pages a{width: auto; height:30px; display:inline-block; text-decoration:none; color:#fff; font-family: Arial,"宋体"; font-size:12px; line-height:32px; background:#888; margin:0px 2px;  padding:0px 14px;}
.list_pages a:hover{ color:#fff; background:#ff0400;}
.list_pages a.active{ color:#fff; background:#ff0400;}
/*分页*/



/*版权*/
.footer{ width:1000px; height:auto; margin:0px auto; background:#777; }
.footer_logo{ width:208px; height:96px; float:left; text-align:center; overflow:hidden; padding:40px 32px 40px 60px;}
.footer_logo img{ border:0px; vertical-align:middle;}

.footer_right{ width:1000px; height:auto; float:left; padding:48px 0px 48px 0; font-size:14px; font-family: Arial,"微软雅黑"; color:#fff; line-height:30px; text-align:center;}
.footer_right a{ text-decoration:none; font-size:14px; font-family: Arial,"微软雅黑"; color:#fff;}
.footer_right a:hover{ text-decoration:underline; color:#fff;}
.footer_right p{margin:0px; padding:0px;}
/*版权*/





*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_top_en{background:url(../images/online3_1_2_en.gif) no-repeat; width:130px; height:54px; float:left;}
.cl_kf_top_en 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;}
/* 定义在线客服 */
