@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #515151; 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; }
*{
    
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing:content-box;
   
}
a,a:hover{ text-decoration: none;}


/* 重置表单元素 */
legend { color: #515151; } /* 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: #515151; }
:visited { text-decoration: none; color: #515151; }
/*======================公用样式=======================*/
.warp { width:100%; margin: 0 auto; overflow: hidden; }
.banner { width: 100%; height:782px; margin: 0 auto; z-index: 0; }
.header { width:1200px; height:200px; margin:0 auto;  position:relative;}
.logo { width:270px; height:66px; display:block; background:url(../images/logo.png) no-repeat; position:absolute; top:38px; left:0;}
.logo a { display:block; width:270px; height:66px; text-indent:-9999px;}
.menu { position:absolute; left:362px; top:52px;}
.menu li { float:left; line-height:44px; font-size:16px;}
.menu li a { display:block; color:#fff; margin:0 22px; font-weight:bold;}
.menu li a:hover { display:block; border-bottom:5px solid #fff; color:#fff}

.menu_2 { width:105px; height:30px; border:1px solid #5d5e7a; position:absolute; top:57px; right:8px;}
.menu_2 li { width:105px; height:30px; position:relative;}
.menu_2 li em { display:block;  text-align:center; line-height:30px; color:#fff;}
.menu_2 li:hover { background:#5d5e7a;}
#nav_1 { display:block; margin:0 auto;}
#nav_1 li ul { display: none; position: absolute; right:0; top:30px; margin: 0; text-align:center; z-index:9999;background:#5d5e7a;}
#nav_1 li:hover > ul { display: block; height:auto !important; }
#nav_1 li ul li, #nav li ul li a {  float: none; display:block; text-indent:23px; font-weight:0 !important; text-align:left;}
#nav_1 li ul li a:hover { }
#nav_1 li ul li { _display: inline; /* for IE6 */}
#nav_1 li ul li a {display: block; font-weight:normal !important; padding:0 !important; color:#fff;}
#nav_1 li ul li ul{  position:absolute; left:150px; top:0;}
#nav_1 li ul li:hover ul { left: 100%; top: 0; }
.s_2 { height:50px !important;}
.s_2 span { display:block; float:left; width:40px; line-height:50px; color:#fff;}
.s_2 span a { display:block;}
.s_2 span a:hover { font-weight:bold; text-decoration:underline; }


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




/*======================首页样式=======================*/
.index_box_1 { width:100%; height:729px;}
.index_pro { width:1284px; margin:0 auto; }
.index_pro_tit { width:1284px; height:193px; background:url(../images/index_pro_titbg.jpg) no-repeat; position:relative;}
.index_pro_tit1 {width:1284px; position:absolute; top:74px; left:0; text-align:center; font-size:35px; font-weight:bold; color:#101010;}
.index_pro_tit2 {width:1284px; position:absolute; top:122px; left:0; text-align:center; font-size:15px; color:#5a5a5a;}

.pro_list_inner { width:1284px; height:536px; overflow:hidden; position:relative;}
.left_btn { width:42px; height:42px; position:absolute; top:420px; left:42px; background:url(../images/fl_link.jpg) no-repeat;}
.right_btn { width:42px; height:42px; position:absolute; top:420px; right:42px; background:url(../images/fr_link.jpg) no-repeat;}
.left_btn a ,.right_btn a { display:block; width:42px; height:42px; text-indent:-9999px;}
.left_btn:hover { display:block; background:url(../images/fl_linka.jpg) no-repeat;} 
.right_btn:hover { display:block; background:url(../images/fr_linka.jpg) no-repeat;} 
.sy_pro_list { width:1284px; height:353px; position:absolute; top:0; left:0;}
.sy_pro_list ul { width: 1284px; }
.sy_pro_list li { width:233px; height:351px; background:#fff; float:left; margin:0 10px; border:1px solid #e8e8e8;-webkit-box-shadow:0 0 8px #ccc; -moz-box-shadow:0 0 8px #ccc; box-shadow:0 0 8px #ccc;}
.sy_pro_list li img { width:233px; height:297px; display:block;}
.sy_pro_list li span { display:block; width:233px; line-height:55px; text-align:center;}
.sy_pro_list li span a { color:#333; display:block;}
.sy_pro_list li:hover span { background:#1d2088;} 
.sy_pro_list li:hover span a { color:#fff;}


.index_box_2 { width:100%; height:562px; background:url(../images/index_aboutbg.jpg) no-repeat center;}
.index_about { width:1200px; height:562px; margin:0 auto; position:relative;}
.index_about .tit_1 { position:absolute; top:146px; left:521px; font-size:30px; font-weight:bold; color:#121212;}
.index_about .tit_2 { position:absolute; top:188px; left:521px; font-size:16px; color:#919191;}
.index_about .txt { width:679px; height:125px; line-height:28px; position:absolute; top:239px; left:521px;}
.index_about .more {width:138px; line-height:35px; position:absolute; top:373px; left:521px; text-align:center; background:#1d2088;}
.index_about .more a { display:block; color:#fff;}


.index_news { width:1200px; height:727px;  margin:0 auto;}
.index_news_tit { width:1200px; height:195px; background:url(../images/index_news_titbg.jpg) no-repeat; position:relative;}
.index_news_tit1 {width:1200px; position:absolute; top:89px; left:0; text-align:center; font-size:35px; font-weight:bold; color:#101010;}
.index_news_tit2 {width:1200px; position:absolute; top:137px; left:0; text-align:center; font-size:15px; color:#5a5a5a;}

.index_new_top { width:497px; height:438px; float:left; position:relative; background:#e9e9e9;}
.index_new_top .pic { width:497px; height:333px; position:absolute; top:0; left:0;}
.index_new_top .pic img { width:497px; height:333px;}

.index_new_top .tit {width:445px; position:absolute; top:350px; left:26px; font-size:16px;}
.index_new_top .tit a { color:#111; text-decoration:underline;}
.index_new_top .txt { width:445px; height:38px; line-height:19px; position:absolute; top:375px; left:26px; color:#565656; font-size:12px;}


.index_new_list { width:669px; float:left; margin-left:34px;}
.index_new_list li { width:669px; height:105px; background:url(../images/index_news_listli.jpg) no-repeat; margin-bottom:6px;}
.index_new_list li .time { width:123px; height:105px; float:left; position:relative;}
.index_new_list li .time em { position:absolute; top:26px; left:37px; font-size:45px; font-weight:bold; color:#afafaf;}
.index_new_list li .time span {position:absolute; top:69px; left:29px; color:#afafaf; font-size:18px;}


.index_new_list li .con {width:472px; height:105px; float:left; position:relative; margin-left:32px;}
.index_new_list li .tit {width:472px;  position:absolute; top:24px; left:0;  font-size:16px;}
.index_new_list li .tit a { color:#111; text-decoration:underline;}
.index_new_list li .txt {width:472px; line-height:20px; position:absolute; top:52px; left:0; color:#565656; font-size:12px;}
.index_new_list li:hover { display:block;  width:669px; height:105px; background:url(../images/index_news_listlia.jpg) no-repeat;}
.index_new_list li:hover a,.index_new_list li:hover a p,.index_new_list li:hover .time span,.index_new_list li:hover .time em { color:#fff;}


/*=======================内页样式=======================*/
.inner_ban { width:100%; height:552px;}
.ban_page{ background:url(../images/inner_page_ban.jpg) no-repeat center;}
.ban_contact{ background:url(../images/inner_contact_ban.jpg) no-repeat center;}
.ban_products{background:url(../images/inner_pro_ban.jpg) no-repeat center;}
.ban_news{background:url(../images/inner_news_ban.jpg) no-repeat center;}
.ban_technical{background:url(../images/inner_technical_ban.jpg) no-repeat center;}

.inner_t { width:100%; /*overflow:hidden;*/border-bottom:1px solid #d1d1d1; background:#f2f2f2; height:59px;}

.inner_menu { width:1199px; /*overflow:hidden;*/ margin:0 auto; border-left:1px solid #d1d1d1; height:59px; }
.inner_menu li { width:170px;  border-right:1px solid #d1d1d1;  float:left; text-align:center; font-size:14px;position:relative;}

.inner_menu li a { display:block; color:#4d4c4c; height:55px; line-height:55px;}
.inner_menu li a:hover { display:block; height:47px; color:#1d2088; border-bottom:8px solid #1d2088; }

.inner_menu  ul.catNav li  a{ border-bottom:8px solid #1d2088;height:51px; line-height:51px;} 
.inner_menu  ul.catNav li  a:hover{border-bottom:8px solid #1d2088;height:51px; line-height:51px;}
/*.inner_menu  ul.catNav li  a.line{border-bottom:8px solid #1d2088;}*/
.inner_menu li a:hover { display:block; height:47px; color:#1d2088; }
.aboutNav li a,.technicalNav li a {
    display: block;
    height: 59px;
}
.aboutNav li a:hover,.technicalNav li a:hover{height:51px;} 
.inner_menu li .subCat{ top:55px; position: absolute;display:  none; width:100%; }
.inner_menu li .subCat dl{width:100%; display:block;  border:#ccc solid 1px;top:55px; box-shadow:2px 2px 3px rgba(0,0,0,.4);  }

.inner_menu li .subCat  .caret {
 
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
	 color:#1d2088;

}
.inner_menu  ul.catNav li dl dt{/* border-bottom:#ccc solid 1px;*/background:#fff;}
.inner_menu  ul.catNav li dl dt a:hover{ height:40px; line-height:40px;border-bottom:2px solid #1d2088;}
.inner_menu  ul.catNav li dl dt a{ height:41px; line-height:41px; border-bottom:1px solid #ccc;}
.inner_menu  ul.catNav li dl dt:first-child{ margin-top:8px;}
.inner_menu  ul.catNav li dl dt:last-child a{border-bottom:none;}
.inner { width:1200px;  margin:0 auto; margin-bottom:80px; }
.location { width:1200px; line-height:102px; overflow:hidden; font-size:13px;}
.location  .breadcrumb { display: inline; background: transparent;}
.search_form{ margin: 10px 0px;zoom:1; overflow: hidden;}

.inner_pro { margin-top:23px;}
.inner_pro li { width:271px; height:408px; margin-left:13px; margin-right:13px; margin-bottom:40px; background:#fff; float:left;  border:1px solid #e8e8e8;-webkit-box-shadow:0 0 8px #ccc; -moz-box-shadow:0 0 8px #ccc; box-shadow:0 0 8px #ccc;}
.inner_pro li img { width:271px; height:345px; display:block;}
.inner_pro li span { display:block; width:271px; line-height:63px; text-align:center;}
.inner_pro li span a { color:#333; display:block;}
.inner_pro li:hover span { background:#1d2088;} 
.inner_pro li:hover span a { color:#fff;}

.about { padding:15px 0; line-height:25px; overflow:hidden;}
.about ul li td { padding:0 3px;}
.pages{ clear: both;}



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




.news {  padding:15px 0; overflow:hidden; }
.news li { float: left; width: 100%; padding: 0 0 12px; border-bottom: 1px dashed #bababd; margin-bottom: 12px; }
.news li a { display: block; color: #666666; }
.news li span { float: left; display: block; font-size: 14px; width: 600px; line-height: 28px; color: #666666; height: 28px; overflow: hidden; }
.news li i { float: right; display: block; width: 80px; font-style: normal; font-size: 14px; line-height: 28px; }
.news li b { clear: both; width:100%; font-weight: normal; font-size: 12px; line-height: 20px; display: block; }
.news li:hover { color: #1650a4; }
.news li:hover span { color: #1650a4; }
.news li:hover a { color: #1650a4; }


.shownews { padding:15px 0;}

.shownews a:hover { text-decoration: underline;}
.shownews .title { background:#e7e7e7; height:65px;  text-align: center; }
.shownews .title h1 { color:#000; font-size:14px; 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; }
.guestbook { padding-top:30px;}
.guestbook table th { color:#777; text-align:left;}
.guestbook table td input,.guestbook table td textarea{ border:1px solid #777; background:#f0f0f0;}
.red{ color:red}
#inquiry_form input,#inquiry_form img{ vertical-align:middle;}
/*新闻中心页面和新闻终端页面样式*/
.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:60px; 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:510px; 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:125px; }
#spec-list ul li { width:100px; height:125px; float:left;}
#spec-list ul li img { width:93px; height: 118px; 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: 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-right: 20px; width: 182px; }
.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; }
.other li:nth-child(6){ margin-right: 0px;}


/*======================分页样式=======================*/
.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%; height:350px; background:url(../images/foot_bg.jpg) repeat-x; clear:both;}
.foot_con { width:1200px; height:350px; margin:0 auto; background:url(../images/foot_conbg.jpg) no-repeat center; position:relative;}
.foot_con_tel { position:absolute; top:154px;left:54px; color:#adadad;}
.foot_con_tel span { display:block; height:19px; font-size:14px;}
.foot_con_tel em { display:block; font-size:24px; font-weight:bold; }
.foot_menu { width:830px; height:223px; position:absolute; top:65px; left:370px;}
.foot_menu li { LINE-HEIGHT: 25px; OVERFLOW: hidden; font-size:14px; color:#7f7f7f;}
.foot_menu li a { color:#7f7f7f;}
.foot_menu li a:hover { text-decoration:underline;}
.foot_menu P { font-size:16px; height:26px; color:#fff; }
.foot_menu P a{  color:#fff; }
.f1 { width:153px; float:left;}
.f2 { width:162px; float:left;}
.f3 { width:161px; float:left;}
.f4 { width:354px; float:left;}
.f4 p { height:22px;}
.f4 li { line-height:30px; text-indent:29px;}
.foot_txt { width:1200px; position:absolute; top:288px; left:0;line-height:62px; text-align:center; color:#6e6e6e;}
.foot_txt a {color:#6e6e6e;}