@charset "utf-8";
/*主页css*/

/*banner*/
.bannerbj{width:100%;  height:350px; cursor:default; position:relative;z-index:0;}

.top-banner{width:100%; height:350px; text-align:center; overflow:hidden; margin:0 auto; position:relative;}
/*banner lunbo
top-banner a{ width:100%; height:350px; no-repeat center 0; cursor:default; display:block; float:left;}
*/
.banner1{width:100%; height:350px; background:url(../images/banner1.jpg) center 0; }
.banner2{width:100%; height:350px; background:url(../images/banner2.jpg) center 0;}
.banner3{width:100%; height:350px; background:url(../images/banner3.jpg) center 0;}
.banner4{width:100%; height:350px; background:url(../images/banner4.jpg) center 0; }
.banner5{width:100%; height:350px; background:url(../images/banner10.jpg) center 0; }
.tabBox{height:16px; width:100px; margin:-20px auto 0; text-align:center; z-index:48; position:absolute; left:80%;}
.tabBox ul{ padding:0; margin:0; list-style-type:none}
.tabBox a{ float:left; cursor:pointer; height:11px; margin:0 3px; display:inline-block;
            font-size:0px; text-indent:-9999px;  line-height:0; cursor:pointer; width:11px; background:#000; }
.tabBox a.activeSlide{ background:#fff;}


/* 基本信息 */
body {font-family:"微软雅黑","宋体","Arial","Helvetica","sans-serif";margin:0 auto;padding:0px;font-size:12px;color:#666;background: url("bg.png") repeat-x scroll 0 0 #FFFFFF;min-width: 960px;textalign:center;}
div, form, img, ul, ol, li, dl, dt, dd {margin: 0;padding: 0;border: 0;	list-style:none;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;	font-size:12px;}
table, td, tr, th,input,textarea {font-size:12px;font-family:\5B8B\4F53,Arial Narrow,Arial,serif;}
html, body {height:100%;}
.bodywin{padding:0px; background:#EEEEEE;}
/* Link */
a {color: #666;cursor: pointer;outline: medium none;text-decoration: none;}
a:hover {text-decoration: none;}
a:hover span {cursor: pointer;}
/* 其他属性 */
.Fleft{ float: left;}
.Fright{ float: right;}
.Tleft{text-align:left;}
.Tright{text-align:right;}
.Tcenter{text-align:center;}
.Tcenter td{text-align:center;}
.f_center{text-align:center;}
.clear{ clear: both; font-size:1px; width:1px; height:0; overflow:hidden; }
.hidden {display: none;}
.overh{overflow:hidden;}
.cur{ cursor:pointer;}
.blankh20{height:20px; overflow:hidden;}
.NoNewline{word-break: keep-all;}
.AutoNewline{word-break: break-all;}
.text-indent{text-indent:2em;}
.text-indentno{text-indent:0em;}
.text-indentout{text-indent:-99em;}
.text-dec{ text-decoration:none;}
/* Font  */
.fB {font-weight: bold;}
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
.f16px{ font-size:16px;}
.f20px{ font-size:20px;}
.f26px{ font-size:26px;}
.fdate{ font-family:Georgia, "Times New Roman", Times, serif;}
/* Color */
.cRed,a.cRed:link,a.cRed:visited,.cRed a:link,.cRed a:visited{ color:#cc0000; }
.cBlue,a.cBlue:link,a.cBlue:visited,a.cBlue:active,.cBlue a:link,.cBlue a:visited{color:#333366;text-decoration:none;}
.cBlue1,a.cBlue1:link,a.cBlue1:visited,a.cBlue1:active,.cBlue1 a:link,.cBlue1 a:visited{color:#144c81;}
.cDBlue,a.cDBlue:link,a.cDBlue:visited,a.cDBlue:active,.cDBlue a:link,.cDBlue a:visited{color:#ff9999;}
.cDRed,a.cDRed:link,a.cDRed:visited,.cDRed a:link,.cDRed a:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited,.cGray a:link,.cGray a:visited{ color: #999;}
.cDGray,a.cDGray:link,a.cDGray:visited,.cDGray a:link,.cDGray a:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited,.cWhite a:link,.cWhite a:visited,.cWhite a{ color:#fff;text-decoration:none;}
.cBlack,a.cBlack:link,a.cBlack:visited,.cBlack a:link,.cBlack a:visited{color:#000;}
.cDYellow,a.cDYellow:link,a.cDYellow:visited,.cDYellow a:link,.cDYellow a:visited{ color: #ff6600;}

.center {margin: 0 auto; width: 960px;}
.header {background: url(bg-main.png) no-repeat scroll 0 0 transparent;overflow: hidden; cursor: default;}
.header p.logo {float: left;padding: 0; margin:0; background:url(logo.png) no-repeat;}
.header p.logo a {margin-left: 10px; margin-top: 10px; display: block;height: 68px;overflow: hidden;width: 260px;text-indent: -99em;}

/*cloth*/
.header p.cloth {float: left;padding: 0; margin:0; }
.header p.cloth a {margin-top: 8px; margin-left: 145px; display: block; height:78px; overflow: hidden; width:528px;}

.menu {clear:both; overflow: hidden; padding:25px 10px 0px 10px;  *padding:20px 0 0px 0; _padding: 15px 0 0px 0; width:100%; font-weight:bold; font-size:14px;}
.menu ul {float: left; padding: 0 0 0 25px;}
.menu ul li {border-right: 1px solid #E6E6E6; float: left; margin-left:5px;  }
.menu ul li a {color: #144C81; float: left; margin: -7px 0 -14px; * margin: 0px 0 -14px; _margin:5px 0 -5px 0px; padding: 7px 0px 18px 15px; *padding: 7px 0 18px 15px; _padding: 8px 0 9px 15px; width:76px; overflow:hidden;}
.menu ul li a:hover, .menu ul li a.active {background: url(menu_bg.jpg) no-repeat center 0; color:#FFFFFF; margin-left: -5px;  padding-left: 20px;  text-decoration: none;}
.tabs{ clear:both; background: url(home-bg.png) no-repeat scroll 50% bottom transparent; }
.tabs .changeul{height:310px; overflow:hidden;}
.tabs .changeul li{
	height:310px;
	position:absolute;
	margin-top:-5px;
    *margin-top:-5px; 		
    _margin-top:-8px; 	
	width: 961px;
	
}
.tabs .changeul .img1{background:url(home-tab-design.jpg) no-repeat scroll 0 50% transparent;}
.tabs .changeul .img2{background:url(home-tab-templates.jpg) no-repeat scroll 0 50% transparent;}
.tabs .changeul .img3{background:url(home-tab-modules.jpg) no-repeat scroll 0 50% transparent;}
.tabs .changeul .img4{background:url(home-tab-development.jpg) no-repeat scroll 0 50% transparent;}
.tabs .changeul .img5{background:url(home-tab-demo.jpg) no-repeat scroll 0 50% transparent;}
.tabs .changeul .intro{padding:60px 50px 0px 450px;width:450px;color:#FFF;}
.tabs .changeul .intro h3{font-size:32px;text-shadow: 0 1px 1px #256B97;font-weight:400;}
.tabs .changeul .intro .eng{font-size:32px;text-shadow: 0 1px 1px #256B97;font-weight:100;font-family:Arial, Helvetica, sans-serif;}
.tabs .changeul .intro .eng span{color:#1AC4EE;}
.tabs .home-button {margin-left: -11px; overflow: hidden; padding-right: 0; text-transform:none;}
.button-big {background: url(home-button.png) no-repeat scroll 0 -58px transparent;color: #FFFFFF;float: right;font-size: 1.1667em;font-weight: bold;padding-left: 30px;}
.button-big span {background: url(home-button.png) no-repeat scroll 100% 0 transparent;float: left;line-height: 1;padding: 20px 65px 24px 0;}
.button-big:hover {background-position: 0 -174px;text-decoration: none;}
.button-big:hover span {background-position: 100% -116px;}
.tabs .bul { overflow: hidden; margin-top:0px; padding: 0 0 0 5px; list-style: none; height:90px;}
.tabs .bul li { float: left; }
.tabs .bul li a { float: left; color: #888; font-weight: bold; text-transform: uppercase; line-height: 1.1667em; }
.tabs .bul li a span { float: left; width: 105px; height: 66px; padding: 30px 7px 0 80px; background: transparent url(home-tab-design.png) no-repeat 12px 0; }
.tabs .bul li a.tabs-design { margin-left: -5px; padding-left: 0 !important; }
.tabs .bul li a.tabs-templates span { background-image: url(home-tab-templates.png); }
.tabs .bul li a.tabs-modules span { background-image: url(home-tab-modules.png); }
.tabs .bul li a.tabs-development span { background-image: url(home-tab-development.png); }
.tabs .bul li a.tabs-demo span { background-image: url(home-tab-demo.png); }
.tabs .bul li a:hover, .tabs ul li.active a { margin: 0 -5px; padding: 0 5px; background: transparent url(home-tab-menu-hover.png) no-repeat 0 0; color: #1187cb; text-decoration: none; }

.boxes {overflow: hidden;padding: 25px 0 20px; background:url(home-box-bg.png) no-repeat 0px bottom;}
.boxes_left{ width:580px;  margin:0 20px; overflow:hidden; display:inline;}
.boxes_left_tittle{ width:580px; height:30px; line-height:30px;}
.boxes_left_text{width:580px; line-height:20px;}
.boxes_left_text p{text-indent:2em; margin:0px; padding-top:10px}
.boxes_right{ width:300px; padding:0 20px; background: url(right-bottom.png) no-repeat scroll 0px 20px transparent;}
.boxes_right_tittle{width:300px; height:30px; line-height:30px;}
.boxes_right_text_top{ height:79px; width:300px;}
.boxes_right_text_img{ width:100px; height:75px; padding:1px; border:1px solid #999; margin-right:10px; overflow:hidden; float:left;}
.boxes_right_text_top_right{ width:186px; float:left; height:79px; overflow:hidden;}
.boxes_right_text_top_right_text{ width:186px; height:25px; line-height:25px;}
.boxes_right_text_top_right_main{ line-height:18px; height:54px; width:186px; overflow:hidden; text-indent:2em;}

.boder_bottom{ margin-left:2px; width:572px; border-bottom:1px dashed #ccc; height:5px;}
.boxes_bottom{ width:960px;}

.boxes_kefu{ width:920px; height:30px; line-height:30px; margin:8px 20px 3px 20px; overflow:hidden;}
.boxes_kefu_div{ width:930px; margin:0px 15px; overflow:hidden;}
.boxes_kefu_div ul li{ margin:0 5px; overflow:hidden; float:left;}
.boxes_kefu_div_l{ background:url(btn_l.jpg); width:3px; height:31px; float:left;}
.boxes_kefu_div_m{ background:url(btn_m.jpg) repeat-x; height:31px; line-height:31px; float:left; text-align:center; padding:0 10px; overflow:hidden;}
.boxes_kefu_div_r{ background:url(btn_r.jpg); width:3px; height:31px; float:left;}
.boxes_link{ width:920px; height:30px; line-height:30px; margin:15px 20px 0px 20px; overflow:hidden;}
.boxes_link_main{width:940px; height:35px; line-height:18px; margin:0px 10px 0px 20px; overflow:hidden;}
.boxes_link_main a{ margin:0 2px;white-space:nowrap; overflow:hidden;}
.bottom {float: left; background: #E1F2FE;border-top: 0px dashed #EBEBEB;margin-top:0px;padding-top:0px;width: 100%;height: 25px}
.sharebottom {float: right}

.fu_bottom {background: #E1F2FE;border-top: 1px dashed #EBEBEB;padding-top:30px;}
.footer {background: none repeat scroll 0 0 #000000; color:#999;line-height:19px;}
.footer .center {overflow: hidden; padding-left: 115px; width: 845px; padding: 25px 0px 25px 0px}

.footer p.logo {float: left;padding: 0; margin:0px; background: url(footer-logo.png) no-repeat transparent;overflow: hidden; height: 53px; width: 63px}
.footer p.logo a {display:block;overflow:hidden;height: 53px; width: 53px; cursor:default;}


.title_arrow
        {
            width: 100%;
        }

.title_arrow #tab_title tr #td_title
        {
            height: 28px;
            line-height: 21px;
            overflow: hidden;
            border-bottom: 0px dashed #ccc;
            background: url(jl_10.jpg) no-repeat 1px 11px;
            padding: 0px 10px 2px 10px;
     	    font-family:"微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif";
            font-size:14px;
	    color:#666;
        }

.title_arrow #tab_title tr #td_title_dashed
        {
            height: 28px;
            line-height: 21px;
            overflow: hidden;
            border-bottom: 1px dashed #ccc;
            background: url(jl_10.jpg) no-repeat 1px 12px;
            padding: 1px 10px 2px 10px;
     	    font-family:"微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif";
            font-size:14px;
	    color:#666;
        }

.title_arrow #tab_title tr #navigatorfont
        {
            font-size:26px;

        } 

.td_dashed
        {
           
            border-bottom: 1px dashed #ccc;         
        }

.fu_top_banner{ background:url(lanmu_top.jpg) no-repeat center 0; height:100px; background-color:#144c81;}
.fu_boxes{overflow:hidden;}
.fu_banner{ width:700px; overflow:hidden; text-align:center;}
.online{ background:url(oline.jpg) no-repeat; width:355px; height:30px; padding-top:60px; padding-left:150px; float:right; margin-right:43px;}
.fu_main{ width:650px; padding:-900 15px 25px 25px; padding-left:30px;loverflow:hidden;}
.fu_main_news{ width:700pox; padding:0 15px 15px; overflow:hidden;}
.fu_main_news ul li{ width:700px; border-bottom:1px solid #ccc; margin-top:20px; padding-bottom:20px; height:110px;}
.fu_main_news_li_l{ width:80px; margin-right:15px; float:left; overflow:hidden; height:100px; line-height:15px; padding-top:10px;}
.fu_main_news_li_r{ width:700px; float:left; height:110px; overflow:hidden;}
.fu_main_news_li_r_top{ width:835px; height:30px; line-height:30px; overflow:hidden;}
.fu_main_news_li_r_bottom{ width:835px; height:80px; line-height:20px; overflow:hidden;}
.fy{ width:700px; margin-bottom:30px;}
.fu_main_ys{ width:884px; padding:10px 38px 30px; overflow:hidden;}
.ys1{ width:191px; height:203px; background:url(ys1.jpg) no-repeat; float:left; margin:0 5px; overflow:hidden; padding:150px 10px 10px; line-height:20px;}
.ys2{ width:191px; height:203px; background:url(ys2.jpg) no-repeat; float:left; margin:0 5px; overflow:hidden; padding:150px 10px 10px; line-height:20px;}
.ys3{ width:191px; height:203px; background:url(ys3.jpg) no-repeat; float:left; margin:0 5px; overflow:hidden; padding:150px 10px 10px; line-height:20px;}
.ys4{ width:191px; height:203px; background:url(ys4.jpg) no-repeat; float:left; margin:0 5px; overflow:hidden; padding:150px 10px 10px; line-height:20px;}


.fu_main_pro{ width:920px; padding:0 20px 15px; overflow:hidden;}
.fu_main_pro_div{ width:290px; height:155px; float:left; border:1px solid #ccc; background-color:#FFF; padding:2px; margin:2px; overflow:hidden;}

.fu_main_new_show{ width:930px; padding:0 15px 25px; overflow:hidden; line-height:22px;color:#444;}
.new_show_tittle{ width:930px; height:25px; line-height:25px; border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:5px;  margin-top:30px; overflow:hidden;}
.new_show_date{ width:930px; height:20px; margin-bottom:20px; overflow:hidden;}
.fu_main_new_show p{font-size: 14px;line-height: 23px;text-indent: 0em;}
.counact{ background:url(contact.jpg) no-repeat; width:720px; margin:0 15px 15px; overflow:hidden; line-height:30px; padding-top:220px; padding-left:210px; padding-bottom:60px;}

.pagination {font-size:12px;margin:10px auto 10px;text-align:center;line-height:normal;display:inline-block;*display:inline;zoom:1;}
.pagination a {text-decoration: none;border: solid 1px #AAE;color:#15B;}
.pagination a, .pagination span {display: block;float: left;padding: 0.3em 0.5em;margin-right: 5px;margin-bottom: 5px;}
.pagination .current,.pagination a:hover {background: #26B;color: #fff;border: solid 1px #AAE;}
.pagination .current.prev, .pagination .current.next{color:#999;border-color:#999;background:#fff;}

.cons_left{ width:236px;height:auto!important; height:700px; min-height:700px; margin:0px; float:left;}
.cons_left_title{ width:236px; height:49px; background-color:#2195C8;font-size:14px; font-weight:bold; color:#ffffff;}
.cons_left_title img{ margin:20px 10px 0px 10px;}
.cons_left_content{ width:236px; height:auto!important; height:292px; min-height:292px; margin:0px; padding:0px 0px 15px 0px; background-color:#f6f6f6;}
.cons_left_content UL { width:236px;CLEAR: both; PADDING: 0px; MARGIN: 0px auto 0px auto; padding:0px; LIST-STYLE-TYPE: none; }
.cons_left_content LI { width:216px; height:41px; line-height:41px; margin:0px auto; padding:0px 0px 0px 20px; border-top:1px solid #ffffff;  border-bottom:1px solid #e6e6e6; font-size:14px;}
.cons_left_content LI a:link {text-decoration: none;color:#3e3e3e}
.cons_left_content LI a:visited {text-decoration: none;color:#3e3e3e}
.cons_left_content LI a:hover {	text-decoration: underline;	color:#ea480a; font-weight:bold;}
.cons_left_content LI a:active {text-decoration: none;}
.xxx {
	font-size: 12px;
	line-height: 26px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-image: url(images/bjj.jpg);
}
.ziti {
	font-family:"微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif";
	margin:0 auto;
	padding:0px;
	font-size:14px;
	color:#666;
	line-height: 24px;
}

.boxes_right_text_bottom
        {
            width: 300px;
            padding-top: 5px;
        }

.boxes_right_text_bottom #tab1 tr #td1
        {
	    width: 217px;
            height: 25px;
	    line-height: 24px;
            overflow: hidden;
            border-bottom: 1px dashed #ccc;
            background: url(jl_10.jpg) no-repeat 2px 11px;
            padding: 0px 1px 0px 10px;
        }

.boxes_right_text_bottom #tab1 tr #td2
        {
	    width: 83px
            height: 25px;
	    line-height: 24px;
            overflow: hidden;
            border-bottom: 1px dashed #ccc;
            padding: 1px 1px 2px 0px;
        }
	
.news_header
	{
            font-size:14px;
            line-height: 30px;
            height: 30px;
            padding: 0px 4px 0px 0px;		
            font-weight: bold;
     	    font-family:"微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif";	
	}

.morefont
	{
	    font-size:13px;
            font-weight: normal;
            line-height: 30px;
            height: 30px;
            padding: 0px 4px 0px 0px;	
     	    font-family:"微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif";	
	}

<--!
.css_title #tbl_title tr #td_title
        {
	font-family:"微软雅黑", "宋体", "Arial", "Helvetica", "sans-serif";
	margin:0 auto;
	padding:0px;
	font-size:14px;
	color:#666;
	line-height: 24px;

        overflow: hidden;
        border-bottom: 1px dashed #ccc;
        background: url(../css/jl_10.jpg) no-repeat 2px 10px;
        padding: 1px 10px 2px 10px;
        }
-->