@charset "utf-8";
/*----- HTML5 -----*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display:block;
}
audio, canvas, video {
  display:inline-block;
}
audio:not([controls]) {
  display:none;
  height:0;
}
[hidden], template {
  display:none;
}


/* Base */
* {
  margin:0;
  padding:0;
}
html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-overflow-scrolling:touch;
  overflow-scrolling:touch;
}
body {
  background:#f1f1f0 url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.body_bg.png) repeat;
  color:#000;
  font:12px/24px "Microsoft YaHei", SimSun, Arial, Helvetica, sans-serif;
  cursor:default;
}
ol, ul {list-style:none;}
img {
  display:inline;
  border:none;
}
table {
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
}
.hide {display:none;}
.clearfix{zoom:1;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
a {
  color:#333;
  background:transparent;
  outline:none;
  text-decoration:none;
  cursor:pointer;
  transition:color 0.3s ease;
}
a:hover {
  color:#b61a1a;
  text-decoration:underline;
}


/* wrap */
.wrap {
  width:980px;
  margin:0 auto;
  overflow:hidden;
}


/* body-top */
.body-top {
  position:relative;
  width:100%;
  height:70px;
  background:#3b3b3b;
  border-top:10px solid #161616;
}
.body-top .logo a {
  position:absolute;
  top:-10px;
  margin-left:10px;
  width:152px;
  height:168px;
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.logo.png) no-repeat;
  background-size:contain;
  text-indent:-999px;
  white-space:nowrap;
  overflow:hidden;
}

.body-top .nav {
  float:right;
  width:725px;
  color:#f8f7f4;
  font-size:16px;
  line-height:70px;
}
.body-top .nav li {
  float:left;
  margin-right:20px;
}
.body-top .nav li a {
  color:#f8f7f4;
}
.body-top .nav li.last {
  float:right;
  margin-right:30px;
  color:#AAA;
}
.body-top .nav li.last a {
  color:#AAA;
}


.body-foot {
  width:100%;
}

/* footer */
.footer{ width:100%; height:40px; background:#585858; line-height:40px;color:#9e9e9e;}
.footer-con{width:980px; margin:0 auto; background:#585858;}
.footer-nav{padding-left:15px;}
.footer-nav a{padding:0 10px;color:#9e9e9e;}
.footer .copyright{ float:right; margin-right:25px;}


/* banner */
.banner {
  margin-top:120px;
}
.banner img {
  display:block;
  width:980px;
  height:340px;
}


/* newsList */
.newsList {
  width:100%;
  margin-top:80px;
  text-align:center;
  overflow:hidden;
}
.newsList .icon1,
.newsList .item,
.newsList .icon2 {
  float:left;
  position:relative;
  display:inline-block;
  width:300px;
  height:230px;
  margin:0 0 100px 20px;
  overflow:hidden;
}

.newsList .icon1 {
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.icon1.png) center center no-repeat;
  text-indent:-999px;
  white-space:nowrap;
  overflow:hidden;
  animation:icon1 0.8s ease;
}
.newsList .icon2 {
  z-index:9;
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.icon2.png) center center no-repeat;
  text-indent:-999px;
  white-space:nowrap;
  overflow:hidden;
  
  animation:opacity0 0s linear forwards, icon2 1s ease-out 2s forwards;
}

/* .newsList .item */
.newsList .item .title1 {
  position:absolute;
  top:15px;
  left:0;
  width:34px;
  height:34px;
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.title1.png) no-repeat;
  text-indent:-999px;
  white-space:nowrap;
  overflow:hidden;
  
  animation:opacity0 0s linear forwards, title1 0.5s ease 1s forwards;
  transition:transform 0.4s ease;
}
.newsList .item1 .title1 {
  background-position:0 0;
}
.newsList .item1:hover .title1 {
  background-position:0 -64px;
}

.newsList .item2 .title1 {
  background-position:0 -128px;
}
.newsList .item2:hover .title1 {
  background-position:0 -192px;
}

