body,html{position:relative}
body{margin:0;padding:0;background-color:#fff;color:#000;font-size:14px}
#banner{width:100%;background-color: #CCCCCC}
#banner .swiper-container{width:100%;height: 100%;padding-bottom: 0;}
#banner .swiper-slide{width: 100%;overflow: hidden;text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#banner .banner-img{width:100%;display: block;}
#banner .swiper-pagination{width: 100%;bottom: 2rem;}
#banner .swiper-pagination-bullet{width: 18px;height: 18px;border: 5px solid #ccc; margin: 0 10px;border-radius:100%;display: inline-block;background: #000;opacity: .3;}
#banner .swiper-pagination-bullet-active{opacity: 1;width: 18px;height: 18px;border: 5px solid #CCCCCC;background: rgb(50,115,255);}
.border-t{border-top: 1px solid #CCCCCC; }
.border-b{border-bottom: 1px solid #CCCCCC; }
.border-l{border-left: 1px solid #CCCCCC; }
.border-r{border-right: 1px solid #CCCCCC; }

.product-moddle{width: 100%;padding: 20px 0 60px 0;}
.product-caption{padding: 50px 0;}
.prod-item{position: relative;overflow: hidden;}
.prod-item img{width: 100%;display: block;}
.prod-text{width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;color: #FFFFFF;padding: 50px;}
.prod-text-2{width: 50%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;z-index: 2;top: 0;left: 50%;color: #FFFFFF;padding: 50px;}
.prod-text-3{width: 50%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;z-index: 2;top: 0;left: 0;color: #FFFFFF;padding: 50px;}
.prod-text-2:hover,.prod-text-3:hover{background-color: rgba(50,115,255,0.7);}
.prod-title-1{font-size: 24px;}
.prod-title-2{font-size: 16px;}
.prod-title-3{font-size: 14px;}
.middle{padding: 100px 0;background: url("../../images/middle_banner2.jpg") no-repeat center;background-attachment: fixed;background-size: cover;}
.middle-icon{display: inline-block;margin: 20px;}
.middle-btn{border-radius: 4px;font-size: 14px;}

.news-module{overflow:hidden;width:100%;background-color:#f8f8f8;padding: 100px 0;}
.news-headline{padding-bottom:1rem;border-bottom:1px solid #999;color:#333;letter-spacing:2px;font-weight:700;font-size:22px}
#news .swiper-content{overflow:hidden;padding: 15px}
#news .swiper-container{overflow:visible;margin-bottom:70px;width:100%}
#news .swiper-wrapper{position:relative;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-ms-transition-property:-ms-transform}
#news .swiper-slide{display:block;height:100%;background:#fff;font-size:18px;transition:.12s;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
#news .swiper-slide a{text-decoration: none; }
#news .swiper-slide:active,#news .swiper-slide:hover{box-shadow:0 0 10px rgba(0,0,0,.5)}
#news .swiper-pagination{position:absolute;bottom:-40px;width:100%}
#news .swiper-pagination-bullet{width: 10px;height: 10px; margin: 0 10px;border-radius:100%;display: inline-block;background: rgba(0,0,0,0.6);}
#news .swiper-pagination-bullet-active{opacity: 1;width: 12px;height: 12px;background: rgb(50,115,255);}
#news .swiper-img img{width:100%}
#news .news-title{margin-right:15px;margin-left:15px;color:#333;font-size:15px}
/*#news .swiper-slide:active .news-title,#news .swiper-slide:hover .news-title{color:#3273FF}*/
#news .news-line{overflow:hidden;padding:.25rem 15px;width:100%;height:1px;transition:.15s}
#news .news-line-process{width:0;height:1px;background-color:#999}
#news .swiper-slide:hover .news-line{padding:.25rem 15px}
@-moz-keyframes progressmove{from{width:0}
  to{width:100%}
}
@-webkit-keyframes progressmove{from{width:0}
  to{width:100%}
}
@-o-keyframes progressmove{from{width:0}
  to{width:100%}
}
@-ms-keyframes progressmove{from{width:0}
  to{width:100%}
}
@keyframes progressmove{from{width:0}
  to{width:100%}
}
#news{line-height: normal;}
#news .news-day{font-size: 56px;color: #3273FF; }
.news-face{width: 100%;height: 200px;overflow: hidden;vertical-align: middle;}
.news-face img{width: 100%;height: 100%;}
#news .news-date{font-size: 16px !important;color: #3273FF; }
#news .swiper-slide:hover .news-line-process{-moz-animation:progressmove .8s;-webkit-animation:progressmove .8s;-o-animation:progressmove .8s;-ms-animation:progressmove .8s;animation:progressmove .8s}
#news .news-bottom{color:#999;font-size:12px}
#news .news-detail{line-height:25px}
#news .news-detail img{vertical-align: text-bottom;margin-right: 10px}
#news .arrow-icon{width:28px;height:25px;background:url(../../images/icon/arrow-r-icon.png) no-repeat;background-size:100% 100%}
.news-bottom:hover{cursor: pointer; }

/* banner视频 */
.content-box{width:100%;height:200px;position:absolute;z-index:1;top:50%;left:50%;margin-left:-50%;margin-top:-100px;}
.title-1{font-size:25px;font-weight:400;color:#ffffff;margin-bottom:20px;}
.title-2{font-size:35px;font-weight:bold;color:#ffffff;margin-bottom:20px;}
.title-3{font-size:18px;color:#ffffff;margin-bottom:20px;}
.btn-video{display:inline-block;background-color:#FF9600;border-radius: 4px;padding:5px 25px;margin:0 10px;font-size:16px;color:#ffffff;margin-top:45px;}
.video-icon{width:22px !important;display:inline-block !important;vertical-align:middle;margin-right:6px;margin-top:-4px;}
.btn-video:hover,.btn-video:active{background-color: #FF9600;}
#videoBox{width:864px;height:486px;background-color:#CCCCCC;position:fixed;top:50%;left:50%;margin-left:-432px;margin-top:-243px;z-index:999;}
#videoMask{width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;z-index:99999;top:0;left:0;}
#closeVideo{width:50px;height:50px;position:fixed;top:20px;right:20px;z-index:999;}
.banner-botton{height: 100px; width: 100%; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0;}
.num-item{float: left; width: 25%; text-align: center;}
.animate-num{font-size: 40px;color: #ffffff;font-weight: 100;}
.small-font{font-size: 10px;color: #ffffff;font-weight: 100;}
.plus-icon{font-size: 30px;color: #ffffff;font-weight: 100;}
.padded-t-20{padding-top: 20px;}
.text-indent{text-indent: 2em}
.margin-t-0{margin-top: 15px!important;margin-left: 0;}

.btn-wise{display:inline-block;border: 1px solid transparent; border-radius: 4px;padding:5px 25px; font-size:16px;color:#ffffff;}
.btn-wise a{color: #ffffff;}
.btn-wise:hover,btn-wise:active{border: 1px solid #00FFFC; color:#00FFFC;}
.btn-wise:hover a,btn-wise:active a{color:#00FFFC;}
.wise-box{width: 900px; height: 300px; background:url("../../images/index/bg21.png") no-repeat; background-size: 100% 100%; color: #ffffff; padding: 35px; position: absolute; top: 50%; left: 50%; margin-top: -110px; margin-left: -450px;}
.title-01{font-size: 26px; color: #00FFFC; position: absolute; top: -100px; left: 50%; margin-left: -158px;}
.btn-wise-1{position: absolute; left: -40px; top: 58px;}
.btn-wise-2{position: absolute; left: 322px; top: -35px;}
.btn-wise-3{position: absolute; right: -44px; top: 28px;}
.blue-box{width: 900px; height: 300px; background:url("../../images/index/bist.png") no-repeat; background-size: 100% 100%; color: #ffffff; padding: 35px; position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -425px;}
.blue-box .box-content{width: 400px;}
.right0-img{width: 400px;height: 300px;overflow: hidden; position: absolute; right: -100px; top:10px;}
.right0-img img{width: 100%;}

@media (max-width:1024px) and (min-width:768px){
  #banner{width:100%;height:auto}
  .content-box{top: 209px;}
  .title-1,.title-2,.title-3{display: none;}
  .btn-video{display: inline-block;}
  #videoBox{width:100%;height:auto !important;background-color:rgba(0,0,0,0.7);position:fixed;top:50%;left:0;margin-left:0px;margin-top:-25%;z-index:999;}
}
@media (max-width:768px) and (min-width:414px){
  #banner{width:100%;height:auto}
  .content-box{top: 130px;}
  .title-1,.title-2,.title-3{display: none;}
  .btn-video{display: inline-block;}
  #videoBox{width:100%;height:auto !important;background-color:rgba(0,0,0,0.7);position:fixed;top:50%;left:0;margin-left:0px;margin-top:-25%;z-index:999;}
}
@media (max-width:414px) and (min-width:320px) {
  #banner{width:100%;height:auto}
  .content-box{top: 95px;}
  .title-1,.title-2,.title-3{display: none;}
  .btn-video{display: inline-block;}
  #videoBox{width:100%;height:auto !important;background-color:rgba(0,0,0,0.7);position:fixed;top:50%;left:0;margin-left:0px;margin-top:-25%;z-index:999;}

}
@media (max-width:414px){
  .news-module{overflow:hidden;width:100%;background-color:#f8f8f8;padding: 50px 0;}
  .middle{
    padding: 60px 0;
    background: url("../../images/middle_banner2.jpg") no-repeat center;
    background-attachment: fixed;
    background-size: cover;
  }
  .hw1_multi_img .border-t{border-top: 1px solid transparent; }
  .hw1_multi_img .border-b{border-bottom: 1px solid transparent; }
  .hw1_multi_img .border-l{border-left: 1px solid transparent; }
  .hw1_multi_img .border-r{border-right: 1px solid transparent; }
  .blue-box{width: 100%; height: 300px; background:url("../../images/index/bist.png") no-repeat; background-size: 100% 100%; color: #ffffff; padding: 35px; position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -425px;}
  .blue-box .box-content{width: 100%;}
}
@media (max-width:320px){
  #banner{width:100%;height:auto}
  .middle-btn{margin-bottom: 15px; }
  .content-box{top: 90px;}
  .title-1,.title-2,.title-3{display: none;}
  .btn-video{display: inline-block;}
  #videoBox{width:100%;height:auto !important;background-color:rgba(0,0,0,0.7);position:fixed;top:50%;left:0;margin-left:0px;margin-top:-25%;z-index:999;}

}