@charset "utf-8";
html{background:none;color:#333; min-height:100%;overflow: hidden;height: 100%;}
body{ font: 16px/32px arial, Microsoft Yahei; background-color:#fff; min-height:100%; width:100%;overflow: hidden;height: 100%;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd{margin:0;padding:0;}
img{border:none;}
address, caption, cite, code, dfn, em, th, var, b, i{font-style:normal;font-weight:normal;}
li{list-style-image:none;list-style-position: outside;list-style-type:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;vertical-align:baseline;zoom:1;}
/*base*/
a{text-decoration:none; color:#ddd;}
a:focus{outline-style:none;outline-width:0;}
a:link, a:visited, a:active{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden}
.clearfix {zoom:1}

/* main */
.all-pages{width: 100%; font: 16px/32px arial, Microsoft yahei; height: 100%;}
.img{width: 100%;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.page-box{ width: 50%;  position: relative;}
.slimscroll_box{position: relative;height: 100%; background:url(bj.jpg) no-repeat;}
.page-left{ float:left;}
.page-right{ margin-left:50%;}

/*第二屏*/
.page2 .page-left .p2-bg{ margin:5% 0 0 0;}
.page2 .page-left .p2-pic-s{width: 18%; position: absolute; bottom: 0.6%; left: 60.5%;}
.page2 .page-left .txt{ color: #282828; position: absolute;}
.page2 .page-left .txt1{ width: 35%; top: 40%; right: 6%;line-height: 26px; font-size:16px;}
.page2 .page-left .txt2 { width:40%; top: 85%; right: 43%;line-height: 26px; font-size:16px;}
.page2 .page-left .txt3 { width: 35%; top: 26%; right: 45%;line-height: 26px; font-size: 21px; }
.page2 .page-left .txt3 p{ text-align:right;}

/* 第三屏 */
.page3 .p3-title{ margin: 5% 2% 0 17%;  }
.page3 .p3-title em{color:#a92d38; font-size: 18px; }
.page3 .p3-title1{ margin: 3% 10% 0 17%; position: relative; }
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:775px; height:280px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(l.png) no-repeat; position:absolute; top:120px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(r.png) no-repeat; position:absolute; top:120px; right:10px; z-index:10;}
#playBox .smalltitle {width:775px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

/*第四屏*/
.page4 .p3-title{ margin: 5% 10% 0 20%;}

/*第五屏*/
.page5 .p3-title{ margin: 0% 0% 0 15%;}
.page5 .p5{ padding:5% 0 0 0; text-align:center;}
.focus{ position:relative; width:800px; height:540px; background-color: #000; float: left; margin-left:0;}  
.focus img{ width: 800px; height: 540px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;} 

/*第六屏*/
.page6 .p6{ padding:5% 0 0 0; text-align:center;}
.page6 .p3-title{ margin: 0% 0% 0 15%;}

/*第八屏*/
.page8 .p8{ padding:4% 0 0 0; text-align:center;}