.newsList .item3 .title1 {
  background-position:0 -256px;
}
.newsList .item3:hover .title1 {
  background-position:0 -320px;
}

.newsList .item4 .title1 {
  background-position:0 -384px;
}
.newsList .item4:hover .title1 {
  background-position:0 -448px;
}

.newsList .item5 .title1 {
  background-position:0 -512px;
}
.newsList .item5:hover .title1 {
  background-position:0 -576px;
}

.newsList .item6 .title1 {
  background-position:0 -640px;
}
.newsList .item6:hover .title1 {
  background-position:0 -704px;
}

.newsList .item7 .title1 {
  background-position:0 -768px;
}
.newsList .item7:hover .title1 {
  background-position:0 -832px;
}

.newsList .item8 .title1 {
  background-position:0 -896px;
}
.newsList .item8:hover .title1 {
  background-position:0 -960px;
}

.newsList .item9 .title1 {
  background-position:0 -1028px;
}
.newsList .item9:hover .title1 {
  background-position:0 -1092px;
}

.newsList .item10 .title1 {
  background-position:0 -1152px;
}
.newsList .item10:hover .title1 {
  background-position:0 -1216px;
}




.newsList .item:hover .title1 {
  transform:rotate(-30deg);
}



.newsList .item .title2 {
  position:absolute;
  bottom:0;
  right:0;
  width:14px;
  height:55px;
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.title2.png) no-repeat;
  text-indent:-999px;
  white-space:nowrap;
  overflow:hidden;
  
  animation:opacity0 0s linear forwards, title2 1.2s ease 1s forwards;
}
.newsList .item1 .title2 {
  background-position:0 0;
}

.newsList .item2 .title2 {
  background-position:-34px 0px;
}

.newsList .item3 .title2 {
  background-position:-68px 0px;
}

.newsList .item4 .title2 {
  background-position:-102px 0px;
}

.newsList .item5 .title2 {
  background-position:-136px 0px;
}

.newsList .item6 .title2 {
  background-position:-170px 0px;
}

.newsList .item7 .title2 {
  background-position:-204px 0px;
}
.newsList .item8 .title2 {
  background-position:-238px 0px;
}
.newsList .item9 .title2 {
  background-position:-272px 0px;
}
.newsList .item10 .title2 {
  background-position:-306px 0px;
}

.newsList .item .border1 {
  position:absolute;
  z-index:-2;
  top:35px;
  right:0;
  width:260px;
  height:6px;
  background:#fc738f;
  
  transition:background 0.5s ease;
  animation:border1 1.5s ease forwards;
}
.newsList .item1 .border1 {
  background:#fc738f;
}

.newsList .item2 .border1 {
  background:#fc8a73;
}

.newsList .item3 .border1 {
  background:#ff5252;
}

.newsList .item4 .border1 {
  background:#50b345;
}

.newsList .item5 .border1 {
  background:#5ed39d;
}

.newsList .item6 .border1 {
  background:#5ae4d8;
}

.newsList .item7 .border1 {
  background:#9ede65;
}

.newsList .item8 .border1 {
  background:#fa73fc;
}

.newsList .item9 .border1 {
  background:#c569ff;
}

.newsList .item10 .border1 {
  background:#945afe;
}

.newsList .item:hover .border1 {
  background:#b61a1a;
}



.newsList .item .border2 {
  position:absolute;
  z-index:-1;
  top:0;
  right:15px;
  width:9px;
  height:212px;
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.border1.png) 0 0 repeat-y;
  
  animation:opacity0 0s linear forwards, border2 1s ease 0.5s forwards;
}

.newsList .item .border3 {
  position:absolute;
  z-index:-1;
  bottom:0;
  left:36px;
  width:67px;
  height:39px;
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.border2.png) 0 0 repeat-y;
  
  animation:opacity0 0s linear forwards, border3 0.5s ease 1s forwards;
}

