@charset "utf-8";
/* 重置 */ 
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0; vertical-align:baseline;}  
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}  
table{border-collapse:collapse;border-spacing:0;}  
caption,th{text-align:left;font-weight:normal;}  
html,body,fieldset,img,iframe,abbr{border:0;}  
i,cite,em,var,address,dfn{font-style:normal;}  
[hidefocus],summary{outline:0;}  
li{list-style:none;}  
h1,h2,h3,h4,h5,h6,small{font-size:100%;}  
sup,sub{font-size:83%;}  
pre,code,kbd,samp{font-family:inherit;}  
q:before,q:after{content:none;}  
textarea{overflow:auto;resize:none;}  
label,summary{cursor:default;}  
a,button{cursor:pointer;}  
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}  
del,ins,u,s,a,a:hover{text-decoration:none;}  
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}  
body{background:#e9e9e9; font-family:"微软雅黑"}  
a{color:#333;}
a:hover{ color:#8c0404}
.clearfix{ clear:both;}
/* 布局 */
.row {*zoom: 1; margin:0 auto;}
.row:before,.row:after {display: table;content: "";line-height: 0;}
.row:after {clear: both;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float: left;min-height: 1px;}
.grid1{ width:100px;}
.grid2{ width:200px;}
.grid3{ width:300px;}
.grid4{ width:400px;}
.grid5{ width:500px;}
.grid6{ width:600px;}
.grid7{ width:700px;}
.grid8{ width:800px;}
.grid9{ width:900px;}
.grid10{ width:1000px;}
.grid11{ width:1100px;}
.grid12{ width:1200px;}

/* 按钮 */
.btn1{border: 1px solid #ccc; display:inline-block;text-align: center; cursor:pointer; font-size:14px;padding:5px 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: #ccc 1px 1px 2px;
	box-shadow: #ccc 1px 1px 2px;
	background: #FEFEFE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#E6E6E6));
	background: -webkit-linear-gradient(#FEFEFE, #E6E6E6);
	background: -moz-linear-gradient(#FEFEFE, #E6E6E6);
	background: -ms-linear-gradient(#FEFEFE, #E6E6E6);
	background: -o-linear-gradient(#FEFEFE, #E6E6E6);
	background: linear-gradient(#FEFEFE, #E6E6E6);
	-pie-background: linear-gradient(#FEFEFE, #E6E6E6);
	behavior: url(PIE.htc);
}
.btn1:hover{ background:#e9e9e9;}

.btn2{border: 1px solid #EE7600; display:inline-block;text-align: center; cursor:pointer; font-size:14px;padding:5px 13px; color:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #ccc 1px 1px 1px;
	-moz-box-shadow: #ccc 1px 1px 1px;
	box-shadow: #ccc 1px 1px 1px;
	background: #FF6D03;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF6D03), to(#FF8300));
	background: -webkit-linear-gradient(#FF6D03, #FF8300);
	background: -moz-linear-gradient(#FF6D03, #FF8300);
	background: -ms-linear-gradient(#FF6D03, #FF8300);
	background: -o-linear-gradient(#FF6D03, #FF8300);
	background: linear-gradient(#FF6D03, #FF8300);
	-pie-background: linear-gradient(#FF6D03, #FF8300);
	behavior: url(PIE.htc);
}
.btn2:hover{ background:#FF8B00; color:#fff;}


.btn-big{ padding:10px 20px; font-size:16px; font-weight:bolder; }
.btn-small{padding:4px 8px; font-size:12px;}

/* 单选框 */
.radio{ display:inline-block; padding-left:17px; height:20px; background:url(../images/ico.png) no-repeat -3px -333px; cursor:pointer}
.radio input{ display:none;}
.radio_on{background:url(../images/ico.png) no-repeat -3px -355px;}

/* 多选框 */
.checkbox{ display:inline-block; padding-left:17px; height:20px; background:url(../images/ico.png) no-repeat -3px -288px; cursor:pointer}
.checkbox input{ display:none;}
.checkbox_on{background:url(../images/ico.png) no-repeat -3px -311px;}

/* 普通输入框 */
.texttype,.texttype_min,.input_typ1 .input{ border:1px solid #ccc; padding:5px;  width:150px; 
			 -webkit-transition: .3s ease-in-out;
   			 -moz-transition: .3s ease-in-out;
             -o-transition: .3s ease-in-out;
			 -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.2);
	         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.2);}
.texttype_min{ padding:3px 5px 3px 3px;}
.input_text_on{ border-color:#999}
.top_line{ border-top:1px solid #454545; height:10px; margin-top:10px;}
.texttype:focus,.texttype_min:focus,.input_typ1 .input:focus{
	border-color: rgba(82, 168, 236, .75);
	box-shadow: 0 0 8px rgba(82,168,236,.5);
	-moz-box-shadow: 0 0 8px rgba(82,168,236,.5);
	-webkit-box-shadow: 0 0 8px rgba(82,168,236,.5);
}
/* 文字提示输入框 */
.input_typ1{display:inline-block; position:relative;}
.input_typ1 .note{ position:absolute; top:0; left:12px; z-index:1;white-space;nowrap; padding:6px 0 0 0; color:#ccc; }
/* 下拉菜单 */
.select{ display:inline-block; width:150px; position:relative; font-size:12px}
.select .select_text{ border:1px solid #CCC; height:26px; line-height:26px; padding-left:5px; position:relative; cursor:pointer;background:url(../images/ui.png); }
.select .select_text i{ position:absolute; top:0; right:0px; height:26px; width:20px; background:url(../images/ui.png) 0 -46px;}
.select .select_list{ position:absolute; top:28px; left:0px; background:#fff; border:1px solid #ccc;width:148px; border-bottom:0px; display:none; max-height:200px; overflow-y:auto;}
.select .select_list li{ display:block; border-bottom:1px solid #CCC; height:26px; line-height:26px; padding-left:5px;}
.select .select_list li:hover{ background:#f9f9f9; cursor:pointer}
.select .select_list .on{ background:#ededed;}
.select .over{ height:160px; overflow:auto;}

/* 上传附件按钮 */
.upload{ display:inline-block; position:relative; height:30px; width:280px; vertical-align:middle}
.upload .upload_text{ border:1px solid #ccc; height:24px; line-height:24px; padding-left:5px; width:195px; position:absolute; top:0px; left:0px;.height:22px; .line-height:22px;background:url(../images/ui.png);}
.upload .upload_file{filter:alpha(opacity=0);opacity:0.0;position:absolute; top:0px; left:0px;width:195px; height:24px; line-height:24px; cursor:pointer;}
.upload .upload_btn{ display:inline-block; width:70px; height:26px; line-height:26px; background:#e8e8e8; position:absolute; left:205px; top:0px; text-align:center; color:#666; }


/* 选项卡 */
.tab_box{}
.tab_box .tab_name{}
.tab_box .tab_name span{ display:inline-block; padding-left:20px; padding-right:20px;}

/* 轮播图 */
#inner { width: 960px; margin: 0 auto; }
.hot-event { padding: 300px 0 0; position: relative; }
    .hot-event .switch-tab { text-align: center; padding: 10px 0; }
        .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../images/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; }
        .hot-event .switch-tab .current { background-image: url(../images/bg.png); background-position: -195px 0; }
    .hot-event .switch-nav { position: absolute; right: 12px; top: 254px; z-index: 2; }
        .hot-event .switch-nav .i-prev { background-image: url(../images/bg.png); background-position: -127px 0; }
        .hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; }
        .hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; }
        .hot-event .switch-nav .i-next { background-image: url(../images/bg.png); background-position: -144px 0; }
        .hot-event .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
            .hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
    .hot-event .event-item { height: 300px; width: 960px; position: absolute; z-index: 1; left: 0; top: 0; }
        .hot-event .event-item .banner { display: block; }
        .hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }




/* 树形菜单 */
.tree-mune .tree-type1 dl{ display:none; padding-left:10px;}
.tree-mune h1{ font-weight:normal; cursor:pointer;}

/* ICO图标 */
.ico_arrowR,.ico_arrowL,.ico_arrowT,.ico_arrowB{display:inline-block; width:0px; height:0px; border:5px dashed transparent;vertical-align:middle }
.ico_error,.ico_ture,.ico_info,.ico_warn,.ico_add,.ico_setup,.ico_edit,.ico_pack,.ico_mail{display:inline-block; width:20px; height:20px; background-image:url(../images/ico.png); background-repeat:no-repeat;}

.ico_arrowL{ border-left:5px solid #666;}
.ico_arrowR{ border-right:5px solid #666;}
.ico_arrowT{ border-top:5px solid #666;}
.ico_arrowB{ border-bottom:5px solid #666;}
.ico_round{ display:inline-block;border-radius:3px; height:6px; width:6px; background:#666; vertical-align:middle}
.ico_error{ background-position:0 0;}
.ico_ture{ background-position:0 -192px;}
.ico_info{background-position:0 -62px;}
.ico_warn{background-position:0 -225px;}
.ico_add{background-position:0 -259px;}
.ico_setup{background-position:0 -128px;}
.ico_edit{background-position:0 -159px;}
.ico_pack{background-position:0 -94px;}
.ico_mail{background-position:0 -30px;}

/* 滚动 */
.scroll-text {border: 1px solid red;width: 400px;height: 4.5em;overflow: hidden;}
.scroll-text ul {width: 800px;height: 100px;overflow: hidden;margin: 0;}
.scroll-text ul li {height: 1.5em;}
.scroll-img {border: 1px solid red;width: 680px;height: 142px;overflow: hidden;font-size: 0;}
.scroll-img ul {width: 700px;height: 600px;margin: 0;}
.scroll-img ul li {display: inline-block;margin: 10px 0 10px 10px;}
#demo4.scroll-img ul,#demo5.scroll-img ul {width: 1500px;}


/* 分页 */
.page{ display:inline-block; *display:inline; *zoom:1; float:right;}
.page a{ display:inline-block; padding:3px 8px; border:1px solid #CCC; background:#f9f9f9; }
.page a:hover{ border:1px solid #db075b; background:#db075b; color:#fff;}
.page .current{display:inline-block; padding:3px 8px;font-weight:normal; border:1px solid #fff;}
.load{display:inline-block; padding:3px 3px; letter-spacing:3px; font-size:16px; color:#999}
.page .nodo,.page .nodo:hover{display:inline-block; padding:3px 8px;border:1px solid #CCC; background:#f4f4f4; color:#CCC; cursor:no-drop;}
