body{
	margin: 0;
	padding: 0;
}

.header, .header-top, .content, .footer, {
	width: 100%;
}
.header-top{
	height: 60px;
	background-color: #010d21;
	line-height: 60px;	
	
}
.header-top a{
	color: white;
	display: inline-block;
}
.header-top a:hover{
	color: #ffce25;
}
.header-logo{
	width:35%;
}
.main-nav ul li{
	display: inline-block;
	width: 95px;
	height: 100px;
	line-height: 100px;
}
.main-nav ul li a{
	color: #333333;
	display: block;
	text-align: center;
}
.main-nav ul li a:hover{
	color: #063a9c;
	font-weight: 600;
	-moz-transform:translateY(10px);
	-webkit-transform:translateY(10px);
	-ms-transform:translateY(10px);
	transform:translateY(10px);
}
/*header end*/
/*banner*/
.slide-main{position:relative; top: 0; z-index:0;height:667px;}
.prev,.next{display:block;width:30px;height:33px;position:absolute;z-index:222;top:300px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:10px;}
.next{right:10px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:667px;overflow:hidden;}
.slide-box{position:relative; }
.slide{position:relative;z-index:8;display:none;height:667px;}
/*#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{background:#000;}*/
#bgstylea,#bgstyleb,#bgstylec{background:url("../images/banner.jpg") no-repeat;}
.slide a{display:block;width:100%;height:914px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%; }
/*.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}*/
.obj-b{width:1373px;height:644px;top:0;margin-left:-700px; z-index: 12;}
.obj-c{display:block;height:482px;top:132px;margin-left:-220px;}
/*

.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
*/
.obj-e{width:1031px;height:616px;margin-left:-630px;top:227px;z-index:12;}
.obj-f{width:818px;height:482px;top:120px;margin-left:-300px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
/*banner end*/
/*content*/
/*简介*/
.content .jianjie li{
	width: 25%;
	height: 350px;
	margin-right: 11%;
	text-align: center;
	-webkit-box-shadow: 0 0 10px rgba(6, 58, 156, .3);
	box-shadow: 0 0 10px rgba(6, 58, 156, .3);
	overflow: hidden;
	float: left;
	text-align: center;
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    transition:  width 1s, height 1s, transform 1s;
}

.content .jianjie li:last-of-type{
	margin-right: 0;
}
.content .jianjie li .img-radius{
	width: 130px;
	height: 130px;
	border: 1px solid #063a9c;
	border-radius: 130px;
	/*line-height: 130px;*/
	margin: 0 auto;
	/*display: table-cell;
	vertical-align: middle;*/
	opacity: .5;
    display: flex;
    align-items: center
}
.h400{
	height: 400px;
}
.content .jianjie li:hover{
	-webkit-transform: scale(1.2, 1.2); /* Chrome, Safari, Opera */
    transform: scale(1.2, 1.2);
	-webkit-box-shadow: 0 0 15px rgba(6, 58, 156, .7);
	box-shadow: 0 0 15px rgba(6, 58, 156, .7);
}
.content .jianjie li:hover .img-radius{
	opacity: 1;
}

.content .jianjie li .img-radius img{
	width: 69px;
	height: 60px;
	margin: 0 auto;
	align-items: center;
}
.content .jianjie li a{
	color: #333;
}
.content .jianjie li a:hover{
	color: #063a9c;
}
/*新闻*/
.news-bg{
	height: 740px;
	background-image:url(../images/news-bg.jpg) ;	
	z-index: -10;
}
.title font{
	height: 30px;
	display: inline-block;
}
.title a{
	color: #333333;
	cursor: pointer;
	/*margin: 0 20px;*/
}
.news-bg li{
	position: relative;
	height: 120px;
	/*overflow: hidden;*/
	margin: 30px 0;	
}
.news-bg li:first-child{
	margin-top: 0;
}
.news{
	position: relative;
	top: -120px;
	width: 590px;
	height: 120px;
	background-color: rgba(255, 255, 255, .8);
	-webkit-transition: background-color 1.5s;
	transition: background-color 1.5s;
}
.news{
	width: 590px;
	height: 120px;
}


.news .news-time{
	padding: 20px;
	width: 80px;
	height: 80px;
	background-color: rgba(6, 58, 156, .5);
}
.news .news-con, .sub-news .sub-news-con{
	padding: 15px;
}
.news .news-con{	
	width: 440px;
	height: 90px;
	
}
 .news a .news-tit, .sub-news .sub-news-con  .news-tit{
	color: #333;
}
.news a .news-con-text, .sub-news .sub-news-con .news-con-text{
	color: #999999;
}
/*渐变背景*/
.jb-bg{
	width: 0;
	height: 120px;
	background: -webkit-linear-gradient(90deg, #0041c3, #06a7e0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #0041c3, #06a7e0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #0041c3, #06a7e0); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #0041c3, #06a7e0); /* 标准的语法（必须放在最后） */
   -webkit-transition: width 1.5s;
   transition: width 1.5s;
   z-index: 20; 
}

.news-bg li:hover .news a:hover .news-tit, .news-bg li:hover .news a .news-con-text, .sub-newlist li:hover .sub-news-con .news-con-text, .sub-newlist li:hover .sub-news-con .news-tit, .sub-newlist li:hover .sub-news-time{
	color: white;	
	-webkit-transition: color 1s;
	transition: color 1s;
}
.news-bg li:hover .jb-bg{
	width: 590px;	
}
.news-bg li:hover .news{
	background-color: rgba(255, 255, 255, 0);
}
/*图片新闻*/
.news-bg .linkpic{
	position: relative;
	width: 540px;
	height: 430px;
	overflow: hidden;	
}
.news-bg .linkpic .linkpic-con{	
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	background-color: rgba(6, 58, 156, .8);
	z-index: 200;
}
.news-bg .linkpic .linkpic-con a{
	color: white;
	height: 80px;
	line-height: 80px;
	padding: 20px;
}
.news-bg .linkpic .linkpic-con a font{
	width: 80px;
	height: 80px;
	background: rgba(255, 206, 37, .8);
	-webkit-transition:background-color 1.5s;
	transition:background-color 1.5s;
}
.news-bg .linkpic img{
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
	transition: width 1s, height 1s, transform 1s;	
	z-index: 1;
	
}
.news-bg .linkpic:hover img{
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.news-bg .linkpic:hover .linkpic-con a font{
	background: rgba(255, 206, 37, 1);
}
/*推荐展商*/
.zhanshang li, .tqzh li, .meiti li{	
	float: left;
	overflow: hidden;
}
.zhanshang li, .tqzh li, .tqzh-con,  .tqzh-pic img{
	width: 360px;
	/*float: none;*/
}

.zhanshang li, .tqzh li{		
	margin-right: 60px;		
    overflow: hidden;
}
.tqzh-show li{
	margin-bottom: 60px;
}

.zhanshang li, .tqzh li, .meiti li{	
	float: left;
	overflow: hidden;
}
.zhanshang li, .tqzh li, .tqzh-con,  .tqzh-pic img{
	width: 360px;
	/*float: none;*/
}

.zhanshang li, .tqzh li{		
	margin-right: 60px;		
    overflow: hidden;
}
.tqzh-show li{
	margin-bottom: 60px;
}


.zhanshang li{
	height: 180px; 
	display: flex;
    align-items: center;
	margin-bottom: 60px;
	position: relative;
	background-color: #f5f5f5;
	float: left;	
}
.zhanshang li:nth-child(3n), .tqzh li:nth-child(3n){
	margin-right: 0px;
}
.zhanshang li .linkimg{
	position: absolute;
	left: 0;	
	display: flex;
	align-items: center;
	z-index: 0;
}
.zhanshang li .linkimg img{
	margin: auto;
}
.zhanshang li .linkpic-bg{
	width: 360px;
	height: 0;
	background-color: rgba(6, 58, 156, .8);
	text-align: center;
	line-height: 180px;
	font-size: 24px;
	overflow: hidden;
	z-index: 10;
	color: white;
}
.zhanshang li:hover .linkpic-bg{
	height: 180px;
	-webkit-transition: height 1s;
	transition: height 1s;
	
}
/*同期展会*/
.tqzh-bg{
	height: 700px;
	background-image: url(../images/tqzh-bg.jpg);
}
.tqzh li{
	width:360px;
	margin-bottom:30px;
}
.tqzh-bg .tqzh li .tqzh-pic{
	overflow: hidden;
	height: 220px;
}
.tqzh-bg .tqzh li .tqzh-pic img{
	
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
	transition: width 1s, height 1s, transform 1s;
}
.tqzh-bg .tqzh li .tqzh-con{
	position: relative;
	width: 360px;
	height: 130px;	
	background-color: rgba(6, 58, 156, .5);
}
.tqzh-bg .tqzh li .tqzh-con .tqzh-tit{
	padding: 20px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.tqzh-bg .tqzh li .tqzh-con .tqzh-tit a{
	display: block;
	color: white;
}
.tqzh-bg .tqzh li:hover .jb-bg{
	width: 360px;
	height: 130px;
}
.tqzh-bg .tqzh li .tqzh-pic img:hover{
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
/*合作媒体*/
.meiti li{
	width: 270px;
	height: 140px;
	margin-right: 40px;
	margin-bottom: 40px;
	
	background-color: #f5f5f5;
	overflow: hidden;
}
.meiti li a{
	display: block;
	width: 270px;
	height: 140px;
	text-align: center;
	display: flex;
	align-items: center;
}
.meiti li:nth-child(4n){
	margin-right: 0;
}
.meiti li img{
	max-width: 270px;
	width: auto;
	max-height: 180px;
	height: auto;
	margin: auto !important;
}
/*ffooter*/
.footer{
	background-color: #001132;
}
.footer dl{
	width: 18%;
	display: inline-table;
	
}
.footer dl, .footer dl dt, .footer dl dd, .footer dl dd a{
	color: rgba(255, 255, 255, .5);		
}
.footer dl dt{
	color: white;
}
.footer dl dd, .footer dl dd a{
	width: 17%	
	color: #cbd5e9;	
}
/* .footer dl dd a{
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}*/
.footer dl dd a{
	height: 30px;
	line-height: 30px;	
}
.footer dl dd a:hover{
	color: white;
	padding-left: 15px;
	-webkit-transition:padding-left .6s, -webkit-transform .6s;
	transition:padding-left .6s, transform .6s;
}
.footer dl:last-child{
	width: 25%;
}
.footer dl:last-child dd {
	margin-bottom: 20px;
}
.footer dl:last-child dd img{
	padding: 8px;
	border-radius: 60px;
	border: 1px solid rgba(255, 255, 255, .5);
	float: left;
	margin-right: 15px;
	
}
.footer dl:last-child dd{
	line-height: 24px;
}
.footer dl:last-child dd:hover{
	padding-left: 15px;
	-webkit-transition:padding-left .6s, -webkit-transform .6s;
	transition:padding-left .6s, transform .6s;
}


/* CSS Document */
/*特色展区*/
.zhanshang li, .tqzh2 li{	
	float: left;
	overflow: hidden;
}
.zhanshang li, .tqzh2 li, .tqzh2-con,  .tqzh2-pic img{
	width: 360px;
	/*float: none;*/
}

.zhanshang li, .tqzh2 li{		
	margin-right: 60px;		
    overflow: hidden;
}
.tqzh2-show li{
	margin-bottom: 60px;
}

.zhanshang li, .tqzh2 li{	
	float: left;
	overflow: hidden;
}
.zhanshang li, .tqzh2 li, .tqzh2-con,  .tqzh2-pic img{
	width: 360px;
	/*float: none;*/
}

.zhanshang li, .tqzh2 li{		
	margin-right: 60px;		
    overflow: hidden;
}
.tqzh2-show li{
	margin-bottom: 60px;
}

.tqzh2 li:nth-child(2){
	margin-right: 0px;
}

.tqzh2 li:nth-child(3){
	margin-bottom: 60px;
	margin-right: 60px;		
    overflow: hidden;
}

.tqzh2 li:nth-child(4){
	margin-bottom: 60px;
	margin-right: 60px;		
    overflow: hidden;
}

.tqzh2 li:nth-child(5){
	margin-right: 0px;
}

.tqzh2 li:nth-child(6){
	margin-bottom: 60px;
	margin-right: 60px;		
    overflow: hidden;
}

.tqzh2 li:nth-child(7){
	margin-bottom: 60px;
	margin-right: 60px;		
    overflow: hidden;
}

.tqzh2 li:nth-child(3n+5){
	margin-right: 0px;
}

.tqzh2-bg{
	height: 700px;
	background-image: url(../images/tqzh-bg.jpg);
}
.tqzh2 li{
	width:360px;
	margin-bottom:30px;
}
.tqzh2-bg .tqzh2 li .tqzh2-pic{
	overflow: hidden;
	height: 220px;
}
.tqzh2-bg .tqzh2 li .tqzh2-pic img{
	
	-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
	transition: width 1s, height 1s, transform 1s;
}
.tqzh2-bg .tqzh2 li .tqzh2-con{
	position: relative;
	width: 360px;
	height: 130px;	
	background-color: rgba(6, 58, 156, .5);
}
.tqzh2-bg .tqzh2 li .tqzh2-con .tqzh2-tit{
	padding: 20px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.tqzh2-bg .tqzh2 li .tqzh2-con .tqzh2-tit a{
	display: block;
	color: white;
}
.tqzh2-bg .tqzh2 li:hover .jb-bg{
	width: 360px;
	height: 130px;
}
.tqzh2-bg .tqzh2 li .tqzh2-pic img:hover{
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

/*结束*/