/* home */
.home{width:100%; height:100vh;overflow: hidden; background:#000; background-size:100% 100%; position:relative;}
.home_bg{width:100%; height:100vh; min-height: 661px; overflow:hidden;  position: absolute; top:0; left:0;}
.home_bg .bgVideo {width:100%; height:100vh; min-height: 661px; width: 100%; transform-style: preserve-3d;o-object-fit: cover;  object-fit: cover;
 -o-object-position: 50% 60%; object-position: 50% 60%; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.home_bg img{width:100%; height:100%;}
.topbar0{height:auto; overflow: hidden; position: relative; z-index:2; padding:2.5em 2em;}
.topbar0 .logo{width:30%; position: absolute; top:2em; left:2em;}
.topbar0 .logo img{width:100%; max-width:429px; display:block;}
.topbar0 .top_right{float: right;}
.topbar0 .top_right a{ font-size:16px; color:#fff;}
.topbar0 .top_right span{margin:0 10px;font-size:16px;  color:#999;}
.topbar0 .top_right a:hover{color:#333;background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.toptit{width:40vw; position: absolute; z-index: 1; top:28vh; left:17vh;}
.toptit img{width:100%; max-width:611px; display: block;}
.top_btn{width:28vw; position:absolute; z-index:2; right:17%; bottom:12vh;}
.top_btn a{position:relative; display:block; }
.top_btn a .bc{width:100%; height:auto; position:absolute; z-index:1; text-align:center;}
.top_btn a .bc img{width:40%; margin:20% auto 5px auto;}
.top_btn a .bc p{font-size:18px; color:#fff;}
.top_btn .abtn{width:28%; float: left; }
.top_btn .abtn1{width:28%; float: right; }
.top_btn .abtn1 .bc img{width:45%; margin:20% auto 5px auto;}
.top_btn .btnbg{width:100%; display: block; -webkit-animation: wobble 2s linear infinite; animation: wobble 2s linear infinite; }
@-webkit-keyframes wobble {
    0% {
      -webkit-transform: rotate(0deg) scale(1);
    }
    35% {
      -webkit-transform: rotate(120deg) scale(0.85);
    }
	70% {
	  -webkit-transform: rotate(240deg) scale(0.9);
	}
	100% {
	  -webkit-transform: rotate(360deg) scale(1);
	}
}

/* exhibition */
.zlbanner{}
.exhibition .navTabs0{margin-top:30px;}
.exhibition .tab-content{background:rgba(255,255,255,0.1); height:auto; overflow:hidden; border-radius:15px; margin:40px 0; padding:50px 80px;}
.exhibition .pagebox{height: auto;overflow: hidden;}
.exhibition .box_tit{text-align: left;margin-bottom:60px;}
.exhibition .box_tit h3{font-size:24px;color:#fff; margin-bottom:20px; text-align: left;}
.exhibition .box_tit p{font-size:16px;color:#fff;text-align: left;line-height:2;text-indent:2em;}
.exhibition .box_list {height:auto; overflow:hidden; margin:0 -1%;}
.exhibition .box_list li{width:23%;height: auto;overflow: hidden;float: left; margin:0 1% 20px 1%;}
.exhibition .box_list li .img{width:100%; height:auto; overflow:hidden; display: block; background:#fff; border-radius:15px;}
.exhibition .box_list li .img img{width:100%; height:152px; display: block; transition:all 0.6s ease;}
.exhibition .box_list li .img:hover img{transform:scale(1.2);}
.exhibition .box_list li .tit{padding:15px 0; text-align: left;}
.exhibition .box_list li .tit h3{font-size:16px;color:#fff;margin:10px 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.exhibition .box_list li .tit a{width:102px;height:32px;line-height:32px; text-align: center; border-radius:50rem; background: url(../images/zlbtnbg.png) no-repeat center top; font-size:14px; color:#fff; display: block; padding:0; float: right;}
.exhibition .box_list li .tit a:hover{ background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}

/* meeting */
.meeting{width:100%;height: auto;overflow: hidden; }
.hybanner{height:auto; overflow:hidden; border-radius:15px; margin:20px 0;}
.hybanner img{width:100%; display: block;}
.meeting .livebox{height: auto;overflow: hidden; margin:30px 0;}
.meeting .livebox .box_left{ height:auto; overflow: hidden; background:rgba(255,255,255,0.1); border-radius:15px;}
.meeting .livebox .box_left .live_video{background:#000;height:478px; overflow:hidden;}
.meeting .livebox .box_left .live_video video{width:100%; height:478px; transform-style: preserve-3d; o-object-fit: cover;  object-fit: cover;}
.meeting .livebox .box_left .live_info{height:auto; overflow:hidden; padding:20px; text-align: left;}
.meeting .livebox .box_left .live_info h3{font-size:20px; color:#fff; font-weight: bold; margin-bottom:10px;}
.meeting .livebox .box_left .live_info a{float: right; font-size:14px; color:#ccc; }
.meeting .livebox .box_left .live_info a:hover{text-decoration:underline; color:#fff;}
.meeting .livebox .box_left .live_info p{font-size:14px; color:#fff; text-align:left; line-height:1.8; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.meeting .livebox .box_right{width:320px;height:600px; overflow: hidden; text-align: left; background:rgba(255,255,255,0.1);border-radius:15px;float: right; padding:15px 26px; margin-left:30px;}
.meeting .livebox .box_right h3{font-size:18px;color:#fff;text-align: left; margin:10px 0 5px 0; display: inline-block; font-weight: bold;}
.meeting .livebox .box_right h3::after{height:2px;}
.meeting .livebox .box_right li{height:auto; overflow: hidden; margin:12px 0 20px 0; position: relative;}
.meeting .livebox .box_right li img{width:100%; height:125px; display: block; transition:all 0.6s ease; border-radius:15px; }
.meeting .livebox .box_right li .txt{width: 100%;height: auto;overflow: hidden;}
.meeting .livebox .box_right li .txt h4{width:auto; display: block; font-size:14px; color:#fff; margin:5px 0 5px 0px; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.meeting .livebox .box_right li .txt p{line-height: 26px;overflow: hidden;display: inline-block;text-align: center;font-size: 12px;color: #fff;font-weight: normal;border-radius: 100px;opacity: 0.8;transition: all 0.6s ease;float: left;margin: 8px 0 0 0;}
.meeting .livebox .box_right li strong{width: 80px;height: 26px;line-height: 26px;overflow: hidden;background: -webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);display: inline-block;text-align: center;font-size: 12px;color: #fff;font-weight: normal;border-radius: 100px;opacity: 0.8;transition: all 0.6s ease;float: right;margin: 8px 0 0 0;}
.meeting .livebox .box_right li strong.on{opacity:1;}
.meeting .livebox .box_right li strong.end{opacity:1; background:rgba(255,255,255,0.5); color:#333;}
.meeting .livebox .box_right li a:hover img{transform:scale(1.1);}
.meeting .livebox .box_right li a:hover strong{opacity:1;}
.meeting .livebox .box_right li a:hover strong.on{background:#fff; color:#f731c8;}
.meeting .livebox .box_right li a:hover strong.end{opacity:1; background:rgba(255,255,255,1); color:#333;}
.meeting .meetList{margin:30px 0 30px 0;}
.meeting .tab-content{background:rgba(255,255,255,0.1); height:auto; overflow:hidden; border-radius:15px; padding:50px 80px;}
.meeting .meetList .mtit{height:auto; overflow:hidden; padding:10px 0; background: url(../images/tbg.png) no-repeat left 11px; border-bottom:1px rgba(255,255,255,0.1) solid; text-align: left;}
.meeting .meetList .mtit h2{font-size:20px; color:#fff; float: left; font-weight: bold; margin:0 20px;}
.meeting .meetList .mtit span{font-size:20px; float: left; color:#fff; }
.meeting .meetList .mlist{height: auto; overflow:hidden; padding:30px 0px; }
.meeting .meetList .mlist li{width:23%; height:auto; overflow:hidden; float: left; margin:0 2% 20px 0; }
.meeting .meetList .mlist li a{width:100%; height:170px; overflow:hidden; display: block; background:rgba(0,0,0,0.3) url(../images/meetlistbg.png) no-repeat 140% 30px; padding:15px; text-align: left; border-radius:15px; transition:all 0.6s ease; position:relative;}
.meeting .meetList .mlist li h3{margin:0 ;font-size:15px;color:#fff;font-weight: bold;margin:0 10px 5px 0;line-height:1.4;}
.meeting .meetList .mlist li p{font-size:12px;color:#999; margin:0; }
.meeting .meetList .mlist li span{display:block; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); color:#fff; font-size:12px; position:absolute; right:-25px; top:0px; padding:10px 20px 0 20px; z-index: 10; transform:rotate(45deg);}
.meeting .meetList .mlist li strong{width:130px;height:40px; line-height:40px; text-align:center; border-radius:40px; background: url(../images/meetlistbtn.png) no-repeat center top; font-size:16px; color:#fff; display:block; position: absolute; bottom:20px; left:50%; margin-left:-65px; transition:all 0.6s ease; }
.meeting .meetList .mlist li strong.end{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); opacity:0.5;}
.meeting .meetList .mlist li strong.on{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.meeting .meetList .mlist li a:hover{background:rgba(0,0,0,0.6) url(../images/meetlistbg.png) no-repeat 140% 30px;}
.meeting .meetList .mlist li a:hover strong{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.meeting .meetList .mlist li a:hover strong.end{opacity:1;}
.meeting .meetList .mtit1{height:auto; overflow:hidden; padding:10px 0; margin:0 -40px; text-align:center;}
.meeting .meetList .mtit1 ul{text-align:center;}
.meeting .meetList .mtit1 li{width:24%; display: inline-block; vertical-align: top; }
.meeting .meetList .mtit1 li img{display: block; margin:0 auto 15px auto;}
.meeting .meetList .mtit1 li p{font-size:18px; color:#fff; font-weight: bold;}
.meeting .meetList .mlist1{height: auto; overflow:hidden; margin:10px -30px;  text-align:center; position: relative; }
.meeting .meetList .mlist1::before{width:100%; content:''; display:block; height:1px; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);position: absolute; top:0; left:0;}
.meeting .meetList .mlist1 ul{width:25%; height:auto; overflow:hidden; float: left; display:block; border-right:1px rgba(255,255,255,0.1) solid;  vertical-align: top;}
.meeting .meetList .mlist1 ul:last-child{border:0;}
.meeting .meetList .mlist1 li{height:auto; overflow:hidden; margin:20px;}
.meeting .meetList .mlist1 li a{width:100%; height:150px; overflow:hidden; display: block; background:rgba(0,0,0,0.3) url(../images/meetlistbg.png) no-repeat 140% 30px; padding:15px; text-align: left; border-radius:15px; transition:all 0.6s ease; position: relative;}
.meeting .meetList .mlist1 li a h3{margin:0 ;font-size:15px; color:#fff;font-weight: bold;margin-bottom:5px; line-height:1.4;}
.meeting .meetList .mlist1 li a p{font-size:12px;color:#999; margin:0; }
.meeting .meetList .mlist1 li a strong{width:130px;height:40px; line-height:40px; text-align:center; border-radius:40px; background: url(../images/meetlistbtn.png) no-repeat center top; font-size:16px; color:#fff; display:block; position: absolute; bottom:15px; left:50%; margin-left:-65px; }
.meeting .meetList .mlist1 li a strong.end{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); opacity:0.5;}
.meeting .meetList .mlist1 li a strong.on{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.meeting .meetList .mlist1 li a:hover{background:rgba(0,0,0,0.6) url(../images/meetlistbg.png) no-repeat 110% 10px; }
.meeting .meetList .mlist1 li a:hover strong{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.meeting .meetList .mlist1 li a:hover strong.end{opacity:1;}
.meeting .partner{margin-bottom:30px;}
.meeting .partner .ptit{height:auto; overflow:hidden; padding:10px 0 10px 20px; background: url(../images/tbg.png) no-repeat left 15px; text-align: left; font-size:20px; color:#fff; font-weight: bold;}
.meeting .partner .plist{width:105%; height: auto; overflow:hidden; padding:10px 0;}
.meeting .partner .plist li{float: left; height: auto; overflow:hidden;background:#fff; border-radius:4px; margin:0 15px 15px 0;}
.meeting .partner .plist li img{display: block; transition: all 0.6s ease;}
.meeting .partner .plist li a:hover img{transform:scale(1.1);}

/* mdetail */
.mdetail .dlive{width:100%;height: auto;overflow: hidden; border-radius:15px; background:rgba(255,255,255,0.1); margin-top:30px;margin-bottom:30px;}
.mdetail .dlive video{width:100%;}
.mdetail .dlive .live_info{padding:30px; height: auto; overflow:hidden; text-align: left;}
.mdetail .dlive .live_info h3{font-size:20px; color:#fff; margin-bottom:10px;}
.mdetail .dlive .live_info h3 img{vertical-align: middle; float: left; margin:-5px 10px 0 0;}
.mdetail .dlive .live_info h3 strong{font-size:20px; color:#fff;}
.mdetail .dlive .live_info p{padding-left:36px;}
.mdetail .dlive .live_info span{margin-right:20px; font-size:14px; color:#fff;}
.mdetail .dlive .live_info a.rbtn{float: right; height:40px; line-height:40px; display: block; padding:0 20px; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); font-size:14px; color:#fff; border-radius:100px; }
.mdetail .dlive .live_info a:hover{opacity:0.8;}
.mdetail .tab-content{background:rgba(255,255,255,0.1);border-radius:15px; padding:50px 80px;}
.mdetail .dintro{}
.mdetail .dintro p{font-size:16px;color:#fff;text-align: left;line-height:30px; margin:10px 0; text-indent:2em;}
.mdetail .dagenda{height: auto; overflow:hidden;  position: relative;}
.mdetail .dagenda::before{width:2px; height:100%; content:''; display: block;  overflow:hidden; background:-webkit-linear-gradient(top, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); position:absolute; left:9px; top:0; }
.mdetail .dagenda ul{height: auto;overflow:hidden; position: relative; z-index:1;}
.mdetail .dagenda li{margin:40px 0;}
.mdetail .dagenda li em{width:20px;height:20px;background:#fff;border-radius:100%;display:inline-block;float: left;margin-right:20px;}
.mdetail .dagenda li h4{font-size:18px;color:#fff;text-align: left;line-height:30px;margin-right:60px;float: left;}
.mdetail .dagenda li h3{font-size:20px;color:#fff;text-align: left;line-height:30px;margin:0;font-weight:bold;}
.mdetail .dguest{ text-align: center;}
.mdetail .dguest li{width:33%; height: auto;overflow: hidden; display:inline-block; margin:20px 0; text-align:center;}
.mdetail .dguest li .tx{width:180px;height:180px;border-radius:100%; background: url(../images/guestbg.png) no-repeat center top; overflow: hidden; display:block; margin:20px auto;}
.mdetail .dguest li .tx img{width:172px;height:172px; display: block; border-radius:100%; margin:4px auto; transition:all 0.6s ease;}
.mdetail .dguest li h3{font-size:24px;color:#fff;margin:10px 0;}
.mdetail .dguest li p{font-size:16px;color:#FFF;}
.mdetail .dguest li:hover img{transform:scale(1.2);}

/* company */
.company_top{ text-align: left;}
.company_top .container{padding:40px 0;}
.company_top .tl{text-align: left;}
.company_top .tl .img{width:120px; height:120px; overflow:hidden; background:#fff; float:left; margin-right:20px; border-radius:15px; }
.company_top .tl .img img{width:120px; display: block; margin:20px 0; }
.company_top .tl .txt{padding-top:10px;}
.company_top .tl .txt h3{font-size:24px; color:#fff; font-weight: bold; margin-bottom:15px;}
.company_top .tl .txt p{font-size:16px; color:#999; margin-top:15px;}
.company_top .tl .txt p a{color:#999;}
.company_top .tl .txt p a:hover{text-decoration:underline; color:#fff;}
.company_top .tr{float: right; margin:20px 0 0 0;}
.company_top .dropdown .btn{width:230px; height:51px; line-height:50px; overflow:hidden; border-radius:100px; background: url(../images/dropbtnbg.png) no-repeat center top; font-size:20px; color:#fff; padding:0;}
.company_top .dropdown .dropdown-menu{width:100%; height:auto; overflow:hidden; background:rgba(255,255,255,0.1); border-radius:15px;}
.company_top .dropdown .dropdown-menu a{display: block; padding:13px 0; font-size:16px; color:#fff; text-align: center;}
.company_top .dropdown .dropdown-menu a:hover{background:-webkit-linear-gradient(left, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.company .container{background:rgba(255,255,255,0.1); border-radius:15px; padding:50px 80px; text-align: left; margin:0px auto 80px auto;}
.company .tit{font-size:24px;color:#fff;text-align: left; font-weight: bold;}
.company .con{margin:20px 0; font-size:16px; color:#fff; line-height:2;}
.company .con p{text-indent:2em;}
.company .liveb{width:100%; height:auto; overflow:hidden; margin-bottom:50px;}
.company .liveb video{width:100%;}
.company .products{position:relative; margin:10px 0 60px 0;}
.company .plist{height:auto; overflow:hidden; margin:20px -1.5%;}
.company .plist li{width:30%; float: left; margin:20px 1.5%;}
.company .plist .box_img{height:180px; max-height:210px; overflow:hidden; border-radius:15px; }
.company .plist .box_img img{width:100%;height: 100%; display: block; transition: all 0.6s ease; }
.company .plist .box_tit{margin-top:20px; text-align: left;}
.company .plist .box_tit p{font-size: 16px; color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 10px 0; }
.company .plist .box_tit span{display: block; width:100px; height:30px; line-height:30px; overflow:hidden; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); color:#fff; font-size:14px; float: right; text-align:center; border-radius:100px; transition: all 0.6s ease;}
.company .plist a:hover .box_img img{transform: scale(1.1);}
.company .plist a:hover .box_tit span{color:#333;}
.company .products_group {margin-bottom:50px;}
.company .products_group .panel{background:none; border:0; box-shadow:none;}
.company .products_group .panel-heading{padding:0;}
.company .products_group .panel-title a em{float:right; width:24px; height:14px; overflow:hidden; display: block; background: url(../images/icon_arrowdown.png) no-repeat center top; background-size:100% auto; margin:20px 0 0 0; transition:all 0.4s ease-in; transform:rotate(180deg);}
.company .products_group .panel-title a{height:60px; line-height:60px; overflow:hidden; display: block; background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); padding:0 20px; text-align: left; border-radius:15px; transition:all 0.4s ease-in;}
.company .products_group .panel-title a.collapsed em{transform:rotate(0deg);}
.company .products_group .panel-title a.collapsed{background:rgba(0,0,0,0.2);}
.company .products_group .panel-title p{font-size:24px;color:#fff; font-weight: bold;}
.company .products_group .panel-title:active{background:rgba(0,0,0,0.5);}
.company .products_group .panel-body{padding:20px 0;}
.company .stit{height: auto; overflow:hidden; text-align: center; margin:20px 0; padding-bottom:10px; }
.company .stit h2{ font-size:20px; color:#fff; font-weight: bold; display:inline-block; height:50px; line-height:50px; background: url(../images/dropbtnbg.png) no-repeat center top; padding:0 80px;}
.company .svideo{height: auto; overflow:hidden; clear: both;}
.company .svideo video{width:100%; display: block;}
.company .vlist {height: auto; overflow:hidden; background:rgba(0,0,0,0.2); padding:20px; clear: both; margin-bottom:50px; }
.company .vlist li{width:200px; float: left; text-align: left; cursor: pointer; margin-right:20px;}
.company .vlist li .list_img{width:100%; height:auto; overflow: hidden; padding:2px; margin-bottom: 10px;}
.company .vlist li .list_img img{width:100%; display: block;}
.company .vlist li .list_tit{font-size:14px; color: #fff;}
.company .vlist li.active .list_img{background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%);}
.company .scon{height: auto; overflow:hidden; clear: both; text-align:left; font-size:16px; color:#fff; line-height:2; text-indent:2em;}
.company .scon p{font-size:16px; color:#fff; line-height:2; text-indent:2em;}
.company .scon img{width:100%; display: block; margin:20px 0;}
.company .message{margin-top:30px;}
.company .message_form{width:100%; text-align:center;}
.company .message_form textarea{width:100%; min-height:200px; border:2px #ccc solid; border-radius:15px; margin-bottom:40px; padding:20px; font-size:16px; line-height:2;}
.company .message_form button{width:200px; height:60px;line-height:60px; border:0;background:-webkit-linear-gradient(-18deg, #f731c8 0%,#5e37e3 50%,#16d7fa 100%); border-radius:100px; font-size:18px; color:#fff; margin-left:20px;}
.company .message_form button:hover{opacity:0.8;}

/* offline */
.offline .container{background:rgba(255,255,255,0.1); border-radius:15px; padding:50px 80px; text-align: left; margin:50px auto 80px auto;}
.offline .off_tit{width:230px; height:50px; line-height:50px; background: url(../images/dropbtnbg.png) no-repeat center top; text-align:center; font-size:24px; color:#fff; margin:50px auto;}
.offline .off_con {text-align: center; font-size:18px; color:#fff; line-height:2;}
.offline .off_con img{display:block; margin:20px auto;}

@media screen and (min-width:1000px){.container {max-width: 1200px;}  }
@media screen and (max-width:1000px){.home{background:url(../images/wap-index.jpg) no-repeat center top;}.about{padding-top:1.5rem;}.about .pagebox1 {margin:0 0.75rem;}.about .pagebox1 .right{width:30%;}.about .pagebox1 .left{width:60%;}.process{padding-top:1.5rem;}.process .pagebox2 li{margin:0 1.5% 9.5% 1.5%;}.process .pagebox1 .conimg{width:80%;margin:0 auto;}.job{padding-top:1.5rem;}.menu .logo img{margin-top:15px;}.home{width:100%; height:100%;background-size:auto 100%;}.home .home_tit{width:80%; max-width:750px;position: absolute;top:40%;left:15%;}.footer{}.floatRightPanel{display: none;}}

.container {width:100%;padding:0;margin-right: auto;margin-left: auto;position: relative;}

.error {color:red;}