﻿@charset "utf-8";

/*reset*/
*,.icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul {
  margin: 0;
  padding: 0
}
img,div,p,a,span {
  box-sizing: border-box;
}
h1,h2,h3,h4,h5 {
  font-size: 100%;
  font-weight: 400
}
ol,ul {
  list-style: none
}
fieldset,img {
  border: 0
}
img {
  border: 0 none;
  width: auto;
  max-width: 100%;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
caption,th {
  text-align: left
}
caption,em,th {
  font-style: normal;
  font-weight: 400
}
button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}
wbr:after {
  content: '\00200b'
}

a,a:active,a:focus,button,button:active,input,input:focus,select,select:focus,textarea,textarea:focus {
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}
article,aside,dialog,figure,footer,header,nav,section {
  display: block;
  margin: 0;
  padding: 0
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-size: 12px;
  line-height: 18px;
  font-family: PingFang SC, Helvetica, STHeiti, Microsoft YaHei, PingHei, STHeitiSC-Light, Helvetica-Light, Lucida Grande, Lucida Sans Unicode, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
  color: #333;
}
a:link,a:visited,a:hover {
  text-decoration: none;
  color: #333;
}
/* clearfix */
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearit {
  clear: both;
  height: 0;
  font-size: 0;
  overflow: hidden;
}
/* 单行文字溢出时出现省略号，需设定宽度 */
.fn-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wrap1200 {
  width: 1200px;
  margin: 0 auto;
}


/*header*/
.header {
  background: url(../i/header.png) no-repeat center center;
  min-width: 1200px;
  height: 369px;
  margin: 0 auto;
  overflow: hidden;
}

/*content*/
.content {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 30px;
}
.column {
  padding-top: 35px;
  overflow: hidden;
}
.column-header{
  position: relative;
  height:  55px;
  line-height: 55px;
  background: url(../i/icon_title.png) no-repeat left center #d70d0d;
  text-align: center;
}
.column-title{
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color:  #fff;
}
.column-title::before {
  position: absolute;
  left: -25px;
  top:  23px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 4px;
  content: ' ';
  font-size: 0px;
  overflow: hidden;
}
.column-title::after {
  position: absolute;
  right: -25px;
  top:  23px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 4px;
  content: ' ';
  font-size: 0px;
  overflow: hidden;
}
.column-main{
  border: 1px solid #d3d3d3;
  border-top:  0 none;
  padding: 35px 15px;
  overflow: hidden;
}
.column-main p{
    text-indent: 2em;
  color: black;
  font-size: 20px;
  line-height: 24px;
  /*text-align: center;*/ 
  font-family:楷体;
}


/*mods*/
.mods {
  padding-top: 35px;
  overflow: hidden;
}
.mod{
  overflow: hidden;
  float: left;
  width: 380px;
  position: relative;
}
.mod1 {

}
.mod2 {
  margin: 0 30px;
}
.mod3 {
  
}
.mod-header{
  position: relative;
  height:  55px;
  line-height: 55px;
  background: url(../i/icon_title.png) no-repeat left center #d70d0d;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  color:  #fff;
  padding-left: 62px;
}
.mod-header-icon01{
  position: absolute;
  left: 34px;
  top: 17px;
  background: url(../i/icon_m1.png) no-repeat left center;
  width: 20px;
  height: 20px;
}
.mod-header-icon02{
  position: absolute;
  left: 34px;
  top: 17px;
  background: url(../i/icon_m2.png) no-repeat left center;
  width: 20px;
  height: 20px;
}
.mod-header-icon03{
  position: absolute;
  left: 34px;
  top: 17px;
  background: url(../i/icon_m3.png) no-repeat left center;
  width: 20px;
  height: 20px;
}
.mod-header-num{
  padding-right: 14px;
}
.mod-title{
  
}
.mod-main{
  border: 1px solid #d3d3d3;
  border-top:  0 none;
  padding: 35px 15px;
  overflow: hidden;
}
.mod-main p{
  text-indent: 2em;
  color: black;
  font-size: 17px;
  line-height: 24px;
  /*text-align: center;*/ 
  font-family:楷体;
}
.mod .mod-more, .mod .mod-more:visited,.mod .mod-more:hover{
  position: absolute;
  left: 50%;
  bottom: 20px;
  background: url(../i/icon_more.png) no-repeat right 7px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  font-weight: bold;
  color: #d70d0d;
  padding-right: 15px;
  margin-left: -20px;
  cursor: pointer;
}



/*page1*/
.page-content {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 30px;
  background: #fffeea;
}
.page-column {
  background: url(../i/page_column_bg.png) no-repeat center center;
  width: 100%;
  min-height: 363px;
  overflow: hidden;
}
.page-column-header{
  position: relative;
  height: 110px;
  overflow: hidden;
}
.page-column-title{
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -215px;
  background: url(../i/page_column_title.png) no-repeat center center;
  width: 429px;
  height: 87px;
  font-size: 30px;
  font-weight: bold;
  color: #ebe3b0;
  padding: 27px 0 0 100px;
  line-height: 35px;
}
.page-column-main{
  padding: 0px 48px 10px;
  overflow: hidden;
}
.page-column-main p{
  text-indent: 2em;
  color: #333333;
  font-size: 17px;
  font-weight:  bold;
  line-height: 24px;
  text-align: justify; 
  font-family:楷体;
}

.page-mods{
  overflow: hidden;
}
.page-mods-header{
  background: url(../i/page_mod_title.png) no-repeat left center;
  width: 100%;
  height: 27px;
  line-height: 27px;
  font-size: 14px;
  font-weight: bold;
  padding-left: 60px;
  color: #f7ca6b;
}
.page-modes-title{
  color: #fff;
}
.page-mod-row{
  overflow: hidden;
  padding: 20px 60px 0;
}
.page-mod {
  width: 460px;
} 
.page-mod-left {
  float: left;
}
.page-mod-right {
  float: right;
}
.page-mod-table{
  width: 100%;
  border: 1px solid #fce8ca;
}
.page-mod-table-odd tr:nth-child(odd) {
  background: #fcdeba;
}
.page-mod-table-even tr:nth-child(even) {
  background: #fcdeba;
}
.page-mod-table td{
  border: 1px solid #fce8ca;
  line-height: 25px;
  padding: 5px 10px;
}
.page-mod-table td.pmtt{
  text-align: center;
  color: #ee3031;
  font-weight: bold;
  font-size: 14px;
}
.page-mod-table td.pmtn{
  width: 30px;
  text-align: center;
  color: #333;
}
.page-mod-table td.pmtc{
  text-align: left;
  color: #333;
  text-align: justify;
  font-size: 14px;
}










