@charset "utf-8";

/* CSS Document */

body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #535353; font: 12px/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: #535353; } /* 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: #535353; }

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

.fl { float: left; }

.fr { float: right; }



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



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

.header { width:1002px; height:102px; margin: 0 auto; position:relative;}



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

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

.lang { width:168px; height:15px; background:url(../images/lang.jpg) no-repeat; position:absolute; top:19px; right:0;}

.cn { width:60px; height:15px; margin-right:23px; float:left;}

.en { width:80px; height:15px; float:left;}

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

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

.menu { width: 600px; height:26px; position:absolute; top:59px; left:410px;}

.menu li { float:left; line-height:26px; padding:0 14px; font-size:14px; font-weight:bold; background:url(../images/menuline.jpg) no-repeat right; }

.menu li a { display:block;}

.menu li a:hover,.menu li a.sel_page{ display:block; text-decoration:underline;}

.menu li.bg{ background: none;}

/*======================Banner样式=======================*/

.banner { width:100%; }

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

.banner_con { width:1002px; /*height:684px;*/height: 512px; margin:0 auto; position:relative;}

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

.index_main { width:1002px;/* height: 880px;  */  height: 580px; position:absolute; top: 520px; left:0; background:url(../images/index_about_bg.jpg) no-repeat; z-index:9999;}

.index_cat { width:201px; float:left; margin-right: 20px;overflow: hidden;}

