@charset "UTF-8";
/*基础样式文件引入*/
/*颜色样式文件引入*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0; }
p{text-align:justify;}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500; }

address, cite, dfn, em, var {
  font-style: normal; }

code, kbd, pre, samp {
  font-family: couriernew, courier, monospace; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

legend {
  color: #000; }

fieldset, img {
  border: 0; }

button, input, select, textarea {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.clearfix, .row {
  display: block; }

.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: "";
  display: table; }

.clearfix:after, .row:after {
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

.w-100p {
  width: 100%; }

.w-95p {
  width: 95%; }

.w-90p {
  width: 90%; }

.w-85p {
  width: 85%; }

.w-80p {
  width: 80%; }

.w-78p {
  width: 78%; }

.w-75p {
  width: 75%; }

.w-70p {
  width: 70%; }

.w-65p {
  width: 65%; }

.w-62p {
  width: 62%; }

.w-60p {
  width: 60%; }

.w-55p {
  width: 55%; }

.w-50p {
  width: 50%; }

.w-45p {
  width: 45%; }

.w-40p {
  width: 40%; }

.w-35p {
  width: 35%; }

.w-33p {
  width: 33.33%; }

.w-30p {
  width: 30%; }

.w-25p {
  width: 25%; }

.w-22p {
  width: 22%; }

.w-20p {
  width: 20%; }

.w-15p {
  width: 15%; }

.w-10p {
  width: 10%; }

.w-5p {
  width: 5%; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left; }

.col-1-fr, .col-2-fr, .col-3-fr, .col-4-fr, .col-5-fr, .col-6-fr, .col-7-fr, .col-8-fr, .col-9-fr, .col-10-fr, .col-11-fr, .col-12-fr {
  float: right; }

.col-12 {
  width: 100%; }

.col-11 {
  width: 91.66666667%; }

.col-10 {
  width: 83.33333333%; }

.col-9 {
  width: 75%; }

.col-8 {
  width: 66.66666667%; }

.col-7 {
  width: 58.33333333%; }

.col-6 {
  width: 50%; }

.col-5 {
  width: 41.66666667%; }

.col-4 {
  width: 33.33333333%; }

.col-3 {
  width: 25%; }

.col-2 {
  width: 16.66666667%; }

.col-1 {
  width: 8.33333333%; }

.col-11-fr {
  width: 91.66666667%; }

.col-10-fr {
  width: 83.33333333%; }

.col-9-fr {
  width: 75%; }

.col-8-fr {
  width: 66.66666667%; }

.col-7-fr {
  width: 58.33333333%; }

.col-6-fr {
  width: 50%; }

.col-5-fr {
  width: 41.66666667%; }

.col-4-fr {
  width: 33.33333333%; }

.col-3-fr {
  width: 25%; }

.col-2-fr {
  width: 16.66666667%; }

.col-1-fr {
  width: 8.33333333%; }

img {
  max-width: 100%;
  height: auto; }

.hide {
  display: none; }

.show {
  display: block; }

a {
  color: inherit; }
  a:hover {
    text-decoration: none; }

.h-10 {
  height: 10px;
  background-color: #fffdf8; }

.h-70 {
  height: 70px; }

.h-85 {
  height: 85px; }

.h-95 {
  height: 95px; }

.h-90 {
  height: 90px; }

.h-110 {
  height: 110px; }

.h-140 {
  height: 140px; }

.h-165 {
  height: 165px; }

.h-175 {
  height: 175px; }

.pf {
  position: fixed; }

.pr {
  position: relative; }

.pa {
  position: absolute; }

.c-009944 {
  color: #009944 !important; }

.c-e60012 {
  color: #e60012 !important; }

.c-0068b7 {
  color: #0068b7 !important; }

.c-22ac38 {
  color: #22ac38 !important; }

.c-00ff00 {
  color: #00ff00 !important; }

.c-313131 {
  color: #313131 !important; }

.c-ccc {
  color: #ccc !important; }

.c-eb6100 {
  color: #eb6100 !important; }

.c-7d7d7d {
  color: #7d7d7d !important; }

.c-535353 {
  color: #535353 !important; }

.c-ec6941 {
  color: #ec6941 !important; }

.b-005982 {
  background: #005982; }

html {
  font-size: 100px; }

html, body {
  background: #fff; }

body {
  width: 100%;
  height: 100%;
  font-family: 微软雅黑 !important;
  font-size: 12px; }

.container {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto; }

.con-one .sjImg {
  display: none; }

.con-two {
  padding-top: 0.9rem; }

.two-text-warp {
  width: 80%;
  margin: 0 auto;
  border: 0.1rem solid #838280;
  padding: 0.3rem 0.8rem;
  font-size: 0.45rem;
  color: #838280;
  line-height: 2.55; }

.con-three { width:70%;
  padding-top: 0.5rem;
  line-height: 1.5; margin:0 auto;}
  .con-three h3 {
    font-size: 0.95rem;
    color: #da251c; }
  .con-three h5 { margin-right:0.5rem;
    font-size: 0.95rem;
    color: #da251c; }
  .con-three .pic { margin-top:2rem;
    width: 2.2rem;
    height: 1.85rem; }

.con-four {
  padding: 0.9rem 8% 0; }
  .con-four .pic {
    width: 89%;
    margin: 0 auto; }
  .con-four .text {
    width: 81%;
    margin: 0 auto; }
  .con-four .row {
    margin-bottom: 1.4rem; }
  .con-four h3 {
    font-size: 0.54rem; }
  .con-four p, .con-four h5, .con-four h6 {
    font-size: 0.24rem; }
  .con-four p {
    line-height: 2; }
  .con-four .row1-text1 {
    padding-top: 1.35rem; }
    .con-four .row1-text1 h3 {
      color: #da251c; }
    .con-four .row1-text1 p { 
      margin-top: 0.45rem;
      color: #000000;
      text-indent: 2em; }
  .con-four .row1-logo {
    width: 1.4rem;
    margin-left: 0.4rem;
    margin-top: 0.4rem; }
  .con-four .row2-text1 h3 {
    font-weight: bold;
    color: #d81002; }
  .con-four .row2-text1 h5 {
    margin-top: 0.4rem;
    width: 50%;
    line-height: 0.75rem;
    border-bottom: 2px solid #000000; }
  .con-four .row2-text1 p {
    padding-top: 0.15rem; }
  .con-four .row3-text1 h3 {
    white-space: nowrap;
    color: #d81002; }
  .con-four .row3-text1 p {
    padding: 0.4rem 0; }
  .con-four .row4-text1 h3 {
    color: #d81002;
    padding-bottom: 0.15rem; }
  .con-four .row4-text1 h5 {
    font-weight: bold;
    line-height: 2;
    color: #000000; }
  .con-four .row4-text1 p {
    padding: 0.45rem 0 0; }
  .con-four .row5-text1 {
    padding-top: 0.5rem; }
    .con-four .row5-text1 h3 {
      color: #d81002; }
    .con-four .row5-text1 h4 {
      color: #000000;
      font-size: 0.3rem;
      text-align: center;
      padding: 0.4rem 0 0.3rem; }
    .con-four .row5-text1 h6 {
      color: #d60a04;
      line-height: 2; }
    .con-four .row5-text1 .row5-text1-t {
      margin-bottom: 0.25rem; }
    .con-four .row5-text1 .p2 {
      margin-left: 0.35rem; }
  .con-four .row6-text1-pic {
    width: 97%; }
  .con-four .row7-text1 h3 {
    text-align: center;
    color: #d81002;
    padding-bottom: 0.45rem; }
  .con-four .row8-text1-pic {
    width: 80%;
    margin: 0 auto 0.45rem; }

.con-title {
  text-align: center; }
  .con-title h3 {
    display: inline-block;
    padding-left: 3.15rem;
    background: url("../images/logo-pic-2.jpg") no-repeat left center;
    background-size: 2.85rem auto;
    font-size: 0.48rem;
    color: #d8232a;
    font-weight: bold;
    height: 1.2rem;
    padding-top: 0.4rem; }

.con-five {
  padding-bottom: 1rem; }
  .con-five p {
    font-size: 0.32rem;
    line-height: 2.65;
    width: 73%;
    margin: 0.5rem auto 0;
    font-weight: bold; }
    .con-five p b {
      font-size: 0.42rem;
      color: #dd2220; }
    .con-five p span {
      padding-left: 7%; }

.con-six {
  padding-top: 0.7rem;
  padding-bottom: 1rem; }
  .con-six h4, .con-six h5, .con-six .text {
    padding-top: 0.5rem; }
  .con-six h4 {
    text-align: center;
    font-size: 0.36rem;
    color: #d8232a;
    font-weight: bold; }
  .con-six h5 {
    padding-top: 0.4rem;
    font-size: 0.3rem;
    color: #000000;
    text-align: center; }
  .con-six .text {
    width: 75%;
    margin: 0 auto; }
    .con-six .text p {
      line-height: 2.2;
      font-size: 0.3rem; }
    .con-six .text .p2 {
      margin-left: 0.45rem; }

.con-seven {
  background: #dededc;
  padding: 0.5rem 15px; }
  .con-seven h5 {
    text-align: center;
    font-size: 0.6rem;
    color: #838280;
    line-height: 1.6;
    font-weight: bold; }

@media screen and (max-width: 1601px) {
  html {
    font-size: 79px; } }
@media screen and (max-width: 1441px) {
  html {
    font-size: 70px; } }
@media screen and (max-width: 1367px) {
  html {
    font-size: 64px; } }
@media screen and (max-width: 1281px) {
  html {
    font-size: 56px; } }
@media screen and (max-width: 1241px) {
  html {
    font-size: 43px; } }
@media screen and (max-width: 1140px) {
  html {
    font-size: 30px; } }
@media screen and (max-width: 1025px) {
  html {
    font-size: 33px; }

  .two-text-warp {
    width: 85%; }

  .con-four {
    padding: 0.9rem 3% 0; }

  .con-six h4 {
    font-size: 16px; }

  .con-four p, .con-four h5, .con-four h6, .con-six h5 {
    font-size: 14px; } }
@media screen and (max-width: 860px) {
  html {
    font-size: 50px; }

  .two-text-warp {
    font-size: 0.35rem; }

  .con-three h3, .con-three h5 {
    font-size: 0.75rem; }

  .con-four .row1-text1 {
    padding-top: 0; }

  .con-four .row7-text1 {
    padding-top: .2rem; }

  .con-four .row1-logo {
    width: 110px; } }
@media screen and (max-width: 767px) {
  .con-four .col-6 {
    width: 100%;
    float: none; }
  .con-four .pic {
    margin-bottom: 0.6rem; }

  .con-seven h5 {
    font-size: 0.45rem; }

  .con-one .pcImg {
    display: none; }
  .con-one .sjImg {
    display: block; }

  .con-six .text p {
    font-size: 14px; }

  .con-four .text {
    width: 95%; }

  .con-four h3 {
    text-align: center; }

  .con-four .row6-text1-pic {
    width: 80%;
    margin: 0 auto; }

  .con-four .row8-text1-pic {
    width: 48%; }

  .con-four .row5-text1 h4 {
    font-size: 16px; }

  .row3-text1-pic {
    width: 80%; }

  .con-three .pic {
    position: relative;
    right: auto;
    top: auto;
    margin: 0.5rem auto 0;
    width: 3rem;
    height: auto; } }
@media screen and (max-width: 440px) {
  html {
    font-size: 40px; }

  .con-two {
    padding-top: 0.5rem; }

  .two-text-warp {
    border: 2px solid #838280;
    width: 90%; }

  .con-three h3, .con-three h5 {
    font-size: 0.65rem; }

  .con-five p {
    width: 90%; }

  .con-five p span {
    padding-left: 4%;
    line-height: 2; }

  .con-six {
    padding-left: 15px;
    padding-right: 15px; }

  .con-six .text {
    width: 100%; }

  .con-seven {
    padding: 10px 15px 13px; }
    .con-seven h5 {
      font-size: 0.4rem; }

  .two-text-warp {
    padding: 5px 15px; } }
@media screen and (max-width: 400px) {
  html {
    font-size: 37px; }

  .con-four p, .con-four h5, .con-four h6, .con-six .text p {
    font-size: 13px; }

  .con-six h4 {
    font-size: 15px; } }
@media screen and (max-width: 350px) {
  html {
    font-size: 33px; }

  .con-four p, .con-four h5, .con-four h6, .con-six .text p {
    font-size: 12px; }

  .con-six h4 {
    font-size: 14px; } }
.video-warp {
  margin-top: 1rem;
  text-align: center; }
  .video-warp iframe {
    width: 100%;
    height: auto;
    max-width: 8rem; }