* { margin: 0; padding: 0;}
.clear{clear:both;}
img{border:0px}
.inner { position: relative; width: 1000px; margin-left:auto; margin-right:auto;}
.dowebok-hd {position: fixed; z-index: 1000; width: 100%; background:#fff; height: 37px;}
.dowebok-hd h1 {float: left; width: 400px;color:#000; font-size:18px; line-height:37px; height:37px; font-weight:normal; font-family:"Microsoft Yahei";}
.dowebok-hd .nav {float: right; color:#ccc; font-size:12px;}
.dowebok-hd .nav a {padding: 0 10px;color: #000; text-decoration: none; font-size:14px; line-height:37px; height:37px;}
.inner{width: 1000px; margin:0px auto; text-align:center;}
.section1{background-color: #c52221; background: url(../images/page1.gif) 50% 0 no-repeat; background-size:cover;}
.section1 .inner{padding-top:100px\9;}
.section1-left{float:left;width:400px;}
#gallery{ width:247px;height:500px;position:relative; margin:0px auto;padding:90px 27px 0px;background:url(../images/mobile.png) no-repeat center top; background-size:contain;}
#thumbs{width:247px; height:423px;}
#thumbs .thumb{float:left;width:247px; height:423px;position:relative; text-align:center;}
#thumbs img{width:247px; height:423px;}
#prev{position: absolute;display:block;width:32px;height:49px;background:url(../images/left-icon.png) no-repeat 0 0;bottom: 45%;left: -50px; z-index:8888;}
#next{position: absolute;display:block;width:32px;height:49px;background:url(../images/right-icon.png) no-repeat 0 0;bottom: 45%;right: -50px;z-index:8888;}	
#prev.disabled, #next.disabled {display: none !important;}
					
.section1-right{float:left;width:550px;}
.page1-pic{width:100%;text-align:center;}
.page1-zi{ padding:0px 20px;text-align:left; font-size:14px; line-height:30px; font-family:"Microsoft Yahei"; color:#fff; margin:20px 0px;}
.page1-down{width:100%;}
.page1-cola{float:left; padding-left:30px;}
.page1-cola p{margin:10px 0px;}
.page1-cola a{display:block; background:url(../images/down.png); width:280px; height:67px;}
.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{float:right; width:180px; margin-right:30px; font-size:14px; color:#fff; line-height:25px; text-align:center;}

.section2{ background:#e5e5e5; font-family:"Microsoft Yahei"; margin-top:37px;}
.section2-zi{width:100%;text-align:center; padding:20px 0px;}
.section2 .section2-left{float:left;width:260px; height:550px; margin-left:100px;background:url(../images/page2-mobile.png) no-repeat center top; background-size:contain;}
.section2 .section2-left p{margin:60px 15px 0px;}
.section2 .section2-right{float:left;width:540px; margin-left:100px;}
.section2-right .item{ margin:50px 0px;}
.section2-right .item .icon{ float:left;}
.section2-right .item .icon span{width:90px;display:block; height:82px;line-height:82px; padding-right:10px; text-align:right;font-size:18px;background-size:contain; cursor:pointer;}
.tabon{background:url(../images/page2-h.png) no-repeat center top; color:#fff;}
.taboff{background:url(../images/page2-n.png) no-repeat center top; color:#7d7d7d; }
.section2-right .item .text{float:left; width:400px; line-height:30px; font-size:18px; text-align:left; margin-left:30px; margin-top:10px;}

.section3{ background-color: #f39800; margin-top:37px;}
.section3-zi{width:100%;text-align:center; margin-top:80px\9;}
.section3 .item{margin-top:100px;margin-top:100px\9;}
.section3icon{float:left; width:200px; text-align:center; position:relative;}
.section3icon .icon-pic{cursor:pointer; width:109px; position:relative; top:0px; font-size:24px; line-height:30px; color:#fff; font-family:"Microsoft Yahei"; text-align:center;}
.section3icon .dapic{position:absolute;width:200px; text-align:center; bottom:145px; left:0px;z-index:100; text-align:center;height:0px; overflow:hidden;}
.section3icon .dapic img{height:300px;padding:5px; background:#fff;}

#dowebok .section4 { background-color: #626262;background: url(../images/page4.gif) center top no-repeat;background-size:cover; position:relative;}
.section4 .inner{margin-top:50px;margin-top:120px\9;}
#fp-nav span, .fp-slidesNav span { border: 2px solid #fff;}
#fp-nav li .active span, .fp-slidesNav.active span { background-color: #fff;}