﻿* {margin:0; padding:0; border:0;}
body {background:#FFFFFF url(../Image/bg_index.png) repeat-x; font-family:"Microsoft yahei",verdana,sans-serif; font-size:11px;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}
.title1 {font-size:22px; color:#2e0606; border-bottom:4px solid #4f2525; padding:4px 5px 3px 4px;}
.title2 {font-size:16px; color:#2e0606;}
.text {padding:17px; line-height:24px;}
.text14 {font-size:12px; color:#000000;}
.logo {padding:15px 0 0 5px; text-align:left;}
.selectText {width:270px; border:solid 1px #E4E4E4; font-size:10px;}
.inputText {border:solid 1px #CFCFCF; height:23px; }
.inputText:hover {border:solid 1px #888888;}
.searchtext {width:150px; height:16px; border:solid 1px #CFCFCF; font-size:12px; color:#666666; padding:1px; vertical-align:bottom;}
.searchtext:hover {border:solid 1px #888888;}
.searchbtn { background:url(../Image/search_btn.gif) top left no-repeat; width:17px; height:17px; cursor:pointer;}
.loginbtn {letter-spacing:1px; color:#680e0e; background:url(../Image/login.gif) center bottom no-repeat; font-family:Impact; width:68px; padding:7px 0 4px 0; }
.underline a {text-decoration:underline;}
.underline a:hover {text-decoration:none;}
.menu {width:550px; padding:10px 0px 0px 0px; text-align:center;}

/*#nav {position:relative; display:block; width:550px; text-transform:uppercase;font-family:Geneva, Arial, Helvetica, sans-serif;}*/
/*#nav a {display:block; text-decoration:none; font-weight:bold; color:#2e0606; padding:3px 0px 3px 0px;}*/ /* width:120px;*/
/*#nav a:hover {text-decoration:none; color:#990000;}
#nav li {float:left; list-style:none;}
#nav ul {position:absolute; list-style:none; text-align:left; background:#FFFFFF; padding-bottom:7px; border:solid 1px #EFEFEF;}
#nav ul {display:none;}
#nav li.show ul {list-style:none;display: block; float:right; background:#E4E4E4 url(../Image/menu_hover.png) bottom repeat-x; border:1px solid #FFFFFF;}
#nav li.show ul li {float:none;list-style-type:none;  width:264px;}
#nav li.show ul a {width:230px; font-weight:normal; display:block; padding:2px 4px 2px 8px; margin:7px 0 7px 10px;}
#nav li.show ul a:hover {color:#FFFFFF; text-decoration:none; background-color:#671010; }*/

#nav{position:relative; width:550px; text-align:left; text-transform:uppercase; font-family:Geneva, Arial, Helvetica, sans-serif;}
#nav li.top {display:block; float:left; height:26px; width:105px; padding:3px 0px 3px 0px;}
#nav li a.top_link{display:block; float:left; height:26px; line-height:26px; color:#2e0606; text-decoration:none; font-size:11px; font-weight:600; cursor:pointer;}
h1{font-size:11px; font-weight:600;}
#nav li a.top_link span{float:left; display:block;}
#nav li a.top_link span.down{float:left; display:block;}
#nav li:hover a.top_link{color:#990000;}
#nav li:hover{position:relative;}
#nav li:hover ul.sub{left:-20px;top:26px;background:#E4E4E4 url(../Image/menu_hover.png) bottom repeat-x;padding:5px 0 5px 10px; border:1px solid #FFFFFF;width:230px;height:auto;}
#nav li:hover ul.sub li{display:block; height:30px; position:relative; float:left;}
h2{font-size:11px; font-weight:500;}
#nav li:hover ul.sub li a{display:block; font-size:11px; width:200px; line-height:20px; color:#000; text-decoration:none; text-align:left; padding-left:10px;}
#nav li:hover ul.sub li a:hover{background:#671010; color:#fff;}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul{left:90px; top:-4px; background: #9BDAE9; padding:3px; border:0px; width:220px; height:auto;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}




.flash {width:1000px; margin-top:20px;}

.contentBox {background:url(../images/bg_box.jpg) repeat-x;}
.table01 td {text-align:left; padding:0 20px; height:250px;}
.table01 .solution {background:url(../Image/solution.jpg) 85% 75% no-repeat;}
.table01 .development {background:url(../Image/development.jpg) 85% 75% no-repeat;}
.table02 td{text-align:left; padding-left:5px;}
.table02 .right {padding:15px 20px; background-color:#F5F5F5; vertical-align:top;}
.table02 .left {padding:0px 20px 15px 0; width:72%; vertical-align:top;} /*  background:url(../Image/earth.jpg) left top repeat-y; */
.table03 {border:0px solid #00c3e4}
.table03 td{text-align:left; padding:15px 11px 15px 11px; width:33%; vertical-align:top; background-color:#0F90A6}
.table03 td:hover{background-color:#00c3e4}
.table03 td a {color:#FFFFFF; font-family:Arial; font-size:11px; line-height:14px;}
.table03 td a:hover {color:#000000}
.table04 {border:1px solid #000; border-width:1px 0 0 1px; width:560px; margin:0 auto;}
.table04 th {background-color:#F2F2F2;width:40%; }
.table04 th, .table04 td {border:1px solid #000; border-width:0 1px 1px 0;text-align:left; padding:5px 0 5px 15px;}
.mid_Btn {letter-spacing:1px; color:#333333; background:url(../Image/send_FR.gif) center no-repeat; font-family:Impact; font-size:11px; width:200px; text-align:center; padding:7px 0px 7px 0px;}

.inside {background:url(../Image/inside_flash_bg2.jpg) 50% 50% no-repeat; height:295px;}

.focusBox {padding:4px 0 0 8px;}
.index_page {text-align:left;}
.index_page a {font-size:10px; padding:3px 5px 3px 5px; border:solid 1px #F4F4F4;}
.index_page strong {padding:3px 5px 3px 5px; cursor:pointer;}

.E3_bg {background:url(../Image/3E.png) left top no-repeat; width:225px; height:71px; margin:5px 0;}
.E3_bg .headtitle {font-size:22px; color:#4f2525; line-height:35px; padding-left:13px;}
.E3_bg .contenttext {font-size:11px; color:#0d2639; padding-left:15px;}
.E3_bg .png {position:relative; float:right; padding:3px 15px 0 0;}

.choose_contact_box {border-top:3px solid #4F2525; padding-top:15px;}
.contact_td {width:40%; text-align:left; padding:5px 0 5px 15px;}
.red {color:#FF0000;}
.free_head {margin:2px 0 0 0; height:288px;} /* background: url(../Image/button.png) right top no-repeat;  */
.free_head a {font-size:16px; line-height:30px; color:#FFF;}
.free_head a:hover {text-decoration:none;}
.fra {padding-left:10px; margin-right:10px; }
.fra:hover {border:1px solid #4B4B4B; }
.pmtitle {font-size:22px; color:#FFFFFF; border-bottom:2px dashed #FFFFFF; padding:4px 5px 5px 4px;}


.footer {text-align:center; width:100%; padding:15px 0;}

/************** thumbnail *****************/
.resourcecontent {padding:4px 5px 7px 5px;}
.resource a {margin:7px 0; background:url(../Image/ul_li.png) 3px 20% no-repeat; padding-left:25px;}
.resource a:hover {text-decoration:underline; cursor:pointer;}
.thumbnail {position: relative; z-index: 0; display:block; padding:2px 0px 2px 5px;} 
.thumbnail:hover {z-index: 50; } 
.thumbnail span {position: absolute; background-color:#444444; padding:7px 7px 10px 10px; width:350px; right:100%; border:7px solid silver; visibility: hidden; color:#FFFFFF; text-decoration: none;} 
.thumbnail:hover span {visibility: visible;}

/*--------------Lightbox---------*/
.page_footer_bar {background-color:#FAFAFA; position:absolute;border:solid 10px #CCCCCC; left:25%; top:7%; text-align:left; color:#000000; z-index:52; font-size:12px; font-family:Courier New; font-weight:lighter; line-height:20px;}
.page_footer_bar a.closeDiv {display:block; float:right; cursor:pointer; color:#000000;font-size:27px; font-weight:bold; text-decoration:none;}
.page_footer_bar a.closeDiv:hover {text-decoration:none; color:#cd066d;}
.page_footer_bar b {font-size:11px;text-decoration:underline;}