@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
body, input, button, textarea, select { -webkit-text-size-adjust: none;outline: 0; color: #333 }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
a { text-decoration: none; color: #333; }
a { blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
/* a:hover { color: #cc3333; } */
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }
.body-main{width:100vw;height: 100vh;overflow: hidden;}
main{
    width: 7.5rem;
    height: 15.08rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
* {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  margin:0;
  padding: 0;
}
.isPc{
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    /* -webkit-transform-origin: 0 0; */
    /* -ms-transform-origin: 0 0; */
    /* transform-origin: 0 0; */
    margin:0 auto;
    left:0;
    top:50%;
}
.load-wrap {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.load-wrap .loadImg {
  width: 40%;
}

.load-wrap .load {
  text-align: center;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  position: relative;
  top: -0.3125rem;
}

.load-wrap .load .circle {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px 3px 3px 3px;
  border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) white;
  -webkit-animation: round 1s infinite linear;
  animation: round 1s infinite linear;
}

.load-wrap .load .num {
  color: #fff;
  font-size: 0.3125rem;
  position: relative;
  top: 0.3125rem;
}

.swiper-container{width: 100%;height: 100%;}
.swiper-container .swiper-slide{width: 100%;height: 100% !important;background: #eeeeee;overflow: hidden;}
/* slide1 */
.slide1 .circles{width: 7.68rem;height: 7.68rem;background:-webkit-linear-gradient(225deg,#fff,rgba(255,255,255,0));border-radius: 50%;
position: absolute;left: -2.6rem;top: -0.5rem;}
.slide1 .circle-main{width: 100%;height: 100%;position: relative;}
.slide1 .circle1{width: 100.5%;height: 100.5%;position: absolute;background: url(../images/circle3.png)no-repeat center/contain;z-index: 1;left: 0;top: 0;
animation: circle1 12s linear infinite;}
.slide1 .circle2{width: 5.3rem;height: 5.3rem;position: absolute;background: url(../images/circle2.png)no-repeat center/cover;
left: 0;top: 0;bottom: 0;right: 0;margin: auto;z-index: 1;animation: circle1 20s linear infinite;}
.slide1 .circle3{width: 2.8rem;height: 2.8rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;
background: url(../images/circle1.png)no-repeat center/cover;z-index: 1;animation: circle3 10s linear infinite;}
.slide1 .zhezhao{width:100%;height: 100%;border-radius: 50%; background:-webkit-linear-gradient(45deg,rgba(238,238,238,1) 20%,rgba(255,255,255,0));z-index: 5;
position: absolute;left: 0;top: 0;}
.slide1 .logo{width: 1.25rem;height: 1.25rem;background: url(../images/logo.png)no-repeat center/cover;position: absolute;
top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;}
.slide1 .r-circle{width: 3.21rem;height: 3rem;background: url(../images/r-circlr.png)no-repeat center/cover;position: absolute;
top: 0;right: 0;}
.slide1 .content{width: 100%;position: absolute;left: 0;top: 4.5rem;z-index: 10;position: relative;}
.slide1 .tittle1{width: 5.57rem;height: 1.47rem;background: url(../images/headline1.png)no-repeat center/cover;margin: auto;}
.slide1 .tittle2{width: 6.2rem;height: 0.8rem;background: url(../images/headline2.png)no-repeat center/contain;margin: 0 auto;
margin-top: 0.45rem;}
.slide1 .slide{width: 2.73rem;height: 0.35rem;background: url(../images/slide.png)no-repeat center/contain;margin: 0 auto;margin-top: 3rem;}
.slide1 .arrow{width: 0.2rem;height: 0.18rem;position: absolute;bottom: -0.2rem;right: 0rem;left:0;margin: auto;background: url(../images/arrow.png)no-repeat center/cover;
animation: arrow 2s linear infinite;}
.slide1 .building{width: 7.54rem;height: 7.54rem;background: url(../images/building-bg.png)no-repeat center/cover;position: absolute;right: -2.72rem;bottom: -2.9rem;
  animation: circle1 12s linear infinite;}
.slide1 .building-main{width: 5.72rem;height: 5.72rem;background: url(../images/building-main.png)no-repeat center/cover;position: absolute;right: -1.85rem;bottom: -2.05rem;z-index: 2;}
.slide1 .b-circle1{width: 5.74rem;height: 5.59rem;background: url(../images/b-circle.png)no-repeat center/contain;position: absolute;right: 0;bottom: 0;}
.slide1 .b-circle2{width: 7rem;height: 6.64rem;background: url(../images/b-circle2.png)no-repeat center/contain;position: absolute;right: 0;bottom: 0;}
/* leader */
.leader{background: url(../images/bg6.jpg)no-repeat center/cover !important;overflow: hidden;}
.leader .leaders-list{width: 100%;margin-top: 3.36rem;}
.leader .leaders-list li{width: 100%;height: 0.69rem;}
.leader .leaders-list li:nth-child(n+1){margin-top: 0.27rem;}
.leader .leaders-list li:nth-last-child(2){margin-top: 0.45rem;height: 1.56rem;}
.leader .leaders-list li:last-child{margin-top: 0.45rem;height: 1.99rem;}
.leader .leaders-list li:nth-child(1){background: url(../images/leaders1.png)no-repeat center/cover;}
.leader .leaders-list li:nth-child(2){background: url(../images/leaders2.png)no-repeat center/cover;}
.leader .leaders-list li:nth-child(3){background: url(../images/leaders3.png)no-repeat center/cover;}
.leader .leaders-list li:nth-child(4){background: url(../images/leaders4.png)no-repeat center/cover;}
.leader .leaders-list li:nth-child(5){background: url(../images/leaders5.png)no-repeat center/cover;}
.leader .leaders-list li:nth-child(6){background: url(../images/leaders6.png)no-repeat center/cover;}
.leader .leaders-list li:nth-child(7){background: url(../images/leaders7.png)no-repeat center/cover;}

/*0607*/
.slide0607{background: url(../images/bg2_b.jpg)no-repeat center/cover !important;}
/* slide2 */
.slide2{background: url(../images/bg2.jpg)no-repeat center/cover !important;}
.slide2 .text{width: 5.45rem;margin: 0 auto;margin-top: 2.8rem;font: normal 0.3rem/0.52rem "微软雅黑"; text-indent: 2em;color: #2b4ea0;}
.slide2 .circles{width: 100%;height: 7.66rem;border-radius: 50%;margin-top: 0.3rem;position: relative;}
.slide2 .circle1{width: 7.66rem;height: 7.66rem;border: 1px solid #cde5f8;position: absolute;top: 0;left: -0.1rem;right: 0;bottom: 0;margin: auto;border-radius: 50%;}
.slide2 .circle2{width: 5.9rem;height: 5.9rem;border-radius: 50%;border: 0.01rem solid #c1def5;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.slide2 .circle3{width: 4rem;height: 4rem;position: absolute;top: 0rem; bottom: 0rem;left: 0rem;right: 0rem;margin:auto;border:0.01rem solid #a0c8e6;border-radius: 50%;box-sizing: border-box;}
.slide2 .circle3 .main{width: 100%;height: 100%;position: relative;font: normal 0.24rem/1.15rem "微软雅黑";color: #fff;text-align: center;}
.slide2 .circle3 .tittle{width: 1.8rem;margin:0 auto;padding-top: 0.95rem;font: bold 0.4rem/0.6rem "微软雅黑"; text-align: center;color: #304b9e;}
.slide2 .circle3 .yuan1{width: 1.15rem;height: 1.15rem;background: #86cbf1;border-radius: 50%;position: absolute;left: -0.18rem;top: 0.26rem;z-index: 2;}
.slide2 .circle3 .yuan2{width: 1.15rem;height: 1.15rem;background: #539bd4;border-radius: 50%;position: absolute;left: -0.2rem;top: -0.5rem;right:0.5rem;margin:auto;z-index: 2;}
.slide2 .circle3 .yuan3{width: 1.15rem;height: 1.15rem;background: #3b72b8;border-radius: 50%;position: absolute;right: 0.25rem;top: -0.20rem;z-index: 2;}
.slide2 .circle3 .yuan4{width: 1.15rem;height: 1.15rem;background: #3563ae;border-radius: 50%;position: absolute;right: -0.7rem;top: 1rem;z-index: 2;}
.slide2 .circle3 .yuan5{width: 1.15rem;height: 1.15rem;background: #304b9e;border-radius: 50%;position: absolute;right: -0.4rem;bottom: 0.3rem;z-index: 2;}
.slide2 .circle3 .yuan6{width: 1.15rem;height: 1.15rem;background: #0d337e;border-radius: 50%;position: absolute;left:1.8rem;bottom: -0.5rem;z-index: 2;}
.slide2 .circle3 .yuan7{width: 1.15rem;height: 1.15rem;background: #0d3672;border-radius: 50%;position: absolute;left: 0.2rem;bottom: -0.2rem;z-index: 2;}
.slide2 .circle3 .yuan8{width: 1.15rem;height: 1.15rem;background: #0d3672;border-radius: 50%;position: absolute;left: -0.55rem;bottom: 1.1rem;z-index: 2;}
.arrow-all{width: 0.88rem;height: 0.88rem;border-radius: 50%;background: rgba(255,255,255,.6);position: absolute;bottom: 1.8rem;left: 0;right: 0;margin: auto;overflow: hidden;
animation: arrow2 4s linear infinite;}
.arrow-all div{width: 0.4rem;height:0.4rem;background: url(../images/arrow.png)no-repeat center;margin: 0 auto;margin-top: 0.2rem;}

/* slide3 */
.slide3{background: url(../images/bg3.jpg)no-repeat center/cover !important;}
.five-list{width: 5.5rem;margin:3.63rem 0 0.37rem 1.5rem;overflow: hidden;}
.five-list li{width: 1.7rem;height: 1.7rem;background-color: #cf131c;background-repeat: no-repeat;background-position:center 0.27rem;
float: left;margin-right: 0.2rem;}
.five-list li:nth-child(n+4){margin-top: 0.15rem;}
.five-list li:nth-child(3n){margin-right: 0rem;}
.five-list li:first-child{background: #fff;display: table;}
.five-list li:first-child span{display: table-cell;vertical-align:middle;font: bold 0.3rem/0.42rem "微软雅黑";color: #294ea0;text-align: center;}
.five-list li:nth-child(2){background-image: url(../images/worth1.jpg);background-size: 0.51rem 0.55rem; }
.five-list li:nth-child(3){background-image: url(../images/worth2.jpg);background-size: 0.56rem 0.55rem; }
.five-list li:nth-child(4){background-image: url(../images/worth4.jpg);background-size: 0.55rem 0.52rem; }
.five-list li:nth-child(5){background-image: url(../images/worth3.jpg);background-size: 0.57rem 0.5rem; }
.five-list li:nth-child(6){background-image: url(../images/worth5.jpg);background-size: 0.58rem 0.48rem; }
.five-list li p{font: bold 0.3rem/0.42rem "微软雅黑";color: #fff;margin-top: 1rem;text-align: center;}

.seven-list{width: 5.5rem;margin:0rem 0rem 0rem 1.5rem;overflow: hidden;}
.seven-list li{width: 1.7rem;height: 1.7rem;background-color: #cf131c;float: left;margin-right: 0.2rem;}
.seven-list li:nth-child(n+4){margin-top: 0.15rem;}
.seven-list li:nth-child(3n){margin-right: 0rem;}
.seven-list li:last-child{background: #fff;display: table;}
.seven-list li:first-child{opacity: 0;}
.seven-list li:last-child span{display: table-cell;vertical-align:middle;font: bold 0.3rem/0.42rem "微软雅黑";color: #294ea0;text-align: center;}
.seven-list li i{font: bold 0.3rem/0.42rem "微软雅黑";color: #fff;margin-top: 0.3rem;text-align: center;display: block;}
.seven-list li p{font: normal 0.16rem/0.28rem "微软雅黑";color: #fff;margin-top: 0.08rem;text-align: center;text-size-adjust: none;}

/* slide4 */
.slide4{background: url(../images/bg4.jpg)no-repeat center/cover !important;}
.slide4 .projects{width: 100%;height: 8rem;background: url(../images/projects.jpg)no-repeat center/contain;margin-top: 2rem;}
.slide4 .head-name{width: 2.15rem;height: 2.15rem;z-index: 2;position: absolute;left: 0;right: 0;top: 5rem;margin: auto;border-radius: 50%;
color: #fff;text-align: center;font: normal 0.36rem/2.15rem "微软雅黑";}
.slide4 .head-tittle{width: 4rem;height: 2rem;background: url(../images/head-tittle.png)no-repeat center/cover;position: absolute;left: 0;bottom: 3.5rem;right: 0;margin: auto; z-index: 5;}

/* slide5 */
.slide5{background: url(../images/bg5.jpg)no-repeat center/cover !important;}
.slide5 .us{width: 5.2rem;margin: 0 auto;margin-top: 3.5rem;color: #364d7b;font: normal 0.29rem/0.4rem "微软雅黑";}
.slide5 .us span{display: block;font: normal 0.29rem/0.8rem "微软雅黑";}
.slide5 .us i{display: block;font: bold 0.29rem/0.46rem "微软雅黑";}
.slide5>p{font: normal 0.29rem/0.46rem "微软雅黑";width: 100%;text-align: center;margin-top: 0.2rem;color: #364d7b;}
.slide5 .share{width: 2.30rem;padding-top: 1.1rem;background: url(../images/share.png)no-repeat top center;background-size: 1.02rem 1.02rem;
text-align: center;font: normal 0.24rem/0.3rem "微软雅黑";color: #a1b3d0;margin: 0 auto;}
.slide5 .share-alert{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/share_tip.png)no-repeat top right;background-color: rgba(0, 0, 0, 0.6);
background-size: 3.4rem auto;background-position: 3.5rem 1.2rem;display: none;}

/* pro1 */
.pro1{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro1 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp01_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro1>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro1 .pro-list{margin-top: 0.55rem;margin-left: 3rem;}
.pro1 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro1 .pro-list li p{color:#2b4ea0;}

.pro1 .probottom{width: 100%;height: 7rem;background: url(../images/chanpin/cp01_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro1 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 0.5rem;left: 0.8rem;
animation: click 2s linear infinite;}


.swiper-container2{width: 100%;height: 100%;z-index: 3;position: absolute;top: 0;left: 0;z-index:-1;opacity: 0;}
.swiper-container2 .swiper-slide{background: #000;}
.swiper-container2 .swiper-slide .short{width: 100%;height: 5.4rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;}
.swiper-container2 .swiper-slide .long{width: 100%;height: 10.4rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;}
.swiper-container2 .swiper-slide .img-main{width: 100%;height:100%;position: relative;}
.swiper-container2 .swiper-slide .img-main .tiao{width: 100%;height: 0.4rem;background: url(../images/tiao.png)no-repeat center/cover;background-size: 100% auto;}
.swiper-container2 .swiper-slide .img-main .jianbian{width: 100%;height: 0.6rem;position: absolute;left: 0;bottom: -0.1rem;z-index: 10;background: linear-gradient(360deg,#000 ,rgba(0,0,0,0))}
.swiper-container2 .swiper-slide img{width:100%;}
.swiper-container2 .clo-btn{width: 0.5rem;height: 0.5rem;border-radius: 50%;position: absolute;top: 1.7rem;right: 0.5rem;background: url(../images/close.png)no-repeat center/cover;z-index: 10;}
.swiper-container2 .left-arr{width: 0.5rem;height: 0.5rem;position: absolute;bottom: 1.8rem;right: 0rem;left:0;margin: auto; background: url(../images/left.png)no-repeat center/cover;z-index: 10;
  animation: arrow3 1s linear infinite;}
/* pro2 */
.pro2{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro2 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp02_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro2>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro2 .pro-list{margin-top: 0.55rem;margin-left: 1.8rem;}
.pro2 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;padding-left:1.25rem;margin-top: 0.3rem;}
.pro2 .pro-list li:first-child{background: url(../images/chanpin/cp02_icon01.png)no-repeat center left/contain;background-size: auto 100%;}
.pro2 .pro-list li:nth-child(2){background: url(../images/chanpin/cp02_icon02.png)no-repeat center left/contain;background-size: auto 100%;}
.pro2 .pro-list li:nth-child(3){background: url(../images/chanpin/cp02_icon03.png)no-repeat center left/contain;background-size: auto 100%;}
.pro2 .pro-list li:nth-child(4){background: url(../images/chanpin/cp02_icon04.png)no-repeat center left/contain;background-size: auto 100%;}
.pro2 .probottom{width: 100%;height: 7.4rem;background: url(../images/chanpin/cp02_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro2 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 0.5rem;left: 5rem;
animation: click 2s linear infinite;}
.pro2 .pro-list li p{color:#2b4ea0;}
/* pro3 */
.pro3{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro3 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp03_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro3>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro3 .pro-list{margin-top: 0.55rem;margin-left: 2.5rem;}
.pro3 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}

/*.pro3 .pro-list li:first-child{background: url(../images/chanpin/cp03_icon01.png)no-repeat center left/contain;background-size: auto 100%;}
.pro3 .pro-list li:nth-child(2){background: url(../images/chanpin/cp03_icon02.png)no-repeat center left/contain;background-size: auto 100%;}
.pro3 .pro-list li:nth-child(3){background: url(../images/chanpin/cp03_icon03.png)no-repeat center left/contain;background-size: auto 100%;}
.pro3 .pro-list li:nth-child(4){background: url(../images/chanpin/cp03_icon04.png)no-repeat center left/contain;background-size: auto 100%;}
.pro3 .pro-list li:nth-child(5){background: url(../images/chanpin/cp03_icon05.png)no-repeat center left/contain;background-size: auto 100%;}
.pro3 .pro-list li:nth-child(6){background: url(../images/chanpin/cp03_icon06.png)no-repeat center left/contain;background-size: auto 100%;}
.pro3 .pro-list li:nth-child(7){background: url(../images/chanpin/cp03_icon07.png)no-repeat center left/contain;background-size: auto 100%;}*/
.pro3 .probottom{width: 100%;height: 6.7rem;background: url(../images/chanpin/cp03_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro3 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top:-0.3rem;left:0.7rem;
animation: click 2s linear infinite;}
.pro3 .pro-list li p{color:#2b4ea0;}
/* pro4 */
.pro4{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro4 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp04_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro4>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro4 .pro-list{margin-top: 0.55rem;margin-left: 3rem;}
.pro4 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro4 .pro-list li p{color:#2b4ea0;}

.pro4 .probottom{width: 100%;height:8.8rem;background: url(../images/chanpin/cp04_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro4 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top:1.8rem;left:0.8rem;
animation: click 2s linear infinite;}
/* pro5 */
.pro5{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro5 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp05_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro5>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro5 .pro-list{margin-top: 0.55rem;margin-left: 3rem;}
.pro5 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro5 .pro-list li p{color:#2b4ea0;}

.pro5 .probottom{width: 100%;height: 7.7rem;background: url(../images/chanpin/cp05_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro5 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top:0.5rem;left: 0.5rem;
animation: click 2s linear infinite;}
/* pro6 */
.pro6{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro6 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp06_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro6>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro6 .pro-list{margin-top: 0.55rem;margin-left: 3rem;}
.pro6 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro6 .pro-list li p{color:#2b4ea0;}

.pro6 .probottom{width: 100%;height: 7rem;background: url(../images/chanpin/cp06_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro6 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 0.5rem;left: 3.3rem;
animation: click 2s linear infinite;}
/* pro7 */
.pro7{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro7 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp07_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro7>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}

.pro7 .pro-list{margin-top: 0.55rem;margin-left: 3rem;}
.pro7 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5; padding-left:0.7rem; margin-top:0.1rem;}
.pro7 .pro-list li p{color:#2b4ea0;}

.pro7 .pro-list li:first-child{background: url(../images/chanpin/cp03_icon01.png)no-repeat center left/contain;background-size: auto 100%;}
.pro7 .pro-list li:nth-child(2){background: url(../images/chanpin/cp03_icon02.png)no-repeat center left/contain;background-size: auto 100%;}
.pro7 .pro-list li:nth-child(3){background: url(../images/chanpin/cp03_icon03.png)no-repeat center left/contain;background-size: auto 100%;}
.pro7 .pro-list li:nth-child(4){background: url(../images/chanpin/cp03_icon04.png)no-repeat center left/contain;background-size: auto 100%;}
.pro7 .pro-list li:nth-child(5){background: url(../images/chanpin/cp03_icon05.png)no-repeat center left/contain;background-size: auto 100%;}
.pro7 .pro-list li:nth-child(6){background: url(../images/chanpin/cp03_icon06.png)no-repeat center left/contain;background-size: auto 100%;}
.pro7 .pro-list li:nth-child(7){background: url(../images/chanpin/cp03_icon07.png)no-repeat center left/contain;background-size: auto 100%;}

.pro7 .probottom{width: 100%;height: 7.0rem;background: url(../images/chanpin/cp07_02.png)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro7 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 0.3rem;left: 1.7rem;
animation: click 2s linear infinite;}
/* pro8 */
.pro8{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro8 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp08_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro8>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro8 .pro-list{margin-top: 0.55rem;margin-left: 3rem;}
.pro8 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro8 .pro-list li p{color:#2b4ea0; margin-top:0.1rem;}

.pro8 .probottom{width: 100%;height:7.5rem;background: url(../images/chanpin/cp08_02b.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro8 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top:1.1rem;left: 0.4rem;
animation: click 2s linear infinite;}
/* pro9 */
.pro9{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro9 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp09_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro9>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro9 .pro-list{margin-top: 0.55rem;margin-left: 3rem;}
.pro9 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro9 .pro-list li p{color:#2b4ea0;}

.pro9 .probottom{width: 100%;height:6.2rem;background: url(../images/chanpin/cp08_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro9 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top:-0.2rem;left:0.6rem;
animation: click 2s linear infinite;}

/* pro10 */
.pro10{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro10 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp10_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro10>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro10 .pro-list{margin-top: 0.5rem;margin-left: 3rem;}
.pro10 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;margin-top: 0.25rem}
.pro10 .pro-list li p{color:#2b4ea0;}

.pro10 .probottom{width: 100%;height: 7rem;background: url(../images/chanpin/cp09_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro10 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top:0.4rem;left:4.1rem;
animation: click 2s linear infinite;}

/*pro11_n11*/

.pro11_n11{}
.pro11_n11{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro11_n11 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp11_01_xz.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro11_n11>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro11_n11 .pro-list{margin-top: 1.5rem;margin-left: 3rem;}
.pro11_n11 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;margin-top: 0.25rem}
.pro11_n11 .pro-list li p{color:#2b4ea0;}
.pro11_n11 .probottom{width: 100%;height: 8.3rem;background: url(../images/chanpin/cp10_02_xz.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro11_n11 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 1.6rem;left:5.1rem;
animation: click 2s linear infinite;}


/* pro11 */
.pro11{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro11 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp11_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro11>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro11 .pro-list{margin-top: 1.5rem;margin-left: 3rem;}
.pro11 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;margin-top: 0.25rem}
.pro11 .pro-list li p{color:#2b4ea0;}

.pro11 .probottom{width: 100%;height: 8.3rem;background: url(../images/chanpin/cp10_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro11 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 1.6rem;left: 0.75rem;
animation: click 2s linear infinite;}




/* pro12 */
.pro12{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro12 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp12_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro12>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro12 .pro-list{margin-top: 0.55rem;margin-left: 2.5rem;}
.pro12 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro12 .pro-list li p{color:#2b4ea0;}

.pro12 .probottom{width: 100%;height: 8.6rem;background: url(../images/chanpin/cp11_02.png)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro12 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 1.55rem;left: 0.75rem;
animation: click 2s linear infinite;}



/* pro12 */
.pro12{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro12 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp12_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro12>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro12 .pro-list{margin-top: 0.55rem;margin-left: 2.5rem;}
.pro12 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro12 .pro-list li p{color:#2b4ea0;}

.pro12 .probottom{width: 100%;height: 8.6rem;background: url(../images/chanpin/cp11_02.png)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro12 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 1.55rem;left: 0.75rem;
animation: click 2s linear infinite;}
/* pro13 */
.pro13{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro13 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp13_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro13>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro13 .pro-list{margin-top: 0.55rem;margin-left: 2.5rem;}
.pro13 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;}
.pro13 .pro-list li p{color:#2b4ea0;}

.pro13 .probottom{width: 100%;height: 7.7rem;background: url(../images/chanpin/cp12_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro13 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 3.85rem;left: 0.6rem;
animation: click 2s linear infinite;}


/* pro14_n15 */
.pro15{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro15 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp15_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro15>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.30rem;}
.pro15 .pro-list{margin-top: 0.5rem;margin-left: 3rem;}
.pro15 .pro-list li{font: normal 0.3rem/0.3rem "微软雅黑";color: #d3def5;list-style: disc;margin-top: 0.25rem}
.pro15 .pro-list li p{color:#2b4ea0;}

.pro15 .probottom{width: 100%;height: 6.6rem;background: url(../images/chanpin/cp15_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro15 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 0.3rem;left: 5rem;
animation: click 2s linear infinite;}


/* pro14 */
.pro14{background: url(../images/chanpin/cp_bgtop.jpg)no-repeat top center !important;background-size: 100% auto !important;background-color: #fff !important;}
.pro14 .pro-num{width: 1.59rem;height: 1.43rem;background: url(../images/chanpin/cp14_01.gif)no-repeat center/cover;margin: 0 auto;margin-top: 1.95rem;}
.pro14>p{width: 100%;text-align: center;font: bold 0.48rem/0.54rem "微软雅黑";color: #2a4fa1;margin-top: 0.35rem;}
.pro14 .pro-list{margin-top: 1.5rem;margin-left: 3rem;}
.pro14 .pro-list li{font: normal 0.3rem/0.5rem "微软雅黑";color: #d3def5;list-style: disc;margin-top: 0.25rem}
.pro14 .pro-list li p{color:#2b4ea0;}

.pro14 .probottom{width: 100%;height: 7.7rem;background: url(../images/chanpin/cp13_02.jpg)no-repeat bottom center;background-size: 100% auto;position: relative;}
.pro14 .probottom .dianji{width: 1.6rem;height: 1.6rem;background: url(../images/dianji.png)no-repeat bottom center;background-size: 0.8rem 0.8rem; position: absolute;top: 0.4rem;left: 3rem;
animation: click 2s linear infinite;}


.music{width: 0.8rem;height: 0.8rem;background: url(../images/music.png)no-repeat center/cover;position: absolute;top: 1.5rem;right: 0.3rem;
animation: circle1 5s linear infinite;z-index:10;}
/* animate */
@keyframes circle1{
  100%{
    transform: rotate(360deg);
  }
}
@keyframes circle3{
  0%{
    transform: rotate(360deg);
  }
  100%{
    transform: rotate(0deg);
  }
}
@keyframes arrow{
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes arrow2{
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
@keyframes arrow3{
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes click {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
}