﻿*{margin:0;padding:0;font-family:"微软雅黑",arial;font-size:14px;color:#333}
a,a:hover,a:active{text-decoration:none;background:none}
img{border:none;vertical-align:middle}
li{list-style:none}
.clear{clear:both}
.warp{display:block;width:1200px;margin:0 auto}
.hidden{display:none}
.more_button,.more_button:hover{display:inline-block;width:85px;height:24px;line-height:24px;text-align:center;color:#fff;background:#00A3FF;font-size:14px;font-weight:100}
.more_button:hover{text-decoration:underline}
.more_button_ico{display:block;width:16px;height:24px;float:right;background:url(images/icos_bg.png) right top no-repeat}
.ico_list{display:inline-block;background:url(images/icos_bg.png) no-repeat -224px -226px;width:12px;height:12px;vertical-align:middle;margin-right:10px}
#page_header{display:block;width:100%;padding:0;height:80px}
#logo{float:left;width:170px;margin-top:8px}
#logo img{width:140px}
#mainNav{float:left;width:700px}
#mainNav .hover a,#header_nav a:hover{color:#F8C800}
#mainNav ul.wrap{position:relative;z-index:1000}
#mainNav ul li{display:inline-block;text-align:center;overflow:hidden;padding:5px;line-height:70px;text-align:center;float:left;zoom:1}
#mainNav ul li a{font-size:16px;padding:8px;color:#272727}
#mainNav ul li.hover,#mainNav ul li.cur{color:#F8C800;position:relative}
#mainNav ul li.hover a,#mainNav ul li.cur a{color:#F8C800}
#mainNav ul li .first{background:#E0E0E0 url(images/main_nav_left.gif) no-repeat left top;width:74px}
#mainNav ul li.hover .first,#mainNav ul li.cur .first{background:#19B4EA url(images/main_nav_left.gif) no-repeat left bottom}
#mainNav ul li .last{background:#E0E0E0 url(images/main_nav_right.gif) no-repeat right top;margin-right:-1px}
#mainNav ul li.hover .last,#mainNav ul li.cur .last{background:#19B4EA url(images/main_nav_right.gif) no-repeat right bottom}
#mainNav ul ul{min-width:125px;_width:125px;display:none;position:absolute;top:100%;left:0;border-top:1px solid white;background:#E0E0E0}
#mainNav ul ul li{font-weight:normal;background:#E0E0E0;line-height:50px;float:none}
#mainNav ul li.hover ul li a{color:#24313C;border-right:none;display:inline-block}
#mainNav ul li.hover ul li.hover a{color:#FFF}
#mainNav ul li.hover ul a.parent{background:url(images/icon_red.gif) no-repeat 100px 50%}
#mainNav ul ul ul{left:100%;top:0;border-top:0;_border-top:1px}
#mainNav ul li.hover ul li.hover ul li a{color:#24313C}
#mainNav ul li.hover ul li.hover ul li.hover a{color:#FFF}
.slideShow{position:relative;margin:0 auto 10px;padding:0;*zoom:1}
.slideShow .slides a{display:block;height:600px;background-repeat:no-repeat;background-position:center center}
.slideShow .slideBox{background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.slideShow .slideLoading{min-height:50px;background:url(images/slide_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.slideShow .arrowBox a{z-index:50;font-family:\5b8b\4f53,sans-serif;position:absolute;display:block;margin-bottom:-20px;width:98px;height:98px;bottom:45%;line-height:98px;text-decoration:none;text-align:center;color:#fff;font-size:6em;-webkit-border-radius:98px;-moz-border-radius:98px;border-radius:98px;border:1px solid #fff;behavior:url(js/PIE.htc)}
.slideShow .arrowBox a{display:none}
.slideShow .arrowBox a.disabled{display:none}
.slideShow .arrowBox .arrowPrev{left:10px}
.slideShow .arrowBox .arrowNext{right:10px}
.slideShow .arrowBox a:hover{border:1px solid #fff;color:#fff}
.slideShow .arrowBox a:active{border:1px solid #F8C800;color:#F8C800}
.slideShow .controlBox{z-index:99999;position:absolute;bottom:10px;width:100%;text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666}
.slideShow .controlBox .control{display:inline-block;*zoom:1;*display:inline}
.slideShow .controlBox.controlDefault a{display:inline-block;text-indent:-9999px;overflow:hidden;margin:0 5px;border:1px solid #019FFF;width:15px;height:15px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;behavior:url(js/PIE.htc)}
.slideShow .controlBox.controlDefault a:hover,.slideShow .controlBox.controlDefault a.active{background:#019FFF;box-shadow:0 0 10px #fff;behavior:url(js/PIE.htc)}
.slideShow .slideTitle{z-index:20;position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}
.slideShow .slideTitle span{color:#fff;display:block;font-size:.85em;padding:15px 10px}
.slideShow .sileThumb{z-index:30;text-align:center;position:absolute;bottom:8px;right:8px}
.slideShow .sileThumb a{margin:0 3px}
.slideShow .sileThumb a img{border:solid #B0B0B0 1px}
.slideShow .sileThumb a.active img{border:solid #19B4EA 1px}
#header_info{float:right;padding-top:30px}
#weixin{float:left;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;cursor:pointer;position:relative;line-height:20px;color:#272727}
#weixin:hover{text-decoration:underline}
.ico_weixin{display:block;float:left;width:21px;height:21px;vertical-align:middle;background:url(images/icos_bg.png) no-repeat -224px -59px;margin-right:5px}
.qr_code{display:none;position:absolute;background:url(images/qr_code.jpg) no-repeat center center #fff;z-index:1000;width:180px;height:180px;padding:5px;border:1px solid #ddd;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;top:30px;left:-85px}
.arrow{display:block;width:15px;height:15px;background:url(images/icos_bg.png) no-repeat -226px -88px;margin-top:-13px;margin-left:80px}
#language{float:left;min-width:40px;line-height:20px}
#language a{color:#272727}
#language a:hover{text-decoration:underline}
#servers{float:left;margin-left:10px;line-height:20px;margin-top:-10px}
.ico_content{direction:block;float:left;background:url(images/icos_bg.png) no-repeat -224px 0;width:43px;height:43px;margin-right:5px;vertical-align:middle}
#servers p{float:left;color:#0070CE;letter-spacing:5px;font-size:15px}
#servers span{display:block;letter-spacing:0px;color:#0070CE;color:#0070CE;font-size:17px}
#page_footer{display:block;width:100%}
.footer_nav{display:block;background:#019FFF;padding:20px 0}
.footer_nav dl{display:block;float:left;width:200px}
.footer_nav dt{font-size:18px;font-weight:bold;color:#fff;height:30px}
.footer_nav a{line-height:25px;color:#fff}
.footer_nav a:hover{text-decoration:underline}
.links dt,.links dd{display:inline;color:#999}
.links dd{border-right:1px solid #ddd;padding-right:3px;margin-right:3px}
.links dd:last-of-type{border:none}
.links a{color:#999}
.links a:hover{color:#F8C800;text-decoration:underline}
.copyright{background:#000;height:100px;line-height:100px}
.copyright span{padding-right:20px;color:#aaa}
#sub_page_banner{display:block;height:400px;background:url(images/sub_banner_bg.jpg) no-repeat center top}
#sub_page_banner hgroup{display:block;padding:90px 0 0 20px}
#sub_page_banner h1{display:block;font-size:60px;color:#fff;font-weight:100;line-height:70px}
#sub_page_banner h2{font-size:35px;color:#fff;font-weight:100}
#navigation{display:block;line-height:75px;border-bottom:1px solid #ddd;margin-bottom:25px}
#navigation dt,#navigation dd{display:inline;font-weight:bold;color:#999}
#navigation dd{}
#navigation a{margin-right:5px;margin-left:5px;font-weight:bold;color:#999}
#navigation a:hover{text-decoration:underline}
#left_aside{float:left;width:280px;overflow:hidden;margin-bottom:20px}
.aside_module{margin-bottom:20px;border:1px solid #ddd}
.aside_module_title{display:block;background:#019FFF;text-align:center;font-weight:100;font-size:24px;line-height:60px;color:#fff}
#aside_connect dl.noborderbottom{border-bottom:0px}
.aside_module_content{padding:10px 20px}
#left_menu{display:block}
.left_menu_list{display:block;line-height:50px;padding:10px 0}
.left_menu_list li{padding:0 20px}
.left_menu_list li:hover{background:#f2f2f2}
.left_menu_list .ico_list{margin-top:-3px;margin-right:20px}
.left_menu_list a{font-size:18px}
.left_menu_list a.checked,.left_menu_list a:hover{color:#00A3FF}
.left_menu_list .aside_child{padding:0}
.left_menu_list .aside_child li{padding-left:40px}
#aside_logo figcaption{display:block;width:100%;height:65px;overflow:hidden;text-align:center;border-bottom:1px dashed #ddd;padding:5px 0px}
#aside_logo img{max-width:100%;max-height:100%}
#aside_logo p{font-size:18px;font-weight:bold;color:#999;text-align:center;padding:5px 0px}
#aside_servers{line-height:20px;text-align:center;border-bottom:1px dashed #ddd;padding-bottom:10px;padding-top:20px}
#aside_servers .ico_content{float:none;display:inline-block;vertical-align:top}
#aside_servers p{display:inline-block;color:#0070CE;font-size:20px;font-weight:bold;text-align:center}
#aside_servers span{display:block;color:#0070CE;color:#0070CE;font-size:20px}
.company_name{font-weight:bold;color:#999;padding:10px 0;border-bottom:1px dashed #ddd;text-align:left}
#aside_connect dl{display:block;padding:10px 0;border-bottom:1px dashed #ddd;clear:both;height:20px!important}
#aside_connect dt,#aside_connect dd{display:inline-block;vertical-align:top;color:#999;float:left!important}
#aside_connect dt{width:85px}
#aside_connect dd{width:148px}
#right_content{float:right;width:880px;overflow:hidden;margin-bottom:20px;position:relative;min-height:500px}
#subpage_content{margin-bottom:20px;position:relative;min-height:500px}
#pages_bar{display:block;position:absolute;width:100%;text-align:center;line-height:30px;bottom:0;left:0}
#pages_bar span{color:#999}
#pages_bar output{padding:0 3px}
#pages_bar a{border:1px solid #ddd;color:#999;display:inline-block;padding:3px 10px;min-width:20px;text-align:center}
#pages_bar .this_page{background:#efefef}
.brief,.name{line-height:30px}
.productList{padding-bottom:50px}
#products_list{display:block;list-style:none}
#products_list li{display:block;float:left;width:279px;float:left;margin-right:20px;margin-bottom:30px}
#products_list li:nth-of-type(3n),#products_list li.no_margin{margin-right:0}
#products_list .img_box{display:block;width:100%;height:279px;border:1px solid #ddd;overflow:hidden}
#products_list img{width:100%}
#products_list p{display:block;font-size:16px;font-weight:bold;height:30px;line-height:30px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:20px 0}
#product_info header{display:block;margin-bottom:20px}
#product_info .product_img{display:block;width:422px;height:282px;max-height:422px;border:1px solid #ddd;float:left;overflow:hidden}
#product_info .product_img img{width:100%;margin-left:0%;height:100%}
#product_info .product_name{display:block;float:left;margin-left:20px;width:398px}
#product_info .product_title{font-weight:bold;font-size:24px;display:block;margin-bottom:20px;color:#333333}
#product_info .product_des{color:#999}
#product_info section{display:block;border-top:1px solid #ddd;padding:20px 0}
#product_info .section_title{display:block;margin-bottom:10px;font-size:22px;color:#00A3FF}
#about_banner{text-align:center;margin-bottom:40px}
#support_banner{margin-bottom:40px}
.support_title{display:block;background:#FCCC00;font-size:24px;height:45px;line-height:45px;text-indent:20px;width:400px;color:#fff;margin-bottom:20px}
.support_li{margin-bottom:40px}
.support_li span{font-size:18px;line-height:30px;color:#999}
.recruitment_title{display:block;background:#FCCC00;font-size:24px;height:45px;line-height:45px;text-indent:20px;width:600px;color:#fff;margin-bottom:20px}
.bg_ico{float:right;display:block;width:30px;height:45px;background:url(images/icos_bg.png) no-repeat right -43px}
.recruitment_li{margin-bottom:20px}
.recruitment_li dl{display:block;margin-bottom:20px;padding:0 20px}
.recruitment_li dt{display:block;font-weight:bold}
#servers_banner{text-align:center;margin-bottom:40px}
#article{line-height:35px}
#article h4{font-size:18px;margin-bottom:10px}
#article span{display:block;text-indent:2em;word-break:break-word;text-align:justify;word-wrap:break-word;margin-bottom:40px}
#article p{font-size:16px;margin-bottom:10px;color:#333333}
#page_article{width:100%;overflow:hidden;text-align:justify;word-wrap:break-word;word-spacing:normal;word-break:break-word}
#page_article_title{border-bottom:1px dashed #ccc;padding-bottom:20px;margin-bottom:20px;text-align:center;color:#333333;font-size:30px}
#edotor_content *{font-size:14px;font-family:"微软雅黑";line-height:25px;margin-bottom:12px}
.solution_title{display:block;margin:0 auto}
#solution_list{display:block;padding:40px 0}
#solution_list li{display:block;margin-bottom:40px}
.solution_list_ico{display:inline-block;width:47px;height:47px;float:left}
.solution_list_content{display:inline-block;width:800px;margin-left:20px}
.solution_list_content h4{font-size:18px;font-weight:bold;margin-bottom:15px}
.solution_list_content p{color:#999;font-size:18px}
#honer_banner{text-align:center;margin-bottom:40px}
#right_content .honer li{display:block;float:left;text-align:center;margin:10px}
#right_content .honer li span{display:block;width:398px;height:580px;padding:10px;border:1px solid #ddd}
#right_content .honer li img{max-width:100%;max-height:100%;vertical-align:middle}
#right_content .honer li p{display:block;height:40px;overflow:hidden;line-height:40px;margin-bottom:20px;font-size:24px;color:#999}
#message_form table{border-collapse:collapse}
.message_banner{text-align:center;padding:20px 0}
#bookAdd th,#bookAdd td{padding:7px 0}
#bookAdd th{text-align:right;font-size:18px;font-weight:100;line-height:30px;width:100px;vertical-align:top;line-height:40px}
#bookAdd td{width:750px}
#bookAdd input{height:40px;padding:0 10px;width:95%;border:1px solid #ddd}
#bookAdd textarea{width:95%;height:350px;resize:lightgrey;padding:10px;border:1px solid #ddd}
#bookAdd .error{border:1px solid #ff7575}
#bookAdd .error_message{color:#f00;background:none;padding:5px 0}
#bookAdd #submit_button{font-size:20px;height:45px;line-height:45px;width:170px;display:block;margin:40px auto;text-align:center;color:#FFF;background:#00A3FF;font-weight:100;padding:0;border:none}
.news_list li{display:block;padding:0 0 10px 0;margin-bottom:10px;line-height:30px}
.see_more{display:block;float:right;padding:5px 30px;line-height:25px;background:#00A3FF;color:#fff}
.see_more:hover{background:#40B6FC}
.img{display:block;float:left;text-align:center;line-height:180px;border:1px solid #ddd;margin-right:20px;overflow:hidden}
.img img{display:inline;vertical-align:middle;max-width:100%;max-height:100%;margin-top:-3px}
.preview{display:block;float:left;width:548px}
.preview_title a{color:#00A3FF;font-size:22px;height:40px;overflow:hidden;line-height:40px}
.preview_date{color:#999999;padding-right:20px}
.preview_veiws{color:#999}
.preview_text{display:block;border-top:1px dashed #ddd;position:relative;height:100px;overflow:hidden;padding:20px 110px 10px 0;text-overflow:ellipsis}
.preview_text .see_more{position:absolute;right:0;bottom:0}
.news_list .single a:hover{color:#999999}
#page_article{width:100%;overflow:hidden;text-align:justify;word-wrap:break-word;word-spacing:normal;word-break:break-word}
#page_article_title{border-bottom:1px dashed #ccc;padding-bottom:20px;margin-bottom:20px;text-align:center}
#page_article_title p{font-size:30px}
#page_article_title span{color:#999;padding:0 10px}
.articlePage .news_list li{border-bottom:1px dashed #ddd;padding:0 0 10px 0}
.articlePage .news_list .ico_list{float:left;margin-top:9px}
.articlePage .title{display:block;float:left;width:650px;overflow:hidden;text-overflow:ellipsis;font-weight:bold;height:30px}
.articlePage .title a:hover{color:#00A3FF}
.articlePage .news_list .news_show .img img{margin-top:0px}
.articlePage .single a.see_more:hover,.preview a.see_more:hover{background:#F8C800;color:#fff}
.preview a.see_more{bottom:30px}
.preview a.see_more1{bottom:20px}
.articlePage .date{color:#999999;margin-right:20px}
.articlePage .img{display:none}
.articlePage .news_show .img{display:block;float:left;width:300px;text-align:center;border:1px solid #ddd;padding:5px;margin-right:19px;overflow:hidden}
.articlePage .preview{display:none}
.articlePage .news_show .preview{display:block}
.articlePage .preview_text{padding-right:110px;height:90px}
#download_title{display:block;background:#FCCC00;font-size:24px;height:45px;line-height:45px;text-indent:20px;width:300px;color:#fff;margin-bottom:30px}
#download_list li{display:block;padding:20px 0 20px 20px;border-bottom:1px dashed #ddd}
.download_content{overflow:hidden;display:block;float:left;width:720px}
.download_content h3{display:block;font-size:20px;color:#333;line-height:35px;height:35px;overflow:hidden;text-overflow:ellipsis}
.fold .download_content h3{width:460px}
.download_content p{display:block;overflow:hidden;line-height:20px;text-overflow:ellipsis}
.fold .download_content p{width:460px;height:30px;line-height:30px;font-size:18px}
#download_list .date{display:block;color:#999;float:right;font-size:18px}
#download_list .fold .date{margin-top:-30px}
.download_button{float:right;background:#FCCC00;font-size:20px;color:#fff;height:45px;line-height:45px;text-indent:10px;display:block;margin:0 auto;margin-top:15px}
.download_button:hover{text-decoration:underline}
.download_ico{display:block;float:left;vertical-align:middle;background:url(images/icos_bg.png) no-repeat -224px -126px;width:22px;height:22px;margin:15px 0 0 10px}
.download_button .bg_ico{margin-left:10px}
.unfold{position:relative}
.unfold .download_content h3{width:740px;padding-bottom:5px}
.unfold_button{float:left}
.unfold .date{float:right}
.unfold .download_content p{clear:both;width:740px;max-height:65px;padding-top:5px}
.unfold .download_button{position:absolute;right:0;bottom:0}
.handle_button{display:block;line-height:18px;padding:5px 0;color:#00A3FF}
.handle_button:hover{text-decoration:underline;cursor:pointer}
.fold_ico{float:left;background:url(images/icos_bg.png) no-repeat -224px -160px;width:17px;height:17px;margin:1px 5px 0 0}
.unfold_ico{float:left;background:url(images/icos_bg.png) no-repeat -244px -160px;width:17px;height:17px;margin:1px 5px 0 0}
.nobk{border:0px}
.casebox .img{padding:10px;width:210px}
#advertisement .warp{width:100%;background-repeat:no-repeat;background-position:center center}
.aside_child{padding-left:20px}
.aside_child .ico_list{margin-right:10px;background:url(images/icos_bg.png) no-repeat -224px -250px}
.aside_child li a{font-size:15px}
#onlineService{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");top:208px;right:0;z-index:999999;display:block}
#onlineService .onlineIcon{position:relative;cursor:pointer;background:url(images/online_service.png) no-repeat;width:34px;height:110px;text-indent:-9999px;overflow:hidden}
#onlineService #pop{border:3px solid #19B4EA;background-color:#F2F2F2;padding:8px;width:95px;min-height:84px;position:absolute;right:34px;top:0;display:none;z-index:999999}
#onlineService .onlineQQ a{display:block;background:url(images/online_service.png) no-repeat left -160px;color:#19B4EA;width:82px;height:24px;line-height:23px;padding-left:27px;margin-bottom:8px}
#onlineService .onlineQQ a:hover{text-decoration:none;color:#19B4EA}
#onlineService .service{border-top:1px solid #DDDDDD;padding-top:8px;color:#666}
#onlineService .service a{color:#666}
#onlineService .service li{background:url(images/online_service.png) no-repeat left -202px;padding-left:8px}
#onlineService .goTop{display:none}
#onlineService .goTop .goBtn{background:#F2F2F2 url(images/online_service.png) no-repeat left -120px;width:34px;height:34px;display:block}