* html,* html body{background-image:url(about:blank);background-attachment:fixed}
body{ min-width: 1000px; font-family: "Microsoft Yahei","Simsun"; font-size: 14px;}
.ico{vertical-align: middle; background: url(../images/sprite.png); _background: url(../images/sprite.gif); display: block;}
.ico-game, .ico-keep{width: 63px; height: 62px; background-position:0 0; position: absolute; top:10px; left: 5px; background-repeat: no-repeat; }
.ico-keep{background-position:-82px 0;}
.ico-down{background-position:-164px -228px; width:56px; height: 32px;}
.ico-up{background-position:-295px -228px; width:56px; height: 32px;}

.header{width:100%; height:60px;  position: fixed; top: 0; left: 0; z-index:1000}
.header .bg{background-color:#fff; width: 100%; height: 60px; position: fixed; left: 0; top:0; filter: alpha(opacity=20); opacity: .2; z-index: -1}
*html .header{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
*html .header .bg{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
.header-in{ width: 1000px; margin: 0 auto; position: relative;}

.logo-box{width:279px; margin-right:30px; padding-top:5px; float: left; overflow: hidden; *zoom:1;}
.logo-box .logo{display: block; width: 150px; height: 50px; float: left;}
.logo-box .tit{color: #fff; font-weight: bold; font-size: 25px; line-height:56px;}

.nav-wrap{float: right; height: 60px; line-height: 60px; overflow: hidden; *zoom:1;}
.main-nav{}
.main-nav-list .list-item{float: left; font-size: 16px;color: #fff;}
.main-nav-list .list-item .con{color: #fff; padding: 0 15px;}
.main-nav-list .list-item .con:hover{color:#ffba00;}

.section{position: relative;overflow:hidden;*zoom:1;}
.section1{background: url(../images/bg-area1.jpg) no-repeat center top;}
.section2{background: url(../images/bg-area2.jpg) no-repeat center top;} 
.section3{background: url(../images/bg-area3.jpg) no-repeat center top;}

.section .bg{position: absolute; left:0; top: 0;width: 100%;height: 100%;}
.section .bg img{display: block;width: 100%; height: 100%;}

.comm-pn{width: 1000px; margin: 0 auto; position: relative; padding-top:180px\9; height:620px\9;}
.pic-pn{width:640px;  float: left; }
.pic-list{width:640px; height:409px; clear: both}
.pic-list .item{width: 213px; height: 136px; float: left; position: relative; -webkit-perspective: 1000px;  perspective: 1000px; display: inline;} 
.pic-list a{display: block;width: 213px; height: 136px; position: absolute; left: 0; top: 0;}
.pic-list .current{z-index: 10;}

.pic-list .item .bface{display: none\9; -webkit-transform: rotateY(-90deg) scale(.9); transform: rotateY(-90deg) scale(.9);width: 224px; height: 147px; border: 1px solid #fff; left:-7px; top:-7px;}
.pic-list .item .bface .tit{font-weight: bold; display: block; font-size: 30px; text-align: center; color: #fff; line-height: 144px;}
.pic-list .item .bface .bg{background:#f8d122; filter: alpha(opacity=80); opacity: .80;  position: absolute; top:0; left:0; z-index:-1; display: block; width: 224px; height: 147px;}
.pic-list .pic-bg{position: absolute; top:0; left:0; z-index:-2; display: block; width: 224px; height: 147px;top:0; left:0;-webkit-filter: blur(2px) grayscale(1);-moz-filter: blur(2px) grayscale(1);
        -o-filter: blur(2px) grayscale(1);
        -ms-filter: blur(2px) grayscale(1);
        filter: blur(2px) grayscale(1);}


.pic-list.item .bface{font-size: 25px; color: #fff; text-align: center; line-height: 264px;}
.pic-list .item .flip.out { 
  display: none\9; 
  -webkit-transform: rotateY(-90deg) scale(.9);
  transform: rotateY(-90deg) scale(.9);
}  
.pic-list .item .flip.in {
  display: block\9;
  -webkit-transform: rotateY(0);
  -webkit-animation-name: flipintoright;  
  -webkit-animation-duration: 225ms;  
  transform: rotateY(0);
  animation-name: flipintoright;  
  animation-duration: 225ms; 
} 

.flip {  
    -webkit-backface-visibility:hidden;  
    -webkit-transform:translateX(0);   
    backface-visibility:hidden;  
    transform:translateX(0);  
}  
@-webkit-keyframes flipouttoleft {  
    from { -webkit-transform: rotateY(0); }  
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}  
@keyframes flipouttoleft {  
    from { transform: rotateY(0); }  
    to { transform: rotateY(-90deg) scale(.9); }  
}  
@-webkit-keyframes flipintoright {  
    from { -webkit-transform: rotateY(90deg) scale(.9); }  
    to { -webkit-transform: rotateY(0); }  
}  
@keyframes flipintoright {  
    from { transform: rotateY(90deg) scale(.9); }  
    to { transform: rotateY(0); }  
}  

.ty-pn{width:275px; float: left; margin:20px 0 0 40px; }
.ty-pn .item{border-bottom: 1px solid #12b2e0; padding:0 5px 35px; position: relative; margin-top: 30px; overflow: hidden; *zoom:1;}
.ty-pn .item .c-r{padding-left: 80px;}
.ty-pn .item .c-r .num{color: #fff000; font-size: 30px; font-weight: bold;}
.ty-pn .item .c-r .txt{color: #fff; font-size: 20px; line-height: 1.3}
.btn-ty{width:270px; height: 60px; margin-top:50px; }
.btn-ty .con{display: block; width: 268px; height: 58px; border: 1px solid #8fe650; color: #fff; font-size:25px; text-align: center; line-height:56px; background-color: #7ece44; font-weight: bold; }
.btn-ty .con:hover{background-color:#60c119 }


.carousel {height:322px; overflow: hidden; position: relative; padding: 0 25px 0 35px; margin-bottom:15px;}
.carousel .scroll-a{top:50%; margin-top: -28px; position: absolute; z-index: 8; width:28px; height: 56px; background: url(../images/sprite.png) no-repeat; _background: url(../images/sprite.gif) no-repeat; display: block; }
.carousel .scroll-a:hover{ color: #000; text-decoration: none;}

.carousel .carousel-box{width: 900px; margin: 0 auto;}

.carousel .bt-next{ right:0px; background-position:-80px -216px;}
.carousel .bt-next:hover{background-position:-120px -216px;}
.carousel .bt-prev{ left:0px; background-position: 0 -216px;}
.carousel .bt-prev:hover{background-position:-40px -215px;}


.carousel .list-item{width:240px;  height:322px; background-color: #fff; position: relative; float: left; margin: 0 30px; display: inline;}
.carousel .list-item .con{ color: #fff;}
.carousel .list-item .txt{width: 240px; height:54px; line-height:22px; position: absolute; top:126px; left: 0; z-index: 2; color: #fff;}
.carousel .list-item .tit{color: #fff; padding:0 10px; display: block;}
.carousel .list-item .con:hover .tit{color: #fdcd00;} 
.carousel .list-item .mask{width: 240px; height:95px; _height:65px; left: 0; top:-40px; _top:-10px; background: url(../images/sprite.png) no-repeat 0 -110px; _background:#000; _filter: alpha(opacity=60); display: block; z-index: -1; position: absolute;}
.carousel .list-item .txt-ex{display: block; font-size:14px; color: #666666; padding: 10px;}
.news-tit{font-weight: bold; text-align: center; padding:15px 0 20px 0; color: #fff; font-size: 40px;}
.btn-fellow{width:270px; height: 60px; border: 1px solid #ffd45f; display: block; margin: 0 auto; color: #fff; text-align: center; font-size:25px; line-height: 56px;  background-color:#ffba00; font-weight: bold; cursor: pointer;}
.btn-fellow:hover{background-color: #ffa303;}

.pic-list1{overflow: hidden; *zoom:1; margin-left: -30px; margin-bottom: 30px;}
.pic-list1 .item{width:180px; height: 267px; float: left; margin-left:25px; position: relative; -webkit-perspective: 1000px;  perspective: 1000px; display: inline;} 
.pic-list1 a{display: block; width:180px; height: 267px; position: absolute; left: 0;top: 0}
.pic-list1 .item1 a{background: url(../images/bg-a3-1.png);}
.pic-list1 .item2 a{background: url(../images/bg-a3-2.png);}
.pic-list1 .item3 a{background: url(../images/bg-a3-3.png);}
.pic-list1 .item4 a{background: url(../images/bg-a3-4.png);}
.pic-list1 .item5 a{background: url(../images/bg-a3-5.png);}
.pic-list1 .item .ico{width:101px; height:100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; background-repeat: no-repeat;}
.pic-list1 .item1 .ico{background-position:0 -286px;}
.pic-list1 .item2 .ico{background-position:-102px -286px;}
.pic-list1 .item3 .ico{background-position:-204px -286px;}
.pic-list1 .item4 .ico{background-position:-308px -286px;}
.pic-list1 .item5 .ico{background-position:-410px -286px;}
.pic-list1 .item .bface{display: none\9; -webkit-transform: rotateY(-90deg) scale(.9); transform: rotateY(-90deg) scale(.9);}
.pic-list1 .item .bface .bg{display: block; width:136px; height: 204px; background: url(../images/sprite.png) no-repeat -289px 0; position: absolute; top: 50%; left: 50%; margin: -102px 0 0 -67px; _margin-left:-65px;}
.pic-list1 .item .bface{font-size: 25px; color: #fff; text-align: center; line-height: 264px;}
.pic-list1 .item .flip.out { 
  display: none\9; 
  -webkit-transform: rotateY(-90deg) scale(.9);
  transform: rotateY(-90deg) scale(.9);
}  
.pic-list1 .item .flip.in {
  display: block\9;
  -webkit-transform: rotateY(0);
  -webkit-animation-name: flipintoright;  
  -webkit-animation-duration: 225ms;  
  transform: rotateY(0);
  animation-name: flipintoright;  
  animation-duration: 225ms; 
}

.news-txt{font-size: 16px; text-align: center; color: #fff; padding: 0 110px;}


.go{position:absolute; _display:none; bottom:30px; left: 50%; width:56px; height: 32px; margin-left: -28px; z-index: 102; cursor: pointer;}


.go:hover .ico-down{background-position:-229px -228px;}
.go:hover .ico-up{background-position:-360px -228px;}