@charset "utf-8";
/*
 * artDialog skin
 * http://code.google.com/p/artdialog/
 * (c) 2009-2011 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://creativecommons.org/licenses/LGPL/2.1/
 */
 
.prolist{margin-top:10px;}
.prolist li a{display:block; padding:3px 0px 3px 10px; background:url(images/arr1.gif) no-repeat left 8px; color:#459FD3; line-height:130%;}
.prolist li a:hover,.prolist li a:active{color:#0066CC; background-position:left -32px;}

#mainC_l{width:220px; float:left;}
#mainC_r{width:750px; float:right; padding-bottom:20px;}

.pro_list li{float:left; width:166px; margin-right:25px;}
.pro_list li a{display:block; padding:3px 11px 3px 2px; color:#666; line-height:130%;}
.pro_list li a img{width:160px; height:160px; border:1px solid #E6E6E6; padding:1px;}
.pro_list li a span{display:block; padding-top:10px; text-align:center;}
.pro_list li a:hover,.pro_list li a:active{color:#F80;}
.pro_list li.clear{width:100%; height:23px; clear:both; float:none;}

.prolist_side li{border-bottom:1px solid #E6E6E6;}
.prolist_side li a{background:url(images/list_arr.gif) no-repeat 3px 13px !important; padding:9px 0px 9px 13px !important; font-size:12px;}
.prolist_side li a:hover,.prolist_side li a:active{background:url(images/list_arr.gif) no-repeat 3px -79px !important; color:#F60;}
.prolist_side_son{padding-bottom:10px !important;}
.prolist_side_son li{border-bottom:0px none;}
.prolist_side_son li a{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side li span.close{background:url(images/plus_minus.gif) no-repeat right 13px !important;}
.prolist_side li span.open{background:url(images/plus_minus.gif) no-repeat right -180px !important;}
.prolist_side_son li span.close{background:url(images/plus_minus.gif) no-repeat right 9px !important;}
.prolist_side_son li span.open{background:url(images/plus_minus.gif) no-repeat right -183px !important;}

.searHeight{
	font-style:normal; color:#F80;
}

#pro_btm{padding-bottom:10px; padding-top:17px; margin-top:25px; border-top:1px solid #E6E6E6;}
#pro_btm ul{display:block; font-size:0px; width:700px; height:65px; overflow:hidden;}
#pro_btm ul li{height:65px; width:300px; float:left; margin-right:20px; overflow:hidden;}
#pro_btm ul li a img{vertical-align:middle; border:1px solid #E6E6E6; margin-right:7px; display:inline-block; width:48px; height:48px;}
#pro_btm ul li a .span{vertical-align:middle; display:inline-block; width:240px;}
#pro_btm ul li a{font-size:12px !important;}

.bigfiles_list{color:#459FD3 !important;}
.bigfiles_list:hover,.bigfiles_list:active{color:#0066CC !important;}

.text{line-height:200%;}
.text p{margin-bottom:18px;}
/* common start */
body { _margin:0; _height:100%; /*IE6 BUG*/ }
.aui_outer { text-align:left; }
table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.aui_close:hover { text-decoration:none; }
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(../../AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/TSA8LRKH/icons/loading.gif) no-repeat center center; }
.aui_icon { vertical-align: middle; }
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.aui_buttons button:hover { color:#000; border-color:#666; }
.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; }
button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
/* common end */

.aui_inner { background:#FFF; border:1px solid #666; }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:3px; height:3px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5); }
.aui_titleBar { position:relative; height:100%;  }
.aui_title { position:absolute; top:0; left:0; width:100%; height:24px; text-indent:-9999em; overflow:hidden; font-size:0; }
.aui_state_drag .aui_title { color:#666; }
.aui_close { padding:0; top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; }
.aui_close:hover, .aui_close:active { text-decoration:none; color:#900; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }
@media screen and (min-width:0) {
	.aui_close { width:20px; height:20px; line-height:20px; right:-10px; top:-10px; border-radius:20px; background:#999; color:#FFF; box-shadow:0 1px 3px rgba(0, 0, 0, .3); -moz-transition: linear .06s; -webkit-transition: linear .06s; transition: linear .06s; }
	.aui_close:hover { width:24px; height:24px; line-height:24px; right:-12px; top:-12px; color:#FFF; box-shadow:0 1px 3px rgba(209, 40, 42, .5); background:#d1282a; border-radius:24px; }
	.aui_state_lock .aui_dialog { box-shadow:0 3px 26px rgba(0, 0, 0, .9); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; }
	.aui_dialog:active { box-shadow:0 0 5px rgba(0, 0, 0, .1)!important; }
	.aui_state_drag .aui_outer { box-shadow:none!important; }
}


.aGray{color:#999;}
.aGray:hover,.aGray:active{color:#888;}
.aGray2{color:#555;}
.aGray2:hover,.aGray2:active{color:#444;}
.aBlue{color:#0066CC;}
.aBlue:hover,.aBlue:active{color:#F70;}

#head{width:100%; height:30px; margin:auto; background:#0067AC;}
#headmenu{width:1000px; margin:auto; height:30px; text-align:right; position:relative; z-index:9;}
#headmenu a{display:inline-block; padding-left:16px; padding-right:16px; border-left:1px solid #297FB9; border-right:1px solid #297FB9; color:#A8CBE3; line-height:28px; height:30px; margin-left:-1px;}
#headmenu a:hover,#headmenu a:active{color:#FFF;}
#headmenuSon{background:#0067AC; width:140px; text-align:left; position:absolute; z-index:10; left:834px; top:30px; display:none;}
#headmenuSon a{display:block; padding:4px 10px; border:0px none; height:auto; line-height:normal;}
#headmenuSon a:hover,#headmenuSon a:active{color:#FFF; background:#005791;}

#top{width:1000px; height:100px; margin:auto;}
#logo{margin-top:33px; width:150px; height:35px; float:left;}
#menu{width:600px; height:80px; margin-top:20px; float:left; margin-left:30px;}
#menu li{float:left; display:block; position:relative; z-index:9;}
#menu li.split{float:left; display:block; width:1px; height:20px; padding-top:28px;}
#menu li a{display:inline-block; height:80px; padding:0px 20px; line-height:71px; font-size:14px;}
#menu li a:hover,#menu li a:active,#menu li a.A{color:#0067AC; background:url(images/menu_arr.gif) no-repeat center bottom;}
#menu li div{position:absolute; z-index:10; left:0; top:80px; background:#0067AC; width:99px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:15px; display:none;}
#menu li div a{
	display:block; height:auto; line-height:normal; width:auto;
	padding:8px 10px 8px 0px; color:#C2DBEB; font-size:12px; border-bottom:1px dotted #75ADD2;
}
#menu li div a:hover,#menu li div a:active{color:#FFF; border-bottom:1px dotted #FFF; background:none;}
#search{width:220px; height:28px; float:right; margin-top:42px;}

#banner{clear:both; width:100%; height:500px; background:#FFF; position:relative; z-index:1; overflow:hidden;}
#banner div{width:3000px; height:500px; position:absolute; top:0; left:50%; margin-left:-1500px; z-index:2; display:none;}

.solution{width:210px; height:245px; background:#FFF; position:absolute; z-index:6; left:0px; top:355px; border-left:1px solid #EEE; cursor:pointer;}

#mainbg{width:100%; height:35px; background:url(images/main_bg.png) repeat-x left bottom; clear:both;}
#bottom{width:100%; height:50px; background:#0067AC; clear:both;}
#foot{width:100%; background:#EEEEEE; height:220px; clear:both;}
#bottom_l{width:760px; padding-left:50px; height:50px; float:left; color:#FFF; font-size:14px; line-height:48px; background-image:url(images/bottom_bg.png); background-repeat:no-repeat; position:relative;}
#bottom_r{width:150px; text-align:center; height:50px; float:right; color:#FFF; font-size:14px; line-height:46px; position:relative; background:#F90; cursor:pointer;}
.fMenu{width:150px; float:left; margin-left:40px; margin-top:31px;}
.fMenu a{display:block; border-top:1px dotted #AAA; padding:10px 2px; color:#444;}
.fMenu a:hover,.fMenu a:active{color:#0066CC;}

#main{width:760px; margin:auto;}

#procatalog{border-top:1px dotted #CCC; margin-top:8px; padding-top:12px;}
#procatalog li{float:left; width:150px;}
#procatalog li a{display:block; padding:4px 0px 3px 10px; background:url(images/arr1.gif) no-repeat left 10px;}
#procatalog li a:hover,#procatalog li a:active{color:#0066CC; background-position:left -30px;}

#newslist{clear:both; padding-top:10px;}
#newslist a{display:block; padding:4px 0px 4px 10px; background:url(images/arr1.gif) no-repeat left 10px;}
#newslist a:hover,#newslist a:active{color:#0066CC; background-position:left -30px;}

.more{display:inline-block; width:70px; height:23px; padding-top:6px; text-align:center; background:url(images/more.png) no-repeat center top; color:#888;}
.more:hover,.more:active{color:#555;}

#qr{
	width:180px; height:170px;
	position:absolute; left:20px; top:662px;
	z-index:999; background:url(images/qr_bg.png);
}
#qr_close{
	display:block; width:13px; height:13px;
	background:url(images/qr_close.png) no-repeat left top;
	position:absolute; right:20px; top:0;
}
#qr_close:hover,#qr_close:active{background-position:left bottom;}



.prolist{margin-top:10px;}
.prolist li a{display:block; padding:3px 0px 3px 10px; background:url(images/arr1.gif) no-repeat left 8px; color:#459FD3; line-height:130%;}
.prolist li a:hover,.prolist li a:active{color:#0066CC; background-position:left -32px;}

#mainC_l{width:220px; float:left;}
#mainC_r{width:750px; float:right; padding-bottom:20px;}

.pro_list li{float:left; width:166px; margin-right:25px;}
.pro_list li a{display:block; padding:3px 11px 3px 2px; color:#666; line-height:130%;}
.pro_list li a img{width:160px; height:160px; border:1px solid #E6E6E6; padding:1px;}
.pro_list li a span{display:block; padding-top:10px; text-align:center;}
.pro_list li a:hover,.pro_list li a:active{color:#F80;}
.pro_list li.clear{width:100%; height:23px; clear:both; float:none;}

.prolist_side li{border-bottom:1px solid #E6E6E6;}
.prolist_side li a{background:url(images/list_arr.gif) no-repeat 3px 13px !important; padding:9px 0px 9px 13px !important; font-size:12px;}
.prolist_side li a:hover,.prolist_side li a:active{background:url(images/list_arr.gif) no-repeat 3px -79px !important; color:#F60;}
.prolist_side_son{padding-bottom:10px !important;}
.prolist_side_son li{border-bottom:0px none;}
.prolist_side_son li a{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side li span.close{background:url(images/plus_minus.gif) no-repeat right 13px !important;}
.prolist_side li span.open{background:url(images/plus_minus.gif) no-repeat right -180px !important;}
.prolist_side_son li span.close{background:url(images/plus_minus.gif) no-repeat right 9px !important;}
.prolist_side_son li span.open{background:url(images/plus_minus.gif) no-repeat right -183px !important;}

.searHeight{
	font-style:normal; color:#F80;
}

#pro_btm{padding-bottom:10px; padding-top:17px; margin-top:25px; border-top:1px solid #E6E6E6;}
#pro_btm ul{display:block; font-size:0px; width:700px; height:65px; overflow:hidden;}
#pro_btm ul li{height:65px; width:300px; float:left; margin-right:20px; overflow:hidden;}
#pro_btm ul li a img{vertical-align:middle; border:1px solid #E6E6E6; margin-right:7px; display:inline-block; width:48px; height:48px;}
#pro_btm ul li a .span{vertical-align:middle; display:inline-block; width:240px;}
#pro_btm ul li a{font-size:12px !important;}

.bigfiles_list{color:#459FD3 !important;}
.bigfiles_list:hover,.bigfiles_list:active{color:#0066CC !important;}

.text{line-height:200%;}
.text p{margin-bottom:18px;}


.pagebtnA{background:#F80 !important; color:#FFF !important; border:0px none !important;}

#focus_img{margin:auto; text-align:center;}
#focus_list{margin:auto;}
#focus_title{text-align:center; font-size:14px;}

.back{display:block; background:#EEE; padding:11px 0px 13px 0px; text-align:center; font-size:14px; border-radius:5px; box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1);}

.video{display:block; overflow:hidden; width:760px; padding-top:36px;}
.video li{float:left; width:220px; margin-right:40px; text-align:center;}
.video li a{display:block;}
.video li a img{padding:2px; border:2px solid #EEE;}
.video li a span{display:block; padding-top:10px; padding-bottom:16px; line-height:145%;}
.video li a:hover,.video li a:active{background:#0093DE;}
.video li a:hover img,.video li a:active img{border:2px solid #0093DE;}
.video li a:hover span,.video li a:active span{color:#FFF;}
.video li.clear{float:none; clear:both; width:100%; height:25px;}

.pro360{display:block; overflow:hidden; width:760px; padding-top:0px;}
.pro360 li{float:left; width:200px; margin-left:40px; text-align:center;}
.pro360 li a{}
.pro360 li a img{padding:2px; border:1px solid #EEE;}
.pro360 li a:hover,.pro360 li a:active{background:#fff;}
.pro360 li a:hover img,.pro360 li a:active img{}
.pro360 li a:hover span,.pro360 li a:active span{color:#FFF;}