@charset "utf-8"; @font-face { font-family: "dinmiddle"; src:url("../font/dinmiddle.otf"); } @font-face { font-family: "dinbold"; src:url("../font/dinbold.ttf"); } @font-face { font-family: "dincondregular"; src:url("../font/dincondregular.otf"); } /*@font-face {*/ /*font-family: "Microsoft YaHei";*/ /*src:url("../font/Microsoft YaHei.ttf");*/ /*}*/ @font-face { font-family: "markpro"; src:url("../font/markpro.otf"); } * { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;color: #000;} html,body{font-size: 14px;font-family:"Microsoft YaHei";} input,textarea{ border:none; font-family:"Microsoft YaHei";} img { border: none; } h1,h2,h3,h4,h5{font-weight: normal;} table{width: 100%;border-collapse: collapse;} audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;} a{color: #000;} .fl{ float: left;} .fr{float: right;} .clear:after{ content: ''; display: table; clear: both; } .w1400{width: 1400px;margin: 0 auto;} .relative{position: relative;} .img100 img{width: 100%;vertical-align: bottom;} body{padding-top: 100px;} .middle-box{display: table; height: 100%; width:100%; margin:0 auto; position:relative;table-layout: fixed;} .middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;} .position-full{position: absolute;width: 100%;height: 100%;top:0;left: 0;} .text-center{text-align: center;} .padding-t90{padding-top: 90px;} .bgf3{background: #f3f3f3;} .padding-tb90{padding: 90px 0;} p{line-height: 1.6em;color: #666;} .overhide{overflow: hidden;} .margin-t50{margin-top: 50px;} .margin-t30{margin-top: 30px;} .bgf5{background: #f5f5f5;} .padding50{padding: 50px;} .bgfff{background: #fff;} .pc-show{display: block;} .wap-show{display: none;} /*index*/ .header{position: fixed;z-index: 999;top:0;left: 0;width: 100%;background: #fff;height: 100px;transform: translateZ(0);-webkit-transform: translateZ(0);} .logo{margin-top:15px;} .nav-box{float: right;} .nav-box li{float: left;margin-left: 40px;} .nav-box li:first-child{margin-left: 0;} .nav{margin-right: 60px;} .nav-yi{line-height: 100px;display: inline-block;color: #2c2c2c;} .nav-box li.active .nav-yi{color: #eb6100;} .nav-box li:nth-child(2) .nav-er-box{margin-left: 630px;} .nav-box li:nth-child(3) .nav-er-box{margin-left: 500px;} .nav-box li:nth-child(4) .nav-er-box{margin-left: 630px;} .nav-box li:nth-child(5) .nav-er-box{margin-left: 800px;} .nav-box li:nth-child(6) .nav-er-box{text-align: right;margin-right: 68px;} .nav-sub{font-size: 0; position: absolute;width: 100%;background: rgba(0,0,0,.5);left: 0;text-align: center;line-height: 40px;-webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform .3s .2s; transition: transform .3s .2s;transform: scaleY(0);} .nav-sub a{display: inline-block;color: #fff;font-size: 13px;line-height: 46px;margin: 0 20px;} .n-nav-sub{opacity: 0; text-align: center;-webkit-transform: translate(0, -20px);-ms-transform: translate(0, -20px);transform: translate(0, -20px); -webkit-transition: all .2s; transition: all .2s;} .nav-box.active .nav{opacity: 0;} .n-nav-sub a.active{color: #eb6100;} .nav-er-box{position: relative;} .search-box{position: absolute;right: 0;top:0;cursor: pointer;z-index: 5;} .search-btn{width: 32px;height: 32px;background-image: url("../images/search.png");z-index: 5;position: relative;} .search-con{position: absolute;width: 0;right: 0;height: 32px;top:0;background: #f5f5f5;overflow: hidden;} .search-con .text{display: block;height: 32px;width: 100%;background: none;text-indent: 40px;} .search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;background-image: url("../images/close.png");} .search-sb{position: absolute;right: 0;top:0;cursor: pointer;display: none;background-color:#f5f5f5;} .search-box.active .search-con{width: 200px;} .search-box.active .search-sb{display: block;} .search-text{margin-right: 32px;} .top-raea{position: relative;width: 118px;height: 32px;margin-top: 34px;} .language-box{position: absolute;right: 32px;top:0;} .language-box a{line-height: 20px; margin-top: 6px; float: left;width: 42px;text-align: center;font-size: 12px;color: #eb6100;} .language-box a.active{color: #303647; background: #e5e9ea;border-radius: 4px;} .search-box.hide,.language-box.hide{opacity: 0;} body.active{padding-top: 70px;} .header.active{height: 70px;box-shadow: 0 2px 4px #ddd;} .header.active .nav-yi{line-height: 70px;} .logo img{height: 70px;} .header.active .logo{margin-top:0;} .header.active .top-raea{margin-top:19px;} .header.active .share{top:25px;} .banner-text h2{font-family: "dinmiddle";font-size: 60px;color: #fff;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px; text-align: right;} .banner-text span{color: #eb6100;} .banner-text p{color: #fff;font-size: 22px;text-align: right; opacity:0.5;} .banner-text h2:nth-child(1){position: relative;} .banner-text h2:nth-child(1):after{content: '';position: absolute;top:50%;left: 100%;border-top: 1px solid #fff;width: 10000px;opacity: .5;margin-left: 46px;} .jt-video{width: 50%;overflow: hidden;cursor: pointer;} .jt-ms{position: absolute;right: 0;top:0;height: 100%;width: 50%;background: url("../images/bg1.jpg") no-repeat center;background-size: cover;} .jtms-warp{position: absolute;top:0;left: 55px;right: 55px;bottom:0;} .jtms-warp h2{color: #fff;font-weight: lighter;font-size: 26px;margin-bottom: 30px;} .jtms-warp p{font-weight: lighter;color: #fff;line-height: 2em;} .jt-play{position: relative;} .jt-play p{color: #fff;font-size: 24px;margin: 15px auto;} .jt-play:after{content: '';position: absolute;left: 50%;top:100%;border-right: 1px solid #fff;height: 1000px;margin-top: 15px;} .jt-video:hover .img2{animation: rotate 2s linear infinite;} @keyframes rotate { 0%{transform: rotate(0deg);} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg);} } .sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;} .video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 800px;max-width: 90%;} .video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index: 9;} .video_t a img{width: 100%;vertical-align: bottom;} .video_t video{width: 100%;vertical-align: bottom;} .bannerpagination{position: absolute;left: 0;width: 100%;bottom:35px;z-index: 9;text-align: center;} .bannerpagination .swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;background: #ddd;margin: 0 8px;} .bannerpagination .swiper-pagination-bullet-active{background: #eb6100;} .title32{margin-bottom: 55px;} .title32 h2{font-size: 32px;font-family: "dincondregular";letter-spacing: 2px;margin-bottom: 5px;text-transform: uppercase;} .title32 p{color: #666;} .title32 p span{font-family: "Microsoft YaHei";font-size: 24px;letter-spacing: 2px;margin-right: 8px;} .title32 ul{ margin-top:50px;} .title32 ul li{ float:left; margin-right:40px; cursor: pointer;} .title32 ul li.on{ color:#eb6100;} .cpzx-list li:last-child{border-right: 1px solid rgba(255,255,255,.2);} .cpzx-list li{border-left: 1px solid rgba(255,255,255,.2);float: left;width: 16.66%;box-sizing: border-box;} /*.cpzx-list li img{filter: brightness(3);}*/ /*.cpzx-list li:hover img{margin-bottom: 20px;}*/ .cpzx-list a .img1{display: none;} .cpzx-list li:hover .img1{display: inline-block;} .cpzx-list li:hover .img2{display: none;} .cpzx-list li:hover h3{color: #eb6100;padding-top: 20px;} .cpzx-list li:hover p{color: #eb6100;} .cpzx-list a{display: block;height: 720px;} .cpzx-list a img{max-width: 70%;} .cpzx-list h3{font-size: 20px;color: #fff;margin: 30px 0 10px;} .cpzx-list p{font-size: 17px;color: #fff;font-family: "dincondregular";text-transform: uppercase;} .applist a{float: left;width: 45%;background: #fff;position: relative;} .applist .i{position: absolute;left: 0;bottom:0;background: #eb6100;height: 5px;width: 0;} .applist a:hover .i{width: 100%;} .applist a:hover .goca{background: #303647;} .applist a:nth-child(even){float: right;} .applist .img100{width: 45%;} .appcon{position: absolute;height: 100%;top:0;right: 10%;left: 48%;} .appcon h3{color: #333;font-family: "dincondregular";font-size: 26px;} .appcon h3 span{font-size: 24px;margin-left: 8px;display: inline-block;vertical-align: text-bottom;} .appcon p{color: #333;margin: 30px 0;} .goca{width: 130px;line-height: 40px;background: #eb6100;color: #fff;text-align: center;} .yycj-left{background: rgba(0,0,0,.2);width: 50%;padding: 30px 0;} .yycj-list a{display: block;height: 144px;position: relative;} .yycj-list .swiper-container{height:720px;overflow: visible;} .yycj{overflow: hidden;} .yycj-list .swiper-slide{height:144px !important;} .yycj-bg{position: absolute;width: 0;top:0;height: 100%; overflow: hidden; left: 0;background: rgba(255,255,255,.8);padding-right: 0;} .yycj-con{position: absolute;left: 34.375%;top:0;right: 0;height: 100%;} .yycj-icon{position: absolute;height: 100%;left: 0;top:0;width: 144px;text-align: center;} .yycj-text{position: absolute;top:0;height: 100%;left: 190px;right:10px;} .yycj-text h3{font-size: 16px;color: #fff;} .yycj-text h3 span{font-family: "dincondregular";color: #fff;font-size: 16px;text-transform: uppercase;} .yycj-text p{color: #fff;margin-top: -30px;opacity: 0;} .yycj-bg .i{position: absolute;width: 30px;height: 30px;right: 100px;top:50%;margin-top: -15px;} .yycj-bg .i:before{content: '';position: absolute; width: 100%;left: 0;top:50%;border-top:1px solid #bbb;} .yycj-bg .i:after{content: '';position: absolute; height: 100%;top: 0;left:50%;border-left:1px solid #bbb;} .yycj-list a:hover .yycj-bg{width: 100%;padding-right: 280px;} .yycj-list a:hover .yycj-icon{background:#eb6100;} .yycj-list a:hover p{margin-top: 10px;opacity: 1;color: #333;} .yycj-list a:hover h3{color: #333;font-size: 20px;} .yycj-list a:hover h3 span{color: #333;font-size: 22px;} .icon110{position: absolute;right: 44px;top:8px;z-index: 998;display: none;} .yycj-left:hover .icon110{display: block;} .icon11{position: absolute;right: 44px;bottom:8px;z-index: 998;} .newsplay{width: calc(100% - (100% - 1400px)/2 - 430px);opacity: 0 ; position:absolute;top:0;right: 0;} .newsplay.on{ opacity: 1 ;position: relative;} .newsleft{position: absolute;left:calc(100%/2 - 1400px/2); top:135px;} .more{text-transform: uppercase;font-size: 16px;color: #333;font-family: "markpro";border-bottom: 1px solid #333;padding-bottom: 4px;} .more:hover{color: #eb6100;border-color: #eb6100;} .newsplay .swiper-slide a{display: block;padding: 135px 55px;} .newsleft .title32{margin-bottom: 200px;} .newsplay h3{font-size: 16px;color: #333;font-weight: bold;margin-top: 35px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.4em;height: 2.8em;} .newsmid{margin-top: 20px;} .newsmid span:nth-child(1){width: 46px;text-align: center;line-height: 22px;display: inline-block;background: #303647;color: #fff;font-size: 12px;font-family: "markpro";} .newsmid span:nth-child(2){line-height: 22px;display: inline-block;color: #999;font-family: "dinmiddle";margin-left: 6px;} .newsplay p{margin-top: 25px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3 !important;overflow: hidden;height: 4.8em;} .newsplay .swiper-slide a:hover{background: #e6e6e8;} .newsplay .swiper-slide a:hover .newsmid span:nth-child(1){background: #eb6100;} .partner .swiper-slide a{display: block;border:1px solid #eaeaea;} .footer{background: #303647;padding: 80px 0;} .footer-list dl{float: left;margin-right: 80px;} .footer-list dl a{color: rgba(255,255,255,.2);font-size: 13px;} .footer-list dl a:hover{color: #eb6100;} .codes{float: left;margin-left: 10px;margin-right: 50px;} .codes p,.xxgs span,.footer-list dl dt{color: #fff;font-weight: bold;font-size: 14px;margin-bottom: 25px;display: block;} .xxgs p,.xxgs a{font-size: 12px;color: rgba(255,255,255,.2);} .call{margin-top: 32px;position: relative;} .call p{color: #fff;font-weight: bold;position: relative;padding-left: 45px;} .call span{color: #fff;display: block; font-size: 21px;position: relative;font-weight: normal;} .call p:before{content: ""; width: 35px;height: 35px;position: absolute;top:5px;left: 0;} .call p:nth-of-type(1){margin-bottom: 5px;} .call p:nth-of-type(1):before{background: url("../images/icon60.png") no-repeat center;background-size: cover;} .call p:nth-of-type(2):before{background: url("../images/yx.png") no-repeat center;background-size: cover;} /*鍏徃绠€浠?/ .ban .img100{height: 540px;} .ban-text h1{font-size: 26px;color: #fff;line-height: 1em;} .ban-text h2{font-size: 52px;color: #fff;font-family: "dinbold";line-height: 1em;margin: 15px 0;text-transform: uppercase;} .ban-text .i{width:1px;border-right: 1px solid #fff;margin: 0 auto;height: 44px;} .guide{background: #eb6100;position: relative;z-index: 5;border-top: 1px solid #eb6100;height: 70px;} .guide .w1400{margin-top: -10px;background: #303647;line-height: 75px;} .guide-l li{float: left;} .guide-l li a{display: block;padding: 0 28px;font-size: 13px;color: #fff;position: relative;} .guide-l li a:after{content: '';position: absolute;width: 0;left: 50%;transform: translateX(-50%);height: 5px;background: #303647;bottom:-5px;} .guide-l li.active a{color: #eb6100;} .guide-l li.active a:after{width: 100%;} .guide-l li:hover a{color: #eb6100;} .guide-l li:hover a:after{width: 100%;} .guide-r{margin-right: 35px;} .guide-r a{color: rgba(255,255,255,.8);font-size: 13px;position: relative;} .guide-r a img{vertical-align: middle;margin: -2px 10px 0;} .guide-r a:nth-child(1) img{vertical-align: middle;margin: -4px 0 0;} .gsjj .jt-video{height: 367px;} .gsjj-l{position: absolute;left: 0;width: 45%;height: 100%;top:0;} .gsjj-des p{margin-bottom: 30px;} .gsjj-des p:last-child{margin-bottom: 0;} .title26{margin-bottom: 40px;} .title26 h3{font-size: 26px;color: #eb6100;font-weight: bold;} .title26 p{font-family: "dincondregular";font-size: 18px;color: #999;margin-top: 2px;text-transform: uppercase;} .databox{height: 416px;} .datalist{width: 1200px;max-width: 100%;margin: 0 auto;} .datalist li{width: 23%;margin: 0 1%;float: left;text-align: center;} .data-con{display: inline-block;text-align: left;} .data-con strong,.jia{color: #fff;font-size: 65px;font-family: "dinmiddle";} .data-con span{color: #fff;} .data-con span:last-child{margin-left: 12px;} .data-con .i{width: 30px;height: 2px;background: #eb6100;margin: 35px 0;} .data-con p{font-size: 16px;color: #fff;} .data-bot{position: absolute;width: 63px;height: 63px;left: 50%;margin-left: -31px;bottom:-34px;background: url("../images/bot1.png") no-repeat center;background-size: cover;} .hbls{height: 482px;} .gsjj-bot-text{line-height: 1.8em;} .hbls-con{position: absolute;width: 483px;right: 0;top:0;height: 100%;background: url("../images/xie.png") no-repeat center;background-size: 100% 100%;} .hbls-text{display: inline-block;text-align: left;} .hbls-text p{color: #fff;font-family: "dincondregular";font-size: 30px;text-transform: uppercase;line-height: 1.4em;} .hbls-text span{color: #fff;font-size: 22px;margin:10px 0 50px;display: block;} /*浼佷笟鏂囧寲*/ .qywh-img{margin-right: 518px;} .qywh-img li{display: none;} .qywh-img li.active{display: block;} .goahead{position: absolute;left: 64px;top:57px;border:1px solid rgba(255,255,255,0.4);width: 184px;line-height: 40px;text-align: center;font-size: 20px;color: #fff;} .qywh-r{position: absolute;right: 0;width: 518px;height: 100%;top:0;background: url("../images/whbg.jpg") no-repeat center;background-size: cover;} .qywh-text p{color: #fff;line-height: 2.8em;} .qywh-control{margin: 40px 40px 0;} .qywh-control a{float: left;font-size: 16px;color: #fff;margin-right: 20px;} .qywh-control a.active{color: #eb6100;} .qywh-control a:hover{color: #eb6100;} .qywh-control a:last-child{margin-right: 0;} .qywh-warp li{display: none;} .qywh-warp li.active{display: block;} .qywhtex{position: absolute;top:90px;left: 40px;bottom:40px;right: 40px;overflow: auto;} .qywh-warp{margin-right: 10px;} .scrollBar::-webkit-scrollbar {width: 6px;height: 6px;} .scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #eb6100;background-color: #eb6100;} .scrollBar::-webkit-scrollbar-thumb {background-color: #eb6100;background-clip: padding-box;min-height: 28px;} .scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;} /*浼佷笟鑽h獕*/ .ry-play{width: 518px;max-width: 100%;margin: 0 auto;} .ryBtn div{position: absolute;width: 24px;height: 37px;top:173px;cursor: pointer;} .ryBtn1{background-image: url("../images/btn1.png");left: -115px;} .ryBtn2{background-image: url("../images/btn2.png");right: -115px;} .rt-top-des{margin-top: 30px;} .rt-top-des p{color: #999;margin-top: 5px;} .ry-bot{border-top: 1px solid #dcdcdc;} .ry-type{margin-top: 70px;} .ry-type li{float: left;width: 48%;margin-right: 4%;margin-top:8px;margin-bottom: 8px;} .ry-type li:nth-child(even){margin-right: 0;} .ry-type li a{color: #333;font-size: 16px;} .ry-type li.active a{color: #eb6100;} .ry-type li a:hover{color: #eb6100;} .ry-list{font-size: 0;text-align: left;} .ry-list li{display: inline-block;font-size: 14px;width: 27.5%;margin-right: 8.75%;vertical-align: top;margin-top: 80px;text-align: center;} .ry-list li:nth-child(3n){margin-right: 0;} .ry-list li a{position: relative;display: flex;height: 286px;justify-content: center;align-items: center;} .ry-list li img{max-width: 100%;max-height: 100%; vertical-align: bottom;} .ry-list .position-full{background: rgba(0,0,0,.7);opacity: 0;} .ry-list p{font-size: 18px;color: #fff;} .ry-list .i{position: absolute;right: 0;top:0;width: 48px;height: 48px;background: url("../images/more-icon.jpg") no-repeat center;background-size: cover;} .ry-list li:hover .position-full{opacity: 1;} .jzgds{font-size: 16px;color: #eb6100;} .jzgds img{vertical-align: middle;margin: -2px 0 0 5px;} /*浼佷笟鑽h獕寮圭獥*/ .showImg{position: fixed;z-index: 99999;background: rgba(0,0,0,0.9);left: 0;top:0;right: 0;bottom:0;display: none;} .showImg img{width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;margin: 0 auto;} .show-img-size{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);max-height: 100%;max-width: 100%;} .show-img-text{margin-top: 10px; text-align:center;} .show-img-text h1{color: #fff;font-size: 26px;width:100%;} .show-img-text h2{color: #fff;font-size: 14px; width:100%; line-height:50px;background: url("../images/jy_li.png") center no-repeat;} .show-img-text p{color: #fff;font-size: 16px; margin-top:20px; width:100%; text-align:center;} .show-img-text span{color: #fff;font-size: 16px;} .close-img{position: absolute;right: -32px;top:-32px;width: 38px;height: 38px;border-radius: 100%;background-image: url("../images/close.jpg");cursor: pointer;} .img-btn div{position: absolute;width: 42px;height: 42px;border-radius: 100%;top:50%;margin-top: -21px;cursor: pointer;z-index: 89;} .img-btn-left{left: 20%;background-image: url("../images/56.jpg");} .img-btn-right{right: 20%;background-image: url("../images/57.jpg");} /*绀句細璐d换*/ .zr-hot a{display: block;position: relative;} .zr-hot .img100{width: 447px;} .zr-hot-r{position:absolute;left:447px;right:0;height:100%;top:0;background: #f8f8f8;} .zr-hot-des{margin:0 70px;} .zr-hot-des h2{font-size: 18px;color: #303647;font-weight: bold;} .zr-hot-des span{font-size: 22px;color: #eb6100;font-family: "dinmiddle";margin: 20px 0;display: block;} .zr-hot-des p{color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .zr-left{float: left;width: 447px;padding-bottom: 120px;} .zr-left{padding-top: 72px;} .zr-title{margin-bottom: 50px;} .zr-title h3{font-size: 18px;color: #eb6100;} .zr-title p{font-size: 15px;color: #303647;font-family: "dincondregular";} .zr-page{margin-bottom:30px;position: relative;z-index: 6;} .zr-page p{margin-top:5px;color: #999;} .zr-left .i{width: 100%;right: 0;bottom:0;position: absolute;} .zr-left .i img{width: 100%;bottom:0;} .zr-right{margin-left: 447px;} .zr-list{border-left:1px solid #f0f0f0;} .zr-list li{border-bottom:1px solid #f0f0f0;} .zr-list a{display: block;padding: 55px 0;overflow: hidden;} .zr-time{width: 106px;background: #f8f8f8;text-align: center;padding: 14px 0;margin: 0 70px;} .zr-time strong{display: block;font-family: "dinmiddle";font-size: 60px;color: #303646;line-height: 1em;} .zr-time span{display: block;font-family: "dinmiddle";font-size: 16px;color: #303646;} .zr-word h4{font-size: 18px;color: #333;padding: 8px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .zr-word p{color: #999;line-height: 1.8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .zr-list li:hover h4{color: #eb6100;} .zr-list li:hover strong{color: #eb6100; } .zr-list li:hover span{color: #eb6100;} .zrgd{display: block;background: #eb6100;width: 73%;margin-top: 18px;padding: 12px 0;color: #fff;} .zrgd img{vertical-align: bottom;} /*绀句細璐d换璇︾粏*/ .shzr-xq{margin-right: 340px;} .shzr-xq-top h1{font-size: 24px;color: #333;} .shzr-xq-top li{float: left;margin-right: 35px;color: #333;margin-top: 20px;} .shzr-xq-top li span{font-family: "dincondregular";color: #333;font-size: 16px;} .shzr-xq-top li strong{color: #333;font-weight: normal;margin-right: 5px;cursor:pointer;} .shzr-xq-top li strong:nth-child(2){margin-right:9px;} .shzr-xq-top li strong sup{color: #333;} .shzr-xq-top li strong.active{color: #eb6100;} .shzr-xq-top li strong.active sup{color: #eb6100;} .shzr-xq-top li strong:hover{color: #eb6100;} .shzr-xq-top li strong:hover sup{color: #eb6100;} .shzr-xq-top li:nth-child(2){margin-top: 16px;} .shzr-edite p{margin-top: 30px;} .shzr-edite{padding-bottom: 20px;min-height: 500px;} .shzr-edite img{display: block;max-width: 100%;height: auto !important;margin: 30px auto 0 !important;} .shzr-poition{position: absolute;width: 315px;top:0;right: 0;} .padding25{padding: 25px;} .shzr-xqpage a{display: block;} .shzr-xqpage span{font-size: 16px;color: #333;} .shzr-xqpage p{margin: 15px 0;height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .time18{color: #999;font-family: "dincondregular";font-size: 16px;} .shzr-xqpage li{margin-bottom: 20px;} .shzr-xqpage a:hover p{color: #eb6100;} .shzr-xqpage a:hover .time18{color: #303647;} .share-top{font-size: 16px;color: #333;} .share-top img{float: right;margin-top: 4px;} .share-list.bdsharebuttonbox a{width: 36px;height: 36px;border:1px solid #d8d8d8;border-radius: 100%;padding: 0;margin: 18px 18px 0 0;opacity: 0.5;filter: grayscale(2)} .share-list.bdsharebuttonbox a.tsina{background-image: url("../images/wb.png");} .share-list.bdsharebuttonbox a.weixin{background-image: url("../images/wx.png");} .share-list.bdsharebuttonbox a.qzone{background-image: url("../images/qq.png");} .share-list.bdsharebuttonbox a:hover{opacity: 1;border-color: #333;filter: grayscale(0)} .back{display: block;font-size: 16px;color: #fff;background: #eb6100;line-height: 50px;text-align: center;margin-top: 30px;} /*鍔犲叆宸濆ゥ*/ .join-img{width: 50%;} .join-r{position: absolute;top:0;height: 100%;right: 0;width: 46%;} .zp-top{background: #303647;margin-top: 60px;} .zp-top .zp-th{color: #fff;} .zp-th{float: left;width: 20%;box-sizing: border-box;padding: 0 40px;line-height: 54px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .zp-list{margin-top: 15px;} .zp-list .i{position: absolute;width: 13px;height: 9px;right: 60px;top:50%;margin-top: -4px;background-image: url("../images/up1.png");} .zp-list .zp-tr{cursor: pointer;} .zp-con{background: #f9f9f9;padding: 40px;display: none;} .zp-page{margin-bottom: 30px;} .zp-page h4{font-weight: bold;color: #eb6100;font-size: 14px;margin-bottom: 5px;} .zp-page p{margin: 2px;} .zp-page:last-child p{color: #333;} .zp-page:last-child p a{color: #eb6100;} .zp-tr.active .i:after{opacity: 0;} .zp-box{margin-bottom: 40px;} /*.zp-list .zp-tr:hover .zp-th{color: #eb6100;}*/ /*.zp-list .zp-tr.active .zp-th{color: #eb6100;}*/ .zp-list .zp-tr:hover .i:before{border-color: #eb6100;} .zp-list .zp-tr:hover .i:after{border-color: #eb6100;} .zp-list .zp-tr:hover .i{background-image: url("../images/bot5-1.png");} .zp-list .zp-tr.active .i{background-image: url("../images/bot5.png");} /*.zp-box{margin: 15px;}*/ .zp-box .zp-tr{background: #ededed;} /*鑱旂郴鎴戜滑*/ .code-box{width: 267px;margin-left: 228px;} .code-box li{float: left;text-align: center;} .code-box p{color: #333;margin-top: 5px;} .code-box .img100{border:1px solid #dadada;} .code-box li:nth-child(1){margin-right: 46px;} .contact-a .title26{padding-top: 25px;} .tel-box{width: 590px;} .tel-sm,.tel-r,.tel-box span{display: inline-block;vertical-align: middle;color: #333;} .tel-sm img{vertical-align: middle;margin: -2px 10px 0 0;} .tel-box li{float: left;width: 48%;margin-right: 4%;margin-bottom: 30px;} .tel-box li:nth-child(1){width: 100%;margin-right: 0;} .tel-box li:nth-child(3), .tel-box li:nth-child(5){margin-right: 0;} .tel-box .tel1{font-size: 16px;font-family: "dinmiddle";} .tel-box .tel2{font-size: 16px;font-family: "dinmiddle";color: #eb6100;line-height: 28px;border-radius: 28px;border:1px solid #e2e2e2;padding: 0 30px;margin-right: 24px;} .tel-box .tel2:last-child{margin-right: 0;} .contact-b{margin-top: 190px;} .contact-b li{float: left;width: 27%;height: 200px;box-sizing: border-box;background: #f8f8f8;border-top: 1px solid #f8f8f8;margin-right: 9.5%;cursor: pointer;padding: 0 10px;} .contact-b .img100{width: 94px;background: #303647;border-radius: 100%;margin: -47px auto 0;} .contact-b li:last-child{margin-right: 0;} .contact-b h5{font-size: 18px;color: #333;margin-top: 40px;} .contact-b p{font-size: 12px;color: #333;margin-top: 5px;} .contact-b li.active .img100{background: #eb6100;} .contact-b li:hover .img100{background: #eb6100;} .map{height: 615px;} /*鍦ㄧ嚎鐣欒█*/ .lybox{margin: 0 60px;} .ly-list{float: left;width: 40%;margin-right: 20%;position: relative;margin-bottom: 30px;} .ly-list:nth-child(even){margin-right: 0;} .ly-list span{position: absolute;top:0;left: 0;font-size: 16px;color: #333;line-height: 24px;} .ly-r{margin-left: 60px;border-bottom: 1px solid #dcdcdc;} .ly-r input{display: block;width: 100%;height: 24px;font-size: 16px;} .margin-t60{margin-top: 60px;} .lyxx span{font-size: 16px;color: #333;} .lyxx span img{vertical-align: middle;margin: -5px 10px 0 0;} .lyxx{padding-top: 10px;} .nr-con{border:1px solid #dcdcdc;margin-top: 25px;} .nr-con textarea{display: block;width: 100%;height: 260px;font-size: 16px;color: #333;} .nr-input{margin: 1em;} .gaxin{margin-top: 20px;} .text-right{text-align: right;font-size: 16px;color: #333;} .btn-bg{background: #eb6100;font-size: 16px;color: #fff;text-align: center;display: block;line-height: 48px;} .tjiao{width: 300px;margin: 75px auto 0;} /*浜у搧涓績3*/ .title333 h3{color: #333} .title-nm h3{font-weight: normal;} .title-nm p{font-size: 16px;} .cpgs p{font-size: 15px;} .cpsp .jt-video{width: 100%;} .pro{font-size: 0;text-align: left;} .pro li{display:inline-block;vertical-align: top; text-align: center; font-size: 14px; width: 31%;margin-right: 3.5%;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);border:1px solid #d8d8d8; border-radius: 5px;margin-bottom: 3.5%;box-sizing: border-box;overflow: hidden;} .cpsp-outd{height: 396px;} .pro li a{display: block;padding: 25px;position: relative;} .pro li:nth-child(3n){margin-right: 0;} .margin-t90{margin-top: 90px;} .pro li img{width: 300px;max-width: 100%;} .pro h4{font-size: 18px;color: #333;margin: 5px 0;} .pro p{font-size: 16px;color: #999; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .pro-hide{background: rgba(0,0,0,.5);opacity: 0;} .pro-hide .btn-bg{width: 140px;line-height: 44px;margin: 0 auto;border-radius: 6px;} .hot{position: absolute;left: 0;top:16px;width: 70px;text-align: center;line-height: 38px;background: #eb6100;color: #fff;font-size: 16px;} .pro li:hover .pro-hide{opacity: 1;} .pro-page h2{font-size: 24px;margin-bottom: 30px;color: #333;} .pro-page h2 img{max-width: 100%;vertical-align: bottom;} .pro-box{padding-top: 30px;} /*浜у搧涓績璇︾粏*/ .bgf8{background: #f8f8f8;} .cpxq-l{width: 46.4%;} .spBig{width: 76.5%;} .cpxq-a-r{position: absolute;right: 0;top:0;width: 22%;height: 461px;} .zqc .cpxq-a-r{height: 615px;} .spSm{position: absolute;width: 100%;left: 0;top:44px;bottom:44px;} .spSm .swiper-slide{cursor: pointer;} .spSm .img100{height: 100%;position: relative;} .spSm .img100:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.5); opacity: 1;} .spSm .active-nav .img100:before{opacity: 0;} .spSm .swiper-container{height: 100%;} .cpxq-btn div{position:absolute;width: 100%;height: 40px;left: 0;cursor: pointer;background-repeat: no-repeat;background-position: center;} .cpxqbtn1{background-image: url("../images/icon11-1.png");top:0;} .cpxqbtn2{background-image: url("../images/icon11.png");bottom:0;} .cpxq-btn div.swiper-button-disabled{cursor: default;opacity: 0.5;} /*.cpxq-btn div:hover{background-color: #c70025;}*/ /*.cpxqbtn1:hover{background-image: url("../images/smBtn3.png");}*/ /*.cpxqbtn2:hover{background-image: url("../images/smBtn4.png");}*/ .cpms{width: 38%;} .cpms h1{font-size: 22px;color: #333;margin-bottom: 20px;} .cpms-list{position: relative;margin-bottom: 10px;} .cpbh{position: absolute;top:0;left: 0;font-size: 16px;color: #999;} .cpms-r{margin-left: 84px;} .cpms-r p{font-size: 16px;color: #333;} .ysfl li{float: left;width: 36px;border:1px solid #d7d7d7;margin-right: 7px;margin-bottom: 7px;cursor: pointer;} .ysfl li.active{border-color: #eb6100;} .cpms-list-ysfl{margin-top: 15px;} .ljgm{font-size: 14px;border-radius: 5px;width: 100px;line-height: 32px;margin-top: 30px;} .cpdh-con{border-top: 1px solid #e7e7e7;line-height: 60px;} .bgf2{background: #f2f2f2;height: 60px;} .cpxl{font-size: 16px;color: #333;} .navs-menu a{float: left;font-size: 16px;color: #333;padding: 0 8px;position: relative;margin-left: 40px;} .navs-menu a:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom:0;width: 0;border-top:2px solid #eb6100;} .navs-menu a.active:after{width:100%;} .navs-menu a.active{color:#eb6100;} .navs-menu a:hover{color:#eb6100;} .navs-menu a:hover:after{width:100%;} .nolt{padding-bottom: 20px;} .xqms-list{margin-bottom: 60px;} .cpms-top{border-bottom: 1px solid #303647;margin-bottom: 48px;} .cpms-top h3{color: #eb6100;border-bottom: 1px solid #eb6100;margin-bottom: -1px;line-height:60px;font-size: 18px;} .cpms-di-l{width: 42%;} .cpms-di-l p{line-height: 2.4em;color: #333;} .cpms-di-r{width: 40%;} .cpms-di-r li{color: #333;position: relative;padding-left: 80px;line-height: 2.4em;} .cpms-di-r li span{color: #999;position: absolute;left: 0;top:0;} .cptx-img{width: 46.5%;} .cptx-con{width: 53.5%;} .cptx-con p{color:#333;line-height: 2em;} .cptx-warp{margin-left: 50px;} .gwlg li{float: left;width: 30%;margin-right: 5%;text-align: center;margin-top: 45px;} .gwlg li img{max-width: 80%;vertical-align: bottom;} .gwlg li p{color: #333;font-size: 13px;margin-top: 15px;} .gwlg li:nth-child(3n){margin-right: 0;} .zrbg2{position: absolute;right: 0;bottom:0;width:34%;} .sk img{height: auto !important;max-width: 100%;vertical-align: bottom;} .scenario .position-full{background: rgba(0,0,0,.4);opacity: 0;} .shadowmore h4{color: #fff;font-size: 16px;margin-bottom: 16px;} .shadowmore .middle-inner img{width: 18px;} .scenario .swiper-slide:hover .position-full{opacity: 1;} .scenario p{color: #333; margin-top: 32px;margin-left: 15px;} .scenariobtn div{position: absolute;top:50%;cursor: pointer;width: 13px;height: 20px;z-index: 9;margin-top: -37px;} .scenariobtn1{left: 20px;background-image: url("../images/btn7.png");} .scenariobtn2{right: 20px;background-image: url("../images/btn8.png");} /*搴旂敤鍦烘櫙*/ .aplc li{float: left;width: 47.5%;margin-right: 5%; margin-bottom: 5%;} .aplc li:nth-child(even){margin-right: 0;} .aplc li a{display: block;position: relative;} .aplc-con{position: absolute;left: 50px;right: 50px;top:50px;bottom:50px;text-align: center;background: rgba(0,0,0,.55);opacity: 0;transform: scale(0.8);} .aplc li:hover .aplc-con{opacity: 1;transform: scale(1);} .aplc-bot{margin-top: 30px;} .aplc-bot p{font-size: 18px;color: #333;margin-right: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .aplc-bot .i{position: absolute;width: 12px;height: 18px;background-image: url("../images/jt1.png");top:50%;margin-top: -9px;right: 0;} .aplc li:hover p{color: #eb6100;margin-left: 30px;margin-right: 65px;} .aplc li:hover .i{right: 30px;background-image: url("../images/jt2.png");} .title18{margin-bottom: 50px;} .title18 h3{font-size: 18px;} .title18 p{font-size: 18px;font-family: "dincondregular";text-transform: uppercase;} .zqc{margin:0 72px;} .zqc .cpxq-btn div{height: 52px;background-color: #eb6100;} .zqc .cpxqbtn1{background-image: url("../images/bot9.png");} .zqc .cpxqbtn2{background-image: url("../images/bot10.png");} .zqc .spSm{top:70px;bottom:70px;} .zqc .spBig{width: 77.4%;} .zqc .cpxq-a-r{width: 21%;} .zqc .spSm .img100:before{opacity: 1;} .zqc .spSm .active-nav .img100:before{opacity: 0;} /*鍝佽川璁よ瘉*/ .rznav{background: #f2f2f2;line-height: 60px;padding: 0 35px;} .rznav a{font-size: 16px;color: #333;margin-right: 100px;position: relative;float: left;} .rznav a:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom:0;width: 0;border-top:1px solid #eb6100;} .rznav a.active:after{width:100%;} .rznav a.active{color:#eb6100;} .rznav a:hover{color:#eb6100;} .rznav a:hover:after{width:100%;} .zslb-con{margin: 0 100px;} .zslb-con .swiper-container{width: 1000px;margin: 0 auto;max-width: 100%;} .zslb .ryBtn1{left: 0;} .zslb .ryBtn2{right: 0;} .zslb .ryBtn div{top:50%;margin-top: -19px;} .zslb .swiper-slide{transform: scale(0.7);z-index: -1;opacity: 0;width:1046px;cursor: pointer;padding: 50px 0;} .zslb .swiper-slide.ready{transition: all .3s;} .zslb .swiper-slide.swiper-slide-prev{transform: scale(0.85);opacity: 1;z-index: 4;} .zslb .swiper-slide.swiper-slide-next{transform: scale(0.85);z-index: 4;opacity: 1;} .zslb .swiper-slide.prev2{opacity: 1;z-index: 2;transform: scale(0.5);} .zslb .swiper-slide.prev3{opacity: 1;z-index: 1;} .zslb .swiper-slide.next2{opacity: 1;z-index: 2;transform: scale(0.5);} .zslb .swiper-slide.next3{opacity: 1;z-index: 1;} .zslb .swiper-slide-active{transform: scale(1);z-index: 9;opacity: 1;} .zslb .img100{position: relative;} .zslb .img100:before{content: ''; position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.5);} .zslb .swiper-slide-active .img100:before{opacity: 0;} /*鍏朵粬鏈嶅姟*/ .service li{float: left;width: 18%;margin: 0 1%;} .service .img{display: inline-block;position: relative;} .service .img2{position: absolute;width: 100%;top:0;left: 0;opacity: 0;} .service p{font-size: 16px;color: #333;margin-top: 20px;} .service li:hover .img1{opacity: 0;} .service li:hover .img2{opacity: 1;} .sale-img{height: 417px;} .sale-l{position: absolute;left: 0;top:0;height: 100%;width: 41%;} .sale-l img{margin-right: 50px;} .sale-r{position: absolute;right: 0;top:0;height: 100%;width: 59%;background: url("../images/po09.png") no-repeat center;background-size: 100% 100%;} .sale-m-con{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(235,97,0,.8);transform: skew(-27deg); transform-origin: bottom center;} .sale-m{position: absolute;right: 41%;top:0;height: 100%;width: 18%;overflow: hidden;} .sale-r-ms{margin-left: 40%;} .titlefff h3{color: #fff;} .titlefff p{color: #fff;} .sale-r-des p{color: rgba(255,255,255,.8);font-size: 16px;margin-top: 5px;position: relative;padding-left: 18px;} .sale-r-des p:before{content: '';position: absolute;top:11px;width: 4px;height: 4px;background: rgba(255,255,255,.8);border-radius: 100%;left: 0;} .shouhou{text-align: center;} .shouhou li{width: 23%;margin: 0 1%;float: left;} .shouhou .img100{width: 120px;margin: 0 auto;background: #eb6100;border-radius: 100%;overflow: hidden;max-width: 80%;} .shouhou p{font-size: 16px;color: #333;margin-top: 30px;} /*鏂伴椈璧勮*/ .xw .img100{width: 306px;} .xw li{margin-bottom: 30px;} .xw a{display: block;position: relative;} .wx-r{position: absolute;left: 360px;height: 100%;top:0;right: 0;border-bottom: 1px solid #ddd;} .wx-r h4{font-size: 16px;color: #333;margin-bottom: 20px;margin-right: 140px;} .wx-r p{color: #999;} .xw-time{position: absolute;right: 0;top:10px;border:1px solid #eaeaea;height: 56px;width: 110px;text-align: center;} .xw-time-l{width: 50%;} .xw-time-l strong{font-family: "dincondregular";font-size: 32px;display: block;color: #333;} .xw-time-l span{font-family: "dincondregular";font-size: 12px;display: block;color: #333;} .xw-time-r{position: absolute;width: 50%;height: 100%;right: 0;top:0;background: #eaeaea;} .xw-time-r .i{position: absolute;width: 12px;height: 18px;background-image: url("../images/jt1.png");left: 50%;top:50%;margin: -9px 0 0 -6px;} .xw a:hover h4{color: #eb6100;} .xw a:hover strong{color: #eb6100;} .xw a:hover span{color: #eb6100;} .xw a:hover .i{background: url("../images/jt2.png");} .menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:12px;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; } .menu-handler .burger{height: 2px; background: #eb6100; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;} .menu-handler .burger-2{top: 15px; } .menu-handler .burger-3{top: 22px;} .menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } /*鐮斿寲涓績*/ .yf-img{width: 49.8%;} .yfa-con{position: absolute;top:65px;width: 48%;} .yf-title h3{font-size: 22px;color: #333;} .yf-title .i{width: 42px;border-top: 1px solid #eb6100;margin: 16px 0;} .yf-title p{color: #7c7c7c;} .yfb-con{width: 49.8%;position: absolute;right: 0;top:0;height: 100%;} .yfb-con{background: url("../images/bg56.jpg") no-repeat center;background-size: cover;} .yfb-warp{margin: 0 35px;} .yfb-warp h3{color: #fff;} .yfb-warp p{color: #fff;} .ss-a{padding: 60px 0;} .ss-a h3{font-family: "dincondregular";letter-spacing: 4px;text-indent: 4px;} .ss-a p{font-size: 22px;} .ssbox{width: 600px;margin: 0 auto;max-width: 94%;} .ssingput{border-radius: 6px;overflow: hidden;margin-right: 100px;} .ssingput input{display: block;width: 100%;height: 54px;text-indent: 65px;font-size: 16px;} .sbmint{position: absolute;right: 0;width: 92px;height: 100%;top:0;background: #eb6100;line-height: 54px;text-align: center;color: #fff;font-size: 18px;border-radius: 6px;cursor: pointer;} .ssingput:before{position: absolute;content: ''; height: 100%;width: 63px;background-image: url("../images/fdj.png");left: 0;top:0;} .ssdh a{float: left;line-height: 54px;position: relative;font-size: 13px;color: #a2a2a2;margin-right: 55px;} .ssdh a:after{position: absolute;width: 100%;bottom:0;border-top: 2px solid #eb6100;content: '';left: 0;display: none;} .result{margin-bottom: 35px;} .ssdh a.active{color: #eb6100;} .ssdh a.active:after{display: block;} .ssdh a:hover{color: #eb6100;} .ssdh a:hover:after{display: block;} .ssjecon{padding: 40px 0 80px;} .conrt{padding: 40px;} .result{font-size: 18px;color: #aeaeae;} .result span{color: #eb6100;} .sslb-tabs{display: none;} .sslb-tabs.active{display: block;} .banner h2:nth-child(2),.yycj-list li:nth-child(2),.ban h2{animation-delay: 300ms !important;} .banner p:last-child,.yycj-list li:nth-child(3),.ban .i{animation-delay: 600ms !important;} .yycj-list li:nth-child(4){animation-delay: 900ms !important;} .yycj-list li:nth-child(5){animation-delay: 1200ms !important;} .qtfw-jl{padding-bottom: 130px;} .qtfw-jl .title26{margin-bottom: 80px;} .sslb-tab{min-height: 110px;} .maximg img{display: block;height: auto !important;max-width: 100%;margin: 0 auto;vertical-align: bottom;} .imgscale .img100{overflow: hidden;} .imgscale:hover .img100 img{transform: scale(1.05);} .search-con,.nav,.language-box,.header,.logo,.nav-yi,.search-box,body,.applist .i,.yycj-bg,.yycj-icon,.yycj-text p,.more,.top-raea,.guide-l li a:after,.ry-list .position-full,.zr-word h4,.zr-time strong,.zr-time span,.shzr-xqpage p,.time18,.share-list.bdsharebuttonbox a,.contact-b .img100,.pro-hide,.navs-menu a:after,.position-full,.aplc-con,.aplc-bot p,.aplc-bot .i,.rznav a,.rznav a:after,.service .img2,.wx-r h4,.xw strong,.xw span,.xw-time-r .i,.menu-handler .burger,.imgscale .img100 img,.cpzx-list li img,.cpzx-list li p,.cpzx-list li h3{transition: all .4s linear;} .ryBtn div,.share-list.bdsharebuttonbox a,.zp-list .i,.scenariobtn div,.xw-time-r .i.ssingput:before{background-size: cover;background-repeat: no-repeat;background-position: center;} .slideInUp,.banner .swiper-slide-active h2,.banner .swiper-slide-active p,.ban h1,.ban h2,.ban .i{ -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInUp { 0%{opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100px); transform: translateY(100px);} 100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes slideInUp { 0%{opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100px); transform: translateY(100px);} 100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);} } .slideInDown{ -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInDown { 0%{opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-100px); transform: translateY(-100px);} 100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes slideInDown { 0%{opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-100px); transform: translateY(-100px);} 100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);} } .slideInLeft { -webkit-animation-name: slideInLeft ; animation-name: slideInLeft ; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInLeft { 0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);} 100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);} } @keyframes slideInLeft { 0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);} 100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);} } .slideInRight{ -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInRight{ 0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);} 100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);} } @keyframes slideInRight { 0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);} 100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);} }