@charset "UTF-8";
.loading:before {
  width: 0.0426666667rem;
  height: 1.0666666667rem;
  margin: -0.5333333333rem 0 0 -0.0213333333rem; }

.wrap {
  margin: 0;
  max-width: inherit; }

.head_container {
  height: 3.2rem; }

.main_container_pt {
  padding-top: 3.2rem; }

.white_container {
  background-color: #fff; }

.dialog .dialog_wx {
  width: 4.2666666667rem;
  margin: -3.4133333333rem 0 0 -3.0933333333rem;
  padding: 0.96rem 0.96rem 0.64rem 0.96rem; }
.dialog .dialog_wx img {
  margin-bottom: 0.64rem; }
.dialog .dialog_wx p {
  font-size: 0.4693333333rem;
  letter-spacing: .1em; }

.head_container {
  height: 3.2rem; }
.head_container .logo {
  width: 3.0933333333rem;
  margin-left: 0.8106666667rem; }
.head_container .logo a {
  background-size: 110% auto; }
.head_container .open_nav {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 120;
  width: 2.56rem;
  height: 3.2rem;
  padding-top: 0.8106666667rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
.head_container .open_nav span {
  display: block;
  height: 0.064rem;
  margin: 0.3413333333rem 0.8106666667rem;
  background-color: #fff; }
.head_container nav {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding-top: 3.2rem;
  background-color: #000;
  overflow-y: auto; }
.head_container nav .line {
  display: none; }
.head_container nav a {
  display: block;
  position: relative;
  float: none;
  height: 3.2rem;
  margin: 0;
  line-height: 3.2rem;
  color: #fff;
  letter-spacing: .1em;
  font-size: 0.96rem;
  text-align: center; }

.head_container_white2, .head_container_white {
  height: 3.2rem; }
.head_container_white2 .open_nav span, .head_container_white .open_nav span {
  background-color: #383838; }
.head_container_white2 nav, .head_container_white nav {
  top: 0; }

.head_container_hide {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.head_container_open {
  height: 100%; }
.head_container_open .open_nav span {
  margin: 0 25%;
  background-color: #fff;
  -webkit-transform: rotate(45deg) translate(42%, 808%);
          transform: rotate(45deg) translate(42%, 808%); }
.head_container_open .open_nav .s1 {
  display: none; }
.head_container_open .open_nav .s3 {
  -webkit-transform: rotate(-45deg) translate(-38%, 808%);
          transform: rotate(-45deg) translate(-38%, 808%); }
.head_container_open nav {
  display: block; }

.foot_container {
  height: 16rem; }
.foot_container .logo {
  display: none; }
.foot_container .crp {
  bottom: 0.8106666667rem;
  left: 0.8106666667rem; }
.foot_container .crp p, .foot_container .crp a {
  font-size: 0.4266666667rem;
  letter-spacing: .1em; }
.foot_container .crp .company {
  margin-bottom: 0.2133333333rem;
  font-size: 0.512rem; }
.foot_container .share {
  bottom: 2.56rem;
  right: auto;
  left: 0.8106666667rem; }
.foot_container .share a {
  width: 0.9386666667rem;
  height: 0.9386666667rem;
  margin-left: 0;
  margin-right: 1.024rem;
  background: url(../images/icon_sina_gray.svg) center no-repeat;
  background-position: center !important; }
.foot_container .share .wx {
  background-image: url(../images/icon_wx_gray.svg); }
.foot_container .share .be {
  background-image: url(../images/icon_be_gray.svg); }
.foot_container .share .q {
  background-image: url(../images/icon_huaban_gray.svg); }
.foot_container .share .o {
  background-image: url(../images/icon_tx_gray.svg); }
.foot_container .share .zhanku {
  background-image: url(../images/icon-zcool-gray.svg);
  background-position: 0px 0px;
  background-size: 100%; }
.foot_container .share .zhanku:hover {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }
.foot_container .contact {
  top: 0;
  right: auto;
  left: 0.8106666667rem; }
.foot_container .contact p, .foot_container .contact a {
  line-height: 1.8;
  font-size: 0.4693333333rem;
  color: #dcdddd;
  text-align: left;
  letter-spacing: .1em; }
.foot_container .contact a:hover {
  text-decoration: underline; }
.foot_container .contact li {
  position: relative;
  float: none;
  display: block;
  padding: 2.24rem 0 0 0; }
.foot_container .contact li:before {
  top: 0.96rem;
  right: auto;
  left: 0;
  width: 1.024rem;
  height: 1.024rem;
  background-size: auto 100%; }
.foot_container .contact li:hover::before {
  background-image: url(../images/icon_foot_tel.png);
  background-position: 0px 0px; }
.foot_container .contact .email:hover:before {
  background-image: url(../images/icon_foot_email.png);
  background-position: 0px 0px; }
.foot_container .contact .adr:hover:before {
  background-image: url(../images/icon_foot_adr.png);
  background-position: 0px 0px; }

/* 列表 */
.list_txt img {
  display: none; }
.list_txt .txt {
  display: none; }

.news_item {
  height: auto;
  padding-right: 0;
  margin-bottom: 9px; }
.news_item .img {
  height: auto; }
.news_item .img img {
  display: block;
  width: 100%;
  height: auto; }
.news_item .mask {
  display: none; }

.news_txt {
  position: static;
  width: auto;
  height: auto;
  padding: 0.64rem 1.0666666667rem 0; }
.news_txt .date {
  padding-top: 0;
  margin-bottom: 0.2133333333rem;
  line-height: 1;
  font-size: 0.384rem; }
.news_txt h3 {
  margin-bottom: 0.32rem;
  font-size: 0.6826666667rem;
  line-height: 1.4; }
.news_txt .des {
  height: auto;
  margin-bottom: 0.32rem;
  line-height: 2;
  font-size: 0.4693333333rem; }
.news_txt .info {
  position: relative;
  left: 0;
  right: 0;
  height: 1.4933333333rem;
  border-width: 0.0213333333rem;
  line-height: 1.4933333333rem; }
.news_txt .info span {
  font-size: 16px;
  color: #666;
  text-indent: -9999px; }
.news_txt .info .type {
  display: block;
  width: 0.8533333333rem;
  background-size: 100% auto; }
.news_txt .info .link {
  width: 1.28rem;
  padding: 0;
  background-size: 100% auto; }

.news_item:hover .mask {
  opacity: 1; }
.news_item:hover .info .link {
  color: #f50f40;
  background-image: url(../images/icon_news_linkh.png); }

.mobile_pages {
  text-align: center; }

.mobile_pages a {
  display: inline-block;
  width: 8.53333rem;
  height: 1.92rem;
  border-radius: 0.96rem;
  background: #1a1a1a;
  font-size: 0.64rem;
  color: #fff;
  line-height: 1.92rem;
  letter-spacing: .1em; }

.mobile_pages a.over {
  background-color: #999; }

/* 文本 */
.text_title {
  padding: 0 1.0666666667rem;
  margin-bottom: 0.64rem; }
.text_title h2 {
  padding-top: 1.0666666667rem;
  font-size: 0.8533333333rem;
  background-size: 0.8106666667rem auto; }
.text_title p {
  font-size: 0.6826666667rem; }
.text_title .gray {
  font-size: 0.4693333333rem; }

.text_item {
  position: static;
  width: auto;
  padding: 1.0666666667rem;
  text-align: left;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }
.text_item h2, .text_item .des, .text_item p {
  padding: 0;
  font-size: 0.4693333333rem; }
.text_item h2 {
  font-size: 0.6826666667rem; }

.detail_ctrl {
  height: 2.1333333333rem;
  margin-bottom: 0.96rem;
  background-color: #fff; }
.detail_ctrl a {
  width: 33%;
  background-size: auto 0.8533333333rem;
  opacity: 1; }

.detail_share {
  height: 1.92rem;
  padding: 0;
  border-width: 0.0426666667rem;
  line-height: 1.92rem;
  font-size: 0.4693333333rem; }
.detail_share a {
  width: 1.28rem;
  margin-right: 0.64rem;
  margin-left: 0.2133333333rem; }
.detail_share .wb {
  background-image: url(../images/icon_sina_gray.svg); }
.detail_share .wx {
  background-image: url(../images/icon_wx_gray.svg); }
.detail_share .be {
  background-image: url(../images/icon_be_gray.svg); }
.detail_share .q {
  background-image: url(../images/icon_huaban_gray.svg); }
.detail_share .o {
  background-image: url(../images/icon_tx_gray.svg); }

.detail_btns {
  margin-bottom: 0.2133333333rem; }
.detail_btns .item:first-child a {
  margin-left: 0; }
.detail_btns .item:last-child a {
  margin-right: 0; }
.detail_btns a {
  height: 3.4133333333rem;
  margin: 0 0.1066666667rem;
  line-height: 1.6;
  font-size: 0.384rem; }
.detail_btns a .zh {
  padding-top: 1.0666666667rem; }
.detail_btns a .en {
  letter-spacing: .1em;
  font-size: 0.5973333333rem; }
.detail_btns .list {
  font-size: 0.6826666667rem;
  line-height: 3.4133333333rem; }

/* 瀑布流布局 */
.grid {
  position: relative; }

.grid_item {
  position: absolute;
  top: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity .2s, top .3s, left .3s, width .2s, height .2s;
  transition: opacity .2s, top .3s, left .3s, width .2s, height .2s; }
.grid_item .list_img {
  -webkit-transition: -webkit-transform .3s ease-in;
  transition: -webkit-transform .3s ease-in;
  transition: transform .3s ease-in;
  transition: transform .3s ease-in, -webkit-transform .3s ease-in; }

.grid_item:hover .list_img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }

.grid_img {
  display: block;
  width: 100%; }

/* 瀑布流布局 */
.banner {
  height: 19.2rem; }
.banner .txt {
  left: 5%;
  width: 80%;
  text-align: left; }
.banner h2 {
  margin-bottom: 0.4266666667rem;
  font-size: 0.6826666667rem; }
.banner p {
  font-size: 0.5546666667rem; }

.banner_tab {
  height: 19.2rem; }
.banner_tab .txt {
  top: auto;
  bottom: 5%;
  width: 90%;
  text-align: center; }
.banner_tab .txt h2 {
  margin-bottom: 1.28rem; }
.banner_tab .txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.banner_tab .txt a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  font-size: 0.5546666667rem; }

.banner_video {
  position: relative;
  height: auto; }
.banner_video img {
  display: block;
  width: 100%; }
.banner_video .mask, .banner_video .video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: #22252c;
  opacity: .7; }
.banner_video .video {
  z-index: 4;
  opacity: 1; }
.banner_video .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }