@charset "utf-8";
/* CSS Document */
/*===============================================================重置部分*/
body, button,  select, textarea { background: none repeat scroll 0 0 ; color:#B0B0B0; font: 14px/1 Arial,微软雅黑; margin: 0; padding: 0; overflow: hidden; }
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; height: auto; 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: #373737; } /* 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; }
:link { text-decoration: none; color: #373737; }
:visited { text-decoration: none; color: #373737; }
.l{ float:left; }
.r{ float:right;}
a{list-style:none; text-decoration:none ;   display: inline-block;}
ul,li{ list-style:none;}
.cb-slideshow img{ border:none; outline: 0; width: 100%; height: 100%; }

/*========================nav======================*/

.wrap990{width: 990px; margin: 0 auto; position: relative; }
.lang-wrap{ overflow: hidden;}
.lang{ overflow: hidden; width: 113px;}
.container{ position: relative; width: 100%;height: auto;}
.nav-wrap{ height: 64px; background-color: #231F20; overflow: hidden;}
.logo{ width: 304px; height: 64px;}
.nav li{ float: left; line-height: 64px; text-align: center; margin: 0 23px ;}
.nav li a{ color: #fff; font-size: 14px; height: 30px; line-height: 30px; }
.nav li a:hover,.nav li a.sel_page{ border-bottom:1px solid #EC1A23;}
.lang p{ float: left;height: 36px; line-height: 36px; font-size: 12px; color: #fff;}
.lang span{ width:21px; height: 16px; background: url(../images/lang.png) 0 0 no-repeat; float: left; display: block;  margin-left: 7px; margin-top: 11px; }
.lang .cn{ background-position: 0 -16px;}
.lang span a{ display:block; width:100%; height:100%;}

.titb{ width: 714px; height: 87px;  background: url(../images/titb.png) 0 0 no-repeat; margin: 0 auto; margin-top:295px;}

/*======================indexSearch样式=======================*/
 .search_info { width:351px; height:50px; overflow: hidden; margin: 0 auto; margin-top: 24px;  background: #fff;}
 .search_info_txt { display:inline; float:left; height:50px; width:301px; }
 .search_info_txt_css { background-color: #222;; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: rgba(255,255,255,.44); float: left; font-size: 16px; height:50px; line-height:50px; overflow: hidden; width:301px; text-indent:10px; }
 .search_info_btn { float: right; height:50px; width:50px;  background:url(../images/search.png) 0 0 no-repeat;}
 .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:50px; line-height: 13px; overflow: hidden; width:50px; cursor:pointer; }

.content{margin-top: 70px; height: 218px; margin-bottom: 10px; }

.list li{ float: left; width: 220px; height: 178px; position: relative; margin-right: 10px; padding: 30px 10px 10px 10px; background: #231F20; }
.list li:nth-child(4n){ margin-right: 0px;}
.list .tit { width: 100px; height: 34px; position: absolute; top: -17px; background: url(../images/tit-bg.png) 0 0 no-repeat; }
.list .tit a{ width: 100%; height: 100%; line-height: 34px; color: #fff; font-size: 16px; font-weight: bold; text-indent: 9px; text-align: left; }
.list .img{ position: relative; width:220px; height: 90px; margin-bottom: 5px;}
.list .img img{ width: 100%; height: 100%;}
.list .cap{ color:#fff; text-align: left; line-height: 1.3em; }
.list .cap li{ clear: both; width: 100%; height: 30px;  border-bottom:1px dashed #3F3E46; background: url(../images/arr.png) 12px center no-repeat; padding: 0px;}
.list .cap li a{ width: 100%; height: 100%; line-height: 29px; text-indent: 33px;color: #fff; font-size: 14px;}
.list .about-cap{font-size: 12px; line-height: 1.5em; height: 165px; overflow: hidden; text-align: left; color: #fff;}

.list .new{ height: 78px; width: 100%; text-align:left; color: #fff; font-size: 12px;}
.list .new1{ border-bottom:  1px solid #363233; padding-bottom: 10px;}
.list .new2{ padding: 10px 0;}
.list .new .date { color: rgba(255,255,255,.2);  margin-bottom: 10px;  }
.list .new img{ float: left; width: 80px; height: 78px; padding-right:10px; }
.list .new .cap{ color: #fff;line-height: 1.5em; width:228px; }
.list .cap1{ border-bottom: 1px dashed #3F3E46;}
.list .cap1, .list .cap2{padding: 5px 0; line-height: 1.5em;}


/*==========================pro=======================================*/
.bg{ position: fixed; width: 100%; height: 100%; background: url(../images/bg.jpg);}
.pro-con{ margin-top: 30px;background: #000;}
.pro-tit1{ height: 50px;background-color: #2A2A2A; padding-left: 22px; text-align: left;
line-height: 50px;color: #fff; padding-right: 60px;}
.pro-tit2 span{ display: block;   float: left; color: #fff;font-size: 16px; text-align: left;}
.pro-tit2 span a{ color:#fff;}
.pro-tit1 .tit{ font-size: 30px; width: 238px; border-right: 1px solid #3C3B3B; margin-right: 65px;  background-image: none; text-indent: 0px;}
.page-tit .tit{border-right:none;}
.pro-tit2{ height: 50px; background-color: #1D1A1C; line-height: 50px; padding-left: 22px;}
.pro-tit1 span{height: 50px; line-height: 50px; float: left; display: block; background: url(../images/arrw.png) 0 center no-repeat;text-indent:6px;  font-size: 14px; color: #fff; margin-right: 46px; }
.pro-tit1 span a.sel_cat{ color:#EC1A23;}
.pro-tit1 span a{ color:#fff;}
.pro-tit1 span a:hover{ color:#FF1518;}

.pro-tit2 .search_info{ float: right; margin: 0;}
.pro-img{ padding: 18px 11px; overflow: hidden;  background-color: #000;}
.pro-img li{ float: left; width: 224px; margin: 0 9px;}
.pro-img img{ box-sizing: border-box; width: 224px; height: 175px;}
.pro-img p{ height: 38px; line-height: 38px; color: #fff; font-size: 14px; text-align: center;}
.pro-img a:hover img{border:2px solid #E32102;  }
 .inventoryList{ background-color: #000; padding-top:10px;}
.inventoryList ul{ overflow:hidden; margin:0px auto 0px auto; width:970px;}
.inventoryList ul li{ height:98px;}
.inventoryList ul li dl{ color:#fff; line-height:25px;}
.inventoryList ul li.listFrist{ background: #7B0707; line-height:55px; height:55px;}
.inventoryList ul li dl dt{ /*width:146px;*/ line-height:55px; height:55px; text-align:center; font-weight:bold; font-size:16px; float:left; border-right:#010101 solid 1px;}
.inventoryList ul li.dataList{ background:#353535; font-size:14px;}

.inventoryList ul li.dataList:hover {background:#BB1414; cursor: pointer; }

.inventoryList ul li.color_2{ background:#282828;}
.inventoryList ul li.dataList span{ display:block; float:left; height:96px; line-height:96px; color:#fff;border-right:#010101 solid 1px; text-align:center;}
.inventoryList ul li.dataList{ border-bottom:#010101 solid 1px;}
.inventoryList ul li.dataList span.d01,.inventoryList ul li dl dt.h01{ width:224px; }

.inventoryList ul li.dataList span.d02,.inventoryList ul li dl dt.h02{ width:136px;  }
.inventoryList ul li.dataList span.d03,.inventoryList ul li dl dt.h03{ width:416px; }
.inventoryList ul li.dataList span.d04,.inventoryList ul li dl dt.h04{ width:190px; }
.inventoryList ul li.dataList span img{width:136px;height:98px; }

/*======================产品终端页产品图片切换效果样式=======================*/
.products_4 { width:980px; overflow:hidden; margin:0 auto;}
.products_5 { width: 250px; padding-top: 10px; padding-left:90px; float: left; color:#fff; }
#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: #2C2B2B; border-style: solid; border-width: 1px; height: auto;  margin-bottom:30px; }
.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; }
#spec-n1 img { width:400px; /*height:267px;*/ 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(i/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; }
/*放大镜样式 结束*/


.show_pro {padding:25px 20px;overflow:hidden; background:#000000; }
.news { padding:25px 20px; overflow:hidden;}
.news ul { list-style-image: none; list-style-type: none; margin-top: 6px; }
.news li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden;}
.news li a { color: #fff; text-decoration: none; }
.news li span { color: #fff; float: right; margin-right: 30px; }

.shownews {padding:25px 6px; color:#fff; }
.shownews a { display:block;}
.shownews a:hover { display:block; text-decoration: underline;}
.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; color:#000;}
.shownews DIV.text { padding-top:25px; line-height:25px; }

.txt_data{ clear:both; }
.txt_data dl{ clear:both;border:#ccc solid 1px; height:228px; margin-bottom:2px;}
.txt_data dl dt{ float:left; width:180px; margin-right:10px;}
.txt_data dl dt img{ /*width:100%;  height:100%; */width:176px; height:220px; margin:4px; }
.txt_data dl dd{ float:right; width:380px; text-align:center;margin-right: 250px;padding-top: 34px;}
.txt_data dl dd em{ display:block; line-height:25px;/*取消斜体*/ font-style:normal; font-weight:bold; font-size:13px; margin-top:20px;}
.txt_data dl dd em a{ color:#fff;}
.txt_data dl dd code{ line-height:20px;  overflow:hidden; width:100%;height:194px;display: block;}
.txt_data dl dd code a{ color:#33F;}


/*单页*/
.about { background:#000; overflow:hidden; line-height:25px;color:#fff;padding: 0 20px;
width: 950px;}



/*======================foot==============================*/
.foot{ text-align: left;height: 60px; width: 966px; line-height: 60px; color: #fff; font-size: 12px; padding:0 12px; background-color: #231F20; overflow: hidden; border-radius: 0 0 15px 15px;}
.foot .link{ float: right; overflow: hidden;}
.foot .link span{width: 26px; height: 26px; background: url(../images/fb.png) 0 0 no-repeat; margin-left: 8px; float: left; margin-top: 18px;}
.foot .link .t{ background-position: 0 -26px;}
.foot .link .f{ background-position: 0 -52px;}
.foot .link a{ width: 100%; height: 100%;}
.new_images{ width:950px; background:#000000; margin:20px auto;}



/*==============弹出框================*/
.box-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.8;filter: alpha(opacity=80);z-index: 9999; display:none; }
.box{position:absolute;width: 400px;height: 400px;left: 50%; z-index: 10100;top:250px; display:none; }
.close-btn{ height: 50px; width: 120px; font-size: 14px; color: #fff;text-align: center; height: 50px; line-height: 50px; margin-top: -50px; float: right;}
.video{ width: 100%; height: 100%; background-color: #3c3c3c; display:none;}