/* slide */
.slide-main{height:100%;position:relative; }
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:60%;overflow:hidden;cursor:pointer;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:100%;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:100%;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#fff url(../images/ban4.jpg) center 111px no-repeat;}
#bgstyleb{background:#e9440a url(../images/banner2_bg.jpg) center bottom no-repeat;}
#bgstylec{background:#2b0d03 url(../images/banner1_bg.jpg) center 111px no-repeat;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-700px;text-align:center;}
.obj-a{display:block;height:352px;top:205px;}
.obj-b{top:241px;height:100px;}
.obj-c{display:block;height:368px;top:250px; width:547px; margin-left:-540px;}
.obj-d{top:228px;height:358px; width:587px; margin-left:-30px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:474px;height:151px;margin-left:-237px;top:200px;z-index:12; }
.obj-f{width:708px;height:455px;top:360px;margin-left:-280px; }
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:10%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:10%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:10%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:90%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:90%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:90%;} to{opacity:1;left:50%;} }
#superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; }
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; }
.fp-slide { float: left; }
.fp-slide, .fp-slidesContainer { height: 100%; display: block; }
.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.fp-slidesContainer { float: left; position: relative; }
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.fp-scrollable { overflow: scroll; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }
#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fp-nav.right { right: 17px; }
#fp-nav.left { left: 17px; }
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fp-slidesNav.bottom { bottom: 17px; }
.fp-slidesNav.top { top: 17px; }
#fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; }
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fp-slidesNav ul li { display: inline-block; }
#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #e60404; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #e60404; background: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; z-index: 1; }
#fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #0f0e0e; font-size: 12px; white-space: nowrap; max-width: 115px; overflow: hidden; text-align: center; display: block; opacity: 0; width: 0; }
#fp-nav ul li:hover .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; }
#fp-nav ul li .fp-tooltip.right { right: 20px; }
#fp-nav ul li .fp-tooltip.left { left: 20px; }
/**下一页****/
.godown { position: absolute; left: 50%; bottom: 0px; z-index: 1000000000000; width: 41px; height: 39px; margin-left: -20px; }
.godown span { display: block; width: 41px; height: 39px; background-image: url(../images/godown.gif); -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear; }
.section2 { background: url(../images/sec2_box1.jpg) center 111px no-repeat; text-align: center; }
.section2 .con { height: 100%;  position: relative; width: 1000px; display: block; margin-left: auto; margin-right: auto; }
.section2 .sl2 { width: 500px; position: absolute; left: -100%; top: 50%; margin: -160px 0 0 250px; height:120px; overflow: hidden; }
.section2 .sr2 { width:1035px; position: absolute; left: 200%; top: 50%; margin: -50px 0 0 -500px; height: 316px; display: block; overflow: hidden;}
.section2 h1 { font-size: 44px; font-family: impact, "Arial Unicode MS"; color: #d60500; margin:0 auto; }
.section2 h2 { font-size: 36px; color: #d60500; padding:0;}
.section2 .ul { width: 1035px; display: block; margin: 0 auto;  background: url(../images/sec2_bg.png) center 289px no-repeat; height: 316px;  }
.section2 .effect-selena { position: relative; float: left; overflow: hidden; min-width: 402px; max-width: 402px; max-height: 289px; height: auto; background: #3085a3; text-align: center;  }
.section2 .l2 .effect-selena { min-width: 345px; max-width: 345px; }
.section2 .l3 .effect-selena { min-width: 253px; max-width: 253px; }
.section2 .effect-selena { background: #d60500; }
.section2 .effect-selena img { opacity: 0.95; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.section2 .effect-selena:hover img { -webkit-transform: scale3d(0.95, 0.95, 1); transform: scale3d(0.95, 0.95, 1); }
.section2 .effect-selena:hover { }
.section2 .effect-selena h3 { font-size: 24px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
.section2 .effect-selena h4 { font-size: 14px; font-weight: 100; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); height: 36px; line-height: 32px; display: block; overflow: hidden; }
.section2 .effect-selena p { opacity: 0; font-size: 14px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; margin-top: 51px; }
.section2 .effect-selena:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.section2 .effect-selena:hover h4 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: url(../images/sec2_li_bg.png) center bottom no-repeat; }
.section2 .effect-selena:hover p { opacity: 1; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0); transform: perspective(1000px) rotate3d(1, 0, 0, 0); }
.section2 .figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section2 .figcaption a { text-align: center; line-height: 33px; color: #fff; margin: 0 auto; width: 112px; height: 33px; border: 1px solid #fff; display: block; }
.section2 .figcaption { font-size: 24px; padding-top: 80px; color: #fff; text-align: center; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; }
.section2 .effect-selena:hover .figcaption { background: url(../images/sec2_on.png) center top no-repeat; }

.section7{ background: url(../images/1.jpg) center 111px no-repeat; text-align: center; }
.section7 .title2{text-align:center; top:0px; position:absolute; width:100%; margin:0 auto;}

.section7 .title2 h1{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:26px; text-transform:uppercase;}
.section7 .title2 h2{ color:#fff; font-size:30px; font-weight:bold;}
.section7 .title2 h3{ font-size:14px; padding-top:20px;}
.section7 .ul2{width:1030px; margin:0 auto; overflow:hidden;position:absolute;margin-left:-400px;transition: all 1.5s;}
.active .ul2{ left:43%;top:36%}
.section7 .ul2 ul{width:880px;}
.section7 .ul2 li{float:left;}
.section7 .index_about{display:block;padding:3px;background:#fff;position: relative; border:1px solid #d4d2d2; border-bottom:none; overflow:hidden; width:168px; height:81px; border-right:none;}
.section7 .index_about strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#e50112;}
.section7 .index_about img{position: relative; z-index:1;transition: .9s;
-moz-transition: .9s;
-webkit-transition: .9s;
-o-transition: .9s;
line-height: 1em; width:168px; height:81px;
}
.section7 .index_about:hover img{transform: scale(1.2);
-webkit-transform: scale(1.2);}
/*********联系我们******************/
.section8{background:url(../images/contact.jpg) no-repeat; }
.section8 .con { height:100%;  position: relative; }
.section8  .title{ padding-top:40px;position: absolute; top:100%; left:50%; margin-left:-202px; text-align:center; padding-top:5px;transition: all 1.5s; width:404px; height:200px; margin-top:30px; }
.section8 .con .title h1{ font-size: 44px; font-family: impact, "Arial Unicode MS"; color: #fff; margin:0 auto;}
.section8 .con .title h2{ font-size: 36px; color: #fff; padding:0;}
.section8 .con .title h3{ font-size:14px; padding-top:20px;color: #fff;}
.section8  .c_left{width:500px;color:#fff; position: absolute; left: -100%; top:41%; display:block; overflow:hidden; padding-bottom:15px;}
.section8 .con .c_left h1{font-size:16px; margin-top:0;}
.section8 .con .c_left h2{font-size:18px; font-weight:100; }
.section8 .con .c_left h3{font-size:12px;font-weight:100;}
.section8 .con .c_left h3 a{ display:block; color:#fff; border:1px solid #ddd; width:104px; text-align:center;transition: all 0.5s;}
.section8 .con .c_left h3 a:hover{ background:#fff; color:#f77e15; font-weight:bold;}
.section8  .c_right{width:495px;color:#fff; line-height:22px; position: absolute; left: 200%; top:41%; margin:0 0 0 30px;  display: block;overflow:hidden; }
.section9{background:url(../images/2.jpg)  center 111px no-repeat;} 
.section9 .contact2{  position:relative; margin-bottom:0; z-index:1; height:100%; display:block;}
.section9 .S_top5 .title2 { width:589px; height:180px; overflow:hidden;position: absolute; top:100%; left:50%; margin-left:-294px; z-index:5; margin-top:10px;}
.section9  .table { padding-top:0px; margin-bottom:0px; width:auto; margin: 0 auto; }
.section9 .bi{background:url(../images/contact_bi.jpg) center top no-repeat; width:554px; height:130px; margin:0 auto; text-align:center; font-size:26px; color:#f77e15; padding-right:35px; font-weight:bold; line-height:26px;}
.section9 .c_text{ line-height:24px; color:#666; font-size:16px; text-align:center; margin-top:-25px;}
.section9  .c_left { width:460px; padding-left:50px; position: absolute; left: -100%; top:45%; margin:10px 0 0 0; height:auto; overflow: hidden;  }
.section9  .c_right { position: absolute; left: 200%; top:45%; margin:10px 0 00px; display: block; overflow: hidden;  }
.section9 .contact2 .table form .te{ position:absolute; top:100%; margin-top:190px; width:500px; left:50%; margin-left:-120px; padding-left:0;}
.section9 .title2 h1{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:26px; text-transform:uppercase;}
.section9 .title2 h2{ color:#e50112; font-size:30px; font-weight:bold;}
.section9 .title2 h3{ font-size:14px;}
.section9 .title2{text-align:center; top:0px; position:absolute; width:100%; margin:0 auto;}
.section9 .bottom{position:absolute;}
/* 动画 */
.left0 { transition: all 1.5s; }
.right0 { transition: all 1.5s; }
.S_top { transition: all 1.5s; }
.S_top9 { transition: all 1.5s; }
.S_bottom { transition: all 1.5s; }
.active .S_top{top:0%;}
.active .S_top8{top:15%;}
.active .S_top9{top:20%;}
.active .title2{top:20%;}
.active .left0 { left: 0; }
.active .right0 { left: 50%; }
.active .S_bottom{ top:50%;}
.active .contact2 .table form .te{ top:50%;}
.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear; }
@-webkit-keyframes fade { 0% {
opacity: 1;
}
 50% {
opacity: 0.3;
}
 100% {
opacity: 1;
}
}
@keyframes fade { 0% {
opacity: 1;
}
 50% {
opacity: 0.3;
}
 100% {
opacity: 1;
}

#subleftcoth a, #subleftcoth a:hover {background:url(../images/about_on.png) no-repeat;
 color:#fff; font-weight:bold;}