@charset "utf-8";
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
img/* img elements 图片元素 */{
    border:0;
    margin: 0;
    padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea {
font: 14px/1.5 'microsoft yahei',Arial,Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none;}
/** 重置超链接元素 **/
a { text-decoration: none; color:#000;}
a:hover { text-decoration:underline; color:#ff7309;}
/** 重置对齐方式 **/
img, button, input, select, textarea{ vertical-align:middle;}

body{ color:#333;}
.clear{ clear:both; height:0; line-height:0; overflow:hidden; zoom:0.08;}
.top{ height:35px; line-height:35px; background:url(../images/topbg.jpg) repeat-x;}
.box01_div_02_r div{ text-indent:2em; font-weight:bold;}
.box02_div ul{ margin-top:10px; padding:10px;}
.box02_div_more{ text-align:right; border:1px #00b4ff solid; border-style:dashed; border-top:none; padding:10px;}
.box02_div ul li{ height:30px; line-height:30px; border-bottom:1px #ccc solid; border-bottom-style:dotted; background:url(../images/libg.jpg) 0 8px no-repeat; padding-left:20px;}
.box02_div ul li a{ display:block; width:100%; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;}
.box03_div_rcontent{ padding-bottom:15px; border-bottom:2px #1c1c1c solid; border-bottom-style:dotted; text-indent:2em; line-height:32px;}
.box03_div_r ul{ margin-top:10px;}
.box03_div_r ul li{ padding-bottom:10px;}
.box03_div_r ul li p a{ font-weight:bold; color:#048dec; display:block; width:100%; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;}
.box03_div_r ul li div{ font-size:16px; line-height:27px;}
.box03_div_r ul li div a{ color:#048dec; font-style:italic;}
.box03_div_more{ text-align:right;}
.footer{ border-top:2px #fff solid; background:#0788ee; padding-top:5px; line-height:30px;}
.footer_div{ border-top:5px #fff solid; background:#0788ee; padding-top:2px;}
.footer_div_div{ background:#fff;}
.footer span{ display: inline-block; width:75px;}


@media (min-width: 1000px) {
    body{ background:url(../images/box01bg.jpg) no-repeat scroll center top transparent;background-color:#00b4ff;}
    .fl{ float:left;}
    .fr{ float:right;}
    .ml20{ margin-left:20px;}
    .top_div{ width:1200px; margin:0 auto;}
    .box_01{ display:none;}
    .box01{ padding-top:360px;}
    .box01_div,.box02,.box03{ width:1160px; padding:20px 20px 10px 20px; margin:0 auto; background:#fff;}
    .box01_div_02{ padding-top:20px;}
    .box01_div_02_l{ float:left; width:620px;}
    .box01_div_02_r{ float:right; width:518px; border:1px #ccc solid; background:#f5ffe6;}
    .box01_div_02_r div{ padding:33px 10px; font-size:20px; line-height:38px; letter-spacing:2px;}
    .box02_div{ width:373px;}
	.box02_div ul{ height:258px;}
    .box03_div{ margin-top:20px;}
    .box03_div_l{ width:560px; padding-top:10px;}
    .box03_div_r{ width:570px;}
	.box03_div_rcontent_a{ position:relative; font-size:18px; color:#00b4ff;}
	.box03_div_rcontent_a span{ display:none;}
	.box03_div_rcontent_a:hover{ text-decoration:none;}
	.box03_div_rcontent_a:hover span{ color:#00b4ff; display:block; width:570px; position:absolute; top:-15px; left:-39px; padding:10px; border:1px #00b8ff solid; background:#fff;}
    .box03_div_rcontent_span{ display:none;}
	.box03_div_r ul{ height:297px;}
	.box03_div_r ul li p a{ font-size:20px; padding-bottom:5px;}
    .box_03_title{ display:none;}
    .footer_div_div_div{ width:800px; padding:20px 100px; margin:0 auto;}
    .footer_div_div_div div{ float:right;}
    .footer_div_div_div div:first-child{ float:left; border-right:1px #ccc solid; border-right-style:dotted; padding-right:60px;}

}

@media screen and (max-width: 768px) {
    img{ width:100%;}
    .top_div_l{ display:none;}
    .top_div_r{ text-align:right; padding-right:10px;}
    .box01_div_01{ padding:5px;}
    .box01_div_02_r p{ padding:10px;}
    .box01_div_02_r p img{ width:100%;}
    .box01_div_02_r div{ padding:0px 10px; font-size:16px; line-height:30px;}
    .box02_div{ padding:10px;}
    .box03{ padding:10px;}
    .box03_title{ display:none;}
    .box03_div{ margin-top:10px;}
	.box03_div_rcontent_a{ display:none;}
	.box03_div_rcontent_span{ font-size:16px; color:#00b4ff;}
    .box03_div_r ul li p a{ font-size:16px; padding-bottom:5px;}
    .footer_div_div_div{ padding-left:10px;}
	.footer_div_div_div img{width:auto;}

}