* {
  -webkit-overflow-scrolling: touch;
}
html,
body {
  height: 100%;
  width: 100%;
}
html,
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
a,
p,
span,
blockquote,
th,
td,
hr,
button,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei', 'icomoon';
}
body {
  width: 100%;
  height: 100%;
  color: #333;
  font-size: .56rem;
  line-height: 1rem;
}
ul,
ol,
dl {
  list-style-type: none;
  font-family: "Microsoft YaHei";
}
select,
input,
textarea {
  vertical-align: middle;
  -webkit-appearance: none;
  font-size: .52rem;
  line-height: .8rem;
}
a {
  text-decoration: none;
  outline: none;
  color: #333;
}
a:link,
a:visited,
a:active {
  text-decoration: none;
  outline: none;
}
i,
em {
  font-style: normal;
}
video {
  width: 100%;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
img {
  width: 100%;
  vertical-align: top;
}
/*----------------手机自适应以下几个分辨率大小已1242为主------------------*/
@media (min-width: 320px) {
  html {
    font-size: 25.7649px;
  }
}
@media (min-width: 360px) {
  html {
    font-size: 28.9855px;
  }
}
@media (min-width: 375px) {
  html {
    font-size: 30.1932px;
  }
}
@media (min-width: 384px) {
  html {
    font-size: 30.9179px;
  }
}
@media (min-width: 400px) {
  html {
    font-size: 33.1723px;
  }
}
@media (min-width: 414px) {
  html {
    font-size: 33.3333px;
  }
}
@media (min-width: 440px) {
  html {
    font-size: 35.4267px;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 38.647px;
  }
}
@media (min-width: 600px) {
  html {
    font-size: 43.4783px;
  }
}
/*----------------手机自适应以下几个分辨率大小已1242为主------------------*/
.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.ellipsis {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: .05rem;
}
.ellipsis-t1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis-t2,
.ellipsis-t3,
.ellipsis-t4 {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: .05rem;
}
.ellipsis-t3 {
  -webkit-line-clamp: 3;
}
.ellipsis-t4 {
  -webkit-line-clamp: 4;
}
.body {
  background: url(../images/body-bg.jpg) no-repeat #13519b;
  background-size: 100%;
}
.zy-box .box-list {
  padding-top: 7rem;
}
.zy-box .box-list li {
  margin: 0 .7rem;
  height: 3.8rem;
  background: #fff;
  border-radius: .5rem;
  margin-bottom: 0.9rem;
  position: relative;
  padding-left: 1.6rem;
}
.zy-box .box-list li .tab {
  position: absolute;
  left: 0;
  top: 1rem;
  width: 1.1rem;
  height: 1.8rem;
  display: block;
  background: #ba4a47;
  border-bottom-right-radius: .3rem;
  border-top-right-radius: .3rem;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  font-size: .52rem;
  box-sizing: border-box;
  padding-top: .3rem;
}
.zy-box .box-list li .big-title {
  font-size: .7rem;
  display: block;
  padding-top: .85rem;
  font-weight: bold;
}
.zy-box .box-list li .txt {
  color: #b33b37;
  display: block;
  font-size: .52rem;
  padding-top: .06rem;
}
.zy-box .box-a1 {
  background: #87232e;
}
.zy-box .box-a2 {
  background: #003f77;
  padding-bottom: 1rem;
}
.zy-box .box-a2 .txt {
  margin: 0 1.4rem;
  color: #fff;
  margin-bottom: 0.6rem;
  text-align: justify;
  text-justify: auto;
}
.zy-box .box-a2 .video {
  height: 6.12rem;
  margin: .5rem .7rem 1rem;
  background: #003565;
  border-radius: .5rem ;
}
.zy-box .box-a4 {
  background: #153869;
  padding-bottom: 1rem;
}
.zy-box .box-a4 .sm-box {
  margin: .6rem .7rem;
  box-sizing: border-box;
  height: 6.26rem;
  border-radius: .5rem;
  text-align: center;
  background: linear-gradient(#fff, #fff9eb);
  padding: .76rem 0;
}
.zy-box .box-a4 .sm-box i {
  width: 2rem;
  height: 2rem;
  display: block;
  margin: 0 auto;
}
.zy-box .box-a4 .sm-box .icon-b1 {
  background: url(../images/zy-a4-1.png) no-repeat;
  background-size: 4rem;
}
.zy-box .box-a4 .sm-box .icon-b2 {
  background: url(../images/zy-a4-1.png) no-repeat -2rem 0;
  background-size: 4rem;
}
.zy-box .box-a4 .sm-box .sm-title {
  color: #1c4885;
  font-weight: bold;
  font-size: .66rem;
  display: block;
  line-height: 2;
}
.zy-box .box-a4 .sm-box .txt {
  color: #666;
  font-size: .52rem;
  display: block;
  line-height: 1.5;
}
.zy-box .box-a4 .tips {
  font-style: italic ;
  color: #dcb991;
  text-align: center;
}
.zy-box .box-a5 {
  background: #f8f8f8;
  padding-bottom: 1rem;
}
.zy-box .box-a5 .sm-box-list {
  margin: 0 .8rem;
}
.zy-box .box-a5 .sm-box-list li {
  display: flex;
  align-items: center;
  padding: .5rem;
  background: #fff;
  border-radius: .5rem;
  box-shadow: 0 0 .3rem #999;
  margin: .5rem 0;
}
.zy-box .box-a5 .sm-box-list li i {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .3rem;
}
.zy-box .box-a5 .sm-box-list li .txt {
  flex: 1;
  font-size: .52rem;
}
.zy-box .box-a5 .sm-box-list li .icon-b1 {
  background: url(../images/zy-a5-1.png) no-repeat;
  background-size: 6rem;
}
.zy-box .box-a5 .sm-box-list li .icon-b2 {
  background: url(../images/zy-a5-1.png) no-repeat -1.5rem 0;
  background-size: 6rem;
}
.zy-box .box-a5 .sm-box-list li .icon-b3 {
  background: url(../images/zy-a5-1.png) no-repeat -3rem 0;
  background-size: 6rem;
}
.zy-box .box-a5 .sm-box-list li .icon-b4 {
  background: url(../images/zy-a5-1.png) no-repeat -4.5rem 0;
  background-size: 6rem;
}
.zy-box .box-a5 .sm-box-list li em {
  color: #87232e;
  font-weight: bold;
}
.zy-box .box-a6 {
  padding-bottom: 1rem;
}
.zy-box .box-a6 .sm-box {
  margin: 0 .4rem;
  background: #eee;
  border-radius: .5rem;
  margin: .6rem;
  padding: .4rem .9rem;
}
.zy-box .box-a6 .sm-box .flex {
  margin-bottom: .24rem;
}
.zy-box .box-a6 .sm-box .flex-l {
  height: 1.1rem;
  line-height: 1.1rem;
  color: #fff;
  border-radius: .4rem;
  justify-content: center;
  text-align: center;
  display: block;
  flex: 1;
}
.zy-box .box-a6 .sm-box .flex-l:nth-child(2) {
  margin-left: .24rem;
}
.zy-box .box-a6 .sm-box .flex:nth-child(1) .flex-l {
  height: 1.32rem;
  line-height: 1.32rem;
  margin-top: .6rem;
}
.zy-box .box-a6 .bg-red .flex-l {
  background: #87232e;
}
.zy-box .box-a6 .bg-blue .flex-l {
  background: #003f77;
}
.zy-box .box-a6 .bg-yellow .flex-l {
  background: #b68744;
}
.zy-box .box-a9 {
  background: #fff;
  padding-bottom: 1rem;
}
.zy-box .box-a9 .sm-box-list {
  margin: 0 1.35rem;
}
.zy-box .box-a9 .sm-box-list li {
  display: flex;
  align-items: center;
  padding: .5rem;
  background: #fff;
  border-radius: .5rem;
  box-shadow: 0 0 .3rem #999;
  margin: .5rem 0;
  background-image: linear-gradient(#fff, #fff9ec);
}
.zy-box .box-a9 .sm-box-list li i {
  width: 2rem;
  height: 2rem;
  margin-right: .4rem;
}
.zy-box .box-a9 .sm-box-list li .txt {
  flex: 1;
  font-size: .52rem;
}
.zy-box .box-a9 .sm-box-list li .icon-b1 {
  background: url(../images/zy-a9-1.png) no-repeat;
  background-size: 8rem;
}
.zy-box .box-a9 .sm-box-list li .icon-b2 {
  background: url(../images/zy-a9-1.png) no-repeat -2rem 0;
  background-size: 8rem;
}
.zy-box .box-a9 .sm-box-list li .icon-b3 {
  background: url(../images/zy-a9-1.png) no-repeat -4rem 0;
  background-size: 8rem;
}
.zy-box .box-a9 .sm-box-list li .icon-b4 {
  background: url(../images/zy-a9-1.png) no-repeat -6rem 0;
  background-size: 8rem;
}
.zy-box .box-a9 .sm-box-list li em {
  color: #87232e;
  font-weight: bold;
}
.zy-box .box-a11 {
  background: #fff;
  padding-bottom: 1rem;
}
.zy-box .box-a11 .sm-box-list {
  margin: .4rem 1.35rem;
}
.zy-box .box-a11 .sm-box-list li {
  display: flex;
}
.zy-box .box-a11 .sm-box-list li span {
  width: 4.7rem;
  min-height: 3.7rem;
  background-image: linear-gradient(#fff, #fff9ec);
  border-radius: .5rem;
  box-shadow: 0 0 .3rem #ccc;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: .4rem;
  padding: .68rem 0 .4rem;
  line-height: .9rem !important;
}
.zy-box .box-a11 .sm-box-list li i {
  padding-top: .2rem;
  width: 1.65rem;
  height: 1.65rem;
  margin-right: .4rem;
  display: block;
  margin: 0 auto;
}
.zy-box .box-a11 .sm-box-list li .txt-l {
  margin-right: .4rem;
}
.zy-box .box-a11 .sm-box-list li .icon-b1 {
  background: url(../images/zy-a11-1.png) no-repeat;
  background-size: 9.9rem;
}
.zy-box .box-a11 .sm-box-list li .icon-b2 {
  background: url(../images/zy-a11-1.png) no-repeat -1.65rem 0;
  background-size: 9.9rem;
}
.zy-box .box-a11 .sm-box-list li .icon-b3 {
  background: url(../images/zy-a11-1.png) no-repeat -3.3rem 0;
  background-size: 9.9rem;
}
.zy-box .box-a11 .sm-box-list li .icon-b4 {
  background: url(../images/zy-a11-1.png) no-repeat -4.95rem 0;
  background-size: 9.9rem;
}
.zy-box .box-a11 .sm-box-list li .icon-b5 {
  background: url(../images/zy-a11-1.png) no-repeat -6.6rem 0;
  background-size: 9.9rem;
}
.zy-box .box-a11 .sm-box-list li .icon-b6 {
  background: url(../images/zy-a11-1.png) no-repeat -8.25rem 0;
  background-size: 9.9rem;
}
.zy-box .box-a22 {
  background: #f4f4f4;
  padding-bottom: 1rem;
}
.zy-box .box-a22 .sm-title {
  height: 1.36rem;
  line-height: 1.36rem;
  background: #921d2e;
  color: #fff;
  text-align: center;
  font-size: .68rem;
  border-radius: 10rem;
  margin: .4rem 1.7rem 1rem;
}
.zy-box .box-a22 .sm-box-list li {
  margin: .48rem;
  background: #fff;
  box-shadow: 0 0 .3rem #ccc ;
  border-radius: .3rem;
  padding: .48rem;
  text-align: center;
}
.zy-box .box-a22 .sm-box-list li .txt-a1 {
  font-size: .68rem;
  font-weight: bold;
  display: block;
  padding-top: .3rem;
}
.zy-box .box-a22 .sm-box-list li .txt-a2 {
  font-size: .52rem;
  color: #87232e;
  display: block;
  padding-bottom: .3rem;
}
.zy-box .box-a22 .sm-box-list li .box-img {
  border-radius: .3rem;
  overflow: hidden;
  height: 6rem;
}
.zy-box .box-a22 .sm-box-list li .box-img img {
  height: 6rem;
}
.zy-box .box-b1 {
  background: #1f2f5b;
  padding-bottom: .6rem;
}
.zy-box .box-b1 .txt {
  color: #fff;
  margin: 0.3rem 1.2rem;
  text-indent: 2em;
}
.zy-box .box-b2 .txt-img {
  text-align: center;
  width: 10.4rem;
  margin: 0 auto .6rem;
  line-height: 1rem;
  font-size: .6rem;
  font-weight: bold;
}
.zy-box .box-b2 .txt-img span {
  padding-top: .3rem;
  display: block;
  font-size: .52rem;
}
.zy-box .box-b4 .sm-box-list li {
  margin: .5rem 1rem 0 ;
}
.zy-box .box-b4 .sm-box-list input {
  width: 100%;
  height: 1.6rem;
  padding: .2rem .4rem;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: .2rem;
}
.zy-box .box-b4 .big-btn a {
  background: #003f77;
  margin: .6rem 1rem;
  display: block;
  border-radius: .2rem;
  height: 1.6rem;
  line-height: 1.6rem ;
  font-weight: bold;
  text-align: center;
  color: #fff;
  font-size: .66rem;
}
.zy-box .bg-gray {
  background: #f8f8f8;
}
.zy-box .box-c1 .sm-box {
  padding: 1rem 1rem .4rem;
  border-bottom: .5px solid #ccc;
}
.zy-box .box-c1 .sm-box .img {
  border-radius: .2rem;
  overflow: hidden;
}
.zy-box .box-c1 .sm-box .sm-title {
  font-size: .56rem;
  padding-top: .2rem;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: .05rem;
}
.zy-box .box-c1 .sm-box .txt {
  font-size: .52rem;
  color: #666;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: .05rem;
}
.zy-box .footer-box {
  padding-bottom: 1.8rem;
}
.zy-box .footer-box .nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.8rem;
  display: flex;
  box-shadow: .5rem 0 .5rem #104d96;
}
.zy-box .footer-box .nav a {
  flex: 1;
  background: #4d8cd9;
  line-height: 1.8rem;
  text-align: center;
  color: #fff;
}
.zy-box .footer-box .nav .on {
  background: #1f6ece;
}
.zy-box .footer-box .ieep-nav {
  box-shadow: 0 0 0  0;
  border-top: 0.5px solid #ccc;
}
.zy-box .footer-box .ieep-nav a {
  background: #fff;
  color: #b0b0b0;
  position: relative;
}
.zy-box .footer-box .ieep-nav a:nth-child(1):after,
.zy-box .footer-box .ieep-nav a:nth-child(2):after {
  content: "";
  position: absolute;
  top: .5rem;
  right: 0;
  display: block;
  height: .8rem;
  border-right: 1px solid #ccc;
}
.zy-box .footer-box .ieep-nav .on {
  background: #fff;
  color: #87232e;
  font-weight: bold;
}
.popup {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
}
.black_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  animation: dialogFaceSlipToUp ease-in 220ms;
}
.black_overlay.slipBottom[opacity="0"] {
  display: none;
}
.black_overlay.slipUp {
  background: rgba(0, 0, 0, 0.6);
  -webkit-animation-name: dialogFaceSlipToUp;
  animation-name: dialogFaceSlipToUp;
}
.black_overlay.slipBottom {
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  -webkit-animation-name: dialogFaceSlipToBottom;
  animation-name: dialogFaceSlipToBottom;
}
.text-box {
  text-align: center;
  width: 8rem;
  background: #fff;
  border-radius: .2rem;
  box-shadow: 0 0 .2rem #ccc;
  padding: .6rem;
}
.text-box .icon-gth {
  padding-top: .15rem;
  width: .9rem;
  height: .9rem;
  display: block;
  margin: 0 auto .2rem;
  border: 2px solid #ff5252;
  border-radius: .9rem;
  box-sizing: border-box;
}
.text-box .icon-gth em {
  background: #ff5252;
  margin: 0 auto;
  width: .1rem;
  height: .1rem;
  border-radius: .1rem;
  display: block;
}
.text-box .icon-gth em:nth-child(2) {
  height: .35rem;
  margin-top: .06rem;
}