
/*S-= banner*/
.banner-box{ position: relative; transition:all ease .5s;}
.banner-box .pic {position: relative;overflow: hidden;}
.banner-box .pic span {padding-top: 31.25%;display: block;}
.banner-box .pic img{display: block;width: 100%;position: absolute;}
.banner-block{ position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
.banner-height{ height: 100%;}
.banner-text{ width: 98%; display: inline-block; vertical-align: middle;}
.banner-text h2{font-family: 'AkkuratProBold'; font-size: 52px; line-height:1.3; color: #ffffff; font-weight: normal; margin-bottom: 15px;}
.banner-text p.meet{ font-family: 'AkkuratProRegular'; font-size: 26px; line-height:1.3; color: #ffffff; padding-top: 2px;}
.banner-text p.address{ font-family: 'AkkuratProLight'; font-size: 22px; line-height: 1.3; color: #ffffff; padding-top: 6px;}
.banner-text p.note{ font-family: 'AkkuratProLight'; font-size: 20px; line-height: 1.3; color: #ffffff; padding-top: 6px; }
a.banner-btn{ font-size: 18px; height: 50px; line-height: 50px; color: #fff; display: inline-block; padding:0 40px; background-color: #e50000; margin-top: 26px; outline: none;}
a.banner-btn:hover{ background: #b70000;}
a.banner-btn.sbtn1{ margin-right: 17px; }
.verticalmiddle{ height: 100%; vertical-align:middle; display: inline-block;width: 1px;}
.inside-page-box .btn { text-align: center;}

.banner-text span{ display: block; }
.banner-text span img{ width: 100%; max-width: 240px; margin-top: 36px; }
@media(max-width: 1600px){
    .banner-text h2{ font-size: 41px;}
    .banner-text p.meet{ font-size: 22px;}
    .banner-text p.address{ font-size:18px; } 
    a.banner-btn{ margin-top: 25px; padding:0 31px; height: 40px; line-height: 40px;}
}
@media(max-width:1024px){
    .banner-text h2{ font-size: 32px; margin-block-end: 5px;}
}
@media(max-width: 980px){
    .banner-text h2{ font-size: 28px; margin-bottom: 2px;}
    .banner-text p.meet{ font-size: 22px; padding-top: 8px;}
    .banner-text p.address{ padding-top: 8px;}
    a.banner-btn{ margin-top: 15px;}
    .banner-text span img{ display: none; }
}
@media(max-width: 768px){
    .banner-box:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); display: inline-block;}
    .banner-box .pic span{ padding-top: 56.25%;}
    a.banner-btn{ padding:0 13px; font-size: 14px; margin-top: 5px; line-height: 30px; height: 30px;}
    .banner-text h2{ font-size: 30px;}
    .banner-text p.meet{ font-size: 24px; }
    a.banner-btn.sbtn1{ margin-right: 7px; }
}
@media(max-width: 480px){
    .banner-text h2{ font-size: 16px;}
    .banner-text p.meet{ font-size: 14px; padding-top: 4px;}
    .banner-text p.address,.banner-text p.note{ font-size: 12px; padding-top: 2px;}
    a.banner-btn.sbtn2{ display: none; }
}
@media(max-width: 340px){
    .banner-text h2{ font-size: 12px; margin-bottom: 0;}
    .banner-text p.meet{ font-size: 12px;}
    a.banner-btn{ height: 22px; line-height: 22px;  padding:0px 26px;}
}

.isclogo img{ max-width: 238px; width: 100%; padding-bottom: 10px; }
.LANG-cn .banner-text h2,.LANG-cn .banner-text p.meet,.LANG-cn .banner-text p.address{ font-family:"Microsoft YaHei",Arial; } 
@media(max-width: 1024px){
    .isclogo img{ max-width: 120px; padding-bottom: 3px; }
}
/*E-= banner*/


.h2-title{margin-bottom: 40px;  text-align:center; font-size:40px; font-weight: normal; line-height:1.2;}
@media (max-width: 1680px) {
    .h2-title{ font-size:34px;  margin-bottom: 30px; }
}
@media (max-width: 1024px) {
    .h2-title{ margin-bottom: 25px; font-size:28px; background-size:48px; }
}
@media (max-width: 480px) {
    .h2-title{ margin-bottom: 20px; font-size:26px;}
}





/*S-= solution3*/
.solution3 .row{ margin-left: -10px; margin-right: -10px; }
.solution3 .col4{ width: 33.333%; float: left; padding:0 10px; }
.solution3 .col3{ width: 25%; float: left; padding:0 10px; }
.solution3 .container{margin-bottom:-20px}
.solution3-t{position:relative;overflow:hidden}
.solution3-t img{display:block;width:100%;transition:1s transform;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1)}
.solution3-t i{position:absolute;left:20px;bottom:20px;font-size:44px;color:#fff}
.solution3-b h4{font-size:20px;line-height:26px;font-weight:400;padding:15px 0 10px}
.solution3-b p{font-size:14px;line-height:22px;color:#666}
.solution3-block{margin-bottom:20px;}
.solution3-block:hover .solution3-t img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1)}
@media (max-width:1024px){.solution3-block:hover .solution3-t img{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1)}
    .solution3-block:active .active-dask{display:block}
    .solution3 .container{margin-bottom:0}
}
@media (max-width:768px){.solution3-b,.solution3-t{width:100%}
    .solution3-t img{max-width:100%}
    .solution3-b{padding-left:0}
    .solution3 .col4{ width: 50%; }
    .solution3 .col3{ width: 50%;}
}
@media (max-width:480px){
    .solution3-b h4{font-size:16px;line-height:20px;padding:10px 0 5px}
    .solution3-t i{left:10px;bottom:10px;font-size:24px}
    .solution3 .container{margin-bottom:-15px}
    .solution3-b p{font-size:12px}
}

/*成功故事*/
.LANG-cn .solution3.successstory .container{ max-width: 960px; }
.LANG-cn .solution3.successstory .col4{ width: 50%; }
@media(max-width: 1366px){
    .LANG-cn .solution3.successstory .container{ max-width: 760px; }
}
/*产品*/
.solution3.products .solution3-b h4{ text-align: center; }
.solution3.products .solution3-t{ border: 1px solid #ececec; }
/*E-= solution3*/


@media(max-width: 1600px){
    .map2 iframe{ height: 260px; }
}
@media(max-width: 1240px){
    .map2 iframe{ height: 200px; }
}


/*S-= solution4*/
.solution4{color:#fff;background:url(../images/solutions-bg.jpg) no-repeat center top !important;}
.solution4 .h3-content{padding-top:32px; border-top: 1px solid rgba(255,255,255,0.2); }
.solution4 .h3-title{font-size:24px;color:#fff;padding-top:35px;text-align: center}
.solution4 .h3-content-list-wrap{padding-top:15px;}
.solution4 .h3-content-list{margin-left:-10px;margin-right:-10px;}
.solution4 .h3-content-list-item{padding-left: 10px;padding-right: 10px;position:relative;width:25%;float:left;padding-top:20px;}
.solution4 .h3-content-list-block{display:block;position:relative;}
.solution4 .h3-content-list-block:after{display:block;position:relative;padding-top:42.94%;content:"";}
.solution4 .h3-content-list-img{position:absolute;width:100%;height:100%;top:0;left:0;overflow: hidden}
.solution4 .h3-content-list-img:after{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity: 0;filter:alpha(opacity=0) \9;content: ""}
.solution4 .h3-content-list-block:hover .h3-content-list-img:after{ opacity: 0.43;filter:alpha(opacity=43) \9; }

.solution4 .h3-content-list-img img{width:100%;height:100%;transition: 1s transform;transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);}
.solution4 .h3-content-list-block:hover img{    transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);}
.solution4 .h3-content-bottom{padding-top:10px;height:0}

.table-text-wrap{position:absolute;left:0;top:0;width: 100%;height:100%;padding:20px 25px;line-height: 1.1;text-align: center;}
.table-text{display: table;height:100%;width: 100%;}
.cell-text{display: table-cell;vertical-align: middle;font-size: 18px;color:#fff;width: 100%;text-shadow: 1px 5px 11px #000;}
@media (max-width: 1024px){
    .solution4 .h3-title{font-size:28px;padding-top:15px;}
    .solution4 .top-content-title{font-size: 26px;}
    .top-content-bottom{  padding-top:50px;}
    .solution4 .top-content-text{font-size:16px;}
}
@media (max-width: 768px){
    .solution4{background:url(../images/solutions-bg-wap.jpg) no-repeat center top !important;}
    .solution4 .h3-content-list-item{width:50%;}
    .cell-text{font-size: 14px;}
    .huawei-red-btn { padding: 0 26px; font-size: 14px; }
    .solution4 .h3-content-bottom{ padding-top: 20px; }
}

.solutions-ul{ margin-left: -10px; margin-right: -10px; padding-bottom: 20px;}
.solutions-li{ float: left; width: 33.333%; padding:0 10px; margin-bottom: 20px; }
.solutions-li-a{ position: relative; display: block;  overflow: hidden; }
.solutions-li-img{ display: block; }
.solutions-li-img img{width:100%;height:100%;transition: 1s transform;transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);}
.solutions-li-a:hover img{ transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);}
.solution4-li-text{ position: absolute; left: 0; bottom: 0; font-size: 20px; line-height: 1.1; padding:20px 30px; color: #fff; background: rgba(0,0,0,0.7); width: 100%; }
@media(max-width: 768px){
    .solutions-li{ width: 50%; }
    .solutions-ul{ padding-bottom: 20px; }
    .solution4-li-text{ padding:10px 20px; background: rgba(0,0,0,0.5); font-size: 14px; }
}
@media(max-width: 480px){
    .solution4.content{ padding-bottom: 10px; }
}
/*E-= solution4*/



/*==S introduction1*/
.introduction1{text-align:center;}
.introduction1 .container{max-width:1080px;}
.introduction1-text{overflow:hidden;margin:-18px 0;}
.introduction1-text p{padding-bottom: 20px;color:#666;text-align:left;font-size:18px;line-height:1.5;}
.introduction1 .introduction-more-btn{display:none;}
@media (max-width:1680px){
    .introduction1 .container{max-width:980px;}
}
@media (max-width:480px){
    .introduction1-text{position:relative;padding-right:0;}
    .introduction1-text p{padding:8px 0;font-size:14px;line-height:22px;}
    .introduction1-text{margin:-8px 0;}
}

.LANG-cn .introduction1-text p{ line-height: 1.8; }
/*==E introduction1*/

/*==S speakers2*/
.speakers2 .container{margin-bottom:-40px;}
.speakers2 li{padding-bottom:40px;}
.speakers2-con{height:100%;text-align:center;}
.speakers2-con .img{margin:0 auto;max-width:176px;}
.speakers2-con .img img{display:block;width:90%;-webkit-transition:.5s;transition:.5s;}
.speakers2-con .speakers2-text{padding-top:20px;}
.speakers2-con .speakers2-text h5{padding-bottom:10px;font-weight:400;font-size:20px;line-height:26px;-webkit-transition:.5s;transition:.5s;}
.speakers2-con .speakers2-text p{display:block;color:#666;font-size:14px;line-height:22px;-webkit-transition:.5s;transition:.5s;}
.spk-col{float:left;width:33.333%;}
@media(max-width: 1600px){
    .speakers2-con .img img{ width: 80%; }
}
@media(max-width:768px){
    .spk-col{width:33.333%;}
    .speakers2-con .img img{ width: 60%; }
}
@media (max-width:480px){
    .spk-col{width:100%;}
    .speakers2-con .img img{ width: 80%; }
    .speakers2-con{padding:0 10px;}
    .speakers2-con .img{float:left;width:22%;}
    .speakers2-con .speakers2-text{float:left;padding-top:5px;padding-left:10px;width:78%;text-align:left;}
    .speakers2-con .speakers2-text h5{padding-bottom:5px;font-size:16px;line-height:24px;}
    .speakers2-con .speakers2-text p{font-size:12px;}
    .speakers2 li{padding:0 0 20px;}
    .speakers2 .container{margin-bottom:-20px;}
}
/*==E speakers2*/


.F8F9FC{ background: #F8F9FC!important; }
.ffffff{ background: #ffffff!important; }



/*s-=booth-perspective*/
.h2-title span{ font-size: 20px;}
.booth-perspective{ background-color: #494949!important; }
/*è½®æ’­å™¨*/
/*å±•å°è½®æ’­å™¨*/
.booth-perspective h2{ color: #fff; }
.ss-banner{ position: relative; }
.booth-perspective .banner-box{ width: 100%; overflow: hidden; position: relative; height: 530px; }
.booth-perspective .banner-box .banner-list{ width: 100%; height:100%; position: relative;}
.booth-perspective .banner-box .banner-img{ width: 100%; position: absolute; top: 0; left: 0; z-index: 0; height: 100%;line-height: 0; background-color: #333; }
.booth-perspective .banner-box .banner-img.pre{ left: -100%; z-index: 5;}
.booth-perspective .banner-box .banner-img.next{ left: 100%; z-index: 5;}
.booth-perspective .banner-box .banner-img.on{ z-index: 5;}
.booth-perspective .banner-box .banner-img img{ width: 100%; max-width: 1170px;}
.booth-perspective .pre-btn{ display: inline-block; position: absolute; left: -50px; top: 50%; margin-top: -34px; z-index: 6; overflow:hidden;}
.booth-perspective .next-btn{ display: inline-block; position: absolute; right: -50px; top: 50%; margin-top: -34px; z-index: 6; overflow:hidden;}
.booth-perspective .pre-btn i,.next-btn i{ font-size: 43px; line-height: 1; color: #333333; opacity: .5; background-color: #fff; border-radius: 50px;}
.booth-perspective .pre-btn:hover i,.next-btn:hover i{ opacity: 1;}
.booth-perspective .banner-box .pre-btn{  position: absolute; left: 0; top: 50%; margin-top: -24px; }
.booth-perspective .banner-box .next-btn{  position: absolute; right: 0; top: 50%; margin-top: -24px; }
.booth-perspective .banner-print{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 6; padding-bottom: 10px;}
.booth-perspective .banner-print span{ display: inline-block; height: 13px; width: 13px; margin: 0 5px; background-color: #fff; border-radius: 50px; cursor: pointer;}
.booth-perspective .banner-print span.on{ background-color: transparent; border:2px solid #fff;}
@media \0screen\,screen\9 {
    .booth-perspective .banner-print span{ background-color: #FFFFFF; opacity:0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);}
    .booth-perspective .banner-print span.on{ background-color: #FFFFFF; opacity:0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
}
.booth-perspective .container{max-width: 1420px; padding-left: 90px; padding-right: 90px;}
.booth-perspective .pre-btn{ left: -90px;}
.booth-perspective .next-btn { right: -90px;}
.booth-perspective .banner-box{ max-width: 1170px; margin: 0 auto; }
@media(max-width: 1600px){
    .booth-perspective .container{ max-width: 1220px;}
}
@media(max-width: 768px){
    .booth-perspective{ display: block; }
    .booth-perspective .container{ padding-left: 10px; padding-right: 10px;}
    .booth-perspective .banner-print span{ width: 6px; height: 6px; }
    .booth-perspective .banner-print span.on{ border:1px solid #fff; }
    .booth-perspective .banner-print{ padding-bottom: 4px; }
}
/*e-=booth-perspective*/


.LANG-en .kind{ position: relative; font-size: 16px; padding-bottom: 10px; }
.LANG-en .kind b{ color: #333; font-weight: 600; }
@media(max-width: 768px){
    .LANG-en .kind{ font-size: 14px; line-height: 1.3; }
}


/*S-= solution5*/
.solution{ background-color: #f2f2f2; }
.solution5 .row{ margin-left: -50px; margin-right: -50px; }
.solution5 .col6{ width: 50%; float: left; padding:0 50px; }
.solution5 .col6.left{ border-right: 1px solid #e4e4e4; }
.solution5-t{position:relative;overflow:hidden;}
.solution5-t img{display:block;width:100%;transition:1s transform;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);}
.solution5-t i{position:absolute;left:20px;bottom:20px;font-size:44px;color:#fff;}
.solution5-b{ padding:10px 10px 55px; }
.solution5-b h4{font-size:24px;line-height:1.25;font-weight:400;padding:15px 0 10px;}
.solution5-b p{font-size:16px;line-height:1.6;color:#666;}
.solution5-block:hover .solution5-t img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
.solution5-block:nth-child(3) .solution5-b,.solution5-block:nth-child(4) .solution5-b{ padding-bottom: 20px; }
@media(max-width: 1240px){
    .solution5 .row{ margin-left: -20px; margin-right: -20px; }
    .solution5 .col6{ padding: 0 20px; }
}
@media (max-width:1024px){.solution5-block:hover .solution5-t img{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);}
    .solution5-block:active .active-dask{display:block;}
    .solution5 .container{margin-bottom:0;}
    .solution5 .col6{ padding: 0 20px; }
    .solution5 .row{ margin-left: -20px; margin-right: -20px; }
}
@media (max-width:768px){.solution5-b,.solution5-t{width:100%;}
    .solution5-t img{max-width:100%;}
    .solution5-b{padding-left:0;}
}
@media (max-width:480px){
    .solution5-b h4{font-size:16px;line-height:20px;padding:10px 0 5px;}
    .solution5 .container{margin-bottom:-15px;}
    .solution5-b p{font-size:12px;}
    .solution5 .row{ margin-left: 0; margin-right: 0; }
    .solution5 .col6{ width: 100%; padding: 0; }
    .solution5-b,.solution5-block:nth-child(3) .solution5-b, .solution5-block:nth-child(4) .solution5-b{ padding-bottom: 30px; }
    .solution5 .col6.left{ border-right: none; }
}
/*E-= solution5*/


/*s-= agenda2*/
.agenda2{ background: url(../images/agenda2_bg.jpg) left bottom no-repeat!important; background-size: cover!important; }
.agenda2-float{ float: left; width: 100%; padding: 30px 50px 40px;}
.agenda2-float h4{ font-size: 30px; color: #333333; padding: 32px 22px; border-top: 1px solid #cfd6e6; font-weight: normal; }
.agenda2-float ul{ padding: 15px 22px; display: table; width: 100%; border-top: 1px solid #cfd6e6;  } 
.agenda2-float ul.lastul{border-bottom: 1px solid #cfd6e6; }
.agenda2-float li{ font-size: 16px; line-height: 1.6; color: #333333;display: table-cell;/* vertical-align: middle; */ }
.agenda2-float li.agenda2-line-1{ width: 13%; }
.agenda2-float li.agenda2-line-1.d{position: relative; padding-left: 33px; }
.agenda2-float li.agenda2-line-1.d:before{ content: ""; display: block; width: 8px; height: 8px; background-color: #e90001; position: absolute;top:8px; left: 0; border-radius: 50px;}
.agenda2-float li.agenda2-line-2{ width: 17%; }
.agenda2-float li.agenda2-line-3{ width: 70%; }
.agenda2 .notice{ float: right; font-size: 14px; color: #333333; padding-top: 20px;}
@media(max-width: 1680px){
    .agenda2-float li{ font-size: 16px; }
    .agenda2-float ul{ padding: 10px 22px; }
    .agenda2-float h4{ font-size: 26px; padding:26px 22px;}
}
@media(max-width: 768px){
    .agenda2-float{ float: none; width: 100%; padding: 0; }
    .agenda2-float li.agenda2-line-1,
    .agenda2-float li.agenda2-line-2,
    .agenda2-float li.agenda2-line-3{ width: 100%; }
    .agenda2-float li{ display: block; font-size: 14px; }
    .agenda2-float h4{ font-size: 18px; padding: 18px 10px; }
    .agenda2-float:first-child{ border-right: none; }
    .agenda2-float:nth-child(2) h4:first-child{ padding-top: 0; }
    .agenda2-con{ padding-bottom: 15px; }
    .agenda2-float ul{ padding: 15px 10px;}
}
/*e-= agenda2*/



