@font-face {
    font-family: bahnschrift;
    src: url(../fonts/bahnschrift.ttf)
}

:root {
    --color1: #0783D8;
    --color2: #49B233;
    --color3: #0B94E5;
    --color4: #00a863;
    --color5: rgb(255 255 255 / 15%);
    --container-width: 145.5rem;
    --bn-height: 1120px;
    --head-height: 9rem;
    --shrinkhead-height: 6.5rem;
    --bodypadding: 8rem;
    --sctpadding: 0;
    --smenuheight: 7rem
}

/* html { font-size:55.5% } */
html {
    font-size: 62.5%
}

.color1 {
    color: var(--color1)
}

.c7b {
    color: #7b7b7b
}

.shadow_h:hover {
    box-shadow: 0rem 0.8rem 2.1rem 0rem rgba(4, 0, 0, 0.07)
}

.container {
    width: var(--container-width);
    max-width: 100%
}

.imgsharp {
    image-rendering: -webkit-optimize-contrast;
}

#bar1 {
    background: #fff;
    border-bottom: 1px solid #ededed;
    padding: 0 5rem;
    position: relative
}

#bar1 * {
    line-height: 46px;
    font-size: 14px;
    color: #535353
}

#bar1 a:hover .s4 {
    color: var(--color1) !important
}

#bar1 i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -3px
}

#bar1 .con {
    position: relative
}

#bar1 .brand {
    position: absolute;
    right: 100px;
    height: 35px;
    overflow: hidden;
    text-indent: 2000px
}

#bar1 .con.txtr a {
    position: relative;
    padding-left: 34px;
    color: #909090
}

#bar1 .con.txtr strong {
    color: #333;
    font-size: 18px
}

#bar1 .con.txtr a:hover {
    color: #1378ce
}

#bar1 .con.txtr a:after {
    background: #b2b2b2;
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 13px;
    top: 3px;
    left: 13px
}

#bar1 .con.txtr a:first-child:after {
    display: none
}

.scimg .pic, .scimg .img {
    overflow: hidden
}

.scimg img {
    transition: all 0.8s ease
}

.scimg a:hover img {
    transform: scale(1.15)
}

.toplink .items {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    column-gap: 4rem;
    padding-left: 2rem
}

.toplink .item {
    flex: 1 1;
    line-height: 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    min-width: 23rem;
    margin-right: 1.5rem
}

.toplink {
    display: flex;
    align-items: center;
    margin-top: -0.2rem
}

.toplink .btn {
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    font-size: 1.4rem
}

.toplink .dropdown-menu {
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0px;
    background: #f8f8f8;
    contain: content;
    border-color: #e5e5e5
}

.toplink .dropdown-menu a:hover {
    color: var(--color2);
    background: #f0f0f0
}

.header {
    transition: all 0.3s, background 0.1s;
    height: var(--head-height);
    width: 100%;
    top: 0;
    left: 0;
    z-index: 22;
    -webkit-backdrop-filter: blur(0.5rem);
    display: flex
}

#sitehead {
    width: 100%;
    background: url(../images/bg1.png) repeat-x left bottom;
    border-bottom: 1px solid rgb(255 255 255 / 38%);
    z-index: 999
}

#sitehead.shrink1 {
    position: fixed;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 2px 2px #0000004f;
    max-width: 1920px;
    z-index: 99999;
}

.body_index #sitehead.shrink1 {
    position: fixed;
}

#sitehead.shrink1 .header {
    height: var(--shrinkhead-height);
}

#sitehead.shrink1 .sitelogo, #sitehead.shrink1 .sitelogo .fl {
    height: var(--shrinkhead-height);
}

#sitehead.shrink1 .sitelogo .fl {
    padding: 0.4rem;
}

#sitehead.shrink1 .sitelogo .webLogo {
    height: 100%;
    top: 0;
    /* image-rendering: -webkit-optimize-contrast; */
}

#sitehead.shrink1 li.nav_li1 {
    padding: 0 3rem;
    height: 100%;
    display: flex;
    align-items: center;
}

#sitehead.shrink1 li.nav_li1>a {
    font-size: 1.8rem;
}

.body_index #sitehead {
    position: absolute;
}

#sitehead .hdwrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#topright1 {
    display: flex;
    justify-content: flex-end;
    color: #fff;
    align-items: center
}

#topright1 a {
    color: #fff
}

#topright1 .lang {
    margin-left: 2rem
}

#topright1 .lang i {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/lang.png) no-repeat center/auto 100%;
    margin-right: 0.9rem
}

#topright1 .topcount1 {
    line-height: 4.8rem;
    padding: 0 2.5rem;
    background: linear-gradient(90deg, #e56e2a, #ea8433);
    border-radius: 0 0 1rem 1rem;
    transform: translateY(-5rem);
    transition: 0.5s ease 0.5s
}

#topright1 .topcount1.toshow {
    transform: translateY(0px)
}

#topright1 * {
    font-size: 2rem
}

#topright1 .topcount1 strong {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    margin: 0 0.1rem;
    border-radius: 0.4rem;
    font-weight: bold;
    color: var(--color1);
    line-height: 2.5rem;
    padding: 0 0.3rem
}

#topright1 .topcount1 span {
    display: inline-block;
    margin: 0 0.3rem;
    position: relative;
    top: -0.2rem
}

.searchicon {
    width: 4rem;
    height: 4rem;
    background: #49B233 url(../images/fdj.png) no-repeat center/2.5rem auto;
    display: block;
    overflow: hidden;
    text-indent: -100px;
    border: none;
    position: relative;
}

.header.shrink {
    box-shadow: 0 0.1rem 0.6rem 0 rgb(200 200 200 / 38%);
    background: #fff;
    height: var(--shrinkhead-height);
    border: none;
    position: fixed
}

.header.shrink #bar1 {
    max-height: 0rem;
    padding: 0
}

.header.shrink ul.nav > li.nav_li1 > a {
    line-height: var(--shrinkhead-height);
    font-size: 1.7rem
}

.header.shrink ul.nav > li.nav_li1 > ul {
    margin-top: 0
}

.header.shrink .searchbar .in {
    height: 7rem
}

.header.shrink .sitelogo {
    height: var(--shrinkhead-height)
}

.header.shrink .wowelement {
    visibility: visible !important
}

.header.shrink .subt {
    line-height: 6rem
}

.header.shrink .hotline a {
    line-height: 6.3rem
}

.header.shrink .sitelogo .webLogo.webLogo_white {
    height: 2.7rem
}

.sitelogo {
    margin-top: 0;
    height: var(--head-height);
    transition: 0.4s;
    flex: 0 0 auto
}

.navarea {
    flex: auto;
    margin-top: 0;
    margin-right: 0;
    display: flex;
    align-items: center
}

.sitelogo .webLogo {
    height: 5.6rem;
    display: block;
    transition: 0.4s;
    position: relative;
    top: -0.2rem;
    width: auto;
    max-width: none;
    image-rendering: -webkit-optimize-contrast;
    transition: none;
}

.header.shrink .sitelogo .webLogo {
    height: 3rem
}

.sitelogo .fl2 {
    position: relative;
    padding-left: 0;
    margin-top: 1.2rem;
    font-family: webfont;
    transform: translate3d(1.7rem, 0, 0)
}

.sitelogo .fl2:before {
    content: "";
    display: block;
    position: absolute;
    width: 0.1rem;
    height: 2.4rem;
    top: 0;
    left: 0.8rem;
    border-left: 0.1rem solid #c2c0c0
}

.sitelogo .p1 {
    padding-left: 2rem;
    font-size: 2rem;
    color: #333333;
    line-height: 2.6rem;
    width: 40rem;
    margin-bottom: 0;
    font-weight: bold
}

.sitelogo .p2 {
    display: block;
    color: #444;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding-left: 2rem
}

.sitelogo > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.sitelogo .d1 {
    float: left;
    padding: 1.7rem 0 0 1.3rem
}

.sitelogo .d1 .p1 {
    font-size: 1.6rem;
    margin-bottom: 0.4rem
}

.sitelogo .d1 .p2 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #9b2424
}

.header .subt * {
    line-height: 1.3;
    margin: 0 auto
}

.header .subt > *:nth-child(1) {
    font-size: 1.8rem
}

.header .subt > *:nth-child(2) {
    font-size: 1.5rem;
    margin-top: 0.3rem
}

.header .subt {
    padding-left: 3rem;
    position: relative;
    padding-left: 1.7rem;
    margin-left: 1.7rem;
    padding-top: 0.2rem
}

.header .subt::before {
    content: "";
    width: 0.1rem;
    height: 4rem;
    background: rgb(255 255 255 / 20%);
    display: block;
    position: absolute;
    left: 0;
    top: 0.3rem
}

.header .subt > *:nth-child(2) {
    font-size: 1.6rem;
    color: #9b9b9b
}

.header .subt > *:nth-child(1) {
    font-size: 2.2rem
}

.header .memberarea a {
    margin: 0 auto;
    font-size: 1.6rem;
    font-weight: 500;
    color: #ba914a;
    line-height: 3rem;
    display: inline-block;
    width: 10rem;
    line-height: 3.6rem;
    background: rgba(243, 243, 243, 0);
    border: 0.1rem solid #ba914a;
    border-radius: 0.5rem !important;
    text-align: center;
    float: right;
    margin-left: 1rem
}

.header .memberarea a:hover {
    background: var(--color1);
    color: #fff
}

.header .memberarea a:hover i {
    filter: brightness(100)
}

.header .memberarea a i {
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center / auto 100%;
    width: 1em;
    height: 1em;
    position: relative
}

.header .memberarea .a2 i {
    background-image: url(../images/lock.png);
    height: 1.2em;
    margin-right: 0.6rem;
    top: -0.1rem
}

.header .memberarea {
    color: #fff;
    padding-left: 11.3rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header .memberarea::before {
    content: "";
    width: 0.1rem;
    height: 4.9rem;
    background: rgb(255 255 255 / 20%);
    display: block;
    position: absolute;
    left: 0;
    top: 0.2rem
}

.header .selectlang {
    margin: 0 auto;
    font-size: 1.6rem;
    font-family: PingFang;
    font-weight: 500;
    color: #ba914a;
    line-height: 3rem;
    display: inline-block;
    width: 11rem;
    line-height: 3.6rem;
    background: rgba(243, 243, 243, 0);
    border: 0.1rem solid #ba914a;
    border-radius: 0.5rem !important;
    text-align: center;
    float: right;
    margin-left: 1rem;
    padding-right: 2.9rem;
    appearance: none;
    background-image: url(/static/images/down2.png);
    background-repeat: no-repeat;
    background-position: right 1.7rem center;
    background-size: 1em
}

.header .memberarea .a1 i {
    background-image: url(../images/down2.png);
    height: 0.8em;
    margin-left: 0.6rem;
    top: -0.2rem
}

.drops.on {
    top: calc(var(--head-height) + 0.1rem);
    opacity: 1
}

.drops {
    position: fixed;
    height: auto;
    width: 100%;
    top: -100%;
    left: 0;
    z-index: 1;
    transition: 1.2s ease;
    opacity: 0;
    background: #000938
}

#dropmenucontent .dropdown-menu {
    display: flex;
    width: 100%;
    justify-content: center;
    column-gap: 1rem;
    padding: 3rem 10rem;
    background: transparent;
    border-radius: 0;
    margin-top: -0.1rem
}

#dropmenucontent .dropdown-menu li {
    flex: 1 1 auto;
    text-align: center;
    padding: 2rem;
    background: #fff
}

#dropmenucontent .dropdown-menu li a {
    color: #333;
    font-size: 2.4rem
}

#dropmenucontent .dropdown-menu li a img {
    width: 100%;
    height: auto;
    max-width: 10rem;
    display: block;
    margin: 0 auto
}

#dropmenucontent .dropdown-menu li i {
    display: block;
    margin: 1.5rem auto
}

.header.shrink .subt * {
    color: #fff;
    line-height: 1.4;
    margin: 0;
    transition: 0.4s;
    font-size: 1.6rem !important
}

.header .hotline {
    margin-left: 4rem
}

.header .hotline a {
    color: var(--color1);
    line-height: 8rem;
    font-size: 2.4rem
}

.header .hotline i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.2rem;
    margin-top: -0.3rem;
    width: 2.9rem;
    height: 2.8rem;
    background: url("../images/phone1.png") no-repeat
}

.header .hotline span {
    font-weight: bold
}

.head_contact {
    font-size: 1.4rem;
    padding-left: 5.2rem;
    background: url("../images/phone1.png") no-repeat left top;
    margin-top: 2.8rem
}

.head_contact .p1 {
    margin-bottom: 0;
    color: #555;
    font-weight: 400;
    font-size: 1.4rem
}

.head_contact .p2 span {
    font-size: 1.4rem
}

.head_contact .s2 {
    margin-left: 1rem
}

.head_contact .p2 {
    font-size: 2.5rem;
    line-height: 1.4;
    color: #333;
    font-style: normal;
    font-weight: bold;
    font-family: arial;
    line-height: 1.1;
    text-indent: -0.3rem
}

.searchbar .btn_icon {
    width: 2.8rem;
    height: 3.5rem;
    background: transparent url("../images/search.svg") no-repeat center/100% auto;
    display: block;
    overflow: hidden;
    text-indent: -10rem
}

.header .phone {
    font-size: 2.4rem;
    color: #fff;
    margin: 0 0.5rem;
    margin-right: 2rem;
    vertical-align: middle
}

.header .phone i {
    display: inline-block;
    width: 2.7rem;
    height: 3.5rem;
    background: url(../images/phone.svg) no-repeat center/ 100%;
    vertical-align: middle;
    margin-right: 0.8rem;
    position: relative;
    top: -0.1rem
}

.language-select {
    display: inline-flex;
    flex-direction: column;
    height: 3.86rem;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    margin: 0 auto;
    font-size: 1.6rem;
    font-family: PingFang;
    font-weight: 500;
    color: #ba914a;
    width: 10rem;
    line-height: 3.6rem;
    border: 0.1rem solid #ba914a;
    border-radius: 0.5rem !important;
    text-align: center;
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    background: #fff url(../images/down2.png) no-repeat right 1.3rem top 1.1rem/1.4rem auto;
    top: 3.1rem;
    left: 0
}

.language-select li {
    vertical-align: middle;
    text-align: center;
    justify-content: left;
    order: 2;
    min-height: 3.6rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-indent: -0.8rem
}

.language-select li:hover {
    cursor: pointer
}

.language-select li span {
    vertical-align: middle;
    display: inline-block
}

.language-select.open {
    height: auto
}

.language-select li.active {
    order: 1;
    pointer-events: none
}

.searchbar .in {
    height: 8rem;
    display: flex;
    align-items: center;
    margin-left: 3rem;
    transition: 0.4s
}

.searchbar .ss1 {
    font-size: 2.2rem;
}

.searchbar .ss2 {
    font-size: 2.2rem;
}

.searchbar .iconphone {
}

.searchbar .in img {
    height: 4rem;
}

#mainnav {
    position: static;
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.header.shrink #mainnav {
    margin-left: 28rem;
    transition: 0.4s
}

.searchbar {
    background: rgb(177 177 177 / 45%);
    height: 8rem;
    margin-top: -8rem;
    position: relative;
    z-index: 999;
    box-shadow: 0px 1px 27px 0px rgb(0 0 0 / 10%)
}

#navbarcontainer {
    width: 100vw;
    border-top: 0.1rem solid #eaeaea;
    background: #f7f7f7;
    _width: 100%
}

.navbar {
    width: 100%;
    min-height: 0;
    margin: 0;
    border: none;
    position: static;
    justify-content: space-between;
    flex: 0 0 100%
}

#navbar {
    padding: 0;
    width: 100%;
    height: 100%
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    background-color: transparent
}

