*{margin:0;padding:0;}
ul, ol{list-style-type:none;}
.f-cb:after{display:table;content:'';clear:both;}
.f-cb{zoom:1;}
a{text-decoration:none;}

html{overflow-x:auto;}
body{min-width:1024px;font:12px/18px "Microsoft Yahei","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;color:#333;}
.loading{background:url(../images/loading.gif) 50% no-repeat;}
.loading .main{opacity:0;opacity:0;}

.main{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s;}
.page{position:relative;overflow:hidden;}
.page .txt{z-index:2}
.page .txt p{font-size:19px;line-height:1.6316;}
.page img{z-index:1;}
.page1{background:url(../images/texture_50.png) repeat scroll 0 0 / 160px auto, url(../images/slider2.jpg) repeat ;background-color:#e2d5c5;margin-top: 64px;}
.page2{/*background:url(../images/texture_20.png) repeat scroll 0 0 / 160px auto, url(../images/gradient_black.png) repeat scroll 0 0 / 20px 100% rgba(0, 0, 0, 0);*/background-color:#fff;}
.page3{background:url(../images/img3-s.jpg) no-repeat;background-color:#e2d5c5;background-position: center 0;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;}
.page4{background:url(../images/texture_50.png) repeat scroll 0 0 / 160px auto, url(../images/gradient_silver.png) repeat scroll 0 0 / 20px 100% rgba(0, 0, 0, 0);background-color:#cecfd3;}
.page5{background:url(../images/gradient_white.png) repeat scroll 0 0 / 20px 100% rgba(0, 0, 0, 0);background-color:#f4f4f4;}

.inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
.dowebok-hd {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 64px;
	background: url(../images/hd_bg.jpg) 0 0 repeat-x;
}
.dowebok-hd h1 {
	float: left;
	width: 156px;
	height: 26px;
	margin-top: 20px;
}
.dowebok-hd h1 a {
	display: block;
	width: 156px;
	height: 26px;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
}
.dowebok-hd .nav {
	float: right;
	list-style-type: none;
}
.dowebok-hd .nav li {
	float: left;
	margin-left: 5px;
}
.dowebok-hd .nav a {
	float: left;
	padding: 0 10px;
	line-height: 64px;
	color: #fff;
	text-decoration: none;
}
.dowebok-hd .nav a:hover {
	height: 62px;
	border-bottom: 2px solid #4cb803;
}

.page1 .txt{position:absolute;left:50%;top:50%;margin:-100px 0 0 -490px;width:433px;height:310px;}
.page1 .txt h2{width:450px;height:145px;margin-bottom:20px;text-indent:-9999px;background-image:url(../images/hero_title.png);}
.page1 p{width:340px;}

.page2 .txt{position: absolute;right: 0px;bottom: 15%;width: 680px;margin-right: 120px;top: 10%;}
.page2 .page2_img1{text-align:right;margin-top:30px;display:none;}
.page2 #page2_txt{display:none;}
.page2 .txt .h2{margin: 0 auto;height: 90px;line-height: 90px;color: #7c7c7d;font-size: 56px;font-weight: 100;text-align: right;display:none;}
.page2 .txt .h2_list{line-height: 45px;color: #7c7c7d;font-size: 22px;font-weight: 100;text-align: right;margin-top: 30px;display:none;}

.page2 .img2-b{position:absolute;left:0px;top:0px;height:100%}

.page3 .txt{position: absolute;right: 0px;bottom: 15%;width: 680px;margin-right: 120px;top: 10%;}
.page3 .page3_img1{text-align:right;margin-top:30px;display:none;}
.page3 #page3_txt{display:none;}
.page3 .txt .h3{margin: 0 auto;height: 90px;line-height: 90px;color: #fff;font-size: 56px;font-weight: 100;text-align: right;display:none;}
.page3 .txt .h3_list{line-height: 45px;color: #fff;font-size: 22px;font-weight: 100;text-align: right;margin-top: 30px;display:none;}

.page4 .txt{position:absolute;left:50%;top:50%;width:980px;height:114px;margin-left:-191px;margin-top:-184px;}
.page4 h2{width:545px;height:114px;margin:0 auto 5px;text-indent:-9999px;background-image:url(../images/ios_title.png);}
.page4 p{width:500px;margin-left:220px;line-height:1.6316;font-size:19px;}

.page5 img{position:absolute;left:50%;top:50%;margin-left:-1374px;margin-top:-352px;}
.page5 .txt{position:absolute;left:50%;top:0;width:980px;margin-left:-490px;margin-top:120px;}
.page5 h2{height:113px;margin-bottom:5px;text-indent:-9999px;background-image:url(../images/cases_title.png);}
.page5 p{width:610px;margin-left:220px;line-height:1.6316;font-size:19px;text-align:center;}

.page6{background:url(../images/cd.jpg) no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;
}
.page6 .txt{position: absolute;right: 0px;bottom: 15%;width: 480px;margin-right: 120px;top: 10%;}
.page6 .page6_img1{text-align:left;margin-top:30px;display:none;}
.page6 #page6_txt{display:none;color:#707070;}
.page6 .txt .h6{margin: 0 auto;height: 90px;line-height: 90px;color: #7c7c7d;font-size: 56px;font-weight: 100;text-align: left;display:none;}
.page6 .txt .h6_list{line-height: 45px;color: #7c7c7d;font-size: 22px;font-weight: 100;text-align: left;margin-top: 30px;display:none;}


.page7{background:url(../images/cz.jpg) no-repeat;background-size: cover;background-position: right;-webkit-background-size: cover;-o-background-size: cover;
}
.page7 .txt{position:absolute;left:50%;top:0;width:480px;margin-left:-490px;margin-top:120px;}
.page7 .page7_img1{text-align:left;margin-top:30px;display:none;}
.page7 #page7_txt{display:none;color:#707070;}
.page7 .txt .h7{margin: 0 auto;height: 90px;line-height: 90px;color: #7c7c7d;font-size:32px;font-weight: 100;text-align: left;display:none;}
.page7 .txt .h7_list{line-height: 32px;color: #7c7c7d;font-size: 18px;font-weight: 100;text-align: left;margin-top: 30px;display:none;}
.page7 .img7-b{position:absolute;right:0px;top:0px;height:100%}

.responsive-height-lt790 .page .txt p{font-size:16px;line-height:1.6875;}

.responsive-height-lt790 .page1 .txt{margin-top:-100px;}

.responsive-height-lt790 .page2 .txt{bottom:10%;}

.responsive-height-lt790 .page3 .txt{margin-top:0;}

.responsive-height-lt790 .page4 .txt{margin-left:-270px;margin-top:-135px;}

.responsive-height-lt790 .page5 img{margin-left:-777px;margin-top:-178px;}
.responsive-height-lt790 .page5 .txt{margin-top:30px;}

.responsive-height-lt790 .page6 .txt{margin-top:30px;}





.w1920-h1080 {
width: 100%;
height: 100%;
max-width: 1920px;
max-height: 1080px;
}
.photo {
margin: 0 auto;
text-align: left;
max-width: none;
max-height: none;
}
.photo ul {
overflow: hidden;
width: 201%;
height: 100%;
}

.photo li {
position: relative;
float: left;
width: 12.5%;
height: 100%;
transition: all .5s ease;
overflow: hidden;
cursor: pointer;
}
.photo-mask {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: #000;
opacity: .5;
filter: alpha(opacity=50);
}
.photo-text {
position: absolute;
left: 0;
bottom: 12%;
width: 100%;
height: 45px;
margin: 0PX;
line-height: 45px;
color: #FFF;
text-align: center;
font-size: 30PX;
}
.photo li.one {
background: url(../images/pag4_1.jpg) 0 center no-repeat;
background-size: cover;
}
.photo li.two {
background: url(../images/pag4_2.jpg) 25% center no-repeat;
background-size: cover;
}
.photo li.three {
background: url(../images/pag4_3.jpg) 50% center no-repeat;
background-size: cover;
}
.photo li.four {
background: url(../images/pag4_4.jpg) 75% center no-repeat;
background-size: cover;
}
