@charset "gb2312";
/* 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, .clearfix:after {clear:both;}
.clearfix:after {visibility:hidden;content:"."}
.clearfix {*zoom:1;}
.hideTxt{ white-space:nowrap; overflow:hidden; text-indent:-9999px;}
.fl{float: left;}
.fr{float: right;}
.slides-item2 .slide-wrap,.slides-item3 .slide-wrap,.slides-item4 .slide-wrap,.slides-item5 .slide-wrap,.slides-item6 .slide-wrap{background:url(../images/slide2bg.png) no-repeat center center;}
a:hover{text-decoration: underline;}

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

.wrap{position:relative; height:100%;background:#fff;}/*默认高度*/

.header{height:68px; position:absolute; left:0; top:0; z-index:2;display: block;}/*默认隐藏*/
.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: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:50%; width:1000px; height:750px; margin-left:-525px; margin-top:-430px; /*display:none;*/}/*默认隐藏*/
.slide-tit,.slide-links,.slide-links-item,.slide-tags,.slide-links-nav{position:absolute;top: -80px;}
.slide-links{ width:100%; height:100%;}/*尺寸可调整*/




/*background*/
/*.header{ background:url(../images/headerbg.jpg) no-repeat 0 0;}*/
.slide-tit{ background:url(../images/slidetit.png) no-repeat;}

/*nav*/
.nav-item{ float:left;}
.nav-item a{display:block;background:url(../images/nav_li.png) no-repeat; text-indent:-9999px; overflow:hidden; white-space:nowrap; height:43px; cursor:pointer;width: 97px;}
.nav-item1 a{background-position:0 5px;}
.nav-item2 a{background-position:-81px 5px;}
.nav-item3 a{background-position:-178px 5px;}
.nav-item4 a{background-position:-278px 5px;}
.nav-item5 a{background-position:-375px 5px;}
.nav-item6 a{background-position:-484px 5px;}
.nav-item1 a.current,.nav-item1 a:hover{ background-position:10px -40px;}
.nav-item2 a.current,.nav-item2 a:hover{ background-position:-81px -40px;}
.nav-item3 a.current,.nav-item3 a:hover{ background-position:-178px -40px;}
.nav-item4 a.current,.nav-item4 a:hover{ background-position:-278px -40px;}
.nav-item5 a.current,.nav-item5 a:hover{ background-position:-375px -40px;}
.nav-item6 a.current,.nav-item6 a:hover{ background-position:-484px -40px;}