ul.nav {
    line-height: 0;
    clear: both;
    min-width: 0.1rem;
    margin-top: 0;
    text-align: right;
    text-align: left;
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
    align-items: flex-c;
    float: none;
    margin-right: -2.5rem;
    margin-left: auto;
    height: 100%
}

ul.nav > li {
    display: inline-flex;
    float: none;
    transition: 0.4s;
    text-align: center;
    vertical-align: middle;
    position: relative;
    flex: 0 0 auto;
    text-align: center;
    align-items: center;
    flex: 0 1 auto;
    padding: 0 3rem;
}

ul.nav > li.hide {
    display: none !important
}

ul.nav > li:last-child:after {
    display: none
}

ul.nav > li.nav_li1 > a {
    font-size: 1.9rem;
    position: relative;
    color: #16254E;
    transition: 0.4s;
    display: inline-block;
    position: relative;
    line-height: 2.2
}

ul.nav > li.nav_li1 > a:after {
    content: "";
    height: 2px;
    background: transparent;
    display: block;
    width: 100%;
    position: absolute;
    bottom: -7px;
    left: 0
}

ul.nav > li.nav_li1 > a:hover {
    color: var(--color1)
}

ul.nav > li.nav_li1.active > a, ul.nav > li > a:hover {
    color: var(--color1)
}

ul.nav li.dropdown > a i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(../images/down.svg) no-repeat center/cover;
    vertical-align: middle;
    margin-left: 0.2rem;
    opacity: 0.6
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent
}

ul.nav > li i.fg {
    background: url("http://cdn.bestandsafest.cn/static/images/bg_fg.png") no-repeat;
    display: inline-block;
    width: 2.2rem;
    height: 1.6rem;
    margin: 0 0.1rem 0 -0.2rem;
    position: relative;
    top: 0.1rem
}

ul.nav > li.active i.fg, ul.nav > li:hover i.fg {
    background-position: -20.7rem center
}

ul.nav > li.nav_li1:last-child {
    background: none
}

ul.nav > li > a {
    display: inline-block;
    padding: 0;
    white-space: nowrap;
    color: #333
}

ul.nav > li > a > span {
    font-family: wfont_en
}

ul.nav > li:first-child > a:before {
    left: 0 !important;
    width: calc(100% - 4.8rem) !important
}

ul.nav > li:first-child > a:before {
    left: 0 !important;
    width: calc(100% - 4.8rem) !important
}

ul.nav > li:last-child > a:after {
    display: none
}

ul.nav > li.nav_li1:hover > a:before, ul.nav > li.nav_li1.active > a:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 9.6rem);
    height: 0.1rem;
    top: 0;
    left: 4.6rem;
    background: #1e80db;
    display: none
}

#hd1 .dropdown-menu {
    background: #f7f7f7;
    z-index: 33333333;
    width: auto;
    left: 3rem;
    /* transform: translateX(-50%); */
    border-top: 4px solid var(--color1);
}

#hd1 .dropdown-menu.few {
    left: 0;
}

#hd1 .dropdown-menu.few span {
    text-align: center;
}

#hd1 .dropdown-menu .menu_in {
    width: auto;
    margin: 0 auto;
    padding: 1rem 0;
    justify-content: space-between
}

#hd1 .dropdown-menu .pic {
    flex: 0 0 30%;
    margin-right: 15rem;
    position: relative
}

#hd1 .dropdown-menu .pic:after {
    content: "";
    position: absolute;
    top: 0;
    right: -15.9rem;
    height: 100%;
    width: 1px;
    background: #d6d6d6;
    display: block
}

#hd1 .dropdown-menu .txt {
    width: auto
}

#hd1 .dropdown-menu .h3 {
    color: var(--color1);
    border-bottom: 1px dashed #ccc;
    padding-bottom: 3rem;
    font-weight: bold;
    font-size: 2rem
}

#hd1 .dropdown-menu ul {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-left: 0;
    /* width: auto; */
    width: auto;
    overflow: visible;
    /* display: grid; */
    /* grid-row: 2; */
    /* grid-column: 2; */
    /* display: table; */
}

#hd1 .dropdown-menu li {
    display: block;
    text-align: left;
    flex: auto;
    width: auto;
    /* min-width: 50%; */
}

#hd1 .dropdown-menu li a {
    transition: 0.3s;
    margin: 0 1.2rem;
    padding: 0 1.7rem;
    border: none;
    display: block;
}

#hd1 .dropdown-menu li a:hover {
    border-color: transparent;
    background: var(--color1);
    color: #fff
}

.navbar-nav > li .dropdown-menu {
    position: absolute;
    box-shadow: none;
    overflow: hidden;
    max-width: none;
    display: none;
    padding: 0.8rem 0;
    left: auto;
    left: 0;
    background: #fff;
    -webkit-backdrop-filter: blur(0.5rem);
    backdrop-filter: blur(0.5rem);
    min-width: 0;
    width: 100%;
    border: none;
    box-shadow: 0 0.1rem 0rem 0rem #9d9d9d82;
    border-radius: 0
}

.navbar-nav > li.li93 .dropdown-menu {
    width: auto;
    margin-left: -2.6rem
}

.shrink .navbar-nav > li .dropdown-menu {
    box-shadow: 0.4rem 0.4rem 0rem 0rem rgb(0 25 99 / 12%)
}

.navbar-nav > li.li_img .dropdown-menu {
    width: 100vw;
    left: 0;
    margin: 0;
    margin-left: -5rem;
    padding: 3rem 0 1rem
}

.navbar-nav > li .li_img .dropdown-menu {
    width: 100vw;
    left: 0;
    margin: 0 auto;
    margin-left: -5rem
}

.header.shrink ul.nav > li.nav_li1 > ul {
    background: #262e56
}

.body_index .header.shrink ul.nav > li.nav_li1 > ul {
    background: rgb(0 9 56)
}

.dropdown-menu:before {
    position: absolute;
    z-index: 99;
    top: 1.1rem;
    left: 50%;
    display: block;
    display: none;
    width: 1rem;
    height: 1rem;
    margin-left: -1.1rem;
    content: "";
    border: 1.6rem solid transparent;
    border-bottom: 1.3rem solid #fff
}

.dropdown-menu ul {
    width: 100%;
    justify-content: center
}

.header .dropdown-menu ul {
    margin: 0 auto
}

.navbar-nav > li.li_img .dropdown-menu ul {
    display: flex
}

.dropdown-menu li {
    width: 100%;
    min-width: 0.1rem;
    text-align: center
}

.li_img .dropdown-menu li {
    flex: 0 0 10rem;
    margin: 0 1%
}

.dropdown-menu li a {
    font-size: 1.4rem;
    width: auto;
    min-width: 0.1rem;
    padding: 0;
    color: #333;
    border-top: 0.1rem dashed #cecccd;
    text-align: center;
    display: block;
    height: auto;
    margin: 0 2.5rem;
    font-weight: bold
}

.dropdown-menu li a:hover {
    color: var(--color1)
}

.dropdown-menu li a i {
    background: #fff;
    display: none
}

.dropdown-menu li a span {
    display: block;
    line-height: 4.8rem;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
    width: auto;
}

.dropdown-menu li img {
    display: none
}

.li_img .dropdown-menu li img {
    display: block
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background: #9b2424
}

.dropdown-menu li:first-child a {
    border: none
}

ul.nav li.phone {
    font-size: 1.8rem;
    font-weight: bold;
    margin-left: 9rem;
    padding-top: 1.9rem;
    padding-left: 2.2rem;
    background: url("https://tx.ce365.cn/yuanda2020/images/bg1.png") no-repeat -32.9rem -59.2rem
}

ul.nav li.search {
    float: right;
    width: 4.2rem;
    height: 2.2rem;
    margin: 2rem 0 0 2.2rem;
    padding-left: 2rem;
    cursor: pointer;
    background: url("https://tx.ce365.cn/yuanda2020/images/bg1.png") no-repeat -48.5rem -61.2rem
}

ul.nav li.search:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0.1rem;
    height: 2.2rem;
    content: "";
    background: #7d7d7d
}

ul.nav li.search ul {
    right: -3rem;
    left: auto;
    width: 31.8rem;
    padding-top: 0;
    text-align: right;
    border: none;
    background: transparent
}

ul.nav li.search ul:after {
    position: static;
    top: 0;
    left: 0;
    display: block;
    width: 1rem;
    height: 11rem;
    content: ""
}

ul.nav li.search ul li {
    padding: 4rem 2rem;
    border-radius: 0 0 0.5rem 0.5rem;
    background: #fff
}

ul.nav li.search ul li form {
    vertical-align: middle
}

ul.nav li.search ul li input {
    font-size: 1.4rem;
    line-height: 2.8rem;
    float: right;
    width: 23rem;
    height: 2.8rem;
    padding: 0 0.2rem;
    vertical-align: middle
}

ul.nav li.search ul li a {
    font-size: 1.4rem;
    line-height: 2.8rem;
    position: relative;
    left: -0.3rem;
    float: right;
    width: auto;
    height: 2.8rem;
    padding: 0 0.6rem;
    vertical-align: middle;
    color: #fff;
    background: #0e90e2
}

#formSeach {
    border: none
}

.header .dropdown-toggle {
    display: none
}

.header .toplink .dropdown-toggle {
    display: block
}

ul.nav li.lang {
    display: none
}

ul.nav li.lang a {
    font-size: 1.8rem;
    position: relative;
    top: -0.1rem;
    padding: 0 1rem
}

ul.nav li.colmenu {
    float: right
}

ul.nav li.colmenu a {
    padding: 0
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

#location b {
    font-weight: 400;
    margin-top: -0.2rem;
    display: inline-block;
    width: 2rem;
    height: 5rem;
    vertical-align: middle;
    margin-right: 0;
    background: url(../images/lct.png) no-repeat left / auto 1.8rem
}

#snav #location * {
    color: #fff
}

#snav #location {
    font-size: 1.6rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#snav #location a:hover {
    color: var(--color1)
}

#lunbo {
    width: 100vw;
    height: 100vh;
}

#lunbo iframe {
    width: 100%;
    height: 100%;
}

/* .txtbox { text-align: left; margin-top: 3.4rem;margin-left: 5.6rem;}
.txtbox .p1 { font-size: 2.2rem; text-align: left }
.txtbox .p2 { text-align: left; font-size: 4.8rem; letter-spacing: 0.6rem; margin: 3rem 0 4rem;line-height: 1.2;}
.txtbox .d3 { align-items: stretch }
.txtbox .d31 { background: #fff; padding: 1.5rem 2rem; color: #17518C; display: flex; align-items: center ;font-size: 2.8rem;}
.txtbox .d32 { border: 2px solid #fff; padding: 1rem 3rem; display: flex; align-items: center; font-size: 2.6rem;text-align: center;}
.txtbox .link1 { color: #17518C; background: #fff; font-size: 2.6rem; padding: 1.2rem 2rem; border-radius: 100px; margin: 6rem auto 0; margin-left: 19rem;margin-right: auto;display: inline-block; transition: 0.1s cubic-bezier(0, 0, 0.04, 0.81) }
.txtbox .link1:hover { background: var(--color2); color: #fff; transition: 0.3s } */
.txtbox {
    text-align: center;
    margin-top: 0rem;
    margin-left: 2rem;
}

.txtbox .p1 {
    font-size: 2.4rem;
    text-align: left
}

.txtbox .p2 {
    text-align: left;
    font-size: 6.8rem;
    letter-spacing: 0.6rem;
    margin: 3rem 0
}

.txtbox .d3 {
    align-items: stretch
}

.txtbox .d31 {
    background: #fff;
    padding: 2rem 2rem;
    color: #17518C;
    display: flex;
    align-items: center
}

.txtbox .d32 {
    border: 2px solid #fff;
    padding: 1rem 3rem;
    display: flex;
    align-items: center;
    font-size: 3rem
}

.txtbox .link1 {
    color: #17518C;
    background: #fff;
    font-size: 2.6rem;
    padding: 1.2rem 2rem;
    border-radius: 100px;
    margin: 6rem auto 0;
    display: inline-block;
    transition: 0.1s cubic-bezier(0, 0, 0.04, 0.81);
    margin-left: -2rem;
}

.txtbox .link1:hover {
    background: var(--color2);
    color: #fff;
    transition: 0.3s
}

.ban img {
    visibility: hidden;
    width: 100%;
    min-width: 192rem;
    max-width: none
}

#pageban .ban {
    position: relative;
    overflow: hidden
}

#pageban * {
    text-align: center
}

i.arr_right {
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center / auto 100%;
    width: 1em;
    height: 1em;
    position: relative;
    background-image: url(../images/right1.png);
    height: 0.8em;
    margin-left: 0.6rem;
    top: -0.2rem
}

#pageban .ani {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

#pageban .ani div {
    height: 100%
}

.notext #pageban .ani div {
    display: none
}

#pageban .ani .bantxt {
    height: auto;
    margin-left: var(--sctpadding);
    text-align: left;
    padding: 0;
    position: relative
}

#pageban .ani .bantxt * {
    user-select: none
}

#pageban .bantxt {
    position: static
}

#pageban .in {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column
}

#pageban img {
    visibility: hidden;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto
}

#pageban .h4 img {
    visibility: visible;
    width: auto;
    min-width: 0.1rem
}

#pageban .sname {
    font-family: Microsoft YaHei UI;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    z-index: 4;
    top: 24%;
    right: 0;
    display: inline-block;
    width: fit-content;
    width: 100%;
    text-align: center;
    white-space: normal;
    letter-spacing: 0.7rem;
    text-transform: uppercase;
    word-break: break-word;
    color: #fff
}

#pageban h2 {
    font-size: 3.2rem;
    font-weight: bold;
    margin-top: -5rem;
    text-align: center;
    letter-spacing: 0.2rem;
    color: #fff;
    display: block;
    text-indent: 0
}

#pageban .h4 {
    font-size: 1.7rem;
    font-weight: bold;
    width: 100%;
    padding: 0;
    text-align: center;
    letter-spacing: 0.1rem;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1.6rem;
    margin-top: 1.2rem;
    font-family: futura
}

#pageban .h4:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 2em;
    display: block;
    background: var(--color1);
    left: 50%;
    margin-left: -1em;
    bottom: 0
}

.body_p_14 #pageban .h4:after {
    display: none
}

#pageban .kh {
    width: 19.1rem;
    line-height: 5.4rem;
    background: #ffffff;
    box-shadow: 0rem 0.6rem 1.6rem 0rem rgba(186, 145, 74, 0.25);
    border-radius: 0.5rem;
    display: block;
    font-size: 1.8rem;
    margin-top: 3rem;
    color: var(--color1)
}

#pageban .h4 .dot {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 1.1rem 0.2rem 1rem;
    vertical-align: middle;
    border-radius: 10rem;
    background: #b41017
}

.body_p_1 #pageban .bantxt {
    top: 3rem
}

.body_p_14 #pageban .h4 {
    font-size: 3.6rem;
    color: #333
}

.body_p_14 #pageban .h3:after {
    content: "";
    display: block;
    width: 2em;
    height: 0.4rem;
    background: var(--color1);
    bottom: 1.5rem;
    left: 0;
    position: absolute
}

.body_p_14 #pageban .h3 {
    font-size: 5.5rem;
    color: var(--color1);
    font-weight: bold;
    position: relative;
    padding-bottom: 4rem;
    line-height: 1;
    height: auto;
    margin: 0
}

.body_p_14 #pageban * {
    text-align: left
}

.body_p_14 #pageban h2 {
    font-size: 3.2rem;
    color: var(--color1);
    margin: 0 auto 2rem
}

.body_p_1 #pageban .bantxt:before, .body_p_1 #pageban .bantxt:after {
    content: "";
    display: block;
    height: 5rem;
    width: 14rem;
    border: 5px solid #ffffff;
    position: absolute;
    left: 50%;
    margin-left: -7rem;
    top: -14rem;
    border-bottom: none
}

