body,h1,h2,h3,h4,h5,h6,ul,li,form,div{margin:0px;padding:0px; line-height:180%;color:#555;font: normal 12px ΢ÈíÑźÚ;text-align:center; }
body{ background:#000; }
.index{ width:1004px; margin:0 auto;}
.fl{ float:left;}
ul,li{float:left}
img{ border:0}
li {list-style:none; font-size:12px}
.logo {display:block; float:left}
a{ text-decoration: none; color:#555;}
a:hover{ text-decoration: underline;color:#f60 }
.header{width:1004px; margin:0 auto;height:108px; background:#585858;}
.header .top h2 a{ background:url(../images/icon.gif) no-repeat -140px 5px; padding-left:25px; margin-left:10px; font-size:12px;color:#afafaf; float:left}
.txt p {
    margin: 0px;
}
.comm_width{ width:1004px; margin:0 auto}
.commonbody{width:1004px; margin:0 auto}
.header .top h2 a.t2{ background-position;:-140px -83px}
.header .top h2 a.t3{ background-position:-140px -40px}
.header .top h2 a.t4{ background-position:-140px -126px}
.header .top h2 a:hover{ color:#f80}
.header .logo{ height:108px; position:relative}
.header .tel{ float:right; padding-top:8px;  margin-right: 10px;}
.header .tel i{ float:left; background:url(../images/icon.png) no-repeat 0 2px; width:55px; height:45px}
.header .tel h1{ color:#fff;float: left;}
.header .tel h1 span{ float:left; clear:both}
.header .tel h1 b{ font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; float:left; clear:both; line-height:28px}
.menu{ width:1004px; margin:0 auto; height:54px; background:#383838; }
.menu ul{ width:100%; padding-left:2%; }
.menu ul li{ width:16%; height:44px; padding-top:10px; margin-right:1px}
.menu ul li a{ color:#fff; border-right:1px #000 solid;font-size:15px;line-height:36px; width:99.8%; text-align:center; float:left}
.menu ul li a i{ width:99.8%; font-size:9px; line-height:14px; text-transform:uppercase; color:#2ec4f7; font-family:Arial, Helvetica, sans-serif; text-align:center; float:left}
.menu ul li#on,.menu ul li.this{background:#2ec4f7;  margin-top:-3px; border-top:3px #ff2400 solid; cursor:pointer}
.menu ul li#on i,.menu ul li.this i{ color:#129fdd;border-right:none}
.menu ul li#on a,.menu ul li.this a{ text-decoration:none;border-right:none}
.menu ul li:last-child a,.menu ul li:last-child i{border-right:none}
.video ul li{ line-height:30px; width:100%; text-align:left;}

/* flexslider */
.flexslider{position:relative; width:1004px; margin:0 auto;height:411px;overflow:hidden;}
.slides{position:relative;z-index:1;width: 100%;height: 411px;}
.slides ul{ float:left;height:411px;width:1004px; position:relative;}
.slides li{height:411px;width:1004px; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;text-align:center; margin:0 auto; left: 45%;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; }
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}



.hotwords{ width:100%;height:54px; background:#f2f2f2; line-height:54px;}
.hotwords .hotkey{ width:880px; line-height:54px; height:54px; overflow:hidden;float: left;text-align: left;}
.hotwords .hotkey b{ padding-left:25px; padding-right:10px;font-size:12px; color:#222}
.hotwords .hotkey a{ font-size:12px}
.hotwords .search{ float: right; padding-top:15px}
.hotwords .search .kw{ background:#f2f2f2; width:245px; border:1px #bfbfbf solid; height:24px; line-height:24px; float:left; padding:0; font-family:"΢ÈíÑźÚ"; padding-left:5px; color:#999}
.hotwords .search .submit{ background:#0069b8; color:#fff; width:50px; height:26px; line-height:24px; padding-left:12px; border:none; font-family:"΢ÈíÑźÚ"; float:left; cursor:pointer}
.margintop{ margin-top:10px; float:left}
.margintop20{ margin-top:20px; float:left}
.box{clear:both;width:1004px;margin:0px auto;}

.rss{line-height:45px;height:45px;text-align:right; }
.rss a{margin:0 10px;}
.rss a.aa {height:22px;margin:11px 0 0 10px;line-height:22px;padding:0 8px;background:red;color:#FFF;}
.rss a.aa:hover{text-decoration: none;}
.sousuo10{height:27px;width:425px;float:right;margin:0;background:url(../images/sousuo10.gif) 230px top no-repeat;}
.sousuo10 .tel{ width:230px; float:left; font-size:16px; font-weight:bold; color:#f40; text-align:center; padding-top:3px}
.text10{float:left;height:27px;width:140px;line-height:27px;color:#979797;padding:0px 10px;border:none;background:none;}
.btn10{float:right;height:27px;width:32px;border:none;background:none; cursor:pointer}
.banner { width: 1004px; margin: 0 auto; position: relative; background:url(../images/shad.gif) repeat-x bottom;  }
.h_body_content{ width:1004px;margin:0px auto;background:#fff; position:relative; z-index:10000; border-top:4px #FFE000 solid; overflow:hidden; z-index:100}
.wh945{ width:945px; margin:25px auto;}
.w94{ width:1004px; margin:0px auto;}
.h_blockw{ width:681px; float: right;}
.h_blockw .title{ width:681px; border-bottom:1px #ddd dotted; float:left; padding-bottom:10px}
.h_blockw .title H1{ font-size:20px; float:left; color:#272727; line-height:25px}
.h_blockw .title H1 span{ font-size:10px; text-transform:uppercase; color:#aaa; font-family: Arial, Helvetica, sans-serif; padding-left:3px;}
.h_blockw .title a{ float: right; background:#025896; padding:3px 8px; color:#fff; margin-top:2px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.h_block2 .title a:hover{ color:#ff0; text-decoration:none}

.h_block{ width:954px; padding: 25px;}
.h_block1.new{ width:1004px}
.h_block.video{ width:202px; border-right:none; margin-right:20;float: left;}
.h_block .title{ width:681px; border-bottom:1px #ddd dotted; float:left; padding-bottom:10px}
.h_block.new .title{ width:954px}
.h_block.video .title{ width:205px}
.h_block .title H1{ font-size:20px; float:left; color:#272727; line-height:25px}
.h_block .title H1 span{ font-size:10px; text-transform:uppercase; color:#aaa; font-family: Arial, Helvetica, sans-serif; padding-left:3px;}
.h_block .title a{ float: right; background:#025896; padding:3px 8px; color:#fff; margin-top:2px; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.h_block .title a:hover{ color:#ff0; text-decoration:none}
.h_blockw .h_comp{ width:681px; float:left; padding-top:20px; padding-left:5px;    text-align: left;}

.h_comp p{ margin:0px; line-height: 24px;}
 .n_head{ width:460px; float:left; padding-top:20px; padding-left:5px}
.h_blockw .h_comp .l_img{ width:235px; float:left; padding-bottom:5px; margin-right: 15PX;}
.h_blockw .h_comp .r_txt{ width:420px; float:left; line-height:27px;text-align: left;}
.h_block ul.change{ width:465px; height:35px; float:left; background:url(../images/point_line.gif) repeat-x 0 41px; padding-top:12px}
.h_block.video ul.change{ width:255px}
.h_block .video{ padding-top:23px; padding-left:4px; float:left}
.h_block ul.change li{ width:80px; background:url(../images/new_frame.gif) no-repeat right 6px; text-align:center; }
.h_block ul.change li span{line-height:30px; padding-bottom:10px; display:block; cursor:pointer}
.h_block ul.change li.this span{background:url(../images/current_arr.gif) no-repeat bottom center; color:#ff5500}
.h_block ul.change li#menu_3{ background:none}
.h_block .n_head .img{ float:left; width:166px; margin-right:10px;}
.h_block .n_head .img a img{ width:158px; height:147px; border:1px #ddd solid; padding:3px}
.h_block .n_head .img a:hover img{ border-color:#f90}
.h_block .n_head .txt{ width:240px; float:left;}
.h_block .n_head .txt H1{ width:240px; font-size:15px;text-align: left;}
.h_block .n_head .txt H2{ width:240px; color:#8c8c8c; padding-top:7px; line-height:22px;text-align: left;}
ul.h_newlist1{ width:478px; margin-top:12px;background: url(../images/v.jpg) no-repeat; height:144px;float: right;}
ul.h_newlist1 li{ width:189; line-height:30px; height: 72px;padding-left: 45px;}
ul.h_newlist1 li a{ float:left;display:block;color: #fff;width: 90%;text-align: left;    line-height: 24px;margin-top: 20px;}
ul.h_newlist1 li span{ float:left; color:#fff; font-size:11px; line-height:15px;display: block;}
.h_block.contact{ width:255px; border-right:none}
.h_block.contact .h_contact{ width:255px;float:left; height:20px}
.h_block.contact .h_contact .tel{ width:255px; background:url(../images/tel.gif) no-repeat 10px 0; height:55px; border-bottom:1px #ebecec solid;; float:left}
.h_block.contact .h_contact ul{ width:255px; background:url(../images/c_icon.gif) no-repeat 10px 15px; padding-top:11px;}
.h_block.contact .h_contact ul li{ line-height:29px; padding-left:40px; width:215px; border-bottom:1px #eeeeee dashed;text-align: left;}
.app,.footer{ width: 1004px;height: 285px;overflow:hidden;  background:#fff; margin:0px auto;}
.h_block.leftLoop{ position:relative; width:954px; overflow:hidden; height:245px; margin:0;  float:left;padding:0; margin:25px;}
.h_block.leftLoop .title{ width:954px;padding-top:0}
.leftLoop .hd{ overflow:hidden;  height:25px;  }
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop .hd ul li{ position:relative;float:left;  width:12px; height:12px; margin-right:5px; background:url(../images/circle.gif) no-repeat right; cursor:pointer}
.leftLoop .hd ul li.on{ background-position:left }
.leftLoop .bd{ padding:0px; float:left; padding-top:17px}
.leftLoop .bd ul{ overflow:hidden; zoom:1;}
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;  }
.picList li{ width:185px; }
.picList .pic{ text-align:center; line-height:0px;}
.picList .pic a img{ width:175px; height:135px; padding:2px; border:3px solid #d4edff; }
.picList .pic a:hover img{ border-color:#fe0;  }
.picList .name a{ line-height:38px;}
.pt25{ margin-bottom:25px;}
/*ÄÚÒ³CSS¿ªÊ¼*/
.commonbody{width:1004px; margin:0 auto;  background: #fff; padding:25px 0px; display:block;}
.commonbody .left_part{ width:255px; float:left}
.commonbody .left_part .menu_head{ width:100%; background:url(../images/menu_title.gif) no-repeat; height:63px; float:left}
.commonbody .left_part .menu_head H1{ font-size:18px; color:#222; padding:14px 0 0 18px; line-height:20px}
.commonbody .left_part .menu_head H1 span{ font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.commonbody .left_part ul{ width:234px;background:url(../images/menu_bg.gif) repeat-y; padding-left:10px}
.commonbody .left_part ul li,.commonbody .left_part ul span{ width:210px; padding-left:13px; background:url(../images/left_menu_bg.gif) no-repeat; height:31px; line-height:30px; margin-top:10px; float:left;text-align: left;}
.commonbody .left_part ul li a{ font-size:12px; color:#222}
.commonbody .left_part ul span{ background:none; height:auto}
.commonbody .left_part ul span a{ font-size:12px; color:#777; background:url(../images/left_sub_menu.gif) no-repeat 5px 8px; line-height:25px; display:block; clear:both; padding-left:15px}
.commonbody .left_part ul a:hover{ color:#f50}
.commonbody .left_part .menu_foot{ width:244px;background:url(../images/menu_foot.gif) no-repeat 0 0; height:21px; line-height:21px; float:left}
.commonbody .left_part .left_cont{ width:250px; float:left}
.commonbody .left_part .left_cont H1{ background:url(../images/left_cont.gif) no-repeat; width:200px; height:31px; line-height:29px; color:#fff; font-size:16px; padding-left:44px;text-align: left;}
.commonbody .left_part .left_cont .contact_detail{ width:228px;background:url(../images/contact.gif) no-repeat 10px 15px #f6f6f6; border:1px #efefef solid; border-top:none; padding:115px 0 10px 14px; line-height:25px;font-size:13px; float:left;text-align: left;}

.commonbody .right_part{ width:688px; float:left; padding-left:10px}
.commonbody .right_part .local{ width:688px; border-bottom:1px #a5a5a5 solid; height:36px; float:left}
.commonbody .right_part .local H1{ background:url(../images/dian1.gif) no-repeat 10px 5px; padding-left:25px;line-height:30px;font-size:16px; color:#222; font-weight: bold; float:left  }
.commonbody .right_part .local H2{ background:url(../images/local.gif) no-repeat 0 13px; padding-left:15px; float:right;line-height:30px; }
.commonbody .right_part .common_content{ width:658px; padding:20px; float:left; font-size:14px; line-height:28px}
.commonbody .right_part .common_content.company{ padding-top:30px; font-size:15px;text-align: left;}
.honor{ width:425px; float:left; }
.honor H1{ width:648px; border-bottom:1px #ddd dashed;margin-bottom:15px; font-size:18px; line-height:40px; color:#f50}

ul.newslist{ width:648px; padding:10px 0 20px 0;}
.list_bg { background:url(../images/ne_icon.gif) no-repeat 8px 20px; height:44px; width:648px; padding-left:20px; border-bottom:1px #f1f1f1 dashed; color:#888; float:left}
.list_bg a{line-height:44px; font-size:14px; float:left; font-size:13px}
.list_bg H1 a{ color:green;}
.list_bg H1 a:hover{ color:#cc0033}
.list_bg H2 a{margin-left:8px;}
.list_bg H3{ padding-top:15px;}
.list_bg H4 {line-height:44px; font-family:Arial; font-size:11px; color:#888; float: right}
.product{ width:648px; float:left; border-bottom:1px #f1f1f1 dashed; padding:15px 1px}
ul.prudlist{ width:212px; height:210px; float:left;overflow:hidden; text-align:center}
ul.prudlist.device { height:190px}
ul.prudlist li{ width:200px;text-align: center; padding:0 6px}
ul.prudlist li a{ line-height:15px; color:#444}
ul.prudlist li a:hover{ color:#f60}
ul.prudlist li a img{ margin-bottom:8px;border:1px #ccc solid; width:180px; height:150px; padding:3px;}
ul.prudlist.device li a img{ height:140px;}
ul.prudlist li a:hover img{ border-color:#fa0}

.c_line{ display:block; width:98%; border-bottom:1px #dddad2 solid; clear:both; line-height:22px; float:left; font-size:13px; padding:8px 0 8px 2%}
.c_line span{ font-size:16px; color:#f20; font-weight:bold}
/*ÄÚÒ³CSS½áÊø*/

/*QQ*/
.float0831 {POSITION: fixed; TOP: 158px; RIGHT: 0; _position: absolute; z-index:1001;}
.float0831 A {	COLOR: #00a0e9}
.float0831 A:hover {COLOR: #ff8100; TEXT-DECORATION: none}
.float0831 .floatL {POSITION: relative; WIDTH: 28px; FLOAT: left; top:-40px; z-index:1001}
.float0831 .floatL A {	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px}
.float0831 .floatR {BACKGROUND: url(../images/float_bg.gif);}
.float0831 .tp {BACKGROUND: url(../images/float_bg.gif);}
.float0831 .cn {BACKGROUND: url(../images/float_bg.gif);}
.float0831 .floatR {PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden}
.float0831 .tp {BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; width:100%; HEIGHT: 10px; overflow:hidden}
.float0831 .cn {BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px; width:130px; float:left}
.float0831 .cn H3 {	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px; width:102px}
.float0831 .cn UL {	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px; width:102px}
.float0831 .cn UL LI {	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; width:102px; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal}
.float0831 .titZx {	BACKGROUND: url(../images/float_s.gif) no-repeat; width:102px}
.float0831 .titDh {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .titDc {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .icoZx {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .icoTc {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .icoFf {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .icoTl {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .btnOpen {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .btnOpen_n {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .btnCtn {	BACKGROUND: url(../images/float_s.gif) no-repeat}
.float0831 .titZx {	BACKGROUND-POSITION: 5px -10px}
.float0831 .titDh {	BACKGROUND-POSITION: 5px -66px}
.float0831 .titDc {	BACKGROUND-POSITION: 5px -124px}
.float0831 .icoZx {	BACKGROUND-POSITION: 2px -154px}
.float0831 .icoTc {	BACKGROUND-POSITION: 0px -323px}
.float0831 .icoFf {	BACKGROUND-POSITION: 2px -213px}
.float0831 .icoTl {	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "΢ÈíÑźÚ"; BACKGROUND-POSITION: 2px -266px; FLOAT: left}
.float0831 .btnOpen {	BACKGROUND-POSITION: -30px -396px}
.float0831 .btnOpen_n {	BACKGROUND-POSITION: 0px -530px}
.float0831 .btnCtn {BACKGROUND-POSITION: 0px -396px}
.float0831 .icoZx {	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left}
.float0831 .icoTc {	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left}
.float0831 .icoFf {	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left}
.float0831 .btnOpen {	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px}
.float0831 .btnOpen_n {	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px}
.float0831 .btnCtn {	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px}
.float0831 .btnOpen {	TOP: 118px; LEFT: 1px}
.float0831 .btnOpen_n {	TOP: 118px; LEFT: 1px}
.float0831 .btnCtn {TOP: 118px; LEFT: 2px}
.float0831 UL LI H3.titDc A {WIDTH: 80px; DISPLAY: block; HEIGHT: 36px}
.float0831 UL LI.top {BORDER-BOTTOM: #ace5f9 1px solid}
.float0831 UL LI.bot {	BORDER-BOTTOM-STYLE: none}
.float0831 UL.webZx {	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px}
.float0831 UL LI.webZx-in {	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px}

/*QQ ½áÊø */

.footer{ width:1004px; padding:0;background: none; height:150px;text-align:center; clear:both; background:#414141;}
.footer .friend{ border-bottom:1px #363636 solid; padding-bottom:13px; padding-top:10px;text-align: left;    padding: 25px; color:#b7b7b7;}
.footer .copyright{ width:1004px; padding-top:20px;border-top:2px #ddd solid; margin-top:25px;  line-height:26px; float:left}
.footer.index .copyright{ border-top: none; margin-top:0;color: #b7b7b7;}

.clear {both;
    height: 1px;
    width: 100%;
    overflow: hidden;
    margin-top: -1px;}
	
	
.new1{ width:1004px; background:#f7f7f7; margin:0 auto;  height: 260px;}	#MainPromotionBanner {
    width: 658px;
    text-align: left;
}
.pro_bg{float: left;margin-right: 20px; line-height: 30px;}
a.wb2 {
    background: url('../images/wb2.gif') no-repeat;
    padding-left: 23px;
    margin-left: 8px; color:#fff;
}
a.wb4 {
    background: url('../images/wb4.gif') no-repeat;
    padding-left: 23px;
    margin-left: 8px;color:#fff;
}