﻿@charset "utf-8";
/* CSS Document */

body {
padding-top: 0px;
}

.tab-cell {
display: table-cell;
vertical-align: middle;
}
.flex {
display: flex;
}
.rel {
position: relative;
}
.abs {
position: absolute;
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.justify-start {
justify-content: start;
}
.justify-content {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-between {
justify-content: space-between;
}
.align-center {
align-items: center;
}
.font_50 {
font-size: 36px;
font-weight: bold;
color: #0551a7;
margin-bottom: 6%;
}
.wrap {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

.mob-menu {
display: none;
}

.mob-menu:before {
content: "";
position: absolute;
right: 50%;
top: 50%;
height: 2px;
width: 32px;
margin-right: -16px;
margin-top: -12px;
background: #fff;
transition: all 0.5s ease;
}

.mob-menu:after {
content: "";
position: absolute;
right: 50%;
top: 50%;
height: 2px;
width: 18px;
margin-right: -16px;
margin-top: 10px;
background: #fff;
transition: all 0.5s ease;
}

.mob-menu span {
position: absolute;
right: 50%;
top: 50%;
height: 2px;
width: 26px;
margin-right: -16px;
margin-top: -1px;
background: #fff;
transition: all 0.5s ease;
}

.mob-menu.on {
transition: all 0.5s ease;
}

.mob-menu.on:before {
margin-top: -1px;
width: 32px;
transform: rotate(45deg);
transition: all 0.5s ease;
}

.mob-menu.on:after {
margin-top: -1px;
width: 32px;
transform: rotate(-45deg);
transition: all 0.5s ease;
}

.mob-menu.on span {
width: 0;
transition: all 0.5s ease;
}

.top {
background: #fff;
position: relative;
z-index: 10;
}

.labunm {
border-bottom: 1px dashed #ddd;
line-height: 42px;
}

.piora i {
display: block;
padding-right: 15px;
color: #0e61c0;
cursor: pointer;
padding: 0 25px 0 10px;
}

.piora i.on {
background: #0e61c0;
color: #fff;
}

.piora i:after {
content: "";
width: 10px;
height: 6px;
background: url(../images/xl.png) no-repeat;
position: absolute;
right: 10px;
top: 50%;
margin-top: -3px;
}

.piora i.on:after {
background: url(../images/sl.png) no-repeat;
}

.piora p {
background: #0e61c0;
position: absolute;
left: 0;
top: 42px;
z-index: 3;
padding: 10px;
width: 240px;
display: none;
}

.piora p a {
display: block;
padding: 0 15px;
line-height: 40px;
color: #fff;
border-bottom: 1px solid #5791d3;
transition: all 0.5s;
}

.lunceba {
color: #999;
}

.lunceba > a {
color: #0551a7;
float: left;
margin-left: 10px;
}

.lunceba i {
display: block;
color: #0551a7;
padding: 0 10px;
cursor: pointer;
}
.lunceba i a {
color: #0551a7;
}

.lunceba i.on {
background: #0e61c0;
color: #fff;
}
.lunceba i:nth-child(1).on {
background: #fff;
color: #0551a7;
}
.lunceba span {
float: left;
}

.encoma p {
position: absolute;
display: none;
right: 0px;
padding: 10px;
top: 42px;
width: 220px;
z-index: 3;
background: #0e61c0;
}

.encoma p a {
display: block;
padding: 0 15px;
line-height: 40px;
text-align: left;
color: #fff;
border-bottom: 1px solid #5791d3;
transition: all 0.5s;
}

.t-logo {
margin-top: 28px;
}

.ind-search {
margin-top: 35px;
}

.ind-search span {
display: block;
width: 40px;
height: 40px;
border-radius: 3px;
border: none;
cursor: pointer;
background: #00A9E0 url(../images/fd.png) no-repeat center center;
}

.search-bot {
background: rgba(0, 169, 224, 0.8);
width: 100vw;
padding: 40px 0;
position: absolute;
left: 0;
top: 148px;
display: none;
}

.solt-inp {
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 3px;
display: flex;
}

.solt-inp .c1 {
flex: 1;
height: 50px;
padding: 0 10px;
color: #fff;
background: none;
border: none;
}

.solt-inp .c2 {
border: none;
cursor: pointer;
width: 50px;
height: 50px;
background: url(../images/fd.png) no-repeat center center;
}

.t-nav {
margin-top: 0px;
}

.t-nav > li {
float: left;
line-height: 105px;
font-size: 16px;
margin-left: 15px;
}

.t-nav > li > a {
color: #0e61c1;
padding: 0 30px;
display: block;
}

.t-nav > li > a.on {
color: #fff;
background: #0e61c1;
}

.t-nav2 {
margin-top: 0px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.t-nav2 li {
width: 13%;
text-align: center;

font-size: 16px;
}

.t-nav2 li a {
color: #0e61c1;
/*padding: 0 30px;*/
display: block;
}

.ac-sec {
background: #0e61c1;
width: 100vw;
padding: 40px 0;
position: absolute;
left: 0;
top: 148px;
display: none;
}

.sec-on {
width: 356px;
}

.one-nav li {
line-height: 45px;
margin-bottom: 10px;
}

.one-nav li a {
display: block;
color: #fff;
padding: 0 20px;
transition: all 0.5s;
}

.one-nav li a.more {
background: url(../images/ad.png) no-repeat 85% center;
}

.one-nav li a.more.on {
background: #0551a7 url(../images/ap.png) no-repeat 85% center;
}

.sec-nav {
position: absolute;
left: 356px;
top: 0;
width: 356px;
display: none;
}

.thr-nav {
position: absolute;
left: 356px;
top: 0;
width: 356px;
display: none;
}

.def-img-list {
float: left;
}

.def-img-list .title {
font-size: 18px;
font-weight: bold;
line-height: 30px;
color: #fff;
padding: 0 30px;
margin-bottom: 20px;
}

.def-img-list .list {
width: 312px;
margin-left: 30px;
}

.def-img-list .list a {
display: block;
color: #fff;
line-height: 25px;
}

.def-img-list .list a .img img {
display: block;
width: 100%;
height: 175px;
object-fit: cover;
}

.def-img-list .list a .tit {
margin: 10px 0;
}

.def-img-list .list a .mov {
font-size: 12px;
}

.ind-main {
padding: 4% 0;
}

.areomt {
line-height: 1.6;
}

.areomt .d1 {
color: #0551a7;
font-size: 36px;
font-weight: bolder;
}

.areomt .d2 {
color: #0551a7;
font-size: 22px;
margin-top: 10px;
}

.areomt .d3 {
margin-top: 30px;
}

.areomt .d3 a {
display: inline-block;
width: 160px;
line-height: 35px;
color: #fff;
border-radius: 3px;
background: #00A9E0;
transition: all ease 0.5s;
}

.areomt .d4 {
margin-top: 20px;
line-height: 1.6;
font-size: 16px;
}

.pchlea {
background: url(../testimg/t2.jpg) no-repeat center center;
background-size: cover;
border-radius: 5px;
}

.bapire {
width: 53%;
padding: 8%;
color: #fff;
font-size: 20px;
line-height: 2;
background: rgba(0, 0, 0, 0.6);
}

.afobut {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.afobut li {
width: 32.5%;
margin-top: 5%;
}

.afobut li a {
display: block;
border-radius: 5px;
overflow: hidden;
position: relative;
color: #fff;
}

.afobut li a .img img {
display: block;
width: 100%;
height: 452px;
transition: all 0.5s;
}

.afobut li a .con {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
left: 0;
bottom: -350px;
padding: 35px;
transition: all 0.5s;
background: rgba(0, 0, 0, 0.6);
text-align: center;
}

.afobut li a .con .d1 {
font-size: 20px;
}

.afobut li a .con .d2 {
font-size: 16px;
margin-top: 40px;
line-height: 30px;
max-height: 120px;
text-align: justify;
}

.afobut li a .con .d3 {
margin-top: 25px;
}

.lourbn .d1 {
font-size: 16px;
padding-bottom: 20px;
}

.lourbn .d1:before {
content: "";
height: 1px;
width: 25px;
background: #0551a7;
position: absolute;
left: 0;
bottom: 0;
}

.lourbn .d2 {
color: #0551a7;
font-size: 32px;
font-weight: bold;
margin-top: 25px;
}

.mubcena {
margin-top: 4%;
}

.buoutc {
width: 35%;
}

.vt-search select {
width: 220px;
height: 50px;
border: none;
background: #e6e6e6;
padding: 0 5px;
font-size: 16px;
float: left;
border-radius: 3px;
}

.vt-search input {
float: left;
margin-left: 20px;
border: none;
cursor: pointer;
background: #00A9E0;
color: #fff;
font-size: 18px;
width: 50px;
height: 50px;
border-radius: 3px;
}

.ct-img {
margin-top: 80px;
}

.ct-img a {
display: block;
}

.cs-img {
margin-top: 50px;
}

.cs-img a {
display: block;
}

.cs-img a .img {
float: right;
width: 80%;
}

.honeba {
width: 61%;
}

.fs-img {
padding: 20px 20px 0 0;
}

.fs-img:before {
content: "";
width: 40%;
height: 40%;
background: #00A9E0;
position: absolute;
right: 0;
top: 0;
}

.fs-img a {
display: block;
position: relative;
z-index: 2;
}

.aloecl {
margin-top: 50px;
}

.lmburen .tit {
font-size: 30px;
}

.lmburen a {
color: #fff;
background: #00A9E0;
line-height: 32px;
width: 160px;
text-align: center;
border-radius: 3px;
}

.un-img {
width: 55%;
}

.lnunea a {
color: #0551a7;
}

.bunmpa {
width: 878px;
}

.bunmpa .title {
padding: 20px 0;
font-size: 30px;
}

.loemnf li {
float: left;
width: 32%;
margin-right: 2%;
margin-top: 40px;
}

.loemnf li:nth-child(3n) {
margin-right: 0;
}

.loemnf li a {
display: block;
padding-top: 30px;
position: relative;
}

.loemnf li a:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 4px;
width: 40px;
background: #0551a7;
transition: all 0.5s;
}

.loemnf li a .d1 {
color: #333;
}

.loemnf li a .d2 {
font-size: 15px;
margin-top: 5px;
line-height: 25px;
height: 75px;
overflow: hidden;
}

.buaehn {
width: 280px;
background: #f8f8f8;
border-radius: 5px;
}

.huhane {
font-size: 30px;
text-align: center;
padding: 20px 0;
border-bottom: 1px solid #ccc;
}

.lbvfeb {
padding: 30px 0;
}

.tpeanbc {
padding-bottom: 5%;
}

.tpeanbc a {
display: inline-block;
width: 160px;
line-height: 35px;
color: #fff;
border-radius: 3px;
background: #00A9E0;
transition: all ease 0.5s;
}

.aoutbc {
width: 66%;
overflow: hidden;
border-radius: 5px;
}

.aoutbc02 {
width: 32%;
margin-left: 2%;
margin-bottom: 2%;
}

.aoutbc a {
display: block;
position: relative;
}

.aoutbc a .img {
overflow: hidden;
}

.aoutbc a .img img {
width: 100%;
display: block;
height: 580px;
object-fit: cover;
transition: all 0.5s;
}

.aoutbc02 a .img img {
height: 278px;
}

.aoutbc a .con {
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
color: #fff;
z-index: 2;
width: 100%;
padding: 15px 20px;
}

.aoutbc a .con .d1 {
font-size: 22px;
margin-bottom: 3px;
}

.ubienfa {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.ubienfa li {
margin-top: 5%;
text-align: center;
width: 25%;
padding: 4% 0;
background: url(../images/gb.png) no-repeat center center;
}

.ubienfa li .d1 {
font-size: 72px;
font-weight: bold;
color: #0551a7;
}

.ubienfa li .d2 {
color: #0551a7;
font-size: 18px;
}

.ubienfa li .d3 {
margin-top: 20px;
font-size: 15px;
line-height: 1.8;
color: #666;
}

.lfbunea {
padding: 15% 0;
background: url(../testimg/t10.png) no-repeat center center;
background-size: cover;
}

.yemfla {
display: inline-table;
width: 476px;
height: 476px;
padding: 0 55px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
}

.yemfla .d1 {
font-size: 32px;
font-weight: bold;
color: #0551a7;
line-height: 1.8;
}

.yemfla .d2 {
margin-top: 30px;
}

.yemfla .d2 a {
display: inline-block;
background: #00A9E0;
color: #fff;
width: 160px;
line-height: 35px;
border-radius: 3px;
transition: all ease 0.5s;
}

.borelma {
background: #fff url(../testimg/t13.jpg) no-repeat bottom center;
padding-bottom: 5%;
}

.borelma ul{
mix-blend-mode:multiply;
}

.lfevba li {
width: 20%;
float: left;
padding: 5px 0;
position: relative;
text-align: center;
margin-bottom: 1%;
}

.lfevba li .img img {
width: 100%;
display: block;
height: 110px;
object-fit: scale-down;
}

.lfevba li .ewm {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
padding: 10px 0;
opacity: 0;
transition: all 0.5s;
}

.lfevba li .ewm img {
display: block;
margin: 0 auto;
height: 100px;
}

.foot {
background: #2e3139;
}

.qouentc {
padding: 60px 0 20px;
}

.hunbte .d1 {
margin-bottom: 30px;
}

.hunbte .d2 {
display: none;
line-height: 25px;
font-size: 16px;
color: #fff;
padding-left: 25px;
background: no-repeat left 5px;
margin-bottom: 5px;
}

.hunbte .d3 {
margin-top: 40px;
}

.hunbte .d3 .list {
margin-right: 10px;
position: relative;
}
.hunbte .d3 .list:nth-child(3) {
 
}
.hunbte .d3 .list span {
display: block;
border-radius: 3px;
width: 40px;
height: 40px;
background: #3d4047 no-repeat center center;
background-size:45%;
}

.hunbte .d3 .list span.s1 {
background-image: url(../images/f1.png);
}

.hunbte .d3 .list span.s2 {
background-image: url(../images/f2.png);
}

.hunbte .d3 .list span.s3 {
background-image: url(../images/f3.png);
}

.hunbte .d3 .list p {
position: absolute;
width: 120px;
background: #fff;
bottom: 40px;
left: 50%;
margin-left: -60px;
visibility: hidden;
opacity: 0;
transform: translateY(-30px);
transition: all 0.5s;
}

.mofebna dl {
float: left;
line-height: 2;
width: 200px;
margin-right: 20px;
}

.mofebna dl a {
color: #fff;
opacity: 0.8;
}

.mofebna dl dt {
font-size: 16px;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #43464d;
}

.lenmvea {
color: #f0f0f0;
padding: 0 0 20px;
}

.go-top {
position: absolute;
z-index: 6;
right: 50%;
margin-right: -680px;
bottom: 70%;
display: none;
}

.go-top a {
display: block;
width: 46px;
height: 46px;
border-radius: 3px;
background: #00A9E0 url(../images/gotop.png) no-repeat center center;
}

/* home 结束 */

/* ny */
.ny-banner .img img {
display: block;
width: 100%;
}

.ny-banner .con {
position: absolute;
left: 0;
top: 0;
width: 50%;
padding-right: 4%;
height: 100%;
color: #fff;
z-index: 2;
background: rgba(0, 169, 224, 0.9);
}

.lomunc {
width: 540px;
float: right;
height: 100%;
display: table;
}

.lomunc .d0 {
font-size: 36px;
}

.lomunc .d1 {
font-size: 60px;
font-weight: bold;
line-height: 1.2;
}

.lomunc .d-ling {
margin-top: 40px;
display: none;
}

.lomunc .d-ling a {
display: inline-block;
width: 160px;
line-height: 35px;
color: #fff;
border-radius: 3px;
background: #00A9E0;
text-align: center;
transition: all 0.5s;
}

.go-next {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -30px;
z-index: 3;
cursor: pointer;
width: 60px;
height: 60px;
background: #fff url(../images/down.png) no-repeat center center;
}

.ny-main {
padding: 4% 0;
}

.poubca {
color: #0551a7;
}

.poubca .d0 {
font-size: 24px;
margin-top: 2%;
color: #333;
}
.poubca .d0 span {
text-align: right;
font-size: 24px;
margin-top: 1%;
line-height: 2;
color: #333;
}
.poubca .d1 {
font-size: 36px;
font-weight: bold;
}

.poubca .d1 span {
/*	color: #dd0a10;*/
}

.poubca .d2 {
font-size: 28px;
}
.poubca .d5 {
font-size: 20px;
color: #333;
}

.pilebna {
margin: 5% auto 0;
max-width: 830px;
}

.edit-con {
line-height: 2;
font-size: 16px;
}

.lenmban {
padding: 0 30px;
border-bottom: 2px solid #eee;
padding-bottom: 5%;
}

.lenmban .prev,
.lenmban .next {
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
width: 24px;
height: 30px;
background: no-repeat center center;
}

.lenmban .prev {
left: 0px;
background-image: url(../images/left01.png);
}

.lenmban .next {
right: 0px;
background-image: url(../images/right01.png);
}

.xpenlc li {
margin-top: 5%;
}

.xpenlc li .img {
width: 48%;
float: left;
}

.xpenlc li .img img {
width: 100%;
}

.xpenlc li .con {
width: 48%;
float: right;
}

.xpenlc li .con .d1 {
font-size: 26px;
font-weight: bold;
padding: 20px 0;
}

.xpenlc li .con .d2 {
line-height: 1.8;
font-size: 16px;
color: #333;
}

.xpenlc li:nth-child(2n) .img {
float: right;
}

.xpenlc li:nth-child(2n) .con {
float: left;
}

.omcbnta {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

.omcbnta li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
float: left;
text-align: center;
border: 1px solid #ddd;
padding: 20px;
}

.omcbnta li:nth-child(4n) {
margin-right: 0;
}

.omcbnta li img {
width: 100%;
height: 80px;
object-fit: scale-down;
}

.oureob {
font-size: 36px;
font-weight: bold;
text-align: center;
}
.bunteba2 li {
margin-top: 5%;
position: relative;
}

.bunteba2 li .img {
/*	width: 60%;*/
width: 50%;
float: left;
}

.bunteba2 li:nth-child(2n) .img {
float: right;
}

.bunteba2 li .img img {
width: 100%;
/*height: 450px;*/
object-fit: cover;
}

.bunteba2 li .con {
position: absolute;
text-align: center;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 40%;
padding: 40px 0px;
color: #333;
/*background: rgba(0, 169, 224, 0.9);*/
}

.bunteba2 li:nth-child(2n) .con {
right: auto;
left: 0;
}

.bunteba2 li .con .d1 {
font-size: 32px;
font-weight: bold;
}

.bunteba2 li .con .d2 {
margin-top: 15px;
font-size: 30px;
line-height: 1.8;
}
.bunteba2 li .con .d3 {
font-size: 40px;
color: #0551a7;
margin-bottom: 3%;
}
.bunteba2 li .con .d4 {
margin-top: 15px;
font-size: 20px;
line-height: 1.8;
text-align: justify;
}
.bunteba li {
margin-top: 5%;
position: relative;
}

.bunteba li .img {
width: 60%;
float: left;
}

.bunteba li:nth-child(2n) .img {
float: right;
}

.bunteba li .img img {
width: 100%;
height: 450px;
object-fit: cover;
}

.bunteba li .con {
position: absolute;
text-align: center;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 650px;
padding: 40px 60px;
color: #fff;
background: rgba(0, 169, 224, 0.9);
}

.bunteba li:nth-child(2n) .con {
right: auto;
left: 0;
}

.bunteba li .con .d1 {
font-size: 32px;
font-weight: bold;
}

.bunteba li .con .d2 {
margin-top: 15px;
font-size: 18px;
line-height: 1.8;
text-align: left;
}
.bunteba li .con .d3 {
font-size: 40px;
color: #0551a7;
margin-bottom: 3%;
}
.bunteba li .con .d4 {
margin-top: 15px;
font-size: 18px;
line-height: 1.8;
}
.oubfne {
/*display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;*/
padding-bottom: 5%;
border-bottom: 1px solid #ddd;
}
.oubfne li {
margin-top: 5%;
position: relative;
}

.oubfne li .img {
width: 50%;
float: right;
}

.oubfne li:nth-child(2n) .img {
float: left;
}

.oubfne li .img img {
width: 100%;
height: 450px;
object-fit: cover;
}

.oubfne li .con {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 560px;
padding: 40px 60px;
color: #333;
background: rgba(0, 169, 224, 0.9);
}

.oubfne li:nth-child(2n) .con {
left: auto;
right: 0;
}

.oubfne li .con .d1 {
font-size: 32px;
font-weight: bold;
}
.oubfne li .con .d3 {
font-size: 22px;
color: #0551a7;
margin-bottom: 3%;
}
.oubfne li .con .d2 {
margin-top: 15px;
font-size: 16px;
line-height: 1.8;
}
.oubfne2 {
/*display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;*/
padding-bottom: 5%;
border-bottom: 1px solid #ddd;
}
.oubfne2 li {
margin-top: 5%;
position: relative;
}

.oubfne2 li .img {
width: 50%;
float: right;
}

.oubfne2 li:nth-child(2n) .img {
float: left;
}

.oubfne2 li .img img {
width: 100%;
/*	height: 450px;*/
object-fit: cover;
}

.oubfne2 li .con {
text-align: center;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 44%;
padding: 40px 0px;
color: #333;
/*	background: rgba(0, 169, 224, 0.9);*/
}

.oubfne2 li:nth-child(2n) .con {
left: auto;
right: 0;
}

.oubfne2 li .con .d1 {
font-size: 32px;
font-weight: bold;
}
.oubfne2 li .con .d3 {
font-size: 40px;
color: #0551a7;
margin-bottom: 3%;
}
.oubfne2 li .con .d2 {
margin-top: 15px;
font-size: 30px;
line-height: 1.8;
}
.oubfne2 li .con .d4 {
margin-top: 15px;
text-align: justify;
font-size: 20px;
line-height: 1.8;
}
/*.oubfne li {
width: 32%;
margin-top: 5%;
}

.oubfne li .img {
position: relative;
}

.oubfne li .img img {
display: block;
width: 100%;
}

.oubfne li .img span {
display: block;
color: #fff;
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
font-size: 32px;
text-align: center;
font-weight: bold;
}

.oubfne li .tit {
margin-top: 10px;
line-height: 1.6; font-size:16px;
}*/

.lyvire {
margin-top: 5%;
position: relative;
padding: 2% 0;
}

.lyvire::before {
content: "";
position: absolute;
height: 100%;
width: 1px;
top: 0;
/*left: 50%;*/
left: 1%;
background: #ddd;
}

.lyvire li {
position: relative;
z-index: 2;
background: url(../images/yd.png) no-repeat 3px 9px;
margin-bottom: 4%;
}

.lyvire li:last-child {
margin: 0;
}

.lyvire li .con {
width: 96%;
padding-left: 4%;
float: left;
line-height: 2;
text-align: left;
font-size: 16px;
}

.lyvire li:nth-child(2n) .con {
float: left;
text-align: left;
}

.openlma li {
margin-top: 5%;
}

.openlma li:first-child {
margin-top: 0;
}

.openlma li .img {
width: 62%;
float: left;
}

.openlma li:nth-child(2n) .img {
float: right;
}

.openlma li .con {
width: 37%;
background: #00A9E0;
color: #fff;
border-radius: 5px;
float: right;
padding: 20px 35px;
}
.openlma li .con .patsl {
height: 395px;
display: table;
width: 100%;
}

.openlma li:nth-child(2n) .con {
float: left;
}

.openlma li .con .d1 {
font-size: 26px;
}
.openlma li .con a {
font-size: 18px;
color: #fff;
margin-top: 15px;
display: block;
}
.openlma li .con a img {
width: 6%;
}
.openlma li .con .d2 {
font-size: 16px;
line-height: 25px;
/* max-height: 230px; */
overflow: hidden;
margin-top: 15px;
}

.openlma li .img img {
width: 100%;
height: 435px;
object-fit: cover;
border-radius: 5px;
}

.ouebnac li {
margin-top: 5%;
}

.ouebnac li .img {
width: 48%;
float: left;
}

.ouebnac li .img img {
width: 100%;
display: block;
}

.ouebnac li:nth-child(2n) .img {
float: right;
}

.ouebnac li .con {
width: 47%;
float: right;
padding: 6% 0 0;
}

.ouebnac li:nth-child(2n) .con {
float: left;
}

.ouebnac li .con .d1 {
font-size: 24px;
}

.ouebnac li .con .d2 {
font-size: 16px;
line-height: 25px;
max-height: 200px;
overflow: hidden;
margin-top: 30px;
}

.poateuc li {
float: left;
width: 25%;
margin-top: 5%;
text-align: center;
}

.poateuc li .tit {
font-size: 30px;
margin-top: 20px;
}

.opbbuna li {
margin-top: 5%;
float: left;
width: 48%;
}

.opbbuna li:nth-child(2n) {
float: right;
}

.opbbuna li .img {
position: relative;
font-size: 2vw;
}

.opbbuna li .img img {
width: 100%;
display: block;
}

.opbbuna li .img span {
color: #fff;
display: block;
position: absolute;
left: 0;
bottom: 0;
font-size: 30px;
padding: 20px;
width: 100%;
}

.opbbuna li .tit {
font-size: 16px;
margin-top: 20px;
line-height: 1.8;
}
.opbbuna2 {
width: 80%;
margin-left: 20%;
}
.opbbuna2 li {
margin-top: 2%;
float: left;
display: flex;

width: 48%;
}

.opbbuna2 li:nth-child(2n) {
margin-left: 10%;
width: 38%;
}

.opbbuna2 li .img {
font-size: 3.5vw;
margin-right: 15%;
font-weight: bold;
color: #0551a7;
}

.opbbuna2 li .tit {
font-size: 20px;
width: 59%;

line-height: 2.4;
}
.tila {
margin-left: 135px;
}
.fenls {
margin-top: 5%;
}
.fenls .pic {
width: 390px;
}
.rposc {
width: 720px;
padding-bottom: 20px;
background: url(../images/d.jpg) repeat-y 150px top;
}

.wbolc li {
margin-top: 10px;
position: relative;
display: flex;
}
.wbolc li:after {
content: "";
width: 16px;
height: 4px;
background: url(../images/dc.jpg);
position: absolute;
left: 135px;
top: 15px;
}
.wbolc li .year {
color: #00A9E0;
line-height: 32px;
width: 100px;
text-align: center;
font-size: 20px;
font-weight: bold;
left: 0px;
top: 0;
}
.wbolc li .con {
line-height: 30px;
font-size: 16px;
color: #fff;
padding-left: 180px;
background: rgba(0, 169, 224, 100%);
border-radius: 10px;
padding: 15px;
width: 70%;
margin-left: 110px;
}

.wbolc li:first-child .year {
color: #999;
line-height: 32px;
width: 100px;
text-align: center;
font-size: 20px;
font-weight: bold;
left: 0px;
top: 0;
}
.wbolc li:first-child .con {
line-height: 30px;
font-size: 16px;
color: #999;
padding-left: 180px;
background: rgba(0, 0, 0, 10%);
border-radius: 10px;
padding: 15px;
width: 70%;
margin-left: 110px;
}

.oeubnf .d1 {
color: #0551a7;
font-size: 34px;
}

.oeubnf .d2 {
line-height: 2;
margin-top: 10px;
font-size: 16px;
}

.olrepo {
font-size: 32px;
}

.ounemnc {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.ounemnc li {
width: 30%;
margin-right: 5%;
margin-top: 5%;
text-align: center;
}

.ounemnc li:nth-child(3n) {
margin-right: 0;
}

.ounemnc li .img {
padding: 10px;
}

.ounemnc li .img img {
width: 100%;
height: 90px;
object-fit: scale-down;
}

.ounemnc li .tit {
font-size: 16px;
margin-top: 10px;
}

.olemna {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding-top: 3%;
justify-content: center;
}

.olemna li {
width: 32%;
margin-right: 1.95%;
margin-top: 2%;
height: 58px;
display: table;
color: #fff;
background: #0551a7;
border-radius: 3px;
text-align: center;
font-size: 16px;
padding: 0 3%;
}

.olemna li:nth-child(2n) {
background: #00A9E0;
}

.olemna li:nth-child(3n) {
margin-right: 0;
}

.olemna li .con {
display: table-cell;
vertical-align: middle;
}

.ewlplc {
border: 1px dashed #ddd;
border-radius: 5px;
padding: 50px 35px 40px;
margin-top: calc(7% + 25px);
position: relative;
}

.ewlplc .con {
line-height: 1.8;
}

.odrlmg {
position: absolute;
left: 35px;
top: -30px;
}

.odrlmg span {
display: inline-block;
width: 240px;
height: 59px;
background: url(../images/titbg.png) no-repeat center center;
background-size: 100%;
color: #fff;
text-align: center;
font-size: 30px;
padding-top: 5px;
}

.oealmca {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin-top: 5%;
justify-content: space-between;
}

.oealmca li {
margin-bottom: 3%;
width: 48.5%;
position: relative;
overflow: hidden;
}

.oealmca li .img img {
width: 100%;
height: 312px;
object-fit: cover;
}

.oealmca li .con {
position: absolute;
color: #fff;
z-index: 2;
width: 100%;
height: 100%;
left: 0;
bottom: -190px;
padding: 40px;
text-align: center;
transition: all 0.5s;
}

.oealmca li .con .d1 {
font-size: 46px;
font-weight: bold;
}

.oealmca li .con .d2 {
font-size: 16px;
margin-top: 30px;
line-height: 30px;
max-height: 120px;
overflow: hidden;
}

.ubgrye {
display: -webkit-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.ubgrye {
padding-top: 2%;
}

.ubgrye li {
width: 30.333%;
margin: 3% 1.5% 0;
}

.ubgrye li .img {
position: relative;
}

.ubgrye li .img img {
width: 100%;
height: 250px;
object-fit: cover;
}

.ubgrye li .img span {
display: block;
width: 100%;
color: #fff;
font-size: 42px;
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
padding: 15px 3%;
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.8),
rgba(0, 0, 0, 0)
);
}

.ubgrye li .tit {
font-size: 18px;
line-height: 30px;
height: 210px;
color: #666;
margin: 15px 0;
overflow: hidden;
/*display: -webkit-box;
-webkit-box-orient: vertical;*/
-webkit-line-clamp: 7;
text-align: justify;
}

.ubgrye li .link a {
display: block;
line-height: 45px;
color: #fff;
background: #00A9E0;
border-radius: 3px;
text-align: center;
font-size: 15px;
}

.maubyf {
max-width: 620px;
margin: 5% auto 0;
}

.maubyf .d1 {
text-align: center;
font-size: 36px;
font-weight: bold;
color: #0551a7;
}

.maubyf .d2 {
line-height: 2;
font-size: 16px;
line-height: 2;
margin-top: 15px;
}

.uorealb .d1 {
color: #00A9E0;
font-size: 36px;
font-weight: bold;
}

.uorealb .d3 {
font-size: 16px;
margin-top: 10px;
}

.mougya {
padding-top: 5%;
background: url(../images/yyds.jpg) repeat-x left top;
}

.mougya .d1 {
text-align: center;
font-size: 36px;
font-weight: bold;
color: #0551a7;
padding: 3% 0;
}

.mougya .d3 {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}

.mougya .d3 .img {
width: 39%;
display: none;
}

.mougya .d3 .con {
/*	width: 45%;*/
width: 100%;
font-size: 24px;
padding-bottom: 40px;
text-align: justify;
}

.hyeavbc {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.hyeavbc li {
width: 25%;
position: relative;
}

.hyeavbc li .img img {
width: 100%;
height: 585px;
display: block;
object-fit: cover;
}

.hyeavbc li .tit {
position: absolute;
width: 100%;
color: #fff;
font-size: 18px;
line-height: 30px;
height: 90px;
left: 0;
bottom: 20px;
padding: 0 20px;
text-align: left;
}

.odlbuac {
width: 100%;
overflow: auto;
}

.obleba {
min-width: 800px;
}
.obleba td {
border: 1px solid #ddd;
padding: 15px 10px;
}

.sv-dow {
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
}
.sv-dow a {
display: block;
margin-left: 20px;
color: #3977ff;
line-height: 45px;
width: 122px;
text-align: center;
border-radius: 23px;
font-size: 24px;
border: 2px solid #3977ff;
}
.sv-dow .con {
text-align: left;
width: calc(100% - 145px);
padding-left: 70px;
background: url(../images/pdf.jpg) no-repeat left center;
background-size: auto 100%;
}
.sv-dow .con .s1 {
font-size: 24px;
}
.sv-dow .con .s2 {
color: #666;
font-size: 16px;
}

.onbrean li {
margin-top: 5%;
}
.onbrean li:first-child {
margin: 0;
}
.onbrean li .img {
width: 46%;
float: right;
}
.onbrean li .con {
width: 46%;
float: left;
}
.onbrean li:nth-child(2n) .img {
float: left;
}
.onbrean li:nth-child(2n) .con {
float: right;
}

.onbrean li .con .d1 {
color: #0551a7;
font-size: 36px;
font-weight: bold;
}
.onbrean li .con .d2 {
margin: 20px 0;
font-size: 16px;
line-height: 30px;
min-height: 100px;
overflow: hidden;
}
.onbrean li .con .d3 {
font-size: 16px;
line-height: 2;
color: #666;
font-weight: normal;
}
.onbrean li .con .d3 span {
/*color: #00A9E0;*/
color: #666;
}

.ounbvr {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 2%;
}
.ounbvr li {
width: 16.66%;
text-align: center;
margin-bottom: 4%;
}
.ounbvr li a {
display: block;
}
.ounbvr li .img i {
display: inline-block;
background: url(../images/bg01.png) no-repeat center center;
background-size: 100%;
}
.ounbvr li .img i span {
display: block;
width: 100px;
height: 100px;
background: no-repeat center center;
}
.ounbvr li .tit {
font-size: 22px;
margin-top: 20px;
}

.ubfenac li {
margin-bottom: 5%;
}
.ubfenac li:last-child {
margin-bottom: 0;
}
.ubfenac li .img {
padding: 130px 0 190px;
background: no-repeat center center;
background-size: cover;
}
.ubfenac li .img .pic span {
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
background: #1a60af no-repeat center center;
}
.ubfenac li .img .tit {
font-size: 36px;
color: #1a60af;
font-weight: bold;
margin-top: 20px;
}
.ubfenac li .con {
position: relative;
z-index: 2;
}
.ubfenac li .con .container {
color: #fff;
background: rgba(0, 169, 224, 0.9);
padding: 50px 130px;
margin-top: -100px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ubfenac li .con .container .list {
width: 45%;
padding: 20px 0;
}
.ubfenac li .con .container .list .d1 {
font-size: 26px;
font-weight: bold;
}
.ubfenac li .con .container .list .d2 {
margin-top: 15px;
font-size: 16px;
line-height: 1.8;
}
.nmfeola .d1 {
font-size: 24px;
font-weight: bold;
}
.nmfeola .d2 {
margin-top: 25px;
display: none;
line-height: 25px;
font-size: 16px;
padding-left: 25px;
background: no-repeat left 5px;
}
#map {
width: 100%;
height: 35vw;
}
.lboprea {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.lboprea li {
width: 31%;
margin-bottom: 3%;
}
.lboprea li a {
display: block;
border: 1px solid #ddd;
padding: 18px;
transition: all 0.5s;
}
.lboprea li a .img {
position: relative;
}
.lboprea li a .img i {
position: absolute;
z-index: 2;
display: block;
width: 44px;
height: 44px;
background: url(../images/play.png) no-repeat center center;
background-size: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.lboprea li a .img img {
width: 100%;
height: 220px;
object-fit: cover;
transition: all 0.5s;
}
.lboprea li a .tit {
font-size: 16px;
font-weight: bold;
margin-top: 12px;
transition: all 0.5s;
line-height: 22px;
height: 44px;
overflow: hidden;
}
.lboprea li a .time {
margin: 10px 0;
color: #999;
}
.lboprea li a .con {
color: #999;
}

.news-list {
padding-top: 4%;
}
.news-list li {
padding: 45px 0;
border-bottom: 1px dashed #ddd;
}
.news-list li a {
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
}
.news-list li a .date {
width: 96px;
height: 96px;
text-align: center;
border: 1px solid #ddd;
line-height: 1;
color: #666;
padding-top: 15px;
margin-right: 80px;
}
.news-list li a .date strong {
display: block;
font-size: 40px;
margin-bottom: 8px;
color: #333;
}
.news-list li a .add {
margin-left: 80px;
}
.news-list li a .con {
width: 890px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.news-list li a .con .img {
margin-right: 25px;
}
.news-list li a .con .img img {
width: 132px;
height: 96px;
object-fit: cover;
}
.news-list li a .con .mon {
flex: 1;
padding-top: 5px;
}
.news-list li a .con .mon .d1 {
font-size: 16px;
font-weight: bold;
line-height: 25px;
color: #333;
}
.news-list li a .con .mon .d2 {
color: #787878;
margin-top: 8px;
line-height: 22px;
height: 44px;
overflow: hidden;
}

.page-ol a {
display: inline-block;
line-height: 40px;
min-width: 42px;
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 2px;
padding: 0 10px;
}
.page-ol a.cur {
color: #fff;
background: #00A9E0;
border-color: #00A9E0;
}

.lpuaeu {
border: 1px solid #ddd;
width: 854px;
}
.tposbc {
padding: 30px;
border-bottom: 1px solid #ddd;
}
.tposbc .d1 {
font-weight: bold;
font-size: 20px;
color: #00A9E0;
}
.tposbc .d2 {
color: #999;
margin-top: 12px;
}
.tposbc .d2 img {
margin-right: 5px;
}
.nr-con {
line-height: 2 !important;
padding: 30px;
font-size: 16px !important;
}

.nr-con p,
.nr-con span {
/*  font-family: Arial !important; */
font-family: "sourcehansans" !important;
}
.nr-con.rich-text img {
display: block;
height: auto;
margin: 0 auto;
}
.bescna {
width: 322px;
}

.od-page a {
display: block;
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 20px;
}
.od-page a .d1 {
color: #666;
}
.od-page a .d2 {
font-weight: bold;
font-size: 16px;
margin-top: 8px;
}
.od-page a:hover{
color: #00A9E0;
}
.moebuea {
padding: 0 20px 20px;
border: 1px solid #ddd;
}
.moebuea .tit {
height: 50px;
line-height: 48px;
border-bottom: 2px solid #ddd;
}
.moebuea .tit span {
display: inline-block;
font-weight: bold;
font-size: 16px;
color: #00A9E0;
/* border-bottom: 2px solid #d20007; */
border-bottom: 2px solid #00A9E0;

}
.yuncmac li {
border-bottom: 1px dashed #ddd;
}
.yuncmac li a {
display: block;
padding: 20px 0;
}
.yuncmac li a .d2 {
color: #999;
}
.yuncmac li a:hover{
color: #00A9E0;
}
.melaeu {
border: 4px solid #000;
box-shadow: 0 25px 25px rgba(0, 0, 0, 0.2);
}
.melaeu video {
display: block;
}
.goreua {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.goreua a {
display: block;
max-width: 40%;
}
.goreua a .d1 {
color: #999;
}
.goreua a .d2 {
margin-top: 5px;
font-size: 18px;
font-weight: bold;
padding-left: 32px;
background: url(../images/bb.png) no-repeat left center;
}

.mpireac {
padding: 100px 0;
max-width: 766px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.mpireac .img {
width: 223px;
}
.mpireac .con {
width: 470px;
}
.mpireac .con .d1 {
font-weight: bold;
font-size: 24px;
color: #464646;
}
.mpireac .con .d2 {
margin-top: 20px;
color: #04438a;
font-size: 18px;
}
.mpireac .con .d2 img {
margin-right: 6px;
}

.konceb {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.konceb li {
margin-top: 5%;
width: 48%;
text-align: left;
line-height: 1.6;
}

.konceb li img {
height: 383px;
object-fit: cover;
}
.konceb li .tit {
color: #0551a7;
font-size: 24px;
margin: 25px 0;
}

.oplfea .s1 {
font-size: 30px;
font-weight: bold;
text-align: left;
color: #333;
}
.oplfea .s2 {
font-size: 18px;
text-align: left;
color: #666;
}
.plobke {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.plobke li {
margin-top: 7%;
width: 48%;
line-height: 1.6;
}
.plobke li .img {
position: relative;
}
.plobke li .img span {
display: block;
color: #fff;
font-weight: bold;
font-size: 36px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.plobke li .tit {
font-size: 16px;
margin: 25px 0;
}
.plobke li .link a {
display: block;
line-height: 45px;
color: #fff;
font-size: 16px;
border-radius: 3px;
background: #00A9E0;
}
.titlcc {
font-size: 36px;
font-weight: bold;
position: absolute;
right: 0;
top: 10px;
}

.ubcenma li {
margin-top: 5%;
background: #f9f9f9;
}
.ubcenma li .pic {
width: 50%;
}
.ubcenma li .pic img {
width: 100%;
display: block;
height: 380px;
object-fit: cover;
}
.ubcenma li .con {
width: 50%;
padding: 0 5%;
}
.ubcenma li:nth-child(2n) .pic {
float: right;
}
.ubcenma li .con .olc-tab {
height: 380px;
width: 100%;
display: table;
}
.ubcenma li .con .olc-tab .d1 {
font-size: 30px;
}
.ubcenma li .con .olc-tab .d2 {
color: #666;
font-size: 16px;
margin-top: 20px;
line-height: 2;
}

.bceokt {
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 8%;
}
.bceokt li {
margin-top: 5%;
width: 42%;
}
.bceokt li .img {
background: url(../images/ddd.jpg) repeat-x left center;
}
.bceokt li .tit {
font-size: 36px;
font-weight: bold;
color: #464646;
margin: 30px 0;
}
.bceokt li .con {
font-size: 16px;
line-height: 2;
font-size: 18px;
color: #666;
}

.gbceun {
margin-top: 5%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.gbceun li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
position: relative;
}
.gbceun li:nth-child(4n) {
margin-right: 0;
}
.gbceun li .img img {
display: block;
width: 100%;
height: 180px;
object-fit: cover;
}
.gbceun li .con {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 180px;
display: table;
padding: 0 5%;
background: rgba(0, 169, 224, 0.9);
color: #fff;
font-size: 20px;
opacity: 0;
transition: all 0.5s;
}
.tvceba {
font-weight: bold;
font-size: 36px;
}
.ybcnva {
background: #00A9E0;
}
.ybcnva .img {
width: 50%;
}
.ybcnva .img img {
width: 100%;
display: block;
height: 365px;
}
.ybcnva .con {
width: 50%;
color: #fff;
padding: 0 7%;
}
.ybcnva .con .talee {
display: table;
width: 100%;
height: 365px;
font-size: 30px;
}

.lenolsa {
margin-top: 5%;
}
.lenolsa li {
margin-bottom: 10px;
}
.dolsca span {
float: left;
height: 60px;
line-height: 60px;
}
.dolsca img {
margin-right: 10px;
}
.dolsca {
cursor: pointer;
font-size: 16px;
overflow: hidden;
transition: all 0.5s ease;
background: #fff;
border: 1px solid #eee;
}
.dolsca.on {
background: #f9f9f9;
transition: all 0.5s ease;
}
.dolsca .d1 {
width: 50%;
text-indent: 20px;
text-align: left;
}
.dolsca .d2,
.dolsca .d3,
.dolsca .d4 {
text-align: center;
width: 22%;
}
.dolsca .d5 {
width: 5%;
}
.lourew {
padding: 20px;
line-height: 2;
display: none;
font-size: 16px;
}
.dolsca .d5 {
padding-top: 14px;
text-align: center;
}
.dolsca .d5 i {
display: inline-block;
width: 32px;
height: 32px;
background: url(../images/xz.png) no-repeat center center;
transition: all 0.5s ease;
}
.dolsca.on .d5 i {
transform: rotate(135deg);
transition: all 0.5s ease;
}

.olmbne {
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 5%;
}
.olmbne dl {
text-align: center;
}
.olmbne dl dd {
font-size: 18px;
margin-top: 15px;
}

.lbneamc .img {
width: 43%;
}
.lbneamc .con {
width: 43%;
background: url(../images/ddd.jpg) repeat-y 20px top;
}
.lbneamc .con .list {
padding-left: 52px;
margin-bottom: 40px;
font-size: 16px;
line-height: 1.6;
}
.lbneamc .con .list:last-child {
margin-bottom: 0;
}
.lbneamc .con .list span {
display: block;
width: 40px;
height: 40px;
border: 1px solid #ddd;
line-height: 38px;
text-align: center;
font-size: 16px;
border-radius: 50%;
background: #fff;
position: absolute;
z-index: 2;
left: 0;
top: 0;
}
.lbneamc .con .list:last-child:after {
content: "";
width: 40px;
height: 100%;
background: #fff;
position: absolute;
left: 0;
top: 0;
}
.lbneamc .con .list .d2 {
margin-top: 5px;
}

.olcepac {
background: #f9f9f9;
padding: 5%;
}
.olcepac .d1 {
font-size: 36px;
}
.olcepac .d2 {
font-size: 22px;
margin: 12px 0 25px;
}
.olcepac .d3 {
margin-bottom: 15px;
font-size: 22px;
}
.olcepac .d3 img {
margin-right: 7px;
}

.bg-col {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 11;
display: none;
}
.yonmea {
position: fixed;
z-index: 12;
top: 40px;
width: calc(100% - 80px);
background: #fff;
left: 40px;
visibility: hidden;
opacity: 0;
transform: translateY(-110%);
transition: all 0.5s ease;
}

.yonmea.on {
visibility: visible;
opacity: 1;
transform: translateY(0%);
transition: all 0.5s ease;
}
.midlm {
font-size: 18px;
font-weight: bold;
line-height: 45px;
background-image: linear-gradient(to right, #00A9E0, #2b55a6);
color: #fff;
}
.midlm .gb {
display: block;
position: absolute;
right: 10px;
top: 0;
height: 45px;
width: 45px;
background: url(../images/tgb.png) no-repeat center center;
cursor: pointer;
}
.plbmea {
}
.zbonea {
width: 100%;
padding: 0 5% 5%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.zbonea dl {
width: 32%;
margin-right: 2%;
}
.zbonea dl:nth-child(3n) {
margin-right: 0;
}
.zbonea dl dt {
border-bottom: 1px solid #e6eaf2;
padding: 30px 0 12px;
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
}
.zbonea dl dt a {
color: #07307f;
}
.zbonea dl dd {
line-height: 30px;
}
.zbonea dl dd a {
color: #666;
transition: all 0.5s ease;
font-size: 16px;
}

.add-cont {
margin-top: 3%;
font-size: 20px;
}
.add-cont p {
background: #00A9E0;
line-height: 1.8;
padding: 15px 20px;
margin-bottom: 12px;
border-radius: 6px;
}
.add-cont p:nth-child(2n) {
background: #e8f2fd;
}

.add-cont2 {
display: flex;
margin-top: 3%;
justify-content: space-between;
flex-wrap: wrap;
}
.add-cont2 a {
background: #f0f0f0;
width: 45%;
line-height: 1.8;
text-align: center;
padding: 15px 20px;
margin-bottom: 12px;
border-radius: 6px;
}
.add-cont2 a:nth-child(2n) {
background: #f0f0f0;
}

/* 我们的践行文化 */
.flex_column {
flex-direction: column-reverse;
}
.culture_top_l {
width: calc(100% - 446px);
}
.culture_top_l .con {
padding: 0 40px 0 15px;
}
.culture_top_r .con {
padding: 60px 15px 60px 15px;
}
.con_d1 {
font-size: 36px;
font-weight: bold;
color: #0551a7;
}
.con_d2 {
font-size: 30px;
font-weight: bold;
color: #0551a7;
}
.con_t1 {
font-size: 16px;
line-height: 30px;
}
.culture_img img {
width: 100%;
}
.culture_top_r {
width: 425px;
}
.culture_center_r .con,
.culture_center_l .con {
padding: 30px 15px;
}
.culture_bottom {
background: url(../images/jxwh5.jpg) no-repeat left bottom;
padding: 30px;
height: 569px;
margin-bottom: 80px;
}
.culture_center_l,
.culture_center_r {
width: 48%;
}

.idea .culture_bottom {
padding-left: 56px;
}

.idea .con_d1.tit {
font-size: 36px;
}

.idea .sub-tit {
color: #444;
line-height: 32px;
margin-top: 28px;
font-size: 26px;
}

.idea .content {
padding-top: 3%;
}

.idea .content p {
background: url(../images/tubg.png) no-repeat left 15px;
line-height: 50px;
padding-left: 40px;
}

/* ���� */

.toNav {
width: calc(100% - 455px);
}

.def-img-list {
margin-bottom: 35px;
/*width: 381px;*/
height: 248px;
border-radius: 10px;
}

.def-img-list img {
height: 248px;
width: 100%;
object-fit: cover;
}

.toNav li {
line-height: 36px;
width: 28%;
}

.toNav li p {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 16px;
line-height: 56px;
color: #fff;
margin-bottom: 30px;
}

.toNav li a {
display: block;
line-height: 36px;
color: #fff;
}

.cp-vod video {
height: 500px;
background: #000;
}

@media (max-width: 1200px) {

.afobut li a .con{position:static !important;height:200px !important;}
.afobut li a .con .d2, .afobut li a .con .d3{display:block !important;}
.afobut li a .con .d2{margin-top:10px}


.cp-vod video {
height: auto;
}
.toNav {
width: 100%;
flex-wrap: wrap;
}

.toNav li {
width: 100%;
}

.toNav li p {
margin-bottom: 0;
padding-left: 15px;
}

.toNav li a {
line-height: 56px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 25px;
font-size: 14px;
margin: 0 25px;
}

.toNav li p.more:after {
content: "";
width: 10px;
height: 6px;
background: url(../images/xl2.png) no-repeat;
position: absolute;
right: 20px;
top: 50%;
margin-top: -3px;
}

.toNav-show {
display: none;
}

.toNav li p.more.on:after {
background: url(../images/sl.png) no-repeat;
}

.toNav p.on {
background-color: #04438a !important;
}
.ac-sec {
padding: 10px !important;
}

.idea .culture_bottom {
padding-left: 30px;
}
.idea .con_d1.tit {
font-size: 22px;
}
.idea .sub-tit {
font-size: 20px;
}
}

@media (max-width: 640px) {
.konceb li img {
height: auto;
}
.afobut li a .img img,.afobut li a .con{height:auto !important;}

}
/* home 结束 */
table {
width: 100% !important;
}
table td {
border: 1px solid #ddd;
line-height: 40px;
text-align: center;
height: 40px;
}

.videobox video {
width: 100%;
object-fit: cover;
}



@media (max-width: 1200px){
.oealmca li .con{position:static;color:#000;padding:15px 0 !important;}
.oealmca li .con .d2{display:block !important;}
.oealmca li .con .d2{padding:0 !important;text-align:left;margin-top:10px}
}
@media (max-width: 1000px) {
.font_50  br{display:none;}
.font_50{font-size:24px;text-align:justify}
.culture_center_r,.culture_center,.culture_top{flex-direction:column;}
.culture_center_l, .culture_center_r,.culture_top_r,.culture_top_l{width:100%;}
.culture_center_r .con, .culture_center_l .con,.culture_top_r .con,.culture_top_l .con{padding:15px 0;}
.culture_top_r{flex-direction: column-reverse;display:flex;}
.con_d1{font-size:24px;}
.con_t2 div:first-child{font-size:18px !important;}
.culture_bottom,.culture_bottom01{margin:0;height:auto;}
.con_d2{font-size:18px;text-align:justify;padding-bottom:10px}
.cs_about .mt6{margin:0 !important;}
.culture_bottom{padding:15px 15px 120px 15px;margin-bottom: 15px;}


}

@media (max-width: 800px){
.t-nav2{justify-content:flex-start;}
.t-nav2 li{width:33% !important;line-height:36px;text-align:left !important;}
.poubca .d2 span{font-size:18px !important;}

}

@media (max-width: 480px){
.oealmca li{width:100%;}
.oealmca li .img img{height:auto !important;}
}

@media (max-width: 425px) {
.idea .culture_bottom {
padding-left: 15px;
}
}


/* 20230818 */

.logo-slogan-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}

.logo-slogan-wrap .logo-wrap {
flex-shrink: 0;
width: 21.75%;
margin-right: 9%;
}

.logo-slogan-wrap .logo-wrap img {
display: block;
}

.logo-slogan-wrap .slogan-wrap .text {
color: #C13131;
}

.party-idea-wrap .tit {
color: #0551A7;
}

.party-idea-wrap .text-img-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}

.party-idea-wrap .text-wrap {
width: 48%;
padding: 117px 0;
background: url(../images/double\ -quote-l.png) no-repeat left top / 73px 67px,
url(../images/double\ -quote-r.png) no-repeat right bottom / 73px 67px;
}

.party-idea-wrap .text-wrap .text {
margin-bottom: 1em;
font-size: 18px;
color: #000;
left: 32px;
text-align: justify;
}

.party-idea-wrap .text-wrap .text:last-child {
margin-bottom: 0;
}

.party-idea-wrap .img-wrap {
width: 42.5%;
}

.party-idea-wrap .img-wrap img {
display: block;
}

.party-work-wrap .tit {
color: #0551A7;
}

.party-work-wrap .desc {
font-size: 26px;
color: #000;
line-height: 46px;
}

.party-work-wrap .party-work {
display: flex;
justify-content: space-between;
/* padding-bottom: 38px; */
}

.party-work-wrap .party-work-item {
position: relative;
width: 24%;
height: 460px;
border-radius: 4px;
overflow: hidden;
}

.party-work-wrap .party-work-item:nth-child(even) {
margin-top: 80px;
}

.party-work-wrap .party-work-item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.party-work-wrap .party-work-item .mask {
position: absolute;
left: 0;
bottom: 0;
box-sizing: border-box;
width: 100%;
height: 72px;
padding: 22px;
overflow: hidden;
background-color: rgba(0, 0, 0, .4);
transition: all .5s;
}

.party-work-wrap .party-work-item:hover .mask {
height: 100%;
padding-top: 146px;
background-color: rgba(0, 169, 224, .7);
}

.party-work-wrap .party-work-item .mask .tit {
font-size: 18px;
color: #fff;
text-align: center;
}

.party-work-wrap .party-work-item:hover .mask .tit {
text-align: center;
}

.party-work-wrap .party-work-item .mask .desc {
margin-top: 30px;
font-size: 16px;
color: #fff;
line-height: 30px;
text-align: justify;
opacity: 0;
visibility: hidden;
}

.party-work-wrap .party-work-item:hover .mask .desc {
opacity: 1;
visibility: visible;
}

.branch-wrap .tit {
color: #0551A7;
}

.branch-wrap .img-wrap img {
display: block;
}

.party-info-wrap .tit {
color: #0551A7;
}

@media (max-width: 1024px) {
.party-idea-wrap .text-img-wrap {
flex-wrap: wrap;
justify-content: center;
}

.party-idea-wrap .text-wrap {
width: 100%;
padding: 20px 0;
background: none;
}

.party-work-wrap .desc {
font-size: 18px;
line-height: 30px;
}
}

@media (max-width: 768px) {
.party-work-wrap .party-work {
flex-wrap: wrap;
}

.party-work-wrap .party-work-item {
width: 49%;
margin-bottom: 38px;
}

.party-work-wrap .party-work-item:nth-child(even) {
margin-top: 0;
}
}

@media (max-width: 425px) {
.party-idea-wrap .img-wrap {
width: 70%;
}

.party-work-wrap .party-work {
padding-bottom: 0;
}

.party-work-wrap .party-work-item {
width: 100%;
}

.party-work-wrap .party-work-item:last-child {
margin-bottom: 0;
}
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto
}
.font-bold {
font-weight: bold;
}

.font36 {
font-size: 36px;
}
.text-center {
text-align: center;
}
.mt8 {
margin-top: 72px;
}
.mt4 {
margin-top: 4%;
}

.director-box .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}

.director-right .director-news img {
height: 281px;
object-fit: cover;
display: block;
margin: 0 auto;
width: 100%;
}

.director-right .t1 {
font-size: 18px;
margin: 15px 0;
}



.lenmban {
padding: 0 30px;
border-bottom: 2px solid #eee;
padding-bottom: 5%;
}

.director-right {
padding: 4% 0 6% 0;
}


.lenmban1 a {
display: initial;
}

.lenmban .prev, .lenmban .next {
position: absolute;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
width: 24px;
height: 30px;
background: no-repeat center center;
}

.lenmban .prev {
left: 0px;
background-image: url(../images/left01.png);
}

.lenmban .next {
right: 0px;
background-image: url(../images/right01.png);
}
@media (max-width: 1200px) {
.font36 {
font-size: 20px;
}
.mt8, .fabricate-box, .mt8 {
margin-top: 5%;
}
.party-info-wrap .director-right {
padding: 4% 0 6% 0;
}
}

.lenmban1 {
padding-left: 37px !important;
padding-right: 37px !important;
}








/*20241012*/
.flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}

.justify-between {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.flex-center {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.items-center {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.flex-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}



.intelligence-b-model1 {
position: relative;
margin-top: .8rem;
}

.intelligence-b-model1,
.intelligence-b-model1>img {
min-height: 4rem;
object-fit: cover;
}

.intelligence-b-model1-show {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 169, 224, 0.6);
}

.intelligence-b-model1-show .t1 {
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
line-height: 36px;
text-align: justify;
margin: .6rem;
}

.intelligence-b-model2 {
margin-top: .96rem;
}

.intelligence-b-model2>.t1 {
font-weight: 400;
font-size: 26px;
color: #000000;
line-height: 48px;
text-align: center;
margin: .52rem 0 .84rem;
}

.intelligence-b-model2-menu-i-img {
display: block;
margin: auto;
width: 1.4rem;
}

.intelligence-b-model2-menu-i .t1 {
font-weight: 400;
font-size: 16px;
color: #000000;
line-height: 30px;
margin-top: .43rem;
}

.intelligence-b-model2-menu-i {
width: 25%;
}

.intelligence-b-model2-info {
margin-top: 1.04rem;
}

.intelligence-b-model2-info-img {
max-width: 720px;
width: 100%;
}

.intelligence-b-model2-info-con {
max-width: 620px;
width: 100%;
background: rgba(0, 169, 224, 0.8);
border-radius: 0px 0px 0px 0px;
position: relative;
z-index: 1;
margin-left: -140px
}

.intelligence-b-model2-info-con .t1 {
padding: .6rem;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
line-height: 36px;
text-align: justify;
}

.intelligence-b-model2-swiper-b {
margin-top: .6rem;
position: relative;
}

.intelligence-b-model2-swiper-i .t1 {
font-weight: 400;
font-size: 18px;
color: #000000;
line-height: 48px;
text-align: center;
}

.intelligence-b-model2-swiper-i-img>img {
width: 100%;
height: 100%;
object-fit: cover;
min-height: 3.5rem;
max-height: 3.5rem;
}

.intelligence-b-model2-swiper-i-img {
overflow: hidden;
}

.intelligence-b-model2-swiper {
width: 90%;
}


.public-nav-title {
font-weight: bold;
font-size: 36px;
color: #00A9E0;
line-height: 42px;
text-align: center;
}

.public-nav-title::after {
width: 60px;
height: 4px;
background: #FF8E16;
border-radius: 0px 0px 0px 0px;
content: '';
margin: auto;
margin-top: 16px;
display: block;
}


.xpenlc li {
display: flex;
justify-content: space-between;
align-items: center;
}

.xpenlc li:nth-child(2n) {
flex-direction: row-reverse;
}

.xpenlc li .con {
float: none;
margin-left: 4%;
}

.xpenlc li .con .d1{
padding-top: 0;
}

.xpenlc li:nth-child(2n) .con {
margin-left: 0;
margin-right: 4%;
}

.xpenlc li .img {
float: none;
}

@media (max-width:1200px) {

.xpenlc li,
.xpenlc li:nth-child(2n) {
flex-direction: column;
}

.xpenlc li .con {
margin-left: 0;
width: 100%;
}

.xpenlc li .img{
width: 100%;
}

.xpenlc li:nth-child(2n) .con {
margin-right: 0;
}
}



/************* 2025-7-8 *************/
.ny-banner-n .con {
background: none;
}

.ewlplc-n {
border-radius: 6px 6px 6px 6px;
border: 1px solid #F0F0F0;
padding-top: 65px;
}

.odrlmg-n {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: -34px;
}

.odrlmg-n span {
width: 292px;
height: 74px;
padding-top: 0;
line-height: 68px;
background: url(../images/titbg_x.png) no-repeat center / 100% 100%;
}

.jklg {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #fff;
}

.jklg li {
width: 32%;
margin-bottom: 2%;
border-radius: 5px 5px 5px 5px;
background: #19B1E3;
position: relative;
overflow: hidden;
-webkit-transition: all .3s;
transition: all .3s;
}

.jklg li:hover {
background: #0B66B4;
}

.jklg li .bgsize {
height: 346px;
}

.jklg li .con {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 9%;
box-sizing: border-box;
}

.jklg li .con .d1 {
font-size: 22px;
color: #FFFFFF;
line-height: 26px;
letter-spacing: 1px;
position: relative;
padding-bottom: 20px;
}

.jklg li .con .d1:before {
content: '';
width: 25px;
height: 2px;
background: #fff;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all .3s;
transition: all .3s;
}

.jklg li:hover .con .d1:before {
width: 74px;
}

.jklg li .con .d2 {
font-size: 16px;
color: #FFFFFF;
line-height: 23px;
margin-top: 40px;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}

.jklg li:hover .con .d2 {
opacity: 1;
margin-top: 27px;
}

.tit-n {
font-size: 36px;
font-weight: bold;
color: #0551A7;
margin-bottom:2%;
text-align: center;
}

.wsx-n {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 4%;
}

.wsx-n li {
width: 47.5%;
margin-bottom: 3%;
}

.wsx-n li .con .d1 {
font-size: 18px;
color: #2B2B2B;
line-height: 1.7;
margin: 1.2em 0;
min-height: 5.1em;
}

.wsx-n li .con .more {
display: block;
color: #fff;
background: #00A9E0;
-webkit-border-radius: 10px 10px 10px 0px;
border-radius: 10px 10px 10px 0px;
line-height: 48px;
text-align: center;
}

.wsx-n li .con .more:hover {
opacity: 0.9;
}

.wsx-n li .con .more span {
display: inline-block;
padding-right: 19px;
background: url(../images/mm1.png) no-repeat right center;
}

.poubca-n .d0 {
margin-top: 0;
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: space-between;
}

.poubca-n .d0:after {
display: none;
}

.poubca-n .d0 span {
font-size: 24px; text-align:right;
color: #000000;
line-height: 1.7;
margin-top: 0;
}

.lenmban-n {
border-bottom: 0;
padding-bottom: 0;
}

.olemna-n li {
-webkit-border-radius: 5px;
border-radius: 5px;
}

.poubca-n .pp-n {
font-size: 24px;
color: #2B2B2B;
line-height: 1.7; 
}

.yycxzx-n {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 5%;
}

.yycxzx-n li {
width: 24.3%;
margin-bottom: 2%;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
position: relative;
}

.yycxzx-n li .item {
display: block;
}

.yycxzx-n li .con {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
color: #fff;
text-align: center;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.yycxzx-n li:hover .con {
background: rgba(0,169,224,0.72);
}

.yycxzx-n li .con .ii-tt {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.yycxzx-n li .con .ii-img {
height: 0;
visibility: hidden;
margin-bottom: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.yycxzx-n li .con .ii-img img {
max-height: 30px;
}

.yycxzx-n li:hover .con .ii-img {
height: 30px;
visibility: visible;
}

.yycxzx-n li .con .tt {
font-size: 18px;
line-height: 1.7;
}

.poubca-n .fk-p {
font-size: 18px;
color: #2B2B2B;
line-height: 1.7;
}

.msg_form {
font-size: 16px;
color: #666;
}

.msg_form .item {
margin-bottom: 3%;
}

.msg_form dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.msg_form dl dd {
width: 46.8%;
}

.msg_form .bb {
position: relative;
}

.msg_form .star-n {
position: absolute;
line-height: 1.3;
color: #FF0404;
top: 50%;
margin-top: -0.5em;
left: 1em;
}

.msg_tit {
color: #2B2B2B;
font-weight: bold;
margin-bottom: 1.5em;
}

.line_m {
border-bottom: 1px solid #DEDEDE;
margin-bottom: 1.6em;
}

.msg_form .input_text, .msg_form .textarea {
padding: 1.07em 1.8em;
box-sizing: border-box;
width: 100%;
font-size: 100%;
line-height: 1.3;
background: #fff;
border: 1px solid #E0E0E0;
}

.msg_form .input_text::-webkit-input-placeholder, .msg_form .textarea::-webkit-input-placeholder {
color: #999;
}

.msg_form .textarea {
height: 136px;
}

.msg_form .textarea2 {
height: 297px;
}

.msg_form .submit {
margin-top: 5%;
text-align: center;
}

.msg_form .submit .btn_submit {
display: inline-block;
cursor: pointer;
width: 200px;
text-align: center;
font-size: 100%;
line-height: 2.75;
border: 0;
background: #0551A7;
color: #fff;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
}

.msg_form .submit .btn_submit:hover {
opacity: 0.9;
}

.ckb {
margin-bottom: 15px;
}

.ckb .label_tt {
margin-bottom: 7px;
}

.ckb .radiobox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.ckb .radiobox3 {
justify-content: left;
}

.radiobox3 .radio_x {
min-width: 30%;
}

.radio_x {
display: inline-block;
position: relative;
cursor: pointer;
vertical-align: middle;
margin: 0 0.7em 0.2em 0;
}

.radio_x .radionew {
opacity: 0;
width: 0;
}

.radio_x label {
width: 14px;
height: 14px;
display: inline-block;
border: 1px solid #666;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.radio_x input[type="radio"]:checked + span + label {
background: url(../images/checkbox_selected.png) no-repeat center #0551A7;
border-color: #0551A7;
}

.radio_x span {
display: inline-block;
line-height: 2;
padding-right: 0.5em;
margin-left: -3px;
}

.vbn {
position: relative;
}

.msg_form .textarea3 {
height: 209px;
padding-bottom: 70px;
}

.vbn .upimg {
position: absolute;
left: 8px;
bottom: 13px;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.vbn .upimg .btn_img {
cursor: pointer;
}
.esg-case ul {
  padding: 0 0 3.8%
}

.esg-case ul {
  height: 454px
}

.esg-case ul li {
  background: #0b66b4;
  margin-right: 7px;
  border-radius: 6px;
  color: #fff;
  flex: 1;
  transition: 0.5s
}

.esg-case ul li .content {
  padding: 5% 10%;
  transition: 0.5s;
}

.esg-case ul li .txt {
  display: none;
  margin-top: 30px
}

.esg-case ul li.cur {
  flex: 2;
  background: #00A9E0;
}

.esg-case ul li.cur .txt {
  display: block
}

.esg-case ul li:last-child {
  margin-right: 0
}
.esg-case .font22{font-size:22px;}
.esg-case .font16{font-size:16px;}
@media (max-width:1200px) {
.ny-banner-n .con {
background: rgba(0, 169, 224, 0.9);
}

.odrlmg-n {
left: 50% !important;
}

.odrlmg-n span {
line-height: 43px;
}

.jklg li .con .d2 {
opacity: 1;
margin-top: 27px;
}

.tit-n {
font-size: 30px;
}

.wsx-n li .con .d1 {
font-size: 16px;
}

.poubca-n .pp-n {
font-size: 16px;
}

.yycxzx-n li .con .tt {
font-size: 16px;
}

.poubca-n .fk-p {
font-size: 16px;
}

.ckb .radiobox {
justify-content: left;
}

.radiobox3 .radio_x {
min-width: 0;
}

.radio_x {
margin-right: 2em;
}

.msg_form .submit {
margin-bottom: 5%;
}
}

@media (max-width:780px) {
.jklg li {
width: 100%;
}

.jklg li .bgsize {
display: none;
}

.jklg li .con {
position: relative;
padding: 6%;
}

.jklg li .con .d1 {
font-size: 18px;
}

.jklg li .con .d2 {
font-size: 14px;
margin-top: 15px;
}

.tit-n {
font-size: 17px;
}

.wsx-n li .con .d1 {
font-size: 14px;
}

.poubca-n .pp-n {
font-size: 14px;
}

.yycxzx-n li {
width: 49%;
}

.yycxzx-n li .con .tt {
font-size: 14px;
}

.poubca-n .fk-p {
font-size: 14px;
}

.msg_form {
font-size: 14px;
}

.msg_form .item {
margin-bottom: 0;
}

.msg_form dl dd {
width: 100%;
}

.msg_tit {
margin-top: 1em;
}

.msg_form .bb {
margin-bottom: 3%;
}

.msg_form .textarea2 {
height: 136px;
}
}

@media (max-width:640px) {
.wsx-n li {
width: 100%;
margin-bottom: 6%;
}
}