.body_p_1 #pageban .bantxt:before {
    top: auto;
    border-bottom: 5px solid #fff;
    border-top: none;
    bottom: -9rem
}

.body_p_1 #pageban .h4 {
    font-size: 3rem;
    width: 53rem;
    margin: 3rem auto 0;
    line-height: 1.5
}

.body_p_1 #pageban h2 {
    font-size: 6rem
}

.body_p_1 #pageban .h3 {
    line-height: 8.3rem;
    font-size: 105px;
    font-weight: bold;
    color: #ffffff;
    opacity: 0.1 !important;
    margin-top: -13rem;
    animation: none !important
}

.more3 {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
    background: url(../images/more.svg) no-repeat center/100% auto;
    position: relative
}

.i_ttl .h2 {
    position: relative;
    display: inline-block;
    font-family: "galano", sans-serif;
    font-weight: 400;
    color: #222;
    line-height: 1.1;
    font-weight: 600;
    font-size: 4rem;
    margin-bottom: 3rem
}

.i_ttl .h2:after {
    display: block;
    width: 6rem;
    height: 1.2rem;
    margin: -1rem auto 3.7rem;
    z-index: 22
}

.i_ttl .h2:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 3rem);
    height: 1rem;
    top: 3.7rem;
    left: -1.5rem;
    background: #fff;
    z-index: 33;
    display: none
}

.i_ttl .h2 + p {
    color: #666
}

.flexwrap {
    display: flex
}

i.arr {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem;
    background: no-repeat center/cover;
    margin-left: 1em;
    position: relative;
    top: -0.1rem
}

.btn_more {
    color: var(--color1);
    background: transparent;
    display: inline-block;
    padding: 1rem 2rem 0.8rem;
    line-height: 1.1;
    margin-top: 2rem;
    border-radius: 15rem;
    vertical-align: middle;
    border: 0.2rem solid var(--color1)
}

.btn_more:hover {
    background: rgb(166 255 108 / 45%)
}

.btn_more:hover * {
    color: #fff
}

.btn_more * {
    transition: none
}

.btn_more i.arr {
    background-image: url(../images/arrow.svg)
}

.btn_more:hover i.arr {
    filter: brightness(100)
}

.btn_more span {
    vertical-align: middle;
    display: inline-block;
    line-height: 1.1;
    color: var(--color1);
    font-size: 2rem
}

.header #hd1 .con {
    display: flex;
    justify-content: space-between;
    transition: all 0.3s
}

.header.shrink #hd1 .con {
    box-shadow: none;
    border-radius: 3rem
}

.container-fluid {
    padding: 0 16rem
}

.index_section {
    padding: 2rem var(--sctpadding) 0;
    background: no-repeat center/cover;
    position: relative
}

.bgwithpadding {
    padding: 3rem;
    background: #fff;
    margin-bottom: 3rem
}

.bdsharebuttonbox .ttl {
    float: left;
    margin-top: 0.6rem;
    margin-right: 0.8rem
}

.box_search .input_text {
    border: 0.1rem solid #5075be;
    line-height: 5.6rem;
    padding: 0 1rem;
    width: calc(100% - 6.5rem);
    font-size: 1.6rem;
    color: #333
}

.box_search .input_submit {
    background: var(--color3) url(../images/search.png) no-repeat center/3.0rem;
    height: 5.8rem;
    border: none;
    width: 6.5rem;
    margin-left: -0.5rem;
    overflow: hidden;
    text-indent: 10rem;
    cursor: pointer
}

.pdetail .rightside {
    padding-left: 7.5rem;
    padding-bottom: 5rem;
    flex: auto;
    min-width: 46%;
}

.pdetail .rightside .infocontent h1 {
    font-size: 2.4rem;
    line-height: 1.57;
    border-bottom: 2px solid #CCCCCC;
    padding-bottom: 1rem;
    /* display: inline-block */
}

.pdetail .rightside .ttl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.8rem;
    background: #fff;
    padding: 1rem 0
}

.pdetail .rightside .currentc_ategory {
    margin-top: 2.2rem;
    margin-bottom: 2rem;
    font-size: 3rem
}

.pdetail .rightside .currentc_ategory::before {
    content: "";
    display: block;
    width: 0.6rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--color1)
}

.pdetail .inin {
    display: flex;
    padding-top: 6rem;
}

.pdetail .zhutu {
    flex: AUTO;
    min-width: 50%;
    max-width: 50%;
}

.pdetail .zixun {
    /* display: flex; */
    justify-content: start;
    column-gap: 7rem
}

.pdetail .zixun .d1 {
    /* display: flex; */
    /* justify-content: start */
}

.pdetail .zixun .d1 i {
    display: block;
    width: 4rem;
    height: 4rem;
    background: var(--color1) url(../images/phone6.png) no-repeat center/43% auto;
    border-radius: 100rem;
    margin-right: 1.2rem
}

.pdetail .zixun .phone5 {
    display: flex;
    align-items: end;
    gap: 0.6rem;
}

.pdetail .zixun .s1 {
    line-height: 1.1;
    position: relative;
    top: -6px;
}

.pdetail .zixun .s2 {
    /* font-size: 2.7rem; */
    font-weight: bold;
    color: #0B94E5;
    display: block;
    line-height: 1.1
}

.pdetail .zixun .d2 {
    padding-top: 0.4rem
}

.pdetail .zixun .d2 a {
    width: 150px;
    line-height: 40px;
    border: 1px solid var(--color1);
    /* border-radius: 20px; */
    display: block;
    text-align: center;
    color: var(--color1);
    font-size: 1.8rem;
    margin-top: 6rem;
    line-height: 58px;
    background: #0B94E5;
    color: #fff;
    /* box-shadow: 1px 1px 11px 0px #0b94e596; */
    transition: .4s;
}

.pdetail .zixun .d2 a:hover {
    box-shadow: 1px 1px 11px 0px #0b94e596;
}

.pdetail .zixun .d2 a i {
    display: inline-block;
    width: 1.6rem;
    height: 2rem;
    background: url(../images/sms.png) no-repeat center/auto 100%;
    vertical-align: middle;
    margin-right: 0.6rem
}

.pdetail .pic {
    flex: 0 0 calc(100% - 15rem);
}

.pdetail .pic.one {
    flex: 0 0 100%;
}

.pdetail .pic img {
    width: 72rem;
    height: auto;
}

.pdetail .fea {
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 2rem 0 5rem;
    color: #666;
}

.pdetail .fea * {
    font: inherit;
    color: inherit
}

.xiaotu {
    flex: auto;
    min-width: 15rem;
    padding-left: 2.2rem;
    position: relative;
}

.xiaotu .picpn {
    padding-bottom: 6rem;
    margin-bottom: -6rem;
    position: relative;
    z-index: 3;
    width: 100%;
    background: #fff;
}

.xiaotu .picpn.next {
    /* background: red; */
    margin-bottom: auto;
    margin-top: -6rem;
}

.xiaotu .slick-slider {
    margin: 1rem auto;
    z-index: 0;
}

.xiaotu .picpn img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1rem;
}

.xiaotu .picpn.next img {
    bottom: auto;
    top: 1rem;
}

.xiaotu .picpn.next img {
}

.xiaotu .pics {
    text-align: center;
    padding: .3rem 0;
}

.xiaotu .pics img {
    width: auto;
    margin: .3rem auto;
    border: 1px solid #fff;
}

.xiaotu .slick-current .pics img {
    border-color: var(--color3);
}

.detail_part .xqdots {
    margin: 6rem 0 4rem;
    border-bottom: 1px solid #eee
}

.detail_part .xqdots li {
    display: inline-block;
    padding: 0 2rem;
    border-bottom: 2px solid #fff;
    margin-right: 5rem;
    line-height: 5rem;
    font-size: 1.8rem;
    cursor: pointer;
    position: relative
}

.detail_part .xqdots li:first-child:after {
    content: "";
    display: inline-block;
    height: 2rem;
    width: 2px;
    background: #666;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -1rem;
    margin-left: 2.6rem
}

.detail_part .xqdots li.slick-active {
    border-color: var(--color1);
    color: var(--color1)
}

.detail_part .themsg form {
    padding: 0
}

.detail_part_new {
}

.detail_part_new .bor {
    border: 1px solid #EDEDED;
    background: #fff;
    margin-bottom: 7rem;
    margin-top: 3rem;
}

.detail_part_new .ttl10 {
    border-bottom: 2px solid var(--color3);
    padding: 1.1rem 2rem;
}

.detail_part_new .ttl10 span {
}

.detail_part_new .remark2 {
    padding: 4rem 3.7rem;
}

.casedetail {
    margin-top: -58rem;
    text-align: center;
    position: relative;
    z-index: 888
}

.casedetail .h1 {
    margin-bottom: 5rem
}

.casedetail .picarrow {
    z-index: 5;
    left: -8rem;
    position: absolute;
    display: block;
    border: none;
    background: #fff url(../images/left3.png) no-repeat center/70% auto;
    width: 46px;
    height: 46px;
    top: 50%;
    margin-top: -25px
}

.casedetail .picarrow.next {
    right: -8rem;
    left: auto;
    background-image: url(../images/right3.png)
}

.casedetail .pic_slk .pic {
    border: 1rem solid #fff
}

.casedetail .fea {
    margin: 6rem auto
}

.casedetail .fea ul {
    display: flex;
    justify-content: space-between
}

.casedetail .fea ul li {
    flex: auto;
    text-align: center
}

.casedetail .li1 i {
    background-image: url(../images/caseic1.png)
}

.casedetail .li2 i {
    background-image: url(../images/caseic2.png)
}

.casedetail .li3 i {
    background-image: url(../images/caseic3.png)
}

.casedetail .li4 i {
    background-image: url(../images/caseic4.png)
}

.casepart2 {
    padding: 6rem 0 0
}

.casedetail li i {
    background: no-repeat center;
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    position: relative;
    top: -0.4rem;
    margin-right: 0.5rem
}

.crumbs {
    padding: 0 2.2rem;
    background: url(../images/lct.png) no-repeat left;
    font-size: 1.6rem;
    color: #777
}

.crumbs a {
    color: #999
}

.crumbs a:hover {
    color: var(--color1)
}

.crumbs a:last-child {
    color: #333
}

.blockani {
    transition: all .3s;
    animation: blocka 13.5s;
    animation-iteration-count: infinite;
}

@keyframes blocka {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        transform: scale(1.01);
        opacity: 1.5;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes blocka /* Safari 与 Chrome */
{
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        transform: scale(1.01);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.product_list {
    padding-bottom: 6rem;
    padding-top: 7.5rem
}

#solution_detail .content {
    padding: 6rem;
    margin-bottom: 6rem;
    background: #fff
}

.case_list {
    background: rgb(255 255 255 / 78%);
    padding: 3rem;
}

.case_list .item {
    margin-bottom: 3rem;
}

.case_list2 .item {
    margin-bottom: 20px;
    text-align: center;
}

.case_list .item:nth-child(even) .l {
    order: 3;
    padding-left: 1.5rem;
    padding-right: 0;
}

.case_list .item .h2 {
    padding-bottom: 0.7rem;
    display: inline-block;
    border-bottom: 3px solid var(--color3);
    line-height: 1.5;
    margin-bottom: 3rem;
}

.case_list .item .flex {
    justify-content: space-between;
    /* gap: 2rem; */
    align-items: start;
}

.case_list .l {
    max-width: 50%;
    flex: auto;
    /* margin-right: 2rem; */
    padding-right: 1.5rem;
}

.case_list .txt {
    display: block;
    padding: 1rem 1rem;
    font-size: 1.8rem;
    text-align: left;
}

.case_list .r {
    max-width: 50%;
    flex: auto;
    padding-left: 1.5rem;
}

.case_list .item:nth-child(even) .r {
    padding-left: 0;
    padding-right: 1.5rem;
}

.case_list .r1 {
    display: flex;
    margin-bottom: 2.3rem;
    gap: 1.3rem;
    justify-content: flex-end;
}

.case_list .r2_in {
    text-align: right;
}

.case_list2 .item .img {
}

.case_list2 .item .img img {
}

.case_list2 .item .txt {
    /* text-align: center; */
    display: inline-block;
    padding: 1rem;
    font-size: 2rem;
}

.goback {
    text-align: right;
}

.goback a {
    padding: 0.5rem 2rem;
    border: 2px solid var(--color1);
    border-radius: 100px;
    display: inline-flex;
    color: var(--color1);
    justify-content: center;
    align-items: center;
    margin: 3rem 0 0;
    background: #fff;
}

.goback a:hover {
    background: var(--color1);
    /* color: var(--color1); */
}

.goback a:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.goback a:hover span {
    color: #fff;
}

.goback i img {
    height: 2em;
}

.goback span {
    font-weight: bold;
}

.product_list .row2 {
    margin-bottom: 2rem
}

.product_list .bor {
    margin-bottom: 5rem;
    text-align: center;
    background: #fff
}

.product_list .bor:hover {
    box-shadow: 0rem 0 1.6rem 0.3rem hsl(0deg 0% 80% / 53%)
}

.product_list .img {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6rem
}

.product_list .img img {
    display: block
}

.product_list .txt {
    text-align: center;
    display: block;
    line-height: 5.5rem;
    font-size: 1.6rem;
    padding: 1rem 1rem 4rem;
    transition: 0.4s
}

.product_list .txt span {
    display: block;
    text-align: center
}

.product_list a:hover .txt {
    color: var(--color1)
}

.h2.f30.bline1.txtc.relative {
    margin-top: 4rem;
    font-weight: bold;
}

.slt_list {
    padding-top: 3rem;
}

.slt_list .item {
    margin-bottom: 13rem;
    /* flex: 1 0 auto; */
}

.slt_list .item:nth-child(even) .pic {
    order: 2;
    position: relative;
}

.slt_list .item .pic:before {
    content: "";
    display: block;
    width: 124%;
    height: 100%;
    left: 5rem;
    top: 5rem;
    background: #0B94E5;
    opacity: 0.03;
    position: absolute;
    z-index: 0;
}

.slt_list .item:nth-child(even) .pic:before {
    /* background: #F1F1F1; */
    /* opacity: .75; */
    right: -5rem;
    top: 5rem;
    left: auto;
}

.slt_list .item:nth-child(even) .txt {
    padding-left: 0;
    padding-right: 6rem;
}

.slt_list .item .pic {
    flex: 0 0 82rem;
    position: relative;
}

.slt_list .item .pic img {
    width: 82rem;
    height: auto;
    position: relative;
    z-index: 3;
}

.slt_list .item .txt {
    padding-left: 6rem;
    flex: 1;
    position: relative;
    z-index: 1;
}

.slt_list .item .p1 {
    color: rgb(51 51 51 / 23%);
    font-weight: bold;
}

.slt_list .item h3 {
    margin-top: 0;
}

.slt_list .item h3+div+a {
    background: #0B94E5;
    color: #fff;
    margin-top: 10rem;
    font-size: 1.6rem;
    line-height: 4.3rem;
    height: 4.3rem;
}

.otherslt {
    padding-bottom: 8rem;
}

.otherslt .flex {
    align-items: start;
}

.otherslt .arrows {
    flex: 0 0 14rem;
    margin-top: 7rem;
}

.otherslt .arrows .pn {
    display: flex;
    width: 10rem;
    height: 7.3rem;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    background: #F1F1F1;
    margin-bottom: .2rem;
    cursor: pointer;
    transition: .4s;
}

.otherslt .arrows .pn:hover {
    background: var(--color1);
    color: #fff;
}

.otherslt .sltslick {
    flex: 1;
    max-width: calc(100% - 14rem);
    padding-left: 8rem;
}

.otherslt .sltslick .slick-slider {
    overflow: hidden;
    margin-left: -4rem;
}

.otherslt .sltslick .slick-slide {
    margin-left: 4rem;
}

.otherslt .sltslick .slick-list {
    margin-left: -4rem;
}

.otherslt .pic {
    overflow: hidden;
}

.otherslt img {
    transition: all .4s;
}

.otherslt a:hover .picwrap {
    /* transform: scale(1.2); */
}

.imgsc {
    /* transition: all .3s; */
    overflow: hidden;
}

.imgsc .picwrap {
    transition: all .5s;
}

.imgsc:hover .picwrap {
    transform: scale(1.2);
}

.otherslt span {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    padding: 2.2rem 0 0;
}

#snav .flexwrap {
    justify-content: space-between;
    align-items: center
}

