
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, time{ margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 12px/1.8 "microsoft yahei",helvetica,Georgia, sans-serif; margin: 0 auto; color: #989898; background: #fff; }
img { border: 0; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fff { background-color: #fff; }
.column_width { width: 1200px; margin: 0px auto; }
.column_banner { position: relative; overflow: hidden; width: 100%; background-position: center top; background-size: cover; }
.column_banner img.bg { width: 100%; display: block; }
.column_banner .txt { position: absolute; left: 50%; margin-left: -575px; width: 1200px; top: 35%; color: #fff; }
.column_banner .txt p { position: relative; transition: 500ms; position: relative; opacity: 0; top: 50px; }
.no-csstransitions .column_banner .txt p { display: none; }
.column_banner .txt .zh { font: bold 34px/1.8 "新宋体","宋体"; }
.column_banner .txt .en { font: bold 42px/1.6 "didot","times new roman"; text-transform: uppercase; margin-bottom: 6px; }
.column_banner .txt .by { font:italic 14px/1.2 "didot","times new roman"; }
.column_nav { padding: 40px 0px 36px; }
.column_nav .zh { font: 30px/1.8 "microsoft yahei"; color: #545454; padding-right: 20px; }
.column_nav .en { font: 24px/1.8 arial; text-transform: uppercase; color: #cdcdcd; }
.column_nav_list { float: right; display: block; position: relative; padding-top: 18px; }
.column_nav_list a { display: block; background: url("../image/ico.png") no-repeat -116px -24px; color: #6f7376; width: 84px; margin-left: 15px; height: 26px; line-height: 26px; text-align: center; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; float: left; display: block; }
.column_nav_list a:hover, .column_nav_list a.act { background-position: 0px -24px; color: #fff; }
.article_list { background-color: #f6f7f8; padding-bottom: 45px; }
.article_list_dl a:link, .article_list_dl a:visited { color: #b1b1b1; }
.article_list_dl a:active, .article_list_dl a:hover { color: #b1b1b1; }
.article_list_dl { border-top: 1px solid #d4d4d4; }
.article_list_dl dd { padding: 28px 0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; border-bottom: 1px solid #d4d4d4; }
.article_list_dl dd .img { float: left; display: block; width: 212px; height: 148px; overflow: hidden; background-color: #f7f7f7; }
.article_list_dl dd .img img { display: block; width: 100%; transition: transform 400ms; -webkit-transition: -webkit-transform 400ms; }
.article_list_dl dd .con { width: 676px; float: left; display: block; margin-left: 50px; color: #b1b1b1; }
.article_list_dl dd .con .t { color: #545454; font: 18px/1.5 "microsoft yahei"; margin-bottom: 18px; }
.article_list_dl dd .con .c { height: 80px; overflow: hidden; text-align: justify; margin-bottom: 32px; font-size: 16px; }
.article_list_dl dd .con .more { color: #fff; font-size: 14px; }
.article_list_dl dd .time { color: #fff; float: right; background-color: #a6a6a6; padding: 5px 0px 0px 15px; width: 65px; height: 95px; }
.article_list_dl dd .time .day { font: 46px/1 arial; }
.article_list_dl dd .time .moth { font: 16px/1.4 "microsoft yahei"; display: block; padding-left: 2px; }
.article_list_dl dd .time .year { font: 22px/1.2 arial; padding-left: 2px; }
.article_list_dl dd:hover { background-color: #e8ebf1; }
.article_list_dl dd:hover .time { background-color: #3366cc; }
.article_list_dl dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.more { width: 84px; height: 26px; line-height: 26px; display: block; text-align: center; }
.article_list_dl dd:hover .con .more { background-color: #3366cc; }
.no-borderradius .more { background: url("../image/ico.png") no-repeat -116px -54px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.no-borderradius .article_list_dl dd:hover .con .more { background-position: 0px -54px; }
@media screen and (max-width:1440px) {
.column_banner { height: 500px; }
.column_banner img.bg { display: none; }
}
@media screen and (max-width:1240px) {
.column_width { width: 1000px; }
.column_banner .txt { width: 1000px; margin-left: -500px; }
.article_list_dl dd .con { width: 528px; }
}
@media screen and (max-width:1024px) {
.column_width { width: 90%; }
.column_banner { height: 400px; }
.column_banner .txt { width: 90%; left: 5%; margin-left: 0px; }
.column_banner .txt .en { font-size: 38px; }
.column_nav .zh { font-size: 28px; }
.column_nav .en { font-size: 32px; }
.article_list_dl dd .con { width: 50%; }
.article_list_dl dd .con .c { height: 64px; margin-bottom: 20px; }
}
@media screen and (max-width:861px) {
.column_banner .txt .en { font-size: 35px; }
.column_nav .zh { font-size: 25px; }
.column_nav .en { font-size: 28px; }
.column_nav_list { float: none; }
.column_nav_list a { margin: 0px 15px 0px 0px; }
.article_list_dl dd .img { width: 30%; margin-right: 8%; height: auto; }
.article_list_dl dd .con { width: 62%; margin: 0px; }
.article_list_dl dd .time { float: none; display: none; }
}
@media screen and (max-width:641px) {
.column_banner .txt .en { font-size: 30px; }
.column_nav .zh { font-size: 20px; display: block; }
.column_nav .en { font-size: 24px; }
.article_list_dl dd .img { width: 100%; float: none; margin: 0px 0px 30px; }
.article_list_dl dd .con { width: 100%; float: none; }
}
@media screen and (max-width:481px) {
.column_banner .txt .en { font-size: 29px; line-height: 1.2; padding: 5px 0px; }
.column_nav_list a { margin: 0px 8px 0px 0px; }
}
