.hidelinkimg{ display: none;}
@media(max-width:1024px){
    #wap-nav div a{ padding:15px;}
}
/*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: #3F3B3A; font-weight: normal;}
.banner-text h2 b{ text-transform: uppercase; font-weight: normal;}
.banner-text p.meet{ font-family: 'AkkuratProRegular'; font-size: 34px; line-height:1.3; color: #3F3B3A; padding-top: 2px;}
.banner-text p.address{ font-family: 'AkkuratProLight'; font-size: 26px; line-height: 1.3; color: #3F3B3A; 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: 980px){
    .banner-text h2{ font-size: 40px;}
    .banner-text p.meet{ font-size: 30px; 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-text{ width: 80%;}
    .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 15px; font-size: 12px; margin-top: 5px; height: 30px; line-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{ font-size: 12px; padding-top: 2px;}
}
@media(max-width: 340px){
    .banner-text h2{ font-size: 12px;}
    .banner-text p.meet{ font-size: 12px;}
    a.banner-btn{ padding:2px 26px;}
}
/*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-= introduction*/
.introduction{ min-height: 422px; }
.introduction .introduction-l{ float: left; width: 69%; padding-right: 6%; }
.introduction .introduction-l p{ font-size: 20px; line-height: 1.4; color: #666; padding-bottom: 30px; }
.introduction .introduction-r{ float: left; width: 31%; padding-right: 40px; }
.introduction .introduction-r img{ width: 100%; max-width: 474px;}
.introduction .introduction-r a.video-b{ background-color: #4664FF; padding:30px 28px; display: inline-block; margin:-45% -40px 0 23%;}
.introduction .introduction-r a.video-b p{ font-size:20px; line-height: 1.5; color: #fff;}
.introduction .introduction-r a.video-b span{ font-size: 14px; font-family: 'AkkuratProBold'; line-height: 28px; color: #fff; text-transform: uppercase; letter-spacing: 1px; position: relative; padding-left: 40px; display: block; margin-top: 18px; }
.introduction .introduction-r a.video-b i{ font-size: 24px; color: #fff; position: absolute; top: -1px; left: 0; }
.introduction .introduction-r a.video-b:hover{ margin-top: -48%; }

@media(max-width: 1600px){
    .introduction{ min-height: 340px; }
    .introduction .introduction-l p{ font-size: 16px; }
    .introduction .introduction-r a.video-b{ padding:25px 23px; margin:-57% -30px 0 23%; }
    .introduction .introduction-r a.video-b:hover{ margin-top: -60%; }
    .introduction .introduction-r a.video-b p{ font-size: 14px; }
    .introduction .introduction-r a.video-b span{ font-size: 18px; }
}
@media(max-width: 1240px){
    .introduction .introduction-l p{ padding-bottom: 18px; }
}
@media(max-width: 768px){
    .introduction .introduction-r a.video-b span{ font-size: 14px; margin-top: 2px;}
    .introduction .introduction-r a.video-b{ padding: 10px;}
    .introduction .introduction-r img{ height: 180px;}
    .introduction .introduction-l,.introduction .introduction-r{ float: none; width: 100%; }
    .introduction .introduction-l{ padding-right: 0; }
}
/*E-= introduction*/


/*S-= reasons*/
.reasons{ background: url(../images/reasons-bg.jpg) right top no-repeat!important; background-size: cover; }
.reasons .h2-title{ color: #fff;}
.reasons .h2-title p.account{ font-size: 18px; line-height: 1.333; color: #fff; text-align: center; max-width: 783px; margin: 0 auto; }
.reasons ul{ margin-left: -10px; margin-right: -10px; }
.reasons ul li{ padding:0 10px; float: left; width: 33.333%; }
.reasons ul li .libox{ border: 1px solid #dddeeb; background: rgba(255,255,255,0.1); padding:40px 40px 44px; text-align: center;}
.reasons ul li .libox h4{ font-size: 22px; line-height: 1.3; color: #fff; padding:28px 0 14px; }
.reasons ul li .libox p{ font-size: 16px; line-height: 1.25; color: #fff; }
.reasons ul li .libox img{ max-width: 111px; width: 100%; }
@media(max-width: 1600px){
    .reasons ul li .libox img{ max-width: 88px; }
}
@media(max-width: 1240px){
    .reasons ul li .libox h4{ font-size: 18px; padding:18px 0 6px; }
}
@media(max-width: 480px){
    .reasons ul li{ float: none; width: 100%; padding-bottom: 10px; }
    .reasons ul li .libox{ padding:30px 20px; }
    .reasons ul li .libox img{ max-width: 60px; }
}


/*E-= reasons*/


/*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:14px;line-height:1.3;padding: 0;}
    .solution3-t i{left:10px;bottom:10px;font-size:24px}
    .solution3 .container{margin-bottom:-5px}
    .solution3-b p{font-size:12px}
    .solution3 .col3{ width: 100%; padding: 0; font-size: 0;}
    .solution3 .col3 a{ display: inline-block; background-color: #fff; margin-left: 10px; margin-right: 10px;}
    .solution3-t{ float: left; width: 30%;}
    .solution3-b{ float: left; width: 70%; padding: 10px;}
    .solution3-block{ margin-bottom: 0;}
}
/*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: 40px;}
.solutions-li{ float: left; width: 25%; padding:0 10px; }
.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%; padding-bottom: 20px; }
    .solutions-ul{ padding-bottom: 0; margin-left: -5px; margin-right: -5px; }
    .solution4-li-text{ padding:10px 20px; background: rgba(0,0,0,0.5); font-size: 14px; }
    .solutions-li{ padding:0 5px 10px;}
    .solution4 .container{ margin-left: 10px; margin-right: 10px;padding: 0;}
}
/*E-= solution4*/

/*S-= news-one*/
.more-box{ margin-top: -50px;position: relative;z-index: 1; transition: .5s;-webkit-transition: .5s;-ms-transition:.5s; margin-bottom: 20px}
.media-news{border-top:1px #e1e8ef solid;}
.media-news li{padding: 70px 5%;/*border-bottom:1px #e1e8ef solid;*/ position: relative; transition: .5s;}
.media-news li.last{border-color:#fff;}
.media-news li:before{content:'';opacity:0;display:block;width: 100%;height:31px; position: absolute;bottom:-31px;left:0;transition: .5s;-ms-transition:.5s;filter:alpha(opacity=0);}
.media-news li:hover:before{opacity:1;}
.media-news section{width:8%;float:left;background:#ff0000;color:#fff;font-size:18px;padding:25px 20px; text-align: center;letter-spacing: 2px;}
.media-news section span{display:block;font-weight: bold;font-size:18px;}
.media-news article{float:left;width:72%;padding: 0 5%;}
.media-news article h4{font-size:20px;color:#333; font-weight: normal;line-height: 1.4; margin-bottom: 10px;}
.media-news article h6{font-size:12px;color:#666;}
.media-news article p{font-size:14px;line-height:26px;color:#666; padding: 35px 0 20px; position: relative;z-index: 2;background:#F8F9FC;}
.media-news article a{border-radius: 30px;display:inline-block;padding:8px 30px;border:1px #ff4e44 solid; text-align: center;color:#ff4e44;font-weight: bold;font-size:14px; }
.momedia-newsre-box{ margin-top: -50px;position: relative;z-index: 1; transition: .5s;-webkit-transition: .5s;-ms-transition:.5s; margin-bottom: 20px}
.media-news article a:hover{background:#ff4e44;color:#fff;}
.media-news figure{width:20%;float:left;}
.media-news figure img{width:100%;}
/*.media-news li:hover{ border-bottom:1px #fff solid; }*/
.media-news li:hover .more-box{margin-top:0;}
@media only screen and (max-width:1600px) {
    main h2{font-size:30px; margin-bottom:30px;}
    .media-news article h4{font-size:22px;line-height: 1.5;}
    .media-news article p{ padding: 25px 0}
    .media-news li{padding: 50px 5%}
}
@media only screen and (max-width:992px) {
    .media-news{ border-top: none; }/*多个删除这个*/
    .media-news li{padding:0px 0}/*多个改成20*/
    main h2{font-size:24px;margin-bottom: 0;}
    .media-news article h4{ font-size:20px;}
    .media-news section,.media-news section span{font-size:16px;}
    .media-news section{float:none;width:100%;padding: 10px 0; margin-bottom: 20px;}
    .media-news section span{display:inline;font-weight: normal;}
    .media-news article{width:60%;padding: 0 5% 0 0;}
    .media-news figure{width:40%;}
    .more-box{ margin-top:0}
    .media-news article a{padding: 2px 30px;}
    .media-news article p{padding: 10px 0;}
}

@media only screen and (max-width:480px) {
    .media-news article{width:100%;padding: 0;}
    .media-news figure{display:none;}
}
/*E-= news-one*/



.icon-xing-bg{   
     background: url(../images/xing.svg) no-repeat;
    background-size: 100% 100%;
    width: 46px;
    height: 46px;
    top: 1px;
    position: relative;
    margin-top: -17px;
    display: inline-block;
}



/*s-=booth-perspective*/
.h2-title span{ font-size: 20px;}
.booth-perspective{ background-color: #1E1E1E!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*/