#snav .flexwrap .col2 {
    flex: 1;
    padding-left: 14em
}

#snav .en {
    font-size: 2.8rem;
    color: #ddd;
    margin-left: 0.7em
}

#snav #location {
    top: -0.5rem;
    color: #333;
    font-size: 1.6rem;
    /* text-align: right */
}

#snav {
    padding: 0
}

#snav #location *, #snav #location {
    color: #333;
    line-height: 6.7rem;
    font-size: 1.4rem
}

#submenu .con {
    font-size: 0
}

.search_index {
    flex: auto;
    height: 4rem;
    position: relative;
    z-index: 333;
    position: relative;
    top: 0.2rem;
}

.search_index div {
    margin: 0
}

.search_index input {
    width: 18rem;
    border-radius: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 4rem;
    font-size: 1.6rem;
    color: #333;
    line-height: 4rem;
    background: #fff;
    border: none;
    box-shadow: none;
    max-width: 30rem;
    flex: 1
}

.search_index:hover input {
    display: block;
    opacity: 1;
    width: 31rem;
    transform: scale(1)
}

.search_index input::placeholder {
    color: rgb(255 255 255 / 71%)
}

#snav {
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 9;
    background: #F9FEFD;
}

#snav.shrink2 {
    position: fixed;
    top: var(--shrinkhead-height);
    width: 100%;
    max-width: 192rem;
    z-index: 99999;
    background: #fff;
}

#snav.snav_float {
    position: relative;
    margin-top: -5rem;
    padding: 0;
    border: none
}

#snav * {
    font-size: 1.8rem
}

#snav.snav_float #submenu {
    background: blue;
    width: calc(100% + 2rem);
    height: 100%;
    position: relative;
    left: 1rem;
    background: #ffffff;
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.08);
    max-width: none
}

#snav #location a {
    margin: 0 0.5rem
}

#submenu .con {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    padding: 2rem 0rem 8rem;
    width: 100%;
    position: relative;
}

.snav_float #submenu .con {
    text-align: left
}

.snav_float #submenu .con a {
    line-height: 10rem;
    height: 10rem;
    position: relative;
    display: inline-block
}

.snav_float #submenu .con a:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #ffffff;
    position: absolute;
    z-index: 333;
    bottom: 0
}

.snav_float #submenu .on a:after {
    background: var(--color1)
}

#submenu li {
    display: inline-block;
    margin: 0;
    padding: 1rem 1rem;
    flex: auto;
    position: relative;
}

#submenu li.all {
    display: none
}

.body_p_5 #submenu .all {
    display: none
}

.body_p_11 .all {
    display: none
}

.body_p_1 li.all {
    display: none
}

#submenu li span {
    display: none
}

#submenu li.on>a, #submenu li.active2>a, #submenu a:hover, #submenu .con>li:hover>a {
    border-color: var(--color3);
    font-weight: bold;
    color: var(--color3);
}

#submenu a {
    line-height: 4rem;
    padding: 0 0.6rem;
    margin: 0;
    color: #666;
    display: block;
    width: 100%;
    font-size: 1.5rem;
    border: 2px solid #B3B3B3;
}

#submenu .depth2 {
    max-height: 0;
    display: flex;
    width: auto;
    position: absolute;
    left: 0;
    justify-content: center;
    overflow: hidden;
    transition: .5s;
}

#submenu .con>li:nth-child(n+5) .depth2 {
    left: auto;
    right: 0;
}

#submenu ul.con>li:hover .depth2 {
    max-height: 10rem;
}

#submenu .depth2 li {
    flex: 1;
    white-space: nowrap;
}

#submenu .depth2 li a {
}

#submenu .active .depth2 li a {
}

#submenu .active .depth2 li.active2 a {
}

.list_snav {
    font-size: 0px;
    margin-bottom: 5rem
}

.list_snav li {
    display: inline-block;
    padding: 0.8rem 2rem;
    border: 1px solid #ddd;
    margin-right: -1px;
    font-size: 1.6rem
}

.list_snav .bor {
    box-shadow: none !important
}

.list_snav .active span {
    color: var(--color1)
}

.leftside ul {
    margin-bottom: 3rem
}

.leftside ul li a {
    display: block;
    border: 1px solid #dcdcdc;
    line-height: 5rem;
    text-align: center;
    margin-bottom: 0.8rem;
    font-size: 1.6rem
}

.leftside ul li.active a {
    color: var(--color1);
    font-weight: bold
}

.leftside ul .channel a {
    background: var(--color1);
    border-color: var(--color1);
    color: #fff;
    font-size: 2rem;
    font-weight: bold
}

.leftline {
    position: relative;
    padding-left: 2rem;
    font-weight: bold;
    margin-top: 4rem;
    font-family: "galano", sans-serif
}

.leftline:before {
    content: "";
    width: 0.5rem;
    height: 100%;
    background: var(--color1);
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.artlist1 LI {
    padding: 0.7rem 0 0.7rem 1.2rem;
    background: url("../images/dot1.png") no-repeat left;
    position: relative
}

.artlist1 LI span {
    position: absolute;
    right: 0;
    color: #888;
    font-size: 1.2rem
}

.artlist1 .a_txt {
    font-size: 1.5rem;
    color: #666;
    transition: 0.4s
}

.artlist1 .a_txt:hover {
    color: var(--color1)
}

.cbox.rside {
    padding-left: 3rem
}

.cbox > h2 {
    margin-top: 0
}

.rmwz {
    background: #fff;
    padding: 2.2rem;
    margin-top: 5rem
}

.rmwz h3 {
    font-size: 1.8rem;
    margin-bottom: 2rem
}

.rmwz li {
    border-bottom: 0.1rem dashed #ddd;
    padding: 0.9rem 0 0.7rem
}

.box_contact .t {
    border-bottom: 0.1rem solid #e4e4e4;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    padding-left: 6rem;
    background: url("../images/phone3.png") no-repeat
}

.box_contact .s1 {
    display: block
}

.box_contact .c p {
    color: #7b7b7b;
    font-size: 1.4rem;
    line-height: 2.6rem
}

.row.gutter20 {
    margin-left: -1rem;
    margin-right: -1rem
}

.row.gutter20 > div {
    padding-left: 1rem;
    padding-right: 1rem
}

.row.gutter28 {
    margin-left: -1.4rem;
    margin-right: -1.4rem
}

.row.gutter28 > div {
    padding-left: 1.4rem;
    padding-right: 1.4rem
}

.ittl.h2 {
    position: relative;
    text-align: center
}

.ittl.h2.white:before {
    background: #fff;
    margin-left: 0
}

.ittl.h2 i {
    display: inline-block;
    height: 3.6rem;
    margin-right: 0.4rem;
    position: relative;
    top: -2px
}

.ittl.h2 i + p {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.ittl.h2 p + .more_r {
    position: absolute;
    right: 0
}

.ittl.h2 span {
    font-size: 2.8rem;
    color: #ddd;
}

.body_index .ittl.h2 span {
    font-size: 3.6rem;
    color: #333;
}

.ittl.h2 p:first-child {
    display: flex;
    justify-content: center;
    align-items: center
}

.ittl.h2 p em {
    width: 1.2rem;
    height: 1.2rem;
    background: #49B233;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3rem
}

.indexcounts {
    background: url(../images/bg3.jpg) no-repeat center/cover;
    padding: 7rem 0 21rem
}

.indexcounts .txt {
    font-size: 5.5rem
}

.indexcounts .img {
    width: 13.2rem;
    height: 13.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dcdcdc;
    border-radius: 50%
}

.indexcounts .img img {
    width: 5.8rem;
    height: auto
}

.indexcounts ul {
    display: flex;
    justify-content: space-between;
    column-gap: 3rem;
    margin-top: 4rem
}

.indexcounts ul li {
    font-size: 2.2rem;
    box-shadow: 0px 0px 250px 0px rgba(0, 0, 0, 0.1);
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.indexcounts sub {
    position: relative;
    top: -0.2rem;
    left: 0.6rem
}

.indexcounts sub + p {
    font-size: 2rem;
}

.indexcounts .count {
    font-weight: bold;
    display: inline-block;
    line-height: 1.3;
    font-size: 3.5rem;
}

.indexcounts .pic {
    width: 60%;
    flex: 1
}

.indexcounts .pic i:after, .indexcounts .pic i:before {
    display: block;
    border: .5rem solid #fff;
    border-left: 0;
    position: relative;
    top: -3rem;
    right: -3rem;
    content: "";
    height: 100%;
    width: 110%;
    position: absolute
}

.indexcounts .pic i:before {
    top: 0;
    right: 0;
    z-index: 55;
    border-width: 0.8rem
}

.indexcounts .pic img {
    position: relative;
    z-index: 3
}

.indexcounts .intro {
    width: 40%
}

.indexcounts .intro .p1 {
    opacity: .45;
    font-size: 4rem;
    margin-bottom: 2rem;
    margin-top: 4rem;
}

.indexcounts .intro .p2 {
    font-size: 3.7rem;
}

.indexcounts .intro .p3 {
    line-height: 2.5;
    font-size: 1.6rem;
}

.sitemore1 {
    display: block;
    width: 13.7rem;
    height: 4.6rem;
    line-height: 4.6rem;
    text-align: center;
    font-size: 1.7rem;
    background: #fff;
    margin-top: 4rem;
    color: var(--color1);
    transition: .3s
}

.indexcounts .flex0 {
    max-width: 53vw;
    height: 100%;
    align-items: center;
    top: -5rem
}

.indexcounts .fk img {
    position: absolute;
    z-index: 999999999;
}

.indexcounts .fk {
    bottom: 0;
    z-index: 55;
    left: 10rem;
    width: 114.2rem;
    height: 37.4rem;
    z-index: 9999999;
}

.indexcounts .pic i {
    display: inline-block;
    position: relative
}

.body_p_1 .indexcounts {
    margin-top: 5rem
}

.indexPart1 .item {
    position: relative
}

.indexPart1 .container {
    margin-top: -13rem
}

.indexPart1 .more i {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    border: 2px solid #ffffffc2;
    border-radius: 50%;
    background: url(../images/right2.png) no-repeat center/2.3rem;
    vertical-align: middle;
    margin-right: 2.2rem
}

.indexPart1 .more span {
    font-size: 1.8rem;
    color: #fff;
    position: relative;
    top: 3px
}

.indexPart1 .slick-dots {
    display: flex !important;
    justify-content: space-between;
    column-gap: 0.4rem
}

.indexPart1 .slick-dots li {
    flex: 1
}

.indexPart1 .slick-dots .in {
    height: 12rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    color: #fff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgb(255 255 255 / 17%)
}

.indexPart1 .slick-dots .in .s4 {
    margin-top: 0.4rem;
    text-transform: uppercase;
    font-family: mont
}

.indexPart1 .slick-dots .in > * {
    display: block;
    flex: 0
}

.indexPart1 .dots {
    position: relative;
    margin-top: -12rem;
    z-index: 99
}

.indexPart1 .slick-dots img {
    height: 2.5rem;
    margin-bottom: 1.2rem;
    filter: brightness(100);
    filter: brightness(0) saturate(100%) invert(99%) sepia(28%) saturate(0%) hue-rotate(246deg) brightness(111%) contrast(100%)
}

.indexPart1 .sinfo {
    margin-bottom: 6rem;
    color: #fff
}

.indexPart1 .fg:after, .indexPart1 .fg:before {
    content: "";
    display: block;
    height: 1px;
    width: 15rem;
    background: var(--color1);
    position: absolute;
    top: 0;
    left: 0
}

.indexPart1 .fg:before {
    background: #ffffff70;
    width: 100%
}

.indexPart1 .fg {
    position: relative;
    margin: 3rem 0;
    height: 1px
}

.indexPart1 .s2 {
    margin-left: 1em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 65%)
}

.indexPart1 .ittl {
    text-align: center;
    margin-bottom: 2rem
}

.indexPart1 .pr {
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 332;
    display: flex;
    align-items: center
}

.indexPart1 .slick-active .in {
    background: #fff;
    color: var(--color1)
}

.indexPart1 .slick-active .in img {
    filter: none
}

.article_list1 {
    /* padding-top: 5rem */
}

.article_list1 .item .txt {
    padding-left: 0;
    padding-top: 0;
    padding-right: 7rem;
}

.article_list1 .item a:hover .more {
    background: #0B94E5;
}

.article_list1 .item {
    padding: 0rem 0 4rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #eeeeee
}

.article_list1 .item h3 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
    font-weight: bold;
}

.article_list1 .item h3 + div {
    line-height: 2;
    margin-bottom: 2.6rem
}

.article_list1 .item .sinfo {
    font-size: 1.5rem;
    line-height: 2;
    margin-top: 1.5rem;
    margin-bottom: 4rem;
    color: #333;
}

.article_list1 .btn_more {
    margin-top: 3rem;
    background: transparent;
    color: #333;
    padding: 0
}

.article_list1 .btn_more span {
    font-size: 2rem;
    color: #555
}

.article_list1 a:hover .btn_more span {
    color: var(--color1)
}

.article_list1 .item .time {
    font-size: 1.4rem;
    color: #666;
    padding-left: 2rem;
    background: url(../images/time.png) no-repeat center left/1.6rem auto;
    height: 2rem;
    display: inline-block;
}

.article_list1 .item > a {
    display: flex;
    position: relative;
    padding: 3rem;
    transition: .4s;
    color: #0B94E5;
}

.article_list1 .item > a:hover {
    box-shadow: 1px 1px 18px 7px #ccc;
}

.article_list1 .item > a * {
    position: relative
}

.article_list1 .item > a .t {
    font-size: 2.2rem;
}

.article_list1 .img {
    max-height: 28rem
}

.article_list1 .img {
    overflow: hidden
}

.article_list1 .item .more {
    color: #fff;
    font-size: 1.6rem;
    width: 11.2rem;
    height: 3rem;
    background: #9CA0A4;
    line-height: 3rem;
    display: block;
    text-align: center;
    transition: .4s;
}

.article_list1 .item .more i {
    top: -0.1rem
}

.article_list1 .item .img {
    flex: 0 0 45rem;
    margin: 0;
    order: 1;
    text-align: right;
}

.index_hdl {
    display: block;
    width: 6.7rem;
    height: 6.7rem;
    border: 2px solid rgb(204 204 204 / 30%);
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 7rem);
    left: -9rem;
    background: url(../images/l1.png) no-repeat center;
    cursor: pointer
}

.index_hdl.next {
    left: auto;
    right: -9rem;
    background: url(../images/r1.png) no-repeat center
}

.ctpart1.abpart {
    padding: 3rem 0 0;
}

