.banner { clear: both; width: 100%; background-color: #9f0110; height: 680px; position: relative; overflow: hidden; margin-top: 70px } .banner .DB_bgSet { position: relative } .banner .DB_bgSet li { position: absolute; width: 100%; height: 680px; display: none } .banner .DB_imgSet { position: absolute; width: 1100px; top: 0; left: 50%; margin-left: -550px } .DB_imgSet li { display: none } .banner .DB_imgSet .DB_1_1 { position: absolute; left: -410px; top: 0 } .banner .DB_imgSet .DB_1_2 { position: absolute; left: -412px; top: 108px } .banner .DB_imgSet .DB_1_3 { position: absolute; left: 700px; top: 108px } .banner .DB_imgSet .DB_1_4 { position: absolute; left: 264px; top: 56px } .banner .DB_imgSet .DB_2_1 { position: absolute; left: -410px; top: 0 } .banner .DB_imgSet .DB_2_2 { position: absolute; left: 0; top: 66px } .banner .DB_imgSet .DB_2_3 { position: absolute; left: -10px; top: 310px } .banner .DB_imgSet .DB_3_1 { position: absolute; left: -410px; top: 0 } .banner .DB_imgSet .DB_3_2 { position: absolute; left: 550px; top: 188px } .banner .DB_imgSet .DB_3_3 { position: absolute; left: 550px; top: 280px } .banner .DB_imgSet .DB_4_1 { position: absolute; left: -410px; top: 0 } .banner .DB_imgSet .DB_4_2 { position: absolute; left: 0; top: 111px } .banner .DB_imgSet .DB_4_3 { position: absolute; left: 0; top: 341px } .banner .DB_imgSet .DB_4_4 { position: absolute; left: 633px; top: 74px } .banner .DB_imgSet .DB_5_1 { position: absolute; left: -410px; top: 0 } .banner .DB_imgSet .DB_5_2 { position: absolute; left: -410px; top: 0; z-index: 2 } .banner .DB_imgSet .DB_5_3 { position: absolute; left: -410px; top: 0; z-index: 1 } .banner .DB_imgSet .DB_5_4 { position: absolute; left: -410px; top: 0; z-index: 4 } .banner .DB_imgSet .DB_5_5 { position: absolute; left: -410px; top: 0; z-index: 5 } .banner .DB_menuWrap .DB_menuSet { position: absolute; left: 50%; bottom: 0; margin-left: -137.5px; width: 275px; height: 40px; font-size: 0 } .banner .DB_menuWrap .DB_menuSet li { cursor: pointer; float: left; background: url(../images/banner_indac.png) repeat; width: 40px; height: 4px; margin-right: 15px } .banner .DB_menuWrap .DB_menuSet li.select { background: url(../images/banner_indho.png) repeat } .banner .DB_prev { position: absolute; left: -100px; top: 120px; cursor: pointer; display: none } .banner .DB_next { position: absolute; right: -100px; top: 120px; cursor: pointer; display: none } #warp { width: 100%; height: auto; overflow: hidden } .floor1 { width: 100%; height: 702px; background-color: #e4e4e4 } .floor-content { padding-top: 50px; height: 330px } .floor-content1 { display: none; width: 1120px; height: 330px; margin: 0 auto } .floor-content3 li { float: left; position: relative; background-color: #FFF; width: 255px; height: 330px; margin: 0 13px 0 12px; overflow: hidden; bottom: 0 !important; display: inline } .business_ho { position: absolute; top: 0; left: 0; background: url(../images/business_ho.jpg) no-repeat; width: 255px; height: 330px; display: none } .business_icon { position: absolute; top: 48px; z-index: 10; width: 122px; height: 122px } .business_icon1 { right: 66px } .business_icon2 { left: -122px } .business_text { position: absolute; top: 206px; z-index: 10; width: 220px } .business_text1 { left: 18px } .business_text2 { right: -220px } .business_title { text-align: center } .business_title a { color: #1d1d1d; font-size: 18px; font-weight: bold } .business_intro { line-height: 22px; height: 66px; overflow: hidden; padding-top: 10px; text-align: center } .floor-content3 { width: 1120px; margin: 0 auto } .floor-content3 ul { width: 1120px } .box-b { bottom: -630px } .floor_on .business_title a { color: #FFF } .floor_on .business_intro { color: #ff6e79 } .floor2 { width: 100%; height: auto; overflow: hidden; background-color: #fff; } .floor2 .top_en, .floor3 .top_en { color: #5c5c5c } .floor3 .top_cn span { color: #FFF } .floor3 { width: 100%; height: 614px; background-color: #222 } .priorities { padding-top: 60px; width: 100%; background-size: cover } .priorities h2 { font-size: 24px; color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 35px; font-weight: normal } .num_wrap { text-align: center } .num_box { display: inline-block; margin: 0 18px } .num { font-family: Impact; color: #FFF; font-size: 100px; width: 190px; height: 190px; line-height: 190px; text-align: center; margin-bottom: 10px; position: relative; z-index: 2 } .num_li { position: relative } .num_bg { position: absolute; z-index: 1; width: 190px; height: 190px; border-radius: 8px; left: 0; top: 0; background: #c70c1f } .num_li h3 { font-size: 16px; color: #fff; font-weight: normal } .num_line { display: block; position: absolute; top: 93px; left: 0; z-index: 10000; width: 100%; height: 4px; background-color: #c70c1f } .floor4 { height: 634px; padding-bottom: 110px } .client_table { width: 1100px; margin: 0 auto } .client h1{display:inline-block;color:#333;font-size:14px;font-weight:normal;} .client h1 strong{font-weight:normal;} .client { padding: 32px 0 4px; color: #333; font-size: 14px } .client_more { display: block; background: url(../images/client_more.jpg) no-repeat; width: 217px; height: 128px } a:hover .client_more { background: url(../images/client_moreho.jpg) no-repeat } .floor6 { width: 100%; height: 704px; background-color: #e4e4e4 } .blog { width: 1100px; margin: 0 auto } .blog_l { width: 340px; height: 314px; background-color: #FFF } .blog_r { width: 724px; height: 314px } .blog_sel { height: 40px; line-height: 40px; padding-bottom: 28px; text-align: center } .blog_sel a { color: #333; font-size: 16px; width: auto; padding: 0 33px } .blog_sel a.blog_on { color: #d3001e; background: url(../images/blog_cur.jpg) no-repeat bottom; padding-bottom: 16px } .blog_img { position: relative; width: 340px; height: 104px } .blog_img img { display: block; width: 340px; height: 104px } .blog_infor { padding: 16px 12px 0 12px } .blog_title a, .blog_Rmore b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .blog_title a { color: #d3001e; font-size: 16px; font-weight: bold; display: block } .blog_intro { color: #818181; line-height: 26px; height: 104px; overflow: hidden; padding-top: 6px; margin-bottom: 6px } .blog_wel span { font-family: Arial; color: #666; padding-left: 20px; margin-right: 40px } .blog_wel1 { background: url(../images/blog_icon1.png) no-repeat left } .blog_wel2 { background: url(../images/blog_icon2.png) no-repeat left } .blog_list ul { width: 756px } .blog_list li { float: left; margin: 0 34px 22px 0; display: inline; background-color: #FFF; position: relative; width: 344px; height: 90px } .blog_list li a { display: block; width: 298px; height: 58px; padding: 14px 24px 14px 18px; border: 2px solid #FFF } .blog_list li a span { display: block; cursor: pointer } .blog_Rtime { width: 58px; height: 48px; padding-top: 10px; background-color: #969393; text-align: center } .blog_Rtime em, .blog_Rtime b { display: block; font-family: Arial; color: #FFF } .blog_Rtime b { font-size: 24px } .blog_Rtime em { font-style: normal } .blog_Rmore { width: 230px } .blog_Rmore b { color: #333; display: block; width: 230px; height: 24px } .blog_Rmore span { line-height: 18px; height: 36px; overflow: hidden } .blog_list li a .blog_more { display: block; position: absolute; bottom: 0; right: 0; background: url(../images/blog_mbd.jpg) no-repeat; width: 12px; height: 12px; display: none } .blog_list li a:hover { border: 2px solid #d3001e } .blog_list li a:hover .blog_more { display: block } .blog_list li a:hover .blog_Rtime { background-color: #c70c1f } .blog_list li a:hover .blog_Rmore b { color: #c70c1f } .blog_infTop { height: auto; overflow: hidden; padding-bottom: 4px } .blog_time { width: 72px; height: 68px; background-color: #c70c1f; z-index: 10 } .blog_time span { display: block; font-family: Arial; color: #FFF; width: 72px; height: 34px; line-height: 34px; text-align: center } .blog_y { font-size: 30px } .blog_day { background-color: #a80011 } .blog_infR { width: 230px } .blog_title { padding: 6px 0 8px } .blog_infR .blog_title a { display: block; height: 24px } .floor7 { position: relative; width: 100%; height: 568px } .floor7 .top_cn span { color: #FFF; font-size: 36px } .contact_ask { padding: 35px 0 60px; color: #6f6f6f; font-size: 14px } .floor_img { position: absolute; top: 0; left: 50%; margin-left: -960px; z-index: -1; width: 1920px; height: 568px } .floor_7Limg, .floor_7Rimg { width: 960px; height: 568px } .float { position: fixed; top: 200px; left: 10px; z-index: 6666; background: url(../images/float_bd.png) no-repeat left top; padding-left: 4px; width: auto; height: 318px; padding-top: 16px } .float_list li { width: auto; height: 30px; line-height: 30px; background: url(../images/float_iconac.png) no-repeat left; margin-bottom: 9px } .float_list li a { display: block; color: #FFF; font-size: 14px; width: 30px; height: 30px; background-color: #000; opacity: .7; margin-left: 15px; border-radius: 15px; text-align: center } .float_list li.floag_on { background: url(../images/float_icon.png) no-repeat left } /*.index-banner{height:810px;background:#fff;position:relative;overflow:hidden;margin:70px 0 0}.index-banner .swiper-container{height:100%}.index-banner .swiper-slide{position:relative;visibility:hidden}.index-banner .swiper-slide.swiper-slide-active{visibility:visible;z-index:5}.index-banner .iBnr-bg1,.index-banner .iBnr-bg2,.index-banner .iBnr-con{width:100%;height:100%;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;position:absolute;top:0;left:0}.index-banner .iBnr-bg2{z-index:2}.index-banner .iBnr-con{z-index:3}.index-banner .swiper-pagination{width:100%;text-align:center;font-size:0;position:absolute;left:0;bottom:36px;z-index:2}.index-banner .swiper-pagination .swiper-pagination-switch{display:inline-block;width:38px;height:2px;border:1px solid #fff;opacity:.6;filter:alpha(opacity=60);margin:0 8px 0 7px;cursor:pointer;position:relative;overflow:hidden}.index-banner .swiper-pagination .swiper-pagination-switch i{display:block;width:100%;height:100%;background:#fff;position:absolute;left:0;top:0}.iBnr-2 .iBnr-bg2{transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out}.iBnr-2 .iBnr-con.con1,.iBnr-2 .iBnr-con.con2{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out}.iBnr-3 .iBnr-bg2,.iBnr-4 .iBnr-bg2,.iBnr-4 .iBnr-con.con1,.iBnr-4 .iBnr-con.con2{transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out}.iBnr-3 .iBnr-con.con3,.iBnr-3 .iBnr-con.con1,.iBnr-3 .iBnr-con.con2{transition:all 1.2s ease-in-out;-webkit-transition:all 1.2s ease-in-out}.iBnr-2 .iBnr-con.con1,.iBnr-3 .iBnr-bg2,.iBnr-4 .iBnr-bg2{transition-delay:.4s;-webkit-transition-delay:.4s}.iBnr-2 .iBnr-con.con2,.iBnr-3 .iBnr-con.con3,.iBnr-3 .iBnr-con.con1,.iBnr-3 .iBnr-con.con2{transition-delay:.6s;-webkit-transition-delay:.6s}.iBnr-4 .iBnr-con.con1{transition-delay:.8s;-webkit-transition-delay:.8s}.iBnr-4 .iBnr-con.con2{transition-delay:1s;-webkit-transition-delay:1s}.iBnr-2 .iBnr-bg2,.iBnr-2 .iBnr-con.con1,.iBnr-3 .iBnr-bg2,.iBnr-3 .iBnr-con.con3,.iBnr-3 .iBnr-con.con1,.iBnr-3 .iBnr-con.con2,.iBnr-4 .iBnr-bg2,.iBnr-4 .iBnr-con.con1,.iBnr-4 .iBnr-con.con2{opacity:0} .iBnr-2 .iBnr-con.con1{top:-50px}.iBnr-3 .iBnr-con.con3{top:-480px}.iBnr-2 .iBnr-con.con2{top:300px}.iBnr-3 .iBnr-bg2{top:680px}.iBnr-4 .iBnr-bg2{left:-50px}.iBnr-4 .iBnr-con.con1{transform:translateX(-100px);-webkit-transform:translateX(-100px)}.iBnr-3 .iBnr-con.con1{transform:translateX(-800px);-webkit-transform:translateX(-800px)}.iBnr-3 .iBnr-con.con2{transform:translateX(800px);-webkit-transform:translateX(800px)}.iBnr-4 .iBnr-con.con2{transform:translate(50px,-30px);-webkit-transform:translate(50px,-30px)}.swiper-slide.swiper-slide-active.iBnr-2 .iBnr-bg2{opacity:1}.swiper-slide.swiper-slide-active.iBnr-2 .iBnr-con.con1,.swiper-slide.swiper-slide-active.iBnr-2 .iBnr-con.con2,.swiper-slide.swiper-slide-active.iBnr-3 .iBnr-bg2,.swiper-slide.swiper-slide-active.iBnr-3 .iBnr-con.con3{opacity:1;top:0}.swiper-slide.swiper-slide-active.iBnr-3 .iBnr-con.con1,.swiper-slide.swiper-slide-active.iBnr-3 .iBnr-con.con2,.swiper-slide.swiper-slide-active.iBnr-4 .iBnr-con.con2,.swiper-slide.swiper-slide-active.iBnr-4 .iBnr-con.con1{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}.swiper-slide.swiper-slide-active.iBnr-4 .iBnr-bg2{opacity:1;left:0}.iBnr-loading{width:100%;height:100%;background:#fff url(../images/loading.gif) no-repeat center center;position:absolute;top:0;left:0;z-index:10}.iBnr-video{width:100%;height:100%}*/ #floor1 .floor-content { padding: 0px; } #floor1 .client a { color: #333; } #floor3 .priorities { padding: 10px 0 0; } #floor3 .client { color: #fff; } /*Banner*/ .index-banner { position: relative; overflow: hidden; margin: 70px 0 0; } .index-banner, .index-banner .iBnr-wrap { height: 680px; } .index-banner .iBnr-wrap { position: relative; overflow: hidden; } .iBnr-wrap .iBnr-bg, .iBnr-wrap .iBnr-con { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .iBnr-wrap .iBnr-bg, .iBnr-wrap .iBnr-con { background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; } .iBnr-wrap .iBnr-con { z-index: 2; } .index-banner .swiper-pagination { width: 100%; text-align: center; font-size: 0px; position: absolute; bottom: 30px; left: 0px; } .index-banner .swiper-pagination .swiper-pagination-bullet { width: 50px; height: 2px; border-radius: 0px; background: #3a333f; opacity: 1; position: relative; overflow: hidden; margin: 0 5px; } .index-banner .swiper-pagination .swiper-pagination-bullet i { display: block; width: 100%; height: 100%; background: #918c94; position: absolute; left: -100%; top: 0px; } .index-banner .swiper-pagination .swiper-pagination-bullet-active {} /*animate*/ .iBnr-2 .iBnr-bg { transition: all .6s linear; -webkit-transition: all .6s linear; transform: scale(1.1); -webkit-transform: scale(1.1); } .iBnr-1 .iBnr-con, .iBnr-2 .iBnr-con, .iBnr-4 .iBnr-con { transition: all .6s ease-in-out .2s; -webkit-transition: all .6s ease-in-out .2s; opacity: 0; } .iBnr-1 .c1, .iBnr-1 .c3, .iBnr-2 .c1, .iBnr-4 .c2 { transition-delay: .3s; -webkit-transition-delay: .3s; } .iBnr-2 .c2 { transition-delay: .4s; -webkit-transition-delay: .4s; } .iBnr-2 .c3 { transition-delay: .5s; -webkit-transition-delay: .5s; } .iBnr-2 .c4, .iBnr-2 .c5, .iBnr-2 .c6 { transition-delay: .5s; -webkit-transition-delay: .5s; } .iBnr-1 .c1, .iBnr-1 .c2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); } .iBnr-1 .c3, .iBnr-2 .iBnr-con { transform: translateY(50px); -webkit-transform: translateY(50px); } /*.iBnr-3 .c1{transform:scale(.8);-webkit-transform:scale(.8);opacity:.7;}*/ .iBnr-4 .c1, .iBnr-4 .c2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); } .swiper-slide.swiper-slide-active .iBnr-1 .iBnr-con, .swiper-slide.swiper-slide-active .iBnr-2 .iBnr-bg, .swiper-slide.swiper-slide-active .iBnr-2 .iBnr-con, .swiper-slide.swiper-slide-active .iBnr-3 .iBnr-con, .swiper-slide.swiper-slide-active .iBnr-4 .iBnr-con { transform: scale(1) translate(0px, 0px) !important; -webkit-transform: scale(1) translate(0px, 0px) !important; opacity: 1; } /* ==========winter=========== */ .winterBan{width: 100%;position: relative;margin: 70px 0 -8px;} .winterBan img{width: 100%;object-fit: cover;min-height: 600px;} .wtyh{position: absolute;z-index: 4;background-repeat: no-repeat;width: 100px;height: 100px;background-position: center;opacity: 0;transform: scale(0);} .yh1{top: -4%;left: 3%;background-image: url('../../images/yanhua/yhic1.png');animation: yanHua 3s ease infinite;} .yh2{bottom: 7%;left: 2%;background-image: url('../../images/yanhua/yhic2.png');animation: yanHua 4s ease infinite;} .yh3{top: 24%;left: 10%;background-image: url('../../images/yanhua/yhic3.png');animation: yanHua 6s ease infinite;} .yh4{top: 14%;left: 22%;background-image: url('../../images/yanhua/yhic1.png');animation: yanHua 5s ease infinite;} .yh5{top: 46%;left: 28%;background-image: url('../../images/yanhua/yhic2.png');animation: yanHua 4s ease infinite;} .yh6{top: 6%;left: 42%;background-image: url('../../images/yanhua/yhic3.png');animation: yanHua 3s ease infinite;} .yh7{bottom: 2%;left: 46%;background-image: url('../../images/yanhua/yhic1.png');animation: yanHua 5s ease infinite;} .yh8{top: 36%;left: 44%;background-image: url('../../images/yanhua/yhic2.png');animation: yanHua 6s ease infinite;} .yh9{bottom: 10%;right: 3%;background-image: url('../../images/yanhua/yhic3.png');animation: yanHua 3s ease infinite;} .yh10{top: 1%;right: -2%;background-image: url('../../images/yanhua/yhic1.png');animation: yanHua 5s ease infinite;} .yh11{top: 10%;right: 10%;background-image: url('../../images/yanhua/yhic2.png');animation: yanHua 6s ease infinite;} .yh12{top: 44%;right: 10%;background-image: url('../../images/yanhua/yhic3.png');animation: yanHua 3s ease infinite;} .yh13{bottom: 17%;right: 22%;background-image: url('../../images/yanhua/yhic1.png');animation: yanHua 4s ease infinite;} .yh14{top: 11%;right: 22%;background-image: url('../../images/yanhua/yhic3.png');animation: yanHua 6s ease infinite;} .yh15{top: 48%;right: 40%;background-image: url('../../images/yanhua/yhic2.png');animation: yanHua 5s ease infinite;} .yh16{bottom: 0%;right: 16%;background-image: url('../../images/yanhua/yhic2.png');animation: yanHua 4s ease infinite;} @keyframes yanHua {0% {opacity: 0;transform: scale(0);}100% {opacity: 1;transform: scale(1);}} #winter{width: 100%;position: relative;overflow: hidden;} #winter img{width: 100%;object-fit: cover;height: 680px;} #winter canvas{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;} 永久免费毛片久久99|狠狠色狠狠色综合久久伊人拫|国自产精品手机在线观看|性欧美肥妞BBXX|国产高清在线精品一区小说