@charset "utf-8";
#mediaplayer_logo {
display: none;
}
A {
color: #333333;
outline: none;
text-decoration: none;
}
A:visited, A:active {
color: #333333;
}
A:hover {
color: #023e7f;
}
BODY {
margin: 0px;
padding: 0;
font-family: "微软雅黑";
background: #fff;
line-height: 1.6;
font-size: 16px;
color: #333333;
}
@media only screen and (max-width: 1200px) {
BODY {
font-size: 13px;
}
}
body,
html {
width: 100%;
height: 100%;
}
p,
b,
ul,
li,
input,
img,
button {
margin: 0px;
padding: 0px;
}
button {
border: 0;
background: none;
}
input {
border: 0px;
}
img,
button,
label,
:before,
:after {
border: 0px;
vertical-align: middle;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
max-width: 100%;
height: auto;
}
li {
list-style: none;
}
a,
li,
i,
span {
outline: none;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
b,
label {
font-weight: normal;
}
input,
button,
select,
textarea {
outline: none;
font-family: "微软雅黑";
font-size: 16px;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
margin: 0px;
padding: 0px;
height: 0px;
}
.img_content {
width: 100%;
overflow: hidden;
}
.img_content img {
width: 100%;
}
.text_content {
width: 100%;
}
.ny_main {
width: 1200px;
margin: 0 auto;
}
@media only screen and (min-width: 1600px) {
.ny_main {
width: 1400px;
}
}
@media only screen and (max-width: 1200px) {
.ny_main {
width: 100%;
}
}
.main {
width: 1200px;
margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
.main {
width: 100%;
}
}
.p60 {
padding: 50px 40px 40px 40px;
}
@media only screen and (min-width: 1600px) {
.p60 {
padding: 65px 60px 60px 60px;
}
}
@media only screen and (max-width: 1200px) {
.p60 {
padding: 15px;
}
}
@media only screen and (min-width: 1200px) {
.mob {
display: none;
}
}
@media only screen and (max-width: 1200px) {
.pc {
display: none;
}
}
.m-b-80 {
margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
.m-b-80 {
margin-bottom: 20px;
}
}
.m-b-70 {
margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
.m-b-70 {
margin-bottom: 20px;
}
}
.m-b-60 {
margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
.m-b-60 {
margin-bottom: 20px;
}
}
.m-b-50 {
margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
.m-b-50 {
margin-bottom: 20px;
}
}
.m-b-40 {
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.m-b-40 {
margin-bottom: 20px;
}
}
.m-b-30 {
margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
.m-b-30 {
margin-bottom: 20px;
}
}
.m-b-35 {
margin-bottom: 35px;
}
@media only screen and (max-width: 1200px) {
.m-b-35 {
margin-bottom: 20px;
}
}
.m-b-20 {
margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
.m-b-20 {
margin-bottom: 15px;
}
}
.m-b-25 {
margin-bottom: 25px;
}
@media only screen and (max-width: 1200px) {
.m-b-25 {
margin-bottom: 15px;
}
}
.m-b-10 {
margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
.m-b-10 {
margin-bottom: 5px;
}
}
.m-b-15 {
margin-bottom: 15px;
}
@media only screen and (max-width: 1200px) {
.m-b-15 {
margin-bottom: 10px;
}
}
.mh {
width: 100%;
float: left;
}
.img_scale {
overflow: hidden;
}
.img_scale img {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.img_scale:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}
.ab_nr {
font-size: 16px;
line-height: 30px;
}
.ab_nr a {
color: #023e7f;
text-decoration: underline;
}
.ab_nr .ab_nr a:hover {
text-decoration: none;
}
.ab_nr td {
padding: 10px;
border: solid 1px #dddddd;
}
.ab_nr li {
position: relative;
padding-left: 18px;
}
.ab_nr li:before {
content: "";
width: 7px;
height: 7px;
background-color: #333;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -3.5px;
}
.ab_nr p {
margin-bottom: 30px;
}
.ab_nr p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
.ab_nr {
overflow-x: auto;
font-size: 14px;
line-height: 1.6;
}
.ab_nr img {
height: auto !important;
}
.ab_nr li:before {
width: 6px;
height: 6px;
margin-top: -3px;
}
.ab_nr p {
margin-bottom: 15px;
}
}
.dt img,
.dt label {
max-width: inherit;
}
.ta_k {
overflow-x: auto;
}
.ta1 {
width: 100%;
min-width: 1100px;
}
.ta1 td {
padding: 15px 10px;
text-align: center;
}
.ta1 tbody tr:nth-child(even) td {
background-color: #f5f5f5;
}
.ta1 thead td {
background-color: #2c65bb;
color: #fff;
font-size: 20px;
}
@media only screen and (max-width: 1200px) {
.ta1 td {
padding: 12px 8px;
}
.ta1 thead td {
font-size: 14px;
}
}
.pageStyle {
width: 100%;
text-align: center;
font-size: 0;
margin-top: 60px;
}
.pageStyle a {
padding: 0px 12px;
height: 36px;
line-height: 36px;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
margin: 0px 4px;
border: solid 1px #ddd;
font-size: 16px;
}
.pageStyle a:hover, .pageStyle a.active {
border-color: #023e7f;
background-color: #023e7f;
color: #ffffff;
}
.pageStyle a .bi-chevron-left, .pageStyle a .bi-chevron-right {
font-size: 20px;
}
.pageStyle a .bi-chevron-bar-left, .pageStyle a .bi-chevron-bar-right {
font-size: 20px;
}
@media only screen and (max-width: 1200px) {
.pageStyle a {
width: 23%;
margin: 0 1%;
font-size: 13px;
height: 30px;
line-height: 30px;
}
.pageStyle a .bi-chevron-left, .pageStyle a .bi-chevron-right {
font-size: 16px;
}
.pageStyle a .bi-chevron-bar-left, .pageStyle a .bi-chevron-bar-right {
font-size: 16px;
}
}
.em1 {
padding: 0 1em;
}
.top {
width: 100%;
height: 210px;
padding: 30px 40px;
background-image: url(../images/top_bj.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.top .main {
position: relative;
height: 90px;
width: 100%;
}
.top .main .logo {
height: 58px;
position: absolute;
left: 0px;
top: 0%;
}
.top .main .logo img {
height: 100%;
}
@media only screen and (max-width: 1200px) {
.top {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
height: 55px;
position: fixed;
z-index: 30;
top: 0px;
left: 0;
padding: 0;
}
.top .main {
height: 55px;
}
.top .main .logo {
height: 25px;
left: 15px;
top: 15px;
}
.top .main .logo img {
height: 25px;
}
}
#navk {
width: 100%;
height: 60px;
position: relative;
}
#navk .ss {
position: absolute;
height: 35px;
line-height: 35px;
display: block;
background: url("../images/t_ss.png") center center no-repeat;
z-index: 33;
width: 35px;
right: 210px;
top: -75px;
}
#navk .ss .txtk {
position: absolute;
overflow: hidden;
height: 35px;
right: 0px;
top: 0px;
width: 0%;
-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
border: solid 1px rgba(255, 255, 255, 0);
}
@media only screen and (min-width: 1200px) {
#navk .ss:hover .txtk {
width: 240px;
border-radius: 40px;
background-color: #012a62;
border: solid 1px #fff;
}
}
#navk .ss .form-control {
width: 100%;
height: 35px;
line-height: 33px;
border: 0;
padding: 0 0 0 15px;
background: rgba(255, 255, 255, 0);
color: #ffffff;
}
#navk .ss .form-control::-webkit-input-placeholder {
color: #fff;
}
#navk .ss .form-control:-ms-input-placeholder {
color: #fff;
}
#navk .ss .form-control::-ms-input-placeholder {
color: #fff;
}
#navk .ss .form-control::placeholder {
color: #fff;
}
#navk .ss .an_ss {
position: absolute;
width: 35px;
height: 35px;
border: 0;
right: -1px;
top: -1px;
background: url(../images/t_ss.png) center center no-repeat;
}
#navk .top_nav {
position: absolute;
right: 0;
top: -72px;
color: #fff;
line-height: 30px;
font-size: 16px;
}
#navk .top_nav a {
color: #fff;
margin: 0 10px;
}
#navk .top_nav a:hover {
text-decoration: underline;
}
#navk .menu {
width: 100%;
height: 60px;
position: relative;
z-index: 15;
border: solid 1px rgba(255, 255, 255, 0.62);
}
#navk .menu li {
height: 58px;
float: left;
position: relative;
text-align: center;
width: 10%;
}
#navk .menu li a.dbt {
font-size: 18px;
display: block;
line-height: 58px;
color: #fff;
font-weight: bold;
}
#navk .menu li:hover a.dbt {
background-color: #012a62;
}
@media only screen and (min-width: 1200px) {
#navk .menu li.on a.dbt {
background-color: #012a62;
}
}
#navk .menu li dl {
width: 100%;
font-size: 16px;
display: none;
background-color: #012a62;
position: absolute;
left: 0px;
top: 58px;
z-index: 16;
}
#navk .menu li dl a {
display: block;
padding: 8px 10px;
line-height: 26px;
text-align: center;
color: #fff;
}
#navk .menu li dl a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
#navk .menu li:hover dl {
display: block;
}
@media only screen and (max-width: 1200px) {
#navk {
width: 100%;
display: none;
position: fixed;
height: calc(100vh - 55px);
height: -webkit-calc(100vh - 55px);
overflow-y: auto;
left: 100%;
top: 55px;
z-index: 29;
background-color: #033081;
}
#navk .menu {
height: auto;
border: 0;
float: left;
}
#navk .menu li {
width: 100%;
border-bottom: solid 1px rgba(255, 255, 255, 0.2);
height: auto;
}
#navk .menu li a {
display: block;
width: 100%;
text-align: left;
}
#navk .menu li a.dbt {
font-size: 14px;
padding: 10px 3%;
line-height: 1.6;
font-weight: bold;
}
#navk .menu li dl {
width: 100%;
display: block;
position: inherit;
left: auto;
top: auto;
}
#navk .menu li dl dd {
width: 50%;
float: left;
}
#navk .menu li dl a {
padding: 5px 0px;
padding-left: 6%;
font-size: 13px;
text-align: left;
}
#navk .top_nav {
position: relative;
right: auto;
top: auto;
font-size: 14px;
width: 100%;
float: left;
margin-bottom: 5px;
}
#navk .ss {
height: 35px;
width: 100%;
display: block;
position: relative;
margin-bottom: 5px;
right: 0;
top: auto;
background: none;
float: left;
}
#navk .ss .txtk {
position: absolute;
overflow: hidden;
height: 35px;
right: 0px;
top: 0px;
width: 100%;
}
#navk .ss .form-control {
width: 100%;
height: 35px;
border: 0;
padding: 0 0 0 12px;
background: rgba(255, 255, 255, 0.2);
color: #ffffff;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
font-size: 15px;
}
#navk .ss .an_ss {
position: absolute;
width: 40px;
height: 35px;
border: 0;
right: 0px;
top: 0px;
background-size: auto 45%;
}
}
@media only screen and (max-width: 1200px) {
.top_jg {
display: block;
height: 55px;
}
.menuMob {
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 10px;
top: 12.5px;
z-index: 31;
}
.menuMob a {
outline: none;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.menuMob a.on {
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
.swiper-container.sy_ban {
width: 100%;
overflow: hidden;
position: relative;
}
.swiper-container.sy_ban .swiper-slide {
width: 100%;
position: relative;
overflow: hidden;
}
.swiper-container.sy_ban .swiper-slide::after {
content: "";
background-image: url(../images/ban_bj.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
height: 150px;
}
.swiper-container.sy_ban .swiper-slide img {
width: 100%;
display: block;
}
.swiper-container.sy_ban .swiper-slide .txtk {
width: 100%;
color: #fff;
position: absolute;
left: 0%;
bottom: 50px;
z-index: 10;
}
.swiper-container.sy_ban .swiper-slide .bt {
line-height: 1.6;
font-size: 25px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 1200px;
margin: 0 auto;
padding: 0 220px;
text-align: center;
position: relative;
}
.swiper-container.sy_ban .swiper-slide .bt a {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.swiper-container.sy_ban .swiper-slide::after {
height: 70px !important;
}
.swiper-container.sy_ban .swiper-slide .txtk {
bottom: 15px;
}
.swiper-container.sy_ban .swiper-slide .bt {
font-size: 16px;
padding-right: 70px;
padding-left: 15px;
width: 100%;
}
}
.swiper-container.sy_ban .pa_ban {
bottom: 50px;
height: 22px;
width: auto;
font-size: 0;
position: absolute;
right: 50%;
left: auto;
margin-right: -600px;
text-align: right;
padding-right: 20px;
}
.swiper-container.sy_ban .pa_ban:after {
content: "";
width: 100px;
height: 1px;
background-color: #fff;
display: inline-block;
position: relative;
top: -6px;
margin-left: 8px;
}
.swiper-container.sy_ban .pa_ban .swiper-pagination-bullet {
background-color: rgba(255, 255, 255, 0);
width: auto;
height: 22px;
line-height: 22px;
margin: 0 8px;
opacity: 1;
border-radius: 0px;
font-size: 18px;
color: #fff;
font-family: Arial;
}
.swiper-container.sy_ban .pa_ban .swiper-pagination-bullet-active {
font-size: 24px;
}
@media only screen and (max-width: 1200px) {
.swiper-container.sy_ban .pa_ban {
bottom: 15px;
right: 15px;
margin-right: 0;
padding-right: 0;
}
.swiper-container.sy_ban .pa_ban::after {
display: none;
}
.swiper-container.sy_ban .pa_ban .swiper-pagination-bullet {
font-size: 13px;
margin: 0 5px;
}
.swiper-container.sy_ban .pa_ban .swiper-pagination-bullet-active {
font-size: 16px;
}
}
.foot {
width: 100%;
padding: 40px 0;
font-size: 16px;
color: #fff;
background-image: url(../images/foot_bj.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.foot .ny_main {
padding: 0 40px;
}
@media only screen and (min-width: 1600px) {
.foot .ny_main {
padding: 0 60px;
}
}
.foot a {
color: #fff;
}
.foot a:hover {
text-decoration: underline;
}
.foot .d1 {
width: 320px;
float: left;
}
.foot .d1 p {
margin-bottom: 15px;
}
.foot .d1 .foot_fx a {
display: inline-block;
width: 23px;
height: 19px;
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat;
margin-right: 10px;
filter: alpha(opacity=51);
-moz-opacity: 0.51;
opacity: 0.51;
}
.foot .d1 .foot_fx a:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.foot .d1 .foot_fx a.a1 {
background-image: url(../images/fx1.png);
}
.foot .d1 .foot_fx a.a2 {
background-image: url(../images/fx2.png);
}
.foot .d1 .foot_fx a.a3 {
background-image: url(../images/fx3.png);
}
.foot .d2 {
float: left;
background-image: url(../images/foot_logo.png);
background-repeat: no-repeat;
width: 312px;
height: 57px;
margin-left: 120px;
margin-top: 30px;
}
@media only screen and (min-width: 1600px) {
.foot .d2 {
margin-left: 180px;
}
}
.foot .d3 {
float: right;
text-align: center;
}
.foot .d3 .item {
float: left;
margin-left: 35px;
}
.foot .d3 .item img {
height: 87px;
margin-bottom: 10px;
border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
.foot {
padding: 15px;
font-size: 13px;
}
.foot .d1 {
width: calc(100vw -180px);
}
.foot .d2 {
display: none;
}
.foot .d3 .item {
margin-left: 10px;
}
.foot .d3 .item img {
height: 70px;
margin-bottom: 8px;
}
}
@media only screen and (max-width: 760px) {
.foot .d1 {
width: calc(100% - 80px);
width: -webkit-calc(100% - 80px);
}
.foot .d3 {
width: 65px;
}
.foot .d3 .item {
width: 100%;
margin-left: 0;
margin-bottom: 10px;
font-size: 12px;
}
.foot .d3 .item img {
width: 100%;
height: auto;
}
}
.sy {
width: 100%;
padding: 40px 0;
background-image: url(../images/sy_bj.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1200px) {
.sy {
padding: 15px;
}
}
.sy_bt1 {
line-height: 80px;
height: 60px;
}
.sy_bt1 .bt {
line-height: 55px;
height: 60px;
font-weight: bold;
background-image: url(../images/bt_t.png);
background-repeat: no-repeat;
background-position: left bottom;
}
.sy_bt1 a.more {
color: #023e7f;
}
.sy_bt1 a.more:hover {
font-weight: bold;
text-decoration: underline;
}
@media only screen and (max-width: 1200px) {
.sy_bt1 {
line-height: 40px;
height: 40px;
}
.sy_bt1 .bt {
line-height: 35px;
height: 40px;
background-size: auto 5px;
}
}
.sy_n1 {
width: 101.6%;
float: left;
margin-left: -0.8%;
margin-bottom: 20px;
}
.sy_n1 li {
width: 23.4%;
float: left;
margin: 0 0.8% 1.6% 0.8%;
}
.sy_n1 li a {
display: block;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
border-radius: 5px;
overflow: hidden;
color: #023e7f;
}
.sy_n1 li a .img_content {
height: 211px;
}
.sy_n1 li a .img_content img {
height: 211px;
}
.sy_n1 li a .text_content {
padding: 20px;
}
.sy_n1 li a .text_content .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 56px;
line-height: 28px;
white-space: inherit;
margin-bottom: 8px;
}
.sy_n1 li a .text_content .sTime {
display: block;
text-align: right;
color: #999;
}
.sy_n1 li a:hover {
background-color: #023e7f;
color: #fff;
}
.sy_n1 li a:hover .sTime {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.sy_n1 {
width: 102%;
margin-left: -1%;
margin-bottom: 0;
}
.sy_n1 li {
width: 23%;
margin: 0 1% 2% 1%;
}
.sy_n1 li a .img_content {
height: calc((100vw / 4 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 4 - 30px) / 4 * 3);
}
.sy_n1 li a .img_content img {
height: auto;
min-height: 100%;
}
.sy_n1 li a .text_content {
padding: 15px;
}
.sy_n1 li a .text_content .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 48px;
line-height: 24px;
white-space: inherit;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 800px) {
.sy_n1 li {
width: 48%;
}
.sy_n1 li a .img_content {
height: calc((100vw / 2 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 2 - 30px) / 4 * 3);
}
.sy_n1 li a .text_content {
padding: 10px;
}
.sy_n1 li a .text_content .bt {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 500px) {
.sy_n1 li {
width: 98%;
margin-bottom: 15px;
}
.sy_n1 li a .img_content {
height: calc((100vw / 1 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 1 - 30px) / 4 * 3);
}
.sy_n1 li a .text_content .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 48px;
height: auto !important;
line-height: 24px;
white-space: inherit;
}
}
.swiper-container.sy_xw1 {
width: 590px;
float: left;
overflow: hidden;
position: relative;
}
.swiper-container.sy_xw1 .swiper-slide {
text-align: left;
width: 100%;
position: relative;
}
.swiper-container.sy_xw1 .swiper-slide a {
width: 100%;
display: block;
height: 440px;
position: relative;
color: #fff;
background-color: #023e7f;
}
.swiper-container.sy_xw1 .swiper-slide a .img_content {
height: 355px;
}
.swiper-container.sy_xw1 .swiper-slide a .img_content img {
height: 355px;
}
.swiper-container.sy_xw1 .swiper-slide a .text_content {
width: 100%;
padding: 10px 120px 0 30px;
position: relative;
}
.swiper-container.sy_xw1 .swiper-slide a .text_content .bt {
width: 100%;
height: 40px;
line-height: 40px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.swiper-container.sy_xw1 .swiper-slide a .text_content .sTime {
position: absolute;
right: 30px;
top: 10px;
line-height: 40px;
}
.swiper-container.sy_xw1 .pan-xw1 {
bottom: 20px;
height: 10px;
width: auto;
font-size: 0;
position: absolute;
right: 30px;
left: auto;
text-align: right;
}
.swiper-container.sy_xw1 .pan-xw1 .swiper-pagination-bullet {
background-color: rgba(255, 255, 255, 0);
border: solid 1px #fff;
width: 10px;
height: 10px;
margin: 0 5px;
opacity: 1;
}
.swiper-container.sy_xw1 .pan-xw1 .swiper-pagination-bullet-active {
background-color: white;
}
@media only screen and (max-width: 1200px) {
.swiper-container.sy_xw1 {
width: 100%;
border-radius: 0;
}
.swiper-container.sy_xw1 .swiper-slide a {
height: auto;
}
.swiper-container.sy_xw1 .swiper-slide a .img_content {
height: calc((100vw / 1 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 1 - 30px) / 4 * 3);
overflow: hidden;
}
.swiper-container.sy_xw1 .swiper-slide a .img_content img {
height: auto;
min-height: 100%;
}
.swiper-container.sy_xw1 .swiper-slide a::after {
height: 30%;
}
.swiper-container.sy_xw1 .swiper-slide a .text_content {
padding: 10px 100px 30px 15px;
position: relative;
}
.swiper-container.sy_xw1 .swiper-slide a .text_content .bt {
height: 30px;
line-height: 30px;
}
.swiper-container.sy_xw1 .swiper-slide a .text_content .sTime {
right: 15px;
line-height: 30px;
top: 10px;
}
.swiper-container.sy_xw1 .pan-xw1 {
bottom: 10px;
height: 10px;
width: 100%;
right: 0px;
left: 0;
text-align: center;
}
.swiper-container.sy_xw1 .pan-xw1 .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 4px;
}
}
.sy_k1 {
background-color: #fff;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}
.sy_k1 .sy_k1_r {
width: 600px;
float: right;
padding: 35px;
}
@media only screen and (max-width: 1200px) {
.sy_k1 .sy_k1_r {
width: 100%;
padding: 15px;
}
}
.sy_n2 li {
margin-bottom: 30px;
}
.sy_n2 li:last-child {
margin-bottom: 0;
}
.sy_n2 li a {
display: block;
width: 100%;
position: relative;
height: 50px;
padding-left: 85px;
}
.sy_n2 li a .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 50px;
height: auto !important;
line-height: 25px;
white-space: inherit;
}
.sy_n2 li a:hover .bt {
font-weight: bold;
}
.sy_n2 li a .sTime {
font-size: 14px;
width: 65px;
position: absolute;
left: 0;
top: 0;
background-color: #023e7f;
color: #fff;
border: solid 1px #e5e5e5;
text-align: center;
}
.sy_n2 li a .sTime b {
display: block;
background-color: #fff;
font-size: 20px;
color: #023e7f;
line-height: 26px;
}
@media only screen and (max-width: 1200px) {
.sy_n2 li {
margin-bottom: 15px;
}
.sy_n2 li a {
height: 44px;
padding-left: 70px;
}
.sy_n2 li a .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 44px;
height: auto !important;
line-height: 22px;
white-space: inherit;
font-size: 14px;
}
.sy_n2 li a .sTime {
font-size: 12px;
line-height: 20px;
width: 60px;
}
.sy_n2 li a .sTime b {
font-size: 16px;
line-height: 24px;
}
}
.sy_k3 .d1 {
width: 820px;
}
.sy_k3 .d2 {
width: 325px;
}
@media only screen and (max-width: 1200px) {
.sy_k3 .d1 {
width: 100%;
}
.sy_k3 .d2 {
width: 100%;
}
}
.sy_n3 {
width: 104%;
float: left;
margin-left: -2%;
}
.sy_n3 li {
width: 46%;
float: left;
margin: 12px 2%;
}
.sy_n3 li a {
display: block;
width: 100%;
height: 115px;
padding: 30px 30px 30px 100px;
background-color: #fff;
border-bottom: solid 4px #023e7f;
position: relative;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}
.sy_n3 li a .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 50px;
height: auto !important;
line-height: 25px;
white-space: inherit;
}
.sy_n3 li a .sTime {
font-size: 14px;
width: 65px;
position: absolute;
left: 20px;
top: 25px;
color: #999999;
text-align: center;
}
.sy_n3 li a .sTime b {
display: block;
font-size: 40px;
color: #023e7f;
line-height: 40px;
color: #666666;
font-weight: bold;
}
.sy_n3 li a:hover {
background-color: #023e7f;
color: #fff;
}
.sy_n3 li a:hover .sTime {
color: #fff;
}
.sy_n3 li a:hover .sTime b {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.sy_n3 {
width: 102%;
margin-left: -1%;
margin-bottom: 10px;
}
.sy_n3 li {
width: 48%;
margin: 7.5px 1%;
}
.sy_n3 li a {
height: 80px;
padding: 16px 16px 16px 80px;
border-bottom: solid 3px #023e7f;
}
.sy_n3 li a .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 44px;
height: auto !important;
line-height: 22px;
white-space: inherit;
font-size: 14px;
}
.sy_n3 li a .sTime {
font-size: 12px;
width: 60px;
left: 10px;
top: 15px;
}
.sy_n3 li a .sTime b {
font-size: 20px;
line-height: 30px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 760px) {
.sy_n3 li {
width: 98%;
}
}
.sy_n4 li {
margin-bottom: 12px;
}
.sy_n4 li:last-child {
margin-bottom: 0;
}
.sy_n4 li a {
display: block;
width: 100%;
background-color: #023e7f;
color: #fff;
height: 69.5px;
line-height: 69.5px;
font-size: 24px;
font-weight: bold;
padding-left: 115px;
position: relative;
}
.sy_n4 li a::before {
content: "";
width: 60px;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 70%;
position: absolute;
left: 30px;
top: 0px;
}
.sy_n4 li a.a1::before {
background-image: url(../images/sy_b1.png);
}
.sy_n4 li a.a2::before {
background-image: url(../images/sy_b2.png);
}
.sy_n4 li a.a3::before {
background-image: url(../images/sy_b3.png);
}
.sy_n4 li a.a4::before {
background-image: url(../images/sy_b4.png);
}
.sy_n4 li a.a5::before {
background-image: url(../images/sy_b5.png);
}
.sy_n4 li a.a2 {
background-color: #17579d;
}
.sy_n4 li a.a3 {
background-color: #04a9e4;
}
.sy_n4 li a.a4 {
background-color: #3477c7;
}
.sy_n4 li a.a5 {
background-color: #2041a8;
}
@media only screen and (max-width: 1200px) {
.sy_n4 li {
margin-bottom: 10px;
}
.sy_n4 li a {
height: 60px;
line-height: 60px;
font-size: 16px;
padding-left: 65px;
}
.sy_n4 li a::before {
width: 40px;
left: 10px;
background-size: auto 35px;
}
}
.sy_k2 {
background-color: #fff;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
padding: 40px;
}
.sy_k2 .d1 {
width: 580px;
}
.sy_k2 .d2 {
width: 500px;
}
@media only screen and (max-width: 1200px) {
.sy_k2 {
padding: 15px;
}
.sy_k2 .d1 {
width: 100%;
margin-bottom: 15px;
}
.sy_k2 .d2 {
width: 100%;
}
}
.sy_date {
border: solid 1px #023e7f;
width: 100%;
border-radius: 5px;
overflow: hidden;
}
.sy_date .rl_k {
width: 100%;
float: left;
background-color: #fff;
color: #023e7f;
padding: 10px 20px;
}
.sy_date .rl_k .rl_t {
width: 100%;
float: left;
text-align: center;
font-size: 18px;
line-height: 50px;
}
.sy_date .rl_k .rl_t span {
float: left;
width: 14.2857%;
}
.sy_date .rl_k .rl_lb {
width: 100%;
float: left;
text-align: center;
font-size: 0;
}
.sy_date .rl_k .rl_lb span {
float: left;
width: 14.2857%;
font-size: 18px;
height: 34px;
margin: 10px 0;
}
.sy_date .rl_k .rl_lb a {
display: inline-block;
width: 34px;
line-height: 34px;
height: 34px;
border-radius: 50%;
}
.sy_date .rl_k .rl_lb a.act {
background-color: #023e7f;
color: #fff;
}
.sy_date .rl_k .rl_lb a.act_lv {
background-color: #13aee5;
color: #fff;
}
.sy_date .rl_k .rl_lb a.act_h_k {
border: solid 1px #023e7f;
}
.sy_date .rl_k .rl_lb a.act_d {
color: #d1d1d1;
}
.sy_date .rl_x {
text-align: center;
background-image: url(../images/bt_bj2.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 85px;
position: relative;
}
.sy_date .rl_x .bt {
line-height: 85px;
color: #fff;
}
.sy_date .rl_x .cd_j {
width: 24px;
height: 24px;
position: absolute;
left: 15px;
top: 50%;
margin-top: -12px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
.sy_date .rl_x .cd_j.right {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
left: auto;
right: 15px;
}
.sy_date .rl_x .cd_j.disabled {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
@media only screen and (max-width: 1200px) {
.sy_date .rl_k {
padding: 10px 10px;
}
.sy_date .rl_k .rl_t {
font-size: 15px;
line-height: 30px;
}
.sy_date .rl_k .rl_lb {
line-height: 24px;
}
.sy_date .rl_k .rl_lb span {
font-size: 13px;
margin: 5px 0;
}
.sy_date .rl_k .rl_lb a {
width: 26px;
line-height: 26px;
height: 26px;
}
.sy_date .rl_x {
height: 50px;
}
.sy_date .rl_x .bt {
line-height: 50px;
}
.sy_date .rl_x .cd_j {
width: 18px;
height: 18px;
left: 15px;
margin-top: -9px;
}
}
.sy_xw2k {
width: 100%;
position: relative;
padding-bottom: 30px;
}
.sy_xw2k .sy_xw2 {
width: 100%;
position: relative;
overflow: hidden;
}
.sy_xw2k .sy_xw2 .swiper-slide {
text-align: left;
width: 100%;
position: relative;
}
.sy_xw2k .sy_xw2 .swiper-slide .item {
width: 100%;
margin-bottom: 10px;
padding: 10px;
}
.sy_xw2k .sy_xw2 .swiper-slide .item.active {
background-color: #023e7f;
color: #fff;
border-radius: 8px;
}
.sy_xw2k .sy_xw2 .swiper-slide .item.active .bt a {
color: #fff;
}
.sy_xw2k .sy_xw2 .swiper-slide .item.active dl dd.dd1::before {
background-image: url(../images/sy_a1_on.png);
}
.sy_xw2k .sy_xw2 .swiper-slide .item.active dl dd.dd2::before {
background-image: url(../images/sy_a2_on.png);
}
.sy_xw2k .sy_xw2 .swiper-slide .item.active dl dd.dd3::before {
background-image: url(../images/sy_a3_on.png);
}
.sy_xw2k .sy_xw2 .swiper-slide .item:last-child {
margin-bottom: 0;
}
.sy_xw2k .sy_xw2 .swiper-slide .bt {
font-weight: bold;
margin-bottom: 10px;
}
.sy_xw2k .sy_xw2 .swiper-slide dl dd {
line-height: 30px;
position: relative;
padding-left: 40px;
margin-bottom: 5px;
}
.sy_xw2k .sy_xw2 .swiper-slide dl dd:last-child {
margin-bottom: 0;
}
.sy_xw2k .sy_xw2 .swiper-slide dl dd::before {
content: "";
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
position: absolute;
left: 0;
top: 0;
}
.sy_xw2k .sy_xw2 .swiper-slide dl dd.dd1::before {
background-image: url(../images/sy_a1.png);
}
.sy_xw2k .sy_xw2 .swiper-slide dl dd.dd2::before {
background-image: url(../images/sy_a2.png);
}
.sy_xw2k .sy_xw2 .swiper-slide dl dd.dd3::before {
background-image: url(../images/sy_a3.png);
}
.sy_xw2k .pan-xw2 {
width: 100%;
left: 0px !important;
right: auto !important;
bottom: -12px !important;
top: auto !important;
margin: 0 !important;
-webkit-transform: inherit !important;
transform: inherit !important;
text-align: left;
}
.sy_xw2k .pan-xw2 .swiper-pagination-bullet {
display: inline-block !important;
margin: 0 7px !important;
background-color: rgba(255, 255, 255, 0);
border: solid 1px #023e7f;
opacity: 1;
width: 10px;
height: 10px;
}
.sy_xw2k .pan-xw2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #023e7f;
}
@media only screen and (max-width: 1200px) {
.sy_xw2k .sy_xw2 {
height: auto;
}
.sy_xw2k .sy_xw2 .swiper-slide .item {
margin-bottom: 15px;
}
.sy_xw2k .sy_xw2 .swiper-slide dl dd {
line-height: 24px;
padding-left: 25px;
}
.sy_xw2k .sy_xw2 .swiper-slide dl dd::before {
width: 15px;
height: 15px;
background-size: auto 100%;
top: 5px;
}
.sy_xw2k .pan-xw2 {
bottom: 0px !important;
}
.sy_xw2k .pan-xw2 .swiper-pagination-bullet {
margin: 0 3px !important;
width: 8px;
height: 8px;
}
}
.ban {
width: 100%;
position: relative;
}
.ban .banpic {
height: 380px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.ban .ny_nav1 {
width: 1200px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -600px;
height: 100px;
background-color: #f5f6f7;
padding: 28px 40px 28px 0;
}
.ban .ny_nav1 ul {
float: right;
}
.ban .ny_nav1 li {
float: left;
line-height: 44px;
margin-left: 30px;
font-size: 18px;
}
.ban .ny_nav1 li ul {
display: none;
}
.ban .ny_nav1 li a {
display: block;
height: 44px;
}
.ban .ny_nav1 li a.on {
color: #023e7f;
font-weight: bold;
border-bottom: 3px solid #023e7f;
}
@media only screen and (min-width: 1600px) {
.ban .ny_nav1 {
width: 1400px;
margin-left: -700px;
}
.ban .ny_nav1 li {
margin-left: 50px;
}
}
@media only screen and (max-width: 1200px) {
.ban .banpic {
height: 250px;
}
.ban .lm1_bt {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
}
.ban .ny_nav1 {
display: none;
width: 100%;
top: auto;
left: auto;
position: inherit;
margin-left: 0;
height: auto;
padding: 0;
z-index: 10;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.ban .ny_nav1 ul {
width: 100%;
background-color: #f9f9f9;
}
.ban .ny_nav1 li {
line-height: 24px;
margin-left: 0px;
font-size: 14px;
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
.ban .ny_nav1 li a {
height: auto;
padding: 8px 15px;
}
.ban .ny_nav1 li a.on {
border-bottom: 0;
}
.ban .ny_nav1 li a:hover {
background-color: #023e7f;
color: #fff;
}
.ban .ny_nav1 li ul {
display: block;
padding-left: 1em;
}
.ban .ny_nav1 li ul li {
border-bottom: 0;
}
.ban .ny_nav1 li ul li a {
padding: 6px 15px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 760px) {
.ban .banpic {
height: 160px;
}
}
@media only screen and (max-width: 1200px) {
.lm1_bt {
width: 100%;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
float: left;
text-align: center;
height: 40px;
line-height: 40px;
background-color: rgba(2, 62, 127, 0.8);
font-size: 14px;
margin-bottom: 15px;
}
.lm1_bt a {
width: 100%;
height: 40px;
display: block;
position: relative;
color: #fff;
}
.lm1_bt a:before {
content: "";
position: absolute;
width: 40px;
height: 40px;
right: 5px;
top: 0px;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 22px;
}
.lm1_bt a.on:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.lm1_bt.lm1_wz a:before {
display: none;
}
}
.ny {
background-color: #f9f9f9;
padding-bottom: 50px;
}
.ny .ny_kk {
background-color: #fff;
min-height: 500px;
position: relative;
}
.ny .ny_kk .ny_bt {
position: absolute;
line-height: 40px;
height: 40px;
font-size: 30px;
color: #023e7f;
left: 40px;
top: -22px;
}
.ny .ny_kk .ny_bt::after {
content: "";
width: 150px;
height: 1px;
background-color: #023e7f;
display: inline-block;
margin-left: 20px;
}
.ny .ny_kk.jj_bj {
background-image: url(../images/jj_bj.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.ny .ny_kk .ny_bt2 {
text-align: center;
line-height: 40px;
font-size: 30px;
color: #023e7f;
margin-bottom: 120px;
}
.ny .ny_kk .ny_bt2 span {
display: inline-block;
background-image: url(../images/jj_tb.png);
width: 10px;
height: 10px;
vertical-align: middle;
margin: 0 10px;
}
@media only screen and (min-width: 1600px) {
.ny {
padding-bottom: 60px;
}
.ny .ny_kk .ny_bt {
left: 60px;
}
}
@media only screen and (max-width: 1200px) {
.ny {
padding-bottom: 0px;
}
.ny .ny_kk {
min-height: 200px;
}
.ny .ny_kk .ny_bt2 {
line-height: 24px;
font-size: 16px;
margin-bottom: 60px;
}
.ny .ny_kk .ny_bt2 span {
width: 8px;
height: 8px;
background-size: auto 100%;
margin: 0 5px;
}
}
.jj_lb {
margin-bottom: 50px;
}
.jj_lb ul {
width: 75%;
float: left;
position: relative;
}
.jj_lb ul::before {
content: "";
width: 104px;
height: 215px;
background-image: url(../images/yy_bj.png);
position: absolute;
right: -104px;
top: 0;
}
.jj_lb ul.ul_left {
margin-left: 25%;
}
.jj_lb ul.ul_left::before {
right: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
left: -104px;
}
.jj_lb ul.ul_right {
margin-left: 25%;
}
.jj_lb ul.ul_right::before {
right: 0;
left: 66.5%;
}
.jj_lb ul.ul_last {
margin-left: 25%;
}
.jj_lb ul.ul_last::before {
display: none;
}
.jj_lb ul li {
width: 33.3333%;
float: left;
height: 214px;
border-top: solid 1px #ccc;
position: relative;
padding: 30px 10px 90px 40px;
}
.jj_lb ul li .nameYear {
position: absolute;
background-color: #023e7f;
color: #fff;
line-height: 40px;
padding: 0 30px;
border-radius: 30px;
font-size: 25px;
left: 40px;
top: -60px;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
}
.jj_lb ul li .nameYear::after {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
position: absolute;
left: 50%;
margin-left: -6px;
bottom: -26px;
background-color: #023e7f;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
}
.jj_lb ul li .text_content {
color: #666;
font-size: 16px;
line-height: 22px;
}
.jj_lb ul li .text_content .bt {
font-size: 20px;
color: #023e7f;
margin-bottom: 10px;
}
@media only screen and (min-width: 1600px) {
.jj_lb ul li {
padding: 30px 40px 90px 60px;
}
.jj_lb ul li .nameYear {
left: 60px;
}
}
@media only screen and (max-width: 1200px) {
.jj_lb {
margin-bottom: 20px;
}
.jj_lb ul {
width: 100%;
margin: 0 !important;
}
.jj_lb ul::before {
display: none;
}
.jj_lb ul li {
height: auto;
padding: 20px 20px 60px 20px;
width: 100%;
}
.jj_lb ul li .nameYear {
line-height: 28px;
padding: 0 20px;
font-size: 18px;
left: 20px;
top: -43px;
}
.jj_lb ul li .nameYear::after {
width: 10px;
height: 10px;
margin-left: -5px;
bottom: -20px;
}
.jj_lb ul li .text_content {
font-size: 13px;
line-height: 22px;
}
.jj_lb ul li .text_content .bt {
font-size: 15px;
margin-bottom: 5px;
}
}
.ld_list {
width: 100%;
float: left;
}
.ld_list li {
width: 100%;
margin-bottom: 30px;
float: left;
}
.ld_list li a {
display: block;
width: 100%;
background-color: #f5f6f7;
padding: 30px 30px 30px 220px;
height: 240px;
border: solid 1px #ddd;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
position: relative;
overflow: hidden;
}
.ld_list li a .img_content {
width: 190px;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.ld_list li a .text_content .bt {
font-size: 24px;
font-weight: bold;
}
.ld_list li a .text_content .bt2 {
color: #023e7f;
padding: 10px 0;
}
.ld_list li a:hover {
background-color: #0452a6;
color: #fff;
}
.ld_list li a:hover .bt2 {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.ld_list li {
margin-bottom: 15px;
}
.ld_list li a {
padding: 20px 20px 20px 135px;
height: 165px;
}
.ld_list li a .img_content {
width: 100px;
height: 133px;
left: 15px;
top: 15px;
}
.ld_list li a .text_content .bt {
font-size: 16px;
}
.ld_list li a .text_content .bt2 {
padding: 6px 0;
font-size: 14px;
}
}
.ld_bt {
padding-left: 30px;
background-image: url(../images/bt_ld.png);
background-position: left center;
background-repeat: no-repeat;
color: #023e7f;
font-weight: bold;
}
@media only screen and (max-width: 1200px) {
.ld_bt {
background-size: auto 15px;
padding-left: 18px;
}
}
.ld_k .d1,
.ld_k .d2 {
width: 47%;
margin-bottom: 20px;
}
.ld_k .d3 {
width: 100%;
}
.ld_k .d3 .ld_list {
width: 105.6%;
margin-left: -2.8%;
}
.ld_k .d3 .ld_list li {
width: 44.4%;
margin-left: 2.8%;
margin-right: 2.8%;
}
@media only screen and (max-width: 760px) {
.ld_k .d1,
.ld_k .d2 {
width: 100%;
margin-bottom: 5px;
}
.ld_k .d3 .ld_list {
width: 100%;
margin-left: 0%;
}
.ld_k .d3 .ld_list li {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
}
.lm3 {
height: 55px;
position: relative;
}
.lm3::after {
content: "";
width: 100%;
height: 50%;
border-bottom: solid 1px #ddd;
position: absolute;
left: 0;
top: 0;
}
.lm3 .nav {
float: left;
background-color: #fff;
padding-right: 35px;
height: 55px;
font-weight: bold;
position: relative;
z-index: 1;
}
.lm3 .nav a {
float: left;
width: 180px;
height: 55px;
border: solid 1px #023e7f;
margin-right: -1px;
line-height: 53px;
text-align: center;
color: #023e7f;
position: relative;
}
.lm3 .nav a:hover {
background-color: #023e7f;
color: #fff;
}
@media only screen and (min-width: 1200px) {
.lm3 .nav a.on {
background-color: #023e7f;
color: #fff;
}
.lm3 .nav a.on::after {
content: "";
width: 14px;
height: 14px;
background-color: #023e7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 50%;
margin-left: -7px;
bottom: -7px;
}
}
@media only screen and (max-width: 1200px) {
.lm3 {
height: auto;
}
.lm3 .nav {
height: auto;
padding: 0;
line-height: 24px;
width: 100%;
}
.lm3 .nav a {
width: 100%;
height: auto;
margin: 0 0 -1px 0;
line-height: 24px;
padding: 8px 15px;
text-align: left;
}
.lm3 .nav a::after {
display: none;
}
.lm3::after {
display: none;
}
}
.lm3.lm3_lg .nav a {
width: 220px;
}
.pic_list {
width: 102%;
float: left;
margin-left: -1%;
}
.pic_list li {
width: 23%;
float: left;
margin: 0 1% 10px 1%;
}
.pic_list li a {
display: block;
width: 100%;
}
.pic_list li a .img_content {
height: 197px;
}
.pic_list li a .img_content img {
min-height: 197px;
}
@media only screen and (min-width: 1600px) {
.pic_list li a .img_content {
height: 225px;
}
.pic_list li a .img_content img {
min-height: 225px;
}
}
.pic_list li a .bt {
text-align: center;
padding: 20px 0;
font-weight: bold;
}
.pic_list li:nth-child(4n + 1) {
clear: both;
}
@media only screen and (max-width: 1200px) {
.pic_list li {
width: 31.3333%;
margin: 0 1% 5px 1%;
}
.pic_list li a .img_content {
height: calc((100vw / 3 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 3 - 30px) / 4 * 3);
}
.pic_list li a .img_content img {
min-height: calc((100vw / 3 - 30px) / 4 * 3);
min-height: -webkit-calc((100vw / 3 - 30px) / 4 * 3);
}
.pic_list li a .bt {
padding: 12px 0;
font-size: 14px;
}
.pic_list li:nth-child(4n + 1) {
clear: inherit;
}
.pic_list li:nth-child(3n + 1) {
clear: both;
}
}
@media only screen and (max-width: 760px) {
.pic_list li {
width: 48%;
}
.pic_list li a .img_content {
height: calc((100vw / 2 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 2 - 30px) / 4 * 3);
}
.pic_list li a .img_content img {
min-height: calc((100vw / 2 - 30px) / 4 * 3);
min-height: -webkit-calc((100vw / 2 - 30px) / 4 * 3);
}
.pic_list li a .bt {
padding: 10px 0;
}
.pic_list li:nth-child(3n + 1) {
clear: inherit;
}
.pic_list li:nth-child(2n + 1) {
clear: both;
}
}
@media only screen and (max-width: 500px) {
.pic_list li {
width: 98%;
}
.pic_list li a .img_content {
height: calc((100vw / 1 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 1 - 30px) / 4 * 3);
}
.pic_list li a .img_content img {
min-height: calc((100vw / 1 - 30px) / 4 * 3);
min-height: -webkit-calc((100vw / 1 - 30px) / 4 * 3);
}
}
.jg_nk .d1 {
width: 25%;
}
.jg_nk .d2 {
width: 68%;
}
@media only screen and (max-width: 1200px) {
.jg_nk .d1 {
width: 100%;
}
.jg_nk .d2 {
width: 100%;
}
}
.lm4 {
width: 100%;
background-color: #f5f6f7;
padding: 30px;
}
.lm4 a {
display: block;
width: 100%;
padding: 10px 10px 10px 30px;
line-height: 30px;
position: relative;
background-color: #fff;
margin-bottom: 30px;
}
.lm4 a::before {
content: "";
width: 5px;
height: 20px;
position: absolute;
left: 0px;
top: 50%;
margin-top: -10px;
background-color: #0452a6;
}
.lm4 a:last-child {
margin-bottom: 0;
}
.lm4 a.on, .lm4 a:hover {
background-color: #0452a6;
font-weight: bold;
color: #fff;
}
.lm4 a.on::before, .lm4 a:hover::before {
background-color: #fff;
}
.ny_bt3 {
line-height: 30px;
font-size: 22px;
font-weight: bold;
color: #023e7f;
background-image: url(../images/bt3_tb.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
}
@media only screen and (max-width: 1200px) {
.ny_bt3 {
font-size: 16px;
background-size: auto 10px;
padding-left: 20px;
}
}
.bgs_list li {
width: 100%;
float: left;
margin-bottom: 40px;
}
.bgs_list li a {
width: 100%;
float: left;
background-color: #f5f6f7;
min-height: 310px;
padding: 30px 30px 30px 250px;
position: relative;
border: solid 1px #ddd;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
line-height: 30px;
}
.bgs_list li a .img_content {
width: 187px;
height: 249px;
position: absolute;
left: 30px;
top: 30px;
}
.bgs_list li a .text_content {
width: 48%;
float: left;
}
.bgs_list li a .text_content .bt {
margin-bottom: 15px;
}
.bgs_list li a .text_content .bt b {
color: #023e7f;
font-size: 24px;
font-weight: bold;
margin-right: 15px;
}
.bgs_list li a .text_content dl {
width: 100%;
}
.bgs_list li a .text_content dl dd {
line-height: 30px;
min-height: 30px;
padding-left: 40px;
background-repeat: no-repeat;
background-position: 0 5px;
margin-bottom: 5px;
}
.bgs_list li a .text_content dl dd.dd1 {
background-image: url(../images/bgs1.png);
}
.bgs_list li a .text_content dl dd.dd2 {
background-image: url(../images/bgs2.png);
}
.bgs_list li a .text_content dl dd.dd3 {
background-image: url(../images/bgs3.png);
}
.bgs_list li a .nr {
width: 48%;
float: right;
}
@media only screen and (max-width: 1200px) {
.bgs_list li {
margin-bottom: 15px;
}
.bgs_list li a {
min-height: 195px;
padding: 20px 20px 20px 155px;
line-height: 24px;
}
.bgs_list li a .img_content {
width: 120px;
height: 159px;
left: 15px;
top: 15px;
}
.bgs_list li a .text_content .bt {
margin-bottom: 10px;
}
.bgs_list li a .text_content .bt b {
font-size: 16px;
margin-right: 10px;
}
.bgs_list li a .text_content dl dd {
line-height: 24px;
min-height: 24px;
padding-left: 28px;
background-size: auto 15px;
}
.bgs_list li a .text_content dl dd.dd3 {
background-size: auto 12px;
background-position: 0 6px;
}
}
@media only screen and (max-width: 760px) {
.bgs_list li a {
padding-left: 20px;
}
.bgs_list li a .img_content {
position: inherit;
left: auto;
top: auto;
float: left;
width: 100%;
height: auto;
margin-bottom: 15px;
}
.bgs_list li a .text_content,
.bgs_list li a .nr {
width: 100%;
}
}
.wyh_list li {
width: 100%;
margin-bottom: 30px;
}
.wyh_list li:last-child {
margin-bottom: 0;
}
.wyh_list li .bt {
background-color: #f0f5fb;
border-left: solid 5px #0452a6;
font-size: 22px;
font-weight: bold;
position: relative;
line-height: 40px;
padding: 10px 60px 10px 30px;
color: #023e7f;
cursor: pointer;
}
.wyh_list li .bt .bi {
font-size: 34px;
font-weight: bold;
position: absolute;
right: 20px;
top: 10px;
}
.wyh_list li .bt.on, .wyh_list li .bt:hover {
background-color: #0452a6;
color: #fff;
}
.wyh_list li .nr {
display: none;
width: 100%;
padding: 30px;
line-height: 30px;
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
font-weight: bold;
font-size: 18px;
}
.wyh_list li .nr strong {
color: #023e7f;
}
@media only screen and (max-width: 1200px) {
.wyh_list li {
margin-bottom: 15px;
}
.wyh_list li .bt {
border-left-width: 3px;
font-size: 15px;
line-height: 24px;
padding: 10px 50px 10px 15px;
}
.wyh_list li .bt .bi {
font-size: 24px;
right: 10px;
}
.wyh_list li .nr {
padding: 15px;
line-height: 24px;
font-size: 14px;
}
}
.lx_nr {
font-size: 18px;
line-height: 35px;
}
@media only screen and (max-width: 1200px) {
.lx_nr {
font-size: 14px;
line-height: 24px;
}
}
.dt {
height: 600px;
}
@media only screen and (max-width: 1200px) {
.dt {
height: 300px;
}
}
.dt img,
.dt label {
max-width: auto;
}
.news_list1 li {
width: 100%;
border-bottom: solid 1px #ddd;
}
.news_list1 li a {
display: block;
width: 100%;
line-height: 80px;
height: 80px;
position: relative;
padding: 0 120px 0 40px;
}
.news_list1 li a::before {
content: "";
background-image: url(../images/news_bt.png);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
width: 11px;
height: 16px;
}
.news_list1 li a .bt {
line-height: 80px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.news_list1 li a .sTime {
color: #999;
position: absolute;
right: 0px;
top: 0px;
}
.news_list1 li a:hover {
background-color: #f0f5fb;
}
.news_list1 li a:hover .bt {
font-weight: bold;
}
@media only screen and (max-width: 1200px) {
.news_list1 li a {
line-height: 45px;
height: 45px;
padding: 0 80px 0 20px;
}
.news_list1 li a::before {
height: 10px;
margin-top: -5px;
}
.news_list1 li a .bt {
line-height: 45px;
font-size: 14px;
}
}
.sbt {
width: 100%;
font-size: 24px;
line-height: 40px;
text-align: center;
padding: 0 20% 40px 20%;
font-weight: bold;
float: left;
}
.sbt p {
font-size: 20px;
}
@media only screen and (max-width: 1200px) {
.sbt {
font-size: 17px;
padding: 0 0% 15px 0%;
line-height: 28px;
}
.sbt p {
font-size: 15px;
}
}
.ssj {
width: 100%;
float: left;
text-align: center;
padding: 20px 0 0 0;
color: #999999;
border-top: solid 1px #ddd;
}
@media only screen and (max-width: 1200px) {
.ssj {
padding: 15px 0 0 0;
}
}
.sgd {
width: 100%;
float: left;
border-top: solid 1px #ddd;
padding-top: 25px;
font-size: 16px;
line-height: 35px;
color: #666;
position: relative;
min-height: 120px;
}
@media only screen and (min-width: 1200px) {
.sgd {
padding-right: 280px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
.sgd .ab_fx {
position: absolute;
right: 0px;
top: 75px;
width: auto;
}
.sgd .ab_fx img {
margin-left: 10px;
}
.sgd a.cd_fh {
background-color: #f5f5f5;
padding: 0 30px;
line-height: 38px;
position: absolute;
right: 0px;
top: 20px;
border: solid 1px #ddd;
}
@media only screen and (max-width: 1200px) {
.sgd {
padding-top: 15px;
font-size: 13px;
line-height: 22px;
margin-top: 10px;
}
.sgd .ab_fx {
display: block;
width: 100%;
position: inherit;
right: auto;
top: auto;
}
.sgd .ab_fx img {
margin-left: 10px;
}
.sgd a.cd_fh {
padding: 0 20px;
width: 100%;
text-align: center;
line-height: 35px;
display: block;
margin: 15px 0;
position: inherit;
right: auto;
top: auto;
}
}
.xw_bt {
font-weight: bold;
padding-left: 25px;
position: relative;
}
.xw_bt::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #023e7f;
position: absolute;
left: 0;
top: 50%;
margin-top: -4px;
}
@media only screen and (max-width: 1200px) {
.xw_bt {
padding-left: 15px;
}
.xw_bt::before {
width: 6px;
height: 6px;
margin-top: -3px;
}
}
.xw_list li a {
display: block;
width: 100%;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 38px;
}
.xw_list li a:hover {
font-weight: bold;
}
@media only screen and (max-width: 1200px) {
.xw_list li a {
line-height: 30px;
}
}
.zs_k .d1 {
width: 70%;
}
.zs_k .d2 {
width: 23%;
}
@media only screen and (max-width: 1200px) {
.zs_k .d1 {
width: 100%;
margin-bottom: 20px;
}
.zs_k .d2 {
width: 100%;
}
}
.zs_ad {
width: 100%;
float: left;
}
.zs_ad a {
display: block;
width: 100%;
position: relative;
margin-bottom: 30px;
height: 220px;
}
.zs_ad a img {
min-height: 220px;
}
.zs_ad a .bt {
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.zs_ad a:hover {
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 1600) {
.zs_ad a {
height: 196px;
}
.zs_ad a img {
min-height: 196px;
}
}
@media only screen and (max-width: 1200px) {
.zs_ad {
width: 102%;
margin-left: -1%;
}
.zs_ad a {
width: 48%;
margin: 1%;
float: left;
height: calc((100vw / 2 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 2 - 30px) / 4 * 3);
}
.zs_ad a img {
min-height: calc((100vw / 2 - 30px) / 4 * 3);
min-height: -webkit-calc((100vw / 2 - 30px) / 4 * 3);
}
}
@media only screen and (max-width: 1200px) and (max-width: 500px) {
.zs_ad a {
width: 98%;
margin-bottom: 15px;
height: calc((100vw / 1 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 1 - 30px) / 4 * 3);
}
.zs_ad a img {
min-height: calc((100vw / 1 - 30px) / 4 * 3);
min-height: -webkit-calc((100vw / 1 - 30px) / 4 * 3);
}
}
.ky_bj {
background-image: url(../images/ky_bj.jpg);
background-position: right bottom;
background-repeat: no-repeat;
padding-bottom: 120px;
}
@media only screen and (max-width: 1200px) {
.ky_bj {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.xkjd_list.pic_list {
width: 103%;
margin-left: -1.5%;
}
.xkjd_list.pic_list li {
width: 30.3333%;
margin-left: 1.5%;
margin-right: 1.5%;
font-weight: bold;
}
.xkjd_list.pic_list li:nth-child(4n + 1) {
clear: inherit;
}
.xkjd_list.pic_list li:nth-child(3n + 1) {
clear: both;
}
.xkjd_list.pic_list li .img_content {
height: 262px;
}
.xkjd_list.pic_list li .img_content img {
min-height: 262px;
}
}
@media only screen and (min-width: 1200px) and (min-width: 1600px) {
.xkjd_list.pic_list li .img_content {
height: 299px;
}
.xkjd_list.pic_list li .img_content img {
min-height: 299px;
}
}
.news_list2 li {
padding: 20px 0;
border-bottom: solid 1px #ddd;
}
.news_list2 li a {
display: block;
width: 100%;
position: relative;
height: 50px;
padding-left: 90px;
}
.news_list2 li a .bt {
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 50px;
}
.news_list2 li a:hover .bt {
font-weight: bold;
}
.news_list2 li a .sTime {
font-size: 14px;
width: 65px;
position: absolute;
left: 0;
top: 0;
background-color: #023e7f;
color: #fff;
border: solid 1px #e5e5e5;
text-align: center;
}
.news_list2 li a .sTime b {
display: block;
background-color: #fff;
font-size: 20px;
color: #023e7f;
line-height: 26px;
}
@media only screen and (max-width: 1200px) {
.news_list2 li {
margin-bottom: 15px;
}
.news_list2 li a {
height: 44px;
padding-left: 70px;
}
.news_list2 li a .bt {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 760px) {
.news_list2 li a .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 44px;
height: auto !important;
line-height: 22px;
white-space: inherit;
}
}
@media only screen and (max-width: 1200px) {
.news_list2 li a .sTime {
font-size: 12px;
line-height: 20px;
width: 60px;
}
.news_list2 li a .sTime b {
font-size: 16px;
line-height: 24px;
}
}
.pic_list2 {
width: 103%;
float: left;
margin-left: -1.5%;
}
.pic_list2 li {
width: 22%;
float: left;
margin: 0 1.5% 20px 1.5%;
}
.pic_list2 li a {
display: block;
width: 100%;
}
.pic_list2 li a .img_content {
height: 190px;
}
.pic_list2 li a .img_content img {
min-height: 190px;
}
@media only screen and (min-width: 1600px) {
.pic_list2 li a .img_content {
height: 217px;
}
.pic_list2 li a .img_content img {
min-height: 217px;
}
}
.pic_list2 li a .text_content {
padding: 20px 0;
}
.pic_list2 li a .text_content .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 52px;
line-height: 26px;
white-space: inherit;
margin-bottom: 10px;
}
.pic_list2 li a .text_content .sTime {
color: #666;
}
@media only screen and (max-width: 1200px) {
.pic_list2 {
width: 102%;
margin-left: -1%;
}
.pic_list2 li {
width: 48%;
margin: 0 1% 10px 1%;
}
.pic_list2 li a .img_content {
height: calc((100vw / 2 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 2 - 30px) / 4 * 3);
}
.pic_list2 li a .img_content img {
min-height: calc((100vw / 2 - 30px) / 4 * 3);
min-height: -webkit-calc((100vw / 2 - 30px) / 4 * 3);
}
.pic_list2 li a .text_content {
padding: 10px 0;
}
.pic_list2 li a .text_content .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 48px;
line-height: 24px;
white-space: inherit;
margin-bottom: 8px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 760px) {
.pic_list2 li {
width: 98%;
}
.pic_list2 li a .img_content {
height: calc((100vw / 1 - 30px) / 4 * 3);
height: -webkit-calc((100vw / 1 - 30px) / 4 * 3);
}
.pic_list2 li a .img_content img {
min-height: calc((100vw / 1 - 30px) / 4 * 3);
min-height: -webkit-calc((100vw / 1 - 30px) / 4 * 3);
}
.pic_list2 li a .text_content .bt {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 48px;
height: auto !important;
line-height: 24px;
white-space: inherit;
}
}
.xyh_list {
border: solid 1px #ddd;
}
.xyh_list .bt {
background-color: #d9e5f6;
line-height: 60px;
color: #023e7f;
text-align: center;
font-weight: bold;
}
.xyh_list .nr {
padding: 30px;
}
.xyh_list dl {
width: 100%;
float: left;
border-bottom: dashed 1px #ddd;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
padding-left: 170px;
min-height: 60px;
}
.xyh_list dl:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0px;
}
.xyh_list dl dt {
line-height: 30px;
position: absolute;
left: 0;
top: 5px;
color: #023e7f;
font-weight: bold;
padding-left: 20px;
font-size: 20px;
}
.xyh_list dl dt::before {
content: "";
width: 4px;
height: 60%;
position: absolute;
left: 0;
top: 20%;
background-color: #023e7f;
}
.xyh_list dl dd {
width: 25%;
float: left;
line-height: 30px;
padding-right: 2%;
margin: 5px 0;
font-size: 18px;
font-weight: bold;
}
@media only screen and (max-width: 1200px) {
.xyh_list .bt {
line-height: 24px;
padding: 10px;
}
.xyh_list .nr {
padding: 15px;
}
.xyh_list dl {
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
padding-left: 120px;
min-height: 47px;
}
.xyh_list dl dt {
line-height: 24px;
padding-left: 15px;
font-size: 15px;
}
.xyh_list dl dd {
line-height: 24px;
padding-right: 1%;
width: 33.3333%;
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 760px) {
.xyh_list dl {
padding-left: 110px;
}
.xyh_list dl dd {
width: 100%;
}
}
.xy_list {
width: 104%;
float: left;
margin-left: -2%;
margin-bottom: -35px;
}
.xy_list li {
width: 46%;
float: left;
margin: 0 2% 35px 2%;
}
.xy_list li a {
display: block;
width: 100%;
border: solid 1px #dcdcdc;
padding: 20px 30px 20px 175px;
height: 205px;
position: relative;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}
.xy_list li a .img_content {
width: 124px;
height: 163px;
position: absolute;
left: 20px;
top: 20px;
}
.xy_list li a .text_content .bt {
color: #023e7f;
font-size: 24px;
font-weight: bold;
}
.xy_list li a .text_content .bt2 {
border-bottom: solid 1px #ddd;
padding: 10px 0 15px;
margin-bottom: 15px;
font-weight: bold;
}
.xy_list li a .text_content p {
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 60px;
height: auto !important;
line-height: 30px;
white-space: inherit;
}
.xy_list li a:hover {
border-color: #023e7f;
background-color: #023e7f;
color: #fff;
}
.xy_list li a:hover .text_content .bt,
.xy_list li a:hover .text_content p {
color: #fff;
}
@media only screen and (max-width: 1200px) {
.xy_list {
margin-bottom: -5px;
margin-bottom: 5px;
width: 102%;
margin-left: -1%;
}
.xy_list li {
width: 48%;
margin: 0 1% 15px 1%;
}
.xy_list li a {
padding: 15px 15px 15px 130px;
height: 160px;
}
.xy_list li a .img_content {
width: 100px;
height: 131px;
left: 15px;
top: 15px;
}
.xy_list li a .text_content .bt {
font-size: 16px;
}
.xy_list li a .text_content .bt2 {
padding: 8px 0 10px;
margin-bottom: 15px;
}
.xy_list li a .text_content p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 44px;
height: auto !important;
line-height: 22px;
white-space: inherit;
}
}
@media only screen and (max-width: 760px) {
.xy_list li {
width: 98%;
}
.xy_list li a {
min-height: 160px;
height: auto;
}
}
.xy_ss {
width: 100%;
max-width: 420px;
position: relative;
}
.xy_ss .form-control {
height: 55px;
font-size: 18px;
padding-left: 30px;
padding-right: 20px;
background-color: #fff;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
@media only screen and (max-width: 760px) {
.xy_ss .form-control {
height: 40px;
padding-left: 15px;
font-size: 14px;
}
}
.xy_ss::after {
content: "";
width: 30px;
height: 20px;
background-color: #fff;
position: absolute;
right: 1px;
top: 50%;
margin-top: -10px;
z-index: 9;
pointer-events: none;
}
.xy_ss::before {
content: "";
position: absolute;
right: 30px;
top: 50%;
margin-top: -4px;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
border-top: 8px solid #023e7f;
border-bottom: 8px solid rgba(0, 0, 0, 0);
z-index: 10;
pointer-events: none;
}
@media only screen and (max-width: 760px) {
.xy_ss::before {
right: 15px;
}
}
.xy_result {
border: solid 1px #ddd;
padding: 45px;
}
.xy_result .bt {
width: 100%;
float: left;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: dashed 1px #ddd;
font-size: 22px;
color: #023e7f;
font-weight: bold;
}
.xy_result .item {
width: 100%;
float: left;
padding: 15px 0;
}
.xy_result .item .subbt {
width: 100%;
float: left;
color: #023e7f;
margin-bottom: 15px;
font-weight: 22px;
font-weight: bold;
}
.xy_result .item ul {
width: 102%;
float: left;
margin-left: -1%;
}
.xy_result .item ul li {
width: 7.6923%;
float: left;
margin: 4px 1%;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 18px;
font-weight: bold;
}
@media only screen and (max-width: 1200px) {
.xy_result {
padding: 15px;
}
.xy_result .bt {
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 16px;
}
.xy_result .item {
padding: 8px 0;
}
.xy_result .item .subbt {
margin-bottom: 8px;
font-size: 15px;
}
.xy_result .item ul li {
width: 12.5%;
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 760px) {
.xy_result .item ul li {
width: 23%;
}
}
.jz_list1 {
width: 105.2%;
float: left;
margin-left: -2.6%;
}
.jz_list1 li {
width: 50%;
float: left;
padding: 0 2.6% 50px 2.6%;
}
.jz_list1 li a {
display: block;
position: relative;
color: #fff;
}
.jz_list1 li a .bt {
position: absolute;
left: 0;
top: 0;
font-weight: bold;
width: 100%;
height: 100%;
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
}
.jz_list1 li a .img_content {
height: 257px;
}
.jz_list1 li a .img_content img {
min-height: 257px;
}
@media only screen and (min-width: 1600px) {
.jz_list1 li a .img_content {
height: 290px;
}
.jz_list1 li a .img_content img {
min-height: 290px;
}
}
@media only screen and (min-width: 1200px) {
.jz_list1 li a:hover {
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}
.jz_list1 li a:hover::before {
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
}
}
@media only screen and (max-width: 1200px) {
.jz_list1 {
width: 102%;
margin-left: -1%;
}
.jz_list1 li {
padding: 0 1% 15px 1%;
}
.jz_list1 li a::before {
left: 15px;
top: 15px;
bottom: 15px;
right: 15px;
}
.jz_list1 li a .img_content {
height: calc((100vw / 2 - 30px) / 2 * 1);
height: -webkit-calc((100vw / 2 - 30px) / 2 * 1);
}
.jz_list1 li a .img_content img {
min-height: calc((100vw / 2 - 30px) / 2 * 1);
min-height: -webkit-calc((100vw / 2 - 30px) / 2 * 1);
}
}
@media only screen and (max-width: 760px) {
.jz_list1 li {
width: 100%;
}
.jz_list1 li a .bt {
font-size: 16px;
}
.jz_list1 li a .img_content {
height: calc((100vw / 1 - 30px) / 2 * 1);
height: -webkit-calc((100vw / 1 - 30px) / 2 * 1);
}
.jz_list1 li a .img_content img {
min-height: calc((100vw / 1 - 30px) / 2 * 1);
min-height: -webkit-calc((100vw / 1 - 30px) / 2 * 1);
}
}
.down_list1 li {
width: 100%;
margin-bottom: 30px;
}
.down_list1 li a {
display: block;
height: 60px;
border: solid 1px #e5e5e5;
position: relative;
padding: 0 20px 0 40px;
width: 100%;
}
.down_list1 li a::before {
content: "";
width: 8px;
height: 16px;
position: absolute;
left: -1px;
top: 50%;
margin-top: -8px;
background-color: #023e7f;
}
.down_list1 li a .bt {
line-height: 58px;
width: 100%;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.down_list1 li a:hover {
background-color: #0452a6;
border-color: #0452a6;
color: #fff;
}
.down_list1 li a:hover::before {
background-color: #fff;
}
.down_list1 li:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
.down_list1 li {
margin-bottom: 10px;
}
.down_list1 li a {
height: 40px;
padding: 0 10px 0 15px;
}
.down_list1 li a::before {
width: 5px;
height: 12px;
margin-top: -6px;
}
.down_list1 li a .bt {
line-height: 38px;
font-size: 14px;
}
}
.news_list3 li {
width: 100%;
border-bottom: solid 1px #ddd;
}
.news_list3 li a {
display: block;
width: 100%;
height: 100px;
position: relative;
padding: 0 20px 0 110px;
}
.news_list3 li a .bt {
line-height: 100px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.news_list3 li a .sTime {
font-size: 14px;
width: 65px;
position: absolute;
left: 20px;
top: 25px;
color: #999999;
text-align: center;
}
.news_list3 li a .sTime b {
display: block;
font-size: 40px;
color: #023e7f;
line-height: 40px;
color: #666666;
font-weight: bold;
}
.news_list3 li a:hover {
background-color: #023e7f;
color: #fff;
}
.news_list3 li a:hover .sTime {
color: #fff;
}
.news_list3 li a:hover .sTime b {
color: #fff;
}
.news_list3 li a:hover .bt {
font-weight: bold;
}
@media only screen and (max-width: 1200px) {
.news_list3 li a {
height: 60px;
padding: 0 10px 0 70px;
}
.news_list3 li a .bt {
line-height: 60px;
font-size: 14px;
}
.news_list3 li a .sTime {
font-size: 12px;
width: 60px;
left: 0px;
top: 5px;
}
.news_list3 li a .sTime b {
font-size: 20px;
line-height: 30px;
}
}
.news_list4 li {
width: 100%;
margin-bottom: 30px;
}
.news_list4 li a {
width: 100%;
display: block;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
padding: 20px 30px;
}
.news_list4 li a .bt {
font-weight: bold;
margin-bottom: 12px;
}
.news_list4 li a .text_content {
position: relative;
padding-left: 120px;
min-height: 115px;
}
.news_list4 li a .text_content .sTime {
background-color: #fff;
width: 100px;
position: absolute;
left: 0;
top: 0;
text-align: center;
color: #023e7f;
font-size: 14px;
border: solid 1px #e5e5e5;
}
.news_list4 li a .text_content .sTime b {
display: block;
font-size: 30px;
line-height: 33px;
height: 33px;
margin-top: 10px;
}
.news_list4 li a .text_content .sTime p {
display: block;
background-color: #023e7f;
color: #fff;
line-height: 30px;
font-size: 16px;
margin-top: 5px;
}
.news_list4 li a .text_content dl dd {
line-height: 30px;
position: relative;
padding-left: 40px;
margin-bottom: 5px;
}
.news_list4 li a .text_content dl dd:last-child {
margin-bottom: 0;
}
.news_list4 li a .text_content dl dd::before {
content: "";
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
position: absolute;
left: 0;
top: 0;
}
.news_list4 li a .text_content dl dd.dd1::before {
background-image: url(../images/sy_a1.png);
}
.news_list4 li a .text_content dl dd.dd2::before {
background-image: url(../images/sy_a2.png);
}
.news_list4 li a .text_content dl dd.dd3::before {
background-image: url(../images/sy_a3.png);
}
.news_list4 li a:hover {
background-color: #023e7f;
color: #fff;
}
.news_list4 li a:hover .text_content .sTime {
border-color: #023e7f;
}
.news_list4 li a:hover .text_content dl dd.dd1::before {
background-image: url(../images/sy_a1_on.png);
}
.news_list4 li a:hover .text_content dl dd.dd2::before {
background-image: url(../images/sy_a2_on.png);
}
.news_list4 li a:hover .text_content dl dd.dd3::before {
background-image: url(../images/sy_a3_on.png);
}
@media only screen and (max-width: 1200px) {
.news_list4 li {
margin-bottom: 15px;
}
.news_list4 li a {
padding: 15px 15px;
}
.news_list4 li a .bt {
margin-bottom: 10px;
}
.news_list4 li a .text_content {
padding-left: 85px;
min-height: 85px;
}
.news_list4 li a .text_content .sTime {
width: 70px;
font-size: 12px;
}
.news_list4 li a .text_content .sTime b {
font-size: 20px;
line-height: 26px;
height: 26px;
margin-top: 8px;
}
.news_list4 li a .text_content .sTime p {
line-height: 22px;
font-size: 13px;
margin-top: 5px;
}
.news_list4 li a .text_content dl dd {
line-height: 24px;
padding-left: 25px;
}
.news_list4 li a .text_content dl dd::before {
width: 15px;
height: 15px;
background-size: auto 100%;
top: 5px;
}
}
.news_list4 li:last-child {
margin-bottom: 0;
}
.news_list4 li.active a .text_content .sTime {
color: #d70909;
}
.news_list4 li.active a .text_content .sTime p {
background-color: #d70909;
}
.ml_list1 {
padding: 40px 50px;
background-color: #f5f6f7;
}
.ml_list1 ul {
width: 100%;
float: left;
}
.ml_list1 ul li {
float: left;
width: 14.2857%;
padding-right: 10px;
margin: 10px 0;
font-size: 18px;
font-weight: bold;
}
.ml_list1 ul li:nth-child(7n + 1) {
clear: both;
}
@media only screen and (max-width: 1200px) {
.ml_list1 {
padding: 15px 20px;
}
.ml_list1 ul li {
width: 33.3333%;
margin: 5px 0;
font-size: 14px;
}
.ml_list1 ul li:nth-child(7n + 1) {
clear: inherit;
}
.ml_list1 ul li:nth-child(3n + 1) {
clear: both;
}
}
.ml_list1 .item {
border-bottom: solid 1px #e5e5e5;
padding-bottom: 30px;
margin-bottom: 30px;
}
.ml_list1 .item .bt {
text-align: center;
color: #023e7f;
font-weight: bold;
margin-bottom: 25px;
}
.ml_list1 .item:last-child {
border-bottom: 0;
padding-bottom: 0px;
margin-bottom: 0px;
}
@media only screen and (max-width: 1200px) {
.ml_list1 .item {
padding-bottom: 15px;
margin-bottom: 15px;
}
.ml_list1 .item .bt {
margin-bottom: 15px;
}
}
.ml_list2 .item {
margin-bottom: 30px;
background-color: #f6f6f6;
}
.ml_list2 .item:last-child {
margin-bottom: 0;
}
.ml_list2 .item .bt {
background-color: #023e7f;
color: #fff;
padding: 10px 20px;
font-size: 22px;
}
.ml_list2 .item ul {
width: 100%;
float: left;
padding: 10px;
}
.ml_list2 .item ul li {
width: 14.6666%;
margin: 10px 1%;
float: left;
}
.ml_list2 .item ul li.large {
width: 31.3332%;
}
.ml_list2 .item ul li a {
display: block;
background-color: #fff;
line-height: 45px;
height: 45px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
font-size: 18px;
}
.ml_list2 .item ul li a:hover {
background-color: #023e7f;
color: #fff;
}
@media only screen and (max-width: 1200px) {
.ml_list2 .item {
margin-bottom: 15px;
}
.ml_list2 .item .bt {
padding: 8px 15px;
font-size: 16px;
}
.ml_list2 .item ul {
padding: 10px;
}
.ml_list2 .item ul li {
width: 23%;
margin: 5px 1%;
}
.ml_list2 .item ul li.large {
width: 48%;
}
.ml_list2 .item ul li a {
line-height: 35px;
height: 35px;
font-size: 14px;
}
}
@media only screen and (max-width: 760px) {
.ml_list2 .item .bt {
font-size: 15px;
}
.ml_list2 .item ul {
padding: 5px;
}
.ml_list2 .item ul li {
width: 48%;
}
.ml_list2 .item ul li.large {
width: 98%;
}
}
.js_nav a {
width: 32px;
height: 32px;
float: left;
line-height: 31px;
border: solid 1px #e5e5e5;
text-align: center;
border-radius: 5px;
margin: 0 0 10px 0;
display: inline-block;
margin: 5px 4.8px;
}
.js_nav a:first-child {
margin-left: 0;
}
.js_nav a.on, .js_nav a:hover {
border-color: #023e7f;
color: #fff;
background-color: #023e7f;
}
@media only screen and (min-width: 1600px) {
.js_nav a {
width: 35px;
height: 35px;
line-height: 33px;
margin: 5px 6px;
}
}
@media only screen and (max-width: 1200px) {
.js_nav a {
margin: 4px;
}
}
@media only screen and (max-width: 760px) {
.js_nav {
display: block;
font-size: 0;
}
.js_nav a {
font-size: 14px;
width: 28px;
height: 28px;
line-height: 27px;
display: inline-block;
}
}
.js_top {
position: relative;
padding: 30px 30px 30px 200px;
border: solid 1px #dddddd;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
min-height: 230px;
}
.js_top::before {
content: "";
width: 163px;
height: 5px;
background-color: #023e7f;
position: absolute;
left: 0;
top: 0;
}
.js_top .img_content {
width: 133px;
height: 177px;
position: absolute;
left: 30px;
top: 30px;
}
.js_top .text_content .bt {
color: #023e7f;
font-weight: bold;
margin-bottom: 15px;
}
.js_top .text_content .bt b {
font-size: 24px;
font-weight: bold;
margin-right: 1em;
}
.js_top .text_content .bt .s1 {
margin-right: 2em;
}
.js_top .text_content ul li {
min-height: 30px;
padding: 5px 0 5px 45px;
position: relative;
}
.js_top .text_content ul li::before {
content: "";
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 0;
}
.js_top .text_content ul li.l1::before {
background-image: url(../images/js_a1.png);
}
.js_top .text_content ul li.l2::before {
background-image: url(../images/js_a2.png);
}
.js_top .text_content ul li.l3::before {
background-image: url(../images/js_a3.png);
}
.js_top .text_content ul li.l4::before {
background-image: url(../images/js_a4.png);
}
.js_top .text_content ul li.l5::before {
background-image: url(../images/js_a5.png);
}
.js_top .text_content ul li.l6::before {
background-image: url(../images/js_a6.png);
}
.js_top .text_content ul li.l7::before {
background-image: url(../images/js_a7.png);
}
@media only screen and (max-width: 1200px) {
.js_top {
padding: 15px 15px 15px 135px;
min-height: 170px;
}
.js_top::before {
width: 120px;
height: 4px;
}
.js_top .img_content {
width: 100px;
height: 133px;
left: 15px;
top: 15px;
}
.js_top .text_content .bt {
margin-bottom: 10px;
}
.js_top .text_content .bt b {
font-size: 16px;
}
.js_top .text_content ul li {
min-height: 24px;
padding: 3px 0 3px 35px;
position: relative;
}
.js_top .text_content ul li::before {
width: 24px;
height: 24px;
background-size: auto 16px;
top: 2px;
}
.js_top .text_content ul li.l1::before {
background-image: url(../images/js_a1.png);
}
.js_top .text_content ul li.l2::before {
background-image: url(../images/js_a2.png);
}
.js_top .text_content ul li.l3::before {
background-image: url(../images/js_a3.png);
}
.js_top .text_content ul li.l4::before {
background-image: url(../images/js_a4.png);
}
.js_top .text_content ul li.l5::before {
background-image: url(../images/js_a5.png);
}
.js_top .text_content ul li.l6::before {
background-image: url(../images/js_a6.png);
}
}
@media only screen and (max-width: 760px) {
.js_top {
padding: 15px 15px 15px 15px;
}
.js_top .img_content {
width: 100%;
height: auto;
left: auto;
top: auto;
position: inherit;
text-align: center;
margin-bottom: 15px;
}
.js_top .img_content img {
max-width: 50%;
}
.js_top .text_content .bt .s2 {
display: block;
margin-top: 6px;
}
.js_top .text_content ul li {
min-height: 24px;
padding: 3px 0 3px 35px;
position: relative;
}
.js_top .text_content ul li::before {
width: 24px;
height: 24px;
background-size: auto 16px;
top: 2px;
}
}
.js_content {
border: solid 1px #dddddd;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
}
.js_content .nav {
width: 100%;
float: left;
background-color: #f5f5f5;
height: 70px;
border-bottom: solid 1px #dddddd;
}
.js_content .nav li {
float: left;
height: 70px;
border-right: solid 1px #dddddd;
width: 150px;
}
.js_content .nav li:last-child {
border-right: 0;
}
.js_content .nav li:first-child a::before {
display: none;
}
.js_content .nav li a {
display: block;
line-height: 68px;
font-size: 18px;
text-align: center;
height: 70px;
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
.js_content .nav li a.on {
background-color: #023e7f;
color: #fff;
height: 78px;
position: relative;
top: -8px;
line-height: 78px;
}
@media only screen and (min-width: 1200px) {
.js_content .nav li a.on::before, .js_content .nav li a.on::after {
content: "";
background-image: url(../images/js_tb.png);
background-repeat: no-repeat;
width: 7px;
height: 8px;
position: absolute;
left: -7px;
top: 0;
}
.js_content .nav li a.on::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
left: auto;
right: -7px;
}
}
.js_content .item {
min-height: 400px;
padding: 30px;
width: 100%;
float: left;
display: none;
}
@media only screen and (max-width: 1200px) {
.js_content .nav {
height: auto;
border: 0;
}
.js_content .nav li {
height: 40px;
width: auto;
border: solid 1px #ddd;
margin: -1px 0 0px -1px;
overflow: hidden;
background-color: #f5f5f5;
}
.js_content .nav li:last-child {
border-right: solid 1px #ddd;
}
}
@media only screen and (max-width: 1200px) and (max-width: 760px) {
.js_content .nav li {
width: 33.3333%;
}
}
@media only screen and (max-width: 1200px) {
.js_content .nav li a {
display: block;
padding: 0 15px;
line-height: 38px;
font-size: 14px;
height: 40px;
}
.js_content .nav li a.on {
height: 40px;
top: 0px;
line-height: 38px;
}
.js_content .item {
min-height: 200px;
padding: 15px;
}
}
.xyml_nr {
font-size: 18px;
font-weight: bold;
}
.xyml_nr h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
@media only screen and (max-width: 1200px) {
.xyml_nr {
font-size: 14px;
}
.xyml_nr h4 {
font-size: 16px;
margin-bottom: 5px;
}
}
.ys_list li {
width: 100%;
margin-bottom: 40px;
}
.ys_list li:last-child {
margin-bottom: 0;
}
.ys_list li a {
display: block;
width: 100%;
position: relative;
height: 325px;
color: #333;
border: solid 1px #ddd;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
background-color: #fff;
padding: 30px 50px 30px 290px;
}
.ys_list li a .img_content {
width: 245px;
height: 325px;
position: absolute;
left: 0px;
top: 0;
}
.ys_list li a .text_content .bt {
font-weight: bold;
}
.ys_list li a .text_content .bt b {
font-size: 24px;
color: #023e7f;
margin-right: 1em;
font-weight: bold;
}
.ys_list li a .text_content .bt p {
padding: 10px 0;
}
.ys_list li a .text_content .more {
background-color: #023e7f;
height: 50px;
line-height: 50px;
color: #fff;
width: 150px;
position: absolute;
right: 50px;
bottom: 30px;
text-align: center;
}
.ys_list li a .text_content .more:hover {
background-color: rgba(2, 62, 127, 0.8);
}
.ys_list li a .text_content dl dd {
min-height: 30px;
padding: 5px 0 5px 45px;
position: relative;
}
.ys_list li a .text_content dl dd::before {
content: "";
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 0;
}
.ys_list li a .text_content dl dd.l1::before {
background-image: url(../images/js_a1.png);
}
.ys_list li a .text_content dl dd.l2::before {
background-image: url(../images/js_a2.png);
}
.ys_list li a .text_content dl dd.l3::before {
background-image: url(../images/js_a3.png);
}
.ys_list li a .text_content dl dd.l4::before {
background-image: url(../images/js_a4.png);
}
.ys_list li a .text_content dl dd.l5::before {
background-image: url(../images/js_a5.png);
}
.ys_list li a .text_content dl dd.l6::before {
background-image: url(../images/js_a6.png);
}
.ys_list li a .text_content dl dd.l7::before {
background-image: url(../images/js_a7.png);
}
.ys_list li a:hover {
background-color: #023e7f;
}
.ys_list li a:hover * {
color: #fff !important;
}
.ys_list li a:hover .text_content .more {
background-color: rgba(255, 255, 255, 0.15);
}
.ys_list li a:hover .text_content dl dd.l1::before {
background-image: url(../images/js_a1_on.png);
}
.ys_list li a:hover .text_content dl dd.l2::before {
background-image: url(../images/js_a2_on.png);
}
.ys_list li a:hover .text_content dl dd.l3::before {
background-image: url(../images/js_a3_on.png);
}
.ys_list li a:hover .text_content dl dd.l4::before {
background-image: url(../images/js_a4_on.png);
}
.ys_list li a:hover .text_content dl dd.l5::before {
background-image: url(../images/js_a5_on.png);
}
.ys_list li a:hover .text_content dl dd.l6::before {
background-image: url(../images/js_a6_on.png);
}
.ys_list li a:hover .text_content dl dd.l7::before {
background-image: url(../images/js_a7_on.png);
}
@media only screen and (max-width: 1200px) {
.ys_list li {
margin-bottom: 15px;
}
.ys_list li a {
height: 239px;
padding: 15px 15px 15px 200px;
}
.ys_list li a .img_content {
width: 180px;
height: 239px;
}
.ys_list li a .text_content .bt b {
font-size: 16px;
}
.ys_list li a .text_content .bt p {
padding: 5px 0;
}
.ys_list li a .text_content .more {
height: 30px;
line-height: 30px;
width: 90px;
right: 15px;
bottom: 15px;
}
.ys_list li a .text_content dl dd {
min-height: 24px;
padding: 3px 0 3px 35px;
position: relative;
}
.ys_list li a .text_content dl dd::before {
width: 24px;
height: 24px;
background-size: auto 16px;
top: 2px;
}
}
@media only screen and (max-width: 760px) {
.ys_list li a {
height: auto;
padding: 15px 15px 40px 15px;
}
.ys_list li a .img_content {
width: 100%;
height: auto;
left: auto;
top: auto;
position: inherit;
text-align: center;
margin-bottom: 15px;
}
.ys_list li a .img_content img {
max-width: 50%;
}
.ys_list li a .text_content .more {
width: 100%;
right: 0px;
bottom: 0px;
}
}
.lb_xz {
float: left;
width: 100%;
float: left;
overflow: hidden;
}
.lb_xz ul {
float: left;
width: 103%;
margin-left: -1.5%;
}
.lb_xz ul li {
float: left;
width: 22%;
height: 95px;
line-height: 30px;
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 0px 1.5% 30px 1.5%;
}
.lb_xz ul li a {
width: 100%;
color: #ffffff;
height: 95px;
background: #023e7f;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 10px 40px 10px 20px;
}
.lb_xz ul li a i {
background: url(../images/jt_b2.png) no-repeat;
display: inline-block;
width: 11px;
height: 15px;
background-size: 100% 100%;
position: absolute;
right: 20px;
top: 50%;
margin-top: -7.5px;
}
.lb_xz ul li a:hover {
background: #04a9e4;
}
@media only screen and (max-width: 1200px) {
.lb_xz ul {
width: 102%;
margin-left: -1%;
}
.lb_xz ul li {
width: 31.3333%;
margin: 1%;
height: 70px;
}
.lb_xz ul li a {
height: 70px;
padding: 10px 30px 10px 15px;
font-size: 14px;
line-height: 22px;
}
.lb_xz ul li a i {
width: 6px;
height: 11px;
right: 10px;
top: 50%;
margin-top: -5.5px;
}
}
@media only screen and (max-width: 1200px) and (max-width: 600px) {
.lb_xz ul li {
height: auto;
width: 98%;
margin: 0 0 10px 0;
}
.lb_xz ul li a {
height: auto;
padding: 15px 25px 15px 15px;
}
}