html, body, div,section,article,canvas,header,footer,figure,figcaption,nav span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, li, ol, ul,input,select,button,textarea { padding:0; margin:0; border:none;}input,button,select,textarea,a,img{outline:none; text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(255,0,0,0);}/*去掉超链接或按钮点击时出现的虚线框黄色边框*/
section,article,header,footer,figure,figcaption,nav,canvas{display:block;}
::-moz-focus-inner{border:0px;}/*火狐的私有属性去掉点击时边框*/
body {font-size:12px; font-family:"Microsoft YaHei","Arial", "SimSun";position:relative; }
html,body{
width:100%;
height:100%;
/* background:#f2f2f2; */
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none; }
a,img { border:none;}
ul, ul li, ol li, li {  list-style:none;}

.section1 h1,.section1 h2,.section2 h2,.section6 h2,.wap_section3 h3,.wap_section4 .program_info h3{
    color:#fff;
}
header{
    position: relative;
    z-index: 999;
}
#header{position: absolute;left: 0;top: 0;width:100%;}
#header:hover{background-color: #00000021;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5,
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12,
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding:0px;
}
footer .col-lg-1, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12, footer .col-lg-2, footer .col-lg-3,
footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, footer .col-lg-7,
footer .col-lg-8, footer .col-lg-9, footer .col-md-1, footer .col-md-10, footer .col-md-11, footer .col-md-12,
footer .col-md-2, footer .col-md-3, footer .col-md-4, footer .col-md-5,
footer .col-md-6, footer .col-md-7, footer .col-md-8, footer .col-md-9, footer .col-sm-1, footer .col-sm-10,
footer .col-sm-11, footer .col-sm-12, footer .col-sm-2, footer .col-sm-3,
footer .col-sm-4, footer .col-sm-5, footer .col-sm-6, footer .col-sm-7, footer .col-sm-8, footer .col-sm-9,
footer .col-xs-1, footer .col-xs-10, footer .col-xs-11, footer .col-xs-12,
footer .col-xs-2, footer .col-xs-3, footer .col-xs-4, footer .col-xs-5, footer .col-xs-6, footer .col-xs-7,
footer .col-xs-8, footer .col-xs-9, .new_left, .new_m, .new_right{
    padding:0px 15px;
}

