@charset "UTF-8";

.head_main,
.container,
.foot-main,
.foot-bottom,
.index-container,
.foot-main,
.wrap {
margin: 0 auto;
padding: 0 15px;
}

@media (min-width: 768px) {
.index-container, .container, .wrap {
width: 750px;
}
}

@media (min-width: 992px) {
.head_main, .foot-main, .foot-bottom {
width: 965px;
}

.container, .index-container, .wrap {
width: 925px;
}
}

@media (min-width: 1260px) {
.head_main, .foot-main, .foot-bottom {
width: 1250px;
}

.index-container, .container, .wrap {
width: 1230px;
}
}

@media (min-width: 1490px) {
.head_main, .foot-main, .foot-bottom {
width: 1460px;
}

.index-container, .container, .wrap {
width: 1430px;
}
}

@media (min-width: 1660px) {
.head_main, .foot-main, .foot-bottom {
width: 1630px;
}
}

@media (min-width: 1920px) {
.head_main, .foot-main, .foot-bottom {
width: 1735px;
}
}
/*pc-头部*/
.header {
height: 97px;
position: relative;
width: 100%;
top: 0;
left: 0;
z-index: 200;
background: rgba(255,255,255,1);
}

.index-header {
background: rgba(255,255,255,0);
}

.header.black {
-webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
}

.header .index-container {
height: 100%;
}

/*===============下拉==============*/
.header .logo {
float: left;
line-height: 97px;
}

.header .logo img {
width: 100%;
}

.navbar {
float: left;
margin-left: 20.5%;
}

.navbar * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.category-item {
float: left;
padding: 0 4px;
margin-right: 30px;
}

.category-item-single {
position: relative;
}

.category-a {
padding: 0 0;
display: block;
font-size: 18px;
line-height: 97px;
color: #333;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
position: relative;
}
/* .category-item.active .category-a,
.category-item:hover .category-a{ color: #2a6bb1;} */
.category-item::after {
content: '';
width: 0;
height: 3px;
background: #009cff;
position: absolute;
bottom: -3px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}

.category-item.active::after,
.category-item:hover::after {
width: 98%;
}

.navbar li:last-child:hover::after {
width: 0;
}

.dropdown-menu.single {
position: absolute;
bottom: -3px;
left: 50%;
-webkit-transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
z-index: 1100;
background: rgba(255, 255, 255, 1);
margin-top: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
-webkit-transition: max-height .5s;
-o-transition: max-height .5s;
transition: max-height .5s;
border: none;
color: #303233;
height: auto;
padding: 0;
display: inline-block;
}

.dropdown-menu.single ul {
padding: 0px 0; /* width: 140px; */
}

.dropdown-menu.single li {
display: block;
width: 100%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative;
padding: 0 5px !important;
height: 50px !important;
line-height: 50px;
}

.dropdown-menu.single li:last-child {
border-bottom: 0;
}

.dropdown-menu.single li:nth-child(1) a {
border-top: none;
}

