@charset "utf-8";
/* gjr @St. 2014-12-09 16:26 */
body { font-family: Microsoft YaHei, Arial; color: #FFF; }
/* body hacks begin */
body.ie6St,
body.ie7St,
body.ie8St { font-family: \5B8B\4F53, Arial; }
/* body hacks end */
img { vertical-align: top; border: none; }
ul { list-style: none; }
caption,
th { text-align: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }
address,
caption,
cite,
code,
dfn,
em,
th,
var { font-weight: normal; font-style: normal; }
/* a */
a { color: #fff; text-decoration: none; }
a:visited { color: #F4F4F4; text-decoration: none; }
a:hover { color: #999 !important; text-decoration: underline !important; }
a:active { color: blue; }
/* fB */
.fB { font-weight: bold; }
.fI { font-style: italic; }
/* blank */
.clear { clear: both !important; overflow: hidden; display: block; }
.blank,
.blank1,
.blank2,
.blank3,
.blank4,
.blank5,
.blank6,
.blank7,
.blank8,
.blank9,
.blank10,
.blank11,
.blank12,
.blank13,
.blank14,
.blank15,
.blank16,
.blank17,
.blank18,
.blank19,
.blank20,
.blank21,
.blank22,
.blank23,
.blank24,
.blank25,
.blank26,
.blank27,
.blank28,
.blank29,
.blank30,
.blank35,
.blank36,
.blank37,
.blank38,
.blank39,
.blank40 { clear: both; overflow: hidden; display: block; }
/* base */
body { font-size: 12px; }
body,
div,
dl,
dt,
dd,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
p { padding: 0; margin: 0; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 12px; }
abbr,
acronym { border: 0; }
/* font-size */
.f12px { font-size: 12px; }
.f14px { font-size: 14px; }
.f16px { font-size: 16px; }
.f18px { font-size: 18px; }
.f20px { font-size: 20px; }
.f22px { font-size: 22px; }
.f24px { font-size: 24px; }
.f26px { font-size: 26px; }
.f28px { font-size: 28px; }
.f30px { font-size: 30px; }
.f32px { font-size: 32px; }
.f34px { font-size: 34px; }
.f36px { font-size: 36px; }
/* blank */
.clear { height: 0px; }
.blank1 { height: 1px; }
.blank2 { height: 2px; }
.blank3 { height: 3px; }
.blank4 { height: 4px; }
.blank5 { height: 5px; }
.blank6 { height: 6px; }
.blank7 { height: 7px; }
.blank8 { height: 8px; }
.blank9 { height: 9px; }
.blank10 { height: 10px; }
.blank11 { height: 11px; }
.blank12 { height: 12px; }
.blank13 { height: 13px; }
.blank14 { height: 14px; }
.blank15 { height: 15px; }
.blank16 { height: 16px; }
.blank17 { height: 17px; }
.blank18 { height: 18px; }
.blank19 { height: 19px; }
.blank20 { height: 20px; }
.blank21 { height: 21px; }
.blank22 { height: 22px; }
.blank23 { height: 23px; }
.blank24 { height: 24px; }
.blank25 { height: 25px; }
.blank26 { height: 26px; }
.blank27 { height: 27px; }
.blank28 { height: 28px; }
.blank29 { height: 29px; }
.blank30 { height: 30px; }
.blank35 { height: 35px; }
.blank36 { height: 36px; }
.blank37 { height: 37px; }
.blank38 { height: 38px; }
.blank39 { height: 39px; }
.blank40 { height: 40px; }
/* float */
.left { float: left; }
.middle { float: left; }
.right { float: right; }
/* box */
.box,
.area { margin: 0 auto; }
/* box */
.box { width: 100%; }
/* banner */
.area { width: 980px; }
/* hide */
.hide { display: none; }
/* rel */
.relative { position: relative; }
/* absolute */
.absolute { position: absolute; }
/* hey we go! */
.top,
.top a { color: #FFF; }
.top { line-height: 34px; font-size: 14px; text-align: center; background-color: #000; }
.top a { margin: 0 9px; }
.bg0,
.bg1,
.bg2,
.banner h1 .bannerTitle { background-position: center top; }
.bg0,
.bg1,
.banner h1 .bannerTitle { background-repeat: no-repeat; }
.bg0,
.banner h1 .bannerTitle { background-image: url(http://www.cngongji.cn/20141209/images/bg0.jpg); }
.bg1 { background-image: url(http://www.cngongji.cn/20141209/images/bg1.jpg); }
body,
.bg2 { background-image: url(http://www.cngongji.cn/20141209/images/bg2.jpg); background-repeat: repeat-y; }
.bg3 { background-color: #4e4e4e; }
.banner,
.banner h1,
.banner h1 .bannerTitle { display: block; height: 297px; overflow: hidden; }
.banner h1 { position: relative; }
.banner h1 .logo,
.banner h1 .bannerTitle { display: block; position: absolute; top: 0; left: 0; }
.banner h1 .logo { width: 150px; height: 75px; z-index: 2; }
.banner h1 .bannerTitle { width: 100%; z-index: 1; }
.colBox0,
.colBox0 .left,
.colBox0 .right { height: 384px; }
.colBox0 { background: url(http://www.cngongji.cn/20141209/images/colBg0.jpg) left top no-repeat; }
.colBox0 .left { width: 592px; }
.colBox0 .in { padding: 31px 12px 0 12px; }
.colBox0 .left .rot { margin: 0 auto; width: 568px; height: 339px; -webkit-transition: all 300ms 200ms; -moz-transition: all 300ms 200ms; -ms-transition: all 300ms 200ms; -o-transition: all 300ms 200ms; transition: all 300ms 200ms; overflow: hidden; }
.colBox0 .left .rot a { text-decoration: none !important; }
.colBox0 .left .rot a:hover { color: #FFF !important; text-decoration: underline !important; }
.colBox0 .right { width: 375px; background: url(http://www.cngongji.cn/20141209/images/colBg1.jpg) right top no-repeat; }
.bigTitle { font-size: 24px; line-height: 30px; }
.abs { font-size: 14px; line-height: 24px; color: #FFF; }
.abs a { color: #fff799; }
.colBox0 .abs { padding: 12px 0; }
.dotLine { clear: both; display: block; width: 100%; height: 1px; background: url(http://www.cngongji.cn/20141209/images/dotLine.jpg) repeat-x; overflow: hidden; }
.list { font-size: 14px; line-height: 24px; }
.list li { padding-left: 20px; background: url(http://www.cngongji.cn/20141209/images/dot.jpg) 4px center no-repeat; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.list li:hover { white-space: inherit; /*line-height:18px; background-position: 4px 9px;*/ }
.list li a { }
.colBox0 .list { padding: 12px 0 0 0; }
.colBox { margin-top: 16px; }
.colBox1 { background: url(http://www.cngongji.cn/20141209/images/colBox1Bg.png) left top repeat-y; }
.colBox1 .in { background-color: #4e4e4e; padding: 12px; }
.colBox1 .left { width: 320px; }
.colBox1 .middle { width: 328px; padding-left: 20px; }
.colBox1 .right { width: 296px; }
.colBox1 .right .list { font-size: 12px; line-height: 18px; padding-top: 12px; }
.colBox1 .right .list li { padding-left: 16px; }
.colTitle { background: url(http://www.cngongji.cn/20141209/images/colTitleBg.jpg) left bottom repeat-x; padding-bottom: 11px; }
.colTitle .n { height: 29px; line-height: 29px; font-size: 18px; background-color: #000; padding-left: 19px; overflow: hidden; }
.pic { position: relative; }
.pic img,
.pic .imgTitle,
.pic .imgTitleBg { display: block; position: absolute; left: 0; width: 100%; }
.pic .imgTitle,
.pic .imgTitleBg { z-index: 3; bottom: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 24px; height: 25px; font-size: 14px; text-align: center; }
.pic .imgTitleBg { z-index: 2; background-color: #000; }
.pic img { z-index: 1; top: 0; }
.pic .imgTitleBg,
.pic a:hover img { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
.pic a:hover .imgTitleBg { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.pic a:hover .imgTitle { color: #FFF; }
.pic .imgTitleBg,
.pic a:hover img,
.pic a:hover .imgTitleBg,
.pic a:hover .imgTitle { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.colBox1 .right .pic { height: 160px; }
.colBox1 .right .pic .imgTitleBg { width: 274px; height: 28px; bottom: -2px; }
.colBox2 { overflow: hidden; }
.colBox2 .in { width: 980px; padding: 20px 20px 15px 28px; }
.colBox2 .in .pic { position: static; width: 163px; float: left; min-height: inherit; padding-right: 26px; }
.colBox2 .in .pic img,
.colBox2 .in .pic .imgTitle,
.colBox2 .in .pic .imgTitleBg { display: block; position: static; left: 0; width: auto; height: auto; }
.colBox2 .in .pic .imgTitle,
.colBox2 .in .pic .imgTitleBg { z-index: 3; bottom: 0; text-overflow: ellipsis; overflow: hidden; white-space: inherit; line-height: 18px; height: auto; font-size: 12px; text-align: center; margin-top: 9px; width: 100%; display: block; }
.colBox2 .in .pic .imgTitleBg { z-index: 2; background-color: #000; display: none; }
.colBox2 .in .pic img { z-index: 1; top: 0; border: #999 1px solid; width: 163px; height: 109px; }
.colBox2 .in .pic .imgTitleBg,
.colBox2 .in .pic a:hover img { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
.colBox2 .in .pic a:hover .imgTitleBg { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.colBox2 .in .pic a:hover .imgTitle { color: #999; }
.colBox2 .in .pic .imgTitleBg,
.colBox2 .in .pic a:hover img,
.colBox2 .in .pic a:hover .imgTitleBg,
.colBox2 .in .pic a:hover .imgTitle { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.colBox3 { overflow: hidden; }
.colBox3 .in { padding-top: 11px; padding-right: 10px; padding-bottom: 11px; padding-left: 10px; }

.txt { font-size: 12px; line-height: 24px; padding: 12px 9px 0 9px; }
.colBox3 .content { padding: 20px; }
.colBox3 .bigTitle { font-size: 18px; text-align: center; }
.colBox3 .abs { font-size: 14px; line-height: 24px; color: #FFF; text-indent: 2em; padding-top: 12px; }
.dotLineVertical { background: url(http://www.cngongji.cn/20141209/images/dotLineVertical.jpg) 696px top repeat-y; }
.colBox4 { overflow: hidden; }
.colBox4 .in { padding: 11px 14px; }
.colBox4 .left { width: 620px; overflow: hidden; float: right; }
.colBox4 .left .in1 { width: 650px; padding-top: 14px; }
.colBox4 .left .in1 .picBox { display: block; width:140px; float: left; padding-right: 18px; }
.colBox4 .left .in1 .picBox img { border:#999 1px solid; }
.colBox4 .left .in1 .picBox a img:hover { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.colBox4 .left .in1 .picBox p { text-align: center; line-height: 24px; height: 48px; padding-top: 6px; /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/ }
.colBox4 .right { width: 303px; float: left; }
.colBox4 .right .pic { height: 292px; }
.colBox4 .txt { }
.colBox4 .content { padding: 14px; background-color: #717171; }
.colBox4 .bigTitle { font-size: 18px; text-align: center; }
.colBox4 .abs { font-size: 14px; line-height: 24px; color: #FFF; text-indent: 2em; padding-top: 12px; }
.colBox4 .dotLineVertical { background: none; }
.colBox5 { overflow: hidden; }
.colBox5 .in { width: 980px; height: 440px; overflow: hidden; position: relative; }
.colBox5 .in .iBox { position: absolute; left: -20px; top: -190px; z-index: 1; }
.colBox5 .in .mask { position: absolute; width: 250px; height: 36px; z-index: 2; top: 245px; left: 535px; }
a img { border: #999 1px solid; }
.colBox5 .in .mask a img,
.colBox5 .in .mask a:hover img { border: none; }
/* 浮动导航 */
.asideBox { left: 50%; margin-left: -585px; /*right: 50%; margin-right: -585px;*/ top: 350px; width: 80px; position: fixed; _position: absolute; _top:expression(documentElement.scrollTop+350);
z-index: 80; }
.pageList { }
.pageList li { margin-bottom: 1px; }
.pageList li a { display: block; line-height: 36px; text-align: center; color: #fff; font-size: 14px; background: #1f1f1f; }
.pageList li a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #fff; text-decoration: none; }
.pageList li a.upArrow { display: block; background: url(http://www.cngongji.cn/20141209/images/upArrow.jpg) left top no-repeat; width: 80px; height: 30px; }
.bottom { background: #000; text-align: center; line-height: 53px; margin-top: 16px; }