.ctpart1 .item2 {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.ctpart1 .item:hover i {
    /* background-color: var(--color1) */
}

.ctpart1 .item i {
    display: flex;
    width: 13rem;
    height: 13rem;
    border-radius: 100rem;
    padding: 1.5rem;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    transition: 0.8s ease;
    /* background: #fff url(../images/frame6.png) no-repeat center */
}

.ctpart1 .item .txt {
    flex: 1;
}

.ctpart1 .item i + .t {
    margin: 0 auto 0.4rem
}

.ctpart1 .item strong {
    color: var(--color1)
}

.ctpart1 .flex000 {
    flex-wrap: wrap;
    /* padding: 0 7rem; */
}

.ctpart1 .item {
    flex: 1 1 20%;
}

.ctpart1 .item:nth-child(3n) {
    flex: 1 1 45%;
}

.ctpart1 .item .flex {
    align-items: center;
    justify-content: start;
}

.buildPart3 {
    overflow: hidden;
    background: #fff;
    padding: 10rem 0 10rem;
    margin-top: -19rem
}

.buildPart3 .leftDiv {
    width: 710px
}

.buildPart3 .imgDiv {
    padding-bottom: 0.6rem
}

.buildPart3 .imgDiv img {
    width: 100%;
    visibility: hidden;
    display: none
}

.buildPart3 .mapDiv {
    position: relative;
    width: 710px;
    height: 539px;
    background: url(../images/map.png) center no-repeat
}

.buildPart3 .mapDiv li {
    position: absolute;
    font-size: 12px;
    color: #836a38;
    padding-top: 24px;
    background: url(../images/nimg13_3.png) center top no-repeat
}

.buildPart3 .mapDiv .liNow {
    background: url(../images/nimg13_3on.png) center top no-repeat;
    color: var(--color1)
}

.buildPart3 .mapDiv .guangdong {
    bottom: 66px;
    right: 225px
}

.buildPart3 .mapDiv .guangxi {
    bottom: 74px;
    right: 288px
}

.buildPart3 .mapDiv .fujian {
    bottom: 105px;
    right: 168px
}

.buildPart3 .mapDiv .guizhou {
    bottom: 114px;
    right: 320px
}

.buildPart3 .mapDiv .hunan {
    bottom: 128px;
    right: 251px
}

.buildPart3 .mapDiv .jiangxi {
    bottom: 134px;
    right: 198px
}

.buildPart3 .mapDiv .zhejiang {
    bottom: 155px;
    right: 146px
}

.buildPart3 .mapDiv .shanghai {
    bottom: 185px;
    right: 126px
}

.buildPart3 .mapDiv .sichuan {
    bottom: 170px;
    right: 368px
}

.buildPart3 .mapDiv .chongqing {
    bottom: 155px;
    right: 306px
}

.buildPart3 .mapDiv .hubei {
    bottom: 182px;
    right: 252px
}

.buildPart3 .mapDiv .gansu {
    bottom: 246px;
    right: 350px
}

.buildPart3 .mapDiv .shanxi {
    bottom: 220px;
    right: 292px
}

.buildPart3 .mapDiv .henan {
    bottom: 224px;
    right: 235px
}

.buildPart3 .mapDiv .beijing {
    bottom: 316px;
    right: 210px
}

.buildPart3 .mapDiv .yunnan {
    left: 300px;
    bottom: 80px
}

.buildPart3 .mapDiv .hainan {
    left: 415px;
    bottom: 4px
}

.buildPart3 .mapDiv .xizang {
    left: 140px;
    bottom: 190px
}

.buildPart3 .mapDiv .xinjiang {
    left: 120px;
    top: 160px
}

.buildPart3 .mapDiv .qinghai {
    left: 240px;
    top: 255px
}

.buildPart3 .mapDiv .ningxia {
    left: 361px;
    top: 233px
}

.buildPart3 .mapDiv .neimenggu {
    left: 385px;
    top: 175px
}

.buildPart3 .mapDiv .shanxi2 {
    left: 430px;
    top: 230px
}

.buildPart3 .mapDiv .hebei {
    left: 470px;
    top: 220px
}

.buildPart3 .mapDiv .tianjin {
    left: 497px;
    top: 198px
}

.buildPart3 .mapDiv .liaoning {
    right: 130px;
    top: 160px
}

.buildPart3 .mapDiv .jilin {
    right: 98px;
    top: 130px
}

.buildPart3 .mapDiv .heilongjiang {
    right: 85px;
    top: 65px
}

.buildPart3 .mapDiv .jiangsu {
    right: 150px;
    top: 295px
}

.buildPart3 .mapDiv .anhui {
    right: 185px;
    top: 315px
}

.buildPart3 .mapDiv .shandong {
    right: 180px;
    top: 245px
}

.buildPart3 .rightDiv {
    width: 400px
}

.buildPart3 .title1 {
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: bold;
    padding-bottom: 10px
}

.buildPart3 .title2 {
    font-size: 36px;
    color: var(--color1);
    line-height: 36px;
    text-transform: uppercase;
    font-family: gothicb;
    padding-bottom: 75px
}

.buildPart3 .mxfDiv {
    width: 400px;
    height: 400px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1)
}

.buildPart3 .mxfDiv .name {
    height: 70px;
    background: var(--color1);
    color: #fff;
    font-size: 22px;
    line-height: 70px;
    padding-left: 40px
}

.buildPart3 .mxfDiv .botDiv {
    padding: 0 20px 0 40px
}

.buildPart3 .mxfDiv .list {
    height: 300px;
    overflow: auto;
    margin-top: 15px;
    padding: 1.4rem 0
}

.buildPart3 .mxfDiv .list p {
    color: #666;
    padding: 0.5rem 0 0.6rem;
    padding-left: 2.1rem;
    background: url(../images/lct2.png) no-repeat left 8px;
    border-bottom: 1px dashed #eee;
    margin-right: 2rem
}

.buildPart3 .mxfDiv .list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #f2f2f2
}

.buildPart3 .mxfDiv .list::-webkit-scrollbar-thumb {
    background-color: var(--color1);
    border-left: 2px solid transparent;
    border-top: 2px solid transparent
}

.buildPart3 .mxfDiv .list li {
    height: 50px;
    font-size: 14px;
    padding-right: 20px
}

.buildPart3 .mxfDiv .list li a {
    display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    color: #999;
    position: relative
}

.buildPart3 .mxfDiv .list li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url(../images/line3.png) repeat-x
}

.buildPart3 .mxfDiv .list li a:hover {
    color: var(--color1)
}

#kefu {
    position: fixed;
    top: 28rem;
    right: -8rem;
    width: 8rem;
    z-index: 999;
    transition: all 0.4s
}

#kefu.show {
    right: 0
}

#kefu ul {
    border: 1px solid #eee;
    border-right: none
}

#kefu li {
    cursor: pointer;
    text-align: center;
    padding: 10px 0 4px;
    border-bottom: 1px solid #eee;
    background: #fff;
    position: relative;
    transition: background 0.3s
}

#kefu i {
    display: block;
    width: 3.7rem;
    height: 3.7rem;
    margin: 0.2rem auto;
    background: url(../images/fl1.png) no-repeat center/auto
}

#kefu span {
    font-size: 12px
}

#kefu div:before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    z-index: 99;
    border-left-color: var(--color1);
    right: -22px;
    z-index: -1
}

#kefu div:after {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    z-index: 99;
    border: 12px solid transparent;
    border-left-color: var(--color1);
    right: -22px
}

#kefu li:hover div {
    display: block
}

#kefu div {
    display: none;
    position: absolute;
    left: -180px;
    background: var(--color1);
    padding: 20px;
    top: 0px;
    width: 160px;
    color: #fff;
    z-index: 99999;
    font-size: 16px
}

#kefu li:hover i + span {
    color: var(--color1)
}

#kefu li a {
    display: block
}

#kefu .p1 {
    color: #fff
}

#kefu .p2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff
}

#kefu .p4 {
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    margin: 15px auto 0
}

#kefu .p5 {
    color: #fff;
    margin: auto;
    font-weight: bold
}

#kefu .li3 i {
    background-image: url(../images/fl3.png)
}

#kefu .li2 i {
    background-image: url(../images/fl2.png)
}

.index_list1 .sinfo {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 2rem
}

.indexPart2 .li_3 {
    border: aquamarine
}

.index_list1 h3 {
    margin: 0 0 0.8rem
}

.indexPart2 li {
    border-bottom: 1px #dcdcdc dashed
}

.indexPart2 .li_1 .sinfo {
    display: block
}

.indexPart3 {
    color: #fff;
    padding: 3.5rem 0 12rem;
    background-image: url(../images/bg21.png)
}

.indexPart3 .slick_slt {
    max-width: calc(100% - 9rem)
}

.indexPart3 .item .flex {
    align-items: flex-start
}

.indexPart3 .pic {
    border: .9rem solid #F3F3F3;
    box-shadow: 3px 3px 21px 0px rgba(0, 0, 0, 0.21)
}

.indexPart3 .txt {
    flex: 1;
    padding-top: 9rem;
    padding-left: 7rem
}

.indexPart3 .more {
    background: var(--color1);
    color: #fff;
    margin-top: 8rem
}

.indexPart3 .slickarea1 {
    padding-left: 13rem;
    padding-top: 5rem;
    position: relative
}

.indexPart3 .lpic {
    position: absolute;
    right: 50%;
    height: 48rem;
    top: 1.3rem;
    width: 130rem;
    text-align: right
}

.indexPart3 .item {
    padding: 5rem 0;
    padding-left: 2rem
}

.indexPart3 .slick-dots li {
    cursor: pointer;
    margin: 3rem 0
}

.indexPart3 .dot_outer {
    color: #D4D2D2;
    font-size: 3rem
}

.indexPart3 .dot_outer:hover {
    color: var(--color1)
}

.indexPart3 li.slick-active span {
    color: #0B94E5
}

.indexPart5 {
    padding-bottom: 4rem
}

.indexPart5 I {
    display: inline-flex;
    width: 7rem;
    height: 7rem;
    background: #f8f8f8;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex: 0 0 auto;
    margin-right: 1rem
}

.indexPart5 .in {
    display: flex;
    align-items: start
}

.indexPart5 .txt p:last-child {
    line-height: 1.7
}

.indexPart5 i img {
    height: 3rem
}

#indexPart6 {
    background: #F8F8FC;
    padding: 11rem 0 2rem
}

#indexPart6 UL {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 18rem
}

#indexPart6 LI a {
    padding: 0.1rem 0 0.4rem;
    border-bottom: 2px solid transparent;
    display: block
}

#indexPart6 LI a:hover {
    border-color: var(--color1)
}

#indexPart6 .item {
    margin-bottom: 7rem
}

#indexPart6 .txt >.sitemore1 {
    min-width: 22rem;
    line-height: 4.6rem;
    height: 4.6rem;
    background: #333;
    display: block;
    font-size: 2rem;
    color: #fff;
    margin: 0rem 0 2.8rem;
}

#indexPart6 .txt {
    flex: 1;
    position: relative;
    padding: 3rem 3rem
}

#indexPart6 .sinfo {
    color: #666;
    outline: auto;
    font-size: 1.6rem;
    line-height: 1.8;
}

#indexPart6 .pic {
    max-width: 40rem;
    /* overflow: hidden; */
}

#indexPart6 .pic:hover .picwrap {
    /* transform: scale(1.2); */
}

.picwrap {
    transition: all 0.5s;
}

#indexPart6 .in {
    align-items: stretch
}

#indexPart6 .h2 {
    margin-bottom: 4.1rem;
    font-size: 4rem;
}

#indexPart6 .fg {
    padding: 0 1.4rem
}

#indexPart6 .fg:last-child {
    display: none
}

#indexPart6 .line {
    position: absolute;
    bottom: 3rem
}

#indexPart6 .line:after, #indexPart6 .line:before {
    content: "";
    width: 6rem;
    height: 1px;
    background: #333;
    display: block;
    transition: .5s
}

#indexPart6 .line:after {
    margin-top: 1rem;
    width: 3rem
}

#indexPart6 .item {
    position: relative;
    z-index: 3
}

#indexPart6 .bigen {
    position: absolute;
    margin-top: -5rem;
    margin-left: -1.9rem;
    width: 111rem;
    height: 20rem;
    font-size: 25.5rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 1.1;
    -webkit-text-stroke: 1px #EDEDED;
    text-stroke: 1px #EDEDED;
}

#indexPart6 .txt:hover .line:after, #indexPart6 .txt:hover .line:before {
    background: var(--color1);
    width: 3rem
}

#indexPart6 .txt:hover .line:after {
    width: 6rem
}

#indexPart6 .in:hover .sitemore1 {
    background: var(--color1)
}

#indexPart6 .col_1 .txt {
    order: -1;
    padding-left: 0
}

#indexPart6 .col_3 .txt {
    padding-right: 0
}

#indexPart6 LI a {
    font-size: 1.6rem;
    color: #666;
}

.index_section_sys {
    padding: 7.5rem 0;
    background-image: url(../images/bg6.jpg);
    overflow: hidden;
}

@-webkit-keyframes rtcballScale {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-moz-keyframes rtcballScale {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@-ms-keyframes rtcballScale {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}

@keyframes rtcballScale {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

.index_section_sys .dyanmic-decoration:before {
    content: '';
    width: 800px;
    height: 567px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
}

.index_section_sys .dyanmic-decoration {
    width: 800px;
    height: 567px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index_section_sys .dyanmic-decoration .ani {
    width: 720px;
    height: 720px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -360px;
    margin-top: -360px;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}

.index_section_sys .dyanmic-decoration .small {
    background: rgb(255 255 255);
    -webkit-animation: rtcballScale 5s 0s linear infinite;
    -moz-animation: rtcballScale 5s 0s linear infinite;
    -ms-animation: rtcballScale 5s 0s linear infinite;
    animation: rtcballScale 5s 0s linear infinite;
}

.index_section_sys .dyanmic-decoration .inner {
    background: rgb(7 131 216 / 26%);
    -webkit-animation: rtcballScale 5s 1s linear infinite;
    -moz-animation: rtcballScale 5s 1s linear infinite;
    -ms-animation: rtcballScale 5s 1s linear infinite;
    animation: rtcballScale 5s 1s linear infinite;
}

.index_section_sys .dyanmic-decoration .outer {
    background: rgb(7 131 216 / 26%);
    -webkit-animation: rtcballScale 5s 2s linear infinite;
    -moz-animation: rtcballScale 5s 2s linear infinite;
    -ms-animation: rtcballScale 5s 2s linear infinite;
    animation: rtcballScale 5s 2s linear infinite;
}

#index_slt {
    background: url(../images/bgmain2.png) repeat-y top center/100%;
}

#indexPart7 {
    background-image: url(../images/bg3.png);
    padding: 9rem 0 2rem;
}

#indexPart7 .r IMG {
    image-rendering: -webkit-optimize-contrast
}

#indexPart7 H3 {
    text-align: center;
    line-height: 1.4;
    font-size: 2.3rem;
}

#indexPart7 .item a {
    position: relative;
    display: block
}

#indexPart7 .t {
    position: relative;
    z-index: 999;
}

#indexPart7 .txt {
    position: absolute;
    height: 13rem;
    justify-content: center;
    bottom: 7rem;
    width: 100%;
    color: #fff;
    padding: 0px 7rem;
    z-index: 9999;
}

#indexPart7 .r .pic {
    position: absolute;
    bottom: 5rem;
    right: -4rem;
    padding-left: 0rem;
    left: 7rem;
}

#indexPart7 .more {
    display: block;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    transition: .3s
}

#indexPart7 a:hover .more {
    background: var(--color2);
    color: #fff
}

#indexPart7 .in {
    position: relative;
    z-index: 3;
    padding: 4rem 4rem;
    min-height: 85rem
}

#indexPart7 .bor {
    width: 61rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: url(../images/bor.png) no-repeat bottom right/100% 100%
}

#indexPart7 .h2 {
    font-size: 4rem;
    margin-bottom: 5rem;
    letter-spacing: 0.7rem
}

#indexPart7 .h2+p {
    font-size: 3rem;
    letter-spacing: 1rem;
}

#indexPart7 .more2 {
    font-size: 1.8rem;
    margin: 3rem 0 0;
    display: inline-block
}

