@charset "utf-8";
h2 {
    text-align: center;
    font-weight: normal;
    font-size: 0;
    padding-bottom: 1.5rem;
}
h2 a {
    display: inline-block;
    margin: 1rem;
    font-size: 1.2rem;
    padding: 0.7rem 0;
    width: 40%;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f83257), to(#d70e0f));
    background: linear-gradient(to bottom, #f83257, #d70e0f);
    border-radius: 1.3rem;
}
.zhibo{
  margin-top: 1rem;
}
.hengtiao {
  overflow: hidden;
  background: white;
  padding: 0.5rem 0;
}
.hengtiao img {
  width: 10rem;
  float: left;
  margin-left: 1rem;
}
.hengtiao a{
  float: right;
  margin-right: 2%;
  margin-top: 0.3rem;
  width: 5rem;
  padding: 0.5rem 0;
  font-size: 0.9rem;
  text-align: center;
  color: #fff;
  border-radius: 15px;
  background: #ffa200; 
}
.black{
  height: 4rem;
  background: black;
}
iframe{
    height: 24rem;
    z-index: 0
}
canvas{
  z-index: 0;
}
div.title {
    padding: 1.5rem 0 1.2rem;
}
div.title h3 {
    font-size: 1.5rem;
    font-weight: normal;
    text-align: center;
    color: #a40000;
}
div.title p {
    font-size: 1rem;
    color: #55443e;
    margin-top: 0.3rem;
    text-align: center;
}
div.tit {
    position: relative;
    padding-top: 1.2rem;
    margin-bottom: 2.3rem;
  }
  div.tit p {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    color: #000;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
  }
  div.tit h1 {
    font-size: 2rem;
    text-align: center;
    margin-top: -2.3rem;
    color: #000;
  }
  div.tit:after {
    content: '';
    position: absolute;
    width: 2.6rem;
    height: 0.3rem;
    background: #fd1b1b;
    left: 50%;
    margin-left: -1.3rem;
    bottom: -0.6rem;
  }
.comtext {
margin-top: 0.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.comtext p.title {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
        align-items: center;
font-size: 1.2rem;
width: 19%;
border-radius: 0.5rem;
color: #a40000;
border: 1px dashed #a6937c;
background: #fff;
}
.comtext p.detail {
-webkit-text-size-adjust: none;
font-size: 0.9rem;
width: 80%;
border-radius: 0.5rem;
line-height: 1.4rem;
color: #55443e;
border: 1px dashed #a6937c;
background: #fff;
padding: 0.5rem;
}
.content1 {
background-color: #f7f4ee;
padding: 0 1rem;
}
.content1 .title h3 {
font-size: 3rem;
}
.content1 .title p {
color: #a40000;
}
.content1 ul.u1 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.content1 ul.u1 li:nth-child(1) {
width: 28%;
}
.content1 ul.u1 li:nth-child(2) {
width: 70%;
}
.content1 ul.u1 li img {
width: 100%;
}
.content1 ul.u2 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
margin-top: 1rem;
padding-top: 0.3rem;
background: #fff;
}
.content1 ul.u2 li:nth-child(1) {
width: 64.5%;
}
.content1 ul.u2 li:nth-child(2) {
width: 34.5%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.content1 ul.u2 li img {
width: 100%;
}
.content1 .c2bottom {
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
        align-items: center;
height: 3rem;
}
.content1 .c2bottom p {
font-size: 1rem;
color: #55443e;
padding-left: 0.5rem;
}
.content1 .c2bottom a {
-webkit-text-size-adjust: none;
color: #a40000;
font-size: 0.8rem;
padding-right: 0.5rem;
}

.content2 {
    margin-top: 2rem;
    background: #fff;
    padding: 0 1rem;
  }
  .content2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
  }
  .content2 ul li {
    width: 48%;
    padding: 1.5rem 1.1rem 3rem;
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .content2 ul li a {
    display: block;
  }
  .content2 ul li a img {
    width: 100%;
    display: block;
  }
  .content2 ul li a h2 {
    font-size: 1rem;
    padding: 1.2rem 0;
    text-align: left;
    font-weight: bold;
  }
  .content2 ul li a p {
    font-size: 1rem;
    color: #656565;
    line-height: 1.6rem;
  }
  .content2 ul li:nth-child(1) {
    border: 1px solid #fd7947;
    border-bottom: 0.5rem solid #fd7947;
  }
  .content2 ul li:nth-child(1) h2 {
    color: #fd7947;
  }
  .content2 ul li:nth-child(2) {
    border: 1px solid #2a267a;
    border-bottom: 0.5rem solid #2a267a;
  }
  .content2 ul li:nth-child(2) h2 {
    color: #2a267a;
  }
  .content2 ul li:nth-child(3) {
    margin-top: 1.2rem;
    border: 1px solid #2897e6;
    border-bottom: 0.5rem solid #2897e6;
  }
  .content2 ul li:nth-child(3) h2 {
    color: #2897e6;
  }
  .content2 ul li:nth-child(4) {
    margin-top: 1.2rem;
    border: 1px solid #3dcf40;
    border-bottom: 0.5rem solid #3dcf40;
  }
  .content2 ul li:nth-child(4) h2 {
    color: #3dcf40;
  }


.content3 {
background: #ffffff;
padding: 0 1rem 2rem;
}
.content3 p.tit {
font-weight: normal;
color: #282828;
}
.content3 ul {
display: flex;
justify-content: space-between;
}
.content3 ul li {
width: 30% ;
font-size: 1.1rem;
font-weight: 700;
text-align: center;
border-radius: 1rem;
color: #fff;
background-color: #cab088;
}
.content3 ul li a {
padding: 2rem 0;
display: block;
color: #fff;
}
p.tit {
    padding: 0 0 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    color: #282828;
}