.container {
    width: 1170px;
}
@media (min-width: 769px){
    .container {
        width: 994px;
    }
}
@media (min-width: 1025px){
    .container {
        width: 1090px;
    }
}@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
}
@media (min-width: 1366px){
    .container{
        width:1280px;
    }
}
a,img{ -webkit-tap-highlight-color: transparent; outline: none;}

.pc{display:inherit;}
.mobile{display:none;}

body{
    font-family: HuaweiSans-Regular,Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    height:auto;
}

.container{position: relative;}
/*宽度适配结束*/

/*nav开始*/
.navBarSpace{height:80px;width: 100%;}

.navbar {
    position: fixed;
    min-height:80px;
    background-color: #fff;
    color: #282828;
    z-index: 999;
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
    border:none;
    padding:20px 0;
}

.logo{width:118px;padding:0;height:auto;}

/*.navbar-header{padding:20px 0;}*/

.navbar-toggle{margin-top: 24px;}

#navbar{float:left;width:calc(100% - (118px) * 2);}

.navbar_controls{display:none !important;}
.navbar-inverse .navbar-nav{float: none;margin: 0 auto;text-align: center;text-align: center;}
.navbar-inverse .navbar-toggle .icon-bar{background:#9fa0a0;}
.navbar-inverse .navbar-nav>li{ float: none;display:inline-block; color:#595757; padding:0 15px;}
.navbar-inverse .navbar-nav>li>a{font-size: 18px;color: #595757;display: inline-block;padding:0;line-height: 1.5;}
.navbar-inverse .navbar-nav>li>a.tech4allLogo{width: 90px; position: relative; height: 20px;}
.navbar-inverse .navbar-nav>li>a.tech4allLogo img{position: absolute; left: 0; top: 5px; }
.navbar-inverse .navbar-nav>li>a span {padding: 5px 0;display: inline-block; border-bottom:2px #fff solid;}
.navbar-inverse .navbar-nav>li>a.active span,
.navbar-inverse .navbar-nav>li>a:hover span {color: #c7000b;border-bottom: 2px solid #c7000b;}
.navbar-inverse .navbar-nav>li>a:focus span , .navbar-inverse .navbar-nav>li>a:hover span {color: #c7000b;border-bottom: 2px solid #c7000b;}

.navCloseBtn{background:url(../../Assets/images/nav_closeBtn.png) no-repeat center; width:50px; height:50px; position: relative; float: right; padding: 35px 40px; margin: 30px;display:none;}

.navline{display:none;}

.language {float: right;width: 118px;text-align: right;position: relative;}

@media (max-width: 993px) {
    .language {position: fixed;z-index: 9;width: 100%;text-align: center;left: 0;bottom: 42px;opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }
}

/* .language .normal {
  display: none \9;
} */

.language .IE-8 a {padding: 5px;margin: 0;}
.language .IE-8 a.cur { color: #c7000b; }
.language a {padding: 5px 10px;margin: 0 10px;display: inline-block;font-size:18px;color:#282828;}
.language a em {position: relative;width: 20px;height: 20px; display: inline-block;}
.language a em:after { content: "";position: absolute;right: 0;top: 50%; display: inline-block; border-width: 6px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; margin-top: 0; margin-left: 0; }
.language.open a em:after { margin-top: -3px; border-style: dashed dashed solid dashed; border-color: transparent transparent #333 transparent; }
.language:hover a { color: inherit; }
.language:hover .other { opacity: 1; filter: alpha(opacity=100); }
.language .other { background-color: #fff; width: 100%; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0;
    -webkit-transition: opacity 0.5S ease;
    -moz-transition: opacity 0.5S ease;
    -ms-transition: opacity 0.5S ease;
    -o-transition: opacity 0.5S ease;
    transition: opacity 0.5S ease;
}

.language .other em:after { display: none; }

/*nav结束*/

/*footer开始*/

.page-footer .top { background-color: #f0f0f0; padding: 50px 0; }

@media (min-width: 993px) {
    .page-footer .top .ul-parent {
        position: relative;
        display: flex;
    }
}

.page-footer .top .ul-parent>li {
    float: left;
    width: 20%;
    border-right: 1px solid #aaaaaa;
    padding: 0 30px;
    color: #565656;
}

@media (max-width: 993px) {
    .page-footer .top .ul-parent>li {
        width: 100%;
        border-right: none;
    }
}

.page-footer .top .ul-parent>li:last-child {
    border-right: none;
}

.page-footer .top .ul-parent>li:last-child .title:after {
    display: none;
}

.page-footer .top .ul-parent>li .title {
    font-size: 20px;
    margin: 10px 0;
    color: #282828;
    position: relative;
}

.page-footer .top .ul-parent>li .title:after {
    display: none\9;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #282828;
    border-bottom: 2px solid #282828;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0 \9;
    height: 0 \9;
    overflow: hidden \9;
    font-size: 0 \9;
    /* 是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0 \9;
    /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width: 6px \9;
    border-style: solid dashed dashed dashed \9;
    /* IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果 */
    border-color: #333 transparent transparent transparent \9;
    margin-top: 0 \9;
    margin-left: 0 \9;
}

@media (min-width: 993px) {
    .page-footer .top .ul-parent>li .title:after {
        display: none;
    }
}

.page-footer .top .ul-parent>li .title.open:after {
    margin-top: -4px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    width: 0 \9;
    height: 0 \9;
    overflow: hidden \9;
    font-size: 0 \9;
    /* 是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0 \9;
    /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width: 6px \9;
    border-style: dashed dashed solid dashed \9;
    /* IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果 */
    border-color: transparent transparent #333 transparent \9;
    margin-top: -3px \9;
    margin-left: 0 \9;
}

.page-footer .top .ul-parent>li .ul-son li {
    padding: 10px 0;
}

.page-footer .top .ul-parent>li .social {
    margin-top: 20px;
}

.page-footer .top .ul-parent>li .social a {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 5px;
}

.page-footer .bottom {
    background-color: #222222;
    color: #afafaf;
    padding: 10px 0;
}

.page-footer .bottom .copyright {
    float: left;
    width: 50%;
}

@media (max-width: 993px) {
    .page-footer .bottom .copyright {
        width: 100%;
        text-align: center;
    }
}

.page-footer .bottom .bottom-link {
    float: right;
    width: 50%;
    text-align: right;
}

@media (max-width: 993px) {
    .page-footer .bottom .bottom-link {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}

.page-footer .bottom .bottom-link a {
    padding: 0 10px;
    border-right: 1px solid #afafaf;
}

.page-footer .bottom .bottom-link a:last-child {
    border-right: none;
}

/*footer 结束*/

/*============video css===============*/

.video_box {
    width: 100%;
    position: relative;
    z-index: 99;
    overflow: hidden;
}

.video_box a.js_video_icon,
.video_box a.js_video_player,
.video_box a.js_img_link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: none !important;
}

.cs-customer .video_box a.js_video_icon:hover,
.cs-customer .video_box a.js_video_player:hover {
    text-decoration: none;
    background: none;
}

.video_box a.js_video_icon:hover,
.video_box a.js_video_player:hover {
    text-decoration: none;
}

.video_box .hwic_play2 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -50px;
    display: block;
    background: url(../../Assets/images/videoPlayBtn.png) center center no-repeat;
    background-size:contain;
}
.video_box .hwic_play2.bPlayBtn{

    background: url(../../Assets/images/videoPlayBtn2.png) center center no-repeat;
    background-size:contain;
}

.video_box a:hover .hwic_play2:before {
    color: #fff !important;
}

.player-outer-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98;
}

.video_box a.js_img_link {
    background: none;
}

.video_box a.video_player {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../../Assets/images/videoPlayBtn.png) center center no-repeat;
}



.right-fixedBox{position: fixed;top: 50%;right:20px; transform: translateY(-50%);letter-spacing: -0.32em; z-index: 9999; display:block; }
.fixedRightBox{ position: relative; margin:20px 0 20px 0;}
.rightFixedBtn{ cursor: pointer; padding:13px 0; text-align: center; width:48px; height:48px; background:url(../../images/share/shareBg.png) no-repeat center;text-align: center; }
.rightFixedBtn img{margin:0 auto;display:block;}
.rightFixedBtn p{font-size: 12px;letter-spacing:1px;color: #fff;line-height: 48px;display:none;transform: scale(0.85); }
.fixedRightListBox{position: absolute; top:50%;right:60px; transform: translateY(-50%); width:90px; border:1px #d3d3d3 solid; padding:10px 0; background: #fff;
    /*-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);*/
    /*-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);*/
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);*/
    display:none;
}
.fixedRightListBox:before{display: table; content: " "; clear: both; text-align: center; background:url(../../images/share/shareBoxBg2.png) no-repeat -92px -155px;width:12px; height:18px; right:-12px;top:50%;transform: translateY(-50%);  position:absolute;}
.fixedRightListBox a{display:block; text-align: center; text-indent: -10000px; overflow: hidden; width:44px; height:44px; margin:10px auto; background:url(../../images/share/weibo_icon.png) center no-repeat;}

.fixedRightBox:hover .fixedRightListBox{display:block;}
.fixedRightBox:hover .rightFixedBtn{padding:0 0;}
.fixedRightBox:hover .rightFixedBtn p{display:block;}
.fixedRightBox:hover .rightFixedBtn img{display:none;}

#fixdshare_linkedin{background-image:url(../../images/share/linkedin_icon.png);}
#fixdshare_weibo{background-image:url(../../images/share/weibo_icon.png);}
#fixdshare_wechat{background-image:url(../../images/share/wechat_icon.png);}

#fixdshare_twitter{background-image:url(../../images/share/twitter_icon.png);}
#fixdshare_facebook{background-image:url(../../images/share/facebook_icon.png);}

#wechat_qrcode_box{position: fixed; display:none; top: 50%;right:200px;transform: translateY(-50%); width:180px; padding:10px; background:#fff; border:2px #d3d3d3 solid;z-index: 9999;}
#wechat_qrcode{ width:100%;}
#wechat_qrcode_close{width:100%;height:30px;}



/* right Icon 开始*/

.right-levitation {position: fixed;top: 50%;right: 0;transform: translateY(-50%);letter-spacing: -0.32em; z-index: 9999; display:none;}
.right-levitation a {padding: 8px 12px;display: block;background: #c7000b;color: #fff; position: relative;right:-93px;transition: all 0.5s;}
.right-levitation a:hover {right:0;}
.right-levitation em {max-width: 28px;display: inline-block;vertical-align: 1px;letter-spacing: normal;}
.right-levitation span {display: inline-block;vertical-align: -1px;letter-spacing: normal;transition: all 0.3s;font-size: 16px;margin-left: 15px;color: #fff;}
.right-levitation a:hover span {display: inline-block;}
.right-levitation img {max-width: 100%; display: inline-block;}
@media (max-width:767px){
    .right-levitation a:hover {
        right:-93px;
    }
    .right-levitation {
        top: 55%;
        display: none;
    }
}

.videoPlayBtn{position: absolute;left:50%; top:50%; transform: translate(-50%,-50%); width:80px;height:80px; cursor: pointer;}
.videoPlayBtn img{width:100%;}

/***************** index page ******************/
/*banner开始*/
.page-banner{width:100%; min-width:1170px; position: relative; text-align: center; overflow: hidden; height:362px; }
.page-banner .bannerBg { position: absolute; width: 100%; min-width:1170px; height:362px; overflow: hidden; margin: 0 auto; text-align: center;}
.page-banner .bannerBg img{margin: 0 auto;width:100%; min-width:1170px; display: block;}

.bannerpic{
    width:100%;
    height:700px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.kv-bannerDot .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    border: 2px solid #404040;
    background-color: #fff;
    padding: 0;
    margin: 5px;
    border-radius: 50%;
    opacity: .5;
    color: transparent;

}
.swiper-container-horizontal>.kv-bannerDot.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.kv-bannerDot .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #404040;
    opacity: 1;
}

.index-banner,.index-banner .bannerBg{height:650px;}


.kv-banner {height: 700px;position: relative;overflow: hidden;width: 100%;}
.kv-banner .kv1 {position: absolute;top: 0;left: 50%;margin-left: -960px;}
.kv-banner .learn-more-kv {display: inline-block;margin-top: 30px;background: #727071;padding: 10px 30px;border-radius: 0;color: #fff;}
.kv-banner .slick-slide { position: relative; height: 700px; overflow: hidden; }
.kv-banner .slick-dots li button {width: 14px;height: 14px;border: 2px solid #404040;background-color: #fff;padding: 0;margin: 5px;border-radius: 50%;opacity: .5; }
.kv-banner .slick-dots li.slick-active button { background-color: #404040; opacity: 1; }
.kv-banner .slick-dots li button:before { display: none !important; }
.kv-banner .slick-arrow::before { display: none !important; }
.kv-banner .slick-dots { bottom: 30px;}
.kv-banner .kv1 img{max-width:inherit;}

@media (max-width:767px) {
    .kv-banner { height: 1070px; }
    .kv-banner .slick-prev { left: 0px; }
    .kv-banner .slick-next { right: 0px; }
    .kv-banner .slick-slide { height: 1070px; }
    .kv-banner .kv1 { margin-left: 0; transform: translateX(-50%); width:100%; }
    .kv-banner .kv1 img{width:100%;}
}


.maskItemText{position: absolute;left: 50%; top:70%; transform: translate(-50%,-50%);color:#fff;width:100%;}
.index-banner .maskItemText{top:  calc(50% + 200px);}

.maskItemText h4{font-size:38px; }
.maskItemText h5{font-size:36px; text-shadow:2px 3px 6px #000;}
.maskItemText h4 span,.maskItemText h5 span{color:#c7000b;}
.bannerBg .maskItemText h4,.bannerBg .maskItemText h5{opacity: 1;}

.page-banner .ad-pagination{background:url(../../Assets/images/timelineBg.png) no-repeat center;background-size:contain;height:20px;bottom:50px;position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;width:100%; display:none;}
.page-banner .ad-pagination .pagination-bullet{
    display: inline-block;
    border-radius: 100%;
    background: #000;
    background:url(../../Assets/images/timelineDot.png) no-repeat 0 0;width:16px;height:16px;opacity: 1;margin:2px 35px;cursor: pointer;}
.page-banner .ad-pagination .pagination-bullet.pagination-bullet-active{background-position: -16px 0;opacity: 1;}

.page-banner-mobile{display:none;}

.banner_t4a_logo{position: absolute;left: 50%;top: 60%;bottom: auto;right: auto;transform: translateX(-50%) translateY(-50%);width:220px;height:240px;z-index: 100;}
.banner_t4a_logo{ left:auto;right:0; top:-19px;transform: translate(0,0);}
.banner_t4a_logo img{max-width:100%;}
.bannerT4aLogo{position: absolute;right:-10px;top:-10px;bottom: auto;left: auto;width:290px;height:250px;z-index: 100; pointer-events:none;}
.bannerT4aLogo img{width:100%;}
/*banner结束*/

/*world开始*/
.page-world{height:1180px; min-width:1170px; position: relative; overflow: hidden;}
.page-world .container{ position: relative; overflow: hidden;}
.worldAnimation{position: absolute;color:#595757; font-size:16px; }

.worldAnimation h3{font-size:38px;margin:0;line-height:1.06; font-weight: 700;}
.worldAnimation h4{font-size:76px; font-weight: 700;}
.worldAnimation h5{font-size:26px;font-weight: 400; line-height:1.5;}
.worldAnimation h3 span,.worldAnimation h4 span{color:#c7000b; }

.one{ top:242px; left: 50%; transform: translateX(-50%); opacity: 0; width:600px; text-align: center;}

.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{color:#595757;padding:2px 12px; top:175px; left:50%;transform: translateX(-50%); font-size:20px; opacity: 0; }

.text1{top:303px;left:50%;transform: translateX(-50%);width:100%; text-align: center; opacity: 0;  font-size:26px;}
.text2{top:412px;left:50%;transform: translateX(-50%); width:100%; text-align: center;opacity: 0; width:800px; font-size:18px;}

.worldPic{background:url(../../Assets/images/worldPic.png) no-repeat 0 0;width:1175px;height:1175px; left:50%;top:10px;transform: translateX(-50%);opacity: 0;}
.worldLine{background:url(../../Assets/images/worldLine.png) no-repeat 0 0; width:1309px;height:1309px; left: 50%; top:-80px; transform: translateX(-50%);opacity: 0.5;}
.worldStyle{background:url(../../Assets/images/worldStyle.png) no-repeat 0 -120px; width:1291px;height:857px; right:2px; top:0; pointer-events:none; opacity: 0;}


.worldStyle{background:none;}

/*三屏*/

.worldVideoBox{top:649px;right:0; width:100%; height:600px; background:url(../../Assets/images/weaim_pic.jpg) no-repeat center; background-size:cover; display:none;}
.worldVideoBox .container{height:600px;}
.worldVideoBox .hover_mask{ position:absolute;background:rgba(0,0,0,0.5);display:none; pointer-events:none; left: 0;top:0; width:100%;height:489px;}
.worldVideoBox:hover .hover_mask{display:block;}

.worldVideoPicBg{width:100%; position: relative;}
.worldVideoBox img{width:100%;}
.worldVideoPic{left:0;top:0;width:844px;height:519px;}
.worldVideoPlay{left:486px; top:352px;width:210px;height:210px; background:url(../../Assets/images/worldVideoPlay.png) no-repeat 0 0;opacity: 0;}

.wa{color:#fff; padding:2px 0; margin-top:58px; margin-left:45px; font-size:20px; width:100px; text-align: left; text-shadow: 2px 3px 6px #000;}
.th{color:#fff; margin-left:46px; margin-top:30px;}
.th h3{text-shadow:2px 3px 6px #000;}
.th h5{ padding:30px 0 0 6px; width:80%; font-size:20px;text-shadow:2px 3px 6px #000; }

a.videoBtn{margin-top: 50px;
    margin-left: 46px;
    display: block;
    border: 3px #fff solid;
    border-radius: 50px;
    width: 220px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 18px;}
a.videoBtn:hover{color:#fff;text-decoration:none;}

.worldVideoBox:hover a.videoBtn,
.worldVideoBox:hover a.videoBtn:hover{
    background: #fff;color: #595757;
}

    /*.worldVideoText a.videoBtn{background: #fff;color: #595757;}*/
/*.worldVideoText a.videoBtn:hover{background: #fff;color: #595757;}*/

.worldVideoText{position: absolute; left:0;top:45%; width:100%;transform: translateY(-50%);}
.worldVideoMask{position: absolute; left:0;top:0; width:100%;height:600px; background:rgba(0,0,0,0.2); display:none;}
.worldVideoBox:hover .worldVideoMask{ display:block;}


/*@media (min-width: 768px){*/
    /*.th h5{padding: 10px 0 0 6px;}*/
    /*a.videoBtn{margin-top:20px;border:1px #fff solid;}*/
/*}*/

/*@media (min-width: 992px){*/
    /*a.videoBtn{margin-top:20px;border:2px #fff solid;}*/
/*}*/
/*@media (min-width: 1200px){*/
    .th h5{font-size:18px;padding:30px 0 0 6px;}
    a.videoBtn{margin-top:50px;}
/*}*/

.wwc{top:105px; }
.one{top:120px;}
.text1{top:160px;}
.text2{top:237px;}

.worldVideoBox2{ position: absolute;left:50%;top:400px; width:800px;margin-left:-400px;}
.worldLine{ background:none;}
.worldVideoBox2 .th{text-align: center; margin:0;color:#5b5c5d;font-size:22px; padding-top:40px; opacity: 0;}
.worldVideoBox2 .th h5{ padding:0;text-shadow:none;width:90%; margin:0 auto; }
.worldVideoBox2 .th h3{text-shadow:none; line-height:100px;}
.worldVideoBox2 .homeVideoBox{ position: relative;  width:800px;height:450px;}
.worldVideoBox2 .homeVideoBox .homeMaskDiv{background:rgba(0,0,0,.2); position: absolute;left:0;top:0;width:100%;height:100%;}
.worldVideoBox2 .homeVideoBox .homeVideoPlayBtn{ position: absolute; left:50%;top:50%; width:130px;height:130px; margin-left:-65px;margin-top:-65px;
    background:url(../../images/homeVideoBgBtn.png) no-repeat center; overflow: hidden; text-indent:-200px;}

/*world结束*/

/*page-three开始*/
.page-three,
.page-three .container{height:700px; position: relative;    background: #f4f4f4;}

/*.page-three .container{ background:url(../images/THREEStyle.png) no-repeat calc(100% - 80px) 0;}*/

.threeAnimation{position: absolute;color:#595758; font-size:16px; }

.threeAnimation h3{font-size:38px;margin:0;line-height:1.06;}
.threeAnimation h4{font-size:38px; font-weight: 700;}
.threeAnimation h5{font-size:18px;font-weight: 400;line-height:1.5; padding-top:20px;}
.threeAnimation h3 span,.threeAnimation h4 span{color:#c7000b; }

.wib{color:#595757;padding:2px 12px; top:100px; left:50%;transform: translateX(-50%); font-size:20px; opacity: 0; }
.taof{top:50px;left:50%;transform: translateX(-50%); width:800px; text-align: center; opacity: 0;}
.threeLiBox{height:400px;top:220px; width:100%; display:table; margin-top:0;}
.threeLiBox li{display:table-cell; text-align: center;  width:33.333%;}
.threeLiBox li h5{color:#30b5c4; font-size:30px;}
.threeLiBox li img{margin:18px auto;width:192px;height:192px;}
.threeLiBox li p{padding:10px 0;font-size:18px; width:70%; margin: 0 auto;}
.threeLiBox li h5{padding:0;}


/*@media (min-width: 768px) {*/
    /*.page-three,*/
    /*.page-three .container{height:666px;}*/
    /*.threeAnimation h4{font-size:30px; font-weight: 700;}*/
    /*.threeAnimation h5{font-size:18px;}*/
    /*.threeLiBox{top:260px;}*/
    /*.threeLiBox li p{font-size:12px;}*/
    /*.threeLiBox li h5{font-size:26px;}*/

/*}*/
/*@media (min-width: 992px) {*/
    /*.page-three,*/
    /*.page-three .container{height:766px;}*/
    /*.threeAnimation h4{font-size:38px; font-weight: 700;}*/
    /*.threeAnimation h5{font-size:18px;}*/
    /*.threeLiBox{top:330px;}*/
    /*.threeLiBox li p{font-size:16px;}*/
/*}*/
/*@media (min-width: 1200px) {*/
    .threeAnimation h4 {font-size: 38px;font-weight: 700;}
    .threeLiBox li p{font-size:18px;}
/*}*/


/*page-three结束*/

/*page-FOUR开始*/
.page-four,
.page-four .container{height:700px; position: relative;}
.fourAnimation{position: absolute;color:#595758; font-size:16px; }

.fourAnimation h3{font-size:82px;margin:0;line-height:1.06;}
.fourAnimation h4{font-size:38px; font-weight: 700;}
.fourAnimation h5{font-size:18px;font-weight: 400;line-height:1.5; padding-top:20px;}
.fourAnimation h3 span,.fourAnimation h4 span{color:#c7000b; }

.wimad{color:#595757;padding:2px 12px; top:56px; left:50%;transform: translateX(-50%); font-size:20px; opacity: 1; }
.fffa{top:60px;left:50%;transform: translateX(-50%); text-align: center; width:100%; opacity: 0;}

.fourLiBoxSwiper{display:none;}
.fourLiBox{top:240px; left:50%;transform: translateX(-50%); text-align: center; width:100%; height:470px;}
.fourLiBox ul{font-size: 0;}
.fourLiBox ul li{width:297px;height:463px; display:inline-block; position: relative;transition:all .5s ease;}

.fourLiBox ul li .fourimgpopup{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%); text-align: left;transition:all .5s ease;}
.fourLiBox ul li .fourimgpopup img{width:100%; display:block;}
.fourLiBox ul li:hover .fourimgpopup{ z-index: 10;}
.fourLiBox ul li .fourpopup{position: absolute; left:50%;top:50%;transform: translate(-50%,-50%); overflow: hidden; text-align: left; color:#fff;transition:all .5s ease;}
.fourLiBox ul li .fourpopup h5{transition:all .5s ease;}
.fourLiBox ul li .fourpopup p{display:none;  transition:all .5s .8s ease;font-size:18px;}
.fourLiBox ul li .fourpopup a.fourMore{display:none; color:#fff;border:1px #fff solid; text-align: center; transition:all .5s 1s ease;}
.fourLiBox ul li:hover .fourpopup{ background:rgba(48,181,197,0.7); z-index: 10;}
.fourLiBox ul li:hover .fourpopup p{display:block; }
/*.fourLiBox ul li:hover .fourpopup a.fourMore{display:block; }*/

.fourLiBox ul li{width:297px;height:463px;}
.fourLiBox ul li .fourimgpopup,
.fourLiBox ul li .fourpopup{width:297px;height:297px;}
.fourLiBox ul li .fourpopup h5{font-size:28px; padding:198px 0 0 28px;}
.fourLiBox ul li .fourpopup p{padding:0 50px 40px 50px;}
.fourLiBox ul li .fourpopup a.fourMore{margin:0 0 0 50px;width:198px;height:48px;border-radius: 24px; font-size:18px; line-height:48px;}
.fourLiBox ul li:hover .fourimgpopup,
.fourLiBox ul li:hover .fourpopup{width:463px;height:463px;}
.fourLiBox ul li:hover .fourpopup h5{font-size:50px;padding:40px 50px 30px 50px;}



/*@media (min-width: 768px) {*/
    /*.fourAnimation h4{font-size:30px; font-weight: 700;}*/
    /*.fourAnimation h5{font-size:18px;}*/
    /*.fourLiBox{top:320px;}*/
    /*.fourLiBox ul li{width:292px;height:292px;}*/
    /*.fourLiBox ul li .fourimgpopup,*/
    /*.fourLiBox ul li .fourpopup{width:292px;height:292px;}*/
    /*.fourLiBox ul li .fourpopup h5{font-size:28px; padding:198px 0 0 28px;}*/
    /*.fourLiBox ul li .fourpopup p{padding:0 50px 40px 50px;}*/
    /*.fourLiBox ul li .fourpopup a.fourMore{margin:0 0 0 50px;width:198px;height:48px;border-radius: 24px; font-size:18px; line-height:48px;}*/
    /*.fourLiBox ul li:hover .fourimgpopup,*/
    /*.fourLiBox ul li:hover .fourpopup{width:463px;height:463px;}*/
    /*.fourLiBox ul li:hover .fourpopup h5{font-size:50px;padding:40px 50px 30px 50px;}*/

/*}*/
@media (min-width: 992px) {
    .page-four,.page-four .container{height:665px;}
    .fourAnimation h4{font-size:38px; font-weight: 700;}
    .fourAnimation h5{font-size:18px;}
    .fourLiBox{top:160px;}
    .fourLiBox ul li{width:235px;height:463px;}
    .fourLiBox ul li .fourimgpopup,
    .fourLiBox ul li .fourpopup{width:235px;height:235px;}
    .fourLiBox ul li .fourpopup h5{font-size:26px; padding:130px 0 0 20px;}
    .fourLiBox ul li .fourpopup p{padding:0 20px 20px 30px;}
    .fourLiBox ul li .fourpopup a.fourMore{margin: 0 0 0 30px;width: 158px;height: 38px;border-radius: 19px;font-size: 16px;line-height: 38px;}
    .fourLiBox ul li:hover .fourimgpopup,
    .fourLiBox ul li:hover .fourpopup{width:300px;height:300px;}
    .fourLiBox ul li:hover .fourpopup h5{font-size:30px;padding:15px 50px 0px 30px;}

}
@media (min-width: 1200px) {
    .page-four,
    .page-four .container{height:750px;}
    .fourAnimation h4 {font-size: 38px;font-weight: 700;}

    .fourLiBox{top:240px;}
    .fourLiBox ul li{width:290px;height:463px;}
    .fourLiBox ul li .fourimgpopup,
    .fourLiBox ul li .fourpopup{width:290px;height:290px;}
    .fourLiBox ul li .fourpopup h5{font-size:26px; padding:160px 0 0 28px;}
    .fourLiBox ul li .fourpopup p{padding:0 50px 20px 40px;}
    .fourLiBox ul li .fourpopup a.fourMore{margin:0 0 0 40px;width:198px;height:48px;border-radius: 24px; font-size:18px; line-height:48px;}
    .fourLiBox ul li:hover .fourimgpopup,
    .fourLiBox ul li:hover .fourpopup{width:390px;height:390px;}
    .fourLiBox ul li:hover .fourpopup h5{font-size:38px;padding:40px 50px 10px 40px;}

}
@media (min-width: 1366px) {
    .page-four,
    .page-four .container{height:750px;}

    .fourAnimation h4{font-size:38px; font-weight: 700;}

    .fourLiBox ul li{width:297px;height:463px;}
    .fourLiBox ul li .fourimgpopup,
    .fourLiBox ul li .fourpopup{width:297px;height:297px;}
    .fourLiBox ul li .fourpopup h5{font-size:28px; padding:160px 0 0 28px;}
    .fourLiBox ul li .fourpopup p{padding:0 50px 40px 50px;}
    .fourLiBox ul li .fourpopup a.fourMore{margin:0 0 0 50px;width:198px;height:48px;border-radius: 24px; font-size:18px; line-height:48px;}
    .fourLiBox ul li:hover .fourimgpopup,
    .fourLiBox ul li:hover .fourpopup{width:463px;height:463px;}
    .fourLiBox ul li:hover .fourpopup h5{font-size:50px;padding:40px 50px 30px 50px;}

}
/*page-FOUR结束*/

/*page-Amazing 开始*/
#stories{position: absolute;top:-80px; display:block;}
.page-amazing{  position: relative;   background: #f4f4f4;}
.page-amazing .container{position: relative; }
.amazingAnimation{position: absolute;color:#595758; font-size:16px; }

.page-amazing h3{font-size:82px;margin:0;line-height:1.06;}
.page-amazing h4{font-size:38px; font-weight: 700;}
.page-amazing h5{font-size:18px;font-weight: 400;line-height:1.5; padding-top:20px;}
.page-amazing h3 span,.page-amazing h4 span{color:#c7000b; }

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

.tdm{color:#595757;padding:2px 12px; top:100px; left:50%;transform: translateX(-50%); font-size:20px; opacity: 0; }

.photolist{margin:230px auto 0 auto;text-align: center; padding-bottom:50px; }
.photolist ul{font-size: 0;}

.photolist ul li{display:block;float:left; position: relative; overflow: hidden; padding:0 5px 10px 5px;}
.photolist ul li .amazingImgPopup{position: absolute;left:5px;top:0;overflow: hidden; }
.photolist ul li .amazingImgPopup img{transition:all .8s;}
.photolist ul li .amazingpopup{position: absolute;left:5px;top:0; overflow: hidden; background:rgba(48,181,197,0.8);text-align: left;color:#fff; display:none;}


.photolist ul li .amazingpopup a.amazingMore{ display:block; color:#fff;border:1px #fff solid;width:146px;height:34px;border-radius: 17px; text-align: center;font-size:12px; line-height:34px;}
.photolist ul li:hover .amazingpopup{display:block;}
.photolist ul li:hover .amazingImgPopup img{transform: scale(1.1);}


.photolist ul li{width:334px;height:334px; }
.photolist ul li .amazingImgPopup,
.photolist ul li .amazingImgPopup img,
.photolist ul li .amazingpopup{width:324px;height:324px;}

.photolist ul li.row2{width:668px; }
.photolist ul li.row2 .amazingpopup,
.photolist ul li.row2 .amazingImgPopup,
.photolist ul li.row2 .amazingImgPopup img{width:658px;}

.photolist ul li.col2{height:658px;}
.photolist ul li.col2 .amazingpopup,
.photolist ul li.col2 .amazingImgPopup,
.photolist ul li.col2 .amazingImgPopup img{height:658px;}

.photolist ul li .amazingpopup p{padding:30px 0 0 32px;font-size:18px;}
.photolist ul li .amazingpopup h5{padding:10px 0 0 32px;font-size:22px; line-height:1.3;}
.photolist ul li .amazingpopup a.amazingMore{ margin:10px 0 0 32px;}


/*@media (min-width: 768px) {*/

    /*.page-amazing h4{font-size:30px; font-weight: 700;}*/

    /*.photolist ul li{width:180px;height:180px; }*/
    /*.photolist ul li .amazingImgPopup,*/
    /*.photolist ul li .amazingImgPopup img,*/
    /*.photolist ul li .amazingpopup{width:170px;height:170px;}*/

    /*.photolist ul li.row2{width:360px; }*/
    /*.photolist ul li.row2 .amazingpopup,*/
    /*.photolist ul li.row2 .amazingImgPopup,*/
    /*.photolist ul li.row2 .amazingImgPopup img{width:364px;}*/

    /*.photolist ul li.col2{height:350px;}*/
    /*.photolist ul li.col2 .amazingpopup,*/
    /*.photolist ul li.col2 .amazingImgPopup,*/
    /*.photolist ul li.col2 .amazingImgPopup img{height:364px;}*/

    /*.photolist ul li .amazingpopup p{padding:20px 0 0 18px;font-size:14px;}*/
    /*.photolist ul li .amazingpopup h5{padding:2px 2px 0 18px;font-size:16px;}*/
    /*.photolist ul li .amazingpopup a.amazingMore{ margin:16px 0 0 18px;width:120px;height:30px;border-radius: 15px; line-height:30px;}*/
/*}*/

@media (min-width: 992px) {

    .photolist{width:930px;}
    .page-amazing h4{font-size:38px; font-weight: 700;}

    .photolist ul li{width:232px;height:232px; }
    .photolist ul li .amazingImgPopup,
    .photolist ul li .amazingImgPopup img,
    .photolist ul li .amazingpopup{width:222px;height:222px;}

    .photolist ul li.row2{width:464px; }
    .photolist ul li.row2 .amazingpopup,
    .photolist ul li.row2 .amazingImgPopup,
    .photolist ul li.row2 .amazingImgPopup img{width:454px;}

    .photolist ul li.col2{height:474px;}
    .photolist ul li.col2 .amazingpopup,
    .photolist ul li.col2 .amazingImgPopup,
    .photolist ul li.col2 .amazingImgPopup img{height:454px;}

    .photolist ul li .amazingpopup p{padding:30px 0 0 18px;font-size:16px;}
    .photolist ul li .amazingpopup h5{padding:18px 20px 0 18px;font-size:18px;}
    .photolist ul li .amazingpopup a.amazingMore{ margin:30px 0 0 18px;}
}

@media (min-width: 1200px) {

    .photolist{width:auto;}
    .page-amazing h4{font-size:38px; font-weight: 700;}

    .photolist ul li{width:285px;height:285px; }
    .photolist ul li .amazingImgPopup,
    .photolist ul li .amazingImgPopup img,
    .photolist ul li .amazingpopup{width:275px;height:275px;}

    .photolist ul li.row2{width:570px; }
    .photolist ul li.row2 .amazingpopup,
    .photolist ul li.row2 .amazingImgPopup,
    .photolist ul li.row2 .amazingImgPopup img{width:560px;}

    .photolist ul li.col2{height:560px;}
    .photolist ul li.col2 .amazingpopup,
    .photolist ul li.col2 .amazingImgPopup,
    .photolist ul li.col2 .amazingImgPopup img{height:560px;}

    .photolist ul li .amazingpopup p{padding:30px 0 0 22px;font-size:18px;}
    .photolist ul li .amazingpopup h5{padding:10px 10px 0 22px;font-size:22px;}
    .photolist ul li .amazingpopup a.amazingMore{ margin:10px 0 0 22px;}

}

@media (min-width: 1366px) {

    .page-amazing h4{font-size:38px; font-weight: 700;}

    .photolist ul li{width:312px;height:312px; }
    .photolist ul li .amazingImgPopup,
    .photolist ul li .amazingImgPopup img,
    .photolist ul li .amazingpopup{width:302px;height:302px;}

    .photolist ul li.row2{width:624px; }
    .photolist ul li.row2 .amazingpopup,
    .photolist ul li.row2 .amazingImgPopup,
    .photolist ul li.row2 .amazingImgPopup img{width:614px;}

    .photolist ul li.col2{height:614px;}
    .photolist ul li.col2 .amazingpopup,
    .photolist ul li.col2 .amazingImgPopup,
    .photolist ul li.col2 .amazingImgPopup img{height:614px;}

    .photolist ul li .amazingpopup p{padding:30px 0 0 32px;font-size:18px;}
    .photolist ul li .amazingpopup h5{padding:10px 10px 0 32px;font-size:26px;}
    .photolist ul li .amazingpopup a.amazingMore{ margin:30px 0 0 32px;}

}

/*page-Amazing 结束*/

/*page-cloudAI 开始*/

.page-cloudAI,
.page-cloudAI .container{height:500px; position: relative;}
.cloudaiAnimation{position: absolute;color:#595758; font-size:16px; }

.cloudAIBox{}
.cloudAIBox .swiper-slide {
    text-align: center;
    font-size: 18px;
    height:480px;
    transition: 300ms;
    background:#fff;
}
.cloudAIBox .swiper-slide .avatarBox{ float:left; border-radius: 50%; overflow: hidden;margin:40px 2% 0 8%;width:28%;border:16px #eaf8f9 solid;}
.cloudAIBox .swiper-slide .avatarBox .avatarBorder{border-radius: 50%; overflow: hidden;border:16px #b2e4ea solid;}
.cloudAIBox .swiper-slide .avatarBox .avatarBorder img{width:100%;}

.cloudAIBox .swiper-slide .quotations{ width: 50%;text-align: left; line-height: 1.5; font-size:18px; float: right; color:#a0a0a0;margin:40px 8% 0 0;padding-top: 3%;}
.cloudAIBox .swiper-slide .quotations h5{line-height: 1.5;font-size: 22px;padding-bottom: 30px;color:#595758;}
.cloudAIBox .swiper-slide .title{}

.cloudAIBox .swiper-slide.swiper-slide-active .avatarBox,
.cloudAIBox .swiper-slide.swiper-slide-duplicate-active .avatarBox{
    border:16px #eaf8f9 solid;
}
.cloudAIBox .swiper-slide.swiper-slide-active .avatarBorder,
.cloudAIBox .swiper-slide.swiper-slide-duplicate-active .avatarBorder{
    border:16px #b2e4ea solid;
}

.cloudAIBox .swiper-button-next:after, .cloudAIBox .swiper-button-prev:after{color:#7e7e7e;}

/*page-cloudAI 结束*/


/*page-t4aBetterWorld 开始*/

.page-t4aBetterWorld,
.page-t4aBetterWorld .container{height:440px; 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:6%;top:72px; width:25%;}
.footerCentent{left:36%;top:100px;}
a.joinBWMore{display:block; color:#595758;border:1px #595758 solid;width:360px;height:52px;border-radius: 26px; text-align: center;font-size:20px; line-height:52px;}
a.joinBWMore:hover{color:#fff;background:#30b5c4;border-color:#30b5c4;}

/*@media (min-width: 768px) {*/
    /*.t4aBWAnimation h5 {*/
        /*font-size:18px;padding-bottom:20px;*/
    /*}*/
/*}*/

/*@media (min-width: 920px) {*/
    /*.t4aBWAnimation h5 {*/
        /*font-size:18px;padding-bottom:20px;*/
    /*}*/
/*}*/
/*@media (min-width: 1200px) {*/
    .t4aBWAnimation h5 {
        font-size:20px;padding-bottom:20px;
    }
/*}*/
@media (min-width: 1366px) {
    .t4aBWAnimation h5 {
        font-size:20px;padding-bottom:20px;
    }
    .cloudAIBox .swiper-slide .avatarBox .avatarBorder img{width:286px;height:286px;}
}

/*page-t4aBetterWorld 结束*/

/* index page 结束*/

/***************** news page ******************/
/*news banner box 开始*/
/*继承首页 page-banner 样式*/
/*单张不加效果用bg，多张轮播用js+canvas*/
.page-banner.newsAdBox,.page-banner.newsAdBox .bannerBg{
    /*height:793px;*/
    background-position: center;background-repeat: no-repeat; background-size:cover;}
/*.page-banner.newsAdBox .maskItemText{top:60%;}*/

/*news banner box 结束*/

/*page-latestUpdates 开始*/
.page-latestUpdates{background:#f5f5f5;}
.page-latestUpdates .lp{position: relative;color:#595757; font-size:16px; }
.page-latestUpdates .lp h4{font-size:18px; font-weight: 400; text-align: center; padding:50px;}
.page-latestUpdates .lp h4 span{color:#c7000b; }

.lp_swiperBox{position: relative;}
.lp_swiperBox,.lp_swiperBox .swiper-slide{height:428px; width:100%; overflow: hidden;}

.lp_swiperBox .lpItemPic{ position: absolute; left:0;top:50%; width:55%; text-align: center;transform: translateY(-50%); }
.lp_swiperBox .lpItemPic img{width:100%;}
.lp_swiperBox .lpItemText{ position: absolute; right:0px; top:50%; transform: translateY(-50%);  background:#fff; width:48%;height:auto; padding:36px 26px; color:#969696; }
.lp_swiperBox .lpItemText .tag{font-size:18px;}
.lp_swiperBox .lpItemText h5{font-size:24px; font-weight: 700; color:#595758;line-height:1.5;}
.lp_swiperBox .lpItemText p{font-size:18px; color:#969696; padding-bottom:20px;}
.lp_swiperBox a.lpMore{color:#30b5c4; font-size:16px;}
.lp_swiperBox .lpItemText:hover h5{color:#30b5c4; }

.lp_swiperBox .swiper-button-next:after,.lp_swiperBox .swiper-button-prev:after{font-size:16px;}
.lp_swiperBox .swiper-button-next,
.lp_swiperBox .swiper-button-prev{width:36px;height:36px;border:1px #30b5c5 solid; border-radius: 18px; color:#30b5c5;left:auto;right:20px; top:auto;bottom:11%;}
.lp_swiperBox .swiper-button-prev{right:65px;}
.lp_swiperBox .swiper-button-prev:after{}

.lp_swiperBox .swiper-button-next:hover,
.lp_swiperBox .swiper-button-prev:hover{
    background:#30b5c5;
}
.lp_swiperBox .swiper-button-next:hover:after,
.lp_swiperBox .swiper-button-prev:hover:after{
    color:#fff;
}

.lp_swiperBox.swiper-container-horizontal>.swiper-pagination-bullets,
.lp_swiperBox .swiper-pagination-custom,
.lp_swiperBox .swiper-pagination-fraction{bottom:0;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#30b5c5;}

/*@media (min-width: 768px){*/
    /*.lp_swiperBox .lpItemText{background:#fff;}*/
    /*.lp_swiperBox .lpItemPic{ min-width:55%;}*/
/*}*/

/*@media (min-width: 1200px){*/
/*}*/
@media only screen and (max-width: 769px) {
    .lp_swiperBox .lpItemText{background:rgba(255,255,255,0.9);transform: translateX(-50%) translateY(-50%); left:50%; }
    .lp_swiperBox .lpItemPic{ width:100%;}

}
/*page-latestUpdates 结束*/

/*page-lpBox 开始*/
.page-lpBox{background:#f5f5f5;}
.lpMiniBox{margin-left:-15px;margin-right:-15px; padding-top:50px;}
.lpMiniLi{width:33.333%; padding:30px 16px 0 16px; margin-bottom:30px; float:left; text-align: center; position: relative; }
.lpMiniLi .lpItemPic{text-align: center; position:relative; overflow: hidden;}
.lpMiniLi .lpItemPic img{margin: 0 auto; width:100%;transition:all .8s; }
.lpMiniLi .lpItemPic .tag{ position: absolute;left:0;bottom:0; padding:6px 20px; font-size:16px; background:rgba(48,181,196,.7);color:#fff;}
.lpMiniLi .lpItemText{background:#fff; text-align: left; height:170px; padding:20px 30px 0; color:#707070;}
.lpMiniLi .lpItemText h5{font-size:24px; font-weight: 700; color:#595758; height: 110px; overflow: hidden; line-height: 1.5;}
.lpMiniLi .lpItemText p{display:none;}
.lpMiniLi .lpItemText a:hover h5{color:#30b5c4;}

.lpMiniLi:hover .lpItemPic img{transform: scale(1.1);}

.lpMiniLi.fadein{
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 0.38s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
@keyframes fadeIn {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }

/*@media (min-width: 768px){*/
    /*.lpMiniLi{width:50%;}*/
/*}*/

/*@media (min-width: 1200px){*/
    .lpMiniLi{width:33.333%;}
/*}*/
@media only screen and (max-width: 769px) {
    .lpMiniLi{width:100%;}
}


.lpMoreBtnBox{ position: relative;height:100px; text-align: center;}
.lpMoreBtnBox a.lp-load-more,
.lpMoreBtnBox a.lp-remove-more,
.load-more a.js-wookmark-load-more,
.load-more a.js-wookmark-remove-more{ font-family: 'swiper-icons'; font-size:16px; color:#30b5c5;display:block; transform: translateX(-50%);width: 36px; height: 36px; line-height: 36px;border-radius: 18px; border:1px #30b5c5 solid; text-align: center; position: absolute; left: 50%; top: 30px; }

/*swiper字体箭头样式好一些*/
.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 {  display: none\9;
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #30b5c5;
    border-bottom: 2px solid #30b5c5;
    transition: transform 0.5s ease;
    transform: rotate(45deg);
    width: 0 \9;
    height: 0 \9;
    overflow: hidden \9;
    font-size: 0 \9;
    /* 是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0 \9;
    /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width: 6px \9;
    border-style: solid dashed dashed dashed \9;
    /* IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果 */
    border-color: #333 transparent transparent transparent \9;
    margin-top: 0 \9;
    margin-left: 0 \9;
}

.lpMoreBtnBox a.lp-load-more:hover ,
.load-more a.js-wookmark-load-more:hover{ background:#30b5c5;}
.lpMoreBtnBox a.lp-load-more:hover:after,
.load-more a.js-wookmark-load-more:hover:after{border-right: 2px solid #fff;border-bottom: 2px solid #fff;}

.lpMoreBtnBox a.lp-remove-more,
.load-more a.js-wookmark-remove-more{left:53%; color:#30b5c5;display:none;}
.lpMoreBtnBox a.lp-remove-more:after,
.load-more a.js-wookmark-remove-more:after{transform: rotate(-135deg);margin-top: -3px;}
.lpMoreBtnBox a.lp-remove-more:hover,
.load-more a.js-wookmark-remove-more:hover{ background:#30b5c5;}
.lpMoreBtnBox a.lp-remove-more:hover:after,
.load-more a.js-wookmark-remove-more:hover:after{border-right: 2px solid #fff;  border-bottom: 2px solid #fff;}
    /*page-lpBox 结束*/

/*page-topic 开始*/

.page-topic{color: #333;}
.page-topic .item-title{ color:#595758; font-size:38px; text-align: center; padding:50px 0 10px; }
.page-topic .item-info{ color:#595758; font-size:18px; text-align: center; }
.page-topic .item-info h5{ color:#595758; font-size:18px; }
.page-topic .item-box {margin: 20px 0;}
.page-topic .item-box ul {position: relative;}
.page-topic .item-box ul li {width: 33.3333%;padding:30px; position: absolute;}

@media only screen and (max-width: 769px) {
    .page-topic .item-box ul li {width: 100%;padding:30px 30px;}
}

.page-topic .item-box ul li:hover a .img-box img {transform: scale(1.1);}
.page-topic .item-box ul li a {display: block; padding: 30px;font-size: 16px; box-shadow: 0px 0px 1px 1px #cfd1d6;}
.page-topic .item-box ul li a .img-box {width: 100%;overflow: hidden;border-radius: 5px;}
.page-topic .item-box ul li a .img-box img {width: 100%;border-radius: 5px;transition: transform 0.8s;}
.page-topic .item-box ul li a .title {font-size: 22px;color:#595758; line-height:1.5; font-weight: 700; padding-bottom:10px; }
.page-topic .item-box ul li a .desc { font-size:18px; color:#595758;  line-height: 1.5;}
.page-topic .item-box ul li a .author {display: table; padding:10px 0;}
.page-topic .item-box ul li a .author .avator {width: 40px;display: table-cell;}
.page-topic .item-box ul li a .author .avator img {width: 100%;}
.page-topic .item-box ul li a .author .name {padding-left:5px; padding-top:3px; display: table-cell; font-size:18px;color:#595758;vertical-align: middle;}
.page-topic .item-box ul li a .bottom {padding-top: 20px;margin-top: 20px; margin-bottom:1px; width: 100%; display: table; border-top: 1px solid #e5e5e5; padding-bottom:1px; }

.page-topic .item-box ul li a .bottom .left { width: 50%; text-align: left; display: table-cell; color: #808080; }
.page-topic .item-box ul li a .bottom .left img {width: 22px; }
.page-topic .item-box ul li a .bottom .right { width: 50%; text-align: right; display: table-cell; color:#aaa; font-size:14px; }

.page-topic .item-box .load-more { position: relative;height:100px;    text-align: center;}

/*page-topic 结束*/

/*page-mediaKit 开始*/
.page-mediaKit{background:#f5f5f5;}
.page-mediaKit .mk{position: relative;color:#595757; font-size:16px; }
.page-mediaKit .mk h4{font-size:38px; font-weight: 700; text-align: center; padding:50px;}
.page-mediaKit .mk h4 span{color:#c7000b; }


.mk_titCell{display:table; width:100%;}
.mk_titCell li{display:table-cell; padding:0 5px; width:33.333%;}
.mk_titCell li div{background:#fff; color:#30b5c5;text-align:center; height:86px; line-height:86px; font-size:26px; cursor: pointer;}
.mk_titCell li div span{display:inline-block; width:40px; height:36px; background:url(../../Assets/images/mediaKit_icon.png) no-repeat 0 0; vertical-align: middle;}
.mk_titCell li.on div,
.mk_titCell li:hover div{background:#30b5c5; color:#fff;}

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

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

.mk_mainCell{ padding:20px 0 30px; position: relative; }


.mk_mainCell .mk_option_box{ position: absolute;left:5px;top:20px;  width:276px;}
.mk_mainCell .mk_option_box p{font-size:20px; color:#707070;height:56px;line-height:56px;}
.mk_mainCell .mk_option_box div{width:168px; border-top:1px #707070 solid; padding:12px 0; display:none;}
.mk_mainCell .mk_option_box div.on{display:block;}
.mk_mainCell .mk_option_box div li{ height:40px;line-height:40px; font-size:20px;color:#707070; position: relative; padding-left:30px;cursor: pointer; }
.mk_mainCell .mk_option_box div li span{background:url(../../Assets/images/mediaKit_icon.png) no-repeat 0 -115px;display:block;width:40px;height:20px; position: absolute;left: 2px;top: 10px;}
.mk_mainCell .mk_option_box div li.on,
.mk_mainCell .mk_option_box div li:hover{color:#30b5c4;font-weight: 700;}
.mk_mainCell .mk_option_box div li.on span,
.mk_mainCell .mk_option_box div li:hover span{ background-position: 0 -5px;}


.mk_mainCellCententBox{ position: relative;margin-left:281px; min-height:300px;}


.mk_mainCellCententBox .mk_item{position: relative; opacity: 0; animation: fadeIn 0.35s linear 1 forwards;}
.mk_mainCellCententBox:before,
.mk_mainCellCententBox .mk_item:before{display: table;content: " ";}
.mk_mainCellCententBox:after,
.mk_mainCellCententBox .mk_item:after{display: table;content: " "; clear: both; }


.mk_mainCellCententBox.mk_whitepaper .mk_item,
.mk_mainCellCententBox.mk_leaflet .mk_item,
.mk_mainCellCententBox.mk_questions .mk_item{width:100%; background:#fff; margin-bottom:24px;}



.mk_mainCellCententBox.mk_whitepaper .mk_item .mk_pic,
.mk_mainCellCententBox.mk_leaflet .mk_item .mk_pic,
.mk_mainCellCententBox.mk_questions .mk_item .mk_pic{margin:18px 20px; float:left;}

.mk_mainCellCententBox.mk_whitepaper .mk_item .mk_pic img,
.mk_mainCellCententBox.mk_leaflet .mk_item .mk_pic img,
.mk_mainCellCententBox.mk_questions .mk_item .mk_pic img{width:220px;height:184px;}

.mk_mainCellCententBox.mk_whitepaper .mk_item .mk_introduce,
.mk_mainCellCententBox.mk_leaflet .mk_item .mk_introduce,
.mk_mainCellCententBox.mk_questions .mk_item .mk_introduce{ margin:44px 0 0 264px; height:140px; border-left:1px #30b5c4 solid; }


.mk_mainCellCententBox.mk_whitepaper .mk_item .mk_introduce .mk_title,
.mk_mainCellCententBox.mk_leaflet .mk_item .mk_introduce .mk_title,
.mk_mainCellCententBox.mk_questions .mk_item .mk_introduce .mk_title{color:#707070; font-size:22px; font-weight: 700; line-height:1.5; height:100px; overflow: hidden; padding: 0 30px 10px 30px;}

.mk_mainCellCententBox.mk_whitepaper .mk_item a:hover .mk_title,
.mk_mainCellCententBox.mk_leaflet .mk_item a:hover .mk_title,
.mk_mainCellCententBox.mk_questions .mk_item a:hover .mk_title{ color:#30B5C4;}

.mk_mainCellCententBox.mk_whitepaper .mk_item .mk_data,
.mk_mainCellCententBox.mk_leaflet .mk_item .mk_data,
.mk_mainCellCententBox.mk_questions .mk_item .mk_data{ padding: 10px 30px 10px 30px; color:#9FA0A0;font-size:18px;}


.mk_mainCellCententBox.mk_photo,
.mk_mainCellCententBox.mk_poster{ min-height:500px;}
.mk_mainCellCententBox.mk_poster{min-height:600px;}

.mk_mainCellCententBox.mk_photo .mk_item,
.mk_mainCellCententBox.mk_poster .mk_item{width: 33.3333%; padding:20px 0 20px 20px; position: absolute; left:0;top:0; }

.mk_mainCellCententBox.mk_photo .mk_item .mk_pic,
.mk_mainCellCententBox.mk_poster .mk_item .mk_pic{position: relative; overflow: hidden;}

.mk_mainCellCententBox.mk_photo .mk_item .mk_pic{height:169px;}

.mk_mainCellCententBox.mk_photo .mk_item .mk_pic img,
.mk_mainCellCententBox.mk_poster .mk_item .mk_pic img{width:100%;transition:all .8s;}

.mk_mainCellCententBox.mk_photo .mk_item:hover .mk_pic img,
.mk_mainCellCententBox.mk_poster .mk_item:hover .mk_pic img{transform: scale(1.1);}




.mk_mainCellCententBox.mk_photo .mk_item .mk_introduce,
.mk_mainCellCententBox.mk_poster .mk_item .mk_introduce{display:none; position: absolute;left:0;top:0; width:100%;height:100%; background:rgba(48,181,196,.7); color:#fff;}


.mk_mainCellCententBox.mk_photo .mk_item:hover .mk_introduce,
.mk_mainCellCententBox.mk_poster .mk_item:hover .mk_introduce{display:block; }

.mk_mainCellCententBox.mk_photo .mk_item .mk_introduce .mk_title,
.mk_mainCellCententBox.mk_poster .mk_item .mk_introduce .mk_title{ position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);  width:100%; color:#fff; font-size:18px; line-height:1.5; padding:10px 30px 40px 30px; text-align: center; background:url(../../Assets/images/icon-download.png) no-repeat center bottom;}

.mk_mainCellCententBox.mk_photo .mk_item .mk_data,
.mk_mainCellCententBox.mk_poster .mk_item .mk_data{ display:none;}

.mk_mainCellCententBox.mk_all,
.mk_mainCellCententBox.mk_environment,
.mk_mainCellCententBox.mk_healthcare,
.mk_mainCellCententBox.mk_development,
.mk_mainCellCententBox.mk_education{}

.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:50%; padding:20px; float:left;}

.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{position: relative; overflow: hidden; height:219px;}

.mk_mainCellCententBox.mk_all .mk_item .mk_pic .mk_playBtn,
.mk_mainCellCententBox.mk_environment .mk_item .mk_pic .mk_playBtn,
.mk_mainCellCententBox.mk_healthcare .mk_item .mk_pic .mk_playBtn,
.mk_mainCellCententBox.mk_development .mk_item .mk_pic .mk_playBtn,
.mk_mainCellCententBox.mk_education .mk_item .mk_pic .mk_playBtn{cursor: pointer; position: absolute; bottom:30px;left:28px; background:url(../../Assets/images/mk_play_btn.png) no-repeat 0 0; width:38px;height:38px;}


.mk_mainCellCententBox.mk_all .mk_item .mk_pic img,
.mk_mainCellCententBox.mk_environment .mk_item .mk_pic img,
.mk_mainCellCententBox.mk_healthcare .mk_item .mk_pic img,
.mk_mainCellCententBox.mk_development .mk_item .mk_pic img,
.mk_mainCellCententBox.mk_education .mk_item .mk_pic img{width:100%;transition:all .8s;}


.mk_mainCellCententBox.mk_all .mk_item:hover .mk_pic img,
.mk_mainCellCententBox.mk_environment .mk_item:hover .mk_pic img,
.mk_mainCellCententBox.mk_healthcare .mk_item:hover .mk_pic img,
.mk_mainCellCententBox.mk_development .mk_item:hover .mk_pic img,
.mk_mainCellCententBox.mk_education .mk_item:hover .mk_pic img{transform: scale(1.1);}


.mk_mainCellCententBox.mk_all .mk_item .mk_introduce,
.mk_mainCellCententBox.mk_environment .mk_item .mk_introduce,
.mk_mainCellCententBox.mk_healthcare .mk_item .mk_introduce,
.mk_mainCellCententBox.mk_development .mk_item .mk_introduce,
.mk_mainCellCententBox.mk_education .mk_item .mk_introduce{background:#fff; padding:22px 30px;}


.mk_mainCellCententBox.mk_all .mk_item .mk_introduce .mk_title,
.mk_mainCellCententBox.mk_environment .mk_item .mk_introduce .mk_title,
.mk_mainCellCententBox.mk_healthcare .mk_item .mk_introduce .mk_title,
.mk_mainCellCententBox.mk_development .mk_item .mk_introduce .mk_title,
.mk_mainCellCententBox.mk_education .mk_item .mk_introduce .mk_title{cursor: pointer;color:#707070; font-size:22px; font-weight: 700;overflow: hidden;height: 80px;padding-bottom:20px;}


.mk_mainCellCententBox.mk_all .mk_item .mk_introduce .mk_title:hover,
.mk_mainCellCententBox.mk_environment .mk_item .mk_introduce .mk_title:hover,
.mk_mainCellCententBox.mk_healthcare .mk_item .mk_introduce .mk_title:hover,
.mk_mainCellCententBox.mk_development .mk_item .mk_introduce .mk_title:hover,
.mk_mainCellCententBox.mk_education .mk_item .mk_introduce .mk_title:hover{color:#30b5c5;}


.mk_mainCellCententBox.mk_all .mk_item .mk_introduce .mk_data,
.mk_mainCellCententBox.mk_environment .mk_item .mk_introduce .mk_data,
.mk_mainCellCententBox.mk_healthcare .mk_item .mk_introduce .mk_data,
.mk_mainCellCententBox.mk_development .mk_item .mk_introduce .mk_data,
.mk_mainCellCententBox.mk_education .mk_item .mk_introduce .mk_data{font-size:18px; display:none;}

.mk_mainCellCententBox.mk_all .mk_item .mk_introduce a:hover .mk_title,
.mk_mainCellCententBox.mk_environment .mk_item .mk_introduce a:hover .mk_title,
.mk_mainCellCententBox.mk_healthcare .mk_item .mk_introduce a:hover .mk_title,
.mk_mainCellCententBox.mk_development .mk_item .mk_introduce a:hover .mk_title,
.mk_mainCellCententBox.mk_education .mk_item .mk_introduce a:hover .mk_title{ color:#30B5C4;}


@media (min-width: 1366px) {

    .mk_mainCellCententBox.mk_photo .mk_item .mk_pic{height:192px;}

    .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:250px;}
}

.mk-load-more-box{position: relative;margin-left:281px; height:80px;}
.mk-load-more-box a.mk-load-more,
.mk-load-more-box a.mk-remove-more{ font-family: 'swiper-icons'; font-size:16px; color:#30b5c5;display:block; transform: translateX(-50%);width: 36px; height: 36px; line-height: 36px;border-radius: 18px; border:1px #30b5c5 solid; text-align: center; position: absolute; left: 50%; top: 30px; }

/*swiper字体箭头样式好一些*/
.mk-load-more-box a.mk-load-more:after ,
.mk-load-more-box a.mk-remove-more:after {  display: none\9;
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #30b5c5;
    border-bottom: 2px solid #30b5c5;
    transition: transform 0.5s ease;
    transform: rotate(45deg);
    width: 0 \9;
    height: 0 \9;
    overflow: hidden \9;
    font-size: 0 \9;
    /* 是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0 \9;
    /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width: 6px \9;
    border-style: solid dashed dashed dashed \9;
    /* IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果 */
    border-color: #333 transparent transparent transparent \9;
    margin-top: 0 \9;
    margin-left: 0 \9;
}

.mk-load-more-box a.mk-load-more:hover{ background:#30b5c5;}
.mk-load-more-box a.mk-load-more:hover:after{border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
.mk-load-more-box a.mk-remove-more{left:53%; color:#30b5c5;display:none;}
.mk-load-more-box a.mk-remove-more:after{transform: rotate(-135deg);margin-top: -3px;}
.mk-load-more-box a.mk-remove-more:hover{ background:#30b5c5;}
.mk-load-more-box a.mk-remove-more:hover:after{border-right: 2px solid #fff;  border-bottom: 2px solid #fff;}

/*page-mediaKit 结束*/


/***************** partnership page ******************/
/*news banner box 开始*/
/*继承首页 page-banner 样式*/
/*单张不加效果用bg，多张轮播用js+canvas*/
/* partnerAdBox */
.page-banner.partnerAdBox,.page-banner.partnerAdBox .bannerBg{
    /*height:793px;*/
    background-position: center;background-repeat: no-repeat; background-size:cover;}
/*.page-banner.partnerAdBox .maskItemText{top:60%;}*/

/* page-partnershipsBox 开始*/
.page-partnershipsBox{}
.page-partnershipsBox .partnershipsTitle{position: relative; color:#595757; font-size:16px; }
.page-partnershipsBox .partnershipsTitle h4{font-size:38px; font-weight: 700; text-align: center; padding:50px;}
.page-partnershipsBox .partnershipsTitle h4 span{color:#c7000b; }

.page-partnershipsTable{position: relative; margin-bottom:80px;}
.page-partnershipsTable:before{display: table;content: " ";}
.page-partnershipsTable:after{display: table;content: " ";clear: both; }
.page-partnershipsTable .page-partnershipsPic{float:left; width:50%;}
.page-partnershipsTable .page-partnershipsPic img{width:100%;}
.page-partnershipsTable:nth-child(odd) .page-partnershipsPic{float:right;}

.page-partnershipsTable .page-partnershipsItemBg{background:#f4f4f4; position: absolute;left:50%;width:100%;top: 50%;transform: translateY(-50%);}

.page-partnershipsTable .page-partnershipsItem{ width:50%; padding:60px 50px;}
.page-partnershipsTable .page-partnershipsItem h5{color:#30B5C5; font-size:24px; font-weight: 700; padding:20px 0;}
.page-partnershipsTable .page-partnershipsItem p{color:#707070;font-size:18px; line-height:1.5;}

.page-partnershipsTable:nth-child(odd) .page-partnershipsItemBg{left:auto;right:50%;}
.page-partnershipsTable:nth-child(odd) .page-partnershipsItem{ float:right;}
/* page-partnershipsBox 结束*/

/*page-partners 开始*/

.page-partners,
.page-partners .container{ position: relative; background:#f4f4f4;}

.page-together2,
.page-together2 .container{position: relative;}

.pfg{color:#595758; font-size:16px; width:100%; text-align: center; }
.pfg h4{font-size:38px; font-weight: 700;padding:50px 0;}
.pfg h4 span {
    color: #c7000b;
}

.partnersList_Mobile{display:none;}
.partnersList li{display:inline-block;text-align: center; padding:0 10px;display: table-cell;}
a.partnersMore{display:block; color:#595758;border:1px #595758 solid;width:360px;height:52px;border-radius: 26px; text-align: center;font-size:20px; line-height:52px; margin:50px auto;}
a.partnersMore:hover{color:#fff;background:#30b5c4;border-color:#30b5c4;}
.partnersList .swiper-button-next:after, .partnersList .swiper-container-rtl .swiper-button-prev:after,
.partnersList .swiper-button-prev:after,.partnersList  .swiper-container-rtl .swiper-button-next:after{font-size:20px;color:#7e7e7e;}
/*page-partners 结束*/

/* page-together 开始 */
.page-together{ background:#f5f5f5}
.page-together .ttmad{position: relative;color:#595757; font-size:16px; }
.page-together .ttmad h4{font-size:38px; font-weight: 700; text-align: center; padding:50px 0 20px 0;}
.page-together .ttmad h4 span{color:#c7000b; }
.page-together .ttmad p{font-size:18px; width:80%; text-align: center; margin:0 auto;}

.ttmad_swiper{display:block;background:#f5f5f5;}
.ttmad_swiper_mobile{display:none;}


.ttmad_swiperTitle{background: #f5f5f5;}
.ttmad_swiperTitle{position: relative; color:#595757; font-size:16px; }
.ttmad_swiperTitle h4{font-size:38px; font-weight: 700; text-align: center; padding:50px; display:none;}
.ttmad_swiperTitle h4 span{color:#c7000b; }
.ttmad_swiperTitle h5{font-size:18px;line-height: 1.5; font-weight: 400; width:80%; text-align: center; padding:50px; margin: 0 auto;}

.ttmad_swiper .ttmad_swiperBox{width:100%; position: relative; padding-bottom:24px; margin: 0 auto;
    /*border-bottom:1px #c0c0c0 solid;*/
}
.ttmad_swiper .ttmad_swiperBox .swiper-slide .partnersMask{ position: absolute;left:0;top:0; width:100%;height:100%; background:rgba(0,0,0,0.3);}
.ttmad_swiper .ttmad_swiperBox .swiper-slide .videoPlayBtn{position: absolute;left:50%; top:50%; transform: translate(-50%,-50%); width:80px;height:80px; cursor: pointer;}

.partnersList .swiper-button-next:after, .partnersList .swiper-button-prev:after{color:#30b5c5;}

.page-together .cloudAIBox .swiper-slide{background:none;}
.cloudAIBox .swiper-button-next:after, .cloudAIBox .swiper-button-prev:after{color:#30b5c5;}




.partnersList{ width:100%; position: relative; }
.partnersList .swiper-container{margin:0 90px;}
.partnersList .swiper-container .swiper-slide{text-align: center;}
.partnersList .swiper-container .swiper-slide img{margin:0 auto;}


.partnersList:before{display: table;content: " ";}
.partnersList:after{display: table;content: " "; clear: both; }

.partnersList li img{margin:0 auto;}

/*.page-together a.partnersMore,*/
/*.page-together2 a.partnersMore{border:none; font-size:18px;}*/
/*.page-together a.partnersMore:hover,*/
/*.page-together2 a.partnersMore:hover{color:#30b5c5;}*/


@media (min-width: 1200px){
    .ttmad_swiper .ttmad_swiperBox{width:100%;}
}
@media (min-width: 1366px){
    .ttmad_swiper .ttmad_swiperBox{width:978px;}
}


.gallery-top {width: 100%;}
.gallery-top .swiper-slide{width:100%;}
.gallery-top .swiper-slide img{width:100%;}
.gallery-thumbsBox{position: relative;}
.gallery-thumbs { box-sizing: border-box;padding:50px 0 20px 0; width:80%;}
.gallery-thumbs .swiper-slide {height: 100%;
    /*border:2px #f5f5f5 solid;*/
}
.gallery-thumbs .swiper-slide img{width:100%; cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active {
    /*border:2px #30b5c5 solid;*/
}
.gallery-thumbs .swiper-slide p{text-align: center;line-height:1.5; padding:5px 0; font-size:14px;}
.gallery-thumbs .swiper-slide-thumb-active p{ color:#30b5c5;}

.gallery-thumbsBox .swiper-button-next:after, .gallery-thumbsBox .swiper-button-prev:after{color:#30b5c5;}

/*.gallery-thumbs .swiper-button-next, .gallery-thumbs .swiper-button-prev{right: -50px;left: auto;}*/
/*.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -50px;right: auto;}*/
/* page-together 结束 */

/* page-great 开始*/
.page-great{ }
.page-great .container{position: relative;padding-bottom:80px;}
.greatBg{width:100%; height:563px; position: relative;}
.greatBg img{width:100%;}
.greatBg .greatMask{ position: absolute;left:0;top:0;width:100%;height:100%; background:rgba(48,181,197,.8);}
.page-great .greatTitle{position: absolute; transform: translateX(-50%); left:50%;top:20px; color:#fff; font-size:18px; text-align: center;width:100%;}
.page-great .greatTitle h4{font-size:24px; font-weight: 700; text-align: center; padding:20px 0 10px;}
.page-great .greatTitle h4 span{color:#c7000b;}
.page-great .greatTitle p{font-size:18px;}

.greatLiBox{ position: absolute;top:158px;left:50%;transform: translateX(-50%); display:table; margin-top:0;}
.greatLiBox li{display:table-cell; text-align: center;  width:33.333%;color:#fff;}
.greatLiBox li h5{ font-size:48px; font-weight: 700;}
.greatLiBox li img{margin:18px auto;}
.greatLiBox li p{padding:10px 0;font-size:18px; width:65%; margin: 0 auto;}
/* page-great 结束*/

/*继承首页 page-partners 样式*/

/***************** amazing page ******************/
/* page-amazingCase 开始 */

.page-banner.amazingAdBox,.page-banner.amazingAdBox .bannerBg{height:362px;background-position: center top;background-repeat: no-repeat; background-size:cover;}
/*.amazingAdBox .maskItemText{top:50%;}*/
.amazingAdBox .banner_t4a_logo{ left:auto;right:0; top:-19px;transform: translate(0,0);}


.page-amazingCase{position: relative; }
.page-amazingCase .amazingCaseTitle{position: relative;color:#595757; font-size:18px; text-align: center; width:90%; text-align: center; margin: 0 auto;}
.page-amazingCase .amazingCaseTitle h4{font-size:38px; font-weight: 700; text-align: center; padding:40px 50px;}
.page-amazingCase .amazingCaseTitle h4 span{color:#c7000b; }
.page-amazingCase .amazingCaseTitle h5{color:#595757;font-size:18px; padding-bottom:60px; line-height:1.5; }

.page-amazingCase .amazingCaseInfo{ position: relative; }
.page-amazingCase .amazingCaseInfo:before{display: table;content: " ";clear: both;}
.page-amazingCase .amazingCaseInfo:after{display: table;content: " ";clear: both;}


.page-amazingCase .amazingCaseInfo p{color:#595757; font-size: 18px;}
.page-amazingCase .amazingCaseInfo .amazingCaseIntroduction{position: relative; padding:36px 0; width:80%; margin: 0 auto;}
.page-amazingCase .amazingCaseInfo .amazingCaseIntroduction h5{font-size:22px; font-weight: 700;}
.page-amazingCase .amazingCaseInfo .amazingCaseIntroduction p{font-size:18px; line-height:1.5;
    /*padding:0 0 30px 0;*/
}


.page-amazingCase .amazingCaseInfo .amazingCasePic.picShadow img{box-shadow: 13px 13px 0 rgba(48,181,197,1);}
.page-amazingCase .amazingCaseInfo .amazingCasePic.picShadow{padding-bottom:70px;}
.page-amazingCase .amazingCaseInfo.picFloatLeft2 .amazingCasePic.picShadow{ padding:0;}

.page-amazingCase .amazingCaseInfo.amazingCasePicRight .amazingCasePic{margin-left: 50%; width:50%;}
.page-amazingCase .amazingCaseInfo.amazingCasePicRight .amazingCaseIntroduction{position: absolute; left:0;top:0%; width:50%; padding:0 5% 0 0;}

.page-amazingCase .amazingCaseInfo.amazingCasePicLeft .amazingCasePic{margin-right: 50%; width:50%;}
.page-amazingCase .amazingCaseInfo.amazingCasePicLeft .amazingCaseIntroduction{position: absolute;right: 0;top: 0%;width: 50%;padding: 0 0 0 5%;}


.page-amazingCase .amazingCaseInfo .amazingCasePic{position: relative;}
.page-amazingCase .amazingCaseInfo .amazingCasePic img{width:100%;}


.page-amazingCase .amazingCaseInfo.case-layout-row{width:48%; float:right;}
.page-amazingCase .amazingCaseInfo.case-layout-row:nth-child(odd){float:left;}
.page-amazingCase .amazingCaseInfo.case-layout-row .amazingCasePic{position: relative;}
.page-amazingCase .amazingCaseInfo.case-layout-row .amazingCaseIntroduction{position: relative;padding: 36px 0;}



.page-amazingCase .amazingCaseInfo.case-layout-row-bg,
.page-amazingCase .amazingCaseInfo.case-layout-row-bg2,
.page-amazingCase .amazingCaseInfo.case-layout-row-bg3{margin-bottom:60px; width:auto;float:none;}
.page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCasePic,
.page-amazingCase .amazingCaseInfo.case-layout-row-bg2 .amazingCasePic,
.page-amazingCase .amazingCaseInfo.case-layout-row-bg3 .amazingCasePic{width:49%;margin-right:51%;}
.page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCaseIntroduction,
.page-amazingCase .amazingCaseInfo.case-layout-row-bg2 .amazingCaseIntroduction,
.page-amazingCase .amazingCaseInfo.case-layout-row-bg3 .amazingCaseIntroduction{ position: absolute;top:50%;transform: translateY(-50%);right:2%;width:49%;
    /*background:#f4f4f4;*/
    padding:30px;}

.page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCaseIntroduction p{padding:0;}


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

.page-amazingCase .amazingCaseInfo.case-layout-row-bg2:nth-child(odd){ margin-bottom:60px;  width:auto;float:none;}
.page-amazingCase .amazingCaseInfo.case-layout-row-bg2:nth-child(odd) .amazingCasePic{width:49%;margin-left:51%;}
.page-amazingCase .amazingCaseInfo.case-layout-row-bg2:nth-child(odd) .amazingCaseIntroduction{ position: absolute;top:50%;transform: translateY(-50%);left:2%;width:49%;background:#f4f4f4;padding:70px 46px;}
.page-amazingCase .amazingCaseInfo.case-layout-row-bg2 .amazingCasePic{}


.page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd){ margin-bottom:60px; width:auto;float:none;}
.page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCasePic{width:49%;margin-left:51%;}
.page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCaseIntroduction{ position: absolute;top:50%;transform: translateY(-50%);left:2%; right:auto; width:49%;
    /*background:#f4f4f4;*/
    padding:70px 46px;}

.page-amazingCase .amazingCaseTitle+.amazingCaseInfo .amazingCaseIntroduction{padding:0 0 60px 0;}
.page-amazingCase .amazingCaseTitle+.amazingCaseInfo .amazingCasePic+.amazingCaseIntroduction{padding:36px 0;}
.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;}
.page-amazingCase .amazingCaseTitle+.amazingCaseInfo.picFloatRight .amazingCasePic+.amazingCaseIntroduction{ width:100%;}

/*@media (min-width: 768px) {*/
    /*.page-amazingCase .amazingCaseInfo.case-layout-row-bg .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-bg:nth-child(odd) .amazingCaseIntroduction{padding:30px 26px;}*/
/*}*/
/*@media (min-width: 992px){*/
    /*.page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCasePic{width:49%;margin-right:51%;}*/
    /*.page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCasePic{width:49%;margin-left:51%;}*/
    /*.page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCaseIntroduction,*/
    /*.page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCaseIntroduction{padding:30px 26px;}*/
/*}*/
/*@media (min-width: 1200px) {*/
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCaseIntroduction,
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCaseIntroduction{padding:30px;}
/*}*/
@media (min-width: 1366px) {
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg .amazingCaseIntroduction,
    .page-amazingCase .amazingCaseInfo.case-layout-row-bg:nth-child(odd) .amazingCaseIntroduction{padding:30px;}
}




.page-amazingCase .amazingCaseInfo.case-layout-column{padding:38px 0; width:auto;float:none; position: relative;}
.page-amazingCase .amazingCaseInfo.case-layout-column .amazingCasePic{width:45%;margin-right:55%;}
.page-amazingCase .amazingCaseInfo.case-layout-column .amazingCaseIntroduction{ position: absolute;top:50%;transform: translateY(-50%);right:0;width:49%;padding:0 50px 0 0;}

.page-amazingCase .amazingCaseInfo.case-layout-column:nth-child(odd){padding:38px 0; width:auto;float:none; position: relative;}
.page-amazingCase .amazingCaseInfo.case-layout-column:nth-child(odd) .amazingCasePic{width:45%;margin-left:55%;}
.page-amazingCase .amazingCaseInfo.case-layout-column:nth-child(odd) .amazingCaseIntroduction{ position: absolute;top:50%;transform: translateY(-50%);left:0;width:49%;padding:0 50px 0 0;}


/* page-ruralstarBox */
.page-ruralstarBox{position: relative;padding:30px 46px; margin:50px 0;}
.page-ruralstarBox .ruralstarPic{position: absolute; right:0;top:50%; height:100%; transform: translateY(-50%);}
.page-ruralstarBox .ruralstarPic img{height:100%;}
.page-ruralstarBox .container{background:#f4f4f4;}
.page-ruralstarBox .ruralstarCaseIntroduction{ width:60%;padding:70px 46px;}
.page-ruralstarBox .ruralstarCaseIntroduction h5{color:#595757;font-size:24px; font-weight: 700; }
.page-ruralstarBox .ruralstarCaseIntroduction p{color:#595757; font-size: 18px; line-height:1.5;}

.page-ruralstarBox:nth-child(odd){}
.page-ruralstarBox:nth-child(odd) .ruralstarPic{left:0; right:auto;}
.page-ruralstarBox:nth-child(odd) .ruralstarCaseIntroduction{ margin-left:40%;}
.intervalDiv{height:50px;}

/* page-ruralstarBox2 */
.page-ruralstarBox2{position: relative;padding:30px 0; margin:50px 0;}
.page-ruralstarBox2 .ruralstarPic{position: absolute; right:0;top:50%; width:40%;transform: translateY(-50%);}
.page-ruralstarBox2 .ruralstarPic img{width:100%;}
.page-ruralstarBox2 .container{}
.page-ruralstarBox2 .ruralstarBoxFloatLeft{float:left;width:10%;padding:70px 46px;}
.page-ruralstarBox2 .ruralstarCaseIntroduction{background:#f4f4f4; width:50%;padding:70px 46px; margin-left:10%; margin-right:40%;}
.page-ruralstarBox2 .ruralstarCaseIntroduction h5{color:#595757;font-size:24px; font-weight: 700; }
.page-ruralstarBox2 .ruralstarCaseIntroduction p{color:#595757; font-size: 18px; line-height:1.5;}

.page-ruralstarBox2:nth-child(odd){}
.page-ruralstarBox2:nth-child(odd) .ruralstarPic{left:0; right:auto;}
.page-ruralstarBox2:nth-child(odd) .ruralstarBoxFloatLeft{float:right;width:10%;padding:70px 46px;}
.page-ruralstarBox2:nth-child(odd) .ruralstarCaseIntroduction{ margin-left:40%; margin-right:10%;}

/* page-amazingCaseLineBox 开始 */
.page-amazing-data-table{position: relative; width: 80%; display:table; text-align: center;margin: 0 auto; padding-top:120px;}
.page-amazing-data-table .page-amazing-data-table-cell{display:table-cell; border-left:1px #30B5C5 solid; width:50%;}
.page-amazing-data-table .page-amazing-data-table-cell:first-child{ border:none;}
.page-amazing-data-table .page-amazing-data-table-cell h4{display:block;color:#30B5C5;font-size:90px; font-weight: 700;}
.page-amazing-data-table .page-amazing-data-table-cell h4 span{font-size:50px;}
.page-amazing-data-table .page-amazing-data-table-cell p{font-size:20px;color:#595757;}

.page-amazingCaseLineBox{position: relative; width: 100%; min-width: 1170px;}
.page-amazingCaseLineBox .amazingCaseLine{ position: relative; min-width: 1170px;}
.page-amazingCaseLineBox .amazingCaseLine img{width:100%;}
.page-amazingCaseLineBox .amazingCaseLine .amazingCaseLineMask{ position: absolute;left:15px;top:0; width:1140px;height:484px; background:rgba(48,188,197,0.7);}



@media (min-width: 1366px) {
    .page-amazingCaseLineBox .amazingCaseLine .amazingCaseLineMask {width: 1250px; height:531px;}
}

/*.page-amazingCaseLineBox.width100{ min-width: 100%;}*/

.page-amazingCaseLineBox.width100 .amazingCaseLineMask{width:100%; height:100%;left:0;}
.page-amazingCaseLineBox.width100 .amazingCaseLineInfo{width:1000px;}

.page-amazingCaseLineBox.width100 .amazingCaseLineText{transform: translateX(-50%); top:1%;}

.page-amazingCaseLineBox .amazingCaseLine .amazingCaseLinePic1Btn{ position: absolute; left:10%; top:50%; transform: translateY(-50%);}
.page-amazingCaseLineBox .amazingCaseLine .amazingCaseLinePic1Btn p{ font-size:20px; color:#fff; padding:20px 15px;}

.page-amazingCaseLineBox .amazingCaseLineText{ position: absolute; left:50%; top:10%; transform: translateX(-50%) translateY(-25%); text-align: center; color:#fff; font-size:22px; line-height:1.5; width:100%; min-height:400px;}
.page-amazingCaseLineBox .amazingCaseLineText p{font-size:18px;}
.page-amazingCaseLineBox .amazingCaseLineText h4{text-align: center; padding:50px 0;}
.page-amazingCaseLineBox .amazingCaseLineText h4 img{margin:0 auto; width:58px;}
.page-amazingCaseLineBox .amazingCaseLineText h5{font-size:18px; padding-top:30px;}
.page-amazingCaseLineBox .amazingCaseLineText h5 span{font-size:24px; font-weight: 700; display:block; line-height:2;}

.page-amazingCaseLineBox .amazingCaseLineInfo{ background:#f4f4f4; color:#595757; width:80%;height:300px; font-size:18px; position: relative; margin:0 auto; margin-top:-200px;}
.page-amazingCaseLineBox .amazingCaseLineInfo .amazingCaseLineLeft{ position: absolute; left:60px; top:50%; transform: translateY(-50%); width:410px; padding: 0 80px; text-align: center;}
.page-amazingCaseLineBox .amazingCaseLineInfo .amazingCaseLineRight{ position: absolute; left:50%; top:50%; transform: translateY(-50%); width:410px; padding: 0 80px;border-left:1px #30b5c5 solid; text-align: center;}
.page-amazingCaseLineBox .amazingCaseLineInfo h4{font-size:60px; font-weight: 700;padding:0;color:#30b5c5;}
.page-amazingCaseLineBox .amazingCaseLineInfo h4 span{display:inline-block;font-size:40px;}

.page-amazingCaseLineBox.lbg .amazingCaseLineInfo{background:rgba(48,181,197,.9); color:#fff;margin-top:-200px;}
.page-amazingCaseLineBox.lbg .amazingCaseLineInfo .amazingCaseLineRight{border-left:1px #fff solid;}
.page-amazingCaseLineBox.lbg .amazingCaseLineInfo .amazingCaseLineLeft{padding: 0 40px;}
.page-amazingCaseLineBox.lbg .amazingCaseLineInfo .amazingCaseLineRight{padding: 0 40px;}
.page-amazingCaseLineBox.lbg .amazingCaseLineInfo h4{color:#fff;}
/*.page-amazingCaseLineBox.lbg .amazingCaseLineInfo p{font-size:14px;}*/

.page-amazingCaseLineBox.lineDoubleHight .amazingCaseLineText{top:50%; transform: translateX(-50%) translateY(-50%); }

.page-amazingCase .amazingCaseInfo.picFloatLeft{padding:0 5%;}
.page-amazingCase .amazingCaseInfo.picFloatLeft .amazingCasePic{float: left;width: 50%;margin-right: 120px;}
.page-amazingCase .amazingCaseInfo.picFloatLeft .amazingCaseIntroduction{padding:0;}
.page-amazingCase .amazingCaseInfo.picFloatLeft .amazingCaseIntroduction p{line-height:  1.5;}


/*.page-amazingCase .amazingCaseInfo.picFloatLeft2{padding:0 5%;}*/
.page-amazingCase .amazingCaseInfo.picFloatLeft2 .amazingCasePic{float: left;width: 50%;margin-right: 120px;margin-bottom:20px;}
.page-amazingCase .amazingCaseInfo.picFloatLeft2 .amazingCaseIntroduction{padding:0;}
.page-amazingCase .amazingCaseInfo.picFloatLeft2 .amazingCaseIntroduction p{line-height:  1.5;}
/*.page-amazingCase.picFloatLeft {padding-bottom:40px;}*/

.page-amazingCase .amazingCaseInfo.picFloatRight{padding:0 5%;}
.page-amazingCase .amazingCaseInfo.picFloatRight .amazingCasePic{float: right;width: 62%;margin-left: 30px;}
.page-amazingCase .amazingCaseInfo.picFloatRight .amazingCaseIntroduction{padding:0;}
.page-amazingCase .amazingCaseInfo.picFloatRight .amazingCaseIntroduction p{line-height: 34px;}
/*.page-amazingCase.amazingCaseStyle7 {padding-bottom:40px;}*/

.page-amazingCase.amazingCasePicTop{background:#F4F4F4;margin-top:50px;}
.page-amazingCase.amazingCasePicTop .amazingCaseInfo{padding:0 5%;}
.page-amazingCase.amazingCasePicTop .amazingCaseInfo .amazingCasePic{float: left; margin: -76px 60px 60px 0;}
.page-amazingCase.amazingCasePicTop .amazingCaseInfo .amazingCasePic img{width:auto;}
.page-amazingCase.amazingCasePicTop .amazingCaseInfo .amazingCaseIntroduction{padding:67px 0 0 0;}
.page-amazingCase.amazingCasePicTop .amazingCaseInfo .amazingCaseIntroduction p{line-height:  1.5;}
/*.page-amazingCase.amazingCaseStyle8 {padding-bottom:40px;}*/

/*@media (min-width: 768px) {*/
    /*.page-amazingCaseLineBox .amazingCaseLineText h4{padding:0;}*/
    /*.page-amazingCaseLineBox .amazingCaseLineText p{font-size:14px;}*/
    /*.page-amazingCaseLineBox .amazingCaseLineText h4 img{width:20px;}*/
    /*.page-amazingCaseLineBox .amazingCaseLineText h5{padding-top:0px;}*/
    /*.page-amazingCaseLineBox .amazingCaseLineText h5 span{font-size:20px;}*/
/*}*/
/*@media (min-width: 992px){*/
    /*.page-amazingCaseLineBox .amazingCaseLineText h4{padding:10px 0;}*/
    /*.page-amazingCaseLineBox .amazingCaseLineText p{font-size:18px;}*/
    /*.page-amazingCaseLineBox .amazingCaseLineText h4 img{width:30px;}*/
    /*.page-amazingCaseLineBox .amazingCaseLineText h5{padding-top:10px;}*/
    /*.page-amazingCaseLineBox .amazingCaseLineText h5 span{font-size:24px;}*/
/*}*/
/*@media (min-width: 1200px) {*/
    .page-amazingCaseLineBox .amazingCaseLineText{top:12%;}
    .page-amazingCaseLineBox .amazingCaseLineText h4{padding:30px 0;}
    .page-amazingCaseLineBox .amazingCaseLineText h4 img{width:30px;}
    .page-amazingCaseLineBox .amazingCaseLineText h5{padding-top:30px;}

    .page-amazingCaseLineBox.width100 .amazingCaseLineText h4{padding:10px 0;}
    .page-amazingCaseLineBox.width100 .amazingCaseLineText h5{padding-top:10px;}
/*}*/
@media (min-width: 1366px) {
    .page-amazingCaseLineBox .amazingCaseLineText{top:10%;}
    .page-amazingCaseLineBox .amazingCaseLineText h4{padding:50px 0;}
    .page-amazingCaseLineBox .amazingCaseLineText h4 img{width:58px;}
    .page-amazingCaseLineBox .amazingCaseLineText h5{padding-top:30px;}


    .page-amazingCaseLineBox.width100 .amazingCaseLineText{top:1.5%;}
    .page-amazingCaseLineBox.width100 .amazingCaseLineText h4{padding:20px 0;}
    .page-amazingCaseLineBox.width100 .amazingCaseLineText h5{padding-top:20px;}
}
/* page-amazingCaseLineBox 结束 */


/* page-amazingCaseSwiper 开始 */
.page-amazingCaseSwiper{padding:0 0; }
.amazingCaseSwiperBox{position: relative;}
.page-amazingCaseSwiper .swiper-container{padding:120px 0;width:90%;}
.page-amazingCaseSwiper .swiper-slide .amazingCaseSwiperItemMask{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(48,188,197,0.7); display:none;}
.page-amazingCaseSwiper .swiper-slide .videoPlayMask{position: absolute;left:50%; top:50%; transform: translate(-50%,-50%); width:60px;height:60px; display:none;}
.page-amazingCaseSwiper .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(1);
}
.page-amazingCaseSwiper .swiper-slide-active,.page-amazingCaseSwiper .swiper-slide-duplicate-active{
    transform: scale(1.5); z-index: 9999;
}
.page-amazingCaseSwiper .swiper-slide-active .amazingCaseSwiperItemMask,
.page-amazingCaseSwiper .swiper-slide-duplicate-active .amazingCaseSwiperItemMask,
.page-amazingCaseSwiper .swiper-slide-active .videoPlayMask,
.page-amazingCaseSwiper .swiper-slide-duplicate-active .videoPlayMask{
    display: block;
}

.page-amazingCaseSwiper .amazingCaseSwiperBox .swiper-button-next:after,
.page-amazingCaseSwiper .amazingCaseSwiperBox .swiper-button-prev:after{color:#30b5c5;}

.page-amazingCaseSwiper .swiper-slide .videoPlayMask img{ cursor: pointer;}
/* page-amazingCaseSwiper 结束 */


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

.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper{position: relative; border-bottom:1px #c6c6c6 solid;}
.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-container{width:90%;padding:0 0 60px 0;}
.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-button-prev,.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-container-rtl .swiper-button-next,
.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-button-next, .page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-container-rtl .swiper-button-prev{top:35%;}

.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-button-next:after, .page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-button-prev:after{color:#30b5c5;}

.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-container .swiper-slide img{width:100%;}
.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-container .swiper-slide h5{font-size:14px;color:#595757; display: block;}
.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-container .swiper-slide p{color:#323232;font-size:22px;height:80px;}
.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-container .swiper-slide a.amazingCaseProjectsMore{ margin-top:10px; display:none;border:1px #30b5c5 solid; color:#30b5c5; text-align: center; width:120px;height:30px;border-radius: 15px;  line-height:30px;}

.page-amazingCaseMoreProjects .amazingCaseMoreProjectsSwiper .swiper-container .swiper-slide p:hover{color:#30b5c5; }
/* page-amazingCaseMoreProjects 结束*/


/***************** stories page ******************/
.page-banner.storyAdBox,.page-banner.storyAdBox .bannerBg{
    /*height:793px;*/
    background-position: center;background-repeat: no-repeat; background-size:cover;}
.page-banner.storyAdBox .ad-pagination{display:block; bottom:90px;}

/*.page-banner.storyAdBox .banner_t4a_logo{top:50%;}*/
/*.page-banner.storyAdBox .maskItemText{ top: calc(50% + 86px);}*/
.page-banner.storyAdBox .maskItemText{ top: 50%;}

.page-banner.storyAdBox .ad-pagination .pagination-bullet{margin: 2px 120px; position: relative;}
.page-banner.storyAdBox .ad-pagination .pagination-bullet a{position: absolute;display:block; left: 50%; top: 50px; transform: translate(-50%,-50%); color:#fff; font-size:20px;}

.page-banner.storyAdBox .ad-pagination .pagination-bullet:hover{background-position: -16px 0;opacity: 1;}


/*page-stories 开始*/
.page-stories{}
.storiesTitle{padding:50px 0; }
.storiesTitle h5{font-size:18px;line-height:1.5; color:#595757;}

.storiesList{}
.storiesList .storiesItemBox{ position: relative; background:#f3f3f3;text-align: center; width:24%; height:260px; margin-right:1%; float: left; transition:all .5s ease;}
/*.storiesList .storiesItem .storiesIcon0,*/
.storiesList .storiesItemBox .storiesIcon1{ display:none; }
.storiesList .storiesItemBox .storiesIcon0 img,.storiesList .storiesItemBox .storiesIcon1 img{ margin:0 auto;}
.storiesList .storiesItemBox p{ color:#30b5c5; font-size:22px; font-weight: 700;}
.storiesList .storiesItemBox a.storiesMore{ color:#fff;border:1px #fff solid; text-align: center; transition:all .5s 1s ease; display:none;margin:5px auto;
    width:153px;height:40px;border-radius: 20px; font-size:14px; line-height:40px;}

.storiesList .storiesItemBox .storiesItem{position: absolute; left:50%;top:50%;transform: translate(-50%,-50%);width:80%;}

.storiesList .storiesItemBox:hover{background:#30b5c5;}
.storiesList .storiesItemBox:hover p{color:#fff;}
.storiesList .storiesItemBox:hover .storiesIcon0{ display:none;}
.storiesList .storiesItemBox:hover .storiesIcon1{ display:block; }
.storiesList .storiesItemBox:hover a.storiesMore{ display:block;}

.storiesList .storiesItemBox.on{background:#30b5c5;}
.storiesList .storiesItemBox.on p{color:#fff;}
.storiesList .storiesItemBox.on .storiesIcon0{ display:none;}
.storiesList .storiesItemBox.on .storiesIcon1{ display:block; }
.storiesList .storiesItemBox.on a.storiesMore{ display:block;}

.storiesInfo{ position: relative; }


.storiesInfo.storiesDetailLeft{padding:40px 0;}
.storiesInfo.storiesDetailLeft .storiesInfoPic{width:52%;margin-right:48%;}
.storiesInfo .storiesInfoPic img{width:100%;}
.storiesInfo .storiesInfoIntroduction{ position: absolute;top:50%;transform: translateY(-50%);right:0; width:48%;padding:70px 46px;}
.storiesInfo .storiesInfoIntroduction h5{font-size:40px; padding-bottom:50px;font-weight: 700;}
.storiesInfo .storiesInfoIntroduction p{font-size:20px; padding-bottom:30px; color:#d8d8d8;}
.storiesInfo .storiesInfoIntroduction a.storiesInfoMore{color:#30b5c4;}


.storiesInfo.storiesDetailRight{padding:40px 0;}
.storiesInfo.storiesDetailRight .storiesInfoPic{width:52%;margin-left:48%;}
.storiesInfo.storiesDetailRight .storiesInfoIntroduction{ position: absolute;top:50%;transform: translateY(-50%);left:0; width:48%;padding:70px 46px;}

/*@media (min-width: 768px) {*/
    /*.storiesInfo.storiesDetailLeft .storiesInfoPic,*/
    /*.storiesInfo.storiesDetailRight .storiesInfoPic{width:100%;margin:0;}*/
    /*.storiesInfo.storiesDetailLeft .storiesInfoIntroduction,*/
    /*.storiesInfo.storiesDetailRight .storiesInfoIntroduction{padding:30px 26px;}*/
/*}*/
/*@media (min-width: 992px){*/
    /*.storiesInfo.storiesDetailLeft .storiesInfoPic{width:52%;margin-right:48%;}*/
    /*.storiesInfo.storiesDetailRight .storiesInfoPic{width:52%;margin-left:48%;}*/
    /*.storiesInfo.storiesDetailLeft .storiesInfoIntroduction,*/
    /*.storiesInfo.storiesDetailRight .storiesInfoIntroduction{padding:30px 26px;}*/
/*}*/
/*@media (min-width: 1200px) {*/
    .storiesInfo.storiesDetailLeft .storiesInfoIntroduction,
    .storiesInfo.storiesDetailRight .storiesInfoIntroduction{padding:40px 30px;}
/*}*/
@media (min-width: 1366px) {
    .storiesInfo.storiesDetailLeft .storiesInfoIntroduction,
    .storiesInfo.storiesDetailRight .storiesInfoIntroduction{padding:70px 46px;}
    .page-amazingCaseLineBox.lineDoubleHight .amazingCaseLineText{top:50%;}
}

.page-stories .container{border-bottom: 1px #d8d8d8 solid; padding-bottom:30px;}
/*page-stories 结束*/


/* join - page 开始*/

.page-join .container{width:540px; margin: 0 auto;text-align: left;}

.join-title{width:540px; margin:0 auto; line-height:1.5;font-size:20px; padding:34px 0 ;}
.page-join .container.container-full{width:100%;margin:0;border-bottom:1px #cecece solid; }
.join-title h5{font-weight: 700; line-height:40px; font-size:20px;}
.join-title p{ line-height:1.2;}

.join-tab{width:540px; margin:0 auto;height:60px;}
.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:20px;}
.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 span:before{display: table;content: " ";clear: both; font-size:0;}*/
/*.join-tab-item span:after{display: table;content: " ";clear: both; font-size:0;}*/

.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:536px; height:40px; background:#f7f7f7; color:#707070; }
.red{color:#ff0000;}
.join-w6,.join-w12{float: left; width:100%;line-height: 40px; font-size:18px; 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:40px; background:#f7f7f7; color:#707070; }
.pInputBox input{ width:100%; height:40px;background:none;border:none;padding:0 10px;}
.account-input{height:70px;padding-top:20px;padding-left: 5px;    font-weight: 700;}
.join-w6 label,.join-w12 label{font-weight: 400; position: relative;text-indent: 22px;margin: 5px 0;}
.join-w12 a{color:#30B5C5; text-decoration: underline;}
.btn-block-box{float:none;padding:50px 0;}

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

.join-w6 .c_number{width:168px;float:right;}
.join-w12 .c_number{width:440px;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;}

/*.pListSelectBox select{display: none;}*/
/*.pListSelectBox .select_box{}*/
/*.pListSelectBox .select_showbox{border: 1px solid #b0a296;height: 20px;padding-left: 5px;background: url(../../images/join-arrow.png) no-repeat 0 0;}*/
/*.pListSelectBox .select_option{border: 1px solid #b0a296;border-top: none;display: none; z-index: 90;}*/
/*.pListSelectBox .select_option li{padding-left: 5px;}*/
/*.pListSelectBox .select_option li.selected{background-color: #F3F3F3;color: #999;}*/
/*.pListSelectBox .select_option li.hover{background: #7b6959; color: #fff;}*/
/*select{outline:none;}*/
/*ul{list-style:none;}*/

/*.selectLeftBox{position: absolute;left:0;top:0; width:100px; height:40px;}*/

/*.selectLeftBox .ArrowStyle{margin:15px auto 0; width:24px;height:24px; background:url(../../images/join-arrow.png) no-repeat center;}*/

/*.selectBox{ position: absolute; left:0;top:0; width:480px;height:60px; opacity: 0;}*/
/*.selectAnalogBox{ position: absolute;*/
    /*right: 0;*/
    /*top: 10px;*/
    /*width: 350px;*/
    /*height: 40px;*/
    /*color: #74757f;*/
    /*font-size: 26px;*/
    /*line-height: 40px;*/
    /*text-align: center;*/
    /*border-left: 1px #fff solid;*/
/*}*/
/*.selectAnalogBox.on{color:#fff;letter-spacing:5px;}*/


.ArrowStyle{ background:url(../../images/join-arrow.png) no-repeat center;}

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

.join-btn-primary{ width: 250px;
    height: 58px;
    border-radius: 29px;
    border: 1px #595757 solid;
    font-size: 22px;
    color: #595757;
    background: none;}
/* join - page 结束 */

/* page-poster 开始*/

.page-poster{padding:30px 0 ;}

.leftposter{width:49%;float:left;}
.rightposter{width:49%;float:right;}

.leftposter p,.rightposter p{ text-align: center;line-height:50px; font-size:20px;}
/* page-poster 结束*/


/* stories 开始 */

.container-miniBox{position: relative; margin: 0 auto; width:1140px;}
.container-miniBox:before{display: table;content: " ";}
.container-miniBox:after{display: table;content: " "; clear: both; }

.page-nav{background:#90959e; margin-top:10px;}
.page-nav .container{font-size:16px;color:#fff; padding:15px;}
.page-nav .container a{font-size:16px;color:#fff;}


/* rainforest page */
.page-storyBox{position: relative;}

.lineBg{background:#f2f3f4;}

.storyTitle{position: relative;color:#595757; font-size:18px; text-align: center; width:100%; text-align: center; margin: 0 auto;}
.storyTitle h4{font-size:38px; font-weight: 700; text-align: center; padding:40px 50px 20px 50px; line-height:1.2;}
.storyTitle h4 span{color:#c7000b; }
.storyTitle h5{color:#595757;font-size:18px;line-height:1.5; padding-bottom:50px; }

.storyTitle.lineH100{    padding: 20px 0;}
/*.storyTitle.lineH100 h4{padding:40px 0 20px 0;}*/

.storyInfoBox{color: #595757; width:80%; margin:0 auto; padding:60px 0;}
.storyInfoBox h5{font-size:22px;font-weight: 700;}
.storyInfoBox p{font-size:18px;}
.storyInfoBox p a{color:#30b5c4;}

.storyLine{position: relative;overflow:hidden;height:400px; width:100%;}

.storyLine .storyLinePopupBox{position: absolute;left:0;top:50%;}

.storyLine .container{position: absolute; left: 60%; top: 50%; width: 100%;  transform: translate(-50%,-50%); color:#fff;font-size:20px;}


@media (min-width: 1366px) {
    .storyLine .container{width: 1140px;  left: 50%; }
}

.storyLine .storyPic{width:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.w50{width:50%;float:left;position: relative; height:430px;}
.w50 .storyInfoBox{
/*calc(100% - (118px) * 2)*/
}

.storyBlock{width:80%;height:300px;border:10px #fff solid; background:#daedf1; margin:100px auto; position: relative;}

.storyBlockBox{ position: absolute;left:0;top:50%; width:100%; transform: translateY(-50%);height: 160px;}
.storyBlock .w50block{     float: left;
    width: 50%;
    height: auto;

    padding:10px 0; text-align: center; }
.storyBlock .w50block:last-child{left:auto; right:0; border-left:1px #59baca solid;}

.storyBlock .w50block h5{font-size:60px;color:#59baca;}
.storyBlock .w50block h5 span{font-size:20px; padding-left:10px;}
.storyBlock .w50block p{font-size:18px;}


.storyVideoBox{position: relative;}
.storyVideoBox .videoBtn{position: absolute;left:50%;top:50%;margin:-40px -40px;width:80px;height:80px; cursor: pointer; }
.storyVideoBox .videoBtn img{width:100%;}

.storyInfoQuoteLeftBox{background:url(../../images/stories/quoteLeft.png) no-repeat 0 0; padding-left:30px; width:90%;top: 50%;left: 50%; position:absolute;transform: translate(-50%,-50%); text-align: center;}
.storyInfoQuoteLeftBox h5{font-size: 24px; line-height: 1.5;}
.storyInfoQuoteLeftBox span{display:block;border-bottom:3px #df1515 solid; margin:20px auto; width:50px;}
.storyInfoQuoteLeftBox p{font-size:16px;line-height:1.5;}
.storyInfoQuoteRightBox{ background:url(../../images/stories/quoteRight.png) no-repeat right 0; padding-right:30px; padding-top:30px; }



.noBg{background:none;}

.storyInfoBox2{ padding-left:30px; width:90%;top: 50%;left: 50%; position:absolute;transform: translate(-50%,-50%); text-align: left;}
.storyInfoBox2 h5{font-size: 22px; line-height: 1.1; font-weight: 700;}
.storyInfoBox2 span{display:block;border-bottom:3px #df1515 solid; margin:20px auto; width:50px;}
.storyInfoBox2 p{font-size:18px;line-height:1.5;}
.storyInfoBox2 .videoBtn{position: absolute;left:50%;top:50%;margin:-40px -40px;width:80px;height:80px; cursor: pointer; }
.storyInfoBox2 .videoBtn img{width:100%;}

.paddBNone{padding-bottom:0;}

.storyP20{padding:30px 0;}

.storyP60{padding-bottom:60px;}

#rainforestPlayBtn{}
.video-js .vjs-big-play-button{border: 2px solid #fff;border-radius: 1.5em;font-size: 3em;height: 3em;line-height: 3em;}
.vjs-paused .vjs-big-play-button{display:block;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before{    font-size: 2em;}

.storyDownloadBox{ padding-bottom:60px;}

.storyDownloadBox p{font-size:18px; display:block; padding:20px 20px;}

.storyDownloadBox .file_item{}

.storyDownloadBox .file_item:before{display: table;content: " ";}
.storyDownloadBox .file_item:after{display: table;content: " "; clear: both; }
.storyDownloadBox .file_item a{
    float: left;
    display: block;
    color: #595758;
    border: 1px #595758 solid;
    padding: 0 30px;
    margin: 0 20px 0 0;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
}
.storyDownloadBox .file_item a:hover{color:#fff;background:#30b5c4;border-color:#30b5c4;}

.downfilebtn{
    background:url(../../images/downicon.png) no-repeat center;background-size:contain;
    font-size: 18px;
    position: absolute;
    right: 50%;
    top: -50px;
    cursor: pointer;
    transition: all ease .3s;
    width: 32px;height: 32px;
    color: #fff;
    padding: 7px 8px;
    z-index: 9;}


@media (max-width: 1120px){
    .kv-banner { height: 500px; }
    .bannerpic{height:500px;}
    .page-world{min-width:1024px;}
    .threeLiBox li p { font-size: 16px; }
    .page-four, .page-four .container{height: 700px;}
    .fourLiBox{zoom:0.8;    top: 300px;}

    .page-amazing h4{font-size:38px; font-weight: 700;}

    .photolist ul li{width:232px;height:232px; }
    .photolist ul li .amazingImgPopup,
    .photolist ul li .amazingImgPopup img,
    .photolist ul li .amazingpopup{width:222px;height:222px;}

    .photolist ul li.row2{width:464px; }
    .photolist ul li.row2 .amazingpopup,
    .photolist ul li.row2 .amazingImgPopup,
    .photolist ul li.row2 .amazingImgPopup img{width:454px;}

    .photolist ul li.col2{height:474px;}
    .photolist ul li.col2 .amazingpopup,
    .photolist ul li.col2 .amazingImgPopup,
    .photolist ul li.col2 .amazingImgPopup img{height:454px;}

    .photolist ul li .amazingpopup p{padding:30px 0 0 18px;font-size:16px;}
    .photolist ul li .amazingpopup h5{padding:18px 20px 0 18px;font-size:16px;}
    .photolist ul li .amazingpopup a.amazingMore{ margin:30px 0 0 18px;}

    .container-miniBox {
        width: 994px;
    }


    .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;}


    .fourLiBox ul li:hover .fourpopup h5{font-size: 26px;}
    .fourLiBox ul li .fourpopup p{font-size:16px;}

    .storyTitle h5{width:80%;
        margin: 0 auto;}
}


@media (max-width: 1366px){
    .kv-banner { height: 500px; }
    .bannerpic{height:500px;}
}

.singlePageTitle{}
.singlePageTitle{position: relative; color:#595757; font-size:16px; }
.singlePageTitle h4{font-size:38px; font-weight: 700; text-align: center; padding:50px; display:none;}
.singlePageTitle h4 span{color:#c7000b; }


.singlePageTitle h5{ font-size:24px; line-height: 1.5; font-weight: 400;width:100%;text-align: left; padding:50px 0; margin: 0 auto; }

.singlePageInfoBox{color: #595757;  margin:0 auto; padding:40px 0 60px 0; text-align: center;}
.singlePageInfoBox h5{font-size:38px;font-weight: 700; line-height:100px; margin:0;}
.singlePageInfoBox p{font-size:24px;text-align: left;}
.singlePageInfoBox p a{color:#30b5c4;}
.paddBNone{padding-bottom:0;}

.singlePageAdBox{height:auto;}
.singlePageAdBox, .singlePageAdBox .bannerBg{min-width:initial;background-repeat: no-repeat; background-position: center 0; position:relative;background-size:cover;}

.singlePageAdBox .bannerpic{height:508px;background-position: center;}
.singlePageAdBox .bannerBg img{min-width:initial;}

.singlePageAdBox .banner_t4a_logo{width:201px;height:157px;right:0;top:0;}
.singlePageAdBox .singlePageKvTxt.pc{width:434px;height:188px;position: absolute;left:50%;margin-left:-534px; top:55%; transform: translateY(-50%);}
.singlePageAdBox .singlePageKvTxt.mobile{width:427px;height:234px;position: absolute;left:50%;margin-left:-534px; top:55%; transform: translateY(-50%);}
.singlePageAdBox .singlePageKvTxt{left:5% !important; margin-left:0 !important;}
.singlePageAdBox .singlePageKvTxt img{width:100%;}

.singlePageAdBox2{height:650px;}
.singlePageAdBox2 .bannerpic{height:650px;}

@media (max-width: 1366px){
    .singlePageAdBox2{height:550px;}
    .singlePageAdBox2 .bannerpic{height:550px;}
}
@media (max-width: 1120px){
    .singlePageAdBox2{height:450px;}
    .singlePageAdBox2 .bannerpic{height:450px;}
}
@media (max-width: 993px){
    .singlePageAdBox2{height:1270px;}
    .singlePageAdBox2 .bannerpic{height:1270px;}
}
@media (max-width: 769px){
    .singlePageAdBox2{height:1069px !important;}
    .singlePageAdBox2 .bannerpic{height:1069px !important;}
}

.singlePageBox{padding:0 0 80px 0;}
.singlePageBox.highlightBg{background:#f5f5f5;}


.singlePageBoxTitle{color:#595758; font-size:16px; width:100%; text-align: center; }
.singlePageBoxTitle h4{font-size:38px; font-weight: 700;padding:50px 0;}
.singlePageBoxContent{width:100%;}
.singlePageBoxContent ul{width:100%;}
.singlePageBoxContent ul:before{display: table;content: " ";}
.singlePageBoxContent ul:after{display: table;content: " "; clear: both; }

.singlePageBoxContent ul li{width:50%;float:left; padding:20px 30px;overflow: hidden; zoom: 1;}
.singlePageBoxContent ul li{width:100%;float:none; }
.singlePageBoxContent ul li img{float:left;margin-right:20px; margin-top:10px; display: table-cell;vertical-align: top;}
.singlePageBoxContent ul li .singlePageBlockLi{display: table-cell;vertical-align: top;}
.singlePageBoxContent ul li h5{font-size:30px;color:#31B5C4; line-height:1.5;}
.singlePageBoxContent ul li p{font-size:22px;color:#595757; line-height:1.5;}

.singlePageBox .lpMiniBox{padding:0;}
.singlePageBox .lpMiniBox .lpMiniLi{width:100%;padding: 10px 16px 0 16px;}
/*.singlePageBox .lpMiniBox .lpMiniLi .tag{ padding:6px 0px; font-size:24px; color:#595757; }*/
.singlePageBox .lpMiniBox .lpMiniLi .lpItemText{padding: 20px 5px;height:170px;}
.singlePageBox .lpMiniBox .lpMiniLi .lpItemText h5{font-size:30px;color:#323232;height:auto; font-weight: 400;  }

.singlePageBox .lpMiniBox .lpMiniLi .lpItemText h5:hover{color:#30b5c5; }

/*.singlePageAdBox .bannerBg{display:none;}*/
@media (max-width: 993px){
    .singlePageAdBox, .singlePageAdBox .bannerpic{min-width:initial !important; height:388px !important;}
}

@media (min-width: 769px){
    .singlePageBox .lpMiniBox .lpMiniLi{width:50%;}
    .singlePageTitle h5{}
    .singlePageAdBox .singlePageKvTxt{left:5% !important; margin-left:0 !important;}
}
@media (min-width: 992px){
    .singlePageBoxContent ul{width:80%;margin:0 auto;}
    .singlePageTitle h5{width:95%;}
    .singlePageTitle h5{font-size:18px;}
    .singlePageInfoBox{width:95%;}
    .singlePageInfoBox p{font-size:18px;}
    .singlePageAdBox .singlePageKvTxt{left:5%  !important;; margin-left:0 !important;}
    .singlePageBoxContent ul li h5{font-size:30px;}
    .singlePageBoxContent ul li p{font-size:18px;}
    /*.singlePageBox .lpMiniBox .lpMiniLi .tag{ font-size:14px;}*/
    .singlePageBox .lpMiniBox .lpMiniLi .lpItemText h5{font-size:22px;}

    .singlePageAdBox .bannerBg.singlePagePc{display:block;}
    .singlePageAdBox .bannerBg.singlePageMobile{display:none;}
}
@media (min-width: 1025px){
    .singlePageInfoBox p,.singlePageTitle h5{text-align: center;}
    .singlePageBox .lpMiniBox .lpMiniLi{width:33.33%;}
    .singlePageBoxContent ul{width:100%;}
    .singlePageBoxContent ul li{width:50%;float:left; }
    /*.singlePageAdBox .singlePageKvTxt{left:50%;margin-left:-534px;width:484px;height:265px;}*/
    /*.singlePageAdBox .banner_t4a_logo{width:512px;}*/
}
@media (min-width: 1200px){
    .singlePageTitle h5{width:95%;}
    .singlePageAdBox .singlePageKvTxt{left:50% !important;;margin-left:-580px !important;}
}
@media (max-width: 1366px){
    .singlePageAdBox .bannerpic{height:361px;background-position: center;}
}


.navBarSpace,
.navbar,
.navbar-inverse .navbar-toggle ,
.logo{}

.miniNav{}
.miniNav .navbar{transition: all .8s;top:0px;}

.miniNav.header-hide .navbar{top:-100px;}


.crumbsLine{height:46px;background:#f1f1f1; color:#595757; line-height:46px; font-size:16px;}
.crumbsLine a{color:#595757;}
@media (max-width:993px){
    .crumbsLine .container{width:100%;}
}