/*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; text-align: center;}
.banner-text h2{ font-size: 62px; line-height:1.3; color: #000000; font-weight: normal; text-transform: uppercase; padding-bottom: 20px;}
.banner-text p.meet{ font-size: 34px; line-height:1.3; color: #000000; padding-top: 2px;}
.banner-text p.address{ font-size: 26px; line-height: 1.3; color: #000000; 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; width: 152px;}
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;}
@media(max-width: 1600px){
    .banner-text h2{ font-size: 52px;}
    .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; width: 152px;}}
}
@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;}
}
@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: 42.94%;}
    a.banner-btn{ padding:0 13px; font-size: 14px; margin-top: 10px; line-height: 30px; height: 30px; width: 82px;}
    .banner-text h2{ font-size: 30px; padding-bottom: 5px;}
    .banner-text p.meet{ font-size: 24px; }
    a.banner-btn.sbtn1{ margin-right: 7px; }
}
@media(max-width: 480px){
    .banner-text h2{ font-size: 20px;}
    .banner-text p.meet{ font-size: 14px; padding-top: 4px;}
    .banner-text p.address{ font-size: 12px; padding-top: 2px;}
   /* a.banner-btn.sbtn2{ display: none; }*/
}
@media(max-width: 340px){
    .banner-text h2{ font-size: 12px;}
    .banner-text p.meet{ font-size: 12px;}
    a.banner-btn{ padding:2px 26px;}
}

