@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持
_color:red;  IE6支持
*color:red;  IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
select::-ms-expand{display:none;}
input::-moz-placeholder{opacity:1;}
input::-webkit-placeholder{opacity:1;}
input::-ms-placeholder{opacity:1;}
textarea::-moz-placeholder{opacity:1;}
textarea::-webkit-placeholder{opacity:1;}
textarea::-ms-placeholder{opacity:1;}
::-webkit-input-placeholder{color:inherit;}
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
@media screen and (min-width:540px){
body{width:540px;}
header{width:540px;}
}
@media screen and (max-width:320px){
body{width:320px;}
header{width:320px;}
}
@-webkit-keyframes a1{}

-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;

white-space:nowrap;不换行
*/


/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{font-family:微软雅黑,黑体;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;cursor: pointer;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;outline:none;resize:none;background:none;}
input::-moz-placeholder{opacity:1;color:inherit;}
input::-webkit-placeholder{opacity:1;color:inherit;}
input::-ms-placeholder{opacity:1;color:inherit;}
textarea::-moz-placeholder{opacity:1;color:inherit;}
textarea::-webkit-placeholder{opacity:1;color:inherit;}
textarea::-ms-placeholder{opacity:1;color:inherit;}
::-webkit-input-placeholder{opacity:1;color:inherit;}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
select::-ms-expand { display: none;}
/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:6px;}
.jspDrag{background:#a99479;border-radius:8px;}
.jspTrack{background:#f5f5f5;border-radius:8px;}

/*@font-face{
    font-family:'AvianRegular';
    src: url('AvianRegular.eot');
    src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
         url('AvianRegular.woff2') format('woff2'),
         url('AvianRegular.woff') format('woff'),
         url('AvianRegular.ttf') format('truetype'),
         url('AvianRegular.svg#AvianRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}*/

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.fl{float:left;}
.fr{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}
/**:after{content:"";} bug baidu map & ie*/


/*--通用--*/
body{min-width:1280px;max-width:1920px;font-size:14px;color:#707070;margin:auto;}
.body{overflow:hidden;}
.block{width:1230px;height:100%;margin:0 auto;}

.header{position:absolute;left:0;right:0;top:0;z-index:3;min-width:1280px;}
.header .left{float:left;width:468px;height:89px;margin-top:-89px;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;
transform-origin:left top;-webkit-transform-origin:left top;}
.header.show .left{margin-top:0;}
.header .left .menu,.header .left .logo{cursor:pointer;height:100%;float:left;width:211px;}
.header .left .logo{width:256px;}
.header .right{float:right;padding:32px 32px 0 0;}
.header .right .lang{color: #fff;text-transform: uppercase;border:1px solid #fff;padding:2px 14px;display:inline-block;}
.header .nav_main{background:url(../image/black90.png);position:absolute;left:0;top:0;right:0;height:85%;overflow: hidden;height:0;
transform:scale(1);-webkit-transform:scale(1);}
.header .nav_main .close{position: absolute;left:60px;top:30px;color: #fff;font-size:16px;cursor: pointer;text-transform: uppercase;}
.header .nav_main .close img{margin-right:20px;vertical-align: middle;}
.header .nav_main .lang{right:32px;top:32px;color: #fff;text-transform: uppercase;border:1px solid #fff;padding:2px 14px;position: absolute;}
.header .nav_main .list{padding:160px 0 0 100px;font-size: 16px;color: #fff;float:left;}
.header .nav_main .list li{ font-size: 16px;}
.header .nav_main .list li > a{ line-height: 44px;}
.header .nav_main .list li p{ display: none; line-height: 24px; overflow: hidden;}
.header .nav_main .list li p a{ float: left; margin-right: 20px; font-size: 14px; margin-bottom: 20px; color: #c1c1c1;}
.header .nav_main .list li:hover p{ display: block;}
.header .nav_main .list li p a:hover{ color: #ff232c;}
.header .nav_main .r{padding:160px 100px 0 0;float:right;position: relative;}
.header .nav_main .r>a{position: absolute;/*background: rgba(255,0,0,0.5);*/width: 60px;height: 15px;display: block;bottom: 2px; color: #fff;}
.header .nav_main .r .a1{left: 0px;}
.header .nav_main .r .a2{left: 75px;}
.header .nav_main .r .a3{left: 150px;}
.header .nav_main .r .a4{left: 225px;}
.header .nav_main .r .p1{ position: absolute; right: 100px; top: 302px; font-size: 14px; color: #fff;}
.header .nav_main .r .p1 span{ font-family: Arial;}
.header .nav_main .r .p2{ position: absolute; right: 100px; top: 325px; font-size: 20px; color: #fff;}
.header .nav_main .r .select{position: absolute;top: 209px;right: 122px;width: 219px;height: 40px;}
.header .nav_main .r .select select{font-size: 16px;color: #fff;width: 240px;height: 40px;padding: 0 5px;border: 0px; display: block;}
.header .nav_main .r .select select option{background:rgba(0,0,0,0.9);border: 0;}
.header .nav_main .r .search{ position: absolute; top: 160px; left: 50px; overflow: hidden;}
.header .nav_main .r .search .ipt{ float: left; width: 180px; border: 0; font-size: 16px; line-height: 22px; color: #fff;}
.header .nav_main .r .search .btn{ float: left; width: 45px; height: 22px; border: 0; padding: 0; cursor: pointer; opacity: 0;}

.header3 .left{float:left;width:469px;height:78px;}




.footer{background:url(../image/xf/bg2.jpg); padding: 60px 0 70px; position:fixed;left:0;right:0;bottom:-350px; text-align: center;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.footer.show{bottom:0;}
.footer .links{ margin-bottom: 16px;}
.footer .links ul{ display: inline-block; overflow: hidden;}
.footer .links li{ position: relative; float: left; padding: 0 12px;}
.footer .links li + li:before{ content: ''; position: absolute; left: 0; top: 5px; bottom: 3px; border-left: 1px solid #bebebe;}
.footer .links a{ font-size: 12px; line-height: 20px; color: #bebebe;}
.footer .copy{ font-size: 12px; line-height: 20px; color: #bebebe; text-transform: uppercase;}
.footer .copy a{}

.focus{position:relative;}
.focus .frame{overflow:hidden;}
.focus .frame .child{float:left;}
.focus .frame .child img{width:100%;height:auto;}
.focus .arrow{background:url(../image/arrow1.png) center center no-repeat;width:57px;height:84px;bottom:0;left:50%;margin-left:-28px;position:absolute;}

.focus2{}
.focus2 .block{position: relative;height:510px;}
.focus2 .frame{overflow: hidden;}
.focus2 .child{float:left;position: relative;height:100%;}
.focus2 .child img{width:100%;height:auto;}

.focus2 .nav{position:absolute;left:0;bottom:0;right:0;height:100px;}
.focus2 .nav .item{float:left;width:25%;text-align: center;height:100px;background: rgba(0,0,0,0.3);cursor: pointer;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.focus2 .nav .item:after{content:"";display:inline-block;height:100%;vertical-align: middle;}
.focus2 .nav .item:hover,.focus2 .nav .item.now{background:#910208;height:120px;margin-top:-20px;}

.focus2 .nav2{position:absolute;left:0;bottom:-20px;right:0;height:134px;padding:0 2%;}
.focus2 .nav2 .item{float:left;width:23%;margin:0 1%;text-align: center;height:134px;background: rgba(255,255,255,0.7);cursor: pointer;border-radius:15px;overflow:hidden;position: relative;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.focus2 .nav2 .item img:last-child{display:none;}
.focus2 .nav2 .item:before{content:"";position: absolute;left:0;bottom:0;height:5px;width:100%;background:#910208;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.focus2 .nav2 .item:after{content:"";display:inline-block;height:100%;vertical-align: middle;}
.focus2 .nav2 .item:hover,.focus2 .nav2 .item.now{margin-top:-10px;background:rgba(145,2,8,0.7);}
.focus2 .nav2 .item:hover img:last-child,.focus2 .nav2 .item.now img:last-child{display:inline;}
.focus2 .nav2 .item:hover img:first-child,.focus2 .nav2 .item.now img:first-child{display:none;}

.focus2 .frame2{height:510px;overflow: hidden;width:101%;}
.focus2 .frame2 .child{width:307px;float:left;height:100%;overflow: hidden;}
.focus2 .frame2 .child img{height:100%;width:auto;}
.focus2 .frame2 .child .mask img{width:auto;height:auto;}
.focus2 .child .mask{position:absolute;left:0;bottom:0;right:0;height:100px;background: rgba(0,0,0,0.3);cursor: pointer;text-align: center;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.focus2 .child .mask:after{content:"";display:inline-block;height:100%;vertical-align: middle;}
.focus2 .child:hover .mask{background:#910208;height:120px;}


.focus3 .frame{height:100%;position: relative;}
.focus3 .frame .child{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat; background-position:center center;}

.body{background:url(../image/bg.png);}
.home1{padding:90px 0 0;}
.home1 .left{float:left;width:50%; background:url(../image/pic1a.jpg) left top no-repeat;height:755px;position: relative;}
.home1 .left .label{background:url(../image/label1.png) center center no-repeat;position:absolute;width:27px;height:32px;opacity: 0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;
transform:translateY(-40px);-webkit-transform:translateY(-40px);}
.home1 .left .l1{left:90px;top:90px;}
.home1 .left .l2{left:430px;top:90px;
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home1 .left .l3{left:440px;top:135px;
transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.home1 .left .l4{left:410px;top:162px;
transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.home1.show .label{transform:translateY(0);-webkit-transform:translateY(0);opacity: 1;}
.home1 .n1{position:absolute;left:70px;top:575px;font-family:Arial;font-weight: bold;font-size: 55px;color: #8c0801;display:none;}
.home1 .n2{position:absolute;left:345px;top:575px;font-family:Arial;font-weight: bold;font-size: 55px;color: #8c0801;display:none;}
.home1 .t{position:absolute;left:70px;top:395px;}
.home1 .right{float:right;width:50%; background:url(../image/pic2.jpg) center center no-repeat;height:755px;}

.home2{background:url(../image/pic3a.jpg) center bottom no-repeat;height:1406px;}
.home2 .block{padding:150px 0 0;}
.home2 h1{text-align: center;}
.home2 .box{position:relative;margin-top:50px;height:960px;width:1230px;left:50%;margin-left:-615px;display: none;}
.home2 .t{height:0;width:200px;overflow: hidden;
transition:all 1.7s ease-out 0s;-webkit-transition:all 1.7s ease-out 0s;}
.home2.show .t{height:800px;}
.home2 .t img{position:absolute;left:0;bottom:0;}
.home2 .t1{position:absolute;left:90px;bottom:267px;
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home2 .t2{position:absolute;left:208px;bottom:142px;}
.home2 .t3{position:absolute;left:335px;bottom:547px;
transition-delay:0.2s;-webkit-transition-delay:0.3s;}
.home2 .t4{position:absolute;left:490px;bottom:0;}
.home2 .t5{position:absolute;left:600px;bottom:370px;
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home2 .t6{position:absolute;left:695px;bottom:552px;}
.home2 .t7{position:absolute;left:834px;bottom:544px;
transition-delay:0.2s;-webkit-transition-delay:0.3s;}
.home2 .t8{position:absolute;left:870px;bottom:471px;}
.home2 .t9{position:absolute;left:960px;bottom:170px;}
.home2 .t10{position:absolute;left:990px;bottom:570px;
transition-delay:0.2s;-webkit-transition-delay:0.2s;}

.home3{background:url(../image/bg1.png) center top no-repeat;height:1361px;position: relative;overflow: hidden;}
.home3 .block{position:relative;}
.home3 .circle{background:url(../image/png3.png) center center no-repeat;width:631px;height:631px;position: absolute;left:50%;top:185px;margin-left:-315px;opacity: 0;
transform:rotate(-180deg);-webkit-transform:rotate(-180deg);
transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;}
.home3 .text{background:url(../image/png4.png) center center no-repeat;width:1141px;height:738px;position: absolute;left:50%;top:127px;margin-left:-587px;opacity:0 ;
transition:all 1s ease-out 1s;-webkit-transition:all 1s ease-out 1s;}
.home3 .b{position:absolute;left:50%;bottom:-40px;opacity:0;margin-left:450px;
transition:all 1s ease-out 1s;-webkit-transition:all 1s ease-out 1s;}
.home3.show .circle{transform:rotate(0);-webkit-transform:rotate(0);opacity: 1;}
.home3.show .text{opacity:1;}
.home3.show .b{bottom:85px;opacity: 1;margin-left:0px;}

.home4{background:#fff;margin-top:-500px;}
.home4 .block{padding:373px 0 100px;}
.home4 .t{margin-left:25px;}
.home4 .list{margin-top:90px;}
.home4 .item{float:left;width:33.33%;cursor: pointer;}
.home4 .item img{max-width:90%;}
.home4 .more{margin:50px 0 0 20px;cursor: pointer;}

.home5{background:url(../image/pic4.jpg) center center no-repeat;height:644px;}
.home5 .block{padding:135px 0 150px;}
.home5 h1{text-align: center;}
.home5 .list{margin-top:50px;}
.home5 .list .item{width:25%;text-align: center;float: left;
transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity: 0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home5 .list .item:nth-child(2){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home5 .list .item:nth-child(3){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.home5 .list .item:nth-child(4){transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.home5.show .list .item{opacity: 1; transform:translateX(0);-webkit-transform:translateX(0);}
.home5 .list .item img{cursor:pointer;}

.home6{background:url(../image/pic5.jpg) center center no-repeat;height:855px;}
.home6 .block{padding:135px 0 150px;}
.home6 .list{margin-top:50px;}
.home6 .list .item{width:25%;text-align: center;float: left;
transform:translateY(100px);-webkit-transform:translateY(100px);opacity: 0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home6 .list .item:nth-child(2){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home6 .list .item:nth-child(3){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.home6 .list .item:nth-child(4){transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.home6.show .list .item{opacity: 1; transform:translateY(0);-webkit-transform:translateY(0);}
.home6 .list img{cursor:pointer;max-width:90%;}


.header2{background:url(../image/header.jpg) center center no-repeat;height:132px;margin-bottom:20px;}
.footer2{background:url(../image/footer.jpg) center center no-repeat;height:173px;}

.index1{padding:130px 0 0;}
.index1 .block{background:url(../image/pic7a.png) right top no-repeat;height:551px;position: relative; width:1230px;left:50%;margin-left:-615px;
transform-origin: center center;-webkit-transform-origin: center center;}
.index1 .label{background:url(../image/label1.png) center center no-repeat;position:absolute;width:27px;height:32px;opacity: 0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;
transform:translateY(-40px);-webkit-transform:translateY(-40px);}
.index1 .l1{left:488px;top:132px;}
.index1 .l2{left:1028px;top:82px;
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.index1 .l3{left:1025px;top:113px;
transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.index1 .l4{left:1008px;top:138px;
transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.index1.show .label{transform:translateY(0);-webkit-transform:translateY(0);opacity: 1;}
.index1 .t{margin-top:30px;}

.index2 h1{text-align: center;}
.index2 .box{background:url(../image/01.png) center center no-repeat;height:721px;margin-top:30px;position: relative;width:1800px;left:50%;margin-left:-900px;}
.index2 .box .p1{position:absolute;left:0;top:0;display:none;width:100%;height:100%;}
.index2 .box .p2{position:absolute;left:0;top:0;display:none;width:100%;height:100%;}
.index2 .box .m{position:absolute;left:0;top:0;width:100%;height:100%;}

.index3{padding:120px 0 0;}
.index3 h1{text-align: center;}
.index3 .list{margin-top:30px;}
.index3 .item{float:left;width:16.5%;margin-left:1px;position: relative;overflow: hidden;box-shadow:0 0 10px rgba(0,0,0,0.1);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.index3 .item:first-child{margin-left:0;}
.index3 .item.act{padding-right:16.5%;}
.index3 .item .p{width:100%;}
.index3 .item .t{position:absolute;left:0;top:0;width:auto;height:100%;left:100%;max-width:none;max-height:none;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.index3 .item.act .t{left:0;}

.screen{position:relative;}

.demo1{background:url(../image/pic17.jpg) center bottom no-repeat;height:1300px;}
.demo1 .block{padding:174px 0 0; transform-origin:center top;-webkit-transform-origin:center top;}
.demo1 .tit{text-align: center;}
.demo1 .tit h2{font-size:32px;color: #474747;}
.demo1 .tit p{margin-top:30px;color: #474747;padding:0 10%;line-height:1.5;}
.demo1 .map{background:url(../image/png11.png) center center no-repeat;position: relative;height:800px;width:1000px;margin:50px auto 0;}
.demo1 .p{position:absolute;cursor: pointer;}
.demo1 .p span{font-size:24px;font-family:Arial;position: absolute;color: #333;line-height:1;}
.demo1 .p i{width:20px;height:20px;background:#95000d;border-radius:100%;position:absolute;box-sizing:border-box;}
.demo1 .p h3{font-size:36px;color: #333;opacity: 0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo1 .p p{font-size:14px;color: #333;margin-top:10px;line-height: 1.5;opacity: 0;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo1 .p.hover i{background:#fff;border:2px solid #95000d;}
.demo1 .p.hover h3{opacity: 1;}
.demo1 .p.hover p{opacity: 1;}
.demo1 .p6{right: 700px; top: 180px;text-align:right;width:300px;}
.demo1 .p6 i{right:-20px;top:0;}
.demo1 .p6 h3{margin:35px 20px 0 0;}
.demo1 .p6 p{margin:10px 20px 0 0;text-align:right;}
.demo1 .p6 span{right:20px;top:0px;}
.demo1 .p5{left: 751px; top: 166px;}
.demo1 .p5 h3{margin:35px 0 0 60px;}
.demo1 .p5 p{margin:10px 0 0 60px;width:280px;}
.demo1 .p5 span{left:45px;top:0;}
.demo1 .p2{left: 537px; top: 279px;}
.demo1 .p2 h3{margin:65px 0 0 -18px;}
.demo1 .p2 span{left:-20px;top:30px;}
.demo1 .p1{left: 356px; top: 415px;}
.demo1 .p1 h3{padding:35px 0 0 43px;}
.demo1 .p1 span{left:40px;top:0;}
.demo1 .p4{left: 548px; top: 552px;}
.demo1 .p4 h3{margin:75px 0 0 0;}
.demo1 .p4 p{margin:10px 0 0 0;}
.demo1 .p4 span{left:0px;top:40px;}
.demo1 .p3{right: 742px; top: 493px;text-align: right;padding-top:60px;width:385px;}
.demo1 .p3 span{right:0;top:35px;}
.demo1 .p3 i{right:0;top:0;}
.demo1 .p3 h3{margin-top:10px;}
.demo1 .d{position:absolute;}
.demo1 .d.d1{left:359px;top:333px;}
.demo1 .d.d2{left:277px;top:282px;}
.demo1 .d.d3{left:223px;top:232px;}
.demo1 .d.d4{left:156px;top:170px;}
.demo1 .d.d5{left:107px;top:115px;}
.demo1 .map svg{position:absolute;left:0;top:0;}
.demo1 .map path{stroke:#95000d;stroke-width:3px;fill:none;}
#svg3{opacity:0;}


.demo2{background:url(../image/pic21.jpg) center top no-repeat;height:1910px;transform-origin:center top;-webkit-transform-origin:center top;position: relative;padding:200px 0 0;}
.demo2 .zoom{transform-origin:center top;-webkit-transform-origin:center top;position: relative;height: 100%;}
.demo2 .title{text-align: center;position: relative;z-index:1;}
.demo2 .map2{position:absolute;left:50%;top:-120px;height:1900px ;width:1500px;margin-left:-750px;}
.demo2 .map2 .bg{background:url(../image/png18.png) center top no-repeat;width:100%;height:100%;left:0;top:0;position: absolute;}
.demo2 .map2 .bg1{background:url(../image/png18a.png) center top no-repeat;}
.demo2 .map2 .b{transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo2 .map2 .p{transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo2 .map2 .pp{transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo2 .bottom{position:absolute;bottom:170px;left:0;right:0;text-align: center;opacity: 0;
transform:translateY(100px);-webkit-transform:translateY(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.demo2.show .bottom{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}

.demo2a{background:#fff url(../image/png37.png) center bottom no-repeat;height:2160px;position: relative;}
.demo2a .block{transform-origin:center top;-webkit-transform-origin:center top;padding:150px 0 0;height:auto;}
.demo2a .title{text-align: center;position: relative;z-index:1;}
.demo2a .map{position: relative;margin:80px auto 0;width:1140px;height:1350px;}
.demo2a .map .p1{position: absolute;left:0;top:0;opacity: 1;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(200px);-webkit-transform:translateY(200px);}
.demo2a.show .map .p1{transform:translateY(0);-webkit-transform:translateY(0);}
.demo2a .map .p2{position: absolute;left:100px;top:90px;opacity: 0;
transition:all 5s ease-in 1s;-webkit-transition:all 5s ease-in 1s;}
.demo2a.show .map .p2{opacity: 1;}
.demo2a .t{opacity:0;
transform:scale(0.5);-webkit-transform:scale(0.5);
transition:all 2s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.demo2a .t1{position:absolute;left:467px;top:139px;
transition-delay:1s;-webkit-transition-delay:1s;}
.demo2a .t2{position:absolute;left:558px;top:362px;
transition-delay:2s;-webkit-transition-delay:2s;}
.demo2a .t3{position:absolute;left:171px;top:377px;
transition-delay:3s;-webkit-transition-delay:3s;}
.demo2a .t4{position:absolute;left:367px;top:615px;
transition-delay:4s;-webkit-transition-delay:4s;}
.demo2a .t5{position:absolute;left:666px;top:610px;
transition-delay:5s;-webkit-transition-delay:5s;}
.demo2a .t6{position:absolute;left:480px;top:978px;
transition-delay:6s;-webkit-transition-delay:6s;}
.demo2a.show .map .t{opacity: 1;transform:scale(1);-webkit-transform:scale(1);}
.demo2a .c{opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 2s;}
.demo2a .c1{position:absolute;left:428px;top:89px;
transition-delay:1s;-webkit-transition-delay:1s;}
.demo2a .c2{position:absolute;left:609px;top:303px;
transition-delay:2s;-webkit-transition-delay:2s;}
.demo2a .c3{position:absolute;left:102px;top:522px;
transition-delay:3s;-webkit-transition-delay:3s;}
.demo2a .c4{position:absolute;left:309px;top:607px;
transition-delay:4s;-webkit-transition-delay:4s;}
.demo2a .c5{position:absolute;left:562px;top:839px;
transition-delay:5s;-webkit-transition-delay:5s;}
.demo2a .c6{position:absolute;left:372px;top:850px;
transition-delay:6s;-webkit-transition-delay:6s;}
.demo2a.show .map .c{opacity: 1;}
.demo2a .a{opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.demo2a .a1{position:absolute;left:453px;top:285px;
transition-delay:2s;-webkit-transition-delay:2s;}
.demo2a .a2{position:absolute;left:452px;top:372px;
transition-delay:3s;-webkit-transition-delay:3s;}
.demo2a .a3{position:absolute;left:472px;top:503px;
transition-delay:4s;-webkit-transition-delay:4s;}
.demo2a .a4{position:absolute;left:559px;top:596px;
transition-delay:5s;-webkit-transition-delay:5s;}
.demo2a .a5{position:absolute;left:520px;top:719px;
transition-delay:6s;-webkit-transition-delay:6s;}
.demo2a.show .map .a{opacity: 1;}
.demo2a .b{position:absolute;bottom:-220px;left:0;right:0;text-align: center;opacity: 0;
transform:translateY(100px);-webkit-transform:translateY(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.demo2a .b.show{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}

.demo3{background:url(../image/pic18.jpg) center bottom;height:910px; background-size:cover;}
.demo3 .block{transform-origin:center top;-webkit-transform-origin:center top;}
.demo3 .tit{text-align: center;padding:180px 0 70px;}
.demo3 .tit h2{font-size:34px;color: #fff;}
.demo3 .tit .btn{margin-top:25px;}
.demo3 .tit .btn > a{display:inline-block;padding:0 25px;height:32px;line-height:32px;border:1px solid #fff;border-radius:3px;color: #fff;}
.demo3 .frame{position: relative;height:320px;overflow: hidden;}
.demo3 .frame .child{height:100%;float:left;}
.demo3 .frame .child .item{float:left;width:375px;margin-bottom:40px;color: #fff;margin-left:52px;}
.demo3 .frame .child .item.first{margin-left: 0;}
.demo3 .frame .child .item h3{font-size: 20px;color: #fff;}
.demo3 .frame .child .item p{font-size: 14px;margin-top:15px;padding-bottom:10px;border-bottom: 1px solid #c23b48 ;line-height: 1.5;position: relative;}
.demo3 .frame .child .item p:after{content:"";left:0;bottom:0;width:0;background:#fff;height: 1px;position: absolute;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo3 .frame .child .item:hover p:after{width:100%;}
.demo3 .frame .child .item .inf{font-size: 12px;margin-top: 10px;font-family:Arial;}
.demo3 .frame .child .item .inf a{margin-left:30px;}
.demo3 .page{text-align: center;color: #fff;font-size: 16px;font-family:Arial;margin-top:20px;}
.demo3 .page img{cursor:pointer;}

.demo4{padding-bottom:50px;}
.demo4 .item{float:left;width:25%;background:#000;position: relative; overflow:hidden; cursor: pointer; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.demo4 .item img{width:100%;height:auto;opacity: 0.5;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo4 .item:hover img{opacity:0.8;}
.demo4 .item .mask{position:absolute;left:0;right:0;top:80%;padding:0 0 90px;text-align: center;}
.demo4 .item .mask h3{font-size: 30px;color: #fff;}
.demo4 .item .mask p{font-size: 14px;color: #fff;margin-top: 15px;padding:0 20px;}

.demo5{background:url(../image/pic26.jpg) center top no-repeat;height:1000px;position: relative;}
.demo5 .tit{text-align: center;padding:180px 0 50px;}
.demo5 .tit h2{font-size:34px;color: #474747;}
.demo5 .tit .btn{margin-top:25px;}
.demo5 .tit .btn > a{display:inline-block;padding:0 25px;height:32px;line-height:32px;border:1px solid #474747;border-radius:3px;color: #474747;}
.demo5 .item{float:left;width:25%;text-align: center;}
.demo5 .item .pic{position: relative;height:240px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
/* .demo5 .item .pic span{display:block;height:100%;position:absolute;left:0;top:0;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;
transform:rotateY(0deg);-webkit-transform:rotateY(0deg);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo5 .item .pic span:after{content:"";display:inline-block;height:100%;vertical-align: middle;}
.demo5 .item .pic em{display:block;height:100%;position: absolute;left:0;top:0;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;
transform:rotateY(180deg);-webkit-transform:rotateY(180deg);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.demo5 .item .pic em:after{content:"";display:inline-block;height:100%;vertical-align: middle;}
.demo5 .item h3{margin-top:10px;font-size:18px;}
.demo5 .item:hover .pic span{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
.demo5 .item:hover .pic em{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);}
 */
.demo5 .item .pic span,.demo5 .item .pic em{ display:block;height:100%;position:absolute;left:0;top:0;width:100%; transition:all 0.5s;-webkit-transition:all 0.5s; z-index:10;}
.demo5 .item .pic em{ opacity:0; z-index:1; transform:scale(0.8); -webkit-transform:scale(0.8); z-index:1; }
.demo5 .item:hover  .pic span{ opacity:0; z-index:1; transform:scale(0.8); -webkit-transform:scale(0.8); z-index:1; }
.demo5 .item:hover  .pic em{ opacity:1; z-index:10; transform:scale(1); -webkit-transform:scale(1); z-index:1;  }

.demo2b{background:url(../image/bg.png);padding:100px 0 50px;overflow: hidden;}
.demo2b .tit{text-align: center;}
.demo2b .tit h2{font-size:32px;color: #474747;}
.demo2b .tit p{margin-top:30px;color: #474747;padding:0 10%;line-height:1.5;}
.demo2b .icon{background:url(../image/png59.png) center top no-repeat;margin:40px auto 0;text-align: center;}
.demo2b .icon span{display:inline-block;width:60px;margin-left:48px;}
.demo2b .icon span img{ width: 55px; height: 42px; margin: 0 auto 8px;}
.demo2b .icon span .i1{ display: block;}
.demo2b .icon span .i2{ display: none;}
.demo2b .icon span:hover{color: #95000d;}
.demo2b .icon span:hover .i1{ display: none;}
.demo2b .icon span:hover .i2{ display: block;}
.demo2b .icon .ico1{margin-left:20px;}
.demo2b .icon .ico7{margin-left:46px;}
.demo2b .tab{margin-top:60px;text-align:center;}
.demo2b .tab a{display:inline-block;width:150px;height:34px;line-height:34px;margin:0 15px;border-radius:3px;color: #333;border:1px solid #aaa;cursor: pointer;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.demo2b .tab a:hover{border-color:#95000d;color: #95000d;}
.demo2b .tab a.now{background:#95000d;color:#fff;border-color:#95000d;}
.demo2b .divs{margin-top:30px;}
.demo2b .d1{background:url(../image/png56.png) center top no-repeat;height:740px;position: relative;overflow: hidden;}
.demo2b .d1 .line{background:url(../image/png55.png) center center no-repeat;position: absolute;left:216px;top:193px;width:1460px;height:365px;
transform:scale(0);-webkit-transform:scale(0);
transition:all 2s ease-out 2s;-webkit-transition:all 2s ease-out 2s;}
.demo2b .now .line{transform:scale(1);-webkit-transform:scale(1);}
.demo2b .d1 .line2{position:absolute;left:944px;top:292px;clip:rect(90px,46px,90px,0);
transition:all 1.2s linear 0.3s;-webkit-transition:all 1.2s linear 0.3s;}
.demo2b .now .line2{clip:rect(0,46px,90px,0);}
.demo2b .d1 .t1{position:absolute;left:978px;top:371px;opacity:0;
transition:all 0.5s ease-out 0.5s;-webkit-transition:all 0.5s ease-out 0.5s;}
.demo2b .d1 .t2{position:absolute;left:1031px;top:323px;opacity:0;
transition:all 0.5s ease-out 1s;-webkit-transition:all 0.5s ease-out 1s;}
.demo2b .d1 .t3{position:absolute;left:1021px;top:284px;opacity:0;
transition:all 0.5s ease-out 1.5s;-webkit-transition:all 0.5s ease-out 1.5s;}
.demo2b .now .t{opacity:1;}
.demo2b .d1 .c{position:absolute;left:894px;top:327px;width:100px;height:100px;opacity:0;
transition:all 0.5s ease-out 0.5s;-webkit-transition:all 0.5s ease-out 0.5s;}
.demo2b .d1 .c2{left:933px;top:280px;
transition-delay:1s;-webkit-transition-delay:1s;}
.demo2b .d1 .c3{left:916px;top:242px;
transition-delay:1.5s;-webkit-transition-delay:1.5s;}
.demo2b .now .c{opacity:1;}
.demo2b .d1 span{animation:cc 2s linear 0s infinite;-webkit-animation:cc 2s linear 0s infinite;}
.demo2b .d1 span:nth-child(1){width:15%;height:15%;left:50%;top:50%;margin:-7.5% 0 0 -7.5%;background:#95000d;border-radius:100%;position:absolute;
animation:none;-webkit-animation:none;}
.demo2b .d1 span:nth-child(2){width:25%;height:25%;left:50%;top:50%;margin:-12.5% 0 0 -12.5%;background:rgba(149,0,13,0.4);border-radius:100%;position:absolute;border:1px solid rgba(149,0,13,0.05);}
.demo2b .d1 span:nth-child(3){width:40%;height:40%;left:50%;top:50%;margin:-20% 0 0 -20%;background:rgba(149,0,13,0.2);border-radius:100%;position:absolute;border:1px solid rgba(149,0,13,0.05);}
.demo2b .d1 span:nth-child(4){width:60%;height:60%;left:50%;top:50%;margin:-30% 0 0 -30%;background:rgba(149,0,13,0.1);border-radius:100%;position:absolute;border:1px solid rgba(149,0,13,0.03);}
.demo2b .d1 span:nth-child(5){width:100%;height:100%;left:50%;top:50%;margin:-50% 0 0 -50%;background:rgba(149,0,13,0.05);border-radius:100%;position:absolute;border:1px solid rgba(149,0,13,0.03);}
@-webkit-keyframes cc{
0%{-webkit-transform:scale(0);opacity:1;}
40%{-webkit-transform:scale(0.5);opacity:1;}
80%{-webkit-transform:scale(1);opacity:0;}
100%{-webkit-transform:scale(1);opacity:0;}
}
@keyframes cc{
0%{transform:scale(0);opacity:1;}
40%{transform:scale(0.5);opacity:1;}
80%{transform:scale(1);opacity:0;}
100%{transform:scale(1);opacity:0;}
}
.demo2b .d2{background:url(../image/png58.png) center top no-repeat;height:740px;position: relative;overflow: hidden;margin-top:78px;}
.demo2b .d2 .line{background:url(../image/png57.png) center center no-repeat;position: absolute;left:227px;top:50px;width:1440px;height:600px;left:-426px;top:-140px;width:1920px;height:985px;background: none;
transform:scale(1);-webkit-transform:scale(1);
transition:all 2s ease-out 0s;-webkit-transition:all 2s ease-out 0s;}
.demo2b .now .line{transform:scale(1);-webkit-transform:scale(1);}
.demo2b .d2 .c{position:absolute;left:894px;top:299px;width:100px;height:100px;opacity: 0;
transition:all 0.5s ease-out 1.5s;-webkit-transition:all 0.5s ease-out 1.5s;}
.demo2b .d2 .c2{left:930px;top:254px;
transition-delay:2.5s;-webkit-transition-delay:2.5s;}
.demo2b .d2 .c3{left:915px;top:216px;
transition-delay:3s;-webkit-transition-delay:3s;}
.demo2b .now .c{opacity:1;}
.demo2b .d2 .t1{position:absolute;left:978px;top:334px;opacity:0;
transition:all 0.5s ease-out 1.5s;-webkit-transition:all 0.5s ease-out 1.5s;}
.demo2b .d2 .t2{position:absolute;left:1031px;top:297px;opacity:0;
transition:all 0.5s ease-out 2.5s;-webkit-transition:all 0.5s ease-out 2.5s;}
.demo2b .d2 .t3{position:absolute;left:1021px;top:261px;opacity:0;
transition:all 0.5s ease-out 3s;-webkit-transition:all 0.5s ease-out 3s;}
.demo2b .now .t{opacity:1;}
.demo2b .d2 .line2{position:absolute;left:942px;top:264px;clip:rect(90px,46px,90px,0);
transition:all 1.2s linear 2s;-webkit-transition:all 1.2s linear 2s;}
.demo2b .now .line2{clip:rect(0,46px,90px,0);}
.demo2b .d2 span{animation:cc 2s linear 0s infinite;-webkit-animation:cc 2s linear 0s infinite;}
.demo2b .d2 span:nth-child(1){width:15%;height:15%;left:50%;top:50%; background:#95000d;border-radius:100%;position:absolute;
-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
-webkit-animation:none;animation:none;}
.demo2b .d2 span:nth-child(2){width:25%;height:25%; margin-left: -12.5%; margin-top: -12.5%; left:50%;top:50%;background:rgba(149,0,13,0.4);border-radius:100%;position:absolute;border:1px solid rgba(149,0,13,0.05);}
.demo2b .d2 span:nth-child(3){width:40%;height:40%; margin-left: -20%; margin-top: -20%;left:50%;top:50%;background:rgba(149,0,13,0.2);border-radius:100%;position:absolute;border:1px solid rgba(149,0,13,0.05);}
.demo2b .d2 span:nth-child(4){width:60%;height:60%; margin-left: -30%; margin-top: -30%;left:50%;top:50%;background:rgba(149,0,13,0.1);border-radius:100%;position:absolute;border:1px solid rgba(149,0,13,0.03);}
.demo2b .d2 span:nth-child(5){width:100%;height:100%; margin-left: -50%; margin-top: -50%;left:50%;top:50%;background:rgba(149,0,13,0.05);border-radius:100%;position:absolute;border:1px solid rgba(149,0,13,0.03);}



/*下拉*/
.sc_com .select-box{ min-width:60px; height:38px; line-height:40px; position:relative; color:#474747;  }
.sc_com{ position:relative; }
.select-box dt{ height:100%; }
.select-box dt a { display:block; cursor:pointer; overflow:hidden; position:relative; z-index:2; color:#555; height:100%; padding:0 30px 0 10px; }
.select-box dt a b { overflow:hidden; height:100%;  color:#fff; font-size:14px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box dd{ border-radius: 0 0 3px 3px; top:40px; position:absolute; background:#fff; left:0; width:100%;  border:1px solid #e5e5e5; margin-left:1px; padding:10px 0; display:none; }
.select-box dd a{ text-align:center; cursor:pointer; background:#fff;  display:block; color:#474747; line-height:20px; padding:5px; text-indent:0;  }
.down{ width:52px; height:100%; position:absolute; top:0; right:0; background: url(../image/seclect.png) no-repeat center center;  }
.seclect_w.open{ z-index:10; }
.ieopen .select-box{ z-index:11; }
.ie7  .ieopen{ z-index:10; }
.sc_com .scroll .select_a{ height:150px; line-height:30px;  }
.sc_com .scroll .mCSB_inside > .mCSB_container{ margin-right:0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#4169a6 !important; }
.select-box dd{ display: none; }
.select-box dd.on{ display: block; }

.rightNav{ position: fixed; right:0; top:50%; margin-top:-172px; z-index:10000; }
.rightNav li{ width:52px; height:52px; background:#fff; border-radius:3px 0 0 3px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); position: relative; }

.rightNav li + li{ margin-top: 4px; }

.rightNav li .img{ height:100%; }
.rightNav li .img img{ width:100%; height:100%; display: block; }
.rightNav li .a{ position: absolute; top:0; left:0; text-align: center; line-height:52px; color:#fff; z-index:10; background:#900208; width:100%;opacity:0; filter:alpha(opacity=0); transition:all 0.3s;  }
.rightNav li:hover .a{ opacity:1; filter:alpha(opacity=100);  }
.gotop{ display: none; }

.header_ld .wrap{ position: relative; z-index:10; }
.header_ld { position: absolute; top:0; left:0; min-width: 1280px; width:100%; height:78px; background:url(../image/line1.png) repeat 0 0; z-index:999;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.header_ld .logo1{ float: left; }
.header_ld .logo1 img{ display: block; height:78px; }
.header_ld .nav{ float: left; height:100%; padding-left: 110px; }


.header_ld .shareW{ float: right; }
.header_ld .shareW .li{ float: left; padding-left: 18px; }
.header_ld .shareW .li a{ display: block;  }
.header_ld .shareW .li a img{ display: block; height:78px; }
.header_ld .sc{position:relative;}
.header_ld .scbtn{cursor:pointer;}
.header_ld .scbox{position:absolute;right:23px;top:50%;height:20px;margin-top:-10px;width:120px;}
.header_ld .scbox input{width:100%;height:19px;display:block;line-height:19px;border:none;border-bottom:1px solid #707070;padding:0 8px;}

.header_ld .nav li .one i{ position: absolute; bottom:0; width:0; height:3px; background:#900208; left:0; transition:all 0.3s; }
.header_ld .nav li.cur .one i,.header_ld .nav li:hover .one i{ width:100%; }


.header_ld .nav li{ float: left; padding-right: 32px;}
.header_ld .nav li .one{  display: block; line-height:78px; position: relative; }
.header_ld .nav_line{ position: absolute; width:100%; height:2px; top:78px; left:0; }
.header_ld .nav_bg{ position: absolute; width:100%; top:80px; background:url(../image/line1.png) repeat 0 0; height:260px; left:0; display: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}

.header_ld .second_nav{ padding-top:30px; padding-bottom: 50px; display: block; position: absolute; top:78px; display: none; width:100%; }
.header_ld .second_nav a{ display: block; line-height:30px;  }
.header_ld .second_nav a:hover,.header_ld .second_nav a.on{ color:#900208; }

body{ position: relative; overflow-x:hidden;  }
.shareW .w{ position: relative; }
.shareW .w .wxewm{ position: absolute; top:78px; width:133px; height:139px; left:-40px; background:url(../image/ewmbg.png) no-repeat center; display: none; }

.shareW .w .wxewm img{ margin:0 auto; width:113px; height:113px; position: relative; top:16px; display: block; }
.shareW .w:hover .wxewm{ display: block; }


.cirle{ position: absolute; text-align: center; bottom:100px; width:100%; }
.cirle a{ display: inline-block; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 5px; }
.cirle a.now{ background:#95000d; }
.arrow_bot{ width:60px; height:40px; background:url(../image/next_d_a.png) no-repeat center; position: absolute; bottom:30px; left:50%; margin-left: -30px; opacity:0.6; animation:op 1.5s infinite; -webkit-animation:op 1.5s infinite; }    


@keyframes op{
	0%{ opacity:0.6; transform:translateY(0); }
	50%{ opacity:0.3; transform:translateY(8px); }
	100%{ opacity:0; transform:translateY(16px); }
}

@-webkit-keyframes op{
	0%{ opacity:0.6; -webkit-transform:translateY(0); }
	50%{ opacity:0.3; -webkit-transform:translateY(8px); }
	100%{ opacity:0; -webkit-transform:translateY(16px); }
}