/*share*/
.share-item{ float:left; padding-left:7px; position:relative;}
.share-item a{ display:block; width:37px; height:36px;background:url(../images/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(../images/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(../images/common.png) no-repeat -335px -50px;}
.slide-links-item a.videoBtn span{background:url(../images/common.png) no-repeat -275px -50px;}



/*slide1*/
.slides-item1{background:url(../images/coverImg.jpg) no-repeat 0 0;}
.slides-item2,.slides-item3,.slides-item4,.slides-item5,.slides-item6{background:url(../images/innercover.jpg) no-repeat 0 0;}
.slides-item1 p{ text-indent:-9999px; overflow:hidden; white-space:nowrap; margin:0 auto; position:relative;z-index:2;}
.slides-item1 h1{ background:url(../images/logo.png) no-repeat 0 0; width:1000px; height:250px;margin:30px 0 40px;}
.slides-item1 h2{ background:url(../images/title.png) no-repeat center 0;height:58px; margin-bottom:50px;}
.slides-item1 h3{background:url(../images/gog.png) no-repeat center 0;height: 54px;margin-bottom:60px}
.slides-item1 p{ background:url(../images/mouse.png) no-repeat center 0;height:105px;}


.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 .slide-links,.secondBox{  position:absolute; width:740px;top:0; z-index:3;left: 120px;margin-top: 180px;}
.slides-item2 .slide-wrap .slide-links .firstBox{height: 455px;overflow: hidden;}
.slides-item2 .slide-wrap .slide-links .firstBoxL{width: 464px;border-right: 1px dotted #7f7f7f;padding-right: 35px;}
.firstBoxLT{height: 120px;}
.firstBoxLTL{width: 240px;}
.firstBoxLTL h2{font-size: 16px;font-weight: bold;margin:12px 0;}
.firstBoxLTL p{line-height: 24px;font-size: 12px;text-indent: 2em;}
.firstBox p a{color: red;}

.firstBoxLB{clear: both;margin-top: 25px;border-top: 1px dotted #7f7f7f;padding-top: 30px;}
.firstBoxLB a img{display: block;padding-bottom: 5px;}
.firstBoxLBL{width: 190px;}
.firstBoxLBL div a{font-size: 15px;font-weight: bold;}
.firstBoxLB p{line-height: 22px;margin:7px 0 12px;}

.firstBoxR{width: 190px;}
.firstBoxR a img{display: block;}
.firstBoxR .mbImg{margin-bottom: 57px;}
.firstBoxR ul{margin-top: 20px;}
.firstBoxR ul li{line-height: 23px;}
.firstBoxR ul li a{font-size: 12px;}

.clickEnter{position: absolute;top: 650px;left: 500px;}

.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*/
.secondBoxa,.secondBoxb{width: 600px;margin: 0 auto;}
.secondBoxa .fr{width: 350px;}
.secondBoxb .fl{width: 350px;}
.secondBoxb{margin: 35px 65px;}
.secondBox h2{font-size: 18px;font-weight: bold;margin: 10px 0;}
.secondBox p{font-size: 14px;line-height: 26px;text-indent: 2em;}
.secondBox img{width: 200px;height: 120px;}
.slides-item3.current .secondBox{animation:fadeInDown 1s ease-in forwards; -moz-animation:fadeInDown 1s ease-in forwards; -webkit-animation:fadeInDown 1s ease-in forwards;}


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



/*slide4*/
.fourBox,.fiveBox{margin: 190px 0 0 190px;position: relative;}
.slides-item4.current .fourBoxa img{ animation:fadeInRight 1s ease-in forwards;-moz-animation:fadeInRight 1s ease-in forwards;-webkit-animation:fadeInRight 1s ease-in forwards;}
.slides-item4.current .fourBoxb img{ animation:fadeInRight 2s ease-in forwards;-moz-animation:fadeInRight 2s ease-in forwards;-webkit-animation:fadeInRight 2s ease-in forwards;}
.slides-item4.current .fourBoxc img{ animation:fadeInRight 2s ease-in forwards;-moz-animation:fadeInRight 3s ease-in forwards;-webkit-animation:fadeInRight 3s ease-in forwards;}
.slides-item4.current .fourBoxd img{ animation:fadeInRight 4s ease-in forwards;-moz-animation:fadeInRight 4s ease-in forwards;-webkit-animation:fadeInRight 4s ease-in forwards;}

.fourBoxa{position: absolute;top: 0px;left: 40px;}
.fourBoxb{position: absolute;top: 5px;left: 390px;}
.fourBoxc{position: absolute;top: 240px;left: 40px;}
.fourBoxd{position: absolute;top: 245px;left: 400px;}


/*slide5*/

.fiveBoxm{position: absolute;top: 120px;left: 180px;}
.fiveBoxa{position: absolute;top: 54px;left: 28px;}
.fiveBoxb{position: absolute;top: -20px;left: 230px;}
.fiveBoxc{position: absolute;top: 55px;left: 430px;}
.fiveBoxd{position: absolute;top: 220px;left: 440px;}
.fiveBoxe{position: absolute;top: 350px;left: 340px;}
.fiveBoxf{position: absolute;top: 350px;left: 110px;}
.fiveBoxg{position: absolute;top: 210px;left: 10px;}

.slides-item5.current .fiveBoxa{animation:fadeInDown 2s ease-in forwards;-moz-animation:fadeInDown 2s ease-in forwards;-webkit-animation:fadeInDown 2s ease-in forwards;}
.slides-item5.current .fiveBoxb{animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}
.slides-item5.current .fiveBoxc{animation:fadeInDown 2s ease-in forwards;-moz-animation:fadeInDown 2s ease-in forwards;-webkit-animation:fadeInDown 2s ease-in forwards;}
.slides-item5.current .fiveBoxd{animation:fadeInDown 3s ease-in forwards;-moz-animation:fadeInDown 3s ease-in forwards;-webkit-animation:fadeInDown 3s ease-in forwards;}
.slides-item5.current .fiveBoxe{animation:fadeInDown 4s ease-in forwards;-moz-animation:fadeInDown 4s ease-in forwards;-webkit-animation:fadeInDown 4s ease-in forwards;}
.slides-item5.current .fiveBoxf{animation:fadeInDown 4s ease-in forwards;-moz-animation:fadeInDown 4s ease-in forwards;-webkit-animation:fadeInDown 4s ease-in forwards;}
.slides-item5.current .fiveBoxg{animation:fadeInDown 3s ease-in forwards;-moz-animation:fadeInDown 3s ease-in forwards;-webkit-animation:fadeInDown 3s ease-in forwards;}



/*slide6*/
.sixBox{width: 900px;padding-top: 180px;padding-left: 120px;}
.sixBoxL{width: 335px;height: 130px;margin-right: 40px;float: left;}
.sixBoxNew{width: 200px;}
.showR h2{font-size: 16px;font-weight: bold;margin:20px 0 10px;}
.sixBoxNew p{line-height: 24px;color: #878787;font-size: 12px;}
.showL h2{font-size: 16px;font-weight: bold;margin:30px 0 10px;}
.slides-item6.current .showL{animation:fadeInRight 1s ease-in forwards;-moz-animation:fadeInRight 1s ease-in forwards;-webkit-animation:fadeInRight 1s ease-in forwards;}
.slides-item6.current .showR{animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}