#fp-nav{display:none!important;}
.section{overflow:hidden;}
.center-wrap{position:relative;z-index:1;width:1400px;margin:0 auto;}
#fp-nav ul li:first-child,#fp-nav ul li:last-child{display:none;}
.section h2{font-size:36px;color:#fff;text-align:center;padding:1% 0;line-height:1;}
.section h2::before,.section h2::after{content:' ';width:160px;border-bottom:1px solid #fff;vertical-align:middle;display:inline-block;}
.section h2::before{margin-right:2%;}
.section h2::after{margin-left:2%;}
.section1{background:rgba(0,0,0,.8);position:fixed;z-index:999999;width:100%;}
.section1.opacity{background:rgba(0,0,0,.5);}
.section1 .logo{width:20%;}
.section1 .logo a{background:url("../images/index_02.png") no-repeat center/cover;width:174px;height:78px;text-indent:-99999px;display:block;margin:0 auto;}
.section1 .nav{width:60%;}
.section1 .nav ul li{width:11.11111%;float:left;text-align:center;}
.section1 .nav ul li a{color:#ccc;display:inline-block;padding:30px 10px 20px;font-size:16px;}
.section1 .nav ul .active a{color:#1fbaff;font-weight:bold;border-bottom:6px solid #1fbaff;padding:30px 10px 14px}
.section1 .phone{width:20%;color:#00a0e9;font-size:28px;line-height:78px;text-align:center;font-weight:bold;}
.section1 .phone img{vertical-align:middle;margin-right:10px;}
.section2 .flexslider{position:relative;100%;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;height:100%;}
.section2 .slides{position:relative;z-index:1;height:100%;}
.section2 .slides li{height:100%;}
.section2 .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.section2 .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.section2 .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.section2 .flex-control-nav .flex-active{background-position:0 0;}
.section2 .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.section2 .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.section2 .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.section2 .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.section3{width:100%;height:100%;position:relative;overflow:hidden;}
.section3 .section3-text-wrap,.section4 .section3-text-wrap,.section5 .section3-text-wrap{padding:3% 0;}
.section3 h2+div,.section4 h2+div,.section5 h2+div,.section7 h2+div{text-align:center;font-size:18px;font-weight:bold;color:#fff;}
.section3 .fl,.section3 .fr,.section4 .fl,.section4 .fr,.section5 .fl,.section5 .fr{width:50%;}
.section3 ul li,.section5 ul li{float:left;width:50%;margin:2% 0;}
.section3 ul li dl dt,.section5 ul li dl dt{float:left;width:27%;}
.section3 ul li dl dt span,.section5 ul li dl dt span{display:block;background-color:#fff45c;border-radius:50%;height:60px;text-align:center;margin:0 4%;padding:11% 0;width:60px;}
.section3 ul li dl dd,.section5 ul li dl dd{float:left;width:73%;color:#fff;}
.section3 ul li dl dd h3,.section5 ul li dl dd h3{font-size:18px;}
.section3 ul li dl dd p,.section5 ul li dl dd p{font-size:14px;height:70px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.section3 .fr img,.section5 .fr img{display:block;margin:0 auto;}
.section3 .fr img{width:63%;}
.section5 .fr img{width:81%;}
.section3 .section3-btn a,.section4 .section3-btn a,.section5 .section3-btn a,.section7 .section3-btn a{display:block;margin:0 auto;border-radius:50px;background-color:#59d6ff;text-align:center;font-size:18px;color:#fff;width:253px;height:50px;line-height:50px;}
.section3 .fr img{transform:scale(.5,.5);opacity:0;transition:all 1s 1s;}
.section3.active .fr img{opacity:1;transform:scale(1,1);}
@-webkit-keyframes rollIn{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes rollIn{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
.section3.active .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.section3.active .section3-text-wrap .fl{transform:translate(0,0);opacity:1;transition:all 1s 1.5s;}
.section3 .section3-text-wrap .fl{opacity:0;transform:translate(0,500px);}
..section3 .section3-btn{opacity:0;transform:translate(0,500px);}
.section3.active .section3-text-wrap .fl{transform:translate(0,0);opacity:1;transition:all 1s 1.7s;}
.section4 h2{color:#0482fd;}
.section4 h2::before,.section4 h2::after{border-color:#0482fd;}
.section4 h2+div{color:#222;}
.section4 .fl img{display:block;width:95%;}
.section4 ul{font-size:16px;color:#333;}
.section4 ul li{margin-bottom:1%;}
.section4 ul li::before{content:' ';display:inline-block;width:12px;height:12px;background-color:#e60012;border-radius:50%;vertical-align:middle;margin-right:1%;}
.section4.active .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.section4 .section3-text-wrap .fl{opacity:0;transform:translate(-100%,0);}
.section4.active .section3-text-wrap .fl{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;}
.section4 .section3-text-wrap .fr{opacity:0;transform:translate(100%,0);}
.section4.active .section3-text-wrap .fr{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;}
.section4 .section5-btn{background-color:#fff;color:#37a3fd;}
.section5.active .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.section5 .section3-text-wrap .fl{opacity:0;transform:translate(-100%,0);}
.section5.active .section3-text-wrap .fl{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;}
.section5 .section3-text-wrap .fr{opacity:0;transform:translate(100%,0);}
.section5.active .section3-text-wrap .fr{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;}
.section6 h2{color:#2d3d53;}
.section6 h2::before,.section6 h2::after{border-color:#2d3d53;}
.section6 .chanpin-nav li{float:left;position:relative;width:50%;text-align:center;border-bottom:1px solid #66707f;}
.section6 .chanpin-nav .active a{color:#01ddff;}
.section6 .chanpin-nav .active::after,.section6 .chanpin-nav .active::before{display:block;}
.section6 .chanpin-nav li a{font-size:28px;color:#333;font-weight:bold;display:block;padding:1% 0;}
.section6 .chanpin-nav li::before{content:' ';border-bottom:2px solid #01ddff;position:absolute;bottom:-1px;left:45%;width:77px;display:none;}
.section6 .chanpin-nav li::after{content:' ';position:absolute;left:50%;bottom:-17px;border:8px solid transparent;border-top-color:#01ddff;display:none;}
.section6 .chanpin-nav+p{font-size:16px;color:#222;width:720px;margin:0 auto;padding:3% 0;}
.section6.active .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.section6 .section3-text-wrap{opacity:0;transform:translate(0,100%);}
.section6.active .section3-text-wrap{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;}
.section7 ul{width:1100px;margin:1% auto;}
.section7 ul li{float:left;width:27.3333%;color:#fff;text-align:center;background-color:#fff;overflow:hidden;margin:1% 3%;}
.section7 ul li:hover{background-color:#01ddff;}
.section7 ul li:hover dl dd{color:#fff;}
.section7 ul li:hover dl dd a{color:#fff;}
.section7 ul li dl dt{height:145px;}
.section7 ul li img{width:100%;height:100%;}
.section7 ul li dl dd{color:#141414;padding:1% 0;transition:all .8s;}
.section7 ul li dl dd a{transition:all .8s;font-size:16px;}
.section7 .section3-btn{}
.section7.active .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
/* .section7 ul{opacity:0;transform:translate(0,100%);}
.section7.active ul{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;} */
.section6 .roll-wrap:hover .control{display:block;}
.section6 .roll-wrap{position:relative;width:100%;height:462px;overflow:hidden;}
.section6 .roll-wrap .roll__list{position:absolute;left:0;top:0;height:100%;}
.section6 .roll_row .roll__list::before,.roll_row .roll__list::after{content:"";display:table;line-height:0;}
.section6 .roll_row .roll__list::after{clear:both;}
.section6 .roll_row .roll__list{width:9999px;}
.section6 .roll_row .roll__list li{float:left;margin:0 15px;width: 275px;text-align: center;height: 100%;}
.section6 .roll_row .roll__list li:hover{background-color: #01ddff;}
.section6 .roll_row .roll__list li:hover dl{padding-top: 8%;}
.section6 .roll_row .roll__list li:hover dl dt{background-color: #fff;}
.section6 .roll_row .roll__list li:hover dl dt span{background-position: left center !important;}
.section6 .roll_row .roll__list li:hover dl dd{color: #fff;padding: 8% 0;}
.section6 .roll_row .roll__list li:hover dl dd:last-child{opacity: 1 !important;}
.section6 .roll_row .roll__list li dl{height: 100%;padding-top: 10%;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.section6 .roll_row .roll__list li dl dt{background-color:#01ddff;border:5px solid #fff;width:148px;height:148px;margin:0 auto;border-radius:50%;-webkit-transition: background .8s;-o-transition: background .8s;transition: background .8s;text-align: center;line-height:183px;}
.section6 .roll_row .roll__list li dl dt span{display: inline-block;*display: inline;*zoom: 1;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.section6 .roll_row .roll__list li dl dd{font-size:18px;font-weight:bold;color:#555;padding:5% 0;-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.section6 .roll_row .roll__list li dl dd:last-child{opacity: 0 !important;font-weight: normal;padding: 0 20px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.section6 .control{position:absolute;top:40%;display:none;padding:10px 5px;font-weight:bold;text-decoration:none;color:#fff;background-color:rgba(0,0,0,.3);}
.section6 .control:hover{background-color:rgba(0,0,0,.5);}
.section6 .control.pre{left:5px;}
.section6 .control.next{right:5px;}
.section8 h2{color:#00a0e9;}
.section8 h2::before,.section8 h2::after{border-color:#333;}
.section8 .gongsijianjie-index{padding:3% 0;}
.section8 .gongsijianjie-index .fl{width:39%;}
.section8 .gongsijianjie-index .fl nav{padding:3% 4% 5%;}
.section8 .gongsijianjie-index .fl nav ul li{float:left;border:1px solid #a0a0a0;padding:5px 20px;margin-right:-1px;}
.section8 .gongsijianjie-index .fl nav ul .active{background-color:#00a0e9;}
.section8 .gongsijianjie-index .fl nav ul .active a{color:#fff;}
.section8 .gongsijianjie-index .fr{width:61%;color:#222;padding-left: 7%;}
.section8 .gongsijianjie-index .fr p{margin-bottom:5%;line-height:2;}
.section8.active .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.section8 .gongsijianjie-index .fl{transform:translate(-100%,0);opacity:0;}
.section8.active .gongsijianjie-index .fl{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;}
.section8 .gongsijianjie-index .fr{opacity:0;transform:translate(100%,0);}
.section8.active .gongsijianjie-index .fr{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;}
.section9 .lianxi-index{padding:5% 0;}
.section9 .lianxi-index .fl,.section9 .lianxi-index .fr{width:50%;float:left;color:#fff;}
.section9 .lianxi-index .fl .fl{width:40%;padding-top:20%;}
.section9 .lianxi-index .fl .fr{width:60%;}
.section9 .lianxi-index .fr .index-map{text-align:center;width:513px;height:324px;margin:4% auto;}
.section9 .lianxi-index .fl .fr b{font-size:41px;color:#38fffd;}
.section9 .lianxi-index .fl .fr address{font-style:normal;line-height:2.5;margin-top:2%;margin-bottom:4%;}
.section9 .lianxi-index .fl .fr a{background-color:#fff;border-radius:50px;box-shadow:inset 0 -3px 5px #bab9b9;display:inline-block;padding:5px 20px;color:#00a0e9;font-size:16px;margin-right:5%;}
.section9 .lianxi-index .fl .fr a img{vertical-align:middle;margin-right:5px;}
.section9.active .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.section9 .lianxi-index{opacity:0;transform:translate(0,100%);}
.section9.active .lianxi-index{transform:translate(0,0);opacity:1;transition:all 1s 1.2s;}
@media(max-width:1024px){
    .section{height:auto!important;}
    *{opacity:1!important;transform:translate(0,0)!important;}
    .section2{height:500px!important;}
}
@media(max-width:768px){
    .section6{display:none!important;}
    .section3,.section5,.section7,.section9{height:auto!important;}
    .section7 ul{width:100%;}
    .section7 ul li{width:47%;}
    .section h2{font-size:22px;}
    .section h2::before,.section h2::after{width:78px;}
    .section3 h2+div,.section4 h2+div,.section5 h2+div,.section7 h2+div{font-size:14px;}
    .section3.active .section3-text-wrap .fl,.section4.active .section3-text-wrap .fr,.section5.active .section3-text-wrap .fl,.section8.active .gongsijianjie-index .fr,.section9 .lianxi-index .fl{width:100%;}
    .section3 .fr,.section4.active .section3-text-wrap .fl,.section5.active .section3-text-wrap .fr,.section8.active .gongsijianjie-index .fl,.section9 .lianxi-index .fr .index-map{display:none;}
    .section3 ul li,.section5 ul li{height:195px;overflow:hidden;}
    .section9 .lianxi-index .fl .fr b{font-size:14px;}
    .section3 ul li dl dd,.section5 ul li dl dd{width:100%;}
    .section9 .lianxi-index .fl .fl{width:100%!important;text-align:center}
    .section9 .lianxi-index .fl .fr{width:100%!important;text-align:center}
    .section2{height:300px!important;}
    .section2 .flex-control-nav{padding:0;}
}
@media(max-width:450px){
    .section7 ul li{width:100%;margin-right:0;}
}