@charset "gb2312";
* {margin:0;padding:0;border:0;-webkit-user-select:text}
a,img {-webkit-touch-callout:none}
ol,ul {list-style:none}
body,html {text-align:left;width:100%;font-family:Roboto,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;}
input[type=password],input[type=text],textarea {resize:none;outline:none;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff;}
img {vertical-align:top;border: none;}
body {-webkit-box-pack:center;margin:0 auto;font-family:Hiragino Sans GB,Microsoft Yahei;background: #fff;}
a{text-decoration: none;}

.banner .zoomIn {
  -webkit-animation: zoomIn 0.7s ease-in-out forwards;
  animation: zoomIn 0.7s ease-in-out forwards;
}
.banner .fadeInLeft {
  -webkit-animation: fadeInLeft 1s ease forwards;
  animation: fadeInLeft 1s ease forwards;
}
.banner .fadeInUp {
  -webkit-animation: fadeInUp 1.5s ease forwards;
  animation: fadeInUp 1.5s ease forwards;
}

.banner{position: relative;width: 100%;height: 100%;background: url(../images/bg.jpg) top center no-repeat;background-size: auto 100%;}
.banner>img{position: absolute;}
.banner .m_title1{width: 65%;top: 20%;left: 10%;animation-delay: 0.6s;opacity: 0;}
.banner .m_title2{width: 65%;top: 34%;right: 10%;animation-delay: 1s;opacity: 0;}
.banner .s_title{width: 50%;top: 54%;left: 9%;animation-delay: 1.7s;opacity: 0;}
.banner .time{width: 40%;top: 64%;left: 9%;animation-delay: 2s;opacity: 0;}
.banner .logo{width: 55%;top: 80%;left: 23%;animation-delay: 2.3s;opacity: 0;}


.nav{background: url(../images/nav.png) top center no-repeat;width: 7.14rem;height: 6.81rem;background-size: 100% 100%;margin: 0 auto;position: relative;}
.nav a{position: absolute;display: block;}
.nav a:nth-of-type(1),.nav a:nth-of-type(2),.nav a:nth-of-type(3),.nav a:nth-of-type(4),.nav a:nth-of-type(6),.nav a:nth-of-type(7){width: 3.1rem;height: 1rem;}
.nav a:nth-of-type(5),.nav a:nth-of-type(8){width: 3.1rem;height: 1.4rem;}
.nav a:nth-of-type(1) {top: 0;left: 0.42rem;}
.nav a:nth-of-type(2) {top: 0.8rem;right: 0.2rem;}
.nav a:nth-of-type(3) {top: 1.64rem;left: 0.42rem;}
.nav a:nth-of-type(4) {top: 2.4rem;right: 0.2rem;}
.nav a:nth-of-type(5) {top: 3rem;left: 0.42rem;}
.nav a:nth-of-type(6) {top: 4rem;right: 0.2rem;}
.nav a:nth-of-type(7) {top: 4.8rem;left: 0.42rem;}
.nav a:nth-of-type(8) {top: 5.4rem;right: 0.2rem;}


.mt{margin-top: 0.5rem;padding: 0 0.3rem;}
.bar{margin-bottom: 0.5rem;text-align: center;height: 1.5rem;}
.pics .bar{background: url(../images/scroll_bar.png) top center no-repeat;background-size: auto 100%;}
.imgSilde a img {height: 40%;width: 100%;}
.imgSilde a .mark {width: 100%;position: absolute;left: 0;bottom: 0;height: 0.7rem;line-height: 0.7rem;text-align: left;padding-left: 0.24rem;color: #fff;font-size: 0.24rem;background: rgba(0, 0, 0, 0.5);}

.allMedia .bar{background: url(../images/allMedia_bar.png) top center no-repeat;background-size: auto 100%;}
.allMedia ul li{margin-bottom:.25rem;}
.allMedia ul li img{width: 100%;}


.news .bar{background: url(../images/news_bar.png) top center no-repeat;background-size: auto 100%;}
.news ul li{display: -webkit-flex;display: flex;margin-bottom: 0.2rem;overflow: hidden;}
.news ul li a{display: block;width: 100%;}
.news ul li img{float: left;width: 2.4rem;height: 1.7rem;}
.news ul li a p{-webkit-box-flex: 1;flex: 1;font-size: 0.32rem;color: #464646;width: 4.14rem;float: right;line-height: .42rem;}

.journalist .bar{background: url(http://news.gog.cn/pic/003/030/842/00303084227_2ea8b8f2.jpg) top center no-repeat;background-size: auto 100%;}

.vr .bar{background: url(http://news.gog.cn/pic/003/030/842/00303084258_a4716cc0.jpg) top center no-repeat;background-size: auto 100%;}
.micro .bar{background: url(http://news.gog.cn/pic/003/030/842/00303084258_a4716cc0.jpg) top center no-repeat;background-size: auto 100%;}
.ulList ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.ulList ul li{width: 3.2rem;text-align: center;font-size: 0.26rem;margin-bottom: 0.26rem;}
.ulList ul li a{color: #3d3d3d;}
.ulList ul li img {height:80%;width: 100%;margin-bottom: .05rem;}
.ulList ul li:nth-of-type(n) {margin-right: .5rem;}
.ulList ul li:nth-of-type(2n) {margin-right: 0;}

.micro ul li img{height: 2.3rem;}

.plan .bar{background: url(http://news.gog.cn/cms_udf/2017/gzstcj/images/bar_bg4.jpg) top center no-repeat;background-size: auto 100%;}
.plan ul li img{height: 4.6rem;}

.tourism .bar{background: url(../images/tourism_bar.png) top center no-repeat;background-size: auto 95%;}
.tourCon{position: relative;}
.tourCon img{width: 100%;}
.tourCon a p{width: 100%;position: absolute;left: 0;bottom: 0;height: 0.8rem;line-height: 0.8rem;text-align: center;color: #fff;font-size: 0.28rem;background: rgba(0, 0, 0, 0.5);}

.notes .bar{background: url(../images/notes_bar.png) top center no-repeat;background-size: auto 95%;}

.knows .bar{background: url(../images/knows_bar.png) top center no-repeat;background-size: auto 100%;}

.footer{text-align: center;font-size: 12px;line-height: 18px;}

/*Í·²¿¶¯»­*/
@keyframes -webkit-zoomIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes -webkit-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes -webkit-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}