#i_news {
    background: #fff;
    padding-top: 4rem;
    padding-bottom: 4.7rem;
}

#jssor_1 {
    top: 9.2rem !important;
    !i;!; }

#i_news .tt {
    position: relative;
    margin-top: -.4rem
}

#i_news .h2_sct_ttl {
    margin-top: 4.0rem;
    padding-bottom: 0
}

#i_news ul {
    width: 26rem;
    margin: 2rem auto 4.4rem;
    text-align: center;
    text-align: center
}

#i_news li.cats1 a {
    background: #ffffff;
    border: .1rem solid #EDEDED;
    display: block;
    text-align: center;
    text-indent: 0;
    border-radius: 0;
    border-left: none;
    border-right: 0
}

#i_news .cats1 {
    padding: 1rem 0;
    position: relative
}

#i_news .cats1:first-child a {
    border-right: 1px solid #EDEDED
}

#i_news li.cats1 a {
    line-height: 5.2rem;
    text-indent: -.5rem;
    font-size: 2rem;
    color: #666;
    position: relative
}

#i_news li.cats1 a:before, #i_news li.cats1 a:after {
    height: 5.2rem;
    top: -.4rem;
    left: -4.1rem;
    transition: all 0.3s
}

#i_news li.cats1 a:before {
    width: 13.6rem
}

#i_news li.cats1 a:after {
    height: 4.4rem;
    top: 0;
    left: -3.7rem;
    min-width: 12.8rem
}

#i_news a.more {
    font-size: 1.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 2.1rem;
    display: inline-block;
    margin-top: 1.0rem;
    width: 13.5rem;
    height: 4.2rem;
    background: url(../images/bg10.png) no-repeat center/cover;
    display: block;
    margin: 2.0rem auto 0;
    line-height: 4.2rem;
    color: #fff;
    font-size: 1.7rem;
    text-align: center;
    position: relative;
    z-index: 99;
    text-indent: 0
}

#i_news a.more i {
    display: inline-block;
    width: 2.3rem;
    height: 1.3rem;
    vertical-align: middle;
    background: url(../images/ar7.png) no-repeat;
    position: relative;
    right: -.8rem;
    top: -.2rem
}

#i_news li.cats1.slick-current a {
    color: var(--color1)
}

#i_news li.cats1.slick-current a:active {
    color: #666
}

#i_news li.cats1.slick-current a:hover {
    color: var(--color3);
}

#i_news li.cats1.slick-current:after {
    content: "";
    display: block;
    position: absolute;
    width: .8rem;
    height: .8rem;
    bottom: -.6rem;
    left: 50%;
    border: .8rem solid transparent;
    border-top-color: #ffffff;
    z-index: 33;
    margin-left: -.8rem
}

#i_news li.cats a:hover {
    color: #fff
}

#i_news .item {
    padding-right: 3rem
}

#i_news .item img {
    width: 100%
}

#i_news .con2 {
    background: #fff;
    padding: 1rem
}

#i_news .bg {
    padding-left: 3rem;
    margin-top: -.4rem
}

#i_news .in {
    padding: 2.0rem 0
}

#i_news .a_txt.a_txt0 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #222;
    display: inline-block;
    transition: all 0.3s;
    font-weight: bold;
    margin-bottom: 1.5rem;
    margin-top: 1rem
}

#i_news .a_txt.a_txt0:hover {
    color: #5fb1e1
}

#i_news p.in3 {
    position: relative;
    padding-right: 11.0rem
}

#i_news .sinfo {
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
    line-height: 3.1rem;
    margin-top: 0.5rem
}

#i_news .rr .sinfo {
    margin-top: 1.5rem
}

#i_news .d1 {
    border-bottom: .1rem solid #c9c9c9;
    margin-bottom: 1.2rem;
    padding: 2.3rem 0rem 1.4rem;
    padding-right: 0;
    transition: .3s;
    position: relative
}

#i_news .item_0 {
    padding-top: 0
}

#i_news .in2 {
    float: right;
    width: calc(100% - 89px)
}

#i_news .rr .a_txt {
    color: #333;
    font-size: 1.8rem;
}

#i_news .rr .a_txt:hover {
    color: var(--color1)
}

#i_news .rr {
    overflow: visible
}

#i_news .d1:hover:before {
    box-shadow: 0.2rem 0.2rem 2rem 0rem rgb(0 0 0 / 23%);
    border-bottom: none
}

#i_news .d1:before {
    content: "";
    width: calc(100% + 3rem);
    height: 100%;
    position: absolute;
    left: -1.5rem;
    top: 0;
    transition: .3s;
    display: none
}

#i_news .rr .in3 .a_txt {
    font-size: 1.4rem;
    color: #999;
    padding-left: 2.2rem;
    background: url(../images/ar1.png) no-repeat left .3rem
}

#i_news .rr .in3 span {
    position: absolute;
    right: 0;
    font-size: 1.3rem;
    color: #999
}

#i_news .rr .infotime {
    display: block;
    width: 8.4rem;
    margin: -.4rem auto 0;
    position: absolute;
    color: #ababab;
    right: 0;
    top: 0
}

#i_news .day {
    display: block;
    text-align: center;
    color: #999;
    line-height: 6.0rem;
    font-size: 5.2rem
}

#i_news .ym {
    display: block;
    text-align: center;
    color: #999;
    font-size: 1.4rem
}

#indexPart12 {
    padding: 4.5rem 0 7rem
}

#indexPart12 .d2 SPAN {
    color: #666
}

#indexPart12 .in2 {
    background: #fff;
    padding: 0.8rem 3rem 2.5rem
}

#indexPart12 .d2 .more {
    font-size: 1.6rem
}

#indexPart12 .in2 .h3 {
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px dashed #dddddd
}

#indexPart12 .txt {
    background: #fff;
    padding: 3rem 5rem;
    flex: 1 1 auto
}

#indexPart12 .sinfo {
    font-size: 1.6rem;
    line-height: 2;
    margin: 3rem 0 3rem
}

#indexPart12 .s2 {
    font-size: 1.8rem
}

#indexPart12 .s1 {
    font-size: 6.6rem;
    font-weight: bold;
    letter-spacing: -3px
}

#indexPart12 .pic {
    flex: 0 0 44rem
}

#indexPart12 .more {
    font-size: 1.6rem;
    color: #999
}

#indexPart12 a:hover {
    color: var(--color1)
}

#indexPart12 .in {
    display: flex
}

#indexPart12 .h3 a {
    font-size: 1.8rem;
    font-weight: bold
}

#indexPart12 .h2 {
    text-align: center;
    margin-bottom: 3rem
}

#indexPart12 .date {
    flex: 0 0 28rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--color1);
    color: #fff
}

#indexPart12 .d2 {
    display: flex;
    justify-content: space-between
}

#indexPart12 .col1 {
    margin-bottom: 3rem
}

#mainbg, #maincontent {
    background: url(../images/bgmain.png) repeat-y top center/100%;
}

.body_solution #maincontent {
    background-image: url(../images/bgmain2.png);
}

.abpart1 {
    padding-bottom: 0;
}

.abpart1 .in img {
    position: relative;
    top: 3rem;
}

.abpart1 .in2 .p1 {
    color: #0B94E5;
    opacity: 0.2;
    font-size: 6.2rem;
    margin-top: -3rem;
}

.abpart1 .in2 .h2 {
    margin-top: -4rem;
    font-size: 3rem;
}

.abpart1 ul li {
    flex: 1;
    text-align: center
}

.abpart1 ul .count {
    font-size: 5.5rem;
}

#culture {
    padding: 6.5rem 0 8rem;
    text-align: center;
    background: rgb(11 148 229 / 6%)
}

#culture .h2 {
    margin-bottom: 4.5rem
}

#culture .row2 {
    padding: 1rem 0px;
}

#culture .item {
    position: relative;
    background: #fff;
    padding: 5rem 0 2rem
}

#culture .txt {
    width: 100%;
    left: 0;
    padding: 4rem 4rem 1rem;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 44%, rgba(255, 255, 255, 1) 45%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 44%, rgba(255, 255, 255, 1) 45%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 44%, rgba(255, 255, 255, 1) 45%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

#culture .t1 {
    font-size: 2rem;
    color: #333;
    font-weight: bold
}

#culture .t2 {
    display: block;
    font-size: 1.6rem;
    color: #666;
    line-height: 1.8;
    height: 3.6em;
    margin-top: 1rem
}

#culture .p2 {
    display: none
}

#honor {
    padding: 7rem 0 1rem;
}

#honor .item {
    text-align: center;
    margin-bottom: 5rem;
}

#honor .pic {
    width: 33rem;
    height: 35rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: #E6E6E6 1px solid;
    margin: auto;
    margin-bottom: 2rem;
    padding: 1rem;
}

#honor .pic img {
    max-height: 100%;
}

#honor .pic+span {
    font-size: 1.6rem;
}

.abpart {
    padding: 6rem 0
}

.body_contact .abpart3 {
    padding: 0;
    padding-bottom: 0;
}

.abpart.abpart3 .iframewrap {
    background: #fff;
    padding: 1rem;
    box-shadow: 0px 3px 17px 4px #e1e1e175
}

.body_contact .abpart2 {
    padding-top: 4rem;
    padding-bottom: 0
}

.abpart .remark {
    padding: 0
}

.pagetitle {
    margin-top: 0;
    margin-bottom: 3rem
}

.shouce_list {
    padding: 6rem 0
}

.shouce_list .downloadlink {
    display: block;
    line-height: 0;
    font-size: 0;
    background: #fff;
    margin-bottom: 3rem
}

.shouce_list .downloadlink h3 {
    width: 100%;
    line-height: 6.4rem;
    margin: 0;
    background: #000 url(../images/download.png) no-repeat right 2rem center/auto 2.4rem;
    color: #fff;
    padding: 0 7rem 0 2.5rem;
    font-size: 2rem;
    transition: 0.5s
}

.shouce_list .downloadlink:hover h3 {
    background-color: var(--color2)
}

.shouce_list .downloadlink .img {
    height: 58.6rem;
    display: flex;
    align-items: start;
    justify-content: center
}

.shouce_list .downloadlink img {
    width: 100%;
    max-height: 100%
}

.huodong_list {
    padding-top: 5rem
}

.huodong_list .item .txt {
    padding-left: 5rem;
    padding-top: 0.5rem;
    padding-right: 1.7rem
}

.huodong_list .item a:hover .t {
    color: var(--color1)
}

.huodong_list .item {
    padding: 4rem;
    margin-bottom: 4rem;
    background: #f5f5f5;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 10px 10px
}

.huodong_list .item h3 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 2.6rem
}

.huodong_list .item h3 + div {
    line-height: 2;
    margin-bottom: 2.6rem
}

.huodong_list .item .sinfo {
    font-size: 2rem;
    line-height: 1.7;
    margin: 2rem 0 3rem
}

.huodong_list .btn_more {
    margin-top: 3rem;
    background: transparent;
    color: #333;
    padding: 0
}

.huodong_list .btn_more span {
    font-size: 2rem;
    color: #555
}

.huodong_list a:hover .btn_more span {
    color: var(--color1)
}

.huodong_list .item .time {
    font-size: 2rem;
    color: #999;
    padding-left: 1.6em;
    background: url(../images/time.png) no-repeat left center
}

.huodong_list .item > a {
    display: flex;
    position: relative;
    padding: 0
}

.huodong_list .item > a * {
    position: relative
}

.huodong_list .img {
    max-height: 28rem
}

.huodong_list .img {
    overflow: hidden
}

.huodong_list .item .more {
    color: var(--color1);
    font-size: 2rem
}

.huodong_list .item .more i {
    top: -0.1rem
}

.huodong_list .item .img {
    flex: 0 0 40rem;
    margin: 0
}

.thelist3 .infotitle {
    min-height: 6.4rem;
    margin-bottom: 2rem
}

.articletitle {
    padding-bottom: 1.2rem;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    font-weight: bold;
}

.articletitle h1 {
    margin-top: 0;
    margin-bottom: 1.8rem
}

.pic_txt_inline {
    display: flex
}

.pic_txt_inline .pic {
    flex: 1 0 auto;
    max-width: 48%
}

.pic_txt_inline .txt {
    flex: auto
}

.faqlist .q {
    position: relative;
    padding-left: 0.8em
}

.faqlist .q:before {
    content: "";
    display: block;
    height: 1em;
    width: 0.3rem;
    background: var(--color1);
    position: absolute;
    left: 2px
}

.faqlist .q + div {
    color: #555
}

.faqlist .q + div * {
    font: inherit;
    color: inherit
}

.footer {
    margin-top: 0;
    background: url(../images/bg9.jpg) no-repeat center/cover;
    color: #fff;
    padding: 1.2rem 0 0rem;
}

.footer * {
    color: inherit
}

.footer a:hover {
    color: #fff
}

.footer .i_ttl1 {
    border-color: rgb(255 255 255 / 14%);
    margin-bottom: 2.6rem
}

.footer .i_ttl1 .h4 {
    color: rgb(255 255 255 / 42%)
}

.footer .i_ttl1 .h4:after {
    height: 1px;
    bottom: -1px
}

.footer .con {
    padding-bottom: 1rem;
}

.footer .flexwrap {
    justify-content: space-between
}

.footer .flexwrap li {
    flex: auto
}

.footer .flexwrap li.fwfs {
    margin: 0;
    position: relative;
    max-width: 27rem;
    margin-right: 7rem
}

.footer .flexwrap .c {
    line-height: 3;
    color: rgba(255, 255, 255, 0.42)
}

.footer * {
    color: inherit
}

.footer a:hover {
    color: #fff
}

.footer .flexwrap .c p {
    margin: 0;
    line-height: 2
}

.footer .qrpic span {
    display: block;
    margin-top: 1rem;
    color: #666;
    font-size: 1.2rem;
}

.footer .qrpic img {
    height: 9rem;
    width: 9rem;
}

.footer .qrpic {
    background: #fff;
    padding: 0.8rem;
    text-align: center;
    margin-left: 2rem;
}

.footer .d3 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.footer * {
    color: #b8b5b5
}

.footer .p6 {
    color: #fff
}

.footer .flexwrap li.fnav_li {
    flex: 0 0 40%;
    /* text-align: right; */
}

.footer .img img {
    height: 14.5rem;
    width: auto
}

.footer .social {
    margin-top: 3rem
}

.footer .social a.on {
    background: linear-gradient(0deg, #e6232b, #fc7474);
    border-color: red
}

.footer .social a.on img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(28%) saturate(0%) hue-rotate(246deg) brightness(111%) contrast(100%)
}

.footer .social a img {
    height: 1.8rem
}

.footer .social a {
    display: inline-block;
    border: 1px solid #f5f5f5;
    border-radius: 100px;
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.2rem
}

.footer .i_ttl1 .h4 a {
    font-size: 1.8rem;
    font-weight: bold;
    padding-bottom: 2rem;
    display: inline-block;
    position: relative;
    color: #dddddd
}

.footer .i_ttl1 .h4 a:after {
    content: "";
    width: 100%;
    height: 0.2rem;
    background: var(--color1);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
}

.footer .depth2 p a {
    font-size: 1.4rem
}

.footer .p4 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #dddddd
}

.footer .p5 {
    font-size: 2.8rem;
    white-space: nowrap;
    color: var(--color1);
    font-weight: bold
}

.footer .zixun {
    width: 11rem;
    line-height: 3.6rem;
    background: var(--color1);
    border-radius: 100px;
    display: block;
    text-align: center;
    color: #fff;
    margin-bottom: 4rem
}

.footer .col1 .con .address {
    margin-bottom: 0;
    line-height: 2.5;
}

.footer .ftcontact li {
    margin-right: 0;
    display: flex;
    margin-bottom: 2rem;
    align-items: center
}

