@charset "utf-8";



body{font-family: Arial;font-size:13px;color: #333;background: url(../images/bg.jpg);margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}

img{border:0;}

ul,ol,li{list-style:none;}

input{vertical-align:middle;height:25px; line-height:25px;border: #D9D9D9 solid 1px;padding:0 5px; }

textarea{vertical-align:middle;line-height:25px;border: #D9D9D9 solid 1px;padding:0 5px; }

.submit{ background:url(../images/send.gif) no-repeat; color: #333; font-size:13px; width:82px; height:28px;line-height:23px; cursor:pointer; font-weight:bold; border:0;}

.submit:hover{ color:#F60;}

.spaceline{clear:both; height:10px;}

.clear{ clear: both; }

hr{ margin:0; padding:2px 0; border:0; border-bottom:dashed #CCCCCC 1px;}





a {font-size: 13px;color: #333333;}

a:link {text-decoration: none;}

a:visited {text-decoration: none;}

a:hover {text-decoration: none;color: #FF6600;}

a:active {text-decoration: none;}





.black{color:#000000;}

.grey{color:#666666;}

.white{color:#FFFFFF;}

.red{color:#FF0000;}

.yellow{color:#FFFF00;}

.orange{color:#FF9900;}

.bule{color:#0000FF;}

.green{color:#00FF00;}

.shiwu{font-size:14px;line-height:25px; padding:10px 0 0 10px;}

.shiwu a{font-size:14px; }







#header{height:120px; background:url(../images/top_bg.jpg) bottom repeat-x;}

#header_main{ width:1000px; margin:0 auto; }



#logo{float:left;  display: block; padding:13px 8px 0 0; }



#webname{ float:left;display: block;padding:10px 0 0 0; width:450px; overflow:hidden;}

#webname a strong{ font-size:26px; color: #333; font-weight:normal;}

#webname strong{ font-size:26px; color: #333; font-weight:normal;}

#webname  p{ color:#999; margin:8px 0 0 0; width:620px; overflow:hidden;text-overflow:ellipsis;}



#search_top{ float:left; padding:20px 10px 0 10px;display: block; width:220px;}

#search_top form{ margin-top:10px; background:url(../images/search.gif) 170px 6px  no-repeat #E4F2F9; width:200px; height:25px;  border:#CDEBEB solid 1px; clear:both;}

#search_button{ border:0; background:none; width:30px; cursor:pointer; }

#key{ width:150px;border:0; background:none; padding:0 0 0 10px;color:#666; line-height:28px;}

#text{ color: #999;width:980px; height:10px; font-size:13px; overflow:hidden; margin:0 auto;padding:5px 0; font-weight:normal;}



#language a{ float:left; margin:0 10px 8px 0; display:block; width:100px;}





#menu_main{background:#409A9A;clear:both;}

#menu{ height:35px;width:980px; margin:0 auto;  }

#menu .current{background: #066;color: #FFF;}

.ddsmoothmenu{margin:0 auto;}

.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;}

/*顶层列表项*/

.ddsmoothmenu ul li{position: relative;display: inline;float: left;}

/*顶层菜单链接项的样式*/

.ddsmoothmenu ul li a{

display: block;color: white; height:35px;line-height:35px;padding:0px 30px 0px 28px;color: #2d2b2b; font-size:14px;text-decoration: none; background:url(../images/menu_line.gif) right no-repeat; font-weight:bold;}

.ddsmoothmenu ul li ul li a{background: #255A5A;}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: white;}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/background: #593F33;color: white;}

.ddsmoothmenu ul li a:hover{background: #066;color: #FFF;}

/*第一子级菜单*/

.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none; /*折叠所有子菜单开始*/visibility: hidden;}

/*子级菜单列表项（撤消从顶层列表项的样式）*/

.ddsmoothmenu ul li ul li{display: list-item;float: none;}

/*所有后续的子菜单水平垂直偏移后的第一级子菜单 */

.ddsmoothmenu ul li ul li ul{top: 0;}

/* 子级菜单链接的样式 */

.ddsmoothmenu ul li ul li a{ width: 250px; /*子菜单宽*/padding: 0 2px 0 10px;margin: 0; border-top-width: 0;border-bottom: 1px solid #347E7E; border-right: 1px solid #347E7E; font-weight:normal;}

/* Holly Hack for IE \*/

* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS类适用于向下和向右箭头的图像  ######### */

.downarrowclass{position: absolute;top: 16px;right: 8px;}

.rightarrowclass{position: absolute;top: 10px;right: 6px;}

/* ######### 为阴影的CSS添加到子菜单  ######### */

.ddshadow{ /*阴影的非对CSS3的浏览器*/

position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}

.toplevelshadow{ /*非对CSS3的浏览器的阴影透明度。在IE浏览器不起作用*/opacity: 0.8;}



#banner{ background:url(../pic/flash/5.jpg) top center no-repeat; height:170px;}

#banner div{ line-height:170px; width:950px; padding:0 0 0 30px; margin:0 auto; font-size:25px; color: #FFF;}



#body_main{width:982px; margin:0 auto;overflow:hidden;}

#page_main{width:980px; margin:0 auto;overflow:hidden; background:#FFF;}







#home_comapny{width:950px; height:250px;margin:10px auto; clear:both;  padding:15px;border:#ccc solid 1px; line-height:25px;}

#home_about{ width:520px;height:250px; float:left; overflow:hidden;text-overflow:ellipsis; padding:0  40px 0 0;background:url(../images/video_line.jpg) right top no-repeat;}

#home_about { line-height:25px;color:#666;}

#home_about  h2{ font-size:18px; color:#333; padding:0 0 10px 0; border-bottom:#409A9A solid 1px; font-weight:normal;}

#home_about  img{ margin:0 6px 0 0;}

#home_comapny .more{ color:#409A9A;}

#home_video{ width:370px;height:250px;  float:right; text-align:center;}







.home_class_main{ width:1110px;}

.home_class{ width:230px; height:300px; border:#ddd solid 1px; margin:8px 18px 8px 0; float:left;overflow:hidden;}

.home_class h2{ text-align:center; margin:8px 0;}

.home_class h2 a{ font-size:18px;  color:#00928F; line-height:25px; font-weight:normal;}

.home_class_img{ padding:4px 0; text-align:center; width:228px; height:120px;}

.home_class_list{ line-height:25px;  padding:0 5px;}

.home_class_list a{ display:block; width:220px; height:25px;overflow:hidden;text-overflow:ellipsis;color:#666;}



#news_Solutions{ margin:3px 0 8px 0; clear:both;}

#home_news{height:240px; width:467px;overflow:hidden; float:left;border:1px solid #d2d2d2;padding:8px; margin:0 8px 0 0;}

#news_Solutions h2{ font-size:17px; color: #333; border-bottom:#409A9A solid 1px;padding:8px 0 ;font-weight:normal;}

#news_Solutions h2 .more{ float:right; font-weight:normal; color:#409A9A;}

#home_news ul{ line-height:25px;}

#home_news ul a{ color:#666;}

#home_news ul span{ color:#999;}





.pro_scroll{border:1px solid #d2d2d2; height:240px; width:470px; overflow:hidden; padding:8px; }

.pro_scroll .clickdown, .pro_scroll .clickup{width:40px;  padding-top:80px;}

.pro_scroll .clickdown{text-align:left; float:left;}

.pro_scroll .clickup{text-align:right; float:right;}

.pro_scroll .list{width:390px; float:left; overflow:hidden; padding:15px 0;}

#pro_scroll_main .Cont{width:390px; height:200px; overflow:hidden; display:block;}

#pro_scroll_main .ScrCont{width:10000000px; display:block;}

#pro_scroll_main #scroll_list_1, #pro_scroll_main #scroll_list_2{float:left; display:block; margin:0; padding:0;}

#pro_scroll_main li{list-style-type:none;}

#pro_scroll_main .pro_item{width:152px; overflow:hidden; float:left; margin-right:10px;text-align:center;}

#pro_scroll_main .pro_item .pro_img{width:150px;height:150px;  display: table-cell;vertical-align:middle;*display: block; border:solid #eee 1px;  }

#pro_scroll_main .pro_item .pro_img img{vertical-align:middle;}

#pro_scroll_main .pro_item .pro_name{padding-top:3px;}

#pro_scroll_main .pro_item  a{  text-decoration: none;}





#breadcrumb{ background: url(../images/home.gif) no-repeat left center; height:30px; line-height:30px; margin:0; color:#333; clear:both;overflow:hidden;text-overflow:ellipsis; width:960px; padding:0 10px;}

#breadcrumb li{ float:left;}

#breadcrumb li a{ background:url(../images/small_icon.gif) right center no-repeat; padding:0 12px 0 5px; color:#333; margin:0 5px 0 0;}





#left{float:left; width:230px; overflow:hidden;text-overflow:ellipsis;}



#class h2{ height:30px; line-height:30px; background:#409A9A; color:#FFFFFF; font-size:15px; padding:0 10px; font-weight: normal;}

#class ul li a{width:205px;height:30px; line-height:30px; background:url(../images/big_icon.gif)  10px 15px no-repeat #CBE7F3 ; display:block; padding:0 0 0 25px; font-size:13px;color: #333;text-overflow:ellipsis;overflow:hidden; }

#class ul li a:hover{ background:url(../images/big_icon.gif)  10px 15px no-repeat #7AC1E0; color:#FFF; }

#class ul li a span{ color:#999; font-family:Arial;}

#class ul li ul li a{ height:30px; line-height:30px; background:url(../images/small_icon.gif) 10px 8px no-repeat #E4F2F9; color:#333333; border-bottom:#FFFFFF solid 1px;}

#class ul li ul li a:hover{ background:url(../images/small_icon.gif)  10px 8px no-repeat #eee; color:#066;}





#about h2{ height:30px; line-height:30px; background:#409A9A; color:#FFFFFF; font-size:15px; padding:0 10px; font-weight: normal;}

#about ul { background:#CBE7F3;}

#about ul li a{width:205px;height:30px; line-height:30px; background:url(../images/big_icon.gif)  10px 15px no-repeat ; display:block; padding:0 0 0 25px; font-size:13px;color: #666;text-overflow:ellipsis;overflow:hidden; border-bottom: #FFF solid 1px; }

#about ul li a:hover{ color: #FFF; background:#7AC1E0; }





#tags h2{ height:30px; line-height:30px; background:#409A9A; color:#FFFFFF; font-size:15px; padding:0 10px; font-weight: normal;}

#tags div { background:#E4F2F9; padding:8px; line-height:22px;}

#tags div a{ font-weight:normal;  margin:5px 1px;padding:2px 5px;background: #FFF;border-radius: 10px;}

#tags div a:hover{ color: #FF9; background: #399; }



#right{ float:right; width:740px;overflow:hidden;text-overflow:ellipsis; border:#CCCCCC solid 1px;}

.weizhi{color: #333; font-size:18px; font-weight: normal; height:50px; line-height:50px; margin:0 10px; border-bottom:#409A9A solid 2px;}

.content1{ line-height:22px; padding:10px; }
.content1 img{max-width:100%;max-height: none;}

.content{ line-height:22px; padding:0 0 20px 0;}

.title{font-size:20px; padding:10px 0px; margin:5px 10px; text-align:center; color:#333333;border-bottom:#CCCCCC dashed 1px;}

.bankuai h3{ font-size:13px; color:#409A9A; border:#E6E6E6 solid 1px; background:#F5F5F5; line-height:30px; padding:0 10px;}

.tishi{ border:#ddd solid 1px; margin:15px auto; background:#FAFAFA; padding:8px;}



.news{ background:url(../images/new_bg.jpg) left top no-repeat; border-bottom:#CCCCCC dashed 1px; padding:10px 5px 5px 10px; margin-bottom:10px; height:100px; color:#999;}

.news a{ font-weight:bold; font-size:14px;}

.news img{ float:left; margin:5px;}



.tuwen{overflow:hidden;text-overflow:ellipsis; float:left; padding:5px 8px; width:210px;}

.tuwen .tuwen_image{ border:solid  #ccc 1px;position:relative;display:table-cell;text-align:center;vertical-align:middle; width:210px;height:210px;overflow:hidden;}

.tuwen .tuwen_image p {position:static;+position:absolute;top:50%}

.tuwen .tuwen_image img {position:static;+position:relative;top:-50%;left:-50%;}

.tuwen .tuwen_image{ text-align:center;}

.tuwen_name{ text-align:center;}



.video{width:350px; display:block; float:left; margin:0 10px 10px 0; text-align:center;}

.video_name{ padding:8px;}



.pro{overflow:hidden;text-overflow:ellipsis; float:left; padding:2px; margin:8px 12px;border:solid  #eee 1px;}

.pro_image{ position:relative;display:table-cell;text-align:center;vertical-align:middle;}

.pro_image p a {width:150px;height:150px;display: table-cell;vertical-align:middle;*display: block;text-align:center;}

.pro_image img {vertical-align:middle;}

.pro_name{ height:85px;overflow:hidden; text-align:center;}



#pro_show_right{float:right; width:400px; line-height:25px;}



.class_pro{ clear:both; padding:0 0 20px 0;}

.class_pro .more1{ float:right; }

.class_pro h2{  border-bottom:#E7D9D3 solid 1px; line-height:30px;}

.class_pro h2 a{color: #099;font-size:16px;}





#link_img{margin:0 auto; width:950px; padding:10px 0; text-align:center;clear:both;}

#link_img img{ margin:0 3px;}





#foot{ margin:3px auto;line-height:25px;padding:10px 0;color:#555; text-align:center;background: #E5E5E5 url(../images/foot_bg.jpg) repeat-x top ; clear:both; font-size:12px;}

#foot a{color:#555; font-size:12px;}



#foot_menu{ height:210px; padding:10px; width:960px; color:#555; margin:0 auto; overflow:hidden;}

#foot_menu a{color:#555;}

#foot_menu h3{ font-size:14px;}

#foot_menu div { width:230px; text-align:left; line-height:22px; float:left; display:block;}





#page {padding:8px; margin: 3px;  text-align: center; clear:both;}

#page a{border:#01B0ED 1px solid; padding:2px 5px; margin:2px; color:#01B0ED; text-decoration:none;}

#page a:hover{color:#FFFFFF; background:#01B0ED;}

#page span.current{border:#01B0ED 1px solid;padding:2px 5px; margin:2px;color: #FFFFFF;background:#01B0ED;}

#page span.disabled{border:#EEEEEE 1px solid;padding:2px 5px; margin:2px;color: #DDDDDD;}

#page span.text {border:#CCCCCC 1px solid;padding:2px 5px; margin:2px;color: #666666;}







#rightDiv{width:122px;display:block;overflow:hidden;position:absolute;z-index:200;}

#rightDiv p{height:27px;display:block;text-align:right;}

#rightDiv p a{color: #FFFFFF; padding:3px;}

.online_enbg{background:url(../images/online_topbg.gif);background-position:0px 0px;}

.online_cnbg{background:url(../images/online_topbg.gif);background-position:0px -27px;}

#rightDiv div{border: #6DB3FB solid 1px; background: #FFFFFF;text-align:center; padding:8px 0 0 0;}

#rightDiv a {margin:0 0 5px 0; display:block; padding:0;}





#lang{width:980px;margin:0 auto; clear:both; border-top:#B6B6B6 solid 1px; padding:10px 0 0 0;}

#lang a{ padding:0 0 0 20px; margin:0 3px 0 0; color:#555;}

.English { background:url(../images/flags/English.png) no-repeat left;}

.German { background:url(../images/flags/German.png) no-repeat left;}

.Spanish	{ background:url(../images/flags/Spanish.png) no-repeat left;} 

.French { background:url(../images/flags/French.png) no-repeat left;}

.Italian { background:url(../images/flags/Italian.png) no-repeat left;}

.Portuguese { background:url(../images/flags/Portuguese.png) no-repeat left;}

.Japanese { background:url(../images/flags/Japanese.png) no-repeat left;}

.Korean	 { background:url(../images/flags/Korean.png) no-repeat left;}

.Arabic { background:url(../images/flags/Arabic.png) no-repeat left;}

.Russian { background:url(../images/flags/Russian.png) no-repeat left;}

.Chinese{ background:url(../images/flags/Chinese.png) no-repeat left;}





#flash { width:100%; height:280px; overflow:hidden; margin:0 auto; clear:both; position:relative;padding:0;}

#flash a {width:100%; height:280px; display:none;text-indent:-99999px;}

#flash a strong{ display:none;}

.flash_bar { width:100%; padding-left:45%; z-index:69; height:30px; overflow:hidden; position:absolute;padding-top:13px!important; padding-top:12px; bottom:0px; left:0px; background:url(../images/banner/flashbar.png)  repeat-x  bottom ; text-align:center;}

.flash_bar .dq { display:block; float:left; width:8px; height:8px; margin:5px;cursor:pointer;

background:url(../images/banner/flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/banner/flash_p.png" ,sizingMethod="crop"); }

.flash_bar .no { display:block; float:left; width:8px; height:8px; margin:5px;  cursor:pointer;

background:url(../images/banner/flash_p2.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/banner/flash_p2.png" ,sizingMethod="crop"); }

#flashBg { height:280px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}

#flashLine {background:url(../images/banner/touming.png) repeat-x center bottom;height:280px; width:100%; clear:both;}