* {
	margin: 0px; padding: 0px;
}
.clear {
	clear: both;
}
img {
	border: 0px currentColor;
}
.inner {
	width: 1000px; margin-right: auto; margin-left: auto; position: relative;
}
.dowebok-hd {
	background: rgb(255, 255, 255); width: 100%; height: 37px; position: fixed; z-index: 1000;
}
.dowebok-hd h1 {
	width: 400px; height: 37px; color: rgb(0, 0, 0); line-height: 37px; font-family: "Microsoft Yahei"; font-size: 18px; font-weight: normal; float: left;
}
.dowebok-hd .nav {
	color: rgb(204, 204, 204); font-size: 12px; float: right;
}
.dowebok-hd .nav a {
	padding: 0px 10px; height: 37px; color: rgb(0, 0, 0); line-height: 37px; font-size: 14px; text-decoration: none;
}
.inner {
	margin: 0px auto; width: 1000px; text-align: center;
}
.section1 {
	background: url("imagespage1.jpg") no-repeat 50% 0px / cover;
}
.section1 .inner {
	padding-top: 100px;
}
.section1-left {
	width: 400px; float: left;
}
#gallery {
	background: url("imagesmobile.png") no-repeat top / contain; margin: 0px auto; padding: 90px 27px 0px; width: 247px; height: 500px; position: relative;
}
#thumbs {
	width: 247px; height: 423px;
}
#thumbs .thumb {
	width: 247px; height: 423px; text-align: center; float: left; position: relative;
}
#thumbs img {
	width: 247px; height: 423px;
}
#prev {
	background: url("imagesleft-icon.png") no-repeat 0px 0px; left: -50px; width: 32px; height: 49px; bottom: 45%; display: block; position: absolute; z-index: 8888;
}
#next {
	background: url("imagesright-icon.png") no-repeat 0px 0px; width: 32px; height: 49px; right: -50px; bottom: 45%; display: block; position: absolute; z-index: 8888;
}
.disabled#prev {
	display: none !important;
}
.disabled#next {
	display: none !important;
}
.section1-right {
	width: 550px; float: left;
}
.page1-pic {
	width: 100%; text-align: center;
}
.page1-zi {
	margin: 20px 0px; padding: 0px 20px; text-align: left; color: rgb(255, 255, 255); line-height: 30px; font-family: "Microsoft Yahei"; font-size: 14px;
}
.page1-down {
	width: 100%;
}
.page1-cola {
	padding-left: 30px; float: left;
}
.page1-cola p {
	margin: 10px 0px;
}
.page1-cola a {
	background: url("imagesdown.png"); width: 280px; height: 67px; display: block;
}
.and a {
	background-position: 0px -10px;
}
.and a:hover {
	background-position: 0px -80px;
}
.app a {
	background-position: 0px -151px;
}
.app a:hover {
	background-position: 0px -222px;
}
.page1-colb {
	width: 180px; text-align: center; color: rgb(255, 255, 255); line-height: 25px; font-size: 14px; margin-right: 30px; float: right;
}
.section2 {
	background: rgb(229, 229, 229); font-family: "Microsoft Yahei"; margin-top: 37px;
}
.section2-zi {
	padding: 20px 0px; width: 100%; text-align: center;
}
.section2 .section2-left {
	background: url("images/page2-mobile.png") no-repeat top / contain; width: 260px; height: 550px; margin-left: 100px; float: left;
}
.section2 .section2-left p {
	margin: 60px 15px 0px;
}
.section2 .section2-right {
	width: 540px; margin-left: 100px; float: left;
}
.section2-right .item {
	margin: 50px 0px;
}
.section2-right .item .icon {
	float: left;
}
.section2-right .item .icon span {
	width: 90px; height: 82px; text-align: right; line-height: 82px; padding-right: 10px; font-size: 18px; display: block; cursor: pointer; background-size: contain;
}
.tabon {
	background: url("images/page2-h.png") no-repeat top; color: rgb(255, 255, 255);
}
.taboff {
	background: url("images/page2-n.png") no-repeat top; color: rgb(125, 125, 125);
}
.section2-right .item .text {
	width: 400px; text-align: left; line-height: 30px; font-size: 18px; margin-top: 10px; margin-left: 30px; float: left;
}
.section3 {
	margin-top: 37px; background-color: rgb(243, 152, 0);
}
.section3-zi {
	width: 100%; text-align: center; margin-top: 80px;
}
.section3 .item {
	margin-top: 100px;
}
.section3icon {
	width: 200px; text-align: center; float: left; position: relative;
}
.section3icon .icon-pic {
	top: 0px; width: 109px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-family: "Microsoft Yahei"; font-size: 24px; position: relative; cursor: pointer;
}
.section3icon .dapic {
	left: 0px; width: 200px; height: 0px; text-align: center; bottom: 145px; overflow: hidden; position: absolute; z-index: 100;
}
.section3icon .dapic img {
	background: rgb(255, 255, 255); padding: 5px; height: 300px;
}
#dowebok .section4 {
	background: url("images/page4.gif") no-repeat top / cover; position: relative;
}
.section4 .inner {
	margin-top: 120px;
}
#fp-nav span {
	border: 2px solid rgb(255, 255, 255);
}
.fp-slidesNav span {
	border: 2px solid rgb(255, 255, 255);
}
#fp-nav li .active span {
	background-color: rgb(255, 255, 255);
}
.active.fp-slidesNav span {
	background-color: rgb(255, 255, 255);
}