@charset "utf-8";



/*list*/

.pos{ width:auto; height:30px; line-height:30px; border:#fff 1px solid; background:#f4f4f4; text-indent:15px; font-size:11px;}

.h10{ height:10px;}



.listpage{ padding:10px 0;}

.listpage li{ width:auto; float:left; padding:0 4px;}

.listpage li a{ display:block; padding:2px 8px; border:#ddd 1px solid;}

.listpage li a:hover{ border:#B81E00 1px solid; color:#B81E00; text-decoration:none;}

.listpage li a.page_now{ background:#f4f4f4;}

.listpage li a.page_now:hover{ background:#fff;}

.listpage li strong{ margin:0 5px;}

.listpage li input{ width:30px; text-align:center; margin:0 5px;}



.about{ background:#fff;}

.about p{ width:auto; margin:15px 0; padding:0 15px; line-height:22px;}

.about p img{ display:block;}

.news{ background:#fff;}

.news-show{ background:#fff;}

.news-show h1{ padding:15px 0; color:#333; text-align:center; font-size:20px; border-bottom:#666 1px dotted;}

.news-show span{ display: block; padding:5px 0; color:#666; text-align:center;}

.news-show p{ padding:5px 0; line-height:25px;}

.news-show h2{ font-size:15px;line-height:40px;}

.pro{ background:#fff;}

.pro-img{margin:0 auto;text-align:center;}

* html .pro{ margin:20px 0 20px;}

* + html .pro{ margin:20px 0 20px;}

.pro li{ width:184px; float:left; margin:0 20px 10px;}

.pro li a{ display:block; color:#666;}

.pro li a:hover{ text-decoration:none; color:#000;}

.pro li a img{ display:block; width:180px; height:120px; padding:1px; border:1px solid #ddd;}

.pro li a:hover img{ border:1px solid #000;}

.pro li span{ display:block; width:184px; height:24px; line-height:24px; text-align:center;}

/*.pro h1,.pro h2,.pro h3,.pro h4{ width:640px; margin:0 auto; font-weight:normal;}*/

.pro h1{width:640px; margin:0 auto; font-weight:normal;height:32px;line-height:32px;margin-top:10px;font-size:18px;text-align:center;border:#ddd 1px solid; background:#f4f4f4 url(../images/arrow2.jpg) no-repeat 10px 12px;}

.pro h1 a{ color:#D2251E; float:right; padding:0 15px 0 0;}

/*.pro h2{ border:#ddd 1px solid; border-top:none;text-align:center;background:url(../images/proshow.jpg) repeat-x left bottom;}

.pro h2 img{ display:block; width:450px; height:300px; margin:20px auto 30px auto; padding:1px; border:#ddd 1px solid;}

.pro h3{}

.pro h3 a{ display:block; width:auto; float:left; margin:6px 6px 0 0;}

.pro h3 a img{ display:block; width:150px; height:100px; padding:1px; border:#ddd 1px solid;}

.pro h4{ width:620px; padding:20px 0 0 20px; margin-top:6px; border:#ddd 1px solid;}*/

.pro h4{padding:20px 0 0 0;}

.pro h4 p{ width:auto; margin:15px 0; line-height:22px; color:#333;}



/*page*/

.pager{ margin: 15px 0; background:#fff; border-top:1px #7d7d7d solid; padding:10px 0 0 0}

.page_link{ height:22px; padding:0 20px; 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; color:#7d7d7d;}

.page_link_total{color:#777;}

.page_link_a,{}

.page_link_now{ font-weight:bold; color:#d2211f;}

.page_link_next{}

.page_link_first{}

.page_link_last{}

.page_link_pre{}



/*news*/

.news{ padding: 20px 0;}

.news li { border-bottom:1px dotted #aaa; height:36px; line-height:36px; text-indent:20px; background:url(../images/arrow-1.jpg) no-repeat 5px center;}

.news li a{ display:block; color:#666; background:url(../images/arrow2.jpg) no-repeat 4px 14px;}

.news li a:hover{ color:#000; background:#f4f4f4 url(../images/arrow2.jpg) no-repeat 4px 14px; text-decoration:none;}

.news span{padding:0 10px 0 10px;}



/*产品终端页点击largeimg图片放大样式*/

#TB_window {font:12px Arial, Helvetica, sans-serif;color:#333;width:600px;}

#TB_secondLine {font:10px Arial, Helvetica, sans-serif;color:#666;}

#TB_window a:link {color:#666;}

#TB_window a:visited {color:#666;}

#TB_window a:hover {color:#000;}

#TB_window a:active {color:#666;}

#TB_window a:focus{color:#666;}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}

* html #TB_overlay { /* ie6 hack */position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_window {position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;height:auto;}



* html #TB_window { /* ie6 hack */position: absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_window img#TB_Image {display:block;margin: 15px;/*	border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;*/height:400px;}

#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}

#TB_closeWindow{height:25px;padding:11px 25px 10px 0;text-align: right;}

#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}



#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}

#TB_title{background-color:#e8e8e8;height:27px;}

#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}

#TB_ajaxContent.TB_modal{padding:15px;}

#TB_ajaxContent p{padding:5px 0px 5px 0px;}

#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}

* html #TB_load { /* ie6 hack */position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}

* html #TB_HideSelect { /* ie6 hack */position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}









.newslist{}

.newslist table{ width:97%; border-left:1px #999 solid; border-top:1px #999 solid; color:#666; margin:20px 0 20px 0;}

.newslist table td{ padding:10px 15px; border-bottom:1px #999 solid; border-right:1px #999 solid;}

.newslist table a{ color:#7d7d7d; font-weight:bold;}

.newslist table .newslist-1{ width:70%; background:#FFF;}

.newslist table .newslist-2{ width:15%; background:#FFF; text-align:center;}

.newslist table .newslist-3{ width:17%; background:#FFF; text-align:center;}



.section{ width:1001px; margin:0 auto;}

.wrapleft{ width:292px; float:left; }

.wrapleft .pro1{ width:291px; /*height:488px;   */ height: 685px; background:url(../images/pro.jpg) no-repeat;}

.wrapleft .pro1{}

.pro1 ul{ margin:55px 0 0 18px;} 

.pro1 ul li{ width:248px; height:36px;} 

.pro1 ul li a{ display:block; height:34px; line-height:34px; color:#000; border-bottom:1px #7d7d7d dashed; background:url(../images/icon.png) 16px 12px no-repeat; padding:0 0 0 40px; font-size:14px;}

.pro1 ul li.level_2 a{ background:none;}

.wrapleft .contact{ width:292px; height:240px; background:url(../images/contactbg.jpg) no-repeat;}

.wrapleft .contact{float: left;line-height: 20px; color:#010101;}

.wrapleft .contact p{ margin: 50px 0 0 28px;}

.wrapleft .contact a{ display:block; width:100px; height:30px; margin:10px 0 0 30px;}



.wrapright{ width:709px; float:left;}

.wrapright .pro-banner{ width:691px; height:174px; border:3px solid #7d7d7d; margin:11px 0 0 12px;}

.wrapright .pro-cen{ margin:0 0 0 12px;}

.wrapright .pro-cen .pro-centop{ height:30px; border-bottom:1px #7d7d7d solid; line-height:30px; font-size:14px;}

.wrapright .pro-cen .pro-centop a{ color:#464646}

.wrapright .pro-cen .pro-list{}

.wrapright .pro-cen .pro-list h1{font-size: 16px;font-weight: bold;}

.wrapright .pro-cen .pro-list p{ margin-top:5px;line-height:25px;font-size:14px;}

.wrapright .pro-cen .pro-list ul{ }

.wrapright .pro-cen .pro-list ul li{ width: 182px; height: 152px; float:left; margin: 15px 25px 0; text-align:center}

.wrapright .pro-cen .pro-list ul li a{ color:#666;}

.wrapright .pro-cen .pro-list ul li img{ width:180px; height:120px; border:1px #acacac solid; margin-bottom: 5px;}

.wrapright .pro-cen .pro-list ul li span{ display:block; height:25px; line-height:25px; overflow:hidden; text-align:center;}

.wrapright .pro-cen .pro-show h1{font-size: 18px;font-weight: bold;text-align:center;height:40px;line-height:40px;}

.wrapright .pro-cen .pro-show h2{font-size: 15px;line-height:35px;}

.wrapright .pro-cen .pro-show p{ margin-top:5px;line-height:25px;font-size:14px;}

.wrapright .pro-cen .pro-show p a{color:#0474C8;}

.back{ }

.back a{float:right;  color:#D2251E; margin:0 30px 0 0;}

.guestbook{ margin:20px 0 0 0; color:#333;}

.wrapleft .about1{ width:291px; height:458px; background:url(../images/about.jpg) no-repeat;}

.wrapleft .about1{} 

.about1 ul{ margin:77px 0 0 18px;} 

.about1 ul li{ width:248px; height:36px;} 

.about1 ul li a{ display:block; height:34px; line-height:34px; color:#000; border-bottom:1px #7d7d7d dashed; background:url(../images/icon.png) 16px 12px no-repeat; padding:0 0 0 40px; font-size:14px;}

.wrapleft .news1{ width:291px; height:458px; background:url(../images/news.jpg) no-repeat;}

.wrapleft .news1{}

.news1 ul{ margin:77px 0 0 18px;} 

.news1 ul li{ width:248px; height:36px;} 

.news1 ul li a{ display:block; height:34px; line-height:34px; color:#000; border-bottom:1px #7d7d7d dashed; background:url(../images/icon.png) 16px 12px no-repeat; padding:0 0 0 40px; font-size:14px;}

/*job和guestbook的样式*/

.hr{ margin:20px 0; color:#666;}

.hr a{ padding:0 10px; color:#D2211F; text-decoration:underline;}

table.job{ width:90%; border-collapse:collapse; color:#777;}

table.job th, .job td{ border:1px solid #ddd;}

table.job th{ background: url(../images/tabletab.jpg) repeat-x; height:40px; line-height:40px; text-align:center;}

table.job td{ padding:10px; background:#FFF; text-align:center;}

table.job a.close{height:28px; line-height:28px;}

table.job .jobdetail{ display:block; width:76px; height:24px; background:url(../images/jobdetail.gif) no-repeat; margin:0 auto;}

table.job .mydiv{ z-index:999; position:fixed!important; position:absolute; width:650px; left:50%;_left:55%; top:30%; margin:-135px 0 0 -325px;}

table.job .mydiv table{ border-collapse:collapse; color:#777; line-height:22px;}

table.job .mydiv table .alignleft{ text-align:left;}

/*在线客服样式*/

*html .QQbox{position:absolute;}

#online_kf_box{ width:auto;}

#online_kf_menu{ width:26px; height:136px; background:url(../../default/images/side_online_im.gif) no-repeat; text-align:right;}



.QQbox{ width:auto; z-index:99; left:3px; top:145px; position:fixed;}

.QQbox .infobox{ width:170px; text-align:center; background:#bdc5cb url(../../default/images/siderIM_infobox.gif) no-repeat; padding:8px 0; line-height:14px; color:#000; font-weight:bold;}

.QQbox .t{ height:34px; background:url(../../default/images/siderIM_title.gif) no-repeat;}

.QQbox .b{ height:4px; background:url(../../default/images/siderIM_bottom.gif) no-repeat left bottom;}

.QQbox .con{ width:170px; background:url(../../default/images/siderIM_bg.gif) repeat-y; padding:10px 0px;}

.QQbox .con h2{ height:22px; background:url(../../default/images/siderIM_bg.gif) repeat-y -163px 0; border:1px solid #3a708d; text-align:center; color:#fff;}

.QQbox .con ul{ width:85%; margin:0 auto;}

.QQbox .con li{ border-bottom:1px #ccc dotted;}

.QQbox .con li a{ display:block; padding:8px 0;}

.QQbox .con li img{ display:block; padding:0 0 2px 0;}

.QQbox .con li .onlineimskype img{ display:none;}
/*上一页 下一页*/
.next_page { width: 100%; margin-top: 10px;height: 25px;line-height: 25px;font-size: 14px;display: block;}
.next_page_last { width: 49%;float: left;}
.next_page_next { width: 49%;float: right;text-align: right;}
/*相关产品*/
.other_product{ margin-top: 10px; clear:both;}
.other_product h2{ height: 40px; line-height: 40px; font-size:15px; }
.other_product ul{ margin-top: 10px;}
.other_product li{ width: 154px; float:left; margin: 0 10px;}
.other_product img{ display:block; width: 150px; height: 100px; background:#fff; border:1px solid #ACA696; padding: 1px; margin:0 auto;}
.other_product span{ display:block; height: 25px; line-height: 25px; font-size:14px; text-align:center;}
.other_product a{ color:#666;}
/*相关资讯*/
.other_news{ margin-top: 10px; clear:both;}
.other_news h2{ height: 40px; line-height: 40px; font-size:15px; }
.other_news ul{ width:100%; zoom:1; overflow:hidden; }
.other_news ul li{ float:left; height: 28px; line-height: 28px; font-size:14px; width:49%;
 border-bottom:#ccc solid 1px; margin:0px 2px; overflow:hidden; text-indent:5px;}