@charset "utf-8";

/* CSS Document */

body, button, input, select, textarea { background: none repeat scroll 0 0 #f5f5f5; color: #383838; font: 14px/1 "Arial","微软雅黑"; margin: 0; padding: 0; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; 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: 14px; } /* 小于 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: #383838; } /* 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: #383838; }

:visited { text-decoration: none; color: #383838; }

/*======================公用样式=======================*/

.bgstretcher-area { text-align: left; }

.bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; left: 0; }

.bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }

.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; _position: absolute; /*IE6 doesn't support fixed positioning*/ top: 0; left: 0; }

.warp { width:100%; margin: 0 auto; overflow: hidden; }



.banner { width: 100%; height:800px; margin:0 auto; z-index: 0;}

.header { width:1200px; height:88px; margin:0 auto; position:relative}

.logo { width:189px; height:108px; position:absolute; top:40px; left:0; background:url(../images/logo.png) no-repeat;}

.logo a { display:block; width:189px; height:54px; text-indent:-9999px;}

.cn { width:21px; height:15px; background:url(../images/cn.png) no-repeat; position:absolute; top:21px; right:39px; z-index:9999;}

.en { width:21px; height:15px; background:url(../images/en.png) no-repeat; position:absolute; top:21px; right:0; z-index:9999;}

.cn a,.en a { display:block; width:21px; height:15px; text-indent:-9999px;}

.menu { position:absolute; top:58px; right:0;}

