@import url("animate.css");
@import url("reset.css");
@import url("liMarquee.css");

/*common*/
td{word-break: normal !important;}
p{word-wrap:normal; text-align: left;}
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.header{
	position: relative;
	z-index: 2;
	
	background-color: #fff;
}
.idx_head .header{border-bottom: 2px solid #437bd2;}
.header .w1200{
	position: relative;
	margin: 0 auto;
	width: 1200px;
	line-height: 120px;
}
.header .logo{
	float: left;
}
.header nav{
	position: relative;
	float: right;
	/* width: 800px; */
}
.header nav .bor{
	position: absolute;
	bottom: 0;
	height: 4px;
	background-color: #0078d3;
}
.header nav li {
	position: relative;
	float: left;
	margin-right: 20px;
}

.header nav li .sbox{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	overflow: hidden;

	/* transition-duration: .5s;
	-webkit-transition-duration: .5s; */
}
.header nav li .box {
	width: 800px;
	padding: 30px 0;
	line-height: 32px;
	overflow: hidden;
	opacity: 0;
	-webkit-animation: fadeIn .5s 1 forwards linear 0.5s;
	animation: fadeIn .5s 1 forwards linear 0.5s;
}
body.body_ie .header nav li .box {
	opacity: 1;
}

.header nav li .box a {
	float: left;
	margin-right: 20px;
	font-size: 14px;
	color: #666;
	font-family: 'GOTHICB';
}
.header nav li .box .li {
	float: left;
	line-height: 16px;
	margin-right: 45px;
}
.header nav li .box .li a {
	float: none;
	margin-bottom: 19px;
}
/*.header nav li:hover .sbox{
	height: 92px;
}
.header nav li:first-child:hover .sbox{
	height: 156px;
}*/

.header nav li:last-of-type{
	margin-right: 0;
}

.header nav li a{
	color: #333;
	font-family: 'GOTHICB';
}
.header nav li.on >a,.header nav li >a:hover{
	color: #0078d3;
}
.header nav .box a{position: relative;}
.header nav .box a:after{
	content:'';
	position: absolute;
	bottom: -5px;
	left: 0;
	height: 4px;
	background-color: #0078d3;
	opacity: .17;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;}
.header nav .box a.act:after,.header nav .box a:hover:after{width: 110%;}
.header nav .box a span{position: relative;z-index: 1;}

.header .aside{
	position: absolute;
	left: 100%;
	top: 0;
	padding-left: 34px;
	width: 134px;
	height: 120px;
}
.header .aside >a,.header .aside >div{
	float: left;
	height: 100%;
}
.header .aside .searchBox{
	margin: 0 14px;
	cursor: pointer;
}
.header .aside .lang{
	font-size: 18px;
	font-family: 'GOTHIC';
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	line-height: 122px;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}
.header .aside .lang:hover{
	color: #0078d3;
}

.navWrapper{
	position: fixed;
	top: 120px;
	left: 50%;
	width: 100%;
	height: 0;
	max-width: 1920px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: url(../images/head.jpg) no-repeat right center;
	background-size: cover;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.navWrapper.on{
	height: 92px;
}
.navWrapper.on1{
	height: 188px;
}

footer{
	padding-top: 64px;
	height: 276px;
	color: #fff;
	line-height: 26px;
	background-color: #1a1a1a;
	font-family: 'GOTHIC';
}
footer .fr{
	width: 486px;
}
footer .fr .sign_box{
	margin-top: 12px;
	height: 66px;
	line-height: 66px;
	color: #333;
	background-color: #fff;
}
footer .fr input{
	float: left;
	padding: 21px 20px;
	width: 360px;
	font-family: 'GOTHIC';
}
footer .fr button{
	position: relative;
	float: right;
	padding: 21px 0;
	width: 104px;
	text-align: center;
	font-family: 'GOTHICB';
}

footer .fr button:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 2px;
	height: 14px;
	background-color: #000;
	margin-top: -7px;
}

.main{
	margin-top: 120px;
}

.index .banner {
  margin-top: 100px;
  width: 100%;
  max-width: 2200px;
  height: 890px;
  overflow: hidden;
  position: relative;
}

.index .banner .bd ul li {
  position: relative;
  width: 100%;
  max-width: 2200px;
  height: 1474px;
}

.index .banner .bd ul li .img {
  height: 100%;
  background: no-repeat center;
  background-size: cover;
}


.index .banner .bd ul li .img .txt1 {
  position: fixed;
  top: 50%;
  margin-top: -82px;
  font-size: 72px;
  line-height: 82px;
  color: #fff;
  font-family: 'GOTHICB';
  text-transform: uppercase;
}

.index .banner .bd ul li .img .txt1.on {
  position: absolute;
  top: 0;
  margin-top: 100px;
}

.index .banner .bd ul li .img .txt2 {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 630px;
  margin-top: 382px;
}
.index .banner .bd ul li .img .txt02 {
  margin-top: -200px;
}
.index .banner .bd ul li .img .txt1.txt02.on {
  margin-top: -150px;
}

.index .banner .hd{
    position: absolute;
   bottom: 50px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 80;
    text-align: center;
}
.index .banner .hd.on{
    position: absolute;
    
}
.index .banner .hd li {
  display: inline-block;
  width: 22px;
  height: 4px;
  background-color: #fff;
  margin-left: 10px;
  transition: all 0.5s;
}
.index .banner .hd li.on {
  background-color: #0078d3;
}

.idx_news .comH2{margin-bottom: 40px;}

.index .entry{
	padding: 80px 0 60px;
}
.index .entry a{
	float: left;
	position: relative;
	margin-left: 22px;
	width: 385px;
	height: 136px;
	line-height: 136px;
	text-align: center;
	font-size: 22px;
	color: #333;
	font-family: 'GOTHICB';
	box-shadow: 0 0 30px 1px rgba(0,0,0,.1);
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.index .entry a:nth-child(3):hover{
	color: #333;
	background-color: #fff;
}
.index .entry a:nth-child(3):hover .ico3{
	background-image: url(../images/idx/entry3.png);
}
.index .entry a:nth-child(3):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .8;
}
.index .entry a span{
	display: inline-block;
	margin-right: 20px;
	width: 35px;
	height: 35px;
	background: no-repeat center;
	vertical-align: middle;
}
.index .entry a .ico1{
	background-image: url(../images/idx/entry1.png);
}
.index .entry a .ico2{
	background-image: url(../images/idx/entry2.png);
}
.index .entry a .ico3{
	background-image: url(../images/idx/entry3.png);
}
.index .entry a:hover{
	background-color: #0078d3;
	color: #fff;
}

.index .entry a:hover .ico1{
	background-image: url(../images/idx/entry1_on.png);
}
.index .entry a:hover .ico2{
	background-image: url(../images/idx/entry2_on.png);
}
.index .entry a:hover .ico3{
	background-image: url(../images/idx/entry3_on.png);
}

.index .entry a:first-child{
	margin-left: 1px;
}
.index .entry a img{
	vertical-align: middle;
}


.index .comH2{
	position: relative;
	padding-bottom: 20px;
	font-size: 40px;
	line-height: 40px;
	color: #0078d3;
	font-family: 'GOTHICB';
	text-transform: uppercase;
	text-align: center;
}
.index .comH2:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 4px;
	background-color: #0078d3;
}

.index .news_top{
	padding-bottom: 140px;
}
.index .news_top a{
	padding-bottom: 40px;
}
.index .news_top a .cont{
	height: 473px;
}

.index .news_top .hd{
	bottom: 140px;
	left: 0;
	transform: none;
	z-index: 2;
}
.index .news_top .hd li:first-child{
	margin-left: 0;
}

.index .forum{
	padding-top: 100px;
	height: 790px;
	background-color: #eee;
}
.index .forum .comH2{
	margin-bottom: 40px;
}

.index .forum .side03 {
	position: relative;
	z-index: 2;
	margin-top: 42px;
}
.index .forum .side03 .bd {
	overflow: hidden;
	width: 1214px;
}
.index .forum .side03 .tempWrap {
	width: 1200px !important;
}
.index .forum .side03 .item {
	float: left; 
	width: 390px;
	height: 498px;
	margin-right: 14px;
	position: relative;
}
.index .forum .side03 .hd{
	position: absolute;
	bottom: -40px;
	left: 0;
	font-size: 0;
	text-align: center;
	line-height: 4px;
	width: 100%;
}
.index .forum .side03 .hd li{
	float: none;
	display: inline-block;
	margin: 0 5px;
	width: 22px;
	height: 4px;
	background-color: #999;
	cursor: pointer;
}
.index .forum .side03 .hd li.on{
	background-color: #0078d3;
}
.index .forum .side03 .btn {
	display: none;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: #ffffff;
	border-radius: 50%;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	border: 4px solid #bfcedc;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.index .forum .side03 .next {
	right: -105px;
	background-position: -72px -68px;
}
.index .forum .side03 .prev {
	left: -105px;
	background-position: -2px -2px;
}
.index .forum .side03 .btn:hover {
	border: 4px solid #ffb675;
}
.index .forum .side03 .prev:hover {
	background-position: -72px -2px;
}
.index .forum .side03 .next:hover {
	background-position: -1px -67px;
}



