@charset "gb2312";
/* CSS Document */

/*reset*/
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:100px; z-index:2; display:none;}/*默认隐藏*/
.topFun{height:68px;width:100%;position:fixed;top:0;z-index:200;}
.topFun .logo{float:left;padding:13px 0 0 50px;}
.topFun .share{float:right;padding:24px 130px 0 0;}
.topFun .share span{display:inline-block;width:22px;height:21px;margin-left:25px;}
.topFun .share span a.bds_tsina{display:block;width:22px;height:21px;background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/share_sina.png) no-repeat left center;}
.topFun .share span a.bds_tqq{display:block;width:22px;height:21px;background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/share_qq.png) no-repeat left center;}
.topFun .share span a.bds_qzone{display:block;width:22px;height:21px;background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/share_qq_z.png) no-repeat left center;}

.topbar{height:23px; padding-top:45px; width:1000px;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:70px;line-height:70px;}/*默认隐藏*/
.footer p{ width:1000px; margin:0 auto;}

.slides{ position:absolute; left:0; top:0; width:5000px;background:#fff;}
.slides-item{ width:1000px; float:left; position:relative;}/*width动态改变*/
.slide-wrap{ position:absolute; left:50%; top:50%; width:800px; height:500px; 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:#000;}
.wrap{ background:#000;}


/*nav*/
.nav-item{ float:left; }
.nav-item a{ display:block;background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/nav.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; white-space:nowrap; height:27px; cursor:pointer;}
.nav-item1 a{ width:120px;}
.nav-item2 a{ width:290px; background-position:-120px 0;}
.nav-item3 a{ width:380px; background-position:-410px 0;}
.nav-item4 a{ width:200px; background-position:-790px 0;}

.nav-item1 a.current,.nav-item1 a:hover{ background-position:0 -30px;}
.nav-item2 a.current,.nav-item2 a:hover{ background-position:-120px -30px;}
.nav-item3 a.current,.nav-item3 a:hover{ background-position:-410px -30px;}
.nav-item4 a.current,.nav-item4 a:hover{ background-position:-790px -30px;}





/*more*/
.more{position:absolute;background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/more.png) no-repeat 0 0; z-index:200;width:57px;height:57px;}


/*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{ z-index:1;}


.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{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;}




/*slide1*/
.slides-item1{width:100%;background:#e8e8e8 url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/bg_index2.png) no-repeat bottom;background-size:100%;}

.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://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/logo.png) no-repeat 0 0; width:212px; height:390px;margin-right:200px;}
.slides-item1 h2{ background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/title.png) no-repeat 0 0; width:179px; height:44px; margin-top:-280px;margin-left:275px;}
.slides-item1 h3{ background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/title2.png) no-repeat 0 0; width:93px; height:226px; margin-bottom:50px;margin-left:340px;}
.slides-item1 .fire{ position:absolute; z-index:1; display:block;}
.slides-item1 .fire1{ width:440px; height:376px; left:50%;margin-left:-220px; top:35px;background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/bg_start.png);}
.slides-item1 .mouse{ background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/mouse.png) no-repeat;width:74px; height:55px;left:50%;margin-left:-37px; bottom:0px;}

.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 h3{animation:fadeIn 3s ease-in forwards;-moz-animation:fadeIn 3s ease-in forwards;-webkit-animation:fadeIn 3s ease-in forwards;}

/*slide2*/
.slide-wrap2{width:860px;margin-left:-430px;}
.slides-item2 .slide-wrap{ background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/slide2bg.jpg) no-repeat center center;}
.slides-item2 .slide-wrap .slide-links{  position:absolute; width:335px; right:150px; top:50px; z-index:3;}
.slides-item2 .slide-tit{width:335px; height:102px; position:relative; background:none;}
.slides-item2 .more{ right:150px; bottom:100px;}

.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*/
.slide-wrap3{width:860px;margin-left:-430px;}
.slides-item3 .slide-wrap{ background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/slide3bg.jpg) no-repeat center center;}
.slides-item3.current .slide-tit{font-size:44px;color:#ca1617;font-weight:bold;line-height:50px;top:40px;}
.slides-item3.current .slide-tit a{color:#ca1617;}
.slides-item3 .slide-wrap .slide-links{  position:absolute; width:565px; left:0; top:140px; z-index:3;}
.slides-item3 .slide-wrap .slide-links h3 a{ font-size:2.4em; font-weight:bolder; line-height:66px; color:#4c4c4c;}
.slides-item3 .slide-wrap .slide-links .txt-links a{ color:#555555; font-size:14px; line-height:30px;}
.slides-item3 .slide-wrap .slide-links h3 a:hover,.slides-item2 .slide-wrap .slide-links .txt-links a:hover{ color:#b11515;}
.slides-item3 .more{ right:40px; bottom:60px;}


.slides-item3.current .slide-links{ 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;}



/*slide4*/
.slide-wrap4{width:1120px;margin-left:-560px;}
.slides-item4 .slide-wrap{background:url(http://ats.chinataiwan.cn/Topic/2017/xjpgzjd2017/images/slide4bg.jpg) no-repeat center top;}
.slides-item4 .slide-tit{ width:699px; height:211px;top:20px;left:50%;margin-left:-350px; }
.slides-item4 .slide-links-item{ width:270px;height:70px;top:215px;left:50%;margin-left:-135px;}
.slides-item4 .slide-links-item a{display:block;}
.slides-item4.current .slide-links-item{ 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;}





/*footer*/
.footer{text-align:center; white-space:nowrap;}
.footer{ color:#f0f0f0; font-size:14px;}

div#bdShare {display:inline-block;overflow:hidden;}
div.bdsharebuttonbox a {display:block;float:left;width:30px;height:30px;line-height:30px;margin:0 10px 0 0;cursor:pointer;border-radius:0%;background-color:#a0a0a0;background-size:130% auto;}
div.bdsharebuttonbox a:hover {background-color:#20bfed;}
div.bdsharebuttonbox a.bds_weixin {background-position:center 7px;}
div.bdsharebuttonbox a.bds_tsina {background-position:center -38px;}
div.bdsharebuttonbox a.bds_tqq {background-position:center -83px;}
div.bdsharebuttonbox a.bds_qzone {background-position:center -129px;}