﻿/*
Powered By xu
*/

/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label,ol{
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	font-weight:normal;
}
img{border:none}
object{ display:block;}
ul,ul li,ol,ol li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
.play{ display:none;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#666666;text-decoration:none;}
a:visited {color:#676767;text-decoration:none;}
a:hover {color:#2e92cb;}
a:active {color:#676767;}
.dis{display:block;}
.undis{display:none;}
.hidden{ display:none}
/*basic*/ 
body{
	margin:0px;
	padding:0px;
	font-family:"微软雅黑";
	font-size:12px;
	color:#666666;
	background:url(../images/header_bg.jpg) repeat-x;
	
}  
body.english{font-family:Arial}
/*wrap*/
.wrap{ margin:0 auto;position:relative; width:960px;}


.head{ width:100%; background:#fff; height:70px;}
.head .wrap{ position:relative; z-index:1111;}
.head_con{ position:absolute; width:960px; left:0px; top:0px; background:#fff; z-index:111;height:50px;}
.head_nav_box{ position:absolute; left:0px; width:960px; top:-4px; z-index:11;}
a.logo{
	float:left;
	padding-top:10px;
	width:240px;
	overflow:hidden;
	height: 60px;
}
.logo img{width:240px;height:60px;margin-top:-5px;}
.nav{ float:left; padding-top:18px; padding-left:32px; padding-right:4px;}
.english a.logo{ width:152px}
.english .logo img{ width:152px; height:51px;}
.english .nav{ padding-left:28px;}
.nav li{ float:left;  line-height:32px; height:32px;}
.nav li.hover{ background:#f5f5f5}
.home{ background:url(../images/home.png)  center no-repeat; width:12px; height:11px; display:block; vertical-align:middle;}
.nav li a{ color:#555;padding:0 18px 0 17px; float:left; height:32px;}
.nav li a.home{ padding-left:0px;}
.nav li a.home:hover{ background:url(../images/home_hover.png)  center no-repeat;}
.nav li a:hover{ background:#164ea1; color:#fff}
.nav li.hover2 a{ background:#164ea1; color:#fff}
.search{ background:url(../images/search.png) no-repeat; width:128px; height:24px; overflow:hidden; float:left; margin-top:21px; display:inline; }
.head .search{ position:absolute; right:83px;}
.search input{ border:medium none; background:none; float:left;color:#b89fab}
.search input.sput{ width:90px; padding:1px 5px; height:22px; line-height:22px; float:left;}
.search input.sbtn{ float:left; width:26px; height:22px; display:inline; margin:1px; cursor:pointer; }

.lang{ float:left; clear:left; position:absolute; right:-2px;margin:1px; top:21px; height:25px; overflow:hidden; font-family:'微软雅黑'; width:78px;}
.lang a{ background:url(../images/icon_jiao.png) right no-repeat; padding-right:9px; width:42px; text-align:center; display:block; font-size:11px;}
.lang p{ padding-left:21px; padding:4px 3px 4px 24px; line-height:15px; height:15px; overflow:hidden}
.lang p.eng{ background:url(../images/en_2.png) 3px 7px no-repeat}
.lang p.zh{ background:url(../images/en_1.png) 3px 6px no-repeat}
.lang_hover{ border:1px solid #d1d1d1; margin:0px; background:#fff;}


.icon_laba{ float:left; padding-top:14px; padding-right:17px; width:16px;}
#list{ float:left; width:880px;}

.nav_box{ position:absolute; width:192px; border-top:4px solid #f5f5f5; top:50px; background:#fff; padding-bottom:4px; top:-300px; float:left}
.nav_box a{ display:block; padding-left:24px; height:27px; line-height:27px;}
.nav_box a:hover{ background:#164ea1; color:#fff;}





.header_news{ background:url(../images/head_bg.png) repeat-x; height:42px; width:100%; position:relative; overflow:hidden}
.header_news .wrap{ width:960px; height:42px; line-height:42px; font-size:12px; color:#fff; position:relative}
.header_news .wrap a{ color:#ffffff}
.header_news .wrap a:hover{ color:#ffffff}
.index_flash{ width:100%; height:509px; overflow:hidden; position:relative;}
.index_flash li{ width:100%; height:509px; position:absolute; left:0px;}

.flash_change{ position:absolute; z-index:1;  width:960px; left:50%; margin-left:-480px; text-align:right; top:15px;}
.flash_change a{ display:inline-block; background:url(../images/icon_btn.png) no-repeat; width:11px; height:10px; margin:0 2px;}
.flash_change a.hover{ background-position:right;}

.icon_change2{ float:right; padding-top:20px; padding-right:10px;}
.icon_change2 a{ display:inline-block; background:url(../images/icon_btn_1.jpg) right no-repeat; width:8px; height:7px; margin:0 1px; cursor:default}
.icon_change2 a.hover{ background-position:left;}


.index_pro_box{ width:228px; overflow:hidden; position:relative; height:178px;}
.index_pro_box ul{ position:absolute; left:0px; top:0px;}
.index_pro_box ul li{ float:left; width:228px; overflow:hidden}

.index_box_bg{ background:#efefef; width:100%;}
.index_box{ width:968px; margin:-44px auto 0; position:relative; z-index:1115; }
.i_box{ float:left; background:url(../images/index_box_bg.png) no-repeat; width:228px; height:255px; padding:2px 5px 6px 3px; overflow:hidden; margin-right:8px;}
.i_box .t1{ height:42px; line-height:42px; color:#333333;  font-size:14px; text-indent:19px; overflow:hidden; }
.i_box .t1 a{ color:#333333}
.i_box .t2{ width:228px; height:92px; text-align:center; overflow:hidden;}
.i_box .t3{
	width:197px;
	margin:0 auto;
	padding-top:16px;
	height:70px;
	overflow:hidden;
	font-size:11px;
}
.i_box .t3 a{ display:block; color:#de441b; padding-bottom:4px;}
.i_box .t3 span{ color:#4c4b4b}
.i_box .more{ padding-left:16px; padding-top:8px; float:left;}
.icon_change{ padding-left:16px;}
.icon_change a{ float:left;}
.icon_change .prev{ background:url(../images/icon_btn2.png) no-repeat; height:20px; width:20px;}
.icon_change .next{ background:url(../images/icon_btn2.png) right top no-repeat; height:20px; width:19px;}
.icon_change .prev:hover{ background-position:left bottom;}
.icon_change .next:hover{ background-position:right bottom;}





.m_header_news{ height:28px; line-height:28px;}
.m_header_news .wrap{ height:28px; line-height:28px; background:none; text-align:right}
.m_header_news .wrap a{ background:url(../images/nav_cur.png) right no-repeat; padding:0 17px 0 10px; color:#fff}
.m_header_news .wrap span{ padding-left:10px; color:#fff; padding-right:2px;}


.mcbg{ width:100%; background:#f5f5f5 url(../images/m_cbg.jpg) center bottom repeat-x;}
.mfbg{ width:100%; background:url(../images/m_fbg.jpg) center bottom no-repeat}
.m_banner{ width:100%; padding-top:262px;}

.banner_about{ background:url(../images/banner_about.jpg) center top no-repeat;}
.banner_jishu{ background:url(../images/banner_jishu.jpg) center top no-repeat;}
.banner_server{ background:url(../images/banner_server.jpg) center top no-repeat;}
.banner_news{background:url(../images/banner_news.jpg) center top no-repeat;}
.banner_product{ background:url(../images/banner_product.jpg) center top no-repeat;}
.banner_contact{ background:url(../images/banner_contact.jpg) center top no-repeat;}


.mtbg{ background:url(../images/m_tbg.png) top no-repeat; width:960px; padding:2px 0 5px 3px; height:50px; overflow:hidden; text-indent:26px; line-height:50px; font-size:18px; color:#2e92cb; margin:0 auto; position:relative;}
.mtbg span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#b0afaf; padding-left:4px;}
.mmain .wrap{ width:968px; margin:0 auto; background:url(../images/m_cbg2.png) repeat-y;}

.mleft{ float:left; padding:26px 0 0px 26px; width:226px; min-height:600px; _height:600px;}
.m_left_nav{ width:200px;}
.m_left_nav li a{ background:url(../images/left_nav.jpg) bottom no-repeat; height:32px; display:block; line-height:32px; padding-left:13px; width:187px; color:#676767}
.m_left_nav li a:hover{ background-position:top; color:#fff}
.m_left_nav li.hover a{ background-position:top; color:#fff}


.left_contact{ background:url(../images/left_contact.jpg) no-repeat; width:193px; height:122px; position:relative; margin-top:65px; margin-bottom:10px;}
.left_contact a{ background:url(../images/icon_jt.jpg) 0 5px no-repeat; padding-left:13px; color:#469bcf; position:absolute; bottom:-1px; left:72px;}



.mright{ float:left; width:709px;}
.mright .content{ padding:20px; line-height:24px; color:#686868}



.news_list li{ height:32px; line-height:32px; background:#f5f5f5; padding-left:10px; border-bottom:1px dotted #d8d8d8}
.news_list li.even{ background:#fff;}

.news_list li .news_cur{ color:#2e92cb; font-family:Arial, Helvetica, sans-serif; padding-right:4px;}

.news_list li a:hover{ color:#2e92cb}



.cright{ width:585px; background:#f2f2f2; padding-left:28px; padding:15px 0 15px 28px; margin-top:15px;}
.cright td{ line-height:26px; color:#777; font-family:"微软雅黑"; vertical-align:top; padding-bottom:5px;}
.cright input{ height:24px; border:medium none; background:none; background:#fff; width:464px; padding:0 5px; color:#333; line-height:24px; border:1px solid #e3e3e3}
.cright  textarea{ border:medium none; background:none;  width:464px; background:#fff; padding:0 5px; height:70px; line-height:18px; font-size:12px; overflow:hidden; color:#333; border:1px solid #e3e3e3;}
.yzm{ vertical-align:middle; cursor:pointer; margin-left:8px;}
.sbtn_put{ border:medium none; background:none; background:url(../images/btn_sub.png) no-repeat; width:74px; height:39px; cursor:pointer; margin:16px 16px 0 0; vertical-align:middle;}
.sbtn_put:hover{filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}

.sbtn_put2{ background-image:url(../images/btn_sub2.png);}



.sq_put{ background:#fff; width:170px; height:25px; line-height:25px; border:1px solid #e3e3e3; padding:0 5px;}

.sq_put_l{ width:478px;}
.sq_put_s{ width:70px;}
.sq_put_s2{ width:140px}

.sq_bg_box{ background:#f2f2f2; width:585px; padding:10px 14px 30px; margin-bottom:7px;}
.how_table td{  padding:2px 0 3px 14px;}

.textarea{ width:530px; padding:10px; height:63px; border:1px solid #e3e3e3}


.table_2 td{ padding-top:2px; padding-bottom:3px;}


.contactfs_box{ background:url(../images/tel_bg.png) 22px center no-repeat; padding:20px 40px 20px 81px; border:1px solid #d5d5d5; float:left; line-height:18px; margin-top:10px; display:inline;}


.pro_detail_img{ border:1px solid #ededed; overflow:hidden; margin:0 auto; width:651px; height:387px; overflow:hidden;}
.pro_detail_con{ padding:10px; line-height:20px;}
.pdf{ padding-left:35px; height:35px; line-height:35px; background:#ededed url(../images/pdf.jpg) 10px 10px no-repeat; margin:0 10px 70px}



.job_table { width:100%; padding-top:8px; color:#8c8c8c}
.job_table table{ border-collapse:collapse; border-bottom:1px solid #e3e3e3}
.job_table th{ height:35px; background:url(../images/job_th_bg.png) repeat; line-height:35px; padding-left:17px; text-align:left; font-size:14px; font-weight:normal; font-family:"微软雅黑"}
.job_table td{ border:none; border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding-left:17px; line-height:31px;}
.job_table tr.odd td{ background:#f5f5f7}

.job_detail{ width:600px; font-family:"微软雅黑"; line-height:19px;  height:600px;  overflow:scroll;overflow-x:hidden;}
.job_detail h3{ padding:9px 0 0px 3px}
.job_detail_t{ background:url(../images/job_detail_t_bg.jpg) repeat-x; height:30px; line-height:30px; padding-left:8px; margin-top:9px;}
.job_con{ padding:8px 8px 0;}
.job_table td a{ color:#8c8c8c}
.job_table td a:hover{ color:#2e92cb}

.job_contact{overflow:hidden; width:460px; background:#f0f0f0 url(../images/job_con_bg.jpg) right repeat-y; padding:8px; position:relative; margin-top:20px; margin-bottom:10px; padding-right:128px;}
.icon_jiao3{ background:url(../images/icon_d_jiao.png) 0 5px no-repeat; padding-left:10px;  color:#2e92cb; display:block; margin-left:5px;}
.icon_jiao3:hover{ color:#2e92cb}
.job_contact a.icon_jiao3{  position:absolute; right:30px; top:50%;  margin-top:-8px; height:16px; line-height:16px;}
.job_contact a:hover{ color:#005687}









.m_news_list li{ padding:10px 0 15px; border-bottom:1px dotted #d8d8d8; line-height:14px; color:#a4a4a4}
.m_news_list h3{ padding-bottom:10px;}
.m_news_list h3 a{ color:#686868}
.m_news_list h3 a:hover{ color:#2e92cb}
.m_news_list .t3{ padding-top:10px; color:#bbb;}

.footpage{ width:100%; text-align:center; padding:20px 0 27px}
.footpage a,.footpage b{ display:inline-block; height:17px; line-height:17px; padding:0 5px; background:#e9e9e9; color:#8c8c8c; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; margin-right:1px;}

.footpage a:hover,.footpage b{ background:#de441b; color:#fff}
.footpage a.prev{ padding:0px; width:17px; background:url(../images/foot_page.png) left top no-repeat; margin-right:7px;}
.footpage a.prev:hover{background:url(../images/foot_page.png) bottom left no-repeat;}
.footpage a.next{ padding:0px; width:17px; background:url(../images/foot_page.png) right top no-repeat; margin-left:6px;}
.footpage a.next:hover{background:url(../images/foot_page.png) right bottom no-repeat;}


.news_tit{ line-height:17px; width:100%; position:relative; border-bottom:1px dotted #d8d8d8; padding-bottom:4px; margin-bottom:15px;}
.news_tit .t1{ color:#2e92cb; font-size:13px; text-align:center;}
.news_tit .t2{ color:#bbb; text-align:center; }
.news_tit a{ position:absolute; bottom:15px;}
.news_tit a.prev{ left:0px;}
.news_tit a.next{ right:0px;}
.news_con{ color:#a4a4a4; border-bottom:1px dotted #d8d8d8; padding-bottom:25px; margin-bottom:14px;}
a.a_back{ background:url(../images/a_back.png) no-repeat; width:74px; height:23px; margin:0 auto; display:block}
a.a_back:hover{filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}



.news_pro_list li{ width:100%; padding:21px 0 18px; border-bottom:1px dotted #d8d8d8}
.news_pro_list .lpic{ float:left; width:198px; height:148px; border:1px solid #ededed; overflow:hidden;}
.news_pro_list .lpic:hover{ border:1px solid #2e92cb}
.news_pro_list .rtext{ float:left; width:438px; padding-left:17px; line-height:16px;}
.news_pro_list .rtext .t1 { padding-bottom:5px;}
.news_pro_list .rtext .t1 a{ color:#2e92cb;}
.news_pro_list .rtext .t1 a:hover{ color:#066195}
.news_pro_list .rtext .t3{ padding-top:5px;}





.pro_left_nav dt a{ background:url(../images/p_left_nav.jpg) 0 -32px  no-repeat; height:32px; display:block; line-height:32px; padding-left:13px; width:187px; color:#676767}
.pro_left_nav dt a:hover{ background-position:top; color:#fff}
.pro_left_nav dt.hover a{ background-position:top; color:#fff}
.pro_left_nav dt a:hover{ background-position:bottom left;}
.pro_left_nav dt.hover a{ background-position:0 0;}

.pro_left_nav dd{ padding:8px 0}
.pro_left_nav dd a{ display:block; padding-left:34px; height:24px; line-height:24px; background:url(../images/a1.jpg) 14px center no-repeat; display:block}
.pro_left_nav dd a.current{ background:url(../images/a2.jpg) 14px center no-repeat;}

.index_pro_list .rtext .t1 a{ font-size:13px; font-weight:bold}
.index_pro_list .t3 a{ background:url(../images/icon_detail.jpg) no-repeat; width:74px; height:23px; display:block;}
.index_pro_list .t3 a:hover{filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}



.mtbg .search{ position:absolute; right:30px; margin-top:13px;top:0px;}


.pro_list li{ float:left; width:200px; overflow:hidden; text-align:center; display:inline; margin-right:27px; padding-bottom:6px;}
.pro_list li.no_mr{ margin-right:0px;}
.pro_list li .tpic{ border:1px solid #ededed; margin-bottom:2px}
.pro_list li .tpic:hover{ border:1px solid #164ea1}
.pro_list li .t2{ line-height:15px; color:#a3a3a3}


.pro_list li.hover .tpic{ border:1px solid #de441b}
.pro_list li.hover  a{ color:#de441b}






.foot{
	width:100%;
	background:#242425;
	height:80px;
	padding-top:15px;
	position:relative;
	z-index:11111;
	text-align:center;
	line-height:22px;
}
.f_right{ position:absolute; right:0px; text-align:right}
.f_right .t1 a{ padding:0 10px; background:url(../images/foot_bg.png) right no-repeat;}
.f_right .t2 { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#777}
.f_right .t3 a{ color:#4e4e4e; font-size:11px; font-family:Arial, Helvetica, sans-serif}

.f_left{ border-bottom:1px dotted #5a595a; width:309px; padding-bottom:15px; position:relative;}
.select_box{ background:url(../images/foot_icon.png) right no-repeat; height:17px; width:253px; border:1px solid #716b67; position:relative; z-index:1111}
.select_box .select_t{ text-indent:4px; color:#d3d3d3}

.select_box_con{ border:1px solid #716b67; background:#fff; padding:5px 0; position:absolute; left:-1px; bottom:17px; min-width:253px; _width:253px; display:none; float:left;}
.select_box_con a{ padding:0 10px; line-height:24px; display:block}
.select_box_con a:hover{ background:#2e92cb; color:#fff}

.f_left .t1{ color:#fff; padding-bottom:8px;}


.left_qq{ background:url(../images/QQ.jpg) left 8px no-repeat; width:179px; overflow:hidden; margin-top:6px; padding-top:8px; padding-right:21px; border-top:1px dotted #d8d8d8;margin-bottom:0px; padding-top:32px;}
.left_qq a{  height:21px; display:block; overflow:hidden; padding:3px 0;}
.left_qq a img{ vertical-align:middle; display:inline-block; margin-right:5px;}



/*英文版*/

.english .nav li a{ padding:0 11px; font-family:Arial; font-size:12px;}

.english .left_contact{ background-image:url(../images/en_left_contact.jpg);}
.english .mtbg{ color:#676767}
.english .nav{ padding-right:16px;}

.english .sbtn_put{ background-image:url(../images/en_btn_sub.png)}
.english .sbtn_put2{ background-image:url(../images/en_btn_sub2.png)}
.english  a.a_back{ background-image:url(../images/en_a_back.png);}

.english .select_box_con a{ font-size:11px; white-space:nowrap}



/*text*/
.f_r{ float:right}
.f_l{ float:left;}
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px !important;}

.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:16px;}
.pr10{ padding-right:10px;}
.pr5{ padding-right:5px;}
.f_l{ float:left;}
.f_r{ float:right;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.red{ color:#ff0000;}
.red3{ color:#e62b86}
.no_bg{ background:none !important}
.red2{ color:#ed4d30}
.blue,.oreg{ color:#2e92cb}
.Arial{ font-family:Arial}
.yahei{ font-family:"微软雅黑"}

/* product table */
.innerPage-content-table {
    width:670px;
    color:#333;
    line-height:normal;
}
.innerPage-content-table td a {
    color:#333;
}
.innerPage-content-table td a:hover {
    color:#ed4d30;
}
.innerPage-content-table table {
    border-collapse:collapse;
    border-left:1px solid #E2E2E2;
    border-top:1px solid #E2E2E2;
    table-layout:fixed;
    width:100%;
    word-break:break-all;
    word-wrap:break-word;
}
.innerPage-content-table table .tr_title td {
    background:url("../images/bg_table_head.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    font-weight:bold;
    height:43px;
    text-align:center;
}
.innerPage-content-table table td {
    border-bottom:1px solid #E2E2E2;
    border-right:1px solid #E2E2E2;
}
.innerPage-content-table table .tr_content td {
    padding:0 5px;
    text-align:center;
    position:relative;
}
.head { position:relative; z-index:30000;}
.mmain { position:relative; }
.f_left { z-index:21113;}
.table_pdf { margin:5px 0 5px 3px; width:23px; height:31px; display:block; background:url("../images/table-pdf.gif") no-repeat center;}
.pic_container { background:#ffffff;border:1px solid #ccc; position:absolute; padding:12px 0 0 0; z-index:21111; width:177px; height:144px; overflow:hidden;}
