﻿@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea { background: none repeat scroll 0 0 #f6f6f6; color: #333; font: 12px/1 "微软雅黑","Arial"; margin: 0; padding: 0; overflow: hidden; line-height:25px;}
h1, h2, h3, h4, h5, h6 { font-size: 12px; padding: 0; margin: 0; }
ul, ol, li, dl, dt, dd { list-style: none; text-decoration:none; padding: 0; margin: 0; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }
p { margin:0; padding:0;}
/* 重置表单元素 */
legend { color: #333; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }
/* 重置表格元素 */
/* 重置 hr */
hr { border: none; height: 1px; }
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { color:#8c0100; text-decoration:none;}
a:active {text-decoration:none;}
a {color: #333;}
.fl { float: left; }
.fr { float: right; }
/*======================公用样式=======================*/
.warp { width:100%; overflow:hidden;}
.header { width:100%; height:109px; background:url(../images/header_bg.jpg) no-repeat center;}
.top {width:1002px; height:109px; margin:0 auto; position:relative;}
.logo { width:420px; height:109px; position:absolute; top:0; left:0;}
.logo a { display:block; width:420px; height:109px; text-indent:-9999px;}
/*======================Banner样式=======================*/
#full-screen-slider { width:100%; height:332px; margin:0 auto; position:relative;}
#slides { display: block; width: 100%; height:332px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height:332px; list-style: none; padding: 0; margin: 0; position: absolute }
#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; left:50%; top:95%; z-index: 9900; }
#pagination li { display: block; list-style: none; width:30px; height:2px; float: left; margin-left: 5px; background: #fff }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { background:red; }

.tab_con { width:100%; height:89px; background:url(../images/menu_bg.jpg) repeat-x;}
.menu { width:1002px; height:40px; margin:0 auto; background:url(../images/menu_1bg.jpg) no-repeat;}
.menu ul { display:block; margin-left:7px;}
.menu ul li { display:block; width:108px; margin-right:2px; float:left; text-align:center; position:relative;}
.menu ul li a { display:block; color:#fff; line-height:40px; font-size:14px;}
.menu ul li a:hover,.menu ul li a.sel_page { display:block; background:url(../images/dd.jpg) no-repeat bottom center #004f87;}
.menu ul li ul {width:108px; margin-left:0 !important; background:#045187; overflow:hidden; visibility: hidden; position:absolute; top:40px; left:0; margin-bottom:5px; z-index:1000;}
.menu ul li ul li { margin-right:0 !important;border-bottom:1px dotted #276a98; text-align:center;}
.menu ul li ul li a {line-height:32px !important;}
.menu ul li ul li a:hover { background:none !important;}

/*======================Search样式=======================*/
.top_box { width:1002px; height:49px; margin:0 auto; position:relative;}
.riq_qx { width:600px; height:49px; line-height:49px; position:absolute; top:0; left:0;}
.date_info{ float:left; width:150px; text-indent:20px;}
.weather{ float:left; margin-top:10px;}
.search_info { background: url("../images/search_bg.jpg") no-repeat; width:359px; height:35px; overflow:hidden; position:absolute; top:7px; right:0;}
.search_info_txt { display: inline; float:left; width:265px; height:35px;}
.search_info_txt_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #858585; float: left; font-size: 10px; height:35px; line-height:35px; overflow: hidden; width:265px; text-indent:13px;}
.search_info_btn { float: right; height:35px; width:94px; }
.search_info_btn_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #D3E8F9; float: left; font-size: 10px; height:35px; line-height: 13px; overflow: hidden; width:94px; }
/*======================首页样式=======================*/
.main { width:1000px; margin:13px auto 0; overflow:hidden; border:1px solid #cdcdcd; border-bottom:0; background:#fff;}
.index_a { width:975px; height:319px; margin-top:16px; margin-left:16px;}
.index_a .new { width:272px; height:317px; float:left; border:1px solid #cdcdcd; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:5px;}
.index_a .new .tit { width:245px; height:25px; background:url(../images/new_1_tit.jpg) no-repeat; position:relative; margin-left:8px;}
.index_a .new .tit a { display:block; width:40px; height:15px; position:absolute; top:7px; left:197px; text-indent:-9999px;}
.index_a .new ul { margin-left:8px;}
.index_a .new li { width:260px; line-height:24px; position:relative; text-indent:40px;}
.index_a .new li span { position:absolute;top:0; left:0; text-indent:0 !important;}

.index_a .slideshow {width:390px; height:317px; float:left; /*border:1px solid #cdcdcd; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:5px;*/ margin-left:14px;background:url(../images/slideshow.jpg) no-repeat;}
.index_a .slideshow .tit { height:34px; /*background:#0978d1; */line-height:34px; text-indent:10px; font-size:14px; font-weight:bold; color:#fff;}


/*-----------------焦点图切换----------------*/
.slider_inner {width: 390px;height: 283px;font-size: 14px;position:relative;padding-left: 1px;}
.slider_inner a.control {position:absolute; display: block;top: 50%;margin-top: -20px;width:30px;height:40px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.slider_inner a.prev {left: 0;background-position: -2px -1px;}
.slider_inner a.next {right: 0;background-position: -26px -1px;}
.slider_inner a.prev:hover {background-position: -2px -44px}
.slider_inner a.next:hover {background-position: -26px -44px}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider_inner .slider {display: none}

.slider_inner .curr-num{top:-8px ; color: #fff !important;font-size: 2em  !important;}



.index_a .new_2 {width:275px; height:319px; float:left; margin-left:20px;}
.index_a .new_2 .tit { width:275px; height:25px; background:url(../images/new_2_tit.jpg) no-repeat; position:relative;}
.index_a .new_2 .tit a { display:block; width:40px; height:15px; position:absolute; top:7px; left:235px; text-indent:-9999px;}
.index_a .new_2 li { width:275px; line-height:24px; position:relative;}
.index_a .new_2 li a{ width:234px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display:inline-block;}
.index_a .new_2 li span { position:absolute;top:0; right:5px;}

.index_b { width:975px; height:322px; margin-top:12px; margin-left:16px;}
.index_b_1 { width:305px; height:322px; position:relative; float:left; background:url(../images/index_b_1.jpg) no-repeat;}
.index_b_1 .more { width:56px; height:17px; position:absolute; top:10px; right:10px;}
.index_b_1 .more a { display:block; width:56px; height:17px; text-indent:-9999px;}

.index_b_1 .pic_new { width:303px; height:162px; position:absolute; top:47px; left:1px;}
.index_b_1 .new_wrapInner{width:303px; height:162px;}
.index_b_1 .new_wrapInner .new_wrap{}
.index_b_1 .pic_new li { width:303px; height:162px; margin-bottom:10px; }
.index_b_1 .pic_new li span{ display: block; line-height:30px;text-align:center; font-weight:bold;}
.index_b_1 .pic_new li img {width:303px; height:132px;}
.index_b_1 .new { width:285px; height:120px; position:absolute; top:205px; left:10px;}
.index_b_1 .new li {width:285px; height:23px; line-height:23px; overflow:hidden; border-bottom:1px dotted #ccc;}
.index_b_1 .new li:last-child{border-bottom: none  ;} 
.index_b_1 .new li a:hover { text-decoration:underline;}

.index_b_2 {width:393px; height:322px; position:relative; float:left; margin-left:15px; background:url(../images/index_b_2.jpg) no-repeat;}
.index_b_2 .more { width:56px; height:17px; position:absolute; top:10px; right:10px;}
.index_b_2 .more a { display:block; width:56px; height:17px; text-indent:-9999px;}
.index_b_2 .new { width:375px; height:266px; position:absolute; top:49px; left:10px;}
.index_b_2 .new li {width:375px;/* height:23px; */line-height:23px; text-indent:14px; overflow:hidden; border-bottom:1px dotted #ccc; background:url(../images/ioc_1.jpg) no-repeat 4px 10px; position:relative; }
.index_b_2 .new li:last-child{border-bottom: none  ;} 
.index_b_2 .new li a{display: inline-block;width:359px; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_b_2 .new li a:hover { text-decoration:underline;}
.index_b_2 .new li span { position:absolute;top:0; right:4px; color:#7c7c7c; text-indent:0 !important;}

.index_b_3 {width:243px; height:322px; position:relative; float:left; margin-left:15px; background:url(../images/index_b_3.jpg) no-repeat;}
.index_b_3 .more { width:56px; height:17px; position:absolute; top:10px; right:10px;}
.index_b_3 .more a { display:block; width:56px; height:17px; text-indent:-9999px;}
.index_b_3 .new { width:219px; height:266px; position:absolute; top:49px; left:12px;}
.index_b_3 .new li {width:212px; /*height:24px;*/ line-height:23px; text-indent:7px; overflow:hidden; background:url(../images/ioc_2.jpg) no-repeat 0 10px;
text-overflow:ellipsis;overflow: hidden;white-space: nowrap;
}
.index_b_3 .new li a:hover { text-decoration:underline;}

.index_pro { width:971px; height:246px; margin-top:15px; margin-left:16px; background:url(../images/index_pro_bg.jpg) no-repeat; position:relative;}
.index_pro_menu { width:758px; height:35px; position:absolute; top:0; left:148px;}
.index_pro_menu li { display:block; width:96px; height:35px;line-height:36px; float:left; margin-right:20px; background:url(../images/index_pro_menu.jpg) no-repeat;}
.index_pro_menu li a { display:block; color:#fff; text-align:center; }
.index_pro_menu li a:hover,.index_pro_menu li a.indexCatSel { display:block; width:96px; height:35px; background:url(../images/index_pro_menu_a.jpg) no-repeat;} 

#index_scrolling{  width:964px; height:185px; position:absolute; top:48px; left:3px;overflow:hidden;}
.index_pro_con {width:964px; height:185px;}
.productListInner{ display: block; width:100%;height:185px; overflow:hidden;}
.index_pro_con .productListInner ul{}
.index_pro_con .productListInner ul li { width:184px; height:185px; float:left; margin:0 4px;}
.index_pro_con .productListInner ul li img { width:181px; height:141px; display:block;box-shadow: 2px 2px 3px rgba(0,0,0,.4); border:#ccc solid 1px; border-radius: 5px;}
.index_pro_con .productListInner ul li span { width:184px; height:32px; display:block; margin-top:12px; line-height:15px; text-align:center;}


.index_hy {width:971px; height:199px; margin-top:15px; margin-left:16px; background:url(../images/index_hy_bg.jpg) no-repeat; position:relative;}
.use_wrapInner{position:absolute; top:51px; left:2px;width:969px; height:137px; overflow:hidden;}
.index_hy ul { display:block; width:969px; height:137px; }
.index_hy ul li { width:241px; height:137px; border-right:1px solid #fff; float:left;}
.index_hy ul li.noborder{border-right:none;}
.index_hy ul li span { display:block; width:195px; margin-left:14px; margin-top:11px; line-height:19px;}

.index_link {width:971px; height:125px; margin-top:15px; margin-left:16px; background:url(../images/link_bg.jpg) no-repeat; position:relative;}
.index_link ul { display:block; width:961px; height:78px; position:absolute; top:35px; left:5px;}
.index_link ul li img{ height:40px;}
.index_link ul li span{ display:block; text-align:center; line-height:20px; height:20px;}
.index_link ul li { padding:0 12px; line-height:25px; float:left;padding-top: 22px;}
.index_link ul li:hover { text-decoration:underline;}
/*=======================内页样式=======================*/
.inner_cat {width:204px; height:230px;  float:left;}
.inner_cat_tit { width:204px; height:42px; position:relative; background:url(../images/inner_cat_bg.jpg) no-repeat; position:relative;}
.inner_cat_tit span { position:absolute; top:7px; left:31px; width:100px; line-height:35px; display:block; color:#fff; font-size:14px; font-weight:bold;}
.inner_cat ul { width:188px; margin-left:7px; margin-top:8px; overflow:hidden; display:block;}
.inner_cat ul li { width:188px; line-height:30px; font-size:14px; font-weight:bold; border-bottom:1px dotted #c2c2c2; text-indent:21px;}
.inner_cat ul li a { color:#212121;}
.inner_cat ul li a:hover ,.inner_cat ul li a.sel_cat{ display:block; color:#0f4095; background:url(../images/ioc_3.jpg) no-repeat 7px 13px;}

.inner_fr { overflow:hidden;float:right; border-left:1px solid #d5d5d5; width:794px;}
.location { width:795px; height:41px; line-height:41px; border-bottom:1px solid #d5d5d5; position:relative;}
.location b { /*display:block;*/ display:none;font-size:14px;  text-indent:19px;}
.location span { position:absolute; top:0; right:18px;}


.news { padding:25px;}
.news li { height:30px; line-height:30px; background:url(../images/new_bg.jpg) no-repeat; position:relative; text-indent:11px;}
.news li span { position:absolute;top:0; right:15px;}
.about { padding:25px; overflow:hidden; width:742px; line-height:25px;}
.w_page{width:742px;}
.shownews { padding:25px;}
.shownews .title { background:#e7e7e7; height:65px;  text-align: center; }
.shownews .title h1 { color:#b90b0a; font-size:14px; line-height:40px;}
.shownews .title span { line-height:18px;}
.shownews DIV.text { padding-top:25px; }

.news ul.newsPic{ clear:both; width:744px;}
.news ul.newsPic li{ float:left; height:226px; width:230px; margin-right:10px; background:none; margin-bottom:10px; text-indent:0px;}
.news ul.newsPic li.marginRight0{margin-right:0px;}
.news ul.newsPic li img{ width:230px; height:180px;}
.news ul.newsPic li span{ display:block; line-height:25px !important; font-weight:bold; height:25px; overflow:hidden; clear:both;width:100%; 
position:static; text-align:center;
}
.input_pass #note_pass{ border:#0260a0 solid 1px; height:30px; width:200px;}
.input_pass #subPass{ background:url(../images/bg_regist.jpg) no-repeat -155px -148px; width:86px; height:36px; line-height:36px;
 border:none; color:#fff; font-weight:bold;}
/*会员中心*/
.user_list { clear:both; zoom:1; overflow:hidden;padding: 25px 12px;}
.user_list ul { display:block; width:100%; height:137px;}
.user_list ul li { width:248px; height:137px; border-right:1px solid #fff; float:left; border:#ccc solid 1px; margin-right:12px; margin-bottom:10px;}
.user_list ul li:nth-child(3n){ margin-right:0px;}
.user_list ul li span { display:block; width:195px; margin-left:14px; margin-top:11px; line-height:19px;}

.inner_pro { width:795px; overflow:hidden; margin-top:20px;}
.inner_pro li { width:184px; height:181px; float:left; margin:0 7px;}
.inner_pro li img { width:184px; height:141px; display:block; box-shadow: 2px 2px 3px rgba(0,0,0,.4); border:#ccc solid 1px; border-radius: 5px;}
.inner_pro li span { display:block; line-height:40px; text-align:center;}

.show_pro { padding:25px;}

/*======================产品终端页产品图片切换效果样式=======================*/
.products_4 { overflow:hidden;}
.products_5 { width: 250px; padding-top: 10px; padding-left: 30px; float: left; }
#preview { float: none; padding: 15px 0; width: 400px; float: left; }
.description { clear: both; /*height:400px;*/ overflow: auto }
.description h3, .other h3 { height: 40px; line-height: 40px; color: #005DAA; border-bottom: 1px dashed #999; }
.description .data { overflow-x: auto; margin: 0px 0; }
.description a.iq { display: block; width: 98px; height: 25px; }
.description p { width: 100%; height: auto; color: #000; line-height: 22px; margin: 20px 0; }
.description .txt { border-bottom: 1px solid #999; font-size: 15px; line-height: 34px; padding-left: 10px; color: #13233c; font-weight: bold; }
.description table { width: 100%; text-align: center; border-left: 1px #999 solid; border-top: 1px #999 solid; background: #fff; color: #333; }
.description table td { padding: 6px 5px; border-bottom: 1px #999 solid; border-right: 1px #999 solid; }
/*产品终端样式*/

/*产品终端页产品图片切换效果样式*/
.proinfo_two { border-color: #CCCCCC; border-style: solid; border-width: 1px; height: auto; }
.proinfo_two .pro_description { background: none repeat scroll 0 0 #4F5152; font-weight: bold; height: 28px; line-height: 28px; text-indent: 10px; color:#ffffff; }
.proinfo_two .pro_description_cont { height: auto !important; overflow: visible; padding: 10px; width:720px; line-height:25px; }
#spec-n1 img { width:400px; height:307px; background: #fff; border: 1px solid #ccc; padding: 1px; }
#spec-n5 { width: 400px; overflow: hidden; zoom: 1; background: #fff; border: 1px solid #ccc; border-top: none; padding: 1px; }
#spec-right { width: 124px;/* height:60px;*/ float: left; }
#spec-right a img { width: 124px; height: 60px; }
#spec-list { width:400px; float: left; }
#spec-list ul { float: left; height:70px; }
#spec-list ul li { width:106px; height:70px; float:left;}
#spec-list ul li img { width: 100px; height:65px; cursor: pointer; border: 1px solid #CCC; padding: 2px; }
ul.product_list { clear: both; margin: 20px 20px 0; border-bottom: 1px solid #CCCCCC; overflow: hidden; zoom: 1; }
ul.product_list li { font-weight: bold; float: left; padding: 0 10px; background-color: #8395A0; display: block; cursor: pointer; border-right: 1px #FFFFFF solid; line-height: 26px }
ul.product_list li a { color: #FFFFFF; }
ul.product_list li.sel { background-color: #47555e; }
/*放大镜样式 开始*/


.jqzoom { position: relative; padding: 0; }
.bigimg { width: 800px; height: auto; }
.zoomdiv { z-index: 8; position: absolute; top: 1px; left: 0px; width: 400px; height: 400px; background: url(../images/loading.gif) #fff no-repeat center center; border: 1px solid #e4e4e4; display: none; text-align: left; overflow: hidden; }
.jqZoomPup { z-index: 3; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #FEDE4F 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
/*放大镜样式 结束*/

.other, .other ul { float: left; font-size: 12px; line-height: 22px; width: 763px; }
.other_tit { border-bottom: 1px dashed #222222; font-size:14px; height: 40px; line-height: 40px; padding-top: 10px; }
.other ul { margin: 20px 0; }
.other li { float: left; margin: 0 17px; width: 152px; }
.other li a { display:block; color:#fff;}
.other li a:hover { display:block; text-decoration: underline;}
.other img { background: none repeat scroll 0 0; border: 1px solid #ccc; display: block; height:150px; margin: 0 auto; width: 150px; }
.other span { display: block; font-size: 11px; height: 22px; line-height: 22px; text-align: center; }
/*在线客服样式*/
*html .QQbox{position:absolute;}
#online_kf_box{}
#online_kf_menu{ width:26px; height:136px; background:url(../images/side_online_im.gif) no-repeat; text-align:right;}

.QQbox{ width:auto; z-index:99; left:3px; top:145px; position:fixed;}
.QQbox .infobox{  width:168px;text-align:center; background:#bdc5cb url(../images/siderim_infobox.gif) no-repeat; padding:8px 0; line-height:14px; color:#000; font-weight:bold;}
.QQbox .t{ background:url(../images/siderim_title.gif) no-repeat; height:34px;}
.QQbox .b{ float:right; width:170px; height:4px; background:url(../images/siderim_bottom.gif) no-repeat left bottom;}
.QQbox .con{ width:170px; background:url(../images/siderim_bg.gif) repeat-y; padding:10px 0px;}
.QQbox .con h2{ height:22px; background:url(../images/siderim_bg.gif) repeat-y -163px 0; border:1px solid #3a708d; text-align:center; color:#fff;}
.QQbox .con ul{ width:85%; margin:0 auto;}
.QQbox .con li{ border-bottom:1px #ccc dotted;}
.QQbox .con li a{ display:block; padding:8px 0;}
.QQbox .con li img{ display:block; padding:0 0 2px 0;}
.search_form{ margin: 10px 0px;zoom:1; overflow: hidden;}

/*======================分页样式=======================*/
.pager{ margin-top:20px; border-top:#ccc 1px solid; padding:5px 0; clear:both;}
.page_link{ height:22px; padding:0 20px; font-size:11px; color:#777; text-align:center;}
.pager span{ float:left; line-height:20px; background:#F0F0F0; margin:0px 2px; padding:0 0.6em;}
.pager span a{ display:block;}
.page_link_total{color:#777;}
.page_link_a,{}
.page_link_now{ font-weight:bold; color:#d2211f;}
.pages{ margin: 0px 6px; clear: both;}
/*======================底部样式=======================*/
.foot { width:1000px; overflow:hidden; margin-top:15px}
.foot_nav { width:1000px; height:40px; background:url(../images/foot_menu_bg.jpg) repeat-x; margin-top:12px;}
.foot_nav ul { display:block; margin:0 auto; width:868px;}
.foot_nav li { padding:0 20px; line-height:40px; float:left; font-size:14px;}
.foot_txt { width:1000px;  line-height:20px; color:#9d9d9d; overflow:hidden; text-align:center; margin:15px 0;}
.foot_txt a {color:#9d9d9d;}