@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;}
}