@charset "utf-8";
/* CSS Document */

/* reset */
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{ margin:0;padding:0; }
em{ font-style:normal;}
li{ list-style:none; }
a { text-decoration:none; }
img { border:none; vertical-align:top; }
table{ border-collapse:collapse; }
textarea{ resize:none;overflow:auto; }
input { border: 0; outline: none; }

/* end reset */

.fl { float: left; }
.fr { float: right; }
.clear { zoom: 1; }
.clear:after { content: ""; display: block; clear: both; }

body { background: #efefef url(../img/newImg/newBg.jpg) repeat center top; }


/* main_nav */

.nav_main { width: 958px; height: 62px; margin: 0 auto; border-bottom: 1px solid #e1e4e6; }
.nav_main ul { height: 62px; }
.nav_main li { float: left; padding-right: 22px; margin-right: 22px; }
.nav_main li a { display: block; font: normal 15px/60px "arial"; color: #666; border-bottom: 2px solid #fff; }
.nav_main li a:hover { font-weight-: bold; color: #0d83d4; border-bottom: 2px solid #24c5bd; }
.nav_main .breadcrumbs { font: normal 12px/60px "arial"; color: #999; }
.nav_main .breadcrumbs a { color: #999; }

.contents { width: 1000px; margin: 0 auto; background: #fff; position: relative; top: -18px; z-index: 999; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05); }
.trends_list { width: 958px; margin: 0 auto; overflow: hidden; }
.trends_list ul { width: 978px; }
.trends_list li { float: left; width: 306px; height: 302px; margin: 24px 20px 24px 0; display: inline; background: url(../img/newImg/box_shadow.png) no-repeat; }
.trends_list li div { width: 272px; margin: 22px auto 0; }
.trends_list li h3 { width: 272px; font: normal 15px/28px "arial"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.trends_list li h3 a { color: #444; }
.trends_list li p { padding-bottom: 8px; font: normal 12px/22px "arial"; }
.trends_list li p a { color: #999; }
.trends_list .newImg { display: block; }
.trends_list .newImg img { width: 271px; height: 201px; }
.trends_list .time { width: 272px; }
.trends_list .time a { display: block; height: 36px; line-height: 22px; border-bottom: 4px solid #c7c7c7;}
.trends_list .text_con { padding-top: 12px; font: normal 12px/26px "arial"; color: #666; }

.trends_list li:hover h3 a,.trends_list li:hover p a  { color: #24c5bf; }
.trends_list li:hover .time a { border-bottom: 4px solid #24c5bf; }

.contents .turn_page { width: 100%; height: 30px; padding: 28px 0 52px 0; }
.contents .tp_wrap { width: 170px; margin: 0 auto; }
.contents .tp_wrap a { display: inline-block; width: 28px; height: 28px; text-align: center; border: 1px solid #e3e3e3; font: normal 12px/28px "arial"; color: #a0a0a0; }
.contents .tp_wrap a:hover { background: #1960bf; color: #fff; }