body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, select,option, th, td { margin: 0; padding: 0; font: 12px/1.5 Microsoft YaHei,Verdana, Geneva, sans-serif, tahoma, Srial, helvetica, sans-serif; font-family: "palatino linotype","palatino"; font-weight: normal;} h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } small { font-size: 12px; } ul, ol { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: none; } abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help;} q:before, q:after { content: ''; } legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */ button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0;} hr { border: none; height: 1px;} html { overflow-y: scroll; } audio, canvas, progress, video {display: inline-block;vertical-align: baseline;} video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel {width: calc(100% + 30px); } html,body{ height:100%; } .web-ie2018{ font-family: Arial,'宋体'; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} input, button, select, textarea {outline: none;} .clearfix:after{display:block;content:'';clear:both;visibility:hidden} *:focus{outline:none;} /* swiper css */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-30px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .pc-1200px{display: none;} @media only screen and (max-width:1200px) { .pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;} .pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;} .pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;} .pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;} .pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;} } .icenter{ width:1200px;display: block;overflow: hidden;margin: 0 auto;} #btn2{ position: fixed; cursor: pointer; bottom: 80px; right: 10px; height: 80px; width: 80px; z-index: 9;} /* h5 */ .drawer-nav { display: none; } .drawer-hamburger{display: none;} .a_01,.a_02,.a_03,.a_04{display: none;} .app-news-s-h5{display: none;} .h5-about{display: none;} .h5-slides{display: none;} .pcheader{ box-shadow: 0 0 30px 0 rgba(0,0,0,.1); position: absolute; width: 100%; height: 60px; top: 0; left: 0; z-index: 999999; background: #fff;} .pcheader .icenter{ overflow: initial; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .pcheader .icenter .logo{} .pcheader .icenter .logo img{display: block; width: auto; height: 60px;} .pcheader .icenter .navdh{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .pcheader .icenter .navdh dl{position: relative;} .pcheader .icenter .navdh dl dt{} .pcheader .icenter .navdh dl dt h3{ display: block; width: 140px; text-align: center;} .pcheader .icenter .navdh dl dt h3 a{ font-size: 16px; color: #333; display: inline-block; height: 58px; border-bottom: 2px solid #fff; line-height: 58px;} .pcheader .icenter .navdh dl dt h3 a:hover{ border-bottom: 2px solid #008cd6; color: #008cd6;} .pcheader .icenter .navdh .header-hover-s{ width: 160px; position: absolute; top: 60px; left: -10px; background: #fff; display: none; z-index: 9;} .pcheader .icenter .navdh .header-hover-s a{ font-size: 14px; color: #333; display: block; line-height: 50px; border-bottom: 1px solid #a8a5a4; text-indent: 15px;} .pcheader .icenter .navdh .header-hover-s a:last-child{border-bottom: 0 solid #a8a5a4; } .pcheader .icenter .navdh .header-hover-s a:hover{background: #484745; color: #fff;} .pcheader .icenter .navdh dl:hover .header-hover-s{display: block; } .pcheader .icenter dd{ height: 22px; width: 53px; border: 1px solid #e5e5e5; background: url(/style/img/header_1.jpg) no-repeat 42px 9px; cursor: pointer; position: relative; z-index: 999; } .pcheader .icenter dd a{display: block; text-align: center; color: #777; font-size: 14px;} .pcheader .icenter dd a:nth-child(2n),.pcheader .icenter dd a:nth-child(3n){display: none; position: absolute; height: 22px; width: 53px; border: 1px solid #e5e5e5; top: 22px; background: #fff;} .pcheader .icenter dd:hover a{ display: block; } .pcheader .icenter dd:hover a:nth-child(3n){top:44px;} .banner .bar{ opacity: 0; cursor: pointer; position: absolute; top: 50%; left: 80px; z-index: 9; width: 60px; height: 60px;} .banner .bar img{ display: block;} .banner .swiper-button-next01b{ left: auto; right: 80px;} .banner .bar:hover{ opacity: 1; } .banner{ display: block;width:100%; position: relative;height:calc(100% - 60px); overflow: hidden; background: #fff; padding:60px 0 0 0; z-index: 1;} .banner .swiper-container01b{ position: relative; width: 100%; height: 100%;} .bnner-box-eleven { width: 100%; margin: 0 auto; height: 100%; position: absolute;} .bb-eleven-a{ height: 35%; width: 31%; position: absolute; left: 5%; top: 34%;} .bb-eleven-b{width: 32%;height:12%; position: absolute;z-index: 10;top:6%;right:12%;} .bb-eleven-c{width: 32%;height:12%; position: absolute;z-index: 10;top:20%;right:12%;} .bb-eleven-d{width: 32%;height:12%; position: absolute;z-index: 10;top:35%;right:12%;} .bb-eleven-e{width: 32%;height:12%; position: absolute;z-index: 10;top:50%;right:12%;} .bb-eleven-f{width: 32%;height:12%; position: absolute;z-index: 10;top:65%;right:12%;} .bb-eleven-g{width: 32%;height:12%; position: absolute;z-index: 10;top:80%;right:12%;} .bnner-box-seven{ width: 1170px; height: 358px; display: block; margin: 0 auto;} .bnner-box-six{ width: 1170px; height: 358px; display: block; margin: 0 auto; } .bnner-box-four{ overflow: hidden; width: 1171px; margin: 113px auto 0; height: 220px; position: relative;} .bb-four-a{ width: 0; height: 220px; margin-left: 41px; background: url(/style/img/bfour_1.png) no-repeat; opacity: 0;} .swiper-slide-active .bb-four-a{ opacity: 1; width: 218px; -webkit-transition: all 1.2s 0.2s ease-in-out; transition: all 1.2s 0.2s ease-in-out; -ms-transition: all 1.2s 0.2s ease-in-out; -moz-transition: all 1.2s 0.2s ease-in-out;} .swiper-slide-active .g-animation { -webkit-transition: all 0.5s 0.1s ease-in-out; transition: all 0.5s 0.1s ease-in-out; -ms-transition: all 0.5s 0.1s ease-in-out; -moz-transition: all 0.5s 0.1s ease-in-out; opacity: 1; transform: none; -webkit-transform: none; -ms-transition: none; -moz-transition: none;} .swiper-slide-active .g-animation { transform: none; -webkit-transform: none; -ms-transition: none; -moz-transition: none;} .bb-four-img-b{ position: absolute; top: 83px; left: 150px; -webkit-transform: translate3d(-100%, 0, 0); -ms-transition:translate3d(-100%, 0, 0); -moz-transition:translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0;} .swiper-slide-active .bb-four-img-b{width:auto; opacity: 1; -webkit-transition: all 0.8s 1.3s ease-in-out; transition: all 0.8s 1.3s ease-in-out; -ms-transition: all 0.8s 1.3s ease-in-out; -moz-transition: all 0.8s 1.3s ease-in-out;} .bb-four-img-c{ position: absolute; top: 157px; left: 223px; -webkit-transform: translate3d(100%, 0, 0); -ms-transition:translate3d(100%, 0, 0); -moz-transition:translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0;} .swiper-slide-active .bb-four-img-c{width:auto;opacity: 1; -webkit-transition: all 0.8s 1.3s ease-in-out; transition: all 0.8s 1.3s ease-in-out; -ms-transition: all 0.8s 1.3s ease-in-out; -moz-transition: all 0.8s 1.3s ease-in-out;} .banner .swiper-pagination-bullet{ background: #666; opacity: 1; width: 6px; height: 6px; border: 1px solid #fff; margin: 0 4px !important; } .banner .swiper-pagination-bullet-active{ background: #eee; } .banner .swiper-pagination{bottom:20px;height: 10px;} .b-coum-bmain { width: 1171px; margin: 0 auto; height: 37px; position: relative;} .b-coum-bmain-after { content: ''; width: 493px; height: 2px; position: absolute; left: 0; top: 16px; background: url(/style/img/c_1.jpg) no-repeat;} .b-coum-bmain-before { content: ''; width: 493px; height: 37px; position: absolute; right: 0; top: 16px; background: url(/style/img/c_1.jpg) no-repeat;} .b-coum-bmain p { width: 144px; margin: 0 auto; overflow: hidden;} .b-coum-bmain p a { display: block; width: 36px; float: left; height: 37px;} .b-coum-bmain p a:first-child+a { margin: 0 18px;} .bmian-a { background: url(/style/img/c_h3.png) no-repeat;} .bmian-b { background: url(/style/img/c_h4.png) no-repeat;} .bmian-c { background: url(/style/img/c_h5.png) no-repeat;} .bmian-a:hover { background: url(/style/img/c_3.png) no-repeat;} .bmian-b:hover { background: url(/style/img/c_4.png) no-repeat;} .bmian-c:hover { background: url(/style/img/c_5.png) no-repeat;} .indexbottom{ padding: 30px 0; background: url(/style/img/mian-bj.jpg) repeat-x; width: 100%; display: block; overflow: hidden; background-size: cover;} .indexbottom .icenter{} .indexbottom .icenter .b-column{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .indexbottom .icenter .b-column .column-dl{ background: #fff; box-shadow: 0px 0px 12px 0px #e3e2e3; float: left; height: 409px; margin: 30px 35px; overflow: hidden; position: relative; width: 240px;} .indexbottom .icenter .b-column .column-dl dt{ width: 240px; height: 220px; overflow: hidden;} .indexbottom .icenter .b-column .column-dl dt img{transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; display: block; width: 100%;} .indexbottom .icenter .b-column .column-dl:hover dt img{ -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1);} .indexbottom .icenter .b-column .column-dl dd{ background: url(/style/img/cot_1.png) no-repeat; bottom: 0; height: 368px; left: 0; position: absolute; width: 240px; _width: 240px; z-index: 2; } .indexbottom .icenter .b-column .column-dl dd p{ line-height: 22px; color: #333; font-size: 14px; padding-top: 212px; overflow: hidden; padding-left: 20px; padding-right: 20px;} .indexbottom .icenter .b-column .column-dl dd p font{font-size: 24px;} .indexbottom .icenter .b-column .column-dl dd a{ display: block; position: absolute; right: 21px; bottom: 21px; z-index: 3; background: url(/style/img/b-next.png) no-repeat; width: 28px; height: 28px;} .indexbottom .icenter .b-column .column-dl dd a:hover { background: url(/style/img/h-next.png) no-repeat;} .footer{ width: 100%; height: 82px; background: url(/style/img/footer_bj.jpg) repeat-x; display: block; overflow: hidden;} .footer .b-footer{ padding-top: 10px;} .footer .b-footer p{ overflow: hidden; text-align: center; color: #979797; font-size: 14px; line-height: 22px;} .footer .b-footer p a:hover{color:#fff;} .margin-width { margin: 0 auto; width: 1170px;} .fl{ float:left;} .fr{ float:right;} .clear { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px; border: none; overflow: hidden;} .ovw { overflow: hidden;} .about-d{ width: 100%; height: auto; background: #f6f6f6;} .about-d-dla dt h3 font{ display: inline-block; padding-right: 55px; border-bottom: 1px solid #c9c9c9; height: 32px;} .d-bj{ background:#fff url(/style/img/about_15.jpg) no-repeat center top; padding-top: 286px; padding-bottom: 26px;} .about-d-mian{ background: #fff;} .about-d-db{ margin-right: 5px;} .about-d-dla dt p{ line-height:26px; font-size: 14px; color: #888;} .about-d-dla dt p.about-d-tit{color: #333;} .about-d-dla dd {padding: 10px 0; overflow: hidden;} .about-d-dla dd img{display: block;} .about-d-dc{padding-top: 30px;} .about-d-de{margin: 0 auto;} .join{ display: block; width: 200px; height: 46px; text-align: center; line-height: 46px; background: #c9c9c9; font-size: 20px; color: #7b7b7b; border-radius: 25px; margin: 8px auto 0;} .join:hover{ background: #313131; color: #fff;} .join-p{ line-height: 35px; color: #999; text-align: center;} .about-fl{padding-left: 23px;width: 550px;/*height: 946px;*/margin-bottom:20px;} .about-fr{padding-right: 23px;width: 550px;margin-bottom:20px;} .about-d-dla dt{overflow: hidden;} .about-fl dd img{width:550px;height:200px;} .about-fr dd img{width:550px;height:200px;} .about-c{ width: 100%;} .c-baion{ height: 1600px; background: url(/style/img/about_6.jpg) no-repeat top; position: relative;width: 1170px;margin: 0 auto;} .about-c-h2{ padding-top: 89px;} .about-c-img{ position: absolute;} .about-c-img-b{top: 296px;right: 622px;} .about-c-img-c{top: 425px;left: 622px;} .about-c-img-d{top:554px;right: 622px;} .about-c-img-e{top: 682px;left: 622px;} .about-c-img-f{top:812px;right: 622px;} .about-c-img-g{top: 939px;left: 622px;} .about-c-img-h{ bottom: 405px;right: 622px;} .about-c-img-h1{ bottom: 300px; left: 622px;} .about-c-img-i{bottom: 107px;right: 622px;} .about-c-img-j{ bottom: -18px; left: 622px;} .about-a-h2{ text-align: center; color: #000; font-size: 48px; font-weight: normal; line-height: 64px; padding-top: 60px;} .about-c-h2{ padding-top: 89px;} .about-c .c-baion dl{display: block; overflow: hidden; margin-top: 140px;} .about-c .c-baion dl p{ display: block; width: calc(50% + 50px); float: left; overflow: hidden; margin-bottom: 60px;} .about-c .c-baion dl p img{position: relative;display: block;top: auto; left: auto; float: right; right: auto; bottom: auto; left: -100px;} .about-c .c-baion dl p:nth-child(2n){float: right;} .about-c .c-baion dl p:nth-child(2n) img{ left: 100px; float: left;} .about-c .c-baion dl p:nth-child(6){ margin-bottom: 0; margin-top: -40px;} .about-c .c-baion dl p:nth-child(7){ margin-bottom: 0;} .about-c .c-baion dl p:nth-child(9){ margin-bottom: -20px; } .about-b{ display: block; overflow: hidden; position: relative;} .about-b .icenter{width: 1170px; height: 642px; position: relative; margin: 0 auto;} .about-b .about-b-img-a{ display: block; width: auto; margin-top: 230px; } .about-b .about-b-f{ position: absolute;} .about-b .about-b-f-a{ left: 186px;top: 135px;} .about-b .about-b-f-b{ left: 425px; top: 33px;} .about-b .about-b-f-c{ left: 715px; top: 96px;} .about-b:after{ content: ""; width: 100%; background: url(/style/img/about_2.jpg) no-repeat center top; height: 642px; position: absolute; top: 0; left: 0; z-index: -1; } .about-a{ padding:120px 0 88px; position: relative; display: block; overflow: hidden; width: 100%; height: 595px;} .about-a .icenter{} .about-a h3{ text-align: center; color: #000; font-size: 48px;} .about-a dl{padding-top: 52px; } .about-a dl dd{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top; width: 1030px; margin: 0 auto;} .about-a p{ font-size: 18px; color: #000; line-height: 30px;width: 1030px;margin: 0 auto;padding-top: 28px;} .about-a dl dd p{width: 408px; text-align: justify; margin: 0; padding: 0;} .about-a dl dd p:nth-child(2n){width: 583px;} .about-a:after{content:"";background: url(/style/img/about_1.jpg) no-repeat center top; position: absolute; width: 100%; top: 65px; height: 100%; z-index: -1;} .about-e-dla{ padding-top: 61px; padding-bottom: 72px;} .about-e-dla dt{ width: 626px; float:left; height: 352px; background: url(/style/img/about_t1.jpg) no-repeat left top;} .about-e-dla dd{ float: left; padding-top: 211px; background: url(/style/img/about_t2.jpg) no-repeat left bottom; height: 192px; width: 484px;} .about-e-tel{ padding-top: 166px; padding-left: 164px;} .about-e-tel p{ line-height: 31px; color: #333; font-size: 16px;} .map{ width: 100%; height: 600px; background: url(/style/img/map.jpg) no-repeat center top;} .focus-on{ width: 100%; padding-top:68px; padding-bottom: 18px;} .map-tel-mian{ position: relative; overflow: hidden; height: 600px;} .map-tel-mian #myMap{ width: 100%; height: 100%; font-family: "palatino linotype"; position: relative;} .map-tel-mian .map-tel{ padding: 30px 20px 50px; background: rgba(255,255,255,0.9); bottom: 0; height: 90px; position: absolute; width: 590px; left: 10%;} .map-tel-mian .map-tel .map-tel-ula{ width: 210px; overflow: hidden; float: left; padding-left: 26px; list-style: none; position: relative; margin-top: 15px;} .map-tel-mian .map-tel .map-tel-ula li{ line-height: 20px; font-size: 14px; color: #333;} .mysilde { position: absolute; background: url(/style/img/vecss_zh.png) no-repeat; width: 25px; height: 56px; background-position: 0 0px; top: 140px; left: 0;} .directionsPanel{position: absolute; top: 0; left: 0; background: white;width:100px;} .myclass{left: 360px; background-position: 0 -64px;} #directionsInputContainer{ display: none;} .probanner{ margin: 0 auto 60px; min-width: 1200px; background: url(/style/img/bg.png) no-repeat center top; background-size: 1920px 100%; height:711px; top: 60px; position: relative; overflow: hidden;} .probanner .product-aouto-ht{ overflow: initial; width: 1165px; position: relative; height: 100%; } .probanner .product-aouto-ht img{ position: absolute;} .probanner .product-aouto-ht .zpro_img1{ z-index: 344; width: 181px; bottom: 341.28px; left: 795.8px;} .probanner .product-aouto-ht .zpro_img3{ z-index: 322; top: 20%; height: 348.39px; left: 653.6px; } .probanner .product-aouto-ht .zpro_img4{ left: 241px; bottom: -99.54px; z-index: 333; width: 1103px;} .probanner .product-aouto-ht .zzz-img1-1{ left: 2%; top: 30%; height: 130px;} .sub_nav{ display: block; margin: 100px auto 50px; overflow: hidden; text-align: center;} .sub_nav img{ width: 32px; margin-left: 14px; margin-right: 14px;} .sub_nav a{} .sub_nav a span{ font-size: 18px; line-height: 30px; color: #333;} .tittxt{} .tittxt h3{height: 50px;text-align: center;color: #333; padding-top: 20px; padding-bottom: 20px; line-height: 50px; font-size: 30px;} .tittxt h4{ color: #666; text-align: justify; font-size: 18px; width: 1080px; margin: auto; padding-top: 17px; padding-bottom: 50px;} .prolistone,.prolisttwo{margin-bottom: 50px;} .prolistone .img_div_1{} .prolistone .img_div_1 img{ width: 25%;float: left;} .prolistone .yellow{} .prolistone .yellow img{ width: 460px; float: left; margin: -142px 0 0 71px;} .prolistone .yellow .text{ float: left; width: 360px; font-size: 18px; margin: 38px 0 0 -406px;} .prolistone .tittxt{float: right; width: 560px; margin-top: 50px;} .prolistone .tittxt h3{} .prolistone .tittxt h4{ padding: 0; display: block; width: 100%;} .prolisttwo{} .prolisttwo dd{font-size: 30px; text-align: left; line-height: 40px; height: 40px; padding-top: 40px; padding-bottom: 40px; float: left; width: 560px; margin-top: 50px;} .prolisttwo img{ display: block; width: auto; max-width: 100%; margin: 0 auto;} .prolistpic{ margin:0 auto 20px;width: 1171px;height: 432px; } .prolistpic dd{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center; } .prolistpic dd .epic{ width:25%; height: 216px; overflow: hidden; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .prolistpic dd .epic img{max-width: 200px; max-height: 190px; display: block; margin: 0 auto;} .prolistpic dt{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .prolistpic dt .etxt{width:25%; height: 216px; overflow: hidden; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .prolistpic dt .etxt p{ text-align: center; color: #fff; margin-top: 0; padding: 0 5px; width:100%; font-family: "Tahoma Regular"; font-size: 16px; } .prolistpic dt .etxt a{ position: absolute; bottom: 0px; right: 0px; color: #fff; padding: 10px;} .prolistpic dt .etxt a img{} .pro2_banner{ margin: 0 auto 60px; min-width: 1200px; background: url(/style/img/bg.png) no-repeat center top; background-size: 1920px 100%; height:700px; top: 60px; position: relative; overflow: hidden;} .pro2_banner .icenter{ overflow: initial; width:1165px; position: relative; height: 100%; } .pro2_banner .icenter img{position: absolute;} .pro2_banner .icenter dd{ position: relative; height: 442px; top: 84.5px;} .pro2_banner .icenter .zpro-wet1{ right: 3%; top: 15%;height: auto; width: 463px; z-index: 499;} .pro2_banner .icenter .zpro-wet5{ top: 115px; right: 39px; z-index: 500;} .pro2_banner .icenter .zpro-wet2{ z-index: 488; top: 29%; height: auto; width: 371px; right: 9%;} .pro2_banner .icenter .zpro-wet6{ z-index: 490; top: 162px; right: 390px;} .pro2_banner .icenter .zpro-wet3{ right: 7%; z-index: 477;top: 36%; height: auto; width: 408px; } .pro2_banner .icenter .zpro-wet7{ z-index: 480; top: 325px; right: 20px;} .pro2_banner .icenter .zpro-wet4{ right: 5%; z-index: 466; top: 43%; height: auto; width: 437px;} .pro2_banner .icenter .zpro-wet8{ z-index: 470;top: 358px; right: 300px;} .pro2_banner .icenter .zzz-yun{ right: 4px; top: 55%;} .pro2_banner .icenter .zzz-img2-1{max-height: 216px; top: 10%; height: 155.6px; left: 10px;} .pro2_banner .pro_2_02{max-height: 350px; position: absolute; left:0; top: auto; bottom: 0px; height: 310.707px;} .pro2pictxt .tt1{width: 530px; margin: auto;} .pro2pictxt .pic1{ overflow: inherit;} .pro2pictxt .pic1 img{display: block; margin: auto;} .pro2pictxt .pic1 .desc{ width: 350px; margin: -292px auto 84px; font-size: 18px; position: relative;} .pro5_banner{margin: 0 auto; min-width: 1200px; height: 700px; top: 60px;position: relative;overflow: hidden; background: url(/style/img/Card.png) no-repeat center top; background-size: 1920px 100%; display: block; overflow: hidden;} .pro5_banner .icenter{ position: relative; overflow: hidden; height: 100%; width:1165px; } .pro5_banner #img_1{ position: absolute; top: auto; left: 100px; max-height: 526px; height: 458.595px; bottom: 163.53px;} .pro5_banner #img_2{position: absolute;right: 0;top: 10%; left: 50%;max-height: 210px; height: 155.7px;} .pro5_banner #img_3{ position: absolute; right: -71.1px; bottom: 0px; max-height: 270px; height: 319.95px;} .pro5pic{margin: 0 auto 50px;} .pro5pic dd{ margin-top: 45px; float: left;} .pro5pic dd h3{} .pro5pic dd h3 strong{ display: block; font-weight: normal; font-size: 30px; text-align: left; line-height: 40px; height: 40px; padding-top: 10px; padding-bottom: 10px;} .pro5pic dd h3 p{ color: #666; line-height: 22px;font-size: 18px;} .pro5pic dt{ float: right;} .pro5pic dt img{ height: 530px; display: block;} .pro6pic{} .pro6pic img{height: 570px; display: block; width: 580px; float: left; margin-top: 60px;} .pro6pic .text{ float: right;} .pro6pic .text dd{} .pro6pic .text dd .tittxt h4{width: 100%;} .pro6pic .text dt{ margin-left: 192px;} .pro6pic .text dt h3{ text-align: left; padding-bottom: 0;} .pro4_banner{ height: 700px; margin: 0 auto; min-width: 1200px; display: block; overflow: hidden; top: 60px; position: relative;background: url(/style/img/Specialtags.png) no-repeat center top; background-size: 1920px 100%;} .pro4_banner .icenter{height:100%; overflow: initial;width: 1165px; position: relative;} .pro4_banner .icenter img{position: absolute;} .pro4_banner .icenter .zpro-spe1{ right: -199px; z-index: 500; max-height: 545px; height: 533.25px; left: 511.4px; top: 291.51px;} .pro4_banner .icenter .zpro-spe4{ z-index: 510; right: -76px; width: auto; bottom: auto; max-height: 258px; height: 241.74px; left: 1179.74px; top: 291.51px;} .pro4_banner .icenter .zpro-spe5{ z-index: 520; bottom: auto; width: auto; max-height: 221px; height: 163.53px; left: 795.8px; top: 383.94px;} .pro4_banner .icenter .zpro-spe2{ z-index: 530; bottom: auto; width: auto; max-height: 530px; height: 444.375px; left: 895.34px; top: 160.686px; } .pro4_banner .icenter .zpro-spe6{ z-index: 540;bottom: auto; width: auto; max-height: 170px; height: 149.31px; left: 693.416px; top: 497.7px;} .pro4_banner .icenter .zzz-img4-1{ left: auto; width: auto; bottom: auto; max-height: 170px; height: 130px; right: 471.584px; top: 71.1px; } .pro4_pic1{z-index: 2; position: relative;} .pro4_pic1 .icenter{overflow: initial; width: 100%;} .pro4_pic1 .icenter .contain .desc{ font-style: oblique; color: #fff; font-size: 18px;} .pagepro4center{ position: relative; } .triangle_1{position: absolute; z-index: 1; } .pro3txt3{font-weight: bold; font-size: 18px; width: 613px; margin: auto; margin-bottom: 50px; text-align: center; line-height: 43px;} .pro3img3 img{ display: block; width: auto; max-width: 100%; margin: 0 auto;} .pro3_banner{ height: 700px; margin: 0 auto;min-width: 1200px; top: 60px; position: relative;background: url(/style/img/zzz-img3.jpg) no-repeat center top; background-size: 1920px 100%;} .pro3_banner .icenter{} .pro3_banner .icenter img{position: absolute;} .pro3_banner .icenter .zpro-lab1{ right: 50%; max-height: 768px; height: 462.15px; top: 201.213px; } .pro3_banner .icenter .zzz-img3-1{ right: 27px; max-height: 180px; top: 10%; left: 51%; height: 126.5px;} .pro3_banner .pro_3_03{ position: absolute;top: auto; bottom: 0px; right: 0px; max-height: 257px; height: 312.84px;} .pageyypic8{ width: 1260px; height: 742px; margin: 0 auto; position: relative; background: url(/style/img/app-zz5.jpg) no-repeat right top;} .pageyypic8 .txt{ width: 562px; float: right; overflow: initial;} .pageyypic8 .apptt{ text-align: left; text-indent: 154px; } .pageyypic8 .app-d-pa{width:100%; margin-left: -50px; margin-top: 20px;} .pageyypic8 .app-img{position: absolute; top: 85px; left: 125px; width: 400px; height: 400px; overflow: hidden; float: left; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);} .pageyypic8 img{ display: block;} .app-d-dlb{ position: absolute; width: 1176px; height: 294px; bottom: 0; left: 30px} .app-d-dlb dt{width: 208px; height: 208px; position: absolute; overflow: hidden; float: left; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);} .app-d-dlb .p8im1{ right: 43px; bottom: 43px;} .app-d-dlb .p8im2{right: 337px;bottom: 43px;} .app-d-dlb .p8im3{ right: 631px;bottom: 43px;} .app-d-dlb .p8im4{ left: 43px;bottom: 43px;} .app-d-dlb dt img{display: block;} .app-news-s{position: relative; display: block; height: 330px; margin-top: 39px; width: 1167px;} .app-news-s .zzwg_4{position: absolute; left: 0; top: 0;} .app-news-s .zzwg_6{position: absolute; left: 75px; top: 0;} .app-news-s .zzwg_7{position: absolute; left: 430px; top: 0;} .app-news-s .zzwg_5{position: absolute; right: 0; top: 0;} .pageyypic5{ background: url(/style/img/app_newb1.jpg) no-repeat 7px top; margin: 0 auto; width: 1167px;} .pageyypic5 .app-d-pa{ float: left; text-align: left; line-height: 30px; padding-top: 99px; width: 348px;} .pageyypic5 .app-newc-img{ position: relative; float: right; height: 478px; padding-top: 42px; width: 798px; } .pageyypic5 .app-newc-img .app-newc-imga{ float: right; display: block; height: 410px; width: 584px;} .pageyypic5 .app-newc-img .app-newc-imgb{bottom: 62px; display: block; height: 301px; left: 62px; position: absolute; width: 301px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); z-index: 111;} .pageyypic5 .app-newc-img .app-newc-imgc{ display: block; height: 240px; left: 96px; position: absolute; top: 50px; width: 240px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); z-index: 222;} .pageyypic5 .app-newc-img span img{display: block;} .pageyypic5 .apptt{ height: 146px; line-height: 146px; text-indent: 23px; } .pageyypic4{ background: url(/style/img/app-z1.jpg) no-repeat 296px top;margin: 0 auto;width: 1167px;} .pageyypic4 .app-d-pa{ width: 560px; padding-top:14px; padding-bottom: 0; font-size: 18px;} .pageyypic4 .app-newa-img{ height: 330px; margin: 0 auto; width: 1167px; position: relative;} .pageyypic4 .app-newa-img .app-newa-imga{ position: absolute; height: 330px; width: 584px;} .pageyypic4 .app-newa-img .app-newa-imgb{ position: absolute; height: 330px;width: 583px; right: 0;} .pageyypic4 .app-newa-img .app-newa-imgc{ height: 308px; left: 50%; margin-left: -308px; position: absolute; top: 0; width: 616px; z-index: 333;} .pageyypic4 .app-newa-img img{} .pageyypic4 .apptt{ line-height: 131px; height: 131px; text-indent: 512px;text-align: left;} .imgppic3{position: relative;padding-top: 71px; width: 1170px; margin-top: -33px; height: 456px;} .imgppic3 .news-zzw-2{ position: absolute; z-index: 888;left: 275px; top: 71px;} .imgppic3 .news-zzw-3{ position: absolute; z-index: 888;left: 568px; top: 71px;} .imgppic3 .news-zzw-4{ position: absolute; z-index: 888;left: 861px; top: 71px;} .imgppic3 .news-zzw-5{ position: absolute;left: 275px;bottom: 0;} .imgppic3 .news-zzw-6{ position: absolute; left: 568px; bottom: 0;} .imgppic3 .news-zzw-7{ position: absolute;left: 861px; bottom: 0;} .news-zzw-8{right: -103px; top: -25px; position: absolute; z-index: -1;} .imgppic3 .app-img-a{ float: left; overflow: hidden;width: 290px;} .imgppic3 .app-img-a .app-img{ display: block;} .imgppic3 .app-img-b{margin-left: 3px;} .app-img-c{height: 135px;overflow: hidden;} .app-img-t{ margin-top: 4px; height: 317px; overflow: hidden;} .app-img-f{height: 317px;overflow: hidden;} .app-img-e{ height: 135px;margin-top: 4px;overflow: hidden;} .imgppic3 .ddtr{ float: right;width: 289px; margin-right: 1px;} .pageyypic2{ position: relative; background: url(/style/img/app_ai_1.jpg) no-repeat center top; margin: 0 auto; width: 1170px;} .apptt{ color: #000; height: 70px; font-family: "palatino linotype","palatino"; font-size: 70px; font-weight: normal; line-height: 70px; text-align: center;} .apptt span{ margin: 0 10px;} .apptt span a{ margin: 0 10px;} .apptt span a img{-webkit-filter: grayscale(100%);} .apptt span a:hover img{-webkit-filter: grayscale(0%);} .app-d-pa{color: #333; font-family: "palatino linotype","palatino"; font-size: 19px; line-height: 31px; overflow: hidden; text-align: center; padding-top: 23px; width: 530px; margin: 10px auto; } .pageyypic2 .app-nine-d{ margin:0 auto; height: 385px; width: 1176px;} .pageyypic2 .app-nine-d dt{ float: left; position: relative;} .pageyypic2 .app-nine-d dt img{transition: all .3s;display: block;} .pageyypic2 .app-nine-d .app-nine-two{top: 90px;} .pageyypic2 .app-nine-d .app-nine-three{top: 45px;} .pageyypic2 .app-nine-d .app-nine-four{ top: 10px;} .pageyypic2 .app-nine-d .app-nine-five{top: 45px;} .pageyypic2 .app-nine-d .app-nine-six{ top: 90px;} .pageyypic1{ position: relative; background: url(/style/img/app_ai_1.jpg) no-repeat center top; margin: 0 auto; width: 1170px;} .pageyypic1 .pic1img{ position: relative; display: block; overflow: hidden; height: 100%; } .pageyypic1 .pic1img dd{float: left; overflow: hidden;position: relative;} .pageyypic1 .pic1img font{color: #333;float: right; font-family: "palatino linotype","palatino"; font-size: 18px; line-height: 35px; overflow: hidden; position: relative; top:20px; width: 685px; right: 11px;} .pageyypic1 .pic1img .app-one-one,.pageyypic1 .pic1img .app-one-two,.pageyypic1 .pic1img .app-one-three{ margin-left: 10px;} .pageyypic1 .apptt{ text-indent: 136px; } .pageyypic3{ position: relative; overflow: initial; background: url(/style/img/app_img1.jpg) no-repeat 27px top; } .pageyypic3 .app-d-pa{ width:100%;padding-top: 13px;} .pageyypic3 .apptt{line-height: 126px; padding-top: 65px; height: 126px;} .pageyypic6{ background: url(/style/img/app_ai_1.jpg) no-repeat center top; margin: 0 auto; width: 1170px;} .pageyypic6 .fl{ float: left; width: 347px; height: 593px; margin-top: 60px;} .pageyypic6 .fl span{ overflow: hidden; width: 347px; height: 593px; float: left;} .pageyypic6 .fl span .pm1{ width: 347px; height: 366px; margin-top: 10px; overflow: hidden;} .pageyypic6 .fl span .pm2{ width: 346px; height: 204px; overflow: hidden; margin-top: 15px;} .pageyypic6 .fl span p img{display: block;} .pageyypic6 .fr{ float: right; width: 817px; margin-top: 70px;} .pageyypic6 .fr .ovw1{float: left; width: 817px;height: 248px;} .pageyypic6 .fr .ovw1 .opm1{float: left;width: 424px; height: 248px; overflow: hidden;} .pageyypic6 .fr .ovw1 .opm2{float: left;width: 386px; height: 248px; overflow: hidden; margin-left: 7px;} .pageyypic6 .fr .ovw2{ float: left;width: 536px; height: 330px; background: #40A891; margin-top: 5px; } .pageyypic6 .fr .ovw2 p{ line-height: 25px; width: 90%; margin: 0 auto; margin-top: 0;} .pageyypic6 .fr .ovw2 p span{font-family: "palatino linotype","palatino"; font-size: 16px; line-height: 24px; margin: 0 auto; padding-top: 14px; text-align: center; color:#fff; width: 560px;} .pageyypic6 .fr p img{ display: block;} .pageyypic6 .fr .ovw3{ float: left; width: 275px; height: 328px; overflow: hidden; margin-top: 5px; margin-left: 6px;} .pageyypic6 .fr .ovw3 img{} .pageyypic7{background: url(/style/img/app_eco_1.png) no-repeat center top; margin: 0 auto; overflow: initial; position: relative; left: 137px;} .pageyypic7 .app-d-pa{width: 700px; text-align: left; line-height: 29px;} .app-eco-d{width: 1200px; margin: 0 auto; position: relative;top: -140px;left: -137px; } .app-eco-d .app-eco-two{ } .app-eco-d .app-eco-three{ position: absolute; top: 150px; z-index: 20; left: 450px;} .app-eco-d .app-eco-four{ position: absolute; top: 147px; z-index: 20; left: 800px; } .app-eco-d img{display: block;} .pageyypic9{background: url(/style/img/app_zzc1.jpg) no-repeat center top; margin: 0 auto; width: 1170px;} .pageyypic9 .app-newi-d{ height: 305px; margin-top: 30px; position: relative;} .pageyypic9 .app-newi-d dt{ position: relative; float: left; height: 305px; overflow: hidden; width: 585px;} .pageyypic9 .app-newi-d dd{ left: 468px; top: 35px; height: 238px; overflow: hidden; position: absolute; width: 238px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); z-index: 222;} .pageyypic9 img{display: block;} .pageyypic9 .app-d-pa{ margin: 0 auto; padding-top: 23px; width: 495px;} .pageyypic9 .apptt{margin-bottom: 100px; line-height: 170px;} .pageyypic10{} .pageyypic10 .apptt{text-align: center; padding-bottom: 20px; background: url(/style/img/app_pic1.jpg) no-repeat center bottom; height: 121px; line-height: 121px; font-family: "palatino linotype","palatino"; font-size: 70px; color: #000; font-weight: normal;} .pageyypic10 .app-c-dla{ width: 1164px; background: url(/style/img/app_pic7.jpg) no-repeat 113px center; height: 210px; margin: 60px auto 0;} .pageyypic10 .app-c-dla dt{width: 430px; height: 210px; float: right; overflow: hidden; margin-left: 10px;} .pageyypic10 .app-c-dla dt img{display: block;} .pageyypic10 .app-c-dlb{width: 1164px; margin: 0 auto; padding-top: 20px;} .pageyypic10 .app-c-dlb dt{float: left; width: 454px; overflow: hidden; font-size: 18px; color: #333; font-family: "palatino linotype","palatino";} .pageyypic10 .app-c-dlb dt p{ line-height: 30px; padding-top: 75px; font-size: 18px; color: #333; font-family: "palatino linotype","palatino";} .pageyypic10 .app-c-dlb dd{ height: 400px; width: 653px; float: right; overflow: hidden;} .pageyypic10 .app-c-dlb dd img{display: block;} .datalist{ background: #fff; margin: 0 auto 0; width: 1170px; display: block; overflow: hidden;} .datalist .ct{ width: 1110px; margin: 0 auto; padding: 18px 0; } .datalist .list{} .datalist .list dd{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;} .datalist .list dd span{ line-height: 1em;background: #626262; overflow: hidden; width: 11.1%; color: #fff; height: 58px; text-align: center; font-size: 14px; height: 58px; border-right: 1px solid #fff; display: flex; justify-content: center; align-items: center;} .datalist .list dt{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: top; -webkit-align-items: top;border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9;} .datalist .list dt span{ overflow: hidden; width: calc(11.1% - 20px); padding: 10px; color: #333; height:50px; text-align: center; font-size: 14px; line-height: 1em; border-left: 1px solid #c9c9c9; display: flex; justify-content: center; align-items: center;} .datalist .list dt span img{ display: block; max-width: 100%; max-height:100%;} .datalist .list dt span a{display: block; margin: 0 10px;} .datalist .list dt span a img{-webkit-filter: grayscale(100%);} .datalist .list dt span a:hover img{-webkit-filter: grayscale(0%);} .datalist .list dt:hover{background: #eee;} .datatt dd div{display: none; } .datatt dd .activecat{display: block; } .spec-box{background: #eee;} .spec-box{ background: #eee; width: 100%;position: relative; overflow: hidden;} .spec-box .spec-bnner{ margin-top: 60px; background: url(/style/img/spec_bnner.jpg) no-repeat center top; height: 340px; width: 100%;} .datatt{ margin: 0 auto 0; width: 1170px; display: block; position: relative;} .datatt dd{width: calc(100% - 320px); float: left;} .datatt dd a{background: #d2d2d2; color: #888; font-size: 14px; float: left; height: 50px; line-height: 50px; margin-right: 1%; text-align: center; width: 19.2%; border-radius: 15px 15px 0 0;} .datatt dd a:last-child{margin-right:0} .datatt dd .active,.datatt dd a:hover{ background: #fff;color: #000;} .datatt .fart{ display: block; overflow: hidden; float: right; width: 300px;} .datatt .fart form{ display: block; overflow: hidden; position: relative;} .datatt .fart form input{background: #f6f6f6; display: block; color: #333; border-radius: 15px; font-size: 14px; text-indent: 20px; line-height: 44px; outline: none; border: 0; width: 100%; height: 44px;} .datatt .fart form button{ position: absolute; top: 0; right: 0; width: 80px; height: 44px; line-height: 44px; border-radius: 0 15px 15px 0; border: 0; background: #d2d2d2; color: #333; font-size: 20px;} .fy{} .fy .screen-reader-text{display: none;} .fy .nav-links{ display: block; overflow: hidden; margin: 30px auto; text-align: right; } .fy .nav-links span,.fy .nav-links a{ display: inline-block; font-size: 14px; color: #666; border: 1px solid #ddd; width: auto; padding: 2px 10px; margin-right:10px; } .fy .nav-links span,.fy .nav-links a:hover{ background: #333; color: #fff;} .fy .nav-links .dots,.fy .nav-links .dots:hover{ background: none; color: #333; border: 1px solid #fff;} .triangle_1{ width: 711px; top: -711px; left: -134.5px; } .triangle_2{ width: 0; height: 0; border-top: 633px solid transparent; border-right: 633px solid #e1e1e1; border-bottom: 633px solid transparent; position: absolute; right: 0; z-index:1; top: 334px; } .triangle_3{ position: absolute; left: 0; z-index: 1; top: 1310px; } .triangle_4{ position: absolute; right: 0; z-index:1; bottom: 0; } .pageyypic1 .pic1img dd .app-1-1{ width: 464px; height: 532px;transition: all .6s; } .pageyypic1 .pic1img dd img{transition: all .6s;} .pageyypic1 .pic1img dd .app-1-1:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .pageyypic1 .pic1img dd .app-1-3:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .pageyypic1 .pic1img dd .app-1-2:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .pageyypic1 .pic1img dd .app-1-4:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .pageyypic1 .pic1img dd .app-1-3{ width: 247px; height: 258px; } .pageyypic1 .pic1img dd .app-1-2{ width: 247px; height: 258px; } .pageyypic1 .pic1img dd .app-1-4{ width: 178px; height: 258px;} .pageyypic2 .app-nine-d dt img,.imgppic3 img,.pageyypic5 .app-newc-img span img,.app-eco-d img,.pageyypic8 img,.pageyypic9 img,.pageyypic10 .app-c-dla dt img,.pageyypic10 .app-c-dlb dd img{transition: all .6s;} .pageyypic2 .app-nine-d dt img:hover,.imgppic3 img:hover,.pageyypic5 .app-newc-img span img:hover,.app-eco-d img:hover,.pageyypic8 img:hover,.pageyypic9 img:hover,.pageyypic10 .app-c-dla dt img:hover,.pageyypic10 .app-c-dlb dd img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } @media only screen and (max-width:1600px ) { .sub_nav{ margin: 90px auto 50px;} .pageyypic7{ position: relative;left: 137px;} } @media only screen and (max-width:1400px ) { .probanner,.pro2_banner,.pro5_banner,.pro4_banner,.pro3_banner{height:420px;} .probanner .product-aouto-ht .zpro_img1{width: 106px; top: auto; right: auto; bottom: 201.12px;left: 708.2px;} .probanner .product-aouto-ht .zpro_img3{ height: 205.31px; left: 624.4px;} .probanner .product-aouto-ht .zpro_img4{ width:650px; bottom: -58.66px; left: 381.38px;} .pro5_banner #img_1{ position: absolute; top: auto; left: 100px; height: 270px; bottom: 96.37px;} .pro5_banner #img_3{ height: 188px; right: -41.9px; bottom: 0px;} .pro4_banner .icenter .zpro-spe1{ height: 314px; left: 540.6px; top: 171.79px;} .pro4_banner .icenter .zpro-spe4{ height: 172px; left: 934.46px; top: 171.79px;} .pro4_banner .icenter .zpro-spe5{ height: 96px; left: 708.2px; top: 226.26px;} .pro4_banner .icenter .zpro-spe2{ height: 261px;left: 766.86px;top: 94.694px;} .pro4_banner .icenter .zpro-spe6{ height: 87px;left: 647.864px;top: 293.3px;} .pro4_banner .icenter .zzz-img4-1{ height: 130px; right: 517.136px; top: 41.9px;} .triangle_1{width: 419px; top: -419px; left: -138px;} .pro3_banner .icenter .zpro-lab1{ height: 272px;top: 118px;} .pro3_banner .pro_3_03{height: 184px;} .pro2_banner .pro_2_02{height: 184px;} .pro2_banner .icenter dd{top: -70px;} } @media only screen and (max-width:1300px ) { .probanner,.pro2_banner,.pro5_banner,.pro4_banner,.pro3_banner{height:370px;} .probanner .product-aouto-ht .zpro_img1{width: 100px; top: auto; right: auto; bottom: 150px;left: 717px;} .probanner .product-aouto-ht .zpro_img3{ height: 205.31px; left: 624.4px;} .probanner .product-aouto-ht .zpro_img4{ width:650px; bottom: -58.66px; left: 381.38px;} .pro5_banner #img_1{ position: absolute; top: auto; left: 100px; height: 270px; bottom:80px;} .pro5_banner #img_3{ height: 160px; right: -41.9px; bottom: 0px;} .pro4_banner .icenter .zpro-spe1{ height: 314px; left: 540.6px; top: 171.79px;} .pro4_banner .icenter .zpro-spe4{ height: 172px; left: 934.46px; top: 171.79px;} .pro4_banner .icenter .zpro-spe5{ height: 96px; left: 708.2px; top: 226.26px;} .pro4_banner .icenter .zpro-spe2{ height: 261px;left: 766.86px;top: 94.694px;} .pro4_banner .icenter .zpro-spe6{ height: 87px;left: 647.864px;top: 293.3px;} .pro4_banner .icenter .zzz-img4-1{ height: 130px; right: 517.136px; top: 80px;} .triangle_1{width: 380px; top: -400px; left: -138px;} .pro3_banner .icenter .zpro-lab1{ height: 250px; top: 100px;} .pro3_banner .pro_3_03{height: 184px;} .pro2_banner .pro_2_02{height: 160px;} .pro2_banner .icenter dd{top: -70px;} .pro4_banner .icenter{top: -36px;} .pcheader .icenter .navdh .header-hover-s a{line-height:46px;} .pro2_banner .icenter .zzz-img2-1{height: 150px;} .probanner .product-aouto-ht .zzz-img1-1{ height: 120px;} }