﻿@charset "utf-8";
/* CSS Document */
/* 创络科技 http://www.chuangluo.com */
*{font-family:Arial,'微软雅黑';}
a {color:#014a80; text-decoration:none;}
a:hover {color:#f00; 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;}
.clear {clear:both; float:none; width:0; height:0; overflow:hidden;}
/*-- 全局样式 --*/

body {margin:0; padding:18px 0 21px;; background-color:#f3f3f3; font-size:12px; line-height:22px; color:#666;}
#nav ul,#home_pro_cont ul,#home_news_cont ul,.home_news_cont ul,#marquee1 ul,#left_list_cont ul,#news_list_cont ul  {list-style-type:none; padding:0; margin:0;}
#home_about_text p,#home_contact_cont p,#footer p {padding:0; margin:0;}

#webbody {width:976px; margin:0 auto; overflow:hidden; background:url(../images/body_bg_repeat.jpg) repeat-y;}
#header {width:944px; height:148px; padding:14px 16px 0; float:left; overflow:hidden; background:url(../images/body_bg_top.jpg) no-repeat;}
#logo {width:944px; height:110px; float:left; overflow:hidden;}
#logo_left {width:500px; height:110px; float:left; overflow:hidden;}
#logo_right {width:400px; height:66px; float:left; text-align:right; padding:23px 7px 19px 33px; overflow:hidden;}
#logo_right_top {width:400px; height:22px; line-height:22px; float:left; overflow:hidden;}
#logo_right_top a {color:#666;}
#logo_right_top a:hover {color:#014a80;}
#logo_right_bottom {width:400px; height:46px; line-height:46px; float:left; overflow:hidden; font-size:16px;}
#logo_right_bottom span {font-size:24px; color:#d00;}

#nav {width:944px; height:38px; float:left; background:url(../images/nav_bg.jpg) no-repeat left top;}
#nav ul li {width:133px; line-height:38px; float:left; text-align:center; padding-right:2px; overflow:hidden;}
#nav ul li a {display:block; width:133px; color:#fff; font-size:14px; font-weight:bold;}
#nav ul li a:hover {text-decoration:none; background:url(../images/nav_bg_hover.jpg) repeat-x left top; color:#fff;}
#nav ul li a.active {text-decoration:none; background:url(../images/nav_bg_hover.jpg) repeat-x left top; color:#fff;}
#nav ul li#menu_end {width:134px; padding-right:0;}
#nav ul li#menu_end a {width:134px;}
/*-- 头部 --*/

.box {width:944px; height:260px; float:left; margin:4px 0 8px; padding:0 16px;}
#slide_c {width:944px; height:260px; position:relative; overflow:hidden;}
#slide_c img {width:944px; height:260px;}
#slide_c .ico_c {position:absolute; right:8px; bottom:6px;}
#slide_c .ico_c li {width:12px; height:12px; float:left; text-indent:-9999px; background:url(../images/banner_icon.gif) no-repeat -12px top; display:block; margin:2px; cursor:pointer;}
#slide_c .ico_c li.high {background-position:left top;}
/*-- 大图 --*/

#mainbody {width:944px; float:left; padding:0 16px 8px; overflow:hidden;}

#home_top {width:942px; float:left; border:1px solid #d9d9d9; overflow:hidden; margin-bottom:4px;}
#home_pro {width:214px; height:168px; padding:4px 0 0 18px; float:left; background:url(../images/plate_bg_1.jpg) repeat-x; border-right:1px solid #d9d9d9;}
.home_plate_title {width:100%; line-height:44px; float:left; color:#014a80; font-size:14px; font-weight:bold;}
.home_plate_title span {font-weight:normal;}
.home_plate_title i { padding-left: 20px;}
#home_pro_cont {width:214px; height:110px; float:left; padding-bottom:14px;}
#home_pro_cont ul li {width:88px; line-height:22px; height:22px; float:left; padding:0 9px; overflow:hidden; background:url(../images/icon_1.gif) no-repeat left 7px;}
#home_pro_cont ul li a {color:#666;}
#home_pro_cont ul li a:hover {color:#014a80;}

#home_about {width:434px; float:left; padding:4px 22px 0 20px;}
#home_about_cont {width:434px; float:left;}
#home_about_img {width:147px; height:95px; float:left; padding:1px; border:1px solid #d9d9d9; margin:4px 14px 0 0; overflow: hidden;}
#home_about_img img {max-width:147px;}
#home_about_text {width:269px; height:110px; float:left; overflow:hidden;}

#home_rmtj {width:200px; height:160px; float:left; overflow:hidden; padding:4px 16px 8px; border-left:1px solid #d9d9d9;}
.box1 {width:200px; height:116px; float:left;}
#slide_c1 {width:200px; height:116px; position:relative; overflow:hidden;}
#slide_c1 img {width:200px; height:116px;}
#slide_c1 .ico_c1 {position:absolute; right:8px; bottom:6px;}
#slide_c1 .ico_c1 li {width:12px; height:12px; float:left; text-indent:-9999px; background:url(../images/banner_icon.gif) no-repeat -12px top; display:block; margin:2px; cursor:pointer;}
#slide_c1 .ico_c1 li.high {background-position:left top;}
/*-- 分类，简介，推荐 --*/

#home_middle {width:942px; float:left; border:1px solid #d9d9d9; overflow:hidden;}
#home_contact {width:205px; height:161px; padding:7px 8px 4px 19px; float:left; background:url(../images/plate_bg_1.jpg) repeat-x #f0d; border-right:1px solid #d9d9d9;}
#home_contact_cont {width:205px; height:110px; float:left;}

#home_news {width:696px; height:154px; padding:7px 13px 11px 0; float:left; overflow:hidden;}
.home_news_one {width:696px; height:154px; float:left; padding:0 6px 0 2px; overflow:hidden;}
.home_news_cont {width:696px; height:110px; float:left; overflow:hidden;}
.home_news_cont ul li {width:315px; line-height:22px; height:22px; float:left; overflow:hidden; padding-left:9px; margin-left: 20px; background:url(../images/icon_1.gif) no-repeat left 7px;}
.home_news_cont ul li span {float:right; margin-left:6px;}
.home_news_cont ul li a {color:#666;}
.home_news_cont ul li a:hover {color:#014a80;}
/*-- 联系，新闻 --*/

#home_bottom {width:944px; height:236px; float:left; overflow:hidden; margin:15px 0 6px; position:relative;}
#marquee1 {width:944px; height:236px; float:left; overflow:hidden;}
#marquee1 ul li {width:206px; height:236px; float:left; margin:0 4px; display:inline; text-align:center; overflow:hidden;}
.right_p_img {width:204px; height:204px; float:left; border:1px solid #d9d9d9; overflow:hidden; text-align: center;}
.right_p_img a img{vertical-align:middle; max-width: 204px; max-height: 204px;}
.right_p_title {width:206px; line-height:30px; height:30px; float:left; font-size:12px; overflow: hidden;}
.right_p_title a {color:#666;}
.right_p_title a:hover {color:#014a80;}
/*-- 首页，产品展示 --*/

#footer_bg {width:944px; float:left; background:url(../images/body_bg_bottom.jpg) no-repeat left bottom; padding:0 16px;}
#footer {width:912px; float:left; border-top:1px solid #d9d9d9; padding:12px 16px 41px; text-align:center;}
/*-- 脚部 --*/

/********************************  首页，结束  **************************************/

#main_left {width:234px; float:left; overflow:hidden; margin:0 12px 8px 0; display:inline;}
#left_list {width:232px; float:left; margin-bottom:8px; border:1px solid #d9d9d9; border-bottom:0;}
#left_list_title {width:216px; line-height:40px; padding-left:16px; float:left; font-size:14px; color:#014a80; font-weight:bold; background:url(../images/left_title_bg.jpg) repeat-x #f3f3f3;}
#left_list_cont {width:232px; float:left; overflow:hidden; border-top:1px solid #d9d9d9;}
#left_list_cont ul li {width:232px; height:32px; line-height:32px; float:left; border-bottom:1px solid #eee; overflow:hidden;}
#left_list_cont ul li a {width:177px; display:block; color:#666; padding:2px 12px 0 43px; background:url(../images/icon_1.gif) no-repeat 28px 15px; font-size:14px;}
#left_list_cont ul li a:hover {text-decoration:none; color:#004e8f; background:url(../images/left_li_hover.jpg) no-repeat #f3f3f3;}
#left_list_cont ul li a.active {text-decoration:none; color:#004e8f; background:url(../images/left_li_hover.jpg) no-repeat #f3f3f3;}

#main_left #home_contact {border:1px solid #d9d9d9;}
/*-- 左边栏 --*/

#main_right {width:696px; float:left; overflow:hidden; border:1px solid #d9d9d9;}
#right_title {width:667px; line-height:40px; float:left; border-bottom:1px solid #d9d9d9; overflow:hidden; padding:0 13px 0 16px; font-size:14px;}
#right_title strong {color:#004e8f;}
#right_title span {float:right;}
.right_cont {width:656px; float:left; padding:8px 20px 0; font-size:14px; line-height:24px; overflow:hidden;}
.right_cont img {max-width:656px; height:auto; zoom:expression( function(elm) { if (elm.width>656) { var oldVW = elm.width; elm.width=656; elm.height = elm.height*(656 /oldVW); } elm.style.zoom = '1'; }(this));}
.right_cont table {border:1px solid #999; border-right:0; border-top:0; vertical-align:middle; text-align:center;}
.right_cont table th {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
.right_cont table td {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
.share_video {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.share_video iframe, .share_video object, .share_video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*-- 左边内容区域 --*/

#news_list_cont {width:656px; float:left; padding-top:16px;}
#news_list_cont ul li {width:656px; height:40px; line-height:40px; float:left; border-bottom:1px dashed #ccc; overflow:hidden; font-size:14px;}
#news_list_cont ul li span {float:right; margin:0 8px 0 12px; display:inline;}
#news_list_cont ul li a {color:#666; display:block; padding-left:20px; background:url(../images/icon_1.gif) no-repeat 7px 16px;}
#news_list_cont ul li a:hover {color:#666; background-color:#f3f3f3; text-decoration:none;}
#news_list_pages {width:656px; height:auto; float:left; text-align:center; color:#666; padding:20px 0px 20px 0px;}
#news_list_pages a {display:inline-block; width:auto; height:36px; padding:0px 15px; line-height:36px; background:#bbb; color:#FFF; text-decoration:none; font-size:14px; margin:0px 2px;}
#news_list_pages a:hover{text-decoration:none; background:#fd800d; color:#FFF;}
#news_list_pages a.active{text-decoration:none; background:#fd800d; color:#FFF;}
/*定义分页*/
/*-- 新闻列表 --*/

#news_title {width:656px; line-height:24px; float:left; text-align:center; padding:30px 0 12px;}
#news_title h1 {font-size:18px; color:#000; padding:0; margin:0; font-weight:normal;}
#news_date {width:656px; line-height:26px; float:left; text-align:right; border-top:1px solid #ccc; color:#000;}
#news_cont {width:624px; float:left; padding:8px 16px; overflow:hidden;}
#news_cont img {max-width:624px; height:auto; zoom:expression( function(elm) { if (elm.width>624) { var oldVW = elm.width; elm.width=624; elm.height = elm.height*(624 /oldVW); } elm.style.zoom = '1'; }(this));}
#news_cont table {border:1px solid #999; border-right:0; border-top:0; vertical-align:middle; text-align:center;}
#news_cont table th {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
#news_cont table td {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
#news_pages {width:632px; line-height:18px; float:left; padding:9px 12px; color:#666; text-align:center; margin-bottom:18px;}
#news_pages a {display:inline-block; width:auto; height:36px; padding:0px 15px; line-height:36px; background:#bbb; color:#FFF; text-decoration:none; font-size:14px; margin:0px 2px;}
#news_pages a:hover{text-decoration:none; background:#fd800d; color:#FFF;}
#news_pages a.active{text-decoration:none; background:#fd800d; color:#FFF;}
/*- 新闻详情 -*/

#pro_list {width:645px; float:left; padding:24px 6px 0 5px; overflow:hidden;}
.right_p_one {width:206px; height:236px; float:left; margin:0 4px 12px 5px; text-align:center; display:inline;}
#pro_list_pages {width:656px; height:auto; float:left; text-align:center; color:#515151;padding: 0px 0px 20px 0px; display:inline;}
#pro_list_pages a {display:inline-block; width:auto; height:36px; padding:0px 15px; line-height:36px; background:#bbb; color:#FFF; text-decoration:none; font-size:14px; margin:0px 2px;}
#pro_list_pages a:hover{text-decoration:none; background:#fd800d; color:#FFF;}
#pro_list_pages a.active{text-decoration:none; background:#fd800d; color:#FFF;}
/*-- 产品列表 --*/

#right_title h1 {padding:0; margin:0; font-size:14px; color:#004e8f;}

#pro_details_img {width: 500px; height: 500px; overflow: hidden; position: relative; text-align:center; margin:12px auto 20px; border: solid 1px #d9d9d9;}
.pro_d_img{width: 500px;height: 500px;position: relative; overflow: hidden;}
.pro_d_img ul{margin: 0;padding: 0;width: 100000%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.pro_d_img ul li{width: 500px;height: 100%;float: left;text-align: center;list-style:none;}
.pro_d_img ul li img{vertical-align:middle;max-width: 100%; zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));}
.pro_d_ico{width: 100%;height: 6px;position: absolute;bottom: 10px;left: 0;font-size: 0;text-align: center;overflow: hidden;}
.pro_d_ico a{display: inline-block;width: 6px;height: 6px;margin: 0 2px; background-color: rgba(0,0,0,0.2); border-radius: 50%;}
.pro_d_ico a.active{background: #fd800d;}
.pro_d_btn{width: 100%;height: 36px;position: absolute;top: 50%;left: 0;margin-top: -18px;overflow: hidden;}
.pro_d_btn a{display: block;width: 20px;height: 32px; overflow: hidden; opacity: 0.2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);}
.pro_d_btn a:hover{display: block;width: 20px;height: 32px; overflow: hidden; opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.pro_d_btn a.p_left{float: left;background: url(../images/left.png) no-repeat center;}
.pro_d_btn a.p_right{float: right;background: url(../images/right.png) no-repeat center;}
#pro_details_title {width:642px; line-height:36px; float:left; border:1px solid #d9d9d9; font-size:14px; font-weight:bold; padding-left:12px; color:#004e8f;}
#pro_details_cont {width:624px; float:left; padding:12px 16px; overflow:hidden;}
#pro_details_cont img {max-width:624px; height:auto; zoom:expression( function(elm) { if (elm.width>624) { var oldVW = elm.width; elm.width=624; elm.height = elm.height*(624 /oldVW); } elm.style.zoom = '1'; }(this));}
#pro_details_cont table {border:1px solid #999; border-right:0; border-top:0; vertical-align:middle; text-align:center;}
#pro_details_cont table th {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
#pro_details_cont table td {border:1px solid #999; border-left:0; border-top:; border-bottom:0; padding:2px 8px; background:#fdfdfd;}
/*- 产品详情 -*/

#mapshowbox{width:100%; height:500px;}
#mapshowbox_big{width:100%; height:100%; position:absolute;}

*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;}
/* 定义在线客服 */