.header {position:absolute;width:100%;height:36px;left:0;top:0;padding:22px 0;z-index:12;transition:background .75s}



.box{position: static;top:auto;left:auto;}

body.ohidden .header {background:0 0}

body.ohidden .box{position: fixed;top:0;left:0;width:100%;}



.logo{float:left;}

.nav {float:right;font-size:16px;line-height:36px;font-family:sihei-Normal;position:relative;margin-top:15px;}



.nav li {display:inline;padding:0 30px;float:left;background: url(../images/menu-line.png) left center no-repeat;position: relative;}

.nav li:first-child {background: none;}

.nav li a {color:#fff;transition:all .25s}

body.ohidden .nav li a {color:#fff}

.nav li a:hover {filter:alpha(opacity=60);opacity:.6}

.nav li a.active {color:#006aff}

.nav li a.active:hover {filter:alpha(opacity=100);opacity:1}





.nav a:nth-of-type(2){-webkit-animation-delay:0.4s; animation-delay:0.4s;}

.nav a:nth-of-type(3){-webkit-animation-delay:0.5s; animation-delay:0.5s;}

.nav a:nth-of-type(4){-webkit-animation-delay:0.6s; animation-delay:0.6s;}

.nav a:nth-of-type(5){-webkit-animation-delay:0.7s; animation-delay:0.7s;}

.nav a:nth-of-type(6){-webkit-animation-delay:0.8s; animation-delay:0.8s;}



@-webkit-keyframes upIn{

	0%{opacity:0; -webkit-transform:translateY(-30px);}

	100%{opacity:1; -webkit-transform:translateY(0);}

}

@keyframes upIn{

	0%{opacity:0; transform:translateY(-30px);}

	100%{opacity:1; transform:translateY(0);}

}



.nav .sub{ position:absolute; display:none; left:0; top:36px; width:100%; background:rgba(0,0,0,0.5);z-index: 99999999999;}

.nav li:hover .sub{ -webkit-transition:color 0.5s; transition:color 0.5s;  -webkit-animation:upIn 0.4s ease 0.1s both; animation:upIn 0.4s ease 0.1s both;display: inline-block;}

.nav .sub li{ text-align:center; float:left; border-bottom: 1px solid rgba(0,0,0,0.2);line-height: 40px;height: 40px;padding:0;width:100%;}

.nav .sub li a{ padding:0; margin:0; line-height:40px; color:#fff; font-size:14px;}

.nav .sub li:hover{background:rgba(0,0,0,0.2);}

.nav .sub li a:hover{background: none;}

.nav .sub li::before{display: none;}







.pt-page {width:100%;height:100%;position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}



.front {background:#000 url(../images/banner1.jpg) no-repeat top center;background-size:100%;width:100%;position:absolute;text-align:center;overflow:hidden;height:100%;top:0;left:0}

@-webkit-keyframes t100 {from {-webkit-transform:translate3d(0,0,0)}

to {-webkit-transform:translate3d(0,-100%,0)}

}

@keyframes t100 {from {transform:translate3d(0,0,0);z-index:1}

to {transform:translate3d(0,-100%,0);z-index:1}

}

@-webkit-keyframes t0 {from {-webkit-transform:translate3d(0,-100%,0)}

to {-webkit-transform:translate3d(0,0,0)}

}

@keyframes t0 {from {transform:translate3d(0,-100%,0);z-index:1}

to {transform:translate3d(0,0,0);z-index:1}

}

@-webkit-keyframes fadeIn {from {opacity:0}

to {opacity:1}

}

@keyframes fadeIn {from {opacity:0}

to {opacity:1}

}

@-webkit-keyframes fadeOut {from {opacity:1}

to {opacity:0}

}

@keyframes fadeOut {from {opacity:1}

to {opacity:0}

}

.pt-page-fade {-webkit-animation:t100 .75s both;animation:t100 .75s both}

.pt-page-fadeDown {-webkit-animation:t0 .75s both;animation:t0 .75s both}

.fadeIn {-webkit-animation:fadeIn .75s both;animation:fadeIn .75s both}

.fadeOut {-webkit-animation:fadeOut .75s both;animation:fadeOut .75s both}

.front .wrapper {position:relative;height:100%}



.front .block {height:100%;position:relative}



video {min-width:100%}

@-webkit-keyframes flash {from,50%,to {opacity:1}

25%,75% {opacity:0}

}

@keyframes flash {from,50%,to {opacity:1}

25%,75% {opacity:0}

}

span.flashing {display:inline-block;width:3px;height:3px;background:#fff;border-radius:100%;box-shadow:0 0 10px 0 #00edff;position:relative;margin-right:10px;margin-top:10px;float:left;z-index:4;cursor:pointer}

span.flashing:after,span.flashing:before {content:'';display:block;position:absolute;top:50%;left:50%;border-radius:100%;z-index:2;animation:flash 3s both infinite;cursor:pointer}

span.flashing:after {background:rgba(0,255,254,.47);box-shadow:0 0 15px 0 #00edff;width:7px;height:7px;margin:-3.5px 0 0 -3.5px}

span.flashing:before {background:rgba(0,255,254,.02);width:15px;height:15px;margin:-7.5px 0 0 -7.5px}

.meteor {width:9px;height:132px;position:absolute;bottom:20px;left:50%;margin-left:-4.5px;cursor:pointer}

@-webkit-keyframes meteor {from {height:0%;top:0%;opacity:0}

to {height:60%;top:34%;opacity:1}

}

@keyframes meteor {from {height:0%;top:0%;opacity:0}

to {height:60%;top:34%;opacity:1}

}

@-webkit-keyframes meteor2 {from {height:0%;top:0%;opacity:.1}

to {height:60%;top:40%;opacity:1}

}

@keyframes meteor2 {from {height:0%;top:0%;opacity:.1}

to {height:60%;top:40%;opacity:1}

}

@-webkit-keyframes meteor3 {from {height:40%;top:0%;opacity:.2}

to {height:20%;top:80%;opacity:1}

}

@keyframes meteor3 {from {height:40%;top:0%;opacity:.2}

to {height:20%;top:80%;opacity:1}

}



.keyscroll {width:156px;height:156px;position:absolute;left:50%;margin-left:-78px;bottom:0;background: url(../images/ico1.png) no-repeat;z-index: 8;}

@keyframes scrollAlternate {from {top:12px;height:4px}

to {top:16px;height:6px}

}

@keyframes scrollAlternate2 {from {top:110%;opacity:.8;transform:scale(.8)}

to {top:125%;opacity:1;transform:scale(1)}

}



.keyscroll:after {content:"";display:block;width:100%;height:156px;background:url(../images/ico2.png) no-repeat center;animation:scrollAlternate2 1s alternate infinite;z-index: 10;}

.heart {width:222px;height:222px;position:absolute;top:15%;right:357px;z-index:4}

.by,.zy,.sy {display:block;border:1px solid #fff;border-radius:100%;position:absolute;opacity:0}

.by {width:220px;height:220px;left:50%;top:50%;margin:-110px 0 0 -110px;animation:by 1.5s ease-out infinite}

.zy {width:95px;height:95px;left:50%;top:50%;margin:-48px 0 0 -48px;animation:zy 1.5s ease-out infinite}

.sy {width:5px;height:5px;background:#fff;left:50%;top:50%;margin:-2.5px 0 0 -2.5px;animation:sy 1.5s ease-out infinite}

@keyframes by {10%,33% {transform:scale(.8);opacity:.3}

20%,40% {transform:scale(1);opacity:.3}

100% {transform:scale(1);opacity:0}

}

@keyframes zy {4%,24%,44% {transform:scale(1);opacity:.6}

14%,34% {transform:scale(.8);opacity:.6}

54% {transform:scale(1);opacity:.3}

100% {transform:scale(1);opacity:0}

}

@keyframes sy {10%,54% {opacity:1}

100% {opacity:0}

}



.nav span.btn {display:none}



.banner{width:100%;height:650px;background-color:aqua;position:relative;overflow:hidden;cursor:pointer}

.banner .pcbanner{width:100%;height: 100%;position:relative;text-align: center;}

.banner .pcbanner .pc-pic{width:100%;height: 100%;position: absolute;left:0;top:0;background-size: cover;background-position: center;background-repeat: no-repeat;}

.imgbox{width:100%;height:100%;position:relative;background-color:#222;overflow:hidden}

.img{position:absolute;display:none;left:0;margin-left:0;width:100%;height: 100%;}

.im{display:block}

.change{height:100px;display:block;position:absolute;z-index:20;opacity:.4;transition:.4s;top:50%;margin-top:-50px}

.change:hover{opacity:1}

.cirbox{width:8px;position:absolute;top:50%;z-index:10;right:20px;margin-top:-44px;cursor:pointer;z-index: 9;}

.cir{width:12px;height:12px;background-color:#fff;opacity:.4;float:left;border-radius:6px;margin:5px 0;cursor:pointer}

.cir:hover{background-color:cyan;transition:.8s}

.cr{opacity:1}

.cr:hover{background-color:#fff}



.list1{width:100%;float:left;}

.list1 ul{margin-left:-42px;}

.list1 li{width:405px;float:left;margin:42px 0 0 42px;}

.list1 li .pic{width:100%;float:left;position: relative;height: 266px;overflow: hidden;}

.list1 li .pic img{width: 100%;height:100%;vertical-align: bottom;}

.list1 li .pic .pic-float{width:100%;height: 100%;position: absolute;background: rgba(0,0,0,0.5);display: table;top:100%;left:0;text-align: center;}

.list1 li .pic .pic-float a{display: table-cell;vertical-align: middle;}

.list1 li .pic .pic-float a span{width:156px;height: 42px;text-align: center;line-height: 38px;border:2px solid #0795D8;display: inline-block;font-size:15px;color: #fff;}

.list1 li .con{width:100%;float:left;background: #fff;height: 135px;padding:35px 35px;}

.list1 li .con a{font-size:15px;background: url(../images/ico3.png) left center no-repeat;padding-left:20px;display: block;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list1 li .con p{width:100%;float:left;font-size:12px;color: #353535;padding-left:20px;padding-top:5px;}

.list1 li:hover .pic .pic-float{top:0;}

.list1 li:hover .con{background: #0795D8;}

.list1 li:hover .con a{color: #fff;background: url(../images/ico3h.png) left center no-repeat;}

.list1 li:hover .con p{color: #fff;}

.news-box{width:100%;background: #F6F6F6;padding:108px 0;}



.home-w{width:100%;background: #fff;}

.h710{display: table;height: 710px;}

.home-cent{display: table-cell;vertical-align: middle;}

.home-logo{width:100%;float:left;text-align: center;}

.logobot{width:100%;float:left;text-align: center;padding-top:20px;font-size:16px;}

.home-num{width:100%;float:left;margin-top:145px;}

.home-num ul{text-align: center;width:100%;float:left;}

.home-num li{width:360px;text-align: center;display: inline-block;margin:0 35px;height: 360px;}

.home-num li .cent{padding-top:50px;}

.home-num li p.t{width:100%;float:left;font-size:16px;}

.home-num li p.num{width:100%;float:left;font-size:100px;color: #0795D8;}

.home-num li.li1:hover{background: url(../images/100.gif) center no-repeat;background-size: 100% 100%;}

.home-num li.li2:hover{background: url(../images/200.gif) center no-repeat;background-size: 100% 100%;}

.home-num li.li3:hover{background: url(../images/30.gif) center no-repeat;background-size: 100% 100%;}



.home-picbg{width:100%;height: 652px;background: url(../images/bg1.jpg) center no-repeat;background-size: cover;color: #fff;position: relative;overflow: hidden;}

.home-picbg .home-vdcon{width:100%;height: 100%;position: absolute;top:0;left:0;z-index: 2;display: table;}

.home-picbg .video{width:100%;height: 100%;position: absolute;top:0;left:0;right:0;bottom:0;z-index: 1;}

.home-picbg .video video{width:100%;height: 100%;}

.home-picbg .t1{text-align: center;width:100%;float:left;font-size:46px;}

.home-picbg .t2{font-size:20px;width:100%;float:left;text-align: center;padding:30px 0;}

.home-picbg .t3{width:100%;float:left;text-align: center;margin-top:20px;}

.home-picbg .t3 a{width:156px;height: 42px;text-align: center;line-height: 38px;border:2px solid #fff;display: inline-block;font-size:15px;color: #fff;}

.home-picbg .t3 a:hover{width:180px;}







.home-picbg .video video{  

            position:absolute;  

            right: 0px;  

            bottom: 0px;  

            min-width: 100%;  

            min-height: 100%;  

            height: auto;  

            width: auto;  

            /*加滤镜*/  

            /*-webkit-filter: grayscale(100%);*/  

            /*filter:grayscale(100%);*/  

        }  

        .home-picbg .video source{  

            min-width: 100%;  

            min-height: 100%;  

            height: auto;  

            width: auto;  

        }  









.h810{display: table;height: 810px;}

.home-lingyu{width:100%;float:left;margin-top:46px;}

.home-lingyu ul{margin-left:-36px;}

.home-lingyu li{width:370px;height: 440px;float:left;border:1px solid #F1F2F2;border-radius:12px;margin:36px 0 0 36px;background: #fff;position: relative;box-shadow: 0 0 50px #F1F2F2;overflow: hidden;}

.home-lingyu li .ico{width:100%;float:left;height: 260px;}

.home-lingyu li .ico1{background: url(../images/ly1.png) center no-repeat;}

.home-lingyu li .ico2{background: url(../images/ly2.png) center no-repeat;}

.home-lingyu li .ico3{background: url(../images/ly3.png) center no-repeat;}

.home-lingyu li .con{width:100%;float:left;text-align: center;}

.home-lingyu li .con .t1{font-size:22px;display: block;}

.home-lingyu li .con .t2{color: #b8b8b8;font-size:12px;display: block;padding-top:5px;}

.home-lingyu li:hover{border-color: #0795D8;}

.home-lingyu li .waveAnimation{position: absolute;bottom:0;left:0;height: 78px;width:100%;bottom:-80px;}

.home-lingyu li:hover .waveAnimation{bottom:0;}

.home-lingyu li:hover .ico{animation: rotate .5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}





@keyframes rotate {

    0% {

    transform: translateY(0) ;

  }

    25% {

        transform: translateY(10px);

    }

    50% {

        transform: translateY(20px) scale(1.1, 0.9);

       

    }

    75% {

        ransform: translateY(10px) ;

    }

    100% {

        transform: translateY(0) ;

    }

}







@keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)

    }

    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.55)

    }

    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)

    }

}



.waveWrapperInner {

    position: absolute;

    width: 100%;

    overflow: hidden;

    height: 100%;

    bottom: -1px;

    

}



.bgMiddle {

    z-index: 10;

    opacity: 0.75;

}



.wave {

    position: absolute;

    left: 0;

    width: 200%;

    height: 100%;

    background-repeat: repeat no-repeat;

    background-position: 0 bottom;

    transform-origin: center bottom;

}



.waveAnimation .waveMiddle {

    animation: move_wave 10s linear infinite;

}



.front .text{position: absolute;top:40%;left:0;width:100%;text-align: center;color: #fff;z-index: 9999;}

.front .text h1.t1{font-size:56px;font-weight: normal;}

.front .text h2.t2{font-size:20px;padding-top:20px;font-weight: normal;}