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

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

/* CSS reset */
html{color:#000;background:#000;-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:#000;  }
.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:#000;}
.full_bg1{background: url(../zhuanti/hxjy/xzwq/images/by/body.png?) repeat center top;}
.full_bg{background: url(../zhuanti/hxjy/xzwq/images/by/full_bg.jpg?) center top no-repeat;padding-bottom: 50px }
.my_footer {border-top:solid 2px #64758c; padding-top: 40px; margin-top: 0;}
.m_explain .txt{color: #7c91ae; font-size: 14px; line-height: 25px; margin-top: 36px; text-indent: 2em;}

.frm_header{position: relative;*zoom:1; height: 850px;}
.frm_header .bg1{background:url(../zhuanti/hxjy/xzwq/images/by/bg1.jpg?) 0 0 no-repeat; height: 283px;}
.frm_header .bg2{background:url(../zhuanti/hxjy/xzwq/images/by/bg2.jpg?) 0 0 no-repeat; height: 284px;}
.frm_header .bg3{background:url(../zhuanti/hxjy/xzwq/images/by/bg3.jpg?) 0 0 no-repeat; height: 283px;}


/* ======================== mod 通用模块 ========================  */
/*mod_box*/
.mod_box{}
.mod_box .mod_hd{ height: 80px;}
.mod_box .mod_hd .tit{font-size: 0; line-height: 0; overflow: hidden;}
.mod_box .mod_bd{}


/* ======================== wg 通用内容 ========================  */


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

/*m_header*/
.m_header{position: absolute; top: 0;left: 0; height: 850px; width: 1000px; z-index: 11; }
.m_header .glogo{background: url(../zhuanti/hxjy/xzwq/images/glogo.png?) 0 0 no-repeat; width: 156px; height: 45px;position: absolute; top: 20px; left: 30px; line-height: 30; overflow: hidden; z-index: 11}
.m_header .video_btn{background:url(../zhuanti/hxjy/xzwq/images/by/sprite.png?) 0 -40px no-repeat; width: 180px; height: 84px; position: absolute; top:140px; right:0; }
.m_header .goto_btn{background:url(../zhuanti/hxjy/xzwq/images/by/sprite.png?) 0 -124px no-repeat; position: absolute; top:742px; left: 350px;  width: 300px; height: 70px; line-height: 30;  overflow: hidden;}
.m_header .mlogo{font-size: 0;	line-height: 0;	 overflow: hidden;}

/*mod_seciton*/
.mod_seciton{background: url(../zhuanti/hxjy/xzwq/images/by/section.jpg?) 0 0 no-repeat; height: 440px;}

.mod_box1{float: left; width: 660px;}
.mod_box1 .mod_hd{ height: 115px;}
.mod_box1 .mod_bd{padding: 	0 0 0 32px;}

/*mod_box2*/
.mod_box2{float: right; width: 330px;}
.mod_box2 .mod_hd{padding: 120px 0 0 0; height: 40px;}
.mod_box2 .mod_hd .tit{background:url(../zhuanti/hxjy/xzwq/images/by/sprite.png?) 0 -194px no-repeat; width: 290px; height: 35px;	}
.mod_box2 .mod_bd{padding:10px 0px 0 0px;}

/*performance_item*/
.performance_item{padding: 10px  0 10px 54px;  }
.performance_item dt{float: left; width: 54px; height: 16px; *display: inline;*zoom:1; margin-left: -54px; font:500 16px/16px "microsoft yahei"; color: #ffffff;}
.performance_item dd{float: left; width: 100%;}
.performance_item .progress{  border: solid 1px #64758c;  float:left; width: 228px; height: 14px;  *display: inline; *zoom:1; margin-right: 5px;}
.performance_item .progress .iprogress{background:url(../zhuanti/hxjy/xzwq/images/by/sprite.png?) 0 -0px no-repeat;  height: 16px; -webkit-animation:go 1.6s ease; margin:-1px -1px;}
.performance_item  .progress82 .iprogress{width: 140px;}
.performance_item  .progress84 .iprogress{width: 154px;}
.performance_item  .progress100 .iprogress{width: 230px;}
.performance_item  .progress62 .iprogress{width: 114px;}
.performance_item .num{float: left;  font:500 16px/20px "microsoft yahei"; color: #ffffff;}

/*mod_box3*/
.mod_box3{background:url(../zhuanti/hxjy/xzwq/images/by/section2.jpg?) 0 0 no-repeat; height: 486px;}
.mod_box3 .mod_hd{ height: 50px; padding-top: 56px }
.mod_box3 .mod_hd .txt{ color: #7c91ae; line-height: 40px ; font-size: 20px;text-align: center; }
.mod_box3 .mod_bd{padding: 0 35px 0;}
.m_explain .txt{color: #7c91ae; font-size: 14px; line-height: 25px; margin-top: 25px; text-indent: 2em;}


.m_header .glogo{ -webkit-animation:zoomin .8s ease;  -moz-animation:zoomin .8s ease; }
/* .m_header .mlogo{ -webkit-animation:zoom 1s ease-out; -moz-animation:zoom 1s ease-out;} */
.m_header .goto_btn{ -webkit-animation:show 1.6s ease; -moz-animation:show 1.6s ease;}


@-webkit-keyframes zoomin{
	0%{ opacity:0; -webkit-transform:scale(3);}
	50%{ opacity:0; -webkit-transform:scale(3);}
}
@-moz-keyframes zoomin{
	0%{ opacity:0; -moz-transform:scale(3);}
	50%{ opacity:0; -moz-transform:scale(3);}
}

@-webkit-keyframes zoom{
	0%{ opacity:0; -webkit-transform:scale(0.2);}
	66%{ opacity:0; -webkit-transform:scale(0.2);}
	90%{ opacity:1; -webkit-transform:scale(1);}
	96%{ opacity:1; -webkit-transform:scale(0.98);}
	100%{ opacity:1; -webkit-transform:scale(1);}
}
@-moz-keyframes zoom{
	0%{ opacity:0; -moz-transform:scale(0.2);}
	66%{ opacity:0; -moz-transform:scale(0.2);}
	90%{ opacity:1; -moz-transform:scale(1);}
	96%{ opacity:1; -moz-transform:scale(0.98);}
	100%{ opacity:1; -moz-transform:scale(1);}
}

@-webkit-keyframes move{
	0%{ opacity:0; -webkit-transform:translateY(30px);}
	50%{ opacity:0; -webkit-transform:translateY(30px); }
}
@-moz-keyframes move{
	0%{ opacity:0; -moz-transform:translateY(30px);}
	50%{ opacity:0; -moz-transform:translateY(30px); }
}
@-webkit-keyframes show{
	0%{ opacity:0; -webkit-transform:scale(0.2);}
	66%{ opacity:0; -moz-transform:scale(0.2);}
	90%{ opacity:1; -moz-transform:scale(1);}
	96%{ opacity:1; -moz-transform:scale(0.98);}
	100%{ opacity:1; -moz-transform:scale(1);}
}
@-moz-keyframes show{
	0%{ opacity:0; -moz-transform:scale(0.2);}
	66%{ opacity:0; -moz-transform:scale(0.2);}
	90%{ opacity:1; -moz-transform:scale(1);}
	96%{ opacity:1; -moz-transform:scale(0.98);}
	100%{ opacity:1; -moz-transform:scale(1);}
}
@-webkit-keyframes go{
	0%{ width: 0;}
}
@-moz-keyframes go{
	0%{ width: 0;}
}

.m_header .mod_gun{ -webkit-animation:light 3s ease-out infinite;}
@-webkit-keyframes light{
	0%{ opacity:1;}
	50%{ opacity:0.2;}
	100%{ opacity:1;}
}

/*fixed_menu*/
.fixed_menu {
  z-index: 999;
  width: 108px;
  padding-top: 112px;
	background: url(../zhuanti/hxjy/xzwq/images/by/menu2.png?) no-repeat 0 0;
}


.fixed_menu a {
  display: block;
  width: 88px;
  height: 40px;
  overflow: hidden;
  margin: 0 auto;

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

}

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

.fixed_menu a span{
  display: block;
  width: 88px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  color: #69bee4;
  font: 14px/40px "Microsoft YaHei";
  cursor: pointer;
}

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

.fixed_menu .page span{
	font-weight: 700;
    font-size: 0;
}


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


.fixed_menu .cur span,.fixed_menu .cur:hover span {
  color: #fefefe;
}
.fixed_menu .page{
	margin-top: 4px;
	background: url(../zhuanti/hxjy/xzwq/images/by/sprite1.png?) no-repeat;
}

.fixed_menu .page i{
	background: none;
}
.fixed_menu .page:hover{
	background: url(../zhuanti/hxjy/xzwq/images/by/sprite2.png?) no-repeat;
}


.j-getp{
	background: url(../zhuanti/hxjy/xzwq/images/by/menu_3.png?) 3px 0 repeat-y;
}

.menu_btm{
	height: 22px;
	background: url(../zhuanti/hxjy/xzwq/images/by/menu2.png?) center -236px no-repeat;
}