﻿/*--style_con--*/
.style_con{
	position: relative;
	width: 950px;
	margin: 8px auto 0 auto;
	clear: both;
}
.style_con .top_con{clear: both; height: 328px;}
.style_con .top_con .left_top_con{float: left; position: relative; width: 263px;}
.style_con .top_con .left_top_con .login{width: 263px; height: 320px; background: url(../images/login_01.gif) left top no-repeat;}
.style_con .top_con .left_top_con .login .hit{padding: 60px 30px 0px 20px; letter-spacing: 0px; text-indent: 0px;}
.style_con .top_con .left_top_con .login .hit .name{    color: #646464; font-weight: bold;}
.button_sys_short
{
    width: 50px;
    height: 25px;
    background: url(../images/button_sys3.gif) top left no-repeat;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    border: none;
    cursor: pointer;
}
.button_sys
{
    width: 80px;
    height: 25px;
    background: url(../images/button_sys.gif) top left no-repeat;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    border: none;
    cursor: pointer;
}
.style_con .top_con .left_top_con .login .check_code{text-indent: 77px; padding: 5px 0 0 0;} 
.style_con .top_con .left_top_con .login .check_code img{cursor:pointer; width:80px; height:22px;}
.style_con .top_con .left_top_con .login .forget_pass{text-indent: 146px; padding: 0;}
.style_con .top_con .left_top_con .login .forget_pass a{color: #f15929; text-decoration:none;}
.style_con .top_con .left_top_con .login .forget_pass a:link{color: #f15929; text-decoration:none;}
.style_con .top_con .left_top_con .login .forget_pass a:hover{color: #f15929; text-decoration: underline;}
.style_con .top_con .left_top_con .login p{
	color: #646464;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 16px;
	text-align: left;
	text-indent: 29px;
	padding: 10px 0 0 0;
}
.style_con .top_con .left_top_con .login .input_log{
	width: 130px;
	height: 17px;
	border: #0b0b0b solid 1px;
}
.style_con .top_con .left_top_con .login .btn{text-indent: 45px;}
.style_con .top_con .left_top_con .login .btnLogin{background:url(../images/btnLogin.gif) left top no-repeat; width: 80px; height: 34px; border: none; cursor:pointer;}
.style_con .top_con .left_top_con .login .btnReg{background:url(../images/btnReg.gif) left top no-repeat; width: 80px; height: 34px; border: none; cursor:pointer;}

.style_con .top_con .right_top_con{float: right; position: relative;}
.style_con .top_con .right_top_con .flash{clear: both; position: relative;}
.style_con .top_con .right_top_con .flash .imgScroll{width:680px; height:180px;}
.style_con .top_con .right_top_con .info{clear: both; position: relative;}

.style_con .top_con .right_top_con .quick{float: left; position: relative; width: 367px; height: 135px; background:url(../images/quick_01.gif) top left no-repeat; margin: 5px 10px 0 0;}
.style_con .top_con .right_top_con .quick .head{padding:0; margin:0; height: 30px;}
.style_con .top_con .right_top_con .quick .qlinks{padding: 8px 0 0 18px; height: 17px; text-align: left; vertical-align:bottom;}
.style_con .top_con .right_top_con .quick p a{color: #646464; text-decoration:none; vertical-align:bottom;}
.style_con .top_con .right_top_con .quick p a:link{color: #646464; text-decoration:none;}
.style_con .top_con .right_top_con .quick p a:hover{color: #ff5500; text-decoration:underline;}
.style_con .top_con .right_top_con .quick p .title{color: #ff5500; font-weight: bold;}

.style_con .top_con .right_top_con .today{float: left; position: relative; width: 304px; height: 135px; background:url(../images/today_01.gif) top left no-repeat; margin: 5px 0 0 0;}
.style_con .top_con .right_top_con .today .head{padding:0; margin:0; position: relative; height: 30px; text-align: right;}
.style_con .top_con .right_top_con .today .head a{padding:0; margin:0; position: relative; width: 60px; height: 30px;}
.style_con .top_con .right_top_con .today ul{margin: 8px auto auto auto;}
.style_con .top_con .right_top_con .today li{background: url(../images/icon.gif) left center no-repeat; padding: 0 0 0 16px; letter-spacing: 1px; line-height: 22px; clear: both; float: left; width: 280px;}
.style_con .top_con .right_top_con .today li a{color: #646464; text-decoration:none;}
.style_con .top_con .right_top_con .today li a:link{color: #646464; text-decoration:none;}
.style_con .top_con .right_top_con .today li a:hover{color: #ff5500; text-decoration:underline;}

.style_con .bot_con{clear: both; position: relative; border: none;}
.style_con .bot_con .products{clear: both; position: relative; width: 950px; height: 172px; background: url(../images/product.gif) left top no-repeat;}
.style_con .bot_con .products .head{padding:0; margin:0; position: relative; height: 30px; text-align: right;}
.style_con .bot_con .products .head a{padding:0; margin:0; position: relative; width: 80px; height: 30px;}

/*--products--*/
.style_con .bot_con .products .photos{
	width: 950px;
	text-align: center;
	vertical-align: top;
	margin: 0 auto 0 auto;
	clear: both;
	float: none;
}
.style_con .bot_con .products .photoLIST img{display:block;vertical-align:middle;} 
.style_con .bot_con .products #imgBox{} 
.style_con .bot_con .products #imgBox div{width:900px; overflow:hidden;} 
.style_con .bot_con .products #imgBox,#imgBox ul,#imgBox li{ float:left;} 
.style_con .bot_con .products #imgBox ul{width:2715px;} 
.style_con .bot_con .products #imgBox table{ margin:0; padding:0; border:0;}
.style_con .bot_con .products #imgBox td{ margin:0; padding:0; border:0;}

.style_con .bot_con .products .photos photoLIST{text-align: center; float: left;}
.style_con .bot_con .products .photos ul{list-style: none; list-style-type: none; margin: 0; padding: 0;}
.style_con .bot_con .products .photos ul li{width: 181px; height: 120px; border: none; text-align: center; vertical-align: middle; margin: 0; float: left;}
.style_con .bot_con .products .photos ul li a:link img{text-decoration: none;}
.style_con .bot_con .products .photos ul li a:visited img{text-decoration: none;}
.style_con .bot_con .products .photos ul li a:hover img{text-decoration: none;}
.style_con .bot_con .products .photos ul li a:active img{text-decoration: none;}
/*---user_fun---*/
.user_fun{padding-left: 20px; padding-top: 10px;}
.user_fun a, .user_fun a:link{display: block; width: 78px; height: 24px; line-height: 24px; padding: 0; margin: 0; text-indent: 0; float: left; text-decoration: none; border: #FFFFFF solid 1px;}
.user_fun a:hover{color: #FF3300; text-decoration: none; border: #fdc570 solid 1px;}
