@charset "gb2312"; /* CSS Document */


* { padding: 0; margin: 0; }
html, body, div, iframe, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, nobr, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, caption, article, aside, dialog, strong, b, em, i, table, tbody, tr, td, th, form, input, textarea, select, fieldset, legend, button { margin: 0; padding: 0; background: transparent; outline: none; }
html { height: 100%; }
body { font: 14px/150% sans-serif,"ËÎÌå",Arial; height: 100%;  }

HTML { _background: url(imagestrans.gif) no-repeat fixed; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
em, cite { font-style: normal; }
button { overflow: visible; font-size: 1em; padding: 0; }
input, select { vertical-align: middle; font-weight:500; color:#434343; }
input:-webkit-autofill { background-color: transparent!important; }
a { text-decoration: none; color:#434343; cursor: pointer; }
a:hover { color:#017BC1; }
a:focus { outline: none; }
body { color: #434343; background:#FFF; font-weight: 400; min-width:760px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.wrap { margin: 0 auto; width:1100px; }
.headBox, .navBox,.listBox, .mainBox,.searchBox { overflow:auto; clear:both;}
.headBox { background:url(imageshead_bg.png) center top no-repeat; height:190px;}
	.headBox .logo,.headBox .logo span,.headBox .logo img { display:block; float:left; margin-right:20px;}
	.headBox .logo { padding:45px 0 0; float:left; position:relative; z-index:11;}
	.headBox .logo span { color:#116BAD; font: bold 36px/100px "΢ÈíÑźÚ";}
.navBox { background:#017CC2; margin-bottom:10px;}
	.navBox li { float:left;}
	.navBox li a { display:block; padding:0 18px; color:#FFF; font: 16px/60px "΢ÈíÑźÚ"; }
	.navBox li a:hover, .navBox li .on { background:#0767AC;}
.searchBox { border:1px solid #E6E6E6; border-top:2px solid #017CC2; height:40px; background:#FBFBFB; margin-bottom:10px; }
	.searchBox .searchBar { float:right; overflow:hidden; margin:6px 8px 0 0; }
	.searchBox .searchBar input { color:#909090; display:block; border:#CCCCCC 1px solid; float:left; line-height:18px; height:18px; padding:4px; width:200px; }
	.searchBox .searchBar .btn { display:inline-block;line-height:18px; height:18px; padding:5px 20px; color:#FFF; border:none; background:#0767AC; background-position:center top; }
	.searchBox .dateInfo ,.searchBox .breadcrumb{ float:left;}
         .searchBox .searchBar input.btn { width:80px; text-align:center;height:28px; }

.dateInfo, .breadcrumb { font: 16px/38px "΢ÈíÑźÚ"; padding:0 20px;}

	
/*Ê×Ò³Ñùʽ¿ªÊ¼*/
.headBox .wrap { position:relative; overflow:hidden; height:190px;}
.headImgArea { height:190px; width:600px; position:absolute; overflow:hidden; right:0; top:0; }
	.headImgArea li { position:absolute; display:none; height:190px; width:600px;}
	.headImgArea img { position:absolute;display:none;}
	.headImgArea .hPic1 { display:block;}
.col_l { width:830px; float:left; overflow:auto; margin-bottom:10px;}
.col_r { width:250px; float:right; overflow:auto; margin-bottom:10px; }
	.rightBox h3,.rightBox h3 span,.noticeBox h3, .listBox h1,.newsBox .n_nav { background-image:url(imagesbox.png); background-repeat:no-repeat; }
.imgArea { height:225px; width:385px; position:relative; overflow:hidden; float:left; margin:0 10px 10px 0; }
	.imgArea ul.callbacks {height:225px; width:385px; overflow:hidden;}
	.imgArea ul.callbacks li { height:225px; width:385px; overflow:hidden;}
	.imgArea li a, .imgArea li a img, .imgArea li a span { display:block;} 
	.imgArea li span { position:absolute; color:#FFF; font:14px/30px "΢ÈíÑźÚ"; bottom:0; padding:0 10px; width:365px; height:30px; background:rgba(0,0,0,0.5); overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
	.imgArea .callbacks_tabs { position: absolute; height: 22px; bottom: 2px; right:5px; z-index:9; }
	.imgArea .callbacks_tabs li { float:left; }
	.imgArea .callbacks_tabs a { display:block; float:left; width: 18px;line-height: 18px;text-align: center; margin-right: 1px; cursor: pointer;background: #333; color: #FFFFEF; font-size: 12px; text-decoration:none;}
	.imgArea .callbacks_tabs .callbacks_here a{ background: #CB0E02;}
	
	.newsBox  { width:430px; height:223px; float:left; border:1px solid #DFDFDF; overflow:hidden; margin-bottom:10px;}
	.newsBox .n_nav { border-bottom:1px solid #DFDFDF; height:35px; background-position:left top; background-repeat:repeat-x; }
	.newsBox .n_nav span { font-weight:bold; display:block; float:left; cursor:pointer; padding:0 20px; font:bold 16px/35px "ËÎÌå"; border-right:1px solid #DFDFDF; }
	.newsBox span.on { color:#258BCB; background:#FFF; border-top:3px solid #258BCB; font:bold 16px/33px "ËÎÌå";}
	.newsBox ul { padding:10px; }
	.newsBox li { font:14px/28px "ËÎÌå"; overflow:hidden;}
	.newsBox li a { display:block; float:left; padding:0 0 0 15px; background:url("imagesli_bg.png") 5px center no-repeat; width:70%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
	.newsBox li span { float:right; color:#999999;}
.listBox { margin-bottom:20px;}
	.listBox h1  { border-bottom:2px solid #017CC2; background-position:left -100px; overflow:hidden;  }
	.listBox h1 span { float:left; background: url(imagestit_icon.png) left top no-repeat; padding:0 0 0 80px; display:block;color:#017CC2; font: 22px/42px "΢ÈíÑźÚ";}
	.listBox h1 a { float:right; font: 12px/42px "ËÎÌå",arial; padding:0 10px;}
	.listBox { border:1px solid #E5E5E5;}
	.listBox .l_pic { padding:20px 0 20px 20px; float:left;}
	.listBox .l_pic a { display:block; position:relative;}
	.listBox .l_pic img { width:222px; height:130px; display:block;}
	.listBox .l_pic a span { position:absolute; display:none; left:0; bottom:0; width:202px; padding:0 10px; background:rgba(0,0,0,0.5); color:#FFF; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font: 14px/30px "΢ÈíÑźÚ";}
	.listBox .l_pic a:hover span { display:block;}
	
	.listBox ul { padding:25px 20px 20px; overflow:hidden; }
	.listBox li { font:14px/30px "ËÎÌå"; overflow:hidden;}
	.listBox li a { display:block; float:left; padding:0 0 0 15px; background:url("imagesli_bg.png") 5px center no-repeat;}
	.listBox li span { float:right; color:#999999;}
.rightBox { border:1px solid #E5E5E5; padding:1px; margin-bottom:10px;}
	.rightBox h3 { overflow:hidden; background-position:left 0; background-repeat:repeat-x; border-bottom:1px solid #E5E5E5; }
	.rightBox h3 span { float:left ;background-position: right -200px; padding:0 40px 0 10px; display:block; color:#FFF; font: 16px/41px "΢ÈíÑźÚ";}
	.rightBox h3 a { float:right; font: 12px/41px "ËÎÌå",arial;color:#017CC2; padding:0 10px;}
.rightBox .cont { padding:10px;}
	.rightBox .cont a { font: 14px/30px "΢ÈíÑźÚ"; padding:0 0 0 15px; background:url("imagesli_bg.png") 5px center no-repeat;  display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
	.noticeBox h3 { background-position: right -150px; background-repeat:no-repeat; background-color:#268BCB; overflow:hidden;  }
	.noticeBox h3 span { float:left; padding:0 0 0 10px; display:block; color:#FFF; font: 16px/37px "΢ÈíÑźÚ";}
	.noticeBox h3 a { font: 12px/37px "ËÎÌå",arial;}
	
	.topicBox .cont { padding:10px;}
	.topicBox .cont a { display:block; padding:10px; background:none; border-bottom:1px dashed #E5E5E5;}
	.topicBox img { width:100px; height:58px; display:block; float:left; margin:0 20px 0 0;}
	.topicBox span { font: 16px/60px "΢ÈíÑźÚ"; }

.linkBox { background:#F9F9F9; border-top:1px solid #E5E5E5; overflow:auto; clear:both;}
.linkBox h1 { border-bottom:2px solid #E5E5E5; overflow:visible; height:60px; margin:0;}
.linkBox h1 span { border-bottom:2px solid #017CC2; font: 22px/60px "΢ÈíÑźÚ"; color:#017CC2; display:block; float:left; margin-bottom:-2px;}
.linkBox .cont { overflow:auto; clear:both; padding:30px 0; }
.linkBox .cont a { display:block; float:left; width:25%; font:14px/30px arial;}

.QABox a { display:block; background:url("imagesQA_icon.png") 20px center no-repeat; text-align:center; padding:0 30px 0 100px; font: 16px/75px "΢ÈíÑźÚ"; }
.footer { background:#017CC2; border-top:10px solid #2EA1E2; padding:20px 0; clear:both; overflow:auto;}
	.footer p { text-align:left; font:14px/30px arial; color:#FFF;}
	.copyrightBox { float:left; padding:10px 0;}
	.WXBox { float:right; padding:10px; background:#FFF; margin-right:100px;}
	.WXBox img { display:block; width:96px; height:96px;}
	.WXBox span { display:block; text-align:center;}


/*ÄÚÒ³Ñùʽ¿ªÊ¼*/
.mainArea{ overflow:auto; clear:both; padding:20px 0;}
.side-col { width:250px; float:left;}
.main-col { width:840px; float:right; min-height:480px;}
	.breadcrumb span { display:inline-block; padding-left:40px; background:url("imagesicon.png") left top no-repeat; }
	.breadcrumb em { font-style:normal; font-family:"ËÎÌå"; padding:0 10px;}
	.breadcrumb b { color:#017BC1;}
.all-col { border:1px solid #E5E5E5; padding:10px 30px 20px; min-height:480px;} 

	.leftNav { background:#F5F5F5; overflow:auto; border:1px solid #E5E5E5; }
	.leftNav h1 { font:normal 20px/60px "΢ÈíÑźÚ"; color:#FFF; background:#017BC1 url(imagestit_icon.png) 15px 15px no-repeat; padding:0 30px 0 60px;}
	.leftNav .cont a { display:block; font:16px/50px arial; padding:0 30px; border-bottom:1px solid #E5E5E5; background:#F5F5F5; }
	.leftNav .cont a em { background:#C2D8FD; display:block; width:6px; height:6px; margin:22px 15px 0 0; float:left;}
	.leftNav .cont a:hover,.leftNav .cont a.cursor { color:#017BC1; font-weight:bold;}

.mainList .tit { font:bold 16px/60px arial;border-bottom:1px solid #E5E5E5; }
	.mainList .cont , .mainList ul.cont li { overflow:auto; }
	.mainList ul.cont li a,.mainList ul.cont li span { display:block; float:left; font:14px/36px "΢ÈíÑźÚ"; }
	.mainList ul.cont li a { padding-left:10px; background-position:left -360px;} 
	.mainList ul.cont li span { float:right;}


.pagebar { padding:20px 0 10px;text-align:center; font:12px/18px "ËÎÌå";}
	.pagebar li {display:inline;}
	.pagebar a.nolink {border-color:#EEE; color:#CCC;}
.pagebar a { display:inline-block; height:18px;margin-right:2px; padding:0 8px; border:1px solid #CCC; color:#017CC2;}

.newsdetail, .mainList { border:1px solid #E5E5E5; margin:0 0 10px 0; padding:30px 20px; }
.mainList { padding:20px;}
	.newsdetail .tit { font:22px/60px "΢ÈíÑźÚ"; text-align:center; }
	.newsdetail .m_tit { font:bold 16px/40px arial;border-bottom:1px solid #E5E5E5; margin-bottom:10px; }
	.newsdetail .meta { font:12px/40px arial; text-align:center; border-bottom:1px solid #E5E5E5; margin-bottom:20px; }
	.newsdetail .meta span { padding:0 20px 0 0; display:inline-block;}
	.newsdetail .cont { line-height:160%; overflow:auto;}
	.newsdetail .cont p { text-indent:28px; margin-bottom:20px;}
	.newsdetail ul.cont li { width:30%; margin:0 20px 20px 0; float:left; display:block;}
	.newsdetail ul.cont li span { display:block;}
	.newsdetail ul.cont li span img { display:block; padding:5px; border:1px solid #E5E5E5; background:#F5F5F5;}
	.contUsList,.contUsList ul.cont { overflow:auto; clear:both;}
	

/*СÓÚ1100ÆÁÑùʽ¿ªÊ¼*/
.full .wrap { width:760px; }
	.full .navBox li a {font:12px/32px "΢ÈíÑźÚ"; text-align:center; padding:10px;}
	.full .col_l { width:100%; float:none;}
	.full .col_r { width:100%; float:none; clear:both; height:auto; }
	.full .newsBox { width:360px;}
	.full .headImgArea { right:-120px;}
	.full .headBox .logo span { color:#116BAD; font: bold 34px/100px "΢ÈíÑźÚ";}
	
	.full .mainArea { padding:0;}
	.full .main-col { float:none; min-height:auto; clear:both; width:auto;}
	.full .side-col { width:auto; clear:both; float:none; padding:0; border:none; border-top:1px solid #E5E5E5;}
	.full .leftNav h1,.full .leftNav cont,.full .leftNav a { float:left;}
	.full .leftNav cont,.full .leftNav a { font:16px/40px "΢ÈíÑźÚ";}
	.full .leftNav a { border:none;}
	.full .leftNav .cont a em { margin:15px 10px 0 0;}
	.full .leftNav h1 { font:20px/40px "΢ÈíÑźÚ"; background-position: 10px 0;}