﻿@charset "utf-8";
*{margin:0;padding:0;font-weight:normal}
body{line-height:2em;font-family:"微软雅黑",sans-serif;color:#333;background-color:#F5F5F5;font-size:16px}
ul, ol, li{list-style-type:none}
img{border:none;max-width:100%}
a{text-decoration:none;color:#333}
a:hover{text-decoration:underline;color:#F00}
h1{font-size:22px}
h2{font-size:18px}
h3{font-size:16px}
.h20{height:20px;clear:both}
.clr{clear:both}
.fl{float:left}
.fr{float:right}
span{color:#888}
.top{background-color:#FFF;height:40px;line-height:40px;border:1px solid #ddd}
.page{width:98%;max-width:1200px;margin:0 auto}
#logo{float:left}
.nav{float:left;font-size:16px}
.nav a{display:inline-block;text-align:center}
.i1-l li{height:170px;float:left;margin-right:8px;margin-bottom:8px;position:relative;text-align:center;overflow:hidden}
.i1-l li img{width:100%}
.i1-l li p{width:100%;background:#ddd;color:#444;height:30px;line-height:30px;overflow:hidden;position:absolute;z-index:1;left:0;bottom:0;opacity:0.6}
.tit-1{height:40px;line-height:40px;padding-left:10px;background-color:#CFFFD2;border-left:3px solid #060}
.lb-1 a{display:block;padding-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url("jt.png") no-repeat 0 11px}
.classTit{height:42px;line-height:42px;background-color:#FFF;border:1px solid #ddd;border-top:3px solid #060;margin-top:-8px}
.tit-2{margin-left:9px}
.more{float:right;font-size:14px}
.more a{;margin-right:8px;color:#888}
.i2-l li{clear:both;height:100px;overflow:hidden;margin-bottom:15px}
.i2-l div{width:20%;overflow:hidden;float:left}
.i2-l p{width:77%;float:right}
.i2-l span{color:#888}
.i2-r{border-bottom:1px dashed #ddd;margin-top:9px}
.i3{clear:both;text-align:center}
.i3 a{display:inline-block;border:1px solid #ddd;margin:1px 1px 0 0;background-color:#FFF}
.i4 li{width:380px;height:70px;float:left;margin-bottom:8px;overflow:hidden}
.i4 li div{width:20%;float:left;margin-right:4%}
.i4 li p{width:76%;float:left}
.i4 dd{width:30px;height:10px;float:left}
.i5 li{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.foot{border-top:2px solid #060;text-align:center;height:60px;line-height:50px}
.chn-1 li{height:234px;float:left;border:1px solid #ddd;background-color:#FFF;text-align:center;margin-bottom:10px;overflow:hidden;position:relative}
.chn-1 li img{width:100%}
.chn-1 li p{width:100%;background:#fff;color:#444;height:30px;line-height:30px;overflow:hidden;position:absolute;z-index:5;left:0;bottom:0;opacity:0.6}
.chn-3 a{display:inline-block;height:32px;line-height:32px;border:1px solid #ddd;background:#fff;text-align:center;margin:0 0 6px 6px;float:right}
.lb-lm1 h1{border-bottom:2px solid #060;margin-bottom:20px}
.lb-lm1 dd{height:80px}
.lb-lm1 p{width:56px;height:56px;line-height:60px;float:left;border:1px solid #F55;background:#fff;text-align:center;margin-right:10px;font-size:30px;color:#F55;border-radius:15%}
.lb-lm1 i{display:block;overflow:hidden;color:#888;height:30px;font-size:14px}
.lb-lm2{width:392px}
#fenye{text-align:center;margin:0 auto;border:1px solid #ddd;padding:6px 0;border-radius:6%;background:#fff}
#fenye a{display:inline-block;width:60px}
.con-l{border:1px #ddd solid;padding:10px 20px;background-color:#FFF}
.daodu{color:#FF9326;font-size:14px}
.con-l h1{border-bottom:1px #FF9326 dashed;text-align:center;line-height:50px}
.con-l h2{margin-top:12px;border-bottom:1px dashed #ddd;color:#900}
.con-l h3{margin-top:12px}
#MyContent p{text-indent:2em}
#MyContent p img{display:block;margin:0 auto}
.rele li{border:1px solid #ccc;margin:0 6px 6px 0;float:left;text-align:center}
@media screen and (max-width:700px){
.top .more{display:none}
#logo{width:100%}
.nav{width:100%}
.nav a{width:20%}
.i1-l li{width:47%}
.i1-c,.i1-r{width:100%}
.i2-r{width:100%}
.i3 a{width:32%}
.i5 li{width:33.3%}
.i5 li img{height:180px}
.chn-1 li{width:49.2%}
.chn-1 li.w12{width:0}
.chn-3 a{width:31%}
.chn-lf2{width:99%}
.chn-lf2 a{width:99%}
.rele li{width:47.5%;height:220px}
.rele li img{height:180px}
.i3 br{display:none}
}
@media screen and (min-width:701px) and (max-width:9999px){
.top{padding:20px 0}
.top .more{width:200px;text-align:right}
#logo{width:180px}
.nav{width:800px}
.nav a{width:100px}
.i1-l{width:400px}
.i1-l li{width:192px}
.i1-c,.i1-r{width:370px;margin-left:15px}
.i2-l{width:70%}
.i2-r{width:28%}
.i3 a{width:19.7%}
.i5 li{width:200px}
.i5 li img{width:200px;height:260px}
.chn-1 li{width:225px}
.chn-1 li.w12{width:10px;border:none;background:#F5F5F5}
.chn-2{width:32%}
.chn-3{width:66%}
.chn-3 a{width:12%}
.chn-lf2{width:750px}
.chn-lf2 a{width:48%;float:left}
.lb-lm1{width:770px}
.con-l{width:750px;float:left}
.rele li{width:32.2%;height:240px}
.rele li img{height:200px}
}