@charset "utf-8"; * {margin:0;padding:0;border:0;outline:medium;text-shadow:none;text-decoration:none;} html {height:100%;} html,body {background:#fff;width:100%;min-height:100%;} body {overflow-x:hidden;color:#000;font-size:12px;line-height:1;position:relative;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} body.nav-open {overflow:hidden;} @media(min-width:768px){ body {font-size:13px;} } @media(min-width:992px){ body {font-size:14px;} } @media(min-width:1200px){ body {font-size:15px;} } @media(min-width:1400px){ body {font-size:16px;} } @media(min-width:1600px){ .container {max-width:1430px;margin:0 auto;} } input {vertical-align:middle;} textarea {resize:none;} h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;} hr {border-width:1px;border-style:inset;} ul {list-style:none;padding:0;} p {margin:0;} a,a:link,a:active,a:visited,a:hover {color:inherit;text-decoration:none;} i,em {font-style:normal;} /*input placeholder 鏍峰紡 */ ::-webkit-input-placeholder {color:#999999;} :-moz-placeholder {color:#999999;} ::-moz-placeholder {color:#999999;} :-ms-input-placeholder {color:#999999;} /*淇敼婊氬姩鏉?/ ::-webkit-scrollbar {width:6px;height:6px;} ::-webkit-scrollbar-track {box-shadow:inset 0 0 6px transparent;background:#f8f8f8;border-radius:6px;} ::-webkit-scrollbar-thumb {border-radius:6px;background:#bbb;} img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;} .ratio {overflow: hidden;} .ratio img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:unset;max-width:100%;transition:.36s all linear;} /* 鏃犲唴瀹 */ .no-goods,.no-network {padding-top:100px;overflow:hidden;text-align:center;} .no-goods img {display:block;margin:0 auto 30px;width:220px;max-height:105px;} .no-network img {display:block;margin:0 auto 30px;width:222px;height:160px;} .no-goods p,.no-network p {font-size:14px;color:#666666;line-height:20px;} /*鎵嬫満绔垎椤靛鐞?/ .de-page-mian {padding-top:25px;} @media(max-width:767px) { .de-page-mian .page-inner a {margin-right:0!important;} .de-page-mian span,.de-page-mian input,.de-page-mian .page-btn,.de-page-mian .prev,.de-page-mian .next {display:none!important;} } .imgbox {position:relative;width:100%;overflow:hidden;} .imgbox:after {content:'';display:block;padding-top:75%;} .imgbox img {width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.36s all;object-fit: cover;} .iframe-video {width:100%;height:470px;overflow:hidden;margin-bottom:30px;} .iframe-video .video-preview {position:relative;display:block;width:100%;height:100%;font-size:0;text-align:center;cursor:pointer;} .iframe-video .video-preview::after {position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:1;} .iframe-video .video-preview::before {position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:url(../images/media-icon.png) no-repeat center;z-index:2;} .iframe-video .video-preview img {display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;} .iframe-video iframe {display:block;width:100%;height:100%;} @font-face { font-family: 'iconfont'; /* Project id 2005099 */ src: url('//at.alicdn.com/t/font_2005099_rqqmkt1vsb9.woff2?t=1646974473099') format('woff2'), url('//at.alicdn.com/t/font_2005099_rqqmkt1vsb9.woff?t=1646974473099') format('woff'), url('//at.alicdn.com/t/font_2005099_rqqmkt1vsb9.ttf?t=1646974473099') format('truetype'); } .ali-icon {font-family: 'iconfont';} .header {background:#fff;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center; position:relative;overflow:hidden;border-bottom:1px solid #dddddd;transition:.36s all linear;} .header .logo {flex:0 0 85%;max-width:85%;display:flex;} .header .logotxt {margin-left:15px;padding-left:15px;line-height: 1.3;} .header .logo .t1 {color:#519ddf;font-weight: bold;font-size:15px;display:none;} .header .logo .t2 {color:#519ddf;} .header .tel {max-width:15%;} .header .tel .c1 {color:#888;line-height: 1.5;font-size:14px;} .header .tel .c2 {color:#519ddf;font-weight: bold;font-size:16px;font-family: 'Arial';line-height: 1.3;} @media(max-width:767px) { .header {padding:10px 0;} .header .logo img {max-height:50px;} } @media(min-width:768px) { .header .logo {flex:0 0 50%;max-width:50%;} .header .logo .t1 {display:block;} .header .tel {max-width:50%;} .header .tel>div:first-child {border-left:1px solid #dddddd;} .header .tel>div {padding:15px;border-right:1px solid #dddddd;} } @media(min-width:992px) { .header .tel>div {max-width:45%;padding:20px 15px;} } @media(min-width:1200px) { .header .tel>div {padding:18px;} .header .tel .c2 {font-size:18px;} } @media(min-width:1400px) { .header .logo .t1 {font-size:17px;} .header .tel>div {padding:20px;} .header .tel .c2 {font-size:20px;} } @media(min-width:1600px) { .header .tel>div {padding:25px;} .header .tel .c2 {font-size:22px;} } .navmargin { display: none; } .nav {background:#519ddf;color:#fff;position:relative;z-index:1;} .nav .list {display:flex;align-items:center;flex-wrap:wrap;} .nav .slide {flex:0 0 25%;max-width:25%;text-align:center;position:relative;transition:.2s background linear;} .nav .slide>a {display:block;height:35px;line-height:35px;} .nav .slide i {display:none;} .nav .subnav {border-top:2px solid #519ddf;pointer-events: none;display:none;overflow:hidden;color:#333;background:rgba(255,255,255,.9);position:absolute;z-index:3;bottom:0;left:0;right:0;transform:translateY(100%);} .nav .subnav a {display:block;height:40px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 10px;} .nav .slide.active,.nav .slide:hover {background:#03af89;transition:.2s background linear;} @media(max-width:767px) { .nav .slide {border: 1px solid rgba(255,255,255,.1);} } @media(min-width:768px) { .navmargin { height:50px; } .navmargin.onmove { display: block; } .nav {color:#222;flex-wrap:nowrap;background: none;margin-top:-5px;} .nav.onmove { position:fixed; z-index: 99999; top:0; left:0; right:0; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,.3); } .nav .slide {flex:1;} .nav .slide>a {display:block;height: 50px;line-height: 50px;} .nav .slide.active,.nav .slide:hover {color:#fff;background:none;} .nav .slide>a:before,.nav .slide>a:before {content:'';position: absolute;z-index:-1;left:50%;top:0%;transform:translateX(-50%);border-top-left-radius:5px;border-top-right-radius:5px;background:none;height:100%;width:10%;transition:.2s all linear; } .nav .slide.active>a:before, .nav .slide:hover>a:before {background:#519ddf;width:80%;transition:.2s all linear;} } @media(min-width:992px) { .navmargin { height:55px; } .nav .slide>a {height: 55px;line-height: 55px;position: relative;} .nav .slide.active,.nav .slide:hover {background:unset;transition:.2s background linear;} .nav .slide:hover .subnav {display:block;} .nav .slide .subnav {font-size:14px;pointer-events: auto;} .nav .slide .subnav a:hover,.nav .slide .subnav a.active {color:#fff;background:#519ddf;transition:.2s background linear;} } @media(min-width:1200px) { .navmargin { height:60px; } .nav .slide>a {height: 60px;line-height: 60px;} .nav .slide .subnav {font-size:15px;} .nav .subnav a {height:45px;line-height: 45px;} } @media(min-width:1400px) { .navmargin { height:65px; } .nav .slide>a {height: 65px;line-height: 65px;} } @media(min-width:1600px) { } .banner {overflow:hidden;background: #000;} .banner .swiper-pagination {text-align: right;padding-right: 12%;bottom:5%;} .banner .swiper-pagination-bullet {background:#c8c9ca;opacity: 1;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ca191b;} .banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled {pointer-events:unset;} .banner .swiper-button-prev,.banner .swiper-button-next {right:16%;color:#fff;font-size:170%;width:55px;height:55px;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,.44);} .banner .swiper-button-prev {transform:rotateY(180deg);left:16%;right:0;} .banner .swiper-button-next:after, .banner .swiper-button-prev:after {display: none;} .banner-box {position:relative;left:50%;transform:translateX(-50%);text-align: center;} @media(min-width:1200px) { .banner-box {width:100%;min-width:1600px;} } @media(min-width:1400px) { .banner-box {width:100%;min-width:1920px;} } @media(min-width: 1600px) { .banner .swiper-button-prev,.banner .swiper-button-next {right:10%;} .banner .swiper-button-prev {left:10%;right:0;} } .prev_next {margin:20px 0;display:flex;flex-wrap:wrap;} .page-a {line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .next_page {margin-top:15px;} .location {color:#999;line-height:2.4;margin-bottom: 15px;border-bottom: 1px solid #eee;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} .location a:hover {color:#519ddf;} @media(min-width:768px) { .location {line-height: 2.6;} } @media(min-width:992px) { .next_page {margin-top:0px;} .page-a:hover {color:#519ddf;} .location {line-height: 2.8;} } @media(min-width:1200px) { .location {font-size:14px;line-height: 3.2;margin-bottom: 20px;} } @media(min-width:1400px) { .location {line-height: 3.6;margin-bottom: 25px;} } @media(min-width:1600px) { .location {line-height: 4;} } .inbanner {width:100%;overflow:hidden;position:relative;} .inbanner img {width:100%;position:relative;left:50%;transform:translateX(-50%);} @media(min-width:768px) { } @media(min-width:992px) { } @media(min-width:1200px) { } @media(min-width:1400px) { } @media(min-width:1600px) { } .hotbar {padding:25px 0;position: relative;background: #f1f5f9;} .hotbar .slide {text-align:center;} .hotbar .txtbox {align-self: center;} .hotbar .c1 {color:#333333;font-size:16px;margin-top: 10px;} .hotbar .c2 {color:#333333;font-size:16px;margin-top:5px;line-height: 1.3;} @media(max-width:991px) { .hotbar .slide {margin-bottom:20px;} .hotbar .img {margin-bottom:15px;} } @media(min-width:768px) { .hotbar {padding:30px 0;} .hotbar .c1 {font-size:16px;font-weight: bold;} .hotbar .c2 {font-size:16px;font-weight: bold;margin-top:10px;} } @media(min-width:992px) { .hotbar {padding:35px 0;} } @media(min-width:1200px) { .hotbar {padding:40px 0;} .hotbar .slide {max-width:20%;display:flex;text-align:left;} .hotbar .img {margin-right:20px;} .hotbar .c1 {font-size:17px;margin-top: 0;} .hotbar .c2 {font-size:17px;} } @media(min-width:1400px) { .hotbar {padding:50px 0;} .hotbar .c1 {font-size:18px;} .hotbar .c2 {font-size:18px;} } @media(min-width:1600px) { .hotbar {padding:55px 0;} } .index01 {padding:30px 0;} .index01 .title {text-align: center;margin-bottom: 20px;} .index01 .t1 {color:#333333;font-size:22px;} .index01 .t2 {color:#888888;margin-top: 10px;} .index01 .t3 {color:#333333;font-size:22px;text-align:center;margin-top: 20px;} .index01 .type .s1 {font-weight: bold;color:#519ddf;font-size:14px;border-bottom: 1px solid #dddddd;padding-bottom:15px;margin-bottom: 15px;} .index01 .type .slide {white-space:nowrap;text-overflow:ellipsis;overflow: hidden;line-height: 45px;padding:0 20px;border-bottom-right-radius: 50px;border-top-right-radius: 50px;} .index01 .type .slide a {display:block;} .index01 .type .slide a:before {content:'';display: inline-block;width:8px;height:8px;background:#333;border-radius: 8px;margin-right:25px;} .index01 .type .slide:hover,.index01 .type .slide.active {color:#fff;background:#519ddf;} .index01 .type .slide:hover a:before,.index01 .type .slide.active a:before {background: #fff;} .index01 .content {position: relative;} .index01 .content .more { display: none; position: relative; color:#333; font-weight: bold; padding-left: 50px; } .index01 .content .more:before { content:''; position: absolute; top:50%; left:0; height:1px; width:35px; background: #333; transition:.2s all linear; } .index01 .content .imgbox:after { padding-top:85%; } .index01 .content .imgbox img {width:100%;max-height: unset;} .index01 .floatbox {color:#fff;background: #03af89;padding:20px;} .index01 .floatbox .f1 {font-weight: bold;font-size:16px;padding-bottom: 15px;border-bottom:1px solid rgba(255,255,255,.5);} .index01 .floatbox .f2 {font-size:12px;line-height: 1.6;margin-top:10px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .index01 .floatbox .f3 {font-weight: bold;font-size:14px;margin-top: 10px;} .index01 .floatbox .btnbox {display:block;margin-top: 15px;} .index01 .floatbox .btnbox a {text-align: center;color:#333;background:#ffd515;display:inline-block;width:140px;height:35px;line-height: 35px;border-radius:50px;margin:10px 2px 0;} .index01 .floatbox .btnbox a:first-child {background: #fff;} .index01 .bottom {margin-top:15px;} .index01 .bottom .swiper-slide:hover .txtbox { background:#519ddf; transition:.2s all linear; } .index01 .bottom .imgbox {background: #eee;} .index01 .bottom .imgbox:after {padding-top:85%;} .index01 .bottom .imgbox img {width:100%;max-height:unset;} .index01 .bottom .txtbox {color:#fff;background:#03af89;line-height: 1;padding:15px;} .index01 .bottom .txtbox div {border-left:3px solid #fff;padding-left:10px;} .index01 .bottom .swiper-slide .imgbox .shadow { position: absolute; z-index:3; left:50%; top:50%; opacity:0; transform:translate(-50%,-50%); width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background: rgba(81,157,223,.6); transition:.2s all linear; } .index01 .bottom .swiper-slide:hover .shadow { opacity:1; transition:.2s all linear; } .index01 .bottom .imgbox .shadow:before { content:'+'; position: relative; z-index:5; color:#519ddf; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; } @media(max-width:991px) { .index01 .type .list {display:none;} .index01 .type .list.active {display:block;} } @media(min-width:576px) { .index01 .t1 {font-size:24px;} .index01 .t3 {font-size:24px;} } @media(min-width:768px) { .index01 .t1 {font-size:26px;} .index01 .t3 {font-size:26px;margin-top: 30px;} .index01 .type .s1 {font-size:16px;} .index01 .floatbox {padding:25px;} } @media(min-width:992px) { .index01 {padding:35px 0 30px;} .index01 .title {margin-bottom: 25px;} .index01 .t1 {font-size:28px;} .index01 .t3 {font-size:28px;margin-top: 40px;} .index01 .type {width:280px;} .index01 .type .s1 {padding-bottom:25px;margin-bottom: 20px;} .index01 .type .slide a:before {width:7px;height:7px;margin-right:20px;} .index01 .content {flex:1;width:50%;margin-left:11px;margin-top: 0;} .index01 .content .more { display: block; position: absolute; right:0; top:0; transition:.2s all linear; } .index01 .content .more:hover { color:#519ddf; margin-right:15px; transition:.2s all linear; } .index01 .content .more:hover:before { background: #519ddf; transition:.2s all linear; } .index01 .content .imgbox {width:58%;} .index01 .floatbox {padding:25px 35px;width:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);} .index01 .floatbox .f3 {font-size:16px;} .index01 .floatbox .btnbox {margin-top: 20px;} .index01 .bottom .imgbox .shadow:before {width:35px;height:35px;line-height:35px;} } @media(min-width:1200px) { .index01 {padding:40px 0 35px;} .index01 .title {margin-bottom: 35px;} .index01 .t1 {font-size:30px;} .index01 .t3 {font-size:30px;margin-top: 50px;} .index01 .type {width:290px;} .index01 .type .s1 {font-size:18px;padding-bottom:25px;margin-bottom: 25px;} .index01 .type .slide {padding:0 24px;} .index01 .floatbox {padding:30px 40px;} .index01 .floatbox .f1 {font-size:18px;} .index01 .floatbox .f2 {font-size:14px;margin-top: 15px;} .index01 .floatbox .f3 {margin-top: 15px;} .index01 .floatbox .btnbox {font-size:15px;margin-top: 25px;} .index01 .floatbox .btnbox a {height:40px;line-height: 40px;transition:.16s all ease-out;} .index01 .floatbox .btnbox a:hover {transform:translateY(-5px);box-shadow:0 10px 15px -5px rgba(0,0,0,.6);transition:.16s all ease-in;} .index01 .bottom {margin-top:20px;} .index01 .bottom .txtbox {padding:20px;} .index01 .bottom .txtbox div {border-left:4px solid #fff;padding-left:15px;} .index01 .bottom .imgbox .shadow:before {width:40px;height:40px;line-height:40px;} } @media(min-width:1400px) { .index01 {padding:50px 0 40px;} .index01 .title {margin-bottom: 40px;} .index01 .t1 {font-size:32px;} .index01 .t3 {font-size:32px;margin-top: 60px;} .index01 .type {width:300px;} .index01 .type .slide {padding:0 28px;} .index01 .type .slide a:before {width:8px;height:8px;margin-right:25px;} .index01 .type .s1 {padding-bottom:35px;margin-bottom: 25px;} .index01 .floatbox {padding:35px 45px;} .index01 .floatbox .f1 {padding-bottom:20px;} .index01 .floatbox .f2 {margin-top: 20px;} .index01 .floatbox .f3 {margin-top: 20px;} .index01 .floatbox .btnbox {margin-top: 30px;} .index01 .floatbox .btnbox a {height:45px;line-height: 45px;} .index01 .bottom {margin-top:25px;} .index01 .bottom .txtbox {padding:25px;} .index01 .bottom .imgbox .shadow:before {width:45px;height:45px;line-height:45px;} } @media(min-width:1600px) { .index01 {padding:55px 0 50px;} .index01 .title {margin-bottom: 50px;} .index01 .t1 {font-size:36px;} .index01 .t3 {font-size:36px;margin-top: 75px;} .index01 .type {width:320px;} .index01 .type .s1 {font-size:20px;} .index01 .floatbox {padding:40px 50px;} .index01 .floatbox .f1 {font-size:20px;} .index01 .floatbox .f3 {font-size:18px;margin-top: 25px;} .index01 .floatbox .btnbox {margin-top: 35px;} .index01 .floatbox .btnbox a {height:48px;line-height: 48px;} .index01 .bottom {margin-top:30px;} .index01 .bottom .txtbox {padding:30px 25px;} .index01 .bottom .imgbox .shadow:before {width:50px;height:50px;line-height:50px;} } .index02 {padding:30px 0;background: url(../images/in02_bg.jpg) no-repeat;background-size:cover;position: relative;overflow: hidden;} .index02 .mainbox {background: #fff;} .index02 .leftbox a {color:#666666;padding:0 20px;line-height: 35px;} .index02 .leftbox a:hover,.index02 .leftbox a.active {color:#fff;background:#519ddf;} .index02 .content {margin-top:20px;} .index02 .imgbox:after {padding-top:70%;} .index02 .imgbox img {width:100%;height:100%;object-fit: cover;filter: brightness(1.1);} .index02 .txtbox {position: absolute; bottom:0;left:0;width:100%; text-align:center; color:rgba(255,255,255,.55); background: rgba(0,0,0,.42);line-height: 35px;padding:0 15px;transition:.36s all linear;} .index02 .txtbox>div {width:100%;} .index02 .swiper {display: none;} .index02 .swiper.active {display: block;} .index02 .swiper-slide:hover .txtbox:before { content:'+'; color:#519ddf; font-size:150%; font-weight: bold; width:30px; height:30px; border-radius:50px; background: #fff; } .index02 .swiper-slide:hover .txtbox {display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background: rgba(81,157,223,.82);height:100%;transition:.36s all linear;} @media(max-width:991px) { .index02 .mainbox {padding:15px;} .index02 .leftbox {display: flex;align-items: center;overflow-x: auto;} .index02 .leftbox a {white-space: nowrap;} } @media(min-width:576px) { .index02 {padding:35px 0;} } @media(min-width:768px) { .index02 {padding:40px 0;} } @media(min-width:992px) { .index02 {padding:50px 0;} .index02 .mainbox {display: flex;} .index02 .leftbox {width:270px;padding:25px 8px 25px 0;border-right:1px solid #ddd;display: flex;flex-direction: column;justify-content: space-around;} .index02 .leftbox a { display: block; text-align:center; border-bottom-right-radius: 50px; border-top-right-radius: 50px; } .index02 .content {flex:1;width:50%;padding:30px 25px;margin-top: 0;} .index02 .content .swiper {min-height:438px;} .index02 .swiper-slide:hover .txtbox:before {width:35px;height:35px;} .index02 .txtbox {line-height:40px;} } @media(min-width:1200px) { .index02 {padding:60px 0;} .index02 .txtbox {line-height:45px;} .index02 .leftbox a {line-height: 40px;} .index02 .content {padding:35px 30px;} .index02 .content .swiper {min-height:368px;} .index02 .swiper-slide:hover .txtbox:before {width:40px;height:40px;} } @media(min-width:1400px) { .index02 {padding:70px 0;} .index02 .leftbox a {line-height: 45px;} .index02 .content {padding:40px 35px;} .index02 .content .swiper {min-height:448px;} .index02 .swiper-slide:hover .txtbox:before {width:45px;height:45px;} } @media(min-width:1600px) { .index02 {padding:85px 0;} .index02 .content {padding:50px 45px;} .index02 .content .swiper {min-height:490px;} .index02 .swiper-slide:hover .txtbox:before {width:50px;height:50px;} } .index03 {padding:30px 0 25px;} .index03 .t1 {color:#333333;font-size:22px;line-height: 1.3;} .index03 .t2 {color:#333;text-transform:uppercase;font-weight:300;line-height: 1.3;margin-top: 10px;} .index03 .img {margin-top:20px;} .index03 .slide {color:#fff;background: #01ac86;display: flex;padding:15px 10px;margin-top: 10px;} .index03 .slide .txtbox {margin-left: 5%;} .index03 .slide .c1 {font-size:16px;} .index03 .slide .c2 {line-height: 1.6;margin-top: 10px;} @media(min-width:576px) { .index03 .t1 {font-size:24px;} } @media(min-width:768px) { .index03 {padding:35px 0 25px;} .index03 .t1 {font-size:26px;} .index03 .img {margin-top:25px;} } @media(min-width:992px) { .index03 {padding:45px 0 35px;} .index03 .t1 {font-size:28px;} .index03 .img {margin-top:30px;} .index03 .slide {padding:20px;margin-top: 15px;} .index03 .slide .txtbox {margin-left: 10%;} .index03 .slide .c2 {font-size:14px;} .index03 .slide .c1 {font-size:18px;} } @media(min-width:1200px) { .index03 {padding:55px 0 45px;} .index03 .t1 {font-size:30px;} .index03 .t2 {font-size:15px;margin-top:15px;} .index03 .img {margin-top:40px;} .index03 .slide {padding:25px;} .index03 .slide .c1 {font-size:20px;} } @media(min-width:1400px) { .index03 {padding:65px 0 55px;} .index03 .t1 {font-size:32px;} .index03 .img {margin-top:50px;} .index03 .slide {padding:30px;margin-top: 20px;} .index03 .slide .c1 {font-size:22px;} } @media(min-width:1600px) { .index03 {padding:80px 0 65px;} .index03 .t1 {font-size:36px;} .index03 .img {margin-top:65px;} .index03 .slide {padding:35px;} .index03 .slide .c1 {font-size:24px;} } .index04 {color:#fff;background: #519ddf;padding:25px 0 25px;position:relative;overflow:hidden;} .index04 .t1 {display:flex;align-items: center;line-height:2;padding:0 10px;border-top:1px solid #fff;border-bottom:1px solid #fff;} .index04 .tel {font-size:18px;font-weight: bold;} .index04 .swiper-slide {text-align: center;} .index04 .c1 {font-weight: bold;font-size:34px;} .index04 .c1 span {font-size:16px;} .index04 .c2 {color:rgba(255,255,255,.64);margin-top:10px;} .index04 .form-group {background:#fff;width:310px;max-width:100%;height: 40px;line-height: 40px;padding:0 15px;margin-right:auto;margin-left:auto;margin-top:10px;border-radius: 500px;overflow:hidden;display:flex;align-items: center;} .index04 form .form-group:first-child {margin-top:0;} .index04 form .form-group:last-child {padding-right:0;} .index04 #captcha {width: 50px;} .index04 .submit {color:#222222;background: #ecb017;font-weight:bold;flex:1;padding:0 20px;} .index04 .submit:hover { color:#fff; background: #03af89; } @media(max-width:767px) { .index04 #verifyImg {height:20px!important;} } @media(min-width:768px) { .index04 .tel {font-size:19px;} .index04 .c1 {font-size:38px;} .index04 .c1 span {font-size:18px;} } @media(min-width:992px) { .index04 .t1 {margin-top:20px;} .index04 .tel {font-size:20px;} .index04 .c1 {font-size:42px;} .index04 .c1 span {font-size:20px;} .index04 .c2 {font-size:13px;margin-top:12px;} .index04 .form-group {line-height: 45px;height:45px;margin-right: none;padding:0 20px;} } @media(min-width:1200px) { .index04 {padding:30px 0 25px;} .index04 .t1 {margin-top:25px;} .index04 .tel {font-size:21px;} .index04 .c1 {font-size:45px;} .index04 .c1 span {font-size:22px;} .index04 .c2 {font-size:14px;margin-top:15px;} } @media(min-width:1400px) { .index04 {padding:35px 0 25px;} .index04 .t1 {font-size:17px;} .index04 .tel {font-size:22px;} .index04 .c1 {font-size:48px;} .index04 .c1 span {font-size:24px;} .index04 .form-group {line-height: 50px;height:50px;padding:0 30px;} } @media(min-width:1600px) { .index04 {padding:40px 0 25px;} .index04 .tel {font-size:23px;} .index04 .c1 {font-size:51px;} .index04 .c1 span {font-size:26px;} .index04 .submit {font-size:17px;} } .index05 { padding:30px 0 15px; position: relative; overflow: hidden; } .index05 .title { text-align: center; margin-bottom: 20px; position: relative; } .index05 .t1 { color:#333333; font-size:22px; } .index05 .t2 { color:#888888; margin-top: 10px; } .index05 .more { display: none; position: relative; color:#333; font-weight: bold; padding-left: 50px; } .index05 .more:before { content:''; position: absolute; top:50%; left:0; height:1px; width:35px; background: #333; transition:.2s all linear; } .index05 .c1 { color:#444444; line-height: 2;text-align: left!important;} .index05 .img { margin-top: 20px; } @media(min-width:576px) { .index05 .t1 {font-size:24px;} } @media(min-width:768px) { .index05 .t1 {font-size:26px;} .index05 .img { margin-top: 25px; } } @media(min-width:992px) { .index05 { padding:30px 0 20px; } .index05 .title { margin-bottom: 25px; } .index05 .t1 { font-size:28px; } .index05 .t2 { margin-top:15px; } .index05 .more { display: block; position: absolute; right:0; top:50%; transform:translateY(-50%); transition:.2s all linear; } .index05 .more:hover { color:#519ddf; margin-right:15px; transition:.2s all linear; } .index05 .more:hover:before { background: #519ddf; transition:.2s all linear; } .index05 .c1 { text-align:center; max-width:85%; margin:0 auto; } .index05 .img { margin-top: 30px; } } @media(min-width:1200px) { .index05 { padding:40px 0 20px; } .index05 .title { margin-bottom: 35px; } .index05 .t1 { font-size:30px; } .index05 .c1 { font-size:15px; } .index05 .img { margin-top: 35px; } } @media(min-width:1400px) { .index05 {padding:50px 0 20px;} .index05 .title {margin-bottom: 40px;} .index05 .t1 {font-size:32px;} .index05 .t2 { margin-top:20px; } .index05 .img { margin-top: 45px; } } @media(min-width:1600px) { .index05 {padding:55px 0 20px;} .index05 .title {margin-bottom: 50px;} .index05 .t1 {font-size:36px;} .index05 .img { margin-top: 55px; } } .index06 {padding:30px 0;overflow: hidden;position: relative;} .index06 .title { text-align: center; } .index06 .t1 { color:#333; font-size:22px; } .index06 .c1 { color:#333333; font-size:14px; } .index06 .c2 { color:#888888; line-height: 2; margin-top: 10px; } .index06 .c3 { color:#888888; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;line-height: 1.7; } .index06 .imgbox { margin-top: 10px; } .index06 .imgbox:after { padding-top:40%; } .index06 .imgbox img { width:100%; max-height:unset; } .index06 .content { margin-top:20px; } .index06 .swiper-slide { background: #f6f6f6; padding:15px 20px; transition:.2s all linear; } .index06 .swiper-slide:hover { background: #519ddf; transition:.2s all linear; } .index06 .swiper-slide:hover .c1 { color:#fff; } .index06 .swiper-slide:hover .c2 { color:#fff; } .index06 .swiper-slide:hover .c3 { color:#fff; } .index06 .swiper-slide .slide { display:block; } .index06 .swiper-slide .slide:nth-child(2) { margin-top:10px; padding-top:10px; border-top:1px solid #e4e4e4; } .index06 .swiper-slide .slide:hover .c1 {text-decoration: underline;} @media(min-width:576px) { .index06 .t1 {font-size:24px;} } @media(min-width:768px) { .index06 .t1 {font-size:26px;} .index06 .c1 { font-size:16px; } .index06 .content { margin-top:25px; } .index06 .swiper-slide { padding:20px 25px; } } @media(min-width:992px) { .index06 { padding:35px 0; } .index06 .t1 { font-size:28px; } .index06 .c2 { font-size:14px; } .index06 .c3 { font-size:14px; } .index06 .content { margin-top:30px; } .index06 .imgbox { margin-top: 15px; } .index06 .swiper-slide .slide:nth-child(2) { margin-top:15px; padding-top:15px; } } @media(min-width:1200px) { .index06 {padding:45px 0;} .index06 .t1 {font-size:30px;} .index06 .c1 { font-size:18px; } .index06 .c3 { margin-top:5px; } .index06 .content { margin-top:35px; } .index06 .swiper-slide { padding:20px 30px; } .index06 .swiper-slide .slide:nth-child(2) { margin-top:20px; padding-top:20px; } } @media(min-width:1400px) { .index06 {padding:50px 0;} .index06 .t1 {font-size:32px;} .index06 .content { margin-top:40px; } .index06 .swiper-slide { padding:25px 35px; } .index06 .imgbox { margin-top: 20px; } .index06 .swiper-slide .slide:nth-child(2) { margin-top:25px; padding-top:25px; } } @media(min-width:1600px) { .index06 {padding:60px 0;} .index06 .t1 {font-size:36px;} .index06 .c1 { font-size:20px; } .index06 .content { margin-top:50px; } .index06 .swiper-slide { padding:30px 40px; } .index06 .imgbox { margin-top: 25px; } .index06 .swiper-slide .slide:nth-child(2) { margin-top:30px; padding-top:30px; } } .sidebox .type .s1 {color:#519ddf; background: #f8f8f8;font-size:16px; font-weight: bold; line-height:2.5;padding-left: 15px;} .sidebox .type .m1 {transform:rotate(-90deg);} .sidebox .type .s1.active .m1 {transform:rotate(0deg);} .sidebox .type .list { background: #f8f8f8; border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow: hidden; padding:0px 15px 15px; } .sidebox .type .list .slide {color:#444444;border-bottom:1px dashed #dedede;line-height: 35px;padding-right:10px;} .sidebox .type .list .slide a {display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .sidebox .type .list .slide:hover {padding-left:10px;} .sidebox .type .contact {background: #f8f8f8;padding:20px 15px;margin-top: 10px;border-radius:5px;} .sidebox .type .contact .s2 {color:#333333;font-weight: bold;font-size:14px;} .sidebox .type .contact .s2:after {content:'';display:block;background: #519ddf;height:2px;width:70%;margin: 5px 0;} .sidebox .type .contact .s3 {color:#333333;line-height: 2;} .sidebox .type .contact .tel {color:#fff;background: #519ddf;height:35px;margin-top: 10px;} .sidebox .type .contact .tel .icon {font-size:150%;border-right:1px solid #e8e8e8;margin-right:10px;width:35px;height:35px;line-height: 35px;text-align: center;} .sidebox .type .contact .s4 {font-weight: bold;font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} @media(max-width:991px) { .sidebox .type .list {display:none;} .sidebox .type .list.active {display:block;} } @media(min-width:768px) { .sidebox .type .s1 {font-size:18px;} .sidebox .type .list .slide {line-height: 42px;} .sidebox .type .contact .s2 {font-size:15px;} .sidebox .type .contact .s2:after {margin:10px 0;} .sidebox .type .contact .s4 {font-size:17px;} } @media(min-width:992px) { .sidebox {flex:0 0 24%;max-width:24%;height:100%;} .sidebox .type .s1 { color:#333; font-size:16px; padding-top: 15px; } .sidebox .type .s1:after {content:'';display:block;background: #519ddf;height:2px;width:70%;} .sidebox .type .list {padding-top:10px;} .sidebox .type .list .slide { position:relative; overflow: hidden; border-left:0px solid #519ddf;line-height: 40px;text-align: left;transition: .2s all linear;} .sidebox .type .list .slide:before {content:'';position:absolute; left:-5px; top:50%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent transparent transparent #519ddf; transition:.2s all linear; } .sidebox .type .list .slide:hover,.sidebox .type .list .slide.active { background:#f0f0f0;border-left:3px solid #519ddf; transition: .2s all linear; } .sidebox .type .list .slide:hover:before,.sidebox .type .list .slide.active:before { left:0; transition:.2s all linear; } .sidebox .type .contact .s2 {font-size:16px;} .sidebox .type .contact .s2:after {margin:11px 0;} .sidebox .type .contact .s3 {font-size:13px;} .sidebox .type .contact .tel {height:38px;margin-top: 15px;} .sidebox .type .contact .tel .icon {width:38px;height:38px;line-height: 38px;} .sidebox .type .contact .s4 {font-size:18px;} } @media(min-width:1200px) { .sidebox {max-width:264px;} .sidebox .type .s1 {font-size:17px;padding-left: 20px;} .sidebox .type .list { padding:10px 20px 20px; } .sidebox .type .list .slide { font-size:15px; line-height: 44px; } .sidebox .type .contact {padding:25px 15px;} .sidebox .type .contact .s2 {font-size:17px;padding:0 10px;} .sidebox .type .contact .s2:after {margin:13px 0;} .sidebox .type .contact .s3 {font-size:14px;padding:0 10px;} .sidebox .type .contact .tel {height:40px;margin-top: 20px;} .sidebox .type .contact .tel .icon {width:40px;height:40px;line-height: 40px;} .sidebox .type .contact .s4 {font-size:19px;} } @media(min-width:1400px) { .sidebox .type .s1 {font-size:18px;padding-left: 25px;} .sidebox .type .list { padding:10px 25px 25px; } .sidebox .type .list .slide {line-height: 47px;} .sidebox .type .list .slide:hover,.sidebox .type .list .slide.active {padding-left:15px;} .sidebox .type .contact {padding:30px 15px;} .sidebox .type .contact .s2 {font-size:18px;} .sidebox .type .contact .tel {height:43px;margin-top: 25px;} .sidebox .type .contact .tel .icon {width:43px;height:43px;line-height: 43px;} .sidebox .type .contact .s4 {font-size:20px;} } @media(min-width:1600px) { .sidebox .type .s1 {font-size:19px;} .sidebox .type .list .slide {line-height: 50px;} .sidebox .type .contact .s2 {font-size:19px;} .sidebox .type .contact .tel {height:45px;margin-top: 30px;} .sidebox .type .contact .tel .icon {width:45px;height:45px;line-height: 45px;} .sidebox .type .contact .s4 {font-size:21px;} } /*鍐呴〉涓讳綋甯冨眬鏍峰紡*/ .inpage {min-height: 400px;padding:0px 0 20px;background:#fff;} /*鍐呴〉渚ц竟*/ /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox {margin-top: 10px;} .inpage .mainbox .t1 { display:none; color:#333;font-size:18px;font-weight: bold;line-height: 2;border-bottom:1px solid #eee;position:relative;} .inpage .mainbox .t1:before {content:'';display:block;position:absolute;bottom:0;left:0;height:3px;width:80px;background:#519ddf;} .inpage .mainbox .content {line-height: 2;} .inpage .mainbox .content .info img {max-width:100%!important;height:unset!important;margin:5px 0;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list:after {content:'';display:block;clear:both;} .inpage .mainbox .content .list .slide {float:left;width:49%;margin-right:2%;margin-bottom:5px;box-sizing:border-box;} .inpage .mainbox .content .list .slide:nth-child(2n) {margin-right:0;} .inpage .mainbox .content .list .slide .imgbox {border:1px solid #eee;} .inpage .mainbox .content .list .slide .txtbox {border:1px solid #eee;height:35px;padding:0 10px;display:flex;align-items:center;justify-content: space-between;} .inpage .mainbox .content .list .slide .txtbox .g1 {color:#333;flex:0 0 100%;max-width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .inpage .mainbox .content .list .slide .txtbox .g2 {color:#999999;flex:0 0 0%;max-width: 0%;text-align:right;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .inpage .mainbox .content .list .slide .txtbox .g2:hover {color:#f00;} .inpage .mainbox .content .list .slide .imgbox:hover img {transform:translate(-50%,-50%) scale(1.1);} .inpage .mainbox .content .list .slide .txtbox .g1:hover {color:#519ddf;} .inpage .mainbox .content .list .slide .imgbox .shadow { position: absolute; z-index:3; left:50%; top:50%; opacity:0; transform:translate(-50%,-50%); width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background: rgba(81,157,223,.6); transition:.2s all linear; } .inpage .mainbox .content .list .slide:hover .shadow { opacity:1; transition:.2s all linear; } .inpage .mainbox .content .list .slide .imgbox .shadow:before { content:'+'; position: relative; z-index:5; color:#519ddf; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; } /*钀藉湴椤佃棰戞牱寮?/ .inpage .mainbox .content .video {width:800px;max-width:100%;height:300px;margin:20px auto;} .inpage .mainbox .content .video .jw-controlbar {width:100%;} /*钀藉湴椤垫牱寮?/ .inpage .mainbox .content .c1 {font-size:18px;} .inpage .mainbox .content .c2 {color:#c8c8c8;line-height: 40px;border-bottom:1px dashed #ddd;} .inpage .mainbox .content .c2 a {color:#333;} .inpage .mainbox .content .img {margin:20px auto 0;text-align: center;} .inpage .mainbox .content .info {padding-bottom:40px;margin-top:20px;line-height: 24px;text-align:justify;} .inpage .mainbox .content .info img {max-width:100%;} .inpage .mainbox .content .info strong {font-weight: bold;} .inpage .mainbox .content .info ul {padding-left:20px;} .inpage .mainbox .submit {background:#519ddf;border-color:#519ddf;color:#fff;} /*鎺ㄨ崘鏂囩珷*/ .inpage .recommendlist {margin-top:10px;} .inpage .recommendlist .slide a {flex:1;width:50%;margin-right:15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .inpage .recommendlist .slide a:hover {color:#519ddf;text-decoration: underline;} .inpage .recommendlist .time {color:#999;font-size:12px;} /*鐣欒█鎻愮ず*/ .msgtip {line-height: 1.7;margin-top:20px;border:1px dashed #ccc;border-radius:10px;display:inline-block;padding:15px;} .msgtip .h5 {color:red;} .msgtip .m1 {color:#999;font-size:80%;} @media(min-width:375px) { /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide .txtbox .g1 {flex:0 0 60%;max-width: 60%;} .inpage .mainbox .content .list .slide .txtbox .g2 {flex:0 0 40%;max-width: 40%;} } @media(min-width:768px) { /*鍐呴〉渚ц竟*/ /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox .t1 {font-size:22px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide .txtbox .g1 {flex:0 0 66%;max-width: 66%;} .inpage .mainbox .content .list .slide .txtbox .g2 {flex:0 0 36%;max-width: 36%;} } @media(min-width:992px) { .inpage {padding:0px 0 30px;} /*鍐呴〉渚ц竟*/ /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox {margin-top: 0px;} .inpage .mainbox {flex:0 0 73%;max-width:73%;margin-left: auto;} .inpage .mainbox .swiper-slide .txtbox {font-size:14px;height:40px;padding:0 15px;} .inpage .mainbox .t1 {font-size:26px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide {width:32%;margin-bottom:10px;} .inpage .mainbox .content .list .slide:nth-child(2n) {margin-right:2%;} .inpage .mainbox .content .list .slide:nth-child(3n) {margin-right:0%;} .inpage .mainbox .content .list .slide .txtbox {font-size:14px;height:40px;padding:0 15px;} .inpage .mainbox .content .list .slide .txtbox .g1 {flex:0 0 55%;max-width: 55%;} .inpage .mainbox .content .list .slide .txtbox .g2 {flex:0 0 45%;max-width: 45%;} .inpage .mainbox .content .list .slide .imgbox .shadow:before {width:35px;height:35px;line-height:35px;} /*瑙嗛*/ .inpage .mainbox .content .video {height:350px;} /*鎺ㄨ崘鍒楄〃*/ .inpage .recommendlist {margin-top:15px;} .inpage .recommendlist .time {font-size:13px;} } @media(min-width:1200px) { .inpage {padding:0px 0 40px;} /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox {flex:0 0 80%;max-width:80%;padding-left: 3%;} .inpage .mainbox .t1 {font-size:28px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide {margin-bottom: 12px;} .inpage .mainbox .content .list .slide .txtbox {height:50px;padding:0 20px;border-top:none;} .inpage .mainbox .content .list .slide:hover .txtbox {color: #519ddf;} .inpage .mainbox .content .list .slide:hover .imgbox {border-bottom:0;} .inpage .mainbox .content .video {height:450px;} .inpage .mainbox .content .info {line-height: 32px;padding-bottom:60px;} .inpage .mainbox .content .c1 {font-size:22px;} .inpage .mainbox .content .c2 {font-size:14px;line-height: 50px;} .inpage .mainbox .content .list .slide .imgbox .shadow:before {width:40px;height:40px;line-height:40px;} /*鎺ㄨ崘鍒楄〃*/ .inpage .recommendlist {margin-top:20px;} } @media(min-width:1400px) { .inpage {padding:0px 0 50px;} /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox {padding-left: 4%;} .inpage .mainbox .t1 {font-size:30px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide {margin-bottom: 15px;} .inpage .mainbox .content .list .slide .txtbox {height:55px;} .inpage .mainbox .content .list .slide .imgbox .shadow:before {width:45px;height:45px;line-height:45px;} } @media(min-width:1600px) { .inpage {padding:0px 0 60px;} /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox .t1 {font-size:32px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide .txtbox {height:60px;} .inpage .mainbox .content .list .slide .imgbox .shadow:before {width:50px;height:50px;line-height:50px;} } .goods02 {padding:0 0 10px;background: #fff;} .goods02 h3 {margin-bottom: 10px;font-size:24px;line-height: 32px;} .goods02 h4 {margin-top:15px;font-size:120%;color:#519ddf;line-height: 1.5;border-bottom:1px solid #519ddf;display:inline-block;} .goods02-main-img {border:1px solid #eee;overflow:hidden;} .goods02-imgmore {margin-top:10px;} .goods02-imgmore-slide {border-radius:10px;border:1px solid #f5f5f5;overflow:hidden;} .goods02-imgmore-slide img,.goods02-main-img img {max-height:100%;max-width:100%;width:unset;} .goods02-imgmore-slide.active {border:1px solid #519ddf;} .goods02-right .goods02-options .c1 {margin-top: 10px;line-height: 1.7;color:#4e4e4e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;} .goods02-right .goods02-submit {margin-top:10px;padding:10px 0;} .goods02-right .goods02-submit div {flex:1;} .goods02-right .goods02-submit div a {background:#519ddf;color:#fff;width:180px;margin:0 5px;border-radius:50px;line-height: 34px;text-align:center;display:block;} .goods02-right .goods02-submit div:nth-child(1) {padding-right:40px;} .goods02-right .goods02-submit div:nth-child(2) {line-height: 17px;color:#797979;margin-top:15px;} .goods02-right .goods02-submit div b {font-size:16px;display:block;color:#f00;} .goods02-slide-title {color:#999;position:relative;padding-left:10px;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .goods02-slide-title:after {content:'';background:#519ddf;position:absolute;left:0;top:50%;transform:translateY(-50%);height:15px;width:3px;} .goods02-prev.swiper-button-prev {font-size:0;background:url(../images/r.png) no-repeat center;} .goods02-next.swiper-button-next {font-size:0;background:url(../images/l.png) no-repeat center;} .goods02-prev.swiper-button-prev:after,.goods02-next.swiper-button-next:after {font-size:0;} .goods02-next.swiper-button-next.swiper-button-disabled, .goods02-prev.swiper-button-prev.swiper-button-disabled {display:block;} .shuiyin {font-size: 18px;line-height: 40px;color: #fff;left: 0;top: 0;right:0;bottom:0;opacity: 0.5;position: absolute;z-index: 999;display:flex;align-items:center;justify-content: center;text-align: center;} @media(max-width:767px) { .goods02-submit {padding:12px 15px;} .goods02-submit div { white-space: nowrap;} } @media(min-width:768px) { .goods02 {padding:0 0 20px;} .goods02 h4 {margin-top:20px;} .goods02-submit {margin-top:15px;} } @media(min-width:992px) { .goods02 {padding:0 0 30px;} .goods02 h3 {margin-bottom: 15px;} .goods02 h4 {margin-top:0px;} .goods02-right .goods02-options .c1 {font-size:13px;} .goods02-right .goods02-submit {margin-top:18px;} .goods02-right .goods02-submit div a {line-height: 50px;font-size:16px;transition: .16s all ease-out;} .goods02-right .goods02-submit div a:hover {transform: translateY(-5px);box-shadow: 0 10px 15px -5px rgb(0 0 0 / 60%);transition: .16s all ease-in;} .goods02-right .goods02-submit div:nth-child(2) {line-height: 36px;} .goods02-right .goods02-submit div b {font-size:32px;} .shuiyin {font-size:28px;line-height: 70px;} .goods02-imgmore {margin-top:15px;} } @media(min-width:1200px) { .goods02 {padding:0 0 40px;} .goods02 h3 {margin-bottom: 20px;} .goods02-right {padding-left:3%!important;} .goods02-right .goods02-options .c1 {font-size:14px;} .goods02-right .goods02-submit {margin-top:20px;} .goods02-right .goods02-submit div:nth-child(2) {margin-top: 20px;} .goods02-imgmore {margin-top:20px;} } @media(min-width:1400px) { .goods02 {padding:0 0 50px;} .goods02 h3 {margin-bottom: 25px;} .goods02-right .goods02-options .c1 {font-size:15px;} .goods02-right .goods02-submit {margin-top:24px;} .goods02-right .goods02-submit div:nth-child(2) {margin-top: 25px;} .goods02-imgmore {margin-top:25px;} } @media(min-width:1600px) { .goods02 {padding:0 0 60px;} } .goods03 {padding:20px 0;} .goods03-title {background:#fff;line-height: 20px;position:relative;} .goods03-title h3 {line-height: 32px;font-size:20px;} .goods03-title i {display:block;position:relative;height:1px;background: #f5f5f5;} .goods03-title i:before {content:'';position:absolute;left:0;top:-1px;width:100px;height:3px;background:#519ddf;} .goods03-title span {display:block;height:5px;background:#519ddf;position:absolute;top:0;left:0;right:0;} .goods03-content {background:#fff;padding:15px 0;line-height: 25px;text-align: justify;overflow:hidden;} .goods03-content img {max-width:100%!important;} .goods03-content table {max-width:100%!important;width:100%!important;} .goods03-slide-imgbox {border: 1px solid #eee;} .goods03-slide-imgbox:after {padding-top:85%;} .goods03-slide-imgbox img {width:100%;max-height: unset;} .goods03-slide-title {line-height: 3;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .goods03-slide:hover {color:#519ddf;} .goods03-slide:hover img {transform:translate(-50%,-50%) scale(1.1);} .goods03-slide-imgbox .shadow { position: absolute; z-index:3; left:50%; top:50%; opacity:0; transform:translate(-50%,-50%); width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background: rgba(81,157,223,.6); transition:.2s all linear; } .goods03-content .swiper-slide:hover .shadow { opacity:1; transition:.2s all linear; } .goods03-slide-imgbox .shadow:before { content:'+'; position: relative; z-index:5; color:#519ddf; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; } @media (min-width:992px) { .goods03 {padding-bottom: 50px;} .goods03-title {line-height: 30px;} .goods03-title h3 {line-height: 36px;font-size:24px;} .goods03-title i {margin-top:10px;} .goods03-content .slide:hover {color:#519ddf;} .goods03-slide-imgbox .shadow:before {width:35px;height:35px;line-height:35px;} } @media(min-width:1200px) { .goods03-title {padding:25px 0;} .goods03-title h3 {line-height: 43px;} .goods03-content {padding:0 0 25px;font-size:15px;line-height: 32px;} .goods03-slide-imgbox .shadow:before {width:40px;height:40px;line-height:40px;} } @media(min-width:1400px) { .goods03-slide-imgbox .shadow:before {width:45px;height:45px;line-height:45px;} } @media(min-width:1600px) { .goods03-slide-imgbox .shadow:before {width:50px;height:50px;line-height:50px;} } /*鏂囩珷鍒楄〃椤垫牱寮?/ .news .list {padding-top:25px;} .news .list .slide {margin-bottom:5px;padding:15px 0;position:relative;background: #fff;transition:.3s all;} .news .list .slide:before {content:'';width:100%;height:1px;display:block;background:#eee;margin-bottom:15px;transition:.6s width;} .news .list .slide .imgbox:after {padding-top:65%;} .news .list .slide .c1 {color:#333;font-weight:bold;font-size:16px;line-height:22px;position:relative;} .news .list .slide .c2 {color:rgba(0,0,0,.6);margin-top:10px;line-height: 1.8;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;text-align:justify;} .news .list .slide .c3 {color:rgba(0,0,0,.4);margin-top: 10px;font-size:12px;} .news .list .slide:hover {transform:translateY(-5px);box-shadow: 0 5px 0 0 rgba(0,0,0,.1)} .news .list .slide:hover .c1 {color:#519ddf;} .news .list .slide:hover .c3 {color:#519ddf;} .news .list .slide:hover:before {background:#519ddf;width:150px;transition:.6s all;} @media(max-width:767px) { .news .list .slide .c1 {margin-top:15px;} } @media(min-width:992px) { .news .list .slide {padding:20px 0;} .news .list .slide:before {margin-bottom:25px;} .news .list .slide a {display:flex;} .news .list .slide .imgbox {margin-right:5%;width:230px;} .news .list .slide .txtbox {flex:1;width:50%;} .news .list .slide .c1 {font-size:20px;} .news .list .slide .c2 {margin-top:15px;} .news .list .slide .c3 {margin-top: 15px;font-size:13px;} } @media(min-width:1200px) { .news .list .slide .c2 {margin-top:20px;} } /*鍥寸粫涓€涓渾蹇冭浆鍦堝姩鐢?/ @keyframes whirl{ 100%{ transform: rotate(1turn);} } .video-shadow {display: none;position:fixed;z-index:99999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);} .video-panel {height:275px;width:365px;padding:5px;background:#f8f8f8;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);} .video-shadow .close {position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:100px;height:40px;line-height:40px;border-radius:20px;background: #fff;text-align:center;} @media(min-width:768px) { .video-panel {height:362px;width:630px;} } @media(min-width:992px) { .video-panel {height:420px;width:730px;} } @media(min-width:1200px) { .video-panel {height:500px;width:870px;} } @media(min-width:1440px) { .video-panel {height:724px;width:1260px;} } .contact-list {padding-top:15px;} .contact-list .lineT {border-left: 5px solid #911f1f;padding-left: 10px;} .contact-list {border: 1px solid #efefef !important;background: #fafafa;border-radius: 10px;margin-bottom: 30px;} .contact-list li {margin-bottom: 10px;} .contact-list ul {padding:0 15px;} .contact-list ul li div {padding-left: 60px;color: #595959;padding: 15px 15px 15px 60px;border-radius: 5px;} .contact-list ul li div.icon-01 {background: url(../images/contact-icon-01.png) no-repeat 10px 10px #fff;} .contact-list ul li div.icon-02 {background: url(../images/contact-icon-02.png) no-repeat 10px 10px #fff;} .contact-list ul li div.icon-03 {background: url(../images/contact-icon-03.png) no-repeat 10px 10px #fff;} .contact-list ul li div.icon-04 {background: url(../images/contact-icon-04.png) no-repeat 10px 10px #fff;} .contact-list ul li div.icon-05 {background: url(../images/contact-icon-05.png) no-repeat 10px 10px #fff;} .contact-list ul li div.icon-06 {background: url(../images/contact-icon-06.png) no-repeat 10px 10px #fff;} .contact-map {overflow: hidden;} #dituContent {height:55.79vw;} #dituContent img {max-width:unset!important;} @media(min-width:576px) { } @media(min-width:768px) { } @media(min-width:992px) { #dituContent {height:27.895vw;} } @media(min-width:1200px) { } @media(min-width:1400px) { } @media(min-width:1600px) { } .fixedbg { color:#fff; text-align:center; font-size:16px; line-height: 1.5; background: url(../images/in_fbg.jpg) center center no-repeat fixed; padding: 25px 0; background-size: cover;} @media(min-width:576px) { .fixedbg { font-size:18px; } } @media(min-width:768px) { .fixedbg { padding: 30px 0; font-size:20px; } } @media(min-width:992px) { .fixedbg { padding: 35px 0; font-size:22px; } } @media(min-width:1200px) { .fixedbg { padding: 40px 0; font-size:24px; } } @media(min-width:1400px) { .fixedbg { padding: 45px 0; font-size:26px; } } @media(min-width:1600px) { .fixedbg { padding: 50px 0; font-size:28px; } } .footer {color:#71829d;background: #27303f;padding-top:15px;} .footer a {color:#71829d;} .footer a:hover {color:#fff;text-decoration: underline;} .footer .t1 { color:#fff; font-size:16px; } .footer .t2 { color:#fff; font-size:20px; font-weight: bold; } .footer .faddress {line-height: 2.2; margin-top: 10px; } .footer .f-nav { line-height: 2.2; margin-top: 10px; flex-wrap:wrap; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content:space-between; } .footer .f-nav a { flex-basis:47%; max-width:47%; } .footer .c1 { text-align:center; margin-top:15px; } .footer .c2 { color:#519ddf; font-size:20px; margin-top:10px; } .footer .ewm img { width:110px; } .footer .fbottom { color:#4b5970; background: #1d242f; line-height: 1.7; padding: 10px; margin-top: 10px; } @media(min-width:768px) { .footer {padding-top:20px;} .footer .t2 { font-size:24px; } .footer .c2 { font-size:22px; } .footer .fbottom {margin-top: 20px;} } @media(min-width:992px) { .footer {padding-top:25px;} .footer .t1 { font-size:18px; } .footer .t2 { font-size:26px; } .footer .c2 { font-size:24px; } .footer .fbottom {font-size:14px;padding:15px;margin-top: 25px;} } @media(min-width:1200px) { .footer { padding-top:30px; font-size:15px; } .footer .t1 { font-size:20px; } .footer .t2 { font-size:28px; } .footer .faddress {font-size:15px; margin-top:15px; } .footer .f-nav { margin-top:15px; } .footer .c1 { font-size:15px; margin-top:20px; } .footer .c2 { font-size:26px; margin-top:15px; } .footer .fbottom {margin-top: 35px;} } @media(min-width:1400px) { .footer {padding-top:35px;} .footer .t1 { font-size:22px; } .footer .t2 { font-size:30px; } .footer .c1 { margin-top:25px; } .footer .c2 { font-size:28px; } .footer .fbottom {margin-top: 40px;} } @media(min-width:1600px) { .footer {padding-top:45px;} .footer .t1 { font-size:24px; } .footer .t2 { font-size:32px; } .footer .c2 { font-size:30px; } .footer .fbottom {margin-top: 45px;} } .footer-bar {height:70px;z-index:99;transition:.36s all;} .footer-bar .list {color:#fff;background:#333;display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;z-index:99;} .footer-bar .slide {flex:1;text-align: center;line-height: 30px;} .footer-bar .slide:hover {color:#fff;} .footer-bar .slide i {display:block;font-size:25px;padding-top:10px;} @media(max-width:991px) { .footer-bar.hide {display:none;} } #bdshare_weixin_qrcode_dialog {height:unset!important;}