@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #767676; 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;}

ol.breadcrumb{ background: none; padding: 0px;}
ol.breadcrumb li{ display: inline;}
/* 重置表单元素 */
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: #767676; }
:visited { text-decoration: none; color: #767676; }
/*======================公用样式=======================*/
.warp { width:100%; margin: 0 auto; overflow: hidden; }
.top { width:100%; height:192px; background:url(../images/top_bg.jpg) no-repeat center;}
.header { width:1200px; height:192px; margin:0 auto;  position:relative;}
.top_t { line-height:26px; position:absolute; top:0; left:0; font-size:12px; color:#333;}
.lang {line-height:26px;position:absolute; top:0; right:0; color:#333; font-size:12px;}
.lang a { color:#333;}
.hot_tel { width:238px; height:68px; text-indent:62px; position:absolute; top:60px; right:0; font-size:16px; background:url(../images/hot_tel_bg.jpg) no-repeat; color:#333;}
.menu { width:1200px; height:46px; position:absolute; top:146px; left:0; }
.menu li { float:left; font-size:16px; }
.menu li.main{ position: relative; }
.menu li.main dl{ position: absolute; top:45px; display: none; z-index: 9999; width: 140px; background: rgba(255,255,255,1); left:10px; }
.menu li.main dl dt{ font-size: 12px; font-weight: normal; line-height: 45px; height: 45px; background: #ef3d1e; text-align: center;}
.menu li.main dl dt:hover{background: url(../images/line.jpg) repeat-x;}
.menu li.main dl dt a{ color:#fff;    margin: 0 0px; line-height: 45px}
.menu li.main dl dt a:hover{ }
.menu li a { display:block; color:#fff; margin:0 46px; line-height:44px;}
.menu li a:hover { display:block; /*border-bottom:2px solid #fff;*/}
.menu li.main dl.catNav{     width: 246px; left: -45px;}
.menu li.main dl.supportNav{left: 28px;}



#full-screen-slider { width:100%; height:500px; margin:0 auto; position:relative;}
#slides { display: block; width: 100%; height:500px; list-style: none; padding: 0; margin: 0; position: relative;  }
#slides li { display: block; width: 100%; height:500px; 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:92%; z-index: 9900; }
#pagination li { display: block; list-style: none; width:17px; height:17px; float: left; margin-left: 5px; background: #fff; border-radius:10px; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { background: #f14b1f; }

/*======================首页样式=======================*/
.index_pro { width:1200px; height:598px; margin:48px auto 0;}
.index_pro_top { width:1200px; height:125px; position:relative;}
.index_pro_top .tit_1 { font-size:30px; font-weight:bold; color:#333; position:absolute; top:0; left:0;}
.index_pro_top .tit_2 { font-size:15px; color:#333; position:absolute; top:45px; left:0;}
.index_pro_top_menu { position:absolute; top:75px; right:0; font-size:14px; color:#333;}
.index_pro_top_menu span { padding:0 8px;}
.index_pro_top_menu a { color:#333;}
.index_pro_top_menu a:hover { text-decoration:underline;}
.index_pro_con { width:1200px; height:433px; position:relative;}
.left_btn { position:absolute; top:191px; left:-40px; width:22px; height:51px; background:url(../images/fl_link.jpg) no-repeat; z-index:999;}
.right_btn { position:absolute; top:191px; right:-40px; width:22px; height:51px; background:url(../images/fr_link.jpg) no-repeat; z-index:999;}
.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;}
.pro_list_inner { width:1200px; height:433px; overflow: hidden; }
.sy_pro_list { width: 1200px; height: 433px; }
.sy_pro_list ul { width: 1200px; }
.sy_pro_list li { width:380px; height:433px; float:left; margin:0 10px; background:url(../images/index_pro_li.jpg) no-repeat; position:relative;}
.sy_pro_list li img { width:378px; height:378px; display:block; position:absolute; top:1px; left:1px;}
.sy_pro_list li span { display: block; width:378px; line-height:54px; text-align:center; position:absolute; top:379px; left:1px;}
.sy_pro_list li span a { display:block; color:#777;}
.sy_pro_list li:hover { display:block; background:url(../images/index_pro_lia.jpg) no-repeat;}
.sy_pro_list li:hover span a { display:block; color:#fff;}


.index_about { width:100%; height:731px; background:url(../images/index_about_bg.jpg) no-repeat center;}
.index_about_con { width:1200px; height:480px; margin:0 auto; background:#fff; position:relative; top:142px;}
.index_about_con .pre{ cursor:pointer; width:100px; height:90px; background:url(../images/l.jpg) no-repeat; position:absolute; top:390px; left:1000px; z-index:999;}
.index_about_con .next{ cursor:pointer; width:100px; height:90px; background:url(../images/r.jpg) no-repeat; position:absolute; top:390px; left:1100px; z-index:999;}
.index_about_con .tit { position:absolute; top:64px; left:739px; font-size:30px; color:#333;}
.index_about_con .txt { position:absolute; top:116px; left:739px; width:425px; height:160px; line-height:30px;}
.index_about_con .more {position:absolute; top:361px; left:739px; width:118px; height:33px; line-height:33px; background:url(../images/index_about_more.jpg) no-repeat; text-align:center; font-size:12px;}
.index_about_con .more a { color:#fff;}
#playBox{ width:699px; height:480px; position:absolute; top:0; left:0; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .smalltitle {width:1000px; height:10px; position:absolute; left:-140px; bottom:15px; z-index:10; }
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ccc; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#f14b1f;}




.index_new { width:1200px; height:593px; margin:139px auto 0;}
.index_newtop { width:1200px; height:137px; position:relative;}
.index_newtop .tit_1 { font-size:40px; font-weight:bold; color:#333; position:absolute; top:0; left:0;}
.index_newtop .tit_2 { font-size:18px; color:#333; position:absolute; top:58px; left:0;}
.index_newtop_menu { position:absolute; top:56px; right:0; font-size:18px; color:#333;}
.index_newtop_menu span { padding:0 8px;}
.index_newtop_menu a { color:#333;}
.index_newtop_menu a:hover { text-decoration:underline;}

.index_new_con { width:1200px; overflow:hidden;}
.index_new_top { width:430px; height:340px; float:left;}
.index_new_top .pic { width:430px; height:280px;}
.index_new_top .pic img { width:430px; height:280px;}
.index_new_top .txt { width:430px; height:60px; background:#000;}
.index_new_top .txt span { display:block; float:left; width:370px; line-height:60px; text-indent:18px; font-size:16px;}
.index_new_top .txt span a { color:#fff;}
.index_new_top .txt em { display:block; width:60px; height:60px; background:url(../images/index_new_top_more.jpg) no-repeat; float:left;}
.index_new_top .txt em a { display:block; width:60px; height:60px; text-indent:-9999px;}

.index_new_list { width:760px; float:left; margin-left:10px; margin-top:4px;}
.index_new_list li { width:350px; height:132px; float:left; margin-left:30px; margin-bottom:70px; position:relative;}
.index_new_list li .tit {width:350px;  position:absolute; top:0; left:0; font-size:18px;}
.index_new_list li .tit a { color:#333; display: block; line-height: 30px; height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.index_new_list li .tit a:hover { text-decoration:underline;}
.index_new_list li .txt {width:350px; height:55px; line-height:24px; position:absolute; top:44px; left:0;}
.index_new_list li .time { position:absolute; top:118px; left:0; font-size:18px; color:#333;}


/*=======================内页样式=======================*/
.inner_menu { width:100%; height:50px; background:#f7f7f7;}
.cat_menu{ height:100px;}
.inner_menu ul { display:block; width:1200px; height:50px; margin:0 auto;}
.inner_menu ul li { float:left; line-height:50px; font-size:14px;}
.inner_menu ul li a { display:block; color:#444; padding:0 28px;}
.inner_menu ul li a:hover { display:block; color:#fff; background:url(../images/inner_menu_lia.jpg) repeat-x;}

.inner { width:1200px;  margin:29px auto 0; clear: both;}

.location { width:1200px; height:12px; background:url(../images/d1.jpg) no-repeat 0 0; text-indent:20px;}






.inner_pro { padding:30px 0;}
.inner_pro li { width:380px; height:433px; float:left; margin-right:20px; margin-bottom:20px; background:url(../images/index_pro_li.jpg) no-repeat; position:relative;}
.inner_pro li img { width:378px; height:378px; display:block; position:absolute; top:1px; left:1px;}
.inner_pro li span { display: block; width:378px; line-height:54px; text-align:center; position:absolute; top:379px; left:1px;}
.inner_pro li span a { display:block; color:#777;}
.inner_pro li:hover { display:block; background:url(../images/index_pro_lia.jpg) no-repeat;}
.inner_pro li:hover span a { display:block; color:#fff;}
.inner_pro li::nth-child(3n) { margin-right:0;}


.about { line-height:25px; padding:30px 0; overflow:hidden;}
.contactInfo{ float:left; width: 400px;}
.about iframe{float:left;width:790px; height: 400px; }




.show_pro { overflow:hidden; padding:30px 0; line-height:20px;}





.news { overflow:hidden; padding:30px 0;}
.news ul { display:block; overflow:hidden; margin-bottom:20px;}
.news ul li { width:1200px; height:289px; overflow:hidden; border-bottom:1px dotted #cccbca; margin-bottom:50px; position:relative;}
.news ul li img { width:377px; height:245px; position:absolute; top:0; left:0;}
.news ul li .tit { position:absolute; top:1px; left:425px; font-size:18px; font-weight:bold;}
.news ul li .tit a { color:#6b6b6b;}
.news ul li .tit a:hover { text-decoration:underline;}
.news ul li .time { position:absolute; top:50px; left:425px; font-size:12px; color:#6b6b6b;}
.news ul li .txt { width:615px; height:83px; line-height:27px; font-size:12px; position:absolute; top:80px; left:425px;}
.news ul li .more { width:120px; height:36px; line-height:36px; text-align:center; background:#f1531f; border-radius:30px; position:absolute; top:176px; left:425px;}
.news ul li .more a { color:#fff;}

.article {  padding:22px;padding-top:0; overflow:hidden; }
.article ul { list-style-image: none; list-style-type: none; margin-top: 6px; }
.article li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden; }
.article li a { color: #414141; text-decoration: none; }
.article li span { color: #414141; float: right; margin-right: 30px; }
.shownews { padding:30px 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:337px;*/ 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:84px; }
#spec-list ul li { width:100px; height:84px; float:left;}
#spec-list ul li img { width: 93px; height:78px; cursor: pointer; border: 1px solid #CCC; padding: 2px; }
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-right: 20px; width: 223px; }
.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(5){ margin-right: 0px;}



.downlist {  padding:22px;padding-top:0; overflow:hidden; }
.downlist ul { list-style-image: none; list-style-type: none; margin-top: 6px; }
.downlist li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden; }
.downlist li a { color: #414141; text-decoration: none; }
.downlist li span { color: #414141; float: right; margin-right: 30px; }


/*======================分页样式=======================*/
.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; }

.links{ width: 1200px; margin: 10px auto 20px auto; overflow: hidden;}
.links li{ float:left; padding: 2px 10px;}

/*======================底部样式=======================*/
.foot { width:100%; height:406px; background:#363636; clear:both;}
.foot_con { width:1200px; height:406px; background:url(../images/foot_con.jpg) no-repeat; margin:0 auto; position:relative;}
.foot_menu { width:232px; position:absolute; top:100px; left:0;}
.foot_menu li { float:left; width: 115px; margin-bottom:26px;}
.foot_menu li a { color:#fff;}
.foot_lx { width:460px; position:absolute; top:101px; left:0;}
.foot_lx .tel { width:223px; position:absolute; top:0; left:292px; overflow:hidden;}
.foot_lx .mobile { width:223px; position:absolute; top:0; left:515px; overflow:hidden;}
.foot_lx .fax {width:223px; position:absolute; top:65px; left:292px; overflow:hidden;}
.foot_lx .email {width:223px; position:absolute; top:65px; left:515px; overflow:hidden;}
.foot_lx .add {width:450px; position:absolute; top:130px; left:292px; overflow:hidden;}
.foot_lx span { display:block; height:28px; color:#a0a0a0;}
.foot_lx em { display:block; color:#fff;}
.touch { width:381px; height:162px; position:absolute; top:100px; left:819px;}
div.foot_con input[type='text'],div.foot_con input[type='submit']{ border:none; position:absolute;outline:none;  text-indent:15px; background:#525252; color:#d5d5d5;}
div.foot_con input[type='checkbox']{width:12px;height:12px;}
input.gbk_1 { width:381px; height:28px; top:0;left:0; }
input.gbk_2 { width:381px; height:28px; top:34px; left:0;}
.foot_con textarea{ width:361px; height:40px; position:absolute; top:68px; left:0; outline:none; overflow:hidden; background:#525252; border:0;}
.foot_con textarea, .touch input{color:#d5d5d5;}
.foot_con textarea {padding:10px; }
input.contact_sub{ width:100px !important; height:28px !important; text-indent:0 !important; color:#d5d5d5 !important; top:134px; left:0; cursor:pointer; background:#525252; line-height:28px; text-align:center !important;} 
input.contact_sub a { display:block; color:#d5d5d5 !important;}
.foot_copy { width:1200px; line-height:74px; position:absolute; top:332px; left:0; color:#a0a0a0;}
.foot_copy a { color:#a0a0a0;}
.foot_copy span { display:block; float:left;}
.foot_copy em { display:block; float:right;}