.newsList .item .list {
  width:220px;
  margin:59px 0 0 50px;
  font-size:14px;
  line-height:20px;
  text-align:left;
  overflow:hidden;
  
  animation:opacity0 0s linear forwards, list 1s ease 1.5s forwards;
}
.newsList .item .list li {
  display:block;
  width:210px;
  margin-bottom:6px;
  padding-left:10px;
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.li1.png) 0 10px no-repeat;
  overflow:hidden;
  white-space:nowrap;
}
/*slideBox1*/
.slideBox { position: relative; width: 100%; overflow: hidden; margin-top:100px;}
.slideBox .pic { width: 100%; height: auto; }
.slideBox .bd { position: relative; }
.slideBox .bd li { position: relative; }
.slideBox .hd { position: absolute; z-index: 1; right: 0; bottom:35%;  font-size: 0; text-align: center; padding-right:19px;}
.slideBox .hd li {  width: 100%; height:100%; margin: 0 7px;background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.small.png) no-repeat; overflow: hidden; line-height:20px;}
.slideBox .hd li.on { background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.h-small.png) no-repeat; }


/* btn-goTop */
.btn-goTop {
  display:none;
  position:fixed;
  z-index:99;
  bottom:30px;
  left:auto;
  right:30px;
  
  width:60px;
  height:60px;
  background:url(https://f2.cri.cn/M00/1F/0A/CqgNOlZ7oFuAITpYAAAAAAAAAAA3272657.btn3.png) center no-repeat;
  background-size:contain;
  cursor:pointer;
  opacity:0.75;
}


@keyframes opacity0 {
  100% {
    opacity:0;
  }
}


@keyframes icon1 {
  0% {
    opacity:0;
    transform:scale(0, 0);
  }
  50% {
    opacity:0.6;
    transform:scale(1.3, 1.3);
  }
  70% {
    opacity:1;
    transform:scale(0.7, 0.7);
  }
  100% {
    opacity:1;
    transform:scale(1, 1);
  }
}

@keyframes icon2 {
  0% {
    opacity:0;
    transform:scale(0, 0);
    transform-origin:left top;
  }
  100% {
    opacity:1;
    transform:scale(1, 1);
    transform-origin:right bottom;
  }
}



@keyframes border1 {
  0% {
    transform:scale(0, 0);
    transform-origin:right center;
  }
  100% {
    transform:scale(1, 1);
    transform-origin:right center;
  }
}

@keyframes border2 {
  0% {
    opacity:1;
    transform:scale(1, 0);
    transform-origin:center top;
  }
  100% {
    opacity:1;
    transform:scale(1, 1);
    transform-origin:center top;
  }
}

@keyframes border3 {
  0% {
    opacity:0;
    transform:scale(0, 0);
    transform-origin:left bottom;
  }
  100% {
    opacity:1;
    transform:scale(1, 1);
    transform-origin:left bottom;
  }
}

@keyframes title1 {
  0% {
    top:0;
    opacity:0;
  }
  100% {
    top:15px;
    opacity:1;
  }
}

@keyframes title2 {
  0% {
    bottom:130px;
    opacity:0;
  }
  100% {
    bottom:0;
    opacity:1;
  }
}

@keyframes list {
  0% {
    transform:scale(1, 0);
    transform-origin:center top;
    opacity:0;
  }
  100% {
    transform:scale(1, 1);
    transform-origin:center bottom;
    opacity:1;
  }
}



/* Width <= 980 */
@media (max-width:980px) {
  .wrap {
    width:100%;
  }
  
  /* body-top */
  .body-top {
    height:50px;
    border-top:5px solid #161616;
  }
  .body-top .logo a {
    position:absolute;
    top:-5px;
    margin-left:4px;
    width:90px;
    height:100px;
  }
  
  .body-top .nav {
    width:auto;
    font-size:13px;
    line-height:50px;
    font-weight:bold;
  }
  .body-top .nav li {
    float:left;
    margin-right:2em;
  }
  .body-top .nav li.last {
    float:right;
    margin-right:10px;
    color:#AAA;
  }
  
  .body-foot {
    margin-top:40px;
  }
  
  /* footer */
  .footer{
    height:auto;
    padding:10px 0;
    line-height:1.6;
    font-weight:bold;
  }
  .footer-con {
    width:100%;
    text-align:center;
  }
  .footer-nav {
    padding:0;
  }
  .footer .copyright {
    float:none;
    display:block;
    margin:0;
  }
  
  /* banner */
  .banner {
    width:100%;
    margin-top:60px;
  }
  .banner img {
    display:block;
    width:98%;
    height:auto;
    margin:0 auto;
    
    border-radius:5px;
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.75);
  }
  
  
  .btn-goTop {
    bottom:10px;
    right:10px;
    
    width:40px;
    height:40px;
    opacity:0.5;
  }
   .slideBox{ margin-top:50px;}
   .slideBox .hd { bottom:22%;}
 
}


