@charset "utf-8";

.wrapper{ height:100%; width: 100%;}

/* header */
/*.header{ position:absolute; z-index:999; right:0; left:0;height: 86px}*/

.box{background-size: 100% 100%;-webkit-transition:all 1s .2s ease; -moz-transition:all 1s .2s ease; -ms-transition:all 1s .2s ease; -o-transition:all 1s .2s ease; transition:all 1s .2s ease;}
		
.container{width:1680px;}
.banner{position: relative;}
.banner .pic{position: absolute;width: 100%;left: 0;top:0;padding:245px 0 0 105px;color: #fff;border-left:8px solid #005ba2; }
  .banner .title{font-size: 64px;line-height: 92px;color: #fff;text-shadow: 0.05em 0.05em rgba(000,000,000,0.1)}
   .banner .swiper-slide{height: 100vh;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
   .banner .swiper-pagination-bullet{border-radius: 0;-webkit-border-radius: 0;width:67px;background-color: #004499;opacity: 0.24;height: 4px;}
   .banner .swiper-pagination-bullet-active{opacity:1;}
   .banner .swiper-pagination{bottom: 53px;}
   .banner .knownMore{width: 240px;height: 55px;line-height: 55px;text-align: center;background-color: #005ba2;color: #fff;text-align: center;display: block;font-size: 18px;margin-top: 60px}
   .banner .knownMore:hover{background-color: #0372c8}

/* index_welcome */
.index_solution header{padding:55px 0 20px;text-align: center;}
  .index_solution header h3{font-size: 46px;}
  .index_solution header h4{font-size: 16px;font-weight: normal;}
  .index_solution header ul{display: inline-block;margin-top: 22px;}
    .index_solution header ul li{width: 170px;line-height: 48px;border: 1px solid #dcdde0;font-size: 16px;cursor: pointer;}
    .index_solution header ul li.active{border: 1px solid #005ba2;font-size: 16px;background-color: #005ba2;color: #fff;}
    .index_solution header ul li.active:hover{color: #fff;}
    .index_solution header ul li:hover{color: #005ba2;}
    .index_solution .solutionCon .item{height: 590px;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .index_solution .solutionCon .soluContainer{width: 1360px;margin: auto;padding:95px 0 0;}
    .index_solution .solutionCon .soluContainer h3{color: #fff;font-size: 44px;margin-bottom: 10px}
    .index_solution .solutionCon .soluContainer .desc{color: #5495c9;width: 730px;line-height: 180%}
     .index_solution .solutionCon ul{margin: 42px 0 0;}
     .index_solution .solutionCon ul li{width: 164px;height: 164px;margin-right: 62px;border-radius: 50%;-webkit-border-radius: 50%;background-color: rgba(255,255,255,0.1);text-align: center;font-size: 20px;line-height: 150%;color: #fff;}
     .index_solution .solutionCon ul li a{font-size: 20px;color: #fff;display: block;}
 
/* index_app */
.index_app{background: url(../images/1bg04.jpg) no-repeat center;background-size: cover;height: 790px;position: relative;z-index: 8}

  .index_app .container{padding:25px 48px 0 0;position: relative;z-index: 7}
   .index_app .appDiv{width: 696px;position: relative;}
   .index_app .appNav{padding:88px 0 0;border-bottom: 1px solid #cfd8e2;}
   .index_app .appNav li{width: 25%;text-align: center;}
   .index_app .appNav li:first-child{text-align:left;}
   .index_app .appNav li a{line-height:60px;position: relative;display: inline-block;padding:5px 10px;color: #005ba2;font-size:26px;}
   .index_app .appNav li a:before{content:'';position:absolute;bottom: -1px;left:0;width:100%;height:4px;background:#005ba2;z-index:99;display: none}
   .index_app .appNav li.active a:before{display: inline-block;}
   .index_app .appNav li img{display: inline-block;vertical-align: middle;}
    .index_app .moreIcon{text-align: center;margin:23px 0 0;}
      .index_app .moreIcon .icon{display: inline-block;width:21px;height: 21px;background: url(../images/1icon13.png) no-repeat center;cursor: pointer;}
      .index_app .itemChose.dis .moreIcon .icon{background: url(../images/1icon013.png) no-repeat center;}
      .index_app .itemChose.dis .itemChoseTab{overflow: hidden;height: auto}
   .index_app  .itemChoseTab{margin-top: 20px;}
      .index_app  .itemChoseTab{margin-top: 20px;}
      .itemChose{position: absolute;width: 696px;background-color: #}
      .itemChose.dis{background-color: #fff}
      .index_app  .itemChoseTab{overflow: hidden;height: 346px;}
      .index_app  .itemChoseTab dd{width: 174px;height: 174px;line-height: 174px;background-position: center;background-repeat: no-repeat;text-align: center;}
      .index_app  .itemChoseTab dd .act{display: none;}
      .index_app  .itemChoseTab dd.active .dis{display:none}
      .index_app  .itemChoseTab dd.active .act{display: inline-block;}
      .index_app  .itemChoseTab dd *{vertical-align: middle;}
      .index_app  .itemChoseTab dd.f1{background-color: #f1f4f9}
      .index_app  .itemChoseTab dd.dd{background-color: #dde1e7}
      .index_app  .itemChoseTab dd.active{background-color: #005ba2}
         .index_app .choseImg{position: absolute;left: 100%;top:0;width: 807px}
          .index_app .choseImg .imgItem .desc{position: absolute;height: 240px;bottom: 0;padding:0 210px 0 65px;color: #fff;line-height: 28px;font-size: 16px;}
          .index_app .choseImg .imgItem .desc h3{font-size: 36px;margin-bottom: 20px}
          .index_app .choseImg .imgItem .desc .moreArrow{right: -45px;bottom: 20px;position: absolute;}
   
  .index_app .autoPlayCtrl{position: absolute;right: -900px;top: 25px;height: 220px;text-align:center }
  .index_app .playCtrl{display: inline-block;}
    .index_app .appPrev, .index_app .appNext{width:49px;height: 49px;border-radius: 50%;-webkit-border-radius: 50%;;background-repeat: no-repeat;background-position: center;position: relative;display: inline-block;margin: 10px auto;position: relative;background-size: 100%;display: block;}
      .index_app .appPrev{background-image: url(../images/0icon05.png);left:auto;right: auto;top:auto;}
      .index_app .appNext{background-image: url(../images/0icon06.png);left:auto;right: auto;top:auto;margin-bottom: 0}
 

    .moreArrow:hover{opacity: 0.8;cursor: pointer;}

/* index_about */
.index_about{position: relative;padding:0 0 55px;}
  .index_about .container{position: relative;}
    .index_about  .ctrlImg{position: absolute;right: 0;top:-50px;z-index: 4;width: 530px}
    .index_about .wordeDiv{position: relative;z-index: 6;font-size: 16px;}
    .index_about .wordeDiv .desc{margin:25px 0 0;}
    .index_about .wordeDiv .desc,.index_about .wordeDiv .desc a{font-size: 18px;}
     .index_about .wordeDiv header{padding: 0 0 50px;width: 960px;line-height: 170%}
     .index_about .wordeDiv header h3{font-size: 44px;margin-bottom: 10px;line-height: 44px;}
     .index_about .wordeDiv header .moreArrow{display: block;margin-top: 20px}
     .aboutIntroductList li{padding-left: 45px;min-width: 150px;margin-right: 110px}
      .aboutIntroductList li h3{font-size: 56px;color: #005ba2;height: 60px;margin-bottom: 10px;font-family: Arial;}
      .aboutIntroductList li .desc{position: relative;font-size: 18px;}
      .aboutIntroductList li .desc:before{width: 30px;height: 5px;position: absolute;left: -45px;top:2px;bottom:0;margin:auto;content: "";display: block;background-color:#005ba2; }

  .aboutDis{margin-top: 82px;text-align: center;position: relative;}
    .aboutDis .swiper-slide{width:1039px; }
      .aboutDis .swiper-slide-prev{transform: translateX(260px) scale(0.5)!important;opacity: 0.8!important}
      .aboutDis .swiper-slide-next{transform: translateX(260px) scale(0.5)!important;opacity: 0!important}
  .current-swiper {margin:0 auto;position:relative;z-index:99;}
    .current-swiper .swiper-slide{display: inline-block;}
  .left-swiper {position:absolute;left:0;top:0;z-index:1;width:594px;height:328px;bottom: 0;margin:auto;display: inline-block;}
    .left-swiper:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(237,240,240,0.9);z-index:99;}
  .current-swiper .autoPlayCtrl{position: absolute;right: 50px;bottom: 0;height: 220px;bottom: }
  .current-swiper .playCtrl{display: inline-block;}
  .current-swiper .swiper-button-next, .current-swiper .swiper-button-prev{width:49px;height: 49px;border-radius: 50%;-webkit-border-radius: 50%;;background-repeat: no-repeat;background-position: center;position: relative;display: inline-block;margin: 10px auto;position: relative;background-size: 100%;display: block;}
    .current-swiper .swiper-button-next{background-image: url(../images/0icon06.png);left:auto;right: auto;top:auto;}
    .current-swiper .swiper-button-prev{background-image: url(../images/0icon05.png);left:auto;right: auto;top:auto;margin-bottom: 0}
    .aboutDis .swiper-slide{position: relative;}
    .aboutDis .swiper-slide .pic{position: relative;display: inline-block;}
      .aboutDis .swiper-slide .desc{position: absolute;display:none;bottom: 20px;text-align: right;width: 100%;padding-right: 30px;line-height: 30px;color: #ffffff;font-size: 18px;display: none}
      .aboutDis .current-swiper .swiper-slide-active .desc{display:block;}

.index_belief{background: url(../images/1bg02.jpg) no-repeat center;background-size: cover;height: 512px;background-size: cover;position: relative;}
  .index_belief .pic{position:absolute;width: 100%;height: 100%;text-align: right;color: #2156a0;}
  .index_belief .con{text-align: center;display: inline-block;font-size: 14px;}
    .index_belief .pic h3{font-size: 58px;font-weight: bold;text-shadow: 0.05em 0.05em rgba(000,000,000,0.1);margin-bottom: 10px;}
    .index_belief .pic h3.ensmall{font-size: 40px;}

.index_news{padding:50px 0 55px;}
  .index_news .title{line-height: 40px;margin-bottom: 25px;}
    .index_news .title .ctrl{font-size: 45px;}
    .index_news .title *{vertical-align: middle;}
      .newsList ul{margin:0 0 0 -75px;}
        .newsList li{width: 33.33333%;padding:0 0 0 75px;}
        .newsList li ins{display: block;overflow: hidden; }
        .newsList li ins img{height:360px;width: 100%;}
        .newsList li .time{color: #999b9c;margin:10px 0;}
        .newsList li  a,.newsList li .desc{font-size: 22px}

.index_contact{background: url(../images/1bg03.jpg) no-repeat center;background-size: cover;height: 620px;background-size: cover;position: relative;padding: 125px 0 0}
  .index_contact .title{font-size: 44px;color: #1f1f1f;margin-bottom: 35px;}
  .index_contact .contactIntroduct{width: 52.5%}
    .index_contact .titleLabel{line-height: 35px;font-size: 22px}
        .index_contact .titleLabel .tellIcon{width: 22px;height: 18px;vertical-align: middle;display: inline-block;margin-right: 10px;background-image: url(../images/1icon16.png);vertical-align: -3px;position: relative;top:-2px;}
      .index_contact .erweimaDiv{position: relative;top:3px;cursor: pointer;}
      .index_contact .erweimaDiv .imgErweima{position: absolute;display: none;width: 100px;height: 100px;top:-45px;max-width: 100px;left: 120%}

        .index_contact .erweimaDiv:hover .imgErweima{display: block;}
      .index_contact .contactList dd{width: 50%;margin-top: 32px;font-size: 14px;line-height: 160%;}
      .index_contact .contactList dd p{font-size: 16px;margin-top: 5px;position: relative;}
      .index_contact .contactList dd p img{position: relative;top:2px;}
      .index_contact .contactList dd .icon{display: inline-block;width: 15px;height: 15px;vertical-align: middle;margin-right: 6px;position: relative;}
      .index_contact .contactList dd .icon img{top:-5px;position: relative;}
      .index_contact .contactList dd .icon1{background-image: url(../images/1icon17.png);}
      .index_contact .contactList dd .icon2{background-image: url(../images/1icon21.png);}
      .index_contact .contactList dd .icon3{background-image: url(../images/1icon18.png);}
      .index_contact .contactList dd .icon4{background-image: url(../images/1icon22.png);}
      .index_contact .contactList dd .icon5{background-image: url(../images/1icon19.png);}
  .index_contact .contactMap{width:47.5%}
      .index_contact .contactMap .mapCon{position: relative;}
          .index_contact .contactMap .mapCon .icon{position: absolute;width: 80px;height: 93px;background: url(../images/1icon23.png) no-repeat center;left: 0;right: 0;margin: auto;top:0;bottom: 0;}
    .msgBtn{display: inline-block;border-radius: 3px;background-color: #106fba;text-align: center;color: #fff;width: 120px;height: 36px;line-height: 36px;margin-left: 5px;}
      .msgBtn .icon{display: inline-block;width: 14px;height: 14px;background-image: url(../images/0massage.png);margin-right: 5px;vertical-align: middle;}
.container3{width: 1670px;margin:auto;position: relative;}

.swiper-paginationDiv{text-align: center;position: relative;height: 90px;}
.swiper-paginationDiv .line{position:absolute;left: 0;right: 0;width: 1px;height: 50px;background-color: #dcdcdc;display: inline-block;margin:auto;top:0;bottom: 0;position: absolute;}
.swiper-paginationDiv .swiper-pagination{position: relative;height: 90px;color: transparent;}
.swiper-paginationDiv .swiper-pagination span{position: absolute;display: block;display: block;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.swiper-paginationDiv .swiper-pagination span.swiper-pagination-total{color: #005ba2;position: absolute;top: 10px;width: 100%;text-align: center;right: 15px}
.swiper-paginationDiv .swiper-pagination span.swiper-pagination-current{color: #cccccc;position: absolute;bottom: -5px;width: 100%;text-align: center;right: 15px}

@media (max-width:1700px){
	.container2,.container3{width:1300px;}
  .container{width:1300px;}
  .newsList li ins img{height:270px}
  .swiper-paginationDiv .swiper-pagination span.swiper-pagination-total{right: 10px}
  .swiper-paginationDiv .swiper-pagination span.swiper-pagination-current{right: 10px}


}

@media (max-width:1620px){
  .index_about .wordeDiv header{width: 650px;}
  .index_about .ctrlImg{width:400px}
  .aboutIntroductList li {min-width: 95px;margin-right: 43px;}
  .aboutIntroductList li h3{font-size: 45px;height: 50px;}
   .index_solution .solutionCon .soluContainer{width: 1000px;}
   .index_app .appDiv{width: 560px;}
      .index_app .itemChoseTab dd{width: 140px;height: 150px;}
      .index_app .choseImg{width: 600px;top:90px;}
      .index_app .choseImg .imgItem .desc .moreArrow{width: 100px;right: -20px;}
      .index_app .choseImg .imgItem .desc{padding:0 35px 0 30px;}
      .index_app .autoPlayCtrl {right: -656px;top: 93px;}
        .index_app .appPrev, .index_app .appNext,.current-swiper .swiper-button-next, .current-swiper .swiper-button-prev{width: 35px;height: 35px;} 
  .aboutDis .swiper-slide{width: 900px}
  .current-swiper .autoPlayCtrl {right: 30px;height: 187px;}
    .index_belief .container{padding-right:150px;}
      .newsList ul{margin:0 0 0 -35px;}
        .newsList li{padding:0 0 0 35px;}
  .index_contact .erweimaDiv{top:-3px;}
  .index_app .itemChose{position: relative;}
  .index_app .itemChoseTab{height: 300px;}

  .index_app{height: 710px;}

  .moreArrow{width: 120px;}
  .current-swiper .autoPlayCtrl{right: 0}
  .index_contact .contactList dd .icon img{top:0;}
}

/* 1200 */
@media (max-width:1440px){
  .index_theory .th_three{width: 75%;left: 0;right: 0;margin: auto}
}

/* 1200 */
@media (max-width:1370px){	
  .index_theory .container{padding: 75px 15px 0}
  .index_theory .th_list .blue .wordDiv .label{bottom: -84%}
  .index_theory .th_list .green .wordDiv .label{bottom: -84%}
  .index_welcome .container{padding-right:50px}
   .index_contact .titleLabel{font-size: 18px}
  .index_contact .contactList dd p{font-size: 14px;}
  .container{width:1200px;}
  .newsList li ins img{height:270px}
  .container2,.container3{width:1200px;}
}
/* 1040 */
@media (max-width:1230px){
  .aboutDis .swiper-slide {width: 75%;}
  .current-swiper .autoPlayCtrl{right: 45px;}
  .index_about .wordeDiv header h3{font-size: 32px;}
  .index_news .title .ctrl{font-size: 32px;}
  .aboutIntroductList li{padding-left:20px;min-width:100px;margin-right:25px}
       .aboutIntroductList li h3{font-size: 36px;height:32px;}
       .aboutIntroductList li .desc{position: relative;font-size: 16px;}
       .aboutIntroductList li .desc:before{width:20px;height: 3px;position: absolute;left: -25px; }
    .index_about .ctrlImg{width: 330px;}
      .index_about .wordeDiv header {width: 500px;}
  .index_belief{height: 400px;}
  .index_belief .container {padding-right:0;text-align: center;}
  .index_contact{height: 470px;padding:85px 0 0;}
      .index_contact .contactList dd{margin-top: 15px;}
      .newsList ul{margin:0 0 0 -20px;}
        .newsList li{padding:0 0 0 20px;}
    .index_contact .title{font-size: 32px;margin-bottom:10px;}
    .index_solution header h3{font-size: 32px;}
      .index_solution header ul li {width: 123px;line-height: 32px;}
      .index_solution .solutionCon .soluContainer{width: 100%;padding:40px 30px 0;}
      .index_solution .solutionCon .soluContainer .desc{width: 85%;padding: 0 0;}
      .index_solution .solutionCon .item{height: 350px}
      .index_solution .solutionCon .soluContainer h3{font-size: 32px;}
    .index_app {height: 600px;position: relative;z-index: 8}
      .index_app .itemChoseTab{height: 230px}
      .index_app .choseImg {width: 437px;top: 90px;}
        .index_app .itemChoseTab dd{height: 115px;height: 115px;line-height: 115px;}
        .itemChose{min-height: 360px;}

    .index_about{position: relative;z-index: 4}
    .index_about .ctrlImg{right: 15px;}
     .index_about .wordeDiv .desc,.index_about .wordeDiv .desc a{font-size: 16px;}
     .msgBtn{width: 80px;line-height: 32px;}
}

@media (max-width:1200px){
  .container2,.container3{width:900px;}
  .container{width:900px;}
  .newsList li ins img{height:200px}
}
@media (max-width:1050px){
.container2,.container3{width:100%;padding:0 15px;}
}
/* 1040 */
@media (max-width:1040px){

}
/* 900 */
@media (max-width:900px){
  .container2,.container3{width:100%;}
  .banner .swiper-slide{height: 94vh}
  .index_app .moreIcon{display: none}
    .index_solution .solutionCon ul{margin:20px 0 0;}
      .index_solution .solutionCon ul li{width: 100px;height: 100px;font-size: 15px;}
      .index_solution .solutionCon ul li a{font-size: 15px;}
    .index_app .appNav li img{width:65%;}
    .index_app .itemChoseTab dd{width: 89px;height: 89px;line-height: 89px;}
    .index_app .itemChoseTab dd img{width: 30%;}
    .index_app .appDiv {width: 356px;}
      .itemChose{width: 100%;}
      .index_app .appNav li a{line-height: 35px;font-size: 14px;}
        .index_app .choseImg {width: 360px;top: 90px;}
        .itemChose{min-height: 300px}
        .index_app .choseImg .imgItem .desc h3 {font-size: 25px;margin-bottom: 4px;}
        .index_app .choseImg .imgItem .desc{font-size: 10px;line-height: 150%}
      .index_app .container {padding: 25px 48px 0 20px;position: relative;}
    .index_app .choseImg .imgItem .desc{height: 160px;}
      .index_app .itemChoseTab{height: auto}
        .index_app{height: 540px;}
        .index_about .ctrlImg {width: 228px;right: 15px}

    .aboutDis .swiper-slide-next{opacity:1!important}
      .current-swiper .playCtrl{display: none}
      .current-swiper .autoPlayCtrl{height:40px;right: 0}
      .current-swiper .swiper-button-next, .current-swiper .swiper-button-prev{display: inline-block;margin:0 5px;}
    .index_belief{height: 320px}
      .index_belief .con{font-size: 14px}
        .index_belief .pic h3{font-size: 38px;}
      .index_contact .contactMap .mapCon .icon{width: 45px;height: 52px;background-size: 100%;}
      .index_contact .contactList dd:last-child{display: none;}
    .index_contact{height: auto;padding:65px 0 60px;}
    .index_app .autoPlayCtrl{right: -5px;height: 40px;top:auto;bottom: 20px;text-align: left;z-index: 999}
      .index_app .playCtrl{display: none;}
        .index_app .appPrev, .index_app .appNext{display: inline-block;margin:0 5px;}
        .itemChose{position: relative;}

     .index_contact .titleLabel{font-size: 16px}
    .index_contact .contactList dd p{font-size: 13px;}
     .index_about .wordeDiv .desc{font-size: 13px;}
     .container{width:100%;}
     .newsList li ins img{height:180px}
 }
@media (max-width:650px){
  .banner .swiper-pagination{bottom: 20px;}
  .banner .pic{padding:120px 0 0 0px;}
    .banner .title{font-size: 36px;line-height: 150%}
    .banner .knownMore{width: 180px;height: 45px;line-height: 45px;margin-top: 20px;}
    .index_solution .solutionCon ul li{width: 90px;height: 90px;line-height: 150%;margin-right: 10px;}
    .index_app .appDiv{width: 100%;}
    .index_app .container{position: relative;padding:0px 0;width: 340px;margin:auto;}
    
        .index_app .itemChoseTab dd{width: 65px;height: 65px;line-height: 65px;}
        .index_app .choseImg{width: 275px;left: 65px;top:0;}
          .index_app .item{position: relative;}
  .index_app{padding:45px 0 30px;height: auto}
      .index_app .appNav{padding:0;}
       .index_app  .itemChose{height: 450px}
          .index_app .itemChoseTab{height:379px;width: 65px;overflow-y: auto;}
          .index_app .itemChoseTab dd:nth-child(2n){background-color: #f1f4f9!important}
          .index_app .itemChoseTab dd:nth-child(2n+1){background-color: #dde1e7!important}
          .index_app .itemChoseTab dd:nth-child(2n+1).active,.index_app .itemChoseTab dd:nth-child(2n).active{background-color:#005ba2!important; }
          .index_app .choseImg .imgItem .desc{position: relative;background-color: #fff;color: #21252a;height: auto;padding:15px;line-height: 140%;font-size: 12px;}
         .index_app .choseImg .imgItem .desc .moreArrow{position: relative;margin-top:5px;right: auto;bottom: auto;width: 80px;top:auto;display: inline-block;}
         .index_app .choseImg .imgItem .desc h3{font-size: 14px;}
         .moreArrow{width: 80px}
  .index_about .wordeDiv header{width: 100%;}
      .index_about .ctrlImg{display: none;}
    .aboutIntroductList li{width: 25%;text-align: center;padding:0 5px;margin-right: 0;min-width: 50px;}
    .aboutIntroductList li .desc:before{display: none}
    .aboutIntroductList li h3{font-size: 18px;height: 18px;}
    .aboutIntroductList li .desc{font-size: 14px;}

    .aboutDis .swiper-slide .desc{font-size: 16px;bottom: 5px;padding-right:15px;}
        .current-swiper .autoPlayCtrl{position: relative;right:auto;bottom: auto;left: auto;}
        .aboutDis{margin-top: 30px;}

    .newsList li{width: 100%;margin-bottom: 25px;}
    .index_contact .contactIntroduct{width: 100%;margin-bottom: 25px;}
      .index_contact .contactMap{width: 100%;}

      .newsList li ins img{height:auto;}
}
/* 320 */
@media (max-width:375px){

}
/* 320 */
@media (max-width:360px){


	
}