body { text-align: left; padding: 0; margin: 0; font-size: 14px; color: #333; font-family: "microsoft yahei", "helvetica neue", helvetica, tahoma, sans-serif !important; height: auto; background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased;} div,p,li { word-break: break-all;} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p { padding: 0; margin: 0;} pre,code,form,fieldset,legend,input,textarea,p,blockquote,th { padding: 0; margin: 0;} fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0;} a,img,iframe { border: 0; padding: 0; margin: 0;max-width: 100%;} i { font-style: normal;} address,caption,cite,cite,code,dfn,em,th,var { font-weight: normal; font-style: normal;} ul,ol,li { list-style: none;} caption { text-align: left;} th { text-align: left;} h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;} q:unknown { content: '';} button,input,select,textarea { font-size: 100%;} table { border-collapse: collapse; border-spacing: 0;} .por { position: relative;} .poa { position: absolute;} input,textarea,select { font-family: inherit; font-size: 100%;} a:link { color: #333; text-decoration: none;} a:visited { color: #333; text-decoration: none; cursor: pointer;} a:hover { color: #2071cc; text-decoration: none;} .ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } :-moz-placeholder { color: #fff; } ::-moz-placeholder { color: #fff; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #333; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333; } input::-webkit-input-placeholder { /* webkit browsers 适配谷歌 */ color: #666; } input:-moz-placeholder { /* mozilla firefox 4 to 18 适配火狐 */ color: #666; } input::-moz-placeholder { /* mozilla firefox 19 适配火狐 */ color: #666; } input:-ms-input-placeholder { /* internet explorer 10 适配ie*/ color: #666; } textarea::-webkit-input-placeholder { /* webkit browsers 适配谷歌 */ color: #333; } textarea:-moz-placeholder { /* mozilla firefox 4 to 18 适配火狐 */ color: #333; } textarea::-moz-placeholder { /* mozilla firefox 19 适配火狐 */ color: #333; } textarea:-ms-input-placeholder { /* internet explorer 10 适配ie*/ color: #333; } .fl,.left { float: left;} .fr,.right { float: right;} .tac { text-align: center;} .tar {text-align: right;} /*清除浮嚨*/ .clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { *zoom: 1;} .hidden { display: none;} .icon { background-image: ; display: inline-block; vertical-align: middle; } .w1400 { width: 100%; max-width: 1400px; margin: 0 auto; } .w1440 { width: 1440px; max-width: 1440px; margin: 0 auto; } @media (max-width: 1440px) { .w1400 { width: 1200px; max-width: 1200px; } .w1440 { width: 1200px; margin: 0 auto; max-width: 1200px; } } /*banner背景图片动画*/ @-webkit-keyframes scale-bg { from { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-bg { from { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } /*--banner大图基础样式****/ /* slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none;} .slick-list.dragging { cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img {display: block;} .slick-slide.slick-loading img { display: none;} .slick-slide.dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden { display: none;} .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; /* opacity: .25;*/ color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*.slick-dots li.slick-active button:before { opacity: .75; color: black; }*/ /*banner*/ #banner_main{position:relative; z-index:2;} .banner{position: relative;width: 100%;min-width: 1000px; padding: 0px 0 43.7%; overflow:hidden; } .banner .list{width: 100%;display:inline-block;} .banner .list li{width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff;} .banner .list li a{width: 100%; display: block; height: 100%;} .banner .imo{width: 100%; height: 100%; display: block; position: relative; left: 0; top: 0;} .banner .indexg2{width: 36%; display: block; position: absolute; left:13.5%; top:30%;} .banner .slide_btn{position: absolute;bottom:46px;right:5.2%;height:24px;z-index:120;} .banner .prev, .banner .next{ position:absolute;width:57px; display: none; height:57px; z-index: 12; top:50%; margin-top:-35.5px; left:5%; cursor: pointer; transition: ease-in-out 0.2s; background-position:-0px -175px;} .banner .next{ background-position:-73px -175px; left:auto; right:5%} .banner .prev:hover{background-position:-0px -240px;} .banner .next:hover{background-position:-73px -240px;} .banner:hover .prev,.banner:hover .next{ display: block; } .banner .sline{margin:0 40px;float:left;display:block;width:1px;height:22px;background: no-repeat center center;} .banner .tip{position: absolute; width:84%; left:8%; bottom:2%; height:50px; z-index: 30; text-align:center;} .banner .tip li{margin: 0 9px; width:12px; height:12px; text-align: center; cursor: pointer; font-size: 0; font-weight: bold; overflow: hidden; display: inline-block; background-color:#fff; *display: inline; *zoom: 1; transition: ease-in-out 0.2s; border-radius:50px;} .banner .tip li.cur{background:#2071cc; opacity:1;} .banner .pbg1{position:absolute;bottom:0;left:0;width:885px;height:225px;background: no-repeat center center;z-index:4;background-size:cover;} .banner .pbg2{position:absolute;bottom:0;right:0;width:1614px;height:330px;background: no-repeat center center;z-index:3;background-size:cover;} .banner .v-txt{position:absolute;width:100%;background: rgba(0, 0, 0, 0.3); height: 100%; top: 0; left: 0;z-index: 66;} .banner .v-txt .tit{font-size:60px;line-height:60px;margin-bottom:26px;color:#fff; font-weight: bold;} .banner .v-txt .tit1{font-size:60px;line-height:60px;margin-bottom:36px;color:#fff;font-weight: bold;} .banner .v-txt i{ display: block; width: 200px; height: 4px; background-color: #009841; margin-top: 36px; } .banner .v-txt p{font-size:20px;line-height:20px;margin-bottom:10px;color:#11c05d;letter-spacing:8px;} .banner .video-container{background-color:#fff;z-index:1;} .banner .video-container #video{display:block;min-width:100%;min-height:100%;position:absolute;top:-0.5%;left:0%;z-index:12;transform: scale(1.3,1.3);} .banner .list li .img{ display:block; position:absolute; left:14%; top:28%;width: 37%;} .banner .v-txt1{position:absolute;width:80%;top:36%; left:10%;text-align:left;z-index:14; } .banner .opacity{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background: no-repeat center center;z-index:13;} .banner .online{position:absolute;bottom:30%;left:50%;margin-left:-70px;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-align:center;color:#fff;border:1px solid #fff;z-index:16;transition:all ease 0.36s;border-radius:5px;} .banner .online:hover{text-indent:6px;color:#fff;border-color:#953034;background:#953034;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;} .ui-linebar{height:75px;background-color: #466ec1;opacity: 1;position: absolute;left: 50%;bottom: 0;width: 1px;margin-left: -.5px;z-index:10; display:none;} .ui-linebar .ink{-webkit-animation: k-ink 2s linear -.5s infinite;animation: k-ink 2s linear -.5s infinite;background-color: #fff;position: absolute;left: 0; right: 0;top: 0; bottom: 0;-webkit-transform: scaley(0);-ms-transform: scaley(0);transform: scaley(0);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;} @-webkit-keyframes k-ink{0%,25%{-webkit-transform:scaley(0);transform:scaley(0)}to{-webkit-transform:scaley(1);transform:scaley(1)}} @keyframes k-ink{0%,25%{-webkit-transform:scaley(0);transform:scaley(0)}to{-webkit-transform:scaley(1);transform:scaley(1)}} .banner .list li .bnma {position: absolute;left: 7%;bottom: 20%;width: 27%;z-index: 999; margin: 0 110px; z-index:1;} .banner .list li .bnma img{ display:block; width:100%;} .imn{position:absolute; bottom:0; right:2%; width:100%; height:100%;z-index:1;} .banner .list li .img2{ width:24%;display: block;position: absolute;right:18%;bottom: 26%;} .banner .list li .icm{ width:100%; height:100%;} .banner .list li.li3 .img2{right:21%;bottom: 22%; width:22%;} @media (max-width: 1660px) { .banner .list li .bnma {width:30%;bottom:20%;} .banner .v-txt .tit{font-size:50px;line-height:50px;} .banner .v-txt .tit1{font-size:50px;line-height:50px;} .banner .v-txt p{font-size:20px;line-height:20px;} .banner .v-txt1 { top: 36%;} } /*banner */ .index_main { } .index_main .section1 { position: relative; } .index_main .section1 .index_banner .item { background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; position: relative; } .index_main .section1 .index_banner .item.slick-current .scalebg { visibility: visible; -webkit-animation: scale-bg 6s linear forwards; animation: scale-bg 6s linear forwards; } .index_main .section1 .index_banner .items { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transition: opacity 2500ms ease-in-out; } .index_main .section1 .index_banner .items:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); } .index_main .section1 .index_banner .item .inner .block_txt { position: absolute; top: 44%; right: 10px; left:50%; opacity: 0;width:1440px; margin-left:-720px; transform: translatey(40px); -webkit-transform: translatey(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;text-align:left; } .index_main .section1 .index_banner .item.active .inner .block_txt { opacity: 1; -webkit-transform: translatey(0); transform: translatey(0); -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 22px; color: #fff; text-align: left; font-weight: lighter; margin-top: 10px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { color: #fff; font-size: 50px; font-weight: lighter; text-align: left; } .index_main .section1 .index_banner .item .inner .block_txt h2 span { color: #f5c920; display: inline-block; letter-spacing: 5px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { color: #fff; font-size: 22px; text-align:left; font-weight: lighter; margin-top: 10px; } .index_main .section1 .slick_txt { width: 30%; height: 100%; background-color: transparent; transition: all 500ms ease; -webkit-transition: all 500ms ease; background-repeat: no-repeat; position: absolute; top: 0; font-size: 0; outline: none; border: 0; } .index_main .section1 .left { left: 0; } .index_main .section1 .right { right: 0; } .index_main .section1 .slick_txt .slick_arrow { width: 77px; height: 66px; background-repeat: no-repeat; background-position: center; margin-top: -33px; position: absolute; top: 50%; cursor: pointer; transition: all 500ms ease; -webkit-transition: all 500ms ease; } .index_main .section1 .slick_txt .prev { background-image: ; left: 60px; } .index_main .section1 .slick_txt .next { background-image: ; right: 60px; } .index_main .section1 .slick_txt .prev:hover { transform: scale(1.1); left: 55px; } .index_main .section1 .slick_txt .next:hover { transform: scale(1.1); right: 55px; } .index_main .section1 .number { position: absolute; bottom: 8%; left: 0; right: 0; display: table; width: 100%; z-index: 10; } .index_main .section1 .line { border-bottom: 1px solid #ffffff; position: absolute; left: 0; right: 0; width: 100%; bottom: 8%; margin-bottom: 19px; z-index: 9; display:none; } .index_main .section1 .number .inner { margin: 0 auto; position: relative; text-align:center; } .index_main .section1 .number span { font-family: "myriad pro", "microsoft yahei"; font-size: 14px; color: #fff; margin-right:10px; display: inline-block; overflow: hidden; cursor: pointer; text-align: center; line-height: 31px; border-radius: 16px; background: #000; position: relative; transition: all 500ms ease; -webkit-transition: all 500ms ease; font-size:0; } .index_main .section1 .number span:last-child { margin-right: 0; } .index_main .section1 .number span:after { content: ""; display: inline-block; width: 3px; height: 3px; position: absolute; left: 50%; bottom: 0; background: #fff; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; } .index_main .section1 .number span { width: 11px; height: 11px; background: #fff; margin-bottom: 0px; } .index_main .section1 .number span.active { width: 40px; height: 10px; margin-bottom: 0; background: #2071cc; } /*.index_main .section1 .number .inner { margin: 0 auto; position: relative; } .index_main .section1 .number span { font-family: "myriad pro", "microsoft yahei"; font-size: 14px; color: #fff; margin-right: 70px; display: inline-block; overflow: hidden; cursor: pointer; text-align: center; line-height: 31px; border-radius: 16px; background: #000; position: relative; transition: all 500ms ease; -webkit-transition: all 500ms ease; } .index_main .section1 .number span:last-child { margin-right: 0; } .index_main .section1 .number span:after { content: ""; display: inline-block; width: 3px; height: 3px; position: absolute; left: 50%; bottom: 0; background: #fff; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; } .index_main .section1 .number span { width: 11px; height: 11px; background: #fff; margin-bottom: 10px; } .index_main .section1 .number span.active { width: 140px; height: 31px; border: 1px solid #fff; margin-bottom: 0; background: #091414; }*/ .in_bl{ width:1400px; height:46px; position:absolute; left:50%; margin-left:-700px; bottom:0;z-index: 3;} .in_bl .in_bz{ margin:0 auto;display: block;width: 80px; text-align:center;} .in_bl .in_bz p{ font-size:16px; color:#2071cc; line-height:16px; padding-top:30px;} .in_bl .in_bz i{ display:block; margin:0 auto; width:12px; height:18px;background: url(/uploads/image/ptwpimages/j3_07.png) center center no-repeat; margin-top:10px;webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite;} @keyframes bounce-down { 25% {transform: translatey(-3px);} 50%{transform: translatey(0);} 75% {transform: translatey(3px);} 100% {transform: translatey(0);} } .in_bl .in_by{font-size:24px; color:#2071cc; line-height:100px;background: left center no-repeat; padding-left:26px; position:absolute; right:26px; top:0;} @media (max-width: 1660px) { .in_bl{ width:1200px;margin-left:-600px;} } .index_main .section2 { background: #f5f5f5; } .index_main .section2 h3 { text-align: center; } .index_main .section3 { width: 100%; height: 100%; background: no-repeat; background-size: 100% 100%; } .index_main .section3 h3 { text-align: center; } .index_main .section4 { background: #f5f5f5; } .index_main .section4 h3 { text-align: center; } @media only screen and (max-width: 1600px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 60px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 20px; } } @media only screen and (max-width: 1440px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 40px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 20px; margin-top: 5px; } } @media only screen and (max-width: 1366px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 30px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 20px; } .index_main .section1 .index_banner .slick-arrow { background-size: auto 30px; } } @media only screen and (max-width: 1300px) { } @media only screen and (max-width: 1199px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 18px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 20px; } } @media only screen and (max-width: 992px) { .index_main .section1 .index_banner .item { height: 100vh; } .index_main .section1 .index_banner .item .inner .block_txt { left: 0; right: 0; margin: 0 auto; padding: 0 20px; top: 42%; } .index_main .section1 .index_banner .slick-arrow { display: none !important; } .index_main .section1 .index_banner .slick-dots { position: absolute; bottom: 12px; } .index_main .section1 .index_banner .slick-dots li { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; } .index_main .section1 .index_banner .slick-dots li button { display: none; } .index_main .section1 .index_banner .slick-dots li.slick-active { background: #fff; } .index_main .section1 .number { bottom: 12%; display: none; } .index_main .section1 .number span { margin-right: 22px; } .index_main .section1 .number span:after { bottom: -14px; } } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 340px) { } @media only screen and (max-width: 320px) { } .index { position: relative; overflow: hidden; } .header_main { position: fixed; top: 0; left: 0; width: 100%; height:100px; transition: all 0.9s ease-out 0s; border-bottom: rgba(255,255,255,0.1) solid 1px; z-index: 100; } .header_main .header { position: relative; } .header_main .weblogo { padding-top:18px; float: left;margin-left: 4vw; } .header_main .weblogo img { display: block; height:63px; float: left; } .header_main .nav_main { float: right; } .nav_main .nav{} .header_main .nav_main .item { padding: 0 35px; float: left; height: 97px; z-index: 12; } .header_main .nav_main .item a { display: block; height: 97x; font-size: 16px; line-height:97px; color: #fff; } .header_main .nav_main .item:hover .alink, .header_main .nav_main .item.hover .alink { color: #fff; font-weight: bold; } .header_main .nav_main .item.hover .alink, .header_main .nav_main .item:hover .alink { border-bottom: 3px solid #fff; } /*.header_main .nav_main .item.li2 .sub-box .a6,.header_main .nav_main .item.li2 .sub-box .a5,.header_main .nav_main .item.li2 .sub-box .a7{ display:none;}*/ /*.header_main .nav_main .item.li3 .sub-box .a3{ display:none;} .header_main .nav_main .item.li3 .sub-box .sub{ display:none;}*/ .header_main.xc .nav_main .item:hover .alink, .header_main.xc .nav_main .item.hover .alink { color:#2071cc; font-weight: bold; } .header_main.xc .nav_main .item.hover .alink, .header_main.xc .nav_main .item:hover .alink { border-bottom: 3px solid #2071cc; } .header_main .nav li .subnav { position: absolute; left: 50%; top: 0; background-color: #fff; width: 120px; margin-left: -60px; display: none; border-radius: 4px; overflow: hidden; text-shadow: ; } .header_main .nav li .subnav .suba { color: #333; line-height: 35px; height: 35px; overflow: hidden; display: block; font-size: 14px; border-bottom: 1px dotted #ddd; margin: 0; text-align: center; } .header_main .nav li .subnav .suba:hover { font-weight: bold; background: #3bb79b; color: #4872de; background: #ffbe8b; background: rgba(21, 21, 21, 0.8); } .header_main .nav .sub-box { width:90%; display: inline-block; padding:2% 5%; position: absolute; left:0; text-align: center; top: 99px; background:rgba(255,255,255,0.9); display: none; box-shadow:1px 3px 3px rgba(0,0,0,0.1); } .header_main .nav .sub-box .it{ width:68%; float: left;white-space: nowrap;} .header_main .nav .sub-box .it h3{ text-align: left; font-size: 30px; padding-bottom: 15px; color: #151515; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-line-clamp: 1; margin-top: 20px; } .header_main .nav .sub-box .it p{ line-height: 2em; text-align: left; width: 100%; overflow: hidden; color: #252525; font-size: 0.875rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 20px; white-space: normal; text-shadow: 0 1px 0 rgba(255,255,255,0.95); } .header_main .nav_main .item:hover .sub-box { display: block; } .header_main .nav .sub-box img{ display:block; float:left; width:26%; margin-right:20px;border: 5px solid #fff;} .header_main .nav .sub-box .it .icon { width: 6px; height: 10px; background-position: -96px 0; position: absolute; top: 19px; left: 15px; } .header_main .nav .sub-box .it .sub_menu { display:flex; flex-wrap:wrap; align-content:flex-start; } .header_main .nav .sub-box .it .sub_menu a{ display:inline-block; padding:13px 22px; border-radius:3px; color:#151515; border:1px solid #aaa; margin-right:25px; line-height:1em; font-size:0.825rem; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; font-weight:100; background:rgba(255,255,255,.15); margin-bottom:10px; flex-wrap:nowrap; overflow:hidden; box-sizing:border-box; } .header_main .nav .sub-box .it .sub_menu a:hover { background:#2071cc; border:1px solid #2071cc; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,0.55); } .header_main .quick { margin-left: 26px;margin-top: 38px; float: right; transition: all ease 0.36s; margin-right: 4vw; } .header_main .quick .en{ float: left; font-size: 18px; color: #fff; padding-right: 30px;} .header_main.xc .quick .en{ color: #333; } .header_main .email { float:right; margin-top:24px;margin-right: 4vw; margin-left:2vw; } .header_main .email p{background: no-repeat left center; padding-left:60px; font-size:16px; color:#fff; line-height:24px;} .header_main .email p span{ display:block;font-size:24px; line-height:26px; font-weight:bold;} .header_main.xc .email p{background: url(/uploads/image/ptwpimages/t2_07.png) no-repeat left center; color:#333;} .header_main .quick .searcher{ float: left; } .header_main .quick .search_btn{width:20px;height:20px;background: no-repeat center center;float:left;display: block;width: 20px;height: 21px;cursor: pointer;} .header_main.xc .quick .search_btn{width:20px;height:20px;background: no-repeat center center;} .header_main .email .searcher { float: left; width: 20px; } .header_main .email .search_btn { width: 20px; height: 20px; background: no-repeat center center; float: left; display: block; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; } .header_main.xc .email .search_btn { background: no-repeat center center; } .header_main .email .search_btn:hover { opacity: 0.8; filter: alpha(opacity=80); } .header_main .email .search_main { position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right: 50px; top: 90px; overflow: hidden; background: rgba(0, 0, 0, 0.2); *background: #000; } .header_main .email .search_box { width: 280px; height: 40px; margin-top: 20px; margin-left: 40px; background: no-repeat bottom center; } .header_main .email .search_box input { background-color: none; border: none; } .header_main .email .search_box .stxt { width: 240px; height: 40px; line-height: 40px; display: block; text-indent: 10px; color: #fff; background-color: transparent; outline: none; } .header_main .email .search_box .sbtn { font-size: 0; width: 34px; height: 34px; display: block; cursor: pointer; border-radius: 100%; margin-top: 5px; outline: none; background: no-repeat center center; } .header_main .quick .cte { position: relative; float: left; margin-right: 14px; cursor: pointer; } .header_main .quick .cte .cvalue { padding-right: 12px; font-family: arial; font-size: 18px; color: #333; } .header_main .email .member { color: #fff; font-size: 20px; font-family: arial; font-weight: 400; } .header_main .email .member i { width: 25px; height: 26px; background-position: 0 -121px; margin-top: 7px; } .header_main .email .member:hover { opacity: 0.8; filter: alpha(opacity=80); } .header_main.xc { border-bottom: 1px solid #ddd; transition: all 0.9s ease-out 0s; position: fixed; left: 0; top: 0; background-color: #ffffff; } .header_main.xc .nav_main .item a { color: #333; } .header_main .tel_right { padding-top: 38px; float: right; margin-right: 2vw; } .header_main .tel_right .webtel { padding-left: 32px; font-family: arial; font-size: 26px; color: #fff; background: no-repeat left center; } /*.header_main.xc .cte .cvalue { color: #666; background: no-repeat right center; }*/ .header_main.xc .email .member { color: #333; } .header_main.xc .email .member i { background-position: -29px -121px; } /*.header_main.xc .email .search_btn { background: no-repeat center center; }*/ .header_main.xc .tel_right .webtel { color: #2071cc; background: no-repeat left center; } .header_main .lag_sel_box { position: relative; line-height: 78px; } .header_main .lag_box { display: none; position: absolute; top: 150px; left: 50%; margin-left: -40px; transform: translatex(-50%); background-color: #fff; color: #758190; font-size: 14px; line-height: 32px; padding: 10px 20px; } .header_main .lag_box::after { content: ''; position: absolute; top: -5px; left: 30%; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); } .header_main .lag_box .item { cursor: pointer; padding-right: 25px; width: 30px; border-bottom: 1px solid #758190; } .header_main .lag_box .item:last-child { border-bottom: none; } .header_main .lag_box .item::hover { color: #004bc6; } .header_box .lag_sel_box .lag_box li.on { color: #004bc6; } .header_main .lag_box.on { top: 100px; display: block; } .modal { display: none;/* 默认隐藏 */ position: fixed;/* 根据浏览器定位 */ z-index: 666;/* 放在顶部 */ left: 0; top: 0; width: 100%;/* 全宽 */ height: 100%;/* 全高 */ overflow: auto;/* 允许滚动 */ background-color: rgba(0, 0, 0, 0.4);/* 背景色 */ } .mouse-ico { position: absolute; width:180px; height:44px; left: 50%; margin-left: -90px; bottom: 1%; z-index: 20; /*background: center center no-repeat;*/ } .mouse-ico.xc{ display:none;} .mouse-ico p{ font-size:14px; color:#fff; font-family:"arial";} .mouse-ico span { display:block; margin:0 auto; width: 21px; height: 33px; background-position: 0 -129px;margin-top: 0px; position: absolute; left: 50%; margin-left: -8px;} .mouse-ico span.mouse { animation: mousemove 3s linear 1s infinite; } .iconv { background: url(/uploads/image/ptwpimages/iconv.png) no-repeat; display: inline-block; vertical-align: middle; } @keyframes mousemove { 0% { transform: translatey(-5px); } 25% { transform: translatey(0px); } 50% { transform: translatey(5px); } 75% { transform: translatey(0px); } 100% { transform: translatey(-5px); } } /*模态框内容*/ .modal-content { display: flex;/*采用flexbox布局*/ flex-direction: column;/*垂直排列*/ position: relative; background-color: #fefefe; margin: 15% auto;/*距顶部15% 水平居中*/ padding: 20px; border: 1px solid #888; width: 612px; animation: topdown 0.4s;/*自定义动画,从模态框内容上到下出现*/ } @keyframes topdown { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } /*模态框头部*/ .modal-header { display: block;/*采用flexbox布局*/ flex-direction: row;/*水平布局*/ align-items: center;/*内容垂直居中*/ justify-content: space-between; text-align: right; } /*关闭x 样式*/ .close { float: right; color: #aaa; font-size: 28px; font-weight: bold; transition: all ease 0.36s; display: block; width: 32px; height: 32px; background: no-repeat center center; } .close:hover { color: black; text-decoration: none; cursor: pointer; transform: rotate(360deg); transition: all ease 0.36s; } .modal-body { padding-top: 20px; padding-bottom: 30px; margin-top: 10px; } .modal-body .stxt { float: left; width: 500px; height: 48px; border: #ccc solid 1px; padding-left: 30px;outline: none; } .modal-body .sbtn { width: 80px; height: 50px; background: no-repeat center center #2071cc; border: none; cursor: pointer; } @font-face { font-family: 'ck'; src: ; } .floor_1_main{ width:100%; position: relative; margin-top: 80px;} .floor_1_0{ width:100%; padding-top:80px; text-align:center;} .floor_1_0 h3{font-family: 'ck'; font-size:48px; color:#2071cc; line-height:48px;} .floor_1_0 p{ font-size:16px; color:#666; line-height:16px; text-transform:uppercase;} .floor_index{ width:100%;} @media (max-width: 1660px) { .floor_1_0 h3{font-size:40px; line-height:40px;} .w1400 { width: 1200px; max-width: 1200px;} } .floor_1_1{ width:100%; position:relative;} .floor_1_1 .gsysimg{ width: 100%; position:relative;} .floor_1_1 .floor_1_2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 22; } .floor_1_1 .floor_1_2 .w1400{ height: 99%; position: relative; } .floor_1_1 .floor_1_21{width: 550px;height: 100%; } .floor_1_1 .floor_1_2 ul{ display: inline-block; width: 102%; padding-top: 1px; height: 100%; } .floor_1_1 .floor_1_2 ul li{ position: relative; width:49%; height: 33.3%; border: rgba(255,255,255,0.5) solid 1px; float: left; margin-top: -1px; margin-left: -1px; text-align: center;} .floor_1_1 .floor_1_2 ul li .nm{ display: block; position: absolute; top: 50%; margin-top: -47px; left: 0; width: 100%; text-align: center; } .floor_1_1 .floor_1_2 ul li .nm img{ display: block; margin: 0 auto; } .floor_1_1 .floor_1_2 ul li .nm h3{ color: #fff; padding-top: 6px; font-size: 22px; } .floor_1_1 .floor_1_2 ul li.ac{ background-color: #1c6dc8; } .floor_1_1 .floor_1_3{ position: absolute; right: 0; top: 18%; width: 450px; text-align: right; } .floor_1_1 .floor_1_3 span{ display: inline-block; font-size: 36px; color: #fff; font-weight: bold; font-family: "arial"; } .floor_1_1 .floor_1_3 h3{ font-size: 36px; color: #fff; font-weight: bold; padding-top: 1%;} .floor_1_1 .floor_1_3 p{ font-size: 18px; color: #fff; line-height: 30px; padding-top: 4%;} @media (max-width: 1660px) { .floor_1_1 .floor_1_2 .w1400 { height: 98.8%;} } .floor_1_00{ display:inline-block; width:100%; padding-top:90px;} .floor_1_00 span{ display:block; font-size: 36px; line-height: 38px; color: #333; font-weight: bold; font-family: "arial"; } .floor_1_00 h3{ font-size: 36px; line-height: 38px; color: #333; font-weight: bold; padding-top: 6px;} .floor_1_00 p{ font-size: 36px; line-height: 38px; color: #333; font-weight: bold; padding-top: 6px;} .floor_1_00 .x{ display:block;font-size:18px; color:#666; line-height:30px; width:660px; float:right; padding-top:20px;} .floor_1_00 .a1{ float:right; display:block; width:180px; height:50px;background:#fff; text-align:center; line-height:50px; font-size:18px; color:#666; transition: all ease 0.36s; border-radius:50px;} .floor_1_00 .a1:hover{background:#00904a; color:#fff;} .floor_1_00 .a1 p{ display:inline-block;} .floor_1_00 .a1 p span{ float:left; display:block;} .floor_1_00 .a1 p i{ display:block; width:16px; height:16px; background-position:0px -358px; float:left; margin-top:17px; margin-left:12px;} .floor_1_00 .a1:hover i{ background-position:0px -378px;} .floor_1_main .floor_1_00 h3 span { color: #fff;} .floor_1_main .floor_1_00 h3 i{ color: #fff;} .floor_1_main .floor_1_00 h3 p{ color: #fff;} @media (max-width: 1660px) { .floor_1_00 h3 i{ font-size:20px;line-height:20px;padding-top:25px;} .floor_1_00 h3 p{font-size:20px;line-height:20px; padding-top:25px;} .floor_1_00 h3 span{ font-size:40px;line-height:40px;} } .floor_2_main { width:100%; position:relative;background: url(/uploads/image/ptwpimages/d4_02.jpg) center center no-repeat; height: 744px; overflow: hidden; } .floor_2_1{ width:100%; position:relative; display:inline-block;} .floor_2_11{width:51%; float:left; position:relative;} .floor_2_111{ width: 100%; } .floor_2_111 h3{ font-size:36px; line-height:36px; color:#c7c7c7; text-transform: uppercase; padding-top: 12%; font-weight: bold;} .floor_2_111 h4{ font-size:36px; line-height:36px; color:#2071cc; padding-top:2%;} .floor_2_111 p{ font-size:34px; line-height:50px; color:#333; padding-top:5%; font-weight: bold;} .floor_2_11 .aa1{ display:block; font-size:18px; line-height:30px; color:#666; padding-top:4%;} .floor_2_112{ width: 100%; padding-top: 10%; } .floor_2_112 ul{ display: inline-block ; } .floor_2_112 ul li{ width: 140px; float: left; height: 128px; margin-right: 20px; background-color: #fff; border-radius: 10px; text-align: center; } .floor_2_112 ul li img{ display: block; width: 65px; margin: 0 auto; padding-top: 26px; } .floor_2_112 ul li h3{ font-size: 18px; color: #333; line-height: 20px; padding-top: 14px; } .floor_2_112 ul li.li2,.floor_2_112 ul li.li3,.floor_2_112 ul li.li4,.floor_2_112 ul li.li6{ display: none; } .floor_2_112 ul li:hover{ background-color: #2071cc; } .floor_2_112 ul li:hover h3{ color: #fff; } .floor_2_112 ul li:hover img{filter: grayscale(100%) brightness(400%)} .floor_2_12{ width:42.5%; position: absolute; right: 0; top: 0; height: 100%;} .floor_2_12 img{ display: block; width: 814px;border-radius: 197px 0px 0px 324px / 310px 0px 0px 483px; } .floor_2_12 i{ display: block; width: 100%; height: 100%;background: url(/uploads/image/ptwpimages/d5_03.png) center center no-repeat; position: absolute; left: 0; top: 0;background-size: 100% 100%;} .floor_2_121 { width: 100%; height: 100%; position: relative; } .floor_2_122 {display: block; width: 814px; height: 100%;border-radius: 197px 0px 0px 324px / 310px 0px 0px 483px; background-size: cover; background-position: center; } .weui_mask { background: rgba(0,0,0,.6);} .weui_mask, .weui_mask_transition, .weui_mask_transparent { position: fixed; z-index: 1000; width: 100%; height: 100%; top: 0; left: 0;} .weui_dialog { position: fixed; z-index: 5000; width:668px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; border-radius: 15px; } .weui_dialog_ft { position: absolute; right: -18px;top: -22px; display: -webkit-box; display: -webkit-flex; display: flex; z-index: 66666;} .weui_btn_dialog.primary { color: #2b2b2b;} .weui_dialog_ft a { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); width:50px; height:50px; background:url(/uploads/image/ptwpimages/closem.png) center center no-repeat;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .weui_dialog .in_title{ width:100%;} .weui_dialog .in_title img{ margin:0 auto; width:200px; height:200px; display:block;} .weui_dialog .in_title span{ line-height:60px;} .weui_dialog_ft a:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);} @keyframes scaledran { 0% { transform:scale(1); } 25% { transform:scale(1.15); /*放大1.1倍*/ } 50% { transform:scale(1); } 75% { transform:scale(1.15); } } @media (max-width: 1660px) { .floor_2_111 h3 { font-size: 28px; line-height: 28px; padding-top: 12%;} .floor_2_111 p { font-size: 30px; line-height: 40px; padding-top: 4%;} .floor_2_11 .aa1 { font-size: 16px; line-height: 28px;} .floor_2_112 { padding-top: 6%;} .floor_2_main { height: 610px;} .floor_2_12 img { border-radius: 174px 0px 0px 324px / 310px 0px 0px 483px;} .floor_2_122{ border-radius: 174px 0px 0px 324px / 310px 0px 0px 483px;} } @media (max-width: 1460px) { .floor_2_111 h3 { font-size: 28px; line-height: 28px; padding-top: 8%;} .floor_2_main { height: 560px;} } .floor_20_main{ width: 100%; background-color: #fff; padding: 34px 0;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);position: relative;z-index: 3; } .floor_20_main ul{ display: inline-block; width: 100%; } .floor_20_main ul li{ float: left; padding: 0 8.5%; position: relative; } .floor_20_main ul li dt{ display: inline-block; color: #2071cc; } .floor_20_main ul li dt span{ display: block; float: left; font-size: 60px; line-height: 60px;} .floor_20_main ul li dt i{ display: block; float: left; font-size: 24px; line-height: 24px; padding-top:30px; padding-left: 6px; } .floor_20_main ul li dd{font-size: 18px; line-height: 20px; color: #666;} .floor_20_main ul li.li1{ padding-left: 0; } .floor_20_main ul li.li4{ padding-right: 0; } .floor_20_main ul li em{ display: block; width: 1px; height: 74px; background: url(/uploads/image/ptwpimages/d8_03.jpg) center center no-repeat; position: absolute; right: 0; top: 12px; } .floor_20_main ul li.li4 em{ display: none; } @media (max-width: 1660px) { /*.floor_20_main ul li{ padding: 0 6.8%;}*/ .floor_20_main ul li dt span{ font-size: 50px; line-height: 50px;} .floor_20_main ul li dt i { padding-top: 22px;} .floor_20_main ul li em{ top: 4px; } } .floor_3_main { width:100%; position:relative;} .floor_3_1{ width:100%; position:relative; display:inline-block;} .floor_3_1 .parhd{ position:absolute; right:0; top: -50px;} .floor_3_1 .parhd ul{ display:inline-block;} .floor_3_1 .parhd ul li{ margin-left:20px; height:50px; position:relative;background: ; float:left;} .floor_3_1 .parhd ul li::before{ background: center center no-repeat; position: absolute; top:0; left: -4px; width:9px; content: ''; height:50px; z-index: 2; display: block; background-size: 100%;} .floor_3_1 .parhd ul li::after{ background: center center no-repeat;position: absolute; top:0; right: -4px; width:9px; content: ''; height:50px; z-index: 1; display: block; background-size: 100%; } .floor_3_1 .parhd ul li a{display: block; font-size:22px; color:#333; line-height:46px; padding:0 16px;} .floor_3_1 .parhd ul li.on a{ color:#2071cc; } .floor_3_1 .parbd{ width:100%;} .floor_3_1 .parbd ul{ display:inline-block; width:100%;} .floor_3_1 .parbd ul li{ width:434px; float:left; margin-right:48px; padding-top:45px;transition: all ease 0.36s;} .floor_3_1 .parbd ul li:hover { transform: translatey(-5px); transition: all ease 0.36s;} .floor_3_1 .parbd ul li .m{ display:block; width:100%; overflow:hidden;} .floor_3_1 .parbd ul li .m img{ display:block; width:100%;} .floor_3_1 .parbd ul li .i{ width:88%; padding:6%; overflow:hidden; background-color:#f2f2f2;} .floor_3_1 .parbd ul li .i em{ display:block;font-size:18px; color:#999; line-height:18px; font-family:"arial"; } .floor_3_1 .parbd ul li .i h3{ font-size:22px; color:#23333b; line-height:22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; word-break: break-all; margin-top:22px;} .floor_3_1 .parbd ul li .i i{ display:block; font-size:14px; color:#999; line-height:24px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top:14px;} .floor_3_1 .parbd ul li .i p{display:inline-block;padding-top:24px;} .floor_3_1 .parbd ul li .i p span{ display:block; font-size:16px; line-height:16px; color:#151527; padding-right:8px; float:left;} .floor_3_1 .parbd ul li .i p b{ display:block; float:left; width:20px; height:7px; background-position:0px -457px; margin-top:6px;} .floor_3_1 .parbd ul li:hover .i h3{ color: #fff;} .floor_3_1 .parbd ul li:hover img { transform: scale(1.03); transition: all ease 0.36s; } .floor_3_1 .parbd ul li:hover .i{ background-color:#d72700;} .floor_3_1 .parbd ul li:hover em{ color:#fff;} .floor_3_1 .parbd ul li:hover .i p span{ color:#fff;} .floor_3_1 .parbd ul li:hover .i i{ color:#fff;} .floor_3_1 .parbd ul li:hover .i p b{background-position:0px -468px;} .floor_3_1 .genduo{ text-align:center; padding-top:46px;} .floor_3_1 .genduo a{ display:inline-block; height:50px; position:relative;background: ; padding:0 80px;transition: all ease 0.36s;} .floor_3_1 .genduo a::before{ background: center center no-repeat; position: absolute; top:0; left: -4px; width:9px; content: ''; height:50px; z-index: 2; display: block; background-size: 100%;} .floor_3_1 .genduo a::after{ background: center center no-repeat;position: absolute; top:0; right: -4px; width:9px; content: ''; height:50px; z-index: 1; display: block; background-size: 100%; } .floor_3_1 .genduo a p{display: inline-block; font-size:18px; color:#333; line-height:46px;} .floor_3_1 .genduo a p span{ float:left; font-size:18px; color:#333; line-height:46px;} .floor_3_1 .genduo a:hover p span{ color:#2071cc; } .floor_3_1 .genduo a p i{ display:block; float:left; width:12px; height:11px; background-position:0px -421px; float:left; margin-left:10px; margin-top:18px;} .floor_3_1 .genduo a:hover p i{background-position:0px -437px;} .floor_3_1 .genduo a:hover{ padding:0 90px;transition: all ease 0.36s;} @media (max-width: 1660px) { .floor_3_1 .parbd ul li{ width:376px; float:left; margin-right:38px;} .floor_3_1 .parbd ul li .i h3 { font-size: 20px;} .floor_3_1 .parbd ul li .i i { font-size: 14px;} .floor_2_1 dl dd p span{ font-size:54px; line-height:50px;} .floor_2_1 dl dd p i{ font-size:46px; line-height:46px;} .floor_2_1 dl dd p b{ font-size:20px; line-height:20px; padding-top: 2px; } .floor_2_1 dl dd em{ font-size:16px; } .floor_2_2{ font-size:16px; line-height:30px;} .floor_2_main .floor_1_00 h3 span{ font-size:44px; line-height:44px;} .floor_1_00 .a1{ width:170px; height:44px;line-height:44px; font-size:16px;} .floor_1_00 .a1 p i{ margin-top:14px;} } .floor_4_main { width:100%; position:relative;background: no-repeat top center; height:341px; margin-top:100px;} .floor_4_1{ width:100%; padding-top:14%;} .floor_4_1 .form{ width:100%; display:inline-block;} .floor_4_1 .form .item_top{ width:80%; float:left;} .floor_4_1 .form .item_top .item{ float:left; width:26%; margin-right:4%; position:relative;background: ; height:50px;} .floor_4_1 .form .item_top .item .txt{ width:94%; border:none; height:46px; line-height:46px; margin:0 auto; background-color:transparent;outline: none; display:block;} .floor_4_1 .form .item_top .item::before{ background: center center no-repeat; position: absolute; top:0; left: -4px; width:9px; content: ''; height:50px; z-index: 2; display: block; background-size: 100%;} .floor_4_1 .form .item_top .item::after{ background: center center no-repeat;position: absolute; top:0; right: -4px; width:9px; content: ''; height:50px; z-index: 1; display: block; background-size: 100%;} .floor_4_1 .form .item_top .item .n-top{ position:absolute; left:0; top:7px;} .floor_4_1 .form .item_top .item .red{ color:#f00; position:absolute; right:4px; top:20px;} .floor_4_1 .form .item_top .item.dz{ width:36%;} .floor_4_1 .form .bot{ width:20%; float:right; position:relative;background: ; height:50px;} .floor_4_1 .form .bot::before{ background: center center no-repeat; position: absolute; top:0; left: -4px; width:9px; content: ''; height:50px; z-index: 2; display: block; background-size: 100%;} .floor_4_1 .form .bot::after{ background: center center no-repeat;position: absolute; top:0; right: -4px; width:9px; content: ''; height:50px; z-index: 1; display: block; background-size: 100%;} .floor_4_1 .form .bot .btn{ display:block; width:100%; height:46px;line-height:46px; margin:0 auto; background-color:transparent;outline: none; border:none; font-size:14px; color:#333; cursor:pointer;} .floor_4_1 .form .bot .btn:hover{ color:#2071cc;} @media (max-width: 1660px) { .floor_1_00 .x{ float:right;} .floor_1_00 .x a{ float:left; font-size:20px; line-height:50px; margin-left:80px; position:relative;} .floor_1_00 .x a i{ display:block; width:0; height:3px; position:absolute; left:0; bottom:-11px; background-color:#2071cc;transition: all ease 0.36s;} .floor_1_00 .x a:hover i{ width:100%;transition: all ease 0.36s;} .floor_1_00 .x a.aa1{color:#2071cc;} .floor_1_00 .x a.aa1 i{ width:100%;} .floor_4_1{ padding-top:16%;} } .floor_5_main { width: 100%; height: 980px; position: relative; z-index: 22; background: url(/uploads/image/ptwpimages/d14_01.jpg) center center no-repeat; } .floor_5_main .floor_7_1 h3{ color: #333;} .floor_5_main .floor_7_1 h3 span { color: #333;} .floor_5_main .floor_7_1 p{ width: auto; padding-top: 50px; } .floor_5_main .floor_7_1 p a{ display: inline-block; float: left; } .floor_5_main .floor_7_1 p a span{ display: block; float: left; padding: 0 18px; } .floor_5_main .floor_7_1 p a i{ display: block; float: left; color: #333; } .floor_5_main .floor_7_1 p a.a2 i{ display: none; } .floor_5_main .body{padding-bottom:100px; display: inline-block; width: 100%; margin-top: 40px;} .floor_5_main .item:first-child { margin-left: 0;} .floor_5_main .item { width: 31%; float: left; background: #fff; margin-left: 3.5%; position: relative; } .floor_5_main .item h5 { padding: 0 30px; font-size: 16px; padding-bottom: 36px; color: #151527; } .floor_5_main .item h5 i { width: 20px; height: 7px; background-position: -0px -457px; margin-left: 10px; } .floor_5_main .item .img { position: relative; padding-top: 56.25%; display: block; width: 100%; overflow: hidden; } .floor_5_main .item .img img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .floor_5_main .item a { display: block; width: 100%; height: 100%; } .floor_5_main .item .line { position: absolute; left: 0; bottom: 0; height: 5px; width: 0; background: #3d7ac9; display: block; transition: ease-in-out .3s; } .floor_5_main .item h3 { font-size: 22px; line-height: 28px; overflow: hidden; font-weight: bold; height: 56px; padding: 14px 30px 28px; padding-bottom: 16px; } .floor_5_main .item p { font-size: 14px; line-height: 24px; color: #999; padding: 0 30px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; height: 48px; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 26px; } .floor_5_main .item h4 { padding: 0 30px; color: #999; padding-top:24px; } .floor_5_main .item:hover { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); } .floor_5_main .item:hover h3 { color: #3d7ac9; } .floor_5_main .item:hover .line { width: 100%; } .floor_5_main .ul{} .floor_5_main ul {display: flex; justify-content: space-between; margin-bottom: -65px; } .floor_5_main li { flex: 1; height: 260px; transition: ease-in-out .2s; } .floor_5_main li.li2{ margin-left: 40px; } .floor_5_main li a { color: #333; display: block; width: 100%; height: 100%; } .floor_5_main li h3 { color: #333; font-size: 26px; padding-left: 39px; padding-top: 50px; margin-bottom: 13px; } .floor_5_main li p { font-size: 18px; padding-left: 39px; line-height: 17px; } .floor_5_main li p b { display: inline-block; width: 17px; height: 17px; background: #057477; border-radius: 100%; margin-left: 10px; vertical-align: middle; position: relative; } .floor_5_main li p b i { display: block; height: 0px; width: 0px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #fff; position: absolute; left: 50%; margin-left: -2px; top: 50%; margin-top: -3px; } .floor_5_main li:nth-child(2) p b i { border-left: 5px solid #fff; } .floor_5_main li:last-child h3 { color: #333; } .floor_5_main li:last-child p{color:#333} .floor_5_main li:last-child p b i { border-left: 5px solid #fff; } .floor_5_main li:hover { transform: translatey(-10px); } .floor_21_main{ background: url(/uploads/image/ptwpimages/d20_01.jpg) center center no-repeat; width: 100%; height: 1070px; position: relative; } .floor_21_main .floor_7_1 { padding-top: 80px;} .floor_21_main .floor_7_1 h3{ color: #333; padding-top: 24px; } .floor_21_main .floor_7_1 h3 span{color: #333;} .floor_21_main .floor_7_1 .p{ float: right; width: 70%; text-align: right; } .floor_21_main .floor_7_1 .p .img{ display: inline-block; position: relative; height: 64px; } .floor_21_main .floor_7_1 .p .img i{ display: block; font-size: 26px; line-height: 60px; color: #fff; font-weight: bold; padding-right:42px; position: absolute; right: 0; top: 0;} .floor_21_main .floor_7_1 .p .wz{ font-size: 16px; color: #666; line-height: 22px; padding-top: 10px; } .floor_21_1{ display: inline-block; margin-top: 42px; width: 100%;} .floor_21_1 .floor_21_11{ width: 38.8%; float: left;background: url(/uploads/image/ptwpimages/d21_07.png) center center no-repeat; background-size: 100%; height: 690px; } .floor_21_1 .floor_21_11 h3{font-size:28px; color: #333; line-height: 22px; padding-top:68px; padding-left: 34px; font-weight: bold;} .floor_21_1 .floor_21_11 p{font-size:18px; color: #999; line-height:30px; margin-top:20px; padding-left: 34px; width: 86%;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .floor_21_1 .floor_21_11 h5{ display: block; width: 40px; height: 40px; border:#b0b0b0 solid 1px; border-radius: 50%; margin-left: 34px; margin-top: 30px; text-align: center; line-height: 40px; } .floor_21_1 .floor_21_11 h5 i{ display: block; width: 6px; height: 11px; background-position: -61px -400px; margin: 0 auto; margin-top: 16px; } .floor_21_1 .floor_21_11 .img{ display: block; width: 100%; position: absolute; left: 0; bottom: 0; } .floor_21_1 .floor_21_11 .img img{ display: block; width: 100%; } .floor_21_1 .floor_21_11:hover{background: url(/uploads/image/ptwpimages/d21_08.png) center center no-repeat;} .floor_21_1 .floor_21_11:hover h3{ color: #fff; } .floor_21_1 .floor_21_11:hover p{ color: #fff; } .floor_21_1 .floor_21_11:hover h5{ border:#fff solid 1px; background-color: #fff; } .floor_21_1 .floor_21_11:hover h5 i{ background-position: -81px -400px; } .floor_21_1 .floor_21_12{ width: 58.2%; float: right; } .floor_21_121 { width:100%; background: url(/uploads/image/ptwpimages/d21_09.png) center center no-repeat; background-size: 100%; height:319px; } .floor_21_121 h3{font-size:28px; color: #333; line-height: 22px; padding-top:68px; padding-left: 34px; font-weight: bold;} .floor_21_121 p{font-size:18px; color: #999; line-height:30px; margin-top:20px; padding-left: 34px; width: 46%;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .floor_21_121 h5{ display: block; width: 40px; height: 40px; border:#b0b0b0 solid 1px; border-radius: 50%; margin-left: 34px; margin-top: 30px; text-align: center; line-height: 40px; } .floor_21_121 h5 i{ display: block; width: 6px; height: 11px; background-position: -61px -400px; margin: 0 auto; margin-top: 16px; } .floor_21_121 .img{ display: block; width: 50%; position: absolute; right: 0; top: 2%; } .floor_21_121 .img img{ display: block; width: 100%; } .floor_21_121:hover{background: url(/uploads/image/ptwpimages/d21_10.png) center center no-repeat;} .floor_21_121:hover h3{ color: #fff; } .floor_21_121:hover p{ color: #fff; } .floor_21_121:hover h5{ border:#fff solid 1px; background-color: #fff; } .floor_21_121:hover h5 i{ background-position: -81px -400px; } .floor_21_122{ width: 100%; display: flex;justify-content: space-between; margin-top: 23px;} .floor_21_122 .fltom{flex: 1;background: url(/uploads/image/ptwpimages/d21_12.png) center center no-repeat; height: 346px; background-size:100% 100%; position: relative;} .floor_21_122 .a4{ margin-left: 34px; } .floor_21_122 a:hover{ background: url(/uploads/image/ptwpimages/d21_13.png) center center no-repeat; } .floor_21_122 h3{font-size:28px; color: #333; line-height: 22px; padding-top:68px; padding-left: 34px; font-weight: bold;} .floor_21_122 h5{ display: block; width: 40px; height: 40px; border:#b0b0b0 solid 1px; border-radius: 50%; margin-left: 34px; margin-top: 30px; text-align: center; line-height: 40px; } .floor_21_122 h5 i{ display: block; width: 6px; height: 11px; background-position: -61px -400px; margin: 0 auto; margin-top: 16px; } .floor_21_122 .img{ display: block; width:100%; position: absolute; left: 0; bottom: 0%; } .floor_21_122 .img img{ display: block; width: 84%; margin: 0 auto; } .floor_21_122 a:hover h3{ color: #fff; } .floor_21_122 a:hover h5{ border:#fff solid 1px; background-color: #fff; } .floor_21_122 a:hover h5 i{ background-position: -81px -400px; } .floor_21_122 .fltom.a4 .img img { width: 100%; } .floor_22_main{ background: url(/uploads/image/ptwpimages/d19_02.png) center center no-repeat; width: 100%; height: 422px; position: relative; margin-top: -94px; } .floor_22_1{ width: 496px; float: right; padding-top: 144px; } .floor_22_1 h3{font-size:44px; color: #fff; line-height:54px;} .floor_22_1 h3 span{ display: block; } .floor_22_1 h4{font-size:18px; color: #fff; line-height:26px; padding-top:14px;} .floor_22_11{ display: inline-block; width: 100%; margin-top: 16px; } .floor_22_11 .item{ display: block; width: 350px; float: left; height: 50px; position: relative; } .floor_22_11 .item .n-top{ position: absolute; left: 0; top: 0; } .floor_22_11 .item input{ display: block; width: 330px; padding-left: 20px; border: none; background-color: #fff; line-height: 50px; outline: plum; } .floor_22_11 .bot{ width: 146px; height: 50px; float: left;} .floor_22_11 .bot input{ display: block; border: none; width: 100%; height: 50px; background-color: #ff9000; color: #fff; font-size: 16px; line-height: 50px; cursor: pointer; outline: plum;} @media (max-width: 1660px) { .floor_21_1 .floor_21_11 { height:588px;} .floor_21_121 { height: 274px;} .floor_21_122 .fltom { height:290px;} .floor_21_122 .img img { width: 78%;} .floor_21_main { height: 1000px;} .floor_5_main { height: 930px;} } .floor_6_main {width: 100%;position: relative; padding-bottom: 80px;} .floor_6_1{ width:100%; margin-top:45px; position:relative;} .floor_6_1 ul{ display:inline-block; width: 105%;} .floor_6_1 ul li{ margin-right:3%; position:relative; float:left; width: 29.7%;transition: all ease 0.36s;}} .floor_6_1 ul li img{ display: block; width: 100%; } .floor_6_1 ul li h3{ font-size: 24px; line-height: 26px; padding-top: 12px; } .floor_6_1 ul li p{font-size: 14px; line-height: 22px; color: #999; padding-top: 10px; } .floor_6_1 ul li:hover{ transform: translatey(-5px); transition: all ease 0.36s;} .floor_6_1 .parbd{ width:100%;} .floor_6_1 .parbd .slidebox{ width:100%; position:relative; height:592px;} .floor_6_1 .parbd .slidebox .jd{ width:75.2%; float:right;} .floor_6_1 .parbd .slidebox .jd ul{ width:100%;} .floor_6_1 .parbd .slidebox .jd ul li{ width:100%; position:relative; overflow:hidden;} .floor_6_1 .parbd .slidebox .jd ul li img{ display:block; width:100%; transition: all ease 0.36s;} .floor_6_1 .parbd .slidebox .jd ul li h3{ background:rgba(0, 0, 0, 0.5); width:95%; height:60px; font-size:20px; color:#fff; line-height:60px; text-align:left; position:absolute; left:0%; bottom:0; padding-left:5%;} .floor_6_1 .parbd .slidebox .jd ul li:nth-child(3n){ margin-right:0;} .floor_6_1 .parbd .slidebox .jd ul li:hover{ } .floor_6_1 .parbd .slidebox .jd ul li:hover img { transform: scale(1.03); transition: all ease 0.36s; } .floor_6_1 .parbd .slidebox .fd{ width:21.5%; position:absolute; left:0; bottom:17%;} .floor_6_1 .parbd .slidebox .fd ul{ width:100%;} .floor_6_1 .parbd .slidebox .fd ul li{ width:142px; height:80px; float:left; margin-top:15px; margin-right:15px;} .floor_6_1 .parbd .slidebox .fd ul li img{ width:100%; display:block;} .floor_6_1 .parbd .slidebox .fd ul li.li2,.floor_6_1 .parbd .slidebox .fd ul li.li4,.floor_6_1 .parbd .slidebox .fd ul li.li6{ margin-right:0;} .floor_6_1 .parbd .slidebox .fd ul li.on{ border:#d63f1f solid 1px;width:140px; height:78px;} .floor_6_1 .parbd .slidebox .fd ul li.on img{ border:#fff0dd solid 1px; width:138px; height:76px;} .floor_6_1 .genduo{ width:151px; height:50px; position:absolute; left:0; bottom:0;} .floor_6_1 .genduo a{ display:block; width:151px; height:50px;background: center center no-repeat; text-align:center; transition: all ease 0.36s;} .floor_6_1 .genduo a p{ display:inline-block;} .floor_6_1 .genduo a p span{ display:block; float:left; font-size:16px; color:#000; line-height:47px;} .floor_6_1 .genduo a p i{ display:block; float:left; width:12px; height:11px; background-position:0px -421px; float:left; margin-left:10px; margin-top:18px;} .floor_6_1 .genduo a:hover p i{background-position:0px -437px;} .floor_6_1 .genduo a:hover p span{ color:#2071cc;} .floor_6_1 .genduo a:hover{ transform: translatey(-5px); transition: all ease 0.36s;} @media (max-width: 1660px) { .floor_6_1 .parbd .slidebox .fd ul li { width: 120px; height: 67px;} .floor_6_1 .parbd .slidebox .fd ul li.on{ width:118px; height:65px;} .floor_6_1 .parbd .slidebox .fd ul li.on img{ width:116px; height:63px; } .floor_6_1 .parbd .slidebox { height: 508px;} } .floor_7_main{ width:100%;background: url(/uploads/image/ptwpimages/d12_02.jpg) fixed bottom center no-repeat; height: 733px; position: relative;} .floor_7_1{ display: inline-block; width: 100%; padding-top: 68px; } .floor_7_1 h3{ float: left; font-size: 36px; color: #fff; line-height: 36px; font-weight: bold;} .floor_7_1 h3 span{ display: block;font-size: 36px;color: #fff;font-weight: bold;font-family: "arial";} .floor_7_1 p{ float: right; width: 52%; font-size: 18px; color: #fff; line-height: 24px; padding-top: 22px; } .floor_7_2{ width:100%; padding-top:42px;} .floor_7_2 .slide{ width: 100%; background-color: #fff; } .floor_7_2 .slide ul{ display:inline-block; width:100%;} .floor_7_2 .slide ul li{ width: 19.92%; float:left; text-align:center; transition: all ease 0.36s; border: #e2e2e2 solid 1px; margin-top: -1px; margin-left: -1px;} .floor_7_2 ul li img{ display:block; width:100%; margin:0 auto;transition: all ease 0.36s;} .floor_7_2 ul li h3{ font-size:24px; color:#fff0dd; line-height:24px; font-weight:bold;text-shadow:rgba(90, 0, 0, 0.5) 1px 0px 2px; padding-top:14px;} .floor_7_2 ul li p{ font-size:18px; color:#fff0dd; line-height:24px; padding-top:12px;} .floor_7_2 ul li:hover img{ transform: scale(1.1);transition: all ease 0.36s; position: relative; z-index: 2;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);} .floor_7_2 ul li:nth-child(5n){ border-right: none; } .floor_7_2 .prev, .floor_7_2 .next{ position:absolute;width:57px; height:57px; z-index: 12; bottom:8%; left:50%; cursor: pointer; transition: ease-in-out 0.2s; background-position:-0px -175px;} .floor_7_2 .next{ background-position:-73px -175px; margin-left: 20px;} .floor_7_2 .prev{ margin-left: -60px; } .floor_7_2 .prev:hover{background-position:-0px -240px;} .floor_7_2 .next:hover{background-position:-73px -240px;} .floor_7_main .floor_7_1{ width: 1000px; } .floor_7_main .floor_7_2{ width: 1000px; position: relative;height: 450px; } .bottom_main { background: #18191b; padding-top: 60px; padding-bottom:50px; } .bottom_main .box1 { float: right; width: 36%; font-size: 18px; color: #ccc; line-height: 24px; } .bottom_main .box1 a { color: #ccc; } .bottom_main .box1 a:hover { color: #fff; } .bottom_main .box1 img { margin-bottom: 28px; } .bottom_main .box1 li { position: relative; display: inline-block; width: 100%; margin-bottom: 6px; line-height: 36px; } .bottom_main .box1 li i { background: url(/uploads/image/ptwpimages/d16_07.png) left center no-repeat; padding-left: 34px;display: block;float: left; } .bottom_main .box1 li.li3 i {background: url(/uploads/image/ptwpimages/d17_03.png) left center no-repeat;} .bottom_main .box1 li p{ float: left; width: 80%; } .bottom_main .box1 li.li1 p{ width: 70%; font-size: 36px; color: #ccc; } .bottom_main .box1 li.li1 i{margin-top: 6px;} .bottom_main .box2 { float: left; width: 12%; text-align: center; color: #fff; } .bottom_main .box2 img { width: 160px; height: 160px; } .bottom_main .box2 p { font-size: 16px; padding-top: 5px; } .bottom_main .box3 { width: 52%; float: left; } .bottom_main .box3 dl:first-child { } .bottom_main .box3 dl { float: left; width: 21%; } .bottom_main .box3 dl dt { padding-bottom: 28px; } .bottom_main .box3 dl dt a { color: #fff; font-size: 18px; } .bottom_main .box3 dl dd { line-height: 32px; } .bottom_main .box3 dl dd a { color: #999; } .bottom_main .box3 dl dd a:hover { color: #fff; } .bottom_main .box3 dl:last-child { width: 15%; } .bottom_copy { background: #18191b; border-top: 1px solid #373b42; width: 100%; line-height: 44px; padding-bottom: 10px; color: #999; } .bottom_copy a { color: #999; } .bottom_copy a:hover { color: #fff; } @media (max-width: 1660px) { .bottom_main .box1 { font-size: 16px;} } /*rightfix*/ .rightfix { width: 65px; position: fixed; right: 10px; bottom: 10%; z-index: 999; } .rightfix a { width: 65px; height: auto; background: #2071cc; text-align: center; display: block; margin-bottom: 6px; position: relative; padding-top: 8px; border-radius: 5px; padding-bottom: 5px; } .rightfix a h3 { color: #fff; font-weight: 400; font-size: 12px; } .rightfix .ico { width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto 1px; padding: 0; background: no-repeat 0 0; } .rightfix .img { width: 110px; height: auto; position: absolute; left: -10px; top: 0; padding: 6px; background: #2071cc; border: 1px solid #ddd; background: #fff; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px; color: #333; padding-bottom: 10px; } .rightfix .img p { padding-top: 5px; } .rightfix a:hover .img { opacity: 1; filter: alpha(opacity=100); left: -140px; display: block; } .rightfix .img img { width: 110px; height: 110px; } .rightfix a span { width: 200px; text-align: center; height: 62px; line-height: 62px; position: absolute; top: 0; background: #2071cc; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px; } .rightfix a:hover { background-color: #2071cc; overflow: visible; } .rightfix a:hover h3 { color: #fff; } .rightfix a.fix-ewm:hover img { opacity: 1; filter: alpha(opacity=100); left: -140px; } .rightfix a:hover span { opacity: 1; filter: alpha(opacity=100); left: -210px; } .rightfix .fix-tel:hover .ico { background-position: -32px 0; } .rightfix .fix-xcx .ico { background-position: 0 -32px; } .rightfix .fix-xcx:hover .ico { background-position: -32px -32px; } .rightfix .fix-ewm .ico { background-position: 0 -64px; } .rightfix .fix-ewm:hover .ico { background-position: -32px -64px; } .rightfix .mess .ico { background-position: 0 -96px; } .rightfix .mess:hover .ico { background-position: -32px -96px; } .rightfix .fix_top .ico { background-position: 0 -128px; } .rightfix .fix_top:hover .ico, .rightfix .fix_top.hover .ico { background-position: -32px -128px; } .rightfix .fix-form { background-position: 10px -234px; } .rightfix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; } .rightfix .fix-form:hover { background-position: -37px -234px; } /* 图片 */ @-webkit-keyframes gradient-rectangle { 0% { -webkit-transform: scaley(0); transform: scaley(0); -webkit-transform-origin: bottom; transform-origin: bottom; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); /*firefox*/ background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); /* opear */ background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); opacity: 1; } 100% { -webkit-transform: scaley(1); transform: scaley(1); -webkit-transform-origin: top; transform-origin: top; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); /*firefox*/ background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); /* opear */ background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); opacity: 0; } } /* underline from center1 */ .hvr-underline-from-center1 { display: inline-block; vertical-align: middle; -webkit-transform: translatez(0); transform: translatez(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-underline-from-center1:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -3px; background: #2071cc; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center1:hover:before, .hvr-underline-from-center1.hover:before, .hvr-underline-from-center1:focus:before, .hvr-underline-from-center1:active:before { left: 0; right: 0; } .hvr-underline-from-center1:hover, .hvr-underline-from-center1.hover { *height: 43px; *border-bottom: 3px solid #2071cc; *line-height: 43px; } @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.02); } 100% { -webkit-transform: scale(1); } } @keyframes scale { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } } /*响应1440 到 1680屏幕*/ @media (min-width: 1440px) and (max-width: 1680px) { .about_2_main .develop_box { padding: 0 6%; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes animatemap { 0% { transform: translatey(-10px); } 20% { border-radius: 2px; } 50% { transform: translatey(-5px); border-bottom-right-radius: 25px; } 80% { border-radius: 2px; } 100% { transform: translatey(-10px); } } @-webkit-keyframes big { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } /* 响应1200屏幕 */ @media (max-width: 1660px) { .header_main .email .member { display: none; } .header_main .nav_main {} .header_main .nav_main .item{padding:0 22px;} .header_main .nav .sub-box{left:10px;} .header_main .nav li:nth-child(9) .sub-box{left:auto;right:10px;} .index_main .section1 .index_banner .item .inner .block_txt{width:1000px;margin-left:-500px;} } @media (max-width: 1366px) { .header_main .nav_main .item{padding:0 18px;} } /*# sourcemappingurl=index.css.map */