﻿/*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.line{ width: 1190px; display: none; margin: 0 auto; border-top:1px dashed #B8B8B8; height: 1px; }

div.title{ width: 1190px; margin: 0 auto; margin-top: 200px; border-bottom: 1px solid #DAD9D9; }
div.title p{ font-size: 16px; line-height: 30px; color: #2D2D2D; }
div.title p span.title{ display: inline-block; font-size: 24px; padding-left: 4px; margin-right: 30px; border-left: 4px solid #ff9801; line-height: 30px; color: #ff9801; font-weight: bold; }
div.title p a.type{ display: inline-block; margin: 0 6px; }
div.title p a.type:hover{ border-bottom: 2px #ff9801 solid; }
div.title p a.selected{ border-bottom: 2px #ff9801 solid; color: #ff9801; }

ul.content{ width: 1248px; margin: 0 auto; *position: relative; }
ul.content li{ position: relative; width: 208px; display: block; float: left; height: 260px; margin-bottom: 40px; }
ul.content li a{ display: block; width: 150px; margin: 0 auto; }
ul.content li img{ width: 140px; height: 140px; margin-top: 20px; display: block; padding: 3px; border: 2px solid #C2C2C2; }
ul.content li img:hover{ border: 2px solid #ff9801; }
ul.content li p{ text-align: center; font-size: 14px; line-height: 22px; }
ul.content li p.p1{ margin-top: 14px; }
ul.content li p.p2{ color: #949494; }
ul.content li a.zhuanti{ display: block; position: absolute; top: 186px; right: 29px; font-size: 12px; line-height: 16px; _line-height: 20px; _vertical-align: middle; width: 36px; height: 18px; background-color: #A0D515; color: #ffffff; text-align: center; }

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: none; 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: none; width: 26px; height: 26px; margin: 5px 4px; vertical-align: top; line-height: 16px; *line-height: 20px; font-size: 20px; text-align: center; }

@media screen and (max-width: 1190px) {
    div.line{ width: 960px; }

    div.title{ width: 960px; }

    ul.content{ width: 996px; }
    ul.content li{ width: 166px; margin: 0 auto; height: 230px; }
    ul.content li a{ width: 130px; }
    ul.content li img{ width: 120px; height: 120px; }
    ul.content li a.zhuanti{ top: 166px; _top: 164px; _right: 18px; }
}