.dropdown-menu.single li > a {
padding: 0 5px;
display: block;
font-size: 16px;
color: #666;
border-top: solid 1px #efefef;
text-align: center;
white-space: nowrap;
width: 100%;
height: auto;
background: 0 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.single li:hover {
background: #004490;
color: #fff;
}

.single li:hover a {
color: #fff;
border-color: #004490;
}

.category-item:hover .dropdown-menu.single {
max-height: 450px;
opacity: 1;
width: 210px;
}

/* 下拉 */
.dropdown-menu.full-screen {
position: absolute;
top: 100%;
z-index: 1100;
background-color: #fff;
border-top: 1px solid #dae1e6;
-webkit-transition: none;
-o-transition: none;
transition: none;
height: 300px;
display: none;
overflow: hidden;
width: 100%;
min-width: 1200px;
left: 0;
margin-top: 0;
-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
}

.column-two ul {
display: none;
}

.dropdown-container {
height: 400px;
}

.p-drop-le {
width: 100%;
height: 100%;
float: left;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.p-drop-ri {
height: 100%;
float: left;
}

.p-drop-Lwrap {
padding-top: 20px;
margin-left: 36px;
height: 100%;
}

.p-drop-Rwrap {
float: left;
}

.column-item {
float: left;
width: 260px;
border-right: 1px solid #eee;
height: 100%;
}

.column-two {
width: 180px;
}

.nav-title {
font-size: 18px;
line-height: 50px;
color: #444;
display: block;
padding-left: 24px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background: url(../img/arrow-next.png) no-repeat right 20px center;
}

.nav-title:hover {
color: #fff;
background: #006fc1 url(../img/arrow-next2.png) no-repeat right 20px center;
}

.nav-data {
display: block;
font-size: 16px;
line-height: 36px;
color: #666;
padding-left: 24px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative;
background: transparent;
}

.nav-data::after {
content: '';
width: 36px;
height: 36px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: 0;
}

.nav-data:hover {
color: #2a6bb1;
}

.nav-data:hover::after {
opacity: 1;
}

.nav-pic {
height: 256px;
width: 256px;
overflow: hidden;
}

.nav-pic img {
max-width: 100%;
image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
height: 100%;
}

.p-nav-more {
display: inline-block;
font-size: 14px;
line-height: 34px;
padding: 0 27px;
background: #006fc1;
color: #fff;
margin-top: 12px;
}

.p-nav-more img {
vertical-align: -2px;
margin-left: 12px;
display: inline-block;
}

.nav-pic-tit {
font-size: 16px;
line-height: 52px;
color: #666;
}

.category-item:hover .dropdown-menu.full-screen {
display: block;
visibility: visible;
}

.nav-search {
cursor: pointer;
float: right;
height: 97px;
width: 26px;
margin-right: 28px;
position: relative;
background: url(../img/search.png) no-repeat right 3px center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.search-box {
position: absolute;
right: -8px;
top: 97px;
font-size: 0;
width: 320px;
height: 0;
z-index: 100;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: 0;
overflow: hidden;
}

.nav-search:hover .search-box {
opacity: 1;
height: 52px;
padding-top: 6px;
}

.search-box .search {
border: solid 1px #dbdbdb;
width: 260px;
height: 46px;
background: #fff;
display: inline-block;
vertical-align: top;
font-size: 14px;
padding: 0 15px;
color: #666;
}

.search-box .butt {
width: 60px;
height: 46px;
background: #2a6bb1 url(../img/search1.png) no-repeat center;
display: inline-block;
vertical-align: top;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 46px;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.h_r {
    float: right;
    display: flex;
    align-items: center;
}
.phone {
    float: left;
    line-height: 97px;
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.language{
    float: left;
    line-height: 97px;
}
.language_box{
    display: flex;
    align-items: center;
    position: relative;
}
.language_box span {
    color: #333333;
    font-size: 18px;
    margin-right: 10px;
    line-height: 40px;
}
.language_box i{
    display: inline-block;
    float: right;
    vertical-align: middle;
    font-size: 16px;
    /* padding-left: 15px; */
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    line-height: normal;
}
.language_box:hover i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.language_box .box{
    position: absolute;
    width: 150%;
    top: 110%;
    right: -25%;
    z-index: 10;
    background: #fff;
    padding: 0px 0;
    -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    height: auto;
}
.language_box:hover .box{
    visibility: visible;
    opacity: 1;
}
.language_box .box a{
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    padding: 0px 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    box-sizing: border-box;
}
.language_box .box a:hover{
    color:#009cff;
}

.phone i {
width: 26px;
height: 26px;
background-color: #009cff;
color: #FFFFFF;
border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 26px;
margin-right: 15px;
}

.phone span {
color: #333333;
font-family: "Arial-BoldMT";
font-weight: bold;
letter-spacing: -1px;
}

@media (max-width: 1259px) {
    .phone{
        margin-right: 20px;
    }
}
/*app-头部*/
.header-app {
/* background: #001961; */
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 500;
-webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header-app.open-menu {
height: 100%;
background: #fff;
-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header-app .logo {
float: left;
vertical-align: middle;
padding: 10px 10px;
display: flex;
justify-content: space-between;
align-items: center;
}

.header-app .logo img {
width: 120px;
height: 100%;
margin-right: 10px;
}

.header-app .right-box {
padding-left: 10px;
}

.header-app .red-txt {
font-size: 14px;
}

.header-app .black-txt {
font-size: 12px;
}

.navbar-app {
position: relative;
-webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
height: 60px;
text-align: center;
background: #fff;
}

.navbar-togger {
float: right;
background: transparent;
border: none;
padding: 22px 15px;
display: inline-block;
visibility: visible;
transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.navbar-togger .icon_bar {
width: 24px;
height: 2px;
background-color: #2a6bb1;
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.navbar-togger .icon_bar:nth-of-type(2) {
margin: 5px 0;
}

.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
opacity: 0;
}

.open-menu .navbar-togger .icon_bar:first-child {
-webkit-transform: translate(0, 7px) rotate(45deg);
-ms-transform: translate(0, 7px) rotate(45deg);
transform: translate(0, 7px) rotate(45deg);
}

.open-menu .navbar-togger .icon_bar:last-child {
-webkit-transform: translate(0, -7px) rotate(-45deg);
-ms-transform: translate(0, -7px) rotate(-45deg);
transform: translate(0, -7px) rotate(-45deg);
}

.nav-menu {
position: absolute;
top: 60px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 620;
padding: 20px 15px;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
-webkit-transition: visibility 0s linear 1s;
-o-transition: visibility 0s linear 1s;
transition: visibility 0s linear 1s;
}

.header-app.open-menu .nav-menu {
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.nav-list li {
border-bottom: 1px solid #cfcfcf;
opacity: 0;
pointer-events: none;
}

.nav-list li.open {
border-bottom: none;
}

.header-app.open-menu .nav-list li {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

.nav-list li:nth-child(1) {
-webkit-transform: translateY(-44px);
-ms-transform: translateY(-44px);
transform: translateY(-44px);
transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
}

.header-app.open-menu .nav-list li:nth-child(1) {
transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
}

.nav-list li:nth-child(2) {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
}

.header-app.open-menu .nav-list li:nth-child(2) {
transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;
}

.nav-list li:nth-child(3) {
-webkit-transform: translateY(-36px);
-ms-transform: translateY(-36px);
transform: translateY(-36px);
transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
}

.header-app.open-menu .nav-list li:nth-child(3) {
transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;
}

.nav-list li:nth-child(4) {
-webkit-transform: translateY(-32px);
-ms-transform: translateY(-32px);
transform: translateY(-32px);
transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
}

.header-app.open-menu .nav-list li:nth-child(4) {
transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;
}

.nav-list li:nth-child(5) {
-webkit-transform: translateY(-28px);
-ms-transform: translateY(-28px);
transform: translateY(-28px);
transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
}

.header-app.open-menu .nav-list li:nth-child(5) {
transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;
}

.nav-list li:nth-child(6) {
-webkit-transform: translateY(-24px);
-ms-transform: translateY(-24px);
transform: translateY(-24px);
transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
}

.header-app.open-menu .nav-list li:nth-child(6) {
transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;
}

.nav-list li:nth-child(7) {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
}

.header-app.open-menu .nav-list li:nth-child(7) {
transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
}

.nav-list li:nth-child(8) {
-webkit-transform: translateY(-16px);
-ms-transform: translateY(-16px);
transform: translateY(-16px);
transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;
}

.header-app.open-menu .nav-list li:nth-child(8) {
transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;
}

.cate-item {
position: relative;
}

.cate-item a {
font-size: 16px;
line-height: 48px;
margin-right: 60px;
display: block;
color: #444;
}

.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a {
color: #2a6bb1;
}

.category-cont a:last-child {
border: none;
}

.category-cont a.active {
color: #2a6bb1;
}

.category-tig {
font-size: 14px;
color: #888;
text-align: right;
line-height: 48px;
width: 50px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.category-tig::before,
.category-tig::after {
content: '';
background: #888;
position: absolute;
top: 50%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.category-tig::before {
width: 16px;
height: 2px;
right: 0;
margin-top: -1px;
}

.category-tig::after {
width: 2px;
height: 16px;
margin-top: -8px;
right: 7px;
}

.nav-list li.open .category-tig::after {
opacity: 0;
}

.nav-list li.open .category-tig::before {
background: #2a6bb1;
}

.category-cont {
display: none;
}

.nav-list li.open .category-cont {
display: block;
border-top: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
}

.category-pad {
padding: 0 15px;
}

.category-cont a {
line-height: 40px;
border-bottom: 1px solid #cfcfcf;
display: block;
color: #666;
}

.category-pad a.active {
color: #2a6bb1;
}

.app-sousuo {
line-height: 22px;
border-right: solid 1px #2a6bb1;
padding-right: 15px;
color: #2a6bb1;
float: right;
font-size: 22px !important;
margin-top: 19px;
}

.alert-search {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
top: 0;
left: 0;
z-index: 9999;
}

.alert-top {
height: 60px;
background: #fff;
padding: 10px 15px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.alert-top .text {
border-radius: 0px;
height: 40px;
background: none;
border: solid 1px rgba(0, 0, 0, 0.1);
width: 80%;
float: left;
color: #666;
padding: 0 10px;
}

.alert-top .search {
background: url(../img/icon-search.png) no-repeat center;
width: 10%;
height: 26px;
float: left;
margin-top: 7px;
}

.alert-top span {
color: #666;
float: right;
font-size: 20px !important;
margin-top: 8px;
width: 10%;
text-align: center;
}

.app-lanu {
text-align: center;
margin-top: 20px;
display: none;
}

.app-lanu a {
display: inline-block;
line-height: 26px;
padding: 0 14px;
font-size: 14px;
color: #333;
}

.app-lanu a.on {
background: #2a6bb1;
color: white;
border-radius: 30px;
}
/*pc端底部*/
.footer {
background: #292929;
background: url(../img/img66.jpg) left top no-repeat;
background-size: cover;
}

.foot-main {
padding-top: 95px;
}

.foot_nav {
    min-height: 298px;
    display: inline-block;
    width: 100%;
}

.foot_lf {
float: right;
width: 56%; /* border-right: 1px solid rgba(255, 255, 255, 0.5); */ /* padding-right: 80px; */ /* margin-right: 80px; */
}

.foot_nav dl {
width: 17%;
float: left;
padding: 0 10px;
}

.foot_nav dl:first-child {
width: 17%;
padding-left: 0;
}

.foot_nav dl:nth-child(2) {
width: 21.5%;
}

.foot_nav dl:last-child {
width: 10.5%;
padding-right: 0;
}

.foot_nav dt {
padding-bottom: 5px;
position: relative;
}

.foot_nav dt a::before {
content: "";
width: 5px;
height: 5px;
position: absolute;
left: -12px;
top: 50%;
transform: translateY(-50%);
background-color: #009CFF;
}

.index-footer .foot_nav dt a::before {
background-color: #CC1922;
}

.foot_nav dl:last-child dt:after {
display: none;
}

.foot_nav dt a {
font-size: 16px;
color: #fefefe;
position: relative;
}

.foot_nav dd a {
font-size: 14px;
color: rgba(255, 255, 255, 0.58);
line-height: 28px;
}

.foot_nav dd a:hover {
color: #2a6bb1;
}

.foot_rt {
float: left;
width: 35%;
}

.foot_rt .foot-rtl {
width: 93%;
float: left;
}

.foot_logo img:nth-child(2) {
width: 100px;
}

.foot_rt .foot_txt {
color: #FFFFFF;
}

.foot_rt .foot_txt i {
font-size: 1vw;
border-radius: 50%;
background-color: #009CFF;
display: inline-block;
padding: 10px;
margin-right: 20px;
}

.index-footer .foot_rt .foot_txt i {
background-color: #CC1922;
}

.foot_rt .foot_txt h5 {
margin: 6% 0 0;
display: flex;
align-items: center;
}
.foot_rt .foot_txt h5:first-child{
margin:10% 0 0;
}

.footb-bot {
padding: 22px 0;
overflow: hidden;
border-top: solid 1px rgba(255, 255, 255, 0.35);
background-color: #001731;
}

.footb-bot p {
float: left;
width: 62%;
line-height: 24px;
font-size: 14px;
color: #666;
}

.footb-bot p a {
color: #666;
display: inline-block;
padding-right: 15px;
}

.footb-bot p a:last-child {
padding-left: 15px;
padding-right: 0;
}

.bshare {
float: right;
}

.bshare a {
color: rgba(255,255,255,.35);
}

.bshare a:hover {
color: #FFFFFF;
}
/*app-底部*/
.foot-app {
width: 100%;
background: #292929;
padding: 0 15px;
display: none;
}

.footer-tit {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.open .footer-tit a {
color: #fff;
}

.footer-tit a {
font-size: 16px;
color: #fff;
line-height: 48px;
margin-right: 48px;
display: block;
}

.footer-tig {
font-size: 14px;
text-align: right;
line-height: 48px;
width: 20px;
height: 48px;
position: absolute;
right: 0px;
top: 0;
z-index: 2;
}

.footer-tig::before,
.footer-tig::after {
content: '';
background: rgba(255, 255, 255, 1);
position: absolute;
top: 50%;
transition: all .3s;
left: 50%;
}

.footer-tig::before {
width: 18px;
height: 2px;
margin-left: -8px;
}

.footer-tig::after {
width: 2px;
height: 18px;
margin-top: -8px;
}

.footer-item.open .footer-tig::after {
opacity: 0;
}

.footer-item.open .footer-tig::before {
background: #2a6bb1;
}

.footer-cont {
display: none;
border: solid 1px rgba(255, 255, 255, 0.6);
border-top: 0;
padding: 0 15px;
}

.footer-cont a {
line-height: 40px;
color: rgba(255, 255, 255, 0.6);
display: block;
font-size: 14px;
border-bottom: dashed 1px rgba(255, 255, 255, 0.8);
}

.footer-cont a:last-child {
border: none;
}

.footer-item.open .footer-cont a.active {
color: #2a6bb1;
}

.footer-top {
padding: 25px 0;
}

.footer-top .foot-app-l {
float: left;
width: 78%;
}

.footer-top .foot-app-r {
width: 18%;
float: right;
}

.foot-app-r .code-box img {
width: 100%;
}

.footer-left {
float: left;
margin-bottom: 10px;
}

.footer-left h1 {
font-size: 20px;
color: #fff;
}

.footer-left h1 img {
display: inline-block;
width: 24px;
height: 20px;
margin-top: -2px;
}

.footer-right {
width: 100%;
float: left;
}

.footer-right select {
display: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 200px;
height: 36px;
margin: 10px 0;
background: url(../img/down.png) no-repeat right 10px center;
border: solid 1px rgba(255, 255, 255, 0.6);
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
padding: 0 15px;
}

.footer-right select option {
background-color: #666;
width: 100px;
}

.footer-right p {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
line-height: 22px;
}

.foot-app .footer-bot {
padding: 20px 0;
border-top: solid 1px #3a3a3a;
}

.foot-app .footer-bot p,
.foot-app .footer-bot p a, .footer-right p a {
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
line-height: 22px;
}

.foot-app .bshare {
float: none;
text-align: center;
margin-top: 15px;
}

.foot-app .bshare a {
margin-left: 15px;
}

@media (max-width: 1659px) {
.header-app,
.foot-app {
display: none !important;
}

.category-item {
margin-right: 35px;
}

.category-a {
font-size: 16px;
}

.foot_rt .foot-rtl {
width: 98%;
float: left;
}
}

@media (max-width: 1489px) {
.navbar {
margin-left: 90px;
}

.foot_rt {
float: left;
width: 40%;
}

.foot_nav dl:last-child {
width: 11.5%;
}

.foot_nav dl:nth-child(2) {
width: 25.5%;
}

.foot_nav dl:first-child {
width: 15%;
}

.foot_nav dl {
width: 18%;
}

.category-item::after, .dropdown-menu.single {
bottom: -2px;
}
}

@media (max-width: 1259px) {
.navbar {
margin-left: 20px;
}

.foot_nav {
    min-height: 260px;
    display: inline-block;
    width: 100%;
}

.foot_nav dt a {
font-size: 15px;
}

.foot_nav dl {
width: 20.5%;
}

.foot_nav dl:nth-child(2) {
width: 32%;
}

.foot_nav dt {
padding-bottom: 15px;
}

.footb-bot p a {
padding-right: 8px;
}

.footb-bot p a:last-child {
padding-left: 8px;
padding-right: 0;
}

.category-item::after, .dropdown-menu.single {
bottom: 0;
}
}

@media(max-width: 991px) {
.header, .footer {
display: none !important;
}

.header-app, .foot-app {
display: block !important;
}

.header-app .logo {
float: left;
padding: 16px 15px;
}

.header-app .logo img {
width: auto;
height: 28px;
}

.language{
    float: right;
    margin-top: 16px;
    line-height: 22px;
    margin-right: 20px;
    position: relative;
}
.language_mbox{
    display: flex;
    align-items: center;
    position: relative;
}
.language_mbox span{
    font-family: "Arial-BoldMT";
    line-height: 22px;
    color: #2a6bb1;
    margin-right: 5px;
}
.language_mbox i{
    display: inline-block;
    float: right;
    vertical-align: middle;
    font-size: 16px;
    color: #2a6bb1;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    line-height: normal;
}
.language .box{
    position: absolute;
    width: 150%;
    top: 110%;
    right: -25%;
    z-index: 10;
    background: #fff;
    padding: 0px 0;
    -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    height: auto;
}
.language .box.active{
    opacity: 1;
    visibility: visible;
}
.language .box a{
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    padding: 0px 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    box-sizing: border-box;
}


.foot-btop li {
width: 100%;
}

.foot-app .footer-bot {
padding: 20px 0;
}
}

@media (max-width: 767px) {
.header-app .logo {
padding: 16px 10px;
}

.app-sousuo {
padding-right: 10px;
}

.footer-tit a {
font-size: 14px;
}

.footer-top .foot-app-l {
width: 100%;
}

.footer-top .foot-app-r {
width: 100%;
margin-top: 15px;
}

.foot-app-r .code-box {
width: 100px;
}

.footer-bot .copy-app {
display: block;
}

.foot-app .footer-bot p {
margin-bottom: 10px;
}

.bot-share a:first-child {
margin-left: 0 !important;
}
}

@media (max-width: 370px) {
.bot-share {
float: unset;
}

.bot-share a {
float: unset;
}

.foot-app .footer-bot p {
font-size: 13px;
}
}
/* banner */
/* .banner{margin-top: 110px;} */
.banner .app-banner, .pc-banner {
display: block;
width: 100%;
}

.banner img.app-banner {
display: none;
}

.banner-font {
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
width: 100%;
}

.banner-font h3 {
font-size: 60px;
color: white;
line-height: 60px;
margin-bottom: 20px;
font-weight: bold;
}

.banner-font h4 {
font-size: 30px;
color: rgba(255,255,255,1);
line-height: 48px;
font-weight: lighter;
}

.banner-font p {
font-size: 20px;
color: rgba(255,255,255,1);
font-weight: bold;
margin: 0 auto 4%;
width: 80%;
}

.banner-font h3 span {
color: #b91c24;
}

.banner .swiper-pagination {
bottom: 5.5% !important;
padding: 0 60px;
text-align: center;
}

.banner .swiper-pagination-bullet {
width: 11px;
height: 11px;
background: white;
margin-right: 5px !important;
border-radius: 14px !important;
opacity: 1 !important;
}

.banner .swiper-pagination-bullet-active {
background: #b91c24;
}

.gd:hover {
color: #009cff;
}

@media (max-width: 1489px) {
.banner-font h3 {
font-size: 50px;
}

.banner-font h4 {
font-size: 26px;
line-height: 42px;
}
}

@media (max-width: 1259px) {
.banner-font h3 {
font-size: 40px;
}

.banner-font h4 {
font-size: 24px;
line-height: 38px;
}

.banner .swiper-pagination {
bottom: 30px !important;
}
}

@media(max-width: 991px) {
.banner-font h3 {
font-size: 30px;
line-height: 30px;
margin-bottom: 12px;
}

.banner-font h4 {
font-size: 20px;
line-height: 32px;
}

.banner .swiper-pagination-bullet-active {
width: 30px;
}

.banner .swiper-pagination {
bottom: 20px !important;
}
}

@media (max-width: 767px) {
.banner img.pc-banner {
display: none !important;
}

.banner img.app-banner {
display: block !important;
height: 300px;
}

.banner-font h3 {
font-size: 28px;
line-height: 28px;
margin-bottom: 10px;
}

.banner-font h4 {
font-size: 17px;
line-height: 28px;
}

.banner .swiper-pagination-bullet-active {
width: 25px;
}

.banner .swiper-pagination {
bottom: 15px !important;
}
}

/* ===============首页=========== */
.index-header {
border-bottom: 1px solid rgba(255,255,255,.3);
height: 74px;
line-height: 74px;
position: absolute;
}

.index-header .logo, .index-header .category-a, .index-header .nav-search, .index-header .phone {
line-height: 74px;
height: 74px;
}

.index-header .navbar {
margin-left: 0%;
float: right;
}

.index-header .category-a, .index-header .phone span, .index-header .language span, .index-header .language i {
color: #FFFFFF;
}

.index-header .nav-search {
background: url(../img/search1.png) no-repeat right 3px center;
height: 74px;
margin-right: 0;
margin: 0 4px;
}

.index-header .navbar li:nth-last-child(2):hover::after {
width: 0;
}

.index-header .navbar li:nth-last-child(2), .index-header .navbar li:last-child {
margin-right: 0;
border: 1px solid rgba(255,255,255,.3);
border-bottom: none;
text-align: center;
padding: 0 23px;
height: 73px;
}

.index-header .phone i {
background-color: #cc1922;
}

.index-header .category-item::after {
background-color: #FFFFFF;
}

.index-tit {
line-height: 40px;
font-weight: bold;
color: #004490;
font-family: "SourceHanSansCN-Bold";
}

.index-tit span {
position: relative;
}

.index-tit span::before, .index-tit span::after {
content: "";
width: 35px;
height: 3px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.index-tit span::before {
left: -45px;
background: -webkit-linear-gradient(left,#cd1d25, #de6b71,#ffffff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right,#cd1d25, #de6b71,#ffffff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#cd1d25, #de6b71,#ffffff); /* Firefox 3.6 - 15 */
background: linear-gradient(to right,#cd1d25, #de6b71,#ffffff); /* 标准*/
}

.index-tit span::after {
right: -45px;
background: -webkit-linear-gradient(right,#cd1d25, #de6b71,#ffffff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left,#cd1d25, #de6b71,#ffffff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left,#cd1d25, #de6b71,#ffffff); /* Firefox 3.6 - 15 */
background: linear-gradient(to left,#cd1d25, #de6b71,#ffffff); /* 标准*/
}

.index-tit .span1::before {
left: -45px;
background: -webkit-linear-gradient(left,#fcfcfc, #abaeb1,#4c5258); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right,#fcfcfc, #abaeb1,#4c5258); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#fcfcfc, #abaeb1,#4c5258); /* Firefox 3.6 - 15 */
background: linear-gradient(to right,#fcfcfc, #abaeb1,#4c5258); /* 标准*/
}

.index-tit .span1::after {
right: -45px;
background: -webkit-linear-gradient(right,#fcfcfc, #abaeb1,#4c5258); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left,#fcfcfc, #abaeb1,#4c5258); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left,#fcfcfc, #abaeb1,#4c5258); /* Firefox 3.6 - 15 */
background: linear-gradient(to left,#fcfcfc, #abaeb1,#4c5258); /* 标准*/
}

.index-dec {
color: #333;
line-height: 26px;
text-align: center;
margin-top: 14px;
margin-bottom: 60px;
}
/* */
.index-two {
}

.int-swiper {
position: relative;
background: -webkit-linear-gradient(top,#ffffff,#f5f5f5); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom,#ffffff,#f5f5f5); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom,#ffffff,#f5f5f5); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom,#ffffff,#f5f5f5); /* 标准*/
}

.int-list {
position: relative;
width: 100%;
overflow: hidden;
}

.int-pic {
width: 100%;
overflow: hidden;
}

.int-pic img {
display: block;
width: 100%;
transition: all 1s;
}

.int-font {
text-align: center;
transition: all 1s;
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0,0,0,0.7),rgba(0,0,0,0));
top: 0%;
transition: all 1s;
}

.int-font h3 {
color: #fff;
line-height: 1.5;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: normal;
margin-bottom: 9%;
}

.int-posi {
position: absolute;
width: 87.13%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transition: all 1s;
}

.int-font p {
color: #FFFFFF;
margin: auto;
background-color: rgba(204,25,34,0);
border-radius: 50%;
display: inline-block;
padding: 7% 7.8%;
line-height: 1;
transition: all .7s;
font-size: 24px;
}

.int-swiper .swiper-slide:hover .int-pic {
}

.int-swiper .swiper-pagination {
width: 100%;
bottom: -10px;
display: none;
}

.int-swiper .swiper-pagination-bullet, .member-swiper .swiper-pagination-bullet {
width: 7px;
height: 7px;
margin: 0 12px;
opacity: 1 !important;
background-color: #c7c7c7;
}

.int-swiper .swiper-pagination-bullet-active {
background-color: #009CFF;
}

.int-swiper .swiper-slide:hover .int-font {
background: rgba(0, 0, 0, 0);
}

.int-swiper .swiper-slide:hover .int-posi {
top: 50%;
transform: translate(-50%,-50%);
}

.int-swiper .swiper-slide:hover p {
background-color: rgba(204,25,34,1);
}
/* */
.index-three {
background: #f5f5f5;
margin-top: -22px;
}

.inth-main {
width: 100%;
position: relative;
}

.inth-main-left {
width: 25%;
float: left;
}

.inth-main-right {
width: 75%;
float: left;
display: none;
}

.inth-main-right.on {
display: block;
}

.inth-pic .swiper-slide {
width: 80.5% !important;
height: 746px;
}

.inth-pic .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}

.inth-pic .swiper-pagination {
display: none;
}

.inth-font {
width: 24%;
position: absolute !important;
left: 19%;
bottom: 8%;
color: #FFFFFF;
overflow: inherit !important;
}

.inth-font .swiper-button-next {
right: 0;
transform: translateX(100%);
padding: 7% 6%;
background-color: #FFFFFF;
color: #333333;
}

.inth-font .swiper-button-prev {
right: 0;
left: auto;
padding: 7% 6%;
background-color: #FFFFFF;
color: #333333;
}

.inth-font .font-btn.on {
background-color: #cc1922;
color: #FFFFFF;
}

.inth-font .swiper-button-next:after, .inth-font .swiper-button-prev:after {
font-size: 24px;
font-weight: normal;
}

.inth-font .swiper-slide {
width: 100% !important;
padding: 7% 0 9%;
background-color: #009cff;
}

.inth-font h3, .inth-font p {
margin: auto;
width: 80%;
line-height: 2.8em;
}

.inth-font h3, .inth-font span {
font-weight: bold;
}

.inth-font h3 {
border-bottom: 2px solid #FFFFFF;
font-family: SourceHanSansSC;
line-height: 1.5em;
padding: 2.8% 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.inth-font a {
color: #fff;
}

.thumbs {
margin: 0 auto;
width: 60%;
}

.thumbs li {
color: #333333;
transition: all .5s;
line-height: 2em;
position: relative;
z-index: 100;
cursor: pointer;
}

.thumbs li.active {
color: #CC1922;
font-size: 30px;
padding-left: 60px;
}

.thumbs li::before {
position: absolute;
content: "";
width: 0;
height: 1px;
background-color: #cc1922;
top: 50%;
left: 0;
transition: all .5s;
}

.thumbs li.active::before {
width: 47px;
}

.inth-btn {
position: absolute;
bottom: 8%;
left: 5%;
}
/* */
.index-five {
background: url(../img/banner2.jpg) left top;
}

.index-five .head_main {
position: relative;
}

.index-five .index-tit, .index-five .index-dec {
color: #FFFFFF;
}

.index-five .five-pic {
width: 88.4%;
}

.index-five .five-pic img {
width: 100%;
}

.index-five .five-confont {
position: absolute;
top: 30%;
right: 0%;
width: 45%;
}

.index-five .five-confont img {
width: 100%;
}

.index-five .five-con {
position: relative;
display: inline-block;
}

.index-five .five-ul {
position: absolute;
transform: translate(-50%,-10%);
width: 28%;
color: #FFFFFF;
z-index: 100;
}

.index-five .five-ul li {
background-color: #009cff;
padding: 6% 0 6% 20%;
border-top: 1px solid #FFFFFF;
}

.index-five .five-ul li:first-child {
text-align: center;
padding: 9.5% 0;
background-color: #cc1922;
border-top: 1px solid #cc1922;
}

.index-five .five-ul li:hover {
background-color: #cc1922;
}

.index-five .five-ul span img {
display: block;
margin: 0 auto 6%;
width: 80px;
}

.index-five .five-ul p {
/* font-weight: bold; */
font-family: "Arial-BoldMT";
}

.index-five .five-font {
position: relative;
display: inline-block;
}

.index-five .font {
width: 62.6%;
position: absolute;
top: 11.8%;
right: 10%;
}

.index-five .five-font p {
line-height: 1.8em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}

.index-five .five-font .gd {
color: #CC1922;
margin-top: 10%;
display: block;
}

.index-five .five-font .gd:hover {
color: #009CFF;
}

.index-five .five-font h5 {
line-height: 2.6em;
border-bottom: 1px solid #333;
margin-bottom: 3%;
}
/* */
.index-four {
background: #F5F5F5;
overflow-y: hidden;
display: none;
}

.index-four .index-dec {
margin-bottom: 10px;
}

.four-title a {
color: #666666;
font-weight: 600;
cursor: pointer;
}

.four-title .right {
font-weight: normal;
float: right;
}

.four-title a.on {
color: #0067db;
}

.four-new {
position: relative;
margin: 1.4% 0 2.3%;
}

.four-new .new-left, .four-new .right {
width: 50%;
}

.four-new .new-left p {
width: 100%;
background-color: rgba(0,0,0,.4);
position: absolute;
bottom: 0;
color: #FFFFFF;
padding: 3% 5%;
font-weight: 550;
letter-spacing: 1px;
}

.four-new .new-left .swiper-slide img {
width: 100%;
height: 250px;
}

.four-new .new-left .swiper-pagination {
padding: 2% 5%;
text-align: right;
}

.four-new .new-left .swiper-pagination-bullet {
width: 7px;
height: 7px;
display: inline-block;
border-radius: 50%;
border: 2px #ffffff solid;
background: none;
}

.four-new .new-left .swiper-pagination-bullet-active {
background-color: #FFFFFF;
}

.four-new .right {
width: 50%;
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
}

.four-new .new-right {
width: 100%;
height: 100%;
background-color: #FFFFFF;
}

.four-new .new-right .swiper-slide {
padding: 10%;
}

.four-new .new-right .new-tit {
border-bottom: 4px solid #333;
color: #999999;
font-family: "Arial-BoldMT";
}

.four-new .swiper-button-next, .four-new .swiper-button-prev {
top: 40%;
color: #333;
right: 13%;
}

.four-new .swiper-button-prev {
left: auto;
top: 33%;
}

.four-new .swiper-button-next:after, .four-new .swiper-button-prev:after {
font-size: 20px;
transform: rotate(90deg);
}

.four-new .new-tit span {
color: #009cff;
font-size: 72px;
line-height: 1.2;
}

.new-btn {
display: none;
}

.new-on {
display: block;
}

.four-new .new-con {
color: #009cff;
margin-top: 3%;
font-weight: bold;
}

.new-bot li {
width: 32%;
float: left;
margin: 0 1%;
background-color: #FFFFFF;
padding: 4.5% 3% 2.5%;
transition: all .7s;
}

.new-bot li .on {
border: 1px solid #009CFF;
border-radius: 5px;
padding: 3px 6px;
transition: all .7s;
}

.new-bot li:first-child {
margin-left: 0;
}

.new-bot li:last-child {
margin-right: 0;
}

.new-bot li h3 {
line-height: 2.3;
border-bottom: 4px solid #333;
padding-bottom: 7.5%;
margin-bottom: 4.5%;
transition: all .7s;
position: relative;
}

.new-bot li h3 span {
font-size: 72px;
font-family: 'Arial-BoldMT';
position: absolute;
right: 0;
top: 35%;
transform: translateY(-50%);
color: #666666;
}

.new-bot .bot-p {
line-height: 1.8em;
margin-bottom: 7.5%;
}

.new-bot li b {
display: inline-block;
width: 33px;
height: 33px;
line-height: 33px;
text-align: center;
background-color: #009CFF;
color: #FFFFFF;
border-radius: 50%;
transition: all .7s;
}

.new-bot li:hover b {
background-color: #cc1922;
transform: rotate(180deg);
}

.new-bot li:hover .on {
color: #CC1922;
border-color: #CC1922;
}

.new-bot li:hover h3, .new-bot li:hover h3 span {
color: #cc1922;
}

@media (max-width: 1660px) {
.pad-top {
padding-top: 56px;
}

.index-dec {
margin-bottom: 40px;
}

.thumbs li.active{
font-size: 26px;
}

.pad {
padding: 56px 0;
}

.inth-font {
width: 27%;
}
}

@media (max-width: 1489px) {
.inth-font {
width: 32%;
}

.index-dec {
margin-bottom: 50px;
}

.thumbs li.active {
font-size: 26px;
}

.thumbs {
width: 80%;
}

.inth-btn {
left: 3%;
bottom: 0%;
}

.new-bot li h3 span {
font-size: 55px;
}

.new-bot li h3 {
padding-bottom: 2.5%;
}

.pad-top {
padding-top: 46px;
}

.four-new .swiper-button-prev {
left: auto;
top: 30%;
}

.four-new .new-right .swiper-slide {
padding: 8%;
}

.index-dec {
margin-bottom: 30px;
}

.pad {
padding: 46px 0;
}
}

@media (max-width: 1259px) {
.index-header .navbar li:nth-last-child(2){
    padding: 0;
}
.index-header .navbar li:last-child {
padding: 0 5px;
}
.index-header .phone {
    margin-right: 10px;
}
.index-header .language_box span{
    margin-right: 5px;
}
.phone i{
    margin-right: 10px;
}

.category-item {
margin-right: 14px;
}

.banner .swiper-pagination {
bottom: 20px !important;
}

.pad-top {
padding-top: 36px;
}

.index-dec {
margin-bottom: 20px;
}

.pad {
padding: 36px 0;
}

.four-new .swiper-button-prev {
left: auto;
top: 35%;
}

.four-new .swiper-button-next {
top: 50%;
}

.index-banner .banner-font h3 {
/* font-size: 32px; */
margin-bottom: 0;
line-height: 1.5;
}

.index-banner .banner-font {
top: 53%;
}

.index-banner .banner-font p {
margin: 1% auto 2%;
}

.new-left {
position: relative;
}

.thumbs li.active {
font-size: 20px;
}

.new-bot li {
width: 49%;
margin: 0 2% 2% 0;
padding: 4.5% 3% 2.5%;
}

.new-bot li:nth-child(2) {
margin-right: 0;
}

.new-bot li:last-child {
margin-bottom: 0;
}

.foot_nav dl {
width: 25%;
}

.foot_nav dl:nth-child(4) {
padding: 0 7px;
}

.foot_nav dl:last-child {
width: 14.5%;
text-align: left;
margin-top: 4%;
}

.foot_nav dl:nth-last-child(2) {
margin-top: 0%;
}

.foot_nav dl:first-child {
width: 15%;
margin-left: 3%;
}

.foot_lf {
width: 54%;
}

.foot_rt {
width: 46%;
}

.inth-font {
width: 35%;
}

.index-five .five-ul {
width: 38%;
}

.index-five .five-ul span img {
margin: 0 auto 2%;
width: 70px;
}

.index-five .five-ul li {
padding: 2% 0 2% 15%;
}

.index-five .five-ul li:first-child {
padding: 2% 0;
}

.index-five .five-confont {
width: 50%;
}
}

@media (max-width: 991px) {
.index-banner .banner-font {
top: 50%;
}

.index-dec {
margin-bottom: 30px;
}

.index-dec {
margin-top: 5px;
}

.ine-font {
margin: -25px 10px 0;
padding: 12px 15px 16px;
}

.ine-font p {
margin: 5px 0 15px;
line-height: 22px;
-webkit-line-clamp: 2;
}

.ine-more img {
width: 18px;
height: 18px;
margin-top: -3px;
}

.inth-content .inth-box {
margin: 32px -6px 0;
}

.inth-box li {
padding: 0 6px;
}

.inth-list p {
padding: 12px 10px;
}

.index-banner {
margin-top: 60px;
}

.index-banner .banner-font img {
width: 40%;
}

.inth-main-left {
width: 100%;
}

.inth-main-left ul {
width: 100%;
padding: 0 15px;
}

.inth-main-left ul li {
width: 25%;
float: left;
text-align: center;
}

.thumbs li.active::before {
width: 15px;
left: 23px;
}

.thumbs li.active {
padding-left: 20px;
font-size: 18px;
}

.inth-main-right {
width: 100%;
}

.inth-font {
width: 45%;
}

.four-new .new-tit span {
font-size: 55px;
}

.four-new .new-con {
font-size: 14px;
}

.four-new .swiper-pagination-bullet {
background-color: #C7C7C7;
width: 7px;
height: 7px;
}

.four-new .swiper-pagination-bullet-active {
background-color: #009CFF;
}

.new-bot .bot-p {
margin-bottom: 2.5%;
}

.four-new .swiper-button-prev {
left: auto;
top: 32%;
}

.four-new .swiper-button-next {
top: 48%;
}

.four-new .new-right .swiper-slide {
padding: 5% 8%;
}

.index-five .five-font .gd {
margin-top: 3%;
}

.index-three .index-dec {
margin-bottom: 10px;
}

.inth-btn {
bottom: 15px;
z-index: 100;
color: #fff;
left: 15px;
}
}

@media (max-width: 767px) {
.index-banner .banner-font h3 {
font-size: 20px;
}

.index-banner .banner-font p {
font-size: 14px;
}

.pad-top {
padding-top: 26px;
}

.index-dec {
margin-bottom: 10px;
}

.pad {
padding: 26px 0;
}

.index-three {
margin-top: -8px;
}

.inth-main-left {
width: 100%;
}

.inth-main-left ul {
width: 100%;
padding: 0;
height: auto;
border-top: 1px solid #ccc;
}

.inth-main-left ul li {
width: 50%;
float: left;
text-align: center;
}

.inth-pic .swiper-slide {
width: 100% !important;
}

.thumbs li.active {
padding-left: 0;
font-size: 16px;
font-weight: bold;
background: #cc1922;
color: #ffffff;
}

.thumbs li.active::before {
display: none;
}

.inth-font {
position: static !important;
width: 100%;
}

.inth-font .swiper-slide {
width: 100% !important;
padding: 0% 0 9%;
background-color: #009cff;
}

.inth-font .swiper-slide h3, .inth-font .swiper-slide p {
width: 90%;
margin-left: 15px;
}

.inth-font .swiper-button-next {
right: 15px;
padding: 7% 6%;
background-color: #FFFFFF;
color: #333333;
transform: translateX(0%);
top: 80%;
}

.inth-font .swiper-button-prev {
right: 15px;
left: auto;
top: 80%;
transform: translateX(-100%);
padding: 7% 6%;
background-color: #FFFFFF;
color: #333333;
}

.index-three {
padding-bottom: 0;
}

.four-new .new-left, .four-new right {
width: 100%;
float: none;
position: relative;
}

.four-new .right {
width: 100%;
position: relative;
height: 150px;
}

.four-new .new-right {
height: 150px;
overflow: hidden;
}

.four-new .new-right .swiper-slide {
padding: 10% 8% 0% 15px;
}

.new-bot li {
width: 100%;
margin: 0 0 2%;
padding: 4.5% 3% 2.5%;
}

.index-five .five-pic {
width: 100%;
}

.index-five .five-ul {
transform: none;
top: 30%;
position: relative;
width: 100%;
}

.index-five .five-ul li {
float: left;
width: 50%;
height: 65px;
text-align: center;
padding: 2% 0;
}

.index-five .five-ul li:nth-child(1), .index-five .five-ul li:nth-child(3), .index-five .five-ul li:nth-child(5) {
border-right: 1px solid #FFFFFF;
}

.index-five .five-ul li:nth-child(2) {
border-top: none;
}

.index-five .five-con {
position: static;
}

.index-five .five-confont {
position: static;
width: 100%;
}

.index-five .five-font {
display: block;
}

.index-five .font {
width: 90%;
position: absolute;
top: 50.5%;
right: 5%;
}

.index-five .five-font h5 {
line-height: 1.5em;
border-bottom: 1px solid #333;
margin-bottom: 3%;
}

.int-swiper .swiper-pagination {
display: block;
}

.four-new .new-tit span, .new-bot li h3 span {
font-size: 36px;
top: 50%;
}

.four-new .swiper-button-next {
top: 46%;
}

.new-bot li h3 {
padding-bottom: 0;
margin-bottom: 2%;
}

.new-bot li b {
margin-top: -8%;
float: right;
width: 20px;
height: 20px;
line-height: 19px;
margin-right: 2%;
}

.int-swiper .swiper-container {
padding-bottom: 20px;
}

.int-swiper .swiper-pagination {
bottom: 1px !important;
}
}

/*===内页banner===*/
.ny-banner {
position: relative;
}

.ny-banner img {
display: block;
width: 100%;
}

.ny-banner img.ny-app {
display: none;
}

.ny-banner-pic img {
position: relative;
}

.ny-banner .ny-banner-pic {
overflow: hidden;
position: relative；
}

.ny-banner .ny-banner-pic img {
transition: all .5s;
}

.ny-banner .ny-banner-pic iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
/* .info-pic .video-btn { position: absolute; top: 50%;
left: 50%;transform: translate(-50%, -50%);z-index: 11;
} */
.ny-banner-pic .video-btn {
width: 72px;
margin-top: 20px;
}

.ny-banner-pic .video-btn img {
width: 100%;
height: 100%;
}

.video-btn.on {
display: none;
}

.ny-font {
width: 100%;
position: absolute;
top: 40%;
}

.ny-left {
float: left;
}

.ny-right {
float: right;
}

.ny-more a {
color: #fff;
}

.ny-solide {
width: 23px;
height: 4px;
background-color: #009cff;
margin: -3px 0 1.8% 0;
}

.ny-solide1 {
width: 23px;
height: 4px;
background-color: #FFFFFF;
margin: -3px 0 1.8% 0;
}

.ny-title .ny-tit {
font-size: 46px;
color: #fff;
margin-bottom: 10px;
font-weight: 400;
}

.ny-title .ny-dec {
color: #fff;
line-height: 26px;
}

.ny-font1 .ny-dec {
width: 31%;
font-weight: 600;
}

.black-tit .ny-tit, .black-tit .ny-dec {
color: #333;
}

.ny-top {
margin-bottom: 32px;
}

.ny-wraptit {
padding-bottom: 28px;
}

.tit-line {
float: left;
width: 5px;
height: 42px;
background: #2a6baf;
margin-right: 20px;
}

.ny-wraptit .tit-line {
height: 30px;
margin-right: 11px;
}

.ny-wraptit .ny-text {
font-size: 30px;
color: #2a6baf;
line-height: 30px;
display: inline-block;
}

.ny-wraptit .ny-text {
float: left;
}

.nyEtxt {
color: #333;
text-transform: uppercase;
font-family: 'HELVETICA-LT';
}

.second-nav {
background: #f4f4f4;
height: 110px;
}

.second-menu {
overflow-x: auto;
white-space: nowrap;
}

.second-menu a {
position: relative;
display: inline-block;
line-height: 110px;
font-size: 16px;
color: #666;
padding: 0 38px;
text-align: center;
}

.second-menu a::after {
position: absolute;
content: '';
background: #fff;
width: 12px;
height: 12px;
opacity: 0;
border-radius: 50%;
border: 3px solid #2a6bb1;
bottom: 22%;
left: 50%;
transform: translate(-50%,-22%);
}

.second-menu a.on {
color: #333;
background: #fff;
}

.second-menu a:first-child {
padding-left: 0;
}

.second-menu a.on:first-child {
padding-left: 38px;
}

.second-menu a.on::after {
opacity: 1;
}

.appsecond-nav {
position: relative;
display: none;
z-index: 200;
}

.serapp-top1 {
padding: 12px 25px;
background: #f4f4f4;
border-bottom: 1px solid #D8D8D8;
}

.appsecond-nav .ser-tig1 {
width: 15px;
height: 20px;
position: absolute;
top: 13px;
right: 25px;
transition: all .6s;
}

.appsecond-nav.open .ser-tig1 {
transform: rotate(90deg);
}

.appsecond-nav .ser-top1 {
padding: 16px 15px;
position: relative;
background: #fff !important;
border-bottom: solid 1px #d8d8d8;
}

.se-a1 {
color: #444;
font-size: 16px;
display: block;
}

.se-list {
background: #fff;
}

.se-list:hover {
cursor: pointer;
background: #009CFF;
}

.se-list:hover a {
color: #FFFFFF;
}

.se-list .se-top {
padding: 0 25px;
}

.se-list.hover .se-a1 {
color: #fff;
;
}

.ser-bot {
width: 100%;
display: none;
}

.se-top {
height: 48px;
line-height: 48px;
border-bottom: solid 1px #d8d8d8;
position: relative;
}

.pagee {
text-align: center;
position: relative;
margin-top: 60px;
}

.pagee a {
display: inline-block;
width: 30px;
height: 30px;
font-size: 14px;
border-radius: 50%;
color: #333;
text-align: center;
line-height: 28px;
border: 1px solid #333333;
margin: 0 7px;
font-weight: bold;
}

.pagee a:hover, .pagee a.on {
color: #fff;
background: #cc1922;
border: 1px solid #CC1922;
}

.pagee a.prev, .pagee a.next {
font-size: 14px;
margin: 0 4px;
font-weight: bolder;
width: 55px;
height: 22px;
border: none;
}

.detail-line {
width: 100%;
height: 1px;
background: #ebebeb;
margin: 25px 0;
}

.detail-page {
position: relative;
}

.pagee a.prev:hover, .pagee a.next:hover {
background: none;
color: #009CFF;
}

.detail-page .detail-prev {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
color: #666;
}

.detail-back {
position: absolute;
right: 0;
top: 7px;
font-size: 16px;
width: 160px;
border: 1px solid #2a6bb1;
color: #2a6bb1;
line-height: 48px;
transition: all .5s;
}

.detail-page {
width: 100%;
background-color: #f2f2f2;
padding: 2% 30px 4%;
margin-top: 20px;
}

.detail-page .detail-prev {
float: left;
color: #333333;
}

.detail-page .detail-next {
float: right;
color: #333333;
}

.detail-page a:hover, .newsinfo-con .detail-page a:hover span {
color: #009bff;
}

.detail-page a {
border-bottom: 1px solid #F2F2F2;
}

.detail-page a:hover {
border-bottom: 1px solid #009BFF;
}

@media(max-width: 1660px) {
.pagee {
margin-top: 50px;
}
}

@media(max-width: 1489px) {
.ny-title .ny-tit {
font-size: 40px;
line-height: 40px;
}

.ny-banner-pic .video-btn {
width: 58px;
}

.pagee {
margin-top: 40px;
}
}

@media(max-width: 1259px) {
.ny-title .ny-tit {
font-size: 34px;
line-height: 34px;
}

.ny-font1 .ny-dec {
width: 46%;
line-height: 24px;
font-size: 15px;
}

.ny-banner-pic .video-btn {
width: 46px;
}

.detail-back {
width: 142px;
line-height: 42px;
}

.pagee {
margin-top: 30px;
}
}

@media(max-width: 991px) {
.ny-banner-pic .video-btn {
width: 36px;
margin-top: 12px;
}

.ny-banner {
margin-top: 60px;
}

.ny-title .ny-tit {
font-size: 28px;
margin-bottom: 8px;
}

.ny-font1 .ny-dec {
width: 57%;
}

.second-nav {
height: 60px;
}

.second-menu a {
line-height: 60px;
font-size: 15px;
padding: 0 28px;
}

.second-menu a.on:first-child {
padding-left: 28px;
}

.second-menu a::after {
width: 10px;
height: 10px;
border: 2px solid #2a6bb1;
bottom: 12%;
transform: translateY(-12%);
}
}

@media(max-width: 768px) {
.appsecond-nav { /* display: block; */
}
}

@media(max-width: 767px) {
.ny-banner img.ny-pc {
display: none;
}

.ny-banner img.ny-app {
display: block;
}

.ny-banner img.ny-app {
height: 220px;
}

.ny-top {
margin-bottom: 10px;
}

.ny-title .ny-tit {
font-size: 26px;
margin-bottom: 5px;
}

.ny-title .ny-dec {
font-size: 14px;
line-height: 22px;
width: 99%;
}

.ny-banner-pic .video-btn {
width: 32px;
}

.second-nav {
display: none;
}

.se-list .se-top {
padding: 0 15px;
}

.serapp-top1 {
padding: 12px 15px;
}

.appsecond-nav .ser-tig1 {
right: 15px;
}

.secnav-two {
display: block !important;
}

.detail-page .detail-prev {
margin-right: 0;
font-size: 14px;
width: max-content;
}

.detail-back {
width: 110px;
line-height: 38px;
top: 5px;
color: #fff;
background: #2a6bb1;
font-size: 14px;
}

.ny-wraptit {
padding-bottom: 15px;
}

.ny-wraptit .ny-text {
font-size: 22px;
line-height: 22px;
}

.ny-wraptit .tit-line {
width: 3px;
height: 22px;
margin-right: 10px;
}

.pagee a.prev, .pagee a.next {
margin: 0 2px;
}

.pagee {
margin-top: 20px;
}

.pagee a {
margin: 0 4px;
}

.detail-page {
padding: 4% 15px;
}

.detail-page .detail-prev {
margin-bottom: 10px;
}

.detail-page .detail-next, .detail-page .detail-prev {
float: none;
display: inline-block;
}
}

@media(max-width:408px) {
.detail-back {
right: unset;
bottom: 0;
left: 0;
margin-top: 64px;
}
}

/* ===========关于我们========== */
.about {
padding-bottom: 0 !important;
}

.about .index-tit {
color: #009bff;
text-align: center;
}

.about .index-tit b {
position: relative;
}

.about .index-tit b::before {
content: url(../img/img28.png);
left: -100px;
position: absolute;
top: 50%;
transform: translateY(-65%);
}

.about .index-tit b::after {
content: url(../img/img29.png);
right: -100px;
position: absolute;
top: 50%;
transform: translateY(-65%);
}

.about .abo-one {
background: #F5F5F5;
}

.about .abo-pad {
padding: 60px 0;
}

.abo-one .abo-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.abo-box .abo-left {
width: 55%;
float: right;
position: relative;
height: 100%;
right: 0;
background-color: #FFFFFF;
padding: 7.5%;
}

.abo-box .abo-right {
width: 45%;
float: left;
padding: 5% 0 7.5%;
background: url(../img/img26.png) no-repeat;
    background-size: cover;
}

.abo-left .line {
width: 50px;
height: 1px;
background: #333;
margin: 20px 0 38px;
}

.abo-left h2 {
color: #009CFF;
font-weight: normal;
line-height: 1.2;
}

.abo-left .abo-p {
margin-top: 6%;
}

.abo-left .abo-p p {
color: #666;
line-height: 1.75;
margin-bottom: 4.6%;
}

.abo-right h2 {
text-align: center;
color: #FFFFFF;
line-height: 3.5;
margin-bottom: 7%;
}

.abo-right h2 img {
margin-right: 22px;
width: 82px;
}

.abo-right ul {
width: 78%;
margin: auto;
}

.abo-right ul li {
width: 50%;
float: left;
border: 1px solid #FFFFFF;
text-align: center;
padding: 4% 0 6.5%;
}

.abo-right li .abo-li {
color: #FFFFFF;
}

.abo-li img {
height: 44px;
transition: all .7s;
}

.abo-li:hover img {
transform: rotateY(180deg);
}

.abo-li h3 {
font-weight: normal;
line-height: 1.5;
margin-top: 5%;
}

.abo-li h3 span {
font-family: 'Arial-BoldMT';
}

.abo-li p {
font-weight: 600;
}

/* */
.abo-two {
background: #FFFFFF;
}

.abo-two .wrap {
overflow: hidden;
}

.abo-two .two-con {
position: relative;
}

.abo-twobanner {
width: 100%;
}

.abo-two .font-left, .abo-two .font-right {
width: 50%;
position: absolute;
bottom: 0;
display: inline-block;
z-index: 10;
}

.abo-two .font-left {
background-color: #dddddd;
left: 0;
text-align: center;
padding: 1.65% 0;
}

.abo-two .font-right {
background-color: #dddddd;
left: 50%;
padding: 1.1% 0 1.5%;
}

.abo-two .font-right .icon {
width: 16.5%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.abo-two .font-right .icon img {
width: 48.5%;
}

.abo-two .font-right .font {
width: 83.5%;
margin-left: 16.5%;
padding-left: 3.5%;
border-left: 1px solid;
color: #333333;
border-color: rgba(255,255,255,.3);
}

.abo-two .font-left::before, .abo-two .font-right::before {
content: "";
position: absolute;
width: 100%;
height: 0;
bottom: 0;
background-color: #CC1922;
left: 0;
z-index: -1;
transition: all .7s;
}

.abo-two .mouseon::before {
height: 100%;
}

.abo-two .mouse {
cursor: pointer;
}

.abo-two .font p {
line-height: 2;
}

.abo-two .font p span {
margin-right: 15px;
}

.abo-two .mouseon, .abo-two .mouseon .font {
color: #FFFFFF;
}
/* */

.abo-three {
padding-top: .5% !important;
}

.abothree-swiper {
padding: 0 5.5%;
position: relative;
margin-top: 4%;
}

.abothree-swiper .rongyu {
position: static;
}

.abothree-swiper .swiper-slide {
text-align: center;
overflow: hidden;
}

.abothree-swiper .swiper-slide img {
width: 100%;
transition: all .7s;
}

.abothree-swiper .swiper-slide:hover img {
transform: scale(1.15);
}

.abothree-swiper .swiper-button-next {
right: 0;
width: 34px;
height: 34px;
}

.abothree-swiper .swiper-button-next::after, .abothree-swiper .swiper-button-prev::after {
color: #FFFFFF;
background-color: #d1d1d1;
line-height: 32px;
text-align: center;
font-size: 18px;
border-radius: 50%;
width: 100%;
height: 100%;
}

.abothree-swiper .swiper-button-next::after {
content: ">";
}

.abothree-swiper .swiper-button-prev::after {
content: "<";
}

.abothree-swiper .swiper-button-prev {
left: 0;
width: 34px;
height: 34px;
}

.abothree-swiper .swiper-pagination {
display: none;
}
/* */
.abo-four {
background: url(../img/img31.jpg) bottom no-repeat;
background-size: cover;
}

.abo-four .index-tit {
margin: 1% 0;
}

.abo-four .four-swiper1 .swiper-slide {
padding: 5.5% 0 1.5%;
}

.abo-four .four-swiper1 .swiper-slide p {
padding: 4px 5px;
text-align: center;
position: relative;
}

.abo-four .four-swiper1 .swiper-slide-active p {
background-color: #CC1922;
color: #FFFFFF;
width: 40%;
margin: auto;
border-radius: 3px;
}

.abo-four .four-swiper1 .solide {
width: 100%;
height: 1px;
background-color: #666;
opacity: .49;
position: absolute;
bottom: 5px;
}

.abo-four .four-swiper1 .swiper-slide::before {
content: "";
position: absolute;
display: block;
width: 9px;
height: 9px;
background-color: #666666;
border-radius: 50%;
bottom: 5px;
left: 50%;
transform: translate(-50%,50%);
}

.abo-four .four-swiper1 .swiper-slide-active::before {
background-color: #CC1922;
}

.abo-four .four-swiper2 .swiper-slide {
opacity: 0 !important;
width: 1px;
max-height: 1px;
overflow: hidden;
}

.abo-four .four-swiper2 .swiper-slide-active {
opacity: 1 !important;
width: 100% !important;
left: 0%;
padding: 4.7% 27% 0;
max-height: unset;
overflow: auto;
}

.abo-four .box .pic {
width: 30%;
border-radius: 7px;
padding-top: 10px;
position: absolute;
}

.abo-four .box .font {
width: 95%;
position: relative;
left: 0%;
top: 0;
padding: 4% 16% 4% 32%;
background-color: #FFFFFF;
z-index: -1;
margin-left: 5%;
}

.abo-four .box {
position: relative;
}

.abo-four .box .font h2 {
color: #CC1922;
}

.abo-four .box .font p {
line-height: 1.5;
margin-top: 15px;
}

.abo-four .four-swiper2 {
position: static;
padding-bottom: 5%;
}

.abo-four .wrap {
position: relative;
}

.abo-four .four-swiper2 .swiper-button-next, .abo-four .four-swiper2 .swiper-button-prev {
top: 100%;
}

.abo-four .four-swiper2 .swiper-button-prev {
left: 50%;
background: #FFFFFF;
width: 52px;
height: 22px;
transform: translate(-110%,0);
}

.abo-four .four-swiper2 .swiper-button-next {
left: 50%;
background: #FFFFFF;
width: 52px;
height: 22px;
transform: translate(10%,0);
}

.abo-four .four-swiper2 .swiper-button-next::after {
content: url(../img/icon-img7.png);
width: 25px;
height: 8px;
font-size: 0;
}

.abo-four .four-swiper2 .swiper-button-prev::after {
content: url(../img/icon-img8.png);
width: 25px;
height: 8px;
font-size: 0;
}

.abo-four .four-swiper2 .swiper-button-next:hover, .abo-four .four-swiper2 .swiper-button-prev:hover {
background: #009bff;
}

.abo-four .four-swiper2 .swiper-button-next:hover::after {
content: url(../img/icon-img9.png);
}

.abo-four .four-swiper2 .swiper-button-prev:hover::after {
content: url(../img/icon-img6.png);
}

@media(max-width: 1660px) {
.about .abo-pad {
padding: 50px 0;
}

.abo-box .abo-left {
padding: 3.5% 6%;
}

.abo-right ul li {
padding: 5% 0;
}

.abo-four .box .pic {
width: 34%;
}

.abo-four .index-tit {
margin: 0;
}

.abo-three {
padding-top: 0 !important;
}
}

@media(max-width: 1489px) {
.about .abo-pad {
padding: 40px 0;
}

.abo-box .abo-left {
padding: 3.5% 6%;
}

.abo-two .font p {
line-height: 1.5;
margin-bottom: 1%;
padding-right: 10px;
}

.abo-four .four-swiper2 .swiper-slide-active {
padding: 4.7% 27% 2%;
}
}

@media(max-width: 1259px) {
.about .abo-pad {
padding: 30px 0;
}

.abo-left .abo-p p {
margin-bottom: 1.5%;
}

.abo-left .abo-p p:last-child {
margin-bottom: 0;
}

.abo-left .abo-p {
margin-top: 4%;
}

.abo-four .four-swiper1 .swiper-slide-active p {
width: 80%;
}

.abo-li h3 {
line-height: 1.2;
}

.abo-four .box .font {
padding: 4% 5% 4% 35%;
}

.abo-four .box .pic {
width: 37%;
}
}

@media(max-width: 991px) {
.abo-right h2 {
margin-bottom: 1%;
}

.abo-box .abo-left {
width: 100%;
position: relative;
padding: 3.5% 15px;
}

.abo-box .abo-right {
width: 100%;
padding-top: 15px;
}

.abo-right ul li {
width: 25%;
}

.abo-right li .abo-li {
text-align: center;
}

.about .abo-pad {
padding: 30px 0;
}

.abo-left .abo-p {
margin-top: 2%;
}

.abo-four .box .font p {
line-height: 1.3;
margin-top: 5px;
}
}

@media(max-width: 767px) {
.about .abo-pad {
padding: 20px 0;
}

.abo-one .abo-box {
margin-top: 0;
}

.abo-left .ny-txt {
margin: 3px 0 6px;
}

.abo-left .line {
margin: 12px 0 20px;
width: 40px;
}

.abo-left .abo-p p {
line-height: 24px;
}

.abo-box .abo-right {
padding-top: 5px;
}

.abo-right ul li {
width: 50%;
margin-top: 16px;
}

.abothree-swiper .swiper-button-next::after, .abothree-swiper .swiper-button-prev::after {
line-height: 20px;
}

.abothree-swiper .swiper-button-next {
width: 25px;
height: 25px;
margin-top: 0;
transform: translateY(-50%);
right: -10px;
}

.abothree-swiper .swiper-button-prev {
width: 25px;
height: 25px;
margin-top: 0;
transform: translateY(-50%);
left: -10px;
}

.abo-two .font-left, .abo-two .font-right {
width: 100%;
position: relative;
left: 0;
margin-bottom: 1px;
}

.abo-four .four-swiper2 .swiper-slide-active {
padding: 4.7% 0 8%;
}

.abothree-swiper .swiper-pagination {
display: block;
bottom: -10px !important;
}

.abothree-swiper .swiper-pagination-bullet {
width: 7px;
height: 7px;
background-color: #C7C7C7;
}

.abothree-swiper .swiper-pagination-bullet-active {
background-color: #009CFF;
}

.abo-four .four-swiper1 .swiper-slide p {
margin-bottom: 10px;
}

.abothree-swiper {
padding: 20px 5.5%;
position: relative;
margin-top: 0;
}
}

@media(max-width: 640px) {
.aboth-box li {
width: 100%;
}
}
/* ===========产品中心========== */
.product {
position: relative;
padding-bottom: 76px;
}

.product .pr-list {
background: rgba(0,0,0,.6);
position: absolute;
top: 0;
transform: translateY(-100%);
z-index: 100;
width: 100%;
}

.product .pr-list li {
float: left;
color: #FFFFFF;
margin-right: -.2%;
padding: 0 2%;
}

.product .pr-list li:last-child {
margin-right: 0;
}

.product .pr-list li.on {
background-color: #009cff;
}

.product .pr-list li.on a {
color: #FFFFFF !important;
}

.product .pr-list li:hover a {
color: #009CFF;
}

.product .pro-title {
width: 100%;
border-bottom: 2px solid #666;
line-height: 2;
position: relative;
margin: 0 0 3%;
padding-top: 3%;
transition: all .7s;
}

.product .pro-title::before {
content: "";
position: absolute;
width: 90px;
height: 5px;
background-color: #009cff;
bottom: -2px;
}

.product .pro-title a {
position: absolute;
right: 0;
top: 70%;
transform: translateY(-50%);
color: #666;
}

.product .pro-title b {
width: 21px;
height: 21px;
line-height: 19px;
text-align: center;
display: inline-block;
border-radius: 50%;
background: #CC1922;
color: #FFFFFF;
margin-left: 10px;
transition: all .7s;
}

.product .pro-title:hover {
color: #CC1922;
}

.product .pro-title a:hover {
color: #009CFF;
}

.product .pro-one {
overflow: hidden;
}

.product .pro-title a:hover b {
background: #009CFF;
transform: rotate(180deg);
}

.product .pr-list li a {
color: #FFFFFF;
height: 59px;
line-height: 59px;
}

.product .pro-one ul {
margin: 0 -12px -30px;
overflow: hidden;
}

.pro-one ul li {
padding: 0 12px 30px;
width: 33.3333333%;
float: left;
position: relative;
}

.pro-one .pro-list {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}

.pro-list::after {
content: '';
width: 100%;
height: 100%;
background: #009cff;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
transition: all .7s;
}

.pro-list:hover::after {
opacity: .79;
}

.pro-list .pro-pic {
background-color: #fafafa; /* padding: 30% 10%; */
overflow: hidden;
display: block;
}

.pro-list .pro-pic img {
display: block;
transition: all .8s;
}

.pro-list .pro-name {
position: absolute;
left: 22px;
top: 28px;
color: #333;
}

.pro-font {
position: absolute;
width: 100%;
z-index: 1;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
opacity: 0;
}

.pro-font h3, .pro-font p {
color: #fff;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
line-height: 1.5;
}

.pro-list:hover .pro-font {
opacity: 1;
-webkit-transition: all .7s linear .3s;
-moz-transition: all .7s linear .3s;
-o-transition: all .7s linear .3s;
transition: all .7s linear .3s;
}

.pro-font .pro-more {
margin-top: 8px;
color: #fff;
}

.pro-font .pro-more i {
font-size: 15px !important;
display: block;
transition: ease .6s;
width: 21px;
height: 21px;
border: solid 1px #ffffff;
line-height: 19px;
border-radius: 50%;
text-align: center;
margin: 8% auto 0;
}

.pro-one ul li:hover img {
transform: scale(1.05);
}

.pro-font .pro-more i:hover {
background-color: #CC1922;
transform: rotate(180deg);
}
/* .pro-one ul li:hover .pro-more span{color: #2a6bb1;} */
.pri-two .detail-page {
background: none;
padding: .3% 0 1% 0;
}

@media(max-width: 1660px) {
.product .pr-list li {
padding: 0 1.638%;
}

.product {
padding-bottom: 56px;
}
}

@media(max-width: 1489px) {
.product .pr-list li {
padding: 0 1.638%;
}

.product {
padding-bottom: 46px;
}
}

@media(max-width: 1259px) {
.pro-font {
padding: 20px 25px;
}

.pro-font .pro-more i {
font-size: 14px !important;
}

.product .pr-list li {
padding: 0 .588%;
}

.product .pro-title {
padding-top: 2%;
}

.product {
padding-bottom: 36px;
}
}

@media(max-width: 991px) {
.product .pro-one ul {
margin: 0 -8px -20px;
}

.pro-one ul li {
padding: 0 8px 20px;
}

.pro-font {
padding: 12px 16px;
}

.pro-font .pro-more {
margin-top: 5px;
}
}

@media(max-width: 768px) {
.pr-list {
display: none;
}
}

@media(max-width: 767px) {
.product {
padding-bottom: 26px;
}

.product .pro-one ul {
margin: 0 -6px -15px;
}

.pro-font h3, .pro-font p {
overflow: initial;
}

.pro-one ul li {
padding: 0 6px 15px;
width: 50%;
}

.pro-font .pro-more i {
font-size: 12px !important;
}

.pro-list .pro-name {
position: absolute;
left: 10px;
top: 10px;
color: #333;
}

.product .pro-title a {
top: 60%;
}
}

@media(max-width: 360px) {
.pro-one ul li {
width: 100%;
}
}
/* ===========产品详情========== */
.proinfo {
padding: 0;
}

.pro-pad {
padding: 60px 0;
}

.proinfo .pri-one {
width: 100%;
}

.pri-one .one-left, .pri-one .one-right {
width: 50%;
float: left;
}

.pri-one .gallery-top {
text-align: center;
height: 495px;
line-height: 495px;
position: static;
}

.gallery-thumbs .swiper-slide {
border: 1px solid #9b9b9b;
}

.gallery-thumbs .swiper-slide-thumb-active {
border: 1px solid #009CFF;
height: auto;
padding: 30px 20px;
background: #fafafa;
}

.pri-one .one-left {
position: relative;
}

.gallery-top .swiper-slide {
background-color: #fafafa;
overflow: hidden;
}

.gallery-top .swiper-slide img {
transition: all .7s;
}

.gallery-top .swiper-slide:hover img {
transform: scale(1.25);
}

.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev {
top: 91%;
}

.gallery-top .swiper-button-next {
right: -5px;
}

.gallery-top .swiper-button-prev {
left: -5px;
}

.gallery-thumb {
width: 90%;
margin: 4% auto 0;
}

.gallery-thumbs .swiper-slide img {
width: 100%;
border: 1px solid #FFFFFF; /* max-width: 100%; */
}

.gallery-top .swiper-button-next:after, .gallery-top .swiper-button-prev:after {
color: #666;
font-size: 10px;
border: 1px solid #666;
width: 20px;
height: 20px;
line-height: 17px;
border-radius: 50%;
}

.gallery-font .swiper-slide {
padding: 1.8% 12% 0 14%;
}

.pri-one .one-right h3 {
line-height: 2.5;
color: #009CFF;
}

.pri-one .one-right p {
line-height: 1.8;
color: #666666;
border-bottom: 1px solid #dedede;
padding: 6.3% 0;
border-top: 1px solid #009CFF;
position: relative;
margin-bottom: 30px;
}

.pri-one .one-right .font-li {
border: none;
padding: 0 0 0 20px;
line-height: 2.3;
margin: 0;
}

.pri-one .font-li::before {
content: "";
height: 5px;
display: inline-block;
position: absolute;
width: 5px;
background: #009CFF;
border-radius: 50%;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.pri-one .btn {
margin-top: 11%;
}
/* two */
.pri-two {
background: #F5F5F5;
overflow: hidden;
}

.pri-title {
color: #FFFFFF;
background-color: #848484;
display: inline-block;
width: 125px;
height: 59px;
text-align: center;
line-height: 59px;
}

.pri-two:hover .pri-title {
background-color: #009CFF;
}

.title-line {
margin: 0;
background-color: #848484;
height: 2px;
}

.pri-p {
line-height: 1.7;
color: #666666;
}

.pri-two .two-pic {
width: 53.7%;
margin: 4.5% auto;
overflow: hidden;
}

.pri-two .two-pic img {
width: 100%;
transition: all .7s;
}

.pri-two .two-pic img:hover {
transform: scale(1.15);
}

.pri-two .pic-top {
overflow: hidden;
display: none;
}

.pri-two .pic-bottom div {
width: 49.5%;
float: left;
margin-top: 1%;
overflow: hidden;
}

.pri-two .pic-bottom div:first-child {
margin-right: 1%;
}

.pri-two ul {
overflow: hidden;
}

.pri-two li {
background-color: #FFFFFF;
padding: 2.3% 32px;
margin-bottom: 1.5%;
position: relative;
color: #666666;
transition: all .7s;
}

.pri-two li::before {
content: "";
width: 3px;
height: 25px;
background: #CC1922;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.pri-two li:last-child {
margin: 0;
}

.pri-two li:hover {
padding-left: 45px;
}

.pri-two li:hover::before {
background-color: #009CFF;
}

.pro-line {
width: 100%;
height: 2px;
background: #c5c5c5;
margin: 5.6% 0 1.7%;
}

.pri-two .detail-prev {
float: left;
border-bottom: 1px solid #F5F5F5;
}

.pri-two .detail-prev:hover {
border-bottom: 1px solid #009CFF;
color: #009CFF;
}

.pri-two .detail-prev:hover span {
color: #009CFF;
}

.pri-two .detail-prev:last-child {
float: right;
}
/* three */
.pri-three {
padding: 60px 0 25px 0;
}

.pri-three .pri3-title {
text-align: center;
color: #009CFF;
}

.three-swiper .swiper-pagination {
display: none;
}

.three-swiper .three p {
position: relative;
bottom: 34px;
text-align: center;
color: #333333;
background-color: #FFFFFF;
width: 83%;
margin: auto;
padding: 5% 10px;
transition: all .7s;
box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 20%);
}

.three-swiper .three .swiper-slide img {
width: 100%;
}

.three-swiper .swiper-button-next, .three-swiper .swiper-button-prev {
top: 40%;
background: rgba(255,255,255,.63);
border-radius: 50%;
width: 41px;
height: 41px;
}

.three-swiper .swiper-button-next::after, .three-swiper .swiper-button-prev::after {
font-size: 14px;
color: #000;
}

.three-swiper .three .swiper-slide:hover p {
transform: translateY(-30%);
background: #009CFF;
color: #FFFFFF;
}

@media(max-width: 1660px) {
.pro-pad {
padding: 50px 0;
}

.pri-three {
padding: 50px 0 15px 0;
}
}

@media(max-width: 1489px) {
.pro-pad {
padding: 40px 0;
}

.pri-three {
padding: 40px 0 5px 0;
}

.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev {
top: 92.5%;
}
}

@media(max-width: 1259px) {
.pro-pad {
padding: 30px 0;
}

.pri-three {
padding: 30px 0 0;
}

.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev {
top: 94%;
}

.three-swiper .swiper-button-next, .three-swiper .swiper-button-prev {
top: 35%;
}

.pri-two .two-pic {
margin: 2.5% auto;
}

.pro-line {
margin: 2.6% 0 1.6%;
}
}

@media(max-width: 991px) {
.three-swiper .three p {
bottom: 15px;
}

.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev {
top: 95%;
}

.gallery-top .swiper-button-next {
right: -10px;
}

.gallery-top .swiper-button-prev {
left: -10px;
}
}

@media(max-width: 767px) {
.pro-pad {
padding: 20px 0;
}

.pri-three {
padding: 20px 0 0;
}

.pri-one .one-left, .pri-one .one-right {
width: 100%;
}

.pri-one .gallery-top {
height: 350px;
line-height: 350px;
}

.pro-pad {
padding: 20px 0;
}

.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev {
top: 94%;
}

.gallery-font .swiper-slide {
padding: 1.8% 15px 0 15px;
}

.pri-one .one-right p {
margin-bottom: 10px;
}

.pri-one .btn {
margin-top: 3%;
}

.pri-title {
height: 40px;
line-height: 40px;
}

.pri-two .pro-pad {
padding: 20px 15px;
}

.pri-two .two-pic {
width: 100%;
}

.pri-two li {
padding: 2.3% 10px;
}

.pri-two li:hover {
padding: 2.3% 13px;
}

.pri-two .detail-page {
background: none;
padding: 2.3% 0 0;
margin-bottom: -1%;
}

.three-swiper .swiper-button-next, .three-swiper .swiper-button-prev {
top: 39%;
}

.pri-two .detail-page .detail-prev {
margin: 0;
float: none;
margin-top: 10px;
width: max-content;
}

.three-swiper .swiper-slide {
padding-bottom: 20px;
}

.three-swiper .swiper-pagination {
display: block;
bottom: 0;
}

.three-swiper .swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ebebeb;
}

.three-swiper .swiper-pagination-bullet-active {
background-color: #009CFF;
}
}
/* ===========新闻========== */
.new {
padding: 60px 0;
}

.new-top {
position: relative;
overflow: hidden;
}

.new-top .top-right {
width: 52%;
float: left;
padding: 2.5% 5% 2%;
overflow: hidden;
}

.new-top .top-left {
width: 48%;
float: left;
overflow: hidden;
}

.new-top .top-left img {
width: 100%;
transition: all .8s;
}

.new-top .top-left:hover img {
transform: scale(1.05);
}

.new-top .top-right h3 {
font-weight: initial;
line-height: 2.5;
padding-left: 20px;
position: relative;
transition: all .8s;
}

.new-top .top-right h3::before {
position: absolute;
content: "";
width: 8px;
height: 8px;
background-color: #009cff;
left: 3px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
transition: all .8s;
}

.new-top:hover h3 {
color: #009CFF;
}

.new-top:hover h3::before {
background-color: #CC1922;
transform: translateY(-50%) rotate(135deg);
}

.new-top .top-right p {
line-height: 2.2;
color: #666666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}

.new-top .right-bot {
position: absolute;
bottom: 9%;
padding-left: 33px;
width: 42%;
border-top: 1px solid #E5E5E5;
padding-top: 2%;
}

.new-top .right-bot::before {
position: absolute;
content: url(../img/icon-img10.png);
top: 48%;
width: 21px;
height: 21px;
left: 0;
transition: all .8s;
}

.new-top .right-bot i {
float: right;
color: #009CFF;
border-radius: 50%;
border: 2px solid #009CFF;
width: 29px;
height: 29px;
line-height: 26px;
text-align: center;
margin-top: 5px;
}

.new-top:hover i {
color: #CC1922;
border-color: #CC1922;
}

.new .new-one ul {
margin: .7% 0 2%;
}

.new-one ul li {
width: 100%;
padding: 3.2% 0;
border-bottom: 1px solid #c7c7c7;
overflow: hidden;
}

.new-list {
width: 100%;
overflow: hidden;
display: block;
position: relative;
}

.new-pic {
width: 15.7%;
float: left;
}

.new-pic img {
transition: all .8s;
}

.new-font {
width: 60%;
float: left;
background: #fff;
position: relative;
overflow: hidden;
padding: 5px 5%;
}

.new-font h3 {
color: #333;
line-height: 2;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: 600;
}

.new-font p {
color: #666;
line-height: 1.7;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.new-font .new-more {
display: inline-block;
margin-top: 2.5%;
width: 63px;
height: 20px;
background-color: #009cff;
line-height: 20px;
font-size: 10px;
}

.new-font .new-more span {
font-size: 10px;
}

.new-font .new-more::before {
background-color: #CC1922;
}

.new-list:hover img {
transform: scale(1.05);
}

.new-list:hover .new-font h3 {
color: #009CFF;
}

.new-list:hover .new-more {
border-color: transparent;
}

.new-list:hover .btn::before {
opacity: 1;
transform: scale(1, 1);
}

.new-list:hover .btn span {
color: #fff;
}

.new-list .day {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #009cff;
padding-left: 18px;
}

.new-list .day::before {
content: "";
position: absolute;
width: 1px;
height: 55%;
background-color: #D2D2D2;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.new-list .day h3 {
line-height: 1.2;
}

@media (max-width: 1660px) {
.new {
padding: 50px 0;
}

.new-one ul li {
padding: 2.2% 0;
}
}

@media(max-width: 1489px) {
.new {
padding: 40px 0;
}

.new-pic {
width: 17.7%;
float: left;
}

.new-font {
width: 75%;
}
}

@media(max-width: 1259px) {
.new-font p {
-webkit-line-clamp: 2;
}

.new {
padding: 30px 0;
}

.new-pic {
width: 21.7%;
}

.new-font {
width: 69%;
}
}

@media(max-width: 991px) {
.new-top .top-right {
padding: 0 5% 2%;
}

.new-top .top-right .right-bot {
bottom: 0;
padding-top: 1%;
line-height: 2.5;
}

.new-top .right-bot::before {
top: 29%;
}

.new-top .top-right p {
line-height: 1.8;
}
}

@media(max-width: 767px) {
.new {
padding: 20px 0;
}

.new-top .top-left, .new-top .top-right {
width: 100%;
}

.new-top .top-right {
padding: 2% 0 2%;
}

.new-top .right-bot::before {
top: 22%;
}

.new-top .top-right .right-bot {
width: 100%;
position: relative;
margin-top: 3%;
}

.newution {
padding: 20px 0 40px;
}

.newution .new-one ul {
margin-bottom: 30px;
}

.new-one ul li {
padding: 20px 0;
}

.new-pic {
width: 100%
}

.new-font {
width: 100%;
float: none;
padding: 15px 0 0;
}

.new-list .day {
right: 5px;
top: 55%;
}
}
/* ===========工程案例========== */
.gong {
padding: 60px 0;
background-color: #F5F5F5;
}

.gong-ul {
margin-bottom: -30px;
}

.gong-ul li {
width: 49%;
float: left;
margin: 0 2% 7% 0;
position: relative;
}

.gong-ul li:nth-child(even) {
margin-right: 0;
}

.gong-ul li .new-pic {
width: 100%;
}

.gong-ul li .new-pic img {
width: 100%;
}

.gong-ul li .list-font {
width: 90%;
margin: 0 auto;
background-color: #FFFFFF;
text-align: center;
box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 20%);
padding: 6% 0;
transition: all .7s;
position: absolute;
left: 50%;
transform: translate(-50%,50%);
bottom: 0;
}

.gong-ul li i {
opacity: 0;
color: #FFFFFF;
transition: all .7s;
border-radius: 50%;
width: 27px;
height: 27px;
margin: auto;
display: none;
border: 2px solid #ffffff;
}

.gong-ul li p {
color: #333333;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
padding: 0 15px;
}

.gong-ul li:hover i {
opacity: 1;
display: block;
}

.gong-ul li:hover .list-font {
background-color: #CC1922;
transform: translate(-50%,25%);
}

.gong-ul li:hover p {
color: #FFFFFF;
margin-bottom: 4%;
}

@media (max-width: 1660px) {
.gong {
padding: 50px 0;
}
}

@media (max-width: 1489px) {
.gong {
padding: 40px 0;
}
}

@media (max-width: 1259px) {
.gong {
padding: 30px 0;
}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
.gong {
padding: 20px 0;
min-height: 25vh;
}

.gong-ul li .list-font {
padding: 3% 0;
}

.gong-ul {
margin-bottom: -5px;
}
}
/* ===========工程案例详情========== */
.soluinfo {
padding: 60px 0;
}

.soluinfo h2 {
border-bottom: 1px solid #afafaf;
padding-bottom: 1.8%;
font-weight: normal;
line-height: 1;
text-align: center;
overflow: hidden;
}

.soluinfo-icon {
width: 100%;
background: url(../img/img43.png);
background-size: cover;
border-radius: 0 50px 0 50px;
padding: 2.8% 5px;
margin: 2.8% 0;
display: flex;
flex-wrap: wrap;
}

.soluinfo-icon li {
width: 20%;
color: #FFFFFF;
float: left;
border-right: 1px solid rgba(255,255,255,0.45);
text-align: center;
padding: 6px 0;
}

.soluinfo-icon li:last-child {
border: none;
}

.soluinfo-icon li p {
font-weight: bold;
line-height: 1.8;
}

.soluinfo-icon li p:last-child {
font-weight: normal;
padding: 0 15px;
}

.soluinfo-icon li .pic {
border-radius: 50%;
position: relative;
display: block;
z-index: 10;
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
margin: auto;
}

.soluinfo-icon li:hover .pic::after {
height: 100%;
}

.soluinfo-icon li .pic::after {
content: "";
position: absolute;
width: 100%;
height: 0;
max-height: 100%;
background-color: #57b3ec;
display: inline-block;
left: 0;
top: 0;
transition: all .7s;
z-index: -1;
}

.soluinfo .cont-center {
width: 100%;
position: relative;
overflow: hidden;
}

.soluinfo .cont-center img {
width: 100%;
}

.soluinfo .cont-center h3 {
position: absolute;
width: 27.3%;
left: 0;
top: 11.5%;
color: #FFFFFF;
background-color: #CC1922;
padding: 1.7% 0;
text-align: center;
transition: all .7s;
}

.soluinfo .cont-center:hover h3 {
width: 33.3%;
}

.soluinfo-img div {
width: 49%;
float: left;
margin-right: 2%;
margin-top: 2%;
overflow: hidden;
}

.soluinfo-img div img {
transition: all .7s;
}

.soluinfo-img div:hover img {
transform: scale(1.15);
}

.soluinfo-img div:nth-child(2), .soluinfo-img div:nth-child(4) {
margin-right: 0;
}

.soluinfo .detail-page {
margin-top: 3.5%;
}

@media(max-width: 1660px) {
.soluinfo {
padding: 50px 0;
}
}

@media(max-width: 1489px) {
.soluinfo {
padding: 40px 0;
}
}

@media(max-width: 1259px) {
.soluinfo {
padding: 30px 0;
}
}

@media(max-width: 991px) {
.soluinfo .detail-page .detail-prev {
margin-right: 0;
}
}

@media(max-width: 767px) {
.soluinfo-icon {
border-radius: 15px;
}

.soluinfo {
padding: 20px 0;
}

.soluinfo h2 {
font-size: 20px;
}

.soluinfo .detail-page .detail-next, .soluinfo .detail-page .detail-prev {
width: unset;
}

.soluinfo-img div {
width: 100%;
margin-right: 0;
}

.soluinfo-icon li {
width: 33.3333%;
margin-bottom: 4%;
}

.soluinfo-icon li p:last-child {
line-height: 1.2;
}

.soluinfo-icon li:last-child {
margin-bottom: 0;
border: none;
}

.soluinfo-icon li:nth-last-child(2) {
margin-bottom: 0;
}

.soluinfo-icon li:nth-last-child(3) {
border: none;
}

.soluinfo .cont-center h3 {
width: 55%;
}
}
/* ===========工程案例维护系统========== */
.hold {
padding: 60px 0;
background-image: url(../img/img25.png);
}

.hold-pic {
width: 100%;
position: relative;
padding-bottom: 66.5%;
}

.hold-pic div img {
width: 100%;
}

.hold-pic .pic1, .hold-pic .pic2 {
width: 50%;
}

.hold-pic .pic7 {
width: 75%;
}

.hold-pic div {
position: absolute;
padding: .2%;
width: 25%;
}

.hold-pic .pic1 {
left: 0;
top: 0;
}

.hold-pic .pic2 {
left: 50%;
top: 0;
}

.hold-pic .pic3 {
left: 0;
top: 29.933%;
}

.hold-pic .pic4 {
left: 25%;
top: 29.933%;
}

.hold-pic .pic5 {
left: 50%;
top: 36.933%;
}

.hold-pic .pic6 {
left: 75%;
top: 37.133%;
}

.hold-pic .pic7 {
left: 0%;
top: 64.8333%;
}

.hold-pic p {
position: absolute;
bottom: 12%;
padding-left: 24px;
left: 8%;
height: 83px;
color: #FFFFFF;
z-index: 10;
}

.hold-pic p::before {
content: "";
position: absolute;
left: 0;
width: 3px;
height: 100%;
background-color: #cc1922;
z-index: -1;
transition: all .7s;
}

.hold-pic p i {
color: #FFFFFF;
transition: all .7s;
border-radius: 50%;
width: 29px;
height: 29px;
line-height: 26px;
margin-top: 8%;
display: block;
text-align: center;
border: 2px solid #ffffff;
}

.hold-pic div:hover p::before {
width: 120%;
}

@media (max-width: 1660px) {
.hold {
padding: 50px 0;
}
}

@media (max-width: 1489px) {
.hold {
padding: 40px 0;
}
}

@media (max-width:1259px) {
.hold {
padding: 30px 0;
}
}

@media (max-width:991px) {
}

@media (max-width:767px) {
.hold-pic {
padding-bottom: 0;
display: inline-block;
}

.hold-pic div {
position: relative;
width: 50%;
float: left;
}

.hold-pic .pic1, .hold-pic .pic2 {
width: 100%;
}

.hold-pic .pic2 {
left: 0;
}

.hold-pic .pic4 {
left: 0;
}

.hold-pic .pic5 {
left: 0;
}

.hold-pic .pic6 {
left: 0;
top: 0;
}

.hold-pic .pic7 {
width: 50%;
position: absolute;
top: 100%;
left: 0;
transform: translateY(-100%);
height: 21%;
background: url(../img/img20.png) no-repeat;
background-size: cover;
}

.hold-pic .pic7 img {
display: none;
}

.hold {
padding: 20px 0;
}

.hold-pic p {
position: absolute;
bottom: 10%;
font-size: 12px;
padding-left: 14px;
left: 8%;
height: 50px;
color: #FFFFFF;
z-index: 10;
}

.hold-pic p i {
width: 20px;
height: 20px;
line-height: 14px;
}

.hold-pic p i::before {
font-size: 12px;
}

.hold-pic div:hover p::before {
width: 100px;
}
}
/* ===========新闻详情========== */
.newinfo {
padding: 60px 0;
}

.newsinfo-top {
margin-bottom: 2.5%;
border-bottom: 1px solid #afafaf;
}

.newsinfo-top .newsinfo-tit {
text-align: center;
color: #333333;
line-height: 1;
}

.newsinfo-time {
text-align: center;
margin: 9px;
}

.newsinfo-time img {
display: inline-block;
width: 13px;
height: 13px;
}

.newsinfo-time span {
display: inline-block;
line-height: 24px;
color: #666;
margin-right: 16px;
font-size: 12px;
}

.newsinfo-img {
width: 64%;
overflow: hidden;
margin: 3.5% auto;
}

.newsinfo-img img {
display: block;
width: 100%;
margin: 0 auto;
transition: all .8s;
}

.newsinfo-p p {
line-height: 32px;
color: #666;
}

.newsinfo-img:hover img {
transform: scale(1.15);
}

@media (max-width: 1660px) {
.newinfo {
padding: 50px 0;
}
}

@media (max-width: 1489px) {
.newinfo {
padding: 40px 0;
}
}

@media (max-width:1259px) {
.newinfo {
padding: 30px 0;
}

.newsinfo-p p {
line-height: 30px;
}
}

@media (max-width:991px) {

.newsinfo-p {
padding-bottom: 5px;
}

.newsinfo-p p {
line-height: 26px;
}
}

@media (max-width:767px) {
.newinfo {
padding: 20px 0;
}

.detail-page {
padding: 4% 15px;
}

.detail-page .detail-prev {
margin-bottom: 10px;
}

.detail-page .detail-next, .detail-page .detail-prev {
float: none;
display: inline-block;
overflow: hidden;
width: max-content;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: break-spaces;
margin-right: 0;
}
}
/* ===========加入我们========== */
.join {
padding: 60px 0;
background-color: #F5F5F5;
}

.join-li {
width: 100%;
background-color: #FFFFFF;
margin-bottom: 21px;
}

.join li:last-child {
margin-bottom: 0;
}

.join-li div {
width: 98%;
transition: all .2s;
overflow-y: hidden;
padding: 0 30px;
border-top: 1px solid #FFFFFF;
margin: auto;
display: none;
}

.join-li div h5 {
font-size: 15px;
line-height: 2;
margin-top: 1.5%;
}

.join-li div p {
font-weight: normal;
padding: 0;
line-height: 2.2;
}

.join-li div p:last-child {
margin-bottom: 1.5%;
}

.join-li.on div {
border-top: 1px solid #e6e6e6;
display: block;
}

.join-li i {
position: absolute;
font-size: 16px;
left: 0;
transition: all .7s;
opacity: 1;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #DCDCDC;
left: 21px;
}

.join-li p {
padding: 1.5% 40px;
position: relative;
font-weight: bold;
}

.join-li p span {
font-weight: normal;
margin-left: 10px;
}

.join-li p b {
float: right;
text-align: center;
width: 21px;
height: 21px;
line-height: 21px;
background-color: #a8a8a8;
color: #FFFFFF;
border-radius: 2px;
}

.join-li.on p b {
background-color: #CC1922;
}

.join-li.on i {
transform: rotate(90deg);
opacity: 0;
}

.join-li .p-size16 {
font-size: 16px;
}

@media (max-width: 1660px) {
.join {
padding: 50px 0;
}
}

@media (max-width: 1489px) {
.join {
padding: 40px 0;
}
}

@media (max-width: 1259px) {
.join {
padding: 30px 0;
}

.join-li p {
padding: 1.5% 30px;
}

.join-li i {
left: 10px;
}
}

@media (max-width: 767px) {
.join {
padding: 20px 0;
}

.join-li div {
width: 100%;
padding: 0 15px;
}

.join-li p {
padding: 3% 15px 3% 25px;
}
}
/* ===========技术支持========== */
.tech {
padding: 0;
}

.tech-pad {
padding: 60px 0;
}

.tech .tech-one {
background: url(../img/img57.jpg) left top no-repeat;
background-size: cover;
}

.tech .one-top {
position: relative;
}

.tech .one-top img {
width: 100%;
}

.tech .one-top .font {
width: 65%;
position: absolute;
top: 0;
left: 5%;
color: #FFFFFF;
padding: 3% 0;
}

.tech .tit {
text-align: left;
padding-left: 50px;
color: #FFFFFF;
font-weight: normal;
border-bottom: 1px solid #e5e5e5;
position: relative;
line-height: 2;
padding-bottom: 2.4%;
margin-bottom: 3.2%;
}

.tech .tit::before {
content: url(../img/icon-img16.png);
position: absolute;
left: 20px;
}

.tech .one-top .font em {
font-size: 211px;
font-weight: bold;
font-style: italic;
line-height: 1.1;
display: block;
text-align: center;
}

.tech .one-top .font p {
margin-bottom: 0;
padding-left: 50px;
}

.tech .one-bottom {
margin: 60px 0 0;
overflow: hidden;
}

.tech .one-bottom h3 {
position: relative;
text-align: center;
line-height: 2.5;
font-weight: normal;
margin-top: -12px;
}

.tech .one-bottom h3::before {
content: "";
display: block;
width: 26px;
height: 4px;
background-color: #009cff;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}

.tech .one-bottom ul {
margin: 3.5% 0 4.2%;
}

.tech .one-bottom ul li {
width: 12.5%;
float: left;
margin-right: 2.08%;
}

.tech .one-bottom ul li:last-child {
margin-right: 0;
}

.tech .one-bottom ul li p {
text-align: center;
margin: 10% 0;
transition: all .7s;
}

.tech .one-bottom ul li img {
transition: all .7s;
}

.tech .one-bottom ul li:hover p {
font-weight: bold;
}

.tech .one-bottom ul li:hover img {
transform: scale(1.15);
}

.tech .one-bottom .swiper-pagination-bullet {
background-color: #b9b9b9;
width: 10px;
height: 10px;
}

.tech .one-bottom .swiper-pagination-bullet-active {
background-color: #009CFF;
}

.tech .tech-two {
background: url(../img/img61.jpg) no-repeat left top;
overflow: hidden;
background-size: cover;
}

.tech .tech-two h3 {
border: none;
margin: 0;
text-align: center;
display: inline-block;
left: 50%;
transform: translateX(-50%);
line-height: 1.7;
}

.tech .tech-two li {
width: 25.333333%;
margin: 0 4%;
float: left;
position: relative;
}

.tech .tech-two ul {
width: 94%;
margin: 6.5% auto 2%;
}

.tech .tech-two li img {
transition: all .7s;
width: 100%;
}

.tech .tech-two li p {
text-align: center;
font-weight: inherit;
margin-top: 6%;
}

.tech .tech-two li h5 {
position: absolute;
background-color: #009CFF;
color: #FFFFFF;
left: -27%;
top: 21%;
transform: rotate(90deg);
width: 55%;
height: 37px;
line-height: 37px;
text-align: center;
transition: all .7s;
font-size: 14px;
}

.tech .tech-two li:hover h5 {
background-color: #CC1922;
}

.tech .tech-two li:hover img {
transform: scale(1.15);
}

.tech .tech-two li:hover p {
font-weight: bold;
}

.tech .tech-three {
background: url(../img/img62.jpg) center no-repeat;
background-size: cover;
}

.tech .tech-three .three-pic {
text-align: center;
width: 74%;
margin: auto;
}

.tech .tech-three .three-pic img {
width: 100%;
}

@media (max-width: 1660px) {
.tech-pad {
padding: 50px 0;
}

.tech .one-bottom {
margin: 50px 0 0;
}

.tech .tech-two ul {
width: 94%;
margin: 2% auto 2%;
}
}

@media (max-width: 1489px) {
.tech-pad {
padding: 40px 0;
}

.tech .one-top .font em{
font-size: 170px;
}

.tech .one-bottom {
margin: 40px 0 0;
}
}

@media (max-width: 1259px) {
.tech-pad {
padding: 30px 0;
}

.tech .one-top .font em{
font-size: 125px;
}

.tech .one-bottom {
margin: 30px 0 0;
}

.tech .tech-two li h5 {
width: 80%;
left: -40%;
}
}

@media (max-width:991px) {
.tech .tech-two li h5 {
width: 95%;
left: -43%;
top: 25%;
}

.tech .one-top .font em{
font-size: 86px;
}
}

@media (max-width: 767px) {
.tech-pad {
padding: 20px 0;
}

.tech .one-bottom {
margin: 20px 0 0;
}

.tech .one-top img {
width: 100%;
min-height: 170px;
}

.tech .tech-two li {
width: 100%;
margin-bottom: 3%;
}

.tech .tech-two li:last-child {
margin-bottom: 0;
}

.tech .tech-two li h5 {
width: 53%;
left: -27%;
top: 35%;
}

.tech .one-bottom ul li {
width: 23%;
float: left;
margin: 0 1%
}

.tech .one-bottom .swiper-pagination {
bottom: -4px;
}

.tech .tech-two ul {
width: 100%;
margin: 2% auto 2%;
overflow: hidden;
}

.tech .tech-two li p {
margin: 2% 0;
}

.tech .one-top .font em {
font-size: 50px;
}

.tech .one-top .font p {
padding: 0;
}
}

/* ===========联系我们========== */
.cont-one {
margin-bottom: 60px;
}

.cont-one, .cont-two {
width: 100%;
position: relative;
}

.cont-font {
width: 50%;
float: right;
padding: 2.9% 5%;
background: #ffffff;
}

.cont-font h2 {
color: #D2D2D2;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 6%;
}

.cont-font h3 {
color: #009CFF;
line-height: 2;
margin: 2.5% 0;
}

.cont-font p {
font-weight: bold;
color: #333;
margin-bottom: 2.5%;
}

.cont-font p span {
color: #666;
}

.cont-font p:last-child {
margin-bottom: 0;
}

.cont-pic {
width: 50%;
position: absolute;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
}

.cont-pic img {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all .7s;
height: 100%;
}

.cont-pic:hover img {
transform: translateY(-50%) scale(1.25);
}

.cont-two .cont-font,.contact-wrap .cont-one:nth-child(2n) .cont-font{
float: left;
}

.cont-two .cont-pic,.contact-wrap .cont-one:nth-child(2n) .cont-pic {
left: 50%;
}

.product .pro-one.pro {
padding: 50px 0px;
}

@media (max-width: 1660px) {
.cont-one {
margin-bottom: 50px;
}
}

@media (max-width: 1489px) {
.cont-one {
margin-bottom: 40px;
}
}

@media (max-width:1259px) {
.cont-font h2 {
font-size: 29px;
}

.cont-font h3 {
font-size: 24px;
}

.cont-one {
margin-bottom: 30px;
}
}

@media(max-width: 991px) {
.cont-font, .cont-pic {
width: 100%;
}

.cont-pic {
position: relative;
}

.cont-pic img {
position: relative;
transform: none;
}

.cont-pic img:hover {
transform: scale(1.25);
}

.cont-font h2 {
padding-bottom: 3%;
font-size: 24px;
}

.cont-font h3 {
margin: .5% 0;
font-size: 20px;
}

.cont-two,.contact-wrap>.cont-one:nth-child(2n) {
position: relative;
}

.cont-two .cont-pic,.contact-wrap>.cont-one:nth-child(2n) .cont-pic{
left: 0;
}
}

@media (max-width:767px) {
.cont-one {
margin-bottom: 20px;
}

.cont-font h2 {
padding-bottom: 3%;
font-size: 20px;
}

.cont-font h3 {
margin: .5% 0;
font-size: 16px;
}
}

.inth-font a {
color: #fff;
}

.wblist {
padding: 60px 0;
box-sizing: border-box;
background: linear-gradient(to left, #f4fbfd, #f3f6fb); /* margin-top: 100px; */
}

.wblist-left {
width: 30%;
float: left;
margin-top: 2%;
position: relative;
}

.hzlogo {position: absolute;right: 10%;/* display: none; */bottom: 0%;z-index: 0;}

.wblist-left-logo {
text-align: left;
}

.wblist-left-logo img {
display: inline-block;
}

.wblist-left-logo h5 {
display: inline-block;
font-size: 15px;
vertical-align: -webkit-baseline-middle;
margin-left: 0px;
color: #00498f;
}

.wblist-right {
width: 70%;
float: right;
}

.wblist-ul {
}

.wblist-ul li {
width: 30.333%;
float: left;
margin: 1.5%;
position: relative;
}

.wblist-ul li a {
}

.wblist-ul li a img {
border-radius: 8px;
width: 100%;
position: absolute;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}

.wblist-ul-ms h5 {
font-size: 22px;
margin-bottom: 10px;
}

.wblist-ul-ms p {
font-size: 14px;
line-height: 18px;
min-height: 36px;
}

.wblist-ul-ms botton {
color: black;
margin-top: 6%;
display: inline-block;
padding: 8px 10px;
background: url(../img/icon/k9.png) no-repeat 5px 7px;
background-color: white;
background-size: 22px;
padding-left: 28px;
font-size: 16px;
}

.wblist-ul-ms {
position: relative;
bottom: 0px;
width: 100%;
color: white;
padding: 10% 15px;
background-color: rgb(0 0 0 / 51%);
height: 100%;
border-radius: 8px;
min-height: 199px;
}

.wblist-ul-ms2 {
position: absolute;
top: 25%;
width: 100%;
left: 0;
height: 100%;
text-align: center;
}

.wblist-ul-ms2 h5 {
display: inline-block;
color: white;
font-size: 18px;
padding: 10px 10px;
background-color: rgb(0 0 0 / 32%);
}

.wblist-left-ms {
margin-top: 14px;
}

.wblist-left-ms h5 {
font-size: 32px;
color: #00498f;
}

.wblist-left-ms p {
font-size: 12px;
line-height: 36px;
color: #00498f;
}

.wblist-left-ms2 {
margin-top: 10%;
}

.wblist-left-ms2 a {position: relative;z-index: 1;display: inline-block;background-color: white;padding: 15px 10%;font-size: 18px;margin-bottom: 15px;background: url(../img/icon/k9.png) no-repeat 18px 12px;background-color: white;background-size: 28px;padding-left: 55px;}

.wblist-left-ms2 a:hover {
color: #00498f;
}

.wblist-ul-ms botton:hover {
color: #00498f;
}

@media screen and (max-width: 1366px) {
.wblist-ul-ms h5 {
font-size: 20px;
}

.wblist-ul-ms botton {
display: inline-block;
padding: 5px 8px;
background: url(../img/icon/k9.png) no-repeat 7px 4px;
background-color: white;
background-size: 18px;
padding-left: 25px;
font-size: 14px;
margin-top: 5%;
}

.wblist-ul-ms p {
font-size: 13px;
line-height: 16px;
min-height: 32px;
}
}

@media screen and (max-width: 1250px) {
.wblist-ul-ms h5 {
font-size: 16px;
}


.wblist-ul-ms p {
font-size: 12px;
line-height: 16px;
min-height: 32px;
}
}

@media screen and (max-width: 760px) {
.wblist-left {
width: 100%;
float: none;
text-align: center;
margin-bottom: 30px;
}

.wblist-right {
width: 100%;
float: none;
}

.wblist-ul li {
width: 97%;
margin-bottom: 15px;
}

.wblist {
}

.wblist-left-logo {
text-align: center;
}

.wblist-left-logo h5 {
font-size: 20px
}

.wblist-left-ms h5 {
font-size: 28px;
}

.wblist-left-ms p {
font-size: 16px;
line-height: 32px;
}

.wblist-left-ms2 a {
}


.wblist-ul-ms h5 {
font-size: 22px;
}
}

.job_view {
    color: #333;
    font-size: 18px;
}
@media (max-width: 767px) {
.job_view {
    font-size: 14px;
}
}

.search-li{
    border-bottom: dashed 1px #D4D4D4;
    padding: 30px 0;
}
.search-tit{
    margin-bottom: 15px;
    text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ 
    -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ 
    overflow:hidden;/*溢出隐藏*/ 
    -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/     
    white-space: nowrap;
}
.search-li a:hover .search-tit{
    color:#009cff
}
.search-li .highlight{
    font-weight: bold;
    color:red;
}
.search-con{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#666666;
}
@media (max-width: 991px) {
.search{
    min-height: 650px;
}
}


.zxzxbd {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background-color: rgba(51, 51, 51, .6);
    display: none;
}
.zxzxbd-box {
    background-color: #fff;
    width: 714px;
    max-width: 95%;
    border-radius: 20px;
    max-height: 100vh;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.zxzxbd-title {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.zxzxbd-title-l {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #43464f;
}
.zxzxbd-title-r {
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 0;
    border-radius: 4px;
    background: rgba(4, 8, 20, .06);
    cursor: pointer;
}
.zxzxbd-close {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/close.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.zxzxbd-title-r:hover .zxzxbd-close {
    background-image: url(../img/close1.png);
}
.zxzxbd-ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
}
.zxzxbd-li {
    width: 48%;
    margin-top: 23px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.zxzxbd-li span{
    font-size: 18px;
}
.zxzxbd-li input{
    width: 100%;
    height: 44px;
    margin-top: 12px;
    font-size: 14px;
    background: #f4f4f8;
    border-radius: 8px;
    border: none;
    padding: 0 18px;
}
.zxzxbd-li-con{
    width: 100%;
    margin-top: 23px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.zxzxbd-li-con span{
    font-size: 18px;
}
.zxzxbd-li-con textarea{
    outline: 0;
    resize:none;
    height: 80px;
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    background: #f4f4f8;
    border-radius: 8px;
    border: none;
    padding:15px 18px;
}
.zxzxbd-btn {
    width: 100%;
    height: 46px;
    margin-top: 30px;
    background: #4c69fc;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    transition: all 0.6s;
}
.zxzxbd-btn:hover{
    opacity: 0.8;
}

.lybd{
    padding-top: 50px;
}
.lybd h3{
    position: relative;
    text-align: center;
    line-height: 2.5;
    font-weight: normal;
    margin-top: -12px;
}
.lybd h3::before {
    content: "";
    display: block;
    width: 26px;
    height: 4px;
    background-color: #009cff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.lybd .box{
    margin-top: 50px;
    background-color: #fff;
    display: flex;
    width: 100%;
    padding: 70px;
    box-sizing: border-box;
}
.lybd .box form{
    width: 100%;
}
.lybd .lybd_input{
    float: left;
    width: 100%;
    height: 100px;
    position: relative;
}
.lybd .lybd_input50{
    width: calc(50% - 10px);
}
.lybd .lybd_input input{
    height: 70px;
    border: 1px solid #dddddd;
    width: 100%;
    border-radius: 10px;
    padding: 0 20px;
    font-size: 18px;
    color: #333;
    line-height: 70px;
}
.lybd .lybd_textarea{
    margin-bottom: 20px;
    float: left;
    width: 100%;
    position: relative;
}
.lybd .lybd_textarea textarea{
    float: left;
    min-width: 100%;
    max-width: 100%;
    height: 200px;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 20px;
    color: #333;
    line-height: 30px;
    font-size: 18px;
    resize: unset;
}
.lybd .error{
    display: inline-block;
    width: 100%;
    color:red;
    padding-left: 10px;
    position: absolute;
    top: 70px;
    left: 0;
}
.lybd .lybd_textarea .error{
    top: 200px;
}
.lybd .lybd_right{
    float:right;
}
.lybd .lybd_button{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.lybd .lybd_submit{
    font-size: 18px;
    color:#ffffff;
    line-height: 70px;
    height: 70px;
    border-radius: 10px;
    background-color: #009cff;
    width: 150px;
    text-align: center;
    cursor: pointer;
    border:1px solid #009cff;
}
.lybd .lybd_submit:hover{
    color: #009cff;
    background-color: #ffffff;
}
@media (max-width: 1489px) {
    .lybd .box{
        margin-top: 40px;
    }
}
@media (max-width: 1259px) {
    .lybd .box{
        margin-top: 30px;
        padding: 50px 5%;
    }
}
@media (max-width: 767px) {
    .lybd .box {
        margin-top: 20px;
    }
    .lybd .lybd_input{
        height: 70px;
    }
    .lybd .lybd_input input {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
    }
    .lybd .error{
        top: 50px;
    }
    .lybd .lybd_textarea textarea{
        line-height: 28px;
        font-size: 16px;
        padding: 11px 20px;
    }
    .lybd .lybd_submit {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
    }
}