@charset "utf-8";
/* /zhuanti/hxjy/xzwq/css/sp.css */

/* CSS Document
Date:		2013/12/20
Author:		小芳
Update:
*/

/* CSS reset */
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
input,select,img{ vertical-align:middle}
input,select{ outline:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,宋体,sans-serif}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{ display:block;}

ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
q:before,q:after {content:'';}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
a:hover {text-decoration:underline;}
ins,a {text-decoration:none;}

/*Correct block display not defined in IE6/7/8/9 & ff3,IE需要在js中createElement(tag)*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}

/* global */
body{ background:#0c1e2e; }
.wrapper{ margin:0 auto;text-align:left;width:1000px; }
td{ font-size:12px; line-height:160%;}
.txthide{ text-indent:-999em;overflow:hidden; line-height:0; font-size:0}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1; /* for IE6 IE7 */}
.hidden {display:none;}
.left,.right {display:inline; zoom:1;}
.left {float:left;}
.right {float:right;}

a:active, a:focus, input{-moz-outline:none;outline:none;ie-dummy:expression(this.hideFocus=true);}


/* ======================== frm 整体框架 ========================  */
.my_ftop{background:#0c1e2e; }
.my_footer{margin-top: 0;}
.full_bg{background: url(../zhuanti/hxjy/xzwq/images/sp/full_bg.jpg?) center top no-repeat; padding-bottom: 50px;	}
.frm_header{position: relative;*zoom:1; height: 578px;}
.frm_header .bg1{background:url(../zhuanti/hxjy/xzwq/images/sp/bg1.jpg?) 0 0 no-repeat; height: 193px;}
.frm_header .bg2{background:url(../zhuanti/hxjy/xzwq/images/sp/bg2.jpg?) 0 0 no-repeat; height: 192px;}
.frm_header .bg3{background:url(../zhuanti/hxjy/xzwq/images/sp/bg3.jpg?) 0 0 no-repeat; height: 193px;}
.frm_main{background:url(../zhuanti/hxjy/xzwq/images/sp/main_bg.jpg?) center 0 no-repeat; padding: 0 10px;}


/* ======================== mod 通用模块 ========================  */

/*mod_section*/
.mod_section{}
.mod_section .section_hd{ height: 62px;}
.mod_section .section_hd .tit{font-size: 0;line-height: 0;overflow: hidden;}
.mod_section .section_bd{padding: 0 15px;}

/*mod_box*/
.mod_box{}
.mod_box .mod_hd{ height: 68px;}
.mod_box .mod_hd .tit{font:500 32px/68px "microsoft yahei"; color: #23a9d9; text-align: center;}
.mod_box .mod_bd{}


/* ======================== cnt 内容 ========================  */

/*m_header*/
.m_header{position: absolute; top: 0;left: 0; height: 578px; width: 1000px; }
.m_header .glogo{background: url(../zhuanti/hxjy/xzwq/images/glogo.png?) 0 0 no-repeat; width: 156px; height: 45px;position: absolute; top: 40px; left: 190px; line-height: 30; overflow: hidden; z-index: 1}
.m_header .video_btn{background:url(../zhuanti/hxjy/xzwq/images/sp/sprite.png?) 0 0 no-repeat; width: 190px; height: 110px; position: absolute; top:430px; left: 64px; z-index: 1 }
.m_header .goto_btn{background:url(../zhuanti/hxjy/xzwq/images/sp/sprite.png?) 0 -110px no-repeat; position: absolute; top:490px; left: 414px;  width: 172px; height: 50px; line-height: 30;  overflow: hidden; z-index: 1}

/*mod_flash*/
.mod_flash{position: absolute; top: 0;left: 0; width: 1000px; height: 550px; overflow: hidden;  }
.mod_flash object{display: block;}

/*mod_section1*/
.mod_section1{
  background: url(../zhuanti/hxjy/xzwq/images/sp/box1.jpg?) 0 0 no-repeat; height: 480px;
}
.mod_section1 .section_hd{ height: 98px;}

/*img_box*/
.img_box{float: left;}

/*mod_performance*/
.mod_performance{float: right; width: 300px;}

/*performance_item*/
.performance_item{padding: 10px  0 10px 54px;  }
.performance_item dt{background: url(../zhuanti/hxjy/xzwq/images/sp/sprite.png?) right -210px no-repeat #0780cc ; float: left; width: 54px; height: 25px; *display: inline;*zoom:1; margin-left: -54px; font:500 16px/24px "microsoft yahei"; color: #fff; text-align: center;}
.performance_item dd{float: left; width: 100%; position: relative;z-index: 1}
.performance_item .progress{background:url(../zhuanti/hxjy/xzwq/images/sp/sprite.png?) right -160px no-repeat;  float:left; width: 202px; height: 25px;  *display: inline; *zoom:1;margin:0 0 0  -8px;}
.performance_item .progress .iprogress{background:url(../zhuanti/hxjy/xzwq/images/sp/sprite.png?) 0 -185px no-repeat;  height: 25px; -webkit-animation:go 1.6s ease;}
.performance_item  .progress50 .iprogress{width: 90px;}
.performance_item  .progress53 .iprogress{width: 93px;}
.performance_item  .progress55 .iprogress{width: 95px;}
.performance_item  .progress79 .iprogress{width: 140px;}
.performance_item  .progress110 .iprogress{width: 196px;}
.performance_item .num{float: left;  font:500 20px/25px "microsoft yahei"; color: #06b4e9;*display: inline; margin-left: 10px;}


/*mod_section2*/
.mod_section2{background: url(../zhuanti/hxjy/xzwq/images/sp/box2.jpg?) 0 0 no-repeat; height: 520px; margin-top: 50px}

.mod_section2 .section_bd{}
.m_explain{font:500 15px/30px "microsoft yahei"; color: #76a1c1; }
.m_explain .time{ font:700 18px/40px "microsoft yahei"; color: #c9a330; text-align: center;}
.m_explain .txt{text-indent: 2em;}

/*fixed_menu*/
.fixed_menu {
  z-index: 999;
  width: 90px;
  border: solid 1px #34afef;
  background: url(../zhuanti/hxjy/xzwq/images/sp/menu.png?) no-repeat 0 0;
  padding-top: 82px;
}

.fixed_menu a {
  display: block;
  width: 90px;
  height: 50px;
  overflow: hidden;
  border-top:solid 1px #1b5a88;

}
.fixed_menu a:hover{
  text-decoration: none;

}

.fixed_menu .gototop{display: none; width: 0px;	height: 0px; overflow: hidden; border: 0 none;	}


.fixed_menu .page .sign{
  margin-left: -2px;
}
.fixed_menu a span{
  display: block;
  width: 90px;
  height: 50px;
  overflow: hidden;
  text-align: center;
  color: #5085BA;
  font: 18px/50px "Microsoft YaHei";
  cursor: pointer;
}

.fixed_menu .page{
  _padding-top:20px;
}

.fixed_menu .page span{
  color:#80b2e4;
  font-weight: 700;
}

.fixed_menu .page i{
  display:inline-block;
  width:12px;
  height:16px;
  vertical-align: middle;
  background: url(../zhuanti/hxjy/xzwq/images/sp/sign1.png?) 0 0 no-repeat;
  font-size: 0;
  margin-left: 5px;
}

.fixed_menu a:hover span{
  color: #B1BDCB;
}

.fixed_menu a:hover span i{
  background: url(../zhuanti/hxjy/xzwq/images/sp/sign2.png?) 0 0 no-repeat;
}

.fixed_menu .cur span,.fixed_menu .cur:hover span {
  background: url(../zhuanti/hxjy/xzwq/images/sp/menu.png?) no-repeat -90px 0;
  color: #34afef;
}



@-webkit-keyframes go{
	0%{ width: 0;}
}
@-moz-keyframes go{
	0%{ width: 0;}
}