/* 橫屏： 900 <= Width <= 980 */
@media (max-width:980px) and (min-width:900px) {  
  /* newsList */
  .newsList {
    margin-top:0;
  }
  
  .newsList .icon1,
  .newsList .item,
  .newsList .icon2 {
    float:left;
    width:30.5%;
    margin:40px 1% 0 1.7%;
  }
  
  .newsList .item .list {
    width:73.33%;
    margin:59px 0 0 19%;
    font-weight:bold;
  }
  .newsList .item .list li {
    width:95.45%;
    padding-left:5px;
    background-position:0 9px;
  }
   .slideBox{ margin-top:60px;}
    .slideBox .hd { bottom:22%;}
 
}




/* 橫屏： 480 <= Width <= 900 */
@media (max-width:900px) and (min-width:480px) {  
  /* newsList */
  .newsList {
    margin-top:0;
  }
  
  .newsList .icon1,
  .newsList .item,
  .newsList .icon2 {
    float:left;
    width:47%;
    margin:40px 1% 0 1.7%;
  }
  
  .newsList .icon2 {
    display:none;
  }
  
  .newsList .item .list {
    width:73.33%;
    margin:59px 0 0 19%;
    font-weight:bold;
  }
  .newsList .item .list li {
    width:95.45%;
    padding-left:5px;
    background-position:0 9px;
  }
   .slideBox{ margin-top:60px;}
    .slideBox .hd { bottom:22%;}

}


@media (max-width:980px) {
  .newsList .item .border1 {
    width:82%;
  }
   .slideBox{ margin-top:60px;}
    .slideBox .hd { bottom:22%;}
 
}
@media (max-width:800px) {
  .newsList .item .border1 {
    width:88%;
  }
   .slideBox{ margin-top:60px;}
    .slideBox .hd { bottom:22%;}

}
@media (max-width:650px) {
  .newsList .item .border1 {
    width:85%;
  }
   .slideBox{ margin-top:60px;}
    .slideBox .hd { bottom:22%;}
  
}
@media (max-width:550px) and (min-width:480px) {
  .newsList .item .border1 {
    width:83%;
  }
   .slideBox{ margin-top:60px;}
    .slideBox .hd { bottom:22%;}

}



/* 豎屏： Width <= 479 */
@media (max-width:479px) {
  /* body-top */
  .body-top .nav li {
    margin-right:1.2em;
  }
  
  /* footer */
  .footer-nav a {
    padding:0 8px;
  }
  
  
  /* newsList */
  .newsList {
    margin-top:0;
  }
  .newsList .icon1 {
    width:142px;
    height:138px;
  }
  .newsList .icon1,
  .newsList .item,
  .newsList .icon2 {
    float:none;
    display:block;
    margin:40px auto 0;
  }
  .newsList .icon2 {
    display:none;
  }
  
  .newsList .item .list {
    font-weight:bold;
  }
   .slideBox{ margin-top:60px;}
    .slideBox .hd { bottom:22%;}

}


/* Width <= 320 */
@media (max-width:320px) {
  .body-top .nav {
    font-size:12px;
  }
  .body-top .nav li {
    margin-right:1em;
  }
  .body-top .nav li.last {
    margin-right:6px;
  }
  .slideBox{ margin-top:60px;}
   .slideBox .hd { bottom:22%;}
  
}

.newsList .item{ height:250px;}