@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
div.wrap {
	width: 1004px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 74px 68px
}
section {
	width: 100%;
	margin: 0 auto;
	height: auto;
	border-bottom: 1px solid #f2f3f5;
	/*overflow: hidden;*/
	position: relative;
	padding: 0px 0 30px;
}
div.wrap.s0{
	height: 564px;
	margin-bottom: 68px;
	margin-top: 20px;
	background: #fff url(../img/images/banner4.jpg) 0 0 no-repeat;
}
div.wrap.s0 div{
	position: absolute;
	top:295px;
	right: 50px;
	width:250px;
	height: 150px;
	background: url(../img/images/video.jpg) 0 0 no-repeat;
}
div.wrap.s0 div a{
	display: block;
	width:250px;
	height: 150px;
}
div.s1 h4{
	padding: 40px 0 10px;
}
section.s1{
	padding:10px 0 172px 50%;
}
section.s3{
    padding: 100px 0 54px 50%;
}
section.s1 div.card{
	position: absolute;
	width: 220px;
	height: 524px;
	background: url(../img/images/card.png) 0 0 no-repeat;
	left: 0;
	top:72px;
}
section.s1 div.use{
	width: 171px;
	height: 357px;
	position: absolute;
	top:28px;
	left:130px;
	padding:52px 14px;
	background: url(../img/images/iphone5s1.jpg) 0 0 no-repeat;
}
div.wrap h2,section h2{
	font-size: 40px;
	color: #2d3033;
	padding: 0 0 20px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #2d3033;
}
section h4{
	font-size: 22px;
	text-align: center;
	padding:10px 0 52px;
	color: #2d3033;
	letter-spacing: 0.2em;
}
section p{
	color: #757c83;
}
section.shengxin img{
	margin: 52px auto;
}
section.shengxin p{
	white-space: nowrap;
}
section p{
	font-size: 14px;
	text-align: center;
	padding-top:20px;
	white-space: normal;
	line-height: 1.5em;
}
.s2 section p{
	padding: 30px 0 64px;
	font-size: 14px;
	color: #757c83;
}
section.event{
	border-bottom: none;
	padding: 0;
}
section.event img{
	margin: 76px auto 58px;
}
section.event button{
	display: block;
	font-size: 20px;
	color: #fff;
	width: 160px;
	background-color: #ffae00;
	line-height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border:none;
	margin: 54px auto;
	font-family: "Microsoft YaHei","宋体","黑体",Arial,Helvetica,sans-serif;
}
section.event h3{
	font-size: 22px;
	color: #757c83;
	line-height: 1.5em;
	text-align: center;
	font-weight: normal;
}
section.s2 p span{
	display: inline-block;
	width: 98px;
	padding-top: 120px;
	background-image: url(../img/images/icon22.png);
	background-size: auto 96px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 57px 56px;
	font-size: 14px;
	color: #8c8c8c;
}
section.s1 p,section.s1 h2,section.s1 h4{
	text-align: left;
}
div.wrap img{
	display: block;
	margin: 48px auto 50px;
	width: 746px;
}
div.bd h2{
	font-size: 30px;
	color: #757c83;
}

.focus{
  width:100%;
  margin:0 auto;
  position:relative;
  overflow: hidden;
}
.focus .hd {
    width: 100%;
    height: 24px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    margin-top: 10px;
}
.focus .hd ul {
    margin: 0 auto 10px auto;
    overflow: hidden;
    position: relative;
    top: 0;
    float: none;
    text-align: center;
    display: block;
}
.focus .hd ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    float: none;
    background-color: #e2eef3;
    margin: 0 4px;
    border-radius: 999999px;
    -webkit-border-radius: 999999px;
    -o-border-radius: 999999px;
    -ms-border-radius: 999999px;
    -moz-border-radius: 999999px;
}
.focus .hd ul li.on{
	background-color: #ffd03f;
}
.focus .bd{
  position:relative;
  z-index:0;
}
.focus .bd ul{
  width: 100%;
  white-space: nowrap;
}
.focus .bd li{
  display: inline-block;
  height: 630px;
}
.focus .bd li div{
  width:100%;
  margin:0;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 482px;
}
section.s1 div.use .focus{
 height: 346px;
}

section.s1 div.use li{
	height: auto;
}
section.s1 div.use .focus .hd ul li{
	height: 10px;
}
section.s1 div.use .focus .bd li div{
	 padding-top: 270px;
}


.s0 {
	position: relative;
}
.s0 .btn{
	color: #fff;
	font-size: 20px;
	padding: 10px 26px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	display: inline-block;
	background-color: #33a5d9;
	position: absolute;
	top:295px;
	right:50px;
}
.exhibition{
	padding: 0 38px;
	position: relative;
}
.big{width:780px;height:630px;overflow:hidden;position:relative;margin: 35px auto 24px;}
.big ul{height:630px;position:absolute;white-space: nowrap;font-size: 0;}
.big ul li{display:inline-block;width:780px;height:630px;overflow:hidden;position:relative;background: #fff url(../img/images/png.png) 0 0 no-repeat;}
.big ul li a{display: block;width:780px;height:630px;}
.big ul li p{
	position: absolute;
	left:0;
	bottom: 0;
	padding:10px 10px 10px 98px;
	color: #fff;
	background-color: #333;
	font-size: 14px;
	line-height: 21px;
	text-align: justify;
	height: 112px;
}
.big ul li p label{
	position: absolute;
	top:10px;
	left: 0;
	padding:10px;
	color: #b3b3b3;
	font-size: 28px;
}
.big ul li p label span{
	color: #34a7e0;
	font-size: 40px;
	background: none;
}
.big ul li p b{
	position: absolute;
	bottom:12px;
	right: 10px;
	color: #b3b3b3;
	font-weight: normal;
	font-size: 12px;
}
.exhibition div.btn{position:absolute;overflow:hidden;top:236px;background: transparent url(../img/images/guide.png) 0 0 no-repeat;width: 62px;height:90px;z-index: 2;}
.exhibition div.prev{
	left:-38px;
}
.exhibition div.next{
	right:-38px;
	background-position: 100% 0;
}

.small{width:690px;height:130px;overflow:hidden;position:relative;margin: 0 auto;}
.small ul{height:130px;position:absolute;white-space: nowrap;font-size: 0;}
.small ul li{display:inline-block;width:204px;height:120px;position:relative;background: #fff url(../img/images/png.png) center center no-repeat;background-size:100% auto;background-size:cover;margin: 10px 40px 0 0;}
.small ul li b{display:inline-block;width:204px;height:128px;overflow:hidden;position:absolute;bottom:0;left:0;}
.small ul li.on b{
	background: transparent url(../img/images/active.png) 0 0 no-repeat;
}
.exhibition .smallwrap{
	position: relative;
	height:130px;
}
.smallwrap div.g{
	position: absolute;
	width: 22px;
	height: 84px;
	top:22px;
}
.smallwrap div.smallprev{
	background: transparent url(../img/images/guide.png) 0 100% no-repeat;
	left: 0;
}
.smallwrap div.smallnext{
	background: transparent url(../img/images/guide.png) 100% 100% no-repeat;
	right: 0;
}

hr{
	border:0;
	background-color:#d9d9d9;
	height:1px;
	margin-top: 40px;
}