﻿/*common*/
.clearFix:after{ clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; }
.clearFix{ *zoom: 1; }
a{ text-decoration: none; }
em{ text-decoration: none; }
body{ font-family: microsoft yahei,​simsun; }
div.title{ width: 1190px; margin: 0 auto; margin-top: 200px; border-bottom: 1px solid #DAD9D9; }
div.title p span.title{ display: inline-block; padding-bottom: 1px; border-bottom: 3px solid #ff9801; font-size: 24px; line-height: 36px; color: #ff9801; }
div.content{ width: 1190px; margin: 0 auto; padding: 16px 0; overflow: hidden; }
ul.content{ width: 1206px; margin: 0 auto; }
ul.content li{ display: none; float: left; width: 380px; height: 330px; border: 2px solid #D5D5D5; margin-bottom: 40px; margin-right: 18px; }
ul.content li:hover{ border: 2px solid #FFC7A4; }
ul.content li img{ width: 380px; height: 175px; display: block; }
ul.content li p{ padding: 0 18px; }
ul.content li p.p1{ margin-top: 20px; line-height: 16px; }
ul.content li p.p1 span.name{ font-size: 20px; line-height: 20px; font-weight: bolder; }
ul.content li p.p1 span.date{ font-size: 14px; line-height: 14px; color: #8B8B8B; }
ul.content li p.p1 a:hover span.date{ color: #ff9801; }
ul.content li p.p1 span.content{ font-size: 14px; line-height: 24px; }

div.page{ height: 36px; /*border: 1px solid #D1D1D1;*/ width: 100%; margin: 0 auto; margin-bottom: 10px; }
div.page p{ font-size: 14px; line-height: 36px; text-align: center; }
div.page p span.title{ display: inline-block; width: 80px; text-align: center; vertical-align: top; }
div.page p span.title em{ color: #ff9801; font-size: 20px; *vertical-align: middle; }
div.page p a.prev,
div.page p a.next{ display: inline-block; width: 54px; text-align: center; vertical-align: top; }
div.page p a.go{ display: inline-block; width: 36px; height: 26px; background-color: #ff9801; text-align: center; color: #ffffff; line-height: 26px; font-size: 18px; margin-top: 5px; margin-right: 10px; }
div.page p span.jump{ display: inline-block; width: 120px; text-align: center; vertical-align: top; _vertical-align: middle; }
div.page p span.jump input{ width: 30px; vertical-align: middle; margin: 0 4px; }
div.page p a.page{ display: inline-block; width: 26px; height: 26px; margin: 5px 4px; line-height: 26px; font-size: 20px; text-align: center; }
div.page p a.page:hover{ color: #ffffff; background-color: #ff9801; }
div.page p a.selected{ color: #ffffff; background-color: #ff9801; }
div.page p span.empty{ display: inline-block; width: 26px; height: 26px; margin: 5px 4px; line-height: 16px; font-size: 20px; text-align: center; }

@media screen and (max-width: 1190px) {
    div.title{ width:960px; }
    div.content{ width: 960px; }
    ul.content{ width: 984px; }
    ul.content li{ width: 300px; height: 290px; margin-right: 24px; }
    ul.content li img{ width: 300px; height: 136px; }
    /*ul.content li p.p1{ margin-top: 6px; line-height: 6px; }*/
    ul.content li p.p1 span.content{ line-height: 20px; }
}




