.app *{box-sizing: border-box;}

.fl{float: left;}
.fr{float: right;}
.app{margin-bottom: 150px;}
.app ul li{ height: 529px; background-position: center center; background-size: auto 100%; padding-top: 84px; display: none;}
.app ul li:first-child{display: block;}
.app ul li img.app_img{width: 67%; }
.app ul li dl{width: 27%;}
.app.appNew ul li dl{margin-top: 0;}
.app ul li dl dd{width: 50%; padding-left: 8.4%; float: left; margin-bottom: 33px;}
.app_item{text-align: center; display: block; padding: 20px 0; background: url(../images/app_item_bg01.png) center center no-repeat; background-size: 100% 100%;position: relative;}
.app_item .qrcode{position: absolute;width: 100%;height: 100%;top: 0;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.app_item .qrcode img{ width: 60%; margin-top: 13px;}
.app_item.pc .qrcode img{ width: 45%; margin-top: 13px;}
.app_item:hover{background-image: url(../images/app_item_bg02.png);}
.app ul li dl dd img{width: 40%; margin-bottom: 20px;}
.app ul li dl dd p{ color: #777777;}
.app_item:hover p{color: #fff;}
.app_item:hover img:first-child{opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.app_item:hover .qrcode{opacity: 1;transition: all 0.5s;-webkit-transition: all 0.5s;}
.app_item:hover .qrcode img{opacity: 1;}
.pro_main_nav .wrap{font-size: 0;}
.pro_main_nav ul li{overflow: inherit;}
.pro_main_nav ul li a{color: #777}
.tabs_icon{position: absolute; left: 50%; margin-left: -6px; display: none;}
.pro_main_nav ul li.on .tabs_icon{display: block;}
.pro_main_nav ul li.on a{color: #d6000f;}
.pad_main{padding: 85px 0 115px;}
.pad_main .pub_page{padding-top: 40px;}
.video{overflow: hidden;}
.video ul{margin: 0 -27px;}
.video ul li{width: 33.333333%; float: left;margin-bottom: 30px;}
.video ul li a{display: block; margin: 0 27px; position: relative;}
.video ul li a i{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5);}
.video_btn{position: absolute; top: 50%; left: 50%; margin-left: -51px; margin-top: -35px;}
.video ul li p{line-height: 5em; margin: 0 27px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.video ul li p a{display: inline-block;margin: 0;}
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; display:none;}
.video_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%;   z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_appbox img{z-index:999;position:absolute;right:10%;top:11%; cursor: pointer; }

/*招商加盟*/
.join_main *{box-sizing: border-box;}
.join_pd{padding: 80px;}
.join_pd1{padding: 80px 0 110px;}
.join_pd1 .join2_wrap{overflow: hidden;}
.join_pd1 .pro_more{padding-bottom: 0;}

.join_tit{ text-align: center; margin-bottom: 60px;}
.join_tit h2{color: #000; margin-bottom: 5px;}
.join_tit p{color: #777777;}

.join1{overflow: hidden;}
.join1_wrap ul{margin: 0 -20px;}
.join1_wrap ul li{width: 33.333333%; float: left; padding: 0 20px; margin-bottom: 30px;}
.join1_wrap ul li a{display: block; position: relative;}
.join1_wrap ul li a .join1_box{padding:0px 40px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;overflow: hidden;}
.join1_wrap ul li a .join1_box h2{ position: absolute; top: 50%; left: 0px; transform: translate(0, -50%); text-align: center; width: 100%; color: #fff;}
.join1_wrap ul li a:hover{color: inherit;}
.join1_wrap ul li a i{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.2); z-index: 1;}
.join1_wrap ul li a:hover p{display: block;max-height:120px;overflow: hidden;}
.join1_wrap ul li a:hover i{background: rgba(214,0,15,0.8);}
.join1_wrap ul li a:hover h2{position: static; transform: translate(0,0); text-align: left;margin-bottom: 10px;max-height: 36px;overflow: hidden;}
.join1_wrap ul li a:hover .join1_box{ height: auto; top: 50%; transform: translate(0, -50%);}
.join1_wrap p{display: none; color: #fff; line-height: 1.5em;max-height: 120px;}


.join2,.join4{background: #f9f9f9;}
.join2 ul li{width: 25%; float: left; text-align: center; padding: 40px; cursor: pointer; position: relative;}
.join2 ul li .join2_icon{ background-repeat: no-repeat; background-position: center center; height: 42px; background-size: auto 100%; margin-bottom: 25px;}
.join2 ul li h2{color: #000; margin-bottom: 10px;}
.join2 ul li p{color: #777777; line-height: 24px;}
/* .join2 ul li:hover .join2_icon{background: url(../images/join2_iconh01.png) center center no-repeat;} */
/* .join2 ul li:nth-child(2) .join2_icon{background: url(../images/join2_icon02.png) center center no-repeat;}
.join2 ul li:hover:nth-child(2) .join2_icon{background: url(../images/join2_iconh02.png) center center no-repeat;}
.join2 ul li:nth-child(3) .join2_icon{background: url(../images/join2_icon03.png) center center no-repeat;}
.join2 ul li:hover:nth-child(3) .join2_icon{background: url(../images/join2_iconh03.png) center center no-repeat;}
.join2 ul li:nth-child(4) .join2_icon{background: url(../images/join2_icon04.png) center center no-repeat;}
.join2 ul li:hover:nth-child(4) .join2_icon{background: url(../images/join2_iconh04.png) center center no-repeat;}
.join2 ul li:nth-child(5) .join2_icon{background: url(../images/join2_icon05.png) center center no-repeat;}
.join2 ul li:hover:nth-child(5) .join2_icon{background: url(../images/join2_iconh05.png) center center no-repeat;}
.join2 ul li:nth-child(6) .join2_icon{background: url(../images/join2_icon06.png) center center no-repeat;}
.join2 ul li:hover:nth-child(6) .join2_icon{background: url(../images/join2_iconh06.png) center center no-repeat;}
.join2 ul li:nth-child(7) .join2_icon{background: url(../images/join2_icon07.png) center center no-repeat;}
.join2 ul li:hover:nth-child(7) .join2_icon{background: url(../images/join2_iconh07.png) center center no-repeat;} */
.join2 ul li:hover h2{color: #fff;}
.join2 ul li:hover p{color: #fff;}
.join2 ul li:nth-child(8){background: #ececec;}
.join2_last {width: 100%; text-align: center; font-size: 0; display: block; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.join2_last em{display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #aeaeae; margin: 0 8px;}
.join2 ul li:hover{background: #d6000f; }
.join2 ul li:hover em{background: #fff; }

.join3_wrap ul li{width: 25%; position: relative; color: #fff; float: left;}
.join3_wrap ul li:nth-child(2){background: #ececec;}
.join3_wrap ul li:nth-child(4){background: #ececec;}
.join3_img{width: 100%;}
.join3_ii{position: absolute; right: -16px; top: 50%; transform: translate(0,-50%);z-index: 1;}
.join3_box{padding: 0 45px; position: absolute; left: 0; width: 100%; text-align: center; top: 27%;}
.join3_icon{ background-repeat: no-repeat; background-position: center center; background-size: auto 100%; height: 42px; margin-bottom: 20px; z-index: 1;}
.join3_box h2{ margin-bottom: 5px;}
.join3_box p{line-height: 26px; max-height: 156px;overflow: hidden;}
.join3_wrap ul li:nth-child(2) h2{color: #000;}
.join3_wrap ul li:nth-child(2) p{color: #777777;}
.join3_wrap ul li:nth-child(4) h2{color: #000;}
.join3_wrap ul li:nth-child(4) p{color: #777777;}
/* .join3_wrap ul li:nth-child(2) .join3_icon{background: url(../images/join2_icon02.png) center center no-repeat;}
.join3_wrap ul li:nth-child(3) .join3_icon{background: url(../images/join2_icon03.png) center center no-repeat;}
.join3_wrap ul li:nth-child(4) .join3_icon{background: url(../images/join2_icon04.png) center center no-repeat;} */

.join4_wrap ul{margin: 0 -26px; overflow: hidden;}
.join4_wrap ul li{width: 33.333333%; float: left; padding: 0 26px;margin-bottom: 40px;}
.join4_wrap ul li a{display: block; box-shadow: 4px 4px 10px rgba(0,0,0,0.02);}
.join4_box{background: #fff; padding: 30px;}
.join4_box p{ line-height: 30px; color: #000; height: 60px; overflow: hidden;}

/*官方博客*/ 
.load-more-link,#infscr-loading > div{width:119px; height: 37px; line-height: 37px; text-align: center; background: #d6000f; border-radius: 5px; color: #fff; display: block; margin: 0 auto; cursor: pointer;}
#infscr-loading{text-align: center;}

/*新闻详情页*/
.xdetails{padding-top: 60px;}
.xdetails_l{width: calc(100% - 400px);}
.xdetails_l h1{color: #000000; text-align: center; margin-bottom: 25px;}
.xdetails_l h2{color: #777777; text-align: center; border-bottom: #c1c1c1 solid 1px; padding-bottom: 5px; margin-bottom: 50px;}
.xdetails_l h2 span{margin-right: 50px;}
.xdetails_l h2 span:last-child{margin-right: 0;}
.xdetails_l_b{padding: 26px 0; overflow: hidden; margin-top: 50px; border-top: #c1c1c1 solid 1px;}
.xdetails_l_b span{display: block; line-height: 30px; color: #777;}
.xdetails_l_b span a{color: #777;}
.xdetails_l_b span a:hover{color: #ff0012;}

.xdetails_r{width: 360px; box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);}
.xdetails_r h1{padding: 0 20px 0 28px; height: 50px; line-height: 50px; background: #d6000f; color: #fff;}
.xdetails_r h1 img{margin-top: 13px;}
.xdetails_r_con{padding: 28px; background: #fff;}
.xdetails_r_top{overflow: hidden; margin-bottom: 20px;}
.xdetails_r_top h2{ line-height: 24px;  margin-bottom: 16px;}
.xdetails_r_top h2 a{color: #000;}
.xdetails_r_top h2 a:hover{color: #ff0012;}
.xdetails_r_top p{ line-height: 18px; color: #777777;position: relative;max-height: 54px;overflow: hidden;position: relative;text-overflow: ellipsis;}
/* .xdetails_r_top p::after{position: absolute;content:"...";font-weight: bold;right: 0;padding: 0 20px 1px 45px;} */
.xdetails_r_info{overflow: hidden;padding-top: 10px;margin-top: 10px; border-top: #c1c1c1 solid 1px;}
.xdetails_r_info span{color: #777;}
.xdetails_r_info span.fr{color: #d6000f;}

.xdetails_r_con ul{clear: both; margin: 0;}
.xdetails_r_con ul li{ max-height: 54px; line-height: 22px; margin-bottom: 10px; border-top: #c1c1c1 solid 1px; padding-top: 10px;overflow: hidden;}
.xdetails_r_con ul li:first-child{padding-top: 0px;border: none;}
.xdetails_r_con ul li i{display: inline-block;width: 6px;height: 12px;background: url(../images/index_5.png) no-repeat; margin-right: 10px;}
.xdetails_r_con ul li a{color: #000;}
.xdetails_r_con ul li a:hover{color: #ff0012;}

.xdetails_r_con ul li:last-child{border-bottom: none;}
.xdetails_r_more{width: 127px; height: 37px; line-height: 37px; text-align: center; background: #8d8d8d; color: #fff; border-radius: 5px; display: block; margin: 20px 0;}
.xdetails_r_more:hover{background: #d6000f;color: #fff;}
/*会议活动详情页*/
.meet{padding-top: 50px;}

.meet1{background: url(../images/meet1_bg.jpg) center center repeat-y; height: auto; position: relative;}
.meet1_wrap{position: relative; left: 0; top: 0;  color: #fff; padding: 30px 65px;}
.meet1_wrap h2{ margin-bottom: 10px;}
.meet1_wrap p{line-height: 24px;max-height: 96px;overflow: hidden;}
.meet_tit{margin-bottom: 24px; color: #000;}
.meet2{padding: 40px 0 20px; overflow: hidden;}
.meet2 ul{margin: 0 -15px;}
.meet2 ul li{width: 25%; padding: 0 15px; float: left; box-sizing: border-box;}
.meet2 ul li p{ height: 48px; line-height: 24px; padding: 20px 0;}
.meet2 ul li p a i{color: #777777;}
.meet2 ul li p a span{color: #000; margin-left: 11px;}
.meet2 ul li p a:hover i{color: #ff0012;}
.meet2 ul li p a:hover span{color: #ff0012; }

.meet3{background: #f8f8f8; padding: 40px 0;}
.meet3-container{padding-bottom: 80px;width: 98%;}
.meet3-container img{max-width: 100%;}
.meet3-container .swiper-pagination-bullet{width: 9px;height: 9px;background: #777777;opacity: 1;margin: 4px 10px!important; border-radius: 50%;}
.meet3-container .swiper-pagination-bullet-active{background: rgba(0,0,0,0);border: 4px solid #d6000f;margin:0px 10px!important;}
.meet4{ padding: 40px 0 50px; border-bottom: #c1c1c1 solid 1px;}
.meet5{ padding: 40px 0 0;}

/*参会嘉宾资料页面*/
.guest{padding:0 !important;}
.guest1{overflow: hidden; padding: 43px 0 63px;}
.guest1_l{width: 29%;}
.guest1_l img{max-width: 100%;}
.guest1_r{width: 71%; padding: 62px 3.2% 0 6%; box-sizing: border-box; position: relative;}
.guest1_r_img{position: absolute; top: 62px; right: 0; height: 156px; z-index: 1; width: 105%;}
.guest1_r_tit{color: #fff; padding: 30px 0; position: relative; z-index: 2; margin-bottom: 35px;}
.guest1_r_tit h1{line-height: 60px;}
.guest1_r_con h2{ margin-bottom: 15px;}
.guest1_r_con p{color: #777; line-height: 24px; margin-bottom: 24px;}
.guest2{background: #fcfcfc; padding: 40px 0;}
.guest2 ul{margin: 0;}
.guest2 ul li{overflow: hidden; margin-bottom: 24px;}
.guest2 ul li:last-child{margin-bottom: 0;}
.guest2 ul li span{width: 36px; height: 36px; line-height: 36px; text-align: center; border: #d6000f solid 5px; color: #d6000f; margin-right: 20px; display: block; border-radius: 50%;}
.guest2 ul li p{width: calc(100% - 66px); color: #777777; line-height: 24px;}

.contact{overflow: hidden;}

.detail-original,.detail-original a{color: #777;}
.detail-original a:hover{color: #d6000f;}

@media only screen and (max-width: 1200px) {
    .join1_wrap ul li a:hover h2.fnt_24{font-size: 20px;}
    .join1_wrap ul li a:hover h2{margin-bottom: 5px;}
    .join1_wrap ul li a:hover p{max-height: 98px;}
    .join_pd{padding: 80px 40px;}
}


@media only screen and (max-width: 1024px) {
    .join3_box{ top: 15%;}
    .app.appNew ul li dl{margin-top: 40px;}
}

@media only screen and (max-width: 990px) {
    .app ul li{ height: auto;}
    .app ul li img.app_img{width: 100%;float: none;}
    .app ul li dl{width: 100%;margin-top: 50px;}
    .app ul li dl dd{ width: 24%;}
    .video ul li{width: 50%; }
    .meet4{padding: 40px 0 40px;}
    .meet4 ul li{margin-bottom: 30px;}
    .video_btn{width: 80px;margin-left: -40px;margin-top: -27px;}
    .meet3-container{padding-bottom: 50px;}
    .app ul li dl{text-align: center;}
    .app ul li dl dd{ display: inline-block;float: none;}
    .meet1_wrap{ padding: 30px 30px;}
    .app{    margin-bottom: 100px;}
    .app ul li dl{padding-bottom: 40px;}
    .app ul li dl dd{padding: 0 4.2%;}
}

@media only screen and (max-width: 989px) {
    .join3_wrap ul li{width: 50%;}
}

@media only screen and (max-width: 768px){
    .app ul li{ padding-top: 20px;}
    .app ul li dl{padding-bottom: 20px; margin-top: 10px;}
    .app{margin-bottom: 100px;}
    .meet2 ul li{width: 50%;}
    .meet3-container{padding-bottom: 40px;}
    .meet3{padding-bottom: 20px;}
    .join4_wrap ul li{width: 50%;margin-bottom: 30px;}
    .join1_wrap ul li{ width: 50%;}
    .join2 ul li{width: 50%;}
    .join_pd{padding: 50px;}
    .join_pd1{padding: 50px 0 80px;}
}

@media only screen and (max-width: 768px){
    .guest1_r{width: 100%;}
    .guest1_l{width: 100%;text-align: center;}
    .xdetails_l{width: 100%;}
    .xdetails_r{display: none;}

}


@media only screen and (max-width: 767px){
    .app.appNew ul li{padding-top: 20px;}
    .app.appNew ul li dl{margin-top: 10px; padding-bottom: 20px;}

}

@media only screen and (max-width: 640px){
    .app ul li dl dd{padding-left: 3%;}
    .app_tabs .tabs_icon{ bottom: -21px;}
    .video ul{ margin: 0 -10px;}
    .video ul li a{margin: 0 10px;}
    .pad_main{padding: 55px 0 75px;}
    .join_pd{padding: 50px 20px;}
    .join_tit{    margin-bottom: 30px;}
}


@media only screen and (max-width: 500px){
    .app ul li dl dd {  width: 49%; }
    .join1_wrap ul li{width: 100%;}
    .join2 ul li{ width: 100%;}
    .join4_wrap ul li{width: 100%;}
    .app ul li{background-size: auto 130%;}
}

@media only screen and (max-width: 430px){
    .video ul li{width: 100%;}
    .pad_main .pub_page{padding-top: 0px;}
    .meet2 ul li{width: 100%;}
    .join3_wrap ul li{width: 100%;}
}

/* 20180704 gzc 新增 */
.conference_details .xdetails_r {display: none;}
.conference_details .xdetails_l {float: none;margin: 0 auto;}
.meet1_wrap {overflow: hidden;}
.meet1_wrap p a {color: #fff;}
.meet1_wrap > a {float: right;color: #fff;}


/* 20180813 */
.app ul li dl dt{display: none;}
.app ul li dl dt a{width: 40%;margin-right: 10px;height: 37px;text-align: center;line-height: 37px;color: #fff;border-radius: 6px;background: #d6000f;display: inline-block;}
.appDownload .product_banner{display: none;}
@media only screen and (max-width: 767px){
    .appNew ul li dl dd{
        display: none!important;
    }
    .app ul li dl dd{
        display: none;
        margin-bottom: 0px;
        width: 40%;
    }
    .app ul li dl dd img{ margin-bottom: 10px;}
    .app_item{padding: 15px 0;}
    .app ul li dl dt{
        display: block;
    }
    
    .app{margin-bottom: 0;}
}