@charset "utf-8";
/* CSS Document */
/**common**/
*{ margin:0; padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i { font-weight:normal; font-style:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none; color:#333;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}


/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#1f1f1f;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#1f1f1f;}


/*banner大图*/
.h_banner{width:100%;height:676px;position:relative;overflow:hidden;}
.h_banner>img{width:1920px;height:676px;position:absolute;left:50%;margin-left:-960px;top:0;}
.s_banner{display:none;}
@media screen and (max-width:1800px) {
	.h_banner{width:100%;height:auto;position:relative;}
	.h_banner>img{width:100%;height:auto;position:static;left:inherit;top:inherit;margin-left:0;}
}
@media screen and (max-width:880px) {

}
@media screen and (max-width:760px) {
.s_banner{display:block;}
.b_banner{display:none;}
}
/*nav 开始*/
.ly_nav { width:100%; height:72px; margin:0 auto; padding:0; background-color:#06108f; top:0; z-index:9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav ul { width:100%; max-width:1200px; margin:0 auto; padding:0;}
.ly_nav ul li { width:14.285%; height:72px; margin:0; padding:0; float:left;}
.ly_nav ul li a { display:block; width:100%; height:72px; line-height:72px; color:#fff; font-size:23px; text-align:center; margin:0 auto; padding:0;}
.ly_nav ul li a:hover,.ly_nav ul li a.on { background-color:#0937b7; color:#fff;}
@media screen and (max-width:1199px) and (min-width:1080px) {
	.ly_nav { padding:0 20px;}
}
@media screen and (max-width:1079px) and (min-width:1024px) {
	.ly_nav { padding:0 20px;}
}
@media screen and (max-width:1023px) and (min-width:768px) {
	.ly_nav { padding:0 20px;}
	.ly_nav ul li a { font-size:20px;}
}
@media screen and (max-width:767px) {
	.ly_nav { height:auto; padding:0;}
	.ly_nav ul li { width:25%; height:44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ly_nav ul li a { height:44px; line-height:44px; font-size:15px;}
}
/*nav 结束*/


/*展会简介 开始*/
.zhjj{ width:100%;background: url(../images/jj_bg.png) repeat;overflow:hidden;}
.ly_part1 { width:100%; max-width:1200px; overflow:hidden; margin:0 auto; padding:60px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_tit01 { width:100%;overflow:hidden; margin:0 auto 40px; padding:8px 0; background-size:1200px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center;}
.ly_tit01 img{ max-width:100%;}
.part1_main { width:100%; height:auto; margin:0 auto;position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#0937b7; border-radius:30px;padding:15px;}
.part1_main .part1_con { width:100%; min-height:240px; overflow:hidden; margin:0 auto; padding:40px 30px 0; background:#fff; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-radius:30px;}
.part1_con p { width:100%; overflow:hidden; line-height:32px; color:#333; font-size:16px; margin:0 auto 30px; padding:0; text-indent:2em;}

@media screen and (max-width:1199px) and (min-width:1080px) {
	.ly_part1 { padding:40px;}
	.ly_tit01 { margin:0 auto 30px;}
}
@media screen and (max-width:1079px) and (min-width:1024px) {
	.ly_part1 { padding:40px;}
	.ly_tit01 { margin:0 auto 30px;}
}
@media screen and (max-width:1023px) and (min-width:768px) {
	.zhjj{ padding:40px 0;}
	.ly_part1 {padding: 0 20px;}
	.ly_tit01 { margin:0 auto 30px;}
	.ly_tit01 img{ max-width:80%;}
	.part1_main .part1_con {padding: 40px 32px 10px 25px;}
}
@media screen and (max-width:767px) {
	.zhjj{ padding:30px 0;}
	.ly_part1 {padding: 0 12px;}
	.ly_tit01 {margin:0 auto 20px;}
	.part1_main{ padding:10px;}
	.part1_main .part1_con { padding:42px 18px 20px 14px;}
	.part1_con p { line-height:24px; font-size:14px; margin:0 auto 10px;}
}

@media screen and (max-width:320px) {
	.part1_main .part1_con {padding: 20px 14px 10px 10px;}
}
/*展会简介 结束*/


/*展会数据 开始*/
.zhsj{background: #fff url(../images/zhsj_bg.png) center center no-repeat; background-size: cover;padding: 60px 0;}
.ly_part_add1 { width:100%; max-width:1200px; overflow:hidden; margin:0 auto; padding:0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.zhsj_list{ position:relative; padding-bottom:50px;}
.zhsj_list ul li{ width:20%; float:left; text-align:center;}
.zhsj_list ul li .zhsj_num span{ display:block; color:#0e37b7; font-size:22px; font-weight:bold; width:106px; height:106px; background:#fff; border-radius:100%; line-height:106px;}
.zhsj_list ul li .zhsj_num{ width:126px; height:126px; border:1px dashed rgba(255,255,255,.45); padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-radius:100%; margin:0 auto;}
.zhsj_list ul li p{ margin-top:20px; color:#fff; font-size:18px; font-weight:bold;}
.zhsj_list .swiper-pagination-bullet{ width:10px!important; height:6px!important; border-radius:20px!important; margin:0 3px !important; background:#ccc; opacity:1;}
.zhsj_list .swiper-pagination{ bottom:0!important;}
.zhsj_list .swiper-pagination-bullet-active{ background:#e7222e !important; width:20px !important;}

@media screen and (max-width:1199px) and (min-width:1080px) {
	.ly_part_add1 { padding:0 40px 0;}

}
@media screen and (max-width:1079px) and (min-width:1024px) {
	.ly_part_add1 { padding:0 30px 0;}

}
@media screen and (max-width:1023px) and (min-width:768px) {
	.zhsj{ padding:40px 0;}
	.ly_part_add1 { padding:0 20px 0;}

}
@media screen and (max-width:767px) {
	.zhsj{ padding:30px 0;}
	.ly_part_add1 { padding:0 12px 0;}
	.zhsj_list{ padding-bottom:30px;}
	.zhsj_list ul li .zhsj_num{ width:100px; height:100px;}
	.zhsj_list ul li .zhsj_num span{ width:80px; height:80px; font-size:16px; line-height:80px;}
	.zhsj_list ul li p{ font-size:15px;}
}
@media screen and (max-width:375px) {
	
}
@media screen and (max-width:320px) {
	
}

/*展会概况 结束*/

/*实况报道 开始*/
.zhsk{ padding:60px 0; background:#fff url(../images/zhsk_bg.png) no-repeat; background-size:cover; overflow:hidden;position: relative;}
.zhsk .zhskbox{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.zhsk .zhskbox .zhsk_new{ width:100%; overflow:hidden;}
.zhsk .zhskbox .zhsk_new .left{ width:52%; float:left;overflow:hidden; position:relative;}
.ly_part_add1 .tlt3{background:url(../images/xbt_bg.png) center center no-repeat;background-size:100% 100%;color:#fff;font-size:22px;font-weight:bold;width:188px;float:right;padding:0 20px;margin-bottom:40px; height:56px; line-height:56px;}
.zhsk .zhskbox .zhsk_new .right .tlt3{float:left;}
.zhsk .zhskbox .zhsk_new .left .dianji0{position:absolute;width:100%;left:0;top: 45%;z-index: 9;}
.zhsk .zhskbox .zhsk_new .left .dianji{height: 150px;width: 150px;background-color:#04070757;text-align:center;line-height: 150px;border-radius:80px;margin:0 auto;}
.zhsk .zhskbox .zhsk_new .left .dianji em{ display:block;background:url(../images/video_bn1.png) center center  no-repeat; width:100%; height:48px; left:0;top: 25%; position:absolute;}
.zhsk .zhskbox .zhsk_new .left .dianji a{display: block;color:#fff;font-size:16px; padding-top:35px; width:100%; height:100%;}
.zhsk .zhskbox .zhsk_new .left .pic{display:block;width:100%;height: 464px;text-align:center;overflow:hidden;position:relative;}
.zhsk .zhskbox .zhsk_new .left .pic img{height:100%; width:100%; object-fit: cover;-webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;-o-transition: all .25s;transition: all .5s;}


.zhsk .zhskbox .zhsk_new .right{width:45.5%;float:right;position:relative;overflow:hidden;}
.zhsk .zhskbox .zhsk_new .right ul li{width:100%;background:#fff;padding: 12px;overflow:hidden;margin-bottom: 8px;}
.zhsk .zhskbox .zhsk_new .right .text{width: calc(100% - 130px);float:right;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;}
.zhsk .zhskbox .zhsk_new .right .text .name{display:block;font-size: 16px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ddd;padding-bottom:8px;margin-bottom: 10px;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;}
.zhsk .zhskbox .zhsk_new .right ul li:hover .name{ color:#0157b8;}
.zhsk .zhskbox .zhsk_new .right .img{ float:left; width:109px; height:86px;}
.zhsk .zhskbox .zhsk_new .right .text span{color:#999;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:40px;}
@media (max-width:1200px){
    .zhsk{ padding:50px 0;}
}
@media (max-width:1023px){
    .zhsk{ padding:40px 0;}
	.zhsk .zhskbox .zhsk_new .left{ width:100%;}
	.ly_part_add1 .tlt3{float:none;margin:0 auto 25px;}
	.zhsk .zhskbox .zhsk_new .right{ width:100%; margin-top:20px;}
	.zhsk .zhskbox .zhsk_new .right .tlt3{ float:none;}
}
@media (max-width:767px){
    .zhsk{ padding:30px 0;}
	.zhsk .zhskbox .zhsk_new .left{ width:100%;}
	.ly_part_add1 .tlt3{float:none;margin:0 auto 25px; font-size:18px;background-size: 160px 50px; width:160px; height:50px; line-height:50px;}
	.zhsk .zhskbox .zhsk_new .right .tlt3{ float:none;}
	.zhsk .zhskbox .zhsk_new .left .pic{ height:264px;}
	.zhsk .zhskbox .zhsk_new .left .dianji{ width:100px; height:100px;}
	.zhsk .zhskbox .zhsk_new .left .dianji em{ background-size:30px 30px; height:30px;}
	.zhsk .zhskbox .zhsk_new .left .dianji a{ padding-top:0; font-size:14px;}
	.zhsk .zhskbox .zhsk_new .right{ width:100%; margin-top:30px;}
}
/*实况报道 结束*/

/*展商风采 开始*/
.zsfc{width:100%;padding:60px 0 35px; background:#fff url(../images/zsfc_bg.png) no-repeat; background-size:cover; overflow:hidden;}
.ly_List01 { width:100%; height:auto;padding:0;}
.ly_List01 ul li { width:49%; height:auto; margin:0 2% 30px 0; padding:10px 20px 20px; background-color:#fff; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_List01 ul li:nth-child(2n+2) { margin:0 0 24px;}
.ly_List01 ul li:hover { box-shadow:0 8px 16px rgba(0, 0, 0, 0.1);}
.ly_List01 ul li .lyList01_Name { width:100%; overflow:hidden; margin:0 auto 10px; padding:0;}
.ly_List01 ul li .lyList01_Name a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0;}
.ly_List01 ul li .lyList01_Name a i {display:inline-block;width:4px;height:12px;overflow:hidden;margin: 9px 10px 14px 0;padding:0;background-color:#0636ca;border-radius:2px;vertical-align:middle;}
.ly_List01 ul li .lyList01_Name a:hover { color:#0636ca;}
.ly_List01 ul li .lyList01_con { width:100%; overflow:hidden; margin:0 auto; padding:0 0 0 182px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_List01 ul li .lyList01_con .lyList01_img { width:162px; height:96px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:0;}
.ly_List01 ul li .lyList01_con .lyList01_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;}
.ly_List01 ul li .lyList01_con .lyList01_img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_List01 ul li:hover .lyList01_con .lyList01_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.ly_List01 ul li .lyList01_con .lyList01_ms { width:100%; height:96px; overflow:hidden; margin:0; padding:6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_List01 ul li .lyList01_con .lyList01_ms p { width:100%; height:79px; overflow:hidden; line-height:28px; color:#888; font-size:14px; text-indent:0; text-align:justify; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
@media (max-width:1200px){
.zsfc{ padding:50px 0 40px;}	
	
	}
@media (max-width:1023px){
.zsfc{ padding:40px 0 30px;}	
.ly_List01 ul li{ width:100%; padding:15px;}
}
@media (max-width:767px){
.zsfc{ padding:30px 0 20px;}	
.ly_List01 ul li{ width:100%; padding:10px; margin-bottom:20px;}
.ly_List01 ul li .lyList01_con .lyList01_img{ width:142px;}
.ly_List01 ul li .lyList01_Name a{ font-size:16px;}
.ly_List01 ul li .lyList01_con{ padding:0 0 0 152px;}
}
/*展商风采 结束*/


/*视频直击 开始*/
.spzj{ width:100%;background:url(../images/jj_bg.png) repeat;padding: 60px 0;}
.ly_part4 { width:100%; overflow:hidden; margin:0 auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.part4_main { width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.part4_main .part4_list1 { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.part4_main .part4_list1 .swiper-container2 { overflow: hidden; position:relative; padding-bottom:30px; }
.part4_main .part4_list1 .swiper-container2 .swiper-slide{margin-bottom: 10px;}
.part4_main .part4_list1 .swiper-container2 .swiper-slide .spzj_img{ width:100%; height:200px; position:relative;}
.part4_main .part4_list1 .swiper-container2 .swiper-slide .spzj_img img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; object-fit:cover;}
.part4_main .part4_list1 .swiper-container2 .swiper-slide .spzj_img .pic { display: block; height:200px; background: #fff; text-align: center; position: relative; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; overflow: hidden; }
.part4_main .part4_list1 .swiper-container2 .swiper-slide .spzj_img .pic:after { content: ''; display: block; opacity: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6) url(../images/video_bn2.png) 10% center no-repeat; position: absolute; top: 0; left: 0; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
.part4_main .part4_list1 .swiper-container2 .swiper-slide:hover .pic:after { opacity: 1; background: rgba(0,0,0,.6) url(../images/video_bn2.png) center center no-repeat; }
.part4_main .part4_list1 .swiper-container2 .swiper-slide .spzj_text{ text-align:center; font-size:16px; color:#333; line-height:24px; margin-top:30px;}
.part4_main .part4_list1 .swiper-container2 .swiper-pagination-bullet{ width:10px!important; height:6px!important; border-radius:20px!important; margin:0 3px !important; background:#ccc; opacity:1;}
.part4_main .part4_list1 .swiper-container2 .swiper-pagination{ bottom:0!important;}
.part4_main .part4_list1 .swiper-container2 .swiper-pagination-bullet-active{ background:#0e37b7 !important; width:20px !important;}

@media screen and (max-width:1079px) and (min-width:1024px) {
	.spzj{ padding:50px 0;}
}
@media screen and (max-width:1023px) and (min-width:768px) {
	.spzj{ padding:40px 0;}
}
@media screen and (max-width:767px) {
	.spzj{ padding:30px 0;}
	.part4_main .part4_list1 .swiper-container2{ padding-bottom:20px;}
	
}
/*视频直击 结束*/

/*图片留影 开始*/
.tply{width:100%;padding:60px 0; background:#fff url(../images/tply_bg.png) no-repeat; background-size:cover; overflow:hidden;}
.tply_list ul li{ width:33.333%; float:left; position:relative;}
.tply_list ul li .tply_img{ width:100%; height:263px; position:relative;}
.tply_list ul li .tply_img img{ display:block; width:100%; height:100%;position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; object-fit:cover;}
.tply_list ul li p{ width:100%; height:45px; line-height:45px; background:rgba(0,0,0,.5); font-size:18px; color:#fff; text-align:center; padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:absolute; bottom:0;}
.tply_list ul li p a{ display:block; width:100%; height:100%; color:#fff;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
@media screen and (max-width:1023px) {
.tply{ padding:40px 0;}
.tply_list ul li{ width:50%;}	
}
@media screen and (max-width:767px) {
	.tply{ padding:30px 0;}
	.tply_list ul li{ width:100%;}
	.tply_list ul li .tply_img{ height:200px;}
	.tply_list ul li p{ font-size:16px;}
	
}
/*图片留影 结束*/


/*往届回顾 开始*/
.wjhg{width:100%;padding:60px 0; background:#fff url(../images/wjhg_bg.png) no-repeat; background-size:cover; overflow:hidden;}
.ly_ztldList { width:100%; height:auto; margin:0 auto; padding:0;}
.ly_ztldList ul li { width:100%; height:auto; margin:0 0 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_ztldList ul li .ly_ztldimg { width:100%; height:auto; overflow:hidden; margin:0 auto 10px; padding:0;}
.ly_ztldList ul li .ly_ztldimg a.ztldimg { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; border-radius:15px;}
.ly_ztldList ul li .ly_ztldimg a.ztldimg img { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_ztldList ul li:hover .ly_ztldimg a.ztldimg img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-width:1023px) {
.wjhg{ padding:45px 0;}
}
@media screen and (max-width:767px) {
	.wjhg{ padding:30px 0;}
	.ly_ztldList ul li{margin:0 0 14px 0; }
	
}
/*往届回顾 结束*/
.mb_r { display:block; width:44px; height:92px; margin:-45px 0 0; padding:0; position:fixed; top:50%; right:4px; z-index:9999;}
.mb_r ul li { width:44px; height:44px; margin:0 auto 4px; padding:0; position:relative;}
.mb_r ul li a { display:block; width:44px; height:44px; overflow:hidden; margin:0 auto; padding:0; background-color:#0c1acc; border-radius:50%;}
.mb_r ul li a img { display:block; width:24px; height:24px; overflow:hidden; margin:10px auto; padding:0;}
.mb_r ul li span { display:block; width:0; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:16px; text-align:center; margin:0; padding:0; position:absolute; top:0; right:0; background-color:#0c1acc; border-radius:22px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mb_r ul li:hover span { width:180px; padding:0 10px;}

.mb_ewm { width:160px; height:auto; margin:0; padding:10px; background-color:#0c1acc; position:fixed; right:4px; bottom:4px;z-index:9999;}
.mb_ewm .ewm_img { width:140px; height:140px; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;}
.ewm_img img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.mb_ewm p { width:100%; height:20px; overflow:hidden; line-height:20px; color:#fff; font-size:14px; text-align:center; margin:10px auto 0; padding:0;}
.mb_ewm .ewm_close { display:block; width:20px; height:20px; overflow:hidden; margin:0; padding:0; position:absolute; top:-24px; right:0; cursor:pointer;}

@media screen and (max-width:1080px) {
	.mb_r ul li span { display:none;}
	.mb_ewm { display:none;}
}

