/* 案例详情 */ #Subpage2 { width: 100%; float: left; } #Subpage2 .caseCon .title { font-size: 30px; line-height: 32px; color: #333; } #Subpage2 .caseCon .time { width: 100%; overflow: hidden; position: relative; line-height: 28px; font-size: 14px; margin: 15px 0 18px 0; color: #888888; text-align: center; } #Subpage2 .caseCon .time .fbt { display: inline-block; } #Subpage2 .caseCon .time .ico { display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0; } #Subpage2 .caseCon .time .wz { float: left; margin-right: 20px; } #Subpage2 .caseCon .line { width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2; } #Subpage2 .caseCon .nyfx { position: absolute; right: 0; top: 0; } #Subpage2 .caseCon .nyfx .p { float: left; } #Subpage2 .caseCon .bdsharebuttonbox { display: inline-block; } #Subpage2 .caseCon .bdsharebuttonbox a { display: inline-block; width: 27px; height: 27px; margin: 0 7px; } #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(1) { background: url(../images/918_fx1.png) no-repeat center; } #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(2) { background: url(../images/918_fx2.png) no-repeat center; } #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(3) { background: url(../images/918_fx3.png) no-repeat center; } #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(4) { background: url(../images/918_fx4.png) no-repeat center; } #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(5) { background: url(../images/918_fx5.png) no-repeat center; } #Subpage2 .caseCon .bdsharebuttonbox a:nth-child(6) { background: url(../images/918_fx6.png) no-repeat center; } #Subpage2 .caseCon .home_res11 { float: left; width: 100%; } #Subpage2 .caseCon .slick_res1l { float: left; width: 74.3%; } #Subpage2 .caseCon .home_res12 { float: right; width: 23.5%; padding-top: 40px; overflow: hidden; position: relative; } #Subpage2 .caseCon .home_res12 .imgk { line-height: 0; margin-bottom: 20px; border: 0; } #Subpage2 .caseCon .home_res12 .imgk:hover, #Subpage2 .caseCon .home_res12 .slick-current .imgk { border: 4px solid #104492; } #Subpage2 .caseCon .home_res12 .slick-prev, #Subpage2 .caseCon .home_res12 .slick-next { width: 128px; height: 23px; position: absolute; top: -30px; z-index: 9; } #Subpage2 .caseCon .home_res12 .slick-prev { left: auto; right: 160px; background-color: #e7e7e7; } #Subpage2 .caseCon .home_res12 .slick-prev::before { content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 10px; left: 50%; margin-left: -5px; border-top: solid 1px #104492; border-right: solid 1px #104492; transform: rotate(-45deg); } #Subpage2 .caseCon .home_res12 .slick-next { left: auto; right: 0; background-color: #e7e7e7; } #Subpage2 .caseCon .home_res12 .slick-next::before { content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 5px; left: 50%; margin-left: -5px; border-top: solid 1px #104492; border-right: solid 1px #104492; transform: rotate(135deg); } #Subpage2 .caseCon .home_res12 .slick-prev:hover { background: #104492; } #Subpage2 .caseCon .home_res12 .slick-prev:hover::before { border-top: solid 1px #fff; border-right: solid 1px #fff; } #Subpage2 .caseCon .home_res12 .slick-next:hover { background: #104492; } #Subpage2 .caseCon .home_res12 .slick-next:hover::before { border-top: solid 1px #fff; border-right: solid 1px #fff; } #Subpage2 .caseCon .caseConJs { margin: 60px 0; } #Subpage2 .caseCon .caseConJs .tit { background: url(../images/918_casecon4.png) repeat-x center 15px; } #Subpage2 .caseCon .caseConJs .tit span { font-size: 24px; padding-right: 20px; background: #fff; } #Subpage2 .caseCon .caseConJs .info { font-size: 16px; margin-top: 40px; line-height: 30px; color: #555; } #Subpage2 .caseCon .caseConAl .tit { width: 100%; overflow: hidden; } #Subpage2 .caseCon .caseConAl .tit .t1 { float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative; } #Subpage2 .caseCon .caseConAl .tit .t1::before { content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0; } #Subpage2 .caseCon .caseConAl .tit .fh { float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/918_fh.png) no-repeat left center; } #Subpage2 .caseCon .caseConAl .tit .fh:hover { text-decoration: underline; } #Subpage2 .caseCon .caseConAl .tit .lin { width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1; } #Subpage2 .caseCon .caseConAl .tab { margin: 30px -15px 0 -15px; position: relative; } #Subpage2 .caseCon .caseConAl .tab .pic { margin: 0 15px; } #Subpage2 .caseCon .caseConAl .tab .img { line-height: 0; overflow: hidden; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Subpage2 .caseCon .caseConAl .tab .img img { -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic; } #Subpage2 .caseCon .caseConAl .tab .pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } #Subpage2 .caseCon .caseConAl .tab .t1 { font: 18px; height: 64px; line-height: 64px; text-align: center; color: #333; background: #f3f3f3; overflow: hidden; } #Subpage2 .caseCon .caseConAl .tab .pic:hover .t1 { color: #104492; } #Subpage2 .caseCon .caseConAl .slick-prev { display: block; width: 34px; height: 34px; position: absolute; left: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon8.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover; } #Subpage2 .caseCon .caseConAl .slick-prev:hover { background: url(../images/918_casecon8_1.png) no-repeat center; background-color: #b7c7de; } #Subpage2 .caseCon .caseConAl .slick-next { display: block; width: 34px; height: 34px; position: absolute; right: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon9.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover; } #Subpage2 .caseCon .caseConAl .slick-next:hover { background: url(../images/918_casecon9_1.png) no-repeat center; background-color: #b7c7de; } @media screen and (max-width:1200px) { #Subpage2 .caseCon .home_res12 .slick-prev, #Subpage2 .caseCon .home_res12 .slick-next { width: 100px; height: 23px; } #Subpage2 .caseCon .home_res12 .slick-prev { right: 130px; } } @media screen and (max-width:1023px) { #Subpage2 .caseCon .title { font-size: 16px; line-height: 18px; } #Subpage2 .caseCon .time { line-height: 18px; font-size: 12px; margin: 5px 0 10px 0; } #Subpage2 .caseCon .time .ico { margin: 0 3px 0 0; } #Subpage2 .caseCon .time .wz { margin-right: 5px; } #Subpage2 .caseCon .home_res12 .imgk { margin-bottom: 10px; } #Subpage2 .caseCon .home_res12 .slick-prev, #Subpage2 .caseCon .home_res12 .slick-next { width: 100%; height: 16px; } #Subpage2 .caseCon .home_res12 .slick-prev { right: 0; top: -32px; } #Subpage2 .caseCon .home_res12 .slick-next { right: 0; top: -14px; } #Subpage2 .caseCon .home_res12 .slick-prev::before { top: 7px; } #Subpage2 .caseCon .home_res12 .slick-next::before { top: 0; } #Subpage2 .caseCon .caseConJs { margin: 15px 0; } #Subpage2 .caseCon .caseConJs .tit { background: url(../images/918_casecon4.png) repeat-x center 8px; } #Subpage2 .caseCon .caseConJs .tit span { font-size: 16px; padding-right: 10px; } #Subpage2 .caseCon .caseConJs .info { font-size: 14px; margin-top: 10px; line-height: 24px; } #Subpage2 .caseCon .caseConAl .tit .t1 { font-size: 16px; line-height: 16px; padding-bottom: 10px; } #Subpage2 .caseCon .caseConAl .tit .t1::before { width: 65px; } #Subpage2 .caseCon .caseConAl .tit .fh { font-size: 14px; padding-left: 25px; } #Subpage2 .caseCon .caseConAl .tab { margin: 10px -5px 0 -5px; } #Subpage2 .caseCon .caseConAl .tab .pic { margin: 0 5px; } #Subpage2 .caseCon .caseConAl .tab .t1 { font: 16px; height: 30px; line-height: 30px; } } @media screen and (max-width:1630px) { } @media screen and (max-width:1200px) { } @media screen and (max-width:992px) { } @media screen and (max-width:768px) { } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;/* margin-left: -14px; margin-right: -14px;*/ } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: 0;/* padding-left: 14px; padding-right: 14px;*/ } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { /*display: block;*/ } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto;/*border: 1px solid transparent;*/ } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; left: 40px; top: 50%; display: block; width: 52px; height: 100px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 100; } .slick-next { left: auto; right: 40px; } @media screen and (max-width:991px) { .slick-prev, .slick-next { width: 30px; height: 58px; background-size: 30px 58px; } .slick-next { background-size: 30px 58px; } } @media screen and (max-width:767px) { .slick-prev, .slick-next { left: 15px; width: 26px; height: 50px; background-size: 26px 50px; } .slick-next { left: auto; right: 15px; background-size: 26px 50px; } } /* Dots */ .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ' '; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; }