.menu li { float:left; padding:0 20px; border-right:1px dotted #fff;}

.menu li a { display:block; color:#fff;}

.menu li a:hover {  color:#c42a2a;}

.m_r { border-right:0 !important; padding-right:0 !important;}





/*======================首页样式=======================*/



.index_about { width:1200px; height:678px; margin:0 auto; background:url(../images/index_about_bg.jpg) no-repeat; position:relative;}

.index_about_main { width:610px; height:157px; position:absolute; top:133px; left:411px;}

.index_about_main span { display:block; height:48px; font-size:28px; color:#333;}

.index_about_main em { display:block; width:584px; height:110px; line-height:27px; font-size:12px; color:#999;}

.index_about_more { width:120px; line-height:70px; position:absolute; top:188px; right:0; text-indent:21px; font-size:16px;}

.index_about_more a { display:block; color:#fffefe;}



.index_about_cat { width:1200px; height:281px; margin:0 auto; background:url(../images/index_about_catbg.jpg) no-repeat;}

.index_about_cat dl { width:260px; height:281px; display:block; float:left; margin:0 20px; position:relative;}

.index_about_cat dl dt { position:absolute; top:126px; left:10px; font-size:20px;}

.index_about_cat dl dt { display:block; color:#333;}

.index_about_cat dl dd { width:240px; height:80px; line-height:28px; position:absolute; top:156px; left:10px; font-size:12px; color:#999;}



.index_cat { width:1200px; height:822px; margin:0 auto;}

.index_cat_tit {width:1200px; height:182px; background:url(../images/index_pro_tit.jpg) no-repeat; position:relative;}

.index_cat_tit .more { width:90px; height:30px; position:absolute; top:150px; right:5px;}

.index_cat_tit .more a { display:block; text-indent:-9999px;}

.index_cat_main {width:1200px; height:550px; margin-top:50px; position:relative;}

.index_cat_main .cat_1 { width:400px; height:430px; background:url(../images/cat_1.jpg) no-repeat; position:absolute; top:120px; left:0;}

.index_cat_main .cat_1 a,.index_cat_main .cat_2 a,.index_cat_main .cat_3 a{ display:block; width:400px; height:430px; text-indent:-9999px;}

.index_cat_main .cat_1 a:hover { display:block; background:url(../images/cat_1_2.jpg) no-repeat;}

.index_cat_main .cat_2 { width:400px; height:430px; background:url(../images/cat_2.jpg) no-repeat; position:absolute; top:0; left:400px;}

.index_cat_main .cat_2 a:hover { display:block; background:url(../images/cat_2_2.jpg) no-repeat;}

.index_cat_main .cat_3 { width:400px; height:430px; background:url(../images/cat_3.jpg) no-repeat; position:absolute; top:120px; left:800px;}

.index_cat_main .cat_3 a:hover { display:block; background:url(../images/cat_3_2.jpg) no-repeat;}







.index_eq { width:100%; height:855px; background:url(../images/index_eq_bg.jpg) no-repeat top center;}

.index_eq_main { width:1200px; height:765px; margin:0 auto; position:relative;}

.index_eq_main .eq_1 { width:491px; height:204px; position:absolute; top:152px; left:83px;}

.index_eq_main .eq_2 { width:614px; height:204px; position:absolute; top:370px; left:32px;}

.index_eq_main .eq_3 { width:700px; height:157px; position:absolute; top:608px; left:0;}

.index_eq_main .eq_4 { width:500px; height:608px; position:absolute; top:0; left:700px;}

.index_eq_main .more { width:220px; line-height:70px; text-indent:45px; position:absolute; top:659px; left:790px;}

.index_eq_main .more a { display:block; color:#d7261d; font-size:24px;}



.index_news { width:1200px; height:586px; margin:0 auto; background:url(../images/index_news_bg.jpg) no-repeat; position:relative;}

.index_news .top_news { width:552px; height:180px; position:absolute; top:60px; left:50px;}

.index_news .top_news_data {width:552px; height:67px;}

.index_news .top_news_data span { display:block; height:21px; color:#d9261c;}

.index_news .top_news_data em { display:block; font-size:36px; color:#d9261c;}

.index_news .top_news_txt {width:552px; height:99px;}

.index_news .top_news_txt span { display:block; width:552px; height:22px; font-size:16px; color:#333;}

.index_news .top_news_txt span a { color:#333;}

.index_news .top_news_txt em { display:block; width:552px; height:61px; line-height:21px; color:#888;}

.index_news .top_news_more { font-size:12px;}

.index_news .top_news_more a {color:#888;}

.index_news .i_news { width:570px; height:270px; position:absolute; top:259px; left:40px; border-top:1px solid #cfcfcf;}

.index_news .i_news li { width:570px; height:53px; border-bottom:1px solid #cfcfcf; }

.index_news .i_news li span { width:461px; line-height:53px;font-size:16px; text-indent:10px; float:left;}

.index_news .i_news li em {width:85px; line-height:53px; margin-left:24px; float:left; color:#888;}



.index_contact { width:100%; height:303px; background:url(../images/index_contactbg.jpg) no-repeat center;}

.index_contact_main { width:1200px; height:303px; margin:0 auto; position:relative; color:#9a9a9a; font-size:12px;}

.index_contact_main .tel { width:210px; height:60px; line-height:29px; position:absolute; top:199px; left:93px;}

.index_contact_main .email { width:170px; height:60px; line-height:29px; position:absolute; top:199px; left:526px;}

.index_contact_main .add { width:332px; height:60px; line-height:29px; position:absolute; top:199px; left:868px;}





.index_g { width:100%; height:723px; background:url(../images/index_g_bg.jpg) no-repeat center;}

.index_g_main { width:1200px; height:723px; margin:0 auto;}

.index_g_menu { width:792px; height:58px; margin:0 auto; padding-top:63px;}

.index_g_menu li { float:left; margin:0 30px;}

.index_g_menu li a { color:#b6b6b6;}

.touch { width:792px; height:290px; margin:254px auto 0; position:relative;}

div.touch input[type='text'],div.touch input[type='submit']{ border:none; position:absolute;outline:none}

div.touch input[type='checkbox']{width:12px;height:12px}

input.zx_1{ width:380px; height:34px; top:0;left:0; color:#fff; background:url(../images/ioc_1.png) no-repeat; position:absolute; top:0; left:0;}

input.zx_2{ width:380px; height:34px; top:0; left:341px;color:#fff; background:url(../images/ioc_1.png) no-repeat;  position:absolute; top:0; left:413px;}

.touch textarea{ width:792px; height:34px; line-height:34px; background:url(../images/ioc_2.png) no-repeat; position:absolute;top:71px;left:0;border:none; outline:none; color:#fff;overflow:hidden}

.touch textarea, .touch input.username, .touch input.contact {color:#fff;}

.touch textarea { }

input.contact_sub{ width:130px !important; height:34px !important; line-height:34px; top:201px; right:331px; text-align:center; cursor:pointer; background:#fff; color:#5d5d5d;} 



/*=======================内页样式=======================*/

.inner { width:1200px; overflow:hidden;  margin:30px auto 0;}

.left { width:270px; overflow:hidden;  float:left; margin-bottom:50px;}

.left_tit { width:270px; height:102px; text-align:center; line-height:102px; font-size:24px; font-weight:bold; color:#fff; background:url(../images/left_tit.jpg) no-repeat;}





.left_cat { width:270px; margin-bottom:4px; overflow:hidden;}

.left_cat li { width:270px; line-height:60px; background:url(../images/cat_li.jpg) no-repeat; text-indent:57px; font-weight:bold; margin-top:6px;}

.left_cat li a { display:block; color:#666}

.left_cat li a:hover { display:block; background:url(../images/cat_lia.jpg) no-repeat; color:#e50014;}





.search { width:270px; height:129px; background:#eaeaea; position:relative; margin-bottom:10px;}

.search_tit { position:absolute; top:33px; left:82px; color:#d8261c;}

.search_info { width:232px; height:36px; overflow: hidden; position:absolute; top:63px; left:16px;  background:url(../images/search_bg.jpg) no-repeat;}

.search_info_txt { display:inline; float:left; height:36px; width:190px; }

.search_info_txt_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #858585; float:left; height:36px; line-height:36px; overflow: hidden; width:190px; text-indent:7px;}

.search_info_btn { float: right; height:36px; width:36px; }

.search_info_btn_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #D3E8F9; float:left; height:36px; overflow: hidden; width:36px; cursor:pointer; }



.left_lx { width:270px; height:130px; background:url(../images/left_lx.jpg) no-repeat;}

.left_lx a { display:block; width:270px; height:130px;}





.right { width:898px; overflow:hidden; float:left; margin-left:32px;  margin-bottom:50px;}

.right_tit { width:898px; height:37px; border-bottom:1px solid #ddd; line-height:38px; color:#9c9c9c;}

.right_tit a { color:#9c9c9c;}





.mosaic-backdrop { display: none; position: absolute; top: 0; height: 100%; width: 100%; background: #111; }

.mosaic-overlay { display: none; z-index: 5; position: absolute; width: 100%; height: 100%; background: #111; }

/*** Custom Animation Styles (You can remove/add any styles below) ***/

.circle .mosaic-overlay { background: url(../images/hover-magnify.png) no-repeat center center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); display: none; }

.fade .mosaic-overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); background: url(../images/pro_lia.png); }



.inner_pro { padding-top:25px;}

.inner_pro img { width:210px; height:210px;}

.inner_pro .mosaic-block { float:left; position:relative; overflow:hidden; width:210px; height:210px; margin:0 7px; margin-bottom:20px;}

.inner_pro .cat_block{ border:#ccc solid 1px;width: 209px;}



.inner_pro .cat_block:nth-child(4n){ margin-right:0px;}



.inner_pro .mosaic-overlay {display:none; z-index:5; position:absolute; width:100%; height:100%; }

.inner_pro .mosaic-overlay img{ width:210px; height:210px;}

.inner_pro .details{ width:210px;  position:absolute; top:90px; left:0; color:#343434; font-size:18px; font-weight:bold; text-align:center; }	

.inner_pro .details p{width:100%;height:100%;vertical-align:middle;}



.inner_pro .fade .mosaic-overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); background: url(../images/pro1_lia.png); }



.about { padding:15px 0; line-height:25px; overflow:hidden;}





.show_pro { padding:15px; overflow:hidden;  line-height:20px;font-size:14px;}



.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: #414141; text-decoration: none; }

.news li span { color: #414141; float: right; margin-right: 30px; }

.shownews { padding:15px 0; }







.news_list { overflow:hidden; margin-top:25px; }

.news_list ul { display:block; overflow:hidden; margin-bottom:20px;}

.news_list ul li { height:265px; overflow:hidden; border-bottom:1px solid #717070; margin-bottom:40px; position:relative;}

.news_list ul li img { width:360px; height:225px; position:absolute; top:0; left:0;}

.news_list ul li .ntit { position:absolute; top:0; left:400px; font-size:16px;height: 40px;

    line-height: 40px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    width: 497px;}

.news_list ul li .ntit a { }

.news_list li .ntit a:hover { text-decoration:underline;}

.news_list li .time { position:absolute; top:40px; left:400px; color:#64c0ee;}

.news_list li .txt { width:480px; height:106px; line-height:25px; position:absolute; top:65px; left:400px;}

.news_list li .more { width:116px; height:36px; line-height:36px; text-align:center; border:2px solid #ccc; border-radius:20px; position:absolute; top:185px; left:400px;}

.news_list li .more a { }





.shownews a:hover { text-decoration: underline;}

.shownews .title { background:#e7e7e7; height:65px;  text-align: center; }

.shownews .title h1 { color:#a61c00; font-size:16px; line-height:40px;}

.shownews .title span { line-height:18px;}

.shownews DIV.text { padding-top:25px; }

.hr { color: #666666; margin: 20px 0; }

.hr a { color: #D2211F; padding: 0 10px; text-decoration: underline; }

table.job { border-collapse: collapse; color: #777777; width: 100%; }

table.job th, .job td { border: 1px solid #DDDDDD; }

table.job th { background-color: #ffffff; height: 40px; line-height: 40px; text-align: center; }

table.job td { background: none repeat scroll 0 0 #FFFFFF; padding: 10px; text-align: center; }

table.job a.close { height: 28px; line-height: 28px; }

table.job .jobdetail { background: url("../images/jobdetail.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 24px; margin: 0 auto; width: 76px; }

table.job .mydiv { left: 50%; margin: -135px 0 0 -325px; position: fixed !important; top: 30%; width: 650px; z-index: 999; }

table.job .mydiv table { border-collapse: collapse; color: #777777; line-height: 22px; }

table.job .mydiv table .alignleft { text-align: left; }

/*新闻中心页面和新闻终端页面样式*/

.newslist{}

.newslist table{ width:100%; border-left:1px #999 solid; border-top:1px #999 solid; color:#666; margin:0 0 20px 0;}

.newslist table td{ padding:10px 15px; border-bottom:1px #999 solid; border-right:1px #999 solid;}

.newslist table a{ color:#792C21; font-weight:bold;}

.newslist table .newslist-1{ width:68%; background:#FFF;}

.newslist table .newslist-2{ width:16%; background:#FFF; text-align:center;}

.newslist table .newslist-3{ width:16%; background:#FFF; text-align:center;}



.single h1{ padding:7px 0; color:#333; text-align:center; font-size:14px; border-bottom:#666 1px dotted;}

.single span.title{ display:block; width:100%; padding:5px 0; color:#666; text-align:center;}

.single p{ margin:20px 0; line-height:22px; color:#000;}

.back { height:27px; padding:7px 0; text-align:right;}

.back a{ width:116px; height:27px; color:#3487D1;}

/*在线询盘页面样式*/

.inquiry_form { padding:10px 0 0 30px; color:#000; font-family:Tahoma; }

.inquiry_form tr{ margin:0 0 15px 0;}

.inquiry_form th { text-align:right; padding:0 10px 0 0; font-weight:normal;}

.inquiry_form td input,.inquiry_form td textarea { border:1px solid #bbb; padding:2px;}

.inquiry_form td .btn_box { width:60px; height:24px; border:1px solid #bbb; background:#e6e6e6 url(../images/inquiry_btn.jpg) repeat-x; color:#333; cursor:pointer;}



/*======================产品终端页产品图片切换效果样式=======================*/

.products_4 { overflow:hidden;}

.products_5 { padding-top: 10px; padding-left:30px; float: left; }

.products_5 h1 { font-size:14px;}

#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; }

#spec-n1 img { width:400px; height:400px; 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:100px; }

#spec-list ul li { width:100px; height:100px; float:left;}

#spec-list ul li img { width:93px; height:93px; 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; }

/*放大镜样式 结束*/



.other, .other ul { float: left; font-size: 12px; line-height: 22px; width: 100%; }

.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 10px; width: 152px; }

.other li a { display:block; }

.other li a:hover { display:block; text-decoration: underline;}

.other img { background: none repeat scroll 0 0; border: 1px solid #ccc; border-radius:5px; box-shadow:2px 2px 2px rgba(0,0,0,.4); display: block;  margin: 0 auto; width: 100%; }

.other span { display: block; font-size: 11px; height: 22px; line-height: 22px; text-align: center; }





/*======================分页样式=======================*/

.pager { margin:20px auto 0;  padding: 5px 0; clear:both; }

.page_link { height: 22px; padding: 0 20px; font-size: 11px; color: #777;}

.pager span { line-height: 20px; background: #F0F0F0; margin: 0px 2px; padding: 0 0.6em; float:left; }

.pager span a { display: block; }

.page_link_total { color: #777; }

.page_link_now { font-weight: bold; color: #d2211f; }



/*======================底部样式=======================*/

.foot { width:100%; line-height:30px; padding:10px 0; text-align:center; background:#222; color:#999; }

.foot a { color:#999;}