@charset "utf-8";
/***通用***/
* {
    margin: 0;
    padding: 0;
    outline:none;
    font-family: "SourceHanSansCN-Normal";
    /*"Microsoft YaHei","Arial","STXihei";*/
}
/**字体**/
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('/font/SourceHanSansCN-Normal.eot');
    src:
        url('/font/SourceHanSansCN-Normal.eot?#font-spider') format('embedded-opentype'),
        url('/font/SourceHanSansCN-Normal.woff2') format('woff2'),
        url('/font/SourceHanSansCN-Normal.woff') format('woff'),
        url('/font/SourceHanSansCN-Normal.ttf') format('truetype'),
        url('/font/SourceHanSansCN-Normal.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    width: 100%;
    height: 100%;
}
body {
    min-width: 1200px;
    position: relative;
    height: 100%;

    /*background-color: #f3f3f3;*/
}

li {
    list-style: none;
    font-family: "PingFangMedium";
}
input {border:none;}
.lf   {float:left;}
.rt  {float:right;}
.clear  {clear:both;}
.hide{display: none;};
/*.show{display:block};*/
a {text-decoration: none;color:#000;}

/***头羽毛球详情****/
.headerBg{
    background-color: #fafafa;
}
.header{
    background-color: #fafafa;
    line-height: 50px;
    width: 1180px;
    height: 50px;
    margin: 0 auto;
}
.header .logo {
    height: 50px;;
    display: inline-block;
    /*margin-left: 15%;*/
}
.header .logo:hover{
    cursor: pointer;
}
.header .logo  img {
    vertical-align: middle;
}
.header .nav {
    /*width: 490px;*/
    float: right;
    /*display: inline-block;*/
    /*margin-right: 10%;*/
}
.header .nav>li {
    font-size: 16px;
    float: left;
    color: #868686;
    /*padding-left: 4%;*/
    cursor: pointer;
    width: 20%;
    text-align: center;
}
.header .nav li a{
    height: 100%;
    font-size: 16px;
    color: #666;
    display: inline-block;
    padding:0 20px;
}
.header .nav li a.colorddd{
    color:#ddd;
}
.header ul li a:hover {
    color: #132237;
    text-decoration: none;
}
.header ul li a:active {
    color: #02c4b5;
    text-decoration: none;
}
/*.header ul li.active>a{
        color: #02c4b5;
}
*/

/**弹层***/
.header>div .nav>li.logoNav {
    position: relative;
}
.header>div .nav>li.logoNav:hover>.modal {
    display: block;
}
.toTop {
    z-index: 999;
    color: #000;
}
.toTop:hover{
    cursor: pointer;
}

.modal {
    width: 182px;
    height: 160px;
    border: 1px solid #f3f3f3;
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    top: 50px;
    z-index: 99;
    display: none;
}
.modal  li {
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 8px;
}
.toTop {
    width: 60px;
    height: 60px;
    background: url(/images/V3/icon.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 99;
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: auto;
}
.header>div .nav>li .modal>li>a {
    font-size: 14px;
}
/***轮播***/
.swiper {
    width: 100%;
    position: relative;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    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;
}
.swiper-container.index .swiper-slide img{
    width: 100%;
}
.swiper-pagination-bullet{
    color: rgba(255,255,255,.5);
    border-radius: 0;
    height:3px;
    width:50px;
}
.swiper-pagination-bullet-active {
    background-color: #fff!important;
    border-radius: 0;
    height:3px;
    width:50px;
}
.swiper-wrapper{
    transition-timing-function: linear,ease-out;
}
.swiper-container-horizontal>.swiper-pagination-progress {
    top:auto;
    bottom: 0 !important;
}
/***小图连接***/
.smImg {
    width: 100%;
    margin-top: 10px;
}
.smImg a {
    width: 33%;
    /*height: 350px;*/
    display: inline-block;
    margin-right: 0.5%;
    position: relative;
}
.smImg a:first-child {
    float: left;
}
.smImg a:last-child {
    margin: 0;
    float: right;
}
.smImg a img {
    width: 100%;
    height: 100%;
}
.smImg a span {
    font-size: 30px;
    color: #fff;
    text-align: left;
    z-index: 10;
    position: absolute;
    bottom: 34px;
    left: 34px;
    margin: auto;
}
.text {
    width: 100%;
    height: 264px;
    overflow: hidden;
}
.text div {
    font-size: 40px;
    color: #3d3d3d;
    text-align: center;
    letter-spacing: 20px;
    margin-top: 80px;
}
.text span {
    font-size: 20px;
    letter-spacing: 10px;
    text-align: center;
    display: block;
}
/***底部****/
.footer {
    width: 100%;
    height: 325px;
    background-color: rgb(19,34,55);
}
.footer .center {
    width: 1180px;
    margin: 0 auto;
}
.footer .left {
    width: 100%;
    display: inline-block;
}
.footerLogo img {
    height: 30px;
    margin: 25px 0 38px 0; 
}
.footer .list {
    width: 100%;
    /*margin: 10px 0 0 ;*/
}
.footer .list>li {
    float: left;
    width: 20%;
    /*margin-right: 6%;*/ 
}
.footer .list ul li a:hover{
    text-decoration: underline;
}
.footer .list>li>a {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}
.footer .list ul li a{
    color: rgba(255,255,255,.6);
    font-size: 12px;
    line-height: 12px;
}
.footer ul li a {
    color: #fff;
    font-size: 16px;
}
.footer ul li {
    /*margin-top: 6px;*/
}
.footer .right{
    width: 200px;
}
.footer .right li {
    float: left;
    margin-left: 5%;
    margin-bottom: 20px;
}
.footer .right div {

}
.nav_active {
    display: block;
}
.productIntroduce{
    height:410px;
    color:#666;
    width: 1200px;
    margin:0 auto;
}
.productIntroduce>ul>li{
    width:33.333%;
    min-height: 300px;
    float: left;
}
.productIntroduce>ul>li>div{
    width: 320px;
    height:auto;
    margin: 0 auto;
    padding-top: 40px;
}
.productIntroduce>ul>li>div>img{
    width: 100%;
}
.pTitle{
    font-size: 26px;
    padding-top: 40px;
    padding-bottom: 28px;
    color:#132237
}
.pContent{
    font-size: 18px;
}

/*homepage*/
.aboutCompanyBg{
    background-color: #fafafa;
    padding-top: 50px;
}
.aboutCompany{
    width:1305px;
    margin: 0 auto;
}
.aboutCompany li{
    float: left;
    width: 33.333%;
}
.aboutCompany li>div{
    margin: 0 auto;
    width: 410px;
}
.aboutCompany li>div:hover{
    -moz-box-sizing: border-box; /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 6px 6px 20px -3px rgba(128,128,128,.2);  
    -moz-box-shadow: 6px 6px 20px -3px rgba(128,128,128,.2);  
    box-shadow:6px 6px 20px -3px rgba(128,128,128,.2);  
}
.aboutCompany .cardBanner{
    width: 410px;
    height: 220px;
}
.aboutCompany .cardContent{
    padding-left:34px;
    background-color: #fff;
    height: 100px;
}
.cardContent h1{
    font-size: 26px;
    line-height: 25px;
    height: 25px;
    color: #132237;
    padding-top: 20px;
}
.cardContent p{
    font-size: 16px;
    line-height: 16px;
    color:#999;
    margin-top: 14px;
}
/*---------*/
.contact{
    margin-top:64px;
}
.findUs{
    font-size: 14px;
    color:#666;
    text-align: center;
}
.findUsType{
    width: 340px;
    margin: 0 auto;
    height: 45px;
    margin-top: 20px;
    padding-bottom: 40px;
}
.findUsType li{
    float:left;
    height:45px;
    width: 25%;
    text-align: center;
}
.findUsType li img{
    width: 45px;
    height:45px;
}
.footer .list>li>ul{
    margin-top: 20px;
}
.footer .qrcode{
    margin-top: 18px;
    float: left;
}
.contactUs{
    color:rgba(255,255,255,.6);
    font-size: 14px;
    width: 160px;
    float: right;
}
.copyRight{
    text-align: center;
    font-size: 12px;
    color:rgba(255,255,255,.5);
    margin-top: 50px;
}
.nav .layui-nav{
    background-color: #fafafa;
}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{
    color: #02c4b5;
}
.sNav{
    z-index: 9999;
    position: absolute;
    top: 50px;
    width: 100%;
    height:50px;
    background-color: rgba(19,34,55,.4);
    display: none;
    overflow: hidden;
}
.sNav.product ul{
    width:330px;
}
.sNav.news ul{
    width: 350px
}
.sNavBanner{
    width: 100%;
    height: 540px;
}
.sNavBanner.company{
    background: url(/images/en/company/aboutCoollang.jpg) no-repeat center;
    background-size: cover;
}
.sNavBanner.contactUsBanner{
    background: url(/images/V3/company/contactUs.jpg) no-repeat center;
    background-size: cover;
}
.sNavBanner.faqbanner{
    background: url(/images/V3/company/faq.jpg) no-repeat center;
    background-size: cover;
}
.sNavBanner.support{
    background: url(/images/en/support/HelpandSupport.jpg) no-repeat center;
    background-size: cover;
}
.sNavBar{
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
}

.sNavBar .layui-nav{
    background: none;
    margin-left: -20px;
    /*float: right;*/
}
.header .layui-nav .layui-nav-item{
    height: 50px;
    line-height: 50px;
}
.header .layui-nav-child{
    top:50px;
}
.header .layui-nav .layui-nav-more{
    top:23px;
}
.header .layui-nav .layui-nav-mored, .layui-nav-itemed .layui-nav-more{
    top:18px;
}
.header .layui-nav-bar{
    display: none;
}
.sNavBar .layui-nav-bar{
    display: none;
}
.sNavBar .layui-nav .layui-nav-item{
    height: 50px;
    line-height: 50px;
}
.sNavBar .layui-nav .layui-nav-item a{
    color: #fff;
}
.sNavBar .layui-nav .layui-nav-item a {
    color: rgba(255,255,255,.6);
}
.sNavBar .layui-nav .layui-nav-item a:hover {
    /*color: rgba(255,255,255,1);*/
    color:#02c4b5;
}
.layui-nav .layui-this:after{
    display: none;
    width:0;
}
.tContent{
    padding-top: 100px;
    padding-bottom: 150px;
}
.tContent .pDiv{
    width: 1080px;
    margin: 0 auto;
}
/*.tContent .pDiv p{
    font-size: 16px;
    color: #666;
}*/
.tContent .pDiv .p1Title{
    font-size: 34px;
    font-weight: bold;
    color: #132237;
    margin-bottom: 38px;
}
.tContent .pDiv .p2Title{
    font-size: 25px;
    font-weight: bold;
    color: #132237;
    margin-bottom: 15px;
}
.tContent .pDiv .p1Title .pSpan{
    font-size: 24px;
    color:rgba(19,34,55,.8);
}
.tContent .pDiv .p2Title .p1Span{
    font-size: 18px;
    color:rgba(19,34,55,.8);
}
.tContent .pDiv .p1Content{
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}
.p1MarginTop100{
    margin-top:70px;
}


/*contactUs*/
.contactMainDiv{
    width: 1280px;
    height: 571px;
    margin: 0 auto;
    margin-top: 54px;
    margin-bottom: 54px;
}
.contactUsMap{
    width: 522px;
    height:571px;
    background:url(/images/V3/company/map.png) no-repeat center;
    background-size: cover;
    float: left;
}
.contactTextTitle{
    font-size: 30px;
    margin-bottom: 30px;
    margin-top: 40px;
}
.contactUsText{
    margin-left: 50px;
    width:-moz-calc(1280px - 572px); 
    width:-webkit-calc(1280px - 572px); 
    width:calc(1280px - 572px);
    float: left;
}
.contactTextL{
    float: left;
}
.contactTextR{
    margin-left: 125px;
    float: left;
}
.contactPTitle{
    font-size: 24px;
    color:#666;
    margin-bottom: 20px;
}
.contactPContent{
    font-size: 16px;
    color:#666;
    margin-bottom: 12px;
}

/**mediaCenter**/
.mediaContent{
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 115px;
    width: 1280px;
    min-height: 912px;

}
.mediaContent li{
    width: 33.3333%;
    float: left;
    margin-bottom: 41.666px;
}
.mediaContent li>div{
    width: 385px;
    height: 435px;
    margin: 0 auto;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box; /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 6px 6px 20px -3px rgba(128,128,128,.2);  
    -moz-box-shadow: 6px 6px 20px -3px rgba(128,128,128,.2);  
    box-shadow:6px 6px 20px -3px rgba(128,128,128,.2);    
}
.mediaContent li>div:hover{
    transition: box-shadow .2s;
    -webkit-box-shadow: 5px 4px 15px 0px rgba(128,128,128,.5);  
    -moz-box-shadow: 5px 4px 15px 0px rgba(128,128,128,.5);  
    box-shadow: 5px 4px 15px 0px rgba(128,128,128,.5);  
}
.mediaContent li>div>div{
    width: 100%;
    height: 100%; 
}
.mediaContent li>div>div>img{
    width: 355px;
    height:240px;
    border: 0;
}
.mediaContent li>div>div .title{
    font-size: 18px;
    color: #132237;
    margin-top: 22px;
    margin-bottom: 14px;
    height: 50px;
}
.mediaContent li>div>div .describe{
    font-size: 16px;
    color: #666666;
}

.sNavBanner.mediaCenter{
    background: url(/images/V3/mediaCenter/mediaCenter.jpg) no-repeat center;
    background-size: cover;
}

.sNavBanner.newsCenter{
    background: url(/images/en/newsCenter/NewsCenter.jpg) no-repeat center;
    background-size: cover;
}
.mediaContentBg{
    background-color: #fafafa;
}

/*video*/
.sNavBanner.videos{
    background: url(/images/en/video/video.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.playBtn{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background:url(/images/V3/mediaCenter/play.png) no-repeat center;
    background-size: cover;
    width:80px;
    height:80px;
    border: 0;
}
.videoDiv{
    width: 1280px;
    margin: 0 auto;
    margin-top: 78px;
    margin-bottom: 56px;
}
.official_li_img.imgHover{
    filter: none; /* FireFox, Chrome, Opera */
    -webkit-filter: none;
    -moz-filter:none;
    -ms-filter: none;
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);
}
.videoDiv li{
    float: left;
}
.official{
    margin-bottom: 50px;
}
.official li{
    /*height:349px;*/
    width: 33.333333%;
    position: relative;
}
.badmintonVideo li{
    /*height:349px;*/
    width: 33.333%;
    position: relative;
}
.badmintonVideo li .playBtn{
    top: 74px;
}
/*.official li .playBtn{
    top: 134px;
}*/
#topVideo{
    top:0;
    bottom:0;
}
.imgDiv{
    width:634px;
    height:349px;
    overflow: hidden;
}
.official_li_img{
    filter: url(blur.svg#blur);
    -webkit-filter: blur(2px); 
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);    
    filter: blur(2px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false);
    transition:filter .3s;
}
.official_li_img_rectangle{
    width: 638px;
    height: 353px;
    margin: -2px;
}
.badmintonVideo li .title{
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 50px;
}
.official li .title{
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
}
.badmintonVideoDiv{
    width: 416px;
    height:229px;
    overflow: hidden;
    margin: 0 auto; 
}
.badmintonVideoImg{
    width: 420px;
    height:233px;
    margin:-2px;
}
.badmintonVideo h1{
    font-size: 30px;
    color:#132237;
    margin-bottom: 30px;
}
/**
businessSupport
**/
.sNavBanner.businessSupport{
    background: url(/images/V3/businessSupport/businessSupport.jpg) no-repeat center;
    background-size: cover;
}
.bsContent{
    margin: 0 auto;
    width: 100%;
}
.bsContent .title{
    margin-top: 70px;
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    color: #132237;

}
.bsContent .describe{
    margin-bottom: 35px;
    font-size: 16px;
    text-align: center;
    color: #666;
    line-height: 25px;
}
.bsContent .rectangleDiv{
    height: 340px;
    margin: 0 auto;
    margin-bottom: 65px;
    width: 1280px;
}
.bsContent .rectangleDiv>div{
    height:340px;
    width: 620px;
    position: relative;
}
.bsContent .rectangleDiv>div.img1{
    background:url(/images/V3/businessSupport/archery.png) no-repeat center;
    background-size: cover;
}
.bsContent .rectangleDiv>div.img2{
    background:url(/images/V3/businessSupport/run.jpg) no-repeat center;
    background-size: cover;
}
.bsContent .rectangleDiv .left{
    float: left;
}
.bsContent .rectangleDiv .right{
    float: right;
}
.archeryDiv,.smartUnderware{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: rgba(19,34,55,.4);
}
.archeryDiv>div,.smartUnderware>div{
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    padding-left: 20px;
}
.rectangleDiv .p1{
    font-size: 26px;
    color: #fff;
}
.rectangleDiv .p2{
    font-size: 18px;
    color: rgba(255,255,255,.8);
}
.circleDiv{
    width: 1280px;
    height: 450px;
    margin: 0 auto;
}
.circleDiv li{
    width: 33.333%;
    height: 450px;
    float: left;
}
.circleDiv li>div{
    width: 275px;
    margin: 0 auto;
}
.circleDiv li>div>img{
    width: 275px;
    height: 275px;
    -moz-border-radius: 137.5px;
    -webkit-border-radius: 137.5px;
    border-radius: 137.5px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.circleDiv li>div>.circleTitle{
    font-size: 26px;
    color:#132237;
    margin-bottom: 50px;
    text-align: center;
}
.circleBg{
    background-color: #fafafa;
    width: 100%;
}
.businessBottomtitle{
    margin-top: 75px;
    margin-bottom: 25px;
    font-size: 34px;
    font-weight: bold;
    color: #132237;
    text-align: center;
}
.businessBottomdescribe{
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-bottom: 75px;
    line-height: 25px;
}

/*faq*/
.fContent{
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 55px;
    width: 1080px;
}
.fContent p{
    font-size: 16px;
    color: #666;
}
.fContent h1{
    font-size: 34px;
    color: #132237;
    margin-bottom: 38px;
}
.fContent h2{
    font-size: 25px;
    color: #132237;
    margin-bottom: 15px;
}
.fContent section{
    margin-bottom: 30px;
}
.fContent .pA{
    margin-bottom: 30px;
}
.warningDiv {
    background-color: #fafafa;
}
.warningDiv div{
    width: 1080px;
    margin: 0 auto;
}
.warningDiv h1{
    text-align: center;
    font-size: 25px;
    color:#132237;
    margin-bottom: 16px;
    padding-top: 65px;
}
.warningDiv p{
    font-size: 16px;
    color: #666;
    padding-bottom: 70px;
}
.appDownloadImgDiv{
    width:100%;
}
.appDownloadImgDiv div{
    position: relative;
}
.appDownloadImgDiv img{
    width: 1280px;
    margin: 0 auto;
    display: block
}
.bgColorfafafa{
    background-color: #fafafa;
}
.badmintonDownloadAndroid{
    display: block;
    width: 242px;
    height: 62px;
    position: absolute;
    top: 330px;
    left: 223px;
}
.badmintonDownloadIOS{
    display: block;
    width: 242px;
    height: 62px;
    position: absolute;
    top: 403px;
    left: 223px;
}
.tennisDownloadAndroid{
    display: block;
    width: 242px;
    height: 62px;
    position: absolute;
    top: 343px;
    left: 772px;
}
.tennisDownloadIOS{
    display: block;
    width: 242px;
    height: 62px;
    position: absolute;
    top: 418px;
    left: 772px;
}
.baseballDownloadAndroid{
    display: block;
    width: 242px;
    height: 62px;
    position: absolute;
    top: 344px;
    left: 278px;
}
.baseballDownloadIOS{
    display: block;
    width: 242px;
    height: 62px;
    position: absolute;
    top: 417px;
    left: 278px;
}
.tNavDiv{
    width:100%;
    background-color: #fafafa;
}
.layui-tab{
    margin: 0 auto;
}
.layui-tab-title{
    height: 50px;
    background-color: #fafafa;
    width: 1180px;
    margin: 0 auto;
    border-bottom: none;
}
.layui-tab-title li{
    font-size: 20px;
    height:50px;
    line-height: 50px;
    color: #999;
}
.layui-tab-title li:last-child:after{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 0;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    pointer-events: none;
    border:none;
    border-right: 1px solid #ccc;
    border-radius: 0;
    margin: auto;
}
.layui-tab-title li:after{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 18px;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    pointer-events: none;
    border:none;
    border-right: 1px solid #ccc;
    border-radius: 0;
    margin: auto;
}
.layui-tab-title .layui-this{
    color:#666;
}
.layui-tab-title .layui-this:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 18px;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    pointer-events: none;
    border:none;
    border-right: 1px solid #ccc;
    border-radius: 0;
    margin: auto;
}
.layui-tab-content{
    width:1180px;
    margin: 0 auto;
}
.comInt,.joinUsPicUl {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 100px;
    height:160px;
}
.comInt li{
    float:left;
    width:25%;
}
.joinUsPicUl li{
    float: left;
    width:33.333333%;
}
.layui-tab-content.aboutCoollang{
    margin-bottom: 50px;
}
.layui-tab-content.aboutCoollang h1{
    text-align:center;font-size: 36px;color:#666;margin-top: 50px;margin-bottom: 50px;
}
.layui-tab-content.aboutCoollang p{
    font-size:18px;color:#666;
}
.layui-tab-content.aboutCoollang hr{
    margin-bottom: 50px;
    margin-top: 12px;
}
.layui-tab-content.aboutCoollang .newsImg{
    width: 100%;
    margin-bottom: 40px;
}
.layui-tab-content.aboutCoollang .newsImg>img{
    width: 100%;
}


.layui-tab-content.newsCenter{
    margin-bottom: 50px;
}
.layui-tab-content.newsCenter h1{
    text-align:left;font-size: 30px;color:#666;margin-top: 50px;margin-bottom: 50px;
}
.layui-tab-content.newsCenter p{
    font-size:18px;color:#666;margin-bottom: 70px;
}
.layui-tab-content.newsCenter hr{
    margin-bottom: 50px;
    margin-top: 12px;
}
.layui-tab-content.newsCenter .newsImg{
    width: 100%;
    margin-bottom: 40px;
}
.layui-tab-content.newsCenter .newsImg>img{
    width: 100%;
}
.layui-tab-content.newsCenter .closeCard{
    width:100%;
    text-align: right;
}
.layui-tab-content.newsCenter .closeCard a{
    font-size: 30px;
    color:#666;
}
.layui-tab-content.newsCenter .contentCard{
    display: none;
}


.layui-tab-content.support{
    margin-bottom: 50px;
}
.layui-tab-content.support h1{
    text-align:center;font-size: 36px;color:#666;margin-top: 50px;margin-bottom: 50px;
}
.cUsDiv li{
    float: left;
}
.cUsDiv .left{
    width:50%;
}
.cUsDiv .right{

}
.cUsDiv .top{
    margin-bottom: 37px;
}
.cUsDiv .bottom{
    margin-bottom: 100px;
}
.cUsDiv.contactUsContent .title{
    font-size: 22px;
    color:#666;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 16px;
}
.cUsDiv.contactUsContent .describe{
    font-size: 18px;
    color:#666;
    line-height: 1;
    margin-bottom: 40px
}
.cUsDiv.contactUsContent .map{
    width:100%;
}
.cUsDiv .contactType{
    margin-left: 36px;
}
.cUsDiv.disclaimer p,.cUsDiv.faq p,.cUsDiv.refundExchange p{
    font-size: 18px;
    margin-bottom: 12px;
    color: #666;
}
.cUsDiv.disclaimer p.content{
    margin-bottom: 50px;
}
.cUsDiv.disclaimer .title,.cUsDiv.faq .title,.cUsDiv.refundExchange .title{
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    color:#666;
    margin-bottom: 16px;
    display: inline-block;
}
.cUsDiv.disclaimer .title1{
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    color:#666;
    margin-bottom: 16px;
    display: inline-block;
}
.marginBottom50{
    margin-bottom: 50px;
}
.cUsDiv.manual p{
    font-size: 18px;
    color:#666;
}
.cUsDiv.manual .download{
    width: 420px;
    margin: 0 auto;
    text-align: center;
}
.cUsDiv.manual .download a{
    display: inline-block;
}
.cUsDiv.manual .download a:hover{
    /*transition: all .2s;*/
    box-shadow: 3px 3px 10px 1px;
}
.cUsDiv.manual .download a{
    margin-bottom: 45px;
}
.distributorsDiv{
    color:#666;
    font-size: 18px;
}

/**solution*/
.solu {
    width: 100%;
    height: 100%;
}
.movie {
    width: 100%;
    height: 540px;
    background-color: #000;
    overflow: hidden;
    position: relative;
}
.solu .bigImg{
    width: 100%;
}
.black {
    width: 100%;
    height:600px;
    background-color: #000;
}
#videosouce {
    height:100%;
}
#play {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    background: url(/images/en/play.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    z-index: 9999;
}
.solution {
    width: 80%;
    margin: 40px auto 80px;
}
.solution p,.solution div {
    font-size: 22px;
    text-align: center;
    color: #666;
}
.solution div {
    margin: 40px 0 0;
}
.soluImg {
    width: 100%;
    margin-top: 40px;
    display: block;
    overflow: hidden;
}
.soluImg li {
    width: 31%;
    margin-right: 2%;
    float: left;
    cursor: pointer;
}
.soluImg li img {
    width: 100%;
}