.index_cat .tit { width:201px; line-height:40px; color:#fff; font-size:18px; font-weight:bold; text-indent:27px;}

.index_cat ul {width:201px;overflow: hidden;}

.index_cat ul li { width:201px; height: 30px; line-height: 30px; background:url(../images/line_3.jpg) no-repeat bottom;vertical-align:bottom; overflow:hidden;}

.level_1 {font-size: 14px;font-weight: bold;}

.index_cat ul li a { display:block; color:#fff; text-indent:27px;}

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





.Indexcat{ background-color:#1671b8; color:#fff; height:260px;}

.Indexcat .Indexcat_inner{ width:1002px; margin:0px auto;}

.Indexcat .Indexcat_inner a{}

.Indexcat .Indexcat_inner dl.catInfo{ float:left; margin-right:4px; margin-top:18px; width:152px; background:url(../images/catline.jpg) no-repeat right 0px; height:240px; zoom:1; overflow:hidden;}

.Indexcat .Indexcat_inner dl.cat_nobg{ background:none; margin-right:0px;}

.Indexcat .Indexcat_inner dl.catInfo dt a{ color:#ffd700; font-size:14px; font-weight:bold;}

.Indexcat .Indexcat_inner dl dt{ width:100%; text-align:left; text-indent:8px; line-height:30px;}

.Indexcat .Indexcat_inner dl dd{  line-height:20px;  overflow:hidden; text-indent:20px; clear:both;}

.Indexcat .Indexcat_inner dl dd a{ float:left;background:url(../images/catico.jpg) no-repeat 6px center;height:20px; display:block; margin-right:6px; overflow:hidden; width:145px;}

.Indexcat .Indexcat_inner dl dd a{ color:#fff;}

.Indexcat .Indexcat_inner dl.cat_3{ width:302px;}



.index_about {width: 760px; height:225px; float:left;}

.index_about_top {width: 760px; height: 50px; position:relative;}

.index_about_top h2 { line-height: 35px; padding-top: 5px; font-size:18px; font-weight:bold; color:#0975be;}

.index_about_top em { width:113px; height:27px; background:url(../images/index_about_mor.jpg) no-repeat; position:absolute; top: 10px; right:0; display:block;}

.index_about_top em a { display:block; font-weight:bold; text-align:center; color:#fff; line-height:27px;}



.index_about_main { width: 760px; height:161px;}

.index_about_main .pic { width:294px; height:161px; float:left; margin-right: 15px;}

.index_about_main .txt { width: 450px; height:190px; overflow:hidden; line-height:24px;color:#808080; font-size:14px; float:left;}





.index_pro { width: 760px; /* height:528px; */ float:left;}

.index_pro_top { width: 760px; height: 40px;}

.index_pro_top h2{line-height: 35px; font-size:18px; font-weight:bold; color:#0975be;}

.index_pro_top em { width:113px; height:27px; background:url(../images/index_about_mor.jpg) no-repeat; position:absolute; top:23px; right:0; display:block;}

.index_pro ul{width: 770px; padding-left: 10px;display:block;overflow:hidden;}

.index_pro li{width:176px;height: 155px;float:left;margin-top: 8px;margin: 0 8px;vertical-align: bottom;}

.index_pro li img{width:170px;height:120px;display:block}

.index_pro li span{width:170px;line-height: 36px;display:block;font-weight:bold;font-size: 14px;text-align:center;height: 36px; overflow:hidden;}

.index_pro li span a{color:#0c64ab}

.index_pro li p{width:160px;height:50px;line-height:16px;color: #888;overflow:hidden;padding:0 5px}








.index_con { width:100%; height:385px; margin-top: 610px; background:url(../images/index_conbg.jpg) no-repeat center;}

.index_con_m { width:1002px; height:348px; margin:0 auto; padding-top:19px; }

.index_new { width:362px; height:340px; float:left; margin-right:8px;}

.index_new .tit { width:362px; height:34px; position:relative;}

.index_new .tit h3 { display:block; line-height:34px; position:absolute; top:0; left:18px; font-size:14px; font-weight:bold; color:#fff;}

.index_new .tit em { display:block; line-height:31px; position:absolute; top:3px; right:12px;}

.index_new .tit em a{ display:block; color:#fff;}

.index_new ul { width:339px; height:296px; display:block; margin-top:10px; margin-left:17px;}

.index_new ul li { width:339px; height:27px; line-height:28px; border-bottom:1px solid #cbcbcc; position:relative;}

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

.index_new ul li span { display:block; position:absolute; top:0; right:2px; color:#7e7e7e; font-size:11px;}

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

.inner_ban { width:100%; height:321px; background:url(../images/inner_ban1.jpg) no-repeat center;}

.inner { width:1002px;  margin:0 auto;}





/*======================Banner样式=======================*/

#full-screen-slider { width:100%; height:321px; margin:0 auto; position:relative;}

#slides { display:block; width:100%; height:401px; list-style:none; padding:0; position:relative;z-index:1;}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0;position:absolute;}

#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination { display:block; list-style:none; position:absolute; left:52%; top:95%; margin-left:200px; z-index:9900; margin:0}

#pagination li { display:block; list-style:none; width:26px; height:4px; float:left; margin-left:8px; background:#FFF;}

#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}

#pagination li.current { background:#966b3a;}



.left { width:201px; float:left; margin-bottom:20px; position:relative; z-index:9999;}

.left_cat { width:201px; margin-top: 10px; background:#2182c4;}

.left_cat .tit { width:201px; line-height:40px; background:url(../images/12bg.jpg) no-repeat; color:#fff; font-size:18px; font-weight:bold; text-indent:27px;}

.left_cat ul { margin-top:9px;}

.left_cat ul li { width:201px; height:37px; line-height:37px; background:url(../images/line_3.jpg) no-repeat bottom; overflow:hidden;}

.left_cat ul li a { display:block; color:#fff; text-indent:27px;}

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

.left_contact { width:201px; height:215px; margin-top:12px; background:url(../images/left_lxbg.jpg) no-repeat;}



.right { width:757px; overflow:hidden; margin-left:44px; float:left; z-index:1000;}



.location { width:757px; height:50px; border-bottom:1px solid #cbcbcc; position:relative; z-index:1000;}

.location span {display:block;float:left;line-height:50px;font-size:26px; color:#0858a3;}

.location em {display:block;float:right;line-height:50px;font-size:14px;}



.loc_product{ height:46px;}

.loc_product em{left:0px;}

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





.inner_pro { line-height:25px;  padding:10px 0; }

.inner_pro li {  height:160px;  border-bottom:1px dotted #b8b8b8;  margin-bottom:10px; }

.inner_pro li img { width:223px; height:149px; float:left; margin-right:23px;}

.inner_pro_txt { width:511px; height:149px; overflow:hidden; float:left; line-height:20px;}

.inner_pro li span { line-height:35px;}

.inner_pro li span a:hover { text-decoration:underline;}

.pro_name { font-size: 15px; font-weight:bold; line-height: 30px;}

.pro_name a { color:#227fc1; }









.show_pro {padding:25px 0;}

.news { padding:15px 0; 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: #656565; text-decoration: none; }

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



.shownews {padding:15px 0; }

.shownews a { }

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

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

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

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

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

.shownews DIV.text p  {font-size:14px;line-height:25px;}

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

.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 { width:980px; overflow:hidden; margin:0 auto;}

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

#preview { float: none; padding: 15px 0; width: 480px; 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  h1{ display:inline-block;}

.proinfo_two .pro_description_cont { height: auto !important; overflow: visible; padding: 10px; }

.proinfo_two .pro_description_cont{ line-height:25px;}

.proinfo_two .pro_description_cont table{ border-collapse:collapse; border:#ccc solid 1px;}

.proinfo_two .pro_description_cont table tr,.proinfo_two .pro_description_cont table td{border:#ccc solid 1px;}

.proinfo_two .pro_description_cont table tr{ line-height:25px;  text-align:center;}

#spec-n1 img { width:600px; background: #fff; border: 1px solid #ccc; padding: 1px; }

#spec-n5 { width: 600px; overflow: hidden; zoom: 1; border-top: none; padding: 1px; }

#spec-right { width: 124px;/* height:60px;*/ float: left; }

#spec-right a img { width: 124px; height: 60px; }

#spec-list { width:600px; 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; }
.productList ul.pro_list li{ width:237px;    margin: 10px 3% 0 0;}
.productList ul.pro_list li:nth-child(3n){ margin-right:0px;}
.productList ul.pro_list li img{ height:auto;}
.productList ul.pro_list li a{ width:100%;}
.productList ul.pro_list li span{ width:100%;}

/*放大镜样式 开始*/





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

/*放大镜样式 结束*/







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

.pager{ margin:10px; 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;}

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

.foot { width:100%; height: 110px; background:url(../images/foot_bg.jpg) repeat-x; clear:both;}

.foot_main { width:1002px; height: 110px;text-align:center;line-height:25px; margin: 0 auto; padding: 10px 0;}

.foot_menu {height:25px; line-height:25px; position:absolute; top:36px;left:17px;}



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

.foot_menu span { padding:0 25px;}

.foot_txt { height:90px; line-height:25px; position:absolute; top:60px; left:17px;}

.foot_fr { width:60px; height:70px; position:absolute; top:25px; right:30px;}