@charset "utf-8";
/*
 *色彩 #b4c7e8; #990000;#3399cc;#f2f3f8;#003366;#666;#b90630;#336699;#000
 */
/* ==========================================================================
   ~重置
   ========================================================================== */
body {font-size:12px;line-height:24px; text-align:left; -webkit-text-size-adjust:100%; font-family:微软雅黑;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,th,td{margin:0;padding:0;}
/* 重设 HTML5 标签*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
/* HTML5 媒体文件跟 img 保持一致*/
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table,fieldset,img, a img{border:0;}
ul,ol,li,dl,dd,dt{ list-style: none outside none;}
table{border-collapse:collapse;border-spacing:0;}
em,strong,th{font-style:normal;font-weight:normal;}
strong{ font-weight:600;}
input,select,form img,button {vertical-align:middle;}
iframe {overflow: hidden;}
a,a:link,a:visited{text-decoration:none; color:#666;}
a:hover{text-decoration:none; color:#9a0107;}
a,a:focus{outline:none;}/*去除链接虚线*/
h1{ display:none;}/*隐藏h1标签*/

/* ==========================================================================
   ~框架
   ========================================================================== */
.minibar,.mini_xhnav,.Page,.header,.Footer,.Area{margin:0 auto; overflow:hidden;}
.minibar,.Footer,.header{ width:100%;}
.Page{ width:1000px;}
.Area{width:960px;clear:both;height:auto;margin:0px auto;}

/*分栏
   ========================================================================== */
.colum1{ width:80px;}
.colum2{ width:160px;}
.colum3{ width:240px;}
.colum4{ width:320px;}
.colum5{ width:400px;}
.colum6{ width:480x;}
.colum7{ width:560px;}
.colum8{ width:640px;}
.colum9{ width:720px;}
.colum10{ width:800px;}
.colum11{ width:880px;}
.colum12{ width:960px;}
.colum1_br{ width:78px;}
.colum2_br{ width:158px;}
.colum3_br{ width:238px;}
.colum4_br{ width:318px;}
.colum5_br{ width:398px;}
.colum6_br{ width:478x;}
.colum7_br{ width:558px;}
.colum8_br{ width:638px;}
.colum9_br{ width:718px;}
.colum10_br{ width:798px;}
.colum11_br{ width:878px;}
.colum12_br{ width:958px;}
.con{ width:95%; margin:0 auto; text-align:left; }
.list_4{}
.list_2 li{width:50%;}
.list_3 li{width:33.33%;}
.list_4 li{width:25%;}
.list_5 li{width:20%;}
.list_6 li{width:16.66%;}
.w100{ width:100%;}
.w90{ width:90%;}
.w80{ width:80%;}
.w70{ width:70%;}
.w60{ width:60%;}
.w50{ width:50%;}
.w40{ width:40%;}
.w30{ width:30%;}
.w20{ width:20%;}
.w10{ width:10%;}
.w95{ width:95%;}
.w85{ width:85%;}
.w75{ width:75%;}
.w65{ width:65%;}
.w55{ width:55%;}
.w45{ width:45%;}
.w35{ width:35%;}
.w25{ width:25%;}
.w15{ width:15%;}
img{ width:100%;}


   
/*字号
   ========================================================================== */
.f_yahei{font-family:"Microsoft Yahei",Tahoma,'simsun';}
.f_song{font:12px "宋体","Arial Narrow",HELVETICA;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f22px{font-size:22px;}
.f_line30{ line-height:30px;}
.f_line40{ line-height:40px;}
.em2{ text-indent:2em;}

/*常用
   ========================================================================== */
.fb{font-weight:bold;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.cl{clear:both;}
.m0{ margin:0 auto;}
.none {display: none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.fl_ul li{ float:left; display:inline;}
.show{display:block;}
.hidden{display:none;}
.hand{cursor:pointer;}
.line_dotted,.line{ background: url(../img/xian.jpg)  top center  no-repeat scroll;height:15px; width:100%;}
.line{ background-position:0 bottom; clear:both;}
.line_lr {border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}
/*空白AND清楚浮动*/
.blank,.blank5,.blank1,.blank10,.blank20,.blank30{clear:both;display:block;font-size:1px;visibility:hidden;height:-1px;line-height:0;}
.blank5{ height:5px;}.blank10{ height:10px;}.blank20{ height:20px;}.blank30{ height:30px;}.blank1{ height:1px;}
 form{ clear:both;}
.fix:after{clear:both;content: ".";display: block;height: 0;visibility: hidden;}

/*Mini导航
   ========================================================================== */
.minibar{ background:#9a0107; height:33px; border-bottom:1px  solid #000; }
.mini_xhnav{ height:33px; font-size:12px; color:#FFF; background: url(../img/bg_minibar.gif) top center no-repeat scroll #9a0107; }
.mini_xhnav li{ float:left; display: inline; height:16px;line-height:16px; width:48px;  border-left: 1px solid #fff; text-align:center; margin-top:8px;}
.mini_xhnav li.home{width:100px; border:none;}
.mini_xhnav a{ color:#FFF; font-size:14px; font-weight:600;}
.mini_xhnav a:hover{ color:#FC0; font-size:14px; font-weight:600;}

/*Footer版权
  ========================================================================== */
.footer{ text-align:center; font-size:12px; }
.footer_link{ color:#F00;}
.footer_banquan{ color:#0000FF;}

/*边框圆角阴影
  ========================================================================== */
  .shadow,.shadow2 li,.shadow3 img {
     -moz-box-shadow: 3px 3px 4px #ededed;-webkit-box-shadow: 3px 3px 4px #ededed;box-shadow: 3px 3px 4px #ededed;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ededed')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ededed');
   }
.br_sh,a.miniImg:hover,.artZoomBox .maxImgLink .maxImg, .artZoomBox .tool span{
     -moz-border-radius:2px;-webkit-border-radius: 2px;border-radius:2px;border:1px solid #CCC;
     -moz-box-shadow: 2px 2px 3px #666;-webkit-box-shadow: 2px 2px 3px #666;box-shadow: 2px 2px 3px #666;
    }
.br_radiu{
    -moz-border-radius:2px;-webkit-border-radius: 2px;border-radius:2px;border:1px solid #CCC;
	}

/* ==========================================================================
   ~模块
   ========================================================================== */


/*标题
   ========================================================================== */
.tit {clear: both; font-family: "Microsoft YaHei";background:url(../img/bg_tit.jpg) no-repeat scroll  top left transparent;}
.tit_02 {height: 42px;width: 100%;}
.tit_02 .tit_main {display: inline;float: left;font-size: 22px;height: 42px;padding-left: 30px;width: 200px; font-weight:600}
.more,.more a {display: inline;float:right;width: 300px; padding-right:20px; }
.all_tit {line-height: 35px;width:100%;}



/*文字
   ========================================================================== */
   
   
   
/*图片
   ========================================================================== */

   
   
   
   
/* ==========================================================================
   ~组件
   ========================================================================== */
   
   
   /*Tab切换
   ========================================================================== */

 


/*左右滚动
   ========================================================================== */
.rollBox{width:940px;overflow:hidden;padding:12px 0 5px 6px;}
.rollBox .LeftBotton{height:32px;width:19px;background: url(../img/icon.gif)  0 0 no-repeat scroll;overflow:hidden;float:left;display:inline;margin:170px 5px 0 0;cursor:pointer;}
.rollBox .LeftBotton:hover{ background-position: 0px -40px}
.rollBox .RightBotton{height:32px;width:20px;background: url(../img/icon.gif)  -45px 0px no-repeat scroll;overflow:hidden;float:left;display:inline;margin:170px 0 0 5px;cursor:pointer;}
.rollBox .RightBotton:hover{background-position: -45px -40px}
.rollBox .Cont{width:875px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .tp_bg{ margin:5px; font-size:12px; height:310px; overflow:hidden; text-align:center;}
.rollBox .tp_c{ width:208px;}

.rollBox .tp_c img{ width:208px; height:155px;border:1px solid #CCC;}
.tpq_con{ width:800px; height:425px; margin:0 auto;}

/*焦点图
   ========================================================================== */  
.pikachoose {width: 580px; margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 ;}
	.pika-thumbs li{ width: 127px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
		float: left; display:inline; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
	.pika-thumbs li:last {margin: 0;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 580px;}
.pika-stage {position: relative; background: #fafafa; border: 1px solid #e5e5e5; padding: 0; text-align:center; height:427px;}
.pika-stage img{ width:580px;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 16px; font-weight:600; color: #fafafa; padding: 10px; text-align:left; bottom: 10px; left: 0px; width:558px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav{}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3; display:none;}
	.pika-imgnav a.previous {background: url(../img/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 0px; left: 0px;cursor:pointer; display:none;}
	.pika-imgnav a.next {background: url(../img/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 0px; right: 0px;cursor:pointer; display:none;}
	.pika-imgnav a.play {background: url(../img/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer; display:none;}
	.pika-imgnav a.pause {background: url(../img/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer; display:none;}

/* The previous and next textual buttons */
.pika-textnav { display:none;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{display:none;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(../img/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 556px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
  
  



/*兼容触摸屏左右滚动
   ========================================================================== */
.slider{ width:912px; height:600px; overflow:hidden;}
.flex-control-paging li a {background: url(../img/dot.png) no-repeat 0 -16px; display:block; height: 16px; overflow: hidden; text-indent:-99em; width: 16px; cursor: pointer; }
.flex-direction-nav a {width: 30px; height: 90px; margin: -60px 0 0 0px; display: block; background:url(../img/btn_roll.png) no-repeat -10px 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; filter:alpha(opacity=80); -webkit-transition: all .3s ease;}

.flexslider {margin:0 auto; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 600px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto; position: relative; width:1000px; zoom: 1;height: 600px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav .flex-next { background-position: -20px -90px;right: 90px; }
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25); }
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a.flex-active { background-position: 0 0; }


/*倒计时
   ========================================================================== */
   
#countdown_dashboard {height: 80px;}
.dash {width: 70px;	height: 80px;background: transparent  url(../img/dash2.png) -10px 0 no-repeat;	float: left;margin-right: 5px;position: relative;}
.dash .digit {font-size: 30pt;font-weight: bold;float: left;width: 30px;line-height:50px;text-align: center;	font-family: Times;color: #FC3; /*#555;*/position: relative; margin-left:3px;}
.dash_title {position: absolute;display: block;bottom: 0px;right:18px;color:#F00; font-size:14px; line-height:40px; font-weight:600;text-transform: uppercase;letter-spacing: 2px;}
.dev_comment {font-size: 14pt;color: #777;text-align: center;font-style: italic;margin: 40px 10px;}
#loading {text-align: center;margin: 10px;display: none;position: absolute;width: 100%;top: 60px;} 
   
/*动作
   ========================================================================== */
/*返回顶部*/
a.backToTop {display:none;_display:block;width:56px;line-height: 1.2;padding: 80px 20px 10px; background:url(../images/backtop.png)  center 10px no-repeat scroll #000;color: #fff;font-size: 14px;text-align: center;position: fixed;_position: absolute;right: 10px;bottom: 100px;_bottom: "auto";cursor: pointer;opacity: 0.4;filter: Alpha(opacity=40);}
a.backToTop:hover{opacity: 0.8;filter: Alpha(opacity=80); display:block;}



/* ==========================================================================
   ~皮肤
   ========================================================================== */

   
/*广告
   ========================================================================== */
   
   
   
/* ==========================================================================
   ~特殊
   ========================================================================== */
   

/*色彩
   ========================================================================== */
.c_lan,.c_lan a,a.c_lan:link,a.c_lan:visited {color:#333!important;}
a.c_lan:hover,.c_lan a:hover{color:#f00!important;}
.c_bai,.c_bai a,a.c_bai:link,a.c_bai:visited {color:#fff!important;}
a.c_bai:hover,.c_bai a:hover{color:#f00!important;}
.c_red,.c_red a,a.c_red:link,a.c_red:visited {color:#C00!important;}
a.c_red:hover,.c_red a:hover{color:#FC0!important;}
.c_yellow,.c_yellow a,a.c_yellow:link,a.c_yellow:visited {color:#FC0!important;}
a.c_yellow:hover,.c_yellow a:hover{color:#F00!important;}
.c_ju,.c_ju a,a.c_ju:link,a.c_ju:visited {color:#F60!important;}
a.c_ju:hover,.c_ju a:hover{color:#F00!important;}