h2.title1{font-size: 26px;color: #333333;position: relative;background: url(../images/triangle.png) no-repeat center bottom;text-align: center;padding: 20px 0 30px;display: inline-block;margin-bottom: 25px;font-weight: bold;}
h2.title1:after{display: block;content: "";position: absolute;top: 39px;left: -160px;width: 95px;height: 1px;background: #a0a0a0;}
h2.title1:before{display: block;content: "";position: absolute;top: 39px;right: -160px;width: 95px;height: 1px;background: #a0a0a0;}
.title2{position: absolute;left: 0;top: -24px;width: 100%;}
.title2 h2{background-position: 20px center;background-repeat: no-repeat;font-size: 36px;color: #333333;line-height: 1.3;display: inline-block;background-color: #fff;padding: 0 20px 0 80px;position: relative;}
.title2 h2:after{display: block;content: "";position: absolute;top: 20px;left: -4px;width: 8px;height: 8px;background: url(../images/pointer.png);}
.title2 h2:before{display: block;content: "";position: absolute;top: 20px;right: -4px;width: 8px;height: 8px;background: url(../images/pointer.png);}
.time .title2 h2{background-image: url(../images/time-title-icon.png);}
.selection .title2 h2{background-image: url(../images/selection-title-icon.png);}
.standard .title2 h2{background-image: url(../images/standard-title-icon.png);}
@media (max-width: 768px) {
	h2.title1:before,h2.title1:after,.title2 h2:before,.title2 h2:after{display: none;}
	.title2 h2 {
    font-size: 22px;
    padding: 0 20px 0 50px;
    background-size: 20px;
}
h2.title1 {
    font-size: 22px;
    font-weight: normal;
}
}


.story{background: #f7f7f8 url(../images/Share-your-good-case-story-towarding-digital-transformation-cooperated-with-Huawei_up.jpg) no-repeat center top;margin-top: 83px;position: relative;}
.story-banenr{}
.story-banenr img{padding: 80px 0;display: block;width: 100%;max-width: 565px;margin: 0 auto;}
.story-btn{text-align: center;width: 100%;position: absolute;left: 0;top: -25px;}
.story-btn a{display: inline-block;background-color: #e50000;text-decoration: none;text-align: center;border-radius: 50px;color: #fff;font-size: 20px;padding: 12px 102px;letter-spacing: 4px;}
@media (max-width: 768px) {
.story {
    margin-top: 0;
}
    .story .story-con .contents{ padding-left: 0; padding-right: 0;}
.story-btn a {
    padding: 12px 40px;
}
.story-btn a{
    font-size: 16px;
    padding: 10px 30px;

}
.story-btn {
    top: -20px;
}
}
.process{padding: 90px 110px 60px;background-color: #fff;position: relative;}
.introduction{border:3px solid #cdcdcd;padding: 25px;}
.introduction .left{background-image: url(../images/question.png);background-repeat: no-repeat;background-position: right 30px;width: 26%;float: left;}
.introduction .left p{font-size: 30px;line-height: 1.5;color: #333;padding: 20px 60px 0 0;max-width: 250px;text-align: right;float: right;}
.introduction .right{width: 74%;float: left;padding: 0 45px 0 80px;}
.introduction .right p{font-size: 16px;line-height: 30px;}
@media (max-width: 768px) {
.process {
    padding: 50px 20px 40px;
}
.introduction .left {
    background-position: right 30px;
    width: 100%;
    float: none;
}
.introduction .left p {
    font-size: 30px;
    padding: 20px 0 0 0;
    max-width: initial;
    text-align: left;
    float: none;
}
.introduction {
    border: 3px solid #cdcdcd;
    padding: 25px;
    text-align: center;
}
.introduction .left {
    background-image: url(../images/question.png);
    background-repeat: no-repeat;
    background-position: right 26px;
    width: auto;
    float: none;
    background-size: 9%;
    text-align: center;
    display: inline-block;
}
.introduction .left p {
    font-size: 22px;
    line-height: 1.3;
    padding: 20px 30px 0 0;
    max-width: initial;
    text-align: left;
    float: none;
        margin-bottom: 20px;
}
.introduction .right {
    width: 100%;
    float: none;
    padding: 0;
    text-align: left;
}
}
.expect{text-align: center;padding-top: 40px;}
.expect .con{text-align: left;background: #f4f4f4;padding: 43px 50px 37px;}
.expect ul{margin: 0 -25px;}
.expect ul li{float: left;width: 50%;}
.expect .left{padding: 0 25px;}
.expect .left h4{font-size: 16px;line-height: 30px;color: #666;font-weight: normal;margin-bottom: 26px;}
.expect .left p{font-size: 16px;line-height: 30px;color: #666;font-weight: normal;position: relative;padding-left: 34px;margin-bottom: 12px;}
.expect .left p span{line-height: 30px;font-weight: normal;position: absolute;left: 0;top: 5px;font-size: 14px;color: #fff;background: url(../images/expect-number-bg.png) no-repeat left top;display: inline-block;width: 24px;height: 24px;text-align: center;line-height: 23px;}
.expect .right{padding: 0 25px;}
.expect .right p{font-size: 16px;line-height: 30px;color: #666;font-weight: normal;position: relative;margin-bottom: 25px;}
@media (max-width: 768px) {
.expect ul li {
    float: none;
    width: 100%;
}
.expect .con {
    text-align: left;
    background: #f4f4f4;
    padding: 20px 20px 0px;
}
}
.participate{text-align: center;padding-top: 40px;}
.participate .con{text-align: left;}
.participate ul{margin: 0 -25px;padding: 10px 0 0 0;}
.participate ul li{float: left;width: 50%;}
.participate .left,.participate .right{margin: 0 25px;background: #f4f4f4;border-top: 5px solid #2e88d3;padding: 35px 30px 45px;}
.participate .pic{width: 22%;float: left;}
.participate .pic img{width: 100%;max-width: 83px;}
.participate .text{width: 78%;float: left;padding: 0 25px;}
.participate h4{font-size: 24px;line-height: 30px;color: #333;font-weight: normal;margin-bottom: 15px;}
.participate p{font-size: 16px;line-height: 30px;color: #333;font-weight: normal;}
.participate p a{color: #2e88d3;border-bottom: 1px solid #2e88d3;}
.participate strong{text-align: right;display: block;font-size: 16px;line-height: 30px;color: #666666;font-weight: normal;padding: 15px 0 20px;border-bottom: 1px solid #f4f4f4;}
@media (max-width: 768px) {
.participate ul li {
    float: none;
    width: 100%;
}
.participate .text {
    padding: 0 0 0 20px;
}
.participate h4 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
}
.participate p {
    font-size: 14px;
    line-height: 22px;
}

}
.time{border:1px solid #d3d3d3;margin-top: 70px;text-align: center;position: relative;}
.time ul{padding: 90px 140px 80px;}
.time ul li{width: 50%;float: left;}
.time ul li span{border-radius: 8px;color: #fff;padding: 13px 90px;font-size: 20px;text-align: center;display: inline-block;margin-bottom: 20px;position: relative;}
.time ul li span.color1{background: #92b506;}
.time ul li span.color2{background: #e39b00;}
.time ul li span.color1:after{display: block;content: "";position: absolute;top: 66px;left: 50%;width: 12px;height: 12px;background: url(../images/arrow-icon2.png);margin-left: -5px;}
.time ul li span.color1:before{display: block;content: "";position: absolute;top: 44px;left: 50%;width: 36px;height: 15px;background: url(../images/arrow-icon1.png);margin-left: -18px;}
.time ul li span.color2:after{display: block;content: "";position: absolute;top: 66px;left: 50%;width: 12px;height: 12px;background: url(../images/arrow-icon4.png);margin-left: -5px;}
.time ul li span.color2:before{display: block;content: "";position: absolute;top: 44px;left: 50%;width: 36px;height: 15px;background: url(../images/arrow-icon3.png);margin-left: -18px;}
.time ul li p{font-size: 16px;line-height: 1.5;padding-top: 20px;border-top: 1px solid #e6e6e6;}
.time ul li p.color1{color: #92b506;}
.time ul li p.color2{color: #e39b00;}
@media (max-width: 768px) {
.time ul {
    padding: 90px 0px 40px;
}
.time ul li {
    width: 100%;
    float: none;
    margin-bottom: 40px;
}
.time ul li span {
    padding: 11px 40px;
}
.selection .block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
}
}
.selection{text-align: center;position: relative;}
.selection .title2{position: static;background-color: transparent;}
.selection .title2 h2{background-color: transparent;color: #fff;}
.selection .title2 h2:after{background: none;}
.selection .title2 h2:before{background: none;}
.selection {background: url(../images/Share-your-good-case-story-towarding-digital-transformation-cooperated-with-Huawei_down.jpg) no-repeat center center;}
/*.selection .pic{padding-top: 43%;position: relative;overflow: hidden;}*/
/*.selection .pic img{position: absolute;width: 100%;left: 0;top: 0;}*/
.selection .block{width: 100%;padding: 65px 90px;}
.selection ul{padding: 90px 0 40px;margin: 0 -15px;}
.selection ul li{width: 50%;float: left;}
.selection ul li span{color: #fff;font-size: 26px;text-align: center;display: inline-block;background-position: center center;background-repeat: no-repeat;width: 64px;height: 64px;background-size: 100%;line-height: 64px;position: absolute;left: 50%;top: -32px;margin-left: -32px;}
.selection ul li span.color1{background-image: url(../images/selection-number-bg1.png);}
.selection ul li span.color2{background-image: url(../images/selection-number-bg2.png);}
.selection ul li .left,.selection ul li .right{margin:0 15px;background: #fff;position: relative;}
.selection ul li p{font-size: 16px;line-height: 1.5;color: #333;padding: 60px 30px 50px;text-align: left;}
.selection strong{font-size: 16px;line-height: 30px;color: #fff;text-align: center;max-width: 730px;margin: 0 auto;display: block;font-weight: normal;}
@media (max-width: 768px) {
.selection {
	background: #b5aaa7;
}
.selection .pic {
    display: none;
}
.selection .block {
    position: static;
    padding: 30px 20px;
}
.selection ul li {
    width: 100%;
    float: none;
}
.selection ul {
    padding: 60px 0 40px;
    margin: 0 -15px;
}
}
.standard{margin-top: 0;text-align: center;position: relative;}
.standard{text-align: center;padding-top: 40px;}
.standard .con{text-align: left;}
.standard ul{margin: 0 -15px;padding: 30px 0 0 0;}
.standard ul li{float: left;width: 33.333%;}
.standard .left,.standard .center,.standard .right{margin: 0 15px;background: #f4f4f4;padding: 35px 35px 45px;}
.standard .pic{width: 22%;float: left;}
.standard .pic img{width: 100%;max-width: 83px;}
.standard .text{width: 78%;float: left;padding: 0 25px 0 30px;}
.standard h4{font-size: 24px;line-height: 30px;color: #333;font-weight: normal;margin-bottom: 15px;}
.standard p{font-size: 16px;line-height: 30px;color: #333;font-weight: normal;}
.standard p a{color: #2e88d3;}
.standard strong{text-align: right;display: block;font-size: 16px;line-height: 30px;color: #666666;font-weight: normal;padding: 10px 0;border-bottom: 1px solid #f4f4f4;}
@media (max-width: 768px) {
.standard ul li {
    float: none;
    width: 100%;
}
.standard ul {
    margin: 0;
    padding: 0 0 30px 0;
    background: #f4f4f4;
}
.standard .left, .standard .center, .standard .right {
    margin: 0;
    background: #f4f4f4;
    padding: 35px 20px 0;
}
.standard .text {
    width: 85%;
    float: left;
    padding: 0 0 0 20px;
}
.standard .pic {
    width: 15%;
    float: left;
}
}
.standard-btn{text-align: center;margin: 80px 0 50px;}
.standard-btn .tips{border:4px solid #e5e5e5;max-width: 714px;display: inline-block;padding: 5px 120px;position: relative;}
.standard-btn .tips:before{display: block;content: "";position: absolute;top: -4px;left: 4%;width: 92%;height: 4px;background: #fff;}
.standard-btn .tips:after{display: block;content: "";position: absolute;bottom: -4px;left: 4%;width: 92%;height: 4px;background: #fff;}
.standard-btn .tips p{font-size: 26px;line-height: 40px;color: #333;}
.standard-btn .tips p span{display: block;}
.standard-btn .tips a{display: inline-block;background-color: #e50000;text-decoration: none;text-align: center;border-radius: 50px;color: #fff;font-size: 20px;padding: 23px 80px;letter-spacing: 0px;margin-top: 35px;}

@media (max-width: 768px) {
.standard-btn .tips {
    padding: 5px 40px;
}
.standard-btn .tips p {
    font-size: 16px;
    line-height: 28px;
}
.standard-btn .tips p span {
    display: inline;
}
.standard-btn .tips a {
    font-size: 16px;
    padding: 10px 30px;
    margin-top: 20px;
}
.standard-btn {
    text-align: center;
    margin: 30px 0 0;
}

}
.newictmargintop{margin-top: 20px;padding-bottom: 100px;padding-top: 65px;}
.newict{text-align: center;}
.newict h2{font-size: 30px;line-height: 40px;color: #333;margin-bottom: 20px;}
.newict p{font-size: 18px;line-height: 30px;color: #333;max-width: 992px;margin: 0 auto;}
.newict a{color: #e50000;font-size: 14px;line-height: 16px;border: 1px solid #e50000;border-radius: 50px;padding: 5px 32px;margin-top: 40px;display: inline-block;}
.ict-footer{position: static;}



@media (max-width: 768px) {
.newict h2 {
    font-size: 22px;
    line-height: 30px;
}
.newictmargintop {
    margin-top: 10px;
    padding-bottom: 30px;
    padding-top: 30px;
}
.newict p {
    text-align: left;
    font-size: 16px;
    line-height: 30px;
}
.newict a {
    margin-top: 25px;
}
}