@charset "gb2312";
/* CSS Document */
@font-face {
  font-family: 'AvantGarde';
  src:url(../font/AVGARDN.TTF);
}

/*È«¾Ö*/
html,body{ margin:0; padding:0; overflow-x:hidden; font-family:"Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå"; font-size:0.875em;}
ul,li,h1,h2,h3,h4,h5,h6,p,dd,dt,dl,span,em,b,i{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none; color:#333; font:normal 14px/20px "Microsoft YaHei","Î¢ÈíÑÅºÚ"; blr:expression(this.onFocus=this.blur())}
a:hover{ color:#d90000; text-decoration:none;}
input{ border:0; outline:none; resize:none}
img, object{ border:0; -ms-interpolation-mode: bicubic;}
:focus{outline:0;}
.clear{clear:both;height:0;overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.box{ position:relative;} 
.box img { position:absolute; top:-50%; right:-50%; bottom:-50%; left:-50%;min-height:100%; min-width:100%;}
.w1000{ width:1000px; margin:0 auto;}

/* side-bar */
.side-pannel{position:fixed;left:50%;margin-left:520px;z-index:99;font:12px/180% Arial, Helvetica, sans-serif, "ÐÂËÎÌå"; }
.side-bar{border-radius:4px;border-bottom:none;bottom:100px;background:#d90000;}
.side-bar a{display:block;cursor:pointer;width:70px;height:46px;border-radius:4px;position:relative;color:#676767;text-align:center;text-decoration:none;}
.side-bar a:hover{background:#333;}
.side-bar a.gotop s{position:absolute;top:50%;left:17px;}
.g-icon-top{height:20px;width:35px;margin-top:-10px;}
.g-icon-top{background-image:url(../images/sprite1.png)}

/*focus*/
.focus {height:494px;overflow:hidden;position:relative;background:#ccc; float:left; width:100%;}
.focus_m ul {width:100%;height:494px;overflow:hidden;}
.focus_m li {width:100%;height:494px;_float:left;}
.focus_m li.li_1 {background:url(../images/banner2.jpg) center top no-repeat #288cc0;background-size: 100% 100%;}
.focus_m li.li_2 {background:url(../images/banner5.jpg) center top no-repeat #76b7d8;background-size: 100% 100%;}
.focus_m li.li_3 {background:url(../images/banner4.jpg) center top no-repeat #bb3838;background-size: 100% 100%;}
.focus_s {height:0;position:relative;margin:0 auto;z-index:2;width:1000px;}
.focus_s ul {height:12px;overflow:hidden;position:absolute;left:50%;top:450px;}
.focus_s li {float:left;cursor:pointer;height:12px;width:12px;overflow:hidden;margin-right:10px;}
.focus_s li b {display:block;text-indent:-999em;background:url(../images/circle.png) 0 0 no-repeat;width:12px;height:32px;overflow:hidden;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src='images/circle.png');_background:none;}
.focus_s li.active b {margin-top:-20px;}


.top{ float:left; width:100%; height:35px; background:#333;}
	.top span{ color:#ccc; font-style:normal; font-size:14px; line-height:33px;}
	.top a{ padding-left:25px; line-height:33px; height:35px; color:#CCC; font-size:12px;}
	.top a:hover{ color:#FFF;}
	.t_cpzx{ background:url(../images/topaicon.png) 0 -1px no-repeat; margin-right:10px; padding-right:10px; border-right:1px solid #CCC;}
	.t_zxkf{ background:url(../images/topaicon.png) 0 -35px no-repeat;}
	.top_prlist{float:right; margin-top:7px; margin-left:15px;}
	.selectprlist{ width:120px; height:20px; border:0;}

.nav{ float:left; width:100%; height:98px; background:url(../images/navbg.gif) repeat-x;}
	.logo{ float:left; margin-top:23px; position:relative;}
	.logo dt.platform_home{ width:30px; height:17px; background: url(../images/platform_home.png) no-repeat; position:absolute; right:-25px; top:-5px; display:none;}
	.logo:hover dt.platform_home{ display: block;}
	
.menu li{ float:left; width:101px; height:98px; text-align:center; position:relative; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; margin-right:-1px;}
.menu li a{ font:normal 14px/90px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå"; width:100%; height:90px; display:block; position:absolute; z-index:7}
.menu li dt{ width:107px; height:98px; background:url(../images/menuhover.png) no-repeat; position:absolute; display:none; left:-6px;}
.menu li:hover dt{ display:block;}
.menu li:hover a{ color:#FFF;}

.maind{ float:left; width:100%; height:69px; background:url(../images/maind.png) repeat-x;}
.hotkeywords { float:left; height:63px; line-height:63px; padding-left:40px; margin-left:20px; background:url(../images/topaicon.png) 0 -58px no-repeat;}
.hotkeywords a{ margin:0 7px; font-size:12px}

.search{ margin-top:15px;}
.searchtext{ width:189px; height:33px; background:url(../images/searchtext.png) no-repeat; float:left;}
.searchtext input{ padding-left:15px; height:31px; line-height:31p\x; background:none}
.searchbutton{float:left;}
.search-submit{ width:43px; height:33px; background:url(../images/searchbutton.png); border:none;}

.main{ float:left; width:100%; padding-top:50px; padding-bottom:60px;}

.cpyy{ float:left; width:100%; margin-bottom:70px;}
.cpyytitle{ float:left; width:100%; height:60px; background:url(../images/cpyy_copy.jpg) top center no-repeat;}
.mr_frbox{width:100%; float:left; margin-top:20px; position:relative;}
.mr_frBtnL{float:left; cursor:pointer;display:inline; position:absolute; top:220px; left:46%;}
.mr_frBtnR{float:right;cursor:pointer; position:absolute; top:220px; right:46%;}
.mr_frUl{float:left;width:540px;}
.mr_frUl ul li{display:inline;float:left;height:240px;width:236px;margin-left:8px; margin-right:5px;}
.mr_frUl ul li a{height:167px;width:236px; float:left; overflow:hidden; position:relative; background:#CCC;}
.mr_frUl ul li img{display:block;position:absolute; margin:auto; left:-50%; top:-50%; right:-50%; bottom:-50%; min-width:236px; min-height:167px; max-width:300px; max-width:300px;}
.mr_frUl ul li a:hover img{border:1px solid #A0C0EB;}
.mr_frUl ul li p{ text-align:center; line-height:45px;}

.productcentre{ float:left; width:100%;}
.left_pr_type{ float:left; width:200px;}
.pr_type-title{ float:left; width:100%; height:65px; background:url(../images/pr_type-title.jpg) no-repeat; text-align:center; color:#FFF;}
	.pr_type-title h2{ margin-top:16px; font:bold 18px/20px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå";}
	.pr_type-title p{ text-transform:uppercase; font:normal 10px/18px Arial, sans-serif;}
.pr_type-list{ float:left; width:160px; border:3px solid #666; border-top:0; padding:8px 17px;}
.pr_type-list ul{ margin:5px 0; float:left;}
.pr_type-list span{ float:left; width:120px; height:32px; color:#FFF; margin-bottom:10px; padding-left:40px; text-align:left; line-height:30px; font-size:14px; background:#444 url(../images/topaicon.png) 12px -130px no-repeat;}
.pr_type-list li{ float:left; width:100%; height:28px; border-bottom:1px dotted #DDD; background:url(../images/triangle-right.gif) 5px center no-repeat;}
.pr_type-list li a{ line-height:28px; padding-left:25px; font-size:12px;}

.right_pr_type{ float:right; width:770px;}
.typname{ float:left; width:93%; height:41px; color:#FFF; margin-bottom:10px; text-align:left; padding-left:7%; line-height:40px; font-size:14px; background:#444 url(../images/topaicon.png) 18px -125px no-repeat;}
.typname a{ float:right; color:#CCC; margin-right:15px; line-height:40px; font-size:12px}

.right_pr_body{ float:left; width:100%; margin-top:20px;}
.right_pr_body li{ float:left; width:236px; height:210px; margin:10px;}
.right_pr_body li a{ float:left; width:236px; height:173px; border:1px solid #DEDEDE; position:relative; overflow:hidden; background:url(../images/plus2.png) right top no-repeat;}
.right_pr_body li a img{ position:absolute; margin:auto; left:-50%; top:-50%; right:-50%; bottom:-50%; min-width:238px; min-height:173px; max-width:300px; max-width:300px;}
.right_pr_body li p{ text-align:center; line-height:45px;}
.right_pr_body li a:hover{ border:1px solid #d90000; background:url(../images/plus.png) right top no-repeat;}

.liucheng{ width:100%; height:199px; float:left; background:url(../images/liucheng.png) no-repeat; margin-top:30px;}

.contact{ float:left; width:100%; height:408px; background:#5b5b5b url(../images/feedbookbg.jpg) top center no-repeat; margin-top:60px;}
.contact_title{ float:left; width:100%; color:#fff; margin-top:30px;}
.contact_title h1{ float:left; font:bold 20px/30px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå";}
.contact_title h2{ float:left; font: normal 13px/38px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå"; text-transform:uppercase; margin-left:5px;}

.contact_from{ float:left; margin-top:20px; margin-left:10px; width:700px;}
.contact_from LI{ float:left; width:300px; margin-right:20px; margin-bottom:15px;}
.contact_from LI .intxt{ width:200px; height:30px; padding:0 10px;}
.contact_from span{ float:left; width:70px; font:normal 14px/30px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå"; color:#ddd; text-align:right;}
.contact_from ul{ float:left;}
.c-beizhu{ width:520px; height:100px; margin:0; padding:10px; border:0;}
.coolbgdiv{ float:left; margin-left:70px; margin-top:10px;}
.coolbg,.coolbg2{ width:147px; height:42px; cursor:pointer; color:#FFF;}
.coolbg{ background-color:#ff7800;}
.coolbg2{ background-color:#017af3;}

.youshi{ float:left; width:100%; background: url(../images/youshi.jpg) top center no-repeat; padding-top:60px;}

.youshititle{ float:left; width:100%; height:67px; background:url(../images/youshi.png) top center no-repeat; position:relative; padding-bottom:20px; margin-bottom:50px;}
.line1{ float:left; width:100%; height:6px; position:absolute; bottom:0; background:url(../images/line1.gif) repeat-x;}

.d4-1{ float:left; width:100%; height:400px; background:url(../images/d4-1.jpg) center right no-repeat;}
.d4-1 p{ padding-bottom:5px; float:left; width:100%;}
.tt-d4{ width:440px; border-bottom:1px solid #DDD; padding-bottom:15px; margin-bottom:15px;}
	.tt-num-1{ float:left; width:48px; height:59px; background:url(../images/1234.png) 0 0 no-repeat; margin-right:10px;}
	.tt-num-2{ float:left; width:48px; height:59px; background:url(../images/1234.png) -48px 0 no-repeat; margin-right:10px;}
	.tt-num-3{ float:left; width:48px; height:59px; background:url(../images/1234.png) -96px 0 no-repeat; margin-right:10px;}
	.tt-num-4{ float:left; width:48px; height:59px; background:url(../images/1234.png) -143px 0 no-repeat; margin-right:10px;}
.tt-d4 h1{ color:#444;}
.tt-d4 span{ color:#CCC;}
.d4-1 li{ padding-left:30px; background:url(../images/topaicon.png) 0 -220px no-repeat; width:100%; float:left; height:28px; margin-left:20px; font-size:13px; color:#777;}

.d4-2{ float:right; width:50%; height:400px; background:url(../images/d4-2.jpg) top left no-repeat; padding-left:50%; margin-top:20px;}
.d4-2 p{ padding-bottom:15px; float:left; width:100%;}
.d4-2 li{ padding-left:30px; background:url(../images/topaicon.png) 0 -220px no-repeat; width:100%; float:left; height:28px; margin-left:20px; font-size:13px; color:#777;}

.adbanner{ float:left; width:100%; height:140px; background:url(../images/adbanner.jpg) center center no-repeat;}

.jianjie{ float:left; margin-top:70px; width:100%; height:263px; background:url(../images/jianjie.jpg) center center no-repeat;}
.jianjie p.about{ float:right; width:500px; height:175px; overflow:hidden; margin-top:50px; line-height:27px; font-size:14px; color:#666;}
.jianjie a{ width:100px; height:32px; border:2px solid #333; float:left; text-align:center; line-height:30px; margin-left:500px;}
.jianjie a:hover{ border:2px solid #d90000;}

.crcm{ float:left; width:100%; padding-top:20px; margin-top:50px; background:url(../images/line2.jpg) top center no-repeat;}

.qna{ float:left; width:405px; height:390px; background:#fbfbfb;}
.qnnews{ float:left; width:100%; margin-top:50px;}
.qnatiele{ float:left; width:100%; height:80px; background:url(../images/qna.jpg) 20px bottom no-repeat;}
.qnatiele a.more{ width:50px; height:50px; float:right; background:url(../images/more.jpg) no-repeat; display:block; margin:20px;}
.qnatiele a.more:hover{background:url(../images/more2.jpg) no-repeat;}
.news{ float:right; width:580px; height:390px;}

.qnabody{ float:left; padding:20px;}
.qnabody li{ float:left; width:100%; margin-bottom:12px;}
.qnabody p{ font-size:13px; line-height:22px; color:#666;}
.qnabody dt{ float:left; width:60px; height:2px; background:#ca2827; margin-top:10px;}

.newstiele{ float:left; width:100%; height:60px; background:url(../images/news.jpg) 20px bottom no-repeat;}
.newstiele a.more{ width:50px; height:50px; float:right; background:url(../images/more.jpg) no-repeat; display:block; margin:20px;}
.newstiele a.more:hover{background:url(../images/more2.jpg) no-repeat;}

.newsbody{ float:left; padding:20px;}
.newsbody ul{ float:left; width:100%; padding-bottom:15px; margin-bottom:20px; border-bottom:1px dotted #DDD;}
.newsbody ul dt{ float:left; width:140px; height:100px; padding:3px; border:1px solid #DDD; margin-right:15px; overflow:hidden;}
.newsbody ul h4{ font:bold 14px/26px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå";}
.newsbody ul p{ color:#666; height:45px; line-height:21px; overflow:hidden;}
.newsbody ul span{ width:100px; height:28px; background:#333; text-align:center; line-height:28px; float:left; margin-top:3px;}
.newsbody ul span a{ color:#FFF;}
.newsbody ul span:hover{ background:#ca2827;}
.newsbody li{ float:left; width:100%; height:30px; border-bottom:1px dashed #DDD; background:url(../images/triangle-right.gif) left center no-repeat;}
.newsbody li a{ float:left; margin-left:25px; line-height:30px; }
.newsbody li span{ float:right; color:#999; line-height:30px; }

.footer{ float:left; width:100%; height:190px; background:#2b2b2b;}
.bottom{ float:left; width:100%; height:45px; background:#191919; text-align:center; line-height:45px; color:#666;}
.bottom a{color:#666;}.bottom a:hover{ text-decoration:underline;}

.footleft{ float:left; width:375px;}
.footlefttext{ float:left; color:#FFF; margin-top:40px;}
.footleft h1 span{ font:bold 16px/18px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå";}
.footleft h1 b{ font-size:27px; font-style:italic; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif}
.footleft p a{ color:#DDD; margin:0 10px; line-height:28px;}
.footleft p a:hover{ color:#ed1c24}
.footleft dt{ width:120px; height:30px; background:#000; text-align:center; margin:10px 5px;}
.footleft dt a{ color:#FFF; width:100%; height:100%; display:block; line-height:27px;}
.footleft dt:hover{ background:#ed1c24;}

.footright{ float:right;}
.footright ul{ float:left; width:140px; height:150px; margin-top:20px; padding-top:5px; text-align:center; border-left:1px solid #444; border-right:1px solid #444; margin-left:-1px;}
.footright ul span{ font-size:14px; color:#FFF; line-height:35px;}
.footright ul li a{ line-height:22px; font-size:13px; color:#999;}
.footright ul li a:hover{ color:#eee;}



.singlepage_content{ float:right; width:770px;}
.postion{ float:left; width:100%; height:40px; background:#444 url(../images/topaicon.png) 20px -125px no-repeat;}
.postion span{ float:left; padding-left:50px; color:#EEE; font:normal 14px/40px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå";}
.position{ float:right; font-size:14px; color:#EEE; line-height:40px; padding-right:20px;}
.position i{ margin-right:10px;}
.position a{ color:#CCC; font-size:13px;}
.position a:hover{ color:#FFF;}

.content_body{ float:left; margin-top:40px;}
.singlepage{ line-height:200%; color:#666; padding:1%; width:98%; }

.productlist{ width:100%;}
.productlist li{ float:left; width:230px; height:210px; padding:4px; margin:8px; border:1px solid #DDD;}
.productlist li dt{ float:left; width:100%; height:170px; position:relative; overflow:hidden;}
.productlist li dt img{ position:absolute; margin:auto; top:-50%; right:-50%; bottom:-50%; left:-50%; min-width:100%; min-height:100%; max-width:150%; max-height:150%;}
.productlist li p{ text-align:center; line-height:40px;}

.pagelist{ float:left; margin-top:20px; width:100%; margin-left:10px;}
	.pagelist li{ float:left; margin-right:1px;}
	.pagelist li a{ float:left; padding:6px 14px; display:block; border:1px solid #DDD; }
	.pagelist li.thisclass{ background:#c00; color:#FFF;}
	.pagelist li.thisclass a { color:#FFF; border:1px solid #c00; }
	.pagelist span.pageinfo{ padding: 5px 10px; font:normal 12px "Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå"; color:#999; border:1px solid #DDD;}

.articlelist{ width:100%;}
.articlelist li{ float:left; border-bottom:1px dashed #DDD; margin-bottom:15px; padding-bottom:10px; width:100%;}
.articlelist li i{ float:left; margin-right:15px; line-height:30px;}
.articlelist li a{ float:left; font-size:16px; line-height:30px;}
.articlelist li span{ float:right; font-size:14px; color:#666;}
.articlelist li p{ float:left; width:97.5%; padding-left:2.5%; margin-top:5px; line-height:22px; color:#999;}

.article_article{ width:98%; padding:1%;}
.article_body{ line-height:200%; font-size:120%;}
.article_body img{ width:50%}


.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }









