html, body { margin: 0; padding: 0; }
@font-face {
    font-family: "CAI";
    src: url("829CAI.eot");
}
 
@font-face {
    font-family: "CAI";
    src: url(//:) format("no404"), url("CAI.woff") format("woff"), url("CAI.ttf") format("truetype"), url("CAI.svg#webfontMFqI76bT") format("svg");
    font-weight: normal;
    font-style: normal;
}


#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;  width: 100%; height: 100%; padding: 0 !important;}
.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 { 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: 14px; height: 13px; 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; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }
.fullPage-tooltip.right { right: 20px; }
.fullPage-tooltip.left { left: 20px; }

#menu { position: fixed; right: 2px; top: 40%; z-index: 10; list-style-type: none; }
#menu li { list-style:none;width: 90px; height: 27px; margin-top: 7px; overflow: hidden;}
#menu a { display: block; height: 27px; padding-left: 30px; line-height: 27px; background: url(../images/dot.png) left -34px no-repeat; color: #fff; text-align: left; text-shadow: 1px 1px 0px #333; text-decoration: none; overflow: hidden;}
#menu span { display: block; width: 60px; height: 27px; font-size: 12px; text-indent: 200px; opacity: 0.6; filter:alpha(opacity=60); overflow: hidden;}
#menu a:hover span { text-indent: 0;}
#menu .active a { background-position:left 0;}

.section { position: relative; overflow: hidden;color: #b3b3b3;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.middle { position: relative; width: 1100px; height: 100%; margin-left: auto; margin-right: auto;}
.section .h2{position: relative;top: 9%;}

.section3 .h2{position: relative;top: 13%;}
.section5 .h2{position: relative;top: 13%;}
.section7 .h2{position: relative;top: 13%;}

.section .h2 h3{text-align: center;opacity: 0.5;}
.section .h2 h2{color: #d3af7f;font: normal 28px/40px CAI;height: 40px;padding:0;text-align: center;text-transform: uppercase;opacity: 0.5;}
.section .h2 h5{opacity: 0.5;}
.section .h2 h5 dt{color: #000;width: 200px;margin: 0 auto;text-align: center;}

.section .h2 h2.tit2{text-transform: uppercase;opacity: 0.5;}
.section .h2 h5.tit5{opacity: 0.5;}
.section .h2 h5.tit5 dt{color: #d3af7f;background: none;width: 200px;margin: 0 auto;font: normal 41px/90px "微软雅黑";height: 90px;text-align: center;border-bottom: 1px solid #d3af7f;}





.active .h2 h3{opacity: 1;transition: all 2.2s ease-in-out !important;}
.active .h2 h2{opacity: 1;transition: all 2.5s ease-in-out !important;}
.active .h2 h5{opacity: 1;transition: all 2.8s ease-in-out !important;}

.active .h2 h2.tit2{opacity: 1;transition: all 2.5s ease-in-out !important;}
.active .h2 h5.tit5{opacity: 1;transition: all 2.8s ease-in-out !important;z-index: 55;}




/* 轮播    */
.section1 { background:#f1f1f1; }
.logo1 {  z-index: 20; width: 169px; height: 65px; margin-left: -85px; text-indent: -9999px; background: url(/images/logo.png) no-repeat; overflow: hidden;background-size: contain;}
.bg1-1 { background: url(/images/bg1-1.png) 50% 50% no-repeat;}
.bg1-2 { background: url(/images/bg1-2.png) 50% 50% no-repeat;}
.bg1-3 { opacity: 0; background: url(/images/bg1-3.png) 50% 50% no-repeat;}
.left1 { position: absolute; left: -200%; top: 50%; width: 444px; height: 514px; margin: -260px 0 0 -50px; background-image: url(l1.png);}
.right1 { position: absolute; left: 200%; top: 50%; width: 655px; height: 658px; margin: -300px 0 0 -70px; background-image: url(r1.png);}





/* 关于我们  */
.section2 { background:url(../images/bgc25.jpg)no-repeat top center;}
.section2 .middle{width: 1280px;margin: 0 auto 0;}
.left2 { top: 2%; width:100%; height: 70px;color: #b3b3b3;font: normal 26px/70px "微软雅黑";text-align: center;opacity: 0;}
.section2 .left2{position: absolute; left:-200%;transition: all 1s ease-in-out !important;}
.section2 .right2 .text{padding:20px 0;}
.section2 .right2 .text p{color: #767676;font:normal 14px/24px "微软雅黑";}
.right2 { position: absolute;  top:40%;; width:100%; height: 350px; margin:0 auto;opacity: 0;}
.section4 .right2{font: normal 16px/40px "微软雅黑";color: #b3b3b3;position: absolute; right: -200%;}
.right2{transition: all 2.4s ease-in-out !important;}
.section2 .right2 dd a{color: #fff;background: #393a3e;width: 200px;margin:50px auto 0;font: normal 15px/40px "微软雅黑";height: 40px;text-align: center;display: block;}
.section2 .right2 .h2{top:0;}
.section2 .right2 dd a:hover{background: #d3af7f;color: #000;}
.active .left2{ left: 10px;opacity: 1;top: 18%;}
.active .right2 {right: 246px;top:18.8%;opacity: 1;left: inherit !important;padding-left: 0;width: 450px;height: 600px;}



/* 产品  */
.section3 { background:#000;}
.section3 .middle{width: 1400px;}
.left3 { position: absolute; width: 100%; height: 50%; margin:0;}
.right3 { position: absolute; left: 200%;  width: 100%;; height: 50%;top:50%;transition: all 1.5s;}
.section3 .left3 li{float: left;left: -200%; position: absolute;width: 33.3%;}
.section3 .right3 li{float: left;left: 200%;position: absolute;width: 33.3%;}
.section3 li img{display: block;}
.section3 .cppwz{height: 35px;line-height: 35px;}
.section3 .cppwz a{color: #fff4d8;}
.section3 .cppwz a:hover{color: #fff4d8;text-decoration: underline;}

.section3 .li1{ transition: all 0.8s ease-in-out !important;}
.section3 .li2{ transition: all 1.6s ease-in-out !important;}
.section3 .li3{ transition: all 2.4s ease-in-out !important;}
.section3 .li4{ transition: all 0.8s ease-in-out !important;}
.section3 .li5{ transition: all 1.6s ease-in-out !important;}
.section3 .li6{ transition: all 2.4s ease-in-out !important;}

.active .left3 .li1 { left: 0;}
.active .left3 .li2 { left: 33.3%;}        
.active .left3 .li3 { left: 66.5%;}
.active .right3 .li4 {left:0;}
.active .right3 .li5{left:33.3%;}
.active .right3 .li6{left:66.6%;}


/* 服务体系  */
.section4  { background: url(/images/bj2.jpg) no-repeat top;}
.section4 .middle{width:1920px;}
.section4 .h2 h2{font:normal 54px/74px  "微软雅黑";color:#fff;}
.section4 .h2 h5{font:normal 20px/31px  "微软雅黑";color:#666;width:291px;height:31px;line-height:31px;background:#e4e4e4;border-radius:20px;margin: 0 auto;margin-top: 50px}
.section4 .left4 { position: absolute; top: 15%; width: 100%; height: 350px; margin:0;}
.section4 .right4 { position: absolute; left: 200%;  top: 25%;; width: 100%;; height: 350px; margin-top:0;}
.section4 li{float: left;text-align: center;font-size: 15px;font-family: "微软雅黑";left: -200%; position: absolute;color: #fff;}
.section4 li ol img{max-width: 100%;display:block;padding: 20px 0;}
.section4 li dt.dt1{height: 45px;font: normal 34px/45px "微软雅黑";text-align: left;color: #fff;position: relative;z-index: 88;}
.section4 li dt.dt2{text-align: left;font: normal 22px/38px "宋体";color:#aeaeae;}
.section4 .li1{ top:10%;transition: all 0.6s ease-in-out !important;}
.section4 .li2{ top:10%;transition: all 1.2s ease-in-out !important;}
.section4 .li3{ top:10%;transition: all 1.8s ease-in-out !important;}
.section4 .li4{ top:10%;transition: all 2.4s ease-in-out !important;}
.active .left4 .li1 { left: 6%;}
.active .left4 .li2 { left: 29%;}
.active .left4 .li3 { left: 55%;}
.active .left4 .li4 { left: 78%;}
.active .left4 li dt{transition: all 2.5s ease-in-out !important;}
.active .left4 li dd{font:normal 13px/25px "微软雅黑";color:#ddd;opacity: 1;transition: all 3s ease-in-out !important;text-align: left;}



/* 技术实力  */
.section5  { background:url(/images/bj3.jpg)no-repeat top center;}
.section5 .middle{width:1524px;height:722px;box-sizing: border-box;background:rgba(255,255,255,0.5);z-index: 99;margin-top:120px;}
.section5 .h2 h2.tit2{font:normal 53.9px/74px  "宋体";color:#636363;height: 69px;padding: 8px; }
.section .h2 h5.tit5 dt{font:normal 20px/31px "宋体";color:#f4f4f4;width:423px;height:31px;background:#7e7e7e;border-radius: 15px }
.section5 .left5 { position: absolute; top: 25%; width: 100%; height: 350px; margin:0;}
.section5 .right5 { position: absolute;  top: 15%;; width: 100%;; height: 350px; margin-top:0;}
.section5 li{float: left;width: 425px;text-align: center;font-size: 15px;font-family: "微软雅黑";right: -200%; position: absolute;color: #d3af7f;}
.section5 li ol img{max-width: 100%;}
.section5 li dd{font:  normal 13px/30px "微软雅黑";text-align: left;}
.section5 li dt{font-weight: bolder;}
.section5 li .fll{float:left;}
.section5 li .frr{padding-top: 15px;color: #000;text-align: left;}
.section5 .li5{ top:10%;transition: all 0.8s ease-in-out !important;}
.section5 .li6{ top:10%;transition: all 1.6s ease-in-out !important;}
.section5 .li7{ top:10%;transition: all 2.4s ease-in-out !important;}
.section5 .li8{ top:10%;transition: all 3.2s ease-in-out !important;}
.section5 .li9{ top:10%;transition: all 4.0s ease-in-out !important;}
.section5 .li10{ top:10%;transition: all 4.8s ease-in-out !important;}

.active .right5{left: inherit !important;}
.active .right5 .li5 { left: 6%;margin-top:125px;}
.active .right5 .li6 { left: 36%;margin-top:125px;}
.active .right5 .li7 { left: 65.5%;margin-top:125px;}
.active .right5 .li8{left: 6%;margin-top:353px;}
.active .right5 .li9{left: 36%;margin-top:353px;}
.active .right5 .li10{left: 65.5%;margin-top:353px;}


/* 新闻  */

.section6 { background:#000;}
.left6{ position: absolute; left: -200%;  top: 20%; width:45%; height: 385px; margin-top:0;}
.right6{ position: absolute; left: 200%; top: 20%; width: 54%; height: 285px; margin-top:0;}
.section6 .item{color: #d3af7f;margin-bottom: 25px;}
.section6 .item ol{float: left;width: 80px;border-right: 1px solid #d3af7f;margin-right: 10px;font: normal 14px/26px "微软雅黑";text-align: right;padding-right: 10px;height: 80px;}
.section6 .item ol b{font: 26px/35px "微软雅黑";}
.section6 .item dt a{color: #d3af7f;font: bold 14px/30px "宋体";}
.section6 .item dd{color: #d3af7f;font: normal 14px/26px "宋体";}

.active .right6{left: 45% !important;}

.section6 .dd{top: 55%;position: absolute;left: 50%;margin-left: -100px;}
.section6 .dd a{color: #d3af7f;background: #211715;width: 200px;margin:50px auto 0;font: normal 15px/40px "微软雅黑";height: 40px;text-align: center;display: block;border-radius: 30px;}
.section6 .dd a:hover{background: #d3af7f;color: #000;}


/* 联系我们  */
.section7 .middle{width: 1700px;margin: 0 auto 0;}
.section7 .fll{float:left;}
.left7 { top: 2%; width:100%; height: 70px;color: #b3b3b3;font: normal 26px/70px "微软雅黑";text-align: center;opacity: 0;}
.section7 .left7{position: absolute; left:-200%;transition: all 1s ease-in-out !important;}
.section7 .right7 dd li{color:#ebebeb;}
.section7 .right7 li.li11{font: normal 25.7px/36px "微软雅黑";color:#ebebeb;}
.section7 .right7 li.li13{font:normal 18px/50px "微软雅黑";color:#dfdfdf;}
.section7 .right7 li.li14{font:normal 39.16px/80px "微软雅黑";color:#bcbbbb;}
.section7 .right7 span{color:#c9141b;}
.right7 { position: absolute;  top:40%;; width:100%; height: 350px; margin:0 auto;opacity: 0;}
.section7 .right7{font: normal 16px/40px "微软雅黑";color: #b3b3b3;position: absolute;text-align: left;}
.right7{transition: all 2.4s ease-in-out !important;}
.section7 .right7 a{color: #b3b3b3;}
.active .left7{ left: 10px;opacity: 1;}
.active .right7 {right: 10px;top:15.8%;opacity: 1;left: inherit !important;width:514px;right: 347px;}
.active .left7 img{display: block;}



/* 动画 */
.left { transition: all 1.5s;}
.right { transition: all 1.5s;}
.active .left, .ltie10 .left { left: 0;}
.active .right, .ltie10 .right { left:0;}
.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;}
}


/* 第一屏动画 */
.active .bg1-3, .ltie10 .bg1-3 { opacity: 1; -webkit-animation: bg1-3 3s; animation: bg1-3 3s;}
@-webkit-keyframes bg1-3 {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes bg1-3 {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

/* 第二屏动画 */
.active .bg2-3, .ltie10 .bg2-3 { background-position: 50% 0; transition-delay: 0.5s;}
.active .left2-1, .ltie10 .left2-1 { opacity: 1; transition-delay: 1.5s;}
.active .left2-2,  .ltie10 .left2-2 { left: 38px; top: 0; opacity: 1; transition: all 1s ease 2.5s;}
.active .tip, .ltie10 .tip { left: 62px; opacity: 1; transition: all 1s ease 3s;}
.active .hand { -webkit-animation: hand 2s ease 3s; animation: hand 2s ease 3s;}
@-webkit-keyframes hand {
	0% { left: 300%;}
	50% { left: 62px;}
	70% { left: 62px;}
	100% { left: 300%;}
}
@keyframes hand {
	0% { left: 300%;}
	50% { left: 62px;}
	70% { left: 62px;}
	100% { left: 300%;}
}

/* 第三屏动画 */
.active .bg3-3, .ltie10 .bg3-3 { background-position: 50% 50%; opacity: 1; transition-delay: 0.7s;}
.active .bg3-4 .bg, .ltie10 .bg3-4 .bg { background-position: 50% 50%; opacity: 1; transition-duration: 1.5s; transition-delay: 1s;}
.active .bg3-4 { -webkit-animation: bg3-4 3s ease infinite 2.5s; animation: bg3-4 3s ease infinite 2.5s;}
@-webkit-keyframes bg3-4 {
	0 { opacity: 1;}
	50% { opacity: 0.3;}
	100 { opacity: 1;}
}
@keyframes bg3-4 {
	0 { opacity: 1;}
	50% { opacity: 0.3;}
	100 { opacity: 1;}
}

/* 第四屏动画 */
.active .left4-1, .ltie10 .left4-1 { left: 0; opacity: 1; transition: all 1s ease 1.5s;}
.active .left4-2, .ltie10 .left4-2 { left: 0; opacity: 1; transition: all 1s ease 2.3s;}
.active .left4-5, .ltie10 .left4-5 { opacity: 1; transition: all 1s ease 3s;}
.active .left4-4, .active .left4-3, .ltie10 .left4-4, .ltie10 .left4-3 { opacity: 1; transition: all 1s ease 4s;}
.active .dian, .ltie10 .dian { opacity: 1; transition: all 1s ease 4.5s; }
.active .dian span { -webkit-animation: dian 2s infinite linear 4.5s; animation: dian 2s infinite linear 4.5s;}
@-webkit-keyframes dian {
	0% { -webkit-transform: scale(1, 1);}
	100% { -webkit-transform: scale(2, 2);}
}
@keyframes dian {
	0% { transform: scale(1, 1);}
	100% { transform: scale(2, 2);}
}

/* 第五屏动画 */
.bg5-3 { -webkit-animation: bg5-3 20s linear infinite 0s; animation: bg5-3 20s linear infinite 0s;}
@-webkit-keyframes bg5-3 { 
	0% { background-position: 50% 0;}
	100% { background-position: 50% 100%;}
}
@keyframes bg5-3 { 
	0% { background-position: 50% 0;}
	100% { background-position: 50% 100%;}
}

.qtcode { position: absolute; right: 20px; bottom: 20px; z-index: 4; width: 361px; height: 69px; background-image: url(qtcode.png);}
.godown { *display: none; position: absolute; left: 50%; bottom: 20px; z-index: 100; width: 50px; height: 53px; margin-left: -25px;}
.godown span { display: block; width: 50px; height: 53px; background-image: url(../images/godown.png);}

.link { position: absolute; height: 52px; text-indent: -9999px; overflow: hidden;}
.a1-1 { width: 202px; left: 45px; bottom: 63px;}
.a2-1 { width: 268px; left: 20px; bottom: 237px;}
.a2-2 { width: 270px; left: 78px; bottom: 158px;}
.a3-1 { width: 268px; left: 20px; bottom: 10px;}
.a3-2 { width: 270px; right: 22px; bottom: 10px;}
.a4-1 { width: 268px; left: 20px; bottom: 10px;}
.a4-2 { width: 270px; right: 18px; bottom: 10px;}
.a5-1 { width: 268px; left: 20px; bottom: 10px;}
.a5-2 { width: 270px; right: 20px; bottom: 10px;}