html,body{ overflow: hidden; width: 100%; height: 100%;}
.all-container{ width: 100%; height: 100%; overflow-y: scroll;}
.mb-24{ margin-bottom: 24px;}
@media (max-width: 768px) {
    html,body{ overflow:auto; height: auto;}
}


/*冲刷导航 S*/
header{ position: absolute; z-index: 100; background-color: transparent; border: none;}
.back-home a{ color: #ffffff;}
.nav li a{ color: #ffffff;}
.wap_navbtn span:before,.wap_navbtn span:after{ background: #fff;}
.wap_navbtn span{ background: #fff;}
/*冲刷导航 E*/ 


.ict-mack{ height: 0; width: 0;}


.ict-full-mod{ position: relative; overflow: hidden;}
.ict-full-mod{
    background-image: url(../images/banner-bg-pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@media(max-width:768px){
    .ict-full-mod{
        background-image: none;
        background-color: white;
    }
}

.ict-nav{ position: absolute; left: 0; top: 0; width: 100%; z-index: 100; padding: 37px 90px;}
.hw-logo{ display: block; float: left;}
.ict-nav dl{ float: right;}
.ict-nav dl dt,.ict-nav dl dd{ float: left; margin-left: 40px;}
.ict-nav dl dt:first-child{ margin-left: 0;}
.ict-nav dl dt a,.ict-nav dl dd a{ color: #ffffff;}
.ict-nav dl dt.on{ position: relative;}
.ict-nav dl dt.on:after{ content: ""; display: block; width: 100%; position: absolute; left: 0; bottom: -10px; height: 2px; background-color: #ffffff;}
.ict-video{ position: relative; z-index: 1; width: 100%; height: 100%; overflow: hidden; background-size: cover;}
.ict-video video{ -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;  background-size:cover;}
.ict-video-bg{ display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: #000000; opacity: .3; filter:alpha(opacity=30);}
.ict-video-text{ position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; text-align: center;}
.ict-video-text:after{ content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.ict-video-tbox{ display: inline-block; vertical-align: middle; width: 96%;}
.ict-video-tbox img{ width: 100%; max-width: 720px; } 
.ict-video-tbox p{ padding-top: 34px;}
.ict-video-tbox p a{ display: inline-block; color: #ffffff; font-size: 18px; line-height: 44px; border: #ffffff solid 1px; padding: 0 50px; border-radius: 28px;}
.ict-video-tbox p a:hover{ background-color: #e50000; color: #ffffff; border: #e50000 solid 1px;}


.ict-about{ position: absolute; left: 0; top: 100%; width: 100%; background-color: #ffffff; z-index: 101;}
.ict-about.on h3{ opacity: 0; visibility: hidden;}
.ict-about.on .ict-about-detail{ opacity: 1;}
.ict-about.on .ict-about-close{ visibility: visible; opacity: 1;}
.ict-about.on .ict-about-img{ transform: translate3d(0,0,0); opacity: 1;}
.ict-about.on .ict-about-text{ transform: translate3d(0,0,0); opacity: 1;}
.ict-about h3{ text-align: center; font-size: 18px; line-height: 80px; color: #333333; transition: all ease .3s;}
.ict-about h3 span{ position: relative; display: inline-block; margin-left: 10px; top: 5px; }
.ict-about h3 span:after{ content: ""; width: 22px; height: 22px; display: block;}
.ict-about h3 span i{ position: absolute; left: 0; top: 0; line-height: 1; font-size: 22px;}
.ict-about h3 span i.icon-expansion{ font-size: 18px; left: 2px; top: 1px;}
.ict-about-detail{ padding-bottom: 75px; }
.ict-about-img{ width: 38%; display: table-cell; text-align: center; vertical-align: middle; transition: all ease 1s .3s; transform: translate3d(-100px,0,0); opacity: 0;}
.ict-about-img img{ max-width: 100%;}
.ict-about-text{ width: 62%; display: table-cell; vertical-align: middle; transition: all ease 1s .3s; transform: translate3d(100px,0,0); opacity: 0;}
.ict-about-text p{ font-size: 16px; color: #666666; line-height: 1.875; margin-bottom: 10px;}
.ict-about-close{ position: absolute; right: 30px; top: 20px; color: #666666; visibility: hidden; opacity: 0;}
.ict-about-close i{ font-size: 20px; line-height: 1;}
.ict-about-close:hover{ transform: rotateZ(90deg);}
.ict-about:hover .ict-about-detail{}
.ict-about-wap{ display: none; padding: 30px; color: #333333;}
.ict-about-wap h3{font-size: 16px;text-align: center;margin-bottom: 30px;}
.ict-about-wap h3 span{font-size: 28px;font-weight: bold;display: block;}
.ict-about-wap h3:before{content: "";display: block;border-bottom: #333333 solid 1px;width: 100px;margin: 0 auto 12px auto;}
.ict-about-wap h3:after{content: "";display: block;border-bottom: #333333 solid 1px;width: 100px;margin: 18px auto 0 auto;}
.ict-about-wap p{font-size: 14px;line-height: 1.42;margin-bottom: 20px;color: #666;}
@media (max-width: 1366px) {
    .ict-about h3{ line-height: 60px;}
    .ict-about-detail{ padding-bottom: 55px;}
}
@media (max-width: 768px) {
    .ict-nav{ padding: 10px;}
    .hw-logo{ width: 112px;}
    .hw-logo img{ width: 100%;}
    .ict-nav dl{ display: none;}
    .ict-video{ background: none; height: auto; position: relative;}
    .ict-video:after{ content: ""; display: block; padding-top: 60%; }
    .ict-video .jwplayer{ position: absolute; left: 0; top: 0;}
    .ict-video-bg{ display: none;}
    .ict-video-text{ height: 33%; background-size: cover;}
    .ict-video-tbox{ padding-top: 15px;}
    .ict-video-tbox p{ padding-top: 20px;}
    .ict-video-tbox p a{ padding: 0 35px; line-height: 40px; border-radius: 20px; font-size: 14px;}
    .ict-about{ display: none;}
    .ict-about-wap{ display: block;}
}
@media(max-width: 480px){
    .ict-video:after{ padding-top: 80%; }
}


.ict-mod{ padding: 70px 0 20px;}
.ict-puzzle ul{ position: relative;}
.ict-puzzle ul:after{ content: ""; display: block; padding-top: 49.38%;}
.ict-puzzle li{ position: absolute;}
.ict-puzzle .c-width-1{ width: 49.38%;}
.ict-puzzle .c-width-2{ width: 23.88%;}
.ict-puzzle .c-left-1{ left: 50.86%;}
.ict-puzzle .c-left-2{ left: 25.37%;}
.ict-puzzle .c-right-1{ right: 0;}
.ict-puzzle .c-bottom-1{ bottom: 0;}
.puzzle-size1:after{ content: ""; display: block; padding-top: 100%;}
.puzzle-size2:after{ content: ""; display: block; padding-top: 206.46%;}
.puzzle-size3:after{ content: ""; display: block; padding-top: 48.49%;}
.ict-puzzle-box{ position: relative; overflow: hidden; background-color: #f5f5f5;}
.ict-puzzle-box.on .ict-puzzle-bg{ opacity: .5; filter:alpha(opacity=50);}
.ict-puzzle-box.on .ict-puzzle-thumb img{ transform: translate3d(-4.5%,0,0) !important;}
.ict-puzzle-thumb{ display: block; width: 105%; position: absolute; left: 0; top: 0;}
.ict-puzzle-thumb img{ width: 100%; transform: translate3d(-30%,0,0); opacity: 0; transition: all ease .5s;}
.ict-puzzle-thumb i{ position: absolute; left: 15px; bottom: 10px; display: none; font-size: 48px; line-height: 1; color: #ffffff; opacity: 1; transition: all ease .5s;}
.ict-puzzle-thumb i:active{ color: #e50000;}
.ict-puzzle.move .ict-puzzle-thumb img{ transform: translate3d(0,0,0); opacity: 1;}
.ict-puzzle li.move .ict-puzzle-thumb img{ transform: translate3d(0,0,0); opacity: 1;}
.ict-puzzle-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0; filter:alpha(opacity=0); transition: all ease .4s; }
.ict-case-industry{ font-size: 20px; position: absolute; left: 0; top: 0; color: #ffffff; display: inline-block; line-height: 44px; padding: 0 20px; min-width: 180px;}
.ict-puzzle-text{ position: absolute; left: 0; bottom: 40px; width: 100%; color: #ffffff; padding: 0 40px;}
.ict-puzzle-text h3{ font-size: 26px; line-height: 1.46;}
.ict-puzzle-description{ padding-top: 20px; display: none;}
.ict-puzzle-description p{ font-size: 16px; line-height: 1.5;}
.ict-puzzle-description a{ background-color: #e50000; color: #ffffff; font-size: 14px; line-height: 1.2; display: inline-block; padding: 15px 50px; border-radius: 23px; margin-top: 35px;}
.ict-puzzle-description a:hover{ background-color: #cc3947;}

.ict-puzzle.addict-puzzle ul:after,.ict-puzzle.addict-puzzle .puzzle-size3:after{ padding-top: 23.88%; }
.ict-puzzle.addict-puzzle .c-width-1{ width: 100%; }
@media (max-width: 1600px) {
    .ict-puzzle-text h3{ font-size: 20px;}
    .ict-puzzle-description{ padding-top: 16px;}
    .ict-puzzle-description p{ font-size: 14px;}
    .ict-puzzle-description a{ margin-top: 20px;}
    .ict-puzzle-description a{ padding: 14px 36px;}
}
@media (max-width: 1440px) {
    .ict-mod{ padding: 40px 0;}
    .ict-puzzle-text h3{ font-size: 18px;}
    .ict-case-industry{ font-size: 16px;}
    .ict-case-industry{ line-height: 40px;}
}
@media (max-width: 768px) {
    .ict-mod{ background-color: #f5f6f6; padding: 20px 0 0;}
    .ict-puzzle{ margin-bottom: 0;}
    .ict-puzzle ul{ padding-bottom: 20px; }
    .ict-puzzle ul:after{ display: none;}
    .ict-puzzle-box{ background-color: #ffffff; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,.1);}
    .ict-puzzle-box:after{ display: none;}
    .ict-puzzle-thumb{ width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
    .ict-puzzle-thumb:after{ content: ""; display: block; width: 100%; padding-top: 42.94%;}
    .ict-puzzle-thumb img{ position: absolute; left: 0; top: 0; width: 100%; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
    .ict-puzzle-thumb i{ display: inline-block;}
    .ict-puzzle-bg{ display: none;}
    .ict-puzzle li{ position: static; width: 100% !important; margin-bottom: 20px;}
    .ict-puzzle-text{ position: static; color: #999999; padding: 20px;}
    .ict-puzzle-text h3{ color: #333333; font-size: 18px;}
    .ict-case-industry{ -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0;}
    .ict-puzzle-description{ display: block; padding-top: 10px;}
    .ict-puzzle-description p{ font-size: 14px;}
    .ict-puzzle-description a{ margin-top: 15px; padding: 12px 30px; display: none;}
}

.gradient-bg-ls{
    background: #ffd7a3;;
    background: -moz-linear-gradient(left, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 98, 139, 0.76)), color-stop(100%,rgba(255, 215, 163, 0.02)));
    background: -webkit-linear-gradient(left, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%);
    background: -o-linear-gradient(left, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%);
    background: -ms-linear-gradient(left, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%);
    background: linear-gradient(to right, rgba(255, 98, 139, 0.76) 0%, rgba(255, 215, 163, 0.02) 100%);
}
.gradient-bg-smartcity{
    background: #78b1ee;;
    background: -moz-linear-gradient(left,  rgba(120, 177, 238, 0.76) 0%, rgba(120, 177, 238, 0.02) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(120, 177, 238, 0.76)), color-stop(100%,rgba(120, 177, 238, 0.02)));
    background: -webkit-linear-gradient(left,  rgba(120, 177, 238, 0.76) 0%,rgba(120, 177, 238, 0.02) 100%);
    background: -o-linear-gradient(left,  rgba(120, 177, 238, 0.76) 0%,rgba(120, 177, 238, 0.02) 100%);
    background: -ms-linear-gradient(left,  rgba(120, 177, 238, 0.76) 0%,rgba(120, 177, 238, 0.02) 100%);
    background: linear-gradient(to right,  rgba(120, 177, 238, 0.76) 0%,rgba(120, 177, 238, 0.02) 100%);
}
.gradient-bg-ggaq{
    background: #52d6a9;
    background: -moz-linear-gradient(left,  #52d6a9 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(82,214,169,1)), color-stop(100%,rgba(82,214,169,0)));
    background: -webkit-linear-gradient(left,  rgba(82,214,169,1) 0%,rgba(82,214,169,0) 100%);
    background: -o-linear-gradient(left,  rgba(82,214,169,1) 0%,rgba(82,214,169,0) 100%);
    background: -ms-linear-gradient(left,  rgba(82,214,169,1) 0%,rgba(82,214,169,0) 100%);
    background: linear-gradient(to right,  rgba(82,214,169,1) 0%,rgba(82,214,169,0) 100%);
}
.gradient-bg-ny{
    background: #64c8e5;
    background: -moz-linear-gradient(left,  rgba(100,200,229,1) 0%, rgba(100,200,229,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(100,200,229,1)), color-stop(100%,rgba(100,200,229,0)));
    background: -webkit-linear-gradient(left,  rgba(100,200,229,1) 0%,rgba(100,200,229,0) 100%);
    background: -o-linear-gradient(left,  rgba(100,200,229,1) 0%,rgba(100,200,229,0) 100%);
    background: -ms-linear-gradient(left,  rgba(100,200,229,1) 0%,rgba(100,200,229,0) 100%);
    background: linear-gradient(to right,  rgba(100,200,229,1) 0%,rgba(100,200,229,0) 100%);
}
.gradient-bg-jr{
    background: #6488e5;
    background: -moz-linear-gradient(left,  rgba(100,136,229,1) 0%, rgba(100,136,229,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(100,136,229,1)), color-stop(100%,rgba(100,136,229,0)));
    background: -webkit-linear-gradient(left,  rgba(100,136,229,1) 0%,rgba(100,136,229,0) 100%);
    background: -o-linear-gradient(left,  rgba(100,136,229,1) 0%,rgba(100,136,229,0) 100%);
    background: -ms-linear-gradient(left,  rgba(100,136,229,1) 0%,rgba(100,136,229,0) 100%);
    background: linear-gradient(to right,  rgba(100,136,229,1) 0%,rgba(100,136,229,0) 100%);
}
.gradient-bg-jt{
    background: #e56464;
    background: -moz-linear-gradient(left,  rgba(229,100,100,1) 0%, rgba(229,100,100,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(229,100,100,1)), color-stop(100%,rgba(229,100,100,0)));
    background: -webkit-linear-gradient(left,  rgba(229,100,100,1) 0%,rgba(229,100,100,0) 100%);
    background: -o-linear-gradient(left,  rgba(229,100,100,1) 0%,rgba(229,100,100,0) 100%);
    background: -ms-linear-gradient(left,  rgba(229,100,100,1) 0%,rgba(229,100,100,0) 100%);
    background: linear-gradient(to right,  rgba(229,100,100,1) 0%,rgba(229,100,100,0) 100%);
}
.gradient-bg-zz{
    background: #e5b364;
    background: -moz-linear-gradient(left,  rgba(229,179,100,1) 0%, rgba(229,179,100,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(229,179,100,1)), color-stop(100%,rgba(229,179,100,0)));
    background: -webkit-linear-gradient(left,  rgba(229,179,100,1) 0%,rgba(229,179,100,0) 100%);
    background: -o-linear-gradient(left, rgba(229,179,100,1) 0%,rgba(229,179,100,0) 100%);
    background: -ms-linear-gradient(left, rgba(229,179,100,1) 0%,rgba(229,179,100,0) 100%);
    background: linear-gradient(to right, rgba(229,179,100,1) 0%,rgba(229,179,100,0) 100%);
}
.gradient-bg-isp{
    background: #73dbb6;
    background: -moz-linear-gradient(left,  rgba(115,219,182,1) 0%, rgba(115,219,182,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(115,219,182,1)), color-stop(100%,rgba(115,219,182,0)));
    background: -webkit-linear-gradient(left,  rgba(115,219,182,1) 0%,rgba(115,219,182,0) 100%);
    background: -o-linear-gradient(left,  rgba(115,219,182,1) 0%,rgba(115,219,182,0) 100%);
    background: -ms-linear-gradient(left,  rgba(115,219,182,1) 0%,rgba(115,219,182,0) 100%);
    background: linear-gradient(to right,  rgba(115,219,182,1) 0%,rgba(115,219,182,0) 100%);
}
.gradient-bg-mz{
    background: #bf6ee9;
    background: -moz-linear-gradient(left,  rgba(191,110,233,1) 0%, rgba(191,110,233,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(191,110,233,1)), color-stop(100%,rgba(191,110,233,0)));
    background: -webkit-linear-gradient(left,  rgba(191,110,233,1) 0%,rgba(191,110,233,0) 100%);
    background: -o-linear-gradient(left,  rgba(191,110,233,1) 0%,rgba(191,110,233,0) 100%);
    background: -ms-linear-gradient(left,  rgba(191,110,233,1) 0%,rgba(191,110,233,0) 100%);
    background: linear-gradient(to right,  rgba(191,110,233,1) 0%,rgba(191,110,233,0) 100%);
}
.gradient-bg-jy{
    background: #658ae5;
    background: -moz-linear-gradient(left,  rgba(101,138,229,1) 0%, rgba(101,138,229,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(101,138,229,1)), color-stop(100%,rgba(101,138,229,0)));
    background: -webkit-linear-gradient(left,  rgba(101,138,229,1) 0%,rgba(101,138,229,0) 100%);
    background: -o-linear-gradient(left,  rgba(101,138,229,1) 0%,rgba(101,138,229,0) 100%);
    background: -ms-linear-gradient(left,  rgba(101,138,229,1) 0%,rgba(101,138,229,0) 100%);
    background: linear-gradient(to right,  rgba(101,138,229,1) 0%,rgba(101,138,229,0) 100%);
}
.gradient-bg-yl{
    background: #68b8eb;
    background: -moz-linear-gradient(left,  rgba(104,184,235,1) 0%, rgba(104,184,235,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(104,184,235,1)), color-stop(100%,rgba(104,184,235,0)));
    background: -webkit-linear-gradient(left,  rgba(104,184,235,1) 0%,rgba(104,184,235,0) 100%);
    background: -o-linear-gradient(left,  rgba(104,184,235,1) 0%,rgba(104,184,235,0) 100%);
    background: -ms-linear-gradient(left,  rgba(104,184,235,1) 0%,rgba(104,184,235,0) 100%);
    background: linear-gradient(to right,  rgba(104,184,235,1) 0%,rgba(104,184,235,0) 100%);
}
.gradient-bg-hzhb{
    background: #d6af53;
    background: -moz-linear-gradient(left,  rgba(214,175,83,1) 0%, rgba(214,175,83,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(214,175,83,1)), color-stop(100%,rgba(214,175,83,0)));
    background: -webkit-linear-gradient(left,  rgba(214,175,83,1) 0%,rgba(214,175,83,0) 100%);
    background: -o-linear-gradient(left,  rgba(214,175,83,1) 0%,rgba(214,175,83,0) 100%);
    background: -ms-linear-gradient(left,  rgba(214,175,83,1) 0%,rgba(214,175,83,0) 100%);
    background: linear-gradient(to right,  rgba(214,175,83,1) 0%,rgba(214,175,83,0) 100%);
}


.ict-transformation{ background: url("../images/ict-transformation-bg.jpg") center center no-repeat; background-size: cover;}
.ict-transformation .cistern{ height: 100%;}
.ict-transformation ul{ height: 100%;}
.ict-transformation li{ width: 48%; display: inline-block; vertical-align: middle;}
.ict-tranmat-left{ height: 100%;}
.ict-tranmat-right span{ display: inline-block; position: relative; padding-left: 80px; font-size: 16px; color: #333333; margin-bottom: 20px;}
.ict-tranmat-right span b{ position: absolute; left: 0; bottom: -14px; width: 70px; height: 67px; background: url("../images/ict-transformation-icon.png") left top no-repeat;}
.ict-tranmat-right h3{ font-size: 40px; font-weight: bold; color: #333333; margin-bottom: 55px;}
.ict-tranmat-right p{ font-size: 16px; color: #333333; line-height: 1.625; margin-bottom: 10px;}
.ict-tranmat-btn a{ display: inline-block; color: #333333; font-size: 16px; line-height: 1.2; padding: 50px 12px;}


.ict-whitepaper{ background: url("../images/Share-your-good-case-story-towarding-digital-transformation-cooperated-with-Huawei_opc.jpg") center center no-repeat; background-size: cover; position: relative; padding-bottom: 80px;}
.ict-whitepaper .cistern{ height: 100%;}
.ict-whitepaper ul{ height: 100%;}
.ict-whitepaper li{ display: inline-block; vertical-align: middle;}
.ict-wp-left{ width: 49%;}
.ict-wp-right{ width: 49%; height: 100%; position: relative; text-align: center;}
.ict-wp-right:after{ content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.ict-wp-left h3{ font-size: 40px; color: #333333; font-weight: bold; margin-bottom: 60px;}
.ict-wp-left p{ font-size: 16px; line-height: 1.5; color: #ffffff; margin-bottom: 13px; max-width: 605px;}
.ict-wp-left a{font-size: 16px;color: #ffffff;line-height: 1.2;padding: 11px 0px;border: #ffffff solid 2px;border-radius: 25px;display: inline-block;min-width: 200px;text-align: center;margin: 50px 8px 0 8px;}
.ict-wp-left a.open-regster2, .ict-wp-left a.open-regster4{background: #e50000;border:2px solid #e50000;}
.ict-wp-left a:first-child{ margin-left: 0;}
.ict-wp-left a:hover{ background-color: #e50000; color: #ffffff; border: #e50000 solid 2px;}
.ict-wp-left a.open-regster2:hover, .ict-wp-left a.open-regster4:hover{ background-color: #cc3947; border: #cc3947 solid 2px;}
.ict-wp-book{ display: inline-block; vertical-align: middle; width: 98%; position: relative; z-index: 10;}
.ict-wp-book img{ width: 100%; max-width: 564px;} 
.ict-wp-watermarks{ display: inline-block; width: 100px; height: 100px; border: #f9a990 solid 1px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); z-index: -1;}
.ict-wp-watermarks1{ animation: enlargeAnimation linear infinite 4s;}
.ict-wp-watermarks2{ animation: enlargeAnimation linear infinite 4s 1.5s;}
.ict-wp-watermarks3{ animation: enlargeAnimation linear infinite 4s 3s;}
.ict-wp-watermarks4{ animation: enlargeAnimation linear infinite 4s 4.5s;}
@keyframes enlargeAnimation {
    0% { opacity: 0;}
    10%{ opacity: 1;}
    100%{ width: 180%; height: 200%; opacity: 0;}
}
@media (max-width: 768px) {
    .ict-whitepaper{ padding: 30px 0 0 0; background-image: url("../images/Share-your-good-case-story-towarding-digital-transformation-cooperated-with-Huawei_owap.jpg");}
    .ict-whitepaper ul{ display: inline-block; vertical-align: middle; height: auto; width: 100%;}
    .ict-wp-left{ width: 100%; text-align: center; padding: 0 12px 30px 15px;}
    .ict-wp-left h3{ font-size: 20px;}
    .ict-wp-left p{ font-size: 14px; text-align: left;}
    .ict-wp-left a{ font-size: 14px; margin-top: 20px;}
    .ict-wp-book{ width: 95%;}
    .ict-wp-right{ height: auto; width: 100%; margin-bottom: 20px;}
    .ict-footer{ position: static;}
}



.ict-suspension{ position: fixed; left: 0; top: 200px; width: 40px; height: 224px; z-index: 1000; text-align: center; display: none;}
.ict-suspension-box{ position: absolute; left: 0; top: 0; width: 216px; height: 224px; background: url("../images/ict-suspension-bg.png") left top no-repeat; transition: all ease .5s;}
.ict-suspension-text{ width:200px; height:192px; font-size: 18px;line-height: 26px;color: #ffffff;padding-top: 47px; position: relative;}
.ict-suspension-btn{display: inline-block;color: #e50000;border: #e50000 solid 1px;font-size: 14px;line-height: 16px;padding: 6px 30px;margin-top: 68px;border-radius: 15px;}
.ict-suspension-btn:hover{ background-color: #e50000; color: #ffffff;}
.ict-suspension-close{position: absolute;right: 9px;top: 13px;color: #ffffff;}
.ict-suspension-close i{ font-size: 16px; line-height: 1;}
.ict-suspension-close:hover{ transform: rotateZ(90deg);}
.ict-suspen-title{position: absolute;left:-100%;top: 11px;background-color: #ffffff;height: 192px;padding: 0 4px;font-size: 14px;color: #333333;line-height: 22px;border: #cfcfcf solid 2px;border-left: none;border-top-right-radius:10px;border-bottom-right-radius: 10px;padding-top: 58px; transition: all ease .5s; width: 40px; cursor: pointer;}
.ict-suspension.receive .ict-suspension-box{ left: -216px;}
.ict-suspension.receive .ict-suspen-title{ left: 0;}
@media (max-width: 768px) {
    .ict-suspension{ display: none;}
}


/*s-=v2 20170901*/
.banner-describe{ font-size: 26px; line-height: 2; color: #fefefe; padding-top: 44px; font-weight: bold;}
.banner-describe span{ font-size: 48px; line-height: 1.1; color: #f9bd35; font-weight: bold; font-style: italic;}

.v2-indexcase-nav{ position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; background-color: rgba(0,0,0,0.5);}
.v2-indexcase-nav .cistern{ max-width: 1480px; margin:0 auto;}
.nav-casetitle{ position: relative; margin-top:27px; text-align: center; font-size:16px; line-height: 1.625; color: #fff;}
.nav-casetitle:before{ content: ""; width: 43.9%; height:1px; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 11px; display: inline-block;}
.nav-casetitle:after{ content: ""; width: 43.9%; height:1px; background: rgba(255,255,255,0.5); position: absolute; right: 0; top: 11px; display: inline-block;}
.v2-indexcase-nav li{ float: left;width: 8.333333%; text-align: center; position: relative;}
.v2-indexcase-nav li a{ font-size:16px; line-height: 1.625; color: #fff; display: inline-block; text-align: center; padding:35px 0 26px; border:none; outline: none;}
.v2-indexcase-nav li a:hover img{ transform:scale(1.1);}
.v2-indexcase-nav li a:hover p{ font-weight: bold;}
@media(max-width: 1600px){
    .banner-describe{ padding-top: 32px; font-size: 21px; line-height: 1.8;}
    .banner-describe span{ font-size: 38px;}
    .ict-video-tbox p{ padding-top: 24px;}
    .v2-indexcase-nav li a{ font-size: 14px; padding:26px 0 16px;}
    .v2-indexcase-nav li a:before{ top: 30px;}
    .ict-video-text{ height: 80%;}
    .nav-casetitle{ margin-top: 20px;}
}
@media(max-width: 768px){
    .v2-indexcase-nav{ position: static; background-color: #f5f6f6; border-bottom: 10px solid #ffffff;}
    .nav-casetitle{ color: #333; padding: 23px 0; margin-top: 0px;}
    .nav-casetitle:before,.nav-casetitle:after{ display: none;}
    .v2-indexcase-nav li{ width: 33.333%; border-top: 1px solid #dedede; border-right: 1px solid #dedede;}
    .v2-indexcase-nav li:nth-child(3),.v2-indexcase-nav li:nth-child(6),.v2-indexcase-nav li:nth-child(9){ border-right: none;}
    .v2-indexcase-nav li a{ color: #333; padding:15px 0;}
    .v2-indexcase-nav li a:before{ display: none;}
    .v2-indexcase-nav .cistern{ padding:0;}
    .banner-describe{ font-size: 14px; padding-top: 10px;}
    .banner-describe span{ font-size: 28px;}
    .ict-video-text{ height: 53%;}
    .ict-video-tbox img{ width: 75%;}
    .v2-indexcase-nav li a{ width: 100%; display: inline-block;}
    .v2-indexcase-nav li.on a{ background-color: #e50000; color: #fff;}
    .v2-indexcase-nav li a img{ display: none;}
}


.v2-floatpcnav{ background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; display: none; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); z-index: 10;}
.v2-floatpcnav.on{ z-index: 10; display: block;}
.v2-floatpcnav:after{ content: ""; display: table; clear: both}
.v2-floatpcnav a.allcase-btn{ float: right;}
.v2-floatpcnav ul{ float: left; margin-left: -25px; margin-right: -25px; padding-left: 10px;}
.v2-floatpcnav li{ float: left; padding:0 25px;}
.v2-floatpcnav li.on a{ color: #e50000; border-bottom: 2px solid #e50000;}
.v2-floatpcnav li a{ font-size:14px; line-height: 1; padding:23px 0; display: inline-block; color: #666; transition:0s; -webkit-transition: 0s; border-bottom: 2px solid transparent; outline: none;}
.v2-floatpcnav li a:hover{ color: #e50000; border-bottom: 2px solid #e50000;}
.v2-floatpcnav .allcase-btn{ display:block; font-size: 14px; line-height: 1; color: #fff; padding:14px 28px 14px 48px; background-color: #e50000; margin-top: 9px; position: relative; outline: none;}
.v2-floatpcnav .allcase-btn:before{ content:""; width: 12px; height: 12px; background:url(../images/allcase-btn-icon.png) left center no-repeat; position: absolute; top: 35%; left: 28px;}
.v2-floatpcnav .allcase-btn:hover{ background-color: #cc3947;}
.wap-title-btn{ display: none;}
.wap-title-btn:after{ content: ""; display: table; clear: both;}
.wap-title-btn p{ font-size: 18px; line-height: 50px; color: #333; float: left;}
.wap-title-btn i{ float: right; font-size: 30px; color: #999999; line-height: 50px; margin-right: -3px;}
.wap-title-btn i.on{ transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);}
.v2-floatpcnav li.all{ display: none;}
.v2-floatpcnav i.v2-wapulclose{ display: none;}
@media(max-width: 1440px){
    .v2-floatpcnav li a{ padding:16px 0;}
    .v2-floatpcnav .allcase-btn{ padding: 10px 20px 10px 40px;}
    .v2-floatpcnav .allcase-btn:before{ top: 32%; left: 22px;}
    .v2-floatpcnav li{ padding:0 20px;}
    .v2-floatpcnav ul{ margin-left: -20px; margin-right: -20px;}
}
@media(max-width: 980px){
    .v2-floatpcnav li{ padding:0 10px;}
}
@media(max-width: 768px){
    .v2-floatpcnav li{ text-align: center; float: none;} 
    .v2-floatpcnav ul{ padding-left: 0; float: none; padding-top: 44px; padding-bottom: 44px; display: none; position: relative;}
    .v2-floatpcnav i.v2-wapulclose{ font-size: 30px; color: #999; width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; text-align: center; display: none;}
    .v2-floatpcnav i.v2-wapulclose.on{ display: block;}
    .v2-floatpcnav a.allcase-btn{ display: none;}
    .v2-floatpcnav li a{ padding:10px 0;}
    .v2-floatpcnav li.on a{ padding:10px 30px; background-color: #e50000; border-radius: 50px; color: #fff;}
    .wap-title-btn{ display: block;}
    .v2-floatpcnav li.all{ display: block;}
}


.index-bottom-bg{ background-color: #f5f6f6; }
.v2-indexsolution{ position: relative; background:url(../images/v2-indexsolution-bg.jpg) left top no-repeat; text-align: center; margin-bottom: 40px; display: block;}
.v2-indexsolution span{ padding-top:9.75%; display: block; }
.v2-indexsolution .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle;}
.v2-indexsolution .text .text-box{ width: 99%; display: inline-block;vertical-align: middle;}
.v2-indexsolution .text .text-box h4{ font-size: 26px; line-height: 1.1; color: #fefefe; padding-bottom: 9px; padding-top: 12px;}
.v2-indexsolution .text .text-box p{ font-size: 16px; line-height: 1.625; color: #fefefe;}
.v2-indexsolution .verticalmiddle{ vertical-align: middle; display: inline-block; width: 1px; height: 100%;}
a.v2-indexsolution:hover .text .text-box p{ color: #e50000;}
@media(max-width: 1600px){
    .v2-indexsolution{ margin-bottom: 30px;}
}
@media(max-width: 768px){
    /*0921*/
    .v2-indexsolution{ margin-bottom: 20px; border-radius: 50px; background-size: cover;}
    .v2-indexsolution .text{ position: static; }
    .v2-indexsolution span{ display: none; }
    .v2-indexsolution .verticalmiddle{ display: none; }
    .v2-indexsolution .text .text-box p{ display: none; }
    .v2-indexsolution .text .text-box h4{ font-size: 14px; padding:13px 0; }
}


/*手机版更多成功故事*/
.wap-more-cases{ display: none; width: 100%; padding:13px 0; font-size:14px; color: #fff; background-color: #333; text-align: center; margin-bottom: 10px; border-radius: 50px; line-height: 1.1;}
@media(max-width: 768px){
    .wap-more-cases{ display: block;  }
}


#mod1{ padding-top: 10px;}
/* @media(max-width: 1440px){
    #mod1{ padding-top: 30px;}
} */
@media(max-width: 768px){
    #mod1{ padding-top: 0;}
}
/*e-= 20170901*/