@charset "utf-8";

html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p,table,tr,td{
margin:0;border:0;padding:0;font-style:normal; list-style:none;  }
body{ font-size:14px; line-height:24px;font-family: "Microsoft Yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
table{width:100%; border-collapse:collapse; border-spacing:0;  }
table td{word-break: break-all; word-wrap:break-word;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
a{ outline:none; text-decoration:none ;color:#333;}
a:hover{ text-decoration:none;}
/*交互效果*/
@-webkit-keyframes zoomIn {0% { -webkit-transform: scale3d(1, 1, 1)}40%{ -webkit-transform: scale3d(1.05, 1.05, 1.05)}}

.left1bg{ background:url(../images/shautoshow2023/decorate1@2x.png) no-repeat left center; background-size:300px 692px; width:300px; height:692px;}

.mainBox,.mainBox1{ width:1240px; margin:0 auto; overflow:hidden;}
.topNav{ background:#1B1D29; height:16px; line-height:16px; padding:10px 0; color:#ABABAB; }
.topNav a{ font-size:12px; line-height:16px; color:#ABABAB;padding:0 10px;}

.banner img{ display:block; width:100%; }
/*.headNav{height:50px; background:#f5f5f5; width:1240px;margin:4px auto 0;}*/
.headNav {
    height: 50px;
    background: #f5f5f5;
    /*width: 1248px;*/
    margin: 0px auto 0;
}
.headNav ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.headNav ul li{ float:left; width:16.6%; text-align:center;}
.headNav ul li a{ font-size:20px; line-height:50px; color:#333; display:block; } 

.headNav ul li.navCur a{background:#E0533A;color:#fff}
.navTopfixed{ position:fixed; top:0;}

.newCar{ margin-top:40px;}
.bigTitle{  background:url(../images/shautoshow2023/titlelinebg.png) repeat-x bottom center; height:45px;}
.bigTitle span{ font-size:24px; color: #111111; font-weight:bold; border-bottom:4px solid #E0533A;height:41px; line-height:41px; display:inline-block; background:#ffffff;  }

.carBox{ position:relative; margin-top:16px; width:1240px; overflow:hidden;}
.carBox ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }

.carBox ul {overflow: hidden;width:9999px;  }
.carBox ul li{display: block;margin-right: 19px!important;width: 193px!important;height: 126px;float: left;overflow: hidden ;}
.carBox ul li img{ display:block; width:100%;  height:126px; border-top-left-radius:4px; border-top-right-radius:4px;}
.carBox ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}
.carBox ul li span{width:100%;display:block; font-size:14px; line-height:20px; text-align:center; color: #111111; margin-top:10px; }
.carBox .leftArrow a{ display:block; width:20px; height:36px; position:absolute; left:0; top:45px; z-index:99;}
.carBox .rightArrow a{ display:block;  width:20px; height:36px; position:absolute; right:0; top:45px;}
.carBox .leftArrow a img ,.carBox .rightArrow a img{ display:block; width:100%;}
.carBox .swiper-button-next:after, .carBox .swiper-button-prev:after { margin-top: 8px;}


.bodyBg{ background:url(../images/shautoshow2023/mainbg.png) no-repeat top 150px center;}
.topNews{ margin-top:40px;}

.bigNew:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }

.hotLeft{ float:left; width:620px; height:348px; border-radius:4px;position:relative;}
.hotRight{ float:left; width:618px; height:348px; overflow:hidden; margin-left:2px;}

.hotLeft ul{ width:620px; height:348px; overflow:hidden; border-top-left-radius:4px; border-top-right-radius:4px;}
.hotLeft ul li{ width:620px; height:348px; position:relative;}
.hotLeft ul li img{ width:100%; display:block;}
.hotLeft ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}
.twoArrow a{ position:absolute; top:145px;}
.twoArrow a.twoLeft ,.twoArrow a.twoRight{ width:36px; height:60px;}
.twoArrow a img{ display:block; width:100%;}
.twoArrow a.twoRight{ right:0;}

.hotLeft ul li span{ position:absolute; width:100%; font-size:20px; line-height:26px; height:26px; color:#ffffff; text-align:center; bottom:35px; display:block;}

.hotDot{ position:absolute; width:100%; bottom:15px; text-align:center; } 
.hotDot a{ width:20px; display:inline-block; height: 2px;background:rgba(255, 255, 255, 0.25); border-radius:1px; margin:0 2px; }
.hotDot a.dotCur{ background:rgba(255, 255, 255, 1);}


.hotRight ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.hotRight ul li{ float:left; margin-left:18px; margin-bottom:20px; width:291px; height:164px; border-radius:4px;position:relative; overflow:hidden;}
.hotRight ul li img{ width:291px; height:164px; border-radius:4px;}
.hotRight ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}
.hotRight ul li span{display:block; position:absolute; bottom:0; width: 271px;height: 32px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%); font-size:14px; line-height:32px; color:#ffffff; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal;padding: 0 10px;}

.smallNews{}
.smallNews ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.smallNews ul li{ float:left; width:600px; margin-top:20px; margin-right:40px;}
.smallNews ul li:nth-child(even){  margin-right:0;}
.smallNews ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.smallNews ul li dl dt{  float:left; width:198px; height:132px; margin-right:25px; position:relative; overflow:hidden; border-radius:4px;}
.smallNews ul li dl dt span{ position:absolute; bottom:0;width:188px; padding:0 5px; height: 28px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%); font-size:12px; line-height:28px; color:#ffffff; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal;}
.smallNews ul li dl dd{ float:left; width:377px;}
.smallNews ul li dl dt img{ display:block; width:100%;}
.smallNews ul li dl dt a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}

.smallNews ul li dl dd a{ display:block; background:url(../images/shautoshow2023/dot.png) no-repeat left center; font-size:16px; line-height:24px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal; padding-left:10px; margin-bottom:10px;}

.lookfor{ margin-top:40px;}

.vedioBg{ background:#1B1D29; padding:20px; margin-top:30px;}
.vedioBg dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.vedioBg dl dt{ float:left; width:870px; height:490px; margin-right:20px; border-radius:4px;}
.vedioBg dl dt iframe{ height:484px;}

.vedioBg dl dd{ float:left; width:325px;}
.vedioBg dl dd ul{ display:block; height:484px; overflow:hidden;}
.vedioBg dl dd ul li a{ width:321px; border:2px solid #1B1D29; display:block; border-radius:4px; margin-bottom:20px; position:relative;}
.vedioBg dl dd ul li.veCur a{ border:2px solid #e0533a; border-radius:4px;}
.vedioBg dl dd ul li a img{ display:block; width:321px; height:181px;}
.vedioBg dl dd ul li a span{ position:absolute; bottom:0; color:#ffffff; width: 311px;padding:0 10px;height: 28px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%); font-size:14px; line-height:28px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal; text-align:center;}


.jwbrand{ margin-top:40px!important; overflow:hidden;}
.jwbrand ul{ margin-top:20px; width:1262px;}
.jwbrand ul li{ float:left; width:231px; height:154px; overflow:hidden; margin-right:21px;  border-top-left-radius:4px; border-top-right-radius:4px;}
.jwbrand ul li a img{ width:231px; height:154px; display:block; border-top-left-radius:4px; border-top-right-radius:4px;}
.jwbrand ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}
.jwbrand ul li a span{border: 1px solid #E0533A; border-top:0; border-bottom-left-radius:4px; border-bottom-right-radius:4px; height:28px; line-height:28px; padding:5px  0; font-size:18px; text-align:center;color: #111111; display:block; width:229px; }

.jwbrand ul li{ float:left; width:231px; height:154px; overflow:hidden; margin-right:21px;  border-top-left-radius:4px; border-top-right-radius:4px;}
.jwbrand div a img{ width:229px; height:152px; border: 1px solid #ebebeb;display:block; border-radius: 0px;border-top-left-radius:4px; border-top-right-radius:4px;}

.jwbrand div a span{border: 1px solid #ebebeb; border-top:0; border-bottom-left-radius:4px; border-bottom-right-radius:4px; height:28px; line-height:28px; padding:5px  0; font-size:18px; text-align:center;color: #111111; display:block; width:229px; }


.ptech{ margin-top:40px;}
.ptBox{ margin-top:20px;}
.ptBox:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.ptLeft{ float:left; width:200px; height:492px; background:url(../images/shautoshow2023/bg@2x.png) no-repeat left center; background-size:200px 492px; margin-right:25px;}
.ptRight{ float:left; width:1015px;}
.ptLeft ul{ padding:70px 30px 0;}
.ptLeft ul li a{ display:block; font-size:14px; color:#ffffff; text-align:center; height:28px; line-height:28px; margin-bottom:30px; border:1px solid #1e212f; border-radius:28px; font-size:16px;}
.ptLeft ul li.ptCur a ,.ptLeft ul li a:hover{ border: 1px solid #E0533A; color:#E0533A;}

.ptRight{}
.ptRight ul{ height:492px; /*overflow:hidden;*/}
.ptRight ul li{ height:181px; margin-bottom:24px;}
.ptRight ul li dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.ptRight ul li dl dt{ float:left; width:263px; height:181px; border-radius:4px; overflow:hidden; margin-right:22px;}
.ptRight ul li dl dt img{ display:block; width:100%;}
.ptRight ul li a:hover dl dt  img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}
.ptRight ul li dl dd{ float:left; width:730px;}
.ptRight ul li dl dd b{ display:block ; font-size:18px; font-weight:bold; color:#333333; line-height:28px;  margin-top:5px;}
.ptRight ul li dl dd p{ display:block; font-size:14px; line-height:24px; color:#333333; margin-top:20px;}

.liveshow{ margin-top:40px!important;; overflow:hidden; }
.liveshow ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.liveshow ul{ width:1260px; margin-top:20px;}
.liveBox{position:relative;}
.liveshow ul li{ float:left; width:295px; margin-right:20px; }
.liveshow ul li p{ display:block;height:166px; border-radius:4px; overflow:hidden;}
.liveshow ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}
.liveshow ul li img{display:block; width:100%;}
.liveshow ul li span{ display:block; font-size:14px; line-height:20px; color:#333; margin-top:10px;}

.liveshow div a span{ display:block; font-size:14px; line-height:20px; color:#333; margin-top:10px;}

.liveshow .leftAR a{ display:block; width:20px; height:36px; position:absolute; left:0; top:65px; z-index:99;}
.liveshow .rightAR a{ display:block;  width:20px; height:36px; position:absolute; right:0; top:65px;}
.liveshow .leftAR a img ,.liveshow .rightAR a img{ display:block; width:100%;}


.footer{ background:#2d3237; height:62px; text-align:center; padding-top:18px; margin-top:50px;}
.footer p ,.footer p a{ font-size:12px; color: #ABABAB; line-height:16px;}
.footer p a{ padding:0 10px; }
.footer span{ color:#999999; display:block; margin-top:12px; font-size:12px; line-height:16px;}


.carBox .swiper-button-prev:after ,.liveshow .swiper-button-prev:after{font-size:0;background: url('../images/autoshow2022/btn_previous_2036@2x(1).png') no-repeat;background-size:20px 36px;width:20px;height:36px;}
.carBox .swiper-button-prev ,.hotLeft .swiper-button-prev ,.liveshow .swiper-button-prev{ left:-1px;}

.carBox .swiper-button-next:after ,.liveshow .swiper-button-next:after{ font-size:0;background: url('../images/autoshow2022/btn_previous_2036@2x.png') no-repeat;background-size:20px 36px;width:20px;height:36px;}
.carBox .swiper-button-next ,.hotLeft .swiper-button-next ,.liveshow .swiper-button-next{ right:-1px;}

.hotLeft .swiper-button-prev:after{ font-size:0; background: url('../images/autoshow2022/btn_previous_3660@2x.png') no-repeat!important; background-size:36px 60px!important; width:36px!important;height:60px!important;}
.hotLeft .swiper-button-next:after{font-size:0; background: url('../images/autoshow2022/btn_next_3660@2x.png') no-repeat!important; background-size:36px 60px!important; width:36px!important;height:60px!important;}
.swiper-button-next, .swiper-button-prev{ width:auto!important; height:auto!important;}

.swiper-pagination-bullet{width: 20px!important;    display: inline-block!important;    height: 2px!important;   background: rgba(255, 255, 255, 1)!important;    border-radius: 1px!important;    margin: 0 2px!important;}
.swiper-pagination-bullet-active{    background: rgba(255, 255, 255, 1)!important;}

.ptRight ul li dl dd{ width:700px;}
.ptRight .mCSB_scrollTools .mCSB_draggerRail {
    background: #efefef;
    width: 4px;
}

.ptRight .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #a3a3a3 !important;
}

.ptRight .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #a3a3a3 !important;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background: none !important;
}
.headNav ul li{  width:16.6%;}
.jwbrand ul li{ height:auto; }
.brandBx{ position:relative; margin-bottom:16px;}
.brandBx:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.brandBx .leftArrow a{ display:block; width:20px; height:36px; position:absolute; left:0; top:60px; z-index:99;}
.brandBx .rightArrow a{ display:block;  width:20px; height:36px; position:absolute; right:0; top:45px;}
.brandBx .leftArrow a img ,.brandBx .rightArrow a img{ display:block; width:100%;}

.coolPic{ margin-top:40px;}
.coolBox{ position:relative;}
.coolBox ul{ margin-top:20px; width:1260px;}
.coolBox ul li{ float:left; width:190px; height:126px; overflow:hidden; margin-right:20px;  border-radius:4px; }
.coolBox ul li a img{ width:190px; height:126px; display:block;  border-radius:4px;}
.coolBox ul li a:hover img { -webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1);}
.coolBox .leftArrow a{ display:block; width:20px; height:36px; position:absolute; left:0; top:45px; z-index:99;}
.coolBox .rightArrow a{ display:block;  width:20px; height:36px; position:absolute; right:0; top:45px;}
.coolBox .leftArrow a img ,.coolBox .rightArrow a img{ display:block; width:100%;}
.ptech{ margin-top:40px;}

.bodyBg{ background:none;}

.blackBG{background:rgba(0, 0, 0, 0.7); width:100%; height:100vh; position:fixed; top:0; z-index:999;}
.bigImgs{ width:1200px; height:820px; position:fixed; left:50%; top:50%; margin:-410px 0 0 -600px; z-index:1000;}
.bigImgs a{ float:right; width:24px; display:block; height:24px; margin-right:-24px;}
.bigImgs a img{ display:block; width:100%;}
.bigImgs a:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.bigImgs p{ width:1200px; display:block;  margin-top:24px;}
.bigImgs p img{ display:block; width:1200px;}
.bigImgs span{ display:block; font-size:18px; color:#ffffff; line-height:25px; margin-top:16px;}
#involution{ margin-top: 40px;}

.coolBox .swiper-button-prev:after{ font-size:0; background: url('../images/autoshow2022/btn_previous_3660@2x.png') no-repeat!important; background-size:36px 60px!important; width:36px!important;height:60px!important;}
.coolBox .swiper-button-next:after{font-size:0; background: url('../images/autoshow2022/btn_next_3660@2x.png') no-repeat!important; background-size:36px 60px!important; width:36px!important;height:60px!important;}
/*.liveshow .swiper-button-next, .liveshow .swiper-button-prev { top: 50% !important;}*/
.liveshow .swiper-button-prev{ margin-top:5px; }
.liveshow .swiper-button-next:after{margin-top: 24px;}
.liveshow div a span{display:block;font-size:14px;line-height:20px;color:#333;margin-top:10px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;  word-wrap: normal;}
.vedioBg .mCSB_inside>.mCSB_container{ margin-right:0;}
.vedioBg{padding: 20px 0 20px 0px;}
.vedioBg dl dd{float:left;width: 345px;}
.vedioBg .mCSB_scrollTools .mCSB_draggerContainer{ right:5px;}



/*banner*/
.calendar-list-header:after, .calendar-list-header:before, .clearfix:after, .clearfix:before, .container-lg:after, .container-lg:before, .container:after, .container:before, .event-class-list-title ul:after, .event-class-list-title ul:before, .event-class-list:after, .event-class-list:before, .event-horizontal-list-new li:after, .event-horizontal-list-new li:before, .event-news-list li:after, .event-news-list li:before, .event-news-text .func:after, .event-news-text .func:before, .event-news-title:after, .event-news-title:before, .event-org-follow-list:after, .event-org-follow-list:before, .event-org-list:after, .event-org-list:before, .event-vertical-list-new:after, .event-vertical-list-new:before, .event-vertical-list:after, .event-vertical-list:before, .forum .feed-list .func:after, .forum .feed-list .func:before, .forum .feed-list .media .media-heading:after, .forum .feed-list .media .media-heading:before, .forum .sendbox:after, .forum .sendbox:before, .hdx-header .items .dropdown2-menu > div:after, .hdx-header .items .dropdown2-menu > div:before, .layer-success .modal-body:after, .layer-success .modal-body:before, .login-layer .modal-body:after, .login-layer .modal-body:before, .logo-content .icons:after, .logo-content .icons:before, .logo-content .logo-lg:after, .logo-content .logo-lg:before, .modal-footer:after, .modal-footer:before, .organizer-well-list:after, .organizer-well-list:before, .pay-breadcrumb:after, .pay-breadcrumb:before, .pay-order .result:after, .pay-order .result:before, .qqserver .qqserver-header:after, .qqserver .qqserver-header:before, .qqserver li a:after, .qqserver li a:before, .tabs:after, .tabs:before, .topic-feed-list:after, .topic-feed-list:before, .view-category-list > li:after, .view-category-list > li:before, .view-category:after, .view-category:before {
    display: table;
    content: ' ';
}

.calendar-list-header:after, .clearfix:after, .container-lg:after, .container:after, .event-class-list-title ul:after, .event-class-list:after, .event-horizontal-list-new li:after, .event-news-list li:after, .event-news-text .func:after, .event-news-title:after, .event-org-follow-list:after, .event-org-list:after, .event-vertical-list-new:after, .event-vertical-list:after, .forum .feed-list .func:after, .forum .feed-list .media .media-heading:after, .forum .sendbox:after, .hdx-header .items .dropdown2-menu > div:after, .layer-success .modal-body:after, .login-layer .modal-body:after, .logo-content .icons:after, .logo-content .logo-lg:after, .modal-footer:after, .organizer-well-list:after, .pay-breadcrumb:after, .pay-order .result:after, .qqserver .qqserver-header:after, .qqserver li a:after, .tabs:after, .topic-feed-list:after, .view-category-list > li:after, .view-category:after {
    clear: both;
}

.calendar-list-header:after, .calendar-list-header:before, .clearfix:after, .clearfix:before, .container-lg:after, .container-lg:before, .container:after, .container:before, .event-class-list-title ul:after, .event-class-list-title ul:before, .event-class-list:after, .event-class-list:before, .event-horizontal-list-new li:after, .event-horizontal-list-new li:before, .event-news-list li:after, .event-news-list li:before, .event-news-text .func:after, .event-news-text .func:before, .event-news-title:after, .event-news-title:before, .event-org-follow-list:after, .event-org-follow-list:before, .event-org-list:after, .event-org-list:before, .event-vertical-list-new:after, .event-vertical-list-new:before, .event-vertical-list:after, .event-vertical-list:before, .forum .feed-list .func:after, .forum .feed-list .func:before, .forum .feed-list .media .media-heading:after, .forum .feed-list .media .media-heading:before, .forum .sendbox:after, .forum .sendbox:before, .hdx-header .items .dropdown2-menu > div:after, .hdx-header .items .dropdown2-menu > div:before, .layer-success .modal-body:after, .layer-success .modal-body:before, .login-layer .modal-body:after, .login-layer .modal-body:before, .logo-content .icons:after, .logo-content .icons:before, .logo-content .logo-lg:after, .logo-content .logo-lg:before, .modal-footer:after, .modal-footer:before, .organizer-well-list:after, .organizer-well-list:before, .pay-breadcrumb:after, .pay-breadcrumb:before, .pay-order .result:after, .pay-order .result:before, .qqserver .qqserver-header:after, .qqserver .qqserver-header:before, .qqserver li a:after, .qqserver li a:before, .tabs:after, .tabs:before, .topic-feed-list:after, .topic-feed-list:before, .view-category-list > li:after, .view-category-list > li:before, .view-category:after, .view-category:before {
    display: table;
    content: ' ';
}

.banner-padding-top {
    overflow: hidden;
    /* margin-top: 10px;*/
}

.container-lg {
    width: 1240px;
}

.container, .container-lg {
    margin-right: auto;
    margin-left: auto;
}

.slides-thumbnail {
    height: 420px;
}

.bx-wrapper {
    position: relative;
}

#slides-thumbnail > div:first-child {
    position: static;
    clip: auto;
}

#slides-thumbnail > div {
    position: absolute;
    clip: rect(0 0 0 0);
}

.bx-wrapper img, .find-events-aside img {
    max-width: 100%;
    vertical-align: middle;
}

.slides-thumbnail .dots {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

    .slides-thumbnail .dots .dot {
        display: inline-block;
    }

.bx-controls-direction a, .dots .dot {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;
}

.bx-controls-direction a, .dots .dot {
    width: 8px;
    height: 8px;
    margin: 0 1px;
    -webkit-transition: width .5s ease-out;
    -o-transition: width .5s ease-out;
    transition: width .5s ease-out;
    border-radius: 8px;
    background: #969ba2;
}

.dots .dot {
    display: block;
}

.slides-thumbnail .dots .active {
    width: 16px;
    background: #62b651;
}

.slides-thumbnail .bx-prev {
    width: 72px;
    height: 72px;
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -298px 0;
}

    .slides-thumbnail .bx-prev:hover {
        background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
        background-position: -371px 0;
    }

.slides-thumbnail .bx-next {
    width: 72px;
    height: 72px;
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -152px 0;
}

    .slides-thumbnail .bx-next:hover {
        background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
        background-position: -225px 0;
    }

.slides-multiple-list .bx-next {
    width: 37px;
    height: 73px;
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: 0 0;
}

    .slides-multiple-list .bx-next:hover {
        background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
        background-position: -38px 0;
    }

.slides-multiple-list .bx-prev {
    width: 37px;
    height: 73px;
    background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
    background-position: -76px 0;
}

    .slides-multiple-list .bx-prev:hover {
        background-image: url(http://cdn.huodongxing.com/Content/v2.0/dist/css/sprite/index_login_bg.32.png);
        background-position: -114px 0;
    }

.slides-thumbnail .bx-pager {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.bx-pager .bx-pager-item {
    display: inline-block;
}

.slides-thumbnail .bx-pager .bx-pager-link.active {
    width: 16px;
    background: #62b651;
}

.slides-thumbnail .bx-pager .bx-pager-link {
    width: 8px;
    height: 8px;
    margin: 0 2px;
    -webkit-transition: width .5s ease-out;
    -o-transition: width .5s ease-out;
    transition: width .5s ease-out;
    border-radius: 8px;
    background: #969ba2;
}

.bx-pager .bx-pager-item .bx-pager-link {
    display: block;
}

@media \0screen\,screen\9 {
    .slides-thumbnail-backdrop-left, .slides-thumbnail-backdrop-right {
        filter: alpha(opacity=90);
    }
}

@media (min-width: 1100px) {
    .slides-thumbnail .bx-viewport {
        overflow: visible !important;
    }
}

.slides-thumbnail .bx-next, .slides-thumbnail .bx-prev {
    display: none;
    margin-top: -36px;
}

.banner-padding-top:hover .slides-thumbnail .bx-next, .banner-padding-top:hover .slides-thumbnail .bx-prev {
    display: block
}

.bx-controls-direction a {
    position: absolute;
    z-index: 1;
    top: 50%;
    outline: 0;
}

.bx-controls-direction a, .bx-pager .bx-pager-item {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;
}

.slides-thumbnail-backdrop-left {
    left: 0;
}

.slides-thumbnail-backdrop-right {
    right: 0;
}

.slides-thumbnail-backdrop-left, .slides-thumbnail-backdrop-right {
    position: absolute;
    top: 36px;
    height: 420px;
    opacity: .9;
    background: #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
    filter: alpha(opacity=90);
}

@media (min-width: 1100px) {
    .slides-thumbnail .bx-prev {
        left: -85px;
    }
}

@media (min-width: 1100px) {
    .slides-thumbnail .bx-next {
        right: -85px;
    }
}

.slides-thumbnail .bx-prev {
    left: 13px;
}

.slides-thumbnail .bx-next {
    right: 13px;
}

/*列表页*/
.containerlg {
    background-color: #fff;
    padding: 20px;
    width: 1060px;
    margin: 13px auto 0px;
}