table { border-collapse:collapse; border:1px solid #eceaea; } td { height:40px; border-collapse:collapse; border:1px solid #eceaea; }@charset "UTF-8"; @font-face { font-family: 'thyFont2'; src: url("../fonts/bebas.ttf"); } @font-face { font-family: 'thyFont3'; src: url("../fonts/questrial-regular.ttf"); } @font-face { font-family: numFont; src: url("../fonts/DINPRO.otf"); } @font-face { font-family: siyuan-Heavy; src: url("../fonts/SourceHanSansCN-Heavy.otf"); } main { max-width: 1200px; margin: 0 auto; display: block; *zoom: 1; } main:before, main:after { content: " "; display: table; } main:after { clear: both; } html { background: #fff; overflow-x: hidden; width: 100%; } /*样式重置*/ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: .67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace,monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace,monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin: 0; padding: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; } ins { text-decoration: none; } li { list-style: none; } table { font-size: inherit; width: 100%; border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } legend { color: #000; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input, button, textarea, select { border: 0; padding: 0; margin: 0; *font-size: 100%; line-height: 1.2; } a img, img { -ms-interpolation-mode: bicubic; } sub, sup { vertical-align: baseline; } article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; } pre { white-space: pre-wrap; } textarea { resize: none; overflow: auto; } input[type=text]:focus, input[type=password]:focus, textarea:focus { outline: 0; } button, input { outline: 0; } input[type=password]::-ms-reveal { display: none; } input::-ms-clear { display: none; } input:-ms-input-placeholder { color: #999; } /*样式重置*/ @keyframes r_x { 75% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @-webkit-keyframes r_x { 75% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @-moz-keyframes r_x { 75% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @-o-keyframes r_x { 75% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } .fixnav { position: fixed; top: 0; left: 0; width: 100%; background: #a60401; box-shadow: 0 2px 3px -1px #3c0707; z-index: 60; } #cyNavStyle { background: #1b1b1b; } .header-bar { width: 100%; } .header-bar .h0 { background: #fff; height: 102px; *zoom: 1; } .header-bar .h0:before, .header-bar .h0:after { content: " "; display: table; } .header-bar .h0:after { clear: both; } .header-bar .h0 .left { float: left; display: block; } .header-bar .h0 .right { width: 260px; float: right; } .header-bar .h0 .right .tel { float: left; } .header-bar .h0 .right .tel .t0 { margin-top: 22px; *zoom: 1; } .header-bar .h0 .right .tel .t0:before, .header-bar .h0 .right .tel .t0:after { content: " "; display: table; } .header-bar .h0 .right .tel .t0:after { clear: both; } .header-bar .h0 .right .tel .t0 img { float: left; margin-right: 10px; margin-top: 10px; } .header-bar .h0 .right .tel .t0 p { float: left; } .header-bar .h0 .right .tel .t0 p small { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #484848; display: block; } .header-bar .h0 .right .tel .t0 p span { display: block; color: #d50606; font-size: 28px; font-family: numFont; float: left; } .header-bar .h0 .right .tel ul { *zoom: 1; } .header-bar .h0 .right .tel ul:before, .header-bar .h0 .right .tel ul:after { content: " "; display: table; } .header-bar .h0 .right .tel ul:after { clear: both; } .header-bar .h0 .right .tel ul li { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #848484; float: left; position: relative; margin-right: 32px; } .header-bar .h0 .right .tel ul li:nth-of-type(1) { margin-left: 17px; } .header-bar .h0 .right .tel ul li:nth-of-type(3) { margin-right: 0; } .header-bar .h0 .right .tel ul li:before { width: 7px; height: 7px; display: block; content: ''; position: absolute; left: -15px; top: 6px; background: #bfbfbf; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } nav { position: relative; height: 60px; background: #a60401; } nav ul { height: 60px; } nav ul .nav_son { position: absolute; z-index: 99; width: 100%; display: none; } nav ul .nav_son p { width: 100%; overflow: hidden; } nav ul .nav_son p a { float: left; width: 100%; height: 40px; display: block; border: 1px solid #eeeeee; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; line-height: 40px; background: #fff; color: #515151; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } nav ul .nav_son p a:hover { background: #1b1b1b; color: #fff; } nav ul .nav-li { width: 120px; position: relative; float: left; } nav ul .nav-li:before { position: absolute; right: 0; top: 0; width: 1px; height: 100%; display: block; content: ''; background: #970802; } nav ul .nav-li .btn-bubble { display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; position: relative; } nav ul .nav-li .btn-bubble:hover, nav ul .nav-li .btn-bubble:focus { -webkit-animation: bubbles0 1s forwards ease-out; animation: bubbles0 1s forwards ease-out; background-color: #970802; background-repeat: no-repeat; } nav ul .nav-li .btn-bubble span { display: block; color: #fff; font-size: 16px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .pc-banner { width: 100%; min-width: 1200px; overflow: hidden; position: relative; } .pc-banner .banner_container { position: relative; width: 100%; z-index: 1; } .pc-banner .banner_container .swiper-pagination-1 { bottom: 40px; } .pc-banner .banner_container .swiper-pagination-1 .swiper-pagination-bullet-active { width: 35px !important; height: 14px !important; border-radius: 25px !important; } .pc-banner .banner_container .swiper-pagination-1 > .swiper-pagination-bullet { margin: 0 6px; display: inline-block; border-radius: 50%; width: 14px; height: 14px; background: #fff; opacity: 1; } .pc-banner .banner_container .swiper-container { width: 100%; height: 100%; } .pc-banner .banner_container .swiper-slide { overflow: hidden; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .pc-banner .banner_container .swiper-slide img { object-fit: cover; width: 100%; height: 100%; cursor: grab; } .search { width: 100%; position: relative; background: #f4f4f4; } .search main { *zoom: 1; } .search main:before, .search main:after { content: " "; display: table; } .search main:after { clear: both; } .search main .left { float: left; width: 800px; line-height: 68px; } .search main .left > b { float: left; font-size: 16px; color: #444444; padding-right: 5px; } .search main .left > div li { float: left; margin-right: 20px; } .search main .left > div li a { color: #7b7b7b; font-size: 16px; font-weight: lighter; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .search main .left > div li a:hover { color: #1b1b1b; } .search main .middle { float: right; margin-top: 15px; width: 272px; border: 1px solid #e5e5e5; background: #fff; } .search main .middle input { width: 225px; height: 36px; color: #545353; font-size: 16px; float: left; text-indent: 20px; } .search main .middle input ::-webkit-input-placeholder { color: #545353; font-size: 16px; } .search main .middle input :-moz-placeholder { color: #545353; font-size: 16px; } .search main .middle input ::-moz-placeholder { color: #545353; font-size: 16px; } .search main .middle input :-ms-input-placeholder { color: #545353; font-size: 16px; } .search main .middle button { position: relative; width: 15px; height: 15px; background: url(../images/search.png) no-repeat center; cursor: pointer; float: left; margin-top: 11px; margin-left: 16px; } .search main .middle button:before { position: absolute; left: -16px; width: 1px; height: 20px; background: #cdcdcd; display: block; content: ''; top: -2px; } .cooperation { width: 100%; padding-bottom: 64px; padding-top: 46px; } .cooperation main { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ } .cooperation main .swiper-container-customer { margin-top: 35px; } .cooperation main .swiper-container-customer .pic { height: 106px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 1px solid #dadada; position: relative; background: url(../images/loading.gif) no-repeat center; } .cooperation main .swiper-container-customer .pic img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cooperation main .swiper-button-prev-c0 { left: -96px; background: url("../images/prev.png") no-repeat; outline: none; width: 60px; height: 60px; top: 228px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .cooperation main .swiper-button-prev-c0:hover { background: url("../images/prev2.png") no-repeat; } .cooperation main .swiper-button-next-c0 { right: -96px; background: url("../images/next.png") no-repeat; outline: none; width: 60px; height: 60px; top: 228px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .cooperation main .swiper-button-next-c0:hover { background: url("../images/next2.png") no-repeat; } .all_sidebar { float: left; } .all_sidebar .s1 .s0 { position: relative; } .all_sidebar .s1 .s0 .side-type { background: #c80d0d url("../images/type0.png") no-repeat left 38px center; padding: 23.5px 0; } .all_sidebar .s1 .s0 .side-type b { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 30px; color: #fff; padding-left: 103px; } .all_sidebar .s1 .s0 .side-type small { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #f07c7c; padding-left: 103px; font-weight: lighter; } .all_sidebar .s1 ul { width: 264px; background: #fff; margin: 0 auto; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } .all_sidebar .s1 ul li .ts0 { display: block; width: 100%; height: 49px; line-height: 49px; margin: 0 auto; position: relative; border-bottom: 1px solid #eeeeee; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ *zoom: 1; } .all_sidebar .s1 ul li .ts0:before, .all_sidebar .s1 ul li .ts0:after { content: " "; display: table; } .all_sidebar .s1 ul li .ts0:after { clear: both; } .all_sidebar .s1 ul li .ts0:before { display: block; content: ''; width: 266px; height: 100%; position: absolute; left: -1px; } .all_sidebar .s1 ul li .ts0:hover:before { -webkit-animation: bubbles1 1s forwards ease-out; animation: bubbles1 1s forwards ease-out; background-color: #970802; background-repeat: no-repeat; } .all_sidebar .s1 ul li .ts0:hover span { color: #fff; } .all_sidebar .s1 ul li .ts0:hover i { background: url("../images/next6.png") no-repeat center; } .all_sidebar .s1 ul li .ts0 i { display: block; width: 18px; height: 18px; background: url("../images/next5.png") no-repeat center; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ float: left; position: relative; z-index: 2; margin-left: 39px; margin-top: 16px; } .all_sidebar .s1 ul li .ts0 span { float: left; text-indent: 14px; font-size: 16px; color: #4e4e4e; display: inline-block; position: relative; z-index: 2; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .all_sidebar .s1 .sbt0 { margin-top: 30px; width: 264px; border: 1px solid #eeeeee; border-top: 4px solid #d50606; position: relative; } .all_sidebar .s1 .sbt0:before { position: absolute; top: 0; width: 100%; height: 1px; background: #dcdcdc; display: block; content: ''; } .all_sidebar .s1 .sbt0 .side-contact { background: url("../images/sc.png") no-repeat left 39px center; padding-left: 103px; margin-top: 25px; margin-bottom: 25px; } .all_sidebar .s1 .sbt0 .side-contact b { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 30px; color: #c80d0d; } .all_sidebar .s1 .sbt0 .side-contact small { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #c80d0d; font-weight: lighter; } .all_sidebar .s1 .sbt1 { padding-left: 39px; } .all_sidebar .s1 .sbt1 p { color: #4e4e4e; font-size: 14px; line-height: 33px; } .all_sidebar .s1 .sbt2 { width: 185px; margin: 0 auto; margin-top: 15px; padding-bottom: 15px; } .all_sidebar .s1 .sbt2 p { border: 1px solid #ebebeb; text-align: center; height: 185px; line-height: 185px; } .all_sidebar .s1 .sbt2 span { color: #4e4e4e; font-size: 14px; display: block; text-align: center; line-height: 33px; } .pro-bar { width: 100%; padding-top: 45px; padding-bottom: 64px; background: #f5f5f5; } .pro-bar .a0 { margin-top: 30px; } .pro-bar main { margin-top: 43px; } .pro-bar main .product-type-container { *zoom: 1; } .pro-bar main .product-type-container:before, .pro-bar main .product-type-container:after { content: " "; display: table; } .pro-bar main .product-type-container:after { clear: both; } .pro-bar main .product-type-container a { display: block; float: left; width: 217px; height: 62px; margin-right: 28px; margin-bottom: 28px; line-height: 62px; background: #3a3a3a; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ position: relative; } .pro-bar main .product-type-container a:nth-of-type(5n) { margin-right: 0; } .pro-bar main .product-type-container a:hover, .pro-bar main .product-type-container a:focus { -webkit-animation: bubbles 0.8s forwards ease-out; animation: bubbles 0.8s forwards ease-out; background-color: #970802; background-repeat: no-repeat; } .pro-bar main .product-type-container a span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 15px; color: #fff; display: block; background: url(../images/down.png) no-repeat left 11px center; text-indent: 40px; position: relative; z-index: 2; } .pro-bar main .product-container { margin-top: 9px; *zoom: 1; } .pro-bar main .product-container:before, .pro-bar main .product-container:after { content: " "; display: table; } .pro-bar main .product-container:after { clear: both; } .pro-bar main .product-container .pro-wrapper { width: 380px; float: left; margin-right: 30px; margin-bottom: 30px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ } .pro-bar main .product-container .pro-wrapper:nth-of-type(3n) { margin-right: 0; } .pro-bar main .product-container .pro-wrapper:hover .p_text0:after { width: 100%; } .pro-bar main .product-container .pro-wrapper:hover .p_text0 span { color: #fff; } .pro-bar main .product-container .pro-wrapper a { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 1px solid #cbcbcb; display: block; width: 100%; height: 458px; background: #fff; } .pro-bar main .product-container .pro-wrapper a .s-pro { width: 365px; height: 300px; position: absolute; top: 18px; left: 50%; transform: translateX(-50%); max-width: 100%; max-height: 100%; background: #fff url("../images/loading.gif") no-repeat center; } .pro-bar main .product-container .pro-wrapper a .s-pro img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .pro-bar main .product-container .pro-wrapper a .p_text0 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 333px; width: 305px; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .pro-bar main .product-container .pro-wrapper a .p_text0:after { display: block; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #a60401; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .pro-bar main .product-container .pro-wrapper a .p_text0 span { display: block; width: 90%; margin: 0 auto; text-align: left; color: #444444; font-size: 16px; position: relative; z-index: 2; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .pro-bar main .product-container .pro-wrapper a .p_text1 { margin-top: 11px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 374px; width: 305px; } .pro-bar main .product-container .pro-wrapper a .p_text1 em { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; display: block; line-height: 22px; height: 40px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 12px; color: #979797; } .consult { width: 100%; height: 270px; background: url(../images/consult.jpg) no-repeat center; background-size: cover; } .consult .ad2 { width: 657px; margin-top: 162px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px solid #fff; height: 50px; *zoom: 1; } .consult .ad2:before, .consult .ad2:after { content: " "; display: table; } .consult .ad2:after { clear: both; } .consult .ad2 span { color: #fff; font-size: 16px; background: url(../images/tel2.png) no-repeat left 32px center; padding-left: 78px; line-height: 50px; float: left; } .consult .ad2 b { color: #fff; font-size: 34px; font-family: numFont; float: left; font-weight: normal; } .consult .ad2 a { width: 143px; height: 50px; display: inline-block; background: #fff; text-align: center; line-height: 50px; float: right; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .consult .ad2 a i { font-style: normal; color: #be1919; font-size: 18px; position: relative; z-index: 2; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .consult .ad2 a:hover { background: #70100e; } .consult .ad2 a:hover i { color: #fff; } .consult .ad2 a:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .consult .ad2 a:before { display: block; content: ''; position: absolute; left: 0; top: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); width: 100%; height: 100%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ background: #70100e; } .advantage { width: 100%; background: url("../images/advbg.png") no-repeat center; background-size: cover; padding-top: 64px; padding-bottom: 84px; } .advantage .adb0 > div .b0 { margin-top: 28px; line-height: 45px; *zoom: 1; } .advantage .adb0 > div .b0:before, .advantage .adb0 > div .b0:after { content: " "; display: table; } .advantage .adb0 > div .b0:after { clear: both; } .advantage .adb0 > div .b0 span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 56px; color: #d50606; font-family: numFont; float: left; animation: r_x 4s ease-in-out infinite; -webkit-animation: r_x 4s ease-in-out infinite; -moz-animation: r_x 4s ease-in-out infinite; -o-animation: r_x 4s ease-in-out infinite; } .advantage .adb0 > div .b0 b { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 34px; color: #d50606; float: left; margin-top: 5px; margin-left: 7px; } .advantage .adb0 > div em { display: block; color: #323232; font-size: 30px; font-weight: bold; margin-top: 10px; } .advantage .adb0 > i { display: block; width: 55px; height: 4px; background: #d50606; margin-top: 25px; margin-bottom: 40px; } .advantage .adb0 .b1 { position: relative; } .advantage .adb0 .b1 small { display: block; width: 6px; height: 16px; background: url("../images/dot.png") no-repeat left center; position: absolute; left: 7px; } .advantage .adb0 .b1 small:nth-of-type(1) { top: 33px; } .advantage .adb0 .b1 small:nth-of-type(2) { top: 76px; } .advantage .adb0 .b1 span { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #4e4e4e; background: url(../images/icon.png) no-repeat left center; padding-left: 30px; line-height: 38px; margin-bottom: 5px; } .advantage .ad0 { *zoom: 1; margin-top: 58px; height: 391px; } .advantage .ad0:before, .advantage .ad0:after { content: " "; display: table; } .advantage .ad0:after { clear: both; } .advantage .ad0 .left { width: 465px; float: left; } .advantage .ad0 .right { width: 685px; float: right; position: relative; } .advantage .ad0 .right .a0_img { position: absolute; right: 0; top: 0; } .advantage .ad0 .right .a1_img { position: absolute; right: 478px; top: 138px; } .advantage .ad1 { *zoom: 1; margin-top: 40px; height: 346px; } .advantage .ad1:before, .advantage .ad1:after { content: " "; display: table; } .advantage .ad1:after { clear: both; } .advantage .ad1 .left { width: 588px; } .advantage .ad1 .right { width: 510px; } .advantage .ad1 .right .adb0 > div { *zoom: 1; margin-bottom: 65px; } .advantage .ad1 .right .adb0 > div:before, .advantage .ad1 .right .adb0 > div:after { content: " "; display: table; } .advantage .ad1 .right .adb0 > div:after { clear: both; } .advantage .ad1 .right .adb0 > div .b0 span { float: right; } .advantage .ad1 .right .adb0 > div .b0 b { float: right; margin-left: 0; margin-right: 7px; } .advantage .ad1 .right .adb0 > div em { float: right; position: relative; } .advantage .ad1 .right .adb0 > div em:after { position: absolute; display: block; content: ''; width: 55px; height: 4px; background: #d50606; right: 0; bottom: -25px; } .advantage .ad2 { height: 347px; } .advantage .ad2 .left { width: 609px; } .advantage .ad2 .right { width: 590px; } .case { width: 100%; background: url(../images/casebg.jpg) no-repeat center; background-size: cover; padding-top: 42px; padding-bottom: 55px; } .case .c0 { margin-top: 41px; *zoom: 1; } .case .c0:before, .case .c0:after { content: " "; display: table; } .case .c0:after { clear: both; } .case .c0 .left { float: left; width: 276px; } .case .c0 .left .c1 li { margin-bottom: 20px; position: relative; z-index: 2; } .case .c0 .left .c1 li:nth-of-type(1) a:hover i { background: url("../images/ca1_h.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(1) a i { background: url("../images/ca1.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(2) a:hover i { background: url("../images/ca2_h.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(2) a i { background: url("../images/ca2.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(3) a:hover i { background: url("../images/ca3_h.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(3) a i { background: url("../images/ca3.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(4) a:hover i { background: url("../images/ca4_h.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(4) a i { background: url("../images/ca4.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(5) { margin-bottom: 0; } .case .c0 .left .c1 li:nth-of-type(5) a:hover i { background: url("../images/ca5_h.png") no-repeat center; } .case .c0 .left .c1 li:nth-of-type(5) a i { background: url("../images/ca5.png") no-repeat center; } .case .c0 .left .c1 li a { display: block; width: 276px; height: 98px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 1px solid #dcdcdc; background: #fff; overflow: hidden; } .case .c0 .left .c1 li a:hover:before { width: 346px; } .case .c0 .left .c1 li a:hover b { -webkit-transform: translateX(48px) rotateY(0deg); -moz-transform: translateX(48px) rotateY(0deg); -ms-transform: translateX(48px) rotateY(0deg); -o-transform: translateX(48px) rotateY(0deg); transform: translateX(48px) rotateY(0deg); } .case .c0 .left .c1 li a:hover p span { color: #fff; } .case .c0 .left .c1 li a:hover p small { color: #fff; } .case .c0 .left .c1 li a b { position: absolute; display: block; width: 36px; height: 36px; right: 0px; top: 32px; background: url("../images/next3.png") no-repeat center; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .case .c0 .left .c1 li a:before { display: block; content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #d50606; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .case .c0 .left .c1 li a i { display: block; width: 34px; height: 34px; margin-left: 30px; float: left; margin-top: 30px; position: relative; z-index: 2; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .case .c0 .left .c1 li a p { float: left; margin-left: 22px; margin-top: 23px; position: relative; z-index: 2; } .case .c0 .left .c1 li a p span { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 20px; color: #404040; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .case .c0 .left .c1 li a p small { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 12px; color: #404040; text-transform: uppercase; margin-top: 2px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .case .c0 .right { float: right; width: 902px; } .case .c0 .right .c2 li { overflow: hidden; width: 902px; height: 570px; position: relative; } .case .c0 .right .c2 li .pic { width: 902px; height: 570px; } .case .c0 .right .c2 li .pic img { width: 100%; height: 100%; } .case .c0 .right .c2 li .c_text { width: 100%; height: 130px; position: absolute; background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; *zoom: 1; } .case .c0 .right .c2 li .c_text:before, .case .c0 .right .c2 li .c_text:after { content: " "; display: table; } .case .c0 .right .c2 li .c_text:after { clear: both; } .case .c0 .right .c2 li .c_text .ct0 { width: 590px; float: left; margin-left: 30px; } .case .c0 .right .c2 li .c_text .ct0 p { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #fff; font-weight: bolder; margin-top: 24px; } .case .c0 .right .c2 li .c_text .ct0 span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #bebebe; display: block; margin-top: 13px; line-height: 20px; } .case .c0 .right .c2 li .c_text .ct1 { width: 134px; float: right; margin-right: 40px; } .case .c0 .right .c2 li .c_text .ct1 .ct3 { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ width: 132px; height: 34px; border: 1px solid #fff; background: transparent; border-radius: 0; line-height: 34px; padding: 0; font-size: 14px; text-align: center; margin-bottom: 4px; margin-top: 28px; } .case .c0 .right .c2 li .c_text .ct1 .ct3 span { color: #fff; } .case .c0 .right .c2 li .c_text .ct1 .ct3:hover span { color: #fff; } .case .c0 .right .c2 li .c_text .ct1 .ct2 { display: block; width: 132px; height: 34px; text-align: center; line-height: 34px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ position: relative; background: #d50606; } .case .c0 .right .c2 li .c_text .ct1 .ct2 span { position: relative; z-index: 2; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #fff; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .case .c0 .right .c2 li .c_text .ct1 .ct2:before { position: absolute; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); background: #fff; width: 100%; height: 100%; display: block; content: ''; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .case .c0 .right .c2 li .c_text .ct1 .ct2:hover { background: #fff; } .case .c0 .right .c2 li .c_text .ct1 .ct2:hover span { color: #d50606; } .case .c0 .right .c2 li .c_text .ct1 .ct2:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .case .more_case { width: 560px; margin: 0 auto; *zoom: 1; margin-top: 40px; } .case .more_case:before, .case .more_case:after { content: " "; display: table; } .case .more_case:after { clear: both; } .case .more_case > a { float: left; display: block; width: 160px; height: 48px; background: #d50606; text-align: center; line-height: 48px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ position: relative; margin-right: 35px; } .case .more_case > a span { position: relative; z-index: 2; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .case .more_case > a:before { position: absolute; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); background: #1b1b1b; width: 100%; height: 100%; display: block; content: ''; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .case .more_case > a:hover { background: #1b1b1b; } .case .more_case > a:hover span { color: #fff; } .case .more_case > a:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .case .more_case > p { float: left; } .case .more_case > p em { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #585858; line-height: 48px; float: left; } .case .more_case > p span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 32px; color: #d50606; line-height: 48px; float: left; font-family: numFont; } .a0 { width: 350px; margin: 0 auto; *zoom: 1; } .a0:before, .a0:after { content: " "; display: table; } .a0:after { clear: both; } .a0 .a1 { display: block; width: 160px; height: 48px; background: #d50606; text-align: center; line-height: 48px; float: left; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .a0 .a1 span { display: block; color: #fff; font-size: 16px; z-index: 2; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .a0 .a1:before { display: block; content: ''; position: absolute; left: 0; top: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); width: 100%; height: 100%; background: #1b1b1b; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .a0 .a1:hover { background: #1b1b1b; } .a0 .a1:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .a0 .a2 { display: block; width: 160px; height: 48px; text-align: center; line-height: 48px; float: right; position: relative; background: transparent; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 1px solid #535353; } .a0 .a2 span { display: block; color: #4d4d4d; font-size: 16px; z-index: 2; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .a0 .a2:before { display: block; content: ''; position: absolute; left: 0; top: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); width: 100%; height: 100%; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ background: #d50606; } .a0 .a2:hover { background: #d50606; border: 1px solid #d50606; } .a0 .a2:hover span { color: #fff; } .a0 .a2:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .on1 a { background: #fff; } .on1 a:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .on1 a span { color: #343434 !important; } .album { width: 100%; padding-top: 80px; padding-bottom: 66px; background: url("../images/albumbg.jpg") no-repeat center; background-size: cover; } .album .photo_album { *zoom: 1; width: 514px; margin: 0 auto; margin-bottom: 47px; } .album .photo_album:before, .album .photo_album:after { content: " "; display: table; } .album .photo_album:after { clear: both; } .album .photo_album li { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ width: 158px; float: left; position: relative; margin-right: 20px; border: 1px solid #fff; } .album .photo_album li:nth-of-type(3) { margin-right: 0; } .album .photo_album li a { width: 158px; text-align: center; display: block; height: 50px; line-height: 50px; position: relative; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .album .photo_album li a:before { background: #fff; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); position: absolute; width: 100%; height: 100%; display: block; content: ''; left: 0; top: 0; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .album .photo_album li a span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #fff; position: relative; z-index: 2; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .album .photo_album_son main { position: relative; } .album .photo_album_son main .swiper-button-prev { position: absolute; outline: none; background: url("../images/prev4.png") no-repeat center; width: 56px; height: 56px; left: -93px; top: 109px; } .album .photo_album_son main .swiper-button-next { position: absolute; outline: none; background: url("../images/next4.png") no-repeat center; width: 56px; height: 56px; right: -93px; top: 109px; } .album .photo_album_son .swiper-container .pic { text-align:center; height: 228px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ border: 7px solid #fff; cursor: url("../images/viewer.png"), default; background: #fff url("../images/loading.gif") no-repeat center; } .album .photo_album_son .swiper-container .pic img { /*width: 100%;*/ height: 100%; } .album .photo_album_son .swiper-container p { height: 40px; line-height: 40px; width: 100%; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; text-align: center; } .about-bar { width: 100%; padding-top: 39px; background: url(../images/combg.jpg) no-repeat center; background-size: cover; height: 665px; background-attachment: fixed; } .about-bar .abu0 { *zoom: 1; position: relative; margin-top: 40px; } .about-bar .abu0:before, .about-bar .abu0:after { content: " "; display: table; } .about-bar .abu0:after { clear: both; } .about-bar .abu0 .left { float: left; width: 172px; height: 468px; background: #d50606; } .about-bar .abu0 .left ul { width: 118px; margin: 0 auto; margin-top: 30px; } .about-bar .abu0 .left ul li a { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; position: relative; text-indent: 31px; line-height: 74px; border-bottom: 1px solid #e63c3c; } .about-bar .abu0 .left ul li a:before { position: absolute; left: 10px; top: 32px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; content: ""; width: 0; display: block; } .about-bar .abu0 .left ul li a:hover { -webkit-animation: bubbles1 2s forwards ease-out; animation: bubbles1 2s forwards ease-out; background-color: #970802; background-repeat: no-repeat; } .about-bar .abu0 .right { float: right; width: 1028px; background: #fff; margin-top: 23px; padding-bottom: 50px; *zoom: 1; } .about-bar .abu0 .right:before, .about-bar .abu0 .right:after { content: " "; display: table; } .about-bar .abu0 .right:after { clear: both; } .about-bar .abu0 .right .abu1 { float: left; } .about-bar .abu0 .right .abu1 .intro { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #696969; line-height: 30px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical; margin: 0 auto; margin-top: 55px; width: 455px; margin-left: 52px; margin-bottom: 38px; } .about-bar .abu0 .right .abu1 > p { line-height: 40px; margin-left: 52px; *zoom: 1; } .about-bar .abu0 .right .abu1 > p:before, .about-bar .abu0 .right .abu1 > p:after { content: " "; display: table; } .about-bar .abu0 .right .abu1 > p:after { clear: both; } .about-bar .abu0 .right .abu1 > p em { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #4a4a4a; float: left; } .about-bar .abu0 .right .abu1 > p span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 32px; color: #d50606; font-family: numFont; float: left; } .about-bar .abu0 .right .abu2 { margin-top: 60px; margin-right: 48px; float: right; } .about-bar .abu0 .right .abu2 a { width: 136px; height: 48px; border-radius: 0; background: #d50606; text-align: center; line-height: 48px; padding: 0; margin-top: -23px; margin-left: -40px; box-shadow: none; } .about-bar .abu0 .right .abu2 a:hover span { color: #fff; } .about-bar .abu0 .right .abu2 a span { color: #fff; font-size: 14px; } .news { width: 100%; padding-bottom: 43px; background: #fff; } .news main { *zoom: 1; } .news main:before, .news main:after { content: " "; display: table; } .news main:after { clear: both; } .news main .n_all { *zoom: 1; margin-top: 73px; } .news main .n_all:before, .news main .n_all:after { content: " "; display: table; } .news main .n_all:after { clear: both; } .news main .n_all .left { float: left; width: 724px; background: #fff; } .news main .n_all .left .news_title { background: #ededed; *zoom: 1; } .news main .n_all .left .news_title:before, .news main .n_all .left .news_title:after { content: " "; display: table; } .news main .n_all .left .news_title:after { clear: both; } .news main .n_all .left .news_title .nt1 { float: left; } .news main .n_all .left .news_title .nt1 .na1 { background: #d50606; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #fff; width: 172px; height: 60px; text-align: center; line-height: 60px; display: inline-block; } .news main .n_all .left .news_title .nt1 .na2 { width: 146px; height: 60px; text-align: center; line-height: 60px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #4f4f4f; display: inline-block; } .news main .n_all .left .news_title > span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #767676; line-height: 60px; } .news main .n_all .left .news_title > a { float: right; display: block; width: 120px; height: 60px; text-align: center; line-height: 60px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #767676; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .news main .n_all .left .news_title > a:hover { color: #d50606; } .news main .n_all .left .nl_wrapper { *zoom: 1; } .news main .n_all .left .nl_wrapper:before, .news main .n_all .left .nl_wrapper:after { content: " "; display: table; } .news main .n_all .left .nl_wrapper:after { clear: both; } .news main .n_all .left .nl_wrapper .nl { float: left; width: 272px; margin-top: 32px; } .news main .n_all .left .nl_wrapper .nl .pic:nth-of-type(1) { margin-bottom: 16px; } .news main .n_all .left .nl_wrapper .nr { float: right; width: 421px; margin-top: 28px; } .news main .n_all .left .nl_wrapper .nr .n000:hover .n0 > div span { color: #d50606; } .news main .n_all .left .nl_wrapper .nr .n000 .n0 { margin: 0 auto; margin-bottom: 11px; *zoom: 1; } .news main .n_all .left .nl_wrapper .nr .n000 .n0:before, .news main .n_all .left .nl_wrapper .nr .n000 .n0:after { content: " "; display: table; } .news main .n_all .left .nl_wrapper .nr .n000 .n0:after { clear: both; } .news main .n_all .left .nl_wrapper .nr .n000 .n0 > div { float: left; } .news main .n_all .left .nl_wrapper .nr .n000 .n0 > div span { color: #2b2b2b; font-size: 18px; float: left; font-weight: bolder; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .news main .n_all .left .nl_wrapper .nr .n000 .n00 { margin: 0 auto; } .news main .n_all .left .nl_wrapper .nr .n000 .n00 span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #838383; line-height: 23px; margin-bottom: 21px; display: block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .news main .n_all .left .nl_wrapper .n1 { *zoom: 1; margin: 0 auto; line-height: 41px; } .news main .n_all .left .nl_wrapper .n1:before, .news main .n_all .left .nl_wrapper .n1:after { content: " "; display: table; } .news main .n_all .left .nl_wrapper .n1:after { clear: both; } .news main .n_all .left .nl_wrapper .n1:hover p { color: #d50606; } .news main .n_all .left .nl_wrapper .n1 p { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #595959; float: left; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ width: 288px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .news main .n_all .left .nl_wrapper .n1 span { float: right; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #838383; } .news main .n_all .right { float: right; width: 407px; background: #fff; } .news main .n_all .right .q0 { *zoom: 1; width: 407px; margin: 0 auto; height: 60px; line-height: 60px; } .news main .n_all .right .q0:before, .news main .n_all .right .q0:after { content: " "; display: table; } .news main .n_all .right .q0:after { clear: both; } .news main .n_all .right .q0 > span { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 22px; color: #d50606; } .news main .n_all .right .q0 .q00 { float: right; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #767676; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .news main .n_all .right .q0 .q00:hover { color: #d50606; } .news main .n_all .right .q1 { width: 407px; margin: 0 auto; margin-top: 28px; } .news main .n_all .right .q1 a { margin-bottom: 26px; display: block; } .news main .n_all .right .q1 a:hover p em { color: #d50606; } .news main .n_all .right .q1 a b { width: 20px; height: 20px; display: block; background: #d50606; color: #fff; font-size: 14px; text-align: center; line-height: 20px; font-weight: normal; margin-right: 8px; } .news main .n_all .right .q1 a em { float: left; display: block; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .news main .n_all .right .q1 a p { margin-bottom: 10px; line-height: 18px; *zoom: 1; } .news main .n_all .right .q1 a p:before, .news main .n_all .right .q1 a p:after { content: " "; display: table; } .news main .n_all .right .q1 a p:after { clear: both; } .news main .n_all .right .q1 a p b { float: left; background: #d50606; } .news main .n_all .right .q1 a p em { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #595959; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .news main .n_all .right .q1 a span { display: block; width: 100%; *zoom: 1; } .news main .n_all .right .q1 a span:before, .news main .n_all .right .q1 a span:after { content: " "; display: table; } .news main .n_all .right .q1 a span:after { clear: both; } .news main .n_all .right .q1 a span b { float: left; background: #3b3b3b; } .news main .n_all .right .q1 a span em { width: 378px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #838383; line-height: 23px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .footer-top { background: #292929; } .footer-top main { *zoom: 1; position: relative; padding-top: 54px; padding-bottom: 27px; } .footer-top main:before, .footer-top main:after { content: " "; display: table; } .footer-top main:after { clear: both; } .footer-top .f1 { float: left; width: 237px; } .footer-top .f1 > span { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; font-weight: bolder; margin-bottom: 28px; } .footer-top .f1 .f-nav { width: 155px; *zoom: 1; } .footer-top .f1 .f-nav:before, .footer-top .f1 .f-nav:after { content: " "; display: table; } .footer-top .f1 .f-nav:after { clear: both; } .footer-top .f1 .f-nav a { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #7e7e7e; margin-right: 40px; margin-bottom: 15px; float: left; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .footer-top .f1 .f-nav a:hover { color: #fff; } .footer-top .f1 .f-nav a:nth-of-type(2n) { margin-right: 0; } .footer-top .f2 { width: 235px; float: left; } .footer-top .f2 ul li { margin-bottom: 15px; } .footer-top .f2 ul li a { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #7e7e7e; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .footer-top .f2 ul li a:hover { color: #fff; } .footer-top .f3 { float: left; width: 198px; margin-left: 35px; } .footer-top .f3 ul li { margin-bottom: 15px; } .footer-top .f3 ul li a { font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #7e7e7e; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .footer-top .f3 ul li a:hover { color: #fff; } .footer-top .f4 { width: 273px; float: left; } .footer-top .f4 ul li { margin-bottom: 15px; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #7e7e7e; } .footer-top .f4 a { display: block; width: 98px; height: 30px; background: #d50606; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ text-align: center; line-height: 30px; position: relative; } .footer-top .f4 a span { position: relative; z-index: 2; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #fff; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .footer-top .f4 a:before { position: absolute; display: block; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .footer-top .f4 a:hover:before { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .footer-top .f4 a:hover span { color: #d50606; } .footer-top .f5 { float: right; width: 216px; position: relative; } .footer-top .f5 div { float: left; } .footer-top .f5 div:nth-of-type(1) { margin-right: 15px; } .footer-top .f5 div:nth-of-type(1) p img { width: 90px; height: 90px; padding: 5px; background: #fff; } .footer-top .f5 div span { color: #818181; font-size: 14px; display: block; text-align: center; font-weight: lighter; margin-top: 8px; } .footer-bottom { width: 100%; height: 61px; background: #202020; line-height: 61px; } .footer-bottom p { color: #797979; font-size: 14px; text-align: center; } .footer-bottom p a { color: #797979; font-size: 14px; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .footer-bottom p a:hover { color: #fff; } .fix-side { position: fixed; right: 12px; top: 226px; width: 208px; height: 494px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; z-index: 999; background: #b11212; } .fix-side .f0 { text-align: center; padding: 10px 0; } .fix-side ul li:nth-of-type(4) a { background: url("../images/kf.png") no-repeat left 26px center; text-indent: 30px; border-bottom: 2px solid #9e0707; } .fix-side ul li:nth-of-type(4) a:hover { background: #d50606 url("../images/kf.png") no-repeat left 26px center; } .fix-side ul li a { display: block; height: 42px; line-height: 42px; border-top: 2px solid #9e0707; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; text-align: center; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .fix-side ul li a:hover { background: #d50606; } .fix-side .s0 { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; text-align: center; line-height: 42px; } .fix-side .f1 { width: 105px; height: 128px; background: #fff; margin: 0 auto; text-align: center; } .fix-side .f1 p { text-align: center; } .fix-side .f1 p img { width: 105px; height: 105px; } .fix-side .f1 span { display: block; text-align: center; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 14px; color: #4c4c4c; } .fix-side #to_top { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 16px; color: #fff; position: relative; text-align: center; padding-top: 24px; } .fix-side #to_top:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 13px solid #fff; margin-top: 9px; } .my-title { text-align: center; } .my-title p { text-align: center; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 34px; color: #c70d0d; font-weight: bolder; margin-top: -25px; margin-bottom: 6px; } .my-title span { display: block; font-family: "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", SimHei, sans-serif; font-size: 18px; color: #535353; background: url("../images/mt.png") no-repeat center; } .needScroll { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .needScroll::-webkit-scrollbar { width: 8px; height: 8px; } /*正常情况下滑块的样式*/ .needScroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); } /*鼠标悬浮在该类指向的控件上时滑块的样式*/ .needScroll:hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); } /*鼠标悬浮在滑块上时滑块的样式*/ .needScroll::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1); } /*正常时候的主干部分*/ .needScroll::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); background-color: white; } /*鼠标悬浮在滚动条上的主干部分*/ .needScroll::-webkit-scrollbar-track:hover { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.01); } .needMarquee { white-space: nowrap; } img.lazy { background: url("../images/loading.gif") no-repeat center; } .rolled { position: absolute; display: block; top: 0; width: 30px; height: 100%; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(25deg); -moz-transform: skewX(25deg); -webkit-animation: rolled 2s .2s ease both infinite; -moz-animation: rolled 2s .2s ease both infinite; -o-animation: rolled 2s .2s ease both infinite; -ms-animation: rolled 2s .2s ease both infinite; overflow: hidden; } .needDot .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari*/ background: rgba(0, 0, 0, 0.4); opacity: 1; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .needDot .swiper-pagination .swiper-pagination-bullet:hover:after { transform: scale(2) translateZ(0); -ms-transform: scale(2) translateZ(0); -moz-transform: scale(2) translateZ(0); -webkit-transform: scale(2) translateZ(0); -o-transform: scale(2) translateZ(0); } .needDot .swiper-pagination .swiper-pagination-bullet:after { content: ''; width: 4px; height: 4px; background: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 50%; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition-timing-function: ease; -moz-transition-timing-function: ease; /* Firefox 4 */ -webkit-transition-timing-function: ease; /* Safari 和 Chrome */ -o-transition-timing-function: ease; /* Opera */ } .needDot .swiper-pagination .swiper-pagination-bullet-active { border: 2px solid #fff; } .needDot .swiper-pagination .swiper-pagination-bullet-active:after { width: 0; height: 0; transform: scale(0) translateZ(0); -ms-transform: scale(0) translateZ(0); -moz-transform: scale(0) translateZ(0); -webkit-transform: scale(0) translateZ(0); -o-transform: scale(0) translateZ(0); } @-webkit-keyframes rolled { 0% { left: -30px; } 100% { left: 78px; } } @keyframes rolled { 0% { left: -30px; } 100% { left: 78px; } } @-moz-keyframes rolled { 0% { left: -30px; } 100% { left: 78px; } } @-o-keyframes rolled { 0% { left: -30px; } 100% { left: 78px; } } @-webkit-keyframes bubbles { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset 217px 0 0 #d70e0a; } } @-o-keyframes bubbles { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset 217px 0 0 #d70e0a; } } @-moz-keyframes bubbles { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset 217px 0 0 #d70e0a; } } @keyframes bubbles { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset 217px 0 0 #d70e0a; } } @-webkit-keyframes bubbles0 { 100% { background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset 0 -6.5em 0 #d70e0a; } } @-moz-keyframes bubbles0 { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset 0 -6.5em 0 #d70e0a; } } @-o-keyframes bubbles0 { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset 0 -6.5em 0 #d70e0a; } } @keyframes bubbles0 { 100% { background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset 0 -6.5em 0 #d70e0a; } } @-webkit-keyframes bubbles1 { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset -346px 0 0 #d70e0a; } } @-o-keyframes bubbles1 { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset -346px 0 0 #d70e0a; } } @-moz-keyframes bubbles1 { 100% { background-position-x: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%; box-shadow: inset -346px 0 0 #d70e0a; } } /*# sourceMappingURL=index.css.map */