@charset "utf-8";
/* CSS Document */

html, body, div, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, cite,em, img, i,span,a,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
ul,ol{
    list-style:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
body{ font:62.5%/1.5 "Microsoft YaHei",STHeiTi,SimHei,"Helvetica Neue", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6{ font-size:1em; font-weight:normal;}
a{ text-decoration:none; color:#000;}

/*common*/
.clear:after{ content:""; display:block; width:0; height:0; clear:both;}
.clear{_zoom:1;}
.hideTxt{ white-space:nowrap; overflow:hidden; text-indent:-9999px;}

/*animate*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}


/*layout*/
html,body{ width:100%; height:100%;overflow:hidden;}
.wrap,.header,.main,.footer{ width:100%;}

.wrap{position:relative; padding-top:68px; height:100%;}/*默认高度*/

.header{height:68px; position:absolute; left:0; top:0; z-index:2; display:none;}/*默认隐藏*/
.topbar{height:23px; padding-top:15px; width:980px;margin:0 auto; position:relative;}
.topbar .share{ position:absolute; right:0; top:20px;}

.main{overflow:hidden;position:relative;height:600px; z-index:1; display:none;}/*高度动态改变*/
.footer{ height:53px; display:none;}/*默认隐藏*/
.footer p{ width:1000px; margin:0 auto;}

.slides{ position:absolute; left:0; top:0; width:5000px;}
.slides-item{ width:1000px; float:left; position:relative;}/*width动态改变*/
.slide-wrap{ position:absolute; left:50%; top:40%; width:885px; height:632px; margin-left:-400px; margin-top:-250px; /*display:none;*/}/*默认隐藏*/
.slide-tit,.slide-links,.slide-links-item,.slide-tags,.slide-links-nav{ position:absolute;}
.slide-links{ width:100%; height:100%;}/*尺寸可调整*/




/*background*/
body,.footer{ background:#282828;}
.wrap{ background:#fff;}
.header{ background:url(http://mat1.gtimg.com/news/2011baronxiong/project/jiawu/headerbg.jpg) no-repeat 800px 0;}
.slide-tit{ background:url(http://mat1.gtimg.com/news/2011baronxiong/project/jiawu/slidetit.png) no-repeat;}

/*nav*/
.nav-item{ float:left; }
.nav-item a{ display:block;background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/common1.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; white-space:nowrap; height:23px; cursor:pointer;}
.nav-item1 a{ width:81px;}
.nav-item2 a{ width:97px; background-position:-81px 0;}
.nav-item3 a{ width:90px; background-position:-178px 0;}
.nav-item4 a{ width:90px; background-position:-270px 0;}
.nav-item5 a{ width:90px; background-position:-565px 0;}
.nav-item6 a{ width:110px; background-position:-660px 0;}
.nav-item7 a{ width:90px; background-position:-776px 0;}
.nav-item8 a{ width:90px; background-position:-776px 0;}
.nav-item1 a.current,.nav-item1 a:hover{ background-position:0 -25px;}
.nav-item2 a.current,.nav-item2 a:hover{ background-position:-81px -25px;}
.nav-item3 a.current,.nav-item3 a:hover{ background-position:-178px -25px;}
.nav-item4 a.current,.nav-item4 a:hover{ background-position:-270px -25px;}
.nav-item5 a.current,.nav-item5 a:hover{ background-position:-565px -25px;}
.nav-item6 a.current,.nav-item6 a:hover{ background-position:-660px -25px;}
.nav-item7 a.current,.nav-item7 a:hover{ background-position:-776px -25px;}
.nav-item8 a.current,.nav-item8 a:hover{ background-position:-776px -25px;}

/*share*/
.share-item{ float:left; padding-left:7px; position:relative;}
.share-item a{ display:block; width:37px; height:36px;background:url(http://mat1.gtimg.com/news/2011baronxiong/project/jiawu/common.png) no-repeat 0 -50px; text-indent:-9999px; overflow:hidden; white-space:nowrap;cursor:pointer;}
.share-item-wechat a{ background-position:0 -50px;}
.share-item-qzone a{ background-position:-44px -50px;}
.share-item-tqq a{ background-position:-89px -50px;}
.share-item-sina a{ background-position:-135px -50px;}
.share-item-wechat a:hover{ background-position:0 -90px;}
.share-item-qzone a:hover{ background-position:-44px -90px;}
.share-item-tqq a:hover{ background-position:-89px -90px;}
.share-item-sina a:hover{ background-position:-135px -90px;}
.share-item .rcode{ position:absolute; left:50%; margin-left:-60px; top:50px; width:105px; height:105px; background:#fff; padding:15px; border:1px solid #e2e2e2; display:none;}/*默认隐藏*/

/*slide-tags*/
.slide-tags{ background:url(http://mat1.gtimg.com/news/2011baronxiong/project/jiawu/common.png) no-repeat -180px -50px; z-index:2;}
.slide-tags-a{ width:33px; height:59px; background-position:-240px -50px;}
.slide-tags-b{ width:55px; height:89px;}

/*slide-item*/
.slides-item.current .slide-wrap{ animation:fadeIn 1s ease-in forwards; -moz-animation:fadeIn 1s ease-in forwards;-webkit-animation:fadeIn 1s ease-in forwards;}
.slide-tit{ z-index:4;}
.slide-links-nav{z-index:3;}
.slide-links{ z-index:1;}
.slide-links-item{ width:100%; height:100%;}/*默认尺寸*/
.slide-links-item img,.slide-links-item a{ display:block;position:absolute;}
.slide-links-item img{ z-index:1;}
.slide-links-item a{z-index:2; width:72px; height:72px;}

.slide-links-item a:after,.slide-links-item a span{display:block; position:absolute;width:56px; height:56px;border-radius:50%;left:50%; top:50%; margin-left:-28px; margin-top:-28px; }
.slide-links-item a:after{ content:"";z-index:1;background:rgba(214,18,18,0);-moz-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.slide-links-item a:hover:after{ width:72px; height:72px;background:rgba(214,18,18,0.4); margin-left:-36px; margin-top:-36px;}

/*.slide-links-item a:hover{background:rgba(214,18,18,0.4); padding:8px;}*/


.slide-links-item a span{text-indent:-999px; white-space:normal; overflow:hidden; z-index:2;}
.slide-links-item a.txtBtn span{background:url(http://mat1.gtimg.com/news/2011baronxiong/project/jiawu/common.png) no-repeat -335px -50px;}
.slide-links-item a.videoBtn span{background:url(http://mat1.gtimg.com/news/2011baronxiong/project/jiawu/common.png) no-repeat -275px -50px;}





/*slide1*/
.slides-item1 h1,
.slides-item1 h2,
.slides-item1 p{ text-indent:-9999px; overflow:hidden; white-space:nowrap; margin:0 auto; position:relative;z-index:2;}
.slides-item1 h1{ background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/1-1.png) no-repeat 0 0; height:302px; margin-bottom:60px; top:-80px;}

.slides-item1 p{ background:url(http://mat1.gtimg.com/news/2011baronxiong/project/jiawu/mouse.png) no-repeat 0 0; width:452px; height:80px;top:120px}
.slides-item1 .fire{ position:absolute; z-index:1; display:block; background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/1b.png);}
.slides-item1 .fire1{ width:344px; height:220px; left:-100px; top:0;}
.slides-item1 .fire2{ width:1466px; height:830px; background-position:0 -30px; right:-180px; top:-100px;}

.slides-item1.current h1{ animation:zoomIn 1s ease-in forwards;-moz-animation:zoomIn 1s ease-in forwards;-webkit-animation:zoomIn 1s ease-in forwards;}
.slides-item1.current h2{ animation:fadeInUp 1.5s ease-in forwards;-moz-animation:fadeInUp 1.5s ease-in forwards;-webkit-animation:fadeInUp 1.5s ease-in forwards;}
.slides-item1.current p{animation:fadeIn 3s ease-in forwards;-moz-animation:fadeIn 3s ease-in forwards;-webkit-animation:fadeIn 3s ease-in forwards;}

/*slide2*/
.slides-item2 .slide-wrap{ background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/2b.png) no-repeat center center;}
.slides-item2 .slide-wrap .slide-links{  position:absolute; width:565px; right:0; top:0; z-index:3;}
.slides-item2 .slide-tit{width:565px; height:46px; position:relative; background:none;}
.slides-item2 .slide-wrap .slide-links h3 a{ font-size:2.4em; font-weight:bolder; line-height:66px; color:#4c4c4c;}
.slides-item2 .slide-wrap .slide-links .txt-links a{ color:#555555; font-size:14px; line-height:30px;}
.slides-item2 .slide-wrap .slide-links h3 a:hover,.slides-item2 .slide-wrap .slide-links .txt-links a:hover{ color:#b11515;}
.slides-item2 .slide-links-item img{ left:540px; bottom:80px;}
.slides-item2 .slide-tags{ right:150px; bottom:30px;}
.slides-item2 .slide-links-item a{ bottom:80px; left:30%;}
.slides-item2.current .slide-links-item img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slides-item2.current .slide-links{ animation:fadeInDown 1s ease-in forwards; -moz-animation:fadeInDown 1s ease-in forwards; -webkit-animation:fadeInDown 1s ease-in forwards;}



/*slide3*/
.slides-item3 .slide-wrap{ background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/3b.png) no-repeat center center;}
.slides-item3 .slide-tit{ width:271px; height:110px; background-position:0 -50px; right:100px;}
.slides-item3 .slide-links-item img{ left:260px; top:180px;}
.slides-item3 .slide-links-item a{ bottom:80px; left:20%;}
.slides-item3.current .slide-links-item img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slides-item3.current .slide-tit{ animation:fadeInDown 1s ease-in forwards; -moz-animation:fadeInDown 1s ease-in forwards; -webkit-animation:fadeInDown 1s ease-in forwards;}

.slides-item3 .slide-links-nav{ right:-30px; bottom:100px;}
.slides-item3 .slide-links-nav li{ width:280px; height:90px; background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/222.png) no-repeat 0 0; text-indent:-999px; overflow:hidden; white-space:nowrap; cursor:pointer; margin-bottom:14px;}
.slides-item3 .slide-links-nav .navitem2{ background-position:0 -0px;}
.slides-item3 .slide-links-nav .navitem3{ background-position:0 -100px;}
.slides-item3 .slide-links-nav .navitem2:hover,.slides-item3 .slide-links-nav .navitem2.current{ background-position:-280px -0px;}
.slides-item3 .slide-links-nav .navitem3:hover,.slides-item3 .slide-links-nav .navitem3.current{ background-position:-280px -100px;}
.slides-item3.current .slide-tit{animation:fadeInRight 1s ease-in forwards;-moz-animation:fadeInRight 1s ease-in forwards;-webkit-animation:fadeInRight 1s ease-in forwards;}
.slides-item3.current .slide-links-item2.current img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slides-item3.current .slide-links-item3.current img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}



/*slide4*/
.slides-item4 .slide-wrap{ background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/4b.png) no-repeat center bottom;}
.slides-item4 .slide-tit{ width:130px; height:227px; background-position:-350px -50px;}
.slides-item4 .slide-links-item img{ top: 160px;left: 275px;}
.slides-item4 .slide-links-item a{ right:100px; bottom:100px;}
.slides-item4.current .slide-links-item img{ animation:fadeInRight 1s ease-in forwards;-moz-animation:fadeInRight 1s ease-in forwards;-webkit-animation:fadeInRight 1s ease-in forwards;}
.slides-item4.current .slide-tit{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}

.slide-links-nav{ right:-30px; bottom:100px;}
.slides-item4 .slide-links-nav li{ width:360px; height:90px; background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/333.png) no-repeat 0 0; text-indent:-999px; overflow:hidden; white-space:nowrap; cursor:pointer; margin-bottom:6px;}
.slides-item4 .slide-links-nav .navitem2{ background-position:0 -0px;}
.slides-item4 .slide-links-nav .navitem3{ background-position:0 -100px;}
.slides-item4 .slide-links-nav .navitem4{ background-position:0 -201px;}
.slides-item4 .slide-links-nav .navitem2:hover,.slides-item4 .slide-links-nav .navitem2.current{ background-position:-367px -0px;}
.slides-item4 .slide-links-nav .navitem3:hover,.slides-item4 .slide-links-nav .navitem3.current{ background-position:-362px -100px;}
.slides-item4 .slide-links-nav .navitem4:hover,.slides-item4 .slide-links-nav .navitem4.current{ background-position:-362px -201px;}
.slides-item4.current .slide-tit{animation:fadeInRight 1s ease-in forwards;-moz-animation:fadeInRight 1s ease-in forwards;-webkit-animation:fadeInRight 1s ease-in forwards;}
.slides-item4.current .slide-links-item2.current img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slides-item4.current .slide-links-item3.current img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slides-item4.current .slide-links-item4.current img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}



/*slide5*/
.slides-item5 .slide-wrap{ background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/5b.png) no-repeat center center;}
.slides-item5 .slide-wrap .slide-links{  position:absolute; width:632px; right:0; top:0; z-index:3;}
.slides-item5 .slide-tit{width:565px; height:46px; position:relative; background:none;}
.slides-item5 .slide-wrap .slide-links h3 a{ font-size:2.4em; font-weight:bolder; line-height:66px; color:#4c4c4c;}
.slides-item5 .slide-wrap .slide-links .txt-links a{ color:#555555; font-size:14px; line-height:30px;}
.slides-item5 .slide-wrap .slide-links h3 a:hover,.slides-item5 .slide-wrap .slide-links .txt-links a:hover{ color:#b11515;}
.slides-item5 .slide-links-item img{ left:380px; bottom:30px;}
.slides-item5 .slide-tags{ right:150px; bottom:30px;}
.slides-item5 .slide-links-item a{ bottom:80px; left:30%;}
.slides-item5.current .slide-links-item img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slides-item5.current .slide-links{ animation:fadeInDown 1s ease-in forwards; -moz-animation:fadeInDown 1s ease-in forwards; -webkit-animation:fadeInDown 1s ease-in forwards;}



/*slide6*/
.slides-item6 .slide-wrap{ background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/8b.png) no-repeat center bottom;}
.slides-item6 .slide-tit{ width:130px; height:227px; background-position:-350px -50px;}
.slides-item6 .slide-links-item img{ top:205px; right:70px;}
.slides-item6 .slide-links-item a{ right:100px; bottom:100px;}
.slides-item6.current .slide-links-item img{ animation:fadeInRight 1s ease-in forwards;-moz-animation:fadeInRight 1s ease-in forwards;-webkit-animation:fadeInRight 1s ease-in forwards;}
.slides-item6.current .slide-tit{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slide-links-nav{ right:-30px; bottom:100px;}
.slides-item6 .slide-links-nav li{ width:300px; height:90px; background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/888.png) no-repeat 0 0; text-indent:-999px; overflow:hidden; white-space:nowrap; cursor:pointer; margin-bottom:46px;}
.slides-item6 .slide-links-nav .navitem2{ background-position:0 -0px;}
.slides-item6 .slide-links-nav .navitem2:hover,.slides-item6 .slide-links-nav .navitem2.current{ background-position:-287px -0px;}
.slides-item6.current .slide-tit{animation:fadeInRight 1s ease-in forwards;-moz-animation:fadeInRight 1s ease-in forwards;-webkit-animation:fadeInRight 1s ease-in forwards;}
.slides-item6.current .slide-links-item2.current img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}

/*slide8*/
.slides-item8 .slide-wrap{ background:url(http://news.qtv.com.cn/2015xwzt/70zn/images/7b.png) no-repeat center center;}
.slides-item8 .slide-wrap .slide-links{  position:absolute; width:632px; right:0; top:0; z-index:3;}
.slides-item8 .slide-tit{width:565px; height:46px; position:relative; background:none;}
.slides-item8 .slide-wrap .slide-links h3 a{ font-size:2.4em; font-weight:bolder; line-height:66px; color:#4c4c4c;}
.slides-item8 .slide-wrap .slide-links .txt-links a{ color:#555555; font-size:14px; line-height:30px;}
.slides-item8 .slide-wrap .slide-links h3 a:hover,.slides-item8 .slide-wrap .slide-links .txt-links a:hover{ color:#b11515;}
.slides-item8 .slide-links-item img{ left:380px; bottom:0px;}
.slides-item8 .slide-tags{ right:150px; bottom:30px;}
.slides-item8 .slide-links-item a{ bottom:80px; left:30%;}
.slides-item8.current .slide-links-item img{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slides-item8.current .slide-links{ animation:fadeInDown 1s ease-in forwards; -moz-animation:fadeInDown 1s ease-in forwards; -webkit-animation:fadeInDown 1s ease-in forwards;}


/*footer*/
.footer{text-align:center; white-space:nowrap;}
.footer p a{ color:#868686; font-size:1.2em; line-height:42px;margin-left:1em;}