@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 {max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.36s all;} .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';} .wx {display:none;width:200px;position: fixed;z-index: 7;top:35px;right:5%;background: #fff;box-shadow:5px 5px 0 0 rgba(0,0,0,.5);border:1px solid #eee;} .header {background:#fff;padding-top:10px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;position:relative;z-index:999;transition:.36s all linear;} @media(max-width:1199px) { .header .tel {position: absolute;right:15px;top:0;} } @media(max-width:767px) { .header .logo {padding-bottom:10px;padding-left: 5px;} .header .logo img {max-height:50px;} } @media(min-width:768px) { .header .tel {white-space: nowrap;line-height: 2.3;} .header .tel .c1 {color:#6d6b6b;font-size:14px;cursor:pointer;} .header .tel .c2 {color:#515151;font-size:17px;font-weight: bold;} } @media(min-width:992px) { .header {padding-top:15px;} } @media(min-width:1200px) { .header {padding-top:20px;} .header .tel .c2 {font-size:18px;} } @media(min-width:1400px) { .header {padding-top:25px;} .header .tel .c2 {font-size:19px;} .header .tel {line-height: 2.8;} } @media(min-width:1600px) { .header {padding-top:30px;} .header .tel .c2 {font-size:20px;} } .nav {background:#004391;color:#fff;position:relative;z-index:1;} .nav .list {width:100%;display:flex;align-items:center;flex-wrap:wrap;} .nav .slide {flex:0 0 25%;max-width:25%;text-align:center;position:relative;} .nav .slide>a {display:block;height:35px;line-height:35px;} .nav .slide i {display:none;} .nav .subnav {pointer-events: none;display:none;overflow:hidden;color:#fff;background:rgba(0,0,0,.6);position:absolute;z-index:3;bottom:0;left:0%;transform:translateY(100%);} .nav .subnav a {display:block;height:40px;line-height: 40px;font-weight: normal;padding:0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .nav .slide.active,.nav .slide:hover {background:#b20b0e;} @media(max-width:767px) { .nav .slide {border: 1px solid rgba(255,255,255,.1);} } @media(min-width:768px) { .nav {flex-wrap:nowrap;background: none;color:#262525;} .nav .slide {flex:1;} .nav .slide>a {display:inline-block;height: 50px;line-height: 50px;} .nav .slide.active,.nav .slide:hover {color:#004391;font-weight: bold;background:none;} .nav .slide.active>a,.nav .slide:hover>a {border-bottom:3px solid #004391;} .nav .slide .subnav {font-size:14px;pointer-events: auto;} .nav .slide .subnav a:hover,.nav .slide .subnav a.active {color:#004391;background: #fff;transition:.15s all linear;} } @media(min-width:992px) { .nav .slide>a {height: 55px;line-height: 55px;} .nav .slide:hover .subnav {display:block;} } @media(min-width:1200px) { .nav .list {width:95%;} .nav .slide {text-align:left;} .nav .slide>a {height: 60px;line-height: 60px;} .nav .slide .subnav {font-size:15px;} } @media(min-width:1400px) { .nav .slide>a {height: 75px;line-height: 75px;} } @media(min-width:1600px) { .nav .slide>a {height: 85px;line-height: 85px;} } .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;} .prev_page:hover a, .next_page:hover a {color:#004391;} .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;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} .location a:hover {color:#004391;} @media(max-width:767px) { .location {margin-left:-15px;margin-right:-15px;} } @media(min-width:768px) { .location {line-height: 2.6;} } @media(min-width:992px) { .next_page {margin-top:0px;} .page-a:hover {color:#004391;} .location {line-height: 2.8;} } @media(min-width:1200px) { .location {font-size:14px;line-height: 3.2;} } @media(min-width:1400px) { .location {line-height: 3.6;} } @media(min-width:1600px) { .location {line-height: 4;} } .inbanner {width:100%;overflow:hidden;position:relative;} .inbanner img {width:768px;position:relative;left:50%;transform:translateX(-50%);} @media(max-width:767px) { .inbanner img {width:768px!important;} } @media(min-width:768px) { .inbanner img {width:992px;} } @media(min-width:992px) { .inbanner img {width:1200px;} } @media(min-width:1200px) { .inbanner img {width:100%;} } @media(min-width:1400px) { } @media(min-width:1600px) { } .index01 {background: #f8f8f8;padding:30px 0 20px;position:relative;overflow: hidden;} .index01 .title {position: relative;background:url(../images/line_i.png) no-repeat left bottom;padding-bottom: 25px;} .index01 .t1 {color:#262525;font-size:22px;} .index01 .t2 {color:#676767;margin-top: 10px;line-height: 1.5;} .index01 .more {color:#676767;position: absolute;right:0;top:0;display:inline-block;padding:0 12px;line-height: 25px;border-radius: 50px;border:1px solid #e5e5e5;} .index01 .more i {font-size: 70%;margin-left: 5px;} .index01 .more:hover {color:#fff;background: #004391;} .index01 .content {margin-top:20px;} .index01 .content .imgbox:after {padding-top:64%;} .index01 .content .imgbox img {max-height:unset;width:100%;} .index01 .content .firstimgbox:after {padding-top:64%;} .index01 .content a {position: relative;overflow: hidden;} .index01 .content .txtbox {transition:.36s all linear;background:linear-gradient(to top,#000,rgba(0,0,0,0));position:absolute;bottom:0;left:0;width:100%;height:auto;padding:10px 15px 15px;} .index01 .content .txtbox .c1 {color:#fff;font-size: 15px;} .index01 .content .txtbox .c2 {color:rgba(255,255,255,.8);margin-top: 7px;line-height: 1.5;display:none;} .index01 .content .firsttxtbox .c2 {display:block;} .index01 .content a:hover .txtbox {padding-top:50%;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));transition:.36s all linear;} .index01 .content a:hover .firsttxtbox {padding-top:80%;} .index01 .content a:hover .txtbox .c1 {font-weight: bold;} .index01 .content a:hover .txtbox .c2 {text-decoration: underline;} @media(min-width:768px) { .index01 {padding:35px 0 25px;} .index01 .t1 {font-size:25px;} .index01 .more {padding:0 15px;line-height: 30px;} .index01 .content .txtbox .c1 {font-size:17px;} } @media(min-width:992px) { .index01 {padding:50px 0 30px;} .index01 .t1 {font-size:28px;} .index01 .more {padding:0 18px;line-height: 35px;top:unset;bottom:0;} .index01 .content {margin-top:25px;} .index01 .content .firstimgbox:after {padding-top:133.5%;} .index01 .content .txtbox {text-align:center;padding-bottom:20px;} .index01 .content .txtbox .c1 {font-size:18px;} .index01 .content .txtbox .c2 {margin-top: 9px;display:block;} } @media(min-width:1200px) { .index01 {padding:65px 0 40px;} .index01 .t1 {font-size:32px;} .index01 .t2 {font-size: 15px;margin-top: 12px;} .index01 .more {padding:0 22px;line-height: 40px;} .index01 .content {margin-top:30px;} .index01 .content .firstimgbox:after {padding-top:132.5%;} .index01 .content .txtbox {padding-bottom:25px;} .index01 .content .txtbox .c1 {font-size:20px;} .index01 .content .txtbox .c2 {margin-top: 11px;} } @media(min-width:1400px) { .index01 {padding:80px 0 45px;} .index01 .t1 {font-size:34px;} .index01 .t2 {margin-top: 15px;} .index01 .more {padding:0 26px;line-height: 42px;} .index01 .content {margin-top:35px;} .index01 .content .firstimgbox:after {padding-top:131.5%;} .index01 .content .txtbox {padding-bottom:30px;} .index01 .content .txtbox .c1 {font-size:21px;} .index01 .content .txtbox .c2 {margin-top: 13px;} } @media(min-width:1600px) { .index01 {padding:95px 0 50px;} .index01 .title {padding-bottom: 25px;} .index01 .t1 {font-size:36px;} .index01 .more {padding:0 30px;line-height: 45px;} .index01 .content {margin-top:40px;} .index01 .content .txtbox {padding-bottom:35px;} .index01 .content .txtbox .c1 {font-size:22px;} .index01 .content .txtbox .c2 {margin-top: 15px;} } .index02 {padding:15px 0 0;} .index02 .title {position: relative;} .index02 .t1 {color:#262525;font-size:22px;} .index02 .t2 {color:#676767;flex:1;position: relative;margin:0 10px 0 5px;} .index02 .t2:after {content:'';width:100%;height:1px;background: #004391;position: absolute;left:0;top:50%;} .index02 .t3 {background:#fff;font-size:12px;position: relative;z-index: 3;display: inline-block;padding:0 10px;margin:0 10px;} .index02 .t4 {color:#969595;font-weight: bold;} .index02 .content {margin-top: 20px;padding-top: 80px;background: url(../images/in02_bg.jpg) no-repeat;background-size:cover;} .index02 .content .swiper {background: #004391;} .index02 .content .swiper .swiper-slide {height:unset;text-align:center;padding:25px 15px;border-right:1px solid rgba(255,255,255,.2);} .index02 .content .swiper .c1 {color:#fff;margin-top: 10px;font-size: 16px;} .index02 .content .swiper .c2 {color:rgba(255,255,255,.7);line-height: 2;margin-top: 5px;} @media(max-width:767px) { .index02 .t2:after {opacity: 0;} .index02 .t3 {margin:10px 0;padding:0;} .index02 .t4 {color:#004391;} } @media(min-width:768px) { .index02 {padding:25px 0 0;} .index02 .title {position: relative;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;} .index02 .t1 {font-size:25px;} .index02 .t2 {margin:0 15px 0 15px;} .index02 .content {margin-top: 25px;padding-top: 90px;} .index02 .content .swiper .swiper-slide {padding:40px 35px;} .index02 .content .swiper .c1 {font-size: 18px;} } @media(min-width:992px) { .index02 {padding:30px 0 0;} .index02 .t1 {font-size:28px;} .index02 .t2 {margin:0 15px 0 20px;} .index02 .t3 {font-size:13px;} .index02 .content {margin-top: 30px;padding-top: 100px;} .index02 .content .swiper .swiper-slide {padding:45px 40px;} .index02 .content .swiper .c1 {font-size: 20px;} } @media(min-width:1200px) { .index02 {padding:40px 0 0;} .index02 .t1 {font-size:32px;} .index02 .t2 {margin:0 15px 0 25px;} .index02 .t3 {font-size:15px;margin:0 15px;padding:0 15px;} .index02 .content {margin-top: 40px;padding-top: 110px;} .index02 .content .swiper .swiper-slide {padding:55px 40px;} .index02 .content .swiper .c1 {margin-top: 15px;font-size: 22px;} .index02 .content .swiper .c2 {margin-top: 10px;} } @media(min-width:1400px) { .index02 {padding:50px 0 0;} .index02 .t1 {font-size:34px;} .index02 .t2 {margin:0 15px 0 30px;} .index02 .t3 {margin:0 20px;padding:0 20px;} .index02 .content {margin-top: 50px;padding-top: 120px;} .index02 .content .swiper .swiper-slide {padding:65px 45px;} .index02 .content .swiper .c1 {font-size: 24px;} } @media(min-width:1600px) { .index02 {padding:55px 0 0;} .index02 .t1 {font-size:36px;} .index02 .t2 {margin:0 15px 0 35px;} .index02 .content {margin-top: 60px;padding-top: 130px;} .index02 .content .swiper .swiper-slide {padding:75px 45px;} .index02 .content .swiper .c1 {font-size: 26px;} } .index03 {padding:30px 0 40px;position:relative;overflow: hidden;background: url(../images/in03_bg.jpg) no-repeat center;background-size:cover;} .index03 .title {position: relative;background:url(../images/line_i.png) no-repeat left bottom;padding-bottom: 25px;} .index03 .t1 {color:#262525;font-size:22px;} .index03 .t2 {color:#676767;margin-top: 10px;line-height: 1.5;} .index03 .more {color:#676767;position: absolute;right:0;top:0;display:inline-block;padding:0 12px;line-height: 25px;border-radius: 50px;border:1px solid #e5e5e5;} .index03 .more i {font-size: 70%;margin-left: 5px;} .index03 .more:hover {color:#fff;background: #004391;} .index03 .content {margin-top:20px;} .index03 .content .t3 {color:#262525;font-size:20px;margin-bottom: 10px;} .index03 .content .t4 {color:#646464;line-height: 2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow: hidden;} .index03 .content .imgbox:after {padding-top:65%;} .index03 .content .txtbox {background:#e9ecee;position: relative;z-index: 2;padding:10px 15px;} .index03 .content .txtbox .c1 {color:#857f7f;} .index03 .content .txtbox .c2 {color:#b1b0b1;margin-top: 5px;} .index03 .content .swiper-slide:hover .txtbox {background: #004391;} .index03 .content .swiper-slide:hover .txtbox .c1 {font-weight: bold;color:#fff;} .index03 .content .swiper-slide:hover .txtbox .c2 {color:rgba(255,255,255,.6);} .index03 .swiper-button-prev {color:#fff;text-align:center;margin:0 2px;position:unset;background:#cdcbcb;width:60px;height:25px;line-height: 25px;} .index03 .swiper-button-prev:after {display: none;} .index03 .swiper-button-prev:hover {background: #004391;} .index03 .swiper-button-next {color:#fff;text-align:center;margin:0 2px;position:unset;background:#cdcbcb;width:60px;height:25px;line-height: 25px;transform:rotateY(180deg);} .index03 .swiper-button-next:after {display: none;} .index03 .swiper-button-next:hover {background: #004391;} @media(min-width:768px) { .index03 {padding:35px 0 55px;} .index03 .t1 {font-size:25px;} .index03 .more {padding:0 15px;line-height: 30px;} .index03 .content .t3 {font-size:23px;} } @media(min-width:992px) { .index03 {padding:50px 0 70px;} .index03 .t1 {font-size:28px;} .index03 .more {padding:0 18px;line-height: 35px;top:unset;bottom:0;} .index03 .content {margin-top:30px;} .index03 .content .t3 {font-size:26px;} .index03 .content .txtbox {margin:0 20px;margin-top:-15px;padding:10px 20px;text-align: center;} } @media(min-width:1200px) { .index03 {padding:65px 0 85px;} .index03 .t1 {font-size:32px;} .index03 .t2 {font-size: 15px;margin-top: 12px;} .index03 .more {padding:0 22px;line-height: 40px;} .index03 .content {margin-top:40px;} .index03 .content .t3 {font-size:28px;margin-bottom: 15px;} .index03 .content .t4 {font-size:15px;} .index03 .content .txtbox {margin:0 30px;margin-top:-20px;padding:14px 20px;} } @media(min-width:1400px) { .index03 {padding:80px 0 100px;} .index03 .t1 {font-size:34px;} .index03 .t2 {margin-top: 15px;} .index03 .more {padding:0 26px;line-height: 42px;} .index03 .content {margin-top:50px;} .index03 .content .t3 {font-size:30px;margin-bottom: 20px;} .index03 .content .txtbox {margin:0 35px;margin-top:-30px;padding:17px 25px;} } @media(min-width:1600px) { .index03 {padding:95px 0 115px;} .index03 .title {padding-bottom: 25px;} .index03 .t1 {font-size:36px;} .index03 .more {padding:0 30px;line-height: 45px;} .index03 .content {margin-top:60px;} .index03 .content .t3 {font-size:32px;margin-bottom: 25px;} .index03 .content .txtbox {margin:0 40px;margin-top:-40px;padding:20px 30px;} } .index04 {padding-top:25px;background:#f2f1f1;position: relative;overflow: hidden;} .index04 .t1 {color:#262525;font-size:22px;} .index04 .t2 {color:#262525;font-size:18px;margin-top:10px;margin-bottom:10px;line-height: 1.5;} .index04 .c1 {color:#636262;line-height: 2;font-size:12px;margin-top: 10px;} .index04 .more {color:#fff;background: #004391;display:inline-block;padding:0 12px;margin-top: 10px;line-height: 25px;border-radius: 50px;border:1px solid #004391;} .index04 .more i {font-size: 70%;margin-left: 5px;} .index04 .more:hover {color:#004391;background: none;} .index04 .list {color:#fff;background: #004391;padding:15px 25px;margin-top: 20px;position: relative;z-index:2;} .index04 .list:after {content:'';background: #004391;position: absolute;z-index:-1;right:0;width:100%;height:100%;top:0;transform:translateX(99%);} .index04 .list .s1 {font-family:'Swis721 BlkCn BT';font-size:32px;margin-left:10px;margin-right: 5px;} .index04 .list .s2 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index04 .list .swiper-slide:last-child>div:after {display: none;} @media(min-width:768px){ .index04 {padding-top:35px;} .index04 .t1 {font-size:24px;} .index04 .t2 {font-size:20px;} .index04 .more {padding:0 15px;line-height: 30px;margin-top: 15px;} .index04 .list {height:120px;margin-top: 30px;} .index04 .list .s1 {font-size:36px;} .index04 .list .swiper-slide>div {position: relative;} .index04 .list .swiper-slide>div:after {content:'';background: rgba(255,255,255,.2);height:1px;width:45px;position: absolute;right:50%;bottom:0;transform:translateX(400%);} } @media(min-width:992px){ .index04 {padding-top:50px;} .index04 .container {position: relative;z-index:1;} .index04 .container:after {content:'';position: absolute;z-index:-1;bottom:0;left:15px;top:0;width:100vw;background:url(../images/in04_bg.png) no-repeat left bottom 140px;background-size:100% auto;} .index04 .t1 {font-size:28px;} .index04 .t2 {font-size:24px;margin-top: 15px;margin-bottom: 15px;} .index04 .c1 {font-size:13px;margin-top: 15px;} .index04 .more {padding:0 18px;line-height: 35px;margin-top: 20px;} .index04 .list {height:140px;margin-top: 120px;padding:0;padding-left:5%;} .index04 .list .s1 {font-size:40px;} .index04 .list .swiper-slide>div:after {transform:translateX(425%);width:65px;} } @media(min-width:1200px){ .index04 {padding-top:65px;} .index04 .container:after {background:url(../images/in04_bg.png) no-repeat left bottom 160px;} .index04 .t1 {font-size:32px;} .index04 .t2 {font-size:24px;} .index04 .c1 {font-size:14px;margin-top: 20px;padding-right:12%;} .index04 .more {padding:0 22px;line-height: 40px;margin-top: 25px;} .index04 .list {height:160px;margin-top: 140px;} .index04 .list .s1 {font-size:45px;} .index04 .list .swiper-slide>div:after {transform:translateX(325%);} } @media(min-width:1400px){ .index04 {padding-top:80px;} .index04 .container:after {background:url(../images/in04_bg.png) no-repeat left bottom 180px;} .index04 .t1 {font-size:34px;} .index04 .t2 {font-size:26px;margin-top: 20px;margin-bottom: 20px;} .index04 .c1 {font-size:15px;margin-top: 25px;} .index04 .more {padding:0 26px;line-height: 42px;margin-top: 30px;} .index04 .list {height:180px;margin-top: 160px;} .index04 .list .s1 {font-size:48px;} .index04 .list .swiper-slide>div:after {transform:translateX(375%);} } @media(min-width:1600px){ .index04 {padding-top:95px;} .index04 .container:after {background:url(../images/in04_bg.png) no-repeat left bottom 200px;} .index04 .t1 {font-size:36px;} .index04 .t2 {font-size:28px;margin-bottom: 25px;} .index04 .c1 {font-size:15px;margin-top: 30px;} .index04 .more {padding:0 30px;line-height: 45px;margin-top: 35px;} .index04 .list {height:200px;margin-top: 180px;} .index04 .list .s1 {font-size:50px;} .index04 .list .swiper-slide>div:after {transform:translateX(430%);} } .index05 {padding:30px 0 40px;position:relative;overflow: hidden;} .index05 .title {position: relative;background:url(../images/line_i.png) no-repeat left bottom;padding-bottom: 25px;} .index05 .t1 {color:#262525;font-size:22px;} .index05 .t2 {color:#676767;margin-top: 10px;line-height: 1.5;} .index05 .more {color:#676767;position: absolute;right:0;top:0;display:inline-block;padding:0 12px;line-height: 25px;border-radius: 50px;border:1px solid #e5e5e5;} .index05 .more i {font-size: 70%;margin-left: 5px;} .index05 .more:hover {color:#fff;background: #004391;} .index05 .content {margin-top: 20px;} .index05 .leftbox {flex:0 0 100%;max-width:100%;} .index05 .leftbox .txtbox {border:1px solid #edebeb;border-top:none;padding:15px;} .index05 .leftbox .c1 {color:#004391;font-weight: bold;} .index05 .leftbox .c2 {color:#676767;line-height: 1.5;margin:8px 0;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .index05 .leftbox .d1 {color:#585b5d;font-weight: bold;} .index05 .leftbox .d2 {color:#837f7f;font-size:12px;} .index05 .leftbox:hover .c2 {text-decoration:underline;} .index05 .leftbox .d2:hover {color:#004391;} .index05 .rightbox {flex:0 0 100%;max-width:100%;} .index05 .rightbox .list1 {margin-left:-5px;margin-right:-5px;margin-top:15px;} .index05 .rightbox .list1 .slide {margin:0 5px;} .index05 .rightbox .list1 .slide .imgbox:after {padding-top:60%;} .index05 .rightbox .list1 .slide .c1 {color:#585858;line-height: 4.5;padding:0 5px;} .index05 .rightbox .list1 .slide:hover .c1 {color:#004391;} .index05 .rightbox .list2 .slide {color:#585858;line-height: 4.35;padding:0 5px;border-top:1px solid #edebeb;} .index05 .rightbox .list2 .slide .c1 {flex:1;width:50%;} .index05 .rightbox .list2 .slide:hover {background: #f5f5f5;} .index05 .rightbox .list2 .slide:hover .c1 {color:#004391;} @media(min-width:576px) { .index05 .rightbox .list1 .slide {flex:0 0 50%;max-width:50%;} } @media(min-width:768px) { .index05 {padding:35px 0 55px;} .index05 .t1 {font-size:25px;} .index05 .more {padding:0 15px;line-height: 30px;} .index05 .content {margin-top: 25px;} } @media(min-width:992px) { .index05 {padding:50px 0 70px;} .index05 .t1 {font-size:28px;} .index05 .more {padding:0 18px;line-height: 35px;top:unset;bottom:0;} .index05 .leftbox {flex:0 0 36.5%;max-width:36.5%;} .index05 .rightbox {flex:0 0 62.5%;max-width:62.5%;} .index05 .content {margin-top:35px;} .index05 .leftbox .c2 {margin:10px 0;} .index05 .leftbox .d2 {font-size:13px;} .index05 .rightbox .list1 {margin-top: 0;} .index05 .rightbox .list2 .slide {line-height: 3.35;} } @media(min-width:1200px) { .index05 {padding:65px 0 85px;} .index05 .t1 {font-size:32px;} .index05 .t2 {font-size: 15px;margin-top: 12px;} .index05 .more {padding:0 22px;line-height: 40px;} .index05 .content {margin-top: 45px;} .index05 .leftbox .txtbox {padding:20px;} .index05 .leftbox .c2 {margin:12px 0;} .index05 .leftbox .d2 {font-size:14px;} .index05 .rightbox .list2 .slide {line-height: 3.6;} } @media(min-width:1400px) { .index05 {padding:80px 0 100px;} .index05 .t1 {font-size:34px;} .index05 .t2 {margin-top: 15px;} .index05 .more {padding:0 26px;line-height: 42px;} .index05 .content {margin-top: 55px;} .index05 .leftbox .txtbox {padding:25px;} .index05 .leftbox .c2 {margin:15px 0;} .index05 .rightbox .list2 .slide {line-height: 4.35;} } @media(min-width:1600px) { .index05 {padding:95px 0 115px;} .index05 .title {padding-bottom: 25px;} .index05 .t1 {font-size:36px;} .index05 .more {padding:0 30px;line-height: 45px;} .index05 .content {margin-top: 65px;} .index05 .leftbox .txtbox {padding:30px;} } /*鍐呴〉涓讳綋甯冨眬鏍峰紡*/ .inpage {min-height: 400px;padding:0px 0 20px;background:#fff;} /*鍐呴〉渚ц竟*/ .inpage .sidebox {color:#fff;background: #004391;padding:15px 15px;} .inpage .sidebox .s1 {font-size:18px;border-left:5px solid #fff;padding-left: 15px;position:relative;cursor:pointer;} .inpage .sidebox .s1:after {content:'[灞曞紑 +]';opacity:.7;font-size:80%;display:block;position:absolute;right:0px;top:50%;transform:translateY(-50%);} .inpage .sidebox .s1.active:after {content:'[鏀惰捣 -]';} .inpage .sidebox .s2 {margin-top: 15px;} .inpage .sidebox .s3 {font-weight: bold;margin-top: 5px;font-size:22px;} .inpage .sidebox .s4 {margin-top: 10px;} .inpage .sidebox .list {display:none;margin-top: 15px;} .inpage .sidebox .list.active {display:block;} .inpage .sidebox .list .slide {color:#333333;background: #f1f1f1;display: block;margin-bottom: 5px;line-height: 35px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .inpage .sidebox .list .slide:hover {color:#fff;background: #333;} /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox .t1 {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:#004391;} .inpage .mainbox .content {line-height: 2;margin-top: 15px;} .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 {background: #eee;border:1px solid #eee;} .inpage .mainbox .content .list .slide .imgbox:after {} .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:#004391;} /*钀藉湴椤佃棰戞牱寮?/ .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 .recommendlist {margin-top:10px;} .inpage .recommendlist .slide a:hover {color:#004391;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(max-width:767px) { .inpage .sidebox {margin-left:-15px;margin-right:-15px;} } @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 .sidebox {padding:20px 15px;} /*鍐呴〉涓诲唴瀹瑰尯*/ .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 .sidebox {flex:0 0 24%;max-width:24%;height:100%;padding:25px 15px;border-radius:5px;background: #004391;} .inpage .sidebox .s1 {font-size:22px;} .inpage .sidebox .s1:after {display:none;} .inpage .sidebox .s2 {margin-top: 20px;} .inpage .sidebox .s3 {font-size:24px;} .inpage .sidebox .s4 {margin-top: 12px;font-size:14px;} .inpage .sidebox .list {display: block;margin-top: 17px;} .inpage .sidebox .list .slide {line-height: 45px;text-align: left;padding:0 15px;} /*鍐呴〉涓诲唴瀹瑰尯*/ .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 {margin-top: 20px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .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 .video {height:350px;} /*鎺ㄨ崘鍒楄〃*/ .inpage .recommendlist {margin-top:15px;} .inpage .recommendlist .time {font-size:13px;} } @media(min-width:1200px) { .inpage {padding:0px 0 40px;} .inpage .sidebox {flex:0 0 20%;max-width:20%;padding:25px 15px;} .inpage .sidebox .s1 {font-size:25px;} .inpage .sidebox .s2 {margin-top: 25px;} .inpage .sidebox .s3 {margin-top: 7px;font-size:26px;} .inpage .sidebox .s4 {margin-top: 16px;} .inpage .sidebox .list {margin-top: 20px;} .inpage .sidebox .list .slide {line-height: 50px;} /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox {flex:0 0 80%;max-width:80%;padding-left: 3%;} .inpage .mainbox .t1 {font-size:28px;} .inpage .mainbox .content {margin-top: 25px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide {margin-bottom: 12px;} .inpage .mainbox .content .list .slide .txtbox {height:50px;padding:0 20px;} .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 .recommendlist {margin-top:20px;} } @media(min-width:1400px) { .inpage {padding:0px 0 50px;} .inpage .sidebox {padding:32px 22px;} .inpage .sidebox .s1 {font-size:28px;padding-left: 20px;} .inpage .sidebox .s2 {margin-top: 30px;} .inpage .sidebox .s3 {margin-top: 10px;font-size:28px;} .inpage .sidebox .s4 {margin-top: 20px;} .inpage .sidebox .list .slide {line-height: 55px;padding:0 20px;} /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox {padding-left: 4%;} .inpage .mainbox .t1 {font-size:30px;} .inpage .mainbox .content {margin-top: 30px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide {margin-bottom: 15px;} .inpage .mainbox .content .list .slide .txtbox {height:55px;} } @media(min-width:1600px) { .inpage {padding:0px 0 60px;} .inpage .sidebox {padding:36px 25px;} .inpage .sidebox .s1 {font-size:30px;} .inpage .sidebox .s2 {margin-top: 35px;} .inpage .sidebox .s3 {font-size:30px;} .inpage .sidebox .list .slide {line-height: 60px;padding:0 25px;} /*鍐呴〉涓诲唴瀹瑰尯*/ .inpage .mainbox {padding-left: 5%;} .inpage .mainbox .t1 {font-size:32px;} .inpage .mainbox .content {margin-top: 35px;} /*鍥剧墖鍒楄〃椤垫牱寮?/ .inpage .mainbox .content .list .slide .txtbox {height:60px;} } .goods02 {padding:0 0 10px;background: #fff;} .goods02 h3 {margin-top:15px;margin-bottom: 10px;font-size:24px;line-height: 32px;} .goods02-main-img {border:1px solid #eee;overflow:hidden;} .goods02-imgmore {margin-top:10px;padding: 0 50px;} .goods02-imgmore-slide {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 #004391;} .goods02-right .goods02-options {padding:15px 0;background:#fbfbfb;border-top:1px solid #eee;border-bottom: 1px solid #eee;} .goods02-right .goods02-options dl {display:flex;flex-flow: row wrap;} .goods02-right .goods02-options dl dt {flex:1;flex-basis:27%;color:#909090;margin-bottom:10px;padding-left:6%;font-weight:normal;} .goods02-right .goods02-options dl dd {flex:1;flex-basis:72%;padding-left:10px;color:#4e4e4e;} .goods02-right .last-dt,.goods02-right .last-dd {border-top:1px solid #eee;line-height: 20px;padding-top:10px;} .goods02-right .goods02-submit {margin-top:10px;padding:10px 0;} .goods02-right .goods02-submit div {flex:1;} .goods02-right .goods02-submit div a {background:#004391;color:#fff;width:180px;margin:0 5px;border-radius:5px;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:#004391;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 h3 {margin-top:20px;} .goods02-submit {margin-top:15px;} } @media(min-width:992px) { .goods02 {padding:0 0 30px;} .goods02 h3 {margin-top:0px;margin-bottom: 15px;} .goods02-right .goods02-options {padding:20px 0;} .goods02-right .goods02-options dl dt {margin-bottom: 15px;flex-basis:20%;} .goods02-right .goods02-options dl dd {flex-basis:80%;} .goods02-right .goods02-submit {margin-top:18px;} .goods02-right .goods02-submit div a {line-height: 50px;font-size:16px;} .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;} } @media(min-width:1200px) { .goods02 {padding:0 0 40px;} .goods02 h3 {margin-bottom: 20px;} .goods02-right {padding-left:5%!important;} .goods02-right .goods02-options {padding:30px 0;} .goods02-right .last-dd {font-size:14px;padding-right:15px;text-align: justify;line-height:24px;} .goods02-right .goods02-submit {margin-top:20px;} } @media(min-width:1400px) { .goods02 {padding:0 0 50px;} .goods02 h3 {margin-bottom: 25px;} .goods02-right .goods02-options {padding:35px 0;} .goods02-right .goods02-submit {margin-top:24px;} } @media(min-width:1600px) { .goods02 {padding:0 0 60px;} .goods02-right .goods02-options {padding:40px 0;} } .goods03 {padding:20px 0;background-color: #f5f5f5;} .goods03-title {background:#fff;line-height: 20px;padding:20px 15px;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:#004391;} .goods03-title span {display:block;height:5px;background:#004391;position:absolute;top:0;left:0;right:0;} .goods03-content {background:#fff;padding:15px;line-height: 25px;min-height: 80px;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:hover {color:#004391;} .goods03-slide:hover img {transform:translate(-50%,-50%) scale(1.1);} @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:#004391;} } @media(min-width:1200px) { .goods03-title {padding:25px;} .goods03-title h3 {line-height: 43px;} .goods03-content {padding:25px;min-height: 300px;font-size:15px;line-height: 32px;} } /*鏂囩珷鍒楄〃椤垫牱寮?/ .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:100px;height:2px;display:block;background:#333;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(-7px);} .news .list .slide:hover .c1 {color:#004391;} .news .list .slide:hover:before {background:#004391;width:100%;transition:1s 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) { } .footer {color:rgba(255,255,255,1);background: #232222;padding-top:15px;} .footer a {color:#fff;} .footer a:hover {color:#004391;} .footer .fnav {display:flex;align-items:center;border-bottom:1px solid #4b4a4a;} .footer .fnav a {flex:1;text-align:center;line-height: 6.8;} .footer .content {padding:10px 0;border-bottom:1px solid #4b4a4a;} .footer .content .c1 {color:rgba(255,255,255,.6);} .footer .content .c2 {font-size:16px;margin-top: 10px;line-height: 1.5;} .footer .content .img {margin-left:25px;} .footer .content .slide2 {margin:15px 0;} .footer .content .ewm {width:90px;} .footer .fbottom {color:rgba(255,255,255,.6);line-height: 1.7;padding:10px;} .footer .fbottom a {color:rgba(255,255,255,.6);} @media(min-width:768px) { .footer .content .c2 {font-size:17px;} } @media(min-width:992px) { .footer .content {padding:15px 0;} .footer .content .c2 {font-size:18px;} .footer .fbottom {font-size:14px;padding:15px 0 15px;} } @media(min-width:1200px) { .footer .content {padding:20px 0;} .footer .content .c2 {font-size:20px;margin-top: 15px;} .footer .content .img {margin-left:40px;} .footer .fbottom {padding:20px 0 15px;} } @media(min-width:1400px) { .footer .content {padding:25px 0;} .footer .content .c2 {font-size:21px;} .footer .content .img {margin-left:50px;} .footer .fbottom {padding:25px 0 15px;} } @media(min-width:1600px) { .footer .content {padding:30px 0;} .footer .content .c2 {font-size:22px;margin-top: 20px;} .footer .content .img {margin-left:65px;} .footer .fbottom {padding:30px 0 15px;} } .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;} }