@charset "utf-8"; html,body {padding:0;margin:0;} * {margin:0;padding:0;font-family:Arial,Helvetica,Verdana,'Microsoft YaHei';border:0;outline:medium;text-shadow:none;text-decoration:none;} body {line-height:0;color:#333;position:relative;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} input {vertical-align:middle;}textarea {resize:none;}div {box-sizing:border-box;}ul {list-style:none;margin:0;padding:0;}p {margin:0;} a,a:link,a:active,a:visited,a:hover {color:inherit;text-decoration:none;transition:.36s all linear;} a:hover {color:#183883;}i,em {font-style:normal;} ::-webkit-input-placeholder {color:#999999;} :-moz-placeholder {color:#999999;} ::-moz-placeholder {color:#999999;} :-ms-input-placeholder {color:#999999;} /*修改滚动条*/ ::-webkit-scrollbar {width:0px;height:0px;} ::-webkit-scrollbar-track {box-shadow:inset 0 0 6px transparent;background:rgba(255,255,255,.3);border-radius:6px;} ::-webkit-scrollbar-thumb {border-radius:6px;background:#eee;} 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; } /* 无内容 */ .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 .page-inner a {color:#fff!important;background: #d4d7de!important;border:none!important;margin:3px!important;height:32px!important;line-height:32px!important;width:32px;padding:0!important;} .de-page-mian .page-inner a:hover,.de-page-mian .page-inner a.active {background: #183883!important;} .de-page-mian span,.de-page-mian input,.de-page-mian .page-btn {display:none!important;} @media(max-width:991px) { .de-page-mian .page-inner a.next {display:none!important;} .de-page-mian .page-inner a.prev {display:none!important;} } @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;} } @media(min-width:992px) { .de-page-mian .page-inner a {font-size:13px!important;height:43px!important;line-height:43px!important;width:43px;margin:0 3px!important;} .de-page-mian .page-inner a.next {color:#7b7a7f!important;border:none;background:none!important;position: relative;width:unset;padding:0 10px!important;} .de-page-mian .page-inner a.next:before {content:'下一页 >';display:block;} .de-page-mian .page-inner a.next:hover {color:#183883!important;font-weight: bold;} .de-page-mian .page-inner a.prev {color:#7b7a7f!important;border:none;background:none!important;position: relative;width:unset;padding:0 10px!important;} .de-page-mian .page-inner a.prev:before {content:'< 上一页';display:block;} .de-page-mian .page-inner a.prev:hover {color:#183883!important;font-weight: bold;} } @media(min-width:1200px) { .de-page-mian .page-inner a {height:50px!important;line-height:50px!important;width:50px;margin:0 5px!important;} } @media(min-width:1400px) { .de-page-mian .page-inner a {height:54px!important;line-height:54px!important;width:54px;} } @media(min-width:1600px) { .de-page-mian .page-inner a {height:57px!important;line-height:57px!important;width:57px;} } /*图片比例控制*/ .imgbox {width:100%;overflow:hidden;position:relative;} .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 linear;} .imgbox img:hover {transform:translate(-50%,-50%) scale(1.1);transition:.36s all linear;} .sy {pointer-events:none;position:absolute;z-index:3;left:0;bottom:0;width:100%;height: 100%;background:url(../images/sy.png) no-repeat center bottom;background-size:100% auto;} .play {cursor:pointer;color:rgba(255,255,255,.7);transition:.16s all linear;height:100%;display:flex;justify-content: center;align-items:center;font-size:46px;position:absolute;z-index:4;left:15px;right:15px;top:0%;} .play:hover {color:#fff;transition:.16s all linear;} .play i {transition:.16s all linear;} .play:hover i {transform:scale(1.1);transition:.16s all linear;} .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) { .play {font-size:54px;} .video-panel {height:362px;width:630px;} } @media(min-width:992px) { .play {font-size:62px;} .video-panel {height:420px;width:730px;} } @media(min-width:1200px) { .play {font-size:70px;} .video-panel {height:500px;width:870px;} } @media(min-width:1440px) { .video-panel {height:724px;width:1260px;} } @media(min-width:1601px) { .play {font-size:75px;} } /*禁止选中*/ .not-select{ -moz-user-select:none; /*火狐*/ -webkit-user-select:none; /*webkit浏览器*/ -ms-user-select:none; /*IE10*/ -khtml-user-select:none; /*早期浏览器*/ user-select:none; } @font-face { font-family: "iconfont"; /* Project id 2005099 */ src: url('../alifont/iconfont.woff2?t=1657079081550') format('woff2'), url('../alifont/iconfont.woff?t=1657079081550') format('woff'), url('../alifont/iconfont.ttf?t=1657079081550') format('truetype'); } .ali-icon { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'iconfont1'; /* Project id 4049281 */ src: url('//at.alicdn.com/t/c/font_4049281_hgjjbno7gjw.woff2?t=1683194634147') format('woff2'), url('//at.alicdn.com/t/c/font_4049281_hgjjbno7gjw.woff?t=1683194634147') format('woff'), url('//at.alicdn.com/t/c/font_4049281_hgjjbno7gjw.ttf?t=1683194634147') format('truetype'); } .ali-icon1 { font-family: "iconfont1" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'webfont'; font-display: swap; src: url('//at.alicdn.com/t/webfont_5tg5xxeygb6.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_5tg5xxeygb6.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_5tg5xxeygb6.woff2') format('woff2'), url('//at.alicdn.com/t/webfont_5tg5xxeygb6.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_5tg5xxeygb6.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_5tg5xxeygb6.svg#after') format('svg'); /* iOS 4.1- */ } .ali-font {font-family: 'webfont';} .bodybg {background:#f7f7f7;} .typebox::-webkit-scrollbar {height:1px;} .top-video {display:none;background: #000;} /* .page-a {margin:15px 0;} */ body {font-size:12px;} body.nav-open {overflow-y: hidden;} .btn {font-size:12px;} @media(min-width:768px) { body {font-size:14px;} } @media(min-width:992px){ .page-a {margin:15px 0;} .btn {font-size:14px;} } @media(min-width:1200px) { body {font-size:16px;} .btn {font-size:16px;} } @media(min-width:1400px) { .container {width:1330px;max-width:1330px;margin:0 auto;} } @media(min-width:1600px) { .container {width:1470px;max-width:1470px;} } .index .header {background:rgba(0,0,0,.1);} .header {height:60px;display: flex;align-items: center;transition:.36s all linear;} .header .container {width:100%;max-width:100%;} .header .logo h1 {color:#fff;font-size:22px;font-weight:bold;line-height: 1;margin:0;margin-left:5px;white-space: nowrap;} .header .nav {color:#fff;display:flex;flex-wrap:wrap;} .header .slide {text-align:center;position: relative;} .header .slide a {display:block;position: relative;} .header .subnav {display: none; position: absolute;top: 100%;left: 0%;line-height: 35px;white-space: nowrap;overflow: hidden;padding:20px 25px 10px;background: rgba(24,56,131,.92);} .header .subnav a { color:#fff; flex:0 0 30%; max-width: 30%; line-height: 2.5; text-align:left; } .header .subnav a:hover { color:#fff; font-weight: bold; } .header .subnav .c1 { color:#fff; line-height: 1.8;} .header .subnav .a1 { color:#fff; display: inline; padding: 0; } .header .tel { height:60px; color: #cf1a20; display:flex; align-items: center;justify-content: center; } .header .telbox { font-weight: bold;} .header .telbox div {line-height:1.5;} .header.onmove .menu-btn .line,.header:hover .menu-btn .line {background:#fff;} .header.onmove,.header:hover {color:#fff;background:#183883;box-shadow:0 15px 20px rgba(0,0,0,0.1);transition:.2s all linear;} .header.onmove .telbox,.header:hover .telbox {line-height: 2;} .nofixed .header {position:relative;box-shadow: 0 0 5px 0 #eee;} @media(max-width:991px) { .header .logo h1 {color:#000;} } @media(max-width:767px) { .header { background:#183883; } .header .logo img { max-height:40px; } .header .nav {flex-wrap:wrap;flex:0 0 100%;max-width:100%;} .header .nav .slide {flex-basis:25%;} } @media(min-width:768px) { .header {height:80px; position:fixed;top:0;left:0;right:0;z-index:99; border-bottom:1px solid rgba(255,255,255,.1); } .header.hide {opacity:0;transform:translateY(-100%);} .header.show {opacity:1;transform:translateY(0);transition:.36s all linear;} .header .logo {flex:0 0 24%;max-width:24%;} .header .nav {flex:0 0 76%;max-width:76%;} .header .slide {flex:1;} .header .tel {border-left:1px solid rgba(255,255,255,.1); } } @media(min-width:992px) { .header {height:90px;} .header .subnav1 { width:650px; } .header .slide>a {height:90px;line-height: 90px;font-weight: bold;} .header .slide>a:hover,.header .slide.active>a {color:#cf1a20; transition:.15s all linear;} .header .slide>a:before { content:''; position: absolute; bottom:0; left:50%; transform:translateX(-50%); background: #cf1a20;height:2px;width:0%;transition:.2s all linear;} .header .slide.active>a:before, .header .slide:hover>a:before { width:50%; transition:.2s all linear; } .header .tel {height:90px;} } @media(min-width:1200px) { .header {height:95px;} .header .logo {flex:0 0 28%;max-width:28%;} .header .logo h1 {font-size:28px;} .header .nav {flex:0 0 57%;max-width:57%;margin-top:0px;} .header .slide .subnav { font-size:15px; padding:20px 35px 15px;} .header .slide:hover .subnav {display: block;text-align: left;} .header .slide>a {line-height: 95px;height: 95px;} .header .tel {flex:0 0 15%;max-width:15%;height:95px;} .header .tel b {font-size:18px;} .header .telbox {font-size:16px;} .header .telbox div {line-height:1.1;} } @media(min-width:1400px) { .header .logo h1 {font-size:30px;} .header .subnav1 { width:750px; } .header .slide .subnav {line-height: 45px;padding:25px 45px 15px;} .header .telbox {font-size:20px;background-size:auto;} } @media(min-width:1600px) { .header {height:100px;} .header .logo h1 {font-size:32px;} .header .nav {margin-top:0px;} .header .nav .slide .subnav {padding:30px 55px 15px;} .header .tel {height:100px;white-space: nowrap;} .header .telbox {font-size:22px;} } .innav { line-height: 35px; background: #183883; color:#fff; } .innav .slide { font-weight: bold; flex:0 0 25%; max-width:25%; text-align:center; } .innav .slide.active { background:#031641; } .bannermargin {width:100vw; position: relative;} .bannermargin:after { content:''; padding-top:50%; display: block;} .banner {overflow:hidden;background: #000;position:relative;top:0;left:0;width:100vw;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #cba151;} .banner-box {position:relative;left:50%;transform:translateX(-50%);} @media(min-width:1200px) { .banner {position:fixed;} .banner-box {width:100%;} } /*内页大图样式*/ .inbanner {width:100%;overflow:hidden;position:relative;} .inbanner img {width:100%;position:relative;left:50%;transform:translateX(-50%);} .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;border-bottom: 1px solid #eee;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} .location a:hover {color:#183883;} @media(min-width:768px) { .location {line-height: 2.2;} } @media(min-width:992px) { .next_page {margin-top:0px;} .page-a:hover {color:#183883;} .location {line-height: 2.4;} } @media(min-width:1200px) { .location {font-size:14px;line-height: 2.6;} } @media(min-width:1400px) { .location {line-height: 2.8;} } @media(min-width:1600px) { .location {line-height: 3;} } .search01 {position:relative;overflow: hidden;} .search01 .title {display: flex;align-items:center;line-height:35px;white-space: nowrap;} .search01 .title .list {white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} .search01 .title i {color:#183883;font-size:160%;} .search01 .title .t1 {color:#999999;font-weight:bold;padding-left:10px;} .search01 .title a {color:#999999;} .search01 .title a:hover {color:#cba151;} .search01 .searchbar {display: flex;align-items:center;justify-content:space-between;line-height:35px;} .search01 .searchbar i {color:#999;} .search01 .searchbar input {color:#999;background: none;flex: 1;padding:0 15px;} .search01 .searchbtn {cursor:pointer;color:#fff;font-size:200%;background:linear-gradient(to right,#24609e,#144486);line-height:35px;height:35px;width:35px;text-align:center;} @media(max-width:991px) { .search01 .searchbar {display:none;max-width: 720px;position:fixed;z-index:999;background:#fff;top:0;left:50%;transform:translateX(-50%);} .search01 .searchbtn {color:#183883;background:none;} } @media(min-width:992px) { .search01 .title {line-height:45px;} .search01 .searchbar {line-height:45px;border-left:1px solid #eee;} .search01 .searchbtn {line-height:45px;height:45px;width:45px;} } @media(min-width:1024px) { .search01 .title {line-height:55px;} .search01 .title .t1 {padding-left:20px;} .search01 .searchbar {line-height:55px;} .search01 .searchbar input {padding:0 25px;} .search01 .searchbtn {line-height:55px;height:55px;width:55px;} } @media(min-width:1200px) { .search01 .title {line-height:65px;} .search01 .searchbar {line-height:65px;} .search01 .searchbtn {line-height:65px;height:65px;width:65px;} } @media(min-width:1440px) { .search01 .title {line-height:75px;} .search01 .searchbar {line-height:75px;} .search01 .searchbtn {line-height:75px;height:75px;width:75px;} } @media(min-width:1601px) { .search01 .title {line-height:80px;} .search01 .searchbar {line-height:80px;} .search01 .searchbtn {line-height:80px;height:80px;width:80px;} } .hotbar {position: relative; z-index: 2; background:#f0f0f0; border-bottom:1px solid #e8e8e8;line-height: 40px;} .hotbar .t1 {font-weight: bold;} .hotbar .list {flex:1;width:50%;white-space:nowrap;} .hotbar .list a { display: block; } .hotbar .swiper-container { height:40px; } @media(min-width:768px) { .hotbar {line-height: 45px;} .hotbar .swiper-container { height:45px; } } @media(min-width:992px) { .hotbar {line-height: 50px;} .hotbar .t1 {width:100px;padding:0;} .hotbar .swiper-container { height:50px; } } @media(min-width:1200px) { .hotbar {line-height: 55px;} .hotbar .list a:hover {color:#183883;} .hotbar .swiper-container { height:55px; } } @media(min-width:1400px) { .hotbar {line-height: 60px;} .hotbar .swiper-container { height:60px; } } @media(min-width:1600px) { .hotbar {line-height: 65px;} .hotbar .swiper-container { height:65px; } } .index01 { position: relative; overflow: hidden; padding:25px 0 20px; background:#f0f0f0; } .index01 .title { text-align:center; } .index01 .t1 { color:#222; font-weight: bold; font-size:22px; line-height: 1.2; } .index01 .t2 { color:#222; font-weight: bold; font-size:14px; line-height: 1.5; margin-top: 5px; } .index01 .t2 span { color:#cd0806; } .typebar { background:#f9f9f9; border:1px solid #ddd; padding:10px; margin-top: 15px; } .typebar .t3 { color:#333; font-weight: bold; position: relative; line-height: 1.8; } .typebar .list { display:none; flex-wrap:wrap;} .typebar .list.active { display: flex; } .typebar .a1 { flex:0 0 50%; max-width:50%; white-space: nowrap; line-height: 2; padding-right:15px; display: block; overflow: hidden; text-overflow: ellipsis; } .typebar .more { width:16px; height:16px; } .typebar .more.active:after { content:'-'; } .typebar .more:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; } .typebar .more:after { content:'+'; font-size:16px; line-height:16px; color:#222; font-weight: bold; text-align:center; } .index01 .content { margin-top:15px; } .index01 .swiper-container { padding-bottom: 15px; } .index01 .swiper-slide { background: #fff; margin-bottom: 10px; } .index01 .imgbox:before { content:''; position: absolute; z-index:2; left:0; top:0; height:100%; width:100%; background:url(../images/sy.png) no-repeat center; background-size:cover;} .index01 .txtbox { background:#f9f9f9; padding:10px; } .index01 .c1 { font-weight: bold; color:#17182e; line-height: 1; } .index01 .c2 { margin-top:5px; } .index01 .tag { font-size:12px; color:#888888; line-height: 1.5; } .index01 .btnbox { margin-top:10px; } .index01 .btnbox>div { background:#b5b5b5; color:#fff; margin:0 2px; height:30px; line-height: 30px; width:30px; text-align:center; } .index01 .btnbox>div:hover,.index01 .btnbox>div a:hover { color:#fff; background:#174699; } .index01 .btnbox a { display: block; } .index01 .swiper-slide:hover .c1 { color:#183883; } /* .index01 .swiper-slide:hover .tag { color:#cd0806; } */ .index01 .swiper-pagination { bottom:0; } .index01 .swiper-pagination-bullet { opacity:1; border:1px solid #cfcfcf; background:none; } .index01 .swiper-pagination-bullet-active { background:#174699; } @media(min-width:768px) { .index01 { padding:30px 0 25px; } .index01 .t1 { font-size:26px; } .index01 .t2 { font-size:16px; } .typebar { padding:15px; margin-top: 20px; } .typebar .list { display: flex; margin-left:15px; } .typebar .a1 { flex:0 0 33%;max-width:33%; } .index01 .swiper-slide { margin-bottom: 15px; } } @media(min-width:992px) { .index01 { padding:35px 0 25px; } .index01 .t1 { font-size:28px; } .index01 .t2 { font-size:17px; } .typebar { margin-top: 25px; } .index01 .content { margin-top: 20px; } .index01 .txtbox { padding:15px; } .index01 .tag { font-size:13px; line-height: 1.8; } .index01 .btnbox { margin-top:20px; } .index01 .btnbox>div { height:35px; line-height: 35px; width:35px; } } @media(min-width:1200px) { .index01 { padding:40px 0 30px; } .index01 .t1 { font-size:32px; } .index01 .t2 { font-size:18px; } .typebar { padding:15px 20px; margin-top: 30px; } .typebar .a1 { flex:0 0 25%;max-width:25%; } .index01 .content { margin-top: 25px; } .index01 .swiper-slide { margin-bottom: 20px; } .index01 .txtbox { padding:18px; } .index01 .btnbox>div { height:40px; line-height: 40px; width:40px; } .index01 .swiper-container { padding-bottom: 12px;} .index01 .swiper-pagination-bullet { width:13px; height:13px; } } @media(min-width:1400px) { .index01 { padding:45px 0 30px; } .index01 .t1 { font-size:36px; } .index01 .t2 { font-size:19px; } .typebar { margin-top: 35px; } .typebar .t3 { font-size:17px; } .typebar .a1 { flex:0 0 20%;max-width:20%; } .index01 .content { margin-top: 30px; } .index01 .swiper-slide { margin-bottom: 25px; } .index01 .tag { font-size:14px; } .index01 .txtbox { padding:22px; } .index01 .btnbox>div { height:45px; line-height: 45px; width:45px; } } @media(min-width:1600px) { .index01 { padding:50px 0 30px; } .index01 .t1 { font-size:40px; } .index01 .t2 { font-size:20px; } .typebar { padding:20px 25px; margin-top: 40px; } .index01 .swiper-slide { margin-bottom: 30px; } .index01 .btnbox>div { height:50px; line-height: 50px; width:50px; } } .index02 { position: relative; overflow: hidden; padding:15px 0 15px; background:#fff url(../images/in02_bg.jpg) no-repeat;background-size:cover; } .index02 .title { text-align:center; } .index02 .t1 { color:#cd0806; font-size:22px; font-weight: bold; line-height: 1.2; } .index02 .t2 { color:#222; font-size:22px; font-weight: bold; line-height: 1.5;} .index02 .t3 { position: relative; display:inline-block; margin-top: 5px; color:#fff; font-size:14px; font-weight: bold; background:linear-gradient(to right,#de0a08,#ff9f01); line-height:1.5; padding:10px 15px; } .index02 .content { margin-top: 15px; } .index02 .swiper-container { padding-bottom:30px; } .index02 .slide { border-bottom:1px solid #fff; overflow: hidden; } .index02 .imgbox:after { padding-top:52.12%; } .index02 .imgbox img { min-height:100%; min-width:100%; max-width:unset; max-height:100%; } .index02 .txtbox { color:#fff; background:#183883; padding:25px 25px; line-height: 1; cursor:pointer; } .index02 .txtbox:hover .c1 { color:#cd0806; } .index02 .txtbox:hover .c2 { padding-left:15px; transition:.16s all linear; } /* .index02 .txtbox:hover .c2:before { content:'→'; color } */ .index02 .c1 { position: relative; display:inline-block; color:#183883; background:#fff; font-size:16px; font-weight: bold; line-height: 32px; padding:0 20px 0 10px; } .index02 .c1:before { content:''; background:#ffc601; width:5px; height:80%; position: absolute; left:0; top:50%; transform:translate(-50%,-50%);} .index02 .c1:after { content:''; position: absolute; right:0; top:0; transform:translateX(100%); border-style: solid; border-color:#fff transparent transparent #fff;border-left-width: 7px;border-right-width: 7px;border-top-width: 16px;border-bottom-width: 16px;} .index02 .c2 { font-weight: bold; color:#fff; font-size:18px; margin-top: 15px; transition:.16s all linear; } .index02 .c3 { line-height: 1.8; margin-top: 7px; padding-bottom:20px; background:url(../images/in02_line.png) no-repeat bottom; background-size:100% auto; } .index02 .swiper-pagination-bullet { opacity:1; border:1px solid #cfcfcf; background:none; } .index02 .swiper-pagination-bullet-active { background:#174699; } @media(min-width:768px) { .index02 { padding:20px 0 20px; } .index02 .t1 { font-size:26px; } .index02 .t2 { font-size:26px; } .index02 .t3 { font-size:16px; line-height: 38px; padding:0px 15px; border-radius:100px; } .index02 .t3:before { content:''; width:50px; height:20px; background:url(../images/in02_l.png) no-repeat center; position: absolute; left:0; top:50%; transform:translate(-130%,-50%);} .index02 .t3:after { content:''; width:50px; height:20px; background:url(../images/in02_r.png) no-repeat center; position: absolute; right:0; top:50%; transform:translate(130%,-50%);} .index02 .content { margin-top: 20px; } .index02 .swiper-container { padding-bottom:35px; } .index02 .c1 { font-size:18px; line-height: 36px; } .index02 .c1:after { border-top-width: 18px;border-bottom-width: 18px;} .index02 .txtbox { padding:30px 35px; } .index02 .c2 { font-size:20px; margin-top: 18px; } .index02 .c3 { margin-top: 10px; padding-bottom: 30px; } } @media(min-width:992px) { .index02 { padding:20px 0 25px; } .index02 .t1 { font-size:28px; } .index02 .t2 { font-size:28px; } .index02 .t3 { font-size:18px; line-height: 41px; margin-top: 7px; padding:0 18px; } .index02 .swiper-container { padding-bottom:40px; } .index02 .img { flex:1; max-width:49.9%; } .index02 .txtbox { padding:35px 40px; } .index02 .c1 { font-size:20px; line-height: 40px; padding:0 25px 0 12px; } .index02 .c1:after { border-top-width: 20px;border-bottom-width: 20px;} .index02 .c2 { font-size:22px; margin-top: 20px; } .index02 .c3 { margin-top: 15px; padding-bottom: 40px; } } @media(min-width:1200px) { .index02 { padding:20px 0 30px; } .index02 .t1 { font-size:32px; } .index02 .t2 { font-size:32px; } .index02 .t3 { font-size:20px; line-height: 44px; margin-top: 10px; padding:0 20px; } .index02 .content { margin-top: 25px; } .index02 .swiper-container { padding-bottom:45px; } .index02 .txtbox { padding:40px 45px; } .index02 .c1 { font-size:22px; line-height: 46px; padding:0 30px 0 15px; } .index02 .c1:before { width:7px; } .index02 .c1:after { border-top-width: 23px;border-bottom-width: 23px;} .index02 .c2 { font-size:24px; margin-top: 23px; } .index02 .c3 { margin-top: 18px; line-height: 2; padding-bottom: 45px; } .index02 .swiper-pagination-bullet { width:13px; height:13px; } } @media(min-width:1400px) { .index02 { padding:25px 0 35px; } .index02 .t1 { font-size:36px; } .index02 .t2 { font-size:36px; } .index02 .t3 { font-size:21px; line-height: 47px; padding:0 22px; } .index02 .content { margin-top: 30px; } .index02 .swiper-container { padding-bottom:50px; } .index02 .txtbox { padding:45px 50px; } .index02 .c1 { font-size:24px; line-height: 50px; padding:0 35px 0 18px; } .index02 .c1:before { width:9px; } .index02 .c1:after { border-top-width: 25px;border-bottom-width: 25px;} .index02 .c2 { font-size:26px; margin-top: 27px; } .index02 .c3 { padding-bottom: 50px; } } @media(min-width:1600px) { .index02 { padding:30px 0 40px; } .index02 .t1 { font-size:40px; } .index02 .t2 { font-size:40px; } .index02 .t3 { font-size:22px; line-height: 50px; } .index02 .content { margin-top: 35px; } .index02 .swiper-container { padding-bottom:60px; } .index02 .txtbox { padding:50px 60px; } .index02 .c1 { font-size:26px; line-height: 54px; } .index02 .c1:after { border-top-width: 27px;border-bottom-width: 27px;} .index02 .c2 { font-size:28px; margin-top: 30px; } .index02 .c3 { padding-bottom: 60px;} } .index03 { position: relative; overflow: hidden; padding:25px 0 15px; background:#fff url(../images/in03_bg.jpg) no-repeat;background-size:cover; } .index03 .title { text-align:center; } .index03 .t1 { color:#222; font-weight: bold; font-size:22px; line-height: 1.2; } .index03 .t2 { color:#666; margin-top: 5px; line-height: 1.5; } .index03 .content { margin-top: 15px; } .index03 .swiper-container { padding-bottom: 35px; } .index03 .swiper-slide { padding:5px; background:#fff; } .index03 .imgbox { width:32%; max-width:230px; } .index03 .txtbox { color:#888; flex:1; width:50%; margin-left: 10px; } .index03 .txtbox b { color:#333; } .index03 .c1 { line-height: 1.7; } .index03 .c2 { line-height: 1.7; } .index03 .c3>div { line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;} .index03 .c4 { margin-top: 10px; } .index03 .c4 a { border-bottom:1px solid #cfcfcf; } .index03 .c4 a:after { content:''; position: absolute; left:0; top:0; width:100%; height:100%; } .index03 .swiper-pagination-bullet { opacity:1; border:1px solid #cfcfcf; background:none; } .index03 .swiper-pagination-bullet-active { background:#174699; } @media(min-width:768px) { .index03 { padding:30px 0 20px; } .index03 .t1 { font-size:24px; } .index03 .swiper-container { padding-bottom: 40px; } .index03 .txtbox { margin-left: 15px;} } @media(min-width:992px) { .index03 { padding:35px 0 24px; } .index03 .t1 { font-size:28px; } .index03 .t2 { margin-top: 10px; } .index03 .content { margin-top: 20px; } .index03 .swiper-container { padding-bottom: 45px; } .index03 .txtbox { margin-left: 10px;} .index03 .c3>div { -webkit-line-clamp: 1; } .index03 .c4 { margin-top: 7px; } } @media(min-width:1200px) { .index03 { padding:40px 0 27px; } .index03 .t1 { font-size:32px; } .index03 .content { margin-top: 25px; } .index03 .swiper-container { padding-bottom: 50px; } .index03 .swiper-slide { padding:10px; } .index03 .txtbox { margin-left: 15px; font-size:14px; } .index03 .txtbox b { font-size:15px; } .index03 .c1 { line-height: 2; } .index03 .c2 { line-height: 2; } .index03 .c3>div { -webkit-line-clamp: 2;} .index03 .c4 { margin-top: 10px; } .index03 .swiper-pagination-bullet { width:13px; height:13px; } } @media(min-width:1400px) { .index03 { padding:45px 0 30px; } .index03 .t1 { font-size:36px; } .index03 .content { margin-top: 30px; } .index03 .swiper-container { padding-bottom: 55px; } .index03 .txtbox { margin-left: 20px;} .index03 .c4 { margin-top: 13px; } } @media(min-width:1600px) { .index03 { padding:50px 0 35px; } .index03 .t1 { font-size:40px; } .index03 .content { margin-top: 35px; } .index03 .swiper-container { padding-bottom: 60px; } .index03 .txtbox { margin-left: 25px;} } .index04 { color:#fff; position: relative; overflow: hidden; padding:25px 0 15px; background:#fff url(../images/in04_bg.jpg) no-repeat;background-size:cover; } .index04 .title { text-align:center; } .index04 .t1 { font-weight: bold; font-size:22px; line-height: 1.2; } .index04 .t2 { margin-top: 5px; line-height: 1.5; } .index04 .content { margin-top: 15px; } .index04 .c1 { font-weight: bold; font-size:20px; line-height: 1.5; } .index04 .c2 { line-height:1.6; max-width:100%; width:1285px; margin:10px auto 0; text-indent:2rem; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; } .index04 .more { color:#ffde00; } .index04 .btnbox { margin-top: 15px; text-align:center; } .index04 .btnbox .a1 { display:inline-block; font-size:12px; line-height: 35px; height:35px; padding:0 25px; margin:5px; border-radius:100px; background:#fff; color:#666666; transition:.3s all linear; } .index04 .a1:hover { background:#174699; color:#fff; transition:.3s all linear;} .index04 .swiper-container { margin-top: 20px; } .index04 .swiper-slide { padding:10px; background: #fff; line-height: 1; } .index04 .imgbox:after { padding-top:133%; } .index04 .s1 { color:#888888; margin-top: 5px; } .index04 .swiper-slide{position: relative;} .index04 .swiper-slide:hover .s1 { color:#174699; } .index04 .swiper-button-prev, .index04 .swiper-button-next { font-size:150%; background:#f0f0f0; text-align:center; width:40px; height:65px; line-height: 65px; opacity:1; } .index04 .swiper-button-prev { left:0; transform:translateX(-50%); } .index04 .swiper-button-next { right:0; transform:translateX(50%); } .index04 .swiper-button-prev:hover, .index04 .swiper-button-next:hover { background:#174699; } @media(min-width:768px) { .index04 { padding:30px 0 20px; } .index04 .t1 { font-size:24px; } .index04 .c1 { text-align:center; } .index04 .btnbox { margin-top: 18px; } .index04 .btnbox .a1 { line-height: 39px; height:39px; padding:0 35px; } .index04 .swiper-container { margin-top: 30px; } } @media(min-width:992px) { .index04 { padding:35px 0 24px; } .index04 .t1 { font-size:28px; } .index04 .t2 { margin-top: 10px; } .index04 .content { margin-top: 20px; } .index04 .c2 { margin-top: 12px; } .index04 .btnbox { margin-top: 22px; } .index04 .btnbox .a1 { line-height: 43px; height:43px; font-size:14px; padding:0 45px; } .index04 .swiper-container { margin-top: 35px; } .index04 .swiper-slide { padding:12px; } } @media(min-width:1200px) { .index04 { padding:40px 0 27px; overflow: visible; } .index04 .t1 { font-size:32px; } .index04 .content { margin-top: 25px; } .index04 .c2 { margin-top: 16px; } .index04 .btnbox { margin-top: 25px; } .index04 .btnbox .a1 { line-height: 47px; height:47px; font-size:16px; padding:0 50px; } .index04 .swiper-container { margin-top: 40px; } .index04 .swiper-slide { padding:16px; } .index04 .s1 { margin-top: 8px; font-size:15px; } .index04 .bigimg {display:none;position: fixed; z-index:999; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; } .index04 .bigimg img {max-height:90vh;max-width:90vw;} } @media(min-width:1400px) { .index04 { padding:45px 0 30px; } .index04 .t1 { font-size:36px; } .index04 .content { margin-top: 30px; } .index04 .c2 { margin-top: 20px; } .index04 .btnbox { margin-top: 30px; } .index04 .btnbox .a1 { line-height: 51px; height:51px; padding:0 55px; } .index04 .swiper-container { margin-top: 45px; } .index04 .swiper-slide { padding:20px; } .index04 .s1 { margin-top: 10px; } } @media(min-width:1600px) { .index04 { padding:50px 0 35px; } .index04 .t1 { font-size:40px; } .index04 .content { margin-top: 35px; } .index04 .btnbox { margin-top: 35px; } .index04 .btnbox .a1 { line-height: 55px; height:55px; padding:0 60px; } .index04 .swiper-container { margin-top: 50px; } } .index05 { position: relative; overflow: hidden; padding:25px 0; background:#fff; } .index05 .panel { border:1px solid #dbdfe5; padding:15px 15px; height:100%; } .index05 .t1 { font-size:20px; color:#000; font-weight: bold; line-height: 1.2; } .index05 .more { color:#888; font-size:12px; } .index05 .more:hover { color:#d01b22; } .index05 .content { margin-top: 10px; } .index05 .leftbox .swiper-container { height:207px; } .index05 .leftbox .swiper-slide { height:30%!important;} /* .index05 .slide { margin-top:10px; } */ .index05 .slide:hover .s1 { color:#d01b22; } .index05 .imgbox { background:#e2e5ec; width:17.3%; max-width:140px; } .index05 .imgbox img { height:100%; max-width:unset; max-height:unset; } .index05 .imgbox:after { padding-top:71%; } .index05 .rightbox .ratio { overflow:hidden;display:block; border:1px solid #eee;} .index05 .rightbox .ratio:before { padding-top:32.8%; } .index05 .rightbox .ratio img { height:unset; top:50%; transform:translateY(-50%) scale(1); transition:.3s all linear;} .index05 .rightbox .ratio:hover img { transform:translateY(-50%) scale(.6); transition:.3s all linear;} .index05 .txtbox { flex:1; width:50%; margin:0 15px 0 0px; line-height: 1; } .index05 .s1 { font-weight: bold; color:#333; font-size:14px; margin-top: 5px; } .index05 .s2 { color:#888; font-size:12px; line-height: 1.6; margin-top: 5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; } .index05 .datebox { background:#eceff4; color:#454c5d; padding:0 10px; line-height: 1; } .index05 .d1 { font-size:16px; font-weight: bold; } .index05 .d2 { font-size:12px; font-weight: bold; margin-top: 5px;} .index05 .q1 { font-weight: bold; color:#333; margin-top: 8px; } .index05 .q1:hover>div { color:#d01b22; } .index05 .q1>div { line-height: 1.4; } .index05 .q1 i { color:#fff; background:#174699; font-size:12px; height:21px; line-height: 21px; padding:0 4px; display:block; margin-right: 5px; } .index05 .q2 { color:#888888; font-size:12px; margin-top: 5px; padding-bottom:5px; border-bottom:1px solid #d2d6dc; } .index05 .q2>div { line-height: 1.7; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; } .index05 .q2 i { color:#fff; background:#d01b22; font-size:12px; height:21px; line-height: 21px; padding:0 4px; display:block; margin-right: 5px; } @media(min-width:576px) { .index05 .txtbox { margin:0 15px 0 10px; } } @media(min-width:768px) { .index05 { padding:35px 0; } .index05 .panel { padding:15px 25px; } .index05 .leftbox .swiper-container { height:257px; } .index05 .t1 { font-size:22px; } .index05 .txtbox { margin:0 22px 0 12px; } .index05 .d1 { font-size:18px; } .index05 .q1 { margin-top: 10px; } .index05 .q2 { margin-top: 7px; padding-bottom: 7px; } } @media(min-width:992px) { .index05 { padding:40px 0; } .index05 .panel { padding:15px 35px; } .index05 .t1 { font-size:24px; } .index05 .more { font-size:13px; } .index05 .content { margin-top: 15px; } .index05 .leftbox .swiper-container { height:220px; } .index05 .txtbox { margin:0 27px 0 15px; } .index05 .s1 { font-size:15px; } .index05 .s2 { font-size:13px; } .index05 .datebox { padding:0 15px; } .index05 .d1 { font-size:20px; } .index05 .d2 { font-size:13px; } .index05 .q1 { margin-top: 11px; } .index05 .q1 i { margin-right: 10px; } .index05 .q2 { margin-top: 10px; font-size:13px; } .index05 .q2 i { margin-right: 9px; } } @media(min-width:1200px) { .index05 { padding:45px 0; } .index05 .panel { padding:20px 40px; } .index05 .t1 { font-size:26px; } .index05 .more { font-size:14px; } .index05 .content { margin-top: 20px; } .index05 .leftbox .swiper-container { height:270px; } /* .index05 .slide { margin-top:15px; } */ .index05 .txtbox { margin:0 32px 0 20px; } .index05 .s1 { font-size:16px; margin-top: 10px; } .index05 .s2 { margin-top: 10px; } .index05 .datebox { padding:0 20px; } .index05 .d1 { font-size:22px; } .index05 .q1 { margin-top: 13px; } .index05 .q2 { margin-top: 11px; padding-bottom: 10px; } } @media(min-width:1400px) { .index05 { padding:50px 0; } .index05 .panel { padding:25px 45px; } .index05 .t1 { font-size:28px; } .index05 .content { margin-top: 25px; } .index05 .leftbox .swiper-container { height:314px; } .index05 .txtbox { margin:0 37px 0 25px; } .index05 .s1 { font-size:17px; } .index05 .s2 { font-size:14px; } .index05 .datebox { padding:0 25px; } .index05 .d1 { font-size:24px; } .index05 .d2 { font-size:14px; } .index05 .q1 { margin-top: 15px; } .index05 .q1 i { margin-right: 15px; } .index05 .q2 { margin-top: 13px; font-size:14px; padding-bottom: 12px; } .index05 .q2 i { margin-right: 15px; } } @media(min-width:1600px) { .index05 { padding:60px 0; } .index05 .panel { padding:30px 50px; } .index05 .t1 { font-size:30px; } .index05 .content { margin-top: 30px; } .index05 .leftbox .swiper-container { height:328px; } .index05 .txtbox { margin:0 45px 0 30px; } .index05 .s1 { font-size:18px; margin-top: 15px; } .index05 .s2 { margin-top: 15px; } .index05 .datebox { padding:0 30px; } .index05 .d1 { font-size:26px; } .index05 .q1 { margin-top: 17px; } .index05 .q2 { margin-top: 15px; padding-bottom: 15px;} } .goods02 { padding:15px; position: relative; overflow: hidden; } .goods02 h3 {margin-bottom: 10px;font-size:24px;line-height: 32px;} .goods02 h4 {margin-top:15px;font-size:120%;color:#fff;background:#183883;padding:0 10px;line-height: 2;display:inline-block;} .goods02 h4 a:hover { color:#cf1a20; } .goods02-main-img {border:1px solid #eee;overflow:hidden;} .goods02-main-img:before { content:''; position: absolute; z-index:2; left:0; top:0; height:100%; width:100%; background:url(../images/sy.png) no-repeat center; background-size:cover;} .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 #183883;} .goods02-right { overflow: hidden; } .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:#183883;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:#183883;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:15px;} .goods02 h4 {margin-top:20px;} .goods02-submit {margin-top:15px;} } @media(min-width:992px) { .goods02 {padding:20px;} .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:20px;} .shuiyin {font-size:28px;line-height: 70px;} .goods02-imgmore {margin-top:15px;} } @media(min-width:1200px) { .goods02 {padding:20px;} .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-right .goods02-submit div b { font-size:24px; } .goods02-imgmore {margin-top:20px;} } @media(min-width:1400px) { .goods02 {padding:25px;} .goods02 h3 {margin-bottom: 25px;} .goods02-right .goods02-options .c1 {font-size:16px;} .goods02-right .goods02-submit {margin-top:24px;} .goods02-right .goods02-submit div:nth-child(2) {margin-top: 25px;} .goods02-right .goods02-submit div b { font-size:26px; } .goods02-imgmore {margin-top:25px;} } @media(min-width:1600px) { .goods02 {padding:30px;} .goods02-right .goods02-submit div b { font-size:30px; } } .goods03 {padding:15px;} .goods03-title {background:#fff;position:relative;border-bottom:1px solid #ddd;} .goods03-title h3 {font-size:20px;color:#fff;background:#183883;padding:3px 6px;margin:0;} .goods03-title span {display:block;height:5px;background:#183883;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:before { content:''; position: absolute; z-index:2; left:0; top:0; height:100%; width:100%; background:url(../images/sy.png) no-repeat center; background-size:cover;} .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:#183883;} .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:#183883; 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; padding-top: 10px;} .goods03-title h3 {font-size:21px;padding:3px 10px;} .goods03-content .slide:hover {color:#183883;} .goods03-slide-imgbox .shadow:before {width:35px;height:35px;line-height:35px;} } @media(min-width:1200px) { .goods03 {padding:20px; padding-top: 10px;} .goods03-title { margin-bottom:25px; } .goods03-title h3 {font-size:22px;padding:5px 10px;} .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 {padding:25px; padding-top: 10px; } .goods03-title h3 {font-size:23px;padding:7px 15px;} .goods03-content {font-size:16px;} .goods03-slide-imgbox .shadow:before {width:45px;height:45px;line-height:45px;} } @media(min-width:1600px) { .goods03-title h3 {font-size:24px;padding:9px 20px;} .goods03-slide-imgbox .shadow:before {width:50px;height:50px;line-height:50px;} } /*文章列表页样式*/ .news .list .slide {margin-bottom:5px;padding:15px;position:relative;background: #fff;transition:.3s all;} .news .list .slide .datebox {display:none;} .news .list .slide .imgbox { background:#f9f9f9; border:1px solid #ddd; } .news .list .slide .imgbox:after {padding-top:65%;} .news .list .slide .txtbox { margin-top:15px; } .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:#183883;} .news .list .slide:hover .c3 {color:#183883;} .news .list .slide:hover:before {background:#183883;width:150px;transition:.6s all;} @media(max-width:767px) { .news .list .slide .c1 {margin-top:15px;} } @media(min-width:992px) { .news .list { padding-top: 0; } .news .list .slide {padding:20px; margin-bottom: 10px; } .news .list .slide a {display:flex;} .news .list .slide .datebox {display:flex; flex-direction: column; justify-content: center; align-items: center; box-shadow:7px 7px 0 0 #183883; margin-right:15px; width:100px; border:1px solid #ddd; transform:translateY(-5px) scale(.9); text-align:center;} .news .list .slide .datebox .d1 { color:#183883; font-weight: bold; font-size:26px; line-height:1.5;} .news .list .slide .datebox .d2 { color:#aaa; line-height:1.5;} .news .list .slide .imgbox {margin-right:5%;width:230px;} .news .list .slide .txtbox { flex:1; width:50%; margin-top: 0;} .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 {padding:25px;margin-bottom: 15px; } .news .list .slide .datebox { margin-right: 20px; } .news .list .slide .datebox .d1 { font-size:32px;} .news .list .slide .c2 {margin-top:20px;} } @media(min-width:1400px) { .news .list .slide {padding:30px;margin-bottom: 20px; } .news .list .slide .datebox { margin-right: 25px; } .news .list .slide .datebox .d1 { font-size:38px;} .news .list .slide .c2 {margin-top:20px;} } @media(min-width:1600px) { .news .list .slide {padding:35px; } .news .list .slide .datebox { margin-right: 30px; } .news .list .slide .datebox .d1 { font-size:42px;} .news .list .slide .c2 {margin-top:20px;} } .video01 {background:url(../images/videobody_bg.jpg) no-repeat;background-size:cover;position:relative;overflow: hidden;} .video01 .container {padding:25px 15px;} .video01 .title {background: url(../images/video_tit_bg.png) no-repeat right 10% top;padding: 35px 0 10px;background-size:auto 100%;} .video01 .t1 {color:#333;font-size:20px;font-weight: bold;} .video01 .content {margin-top:10px;} .video01 .slide {margin-bottom: 20px;} .video01 .imgbox:after {padding-top:60%;} .video01 .txtbox {color:#7a7b7e;margin-top:15px;border-left:5px solid #183883;} .video01 .slide:hover .imgbox>img {transform:translate(-50%,-50%) scale(1.1);} .video01 .slide:hover .txtbox {color:#183883;} @media(min-width:768px) { .video01 .container {padding:35px 20px;} .video01 .title {padding: 45px 0 15px;} .video01 .t1 {font-size:24px;} .video01 .slide {margin-bottom: 25px;} .video01 .txtbox {margin-top:20px;} } @media(min-width:992px) { .video01 .container {padding:40px 25px;} .video01 .title {padding: 50px 0 15px;} .video01 .t1 {font-size:26px;} .video01 .slide {margin-bottom: 30px;} .video01 .txtbox {margin-top:25px;} } @media(min-width:1200px) { .video01 .container {padding:50px 30px;} .video01 .title {padding: 55px 0 20px;} .video01 .t1 {font-size:28px;} .video01 .slide {margin-bottom: 35px;} .video01 .txtbox {margin-top:30px;} } @media(min-width:1400px) { .video01 .container {padding:55px 35px;} .video01 .title {padding: 60px 0 25px;} .video01 .t1 {font-size:32px;} .video01 .slide {margin-bottom: 40px;} .video01 .txtbox {font-size:17px;margin-top:35px;} } @media(min-width:1600px) { .video01 .container {padding:60px 40px;} .video01 .title {padding: 65px 0 30px;} .video01 .t1 {font-size:36px;} .video01 .slide {margin-bottom: 45px;} .video01 .txtbox {font-size:18px;margin-top:40px;} } .message01 {border-top:1px solid #333;padding:30px 15px 30px;position:relative;overflow: hidden;} .message01 .t1 {color:#333;font-size:20px;font-weight: bold;} .message01 .t2 {color:#757575;margin-top:8px;} .message01 .content {margin-top:20px;} .message01 .slide {color:#888888;background:#f9f9f9;line-height:40px;margin-bottom:10px;white-space:nowrap;} .message01 .slide input {background:#f9f9f9;width:84%;} .message01 .slide textarea {background:#f9f9f9;width:90%;font-size:14px;line-height: 24px;height:92px;padding-top:7px;} .message01 .submit {color:#fff;background:#183883;display:block;text-align:center;border-radius:0;} .message01 .submit .btn2 {padding:0;border:none;border-radius: 0;background:#183883; } .message01 .submit .btn-inner {transition:.36s all linear;} .message01 .submit .btn-inner i {right:-10px!important;} .message01 .submit .btn-inner i:before {content:'';opacity:0;} .message01 .btn2:hover .btnbg-x {background:#f5af02; } @media(min-width:768px) { .message01 {padding:35px 15px 40px 7%;max-width:600px;margin:0 auto;} .message01 .t1 {font-size:24px;} .message01 .t2 {margin-top:10px;} .message01 .slide {line-height:45px;} } @media(min-width:992px) { .message01 {padding:35px 0 40px 7%;max-width:800px;} .message01 .t1 {font-size:26px;} .message01 .content {margin-top:30px;} .message01 .slide {line-height:50px;} .message01 .slide:hover {border-color:#183883;} .message01 .submit {font-size:16px;transition:.36s all;} .message01 .submit:hover {background: #183883;transition:.36s all;} } @media(min-width:1200px) { .message01 {padding:55px 0 45px 7%;max-width:950px;} .message01 .t1 {font-size:28px;} .message01 .t2 {margin-top:13px;} .message01 .content {margin-top:40px;} .message01 .slide {line-height:60px;} .message01 .slide textarea {font-size:16px;line-height: 30px;height: 120px;padding-top:11px;} } @media(min-width:1400px) { .message01 {padding:70px 0 55px 7%;max-width:1100px;} .message01 .t1 {font-size:32px;} .message01 .t2 {margin-top:15px;font-size:17px;} .message01 .content {margin-top:40px;} .message01 .slide {line-height:65px;} .message01 .slide textarea {font-size:16px;line-height: 30px;height: 120px;padding-top:11px;} } @media(min-width:1600px) { .message01 {padding:85px 0 65px 7%;max-width:1200px;} .message01 .t1 {font-size:36px;} .message01 .t2 {font-size:18px;} .message01 .content {margin-top:50px;} .message01 .slide {line-height:70px;margin-bottom:15px;} .message01 .slide textarea {font-size:16px;line-height: 30px;height:120px;padding-top:13px;} .message01 .submit {font-size:18px;} } .sidebox .type .s1 {color:#fff; background: #183883;font-size:16px; line-height:2.5;padding-left: 15px;border: 1px solid #ddd;border-bottom: none;} .sidebox .type .m1 {transform:rotate(-90deg);} .sidebox .type .s1.active .m1 {transform:rotate(0deg);} .sidebox .type .list { background: #f9f9f9; border:1px solid #dddddd; overflow: hidden; } .sidebox .type .list .slide {color:#444444;line-height: 35px;padding:0 15px;} .sidebox .type .list .slide a {display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .sidebox .type .list .slide:hover { color:#fff; background:#183883; } .sidebox .type .contact {background: #f9f9f9;padding:20px 15px; border:1px solid #dddddd;} .sidebox .type .contact .s3 {color:#333333;line-height: 2;} @media(max-width:991px) { .sidebox .type .list {display:none;} .sidebox .type .list.active {display:flex; flex-wrap:wrap; } .sidebox .type .list .slide { flex: 0 0 50%;max-width: 50%; } } @media(min-width:768px) { .sidebox .type .s1 {font-size:18px;} .sidebox .type .contact .s4 {font-size:17px;} } @media(min-width:992px) { .sidebox {flex:0 0 26%;max-width:26%;height:100%;} .sidebox .type .s1 { font-size:20px; padding:0; } /* .sidebox .type .list {padding:10px 0 15px;} */ .sidebox .type .list .slide { position:relative;line-height: 40px; padding:0 20px; overflow: hidden; transition: .2s all linear;} .sidebox .type .list .slide:nth-child(2n) { background:#dfdfdf;} .sidebox .type .list .slide.active {background:#183883;} .sidebox .type .list .slide:hover a,.sidebox .type .list .slide.active a { color:#fff; font-weight: bold; } } @media(min-width:1200px) { .sidebox {flex:0 0 23%;max-width:260px;} .sidebox .type .s1 {font-size:22px;} /* .sidebox .type .list { padding:15px 0 20px; } */ .sidebox .type .list .slide { font-size:15px;line-height: 40px; padding:0 25px; } .sidebox .type .contact {padding:25px 15px;} .sidebox .type .contact .s3 {padding:0 10px;} } @media(min-width:1400px) { .sidebox .type .s1 {font-size:24px;} /* .sidebox .type .list { padding:20px 0 25px; } */ .sidebox .type .list .slide {line-height: 45px; padding:0 30px;} .sidebox .type .contact {padding:30px 15px;} } @media(min-width:1600px) { .sidebox {flex:0 0 18%;} .sidebox .type .s1 {font-size:26px;} /* .sidebox .type .list { padding:20px 0 25px; } */ .sidebox .type .list .slide {line-height: 50px; padding:0 35px;} } /*内页主体布局样式*/ .page {min-height: 400px;padding:0px 0 20px;background:#f0f0f0;} /*内页主内容区*/ .page .mainbox {margin-top: 10px;} .page .mainbox .t1 { color:#333;font-size:18px;font-weight: bold;line-height: 2;border-bottom:1px solid #eee;position:relative;} .page .mainbox .t1:before {content:'';display:block;position:absolute;bottom:0;left:0;height:3px;width:80px;background:#183883;} .page .mainbox .content {line-height: 2;} .page .mainbox .content .info img {max-width:100%!important;height:unset!important;margin:5px 0;} /*图片列表页样式*/ .page .mainbox .content .list:after {content:'';display:block;clear:both;} .page .mainbox .content .list .slide { background:#fff; float:left;width:49%;margin-right:2%;margin-bottom:5px;box-sizing:border-box;} .page .mainbox .content .list .slide:nth-child(2n) {margin-right:0;} .page .mainbox .content .list .slide .txtbox {height:35px;padding:0 10px;display:flex;align-items:center;justify-content: space-between;} .page .mainbox .content .list .slide .txtbox .g1 {color:#333;flex:0 0 100%;max-width: 100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .page .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;} .page .mainbox .content .list .slide .txtbox .g2:hover {color:#f00;} .page .mainbox .content .list .slide .imgbox:hover img {transform:translate(-50%,-50%) scale(1.1);} .page .mainbox .content .list .slide .txtbox .g1:hover {color:#183883;} .page .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; } .page .mainbox .content .list .slide:hover .shadow { opacity:1; transition:.2s all linear; } .page .mainbox .content .list .slide .imgbox .shadow:before { content:'+'; position: relative; z-index:5; color:#183883; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; } .page .mainbox .content .list .slide .tagbox { background:#f9f9f9; padding:10px; } .page .mainbox .content .list .slide .s1 { font-weight: bold; color:#17182e; } .page .mainbox .content .list .slide .s2 { margin-top:5px; } .page .mainbox .content .list .slide .tag { font-size:12px; color:#888888; line-height: 1.5; } /*落地页视频样式*/ .page .mainbox .content .video {width:800px;max-width:100%;height:300px;margin:20px auto;} .page .mainbox .content .video .jw-controlbar {width:100%;} /*落地页样式*/ .page .mainbox .content .c1 { font-size:18px; font-weight: bold; text-align:center; } .page .mainbox .content .c2 {color:#c8c8c8;line-height: 40px; border-bottom:1px dashed #ddd; margin-bottom: 15px; } .page .mainbox .content .c2 a {color:#333;} .page .mainbox .content .img {margin:20px auto 0;text-align: center;} .page .mainbox .content .img img { max-height:100vh;} .page .mainbox .content .info {padding-bottom:40px;margin-top:20px;line-height: 24px;text-align:justify;} .page .mainbox .content .info img {max-width:100%;} .page .mainbox .content .info strong {font-weight: bold;} .page .mainbox .content .info ul {padding-left:20px;} .page .mainbox .submit {background:#183883;border-color:#183883;color:#fff;} /*推荐文章*/ .page .recommendlist {margin-top:10px;} .page .recommendlist .slide a {flex:1;width:50%;margin-right:15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .page .recommendlist .slide a:hover {color:#183883;text-decoration: underline;} .page .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) { /*图片列表页样式*/ .page .mainbox .content .list .slide .txtbox .g1 {flex:0 0 60%;max-width: 60%;} .page .mainbox .content .list .slide .txtbox .g2 {flex:0 0 40%;max-width: 40%;} } @media(min-width:768px) { .pagetitle { padding-bottom: 20px; } .pagetitle .pt1 { font-size:24px; } /*内页主内容区*/ .page .mainbox .t1 {font-size:22px;} /*图片列表页样式*/ .page .mainbox .content .list .slide .txtbox .g1 {flex:0 0 66%;max-width: 66%;} .page .mainbox .content .list .slide .txtbox .g2 {flex:0 0 36%;max-width: 36%;} } @media(min-width:992px) { .page {padding:0px 0 30px;} .pagetitle { padding-bottom: 25px; } .pagetitle .pt1 { font-size:28px; } /*内页主内容区*/ .page .mainbox {margin-top: 0px; } .page .mainbox .swiper-slide .txtbox {font-size:14px;height:40px;padding:0 15px;} .page .mainbox .t1 {font-size:26px;} /*图片列表页样式*/ .page .mainbox .content .list .slide { width:32%; margin-bottom:10px; transition:.2s all linear; } .page .mainbox .content .list .slide:hover { box-shadow:0 0 10px 0 rgba(0,0,0,.3); transition:.2s all linear; } .page .mainbox .content .list .slide:nth-child(2n) {margin-right:2%;} .page .mainbox .content .list .slide:nth-child(3n) {margin-right:0%;} .page .mainbox .content .list .slide .txtbox {font-size:14px;height:40px;padding:0 15px;} .page .mainbox .content .list .slide .txtbox .g1 {flex:0 0 55%;max-width: 55%;} .page .mainbox .content .list .slide .txtbox .g2 {flex:0 0 45%;max-width: 45%;} .page .mainbox .content .list .slide .imgbox .shadow:before {width:35px;height:35px;line-height:35px;} .page .mainbox .content .list .slide .tagbox { padding:15px; } .page .mainbox .content .list .slide .tag { font-size:13px; line-height: 1.8; } /*视频*/ .page .mainbox .content .video {height:350px;} .page .mainbox .content .info { margin-top: 0;} /*推荐列表*/ .page .recommendlist {margin-top:15px;} .page .recommendlist .time {font-size:13px;} } @media(min-width:1200px) { .page {padding:0px 0 40px;} .pagetitle { padding-bottom: 30px; } .pagetitle .pt1 { font-size:32px; } .pagetitle .pt2 { margin-top: 10px; } /*内页主内容区*/ .page .mainbox .t1 {font-size:28px;} /*图片列表页样式*/ .page .mainbox .content .list .slide {width:23.5%;margin-bottom: 12px;} .page .mainbox .content .list .slide:nth-child(2n) {margin-right:2%;} .page .mainbox .content .list .slide:nth-child(3n) {margin-right:2%;} .page .mainbox .content .list .slide:nth-child(4n) {margin-right:0%;} .page .mainbox .content .list .slide .txtbox {height:50px;padding:0 20px;border-top:none;} .page .mainbox .content .list .slide:hover .txtbox {color: #183883;} .page .mainbox .content .list .slide:hover .imgbox {border-bottom:0;} .page .mainbox .content .video {height:450px;} .page .mainbox .content .info {line-height: 32px;padding-bottom:60px;} .page .mainbox .content .c1 {font-size:22px;} .page .mainbox .content .c2 {font-size:14px;line-height: 50px;} .page .mainbox .content .list .slide .imgbox .shadow:before {width:40px;height:40px;line-height:40px;} .page .mainbox .content .list .slide .tagbox { padding:18px; } /*推荐列表*/ .page .recommendlist {margin-top:20px;} } @media(min-width:1400px) { .page {padding:0px 0 50px;} .pagetitle { padding-bottom: 35px; } .pagetitle .pt1 { font-size:36px; } /*内页主内容区*/ .page .mainbox .t1 {font-size:30px;} /*图片列表页样式*/ .page .mainbox .content .list .slide {margin-bottom: 15px;} .page .mainbox .content .list .slide .txtbox {height:55px;} .page .mainbox .content .list .slide .imgbox .shadow:before {width:45px;height:45px;line-height:45px;} .page .mainbox .content .list .slide .tagbox { padding:22px; } .page .mainbox .content .list .slide .tag { font-size:14px; } } @media(min-width:1600px) { .page {padding:0px 0 60px;} .pagetitle { padding-bottom: 45px; } .pagetitle .pt1 { font-size:40px; } /*内页主内容区*/ .page .mainbox .t1 {font-size:32px;} /*图片列表页样式*/ .page .mainbox .content .list .slide .txtbox {height:60px;} .page .mainbox .content .list .slide .imgbox .shadow:before {width:50px;height:50px;line-height:50px;} } .imgbox:before { content:''; position: absolute; z-index:2; left:0; top:0; height:100%; width:100%; background:url(../images/sy.png) no-repeat center; background-size:cover;} /*内页主体布局样式*/ .inpage {min-height: 400px;padding:0px 0 20px;background:#f0f0f0;} .pagetitle { text-align:center; line-height: 1; padding-bottom: 15px; } .pagetitle .pt1 { font-size:22px; font-weight: bold; color:#222; } .pagetitle .pt2 { color:#666666; margin-top: 5px; line-height: 1.3; } /*内页主内容区*/ .inpage .mainbox {margin-top: 10px;} .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:#183883;} .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 { background:#fff; 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 .txtbox {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:#183883;} .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:#183883; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; } .inpage .mainbox .content .list .slide .tagbox { background:#f9f9f9; padding:10px; } .inpage .mainbox .content .list .slide .s1 { font-weight: bold; color:#17182e; } .inpage .mainbox .content .list .slide .s2 { margin-top:5px; } .inpage .mainbox .content .list .slide .tag { font-size:12px; color:#888888; line-height: 1.5; } /*落地页视频样式*/ .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; font-weight: bold; text-align:center; } .inpage .mainbox .content .c2 {color:#c8c8c8;line-height: 40px; border-bottom:1px dashed #ddd; margin-bottom: 15px; } .inpage .mainbox .content .c2 a {color:#333;} .inpage .mainbox .content .img {margin:20px auto 0;text-align: center;} .inpage .mainbox .content .img img { max-height:100vh;} .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:#183883;border-color:#183883;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:#183883;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) { .pagetitle { padding-bottom: 20px; } .pagetitle .pt1 { font-size:24px; } /*内页主内容区*/ .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;} .pagetitle { padding-bottom: 25px; } .pagetitle .pt1 { font-size:28px; } /*内页主内容区*/ .inpage .mainbox {flex:0 0 72%;max-width:72%; margin-top: 0px; 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; transition:.2s all linear; } .inpage .mainbox .content .list .slide:hover { box-shadow:0 0 10px 0 rgba(0,0,0,.3); transition:.2s all linear; } .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 .list .slide .tagbox { padding:15px; } .inpage .mainbox .content .list .slide .tag { font-size:13px; line-height: 1.8; } /*视频*/ .inpage .mainbox .content .video {height:350px;} .inpage .mainbox .content .info { margin-top: 0;} /*推荐列表*/ .inpage .recommendlist {margin-top:15px;} .inpage .recommendlist .time {font-size:13px;} } @media(min-width:1200px) { .inpage {padding:0px 0 40px;} .pagetitle { padding-bottom: 30px; } .pagetitle .pt1 { font-size:32px; } .pagetitle .pt2 { margin-top: 10px; } /*内页主内容区*/ .inpage .mainbox {flex:0 0 76%;max-width:76%;} .inpage .mainbox .t1 {font-size:28px;} /*图片列表页样式*/ .inpage .mainbox .content .list .slide {width:23.5%;margin-bottom: 12px;} .inpage .mainbox .content .list .slide:nth-child(2n) {margin-right:2%;} .inpage .mainbox .content .list .slide:nth-child(3n) {margin-right:2%;} .inpage .mainbox .content .list .slide:nth-child(4n) {margin-right:0%;} .inpage .mainbox .content .list .slide .txtbox {height:50px;padding:0 20px;border-top:none;} .inpage .mainbox .content .list .slide:hover .txtbox {color: #183883;} .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 .mainbox .content .list .slide .tagbox { padding:18px; } /*推荐列表*/ .inpage .recommendlist {margin-top:20px;} } @media(min-width:1400px) { .inpage {padding:0px 0 50px;} .pagetitle { padding-bottom: 35px; } .pagetitle .pt1 { font-size:36px; } /*内页主内容区*/ .inpage .mainbox {flex:0 0 78%;max-width:78%;} .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 .simgbox:before { content:''; position: absolute; z-index:2; left:0; top:0; height:100%; width:100%; background:url(../images/sy.png) no-repeat center; background-size:cover;} .inpage .mainbox .content .list .slide .imgbox .shadow:before {width:45px;height:45px;line-height:45px;} .inpage .mainbox .content .list .slide .tagbox { padding:22px; } .inpage .mainbox .content .list .slide .tag { font-size:14px; } } @media(min-width:1600px) { .inpage {padding:0px 0 60px;} .pagetitle { padding-bottom: 45px; } .pagetitle .pt1 { font-size:40px; } /*内页主内容区*/ .inpage .mainbox {flex:0 0 80%;max-width:80%;} .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;} } .footer {color:#dbdcdf;background:#232936;position:relative;z-index:2;overflow:hidden;padding-top:25px;} .footer a:hover {color:#fff;} .footer .t1 { color:#fff; font-size:16px; } .footer .list { margin-top: 15px; line-height: 2; } .footer .list a { flex:0 0 45%; max-width:45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .footer .c1 { line-height: 2; } .footer .wxtxt { margin-right: 10px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: bt-rl;writing-mode: vertical-rl; text-align:center; line-height: 1.5; margin-right:15px; } .footer .bottom {color:#a6a9b4;margin-top:15px;border-top:1px solid rgba(255,255,255,.1);padding:10px 0;line-height: 2;} @media(min-width:768px) { .footer {padding-top:30px;} .footer .t1 { font-size:17px; } .footer .bottom {margin-top:15px;} } @media(min-width:992px) { .footer {padding-top:35px;} .footer .t1 { font-size:18px; } .footer .list { margin-top: 20px; } .footer .list a { flex:0 0 30%; max-width:30%; } .footer .bottom {margin-top:20px;} } @media(min-width:1200px) { .footer {font-size:14px;padding-top:45px;} .footer .t1 { font-size:19px; } .footer .list { margin-top: 23px; } .footer .wxtxt { margin-right: 20px; } .footer .bottom {font-size:14px;margin-top:25px;} } @media(min-width:1400px) { .footer .t1 { font-size:20px; } .footer .list { margin-top: 27px; } .footer .list a { flex:0 0 22%; max-width:22%; } .footer .wxtxt { margin-right: 25px; } } @media(min-width:1600px) { .footer {padding-top:55px;} .footer .t1 { font-size:22px; } .footer .list { margin-top: 30px; } .footer .wxtxt { margin-right: 30px; } .footer .bottom {margin-top:30px;} } .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:9;} .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;} } .shadow {background:rgba(0,0,0,.54);display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99991;} .contact-map {background:#fff;padding:10px;line-height:1;} #dituContent {height:200px;} #dituContent img {max-width:unset!important;} @media(min-width:992px) { #dituContent {height:300px;} } @media(min-width:1200px) { #dituContent {height:400px;} }