.index .forum .item .img{
	height: 408px;
	overflow: hidden;
}
.index .forum .item .img img{width: 100%; transition-duration: .5s;-webkit-transition-duration: .5s;}
.index .forum .item:hover .img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.index .forum .item .cont{
	position: absolute;
	bottom: 0;
	left: 20px;
	padding: 30px 24px 0;
	width: 350px;
	height: 180px;
	background-color: #fff;
	font-family: 'GOTHICB';
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.index .forum .item:hover .cont{
	background-color: #0078d3;
}
.index .forum .item .name{
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 32px;
	color: #333;
}
.index .forum .item p{
	font-size: 16px;
	line-height: 22px;
	color: #666;
}
.index .forum .item:hover .name,.index .forum .item:hover p{color: #fff;}

.index .facts{
	padding-top: 100px;
	height: 586px;
}
.index .facts .comH2{
	margin-bottom: 50px;
}

.index .facts li{
	float: left;
	margin-left: 31px;
	width: 276px;
	height: 276px;
	line-height: 276px;
	text-align: center;
	border: 1px solid #cfcfcf;
	border-radius: 50%;
	font-size: 16px;
	color: #333;
	font-family: 'GOTHICB';
}
.index .facts li:first-child{
	margin-left: 0;
}
.index .facts li .wrap{
	display: inline-block;
	line-height: 36px;
	vertical-align: middle;
}
.index .facts li span{
	display: block;
	color: #0078d3;
	font-size: 50px;
	line-height: 50px;
	font-family: 'GOTHIC';
}

.index .logos{
	min-height: 368px;
	padding-top: 70px;
	background-color: #0078d3;
}

.index .logos .comH2{
	color: rgba(255,255,255,.5);
	font-size: 32px;
}
.index .logos .comH2:after{
	background-color: rgba(255,255,255,.5);
}
.index .logos .logoList{
	width: 1200px;
	margin-top: 40px;
	height: 120px!important;
	line-height: 120px;
	background: none;
	font-size: 0;
	overflow: hidden;
}
.index .logos .logoList .str_move{
	box-sizing: initial;
}
.index .logos .logoList img{
	margin: 0 13px;
}

/* inner */
.inner_ban{
	margin-top: 120px;
	height: 480px;
	line-height: 480px;
	background: no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}
.inner_ban .w1200{
	height: 100%;
	line-height: 480px;
}
.inner_ban h2{
	display: inline-block;
	font-size: 54px;
	line-height: 60px;
	font-family: 'GOTHICB';
	color: #0078d3;
	vertical-align: middle;
	text-transform: uppercase;
}
.sub_nav{
	line-height: 94px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color: #333;
	font-family: 'GOTHICB';
	text-transform: uppercase;
}
.sub_nav .nav{
	float: right;
	position: relative;
}
.sub_nav li{
	float: left;
	margin-right: 28px;
}
.sub_nav li:last-of-type{
	margin-right: 0;
}
.sub_nav li.on{
	color: #0078d3;
}
.sub_nav .nav .bor{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 42px;
	height: 5px;
	background-color: #0078d3;
	opacity: .11;
}



/*news*/
.news{
	padding-top: 40px;
}
.news_top{
	position: relative;
	/*margin-top: 40px;*/
	padding-bottom: 80px;
}
.news_top .hd{
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0;
	text-align: center;
	line-height: 4px;
}

.news_top .hd li{
	display: inline-block;
	margin: 0 5px;
	width: 22px;
	height: 4px;
	background-color: #999;
	cursor: pointer;
}

.news_top .hd li.on{
	background-color: #0078d3;
}

.news_top a{
	display: block;
	position: relative;
	overflow: hidden;
	font-family: 'GOTHICB';
}
.news_top  a .cont{
	float: left;
	width: 710px;
	height: 512px;
	background-color: #eee;
}
.news_top  a .box{
	padding: 70px 50px 0;
	width: 403px;
}
.news_top  a .img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 794px;
	height: 472px;
	overflow: hidden;
}
.news_top  a .img img{
	width: 100%;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.news_top  a:hover .img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.news_top  a h4{
	font-size: 32px;
	color: #333;
	line-height: 36px;
	text-transform: uppercase;
}
.news_top  a .des{
	margin-top: 24px;
	font-size: 16px;
	line-height: 22px;
	color: #666;
}

.news_top  a .btn{
	display: block;
	margin-top: 36px;
	width: 130px;
	height: 60px;
	line-height: 56px;
	text-align: center;
	color: #0078d3;
	border: 2px solid #0078d3;
	text-transform: uppercase;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.news_top  a .btn:hover{
	color: #fff;
	background-color: #0078d3;
}
.newsList a{
	position: relative;
	display: block;
	margin-bottom: 40px;
	padding-top: 40px;
}
.newsList a .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 402px;
	max-height: 268px;
	overflow: hidden;
	z-index: 2;
}
.newsList a .img img{
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.newsList a:hover .img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.newsList a .cont{
	position: relative;
	margin-left: 22px;
	padding-top: 36px;
	padding-right: 48px;
	padding-left: 420px;
	width: 1178px;
	height: 284px;
	border: 2px solid #797979;
}
.newsList a h4{
	font-size: 22px;
	color: #333;
	line-height: 40px;
	font-family: 'GOTHICB';
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsList a .des{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
	margin-top: 20px;
	font-size: 16px;
	color: #666;
	line-height: 22px;
	font-family: 'GOTHICB';
}
.newsList a .date{
	position: absolute;
	top: 170px;
	left: 420px;
	font-size: 16px;
	color: #666;
	line-height: 22px;
	font-family: 'GOTHICB';
}
.newsList a .arrow{
	position: absolute;
	top: 168px;
	right: 50px;
}

.paging ul:nth-child(2){
	display: none;
}
.paging{margin-bottom: 36px; text-align: center;font-size: 0;}
.paging ul:first-child{
	overflow: hidden;
	display: inline-block;
}
.paging ul:first-child li{
	float: left;
	margin-left: 1px;
	width: 60px;
	height: 55px;
	line-height: 55px;
	background-color: #eee;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	color: #ccc;
	font-family: 'GOTHICB';
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.paging ul:first-child li:hover{
	background-color: #0078d3;
	color: #fff;
}
.paging ul:first-child li.paging-selecte{
	color: #0078d3;
}
.paging ul:first-child li.prev{
	background: #eee url(../images/arrow_btn_left.png) no-repeat center;
}
.paging ul:first-child li.prev:hover{
	background: #0078d3 url(../images/arrow_btn_left_on.png) no-repeat center;
}
.paging ul:first-child li.next{
	background: #eee url(../images/arrow_btn_right.png) no-repeat center;
}
.paging ul:first-child li.next:hover{
	background: #0078d3 url(../images/arrow_btn_right_on.png) no-repeat center;
}

/* news detail*/

.news_d .title {
    padding-bottom: 22px;
    border-bottom: 2px solid #76ab7c;
    margin-bottom: 30px;
}
.news_d p{
	margin-bottom: 15px;
	color: #999;
	line-height: 1.4;
}
.news_d .title .date {
    color: #0087d5;
    font: 30px/1 'en';
    line-height: 1;
    margin-bottom: 14px;
    font-weight: bold;
    letter-spacing: -2px;
}
.news_d .title .name {
    color: #007ec8;
    font-size: 26px;
    min-height: 60px;
    margin-bottom: 10px;
    line-height: 30px;
}
.news_d .title .bit:after {
    content: "";
    display: block;
    clear: both;
}
.news_d .title .bit .soi {
    float: left;
}
.news_d .title .bit .soi li {
    display: inline-block;
    color: #909ca2;
    margin-right: 14px;
}
.news_d .title .bit .soi li em {
    font-family: 'en';
}
.news_d .title .bit .set-fontSize {
    float: right;
}
.news_d .title .bit .set-fontSize em {
    color: #909ca2;
    vertical-align: middle;
    margin-right: 5px;
}
.news_d .title .bit .set-fontSize .ts {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.news_d .title .bit .set-fontSize .tx {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.news_d .Cont span,
.news3_d .wrapper .detailed .Cont p {
    color: #5f5e5e;
    color: rgba(95, 94, 94, .8);
    line-height: 1.72;
}
.news_d .Cont span {
    font-size: inherit !important;
}
.news_d .skd-btn {
    width: 400px;
    height: 60px;
    margin: 40px auto;
    border: 2px solid #d3d7d9;
}
.news_d .skd-btn a {
    float: left;
    width: 33.3333%;
    height: 56px;
    box-sizing: border-box;
    background-image: url(../images/news/ico6.png);
    line-height: 56px;
    background-repeat: no-repeat;
    position: relative;
    color: #9b9894;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.news_d .skd-btn a:hover {
    background-image: url(../images/news/ico7.png);
    color: #007ec8;
}
.news_d .skd-btn .prev {
    background-position: left center;
    padding-left: 56px;
}
.news_d .skd-btn .prev:before {
    content: '';
    width: 0;
    height: 26px;
    border-left: 2px solid #d3d7d9;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.news_d .skd-btn .next {
    background-position: -130px center;
    padding-left: 30px;
}
.news_d .skd-btn .return {
    background-position: -260px center;
    border-left: 2px solid #d3d7d9;
}

.c_h2{
	position: relative;
	padding-bottom: 10px;
	font-size: 30px;
	color: #0078d3;
	font-family: 'GOTHICB';
	text-transform: uppercase;
	line-height: 40px;
}
.c_h2:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 4px;
	background-color: #0078d3;
}
.exhibitor{
	padding-top: 90px;
}
.exhibitor .description{
	padding-bottom: 60px;
}
.exhibitor .description .c_h2{
	margin-bottom: 36px;
}
.exhibitor .description p{
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	font-family: 'GOTHIC';
}
.exhibitor .testimonials{
	padding-top: 70px;
	padding-bottom: 84px;
	background-color: #0078d3;
}
.exhibitor .testimonials .c_h2{
	color: #fff;
}
.exhibitor .testimonials .c_h2:after{
	background-color: #fff;
}
.exhibitor .testimonials .more{
	display: block;
	margin: 40px auto 0;
	width: 90px;
}
.exhibitor .testimonials ul{
	margin-top: 64px;
}

/* activities */
.forum.inner .dec{
	padding-top: 50px;
	padding-bottom: 130px;
	background: url(../images/activities/marks.png) no-repeat center 242px;
}

.forum.inner .dec .txt{
	position: relative;
	margin: 0 auto;
	padding-left: 136px;
	width: 836px;
}

.forum.inner .dec .txt h2:before{
	content: '';
	position: absolute;
	top: 10px;
	left: -140px;
	width: 100px;
	height: 4px;
	background-color: #333;
}

.forum.inner .dec h2{
	position: relative;
	margin-bottom: 16px;
	font-size: 30px;
	line-height: 40px;
	color: #333;
	font-family: 'GOTHICB';
}
.forum.inner .dec .abt{
	margin-bottom: 28px;
	font-size: 16px;
	color: #666;
	line-height: 26px;
	font-family: 'GOTHIC';
}
.forum.inner .dec .slogan{
	font-size: 30px;
	line-height: 36px;
	color: #0078d3;
	font-family: 'GOTHIC';
	text-transform: uppercase;
}

.forum.inner .tab{
	margin-bottom: 20px;
	height: 260px;
	line-height: 260px;
	border: 1px solid #e0e0e0;
}
.forum.inner .tab a{
	position: relative;
	float: left;
	width: 492px;
	height: 260px;
	text-align: center;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	background:  no-repeat 88px center;
}
.forum.inner .tab a:first-child:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 47px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background-color: #333;
}

.forum.inner .tab a.on{
	text-align: right;
	padding-right: 92px;
	width: 706px;
	background-image: url(../images/activities/ico.png);
}

.forum.inner .tab .txt{
	display: inline-block;
	text-align: left;
	font-size: 22px;
	line-height: 30px;
	font-family: 'GOTHICB';
	vertical-align: middle;
}
.forum.inner .toggleBox{
	padding-bottom: 70px;
}
.forum.inner .toggleBox .box{
	display: none;
}
.forum.inner .toggleBox .box:first-child{
	display: block;
}
.forum.inner .toggleBox .item{
	overflow: hidden;
	margin-bottom: 10px;
}
.forum.inner .toggleBox .date{
	float: left;
	margin-right: 10px;
	width: 272px;
	height: 432px;
	line-height: 432px;
	background-color: #0078d3;
	text-align: center;
	font-family: 'DIN-Light';
	color: #fff;
	font-size: 46px;
}



.forum.inner .toggleBox .txt{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 70px;
}

.forum.inner .toggleBox .date .txt:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	border-bottom: 1px dashed #fff;
}
.forum.inner .toggleBox .esItem .date{
	height: 185px;
	line-height: 185px;
	background: none;
	color: #ff9000;
}
.forum.inner .toggleBox .esItem .date .txt:after{
	background-color: #ff9000;
}

.forum.inner .toggleBox .content{
	float: left;
	padding-left: 56px;
	padding-right: 44px;
	width: 916px;
	height: 432px;
	line-height: 432px;
	border: 1px solid #e0e0e0;
	font-family: 'GOTHICB';
}

.forum.inner .toggleBox .esItem .content{
	padding-left: 56px;
	height: 185px;
	line-height: 185px;
	font-size: 22px;
	color: #ff9000;
	border: none;
}
.forum.inner .toggleBox .esItem .content .des{
	color: #ff9000;
}

.forum.inner .toggleBox .esItem .content img{
	margin-top: -10px;
	margin-left: 20px;
}

.forum.inner .toggleBox .name{
	font-size: 22px;
	line-height: 36px;
	color: #666;
	text-transform: uppercase;
}

.forum.inner .toggleBox .des{
	margin-top: 10px;
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-family: 'GOTHIC';
	font-weight: bold;
}
.forum.inner .toggleBox li{
	position: relative;
	margin-top: 14px;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-family: 'GOTHIC';
}
.forum.inner .toggleBox li:first-child{
	margin-top: 0;
}
.forum.inner .toggleBox li:before{
	content: '';
	position: absolute;
	top: 12px;
	left: -16px;
	width: 6px;
	height: 2px;
	background-color: #333;
}

.speakers{
	padding-top: 40px;
	padding-bottom: 100px;
}
.speakers .c_h2{
	width: 166px;
	margin: 0 auto 40px;
}
.speakers .speakersList li{
	margin-bottom: 20px;
	overflow: hidden;
}
.speakers li .img{
	float: left;
	width: 320px;
	height: 300px;
	overflow: hidden;
}
.speakers li .img img{
	width: 100%;
}
.speakers li .cont{
	float: right;
	padding: 0 40px;
	width: 880px;
	height: 300px;
	line-height: 300px;
	background-color: #eee;
	font-family: 'GOTHICB';
}
.speakers li .cont .txt{
	display: inline-block;
	line-height: 80px;
	vertical-align: middle;
}
.speakers li .cont .name{
	line-height: 36px;
	color: #333;
	text-transform: uppercase;
}
.speakers li .cont p{
	font-size: 16px;
	line-height: 22px;
	color: #666;
}
.speakers .paging{
	margin-top: 40px;
	margin-bottom: 0;
}

.brochure{
	padding-top: 40px;
	overflow: hidden;
}
.brochure .w1200>img{
	float: left;
	margin-right: 21px;
}

.brochure .w1200 a{
	float: left;
	width: 558px;
}

.imagesNews{
	padding-top: 40px;
}
.imagesList{
	padding-bottom: 40px;
}
.imagesList .top{
	margin-bottom: 20px;
	overflow: hidden;
}
.imagesList .top .img{
	float: left;
	width: 802px;
}
.imagesList .top .cont{
	float: left;
	padding: 0 20px;
	width: 398px;
	height: 460px;
	line-height: 460px;
	background-color: #eee;
}
.imagesList .top .txt{
	display: inline-block;
	line-height: 40px;
	font-size: 30px;
	color: #0078d3;
	vertical-align: middle;
	text-align: justify;
	font-family: 'GOTHICB';
}
.imagesList .paging{
	margin-bottom: -10px;
}
.imagesList li{
	float: left;
	margin-left: 10px;
	width: 393px;
}
.imagesList li:first-child{
	margin-left: 0;
}
.imagesList li a{
	display: block;
}
.imagesList li .img{overflow: hidden;height: 244px;}
.imagesList li img{
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.imagesList li .cont{
	padding: 0 20px;
	font-size: 22px;
	color: #333;
	line-height: 170px;
	height: 170px;
	background-color: #eee;
}
.imagesList li .cont h4{
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	font-family: 'GOTHICB';
}
.imagesList .paging{
	margin-top: 40px;
}
.imagesList li a:hover .img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.imagesList li a:hover .cont{
	color: #0078d3;
}
.logo_load{
	padding: 40px 0;
}
.logo_load .w1200>img{
	float: left;
	width: 876px;
}
.logo_load a{
	float: left;
	margin-left: 10px;
	width: 313px;
}

/* 6.21 */
.pages_nav {
	height: 70px;
	line-height: 40px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color: #333;
	font-family: 'GOTHICB';
	text-transform: uppercase;
	overflow: hidden;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	padding-top: 15px;
}
.pages_nav .w1200 {
	position: relative;
	height: 100%;
}
.pages_nav a {
	float: left;
	margin-right: 28px;
}
.pages_nav a:hover,
.pages_nav a.on {
	color: #0078d3;
}
.pages_nav .nav_btn {
	width: 39px;
	height: 70px;
	background: url(../images/about/ico1.png) no-repeat center;
	position: absolute;
	right: 0;
	top: -15px;
	cursor: pointer;
}
.pages_nav.pages_open {
	height: 147px;
	-webkit-transition: height 0.45s ;
  transition: height 0.45s;
}
/* about */
.about {
	font-family: 'GOTHICB';
}
.about .con01 {
	padding: 85px 0 55px;
}
.about .title {
	font-size: 30px;
	color: #0078d3;
	line-height: 40px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.about .title:before {
	content: '';
	width: 100px;
	height: 4px;
	background-color: #0078d3;
	position: absolute;
	left: 0;
	bottom: 0;
}
.about .con01 .text p {
	font-family: 'GOTHIC';
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	margin-bottom: 14px;
	text-align: left;
}
.about .con03 {
	padding-top: 90px;
	background-color: #0078d3;
}
.about .list {
	overflow: hidden;
}
.about .list .li {
	overflow: hidden;
	margin-bottom: 145px;
}
.about .list .li .ico {
	float: left;
	width: 177px;
	padding-top: 10px;
}
.about .list .li .text {
	float: left;
	width: 775px;
}
.about .list .li .text h3 {
	font-size: 22px;
	line-height: 36px;
	color: #0078d3;
	text-transform: uppercase;
}
.about .list .li .text h4 em {
	font-family: 'GOTHICB';
	color: #0078d3;
}
.about .list .li .text h4 {
	font-family: 'GOTHIC';
	font-size: 22px;
	color: #333333;
	line-height: 30px;
}
.about .list .li .text p {
	font-family: 'GOTHIC';
	font-size: 16px;
	color: #333333;
	line-height: 26px;
}
.about .con03 .list .li .text h3 {
	color: #fff;
}
.about .con03 .list .li .text p {
	color: #fff;
}
.about .con04 {
	padding-top: 90px;
}
.about .con04 .text ul {
	overflow: hidden;
}
.about .con04 .text li {
	float: left;
	margin-right: 50px;
	margin-bottom: 40px;
}
.about .con04 .list .li .text li h3 {
	font-family: 'GOTHIC';
	font-size: 22px;
	color: #333333;
	line-height: 36px;
	height: 90px;
}
.about .con04 .list .li {
	margin-bottom: 80px;
}
.about .con04 .list .li .text {
	width: 952px;
}
.about .con04 .list .li .text h3 {
	font-size: 30px;
	margin-bottom: 30px;
}
.about .con05 {
	width: 100%;
	display: inline-block;
	margin-bottom: 136px;
}
.about .con05 .pro_box {
	float: left;
	width: 177px;
}
.about .con05 .pro_box .name {
	font-size: 22px;
	color: #333333;
	font-family: 'GOTHIC';
	padding-bottom: 6px;
	margin-bottom: 18px;
	cursor: pointer;
	display: inline-block;
	line-height: 26px;
}
.about .con05 .pro_box .on .name {
	font-size: 30px;
	color: #0078d3;
	font-family: 'GOTHICB';
	border-bottom: 3px solid #0078d3;
	line-height: 30px;
}
.about .con05 .fr {
	float: left;
	width: 952px;
}
.about .con05 .fr .bd {
	margin-bottom: 34px;
}
.about .con05 .fr p {
	font-family: 'GOTHIC';
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}
.about .con05 .box {
	animation: fadeInUp .5s linear forwards;
	-webkit-animation: fadeInUp .5s linear forwards;
}
.about .con06 {
	padding-top: 100px;
	background-color: #0078d3;
	background-color: rgba(0,120,211,.2);
}
.about .con06 .list .li {
	margin-bottom: 98px;
}
.about .con06 .list .li .text h3 {
	line-height: 30px;
	margin-bottom: 9px;
}
/* about2 */
.about2 .con01 {
	margin: 80px 0 100px;
}
.con02_side {
	position: relative;
	z-index: 2;
}
.con02_side .bd {
	overflow: hidden;
	width: 1219px;
}
.con02_side .tempWrap {
	width: 1200px !important;
}
.con02_side .item {
	float: left; 
	width: 387px;
	height: 374px;
	margin-right: 19px;
	background-color: #fff;
	overflow: hidden;
}
.con02_side .item .detailed {
	/* padding: 70px 20px 30px 50px; */
	padding: 40px 20px 30px 40px;
}
.con02_side .item h3 {
	font-family: 'GOTHICB';
	font-size: 30px;
	color: #0078d3;
	line-height: 40px;
	text-transform: uppercase;
}
.con02_side .item p {
	font-family: 'GOTHIC';
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	position: relative;
	padding-left: 15px;
	text-align: left;
}
.con02_side .item p:before {
	content: '';
	width: 6px;
	height: 2px;
	background-color: #333333;
	position: absolute;
	left: 0;
	top: 13px;
}
.con02_side .hd {
	width: 1200px;
	height: 0;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	z-index: 99;
	text-align: center;
}
.con02_side .hd ul li.on {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
}
.con02_side .hd ul li {
	display: inline-block;
	margin: 0 5px;
	width: 22px;
	height: 4px;
	background-color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: pointer;
}
.about2 .con02 {
	background-color: #0078d3;
	padding: 100px 0 95px;
}
.con02_side.two .bd {
	text-align: center;
}
.con02_side.two .item {
	float: none;
	display: inline-block;
	font-size: 0;
}
.con02_side.two .item h3 {
	text-align: left;
}
/* about4 */
.about4 .con01 .li .c_h2{
	color: #fefefe;
	width: 166px;
	margin: 0 auto 40px;
}
.about4 .con01 .li .c_h2::after{
	background-color: #fefefe;
}
.about4 .con01 .li {
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	padding-top: 100px;
}
.about4 .con01 .li:first-child{
	padding-top: 100px;
}
.about4 .con01 .li .text {
	float: left;
}
.about4 .con01 .li .text h3 {
	font-family: 'GOTHICB';
	font-size: 42px;
	color: #ffffff;
	line-height: 36px;
	text-transform: uppercase;
}
.about4 .con01 .li .text h3.num {
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	-ms-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
	font-size: 80px;
	line-height: 1;
	font-family: 'GOTHICB';
}
.about4 .con01 .li .img {
	width: 100%;
	background-color: #fff;
	text-align: center;
	padding: 88px 50px 46px;
	/* width: 1020px; */
	/* float: right; */
}

.news .title h3.cn {
	font-size: 20px;
	color: #217680;
	line-height: 24px;
}
.news .title h3.en {
	font-family: 'GOTHICB';
	font-size: 26px;
	color: #0078d3;
	line-height: 30px;
	text-transform: uppercase;
}
.news .box {
	margin: 50px 0;
}
.news .box .h4{
	font-size: 18px;
	color: #58585e;
	line-height: 30px;
	padding: 0 0 20px 0;
	border-bottom: 2px solid #f2f2f2;
}
.news .box .h4 strong{
	font-size: 30px; 
	color:#fecd22;
	display: inline-block;
	font-family: 'GOTHICB';
}
.news .box .h4 em{
	color:#0078d3; 
	display: inline-block;
	font-family: 'GOTHIC';
}




/* 9/1 */
.page_ban {
	width: 100%;
	height: 457px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.page_ban .content {
	position: relative;
	height: 100%;
}
.page_ban .content .detailed {
	padding-top: 310px;
	position: relative;
	z-index: 2;
	text-align: right;
}
.page_ban .content .detailed .en {
	font-family: 'en';
	font-size: 36px;
	color: #075fd6;
	line-height: 30px;
	text-transform: uppercase;
	margin-bottom: 15px;
	position: relative;
	letter-spacing: -2px;
	font-weight: bold;
}
.page_ban .content .detailed .en em {
	display: inline-block;
}
.page_ban .content .detailed .en:before {
	content: '';
	width: 22px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	top: -18px;
	right: 0;
	transition: width .5s ease-out;
	-webkit-transition: width .5s ease-out;
}
.page_ban:hover .content .detailed .en:before {
	width: 34px;
}
.page_ban .content .detailed .cn {
	font-size: 34px;
	color: #ffffff;
	font-weight: lighter;
	line-height: 1;
	font-family: 'en';
	font-weight: bold;
	text-transform: uppercase;
}





/* online_exhibition */
.online_exhibition .con01 {
	width: 100%;
	height: 100%;
	background: url(../images/online_exhibition/ico46.jpg) no-repeat center;
	background-size: cover;
}
.online_exhibition .con01 .content {
	height: 100%;
	position: relative;
	padding-top: 126px;
}
.online_exhibition .title {
	position: absolute;
	top: 22%;
	left: 0;
	z-index: 9;
}
.online_exhibition .title .en {
	font-family: 'en';
	font-size: 54px;
	color: #fff;
	line-height: 50px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: -3px;
	position: relative;
	left: -3px;
}
.online_exhibition .title .en em {
	font-weight: bold;
	display: block;
}
.online_exhibition .title .cn {
	font-size: 22px;
	color: #ffffff;
	line-height: 44px;
}
.online_exhibition .title a {
	font-size: 20px;
	color: #8eb3ff;
	padding-right: 20px;
	background: url(../images/online_exhibition/ico69.png) no-repeat right center;
	display: inline-block;
	margin-top: 20px;
}
.online_exhibition .title a:hover {
	color: #e7ee75;
	background: url(../images/online_exhibition/ico69_on.png) no-repeat right center;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
	-o-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
	transition: all cubic-bezier(.4, 0, .2, 1) .6s;
}
.online_exhibition .con01 .list {
	height: 100%;
	padding-left: 204px;
	padding-top: 14%;
	margin: 0 -15px;
	position: relative;
}
.online_exhibition .con01 .list .li_line01 {
	position: absolute;
	left: 545px;
	top: 100%;
	bottom: 100%;
	width: 2px;
	background-color: #fff;
	background-color: rgba(255,255,255, .2);
	-webkit-transition-property: top,bottom;
	transition-property: top,bottom;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.online_exhibition .con01 .list .li_line02 {
	position: absolute;
	left: 887px;
	top: 100%;
	bottom: 100%;
	width: 2px;
	background-color: #fff;
	background-color: rgba(255,255,255, .2);
	-webkit-transition-property: top,bottom;
	transition-property: top,bottom;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.online_exhibition .con01 .list.animated .li_line01 {
	top: 0;
	bottom: 0;
}
.online_exhibition .con01 .list.animated .li_line02 {
	top: 0;
	bottom: 0;
}
.online_exhibition .con01 .list .li {
	width: 33.3333%;
	/* height: 35%; */
	height: 285px;
	float: left;
	color: #fff;
	position: relative;
}
.online_exhibition .con01 .list .li a {
	padding: 58px 24px 0;
	height: 100%;
}
.online_exhibition .con01 .list .li a:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0%;
	top: 100%;
	bottom: 100%;
	background: url(../images/online_exhibition/ico53.png) no-repeat center;
	background-size: cover;
	width: 100%;
	-webkit-transition-property: top,bottom;
	transition-property: top,bottom;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.online_exhibition .con01 .list .li a:hover:before {
	top: 0;
	bottom: 0;
}
.online_exhibition .con01 .list .icon_online {
	width: 68px;
	height: 64px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}
.online_exhibition .con01 .list .icon_online.icon_login {
	background-image: url(../images/online_exhibition/ico47.png);
}
.online_exhibition .con01 .list .icon_online.icon_exhibitor {
	background-image: url(../images/online_exhibition/ico48.png);
}
.online_exhibition .con01 .list .icon_online.icon_supply {
	background-image: url(../images/online_exhibition/ico49.png);
}
.online_exhibition .con01 .list .icon_online.icon_watch {
	background-image: url(../images/online_exhibition/ico50.png);
}
.online_exhibition .con01 .list .icon_online.icon_enterprise {
	background-image: url(../images/online_exhibition/ico51.png);
}
.online_exhibition .con01 .list .icon_online.icon_exhibits {
	background-image: url(../images/online_exhibition/ico52.png);
}
.online_exhibition .con01 .list .line {
	width: 100%;
	height: 1px;
	background-color: #fff;
	background-color: rgba(255,255,255, .2);
	margin: 18px 0 20px;
}
.online_exhibition .con01 .list .text .cn {
	font-family: 'en';
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: -1.2px;
}
.online_exhibition .con01 .list .text .en {
	font-family: 'en';
	font-size: 20px;
	color: #99cfff;
	color: rgba(153, 207, 255, .4);
	text-transform: uppercase;
	margin-top: 10px;
	letter-spacing: -1.2px;
}
.online_exhibition .con01 .list a:hover .text .cn {
	color: #e7ee75;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
-o-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
transition: all cubic-bezier(.4, 0, .2, 1) .6s;
}
.online_exhibition .con01 .list a:hover .text .en {
	color: #e7ee75;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
-o-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
transition: all cubic-bezier(.4, 0, .2, 1) .6s;
}
.online_exhibition .con01 .list a:hover .icon_online {
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
-o-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
transition: all cubic-bezier(.4, 0, .2, 1) .6s;
}
.online_exhibition .con01 .list a:hover .icon_online {
	animation: fadeInUp02 .6s linear forwards;
	-webkit-animation: fadeInUp02 .6s linear forwards;
}
.online_exhibition .con01 .list a:hover .text {
	animation: fadeInDown02 .6s linear forwards;
	-webkit-animation: fadeInDown02 .6s linear forwards;
}
.online_exhibition .con01 .list a:hover .icon_online.icon_login {
	background-image: url(../images/online_exhibition/ico47_on.png);
}
.online_exhibition .con01 .list a:hover .icon_online.icon_exhibitor {
	background-image: url(../images/online_exhibition/ico48_on.png);
}
.online_exhibition .con01 .list a:hover .icon_online.icon_supply {
	background-image: url(../images/online_exhibition/ico49_on.png);
}
.online_exhibition .con01 .list a:hover .icon_online.icon_watch {
	background-image: url(../images/online_exhibition/ico50_on.png);
}
.online_exhibition .con01 .list a:hover .icon_online.icon_enterprise {
	background-image: url(../images/online_exhibition/ico51_on.png);
}
.online_exhibition .con01 .list a:hover .icon_online.icon_exhibits {
	background-image: url(../images/online_exhibition/ico52_on.png);
}
/* online_exhibition2 */
.online_exhibition2 .page_ban video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.online_exhibition2 .page_ban .img {
	position: absolute;
	left: 0;
	top: 22%;
	width: 100%;
	text-align: center;
}
.online_exhibition2 .con01 {
	padding: 50px 0;
}
.online_exhibition2 .list {
	padding: 50px 0 0;
	margin: 0 -3px;
	overflow: hidden;
}
.online_exhibition2 .list .li {
	float: left;
	width: 25%;
	padding: 0 3px;
	margin-bottom: 6px;
}
.online_exhibition2 .list .li .img {
	text-align: center;
	height: 128px;
	overflow: hidden;
}
.online_exhibition2 .list .li a {
	min-height: 250px;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #d5eae5;
}
.online_exhibition2 .list .li h3 {
	font-size: 16px;
	color: #333333;
	margin: 8px 0;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.online_exhibition2 .list .li p {
	color: #999999;
	line-height: 20px;
}
.online_exhibition2 .more {
	width: 45px;
	height: 45px;
	background: url(../images/more.png) no-repeat;
	margin: auto;
	margin-bottom: 50px;
	cursor: pointer;
}
.online_exhibition2 .list .li a:hover h3 {
	color: #075fd6;
}
.online_exhibition2 .wrapper {
	padding-bottom: 30px;
}
/* online_exhibition2_d */
.wrapper_nav .name02 {
	font-size: 16px;
	color: #8b9092;
	line-height: 44px;
}
.wrapper_nav .name03 {
	font-size: 16px;
	color: #8b9092;
	line-height: 28px;
	margin-top: 10px;
}
.news .wrapper_nav .name03 strong{
	font-size: 30px; 
	color:#fecd22;
	display: inline-block;
	font-family: 'en';
}
.news .wrapper_nav .name03 em{
	color:#075fd6; 
	display: inline-block;
	font-family: 'en';
}

/* .online_exhibition2_d .wrapper_nav .name03 em {
	font-size: 26px;
	color: #075fd6;
	display: block;
}
.online_exhibition2_d .detailed .img {
	position: relative;
	height: 240px;
	padding-top: 120px;
	text-align: center;
	overflow: hidden;
}
.online_exhibition2_d .detailed .img .bg {
	width: 900px;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-animation: scale_img 30s infinite ease-out alternate;
	animation: scale_img 30s infinite ease-out alternate;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.online_exhibition2_d .detailed .img .cn {
	font-size: 28px;
	color: #075fd6;
	line-height: 26px;
}
.online_exhibition2_d .box {
	margin-top: 40px;
	position: relative;
}
.online_exhibition2_d .box h3:first-child {
	background: url(../images/forums_events/ico2.jpg) no-repeat center bottom;
	border: none;
}
.online_exhibition2_d .box h3 {
	font-size: 20px;
	color: #4a4a4a;
	line-height: 30px;
	padding-bottom: 18px;
	border-bottom: 3px solid #e4edee;
	margin: 27px 0 14px;
}
.online_exhibition2_d .box p {
	font-size: 15px;
	margin-bottom: 14px;
}
.online_exhibition2_d .box .img {
	position: absolute;
	right: 30%;
	bottom: 0;
	height: 128px;
	padding: 0;
}
.online_exhibition2_d .box .img img {
	height: 128px; 
}*/
/* online_exhibition3 */
.online_exhibition3 .page_ban {
	height: 266px;
	margin-top: 120px;
}
.online_exhibition3 .page_ban .detailed .en {
	color: #fff;
	color: rgba(255, 255, 255, .5);
}
.online_exhibition3 .page_ban .detailed {
	padding-top: 74px;
}
.online_exhibition3 .list {
	margin-right: -20px;
	overflow: hidden;
}
.online_exhibition3 .list .li {
	float: left;
	width: 386px;
	height: 440px;
	margin-right: 20px;
	background-color: #fff;
	overflow: hidden;
}
.online_exhibition3 .list .li {
	height: 210px;
	margin-bottom: 20px;
}
.online_exhibition3 .list .li .img {
	width: 100%;
	height: 230px;
}
.online_exhibition3 .list .li .detailed {
	padding: 33px 28px 25px;
	overflow: hidden;
}
.online_exhibition3 .list .li .date {
	font-family: 'en';
	color: #000;
	color: rgba(0, 0, 0, .4);
}
.online_exhibition3 .list .li .title {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	max-width: 96%;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.online_exhibition3 .list .li:hover .title {
	color: #075fd6;
}
.online_exhibition3 .list .li .title em {
	font-size: 14px;
	padding: 0 5px;
	color: #fff;
	margin-right: 10px;
	margin-top: 1.5px;
	position: relative;
	float: left;
	line-height: 27px;
}
.online_exhibition3 .list .li .title em.green {
	background-color: #0aaf86;
}
.online_exhibition3 .list .li .title em.red {
	background-color: #f65f5f;
}
.online_exhibition3 .list .li .text {
	font-size: 13px;
	color: #4b4b4b;
	color: rgba(75, 75, 75, .8);
	line-height: 22px;
	margin: 10px 0 20px;
	height: 44px;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.online_exhibition3 .list .li .text02 .fl {
	color: #9295a1;
}
.online_exhibition3 .list .li.end .text02 .fr {
	color: #aaaaaa;
}
.online_exhibition3 .list .li.start .text02 .fr {
	color: #0aaf86;
}
.online_exhibition3 .con01 {
	position: relative;
}
.online_exhibition3 .con01 .bg {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	padding: 0 30px 100px;
	margin: 0 -30px 0;
	position: relative;
}
.online_exhibition3 .con01 .bg:before {
	content: '';
	width: 100%;
	height: 114px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.online_exhibition3 .con01 .up {
	height: 114px;
	padding: 28px 30px;
	margin: 0 -30px 30px;
}
.online_exhibition3 .con01 .tab_detailed {
	position: relative;
}
.online_exhibition3 .con01 .tab {
	background: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 30px;
	top: 28px;
	z-index: 99;
}
.online_exhibition3 .con01 .tab a {
	float: left;
	width: 120px;
	line-height: 56px;
	text-align: center;
	margin-right: 12px;
	color: #fff;
	font-family: 'en';
	text-transform: uppercase;
	letter-spacing: -1px;
	/* -webkit-transition: all .4s;
	transition: all .4s; */
}
.online_exhibition3 .con01 .tab a.green {
	background-color: #0aaf86;
}
.online_exhibition3 .con01 .tab a.red {
	background-color: #f65f5f;
}
.online_exhibition3 .con01 .up .click_volume {
	float: left;
	margin-right: 24px;
}
.online_exhibition3 .con01 .up .click_volume em {
	color: #417f98;
	line-height: 58px;
	float: left;
}
.online_exhibition3 .con01 .up .click_volume .click_up {
	width: 16px;
	height: 16px;
	border: 1px solid #417f98;
	background: url(../images/online_exhibition/ico45.png) no-repeat center;
	float: left;
	margin: 20px 7px 0 9px;
	cursor: pointer;
}
.online_exhibition3 .con01 .up .click_volume .click_down {
	width: 16px;
	height: 16px;
	border: 1px solid #417f98;
	background: url(../images/online_exhibition/ico45.png) no-repeat center;
	float: left;
	margin: 20px 0 0;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	cursor: pointer;
}
.online_exhibition3 .con01 .up .posCont {
	float: right;
}
.online_exhibition3 .con01 .up .posCont input {
	float: left;
	width: 286px;
	height: 58px;
	line-height: 56px;
	padding: 0 22px;
	background-color: #edf6fa;
	background-color: rgba(237, 246, 250, .8);
	border: 1px solid #7ca5b5;
	color: #417f98;
	color: rgba(65, 127, 152, .6);
}
.online_exhibition3 .con01 .up .posCont input::-webkit-input-placeholder {color: #417f98;color: rgba(65, 127, 152, .6); }
.online_exhibition3 .con01 .up .posCont input:-moz-placeholder {color: #417f98;color: rgba(65, 127, 152, .6); }
.online_exhibition3 .con01 .up .posCont input::-moz-placeholder {color: #417f98;color: rgba(65, 127, 152, .6); }
.online_exhibition3 .con01 .up .posCont input:-ms-input-placeholder {color: #417f98;color: rgba(65, 127, 152, .6); }
.online_exhibition3 .con01 .up .posCont .search_btn {
	float: left;
	width: 95px;
	height: 58px;    
	background: url(../images/search_on.png) no-repeat center #0aaf86;
	background: url(../images/search_on.png) no-repeat center rgba(10, 175, 134, .8);
}
/* online_exhibition3_d */
.online_exhibition3_d .page_ban {
	height: 266px;
	margin-top: 120px;
}
.online_exhibition3_d .page_ban .detailed .en {
	color: #fff;
	color: rgba(255, 255, 255, .5);
}
.online_exhibition3_d .page_ban .detailed {
	padding-top: 74px;
}
.online_exhibition3_d .bg {
	background-color: #fff;
	padding: 60px 30px 150px;
	margin: 0 -30px 0;
	position: relative;
	overflow: hidden;
}
.online_exhibition3_d .detailed {
	overflow: hidden;
}
.online_exhibition3_d .detailed .fl {
	width: 805px;
}
.online_exhibition3_d .detailed .fr {
	width: 320px;
}
.online_exhibition3_d .detailed .title {
	font-size: 26px;
	color: #333333;
	line-height: 30px;
	overflow: hidden;
	padding-bottom: 22px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(51,51,51,.2);
	position: relative;
	padding-left: 33px;
	font-family: 'GOTHICB';
}
.online_exhibition3_d .detailed .fr .title {
	font-size: 20px;
	line-height: 32px;
	padding-left: 0;
}
.online_exhibition3_d .detailed .title em {
	font-size: 14px;
	padding: 0 10px;
	color: #fff;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 32px;
}
.online_exhibition3_d .detailed .title em.green {
	background-color: #0aaf86;
}
.online_exhibition3_d .detailed .title em.red {
	background-color: #f65f5f;
}
.online_exhibition3_d .detailed .bit {
	width: 100%;
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
}
.online_exhibition3_d .detailed .bit.blur .li {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);    
	filter: blur(5px);
}
.online_exhibition3_d .detailed .bit .li {
	color: #182349;
	color: rgba(24, 35, 73, .6);
	line-height: 27px;
	margin-bottom: 18px;
}
.online_exhibition3_d .detailed .bit .li>em {
	position: relative;
	float: left;
	width: 26px;
	height: 25px;
	margin-right: 6px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}
.online_exhibition3_d .detailed .bit .li>em.date {
	background-image: url(../images/online_exhibition/ico37.png);
}
.online_exhibition3_d .detailed .bit .li>em.position {
	background-image: url(../images/online_exhibition/ico38.png);
}
.online_exhibition3_d .detailed .bit .li>em.name {
	background-image: url(../images/online_exhibition/ico39.png);
}
.online_exhibition3_d .detailed .bit .li>em.call {
	background-image: url(../images/online_exhibition/ico40.png);
}
.online_exhibition3_d .detailed .bit .li>em.mall {
	background-image: url(../images/online_exhibition/ico43.png);
}
.online_exhibition3_d .detailed .bit .li>em.blue {
	float: none;
	width: auto;
	color: #125f7e;
	font-size: 16px;
	font-family: 'en';
}
.online_exhibition3_d .detailed .bit .bit_prompt {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: -45px;
	text-align: center;
}
.online_exhibition3_d .detailed .bit .bit_prompt .bit_login {
	height: 55px;
	line-height: 55px;
	background-color: #5bb8d7;
	padding: 0 30px;
	border-radius: 4px;
	box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
	font-size: 16px;
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
	font-family: 'en';
	font-weight: bold;
}
.online_exhibition3_d .detailed .bit .bit_prompt p {
	color: #ff0606;
	text-align: center;
	font-family: 'en';
	font-weight: bold;
}
.online_exhibition3_d .detailed .Cont p {
	margin-bottom: 14px;
}
.online_exhibition3_d .detailed .Cont span,
.online_exhibition3_d .detailed .Cont p {
	color: #5f5e5e;
	color: rgba(95, 94, 94, .8);
	line-height: 1.72;
}
.online_exhibition3_d .detailed .Cont p strong {
	margin-bottom: 14px;
}
.online_exhibition3_d .detailed .Cont p img {
	/* margin: 20px 0; */
}
.online_exhibition3_d .detailed .Cont span {
	font-size: inherit !important;
}
.online_exhibition3_d .detailed .return {
	width: 100%;
	height: 60px;
	line-height: 58px;
	border: 1px solid #125f7e;
	border: 1px solid rgba(18, 95, 126, .6);
	text-align: center;
	color: #637a74;
	margin-top: 8px;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.online_exhibition3_d .detailed .return .btn_ico {
	width: 24px;
	height: 16px;
	background: url(../images/online_exhibition/ico44.png) no-repeat center;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s;
	transition: all .4s;
	display: inline-block;
	position: relative;
	margin-left: -24px;
	margin-bottom: -2px;
}
.online_exhibition3_d .detailed .return:hover {
	background-color: #173e9b; 
	color: #fff;
	-webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
	-o-transition: all cubic-bezier(.4,0,.2,1) .4s;
	transition: all cubic-bezier(.4,0,.2,1) .4s;
}
.online_exhibition3_d .detailed .return:hover .btn_ico {
	opacity: 1;
	filter: alpha(opacity=100);
	margin-left: 15px;
	background: url(../images/online_exhibition/ico44_on.png) no-repeat center;
	/* -webkit-transform: translate(15px, 0); */
	/* transform: translate(15px, 0); */
}
.online_exhibition3_d .detailed .btn_a {
	overflow: hidden;
}
.online_exhibition3_d .detailed .btn_a a {
	width: 156px;
	height: 58px;
	line-height: 56px;
	text-align: center;
	color: #637a74;
	float: left;
	/* -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
	-o-transition: all cubic-bezier(.4,0,.2,1) .4s;
	transition: all cubic-bezier(.4,0,.2,1) .4s; */
	background-color: #fff;
	border: 1px solid #125f7e;
	border: 1px solid rgba(18, 95, 126, .6);
}
.online_exhibition3_d .detailed .prev {
	margin-right: 8px;
}
.online_exhibition3_d .detailed .btn_a a:hover {
	background-color: #173e9b; 
	color: #fff;
	-webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
	-o-transition: all cubic-bezier(.4,0,.2,1) .4s;
	transition: all cubic-bezier(.4,0,.2,1) .4s;
}

.online_exhibition3_d .send_weibo {
	margin: 36px 0;
}
.online_exhibition3_d .comment_inputor {
	border: 1px solid #dfdfdf;
	height: 130px;
	width: 100%;
	padding: 20px 20px 32px;
	color: #767676;
}
.online_exhibition3_d .submit {
	line-height: 55px;
	padding: 0 42px;
	background-color: #5bb8d7;
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
}
.online_exhibition3_d .weiba-com {
	border-top: 1px solid rgba(223, 223, 223, .4);
	margin-bottom: 40px;
}
.online_exhibition3_d .weiba-com .li {
	padding: 15px 0;
	border-bottom: 1px solid rgba(223, 223, 223, .4);
}
.online_exhibition3_d .weiba-com .li .weiba-up {
	overflow: hidden;
	line-height: 30px;
	margin-bottom: 22px;
}
.online_exhibition3_d .weiba-com .li .name {
	float: left;
	color: #5e5f63;
}
.online_exhibition3_d .weiba-com .li em {
	color: #b1b1b1;
	margin-left: 30px;
}
.online_exhibition3_d .weiba-com .li .date {
	color: #b1b1b1;
	font-family: 'en';
	float: right;
}
.online_exhibition3_d .weiba-com .li .weiba-down,
.online_exhibition3_d .weiba-com .li .weiba-down p {
	color: #0e69ba;
}
.online_exhibition3_d .pagination {
	text-align: right;
}
.online_exhibition3_d .pagination button:first-child,
.online_exhibition3_d .pagination button:last-child,
.online_exhibition3_d .pagination .spage-skip {
	display: none;
}

/* online_exhibition4 */
#luxy.online_exhibition4 {
	background: url(../images/online_exhibition/ico58.jpg) no-repeat center bottom;
	background-size: cover;
}
.online_exhibition4 .con01 {
	width: 100%;
	height: 100%;
	padding: 124px 0 85px 0;
	position: relative;
}
.online_exhibition4 .title {
	text-align: center;
	margin: 75px 0 45px;
}
.online_exhibition4 .title .cn {
	font-family: 'en';
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.online_exhibition4 .title .en {
	font-family: 'en';
	font-size: 32px;
	color: #fff;
	color: rgba(225, 225, 225, .3);
	line-height: 1;
	text-transform: uppercase;
}
.online_exhibition4 .list {
	margin: 0 -37px;
	display: inline-block;
}
.online_exhibition4 .list .li {
	float: left;
	width: 50%;
	padding: 0 37px;
	margin-bottom: 50px;
	position: relative;
}
.online_exhibition4 .list .li a {
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
	position: relative;
}
.online_exhibition4 .list .li .img {
	width: 100%;
	height: 296px;
	overflow: hidden;
	position: relative;
}
.online_exhibition4 .list .li .img:before {
	content: '';
	width: 48px;
	height: 48px;
	background: url(../images/online_exhibition/ico60.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	left: 50%;
	margin-left: -24px;
	z-index: 2;
}
.online_exhibition4 .list .li .img img {
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.online_exhibition4 .list .li .white {
	width: 88%;
	height: 88px;
	line-height: 88px;
	background-color: #fff;
	float: right;
	padding: 0 30px;
	position: relative;
	margin-top: -60px;
}
.online_exhibition4 .list .li .name {
	display: inline-block;
	vertical-align: middle;
}
.online_exhibition4 .list .li .name h3 {
	font-size: 16px;
	color: #5c5c5c;
	line-height: 24px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.online_exhibition4 .list .li a:hover .name h3 {
	color: #075fd6;
}
.online_exhibition4 .list .li a:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.online_exhibition4 .list .li a:hover .img:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	padding: 40px;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	-webkit-animation: play_rotate 3s infinite;
	animation: play_rotate 3s infinite;
	z-index: 1;
}
.online_exhibition4 .pagination {
	padding: 0;
	text-align: right;
}
.online_exhibition4 .pagination .spage-total {
	color: #fff;
}
.online_exhibition4 .pagination .spage-skip {
	display: none;
}
.online_exhibition4 .spage-number button {
	color: #fff;
	border: 1px solid #fff;
	border: 1px solid rgba(225, 225, 225, .2);
}

/* .online_exhibition4 .con01 {
	width: 100%;
	height: 100%;
	background: url(../images/online_exhibition/ico19.jpg) no-repeat center;
	background-size: cover;
	padding: 124px 0 50px 0;
}
.online_exhibition4 .title {
	margin: 75px 0 45px;
}
.online_exhibition4 .title .cn {
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 6px;
}
.online_exhibition4 .title .en {
	font-family: 'en';
	font-size: 32px;
	color: #fff;
	color: rgba(255,255,255,.3);
	line-height: 1;
	text-transform: uppercase;
}
.online_exhibition4 .list {
	width: 100%;
	margin: 0 -12px;
	display: inline-block;
}
.online_exhibition4 .list .li {
	float: left;
	width: 33.3333%;
	padding: 0 12px;
	margin-bottom: 50px;
	position: relative;
	text-align: center;
}
.online_exhibition4 .list .li a {
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
	position: relative;
}
.online_exhibition4 .list .li .img {
	padding: 12px;
	background-color: #fff;
	border-radius: 6px;
	position: relative;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}
.online_exhibition4 .list .li .img:after {
	content: '';
	width: 85%;
	height: 24px;
	background: url(../images/index/ico36.png) no-repeat center bottom;
	background-size: contain;
	position: absolute;
	bottom: 26px;
	left: 0;
	right: 0;
	margin: auto;
}
.online_exhibition4 .list .li .img:before {
	content: '';
	width: 93%;
	height: 100%;
	background: url(../images/index/ico24.png) no-repeat center bottom;
	background-size: cover;
	border-radius: 6px;
	position: absolute;
	bottom: 13px;
	left: 0;
	right: 0;
	margin: auto;
}
.online_exhibition4 .list .li a img {
	border-radius: 6px;
}
.online_exhibition4 .list .li a:hover {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
.online_exhibition4 .list .li a:hover .img {
	box-shadow: 0px 16px 27px rgba(0, 146, 182, .9);
} */
/* online_exhibition5 */
#luxy.online_exhibition5 {
	background: url(../images/online_exhibition/ico54.jpg) no-repeat center;
	background-size: cover;
}
.online_exhibition5 .con01 {
	width: 100%;
	height: 100%;
	background: url(../images/online_exhibition/ico55.png) no-repeat center bottom;
	padding: 124px 0 85px 0;
	position: relative;
}
.online_exhibition5 .title {
	text-align: center;
	margin: 75px 0 45px;
}
.online_exhibition5 .title .cn {
	font-family: 'en';
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 6px;
	text-transform: uppercase;
}
.online_exhibition5 .title .en {
	font-family: 'en';
	font-size: 32px;
	color: #fff;
	color: rgba(225, 225, 225, .3);
	line-height: 1;
	text-transform: uppercase;
}
.online_exhibition5 .con01 .list {
	width: 100%;
	display: inline-block;
	margin: 0 -30px;
}
.online_exhibition5 .con01 .list .li {
	float: left;
	width: 25%;
	height: 221px;
	padding: 0 30px;
	margin-bottom: 40px;
}
.online_exhibition5 .con01 .list .li a {
	width: 100%;
	height: 100%;
	padding: 110px 20px 0;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
	position: relative;
	text-align: center;
}
.online_exhibition5 .con01 .list .li a:before {
	content: '';
	width: 262px;
	height: 138px;
	background: url(../images/online_exhibition/ico56.png) no-repeat center;
	position: absolute;
	left: -12px;
	bottom: 0;
}
.online_exhibition5 .con01 .list .li a:after {
	content: '';
	width: 61px;
	height: 7px;
	background: url(../images/online_exhibition/ico61.png) no-repeat center;
	position: absolute;
	left: 0;
	bottom: 14px;
	-webkit-transform: translateX(150px);
	-ms-transform: translateX(150px);
	transform: translateX(150px);
}
.online_exhibition5 .con01 .list .li .ico {
	width: 100%;
	height: 110px;
	background-color: #fff;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 110px;
	text-align: center;
}
.online_exhibition5 .con01 .list .li .ico img {
	height: 86px;
}
.online_exhibition5 .con01 .list .li .text {
	color: #ffffff;
	line-height: 26px;
	margin-top: 20px;
}
.online_exhibition5 .con01 .list .li .text h3 {
	font-size: 18px;
	max-width: 96%;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
}
.online_exhibition5 .con01 .list .li .text p {
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}
.online_exhibition5 .con01 .list .li .line {
	width: 53px;
	height: 9px;
	background: url(../images/online_exhibition/ico67.png) no-repeat center left;
	position: absolute;
	left: 29px;
	bottom: 0;
}
.online_exhibition5 .con01 .list .li a:hover:after {
	-webkit-animation: online_le 2.6s 1 ease-out forwards;
	animation: online_le 2.6s 1 ease-out forwards;
}
.online_exhibition5 .con01 .list .li a:hover {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
.online_exhibition5 .con01 .list .li a:hover .line {
	width: 251px;
	transition: width 4s ease-out;
	-webkit-transition: width 4s ease-out;
}

.online_exhibition5 .pagination {
	position: absolute;
	right: 190px;
	top: 50%;
	margin-top: -55px;
}
.online_exhibition5 .spage-skip {
	display: none;
}
.online_exhibition5 .spage-total {
	display: block;
	font-family: 'en';
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	top: 125px;
	left: 40px;
}
.online_exhibition5 .spage-number button {
	font-family: 'en';
	font-size: 18px;
	color: #ffffff;
	border: none;
	width: auto;
	height: auto;
	line-height: inherit;
	display: none;
	letter-spacing: -.5px;
}
.online_exhibition5 .spage-number button.active {
	display: block;
	padding-left: 30px;
	margin: 30px 0;
}
.online_exhibition5 .spage-number .prev {
	position: relative;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	border: none;
	background: none;
	display: block;
	font-size: 14px;
	position: relative;
}
.online_exhibition5 .spage-number .prev:hover {
	border: none !important;
}
.online_exhibition5 .spage-number .next {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	border: none;
	background: none;
	display: block;
	text-indent: 0;
	font-size: 14px;
	position: relative;
}
.online_exhibition5 .spage-number .prev:before,
.online_exhibition5 .spage-number .next:before {
	content: '';
	width: 80px;
	height: 80px;
	background: url(../images/online_exhibition/ico57.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
}
.online_exhibition5 .spage-number .next:hover {
	border: none !important;
}
.online_exhibition5 .spage-number .prev:hover:before,
.online_exhibition5 .spage-number .next:hover:before {
	animation: play_rotate 1s ease-in-out forwards;
	-webkit-animation: play_rotate 1s ease-in-out forwards;
}
/* .online_exhibition5 .con01 {
	background-color: #fff;
	padding: 124px 0 35px 0;
}
.online_exhibition5 .title {
	text-align: center;
	margin: 75px 0 45px;
}
.online_exhibition5 .title .cn {
	font-size: 24px;
	color: #075fd6;
	line-height: 30px;
	margin-bottom: 6px;
}
.online_exhibition5 .title .en {
	font-family: 'en';
	font-size: 32px;
	color: #dddddd;
	line-height: 1;
	text-transform: uppercase;
}
.online_exhibition5 .con01 .list {
	width: 100%;
	display: inline-block;
	margin: 0 -17px;
}
.online_exhibition5 .con01 .list .li {
	float: left;
	width: 25%;
	height: 257px;
	padding: 0 17px;
	margin-bottom: 40px;
}
.online_exhibition5 .con01 .list .li a {
	width: 100%;
	height: 100%;
	border: 2px solid #dae4e7;
	border-radius: 6px;
	position: relative;
	padding: 177px 26px 0;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}
.online_exhibition5 .con01 .list .li .ico {
	width: 100%;
	height: 177px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 177px;
	text-align: center;
}
.online_exhibition5 .con01 .list .li .ico img {
	height: 120px;
}
.online_exhibition5 .con01 .list .li .text {
	color: #8b9092;
	line-height: 26px;
}
.online_exhibition5 .con01 .list .li .text h3 {
	font-size: 18px;
	max-width: 96%;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.online_exhibition5 .con01 .list .li .text p {
	color: #8b9092;
	line-height: 26px;
}
.online_exhibition5 .con01 .list .li a:hover {
	border: 2px solid #60b0cb;
	box-shadow: 0px 10px 21px rgba(186, 215, 225, .7);
}
.online_exhibition5 .con01 .list .li a:hover .text h3 {
	color: #075fd6;
} */
/* online_exhibition6 */
.online_exhibition6 .con01 {
	width: 100%;
	/* height: 100%;
	background: url(../images/online_exhibition/ico21.jpg) no-repeat center;
	background-size: cover;
	padding: 0 0 0 55px; */
	margin-top: 124px;
	text-align: center;
}
.online_exhibition6 .con01 .float {
	margin-top: 50px;
	display: inline-block;
}
/* online_exhibition6_d */
.online_exhibition6_d .con01 {
	width: 100%;
	height: 100%;
	background: url(../images/online_exhibition/ico6.jpg) no-repeat center;
	background-size: cover;
	margin-top: 124px;
}
.online_exhibition6_d .con01 .content {
	width: 1368px;
	height: 100%;
	background: url(../images/online_exhibition/ico7.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}

/* æ¨¡æ¿ */
.video {
	cursor: pointer;
}
#luxy.online_exhibition2_d {
	background: none;
}
#luxy.online_exhibition2_d video {
	height: 100%;
	object-fit: cover;
}
.online_exhibition2_d .videoBtn {
	content: '';
	width: 48px;
	height: 48px;
	background: url(../images/online_exhibition/ico60.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	left: 50%;
	margin-left: -24px;
	z-index: 2;
}
.style01 .con01 .videoBtn {
	margin-left: 24px;
}
.online_exhibition2_d .video:hover .videoBtn:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	padding: 40px;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	-webkit-animation: play_rotate 3s infinite;
	animation: play_rotate 3s infinite;
	z-index: 1;
}
.online_exhibition2_d .tab-menu {
	border: 2px solid #eaeaea;
}
.online_exhibition2_d .tab {
	padding: 0;
	margin: 0;
	background: none;
	font-size: 0;
	text-align: center;
	overflow: visible;
}
.online_exhibition2_d .tab a {
	font-size: 16px;
	color: #616161;
	line-height: 30px;
	float: none;
	padding: 28px 0;
	margin: 0 17px;
	display: inline-block;
	position: relative;
	z-index: 2;
}
.online_exhibition2_d .tab a.on {
	color: #005fdf;
}
.online_exhibition2_d .tab a.on:before {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #005fdf;
	position: absolute;
	bottom: -4px;
	left: 0;
}
.online_exhibition2_d .online_exhibition2_d .box {
	margin: 0;
}

.persons_ban {
	height: 307px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 120px;
}
.persons_ban .content {
	position: relative;
	height: 100%;
}
.persons_ban .detailed {
	padding-top: 95px;
}
.persons_ban .persons_imgArea {
	float: left;
	width: 119px;
	height: 119px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 88%;
	background-color: #fff;
	border-radius: 50%;
	border: 3px solid #a9b5bb;
	margin-right: 26px;
}
.persons_ban .person_texts {
	height: 119px;
	line-height: 119px;
}
.persons_ban .person_name {
	display: inline-block;
	vertical-align: middle;
}
.persons_ban .person_name h3 {
	font-size: 20px;
	color: #ffffff;
	line-height: 40px;
}
.persons_ban .persons_return {
	height: 42px;
	line-height: 42px;
	padding: 0 22px;
	border: 1px solid #fff;
	border: 1px solid rgba(225, 225, 225, .4);
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -21px;
	display: inline-block;
}
.persons_ban .persons_return .btn_ico {
	width: 24px;
	height: 16px;
	background: url(../images/style/ico3.png) no-repeat center;
	display: inline-block;
	margin-left: 10px;
}
.persons_ban .persons_return:hover .btn_ico {
	animation: hoverBtn ease-out .3s reverse;
}
.persons_ban .persons_return:hover {
	color: #005fdf;
	background-color: #fff;
	-webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
	-o-transition: all cubic-bezier(.4,0,.2,1) .4s;
	transition: all cubic-bezier(.4,0,.2,1) .4s;
}
/* æ¨¡æ¿1 */
.style01 .con01 {
	padding: 90px 0 108px;
	overflow: hidden;
}
.style01 .con01 .fl {
	width: 620px;
	height: 316px;
	position: relative;
}
.style01 .con01 .img {
	width: 562px;
	height: 316px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important;
	margin-left: 58px;
	overflow: hidden;
	background-size: 100% 100%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.style01 .con01 .img:hover {
	background-size: 105% 105%;
}
.style01 .con01 .fl .line {
	width: 370px;
	height: 276px;
	background: url(../images/style/ico5.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 80px;
	z-index: -1;
}
.style01 .con01 .fr {
	width: 465px;
	height: 316px;
	/* line-height: 316px; */
	margin-right: 30px;
	overflow: hidden;
}
.style01 .con01 .text {
	/* display: inline-block;
	vertical-align: middle; */
}
.style01 .con01 .text h3 {
	font-size: 20px;
	color: #2f2f2f;
	line-height: 30px;
}
.style01 .con01 .text p {
	margin-top: 14px;
	text-align: left;
}
.style01 .con01 .text ul {
	overflow: hidden;
	margin-right: -10px;
}
.style01 .con01 .text li {
	font-size: 14px;
	color: #fe7d1f;
	line-height: 33px;
	text-align: center;
	padding: 0 12px;
	margin-right: 10px;
	margin-top: 6px;
	float: left;
	border: 1px solid #e0e0e0;
}
.online_exhibition2_d .height {
	height: 197px;
	overflow: auto;
	padding-right: 10px;
	margin-bottom: 10px;
}
.online_exhibition2_d.style02 .height {
	height: 240px;
}
.online_exhibition2_d.style03 .height {
	height: 240px;
	padding-right: 50px;
}
.online_exhibition2_d .link_exhibition {
	font-size: 14px;
	color: #005fdf;
	line-height: 40px;
	text-align: center;
	padding: 0 20px 0 40px;
	border: 1px solid #005fdf;
	display: inline-block;
	position: relative;
}
.online_exhibition2_d .link_exhibition:before {
	content: '';
	width: 18px;
	height: 18px;
	background: url(../images/style/ico28.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 16px;
}
.style01 .con02 {
	min-height: 600px;
	background: url(../images/style/ico6.jpg) no-repeat center top;
	background-size: cover;
	padding: 20px 0 70px;
}
.style01 .con02 .content {
	background-color: #fff;
	padding: 40px 40px 65px;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.style01 .title .cn {
	font-size: 20px;
	color: #2f2f2f;
	line-height: 1;
}
.style01 .title .en {
	font-family: 'en';
	font-size: 36px;
	color: #e9a586;
	line-height: 30px;
	text-transform: uppercase;
}
.style01 .con02 .title .cn {
	color: #ff0000;
}
.style01 .con03 .title .cn {
	font-size: 36px;
	color: #4997e8;
	margin-top: 13px;
}
.style01 .con02 {
	position: relative;
}
.style01 .con02 .more {
	font-size: 16px;
	color: #808080;
	line-height: 30px;
	position: absolute;
	right: 40px;
	top: 40px;
	padding-right: 14px;
}
.style01 .con02 .more:before {
	content: '';
	width: 8px;
	height: 12px;
	background: url(../images/style/ico7.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
.style01 .con02 .detailed {
	margin: 14px 0 20px;
}
.style01 .side {
}
.style01 .side .bd {
	width: 1140px;
}
.style01 .side .tempWrap {
	width: 1120px !important;
}
.style01 .side .item {
	float: left; 
	width: 360px;
	height: 303px;
	margin-right: 20px;
}
.style01 .side .item .img {
	width: 100%;
	height: 202px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.style01 .side .item .text {
	height: 93px;
	line-height: 93px;
	background-color: #edf2fa;
	padding: 0 24px;
	margin-top: 8px;
}
.style01 .side .item .name {
	display: inline-block;
	vertical-align: middle;
}
.style01 .side .item .name h3 {
	font-size: 16px;
	color: #4a4a4a;
	line-height: 24px;
}
.style01 .side .hd {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	z-index: 99;
	text-align: center;
}
.style01 .side .hd ul li.on {
	width: 44px;
	background-color: #005fdf;
}
.style01 .side .hd ul li {
	display: inline-block;
	width: 12px;
	height: 4px;
	overflow: hidden;
	background-color: #e0e1e3;
	margin: 0 3px;
	transition: all .4s;
	-webkit-transition: all .4s;
	cursor: pointer;
}
.style01 .con02 .line {
	width: 370px;
	height: 276px;
	background: url(../images/style/ico5.png) no-repeat center;
	position: absolute;
	right: -118px;
	bottom: -104px;
}
.style01 .con03 {
	background: url(../images/style/ico11.jpg) no-repeat center;
	background-size: cover;
	min-height: 400px;
	padding: 45px 0;
	overflow: hidden;
	position: relative;
}
.style01 .con03 .title {
	position: absolute;
	top: 50%;
	margin-top: -54.5px;
	left: 50%;
	margin-left: -555px;
}
.style01 .con03 .list {
	width: 865px;
	float: right;
	position: relative;
	padding: 36px 0 58px 47px;
}
.style01 .con03 .list:before {
	content: '';
	width: 1224px;
	height: 100%;
	background-color: #0e69ba;
	position: absolute;
	right: -360px;
	top: 0;
}
.style01 .con03 .list > div {
	position: relative;
}
.style01 .con03 .list .fl {
	float: none;
}
.style01 .con03 .list .fr {
	/* width: auto; */
	float: none;
}
.style01 .con03 .list .p {
	clear: both;
	width: 100%;
	display: inline-block;
}
.style01 .con03 .list p {
	color: #85c6ff;
	line-height: 30px;
	margin-top: 10px;
}
.style01 .con03 .list p b {
	font-size: 16px;
	color: #fff;
}
.style01 .con04 {
	padding: 37px 0 88px;
}
.style01 .side02 {
	position: relative;
	z-index: 2;
	margin-top: 37px;
}
.style01 .side02 .bd {
	width: 1242px;
	overflow: hidden;
}
.style01 .side02 .tempWrap {
	width: 1200px !important;
}
.style01 .side02 .item {
	float: left; 
	width: 372px;
	height: 210px;
	margin-right: 42px;
}
.style01 .side02 .item .img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.style01 .side02 .item .img:before {
	content: '';
	width: 48px;
	height: 48px;
	background: url(../images/online_exhibition/ico60.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	left: 50%;
	margin-left: -24px;
	z-index: 2;
}
.style01 .side02 .item .name {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	padding: 0 20px;
}
.style01 .side02 .item .name h3 {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}
.style01 .side02 .btn {
	display: none;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: #ffffff;
	border-radius: 50%;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	border: 4px solid #bfcedc;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.style01 .side02 .next {
	right: -105px;
	background-position: -72px -68px;
}
.style01 .side02 .prev {
	left: -105px;
	background-position: -2px -2px;
}
.style01 .side02 .btn:hover {
	border: 4px solid #ffb675;
}
.style01 .side02 .prev:hover {
	background-position: -72px -2px;
}
.style01 .side02 .next:hover {
	background-position: -1px -67px;
}


/* æ¨¡æ¿2 */
.style02 .con01 {
	height: 600px;
	background-color: #e8eaf0;
}
.style02 .con01 .content {
	position: relative;
	height: 100%;
}
.style02 .con01 .img {
	width: 840px;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}
.style02 .con01 .img .bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	top: 0;
	left: 0;
}
.style02 .con01 .img .bg:before {
	content: '';
	width: 60px;
	height: 60px;
	background: url(../images/style/ico14.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -30px;
	z-index: 2;
}
.style02 .con01 .img .bg:hover:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	padding: 40px;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	-webkit-animation: play_rotate 3s infinite;
	animation: play_rotate 3s infinite;
	z-index: 1;
}
.style02 .con01 .text {
	width: 500px;
	padding: 49px 30px 35px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}
.style02 .con01 .text h3 {
	font-size: 24px;
	color: #4c4c4c;
	line-height: 30px;
	margin-bottom: 20px;
}
.style02 .con01 .text ul {
	overflow: hidden;
	margin-right: -10px;
}
.style02 .con01 .text li {
	font-size: 14px;
	color: #fe7d1f;
	line-height: 33px;
	text-align: center;
	padding: 0 12px;
	margin-right: 10px;
	margin-top: 6px;
	float: left;
	border: 1px solid #e0e0e0;
}
.style02 .con01 .text p {
	color: #808080;
	margin-top: 14px;
}
.style02 .title .cn {
	font-size: 24px;
	color: #353535;
	line-height: 1;
}
.style02 .con02 {
	overflow: hidden;
	padding: 77px 0 55px;
}
.style02 .con02 .title {
	margin-bottom: 28px;
	overflow: hidden;
}
.style02 .con02 .fl {
	width: 720px;
}
.style02 .con02 .fr {
	width: 450px;
}
.style02 .con02 .fl .title h3 {
	float: left;
	margin-right: 18px;
}
.style02 .con02 .fr .title {
	margin-bottom: 75px;
}
.style02 .side {
	width: 100%;
	height: 405px;
	position: relative;
}
.style02 .side .bd,
.style02 .side .bd .item > a {
	width: 100% !important;
	height: 405px !important; 
	overflow: hidden;
}
.style02 .side .bd .item {
	width: 100% !important;
	height: 100%;
}
.style02 .side .bd .item .img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.style02 .side .bd .item .name {
	width: 100%;
	height: 62px;
	line-height: 62px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
}
.style02 .side .bd .item .name h3 {
	color: #ffffff;
	font-size: 18px;
}
.style02 .side02 {
	width: 100%;
	height: 328px;
	position: relative;
}
.style02 .side02 .bd,
.style02 .side02 .bd > a {
	width: 100% !important;
	height: 328px !important; 
	overflow: hidden;
}
.style02 .side02 .bd .item {
	width: 100% !important;
	height: 100%;
}
.style02 .side02 .bd .item .img {
	width: 100%;
	height: 267px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.style02 .side02 .bd .item .img > .name {
	display: none;
}
.style02 .side02 .bd .item .img:before {
	content: '';
	width: 48px;
	height: 48px;
	background: url(../images/online_exhibition/ico60.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	left: 50%;
	margin-left: -24px;
	z-index: 2;
}
.style02 .side02 .bd .item .name {
	width: 100%;
	height: 62px;
	line-height: 62px;
	background-color: #edf2fa;
	padding: 0 24px;
}
.style02 .side02 .bd .item .name h3 {
	color: #5c5c5c;
	font-size: 16px;
}
.style02 .side .btn,
.style02 .side02 .btn {
	width: 42px;
	height: 60px;
	background-color: rgba(0, 0, 0, .3);
	background-repeat: no-repeat;
	background-image: url(../images/style/ico18.png);
	position: absolute;
	top: 90px;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.style02 .side .btn:hover,
.style02 .side02 .btn:hover {
	background-color: rgba(0, 0, 0, .8);
}
.style02 .side .btn.prev,
.style02 .side02 .btn.prev {
	left: 0;
	background-position: 0 0;
}
.style02 .side .btn.next,
.style02 .side02 .btn.next {
	right: 0;
	background-position: -68px -78px;
}
.style02 .side .btn.prev:hover,
.style02 .side02 .btn.prev:hover {
	left: 0;
	background-position: -68px 0;
}
.style02 .side .btn.next:hover,
.style02 .side02 .btn.next:hover {
	right: 0;
	background-position: 0 -78px;
}
.style02 .con03 {
	padding-bottom: 72px;
}
.style02 .con03 .list {
	overflow: hidden;
	position: relative;
	margin-top: 30px;
}
.style02 .con03 .list:before {
	content: '';
	/* width: 2px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 0; */
}
.style02 .con03 .list p {
	/* width: 50%; */
	/* float: left; */
	/* height: 72px; */
	line-height: 60px;
	overflow: hidden;
	padding: 0 27px;
	margin-bottom: 2px;
	background-color: #edf2fa;
	color: #808080;
}
.style02 .con03 .list p b {
	font-size: 16px;
	color: #4c4c4c;
}
.style02 .con04 {
	background-color: #e8eaf0;
	padding-bottom: 155px;
	margin-bottom: -50px;
	position: relative;
}
.style02 .con04:before {
	content: '';
	width: 100%;
	height: 168px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.style02 .con04 .content {
	position: relative;
}
.style02 .con04 .detailed {
	overflow: hidden;
	margin-top: 30px;
	background-color: #0e69ba;
}
.style02 .con04 .img {
	float: left;
	width: 720px;
	height: 426px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.style02 .con04 .fr {
	width: 480px;
	padding: 45px 45px 0;
}
.style02 .con04 .fr h3 {
	font-size: 24px;
	color: #fff;
	line-height: 30px;
}
.style02 .con04 .fr p {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
}
.style02 .con04 .fr p em {
	font-family: 'en';
}
.style02 .con04 .fr p.num {
	font-size: 30px;
	line-height: 33px;
}
.style02 .con04 .fr p small {
	font-size: 14px;
}
.style02 .con04 .fr .list {
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, .3);
	border-left: none;
	border-bottom: none;
	padding-top: 20px;
	margin-top: 20px;
	padding-right: 10px;
}
.style02 .con04 .fr .li {
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 18px;
}


/* æ¨¡æ¿4 */
.style04 .con01 {
}
.style04 .side_ban {
	width: 100%;
	height: 514px;
	position: relative;
}
.style04 .side_ban .bd {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.style04 .side_ban .bd ul {
	width: 100% !important;
	height: 100% !important;
}
.style04 .side_ban .bd li {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.style04 .side_ban .bd li .img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.style04 .side_ban .hd {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12px;
	z-index: 99;
	text-align: center;
}
.style04 .side_ban .hd ul li.on {
	opacity: 1;
}
.style04 .side_ban .hd ul li {
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 50%;
	margin: 0 5px;
	opacity: .3;
	transition: all .4s;
	cursor: pointer;
}
.style04 .con02 .content {
	position: relative;
	padding: 56px 0 80px;
	overflow: hidden;
	z-index: 2;
}
.style04 .title .cn {
	font-size: 36px;
	color: #4997e8;
	line-height: 1;
	font-weight: lighter;
	margin-top: 12px;
}
.style04 .title .en {
	font-family: 'en';
	font-size: 36px;
	color: #e9a586;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -1px;
}
.style04 .con03 .title .cn {
	font-size: 36px;
	color: #4997e8;
	margin-top: 13px;
}
.style04 .con02 {
	position: relative;
}
.style04 .con02 .more {
	font-size: 16px;
	color: #808080;
	line-height: 30px;
	position: absolute;
	right: 0;
	top: 142px;
	padding-right: 14px;
}
.style04 .con02 .more:before {
	content: '';
	width: 8px;
	height: 12px;
	background: url(../images/style/ico7.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
.style04 .side {
	margin-top: 36px;
}
.style04 .side .bd {
	width: 1260px;
}
.style04 .side .tempWrap {
	width: 1200px !important;
}
.style04 .side .item {
	float: left; 
	width: 360px;
	height: 303px;
	margin-right: 60px;
}
.style04 .side .item .img {
	width: 100%;
	height: 202px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.style04 .side .item .text {
	height: 93px;
	line-height: 93px;
	background-color: #edf2fa;
	padding: 0 24px;
	margin-top: 8px;
}
.style04 .side .item .name {
	display: inline-block;
	vertical-align: middle;
}
.style04 .side .item .name h3 {
	font-size: 16px;
	color: #4a4a4a;
	line-height: 30px;
}
.style04 .side .hd {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	z-index: 99;
	text-align: center;
}
.style04 .side .hd ul li.on {
	width: 44px;
	background-color: #005fdf;
}
.style04 .side .hd ul li {
	display: inline-block;
	width: 12px;
	height: 4px;
	overflow: hidden;
	background-color: #e0e1e3;
	margin: 0 3px;
	transition: all .4s;
	-webkit-transition: all .4s;
	cursor: pointer;
}
.style04 .con04 {
	padding-bottom: 88px;
}
.style04 .side02 {
	position: relative;
	z-index: 2;
	margin-top: 30px;
}
.style04 .side02 .bd {
	width: 1242px;
	overflow: hidden;
}
.style04 .side02 .tempWrap {
	width: 1200px !important;
}
.style04 .side02 .item {
	float: left; 
	width: 372px;
	height: 210px;
	margin-right: 42px;
}
.style04 .side02 .item .img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.style04 .side02 .item .img:before {
	content: '';
	width: 48px;
	height: 48px;
	background: url(../images/online_exhibition/ico60.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	left: 50%;
	margin-left: -24px;
	z-index: 2;
}
.style04 .side02 .item .name {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	padding: 0 20px;
}
.style04 .side02 .item .name h3 {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}
.style04 .side02 .btn {
	display: none;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: #ffffff;
	border-radius: 50%;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	border: 4px solid #bfcedc;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.style04 .side02 .next {
	right: -105px;
	background-position: -72px -68px;
}
.style04 .side02 .prev {
	left: -105px;
	background-position: -2px -2px;
}
.style04 .side02 .btn:hover {
	border: 4px solid #ffb675;
}
.style04 .side02 .prev:hover {
	background-position: -72px -2px;
}
.style04 .side02 .next:hover {
	background-position: -1px -67px;
}
.style04 .con03 {
	background: url(../images/style/ico27.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
}
.style04 .con03 .fl {
	width: 464px;
}
.style04 .con03 .text {
	padding-top: 90px;
}
.style04 .con03 .text h3 {
	font-size: 20px;
	color: #2f2f2f;
	line-height: 30px;
}
.style04 .con03 .text p {
	margin-top: 14px;
}
.style04 .con03 .text ul {
	overflow: hidden;
}
.style04 .con03 .text li {
	font-size: 13px;
	color: #005fdf;
	line-height: 26px;
	text-align: center;
	padding: 0 12px;
	margin-right: 10px;
	margin-top: 6px;
	float: left;
	border: 1px solid #005fdf;
}
.style04 .con03 .title {
	padding: 104px 0 20px;
}
.style04 .con03 .fr {
	width: 688px;
}
.style04 .con03 .list {
	width: 100%;
	float: right;
	position: relative;
	padding: 36px 25px 90px 47px;
}
.style04 .con03 .list:before {
	content: '';
	width: 1047px;
	height: 100%;
	background-color: #0e69ba;
	position: absolute;
	right: -360px;
	top: 0;
}
.style04 .con03 .list > div {
	position: relative;
}
.style04 .con03 .list .fl {
	width: 50%;
}
.style04 .con03 .list .fr {
	width: auto;
}
.style04 .con03 .list .p {
	clear: both;
	width: 100%;
	display: inline-block;
}
.style04 .con03 .list p {
	color: #85c6ff;
	line-height: 30px;
	margin-top: 10px;
}
.style04 .con03 .list p b {
	font-size: 16px;
	color: #fff;
}




/* ä¾›éœ€ä¿¡æ¯ */
.online_exhibition2_d .main-wrap03 {
	background-color: #edf2fa;
	padding-top: 70px;
}
.online_exhibition2_d .main-wrap03 .content {
	position: relative;
}
.online_exhibition2_d .main-wrap03 .bg {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	padding: 0 30px 100px;
	margin: 0 -30px;
	position: relative;
}
.online_exhibition2_d .main-wrap03 .bg:before {
	content: '';
	width: 100%;
	height: 114px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.online_exhibition2_d .main-wrap03 .up {
	height: 114px;
	padding: 28px 30px;
	margin: 0 -30px 30px;
	position: relative;
}
.online_exhibition2_d .main-wrap03 .personal_filter a {
	float: left;
	width: 120px;
	line-height: 56px;
	text-align: center;
	margin-right: 12px;
	font-size: 20px;
	color: #fff;
	font-family: 'en';
  text-transform: uppercase;
  letter-spacing: -1px;
}
.online_exhibition2_d .main-wrap03 .personal_filter a.green {
	background-color: #0aaf86;
}
.online_exhibition2_d .main-wrap03 .personal_filter a.red {
	background-color: #f65f5f;
}
.online_exhibition2_d .main-wrap03 .list {
	margin-right: -20px;
	overflow: hidden;
}
.online_exhibition2_d .main-wrap03 .list .li {
	float: left;
	width: 386px;
	height: 440px;
	margin-right: 20px;
	background-color: #fff;
	overflow: hidden;
}
.online_exhibition2_d .main-wrap03 .list .li {
	height: 210px;
	margin-bottom: 20px;
}
.online_exhibition2_d .main-wrap03 .list .li .img {
	width: 100%;
	height: 230px;
}
.online_exhibition2_d .main-wrap03 .list .li .detailed {
	padding: 33px 28px 25px;
	overflow: hidden;
}
.online_exhibition2_d .main-wrap03 .list .li .date {
	font-family: 'en';
	color: #000;
	color: rgba(0, 0, 0, .4);
}
.online_exhibition2_d .main-wrap03 .list .li .title {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	max-width: 96%;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.online_exhibition2_d .main-wrap03 .list .li:hover .title {
	color: #075fd6;
}
.online_exhibition2_d .main-wrap03 .list .li .title em {
	font-size: 14px;
	padding: 0 5px;
	color: #fff;
	margin-right: 10px;
	margin-top: 1.5px;
	position: relative;
	float: left;
	line-height: 27px;
}
.online_exhibition2_d .main-wrap03 .list .li .title em.green {
	background-color: #0aaf86;
}
.online_exhibition2_d .main-wrap03 .list .li .title em.red {
	background-color: #f65f5f;
}
.online_exhibition2_d .main-wrap03 .list .li .text {
	font-size: 13px;
	color: #4b4b4b;
	color: rgba(75, 75, 75, .8);
	line-height: 22px;
	margin: 10px 0 20px;
	height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.online_exhibition2_d .main-wrap03 .list .li .text02 .fl {
	color: #9295a1;
}
.online_exhibition2_d .main-wrap03 .list .li.end .text02 .fr {
	color: #aaaaaa;
}
.online_exhibition2_d .main-wrap03 .list .li.start .text02 .fr {
	color: #0aaf86;
}



/* 7/29 */



@-webkit-keyframes zoomIn {
	0% {
			opacity:0;
			-webkit-transform:scale3d(.3,.3,.3);
			transform:scale3d(.3,.3,.3)
	}
	50% {
			opacity:1
	}
}@keyframes zoomIn {
	 0% {
			 opacity:0;
			 -webkit-transform:scale3d(.3,.3,.3);
			 transform:scale3d(.3,.3,.3)
	 }
	 50% {
			 opacity:1
	 }
}
.zoomIn {
		-webkit-animation-name:zoomIn;
		animation-name:zoomIn
}

.auto{width: 1200px;position: relative;margin: auto;}
.online_exhibition2{margin-top: 120px;}
.oux-banner{height: 577px;background: url("../images/online_exhibition/oux-banner.jpg") no-repeat center top;font-size: 0;}
.oux-banner .auto{height: 100%;padding-top: 70px;}
.oux-banner .tit{margin-bottom: 50px;text-align: center;}
.oux-banner .tit h2{color: #0c57e3;font-size: 30px;font-family: en;margin-bottom:10px;
	line-height:1;text-transform: uppercase;}
.oux-banner .tit h3{color: rgba(28,102,168,.3);opacity: .3;font-size: 34px;}
.oux-banner .card{text-align: center;margin-bottom: 50px;}
.oux-banner .card .li{display: inline-block;width: 236px;height: 236px;margin: 0 35px;position: relative;text-align: center;padding-top: 80px;}
.oux-banner .card .li var{content: "";width: 100%;height: 100%;background: url("../images/online_exhibition/oux-banner-ca1.png") no-repeat 0 0;
	position: absolute;left: 0;top: 0;
	animation: gun-uhx 3s forwards linear infinite;
}
@keyframes gun-uhx {
	0%{
			transform: rotate(360deg);
	}
	100%{
			transform: rotate(0deg);
	}
}

.oux-banner {
	position: relative;
}
.oux-banner .bg{
	/*height: 100%;*/
	width: 729px;
	height: 371px;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 205px;
	margin: auto;
	/*transform: translateY(-20px);*/
	opacity: 0;
	/*animation: oux-map  20s ease-in-out infinite ;*/
	animation: oux-map  2s ease-in-out forwards ;
}
@keyframes oux-map {
	0%{
			opacity: 0;
			transform: translateY(20px) scale(.9);
	}
	100%{
			opacity:1;
			transform: translateY(0px) scale(1);
	}
	/*100%{*/
			/*transform: translateY(40px) scale(.9);*/
	/*}*/
}

.oux-banner .card .li>*{position: relative;z-index: 20;}
.oux-banner .card .li h4{color: #0b0b0b;font-size: 20px;font-weight: 400;margin-bottom: 12px;}
.oux-banner .card .li em{display: block;color: #0c57e3;font-size: 34px;font-family: en;line-height: 24px;font-weight: bold;}
.oux-banner .card .li em i{display: inline-block;text-align: right}
.oux-banner .searchBoxWrap{height: 66px;position: absolute;left: 0;right: 0;bottom: 70px;}
.oux-banner .searchBox{width: 730px;height: 66px;background-color: #FFF;border: 2px solid #a5b5c7;margin: auto ;border-radius: 5px;}
.oux-banner .searchBox .mySelect{float: left;width: 109px;height: 66px;margin: -2px 0 0 -2px;}
.oux-banner .searchBox .drapList{top: 66px;}
.oux-banner .searchBox .mySelect .show:after{height: 66px;right: 15px;background: url("../images/online_exhibition/searchBox-ic1.png") no-repeat center;}
.oux-banner .searchBox .mySelect ul{}
.oux-banner .searchBox .mySelect li{font-size: 14px;}
.oux-banner .searchBox input{float: left;width: 530px;padding-left: 20px;height: 66px;margin-top: -2px;}
.oux-banner .searchBox .mySelect .show{height: 66px;font-size: 14px;color: #FFF;line-height: 66px;background-color: #1651bf;border-radius: 5px;overflow: hidden;}
.oux-banner .searchBox .button{float: right;width: 66px;height: 66px;margin: -2px -2px 0 0;border-radius: 5px;background: #30be8b url("../images/online_exhibition/search-ic.png") no-repeat center;cursor: pointer;}


.online_exhibition2 .cCont1{height: 780px;padding-top: 60px;background: url("../images/online_exhibition/online_exhibition2-cont1-bg.jpg") no-repeat center top;}
.online_exhibition2 .cCont1 h3{color: #ffffff;font-size: 30px;line-height: 1;margin-bottom: 40px;}
.online_exhibition2 .cCont1 .slideBox {position: relative;height: 486px;}
.online_exhibition2 .cCont1 .slideBox .btn {
	/* display: none; */
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: #ffffff;
	border-radius: 50%;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	border: 4px solid #bfcedc;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.online_exhibition2 .cCont1 .slideBox .next {
	right: -105px;
	background-position: -72px -68px;
}
.online_exhibition2 .cCont1 .slideBox .prev {
	left: -105px;
	background-position: -2px -2px;
}
.online_exhibition2 .cCont1 .slideBox .btn:hover {
	border: 4px solid #ffb675;
}
.online_exhibition2 .cCont1 .slideBox .prev:hover {
	background-position: -72px -2px;
}
.online_exhibition2 .cCont1 .slideBox .next:hover {
	background-position: -1px -67px;
}
.online_exhibition2 .cCont1 .bd ul{min-width: 1300px;}
.online_exhibition2 .cCont1 .bd li{float: left;width: 385px;height: 486px;margin-right: 22px;background-color: #FFF;}
.online_exhibition2 .cCont1 .bd li .img{
	border: 2px solid #FFF;
	width: 100%;
	height: 366px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.online_exhibition2 .cCont1 .cont{height: 117px;padding: 25px 30px;}
.online_exhibition2 .cCont1 .bd h4{color: #0e69ba;font-size: 18px;margin-bottom: 10px;}
.online_exhibition2 .cCont1 .bd p{color: #666666; text-align: left;}
.online_exhibition2 .cCont1 .spage-skip input{color: #FFF;}
.online_exhibition2 .cCont1 .pagination .spage-skip{color: #FFF;}
.online_exhibition2 .cCont1 .pagination button {
	color: #fff;
	border: 1px solid #fff;
	border: 1px solid rgba(225, 225, 225, .2);
}
.online_exhibition2 .cCont2{background-color: #FFFF;margin-bottom: -30px;}
.online_exhibition2 .cCont2 .auto{padding: 60px 0 80px;}
.online_exhibition2 .cCont2 h3{color: #0e69ba;font-size: 30px;line-height: 1;margin-bottom: 40px;}
.online_exhibition2 .cCont2 .rix{float: right;width: 220px;height: 55px;border:1px solid #dfdfdf;position: absolute;right: 0;top: 40px;}
.mySelect .show:after{height: 52px;}
.online_exhibition2 .cCont2 .show{height: 52px;line-height: 52px;}
.online_exhibition2 .cCont2 .card{overflow: hidden;width: 1300px;}
.online_exhibition2 .cCont2 .card .li{float: left;width: 273px;height: 320px;padding: 20px;background-color: #e4eef6;margin-right: 35px;margin-bottom: 40px;transition: all .3s;}
.online_exhibition2 .cCont2 .card .li:hover p{color: #608197;}
.online_exhibition2 .cCont2 .card .li:hover{background-color: #daeffd;}
.online_exhibition2 .cCont2 .card .li .img{height: 140px;background-color: #ffffff !important;border: 2px solid #dae4e7;margin-bottom: 18px;}
.online_exhibition2 .cCont2 .card h4{color: #0e69ba;font-size: 16px;}
.online_exhibition2 .cCont2 .card .txt {
	height: 79px;
	overflow: hidden;
}
.online_exhibition2 .cCont2 .card p{color: #7b8b98;margin-top: 4px; text-align: left; transition: all .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.online_exhibition2 .cCont2 .mySelect .drapList{top: 53px;}

.search_fixed .searchBoxWrap{height: 130px;background: #FFF url(../images/online_exhibition/oux-banner.jpg) no-repeat center bottom;
	margin: 0;padding-top: 34px;position: fixed;left: 0;right: 0;top: 98px;z-index: 990;transition: top .3s,padding .3s;}
.search_fixed.fixed_top .searchBoxWrap{height: 100px;padding-top: 18px;top: 0;}
.search_fixed.fixed_top #header{transform: translateY(-100px);transition: transform .3s;}


.online_exhibition2_d .main-wrap02{background-color: #edf2fa;padding: 70px 0 140px; margin-bottom: -40px;}
.online_exhibition2_d .main-wrap02 .Cont{background-color: #fff;padding: 0 40px 60px;}
.online_exhibition2_d .main-wrap02 .tu_h3{height: 73px;margin-bottom: 30px;padding-top: 25px;color: #4a4a4a;font-size: 20px;background: url(../images/style/ico25.jpg) no-repeat center bottom;}
.online_exhibition2_d .main-wrap02 .card{width: 1200px;overflow: hidden;}
.online_exhibition2_d .main-wrap02 .card .li{float: left;width: 260px;height: 367px;margin-bottom: 10px;margin-right: 27px;}
.online_exhibition2_d .main-wrap02 .card .li .img{height: 305px;border:2px solid #dae4e7;overflow: hidden;position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.online_exhibition2_d .main-wrap02 .card .li .img .bg {
	width: 100%;
	height: 100%;
	background-color: #005fdf;
	background-color: rgba(0, 95, 223, .9);
	padding: 30px 23px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.online_exhibition2_d .main-wrap02 .card .li .img .card_text h3 {
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 4px;
}
.online_exhibition2_d .main-wrap02 .card .li .img .card_text p {
	font-size: 14px;
	color: #ffffff;
	line-height: 22px;
	text-align: left;
	width: 100%;
	height: auto;
	padding: 0;
}
.online_exhibition2_d .main-wrap02 .card .li .img .btn_ico {
	width: 37px;
	height: 16px;
	background: url(../images/style/ico24.png) no-repeat center;
	position: absolute;
	left: 23px;
	bottom: 30px;
}
.online_exhibition2_d .main-wrap02 .card .li .cont{height: 54px;overflow: hidden;}
.online_exhibition2_d .main-wrap02 .card .li p{display: table-cell;width: 260px;height: 54px;padding: 0 20px;vertical-align: middle;text-align: center;line-height: 1.2;color: #4a4a4a;font-size: 16px;}
.online_exhibition2_d .main-wrap02 .card .li:hover .bg {
	opacity: 1;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.online_exhibition2_d .main-wrap02 .card .li:hover .card_text {
	animation: fadeInUp02 .4s 1 linear forwards;
	-webkit-animation: fadeInUp02 .4s 1 linear forwards;
}
.online_exhibition2_d .main-wrap02 .card .li:hover .btn_ico {
	animation: fadeInLeft02 .4s 1 linear forwards;
	-webkit-animation: fadeInLeft02 .4s 1 linear forwards;
}
.online_exhibition2_d .main-wrap02 .card .li:hover .cont p {
	color: #005fdf;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.online_exhibition2_d .main-wrap02 .pagination {
	padding: 0;
	margin: 0;
	margin-top: 20px;
}


.online_exhibition2_d-data1 .return {
	height: 42px;
	line-height: 42px;
	padding: 0 22px;
	border: 1px solid #fff;
	border: 1px solid rgba(225, 225, 225, .4);
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	position: absolute;
	right: 0;
	top: -67px;
	display: inline-block;
}
.online_exhibition2_d-data1 .return .btn_ico {
	width: 24px;
	height: 16px;
	background: url(../images/style/ico3.png) no-repeat center;
	display: inline-block;
	margin-left: 10px;
}
.online_exhibition2_d-data1 .return:hover .btn_ico {
	animation: hoverBtn ease-out .3s reverse;
}
.online_exhibition2_d-data1 .return:hover {
	color: #005fdf;
	background-color: #fff;
	-webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
	-o-transition: all cubic-bezier(.4,0,.2,1) .4s;
	transition: all cubic-bezier(.4,0,.2,1) .4s;
}
.online_exhibition2_d-data1 .title .cn {
	font-size: 24px;
}
.online_exhibition2_d-data1 .cCont3 .list {
	overflow: hidden;
	position: relative;
	margin-top: 16px;
}
.online_exhibition2_d-data1 .cCont3 .list p {
	width: 33.33333%;
	float: left;
	height: 62px;
	line-height: 62px;
	overflow: hidden;
	border-bottom: 1px solid rgba(211, 216, 221, .8);
	color: #5e5f63;
}
.online_exhibition2_d-data1 .cCont1{padding-top: 128px;height: 622px;margin-bottom: 96px;background: url("../images/online_exhibition/online_exhibition2_d-data1-cont1-bg.jpg") no-repeat center top; margin-top: 60px;}
.online_exhibition2_d-data1 .cCont1 .Cont{height: 405px;background-color: #f1f6ff;}
.online_exhibition2_d-data1 .cCont1 .L{float: left;width: 720px;height: 500px;overflow: hidden;position: relative;}
.online_exhibition2_d-data1 .cCont1 .L .bd li {
	width: 720px;
	height: 405px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.online_exhibition2_d-data1 .cCont1 .L .bd li.video:before {
	content: '';
	width: 60px;
	height: 60px;
	background: url(../images/style/ico14.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -30px;
	z-index: 2;
}
.online_exhibition2_d-data1 .cCont1 .L .bd li.video:hover:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	padding: 40px;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	-webkit-animation: play_rotate 3s infinite;
	animation: play_rotate 3s infinite;
	z-index: 1;
}
.online_exhibition2_d-data1 .cCont1 .hd{width: 720px;height: 90px;overflow: auto;position: absolute;left: 0;top: 420px;}
.online_exhibition2_d-data1 .cCont1 .hd ul{min-width: 740px;}
.online_exhibition2_d-data1 .cCont1 .hd li.on{opacity: 1;}
.online_exhibition2_d-data1 .cCont1 .hd li{float: left;width: 132px;height: 74px;margin-right: 15px;opacity: .5;transition: all .3s;cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #d6d6d6;
}
.online_exhibition2_d-data1 .cCont1 .hd li video {
	width: 100%;
}
.online_exhibition2_d-data1 .cCont1 .R{float: right;width: 430px;padding-top: 30px;padding-right: 60px; position: relative;}
.online_exhibition2_d-data1 .cCont1 .R .link_exhibition {
	width: 150px;
}
.online_exhibition2_d-data1 .cCont1 .R h4{color: #0077ff;font-size: 24px;margin-bottom: 5px;}
.online_exhibition2_d-data1 .cCont1 .R p{color: #787e89; text-align: left;}
.online_exhibition2_d-data1 .cCont1 .R .txt{height: 170px;overflow: auto;padding-right: 20px;margin-right: -20px;}
.online_exhibition2_d-data1 .cCont1 .R h3{color: #222222;font-size: 16px;margin-bottom: 10px;}
.online_exhibition2_d-data1 .cCont1 .R ul{color: #787e89;font-size: 16px;margin: 10px 0;}
.online_exhibition2_d-data1 .cCont1 .R ul em{color: #ff4e4e;}
.online_exhibition2_d-data1 .cCont2 .send_weibo{margin: 60px 0 40px;}
.online_exhibition2_d-data1 .cCont2 .comment_inputor{border: 1px solid #dfdfdf;height: 130px;background-color: #f3f3f3;width: 100%;padding: 20px 20px 32px;color: #767676;}
.online_exhibition2_d-data1 .cCont2 .submit{line-height: 55px;padding: 0 42px;background-color: #5bb8d7;border-radius: 4px;display: inline-block;font-size: 16px;color: #fff;margin-top: 10px;}
.online_exhibition2_d-data1 .cCont2 .weiba-com{border-top: 1px solid rgba(223, 223, 223, .4);margin-bottom: 40px;}
.online_exhibition2_d-data1 .cCont2 .weiba-com .li{padding: 15px 0;border-bottom: 1px solid rgba(223, 223, 223, .4);}
.online_exhibition2_d-data1 .cCont2 .weiba-com .li .weiba-up{overflow: hidden;line-height: 30px;margin-bottom: 22px;}
.online_exhibition2_d-data1 .cCont2 .weiba-com .li .name{float: left;color: #5e5f63;}
.online_exhibition2_d-data1 .cCont2 .weiba-com .li em{color: #b1b1b1;margin-left: 30px;}
.online_exhibition2_d-data1 .cCont2 .weiba-com .li .date{color: #b1b1b1;font-family: 'en';float: right;}
.online_exhibition2_d-data1 .cCont2 .weiba-com .li .weiba-down, .online_exhibition2_d-data1 .cCont2 .weiba-com .li .weiba-down p{color: #0e69ba;}
.online_exhibition2_d-data1 .cCont2 .pagination{text-align: right;}
.online_exhibition2_d-data1 .cCont2 .pagination button:first-child, .online_exhibition2_d-data1 .cCont2 .pagination button:last-child, .online_exhibition2_d-data1 .cCont2 .pagination .spage-skip{display: none;}


.online_exhibition2_d .main-wrap01 .cCont1{height: 670px;background-color: #ebebeb;}
.online_exhibition2_d .main-wrap01 .cCont1 .auto{padding-top: 65px;}
.online_exhibition2_d .main-wrap01 .cCont1 .L{
	width: 910px;
	height: 422px;
	background: url(../images/online_exhibition/online_exhibition2_d-main-wrap01-le.jpg) no-repeat 0 0;
	margin-top: 90px;
	padding: 42px 40px 0;
	background-size: cover;
}
.online_exhibition2_d .main-wrap01 .cCont1 .img {float: right;width: 670px;height: 400px;position: relative;z-index: 30;overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important;
}
.online_exhibition2_d .main-wrap01 .cCont1 .img.video:before {
	content: '';
	width: 48px;
	height: 48px;
	background: url(../images/online_exhibition/ico60.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	left: 50%;
	margin-left: -24px;
	z-index: 2;
}
.online_exhibition2_d .main-wrap01 .cCont1 .img.video:hover:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	padding: 40px;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	-webkit-animation: play_rotate 3s infinite;
	animation: play_rotate 3s infinite;
	z-index: 1;
}
.online_exhibition2_d .main-wrap01 .cCont1 .L .Cont{
	width: 480px;
	padding-right: 45px;
}
.online_exhibition2_d .main-wrap01 .cCont1 .L h3{color: #ffffff;font-size: 20px;margin-bottom: 15px;}
.online_exhibition2_d .main-wrap01 .cCont1 .L .txt::-webkit-scrollbar{width: 3px;background-color:rgba(255, 255, 255, 0.48);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.online_exhibition2_d .main-wrap01 .cCont1 .L .txt::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255, 1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.style03 .cCont1 .Cont ul {
	overflow: hidden;
	margin-right: -10px;
}
.style03 .cCont1 .Cont li {
	font-size: 14px;
	color: #fff;
	line-height: 33px;
	text-align: center;
	padding: 0 12px;
	margin-right: 10px;
	margin-top: 6px;
	float: left;
	border: 1px solid rgba(225, 225, 225, .6);
}
.style03 .link_exhibition {
	color: #fff;
	border: 1px solid rgba(225, 225, 225, .6);
}
.style03 .link_exhibition:before {
	background: url(../images/style/ico28_b.png) no-repeat center;
}
.online_exhibition2_d .main-wrap01 .cCont1 .L p{color: #ccd7f5;opacity: .6;margin-top: 14px;}
.online_exhibition2_d .main-wrap01 .cCont2{height: 654px;background-color: #FFF;padding-top: 60px;}
.online_exhibition2_d .main-wrap01 .cCont2 .tit{text-align: center;margin-bottom: 35px;}
.online_exhibition2_d .main-wrap01 .cCont2 .tit h3:after{content: "";width: 40px;border-top: 4px solid #183787;position: absolute;left: 0;right: 0;top: 40px;margin: auto;}
.online_exhibition2_d .main-wrap01 .cCont2 .tit h3{color: #353535;font-size: 24px;margin-bottom: 36px;position: relative;}
.online_exhibition2_d .main-wrap01 .cCont2 .tit p{color: #5f5e5e;opacity: .7;text-align: center;}
.style03 .cCont2 .more {
	font-size: 16px;
	color: #808080;
	line-height: 30px;
	position: absolute;
	right: 0;
	bottom: -20px;
	padding-right: 14px;
}
.style03 .cCont2 .more:before {
	content: '';
	width: 8px;
	height: 12px;
	background: url(../images/style/ico7.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
.online_exhibition2_d .main-wrap01 .cCont2 .card{width: 1250px;}
.online_exhibition2_d .main-wrap01 .cCont2 .card .li{float: left;width: 260px;height: 410px;text-align: center;margin-right: 52px;}
.online_exhibition2_d .main-wrap01 .cCont2 .card .li .img {
	border: 1px solid #e4eaed;
	width: 100%;
	height: 308px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.online_exhibition2_d .main-wrap01 .cCont2 .card .cont{padding-top: 20px;}
.online_exhibition2_d .main-wrap01 .cCont2 .card h4{color: #115fd4;font-size: 16px;margin-bottom: 10px;}
.online_exhibition2_d .main-wrap01 .cCont2 .card p{color: #4a4a4a;font-size: 16px;text-align: center;}
.online_exhibition2_d .main-wrap01 .cCont3{height: 670px;background-color: #ebebeb;padding-top: 60px;}
.online_exhibition2_d .main-wrap01 .cCont3 .tit h3{color: #2f2f2f;font-size: 20px;text-align: center;position: relative;margin-bottom: 85px;}
.online_exhibition2_d .main-wrap01 .cCont3 .tit h3:after{content: "";width: 40px;border-top: 4px solid #183787;position: absolute;left: 0;right: 0;top: 40px;margin: auto;}
.online_exhibition2_d .main-wrap01 .cCont3 .slideBox {
	height: 355px;
}
.online_exhibition2_d .main-wrap01 .cCont3 .bd ul{min-width: 1300px;}
.online_exhibition2_d .main-wrap01 .cCont3 .bd li{float: left;width: 560px;height: 355px;margin-right: 78px;background-color: #FFF;}
.online_exhibition2_d .main-wrap01 .cCont3 .bd li .img{height: 267px;overflow: hidden;position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.online_exhibition2_d .main-wrap01 .cCont3 .bd li .img:before {
	content: '';
	width: 48px;
	height: 48px;
	background: url(../images/online_exhibition/ico60.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	left: 50%;
	margin-left: -24px;
	z-index: 2;
}
.online_exhibition2_d .main-wrap01 .cCont3 .bd .cont p{display: table-cell;width: 560px;height: 90px;vertical-align: middle;padding: 0 25px;font-size: 16px; color: #5c5c5c;}
.online_exhibition2_d .main-wrap01 .cCont3 .slideBox{position: relative;}
.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .btn {
	/* display: none; */
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: #ffffff;
	border-radius: 50%;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	border: 4px solid #bfcedc;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .next {
	right: -105px;
	background-position: -72px -68px;
}
.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .prev {
	left: -105px;
	background-position: -2px -2px;
}
.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .btn:hover {
	border: 4px solid #ffb675;
}
.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .prev:hover {
	background-position: -72px -2px;
}
.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .next:hover {
	background-position: -1px -67px;
}
.online_exhibition2_d .main-wrap01 .cCont4{height: 672px;background: url("../images/online_exhibition/online_exhibition2_d-main-wrap01-cont4-bg.jpg") no-repeat center top;margin-bottom: -50px;padding-top: 60px;}
.online_exhibition2_d .main-wrap01 .cCont4 h3{color: #353535;font-size: 24px;margin-bottom: 130px;position: relative;text-align: center;}
.online_exhibition2_d .main-wrap01 .cCont4 h3:after{content: "";width: 40px;border-top: 4px solid #183787;position: absolute;left: 0;right: 0;top: 40px;margin: auto;}
.online_exhibition2_d .main-wrap01 .cCont4 .Cont ul:first-child{margin-left: 0;}
.online_exhibition2_d .main-wrap01 .cCont4 .Cont ul{display: inline-block;margin-left: 90px;vertical-align: top;}
.online_exhibition2_d .main-wrap01 .cCont4 .Cont ul li{font-size: 14px;color: #808080;margin-bottom: 18px;}
.online_exhibition2_d .main-wrap01 .cCont4 .Cont ul li em{color: #8b4e37;font-size: 16px;}

/* 9-29 */
table.name {
	width: 100%;
	font-size: 15px;
	color:#5f5e5e;
	text-align: center;
	border-width: 1px;
	border-color: #c4ddd7;
	border-collapse: collapse;
}
table.name tr {
	background-color:#dbece8;
}
table.name td {
	border-width: 1px;
	padding: 12px 18px;
	border-style: solid;
	border-color: #c4ddd7;
}
table.schedule {
	width: 100%;
	color:#848484;
	border-width: 1px;
	border-color: #e4edee;
	border-collapse: collapse;
	text-align: center;
}
table.schedule tr {
	background-color:#fff;
}
table.schedule td {
	border-width: 1px;
	padding: 12px 18px;
	border-style: solid;
	border-color: #e4edee;
}
table.schedule td.num01 {
	width: 140px;
}
table.schedule td.num02 {
	width: 300px;
	text-align: left;
}
table.schedule td.num03 {
	width: 270px;
	text-align: left;
}
.wrapper {
	overflow: hidden;
}
.wrapper .detailed {
	/* float: left; */
	/* width: 900px; */
	margin: 50px 0;
}
.forums_events.wrapper .detailed .img {
	position: relative;
	height: 240px;
	padding-top: 98px;
	text-align: center;
	overflow: hidden;
}
.forums_events.wrapper .detailed .img .bg {
	width: 100%;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-animation: scale_img 30s infinite ease-out alternate;
	animation: scale_img 30s infinite ease-out alternate;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background-size: cover;
}
.forums_events.wrapper .detailed .img .cn {
	font-size: 28px;
	color: #fff;
	line-height: 26px;
	width: 55%;
  margin: auto;
}
.forums_events .box h3 {
	font-size: 20px;
	color: #4a4a4a;
	line-height: 30px;
	padding-bottom: 18px;
	border-bottom: 3px solid #e4edee;
	margin: 27px 0 14px;
}
.forums_events .box p {
	font-size: 14px;
	text-align: left;
	line-height: 24px;
}
.forums_events .box ul {
	overflow: hidden;
	margin-right: -33px;
}
.forums_events .box li {
	width: 278px;
	padding: 30px 20px 20px;
	margin-right: 33px;
	border: 1px solid #d4dcdb;
	float: left;
	min-height: 240px;
	margin-bottom: 20px;
}
.forums_events .box li h3 {
	border: none !important;
	background: none !important;
	padding: 0;
	margin: 12px 0 0;
}
.forums_events table.schedule {
	margin-top: 30px;
}
.forums_events table.schedule td.num {
	width: 200px;
}
.forums_events table.schedule td.num01 {
	width: 700px;
	padding: 12px 36px;
	text-align: left;
}
.forums_events table.schedule td.num02 {
	text-align: left;
	padding: 12px 18px 12px 235px;
	width: 100%;
}
.forums_events table.schedule td.bg {
	border-color: #dbece8;
	background-color: #dbece8;
	color: #54756d;
}
.forums_events .box .item:first-child {
	border-top: 3px solid #e4edee;
}
.forums_events .box .item {
	position: relative;
	overflow: hidden;
	padding: 12px 88px 12px 0;
	border-bottom: 3px solid #e4edee;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.forums_events .box .item .company {
	float: left;
	width: 149px;
	height: 186px;
	overflow: hidden;
	margin-right: 30px;
}
.forums_events .box .item .des {
	/* width: 633px; */
	width: 920px;
	float: left;
	margin-top: 15px;
}
.forums_events .box .item .ico {
	width: 88px;
	height: 100%;
	background: url(../images/forums_events/ico6.png) no-repeat center 82px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.forums_events .box .item .des .txt {
	height: 135px;
	overflow: hidden;
}
.forums_events .box .item .des .txt h3 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #075fd6;
	line-height: 20px;
	border: none;
}
.forums_events .box .item .des .txt p {
	font-size: 14px;
}
.forums_events .box .item.on {
	background-color: #f9f9f9;
}
.forums_events .box .item .ico:hover,
.forums_events .box .item.on .ico {
	background: url(../images/forums_events/ico6_on.png) no-repeat center 82px;
}
.forums_events .box .more {
	width: 45px;
	height: 45px;
	background: url(../images/forums_events/ico12.png) no-repeat;
	margin: auto;
	margin-top: 34px;
	cursor: pointer;
}

/* live */
#luxy.live {
	background: none;
}
.live .con01 {
	height: 940px;
	background: url(../images/live/ico1.jpg) no-repeat center;
	padding: 55px 0 36px;
	margin-top: 126px;
}
.live .title {
	text-align: center;
}
.live .title .cn {
	font-size: 24px;
	color: #075fd6;
	line-height: 30px;
}
.live .title .en {
	font-family: 'en';
	font-size: 32px;
	color: #dddddd;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: -.5px;
	margin-top: 5px;
}
.live .con02 .title {
	margin-bottom: 37px;
}
.live .con03 .title {
	margin-bottom: 47px;
}
.live .con01 .title .cn {
	color: #fff;
}
.live .con01 .title .en {
	font-size: 56px;
	color: #002189;
	background-image: -webkit-linear-gradient(bottom, transparent,#153faa);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.live .con02 .title .en {
	color: #bbcde8;
}
.live .con01 .bd ul {
	width: 280px;
	float: right;
}
.live .con01 .bd ul > li {
	width: 100%;
	height: 600px;
	position: relative;
}
.live .con01 .bd {
	margin: 0 -110px;
}
.live .con01 .bd .topBox {
	width: 100%;
	height: 100%;
	position: relative;
}
.live .con01 .bd .topBox .fl {
	width: 1130px;
	height: 100%;
}
.live .con01 .toplist {
	width: 280px;
	height: 88%;
	background-color: #f3f6fb;
	float: right;
	padding: 37px 10px 20px 20px;
	position: relative;
}
.live .con01 .toplist .title {
	font-size: 18px;
	color: #232323;
	line-height: 22px;
	text-align: left;
}
.live .con01 .toplist .title h3 {
	float: left;
}
.live .con01 .toplist .title h3 + h3 {
	float: right;
	margin-right: 10px;
}
.live .con01 .toplist .title a {
	display: inline-block;
	font-size: 14px;
}
.live .con01 .toplist .title a.on {
	color: #3083f3;
}
.live .con01 .toplist .con .ul {
	height: 422px;
	overflow: auto;
	padding-right: 10px;
	margin: 27px 0 15px;
}
.live .con01 .toplist .con .li {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #ffffff;
	border-radius: 4px;
	padding: 0 32px 0 16px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
	position: relative;
	cursor: pointer;
}
.live .con01 .toplist .con .li + .li {
	margin-top: 12px;
}
.live .con01 .toplist .con .li:hover,
.live .con01 .toplist .con .li.on {
	background-color: #3083f3;
}
.live .con01 .toplist .con .li:hover h3,
.live .con01 .toplist .con .li.on h3 {
	color: #fff;
}
.live .con01 .toplist .con .li:hover:before,
.live .con01 .toplist .con .li.on:before {
	content: '';
	width: 9px;
	height: 8px;
	background: url(../images/live/ico8.png) no-repeat center;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -4px;
}
.live .con01 .toplist .con .li .name {
	display: inline-block;
	vertical-align: middle;
}
.live .con01 .toplist .con .li h3 {
	color: #828282;
	line-height: 22px;
}
.live .con01 .toplist .con2 .li {
	height: auto;
	line-height: initial;
	padding: 6px 16px;
}
.live .con01 .toplist .con2 .li .date {
	color: #78a8e8;
	line-height: 22px;
}
.live .con01 .toplist .con2 .li .name {
	width: 100%;
}
.live .con01 .toplist .con2 .li .name p {
	color: #828282;
	line-height: 22px;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.live .con01 .toplist .con2 .li:hover, 
.live .con01 .toplist .con2 .li.on {
	background-color: #fff;
}
.live .con01 .toplist .con2 .li:hover:before,
.live .con01 .toplist .con2 .li.on:before {
	display: none;
}
.live .con01 .toplist .con2 .li .name p:hover,
.live .con01 .toplist .con2 .li .name p.on {
	color: #3083f3;
	padding-left: 8px;
}
.live .con01 .toplist .con2 .li .name p:hover:before,
.live .con01 .toplist .con2 .li .name p.on:before {
	content: '';
	width: 4px;
	height: 4px;
	background-color: #3083f3;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 9px;
}
.live .con01 .btnBox {
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background-color: #25c8a1;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
.live .con01 .btnBox .pos {
	display: none;
	width: 100px;
	position: absolute;
	right: 0;
	top: -113px;
	left: 0;
	margin: auto;
}
.live .con01 .btnBox:hover .pos {
	display: block;
}
.live .con01 .hd {
	width: 1200px;
	height: 136px;
	overflow: hidden;
	margin-top: 10px;
}
.live .con01 .hd ul {
	min-width: 1200px;
}
.live .con01 .hd li.on {
	background-color: #c5dbff;
}
.live .con01 .hd li.on .name {
	color: #333333;
}
.live .con01 .hd li {
	float: left;
	width: 199px;
	height: 136px;
	background-color: rgba(243, 246, 251, .2);
	padding: 10px 20px;
	margin-right: 1px;
	cursor: pointer;
}
.live .con01 .hd li .red {
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	padding: 0 8px;
	margin-bottom: 6px;
	background-color: #ff3b43;
	border-radius: 2px;
	display: inline-block;
}
.live .con01 .hd li .green {
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	padding: 0 8px;
	margin-bottom: 6px;
	background-color: #06ae86;
	border-radius: 2px;
	display: inline-block;
}
.live .con01 .hd li .name {
	font-size: 16px;
	color: #fff;
	min-height: 54px;
	line-height: 22px;
}
.live .con01 .hd li .name em {
	font-size: 13px;
	display: block;
	/* line-height: 14px; */
}
.live .con01 .hd li .date {
	font-family: 'en';
	color: #7382bf;
	line-height: 1;
}
.live .con01 .slideBox {
	position: relative;
	margin-top: 16px;
}
.live .con01 .slideBox .btn {
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: 38px;
	background-color: #ffffff;
	border-radius: 50%;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	border: 4px solid #bfcedc;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.live .con01 .slideBox .next {
	right: -100px;
	background-position: -72px -68px;
}
.live .con01 .slideBox .prev {
	left: -100px;
	background-position: -2px -2px;
}
.live .con01 .slideBox .btn:hover {
	border: 4px solid #ffb675;
}
.live .con01 .slideBox .prev:hover {
	background-position: -72px -2px;
}
.live .con01 .slideBox .next:hover {
	background-position: -1px -67px;
}
.sideImg {
	width: 1130px;
	height: 600px;
	position: relative;
	float: left;
	margin-bottom: 10px;
}
.sideImg .imgbd {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.sideImg .imgbd .ul {
	width: 100% !important;
	height: 100% !important;
}
.sideImg .imgbd .li {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.sideImg .imgbd .li .img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.sideImg .imgbd .li .img:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	left: 0;
}
.sideImg .imgbd .li .img.video:before {
	display: none;
}
.sideImg .imgbd .li .img.video .videoBtn {
	content: '';
	width: 60px;
	height: 60px;
	background: url(../images/style/ico14.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -30px;
	z-index: 2;
}
.sideImg .imgbd .li .img.video:hover .videoBtn:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	padding: 40px;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
	-webkit-animation: play_rotate 3s infinite;
	animation: play_rotate 3s infinite;
	z-index: 1;
}
.sideImg .imgbd .li .img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sideImg .imgbd .li .content {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sideImg .imgbd .li .side_t {
	position: absolute;
	left: 398px;
	top: 157px;
}
.sideImg .imgbd .li .side_t .text1 {
	margin-bottom: 22px;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.sideImg .imgbd .li .side_t .text2 {
	overflow: hidden;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
.sideImg .imgbd .li .side_t .text2 h3 {
	font-size: 24px;
	color: #ffffff;
	line-height: 40px;
	float: left;
}
.sideImg .imgbd .li .side_t .text2 em {
	font-size: 32px;
}
.sideImg .imgbd .li .side_t .head_time {
	float: left;
	font-size: 32px;
	color: #fff;
	text-align: center;
	margin: 46px 0 0 10px;
}
.sideImg .imgbd .li .side_t .head_time em {
	font-family: 'en';
	font-size: 42px;
	font-weight: bold;
	letter-spacing: 2px;
	display: inline-block;
}
.sideImg .imgbd .li .side_t .more {
	line-height: 50px;
	background-color: #14d3c0;
	border-radius: 25px;
	color: #fff;
	padding: 0 22px;
	margin-top: 40px;
	display: inline-block;
	box-shadow: 0px 0px 4px rgba(4, 82, 123, .7);
}
.sideImg .btn_hd {
	margin: auto;
	position: absolute;
	right: 40px;
	bottom: 20px;
	z-index: 99;
}
.sideImg .btn_hd .ul .li.on {
	background-color: #fff !important;
}
.sideImg .btn_hd .ul .li {
	float: left;
	width: 16px !important;
	height: 16px !important;
	overflow: hidden;
	color: transparent;
	background-color: transparent !important;
	border: 3px solid #fff;
	border-radius: 50%;
	margin-left: 10px;
	transition: all .4s;
	cursor: pointer;
}
.live .con02 {
	background-color: #e7f1ff;
	padding: 55px 0 118px;
	position: relative;
}
.live .con02:before {
	content: '';
	width: 211px;
	height: 68px;
	background: url(../images/live/ico3.png) no-repeat center;
	position: absolute;
	left: 12px;
	bottom: 128px;
}
.live .con02 .side02 {
	position: relative;
	z-index: 2;
}
.live .con02 .side02 .bd {
	overflow: hidden;
	width: 1215px;
}
.live .con02 .side02 .tempWrap {
	width: 1200px !important;
}
.live .con02 .side02 .item {
	float: left; 
	width: 390px;
	height: 547px;
	margin-right: 15px;
}
.live .con02 .side02 .item .img {
	width: 100%;
	height: 337px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.live .con02 .side02 .item .detailed {
	text-align: left;
	height: 210px;
	background-color: #fff;
	padding: 34px 26px 0;
	position: relative;
}
.live .con02 .side02 .item .detailed .name {
	font-size: 24px;
	color: #075fd6;
	line-height: 20px;
}
.live .con02 .side02 .item .detailed .name em {
	font-size: 14px;
}
.live .con02 .side02 .item .detailed .text {
	font-size: 14px;
	color: #848484;
	line-height: 24px;
	margin-top: 10px;
}
.live .con02 .side02 .item .detailed:before {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	bottom: 0;
	z-index: 2;
	background: url(../images/live/ico2.jpg) no-repeat center bottom;
	-webkit-transition: top .4s ease-out;
	transition: top .4s ease-out;
}
.live .con02 .side02 .item:hover .detailed:before {
	top: 0;
}
.live .con02 .side02 .item .detailed .text02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 34px 26px 0;
	z-index: 9;
	display: none;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.live .con02 .side02 .item .detailed .text02 h3 {
	font-size: 18px;
	color: #fff;
}
.live .con02 .side02 .item .detailed .text02 .height {
	margin-top: 10px;
}
.live .con02 .side02 .item .detailed .text02 p {
	color: #ffffff;
	line-height: 24px;
}
.live .con02 .side02 .item:hover .detailed .text02 {
	display: block;
	animation: fadeInUp 1s;
	-webkit-animation: fadeInUp 1s;
}
.live .con02 .side02 .hd {
	width: 1200px;
	height: 0;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	text-align: center;
}
.live .con02 .side02 .hd ul li.on {
	border: 3px solid #075fd6;
	background-color: #075fd6;
}
.live .con02 .side02 .hd ul li {
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	border: 3px solid #075fd6;
	border-radius: 50%;
	margin-left: 8px;
	transition: all .4s;
	cursor: pointer;
}
.live .con02 .side02 .btn {
	display: none;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: #ffffff;
	border-radius: 50%;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	border: 4px solid #bfcedc;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.live .con02 .side02 .next {
	right: -105px;
	background-position: -72px -68px;
}
.live .con02 .side02 .prev {
	left: -105px;
	background-position: -2px -2px;
}
.live .con02 .side02 .btn:hover {
	border: 4px solid #ffb675;
}
.live .con02 .side02 .prev:hover {
	background-position: -72px -2px;
}
.live .con02 .side02 .next:hover {
	background-position: -1px -67px;
}
.live .con03 {
	padding: 55px 0 125px;
}
.live .con03 .side03 {
	position: relative;
	z-index: 2;
}
.live .con03 .side03 .bd {
	overflow: hidden;
	width: 1213px;
}
.live .con03 .side03 .tempWrap {
	width: 1210px !important;
}
.live .con03 .side03 .item {
	float: left; 
	width: 290px;
	height: 390px;
	margin-right: 13px;
	position: relative;
}
.live .con03 .side03 .item .img {
	width: 100%;
	height: 360px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.live .con03 .side03 .item .detailed {
	width: 250px;
	height: 114px;
	background-color: #fff;
	box-shadow: 0 0 13px rgba(189, 189, 190, .4);
	padding: 22px 10px 0 18px;
	position: absolute;
	right: 0;
	top: 264px;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.live .con03 .side03 .item .detailed .name {
	font-size: 18px;
	color: #075fd6;
	line-height: 20px;
	margin-bottom: 6px;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.live .con03 .side03 .item .detailed .text {
	font-size: 14px;
	color: #848484;
	line-height: 22px;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
	transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.live .con03 .side03 .item:hover .detailed {
	background-color: #075fd6;
	box-shadow: none;
}
.live .con03 .side03 .item:hover .detailed .name {
	color: #ffffff;
}
.live .con03 .side03 .item:hover .detailed .text {
	color: #ffffff;
}
.live .con03 .side03 .hd {
	width: 1200px;
	height: 0;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	text-align: center;
}
.live .con03 .side03 .hd ul li.on {
	border: 3px solid #075fd6;
	background-color: #075fd6;
}
.live .con03 .side03 .hd ul li {
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	border: 3px solid #075fd6;
	border-radius: 50%;
	margin-left: 8px;
	transition: all .4s;
	cursor: pointer;
}
.live .con03 .side03 .btn {
	display: none;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: #ffffff;
	border-radius: 50%;
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	border: 4px solid #bfcedc;
	z-index: 9;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}
.live .con03 .side03 .next {
	right: -105px;
	background-position: -72px -68px;
}
.live .con03 .side03 .prev {
	left: -105px;
	background-position: -2px -2px;
}
.live .con03 .side03 .btn:hover {
	border: 4px solid #ffb675;
}
.live .con03 .side03 .prev:hover {
	background-position: -72px -2px;
}
.live .con03 .side03 .next:hover {
	background-position: -1px -67px;
}
.live .con04 {
 /* min-height: 975px; */
 background: #ebeff4;
 padding-bottom: 70px;
 margin-bottom: -25px;
 position: relative;
 overflow: hidden;
}
.live .con04 .title {
	padding: 50px 0 36px;
	background-color: #fff;
}
.live .con04 .topBox {
	height: 90px;
	line-height: 90px;
	background: url(../images/live/ico10.png) no-repeat center;
}
.live .con04 .hd {
	width: 1200px;
	height: 90px;
	overflow: hidden;
	margin: auto;
}
.live .con04 .hd ul {
	min-width: 1200px;
}
.live .con04 .hd li:hover .name,
.live .con04 .hd li.on .name {
	color: #fff;
}
.live .con04 .hd li:before {
	content: '';
	display: block;
	position: absolute;
	left: 9.9%;
	/* right: 0; */
	bottom: 0;
	background-color: #fff;
	height: 5px;
	width: 0;
	transition: width .4s ease;
	-webkit-transition: width .4s ease;
	margin: auto;
}
.live .con04 .hd li:hover:before,
.live .con04 .hd li.on:before {
	width: 80%;
}
.live .con04 .btn_hd {
	width: 1200px;
	margin: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: -40px;
}
.live .con04 .btn_hd .li {
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	border: 3px solid #075fd6;
	border-radius: 50%;
	margin-left: 8px;
	transition: all .4s;
	cursor: pointer;
}
.live .con04 .btn_hd .li.on {
	border: 3px solid #075fd6;
	background-color: #075fd6;
}
.live .con04 .hd li {
	float: left;
	width: 200px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	cursor: pointer;
	position: relative;
	padding-top: 10px;
}
.live .con04 .hd li .downBox {
	display: inline-block;
	vertical-align: top;
}
.live .con04 .hd li .name {
	font-size: 16px;
	color: #aae1ef;
	line-height: 24px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.live .con04 .bd {
	width: 1200px;
	background-color: #fff;
	margin: auto;
	margin-top: 60px;
}
.live .con04 .bd li .bg {
	padding: 20px;
}
.live table.name {
	font-size: 16px;
	color: #324643;
	text-align: center;
	border-width: 1px;
	border-color: #fff;
	border: none;
}
.live table.name tr {
	background-color:#92d3c8;
}
.live table.name td {
	border-width: 1px;
	padding: 27px 20px;
	border: none;
}
.live table.name td.num {
	width: 202px;
}
.live table.name td.num01 {
	width: 417px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.live table.name td.num02 {
	width: 571px;
}
.live table.schedule {
	width: 100%;
	color:#666666;
	border: none;
}
.live table.schedule tr {
	background-color:#fff;
}
.live table.schedule td {
	padding: 18px 20px;
	border-left: none;
	/* border-right: none; */
	border-bottom-color: #ebeff4;
}
.live table.schedule td.num {
	width: 202px;
}
.live table.schedule td p {
	color: #666666;
}
.live table.schedule td.num p {
	text-align: center;
	color: #78a8e8;
	line-height: 18px;
}
.live table.schedule td.num01 {
	width: 417px;
	padding: 18px 20px 18px 55px;
}
.live table.schedule td.num02 {
	width: 571px;
	padding: 18px 20px 18px 55px;
}
.live table.schedule td.num02 h4 {
	line-height: 22px;
	color: #075fd6;
}
.live table.schedule td.num02 p {
	line-height: 22px;
}
.live .con04 .text {
	margin-top: 20px;
}
.live .con04 .text p {
	color: #8d8f8f;
	line-height: 24px;
	text-align: center;
}
.live .con04 .bd ul {
	position: relative;
	z-index: 2;
}
.live .con04 .icon01 {
	position: absolute;
	right: -200px;
	top: 455px;
	width: 399px;
	height: 399px;
	background: url(../images/index/ico51.png) no-repeat center/cover;
	-webkit-animation: circle01 20s linear infinite;
	animation: circle01 20s linear infinite;
}
.live .con04 .icon02 {
	position: absolute;
	left: 46px;
	top: 624px;
	width: 226px;
	height: 226px;
	background: url(../images/live/ico11.png) no-repeat center;
	-webkit-animation: circle02 20s linear infinite;
	animation: circle02 20s linear infinite;
}
.live .con04 .icon03 {
	position: absolute;
	left: 240px;
	top: 735px;
	width: 84px;
	height: 84px;
	background: url(../images/live/ico12.png) no-repeat center;
	-webkit-animation: circle02 20s linear infinite;
	animation: circle02 20s linear infinite;
	z-index: 1;
}

.pop.tips_pop .popBody {
	width: 600px;
	height: 282px;
	padding: 0;
	margin-left: -300px;
	margin-top: -141px;
	border-radius: 4px;
}
.pop.tips_pop .close {
	width: 16px;
	height: 16px;
	background: url(../images/tips_close.png) no-repeat center;
	background-size: cover;
	border: none;
	border-radius: 0;
	top: 21px;
}
.pop.tips_pop .name {
	line-height: 57px;
	background: url(../images/tips_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 0 20px;
	font-size: 16px;
	color: #fff;
	border-radius: 4px 4px 0 0;
}
.pop.tips_pop .text {
	font-size: 20px;
	color: #8b9096;
	text-align: center;
	margin-top: 100px;
}
.pop.tips_pop .text em {
	color: #0c62d6;
}


@media (max-width: 1500px) {
	.header nav {
		padding-right: 100px;
	}
	.header .aside {
		margin-left: -100px;
	}
}
@media (max-width: 1460px) {
	.index .forum .side03 .btn {
			top: auto;
			margin-top: 0;
			bottom: -75px;
	}
	.index .forum .side03 .next {
			right: 30px;
	}
	.index .forum .side03 .prev {
			left: auto;
			right: 110px;
	}
}
@media (max-width: 1300px) { 
	.header .aside {
		margin-left: -120px;
	}
}
@media all
and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
    (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
    (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
}
@media all
and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
    (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
    (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
}
@media all
and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
    (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
    (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
}
@media all
and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
    (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
    (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
}
@media all
and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
    (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
    (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
}
@media all
and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
    (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
    (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
}
@media (max-width: 1680px) {
    .online_exhibition5 .pagination {
        position: relative;
        margin: 0;
        right: 0;
    }
    .online_exhibition5 .spage-number button.active {
        margin:0 50px 0 30px;
        padding: 0;
    }
    .online_exhibition5 .spage-total {
        top: 43px;
        left: 604px;
    }
    .online_exhibition5 .spage-number button.active,
    .online_exhibition5 .spage-number .prev,
    .online_exhibition5 .spage-number .next {
        display: inline-block;
    }
}
@media (max-width: 1460px) {
    .online_exhibition2 .cCont1 .slideBox .next,
    .online_exhibition2_d .main-wrap01 .cCont3 .slideBox .next {
        right: 30px;
    }
    .index .con02 .side02 .prev,
    .index .con03 .side03 .prev,
    .online_exhibition2 .cCont1 .slideBox .prev,
    .online_exhibition2_d .main-wrap01 .cCont3 .slideBox .prev {
        left: auto;
        right: 110px;
    }
    .style01 .side02 .btn,
    .style04 .side02 .btn {
        top: -47px;
    }
    .style01 .side02 .next,
    .style04 .side02 .next {
        right: 30px;
    }
    .style01 .side02 .prev,
    .style04 .side02 .prev {
        left: auto;
        right: 110px;
    }
    .online_exhibition2 .cCont1 .slideBox .btn,
    .online_exhibition2_d .main-wrap01 .cCont3 .slideBox .btn {
        top: auto;
        margin-top: 0;
        bottom: -95px;
    }
}

@media (max-width: 1280px) {
    #header {
        width: 1366px;
        position: absolute;
    }
    #header .nav a {
        font-size: 15px;
    }
    html {
        overflow-x: scroll;
    }
    body {
        width: 1366px;
        height: auto !important;
    }
    #luxy {
        overflow: hidden;
        width: auto !important;
        position: static !important;
        transform: none !important;
    }
}
@media screen and (max-height: 880px) {
    .online_exhibition .title .en {
        font-size: 32px;
        line-height: 42px;
    }
    .online_exhibition .con01 .list {
        padding-top: 4%;
    }
}
@media screen and (max-width: 1440px) and (max-height: 860px) { 
    .online_exhibition .title .en {
        font-size: 32px;
        line-height: 42px;
    }
    .online_exhibition .con01 .list {
        padding-top: 4%;
    }
    .online_exhibition2 .page_ban .img {
        top: 26%;
    }
    .online_exhibition2 .page_ban .img img {
        height: 520px;
    }
}
@media screen and (max-width: 1366px) and (max-height: 760px) { 
    .online_exhibition .con01 .list {
        padding-top: 2%;
    }
    .online_exhibition .con01 .list .li {
        height: 240px;
    }

    .online_exhibition2 .page_ban .img img {
        height: 490px;
    }
}
@media screen and (max-height: 740px) { 
    .online_exhibition .con01 .list {
        padding-top: 2%;
    }
}



/* 20231023 */
.cimee_bg .detailed > .img,.cimee_bg .detailed .con > .img{width: 100%;height: 240px;background: no-repeat center;background-size: cover;margin-bottom: 40px;position: relative;}
.cimee_bg .detailed > .img .bg{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;position: absolute;left: 0;top: 0;z-index: -1;}
#content{position:relative;padding-top:10px;z-index:9;background:#fafafa}
.cimee_bg > .wrapper{width:1320px;background-color:#fff;margin:auto;margin-top:-100px;position:relative}
.wrapper .detailed p{color:#555555}
.wrapper .content{position:relative;min-height:980px}
.wrapper .hidden{display:inline-block;padding:58px 0 80px;position:relative;z-index:2}
.wrapper .wrapper_nav{float:left;width:300px;position:relative}
.wrapper .wrapper_nav .name{font-family:'DINSchrift';font-size:42px;color:#0061ae;line-height:42px;text-transform:uppercase;letter-spacing:-2px}
.wrapper .wrapper_nav .name em{display:block}
.wrapper .wrapper_nav .list{margin:18px 0 0 0 !important;width:70%;overflow:visible}
.wrapper .wrapper_nav .list li a{font-size:16px;color:#8b9092;line-height:24px;position:relative;display:inline-block;margin-bottom:12px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.wrapper .wrapper_nav .list li a.on{color:#0061ae}
.wrapper .wrapper_nav .list li:hover a:after,.wrapper .wrapper_nav .list li.animated a.on:after{width:-moz-calc(100% + 140px);width:-webkit-calc(100% + 140px);width:calc(100% + 140px)}
.wrapper .wrapper_nav .list li a:after{content:'';width:0;height:calc(100% + 20px);background-color:#f3f5fb;position:absolute;left:-60px;top:0;bottom:0;margin:auto;z-index:-1;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s}
.wrapper .wrapper_nav .list li a:before{content:'';height:16px;background:url(../images/newsBoard/ico1.png) no-repeat center;position:absolute;right:-32px;top:5px;transition-duration:.5s;-webkit-transition-duration:.5s;opacity:0;filter:Alpha(opacity=0);-webkit-transition:all .4s .8s;-o-transition:all .4s .8s;transition:all .4s .8s}
.wrapper .wrapper_nav .list li:hover a:before,.wrapper .wrapper_nav .list li.animated a.on:before{width:34px;opacity:1;filter:Alpha(opacity=100);transform:translateX(10px);-webkit-transform:translateX(10px)}
.wrapper .wrapper_nav .list li a.on:before{}
.wrapper .wrapper_nav .list li a:hover{color:#0061ae}
.wrapper .wrapper_nav .dl{margin-top:20px}
.wrapper .wrapper_nav .dl + .dl{margin-top:0}
.wrapper .wrapper_nav .dl .dt{font-size:18px;color:#333333;padding:6px 0}
.wrapper .wrapper_nav .dl .list{display:none;margin:4px 0 0 !important}
.wrapper .wrapper_nav .dl.on li{visibility:visible !important}
.wrapper .wrapper_nav .dl.on .list{display:block}
.wrapper .detailed p a{display:inline-block}
.wrapper .detailed{float:left;width:900px}
.wrapper .detailed .auto{width:100%}
.wrapper .detailed .title{margin-bottom:22px}
.wrapper .detailed > .title .cn{font-size:26px;color:#075fd6;line-height:38px}
.wrapper .detailed > .title .en{font-family:'en';font-size:24px;color:#d9c48b;line-height:1;text-transform:uppercase;margin-top:5px}
.wrapper .detailed h3.cn{font-size:15px;color:#075fd6;line-height:24px;padding:0 !important;margin-bottom:4px}
.forums_events8 .wrapper .detailed .img .cn{position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size:28px;color:#fff;padding: 0 20px 0 298px !important;line-height:32px}
.forums_events8 .box h3{font-size:20px;color:#4a4a4a;line-height:30px;padding-bottom:18px;border-bottom:3px solid #e4edee;margin:27px 0 14px}
.forums_events8 .box p{font-size:15px}
.forums_events8 .box ul{overflow:hidden;margin-right:-33px}
.forums_events8 .box li{width:278px;padding:34px 25px 26px;margin-right:33px;border:1px solid #d4dcdb;float:left}
.forums_events8 .box li h3{border:none !important;background:none !important;padding:0;margin:12px 0 0}
.forums_events8 table.schedule{margin-top:30px;margin-bottom:14px}
.forums_events8 table.schedule td.num{width:200px}
.forums_events8 table.schedule td.num01{width:700px;text-align:left;padding:12px 36px;font-size:14px}
.forums_events8 .box .item:first-child{border-top:3px solid #e4edee}
.forums_events8 .box .item{position:relative;overflow:hidden;padding:12px 88px 12px 0;border-bottom:3px solid #e4edee;transition-duration:.4s;-webkit-transition-duration:.4s}
.forums_events8 .box .item .company{float:left;width:149px;height:186px;overflow:hidden;margin-right:30px}
.forums_events8 .box .item .des{width:633px;float:left;margin-top:15px}
.forums_events8 .box .item .ico{width:88px;height:100%;background:url(../images/newsBoard/ico6.png) no-repeat center 82px;position:absolute;right:0;top:0;cursor:pointer;transition-duration:.4s;-webkit-transition-duration:.4s}
.forums_events8 .box .item .des .txt{height:135px;overflow:hidden}
.forums_events8 .box .item .des .txt h3{padding:0;margin:0;font-size:16px;color:#075fd6;line-height:20px;border:none}
.forums_events8 .box .item .des .txt p{font-size:14px}
.forums_events8 .box .item.on{background-color:#f9f9f9}
.forums_events8 .box .item .ico:hover,.forums_events8 .box .item.on .ico{background:url(../images/newsBoard/ico6_on.png) no-repeat center 82px}
.forums_events8 .box .more{width:45px;height:45px;background:url(../images/newsBoard/ico12.png) no-repeat;margin:auto;margin-top:34px;cursor:pointer}
.sphc{height:72px;line-height:72px;background-color:#5bb8d7;padding:0 36px;border-radius:4px;box-shadow:0px 9px 25px rgba(23,184,237,.4);font-size:16px;color:#fff;margin-top:40px;position:relative;display:inline-block}
.page_nav{position:relative;width:1200px;margin:0 auto;height:90px;line-height:90px}
.page_nav:before{content:'';width:1320px;height:90px;background-color:#fff;border-bottom:1px solid #012f6d;border-bottom:1px solid rgba(1,47,109,.1);position:absolute;left:-60px;bottom:0}
.page_nav a{font-size:14px;color:#333333;float:left;position:relative;margin-left:36px;z-index:2;-webkit-transition:all .4s;transition:all .4s}
.page_nav a + a{margin-left:20px}
.page_nav a:before{content:'';width:4px;height:5px;background:url(../images/newsBoard/position_on.png) no-repeat center;position:absolute;left:-12px;top:50%;margin-top:-2.5px;-webkit-transition:all .4s;transition:all .4s}
.page_nav a:after{content:'';width:10px;height:10px;background:url(../images/newsBoard/position.png) no-repeat center;position:absolute;left:-35px;top:50%;margin-top:-5px}
.page_nav a + a:after{display:none}
.page_nav a:hover{color:#0061ae}
.page_nav a:hover:before{background:url(../images/newsBoard/position_ons.png) no-repeat center}