@charset "utf-8";
@font-face{font-family: 'heliosextthinregular';src: url('font/he_eth_-webfont.eot');src: url('font/he_eth_-webfont.eot?#iefix') format('embedded-opentype'), url('font/he_eth_-webfont.woff') format('woff'), url('font/he_eth_-webfont.ttf') format('truetype'), url('font/he_eth_-webfont.svg#heliosextthinregular') format('svg');font-weight: normal;font-style: normal;}
html{overflow-x: hidden; overflow-y: auto;}
*{padding: 0px;margin: 0px;font-family: "Microsoft Yahei", "寰蒋闆呴粦", Arial;}
BODY{padding: 0px;margin: 0px auto;color: #333333;font-size: 12px;background: #ffffff;}
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix:after{content: "";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix{*zoom: 1}
em,
cite,
i{font-style: normal;display: block;}
A:link{color: #666666;font-size: 12px;font-weight: normal;text-decoration: none;}
A:visited{color: #666666;font-size: 12px;font-weight: normal;text-decoration: none;}
A:hover{color: #00a0e9;font-size: 12px;font-weight: normal;}
.fl{float: left;}
.fr{float: right;}
li{list-style-type: none;}
ul li{list-style-type: none;}
button,
input,
select,
textarea{font-family: inherit;font-size: 100%;margin: 0;outline: none;}
textarea{overflow: auto;vertical-align: top;resize: none;-webkit-appearance: none;}
.phcolor{color: #999;}
#myMenu{position:fixed; ...}
.web_page{width: 100%;text-align: center;float: left;margin: 0 auto;}
.head{background-color: rgba(0, 0, 0, 0.31);
position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; margin-left:auto; margin-right:auto;z-index:2}
.main_page{width: 1200px;margin: 0 auto;}
.main_page .webtitle{position: relative;margin-top: 50px;margin-bottom: 46px;color: #333;font-size: 26px;line-height: inherit;text-align: center;padding-bottom: 22px;background: url(../images/top_enline.jpg) no-repeat bottom;;}
.main_page .webtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom: 12px;color: #222;font-weight: bold;font-size: 30px;}
/*top*/
.top{width: 100%;height: 30px;padding-top: 15px;min-width: 1200px;float: left;margin: 0 auto;border-bottom: 1px solid #ededed;}
.top_tant{width: 1200px;line-height: 20px;font-size: 12px;color: #666;font-weight: normal;padding-top: 0px;height: 20px;margin: 0 auto;}
.top_left{width: 500px;line-height: 20px;font-size: 12px;color: #333;font-weight: normal;padding-top: 0px;height: 20px;text-align: left;float: left;}
.top_rihgt{width: 500px;float: right;}
.top_rihgt UL{list-style-type: none;margin: 0px auto;}
.top_rihgt LI{float: right;margin-right: 10px;display: block;}
.top_rihgt LI.weixin{background: url(../images/weixin.png) no-repeat;padding-left: 20px;height: 18px;}
.top_rihgt LI.sina{background: url(../images/xinglang.png) no-repeat;padding-left: 20px;}
.top_rihgt LI.tq{background: url(../images/tq.png) no-repeat;padding-left: 20px;}
.top_rihgt LI.mobile{background: url(../images/mobile.png) no-repeat;padding-left: 15px;}
.top_rihgt A:link{line-height: 18px;font-size: 12px;color: #666666;font-weight: normal;margin-right: 20px;}
.top_rihgt A:visited{line-height: 18px;font-size: 12px;color: #666666;font-weight: normal;margin-right: 20px;}
.top_rihgt A:hover{line-height: 18px;font-size: 12px;color: #0981c5;font-weight: normal;margin-right: 20px;}
/*logo*/
.logo_page{width: 1200px;height: 80px;margin: 0 auto;/*background: url(../images/logo_bg.jpg) no-repeat*/}
.logo{min-width: 100px;max-width: 290px;float: left;margin-top: 18px;margin-right: 30px;}
.btnList{display: flex; flex-direction: row; justify-content: center; margin-top:20px}
.btnList a{display:block;padding:10px 30px;background:#0181ae; font-size:14px;margin: 0 10px; color:#FFF; border-radius:25px;}
.btnList a:hover{ background:#00516d;}
.company_name{width: 520px;float: left;height: 70px;margin-top: 42px;padding-left: 10px;background: url(../images/logo_text.jpg) no-repeat;}
.company_name h1{width: 520px;line-height: 30px;font-size: 24px;color: #222;font-weight: bold;letter-spacing: 0pt;text-align: left;float: left;margin-top: 0px;}
.company_name h2{width: 520px;line-height: 30px;font-size: 16px;color: #525252;font-weight: normal;text-align: left;float: left;margin-top: 2px;}
.top_service{width: 278px;height: 55px;float: right;margin-top: 35px;margin-right: 10px;background: url(../images/tel.png) left top no-repeat;background-size: 26px 26px;}
.top_service p{font-family: "Microsoft Yahei", Arial;font-size: 15px;color: #333;font-weight: normal;line-height: 26px;text-align: left;padding-left: 34px;padding-bottom: 5px;}
.top_service span{font-family: "Microsoft Yahei",  "Arial";font-size: 34px;font-weight: bold;color: #00a0e9;line-height: 30px;background: url(../images/toptel.png) no-repeat left 4px;text-align: left;padding-left: 27px;}
/*nav*/
/*.container{margin-left:auto; margin-right:auto; width:1200px;}*/
.menu{width: 100%;margin: 0 auto;height: 80px;}
.nav{width: 1200px;margin: 0 auto;}
.nav>li{float: left;font-size: 14px;}
.nav>li>a span{font-size: 14px;display: block;height: 20px;text-align: center;}
.nav>li>a>img{margin-left: 8px;}
.nav>li:first-child>a{background: transparent}
.nav>li>a{color: #fff;font-size: 13px; padding:0 20px;line-height: 80px;display: block;text-align: center;text-decoration: none;background: url("../images/line.jpg") no-repeat center left;}
.nav>li.cur>a,
.nav>li:hover>a{color: #096483;}

.nav .english{ border:1px solid #fff;border-radius: 25px; padding:3px 20px; display:block; float:right; margin-top:27px; color:#fff; text-align:center; }
.nav .english a{color:#fff; }
.nav .english a:hover{color:#096483; }
.nav .english:hover{border:1px solid #096483;color:#096483; }
.erji_nav{display: none;overflow: hidden;width: 100%;overflow: hidden;border-top: 2px solid #096483 !important;position: absolute;left: 0;top: 79px;padding-top: 35px;background-color: rgba(255, 255, 255, 0.96);padding-bottom: 70px;z-index: 999;}
.erji_nav .title{overflow: hidden;width: 170px;float: left;margin-left: 320px;}
.erji_nav .title span{width: 120px;display: block;border-top: 3px solid #096483;}
.erji_nav .title span a{color: #333;font-size: 20px;line-height: 30px;display: block;margin-bottom: 20px;margin-top: 20px;}
.erji_nav .title .more{display: block;width: 118px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #cecece;font-size: 12px;color: #999;font-family: Arial;}
.erji_nav ul{overflow: hidden;float: left;max-width: 1100px;margin-left: 45px;display: block;}
.erji_nav .ul01{border-right: 0px solid #e9e9e9;}
.erji_nav ul li{display: block;font-size: 14px;height: 36px;line-height: 36px;margin-bottom: 10px;margin-right: 20px;width: 320px;float: left;border: 1px solid #ddd;}
.erji_nav ul li a{color: #777;height: 36px;line-height: 36px;font-size: 13px;display: block;text-align: center;}
.erji_nav ul li:hover{display: block;border: 1px solid #096483;}
.erji_nav ul li:hover a{display: block;color: #096483 !important;}
.erji_nav .contect{display: block;width: 128px;height: 88px;border: 1px solid #cecece;border-radius: 8px;float: left;text-align: center;font-size: 14px;color: #555;text-decoration: none;margin-left: 45px;}
.erji_nav .contect img{display: block;margin: 10px auto;}
.erji_nav ul:first-child{border-right: 1px solid #e9e9e9;}

/*banner*/
.inbanner{ margin-top:0px; min-width:1200px;}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .bd ul{width:100%!important}
.fullSlide .bd li{width:100%!important;height:700px;overflow:hidden;text-align:center}
.fullSlide .bd li a{display:block;height:700px}
.fullSlide .hd{width:100%;position:absolute;z-index:1;top:650px;left:0;height:30px;line-height:30px}
.fullSlide .hd ul{text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:.5;line-height:999px}
.fullSlide .hd ul .on{background:#e7e7e7}
.fullSlide .next,.fullSlide .prev{display:block;position:absolute;z-index:1;top:40%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:.5;display:none}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}





.shutter{overflow: hidden;width: 1920px;position: relative;margin: 0 auto;}
.shutter-img{z-index: 1;}
.shutter-img,
.shutter-img a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0}
.shutter-img a{cursor: default;}
.shutter-img a>img{width: 100%;}
.shutter-img .created{overflow: hidden;position: absolute;z-index: 20;}
.shutter-btn{}
.shutter-btn li{position: absolute;z-index: 2;top: 50%;width: 49px;height: 49px;margin-top: -25px;cursor: pointer;}
.shutter-btn li.prev{left: 20px;background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;}
.shutter-btn li.next{right: 20px;background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;}
.shutter-desc{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 36px;background: url(../images/shutter_shadow.png) repeat;}
.shutter-desc p{padding-left: 20px;line-height: 36px;color: #fff;font-size: 14px;}
/*bottom*/
footer{position: relative;padding: 48px 0 7px;background: #00516d;box-shadow: 0 0 4px #e1e1e1 inset;}
footer .main{width: 1200px;margin: 0 auto;}
footer .main .tips{width: 508px;height: 182px;border-right: 1px solid #dcdcdc;}
footer .main .tips img.f-logo{margin: -7px 0 27px;}
footer .main .tips .tel{width: 200px;font-size: 14px;line-height: 26px;color: #333;float: left;display: block;}
footer .main .tips .tel a.mall{transition: all 0.5s;display: block;width: 148px;padding-left: 52px;border-radius: 2px;background: url("../images/bg_sign01.png") no-repeat 20px 0 #fff;margin-bottom: 14px;font-size: 14px;line-height: 38px;color: #666;}
footer .main .tips .tel a.mall:hover{background-color: #00a0e9;background-position: 20px bottom;color: #fff;}
footer .main .tips .tel a.mall:hover span{background-position: 0 center;}
footer .main .tips .tel a.mall span{width: 7px;height: 38px;margin-right: 20px;background: url("../images/bg_sign02.png") no-repeat -7px center transparent;}
footer .main .tips .tel .en{font-size: 24px;line-height: 32px;font-weight: bold;font-family: calibri, Arial;color: #333;}
footer .main .tips .ewm{margin-right: 110px;font-size: 12px;line-height: 30px;text-align: center;float: right;}
footer .main .tips .ewm img{margin: 0 9px;border: 3px solid #fff;width: 120px;}
footer .main .list{height: 250px;float: right;}
footer .main .list li{width: 150px;margin-left: 12px;float: left;}
footer .main .list li:first-child{margin-left: 0;}
footer .main .list li a{width: 100%;font-size: 14px;line-height: 2;color: #666;transition: color 0.5s;display: block;}
footer .main .list li a.tit{font-size: 16px;line-height: 2;margin-bottom: 12px;color: #333;}
footer .main .list li a:hover{color: #09a3e1;}
footer .main .bot{height: 62px;border-top: 1px solid #dcdcdc;line-height: 62px;display: block;font-size: 12px;}
footer .main .bot p{height: 62px;line-height: 62px;display: block;font-weight: normal;}
footer .main .bot a{float: left;transition: color 0.5s;padding: 0 7px;color: #666;height: 62px;line-height: 62px;display: block;}
footer .main .bot a:hover{color: #09a3e1;}
.search{width: 100%;overflow: hidden;height: 100px}
.form{margin-top: 50px}
.form span:nth-child(1){font-size: 18px;font-weight: bold}
.form span:nth-child(2) input{width: 320px;height: 30px;border: 1px solid #f3f5f4;background: #ebedec;padding: 0 10px}
.search input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
.search input[type="number"]{-moz-appearance: textfield;}
.section1 .tableCell{vertical-align:top}
.form span:nth-child(3) input{background: url(../images/search.png) no-repeat center center #d61518; background-size:23px 23px; width: 35px;height: 30px;border: none;vertical-align: middle; margin-top:-5px;}
.main{width: 1200px;margin: 0 auto;position: relative;}
.section2,
.section4,
.section6 ,.footer{background: #00516e;color: #fff}
.main .h1{font-size: 40px;text-align: center;line-height: 80px;
left: -120%;
position: relative;}
.main .h4{font-size: 14px;text-align: center;line-height: 30px;
right:-120%;
position: relative;}
.section2 .main{margin-top:80px}
.section3 .main{margin-top:80px}
.section2 .ys{position: relative;text-align: center;width: 600px;height:460px; margin: 50px auto 50px;}
.section2 .ys .wen img{width:150px; height:167px}
.section2 .ys .wen img:hover{transition:all .3s ease-out 0s;transform:scale(1.1,1.1)}
.section2 .ys .wen07{position: absolute;top: 140px;left: 225px;display: none;}
/*.section2 .ys .wen07 img{width: 0;height: 0;}*/
.section2 .ys .wen01{position: absolute;top: 0;left: 307px;display: none;}
.section2 .ys .wen02{position: absolute;top: 140px;left: 390px;display: none;}
.section2 .ys .wen03{position: absolute;top: 280px;left: 309px;display: none;}
.section2 .ys .wen04{position: absolute;top: 282px;left: 145px;display: none;}
.section2 .ys .wen05{position: absolute;top: 140px;left: 60px;display: none;}
.section2 .ys .wen06{position: absolute;top: 0;left: 140px;display: none;}
.more{text-align: center;color: #fff;font-size: 18px;}
.section2 .more a,
.section4 .more a{color: #fff}
.video{position: absolute;top: 20px;right: 0px}
.section3 .adv{text-align: center;overflow: hidden;margin: 30px auto 20px;}
.section3 .map{width: 862px;height: 500px;margin: 0 auto;background: url(../images/map.png) no-repeat center center;
background-size: contain;position: relative}
.section3 .map div{position: absolute}
.section3 .map .map1{left: 440px;top: 280px}
.section3 .map .map2{left: 150px;top: 170px}
.section3 .map .map3{left: 240px;top: 350px}
.section3 .map .map4{left: 380px;top: 220px}
.section3 .map .map5{left: 690px;top: 70px}
.section3 .map .map6{left: 90px;top: 100px}
.section3 .map .map7{left: 500px;top: 85px}
.section3 .map .map8{left: 580px;top: 150px}
.section3 .more{color: #333;}
.section4 .buzou{width: 1000px;height: 404px;margin: 50px auto;position: relative;}
.buzou .list{position: absolute}
.section4 .main{margin-top:50px}
.section4 .adv{ text-align:center;}
.section4 .more{color: #333; margin-top:40px;}
.zy-Slide{font-size: 12px;position: relative;width: 980px;height: 566px;margin: 20px auto 0;}
.zy-Slide ul{position: relative;width: 765px;height: 566px;margin: 0;padding: 0;margin: 0 auto;}
.zy-Slide li{position: absolute;list-style: none;width: 0;height: 0;top: 0;left: 0;z-index: 0;cursor: pointer;margin: 0;padding: 0;}
.zy-Slide li img{width: 100%;height: 100%;vertical-align: middle;}
.zy-Slide section:nth-child(1),
.zy-Slide section:nth-child(2){position: absolute;top: 50%;margin-top: -60px;cursor: pointer;line-height: 40px;padding-left: 12px;padding-right: 12px;width: 72px;height: 72px;}
.zy-Slide section:nth-child(1){left: -60px;background: url(../images/prev.png) no-repeat center center;}
.zy-Slide section:nth-child(1):hover{left: -60px;background: url(../images/prevh.png) no-repeat center center;}
.zy-Slide section:nth-child(2){right: -60px;background: url(../images/next.png) no-repeat center center;}
.zy-Slide section:nth-child(2):hover{right: -60px;background: url(../images/nexth.png) no-repeat center center;}
.content{width: 1200px;margin: 0 auto;}
.h2{text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box_con{position: relative;margin-top: 50px;}
.Box_con .btnl{position: absolute;}
.Box_con .btn{display: block;width: 41px;height: 41px;position: absolute;top: 200px;cursor: pointer;}
.Box_con .btnl{background: url(../images/prev.png) no-repeat center;left: -72px;}
.Box_con .btnr{background: url(../images/next.png) no-repeat center;right: -72px;}
.Box_con .btnl:hover{background: url(../images/prevh.png) no-repeat center;}
.Box_con .btnr:hover{background: url(../images/nexth.png) no-repeat center;}
.Box_con .conbox{position: relative;overflow: hidden;}
.Box_con .conbox ul{position: relative;list-style: none;}
.Box_con .conbox ul li{float: left;width: 285px;height: 497px;margin-left: 20px;/*overflow: hidden;*/}
.Box_con .conbox ul li:first-child{margin-left: 0;}
.Box_con .conbox ul li img{display: block;width: 285px;height: 477px;transition: all 0.5s; padding-top:10px;}
.Box_con .conbox ul li:hover img{transform: scale(1.03,1.05);}
.BoxSwitch{margin-top: 30px;text-align: center;}
.BoxSwitch span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.BoxSwitch span.cur{background: red;}
.section7 .gsdt{width: 576px;float: left;}
.section7 .hyzx{width: 576px;float: right;}
.section7 .title{width: 100%;border-bottom: 1px solid #f5f5f5;margin-bottom: 30px;}
.section7 .title span{border-bottom: 1px solid #ff3434;font-size: 22px;padding-left: 30px;line-height: 50px;display: block;width: 100px;}
.gsdt .title span{background: url(../images/gs.png) no-repeat center left;color: #ff3434;}
.hyzx .title span{background: url(../images/hy.png) no-repeat center left;}
.gsdt .li{left: -160%;}
.hyzx .li{right: -160%;}
.section7 .li{width: 100%;display: block;clear: both;overflow: hidden;background: #eaeaea;margin-top: 10px; position: relative;}
.section7 .li a.li_left{float: left;display: block;font-size: 0px;overflow: hidden;}
.section7 .li a.li_left img{width: 170px;height: 120px;display: block;font-size: 0px;overflow: hidden;}
.section7 .li .li_right{float: right;width: 380px;margin-right: 10px;padding: 10px 0;}
.section7 .li .li_right h4{width: 100%;}
.section7 .li .li_right h4 a{height: 30px;color: #000;line-height: 30px;font-size: 16px;font-weight: normal;background: url(../images/dot31.gif) no-repeat 2px 9px;padding-left: 15px;}
.section7 .li .li_right .li_desc{line-height: 22px;padding-top: 5px;color: #666;font-size: 12px;text-indent: 0em; height: 63px; overflow: hidden;}
.section7 .li .li_right .li_info{line-height: 24px;padding-top: 5px;color: #666666;font-size: 12px;font-weight: normal;float: right;}
.footer .lf{float: left;width: 1100px;display: block;position:relative;  }
.footer .lf em{font-size: 12px;}
.footer .lf .fotLogo{float: left;width: 275px;}
.footer .lf .phone{float: left;width: 470px;font-size: 25px; background: url(../images/phone.png) no-repeat bottom left; padding-left: 45px;}
.footer .lf .online{float: left;width: 200px;font-size: 25px;background: url(../images/online.png) no-repeat bottom left; padding-left: 55px;}
.footer .lf .address{float: left;line-height: 50px; font-size: 16px;}
.footer .rf{float: right;width: 100px;}
.footer .fotNav{display: block;}
.footer .fotNav ul >li{float: left;font-size: 14px;}
.footer .fotNav ul >li>a span{font-size: 12px;display: block;height: 20px;text-align: center;}
.footer .fotNav ul>li>a>img{margin-left: 6px;}
.footer .fotNav ul>li:first-child>a{background: transparent}
.footer .fotNav ul>li>a{color: #fff;width: 110px;line-height: 110px;display: block;text-align: center;text-decoration: none;background: url("../images/line.png") no-repeat center left;}
.footer .fotNav ul >li.cur>a,
.footer .fotNav ul >li:hover>a{color: #096483;}

.footnav{ width:100%;display: block; position:relative; margin:0 auto; border-top:1px dashed #10607b; margin-top:10px; padding-top:10px;}

.footnav ul{ width:25%; float:left;}
.footnav ul li{ height:30px; width:100%; line-height:30px; color:#FFFFFF; float:left}
.footnav ul li a{ color:#eee; font-size:13px; }
.footnav ul li a:hover{ color:#72c5e2;  }

.footer .link{background: #003345; position: absolute; bottom: 0; padding: 30px 0;width: 100%; font-size:14px;}
.footer .link a{ color:#fff;font-size:14px; margin-left:15px;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:30px;top:30%;width:96px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:96px;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a_top .i{width:96px;height:98px;background-image:url(../images/r_ight_top.png);background-repeat:no-repeat;}
.suspension .a_tel .i{width:96px;height:107px;background-image:url(../images/en_r_ight_tel.png);background-repeat:no-repeat;}
.suspension .a_msm .i{width:96px;height:84px;background-image:url(../images/en_r_ight_msm.png);background-repeat:no-repeat;}
.suspension .a_feedback .i{width:96px;height:84px;background-image:url(../images/en_r_ight_feedback.png);background-repeat:no-repeat;}
.suspension .a_bottom .i{width:96px;height:77px;background-image:url(../images/en_r_ight_bottom.png);background-repeat:no-repeat;}





#cubeTransition{position: relative;width: 100%;height: 500px;-webkit-perspective: 1200px;-moz-perspective: 1200px;perspective: 1200px;}
#cubeTransition div{height: 500px;width: 100%;position: absolute;top: 0;left: 0;backface-visibility: hidden;transform: translate3d(0, 0, 0);transform-style: preserve-3d; font-size: 5em; color: #fff;display:none;}
.top{z-index:9999}
.rotateCubeTopOut{transform-origin: 50% 100%;animation: rotateCubeTopOut .6s both ease-in;}
.rotateCubeTopIn{transform-origin: 50% 0%;animation: rotateCubeTopIn .6s both ease-in;}
.rotateCubeBottomOut{transform-origin: 50% 0%;animation: rotateCubeBottomOut .6s both ease-in;}
.rotateCubeBottomIn{transform-origin: 50% 100%;animation: rotateCubeBottomIn .6s both ease-in;}
@keyframes rotateCubeTopOut{50%{animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg);}100%{opacity: .3; transform: translateY(-100%) rotateX(90deg);}}
@keyframes rotateCubeTopIn{0%{opacity: .3; transform: translateY(100%) rotateX(-90deg);}50%{animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg);}}
@keyframes rotateCubeBottomOut{50%{animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg);}100%{opacity: .3; transform: translateY(100%) rotateX(-90deg);}}
@keyframes rotateCubeBottomIn{0%{opacity: .3; transform: translateY(-100%) rotateX(90deg);}50%{animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg);}}
#bullets{position: absolute;width: 100%;bottom: 150px;padding: 0;margin: 0;text-align: center;}#bullets li{display: inline-block;width: 20px;height: 20px;border-radius: 50%;margin: 0 3px;background: rgba( 255, 255, 255, 0.5 );box-shadow: 0px 0px 4px rgba( 0, 0, 0, 0.2 );cursor: pointer;-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );}#bullets li:hover{background: rgba( 255, 255, 255, 0.8 );}#bullets li.active{cursor: default;background: #fff;}
.credit{position: absolute; bottom: 24px; right: 24px; margin: 0; z-index: 1; font-size: 0.9em;}
.credit a{color: #fff;font-weight: bold;text-decoration: none;} .ghost{animation: ghostUpdown 1s infinite alternate; -webkit-animation: ghostUpdown 1s infinite alternate;} @keyframes ghostUpdown{from{margin-top: 3px;} to{margin-top: -2px;} } @-webkit-keyframes ghostUpdown{from{margin-top: 100px;} to{margin-top: 70px;} }
.buzou .list:nth-child(1){width: 238px;height: 175px;left: 120px;top: 0}
.buzou .list:nth-child(2){width: 238px;height: 175px;left: 380px;top: 0}
.buzou .list:nth-child(3){width: 205px;height: 209px;left: 640px;top: 0}
.buzou .list:nth-child(4){width: 238px;height: 175px;right: 0;bottom: 0}
.buzou .list:nth-child(5){width: 239px;height: 175px;left: 495px;bottom: 0}
.buzou .list:nth-child(6){width: 238px;height: 175px;left: 230px;bottom: 0}
.buzou .list:nth-child(7){width: 202px;height: 175px;left: 0;bottom: 0}
.section5 .main{margin-top:80px}
/*
.buzou .active.list:nth-child(1){width: 238px;height: 175px;background: url(../images/01.png) no-repeat center center;left: 120px;top: 0}
.buzou .active.list:nth-child(2){width: 238px;height: 175px;background: url(../images/02.png) no-repeat center center;left: 380px;top: 0}
.buzou .active.list:nth-child(3){width: 205px;height: 209px;background: url(../images/03.png) no-repeat center center;left: 640px;top: 0}
.buzou .active.list:nth-child(4){width: 238px;height: 175px;background: url(../images/04.png) no-repeat center center;right: 0;bottom: 0}
.buzou .active.list:nth-child(5){width: 239px;height: 175px;background: url(../images/05.png) no-repeat center center;left: 495px;bottom: 0}
.buzou .active.list:nth-child(6){width: 238px;height: 175px;background: url(../images/06.png) no-repeat center center;left: 230px;bottom: 0}
.buzou .active.list:nth-child(7){width: 202px;height: 175px;background: url(../images/07.png) no-repeat center center;left: 0;bottom: 0}*/
@-webkit-keyframes scaleout{0%{-webkit-transform: scale(1.0)} 100%{-webkit-transform: scale(1.1); opacity: 0;}}
@keyframes scaleout{0%{transform: scale(1.0); -webkit-transform: scale(1.0);} 100%{transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}}