/* �ض���HTML��ǩ */
*{margin: 0px; padding: 0px;padding: 0px; font-size: 14px; font-family: Arial;}
*:focus{outline: none;}
a{text-decoration: none;color: #000;}
a:hover{color: #c33;}
ul{list-style-type: none;}
li{vertical-align: bottom;}
img{border: none; vertical-align: middle;}
table,td{border-spacing: 0px; border-collapse: collapse;}
html,body{width: 100%; height: 100%; }
html{overflow: visible;}
/* �� */
.row,.l{display: block;width: 100%;height: auto;overflow: hidden;clear: both;}

/* ���� */
.col,.f{display: inline;float: left;width: auto;height: auto;overflow: hidden;}

/* �Ҳม������ */
.col-r,.fr{display: inline;float: right;width: auto;height: auto;overflow: hidden;}

/* ��λ��ʽ */
.abs{position: absolute;}	/* ���Զ�λ */
.rel{position: relative;}	/* ��Զ�λ */
.fixed{position: fixed;}	/* �̶� */

/* ���뷽ʽ */
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.justify{text-align: justify;}

/* ��̬����Զ�λԪ�ؾ��� */
.center{margin-left: auto;margin-right: auto;}

/* Բ�� */
.r{border-radius: 4px;-moz-border-radius: 4px;   -webkit-border-radius:4px;}
.r2{border-radius: 2px;-moz-border-radius: 2px;   -webkit-border-radius:2px;}
.r3{border-radius: 3px;-moz-border-radius: 3px;   -webkit-border-radius:3px;}
.r4{border-radius: 4px;-moz-border-radius: 4px;   -webkit-border-radius:4px;}
.r5{border-radius: 5px;-moz-border-radius: 5px;   -webkit-border-radius:5px;}
.r10{border-radius: 10px;-moz-border-radius: 10px;   -webkit-border-radius:10px;}

/* ��ȡ�*/
.w-s{width: 600px;}
.w-m{width: 800px;}
.w-l{width: 1000px;}

/* �߾� */
.m-s{margin: 10px;}
.m-m{margin: 20px;}
.m-l{margin: 50px;}
.m-t{margin: 100px;}
.mh-s{margin-left: 10px;margin-right: 10px;}
.mh-m{margin-left: 20px;margin-right: 20px;}
.mh-l{margin-left: 50px;margin-right: 50px;}
.mh-t{margin-left: 100px;margin-right: 100px;}
.mv-s{margin-top: 10px;margin-bottom: 10px;}
.mv-m{margin-top: 20px;margin-bottom: 20px;}
.mv-l{margin-top: 50px;margin-bottom: 50px;}
.mv-t{margin-top: 100px;margin-bottom: 100px;}
.mt-s{margin-top: 10px;}
.mt-m{margin-top: 20px;}
.mt-l{margin-top: 50px;}
.mt-t{margin-top: 100px;}
.p-s{padding: 5px;}
.p-m{padding: 10px;}
.p-l{padding: 20px;}
.p-t{padding: 50px;}


/* ҳ�� */
.page{
	margin: 0px auto;
	padding: 0px 10px;
	width: 1200px;
	height: auto;
	overflow: hidden;
	background: url(../images/bg.png) repeat-y top center;
	}

/* ���� */
.top{
	height: 90px;
	background: url(../images/top-bg.png);
	}
.top-bar{
	top: 5px;
	right: 10px;
	width: auto;
	height: auto;
	}
.top-bar a{
	margin-left: 10px;
	padding-left: 15px;
	height: 12px;
	line-height: 13px;
	background-image: url(../images/icon-home-folder-mail.png);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #c00;
	}
.top-home-page{background-position: 0px 0px;}
.top-home-page:hover{color: #f00;background-position: 0px -12px;}
.top-favorite{background-position: 0px -24px;}
.top-favorite:hover{color: #f00;background-position: 0px -36px;}
.top-contact{background-position: 0px -48px;}
.top-contact:hover{color: #f00;background-position: 0px -60px;}

/* ������ */
.top-nav-bar{
	right: 10px;
	bottom: 5px;
	}
.top-nav{
	width: 100px;
	height: 60px;
	background-image: url(../images/nav-bg.png);
	}
.top-nav-home{background-position: 0px 0px;}
.top-nav-home:hover{background-position: 0px -60px;}
.top-nav-about-us{background-position: -100px 0px;}
.top-nav-about-us:hover{background-position: -100px -60px;}
.top-nav-product{background-position: -200px 0px;}
.top-nav-product:hover{background-position: -200px -60px;}
.top-nav-join{background-position: -300px 0px;}
.top-nav-join:hover{background-position: -300px -60px;}
.top-nav-contact{background-position: -400px 0px;}
.top-nav-contact:hover{background-position: -400px -60px;}
.top-nav-agent{background-position: -500px 0px;}
.top-nav-agent:hover{background-position: -500px -60px;}
.top-nav-news{background-position: -600px 0px;}
.top-nav-news:hover{background-position: -600px -60px;}

/* ��� */
.banner{
	border-bottom: 1px solid #bbb;
	}
.banner,.banner-slide-bar a,.banner-slide-bar a img{
	width: 1200px;
	height: 500px;
	}
.banner-slide-bar{
	width: 2400px;
	height: 500px;
	}
.banner-number-bar{
	right:  10px;
	bottom: 5px;
	width: auto;
	height: 20px;
	}
.banner-number-a,.banner-number{
	margin-left: 1px;
	width: 30px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
	}
.banner-number-a{
	background: #c00;
	color: #fff;
	}
.banner-number{
	background: #fff;
	color: #000;
	}

/* �ײ� */
.bottom,.bottom-left,.bottom-right{
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	}
.bottom{
	background: url(../images/bottom-logo.png) no-repeat 10px 5px #c00;
	}
.bottom-left{
	margin-left: 40px;
	}
.bottom-right{
	margin-right: 20px;
	}
.bottom-shadow{
	margin: 0px auto;
	width: 1200px;
	height: 10px;
	border-top: 1px solid #900;
	background: url(../images/bottom-shadow.png) no-repeat;
	}
.body{
	}

/*--------------------*/
/* ���� */
/*--------------------*/
.title-1{
	height: 80px;
	}
.title-1-search-bar{
	margin-top: 30px;
	margin-right: 50px;
	}
.title-1-search-bar-kwds{
	border: 1px solid #ccc;
	padding: 0px 10px;
	width: 200px;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	}
.title-1-search-bar-search-btn{
	border: 1px solid #ccc;
	width: 60px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	background: #c00;
	color: #fff;
	cursor: pointer;
	}
.title-1-search-bar-search-btn:hover{
	background: #f00;
	}
.content-title{
	margin-left: 50px;
	margin-bottom: 20px;
	width: 1100px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #aaa;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	}
.content{
	margin-left: 50px;
	width: 1100px;
	}
.content p{
	margin-bottom: 20px;
	text-indent: 2em;
	font-size: 18px;
	line-height: 1.6em;
	}
.content-info{
	margin-left: 50px;
	margin-top: 20px;
	border-top: 1px solid #ccc;
	width: 1100px;
	height: 40px;
	line-height: 40px;
	padding-bottom: 20px;
	}
/*--------------------*/
/* �������� */
/*--------------------*/
.content-array{
	margin: 10px 0px 0px 50px;
	width: 1100px;
	}
.content-array-item{
	margin: 0px 2px 20px 3px;
	border: 1px solid #ccc;
	width: 268px;
	color: #000;
	}
.content-array-item:hover{
	border-color: #c00;
	color: #c00;
	}
.content-array-thumb{
	margin: 10px;
	border: 1px dotted #ccc;
	width: 246px;
	height: 246px;
	}
.content-array-title{
	width: 270px;
	height: 60px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	}
/*--------------------*/
/* �����б� */
/*--------------------*/
.content-list{
	margin: 10px 0px 0px 50px;
	width: 1100px;
	height: 350px;
	}
.content-list-row{
	border-bottom: 1px dotted #ccc;
	height: 35px;
	}
.content-list-title{
	margin-left: 10px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	}
.content-list-date{
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	color: #666;
	}
/*--------------------*/
/* ��ҳ */
/*--------------------*/
.content-page-bar{
	margin-right: 30px;
	height: 40px;
	}
.content-page-bar a{
	margin-left: 10px;
	font-size: 14px;
	}
.content-page-bar a:hover{
	color: #c00;
	}
.content-page-bar span{
	margin-left: 10px;
	font-size: 14px;
	}
/*--------------------*/
/* �������� */
/*--------------------*/
.title-about-us{
	background: url(../images/title-about-us.png);
	}

/*--------------------*/
/* ��Ʒչʾ */
/*--------------------*/
.title-product{
	background: url(../images/title-product.png);
	}
/*--------------------*/
/* ������Ѷ */
/*--------------------*/
.title-news{
	background: url(../images/title-news.png);
	}
/*--------------------*/
/* ���̼��� */
/*--------------------*/
.title-join-in{
	background: url(../images/title-join-in.png);
	}
/*--------------------*/
/* ��ϵ���� */
/*--------------------*/
.title-contact{
	background: url(../images/title-contact.png);
	}
/*--------------------*/
/* ��������� */
/*--------------------*/
.title-agent{
	background: url(../images/title-agent.png);
	}
/*--------------------*/
/* ��ҳ */
/*--------------------*/

/* �������� */
.index-about-us{
	margin-left: 50px;
	width: 820px;
	}
.index-about-us-top{
	height: 55px;
	background: url(../images/index-title-bg.png);
	}

.index-about-us-body{
	margin-top: 10px;
	}
.index-about-us-img{
	width: 400px;
	height: 250px;
	}
.index-about-us-content{
	margin-left: 20px;
	width: 400px;
	height: 250px;
	line-height: 1.7em;
	font-size: 13px;
	text-indent: 2em;
	text-align: justify;
	color: #000;
	}

/* ���� */
.index-news{
	margin-left: 30px;
	width: 250px;
	}
.index-news-top{
	height: 55px;
	background: url(../images/index-title-bg.png) 0px -55px;
	}
.index-news-body{
	}
.index-news-body li{
	height: 25px;
	}
.index-news-title{
	margin-left: 2px;
	line-height: 25px;
	font-size: 12px;
	}
.index-news-title:hover{
	color: #c00;
	}
.index-news-date{
	line-height: 25px;
	font-size: 10px;
	color: #666;
	}

/* ��Ʒչʾ */
.index-product{
	margin-top: 10px;
	margin-left: 20px;
	width: 1160px;
	padding-bottom: 20px;
	}
.index-product-top{
	margin-left: 30px;
	width: 1100px;
	height: 55px;
	background: url(../images/index-title-bg.png) 0px -110px;
	}
.index-product-body{
	margin-top: 20px;
	}
.index-product-btn-left,.index-product-btn-right{
	width: 30px;
	height: 250px;
	cursor: pointer;
	background: url(../images/index-product-btn.png);
	}
.index-product-btn-left:hover{background-position: 0px -250px;}
.index-product-btn-right{background-position: -30px 0px;}
.index-product-btn-right:hover{background-position: -30px -250px;}
.index-product-window{
	width: 1100px;
	height: 280px;
	}
.index-product-slide-bar{
	}
.index-product-item{
	margin: 0px 12px 0px 13px;
	width: 250px;
	}
.index-product-thumb{
	border: 1px solid #ccc;
	padding: 3px;
	}
.index-product-thumb:hover{
	border-color: #c00;
	}
.index-product-thumb,.index-product-thumb img{
	width: 242px;
	height: 242px;
	}
.index-product-title{
	width: 250px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	color: #000;
	}
.index-product-title:hover{
	color: #c00;
	}