.footer .ftcontact li i {
    padding-right: 1.3rem;
    border-right: 1px solid rgb(255 255 255 / 14%);
    height: 3rem
}

.footer .ftcontact .r {
    padding-left: 1.3rem
}

.footer .ftcontact li i img {
    max-width: 3.2rem;
    margin-top: -1.8rem
}

.footer .ftcontact .itm {
    line-height: 1.7
}

.footer .flexwrap li.gzwm {
    padding-right: 0;
    flex: 0 0 auto;
    position: relative;
    margin: 0;
    margin-left: -4rem;
    padding-top: 1rem
}

.footer .flexwrap li.gzwm:after, .footer .flexwrap li.fwfs:after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgb(251 251 251 / 10%);
    display: block;
    position: absolute;
    right: 7rem;
    top: 0;
    display: none
}

.footer .flexwrap li.fwfs:after {
    right: auto;
    left: -1.8rem
}

.footer .gzwm .s1 {
    text-align: center
}

.footer .gzwm .img {
    width: 14.6rem;
    overflow: hidden;
    display: block
}

.footer .gzwm .s1 i {
    display: block;
    font-style: normal;
    font-size: 1.6rem
}

.footer .col1 .con {
    padding-top: 0.5rem;
}

.footer .col1 .con * {
    font-size: 1.4rem;
    line-height: 1.9;
}

.footer .col1 .con .p1 {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 0rem;
}

.footer .d4 {
    margin-top: 1.8rem;
    margin-bottom: 0rem;
    max-width: 45em;
}

.footer .d4 * {
    font-size: 2rem
}

.footer .d4 .fl {
    width: 33%;
    margin-bottom: 1rem;
}

.footer .cp {
    display: inline-flex;
    align-items: center;
}

.footer .cp i, .footer .address i {
    display: inline-block;
    width: 1.4em;
    height: 1em;
    background: no-repeat center/auto 100%;
    margin-right: .5rem;
}

.footer .cp1 i {
    background-image: url(../images/fic1.png);
}

.footer .cp2 i {
    background-image: url(../images/fic2.png);
}

.footer .cp3 i {
    background-image: url(../images/fic3.png);
}

.footer .cp4 i {
    background-image: url(../images/fic4.png);
}

.footer .cp5 i {
    background-image: url(../images/fic5.png);
}

.footer .cp6 i {
    background-image: url(../images/fic6.png);
}

.footer .cp7 i {
}

.footer .address i {
    background-image: url(../images/fic7.png);
    vertical-align: middle;
    position: relative;
    top: -0.2rem;
}

.footer .cp .tt {
    display: none;
}

.footer .col2 .con {
    display: flex;
    justify-content: flex-end;
}

.footer .ul2 {
    margin-bottom: 1.7rem;
    justify-content: flex-end;
    margin-top: 2.8rem;
    flex-wrap: wrap;
}

.footer .ul2 li a {
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
}

.footer .ul3 {
    margin-top: 2rem;
    flex-grow: 1;
}

.footer * {
    color: #fff
}

#copyright {
    padding: 2rem 0;
    border-top: 1px solid rgb(255 255 255 / 67%);
    margin-top: 1rem
}

#copyright * {
    font-size: 1.4rem;
    margin-bottom: 0
}

#copyright p a {
    color: #fff
}

.newslist01 li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666
}

.newslist01 li * {
    color: inherit
}

.newslist01 li i {
    flex: 0 0 2.4rem;
    background: url(../images/right.png) no-repeat center/auto 100%;
    height: 1.5rem;
    display: inline-block
}

.newslist01 li a {
    font-size: 1.5rem;
    line-height: 4rem;
    flex: 1 1 auto
}

.newslist01 li a:hover {
    color: var(--color2)
}

.newslist01 li a + span {
    font-size: 1.5rem
}

#pagelist {
    text-align: center;
    padding-bottom: 3rem;
}

#pagelist .goback {
    margin-top: -6rem;
}

.article_list #pagelist {
    margin-top: 2rem
}

#pagelist .current {
    padding: 0 1.4rem
}

#pagelist .current, #pagelist a:hover {
    color: #fff;
    border-color: var(--color1);
    background-color: var(--color1)
}

#pagelist a {
    background: #fff;
    font-size: 1.4rem;
    line-height: 3.4rem;
    display: inline-block;
    overflow: hidden;
    min-width: 5rem;
    height: 3.4rem;
    margin: 0 0.5rem;
    padding: 0 1.1rem;
    transition: 0.2s;
    text-align: center;
    color: #666;
    border-radius: 0;
    border: 0.1rem solid #d7d7d8
}

#pagelist .page-num-current {
    color: var(--color1);
    border-color: var(--color1)
}

.newslist {
    padding-top: 5.5rem
}

#newspage .infotitle:hover {
    color: var(--color1)
}

#newspage .infohit {
    padding-left: 2.2rem;
    background: url("../images/eye.png") no-repeat left;
    margin-left: 2rem
}

#newspage .infohit i {
    vertical-align: middle;
    display: inline-block;
    width: 1.7rem;
    height: 1.1rem;
    background: url("https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/quanhai/images/bg8.png") no-repeat 0 -10.6rem;
    position: relative;
    top: -0.1rem;
    margin-right: 1rem
}

#newspage .more i:hover {
    background: url("https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/quanhai/images/bg8.png") no-repeat -2rem 0
}

#newspage .more i {
    display: inline-block;
    width: 3.6rem;
    height: 3.6rem;
    background: url("https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/quanhai/images/bg8.png") no-repeat -2rem -23rem
}

#newspn_share {
    margin-bottom: 4rem
}

#newspn_share .col2 .con {
    float: right;
    padding-top: 2rem;
    text-align: right
}

#newspn_share .col2 .con .ttl {
    position: relative;
    top: 0.6rem;
    float: left
}

#newsdetailpage {
    margin-bottom: 3rem;
    padding: 0;
    padding-bottom: 0
}

#newsdetailpage > .con {
    margin-bottom: 4rem;
    padding-left: 6rem;
    background: #fff
}

#newsdetailpage .InfoTitle h1 {
    font-weight: 500;
    margin-top: 0;
    text-align: left;
    text-align: center
}

#newsdetailpage .info_from_wrap {
    margin: 1rem 0 6rem;
    padding-bottom: 4rem;
    border-bottom: 0.1rem solid #ddd
}

#newsdetailpage .info_from_wrap span {
    line-height: 2.8rem;
    color: #7b7b7b
}

#newsdetailpage .info_from_wrap {
    text-align: center
}

#newsdetailpage .info_from_wrap * {
    color: #888
}

#newsdetailpage .remark {
    padding-top: 0;
    padding-bottom: 6rem;
    border-bottom: 0.1rem solid #ddd;
    margin-bottom: 6rem
}

#newsdetailpage .remark img {
    height: auto !important
}

#newsdetailpage > .con.newspn.pn {
    padding-top: 3rem;
    border: #ffdead
}

#newsdetailpage > .con.newspn.pn .fr i {
    display: inline-block;
    width: 2.8rem;
    height: 2.4rem;
    margin-right: 0.8rem;
    vertical-align: middle;
    background: url("../images/back.png") no-repeat left
}

#newsdetailpage > .con.newspn.pn .fr a:hover i {
    background-position: right 0.4rem top 0.2rem
}

.newspn.pn * {
    font-size: 1.4rem;
    color: #555
}

.bdsharebuttonbox a {
    position: relative;
    top: 0.9rem
}

.newspn.pn p:before {
    display: block;
    width: 100%
}

.newspn.pn a:hover {
    color: #0052d9
}

.news_detail {
    background: #f6f6f6
}

.news_detail .imgcenter {
    display: block;
    margin: 2rem auto
}

.news_detail .left1 .con {
    padding: 0 3rem 0 0;
    background: #fff
}

.news_detail #maincontent {
    padding: 6rem 0
}

.news_detail .info_from_wrap b {
    font-weight: 400;
    line-height: 4.5rem;
    margin-left: 2.5rem;
    color: #666
}

.news_detail .info_previous_next_wrap {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 3rem;
    margin-top: 3rem;
    color: #555
}

.news_detail .info_previous_next_wrap b {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 3rem
}

.news_detail .info_previous_next_wrap a {
    font-size: 1.4rem;
    line-height: 3rem
}

.news_detail .info_previous_next_wrap a:hover {
    color: var(--color1)
}

.news_detail .left1 {
    padding-right: 1rem
}

.news_detail .goback {
    text-align: right
}

.news_detail .goback a {
    display: block;
    float: right;
    width: 11rem;
    margin-top: 3rem;
    padding: 0.8rem 2rem;
    text-align: center;
    color: #555;
    border: 0.1rem solid #ccc
}

.news_detail .mainpic {
    float: left;
    width: 19rem;
    margin: 0.9rem 2rem 1rem 0
}

.news_detail .crumbs {
    margin-bottom: 3rem;
    border-bottom: 0.1rem solid #ccc
}

.news_detail .imgcenter {
    display: block;
    margin: 2rem auto
}

.news_detail .left1 .con {
    padding: 5.5rem 5rem;
    background: #fff;
    margin-right: 2.5rem;
    border: 0.1rem solid #e5e5e5
}

.news_detail #maincontent {
    padding: 6rem 0
}

.news_detail .InfoTitle h1 {
    font-size: 2.4rem;
    margin-top: -0.5rem;
    margin-bottom: 0;
    color: #333
}

.news_detail .info_from_wrap {
    margin-bottom: 4rem;
    text-align: center;
    padding: 0 0 1rem;
    color: #7b7b7b;
    font-size: 1.4rem;
    border-bottom: 0.1rem solid #ddd
}

.news_detail .info_from_wrap b {
    font-weight: 400;
    line-height: 4.5rem;
    margin-left: 0;
    color: #666
}

.news_detail .info_previous_next_wrap * {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3rem;
    color: #555;
    text-decoration: underline
}

.news_detail .info_previous_next_wrap {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 3rem;
    margin-top: 3rem;
    padding-right: 2rem;
    color: #555
}

.news_detail .info_previous_next_wrap b {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3rem
}

.news_detail .info_previous_next_wrap a {
    font-size: 1.6rem;
    line-height: 3rem
}

.news_detail .info_previous_next_wrap a:hover {
    color: var(--color1)
}

.news_detail .left1 {
    padding-right: 0;
    margin-bottom: 2rem
}

.news_detail .goback {
    text-align: right
}

.news_detail .goback a {
    display: block;
    float: right;
    width: 11rem;
    margin-top: 3rem;
    padding: 0.8rem 2rem;
    text-align: center;
    color: #555;
    border: 0.1rem solid #ccc
}

.news_detail .mainpic {
    float: left;
    width: 19rem;
    margin: 0.9rem 2rem 1rem 0
}

.news_detail .crumbs {
    margin-bottom: 3rem;
    border-bottom: 0.1rem solid #ccc
}

.hotarticles {
    background: #fff;
    padding: 0;
    margin-top: 0;
    margin-bottom: 6.5rem
}

.hotarticles .h4 {
    font-size: 1.8rem;
    margin: 1em 0 2em;
    font-weight: bold;
    border-bottom: 1px solid #eccc;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 0.1rem solid #e2e2e2
}

.hotarticles h3 {
    margin: 0 0 1.5rem;
    padding: 1.5rem;
    font-size: 1.8rem;
    background: rgb(244, 241, 238)
}

.hotarticles a {
    line-height: 1.6;
    font-size: 1.8rem;
    font-weight: 500
}

.body_p_14 .hotarticles a + a {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 1rem;
    margin: 0;
    font-size: 1.6rem
}

.body_p_14 .hotarticles li {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border: 1px solid #eee
}

.hotarticles .sinfo {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 2rem 0 1rem
}

.hotarticles li {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    padding-left: 0;
    border-bottom: 0.1rem solid #e2e2e2;
    position: relative
}

.hotarticles li span {
    display: inline-block;
    margin-top: 0.8rem;
    color: #999;
    font-size: 1.2rem
}

.hotarticles li span i {
    display: inline-block;
    height: 1.3em;
    width: 1.4em;
    background: url(../images/time.png) no-repeat center/auto 1.2rem;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 7px
}

.hotarticles a + span {
    display: block;
    color: #666
}

.hotarticles a:hover {
    color: var(--color1)
}

.long-long-reveal, .long-reveal, .quick-reveal, .to-reveal, .top-reveal {
    visibility: hidden
}

.fancybox-skin {
    padding: 0 !important;
    background: 0 0
}

#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
    z-index: 99999
}

.divttl p[rel="h2"] {
    margin: 4rem 0
}

.divttl h2 .more:hover {
    color: #d9271b
}

.divttl h2 .more {
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.1rem;
    vertical-align: middle;
    color: #666
}

.divttl h2:before {
    display: inline-block;
    width: 0.4rem;
    height: 3.6rem;
    margin-top: -0.5rem;
    margin-right: 1.4rem;
    content: "";
    vertical-align: middle;
    background: #ff554c
}

.bgline1 {
    position: relative;
    width: 100%;
    height: 0.1rem;
    margin: 4rem 0
}

.bgline1:before {
    position: absolute;
    z-index: 18;
    top: 0;
    left: 50%;
    display: block;
    width: 121.5rem;
    height: 1rem;
    margin-left: -60.7rem;
    content: "";
    background: url("../images/bg2.jpg") repeat-x
}

.bgline1:after {
    position: absolute;
    z-index: 8;
    top: 0.4rem;
    left: 0;
    display: block;
    width: 100%;
    height: 0.2rem;
    content: "";
    background: #f1f1f1
}

.title1 {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
    color: #333
}

.title1 .en {
    font-family: "microsoft yahei";
    font-weight: 300;
    position: relative;
    top: 0.1rem;
    left: 1.5rem;
    vertical-align: bottom;
    color: #999
}

.more_r {
    font-size: 1.6rem;
    display: inline-block;
    width: 16rem;
    line-height: 4.6rem;
    text-align: center;
    text-indent: 0;
    color: inherit;
    border: 1px solid #fff;
    border-radius: 100px
}

.more_r:hover {
    background: #fff;
    color: var(--color2)
}

h2.bt {
    font-family: arial;
    font-size: 4.8rem;
    font-weight: 400;
    position: relative;
    display: block;
    padding-bottom: 1.5rem;
    text-align: center;
    color: #333
}

.thehdl1.hdl {
    position: absolute;
    top: 50%;
    left: -4.4rem;
    width: 3.8rem;
    height: 6.8rem;
    margin-top: -2rem;
    cursor: pointer;
    background: url("../images/ar.png") no-repeat left center
}

.thehdl1.hdl.next {
    right: -5rem;
    left: auto;
    background-position: right
}

.itemlist1 .txt {
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 1.6rem;
    color: #666
}

.itemlist1 .nailthumb-image {
    image-rendering: pixelated
}

.itemlist1 .bor {
    padding: 3.2rem 5.5rem 1.5rem;
    background: #fff;
    margin-bottom: 3rem;
    transition: 0.4s
}

.itemlist1 .bor:hover {
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1)
}

.itemlist1.sct_team .bor {
    border: none;
    padding: 0
}

.itemlist1.sct_team .nail {
    margin: 0
}

.itemlist1.sct_team .bor img {
    image-rendering: auto;
    top: 0 !important
}

.itemlist1.sct_team .name {
    background: #fff url("../images/ar4.png") no-repeat right 2rem center;
    padding: 2rem 2.4rem;
    text-align: left
}

.itemlist1.sct_team .txt {
    text-align: left;
    font-size: 1.8rem;
    color: #333;
    display: block;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.itemlist1.sct_team .txt:after {
    content: "";
    display: block;
    position: absolute;
    width: 12rem;
    height: 0.2rem;
    bottom: 0;
    left: 0;
    background: #e6e6e6
}

.itemlist1.sct_team .txt2 {
    font-size: 1.4rem;
    color: #666
}

.body_product .itemlist1 .bor {
    padding: 4.3rem 7.5rem 4rem
}

.borderbox {
    background-color: #fff;
    border: 0.1rem solid #e4e4e4;
    padding: 4rem
}

.pagetitle h1, .pagetitle h2 {
    margin-top: 0
}

.pagetitle .con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0
}

