@charset "UTF-8";
/* =================================================================
* Reset Style for Mobile
* Author:雪丘行||Bandow
* Author URI:http://www.unll123.com/
* Date:2016-10-18
* Version:0.0.1
* ================================================================== */
html {
  font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
  /*-webkit-text-size-adjust是解决 iPhone 横屏时默认会放大文字的问题*/
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  /*-webkit-user-select:none禁止用户进行复制.选择.*/
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  /*使用min-height:100%代替height：100%*/
  height: 100%;
  min-height: 100%;
}

body {
  /*弹性滚动-局部滚动开启弹性滚动：将属性挂在body上，可以避免很多奇怪的bug。*/
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
div,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  /*把所有元素的内边距和边框不再会增加它的宽度*/
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  box-sizing: border-box;
}

ol,
ul {
  list-style: none;
}

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

html {
  font-size: 18px;
}

@media (min-device-width: 320px) {
  html {
    font-size: 18px;
  }
}
@media (min-device-width: 360px) {
  html {
    font-size: 20px;
  }
}
@media (min-device-width: 375px) {
  html {
    font-size: 21px;
  }
}
@media (min-device-width: 384px) {
  html {
    font-size: 21px;
  }
}
@media (min-device-width: 400px) {
  html {
    font-size: 22px;
  }
}
@media (min-device-width: 414px) {
  html {
    font-size: 23px;
  }
}
@media (min-device-width: 480px) {
  html {
    font-size: 26px;
  }
}
@media (min-device-width: 520px) {
  html {
    font-size: 27px;
  }
}
@media (min-device-width: 533px) {
  html {
    font-size: 28px;
  }
}
@media (min-device-width: 560px) {
  html {
    font-size: 29px;
  }
}
@media (min-device-width: 568px) {
  html {
    font-size: 29px;
  }
}
@media (min-device-width: 600px) {
  html {
    font-size: 30px;
  }
}
@media (min-device-width: 640px) {
  html {
    font-size: 24px;
  }
}
.wrapper {
  position: relative;
  width: 100%;
  max-width: 640px;
  height: auto;
  min-height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.logo,
.yc .logo,
.ys .logo,
.cspj .logo,
.jt .logo,
.ym .logo,
.bd .logo,
.ysp .logo {
  padding: 8% 5%;
  text-align: center;
  font-size: 0;
}
.logo img,
.yc .logo img,
.ys .logo img,
.cspj .logo img,
.jt .logo img,
.ym .logo img,
.bd .logo img,
.ysp .logo img {
  width: 30%;
}

.video,
.yc .video,
.ys .video,
.cspj .video,
.jt .video,
.ym .video,
.bd .video,
.ysp .video {
  padding: 5%;
}
.video .content {
  background-color: #fff;
  border-radius: 5px;
  padding: 1%;
  font-size: 0;
}
.video .content iframe {
  width: 100%;
  height: 8.88rem;
}

.text,
.yc .text,
.ys .text,
.cspj .text,
.jt .text,
.ym .text,
.bd .text,
.ysp .text {
  padding: 5%;
  text-align: center;
}
.text h3,
.yc .text h3,
.ys .text h3,
.cspj .text h3,
.jt .text h3,
.ym .text h3,
.bd .text h3,
.ysp .text h3 {
  font: 1rem/1.5 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
}
.text h4,
.yc .text h4,
.ys .text h4,
.cspj .text h4,
.jt .text h4,
.ym .text h4,
.bd .text h4,
.ysp .text h4 {
  font: 0.6rem/1.5 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
}
.text p,
.yc .text p,
.ys .text p,
.cspj .text p,
.jt .text p,
.ym .text p,
.bd .text p,
.ysp .text p {
  margin-top: 5%;
  color: #666;
  font: 0.7rem/1.5 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
}

.yc .logo img {
  width: 30%;
}

.yc .video {
  background-color: #a72125;
}

.yc .text h3 {
  color: #a72125;
}
.yc .text h4 {
  color: #a72125;
}

.ys .logo img {
  width: 25%;
}

.ys .video {
  background-color: #dcdcdc;
}

.ys .text h3 {
  color: #a1a781;
}
.ys .text h4 {
  color: #a1a781;
}

.cspj .logo img {
  width: 20%;
}

.cspj .video {
  background-color: #2e9197;
}

.cspj .text h3 {
  color: #0f979f;
}
.cspj .text h4 {
  color: #147a80;
}

.jt .logo img {
  width: 22%;
}

.jt .video {
  background-color: #cfa972;
}

.jt .text h3 {
  color: #a2793e;
}
.jt .text h4 {
  color: #a2793e;
}

.ym .video {
  background-color: #d2c8b2;
}

.ym .text h3 {
  color: #b0a263;
}
.ym .text h4 {
  color: #b0a263;
}

.bd .video {
  background-color: #b99d64;
}

.bd .text h3 {
  color: #b0a263;
}
.bd .text h4 {
  color: #b99d64;
}

.ysp .video {
  background-color: #dcdcdc;
}

.ysp .text h3 {
  color: #a9a475;
}
.ysp .text h4 {
  color: #a9a475;
}

/*# sourceMappingURL=brand.css.map */