.main{width: 100%;margin-top: 50px;position: relative;}
.star{width: 100%;height: 190px;text-align: center;position: relative;overflow: hidden;}
.star>img{display: block;height: 100%;}
.star-box{position: absolute;width: 100%;height: 100%;text-align: center;top: 0;left: 0;color: #fff;}
.star-box>h2{text-align: center;font-size: 36px;font-weight: normal;margin-top: 30px;}
.star-box>p{font-size: 18px;color: #d8e1ff;margin-top: 10px;}
.star-box>.btn-box{display: inline-block;width: 260px;margin-top: 10px;text-align: center;}
.star-box>.btn-box>a{display:inline-block;margin: 15px 10px 0;width: 106px;height: 30px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 28px;font-size: 16px;}
.search{width: 100%;overflow: hidden;padding-bottom: 40px;position: relative;z-index: 999;}
.search>h2{text-align: center;font-size: 30px;color: #454545;font-weight: normal;margin-bottom: 10px;}
.search>p{text-align: center;font-size: 16px;margin-top: 15px; color: #59689f;}
.search.creep>p{color: #7d7d7d;}
.search>p>b{color: #f60;font-size: 20px;margin-right: 10px;}
.search-bar{width: 508px;height: 34px;border-radius: 34px;border: 1px solid #dee6fe;margin: 15px auto;overflow: hidden;}
.search-bar>input{width: 400px;height: 100%;border: none;padding-left:20px;outline: none;float: left;}
.search-bar>button{border: none;font-size: 18px;color: #f60;font-weight: bold;background-color: transparent;float: right;margin-right: 5px;height: 100%;cursor: pointer;outline: none;}
.search-bar>button>i{color: #bdc8e9;margin-right: 10px;}
.census{margin-bottom: 15px;text-align: center;color:#59689f;}
.search.creep .census{color:#7d7d7d;}
.census b{color: #f60;font-size: 20px;}
.search-tip{overflow: hidden;color: #59689f;text-align: center;}
.search-tip>span{display:inline-block;height: 24px;line-height: 24px;vertical-align: top;}
.tip-box{display:inline-block;max-width: 89%;text-align: left;height: 24px;line-height: 24px;vertical-align: top;}
.tip-box>a{display:inline-block;margin-right: 10px;border: none;outline: none;cursor: pointer;padding: 0 2px;}
.tip-box>a.active{background-color: #f60;color: #fff;}
.search-tip>.more{border: none;color: #f60;font-style: normal;display:inline-block;height: 24px;line-height: 24px;cursor: pointer;vertical-align: top;}
.search-tip>.more>i{font-size: 12px;}
.li-box{background-color: #f3f6ff;min-height: 300px;position: relative;}
.li-box.creep{background-color: #fff;}
.list-box{overflow: hidden;text-align: center;}
.list-box li{margin:45px 20px;display:inline-block;width: 266px;height:488px;background: url("../images/ph.png") no-repeat;background-size: 100% 100%;position: relative;cursor: pointer;
    -webkit-animation:slideUp 1s;
    -o-animation:slideUp 1s;
    animation:slideUp 1s;vertical-align: top;}
.list-box.site li{margin:3% 1%;height:auto; width:30%;background: none;min-width:330px;}
.list-box.wvd li{margin:45px 20px;width: 370px;height:310px;background: none;}
.item-img{width: 194px;height: 340px;position: absolute;top: 75px;left: 34px;overflow: hidden;}
.item-img>i{background: url("../images/play.png") no-repeat center;display: block;position: absolute;left: 50%;top: 50%;margin-left: -70px;margin-top: -70px;width: 140px;height: 140px;}
.list-box.wvd .item-img{width: 370px;height: 260px;padding: 30px 0;background-color: #000;position: relative;top: 0;left: 0;}
.list-box.wvd .item-img>video{width: 366px;height: 206px;}
.item-img>img{width: 100%;}
.item-info{position: absolute;bottom: 25px;padding: 0 40px;width:100%;overflow: hidden;line-height: 16px;color: #42427d;}
.item-info span{float: left;background-color: #f3f6ff;min-width: 100px;text-align: left;}
.item-info span.price{color: #ff7200;}
.item-info i{float: right;font-size: 24px; margin-top: -10px;}
.list-box li:hover .item-info i{color: #ff7200;}
.vd-info{}
.vd-info>div{overflow: hidden;margin-top: 5px;}
.vd-info>div span{float: left;}
.vd-info>div span b{color: #ff7200;font-weight: normal;}
.check-more.page-bar{width: 230px;height: 50px;line-height: 50px;text-align: center;font-size: 24px;color: #454545;margin: 0 auto 20px;border: 1px solid #bdbdbd;border-radius: 25px;cursor: pointer;}
.item-cn{width: 100%;height: 100%;position: absolute;top: 340px;background-color: rgba(0,0,0,.8);
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -ms-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;}
.item-cn>.qrcode{width: 124px;height: 122px;margin: 20px auto 10px;}
.qrcode canvas{width: 100%;height: 100%;}
.item-cn>button{border: 1px solid #0bb161;color: #fefefe;font-size: 14px;margin:60px auto 12px;text-align: center;height: 33px;line-height: 31px;background-color: transparent;display: block;width: 120px;border-radius: 33px;outline: none;cursor: pointer;background-color: #0bb161;}
.item-cn>button:hover{border-color: #0bb161;background-color: #0bb161;}
.list-box li:hover .item-cn{top: 0;}
.item-other{display: none;visibility: hidden;}
/*.page-bar{background-color: #eee;font-size: 16px;text-align: center;width: 140px;height: 30px;line-height: 30px;margin: 40px auto;}*/
/*.page-bar.act{display: none;}*/
.site .it-pic{width: 450px;width:100%;height: 291px;height:auto;background: url("../images/site_bg.png") no-repeat;background-size: 100% 100%;padding-top: 15px; padding:3.3% 0 11.5%;}
.it-pic .it-img{width: 345px;width:76%;height: 222px;height:auto;display: block;overflow: hidden;margin: 0 auto;position: relative;}
.it-pic .it-img>img{width:100%;height: 100%;height:auto;}
.site .it-info{white-space: nowrap;width: 100%;padding: 0 50px;padding: 0 10% 0 7%;overflow: hidden;}
.site .it-info>span{color: #919191;font-size: 14px;float: left;margin-left: 15px;}
.site .it-info>span>b{font-weight: normal;}
.site .it-info>em{color: #ff592d;font-style: normal;font-size: 14px;float: right;}
.site .it-info .list{ line-height: 26px;}
.site .item-cn{top: 225px;}
.tbn{overflow: hidden;width: 100%;position: absolute;bottom: 20px;padding: 0 20px;}
.tbn>a{width: 130px;height: 35px;line-height:35px;border-radius: 15px;color: #fff;cursor: pointer;border: none;font-size: 18px;}
.lbtn{background-color: #03ae5b;margin: 0 auto;display: block;}
.rbtn{float: right;background-color: #ff5a00;display: none;}
.wvd .lbtn{background-color: #fff;color: #03ae5b;}
.tab-ck{margin-bottom: 50px;}
.tab-ck>h2{text-align: center;display: block;font-size: 32px;color: #454545;font-weight: normal;margin:40px 0 10px;}
.tab-ck>p{color: #454545;font-size: 20px;text-align: center;}
.tab-ck>ul{margin: 50px auto 70px;width: 1000px;text-align: center;}
.tab-ck>ul li{display:inline-block;margin: 0 40px;cursor: pointer;position: relative;}
.tab-ck>ul li>i{display: block;width: 156px;height: 156px;border-radius: 50%;border: 1px solid #cdcdcd;margin-bottom: 10px;}
.tab-ck>ul li>span{font-size: 20px;color: #989898;}
.tab-ck>ul>li:hover i,.tab-ck>ul>li.act i{border: 3px solid #b9a1e7;}
.tab-ck>ul>li:hover span,.tab-ck>ul>li.act span{color: #b9a1e7;}
.tab-ck>ul>li.act:after{content:"";height: 60px;width: 1px;background-color: #b9a1e7;position: absolute;display: block;left: 50%;bottom: -70px;}
.tab-bx .search-tip{margin-top: 15px;text-align: left;}
.tab-bx{background-color: #f7f7f7;width: 100%;height: 105px;}
.tab-bx>ul{width: 1000px;margin: 0 auto;height: 100%;overflow: hidden;position: relative;}
.tab-bx>ul>li{width: 100%;height: 100%;overflow: hidden;padding: 0 50px;display: none;position: absolute;top: 0;left: 0;}
.tab-bx>ul>li.act{display: block;}

.wvd .item-cn{top:355px;}
.bl1{background: url("../images/l1.jpg") no-repeat center;}
.bl2{background: url("../images/l2.jpg") no-repeat center;}
.bl3{background: url("../images/l3.jpg") no-repeat center;}
.bl4{background: url("../images/l4.jpg") no-repeat center;}
.ft-box{width: 1594px;border: 4px solid #e3eafd;overflow: hidden;margin: 0 auto 60px;padding: 15px 0;height: 240px;display: none;}
.ft-s{float: right;height: 100%;border-left: 1px solid #c2cdef;margin-left: -1px;}
.ft-qt{width: 415px;border-left: none;padding: 0 30px;}
.ft-qt>a{color: #405cb1;display: block;line-height: 25px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ft-qt>a.active{color: #f60;}
.ft-cl{width: 635px;padding: 20px 30px 0;}
.carousel{overflow: hidden;position: relative;width: 100%;height: 140px;}
.carousel>ul{width: 99999px;overflow: hidden;position: absolute;}
.carousel>ul li{width: 575px;overflow: hidden;float: left;}
.car-img{width: 185px;height: 140px;float: left;}
.car-info{width: 365px;height: 140px;float: left;margin-left: 20px;color: #6981cd;}
.car-info>h2{font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 30px;}
.car-info>p{line-height: 20px;}
.ft-cl>ol{text-align: center;margin-top: 15px;padding: 0;}
.ft-cl>ol li{display: inline-block;width: 10px;height: 10px;background-color: #7898f8;border-radius: 50%;overflow: hidden;text-indent: -99px;margin: 0 5px;}
.ft-cl>ol li.active{background-color: #f60;}
.ft-ad{width: 536px;padding: 18px 30px;}
.ft-ad>img{width: 100%;height: 162px;display: block;}
.fix-box{width: 100%;height: 100%;position: fixed;z-index: 9999;top: 0;left: 0;}
.shadow{background-color: rgba(28,29,69,.9);width: 100%;height: 100%;}
.alert-box{position: absolute;top: 50%;left: 50%;width: 550px;margin-left: -275px;margin-top:-655px;opacity: 0;}
.alert-l{background: url("../images/ph2.png") no-repeat;background-size:100% 100%;width: 321px;height: 655px;float: left;position: relative;opacity: 1;}
.alert-l>img{width: 267px;height: 461px;position: absolute;top: 100px;left: 30px;overflow: hidden;}
.alert-l>.ifram-box{width: 286px;height: 461px;position: absolute;top: 100px;left: 33px;overflow: hidden;background-color: #dbd8da;}
.ifram-box .loading{width: 100%;height: 100%;background:url("../images/loading.gif") no-repeat center #e8e4e7;}

.video-box{width: 900px;height: 560px;position: absolute;left: 50%;top: 50%;margin-left: -450px;margin-top: -280px;}
.vid-box{width: 100%;height: 510px;}
.vid-box>video{width: 100%;height: 100%;background-color: #000;}
.vid-info{width: 100%;margin-top: 10px;overflow: hidden;}
.vid-info span{color: #fff;}
.vid-info span b{color: #ffc000;}

.mores,.add-m{width: 90px;height: 26px;line-height:26px;border-radius: 13px;color: #fff;cursor: pointer;border: none;display: inline-block;text-align: center;margin-left: 15px;}
.mores{background-color: #ff4e00;}
.add-m{background-color: #8a01ff;}

.iframe-img{width: 100%;height: 100%;overflow: auto;}
.iframe-img img{width: 100%;}
.alert-r{float: right;width: 170px;padding-top: 120px;}
.alert-r>span{text-align: center;color: #fff;display: block;}
.alert-r>.erw{width: 163px;height: 158px;margin: 10px auto;}
.alert-r>.erw>canvas{width: 163px;height: 158px;display: block;}
.alert-r>.collect{color: #fff;text-align: center;height: 30px;line-height: 30px;}
.alert-r>.collect i{color: #ff0036;font-size: 25px;margin-right: 5px;vertical-align: middle;}
.alert-r>button{color: #fff;font-size: 20px;background-color: #ff8a00;height: 41px;line-height: 41px;border: none;outline: none;  width:163px;display: block;border-radius: 5px;}
.alert-r>button i{font-size: 25px;margin-right: 5px;cursor: pointer;}
.alert-info{color: #fff;text-align: center;margin-top: 30px;}
.alert-info>p{line-height: 30px;font-size: 18px;}
.alert-info b{color: #ff6c00;}
.pro-box{padding-top: 100px;position: relative;}
.pro-box.h100{height: 100%!important;}
.pro-title{text-align: center;color: #fff;margin-top: 75px;}
.pro-title.sing{opacity: 0;margin-top: 20px;}
.pro-title>h2{font-size: 48px;font-weight: normal;margin-bottom: 20px;}
.pro-title>span{text-align: center;font-size: 18px;line-height: 28px;}

.pro-info{text-align: center;padding-bottom: 30px;}
.pro-info>.tb-box{margin: 60px auto 25px;width: 1000px;}
.tb-box>img{width: 100%;display: block;}
.pro-info>p{font-size: 18px;color: #fff;text-align: center;}
.pro-info>button{display:block;margin:80px auto 15px;width: 142px;height: 39px;line-height: 39px;background-color: #ff5a00;color: #fff;font-size: 24px;border: none;border-radius: 39px;}
.pro-info>span{color: #fff;font-size: 18px;}
.pro-info>span a{color: #ff1e00;}
.btn-p{font-size: 36px;color: #fff;font-weight: bold;position: absolute;top: 50%;margin-top: 220px;width:580px;left: 50%;margin-left: -290px;}
.btn-p>em{width: 100%;height: 100%;background-color: #78bff6;position: absolute;z-index: 2;}

.artical {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
}
#bg-1,#bg-2,#bg-3,#bg-4,#bg-5{
    background-position: 50%;
}
#bg-1 {
    background: url("../images/01.jpg") no-repeat;
    background-size: 100% 100%;
}
#bg-2 {
    background-color: #fff;
}
#bg-3 {
    background: url("../images/02.jpg") no-repeat #fff;
    background-size: 100% 100%;
}
#bg-4 {
    background-color: #fff;
}
#bg-5 {
    background-color: #62baff;
}
.ar1 .alert-l{position: absolute;left: 50%;margin-left: -480px;bottom: -680px;}
.a-r{position: absolute;}
.ar1 .a-r{left: 50%;margin-left: -40px;height:318px;opacity: 0;top: 50%;margin-top: 20px;}
.if-box>h2{font-size: 48px;font-weight: normal;}
.if-box>p{font-size: 16px;margin-top: 60px;line-height: 30px;}
.ar1 .if-box>p,.ar3 .if-box>p{margin-top: 100px;opacity: 0;}
.if-box>p>span{color: #fcff00;}
.b-box{overflow: hidden;margin-top: 60px;}
.ar1 .b-box,.ar3 .b-box{opacity: 0;margin-top: 100px;}
.b-box>a{float: left;height: 44px;border-radius: 44px;border: 2px solid rgba(255,255,255,.8);line-height: 40px;text-align: center;font-size: 16px;padding: 0 30px;margin-right: 30px;}
.b-box>a:hover{background-color: #fff;color: #6969e0}
.ar2 .if-box>h2{color: #4a3c61;font-size: 30px;}
.ar2 .if-box>p{color: #827b90;opacity: 1;}
.nn{position: absolute;width: 459px;height: 100%;left: 50%;margin-left: 45px;}
.nn1{background: url("../images/lay1.jpg") no-repeat;width: 181px;height: 632px;background-size: 100% 100%;position: absolute;z-index:4;top: 50%;opacity: 0;left: 100px;margin-top: -270px;}
.nn2{background: url("../images/lay2.jpg") no-repeat;width: 181px;height: 619px;background-size: 100% 100%;position: absolute;z-index:3;top: 50%;left: 250px;opacity: 0;margin-top: -240px;}
.nn3{background: url("../images/lay3.jpg") no-repeat;width: 152px;height: 552px;background-size: 100% 100%;position: absolute;z-index:2;top: 50%;left: 390px;opacity: 0;margin-top: -200px;}
.pl{width: 475px;height: 514px;position: absolute;left: 50%;margin-left: -560px;top: 50%;opacity: 0;margin-top: -257px;}
.ph{background: url("../images/ph2.png") no-repeat;background-size: 100% 100%;width: 248px;height: 514px;position: absolute;z-index: 4;}
.ph>img{width: 206px;height: 362px;position: absolute;top: 78px;left: 23px;}
.pl1{background: url("../images/pr2.jpg") no-repeat;background-size: 100% 100%;width: 230px;height: 366px;position: absolute;z-index: 3;top: 78px;left: 2px;opacity: 0;}
.pl2{background: url("../images/pr3.jpg") no-repeat;background-size: 100% 100%;width: 215px;height: 342px;position: absolute;z-index: 2;top: 90px;left: 17px;opacity: 0;}
.b-box{overflow: hidden;}
.b-box li{float: left;text-align: center;height: 65px;width: 65px;margin-right: 40px;margin-top: 40px;opacity: 0;}
.b-box li i{display: block;font-size: 30px;color: #606069;width: 100%;height: 40px;}
.b-box li span{display: block;color: #3d3d3d}
.ar2 .if-box{position: absolute;left: 50%;margin-left: -475px;top: 50%;opacity: 0;height: 325px;margin-top: -100px;}
.ar5 .if-box,.ar3 .if-box{position: absolute;left: 50%;margin-left: 80px;top: 50%;opacity: 0;}

.ar3 .if-box{margin-top: -100px;height: 318px;}
.ar5 .if-box{margin-top: -100px;height: 288px;}

.ar4 .if-box{position: absolute;left: 50%;margin-left: -558px;opacity: 0;top: 50%;margin-top: -100px;height: 130px;}
.ar4 .if-box>h2{color: #000;font-size: 30px;}
.ar4 .if-box>p{color: #000;}

.artical .arc{
    color: white;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.wifi{width: 500px;height: 560px;position: absolute;left: 50%;margin-left: 20px;top: 50%;margin-top: -330px;}
.wifi>em{display: block;position: absolute;opacity: 0;}
.em1{background: url("../images/ic1.png") no-repeat;background-size:100% 100%;width: 68px;height: 68px;top: 120px;left: 45px;}
.em2{background: url("../images/ic2.png") no-repeat;background-size:100% 100%;width: 70px;height: 73px;top: 115px;left: 285px;}
.em3{background: url("../images/ic3.png") no-repeat;background-size:100% 100%;width: 55px;height: 54px;top: 105px;left: 400px;}
.em4{background: url("../images/ic4.png") no-repeat;background-size:100% 100%;width: 58px;height: 60px;top: 240px;left: 50px;}
.em5{background: url("../images/ic5.png") no-repeat;background-size:100% 100%;width: 82px;height: 82px;top: 190px;left: 170px;}
.em6{background: url("../images/ic6.png") no-repeat;background-size:100% 100%;width: 102px;height: 102px;top: 209px;left: 362px;}
.em7{background: url("../images/ic7.png") no-repeat;background-size:100% 100%;width: 85px;height: 85px;top: 347px;left: 25px;}
.em8{background: url("../images/ic8.png") no-repeat;background-size:100% 100%;width: 96px;height: 96px;top: 398px;left: 378px;}
.em9{background: url("../images/ic9.png") no-repeat;background-size:100% 100%;width: 65px;height: 64px;top: 494px;left: 242px;}
.wifi>span{background: url("../images/pq1.png") no-repeat;background-size:100% 100%;position: absolute;width: 156px;height: 156px;border-radius: 50%;border: 10px solid #cdfaf8;top: 289px;left: 170px;opacity: 0;}

.ex{width: 525px;height: 528px;left: 50%;margin-left: -560px;position: absolute;margin-top: -370px;top: 50%;}
.exhibit{width: 330px;height: 330px;background-color: #fff;border-radius:50%;position: absolute;left: 50%;margin-left: -165px;top: 187px;z-index:2;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.kf{background: url("../images/cus.png") no-repeat;width: 245px;height: 275px;display: block;position: absolute;left:50%;margin-left: -122px;top: 243px;z-index: 99;}
.btn-msg{color: #fff;text-align: center;font-size: 18px;position: absolute;bottom: 0;width: 100%;opacity: 0;}
.btn-msg>span{display: block;text-align: center;}
.btn-msg>a{width: 96px;height: 36px;border: 1px solid #fff;display: inline-block;text-align: center;line-height: 34px;}
.btn-msg.hoh>a{border: none;}
.btn-msg>a .ic-22{font-size: 30px;}
.btn-msg>a .ic-1{text-align: center;display: block;line-height: 1;
    -webkit-animation:bs 1s infinite;
    -o-animation:bs 1s infinite;
    animation: bs 1s infinite ;}
.exhibit>b{color: #bcbcff;font-size: 16px;position: absolute;opacity: 0;}
.exhibit>b.fn1{left: 50px;top:38px;}
.exhibit>b.fn2{left:225px;top:104px;}
.exhibit>b.fn3{left:214px;top:200px;}
.exhibit>b.fn4{left:165px;top:258px;}
.exhibit>b.fn5{left:51px;top:225px;}
.exhibit>b.fn6{left:140px;top:110px;}

.ck{background-color: #fff;border-radius: 30px;width: 150px;position: absolute;}
.ck1{height: 30px;left: 110px;top: 41px;}
.ck2{height: 30px;left: 170px;top: 101px;}
.ck3{height: 30px;left: 140px;top: 160px;}
.ck4{height: 15px;left: 125px;top: 265px;}
.ck5{height: 15px;left: 80px;top: 295px;}
.ck6{height: 15px;left: 80px;top: 265px;}
.ck7{height: 30px;left: 50px;top: 220px;}
.ck8{height: 30px;left: 10px;top: 160px;}
.ck9{height: 15px;left: 40px;top: 130px;}

.in{background-color: #62baff;border-radius: 30px;width: 150px;position: absolute; }
.in1{height: 30px;left: 350px;top: 71px;}
.in2{height: 30px;left: 365px;top: 131px;}
.in3{height: 15px;left: 300px;top: 280px;}
.in4{height: 15px;left: -162px;top: 250px;}
.in5{height: 30px;left: -170px;top: 190px;}
.in6{height: 15px;left: -170px;top: 145px;}

.fnbox{width: 380px;height: 380px;border-radius:50%;position: absolute;left: 50%;margin-left: -190px;top: 240px;z-index: 3;}
.fnbox .icf{font-size: 36px;color: #fff;position: absolute;}
.fnbox .ns1{top: 30px;left: 200px;}
.fnbox .ns2{top: 105px;left: 320px;}
.fnbox .ns3{top: 235px;left: 215px;}
.fnbox .ns4{top: 225px;left: 105px;}
.fnbox .ns5{top: 110px;left: 30px;}
.fnbox .ns6{top: 80px;left: 30px;}

.cir{position: absolute;width: 380px;height: 380px;background-color: #fff;border-radius: 50%;left: 50%;bottom: 100px;margin-left: -190px;opacity: 0; }
.cir>div{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.cir .circ1>em{background: url("../images/ren1.png") no-repeat;width: 129px;height: 285px;display: block;position: absolute;bottom: -50px;left: 100%;margin-left: -64px;z-index: 3;opacity: 0;}
.cir .circ2>em{background: url("../images/ren2.png") no-repeat;width: 112px;height: 292px;display: block;position: absolute;bottom: -50px;left: 100%;margin-left: -56px;z-index: 3;opacity: 0;}
.cir .circ3>em{background: url("../images/ren3.png") no-repeat;width: 114px;height: 299px;display: block;position: absolute;bottom: -50px;left: 100%;margin-left: -52px;z-index: 3;opacity: 0;}
.cir .circ4>em{background: url("../images/ren4.png") no-repeat;width: 264px;height: 278px;display: block;position: absolute;bottom: -50px;left: 100%;margin-left: -132px;z-index: 3;opacity: 0;}
.cir .circ1>span,.cir .circ3>span,.cir .circ4>span{margin-top: 65px;font-size: 23px;color: #1d78f4;font-weight: bold;display: block;text-align: center;opacity: 0;position: relative;right: -50%}
.cir .circ2>span{background: url("../images/yun3.png") no-repeat;opacity: 0;display: block;width: 275px;height: 90px;margin-left: 40px;margin-top: 40px;}

.cir .circ1>i{display: block;position: absolute;background: url("../images/yun1.png") no-repeat;width: 577px;height: 361px;background-size: 100% 100%;top: 0;left: 50%;margin-left: -288px;opacity: 0;}
.cir .circ2>i{display: block;position: absolute;background: url("../images/yun2.png") no-repeat;width: 555px;height: 342px;background-size: 100% 100%;top: 0;left: 50%;margin-left: -318px;opacity: 0;}
.cir .circ3>i{display: block;position: absolute;background: url("../images/yun4.png") no-repeat;width: 291px;height: 247px;background-size: 100% 100%;top: 50px;left: 50%;margin-left: -145px;opacity: 0;}
.cir .circ4>i{display: block;position: absolute;background: url("../images/yun5.png") no-repeat;width: 368px;height: 315px;background-size: 100% 100%;top: 0;left: 50%;margin-left: -184px;opacity: 0;}


@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(200%,0,0) skewX(-30deg);
        transform: translate3d(200%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@media screen and (max-width: 1600px) {
    .ft-qt {
        display: none;
    }
    .ft-box{width: 1177px;}

}

.cusde{text-align: center;position: absolute;width: 100%;bottom: 400px;opacity: 0;}
.cusde>h2{font-size: 48px;color: #fff;font-weight: normal;display: block;margin-bottom: 15px;}
.cusde>span{font-size: 24px;color: #fff;opacity: 0;display: block;position: relative;bottom: -20px;}
.human-box{}
.bul{position: absolute;background: url("../images/bul.png") no-repeat center;width: 84px;height: 428px;display: block;color: #0e96ff;font-size: 18px;font-weight: bold;text-align: center;padding-top: 30px;z-index: 2;left: 50%;opacity: 0;}
.bul1{margin-left: -432px;bottom: 0;}
.bul2{margin-left: -292px;bottom:0;}
.bul3{margin-left: 15px;bottom:0;}
.bul4{margin-left: 310px;bottom:0;}
.hu1{width: 129px;height: 270px;background: url("../images/hu1.png") no-repeat center;position: absolute;bottom: 25px;left: 50%;margin-left: 180px;z-index: 3;opacity: 0;}
.hu2{width: 200px;height: 208px;background: url("../images/hu2.png") no-repeat center;position: absolute;bottom: 55px;left: 50%;margin-left: -110px;z-index: 3;opacity: 0;}
.hu3{width: 103px;height: 270px;background: url("../images/hu3.png") no-repeat center;position: absolute;bottom: 20px;left: 50%;margin-left: -306px;z-index: 3;opacity: 0;}
.hu4{width: 129px;height: 262px;background: url("../images/hu4.png") no-repeat center;position: absolute;bottom: 40px;left: 50%;margin-left: 90px;z-index: 3;opacity: 0;}
.hu5{width: 76px;height: 261px;background: url("../images/hu5.png") no-repeat center;position: absolute;bottom: 40px;left: 50%;margin-left: -186px;z-index: 3;opacity: 0;}
.hu6{width: 889px;height: 269px;background: url("../images/hu_b.png") no-repeat center;position: absolute;bottom: 60px;left: 50%;margin-left: -444px;;opacity: 0;}


.btn-msg.new-p{opacity: 1;}
.btn-msg.new-p span{font-size: 36px;margin-bottom: 20px;display: block;text-align:center;position: relative;}
.btn-msg.new-p i{font-size: 36px;opacity: 0;}
.btn-msg.new-p span em{width: 100%;height: 100%;background-color:#0e96ff;position: absolute; }

.char-btn{text-align: center;position: absolute;height:36px;width: 100%;top: 50%;margin-top: 330px;opacity: 0;}
.char-btn a{display: inline-block;width: 96px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #fff;margin:0 10px;color: #fff;}


.char{position: absolute;top:50%;height: 280px;overflow: hidden;margin-top: -75px;width: 590px;left: 50%;margin-left: -285px;opacity: 0;}
.zsh{background: url("../images/zsh.png") no-repeat;width: 670px;height: 350px;position: absolute;left: 50%;margin-left: -315px;top: 50%;z-index: 5;margin-top: -140px;opacity: 0;background-size: 100% 100%;}
@-webkit-keyframes bs {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.2) translateY(2px);
        -moz-transform: scale(1.2) translateY(2px);
        -ms-transform: scale(1.2) translateY(2px);
        -o-transform: scale(1.2) translateY(2px);
        transform: scale(1.2) translateY(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translateY(0px);
        -moz-transform: scale(1) translateY(0px);
        -ms-transform: scale(1) translateY(0px);
        -o-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
    }
}

@-o-keyframes bs {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.2) translateY(2px);
        -moz-transform: scale(1.2) translateY(2px);
        -ms-transform: scale(1.2) translateY(2px);
        -o-transform: scale(1.2) translateY(2px);
        transform: scale(1.2) translateY(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translateY(0px);
        -moz-transform: scale(1) translateY(0px);
        -ms-transform: scale(1) translateY(0px);
        -o-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
    }
}

@-moz-keyframes bs {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.2) translateY(2px);
        -moz-transform: scale(1.2) translateY(2px);
        -ms-transform: scale(1.2) translateY(2px);
        -o-transform: scale(1.2) translateY(2px);
        transform: scale(1.2) translateY(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translateY(0px);
        -moz-transform: scale(1) translateY(0px);
        -ms-transform: scale(1) translateY(0px);
        -o-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
    }
}

@-ms-keyframes bs {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.2) translateY(2px);
        -moz-transform: scale(1.2) translateY(2px);
        -ms-transform: scale(1.2) translateY(2px);
        -o-transform: scale(1.2) translateY(2px);
        transform: scale(1.2) translateY(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1) translateY(0px);
        -moz-transform: scale(1) translateY(0px);
        -ms-transform: scale(1) translateY(0px);
        -o-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
    }
}

@keyframes bs {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform:translateY(3px);
        -moz-transform:translateY(3px);
        -ms-transform:translateY(3px);
        -o-transform:translateY(3px);
        transform:translateY(3px);
        opacity: 0;
    }
}
@-webkit-keyframes slideUp {
    0% {
        margin-top: 80px;
        opacity: 0;
    }
    100% {
        margin-top: 45px;
        opacity: 1;
    }
}

@-o-keyframes slideUp {
    0% {
        margin-top: 80px;
        opacity: 0;
    }
    100% {
        margin-top: 45px;
        opacity: 1;
    }
}

@-moz-keyframes slideUp {
    0% {
        margin-top: 80px;
        opacity: 0;
    }
    100% {
        margin-top: 45px;
        opacity: 1;
    }
}

@-ms-keyframes slideUp {
    0% {
        margin-top: 80px;
        opacity: 0;
    }
    100% {
        margin-top: 45px;
        opacity: 1;
    }
}

@keyframes slideUp {
    0% {
        margin-top: 80px;
        opacity: 0;
    }
    100% {
        margin-top: 45px;
        opacity: 1;
    }
}

.page-bar.act{display: none;}
.page-bar{
    width: 80px;
    height: 30px;
    margin: 20px auto;
}
.page-bar span{
    display: inline-block;
    width: 10px;
    height: 100%;
    border-radius: 5px;
    background: lightgreen;
    -webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
    0%,100%{
        height: 30px;
        background: lightgreen;
    }
    50%{
        height: 50px;
        margin: -10px 0;
        background: lightblue;
    }
}
@keyframes load{
    0%,100%{
        height: 30px;
        background: lightgreen;
    }
    50%{
        height: 50px;
        margin: -10px 0;
        background: lightblue;
    }
}
.page-bar span:nth-child(2){
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s;
}
.page-bar span:nth-child(3){
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s;
}
.page-bar span:nth-child(4){
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
}
.page-bar span:nth-child(5){
    -webkit-animation-delay:0.8s;
    animation-delay:0.8s;
}



/*------shuaixuan------*/

.searchfind{ border-top: #d2d9f2 solid 1px; text-align: center; font-size:14px; color: #59689f; line-height: 36px;   padding: 20px 0;}
.searchfind span.list{ display: inline-block; height: 36px; vertical-align: top;}
.searchfind em{color: #d7dae3;}
.searchfind-box,.color-box{display: inline-block;width: 85%;text-align: left;vertical-align: top;}
.searchfind-box a,.color-box a.all{display: inline-block;margin:0 10px;border: none;outline: none;cursor: pointer;padding: 0 2px; color: #7f8bb2;height: 24px;line-height: 24px;font-size: 14px;min-width: 36px;}
.color-box a.all{width: auto}
.searchfind-box a.active,.color-box a.all.active{background:#f60;color: #fff;}
.color-box a.all:before{display: none;}
.searchfind-line{ border-bottom: #d2d9f2 solid 1px;}

.color-box a{font-size:0; margin-left:20px; display: inline-block; width: 28px; height: 10px; margin-top:4px;vertical-align: middle;cursor: pointer;position: relative;}
.color-box a:before{content:"";border:#cbcbcb solid 1px;width: 36px;height: 18px;top: -4.5px;left: -4px;display: block;position: absolute;}
.color-box a.active:before{border-color:#f60;}


.color-box a.bg1{background-color: #3982f1;}
.color-box a.bg2{background-color: #4ccd1f;}
.color-box a.bg3{background-color: #ece412;}
.color-box a.bg4{background-color: #ff6600;}
.color-box a.bg5{background-color: #ea1717;}
.color-box a.bg6{background-color: #691fcd;}
.color-box a.bg7{background-color: #0d0d0d;}
.color-box a.bg8{background-color: #f2f2f2;}

.color-box a.cg0{background-color: #0d0d0d;}
.color-box a.cg1{background-color: #f2f2f2;}
.color-box a.cg2{background-color: #dddddd;}
.color-box a.cg3{background-color: #ea1717;}
.color-box a.cg4{background-color: #ece412;}
.color-box a.cg5{background-color: #3982f1;}
.color-box a.cg6{background-color: #4ccd1f;}
.color-box a.cg7{background-color: #691fcd;}

.txt-y{color: #fff; font-size: 14px; text-align: center;}
.wbn{background-color: #ddd;width: 1920px;position: absolute;left: 50%;margin-left: -960px;top: 0;}


.list-box li.sale-item{
    margin:45px 20px;display:inline-block;width: 280px;position: relative;cursor: pointer;
    background: none;
    -webkit-animation:slideUp 1s;
    -o-animation:slideUp 1s;
    animation:slideUp 1s;vertical-align: top;
}
.sl-i{
    width: 185px;
    height: 390px;
    margin: 0 auto;
    overflow: hidden;
    padding: 2px 4px 4px;
    position: relative;
    border-radius: 22px;
}
.sl-i em{
    background: url("../mimg/phs.png") no-repeat;
    width: 185px;
    height: 390px;
    position: absolute;
    background-size:100% 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.sl-i img{
    width: 100%;
    border-radius: 10px;
    min-height: 390px;
}
.ov{
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(235,235,235,.8);
}
.ov span{
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom:0;
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.ov1 span{
    background: url("../mimg/ov.png ") no-repeat;
    background-size: 100% 100%;
}
.ov2 span{
    background: url("../mimg/ov2.png ") no-repeat;
    background-size: 100% 100%;
}
.sl-n{
    width: 185px;
    height: 40px;
    text-align: center;
    background-image: -webkit-linear-gradient(top, #ff392a, #ff4200);
    background-image: linear-gradient(top, #ff392a, #ff4200);
    border-radius: 10px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px;
    margin: 15px auto 0;
}
.sl-n span{
    font-weight: bold;
}
.sl-n b{
    float: right;
}
.sale-item>em{
    background: url("../images/pris.png") no-repeat;
    width: 150px;
    height: 78px;
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    display: block;
    z-index: 3;
    right: 0;
    top:-24px;
    line-height: 78px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sl-m{
    color: #333;
    font-size: 22px;
    margin-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sl-m>b{
    color: #ffda2f;
    font-size: 39px;
    margin: 0 5px;
}
.sl-m>b span{
    font-size: 22px;
}
.sl-m>s{
    font-size: 25px;
    color: #ffb1a4;
}