a{color: #000; cursor: pointer;} a:hover{ text-decoration: none;} @font-face { font-family: impact; src: ; } body,html{font-family: arial, "微软雅黑"; font-size: 16px;height: 100%;} *{transition: all 1s;word-wrap:break-word; outline: none !important; -webkit-transition: all 1s;padding:0;outline: none; margin:0;} .clear{ clear: both;} .jueduijz{ position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); } .zaxdzxff input::-webkit-input-placeholder { color: #a6a6a7; } .zaxdzxff input::-moz-placeholder { color: #a6a6a7; } .zaxdzxff input:-ms-input-placeholder { color: #a6a6a7; } .yingyin{box-shadow:1px 1px 10px #444; -moz-box-shadow:1px 1px 10px #444; -webkit-box-shadow:1px 1px 10px #444;} .yichuyinc{ overflow: hidden;} .yichuyinc img:hover{transform:scale(1.2)} .suodj{width: 35px;margin-right: 10px; cursor: pointer; } .suodjx{width: 35px; height: 3px;background-color: #717171; margin: 5px 0px;border-radius: 3px; } .sanjioax:before{width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #ff0000; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);} .suodj:before{ content: "" ; display:block; background-color: #717171; height: 3px; border-radius: 3px; } .suodj:after{ content: ""; display:block; background-color: #717171; height: 3px; border-radius: 3px; } .suodj.djih .suodjx{ opacity: 0;margin: 10px 0px; } .suodj.djih:before{ transition: all 0.6s; -webkit-transition: all 0.6s; content: "" ; transform: rotate(45deg); transform-origin:bottom left; -ms-transform: rotate(45deg); -ms-transform-origin:bottom left; -webkit-transform: rotate(45deg); -webkit-transform-origin:bottom left; -moz-transform: rotate(45deg); -moz-transform-origin:bottom left; -o-transform: rotate(45deg); -o-transform-origin:bottom left; } .suodj.djih:after{ transition: all 0.6s; -webkit-transition: all 0.6s; content: ""; transform: rotate(-45deg); transform-origin:top left; -ms-transform: rotate(-45deg); -ms-transform-origin:top left; -webkit-transform: rotate(-45deg); -webkit-transform-origin:top left; -moz-transform: rotate(-45deg); -moz-transform-origin:top left; -o-transform: rotate(-45deg); -o-transform-origin:top left; } .yingyintext{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yingyintext_x{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 ; overflow: hidden; white-space: inherit } .sanjiaox{ border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #ff0000;} .juzhong{ display: inline-block;vertical-align: middle;} .shdoiacon::-webkit-scrollbar {/*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .yuaasdadn_x2 .yuaasdadn_x_1 { left: -337%; } .yuaasdadn_x2 .yuaasdadn_x_1 b{ color: #009b4c;} .shdoiacon::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #009b4c; } .shdoiacon::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #535353; } /*侧导航*/ .xuanfu{ position: fixed; right: 20%; top: 50%; z-index: 9999999999999999999; width: 50px;} .xuanfu:hover{transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; } .xuanfu_x{ background-color: #6b6b6b; margin-bottom: 5px;position: relative; left: 100%; margin-left: -50px;width: 50px;height: 50px; } .xuanfu_x img{ margin: 15px;width: 20px;display: inline-block;vertical-align: middle;} .xuanfu_x p{font-size: 14px; color: #fff; padding-right: 18px;white-space:nowrap;} .xuanfu_xdh{width: 100%;width: 50px;position: relative;} .xuanfu_xdh:hover{ } .xuanfu_xdh .xuanfu_xx{height: 50px;width: 100%; background-color: #6b6b6b; width: 100%;overflow: hidden; position: absolute; right: 0px; top: 0px;} .xuanfu_xx.wxinwk{position: relative;} .xuanfu_xx.wxinwk .wxin{ width: 80px; display: none; margin: 0px; position: absolute;right: 120%; top: 0px;} .xuanfu_xx.wxinwk:hover .wxin{ display: block;} .xuanfu_xdh:hover .xuanfu_xx{width: 157px;overflow: initial;} .xuanfu_xdh p{ display:inline-block; margin-bottom: 0px; position: relative; left: 0px; top: 0px; } .xuanfu_xdh:hover p{ } /*侧导航*/ .danhnav_in input::-webkit-input-placeholder, .danhnav_in textarea::-webkit-input-placeholder{ color:#fff; } .danhnav_in input::-moz-placeholder, .danhnav_in textarea::-moz-placeholder{ /* mozilla firefox 19 */ color:#fff; } .danhnav_in input:-moz-placeholder, .danhnav_in textarea:-moz-placeholder{ /* mozilla firefox 4 to 18 */ color:#fff; } .danhnav_in input:-ms-input-placeholder, .danhnav_in textarea:-ms-input-placeholder{ /* internet explorer 10-11 */ color:#fff; } /*输入框侧导航*/ .tiosdbu{ width: 50px;height: 50px;} .tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:before, .tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:after{ position:absolute; content:''; width:14px; height:14px; top:-8px; left:50%; margin-left:-7px; overflow:hidden; -webkit-transform:rotate(45deg); -mz-transform:rotate(45deg); transform:rotate(45deg); } .tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:before{ background:#ddd; box-shadow:-4px -4px 10px rgba(221,221,221,.6) } .tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:after{ top:-8px;background:#fff; } /*阴影三角*/ .container{width: 1400px;padding: 0px;} .danhnav{padding: 21px 0px;position: fixed;width: 100%;left: 0px;top: 0px;z-index: 999; } .danhnav.active{background-color: rgba(0,0,0,0.5);} .danhnav .danhnav_logo{display: inline-block;margin-top: 8.5px;} .danhnav .danhnav_logo img{width: 230px;} .danhnav .danhnav_r{float: right;font-size: 0;} .danhnav_in,.qiehyy,.qiehniu{display: inline-block;vertical-align: middle;} .danhnav_in{padding-right: 22px;position: relative;transition: none;-webkit-transition: none; background: url(/uploads/image/himg/sodus.png) no-repeat center right; background-size: 15px auto;cursor: pointer;height: 29px; } .danhnav_in input{border: none;border-bottom: 1px solid #fff; width: 250px;font-size: 14px; color: #fff;background-color: transparent; padding:4px 0px;width: 0px;position: absolute;right: 22px; } .danhnav_in img{width: 15px;display: none;position: absolute;top: 0px;right: 0px;cursor: pointer; top: 50%;margin-top: -8px;} .danhnav_in.active{cursor: default;background: none;} .danhnav_in.active img{ display: block;} .danhnav_in.active input{width: 250px;padding: 4px 10px;} .qiehyy{position: relative;margin-left: 20px;margin-right: 35px;} .qiehyy a{color: #ffffff;font-size: 16px;display: block;} .qiehyy .qiehyy_x{position: absolute; width: 80px;transition: none;-webkit-transition: none;display: none; left: 50%;margin-left: -40px;top: 100%;margin-top: 15px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.2);padding: 5px;text-align: center; } .qiehyy .qiehyy_x a{font-size: 14px;margin: 5px 0px;} .qiehniu{ width: 45px;height: 45px;padding: 12px;border-radius: 100%;border: 1px solid #f5f6f8;font-size: 0;cursor: pointer;position: relative;} .gzdkzk{ width: 1px; height: 20px;background-color: #fff;display: inline-block;position: relative;} .gzdkzk:nth-child(2){margin: 0 8px;} .gzdkzk:before{ display: block; content: ""; height: 5px; width: 5px;border-radius: 100%; border: 1px solid #fff;background-color: #405c82; position: absolute; left: -2px;top: 0; } .gzdkzk.gzdkzk1:before{top: 100%;margin-top: -5px;} .gzdkzk.gzdkzk2:before{top: 50%;margin-top: -2px;} .gzdkzk.gzdkzk3:before{top: 0;} .gzdkzk.gzdkzk1:before{ animation: gogogo1 2s infinite linear; -webkit-animation: gogogo1 2s infinite linear; } .gzdkzk.gzdkzk2:before{ animation: gogogo2 2s infinite linear; -webkit-animation: gogogo2 2s infinite linear; } .gzdkzk.gzdkzk3:before{ animation: gogogo3 2s infinite linear; -webkit-animation: gogogo3 2s infinite linear; } .qiehniu:hover .gzdkzk:before{animation-play-state: paused;} .qiehniu:before{ content: ""; display: block; width:1px; height: 1px; border-radius: 100%;background-color: #000; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transition: all 1.5s ; -webkit-transition: all 1.5s ; z-index: -1 } .danhnav .danhnav_x{position: relative;z-index: 2;} .qiehniu.active:before{ width:10000px; height: 10000px; transition: all 2s ; -webkit-transition: all 2s ; z-index: -99; } .qiehniu.active .gzdkzk:before{display: none;} .qiehniu.active .gzdkzk1{ height: 25px;position: relative;top: -5px; transform: rotate(45deg); transform-origin:bottom center; -ms-transform: rotate(45deg); -ms-transform-origin:bottom center; -webkit-transform: rotate(45deg); -webkit-transform-origin:bottom center; -moz-transform: rotate(45deg); -moz-transform-origin:bottom center; -o-transform: rotate(45deg); -o-transform-origin:bottom center; } .qiehniu.active .gzdkzk2{opacity: 0;} .qiehniu.active .gzdkzk3{ height: 25px;position: relative;top: -5px; transform: rotate(-45deg); transform-origin:bottom left; -ms-transform: rotate(-45deg); -ms-transform-origin:bottom center; -webkit-transform: rotate(-45deg); -webkit-transform-origin:bottom center; -moz-transform: rotate(-45deg); -moz-transform-origin:bottom center; -o-transform: rotate(-45deg); -o-transform-origin:bottom center; } @-webkit-keyframes gogogo1{ 0%{ top:100% } 25%{ top:50% } 50%{ top:0%;margin-top:0px; } 75%{ top:50% } 100%{ top:100% } } @-webkit-keyframes gogogo2{ 0%{ top:50% } 25%{ top:100% } 50%{ top:50%% } 75%{ top:0% } 100%{ top:50% } } @-webkit-keyframes gogogo3{ 0%{ top:0px } 25%{ top:50% } 50%{ top:100% } 75%{ top:50% } 100%{ top:0px } } .zhansdoh{position: fixed;width: 100%;left: 0px;top: 0px;z-index: -1;height: 100%; background-color: #000; display:none;opacity: 0;cursor: default;} .zhansdoh.active{opacity: 1;} .zhansdoh .zhansdoh_x .jueduijz{width: 80%;} .zhansdoh .zhansdoh_x{position: relative;width: 16.66666666666667%;float: left;height: 100%;text-align: center; z-index: 99; } .zhansdoh .zhansdoh_x:before{ content: ""; position: absolute;left: 0px;width: 1px;height: 100%; background-color: #fff;opacity: 0.4;top: 0px; } .zhansdoh .zhansdoh_x:first-child:before{display: none;} .zhansdoh .zhansdoh_x h2{ color: #fcfcfc;font-size: 30px; font-family: impact; } .swiper-container1, .swiper-container1 *{height: 100%;} .swiper-container1 .swiper-slide{overflow: hidden;position: relative;} .swiper-container1 .swiper-slide img{position: absolute;top: 50%;left: 50%;height: 110%; transform: translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); } .banerimg{ position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;z-index: -1;} .banerimg img{position: absolute;top: 50%;left: 50%;height: 110%; transform: translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); } .zhansdoh_img img{opacity: 0;} .zhansdoh_img img.active{opacity: 1;} .zhansdoh_xx{ display: none; position: relative; transition: none; -webkit-transition: none; text-align: center; } .zhansdoh_xx:before{ content: ""; display: inline-block; width: 1px;height: 40px;background-color: #fff;margin:5px 0; } .zhansdoh_xx p{color: #fcfcfc;font-size: 18px;margin: 10px 0px;} .zhansdoh_xx p:hover{color: #215fb0;} .swiper_zdy{position: absolute;width: 100%;left: 0px;top: 45%;height: auto !important; transform: translate(0%, -50%); -ms-transform:translate(0%, -50%); -moz-transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); -o-transform:translate(0%, -50%); z-index: 2; } .swiper_zdy .container{position: relative;} .swiper_zdy .swiper_txt{ text-align: center;position: relative;top: -60px;opacity: 0; transition: all 1.6s; -webkit-transition: all 1.6s; } .swiper-slide-active .swiper_zdy .swiper_txt, .berner.active .swiper_zdy .swiper_txt{ top: 0px;opacity: 1;} .swiper_zdy .swiper_txt h2{margin: 0;line-height:50px;color:#fff;font-size: 55px;font-family: impact;margin-bottom: 50px;letter-spacing: 1px;} .swiper_zdy .swiper_txt p{margin: 0;font-size: 20px;margin: 0;color:#fff;letter-spacing: 2px;opacity: 0.8;} .dispm{position: relative;height: 100%; } .dispm .dispm_x{font-size: 0;text-align: center;position: absolute;bottom: 0px;left: 50%; transform: translate( -50%,0%); -ms-transform:translate( -50%, 0%); -moz-transform:translate( -50%,0%); -webkit-transform:translate( -50%, 0%); -o-transform:translate( -50%, 0%); z-index: 9; } .dispm .dispm_x:after{ content: ""; display: block;margin: 0 auto; width: 2px;height: 35px;background-color: #fff; } .dispm .dispm_x p{font-size: 14px;color: #ffffff;opacity: 0.6;margin-bottom: 20px;} .dispm_img{display: inline-block;border-radius: 100%;border: 1px solid #fff;padding: 12px;cursor: pointer;} .dispm_img img{ width: 15px;position: relative;top: -10px; animation: gwugd 1s infinite linear; -webkit-animation: gwugd 1s infinite linear; } @-webkit-keyframes gwugd{ 0%{ top:-3px } 25%{ top:0px } 50%{ top:3px } 75%{ top:0px } 100%{ top:-3px } } .swiper_fyq{position: absolute;right: 6px; transform: translate(0%, -50%); -ms-transform:translate(0%, -50%); -moz-transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); -o-transform:translate(0%, -50%);display: none; } .swiper_fyq .sdhuz{ display: inline-block; width: 35px;height: 35px;border-radius: 100%; background-color: rgba(0,0,0,0.4); position: relative; } .swiper_fyq .sdhuz span{color: #ffffff;font-size: 15px;height: auto;display: block; text-align: center;line-height: 35px; } .swiper_fyq_x{ display: block;position: relative; margin: 10px auto;width: 2px;height: 95px;background-color: #fff; } .swiper_fyq_x .swiper_fyq_xx{ position: absolute; left: 0px; width: 100%; top: 0px;height: 33.333%;background-color: #0e62d2; } .disdp{min-height: 100%;padding:7% 0px 6% 0px; } .disdp1{ background: url(/uploads/image/himg/apshjc.png) no-repeat center; background-size:auto 110% ; } .disdp2{ background: url(/uploads/image/himg/apshjc2.png) no-repeat center; background-size: auto 110% ; } .disdp3{ background: url(/uploads/image/himg/apshjc3.png) no-repeat center; background-size: auto 110% ;overflow: hidden; } .disdp4{ background: url(/uploads/image/himg/apshjc4.png) no-repeat center; background-size:110% auto ;position: relative; padding: 5% 0px 3% 0px; position: fixed;width: 100%;z-index: -1; left: 0px;bottom: 0px; min-height: auto; } .disdp4.active{ background: url(/uploads/image/himg/apshjc4.png) no-repeat center; background-size: auto 110% ;position: relative; padding: 10% 0px 5% 0px; position: fixed;width: 100%;z-index: -1; left: 0px;bottom: 0px; min-height: 100%; } .disdp4k{ position: relative;z-index: -2;} .disdp .disdp_yuan{width: 700px;height: 700px;border-radius: 100%;background-color:rgba(51,51,51,0.2);margin: 0 auto;position: relative; /*box-shadow:110px 0px 100px rgba(15,75,156,0.2); -moz-box-shadow:110px 0px 100px rgba(15,75,156,0.2); -webkit-box-shadow:110px 0px 100px rgba(15,75,156,0.2);*/ } .disdp .disdp_yuan:before{ content: ""; left: 25%; top: 25%; width: 50%; height: 50%; position: absolute; border-radius: 100%; background-color: #f5f5f5; } .disdp .disdp_yuan:after { content: ""; left: 25%; top: 25%; width: 50%; height: 50%; position: absolute; border-radius: 100%; background-color: #f5f5f5; animation: ydun 3s linear infinite; -webkit-animation: ydun 3s linear infinite; } @keyframes ydun { 0% { transform:scale(1.0); opacity: 1; } 100% { transform:scale(1.4); opacity: 0; } } @-webkit-keyframes ydun { 0% { transform:scale(1.0); opacity: 1; } 100% { transform:scale(1.4); opacity: 0; } } .alnsbj{ position: absolute; width: 31%; right: -97px; top: -38px; } .alnsbj>img{width: 100%;} .alnsbj .alnsbj_img{ width: 100%;position: absolute;top: 0px;left: 0px; } .alnsbj .alnsbj_x{position: absolute;padding: 5px;border-radius: 100%;border: 1px solid #333;cursor: pointer;} .alnsbj .alnsbj_x img{width:30px;display: none;} .alnsbj .alnsbj_x img:first-child{display: block;} .alnsbj .alnsbj_x.active img{width:30px;display: block;} .alnsbj .alnsbj_x.active img:first-child{display: none;} .alnsbj .alnsbj_x p{position: absolute;top: 50%;left: 100%;color: #333333;font-size: 17px;margin: 0;margin-left: 15px;width: max-content; margin-top: -12px; width: -webkit-max-content; word-break:keep-all; white-space:nowrap; } .alnsbj .alnsbj_x.alnsbj_x1{ right: 113px; top: 47px; } .alnsbj .alnsbj_x.alnsbj_x2{ right: 31px; top: 152px; } .alnsbj .alnsbj_x.alnsbj_x3{ right: -10px; top: 278px; } .alnsbj .alnsbj_x.alnsbj_x4{ right: -17px; top: 411px; } .alnsbj .alnsbj_x.alnsbj_x5{ right: 17px; top: 539px; } .alnsbj .alnsbj_x.alnsbj_x6{ right: 87px; top: 652px; } .alnsbj .alnsbj_x.active{transform:scale(1.35);border: 1px solid #215fb0;background-color: #215fb0;} .alnsbj .alnsbj_x.active p{font-weight: bold;font-size: 14px;color: #333;} .cls-1{ fill:none; stroke-width: 2px; stroke:#215fb0; -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none; stroke-dasharray: 80 80; stroke-dashoffset: 80; } .cls-1.active{ -moz-transition:1s ease ; -o-transition:1s ease ; -webkit-transition:1s ease ; transition:1s ease; stroke-dashoffset: 0; } .alnsbj_img2 .cls-1{ fill:none; stroke-width: 2px; stroke:#333; stroke-dasharray: 80 80; stroke-dashoffset:0; } .chancpwk{position: absolute;width: 100%;height: 100%;left: 0px;top: 0;z-index: 2;border-radius: 100%;} .chancp{ width: 70%;top: 55%;opacity: 0;z-index: -2;} .chancp>img{display: block;width: 100%;} .chancp_txt{position: absolute;right: 130%;top: -10%;width:65%;opacity: 0; transition-delay: 2s;z-index: -2; } .chancp_txt h2{ font-family: impact; font-size: 34px;color: #262626; margin: 0;margin-bottom: 15px;padding-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 15px; } .chancp_txt p{color: #262626;font-size: 17px;line-height: 32px;margin: 0;padding-left: 5px;opacity: 0.9;} .chancp_niu{margin-top: 50px;} .chancp_niu{ background-color: #1658af;padding: 12px 27px; border-radius: 40px;display: inline-block; box-shadow:0px 10px 13px rgba(9,37,73,0.1); -moz-box-shadow:0px 10px 13px rgba(9,37,73,0.1); -webkit-box-shadow:0px 10px 13px rgba(9,37,73,0.1); } .chancp_niu span{color: #ffffff;font-size: 16px; display: block;padding-right: 20px;background: url(/uploads/image/himg/ashint.png) no-repeat center right; background-size: 14px auto;width: 100px; } .chancp_txt a{ display: inline-block;} .chancp_niu:hover{ background-color: #fff; } .chancp_niu:hover span{ color: #1658af; background: url(/uploads/image/himg/sdic.png) no-repeat center right;background-size: 14px auto;} .chancp_svg{position: absolute;bottom: 105%;right:90%;width: 65%;} .chancp_svg svg{display: block;} .chancp .chancp_svg svg polyline{ fill:none; stroke-width: 2px; stroke:#333; -moz-transition:all 1.5s; -o-transition:all 1.5s; -webkit-transition:all 1.5s; transition:all 1.5s; stroke-dasharray: 365; stroke-dashoffset: -357; } .chancp_svg .chancp_svgx{width: 14px;height: 14px; position: absolute;right: 0px;top: 0px;margin-right: -7px;margin-top: -7px; } .chancp_svg .chancp_svgx:before{ content: ""; display: block; background-color: #1658af; border-radius: 100%; width: 100%;height: 100%; z-index: 2;position: relative; } .chancp_svg .chancp_svgx:last-child{ right: auto;top: auto;margin-right: 0px; bottom: 0px;left: 0px;margin-left: -7px;margin-bottom:-7px; opacity: 0;transition-delay:1.5s; } .chancp_svg .chancp_svgx:after{ content: ""; left: 0%; top:0%; width:100%; height: 100%; position: absolute; border-radius: 100%; background-color: #999; animation: ydun2 2s linear infinite; -webkit-animation: ydun2 2s linear infinite; } .chancp_svg .chancp_svgx:last-child:after{background-color: #fff;} .chancp.active{opacity: 1;z-index: 2;} .chancp.active .chancp_svg svg polyline{stroke-dashoffset: 0} .chancp.active .chancp_svg .chancp_svgx:last-child{ opacity: 1; } .chancp.active .chancp_txt{top: 0px;opacity:1;z-index: 2;} .tongh2{color: #ffffff;font-size: 34px;margin: 0;margin-bottom: 7%;font-family: impact;text-align: center; opacity: 0;position: relative;left: -100px; } .tongh2.tongh2dh{opacity: 1;left: 0px;} @keyframes ydun2 { 0% { transform:scale(1.0); opacity: 1; } 100% { transform:scale(2.5); opacity: 0; } } @-webkit-keyframes ydun2 { 0% { transform:scale(1.0); opacity: 1; } 100% { transform:scale(2.5); opacity: 0; } } .zimus_x{ text-align: center;} .zimus_x h2{font-size: 260px;color: #ffffff;margin: 0;font-weight: bold;opacity: 0.1;position: relative;line-height: 260px;} .zimus_x h2:before{ content: ""; position: absolute; width: 100%;height: 30%;left: 0px;bottom: 0px; background-image: linear-gradient(transparent,#0b1f47,transparent) } .zimus_x img{display: block;width: 70px; margin: 0 auto;margin-top: -25px;position: relative;z-index: 2;} .zimus_x>p{color: #ffffff;font-size: 20px;opacity: 0.6;margin: 0;margin-bottom: 40px;margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zimus_x .zimus_txt{ background: url(/uploads/image/himg/asjbc.jpg) center; border-radius: 15px;padding: 20px 30px;opacity: 0;position: relative;top: -20px; } .zimus_x .zimus_txt p{color: #ffffff;font-size: 14px;margin: 0;line-height: 23px;text-align: left;} .zimus{ margin: 0 -3px;} .zimus>div{padding: 0 3px;} .zimus_x.active h2,.zimus_x.active>p,.zimus_x.active .zimus_txt{opacity: 1;top: 0px;} .zimus_x.active h2:before{ opacity: 0.5; } .sdhidit_img{ width: 80%;position: relative;} .sdhidit_img>img{width: 100%;display: block;} .sdhidit_img .sdhidit_x{ position: absolute; width: 10px;height: 10px; border-radius: 100%; cursor: pointer; } .sdhidit_img .sdhidit_x:before{ content: ""; position: absolute; left: 0;top: 0px; width: 100%;height: 100%; border-radius: 100%;background-color: #fff; z-index: 2; } .disdp3 .tongh2{color: #1658af;} .sdhidit_img .sdhidit_x:after{ content: ""; position: absolute; left: 0;top: 0px; width: 100%;height: 100%; border-radius: 100%;background-color: #333333; animation: ydun3 3s linear infinite; -webkit-animation: ydun3 3s linear infinite; } .sdhidit_img .sdhidit_x:nth-child(odd):after{ animation: ydun3 2s linear infinite; -webkit-animation: ydun3 2s linear infinite; } .sdhidit_img .sdhidit_x>p{ width: -webkit-max-content;color: #333333;margin: 0;font-size: 16px; position: absolute; } .sdhidit_img .sdhidit_x.sdhidit_x0{ left: 20%; top: 45%; } .sdhidit_img .sdhidit_x.sdhidit_x1{ left: 29%; top: 70%; } .sdhidit_img .sdhidit_x.sdhidit_x2{ left: 30%; top: 83%; } .sdhidit_img .sdhidit_x.sdhidit_x3{ left: 53%; top: 68%; } .sdhidit_img .sdhidit_x.sdhidit_x4{ left: 75%; top: 31%; } .sdhidit_img .sdhidit_x.sdhidit_x5{ left: 78%; top: 36%; } .sdhidit_img .sdhidit_x.sdhidit_x6{ left: 79%; top: 44%; } .sdhidit_img .sdhidit_x.sdhidit_x7{ left: 75%; top: 56%; } .sdhidit_img .sdhidit_x.sdhidit_x8{ left: 83%; top: 78%; } .sdhidit_img .sdhidit_x.sdhidit_x9{ left: 76.5%; top: 45%; } .sdhidit_img .sdhidit_x.sdhidit_x10{ left: 28%; top: 64%; } .sdhidit_img .sdhidit_x.sdhidit_x11{ left: 76.5%; top: 46%; } .sdhidit_img .sdhidit_x>p{top: 20px;left: 50%; transform: translate(-50%, 0%); -ms-transform:translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); -o-transform:translate(-50%, 0%); } .sdhidit_img .sdhidit_x.sdhidit_x4>p{top: auto;bottom: 25px;} .sdhidit_img .sdhidit_x.sdhidit_x5>p{top: auto;bottom: -11px;left: 22px; transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); } .sdhidit_img .sdhidit_x.sdhidit_x9>p{top: auto;bottom: 15px;left:-30px} .sdhidit_img .sdhidit_x.sdhidit_x10>p{top: auto;bottom: 25px;} .sdhidit_x .sdhidit_svg{ position: absolute;bottom: 7px; left: 6px;z-index: -1; } .sdhidit_x .sdhidit_svg svg{width: 280px;display: block;position: relative;z-index: 2;} .sdhidit_x .sdhidit_svg svg polyline{ fill:none; stroke-width: 2px; stroke:#ececec; -moz-transition:all 1.5s; -o-transition:all 1.5s; -webkit-transition:all 1.5s; transition:all 1.5s; stroke-dasharray: 365; stroke-dashoffset: 365; } .sdhidit_x .sdhidit_svg .sdhidit_txt{position: absolute;width: 300px;left: 100%;top: -30px;margin-left: -30px; background-color: #fff;border-radius: 20px;overflow: hidden;opacity: 0; } .sdhidit_x .sdhidit_svg .sdhidit_txt img{width: 100%;} .sdhidit_x .sdhidit_svg .sdhidit_txt p{margin: 0;color: #161617;font-size: 16px; padding: 10px 17px;line-height: 22px; } .sdhidit_x.active .sdhidit_svg:after,.sdhidit_x.active .sdhidit_svg:before{ transition: all 0.6s; -webkit-transition: all 0.6s; transition-delay: 1.5s; opacity: 0; } .sdhidit_x.active{z-index: 2;} .sdhidit_img .sdhidit_x.active:before{background-color: #0e62d2;z-index: 3;} .sdhidit_img .sdhidit_x.active:after { transform:scale(4.0); animation: none; -webkit-animation:none;z-index: 2; } .sdhidit_x.active .sdhidit_svg{z-index: 2;} .sdhidit_x.active .sdhidit_svg svg polyline{ stroke-dashoffset: 0; } .sdhidit_x.active .sdhidit_svg:after,.sdhidit_x.active .sdhidit_svg:before{ opacity: 1; } .sdhidit_x.active .sdhidit_svg .sdhidit_txt{top: -100px;opacity:1;} .sdhidit_x.sdhidit_x3.active .sdhidit_svg .sdhidit_txt{top: -200px;opacity:1;} .sdhidit_x.active .sdhidit_svg:before{ content: ""; position: absolute; right: -7px; top: -6px; width: 13px;height: 13px; border-radius: 100%;background-color: #fff;z-index: 2; } .sdhidit_x.active .sdhidit_svg:after{ content: ""; position: absolute; right: -7px; top: -6px; width: 13px;height: 13px;opacity: 0.52; border-radius: 100%;background-color: #000; transform:scale(2.5); } @keyframes ydun3 { 0% { transform:scale(1.0); opacity: 1; } 100% { transform:scale(4.0); opacity: 0; } } @-webkit-keyframes ydun3 { 0% { transform:scale(1.0); opacity: 1; } 100% { transform:scale(4.0); opacity: 0; } } .dusdbn.henxgduiq{ -webkit-align-items: flex-start; align-items: flex-start; border-bottom: 1px solid #d4d4d4; margin: 0;list-style: none; padding-bottom: 40px; margin-bottom: 6%; position: relative;right: -50%;opacity: 0; } .disdp4{overflow: hidden;} .disdp4.disdp4dh .dusdbn.henxgduiq{ right:0%;opacity: 1; } .dusdbn ul{ margin: 0; list-style: none;} .dusdbn ul li{margin: 10px 0px;} .dusdbn ul li a{color: #666;font-size: 14px;display: block;} .dusdbn>li>a{color: #424242;font-size: 16px;margin-bottom: 30px;display: inline-block;} .dusdbn ul li a:hover{color: #e5e5e5;} .sdmios{margin-bottom: 5%;position: relative;left: -50%;opacity: 0;} .disdp4.disdp4dh .sdmios{left: 0%;opacity:1;} .sdmios .sdmios_l{float: left;width: 400px;} .sdmios .sdmios_l img{width: 210px;margin-bottom: 25px;} .sdmios .sdmios_l p{color: #424242;font-size: 14px;line-height: 22px;margin-bottom: 6px;} .sdmios .sdmios_r{float: right;text-align: right;} .sdmios .sdmios_r h2{ margin: 0;color: #ffffff;font-size: 16px;margin-bottom: 20px;} .sdmios .sdmios_r a{ display: inline-block;padding: 10px; border-radius: 100%;border: 1px solid rgba(255,255,255,0.5);margin-left: 20px;} .sdmios .sdmios_r a img{ width:45px ;} .sdmios_in{position: relative;margin-top: 30px;} .sdmios_in img{ cursor: pointer; top:12px; right: 25px;position: absolute;width: 26px;} .sdmios_in input{padding: 10px 18px;border:1px solid #7c97bb;background-color:transparent; padding-right: 65px;color: #666666;font-size: 16px;width: 450px;} .dihums{ background-color: #819cc0;padding: 20px 0px;position: absolute; left: 0px;width: 100%;bottom: 0px;} .dihums p{color: #fff;font-size: 16px;margin: 0;} .danhnav { padding: 0px 0px; } .danhnav .danhnav_x{padding: 16px 0px;} .danhnav_h{background-color:rgba(4, 29, 109, 0.77);padding: 10px 0px;font-size: 0; position: relative; z-index: 3;} .danhnav_h .qiehyy{margin-right: 30px;} .danhnav_h .qiehyy>a { display: inline-block;padding-right: 16px;background: url(/uploads/image/himg/jant.png) no-repeat center right; background-size: 9px auto; } .danhnav_h .qiehyy .qiehyy_x { background-color: #fff; } .danhnav_h .qiehyy .qiehyy_x a { color: #666; } .danhnav_h .danhnav_in { padding-right: 0px; position: relative; background:none; background-color: rgba(255,255,255,0.15); border-radius: 14px;height: auto; } .danhnav_h .danhnav_in img { right: 12px;display: block; } .danhnav_h .danhnav_in input { border: none; width: 230px; font-size: 12px; display: block; color: #fff; background-color: transparent; padding: 0px 20px; height: 27px;line-height: 27px; padding-right: 36px; position: relative; right: 0px; } .danhnav_h .danhnav_in input::-webkit-input-placeholder, .danhnav_h .danhnav_in textarea::-webkit-input-placeholder{ color:#bcbcbc; } .danhnav_h .danhnav_in input::-moz-placeholder, .danhnav_h .danhnav_in textarea::-moz-placeholder{ /* mozilla firefox 19 */ color:#bcbcbc; } .danhnav_h .danhnav_in input:-moz-placeholder, .danhnav_h .danhnav_in textarea:-moz-placeholder{ /* mozilla firefox 4 to 18 */ color:#bcbcbc; } .danhnav_h .danhnav_in input:-ms-input-placeholder, .danhnav_h .danhnav_in textarea:-ms-input-placeholder{ /* internet explorer 10-11 */ color:#bcbcbc; } .danhnav_h .danhnav_hl{float: left;} .danhnav_h .danhnav_hr{float: right;} .danhnav_h .danhnav_hr p,.danhnav_h .danhnav_hr span,.danhnav_h .danhnav_hr .danhnav_himg{display: inline-block;vertical-align: middle; margin: 0; } .danhnav_h .danhnav_hr p{background: url(/uploads/image/himg/sduc1.png) no-repeat left 3px ; background-size: 15px auto;margin-right:30px;padding-left: 25px;color: #ffffff;font-size: 16px;font-weight: bold; } .danhnav_h .danhnav_hr .danhnav_himg{padding: 0 12px;position: relative;cursor: pointer;} .danhnav_h .danhnav_hr .danhnav_himg:before{ content: ""; width: 1px;height: 12px; /*background-color: rgba(255,255,255,0.6);*/ position: absolute;right: 0px;top: 50%;margin-top: -6px; } .danhnav_h .danhnav_hr .danhnav_himg img{width: 21px;display: block;} .danhnav_h .danhnav_hr .danhnav_himg .dansd_img{width: 160px;position: absolute;border-radius: 5px; box-shadow:1px 1px 10px #444; -moz-box-shadow:1px 1px 10px #444;display: none; -webkit-box-shadow:1px 1px 10px #444; margin-top: 20px; background-color: #fff;left: 50%;top: 100%;margin-left: -80px;padding: 15px;} .danhnav_h .danhnav_hr .danhnav_himg .dansd_img img{ width: 100%; height: 130px;} .danhnav_h .danhnav_hr .danhnav_himg:hover .dansd_img{ display: block;} .danhnav_h .danhnav_hr span{color: #ffffff;font-size: 14px;opacity: 0.6;margin-left: 12px;} .danhnav .danhnav_r{display: none;} .danhnav .danhnav_x ul{list-style: none;margin: 0;} .danhnav .danhnav_x>ul{float: right;} .danhnav .danhnav_x>ul>li{padding: 15px 18px;position: relative;float: left;} .danhnav .danhnav_x>ul>li:last-child{padding-right: 0px;} .danhnav .danhnav_x>ul>li>a{color: #ffffff;font-size: 16px;display: inline-block;padding-right: 20px; background: url(/uploads/image/himg/jant.png) no-repeat center right; background-size: 9px auto; } .danhnav .danhnav_x>ul>li.wuimg>a{padding-right: 0px; background: none } .danhnav .danhnav_x>ul li ul{position: absolute; display: none;transition: none;-webkit-transition: none; top: 100%;border-top: 2px solid #215fb0;padding: 20px 20px;background-color: #fff; padding-bottom: 0px; min-width: 160px;left: 50%;margin-left: -80px; } .danhnav .danhnav_x>ul li ul li{margin-bottom: 12px;} .danhnav .danhnav_x>ul li ul li a{display: inline-block;color: #333333;font-size: 15px; position: relative;padding-left: 15px; } .danhnav .danhnav_x>ul li ul li a:before{ content: ""; width: 6px;height: 6px;border: 1px solid #9b9b9b; position: absolute;left: 0px;top: 8px;border-radius: 100%; } .danhnav .danhnav_x>ul li ul li a:hover{ color: #215fb0; } .danhnav .danhnav_x>ul li ul li a:hover:before{ background-color: #215fb0;border: 1px solid #215fb0; } @media screen and (max-width:1600px) { .disdp .disdp_yuan { width: 550px; height: 550px; } .danhnav .danhnav_x>ul>li { padding: 15px 16px; } .danhnav .danhnav_x>ul>li>a { padding-right: 18px; } .container { width: 1200px; } .chancp_txt h2 { font-size: 24px; } .chancp_txt p { font-size: 15px; line-height: 24px; } .chancp_txt .chancp_niu { margin-top: 30px; } .chancp_niu { padding: 10px 25px; border-radius: 40px; } .chancp_niu span { font-size: 15px; width: 80px; } .alnsbj .alnsbj_x p { font-size: 15px; margin-left: 10px; margin-top: -12px; } .alnsbj .alnsbj_x.active p { font-size: 13px; } .alnsbj { width: 35%; right: -97px; top: -70px; } .alnsbj .alnsbj_x img { width: 25px; } .alnsbj .alnsbj_x.alnsbj_x1 { right: 101px; top: 43px; } .alnsbj .alnsbj_x.alnsbj_x2 { right: 31px; top: 136px; } .alnsbj .alnsbj_x.alnsbj_x3 { right: -10px; top: 247px; } .alnsbj .alnsbj_x.alnsbj_x4 { right: -16px; top: 366px; } .alnsbj .alnsbj_x.alnsbj_x5 { right: 14px; top: 481px; } .alnsbj .alnsbj_x.alnsbj_x6 { right: 78px; top: 580px; } .chancp_svg .chancp_svgx { width: 10px; height: 10px; margin-right: -5px; margin-top: -5px; } .swiper_zdy .swiper_txt h2 { line-height: 41px; font-size: 45px; margin-bottom: 40px; letter-spacing: 6px; } .zimus_x h2 { font-size: 200px; line-height: 200px; } .dihums { padding: 15px 0px; } .dihums p { font-size: 15px; } .zhansdoh .zhansdoh_x h2{ font-size: 28px; } .swiper_fyq .sdhuz { width: 30px; height: 30px; } .swiper_fyq .sdhuz span { font-size: 14px;line-height: 30px; } } @media screen and (max-width:1400px) { .disdp .disdp_yuan { zoom: 0.8;margin-top:5%; } .sdhidit_x .sdhidit_svg .sdhidit_txt { width: 200px; top: -30px; margin-left: -20px; border-radius: 10px; } .sdhidit_x.active .sdhidit_svg .sdhidit_txt { top: -50px; opacity: 1; } .sdhidit_x .sdhidit_svg .sdhidit_txt p { font-size: 14px; padding: 8px 15px; } .sdhidit_x .sdhidit_svg svg { width: 220px; } .sdhidit_x.active .sdhidit_svg:before,.sdhidit_x.active .sdhidit_svg:after { width: 10px; height: 10px; } .sdhidit_img .sdhidit_x>p { font-size: 14px; } .sdhidit_img .sdhidit_x.active:after { transform: scale(3.0); } .sdhidit_x.sdhidit_x3.active .sdhidit_svg .sdhidit_txt { top: -100px; opacity: 1; } } @media screen and (max-width:1250px) { .container { width: 980px; } .disdp .disdp_yuan { zoom: 0.7;margin-top:7%; } .zimus_x img { width: 60px; } .zimus_x h2 { font-size: 170px; line-height: 170px; } .zimus_x>p { font-size: 18px; margin-bottom: 30px; } .zimus_x .zimus_txt { padding: 10px 20px; } .dusdbn ul li a { font-size: 13px; } .dusdbn ul li { margin: 8px 0px; } .zhansdoh .zhansdoh_x h2 { font-size: 25px; } .zhansdoh_xx p { color: #fcfcfc; font-size: 16px; margin: 10px 0px; } .swiper_zdy .swiper_txt h2 { line-height: 35px; font-size: 40px; margin-bottom: 30px; letter-spacing: 5px; } .danhnav .danhnav_x>ul>li { padding: 9px 7px; } .danhnav .danhnav_x>ul>li>a { font-size: 15px; padding-right: 16px; background-size: 8px auto; } .danhnav .danhnav_x>ul li ul { padding: 15px; padding-bottom: 0px; } .danhnav .danhnav_x>ul li ul li{margin-bottom: 15px;} .danhnav .danhnav_x>ul li ul li a { font-size: 14px; padding-left: 13px; } .danhnav .danhnav_logo img{width: 160px;} } @media screen and (max-width:1100px) { .disdp .disdp_yuan { zoom: 0.65;margin-top:13%;position: relative;left: -4%; } .sdhidit_x .sdhidit_svg svg { width: 200px; } } .bodyvideo{display: block;} .bodyvimg{display: none;} @media screen and (max-width:991px) { .swiper_fyq{display: block;} .danhnav_h{display: none;} .alnsbj{display: none;} .disdp .disdp_yuan { zoom: 1; margin-top: 0%; position: relative; left: 0; width: auto;height: auto; border-radius: 0px;background-color: transparent; } .bodyvideo{display: none;} .bodyvimg{display: block;} .chancpwk { position: relative; width:auto; height: auto; border-radius:0%; } .chancp { width: auto; top: 0; opacity: 1; position: relative; left: 0px; transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); } .chancp_svg,.disdp .disdp_yuan:before,.disdp .disdp_yuan:after{ display: none; } .chancp_txt { position: relative; right: 0%; top: 0%; width: auto; opacity: 1; transition-delay: 0s; text-align: center; } .container,.disdp .disdp_yuan{ width: 768px ; padding: 0 10px; margin: 0 auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow:none; } .chancpwk{margin: 0 -10px;} .chancpwk .chancp{float: left; padding: 0 10px;width: 50%;margin-bottom:10%;} .chancp_txt h2 { font-size: 20px; margin: 0; } .chancp>img { margin: 0 auto; width: 80%; } .chancp_txt p { display: none; } .chancp_txt .chancp_niu { margin-top: 20px; } .disdp.disdp1{ padding: 10% 0px 0% 0px; } .sdhidit_img>img { display: none; } .sdhidit_img { width: 100%; font-size: 0; } .zimus_x{margin-top: 10%;} .sdhidit_img .sdhidit_x { padding: 0 10px; position: relative; width: 33.333333%; /*float: left;*/ display: inline-block; height: auto; border-radius: 0%; left: auto !important;top: auto !important; } .sdhidit_img .sdhidit_x>p { display: none; } .sdhidit_x .sdhidit_svg { position: relative; bottom: 0px; left: 0px; z-index: 1; } .sdhidit_img .sdhidit_x:after,.sdhidit_img .sdhidit_x:before{display: none;} .sdhidit_x .sdhidit_svg svg { display: none; } .sdhidit_x .sdhidit_svg .sdhidit_txt { position: relative; width: auto; left: 0; top: 0px; margin-left: 0px; background-color: #9d9d9d; border-radius: 10px; overflow: hidden; opacity: 1; margin-bottom: 25px; } .sdhidit_x.active .sdhidit_svg .sdhidit_txt { top: 0px; opacity: 1; } .sdhidit_x .sdhidit_svg:before, .sdhidit_x .sdhidit_svg:after { display: none; } .sdmios .sdmios_r,.sdmios .sdmios_l{ width: 100%;margin-bottom: 10px;text-align: left; } .sdmios .sdmios_r a { margin-left: 0px;margin-right: 10px; } .sdmios_in { margin-top: 20px; } .sdmios .sdmios_r a img { width: 18px } .dusdbn.henxgduiq{display: block; border-bottom: none;padding-bottom: 0px;} .dusdbn>li>a { font-size: 16px; margin: 0px 0px; padding: 10px 0px; } .dusdbn ul{display: none;transition: none;-webkit-transition: none;} .dusdbn>li{ position: relative; background: url(/uploads/image/himg/zshdnk.png) no-repeat right 14px; background-size:13px auto ; } .dusdbn>li:before{ content: ""; position: absolute;width: 100%; background-color: #4e4e4e; height: 1px; left: 0px;top:40px; } .danhnav { /*padding: 15px 0px;*/ } .zhansdoh .zhansdoh_x { height: 16.66666666666667%; width: 100%; } .zhansdoh{padding-top: 75px;} .zhansdoh .zhansdoh_x:before { content: ""; position: absolute; left: 0px; width: 100%; height: 1px; background-color: #fff; opacity: 0.4; top: 0px; } .zhansdoh .zhansdoh_x h2 { font-size: 20px;margin: 0; } .zhansdoh_xx:before {display: none;} .zhansdoh_xx p { font-size: 14px; display: inline-block; margin: 0 10px;margin-top: 2px; } .zhansdoh_xx { display: block !important; margin-top: 10px; } .swiper_zdy .swiper_txt p { font-size: 18px; letter-spacing: 0px; } .swiper_zdy { top: 40%; } .disdp.disdp1 { padding: 15% 0px 0% 0px; } .disdp.disdp4 { min-height: auto;padding-bottom: 0px; } .sdmios_in input { width: 100%; } .dihums { background-color: #161617; padding: 20px 0px; position: relative; left: 0px; width: 100%; bottom: 0px; } .danhnav .danhnav_x>ul{display: none;} .danhnav_h .danhnav_hl { display: none; } .danhnav .danhnav_logo img { width: 180px; } .danhnav .danhnav_r{display: block;} } @media screen and (max-width:770px) { .container, .disdp .disdp_yuan{ width: 100%; } .sdmios{display: none;} .tongh2 { font-size: 28px; margin-bottom: 10%; } .danhnav_in.active input { width: 150px; } .danhnav .danhnav_x { padding: 16px 10px; } } @media screen and (max-width:600px){ .sdhidit_img .sdhidit_x{ width:50%; } } @media screen and (max-width:500px) { .danhnav .danhnav_logo img { width: 175px; margin-top: -3px; } .danhnav_h .danhnav_hr p { background: url(/uploads/image/himg/sduc1.png) no-repeat left 5px; background-size: 11px auto; margin-right: 7px; padding-left: 19px; color: #ffffff; font-size: 15px; font-weight: bold; } .danhnav_h .danhnav_hr .danhnav_himg { padding: 0 10px; } .swiper_zdy { width: 90%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .dispm>.swiper_zdy{width: 97%;left: 0px;top: 65%; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); } .swiper_zdy .swiper_txt h2 { line-height: 30px; font-size: 30px; margin-bottom: 20px; letter-spacing: 2px; } .qiehyy { margin-left: 20px; margin-right: 20px; } .qiehniu { width: 40px; height: 40px; padding: 10px; } .gzdkzk:nth-child(2) { margin: 0 7px; } .qiehniu.active .gzdkzk1 { height: 24px; transform: rotate(42deg); -ms-transform: rotate(42deg); -webkit-transform: rotate(42deg); -moz-transform: rotate(42deg); -o-transform: rotate(42deg); } .qiehniu.active .gzdkzk3 { height: 24px; position: relative; top: -5px; transform: rotate(-41deg); -ms-transform: rotate(-41deg); -webkit-transform: rotate(-41deg); -moz-transform: rotate(-41deg); -o-transform: rotate(-41deg); } .danhnav_in{display: none;} .chancp_txt h2 { font-size: 16px; font-weight: 400;letter-spacing: 1px; } .chancp_niu { padding: 8px 15px; border-radius: 30px; } .chancp_niu span { font-size: 14px; text-align: left; width: 80px; padding-left: 0px; background-size: 12px auto } .tongh2 { font-size: 26px; margin-bottom: 40px } .disdp { padding: 50px 0px 30px 0px; } .zimus_x img { width: 45px; margin-top: -17px; } .zimus_x>p { font-size: 16px; } .zimus>div{ width: 100%;} .zimus_x h2, .zimus_x>p, .zimus_x .zimus_txt { opacity: 1; top: 0px; } .sdhidit_x .sdhidit_svg .sdhidit_txt p { font-size: 13px; padding: 5px 10px; line-height: 18px; height: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: inherit; } .sdhidit_img .sdhidit_x {padding: 0 5px;} } @media screen and (max-width:375px) { .zhansdoh_xx p { font-size: 11px; } .zhansdoh .zhansdoh_x h2 { font-size: 18px; } } .henxgduiq{ display: -webkit-flex; -webkit-justify-content: space-between ; display:flex ; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }