@charset "utf-8"; /* CSS Document */ .tc{text-align:center !important;} .tl{text-align:left !important;} .tr{text-align:right !important;} .pa{position: absolute;} .pr{position: relative;} .lf{float: left;} .rt{float: right;} .fpx16{font-size: 16px;font-size: 1.6rem;} .imgResponsive{width: 100%;height: 0;padding-bottom: 55.41%;overflow:hidden;display: block;} .imgResponsive img{width: 100%;transition: all 0.3s ease-in-out;} .imgResponsive img:hover{opacity: 0.95;} /*浣庣増鏈烦杞牱寮?/ .ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.3;filter:alpha(opacity=30);z-index:99998;} .ie9tips{width:400px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -200px;line-height: 1.8;color:#fff;z-index:99999;text-align:center;} .ie9tips a{color:red;} .ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);} .ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;} .gp-addList02 li { margin-top: 60px; margin-right: 17px; background-color: #efefef; } .gp-addList02 li.end { margin-right: 0px; } .gp-list02 li a { /* background: #fff; */ padding: 0 0px 30px 40px; } .gp-fl { float: left; } .rightDate { top: 0; right: 15px; z-index: 2; display: block; text-align: center; width: 40px; height: 50px; background: #092c87; background: rgba(0,0,0,0.5); } .gp-list02 li a .rightDate{ top: auto; right: auto; background: #990000; position: relative; } .gp-list02 li a .rightDate:before{ content: '';clear: both;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:#092C87 ;z-index: 1;-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition: all 0.3s ease-in-out;} .gp-addList02 li a .rightDate{ position: absolute; left: 25px; top: -10px; } .copyRight{border-top: 1px solid #cddcf4;padding:18px 0;text-align: center;color:#fff;line-height: 1.5;font-style : normal;} .content_bg_white{ background-color: white; } .content_bg_gray{ background-color: #efefef; } .content_bg_blank{ background-color: #999; } .gp-addList02 { float: left; margin: 0; width: 100%; margin-top: -20px; } .quick_warp{margin-top:20px;margin-bottom:30px;} .quick_item{float: left;padding: 16px;display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; align-items: center; flex-basis: auto; } .quick_item img{width: 42px;} .quick_link a{font-size: 16px;text-align: center;} .gp-title a:hover,.gp-box01 a:hover{box-shadow: -1px 10px 20px rgba(0,0,0,0.1);position: relative;z-index: 9;} .more:hover{transform: scale(1.2);color:#092c87} .mode02 .more:hover,.mode02 .more:hover span{color:#e7784d} .gp-title a:hover{top: -10px;} .gp-title a:hover .title{color:#092C87} .mode02 .gp-title a:hover .title{color:#fff} a:hover .rightDate{background: #092c87;} a:hover .rightDate,.gp-box01 a:hover .gp-imgInfo{opacity: 1; transform: perspective(600px) rotateX(0deg); z-index: 99;} .gp-box01 a:hover .gp-imgInfo p{padding-left: 40px;} .gp-imgList01 li a:hover{} .gp-title a:hover i {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); } .gp-list02 li a:hover .text02{padding-left: 10px;color:#092C87} .gp-list02 li a:hover .rightDate:before{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .gp-list03 li a:hover .gp-text02 span{padding-left: 15px;} .gp-list04 li a:hover .topDate04 span,.gp-list04 li a:hover .topDate04 i,.gp-list04 li a:hover .topDate04 strong{background-color: #092C87;} .gp-list04 li a:hover{background-color:#fff ;top: -10px;} .gp-list04 li a:hover .gp-text04{color:#333} .gp-box05 ul li a:hover h3{font-size: 1.6rem;color:#333} .gp-list03 li a:hover .gp-textTitle03 .icon-gong {-webkit-animation: tada 2s linear infinite;animation: tada 2s linear infinite } .gp-box05 ul li a:hover .icon-gong{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .gp-box05 ul li a:hover .gp-back{transform: rotateY(0);opacity: 1;} .gp-box05 ul li a:hover .gp-front{transform: rotateY(-180deg);opacity: 0;} .iconBox{ -webkit-transition:-webkit-transform ease-out .1s,background .2s; -moz-transition:-moz-transform ease-out .1s,background .2s; transition:transform ease-out .1s,background .2s;overflow: visible;} .iconBox:after {display: block;pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,.1); opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9)} .gp-list06 li a:hover .iconBox { background:rgba(255,255,255,.9); -webkit-transform:scale(.93); -moz-transform:scale(.93); -ms-transform:scale(.93); transform:scale(.93);} .gp-list06 li a:hover .iconBox:after{content: '';display: block; -webkit-animation:sonarEffect 1s ease-out 75ms; -moz-animation:sonarEffect 1s ease-out 75ms; animation:sonarEffect 1s ease-out 75ms} /*1.鐢卞皬鍙樺ぇ鐨勬姈鍔?/ .gp-list06 li a:hover .iconBox{ -webkit-animation: tada 2s linear infinite; animation: tada 2s linear infinite } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%,20% { -webkit-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg) } 30%,50%,70% { -webkit-transform: scale(1.2) rotate(8deg); transform: scale(1.2) rotate(8deg) } 40%,60% { -webkit-transform: scale(1.2) rotate(-8deg); transform: scale(1.2) rotate(-8deg) } 100%,80% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%,20% { -webkit-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg) } 30%,50%,70% { -webkit-transform: scale(1.2) rotate(8deg); transform: scale(1.2) rotate(8deg) } 40%,60% { -webkit-transform: scale(1.2) rotate(-8deg); transform: scale(1.2) rotate(-8deg) } 100%,80% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @-webkit-keyframes sonarEffect { 0% {opacity:.3 } 40%{opacity:.5; box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.5)} 100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.5); -webkit-transform:scale(1.25); opacity:0 } } @-moz-keyframes sonarEffect { 0% { opacity:.3 } 40% {opacity:.5; box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.5) } 100% { box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.5); -moz-transform:scale(1.25); opacity:0 } } @keyframes sonarEffect { 0% { opacity:.3} 40% { opacity:.5; box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.5) } 100% { box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.5); transform:scale(1.25); opacity:0 }} .gp-imgList01 li a:hover .gp-img-responsive{padding-bottom: 56.67%;} .gp-imgList01 li a:hover .Imgtext01{padding-top: 28px;padding-bottom:28px;} [class*="gp-avg"] > li {float: left;} @media screen and (min-width:100px){ [class*="gp-avg"] li{width: 100%;display: block;} } @media screen and (min-width:767px) { .gp-avg-sm-1 > li{width: 100%;} .gp-avg-sm-2 > li{width: 50%;} .gp-avg-sm-3 > li{width: 31%;} .gp-avg-sm-4 > li{width: 25%;} .gp-avg-sm-5 > li{width: 20%;} } @media screen and (min-width: 1024px) { .gp-avg-sm-3 > li{width: 32%;} } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gp-f12 { font-size: 12px; font-size: 1.2rem; } .gp-f16 { font-size: 16px; font-size: 1.6rem; } .mode02 .text02 { /* padding-top: 20px; */ margin-left: 80px;margin-right: 10px; height: 48px; line-height: 24px; overflow: hidden; } .gp-list02 li a .rightDate:before { content: ''; clear: both; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #092C87; z-index: 1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition: all 0.3s ease-in-out; } .white * { color: #fff; } .gp-f18{ font-size: 18px; } .mode02 .rightDate strong, .rightDate i { display: block; font-style: normal; position: relative; z-index: 2; } .mode02 .rightDate strong { margin-top: 5px; } .gp-addList02 a { margin-right: 18px; position: relative; } .gp-list02 li a:hover .text02 { padding-left: 10px; color: #990000; } .meiti .post-143 .news { padding: 11px 0; border-bottom: 1px solid rgb(168 168 168 / 50%); } .post-143 .news_list .news_top { margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center; } .post-143 .news_list .news_date { font-size: 16px; /* font-weight: bold; */ color: #ae1f3a; position: relative; padding: 10px 0; display: inline-block; } .news_list .news_date:before { content: ""; position: absolute; background: #ae1f3a; width: 100%; height: 1px; bottom: 0; left: 0; opacity: 0.5; /* transition: 1s; */ } .news_list .news_date:after { content: ""; position: absolute; background: #ae1f3a; width: 0; height: 1px; bottom: 0; left: 0; opacity: 0.5; transition: 1s; } .post-143 .news_list .news_form { font-size: 16px; color: #BA1C25; padding: 0 5px; border-left: 1px solid #BA1C25; border-right: 1px solid #BA1C25; } .post-143 .news_list .news_title { font-size: 16px; height: 60px; line-height: 180%; text-overflow: -o-ellipsis-lastline; overflow: hidden; display: -webkit-box; margin-bottom:2px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 褰卞儚 */ /* .tjyx .title h2{background: url("../images/titlebg6.png") no-repeat center;} */ .tjyx-list li{width:20%;float: left;position: relative;} .tjyx-list li img{vertical-align:middle;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s} .tjyx-list li:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)} .tjyx-list li a{display: block;width:100%;overflow: hidden} .tjyx-txt{position:relative;text-align: center;font-size: 16px;color:#333333;padding: 15px;border-left: 1px solid #F6F8FA;border-right: 1px solid #F6F8FA;border-bottom: 1px solid #F6F8FA;} .tjyx-txt b.line{width:1px;height:20px;background: #E7E8E9;margin: auto} .tjyx-detail{font-size: 14px;color:#fff;margin-top: 20px;line-height: 24px;display: none} .tjyx-list li.active .tjyx-txt{background: #9d1d22;border: 0;} .tjyx-list li.active .tjyx-txt p.name{color:#fff} .tjyx-list{overflow: hidden;margin-bottom:10px;} /* 寰俊寰崥 */ .index_wechat {float: left;width: calc(100% - 390px - 380px);position: relative;} .index_wechat_title { width: 96%; border-bottom: #666 1px solid; padding-bottom: 20px; height: auto; overflow: hidden; } .wechat_logo {float: left;margin-top: 18px;width: 50px;} .wechat_t {float: left;margin-left: 20px;} .wechat_t h2{font-size: 18px;color: #fff;font-weight:bold;margin-top: 15px;} .wechat_t p{display: inline-block;margin-right: 20px;margin-top: 10px;color: #fff;} .follow_wechat{float: right;cursor: pointer;color: #fff;border: #fff 1px solid;text-align: center;width: 100px;height: 50px;font-size: 16px;line-height: 50px;margin-top: 20px;margin-right: 20px;} .wechat_qr{display: none;position: absolute;right: 10px;top: 0px;width:120px;height:120px;} .index_wechat_l{width: 100%;height:auto;margin: 0 auto;padding: 0;overflow: hidden} .index_wechat_l ul li{width: 100%;margin-top: 15px;overflow: hidden;height: 52px;} .index_wechat_l ul li img{float: left;width:235px;height:130px;} .index_wechat_l ul li .wechat_l_r{} .index_wechat_l ul li .wechat_l_r h2{font-size: 16px;font-weight: bold;color:#fff;overflow: hidden;height: 18px;} .index_wechat_l ul li .wechat_l_r p{color: #fff;margin-top: 10px;} .index_wechat_l ul li .wechat_l_r span{color: #efefef;margin-top: 10px;display: block;font-size:12px} .index_wechat_l ul li .wechat_l_r span font{display: inline-block;} .index_wechat_l ul li a:hover{color:#ccc;font-weight:bold;} .index_wechat_l ul li h2{letter-spacing: 2px;} .index_other{width: 340px;float: right;} .index_other h2{font-size: 18px;color: #fff;font-weight: bold;} .index_other ul li{width: 48%;display: inline-block;border:#666 1px solid;border-radius: 10px;margin-top: 10px;} .index_other ul li img{display: inline-block;} .index_other ul li p{display: inline-block;color: #fff;} .index_other ul li:hover{border: #b0b0b0 1px solid;background: #4d4d4d;} .index_weibo{width: 380px;height:480px;float: left;margin-left: 20px;} /* 涓撻涓撴爮 */ .oh{overflow:hidden} .m-lm{overflow:hidden;margin-top: 30px;margin-bottom: 30px;} .m-lm .l{width:70px;height:100px;line-height:100px;background-color:#ac3638;text-align:center;margin-right:20px;float: left;} .m-lm .l .name{display:inline-block;vertical-align:middle;font-size:22px;font-weight:700;color:#fff;line-height:1.2} .ul-lmb1{overflow:hidden;margin:0 -10px} .ul-lmb1 li{float:left;width:20%} .ul-lmb1 .con{display:block;overflow:hidden;margin:0 10px} .ul-lmb1 .con:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)} .ul-lmb1 .con img{vertical-align:middle;height:100px;-webkit-transition:.6s;-o-transition:.6s;-moz-transition:.6s;transition:.6s} .address{display: none;transition: all .6s;height: auto;line-height: 200%;font-size:1.2rem} .other_meiti{width: 1380px;margin: 0 auto;display: flex;padding: 40px 0;flex-wrap: wrap;margin-top: 15px;} .o_mt_item{width: 14%;text-align: center;} .o_mt_item:hover{cursor: pointer;} .o_mt_item .tit{padding-top: 10px;} .mt_qrcode img{width: 80px;} .qrcode_logo{display: none;} .mtjj .lr li{height: 55px;line-height: 55px;margin-bottom:4px;} .mtjj .lr li a{height: 62px;} @media screen and (max-width:1660px) { .gp-avg-sm-3 > li{width: 31.5%;} .index_weibo{margin-left:10px;} .follow_wechat{margin-right:0px;margin-top:20px;width:80px;font-size:14px;} .index_wechat_l ul li .wechat_l_r h2{font-size:14px;} .wechat_t h2 {font-size:16px} .wechat_t{margin-left:5px;} .wechat_t p{margin-right:5px;} } @media screen and (max-width:1460px) { .other_meiti{width: 1200px;} .quick_item{padding:10px;} } @media screen and (max-width:1220px) { .other_meiti{width: 90%;} } @media screen and (max-width:640px) { .other_meiti{width: 90%;} .o_mt_item{width: 32.2%;} .gp-avg-sm-3 > li{width: 100%;} .quick_warp{display:none;} .tjyx-list li{width:50%;height:auto} .tjyx-list li a{height: 200px;} .logo img{margin-top: 15px;} }