﻿@charset "utf-8";
/*----------------------------- 
Name: Index Css
Design:West
Time: 2014-03
-----------------------------*/
/* reset */
body,div,ul,ol,li,dl,dt,dd,form,input,textarea,p,th,td,h1,h2,h3,h4{ margin:0; padding:0;}
img{ border:0;}
body,th,td,input,select,textarea,h1,h2,h3,h4,font{ font:12px "microsoft yahei",Tahoma, Geneva, sans-serif; font-weight:normal;}
html,body{ height:100%;max-width:100%;width:auto;}
body{ background:#fff; color:#333; background-image:url(about:blank); /* for IE6 */ background-attachment:fixed; /*����*/}
ul,ol{ list-style-type:none;}
input,select,textarea{ vertical-align:middle; outline:none; resize:none;}
input::-ms-clear{ display:none;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#e23520;}

/* initial */
.clearfix:after { display:block; content:""; clear:both;}
.clearfix{ *zoom:1;}
body.ovxhide{ overflow-x:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.btnMouseDown{ padding:1px 0 0 2px; padding:0\0; _padding:0;}
.btnLook{ width:65px; height:19px; background:url(../images/btnBg.png) no-repeat; cursor:pointer; border:0; color:#fff;}


/* ������ */
.mainNavBod{ border-top:3px solid #e8380d;height:25px;} 

/* ������ end */


/* ��ݷ��� */
.quickSer{ background:#fafafa;  left:0; top:0; z-index:1;}
.quickSer h2{ font-size:14px; color:#333; line-height:36px; padding-left:15px; font-weight:bold;}
.quickSer .quickTab{ margin-left:2px;}
.quickSer .quickTab li{ width:50px; float:left; padding:4px 7px; margin-bottom:20px; text-align:center; border:1px solid #fafafa; overflow:hidden;}
.quickSer .quickTab li i{ width:35px; height:35px; background:url(../images/quickIco.png) no-repeat; _background:url(../images/quickIco.gif) no-repeat; display:inline-block; cursor:pointer;}
.quickSer .quickTab li i.ico01{ background-position:0 0;}
.quickSer .quickTab li i.ico02{ background-position:-36px 0;}
.quickSer .quickTab li i.ico03{ background-position:-72px 0; width:41px;}
.quickSer .quickTab li i.ico04{ background-position:-114px 0;}
.quickSer .quickTab li i.ico05{ background-position:-150px 0;}
.quickSer .quickTab li i.ico06{ background-position:-186px 0;}
.quickSer .quickTab li i.ico07{ background-position:-222px 0;}
.quickSer .quickTab li i.ico08{ background-position:-258px 0;}
.quickSer .quickTab li.active{ background:#fff; border:1px solid #d9d9d9; border-bottom:0; border-radius:4px 4px 0 0; position:relative; z-index:99;}
.quickSer .quickTab li.activeB{ background:#fff; border:1px solid #d9d9d9; border-radius:4px;}
.quickSer .quickTab li.active a,.quickSer .quickTab li.activeB a{ color:#e23520;}
.quickSer .quickTab li a{ display:block;}
.quickSer .quickTab li a:hover i{
	-webkit-animation:toTopIco .6s forwards;
	-moz-animation: toTopIco .6s forwards;
	animation:toTopIco .6s forwards; 
}
@-webkit-keyframes toTopIco {
	49% { -webkit-transform:translateY(-100%);}
		50% { opacity:0.3; -webkit-transform:translateY(40%);}
		51% { opacity:1;}
}
@-moz-keyframes toTopIco {
	49% { -moz-transform:translateY(-100%);}
		50% { opacity:0.3; -moz-transform:translateY(80%);}
	51% { opacity:1;}
}
@keyframes toTopIco {
	49% { transform:translateY(-100%);}
		50% { opacity:0.3; transform:translateY(40%);}
	51% { opacity:1;}
}
.quickSer .quickCont{ left:-1px; top:181px; position:absolute;}
.quickSer .quickCont div{ background:#fff; width:268px; display:none; border:1px solid #d9d9d9;}
.quickSer .quickCont .closeDiv{ display:block; width:18px; height:18px; background:url(../images/icoClose.png) no-repeat; position:absolute; right:5px; top:5px; cursor:pointer; transition:all 0.2s ease-out;}
.quickSer .quickCont .closeDiv:hover{ background-position:right bottom;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}



