body{background-color: #f6f6f6}
.banner{height:auto}
.swiper-container{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;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 .inner{position: relative;height: 0;}
.banner .swiper-slide a,.banner .swiper-slide a img{display: block;width: 100%;height: 100%;background-size: cover}
/*.banner .swiper-pagination{font-size: 28px;color: #fff;text-align: left;bottom: 40px;padding-left: 40px;box-sizing: border-box;width: auto;left: 400px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 14px;height: 27px;bottom: 43px;top: initial}
.banner .swiper-button-next{background: url(../images/banner_right.png) no-repeat center;left: 528px;right: initial;background-size: cover}
.banner .swiper-button-prev{background: url(../images/banner_left.png) no-repeat center;left: 400px;background-size: cover}
.banner .banner_line{width: 365px;position: absolute;left: 0;bottom: 54px;height: 3px;background: #fff;z-index: 999;}
.banner .banner_line span{display: block;width: 0;height: 3px;background: #009ea1;position: absolute;left: 0;top: 0;}
.banner .banner_line i{display: block;width: 10px;height: 10px;position: absolute;border-radius: 50%;right: -10px;top: -4px;background: #fff}
*/
/*20200415*/
.banner .swiper-pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.banner .swiper-active-switch {background: #45aa9d;}
.banner .swiper-button-next1,.banner .swiper-button-prev1{}
.banner .swiper-button-next1{background: url("../image/bjt.png") no-repeat 0 0;position: absolute;left:5%;top:50%;width:25px;height:46px!important;z-index: 99999999}
.banner .swiper-button-next1:hover{background: url("../image/hjt.png") no-repeat 0 0;}
.banner .swiper-button-prev1{left: auto;background: url("../image/bjt.png") no-repeat -25px 0;position: absolute;right:5%;top:50%;width:25px;height:46px!important;z-index: 99999999;}
.banner .swiper-button-prev1:hover{background: url("../image/hjt.png") no-repeat -25px 0;}

.video .swiper-pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
.video .swiper-container_tt .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #fff;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;}
.video .swiper-container_tt .swiper-active-switch {background: #45aa9d;}


.introduce{height: 575px;border-bottom: 4px solid #c5c5c5;position: relative;background: url(../image/introduce-index-bg.jpg) no-repeat 200px center}
.introduce .info{width: 667px;}
.introduce .tab_tit{width:1245px;height: 88px;border-bottom: 3px solid #dedfe2;}
.introduce .tab_tit span{display: block;height: 88px;line-height: 88px;padding-right: 38px;float: left;margin-right: 50px;font-size: 22px;cursor: pointer;}
.introduce .tab_tit span.on{border-bottom: 3px solid #009ea1}
.introduce .tab_cont .list{display: none}
.introduce .tab_cont .list:first-child{display: block}
.introduce .tab_cont .leftView{width: 322px;padding-top: 68px}
.introduce .tab_cont .leftView img{display: block;max-width: 300px;}
.introduce .tab_cont .list .leftView h2{font-size: 50px;line-height: 54px;color: #45aa9d;font-weight: bold;text-transform: uppercase;margin-bottom: 40px}
.introduce .tab_cont .list02 .leftView .dsj_pic{display: block;width: 338px;height: 195px;}
.introduce .tab_cont .list03 .leftView .pic{display: block;max-width: 100%;max-height: 195px; float:left;}
.introduce .tab_cont .rightView{width: 310px;padding-top: 109px}
.introduce .tab_cont .rightView h2{font-size: 28px;color: #45aa9d;line-height: 83px;letter-spacing:5px}
.introduce .tab_cont .rightView h3{font-size: 16px;color: #333333;line-height: 60px;}
.introduce .tab_cont .rightView p{font-size: 14px;color: #999999;line-height: 26px;margin-bottom: 55px;height: 78px;}
.introduce .tab_cont .rightView a{letter-spacing: 3px;display: block;;font-size: 14px;color: #fff;line-height: 26px;width: 150px;height: 26px;box-sizing: border-box;padding: 0 25px 0 15px;background:#45aa9d url(../image/a_more.png) no-repeat 134px center}
.introduce .video{width: 580px;height: 312px;box-sizing: border-box; cursor: pointer; overflow:hidden; float:right; margin-top:170px; position: relative;}
.introduce .video .swiper-slide {background-size: cover !important;}
.introduce .video b{display: block;width: 4rem;height: 4rem; position: absolute;left:42%;top: 36%; z-index:9999;pointer-events:none}
.product{height: 758px;padding-top: 100px;box-sizing: border-box;border-bottom: 4px solid #c5c5c5}
.product .leftView{width: 280px;text-align: right}
.product .leftView h3{font-size: 28px;line-height: 28px;letter-spacing: 5px}
.product .leftView h4{font-size: 50px;line-height: 54px;color: #222126;font-weight: bold;margin: 20px 0}
.product .leftView img{display: block;margin: 30px 0}
.product .leftView ul li{cursor: pointer;display: inline-block;width: 220px;height: 40px;line-height: 40px;padding: 0 15px;font-size: 18px;color: #5f5f5f;box-sizing: border-box;margin-bottom: 23px}
.product .leftView ul li:hover{background: #45aa9d;color: #fff}
.product .leftView ul li.on{background: #45aa9d;color: #fff}
.product .rightView{width: 880px}
.product .rightView a{display: none}
.product .rightView a:first-child{display: block}
.product .rightView a img{width: 100%;display: block;height: 594px;}
.news{height: 670px;position: relative;}
.news img.txt_pic{display: block;width: 390px;top: 46px;left: 0;position: absolute}
.news h1{display: block;width: 390px;top: 35px;left: 0;position: absolute;font-size: 50px;color: #45aa9d;line-height: 54px;font-weight: bold}
.news h2{font-size: 28px;color: #45aa9d;letter-spacing: 5px;padding-top: 104px;padding-left: 470px}
.news .infoView{height: 430px;margin-top: 45px}
.news .infoView .swiper-slide{display: block;}
.news .infoView .text_view{height: 213px;display: block;width: 100%;padding: 0 45px;box-sizing: border-box;}h
.news .infoView .text_view a{display: block;height: 213px;}
.news .infoView .text_view h3{font-size: 16px;color: #45aa9d;text-align: center;height: 28px;padding-top: 34px;}
.news .infoView .text_view h5{font-size: 14px;color: #999999;text-align: center;height: 25px;}
.news .infoView .text_view p{font-size: 14px;color: #999999;text-align: center;line-height: 25px;}
.news .infoView .text_view span{display: block;width: 32px;height: 2px;margin: 30px auto 20px;background-color: #dfdfdf}
.news .infoView .pic_view,.news .infoView .pic_view a,.news .infoView .pic_view img{height: 215px;width: 100%;display: block;} 
.news .swiper-slide:hover .text_view{background: #45aa9d}
.news .swiper-slide:hover h3,.news .swiper-slide:hover h5,.news .swiper-slide:hover p{color: #fff;}
.news .swiper-slide:hover span{background: #95bdb8}
.news .swiper-button-next,.news .swiper-button-prev{width: 28px;height: 28px;top: 110px}
.news .swiper-button-next{background: url(../image/new-right-btn.png) no-repeat center;}
.news .swiper-button-prev{background: url(../image/new-left-btn.png) no-repeat center;}
.contact{height: 257px;background: #009ea1;padding-top: 36px;box-sizing: border-box}
.contact ul li{float: left;width: 33.3333%;height: 180px;border-right: 1px solid #45b8ba;box-sizing: border-box;padding-left: 50px}
.contact ul li:first-child{padding-left: 0}
.contact ul li:last-child{border: none}
.contact ul li h3{font-size: 26px;color: #fff;line-height: 45px;margin-bottom: 12px;}
.contact ul li p{font-size: 18px;color: #fff;line-height: 30px}
.contact ul li p strong{font-weight: normal;font-size: 22px;}
.contact ul li p span{font-size: 22px;}
.contact ul li a{font-size: 18px;color: #fff;line-height: 35px;padding-right: 35px;background: url(../image/contact_more.png) no-repeat right center;display: inline-block;margin-top: 15px}
.videoBj{display: none}
.videoBj .videoDiv{width: 70%;height:70%;text-align: center;margin:10% auto 0}
.videoBj{background: url(../image/vidbj_10.png);position: fixed;top: 0px;left: 0px;z-index: 999999;  }
.videoBj .videoDiv video{height: 100%;}
#closeVideo{position: absolute;top: 75px;right: 20px;cursor: pointer;width:24px;height:24px;}

.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
@media only screen and (max-width: 640px){
  .banner{width: 100%;height: 170px;}
  .banner .swiper-pagination{padding-left: 0;text-align: center;font-size: 16px;bottom: 10px}
  .banner .swiper-button-next, .banner .swiper-button-prev,.banner_line{display: none}
  .banner .swiper-slide a{background-size: cover !important}
  .banner .swiper-pagination{left: 0;}
  .introduce{height: auto;border-bottom: 2px solid #c5c5c5;padding-bottom: 20px}
  .introduce .video{width: 100%;height: 220px; clear:both;margin-top:0; float:none; }
  .introduce .video .swiper-slide {background-size: cover !important;}

  .introduce .info{width: 100%;float: none; clear:both;}
  .introduce .tab_tit{width:100%; height: 40px;text-align: center}
  .introduce .tab_tit span{height: 40px;line-height: 40px;;float: none;font-size: 16px;padding-right: 0;display: inline-block;margin-right: 0}
  .introduce .tab_tit span:first-child{float: left;}
  .introduce .tab_tit span:last-child{float: right;}
  .introduce .tab_cont .leftView{display: none;height: auto;width: 100%}
  .introduce .tab_cont .leftView img{width: 100%;height: auto;}
  .introduce .tab_cont .rightView{padding: 15px 0 20px;width: 100%;box-sizing: border-box}
  .introduce .tab_cont .rightView h2{font-size: 24px;line-height: 40px}
  .introduce .tab_cont .rightView h3{line-height: 40px;}
  .introduce .tab_cont .rightView p{margin-bottom: 35px}
  .introduce .tab_cont .rightView a{width: 120px;background: #009ea1 url(../image/a_more.png) no-repeat 100px center;}
  .product{padding-top: 15px;height: auto;border-bottom: 2px solid #c5c5c5}
  .product .leftView img{display: none}
  .product .leftView{width: 100%;float: none;}
  .product .leftView h3{text-align: center;line-height: 40px;margin-bottom: 20px;font-size: 24px;}
  .product .leftView ul li{width: 33.3333%;float: left;text-align: center;height: 30px;line-height: 30px;font-size: 16px;border-radius: 40px;}
  .product .rightView{width: 100%;float: none;padding: 20px 0}
  .product .rightView a img{height: auto;}
  .news{height: auto;}
  .news h1,.product .leftView h4{display: none}
  .news h2{font-size: 24px;padding-top: 20px;padding-left: 0}
  .news .infoView{margin-top: 20px;height: auto;}
  .news .infoView .text_view{padding: 0 40px}
  /*.news .infoView .pic_view, .news .infoView .pic_view a, .news .infoView .pic_view img{height: auto;}*/
  .contact{margin-top: 10px;height: auto;padding-top: 20px}
  .contact ul li{padding-left: 5px;width: 40%;border: none;height: auto;padding-bottom: 20px}
  .contact ul li:nth-child(2){display: none}
  .contact ul li:last-child{width: 60%;}
  .contact ul li h3{font-size: 18px;line-height: 25px}
  .contact ul li p{font-size: 14px;line-height: 25px}
  .contact ul li p span{font-size: 16px}
  .contact ul li a{font-size: 14px;background: none;margin-top: 0}
  .videoBj .videoDiv{width: 100%;height:100%;text-align: center;margin: 0}
  .videoBj .videoDiv video{width: 100%;height: auto;margin-top: 60%}
  
  .product .leftView ul li{margin-bottom:10px;}
}