table { border-collapse: collapse;border-spacing:0;}
input, textarea {border: 0;vertical-align: middle;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .clearfix {zoom: 1;}
*:first-child + html .clearfix {zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1474195685'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1474195685#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1474195685') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1474195685') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1474195685#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:50px;
  font-style:normal;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fenxiang:before { content: "\e600"; }
.icon-iconmingchengpaixu65:before { content: "\e601"; }
.icon-jin:before { content: "\e602"; }
.icon-856zuoji:before { content: "\e613"; }
.icon-app:before { content: "\e60c"; }
.icon-hezuohuoban:before { content: "\e60d"; }
.icon-liaotian:before { content: "\e603"; }
.icon-liwu:before { content: "\e604"; }
.icon-weibiaoti2:before { content: "\e60e"; }
.icon-shouji:before { content: "\e612"; }
.icon-maikefeng:before { content: "\e605"; }
.icon-fangbiankuaijie:before { content: "\e60f"; }
.icon-shipinhuifang:before { content: "\e606"; }
.icon-shipin:before { content: "\e607"; }
.icon-yinle:before { content: "\e608"; }
.icon-jinbo:before { content: "\e609"; }
.icon-meiyan:before { content: "\e60a"; }
.icon-xitong:before { content: "\e610"; }
.icon-zhifu:before { content: "\e60b"; }
.icon-jishuzhichi:before { content: "\e611"; }
/*导航样式*/
/*
header{position: fixed;top:0;left:0;z-index:10;width:100%;}
.navbar-default .navbar-collapse{background:#fff;}
.navbar-nav > li:last-of-type span{display: inline-block;padding:0 10px;}
.navbar-nav > li:last-of-type span.on{background:#eee}
.navbar-default{background:#fff;}
.navbar{height:60px;}
.navbar-brand{padding:0;}
.navbar-toggle{padding:13px 10px;}
.logo img{width:130px;}
.navbar-default .navbar-nav > li .language{padding:19px 20px;}
.navbar-default .navbar-nav > li .language span{cursor: pointer;}
.navbar-default .navbar-nav > li.dropdown:hover .dropdown-menu{display: block;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
 .navbar-default .navbar-nav > .open > a:focus{color:#fff;background:#333}
@media (min-width: 768px){
.container-fluid{width:1200px;}
.navbar-nav{float:right;}
.navbar-nav > li > a{padding:19px 20px;text-align:center;}
}
*/

.section1{
    width:100%;
    height:500px;
    /* height:100%; */
    /* margin-top: -131px; */
}
.section1 .swiper-container{width:100%;height:100%;}
.section1 .swiper-wrapper .slide1,.section1 .swiper-wrapper .swiper-slide{background: url(../images/bg1.png) no-repeat center;background-size:cover;}
.section1 .swiper-wrapper .slide2{background: url(../images/bg2.png) no-repeat center;background-size:cover;}
.section1 .swiper-wrapper .slide3{background: url(../images/bg3.jpg) no-repeat center;background-size:cover;}
.section1 .swiper-wrapper .content{position:relative;width:100%;height:100%;padding-top:70px;}
.section1 .swiper-wrapper{color:#fff;}
.section1 .swiper-wrapper .swiper-slide .content .row > div,.section1 .swiper-wrapper .swiper-slide .content .row > div{margin:0 auto;float:none;text-align: center;}
.section1 .swiper-wrapper .swiper-slide h1{line-height:60px;}
.section1 .swiper-wrapper .swiper-slide h2{line-height:60px;}
.section1 .swiper-wrapper .swiper-slide button{display:inline-block;margin-top:30px;padding:5px 15px;background:#eb005d;color:#fff;}
.section1 .swiper-wrapper p{padding-top:30px;font-size:22px;text-align: center;}
.section1 .swiper-wrapper .content .bannerimg{position:absolute;}
.section1 .swiper-wrapper .content .bannerinfo{position:absolute;}
.section1 .bannerimg{transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);}
.swiper-pagination-bullet-active{background:#fff;}
.section1 .swiper-slide.swiper-slide-active h1,
.section1 .swiper-slide.swiper-slide-active h2,
.section1 .swiper-slide.swiper-slide-active p,
.section1 .swiper-slide.swiper-slide-active button{animation: bounceInDown 1s linear;-webkit-animation: bounceInDown 1s linear;-moz-animation: bounceInDown 1s linear;}
.section1 .swiper-slide.swiper-slide-active img{animation: fadeInLeft 1s linear;-webkit-animation: fadeInLeft 1s linear;-moz-animation: fadeInLeft 1s linear;}
@media (max-width: 767px){
    .section1{
        width:100%;
        height:300px;
        /* height:100%; */
        /* margin-top: -131px; */
    }
.section1 .swiper-wrapper .content .bannerimg{bottom:-80px;left:0;}
.section1 .swiper-wrapper .content .bannerinfo{top:25%;right:0;}
.section1 .swiper-wrapper .swiper-slide .content .row > div{margin-top:30%;}
.section1 .swiper-wrapper .swiper-slide .content .row > div{margin-top:40%;}

}
@media (max-width: 480px){
    .section1{
        width:100%;
        height:200px;
        /* height:100%; */
        /* margin-top: -131px; */
    }
}
@media (min-width: 768px){
.section1 .swiper-wrapper .content .bannerimg{bottom:-80px;left:5%;}
.section1 .swiper-wrapper .content .bannerinfo{top:40%;right:5%;}
.section1 .swiper-wrapper .swiper-slide .content .row > div{margin-top:10%;}
.section1 .swiper-wrapper .swiper-slide .content .row > div{margin-top:10%;}
}

.section2{width:100%;height:auto;padding:0px 0 50px;background:#0887c2;}
.section2 .title{padding:50px 0;color:#fff;text-align:center;}
.section2 .title p{margin-top:30px;font-size:18px;}
.section-wrapper-mh{float:none;height:340px;margin:0 auto;}
.ascension-progress-animation{position:relative;}
.animation-dotted-line{position:relative;width:310px;height:310px;margin:0 auto;border-radius:50%;border:1px dashed rgba(255,255,255,.38);}
.transparent-line{position:relative;width:220px;height:220px;margin:45px auto;border-radius:50%;border:1px dashed rgba(255,255,255,.38);}
.transparent-outer{display:none;position: absolute;top:45px;left:45px;width:220px;height:220px;border-radius:50%;background:#91dcff;}
.transparent-outer.animt{transform: rotate(35deg);-webkit-transform: rotate(35deg);-moz-transform: rotate(35deg);clip: rect(0px,100px,200px,0px);}
.transparent-pie{display:none;position: absolute;top:45px;left:45px;width:220px;height:220px;border-radius:50%;background:#91dcff;}
.transparent-pie.animt{transform: rotate(-102deg);-webkit-transform: rotate(-102deg);-moz-transform: rotate(-102deg);clip: rect(0px,100px,220px,0px);}
.an1{display:block;-webkit-animation: an1 1.2s  linear 1s;-moz-animation: an1 1.2s  linear 1s;animation: an1 1.2s  linear 1s;}
.an2{display:block;-webkit-animation: an2 0.6s  linear 1s;-moz-animation: an2 0.6s  linear 1s;animation: an2 0.6s  linear 1s;}

.ascension-round-font{width:200px;height:200px;margin:10px auto;border-radius:50%;background:#fff;}
.ascension-but-top,.ascension-but-bottom{position:absolute;width:40px;height:40px;background:url(../images/ascension-consume-icon.png) no-repeat;}
.ascension-but-top{top:-20px;left:130px;}
.ascension-but-bottom{bottom:-20px;left:130px;background-position: -40px 0;}
.ascesion-radiu{position:absolute;width:10px;height:10px;border-radius:50%;background: #91DCFF;}
.transparent-line .left{top:100px;left:0;}
.transparent-line .right{top:100px;right:0;}
.ascension-round-font{text-align: center;color:#fff;}
.ascension-round-font p{padding-top:45px;font-size: 25px;color:#0c597e;}
.ascension-round-font b{font-size:36px;font-weight:700px;color:#0c597e;}

@media (max-width: 767px){
.ascension-round{position:absolute;bottom:30px;left:0;width:100%;height:60px;}
.ascension-round .ascension-two.left{float: left;}
.ascension-round .ascension-two.right{float: right;margin:0 4px;}
.ascension-round .ascension-two div.little-round{width:10px;height:10px;margin-left:20px;margin-top:3px;background: #fff;border-radius: 50%;}
.ascension-round .ascension-two div.big-round{width:50px;height:50px;margin-top:5px;line-height:50px;text-align:center;color:#0d77a9;font-size:14px;font-weight:700;border-radius:50%;background: #fff;}
.animation-dotted-line.animt{animation: bounceIn 1s linear;-webkit-animation: bounceIn 1s linear;-moz-animation: bounceIn 1s linear;}
.ascension-round .left.animt{animation: bounceInLeft 1s linear;-webkit-animation: bounceInLeft 1s linear;-moz-animation: bounceInLeft 1s linear;}
.ascension-round .right.animt{animation: bounceInRight 1s linear;-webkit-animation:bounceInRight 1s linear;-moz-animation: bounceInRight 1s linear;}

}
@media (min-width: 768px){
.ascension-round{position:absolute;bottom:130px;left:0;width:100%;height:60px;}
.ascension-round .ascension-two.left > div{float:left;margin:0 4px;}
.ascension-round .ascension-two.right > div{float: right;margin:0 4px;}
.ascension-round .ascension-two div.little-round{width:10px;height:10px;margin-top:25px;background: #fff;border-radius: 50%;}
.ascension-round .ascension-two div.big-round{width:60px;height:60px;line-height:60px;text-align:center;color:#0d77a9;font-size:14px;font-weight:700;border-radius:50%;background: #fff;}
.animation-dotted-line.animt{animation: zoomIn 0.5s linear;-webkit-animation: zoomIn 0.5s linear;-moz-animation: zoomIn 0.5s linear;}
.ascension-round .left.animt{animation: sm_slideInLeft 0.5s linear;-webkit-animation: sm_slideInLeft 0.5s linear;-moz-animation: sm_slideInLeft 0.5s linear;}
.ascension-round .right.animt{animation: sm_slideInRight 0.5s linear;-webkit-animation: sm_slideInRight 0.5s linear;-moz-animation: sm_slideInRight 0.5s linear;}

}
@keyframes an1{
       0% {transform: rotate(-210deg);-webkit-transform: rotate(-210deg);-moz-transform: rotate(-210deg);display: none;}
       100%{transform: rotate(35deg);-webkit-transform: rotate(35deg);-moz-transform: rotate(35deg);display:block;}
}
@-webkit-keyframes an1{
        0% {transform: rotate(-210deg);-webkit-transform: rotate(-210deg);-moz-transform: rotate(-210deg);display: none;}
       100%{transform: rotate(35deg);-webkit-transform: rotate(35deg);-moz-transform: rotate(35deg);display:block;}
}
@-moz-keyframes an1{
        0% {transform: rotate(-210deg);-webkit-transform: rotate(-210deg);-moz-transform: rotate(-210deg);display: none;}
       100%{transform: rotate(35deg);-webkit-transform: rotate(35deg);-moz-transform: rotate(35deg);display:block;}
}

@keyframes an2{
       0% {transform: rotate(-182deg);-webkit-transform: rotate(-182deg);-moz-transform: rotate(-182deg);}
       100%{transform: rotate(-102deg);-webkit-transform: rotate(-102deg);-moz-transform: rotate(-102deg);}
}
@-webkit-keyframes an2{
       0% {transform: rotate(-182deg);-webkit-transform: rotate(-182deg);-moz-transform: rotate(-182deg);}
       100%{transform: rotate(-102deg);-webkit-transform: rotate(-102deg);-moz-transform: rotate(-102deg);}
}
@-moz-keyframes an2{
       0% {transform: rotate(-182deg);-webkit-transform: rotate(-182deg);-moz-transform: rotate(-182deg);}
       100%{transform: rotate(-102deg);-webkit-transform: rotate(-102deg);-moz-transform: rotate(-102deg);}
}
.section3{width:100%;height:auto;padding-bottom:50px;background: #fff;overflow: hidden;}
.section3 .title{padding:50px 0;color:#000;text-align:center;}
.section3 .title p{margin-top:30px;font-size:18px;}
.section3 .product{float:none;margin:0 auto;}
.section3 .proimg img{width:100%;}
.section3 .productimg1 img{margin-left:26%;margin-top:12px;transform:rotate(-15deg);}
.section3 .productimg2{position: relative;z-index:1;}
.section3 .productimg3 img{margin-left:-26%;margin-top:12px;transform:rotate(15deg);}

@keyframes pro_rotateL{
       0% {transform: rotate(0deg) translate(195px,-12px);-webkit-transform: rotate(0deg) translate(195px,-12px);-moz-transform: rotate(0deg) translate(195px,-12px);}
       100%{transform: rotate(-15deg) translate(0,0);-webkit-transform: rotate(-15deg) translate(0,0);-moz-transform: rotate(-15deg) translate(0,0);}
}
@-webkit-keyframes pro_rotateL{
       0% {transform: rotate(0deg) translate(195px,-12px);-webkit-transform: rotate(0deg) translate(195px,-12px);-moz-transform: rotate(0deg) translate(195px,-12px);}
       100%{transform: rotate(-15deg) translate(0,0);-webkit-transform: rotate(-15deg) translate(0,0);-moz-transform: rotate(-15deg) translate(0,0);}
}
@-moz-keyframes pro_rotateL{
       0% {transform: rotate(0deg) translate(195px,-12px);-webkit-transform: rotate(0deg) translate(195px,-12px);-moz-transform: rotate(0deg) translate(195px,-12px);}
       100%{transform: rotate(-15deg) translate(0,0);-webkit-transform: rotate(-15deg) translate(0,0);-moz-transform: rotate(-15deg) translate(0,0);}
}

.pro_rotateL{-webkit-animation-name: pro_rotateL; animation-name: pro_rotateL;}

@keyframes pro_rotateR{
       0% {transform: rotate(0deg) translate(-195px,12px);-webkit-transform: rotate(0deg) translate(-195px,12px);-moz-transform: rotate(0deg) translate(-195px,12px);}
       100%{transform: rotate(15deg) translate(0,0);-webkit-transform: rotate(15deg) translate(0,0);-moz-transform: rotate(15deg) translate(0,0);}
}
@-webkit-keyframes pro_rotateR{
       0% {transform: rotate(0deg) translate(-195px,12px);-webkit-transform: rotate(0deg) translate(-195px,12px);-moz-transform: rotate(0deg) translate(-195px,12px);}
       100%{transform: rotate(15deg) translate(0,0);-webkit-transform: rotate(15deg) translate(0,0);-moz-transform: rotate(15deg) translate(0,0);}
}
@-moz-keyframes pro_rotateR{
       0% {transform: rotate(0deg) translate(-195px,12px);-webkit-transform: rotate(0deg) translate(-195px,12px);-moz-transform: rotate(0deg) translate(-195px,12px);}
       100%{transform: rotate(15deg) translate(0,0);-webkit-transform: rotate(15deg) translate(0,0);-moz-transform: rotate(15deg) translate(0,0);}
}

.pro_rotateR{-webkit-animation-name: pro_rotateR; animation-name: pro_rotateR;}

.section4{width:100%;height:auto;overflow: hidden;}
.section4 .title{padding:50px 0;color:#000;text-align:center;}
.section4 .title p{margin-top:30px;font-size:18px;}
.section4 .htimg{float: none;margin:0 auto;text-align:center;}
.section4 .htimg img{width:90%;}

.section5{width:100%;height:auto;background:#f8fcfb;overflow: hidden;}
.section5 .title{padding:50px 0;color:#000;text-align:center;}
.section5 .title p{margin-top:30px;font-size:18px;}
.section5 .htimg{float: none;margin:0 auto;text-align:center;}
.section5 .htimg img{width:90%;}

.section6{width:100%;height:auto;padding-bottom:50px;background:#333;overflow: hidden;}
.section6 .title{padding:50px 0;color:#fff;text-align:center;}
.section6 .title p{margin-top:30px;font-size:18px;}
.section6 .system{float:none;margin:0 auto;text-align:center;}
.section6 .systemlist .row > div{float: none;display: inline-block;text-align:center;}
.section6 .systemlist .row > div .pie{position:relative;width:90px;height:90px;margin-bottom:30px;background:url(../images/resources-list-icon.png) no-repeat #fff;background-size:800px;border-radius:50%;}
.section6 .systemlist .row > div .pie span{position:absolute;bottom:-30px;left:0;display:block;width:100%;font-size:14px;line-height:35px;color:#fff;}
.section6 .systemlist .row > div:nth-child(1) .pie{background-position:-52px -16px;}
.section6 .systemlist .row > div:nth-child(2) .pie{background-position:-212px -16px;}
.section6 .systemlist .row > div:nth-child(3) .pie{background-position:-370px -16px;}
.section6 .systemlist .row > div:nth-child(4) .pie{background-position:-530px -16px;}
.section6 .systemlist .row > div:nth-child(5) .pie{background-position:-692px -16px;}
.section6 .systemlist .row > div:nth-child(6) .pie{background-position:-135px -192px;}
.section6 .systemlist .row > div:nth-child(7) .pie{background-position:-295px -192px;}
.section6 .systemlist .row > div:nth-child(8) .pie{background-position:-452px -192px;}
.section6 .systemlist .row > div:nth-child(9) .pie{background-position:-612px -192px;}

.section7{width:100%;height:auto;padding-bottom:50px;/*background:#333;*/overflow: hidden;}
.section7 .title{padding:50px 0;color:#333;text-align:center;}
.section7 .title p{margin-top:30px;font-size:18px;}
.section7 .scenes{float:none;margin:0 auto;text-align:center;}
.section7 .sceneslist .row > div{float: none;display: inline-block;text-align:center;}
.section7 .sceneslist .row > div .pie{position:relative;width:90px;height:90px;margin-bottom:30px;}
.section7 .sceneslist .row > div .pie span{position:absolute;bottom:-30px;left:0;display:block;width:100%;font-size:14px;line-height:35px;color:#333;}
.section7 .sceneslist .row > div .pie img{width: 100%;border-radius:10px;}