body{background-color:#f6f6f6}
.header{background: rgba(242, 242, 242, .85)}
.header ul li a{color: #333;}
.header ul li a{color: #333;}
.footer{background:#eee}
.banner{height:352px}
.main{height:960px}
.main .links{height:110px;line-height:110px}
.main .links a{display:inline-block;height:16px;line-height:16px;font-size:16px;color:#fff;padding:0 27px;border-right:2px solid #fff;vertical-align:middle}
.main .links a:hover{color:#009da1}
.main .links a.on{color:#009da1}
.main .links a:last-child{border:none}
.main .product{height:770px}
.swiper-container{width:100%;height:100%;color: #fff}
.main .product .pics{width: 647px;height: 100%;}
.main .product .info{width: 553px;height: 100%;background: #009da1;padding: 36px 45px 0;box-sizing: border-box;position: relative}
.main .product .pics img.pc{width: 647px;height: 100%;display: block;}
.main .product .pics img.phone{display: none}
.main .product .info img{display: block;width: 205px;height: auto;;}
.main .product .info .specifications{height: 580px;overflow-y: auto;margin-top: 30px}

.main .product .info .specifications::-webkit-scrollbar{width:10px;margin-right:2px}
.main .product .info .specifications::-webkit-scrollbar-button{width:10px;background-color:#20bfcd;display:none}
.main .product .info .specifications::-webkit-scrollbar:horizontal{height:10px;margin-bottom:2px}
.main .product .info .specifications::-webkit-scrollbar-track{border-radius:10px}
.main .product .info .specifications::-webkit-scrollbar-track-piece{background-color:#017e8c;border-radius:10px}
.main .product .info .specifications::-webkit-scrollbar-thumb{width:10px;border-radius:5px;background:#20bfcd}
.main .product .info .specifications::-webkit-scrollbar-corner{width:10px;background-color:#017e8c;display:none}
.main .product .info .specifications::-webkit-scrollbar-thumb:hover{background:#1bcede}

.main .product .info .specifications p{font-size: 16px;color: #fff;line-height: 200%;margin-bottom:20px;}
.main .swiper-button-next,.main .swiper-button-prev{width: 42px;height: 42px;top: 87%}
.main .swiper-button-next{background: url(../image/industry-btn-r.png) no-repeat center;right: 417px;}
.main .swiper-button-prev{background: url(../image/industry-btn-l.png) no-repeat center;left: 694px;}

.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;}
.main .product .pics a{display: block;position: relative;height: 770px;}
.playVideo{background: url(../image/videovbtn.png) no-repeat;left: 50%;top: 50%;margin: -33px 0 0 -33px;position: absolute;width: 66px;height: 66px;}
.ckxq{display: block;color: #fff;position: absolute;bottom: 40px;right: 75px;}




@media only screen and (max-width: 640px){
  body{background: #fff}
  .banner{height: 150px;background-size: cover !important}
  .ckxq{position: static;margin-top: 15px;}
  .main{background: none !important;height: auto;margin-bottom: 10px}
  .main .links{height: 70px;line-height: 70px;}
  .main .links a{border-color: #ccc;font-size: 18px;height: 20px;padding: 0 30px;line-height: 20px;color: #999}
  .main .links a:first-child{padding: 0 30px 0 0}
  .main .product{height: auto}
  .main .product .pics,.main .product .info{width: 100%;float: none;}
  /*.main .product .pics{display: none}*/
  .main .product .pics a{height: auto}
  .main .product .pics img.pc{display: none}
  .main .product .pics img.phone{display: block;width: 100%;height: auto;}
  .main .product .info{padding: 20px}
  .main .product .info img{width: 130px;}
  .main .product .info .specifications{height: 430px;padding: 15px 0 30px;}
  .main .product .info .specifications p{font-size: 14px;line-height: 25px}
  .videoBj .videoDiv{width: 96%;margin: 0 auto}
  .videoBj .videoDiv video{height: auto;margin-top: 150px;width: 100%}
}