
/*
author:johnnyhan
date:2012-08-08
*/

/*reset*/
body { margin:0; padding:0; background:#fff; font-family: "宋体", "Arial Narrow"; }
div, form, input, select, ul, ol, li, p, h1, h2, h3, h4, h5, h6, p, dd, dt, dl { margin:0; padding:0; }
ul, ol, li { list-style:none; }
body, table, select, input { font-size:12px; color:#004653; }
img { border:none; display:block;}
a { color:#000; text-decoration:none; }
a:hover { color:#c00; text-decoration:underline; }
h1 { font-size: 16px; }
h2, h3 { font-size: 14px; }
h4, h5, h6 { font-size: 12px; }
.fl { float:left; }
.fr { float:right; }
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{*zoom:1;}
.area{overflow:hidden; }

#menuArea{width: 50px; height: 480px; position: fixed; top: 50%; margin-top: -240px; _position: absolute; right: 100px; z-index:999;}
#menuDesign {position: absolute; top: 3px; left: 0;}
#menuMaker {position: absolute; bottom: -5px; right: 0}
#menuArea li{width: 20px; height: 20px; margin-bottom:17px; cursor: pointer; vertical-align:bottom;}
#menuDesign li{background:url(../image/dot_blue.png) 0 0 no-repeat;
 _background:none; 
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/dot_blue.png" ,sizingMethod="crop"); }
#menuDesign li.current{background:url(../image/dot_current_blue.png) 0 0 no-repeat;
 _background:none; 
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/dot_current_blue.png" ,sizingMethod="crop"); }
#menuMaker li{background:url(../image/dot_green.png) 0 0 no-repeat;
 _background:none; 
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/dot_green.png" ,sizingMethod="crop"); }
#menuMaker li.current{background:url(../image/dot_current_green.png) 0 0 no-repeat;
 _background:none; 
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/dot_current_green.png" ,sizingMethod="crop"); }
#menuArea li a {display: block; width: 20px; height: 20px;position: relative; color:#fff; outline:none}
#menuArea li a span{visibility: hidden; position: absolute; left: -150px; top: -5px; height: 28px; line-height: 28px; font-size: 14px; padding-right: 10px; display:block; float:left;}
#menuArea li a span i{visibility: hidden;  height: 28px; font-style: normal; padding:0 5px 0 12px; display:block; float:left;}
#menuArea li a:hover{text-decoration:none; zoom:1;}
#menuDesign li a span{background:url(../image/bg_tipr_blue.png) right 0 no-repeat;_background:#39abe4;}
#menuDesign li a span i{background:url(../image/bg_tipl_blue.png) left 0 no-repeat;_background:#39abe4;}
#menuMaker li a span{background:url(../image/bg_tipr_green.png) right 0 no-repeat;_background:#00b1b9}
#menuMaker li a span i{background:url(../image/bg_tipl_green.png) left 0 no-repeat;_background:#00b1b9}
#menuArea li a span.show{visibility: visible;}
#menuArea li a span.hide{visibility: hidden;}
#menuArea li a span i.show{visibility:visible;}
#menuArea li a span i.hide{visibility: hidden;}

.inner{width:1000px; margin:0 auto;}
.outer{overflow:hidden;}
#area0{
	height:1134px;
	background-color: #c6e2f4;
	background-image: url(../image/bg_index.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}
#area1{background:#c6e2f4 url(../image/bg_as.jpg) repeat 0 0;height:1173px;}
#area1 .outer{background:url(../image/bg_as_wrap.jpg) no-repeat center 0;}
#area2{background:#c6e2f4 url(../image/bg_dh.jpg) repeat 0 0;height:1040px;}
#area2 .outer{background:url(http://www.cqguangrong.com/images/bg_dh_wrap.jpg) no-repeat center 0;}
#area3{background:url(../image/bg_qs.jpg) repeat 0 0;height:1344px;}
#area3 .outer{background:url(../image/bg_qs_wrap.jpg) no-repeat center 0;}
#area4{background:url(../image/bg_tpz.jpg) repeat 0 0;height:959px;}
#area4 .outer{background:url(../image/bg_tpz_wrap.jpg) no-repeat center 0;}
#area5{background:#e4e9ec url(../image/bg_sp.png) repeat-x 0 0;height:1496px; padding-top:4px;}
#area5 .outer{background:url(../image/bg_sp_wrap.jpg) no-repeat center 0;}
#area6{background:url(../image/bg_cg.jpg) repeat 0 0;height:1173px;}
#area7{background:#020100;height:1344px;}
#area7 .outer{background:url(../image/bg_xm_wrap.jpg) no-repeat center 0;}
#area8{background:#020100;height:1344px;}
#area8 .outer{background:url(../image/bg_zt_wrap.jpg) repeat 0 0;}
#area9{background:url(../image/bg_wb.jpg) repeat 0 0;height:1344px;}
#area10{background:#e4e9ec url(../image/bg_kpt.jpg) repeat 0 0;height:1173px;}
#area10 .outer{ background:url(../image/bg_kpt_wrap.jpg) no-repeat center 0;}
#area11{background:#bb2588 url(../image/bg_logo.jpg) no-repeat center 0;height:1173px;}

/*侧边栏*/
.sideBar{float:left;padding:0 20px;width:230px; height:500px; background:url(../image/bg_side_deep.jpg) repeat 0 0;}
.sideBar h2{font:bold 30px/1.5 "微软雅黑","黑体"; padding:76px 0 10px; color:#b4b4b4; border-bottom:2px solid #41799a;}
.pubInfo{font-size:14px;line-height:24px; color:#6d6d6d; padding-bottom:10px; border-bottom:1px solid #2c2d2d;}
.pubInfo span{font-size:14px;line-height:24px; color:#50A7D9;}
.box{overflow:hidden; zoom:1;}
.box .hd{ height:50px; line-height:40px; font:18px/40px "微软雅黑","黑体"; color:#417ea1;}
.box .bd{overflow:hidden; padding-bottom:20px; border-bottom:1px solid #3E3E3E;}
.twC .pic{display:block; width:74px; height:74px; overflow:hidden; border:1px solid #000; border:4px solid #f0f0f0;}
.twC .txt{text-align:center;line-height:17px; padding-top:8px;font-family:'微软雅黑','黑体';}
.twC .txt,.twC .txt a{text-align:center; color:#50A7D9;}
.twC .txt span{ color:#868686;font-family: "微软雅黑","黑体";}
.twC{overflow:hidden; zoom:1; width:82px;}
.box .twC{
	float:left;
	display:inline;
	margin-right:7px;
	height:90px;
	overflow:hidden;
}
.ued{margin-top:20px;width:150px; height:37px; background:url(../image/bg_logo_ued.png) no-repeat 0 4px;
 _background:none; 
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="(../image/bg_logo_ued.png" ,sizingMethod="crop"); }
.userCheckItem{display:none}
.addAttention{display:block; width:56px; height:13px; background:url(../image/btn_st.png) no-repeat 0 0; text-indent:-999em; float:right;}
.delAttention{text-indent:0; float:right; color:#ccc;}

#area1 .sideBar{height:1373px;}
#area1 .sideBar h2{border-bottom:2px solid #B76BED;}
#area1 .pubInfo{color:#A8A8A8; border-bottom:1px solid #3E3E3E; }
#area1 .pubInfo span{ color:#B76BED;}
#area1 .box .hd{color:#B76BED;}
#area1 .box .bd{border-bottom:1px solid #3E3E3E;}
#area1 .twC .txt,#area3 .twC .txt a{color:#B76BED;}
#area1 .twC .txt span{color:#868686;}


#area2 .sideBar{height:1040px;}
#area2 .sideBar h2{font-weight:normal;}
#area2 .sideBar h2 img{display:block; margin-left:40px;}

#area3 .sideBar{height:1344px; background:#317ED0;}
#area3 .sideBar h2{color:#fff; border-bottom:2px solid #0E56A2;}
#area3 .pubInfo{ color:#fff; border-bottom:1px solid #1C6DC3; }
#area3 .pubInfo span{ color:#fff;}
#area3 .box .hd{color:#fff;}
#area3 .box .bd{border-bottom:1px solid #1C6DC3;}
#area3 .twC .txt,#area3 .twC .txt a{color:#fff;}
#area3 .twC .txt span{color:#0C539F;}

#area4 .sideBar{height:959px;}
#area4 .sideBar h2{color:#E1E1E1; border-bottom:2px solid #ACACAC;}
#area4 .pubInfo{ color:#fff; border-bottom:1px solid #545454; }
#area4 .pubInfo span{ color:#fff;}
#area4 .box .hd{color:#B5BFCB;}
#area4 .box .bd{border-bottom:1px solid #545454;}
#area4 .twC .txt,#area4 .twC .txt a{color:#EBBD50;}
#area4 .twC .txt span{color:#868686;}


#area5 .sideBar{height:1496px; background:url(../image/bg_sp_side.jpg) repeat 0 0; overflow:hidden;}
#area5 .sideBar h2{color:#E1E1E1; border-bottom:2px solid #668B93;}
#area5 .pubInfo{ color:#333; border-bottom:1px solid #A1B9BF; }
#area5 .pubInfo span{ color:#333;}
#area5 .box .hd{color:#868686;}
#area5 .box .bd{border-bottom:1px solid #A1B9BF;}
#area5 .twC .txt,#area5 .twC .txt a{color:#1996B9;}
#area5 .twC .txt span{color:#868686;}


#area6 .sideBar{height:1173px;}
#area7 .sideBar{height:1344px; background:url(../image/bg_xm_side.jpg) repeat 0 0;}
#area7 .sideBar h2{color:#ccc; border-bottom:2px solid #874D3E;}
#area7 .pubInfo{ color:#A8A8A8; border-bottom:1px solid #884E3F; }
#area7 .pubInfo span{ color:#FFB413;}
#area7 .box .hd{color:#FFB413;}
#area7 .box .bd{border-bottom:1px solid #884E3F;}
#area7 .twC .txt,#area7 .twC .txt a{color:#ECA416;}
#area7 .twC .txt span{color:#868686;}


#area8 .sideBar{height:1344px; background:url(../image/bg_zt_side.jpg) repeat 0 0;}
#area8 .sideBar h2{color:#ccc; border-bottom:2px solid #57021C;}
#area8 .pubInfo{ color:#A8A8A8; border-bottom:1px solid #8D3C61; }
#area8 .pubInfo span{ color:#280011;}
#area8 .box .hd{color:#44001C;}
#area8 .box .bd{border-bottom:1px solid #8D3C61;}
#area8 .twC .txt,#area8 .twC .txt a{color:#50A7D9;}
#area8 .twC .txt span{color:#868686;}

#area9 .sideBar{height:1344px; background:#2E2E2E;}
#area9 .sideBar h2{color:#ccc; border-bottom:2px solid #74AC33; font-weight:normal; font-size:26px;}
#area9 .pubInfo{ color:#F3EBF4; border-bottom:1px solid #8D3C61; }
#area9 .pubInfo span{ color:#71A930;}
#area9 .box .hd{color:#6DA42B}
#area9 .box .bd{border-bottom:1px solid #3E3E3E;}
#area9 .twC .txt,#area9 .twC .txt a{color:#518812;}
#area9 .twC .txt span{color:#F3E5E5;}

#area10 .sideBar{height:1173px;}
#area10 .sideBar h2{color:#F3E5E5; border-bottom:2px solid #4D9FCE;}
#area10 .pubInfo{ color:#ccc; border-bottom:1px solid #3E3E3E; }
#area10 .pubInfo span{ color:#50A7D9;}
#area10 .pubInfo strong{font-weight:normal;}
#area10 .box .hd{color:#50A7D9}
#area10 .box .bd{border-bottom:1px solid #3E3E3E;}
#area10 .twC .txt,#area10 .twC .txt a{color:#518812;}
#area10 .twC .txt span{color:#868686;}

#area11 .sideBar{height:1173px; background:url(../image/bg_logo_side.jpg) repeat 0 0;}
#area11 .sideBar h2{color:#87941A; border-bottom:2px solid #D64899; text-align:center;}
#area11 .pubInfo{ color:#87941A; border-bottom:1px solid #D34899; }
#area11 .pubInfo span{ color:#CF1C92;}
#area11 .pubInfo strong{font-weight:normal;}
#area11 .box .hd{color:#D33DA0}
#area11 .box .bd{border-bottom:1px solid #D34899;}
#area11 .twC .txt,#area11 .twC .txt a{color:#D44899;}
#area11 .twC .txt span{color:#868686;}
#area11 .ued{background: url(../image/bg_logo_ued2.gif) no-repeat 0 4px;}

/* 主要内容区 */
.mainCon{float:left;width:730px;}

#area1 .mainCon{position:relative;}
#area1 #asEnter{position:absolute;left:414px; top:247px; display:block; width:82px; height:30px; background:url(../image/bg_jt_white.png) no-repeat -999em -999em; text-indent:-999em; overflow:hidden;}
#area3 .mainCon img{display:block;}
#area4 .mainCon{position:relative;}
#aykb,#mvzwt,#gqzt,#tpzp,#aytj{ display:block; position:absolute; text-indent:-999em; overflow:hidden; background:url(../image/bg_jt_white.png) no-repeat -999em -999em;}
#aykb{width:90px; height:55px;left:5px; top:48px;}
#mvzwt{width:101px; height:65px;left:487px; top:12px;}
#gqzt{width:86px; height:39px;left:6px; top:380px;}
#tpzp{width:130px; height:130px;left:475px; top:420px;}
#aytj{width:90px; height:30px;left:298px; bottom:55px;}
#area5 .mainCon{overflow:hidden;}
#area5 .mainCon img{float:left;}
#area6 .mainCon{ padding-top:73px;}
#area6 .twP{position:relative;width:330px; height:228px; overflow:hidden; float:left;display:inline; margin-left:20px; background:url(../image/bg_shadow1.jpg) no-repeat 0 228px; padding-bottom:20px;}
#area6 .twPbig{width:680px; height:486px; background-position:0 486px;}
#area6 .twP a{display:block; width:100%; height:100%; overflow:hidden; background:#187FC4 url(../image/bg_jt_white.png) no-repeat 305px 194px;color:#64adde;}
#area6 .twPbig a{background-position:649px 451px;}
#area6 .twP a:hover{background:#000 url(../image/bg_jt_white2.png) no-repeat 305px 194px; text-decoration:none;zoom:1;}
#area6 .twPbig a:hover{background-position:649px 451px;}
#area6 .twP img{display:block; padding:5px 0 0 5px;}
#area6 .twPbig img{display:block; padding:11px 0 0 10px;}
#area6 .twP a:hover img{filter:alpha(opacity=50);opacity: 0.5;}
#area6 .twP p{height:40px; line-height:40px; text-indent:10px;}
#area6 .twP a:hover p{ color:#fff;}
#area6 .twP span{position:absolute;left:50%; top:50%; margin:-30px 0 0 -48px; z-index:2;display:none; width:95px; height:27px; line-height:27px; color:#DB40B5; text-align:center; background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6}
#area6 .twP a:hover span{display:block;}
#area7 .mainCon img{float:left;}
#area8 .mainCon{position:relative;}
#jpyx,#ldm,#mrpd,#ztmb,#yst,#qjsm{display:block; position:absolute; text-indent:-999em; overflow:hidden;background:url(../image/bg_jt_white.png) no-repeat -999em -999em;}
#jpyx{width:217px; height:44px; left:439px; top:162px;}
#ldm{width:231px; height:37px; left:175px; top:475px;}
#mrpd{width:215px; height:31px; left:383px; top:867px;}
#ztmb{width:278px; height:41px; left:47px; top:931px;}
#yst{width:265px; height:34px; left:28px; top:1174px;}
#qjsm{width:265px; height:34px; left:28px; top:1220px;}
#area9 .mainCon img{float:left;}




#area12{background:#f05632 url(../image/na1bg.jpg);}
#area12 .inner{background:#04431a url(../image/bg_side_deep.jpg); overflow:hidden; clear:both;} 
#area12 .sideBar{height:1173px;background:none;}
#area12 .mainCon{background:#fff;}
#area12 .mainCon h1{padding:30px 10px;font-family:"微软雅黑","黑体","Arial",sans-serif;font-size:60px;line-height:60px; text-align:center;}

#area12 .mainCon .hdup{width:730px;height:420px;text-align:center;}
#area12 .mainCon .jude{float:left;padding-left:30px;}
#area12 .mainCon .jude a{float:left;display:block;width:310px;height:400px;background:url(http://www.cqguangrong.com/images/jude.jpg) no-repeat;}
#area12 .mainCon .jude a:hover{background:url(http://www.cqguangrong.com/images/judefire.jpg) no-repeat;}
#area12 .mainCon .jude span{ display:none;}
#area12 .mainCon .six {float:left;width:380px;padding-top:40px;}
#area12 .mainCon .six h2{float:left;width:172px;height:110px;margin:2px;color:#fff;font-family:"微软雅黑","黑体","Arial",sans-serif;font-size:32px;line-height:106px; text-align:center;}
#area12 .mainCon .six .bgb{ background:#2a99eb}#area1 .mainCon .six .bgb:hover{ background:#f438b0}
#area12 .mainCon .six .bgp{ background:#f438b0}#area1 .mainCon .six .bgp:hover{ background:#2a99eb}


#area13{background:#548b13 url(../image/na2bg.jpg);}
#area13 .inner{background:#0a3652 url(../image/na2mbg.jpg); overflow:hidden; clear:both;} 
#area13 .sideBar{background:none;}
#area13 .sideBar{height:840px;}
#area13 .mainCon{background:#fff;}


#area14{background:#d7c801 url(../image/na3bg.jpg);}
#area14 .inner{background:#04431a url(../image/bg_side_deep.jpg); overflow:hidden; clear:both;} 
#area14 .sideBar{height:1173px;background:none;}
#area14 .mainCon{background:#fff;}
#area14 .mainCon .imgbox{width:710px;padding:10px; text-align:center;}

#area15{background:#e9d1a7 url(../image/na4bg.jpg);}
#area15 .inner{background:#551b27 url(../image/na4mbg.jpg); overflow:hidden; clear:both;} 
#area15 .sideBar{height:1173px;background:none;}
#area15 .mainCon{background:#fff;}


#area16{background:#de2c49 url(../image/na5bg.jpg);}
#area16 .inner{background:#04431a url(../image/a1bg.jpg); overflow:hidden; clear:both;}
#area16 .sideBar{height:1173px;background:none;}
#area16 .mainCon{background:#fff;}


#area17{background:#63ab58 url(../image/na6bg.jpg);}
#area17 .inner{background:#04431a url(../image/bg_side_deep.jpg); overflow:hidden; clear:both;}
#area17 .sideBar{height:1173px;background:none;}
#area17 .mainCon{background:#fff;}

.mainCon .codebox{padding:10px;font-family:"微软雅黑","黑体","Arial",sans-serif;font-size:18px;line-height:24px; text-align:left; color:#CCC;}
.mainCon .imgbox{width:710px;padding:10px; text-align:center;}
.wfe{margin-top:20px;margin-left:28px;width:173px; height:67px; background: url(../image/wfe_logo.png) no-repeat 0 0;}

.mainCon .text{font-size:24px;font-family:'微软雅黑','黑体';text-indent:2em;line-height:36px;margin:20px 0;padding:0 20px;color:#229af0; }
#area12 .marg,#area13 .marg{margin-top:53px;}
#area12 .mainCon,#area13 .mainCon{padding-bottom:30px;}
#area13 .designer  .tac{margin:0 7px 0 72px}/*  |xGv00|1c219776fe7368ce7af90a6dd87901e6 */
