.index-box{width: 1330px; margin: 0 auto;}
.height-center{ display: table-cell; vertical-align: middle;}
/*杞挱鍥�*/
.swiper1920{ position: relative; left: 0; top: 0; width: 100%; }
.swiper1920 .swiper-container { margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;}
.swiper1920 .swiper-slide {text-align:center;font-size:18px;background:#fff;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
.swiper1920 .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:flex;transition-property:transform;box-sizing:content-box}
.swiper1920 .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper1920 .swiper-slide img{ max-width: 100%; display:block;}
/*.swiper1920 .swiper-slide.swiper-slide-active .animated{ -webkit-animation-name: bounceIn; animation-name: bounceIn;}*/

.swiper1920 .swiper-container-autoheight,.swiper1920 .swiper-container-autoheight .swiper-slide {height:auto}
.swiper1920 .swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform,height}
.swiper1920 .swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper1920 .swiper-pagination { bottom: 5%;  left:0;   position: absolute;  text-align:center;  transform: translate3d(0px, 0px, 0px); transition: all 0.3s ease 0s;  z-index: 10; padding-right:0%;}
.swiper1920 .swiper-container-horizontal>.swiper-pagination-bullets{width:100%}
.swiper1920 .swiper-pagination-bullet{display:inline-block;margin:0 10px; position: relative; text-align:left; font-size:18px; color: #fff; opacity: .5; font-weight:300;}
.swiper1920 .swiper-pagination-bullet .bar,.swiper1920 .swiper-pagination-bullet .bar::before{ position:absolute; content:""; right:-11px; top:10px;width:0px;height:2px;background:rgba(255,255,255,.5);z-index:10;  }
.swiper1920 .swiper-pagination-bullet .bar::before{z-index:11;background:#fff; left:0; top:0; }
.swiper1920 .swiper-pagination-bullet-active .bar{width:86px;}
.swiper1920 .swiper-pagination-bullet-active .bar::before{width:86px;-webkit-transition: all 4s ease; -moz-transition: all 4s ease; -ms-transition:  all 4s ease;  -o-transition:  all 4s ease; transition: all 4s ease;background:#fff;}
.swiper1920 .swiper-pagination-bullet-active{opacity: 1;width:100px;color: #fff; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition:  all .6s ease;  -o-transition:  all .6s ease; transition: all .6s ease; }
.swiper1920 .swiper-slide .slide-item{background-attachment:scroll; background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height:auto; overflow: hidden; display: block;  }

.swiper1920 .swiper-slide .slide-item .banner_img{ display: none; max-width: 100%;}
.swiper1920 .swiper-slide .slide-item .banner_text{ position: absolute; top:3rem; text-align: center; width: 100%; color: #fff;  -webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/*.swiper1920 .swiper-slide:nth-child(even).swiper-slide-active  .slide-item .banner_text{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.swiper1920 .swiper-slide:nth-child(odd).swiper-slide-active  .slide-item .banner_text{-webkit-animation-name: bounceInDown;animation-name: bounceInDown;bounceIn  rollIn}*/
.swiper1920 .swiper-slide .slide-item .banner_text h2{ font-size:1.2rem; padding: 0; margin: 0; font-weight: normal; text-transform: uppercase;  }
.swiper1920 .swiper-slide .slide-item .banner_text p{ font-size:.6rem; margin-top:.3rem; }

.swiper1920 .swiper-slide.swiper-slide-active .slide-item .banner_text h2 span,.swiper1920 .swiper-slide.swiper-slide-active .slide-item .banner_text p span{color: #fff;opacity: 0;transform: translate(100px, -50px) scale(1.5);animation: ballDrop .3s forwards;display:inline-block;}
@keyframes ballDrop {
  60% {
    transform: translate(0, 20px) rotate(-180deg) scale(.5);
  }
  100% {
    transform: translate(0) rotate(0deg) scale(1);
    opacity: 1;
  }
}

/*鍏充簬鎴戜滑*/
.about-us-bg{background-size:100%;background-color: #fff; background-repeat: no-repeat; background-position: center bottom ; width: 100%; position: relative; padding:2rem 0 2rem;}
.about-us-box{ display: table;}
.about-us-left{ width:100%; text-align: center; padding:.8rem 0 .6rem;}

.about-us-right{ width:90%; color: #363636; margin: 0 auto;}
.about-us-right h2{ font-size:1rem; font-weight:normal;}
.about-us-right p{ font-size:.6rem; font-weight: 300; padding:.5rem 0;}
.about-us-right dl{ margin-bottom:1.3rem;}
.about-us-right dl dt{ font-size:.7rem; margin-bottom:15px; margin-top: 8px; font-weight:normal;}
.about-us-right dl dd{ width: 100%;}
.about-us-right dl dd em{ font-style:normal; font-size: 18px; display: inline-block; width:40%;line-height: 38px; margin: 4px 0;box-sizing:content-box;}
.about-us-bottom-bg{ position:absolute; left: 0;bottom:0px;height:126px; width: 100%; bottom:-3.5px; z-index:10; background-size:auto; background-repeat: no-repeat; background-position: center bottom;}
/*鎸夐挳*/
.index-btn-more{ width: 268px; display: block; margin:20px auto; background: #2196ce; line-height: 50px; text-align: center; border-radius: 30px; color: #fff;  position: relative;z-index:1; }
.index-btn-more:hover{ color: #fff;}
.index-btn-more::before{ position: absolute;background:none; bottom:0; left:50%; content:""; width:0%; height:100%; z-index:-1; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; border-radius: 30px; }
.index-btn-more:hover::before{ background: #26aceb; width:100%;left:0%;}

/*浣撶郴璁よ瘉*/
/*浣撶郴璁よ瘉*/
.GAP-system-bg{ padding:2rem 0;background-size:auto; background-repeat: no-repeat; background-position:center top; overflow: hidden; position: relative;}
.index-product{ margin:1rem 0 0; overflow: hidden;}
.index-product li{ width:50%; float: left;}
.index-product li .widget {padding:.4rem;}
.index-product li .widget .img-holder {position:relative;overflow:hidden;}
.index-product li .widget .img-holder img {width:100%;display: block;}
.index-product li .widget .img-holder .overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(30,139,195,0.5);text-align:center;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;}
.index-product li .widget .content-holder {text-align:center;background:#fff;display:block;margin-top:0px;padding:.3rem .5rem;}
.index-product li .widget .content-holder h4 {text-transform:uppercase;color:#1e8bc3;margin:0;font-size:18px; font-weight:normal;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;}



/*鏂伴椈璧勮*/
.news-bg { width:100%; margin: 0 auto;top: 0;position: relative;  left:0; background: #fff; padding:2rem 0;}
.news-title{ text-align: center; padding: 0 .5rem;}
.news-title h2{font-size:1rem; font-weight:normal;margin-bottom: 10px;}
.news-title p{ font-size:18px; font-weight: 300;}
.news-list{ margin:40px 0; padding: 0 .5rem; }
.news-list li{ background: #fff; width:auto;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease; padding: 10px;overflow: hidden; margin: .2rem 0; border-radius: 5px;  box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  }
.news-list li div{ width:100%; margin: 0 auto; /* opacity:0; filter:alpha(opacity=0);*/}
.news-list li div.news-img{overflow:hidden;width:4.5rem; height:3.2rem; float: left;}
.news-list li div.news-img img{ max-width: 100%;width:4.5rem; height:3.2rem;-moz-transition: -moz-transform .8s ease-in-out;  -webkit-transition: -webkit-transform .8s ease-in-out;  transition: transform .8s ease-in-out;}
.news-list li div.news-text{ margin-left:5rem; width: auto;}
.news-list li h4{ font-size:.8rem;line-height: 1rem;  height:1rem; font-weight:normal; color: #414141; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease;}
.news-list li p{  color: #6b6b6b; font-weight: normal; line-height: 25px;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition:  all .4s ease;  -o-transition:  all .4s ease; transition: all .4s ease;}
.news-list li em{ font-style: normal; margin-top:.3rem; color: #2196ce; display:block;}

/*鑱旂郴鎴戜滑*/
.contact-us-bg{top: 0px;position: relative;  left:0; background-color:#349ed0;padding:2rem 0;}

.contact-us-box{color: #fff; width:90%; margin: 0 auto;}
.contact-us-title{  width:100%;}
.contact-us-title h2{font-size:.9rem; font-weight:normal;margin-bottom: .3rem;}
.contact-us-title p{ font-weight: 300;}
.contact-us-title em{ font-size:18px; font-weight: 300; font-style:normal;}

.form-contact-us{width:100%; margin-top: 40px;}
.form-contact-us .form-input{margin: 15px auto; width: 100%;}
.form-contact-us .form-input span{display: block; height: 36px; line-height: 36px;}
.form-contact-us .form-input input{ display: block;width:100%; height:50px; padding:10px 20px; border-radius:4px; background: #fff; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-contact-us .form-input textarea{display: block;width:100%;line-height:22px;padding:10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-color:#fff; background: #ffffff;  -webkit-border-radius:0;min-height: 100px; resize:none; border-radius:4px; }

.form-contact-us .form-button{width:40%;margin:30px auto; padding:10px 20px; border-radius:30px; height:30px; line-height:30px;background: #fff; cursor: pointer;}
.form-contact-us .form-button #form-btn1{ width:100%; background: #fff; border: none; color: #2196ce;cursor: pointer;}

{-webkit-transition:all .2s linear;transition:all .2s linear; -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}

@media only screen and (max-width:560px){
    /*瑾嶈瓑icon*/
    .authentication-box{padding:40px 0 50px;}
    .authentication-box .authentication ul li{ display:inline-block; width:50%; padding-bottom: 20px;}

    /*鎸夐挳*/
    .index-btn-more{ width: 188px;}

    /*鏌ヨ璁よ瘉*/
    .GAP-system-right{ width:80%;padding:5rem 0 6.6rem; margin: 0 auto; }

}

































