*{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -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: -22px; 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-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-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-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-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-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-pagination { position: absolute; text-align: center; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-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-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; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { 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-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-container-3d { -webkit-perspective: 1200px; -o-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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .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, .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-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .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-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .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-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; 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-zoom-container { width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: 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%; object-fit: contain; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 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, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { 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); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .commonweb{width: 1200px; margin:0 auto;} .mb_nav{height: 60px;line-height: 60px;background: #e5e5e5;color: #9900CC;font-size: 18px;} .mb_nav .text2{float: right;color: #848484;font-size: 14px;} .mb_nav .text2 a.cur{color: #9900CC;} /* 内页 */ .nybanner{height: 580px;position: relative;overflow: hidden;} .nybanner img{position: absolute;top: 0;left: 50%;margin-left: -960px;display: block;height: 580px;width: 1920px;} .cpxqone{padding:15px 0 10px;} .cpxqone h2{text-align: center;color: #ff0000;font-size: 16px;padding-bottom: 10px;} .cpxqoneleft{float: left;width: 400px;} .cpimgs img{display: block;width: 400px;height:303px;border: 1px #e5e5e5 solid;} .cpimglist{width: 510px;margin-top: 10px;margin-left: 43px;overflow: hidden;;} .cpimglist li img{display: block;width: 100px;height: 74px;border: 1px #cdcccc solid;} .cpimglist li:hover img,.cpimglist li.cur img{border: 2px #9900CC solid;} .cpimglistbox{width: 400px;position: relative;height: 92px; margin-top:39px;} .jt1{position: absolute;left: 0px;top: 18px;} .jt2{position: absolute;right: 0px;top: 18px;} .cpxqoneright{width: 740px;float: right;} .cpxqoneright h3{ background: #e5ebee; height: 50px;font-size: 24px;color: #9900CC; line-height: 50px; padding-left: 28px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; } .cpxqoneright .text2{padding-top: 18px;padding-left: 30px;font-size: 16px; line-height:30px;} .cpxqoneright .textbox{min-height: 134px;border-bottom: 2px #e0e0e0 solid;margin-bottom: 25px;} .cpxqoneright .item{margin-top: 36px;margin-bottom: 25px; background: url(/skins/default/img/index/c2.jpg) center 10px no-repeat;width: 561px;height: 246px;} .cpxqoneright .item h4{text-align: center;font-size: 18px;} .cpfenx{margin-top: 54px;} .cpfenx a{float: left;display: block;padding-top: 10px;margin-left: 15px;} .cpfenx span{float: left;} .cptel{float: left; font-weight: bold;margin-left: 20px; font-size: 30px;color: #333;padding-left: 70px;background: url(/skins/default/img/index/c3.jpg) left bottom no-repeat} .cptel p{font-size: 14px;color: #333;padding-bottom: 5px;;} .cpas{ float: right; width: 133px; height: 48px; line-height: 48px; background: #9900CC; color: #fff; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .cptwo{background: url(/skins/default/img/index/n9.jpg) top center no-repeat;height: 520px; overflow: hidden} .cptwo .commonweb{position: relative;} .cptwo .playsp{position: absolute;left: 264px;top: 180px;} .cptwo .text2{text-align: right;} .cptwo .text2 h3{font-size: 30px;line-height: 30px;padding-top: 40px;padding-bottom: 10px;} .cptwo .text2 p{font-size: 14px;color: #737373;padding-bottom: 42px;} .cptwo .text2 a img{margin-top: 65px} .cptit { text-align: center; } .cptit h3{color: #9900CC;font-size: 30px;line-height: 30px;padding-bottom: 10px;} .cptit p{font-size: 18px;} .cpbpone{background: url(/skins/default/img/index/n7.jpg) top center no-repeat;height: 793px;position: relative;padding-top: 48px;} .cpbpone .cptit h3{color: #fff;} .cpbpone .cptit p{color: #fff;} .cpbponenr{position: relative;} .cpbponenr li{position: absolute;} .cpbponenr li p{color: #9900CC;font-size: 24px;} .cpbponenr li:nth-child(1) {top: 95px;left: 15px;} .cpbponenr li:nth-child(2) {top: 262px;left: 15px;} .cpbponenr li:nth-child(3) {top: 427px;left: 15px;} .cpbponenr li:nth-child(4) {top: 95px;right: 30px;} .cpbponenr li:nth-child(5) {top: 262px;right: 30px;} .cpbponenr li:nth-child(6) {top: 427px;right: 30px;} .cpfiver{padding-top: 55px;overflow: hidden;} .cpfivernr dd{width: 560px;padding-top: 80px;} .cpfivernr dd h3{font-size: 30px;line-height: 30px;padding-bottom: 20px;color: #282828;} .cpfivernr dd p{font-size: 18px;color: #737373;line-height: 38px;} .cpfivernr dd p span{color: #9900CC;} .cpfivernr dd a{display: block;margin-top: 50px; width: 133px; height: 48px; line-height: 48px; background: #9900CC; color: #fff; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;} .cpfivernr dl:last-child dd{width: 410px;} .cpsix{margin-top: 28px; overflow: hidden ;padding-bottom: 45px;} .cpsix .commonweb{position: relative;} .sixtop {padding-top: 105px;padding-left: 70px;background: url(/skins/default/img/index/n12.jpg) top center no-repeat;height: 424px;} .sixtop h3{font-size: 30px;line-height: 30px;padding-bottom: 26px;color: #9900CC;} .sixtop p{font-size: 18px;color: #737373;line-height: 38px;} .sixtop p b{color: #9900CC;} .sixbottom li{float: left;width: 581px;height: 423px;margin-right: 36px;margin-top: 40px;position: relative;} .sixbottom li:nth-child(2n){margin-right: 0;} .sixbottom li .text2{top: 253px;position: absolute;left: 53px;} .sixbottom li .text2 h3{color: #9900CC;font-size: 24px;line-height: 24px;padding-bottom: 10px;} .sixbottom li .text2 p{padding-left: 15px;font-size: 18px;color: #737373; background: url(/skins/default/img/index/n17.jpg) left center no-repeat;margin-top: 15px;} .cpbptwo{background: url(/skins/default/img/index/n18.jpg) top center no-repeat;height: 965px;position: relative;padding-top: 70px;} .cpbptwonr{position: relative;} .cpbptwonr .text2{position: absolute;} .cpbptwonr .text2 h4{font-size: 24px;color: #9900CC;padding-bottom: 10px;} .cpbptwonr .text2 p{font-size: 16px;} .cpbptwonr .text2:nth-child(1){top: 180px;left:138px;} .cpbptwonr .text2:nth-child(2){top:240px;right:0px;} .cpbptwonr .text2:nth-child(3){top: 617px;left:138px;} .cpbptwonr .text2:nth-child(4){top: 574px;right:0px;} .cpeigtopnr2{margin-bottom: 40px; margin-top: 20px; border: 1px #e5e5e5 solid; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; } .cpeigtopnr2 .us1 li{width: 50%;float: left;padding-left: 50px;height: 290px;border-right: 1px #e5e5e5 solid;border-bottom: 1px #e5e5e5 solid;position: relative;} .cpeigtopnr2 .us1 li h3{padding-bottom: 15px;position: relative;z-index: 10;line-height: 30px; font-size: 24px;color: #9900CC;display: inline-block;vertical-align: top;padding-top: 30px;} .cpeigtopnr2 .us1 li img{position: absolute;right: 5px;top: 10px;} .cpeigtopnr2 .us1 li span{position: absolute;left: 50px;top: 127px;display: block;width: 30px;height: 30px;background: url(/skins/default/img/index/q_48.jpg) top center no-repeat;} .cpeigtopnr2 .us1 li:nth-child(3),.cpeigtopnr2 .us1 li:nth-child(4){border-bottom: 0;} .cpeigtopnr2 .us1 li:nth-child(4){border-right: 0;} .cpeigtopnr2 .us1 li:nth-child(2){border-right: 0;} .cpeigtopnr2 .us2 li span{height: 50px;line-height: 50px; border-right:1px #ccc solid ;border-bottom:1px #ccc solid ; float: left;width: 20%;text-align: center;font-size: 18px;display: block;} .cpeigtopnr2 .us2 li{height: 50px;} .cpeigtopnr2 .us2 li:first-child{background: #e5ebee;height: 65px;line-height: 65px;} .cpeigtopnr2 .us2 li:first-child span{height: 65px;line-height: 65px;} .cpeigtopnr2 .us2 li:last-child span{border-bottom: 0;} .cpeigtopnr2 .us2 li:last-child span:last-child{border-right: 0;} .nybanners{height: 397px;position: relative;overflow: hidden;} .nybanners img{position: absolute;top: 0;left: 50%;margin-left: -960px;display: block;height: 397px;width: 1920px;} .nybanners a{position: relative;z-index: 100;display: block;margin-top: 250px; width: 133px; height: 48px; line-height: 48px; background: #9900CC; color: #fff; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;} .cpn6{overflow: hidden;padding: 40px 0;;} .cpn6 ul{margin-top: 20px;} .cpn6 li{float: left;width: 33.33%;border: 2px #e3e9ec solid;margin-left: -2px;} .cpn6 li img{display: block;width: 395px;height: 325px;margin: auto;} .cpn7{background: #e5ebee;padding: 60px 0 50px;} .cpguigenr{padding-top: 40px;} .cpguigeleft{float: left;width: 310px;} .cpguigeleft h3{ height: 60px;line-height: 60px;border-bottom: 1px #aeb3b8 solid;font-size: 20px;} .cpguigeleft p{padding-left: 26px; height: 60px;line-height: 60px;border-bottom: 1px #aeb3b8 solid;font-size: 16px; background: url(/skins/default/img/index/t19.png) left center no-repeat;} .cpguigeright{float: right;width: 760px;} .cpguigeright img{max-width: 100%; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; } .cpguigeright p{text-align: center;color: #9900CC;font-size: 16px;padding-top: 10px;} .cpn7 ul{border: 1px #a4a9ab solid;border-right: 0;border-bottom: 0;margin-top: 10px;} .cpn7 li{float: left;width: 16.66%; border-right: 1px #a4a9ab solid;text-align: center;} .cpn7 li span{display: block;height: 75px;border-bottom: 1px #a4a9ab solid;font-size: 20px;line-height: 75px;} .cpn7 li span:nth-child(2n){color: #9900CC;font-size: 16px;} .cpn7 li span.ssa{line-height: 24px;padding-top: 15px;} .cpbpthree{padding:44px 0 54px;} .cpbpthreenr{background: url(/skins/default/img/index/n28.jpg) top center no-repeat;height: 414px;margin-top: 20px;position: relative;} .cpbpthreenr li{float: left;width: 285px;margin-right: 20px;padding:0 0px;padding-top: 320px;} .cpbpthreenr li:last-child{margin-right: 0;} .cpbpthreenr li h4{font-size: 24px;color: #000;margin-bottom: 10px;padding-left: 80px;padding-top: 16px;} .cpcenbanner{height: 328px;position: relative;overflow: hidden;} .cpcenbanner img{position: absolute;top: 0;left: 50%;margin-left: -960px;display: block;height: 328px;width: 1920px;} .newtj{padding:50px 0 20px} .tit {text-align: center;} .tit h3{font-size: 30px;line-height: 30px;} .tit p{color: #737373;padding-top: 10px;} .newtj ul{padding-top: 20px;} .newtj li{float: left;width: 290px;margin-left: -1px;} .newtj li img{display: block;width: 290px;height: 260px;border: 1px #e5e5e5 solid;} .newtj li span{display: block;} .newtj li p{text-align: center;font-size: 16px;color: #595959;padding-top: 16px;} .indexnew{padding:45px 0;overflow: hidden;} .newtit h4{font-size: 24px;color: #000000;float: left;} .newtit h4 p{font-size: 14px;color: #a9a9a9;padding-top: 15px;} .newtit{position: relative;} .newqh{float: right;} .newqh a{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;margin-left: 40px;position: relative;height: 40px;} /* .newqh a:hover:before{position: absolute;width: 100%;content: '';height: 3px;height: 3px;background: #0079dc;bottom: 0;left: 0;} */ .newleft { width: 50%; float: left; padding-right: 35px; border-right: 2px #e5e5e5 solid; } .newleft dl { margin: 0 -15px; } .newleft dt { float: left; width: 50%; padding: 0 15px; } .newleft dt img{display: block;width: 100%;} .newleft dd { margin-top: 10px; float: left; width: 50%; padding: 0 15px 0 0;} .newleft dd h5 { font-size: 14px; color: #686868;} .newleft dd h3 { font-size: 18px; padding: 10px 0 10px;color: #333; } .newleft dd p { font-size: 14px; margin-bottom: 10px; } .newleft dd a { font-size: 14px;color: #9900CC; } .newleft ul { padding-top: 20px; } .newleft li { padding: 18px 0; border-bottom: 1px #e5e5e5 solid; } .newleft li span { width: 70%; float: left; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newleft li em { width: 30%; float: right; height: 18px; font-size: 14px; text-align: right; } .newright { margin-top: -23px; float: left; width: 50%; padding-left: 35px; } .newright li { padding: 22px 0; position: relative; border-bottom: 1px #e5e5e5 dashed;} .newright li h5 { font-size: 24px;color: #aaaaaa;float: left;border-right: 1px #e5e5e5 solid;padding-right: 6%;float: left; } .newright li h5 p { font-size: 14px; margin-top: 2px;text-align: right;color: #000;} .newright li .text2 { width: 70%; margin-top: 0px; float: left;padding-left: 6%;} .newright li .text2 p{font-size: 16px; text-overflow:ellipsis;overflow: hidden; display:-webkit-box; /* autoprefixer: off */ -webkit-box-orient:vertical; /* autoprefixer: on */ -webkit-line-clamp:2; } .newright li::before { content: ''; width: 40px; height: 40px; position: absolute; right: 0; top: 25px; background: url(/skins/default/img/index/t18.jpg) no-repeat; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; } .newright li:hover::before { opacity: 1;background: url(/skins/default/img/index/t18s.jpg) no-repeat; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; -webkit-filter: alpha(opacity=1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .newnr{padding-top: 30px;} .cplast1 .newleft{border: 0;} .cplast1right{float: right;width: 585px;margin-top: -50px;} .cplast1right h3{font-size: 30px;line-height: 30px;padding-bottom: 20px;} .cplast1right li {padding:15px 30px; margin-bottom: 10px; background: #f3f5f6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .cplast1right li span img{display: inline-block;vertical-align: -7px;padding-left: 4px;} .cplast1right li input{background: none;vertical-align: middle;display: inline-block;width: 420px; border:none; text-indent:20px;} .cplast1right li span{display: inline-block;vertical-align: top;} .cplast1right li textarea{height: 150px;text-indent:20px; border:none; background: none; display: inline-block;width: 420px;} .cplast1right a{ border-radius: 5px; display: block; width: 100%; background: #9900CC; height: 56px; line-height: 56px; text-align: center; color: #fff; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } body{font-family: Arial,"微软雅黑";font-size:14px;margin:0px;padding:0px;color:#333;line-height:22px;height:auto;clear:both;min-width:1200px;} input:focus{outline:none!important} textarea:focus{outline:none!important} /* 侧边产品 */ .side-prod-hot{ width: 266px; } .side-title{ height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; text-align: center; background-color: #E3540B; } .side-prod-hot-con{ border: 1px solid #eee; padding: 10px; } .side-prod-hot-con img{width: 246px;} .side-prod-hot-con li{margin-bottom: 20px; font-size: 14px; line-height: 24px; text-align: center; color: #333;} /*热品推荐*/ .prod-hot-title { text-align: center; height: 120px; font-size: 30px; line-height: 40px; color: #333; } .prod-hot-title p { font-weight: bold; height: 45px; font-size: 34px; color: #111; letter-spacing: 6px; line-height: 45px; overflow: hidden; } .prod-hot-title i { display: block; width: 174px; height: 1px; background-color: #ccc; margin: 10px auto 0; position: relative; } .prod-hot-title i::after { content: ""; width: 7px; height: 7px; position: absolute; top: -3px; left: 50%; margin-left: -3px; background: #E3540B; } .prod-hot-title span { display: block; height: 30px; font-size: 16px; text-transform: uppercase; overflow: hidden; } .prod-hot { padding: 50px 0 30px; } .prod-hot .prod-hot-prev { width: 30px; height: 84px; position: absolute; top: 50%; left: -40px; cursor: pointer; margin-top: -42px; background-image: url('/Skins/Default/Img/Index/prod-hot-prev-icon1.png'); background-repeat: no-repeat; background-position: center top; background-size: 30px 84px; } .prod-hot .prod-hot-next { width: 30px; height: 84px; position: absolute; top: 50%; right: -40px; cursor: pointer; margin-top: -42px; background-image: url('/Skins/Default/Img/Index/prod-hot-next-icon1.png'); background-repeat: no-repeat; background-position: center top; background-size: 30px 84px; } .prod-hot .prod-hot-list { margin: 0 0 40px; position: relative; } .prod-hot .prod-hot-list dl { box-sizing: initial; float: left; width: 215px; margin-right: 23px; border: 1px solid #dfdfdf; background-color: #f7f7f7; } .prod-hot .prod-hot-list dl.last { margin-right: 0; } .prod-hot .prod-hot-list dt img { width: 215px; display: block; } .prod-hot .prod-hot-list dd { padding: 10px 10px 10px; } .prod-hot .prod-hot-name { font-size: 16px; font-weight: normal; line-height: 24px; color: #333; max-height: 48px; overflow: hidden; } .prod-hot .prod-hot-name a { display: block; max-height: 48px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .prod-hot .prod-hot-desc { margin-top: 5px; height: 72px; font-size: 14px; font-weight: normal; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .prod-hot .prod-hot-link { display: none; } .info-3 { background: #f5f5f5; padding: 8px 20px; margin-bottom:30px; } .info-3-tit { height: 55px; font-size: 24px; font-weight: normal; line-height: 55px; color: #4b4a4a; } .info-3-list li { height: 46px; font-size: 14px; font-weight: normal; line-height: 46px; color: #4b4a4a; border-top: 1px dashed #dbdbdb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .info-3-list li:first-child{ border: 0; } .info-3-list li h4 a { font-weight: normal; color: #4b4a4a; } .info-3-list li h4 span { float: right; } .prod-hot-list .tempWrap{ padding-left:12px;}