@charset "utf-8";

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

#bsWXBox {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
    margin: 0;
    padding: 0
}

html,
body {
    position: relative
}

body {
    font-family: 'Gothic A1', sans-serif;
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    background: #fff
}

@media screen and (max-width:1023px) {
    body {
        font-size: 14px;
        line-height: 1.5
    }
}

.bodyHIdden {
    overflow: hidden;
    height: 100%;
    width: 100%
}

a {
    -webkit-tap-highlight-color: transparent
}

a:link,
a:visited {
    text-decoration: none;
    outline: #333;
    color: #333
}

a:hover,
a:active,
a:focus {
    color: #1072b9
}

ul,
li {
    list-style: none
}

img {
    border: 0;
    max-width: 100%;
    max-height: 100%
}

table {
    border-collapse: collapse;
    width: 100%
}

input[type=text],
input[type=tel],
textarea {
    font-family: "Inter-Regular", arial;
    font-size: 14px;
    -webkit-appearance: none
}

button {
    font-family: "Inter-Regular", arial
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
    cursor: pointer;
    outline: none
}

input[type='checkbox'],
input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
    color: #666;
    outline: none
}

.f-l {
    float: left
}

.f-r {
    float: right
}

.font20 {
    font-size: 20px
}

.textCenter {
    text-align: center
}

.color333 {
    color: #333
}

.hide {
    overflow: hidden
}

.rel {
    position: relative
}

.clearfix {
    clear: both
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    zoom: 1;
    display: block
}

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto
}

.middleRight {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.middleLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.bottomCenter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto
}

.container {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%
}

@media screen and (max-width:1340px) {
    .container {
        padding: 0 30px
    }
}

@media screen and (max-width:1023px) {
    .container {
        padding: 0 15px
    }
}

.indent2 {
    text-indent: 2em
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

div,
p,
span,
i,
em,
a {
    white-space: inherit !important
}

@font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-display: swap
}

.icon-fenxiang:before {
    content: "\e739"
}

.icon-shangchuan:before {
    content: "\e658"
}

.icon-instgram:before {
    content: "\e705"
}

.icon-pinterest:before {
    content: "\e645"
}

.icon-search:before {
    content: "\e62c"
}

.icon-twitter:before {}

.icon-facebook:before {
    content: "\e642"
}

.icon-youtube:before {
    content: "\e643"
}

.icon-linkedin:before {
    content: "\e644"
}

.icon-qq:before {
    content: "\e647"
}

/*@font-face {	font-family:"Inter-Regular";src:url('../fonts/Inter-Regular-9.otf');font-display:swap}@font-face {	font-family:"Inter-Bold";src:url('../fonts/Inter-Bold-4.otf');font-display:swap}*/
@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@-webkit-keyframes fadeInDown2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2
}

body {
    font-family: "Inter-Regular"
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.ellipsis1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.ellipsis3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.ellipsis4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4
}

.ellipsis5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5
}

.ellipsis6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loading {
    -webkit-animation-name: loading;
    animation-name: loading
}

.transparent {
    display: none;
    position: fixed;
    z-index: 9;
    top: 0;
    margin: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3)
}

.f-l {
    float: left
}

.f-r {
    float: right
}

img {
    vertical-align: top
}

.hearderBgH {
    height: 140px
}

@media screen and (max-width:1023px) {
    .hearderBgH {
        display: none
    }
}

input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.body {
    -webkit-transition: padding-top .5s;
    transition: padding-top .5s
}

.header {
    font-size: 16px;
    width: 100%;
    height: 120px;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(20px);
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    -webkit-transition: height .5s;
    transition: height .5s
}

.header a {
    color: #fff;
}

.header img {
    vertical-align: top
}

.header>.container {
    max-width: 100%;
    position: relative
}

.header>.container:after {
    content: "";
    display: block;
    clear: both
}

.header .logo {
    z-index: 1;
    height: 50px;
    float: left;
    display: block;
    position: absolute;
    top: 35px;
    left: 0;
    -webkit-transition: top .5s;
    transition: top .5s
}

.header .logo img {
    vertical-align: middle;
    position: relative
}

.header .logo .img-2 {
    display: none
}

.header .other {
    height: 120px;
    text-align: right;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: height .5s;
    transition: height .5s
}

.header .other .otherC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header .search {
    width: 160px;
    line-height: 36px;
    position: relative
}

.header input[type="text"] {
    border: 1px solid #fff;
    border-radius: 36px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 10px 0 40px;
    background: #fff;
    background: #fff;
    color: rgba(0, 0, 0, 0.3);
    vertical-align: top
}

.header input[type="text"]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3)
}

.header input[type="text"]::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3)
}

.header input[type="text"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3)
}

.header .submitBtn {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 36px;
    color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    text-align: center;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.header .submitBtn .iconfont {
    font-size: 18px
}

.header .language {
    margin-right: 10px;
    display:flex;
    align-items: center;
}

.header .language a{
    display:flex;
    align-items: center;
}
.header .language a:hover {
    text-decoration: none;
}

.header .language .icon{fill: currentcolor;}
/*.header .language .icon path{color:#fff;}*/



.header .hotline{margin-right: 20px;padding-right:20px; display:flex;align-items: center;border-right:1px solid #fff;}
.header .hotline .icon{fill: currentcolor;}


.header.headcon .hotline{border-right:1px solid #333;}
.header:hover .hotline{border-right:1px solid #333;}



.lan_lxbg{position: absolute;left: 0px;top: 120px;z-index: 10000;background: #ffffff;width: 100%;}
.nav_f{border-top: 1px solid #eee;}
.lan_lx{padding:50px 30px;}
.lan_lx .title{font-size:30px;padding-bottom:25px;border-bottom:1px solid #e8e8e8;}
.lan_con{display:flex;flex-wrap:wrap;padding-top:20px;}
.lan_con .item{display:flex;width:20%;margin-bottom:20px;}
.lan_con .item p{margin-left:10px}

.header.headerFixed .lan_lxbg{top: 80px;}

.header.headerFixed {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
    height: 80px
}

.header.headerFixed .logo {
    top: 15px
}

.header.headerFixed .nav .navChild-2 {
    top: 80px
}

.header.headerFixed .nav .navChild {
    top: 80px
}

.header.headerFixed .nav>.list>li>a,
.header.headerFixed .nav>.list>li>em {
    height: 80px;
    line-height: 80px
}

.header.headerFixed .nav>.list>li em:after {
    background: #1072b9
}

.header.headerFixed .other {
    height: 80px
}

.header:hover {
    background: #fff;
    color: #333;
}

.header:hover a {
    color: #333;
}

.header:hover input[type="text"] {
    border: 1px solid #333;
}

.header:hover .nav>.list>li.has>a span:after,
.header:hover .nav>.list>li.has em span:after {
    border-right: 1px #333 solid;
    border-bottom: 1px #333 solid;
}

.header.headcon {
    background: #fff;
    color: #333;
}

.header.headcon a {
    color: #333;
}

.header.headcon input[type="text"] {
    border: 1px solid #333;
}

.header.headcon .nav>.list>li.has>a span:after,
.header.headcon .nav>.list>li.has em span:after {
    border-right: 1px #333 solid;
    border-bottom: 1px #333 solid;
}

.header:hover .img-1 {
    display: none;
}

.header:hover .img-2 {
    display: block;
}

.header.headcon .img-1 {
    display: none;
}

.header.headcon .img-2 {
    display: block;
}

.navPhoneBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    float: right;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 5px;
    margin: auto;
    text-align: right;
    display: none
}

.navPhoneBtn:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px transparent solid;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition-duration: .66s;
    transition-duration: .66s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing
}

.navPhoneBtn span {
    display: block;
    margin: auto;
    width: 19px;
    height: 2px;
    left: 10px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, width .5s, -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1);
    transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s, transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
    position: absolute
}

.navPhoneBtn span:nth-child(1) {
    top: 12px
}

.navPhoneBtn span:nth-child(2) {
    top: 19px
}

.navPhoneBtn span:nth-child(3) {
    bottom: 12px
}

.navPhoneBtn.close span:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg)
}

.navPhoneBtn.close span:nth-child(2) {
    width: 0
}

.navPhoneBtn.close span:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg)
}

.navPhoneBtn:hover:before {
    border-radius: 50%;
    background-color: #595757
}

@media (max-width:1023px) {
    .navPhoneBtn {
        display: block
    }
}

.nav {
    padding-right: 40px;
    float: right;
    position: relative
}

.nav>.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0;
    text-align: center
}

.nav>.list>li {
    text-align: center;
    float: left;
    position: relative
}

.nav>.list>li.li-static {
    position: static
}

.nav>.list>li>a,
.nav>.list>li>em {
    font-style: initial;
    font-size: 16px;
    height: 120px;
    line-height: 120px;
    padding: 0 35px 0 35px;
    position: relative;
    z-index: 1;
    display: block;
    -webkit-transition: height .5s, line-height .5s;
    transition: height .5s, line-height .5s
}

/*.nav>.list>li>a:after,.nav>.list>li>em:after {	content: "";	display: block;	width: 100%;	height: 0;	background: -webkit-gradient(linear, left top, left bottom, from(#f56867), to(#f11a17));	background: linear-gradient(#f56867, #f11a17);	position: absolute;	z-index: -1;	bottom: 0;	right: 0;	-webkit-transition: height .5s;	transition: height .5s}*/
.nav>.list>li:after,
.nav>.list>li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #1072b9;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav>.list>li:hover:after,
.nav>.list>li:hover:after {
    transform: scaleX(1);
}

.nav>.list>li>a span,
.nav>.list>li>em span {
    position: relative
}

.nav>.list>li.has>a span,
.nav>.list>li.has em span {
    padding-right: 10px
}

.nav>.list>li.has>a span:after,
.nav>.list>li.has em span:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%)
}

.nav>.list>li:hover>a:after,
.nav>.list>li.active>a:after {
    height: 100%
}

.nav>.list>li:hover .navChild,
.nav>.list>li.active .navChild {
    display: block
}

.nav>.list>li:hover .navChild-2,
.nav>.list>li.active .navChild-2 {
    display: block
}

.nav .navChild {
    display: none;
    width: 100%;
    font-size: 14px;
    color: #333;
    position: absolute;
    z-index: 999;
    top: 120px;
    left: 50%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0) translateX(-50%);
    transform: scaleY(0) translateX(-50%);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all .2s;
    transition: all .2s
}

/*.nav .navChild:after {	content: "";	display: block;	width: 0;	height: 0;	border-style: solid;	border-width: 0 10px 10px 10px;	border-color: transparent transparent #fd6600 transparent;	position: absolute;	top: -9px;	left: 0;	right: 0;	margin: auto}*/
.nav .navChild .list-2 {
    background: rgba(255, 255, 255, 0.92);
    overflow: hidden;
    padding: 25px 0;
    position: relative
}

.nav .navChild .list-2 li {
    width: 100%;
    border-top: 1px rgba(255, 255, 255, 0.2) solid;
    float: left;
    display: block;
    position: relative
}

.nav .navChild .list-2 li:nth-child(1) {
    border-top: none
}

.nav .navChild .list-2 a {
    width: 100%;
    display: block;
    color: #666;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding: 0 10px
}

.nav .navChild .list-2 a:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff
}

.nav .navChild .list-2 .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.nav .navChild.show {
    display: block;
    -webkit-transform: scaleY(1) translateX(-50%);
    transform: scaleY(1) translateX(-50%)
}

.nav .navChild-2 {
    display: none;
    width: 960px;
    font-size: 14px;
    color: #333;
    position: absolute;
    z-index: 999;
    top: 120px;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1)
}

.nav .navChild-2 .navChildC {
    background: rgba(255, 255, 255, 0.95);
    padding: 30px 30px;
    text-align: left;
}

.nav .navChild-2 dl {
    margin-bottom: 20px
}

.nav .navChild-2 dl:last-child {
    margin-bottom: 0
}

.nav .navChild-2 .first {
    margin-bottom: 10px
}

.nav .navChild-2 .first a:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

.nav .navChild-2 .first a,
.nav .navChild-2 .first span {
    display: inline-block;
    background-color: #fff;
    color: #343434;
    min-width: 200px;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
    font-size: 20px
}

/*.nav .navChild-2:after {	content: "";	display: block;	width: 0;	height: 0;	border-style: solid;	border-width: 0 10px 10px 10px;	border-color: transparent transparent #fca766 transparent;	position: absolute;	top: -9px;	left: 55px;	margin: auto}*/
.nav .navChild-2 .list-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.nav .navChild-2 .list-2>li {
    width: 33.33333333%;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px
}

.nav .navChild-2 .list-2 .box {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .5s;
    transition: .5s
}

.nav .navChild-2 .list-2 .box:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

.nav .navChild-2 .list-2 .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative
}

.nav .navChild-2 .list-2 .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px;
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    color: #343434;
    display: inline-block;
    position: relative
}