.sNavBanner.shop{
    background-color: #f7f8fa;
}
.sNavBanner.shop .shopBanner{
    width:1065px;
    height:540px;
    margin: 0 auto;
    background:url(/images/en/shop/shopBanner.jpg) no-repeat center;
    background-size: cover;
}
.shopDiv{
    width:1180px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 200px; 
}
.shopDiv ul{
    overflow: hidden;
    border: 0px solid #ddd;
}
.shopDiv li{
    width: 390px;
    height: 498px;
    float: left;
    border: 1px solid #ddd;
}
.shopDiv li:hover{
    background: url(/images/en/shop/shadow.png) no-repeat center;
    background-size: cover;
    transition: all .3s;
}
.shopDiv .picDiv{
    width:100%;
}
.shopDiv .picDiv img{
    width:100%;
}
.shopDiv .buyBtn{
    display: block;
    border:1px solid #888;
    color:#666;
    width: 100px;
    height:24px;
    text-align: center;
    margin: 0 auto;
    line-height: 24px;
}
.shopDiv .buyBtn:hover{
    background-color: #ccc;
    color:#fff;
    border: 1px solid #ccc;
}
.shopDiv .describeDiv{
    font-size: 20px;
    color: #888;
    text-align: center;
    margin-bottom: 20px;
}
.shopDiv .describeDiv p{
    margin-bottom: 10px;
}
.mgBt20{
    margin-bottom: 20px;
}
.mgBt10{
    margin-bottom: 10px;
}
.TopBuyBtn{
    border: 2px solid #888;
    position: absolute;
    top: 350px;
    width: 154px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 28px;
    color: #888;
}
.TopBuyBtn:hover{
    border: 1px solid #888;
    background-color: #888;
    color:#fff;
}