/*添加二维码*/
.banner-text span{ display: block; }
.banner-text span img{ width: 100%;}
.banner-btn.sbtn1{ position: relative; text-align: center; }
.banner-btn.sbtn1 #erweima-register img{ position: absolute; bottom: 120%; left: 0; width: 100%; padding: 2px; display: none; }
.banner-btn.sbtn1:hover #erweima-register img{ display: block; }
@media(max-width: 768px){
    .banner-btn.sbtn1:hover #erweima-register img{ display: none; }
}
/*手机版*/
/* ==S mask */
.mask { width: 100%;  height:100%; position: fixed;  left: 0; top: 0; background: #000\9;  filter:alpha(opacifty=50);   background: rgba(0, 1, 0, .7); display: none;}
.bounced { position: fixed; left: 50%; top: 50%; width: 0; height: 0; background: #e50000; display: none;}
.bounced i {  font-size: 28px; right: 0px;  top: 0px; position: absolute; cursor: pointer;}
/* ==E mask */
/*==S 新二维码*/
.qr-code-tip{ display: none; position: fixed; left: 50%; top: 50%; margin-left: -107px; margin-top: -100px; width: 214px; border-radius: 5px;  z-index: 10001; background-color: #FFFFFF; text-align: center; padding-top: 26px;}
.qr-code-tip p{ font-size: 14px; text-align: center; line-height: 1.3; padding: 10px 0; color: #666666;}
.qr-code-clock{ position: absolute; bottom: -62px; left: 50%; margin-left: -20px;}
.qr-code-clock i{ font-size: 40px; line-height: 1; color: #FFFFFF;}
/*==E 新二维码*/
/*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 agenda*/
.agenda1-btn { font-size: 0; margin-bottom: 30px; text-align: center;}
.agenda1-btn li { font-size: 16px; display: inline-block; min-width: 180px; cursor: pointer; text-align: center; color: #fff; }
.agenda1-btn li p { margin: 0 10px; padding: 8px 10px; -webkit-transition: .5s; transition: .5s; border-radius: 2px; background: #a2a2a2; min-height: 40px;}
.agenda1-btn li.current p { background: #2196f3; }
.agenda1-btn li:hover p { background: #2196f3; }
.agenda1-con { overflow: hidden; width: 100%; }
.agenda1-block { display: none; }
.agenda1-block.current { z-index: 10; display: block; }
.agenda1-con ul { padding: 15px 30px; border-bottom: 1px solid #ececec; display: table; width: 100%; }
ul.agenda1-head { padding: 13px 30px; background: #ececec; }
ul.agenda1-head li { font-size: 16px; line-height: 24px; color: #000; }
.agenda1-con li { font-size: 14px; line-height: 20px; padding: 0 10px 0 0;display: table-cell; vertical-align: middle;  }
.agenda1-con li span { font-size: 14px; line-height: 20px; display: block; padding: 0 10px 10px; }
.col-2 li.agenda1-line-1 { width: 20%; }
.col-2 li.agenda1-line-2 { width: 80%; }
.col-3 li.agenda1-line-1 { width: 20%; }
.col-3 li.agenda1-line-2 {width: 50%;}
.col-3 li.agenda1-line-3 {width: 30%;}
.col-4 li.agenda1-line-1 { width: 13%; }
.col-4 li.agenda1-line-2 { width: 29%; }
.col-4 li.agenda1-line-3 { width: 29%; }
.col-4 li.agenda1-line-4 { width: 29%; }
.agenda1 .min-title { font-size: 18px; padding: 15px 30px; border-bottom: 1px solid #ececec; }
@media (max-width:1024px) {
    .agenda1-btn li:hover p { background: #a2a2a2; }
    .agenda1-btn li.current p { background: #2196f3; }
}
@media (max-width:768px) {
    .agenda1-con li{ display: block; }
    ul.agenda1-head { display: none; }
    .agenda1-line-1,
    .agenda1-line-2,
    .agenda1-line-3 { width: 100% !important; }
    .agenda1 .min-title { padding: 15px 0;}
    .agenda1-btn li{ min-width: auto; }
    .agenda1-btn li p{ margin: 0 5px; }
}
@media (max-width:640px) {
    .agenda1-btn li { display: inline-block; float: left; min-width: 0; margin: 0; width: 33.333%; padding: 0 5px;}
    .agenda1-btn { margin: 0 -5px 30px; }
    .agenda1-btn li p { margin: 0 5px; padding:3px 10px; font-size: 14px; line-height: 1.3; }
    .agenda1-btn{ display: table; width: 100%; }
    .agenda1-btn li p{ display: table-cell; vertical-align: middle; width: 33.333%; }
}
@media (max-width:640px) {
    .agenda1-con ul { padding: 15px 0; }
    .agenda1-btn { margin: 0 -5px 10px; }
}
.remark{ font-size:14px; float: right; padding-top: 20px;}
/*==E agenda*/


/*==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-text p img{ width:100%;}
.introduction1 .introduction-more-btn{display:none;}
@media (max-width:1680px){
    .introduction1 .container{max-width:980px;}
    .introduction1-text p{ font-size: 16px; }
}
@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;}
}
/*==E introduction1*/


/*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}
}

.productstyle .solution3-t{ border: 1px solid #ececec; }
/*E = solution3*/

/*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}
.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: 1024px){
    .solution4 .h3-title{font-size:28px;padding-top:15px;}
}
@media(max-width: 768px){
    .solution4{background:url(../images/solutions-bg-wap.jpg) no-repeat center top !important;}
    .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-= hotspot*/
h2.h2_title{ font-size: 36px; line-height: 1.3; color: #333; font-weight: normal; text-align: center; padding-bottom: 24px;}
@media(max-width: 1400px){
    h2.h2_title{ font-size: 26px;}
}
.hostpot{ margin-bottom: 50px;}
.l-newsList ul{ margin: 0 -50px;}
.l-newsList li{ width: 50%; float: left; margin-top: -1px; padding: 0 50px; }
.l-newsList .l-newsBox{ border-top: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; padding: 18px 100px 18px 0; position: relative;}
.l-newsList .l-newsBox a{ font-size: 16px; color: #333333; line-height: 1.2;}
.l-newsList .l-newsBox a:hover{ color: #0095fe;}
.l-newsList .l-newsBox span{ font-size: 14px; line-height: 1.2; color: #999999; position: absolute; right: 0; top: 24px;}
@media(max-width: 1400px){
    .l-newsList ul{ margin:0 -25px; }
    .l-newsList li{ padding:0 25px; }
}
@media (max-width:768px) {
    .l-newsList .l-newsBox a{ font-size: 14px; }
    .l-newsList li{ width: 100%; float: none; padding:0 10px;}
    .newsnone{ display: none;}
    .l-newsList .l-newsBox{ position: relative;}
    .l-newsList ul{ margin:0;}

}
/*E-= hotspot*/

/*S-= download*/
.data-download ul{ margin-left: -10px; margin-right: -10px; }
.data-download li{ width:33.333%; float:left; padding:0 10px;}
.data-download li .block{  padding:34px 30px; background: #f4f4f4;}
.data-download li.last{ margin-right:0}
.data-download-img{ line-height:26px;}
.data-download-img img{ margin-right:15px;}
.data-download p{ font-size:18px; color:#000;line-height: 26px; margin: 20px 0 30px 0;}
.data-download-more a{ color:#fff; width:85px; font-size:14px; text-align:center; height:26px; line-height:26px; padding:0; margin:0; background-color:#e50000; border-radius:20px; display:inline-block;}
.data-download-more a:hover{ background-color:#b20000}
@media(max-width: 768px){
    .data-download li{ width: 100%; padding-bottom: 20px; }
}
/*E-= download*/

/*==S speakers2*/
.speakers2 .container{margin-bottom:-40px;}
.spk-2{max-width:1000px;}
.speakers2 li{padding-bottom:40px;}
.speakers2-con{height:100%;text-align:center;}
.speakers2-con .img{margin:0 auto;max-width:180px; }
.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:16.666667%;}
.speakers2 ul.col2 .spk-col{ width: 50%; }
.speakers2 ul.col3 .spk-col{ width: 25%; }
@media(max-width: 1600px){
    .speakers2-con .img img{ width: 80%; }
    .spk-col{width:33.333%;}
}
@media(max-width:768px){
    
    .speakers2-con .img img{ width: 60%; }
}
@media (max-width:480px){
    .speakers2 ul.col2 .spk-col,.speakers2 ul.col3 .spk-col{ width: 100%; }
    .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*/

/*==S partners*/
.partners1 .container{ max-width: 500px; }
.partners1 ul{ margin: 0 auto; margin-left: -10px; margin-right: -10px; }
.partners1 ul li{margin-bottom:20px;}
.partners1 ul li a{display:block;overflow:hidden; border: 1px solid #ececec;}
.partners1 ul li img{display:block;width:100%;transition:1s transform;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1); background: #fff;}
.partners1 ul li a:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1)}
.partners1 ul li{float: left; padding:0 10px;}
.partners1 ul.col-lg-2 li{width:16.6666667%; }
.partners1 ul.col-lg-6 li{width:50%;}
@media (max-width:1024px){
    .partners1 ul li a:hover img{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1)}
    .partners1 ul li a:active .active-dask{display:block}
}
@media (max-width:768px){
    .partners1.col-5 ul li{width:25%}
    .partners1 ul li{ padding: 0 5px; }
    .partners1 ul li img{ border: 1px solid #ececec; }
}
@media (max-width:480px){
    .partners1 ul li{margin-bottom:10px}
    .partners1 ul.col-lg-2 li{ width: 33.333%; }
}
/*==E partners*/

/*S-= floatnav*/
.floatnav{ background-color: #999999; }
.floatnav ul{ display: table; width: 100%; }
.floatnav li{ cursor: pointer; width: 20%; display: block; height: 56px; vertical-align: middle; display: table-cell; text-align: center; font-size: 14px; color: #dadada; line-height: 1.35; position: relative; padding-right: 20px;}
.floatnav li span{ position: absolute; top: 40%; right: 10px; background: url(../images/nav-r.png) left top no-repeat; width: 7px; height: 12px;}
.floatnav li.current{ background-color: #e50000; }
.floatnav li.current span{  background:#999999 url(../images/nav-r-on.png) left top no-repeat; width: 29px; height: 56px; top: 0; right: 0; }
.floatnav li:hover,.floatnav li.current{ color: #fff; }
.floatnav li.no:hover,.floatnav li.no.current{ color: #dadada; cursor: default; }
.floatnav li b{ text-align: left; width: 52px; display: inline-block; margin: 0 auto; font-weight: normal;}

.navtabCon li.navtabli{ display: none; }
.navtabCon li.navtabli.on{ display: block;}
.floatnav.on{ position: fixed;width: 100%; top: 49px; left: 0; z-index: 10; }
.contenttab{ padding-top: 70px; padding-bottom: 70px; }
.navtabCon.content{ padding-top: 0!important; padding-bottom: 0!important; }
@media(max-width: 1680px){
    .floatnav li{ height: 48px; }
    .floatnav li.current span{ background-size: contain; height: 48px; }
    .contenttab{ padding-top: 45px; padding-bottom: 45px; }
}
@media(max-width: 1024px){
    .contenttab{ padding-top: 40px; padding-bottom: 40px; }
}
@media(max-width: 768px){
    .floatnav .container{ padding-left: 0; padding-right: 0; }
    .floatnav li{ padding-right: 0; font-size: 12px; height: 35px; }
    .floatnav li span{ display: none; }
    .floatnav li b{ width: 42px; }
}
@media(max-width: 480px){
    .contenttab{ padding-top: 30px; padding-bottom: 30px; }
}


/*==S Photo show*/
.column_photo,.rotatornone,.rotatornone .content{background:url(../images/photo_bg.jpg) no-repeat left bottom!important;}
.ttc_photo_bg{background:url(../images/tcc_photo_bg.jpg) no-repeat left bottom;}
.column_photo h2{color:#fff;}
.column_photo h2 a{display:inline-block;color:#fff;line-height:44px;}
.column_photo h2 a:after{display:block;margin:0 auto;width:0;height:2px;background-color:#fff;content:"";transition:all ease .3s;}
.column_photo h2 a:hover:after{width:100%;}
.photobox{padding:65px 80px;background:#fff;}
.column_photo figure{position:relative;float:left;overflow:hidden;padding-right:35px;width:84%;width:calc(100% - 215px);}
.column_photo figure img{position:relative;overflow:hidden;width:100%;transition:transform .35s;}
.column_photo aside{float:right;width:180px;height:545px;}
.wrap_photo{overflow:hidden;height:464px;}
.column_photo aside ul{overflow:hidden;height:464px!important;}
.column_photo aside li{margin-bottom:20px;cursor:pointer;}
.column_photo aside li a{display:block;}
.column_photo aside a img{width:180px;transition:opacity .35s;}
.column_photo aside li a:hover img{opacity:.8;}
.next_btn,aside .pre_btn{display:block;width:100%;height:16px;opacity:.3;transition:opacity .35s;filter:alpha(opacity=30);}
aside .pre_btn{margin:8px 0 20px;background:url(../images/t_throw.png) no-repeat center center;}
aside .next_btn{margin-top:20px;background:url(../images/b_throw.png) no-repeat center center;}
aside .pre_btn:hover{background:url(../images/t_throw_h.png) no-repeat center center;}
aside .next_btn:hover{background:url(../images/b_throw_h.png) no-repeat center center;}
aside .next_btn:hover,aside .pre_btn:hover{opacity:.8;filter:alpha(opacity=80);}
@media only screen and (max-width:1400px){
    .column_photo figure{padding-top:50px;}
}
@media only screen and (max-width:1100px){
    .column_photo figure{padding-top:0;}
    .photobox{padding:40px;}
    .column_photo .container1220{width:100%;max-width:900px;}
    .column_photo figure{margin-bottom:25px;padding-right:0;}
    .column_photo aside,.column_photo figure{float:none;width:100%;}
    .column_photo aside li{float:left;margin:0;padding:0 10px;width:25%;}
    .column_photo aside li img{width:100%;}
    .column_photo aside.wap{height:auto;}
    .column_photo aside.wap .wrap_photo{float:left;width:calc(100% - 52px);width:-webkit-calc(100% - 52px);height:auto;}
    aside.wap .next_btn,aside.wap .pre_btn{float:left;width:16px;height:71px;}
    /*aside.wap .pre_btn{margin:0 10px 0 0;background:url(../images/l_throw.png) no-repeat center center;}
    aside.wap .next_btn{margin:0 0 0 10px;background:url(../images/r_throw.png) no-repeat center center;}*/
}
@media only screen and (max-width:1024px){
    .column_photo{display:none;}
}
@media only screen and (max-width:768px){
    .photobox{padding:20px;}
}
/*==E Photo show*/


/*s-=booth-perspective*/
.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: 568px!important; }
.booth-perspective .banner-box .banner-list{ width: 100%!important; height:100%; position: relative; height: auto!important;}
.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: 1010px;}
.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: -40px;}
.booth-perspective .next-btn { right: -40px;}
.booth-perspective .banner-box{ max-width: 1010px; margin: 0 auto; }
@media(max-width: 1600px){
    .booth-perspective .container{ max-width: 1220px;}
}
@media(max-width: 1200px){
    .booth-perspective .banner-box{ height: 547px!important; }
}
@media(max-width: 1000px){
    .booth-perspective .banner-box{ height: 461px!important; }
}
@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; } 
    .booth-perspective .banner-box .banner-list,.booth-perspective .banner-box{ height: 420px!important; }
}
@media(max-width: 480px){
    .booth-perspective .banner-box .banner-list,.booth-perspective .banner-box{ height: 251px!important; }
}
/*e-=booth-perspective*/