.section { position: relative; overflow: hidden;}
.section1{  background: url(../images/p1.jpg) center no-repeat; width:100%; height: 100%; background-size: cover;  -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);}
.section2{  background: url(../images/p2.jpg) center no-repeat; width:100%; height: 100%; background-size: cover;  -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);}
.section3{  background: url(../images/p3.jpg) center no-repeat; width:100%; height: 100%; background-size: cover;  -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);}
.section4{  background: url(../images/p4.jpg) center no-repeat; width:100%; height: 100%; background-size: cover;  -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);}
.section5{  background: url(../images/p5.jpg) center no-repeat; width:100%; height: 100%; background-size: cover;  -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc);}
.section6{ height:200px;}  
 
/*首页*/

#superContainer { height: 100%;  position: relative;}
.section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.slide {float: left;}
.slide, .slidesContainer {height: 100%;display: block;}
.slides {height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.section.table, .slide.table {display: table;width: 100%;}
.tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.slidesContainer {float: left;position: relative;}
.controlArrow {position: absolute;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;}
.controlArrow.prev {left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.controlArrow.next {right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.scrollable {overflow: scroll;}
.easing {-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

/*右侧隐蔽导航*/
#fullPage-nav { font-size: 12px; display:none;}
#fullPage-nav li { width:12px; height:12px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width:12px; height:12px; color: #8F9DA4; text-decoration: none; text-align:right; background: url(../images/dot.png) -12px 0 no-repeat;}
#fullPage-nav li .active { background-position:0 0;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}
#fullPage-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%; opacity: 1;}
#fullPage-nav.right { right: 17px;}
#fullPage-nav.left {left: 17px;}
.fullPage-slidesNav {position: absolute;z-index: 4;left: 50%;opacity: 1;}
.fullPage-slidesNav.bottom {bottom: 17px;}
.fullPage-slidesNav.top {top: 17px;}
#fullPage-nav ul,
.fullPage-slidesNav ul {margin: 0;padding: 0;}
#fullPage-nav li,
.fullPage-slidesNav li {display: block;width: 12px;height: 12px;margin: 7px;position:relative;}
.fullPage-slidesNav li {display: inline-block;}
#fullPage-nav li a,
.fullPage-slidesNav li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {background: #333;}
#fullPage-nav span,
.fullPage-slidesNav span {top: 2px;left: 2px;width: 8px;height: 8px;border: 1px solid #000;background: rgba(0, 0, 0, 0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;z-index: 1;}
.fullPage-tooltip {position: absolute;color: #fff; top: -2px;}
.fullPage-tooltip.right {right: 20px;}
.fullPage-tooltip.left {left: 20px;}


.mouse{ position:absolute; width:24px; left:50%; margin-left:-12px; bottom:30px;}
.mouse .con{
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
 

@keyframes hvr-bob {
  0% {
 
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
  
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

 
/* Pulse */
@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse{ float:left;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; 
}

.star{ width:600px; height:320px; position:absolute; left:50%; top:50%; margin:-160px 0 0 -300px; z-index:10; }
.star .wei{ position:absolute; white-space:nowrap; color:#fff; cursor:pointer;}
.star .wei img{ width:100%;}
.star .wei.n1{ left:0; top:30px;}
.star .wei.n2{ right:0; top:0;} 
.star .wei.n3{ left:70px; bottom:70px; }
.star .wei.n4{ right:0; bottom:0;}
.star .wei h1{ font-size:35px;font-weight:bold;}
.star .wei.n4 h1{ line-height:90px; margin-left:10px;}
.star .wei.n3 h1{ line-height:60px; position:absolute; left:-220px; top:0px;}
.star .wei.n2 h1{ line-height:70px; margin-left:10px;}
.star .wei.n1 h1{ line-height:55px; position:absolute; left:-150px; top:0px;}

.star .wei.n1 .pulse{  width:55px;}
.star .wei.n2 .pulse{  width:70px;}
.star .wei.n3 .pulse{  width:60px;}
.star .wei.n4 .pulse{  width:90px;}



.ladaybox{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; display:none;}


.limit-box{ position:relative; z-index:10000; width:688px; height:527px; margin:0 auto; top:50%; margin-top:-263px;}

.limit-buy-hd{  position:absolute; right:-110px; bottom:28px; z-index:10000;}

.limit-buy-bd{ width:688px; height:527px;  overflow:hidden;}
.limit-buy-nav{ background:url(../images/num.jpg) no-repeat; width:342px; height:114px; }
.limit-buy-nav span{float:right; width:60px; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;  display:block; margin-right:25px;}
.limit-buy-nav em{ font-size:30px; color:#fff; float:left; display:block; margin-top:25px;}
.limit-buy-nav span strong{ font-size:45px; line-height:50px; color:#f4b532; float:right; margin-top:60px;}
.limit-buy-nav .prev,.limit-buy-nav .next{float:left;overflow:hidden; width:52px;height:52px; background:url(../images/pre0.png) no-repeat; display:block; margin:30px 0 0 35px;}
.limit-buy-nav .next{ background:url(../images/next0.png) no-repeat;}
 
.btn-prev,.btn-next{ display:none;}
.products{float:left;width:100%;}
.products li{float:left;position:relative;width:688px; height:527px; }
.products li .pic{ width:299px; height:436px; margin:30px 0 0 30px; overflow:hidden; position:relative; padding:15px; background:#fff; box-shadow:0 5px 10px 0 rgba(0,0,0,.3);transition:all .3s ease-in-out;}
.products li .pic a{ display:block;}
.products li .pic .bg{width:299px; height:436px; background:rgba(0,0,0,.4); position:absolute; top:15px; left:15px; display:none; }
.products li .pic:hover .bg{ display:block;}
.products li .pic i{ background:url(../images/lianjie.png) no-repeat; width:43px; height:43px; display:block; margin:0 auto; margin-top:210px;}
 
 
 
 
.sbox1{ background:rgba(0,51,143,0.8); width:696px; display:none; position:absolute; z-index:10001;}
.sbox1 .close{ background:url(../images/close.png) no-repeat; width:25px; height:25px; position:absolute; top:-35px; right:0;}
.sbox1 .tab{ width:134px; float:left;}
.sbox1 .tab a{ width:100%; height:58px; background:rgba(0,0,0,0.6); display:block; line-height:58px; text-align:center; color:#fff; font-size:14px; margin-bottom:2px;}
.sbox1 .tab a.last{ margin:0;}
.sbox1 .tab a.cur{ background:rgba(195,153,58,1);}
.sbox1 .con{ width:562px; float:right;}
.sbox1 .con ul{ width:440px; margin:0 auto; margin-top:20px; overflow:hidden; font-size:14px; line-height:50px; color:#fff;} 
.sbox1 .con i{ width:4px; height:4px; background:#fff; vertical-align:2px; display:inline-block; margin:0 10px; border-radius:50%;}
.sbox1 .con ul li{ clear:both; overflow:hidden;}
.sbox1 .con ul li strong{ font-weight:normal; display:inline-block; width:135px;}

.sbox2{ background:rgba(0,51,143,0.8); width:714px;  position:absolute; z-index:10001; display:none;}
.sbox2 .close{ background:url(../images/close.png) no-repeat; width:25px; height:25px; position:absolute; top:-35px; right:0;}
.sbox2 .tab{ width:100%; overflow:hidden;}
.sbox2 .tab a{ width:101px; height:58px; background:rgba(0,0,0,0.6); display:block; line-height:58px; text-align:center; color:#fff; font-size:14px; margin-right:1px; float:left;}
.sbox2 .tab a.last{ margin:0; width:102px;}
.sbox2 .tab a.cur{ background:rgba(195,153,58,1);}
.sbox2 .con{ width:100%; clear:both;}
.sbox2 .con ul{ width:625px; margin:20px auto; overflow:hidden; font-size:14px; line-height:50px; color:#fff;} 
.sbox2 .con i{ width:4px; height:4px; background:#fff; vertical-align:2px; display:inline-block; margin:0 10px; border-radius:50%;}
.sbox2 .con ul li{ clear:both; overflow:hidden;}
.sbox2 .con ul li strong{ font-weight:normal; }

.sbox3{ background:url(../images/huan.png) no-repeat; width:372px; height:372px; position:absolute; z-index:1001; display:none;}
.sbox3 .close{ background:url(../images/close.png) no-repeat; width:25px; height:25px; position:absolute; top:-35px; right:-120px;}
.sbox3 ul li a{ background:rgba(0,0,0,.4); line-height:29px; display:inline-block; border-radius:29px; padding:0 20px; font-size:14px; color:#fff;}
.sbox3 ul li{ position:absolute;}
.sbox3 ul li:nth-child(1){ top:-52px; left:108px;}
.sbox3 ul li:nth-child(2){ top:60px; left:-83px;}
.sbox3 ul li:nth-child(3){ top:60px; right:-122px;}
.sbox3 ul li:nth-child(4){ top:188px; left:-128px;}
.sbox3 ul li:nth-child(5){ top:188px; right:-142px;}
.sbox3 ul li:nth-child(6){ bottom:33px; left:-114px;}
.sbox3 ul li:nth-child(7){ bottom:33px; right:-110px;}


.sbox4{ width:100%; height:451px; position:absolute; z-index:1001; display:none;}
.sbox4 .close{ background:url(../images/close.png) no-repeat; width:25px; height:25px; position:absolute; top:-35px; right:200px;}

#DB_tab16 {width:100%;height:451px;position:relative;overflow:hidden}
#DB_tab16 .DB_img{position:relative;width:816px; margin:0 auto;}
#DB_tab16 .DB_img li{position:absolute;width:816px; }
#DB_tab16 .DB_img li a{display:block; }
#DB_tab16 .DB_img li img{ width:458px; margin:0 auto; display:block;}
#DB_tab16 .DB_img li dl{ width:100%; background:rgba(0,51,143,0.8); font-size:14px; color:#fff; line-height:45px; padding:20px 0; margin-top:100px;}
#DB_tab16 .DB_img li dl dd{ width:745px; margin:0 auto;}

#DB_tab16 .DB_btn{position:absolute;bottom:10px;width:100%;text-align:center}
#DB_tab16 .DB_btn li{display:inline;cursor:pointer;margin:0px; text-align:center;}
#DB_tab16 .DB_dirBtn{position:absolute;width:100%;top:150px;}
#DB_tab16 .DB_dirBtn .DB_prev{position:absolute;left:60px;cursor:pointer}
#DB_tab16 .DB_dirBtn .DB_next{position:absolute;right:60px;cursor:pointer}

.tanbox2{ width:722px; overflow:hidden;  position:absolute; top:50%; left:50%; margin:-269px 0 0 -361px;  color:#4c4c4c;}
.tanbox2 li{ clear:both; margin-top:4px; overflow:hidden;}
.tanbox2 li span{ background:url(../images/riqi.png) no-repeat; width:62px; height:62px; display:block; float:left; font-size:14px;}
.tanbox2 li span strong{ width:40%; display:block; text-align:right; float:left; font-weight:normal; color:#f4b532; margin-top:5px;}
.tanbox2 li span i{ float:right; text-align:left; display:block; width:40%; margin-top:30px;}
.tanbox2 li p{ width:596px; padding:0 30px; float:right; background:#fff; height:62px; font-size:14px; line-height:62px;}
.tanbox2 li p a{ float:left; color:#4c4c4c;}
.tanbox2 li p a:hover{ text-decoration:underline;} 
.tanbox2 li p em{ float:right;}

.tanbox2 .page{ width:100%; text-align:right; clear:both; margin-top:26px;}
.tanbox2 .page a{ width:42px; height:42px; display:inline-block; margin-left:20px;}
.tanbox2 .page a.pre{ background:url(../images/pre.png) no-repeat; }
.tanbox2 .page a.next{ background:url(../images/next.png) no-repeat; }



.section5 .tuds{ width:668px; height:496px; position:absolute; left:50%; top:50%; margin:-248px 0 0 -334px; z-index:1000;}
.section5 .tuds .n1{ position:absolute; left:345px; top:0;}
.section5 .tuds .n2{ position:absolute; left:0; top:173px;}
.section5 .tuds .n3{ position:absolute; left:173px; top:173px;}
.section5 .tuds .n4{ position:absolute; left:345px; top:173px;}
.section5 .tuds .n5{ position:absolute; right:0; top:173px;}
.section5 .tuds .n6{ position:absolute; left:345px; bottom:0;}


/*弹出*/
#fancybox-loading { position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;}
 
#fancybox-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1100;display: none;}
#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap {position: absolute;top: 0;left: 0; z-index: 1101;outline: none;display: none;}
#fancybox-outer {position: relative;width: 100%;height: 100%; }
#fancybox-content {width:0;height:0;padding: 0;outline:none;position:relative;overflow: hidden;z-index: 1102; background:#fff; border:0px solid #fff;}
#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;}

#fancybox-close {position: absolute;top:9px;right: 12px;width:24px;height:24px;background: transparent url(../images/fancybox-close.png) no-repeat ;cursor: pointer; z-index: 1103;display: none;}
#fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;}
#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;}
#fancybox-frame {width: 100%;height: 100%;border: none;display: block;}
#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width:0%;cursor: pointer;outline: none;/*background: transparent url('blank.gif');*/z-index: 1102;display: none;}
#fancybox-left {left:0px;}
#fancybox-right {right:0px;}
 
 .pop{ display:none;}
.inline_box{ width:358px; height:555px; background:#fff; }
.inline_box h1{ width:333px; margin:0 auto; line-height:30px; margin-top:10px; font-size:14px;}
.inline_box .pic{ width:333px; margin:0 auto;}
.boxguf{ width:377px; padding:0 17px 10px 17px;  background:#fff; }
.boxguf h1{ width:377px; margin:0 auto; line-height:45px;  font-size:18px; text-align:center;}
.boxguf .pic{ width:377px; margin:0 auto 10px auto;}
.boxguf p{ width:377px; margin:0 auto; font-size:14px; line-height:30px;}


.category{ width:100%;  text-align:center; position:absolute; z-index:1000; left:0; top:50%;  margin-top:-56px;}
.category li{ width:113px; display:inline-block; font-size:14px; margin:0 55px;}
.category li a{ color:#fff;  }
.category li a i{ width:113px; height:113px; display:block; margin:0 auto; margin-bottom:10px; transition:all .4s ease-in-out;}
.category li:nth-child(1) a i{ background:url(../images/yuan_03.png) no-repeat;}
.category li:nth-child(2) a i{ background:url(../images/yuan_05.png) no-repeat;}
.category li:nth-child(3) a i{ background:url(../images/yuan_07.png) no-repeat;}
.category li:nth-child(4) a i{ background:url(../images/yuan_09.png) no-repeat;}

.category li:nth-child(1) a:hover i{ background:url(../images/yuanh_03.png) no-repeat;}
.category li:nth-child(2) a:hover i{ background:url(../images/yuanh_05.png) no-repeat;}
.category li:nth-child(3) a:hover i{ background:url(../images/yuanh_07.png) no-repeat;}
.category li:nth-child(4) a:hover i{ background:url(../images/yuanh_09.png) no-repeat;}

.erwei{ position:absolute; right:0; top:50%; margin-top:-86px; z-index:100;}

 

#videostr{width:800px;height:450px;}
.theme-mask2{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover2 {background: #000;width: 810px;height: 455px;z-index: 100001;position:absolute;top: 40%;left:50%;margin: -200px 0 0 -405px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2);display: none;text-align: center;}
.popover2 object embed{width: 810px; height: 455px;}
.close2{ background:url(../images/close.png) no-repeat; width:25px; height:25px; position:absolute; top:-35px; right:0px;}
.v_bq_vico{ background:url(../images/play.png) no-repeat; width:73px; height:73px; display:block; position:absolute; left:50%; margin-left:-37px; bottom:230px; z-index:1000;}