@charset "utf-8";
/* CSS Document */
body{background:#eee;}

.header{width:100%; height:100%; background:#fff; overflow:hidden; box-shadow:1px 1px 4px #aaa; margin-bottom:5px;}
.header .head{width:1000px; height:50px; margin:0 auto; overflow:hidden; padding:2px 0;}
.header .head .font{width:720px; height:50px; text-shadow:1px 1px 4px #aaa;}
.header .head .font span{float:left; font-size:30px; opacity:0; color:#000;}

.content{width:1000px; height:100%; overflow:hidden; background:#fff; margin:0 auto;} 
.content .tab{position:relative; width:1000px; height:400px; overflow:hidden; z-index:1;} 
.content .tab span{display:block; position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; line-height:50px; text-align:center; z-index:5; font-size:30px; border-radius:50%;}
.content .tab .next{right:20px; background:url(../images/gt.png) no-repeat;} 
.content .tab .prev{left:20px; background:url(../images/lt.png) no-repeat;} 
.content .tab ul{position:absolute; left:0; top:0; height:400px; z-index:1;} 
.content .tab ul li{float:left; width:1000px; height:400px;} 
.content .tab ol{position:absolute; left:50%; margin-left:-80px; bottom:20px; z-index:3;}
.content .tab ol li{float:left; width:40px; height:8px; background:#000; margin-right:20px; opacity:0.3; filter:aphla(opacity=30);}
.content .tab ol li.none{margin-right:0;}
.content .tab ol li.active{ background:red; opacity:1; filter:aphla(opacity=100);}

.content .works{width:100%; height:100%; padding-top:20px;} 

.content .works .nav{width:960px; height:40px; overflow:hidden; padding:0 20px; margin-bottom:20px;} 
.content .works .nav .left{width:410px; height:20px; border-bottom:1px solid #ccc;} 
.content .works .nav .right{width:410px; height:20px; border-bottom:1px solid #ccc;} 
.content .works .nav p{width:140px; height:40px; line-height:40px; font-size:20px; color:#036; text-align:center;} 

.show{width:100%; height:300px; margin-bottom:20px; overflow:hidden;}
.show .ul1{margin-left:20px; width:600px; height:300px; position:relative; overflow:hidden;}
.show .ul1 span{width:18px; height:298px; display:block; background:#142f4a; position:absolute; left:0; top:0; color:#fff; text-align:center; border:1px solid #fff;}
.show .ul1 li{width:500px; height:300px; position:absolute; left:0; top:0;}

.show .time{width:300px; height:300px; background:url(../images/time.png) no-repeat center left;}
.show .time .clock{position:relative; left:56px; top:105px; width:168px; height:168px; border-radius:50%; z-index:1;}
.show .time .hour,.min,.sec{-webkit-transform-origin:center bottom;}
.show .time .hour{position:absolute; left:50%; top:50%; width:6px; height:46px; margin-left:-3px; margin-top:-46px; background:#000;}
.show .time .min{position:absolute; left:50%; top:50%; width:4px; height:52px; margin-left:-2px; margin-top:-52px; background:#000;}
.show .time .sec{position:absolute; left:50%; top:50%; width:2px; height:70px; margin-left:-1px; margin-top:-70px; background:red;}
.show .time .cap{position:absolute; left:50%; top:50%; width:20px; height:20px; margin-left:-10px; margin-top:-10px; border-radius:50%; background:#000;}
.show .time .clock span{position:absolute; left:50%; top:0; width:2px; height:8px; margin-left:-1px; background:#000; -webkit-transform-origin:center 84px;}
.show .time .clock span.on{width:4px; height:12px; margin-left:-4px;}
.show .time .clock span em{position:absolute; left:50%; top:10px; width:20px; margin-left:-10px; text-align:center; font-style:normal;}

.more{width:960px; height:100%; padding:0 20px; margin-bottom:20px;}
.more .line{width:960px; margin:20px 0; border-bottom:1px solid #ccc;}
.more ul{overflow:hidden;}
.more ul li{float:left; width:225px; height:300px; background:#ccc; margin:0 19px 20px 0; box-shadow:1px 1px 4px #333; position:relative;  transition:1s all ease;}
.more ul li:hover{transform:scale(0.95,0.95);}
.more ul li img{width:225px; height:250px;}
.more ul li p{width:225px; height:50px; background:#036; color:#fff; line-height:50px; text-align:center; box-shadow:0 1px 4px #333; position:absolute; left:0; bottom:0;}
.more ul li.none div{width:225px; height:40px; font:40px "微软雅黑"; text-align:center; line-height:40px; color:#036;}
.more ul li.none div a{display:block; width:225px; height:40px; color:#036; line-height:40px; text-align:center; font-size:20px;}
.more ul li.none{margin-right:0;}


.footer{width:1000px; height:120px; padding-top:20px; background:#333; margin:0 auto;}
.footer .my p{width:100%; height:30px; padding-bottom:10px; color:#fff; line-height:40px; text-align:center; font:20px "微软雅黑";}
.footer .my .me a{display:block; width:100px; height:40px; line-height:40px; text-align:center; color:#333; margin-top:20px; border-radius:10px; background:#fff; margin:0 auto;}

.footer .wo{width:100%; height:800px; background:#fff; margin:0 auto;}
.footer .wo p{width:100%; height:30px; line-height:30px; text-align:center; background:#fff; font:16px "微软雅黑"; }
.footer .wo p.title{width:100%; height:30px; line-height:30px; padding:10px 0; text-align:center; background:#fff; font:24px "微软雅黑"; color:#063;}
.footer .foot{width:100%; height:60px; padding-top:20px; background:#333; font:20px "微软雅黑"; color:#fff; text-align:center;}