body {font-size:12px;color:#343434;line-height:20px; margin:0; padding:0; background:url(images/et_bg.jpg) center top}
img { border:0}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font { font-size:12px}
h3,h4,h5 { font-weight:normal}

a:link {color:#343434;text-decoration: none}
a:visited {color:#343434;text-decoration: none}
a:active {color:#343434;text-decoration: none}
a:hover {color:#cc0000;text-decoration: underline}
#clear { clear:both}

.w1000 { width:1000px; margin:0 auto}
@media all and (max-width:720px) {
.w1000 { width:95%; margin:0 auto}
}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.bgf { background-color:#FFFFFF}
#clear { clear:both}
.p10 { padding:10px 0}

.head { margin-top:10px; height:17px; background:url(images/et_01.png) no-repeat; background-position:0 -5px; line-height:17px}
.footer{ margin-bottom:10px; height:17px; background:url(images/et_01.png) no-repeat; background-position:0 -33px}
@media all and (max-width:720px) {
.head { background:#fff; border-radius:5px 5px 0 0}
.footer{ background:#fff; border-radius:0 0 5px 5px}
}
.index_b { background:url(images/et_02.png);}
.index_b .index_l { width:258px}
.index_b .index_l .et_logo { padding-left:7px; padding-bottom:10px}
.index_b .index_l .nav li { font-size:14px; width:190px; padding-left:6px; margin-top:10px}
.index_b .index_l .nav li h2 { font-size:14px; line-height:26px}
.index_b .index_l .nav li h3 { font-size:12px}
.index_b .index_l .nav li h3 a { display:block}
.index_b .index_l .nav li span { display:block; color:#fff; padding-left:20px; padding-top:2px}
.index_b .index_l .nav li a { display:block; padding-left:20px}
.index_b .index_l .nav li h2 a { color:#666}
.index_b .index_l .nav li.bg01 span { background-color:#D72836}
.index_b .index_l .nav li.bg01 h3 a { color:#D72836}
.index_b .index_l .nav li.bg02 span { background-color:#EF572B}
.index_b .index_l .nav li.bg02 h3 a { color:#EF572B}
.index_b .index_l .nav li.bg03 span { background-color:#F1B833}
.index_b .index_l .nav li.bg03 h3 a { color:#F1B833}
.index_b .index_l .nav li.bg04 span { background-color:#F6D314}
.index_b .index_l .nav li.bg04 h3 a { color:#F6D314}
.index_b .index_l .nav li.bg05 span { background-color:#E50B81}
.index_b .index_l .nav li.bg05 h3 a { color:#E50B81}
.index_b .index_l .nav li.bg06 span { background-color:#0DCEFE}
.index_b .index_l .nav li.bg06 h3 a { color:#0DCEFE}
.index_b .index_l .nav li.bg07 span { background-color:#0790BC}
.index_b .index_l .nav li.bg07 h3 a { color:#0790BC}
.index_b .index_l .nav li.bg08 span { background-color:#095185}
.index_b .index_l .nav li.bg08 h3 a { color:#095185}
.index_b .index_l .nav li.bg09 span { background-color:#05293D}
.index_b .index_l .nav li.bg09 h3 a { color:#05293D}

.index_b .index_l .l_other { width:190px; padding-left:6px; text-align:right; padding:20px 0}
.index_b .index_l .l_other h2 { font-size:12px; background:url(images/et_ico01.jpg) right no-repeat; padding-right:20px; line-height:30px; color:#666}
.index_b .index_l .l_other h3 { font-size:12px}
.index_b .index_l .l_other h3 a { color:#088EAA; line-height:26px}

@media all and (max-width:720px) {
.index_b { background:#fff;}
.index_b .index_l { width:100%}
.index_b .index_l.ft { float:none}

.index_b .index_l .et_logo { float:left;}
.index_b .index_l .et_logo img { height:80px; width:auto}

.index_b .index_l .nav { float:right; width:70%; display:none}
.index_b .index_l .nav li { float:left; width:50%; padding:0; margin-top:0; padding-bottom:5px; height:26px; overflow:hidden}

.index_b .index_l .l_other { display:none}
}

.index_b .index_r { width:695px}
.index_b .index_r .index_c { width:670px; padding-bottom:30px}
.index_b .index_r .index_c h2 { color:#088EAA; font-size:14px; line-height:30px; padding-left:10px; background:url(images/et_06.jpg) right no-repeat; clear:both}
.index_b .index_r .index_c h3 { font-size:12px; padding:5px 15px; line-height:22px}
.index_b .index_r .index_c ul li { width:133px; float:left; padding:10px 0; text-align:center; line-height:30px}
.index_b .index_r .index_c ul li img { border:2px #ccc solid;  max-width:90%; height:auto}
.index_b .index_r .index_c ul li img:hover { border:2px #088EAA solid}

.index_b .index_r .index_c h1 { font-size:18px; font-family:"΢ÈíÑźÚ","ºÚÌå"; font-weight:normal; line-height:30px; padding-top:10px; text-align:center; color:#088EAA; border-bottom:1px #ccc dotted}
.index_b .index_r .index_c h4 { font-size:12px; color:#999; line-height:30px; text-align:center; padding:0; margin:0}
.index_b .index_r .index_c h4 a { color:#999}
.index_b .index_r .index_c .text_c { font-size:14px; text-align:left; line-height:26px; padding:10px}
.index_b .index_r .index_c .shangx { font-size:12px; text-align:right; color:#666}
.index_b .index_r .index_c .list { margin-left:15px; margin-top:-5px; }

@media all and (max-width:720px) {
.index_b .index_r { width:95%; clear:both; margin:0 auto}
.index_b .index_r.fr { float:none}
.index_b .index_r .tar img { max-width:90%; height:auto}
.index_b .index_r .p10 img { max-width:100%; height:auto}

.index_b .index_r .index_c { width:100%}
.index_b .index_r .index_c h2 { padding-bottom:10px; background:url(images/et_06.jpg) bottom right no-repeat; clear:both}

.index_b .index_r .index_c ul li { width:33.3%}
.index_b .index_r .index_c ul li img { width:90%; height:auto}
.index_b .index_r .index_c ul li h3 { display:block; padding:5px 15px; overflow:hidden; overflow: hidden; text-overflow:ellipsis; white-space: nowrap}
}
@media all and (max-width:480px) {
.index_b .index_r .index_c ul li { width:50%}
}