/***************** mobile page******************/

@media (max-width: 769px) {

    .kv-banner{height:1270px;}
    .bannerpic{
        width:100%;
        height:1270px;
    }

}
@media (max-width: 993px){

    .pc{display:none !important;}
    .mobile{display:inherit !important;  }
    html, body{height:auto;}

    .container{width:100%; padding:0 30px;}
    .navbar-header{float: none;}

    .navbar{ min-height:135px; padding:0;}
    .navbar .container{ padding:0 15px;}

    .navBarSpace{display:block; height:135px;}

    .logo{width: 300px; height:auto; padding:20px 30px 0 30px;}
    .logo img{width:100%;}
    #navbar{display: block;left: 100%; transition: all .5s;position: fixed; float: none; width: 100%; height: 100%; background: #fff; top: 135px; border-top: 1px #ccc solid; overflow-y: auto;}

    #navbar.collapse.in{
        left: 0;
    }
    .navbar_controls{display:inline-block !important;}

    .navbar_controls.in{display:none !important;}

    .navCloseBtn.in{display:inline-block;}

    .navbar-inverse .navbar-toggle .icon-bar{background: #000;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background:none;}

    .navbar-inverse .navbar-nav>li>a.tech4allLogo{width: 200px;height:40px;}

    .navbar-inverse .navbar-nav>li{ padding: 15px 0; width:100%; font-size: 30px; color:#595757;}
    .navbar-inverse .navbar-nav>li>a{display: inline-block;padding: 10px 2px;color: #595757; font-size: 40px;}
    .navbar-inverse .navbar-nav{float: none;margin: 0 auto;text-align: center;width: 600px; height:1000px;}
    .navbar-inverse .navbar-nav>li>a span{}
    /*.navbar-inverse .navbar-nav>li:last-child{padding-left:100px;}*/

    /*.navbar-inverse{background:#222;border-color: #080808;}*/
    .navbar-nav {float:none ;margin: 0; width:100%;padding-top:10%;}

    .open-navbar{height: 100vh; overflow: hidden;}

    .collapse.in+.language{ bottom: 20%;font-size: 30px; animation: fadeIn .8s .3s linear 1 forwards;}
    .collapse.in+.language a{font-size:28px; padding:30px 0;}
    .collapse.in+.language a em{display:none;}
    .collapse.in+.language .other{opacity: 1;}
    .collapse.in+.language .normal a:first-child{display:none;}
    .collapse.in+.language .normal .other a{display:block;}

    .navline{width:70px;height:2px;border-bottom: 2px #30b5c4 solid;display:inline-block;}

    .navbar-inverse .navbar-toggle{border:none; margin:30px;}

    .navbar-toggle .icon-bar{width:40px;height: 3px;margin:10px 0;}

    .navCloseBtn{}

    .navbar-inverse .navbar-collapse{
        position: absolute;
        left: 0;
        top: 0;
        width: 750px;
        background: #000;
        margin: 0;
        height: 2000px;
        max-height: 2000px;}


    /**/
    .page-footer{overflow: hidden;}
    .page-footer .top .ul-parent>li .title{
        font-size:28px;
    }
    .page-footer .top .ul-parent>li .ul-son li{
        font-size:22px;
    }
    .page-footer .bottom{font-size:22px;}
    /***************** index page******************/
    /**/
    .index-banner{display:none;}
    .page-banner-mobile{display:block;}
    .page-banner,.page-banner .bannerBg{min-width:750px;}

    .kv-banner{height:1270px;}
    .bannerpic{
        width:100%;
        height:1270px;
    }


    .maskItemText{top:70%; width:90%; text-align: center;}
    .maskItemText h4{font-size:50px; text-shadow:2px 3px 6px #000;line-height: 1.5;}
    .maskItemText h5{font-size:25px; text-shadow:2px 3px 6px #000;}
    .maskItemText h4 span,.maskItemText h5 span{color:#c7000b;}

    /**/

    .page-world{height:1450px; min-width: 750px;}
    .worldAnimation h3{font-size:38px;}
    .worldAnimation h5{font-size:28px;}
    .one{ top:120px !important; width:100%; }

    .world{top:222px; left: calc(50% - 13px); opacity: 0;}

    .wli{ top:310px; left:50%;transform: translateX(-50%); width:100%; text-align: center; opacity: 0; }

    .wwc{ top:110px !important; }

    .text1{top:160px !important;font-size:30px;}
    .text2{top:247px !important;font-size:24px; width:80%;}

    .worldPic{width:1400px;height:1400px; top:0px !important; background-size:contain;  }
    .worldLine{width:1200px;height:1200px;  top:0px;  background-size:contain;}
    .worldStyle{width:1291px;height:857px; right:2px; top:0; pointer-events:none; opacity: 0;}

    .worldVideoBox2{top:520px !important;width: 660px;height:370px;
        margin-left: -330px;}

    .worldVideoBox2 .homeVideoBox {width: 660px;height:370px;}
    .worldVideoBox,
    .worldVideoBox .container,
    .worldVideoMask{height:596px;}
    .worldVideoBox{background:url(../../Assets/images/weaim_pic2.jpg) no-repeat center;background-size: cover;}

    .wa{ margin:58px auto 0;font-size:20px; width:100px; text-align: center; }
    .th{margin:30px auto 0; text-align: center;}
    .th h3{text-shadow:none;}
    .th h5{ width:85%;margin: 0 auto; font-size:24px; text-align: center;}

    a.videoBtn{ margin:50px auto 0;border:1px #fff solid;}
    /**/

    .page-three,
    .page-three .container{height:1240px; position: relative; background:#f4f4f4;}
    .taof{top:100px !important;left:50%; width:80%; transform: translateX(-50%); margin-left:0;  text-align: center; opacity: 0;}

    .threeLiBox{height:auto;top:320px; width:720px; display:block; }
    .threeLiBox li{display:block; text-align: left; width:96%; height:285px; padding:40px 0; margin: 0 auto; border-bottom:1px #e2e2e2 solid;}
    .threeLiBox li img{margin:0 34px 0 0; float:left;}
    .threeLiBox li h5{}
    .threeLiBox li p{width:100%; font-size:22px;}
    .threeLiBox li:last-child{border:none;}

    /**/

    .page-four,
    .page-four .container{height:900px;}

    .fourAnimation h4{font-size:38px; }
    .fourAnimation h5{font-size:24px;}
    .fourAnimation h3 span,.fourAnimation h4 span{color:#c7000b; }

    .wimad{top:116px !important; }
    .fffa{ top:100px !important; width:80%; opacity: 0;}

    .fourLiBox{display:none;}
    .fourLiBoxSwiper{top: 380px;display: block;position: absolute;width: 750px;left: 0;}

    .fourLiBoxSwiper .swiper-container{overflow: initial;}
    .fourLiBoxSwiper .swiper-slide .fourimgpopup{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%); text-align: left;transition:all .5s ease;}
    .fourLiBoxSwiper .swiper-slide .fourimgpopup img{width:100%; display:block;}

    .fourLiBoxSwiper .swiper-slide .fourpopup{position: absolute; left:50%;top:50%;transform: translate(-50%,-50%); overflow: hidden; text-align: left; color:#fff;transition:all .5s ease;}
    .fourLiBoxSwiper .swiper-slide .fourpopup h5{transition:all .5s ease;}
    .fourLiBoxSwiper .swiper-slide .fourpopup p{display:none;  transition:all .5s .8s ease;}
    .fourLiBoxSwiper .swiper-slide .fourpopup a.fourMore{display:none; color:#fff;border:1px #fff solid; text-align: center; transition:all .5s 1s ease;}


    .fourLiBoxSwiper .swiper-slide{width:372px;height:372px;}
    .fourLiBoxSwiper .swiper-slide .fourimgpopup,
    .fourLiBoxSwiper .swiper-slide .fourpopup{width:372px;height:372px;}
    .fourLiBoxSwiper .swiper-slide .fourpopup h5{font-size:28px; padding:198px 0 0 80px;}
    .fourLiBoxSwiper .swiper-slide .fourpopup p{padding:0 20px 40px 20px; font-size:20px;}
    .fourLiBoxSwiper .swiper-slide .fourpopup a.fourMore{margin:0 0 0 50px;width:198px;height:48px;border-radius: 24px; font-size:18px; line-height:48px;}


    .fourLiBoxSwiper .swiper-pagination-bullets{ bottom:-50px;}

    .fourLiBoxSwiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        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;
        transition: 300ms;
        transform: scale(0.7);
    }

    .fourLiBoxSwiper .swiper-slide-active .fourpopup{ background:rgba(48,181,197,0.7); z-index: 10;}
    .fourLiBoxSwiper .swiper-slide-active .fourpopup p{display:block; }
    .fourLiBoxSwiper .swiper-slide-active .fourpopup a.fourMore{ display:none; }
    .fourLiBoxSwiper .swiper-slide-active .fourimgpopup,
    .fourLiBoxSwiper .swiper-slide-active .fourpopup{width:372px;height:372px;}
    .fourLiBoxSwiper .swiper-slide-active .fourpopup h5{font-size:40px;padding:15px 50px 10px 20px;}

    .fourLiBoxSwiper .swiper-slide-active,.fourLiBoxSwiper .swiper-slide-duplicate-active{
        transform: scale(1);
        z-index: 99;
    }
    /**/
    .lp_swiperBox, .lp_swiperBox .swiper-slide{ height: auto;}
    .lpItemPic .tag{    position: absolute;
        left: 0;
        bottom: 0;
        padding: 6px 20px;
        font-size: 20px;
        background: rgba(48,181,196,.7);
        color: #fff;
    }
    .lpMiniLi .lpItemPic .tag,
    .lp_swiperBox .lpItemText p{ font-size: 22px;}
    .lp_swiperBox a.lpMore{display:none;}
    .page-topic .item-box ul li a .desc{font-size:22px;}

    .lpMoreBtnBox a.lp-load-more, .lpMoreBtnBox a.lp-remove-more, .load-more a.js-wookmark-load-more, .load-more a.js-wookmark-remove-more{
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 40px;
    }
    .lpMoreBtnBox a.lp-load-more:after, .lpMoreBtnBox a.lp-remove-more:after, .load-more a.js-wookmark-load-more:after, .load-more a.js-wookmark-remove-more:after{
        width: 20px;
        height: 20px;
        right: 28px;
        margin-top: -10px;
    }
    .lpMoreBtnBox,
    .page-topic .item-box .load-more,
    .mk-load-more-box{height:150px;}

    .mk-load-more-box a.mk-load-more, .mk-load-more-box a.mk-remove-more{
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 40px;
    }
    .mk-load-more-box a.mk-load-more:after, .mk-load-more-box a.mk-remove-more:after{width: 20px;
        height: 20px;
        right: 28px;
        margin-top: -10px;}

    .lp_swiperBox .lpItemPic{position: relative;
        left: auto;
        top: auto;
        min-width: inherit;
        transform: translate(0,0);
        width:100%;
    }
    .lpMiniLi{width:100%;}
    .lp_swiperBox .lpItemText{    position: relative;
        right: auto;
        top: auto;
        transform: translate(0,0);
        left: auto;
        width: 100%;
        height: auto;
    }

    /**/
    .page-amazing{background:#f4f4f4;}
    .page-amazing h4{font-size:38px; }

    .atah{top:100px !important;}
    .tdm{top:100px !important;}
    .page-amazing h5{font-size:22px;}

    .page-amazing .atah h5{width:80%;margin:0 auto;}

    .photolist{margin:310px 0 0 0;}

    .photolist ul li.row2,
    .photolist ul li.col2,
    .photolist ul li{width:100%; height:284px;}

    .photolist ul li .amazingImgPopup,
    .photolist ul li.row2 .amazingImgPopup,
    .photolist ul li.col2 .amazingImgPopup{width:380px;height:240px; overflow: hidden;
        left:auto;right:5px;
    }

    .photolist ul li .amazingImgPopup img,
    .photolist ul li.row2 .amazingImgPopup img,
    .photolist ul li.col2 .amazingImgPopup img{width:100%;height:240px;}

    .photolist ul li .amazingpopup,
    .photolist ul li.row2 .amazingpopup,
    .photolist ul li.col2 .amazingpopup{ width:45%; height:240px; display:block;background:none; }

    .photolist ul li .amazingpopup{left:5px;right:auto;}
    .photolist ul li .amazingpopup h5{color:#595757;    padding: 20px 20px 0 26px;}
    .photolist ul li .amazingpopup p{color:#9FA0A0; font-size:20px; padding:16px 0 0 26px;}
    .photolist ul li .amazingpopup a.amazingMore{ color:#595757;border:1px #595757 solid;margin: 26px 0 0 26px;font-size:16px;}


    .photolist ul li:nth-child(odd) .amazingpopup h5{padding: 20px 0 0 32px;}
    .photolist ul li:nth-child(odd) .amazingpopup p{padding:16px 0 0 32px;}
    .photolist ul li:nth-child(odd) .amazingpopup a.amazingMore{ margin: 26px 0 0 32px;}

    /**/
    .page-cloudAI, .page-cloudAI .container{height:775px;}
    .cloudAIBox .swiper-container{margin-left: -15px;margin-right: -15px;}
    .cloudAIBox .swiper-slide{height:750px;}

    .cloudAIBox .swiper-slide .avatarBox{float: none; width:46%; margin:50px auto 0;}
    .cloudAIBox .swiper-slide .quotations{float:none;margin: 0 auto; width: 80%; text-align: center; font-size:20px;}
    .cloudAIBox .swiper-slide .quotations h5{ padding-bottom:10px; font-size:24px;}

    .cloudAIBox .swiper-button-next:after, .cloudAIBox .swiper-button-prev:after{color:#30B5C5;}

    /**/
    .page-t4aBetterWorld,
    .page-t4aBetterWorld .container{height:700px; position: relative;}

    .t4aBWAnimation{position: absolute; font-size:16px; width:55%; }

    .t4aBWAnimation h5{font-size:24px;font-weight: 400;color:#595758;line-height:1.5;padding-bottom:30px;}
    .t4aBWAnimation h5 span{color:#c7000b; }

    .footerT4aLogo{
        left: auto;
        position: relative;
        margin: 0 auto;
        padding-top: 50px;
        width: 40%;
        top:0;
    }
    .footerCentent{
        left: auto;
        top:0;
        padding-top: 20px;
        position: relative;
        text-align: center;
        width: 80%;
        margin: 0 auto;
    }
    a.joinBWMore{margin:0 auto;}

    .page-partnershipsBox .partnershipsTitle h4{font-size:30px;}
    .page-partnershipsTable .page-partnershipsPic,
    .page-partnershipsTable:nth-child(odd) .page-partnershipsPic{float:none; width:100%; height:360px; overflow: hidden;}
    .page-partnershipsTable{ margin-bottom:30px;}
    .page-partnershipsTable .page-partnershipsItemBg,
    .page-partnershipsTable:nth-child(odd) .page-partnershipsItemBg{position: relative;
        left: auto;
        top: 0;
        right:auto;
        transform: translate(0,0);
        background: none;
        text-align: center;}
    .page-partnershipsTable .page-partnershipsItem,
    .page-partnershipsTable:nth-child(odd) .page-partnershipsItem{ float:none; width:100%; padding: 0 10px 40px;}
    .page-partnershipsTable .page-partnershipsItem p{font-size:22px;}

    .greatBg{height:750px;}
    .page-great,
    .page-great .greatBg img{height:750px;max-width: none ;width: auto;}
    .page-great .container{ padding:0;}
    .page-great .greatTitle p{font-size: 22px;width: 70%;margin: 0 auto;}
    .page-great .greatTitle h4{font-size:26px;}

    .page-great{margin-bottom:50px;}

    .greatLiBox{display: block;top:200px;}
    .greatLiBox li{width: 540px;display: block; height:170px; text-align: left; }
    .greatLiBox li img{float:left; margin: 18px 40px 18px 0;}
    .greatLiBox li p{font-size:20px; width:100%; padding:0;}
    .greatLiBox li h5{padding-top: 30px;margin: 0;}

    .ttmad_swiper{display:none;}
    .ttmad_swiper_mobile,
    .ttmad_swiper_mobile2,
    .ttmad_swiper_mobile3{display:block; position: relative; height:400px; background: #f5f5f5;}
    .ttmad_swiper_mobile .ttmad_swiper_mobile-containerBox,
    .ttmad_swiper_mobile2 .ttmad_swiper_mobile-containerBox,
    .ttmad_swiper_mobile3 .ttmad_swiper_mobile-containerBox{position: absolute;left: 50%;top: calc(50% + 20px);transform: translate(-50%,-50%);width: 1326px;}

    .ttmad_swiper_mobile{height:380px;}
    .ttmad_swiper_mobile .ttmad_swiper_mobile-containerBox{top:0px;transform: translate(-50%,0);}
    .ttmad_swiper_mobile .swiper-container ,
    .ttmad_swiper_mobile2 .swiper-container ,
    .ttmad_swiper_mobile3 .swiper-container {width: 100%;height: 100%;}
    .ttmad_swiper_mobile .swiper-container .swiper-slide .videoPlayBtn img,
    .ttmad_swiper_mobile2 .swiper-container .swiper-slide .videoPlayBtn img,
    .ttmad_swiper_mobile3 .swiper-container .swiper-slide .videoPlayBtn img{width:120px;height:120px;}
    .ttmad_swiper_mobile .swiper-container .swiper-slide p,
    .ttmad_swiper_mobile2 .swiper-container .swiper-slide p,
    .ttmad_swiper_mobile3 .swiper-container .swiper-slide p{font-size:22px; padding:5px 10px; text-align: center;display:block;}

    .ttmad_swiper_mobile2,
    .ttmad_swiper_mobile3{background:none;}

    .ttmad_swiperPic{position: relative;}
    .ttmad_swiperPic img{width:412px;height:260px;}

    .page-partnershipsTable .page-partnershipsItem h5{font-size:26px;}

    .page-together2,.page-together2 .container{background:#fff;}
    .page-together a.partnersMore, .page-together2 a.partnersMore{font-size:20px;}

    .page-together2 .partnersList{}
    .partnersList_Mobile{display:block; position: relative;  text-align: center; }
    .partnersList_Mobile:before{display: table;content: " ";clear: both;}
    .partnersList_Mobile:after{display: table;content: " ";clear: both;}

    /*.partnersList_Mobile li{display:inline-block;text-align: center; padding:0 10px;display: table-cell;}*/

    /*.partnersList_Mobile .partnersItem{ display: inline-block; padding:10px 15px; }*/
    /*.partnersList_Mobile .partnersItem img{width:188px;height:60px;border:1px #e7e7e7 solid;}*/

    .partnersList{display:none;}
    .partnersList_Mobile li{display: block; padding:10px; float: left; width: 50%; text-align: center;}
    .partnersList_Mobile li img{width:98%;}

    .page-amazingCase .amazingCaseTitle{width:100%;}
    .page-amazingCaseLineBox{min-width: 750px;}

    .page-amazingCaseLineBox,
    .page-amazingCaseLineBox.width100,
    .page-amazingCaseLineBox.lbg{height:742px;}

    .page-amazingCaseLineBox .container{padding:0;}
    .page-amazingCaseLineBox .amazingCaseLine{min-width: 750px;}

    .page-amazingCaseLineBox.width100 .amazingCaseLineText{top:4%;min-height:inherit;}

    .page-amazingCase .amazingCaseInfo.picFloatRight{padding:0;}
    .page-amazingCase .amazingCaseInfo.picFloatRight .amazingCasePic,
    .page-amazingCase .amazingCaseInfo.picFloatLeft2 .amazingCasePic{float: none;width: 100%;margin: auto;padding-bottom:0;}
    .page-amazingCase .amazingCaseInfo .amazingCasePic.picShadow img{box-shadow:0 0 0 rgba(48,181,197,1)}

    .page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd){margin:0;}
    .page-amazingCase .amazingCaseInfo .amazingCaseIntroduction p{font-size:20px;}
    .page-amazingCase .amazingCaseInfo.picFloatRight .amazingCaseIntroduction p{padding:15px 0;}

    .page-amazingCase .amazingCaseTitle h4{padding:40px 0; font-size:30px; font-weight: 700;}
    .page-amazingCase .amazingCaseInfo .amazingCaseIntroduction{width:100%;}

    .page-amazingCase .amazingCaseInfo .amazingCaseIntroduction p{line-height:34px;}

    .page-amazingCase .amazingCaseInfo.case-layout-row:nth-child(odd),
    .page-amazingCase .amazingCaseInfo.case-layout-row{float:none;width:100%;}

    .page-amazingCaseLineBox .amazingCaseLine img,
    .page-amazingCaseLineBox.width100 .amazingCaseLine img,
    .page-amazingCaseLineBox.lbg .amazingCaseLine img{height:420px;width:auto;}

    .videoPlayBtn{width:120px;height:120px;}
    .page-amazingCaseLineBox .amazingCaseLine .amazingCaseLineMask{left:0;height: 420px;}
    .page-amazingCaseLineBox .amazingCaseLineInfo,
    .page-amazingCaseLineBox.width100 .amazingCaseLineInfo,
    .page-amazingCaseLineBox.lbg .amazingCaseLineInfo{width: 90%;top: 312px;margin: 0;position: absolute;left: 50%;transform: translate(-50%,0); height:auto; }
    .page-amazingCaseLineBox .amazingCaseLineInfo{padding:0;}

    .page-amazingCaseLineBox .amazingCaseLineInfo .amazingCaseLineLeft,
    .page-amazingCaseLineBox .amazingCaseLineInfo .amazingCaseLineRight,
    .page-amazingCaseLineBox.lbg .amazingCaseLineInfo .amazingCaseLineLeft,
    .page-amazingCaseLineBox.lbg .amazingCaseLineInfo .amazingCaseLineRight
    {width:90%;position: relative;
        left:auto;
        top:auto;
        transform: translateY(0);
        border-left:none;
        margin: 0 auto;
        text-align: center;
        padding: 30px 0;
        font-size: 20px;
        color: #30B5C5;
    }

    .page-amazingCaseLineBox.lbg .amazingCaseLineInfo .amazingCaseLineLeft,
    .page-amazingCaseLineBox.lbg .amazingCaseLineInfo .amazingCaseLineRight{color:#fff;}
    .border-top{border-top: 1px #30b5c5 solid; width:40%;height:1px;margin:0 auto;}
    .page-amazingCaseLineBox .border-top{border-top: 1px #30B5C5 solid; }
    .page-amazingCaseLineBox.lbg .border-top{border-top: 1px #fff solid; }
    .page-amazingCaseLineBox .amazingCaseLineInfo h4{font-size:70px;}


    .page-amazingCaseLineBox.lbg .amazingCaseLineInfo .amazingCaseLineRight{border-top: 1px #30b5c5 solid;}

    .page-amazingCaseLineBox.lineDoubleHight.width100{height:420px;}
    .page-amazingCaseLineBox.lineDoubleHight.width100 .amazingCaseLineText{top:49%;}

    .page-amazingCaseLineBox.yulin{height: auto;}
    .page-amazingCaseLineBox.yulin .amazingCaseLine img{height:auto;}


    .page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCasePic, .page-amazingCase .amazingCaseInfo.case-layout-row-bg2 .amazingCasePic, .page-amazingCase .amazingCaseInfo.case-layout-row-bg3 .amazingCasePic,
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCasePic{width:100%;margin:0;}
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCaseIntroduction, .page-amazingCase .amazingCaseInfo.case-layout-row-bg2 .amazingCaseIntroduction, .page-amazingCase .amazingCaseInfo.case-layout-row-bg3 .amazingCaseIntroduction,
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCaseIntroduction{
        position: relative;
        top: auto;
        transform: translate(0,0);
        right: auto;
        width: 100%;
    }
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCaseIntroduction, .page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCaseIntroduction,
    .page-amazingCase .amazingCaseTitle+.amazingCaseInfo.case-layout-row-bg .amazingCasePic+.amazingCaseIntroduction, .page-amazingCase .amazingCaseTitle+.amazingCaseInfo.case-layout-row-bg2 .amazingCasePic+.amazingCaseIntroduction, .page-amazingCase .amazingCaseTitle+.amazingCaseInfo.case-layout-row-bg3 .amazingCasePic+.amazingCaseIntroduction
    {padding:30px 0;}
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg, .page-amazingCase .amazingCaseInfo.case-layout-row-bg2, .page-amazingCase .amazingCaseInfo.case-layout-row-bg3{
        margin-bottom:0;
    }

    .ttmad_swiper_mobile3{height:500px;}
    .ttmad_swiper_mobile3 .ttmad_swiper_mobile-containerBox{top: 100px;transform: translate(-50%,0);}

    .amazingCaseMoreProjectsTitle{position: relative;color:#595757; font-size:18px; text-align: center; width:80%; text-align: center; margin: 0 auto;}
    .amazingCaseMoreProjectsTitle h4{font-size:38px; font-weight: 700; text-align: center; padding:30px 50px 30px;}
    .amazingCaseMoreProjectsTitle h4 span{color:#c7000b; }
    .amazingCaseMoreProjectsTitle h4{font-size:30px;}

    .ttmad_swiper_mobile3 .ttmad_swiper_mobile-containerBox h5{font-size:22px; font-weight: 700; color:#595757;padding:5px 10px; }

    .ttmad_swiper_mobile3 .swiper-container .swiper-slide p{text-align: left;}

    .page-amazingCase .amazingCaseInfo.case-layout-row-bg2 .amazingCasePic{float:none;}


    .mk_titCell{ display: block;}
    .mk_titCell li{display:block;width:100%;}
    .mk_mainCell .mk_option_box{position: relative;left:auto;top:auto;width:100%;}
    .mk_mainCell .mk_option_box div{display: none !important; border-top:none;width:100%;}
    .mk_mainCell .mk_option_box div.on{display:table !important;}
    .mk_mainCell .mk_option_box div li{display: table-cell;text-align: center;padding: 0;border-right:1px #30b5c4 solid;}
    .mk_mainCell .mk_option_box div.mk_pdf_option li,
    .mk_mainCell .mk_option_box div.mk_image_option li {width:50%;}


    .mk_mainCell .mk_option_box div.mk_video_option li:first-child{width:12%;}
    .mk_mainCell .mk_option_box div li:last-child{border-right:none;}
    .mk_mainCell .mk_option_box div li span{display:none;}
    .mk_mainCell .mk_option_box p{display:none;}
    .mk_mainCellCententBox{margin:0; margin-top: 10px;}
    .mk-load-more-box{margin:0;}
    .mk_mainCellCententBox.mk_all .mk_item, .mk_mainCellCententBox.mk_environment .mk_item, .mk_mainCellCententBox.mk_healthcare .mk_item, .mk_mainCellCententBox.mk_development .mk_item, .mk_mainCellCententBox.mk_education .mk_item{
        width:100%;float:none;
    }
    .mk_mainCellCententBox.mk_photo .mk_item, .mk_mainCellCententBox.mk_poster .mk_item{ padding: 20px 10px 20px 10px;    width: 100%;}
    .mk_titCell li.on div, .mk_titCell li:hover div{ background: #fff; color: #30b5c5;}


    .mk_titCell li div span.mk_image_icon,.mk_titCell li.on div span.mk_image_icon{background-position: -273px 0px;}
    .mk_titCell li div span.mk_video_icon,.mk_titCell li.on div span.mk_video_icon{background-position: -415px 0px;}
    .mk_titCell li div span.mk_pdf_icon,.mk_titCell li.on div span.mk_pdf_icon{background-position:  -127px 0px;}


    .mk_titCell .swiper-button-next:after, .mk_titCell .swiper-container-rtl .swiper-button-prev:after,
    .mk_titCell .swiper-button-prev:after,.mk_titCell  .swiper-container-rtl .swiper-button-next:after{font-size:20px;color:#30b5c5;}


    .leftposter{width:100%;float:none; padding: 30px 0;}
    .rightposter{width:100%;float:none;}

    .page-latestUpdates .lp h4{font-size:22px;line-height:1.5;}


    .mk_mainCellCententBox.mk_education .mk_item .mk_introduce .mk_title{height: 80px;}
    .mk_mainCellCententBox.mk_all .mk_item .mk_pic,
    .mk_mainCellCententBox.mk_environment .mk_item .mk_pic,
    .mk_mainCellCententBox.mk_healthcare .mk_item .mk_pic,
    .mk_mainCellCententBox.mk_development .mk_item .mk_pic,
    .mk_mainCellCententBox.mk_education .mk_item .mk_pic{height:auto;}

    .ttmad_swiperTitle h5{font-size:22px;padding:50px 0;width:100%;}

    .page-nav .container{font-size:24px;padding:20px;}
    .container-miniBox{width: 750px; padding: 0 30px;}
    .storyTitle{width:100%;}
    .storyTitle h5{font-size:24px;}
    .storyInfoBox{ width:100%; padding:40px 0;}
    .storyInfoBox h5{font-size:28px;}
    .storyInfoBox p{font-size:24px;}

    .storyLine{height:220px;}
    .storyTitle h4{padding:40px 0 20px 0;}

    .w50{width:100%; height:auto;float: none;}
    .w50 .storyVideoBox{padding:20px 0;}
    .w50 .storyVideoBox img{width:100%;}

    .storyBlock{width:100%; margin: 30px auto;}
    .storyBlock .w50block p{font-size:22px;}

    .storyInfoQuoteLeftBox{ width:100%; transform: translate(0,0); position: relative; left: auto; top: auto; padding:40px 0 0; margin: 30px auto; background-position: center 0;}
    .storyInfoQuoteRightBox{padding:0; background:none;}
    .storyInfoQuoteLeftBox h5{font-size:26px;}
    .storyInfoQuoteLeftBox p{font-size:22px;}


    .mobileSortBox,.mobileSortBox .container{display: table;}
    .mobileSortBox .container .w50:first-child,.mobileSortBox .w50:first-child{display: table-footer-group;}
    .mobileSortBox .container .w50:last-child,.mobileSortBox .w50:last-child{display: table-header-group;}
    .storyBlock .w50block{padding: 10px 2.5%;width:50%;}

    .storyInfoBox2{transform: translate(0,0); position: relative; left: auto; top: auto;}

    .storyInfoBox2{ width:100%; padding:40px 0;}
    .storyInfoBox2 h5{font-size:28px;}
    .storyInfoBox2 p{font-size:24px;}

    .storyDownloadBox{}
    .storyDownloadBox p{font-size:24px;}
    .storyDownloadBox .file_item{}
    .storyDownloadBox .file_item a{float: none;
        font-size: 22px;
        line-height: 60px;
        height: 60px;
        margin: 30px 0;}

    /*.foo-tfoot {*/
        /**/
    /*}*/
    /*.foo-thead {*/
        /**/
    /*}*/
    /*.foo-tbody {*/
        /*display: table-row-group;*/
    /*}*/


    /* join - page 开始*/

    .page-join .container{width:100%;}

    .join-title{width:100%;font-size:26px; }

    .page-join .container.container-full{width:100%;margin:0;border-bottom:1px #cecece solid; }

    .join-title h5{font-size:30px;}
    .join-title p{ line-height:40px;}

    .join-tab{width:100%; height:80px;}
    .join-tab-item{float:left; width:33.33%; display: block; position: relative; text-align: center; color:#707070; font-size:20px;}

    .join-tab-item a,.join-tab-item div{ display: block; position: relative; text-align: center; color:#707070; font-size:26px;}
    .join-tab-item span{display:block; padding-top:8px; border-bottom:2px #fff solid;width: 70%; margin: 0 auto; }

    .join-tab-item:nth-child(1) a{float: left;}
    .join-tab-item:nth-child(2) a{float: none; margin: 0 auto;}
    .join-tab-item:nth-child(3) a{float: right;}

    .join-tab-item:nth-child(1) div{float: left;}
    .join-tab-item:nth-child(2) div{float: none; margin: 0 auto;}
    .join-tab-item:nth-child(3) div{float: right;}

    .join-tab-item a:hover,
    .join-tab-item.on a,
    .join-tab-item.on div{font-weight: 700; cursor: pointer;}
    .join-tab-item a:hover span,
    .join-tab-item.on a span,
    .join-tab-item.on div span{border-bottom:2px #30b5c5 solid;}

    .pListSelectBox{ position: relative; width:100%; height:80px; background:#f7f7f7; color:#707070; }
    .red{color:#ff0000;}
    .join-w6,.join-w12{float: left; width:100%;line-height: 80px; font-size:24px; color:#707070; }
    .join-w6{width:50%;}
    .join-w6:first-child{padding-right:10px;}
    .join-w6:last-child{padding-left:10px;}
    .pListSelectBox select{ border: 0;display: block; width: 100%; height: 100%; background:none;}
    .pInputBox{ width:100%; height:80px; background:#f7f7f7; color:#707070; }
    .pInputBox input{ width:100%; height:80px;background:none;border:none;padding:0 10px;
        font-size:22px;}
    .account-input{height:100px;padding-top:20px;padding-left: 5px;    font-weight: 700;}
    .join-w6 label,.join-w12 label{font-weight: 400; position: relative;text-indent: 62px;margin: 5px 0;}
    .join-w12 a{color:#30B5C5; text-decoration: underline;}
    .btn-block-box{float:none;padding:50px 0;}


    .checkAgree{display:inline-block;width:40px;height:40px;background:url(../../images/join-checkbox1.png) no-repeat 0 0;  background-size:40px;   position: absolute; left: 0; top: 12px;}
    .checkAgree.col{display:inline-block;width:40px;height:40px;background:url(../../images/join-checkbox0.png) no-repeat 0 0; background-size:40px;}


    .c_number_code{width:120px;float:left;}
    .c_number_code input{text-align: center; font-size:22px;}

    .join-w6 .c_number{width:210px;float:right;}
    .join-w12 .c_number{width:580px;float:right;}

    .row{position: relative;}
    .joinform_error{border: 1px #ff0000 solid;}

    .ptextBox.joinform_error{border:none;color:#ff0000;}

    .pTextareaBox{background: #f7f7f7;height:180px;padding:10px;}
    .pTextareaBox textarea{width:100%; border:none;background:none; height:160px;padding:10px;}


    .photolist ul li:nth-child(odd) .amazingImgPopup,
    .photolist ul li .amazingImgPopup{
        left:5px;right:auto;
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
    }

    .photolist ul li .amazingpopup,
    .photolist ul li.row2 .amazingpopup,
    .photolist ul li.col2 .amazingpopup,
    .photolist ul li:nth-child(odd) .amazingpopup,
    .photolist ul li .amazingpopup{
        left:auto;right:5px;
        position: relative;
        left: auto;
        top: auto;
        width: 100%;

        display: block;
        background: none;

    }

    .photolist ul li.row2,
    .photolist ul li.col2,
    .photolist ul li{width:100%; height:auto;}

    .photolist ul li .amazingImgPopup,
    .photolist ul li.row2 .amazingImgPopup,
    .photolist ul li.col2 .amazingImgPopup{width:100%;height:auto;
        position: relative;
        left: auto;
        top: auto;
        width: 100%;}

    .photolist ul li .amazingpopup,
    .photolist ul li.row2 .amazingpopup,
    .photolist ul li.col2 .amazingpopup{  position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        padding: 20px 0 50px;display:block;background:none; }

    .photolist ul li .amazingpopup p,
    .photolist ul li:nth-child(odd) .amazingpopup p{
        font-size: 24px;
    }
    .photolist ul li .amazingpopup h5,
    .photolist ul li:nth-child(odd) .amazingpopup h5{
        padding: 10px 0 20px 26px;
        font-size: 30px;
    }

    .photolist ul li .amazingpopup a.amazingMore,
    .photolist ul li:nth-child(odd) .amazingpopup a.amazingMore{
        font-size: 22px;
        width: 180px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        margin: 10px 0 0 32px;
    }

    .photolist ul li .amazingImgPopup img,
    .photolist ul li.row2 .amazingImgPopup img,
    .photolist ul li.col2 .amazingImgPopup img{width:100%;height:auto;}


    .worldAnimation h3,
    .worldVideoBox2 .th h3,
    .threeAnimation h4,
    .fourAnimation h4,
    .page-amazing h4,
    .pfg h4{font-size:42px;}

    .threeAnimation h5,
    .page-amazing h5{font-size:24px;}


    .ttmad_swiper_mobile3 .ttmad_swiper_mobile-containerBox p{color: #323232;font-weight: 700;}
    .ttmad_swiper_mobile3 .ttmad_swiper_mobile-containerBox h5{font-weight: 400;font-size: 24px;}


    a.partnersMore,
    a.joinBWMore{
        color: #fff;
        background: #30b5c4;
        border-color: #30b5c4;
    }



    /*.navBarSpace,*/
    /*.navbar,*/
    /*.navbar-inverse .navbar-toggle ,*/
    /*.logo{transition: all .8s;}*/
    /*.miniNav{}*/
    /*.miniNav .navBarSpace{height:100px;}*/
    /*.miniNav .navbar{height:100px; min-height: 100px;}*/
    /*.miniNav .navbar-inverse .navbar-toggle{margin:10px 30px;}*/
    /*.miniNav .logo{width: 240px;}*/

}