*, ::before, ::after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} html {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} nav,header,footer{display:block;} html,body,h1,h2,h3,h4,h5,h6,blockquote,p,pre,dl,dd,ol,ul,li,a,span,caption,th,td,form,fieldset,legend,input,button,textarea,address{margin:0;padding:0} body{font-size:14px;line-height:1.5;font-family:Arial;color:#000;} ul,li{list-style:none;} a{color:#000;text-decoration:none;cursor:pointer;} input,button,select,textarea{outline:0} table{border-collapse:collapse;border-spacing:0} body{padding-top:160px;} body.fixed{padding-top:185px;} body.fixed .head{position:fixed;top:0;left:0;right:0;z-index:9;background:#fff;} body.fixed .logo,body.fixed .toplist{display:none;} input,textarea{font-family:Arial;} .g-wrap{max-width:1720px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;} .cfix:after{content:'';display:block;height:0;clear:both;} .head{position:fixed;width:100%;top:0;left:0;z-index:9;background-color:#fff;} .head .g-wrap{position:relative;} .head .logo{display:block;float:left;margin:25px 0 0 0;font-weight:400;} .head .logo a{display:block;overflow:hidden;} .head .logo img{display:block;float:left;width:195px;height:50px;margin-right:30px;} .head .logo span{height:50px;line-height:50px;font-size:24px;} .toplist{float:right;margin:25px 0 0 0;} .toplist li{float:left;} .toplist .icon{width:40px;height:40px;background-size:100% 100%;} .toplist a{display:block;margin:5px 20px;} .toplist a.ic1{background-image:url(../images/topicon1.png);} .toplist a.ic2{background-image:url(../images/topicon2.png);} .toplist a.ic3{background-image:url(../images/topicon3.png);} .toplist .sear{border:1px solid #050001;position:relative;margin-left:20px;} .toplist .sear input{display:block;height:48px;line-height:48px;padding:0 10px 0 50px;width:228px;} .toplist .sear .icon{position:absolute;left:5px;top:50%;margin-top:-20px;background-image:url(../images/sear.png);background-color:transparent;border:none;cursor:pointer;} .m-toplist{float:right;display:none;padding:10px 0;} .m-toplist li{float:left;margin-left:20px;width:30px;height:30px;background-size:100% 100%;position:relative;z-index:4;} .m-toplist li.ic1{background-image:url(../images/sear.png);} .m-toplist li.ic2{background-image:url(../images/menu_btn.png);} .nav{clear:both;padding:20px 0;position:relative;z-index:9;box-shadow: 0px 20px 35px -20px #9e9e9e;} .nav li{float:left;width:12.5%;text-align:center;position:relative;} .nav li .box{display:inline-block;} .nav .one{display:inline-block;height:45px;line-height:45px;font-size:20px;position:relative;} .nav .one:after{content: '';display:block;position:absolute;bottom:8px;width:100%;height:3px;background-color:#000000;transform:scale(0, 1);transition:transform 337.5ms cubic-bezier(0.05, 1, 0.8, 1) 0ms;} .nav .subnav{position:absolute;width:100%;background:#fff;text-align:left;width:300px;left:50%;margin-left:-150px;padding:10px 0;top:60px;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 20px 0 #ddd} .nav .subnav a{display:block;line-height:40px;border-bottom:1px solid #eee;padding:0 10px;} .nav .one:hover, .nav li.act .one {font-weight:700} .nav .one:hover:after, .nav li.act .one:after{transform: scale(1, 1); } .nav .box:hover .subnav{opacity:1;visibility:visible;top:45px;} .nav .subnav a:hover{font-weight:700;} .head .line{position:absolute;width:100%;left:0;bottom:0;height:66px;background:url(../images/nav_bg.png) no-repeat 80% 0;} .nav li.language,.nav li.address{display:none;} .nav li.language .icon,.nav li.address .icon{width:30px;height:30px;display:block;margin-top:7px;} .nav li.language .icon{background:url(../images/topicon2.png);background-size:100% 100%;} .nav li.address .icon{background:url(../images/topicon3.png);background-size:100% 100%;} .foot{padding:60px 0;background:#000;color:#fff;} .foot .g-wrap{max-width:1530px;} .foot dl{float:left;padding-bottom:20px;} .foot dl dt{font-size:24px;font-weight:bold;text-transform:uppercase;margin-bottom:30px;} .foot .copyright{clear:both;font-size:20px;color:#cbcbcb;text-align:center;} .foot .qn{width:26%;} .foot .qn dd{font-size:20px;line-height:2;} .foot .qn a{color:#fff;position:relative;padding-left:45px;} .foot .qn .icon{position:absolute;width:20px;height:20px;background:url(../images/jticon.png) no-repeat;background-size:100% 100%;left:0;top:50%;margin-top:-10px;} .foot .map{float:right;width:39%;} .foot .map a{display:block;} .foot .map img{display:block;width:100%;height:auto;} .foot .gut{margin-left:3%;width:30%;margin-right:2%;} .foot .gut dd{position:relative;padding-left:65px;color:#cbcbcb;font-size:16px;margin:20px 0;} .foot .gut .icon{position:absolute;width:56px;height:56px;left:0;top:50%;margin-top:-28px;background-size:100% 100%;} .foot .gut p{color:#fff;font-size:18px;text-transform:capitalize;} .foot .gut .icon.ic1{background-image:url(../images/foticon1.png);} .foot .gut .icon.ic2{background-image:url(../images/foticon2.png);} .foot .gut .icon.ic3{background-image:url(../images/foticon3.png);} .foot .gut .icon.ic4{background-image:url(../images/foticon4.png);} .foot .gut .icon.ic5{background-image:url(../images/foticon5.png);} .foot .gut .icon.ic6{background-image:url(../images/foticon6.png);} .foot .share{float:right;} .foot .share a{display:block;float:left;width:42px;height:42px;margin-left:10px;background-size:100% 100%;} .foot .share a.i1{background-image:url(../images/share1.png);} .foot .share a.i2{background-image:url(../images/share2.png);} .foot .share a.i3{background-image:url(../images/share3.png);} .foot .share a.i4{background-image:url(../images/share4.png);} .mainti{position:relative;text-align:center;overflow:hidden;margin-top:20px;} .mainti span{font-size:28px;position:relative;padding:0 35px;text-transform:uppercase;display:inline-block;} .mainti span:before{content:'';position:absolute;width:960px;height:1px;background:#565656;left:-960px;top:50%;} .mainti span:after{content:'';position:absolute;width:960px;;height:1px;background:#565656;right:-960px;top:50%;} .mainti.resu span{font-size:34px;text-transform:none;} .mainti.resu p{position:absolute;left:0;top:-5px;font-size:20px;text-transform:uppercase;} .scaleimg{overflow:hidden;} .scaleimg img{display:block;width:100%;height:auto;transition:transform .3s;-webkit-transition:transform .3s;} .pro3 img{width:90%;} .scaleimg:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);} .hpro{margin:0% 0;} .hpro .g-wrap{max-width:1340px;} .hprosilder .swiper-slide{width:33.3333333%;} .hprosilder .box{display:block;margin:0 23px;} .hprosilder .ti{text-align:center;font-size:24px;margin-top:20px;} .telbtn{display:block;width:100px;height:85px;background:url(../images/contact.png) no-repeat;background-size:100% 100%;margin: 30px auto 20px auto;} .hskill{margin:4% 0;padding-top:18%;background:url(../images/skillbg.jpg) no-repeat 50% 0;background-size:100% 78%;} .hskill .g-wrap{max-width:1500px;} .hskillsilder{margin:0 -10px;padding:20px 0;} .hskillsilder .swiper-slide{width:360px;} .hskillsilder .box{display:block;margin:0 10px;background:#fff;box-shadow:0 0 10px 0 #aaa} .hskillsilder .cont{padding:15px 30px;height:235px;} .hskillsilder .ti{font-size:24px;line-height:1.2;font-weight:bold;max-height:117px;overflow:hidden;margin-bottom:15px;} .hskillsilder .desc{font-size:16px;line-height:1.5;color:#585858} .hskillsilder .scaleimg{position:relative;} .hskillsilder .scaleimg:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;visibility:hidden;transition:all .3s;z-index:2;} .hskillsilder .scaleimg i{position:absolute;width:107px;height:47px;top:0;background:url(../images/jt1.png);background-size:100% 100%;left:50%;margin-left:-53px;transition:all .3s;z-index:3;} .hskillsilder .scaleimg:hover i{background-image:url(../images/jt1_hover.png);} .hskillsilder .scaleimg:hover:before{opacity:1;visibility:visible;} .banner{position:relative;margin-bottom:4%;} .banner img{display:block;width:100%;height:auto;} .banner .g-wrap{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;} .banner .g-wrap:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .bannercont{width:40%;max-width:560px;background:rgba(0,0,0,.4);display:inline-block;vertical-align:middle;} .bannercont .swiper-slide{padding:25px 25px 0;} .bannercont .swiper-container{} .bannercont .ti{font-size:22px;color:#e4a325;text-align:center;text-transform:uppercase;font-weight:bold;} .bannercont .desc{font-size:34px;color:#fff;margin-top:30px;text-transform:uppercase;} .bannercont .swiper-button-next,.bannercont .swiper-button-prev{width:20px;height:20px;top:30px;margin-top:0;} .bannercont .swiper-button-next{background:url(../images/hbnjt2.png);} .bannercont .swiper-button-prev{background:url(../images/hbnjt1.png);} .bannercont .link{display:block;width:152px;height:66px;background:url(../images/jt.png);background-size:100% 100%;margin:20px auto 0;} .spotslist{padding:5% 0;overflow:hidden;} .spotslist li{float:left;width:33.33333%;} .spotslist li:nth-child(1){width: 66.66667%;position:relative;} .spotslist a{position:relative;display:block;} .spotslist a:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,.7);top:0;left:0;opacity:0;z-index:3;visibility:hidden;} .spotslist .cont{position:absolute;left:8%;top:8%;width:50%;max-width:235px;z-index:4;} .spotslist .vi{position:absolute;width:146px;height:146px;top:50%;left:50%;margin:-73px 0 0 -73px;background:url(../images/vi.png);background-size:100% 100%;z-index:4;} .spotslist .lo{position:absolute;width:259px;right:5%;bottom:5%;} .spotslist .lo img{width:100%;height:auto;display:block;} .spotslist .ti{font-size:22px;font-weight:bold;line-height:1.3;text-transform:uppercase;} .spotslist .desc{font-size:16px;color:#585858;margin-top:10%;text-transform:uppercase;max-width:220px;} .spotslist a:hover:before{opacity:1;visibility:visible;} .spotslist a:hover .ti,.spotslist a:hover .desc{color:#fff;} /*.spotslist li:hover a:before{opacity:1;}*/ .linkwrap{padding:5% 0;margin-top:0%;background-color:#ededed} .link{position:relative;padding-left:180px;text-transform:uppercase;} .link label{position:absolute;line-height:60px;font-size:24px;left:0;top:50%;margin-top:-30px;font-weight:bold;} .link a{display:inline-block;font-size:20px;text-transform:capitalize;margin:1% 3%;} .lrwrap{position:relative;} .leftnav{float:left;;width:258px;box-shadow:0 0 20px 0 #bbb;background:#fff;z-index:5;} .leftnav .ti{display:none;height:50px;line-height:50px;font-weight:bold;color:#fff;text-align:center;background:#0062ad;align-items:center;font-size:20px;justify-content:center;text-transform: capitalize;} .leftnav .ti i{display:block;width:18px;height:20px;background:url(../images/jticon3.png) no-repeat 50% 50%;background-size:100% auto;margin-left:15px;} .leftnav .navlink a{display:block;height:50px;line-height:49px;text-align:center;font-size:18px;border-bottom:1px solid #e6e6e6;position:relative;color:#535353;text-transform: capitalize;} .leftnav .navlink a:before{content:'';position:absolute;width:0;height:2px;background:#0062ad;bottom:-1px;left:0;transition:all .3s} .leftnav .navlink a:hover{color:#0062ad;} .leftnav .navlink a:hover:before{width:100%;} .leftnav .navlink a.act{color:#0062ad;font-weight:bold;} .leftnav .navlink a.act:before{width:100%;} .rightlist{margin-left:280px;} .probg{background:url(../images/probg.jpg) no-repeat 50% 0;padding:10% 0;background-size:cover;} .partsbg{/*background:url(../images/partsbg.jpg) no-repeat 50% 0;*/background: #f9f9f9;padding:50px 0;background-size:cover;} .prolist{} .prolist li{margin-bottom:20px;font-size:0; border-bottom: 1px dashed #ccc;} .prolist .scaleimg{display:inline-block;vertical-align:middle;/*width:40%;*/width:300px;} .prolist .cont{display:inline-block;vertical-align:middle;margin-left:4%;width:56%;} .prolist .ti{font-size:24px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .prolist .desc{font-size:20px;color:#535353;margin:20px 0 40px;} .prolist .more{width:150px;height:36px;line-height:34px;display:block;font-size:20px;text-align:center;border:1px solid #000;text-transform:uppercase;margin-bottom:5px;} .prolist .more i{display:inline-block;vertical-align:top;width:20px;height:34px;background:url(../images/jticon2.png) no-repeat 50% 50%;margin-left:5px;} .page{margin-top:4%;text-align:center;font-size:20px;} .page .pross{max-width:540px;margin:0 auto;height:3px;background:#9cb7cc;position:relative;margin-top:5px;} .page .pross span{display:block;height:3px;background:linear-gradient(to right, #dca12a, #0c66a6);} .page .btn{display:block;cursor:pointer;height:50px;line-height:50px;font-size:20px;color:#fff;text-transform:uppercase;margin:40px auto 0;background:#000;max-width:305px;} /*crumbs*/ .crumbs{margin-top:15px;line-height:30px;font-size:20px;} .crumbs a,.crumbs span{text-transform:capitalize;} .crumbs a{display:inline-block;color:#585858;margin-right:15px;} .crumbs a i{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/jticon2.png);margin-left:20px;background-size:100% 100%;} .proshowban{margin-top:4%;background:url(../images/proshow_bg.png) no-repeat 50% 100%;background-size:100% auto;padding-bottom:3%;} .proshowban .leftimg{float:left;position:relative;width:49%;padding-top:5%;} .proshowban .leftimg .img{margin-left:5%;width:95%;max-width:640px;} .proshowban .leftimg img{width:100%;height:auto;display:block;} .proshowban .leftimg .desc{font-size:24px;margin-top:30px;} .proshowban .leftimg .desc span{margin-right:5%;} .proshowban .rightcont{width:49%;float:right;max-width:630px;} .proshowban .rightcont th{font-size:34px;color:#e4a325;padding-bottom:6%;} .proshowban .rightcont td{font-size:20px;padding:14px 0;} .proshowban .rightcont tr td:nth-child(2){text-align:right;} .seldown{position:absolute;top:0;left:0;width:305px;text-align:center;box-shadow:0 0 20px 0 #ddd;font-size:20px;line-height:50px;z-index:6;} .seldown .ti{background:#dedede;cursor:pointer;} .seldown .ti i{display:inline-block;width:20px;height:20px;background:url(../images/jticon4.png) no-repeat;background-size:100% 100%;vertical-align:middle;margin-left:5px;} .seldown .twonav{background:#e6e6e6;height:0;overflow:hidden;} .seldown .twonav li{color:#585858;cursor:pointer;} .seldown .twonav li.act{color:#000;font-weight:bold;} .seldown.open .twonav{height:auto !important} .imgdesclist{/*padding:5% 0;*/max-width:1210px;margin:0 auto;} .imgdesclist img{display:block;width:100%;height:auto;} .imgdesclist li{overflow:hidden;padding:2% 0;} .imgdesclist li .cont{padding:0 20px;} .imgdesclist li .img{width:51%;} .imgdesclist li:nth-child(2n+1) .img{float:right;margin-left:3%;} .imgdesclist li:nth-child(2n) .img{float:left;margin-right:3%;} .imgdesclist li .ti{font-size:24px;color:#000;text-indent:0;text-transform:capitalize;font-weight:bold;} .imgdesclist li p{font-size:16px;color:#585858;margin:30px 0;text-indent:20px;} .online{margin:2% 0 4%;background:#ededed;padding:3% 0 5%} .online .g-wrap{max-width:1260px;} .online .online-form{width:48%;margin-right:4%;float:left;} .online .online-form:last-child{margin-right:0;} .online-form .label,.online-form .label2{height:40px;line-height:40px;margin-top:10px;font-size:20px;text-transform:capitalize;} .online-form .label{font-size:20px;} .online-form input,.online-form select,.online-form textarea{display:block;width:100%;height:50px;line-height:48px;border:1px solid #cbcbcb;background:#fff;padding:0 25px;font-size:16px;} .online-form .desc{font-size:24px;line-height:2;margin-top:3px;} .online-form textarea{height:165px;line-height:1.5;padding:10px 25px;resize:none;} .online-form button{display:block;width:280px;height:50px;line-height:50px;border:0;background:#000;font-size:20px;color:#fff;text-align:center;margin-top:65px;cursor:pointer;} .case{position:relative;max-width:1200px;margin:0 auto;padding:50px 0;margin-top:4%;} .case .seldown{left:auto;right:0;} .casebg{background:url(../images/casebg.jpg) no-repeat 50% 0;background-size:cover} .caselist{position:relative;margin-top:4%;margin-right:-20px;margin-bottom:4%;} .caselist li{position:absolute;} .caselist a{display:block;background:#fff;} .caselist .cont{padding:30px;} .caselist .date{font-size:16px;color:#585858;} .caselist .desc{font-size:20px;} .caselist p.desc{font-size:18px;font-weight:400;} .honor{position:relative;max-width:1200px;margin:0 auto;padding:8% 0;} .descimg{margin-top:3%;overflow:hidden;position:relative;background: linear-gradient(#fff, #ededed);} .descimg .img{max-width:973px;} .descimg .img img{display:block;width:100%;height:auto;} .descimg .g-wrap{position:absolute;top:0;width:100%;height:100%;} .descimg .cont{float:right;width:50%;max-width:810px;right:0;height:100%;top:0;right:0;background: linear-gradient(#fff, #ededed);padding:3% 0 0 3%;font-size:16px;} .descimg .cont p{text-indent:20px;margin:20px 0;} .descimg .cont .ti{font-size:30px;font-weight:bold;text-indent:0;margin-bottom:60px;} .descimg .cont .ti.salec{color:#e4a325;margin:0 0 2%;} .descimg .cont .ti.about{text-align:center;font-size:54px;text-transform:uppercase;} .news{position:relative;padding:25px 0 8%;} .news .seldown{right:0;left:auto;} .news .leftnav .ti{display:flex;background-color:#e4a325} .news .lrwrap{padding-top:5%;} .newslist li{overflow:hidden;margin-bottom:25px;background:linear-gradient(#fff, #ededed);} .newslist .img{float:left;max-width:396px;margin-right:25px;width:25%;} .newslist .img img{width:100%;display:block;height:auto;} .newslist .dat{font-size:20px;color:#858585} .newslist .ti{font-size:20px;margin:15px 0;} .newslist .desc{font-size:16px;} .newslist .btn{overflow:hidden;margin-top:60px;} .newslist .btn span{float:left;padding:0 15px;height:36px;line-height:36px;font-size:20px;color:#fff;background:rgba(0,0,0,0.3);} .newslist .btn .more{width:150px;height:36px;line-height:34px;display:block;font-size:20px;text-align:center;border:1px solid #000;text-transform:uppercase;float:right;} .newslist .btn .more i{display:inline-block;vertical-align:top;width:20px;height:34px;background:url(../images/jticon2.png) no-repeat 50% 50%;margin-left:5px;background-size:100% auto;} .search{padding:50px 20px;background: linear-gradient(#fff, #ededed);margin-bottom:30px;} .search .box{max-width:860px;margin:0 auto;position:relative;padding-right:165px;background-color:#fff;border-bottom:1px solid #ababab;box-shadow:0 0 5px 0 #ddd} .search .txt{display:block;width:100%;padding:0 40px;height:60px;line-height:60px;border:0;font-size:20px;} .search .btn{height:60px;line-height:60px;border:0;font-size:30px;position:absolute;right:0;top:0;background-color:#ccc;width:169px;} .news-show .g-wrap{max-width:1260px;padding:2% 0;font-size:18px;} .news-show .change{display:inline-block;padding:0 15px;height:36px;line-height:36px;font-size:20px;color:#fff;background:rgba(0,0,0,0.3);margin-bottom:4%;} .news-show .date{font-size:20px;color:#585858;} .news-show .ti{font-size:30px;margin-top:20px;} .news-show p{font-size:20px;margin:40px 0;} .news-show img{display:block;width:100%;height:auto;} .news-show .ind2{text-indent:10px;} .link2{padding: 30px 0 30px 30px;} .link2list{overflow:hidden;margin:0 -13px;} .link2list li{width:50%;float:left;margin-bottom:10px;} .link2list a{display:block;margin:0 13px;font-size:20px;height:50px;line-height:50px;border-bottom:1px dotted #b5b4b5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .down{padding:5% 0;} .downlist li{margin-bottom:15px;} .downlist .hd{height:50px;line-height:50px;border-bottom:1px solid #000;padding:0 70px 0 20px;cursor:pointer;position:relative;} .downlist .hd .ti{font-size:22px;display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;} .downlist .hd .num{font-size:18px;color:#e4a325;margin-left:15px;display:inline-block;vertical-align:middle;} .downlist .hd .btn{position:absolute;width:28px;height:28px;background:url(../images/add.png);right:20px;top:50%;margin-top:-14px;background-size:100% 100%} .downlist dl{overflow:hidden;height:0;} .downlist dd{padding:30px 185px 30px 20px;border-bottom:1px solid #000;font-size:20px;color:#585858;position:relative;} .downlist dd .ti{color:#000;} .downlist dd span{margin-right:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .downlist dd .do{position:absolute;width:154px;height:40px;line-height:40px;font-size:20px;background:#0062ad;color:#fff;text-align:center;right:20px;top:21px;text-transform:uppercase;} .downlist dd .more{display:block;width:130px;height:36px;border:1px solid #000;font-size:20px;color:#585858;text-align:center;margin-top:20px;cursor:pointer;text-transform:uppercase;line-height:34px;} .downlist li.open dl{height:auto;} .downlist li.open .btn{background-image:url(../images/jh.png);} .sale{/*margin-top:8%;*/overflow:hidden;position:relative;background: linear-gradient(#fff, #ededed);padding-bottom:2%;} .sale .img{max-width:818px;float:left;width:40%;margin-right:30px;} .sale .img img{display:block;width:100%;height:auto;} .sale .cont{/*background: linear-gradient(#fff, #ededed);*/font-size:16px;} .sale .cont p{text-indent:20px;margin:20px 0;} .sale .cont .ti{font-size:24px;font-weight:bold;text-indent:0;margin-bottom:60px;} .sale .cont .ti.salec{color:#e4a325;margin:0 0 2%;} .msubti{text-align:center;font-size:30px;padding:0 15px} .culture{margin:30px 0 50px 0;padding-top:8%;background:url(../images/culturebg.png) no-repeat 50% 0;} .cultrue-list{margin:0 -30px;position:relative;padding-bottom:50px;} .cultrue-list .swiper-container{padding:10px 0} .cultrue-list .box{padding:20px;background:#fff;margin:0 30px;box-shadow:0 0 10px 0 #ddd;min-height:460px;} .cultrue-list .box img{display:block;width:100%;height:auto;} .cultrue-list .ti{font-size:20px;font-weight:bold;text-transform:capitalize;margin:20px 0;border-bottom:1px solid #0062ad} .cultrue-list .desc{font-size:16px;color:#585858;} .cultrue-list .swiper-slide{width:33.33333%;} .cultrue-list .swiper-pagination{position:absolute;bottom:0;width:100%;} .cultrue-list .swiper-pagination-bullet{width:60px;height:10px;border-radius:10px;margin:0 10px;} .cultrue-list .swiper-pagination-bullet-active{background-color:#e4a325} .contact{padding:50px 0;} .contact .g-wrap{margin-top:20px;max-width:1260px;font-size:0;} .contact .mainti span:before,.contact .mainti span:after{display:none;} .contact .img{display:inline-block;vertical-align:middle;width:60%;} .contact .img img{display:block;width:100%;height:auto;} .contact .gut{display:inline-block;vertical-align:middle;width:40%;position:relative;} .contact .gut:before{content:'';position:absolute;width:10px;height:100%;border-left:2px solid #e4a325;border-right:2px solid #0062ad;top:0;left:-10px;} .contact .gut dd{position:relative;padding:13px 0 13px 65px;font-size:20px;margin:20px 0;} .contact .gut .icon{position:absolute;width:56px;height:56px;left:0;top:50%;margin-top:-28px;background-size:100% 100%;} .contact .gut .icon.ic1{background-image:url(../images/cicon1.png);} .contact .gut .icon.ic2{background-image:url(../images/cicon2.png);} .contact .gut .icon.ic3{background-image:url(../images/cicon3.png);} .contact .gut .icon.ic4{background-image:url(../images/cicon4.png);} .contact .gut .icon.ic5{background-image:url(../images/cicon5.png);} .contact .gut .icon.ic6{background-image:url(../images/cicon6.png);} .about-v{margin-top:4%;margin-bottom:4%;} .about-v .leftnav .ti{display:block;background:#e4a325} .about-video{position:relative;display:block;} .about-video img{display:block;width:100%;height:auto;} .about-video:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.3);} .about-video .cont{position:absolute;width:270px;top:20%;left:50%;margin-left:-135px;} .about-video .cont i{display:block;width:140px;height:140px;background:url(../images/vi.png);margin:25px auto 0;background-size:100% 100%;} .about-s{padding:2% 0;background:url(../images/aboutbg.jpg) no-repeat 50% 0;background-size:cover;} .about-slist{margin-top:2%;max-width:1200px;} .about-slist dd{margin-bottom:25px;font-size:0;} .about-slist dd .img{display:inline-block;vertical-align:middle;max-width:279px;border:1px solid #a0a0a0;width:21%;box-shadow:0 0 10px 0 #ddd} .about-slist dd .img img{display:block;width:100%;height:auto;} .about-slist dd .cont{display:inline-block;vertical-align:middle;padding-left:2%;width:79%;} .about-slist dd .cont .ti{font-size:24px;font-weight:bold;line-height:1.2} .about-slist dd .cont .desc{font-size:20px;margin-top:25px;} .about-o{margin:20px 0;overflow:hidden;} .about-o dl{margin-top:0%;} .about-o dd{float:left;} .about-o img{width:100%;height:auto;} .about-o .ti{font-size:24px;font-weight:bold;} .about-o .desc{font-size:16px;margin-top:20px;} .about-o dl dd:nth-child(1){width:30%;} .about-o dl dd:nth-child(2){width:30%;float:right;} .about-o dl dd:nth-child(3){width:24%;margin:2% 5% 0% 10%;} .about-h{margin-bottom:4%;} .about-h .g-wrap{margin-top:0%;} .about-h .desc{display:none;font-size:16px;max-width:1150px;margin:0 auto;} .about-h .desc p{margin-bottom:20px;} .about-hsilder{margin:2% auto 0;position:relative;max-width:1462px;} .about-hsilder .swiper-container{margin:0 -25px;} .about-hsilder .swiper-slide{width:216px;padding:0 25px;} .about-hsilder img{display:block;width:100%;height:auto;} .about-hsilder .swiper-button-prev, .about-hsilder .swiper-button-next{width:20px;height:35px;margin-top:-17px;background-size:100% 100%;} .about-hsilder .swiper-button-prev{background-image:url(../images/prev.png);left:-60px;} .about-hsilder .swiper-button-next{background-image:url(../images/next.png);right:-60px;} .about-map{margin:2% 0 4%;} .about-map img{display:block;width:100%;height:auto;} .about-d{margin-top:2%;} .about-d .g-wrap{margin-top:0%;} .about-years{position:relative;} .about-years .swiper-container{padding-bottom:3px;} .about-years:before{content:'';position:absolute;width:100%;height:1px;background:#adadad;bottom:3px;left:0;} .about-years .swiper-slide{width:100px;position:relative;height:50px;line-height:50px;padding:0 20px;font-size:30px;font-weight:bold;text-align:center} .about-years .swiper-slide:before{content:'';position:absolute;width:7px;height:7px;border:1px solid #000;border-radius:50%;background:#fff;left:50%;margin-left:-3px;bottom:-3px;} .about-years .swiper-slide.act{color:#eab867} .about-years .swiper-slide.act:before{background:#eab867;border-color:#eab867} .about-mouth{max-width:1380px;margin:25px auto;background:#f2f2f2;height:50px;} .about-mouth .swiper-slide{width:115px;position:relative;padding:10px 20px;font-size:24px;line-height:1;text-align:center} .about-mouth .swiper-slide:after{content:'';width:7px;height:7px;border:1px solid #000;border-radius:50%;background:#f2f2f2;display:block;margin:0 auto;} .about-mouth .swiper-slide.act{color:#eab867} .about-mouth .swiper-slide.act:after{background:#eab867;border-color:#eab867} .about-cont{position:relative;} .about-cont .swiper-container{max-width:1330px;margin:0 auto;} .about-cont .img{position:relative;} .about-cont .swiper-button-next, .about-cont .swiper-button-prev{position:absolute;width:46px;height:88px;top:25%;background-size:100% 100%;outline:none;z-index: 8;} .about-cont .swiper-button-prev{background-image:url(../images/prev2.png);left:0;} .about-cont .swiper-button-next{background-image:url(../images/next2.png);right:0;} .about-cont .img img{display:block;width:100%;height:auto;} .about-cont .txt{max-width:1150px;margin:30px auto 0;text-align:center;} .about-cont .txt .ti{font-size:30px;font-weight:bold;} .about-cont .txt .desc{font-size:16px;margin-top:20px;} .videodialog{position:fixed;z-index:99;background:rgba(0,0,0,.7);top:0;left:0;width:100%;height:100%;display:none;} .videodialog .video{width:100%;margin:0 auto;position:absolute;left:0;top:50%;transform:translate(0 ,-50%);} .videodialog .video video{display:block;width:100%;height:auto;outline:none;} .videodialog .close{position:absolute;width:40px;height:40px;right:0;top:10px;font-size:60px;line-height:40px;color:#fff;cursor:pointer;text-align:center;z-index:999;} #map{width:1200px;height:600px;margin: auto;} #map2sx{width:700px;height:560px;float:right} @media only screen and (max-width:1785px){ .head .line{background-position:100% 0;} .about-hsilder .swiper-button-prev{left:10px} .about-hsilder .swiper-button-next{right:10px;} #map{width:1200px;height:600px;} #map2sx{width:700px;height:560px;} } @media only screen and (max-width:1400px){ .about-o dl dd:nth-child(3){margin-top:5%;} #map{width:1200px;height:600px;} #map2sx{width:600px;height:560px;} } @media only screen and (max-width:1200px){ .head .logo span{display:none;} .prolist .ti{font-size:22px;} .prolist .desc{font-size:16px;margin:10px 0 20px;} .prolist .more{width:110px;height:30px;line-height:30px;font-size:12px;} .prolist .more i{width:15px;height:28px;background-size:15px auto} .proshowban .rightcont th{padding-bottom:20px;} .proshowban .rightcont td{padding:8px 0;} .descimg .img{width:50%;float:left;margin-right:20px;} .descimg .g-wrap{position:static;} .descimg .cont {float:none;width:100%;max-width:100%;padding:0 0 5%;} .descimg .cont p{margin:10px 0;} .descimg .cont .ti{margin-bottom:10px;} .sale .img{width:50%;float:left;margin-right:20px;} .sale .cont p{margin:10px 0;} .sale .cont .ti{margin-bottom:10px;} .spotslist .vi{width:100px;height:100px;margin:-50px 0 0 -50px;} .spotslist .lo{width:120px;} .spotslist .ti{font-size:18px;} .spotslist .desc{font-size:14px;} .cultrue-list{margin:0 -15px;} .cultrue-list .box{margin:0 15px;} .about-video .cont{position:absolute;width:20%;left:50%;margin-left:-10%;} .about-video .cont i{width:80px;height:80px;} .about-o dl dd:nth-child(3){margin:3% 3% 0;width:28%;} .about-hsilder .swiper-container{margin:0 -10px;} .about-hsilder .swiper-slide{width:226px;padding:0 10px;} #map{width:1000px;height:400px;} #map2sx{width:500px;height:500px;} } @media only screen and (max-width:1024px){ body{padding-top:62px;} .head{padding-bottom:12px;position:fixed;background:#fff;top:0;left:0;width:100%;background:#fff;z-index:8;} .g-wrap{padding-right:20px;padding-left:20px;} .head{padding-bottom:12px;} .head .logo{margin:10px 0;} .head .logo img{width:117px;height:30px;margin-right:0;} .nav li.language,.nav li.address{display:block;} .toplist{display:none;} .m-toplist{display:block;} .nav{position:fixed;top:50px;left:-100%;width:100%;background:#fff;padding:0;border-top:1px solid #e0e0e0;bottom:0;overflow-y:auto;transition:all .3s;} .nav li{float:none;width:auto;margin:0 20px;border-bottom:1px solid #e0e0e0;} .nav li .box{display:block;text-align:left;position:relative;} .nav .one{} .nav .one:after{display:none;} .nav li.has .box:after{content:'';position:absolute;width:20px;height:20px;background:url(../images/jticon2.png);top:10px;right:0;transition:all .3s;} .nav .subnav{position:static;margin:0;opacity:1;visibility:visible;width:auto;height:0;overflow:hidden;padding:0;} .nav li.has.act .subnav{height:auto;padding:10px 0;margin-bottom:20px;} .nav li.has.act .box:after{transform: rotate(90deg);} .head .line{height:30px;background-image:url(../images/nav_bgm.png);background-size:98% 100%;} .head.openmenu .nav{left:0;} .head.openmenu .line{display:none;} .head.openmenu .m-toplist li.ic2{background-image:url(../images/menu_close.png);} .foot{padding:30px 0;} .foot dl dt{font-size:20px;margin-bottom:15px;} .foot .qn dd{font-size:16px;} .foot .qn a{padding-left:20px;} .foot .qn .icon{width:14px;height:14px;margin-top:-7px;} .foot .gut{margin-left:2%;width:32%;margin-right:1%;} .foot .gut dd{padding-left:40px;font-size:12px;margin:10px 0;} .foot .gut .icon{width:30px;height:30px;margin-top:-15px;} .foot .gut p{font-size:16px;} .foot .copyright{font-size:14px;} .foot .share a{width:30px;height:30px;} .mainti span{font-size:34px;padding:0 10px;} .hprosilder .box{margin:0 10px;} .hprosilder .ti{font-size:16px;margin-top:10px;} .telbtn{width:90px;height:79px;} .hskillsilder .swiper-slide{width:300px;} .hskillsilder .cont{padding:15px;height:190px;} .hskillsilder .ti{font-size:24px;max-height:117px;} .hskillsilder .desc{font-size:14px;} .rightlist{margin-left:0;} .leftnav{position:relative;width:100%;margin-bottom:20px;float:none} .leftnav .ti{display:flex;height:40px;line-height:40px;} .leftnav .navlink{position:absolute;width:100%;left:0;overflow:hidden;background:#fff;box-shadow:5px 5px 5px 0 #ddd;max-height:0;transition: max-height .3s} .leftnav .navlink a{height:40px;line-height:40px;} .leftnav .navlink a.act:before,.leftnav .navlink a:before{display:none;} .leftnav .navlink a.act,.leftnav .navlink a:hover{color:#535353;font-weight:400;} .leftnav.open .navlink{max-height:300px;} .crumbs{font-size:14px;} .crumbs a{margin-right:0;} .crumbs a i{margin-left:0;width:10px;height:10px;} .proshowban{background:none;} .proshowban .leftimg{float:none;width:auto;margin:0 -20px;padding-left:20px;padding-right:20px;background:url(../images/proshow_bg.png) no-repeat 50% 100%;background-size:100% auto;padding-bottom:3%;} .proshowban .leftimg .img{margin-left:0;width:auto;max-width:100%;margin-right:50%;} .proshowban .rightcont{float:none;width:100%;margin-top:20px;max-width:100%;} .seldown{line-height:40px;font-size:14px;} .proshowban .seldown{top:0;right:20px;left:auto;width:40%;} .proshowban .seldown .twonav{height:auto;} .proshowban .leftimg .desc{font-size:14px;} .proshowban .rightcont th{font-size:18px;} .proshowban .rightcont td{font-size:14px;} .imgdesclist li p{margin:10px 0;font-size:14px;} .imgdesclist li p.ti{font-size:16px;} .online-form .label,.online-form .label2{height:30px;line-height:30px;font-size:14px;margin-top:5px;} .online-form .label{font-size:16px;} .online-form input,.online-form select,.online-form textarea{height:40px;line-height:38px;padding:0 15px;font-size:14px;} .online-form .desc{font-size:16px;margin-top:17px;} .online-form textarea{height:145px;padding:10px;line-height:1.5} .online-form button{width:280px;height:40px;line-height:40px;margin-top:65px;font-size:16px;} .caselist .cont{padding:10px;} .descimg .cont .ti{font-size:22px;} .descimg .cont .ti.about{font-size:26px;} .sale .cont .ti{font-size:22px;} .news{padding-top:10%;} .newslist .ti{font-size:16px;} .newslist .btn{margin-top:20px;} .newslist .img{margin-right:10px;} .search .txt{padding:0 10px;height:60px;line-height:6px;font-size:18px;} .search .btn{height:60px;line-height:60px;font-size:18px;} .bannercont .desc{font-size:18px;margin-top:10px;} .bannercont .link{width:80px;height:34px;} .spotslist li{width:50%;} .spotslist li:nth-child(1){width:100%;} .link{padding-left:90px;} .link label{font-size:20px;left:0;top:50%;} .link a{font-size:16px;} .link2list{margin:0 -5px;} .link2list a{height:30px;line-height:30px;font-size:16px;margin:0 5px;} .downlist li{margin-bottom:15px;} .downlist .hd{height:40px;line-height:40px;padding:0 70px 10px 0;} .downlist .hd .ti{font-size:18px;} .downlist .hd .num{font-size:14px;} .downlist .hd .btn{position:absolute;width:15px;height:15px;right:10px;top:50%;margin-top:-7px;} .downlist dl{} .downlist dd{padding:15px 0 15px 0;font-size:14px;} .downlist dd span{margin-right:20px;} .downlist dd .ti{width:100%;margin-bottom:10px;display:block;margin-right:0;} .downlist dd .do{width:130px;height:30px;line-height:30px;font-size:16px;right:0;bottom:15px;top:auto;} .downlist dd .more{width:130px;height:30px;line-height:30px;font-size:16px;} .msubti{font-size:18px;} .culture{background-size: auto 60%;} .cultrue-list .swiper-slide{width:300px;} .cultrue-list{margin:0 -5px;} .cultrue-list .ti{font-size:18px;} .cultrue-list .box{margin:0 5px;padding:10px;min-height:auto;} .cultrue-list .swiper-pagination-bullet{width:10px;margin:0 3px;} .contact .gut dd{padding-left:40px;font-size:16px;margin:10px 0;} .contact .gut .icon{width:30px;height:30px;margin-top:-15px;} .about-v .leftnav{display:none;} .about-slist dd .img{width:30%;} .about-slist dd .cont{width:70%;} .about-slist dd .cont .ti{font-size:20px;} .about-slist dd .cont .desc{font-size:14px;margin-top:10px;} .about-o dl dd:nth-child(1){width:50%;} .about-o dl dd:nth-child(2){width:48%;} .about-o dl dd:nth-child(3){width:100%;float:none;margin:20px 0 0;clear:both;} .about-o .desc{margin-top:0;} .about-years .swiper-slide{height:30px;line-height:30px;font-size:24px;} .about-mouth{height:35px;} .about-mouth .swiper-slide{padding:5px 10px;font-size:18px;} .about-cont{margin:0 -5px;} .about-cont .txt .ti{font-size:24px;} .about-cont .txt{margin-top:10px;} .about-cont .txt .desc{margin-top:10px;} .about-cont .swiper-button-next, .about-cont .swiper-button-prev{display:none;} .about-cont .swiper-slide{width:280px;padding:0 5px;} .videodialog .close{font-size:40px;} #map{width:800px;height:400px;} #map2sx{width:500px;height:450px;} } @media only screen and (max-width:750px){ .g-wrap{padding-right:10px;padding-left:10px;} .foot .qn{width:auto;margin-right:10%;} .foot .gut{width:auto;margin-left:0;margin-right:0;} .foot .map{width:100%;} .mainti span{font-size:24px;} .hprosilder .swiper-slide{width:260px;} .hprosilder .box{margin:0 5px;} .prolist .scaleimg{} .prolist .cont{margin-left:3%;width:57%;} .prolist li{margin-bottom:10px;} .prolist .ti{font-size:18px;} .prolist .desc{font-size:14px;margin:0 0 5px;} .prolist .more{width:80px;height:24px;line-height:22px;font-size:12px;} .prolist .more i{width:12px;height:24px;background-size:12px auto} .page{font-size:16px;} .page .btn{margin-top:20px;height:30px;line-height:30px;font-size:14px;max-width:240px;} .proshowban .leftimg{margin:0 -10px;padding-left:10px;padding-right:10px;} .imgdesclist li .cont{padding:0 10px;} .online .online-form{width:100%;margin-right:0;float:none;} .online-form button{margin-top:20px;width:100%;} .mainti.resu span{font-size:20px;} .mainti.resu p{font-size:12px;top:0;} .caselist{margin-right:-10px;} .newslist .img{width:100%;float:none;margin-bottom:10px;} .newslist .btn span{font-size:14px;} .newslist .btn .more{width:110px;font-size:12px;} .newslist .btn .more i{width:15px;} .newslist p{padding:0 10px;} .search{padding-left:10px;padding-right:10px;} .search .box{padding-right:85px;} .search .btn{width:85px;} .banner .g-wrap{position:static;} .bannercont{width:auto;margin:0 -10px 0;display:block;max-width:750px;} .msubti{font-size:14px;} .contact{text-align:center;} .contact .gut{width:auto;text-align:left;} .contact .img{width:100%;margin-top:20px;} .about-video .cont i{width:40px;height:40px;margin-top:10px;} .about-hsilder .swiper-button-prev, .about-hsilder .swiper-button-next {display:none;} .about-hsilder .swiper-container{margin:0 -5px;} .about-hsilder .swiper-slide{width:150px;padding:0 5px;} #map{width:600px;height:400px;} #map2sx{width:500px;height:500px;} } @media only screen and (max-width:640px){ .seldown{position:static;width:100%;margin-bottom:20px;} .proshowban .seldown .twonav{height:0;} .proshowban .leftimg .img{margin-right:0;} .imgdesclist li .img{width:100%;} .imgdesclist li:nth-child(2n+1) .img{float:none;margin-left:0;} .imgdesclist li:nth-child(2n) .img{float:none;margin-right:0;} .case{padding-top:0;} .descimg .img{width:100%;float:none;margin-right:0;} .descimg .cont .ti.salec{margin-top:20px;} .sale .img{width:100%;float:none;margin-right:0;} .spotslist li{width:100%;} .spotslist .vi{width:40px;height:40px;margin:-20px 0 0 -20px;} .link2list li{width:100%;} .about-slist dd .img{margin-right:10px;float:left;} .about-slist dd .cont{width:auto;display:block;padding-left:0;} #map{width:500px;height:400px;} #map2sx{width:500px;height:500px;} } @media only screen and (max-width:500px){ .caselist{margin-bottom:20%;} #map{width:320px;height:320px;} #map2sx{width:320px;height:320px;} } .anibanner-box{width:100%;height:880px;overflow:hidden;position:relative;margin-bottom:4%;} .anibanner{position:relative;width:100%;height:880px;overflow:hidden;} .anibanner li{position:absolute;width:1920px;height:880px;top:0;left:50%;margin-left:-960px;opacity:0;visibility:hidden;} .anibanner li.i1{background:url(../images/banner_bg1.jpg) no-repeat;} .anibanner li.i2{background:url(../images/banner_bg2.jpg) no-repeat;} .anibanner li .box{width:1200px;height:880px;position:relative;margin:0 auto;} .anibanner li.act{opacity:1;visibility:visible;} .car{width:860px;height:300px;padding:140px 50px 0 50px;position:absolute;left:50%;top:10px;margin-left:-430px;background:url(../images/banner_car.png);} .car .boxc{position:relative;} .car .lo{width:300px;height:70px;position:absolute;left:50%;margin-left:-150px;top:3px;font-size:70px;line-height:70px;font-weight:bold;text-align: center;color:#fff;font-family:'΢ÈíÑźÚ';opacity:0;visibility:hidden;} .car .lo span{display:inline-block;} .carcont{position:relative;color:#0291ff;text-align:center;background:url(../images/line.png);} .carlist{position:relative;height:45px;overflow:hidden;} .carlistdl{position:absolute;left:0;top:0;} .carlistdl dd{height:45px;overflow:hidden;font-size:45px;font-weight:bold;} .carlistdl dd span{float:left;height:45px;line-height:45px;overflow:hidden;} .carlistdl dd span.i1{width:300px;} .carlistdl dd span.i2{width:190px;margin-left:33px;} .carcont .unit{height:24px;line-height:24px;font-size:18px;font-weight:bold;} .carcont .unit span{float:left;height:24px;line-height:24px;overflow:hidden;} .carcont .unit span.i1{width:300px;} .carcont .unit span.i2{width:200px;margin-left:33px;} .carcont .unit span.i3{width:187px;margin-left:40px;} .carcont .energy{position:absolute;right:0;top:0;font-size:45px;height:45px;line-height:45px;font-weight:bold;text-align:center;width:210px;} .anibanner .imgleft,.anibanner .imgright{width:600px;height:490px;position:absolute;bottom:45px;} .anibanner .imgleft{left:-210px;} .anibanner .imgright{right:-210px;} .melist-box{position:absolute;width:450px;top:300px;text-align:center;left:50%;margin-left:-203px;} .melist-box .ti{height:40px;line-height:40px;font-size:30px;color:#0291ff} .melist{/*border:1px dashed #5e5e5f;*/border-radius:15px;padding:0 5px 5px;margin:15px 25px 0 25px;} .melist dt{border-bottom:1px dashed #fff;font-size:14px;overflow:hidden;color:#fff;line-height:30px;padding:5px 0 9px;margin-bottom:5px;} .melist dt p{float:left;} .melist dt span{display:block;font-size:20px;line-height:16px;margin-top:4px;} .melist dt span label{font-size:14px;} .melist dd{overflow:hidden;height:42px;line-height:42px;font-size:24px;color:#5c5d5e;} .melist dd p{float:left;} .melist .d1{width:150px;} .melist .d2{width:110px;} .melist .d3{width:128px;} .melist dd.act{color:#fff;font-weight:bold;} /*.car{transform:scale(0);top:330px;opacity:0;transition: all 1s ease 1.5s;}*/ .carcont .unit{opacity:0;transition: all 3s linear;} .carlist{opacity:0;transition: all 3s linear;} .carcont .energy{opacity:0;transition: all 3s linear;} .anibanner .imgleft{opacity:0;bottom:45px;left:290px;transition:all ease-out 3s;} .anibanner .imgright{opacity:0;bottom:45px;right:290px;transition:all ease-out 3s;} .melist-box{opacity:0;transition:all 4s linear 2s;} /*.anibanner li.act .car{top:10px;transform:scale(1);opacity:1;}*/ .anibanner li.act .imgleft{opacity:1;left:-210px;} .anibanner li.act .imgright{opacity:1;right:-210px;} .anibanner li.act .carcont .energy{opacity:1;} .anibanner li.act .melist-box{opacity:1;} .anibanner li.act .carlist{opacity:1;} .anibanner li.act .carcont .unit{opacity: 1;} .car.end .lo{opacity:1;visibility:visible;top:3px;} .car.end .lo span{opacity:0;} .car.end .lo span:nth-child(1){ -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; animation-delay:0s; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; } .car.end .lo span:nth-child(2){ -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: .1s; animation-delay:.1s; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; } .car.end .lo span:nth-child(3){ -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: .2s; animation-delay:.2s; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; } .car.end .lo span:nth-child(4){ -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: .3s; animation-delay:.3s; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; } .car.end .lo span:nth-child(5){ -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: .4s; animation-delay:.4s; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; } .car.end .carcont{opacity:0;visibility:hidden; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes heartBeat { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes heartBeat { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { opacity: 1; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { opacity: 1; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .bannerindex{display:none;} @media only screen and (max-width:800px){ .anibanner-box{display:none;} .bannerindex{display:block;} body{padding-top: 80px;} } @media only screen and (max-width:1024px){ body{padding-top: 80px;} } @media only screen and (max-width:750px){ #map2sx{position: relative;left:-35px;top:0;} .contact{padding:0;} } .xiangxia{position:absolute;top:800px;left:49%;z-index:8;} .bannercont{display:none;} #bannercont{display:none;} .banner .banner_left,.banner .banner_right{position:absolute; top:50%;margin-top:-30px; z-index:8;} .bannerindex .banner_left,.bannerindex .banner_right{position:absolute; top:50%;margin-top:-30px; z-index:5;} .banner_left{left:20px;} .banner_right{right:20px;} @media only screen and (min-width:1400px){ /*.index6box{width:1200px;}*/ .indexlinkbox{width:1200px;} .boxtid25{width:1200px;} #live9box{width:1300px;} .live9box{width:1300px;} .dow7box{width:1300px;} .about4box{width:1300px;} .historysbox{width:1000px;} } #search_btn_new{cursor:pointer;}