@charset "utf-8";
/* CSS Document */
		  
/*index*/
.header{ width:1003px; height:93px; margin:0 auto; overflow:hidden}
.logo{ float:left;}
.head_fr{ float:right;}
.tel{ margin-top:24px; float:right;}
.search{ width:211px; height:20px; float:right; border:1px solid #e4e4e4; margin-top:6px; overflow:hidden; clear:both;} 
.search_text{ width:177px; height:16px; line-height:16px; padding:2px 5px; float:left; color:#969696; background:none; border:none; overflow:hidden;}
.search_btn{ width:24px; height:20px; background:url(../images/search.jpg) no-repeat; float:left; border:none; cursor:pointer; overflow:hidden }

/*nav*/
.nav_bg{ width:100%; height:48px; background:url(../images/nav_bg_rep.jpg) repeat-x; }
.nav{ width:1003px; margin:0 auto;}
.nav ul{ width:1050px;}
.nav li{ width:113px; height:48px; float:left; font-family:Arial; color:#646464; text-transform:uppercase; font-size:10px; text-align:center; 
         margin-right:35px; position:relative; z-index:999;}
.nav li:hover{ background:url(../images/nav_hover.jpg) no-repeat; color:#ffffff;}
.nav li.select{ background:url(../images/nav_hover.jpg) no-repeat; color:#ffffff;}
.nav li.select a{ color:#ffffff;}
.nav li.select b{ color:#ffffff;}
.nav li:hover b{ color:#ffffff;}
.nav li a{ height:48px; width:113px; color:#646464; overflow:hidden; display:block;}
.nav li b{ height:16px; line-height:16px; padding-top:11px; font-size:14px; font-family:Microsoft YaHei; color:#323232; cursor:pointer; display:block; overflow:hidden; }

.subnav{ width:113px; border-top:1px solid #a9a9a9; border-bottom:1px solid #a9a9a9; background:#ffffff; position:absolute; top:48px; left:0px; display:none}
.subnav dt{ width:111px; height:33px; border-left:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-bottom:1px solid #d7d7d7; font-family:SimSun; overflow:hidden;}
.subnav a{ width:111px; height:33px; line-height:33px; font-size:12px; color:#666666; display:block; overflow:hidden;}
.subnav dd{ display:none}

.nav li:hover a{ color:#ffffff;}
.nav li:hover .subnav a{ color:#666666;}
.nav li:hover .subnav a:hover{ color:#ffffff; background:#0089c9;}


/*banner*/

.header-content{position:relative; z-index:9; background:url(../images/banner_bg.jpg) repeat-x;}
#slider-wrap{ height:365px;overflow:hidden;	}
#slider{ position:relative; margin:0 auto; width:1003px;}
.slider section{ display:none;}
.header-content .slide-img{ position:absolute; right:0px; top:11px; z-index:1;}
.header-content .slide-text{ position:absolute; left:0; top:110px; z-index:2;}

.slider section.first{ display:block;}
.slider-nav{ display:none}

.ding{ width:500px; margin:0 auto; position:relative; z-index:99; }
.ban_btn{ position:absolute; bottom:18px; left:200px;}
.ban_btn li{ width:10px; height:8px; float:left; margin-left:7px; background:url(../images/ban_btn.png) no-repeat; cursor:pointer;}
.ban_btn li.current{ width:10px; height:11px; background:url(../images/ban_btn2.png) no-repeat;}
.banner_rep{ width:100%; height:7px; background:url(../images/banner_rep.png) repeat-x; position:absolute; top:0px; left:0px;}

/*main*/
.main{ width:963px; margin:23px auto 0px auto; overflow:hidden }
.main_top{ height:200px; border-bottom:1px solid #e9e9e9; margin-bottom:25px; overflow:hidden}
.index_server{ width:565px; float:left; overflow:hidden}
.index_title{ height:24px; line-height:24px; margin-bottom:10px; overflow:hidden}
.index_title a{ float:right; margin-left:30px; padding-right:2px; font-family:SimSun; display:block}
.index_title span{ font-family:Arial; font-size:14px; color:#9c9c9c; text-transform:uppercase; display:block}
.index_title span b{ color:#333333; font-family:Microsoft YaHei; padding-right:4px;}
.index_title span b i{ color:#0070ba;}

.index_server ul{ width:690px; overflow:hidden}
.index_server li{ width:168px; height:60px; float:left; border:1px solid #dbdbdb; margin:3px 27px 10px 0px; overflow:hidden; position:relative}
.index_server li table{ width:168px; height:60px;}
.index_server li:hover{ border:1px solid #cccccc}

.see2{width:168px; height:60px; position:absolute; top:0; left:0; background:url(../images/visi2.png) repeat; display:none}
.see2 a{width:168px; height:60px; line-height:60px; font-size:13px; background:url(../images/bg2.png) no-repeat center; text-align:center; color:#fff; display:block}  

.index_news{ width:376px; float:right; overflow:hidden}
.index_news li{ height:28px; line-height:28px; padding:0px 2px; background:url(../images/line1.jpg) repeat-x bottom center; overflow:hidden;}
.index_news li span{ float:right; color:#969696; display:block}
.index_news li a{ max-width:280px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; }


.main_bottom{ height:180px; overflow:hidden}
.index_pro{ width:713px; float:left; overflow:hidden}
.index_pro ul{ width:740px; overflow:hidden}
.index_pro li{ width:123px; height:120px; float:left; margin-right:24px; position:relative; overflow:hidden}
.index_pro li span{ width:118px; height:93px; background:url(../images/pro_bg.jpg) no-repeat; padding:2px 3px 3px 2px; display:block; overflow:hidden}
.index_pro li table{ width:118px; height:93px;}
.index_pro li p{ height:20px; line-height:20px; text-align:center; margin-top:5px; overflow:hidden;}


.index_cont{ width:222px; float:right; overflow:hidden}
.index_cont ul{ width:260px; margin-left:1px; overflow:hidden}
.index_cont li{ width:50px; height:69px; float:left; padding-right:18px; background:url(../images/line2.jpg) no-repeat right top; margin:2px 18px 0px 0px; overflow:hidden }
.index_cont li table{ width:50px; height:35px;}
.index_cont li p{ height:20px; line-height:20px; text-align:center; overflow:hidden;}


/*footer*/
.footer{ width:100%; padding:20px 0px 16px 0px; background:url(../images/footer_rep.jpg) repeat-x #f2f2f2;}
.foot{ width:963px; margin:0 auto; line-height:18px; text-align:center; overflow:hidden}


/*about*/
.nei_banner{width:100%; height:209px; position:relative; overflow:hidden}
.nei_banner p{ width:1920px; height:209px; position:absolute; left:50%; margin-left:-960px; top:0px; overflow:hidden;}

.container{width:1003px; margin:22px auto 0px auto; padding-bottom:40px; background:url(../images/company_bg.jpg) no-repeat bottom right;  overflow:hidden }
.con_left{ width:218px; float:left; overflow:hidden}
.left_title{ width:218px; height:57px; line-height:55px; font-size:22px; font-family:Microsoft YaHei; color:#ffffff; text-align:center;
             background:url(../images/left_img1.jpg) no-repeat; overflow:hidden}


.left_menu{ width:218px; margin-bottom:24px; overflow:hidden}
.menu_head{ height:40px; line-height:43px; padding:0px 5px; margin-bottom:4px; background:url(../images/left_img2.jpg) no-repeat; text-indent:55px; overflow:hidden; }
.menu_head.curr, .menu_head:hover{ background:url(../images/left_img2_hover.jpg) no-repeat; }
.menu_head a{ font-size:14px; color:#323232; overflow:hidden; display:block; }
.menu_head.curr a,.menu_head a:hover{ font-weight:bold; color:#ffffff; }

.menu_body{ display:none;}
.menu_body span{ padding:0px 15px 0px 15px; background:#f6f6f6; border-bottom:1px solid #ffffff; border-top:1px solid #e0e0e0; display:block; overflow:hidden}
.menu_body a{ line-height:18px; padding:6px 5px 6px 16px; background:url(../images/dot1.png) no-repeat 0px 11px;display: block; overflow:hidden; }
.menu_body div{ padding:0px 15px 0px 15px; background:#f6f6f6; border-bottom:1px solid #ffffff; border-top:1px solid #e0e0e0; display:block; overflow:hidden}
.menu_body em{ line-height:18px; padding:6px 5px 6px 16px;display: block; overflow:hidden; }
.menu_body span.cho{ background:#8e8e8e;}
.menu_body span.cho a{ color:#ffffff; font-weight:bold; background:url(../images/dot2.png) no-repeat 0px 11px; }
.menu_body span:hover{ background:#8e8e8e;}                    
.menu_body span:hover a{ color:#ffffff; font-weight:bold; background:url(../images/dot2.png) no-repeat 0px 11px; }    


.tupian{ width:133px; height:40px; padding:16px 5px 20px 80px; line-height:20px; overflow:hidden; display:block}
.left_tel{ background:url(../images/left_img3.jpg) no-repeat;}
.left_email{ background:url(../images/left_img4.jpg) no-repeat;}
.p1{ color:#323232; font-family:Microsoft YaHei; font-size:13px;}
.p2{ color:#00bcd7; font-family:Arial; font-size:19px;}
.p2 b{ color:#007dcc;}
.p3{ color:#007dcc; font-size:14px; font-family:Arial; }


.con_right{ width:755px; float:right; overflow:hidden;}
.right_title{ height:22px; line-height:22px; padding:0px 10px 15px 5px; margin-bottom:30px; font-family:SimSun; border-bottom:3px solid #ededed; overflow:hidden}
.right_title a{ font-family:Arial}
.right_title span{ height:22px; float:right; display:block; overflow:hidden}
.right_title span i{ color:#007dcc}

.company{ width:745px; min-height:450px; padding:0px 5px; line-height:24px; overflow:hidden}

/*products*/
.products{ *padding-bottom:30px;}
.products ul{ width:790px; overflow:hidden}
.products li{ width:123px; height:120px; float:left; margin:0px 25px 30px 5px; overflow:hidden; position:relative;}
.products li span{ width:118px; height:93px; background:url(../images/pro_bg.jpg) no-repeat; padding:2px 3px 3px 2px; display:block; overflow:hidden}
.products li table{ width:118px; height:93px;}
.products li p{ height:20px; line-height:20px; text-align:center; margin-top:5px; overflow:hidden;}
.see{width:118px; height:93px; position:absolute; top:2px; left:2px; background:url(../images/visi.png) repeat; display:none}
.see a{width:118px; height:93px; line-height:93px; font-size:13px; text-align:center; color:#FFF; display:block}    



.page{ float:right; background:#f6f6f6;}
.page a{ padding:3px 7px; margin:0px 3px; border:1px solid #cccccc;}
.page a:hover{ background:#2b8fd3; color:#ffffff;}
.page a.sele{ background:#2b8fd3; color:#ffffff;}


.service{ line-height:30px;}
.serv_des{ margin-top:40px; overflow:hidden; clear:both;}

/*news*/
.news{ margin-bottom:40px;}
.news li{ height:50px; line-height:49px; padding:0px 5px; background:url(../images/line3.jpg) repeat-x bottom left; overflow:hidden}
.news li span{ float:right; padding-left:40px; color:#999; display:block}
.news li a{ max-width:400px; background:url(../images/news_img1.jpg) no-repeat 0px 23px; text-indent:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}

.news li:hover{ background:#f5f5f5;}
.news li:hover a{ color:#0070ba}
/*news_show*/
.news_show{ line-height:30px;font-size:16px;}
.show_tit{ line-height:26px; font-size:16px; color:#007dcc; text-align:center; font-weight:bold;}
.show_data{ line-height:24px; text-align:center; padding:5px 3px; margin:13px 0px 20px 0px; background:url(../images/newshow_img1.jpg) repeat-x #f8f8f8; padding:}

.ny_new_lis{ height:25px; line-height:25px; background:#ededed; margin-top:40px; padding:0px 5px; overflow:hidden;}
.ny_new_lis ul{ width:790px; overflow:hidden}
.ny_new_lis li{ width:345px; margin-right:38px; float:left; overflow:hidden; display:block; }
.ny_new_lis li b{ float:left; padding:0px 5px; color:#333; font-weight:normal; color:#555555;}
.ny_new_lis li a{ max-width:240px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block}



.xiang_news{ height:222px; padding:5px 18px 9px 25px; margin-top:30px; background:url(../images/newshow_bg.jpg) no-repeat; overflow:hidden}
.xiang_tit{ height:34px; line-height:34px; font-size:16px; color:#000000; overflow:hidden; display:block }

.xi_news{ width:800px; height:135px; padding-top:20px; clear:both; overflow:hidden}
.xi_news li{ width:295px; height:26px; line-height:26px; margin:0 85px 0 2px; float:left; background:url(../images/news_sh4.jpg) no-repeat 0px 11px;
             text-indent:8px; overflow:hidden; }
.xi_news li span{ color:#999; display:block;}			 
.xi_news li a{ max-width:216px; white-space:nowrap; float:left; text-overflow:ellipsis; overflow:hidden; display:block}

.return{ float:right; margin-top:20px;}



/*feedback*/
.feedback{ padding-bottom:70px; background:url(../images/message.jpg) no-repeat 416px bottom;}
.mess li{ padding-left:10px; padding-bottom:10px; display:block; overflow:hidden }
.mess li p{ width:100px; height:20px; line-height:20px; text-align:right; float:left; color:#4a4a4a; font-size:13px; color:#565656; padding-right:10px; display:inline; overflow:hidden; display:block;}
.mess li p i{ font-style:normal; color:#ff0000; vertical-align:bottom; padding-right:6px; }
.mess li input{ float:left; height:16px; line-height:16px; padding:2px 5px; border:solid 1px #cccccc;}
.mess li textarea{ float:left;}

.ipt{ width:384px; color:#666666;}
.ipt2{ width:279px}
.atext{ width:384px; height:126px; line-height:18px; color:#666666; padding:5px; border:1px solid #cccccc;}
.mess li input.Mbut{ width:59px; height:25px; margin-top:5px; float:left; color:#ffffff; font-size:12px; background:#0558b0; border:0; overflow:hidden; cursor:pointer;}
                    


/*question*/
.liuyan{ background:#f5f5f5; padding:10px 0px; margin-bottom:25px; overflow:hidden}
.question{ margin-bottom:40px; padding-top:25px; border-top:1px dashed #ccc}
.question dl{ padding-bottom:19px; margin-bottom:19px; border-bottom:1px solid #d7d7d7;}
.question dl dt b{ height:20px; line-height:20px; color:#2b8ce6; font-weight:normal; font-size:14px; display:block; overflow:hidden}
.question dl dt p{ line-height:20px; color:#333333;}
.question dl dt i{ line-height:20px; color:#969696;}

.question dl dd{ margin:5px 0px 0px 32px; background:#f5f5f5; overflow:hidden}
.question dl dd span{ width:42px; height:42px; margin:14px; display:block; float:left; overflow:hidden}
.question dl dd span table{ width:42px; height:42px;}
.description{ width:625px; float:right; margin:9px 14px 10px 0px; overflow:hidden}
.description b{ line-height:24px; color:#cc0000; font-weight:normal;}
.description p{ line-height:20px; color:#333333;}
/*download*/
.download{ margin-bottom:40px}
.download li{ height:50px; line-height:50px; background:url(../images/download1.jpg) no-repeat; overflow:hidden; display:block;}

.download li a.down1{ max-width:480px; float:left; padding:0px 25px; overflow:hidden; display:block;}
.download li a.down1:hover{ color:#0070ba; font-weight:bold;}
.download li a.down2{ float:left; margin-top:15px; *margin-top:13px;}
.download li span{ width:60px; height:25px; margin:13px 0px 0px 30px; background:url(../images/down1.jpg) no-repeat; float:right; display:block; cursor:pointer;}
.download li span:hover{ background:url(../images/down2.jpg) no-repeat; cursor:pointer }


.contact{ width:602px; margin-left:70px; overflow:hidden}
.address{ border:1px solid #c7c7c7; border-bottom:none; color:#222222; padding:5px 5px 10px 10px;}
.address a{ color:#222222;}
.address a:hover{ text-decoration:underline}




/******************top**********************/
.back-to-top{ position:fixed; right:150px; bottom:175px; width:47px; height:49px; background:url(../images/upup.jpg) no-repeat; display:none; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,30)||30))); }
#backTop, #backCss{position:relative;}
.backTop, .backCss{display:block;width:47px;height:49px; }



.error{ width:892px; height:495px; margin:0 auto; margin-top:30px; background:url(../images/404.jpg) no-repeat; overflow:hidden; }
.error p{ width:830px; line-height:30px; background:#f5f5f5; text-align:center;font-size:14px; margin:400px 0 0 30px; display:block;}
.error a{ font-family:Microsoft YaHei; padding:0 10px; }