﻿body, html {
	width:100%;
	height:100%;
	font-size:12px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}
body {
	background:url(../images/bgBody.jpg) left top repeat-x #f1f1f1;
}
* {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ul,li{
	list-style:none;
}
a {
	text-decoration:none;
	color:#6c5f4d;
}
a:hover {
	color:#000;
}
.clear{ content:".";display:block;clear:both;visibility:hidden;}
.fontGreen{ font-size:12px; font-weight:bold; color:#689002;}
.left{ float:left;}


.right{ float:right;}

.interval{ margin:5px auto;}

.boxStyle{ background:url(../images/bgboxStyleBottom.jpg) left bottom repeat-x; padding-bottom:3px;}
.boxStyle h3{ height:30px; background:url(../images/bgboxStyleH3.jpg) left top repeat-x; line-height:30px;}
.boxStyle h3 strong{ width:165px; height:30px; float:left; background:url(../images/bgboxStyleTitle.jpg) left top no-repeat; font-size:14px; color:#284c93; text-indent:35px;}
#boxStyles a{ color:#284c93; margin:0px; padding:0px; background:none; list-style:none; text-align:left; float:left; width:auto; height:auto;}
#boxStyles a:hover{color:#284c93; text-decoration:underline;}
.boxStyle h3 a{display:block; height:20px; float:right; width:40px; padding-right:10px; padding-top:10px; text-align:right; background:url(../images/bgboxStyleTitle.jpg) right top no-repeat;}
.boxBorder{border:1px solid #d6d6d6; border-bottom:0; border-top:0; padding:5px; height:100%;  overflow:auto;}

.textList li{ display:block;height:25px; line-height:25px; background:url(../images/dash.jpg) left bottom repeat-x; overflow:hidden;}
.textList li a{ display:block; height:25px; background:url(../images/iconGreen.jpg) left center no-repeat;text-indent:15px;}

.warp{ width:1003px; height:100%; margin:0 auto;}
/*head*/
.head{ width:1003px; height:152px; background:url(../images/bgHead.jpg) left top no-repeat; overflow:hidden;}
.headRight{ width:300px; height:115px; float:right; overflow:hidden;}
.topNav{ width:270px; height:32px; padding:0px 15px; background:url(../images/bgtopNav.jpg) left top no-repeat; overflow:hidden;}
.topNav li{ display:block; float:left; width:85px; margin:0px 2px;}
.topNav li a{ color:#fff; padding-left:30px; line-height:32px; font-size:13px !important;}
.topNav li a:hover{color:#87b315;}
.sina{ background:url(../images/iconSina.jpg) 3px  center no-repeat;}
.tenxun{ background:url(../images/iconQq.jpg) 5px  center no-repeat;}
.hotTel{ text-align:right; color:#fff; font:14px "微软雅黑",Arial, Helvetica, sans-serif, "宋体"; margin:5px 15px;}
.hotTel strong{ font:30px Arial, Helvetica, sans-serif, "宋体";; padding-left:10px;}
.search{ width:280px; height:25px; float:right;}
.search dt{ width:225px; height:25px; float:left; background:url(../images/searchInput.jpg) left top no-repeat;}
.search dt input{ border:0; width:180px; height:25px; margin-left:35px; background:none; line-height:25px; color:#828181;}
.search dd{ width:37px; float:left;}
.search dd input{ border:0; width:37px; height:25px; background:url(../images/searchbutton.jpg) left top no-repeat;cursor:pointer;}

.menu{ clear:both; width:1003px; height:35px; line-height:35px;}
.menu li{ display:block; float:left; padding:0px 10px; background:url(../images/bgMenuLi.jpg) right center no-repeat;}
.menu li a{ display:block; width:90px; text-align:center; color:#6C5F4D ;}
.menu li a:hover,.menu .current a{color:#069edb; font-weight:bold;}

/*content*/
.content{ width:983px; padding:0px 10px; margin-top:1px; background:url(../images/bgContent.jpg) left top repeat-y;}

.boxOne,.boxTwo{width:983px; line-height:18px; height:100%; overflow:auto;}
.boxOneLeft{ width:670px; float:left; margin-top:5px;}
.hotImage{width:670px; height:310px; overflow:hidden;}
.hotRegister{ width:332px; margin:5px auto;}
.hotRegister dl{clear:both; width:312px; margin:0 auto; padding:10px 0px; background:url(../images/dash.jpg) left bottom repeat-x; height:90px;}
.hotRegister dl dt{display:block; float:left; width:85px; }
.hotRegister dl dt img{ width:78; height:78px; padding:3px; border:1px solid #d9d9d9;}
.hotRegister dl dd{ display:block; width:220px; height:87px; float:right; overflow:hidden;}

.boxOneRight{ width:305px; float:right; margin-top:5px;}
.companyIntroduction .textTwo{ width:190px; float:left;}
.companyIntroduction .boxBorder{height:180px; overflow:hidden; line-height:20px;}
.superiority{ margin:3px 0px;}
.superiority a{ color:#FFF;}
.superiority a:hover{ color:#FFF; text-decoration:underline;}
.superiority .boxBorder{ background:url(../images/bgsuperiority.jpg) right bottom no-repeat; height:100px; }
.superiority ul li{ display:block; width:135px; height:22px; text-indent:25px; background:url(../images/superiorityLi.jpg) left top no-repeat; color:#fff; line-height:22px; margin:5px;}
.mainVideo{ margin-top:3px; width:305px; height:215px;}
.service{clear:both;}
.service .boxBorder{ padding-bottom:10px;}
.service li { display:block; width:140px; height:24px; float:left; margin:10px 0px 0px 15px; background:#b0bcce; text-align:center; font-size:12px; font-weight:bold; color:#092e68; line-height:24px;}
.service li a{color:#092e68; font-weight:bold;}
.service li a:hover,.service .current a{color:#069edb; font-weight:bold;}
.companyList{clear:both;}
.companyList .boxBorder{ padding-bottom:10px;}
.companyList a{ display:block; width:130px; height:24px; float:left; margin:10px 0px 0px 15px; background:#F5F5F5; text-align:center; font-size:12px; font-weight:bold; color:#689002; line-height:24px;}
.companyList li a{color:#689002; font-weight:bold;}
.companyList li a:hover,.companyList .current a{color:#069edb; font-weight:bold;}

.boxTwoLeft{width:760px; float:left;}
.registeredPart{ clear:both;width:760px;}
.registeredCompany{ width:377px; margin-top:5px;}
.registeredCompany dl{ width:367px; margin:5px auto;}
.registeredCompany dl dt{display:block; float:left; width:158px; }
.registeredCompany dl dt img{ width:150; height:115px; padding:3px; border:1px solid #d9d9d9;}
.registeredCompany dl dd{ width:195px; float:right;}
.registeredCompany .textList li{ width:195px;overflow:hidden;}

.boxTwoRight{ width:217px; float:right;}
.boxTwoRight .boxStyle{ margin-top:5px;}
.mainQA .textList li,.mainNews .textList li{ width:190px; margin:0 auto; overflow:hidden;}
.mainQA .textList li a{ background:url(../images/iconQA.jpg) left center no-repeat;}

.bankList{ margin-top:5px;}
.bankList{ background:url(../images/bankListBottom.jpg) left bottom no-repeat; padding-bottom:16px;}
.bankList ul{ width:970px; margin:0 auto; height:70px; overflow:hidden;}
.bankList li{ display:block; float:left; margin-left:10px;}
.bankList li img{ width:95px; height:65px;}

.Menubox{ width:983px;color:#676767; background:url(../images/MenuboxLine.jpg) bottom repeat-x; height:27px;font-size:14px; font-weight:bold; margin-top:5px;}
.Menubox ul li{display:block; float:left; height:27px; background:url(../images/tabmenu_left.jpg) left top no-repeat; padding-left:40px; }
.Menubox ul li a{display:block; float:right; height:27px; background:url(../images/tabmenu_right.jpg) right top no-repeat;padding-right:20px; line-height:27px; vertical-align:middle;}
.Menubox li.current{background:url(../images/tabCurrentLeft.jpg) left  no-repeat;}
.Menubox li.current a{background:url(../images/tabCurrentRight.jpg) right no-repeat; color:#284c93;}

.Contentbox{background:url(../images/bankListBottom.jpg) left bottom no-repeat; padding-bottom:16px;}
.Contentbox div{border:1px solid #d6d6d6; border-bottom:0; border-top:0; padding:5px; height:100%; overflow:auto;}
.Contentbox ul{ width:970px; margin:0 auto; overflow:hidden;}
.Contentbox li{ display:block; float:left; margin:5px 7px;}
.certificate li img{ width:115px; height:106px; padding:3px; border:1px solid #d9d9d9;}
.zizhi li img{ width:132px; height:182px; padding:3px; border:1px solid #d9d9d9;}

.footer{ clear:both; width:995px; margin:0 auto;}
.footerNave{ height:40px; line-height:40px; text-align:center; color:#b4b4b4; background:#293456;}
.footerNave a{ color:#b4b4b4; padding:0px 10px;}
.footerNave a:hover{ color:#fff;}
.footerAddress{ text-align:center; padding:10px 0px; background:#bbb; line-height:25px; color:#293456;}

/*input style*/
.success{width:305px; margin:5px auto;}
.success dl{width:295px; margin:0 auto; padding:10px 0px; background:url(../images/dash.jpg) left bottom repeat-x; height:90px;}
.success dl dd{ width:200px; height:87px; float:right; overflow:hidden;}

.hotRead .textList li{ width:270px; margin:0 auto; height:30px; line-height:30px;overflow:hidden;}
.hotRead .textList li a{background:url(../images/iconBook.jpg) left center no-repeat; text-indent:25px;height:30px;}
.related .textList li a{background:url(../images/iconText.jpg) left center no-repeat; text-indent:25px;height:30px;}

.textBox{ border:1px solid #cfcfcf; background:url(../images/bgTextBox.jpg) left top repeat-x; margin:5px auto; overflow:auto;}
.textBox h1{ width:100%; height:40px; background:url(../images/bgtextBoxH1.jpg) right top no-repeat;}
.textBox h1 strong{ float:left; background:url(../images/iconH1.jpg) left center no-repeat; margin:15px auto auto 20px; font-size:14px; color:#284c93; text-indent:15px;}
.breadCrumb{ width:300px; font-size:12px; font-weight:normal;text-align:right; padding-right:20px; margin-top:15px;}
.breadCrumb a{ padding:0px 5px;}
.breadCrumbCurrent{ color:#152c77; font-weight:bold;}
.textContent{ margin:10px;}

.listLeft{ float:left; width:215px;}
.listLeft .boxStyle{ margin-top:5px;}
.listLeft li{ width:190px; margin:0 auto; overflow:hidden;}
.listLeft li a{ background:url(../images/iconArrow.jpg) left center no-repeat;}

.listMiddle{ width:448px; float:right;}
.topicList{ width:420px; margin:10px auto; border-bottom:2px solid #c9d2dc; overflow:auto;}
.topicList dt{ width:320px; height:35px; line-height:35px; padding-right:10px; float:left; border-bottom:1px solid #e9e9e9; overflow:hidden; padding-left:10px;}
.topicList dd{width:80px; height:35px; line-height:35px; color:#b4b7b9;  float:left; border-bottom:1px solid #e9e9e9; overflow:hidden;}

.page{clear:both; margin:0 auto; text-align:center; padding:10px 0px; color:#777; font-size:11px;}
.page span{margin-right:10px; vertical-align:top;}
.page li{ float:left;}
.page a{ padding:0px 5px;  margin:0px 2px;color:#777; vertical-align:top; }
.page .pageCurrent,.page a:hover{ color:#103d88; font-weight:bold;}

.textTitle{width:600px; margin:10px auto; background:url(../images/iconTextTitle.jpg) left center no-repeat; border-bottom:1px solid #999; padding-left:40px; padding-bottom:10px;}
.textTitle h2{ font-size:14px; color:#000; padding-top:15px; padding-bottom:5px;}
.textTitle p span{color:#4c4c4c; padding-right:15px;}

.article{ clear:both; width:650px; margin:0 auto; margin-bottom:15px;overflow:auto;}
.article a{ color:#3e7fc0; text-decoration:underline;}
.article a:hover{ color:#1e72c5; text-decoration:none;}

.bannerInputStyle{ margin:5px auto; text-align:center;}
.bannerInputStyle img{ width:660px; height:60px;}
.textBeforAndAfter{ clear:both; height:25px; background:#dae1eb; margin:0px 3px; text-align:center; line-height:25px;}
.befor{ padding-right:10px;}
.after{ padding-left:10px;}

.bottomText{width:600px; margin:10px auto; background:url(../images/dash.jpg) left top repeat-x;  padding:15px 30px; overflow:auto;}
.bottomTextStyle dt{width:260px; background:url(../images/iconBook.jpg) left center no-repeat; font-size:14px; font-weight:bold; text-indent:25px; color:#4c4c4c; margin-bottom:10px;}
.bottomTextStyle dd{ display:block; background:url(../images/iconbottomText.jpg) left center no-repeat; padding-left:10px; width:260px; height:22px; line-height:22px; overflow:hidden;}


.bochan-dt{ width:114px !important; overflow:hidden;}
.bochan-dt img{ width:106px !important; height:81px !important;}
.bochan-dd{ width:180px !important; overflow:hidden;}
color:#4c4c4c; padding-right:15px;}

.article{ clear:both; width:650px; margin:0 auto; margin-bottom:15px;overflow:auto;}
.article a{ color:#3e7fc0; text-decoration:underline;}
.article a:hover{ color:#1e72c5; text-decoration:none;}

.bannerInputStyle{ margin:5px auto; text-align:center;}
.bannerInputStyle img{ width:660px; height:60px;}
.textBeforAndAfter{ clear:both; height:25px; background:#dae1eb; margin:0px 3px; text-align:center; line-height:25px;}
.befor{ padding-right:10px;}
.after{ padding-left:10px;}

.bottomText{width:600px; margin:10px auto; background:url(../images/dash.jpg) left top repeat-x;  padding:15px 30px; overflow:auto;}
.bottomTextStyle dt{width:260px; background:url(../images/iconBook.jpg) left center no-repeat; font-size:14px; font-weight:bold; text-indent:25px; color:#4c4c4c; margin-bottom:10px;}
.bottomTextStyle dd{ display:block; background:url(../images/iconbottomText.jpg) left center no-repeat; padding-left:10px; width:260px; height:22px; line-height:22px; overflow:hidden;}


.bochan-dt{ width:114px !important; overflow:hidden;}
.bochan-dt img{ width:106px !important; height:81px !important;}
.bochan-dd{ width:180px !important; overflow:hidden;}

/* live css desgin by shecky2050@163.com */
body div.skill-icon div ul li, .skill-icon .list .operators span, .skill-icon .list .operators label {
    height: 24px;
    line-height: 24px;
}
.skill-icon .list .operators span {
    width: 80px;
}
.skill-icon .list .operators label {
    width: 34px;
}
.skill-icon .list .operators span.online {
    background: url("http://web.hkjsh.com/templets/default/images/live800/online-1.gif") no-repeat scroll 2px 7px transparent;
}
.skill-icon .list .operators span.offline {
    background: url("http://web.hkjsh.com/templets/default/images/live800/offline-1.gif") no-repeat scroll 2px 7px transparent;
}
.skill-icon .list .operators label.online {
    background: url("http://web.hkjsh.com/templets/default/images/live800/online-11.gif") no-repeat scroll 0 6px transparent;
}
.skill-icon .list .operators label.offline {
    background: url("http://web.hkjsh.com/templets/default/images/live800/offline-11.gif") no-repeat scroll 0 6px transparent;
}
.skill-icon label.online {
    background: url("#") no-repeat scroll 0 0 transparent;
}
.skill-icon label.offline {
    background: url("#") no-repeat scroll 0 0 transparent;
}
div.skill-icon {
    background: none repeat scroll 0 0 transparent !important;
    font-size: 12px;
    line-height: 24px;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed;
    text-align: left;
    width: 134px;
    z-index: 10000;
}
div.skill-icon {
    width: 134px !important;
}
.skill-icon .logo {
    width: 0 !important;
}
.skill-icon .head {
    background: url("http://web.hkjsh.com/templets/default/images/live800/top.gif") no-repeat scroll 0 0 transparent !important;
    width: 134px;
}
/*
.skill-icon .footer {
    background: url("http://web.hkjsh.com/templets/default/images/live800/footer.gif") no-repeat scroll 0 0 transparent !important;
    width: 134px;
}
*/
.skill-icon .close {
    width: 17px !important;
}
.skill-icon span {
    width: 94px !important;
}
.skill-icon div.operators li span {
    width: 65px !important;
}
.skill-icon .footer {
    width: 134px !important;
}
.iak {
    height: 70px;
    left: -231px;
    overflow: auto;
    position: absolute;
    top: 627px;
    width: 250px;
}
.ilink {
    height: 70px;
    left: -231px;
    overflow: auto;
    position: absolute;
    top: 627px;
    width: 250px;
}
.fontg table tr td .tList .footer {
    color: #FF0000;
}