﻿* {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #535353;
}

body {
    font-size: 14px;
    color: #535353;
    font-family: "Microsoft Yahei";
    background: url(../images/bg.jpg) no-repeat center top;
}

.box {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.top {
    width: 100%;
    height: 500px;
}

#container {
    width: 1000px;
    height: 54px;
    line-height: 54px;
    font-family: "微软雅黑";
    font-size: 16px;
    /*position: fixed;*/
}
#container a{		
	width: 250px;
	height: 54px;
	line-height: 54px;
	font-size: 22px;
    color: #FFFFFF;
    margin: 0 76px;		
}
/*上半部分*/
.content1{
	position: relative;
	margin-top: 20px;
	height: 260px;
}
/*幻灯片*/
.device {
  float: left;
  width:367px;
  height: 245px;
  margin: 5px auto;
  position: absolute;
  left: 0;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;

}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;

}
.swiper-container {
  height: 245px;
  width: 367px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.device .swiper-container .swiper-slide a p{
	width: 367px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	background-color: rgb(0,0,0,0.5);
}
/*上半部分新闻*/
.content1 .news-top{
	width: 330px;
	height: 245px;	
	float: left;
	margin-left: 380px;
}
.content1 .news-top h3 a{
	font-size: 20px;
	color: #02a0cb;
	line-height: 36px;
}
.content1 .news-top p{
	line-height: 26px;
	color: #535353;
}
.content1 .news-top p span a{
	color: #02a0cb;
}
/*上半部分展会信息*/
.content1 .zhxx{
	width: 264px;
	height: 245px;
	float: right;
	background:url(../images/zhxx-bg.png) no-repeat;
}
.content1 .zhxx h5{
	font-size: 20px;
	line-height:36px;
	color: #fff;
	margin-left: 10px;
}
.content1 .zhxx p{
	font-size: 18px;
	line-height:38px;
	color: #535353;
	margin-top: 8px;
	margin-left: 16px;
}
.content1 .zhxx p span{
	color: #535353;
	font-weight: 600;
}
/*下半部分*/
.content2{
	position: relative;
	margin-top: 10px;
    margin-bottom: 60px
}
/*下半部分 幻灯片*/
.content2 .hdp{
	width: 367px;
	height:227px;
}
.content2 .hdp .hdp-tit{
	width: 367px;
	height: 38px;
	background: url(../images/hdp-tit.png) no-repeat;
}
.content2 .hdp .hdp-tit h5{
	font-size: 20px;
	line-height:36px;
	color: #fff;
	margin-left: 10px;
}
.content2 .device{
  float: left;
  width:367px;
  height: 227px;
  margin: 8px auto;
  position: absolute;
  left: 0;
  top: 40px;
	
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

/*下半部分新闻列表*/
.content2 .news-bottom{
	float: left;
	width: 326px;	
	height: 270px;
	margin-left: 380px;
	margin-top: -227px;
}
.content2 .news-bottom h5{
	width: 326px;
	height: 38px;
	font-size: 20px;
	line-height:36px;
	color: #fff;
	padding-left: 10px;
	background: url(../images/bb-tit.png) no-repeat;
}
.content2 .news-bottom ul{
	margin-top: 8px;
}
.content2 .news-bottom ul li{
	line-height:32px;
	color: #535353;
	font-size: 16px;
}
.content2 .news-bottom ul li a:hover{
	color: #02a0cb;
}
/*下半部分视频观展*/
.content2 .spgz{
	float: right;
	width: 264px;	
	height: 270px;
	margin-top: -227px;
}
.content2 .spgz h5{
	width:264px;
	height: 38px;
	font-size: 20px;
	line-height:36px;
	color: #fff;
	padding-left: 10px;
	background: url(../images/spgz-tit.png) no-repeat;
}
.content2 .spgz .spgz1{
	width:264px ;
	height: 270px;
	margin-top: 10px;
}
.content2 .spgz .spgz1 span{
	position: relative;
}
.content2 .spgz .spgz1 span img{
	position: absolute;
	bottom: 50px;
	left: 82px;
}
.content2 .spgz .spgz1 p{
	width:264px ;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
}
.content2 .spgz .spgz1 p:hover{
color:#02a0cb ;
}
/*视频专访*/
#box1,#box2,#box3{
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}
.tit {
    width: 100%;
    height: 40px;
    line-height: 36px;
}
#box1 .video-list ul li,#box3 .video-list ul li{
	float: left;
	margin-right: 30px;
	margin-top: 20px;
}
#box1 .video-list li a p,#box3 .video-list li a p{
	font-size: 16px;
	text-align: center;
	color: #535353;
}
#box1 .video-list li a p:hover{
	color: #03a2cd;
}
#box3 .video-list li a p:hover{
	color: #03a2cd;	
}

/*展会报道*/

#box2 .zhbd{
	width: 100%;
	height: 560px;
	background: url(../images/zhbd-bg.png) no-repeat;
	margin-top: 16px;
}
#box2 .zhbd ul{
	width: 910px;
	height: 300px;
	margin: 0 auto;
	padding-top: 10px;
	margin-right: 16px;
}
#box2 .zhbd ul li{
	float: left;
	width: 430px;
	line-height:38px;
	font-size: 16px;
	margin-right: 24px;	
}
#box2 .zhbd ul li a:hover{
color: #03a2cd;
}




.con1{
	margin-top: 20px;
}
.con-rel {
    width: 320px;
    height: auto;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
}

.con-rel-tit {
    width: 320px;
    margin: 0 auto;
    height: 46px;
    font-size: 28px;
    font-weight: bold;
    color: #03a2cd;
}

.rel-box {
    width: 320px;
    height: 377px;
    overflow: hidden;
    padding: 10px;
    border:3px solid #c7e9fd;
    box-sizing: border-box;
}

.rel-box ul li {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: url(../images/icon-3.jpg) no-repeat center left;
    text-indent: 10px;
}

.rel-box ul li a {
    color: #666666;
}

.rel-box ul li a:hover {
    color: #02b0ce;
}

.rel-box>a {
    display: block;
    margin-top: 10px;
}

.rel-box p {
    width: 280px;
    height: 50px;
    line-height: 25px;
    text-align: center;
}

.rel-box a p {
    color: #333333;
}

.rel-box a img {
    display: block;
    margin: 0 auto;
}
.footer {
    width: 1000px;
    height: auto;
    overflow: hidden;
    
    text-align: center;
}