.nav .navChild-2.show {
    display: block;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.navM .transparent {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: none
}

.navM .navMCon {
    background-color: #fff;
    width: 100%;
    height: 100%;
    border-left: 1px rgba(0, 0, 0, 0.1) solid;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 2;
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    right: auto;
    left: -100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.navM .navMWrap {
    overflow-y: auto;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.navM.open .transparent {
    display: block
}

.navM.open .closeBtn {
    display: block
}

.navM.open .navMCon {
    left: 0
}

.navM .closeBtn {
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #1072b9;
    color: #fff;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 0
}

.navM .closeBtn:before,
.navM .closeBtn:after {
    content: "";
    display: block;
    background: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navM .closeBtn:before {
    width: 15px;
    height: 1px
}

.navM .closeBtn:after {
    width: 1px;
    height: 15px
}

.navM .titleBig {
    padding: 0px 0 10px;
}
.navM .titleBig img{height:30px;}

.navM .navMWrap>.list em {
    font-style: initial
}

.navM .navMWrap>.list li>.title {
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    position: relative;
    font-size:18px;
    line-height: 60px;
}
.navM .navMWrap>.list li.active>.title{border:none;}
.navM .navMWrap>.list .title .icon {
    width: 40px;
    height: 40px;
    margin: auto;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navM .navMWrap>.list .title .icon:before,
.navM .navMWrap>.list .title .icon:after {
    content: "";
    margin: auto;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.navM .navMWrap>.list .title .icon:before {
    width: 10px;
    height: 10px;
    border-top: 2px #000 solid;
    border-right: 2px #000 solid
}

.navM .navMWrap>.list .title em {
    font-style: initial
}

.navM .navMWrap>.list .has .title .icon {
    display: block
}

.navM .navMWrap>.list .active .title .icon:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navM .navChild {
    padding-left: 20px;
    padding-bottom:15px;
    display: none;
    position: relative;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.navM .navChild li {
    color: #666;
    font-weight: 700
}

.navM .navChild li a {
    color: #666
}
.navM .navChild li a .title{
    font-size:16px;
    line-height:35px;
    color:#666;
    font-weight:normal;
}

.navM .navChild .list-2 li .first{
    display: flex;
    justify-content: space-between;
}
.navM .navChild .list-2 li .first i {
  width: 28px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
}
.navM .navChild .list-2 li .first i:after,
.navM .navChild .list-2 li .first i:before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -13px;
  background-color: #666;
}

.navM .navChild .list-2 li .first i:before {
  transform: rotate(90deg);
}
.navM .navChild .list-2 li.active .first i:before {
  opacity: 0;
}
.navM .navChild a {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 28px;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative
}

.navM .navChild a:hover {
    color: #000;
}

.navM .navChild ul li .list-3{padding-left: 20px;padding-bottom:15px;display:none;}
.navM .navChild ul li .list-3 li .title{font-size:14px;}


.navM .mlanguage{font-size: 18px;line-height: 60px;}


.navM .mSearch {
    padding: 10px 0;
    text-align: left;
    overflow: hidden;
    height: 56px;
    border-bottom: #f3f3f3 1px solid;
    position: relative;
    background: #f5f5f5;
    margin:20px 0;
}

.navM .mSearch .btn {
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 10px;
    border:0;
    background-color: #f5f5f5;
}

.navM .mSearch .btn .icon {
    width: 20px;
    height: 20px;
    line-height: 20px
}

.navM .mSearch input {
    height: 40px;
    line-height: 38px;
    border: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all .4s cubic-bezier(.11393, .8644, .14684, 1);
    transition: all .4s cubic-bezier(.11393, .8644, .14684, 1);
    opacity: 1;
    width: 100%;
    padding: 5px 30px 5px 15px;
    border-radius: 2px;
    font-size: 14px;
    background-color: #f5f5f5;
    position: static;
    left: 0;
    right: 0
}

.navM .other {
    padding: 10px
}

.navM .read {
    padding-top: 10px;
    padding-bottom: 10px
}

.navM .read .btn-1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px;
    line-height: 40px;
    height: 40px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#bf2d32), to(#a61f24));
    background: linear-gradient(to right, #bf2d32, #a61f24);
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: relative
}

.navM .read .btn-1 .icon-1 {
    width: 30px;
    height: 30px;
    margin-left: 5px
}

.navM .read .btn-1 .icon-2 {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #fff url(../images/arrow-right-1.png) no-repeat center center;
    background-size: 20px;
    margin-left: 20px
}

.navM .languageBtn {
    padding: 10px 0
}

.navM .languageBtn a {
    display: block;
    width: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px #ccc solid;
    margin-right: -1px;
    background: #fff
}


.navM .navMWrap select{width: 100%;border: 0;border-bottom: 1px rgba(0, 0, 0, 0.1) solid;font-size: 14px;color: #333;line-height: 48px;height: 48px;background: rgba(0, 0, 0, 0);}

.navM .fz_bt{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  color: #1072b9;
  transition: all 0.3s linear;
  font-size: 16px;
  height: 50px;
  border: 1px solid #eee;
  width: 100%;
}

.navM .fz_bt{
  display: flex;
  overflow: hidden;
}

.navM .fz_bt svg{
  margin-right: 10px;
}

.navM .fz_bt svg path{
  fill: currentcolor;
}

.navM .fz_bt span{
  color: #1072b9;
}

.navM .fz_bt:hover{
  background: #1072b9;
  border-color: #1072b9;
}

.navM .fz_bt:hover svg path{
  fill: #fff;
}

.navM .fz_bt:hover span{
  color: #fff;
}



.banner {
    clear: both;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9
}

.banner img {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.banner video {
    width: 100%;
    vertical-align: top
}

.banner .pc {
    display: block
}

.banner .pc img {
    width: 100%
}

.banner .mobile {
    display: none
}

.banner .mobile img {
    position: static;
    width: 100%
}

.banner .video {
    border: 1px #f00 solid;
    overflow: hidden
}

.banner .pics .swiper-container .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.banner .pics .swiper-container .box:before {
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0
}

.banner .pics .swiper-container .text {
    width: 100%;
    color: #fff;
    padding: 30px 0;
    position: absolute;
    z-index: 999;
    bottom: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner .pics .swiper-container .title {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px
}

.banner .pics .swiper-container .info {
    font-size: 40px;
    line-height: 2;
    margin-bottom: 20px
}

.banner .pics .swiper-container .info-2 {
    font-size: 40px;
    line-height: 2;
    margin-bottom: 40px
}

.banner .fenlei {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 1;
    bottom: 15%;
    left: 0;
    right: 0
}

.banner .fenlei .list-2:after {
    display: none
}

.banner .fenlei .list-2 li {
    text-align: center
}

.banner .fenlei .list-2 .box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner .fenlei .list-2 .box:hover .title {
    color: #1072b9
}

.banner .fenlei .list-2 .title {
    font-size: 21px;
    font-family: "Inter-Bold";
    color: #fff;
    margin-right: 10px
}

.banner .fenlei .list-2 .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    position: relative
}

.banner .fenlei .list-2 .icon:after {
    content: "";
    display: block;
    background: url(../fonts/arrow-right.svg) center no-repeat;
    background-size: 24px 24px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.banner .swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    margin-left: 5px;
    margin-right: 5px
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
    width: 50px;
    height: 50px;
    background-color: #1072b9;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0
}

.banner .swiper-button-prev:after,
.banner .swiper-button-next:after {
    font-size: 24px
}

.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
    background-color: #fca766
}

.banner .swiper-button-prev {
    left: -10px;
    border-radius: 0 50px 50px 0
}

.banner .swiper-button-next {
    right: -10px;
    border-radius: 50px 0 0 50px
}

@media screen and (max-width:1023px) {
    .banner .pc {
        display: none
    }

    .banner .mobile {
        display: block
    }

    .banner .pics .swiper-container .text {
        padding: 0;
        bottom: auto;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 85%
    }

    .banner .pics .swiper-container .title {
        font-size: 28px
    }

    .banner .pics .swiper-container .info {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .banner .fenlei {
        bottom: 5%;
        display: none
    }

    .banner .fenlei .list-2 {
        font-size: 0;
        width: 80%
    }

    .banner .fenlei .list-2 .title {
        font-size: 14px;
        color: #fff;
        margin-right: 10px
    }
}

@media screen and (max-width:600px) {
    .banner .swiper-container .text {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .banner .swiper-container .title {
        font-size: 18px
    }

    .banner .swiper-container .info-2 {
        display: none
    }

    .banner .swiper-container .text {
        margin-top: 0
    }

    .banner .fenlei {
        display: none
    }
}

.home-placard .pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    position: relative
}

.home-placard img {
    width: 100%
}

.inside-banner {
    position: relative;
    color: #fff
}

.inside-banner a {
    color: #fff
}

.inside-banner .middleCenter {
    position: static
}

.inside-banner .pc {
    position: relative
}

.inside-banner .pc img {
    width: 100%;
    height: 100%;
    position: static;
    -o-object-fit: cover;
    object-fit: cover
}

.inside-banner .mobile {
    display: none;
    position: relative
}

@media screen and (max-width:639px) {
    .inside-banner {
        margin-top: 0
    }

    .inside-banner .pc {
        display: none
    }

    .inside-banner .mobile {
        display: block
    }

    .inside-banner .mobile img {
        width: 100%;
        height: 100%;
        position: static;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.inside-banner-2 {
    clear: both;
    overflow: hidden;
    width: 100%;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 9
}

.inside-banner-2 img {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    height: auto
}

.inside-banner-2 .pc {
    display: block
}

.inside-banner-2 .pc img {
    width: 100%
}

.inside-banner-2 .mobile {
    display: none
}

.inside-banner-2 .mobile img {
    width: 100%
}

.inside-banner-2 .text {
    width: 100%;
    position: absolute;
    top: 15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.inside-banner-2 .text .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.inside-banner-2 .text .textC {
    width: 100%;
    max-width: 800px;
    background-color: rgba(0, 34, 109, 0.75);
    color: #fff;
    padding: 30px 20px;
    position: absolute;
    z-index: 999
}

.inside-banner-2 .text .title {
    font-size: 48px;
    font-weight: 100;
    opacity: .5
}

.inside-banner-2 .text .info {
    font-size: 56px;
    font-family: "Inter-Bold";
    margin-bottom: 20px
}

.inside-banner-2 .text .zixunBtn {
    display: inline-block;
    background-color: #1072b9;
    color: #fff;
    min-width: 250px;
    line-height: 40px;
    text-align: center;
    padding: 0 15px;
    font-size: 24px
}

.inside-banner-2 .text .zixunBtn:hover {
    background-color: #fca766
}

.inside-banner-2 .text-2 {
    width: 100%;
    max-width: 1200px;
    color: #fff;
    padding: 30px 20px;
    text-align: center;
    margin-top: 60px;
    position: absolute;
    left: 50%;
    bottom: 13%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999
}

.inside-banner-2 .text-2 .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.inside-banner-2 .text-2 .logo {
    height: 80px;
    margin-bottom: 20px
}

.inside-banner-2 .text-2 .info-1 {
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 30px
}

.inside-banner-2 .text-2 .info-2 {
    font-size: 42px;
    margin-bottom: 30px;
    font-family: "Inter-Bold"
}

.inside-banner-2 .text-2 .info-3 {
    font-size: 24px
}

.inside-banner-2 .text-3 {
    width: 100%;
    color: #fff;
    padding: 30px 20px;
    text-align: left;
    position: absolute;
    left: 50%;
    bottom: 13%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999
}

.inside-banner-2 .text-3 .textC {
    max-width: 960px
}

.inside-banner-2 .text-3 .logo {
    height: 80px;
    margin-bottom: 20px
}

.inside-banner-2 .text-3 .title-1 {
    font-size: 40px
}

.inside-banner-2 .text-3 .title-2 {
    font-size: 68px;
    display: inline-block;
    position: relative
}

.inside-banner-2 .text-3 .title-2:after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 0;
    bottom: 0
}

.inside-banner-2 .text-3 .tedian {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px
}

.inside-banner-2 .text-3 .tedian>div {
    width: 50%;
    float: left;
    font-size: 20px;
    padding-bottom: 10px;
    padding-right: 10px
}

.inside-banner-2 .text-4 {
    width: 100%;
    color: #fff;
    padding: 30px 20px;
    text-align: left;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999
}

.inside-banner-2 .text-4 .title {
    font-size: 56px;
    text-align: center;
    line-height: 1.8;
}

.inside-banner-2 .text-4 .js {
    font-size: 24px;
    text-align: center;
    line-height: 1.8;
}

.inside-banner-2 .fenlei {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 15%;
    left: 0
}

.inside-banner-2 .fenlei .list-2 {
    font-size: 0;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inside-banner-2 .fenlei .list-2:after {
    display: none
}

.inside-banner-2 .fenlei .list-2 li {
    text-align: center
}

.inside-banner-2 .fenlei .list-2 .box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inside-banner-2 .fenlei .list-2 .box:hover .title {
    color: #1072b9
}

.inside-banner-2 .fenlei .list-2 .title {
    font-size: 21px;
    font-family: "Inter-Bold";
    color: #fff;
    margin-right: 10px
}

.inside-banner-2 .fenlei .list-2 .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-repeat: no-repeat;
    position: relative
}

.inside-banner-2 .fenlei .list-2 .icon:after {
    content: "";
    display: block;
    background: url(../images/arrow-right.svg) center no-repeat;
    background-size: 24px 24px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:1280px) {
    .inside-banner-2 .text .title {
        font-size: 30px
    }

    .inside-banner-2 .text .info {
        font-size: 50px
    }

    .inside-banner-2 .text-2 .info-1 {
        margin-bottom: 5px
    }

    .inside-banner-2 .text-2 .info-2 {
        margin-bottom: 5px
    }

    .inside-banner-2 .text-3 .title-1 {
        font-size: 30px
    }

    .inside-banner-2 .text-3 .title-2 {
        font-size: 50px
    }

    .inside-banner-2 .text-4 .title {
        font-size: 60px
    }
}

@media screen and (max-width:1023px) {
    .inside-banner-2:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: 0;
        left: 0
    }

    .inside-banner-2 .pc {
        display: none
    }

    .inside-banner-2 .mobile {
        display: block
    }

    .inside-banner-2 .text {
        bottom: auto;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .inside-banner-2 .text .title {
        font-size: 20px
    }

    .inside-banner-2 .text .info {
        font-size: 24px
    }

    .inside-banner-2 .text-2 {
        padding: 0;
        margin-top: 0;
        line-height: 1.5;
        bottom: auto;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .inside-banner-2 .text-2 .logo {
        height: 50px
    }

    .inside-banner-2 .text-2 .info-1 {
        line-height: 1.2;
        font-size: 20px;
        margin-bottom: 10px
    }

    .inside-banner-2 .text-2 .info-2 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .inside-banner-2 .text-2 .info-3 {
        font-size: 14px
    }

    .inside-banner-2 .text-3 {
        bottom: auto;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .inside-banner-2 .text-4 .title {
        font-size: 40px
    }
}

@media screen and (max-width:639px) {
    .inside-banner-2 .text-3 .title-1 {
        font-size: 16px
    }

    .inside-banner-2 .text-3 .title-2 {
        font-size: 20px;
        padding-bottom: 5px
    }

    .inside-banner-2 .text-3 .tedian>div {
        font-size: 14px;
        width: 100%;
        padding: 0;
    }

    .inside-banner-2 .text-4 .title {
        font-size: 24px
    }

    .inside-banner-2 .fenlei .list-2 .title {
        font-size: 12px;
        margin-right: 0
    }

    .inside-banner-2 .fenlei .list-2 .icon {
        width: 18px;
        height: 18px
    }

    .inside-banner-2 .fenlei .list-2 .icon:after {
        background-size: 16px
    }
}

.footer {
    background: #666;
    color: #fff;
    padding-top: 70px;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px
}

.footer .container {
    max-width: 100%
}

.footer img {
    vertical-align: top
}

.footer a {
    color: #fff
}

.footer a:hover {
    color: #fff;
    text-decoration: none
}

.footer .contact-menu {
    padding-bottom: 0
}

.footer .contact-menu .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer .logo {
    display: inline-block;
    width: 150px;
    margin-bottom: 20px
}

.footer .title {
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: bold;
}

.footer .title a {
    color: #fff
}

.footer .left {
    width: 23%;
    float: left;
}

.footer .left .leftC {
    display: inline-block;
    text-align: center
}

.footer .center {
    width: 57%;
    float: left
}

.footer .right {
    width: 20%;
    float: right;
    text-align: right
}

.footer .footer-contact {
    display: inline-block;
    text-align: left;
    font-size: 14px
}

.footer .footer-contact .title {
    font-size: 22px;
    font-weight: 400
}

.footer .shareSocial {
    line-height: 40px;
    padding-top: 20px;
    text-align: center
}

.footer .shareSocial a {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    line-height: 36px;
    background-color: #1072b9;
    color: #fff;
    vertical-align: top;
    margin: 0 5px 0 0;
    text-align: center;
    position: relative
}

.footer .shareSocial a .iconfont {
    font-size: 20px
}

.footer .shareSocial a:last-child {
    margin-right: 0
}

.footer .shareSocial a:hover {
    background-color: #1072b9
}

.footer .shareSocial a .open {
    display: none;
    padding-bottom: 15px;
    position: absolute;
    z-index: 999;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footer .shareSocial a .open .openCon {
    cursor: initial;
    background: #333;
    border: 1px #1072b9 solid;
    padding: 4px 4px 4px 4px;
    text-align: center;
    color: #666;
    font-size: 14px;
    position: relative
}

.footer .shareSocial a .open .openCon:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #1072b9;
    border-right: 1px #1072b9 solid;
    border-bottom: 1px #1072b9 solid;
    position: absolute;
    z-index: -1;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.footer .shareSocial a .open img {
    max-width: 170px;
    vertical-align: middle
}

.footer .shareSocial .icon {
    width: 30px;
    height: 30px;
    margin: 5px
}

.footer .menu>.list{display:flex;flex-wrap:wrap;}
.footer .menu>.list>li {
    width: 25%;
}

.footer .child {
    line-height: 40px;
    max-width: 160px
}

.footer .child a {
    display: block;
    line-height: 24px;
    margin-bottom: 16px;
    background: url(../images/yjt.png)no-repeat left center;
    background-size: 20px;
    padding-left: 30px;
}

.footer .child a:hover {
    color: #adadad;
    text-decoration: none;
    background: url(../images/yjt2.png)no-repeat left center;
    background-size: 20px;
}

@media screen and (max-width:1023px) {
    .footer {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 0;
        padding-right: 0
    }

    .footer .title {
        font-size: 16px;
    }

    .footer .left {
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
        text-align: center;
        border-right: none
    }

    .footer .logo {
        margin-bottom: 0
    }

    .footer .footer-contact .title {
        margin-bottom: 0
    }

    .footer .contact-menu {
        padding-bottom: 30px
    }

    .footer .center {
        width: 100%;
        padding-top: 20px
    }

    .footer .right {
        padding-top: 20px;
        width: 100%;
        text-align: center
    }

    .footer .menu {
        width: 100%;
        padding-left: 0;
        border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
        padding: 0 0 15px 0;
        margin-bottom: 15px
    }

    .footer .menu>.list>li {
        width: 50%;
        padding: 0 0 10px 0
    }

    .footer .menu>.list>li:last-child {
        padding-bottom: 0
    }
}

.copyright {
    font-size: 12px;
    line-height: 30px;
    padding: 0 0 10px 0;
    position: relative
}

@media screen and (max-width:1023px) {
    .copyright {
        line-height: 1.5;
        text-align: center
    }
}

.contact {
    background-color: #152330;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 260px
}

.contact .container {
    max-width: 1280px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto
}

.contact .text {
    max-width: 720px;
    float: right;
    text-align: left;
    margin-bottom: 50px
}

.contact .text .title {
    font-size: 32px;
    margin-bottom: 30px;
    line-height: 1.2;
    font-family: "Inter-Bold"
}

.contact .text .info {
    font-size: 16px
}

.contact .text1111 {
    max-width: 1040px;
    float: right;
    text-align: center;
    margin-bottom: 60px
}

.contact .text1111 .title {
    font-size: 28px;
    margin-bottom: 40px;
    line-height: 1.2;
    font-family: "Inter-Bold"
}

.contact .text1111 .info {
    font-size: 16px
}

@media screen and (max-width:1340px) {
    .contact .container {
        padding: 0 30px
    }

    .contact .container {
        padding: 0 15px
    }
}

@media screen and (max-width:1023px) {
    .contact {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .contact .text {
        margin-bottom: 40px;
        text-align: left
    }

    .contact .text .title {
        font-size: 20px
    }

    .contact .text .info {
        font-size: 14px
    }
}

.message {
    position: relative;
    width: 100%;
    max-width: 720px;
    float: right;
    border-bottom: 8px #f2eeea solid;
    background-color: #fff;
    color: #333;
    padding: 40px 40px 0 40px;
    border-radius: 20px;
    overflow: hidden
}

.message .messageC {
    overflow: hidden;
    padding-top: 25px;
    position: relative
}

.message .titleBig {
    color: #1072b9;
    font-size: 36px;
    margin-bottom: 30px;
    font-family: "Inter-Bold"
}

.message .space-1 {
    width: 100%;
    height: 55px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.message .space-2 {
    width: 100%;
    height: 200px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.message .xinghaotishi {
    color: #d93025;
    position: absolute;
    top: 20px;
    left: 40px
}

.message iframe {
    margin-top: -210px;
    width: 100%;
    max-width: 640px;
    height: 2200px;
    margin-left: auto;
    margin-right: auto
}

.message .list {
    position: relative
}

.message .list li {
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
    position: relative
}

.message .list li.col-1 {
    width: 100%
}

.message .list .col-2 {
    width: 50%
}

.message .list .col-3 {
    width: 33.33333333%
}

.message .list .col-4 {
    width: 25%
}

.message .list .box {
    position: relative
}

.message .list .title {
    color: #333;
    font-size: 14px
}

.message .list .title-2 {
    margin-bottom: 20px
}

.message .list .red {
    color: #f00
}

.message .list .error {
    color: #c70303;
    padding: 0 6px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.message .list .input-form,
.message .list .textarea-form {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    border: none;
    border-bottom: rgba(0, 0, 0, 0.12) solid 1px;
    padding: 0;
    background: none;
    line-height: 40px;
    width: 100%
}

.message .list .input-form:focus,
.message .list .textarea-form:focus,
.message .list .input-form:hover,
.message .list .textarea-form:hover {
    border-color: #1072b9;
    color: #333
}

.message .list .input-form::-webkit-input-placeholder,
.message .list .textarea-form::-webkit-input-placeholder {
    color: #999
}

.message .list .input-form::-moz-placeholder,
.message .list .textarea-form::-moz-placeholder {
    color: #999
}

.message .list .input-form:-ms-input-placeholder,
.message .list .textarea-form:-ms-input-placeholder {
    color: #999
}

.message .list .input-form {
    height: 41px
}

.message .list .textarea-form {
    line-height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 130px
}

.message .list .yinsi {
    padding-bottom: 20px
}

.message .list .a-1 {
    color: #1072b9
}

.message .list .a-1:hover {
    text-decoration: underline;
    color: #1072b9
}

.message .list .b-1 {
    font-size: 16px
}

.message .list .btns {
    padding-bottom: 20px
}

.message .list .submit,
.message .list .reset {
    font-size: 16px;
    min-width: 90px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 46px;
    border-radius: 5px;
    background: #1072b9;
    color: #fff;
    border: none;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.message .list .submit:hover,
.message .list .reset:hover {
    background: #fca766
}

@media screen and (max-width:1023px) {
    .message {
        padding: 30px 20px
    }

    .message .titleBig {
        font-size: 24px
    }

    .message .xinghaotishi {
        left: 20px
    }

    .message iframe {
        margin-top: -215px
    }

    .message .list li {
        width: 100%;
        padding-bottom: 20px
    }

    .message .list .col-2 {
        width: 100%
    }

    .message .list .col-3 {
        width: 100%
    }

    .message .list .col-4 {
        width: 100%
    }

    .message .list .title {
        font-size: 14px
    }

    .message .list .input-form,
    .message .list .textarea-form {
        line-height: 50px;
        font-size: 14px
    }

    .message .list .red {
        display: inline-block;
        font-size: 14px
    }

    .message .list .input-form {
        height: 40px
    }

    .message .list .textarea-form {
        height: 160px;
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 24px
    }

    .message .list .yanzheng-agree {
        line-height: 40px
    }

    .message .list .verifyDiv {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .message .list .verify {
        height: 40px
    }

    .message .list .verify .drag-btn {
        width: 40px;
        height: 40px;
        background-size: 20px
    }

    .message .list .verify .drag-progress {
        height: 40px;
        line-height: 40px
    }

    .message .list .verify .fix-tips,
    .message .list .verify .verify-msg {
        font-size: 14px;
        line-height: 40px;
        padding-right: 40px
    }

    .message .list .submit,
    .message .list .reset {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }
}

@media screen and (max-width:630px) {
    .message .space-2 {
        height:
    }
}

@media screen and (max-width:420px) {
    .message iframe {
        margin-top: -245px
    }

    .message .space-2 {
        height: 120px
    }
}

.checkbox-form {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    margin-right: 10px
}

.checkbox-form label {
    padding-left: 10px;
    cursor: pointer;
    line-height: 20px;
    position: relative
}

.checkbox-form label:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 1px #999 solid;
    margin: 2px;
    position: absolute;
    top: 0;
    left: -20px
}

.checkbox-form input[type="checkbox"] {
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 0;
    opacity: 0
}

.checkbox-form input[type="checkbox"]:checked {
    background-color: #1072b9;
    border-color: #1072b9
}

.checkbox-form input[type="checkbox"]:checked+label {
    color: #1072b9
}

.checkbox-form input[type="checkbox"]:checked+label:before {
    border: 1px #1072b9 solid;
    background-color: #1072b9;
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../fonts/check.svg)
}

.checkbox-form input[type="checkbox"]+label {
    cursor: pointer
}

.checkbox-form:hover {
    color: #1072b9
}

.select-form {
    width: 100%;
    display: inline-block;
    position: relative
}

.select-form:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.12) transparent transparent transparent;
    border-width: 7px 4px 0 4px;
    position: absolute;
    right: 12px;
    top: 22px;
    pointer-events: none
}

.select-form select {
    width: 100%;
    background: none;
    height: 48px;
    line-height: 46px;
    border-radius: 5px;
    padding: 0 28px 0 15px;
    background-image: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px rgba(0, 0, 0, 0.12) solid;
    cursor: pointer;
    font-size: 14px;
    vertical-align: top;
    color: #999
}

.select-form option {
    background-color: #fff;
    line-height: 30px;
    height: 30px
}

.uploadFile {
    font-size: 14px;
    min-width: 160px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    border: 1px rgba(0, 0, 0, 0.12) solid;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    position: relative;
    color: #adadad
}

.uploadFile input[type="file"] {
    font-size: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.uploadFile .iconfont {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle
}

.uploadFile:hover {
    background: #fca766;
    color: #fff
}

@media screen and (max-width:1340px) {
    .nav>.list>li>a {
        padding: 0 20px
    }

    .nav .navChild-2 .navChildC {
        padding: 20px 20px
    }

    .nav .navChild-2 .first a {
        line-height: 30px;
        font-size: 16px
    }

    .nav .navChild-2 dl {
        margin-bottom: 10px
    }
}

@media screen and (max-width:1280px) {
    .nav .navChild-2 {
        width: 960px
    }

    .nav .navChild .list-2 a {
        font-size: 12px;
        padding: 0 5px
    }
}

@media screen and (max-width:1200px) {
    .nav>.list>li>a {
        padding: 0 8px
    }
}

@media screen and (max-width:1023px) {
    .body {}

    .header {
        padding-left: 15px;
        padding-right: 15px;
        height: 50px
    }

    .header .logo {
        height: 30px;
        top: 10px
    }

    .header .other {
        display: none
    }

    .header.headerFixed {
        height: 50px
    }

    .header.headerFixed .logo {
        top: 10px
    }

    .nav {
        display: none
    }
}

.home-title {
    text-align: center;
    margin-bottom: 60px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.home-title .title {
    font-size: 44px;
    font-family: "Inter-Bold";
    font-weight: 700;
    line-height: 1;
    color: #000;
    margin-bottom: 30px
}

.home-title .info {
    font-size: 30px;
    line-height: 36px;
    color: #0b1727
}

.home-title .btnDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.home-title .btnDiv a {
    margin-right: 20px
}

.home-title .btnDiv a:last-child {
    margin-right: 0
}

@media screen and (max-width:1023px) {
    .home-title {
        margin-bottom: 30px;
    }

    .home-title .title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .home-title .info {
        font-size: 14px;
        line-height: 22px;
    }

    .home-title .btnDiv a {
        min-width: 120px;
        line-height: 36px;
        font-size: 14px;
        margin-right: 5px
    }

    .home-title .btnDiv a:last-child {
        margin-right: 0
    }
}

.home-product {
    padding-top: 80px;
    padding-bottom: 80px
}

.home-product>.container {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%
}

.home-product dl {
    margin-bottom: 20px
}

.home-product dl:last-child {
    margin-bottom: 0
}

.home-product .first {
    margin-bottom: 20px
}

.home-product .first span {
    display: inline-block;
    background-color: #1072b9;
    color: #fff;
    min-width: 200px;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
    font-size: 20px
}

.home-product .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.home-product .list>li {
    width: 33.33333333%;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px
}

.home-product .list .box {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .5s;
    transition: .5s
}

.home-product .list .box:hover {
    -webkit-box-shadow: 0 0 10px rgba(8, 123, 240, 0.5);
    box-shadow: 0 0 10px rgba(8, 123, 240, 0.5)
}

.home-product .list .box:hover .title {
    color: #1072b9
}

.home-product .list .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: relative
}

.home-product .list .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px;
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    color: #343434;
    display: inline-block;
    position: relative
}

@media screen and (max-width:1023px) {
    .home-product {
        padding-top: 20px;
        padding-bottom: 40px
    }

    .home-product .first {
        margin-bottom: 20px
    }

    .home-product .first a {
        font-size: 14px;
        min-width: 120px;
        line-height: 36px
    }

    .home-product .list>li {
        width: 50%
    }

    .home-product .list .icon {
        width: 30px;
        height: 30px
    }

    .home-product .list .title {
        font-size: 14px;
        line-height: 1.5;
        padding-top: 0
    }
}

@media screen and (max-width:500px) {
    .home-product .list>li {
        width: 100%
    }

    .home-product .list .title {
        padding-top: 5px
    }
}

.home-application {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
    background: #fff;
}

.home-application>.container {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%
}

.sc3-title {
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-family: SourceHanSansCN-Bold !important;
    line-height: 36px;
    /* 128.571% */
    letter-spacing: 0.56px;
    font-weight: bold;
    text-align: center;
    display: block;
}

.sc3-link {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: 26px;
    /* 144.444% */
    letter-spacing: 1.8px;
}

.flex {
    display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.mr-8 {
    margin-right: 8px;
}

.mr-16 {
    margin-right: 16px;
}

.sc3-product-pc {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 20px;
    width: 100%;
}

.sc3-product-pc>div {
    border-radius: 8px;
    background: #efefef;
    backdrop-filter: blur(9.300000190734863px);
    width: 100%;
    overflow: hidden;
}

.sc3-product-pc>div:nth-child(1) {
    grid-area: 1 / 1 / span 1 / span 2;
}

.sc3-product-pc>div:nth-child(6) {
    grid-area: 2 / 3 / span 1 / span 2;
}

.sc3-content {
    padding: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sc3-image {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/*.sc3-product .sc3-content:nth-child(1) .flex,.sc3-product .sc3-content:nth-last-child(1)  .flex{justify-content: left;}.sc3-product .sc3-content:nth-child(1) .sc3-title,.sc3-product .sc3-content:nth-last-child(1)  .sc3-title{text-align: left;}*/
.sc3-product>div,
.sc3-product>div * {
    transition: all .3s;
}

.sc3-product .sc3-content:hover {
    background: rgba(239, 239, 239, 0.5);
}

.sc3-product .sc3-content:hover img {
    transform: scale(1.1);
}

.sc3-product>div:nth-child(1):hover img {
    transform: scale(1.05);
}

@media screen and (max-width:1023px) {
    .home-application {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .sc3-content {
        padding: 30px;
    }

    .sc3-product-pc {
        grid-template-columns: auto auto;
        grid-gap: 15px;
    }

    .sc3-product-pc>div:nth-child(1) {
        grid-area: 1 / 1 / span 1 / span 2;
    }

    .sc3-product-pc>div:nth-child(2) {
        grid-area: 2 / 1 / span 1 / span 1;
    }

    .sc3-product-pc>div:nth-child(4) {
        grid-area: 3 / 1 / span 1 / span 1;
    }

    .sc3-product-pc>div:nth-child(6) {
        grid-area: 4 / 1 / span 1 / span 2;
    }
}

@media screen and (max-width:640px) {
    .sc3-title {
        font-size: 18px;
    }

    .sc3-content {
        padding: 20px;
    }

    .sc3-product-pc {
        grid-gap: 10px;
    }
}

@media screen and (max-width:480px) {
    .sc3-title {
        font-size: 16px;
    }

    .sc3-link {
        font-size: 12px;
    }

    .sc3-content {
        padding: 15px;
    }
}

.listApplication {
    margin-left: -20px;
    margin-right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.listApplication:after {
    display: none
}

.listApplication.swiper-wrapper {
    -ms-flex-wrap: initial;
    flex-wrap: initial
}

.listApplication li,
.listApplication .div-slide {
    width: 20%;
    float: left;
    padding: 0 15px 0px 15px;
    min-height: 100%;
}

.listApplication .box {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.listApplication .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 100%;
    padding: 20px 20px;
    background: #eee;
}

.listApplication .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    text-align: center;
    color: #343434
}

.listApplication .info {
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #343434;
}

.listApplication .btnDiv {
    text-align: left;
}

.listApplication .btnDiv .primary-btn {
    background-color: rgb(255 255 255 / 0%);
    border-color: rgb(255 255 255 / 0%);
    font-size: 18px;
    text-align: left;
    padding-left: 0;
    color: #1072b9 !important;
}

.listApplication .btnDiv .primary-btn:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    color: #555 !important;
}

.listApplication .pic {
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
}

.listApplication .pic:after {
    content: "";
    display: block;
    padding-top: 78%
}

.listApplication img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.listApplication .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

/*.listApplication li:nth-child(3n-1) .text {	background: rgba(0,0,0,0.3);}.listApplication li:nth-child(3n-1) .title {	color: #000}.listApplication li:nth-child(3n-1) .info {	color: #000}.listApplication li:nth-child(3n-1) .btnDiv .primary-btn {	background-color: #1072b9;	border-color: #1072b9;	color: #fff !important}.listApplication li:nth-child(3n-1) .box:hover .btnDiv a,.listApplication li:nth-child(3n-1) .box:hover .btnDiv span {	border-color: #fff;	background-color: #fff;	color: #1072b9 !important}*/
@media screen and (max-width:1340px) {
    .listApplication {
        margin-left: -30px;
        margin-right: -30px
    }

    .listApplication li {
        padding: 0 30px 60px 30px
    }
}

@media screen and (max-width:1023px) {
    .listApplication {
        padding-top: 0;
        margin-left: -10px;
        margin-right: -10px
    }

    .listApplication li {
        width: 50%;
        padding: 0 10px 20px 10px
    }

    .listApplication .title {
        font-size: 18px
    }
}

@media screen and (max-width:640px) {
    .listApplication {
        margin-left: 0;
        margin-right: 0
    }

    .listApplication li {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .listApplication .pic:after {
        display: none
    }

    .listApplication .pic img {
        width: 100%;
        position: static
    }
}

.home-about {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative
}

.home-about:before {
    content: "";
    display: block;
    width: 70%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(3px);
    position: absolute;
    top: 0;
    left: 0
}

.home-about>.container {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%
}

.home-about .container {
    position: relative;
    z-index: 1
}

.home-about .nr {
    width: 75%;
    padding-right: 20px
}

.home-about a {
    color: #fff
}

.home-about .logo {
    height: 50px;
    margin-bottom: 20px
}

.home-about .title {
    font-size: 30px;
    margin-bottom: 20px
}

.home-about .info {
    font-size: 18px
}

.home-about .btnDiv {
    text-align: right;
    padding-right: 100px
}

.home-about .btnDiv a {
    background-color: #1072b9;
    border-color: #1072b9;
    color: #fff !important
}

.home-about .btnDiv a:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width:1280px) {
    .home-about:before {
        width: 72%;
        width: calc(50% + 320px)
    }

    .home-about .btnDiv {
        padding-right: 60px
    }
}

@media screen and (max-width:1023px) {
    .home-about {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .home-about:before {
        width: 100%
    }

    .home-about .nr {
        width: 100%
    }

    .home-about .title {
        font-size: 24px
    }

    .home-about .info {
        font-size: 14px
    }

    .home-about .btnDiv {
        padding-right: 0;
        text-align: center
    }
}

.shuju {
    padding: 70px 0 0 0
}

.shuju .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.shuju .list:after {
    display: none
}

.shuju .list li {
    float: left;
    width: 50%;
    padding-bottom: 10px
}

.shuju .list .box {
    display: block
}

.shuju .list .quantity {
    font-family: "Inter-Bold"
}

.shuju .list .title {
    font-size: 14px;
    position: relative
}

.shuju .list sup {
    display: inline-block;
    vertical-align: top;
    font-size: 30px;
    line-height: 1
}

.shuju .list .num {
    display: inline-block;
    line-height: 60px;
    font-size: 45px
}

@media screen and (max-width:1023px) {
    .shuju {
        padding: 30px 0
    }

    .shuju .list .quantity {
        margin-bottom: 10px
    }

    .shuju .list .num {
        line-height: 30px;
        font-size: 24px
    }

    .shuju .list sup {
        font-size: 14px
    }

    .shuju .list .title {
        font-size: 14px
    }
}

.home-news {
    overflow: hidden;
    background-color: #f2f1f1;
    padding-top: 100px;
    padding-bottom: 80px
}

.home-news>.container {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%
}

.home-news .home-title {
    text-align: center;
    margin-bottom: 50px
}

.home-news .home-title .title {
    font-size: 30px;
    font-family: "Inter-Bold";
    margin-bottom: 40px
}

.home-news .home-title .btnDiv {
    margin-top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-news .col-2 {
    width: 50%;
    float: left
}

.home-news .col-2:first-child .list {
    margin-right: 0
}

.home-news .col-2:last-child .list {
    margin-left: 0
}

.home-news .list {
    margin-left: -20px;
    margin-right: -20px
}

.home-news .list li {
    width: 50%;
    float: left;
    padding: 0 20px 30px 20px
}

.home-news .list .box {
    display: block;
    color: #fff;
    position: relative
}

.home-news .list .text {
    padding: 10px 20px 10px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.home-news .list .title {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.home-news .list .title a {
    color: #fff
}

.home-news .list .pic {
    overflow: hidden;
    position: relative
}

.home-news .list .pic:after {
    content: "";
    display: block;
    padding-top: 75%
}

.home-news .list .pic img {
    width: auto;
    height: auto
}

.home-news .list .shareBtn {
    color: #dbdbdb;
    position: absolute;
    bottom: 0;
    right: 5px
}

.home-news .list .shareBtn .iconfont {
    font-size: 18px
}

.home-news .list img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-news .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.home-news .list .box:hover .btnDiv a,
.home-news .list .box:hover .btnDiv span {
    background-color: #fff;
    color: #1072b9
}

@media screen and (max-width:1023px) {
    .home-news {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .home-news .home-title {
        margin-bottom: 30px
    }

    .home-news .home-title .title {
        font-size: 24px;
        margin-bottom: 20px
    }

    .home-news .home-title .btnDiv {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .home-news .home-title .btnDiv a {
        min-width: 120px;
        line-height: 36px;
        font-size: 14px
    }

    .home-news .col-2:first-child {
        padding-right: 5px
    }

    .home-news .col-2:last-child {
        padding-left: 5px
    }

    .home-news .list {
        margin-left: -10px;
        margin-right: -10px
    }

    .home-news .list li {
        width: 100%;
        padding: 0 10px 30px 10px
    }

    .home-news .list .text {
        padding-bottom: 10px;
        position: static;
        background: #fff
    }

    .home-news .list .title {
        font-size: 16px;
        color: #333
    }

    .home-news .list .title a {
        color: #333
    }

    .home-news .list .shareBtn {
        bottom: 20px
    }
}

@media screen and (max-width:630px) {
    .home-news .col-2 {
        width: 100%;
        padding: 0 !important
    }
}

.latestProduct {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding-top: 80px
}

.latestProduct a {
    color: #fff
}

.latestProduct .title {
    font-family: "Inter-Bold";
    color: #1072b9;
    font-size: 28px
}

.latestProduct .info {
    font-size: 28px
}

.latestProduct .btnDiv {
    padding-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.primary-btn {
    display: inline-block;
    text-align: center;
    min-width: 200px;
    line-height: 38px;
    background: #1072b9;
    border: 1px #1072b9 solid;
    padding: 0 10px;
    border-radius: 40px;
    font-size: 20px;
    color: #fff !important
}

.primary-btn:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width:1023px) {
    .primary-btn {
        min-width: 150px;
        line-height: 30px;
        border-radius: 32px;
        font-size: 16px
    }
}

.primary-btn-xs {
    display: inline-block;
    text-align: center;
    min-width: 120px;
    line-height: 28px;
    background: #1072b9;
    border: 1px #1072b9 solid;
    padding: 0 10px;
    border-radius: 30px;
    font-size: 14px;
    color: #fff !important
}

.primary-btn-xs:hover {
    background-color: #1072b9;
    color: #fff !important;
    border-color: #1072b9
}

.primary-btn-m {
    display: inline-block;
    text-align: center;
    min-width: 180px;
    line-height: 48px;
    background: #1072b9;
    border: 1px #1072b9 solid;
    padding: 0 20px;
    border-radius: 48px;
    font-size: 24px;
    color: #fff !important
}

.primary-btn-m:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width:1023px) {
    .primary-btn-m {
        min-width: 120px;
        line-height: 38px;
        border-radius: 40px;
        font-size: 16px
    }
}

.secondary-btn {
    display: inline-block;
    text-align: center;
    min-width: 200px;
    line-height: 38px;
    border: 1px #fff solid;
    padding: 0 10px;
    border-radius: 40px;
    font-size: 20px;
    color: #fff !important
}

.secondary-btn:hover {
    background-color: #1072b9;
    color: #fff !important;
    border-color: #1072b9
}

.inside {
    background-color: #000
}

.solution {
    background-color: #000
}

.solution .list>li {
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 80px;
    position: relative
}

.solution .list>li .anchor {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -40px;
    left: 0
}

.solution .list>li>.box {
    width: 63.671875%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    padding-right: 90px;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 90px;
    min-height: 100%;
    min-height: 624px;
    position: relative
}

.solution .list>li:nth-child(2n)>.box {
    float: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 90px;
    padding-right: 90px
}

.solution .list .titleBig {
    font-size: 50px;
    line-height: 1;
    font-weight: 400;
    font-family: "Inter-Bold";
    margin-bottom: 20px
}

.solution .list .info {
    margin-bottom: 20px
}

.solution .list .info span {
    display: inline-block;
    background-color: #1072b9;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    padding: 1px 10px
}

.solution .list .info-2 {
    margin-bottom: 50px
}

.solution .list .btnDiv {
    text-align: right
}

.solution .list-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.solution .list-2>li {
    width: 50%;
    margin-bottom: 20px
}

.solution .list-2 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.solution .list-2 .box:hover .title {
    color: #1072b9
}

.solution .list-2 .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative
}

.solution .list-2 .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    font-size: 16px;
    line-height: 28px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
    display: inline-block;
    position: relative
}

@media screen and (max-width:1600px) {
    .solution .list {
        width: 100%;
        margin-left: 0
    }

    .solution .list>li>.box {
        padding-left: 30px;
        padding-right: 30px
    }

    .solution .list>li:nth-child(2n)>.box {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:1280px) {
    .solution .list .title {
        font-size: 14px
    }
}

@media screen and (max-width:1023px) {
    .solution .list .titleBig {
        font-size: 24px
    }

    .solution .list .info span {
        font-size: 16px;
        padding: 10px 10px
    }

    .solution .list .info-2 {
        margin-bottom: 20px
    }

    .solution .list>li {
        margin-bottom: 30px
    }

    .solution .list>li>.box {
        width: 100%;
        padding: 30px 10px !important;
        min-height: auto
    }

    .solution .list .btnDiv {
        text-align: left
    }

    .solution .list .list-2 .title {
        font-size: 14px
    }
}

@media screen and (max-width:630px) {
    .solution .list-2>li {
        width: 100%
    }
}

.about .titleBig {
    text-align: center;
    font-size: 42px;
    color: #1072b9;
    font-family: "Inter-Bold";
    font-weight: 700
}

@media screen and (max-width:1023px) {
    .about .titleBig {
        font-size: 24px
    }
}

.history {
    padding-top: 80px;
    overflow: hidden
}

.history .titleBig {
    margin-bottom: 50px
}

.history .menuTabs {
    position: relative
}

.history .menuTabs:before {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    bottom: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.history .menuTabs .text {
    color: #ababab;
    font-size: 16px;
    position: relative;
    padding-bottom: 40px;
    text-align: center;
    cursor: pointer
}

.history .menuTabs .text .icon {
    border: 1px #ddd solid;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    z-index: 2
}

.history .menuTabs .text .icon:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #ddd;
    overflow: hidden;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.history .menuTabs .text:hover {
    color: #1072b9
}

.history .menuTabs .swiper-slide-thumb-active .text {
    color: #1072b9
}

.history .menuTabs .swiper-slide-thumb-active .icon {
    border-color: #1072b9
}

.history .menuTabs .swiper-slide-thumb-active .icon:after {
    background-color: #1072b9
}

.history .conTabs {
    overflow: hidden;
    padding-top: 200px;
    padding-bottom: 200px;
    border-bottom: 1px #dedee0 solid;
    margin-bottom: 100px;
    position: relative
}

.history .conTabs .swiper-container {
    overflow: initial
}

.history .conTabs .img {
    position: relative;
    line-height: 0
}

.history .conTabs .img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0))
}

.history .conTabs .text {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 17px 20px;
    z-index: 6
}

.history .conTabs .year {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold
}

.history .conTabs .js {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 5px
}

.history .conTabs .wenzi {
    font-size: 10px;
    line-height: 1;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    max-width: 100%
}

.history .conTabs .swiper-slide {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: -1
}

.history .conTabs .swiper-slide-prev {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 0
}

.history .conTabs .swiper-slide-next {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 0
}

.history .conTabs .swiper-slide-active {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    z-index: 9
}

.history .conTabs .swiper-button-prev,
.history .conTabs .swiper-button-next {
    display: none
}

@media screen and (max-width:1023px) {
    .history {
        padding-top: 40px
    }

    .history .titleBig {
        margin-bottom: 30px
    }

    .history .conTabs {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px
    }

    .history .conTabs .swiper-container {
        overflow: hidden
    }

    .history .conTabs .swiper-slide-prev {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .history .conTabs .swiper-slide-next {
        -webkit-transform: scale(1);
        transform: scale(1);
        z-index: 0
    }

    .history .conTabs .swiper-slide-active {
        -webkit-transform: scale(1);
        transform: scale(1);
        z-index: 9
    }

    .history .conTabs .img img {
        width: 100%
    }

    .history .conTabs .text {
        padding: 30px 15px 20px 15px
    }

    .history .conTabs .year {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 5px
    }

    .history .conTabs .js {
        font-size: 20px;
        margin-bottom: 10px
    }

    .history .conTabs .wenzi {
        font-size: 14px
    }

    .history .conTabs .swiper-button-prev {
        left: 0
    }

    .history .conTabs .swiper-button-next {
        right: 0
    }

    .history .conTabs .swiper-button-prev,
    .history .conTabs .swiper-button-next {
        margin-top: -30px;
        display: block;
        width: 20px;
        height: 40px;
        text-align: center;
        background: rgba(0, 97, 194, 0.8)
    }

    .history .conTabs .swiper-button-prev:after,
    .history .conTabs .swiper-button-next:after {
        font-size: 20px;
        color: #fff;
        line-height: 40px
    }
}

.business-value {
    padding-bottom: 100px
}

.business-value .list li {
    padding-bottom: 100px
}

.business-value .list li:last-child {
    padding-bottom: 0
}

.business-value .list li:nth-child(2n) .box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.business-value .list li:nth-child(2n) .text {
    padding-left: 0;
    padding-right: 50px
}

.business-value .list .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.business-value .list .pic {
    width: 50%;
    float: left
}

.business-value .list .pic img {
    width: 100%
}

.business-value .list .text {
    width: 50%;
    float: left;
    padding-top: 20px;
    padding-left: 50px
}

.business-value .list .title {
    font-family: "Inter-Bold";
    font-size: 42px;
    color: #1072b9;
    line-height: 1;
    margin-bottom: 10px
}

.business-value .list .title-2 {
    font-size: 24px;
    color: #000046;
    margin-bottom: 10px
}

.business-value .list .info {
    line-height: 1.5;
    font-size: 18px;
    color: #000;
    margin-bottom: 20px
}

@media screen and (max-width:1280px) {
    .business-value .list .info {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .business-value {
        padding-bottom: 40px
    }

    .business-value .list li {
        padding-bottom: 40px
    }

    .business-value .list .pic {
        width: 100%
    }

    .business-value .list .pic img {
        width: 100%
    }

    .business-value .list .text {
        width: 100%;
        padding: 20px 0 0 0
    }

    .business-value .list .title {
        font-size: 24px
    }

    .business-value .list .title-2 {
        font-size: 20px
    }

    .business-value .list .info {
        font-size: 14px;
        line-height: 2
    }
}

.strengths {
    background-color: #1cb6eb;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    font-size: 21px;
    padding-top: 80px;
    padding-bottom: 80px
}

.strengths .titleBig {
    color: #fff;
    margin-bottom: 20px
}

.strengths .info {
    text-align: center
}

.strengths .list {
    max-width: 930px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto
}

.strengths .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 10px
}

.strengths .list .box {
    display: block;
    position: relative
}

.strengths .list .pic {
    position: relative
}

.strengths .list .pic:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0))
}

.strengths .list .text {
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    bottom: 10px
}

.strengths .list .title {
    font-size: 18px
}

.strengths .list .quantity {
    font-size: 36px;
    font-weight: bold;
    margin-top: 0
}

.strengths .list .quantity span {
    font-weight: initial;
    font-size: 20px
}

@media screen and (max-width:1280px) {
    .strengths {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .strengths {
        font-size: 14px;
        line-height: 2
    }

    .strengths .shuju-2 {
        -webkit-overflow-scrolling: touch;
        overflow: auto
    }

    .strengths .list {
        width: 1200px;
        margin-top: 40px
    }

    .strengths .list li {
        display: inline-block
    }
}

@media screen and (max-width:630px) {
    .strengths .list {
        width: 780px;
        margin-left: -5px;
        margin-right: -5px
    }

    .strengths .list li {
        padding: 0 5px
    }

    .strengths .list .title {
        font-size: 16px;
        line-height: 1.5
    }

    .strengths .list .quantity {
        font-size: 24px
    }

    .strengths .list .quantity span {
        font-size: 18px;
        margin-left: 3px
    }
}

.light {
    padding-top: 80px;
    padding-bottom: 80px
}

.light .title {
    color: #1072b9;
    font-size: 19px;
    margin-bottom: 15px
}
.light .nr{display:flex;flex-wrap:wrap;justify-content: space-between;margin-bottom: 50px;}
.light .img {width: 48%;}
.light .img img{width: 100%;display:block;border-radius: 20px;}
.light .info {font-size: 20px;color:#3e3f41;line-height: 2;width: 48%;text-align: left;}
.light .info .p1{font-size: 16px;color:#1072b9;line-height: 1.5;margin-bottom:5px;font-weight:bold; }
.light .info .p2{font-size: 26px;color:#1072b9;line-height: 1.5;margin-bottom:30px; }
.light .info .p3{font-size: 20px;color:#3e3f41;line-height: 2;margin-bottom:50px; }
.light .info .btn{width: 230px;height:52px;background:#1072b9;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;border-radius: 5px;}
.light .info .btn .icon{fill:currentcolor;margin-left:10px;}




.vision{padding:80px 0;}
.vision_nr{display:flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.vision_nr .img {width: 48%;}
.vision_nr .img img{width: 100%;display:block;border-radius: 20px;}
.vision_nr .info {width: 48%;text-align: left;}
.vision_nr .info .p1{font-size: 16px;color:#1072b9;line-height: 1.5;margin-bottom:5px;font-weight:bold; }
.vision_nr .info .p2{font-size: 26px;color:#1072b9;line-height: 1.5;margin-bottom:30px; }
.vision_nr .info .p3{font-size: 20px;color:#3e3f41;line-height: 2;margin-bottom:50px; }
.vision_nr .info .btn{width: 230px;height:52px;background:#1072b9;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;border-radius: 5px;}
.vision_nr .info .btn .icon{fill:currentcolor;margin-left:10px;}


@media screen and (max-width:1280px) {
    .light .info {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .light {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .light .titleBig {
        margin-bottom: 10px
    }

    .light .title {
        font-size: 18px
    }

    .light .info {
        font-size: 14px;
        line-height: 2
    }
    .light .nr{margin-bottom:30px;}
    .light .img{width:100%;}
    .light .info{width:100%;margin-top: 30px;}
    .light .info .p2{font-size: 22px;margin-bottom: 10px;}
    
    
    .vision{padding:40px 0;}
    .vision_nr .img{width:100%;}
    .vision_nr .info{width:100%;font-size: 18px;margin-bottom: 30px;}
    .vision_nr .info .p2{font-size: 22px;margin-bottom: 10px;}
    .vision_nr .info .p3{font-size: 18px;margin-bottom: 20px;}
}

.brief {
    background: #1072b9;
    color: #fff;
    font-size: 21px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 100px
}

.brief a {
    color: #fff
}

.brief video {
    max-width: 100%
}

@media screen and (max-width:1280px) {
    .brief {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .brief {
        font-size: 14px;
        line-height: 2;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.inside-2 {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden
}

.inside-2>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inside-2 .left {
    width: 300px;
    float: left
}

.inside-2 .right {
    width: calc(100% - 300px);
    float: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px
}

.inside-2 .right .shm {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 40px
}

.inside-2 .right .titleBig {
    color: #000;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: "Inter-Bold"
}

.inside-2 .features {
    background-color: #ffffff;
    color: #000000;
    padding-top: 30px;
    /* padding-bottom: 60px; */
    padding-left: 44px;
    font-size: 18px;
    line-height: 1.5;
    position: relative
}

.inside-2 .features:after {
    content: "";
    display: block;
    width: 100%;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.inside-2 .features .titleBig {
    color: #000000;
}

.inside-2 .features .p-1 {
    font-size: 21px;
    margin-bottom: 20px
}

@media screen and (max-width:1023px) {
    .inside-2 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .inside-2>.container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .inside-2 .left {
        width: 100%
    }

    .inside-2 .right {
        width: 100%;
        padding: 30px 0 0 0
    }

    .inside-2 .right .titleBig {
        font-size: 24px;
        margin-bottom: 10px
    }

    .inside-2 .right .shm {
        font-size: 14px;
        line-height: 2;
        margin-bottom: 30px
    }

    .inside-2 .features {
        font-size: 14px;
        line-height: 1.5;
        padding: 20px 20px
    }

    .inside-2 .features .p-1 {
        font-size: 18px;
        line-height: 1.5
    }
}

.asideNav {
    padding-top: 20px;
    padding-bottom: 60px
}

.asideNav .list li {
    padding-bottom: 30px
}

.asideNav .list li:last-child {
    padding-bottom: 0
}

.asideNav .list .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 30px;
    font-size: 17px
}

.asideNav .list .box:hover {
    color: #1072b9
}

.asideNav .list .box:hover .img-1 {
    display: none
}

.asideNav .list .box:hover .img-2 {
    display: block
}

.asideNav .list .icon {
    width: 30px;
    height: 30px;
    display: block;
    position: relative
}

.asideNav .list .img-2 {
    display: none
}

.asideNav .list span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

.left-mobile {
    display: none;
}

@media screen and (max-width:1023px) {
    .asideNav {
        padding-top: 0;
        padding-bottom: 40px
    }

    .asideNav .list li {
        width: 50%;
        float: left;
        padding-bottom: 20px
    }

    .asideNav .list .box {
        font-size: 18px;
        padding-left: 30px;
    }

    .asideNav .list li:nth-child(1) a {
        background: url(../images/home1.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(2) a {
        background: url(../images/home2.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(3) a {
        background: url(../images/home3.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(4) a {
        background: url(../images/home4.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(5) a {
        background: url(../images/home5.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(6) a {
        background: url(../images/home6.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(1):hover a {
        background: url(../images/home10.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(2):hover a {
        background: url(../images/home20.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(3):hover a {
        background: url(../images/home30.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(4):hover a {
        background: url(../images/home40.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(5):hover a {
        background: url(../images/home50.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(6):hover a {
        background: url(../images/home60.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(1).active a {
        background: url(../images/home10.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(2).active a {
        background: url(../images/home20.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(3).active a {
        background: url(../images/home30.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(4).active a {
        background: url(../images/home40.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(5).active a {
        background: url(../images/home50.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li:nth-child(6).active a {
        background: url(../images/home60.png)no-repeat left center;
        background-size: 20px;
    }

    .asideNav .list li.active a {
        color: #1072b9;
    }

    /*.left-pc {
        display: none;
    }

    .left-mobile {
        display: block;
    }*/
    
    
}

.xilie .titleBig {
    color: #333;
    font-size: 20px;
    border-bottom: 1px #333 solid;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.xilie .list {
    font-size: 18px;
    color: #333
}

.xilie .list a {
    display: block;
    color: #333;
    padding: 10px 0
}

.xilie .list .box:hover {
    color: #1072b9
}

.inside-2 .left h3 {
    color: #000;
    font-size: 24px;

}



.left-pc-l{padding:20px;margin-bottom:20px;border: 1px #eee solid;}

.cplx{
    position: relative;
    border-bottom: 1px #000 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.cplx .icon {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cplx .icon:before,
.cplx .icon:after {
    content: "";
    margin: auto;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cplx .icon:before {
    width: 15px;
    height: 15px;
    border-top: 2px #000 solid;
    border-right: 2px #000 solid
}

.cplx.active .icon:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}


.cpzx-l {
    margin-bottom: 20px;
}

.cpzx-l dl {
    /* border-left:1px solid #eee; */
    /* border-right:1px solid #eee; */
    margin-bottom: 10px;
}

.cpzx-l dl dt {
    display: flex;
    flex-wrap: wrap;
}

.cpzx-l dl dt a {
    font-size: 20px;
    padding-left: 30px;
    line-height: 40px;
    width: 218px;
}

.cpzx-l dl dt span {
    width: 40px;
    height: 40px;
    background: url(../images/jia.png)no-repeat center;
    background-size: 50%;
}

.cpzx-l dl.active dt span {
    background: url(../images/jian.png)no-repeat center;
    background-size: 50%;
}

.cpzx-l dl:nth-child(1) dt a {
    background: url(../images/home1.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(2) dt a {
    background: url(../images/home2.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(3) dt a {
    background: url(../images/home3.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(4) dt a {
    background: url(../images/home4.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(5) dt a {
    background: url(../images/home5.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(6) dt a {
    background: url(../images/home6.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(1):hover dt a {
    background: url(../images/home10.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(2):hover dt a {
    background: url(../images/home20.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(3):hover dt a {
    background: url(../images/home30.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(4):hover dt a {
    background: url(../images/home40.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(5):hover dt a {
    background: url(../images/home50.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(6):hover dt a {
    background: url(../images/home60.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(1).active dt a {
    background: url(../images/home10.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(2).active dt a {
    background: url(../images/home20.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(3).active dt a {
    background: url(../images/home30.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(4).active dt a {
    background: url(../images/home40.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(5).active dt a {
    background: url(../images/home50.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl:nth-child(6).active dt a {
    background: url(../images/home60.png)no-repeat left center;
    background-size: 20px;
}

.cpzx-l dl dt a {
    color: #000;
    display: block;
}

.cpzx-l dl dt a[href]:hover,
.cpzx-l dl dt a.active {
    color: #1072b9;
}

.cpzx-l dl dd {
    display: none;
}

.cpzx-l dl dd a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    padding: 0 30px;
    height: 40px;
    font-size:16px;
}

.cpzx-l dl dd a p {
    width: 5px;
    height: 7px;
    position: relative;
    overflow: hidden;
}

.cpzx-l dl dd a p .img1 {
    display: block;
}

.cpzx-l dl dd a p .img2 {
    position: absolute;
    top: 0;
    left: 10px;
}

.cpzx-l dl dd a.active,
.cpzx-l dl dd a:hover {
    color: #1072b9;
}

.cpzx-l dl dd a.active .img1,
.cpzx-l dl dd a:hover .img1 {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}

.cpzx-l dl dd a.active .img2,
.cpzx-l dl dd a:hover .img2 {
    left: 0;
}

.cpzx-l dl dt:hover a {
    color: #1072b9;
}

.cpzx-l dl.active dt a {
    color: #1072b9;
}

.cpyy dd a {
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 40px;
    padding-left: 30px;
    background: url(../images/wx.png)no-repeat left center;
    background-size: 20px;
}

.cpyy dd a.on {
    background: url(../images/gx.png)no-repeat left center;
    background-size: 20px;
    color: #1072b9;
}



.d-y{display:none;}




.nav-ul li{border:1px solid #dcdcdc;margin-bottom: 20px;}
.nav-ul li .title{padding: 10px;display: flex;justify-content: space-between;position: relative;cursor: pointer;}
.nav-ul li .title h3{font-size: 20px;color: #333;line-height: 30px;font-weight:normal;}
.nav-ul li .title i {
    width: 30px;
    height: 30px;
    display:block;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
.nav-ul li .title i:before,
.nav-ul li .title i:after {
    content: "";
    margin: auto;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.nav-ul li .title i:before {
    width: 15px;
    height: 15px;
    border-top: 3px #dcdcdc solid;
    border-right: 3px #dcdcdc solid;
}

.nav-ul li.active .title i:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav-dl{border-top:1px solid #dcdcdc;padding:10px 0;display:none;max-height:375px;overflow:auto;}

.nav-dl::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  
}
.nav-dl::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgb(0 ,0 ,0,0.1);
  border-radius: 10px;
  background-color: rgba(0 ,0 ,0,0.1);
}
.nav-dl::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
}











.nav-dl dl dt{display: flex;align-items: center;position: relative;line-height:1.8;}
.nav-dl dl dt span {
    width: 30px;
    height: 30px;
    display:block;
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.nav-dl dl dt span:before,
.nav-dl dl dt span:after {
    content: "";
    margin: auto;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.nav-dl dl dt span:before {
    width: 13px;
    height: 13px;
    border-top: 2px #333 solid;
    border-right: 2px #333 solid;
}

.nav-dl dl.active dt span:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.nav-dl dl dt a{font-size:20px;color:#333;margin-left: 38px;padding-left: 30px;background: url(../images/wx.png)no-repeat left center;background-size: 18px;}
.nav-dl dl dt a.on{background: url(../images/gx.png)no-repeat left center;background-size: 18px;}
.nav-dl dl dd{display:none;}
.nav-dl dl dd a{font-size:20px;color:#333;display:block;margin-left: 68px;padding-left: 30px;background: url(../images/wx.png)no-repeat left center;background-size: 18px;line-height:1.8;}
.nav-dl dl dd a.on{background: url(../images/gx.png)no-repeat left center;background-size: 18px;}















@media screen and (max-width:1023px) {
    .xilie .titleBig {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .xilie .list {
        font-size: 14px
    }
    
    .cpzx-l dl dt a{width:calc(100% - 40px);}
    
    .cpyy dd{
        height:240px;
        overflow: auto;
    }
    .cpyy dd::-webkit-scrollbar {
        width: 3px;
    }
    .cpyy dd::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
        border-radius: 5px;
    }
    .cpyy dd::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    }
}

.listProduct {
    margin-left: -20px;
    margin-right: -20px
}

.listProduct li {
    width: 25%;
    float: left;
    padding: 0 15px 30px 15px;
}

.listProduct .box {
    display: block;
    position: relative;
}

.listProduct .pic {
    overflow: hidden;
    background-color: #eaeaea;
    position: relative;
    border: 1px solid #eee;
}

.listProduct .pic:after {
    content: "";
    display: block;
    padding-top: 75%
}

.listProduct img {
    width: auto;
    height: auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

/*.listProduct .title {	color: #343434;	width: 100%;	line-height: 24px;	overflow: hidden;	display: -webkit-box;	-webkit-box-orient: vertical;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	font-size: 16px;	text-align:center;	font-weight: bold;	background: #eee;	padding: 20px;}*/
.listProduct .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.listProduct .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 100%;
    padding: 20px 20px;
    background: #eee;
}

.listProduct .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    text-align: center;
    color: #343434
}

.listProduct .info {
    font-size: 18px;
    line-height: 28px;
    height:56px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #343434;
}

.listProduct .btnDiv {
    text-align: left;
}

.listProduct .btnDiv .primary-btn {
    background-color: rgb(255 255 255 / 0%);
    border-color: rgb(255 255 255 / 0%);
    font-size: 18px;
    text-align: left;
    padding-left: 0;
    color: #1072b9 !important;
}

.listProduct .btnDiv .primary-btn:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    color: #555 !important;
}

.p120 {
    padding-top: 120px;
}

@media screen and (max-width:1600px) {
    .listProduct li {
        width: 33.33333%;
    }
}

@media screen and (max-width:960px) {
    .listProduct li {
        width: 50%;
    }
}

@media screen and (max-width:500px) {
    .listProduct li {
        width: 100%;
        max-width: initial
    }

    .listProduct img {
        width: 100%
    }
}

.application {
    padding-bottom: 80px
}

.application .titleBig {
    color: #1072b9;
    font-size: 42px;
    margin-bottom: 20px;
    text-align: center;
    margin-bottom: 50px
}

@media screen and (max-width:1023px) {
    .application {
        padding-bottom: 40px
    }

    .application .titleBig {
        font-size: 24px
    }
}

div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 500px;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    display: none;
    text-align: center;
    overflow: hidden
}

div.zoomMask {
    position: absolute;
    background: url(../images/touming.gif);
    z-index: 1;
    z-index: 9999
}

div.zoomDiv img {
    width: 200%;
    height: 200%;
    max-width: initial;
    max-height: initial
}

.product-show .large {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border:1px solid #eee;
}

.product-show .large .box {
    display: block;
    position: relative
}

.product-show .large .box:after {
    content: "";
    display: block;
    padding-top: 100%
}

.product-show .small {
    overflow: hidden;
    margin-top: 10px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.product-show .small li {
    padding: 2px 0
}

.product-show .small .box {
    max-width: 104px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    position: relative
}

.product-show .small .box img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.product-show .small .box:after {
    content: "";
    display: block;
    padding-top: 100%
}

.product-show .small .box:hover {
    -webkit-box-shadow: 0 0 0 1px #1072b9 inset;
    box-shadow: 0 0 0 1px #1072b9 inset;
    border-color: #1072b9
}

.product-show .small .box:hover img {
    -webkit-transform: translate(1.1);
    transform: translate(1.1)
}

.product-show .small .box .playBtn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product-show .small .box .playBtn span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .100px 0 .100px 16px;
    border-color: transparent transparent transparent #1072b9;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product-show .small .swiper-slide-thumb-active .box {
    -webkit-box-shadow: 0 0 0 1px #1072b9 inset;
    box-shadow: 0 0 0 1px #1072b9 inset
}

.product-show .hd {
    overflow: hidden;
}

.product-show .hd .left {
    width: 50%;
    float: left
}

.product-show .hd .right {
    width: 50%;
    padding-left: 40px;
    float: right
}

.product-show .hd .title {
    font-family: "Inter-Bold";
    color: #000;
    font-size: 21px;
    line-height: 1.5;
    padding-bottom: 10px;
    position: relative
}

.product-show .hd .des {
    color: #000;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 25px
}

.product-show .hd .btnDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -20px
}

.product-show .hd .btnDiv a.primary-btn-m {
    margin-right: 65px;
    min-width: 120px;
    line-height: 40px;
    font-size: 18px;
}

@media screen and (max-width:1023px) {
    .product-show .hd {
        padding-bottom: 20px
    }

    .product-show .hd .left {
        width: 100%
    }

    .product-show .hd .right {
        width: 100%;
        padding: 20px 0 0 0
    }

    .product-show .hd .title {
        font-size: 24px
    }

    .product-show .hd .des {
        line-height: 2
    }

    .product-show .hd .btnDiv {
        margin-right: -10px
    }

    .product-show .hd .btnDiv a {
        margin-right: 10px
    }

    .product-show .small .box {
        max-width: 60px;
        margin-left: auto;
        margin-right: auto
    }
}

.video {
    margin-bottom: 50px
}

.video .list {
    margin-left: -25px;
    margin-right: -25px
}

.video .list li {
    width: 50%;
    float: left;
    padding: 0 25px
}

.video .list .box {
    display: block
}

.video .list video {
    width: 100%
}

.video .list .videoClick {
    position: relative
}

.video .list .videoClick img {
    width: 100%
}

.video .list .title {
    background: -webkit-gradient(linear, left top, right top, from(#0f2574), to(#fca766));
    background: linear-gradient(to right, #0f2574, #fca766);
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 60px
}

@media screen and (max-width:1023px) {
    .video {
        margin-bottom: 30px
    }

    .video .list {
        margin-left: -5px;
        margin-right: -5px
    }

    .video .list li {
        padding: 0 5px
    }
}

@media screen and (max-width:630px) {
    .video .list li {
        width: 100%;
        padding-bottom: 10px
    }

    .video .list li:last-child {
        padding-bottom: 0
    }

    .video .list img {
        width: 100%
    }

    .video .list .title {
        font-size: 18px;
        line-height: 40px
    }
}

.menuSub {
    width: 100%;
    position: relative;
    z-index: 9;
    margin-top: 90px;
    text-align: center
}

.menuSub .list {
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 80px;
    text-align: center;
    font-size: 0;
    position: relative;
    z-index: 1
}

.menuSub .list:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px #656569 solid;
    border-radius: 80px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.menuSub .list li {
    display: inline-block;
    vertical-align: top;
    min-width: 320px;
    text-align: center;
    position: relative
}

.menuSub .list li .box {
    color: #000;
    font-size: 30px;
    display: block;
    vertical-align: top;
    max-width: 100%;
    padding: 0 20px;
    position: relative
}

.menuSub .list li .box .title {
    line-height: 80px;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.menuSub .list li .box:hover {
    background-color: #1072b9;
    color: #fff
}

.menuSub .list li .box:hover:after {
    width: 100%
}

.menuSub .list li:last-child:after {
    display: none
}

.menuSub .list li.active a {
    background-color: #1072b9;
    color: #fff
}

.menuSub .list li.active a:after {
    width: 100%
}

.menuSub.menuSub-2 {
    margin-top: 0
}

.menuSub.menuSub-2 .list li {
    min-width: 160px
}

.menuSub.menuSub-2 .list li .box {
    font-size: 16px
}

.menuSub.menuSub-2 .list li .title {
    line-height: 60px;
    height: 60px
}

@media screen and (max-width:1023px) {
    .menuSub {
        margin-top: 40px
    }

    .menuSub .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .menuSub .list:after {
        display: none
    }

    .menuSub .list li {
        min-width: 100px
    }

    .menuSub .list li .box {
        font-size: 14px
    }

    .menuSub .list li .box .title {
        height: 40px;
        line-height: 40px
    }
}

.page {
    text-align: center;
    color: #8c8f94;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page .loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite
}

@media screen and (max-width:1023px) {
    .page {
        font-size: 18px
    }
}

.inside-3 {
    padding-top: 80px;
    padding-bottom: 100px;
    overflow: hidden
}

.inside-3>.container {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%
}

.inside-3 .shm {
    font-size: 30px;
    line-height: 1.5;
    text-align: center;
    color: #1072b9;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.inside-3 .shm .btnDiv {
    padding-top: 40px
}

.inside-3 .page {
    padding-top: 36px
}

.inside-3 .btnDiv {
    font-size: 0
}

.inside-3 .btnDiv a {
    margin: 0 25px
}

.inside-3 .btnDiv a:first-child {
    margin-left: 0
}

.inside-3 .btnDiv a:last-child {
    margin-right: 0
}

@media screen and (max-width:1023px) {
    .inside-3 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .inside-3 .shm {
        font-size: 20px
    }

    .inside-3 .btnDiv a {
        margin: 0 5px;
        padding: 0 10px
    }

    .inside-3 .page {
        padding-top: 25px
    }
}

.hotNews {
    margin-top: 70px
}

.hotNews .titleBig {
    color: #1072b9;
    font-size: 42px;
    font-family: "Inter-Bold";
    margin-bottom: 20px
}

.hotNews .box {
    display: block;
    cursor: pointer;
    font-size: 42px;
    position: relative
}

.hotNews .pic {
    overflow: hidden;
    position: relative
}

.hotNews .pic img {
    position: static;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    height: auto
}

.hotNews .text {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    left: 0
}

.hotNews .date {
    font-size: 18px;
    opacity: .5
}

.hotNews .title {
    font-size: 30px;
    line-height: 40px;
    max-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.hotNews .info {
    font-size: 16px;
    opacity: .5;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.hotNews .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:1023px) {
    .hotNews {
        margin-top: 40px
    }

    .hotNews .titleBig {
        font-size: 24px
    }

    .hotNews .date {
        font-size: 14px
    }

    .hotNews .title {
        font-size: 20px
    }

    .hotNews .info {
        font-size: 14px
    }
}

@media screen and (max-width:630px) {
    .hotNews .text {
        position: static;
        padding: 10px 20px
    }

    .hotNews .title {
        font-size: 14px;
        line-height: 24px;
        max-height: 48px
    }

    .hotNews .info {
        display: none
    }
}

.newsList {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.newsList:after {
    display: none
}

.newsList li {
    width: 25%;
    float: left;
    padding: 0 20px 40px 20px
}

.newsList .box {
    display: block;
    color: #000;
    padding: ;
    border: 1px #e8e9e9 solid;
    min-height: 100%
}

.newsList .pic {
    position: relative
}

.newsList .pic:after {
    content: "";
    display: block;
    padding-top: 75%
}

.newsList .pic img {
    width: auto;
    height: auto
}

.newsList .text {
    padding: 20px 20px 30px 20px
}

.newsList .title {
    font-size: 18px;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    margin-bottom: 20px
}

.newsList .info {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newsList .info .gd {
    padding-left: 30px;
    background: url(../images/r.png)no-repeat left center;
    background-size: 23px;
    color: #1072b9;
}

.newsList .box:hover {
    border-color: #1072b9
}

.newsList .box:hover .primary-btn-2 {
    background-color: #1072b9;
    color: #fff !important
}

@media screen and (max-width:1023px) {
    .newsList {
        margin-top: 40px;
        margin-left: -5px;
        margin-right: -5px
    }

    .newsList li {
        padding: 0 5px 10px 5px
    }

    .newsList .title {
        font-size: 20px
    }

    .newsList .info {
        font-size: 14px;
        margin-bottom: 30px
    }
}

@media screen and (max-width:630px) {
    .newsList li {
        width: 100%
    }

    .newsList .pic:after {
        display: none
    }

    .newsList .pic img {
        width: 100%;
        position: static
    }

    .newsList .text {
        padding: 20px 10px
    }

    .newsList .title {
        font-size: 16px;
        line-height: 24px;
        height: 48px
    }

    .newsList .info {
        margin-bottom: 20px
    }

    .newsList .date {
        font-size: 12px
    }
}

.application-2 .hot {
    background-color: #006fd3;
    background: -webkit-gradient(linear, left top, right top, from(#00a3f5), to(#012ebd));
    background: linear-gradient(to right, #00a3f5, #012ebd);
    color: #fff;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px
}

.application-2 .hot .col-2 {
    width: 50%;
    float: left
}

.application-2 .hot .col-2:first-child {
    padding-right: 30px
}

.application-2 .hot .col-2:last-child {
    padding-left: 30px
}

.application-2 .hot .title {
    font-family: "Inter-Bold";
    font-size: 30px;
    border-left: 3px #fff solid;
    line-height: 30px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    position: relative
}

.application-2 .hot .info {
    font-size: 24px;
    color: #fff;
    opacity: .6;
    line-height: 30px;
    margin-bottom: 40px
}

.application-2 .hot .pics .list {
    margin-left: -4px;
    margin-right: -4px
}

.application-2 .hot .pics .list li {
    width: 50%;
    float: left;
    padding: 0 4px
}

.application-2 .hot .pics .list .pic {
    overflow: hidden;
    position: relative
}

.application-2 .hot .pics .list .pic:after {
    content: "";
    display: block;
    padding-top: 66.10169492%
}

.application-2 .hot .pics .list img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.application-2 .hot .pics .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.application-2 .part {
    padding-top: 80px;
    padding-bottom: 80px;
    background-position: center top;
    background-size: cover;
    position: relative
}

.application-2 .part .anchor {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -40px;
    left: 0
}

.application-2 .part-2 .titleBig .title {
    color: #fff
}

.application-2 .part-2 .listApplication-2 .title {
    color: #fff
}

.application-2 .titleBig {
    line-height: 1.5;
    color: #1072b9;
    margin-bottom: 40px
}

.application-2 .titleBig .title {
    font-size: 56px;
    font-family: "Inter-Bold"
}

.application-2 .titleBig .info {
    font-size: 24px
}

.application-2 .nr {
    position: relative
}

.application-2 .swiper-container {
    position: relative
}

.application-2 .listApplication-2 {
    margin-left: 0;
    margin-right: 0
}

.application-2 .swiper-wrapper .div-slide {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.application-2 .listApplication {
    margin-left: 0;
    margin-right: 0
}

.application-2 .swiper-button-prev,
.application-2 .swiper-button-next {
    width: 40px;
    height: 70px;
    background-color: #1072b9;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -20px
}

.application-2 .swiper-button-prev:after,
.application-2 .swiper-button-next:after {
    font-size: 24px
}

.application-2 .swiper-button-prev:hover,
.application-2 .swiper-button-next:hover {
    background-color: #fca766
}

.application-2 .swiper-button-prev {
    left: -80px
}

.application-2 .swiper-button-next {
    right: -80px
}

@media screen and (max-width:1440px) {
    .application-2 .swiper-button-prev {
        left: -40px
    }

    .application-2 .swiper-button-next {
        right: -40px
    }
}

@media screen and (max-width:1360px) {
    .application-2 .swiper-button-prev {
        left: -30px
    }

    .application-2 .swiper-button-next {
        right: -30px
    }
}

@media screen and (max-width:1280px) {
    .application-2 .nr {
        padding-left: 40px;
        padding-right: 40px
    }

    .application-2 .swiper-button-prev {
        left: -10px
    }

    .application-2 .swiper-button-next {
        right: -10px
    }
}

@media screen and (max-width:1023px) {
    .application-2 .hot .col-2 {
        width: 100%;
        padding: 0 !important;
        margin-bottom: 30px
    }

    .application-2 .hot .title {
        font-size: 24px;
        padding-left: 10px;
        margin-bottom: 10px
    }

    .application-2 .hot .info {
        font-size: 14px;
        line-height: 2;
        margin-bottom: 20px
    }

    .application-2 .part {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .application-2 .nr {
        padding-left: 20px;
        padding-right: 20px
    }

    .application-2 .titleBig {
        margin-bottom: 30px
    }

    .application-2 .titleBig .title {
        font-size: 24px
    }

    .application-2 .titleBig .info {
        font-size: 14px
    }

    .application-2 .swiper-container {
        padding: 0
    }

    .application-2 .swiper-button-prev,
    .application-2 .swiper-button-next {
        width: 20px;
        height: 40px
    }

    .application-2 .swiper-button-prev:after,
    .application-2 .swiper-button-next:after {
        font-size: 16px
    }

    .application-2 .swiper-button-prev {
        left: -10px
    }

    .application-2 .swiper-button-next {
        right: -10px
    }

    .application-2 .div-slide {
        width: 50% !important
    }
}

@media screen and (max-width:640px) {
    .application-2 .div-slide {
        width: 100% !important
    }
}

.privacy .nr {
    margin: 0 auto;
    padding: 3.5% 3%;
    -webkit-box-shadow: 0 0 80px #eaeaea;
    box-shadow: 0 0 80px #eaeaea;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    font-size: 16px;
    line-height: 2
}
.privacy .af-nr{margin-top: 0px;}

.bread {
    background-color: #f7f7f7;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bread a,
.bread span {
    color: #333;
    margin: 0 15px
}

.bread a:first-child,
.bread span:first-child {
    margin-left: 0
}

.pc-bread{display:none;}

@media screen and (max-width:1023px) {
    .bread {
        font-size: 14px
    }

    .bread a,
    .bread span {
        margin: 0 5px
    }

    .bread a:first-child,
    .bread span:first-child {
        margin-left: 0
    }
    .pc-bread{display:block;}
    
    .privacy .nr{padding: 5%;}
}

.inside-4 {
    padding-bottom: 80px
}

@media screen and (max-width:1023px) {
    .inside-4 {
        padding-bottom: 40px
    }
}

.news-show {
    font-size: 16px;
    position: relative
}

.news-show .container:after {
    content: "";
    display: block;
    clear: both
}

.news-show .left {
    float: left;
    width: 73.33%
}

.news-show .left .hd {
    margin-bottom: 30px
}

.news-show .right {
    float: right;
    width: 25%;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    left: 0
}

.news-show .rightC {
    position: relative
}

.news-show .title-show {
    font-family: "Inter-Bold";
    font-size: 30px
}

.news-show .info-show {
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #999;
    margin-bottom: 20px
}

.news-show .info-show .view {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.news-show .info-show .date {
    margin-right: 10px
}

.news-show .info-show .icon {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.news-show .titleBig {
    line-height: 1;
    font-family: "Inter-Bold";
    font-size: 24px;
    padding-left: 0;
    margin-bottom: 20px;
    position: relative
}

.news-show .titleBig:before {
    content: "";
    display: block;
    width: 8px;
    height: 24px;
    background-color: #1072b9;
    position: absolute;
    top: 0;
    left: -30px
}

.news-show .latest {
    background-color: #fff;
    padding: 30px 30px;
    margin-bottom: 20px
}

.news-show .appRec {
    background-color: #fff;
    padding: 30px 30px;
    margin-bottom: 20px
}

.news-show .latestList .box {
    display: block;
    border-bottom: 1px #eee solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative
}

.news-show .latestList .box:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #1072b9;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.news-show .latestList .date {
    color: #1072b9
}

.news-show .latestList .title {
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.news-show .latestList .box:hover:after {
    width: 100%
}

.news-show .latestList li:last-child .box {
    margin-bottom: 0
}

.news-show .listAppRec img {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.news-show .listAppRec .box {
    display: block;
    position: relative
}

.news-show .listAppRec .pic {
    overflow: hidden
}

.news-show .listAppRec .title {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px
}

.news-show .listAppRec .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.news-show .share {
    background-color: #fff;
    padding: 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-show .share a {
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #eee;
    text-align: center;
    line-height: 40px;
    margin-right: 10px
}

.news-show .share a .iconfont {
    font-size: 18px
}

.news-show .share a:hover {
    background-color: #1072b9;
    color: #fff
}

@media screen and (max-width:1280px) {
    .news-show .titleBig {
        font-size: 16px
    }

    .news-show .titleBig:before {
        top: -5px
    }
}

@media screen and (max-width:1023px) {
    .news-show .left {
        width: 100%;
        padding-bottom: 30px
    }

    .news-show .left .hd {
        margin-bottom: 20px
    }

    .news-show .right {
        width: 100%
    }

    .news-show .title-show {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 20px
    }
}

.prevNext {
    padding-top: 40px
}

@media screen and (max-width:1023px) {
    .prevNext {
        padding-top: 20px
    }
}

.prev-next-return {
    background-color: #fafafa;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    margin-top: 40px
}

.prev-next-return .container {
    position: relative
}

.prev-next-return .list {
    padding: 30px 160px 30px 0
}

.prev-next-return .bt {
    font-weight: ;
    font-family: "Inter-Bold";
    color: #1072b9;
    min-width: 110px;
    display: inline-block
}

.prev-next-return a {
    display: block;
    overflow: hidden;
    border-radius: 0
}

.prev-next-return em {
    font-style: initial
}

.prev-next-return .prev,
.prev-next-return .next {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.prev-next-return .prev a,
.prev-next-return .next a {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    padding: 0 30px
}

.prev-next-return .prev:hover a,
.prev-next-return .next:hover a {
    color: #1072b9
}

.prev-next-return .return {
    text-align: center;
    width: 160px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.prev-next-return .return a {
    background-color: #1072b9;
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.prev-next-return .return a svg {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px;
    fill: #fff
}

.prev-next-return .return a:hover {
    background: #1072b9;
    color: #fff
}

.prev-next-return .return a:hover svg {
    fill: #fff
}

@media screen and (max-width:1023px) {
    .prev-next-return {
        font-size: 14px;
        margin-top: 20px
    }

    .prev-next-return .list {
        padding: 10px 20px;
        margin-bottom: 10px
    }

    .prev-next-return a {
        height: 40px;
        line-height: 40px
    }

    .prev-next-return .prev,
    .prev-next-return .next {
        width: 100%;
        height: 40px;
        line-height: 40px
    }

    .prev-next-return .prev a,
    .prev-next-return .next a {
        padding: 0 0
    }

    .prev-next-return .prev .iconfont,
    .prev-next-return .next .iconfont {
        font-size: 18px
    }

    .prev-next-return .prev .bt,
    .prev-next-return .next .bt {
        min-width: 80px
    }

    .prev-next-return .return {
        width: 100%;
        height: 40px;
        line-height: 40px;
        position: static
    }

    .prev-next-return .return a {
        height: 40px;
        line-height: 40px
    }

    .prev-next-return .return a svg {
        margin-right: 5px
    }
}

.solution-show {
    font-size: 16px;
    position: relative
}

.solution-show .title-show {
    font-family: "Inter-Bold";
    font-size: 42px;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#59dae4), to(#034faf));
    background: linear-gradient(to right, #59dae4, #034faf);
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px
}

.solution-show .bread {
    margin-bottom: 40px
}

.solution-show .p-1 {
    font-family: "Inter-Bold";
    font-size: 30px
}

@media screen and (max-width:1023px) {
    .solution-show .title-show {
        font-size: 24px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .solution-show .p-1 {
        font-size: 18px
    }
}

.returnTopBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: fixed;
    z-index: 999;
    bottom: 50px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    background: #1072b9;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    color: #fff
}

.returnTopBtn svg {
    color: #fff;
    stroke: #f00 !important
}

.returnTopBtn:hover {
    background: #fca766;
    color: #fff
}

.related {
    padding-top: 60px;
    overflow: hidden
}

.titleRelated {
    font-size: 36px;
    font-weight: 700;
    font-family: "Inter-Bold";
    margin-bottom: 30px
}

@media screen and (max-width:1023px) {
    .titleRelated {
        font-size: 24px
    }
}

.moreBusiness {
    overflow: hidden;
    margin-top: 80px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #1072b9;
    color: #fff
}

.moreBusiness a {
    color: #fff
}

.moreBusiness .titleBig {
    font-size: 36px;
    font-weight: 700;
    font-family: "Inter-Bold";
    margin-bottom: 30px
}

.moreBusiness .list {
    margin-left: -20px;
    margin-right: -20px
}

.moreBusiness .list li {
    width: 25%;
    float: left;
    padding: 0 20px 40px 20px
}

.moreBusiness .list .box {
    display: block
}

.moreBusiness .list .pic {
    overflow: hidden;
    position: relative
}

.moreBusiness .list img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.moreBusiness .list .text {
    padding: 20px 0
}

.moreBusiness .list .title {
    font-size: 16px;
    line-height: 30px;
    min-height: 60px;
    margin-bottom: 30px
}

.moreBusiness .list .title-2 {
    font-family: "Inter-Bold"
}

.moreBusiness .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:1023px) {
    .moreBusiness {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .moreBusiness .titleBig {
        font-size: 24px
    }

    .moreBusiness .list {
        margin-left: -10px;
        margin-right: -10px
    }

    .moreBusiness .list li {
        width: 50%;
        padding: 0 10px 20px 10px
    }
}

@media screen and (max-width:630px) {
    .moreBusiness .list {
        margin-left: 0;
        margin-right: 0
    }

    .moreBusiness .list li {
        width: 100%;
        padding: 0 0 10px 0
    }

    .moreBusiness .list li:last-child {
        padding-bottom: 0
    }

    .menuSub .list li {
        width: 33.3333%;
    }

    .menuSub.menuSub-2 .list li {
        width: 50%;
    }

    .menuSub .list li .box {
        font-size: 12px;
    }
}

/**************新增****************/
@media screen and (max-width: 1023px) {
    .banner .pics .swiper-container .info-2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 639px) {
    .banner .pics .swiper-container .title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .banner .pics .swiper-container .info {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 16px;
        display: none !important;
    }

    .banner .pics .swiper-container .info-2 {
        font-size: 16px;
        /* line-height: 16px; */
        display: block;
        margin-bottom: 10px;
    }

    .primary-btn-m {
        min-width: 120px;
        line-height: 30px;
        border-radius: 40px;
        font-size: 14px;
        padding: 0 10px;
    }

    .home-title .btnDiv a {
        line-height: 30px;
        font-size: 14px;
    }

    .primary-btn {
        min-width: 120px;
        line-height: 30px;
        font-size: 14px;
    }

    .home-news .home-title .btnDiv a {
        line-height: 30px;
        font-size: 14px;
    }

    .latestProduct {
        padding-top: 40px;
    }

    .latestProduct .title {
        font-size: 24px;
    }

    .latestProduct .info {
        font-size: 16px;
    }

    .about .titleBig {
        font-size: 20px;
    }

    .inside-banner-2 .text-3 .container {
        padding: 0
    }

    .listApplication .info {
        line-height: 20px;
        height: auto;
    }

    .inside-banner-2 .text-2 .info-1 {
        line-height: 16px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .inside-banner-2 .text-2 .info-2 {
        font-size: 14px;
        margin-bottom: 0px;
    }
}

.exhibition-banner {
    clear: both;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9
}

.exhibition-banner img {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.exhibition-banner .pc {
    display: block
}

.exhibition-banner .pc img {
    width: 100%
}

.exhibition-banner .mobile {
    display: none
}

.exhibition-banner .mobile img {
    position: static;
    width: 100%
}

.exhibition-banner .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.exhibition-banner .box:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0
}

.exhibition-banner .text {
    width: 100%;
    color: #fff;
    padding: 30px 0;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%)
}

.exhibition-banner .title {
    font-size: 48px;
    line-height: 1.5
}

.exhibition-banner .info {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 20px
}

.exhibition-banner .info-2 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 60px
}

.exhibition-banner .btnDiv a {
    min-width: 128px
}

@media screen and (max-width: 1023px) {
    .exhibition-banner .pc {
        display: none
    }

    .exhibition-banner .mobile {
        display: block
    }

    .exhibition-banner .text {
        padding: 0;
        bottom: auto;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80%
    }

    .exhibition-banner .title {
        font-size: 16px;
        line-height: 1.5
    }

    .exhibition-banner .info {
        font-size: 24px;
        margin-bottom: 10px
    }

    .exhibition-banner .info-2 {
        font-size: 12px;
        margin-bottom: 10px
    }

    .exhibition-banner .btnDiv a {
        min-width: 100px;
        line-height: 32px;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.exhibition {
    background: #000;
    color: #fff
}

.exhibition .titleBig {
    text-align: center;
    line-height: 1.5;
    margin-bottom: 60px
}

.exhibition .titleBig .title {
    font-size: 48px;
    font-weight: 700;
    color: #fca766;
    padding-bottom: 20px;
}

.exhibition .titleBig .title span {
    background: linear-gradient(135deg, #0036f9, #fca766);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.exhibition .titleBig .info {
    font-size: 36px;
    color: #fff;
}

.exhibition .list>li {
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    margin-bottom: 80px;
    position: relative
}

.exhibition .list>li:first-child {
    background-image: url(../images/exhibition-bg-1.jpg)
}

.exhibition .list>li:last-child {
    margin-bottom: 0;
    background-image: url(../images/exhibition-bg-2.jpg)
}

.exhibition .list>li .anchor {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -40px;
    left: 0
}

.exhibition .list>li>.box {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    padding-right: 90px;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 90px;
    min-height: 100%;
    min-height: 624px;
    position: relative
}

.exhibition .list>li:nth-child(2n+1)>.box {
    float: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 90px;
    padding-right: 90px
}

.exhibition .list .title {
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
    background: linear-gradient(135deg, #0036f9, #fca766);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px
}

.exhibition .list .info {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 50px
}

.exhibition .list .info-2 {
    margin-bottom: 50px
}

.exhibition .list .btnDiv {
    text-align: left
}

.exhibition .list .btnDiv a {
    min-width: 128px
}

@media screen and (max-width: 1600px) {
    .exhibition .list {
        width: 100%;
        margin-left: 0
    }

    .exhibition .list>li>.box {
        padding-left: 30px;
        padding-right: 30px
    }

    .exhibition .list>li:nth-child(2n)>.box {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 1023px) {
    .exhibition .titleBig {
        margin-bottom: 20px
    }

    .exhibition .titleBig .title {
        font-size: 24px
    }

    .exhibition .titleBig .info {
        font-size: 14px
    }

    .exhibition .list .title {
        font-size: 24px
    }

    .exhibition .list .info {
        margin-bottom: 20px
    }

    .exhibition .list>li {
        margin-bottom: 30px
    }

    .exhibition .list>li>.box {
        width: 100%;
        padding: 30px 10px !important;
        min-height: auto
    }

    .exhibition .list .btnDiv {
        text-align: left
    }

    .exhibition .list .btnDiv a {
        min-width: 100px;
        line-height: 32px;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.latestProduct-2 {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 90px
}

.latestProduct-2 a {
    color: #fff
}

.latestProduct-2 .title {
    /* color: #fca766; */
    background: linear-gradient(135deg, #0036f9, #fca766);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 44px;
    margin-bottom: 30px
}

.latestProduct-2 .info {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 60px
}

.latestProduct-2 .btnDiv {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.latestProduct-2 .btnDiv a {
    min-width: 128px
}

@media screen and (max-width: 1023px) {
    .latestProduct-2 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .latestProduct-2 .title {
        font-size: 24px
    }

    .latestProduct-2 .info {
        font-size: 14px;
        margin-bottom: 30px
    }

    .latestProduct-2 .btnDiv {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .latestProduct-2 .btnDiv a {
        min-width: 100px;
        line-height: 32px;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.exhibition-jieshao {
    /* background: #f4f4f4; */
    text-align: center;
    padding-top: 90px;
    padding-bottom: 90px
}

.exhibition-jieshao .title {
    font-family: "Inter-Bold";
    font-size: 42px;
    color: #1072b9;
    line-height: 1;
    margin-bottom: 30px;
}

.exhibition-jieshao .info {
    font-size: 24px;
    color: #000046;
    line-height: 28px;
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.exhibition-jieshao .info-2 {
    font-size: 18px;
    color: #000;
    line-height: 28px;
    text-align: center;
    max-width: 1200px;
    font-weight: 100;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

@media screen and (max-width: 1023px) {
    .exhibition-jieshao {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .exhibition-jieshao .title {
        font-size: 24px
    }

    .exhibition-jieshao .info {
        font-size: 18px;
        margin-bottom: 0
    }

    .exhibition-jieshao .info-2 {
        font-size: 14px;
        margin-bottom: 30px
    }
}

.seotit {
    display: none;
}

.banner img {
    width: auto;
    height: auto;
}

.application_pro {
    padding-bottom: 80px;
}

.application_pro .title {
    font-size: 44px;
    font-weight: Bold;
    line-height: 1;
    color: #000;
    margin-bottom: 40px;
    text-align: center;
}

.app_list {
    position: relative;
}

.app_list img {
    width: 100%;
    display: block;
}

.app_list .nr {
    background: #f0f0f0;
    color: #333;
    padding: 20px;
}

.app_list .nr .tit {
    font-size: 24px;
}

.app_list .nr .ljgd {
    font-size: 18px;
    color: #1072b9;
    padding-left: 30px;
    background: url(../images/r.png)no-repeat left center;
    background-size: 23px;
    color: #1072b9;
}

.app_list .swiper-button-prev {
    background: url(../images/z.png)no-repeat;
    background-size: cover;
    width: 44px;
    left: -44px;
}

.app_list .swiper-button-next {
    background: url(../images/y.png)no-repeat;
    background-size: cover;
    width: 44px;
    right: -44px;
}

.app_list .swiper-button-prev:after {
    display: none;
}

.app_list .swiper-button-next:after {
    display: none;
}

.servicebox {
    padding: 80px 0;
}

.servicebox .cont {
    display: flex;
}

@media (max-width: 767px) {
    .servicebox .cont {
        flex-wrap: wrap;
    }
}

.servicebox .cont .item {
    width: 25%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    flex: 1 1 25%;
    height: 6rem;
    overflow: hidden;
}

@media (max-width: 767px) {
    .servicebox .cont .item {
        width: 100%;
        flex: 1 1 100%;
        margin-bottom: 40px;
    }

    .servicebox .cont .item:last-child {
        margin-bottom: 0;
    }
}

.servicebox .cont .item .list {
    display: block;
    position: relative;
    width: 100%;
    height: 6rem;
    overflow: hidden;
}

.servicebox .cont .item .list .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.servicebox .cont .item .list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: left;
}

.servicebox .cont .item .list .font {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.65rem 50px 0;
    width: 100%;
    height: 100%;
}

.servicebox .cont .item .list .font .jut {
    position: relative;
    width: 100%;
    height: 100%;
}

.servicebox .cont .item .list .font .jut .tit {
    width: 100%;
    color: #fff;
    font-size: 30px;
}

.servicebox .cont .item .list .font .jut .text {
    margin-top: 0.12rem;
    opacity: 0.8;
    color: #fff;
    font-size: 16px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 1580px) {
    .servicebox .cont .item .list .font .jut .text {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .servicebox .cont .item .list .font .jut .text {
        opacity: 1;
        visibility: visible;
    }
}

.servicebox .cont .item .list .font .jut .but {
    position: absolute;
    left: 0;
    bottom: 60px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-top: 80px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@media (max-width: 1199px) {
    .servicebox .cont .item .list .font .jut .but {
        margin-top: 40px;
    }
}

@media (max-width: 991px) {
    .servicebox .cont .item .list .font .jut .but {
        width: 40px;
        height: 40px;
    }
}

.servicebox .cont .item .list .font .jut .but img,
.servicebox .cont .item .list .font .jut .but svg {
    width: 33.33%;
    float: left;
    position: relative;
    z-index: 2;
    visibility: visible;
}

.servicebox .cont .item .list .font .jut .but img:nth-child(2),
.servicebox .cont .item .list .font .jut .but svg:nth-child(2) {
    display: none;
}

.servicebox .cont .item .list .font .jut .but img path,
.servicebox .cont .item .list .font .jut .but svg path {
    fill: #fff;
}

.servicebox .cont .item .list .font .jut .but:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s 0.3s linear;
    transform: rotate(-45deg);
}

.servicebox .cont .on {
    width: 50%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    flex: 1 1 50%;
}

@media (max-width: 767px) {
    .servicebox .cont .on {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media (min-width: 768px) {
    .servicebox .cont .on .list .font .jut .text {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.3s 0.3s linear;
        transition: all 0.3s 0.3s linear;
    }

    .servicebox .cont .on .list .font .jut .but {
        transform: rotate(45deg);
        border-color: transparent;
        background-color: #fff;
    }

    .servicebox .cont .on .list .font .jut .but img:nth-child(1) {
        display: none;
    }

    .servicebox .cont .on .list .font .jut .but img:nth-child(2) {
        display: block;
    }

    .servicebox .cont .on .list .font .jut .but svg path {
        fill: #1072b9;
    }
}

.resourbox .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem;
}

@media (max-width: 767px) {
    .resourbox .cont {
        margin: 0;
    }
}

.resourbox .cont .item {
    width: 33.33333%;
    padding: 0 0.15rem;
    margin-bottom: 30px;
}

@media (max-width: 1580px) {
    .resourbox .cont .item {
        width: 33.3333%;
    }
}

@media (max-width: 767px) {
    .resourbox .cont .item {
        padding: 0;
        width: 100%;
    }
}

.resourbox .cont .item .list {
    display: block;
    height: 100%;
    background-color: #f8f8f8;
}

.resourbox .cont .item .list .fz_img {
    width: 100%;
    position: relative;
}

.resourbox .cont .item .list .fz_img .img {
    padding-bottom: 56%;
    position: relative;
    overflow: hidden;
}

.resourbox .cont .item .list .fz_img .img img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.resourbox .cont .item .list .fz_img .video_icon {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resourbox .cont .item .list .fz_img .video_icon img {
    width: 0.68rem;
}

.resourbox .cont .item .list .fz_img .label {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    z-index: 3;
    color: #333333;
    font-size: 14px;
    width: 91px;
    height: 25px;
    background: url(../images/shouiconi1.png) no-repeat;
    background-position: center;
    background-size: 100%;
    padding-left: 24px;
}

.resourbox .cont .item .list .font {
    padding: 24px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resourbox .cont .item .list .font .tit {
    color: #333;
    width: calc(100% - 74px);
    font-size: 18px;
}

@media (max-width: 1900px) {
    .resourbox .cont .item .list .font .tit {
        font-size: 16px;
    }
}

@media (max-width: 991px) {}

.resourbox .cont .item .list .font .but {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #1072b9;
}

@media (max-width: 1580px) {
    .resourbox .cont .item .list .font .but {
        font-size: 14px;
    }
}

.resourbox .cont .item .list .font .but i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #1072b9;
    height: 20px;
}

@media (max-width: 1580px) {
    .resourbox .cont .item .list .font .but i {
        width: 18px;
        margin-left: 8px;
    }
}

.resourbox .cont .item .list .font .but i img,
.resourbox .cont .item .list .font .but i svg {
    float: left;
    width: 50%;
}

@media (min-width: 1200px) {
    .resourbox .cont .item .list:hover .fz_img .img img {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
    }
}

.resourbox .basepage {
    margin-top: 60px;
}

.faqbox {
    padding-top: 0;
}

@media (max-width: 1199px) {
    .faqbox {}
}

.faqbox_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 90px;
    flex-wrap: wrap;
}

.faqbox_nav .news_nav {
    width: calc(100% - 388px);
    margin: 0;
}

@media (max-width: 1580px) {
    .faqbox_nav .news_nav {
        width: calc(100% - 290px);
    }
}

@media (max-width: 991px) {
    .faqbox_nav .news_nav {
        width: 100%;
        margin-bottom: 40px;
    }
}

.faqbox_nav .form {
    max-width: 368px;
    width: 40%;
    display: flex;
    background-color: #f8f8f8;
    align-items: center;
    padding-right: 30px;
}

@media (max-width: 1580px) {
    .faqbox_nav .form {
        max-width: 280px;
    }
}

@media (max-width: 767px) {
    .faqbox_nav .form {
        width: 100%;
        max-width: 100%;
    }
}

.faqbox_nav .form input {
    padding: 20px 30px;
    font-size: 16px;
    color: #999999;
    width: calc(100% - 18px);
}

.faqbox_nav .form .f_sub {
    width: 18px;
}

@media (max-width: 1580px) {
    .faqbox_nav .form .f_sub {
        width: 16px;
    }
}

.faqbox .cont .item {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.faqbox .cont .item .f_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.5%;
    cursor: pointer;
}

.faqbox .cont .item .f_tit .tit {
    display: flex;
    align-items: flex-start;
    color: #333333;
    width: calc(100% - 34px);
    font-size: 20px;
}

@media (max-width: 1580px) {
    .faqbox .cont .item .f_tit .tit {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .faqbox .cont .item .f_tit .tit {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .faqbox .cont .item .f_tit .tit {
        width: calc(100% - 30px);
    }
}

@media (max-width: 767px) {
    .faqbox .cont .item .f_tit .tit {
        font-size: 14px;
    }
}

.faqbox .cont .item .f_tit .tit::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    background-color: #dddddd;
    border-radius: 50%;
    margin-right: 20px;
    margin-top: 16px;
}

@media (max-width: 1580px) {
    .faqbox .cont .item .f_tit .tit::before {
        width: 8px;
        height: 8px;
        margin-top: 14px;
    }
}

.faqbox .cont .item .f_tit .but {
    width: 18px;
    height: 18px;
    overflow: hidden;
    position: relative;
}

.faqbox .cont .item .f_tit .but img {
    float: left;
    width: 100%;
}

.faqbox .cont .item .f_tit .but img:nth-child(2) {
    display: none;
}

.faqbox .cont .item .f_tit .but:after,
.faqbox .cont .item .f_tit .but:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -10px;
    width: 100%;
    height: 2px;
    background-color: #333;
}

.faqbox .cont .item .f_tit .but:before {
    transform: rotate(90deg);
}

.faqbox .cont .item .jut {
    display: none;
    padding: 0 70px;
    padding-right: 30px;
}

.faqbox .cont .item .jut .font {
    width: 100%;
    padding: 35px 0;
    color: #666666;
    font-size: 16px;
    line-height: 1.6;
    border-top: 1px solid #dddddd;
}
.faqbox .cont .item .jut .font ol, 
.faqbox .cont .item .jut .font ul, 
.faqbox .cont .item .jut .font li{
    list-style:revert;
    padding:revert;
}
@media (max-width: 1580px) {
    .faqbox .cont .item .jut .font {
        font-size: 14px;
    }
}

.faqbox .cont .item.on {
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}

.faqbox .cont .item.on .f_tit .tit {
    color: #1072b9;
}

.faqbox .cont .item.on .f_tit .tit:before {
    background-color: #1072b9;
}

.faqbox .cont .item.on .f_tit .but:before {
    opacity: 0;
}

.faqbox .cont .item.on .f_tit .but img:nth-child(1) {
    display: none;
}

.faqbox .cont .item.on .f_tit .but img:nth-child(2) {
    display: block;
}

.faqbox .move {
    width: 100%;
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    font-size: 16px;
}

@media (max-width: 1580px) {
    .faqbox .move {
        font-size: 14px;
    }
}

.faqbox .move i {
    display: block;
    width: 26px;
    margin-right: 20px;
    animation: rotate1 2s linear infinite;
}

.faqbox .move i img {
    float: left;
    width: 100%;
}

@keyframes rotate1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.branchbox .cont .gt .branchbox_cont .item .font .tit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}

.branchbox_prev,
.branchbox_next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    width: 0.46rem;
    height: 0.46rem;
    display: flex;
    opacity: 0.4;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border: solid 2px #333;
    color: #333;
}

.branchbox_prev.swiper-button-disabled,
.branchbox_next.swiper-button-disabled {
    opacity: 0.1;
    pointer-events: none;
}

@media (max-width: 767px) {

    .branchbox_prev,
    .branchbox_next {
        border-width: 1px;
    }
}

.branchbox_next.swiper-button-lock,
.branchbox_prev.swiper-button-lock {
    display: none;
}

.branchbox_prev:before,
.branchbox_next:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #1072b9;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.branchbox_prev i,
.branchbox_next i {
    display: block;
    width: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.branchbox_prev {
    left: -65px;
}

.branchbox_next {
    right: -65px;
}

@media (max-width: 1580px) {
    .branchbox_prev {
        left: -50px;
    }

    .branchbox_next {
        right: -50px;
    }
}

@media (max-width: 767px) {

    .branchbox_prev i,
    .branchbox_next i {
        width: 0.12rem;
    }

    .branchbox .cont {
        display: block;
    }

    .branchbox .cont .lt {
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0 -5%;
        width: auto;
    }

    .f_qie .branchbox_next,
    .f_qie .branchbox_prev {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        transform: translateY(0);
    }

    .f_qie {
        display: flex;
        align-items: center;
        margin-top: 50px;
        justify-content: center;
    }

    .f_qie .branchbox_prev {
        margin-right: 30px;
    }
}

.branchbox_prev i img,
.branchbox_next i img,
.branchbox_prev i svg,
.branchbox_next i svg {
    width: 100%;
    float: left;
}

.branchbox_prev i img path,
.branchbox_next i img path,
.branchbox_prev i svg path,
.branchbox_next i svg path {
    fill: #333;
}

.branchbox_prev:hover,
.branchbox_next:hover {
    opacity: 1;
    border-color: #1072b9;
}

.branchbox_prev:hover:before,
.branchbox_next:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 100%;
}

.branchbox_prev:hover i img path,
.branchbox_next:hover i img path,
.branchbox_prev:hover i svg path,
.branchbox_next:hover i svg path {
    fill: #fff;
}

.branchbox_pagin {}

.branchbox_pagin .swiper-pagination-bullet-active {
    background: #1072b9;
}

.branchbox_pagin span {
    margin: 0 5px;
}

.branchbox {
    padding-top: 50px;
    overflow: hidden;
}

.branchbox .jut {
    position: relative;
    z-index: 6;
    max-width: 600px;
    margin: 0 auto 100px;
}

@media (max-width: 767px) {
    .branchbox .jut {
        margin-bottom: 60px;
    }
}

.branchbox .jut .form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.100px;
}

.branchbox .jut .form .item,
.branchbox .jut .form .but {
    padding: 0 0.100px;
}

.branchbox .jut .form .item select,
.branchbox .jut .form .but select,
.branchbox .jut .form .item .fz_but,
.branchbox .jut .form .but .fz_but {
    width: 100%;
    height: 55px;
}

@media (max-width: 1580px) {

    .branchbox .jut .form .item select,
    .branchbox .jut .form .but select,
    .branchbox .jut .form .item .fz_but,
    .branchbox .jut .form .but .fz_but {
        height: 50px;
    }
}

@media (max-width: 767px) {

    .branchbox .jut .form .item select,
    .branchbox .jut .form .but select,
    .branchbox .jut .form .item .fz_but,
    .branchbox .jut .form .but .fz_but {
        height: 80px;
    }
}

.branchbox .jut .form .item select,
.branchbox .jut .form .but select {
    background: #f8f8f8 url(../images/xialaimgfaz1.svg) no-repeat;
    background-position: 88% center;
    padding: 0.12rem 20px;
    font-size: 16px;
    background-size: 15px;
    color: #333333;
    appearance: none;
}

@media (max-width: 1580px) {

    .branchbox .jut .form .item select,
    .branchbox .jut .form .but select {
        font-size: 14px;
        background-size: 20px;
    }
}

@media (max-width: 767px) {

    .branchbox .jut .form .item select,
    .branchbox .jut .form .but select {
        font-size: 12px;
    }
}

.branchbox .jut .form .item .fz_but,
.branchbox .jut .form .but .fz_but {
    background-color: #1072b9;
    color: #fff;
    font-size: 16px;
    border: 1px solid #1072b9;
}

@media (max-width: 1580px) {

    .branchbox .jut .form .item .fz_but,
    .branchbox .jut .form .but .fz_but {
        font-size: 14px;
    }
}

@media (max-width: 767px) {

    .branchbox .jut .form .item .fz_but,
    .branchbox .jut .form .but .fz_but {
        font-size: 12px;
    }
}

.branchbox .jut .form .item {
    width: 38%;
}

.branchbox .jut .form .but {
    width: 24%;
}

.branchbox .cont {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.branchbox .cont .lt {
    width: 75%;
    padding-right: 5.5%;
    position: relative;
}

@media (max-width: 991px) {
    .branchbox .cont .lt {
        width: 100%;
        margin-right: 40px;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .branchbox .cont .lt {
        /*display: none;*/
        width: 100%;
        /*margin: 0 -10%;*/
        margin-right: 0;
        padding-top: 100px;
    }
}

.branchbox .cont .lt .pictrue {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.branchbox .cont .lt .pictrue .fz_img {
    overflow: hidden;
    width: 100%;
}

.branchbox .cont .lt .pictrue .fz_img img {
    width: 100%;
    float: left;
}

.branchbox .cont .lt .pictrue .item {
    visibility: hidden;
    opacity: 0;
}

.branchbox .cont .lt .pictrue .item.fz_active {
    visibility: visible;
    opacity: 1;
}

.branchbox .cont .lt .pictrue .item .wei1 {
    top: 37%;
    left: 37%;
}

.branchbox .cont .lt .pictrue .item .wei2 {
    top: 39%;
    left: 79%;
}

.branchbox .cont .lt .pictrue .item .wei3 {
    top: 41%;
    left: 80%;
}

.branchbox .cont .lt .pictrue .item .wei4 {
    top: 31%;
    left: 41.6%;
}

.branchbox .cont .lt .pictrue .item .wei5 {
    top: 29%;
    left: 45.4%;
}

.branchbox .cont .lt .pictrue .item .wei6 {
    top: 45%;
    left: 40.4%;
}

.branchbox .cont .lt .pictrue .item .wei7 {
    top: 46%;
    left: 32.6%;
}

.branchbox .cont .lt .pictrue .item .wei8 {
    top: 59%;
    left: 74.4%;
}

.branchbox .cont .lt .pictrue .item .wei9 {
    top: 41%;
    left: 35.4%;
}

/*.branchbox .cont .lt .pictrue .item .wei9 .text {*/
/*  left: initial;*/
/*  right: 100%;*/
/*  text-align: right;*/
/*  margin-left: 0;*/
/*  margin-right: 10px;*/
/*}*/
.branchbox .cont .lt .pictrue .item .wei10 {
    top: 42%;
    left: 33.4%;
}

.branchbox .cont .lt .pictrue .item .wei10 .text {
    left: initial;
    right: 100%;
    text-align: right;
    margin-left: 0;
    margin-right: 10px;
}

.branchbox .cont .lt .pictrue .item .wei11 {
    top: 39%;
    left: 26.5%;
}

.branchbox .cont .lt .pictrue .item .wei12 {
    top: 27%;
    left: 51.5%;
}

.branchbox .cont .lt .pictrue .item .wei13 {
    top: 17%;
    left: 54.5%;
}

.branchbox .cont .lt .pictrue .item .wei14 {
    top: 18%;
    left: 14.5%;
}

.branchbox .cont .lt .pictrue .item .wei15 {
    top: 34%;
    left: 50.5%;
}

.branchbox .cont .lt .pictrue .item .wei16 {
    top: 72%;
    left: 49.5%;
}

.branchbox .cont .lt .pictrue .item .wei17 {
    top: 19%;
    left: 72.5%;
}

.branchbox .cont .lt .pictrue .item .wei18 {
    top: 26%;
    left: 78.5%;
}

.branchbox .cont .lt .pictrue .item .wei19 {
    top: 41%;
    left: 10%;
}

.branchbox .cont .lt .pictrue .item .wei20 {
    top: 73%;
    left: 28%;
}

.branchbox .cont .lt .pictrue .item .wei21 {
    top: 77%;
    left: 87%;
}

.branchbox .cont .lt .pictrue .li {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.branchbox .cont .lt .pictrue .li i {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1072b9;
    position: relative;
    z-index: 1;
}

.branchbox .cont .lt .pictrue .li i:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 300%;
    height: 300%;
    background: #003686;
    opacity: 0;
    z-index: -1;
    border-radius: 50%;
}

.branchbox .cont .lt .pictrue .on2 i:before {
    animation: branScale 1.5s linear infinite;
}

@keyframes branScale {
    from {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(0.3);
        transform: translate(-50%, -50%) scale(0.3);
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.branchbox .cont .lt .pictrue .li .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    width: auto;
    white-space: nowrap;
    line-height: 1.4;
    color: #999999;
    font-size: 14px;
    margin-left: 5px;
}

@media (max-width: 1580px) {
    .branchbox .cont .lt .pictrue .li .text {
        font-size: 12px;
    }
}

.branchbox .cont .lt .pictrue .left1 .text {
    left: initial;
    right: 100%;
    text-align: right;
    margin-left: 0;
    margin-right: 10px;
}

.branchbox .cont .lt .pictrue .on i {
    position: relative;
}

.branchbox .cont .lt .pictrue .on i:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26px;
    height: 28px;
    background: url(../images/hongxingh2.png) no-repeat center;
    background-size: 100% 90%;
}

.branchbox .cont .lt .pictrue .on .text {
    color: #d40400;
    margin-left: 10px;
}

.branchbox .cont .lt .china {
    /*max-width: 9rem;*/
    /*margin: 0 auto;*/
    /*width: 100%;*/
    /*margin-top: -70px;*/
    max-width: 100%;
    margin: 0 auto;
    margin-left: 0.84rem;
    margin-top: -70px;
}

@media (max-width: 1580px) {
    .branchbox .cont .lt .china {
        margin-top: -120px;
        max-width: 12rem;
    }
}

.branchbox .cont .lt .active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.branchbox .cont .lt .active .fz_zhong .item .bot1 .text {
    left: 50%;
    top: 100%;
    margin: 0;
    margin-top: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.branchbox .cont .lt .active .fz_zhong .item .zhong1 {
    top: 85%;
    /* 89% - 4% */
    left: 59%;
    /* 65% - 8% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong2 {
    top: 82%;
    /* 86% - 4% */
    left: 58%;
    /* 64% - 8% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong3 {
    top: 87%;
    /* 91% - 4% */
    left: 60%;
    /* 69% - 8% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong4 {
    top: 83%;
    left: 71%;
}

.branchbox .cont .lt .active .fz_zhong .item .zhong5 {
    top: 84%;
    /* 88% - 4% */
    left: 49%;
    /* 57% - 8% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong5 .text {
    left: 50%;
    top: 100%;
    margin: 0;
    margin-top: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.branchbox .cont .lt .active .fz_zhong .item .zhong6 {
    top: 77%;
    /* 85% - 8% */
    left: 40%;
    /* 44% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong7 {
    top: 76%;
    /* 84% - 8% */
    left: 66%;
    /* 72% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong8 {
    top: 73%;
    /* 81% - 8% */
    left: 63%;
    /* 67% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong9 {
    top: 74%;
    /* 82% - 8% */
    left: 50%;
    /* 54% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong10 {
    top: 68%;
    /* 77% - 8% */
    left: 69%;
    /* 74% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong11 {
    top: 71%;
    /* 79% - 8% */
    left: 54%;
    /* 61% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong12 {
    top: 63%;
    /* 74% - 8% */
    left: 55%;
    /* 64% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong13 {
    top: 62%;
    /* 70% - 8% */
    left: 68%;
    /* 72% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong14 {
    top: 64%;
    /* 76% - 8% */
    left: 42%;
    /* 49% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong15 {
    top: 58%;
    /* 66% - 8% */
    left: 68%;
    /* 74% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong16 {
    top: 57%;
    /* 65% - 8% */
    left: 62%;
    /* 66% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong17 {
    top: 60%;
    /* 68% - 8% */
    left: 55%;
    /* 59% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong18 {
    top: 49%;
    /* 60% - 8% */
    left: 65%;
    /* 73% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong19 {
    top: 51%;
    /* 59% - 8% */
    left: 59%;
    /* 63% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong20 {
    top: 56%;
    /* 64% - 8% */
    left: 49%;
    /* 53% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong21 {
    top: 47%;
    /* 55% - 8% */
    left: 62%;
    /* 66% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong22 {
    top: 47%;
    /* 55% - 8% */
    left: 46%;
    /* 50% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong23 {
    top: 34%;
    /* 40% - 8% */
    left: 71%;
    /* 81% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong24 {
    top: 26%;
    /* 34% - 8% */
    left: 84%;
    /* 88% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong25 {
    top: 25%;
    /* 33% - 8% */
    left: 66%;
    /* 70% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong26 {
    top: 15%;
    /* 23% - 8% */
    left: 78%;
    /* 82% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong27 {
    top: 33%;
    /* 41% - 8% */
    left: 19%;
    /* 23% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong28 {
    top: 56%;
    /* 64% - 8% */
    left: 12%;
    /* 16% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong29 {
    top: 41%;
    /* 46% - 8% */
    left: 63%;
    /* 69% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong30 {
    top: 62.3%;
    /* 74% - 8% */
    left: 71%;
    /* 75% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong31 {
    top: 67%;
    /* 78% - 8% */
    left: 49%;
    /* 54% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong32 {
    top: 38%;
    /* 44% - 8% */
    left: 62%;
    /* 67% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong33 {
    top: 91%;
    left: 52%;
}

.branchbox .cont .lt .active .fz_zhong .item .zhong34 {
    top: 83%;
    /* 91% - 8% */
    left: 63%;
    /* 67% - 4% */
}

.branchbox .cont .lt .active .fz_zhong .item .zhong34 .text {
    left: 50%;
    top: 100%;
    margin: 0;
    margin-top: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.branchbox .cont .gt {
    width: 25%;
    position: relative;
}

@media (max-width: 1580px) {
    .branchbox .cont .gt {
        margin-top: 40px;
    }
}

@media (max-width: 991px) {
    .branchbox .cont {
        flex-wrap: wrap;
    }

    .branchbox .cont .gt {
        margin: 0 auto;
        margin-top: 40px;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .branchbox .cont .gt {
        width: 100%;
        margin-top: 0;
    }

    .branchbox .cont .lt .pictrue .li .text {
        font-size: 20px;
    }

    .branchbox .cont .lt .pictrue:nth-child(1) {
        width: 150%;
        /*transform: translateX(-10%);*/
    }

    .branchbox .cont .lt .pictrue:nth-child(2) {
        width: 150%;
        /*transform: translateX(-15%);*/
    }

    .branchbox .cont .lt .china {
        margin-left: 0;
    }
}

.branchbox .cont .gt .branchbox_cont {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

@media (max-width: 767px) {}

@media (min-width: 768px) {
    .branchbox .cont .gt .branchbox_cont {
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }
}

.branchbox .cont .gt .branchbox_cont .swiper-slide {
    /*height: 450px;*/
    /*overflow: auto;*/
    border-right: 4px solid #fff;
}

@media (max-width: 1900px) {
    .branchbox .cont .gt .branchbox_cont .swiper-slide {
        /*height: 420px;*/
    }
}

@media (max-width: 767px) {
    .branchbox .cont .gt .branchbox_cont .swiper-slide {
        height: auto;
        margin-bottom: 20px;
    }
}

.branchbox .cont .gt .branchbox_cont .swiper-slide::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.branchbox .cont .gt .branchbox_cont .swiper-slide::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #1072b9;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.branchbox .cont .gt .branchbox_cont .swiper-slide::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #ededed;
}

.branchbox .cont .gt .branchbox_cont .item {
    width: 100%;
    padding: 20px;
}

@media (max-width: 767px) {}

.branchbox .cont .gt .branchbox_cont .item .img {
    width: 100%;
    position: relative;
    padding-bottom: 50%;
}

.branchbox .cont .gt .branchbox_cont .item .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.branchbox .cont .gt .branchbox_cont .item .font {
    width: 100%;
    padding: 24px 0 40px;
}

.branchbox .cont .gt .branchbox_cont .item .font .tit {
    line-height: 1.2;
    margin-bottom: 0.100px;
}

.branchbox .cont .gt .branchbox_cont .item .font .text {
    padding-right: 60px;
}

@media (max-width: 1580px) {
    .branchbox .cont .gt .branchbox_cont .item .font .text {
        padding-right: 20px;
    }
}

@media (max-width: 1199px) {
    .branchbox .cont .gt .branchbox_cont .item .font .text {
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .branchbox .cont .gt .branchbox_cont .item .font .text {
        padding-right: 0;
    }
}

.branchbox .cont .gt .branchbox_cont .item .font .text .li {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 0.12rem;
}

@media (max-width: 1580px) {
    .branchbox .cont .gt .branchbox_cont .item .font .text .li {
        line-height: 22px;
        font-size: 14px;
    }
}

.branchbox .cont .gt .branchbox_cont .item .font .text .li:last-child {
    margin-bottom: 0;
}

.branchbox .cont .gt .branchbox_cont .item .font .text .li .name {
    width: 40px;
}

@media (max-width: 1580px) {
    .branchbox .cont .gt .branchbox_cont .item .font .text .li .name {
        width: 36px;
    }
}

.branchbox .cont .gt .branchbox_cont .item .font .text .li span {
    word-break: break-all;
    display: block;
    width: 80%;
    width: calc(100% - 40px);
}

@media (max-width: 1580px) {
    .branchbox .cont .gt .branchbox_cont .item .font .text .li span {
        width: calc(100% - 36px);
    }
}

.branchbox .cont .gt .fz_moble {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.branchbox .cont .gt .fz_moble .moble_slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.branchbox .cont .gt .fz_moble .moble_slide.active {
    position: relative;
    visibility: inherit;
    opacity: 1;
}

.branchbox .cont .gt .f_posit1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

.branchbox .cont .gt .f_posit1.active {
    position: relative;
    visibility: inherit;
    opacity: 1;
}

.branchbox .cont .gt .active {
    position: relative;
    opacity: 1;
    visibility: initial;
    z-index: 2;
}

.investorbox-sec1 {
    padding-top: 60px;
    border-bottom: 1px solid #dddddd;
}

.investorbox-sec1 .container {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.investorbox-sec1 .container .lt {
    width: 51.875%;
    padding-right: 1;
}

@media (max-width: 991px) {
    .investorbox-sec1 .container .lt {
        width: 38%;
    }
}

@media (max-width: 767px) {
    .investorbox-sec1 .container .lt {
        width: 100%;
        padding-right: 0;
    }
}

.investorbox-sec1 .container .lt .fz_tit {
    font-size: 0.36rem;
    color: #000000;
    margin-bottom: 0.42rem;
}

@media (max-width: 767px) {
    .investorbox-sec1 .container .lt .fz_tit {
        font-size: 52px;
    }
}

.investorbox-sec1 .container .lt .name {
    font-size: 14px;
    color: #666666;
    line-height: 1;
    margin-bottom: 0.22rem;
}

.investorbox-sec1 .container .lt .text {
    font-size: 0.72rem;
    color: #000000;
    line-height: 0.8;
}

.investorbox-sec1 .container .gt {
    width: 48.125%;
}

@media (max-width: 991px) {
    .investorbox-sec1 .container .gt {
        width: 62%;
    }
}

@media (max-width: 767px) {
    .investorbox-sec1 .container .gt {
        width: 100%;
        margin-top: 60px;
    }
}

.investorbox-sec1 .container .gt .jut {
    display: flex;
    align-items: flex;
    flex-wrap: wrap;
    margin-bottom: 44px;
}

@media (max-width: 767px) {
    .investorbox-sec1 .container .gt .jut {
        margin-bottom: 20px;
    }
}

.investorbox-sec1 .container .gt .jut .li {
    width: 25%;
}

@media (max-width: 767px) {
    .investorbox-sec1 .container .gt .jut .li {
        width: 50%;
        margin-bottom: 60px;
    }
}

.investorbox-sec1 .container .gt .jut .li .name {
    color: #666666;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 20px;
}

.investorbox-sec1 .container .gt .jut .li .shu {
    color: #000000;
    font-size: 30px;
    line-height: 0.8;
}

@media (max-width: 767px) {
    .investorbox-sec1 .container .gt .jut .li .shu {
        font-size: 0.42rem;
    }
}

.investorbox-sec1 .container .gt .text {
    color: #999999;
    font-size: 14px;
}

.investorbox-sec2 {
    padding-bottom: 0;
    padding-top: 40px;
}

.investorbox-sec2 .investorbox2_nav {
    width: 100%;
    margin-bottom: 60px;
}

.investorbox-sec2 .investorbox2_nav .swiper-slide {
    width: auto;
    margin-right: 70px;
}

.investorbox-sec2 .investorbox2_nav .swiper-slide .item {
    display: block;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
    color: #666666;
    font-size: 18px;
}

@media (max-width: 1580px) {
    .investorbox-sec2 .investorbox2_nav .swiper-slide .item {
        font-size: 16px;
    }
}

.investorbox-sec2 .investorbox2_nav .swiper-slide.on .item {
    border-color: #1072b9;
    color: #1072b9;
}

.investorbox-sec2 .container>.cont .item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 26px 40px;
    flex-wrap: wrap;
    background-color: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
    justify-content: space-between;
}

@media (max-width: 767px) {
    .investorbox-sec2 .container>.cont .item {
        padding: 0.46rem 30px;
    }
}

.investorbox-sec2 .container>.cont .item .fz_title {
    display: flex;
    width: 75%;
    align-items: center;
    padding-right: 30px;
}

@media (max-width: 767px) {
    .investorbox-sec2 .container>.cont .item .fz_title {
        width: 100%;
        margin-bottom: 26px;
    }
}

.investorbox-sec2 .container>.cont .item .fz_title:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #dddddd;
    border-radius: 50%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.investorbox-sec2 .container>.cont .item .fz_title .tit {
    width: 95%;
    width: calc(100% - 10px);
    color: #333333;
    padding-left: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
}

@media (max-width: 1580px) {
    .investorbox-sec2 .container>.cont .item .fz_title .tit {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .investorbox-sec2 .container>.cont .item .fz_title .tit {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .investorbox-sec2 .container>.cont .item .fz_title .tit {
        font-size: 30px;
    }
}

.investorbox-sec2 .container>.cont .item .gt {
    width: 25%;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .investorbox-sec2 .container>.cont .item .gt {
        width: 100%;
    }
}

.investorbox-sec2 .container>.cont .item .gt .date {
    font-size: 16px;
    color: #cccccc;
}

@media (max-width: 1580px) {
    .investorbox-sec2 .container>.cont .item .gt .date {
        font-size: 14px;
    }
}

.investorbox-sec2 .container>.cont .item .gt .but {
    display: flex;
    align-items: center;
    color: #1072b9;
    font-size: 16px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@media (max-width: 1580px) {
    .investorbox-sec2 .container>.cont .item .gt .but {
        font-size: 14px;
    }
}

.investorbox-sec2 .container>.cont .item .gt .but i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 10px;
    background-color: #1072b9;
    overflow: hidden;
}

@media (max-width: 1580px) {
    .investorbox-sec2 .container>.cont .item .gt .but i {
        width: 18px;
        height: 18px;
        margin-left: 8px;
    }
}

@media (max-width: 767px) {
    .investorbox-sec2 .container>.cont .item .gt .but i {
        width: 14px;
        height: 14px;
    }
}

.investorbox-sec2 .container>.cont .item .gt .but i img,
.investorbox-sec2 .container>.cont .item .gt .but i svg {
    float: left;
    width: 100%;
}

.investorbox-sec2 .container>.cont .item .gt .but i img:nth-child(2),
.investorbox-sec2 .container>.cont .item .gt .but i svg:nth-child(2) {
    display: none;
}

.investorbox-sec2 .container>.cont .item .gt .but i svg {
    width: 40%;
}

.investorbox-sec2 .container>.cont .item .gt .but i svg path {
    fill: #fff;
}

@media (min-width: 1200px) {
    .investorbox-sec2 .container>.cont .item:hover {
        background-color: #1072b9;
    }

    .investorbox-sec2 .container>.cont .item:hover .fz_title .tit {
        color: #fff;
    }

    .investorbox-sec2 .container>.cont .item:hover .fz_title:before {
        background-color: #fff;
    }

    .investorbox-sec2 .container>.cont .item:hover .gt .date {
        color: #cccccc;
    }

    .investorbox-sec2 .container>.cont .item:hover .gt .but {
        color: #fff;
    }

    .investorbox-sec2 .container>.cont .item:hover .gt .but i img:nth-child(1) {
        display: none;
    }

    .investorbox-sec2 .container>.cont .item:hover .gt .but i img:nth-child(2) {
        display: block;
    }

    .investorbox-sec2 .container>.cont .item:hover .gt .but i {
        background-color: #fff;
    }

    .investorbox-sec2 .container>.cont .item:hover .gt .but i svg path {
        fill: #1072b9;
    }
}

.investorbox-sec2 .basepage {
    margin-top: 80px;
}

.investorbox-sec3 .cont {
    position: relative;
}

.investorbox-sec3 .cont .img {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 18.75%;
}

@media (max-width: 767px) {
    .investorbox-sec3 .cont .img {
        padding-bottom: 50%;
    }
}

.investorbox-sec3 .cont .img img {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .investorbox-sec3 .cont .img img {
        width: 250%;
    }
}

@media (max-width: 991px) {
    .investorbox-sec3 .cont .img:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.3;
        position: absolute;
        top: 0;
        left: 0;
    }
}

.investorbox-sec3 .cont .font {
    font-size: 16px;
    line-height: 30px;
    width: 50%;
    padding-right: 100px;
}

@media (max-width: 1580px) {
    .investorbox-sec3 .cont .font {
        font-size: 14px;
        line-height: 26px;
    }
}

@media (max-width: 1199px) {
    .investorbox-sec3 .cont .font {
        width: 70%;
        padding-right: 30px;
    }
}

@media (max-width: 991px) {
    .investorbox-sec3 .cont .font {
        line-height: 22px;
        padding-right: 0;
        width: 100%;
        padding: 0 50px;
    }
}

@media (max-width: 767px) {
    .investorbox-sec3 .cont .font {
        width: 100%;
        padding: 0;
        margin-top: 60px;
    }
}

@media (min-width: 768px) {
    .investorbox-sec3 .cont .font {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        color: #fff;
    }
}

.investorbox-sec3 .cont .font a {
    color: #fff;
}

@media (max-width: 767px) {
    .investorbox-sec3 .cont .font a {
        color: #333;
    }
}

.investorbox-sec3 .cont .font a:hover {
    text-decoration: underline;
}

.investorbox-sec2 .callinfo .cont .gt .jut .item .font .but {
    background: transparent;
    color: #1072b9;
    padding: 0;
    border-radius: 0;
}

.investorbox-sec2 .callinfo .cont .gt .jut .item .font .but::before {
    display: none;
}

.investorbox-sec2 .callinfo .cont .gt .jut .item .font .but span {
    color: #1072b9;
}

.investorbox-sec2 .callinfo .cont .gt .jut .item .font .but i {
    background: #1072b9;
}

.investorbox-sec2 .newinfo .cont .gt .jut .item .font .text {
    margin-bottom: 0;
    height: auto;
    display: block;
}

.callinfo .cont .gt .jut .item .img {
    /* width: 32%; */
    width: 38%;
    padding-bottom: 25%;
}

@media (max-width:1260px) {
    .callinfo .cont .gt .jut .item .img {
        width: 45%;
        padding-bottom: 28%;
    }
}

@media (max-width:1200px) {
    .callinfo .cont .gt .jut .item .img {
        padding-bottom: 32%;
    }
}

@media (max-width:768px) {
    .callinfo .cont .gt .jut .item .img {
        width: 40%;
        padding-bottom: 28%;
    }
}

.callinfo .cont .gt .jut .item .font {
    /* width: 68%; */
    flex: 1;
    width: auto;
}

.callinfo .cont .gt .jut .item .font .but {
    /* display: flex; */
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #1072b9;
    background: #003686;
    /* background: #333; */
    padding: 5px 12px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1580px) {
    .callinfo .cont .gt .jut .item .font .but {
        font-size: 14px;
    }
}

.callinfo .cont .gt .jut .item .font .but::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    transition: all 0.3s;
    /* background: #333; */
    background: #003686;
    top: 0;
    left: 0;
}

/* .callinfo .cont .gt .jut .item .font .but:hover::before{  width: 100%;} */
.callinfo .cont .gt .jut .item:hover .font .but::before {
    width: 100%;
}

.callinfo .cont .gt .jut .item .font .but span {
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 1;
}

.callinfo .cont .gt .jut .item .font .but i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 10px;
    border-radius: 50%;
    /* background-color: #1072b9; */
    position: relative;
    z-index: 1;
    height: 20px;
}

@media (max-width: 1580px) {
    .callinfo .cont .gt .jut .item .font .but i {
        width: 18px;
        margin-left: 8px;
    }
}

.callinfo .cont .gt .jut .item .font .but i img,
.callinfo .cont .gt .jut .item .font .but i svg {
    float: left;
    width: 50%;
}

.investorbox-sec2 .investorbox2_nav .swiper-slide {
    display: flex;
    align-items: flex-start;
    color: #666666;
}

.investorbox-sec2 .investorbox2_nav .swiper-slide .f_ico {
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    margin-top: 0.36em;
}

.investorbox-sec2 .investorbox2_nav .swiper-slide .f_ico img,
.investorbox-sec2 .investorbox2_nav .swiper-slide .f_ico svg {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.investorbox-sec2 .investorbox2_nav .swiper-slide .f_ico svg path {
    fill: currentColor;
}

.investorbox-sec2 .investorbox2_nav .swiper-slide:hover {
    color: #1072b9;
}

.investorbox-sec2 .investorbox2_nav .swiper-slide:hover .item {
    color: #1072b9;
}

.newinfo {
    padding-top: 60px;
}

.newinfo .cont {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -120px;
}

@media (max-width: 1580px) {
    .newinfo .cont {
        margin: 0 -70px;
    }
}

@media (max-width: 991px) {
    .newinfo .cont {
        margin: 0 -30px;
    }
}

@media (max-width: 767px) {
    .newinfo .cont {
        margin: 0;
    }
}

.newinfo .cont .lt,
.newinfo .cont .gt {
    padding: 0 120px;
}

@media (max-width: 1580px) {

    .newinfo .cont .lt,
    .newinfo .cont .gt {
        padding: 0 70px;
    }
}

@media (max-width: 991px) {

    .newinfo .cont .lt,
    .newinfo .cont .gt {
        padding: 0 30px;
    }
}

@media (max-width: 767px) {

    .newinfo .cont .lt,
    .newinfo .cont .gt {
        padding: 0;
    }
}

.newinfo .cont .lt {
    width: 63.75%;
}

@media (max-width: 767px) {
    .newinfo .cont .lt {
        width: 100%;
    }
}

.newinfo .cont .lt .tit {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 28px;
}

@media (max-width: 767px) {}

.newinfo .cont .lt .jut {
    font-size: 16px;
    color: #333333;
    padding-bottom: 14px;
    margin-bottom: 32px;
    border-bottom: 1px solid #f0f0f0;
}

@media (max-width: 1900px) {
    .newinfo .cont .lt .jut {
        font-size: 14px;
    }
}

.newinfo .cont .lt .jut .itme {
    color: #666666;
    margin-left: 44px;
}

@media (max-width: 767px) {
    .newinfo .cont .lt .jut .itme {
        margin-left: 26px;
    }
}

.newinfo .cont .lt .make-text {
    margin-bottom: 88px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .newinfo .cont .lt .make-text {
        margin-bottom: 44px;
    }
}

.newinfo .cont .lt .fen {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 26px;
    border-bottom: 1px solid #f0f0f0;
}

@media (max-width: 991px) {
    .newinfo .cont .lt .fen {
        padding-bottom: 40px;
        margin-bottom: 52px;
    }
}

@media (max-width: 767px) {
    .newinfo .cont .lt .fen {
        padding-bottom: 20px;
    }
}

.newinfo .cont .lt .fen .f_jut {
    display: flex;
    align-items: center;
    margin-left: 0;
}

.newinfo .cont .lt .fen .f_jut a {
    display: block;
    width: 28px;
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 6px;
}

.newinfo .cont .lt .fen .f_jut .bshare-weixin {
    background-image: url(../images/feniocniwferwm1.svg);
    width: 30px;
    height: 26px;
}

.newinfo .cont .lt .fen .f_jut .bshare-sinaminiblog {
    background-image: url(../images/feniocniwferwm2.svg);
}

.newinfo .cont .lt .fen .f_jut .bshare-qqim {
    background-image: url(../images/feniocniwferwm3.svg);
}

.newinfo .cont .lt .f_page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newinfo .cont .lt .f_page .f_prev,
.newinfo .cont .lt .f_page .f_next {
    display: block;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(50% - 50px);
}

@media (max-width: 991px) {}

@media (max-width: 767px) {

    .newinfo .cont .lt .f_page .f_prev,
    .newinfo .cont .lt .f_page .f_next {
        width: 100%;
        max-width: 66%;
    }
}

.newinfo .cont .lt .f_page .f_prev:hover,
.newinfo .cont .lt .f_page .f_next:hover {
    color: #1072b9;
    text-decoration: underline;
}

@media (max-width: 767px) {}

@media (max-width: 767px) {
    .newinfo .cont .lt .f_page .f_next {
        margin-top: 20px;
    }
}

.newinfo .cont .lt .f_page .f_cent {
    display: flex;
    color: #222222;
    align-items: center;
}

.newinfo .cont .lt .f_page .f_cent i {
    margin-left: 10px;
    display: block;
    width: 14px;
    overflow: hidden;
}

@media (max-width: 1580px) {
    .newinfo .cont .lt .f_page .f_cent i {
        width: 12px;
        margin-left: 6px;
    }
}

.newinfo .cont .lt .f_page .f_cent i img {
    width: 100%;
    float: left;
}

.newinfo .cont .lt .f_page .f_cent:hover {
    color: #1072b9;
}

.newinfo .cont .gt {
    width: 36.25%;
}

@media (max-width: 767px) {
    .newinfo .cont .gt {
        width: 100%;
        margin-top: 80px;
    }
}

@media (min-width: 992px) {
    .newinfo .cont .gt {
        position: sticky;
        top: 90px;
    }
}

.newinfo .cont .gt .tit {
    line-height: 1;
    /* color: #999999; */
    color: #000;
    margin-bottom: 26px;
    font-size: 24px;
}

.newinfo .cont .gt .jut .item {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #f2f2f2;
}

.newinfo .cont .gt .jut .item:first-child {
    padding-top: 0;
}

.newinfo .cont .gt .jut .item .img {
    width: 28%;
    position: relative;
    padding-bottom: 20%;
    overflow: hidden;
}

.newinfo .cont .gt .jut .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.newinfo .cont .gt .jut .item .font {
    width: 72%;
    padding-left: 20px;
}

.newinfo .cont .gt .jut .item .font .text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333333;
}

@media (max-width: 1580px) {
    .newinfo .cont .gt .jut .item .font .text {
        margin-bottom: 6px;
        height: 44px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 991px) {
    .newinfo .cont .gt .jut .item .font .text {
        line-height: 24px;
        height: 48px;
    }
}

.newinfo .cont .gt .jut .item .font .text span {
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #005ce6 0%); */
    background-size: 0 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-repeat: no-repeat;
}

.newinfo .cont .gt .jut .item .font .date {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #cccccc;
    font-size: 14px;
}

@media (max-width: 1580px) {
    .newinfo .cont .gt .jut .item .font .date {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .newinfo .cont .gt .jut .item:hover .img img {
        /* -webkit-transform: scale(1.04); */
        /* transform: scale(1.04); */
    }

    .newinfo .cont .gt .jut .item:hover .font .text {
        color: #1072b9;
    }

    .newinfo .cont .gt .jut .item:hover .font .text span {
        background-size: 100% 100%;
    }
}

.newinfo .cont .gt .f_supply {
    background: #f5f5f5;
    padding: 30px 30px 40px;
}

.newinfo .cont .gt .f_supply .tit {
    color: #1072b9;
    margin-bottom: 24px;
}

.newinfo .cont .gt .f_supply .jut .item {
    background: #fff;
    margin-bottom: 20px;
    padding: 16px 30px 16px 20px;
}

@media (max-width: 1580px) {
    .newinfo .cont .gt .f_supply .jut .item {
        margin-bottom: 16px;
        padding: 12px 30px 12px 16px;
    }
}

@media (max-width: 767px) {
    .newinfo .cont .gt .f_supply .jut .item {
        padding: 24px 34px;
    }
}

.newinfo .cont .gt .f_supply .jut .item:last-child {
    margin-bottom: 0;
}

.newinfo .cont .gt .f_supply .jut .item .img {
    display: none;
}

.newinfo .cont .gt .f_supply .jut .item .font {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}

.newinfo .cont .gt .f_supply .jut .item .font .text {
    font-weight: bold;
}

.newinfo .cont .gt .f_supply .jut .item .font .but {
    flex: 0 0 auto;
    align-items: center;
    margin-left: 30px;
}

.newinfo .cont .gt .f_supply .jut .item .font .but i {
    flex: 0 0 auto;
    color: #fff;
}

.newinfo .cont .gt .f_supply .jut .item .font .but i svg path {
    fill: currentColor;
}

@media (max-width: 1580px) {
    .newinfo .cont .gt .f_supply .jut .item .font .but i {
        height: 18px;
    }
}

.newinfo .cont .gt .f_supply .jut .item:hover {
    background: #1072b9;
}

.newinfo .cont .gt .f_supply .jut .item:hover .font .text {
    color: #fff;
}

.newinfo .cont .gt .f_supply .jut .item:hover .font .but span {
    color: #fff;
}

.newinfo .cont .gt .f_supply .jut .item:hover .font .but i {
    background: #fff;
    color: #1072b9;
}

.res-nav li a {
    font-size: 18px;
    color: #000;
    line-height: 40px;
}

.res-nav li:hover a {
    color: #1072b9;
}

.res-nav li.active a {
    color: #1072b9;
}

.aem {
    padding: 80px 0;
}

.aem h2 {
    font-size: 40px;
    color: #1072b9;
    margin-bottom: 30px;
}

.aem ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.aem ul li {
    width: 23.5%;
    background: #f2f1f1;
    padding: 1.4%;
    display: grid;
    align-content: space-between;
}

.aem ul li .p1 {
    font-size: 16px;
    color: #1072b9;
    line-height: 1.5;
    font-weight: Bold;
    margin-bottom: 10px;
}

.aem ul li .p2 {
    font-size: 18px;
    color: #1072b9;
    line-height: 1.5;
    margin-bottom: 70px;
}

.aem ul li .p3 {
    font-size: 32px;
    color: #1072b9;
    line-height: 1.5;
    text-align: right;
}

.know {
    padding: 80px 0;
    background: #e0f2f9;
}

.know h2 {
    font-size: 40px;
    color: #1072b9;
    margin-bottom: 15px;
}

.know .ljxx {
    font-size: 24px;
    color: #1072b9;
    margin-bottom: 50px;
}

.know_swp img {
    display: block;
    width: 100%;
    border-radius: 25px 25px 0 0;
}

.know_swp .swiper-slide {
    width: 27%;
}

.know_swp .nr {
    background: #fcf8f2;
    padding: 30px;
    border-radius: 0 0 25px;
}

.know_swp .p1 {
    font-size: 32px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 15px;
}

.know_swp .p2 {
    font-size: 18px;
    color: #3e3f41;
    line-height: 1.8;
    margin-bottom: 50px;
}

.know_swp a {
    font-size: 18px;
    color: #1072b9;
    padding-left: 30px;
    position: relative;
}

.know_swp a:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/yx.png)no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.know_swp a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #1072b9;
    position: absolute;
    left: 0;
    bottom: -6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.know_swp a:hover {
    color: #000;
}

.know_swp a:hover:before {
    background: url(../images/yx1.png)no-repeat center;
    background-size: cover;
}

.know_swp a:hover:after {
    width: 100%;
    background: #000;
}

.know_swp .swiper-container {
    padding-bottom: 70px;
}

.address {
    padding: 80px 0;
}

.address ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.address ul li {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
}

.address ul li .img {
    width: 32.5%;
    background: url(../images/addbg.jpg);
    border-radius: 25px 0 0;
    box-sizing: border-box;
    padding: 3.6%;
}

.address ul li .img img {
    width: 100%;
    display: block;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}

.address ul li .nr {
    width: 67.5%;
    background: #f2f1f1;
    border-radius: 0 25px 25px 0;
    box-sizing: border-box;
    padding: 3.6%;
}

.address ul li .nr .tit {
    font-size: 32px;
    line-height: 44px;
    color: #1072b9;
    margin-bottom: 8px;
}

.address ul li .nr .dz {
    font-size: 18px;
    line-height: 1.8;
    color: #3e3f41;
    margin-bottom: 4px;
}

.address ul li .nr .con {
    font-size: 24px;
    line-height: 1.8;
    color: #3e3f41;
    margin-bottom: 4px;
}

.investor {
    padding: 0px 0 80px;
}

.investor h3 {
    font-size: 40px;
    color: #1072b9;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}

.investor ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.investor ul li {
    width: 32%;
}

.investor ul li .img {
    width: 100%;
    background: url(../images/addbg.jpg) repeat-x #f2f1f1;
    background-size: 100% 65%;
    border-radius: 25px 25px 0 0;
    box-sizing: border-box;
    padding: 6%;
}

.investor ul li .img img {
    width: 37%;
    display: block;
    margin: auto;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}

.investor ul li .nr {
    width: 100%;
    background: #f2f1f1;
    border-radius: 0 0 25px 0;
    box-sizing: border-box;
    padding: 3.6%;
}

.investor ul li .nr .tit {
    font-size: 32px;
    line-height: 44px;
    color: #1072b9;
    margin-bottom: 8px;
}

.investor ul li .nr .dz {
    font-size: 18px;
    line-height: 1.8;
    color: #3e3f41;
    margin-bottom: 15px;
}

.investor ul li .nr dl dd a {
    font-size: 16px;
    color: #1072b9;
    padding-left: 30px;
    position: relative;
    line-height: 44px;
}

.investor ul li .nr dl dd a:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.investor ul li .nr dl dd:nth-child(1) a:before {
    background: url(../images/lx1.png)no-repeat center;
    background-size: cover;
}

.investor ul li .nr dl dd:nth-child(2) a:before {
    background: url(../images/lx2.png)no-repeat center;
    background-size: cover;
}

.investor ul li .nr dl dd:nth-child(3) a:before {
    background: url(../images/lx3.png)no-repeat center;
    background-size: cover;
}

.investor ul li .nr dl dd a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #1072b9;
    position: absolute;
    left: 0;
    bottom: -6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.investor ul li .nr dl dd a:hover {
    color: #000;
}

.investor ul li .nr dl dd:nth-child(1) a:hover:before {
    background: url(../images/lx10.png)no-repeat center;
    background-size: cover;
}

.investor ul li .nr dl dd:nth-child(2) a:hover:before {
    background: url(../images/lx20.png)no-repeat center;
    background-size: cover;
}

.investor ul li .nr dl dd:nth-child(3) a:hover:before {
    background: url(../images/lx30.png)no-repeat center;
    background-size: cover;
}

.investor ul li .nr dl dd a:hover:after {
    width: 100%;
    background: #000;
}

.media {
    padding: 80px 0;
}

.media .title {
    font-size: 40px;
    color: #1072b9;
    line-height: 1.5;
    text-align: center;
}

.media_lr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}

.media_l {
    width: 62.5%;
}

.media_l ul li {
    background: #f2f1f1;
    padding: 24px;
    margin-bottom: 15px;
}

.media_l ul li .time {
    font-size: 16px;
    line-height: 1.5;
    color: #1072b9;
    font-weight: 600;
    margin-bottom: 25px;
}

.media_l ul li .tit {
    font-size: 24px;
    line-height: 1.3;
    color: #1072b9;
    font-weight: 600;
}

.media_r {
    width: 32.5%;
}

.media_r .img {
    width: 100%;
    background: url(../images/addbg.jpg) repeat-x #f2f1f1;
    background-size: 100% 65%;
    border-radius: 25px 25px 0 0;
    box-sizing: border-box;
    padding: 6%;
}

.media_r .img img {
    width: 37%;
    display: block;
    margin: auto;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}

.media_r .nr {
    width: 100%;
    background: #f2f1f1;
    border-radius: 0 0 25px 0;
    box-sizing: border-box;
    padding: 3.6%;
}

.media_r .nr .tit {
    font-size: 32px;
    line-height: 44px;
    color: #1072b9;
    margin-bottom: 8px;
}

.media_r .nr .dz {
    font-size: 18px;
    line-height: 1.8;
    color: #3e3f41;
    margin-bottom: 15px;
}

.media_r .nr dl dd a {
    font-size: 16px;
    color: #1072b9;
    padding-left: 30px;
    position: relative;
    line-height: 44px;
}

.media_r .nr dl dd a:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.media_r .nr dl dd:nth-child(1) a:before {
    background: url(../images/lx1.png)no-repeat center;
    background-size: cover;
}

.media_r .nr dl dd:nth-child(2) a:before {
    background: url(../images/lx2.png)no-repeat center;
    background-size: cover;
}

.media_r .nr dl dd:nth-child(3) a:before {
    background: url(../images/lx3.png)no-repeat center;
    background-size: cover;
}

.media_r .nr dl dd a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #1072b9;
    position: absolute;
    left: 0;
    bottom: -6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.media_r .nr dl dd a:hover {
    color: #000;
}

.media_r .nr dl dd:nth-child(1) a:hover:before {
    background: url(../images/lx10.png)no-repeat center;
    background-size: cover;
}

.media_r .nr dl dd:nth-child(2) a:hover:before {
    background: url(../images/lx20.png)no-repeat center;
    background-size: cover;
}

.media_r .nr dl dd:nth-child(3) a:hover:before {
    background: url(../images/lx30.png)no-repeat center;
    background-size: cover;
}

.media_r .nr dl dd a:hover:after {
    width: 100%;
    background: #000;
}

.media_l .gdxw {
    font-size: 18px;
    color: #1072b9;
    padding-left: 30px;
    position: relative;
    margin-top: 40px;
    display: inline-block;
}

.media_l .gdxw:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/yx.png)no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.media_l .gdxw:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #1072b9;
    position: absolute;
    left: 0;
    bottom: -6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.media_l .gdxw:hover {
    color: #000;
}

.media_l .gdxw:hover:before {
    background: url(../images/yx1.png)no-repeat center;
    background-size: cover;
}

.media_l .gdxw:hover:after {
    width: 100%;
    background: #000;
}

.interest {
    padding: 80px 0;
    background: #e0f2f9;
}

.interest .title {
    font-size: 40px;
    color: #1072b9;
    line-height: 1.5;
}

.interest ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}

.interest ul li {
    width: 32%;
}

.interest ul li img {
    display: block;
    width: 100%;
    border-radius: 25px 25px 0 0;
}

.interest ul li .nr {
    background: #fff;
    padding: 30px;
    border-radius: 0 0 25px;
}

.interest ul li .p1 {
    font-size: 32px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 15px;
}

.interest ul li .p2 {
    font-size: 18px;
    color: #3e3f41;
    line-height: 1.8;
    margin-bottom: 50px;
}

.interest ul li a {
    font-size: 18px;
    color: #1072b9;
    padding-left: 30px;
    position: relative;
}

.interest ul li a:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/yx.png)no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.interest ul li a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #1072b9;
    position: absolute;
    left: 0;
    bottom: -6px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.interest ul li a:hover {
    color: #000;
}

.interest ul li a:hover:before {
    background: url(../images/yx1.png)no-repeat center;
    background-size: cover;
}

.interest ul li a:hover:after {
    width: 100%;
    background: #000;
}








.social{padding: 80px 0;background: #f2f1f1;color: #1072b9;}
.social .title{font-size: 56px;}
.social .js{font-size: 24px;line-height: 1.8;}


.accounts{padding: 80px 0;}
.accounts .title{font-size: 40px;line-height: 1.4;margin-bottom: 32px;color: #1072b9;}
.accounts ul{display: flex;flex-wrap: wrap;align-content: space-around;}
.accounts ul li{width: 19%;background: #f2f1f1;box-sizing: border-box;padding: 2.5% 2%;margin-right: 1.25%;display: grid;align-content: space-around;align-items: stretch;}
.accounts ul li:nth-child(5n){margin-right: 0;}
.accounts ul li .img{width: 15%;}
.accounts ul li img{width: 100%;display: block;margin-bottom: 45px;}
.accounts ul li .tit{font-size: 32px;line-height: 1.5;color: #1072b9;margin-bottom: 35px;}
.accounts ul li .jj{font-size: 18px;line-height: 1.8;margin-bottom: 40px;}
.accounts ul li .zhlj{font-size: 18px;line-height: 1.8;color: #1072b9;background: url(../images/fx.png)no-repeat left center;background-size: 15px;padding-left: 25px;position: relative;}
.accounts ul li .zhlj:after{content:'';display:block;width:0;height:2px;background:#1072b9;position: absolute;left:0;bottom:-6px;-webkit-transition: all .5s;transition: all .5s}
.accounts ul li .zhlj:hover:after{width:100%;background:#1072b9c;color: #1072b9;}



.applications{padding: 80px 0;}
.applications .title{font-size: 30px;font-weight: Bold;margin-bottom: 5px;}
.applications .js{font-size: 20px;margin-bottom: 50px;}
.applications ul{display: flex;flex-wrap: wrap;}
.applications ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.applications ul li:nth-child(4n){margin-right: 0;}
.applications ul li .img{overflow: hidden;}
.applications ul li .img img{width: 100%;display: block;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.applications ul li .tit{padding: 6%;background: #e0f2f9;}
.applications ul li .tit span{font-size: 20px;color: #1072b9;line-height: 1.5;padding-left: 30px;background: url(../images/r.png)no-repeat left center;background-size: 24px;}
.applications ul li:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}


.historysbg{background: url(../images/historys-bg.jpg)no-repeat center bottom;background-size: 100%;padding-bottom: 1px;}
.historys{background: url(../images/historys-bg2.png)no-repeat center;background-size: cover; padding: 80px 0;margin-bottom: 20%;}
.hislogo img{display: block;margin: auto;}
.hiscon{position: relative;z-index: 1;}
.hiscon::before{ content: ""; position: absolute; left: 50%; width: 1px; margin-left: -.5px; top: 0; bottom: 0; background: #dcdad5; z-index: -1;}

.hiscon ul{display: flex;flex-wrap: wrap;padding-top: 80px;padding-bottom: 20%;}
.hiscon ul li{width: 50%;padding-right: 6%;box-sizing: border-box;margin-bottom: -10%;position: relative;}
.hiscon ul li .img{padding-bottom: 45%;}
.hiscon ul li img{width: 100%;display: block;}
.hiscon ul li .nr .con{background: #fff;padding: 4%;display: flex;flex-wrap: wrap;}
.hiscon ul li .nr .con .tit{width:calc(100% - 130px);font-size: 16px;line-height: 2;color: #333;border-right: #e0e0e0 1px solid;box-sizing: border-box;padding-right: 4%;}
.hiscon ul li .nr .con .time{width: 130px;font-size: 48px;font-family: Impact;text-align: right;color: #1072b9;line-height: 1;}
.hiscon ul li:nth-child(2n){padding-right: 0;padding-left: 6%;margin-top: 20%;}


.hiscon ul li .dots{position: absolute;top: 70px;right: -10px;width: 20px;height: 20px;}
.hiscon ul li .dots:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:#2a3d89 1px solid;border-radius:50%;background: #fff;}
.hiscon ul li .dots:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px; background:#2a3d89;border-radius:50%;}
.hiscon ul li .dots .line{background:#2a3d89;height: 1px;width: 34px;right: 100%;position: absolute;top: 50%;}


.hiscon ul li:nth-child(2n) .dots{ left: -10px;}
.hiscon ul li:nth-child(2n) .dots .line{ left: 100%}

.ljyybg{background: rgb(0 0 0 / 0.7);position: fixed;left: 0;top: 0;z-index: 10000;width: 100%;height: 100%;display: none;flex-wrap: wrap;justify-content: center;align-content: center;}
.ljyy{width:35%;max-height:98%;overflow: auto; background:#fff;box-sizing: border-box;padding:2%;position: relative;}
.ljyy .title{font-size: 30px;color: #000;}
.ljyy .img{position: absolute;top: 2%;right: 3%;width: 30px;cursor: pointer;}
.ljyy .img img{width: 100%;display:block;}
.ljyy ul li{margin-bottom: 20px;}
.ljyy ul li .tit{font-size: 18px;color: #333;line-height: 2;margin-bottom: 5px;}
.ljyy ul li select{width:100%;height: 40px;line-height: 40px;font-size: 16px;color: #333;border: 1px solid #aaa;padding: 0 10px;}
.ljyy ul li input[type=text]{width:100%;height: 40px;line-height: 40px;font-size: 16px;color: #333;border: 1px solid #aaa;padding: 0 10px;}
.ljyy ul li textarea{width:100%;height: 120px;line-height: 1.5;font-size: 16px;color: #333;border: 1px solid #aaa;padding: 10px;}
.ljyy ul li input.submit{width:100%;height: 40px;line-height: 40px;font-size: 16px;background:#1072b9;border: 1px solid #1072b9;color:#fff;}


.gbookbg{float:left;width: 100%;height: 100%;}
.gbook{width:96%;max-height:98%;overflow: auto; background:#fff;box-sizing: border-box;padding:2%;position: relative;}
.gbook .title{font-size: 30px;color: #000;}
.gbook .img{position: absolute;top: 2%;right: 3%;width: 30px;cursor: pointer;}
.gbook .img img{width: 100%;display:block;}
.gbook ul li{margin-bottom: 20px;}
.gbook ul li .tit{font-size: 18px;color: #333;line-height: 2;margin-bottom: 5px;}
.gbook ul li select{width:100%;height: 40px;line-height: 40px;font-size: 16px;color: #333;border: 1px solid #aaa;padding: 0 10px;}
.gbook ul li input[type=text]{width:100%;height: 40px;line-height: 40px;font-size: 16px;color: #333;border: 1px solid #aaa;padding: 0 10px;}
.gbook ul li textarea{width:100%;height: 120px;line-height: 1.5;font-size: 16px;color: #333;border: 1px solid #aaa;padding: 10px;}
.gbook ul li input.submit{width:100%;height: 40px;line-height: 40px;font-size: 16px;background:#1072b9;border: 1px solid #1072b9;color:#fff;}


.join{padding: 80px 0;}
.join .title{font-size: 32px;line-height: 1.5;color: rgba(0,0,0,0.8);font-weight: bold;text-align: center;}
.join_ul{background: url(../images/about-l.jpg)no-repeat center top;background-size: cover;padding-top: 35%;margin-top: 60px;border-radius: 20px;}
.join_ul ul{display: flex;flex-wrap: wrap;padding:3% 0;background: rgba(0, 0, 0, 0.1);backdrop-filter: blur(5px);}
.join_ul ul li{width: 33.33333%;padding: 0 3.5%;font-size: 18px;line-height: 1.8;color: #fff;}


.join2{padding: 80px 0;background: rgb(246,246,246);}
.join2 .title{font-size: 42px;line-height: 1.5;color: rgba(0,0,0,0.8);font-weight: bold;}
.join2_ul{margin-top: 40px;}
.join2_ul ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.join2_ul ul li{width: 48%;}
.join2_ul ul li .img{overflow: hidden;border-radius: 20px;}
.join2_ul ul li .img img{width: 100%;display: block;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.join2_ul ul li:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.join2_ul ul li .tit{font-size: 36px;color: rgba(0,0,0,0.8);font-weight: bold;line-height: 1.3;margin-top: 50px;}
.join2_ul ul li .jj{font-size: 22px;color: rgba(0,0,0,0.6);line-height: 1.3;margin-top: 24px;}
.join2_ul ul li .ljjr{font-size: 16px;color: rgba(0,0,0,0.6);background: #fff;margin-top: 50px;width: 158px;height: 58px;line-height: 58px;border: 1px solid #1072b9;border-radius: 30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.join2_ul ul li .ljjr .icon{fill:currentcolor;}
.join2_ul ul li .ljjr .icon path{color: #1072b9;}
.join2_ul ul li .tit:hover{color: #1072b9;}
.join2_ul ul li .ljjr:hover{color: #fff;background: #1072b9;}
.join2_ul ul li .ljjr:hover .icon path{color: #fff;}

.join3{padding: 140px 0;background: url(../images/future_bg.jpg)no-repeat center;background-size: cover;}
.join3 .title{font-size: 42px;line-height: 1.5;color: #fff;font-weight: bold;}
.fcc{display: flex;justify-content: center;align-items: center;}
.join3 .list {display: flex;margin-top: 5%}
.join3 .list .item {display: flex;align-items: center;height: 104px;border-right: 1px solid rgba(255,255,255,0.3);padding-right: 4.5%;margin-right: 3%}
.join3 .list .item:last-child {border-right: none;padding-right: 0;margin-right: 0;}
.join3 .list .icon {width: 84px;height: 84px;background: #0D408F;border-radius: 50%;margin-right: 30px;}
.join3 .list img {display: block;width: 40px}
.join3 .list .title {font-size: 30px;line-height: 1.3103;color: #fff;font-weight: 700}
.join3 .list .txt {font-size: 22px;line-height: 1.3182;color: #fff;margin-top: 17px;}



.fsc{display: flex;justify-content: space-between;align-items: center;}
.recruit {padding: 80px 0;background: #F5F5F5}
.recruit .nav {display: flex;justify-content: center;float: none;}
.recruit .nav .item {font-size: 42px;color: rgba(0,0,0,0.3);font-weight: bold;line-height: 1.3333;position: relative;padding-bottom: 25px;margin: 0 40px;cursor: pointer;transition: all .5s}
.recruit .nav .item::after {content: '';width: 0;height: 4px;background: #0066AF;border-radius: 2px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);transition: all .5s;}
.recruit .nav .item:hover {color: #0066AF}
.recruit .nav .item:hover::after {width: 80px;}
.recruit .nav .active {color: #0066AF}
.recruit .nav .active::after {width: 80px;}
.recruit .main {display: flex;justify-content: space-between;margin-top: 50px;}
.recruit .left {width: 24%;}
.recruit .box {background: #fff;padding: 8%;box-shadow: 0px 15px 33.42px 0px rgba(132,167,197,0.03);border-radius: 10px;}
.recruit .box .title {font-size: 20px;line-height: 1.4118;color: rgba(0,0,0,0.8);font-weight: bold;}
.recruit .box form {position: relative;margin-top: 20px;border: 1px solid #E3E3E3;border-radius: 8px;box-sizing: border-box;height: 48px;display: flex;align-items: center;}
.recruit .box .text {display: block;box-sizing: border-box;width: 100%;height: 46px;font-size: 14px;color: rgba(0,0,0,0.8);padding: 0 18px;background: none;border: none}
.recruit .box .btn {position: absolute;width: 20px;height: 20px;background: url(../images/search.png) no-repeat;background-size: cover;position: absolute;right: 20px;top: 50%;border: none;transform: translateY(-50%)}
.recruit .box .col {margin-top: 30px;}
.recruit .box a {display: flex;justify-content: space-between;align-items: center;height: 60px;border-bottom: 1px solid #E3E3E3;font-size: 18px;color: rgba(0,0,0,0.8);transition: all .5s}
.recruit .box a:hover {color: #0066AF;font-weight: bold}
.recruit .box a:hover i {background-image: url(../images/jt_hr.png);opacity: 1}
.recruit .box i {display: block;width: 18px;height: 18px;background: url(../images/jt_br.png) no-repeat;background-size: cover;opacity: .3}
.recruit .box .active {color: #0066AF;font-weight: bold}
.recruit .box .active i {background-image: url(../images/jt_hr.png);opacity: 1}
.recruit .right {width: 74%;}
.recruit .right .list {}
.recruit .right .item {margin-bottom: 2%;background: #fff;box-shadow: 0px 15px 33.42px 0px rgba(132,167,197,0.03);border-radius: 10px;border-left: 0.3125vw solid #fff;padding: 2.4%;cursor: pointer;}
.recruit .right .title {font-size: 20px;line-height: 1.3;color: rgba(0,0,0,0.8);font-weight: bold}
.recruit .right .time {font-size: 14px;line-height: 1.2857;color: rgba(0,0,0,0.4)}
.recruit .right .tips {display: flex;align-items: center;margin-top: 15px;}
.recruit .right .tips span {display: block;font-size: 18px;line-height: 1.3333;padding-right: 20px;position: relative;margin-right:20px;color: rgba(0,0,0,0.7)}
.recruit .right .tips span:last-child::after {display: none}
.recruit .right .tips span::after {content: '';width: 1px;height: 14px;right: 0;top: 50%;transform: translateY(-50%);position: absolute;background: #D9D9D9}
.recruit .right .tips .num {font-weight: bold;color: #0066AF}
.recruit .right .txt {font-size: 15px;line-height: 1.3333;color: rgba(0,0,0,0.7);margin-top: 20px;}
.recruit .right .erify {display: none;margin-top: 20px;font-size: 14px;line-height: 2;color: rgba(0,0,0,0.7);position: relative}
.recruit .right .col {margin-bottom: 30px;max-width: 67%}
.recruit .right .col:last-child {margin-bottom: 0}
.recruit .right .send {position: absolute;right: 0;bottom: 10px;width: 120px;height: 50px;background: #0066AF;border-radius: 10px;overflow: hidden}
.recruit .right .send::before {content: '';width: 0;height: 100%;background: #0081DD;position: absolute;left: 0;top: 0;transition: all .5s}
.recruit .right .send p {position: relative;z-index: 10;font-size: 14px;color: #fff}
.recruit .right .send:hover::before {width: 100%}

.fsb{display: flex;justify-content: space-between;}
.job-pop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none
}

.job-pop .job-pop-main {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #0066AF;
    background: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    width: 382px;
    overflow: hidden;
    padding: 16px 20px 20px
}

.job-pop .close {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/close.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 9px;
    top: 10px;
    transition: all .5s
}

.job-pop .close:hover {
    transform: rotate(180deg)
}

.job-pop .title {
    font-size: 16px;
    line-height: 21px;
    color: #5A6977
}

.job-pop .upload {
    position: relative
}
.abs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.job-pop .abs {
    opacity: 0;
    cursor: pointer
}

.job-pop .file-name {
    font-size: 14px;
    color: #666;
    line-height: 46px;
    background: #F0F0F0;
    border-radius: 4px;
    padding: 0 23px;
    margin-top: 10px
}

.job-pop .file-name::after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../images/upload_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.job-pop .vcode {
    margin-top: 10px
}

.job-pop .text {
    display: block;
    width: 198px;
    height: 46px;
    background: #F0F0F0;
    border-radius: 4px;
    border: none;
    padding: 0 23px;
    font-size: 14px;
    color: #666;
    box-sizing: border-box
}

.job-pop img {
    display: block;
    width: 130px;
    height: 46px;
    object-fit: cover
}

.job-pop .bot {
    position: relative;
    width: 90px;
    height: 36px;
    margin-top: 20px
}

.job-pop .btn {
    position: relative;
    height: 36px;
    background: #0066AF;
    border-radius: 4px;
    overflow: hidden
}

.job-pop .btn::before {
    content: '';
    width: 0;
    height: 100%;
    background: #0081DD;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s
}

.job-pop .btn p {
    font-size: 12px;
    color: #fff;
    position: relative;
    z-index: 10
}

.job-pop .btn:hover::before {
    width: 100%
}








.g_lan .g_lan_nr {
  line-height: 1.5;
  color: #333;
  height: auto;
}
.g_lan .g_lan_box {
  min-height: 4.75rem;
  max-height: ;
  padding: 0.64rem 0;
}
.g_lan .g_lan_box .container .gtit {
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #e8e8e8;
}
.g_lan .g_lan_box .container .g_lan_con {
  padding-top: 0.28rem;
  display: flex;
  flex-wrap: wrap;
}
.g_lan .g_lan_box .container .g_lan_con .item {
  border: none;
  line-height: 1.5;
  margin-bottom: 0.3rem;
  width: 20%;
  display: flex;
  align-items: center;
}
.g_lan .g_lan_box .container .g_lan_con .item img {
  width: 36px;
  height: 24px;
  margin-right: 0.11rem;
}
.g_lan .hadbot_jut {
  height: 100px;
  width: 100%;
  background: url(../images/coloedfdfbag1.jpg) no-repeat center;
  background-size: cover;
}
@media (max-width: 1580px) {
  .g_lan .hadbot_jut {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .g_lan .hadbot_jut {
    display: none;
  }
}
.g_lan .hadbot_jut .container {
  height: 100%;
}
.g_lan .hadbot_jut .container .cont {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.38rem;
  color: #fff;
}
.g_lan .hadbot_jut .container .cont .fz_lt {
  display: flex;
}
.g_lan .hadbot_jut .container .cont .fz_lt .font {
  margin-right: 1rem;
}
.g_lan .hadbot_jut .container .cont .fz_lt .font .name {
  line-height: 1;
  opacity: 0.5;
  font-size: 14px;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .g_lan .hadbot_jut .container .cont .fz_lt .font .name {
    font-size: 12px;
  }
}
.g_lan .hadbot_jut .container .cont .fz_lt .font .tel {
  line-height: 0.8;
  font-size: 24px;
}
@media (max-width: 1580px) {
  .g_lan .hadbot_jut .container .cont .fz_lt .font .tel {
    font-size: 22px;
  }
}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  width: 150px;
  color: #003686;
  transition: all 0.3s linear;
  font-size: 16px;
  height: 50px;
}
@media (max-width: 1580px) {
  .g_lan .hadbot_jut .container .cont .fz_lt .fz_bt {
    width: 130px;
    font-size: 14px;
    height: 45px;
  }
}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i {
  display: block;
  width: 0.2rem;
  margin-right: 0.2rem;
  overflow: hidden;
}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i img,
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i svg {
  width: 100%;
  float: left;
}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i img path,
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i svg path {
  fill: #003686;
}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt:hover {
  background-color: #d40400;
  color: #fff;
}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt:hover i svg path {
  fill: #fff;
}
.g_lan .hadbot_jut .container .cont .close {
  display: flex;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
}
@media (max-width: 1580px) {
  .g_lan .hadbot_jut .container .cont .close {
    font-size: 16px;
  }
}
.g_lan .hadbot_jut .container .cont .close i {
  display: block;
  overflow: hidden;
  width: 0.24rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-left: 0.2rem;
}
.g_lan .hadbot_jut .container .cont .close i img,
.g_lan .hadbot_jut .container .cont .close i svg {
  width: 100%;
  float: left;
}
.g_lan .hadbot_jut .container .cont .close:hover i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}


.hadbox-sec1 .gt .lange .f_na {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  padding: 12px 15px;
  background-color: #fff;
  display: none; 
}
@media (max-width: 767px) {
  .hadbox-sec1 .gt .lange .f_na {
    left: initial;
    right: 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    padding: 8px 10px;
    width: 120px;
  }
}
.hadbox-sec1 .gt .lange .f_na a {
  line-height: 40px;
  display: block;
  text-align: center;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  white-space: nowrap;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .hadbox-sec1 .gt .lange .f_na a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .hadbox-sec1 .gt .lange .f_na a {
    font-size: 12px;
    line-height: 32px;
  }
}
.hadbox-sec1 .gt .lange .f_na a:last-child {
  border-bottom: none;
}



















.pt80 {
    padding-top: 80px;
}

.header.headcon .navPhoneBtn span {
    background-color: #000;
}


@media (max-width: 1280px) {
    .app_list .swiper-button-prev {
        background: url(../images/z.png)no-repeat #fff;
        background-size: cover;
        width: 44px;
        left: 0;
    }

    .app_list .swiper-button-next {
        background: url(../images/y.png)no-repeat #fff;
        background-size: cover;
        width: 44px;
        right: 0;
    }
}

@media (max-width: 1023px) {
    .p120 {
        padding-top: 50px;
    }

    .pt80 {
        padding-top: 40px;
    }

    .application_pro {
        padding-bottom: 40px;
    }

    .application_pro .title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .app_list .nr .tit {
        font-size: 20px;
    }

    .app_list .nr .ljgd {
        font-size: 14px;
    }

    .inside-banner-2 .text-4 .js {
        font-size: 18px;
    }

    .media {
        padding: 40px 0;
    }

    .media .title {
        font-size: 30px;
    }

    .media_lr {
        margin-top: 30px;
    }

    .media_l {
        width: 100%;
    }

    .media_l ul li {
        padding: 16px;
    }

    .media_l ul li .time {
        margin-bottom: 20px;
    }

    .media_l ul li .tit {
        font-size: 20px;
    }

    .media_l .gdxw {
        margin-top: 10px;
    }

    .media_r {
        width: 100%;
        margin-top: 30px;
    }

    .interest {
        padding: 40px 0;
    }

    .interest .title {
        font-size: 24px;
    }

    .interest ul {
        margin-top: 30px;
    }

    .interest ul li {
        width: 48%;
        margin-bottom: 4%;
    }

    .interest ul li .p1 {
        font-size: 24px;
    }

    .aem {
        padding: 40px 0;
    }

    .aem h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .know {
        padding: 40px 0;
    }

    .know h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .know .ljxx {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .know_swp .swiper-slide {
        width: 40%;
    }

    .know_swp .p1 {
        font-size: 24px;
    }

    .address {
        padding: 40px 0 0;
    }

    .address ul li {
        width: 100%;
        margin-bottom: 30px;
    }
    .address ul li:last-child {
        margin-bottom: 0px;
    }
    .address ul li .nr .tit {
        font-size: 24px;
        line-height: 1.5;
    }

    .address ul li .nr .dz {
        font-size: 16px;
    }

    .address ul li .nr .con {
        font-size: 18px;
    }

    .investor {
        padding: 40px 0;
    }

    .investor ul li {
        width: 48%;
        margin-bottom: 4%;
    }

    .investor ul li .nr .tit {
        font-size: 24px;
        line-height: 1.33;
    }

    .investor ul li .nr .dz {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .investor ul li .nr dl dd a {
        line-height: 2;
    }
    
    
    .applications{padding: 40px 0;}
	.applications .title{font-size: 24px;}
	.applications .js{margin-bottom: 30px;font-size: 18px;}
	.applications ul li{width: 32%;}
	.applications ul li:nth-child(3n){margin-right: 0}
	.applications ul li:nth-child(4n){margin-right: 2%}

	.social{padding: 40px 0;}
	.social .title{font-size: 24px;}
	.social .js{font-size: 18px;}

	.accounts{padding: 40px 0;}
	.accounts .title{font-size: 24px;}
	.accounts ul li{width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
	.accounts ul li:nth-child(5n){margin-right: 3.5%;}
	.accounts ul li:nth-child(3n){margin-right: 0;}
	.accounts ul li img{margin-bottom: 30px;}
	.accounts ul li .tit{font-size: 24px;margin-bottom: 25px;}
	.accounts ul li .jj{margin-bottom: 30px;}
	
	.ljyy{width:50%;}
	.ljyy .title{font-size:24px;}
	
	.recruit{padding: 40px 0;}
	.recruit .nav .item{font-size: 24px;margin: 0 15px;padding-bottom: 10px;}
	.recruit .nav .item::after{height: 2px;border-radius: 1px;}
	.recruit .nav .active::after{width: 30px;}
	.recruit .main{display: block;margin-top: 30px;}
	.recruit .left{width: 100%;}
	.recruit .box{padding: 5%;}
	.recruit .right{width: 100%;margin-top: 30px;}
	.recruit .right .item{padding: 5%;}


	.join{padding: 40px 0;}
	.join .title{font-size: 24px;}
	.join_ul{margin-top: 30px;}
	.join_ul ul li{font-size: 16px;}
	.join2{padding: 40px 0;}
	.join2 .title{font-size: 24px;}
	.join2_ul{margin-top: 30px;}
	.join2_ul ul li .tit{font-size: 20px; margin-top: 30px;}
	.join2_ul ul li .jj{font-size: 16px; margin-top: 15px;}
	.join2_ul ul li .ljjr{margin-top: 30px;font-size: 14px;width: 138px;height: 48px;line-height: 48px;}

	.join3{padding: 80px 0;}
	.join3 .title{font-size: 32px;}
	.join3 .list .title{font-size: 24px;}
	.join3 .list .txt{font-size: 18px;}
	.join3 .list .item{padding-right: 3%;}
	.join3 .list .icon{width: 64px;height: 64px;}
	.join3 .list img{width: 30px;}
}


@media (max-width: 768px) {
	.historys{padding: 40px 0;}
	.hislogo{display: none;}
	.hiscon::before{left: 0;}
	.hiscon ul{padding-top: 40px;}
	.hiscon ul li{width: 100%;margin-bottom: 5%;padding-right: 0;padding-left: 6%;}
	.hiscon ul li:nth-child(2n){margin-top: 0;}
	.hiscon ul li .dots{ left: -10px;}
	.hiscon ul li .dots .line{left: 100%;}
	.hiscon ul li .nr .con .tit{font-size: 14px;line-height: 22px; width: calc(100% - 60px);}
	.hiscon ul li .nr .con .time{font-size: 24px;width: 60px;}

	.applications ul li{width: 48%;margin-right: 4%;}
	.applications ul li:nth-child(2n){margin-right: 0}
	.applications ul li:nth-child(2n-1){margin-right: 4%}
	.accounts ul{justify-content: space-between;}
	.accounts ul li{width: 48%;margin-right: 0;margin-bottom: 4%;}
	.accounts ul li:nth-child(5n){margin-right: 0;}
	
	.ljyy{width:70%;padding:4%;}
	
	.join .title br{display: none;}
	.join_ul{padding-top: 8.5%;}
	.join_ul ul li{width: 100%;padding: 8%;border-bottom: 1px solid rgba(255, 255, 255, 0.15)}

	.join2_ul ul li{width: 100%;margin-bottom: 30px;}

	.join3 .title{font-size: 24px;}
	.join3 .list{flex-wrap: wrap;}
	.join3 .list .item{width: 100%;padding-right: 0;margin-right: 0;border: 0;}
	.join3 .list .title{font-size: 20px;}
	.join3 .list .txt{font-size: 14px;}
}

@media (max-width: 640px) {
    .inside-banner-2 .text-4 .js {
        font-size: 14px;
    }

    .media .title {
        font-size: 24px;
    }

    .media_r .nr .tit {
        font-size: 24px;
        line-height: 1.33;
    }

    .media_r .nr .dz {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .media_r .nr dl dd a {
        line-height: 2;
    }

    .interest ul li {
        width: 100%;
    }

    .aem ul li {
        width: 48%;
        margin-bottom: 4%;
    }

    .know_swp .swiper-slide {
        width: 80%;
    }

    .investor ul li {
        width: 100%;
    }
    .footer{padding-top:10px;padding-bottom: 20px;}
    .footer .left{display:none;}

    .footer .shareSocial{padding-top:10px;}
    .footer .child a{margin-bottom:5px;}
    .footer .right{padding-top:10px;}
    
    
    .accounts ul li{width: 100%;padding: 6%;}
    
    .ljyy{width:90%;padding: 5%;}
    .ljyy ul li{margin-bottom: 10px;}
    .ljyy ul li .tit{font-size:16px;}
    .ljyy ul li select{height:30px;line-height:30px;font-size: 14px;}
    .ljyy ul li input[type=text]{height:30px;line-height:30px;font-size: 14px;}
    .ljyy ul li textarea{height:100px;font-size: 14px;}
    .ljyy ul li input.submit{height:30px;line-height:30px;font-size: 14px;}
}

@media (max-width: 550px) {

.address ul li .img{display:none;}
.address ul li .nr{width:100%;border-radius:20px;padding: 5%;}
.address ul li .nr .tit{font-size:20px;}
.address ul li .nr .con{font-size:16px;}
}









/*通用-列表翻页*/
.pagination {
    margin: 20px 0;
    text-align: center;
    overflow: hidden;
}

.pagination span {
    display: inline-block;
    height: 30px;
    margin-left: 8px;
    padding: 0px 11px;
    border: solid 1px #1072b9;
    line-height: 28px;
    background: #fff;
}

.pagination a {
    display: inline-block;
    height: 30px;
    margin-left: 8px;
    padding: 0px 10px;
    border: solid 1px #1072b9;
    line-height: 28px;
    background: #fff;
}

.pagination a:hover {
    border: 1px solid #1072b9;
    background: #1072b9;
    color: #fff;
}

.pagination .current-page {
    border: 1px solid #1072b9;
    background: #1072b9;
    color: #fff;
}

@media screen and (max-width:767px) {
    .pagination {
        margin: 10px 0;
    }
}