/*婵炲瓨绫傞崘鈺傚剬闁荤喐鐟辩徊浠嬪窗閸涙潙妫橀悷娆忓閺€锟?/ .layout { /* position: relative; */ overflow: hidden; margin: 0 auto; } .wrap { margin: 0 auto; max-width: 1760px; margin: 0 auto; box-sizing: border-box; padding: 0 50px; } .header { position: absolute; z-index: 333; left: 0; right: 0; margin: 0 auto; top: 20px; } .header.on { /* position: fixed; */ } .selected{ overflow: hidden; } .header .wrap{ overflow: hidden; } .header.on .logo { display: none; } .header.on .logo1 { display: block; } .header .logo { float: left; } .header .logo1 { float: left; display: none; } .header .logo1 a, .header .logo a, .header .logo1 img, .header .logo img { display: block; width: 100%; height: 100%; } .header .rt { margin-top: 16px; float: right; background: #fff; padding: 0 35px; height: 48px; text-align: center; border-radius: 24px; -webkit-box-sizing: border-box; width: 168px; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .header .rt h6 { font-size: 14px; line-height: 48px; color: #333333; text-transform: uppercase; padding-right: 8px; -webkit-box-sizing: border-box; float: left; -moz-box-sizing: border-box; display: none; -o-box-sizing: border-box; transition: all 0.3s; box-sizing: border-box; } .header.on .rt h5 { display: none; } .header.on .rt h6 { display: block; } .header .rt h5 { font-size: 16px; line-height: 48px; color: #333333; text-transform: uppercase; padding-right: 8px; -webkit-box-sizing: border-box; float: left; -moz-box-sizing: border-box; transition: all 0.3s; -o-box-sizing: border-box; box-sizing: border-box; } .header .rt .oo { display: none; } .header .rt .gh { float: right; margin-top: 18px; } .fbanner { position: relative; height: 945px; overflow: hidden; z-index: 111; } /* .fbanner li { height: 945px; } */ .fbanner li .wrap { height: 100%; position: relative; } .fbanner li .text { position: absolute; z-index: 11; top: 32%; left: 0; } .fbanner li .text h4 { font-size: 34px; line-height: 44px; color: #fff; } .fbanner li .text h5.s1{ font-size: 72px; line-height: 84px; color: #fff; margin-top: 4px; font-weight: bold;margin-bottom: 10px; } .fbanner li .text h5 { font-size: 48px; line-height: 84px; color: #fff; margin-top: 4px; font-weight: bold; } .fbanner li:nth-child(1) .text h5{ font-size: 54px; line-height: 1.4; } .fbanner li .text h5 span { display: inline-block;color: #00e9d6; font-size: 62px; margin-left:5px; margin-right:5px; } .fbanner .swiper_span { position: absolute; z-index: 66; left: auto; z-index: 111; right: 80px; top: 50%; transform: translateY(-50%); width: auto; bottom: auto; } .fbanner .swiper_span span { margin: 15px 0 !important; height: 34px; width: 34px; display: block; position: relative; background: none !important; } .fbanner .swiper_span span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; right: 0; top: 50%; z-index: 1; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transform: translateY(-50%); margin: 0 auto; } @keyframes rotate { from { stroke-dashoffset: 98px; } to { stroke-dashoffset: 0px; } } .fbanner .swiper_span .swiper-pagination-bullet-active.swiper-pagination-bullet .svh { transform: rotate(-90deg); } .fbanner .swiper_span .swiper-pagination-bullet-active.swiper-pagination-bullet .progress { animation: rotate 5s linear infinite; } .fbanner .swiper_span .swiper-pagination-bullet-active:before { position: absolute; z-index: 66; content: ""; height: 5px; width: 5px; background: #fff; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; } .fbanner .prev_next { position: absolute; top: 65%; left: 0; z-index: 77; } .fbanner li .text ul { margin-top: 72px; overflow: hidden; } .fbanner li .text li { float: left; font-size: 32px; line-height: 40px; color: rgba(255, 255, 255, 0.17); padding: 0 16px; vertical-align: bottom; height: 40px; position: relative; bottom: -10px; font-family: arial; font-weight: lighter; } .fbanner li .text li:first-child { font-size: 50px; color: rgba(255, 255, 255, 1); position: relative; padding-right: 95px; line-height: 50px; height: 50px; bottom: auto; } .fbanner li .text li:first-child:before { position: absolute; z-index: 11; content: ""; left: 48%; width: 95px; height: 1px; background: rgba(255, 255, 255, 0.17); bottom: 3px; } .fbanner .btns { position: absolute; z-index: 66; left: 0; bottom: 48px; right: 0; } .fbanner .btns.wrap { height: 50px; } .fbanner .btns .btn { width: 24px; height: 50px; cursor: pointer; } .fbanner .btns .btn span { display: block; height: auto; width: auto; } .fbanner .btns .btn img { display: block; width: 100%; height: 100%; } .fawhole { background: #e5ecf7; padding-top: 130px; } .fawhole .habou .wrap { position: relative; } .padd { padding: 0 140px; } .fawhole .habou .lts { float: left; position: relative; z-index: 11; width: 35%; } .ftlt h3 { font-size: 68px; line-height: 80px; color: #dce5f3; text-transform: uppercase; font-weight: bold; position: relative; } .fnewsdata .padd::after, .fnews .padd:after{ position: absolute; z-index: 11; content: ""; left: 0; top:-20px; transform: translate(-50%,50%); background: url(../images/ficon11.png) no-repeat center/cover; height: 43px; width: 43px; border-radius: 50%; } .ftlt h3:before { position: absolute; z-index: 11; content: ""; left: -95px; top: 50%; transform: translate(-50%,-50%); background: url(../images/ficon11.png) no-repeat center/cover; height: 43px; width: 43px; border-radius: 50%; } .ftlt h2 { font-size: 52px; line-height: 80px; color: #d70c1f; font-weight: bold; } .ftlt p { margin-top: 25px; font-size: 18px; line-height: 2; color: #333333; margin-bottom: 30px; } .fawhole .habou .lts .list { margin-top: 120px; } .fawhole .habou .lts .list li { margin-bottom: 44px; } .fawhole .habou .lts .list li h2 { font-size: 68px; line-height: 78px; color: #333333; font-family: 'Bahnschrift'; } .fawhole .habou .lts .list li h2 i { display: inline-block; } .fawhole .habou .lts .list li h2 em { display: inline-block; } .fawhole .habou .lts .list li h6 { font-size: 18px; line-height: 40px; color: #666666; } .fawhole .habou .rts { float: right; position: relative; margin-right: 3%; } a.mo:hover, .usbtns1, a.mo.on, .more { /* background: url(../images/ficon3.png) no-repeat center/cover #000; */ background: #d70c1f; width: 196px; text-align: center; display: block; color: #fff; clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); } .usbtns1 { position: relative; } .usbtns1 i { position: absolute; right: -5px; bottom: -20px; width: 40px; height: 40px; background: rgba(255, 255, 255, 1); z-index: 11; display: block; border-radius: 50%; transform: scale(1); opacity: .1; } .usbtns1 i:nth-child(2) { transform: scale(2); } .usbtns1 i:nth-child(3) { transform: scale(3); } .usbtns1:hover i { background: rgba(255, 255, 255, 1); -webkit-animation: sxxs1 1s 0s linear infinite; -moz-animation: sxxs1 1s 0s linear infinite; } .usbtns1:hover i:nth-child(2) { -webkit-animation: sxxs1 1s 0.2s linear infinite; -moz-animation: sxxs1 1s 0.2s linear infinite; } .usbtns1:hover i:nth-child(3) { -webkit-animation: sxxs1 1s .4s linear infinite; -moz-animation: sxxs1 1s .4s linear infinite; } .usbtns1:hover i:nth-child(4) { -webkit-animation: sxxs1 1s .6s linear infinite; -moz-animation: sxxs1 1s .6s linear infinite; } .usbtns1:hover i:nth-child(5) { -webkit-animation: sxxs1 1s .8s linear infinite; -moz-animation: sxxs1 1s .8s linear infinite; } .usbtns1:hover i:nth-child(6) { -webkit-animation: sxxs1 1s 1s linear infinite; -moz-animation: sxxs1 1s 1s linear infinite; } @-webkit-keyframes sxxs1 { 0% { -webkit-transform: scale(0); opacity: .3; } 100% { -webkit-transform: scale(10); opacity: 0; } } @-moz-keyframes sxxs1 { 0% { -moz-transform: scale(0); opacity: .3; } 100% { -moz-transform: scale(10); opacity: 0; } } @-webkit-keyframes sxxs2 { 0% { -webkit-transform: scale(2) } 100% { -webkit-transform: scale(5) } } @-moz-keyframes sxxs2 { 0% { -moz-transform: scale(2) } 100% { -moz-transform: scale(5) } } @-webkit-keyframes sxxs3 { 0% { -webkit-transform: scale(3) } 100% { -webkit-transform: scale(6) } } @-moz-keyframes sxxs3 { 0% { -moz-transform: scale(3) } 100% { -moz-transform: scale(6) } } a.mo.on span, .more span { display: inline-block; padding-right: 66px; transition: all 0.3s; font-size: 16px; line-height: 62px; color: #fff; background: url(../images/ficon2.png) no-repeat right center; } .more:hover span { padding-right: 60px; } .fawhole .habou .rts .more { position: absolute; left: 20px; bottom: 74px; z-index: 66; } .fawhole .habou .rts{ width: 50%; } .fawhole .habou .rts .imgs { position: relative; border: 1px solid #d7e0ef; border-radius: 50%; } .fawhole .habou .rts .imgs img { display: block; width: 100%; height: 100%; } .fawhole .habou .rts .imgs:before { position: absolute; z-index: 11; content: ""; left: -220px; right: -220px; top: -220px; bottom: -220px; border: 1px solid #d7e0ef; border-radius: 50%; } .fawhole .habou .rts .imgs:after { position: absolute; z-index: 11; content: ""; left: -468px; right: -468px; top: -468px; bottom: -468px; border: 1px solid #d7e0ef; border-radius: 50%; } .fawhole .fsmart .fimgs { margin-top: 10px; position: relative; z-index: 66; margin-right: 0; height: 545px; margin-left: 80px; } .fawhole .fsmart .wrap { position: relative; } .fawhole .fsmart .wrap:before { position: absolute; z-index: 11; content: ""; left: 15px; top: 37px; bottom: -210px; width: 1px; background: #7a90b2; } .fawhole .fsmart .fimgs .lts { float: left; background: url(../images/ficon12.png) no-repeat center/cover; width: 390px;position: relative;z-index: 111; height: 295px; padding: 10px 40px 40px 70px; -webkit-box-sizing: border-box; position: relative; -moz-box-sizing: border-box; margin-top: 100px; -o-box-sizing: border-box; margin-left: -80px; box-sizing: border-box; } .fsmart .fimgs .lts .list li { padding-left: 42px; position: relative; cursor: pointer; } .fsmart .fimgs .lts .list li:before { position: absolute; z-index: 11; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/ficon5.png) no-repeat center/cover; width: 20px; height: 20px; content: ""; } .fsmart .fimgs .lts .list li:first-child { margin-left: 48px; } .fsmart .fimgs .lts .list li.on h3 { color: #d70c1f; font-weight: bold; } .fsmart .fimgs .lts .list li:nth-child(2) { margin-left: 24px; } .fsmart .fimgs .lts .list li:nth-child(4){ margin-left: -24px; } .fsmart .fimgs .lts .list li h3 { font-size: 18px; line-height: 70px; color: #333333; } .fsmart .fimgs .lts .list ul { position: relative; } .fsmart .fimgs .lts .list ul:before { position: absolute; z-index: 11; content: ""; top: 31px; bottom: 32px; width: 1px; background: #f1f3f7; transform: rotate(18deg); left: 22px; } .fawhole .fsmart .fimgs .lts .more { margin: 20px 0 0 -20px; } .uswebno{ display: none; } .werment .uls1 li img{ width: 100%;display: block; } .fsmart .fimgs .rts { height: 520px; position: absolute; z-index: 3; -webkit-box-sizing: border-box; right: 0;width: 95%; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* .fsmart .fimgs .rts ul { text-align: center; display: none; overflow: hidden;width: 80%; float: right;margin-right: 5%; } .fsmart .fimgs .rts ul:first-child { display: block; } */ /* .fsmart .fimgs .rts li { text-align: center; float: left; margin-right: 60px; } .fsmart .fimgs .rts li:last-child { margin-right: 0; } */ .werment .uls1 li.lpquan img{ width: 100%; } .fsmart .fimgs .rts li h3 { font-size: 20px; line-height: 1.5; margin-bottom: 12px; color: #fff; } .fsmart .fimgs .rts li .icon { width: 147px; height: 147px; border-radius: 50%; overflow: hidden; position: relative; margin: 0 auto; } .fsmart .fimgs .rts li .icon i { position: absolute; left: 0; right: 0; top: 50%; z-index: 1; width: 70px; height: 70px; margin: 0 auto; margin-top: -35px; background: rgba(255, 255, 255, .5); border-radius: 50%; } @-webkit-keyframes das { 0% { opacity: 1; -webkit-transform: scale(1) } 100% { opacity: 0; -webkit-transform: scale(2) } } @-moz-keyframes das { 0% { opacity: 1; -moz-transform: scale(1) } 100% { opacity: 0; -moz-transform: scale(2) } } .fsmart .fimgs .rts li .icon i:nth-child(1) { -webkit-animation: das 1.5s 0s linear infinite; -moz-animation: das 1.5s 0s linear infinite; } .fsmart .fimgs .rts li .icon i:nth-child(2) { -webkit-animation: das 1.5s .5s linear infinite; -moz-animation: das 1.5s .5s linear infinite; } .fsmart .fimgs .rts li .icon i:nth-child(3) { -webkit-animation: das 1.5s 1s linear infinite; -moz-animation: das 1.5s 1s linear infinite; } .fsmart .fimgs .rts li .icon i:nth-child(4) { -webkit-animation: das 1.5s 1.5s linear infinite; -moz-animation: das 1.5s 1.5s linear infinite; } .fsmart .fimgs .rts li .icon .ico { height: 96px; width: 96px; border-radius: 50%; overflow: hidden; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; z-index: 11; } .fsmart .fimgs .rts li .icon img { display: block; max-height: 70%; max-width: 70%; position: absolute; z-index: 66; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } .fawhole .global .wrap { position: relative; } .fawhole .global .wrap:before { position: absolute; z-index: 11; content: ""; left: 15px; top: 37px; bottom: -510px; width: 1px; background: #7a90b2; } .fawhole .fculture .wrap { position: relative; } .fawhole .fculture .wrap:before { position: absolute; z-index: 11; content: ""; left: 15px; top: -300px; bottom: -70px; width: 1px; background: #7a90b2; } .fawhole .global .lts { position: relative; z-index: 33;width: 40%; } .fawhole .global .lts .bal { margin-top: 110px; } .fawhole .global .lts .bal li { margin-bottom: 18px; } a.mo { text-align: center; display: block; line-height: 62px; font-size: 16px; color: #333; background: url(../images/ficon14.png) no-repeat center/cover; width: 196px; } a.mo span { display: inline-block; padding-right: 66px; background: url(../images/ficon9.png) no-repeat right center; } a.mo:hover span { background: url(../images/ficon2.png) no-repeat right center; } .fawhole .global .padd { position: relative; height: 100%; } .fawhole .global .rtswiper { position: absolute; z-index: 1; right: 0; top: 0; width: 68%; padding-bottom: 100px; } .fawhole .global .rtswiper .list li { display: none; } .fawhole .global .rtswiper .list li:first-child{ width: 80%;margin: 0 auto; } .fawhole .global .rtswiper .list li img { display: block; width: 100%; } .fawhole .global .rtswiper .list li:nth-child(2) img{ width: 100%;height: auto; } .fawhole .global .rtswiper .list li:first-child { display: block; } .fawhole .global .rtswiper .tetlst { position: absolute; z-index: 11; left: 0; right: 0; margin: 0 auto; bottom: 30px; text-align: center; } .fawhole .global .rtswiper .tetlst ul { text-align: center; border-bottom: 1px solid #d8dfe9; width: 218px; margin: 0 auto; position: relative; } .fawhole .global .rtswiper .tetlst ul:after, .fawhole .global .rtswiper .tetlst ul:before { position: absolute; z-index: 11; content: ""; bottom: -1px; left: -1px; height: 6px; width: 1px; background: #333333; } .fawhole .global .rtswiper .tetlst ul:after { left: auto; right: 0px; } .fawhole .global .rtswiper .tetlst li { display: inline-block; padding: 0 25px; cursor: pointer; position: relative; } .fawhole .global .rtswiper .tetlst li h4 { font-size: 14px; line-height: 60px; color: #333; text-align: center; position: relative; } .fawhole .global .rtswiper .tetlst li.on h4 { color: #d70c1f; } .fawhole .global .rtswiper .tetlst li.on h4:after, .fawhole .global .rtswiper .tetlst li.on h4:before { position: absolute; z-index: 55; content: ""; bottom: -1px; height: 6px; width: 1px; background: #d70c1f; left: -26.6px; } .fawhole .global .rtswiper .tetlst li.on h4:after { left: auto; right: -26.5px; } .fawhole .global .rtswiper .tetlst li.on:before { position: absolute; z-index: 11; content: ""; bottom: -1px; height: 1px; left: 0; right: 0; background: #d70c1f; margin: 0 auto; left: 0; right: 0; } .fawhole .global .rtswiper .tetlst li h4 span { display: block; position: relative; } .fawhole .global .rtswiper .tetlst li h4 span:before { position: absolute; z-index: 11; content: ""; height: 1px; left: 0; right: 0; margin: 0 auto; width: 1px; background: #333; bottom: -1px; } .fawhole .global .rtswiper .tetlst li.on h4 span:before { height: 6px; background: #d70c1f; } .fawhole .fculture .padd { position: relative; padding-bottom: 0; } .fawhole .fculture .lts { padding-top: 150px; position: absolute; z-index: 33;width: 20%; left: 0; } .fawhole .fculture .lts h3 { font-size: 32px; line-height: 44px; color: #333333; } .fawhole .fculture .lts p { font-size: 16px; line-height: 28px; color: #333333; margin-top: 20px; margin-bottom: 48px; } .fawhole .fculture .imgs { float: right; width: 85%; height: auto; position: relative; } .fawhole .fculture .imgs img { display: block; width: 100%; height: 100%; -webkit-clip-path: polygon(100% 0,88% 100%, 0% 100%, 12% 0); clip-path:polygon(100% 0,88% 100%, 0% 100%, 12% 0) ; } .fawhole{ position: relative;z-index: 11; } .fawhole .fculture .imgs .mo { position: absolute; bottom: 22px; right: 104px; } .fculture{ /* position: relative;z-index: 11; */ } .footer { background: #e5ecf7; padding: 135px 0 200px; position: relative; } .footer .wrap { position: relative; max-width: 1480px; } .footer .top_txt { left: 95px; top:40px ;z-index: 11; height: 43px;margin-left: -21px; width: 43px; position: absolute; z-index: 66; cursor: pointer; position: absolute; } .footer .top_txt i{ position: relative; z-index: 11;width: 100%; height: 100%;display: block; border-radius: 50%; background: url(../images/ficon10.png) no-repeat center #7a90b2; } .footer .top_txt::after, .footer .top_txt:before { position: absolute; left: -4px; right: -4px; top: -4px; bottom: -4px; border: 1px solid #c5d0e2; content: ""; border-radius: 50%; } .footer .top_txt:hover i{ background-color: #d70c1f; } .footer .top_txt:hover::after, .footer .top_txt:hover::before{ background: #d70c1f; transform:scale(0); } .footer .top_txt:hover::before{ -webkit-animation: usscale 1s 0s linear infinite; -moz-animation: usscale 1s 0s linear infinite; } .footer .top_txt:hover::after{ -webkit-animation: usscale 1s .5s linear infinite; -moz-animation: usscale 1s .5s linear infinite; } @-webkit-keyframes usscale { 0% { opacity: .5; -webkit-transform:scale(.8); } 100% { opacity: 0; -webkit-transform: scale(2); } } @-moz-keyframes usscale { 0% { opacity:.5; -moz-transform: scale(.8); } 100% { opacity: 1; -moz-transform: scale(2); } } .footer .lt { margin-top: 8px; float: left; width: 400px; } .footer .lt .logo { width: 185px; height: 74px; } .footer .lt .logo a, .footer .lt .logo img { display: block; width: 100%; height: 100%; } .footer .lt h6 { margin-top: 40px; font-size: 14px; line-height: 30px; color: #999999; } .footer .lt h2 { font-size: 50px; line-height: 1.2; color: #333; font-weight: bold; font-family: 'Bahnschrift'; } .footer .rt { float: right; width: calc(100% - 550px); } .footer .rt dl { float: left; margin-right: 80px; width: calc((100% - 322px)/5); } .footer .rt dl:last-child { margin-right: 0; } .footer .rt dt { font-size: 20px; line-height: 32px; color: #333333; margin-bottom: 20px; } .footer .rt dd a { font-size: 14px; line-height: 30px; color: #999999; display: block; transition: all 0.3s; } .footer .rt dd a:hover { color: #333; } .copyright { background: #e5ecf7; } .copyright p { float: left; font-size: 14px; line-height: 16px; color: #999999; padding-bottom:30px; padding-top: 13px; } .copyright p i:nth-child(1){ border: none;margin-left: 0; padding-left: 0; } .copyright p span{ display: none; } .copyright p a { color: #999999; } .copyright p i{ border-left:1px solid #999999; padding-left: 15px; margin-left: 15px;display: inline-block; } .copyright p span i:first-child{ border: none;padding: 0; margin: 0; } .copyright .wx { float: right; width: 30px; height: 60px; position: relative; } .copyright .wx a { display: block; width: 30px; height: 24px; position: absolute; z-index: 11; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; } .copyright .wx img { display: block; width: 100%; height: 100%; } .fnavig .ftenr .rts .wx .wxs, .copyright .wx .wxs { position: absolute; right: -50px; left: -50px; width: 100px; bottom: 100%; margin: 0 auto; height: 100px; max-width: initial; display: none; -webkit-animation: fadeInDown .5s 0s ease both; -moz-animation: fadeInDown .5s 0s ease both; opacity: 0; } .fnavig .ftenr .rts .wx { position: relative; } /* .fnavig .ftenr .rts .wx:hover .wxs, .copyright .wx:hover .wxs { display: block; } */ .fnavig { position: fixed; height: 100vh; background: url(../images/ff5.png) no-repeat bottom center #e5ecf7; top: 0; bottom: 0; left: 0; right: 0; z-index: 222; display: none; } .fnavig .ftenr { padding-left: 360px; padding-top: 210px; } .fnavig .ftenr .lts { float: left; width: calc(100% - 375px); } .fnavig .ftenr .lts .lt { float: left; width: 50%; padding-left: 90px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fnavig .ftenr .rts:before, .fnavig .ftenr .lts .rt:before, .fnavig .ftenr .lts .lt:before { position: absolute; z-index: 11; content: ""; left: 0; top: -1000px; bottom: -1000px; width: 1px; background: #bbcbe3; } .fnavig .ftenr .lts .rt { float: right; width: 50%; padding-left: 90px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fnavig .ftenr .lts .rt dd{ display: none; } .fnavig .ftenr .lts .lt li { margin-bottom: 25px; } .fnavig .ftenr .lts .lt li a { display: block; font-size: 30px; line-height: 64px; color: #76869f; transition: all 0.3s; } .fnavig .ftenr .lts .lt li dl{ display: none; } .fnavig .ftenr .lts .lt li.on a, .fnavig .ftenr .lts .lt li a:hover { font-size: 44px; color: #d70c1f; } .fnavig .ftenr .lts .lt li.os a{ color: #d70c1f; } .fnavig .ftenr .lts .rt li { margin-bottom: 12px; position: relative; transition: all 0.3s; } .fnavig .ftenr .lts .rt li a { display: block; font-size: 16px; line-height: 48px; color: #76869f; transition: all 0.3s; } .fnavig .ftenr .lts .rt li a:hover, .fnavig .ftenr .lts .rt li.on a { padding-left: 35px; color: #d70c1f; font-size: 22px; } .fnavig .ftenr .lts .rt li:hover:before, .fnavig .ftenr .lts .rt li.on:before { width: 22px; } .fnavig .ftenr .lts .rt li:before { position: absolute; z-index: 11; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 0; height: 1px; background: #d70c1f; transition: all 0.3s; } .fnavig .ftenr .rts { float: right; width: 375px; padding-left: 50px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fnavig .ftenr .rts h6 { font-size: 14px; line-height: 26px; color: #90a1bb; } .fnavig .ftenr .rts h2 { font-size: 40px; line-height: 70px; color: #333; } .fnavig .ftenr .rts p { padding-top: 110px; font-size: 14px; line-height: 2; color: #90a1bb; } .fnavig .ftenr .rts .wx { height: 24px; width: 30px; padding-top: 10px; } .fnavig .ftenr .rts .wx a, .fnavig .ftenr .rts .wx img { display: block; width: 100%; height: 100%; } .fnavig .wrap { height: 100%; position: relative; } .fnavig .fbootom { position: absolute; z-index: 66; bottom: 30px; left: 0; right: 0; margin: 0 auto; } .fnavig .fbootom h6 { float: left; } .fnavig .fbootom h5 { float: right; } .fnavig .fbootom a, .fnavig .fbootom h6, .fnavig .fbootom h5 { font-size: 14px; line-height: 40px; color: #90a1bb; } /*闂佸憡鐟﹂崹鐢告儓瀹ュ鍌ㄩ柛鈩冪憿閺岋拷*/ .fban { height: 660px; } .fban .wrap { height: 100%; position: relative; } .fban h2 { position: absolute; z-index: 66; bottom: 35px; right: 0; background: url(../images/ficon15.png) no-repeat center/cover; width: 308px; height: 208px; } .fban h2 span { font-size: 42px; line-height: 62px; position: absolute; z-index: 66; color: #fff; left: 0; right: 0; margin: 0 auto; text-align: center; top: 50%; transform: translateY(-50%); } .nlst { padding: 30px 0 0; } .nlst ul { overflow: hidden; } .nlst li { float: left; font-size: 14px; line-height: 30px; color: #666666; } .nlst li a { font-size: 14px; line-height: 30px; color: #333; transition: all 0.3s; padding: 0 3px; } .nlst li a:hover { color: #000; } .fdevents { padding: 78px 0 0; position: relative;z-index: 111; } .fpdd { padding: 0 70px; } .fdevents .lts { float: left; width: 35%; } .fdevents .lts dl dd.on { color: #d70c1f; } .fdevents .lts dl dd:first-child:before { position: absolute; content: ""; z-index: 66; top: 50%; transform: translate(-50%,-50%); background: url(../images/ficon11.png) no-repeat center/cover; height: 43px; width: 43px; left: -95px; } .fdevents .lts dl dd:hover { color: #d70c1f; } .fdevents .lts dl dd { font-size: 22px; line-height: 80px; color: #8a94a4; cursor: pointer; position: relative; } .fdevents .lts dl dd span { display: inline-block;width: 230px;padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fdevents .lts h2 { float: right; margin-top: 220px; font-size: 48px; line-height: 1.6; color: #333333; width: 58%; display: none; -webkit-animation: fadeInUps 1s .2s ease both; -moz-animation: fadeInUps 1s .2s ease both; } .fdevents .lts h2:first-child { display: block; } .fdevents .fsupply { float: right; margin-top: 120px; margin-right: 3%; background: url(../images/ff8.png) no-repeat center/contain; position: relative; width: 55%; padding: 50px 30px 20px 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 290px;overflow: hidden; -webkit-animation: fadeInUps 1s .2s ease both; -moz-animation: fadeInUps 1s .2s ease both; display: none; } .fdevents .fsupply dl { float: left;width: calc((100% - 30px)/2); text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fdevents .fsupply dl:nth-child(2n) { float: right; } .fdevents .fsupply:first-child { display: block; } .fdevents .fsupply dl dt { font-size: 28px; line-height: 40px; color: #333333; margin-bottom: 22px; background: url(../images/ficon5.png) no-repeat left center; padding-left: 38px; } .fdevents .fsupply dl dt.on { font-size: 18px; } .fdevents .fsupply dl dd { font-size: 18px; line-height: 32px; color: #333333; padding-left: 38px; text-align: left; } .fdevents .wrap { position: relative; } .fdevents .wrap:before { position: absolute; z-index: 11; content: ""; top: 38px; bottom: -350px; left: 13px; width: 1px; background: #9dafca; } /*闂佸吋鏋荤紞鈧柣娑虫嫹*/ .fhonor { padding: 70px 0 0; } .ftlt.o h3 { font-size: 54px; line-height: 1.4; } .ftlt.o h2 { font-size: 48px; /* color: #333; */ line-height: 1.4; } .fhonor .list { margin-top: 90px; padding: 0 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fhonor .list li { float: left; width: 580px; position: relative; background: #fff; margin-bottom: 25px; margin-right: 100px; padding: 0 20px; position: relative; transition: all 0.3s; -webkit-box-sizing: border-box; z-index: 44; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fhonor .list li:hover { background: #d70c1f; } .fhonor .list li:hover em { background: url(../images/ficon18.png) no-repeat center/cover; width: 260px; height: 75px; top: 0; left: -25px; position: absolute; z-index: 66; } .fhonor .list li:after, .fhonor .list li:before { position: absolute; z-index: 11; content: ""; transition: all 0.3s; background: url(../images/ficon20.png) no-repeat center/cover; width: 25px; left: -25px; top: 0; bottom: 0; } .fhonor .list li:hover:after, .fhonor .list li:hover:before { background: url(../images/ficon19.png) no-repeat center/cover; } .fhonor .list li:hover:after { background: url(../images/ficon19-1.png) no-repeat center/cover; } .fhonor .list li:after { background: url(../images/ficon20-1.png) no-repeat center/cover; left: auto; right: -25px; } .fhonor .list li a { display: block; padding: 10px 0 10px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; position: relative; z-index: 77; box-sizing: border-box; transition: all 0.3s; font-size: 18px; line-height: 55px; color: #333333; background: url(../images/ficon16-1.png) no-repeat left center; } .fhonor .list li:hover a { background: url(../images/ficon16.png) no-repeat left center; } .fhonor .list li:nth-child(2n) { margin-right: 0; } .fhonor .list li i { position: absolute; z-index: 66; background: url(../images/ficon17.png) no-repeat center/cover; left: -25px; top: 0; bottom: 0; font-size: 12px; width: 31px; transition: all 0.3s; } .fhonor .list li:hover i { display: none; } .fhonor .list li:hover a { color: #fff; } .fhonor .wrap { position: relative; } .fhonor .wrap:before { position: absolute; top: 40px; left: 15px; width: 1px; background: #7a90b2; bottom: -260px; z-index: 66; content: ""; } /*闂佸搫鍊稿ú銈団偓鍨叀閹爼宕卞Δ鈧幃锟?/ .fcultudea { padding: 70px 0 0; } .fcultudea .wrap { position: relative; } .fcultudea .wrap:before { position: absolute; z-index: 66; content: ""; top: 20px; bottom: -190px; left: 15px; width: 1px; background: #7a90b2; } .fcultudea .list { padding: 60px 0 0 156px; max-width: 1200px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fcultudea .list li { float: left; width: calc((100% - 416px)/3); margin-right: 207px; background: #fff; position: relative; height: 440px; padding: 58px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fcultudea .list li .tet:before { position: absolute; z-index: 1; content: ""; background: url(../images/ficon24.png) no-repeat center/contain; top: -58px; left: -17px; width: 100%; height: 77px; } .fcultudea .list li:nth-child(3n) { margin-right: 0; } .fcultudea .list li:after, .fcultudea .list li:before { position: absolute; z-index: 22; content: ""; left: -155px; top: 0; bottom: 0; width: 156px; background: url(../images/ficon38.png) no-repeat center/cover; } .fcultudea .list li:after { left: auto; right: -156px; background: url(../images/ficon38-1.png) no-repeat center/cover; } .ftlt.on h2 { color: #d70c1f; } .fcultudea .list li .tet { position: relative; z-index: 44; } .fcultudea .list li .tet h3 { padding-left: 7px; font-size: 36px; line-height: 46px; color: #333333; } .fcultudea .list li .tet h3 i { padding-left: 40px; display: inline-block; position: relative; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#d70c1f; } .fcultudea .list li .tet h3 i:before { left: 0; top: 50%; width: 16px; height: 34px; background: url(../images/ficon40.png) no-repeat center; transform: translateY(-50%); position: absolute; z-index: 33; content: ""; } .fcultudea .list li .tet p { margin: 30px -15px 0; font-size: 19px; line-height: 35px; color: #333333; /* height: 84px; */ overflow: hidden; } .fcultudea .list li h4 { position: absolute; z-index: 33; bottom: 16px; left: -118px; text-transform: uppercase; font-size: 34px; line-height: 46px; color: #f7f7f7; font-weight: bold; } .fcultudea .list li .icon { height: 150px; width: 150px; position: absolute; z-index: 55; right: 0; bottom: 0; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transition: all 0.3s; } .fcultudea .list li:hover .icon { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transform: scale(1.1); } .fcultudea .list li .icon img { display: block; position: absolute; z-index: 11; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); max-height: 70%; max-width: 70%; } .fcultudea .lst { margin: 0 auto; margin-top: 45px; max-width: 1200px; } .fcultudea .lst li { margin-bottom: 25px; position: relative; background: #fff; padding: 0 22px; } .fcultudea .lst li:after, .fcultudea .lst li:before { position: absolute; z-index: 11; content: ""; width: 46px; height: 100%; background: url(../images/ficon29.png) no-repeat center/cover; left: -46px; top: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fcultudea .lst li:after { background: url(../images/ficon29-1.png) no-repeat center/cover; left: auto; right: -46px; } .fcultudea .lst li h3 { font-size: 28px; line-height: 137px; color: #d70c1f; padding-left: 40px; position: relative; overflow: hidden; } .fcultudea .lst li h3:before { position: absolute; z-index: 11; content: ""; top: 50%; transform: translateY(-50%); background: url(../images/ficon40.png) no-repeat center/cover; width: 16px; height: 34px; left: 0; } .fcultudea .lst li h3 i { display: inline-block; font-size: 18px; vertical-align: top; /* word-break: keep-all; */ width: calc(100% - 210px); float: right; padding-right: 170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; color:#333; } .fcultudea .lst li h3:after { right: -22px; top: 0; height: 137px; width: 147px; position: absolute; z-index: 55; position: absolute; background: url(../images/ficon26.png) no-repeat center; content: ""; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transition: all 0.3s; } .fcultudea .lst li:hover h3:after { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transform: scale(1.1); } .fcultudea .lst li:nth-child(2) h3:after { background: url(../images/ficon27.png) no-repeat center; } .fcultudea .lst li:nth-child(3) h3:after { background: url(../images/ficon28.png) no-repeat center; } /*闂佹悶鍎村Λ鍕船鐎靛摜纾鹃柟瀵稿Х閹癸拷*/ .fdomeword { padding: 70px 0 0; background: #e5ecf7; } .fdomeword .lts { float: left; margin: -60px 0 0 24px; width: 70%; height: auto; } .fdomeword .lts img { display: block; width: 100%; height: 100%; } .fdomeword .rts { width: 24%; } .fdomeword .rts .list{ position: absolute;right: 3%;top: 50px; } .fdomeword .rts .list li { text-align: right; font-size: 18px; line-height: 2; color: #333333; position: relative; } .fdomeword .rts .list li i { display: inline-block; padding-left: 42px; background: url(../images/ficon30.png) no-repeat left center; } .fdomeword .wrap { position: relative; } .fdomeword .wrap:before { position: absolute; z-index: 11; content: ""; top: 40px; left: 15px; width: 1px; bottom: -160px; background: #7a90b2; } .fdomeword .fflst { bottom: 32px; right: 3%; } .fflst { position: absolute; z-index: 66; background: #fff; width: 405px; padding: 32px 20px 38px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fflst:after { position: absolute; z-index: 11; content: ""; top: 0; right: 0; width: 175px; height: 183px; background: url(../images/ficon32.png) no-repeat center/cover; } .fflst:before { position: absolute; z-index: 11; content: ""; left: -13px; top: 0; width: 13px; height: 13px; background: url(../images/ficon31.png) no-repeat center/cover; } .fflst h2 { font-size: 28px; line-height: 52px; color: #d70c1f; font-weight: bold; margin-bottom: 26px; position: relative; z-index: 66; } .fflst li { font-size: 16px; line-height: 36px; color: #333333; padding-left: 30px; background: url(../images/ficon5.png) no-repeat left center; cursor: pointer; } .fflst li.on{ color: #d70c1f; background: url(../images/ficon5_1.png) no-repeat left center; } .fflst li i { display: inline-block; font-weight: bold; } /*闂佹悶鍎扮划娆忣瀶椤栨粎纾鹃柟瀵稿Х閹癸拷*/ .finterword { background: #e5ecf7; padding: 0 ; } .finterword .padd{ padding-top: 100px; } .finterword .fimgs { margin: 20px -155px 0 0; width: 1640px; height: auto; } .finterword .fimgs img { display: block; height: 100%; width: 100%; } .finterword .wrap { position: relative; } .finterword .wrap:after { position: absolute; z-index: 11; content: ""; top: 40px; left: 15px; width: 1px; bottom: -140px; background: #7a90b2; } .finterword .fflst { top: 130px; right: 3%; } /*闂佺粯銇涢弲婊呯矈閿旂偓灏庨柛鏇ㄥ墰閻栵拷*/ .flogistis { background: #e5ecf7; padding: 70px 0 0; } .flogistis .wrap { position: relative; } .flogistis .wrap:before { position: absolute; z-index: 11; content: ""; top: 40px; left: 15px; width: 1px; bottom: -120px; background: #7a90b2; } .flogistis li { margin-bottom: 70px; position: relative; } .flogistis li:nth-child(3) .imgs:before, .flogistis li:nth-child(1) .imgs:before { position: absolute;z-index: 11;content: ""; bottom: -195px;background: url(../images/ff9.png) no-repeat center/cover; width: 235px;height: 253px;right: -90px; } .flogistis li:last-child { margin-bottom: 0; } .flogistis li .ftlt { margin-bottom: 45px; } .flogistis li .imgs { float: right; width: calc(100% - 380px); height: auto; margin: -20px 0 0 0; position: relative; z-index: 3; } .flogistis li:nth-child(2n) .imgs { float: left; margin: -20px 0 0 -190px; } .flogistis li .imgs img, .flogistis li .imgs a { display: block; height: 100%; width: 100%; } .flogistis li:nth-child(2n) .lts { left: auto; right: 0; } .flogistis li .lts { bottom: -32px; left: -220px; background: #fff; z-index: 1; position: absolute; height: 538px; width: 820px; padding: 56px 220px 30px; background: url(../images/ficon41.png) no-repeat right center/cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .flogistis li:nth-child(2n) .lts { background: url(../images/ficon42.png) no-repeat center/cover; padding: 56px 200px 30px 320px; } .flogistis li .lts .list ul { overflow: hidden; } .flogistis li .lts .list li { float: left; /* width: calc((100% - 15px)/2); */ margin-bottom: 30px; margin-right: 10%; } .flogistis li:nth-child(2n) .lts .list li:nth-child(2n), .flogistis li:nth-child(2n) .lts .list li { float: none; width: auto; } .flogistis li .lts .list li:nth-child(2n) { float: right; } .flogistis li .lts .list li h2 { font-size: 56px; line-height: 56px; color: #333333; margin-top: 10px; } .flogistis li .lts .list li h2 i { display: inline-block; font-weight: bold; } .flogistis li .lts .list li h2 em { font-size: 14px; line-height: 26px; color: #666666; vertical-align: bottom; display: inline-block; padding-left: 4px; } .flogistis li .lts .list li h6 { font-size: 14px; line-height: 2; color: #666666; } .flogistis li .lts p { font-size: 15px; line-height: 30px; color: #333333; margin-top: 24px; } .flogistis li:first-child .lts p span { font-size: 28px; } .flogistis li .lts p span { font-size: 20px; font-weight: bold; color: #d70c1f; } .slider-bg-svg { -webkit-transform-origin: 50%; transform-origin: 50%; } svg:not(:root) { overflow: hidden; } .slider-bg-svg { position: absolute; top: 0; left: 0; pointer-events: none; } .fbanner li.swiper-slide { z-index: 1; transition: all 0s !important; position: absolute; opacity: 1 !important; left: 0; right: 0; top: 0; z-index: 11; } .fbanner li.swiper-slide.swiper-slide-active h4 { -webkit-animation: fadeInUps 1s .2s ease both; -moz-animation: fadeInUps 1s .2s ease both; } .fbanner li.swiper-slide.swiper-slide-active h2 { -webkit-animation: fadeInUps 1s .5s ease both; -moz-animation: fadeInUps 1s .5s ease both; } .fbanner li.swiper-slide.swiper-slide-active ul { -webkit-animation: fadeInUps 1s .8s ease both; -moz-animation: fadeInUps 1s .8s ease both; } @-webkit-keyframes fadeInUps { 0% { opacity: 0; -webkit-transform: translateY(50px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInUps { 0% { opacity: 0; -moz-transform: translateY(50px) } 100% { opacity: 1; -moz-transform: translateY(0) } } #ccc { -webkit-animation: bans 1s .2s ease both; -moz-animation: bans 1s .2s ease both; } @-webkit-keyframes bans { 0% { opacity: 0; -webkit-transform: translateX(70%); clip-path: inset(0 0 0 0 round 0%); } 100% { opacity: 1; -webkit-transform: translateX(0); clip-path: inset(0 0 0 0 round 0%); } } @-moz-keyframes bans { 0% { opacity: 0; -moz-transform: translateX(70%); clip-path: inset(0 0 0 0 round 0%); } 100% { opacity: 1; -moz-transform: translateX(0); clip-path: inset(0 0 0 0 round 0%); } } @-webkit-keyframes banss { 0% { opacity: 0; -webkit-transform: translateX(0%); clip-path: inset(0 0 0 0 round 0%); } 100% { opacity: 1; -webkit-transform: translateX(-30%); clip-path: inset(0 0 0 0 round 0%); } } @-moz-keyframes banss { 0% { opacity: 0; -moz-transform: translateX(0%); clip-path: inset(0 0 0 0 round 0%); } 100% { opacity: 1; -moz-transform: translateX(-30%); clip-path: inset(0 0 0 0 round 0%); } } @-webkit-keyframes bans2 { 0% { opacity: 0; -webkit-transform: translateY(200px); clip-path: inset(40% 20% 0 20% round 0%); } 100% { opacity: 1; -webkit-transform: translateY(0); clip-path: inset(0 0 0 0 round 0%); } } @-moz-keyframes bans2 { 0% { opacity: 0; -moz-transform: translateY(200px); clip-path: inset(40% 20% 0 20% round 0%); } 100% { opacity: 1; -moz-transform: translateY(0); clip-path: inset(0 0 0 0 round 0%); } } .fawhole .fculture .padd li { opacity: 0; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transition: all 0.3s; } .fawhole .fculture .padd li.swiper-slide-active { opacity: 1;z-index: 111; } .fbanner .btns .btn { -webkit-animation: bounce-up 1.5s linear infinite; animation: bounce-up 1.5s linear infinite; opacity: 1; } @-webkit-keyframes bounce-up { 25% { -webkit-transform: translateY(10px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(-10px); } } @keyframes bounce-up { 25% { transform: translateY(10px); } 50%, 100% { transform: translateY(0); } 75% { transform: translateY(-10px); } } /*婵☆偓绲鹃悧鐘诲Υ婢舵劕瀚夐柍褜鍓熷顒勫箯瀹€鈧妶顐︽偣娓氬﹥瀚?/ .hnews .padd { position: relative; } .hnews .list ul { margin: 40px 6% 0 55px; } .hnews .list li { float: left; width: calc((100% - 88px)/2); position: relative; padding: 17px 0; -webkit-box-sizing: border-box; background: #fff; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .hnews .list li:nth-child(2n) { float: right; } .hnews .list li:before { position: absolute; z-index: 1; content: ""; background: url(../images/ficon45.png) no-repeat center/cover; top: 0; bottom: 0; width: 55px; left: -55px; } .hnews .list li:after { position: absolute; z-index: 1; content: ""; background: url(../images/ficon45-1.png) no-repeat center/cover; top: 0; bottom: 0; right: -55px; width: 55px; height: auto; visibility: initial; } .hnews .list li .img { float: left; width: 236px; height: 130px; margin-left: -27px; position: relative; z-index: 22; } .hnews .list li .img a, .hnews .list li .img img { display: block; width: 100%; height: 100%; -webkit-clip-path: polygon(100% 0,83% 100%, 0% 100%, 17% 0); clip-path: polygon(100% 0,83% 100%, 0% 100%, 17% 0); } .hnews .list li .txt { width: calc(100% - 270px); float: right; padding: 25px 20px; position: relative; } .hnews .list li .more { position: absolute; z-index: 66; bottom: -26px; right: 16px; transition: all 0.3s; opacity: 0; } .hnews .list li:hover .more { opacity: 1; } .hnews .list li .txt:before { position: absolute; z-index: 11; left: 0; top: 40px; height: 4px; width: 4px; background: #0937bb; border-radius: 50%; overflow: hidden; content: ""; } .hnews .list li .txt a { font-size: 22px; line-height: 38px; color: #333333; display: block; height: 76px; overflow: hidden; } .hnews .list li>i { position: absolute; z-index: 3; bottom: 0; left: -54px; height: 1px; right: 0; background: #d70c1f; transition: all 0.3s; width: 0; } .hnews .list li:hover>i { width: 107.5%; } .fsmart .fimgs .tft { position: absolute; z-index: 33; top: 44px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 32px; line-height: 2; color: #fff; } .faboutus{ padding-top: 70px; } /*闂佺绻愰崢鏍姳椤掑嫬绠i柟瀛樼矋缁拷*/ .fcolour { background: #e5ecf7; } .xmxyg_group .wrap { position: relative; } .xmxyg_group .wrap:before { position: absolute; z-index: 11; content: ""; left: 16px; width: 1px; background: #7a90b2; top: 40px; bottom: -3156px; } .xmxyg_group { } .xmxyg_group .fltrs { margin-top: 100px; float: left; width: 250px; } .fltrs li { margin-bottom: 65px; } .fltrs li div{ display: inline-block; } .fltrs li:last-child { margin-bottom: 0; } .fltrs li h2 { font-size: 64px; line-height: 1; color: #333333; } .fltrs li h2 span { display: inline-block; padding: 0 7px; font-weight: bold; font-family: 'Bahnschrift'; } .fltrs li h2 i { display: inline-block; font-size: 16px; color: #666666; line-height: 32px; vertical-align: bottom; } .fltrs li h6 { font-size: 18px; line-height: 2; color: #666666; padding-left:20px; /* text-align: center; */ } .xmxyg_group .xmximgs { float: right; width: calc(100% - 320px); position: relative; margin-right: 30px; } .xmxyg_group .xmximgs .fimg { height: auto; width: auto; top: 75px; right: 0; position: absolute; } .xmxyg_group .xmximgs img { display: block; width: 100%; height: 100%; } .xmxyg_group .xmximgs .imgs { height: auto; width: auto; position: relative; z-index: 33; } .fimgs .padd{ padding-top: 60px; } .gprofile .fimgs .fltrs li { margin-bottom: 55px; } .gprofile .fimgs .fltrs li div{ display: inline-block; } .gprofile .fimgs .fltrs li:last-child{ margin-bottom: 0; } .gprofile .fimgs .fltrs { float: left; width: 300px; } .gprofile .fimgs .rts { float: right; margin-right: 3%; background: url(../images/ficon53.png) no-repeat center/cover; width: 770px; height: 560px; padding: 102px 205px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .gprofile .fimgs .rts h2 { font-size: 32px; line-height: 60px; color: #333333; font-weight: bold; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gprofile .fimgs .rts ul { overflow: hidden; margin-top: 30px; } .gprofile .fimgs .rts li { margin-right: 80px; float: left; } .gprofile .fimgs .rts li:last-child { margin-right: 0; } .gprofile .fimgs .rts li h6 { font-size: 16px; line-height: 24px; color: #999999; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gprofile .fimgs .rts li h4 { font-size: 20px; line-height: 2; color: #d70c1f; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gprofile .fimgs .rts p { font-size: 18px; line-height: 2; color: #333333; margin-top: 20px; } .gprofile .fimgs .rts p span { font-size: 18px; font-weight: bold; color: #d70c1f; } .stockcomp .padd{ padding-top: 50px; padding-right: 3%; } .stockcomp .stocktxt { margin-top: -52px; } .stockcomp .stocktxt h4 { float: right; background: #fff; border-radius: 25px; font-size: 18px; line-height: 50px; color: #333333; padding: 0 25px; } .stockcomp .stocktxt h4 span { display: inline-block; font-size: 24px; color: #d70c1f; font-weight: bold; } .fcolourapp .pr3{ position: relative;z-index: 12; } .stockcomp .list { padding: 0 0 50px; } .indusapp1{ position: relative;z-index: 11; } .stockcomp .list li { float: left; width: calc((100% - 302px)/5); margin-right: 75px; padding-right: 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .stockcomp .list li:last-child { margin-right: 0; padding-right: 0; } .stockcomp .list li:before { position: absolute; z-index: 11; content: ""; background: #c6d7e6; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 75px; } .stockcomp .list li:last-child:before { display: none; } .stockcomp .list li h2 { font-size: 64px; line-height: 1; color: #333333; } .stockcomp .list li h2 i { display: inline-block; font-size: 14px; line-height: 30px; color: #666666; vertical-align: bottom; } .stockcomp .list li h2 span { display: inline-block; font-weight: bold; padding: 0 3px; font-family: 'Bahnschrift'; } .stockcomp .list li h6 { font-size: 16px; line-height: 32px; color: #666666; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .stockcomp .tcen .lt { float: left; width: 500px; } .stockcomp .tcen .lt li { font-size: 18px; line-height: 38px; color: #333333; } .stockcomp .tcen .lt li i { display: inline-block; font-size: 40px; font-weight: bold; font-family: 'Bahnschrift'; } .stockcomp .tcen .rt { float: right; width: calc(100% - 575px); padding-top: 0 !important; font-size: 18px; line-height: 34px; color: #333333; position: relative; padding-bottom:100px; } .stockcomp .tcen .rt:before { position: absolute; z-index: 11; content: ""; top: -8px; left: 0; background: url(../images/ficon52.png) no-repeat center/cover; width: 48px; height: 39px; display: none; } .about_us .ftlt { margin-bottom: 52px; } .faboutus{ position: relative;z-index: 111; } .about_us .lts { float: left; width: 82%; height: 690px; margin-left: -220px; } .about_us .lts ul { padding: 80px 0 0 220px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .about_us .lts li { margin-right: 58px; padding-right: 58px; position: relative; float: left; } .about_us .lts li:before { position: absolute; z-index: 11; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 1px; background: rgba(255, 255, 255, 0.39); height: 76px; } .about_us .lts li:last-child { margin-right: 0; padding-right: 0; } .about_us .lts li:last-child:before { display: none; } .about_us .lts li h2 { font-size: 64px; line-height: 1; color: #fff; } .about_us .lts li h2 span { display: inline-block; font-weight: bold; font-family: 'Bahnschrift'; } .about_us .lts li h2 i { display: inline-block; font-size: 16px; line-height: 38px; vertical-align: bottom; } .about_us .lts li h6 { font-size: 16px; line-height: 2; color: #fff; } .about_us .padd { position: relative; } .about_us .rts { position: absolute; z-index: 55; top: 73px; right: 0; background: url(../images/ficon54.png) no-repeat center/contain; width: 45%; height: 560px; padding: 86px 235px 30px 205px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .stockcomp .tcen .rt b, .about_us .rts h2 { font-size: 32px; line-height: 52px; color: #333; font-weight: bold; } .about_us .rts p { font-size: 18px; line-height: 34px; color: #333333; margin-top: 50px; } .about_us .rts p i { font-size: 18px; font-weight: bold; } .about_us .rts p span { font-size: 18px; color: #d70c1f; font-weight: bold; } /*婵炴垶鎸婚懝鐐叏閻旇偤鐔煎灳瀹曞洨顢?/ .fbusiness { padding: 70px 3% 0 0; } .fnav .ftlt { float: left; width: 50%; } .ftlt { position: relative; z-index: 22; } .fnav .txt { float: right; width: 50%; margin-top: 42px; font-size: 16px; line-height: 2; color: #333; } .fcolourapp .indusapp .padd{ padding-bottom: 0; } .pr3{ padding-right: 3%; } .fbusiness .fimgs { margin: 48px 0 0 0; height: auto; width: auto; } .fbusiness .fimgs img { display: block; width: 100%; height: 100%; } .fcolour .footer{ z-index: 11; } .fcolourapp .indusapp .swiper-slide{ opacity: 0; } .fcolourapp .indusapp .swiper-slide-active{ z-index: 111;opacity: 1; } .fcolourapp .indusapp .fimgs { float: right; margin-right: 0; position: relative; width: 80%;margin-right: -5%; } .fcolourapp{ position: relative;z-index: 111; } .fcolourapp .indusapp .fimgs img { display: block; width: 100%; height: 100%; -webkit-clip-path: polygon(100% 0,88% 100%, 0% 100%, 12% 0); clip-path: polygon(100% 0,88% 100%, 0% 100%, 12% 0); } .fcolourapp .indusapp .fimgs .mo { position: absolute; z-index: 44; bottom: 22px; right: 250px; } .fcolourapp .indusapp .lts { width: 25%; float: left; padding: 62px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fcolourapp .indusapp .lts h3 { font-size: 32px; line-height: 45px; color: #333; } .fcolourapp .indusapp .lts h6 { font-size: 16px; line-height: 28px; color: #333; margin-top: 20px; } .fcolourapp .indusapp .lts ul { margin-top: 38px; } .fcolourapp .indusapp .lts li { margin-bottom: 32px; } .fcolourapp .indusapp .lts li:last-child { margin-bottom: 0; } .fcolourapp .indusapp .lts li h5 { font-size: 16px; line-height: 26px; color: #d70c1f; padding-left: 32px; background: url(../images/ficon57.png) no-repeat left center; font-weight: bold; /* word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ } .fcolourapp .indusapp .lts li p { margin-top: 15px; font-size: 14px; line-height: 26px; color: #333333; padding-left: 32px; /* height: 77px; */ overflow: hidden; } .fcolourapp .indusapp .padd, .fbusiness .padd { position: relative; } /*闂佸搫鎳愰崕銈夊矗鎼淬劍鍋嬮柍鍝勫€婚妶锟?/ .fsmartlog { padding: 70px 0 0; } .fsmartlog2{ padding-top: 0 !important; } .fsmartlog .list { margin-top: 60px; } .fsmartlog .list dd .werment { width: 1616px; height: 545px; margin-right: -140px; padding: 135px 0 0; -webkit-box-sizing: border-box; position: relative; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fsmartlog .list dd .werment ul { text-align: center; } .fsmartlog .list dd .werment li { display: inline-block; margin: 0 65px; text-align: center; } .fsmartlog .list dd .werment li:nth-child(2n) { position: relative; top: -65px; } .fsmartlog .list dd .werment li h4 { font-size: 22px; line-height: 50px; color: #fff; } .fsmartlog .list dd .werment li .icon { height: 165px; width: 165px; border-radius: 50%; position: relative; } .fsmartlog .list dd .werment li .icon .ico { width: 147px; height: 147px; border-radius: 50%; position: absolute; z-index: 11; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } .fsmartlog .list dd .werment li .icon i { border: 1px solid rgba(255, 255, 255, 0.06); position: absolute; z-index: 33; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; display: block; } .fsmartlog .list dd .werment li .icon em { display: block; position: absolute; z-index: 55; left:-10px;padding: 10px; top: -10px; height: 100%; width: 100%; border-radius: 50%; background: url(../images/ficon58.png) no-repeat left center; -webkit-animation:xuanzs 5s 0s linear infinite; -moz-animation:xuanzs 5s 0s linear infinite; } .fsmartlog .list dd .werment li:nth-child(2) .icon em{ -webkit-animation:xuanzs 5s .5s linear infinite; -moz-animation:xuanzs 5s .5s linear infinite; } .fsmartlog .list dd .werment li:nth-child(3) .icon em{ -webkit-animation:xuanzs 5s 1s linear infinite; -moz-animation:xuanzs 5s 1s linear infinite; } .fsmartlog .list dd .werment li:nth-child(4) .icon em{ -webkit-animation:xuanzs 5s 1.5s linear infinite; -moz-animation:xuanzs 5s 1.5s linear infinite; } .fsmartlog .list dd .werment li:nth-child(1){ -webkit-animation: bounce-up 2.5s linear infinite; animation: bounce-up 2.5s linear infinite; } .fsmartlog .list dd .werment li:nth-child(2){ -webkit-animation: bounce-up 2.5s .3s linear infinite; animation: bounce-up 2.5s .3s linear infinite; } .fsmartlog .list dd .werment li:nth-child(3){ -webkit-animation: bounce-up 2.5s .8s linear infinite; animation: bounce-up 2.5s .8s linear infinite; } .fsmartlog .list dd .werment li:nth-child(4){ -webkit-animation: bounce-up 2.5s 1s linear infinite; animation: bounce-up 2.5s 1s linear infinite; } @-webkit-keyframes bounce-up { 25% { -webkit-transform: translateY(10px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(-10px); } } @keyframes bounce-up { 25% { transform: translateY(10px); } 50%, 100% { transform: translateY(0); } 75% { transform: translateY(-10px); } } @-webkit-keyframes xuanzs{ 0%{-webkit-transform:rotate(0)} 100%{-webkit-transform:rotate(360deg)} } @-moz-keyframes xuanzs{ 0%{-moz-transform:rotate(0)} 100%{-moz-transform:rotate(360deg)} } .fsmartlog .list dd .werment li .icon:before { position: absolute; left: 0; bottom: -83%; right: 0; margin: 0 auto; z-index: 11; content: ""; background: url(../images/ficon69.png) no-repeat center/cover; width: 23px; height: 166px; } .fsmartlog .list dd .werment .fimg { position: absolute; width: 67px; height: 91px; z-index: 44; bottom: -36px; right: 92px; } .fsmartlog .list dd .werment .fimg img { display: block; width: 100%; height: 100%; } .fsmartlog .list dd .werment:before { width: 196px; height: 265px; position: absolute; z-index: 1; content: ""; background: url(../images/ficon65.png) no-repeat center/cover; top: -265px; right: -210px; } .fsmartlog .list dd:nth-child(2n) .werment:before { top: -210px; left: -110px; right: auto; } .fsmartlog .list dd .trxt { text-align: center; padding: 75px 0 0; font-size: 16px; line-height: 38px; color: #333333; } .fsmartlog .list dd .trxt i { font-size: 18px; font-weight: bold; } .fsmartlog .list dd:nth-child(2n) .werment .fimg { right: auto; bottom: -60px; left: -84px; } .fsharedata .wrap, .fintelle .wrap, .fsmartlog .wrap { position: relative; } .fsharedata .ftlt{ margin-bottom: 40px; } .fsharedata .wrap:before, .fintelle .wrap:before, .fsmartlog .wrap:before { position: absolute; z-index: 11; content: ""; left: 15px; top: 40px; bottom: -160px; width: 1px; background: #7a90b2; } .fsharedata .wrap:before { top: -80px; } .fintelle { position: relative; } .fintelle .fimg { top: 520px; left: -300px; right: -200px; margin: 0 auto; height: auto; width: auto; position: absolute; } .fintelle .fimg img { display: block; height: 100%; width: 100%; } .fintelle .list ul { margin-top: 104px; text-align: center; font-size: 0; display: block; } .fintelle .list li { display: inline-block; position: relative; width: auto;vertical-align: middle; margin: 0 4%; } .fintelle .list li a { display: block; } .fintelle .list li .icon { height: 328px; width: 328px; border-radius: 50%; } .fintelle .list li .icon img { display: block; width: 100%; height: 100%; } .fintelle .list li.on .icon { height: 530px; width: 530px; } .fintelle .list li h5 { position: absolute; z-index: 66; left: 0; right: 0; margin: 0 auto; transition: all 0.3s; bottom: -22px; line-height: 50px; width: 156px; font-size: 20px; color: #333333; text-align: center; background: url(../images/ficon71.png) no-repeat center/cover; } .fintelle .list li.on h5 { font-size: 31px; line-height: 71px; width: 244px; } .fintelle .padd{ padding-right: 3%; } .fintelle .list li:hover h5 { color: #fff; background: url(../images/ficon72.png) no-repeat center/cover; } .porlp{ position: relative; } .fsharedata{ position: relative;z-index: 111; } .fsharedata .padd{ padding-top: 100px; padding-bottom: 50px; } .fsharedata .padd { position: relative; } .fsharedata .padd::after { position: absolute; z-index: 11; content: ""; top: -175px; background: url(../images/ficon65.png) no-repeat center/cover; right: 62px; width: 97px; height: 130px; } .fsharedata .wrap:after { position: absolute; z-index: 11; content: ""; background: url(../images/ficon65.png) no-repeat center/cover; bottom: -95px; right: -20px; height: 167px; width: 200px; } .fsharedata .padd { position: relative; } .fsharedata .lt { float: left; width: 90%; height: 593px; position: relative; margin-left: -190px; } .fsharedata .lt h3 { position: absolute; z-index: 11; left: 220px; top: 80px; font-size: 38px; line-height: 54px; color: #fff; } .fsharedata .lt .lst { position: absolute; left: 220px; bottom: -50px; } .fsharedata .lt .lst li { float: left; width: 347px; height: 82px; background: url(../images/ficon74.png) no-repeat center/cover; text-align: center; padding: 0 35px; transition: all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fsharedata .lt .lst li:hover { background: url(../images/ficon73.png) no-repeat center/cover; } .fsharedata .lt .lst li span { display: inline-block; padding: 0 55px 0 80px; font-size: 22px; line-height: 82px; color: #333; position: relative; transition: all 0.3s; } .fsharedata .lt .lst li span:before { position: absolute; z-index: 33; top: 0; left: 0; transition: all 0.3s; height: 82px; width: 80px; overflow: hidden; content: ""; background: url(../images/ficon66.png) no-repeat top center; } .fsharedata .lt .lst li:nth-child(2) span:before { background: url(../images/ficon67.png) no-repeat top center; } .fsharedata .lt .lst li:nth-child(2):hover span:before { background: url(../images/ficon67.png) no-repeat bottom center; } .fsharedata .lt .lst li:hover span:before { background: url(../images/ficon66.png) no-repeat bottom center; } .fsharedata .lt .lst li a { display: block; width: 100%; } .fsharedata .lt .lst li:hover span { color: #fff; } .fsharedata .lt .lst li span:after { position: absolute; z-index: 33; content: ""; top: 50%; transform: translateY(-50%); right: 0; background: url(../images/ficon68.png) no-repeat right center; width: 36px; height: 82px; } .fsharedata .rt { position: absolute; z-index: 66; top: 50%; transform: translateY(-50%); right: -280px; width: 826px; height: 360px; background: url(../images/ftup14.png) no-repeat center/cover; } .fsharedata .rt .txt { padding-left: 170px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 34px; color: #333; position: absolute; z-index: 33; top: 50%; transform: translateY(-50%); width: 550px; } .fcontac .padd{ padding-right: 3%; } .fcontac { padding-top: 70px; } .fcontac .padd .ftlt h3{ /* margin-top:30px; */ } .fcontac, .fban{ position: relative;z-index: 111; } /*闂佽壈椴稿濠氭焾閹绢喖绠i柟瀛樼矋缁拷*/ .fcontact { padding: 70px 0 0; } .fcontact .list { position: relative; } .fcontact .list li { display: none; position: relative; width: 1180px; margin: 0 auto; margin-top: -20%; } .fcontact .list li svg{ height: 100%;width: 120%; } .fcontact .list li:first-child { display: block; } .fcontact .list li img { display: block; width: 100%; height: 100%; } .fcontact svg{ position: relative } svg .st6{ cursor: pointer; } .ustexta1{ display: none !important; } /* .fcontact .list li .text */ .ustexta { top: 530px; right: 270px; position: absolute; z-index: 66;margin-left: 0; background: #d70c1f; margin-top: 30px; width: 430px;display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .ustexta .pding{ padding: 18px 26px 25px; } .ustexta:before { position: absolute; z-index: 11; content: ""; width: 19px; height: 10px; top: -10px; margin: 0 auto; left: 0; right: 0; background: url(../images/ficon75.png) no-repeat center/cover; } .ustexta:after { position: absolute; z-index: 11; content: ""; bottom: -20px; right: 0; background: url(../images/ficon55.png) no-repeat center/cover; width: 100px; height: 170px; } .ustexta h3 { font-size: 18px; line-height: 26px; color: #fff; text-transform: uppercase; word-break: keep-all; padding-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid rgba(255, 255, 255, 0.32); } .ustexta h6 { font-size: 17px; line-height: 22px; color: rgba(255, 255, 255, 0.32); padding: 13px 0 8px; } .ustexta p { font-size: 16px; line-height: 30px; color: #fff; } .fcontac .ftlt dl { position: absolute; z-index: 66; bottom: 0; right: 0; overflow: hidden; } .fcontac .ftlt dl dd { float: left; font-size: 22px; line-height: 72px; color: #333333; margin-right: 65px; position: relative; cursor: pointer; width: 60px; text-align: center; transition: all 0.3s; } .fcontac .ftlt dl dd:last-child { margin-right: 0; } .fcontac .ftlt dl dd:hover, .fcontac .ftlt dl dd.on { font-size: 26px; color: #d70c1f; } .fcontac .ftlt dl dd:before { position: absolute; z-index: 11; content: ""; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 2px; background: #d70c1f; width: 0; transition: all 0.3s; } .fcontac .ftlt dl dd:hover:before, .fcontac .ftlt dl dd.on:before { width: 52px; } .fcontac .padd, .fcontact .padd { position: relative; } .fcontac .cen { margin-top: 52px; position: relative; } .fcontac .fimgs { width: 1550px; height: 688px; float: left; margin-left: -300px; } .fcontac .fimgs img { display: block; width: 100%; height: 100%; } .fcontac .text { position: absolute; z-index: 66; top: 50%; transform: translateY(-50%); height: 560px; width: 1065px; background: url(../images/ftup16.png) no-repeat center/cover; padding: 60px 210px; right: -15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fcontac .text .form1 { width: 518px; height: 60px; background: url(../images/ficon77.png) no-repeat center/cover; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .fcontac .text .form1 label{ padding: 0 50px; line-height: 60px; font-size: 24px; height: auto; display: block; } .fcontac .text .form1 i { position: absolute; right: 40px;top: 0;width: 60px;height: 60px; display: block; z-index: 11; background: url(../images/ficon76.png) no-repeat right center; } .fcontac .text .form1 dl{ border: 1px solid #ddd; clear: both; background: #FFF; z-index: 1; left: 0; box-sizing: border-box; border-top: 0; position: absolute; left: 0;top: 100%; width: calc(100% - 20px); display: none; } .fcontac .text .form1 dd a{ font-size: 20px; line-height: 2.4; padding:0 30px; display: block; } .fcontac .text .form1 dd a:hover{ background: #d70c1f;color: #fff; } .fcontac .text .txt { margin-top: 55px; height: 287px; max-width: 515px; } .fcontac .text .txt h2 { font-size: 26px; line-height: 44px; color: #333; font-weight: bold; } .fcontac .text .txt h6 { padding: 30px 0 10px; font-size: 14px; line-height: 26px; color: #666666; } .fcontac .text .txt h3 { font-size: 46px; line-height: 1; color: #333; font-weight: bold; font-family: 'Bahnschrift'; } .fcontac .text .txt h4 { font-size: 18px; line-height: 34px; color: #333333; } /*闂佸搫鐗冮崑鎾绘煛閸屾稑顎滅紒渚囧亞閹峰鏁撻敓锟?/ .fnews { padding: 95px 100px 0; position: relative;z-index:111; } .fnews .list { position: relative; } .fnews .padd { position: relative; padding-right: 3% !important; } .fnews .list:after { position: absolute; z-index: 11; content: ""; right: 230px; bottom: -78px; background: url(../images/fr8.png) no-repeat center/cover; width: 208px; height: 52px; } .fnews .list ul { position: relative; } .fnews .list ul:before { position: absolute; z-index: 11; content: ""; left: -88px; bottom: -74px; background: url(../images/fr7.png) no-repeat center/cover; width: 84px; height: 124px; } .fnews .list li { background: #fff; margin: 0 70px 18px; position: relative; } .fnews .list li i { display: block; position: absolute; z-index: 6; left: -70px; opacity: 1; transition: all 0.3s; width: 75px; top: 0; bottom: 0; background: url(../images/fr1.png) no-repeat center/cover; } .fnews .list li:hover i { opacity: 1; } .fnews .list li .tu { position: absolute; z-index: 3; bottom: 0; left: -70px; opacity: 0; transition: all 0.3s; width: auto;right: 5%; height: 212px; background: url(../images/fr2.png) no-repeat center bottom/100% auto; } .fnews .list li .tu { opacity: 1; } .fnews .list li:before { position: absolute; z-index: 1; content: ""; left: -70px; top: 0; bottom: 0; width: 70px; background: url(../images/fr4.png) no-repeat center/cover; } .fnews .list li:after { position: absolute; z-index: 1; content: ""; right: -70px; top: 0; bottom: 0; width: 70px; background: url(../images/fr5.png) no-repeat center/cover; } .fnews .list li a { display: block; padding: 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fnews .list li .imgs { float: left; margin-left: -20px; width: 275px; height: 151px; position: relative; z-index: 44; } .fnews .list .ndate { font-size:14px; color:#999999; padding:8px 0px; } .fnews .list li .imgs img { display: block; width: 100%; height: 100%; -webkit-clip-path: polygon(100% 0,83% 100%, 0% 100%, 17% 0); clip-path:polygon(100% 0,83% 100%, 0% 100%, 17% 0) ; /* margin-left: 20px; */ } .fnews .list li .text { float: right; width: calc(100% - 310px); overflow: hidden; } .fnews .list li .text .lt { float: left; width: 70%; } .fnews .list li .text .lt h3 { padding: 18px 0 0px; font-size: 24px; line-height: 40px; color: #333333; max-height: 80px; overflow: hidden; word-break: keep-all; transition: all 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fnews .list li:hover .text .lt h3 { color: #d70c1f; } .fnews .list li .text .lt h6 { font-size: 14px; line-height: 26px; color: #999999; height: 52px; overflow: hidden; } .fnews .list li .text .rt { background: url(../images/fr13.png) no-repeat center/cover; width: 188px; height: 123px; text-align: center; float: right; margin-top: 14px; opacity: 1; transition: all 0.3s; } .fnews .list li .text .rt span { display: inline-block; padding-right: 54px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 123px; color: #333333; background: url(../images/fr3.png) no-repeat right center; } .fnews .list li:hover .text .rt { opacity: 1; } .fpage_list ul { text-align: center; margin-top: 50px; } .fpage_list li { display: inline-block; margin: 0 -2px; margin-bottom: 8px; } .fpage_list li a,.fpage_list li span { background: url(../images/fr14.png) no-repeat center/cover; transition: all 0.3s; width: 44px; line-height: 32px; font-size: 14px; color: #333; text-align: center; display: block; } .fpage_list li.on a, .fpage_list li.active a, .fpage_list li:hover a { background: url(../images/fr15.png) no-repeat center/cover; } .fpage_list li.on a, .fpage_list li.active a, .fpage_list li:hover a { color: #fff; } /*闂佸搫鍊烽崡鍐差渻閸垺瀚氶柨鏃囨閸擄拷*/ .fban .ftext { position: absolute; z-index: 33; left: 140px; top: 45%; transform: translateY(-50%); right: 5%; } .fban .ftext h3 { font-size: 36px; line-height: 1.5; color: #fff; } .fban .ftext .ndate { font-size: 22px; line-height: 1.5; color: #fff; } .fban .ftext h6 { font-size: 16px; line-height: 46px; color: rgba(255, 255, 255, 0.5); } .fban h2 a { display: block; text-align: center; height: 100%; } .fnewsdata { padding: 90px 0 0; position: relative;z-index: 111; } .fnewsdata .padd { position: relative; padding-right: 3%; } .fnewsdata .padd::after { /* position: absolute; z-index: 11; content: ""; top: -7px; left: -6px; background: url(../images/ficon11.png) no-repeat center/cover; height: 43px; width: 43px; border-radius: 50%; */ } .fnewsdata .text { background: #fff; padding: 75px 20% 120px; -webkit-box-sizing: border-box; position: relative; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 18px; line-height: 30px; color: #333; } .fnewsdata .text img { display: block; height: auto; width: 100%; } .fnewsdata .text:before { position: absolute; z-index: 11; content: ""; width: 84px; height: 124px; right: -72px; top: -60px; background: url(../images/fr6.png) no-repeat center/cover; } .fnewsdata .text:after { position: absolute; z-index: 11; content: ""; bottom: 20px; left: -94px; background: url(../images/fr7.png) no-repeat center/cover; width: 84px; height: 124px; } .mCSB_scrollTools { opacity: 1 !important; width: 2px; transition: all 0s; } .mCSB_scrollTools .mCSB_dragger { background: #d70c1f; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #e5ecf7; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; background: #d70c1f; } /* 閻庢鍠栧﹢閬嶆偘閿燂拷 */ .dialog, .dialog__overlay { width: 100%; height: 100%; top: 0; left: 0; } .dialog { position: fixed; display: -webkit-flex; display: flex;z-index: 9999; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; pointer-events: none; } .dialog__overlay { position: absolute; z-index: 1; background: rgba(40, 43, 55, 0.95); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; } .dialog--open .dialog__overlay { opacity: 1; pointer-events: auto; } .dialog__content { width: 50%; max-width: 400px; min-width: 400px; background: #fff; padding: 4em; text-align: center; position: relative; z-index: 5; opacity: 0; } .dialog--open .dialog__content { pointer-events: auto; } /* Content */ .dialog img{ width: 220px;display: block; margin: -20px auto 0; } .dialog img.wxa{ display: none; } .dialog h2 { font-size: 26px; padding: 15px 0 ; text-align: center; } .dialog__overlay { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .dialog__content { background: transparent; } .morph-shape { position: absolute; width: 100%; height: 170%; top: -45%; left: 0; z-index: -1; } .morph-shape svg { fill: #dce5f3; } .dialog--open .morph-shape { -webkit-animation: anim-shape 0.6s forwards; animation: anim-shape 0.6s forwards; } .dialog-inner { opacity: 0; } .dialog--open .dialog-inner { opacity: 1; -webkit-transition: opacity 0.5s 0.3s; transition: opacity 0.5s 0.3s; } .dialog.dialog--open .dialog__content, .dialog.dialog--close .dialog__content { opacity: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .dialog.dialog--open .dialog__content { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); -webkit-animation-name: anim-open; animation-name: anim-open; } .dialog.dialog--close .dialog__content { -webkit-animation-name: anim-close; animation-name: anim-close; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); animation-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); } .dialog.dialog--open h2, .dialog.dialog--open button { -webkit-animation: anim-elem 0.5s both; animation: anim-elem 0.5s both; } .dialog.dialog--open h2 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .dialog.dialog--open button { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } @-webkit-keyframes anim-open { 0% { -webkit-transform: translate3d(0, -50vh, 0); } 50% { -webkit-transform: translate3d(0, -50vh, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes anim-open { 0% { -webkit-transform: translate3d(0, -50vh, 0); transform: translate3d(0, -50vh, 0); } 50% { -webkit-transform: translate3d(0, -50vh, 0); transform: translate3d(0, -50vh, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes anim-close { 100% { opacity: 0; -webkit-transform: translate3d(0, 50vh, 0); } } @keyframes anim-close { 100% { opacity: 0; -webkit-transform: translate3d(0, 50vh, 0); transform: translate3d(0, 50vh, 0); } } /* Inner elements animations */ @-webkit-keyframes anim-elem { 0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes anim-elem { 0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes anim-shape { 50% { -webkit-transform: scale3d(0.8,1.2,1); } } @keyframes anim-shape { 50% { -webkit-transform: scale3d(0.8,1.2,1); transform: scale3d(0.8,1.2,1); } } @media screen and (max-width: 32em) { .dialog h2 { padding-bottom: 1em; } } /* .st2{ animation: maiss 1.5s 0s linear infinite; } .st3{ animation: maiss 1.5s .5s linear infinite; } */ @keyframes maiss { 0% { opacity: 1; r:0; stroke: ##CA1621; } 100% { opacity: 0; r:2; stroke: ##CA1621; } } .werment .uls1, .fsmartlog .list dd .werment .uls1{ position: absolute; left: 0;right: 6%;top: 14%; width: 50%; margin: 0 auto; bottom: 0; } .werment .uls1{ } .werment .uls1 li:nth-child(1), .fsmartlog .list dd .werment .uls1 li:nth-child(1){ left: 0;top: 43%;position: absolute;margin: 0; -webkit-animation: xuanzs 2.5s linear infinite; animation: xuanzs 2.5s linear infinite;width: 8%; } .werment .uls1 li:nth-child(2), .fsmartlog .list dd .werment .uls1 li:nth-child(2){ left: 18.8%;top: 11.5%;position: absolute;margin: 0; -webkit-animation: xuanzs 2.5s linear infinite; animation: xuanzs 2.5s linear infinite;width: 8%; } .werment .uls1 li:nth-child(3), .fsmartlog .list dd .werment .uls1 li:nth-child(3){ left: 1%;top: 3.5%;position: absolute;margin: 0;right: 0; -webkit-animation: xuanzs 2.5s linear infinite; animation: xuanzs 2.5s linear infinite;width: 8%; margin: 0 auto; } .werment .uls1 li:nth-child(4), .fsmartlog .list dd .werment .uls1 li:nth-child(4){ right: 17.8%;top: 13%;position: absolute;margin: 0; -webkit-animation: xuanzs 2.5s linear infinite; animation: xuanzs 2.5s linear infinite;width: 8%; } .werment .uls1 li:nth-child(5), .fsmartlog .list dd .werment .uls1 li:nth-child(5){ right: -1%;top: 43%;position: absolute;margin: 0; -webkit-animation: xuanzs 2.5s linear infinite; animation: xuanzs 2.5s linear infinite;width: 8%; } .werment .uls1 li:nth-child(6), .fsmartlog .list dd .werment .uls1 li:nth-child(6){ left: 1%;top: 52.5%;position: absolute;margin: 0;right: 0; width:10%; margin: 0 auto; } .werment .uls1 li:nth-child(6), .fsmartlog .list dd .werment .uls1 li:nth-child(6) img{ -webkit-animation: pulse 2.5s linear infinite; animation: pulse 2.5s linear infinite; } .padd{ padding: 0 0 0px 95px; margin-left: 95px; position: relative; } .lsvideo{ padding-bottom: 40px; padding-left: 0 !important; padding-right: 0 !important; } .lsvideo::before{ content: ""; position: absolute; z-index: 11; left: 95px; top: 40px; bottom:-40px; width: 1px; background: #7a90b2; } .padd::before{ content: ""; position: absolute; z-index: 11; left: 0; top: 40px; bottom:-40px; width: 1px; background: #7a90b2; } .habou .wrap{ width: auto; } .habou .padd{ padding-bottom: 50px; } .global .padd{ padding-bottom: 300px; } .neforms{ margin-bottom: 32px; } .neforms .txt{ background: url(../images/lps2.png) no-repeat left center;width: 438px; height: 56px;font-size: 16px;border: none; color: #333;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 35px;float: left; } .neforms .btn{ float: left;height: 56px;font-size: 16px;text-align: center; background: url(../images/lps3.png) no-repeat center; width: 98px;color: #fff;cursor: pointer; border: none;margin-left: -20px; } .neforms .btn:hover{ background: url(../images/lps4.png) no-repeat center; } .werment .uls1 li.lpquan, .fsmartlog .list dd .werment .uls1 li.lpquan{ position: relative;width: 13%;left: .5%;top: 51%; } .lpquan::after, .lpquan::before{ content: ""; background: url(../images/lps5.png) no-repeat center/cover; z-index: 11;display: block; position: absolute;left: 50%;top: 48%; border-radius: 50%;width:180%;height: 180%; margin: -90% 0 0 -90%; } .lpquan::after{ -webkit-animation:pulseqss 1.5s 0s linear infinite; -moz-animation:pulseqss 1.5s 0s linear infinite; } .lpquan::before{ -webkit-animation:pulseqss 1.5s .75s linear infinite; -moz-animation:pulseqss 1.5s .75s linear infinite; } .fnetwork{ position: relative;z-index: 23; } @-webkit-keyframes pulseqss{ 0%{-webkit-transform:scale(1.1);opacity: .6;} 100%{-webkit-transform:scale(1.5);opacity: 0;} } @-moz-keyframes pulseqss{ 0%{-moz-transform:scale(1.1);opacity: .6;} 100%{-moz-transform:scale(1.5);opacity: 0;} } .lsvideo{ position: relative; } .lsvideo video{ width: 100%;display: block; object-fit: cover; } .lsvideo .icons{ position: absolute; left: 0;right: 0; top: 50%;z-index: 11; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transform:translateY(-50%); padding-top: 85px; font-size:16px ; line-height: 2; color: #ffffff; width: 100px;cursor: pointer; margin: 0 auto;text-align: center; background: url(../images/lps6.png) no-repeat center top; } .lsvideo .icons:hover{ background: url(../images/lps7.png) no-repeat center top; color: #d70c1f; } /* 闂佸搫鍊瑰姗€路閿燂拷 */ .qmnehd{ margin-bottom: 80px; } .qmnehd .lt{ float: left; } .qmnehd .lt li{ float: left;background: url(../images/q4.png) no-repeat center/100%;width: 314px;height: 76px;margin-right: 3px; text-align: center;transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transition:all 0.3s; } .qmnehd .lt li a{ display: block; } .qmnehd .lt li span{ font-size:24px ; line-height: 76px; color: #333333;padding-left: 74px;display: inline-block; } .qmnehd .lt li:nth-child(1) span{ background: url(../images/q1.png) no-repeat left center; } .qmnehd .lt li:nth-child(2) span{ background: url(../images/q2.png) no-repeat left center; } .qmnehd .lt li.on, .qmnehd .lt li:hover{ background: url(../images/q4-1.png) no-repeat center/100%; } .qmnehd .lt li.on span, .qmnehd .lt li:hover span{ color: #fff; } .qmnehd .lt li:nth-child(1).on span, .qmnehd .lt li:nth-child(1):hover span{ background: url(../images/q1-1.png) no-repeat left center; } .qmnehd .lt li:nth-child(2).on span, .qmnehd .lt li:nth-child(2):hover span{ background: url(../images/q2-1.png) no-repeat left center; } .qmnehd .neforms{ float: right;margin-top: 20px; } .qmvideo li{ float: left;width: calc((100% - 82px)/3);margin-right: 40px;margin-bottom: 30px;cursor: pointer; } .qmvideo li:nth-child(3n){ margin-right: 0; } .qmvideo li .img{ position: relative;width: 100%;height: 286px;overflow: hidden; } .qmvideo li .ico img{ display: block; } .qmvideo li .ico{ position: absolute; left: 0;right: 0; top: 50%;z-index: 1; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transform:translateY(-50%); width: 80px;height: 80px;display: block;margin: 0 auto; } .qmvideo li h6{ margin-top: 24px;font-size:22px ; line-height: 1.7; color: #333333; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .qmmask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 999; display: none; } .mskvideo { position: fixed; left: 0; right: 0; top: 50%; z-index: 9999; width: 1200px; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transform: translateY(-50%); margin: 0 auto; display: none; } .mskvideo video { width: 100%; object-fit: cover; } .mskvideo .gb { position: absolute; top: -40px; right: -40px; width: 30px; height: 30px; background: url(../images/qmgb.png) no-repeat center; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transition: all 0.3s; cursor: pointer; z-index: 23; } .mskvideo .gb:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 闂佸憡绮i幏锟 Chrome */ -o-transform: rotate(180deg); } .copyright .qmtaxt{ float: right; } .copyright .inSelect .dropbox{ top: auto !important;bottom: 60px; } .jiquns{ float: left; } .jiquns label{ float: left; font-size: 14px; line-height: 42px; color: #999999; } .jiquns .qsksa{ float: left; width: 230px; background: #fff; border: 1px solid #cbd5e5; position: relative; cursor: pointer; margin-right: 22px; } .jiquns .qsksa h4{ font-size: 14px; line-height: 40px; color: #cccccc; padding: 0 13px; } .jiquns .qsksa dl{ position: absolute; left: 0;right: 0; bottom: 100%;z-index: 11; background: #fff; border: 1px solid #cbd5e5; display: none; } .jiquns .qsksa i{ position: absolute; right: 0;top: 0; background: url(../images/qls1.png) no-repeat center; width: 40px;height: 40px;z-index: 11; } .jiquns .qsksa dd a{ display: block; padding: 0 13px; font-size:14px ; line-height: 36px; color: #333333; } .jiquns .qsksa dd a:hover{ background-color: #d70c1f; color: #FFF; } .ohigh-wrapper .ohw-banner-list .banner-item .webbg{ display: none; } .usbuanb button{ border: none;background: none; } .usbuanb{ position: absolute; right: -30px;top: -80px; width: 70px; height: 70px; cursor: pointer;z-index: 11; } .usbuanb:hover svg{ transform:rotate(720deg); -ms-transform:rotate(720deg); /* IE 9 */ -moz-transform:rotate(720deg); /* Firefox */ -webkit-transform:rotate(720deg); /* Safari 闁告粣鎷 Chrome */ -o-transform:rotate(720deg); } .usbuanb svg{ width: 100%; height: 100%; fill: #fff; cursor: pointer; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 闁告粣鎷 Chrome */ -o-transition:all 0.3s; } .fban520{ height: 500px; } .emch{ font-size:18px ; line-height: 1.7; color: #76869f; margin-top: 40px; } .emch a{ display: inline-block; vertical-align: middle; color: #76869f;text-transform: uppercase; } .emch i{ display: inline-block; vertical-align: middle; width: 1px; height: 16px; background-color: #76869f; margin: 0 15px; } /* 閺傛澘顤 */ .fsharedata .rt{ right: -13%; } .fcultudea .lst2{ max-width: 1480px; margin-left: 40px; } .fcultudea .lst.lst2 li h3 i{ width: auto;float: none; margin-left: 50px; } .fcultudea .lst.lst2 li:nth-child(1) h3:after{ background: url(../images/addico1.png) no-repeat center; } .fcultudea .lst.lst2 li:nth-child(2) h3:after{ background: url(../images/addico2.png) no-repeat center; } .fcultudea .lst.lst2 li:nth-child(3) h3:after{ background: url(../images/addico3.png) no-repeat center; } .fcultudea .lst.lst2 li:nth-child(4) h3:after{ background: url(../images/addico4.png) no-repeat center; } .fcultudea .lst.lst2 li:nth-child(5) h3:after{ background: url(../images/addico5.png) no-repeat center; } .bmpg .bmhd{ position: relative; z-index: 11; text-align: center; } .bmpg .bmhd li{ display: inline-block; width: 290px;position: relative; filter: drop-shadow(2px 4px 3px rgba(80,80,80,0.1)); transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 閸滐拷 Chrome */ -o-transition:all 0.3s; } .bmpg .bmhd li a{ display: block; background: #fff;clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); font-size: 22px;color: #333333; line-height:76px ; } .bmpg .bmhd li.on a, .bmpg .bmhd li a:hover{ color: #fff;font-weight: bold; background: #d70c1f; } .bmpg .bmhd li::after{ content: "";position: absolute; left: 0;right: 0;top: 99%; background: url(../images/icon1.png) no-repeat center; width: 18px;height: 9px;z-index: 1;margin: 0 auto; opacity: 0;transition-delay: 0.1s; } .bmpg .bmhd li.on::after, .bmpg .bmhd li:hover::after{ opacity: 1; } .bmpg .bmhd li.on, .bmpg .bmhd li:hover{ filter: drop-shadow(2px 4px 3px rgba(215,12,31,0.2)); } .bmpg .bmbd{ background: url(../images/addbg.png) no-repeat center bottom/110% auto #fff; clip-path: polygon(4% 0, 100% 0, 96% 100%, 0% 100%); padding: 90px 200px;text-align: center;margin-top: -30px; } .bmpg .bmbd .text{ font-size: 18px; line-height: 1.8; color: #333333; } .bmpg .bmbd .text{ display: none; } .bmpg .bmbd .text:first-child{ display: block; } .flogistis li .imgs ul{ position: absolute; left: 0;right: 0;z-index: 1; top: 50%;text-align: center; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 閸滐拷 Chrome */ -o-transform:translateY(-50%); padding-left: 5%; } .flogistis li .imgs li{ display: inline-block; margin: 0 ;width: 13.1vw; } .flogistis li .imgs li .icons{ width: 7.1vw;margin: 0.7vw auto; height: 7.1vw; } .flogistis li .imgs li .icons img{ display: block;-webkit-animation: xuanzs 2.5s linear infinite; animation: xuanzs 2.5s linear infinite; } .flogistis li .imgs li h4{ font-size: 1.6vw;font-weight: bold; color: #fff; } .flogistis li .imgs li h6{ font-size:1.2vw ; line-height: 1.7; color: #fff; } .flogistis li .lts .list li h2{ font-size: 40px;line-height: 40px; } .flogistis li .lts .list li h6{ height: auto !important; } .flogistis li .lts p span{ font-size: 1.2em !important; } .flogistis li .lts .list li{ margin-bottom: 0 !important; } @media only screen and (max-width:1440px) { .flogistis li .imgs{ width: 70%; } .flogistis li .lts{ width: 58%; } .flogistis li .ftlt{ margin-bottom: 84px; } } @media only screen and (max-width:1200px) { .flogistis li .ftlt{ margin-bottom: 84px; } .flogistis li .lts{ /* height: 360px !important; */ } .flogistis li .lts p{ font-size: 12px !important; line-height: 1.6 !important; } } @media only screen and (max-width:768px) { .flogistis li .lts{ height: auto !important; } .fcultudea .lst.lst2{ margin-left: 0; /* padding-right: 0; */ } .fcultudea .lst.lst2 li h3 i{ display: block;margin-left: 0; padding: 0;padding-right: 50px; } .fcultudea .lst li h3:after{ top: 50%; margin-top: -20px; } } .fsmartlog .list .pors{ position: relative; max-width: 1616px; } .fsmartlog .list .tico{ position: absolute; z-index: 1;top: 0; } .fsmartlog .list .tico img{ width: 100%;display: block;height: 100%; } .fsmartlog .list .tico1{ left: -4%;right: 0;top: 5%; -webkit-animation: bounce-up5 2.5s linear infinite; animation: bounce-up5 2.5s linear infinite; } .fsmartlog .list .tico1 img{ display: block; margin: 0 auto; width: 35.5%;height: 100%; } .fsmartlog .list .tico2{ left: 32%;top: 32%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; width: 4%; } .fsmartlog .list .tico3{ left: 53%;top: 30%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; width: 4%; } .fsmartlog .list .tico4{ left: 34%;top: 46%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; width: 4%; } .fsmartlog .list .tico5{ left: 52.5%;top: 46%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; width: 4%; } .fsmartlog .list .tico6{ left: 24%;bottom: 20%;top: auto; -webkit-animation: bounce-up5 2.5s 0.5s linear infinite; animation: bounce-up5 2.5s 0.5s linear infinite; width: 3%; } .fsmartlog .list .tico7{ left: 26.5%;top: 45%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico8{ left: 30.5%;top: 52%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico9{ left: 35%;top: 56%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico10{ left: 39%;top: 58%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico11{ left: 43%;top: 60%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico12{ left: 48%;top:58%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico13{ left: 52.5%;top:56%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico14{ left: 57%;top:52.5%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico15{ left: 61.5%;top:47%; -webkit-animation: pulse 1.5s linear infinite; animation: pulse 1.5s linear infinite; height: 9%; } .fsmartlog .list .tico16{ left: 69%;bottom: 20%;top: auto; -webkit-animation: bounce-up5 2.5s 0.5s linear infinite; animation: bounce-up5 2.5s 0.5s linear infinite; width: 3%; } .fsmartlog .list .tico17{ left: -4%; right: 0; top: 27%; width: 12%; margin: 0 auto; } .fsmartlog .list .tico17 img{ display: block; margin: 0 auto; } .fsmartlog .list .ticoaa{ margin-top: 5.5%;margin-left: 2.5%; } .fsmartlog .list .ticoa{ margin-top: 3%;margin-left: 2.5%; } .fsmartlog .list .ticoaa img{ width: auto; } @-webkit-keyframes bounce-up5 { 25% { -webkit-transform: translateY(5px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(-5px); } } @keyframes bounce-up5 { 25% { transform: translateY(5px); } 50%, 100% { transform: translateY(0); } 75% { transform: translateY(-5px); } } @media only screen and (max-width:768px) { @-webkit-keyframes bounce-up5 { 25% { -webkit-transform: translateY(2px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(-2px); } } @keyframes bounce-up5 { 25% { transform: translateY(2px); } 50%, 100% { transform: translateY(0); } 75% { transform: translateY(-2px); } } } /* 鏂板 */ .fcultudea>div{ overflow: hidden; } .fculture .more{ background: #fff; } .fculture .more span{ color: #333; background: url(../images/ficon2-111.png) no-repeat right center } .fculture .more:hover span{ color: #fff; background: url(../images/ficon2.png) no-repeat right center } .fculture .more:hover{ background: #d70c1f; } .fawhole .habou .lts .list{ margin-top: 20px !important; } .hnews .list li .more{ width: auto; position: absolute; z-index: 3; bottom: 0; left: -55px; opacity: 0; transition: all 0.3s; width: auto; right: 5%; height: 212px; background: url(../images/fr2.png) no-repeat center bottom/100% auto !important; clip-path: initial;opacity: 0; } .hnews .list li .more span, .hnews .list li .more>div{ display: none; } .hnews .list li:hover .more{ opacity: 1; } .fbusiness .bmpg{ padding-top: 70px; padding-bottom: 70px; } .fnews .padd{ padding: 0 8% !important; } .fnews{ padding: 95px 0 0; } .fculture .imgs .usbtns1{ background: none !important; font-size: 0; } .fculture .imgs .usbtns1>div{ display: none; } .fawhole .fculture .imgs .mo{ right: 10px; } .fculture .imgs .usbtns1:hover span { background: url(../images/ficon9.png) no-repeat right center; } .fawhole .fsmart .fimgs{ padding-bottom: 130px; } .hnews .list{ padding-bottom: 80px; } /* 淇敼 */ .xzsqmulst { margin: -50px auto 0;position: relative;z-index: 2;text-align: left;margin-left: 210px; } .xzsqmulst ul{ display: inline-block; } .xzsqmulst li { float: left; width: 347px; height: 82px; background: url(../images/ficon74.png) no-repeat center/cover; text-align: center; padding: 0 35px; transition: all 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .xzsqmulst li:hover { background: url(../images/ficon73.png) no-repeat center/cover; } .xzsqmulst li span { display: inline-block; padding: 0 55px 0 80px; font-size: 22px; line-height: 82px; color: #333; position: relative; transition: all 0.3s; } .xzsqmulst li span:before { position: absolute; z-index: 33; top: 0; left: 0; transition: all 0.3s; height: 82px; width: 80px; overflow: hidden; content: ""; background: url(../images/ficon66.png) no-repeat top center; } .xzsqmulst li:nth-child(3) span:before, .xzsqmulst li:nth-child(2) span:before { background: url(../images/ficon67.png) no-repeat top center; } .xzsqmulst li:nth-child(3):hover span:before, .xzsqmulst li:nth-child(2):hover span:before { background: url(../images/ficon67.png) no-repeat bottom center; } .xzsqmulst li:hover span:before { background: url(../images/ficon66.png) no-repeat bottom center; } .xzsqmulst li a { display: block; width: 100%; } .xzsqmulst li:hover span { color: #fff; } .xzsqmulst li span:after { position: absolute; z-index: 33; content: ""; top: 50%; transform: translateY(-50%); right: 0; background: url(../images/ficon68.png) no-repeat right center; width: 36px; height: 82px; } .fsmartlog .list dd .xzsqmutrxt{ padding: 25px 0 136px; } .xzsqmutcangc{ margin-top: 100px; } .xzsqmutcangc ul{ font-size: 0;text-align: center; } .xzsqmutcangc li{ display: inline-block;width: 50%;margin-bottom: 180px; } .xzsqmutcangc li:nth-child(2){ padding-left: 90px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .xzsqmutcangc li .ts{ display: flex;justify-content: flex-start;align-items: center; } .xzsqmutcangc li .ico{ width: 294px;height: 294px;border-radius: 50%;padding: 5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;box-shadow: 0 10px 30px 0 #d4e5f7;position: relative;background: #fff; } .xzsqmutcangc li .ico::before{ content: "";position: absolute; left: 0;right: 0; bottom: -98px;z-index: 1; background: url(../images/xaqmus4.png) no-repeat center/cover;width: 13px;height: 98px; display: block;margin: 0 auto; } .xzsqmutcangc li:nth-child(3) .ico::before{ bottom: auto;top: -98px;background: url(../images/xaqmus5.png) no-repeat center/cover; } .xzsqmutcangc li .ico img{ width: 100%;height: 100%;display: block;object-fit: cover;border-radius: 50%; } .xzsqmutcangc li .txt{ margin-left: 62px; } .xzsqmutcangc li .txt h3{ font-size:28px ; line-height: 1.7; color: #d70c1f;margin-bottom: 22px; } .xzsqmutcangc li .txt p{ font-size:16px ; line-height: 32px; color: #333333; } .xzqmufintelle .fnav .ftlt{ float: none;width: auto; } .xzqmufintelle .box{ margin-top: 55px;padding: 80px 0; } .xzqmufintelle .box h3{ font-size:22px ; line-height: 1.7; color: #fff; } .xzqmufintelle .box .ts{ text-align: center; } .xzqmufintelle .box .ts ul{ text-align: center;display: inline-block;margin-top: 15px;font-size: 0; } .xzqmufintelle .box .ts li{ display: inline-block;background: url(../images/xaqmus2.png) no-repeat center/cover;width: 192px;height: 90px;line-height: 90px; font-size:18px ; color: #fff;margin: 0 8px; } .xzqmufintelle .box .bd{ margin-top: 55px;text-align: center; } .xzqmufintelle .box .bd ul{ display: inline-block;font-size: 0; } .xzqmufintelle .box .bd li{ margin: 0 33px;background: url(../images/xaqmus3.png) no-repeat center/cover;width: 511px;height: 356px; padding: 20px 15px 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;display: inline-block; } .xzqmufintelle .box .bd li .img{ width: 100%;height: 250px;overflow: hidden; } .xzqmufintelle .box .bd li img{ width: 100%;height: 100%;display: block;object-fit: cover; } .xzqmufintelle .box .bd li h6{ font-size:24px ; line-height: 1.7; color: #fff;text-align: center;margin-top: 20px; } .fsharedata .padd::after{ display: none; } .xzqmufintelle .padd::after{ position: absolute; z-index: 11; content: ""; top: -200px; background: url(../images/ficon65.png) no-repeat center/cover; right: 62px; width: 97px; height: 130px; } .xzsqmutcangc li .ico img{ position: relative;z-index: 2; } .uswuliuzy{ background: #e5ecf7; } .uswuliuzy .ftlt{ text-align: center; } .uswuliuzy .ftlt h3{ color: #cbd8ec;font-size: 54px; } .uswuliuzy .ftlt h2{ font-size: 48px; line-height: 1.2; } .uswuliuzy .hd li{ margin-top: 100px; margin-left: -190px; background: url(../images/upic/bg4.png) no-repeat center bottom/100% auto #fff; margin-right: 190px; } .uswuliuzy .hd li .text{ float: left;width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-right: 100px; padding-top: 80px; } .uswuliuzy .hd li .pics{ float: right; width: 50%; position: relative; } .uswuliuzy .hd li .clearfix{ padding-left: 190px; } .uswuliuzy .hd li .text dl{ overflow: hidden; } .uswuliuzy .hd li .text dd{ float: left; margin-right: 80px; } .uswuliuzy .hd li .text dd h2{ font-size: 60px; line-height: 1.2; color: #333333;font-weight: bold; } .uswuliuzy .hd li .text dd h2 i{ font-size:14px ;color: #666666; font-weight: 400; } .uswuliuzy .hd li .text dd h4{ font-size: 14px; line-height: 1.7; color: #666666; } .uswuliuzy .hd li .txt{ margin-top: 60px; font-size: 16px; line-height: 1.8; color: #333333; } .uswuliuzy .hd li .txt strong{ font-size: 1.2em;color: #d70c1f;font-weight: bold; } .uswuliuzy .hd li .pics::after{ content: "";position: absolute; left: 0;right: 0;top: 0;bottom: 0; z-index: 1;background: rgba(0,0,0,0.4); } .uswuliuzy .hd li .pics>img{ width: 100%;display: block; object-fit: cover; } .uswuliuzy .hd li .pics .cen{ position: absolute; left: 0;right: 0; top: 50%;z-index: 1; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 鍜 Chrome */ -o-transform:translateY(-50%); text-align: center; z-index: 11; } .uswuliuzy .hd li .pics h3{ font-size: 26px; line-height: 1.7; color: #ffffff; font-weight: lighter; text-transform: uppercase; margin-top: 15px; } .uswuliuzy .hd li .pics h5{ font-size: 44px; line-height: 1.2; color: #ffffff; } .uswuliuzy .hd li:nth-child(2n) .pics{ float: left; } .uswuliuzy .hd li:nth-child(2n){ position: relative; } .uswuliuzy .hd li:nth-child(2n)::before{ content: ""; right: -190px;top: 50%; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 鍜 Chrome */ -o-transform:translateY(-50%); background: url(../images/upic/ico5.png) no-repeat right center/100% 100%; width: 126px;height: 253px;position: absolute; } .uswuliuzy .hd li:nth-child(2n) .text{ float: right;padding-left: 30px; } .uswuliuzy .hd li:nth-child(2n){ margin-left: 0px;padding-left: 0px; } .uswuliuzy .hd li:nth-child(2n) .clearfix{ padding-left: 0; } .uswuliuzy .bd{ margin-top: 100px; padding-right: 190px; } .uswuliuzy .bd ul{ margin-top: 70px; } .uswuliuzy .bd li{ background: url(../images/upic/bg1.png) no-repeat right bottom #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 12px 100px 40px 60px; margin-bottom: 7px; } .uswuliuzy .bd li h2{ margin-left: -60px; padding-left: 60px; background: url(../images/upic/bg3.png) no-repeat left center; font-size: 30px;color: #d70c1f; line-height:72px ; color: #d70c1f; } .uswuliuzy .bd li .dls{ padding: 15px 0 0; } .uswuliuzy .bd li .dls h4{ font-size: 60px; line-height: 1.2; color: #333333; font-weight: bold; } .uswuliuzy .bd li .dls i{ font-size: 14px;color: #666666; font-weight: 400; } .uswuliuzy .bd li .dls dl{ margin-top: 50px;overflow: hidden; } .uswuliuzy .bd li .dls dd{ width: 46%;float: left; } .uswuliuzy .bd li .dls dd:nth-child(2n){ float: right; } .uswuliuzy .bd li p{ font-size: 16px; line-height: 1.7; color: #333333; } .uswuliuzy .bd li .dls p strong{ font-weight: bold;display: block; color: #d70c1f; } .uswuliuzy .bd li .mts{ margin-top: 50px; } @media only screen and (max-width: 1840px){ .uswuliuzy .hd li{ margin-right: 120px; } .uswuliuzy .bd{ padding-right: 120px; } .uswuliuzy .bd li .dls h4, .uswuliuzy .hd li .text dd h2{ font-size: 30px; } .uswuliuzy .hd li .pics .cen img{ max-width: 80px;max-height: 80px; object-fit: contain; } .uswuliuzy .hd li .pics h3{ font-size: 20px; } .uswuliuzy .hd li .pics h5{ font-size: 38px; } .uswuliuzy .hd li .text dd{ margin-right: 30px; } } @media only screen and (max-width: 1640px){ .uswuliuzy .hd li .text{ padding-top: 30px;padding-right: 30px; } .uswuliuzy .hd li .txt{ margin-top: 20px;font-size: 14px; } .uswuliuzy .bd li h2{ font-size: 24px; } } @media only screen and (max-width: 1400px){ .uswuliuzy .ftlt h2{ font-size: 28px; } .uswuliuzy .ftlt h3{ font-size: 35px; } .uswuliuzy .hd li .pics .cen img{ max-width:50px; max-height: 50px; object-fit: contain; } } @media only screen and (max-width: 1100px){ .uswuliuzy .hd li{ margin-right: 20px; } .uswuliuzy .bd li .dls h4, .uswuliuzy .hd li .text dd h2{ font-size: 28px; } .uswuliuzy .hd li .text dd{ margin-right: 40px; } .uswuliuzy .hd li .text{ padding-right: 40px;padding-top: 40px; } .uswuliuzy .hd li .txt{ margin-top: 20px;font-size: 14px; } .uswuliuzy .hd li .pics .cen img{ max-width: 50px; max-height: 50px; } .uswuliuzy .hd li .pics h5{ font-size: 28px; } .uswuliuzy .ftlt h3{ font-size: 30px; } .uswuliuzy .ftlt h2{ font-size: 26px; } .uswuliuzy .bd li p{ font-size: 14px; } .uswuliuzy .bd li{ padding: 12px 40px 30px 40px; } .uswuliuzy .bd li h2{ margin-left: -40px; padding-left: 40px; font-size: 20px; line-height: 50px; } .uswuliuzy .bd{ margin-top: 60px; } .uswuliuzy .bd{ padding-right: 20px; } } @media only screen and (max-width: 1000px){ .uswuliuzy .hd li .text, .uswuliuzy .hd li .pics{ float: none !important; width: auto; } .uswuliuzy .hd li .text{ margin-bottom: 20px; } .uswuliuzy .hd li .text{ padding: 20px !important; } .uswuliuzy .bd li .dls dd{ float: none !important; width: auto; } .uswuliuzy .bd li .dls dl{ margin-top: 20px; } .uswuliuzy .bd li .mts{ margin-top: 20px; } .uswuliuzy .bd ul{ margin-top: 30px; } .uswuliuzy .bd li{ padding: 10px; } .uswuliuzy .bd li h2{ font-size:16px; line-height: 40px; margin-left: -10px; padding-left: 10px; } .uswuliuzy .bd li .dls h4, .uswuliuzy .hd li .text dd h2{ font-size: 20px; } .uswuliuzy .hd li{ margin: 20px 0 0; } .uswuliuzy .hd li .clearfix{ padding: 0; } .uswuliuzy .bd{ padding-right: 0; } .uswuliuzy .bd li{ background-size: 30% auto !important; } .uswuliuzy .bd li .mts{ margin-top: 10px; } }