.banner{width:100%;height:685px;position:relative;overflow:hidden}

.banner img{position:absolute;left:50%;top:0;margin-left:-960px}

.banner .bannerText{position:absolute;width:585px;height:260px;right:50%;top:145px;color:#fff}

.bannerText h3{font-size:52px;line-height:80px}

.bannerText p{font-size:24px;line-height:44px;color:rgba(255,255,255,.8)}

.bannerText a{position:absolute;bottom:10px;left:15px;width:160px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:20px;background:#0dcce8;border-radius:5px}

.feature{width:100%;height: auto;background:#fff;position:relative;}

.feature h3{font-size:30px;color:#333;width:100%;text-align:center;position:absolute;top:80px}

.feature ul{width: 1200px;height: auto;padding-top: 195px;padding-bottom: 50px;display:flex;flex-wrap:wrap;justify-content: space-around;margin: 0 auto;}

.feature ul li{width:230px;margin:0 35px}

.feature ul li span{display:inline-block;text-align:center;font-size:18px;color:#333;width:100%;padding-top:25px}

.show{width:100%;height:920px;background:#fafafa;position:relative}

.show h3{font-size:30px;color:#333;width:100%;text-align:center;position:absolute;top:80px}

.show .video{width:100%;height:645px;background:url(../img/tuiBgCom.png) no-repeat center;position:absolute;top:180px}

.video img{position:absolute;top:141.8px;left:50%;margin-left:-326px;width:635px;transition:ease .8s}

.video img:hover{width:920px;top:24px;margin-left:-462px;border:1px solid #333;box-shadow:0 0 10px #333}

.reason{width:100%;height: auto;overflow:hidden;position:relative;}

.reason h3{font-size:30px;color:#333;width:100%;text-align:center;position:absolute;top:80px}

.reason ul{width:100%;height:auto;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;padding-top: 176px;padding-bottom: 96px;}

.reason ul li{width:215px;height:100%;margin:0 16px;text-align:center;}

.reason ul li img{margin:0 auto}

.reason ul li h4{font-size:18px;color:#333;line-height:36px;margin-bottom:20px}

.reason ul li p{font-size:14px;line-height:24px;color:#888;text-align:left}

 



 @media screen and (min-width:750px) and (max-width:1226px){

   .banner .bannerText {right:40%;}

   .feature ul {width:100%; justify-content: space-around;}

   .feature ul li {margin:0;}

   .show .video {background-size: 84% auto;}

   .video img {    top: 169px;

    margin-left: -275px;

    width: 539px;    transition: ease .8s;}

    .reason ul li{margin:0 40px;     margin-bottom: 40px;}



}