﻿@charset "utf-8";
/* CSS Document */
body,div,table,tr,td,ul,li,dl,dt,dd,span,a,input,img{ margin:0 auto; text-decoration:none; font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体"; font-size:12px; }
ul,dl,h3,h4,h5{ margin:0; padding:0;}
.headerBox,.main,.footer{ width:1004px;}

/*
.header{ height:100px; background-color:#fff;}
.headerBox{height:100px;}
.headerBox img{ margin:33px 0 0 28px; width:425px; height:39px; border:none;  float:left; display:inline;}
*/

.header{ height:120px; background-color:#fff;}
.headerBox{height:80px;}
.headerBox img{ margin:33px 0 0 28px; width:425px; height:39px; border:none;  float:left; display:inline;}
.LanguageBox{width:1000px;height:35px;display:none;}
.LanguageBox img{ margin:0 0 0 10px;  border:none;  float:right; display:inline;}

.loginWrap{ width:1004px; height:0; line-height:0; font-size:0px; position:relative; z-index:9995;}
.loginBox{ top:40px; right:0; width:310px; height:300px;  position:absolute;z-index:9996;}
.login{ padding:0px 35px; overflow:hidden; position:relative;background:url(../Images/Login/loginBg.png) repeat;}
.tips{ bottom:95px; right:35px; padding-left:10px; width:140px; height:30px; line-height:30px; font-size:14px; color:#f00; background-color:#f3f3f3; border:#d6d6d6 1px solid; position:absolute; display:none;}
.login form{ margin:0; padding:0;}
.login input{ padding:10px; width:170px; height:20px; line-height:20px;border:none; color:#9A9A9A; background-color:#fff;  vertical-align:middle; float:left;}
.login input[type='checkbox']{ margin-right:5px; margin-left:5px; padding:0; height: auto; width:auto; background:none; float:none;}
.login input[type='submit']{ width:242px; height:40px; background-color:#fff;  font-size:14px; font-weight:bold; color:#fff; background:url(../Images/Login/btn_bg.jpg) repeat-x; cursor:pointer;}
.login input.input{ padding:10px; width:170px; height:20px; line-height:20px;border:none; color:#9A9A9A; background-color:#fff;  vertical-align:middle; float:left;}
.login input.cb{ margin-right:5px; margin-left:5px; padding:0; height: auto; width:auto; background:none; border:none; float:none;cursor:pointer;}
.login input.btn{ width:242px; height:40px; background-color:#fff;  font-size:14px; font-weight:bold; color:#fff; border:none; background:url(../images/Login/btn_bg.jpg) repeat-x; cursor:pointer; float:left;}

.login h3{ height:50px; line-height:50px; font-size:16px;}
.login-username,.login-password,.login-btn{ margin-bottom:10px; height:50px; line-height:50px; vertical-align:middle; clear:both; position:relative;}
.remember{ width:278px;  margin-bottom:15px; height:20px; line-height:20px; vertical-align:middle; overflow:hidden;}
.username-icon,.password-icon{ width:50px; height:40px; background-image:url(../Images/Login/user_sprite.png); background-repeat:no-repeat; float:left;}
.username-icon{ background-position:left top;}
.password-icon{ background-position:left bottom;}

.banner{ width:100%; height:377px; float:left; position:relative;}
.banner img{ border:none;}
#slides { display:block; width:100%; height:377px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:none; list-style:none; position:absolute; left:50%; top:340px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.main{ padding-top:30px; overflow:hidden;}
.appList{ width:1024px; list-style:none; overflow:hidden;}
.appList li{ margin-right:20px; width:320px; background-color:#e8e8e8; float:left;}
.leftBox{ margin-left:10px; width:170px; float:left; display:inline;}
.codeImg{ margin:10px; width:118px; height:118px; border:none; float:left; display:inline;}
.leftBox h3{ height:50px; line-height:50px; font-size:18px; font-weight:normal; color:#7faa1f; clear:both;}
.leftBox h3.apple{ color:#666;}
.leftBox h3.wap{ color:#5188c6;}
.leftBox .appBox{ overflow:hidden;}
.leftBox .appBox img{ width:64px; height:66px; border:none; float:left; }
.lineBg{ margin:10px 0; width:1px; height:120px; border-left:#d6d6d6 1px solid; background-color:#fff;  float:left;}
.leftBox p{ margin:0 0 0 12px; width:; height:; font-size:12px; line-height:30px; float:left;display:inline;}
.leftBox p a{ padding:5px 10px; line-height:30px; color:#fff; background-color:#06a8f9;}
.leftBox p a:hover{ background-color:#f37c11;}

.footer{ overflow:hidden;}
.footerBox{ padding:0 15px;text-align:center; line-height:80px; color:#666;}
.footerBox span{ float:right; display:inline;}



/* 弹出框显示*/
.box 
{
	z-index:9998;
}
.box-tl {
	PADDING-LEFT: 6px; BACKGROUND: url(../Images/div/1_1.gif) no-repeat 0px 0px; ZOOM: 1
}
.box-tc {
	BACKGROUND: url(../Images/div/1_2.gif) repeat-x 0px 0px; OVERFLOW: hidden; COLOR: black; LINE-HEIGHT: 28px; HEIGHT: 28px; TEXT-ALIGN: left
}
.box-tr {
	PADDING-RIGHT: 4px; BACKGROUND: url(../Images/div/1_3.gif) no-repeat right 50%
}
.box-ml {
	PADDING-LEFT: 6px; BACKGROUND: url(../Images/div/2_1.gif) repeat-y left 50%
}
.box-mc {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 4px; COLOR: #393939; PADDING-TOP: 4px; FONT-FAMILY: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif
}
.box-mr {
	PADDING-RIGHT: 6px; BACKGROUND: url(../Images/div/2_3.gif) repeat-y right 50%
}
.box-bl {
	PADDING-LEFT: 6px; BACKGROUND: url(../Images/div/3_1.gif) repeat-y left 50%
}
.box-bc {
	BACKGROUND: url(../Images/div/3_2.gif); OVERFLOW: hidden; HEIGHT: 10px
}
.box-br {
	PADDING-RIGHT: 6px; BACKGROUND: url(../Images/div/3_3.gif) repeat-y right 50%
}
.box-tool {
	RIGHT: 6px; TOP: 1px;BACKGROUND: url(../Images/div/1_2.gif) repeat-x 0px 0px; OVERFLOW: hidden; COLOR: white; LINE-HEIGHT: 28px; HEIGHT: 28px; TEXT-ALIGN: right
}
.box-tool A {
	DISPLAY: block; BACKGROUND: url(../Images/div/close.gif) no-repeat; FLOAT: right; WIDTH: 31px; HEIGHT: 19px
}
.box-tool A:hover {
	BACKGROUND: url(../Images/div/close.gif) no-repeat 0px -19px
}
.dxycon {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 999; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 390px; PADDING-TOP: 0px
}
.dxycon UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.dxycon UL LI {
	FONT-SIZE: 12px; PADDING-BOTTOM: 5px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.btn {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}


/*LightBox Style*/
.black_overlay 
{
    Z-INDEX: 9997; 
    display: none;
    FILTER: alpha(opacity=60); 
    LEFT: 0%; 
    POSITION: absolute; 
    TOP: 0%; 
    WIDTH: 100%; 
    HEIGHT: 100%; 
    BACKGROUND-COLOR: black; 
    moz-opacity: 0.6; 
    opacity: .60;
}
