/*S-= banner*/
.banner-box .container{ max-width: 960px; }
.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-family: 'AkkuratProBold';*/ font-size: 70px; line-height:1.142; color: #ffffff;}
.banner-text p.address{ font-size: 18px; line-height: 1.44; color: #ffffff; padding-top: 22px;}
a.banner-btn{ font-size: 16px; line-height: 1.1; color: #fff; display: inline-block; padding:19px 60px; background-color: #e50000; margin-top: 54px; outline: none; text-transform: uppercase; letter-spacing: 1px;}
a.banner-btn:hover{ background: #b70000;}
.verticalmiddle{ height: 100%; vertical-align:middle; display: inline-block;width: 1px;}
.inside-page-box .btn { text-align: center;}
@media(max-width: 1400px){
	.banner-text h2{ font-size: 44px;}
	.banner-text p.meet{ font-size: 32px;}
	a.banner-btn{ margin-top: 25px; padding:11px 31px;}
    .banner-text p.address{ font-size: 16px; }
}
@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-text h2{ font-size: 28px; }
    .banner-box .pic span{ padding-top: 46.25%; }
}
@media(max-width: 480px){
    .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-text h2{ font-size: 20px;}
	.banner-text p.meet{ font-size: 14px; padding-top: 4px;}
    .banner-text p.address{ font-size: 14px; padding-top: 2px;}
	.banner-box .pic span{ padding-top: 88.94%;}
	a.banner-btn{ padding:6px 26px; font-size: 14px; margin-top: 5px;}
}
@media(max-width: 340px){
    .banner-text h2{ font-size: 16px;}
    .banner-text p.address{ font-size: 12px;}
}
/*E-= banner*/


/*S-= coming-soon*/
.coming{ background:#e9e9e9; padding-top: 50px; padding-bottom: 60px;}
.coming-soon{ background: url(../images/coming-bg.jpg) center center no-repeat; text-align: center;position: relative;}
.coming-soon span{padding-top: 16%; display: block;}
.coming-soon .text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-transform: uppercase;}
.comheight{ height: 100%; }
.textcenter{ width: 98%; display: inline-block; vertical-align: middle; text-align: center; }
.coming-soon .text h2{ font-size: 40px; line-height: 2; color: #fff;font-weight: normal; letter-spacing: 2px; }
.coming-soon .text p{ display: block; font-size: 30px; line-height: 1.2; color: #fff; letter-spacing: 2px; }
.coming-soon .text .verticalmiddle{ width: 100%; vertical-align: middle; display: inline-block; width: 1px;}
@media(max-width: 1600px){
    .coming-soon span{ padding-top: 23%; }
    .coming-soon{ padding-top: 36px; padding-bottom: 46px;}
    .coming-soon .text h2{ font-size:32px; }
    .coming-soon .text p{ font-size: 22px;}
    .coming{ padding-top: 30px; padding-bottom: 40px;}
}
@media(max-width: 992px){
    .coming{ padding-top: 20px; padding-bottom: 20px;}
    .coming-soon span{ padding-top: 23%; }
    .coming-soon{ background-size: cover;}
    .coming-soon .text h2{ font-size:22px; }
    .coming-soon .text p{ font-size: 16px;}
}
@media(max-width: 640px){
    .coming-soon .text h2{ font-size: 16px; }
    .coming-soon .text p{ font-size: 14px; }
}
/*E-= coming-soon*/


/*S-= previous*/
.previous{ background: url(../images/previous_bg.jpg) center center no-repeat; background-size: cover; }
.previous.content{ padding-bottom: 50px; }
.h2_title{ font-size: 30px; line-height: 1.3; font-weight: bold; text-transform: uppercase; text-align: center; color: #ffffff; padding-bottom: 52px; letter-spacing: 2px;  }
.previous ul{ margin-left: -10px; margin-right: -10px; }
.previous ul li{ padding:0 10px 20px; float: left; width: 50%; }
.previous ul li .li_box{ border:1px solid #bfc7c8; background: rgba(255,255,255,0.1); position: relative;}
.previous ul li .li_box .li_text{ padding:40px 50px 55px 50px; color: #fff; position: relative; }
.li_text .data{ font-size: 16px; line-height: 1.5; font-weight: bold; position: relative; }
.li_text .data:after{ content: ""; display: block; width: 30px; height: 2px; background-color: #fff; margin-top: 10px; }
.li_text h4{ font-size: 26px; line-height: 1.5; font-weight: normal; padding-top: 30px; }
.site{ font-size: 16px; line-height: 1.5; padding-top: 8px; padding-bottom: 66px;  }
.li_text span{ font-size: 16px; line-height: 1.5; position: absolute; left: 50px; bottom: 55px; padding-right: 20px; color: #fff; }
.li_text .addbtn span{ bottom: 30px; }
.li_text i.icon-arrow{ font-size: 24px; position: absolute; top: -7px; right: -10px; }
.li_icon img{ width: 100%; max-width: 60px; position: absolute; top: 0; right: 0; display: none;}
.previous ul li a:hover .li_text span{ text-decoration: underline; }
@media(max-width: 1400px){
    .previous ul li .li_box .li_text{ padding:30px 40px 45px 40px; }
    .li_text span{ left: 40px; bottom: 50px; }
    .li_text .addbtn span{ bottom: 25px; }
    .li_text h4{ font-size: 22px; }
    .site{ padding-bottom: 54px; }
}
@media(max-width: 640px){
    .h2_title{ font-size: 20px; padding-bottom: 22px; }
    .previous ul li{ width: 100%; }
    .previous ul li .li_box .li_text{ padding:20px; }
    .li_text h4{ font-size: 18px; }
    .site{ font-size: 14px; padding-bottom: 50px; }
    .li_text span{ left: 20px; bottom: 35px; font-size: 14px;}
    .li_text .addbtn span{ bottom: 15px; }
    .previous.content{ padding-bottom: 20px; }
}
/*E-= previous*/


.snapshots ul{ margin-left: -10px; margin-right: -10px; }
.snapshots ul li{ padding:0 10px; float: left; width: 50%; }
.snapshots ul li img{ width: 100%; }
@media(max-width: 640px){
    .snapshots ul li{ width: 100%; padding-bottom: 10px; }
}



/*==S Photo show*/
/*.column_photo,.rotatornone {background:url(../images/photo_bg.jpg) no-repeat left bottom!important; display: none;}
.ttc_photo_bg {background:url(../images/tcc_photo_bg.jpg) no-repeat left bottom!important; background-size: cover!important;}
.column_photo h2{ color: #ffffff;}
.column_photo h2 a{color:#fff; line-height: 44px; display: inline-block;} 
.column_photo h2 a:after{content:"";display: block; background-color: #fff; width: 0; height: 2px; margin:0 auto; transition:all ease .3s;}
.column_photo h2 a:hover:after{width: 100%;}
.photobox{background:#e9f0f5;padding: 67px 120px;}
.column_photo figure { float:left; position:relative; overflow:hidden; padding-right:10px; width:84%; width:calc(100% - 215px);}
.column_photo figure img { position:relative; overflow:hidden; width:100%;}
.column_photo figure img.on{ animation: imgLeft .5s ease-in-out; transition: all ease .3s;}
@keyframes imgLeft {
    0%{ transform: translate(-15%,0);} 
    100%{ transform: translate(0,0);}
}
.column_photo aside {float:right; width:180px; height:545px;}
.wrap_photo { overflow:hidden; height:464px;}
.column_photo aside ul { height:460px; overflow:hidden;}
.column_photo aside li { margin-bottom:20px; cursor:pointer;}
.column_photo aside li a { display:block; position: relative; border:none; outline: none;}
.column_photo aside li a:before { position: absolute;top:0; left: 0; width: 100%; height: 100%; content: ""; display: inline-block; background-color: rgba(0,0,0,0.3); display: none; }
.column_photo aside li a:hover:before{ display: block;}
.column_photo aside a img {width:180px;}
aside .pre_btn,.next_btn {display:block;width:100%;height:16px;}
aside .pre_btn {background:url(../images/t_throw.png) no-repeat center center;margin:8px 0 20px}
aside .next_btn { background:url(../images/b_throw.png) no-repeat center center; margin-top:20px}
aside .pre_btn:hover { background:url(../images/throw_th.png) no-repeat center center;}
aside .next_btn:hover { background:url(../images/throw_bh.png) no-repeat center center;}
aside .pre_btn:hover,aside .next_btn:hover {opacity:0.8;filter:alpha(opacity=80)}
@media only screen and (max-width:1400px) {
    .photobox{ padding:48px 87px;}
    .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 figure,.column_photo aside{width:100%;float:none;}
    .column_photo aside li{width:25%;float:left;padding:0 10px;margin:0 0 0 0;}
    .column_photo aside li img{width:100%}
    .column_photo aside.wap{height:auto}
    .column_photo aside.wap .wrap_photo{height:auto;float:left;width:calc(100% - 52px);width:-webkit-calc(100% - 52px)}
    aside.wap .pre_btn,aside.wap .next_btn{float:left;width:16px;height:71px;}
}
@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: #333333!important; }
/*轮播器*/
/*展台轮播器*/
.booth-perspective .banner-box{ width: 100%; overflow: hidden; position: relative; height: 720px; }
.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: 1056px;}
.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: 44px; line-height: 1; color: #333333; opacity: .5; background-color: #fff;}
.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: 1056px; 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*/