body{background-image: url("../images/aboutBanner.jpg"); background-attachment: fixed;background-repeat:no-repeat;}
.bottom{margin-top: 90px;}
.main {min-height: 1000px}
.main .mainTit{padding-top: 160px;text-align: center;color: #fff}
.mainTit h2{font-size: 30px;font-weight: normal}
.mainTit .en{font-size: 40px;}
.main .tabItem{width: 1466px;margin: 68px 0; margin-left: -67px;overflow: hidden;}
.main .tabItem .item{width: 300px;height: 150px;margin-left: 66px;float: left;position: relative;transition: all .5s;overflow: hidden;}
.main .tabItem .item img{width: 100%;height: 100%;display: block;transition: all .5s;}
.main .tabItem .item .word{display: block;position: absolute;transition: all .5s; color: #fff;line-height: 150px; font-size: 20px; top: 0;left: 0;right: 0;bottom: 0;background: rgba(51, 51, 51, .7);text-align: center;}
.main .tabItem .item:hover .word{background: rgba(51, 51, 51, 0);font-weight: bold;}
.main .tabItem .item:hover img{transform: scale(1.2,1.2)}
.main .tabItem .item.active .word{background: rgba(51, 51, 51, 0);font-weight: bold;}
.main .tabItem .item.active img{transform: scale(1.2,1.2)}

/* 球会概况 */
.survey{overflow: hidden;}
.survey .leftWord{color: #fff;background: rgba(0, 0, 0, .6);float: left; word-break:break-all; text-indent: 32px;font-size: 16px;width: 635px;height: 400px; padding: 30px;}
.survey .leftWord h3{text-align: center;margin-bottom: 12px;line-height: 24px;}
.survey .leftWord.scroll{overflow-y: scroll}
.leftWord::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.leftWord::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.6);
     background: #333;
}
.leftWord::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 10px;
   
    background: #fff;
}
.survey .rightImg{float: left;width: 700px;height:460px ;}
.survey .rightImg img{width: 100%;height: 100%;display: block}
/* 球会风采 */
.appearance{background: #fff}
.appearance .topBig{width: 1400px;height: 700px;}
.appearance .topBig .swiper-slide img{width: 1400px;height: 700px;display: block}
.appearance .bottomSmall{width: 1400px;height: 141px;background: #333;}
.appearance .bottomSmall .swiper-slide{width: 280px;height: 141px;}
.appearance .bottomSmall .swiper-slide::after{content: "";position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);top: 0;left: 0;}
.appearance .bottomSmall .swiper-slide img{width: 280px;height: 141px;z-index: -1;}
.appearance .bottomSmall .swiper-slide-active::after{background: rgba(0,0,0,0)}
.appearance .swiper-button-next{background-image: url(../images/nextdemo.png)!important;transition: all .5s; width: 42px!important;height: 80px!important;-webkit-background-size: 42px 80px!important;
    background-size: 42px 80px!important;}
.appearance .swiper-button-prev{background-image: url(../images/prvedemo.png)!important;transition: all .5s; width: 42px!important;height: 80px!important;-webkit-background-size: 42px 80px!important;
    background-size: 42px 80px!important;}
.appearance .swiper-button-next:hover{background-image: url(../images/next.png)!important;}
.appearance .swiper-button-prev:hover{background-image: url(../images/prev.png)!important;}
/* 球道攻略 */
.strategy .numBox{width: 1300px;padding-right: 100px;background: #fff;}
.strategy .topsmall{width: 100%;height: 80px;overflow: hidden;padding-right: 100px;}
.strategy .topsmall .swiper-slide{height: 80px;display: block;text-align: center;font-size: 14px;color: #333;line-height: 80px;cursor: pointer;}
.strategy .topsmall .swiper-slide img{width: 280px;height: 141px;z-index: -1;}
.strategy .topsmall .swiper-wrapper{width: 1300px;}
.strategy .topsmall .swiper-slide-active{color: #014828; font-weight: bold;font-size: 16px;}
.strategy  .swiper-button-next{right:10px!important;}
.strategy .swiper-button-prev{left: 0px!important}
.strategy .funcBox{background: #fff;width: 100px;height: 80px;position: absolute;right: 0;top: 0;z-index: 100;}
.strategy .bottomBig{margin-top:30px;width: 1400px;height: 812px;background: #e7e7e7;}
.strategy .bottomBig .leftImg{float: left;width: 700px;}
.strategy .bottomBig .word{width: 620px;float: left;padding: 200px 40px 0;font-size: 16px;line-height: 28px;
    vertical-align:middle;}
/* 高尔夫学院 */
.school{width: 100%;height: auto;overflow: hidden;}
.school li{float: left;width: 700px;height: 620px;}
.school li.demo{height: 514px;position: relative;overflow: hidden;}
.school li.demo img{width: 100%;height: 100%;display: block}
.school li.item{width:650px;padding:20px 25px;background: #fff;}
.school li.demo1 .word{position: absolute;bottom: -130px;transition: all .8s; font-size: 16px;color: #fff;left: 0;background: rgba(0, 0, 0, .7);padding: 15px 25px;}
.school li.item img{width: 100%;height: 435px;}
.school li.demo1:hover .word{bottom: 0;}
.school li.item h2{color: #333;font-size: 16px;padding: 10px;height: 27px;}
.school li.item h2 span{font-size: 18px;}
.school li.item p{padding: 5px;width: 630px;font-size: 16px; }
.school li.item div{font-size: 16px;font-weight: 600;height: 24px;}
.school li.last{color: #014828;text-align: center;font-weight: bold}
.school li.last h3{font-size: 16px;padding: 10px;height: 27px;}
.school li.last p{height:30px;}
@media screen and (max-width: 1400px) { 
    .main .tabItem{width: 1230px;margin-left: -31px;}
    .main{width: 1200px;}
    .main .tabItem .item{width: 277px;height: 150px;margin-left: 30px;}




    .survey .leftWord{width: 540px;}
    .survey .rightImg{width: 600px;}
    .appearance .topBig{width: 1200px;height: 600px;}
    .appearance .topBig .swiper-slide img{width: 1200px;height: 600px;display: block}
    .appearance .bottomSmall{width: 1200px;height: 120px;}
    .appearance .bottomSmall .swiper-slide{height: 120px;width: 240px;}
    .appearance .bottomSmall .swiper-slide img{height: 120px;width: 240px;}
    .strategy .numBox{width: 1100px;}
    .strategy .bottomBig{width: 1200px;height: 697px;}
    .strategy .bottomBig .leftImg{width:600px;height: 697px; }
    .strategy .bottomBig .leftImg img{width:100%;height: 100%;}
    .strategy .bottomBig .word{width: 520px;}
}