.pagetitle .con > * {
    flex: 0 1 auto
}

.pagetitle .crumbs {
    margin-top: -0.4rem
}

.article_list .item .txt {
    padding: 2.5rem;
    background: #f4f4f4;
    transition: all 0.5s ease
}

.article_list .item .txt5 {
    background: transparent;
    float: left;
    width: calc(100% - 8rem);
    padding: 0;
    padding-left: 2rem
}

.body_search .article_list .item .txt5 {
    padding: 1rem 0 2rem;
    border-bottom: 1px dashed #ddd;
    width: 100%
}

.article_list .item a:hover .txt * {
    color: #fff
}

.article_list .item {
    margin-bottom: 2.8rem;
    padding-right: 2rem
}

.article_list .bg {
    background: #fff;
    padding: 3.5rem 3rem 2rem
}

.article_list .item h3 span {
    font-size: 2rem;
    font-weight: 400;
    display: inline-block;
    padding: 1.5rem 0rem;
    color: #333
}

.article_list .item h3 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: start;
    align-items: center
}

.article_list .item .txt5 h3 {
    display: inline-block;
    position: static;
    margin-bottom: 1.6rem;
    line-height: 1.4;
    margin-top: 0
}

.body_search .article_list .item .txt5 h3 {
    font-size: 1.8rem;
    margin: 0;
    width: 100%;
    display: block;
    color: var(--color1);
    font-weight: bold
}

.body_search .article_list .item .txt5 h3 i {
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    background: url(../images/link.png) no-repeat center/100% auto;
    position: relative;
    top: -6px
}

.article_list .item h3 + div {
    line-height: 2;
    margin-bottom: 2.6rem
}

.article_list .item .sinfo {
    font-size: 1.4rem;
    line-height: 1.9;
    color: #333;
    max-height: calc(1.4rem * 1.9 * 3);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.article_list .item .txt5 .sinfo {
    color: #888;
    line-height: 1.7;
    word-break: break-all
}

.article_list .btn_more {
    margin-top: 3rem;
    background: transparent;
    color: #333;
    padding: 0
}

.article_list .btn_more span {
    font-size: 2rem;
    color: #555
}

.article_list a:hover .btn_more span {
    color: var(--color1)
}

.article_list .item .time {
    font-size: 1.4rem;
    color: #999
}

.article_list .item > a {
    position: relative;
    padding: 0
}

.body_search .article_list .item > a {
    display: inline-block;
    margin-bottom: 0.8rem;
    min-width: 100%
}

.article_list .item > a:hover .txt {
    background: var(--color1)
}

.article_list .item > a:hover img {
    transform: scale(1.2)
}

.article_list .item > a:hover .txt5 {
    background: transparent
}

.article_list .item > a .pic.fl {
    width: 8rem;
    display: block;
    height: 100%;
    background: #f8f8f8;
    text-align: center;
    padding: 1rem 0
}

.article_list .item > a .time1 {
    font-size: 3rem;
    font-weight: bold
}

.article_list .item > a:hover .time1 {
    color: #333
}

.article_list .item > a .time2 {
    display: block;
    color: #666
}

.article_list .img {
    max-height: 28rem
}

.article_list .item img {
    transition: 0.5s ease-in
}

.article_list .item .more {
    color: var(--color1);
    font-size: 1.6rem
}

.article_list .item .more i {
    top: -0.1rem
}

.article_list .item .img {
    margin: 0;
    position: relative;
    overflow: hidden
}

.img img {
    height: auto;
    display: inline
}

.article_detail {
    overflow: hidden;
    /* border-top: 0.1rem solid #e2e2e2; */
    padding-top: 2rem;
    margin-top: -1rem;
}

.article_detail2 {
    padding: 0
}

.shop_content .articletitle {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #eee;
    font-weight: bold
}

.shop_content {
    padding-right: 4rem
}

.shop_content .i_ttl1 {
    margin: 2rem 0 1rem
}

.article_content {
    padding: 4rem 6rem;
    background: #fff;
    border: 1px solid #EDEDED;
}

.article_content.topgap1 {
    padding-top: 0rem
}

.article_content.topgap1:before {
    height: 0.2rem
}

.articleinfo {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    /* border-bottom: 0.1rem solid #e2e2e2 */
}

.articleinfo * {
    font-style: normal;
}

.articleinfo .fl * {
    color: #777
}

.articleinfo .fl a:hover {
    color: var(--color1)
}

.articleinfo .fl span {
    display: inline-block;
    margin-right: 2rem
}

.articleinfo .fl span i {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-right: 7px;
    vertical-align: middle;
    font-style: normal
}

.articleinfo .fl span.source i {
    background-image: url(../images/newspaper.png);
    background-size: 100% auto
}

.articlenav .fl {
    font-size: 1.6rem;
    width: 100%;
    float: none;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5rem;
}

.articlenav .return1 i {
    vertical-align: middle;
    display: inline-block;
    width: 2.3rem;
    height: 1.4rem;
    background: url(../images/return.png) no-repeat center/auto 100%;
    position: relative;
    top: -0.2rem
}

.articlenav .return1 {
    display: block;
    width: 16rem;
    border: 0.1rem solid var(--color1);
    border-radius: 10rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.6rem;
    vertical-align: middle
}

.articlenav .return1 span {
    color: var(--color1)
}

.hdl.roundhdl {
    display: flex !important;
    width: 6.3rem;
    height: 6.3rem;
    text-align: center;
    background: #cccccc;
    border-radius: 10rem;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 3.1rem);
    left: 6rem;
    z-index: 333;
    justify-content: center;
    align-items: center
}

.hdl.roundhdl i {
    width: 1.8rem;
    height: 1.8rem;
    background: url(../images/left.svg) no-repeat center/cover;
    display: block
}

.hdl.roundhdl.next i {
    background-image: url(../images/right.svg)
}

.hdl.roundhdl.next {
    left: auto;
    right: 5rem
}

.product_main_content .content {
    padding-bottom: 3rem;
    border-radius: 1rem
}

.content_slider .slick-slide {
    padding-bottom: 6rem
}

.pagecontent {
    padding-bottom: 6rem
}

.remark {
    font-size: 1.6rem;
    color: #444;
    line-height: 2.1;
    padding-top: 2rem;
    /* border-bottom: 0.1rem solid #e2e2e2 */
}

.remark * {
    font: inherit
}

.remark span, .remark div, .remark p, .remark font {
    font-size: inherit;
    color: inherit;
    line-height: inherit
}

.remark img {
    max-width: 100%;
    height: auto !important
}

.body_8 .abpart1 img {
    margin: 0 4rem 0 0
}

.remark table {
    border: none;
    border-collapse: collapse;
    min-width: 100%
}

.remark table td, .remark table th {
    border: 0.1rem solid #e1e1e1 !important;
    padding: 2rem 2.2rem !important;
    font-size: 1.8rem;
    line-height: 1.7
}

.remark table th {
    background: #f5f5f5;
    font-size: 2.4rem;
    white-space: nowrap;
    line-height: 1.2;
    font-weight: 400;
    color: #555
}

.remark table td * {
    font-size: 1.8rem !important;
    color: #444
}

.space {
    height: 4rem
}

.contactinfo {
    display: flex;
    column-gap: 5rem;
    align-items: start
}

.contactinfo > div.d1 {
    flex: 1;
    min-width: 37rem
}

.contactinfo > div.d2 {
    flex: 1 1 auto
}

.contactinfo > div.d3 {
    flex: 1 0 auto
}

.contactinfo .zixun2 {
    font-size: 2rem;
    margin: 4rem 0 0;
    background: var(--color1);
    color: #fff;
    line-height: 5rem;
    display: inline-block;
    padding: 0 1.5em
}

.contactinfo .qrpic {
    padding: 3.7rem 3rem 2rem;
    background: #f5f5f5;
    text-align: center
}

.contactinfo .qrpic img {
    display: block;
    margin: 0 auto
}

.contactinfo .qrpic span {
    line-height: 3
}

a.btn_mem_chg {
    display: inline-block;
    width: 10rem;
    text-align: center;
    line-height: 4.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    background: #555;
    color: #fff;
    margin: 0
}

.btn_mem_chg.active {
    background: var(--color1)
}

.f1part {
    font-size: 1.8rem;
    line-height: 3.2rem
}

.f2part {
    color: var(--color1);
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.3
}

.body_contact .abpart1 {
    padding-bottom: 0
}

#ctpart2 {
    /* padding-left: 56rem; */
    /* background: url(../images/girl3.png) no-repeat left 16rem bottom 0/27.2rem auto */
    padding: 2rem 10rem;
}

#ctpart2 .ittl p:last-child:before {
    display: none
}

#ctpart2 .ittl {
    text-align: left
}

#ctpart2 .ittl p {
    padding: 0;
    margin: 0
}

.msg_form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    margin-top: 3rem;
    justify-content: flex-start
}

.msg_form .frm_ipt {
    margin-bottom: 2rem;
    flex: auto;
    min-width: 40%;
    background: #fff;
    border: none;
    line-height: 2;
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    border-bottom: 1px solid #eee;
}

.msg_form textarea.frm_ipt {
    width: 100%
}

.msg_form .submit {
    width: 18rem;
    height: 4.6rem;
    background: linear-gradient(90deg, #eb8343, #f2a735);
    border-radius: 2px;
    border: none;
    color: #fff;
    margin-top: 1rem
}

.msg_form .tip {
    font-size: 1.4rem
}

.msg_form .ipt_content {
    flex: 1 1 100%
}

.msg_form .ipt_submit {
    border: none;
    margin: 4rem auto 6rem;
    /* margin-right: 0; */
    font-size: 1.5rem;
    flex: 0 0 19rem;
    min-width: 0;
    padding: 1rem 0;
    background: var(--color1);
    color: #fff;
    border-radius: 100px;
}

.contact_right1 {
    background: #efefef;
    padding: 2rem 4rem 5rem
}

.contact_right1 li {
    display: flex;
    padding: 2rem 0;
    border-bottom: 1px solid #dfdfdf;
    align-items: start
}

.contact_right1 li:last-child {
    border: none;
    padding-bottom: 0
}

.contact_right1 i {
    flex: 0 auto;
    margin-right: 2rem;
    padding-top: 0.5rem
}

.contact_right1 .txt {
    flex: 1
}

.contact_right1 img {
    width: 3rem
}

.contact_right1 .p1 {
    margin-bottom: 0.2rem
}

.contact_right1 .p2 {
    color: #7b7b7b;
    margin: 0
}

.honor {
    padding: 0 0 1rem
}

.productitem .txt {
    border-bottom: 2px solid #fff;
    transition: 0.8s ease
}

.productitem.bor {
    padding-bottom: 4rem;
    border-bottom: 1px solid #d6d6d6;
}

.productitem.bor:hover {
    border-color: #0B94E5;
}

.productitem.bor .img {
    position: relative;
}

.productitem.bor .img img {
    width: 100%;
}

.productitem.bor .img:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #0B94E5 url(../images/right.png) no-repeat center/5rem auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: .4s;
}

.productitem.bor:hover .img:after {
    opacity: 0.87;
}

.productitem:hover .img {
    border-color: var(--color1);
}

.productitem:hover .txt {
    /* box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.15); */
    /* border-bottom-color: var(--color1) */
}

.productitem:hover .txt * {
    color: var(--color1)
}

.productfeedback {
    padding: 0 1rem 5rem
}

.body_job #maincontent {
    padding-top: 40px;
    background: #f7f7f7
}

.joblist .left1 {
    padding-right: 30px
}

.joblist .left1 .con {
    border: 1px solid #dfdfdf;
    margin-bottom: 35px
}

.joblist .left1 .h {
    padding: 3rem 3.4rem;
    position: relative
}

.joblist .left1 .h h3 {
    font-size: 2.2rem;
    color: #353535;
    display: inline-block
}

.joblist .left1 .time {
    font-size: 13px;
    color: #999
}

.joblist .left1 .p1 {
    font-size: 1.8rem;
    color: #7e7e7e;
    line-height: 2
}

.joblist .left1 .more {
    width: 41px;
    height: 41px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    position: absolute;
    top: 60px;
    right: 30px;
    background: url(../images/ar4.png) no-repeat center
}

.joblist .left1 .in {
    padding: 30px 50px 40px;
    border-top: 1px solid #dfdfdf;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 2
}

.contactHr .bgfff {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background: #fff url(../images/iczp.png) right 30px top 30px no-repeat;
    margin-bottom: 14px;
    padding: 3rem
}

.contactHr h3.ttl span {
    font-size: 2rem;
    font-weight: bold
}

.contactHr ul li {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #848484;
    line-height: 30px
}

.contactHr .btns {
    display: flex
}

.contactHr .btns a {
    display: flex;
    flex: 0 0 119.5px;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 120px;
    border-radius: 10px;
    color: #fff;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: calc(33% - 5px)
}

.contactHr .btns a:nth-child(1) {
    background: #53cac4
}

.contactHr .btns a:nth-child(2) {
    background: #8d77fe;
    margin: 0 10px
}

.contactHr .btns a:nth-child(3) {
    background: #f69a57
}

.contactHr .btns .s1 {
    display: block;
    font-size: 16px
}

.contactHr .p1 {
    font-weight: bold;
    font-size: 20px
}

.contactHr .p1 i {
    display: block;
    height: 35px
}

div#maincontent.zeren1 {
    background: #fff url(../images/promiseBg.jpg) no-repeat center bottom/100% auto;
    margin-top: -6rem;
    padding-top: 10rem;
    padding-bottom: 10rem
}

.pagetitle.zerenttl .p2 {
    font-family: futura;
    margin: 2rem 0 0.3rem
}

.pagetitle.zerenttl .p3 {
    font-family: futura;
    font-size: 2.7rem;
    margin-bottom: 6rem
}

.zeren1 .row2 .item {
    padding: 5rem 6rem;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    min-height: 35rem;
    margin-bottom: 6rem
}

.zeren1 .row2 .p1 {
    font-size: 3rem;
    margin: 3rem 0 0.5rem;
    line-height: 1
}

.zeren1 .row2 .p2 {
    font-family: futura;
    font-size: 1.6rem;
    color: #999;
    margin-bottom: 3rem
}

.zeren1 .row2 .p3 {
    font-size: 1.4rem;
    line-height: 2.3
}

.ittl2 p span {
    display: block;
    position: relative;
    padding-bottom: 3rem
}

.ittl2 p span:after {
    content: "";
    display: block;
    width: 5rem;
    height: 4px;
    background: var(--color1);
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    bottom: 1.2rem
}

.ittl2 .p2 {
    line-height: 2;
    font-size: 1.6rem;
    color: #666;
    margin-bottom: 2rem
}

.swiper-pagination-bullet-active {
    background: var(--color1)
}

.zslist .con {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3rem;
    padding: 3rem 0 5rem
}

.zslist .item {
    flex: 0 0 calc(25% - 9rem / 4)
}

.zslist .bor {
    text-align: center
}

.zslist .bor:hover .txt {
    box-shadow: none;
    border: none
}

.zslist .img img {
    max-height: 100%;
    width: auto
}

.zslist .img {
    height: 24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background: #fff;
    border: 1px solid #ddd
}

.zslist a:hover .img {
    border-color: var(--color1)
}

@media screen and (min-width: 1440px) {
    :root {
        --container-width: 1455px
    }

    .container {
        max-width: var(--container-width)
    }
}

@media screen and (min-width: 1921px) {
    #lunbo {
        width: 1920px;
        height: 940px;
    }
}