@font-face {
    font-family: DIN;
    src: url('DIN-Medium.otf')
}

@font-face {
    font-family: WestinghouseSans;
    src: url('WestinghouseSans-No-34.woff2')
}

@font-face {
    font-family: WestinghouseSans-16;
    src: url('WestinghouseSans-No.16.woff')
}

@font-face {
    font-family: FieldGothic;
    src: url('FieldGothic-No-52.woff2')
}

@font-face {
    font-family: "Gotham-Black";
    src: url("Gotham-Black.woff2") format("woff2"), url("Gotham-Black.woff") format("woff"), url("Gotham-Black.ttf") format("truetype"), url("Gotham-Black.eot") format("embedded-opentype"), url("Gotham-Black.svg") format("svg"), url("Gotham-Black.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

body,
input,
h1,
h2,
h3,
h4,
h5,
h6,
p,
textarea,
table,
div,
ul,
li,
select,
td,
th,
em,
span,
i,
button,
code {
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: inherit;
    font-family: 'PingFang SC', 'PingFangMedium', "microsoft yahei";
}

img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    height: auto;
    object-fit: cover;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

ul,
li {
    list-style: none;
}

a,
p,
span,
i,
em {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
}

pre {
    word-break: break-word;
}

:focus {
    outline: none!important;
    border-color: inherit;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

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

h3,
h4,
h5,
h6 {
    font-weight: normal;
}

em,
i {
    font-style: normal;
}

* {
    box-sizing: border-box;
    color: #333;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"] {
    -webkit-appearance: none;
}

input[type="button"] {
    border: none;
}

textarea {
    -webkit-appearance: none;
}

.auto {
    margin: 0 auto;
    max-width: 1300px;
    width: 96%;
}

:hover {
    transition: all .2s;
}

.img_hover_wrap {
    overflow: hidden;
}

.img_hover {
    transition: all .3s;
}

.img_hover:hover {
    transform: scale(1.05, 1.05);
}

.img_traslate {
    transition: all .3s;
}

.img_traslate:hover {
    transform: translateY(-10px);
}

.img_rotate {
    transition: all .3s;
}

.img_rotate:hover {
    transform: rotate(-360deg);
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal!important;
}

.center {
    text-align: center!important;
}

.img {
    /* width: 100%; */
    display: block;
    height: auto;
}

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

.ele {
    position: relative;
}

.ele:before,
.ele:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.ipt {
    display: block;
    border: none;
}

.ipt_button {
    cursor: pointer;
}

.item_scale .icon {
    transition: all .3s;
}

.item_scale:hover .icon {
    transform: scale(1.08, 1.08);
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 3;*/
}

.clamp1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.clamp2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.clamp3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


/* html{font-size: 5.2083vw;} */

body {
    background: #fff;
    overflow-x: hidden;
}

.item {}

.item .imgbox {
    display: block;
    overflow: hidden;
}

.item .img {
    transition: all 1s;
    width: 100%;
    display: block;
}

.item:hover .imgbox .img {
    transform: scale(1.1, 1.1);
}

.zoomimg {
    position: relative;
    overflow: hidden;
    height: 0;
    display: block;
}

.zoomimg .img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.flipx .icon {
    transition: all .3s;
}

.flipx:hover .icon {
    transform: scaleX(-1);
}

.scale .icon {
    transition: all .3s;
}

.scale:hover .icon {
    transform: scale(1.1, 1.1);
}

.underline:hover {
    text-decoration: underline;
}

label {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

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

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: pace-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-pack-start {
    justify-content: flex-start;
}

.flex-pack-end {
    justify-content: flex-end;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-w {
    flex-wrap: wrap;
}

.flex-1 {
    flex: 1;
    overflow: hidden;
}

.flex-11 {
    flex: 1;
}

.img_full {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.relative {
    position: relative;
}

.btn {
    background-color: #295bdd;
    border-radius: 26px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}

.btn:hover {
    background-color: #ffb118;
}


/* index */

.head {
    position: relative;
    z-index: 100;
    background-color: #fff;
}

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

.head .r {
    max-width: 866px;
    flex: 1;
    padding: 35px 0 0;
}

.head .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.hd-logo .img {
    height: 56px;
    width: 248px;
}

.hd-wz {
    font-size: 28px;
    color: rgb(246 80 43);
    font-family: Westinghouse,sans-serif;
}

.hd-sear {
    width: 295px;
}

.hd-sear .form .ipt-txt {
    width: 100%;
    border-radius: 28px;
    font-size: 15px;
    color: #333;
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
    background: url(../images/search.svg) no-repeat 15px center #eaeaea;
    background-size: 22px;
    padding-left: 45px;
}

.hd-nav {
    display: flex;
    justify-content: space-between;
    background-color: #000;
    padding: 0 20px;
    box-sizing: border-box;
}

.hd-nav li {
    display: inline-block;
    vertical-align: middle;
}

.hd-nav li>a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    /* padding: 0 20px; */
}

.hd-nav li.cur>a,
.hd-nav li:hover>a {
    color: #ffa008;
}

.hd-nav li:hover .drop {
    display: block;
}

.hd-nav li:hover .subdrop {
    display: block;
}

.hd-nav li:nth-child(1) .drop {
    background-color: #295bdd;
}

.hd-nav li:nth-child(3) .drop {
    background-color: #71c204;
}

.hd-nav li:nth-child(4) .drop {
    background-color: #f6502b;
}

.hd-nav .drop {
    background-color: #ffb118;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    display: none;
}

.hd-nav .drop::after {
    content: '';
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    z-index: 10;
}

.hd-nav .dropbox {
    display: flex;
}

.hd-nav .lbox {
    flex: 1;
    padding: 30px 0;
}

.hd-nav .t-tit {
    font-size: 36px;
    margin-bottom: 12px;
}

.hd-nav .pics {
    display: flex;
    margin-left: -3%;
}

.hd-nav .pics .grp {
    width: 30.3%;
    margin-left: 3%;
}

.hd-nav .pics .imgbox {
    width: 110px;
    height: 110px;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.hd-nav .pics .img {
    max-width: 66%;
    max-height: 66%;
    width: auto;
    height: auto;
    transition: all .3s;
}

.hd-nav .pics .imgbox:hover .img {
    transform: scale(1.1, 1.1)
}

.hd-nav .rbox {
    width: 866px;
    display: flex;
    /* width: 70%; */
    padding: 15px 0 15px 20px;
    background-color: #000;
    position: relative;
    z-index: 30;
    align-items: flex-start;
}

.hd-nav .col {
    width: 20%;
}

.hd-nav .col .tit {
    display: block;
    font-size: 20px;
}

.hd-nav .col .lks {
    margin-top: 12px;
}

.hd-nav .col .lk {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 12px;
}

.hd-nav .col .tit:hover,
.hd-nav .col .lk:hover {
    text-decoration: underline;
}

.hd-nav .rel {
    position: relative;
}

.hd-nav .subdrop {
    width: 180px;
    background-color: #000;
    padding: 10px 15px;
    position: absolute;
    left: 0;
    display: none;
}

.hd-nav .subdrop .lk {
    display: block;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    padding: 8px 0;
}

.hd-nav .subdrop .lk:hover {
    color: #ffa008;
}

.hd-nav-slide .bgbox {
    display: none;
}

.hd-nav .back {
    display: none;
}

.idx-ban .item {
    position: relative;
}

.idx-ban .item .imgbox {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.idx-ban .item .box {
    width: 90%;
    max-width: 1300px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
}

.idx-ban .item .box.r {
    align-items: end;
}

.idx-ban .item .title {
    font-size: 60px;
    line-height: 1.1;
}

.idx-ban .item .more {
    padding: 0 30px;
    line-height: 42px;
    border-radius: 20px;
    margin-top: 15px;
}

.idx-ban .item1 .title {
    color: #ffb118;
}

.idx-ban .item1 .title {
    color: #ffb118;
}

.idx-ban .item3 .title {
    color: #fff;
}

.idx-ban .item3 .more {
    background-color: #ffb118;
}

.idx-ban .item3 .more:hover {
    background-color: #71c204;
}

.idx-ban .swiper-pagination {
    position: static;
    margin-top: 20px;
    font-size: 0;
}

.idx-ban .swiper-pagination-bullet {
    opacity: 1;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

.idx-ban .swiper-pagination-bullet-active {
    background-color: #295BDD;
    border-color: #295BDD;
}

.idx-s1 {
    margin-top: 60px;
    margin-bottom: 40px;
}

.idx-s1 .row .bt {
    font-size: 300px;
    line-height: .8;
    color: #f6502b;
    font-weight: bold;
    font-family: 'WestinghouseSans';
}

.idx-s1 .row .wz {
    font-size: 20px;
    color: #295bdd;
    line-height: 1.1;
    font-family: 'FieldGothic';
    font-weight: bold;
}

.idx-s1 .row:hover .bt {
    color: #ffb118;
}

.idx-s1 .row1 {
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: relative;
}

.idx-s1 .row1 .img {
    width: 275px;
    height: 275px;
}

.idx-s1 .row1 .wz {
    width: 280px;
    position: absolute;
    top: 40px;
    right: 180px;
}

.idx-s1 .row2 {
    display: flex;
    justify-content: center;
    align-items: baseline;
    position: relative;
}

.idx-s1 .row2 .img {
    width: 550px;
    position: absolute;
    right: 10px;
    top: -38px;
}

.idx-s1 .row2 .wz {
    width: 185px;
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -510px;
}

.idx-s1 .row3 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.idx-s1 .row3 .img {
    width: 320px;
    margin-top: -45px;
}

.idx-s1 .row3 .wz {
    width: 145px;
    position: absolute;
    right: 60px;
}

.idx-s1 .row4 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.idx-s1 .row4 .img {
    width: 315px;
    margin: 0 15px;
}

.idx-s1 .row4 .wz {
    width: 130px;
    margin-left: 30px;
}

.idx-s1 .row5 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.idx-s1 .row5 .img {
    width: 235px;
    position: absolute;
    left: 50%;
    top: -35px;
    margin-left: 160px;
}

.idx-s1 .row5 .wz {
    width: 155px;
}

.idx-s1 .row6 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.idx-s1 .row6 .img {
    width: 240px;
}

.idx-s1 .row6 .wz {
    width: 145px;
    margin: 80px 20px 0 35px;
}

.idx-s1 .row6 .bt {
    margin-left: 150px;
}

.idx-s1 .row7 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.idx-s1 .row7 .img {
    width: 140px;
    position: absolute;
    left: 160px;
    top: -130px;
}

.idx-s1 .row7 .wz {
    width: 135px;
    margin: 80px 10px 0 0;
}

.idx-s1 .row8 {
    position: relative;
    padding-left: 255px;
    display: block;
}

.idx-s1 .row8 .img {
    width: 196px;
    position: absolute;
    left: 90px;
    top: 0;
}

.idx-s1 .row8 .wz {
    width: 330px;
    margin-left: 25px;
}

.idx-s1 .row8 .bt {
    display: block;
}

.idx-s1 .mobilebox {
    display: none;
}

.idx-s2 {
    padding: 60px 0;
    background-color: #295bdd;
}

.idx-s2 .wrap {
    display: flex;
}

.idx-s2 .titbox {
    width: 50%;
    max-width: 430px;
}

.idx-s2 .bt {
    font-size: 54px;
    color: #fff;
    line-height: 1.2;
}

.idx-s2 .line {
    width: 300px;
    height: 40px;
    background-color: #71c204;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

.idx-s2 .txt {
    font-size: 22px;
    color: #fff;
    line-height: 1.6;
}

.idx-s3 {
    background-color: #ffb118;
    padding: 65px 0;
}

.idx-s3 .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.idx-s3 .pics {
    display: flex;
}

.idx-s3 .imgbox {
    width: 215px;
    height: 215px;
    border-radius: 50%;
    display: block;
    background-color: #fff;
    margin-right: 25px;
    overflow: hidden;
}

.idx-s3 .imgbox .pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idx-s3 .bt {
    font-size: 54px;
    color: #fff;
    line-height: 1.2;
}

.idx-s3 .social .icon {
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #000;
    text-align: center;
    line-height: 46px;
    margin: 0 0 10px 10px;
    transition: all .3s;
}

.idx-s3 .social .ic {
    width: 30px;
}

.idx-s3 .social .icon:hover {
    transform: scale(1.06, 1.06);
}

.foot {
    padding: 50px 0;
    background-color: #131313;
    color: #fff;
}

.ft-t {
    display: flex;
    align-items: flex-start;
}

.ft-t .titbox {
    width: 15%;
}

.ft-t .bt {
    font-size: 54px;
    color: #fff;
    line-height: 1.2;
}

.ft-t .more {
    width: 150px;
    line-height: 40px;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.ft-t .list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    overflow: hidden;
    justify-content: space-between;
}

.ft-t .list .item {
    display: flex;
    align-items: flex-start;
    width: 47%;
}

.ft-t .list .date {
    font-size: 16px;
    color: #e22120;
    margin-right: 15px;
    display: block;
}

.ft-t .list .info {
    flex: 1;
    overflow: hidden;
}

.ft-t .list .title {
    font-size: 16px;
    -webkit-line-clamp: 1;
}

.ft-t .list .txt {
    font-size: 16px;
    line-height: 1.5;
    -webkit-line-clamp: 5;
    margin-top: 10px;
}

.ft-menu {
    margin-top: 45px;
}

.ft-menu .lk {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 60px;
}

.ft-menu .lk:last-child {
    margin-right: 0;
}

.ft-menu .lk:hover {
    text-decoration: underline;
}

.ft-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.ft-b .row {
    font-size: 14px;
    line-height: 1.8;
}

.ft-b .row a:hover {
    text-decoration: underline;
}

.ft-b .smlogo {
    height: 64px;
    width: auto;
}


/* 新闻中心 */

.news-banner {
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 30%;
    background-size: cover;
}

.news-list {
    margin-top: 180px;
    margin-bottom: 100px;
}

.news-list .title {
    font-size: 300px;
    font-family: 'WestinghouseSans';
    line-height: .8;
    font-weight: bold;
    border-bottom: 1px #f6502b solid;
    color: #f6502b;
    padding-bottom: 40px;
}

.news-list li {
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px #f6502b solid;
}

.news-list li:last-child {
    border-bottom: 0;
}

.news-list li .pic {
    width: 48%;
    margin-right: 4%;
    height: 320px;
    overflow: hidden;
}

.news-list li .pic img {
    transition: all 1s
}

.news-list li:hover .pic img {
    transform: scale(1.05);
}

.news-list li span {
    display: block;
    font-size: 32px;
    opacity: .8;
    margin-top: 10px;
}

.news-list li .tit {
    display: block;
    font-size: 32px;
}

.news-list li .btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
}


/* 防伪查询 */

.query-banner {
    display: none;
}

.query {
    margin-bottom: 80px;
}

.query input[type='text'] {
    width: 850px;
    height: 50px;
    display: block;
    margin: 0 auto;
    margin-top: 80px;
    font-size: 22px;
    text-align: center;
    border: 1px solid #e1e1e1;
}

.query .tip {
    display: block;
    font-size: 12px;
    display: block;
    margin-top: 10px;
}

.query .tip i {
    color: red;
}

.query .btn {
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 40px;
}


/* 客户服务 */

.service {
    margin-top: 60px;
    margin-bottom: 60px;
}

.service .title {
    font-size: 18px;
}

.service .title span {
    display: block;
    font-size: 14px;
}

.service .content,
.service .content1 {
    background-color: #f8f8f8;
    margin-top: 50px;
    padding: 30px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.service .tel,
.service .form h3 {
    height: 60px;
    line-height: 40px;
    background: #f8f8f8;
    font-family: "Gotham-Black";
    font-size: 22px;
}

.service li {
    width: 28%;
    margin-right: 7%;
    padding: 30px 0;
    font-size: 14px;
}

.service li:nth-of-type(3n) {
    margin-right: 0;
}

.service li .tit {
    color: #295bdd;
    font-weight: bold;
    font-size: 20px;
}

.service .content li .tit a {
    display: none;
    font-family: "Gotham-Black";
}

.service li .text {
    margin-top: 20px;
    opacity: .7;
}

.service .content1 li {
    width: 45%;
    margin-right: 10%;
}

.service .content1 li:nth-child(even) {
    margin-right: 0;
}

.service .content1 .tit a {
    font-family: "Gotham-Black";
}

.service .form {
    background-color: #f8f8f8;
    margin-top: 50px;
    padding: 30px;
}

.service .form h3 {
    font-weight: bold;
}

.service .form .cusBomBox {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.service .form .labName {
    margin-right: 10px;
    font-size: 14px;
}

.service .form span {
    line-height: 25px;
}

.service .form input[type='text'] {
    border: 1px #ddd solid;
    margin-left: 5px;
    padding: 0 5px;
}

.service .form textarea {
    border: 1px #ddd solid;
    padding: 5px;
    width: 100%;
    height: 120px;
    margin-top: 20px;
}

.service .form .btn {
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/* 西屋标志 */

.xi-logo .xi-text {
    margin-top: 50px;
    line-height: 1.8;
    margin-bottom: 80px;
}

.xi-logo .xi-text .pic {
    width: 650px;
    overflow: hidden;
    margin-right: 50px;
}

.xi-logo .xi-text .title {
    font-size: 36px;
    font-weight: 600;
}

.xi-logo .xi-text p {
    font-size: 16px;
    margin-top: 20px;
}

.xi-logo .img,
.xi-logo .text {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.xi-logo .text {
    line-height: 1.6;
    font-size: 16px;
    margin-top: 30px;
}

.xi-logo .logo-text {
    background-color: #007aff;
    font-size: 36px;
    margin-top: 50px;
    color: #FFF;
    height: 140px;
    font-weight: 600;
}

.xi-logo .logo-con .img {
    margin-top: 70px;
    width: 32%;
    margin-right: 2%;
    overflow: hidden;
}

.xi-logo .logo-con .img:nth-of-type(3n) {
    margin-right: 0;
}

.xi-logo .txt {
    line-height: 1.6;
    font-size: 16px;
    margin-top: 30px;
    margin-top: 100px;
    margin-bottom: 70px;
}


/* 关于 */

.about .about-text {
    font-size: 24px;
    font-weight: bold;
    font-weight: 600;
    width: 465px;
    margin-top: 60px;
}

.about .con {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.about .con .pic {
    overflow: hidden;
    margin-top: 60px;
}

.about .con .text {
    width: 470px;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 600;
}

.about .con .text p {
    margin-top: 40px;
}

.about .title {
    font-size: 48px;
    color: #f6502b;
    padding: 0 70px;
    font-size: 90px;
    font-weight: 600;
    margin-top: 70px;
    line-height: 1.2;
}

.about .img {
    margin-top: -160px;
}

.about .histroy img {
    width: 100%
}

.timeline {
    position: absolute;
    right: 30px;
    top: 0;
    width: 280px;
    padding-top: 30px;
}

.timeline::after {
    content: '';
    position: absolute;
    right: 2px;
    width: 4px;
    background-color: #FFF;
    top: 60px;
    bottom: 30px;
}

.fixed-top {
    position: fixed;
    top: 0;
}

.timeline li {
    text-align: right;
    padding-right: 30px;
}

.timeline li a {
    color: #FFF;
    font-family: 'WestinghouseSans';
    font-size: 32px;
    line-height: 2;
}

.timeline li a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FFF;
    transform: translateY(-50%);
    z-index: 99;
}

.timeline li.current a::after {
    background-color: #007aff;
}


/* 西屋全球 */

.quan-banner {
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    ;
    background-size: cover;
}

.quan .title {
    font-size: 68px;
    font-weight: 600;
    line-height: 2;
    color: #295bdd;
}

.quan .content {
    background-color: #295bdd;
    overflow: hidden;
    padding-bottom: 40px;
}

.quan .title1 {
    font-size: 68px;
    font-weight: 600;
    line-height: 2;
    color: #f6502b;
}

.quan .content1 {
    background-color: #f6502b;
    overflow: hidden;
    padding-bottom: 40px;
}

.quan .title2 {
    font-size: 68px;
    font-weight: 600;
    line-height: 2;
    color: #71c204;
}

.quan .content2 {
    background-color: #71c204;
    overflow: hidden;
    padding-bottom: 40px;
}

.quan .title3 {
    font-size: 68px;
    font-weight: 600;
    line-height: 2;
    color: #ffb118;
}

.quan .content3 {
    background-color: #ffb118;
    overflow: hidden;
    padding-bottom: 40px;
}

.quan .title4 {
    font-size: 68px;
    font-weight: 600;
    line-height: 2;
    color: #ffb118;
}

.quan .content4 {
    background-color: #ffb118;
    overflow: hidden;
    padding-bottom: 40px;
}

.quan .swiper-container {
    padding: 0 30px;
    margin-top: 40px;
}

.quan .swiper-container .swiper-slide {
    height: 23vw;
    width: 24vw;
    padding: 7px;
    border-radius: 50%;
    background-color: #FFF;
    padding: 0 100px;
}

.quan .swiper-container .swiper-slide>div {
    width: 100%;
    height: 100%;
}

.quan .swiper-container .swiper-slide img {
    height: 60%;
    width: auto;
    transition: all 1s;
}

.quan .swiper-container .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 7vh;
    font-size: 20px;
    width: 100%;
}

.quan .swiper-container .swiper-slide:hover img {
    transform: scale(1.05);
}

.quan .swiper-container .swiper-button-next,
.quan .swiper-container .swiper-button-prev {
    width: 35px;
    height: 35px;
    background-size: 10px;
    border-radius: 50%;
}

.quan .swiper-container .swiper-button-next {
    right: 50px;
}

.quan .swiper-container .swiper-button-prev {
    left: 50px;
}

.quan .content .swiper-container .swiper-button-next,
.quan .content .swiper-container .swiper-button-prev {
    background-color: #295bdd;
}

.quan .content1 .swiper-container .swiper-button-next,
.quan .content1 .swiper-container .swiper-button-prev {
    background-color: #f6502b;
}

.quan .content2 .swiper-container .swiper-button-next,
.quan .content2 .swiper-container .swiper-button-prev {
    background-color: #71c204;
}

.quan .content3 .swiper-container .swiper-button-next,
.quan .content3 .swiper-container .swiper-button-prev {
    background-color: #ffb118;
}

.quan .content4 .swiper-container .swiper-button-next,
.quan .content4 .swiper-container .swiper-button-prev {
    background-color: #ffb118;
}


/* 面包屑 */

.crumbs {
    font-size: 16px;
    color: #a3a3a3;
    font-weight: 600;
    padding-top: 30px;
    overflow: hidden;
}

.crumbs a {
    color: #a3a3a3;
    margin-right: 15px;
    padding-right: 15px;
}

.crumbs a::after {
    content: '';
    position: absolute;
    right: -4px;
    top: 50%;
    height: 70%;
    transform: translateY(-50%) rotate(15deg);
    width: 2px;
    background-color: #a3a3a3;
}

.crumbs a:last-child::after {
    display: none;
}


/* 菜单三级 */

.three-menu {
    margin-top: 30px;
    margin-bottom: 80px;
}

.three-menu .title-con {
    margin-top: 30px;
    font-weight: 600;
}

.three-menu .title-con .title {
    color: #f6502b;
    font-size: 68px;
    margin-right: 40px;
}

.three-menu .title-con a {
    color: #000;
    text-decoration: underline;
    font-size: 20px;
    padding-top: 15px;
}

.three-menu .title-con a span {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    margin-top: 5px;
}

.three-menu .title-con a span::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    width: 8px;
    height: 8px;
    border-left: 2px #FFF solid;
    border-top: 2px #FFF solid;
    transform: rotate(-45deg);
}

.three-menu .content {
    overflow: hidden;
    background-color: #f6502b;
    margin-top: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.three-menu .list-item {
    width: 33vw;
    height: 0;
    float: left;
    border-radius: 50%;
    background-color: #FFF;
    overflow: hidden;
    margin: 0 30px;
    padding-top: 33%;
}

.three-menu .list-item a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.three-menu .list-item a img {
    max-width: 70%;
    transition: all .5s;
}

.three-menu .list-item a:hover img {
    transform: scale(1.05);
}

.three-menu .list-item p {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    font-weight: bold;
}

.three-menu .list-item:nth-child(5n+1) {
    margin-left: -3.4%;
}

.three-menu .list-item:nth-child(5n+3) {
    margin-right: -3.4%;
}

.three-menu .list-item:nth-child(5n+4) {
    margin-left: 16.5%;
}

.three-menu .pic-con {
    margin-top: 30px;
    ;
}

.three-menu .pic-con .line {
    width: 100%;
    height: 10px;
    background-color: #000;
    margin-bottom: 40px;
}

.three-menu .pic-con .img {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
}

.three-menu .pic-con .img img {
    height: 60px;
}

.three-menu .pic-con .btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}

.three-menu .pic-con .text-content {
    padding-bottom: 80px;
    height: 350px;
}

.three-menu .pic-con .text-content .text {
    color: #f6502b;
    font-size: 68px;
    font-weight: 600;
}

.three-menu .pic-con .text-content .img2 {
    position: absolute;
    left: 0;
    bottom: -160px;
    width: 440px;
}

.three-menu .pic-con .text-content .img3 {
    position: absolute;
    right: 0;
    bottom: -200px;
    width: 380px;
}

.mb-line {
    display: none;
}


/* 列表 */

.pro-list {
    margin-bottom: 30px;
}

.pro-list .line {
    width: 100%;
    height: 4px;
    background-color: #000;
    margin-top: 30px;
}

.pro-list .title {
    font-size: 68px;
    line-height: 1.5;
    color: #f6502b;
    margin-top: 20px;
    font-weight: 600;
}

.pro-list .content {
    margin-top: 40px;
}

.pro-list .sidebar {
    width: 310px;
    padding: 20px;
}

.pro-list .sidebar li {
    font-weight: 600;
    line-height: 1.8;
}

.pro-list .sidebar li .tit {
    font-size: 14px;
    padding-left: 15px;
}

.pro-list .sidebar li .tit::before {
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    width: 0;
    height: 0;
    border-left: 4px transparent solid;
    border-right: 4px transparent solid;
    border-top: 6px #000 solid;
}

.pro-list .sidebar li .tit.cur::before {
    transform: rotate(-180deg);
}

.pro-list .sidebar li .sub {
    font-size: 14px;
    margin-top: 15px;
    height: 220px;
}

.pro-list .sidebar li .sub span {
    opacity: .6;
}

.pro-list .sidebar li .sub a {
    margin-top: 7px;
}

.pro-list .list li {
    width: 32%;
    margin-right: 2%;
    margin-top: 40px;
}

.pro-list .list li:nth-of-type(3n) {
    margin-right: 0;
}

.pro-list .list li .pic {
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

.pro-list .list li .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
}

.pro-list .list li .tit {
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
}

.pro-list .mb-sort {
    display: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 20px;
}

.pro-list .select {
    margin: 0;
    padding: 0;
    border-right: 1px solid #eee;
}

.pro-list .select dt {
    display: inline-block;
    line-height: 50px;
    font-weight: bold;
    padding-left: 15px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    z-index: 99;
    width: 100%;
}

.pro-list .select dt::after {
    top: 50%;
    right: 20px;
    position: absolute;
    content: "";
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-top: -5px;
}

.pro-list .select dt.cur {
    border: 1px solid #409DFE;
    box-shadow: 0 0 3px #409DFE;
}

.pro-list .select dt.cur::after {
    moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -2px;
}

.pro-list .select dd {
    position: absolute;
    left: 0;
    top: 50px;
    border: 1px solid #d2ccc4;
    background: #fff;
    display: none;
    margin: 0;
    width: 100%;
}

.pro-list .select dd ul {
    padding: 4px;
}

.pro-list .select dd ul li a {
    line-height: 35px;
    display: block;
    padding: 0 8px;
}

.pro-list .sidebar-btn {
    padding-left: 15px;
    line-height: 50px;
    font-weight: 600;
}

.pro-list .sidebar-btn::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.8 3.2H3.348C3.6792 4.1288 4.5584 4.8 5.6 4.8C6.6416 4.8 7.5208 4.1288 7.852 3.2H15.2C15.6424 3.2 16 2.8424 16 2.4C16 1.9576 15.6424 1.6 15.2 1.6H7.852C7.5208 0.6712 6.6416 0 5.6 0C4.5584 0 3.6792 0.6712 3.348 1.6H0.8C0.3576 1.6 0 1.9576 0 2.4C0 2.8424 0.3576 3.2 0.8 3.2ZM15.2 12.8H7.852C7.5208 11.8712 6.6416 11.2 5.6 11.2C4.5584 11.2 3.6792 11.8712 3.348 12.8H0.8C0.3576 12.8 0 13.1576 0 13.6C0 14.0424 0.3576 14.4 0.8 14.4H3.348C3.6792 15.3288 4.5584 16 5.6 16C6.6416 16 7.5208 15.3288 7.852 14.4H15.2C15.6424 14.4 16 14.0424 16 13.6C16 13.1576 15.6424 12.8 15.2 12.8ZM15.2 7.2H12.652C12.3208 6.2712 11.4416 5.6 10.4 5.6C9.3584 5.6 8.4792 6.2712 8.148 7.2H0.8C0.3576 7.2 0 7.5576 0 8C0 8.4424 0.3576 8.8 0.8 8.8H8.148C8.4792 9.7288 9.3584 10.4 10.4 10.4C11.4416 10.4 12.3208 9.7288 12.652 8.8H15.2C15.6424 8.8 16 8.4424 16 8C16 7.5576 15.6424 7.2 15.2 7.2ZM5.6 1.6C6.0416 1.6 6.4 1.9584 6.4 2.4C6.4 2.8416 6.0416 3.2 5.6 3.2C5.1584 3.2 4.8 2.8416 4.8 2.4C4.8 1.9584 5.1584 1.6 5.6 1.6ZM5.6 14.4C5.1584 14.4 4.8 14.0416 4.8 13.6C4.8 13.1584 5.1584 12.8 5.6 12.8C6.0416 12.8 6.4 13.1584 6.4 13.6C6.4 14.0416 6.0416 14.4 5.6 14.4ZM10.4 8.8C9.9584 8.8 9.6 8.4416 9.6 8C9.6 7.5584 9.9584 7.2 10.4 7.2C10.8416 7.2 11.2 7.5584 11.2 8C11.2 8.4416 10.8416 8.8 10.4 8.8Z' fill='%23222222'/%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.8 3.2H3.348C3.6792 4.1288 4.5584 4.8 5.6 4.8C6.6416 4.8 7.5208 4.1288 7.852 3.2H15.2C15.6424 3.2 16 2.8424 16 2.4C16 1.9576 15.6424 1.6 15.2 1.6H7.852C7.5208 0.6712 6.6416 0 5.6 0C4.5584 0 3.6792 0.6712 3.348 1.6H0.8C0.3576 1.6 0 1.9576 0 2.4C0 2.8424 0.3576 3.2 0.8 3.2ZM15.2 12.8H7.852C7.5208 11.8712 6.6416 11.2 5.6 11.2C4.5584 11.2 3.6792 11.8712 3.348 12.8H0.8C0.3576 12.8 0 13.1576 0 13.6C0 14.0424 0.3576 14.4 0.8 14.4H3.348C3.6792 15.3288 4.5584 16 5.6 16C6.6416 16 7.5208 15.3288 7.852 14.4H15.2C15.6424 14.4 16 14.0424 16 13.6C16 13.1576 15.6424 12.8 15.2 12.8ZM15.2 7.2H12.652C12.3208 6.2712 11.4416 5.6 10.4 5.6C9.3584 5.6 8.4792 6.2712 8.148 7.2H0.8C0.3576 7.2 0 7.5576 0 8C0 8.4424 0.3576 8.8 0.8 8.8H8.148C8.4792 9.7288 9.3584 10.4 10.4 10.4C11.4416 10.4 12.3208 9.7288 12.652 8.8H15.2C15.6424 8.8 16 8.4424 16 8C16 7.5576 15.6424 7.2 15.2 7.2ZM5.6 1.6C6.0416 1.6 6.4 1.9584 6.4 2.4C6.4 2.8416 6.0416 3.2 5.6 3.2C5.1584 3.2 4.8 2.8416 4.8 2.4C4.8 1.9584 5.1584 1.6 5.6 1.6ZM5.6 14.4C5.1584 14.4 4.8 14.0416 4.8 13.6C4.8 13.1584 5.1584 12.8 5.6 12.8C6.0416 12.8 6.4 13.1584 6.4 13.6C6.4 14.0416 6.0416 14.4 5.6 14.4ZM10.4 8.8C9.9584 8.8 9.6 8.4416 9.6 8C9.6 7.5584 9.9584 7.2 10.4 7.2C10.8416 7.2 11.2 7.5584 11.2 8C11.2 8.4416 10.8416 8.8 10.4 8.8Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3C/g%3E%3C/svg%3E%0A");
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px
}

.mark {
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.sidebar-menu {
    position: fixed;
    right: 0;
    height: 100%;
    background-color: #FFF;
    z-index: 102;
    width: 280px;
    top: 0;
    display: none;
}

.sidebar-menu .tit {
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
    border-bottom: 1px solid #e3e3e3;
}

.sidebar-menu .close-btn {
    background-color: #000;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -40px;
    top: 0
}

.sidebar-menu .close-btn::before,
.sidebar-menu .close-btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(55% - 7px);
    display: block;
    width: 2px;
    height: 25px;
    transform-origin: bottom center;
    background: #fff;
}

.sidebar-menu .close-btn::before {
    -ms-transform: translateX(-5px) translateY(5px) rotate(45deg);
    -webkit-transform: translateX(-5px) translateY(5px) rotate(45deg);
    transform: translate(-5px) translateY(5px) rotate(45deg);
}

.sidebar-menu .close-btn::after {
    -ms-transform: translateX(13px) translateY(5px) rotate(-45deg);
    -webkit-transform: translateX(13px) translateY(5px) rotate(-45deg);
    transform: translate(13px) translateY(5px) rotate(-45deg);
}

.sidebar-menu button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    border: 0;
    height: 50px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
}


/* 产品详情 */

.pro-details {
    margin-bottom: 40px;
}

.pro-details .foucs {
    width: 780px;
    margin-right: 40px;
}

.pro-details .con .text-content h1 {
    margin-top: 50px;
    font-size: 32px;
}

.pro-details .con .text-content .text {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px;
}

.pro-details .con .text-content .text p {
    padding-left: 20px;
}

.pro-details .con .text-content .text p::before {
    content: '';
    position: absolute;
    left: 0;
    border-radius: 50%;
    background-color: #000;
    width: 5px;
    height: 5px;
    top: 12px;
}

.pro-details .con .text-content h3 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 30px;
}

.pro-details .con .text-content .buy a {
    width: 33.3333%;
    height: 95px;
    overflow: hidden;
    padding-right: 3%;
}

.view .swiper-container {
    width: 780px;
    height: 780px;
}

.view .swiper-button-next,
.view .swiper-button-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #007aff;
    background-size: 10px;
}

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

.preview {
    width: 100%;
    position: relative;
}

.preview .swiper-container {
    width: 710px;
    height: 64px;
    margin-left: 35px;
}

.preview .swiper-slide {
    width: 64px;
    height: 64px;
    cursor: pointer;
    margin-right: 15px;
}

.preview .arrow-left {
    background: url(../images/feel3.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview .arrow-right {
    background: url(../images/feel4.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview .active-nav {
    border: 1px solid #F00;
}

.pro-details .body {
    margin-top: 120px;
}

.pro-details .body .tab {
    border-bottom: 1px #f6502b solid;
}

.pro-details .body .tab span {
    padding: 10px 40px;
    font-size: 20px;
    font-weight: 600;
    color: #f6502b;
}

.pro-details .body .tab span.on,
.pro-details .body .tab span:hover {
    background-color: #f6502b;
    color: #FFF;
    cursor: pointer;
}

.pro-details .body .content {
    line-height: 2;
    font-size: 18px;
    margin-top: 40px;
}

.pro-details .body .list-dec {
    margin-top: 30px;
}

.pro-details .body .list-dec p {
    padding-left: 20px;
}

.pro-details .body .list-dec p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
}

.pro-details .body .none {
    display: none;
}

.pro-details .body .table {
    border-top: 2px #f6502b solid;
    border-left: 2px #f6502b solid;
}

.pro-details .body .table td {
    border-right: 2px #f6502b solid;
    border-bottom: 2px #f6502b solid;
    padding: 10px;
    width: 50%;
    font-weight: 600;
}

.pro-details .body .items {
    margin: 20px 30px;
}

.pro-details .body .items .txt {
    opacity: .6;
}

.pro-details .body .items .btn {
    background-color: #f6502b;
    width: 160px;
    line-height: 40px;
    font-weight: 600;
    margin-top: 10px;
}


/* 菜单一级 */

.one-menu {
    overflow: hidden;
}

.one-menu .sidebar-bg-blue::after {
    content: "";
    right: 0;
    height: 100%;
    width: calc(50vw - 650px);
    position: absolute;
    top: 0;
    background-color: #295bdd;
}

.one-menu .title-content {
    margin-top: 50px;
    padding-bottom: 30px;
}

.one-menu .title-content .title {
    font-weight: 600;
    font-size: 48px;
    margin-right: 200px;
}

.one-menu .title-content .text {
    font-size: 20px;
    font-weight: 600;
    margin-right: 90px;
    line-height: 1.8;
}

.one-menu .line {
    width: 100%;
    height: 4px;
    background-color: #000;
    margin-bottom: 30px;
}

.one-menu .line:last-child {
    margin-bottom: 0;
}

.one-menu .pro2 .title-con {
    /* width: 285px; */
}

.one-menu .pro2 .title {
    font-size: 78px;
    font-weight: 600;
    color: #e22120;
}

.one-menu .pro2 .text {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 20px;
}

.one-menu .pro2 .btn {
    background-color: #e22120;
    line-height: 40px;
    padding: 0 30px;
    margin-top: 30px;
}

.one-menu .pro2 .btn:hover {
    background-color: #ffb118;
}

.one-menu .pro2 .pic {
    margin-top: -30px;
    z-index: 9;
    margin-right: -60px;
    margin-bottom: -100px;
    width: 670px;
}

.one-menu .pro3 .pic {
    width: 480px;
}

.one-menu .pro3 .title-con {
    flex: 1;
    /* margin-right: 310px; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.one-menu .pro3 .title {
    font-size: 78px;
    font-weight: 600;
    color: #ffb118;
}

.one-menu .pro3 .text {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 20px;
    width: 310px;
}

.one-menu .pro3 .btn {
    background-color: #ffb118;
    line-height: 40px;
    padding: 0 30px;
    margin-top: 30px;
}

.one-menu .pro3 .btn:hover {
    background-color: #71c204;
}

.one-menu .img {
    width: 100%;
    height: 500px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.one-menu .pro4 .title-con {
    width: 340px;
}

.one-menu .pro4 .title {
    font-size: 78px;
    font-weight: 600;
    color: #295bdd;
}

.one-menu .pro4 .text {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 20px;
}

.one-menu .pro4 .btn {
    background-color: #295bdd;
    line-height: 40px;
    padding: 0 30px;
    margin-top: 30px;
}

.one-menu .pro4 .btn:hover {
    background-color: #ffb118;
}

.one-menu .pro4 .pic {
    padding: 40px;
}

.one-menu .pro5 .pic {
    width: 670px;
    margin-left: -200px;
    margin-bottom: -125px;
    z-index: 9;
    margin-right: 170px;
}

.one-menu .pro5 .title-con {
    margin-right: 270px;
}

.one-menu .pro5 .title {
    font-size: 78px;
    font-weight: 600;
    color: #71c204;
}

.one-menu .pro5 .text {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 20px;
}

.one-menu .pro5 .btn {
    background-color: #71c204;
    line-height: 40px;
    padding: 0 30px;
    margin-top: 30px;
}

.one-menu .pro5 .btn:hover {
    background-color: #ffb118;
}

.one-menu .pro6 .title-con {
    width: 340px;
}

.one-menu .pro6 .title {
    font-size: 78px;
    font-weight: 600;
    color: #e22120;
}

.one-menu .pro6 .text {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 20px;
}

.one-menu .pro6 .btn {
    background-color: #e22120;
    line-height: 40px;
    padding: 0 30px;
    margin-top: 30px;
}

.one-menu .pro6 .btn:hover {
    background-color: #ffb118;
}

.one-menu .pro6 .pic {
    padding: 40px;
}


/* 菜单二级 */

.pro-banner {
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 415px;
}

.pro-banner img {
    display: none;
}

.pro-banner .auto {
    position: absolute;
    z-index: 9;
    color: #FFF;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
}

.pro-banner .title {
    font-size: 80px;
    line-height: 1.2;
    font-weight: 600;
}

.pro-banner .crumbs a {
    color: #FFF;
}

.pro-banner .crumbs a::after {
    background-color: #FFF;
}

.pro-two .content {
    padding: 50px 0;
    overflow: hidden;
}

.pro-two .pro-bg-tangerine {
    background-color: #f6502b;
}

.pro-two .pro-bg-blue {
    background-color: #295bdd;
}

.pro-two .pro-bg-orange {
    background-color: #ffb118;
}

.pro-two .content1 .swiper-container,
.pro-two .content3 .swiper-container {
    margin-left: -15.65vw;
}

.pro-two .content2 .swiper-container {
    margin-right: -15.65vw;
}

.pro-two .swiper-container .swiper-slide {
    height: 24vw;
    width: 24vw;
    padding: 7px;
    border-radius: 50%;
    background-color: #FFF;
    padding: 0 50px;
}

.pro-two .swiper-container .swiper-slide>div {
    width: 100%;
    height: 100%;
}

.pro-two .swiper-container .swiper-slide img {
    height: 60%;
    width: auto;
    transition: all 1s;
}

.pro-two .swiper-container .swiper-slide p {
    position: absolute;
    left: 0;
    bottom: 4vh;
    font-size: 20px;
    width: 100%;
}

.pro-two .swiper-container .swiper-slide:hover img {
    transform: scale(1.05);
}

.pro-two .swiper-container .swiper-button-next,
.pro-two .swiper-container .swiper-button-prev {
    width: 35px;
    height: 35px;
    background-size: 10px;
    border-radius: 50%;
}

.pro-two .swiper-container .swiper-button-next {
    right: 50px;
}

.pro-two .swiper-container .swiper-button-prev {
    left: 50px;
}

.pro-two .swiper-container .swiper-slide:first-child {
    background: none;
    color: #FFF;
    padding: 0 40px;
    flex-direction: flex-end
}

.pro-two .content1 .swiper-button-white {
    background-color: #295bdd;
}

.pro-two .content2 .swiper-button-white {
    background-color: #71c204;
}

.pro-two .content3 .swiper-button-white {
    background-color: #f6502b;
}

.pro-two h2 {
    font-size: 48px;
}

.pro-two .txt {
    font-size: 20px;
    lighting-color: 1.8;
    margin-top: 20px;
}

.pro-two .btn {
    width: 140px;
    line-height: 40px;
    margin-top: 30px;
}

.pro-two .content1 .btn,
.pro-two .content2 .btn:hover {
    background-color: #ffb118;
}

.pro-two .content1 .btn:hover,
.pro-two .content2 .btn,
.pro-two .content3 .btn:hover {
    background-color: #71c204;
}

.pro-two .content3 .btn {
    background-color: #f6502b;
}

.pro-two .content1 .swiper-container .swiper-button-next,
.pro-two .content3 .swiper-container .swiper-button-next {
    right: auto;
}


/* 新闻详情 */

.news-details {
    padding-bottom: 50px;
    padding-top: 70px;
}

.news-details h1 {
    font-size: 50px;
    line-height: 1.4;
}

.news-details .body {
    margin-top: 30px;
}

.news-details .content {
    margin-top: 30px;
}

.news-details .content p {
    font-size: 18px;
    line-height: 2;
    margin: 30px 0;
}

.news-details .sidebar {
    width: 450px;
    margin-left: 70px;
}

.news-details .sidebar .title {
    color: #295bdd;
    font-size: 32px;
    line-height: 1.5;
    font-weight: 600;
}

.news-details .sidebar li {
    margin-top: 30px;
}

.news-details .sidebar .tit {
    color: #295bdd;
    font-size: 24px;
}

.news-details .sidebar .time {
    font-size: 20px;
    line-height: 1.8;
    margin-top: 10px;
}

.news-details .line {
    margin-top: 40px;
    width: 100%;
    height: 10px;
    background-color: #000;
}

.news-details .reading {
    padding-top: 80px;
}

.news-details .reading .title {
    font-size: 58px;
    line-height: 1.5;
    color: #f6502b;
    font-weight: 550;
}

.news-details .reading .content {
    padding: 0 40px;
}

.news-details .reading .card {
    width: 48%;
    margin-right: 4%;
    margin-top: 70px;
}

.news-details .reading .card:last-child {
    margin-right: 0;
}

.news-details .reading .pic {
    width: 50%;
    margin-right: 20px;
}

.news-details .reading .tit {
    font-size: 36px;
    line-height: 1.5;
}

.news-details .reading .time {
    color: #666;
    margin-top: 20px;
    font-size: 24px;
}


/* 搜索结果 */

.search-result {}

.search-content {
    background-color: #f6f6f8;
    padding: 55px 0;
}

.search-content .tit {
    font-size: 20px;
    font-weight: 600;
}

.search-content .search {
    width: 590px;
    margin-top: 10px;
    position: relative;
}

.search-content input[type='text'] {
    border: 1px solid #ebebeb;
    border-radius: 100px 0 0 100px;
    -webkit-border-radius: 100px 0 0 100px;
    -moz-border-radius: 100px 0 0 100px;
    -ms-border-radius: 100px 0 0 100px;
    -o-border-radius: 100px 0 0 100px;
    height: 40px;
    padding: 0 80px 0 20px;
}

.search-content input[type='text']:focus {
    border-color: #000;
}

.search-content .search button {
    width: 68px;
    border: 0;
    background-color: #000;
    border-radius: 0 100px 100px 0;
    -webkit-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    -ms-border-radius: 0 100px 100px 0;
    -o-border-radius: 0 100px 100px 0;
}

.search-title {
    border-bottom: 1px solid #ededed;
    font-size: 18px;
    font-weight: 600;
    padding: 40px 0;
}

.search-key {
    position: absolute;
    left: 0;
    top: 60px;
    width: 800px;
    display: none;
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    z-index: 1003;
}

.search-key .sib {
    width: 224px;
    background-color: #F8F8F8;
    padding: 10px 20px;
}

.search-key .tit {
    font-weight: bold;
    font-size: 12px;
    color: #7a7a7a;
}

.search-key .sib a {
    line-height: 2;
    font-size: 12px;
    display: block;
    font-weight: bold;
}

.search-key .m {
    margin: 10px 0;
}

.search-key .pro-con {
    padding: 10px 15px;
}

.search-key .pro-con .card {
    width: 50%;
    padding: 15px;
}

.search-key .pro-con .card .pic {
    width: 72px;
    overflow: hidden;
    margin-right: 15px;
}

.search-key .pro-con .card .t {
    font-weight: bold;
    font-size: 12px;
}

.search-key .pro-con .card .sku {
    font-weight: bold;
    font-size: 12px;
    color: #7a7a7a;
    margin-top: 10px;
}

.search-key .all {
    border-top: 1px solid #e1e1e1;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 600;
}

.search-head {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #FFF;
    width: 100%;
    height: 64px;
    padding: 10px 15px;
    display: none;
}

.search-head .close {
    display: block;
    width: 20px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 9.0007H3.661L9.658 3.7537C10.074 3.3897 10.116 2.7577 9.753 2.3427C9.387 1.9247 8.756 1.8847 8.342 2.2477L0.342 9.2477C0.334 9.2547 0.331 9.2657 0.323 9.2727C0.25 9.3417 0.195 9.4247 0.146 9.5127C0.128 9.5427 0.101 9.5667 0.087 9.5997C0.032 9.7227 0 9.8567 0 10.0007C0 10.1447 0.032 10.2787 0.087 10.4017C0.101 10.4347 0.128 10.4587 0.146 10.4897C0.196 10.5767 0.25 10.6597 0.323 10.7287C0.331 10.7357 0.334 10.7467 0.342 10.7537L8.342 17.7537C8.531 17.9197 8.766 18.0007 9 18.0007C9.278 18.0007 9.555 17.8857 9.753 17.6587C10.116 17.2437 10.074 16.6117 9.658 16.2477L3.661 11.0007H19C19.553 11.0007 20 10.5537 20 10.0007C20 9.4477 19.553 9.0007 19 9.0007Z' fill='%23637381'/%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='2' width='20' height='17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 9.0007H3.661L9.658 3.7537C10.074 3.3897 10.116 2.7577 9.753 2.3427C9.387 1.9247 8.756 1.8847 8.342 2.2477L0.342 9.2477C0.334 9.2547 0.331 9.2657 0.323 9.2727C0.25 9.3417 0.195 9.4247 0.146 9.5127C0.128 9.5427 0.101 9.5667 0.087 9.5997C0.032 9.7227 0 9.8567 0 10.0007C0 10.1447 0.032 10.2787 0.087 10.4017C0.101 10.4347 0.128 10.4587 0.146 10.4897C0.196 10.5767 0.25 10.6597 0.323 10.7287C0.331 10.7357 0.334 10.7467 0.342 10.7537L8.342 17.7537C8.531 17.9197 8.766 18.0007 9 18.0007C9.278 18.0007 9.555 17.8857 9.753 17.6587C10.116 17.2437 10.074 16.6117 9.658 16.2477L3.661 11.0007H19C19.553 11.0007 20 10.5537 20 10.0007C20 9.4477 19.553 9.0007 19 9.0007Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 15px;
}

.search-head input {
    display: inline-block;
    width: calc(100% - 73px);
    height: 44px;
    margin: 10px 5px;
    padding: 12px 50px 12px 18px;
    background: #fff;
    font-size: 16px;
    line-height: 20px;
    background: #FBFBFB;
    border: 1px solid rgba(34, 34, 34, .2);
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.pages {
    font-size: 24px;
    font-weight: bold;
}

.pages a {
    margin: 0 10px;
    padding-bottom: 5px;
    padding: 5px;
}

.pages a.on {
    border-bottom: 3px #f6502b solid;
}

.pages .next {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #f6502b;
    width: 30px;
    height: 30px;
}

.pages .next span {
    width: 12px;
    height: 12px;
    border-top: 3px #FFF solid;
    border-right: 3px #FFF solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-right: 3px;
}




.terms{
    width: 1200px;
    margin: 0 auto;
}

.terms .title{
    width: 100%;
    font-size: 28px;
    color: #25346a !important;
    text-align: center;
    display: block;
    margin-top: 30px;
}

.terms .colBule{
    width: 100%;
    font-size: 16px;
    color: #2171bd;
    margin: 15px 0;
    display: block;
}

.terms .colBlack{
    width: 100%;
    font-size: 16px;
    color: #000;
    margin: 15px 0;
    display: block;
    line-height: 25px;
}

.terms .txtBox{
    width: 100%;
    margin: 20px 0;
}

.terms .txtBox .tit{
    width: 100%;
    font-size: 18px;
    color: #25346a;
    display: block;
    line-height: 25px;
    margin-bottom: 8px;
}

.terms .txtBox .txt{
    width: 100%;
    font-size: 16px;
    color: #000;
    display: block;
    line-height: 25px;
}

.terms .blue{
    color: #2171bd;
    font-style: normal;
}

.terms .suo{
    margin-left: 30px;
    font-style: normal;
}
.responsiveWrapper {
    margin: 0 auto;
    max-width: 1500px;
}
.yinsi-table{
	width: 100%;
	margin-bottom: 10px;
}
.yinsi-table th,.yinsi-table td{
	border: 1px solid #eee;
	padding: 15px;
	text-align: center;
	font-size: 14px;
	color: #555;
}
.yinsi-table th{
	background: #f3f3f3;
	font-weight: bold;
	color: #333;
}
.yinsi-table .td3{
	width: 600px;
	text-align: left;
}
.yinsi-table a{
	border-bottom: 1px dashed #999;
}


#content {
    background-repeat: no-repeat;
    background-position: 50% 0px;
    background-color: #fff;
    background-origin: content-box;
}

.bread {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e4e4e4;
}

.bread .main {
    width: 1360px;
    height: 40px;
    margin: 0 auto;
}

.bread .main a {
    font-family: "Gotham-Light", "Normal";
    font-size: 12px;
    color: #000;
    opacity: .6;
    line-height: 40px;
    display: block;
    float: left;
    margin-right: 10px;
}

.proTit {
    padding: 52px 0;
    font-family: "Gotham-Light", "Bold";
    font-size: 60px;
    color: #25346a;
    font-weight: bold;
    text-align: center;
}

.proList {
    width: 1360px;
    margin: 0 auto;
    overflow: hidden;
}

.proList li {
    width: 438px;
    height: 513px;
    float: left;
    margin-right: 23px;
    margin-bottom: 40px;
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
}

.proList li:nth-child(3n) {
    margin-right: 0;
}

/* .proList li:nth-child(10),
.proList li:nth-child(11),
.proList li:nth-child(12),
.proList li:nth-child(13),
.proList li:nth-child(14),
.proList li:nth-child(15){
    display: none;
} */

.proList li .imgBox {
    width: 438px;
    height: 268px;
    position: relative;
}

.proList li .imgBox img {
    width: 65%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
}

.proList li .proName {
    width: 358px;
    height: 72px;
    margin: 0 auto;
    font-size: 24px;
    color: #25346a;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 18px;
    position: relative;
}

.proList li .proName span {
    width: 100%;
    /* height: 72px; */
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    font-family: "Gotham-Light", "Bold";
    font-weight: bold;
    display: block;
}

/* .proInfo .proInfoBox .piTxt {
    width: 358px;
    height: 122px;
    margin: 0 auto;
    position: relative;
    font-family: "Gotham-Light","Regular";
    font-size: 13px;
    color: #000;
    line-height: 23px;
} */
.proList li .intro {
    width: 358px;
    height: 122px;
    margin: 0 auto;
    position: relative;
    font-family: "Gotham-Light", "Regular";
    font-size: 13px;
    color: #000;
    line-height: 23px;
}

.proList li .intro span {
    font-family: "Gotham-Light", "Regular";
    font-size: 13px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.proList li .intro .colorSec {
    width: 208px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 34px;
    text-align: right;
}

.proList li .intro .colorSec i {
    width: 18px;
    height: 18px;
    display: inline-block;
    /* float: left; */
    margin-right: 5px;
    position: relative;
}

.proList li .intro .colorSec i.white {
    background: #fff;
}

.proList li .intro .colorSec i.blue {
    background: #bbe7f5;
}

.proList li .btn {
    width: 438px;
    height: 47px;
    background: #2171bd;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
}

.proList li .btn img {
    width: 21px;
    height: 21px;
    position: absolute;
    left: 38%;
    top: 50%;
    transform: translate(0, -50%);
}

.proList li .btn span {
    font-family: "Gotham-Light", "Medium";
    font-size: 15px;
    color: #fff;
    position: absolute;
    right: 38%;
    top: 50%;
    transform: translate(0, -50%);
}

.proList li .btn:hover {
    background: #25346a;
}

.proViewMore {
    width: 180px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-top: 26px;
    background: #2171bd;
    font-family: "Gotham-Light", "Regular";
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.proViewMore:hover {
    background: #25346a;
}

.kitSrc .left:nth-child(2) {
    float: right;
}




@media screen and (min-width: 768px) { 
    .wx_icon_click {
        position: relative;
    }
    .wx_icon_click:hover .ewm_pic {
        display: block;
    }
    .ewm_pic {
        position: absolute;
        left: -56px;
        top: 48px;
        max-width: inherit !important;
        width: 155px;
        display: none;
    }
}
@media screen and (max-width:1021px) {
    
    .wx_icon_click {
        position: relative;
    }
    .wx_icon_click:hover .ewm_pic {
        display: block;
    }
    .ewm_pic {
        position: absolute;
        left: -56px;
        top: 48px;
        max-width: inherit !important;
        width: 155px;
        display: none;
    }


    .idx-s1 .pcbox {
        display: none;
    }
    .idx-s1 .mobilebox {
        display: block;
    }
    .idx-s1 {
        margin: 40px 0 0;
    }
    .idx-s1 .auto {
        width: 100%;
    }
    .idx-s1 .mod {
        padding: 45px 0;
    }
    .idx-s1 .mod .picbox {
        width: 360px;
        height: 360px;
        background-color: #fff;
        border-radius: 50%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx-s1 .mod .picbox .img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
    .idx-s1 .mod .box {
        width: 80%;
        margin: 15px auto 0;
        display: flex;
        align-items: center;
    }
    .idx-s1 .mod .info {
        flex: 1;
        overflow: hidden;
    }
    .idx-s1 .mod .title {
        font-size: 60px;
        color: #fff;
        line-height: 1.1;
        font-weight: bold;
    }
    .idx-s1 .mod .txt {
        font-size: 16px;
        color: #fff;
        margin-top: 25px;
    }
    .idx-s1 .mod .more {
        width: 150px;
        line-height: 40px;
        margin-top: 30px;
    }
    .idx-s1 .mod .imgs {
        margin-left: 25px;
    }
    .idx-s1 .mod .imgbox {
        width: 120px;
        height: 120px;
        background-color: #fff;
        border-radius: 50%;
        margin: 10px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .idx-s1 .mod .imgbox .img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
    .idx-s1 .mod1 {
        background-color: #ffb118;
    }
    .idx-s1 .mod1 .more {
        background-color: #f6502b;
    }
    .idx-s1 .mod1 .more:hover {
        background-color: #71c204;
    }
    .idx-s1 .mod2 {
        background-color: #295bde;
    }
    .idx-s1 .mod2 .more {
        background-color: #71c204;
    }
    .idx-s1 .mod2 .more:hover {
        background-color: #ffb118;
    }
    .idx-s1 .mod3 {
        background-color: #f6502b;
    }
    .idx-s1 .mod3 .more {
        background-color: #295bdd;
    }
    .idx-s1 .mod3 .more:hover {
        background-color: #ffb118;
    }
    .idx-s1 .mod4 {
        background-color: #71c204;
    }
    .idx-s1 .mod4 .more {
        background-color: #295bdd;
    }
    .idx-s1 .mod4 .more:hover {
        background-color: #ffb118;
    }
}
.show-mobile {
    display: none;
}


@media screen and (min-width:981px) and (max-width:1020px) {
    
    .auto {
        width: 94%;
    }
    /* index */
    .idx-ban .item .imgbox {
        height: 550px;
    }
    .idx-ban .item .title {
        font-size: 46px;
    }
    .idx-s1 .mod .picbox {
        width: 300px;
        height: 300px;
    }
    .idx-s1 .mod .title {
        font-size: 55px;
    }
    .idx-s1 .mod .imgbox {
        width: 100px;
        height: 100px;
    }
    .idx-s2 .wrap {
        display: block;
    }
    .idx-s2 .line {
        width: 200px;
        height: 20px;
    }
    .idx-s2 .bt {
        font-size: 40px;
    }
    .idx-s2 .txt {
        margin-top: 25px;
    }
    .idx-s3 .imgbox {
        width: 120px;
        height: 120px;
    }
    .idx-s3 .bt {
        font-size: 40px;
    }
    .idx-s3 .social .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .idx-s3 .social .ic {
        width: 20px;
    }
    .ft-t {
        display: block;
        position: relative;
        padding-bottom: 50px;
    }
    .ft-t .bt {
        font-size: 40px;
    }
    .ft-t .list {
        display: block;
        margin-top: 25px;
    }
    .ft-t .list .item {
        width: 100%;
        margin-bottom: 30px;
    }
    .ft-t .more {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 130px;
    }
    .ft-b {
        flex-direction: column-reverse;
        margin-top: 25px;
    }
    .ft-b .info {
        margin-top: 25px;
    }
    .news-list {
        margin-top: 180px;
    }
    .news-list .title {
        font-size: 200px;
    }
    .query input[type='text'],
    .xi-logo .img,
    .xi-logo .text,
    .about .con {
        width: 100%;
    }
    .about .title,
    .quan .title,
    .quan .title,
    .quan .title1,
    .quan .title2,
    .quan .title3,
    .quan .title4,
    .three-menu .title-con .title {
        font-size: 36px;
    }
    .about .img {
        margin-top: -80px;
    }
    .pro-two .content1 .swiper-container,
    .pro-two .content3 .swiper-container {
        margin-left: 0;
    }
    .pro-two .content2 .swiper-container {
        margin-right: 0;
    }
}

@media screen and (min-width:260px) and (max-width:980px) {
    .nll-title-box {
        padding: 20px 0 20px 30px;
        box-sizing: border-box;
    }
    .nll-title-box h2 {
        font-size: 44px;
        color: #fff;
    }
    .nll-title-box .txt {
        width: 80%;
        font-size: 20px;
        color: #fff;
        margin-top: 12px;
    }
    .nll-btn-sty {
        display: block;
        float: none;
        margin-bottom: 20px;
        background-color: #ffb118;
    }
    .nll-change-one {
        background-color: #71c204;
    }
    .nll-change-two {
        background-color: #f6502b;
    }
.terms{
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    margin: 0 auto;
}

.terms .title{
    width: 100%;
    font-size: 28px;
    color: #25346a !important;
    text-align: center;
    display: block;
    margin-top: 30px;
}

.terms .colBule{
    width: 100%;
    font-size: 16px;
    color: #2171bd;
    margin: 15px 0;
    display: block;
}

.terms .colBlack{
    width: 100%;
    font-size: 16px;
    color: #000;
    margin: 15px 0;
    display: block;
    line-height: 25px;
}

.terms .txtBox{
    width: 100%;
    margin: 20px 0;
}

.terms .txtBox .tit{
    width: 100%;
    font-size: 18px;
    color: #25346a;
    display: block;
    line-height: 25px;
    margin-bottom: 8px;
}

.terms .txtBox .txt{
    width: 100%;
    font-size: 16px;
    color: #000;
    display: block;
    line-height: 25px;
}

.terms .blue{
    color: #2171bd;
    font-style: normal;
}

.terms .suo{
    margin-left: 30px;
    font-style: normal;
}
.responsiveWrapper {
    margin: 0 auto;
    max-width: 1500px;
}
.yinsi-table{
	width: 100%;
	margin-bottom: 10px;
}
.yinsi-table th,.yinsi-table td{
	border: 1px solid #eee;
	padding: 15px;
	text-align: center;
	font-size: 14px;
	color: #555;
}
.yinsi-table th{
	background: #f3f3f3;
	font-weight: bold;
	color: #333;
}
.yinsi-table .td3{
	width: 600px;
	text-align: left;
}
.yinsi-table a{
	border-bottom: 1px dashed #999;
}


#content {
    background-repeat: no-repeat;
    background-position: 50% 0px;
    background-color: #fff;
    background-origin: content-box;
}

.bread {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e4e4e4;
}

.bread .main {
    width: 1360px;
    height: 40px;
    margin: 0 auto;
}

.bread .main a {
    font-family: "Gotham-Light", "Normal";
    font-size: 12px;
    color: #000;
    opacity: .6;
    line-height: 40px;
    display: block;
    float: left;
    margin-right: 10px;
}

.proTit {
    padding: 52px 0;
    font-family: "Gotham-Light", "Bold";
    font-size: 60px;
    color: #25346a;
    font-weight: bold;
    text-align: center;
}

.proList {
    width: 1360px;
    margin: 0 auto;
    overflow: hidden;
}

.proList li {
    width: 438px;
    height: 513px;
    float: left;
    margin-right: 23px;
    margin-bottom: 40px;
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
}

.proList li:nth-child(3n) {
    margin-right: 0;
}

/* .proList li:nth-child(10),
.proList li:nth-child(11),
.proList li:nth-child(12),
.proList li:nth-child(13),
.proList li:nth-child(14),
.proList li:nth-child(15){
    display: none;
} */

.proList li .imgBox {
    width: 438px;
    height: 268px;
    position: relative;
}

.proList li .imgBox img {
    width: 65%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%);
}

.proList li .proName {
    width: 358px;
    height: 72px;
    margin: 0 auto;
    font-size: 24px;
    color: #25346a;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 18px;
    position: relative;
}

.proList li .proName span {
    width: 100%;
    /* height: 72px; */
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    font-family: "Gotham-Light", "Bold";
    font-weight: bold;
    display: block;
}

/* .proInfo .proInfoBox .piTxt {
    width: 358px;
    height: 122px;
    margin: 0 auto;
    position: relative;
    font-family: "Gotham-Light","Regular";
    font-size: 13px;
    color: #000;
    line-height: 23px;
} */
.proList li .intro {
    width: 358px;
    height: 122px;
    margin: 0 auto;
    position: relative;
    font-family: "Gotham-Light", "Regular";
    font-size: 13px;
    color: #000;
    line-height: 23px;
}

.proList li .intro span {
    font-family: "Gotham-Light", "Regular";
    font-size: 13px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.proList li .intro .colorSec {
    width: 208px;
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 34px;
    text-align: right;
}

.proList li .intro .colorSec i {
    width: 18px;
    height: 18px;
    display: inline-block;
    /* float: left; */
    margin-right: 5px;
    position: relative;
}

.proList li .intro .colorSec i.white {
    background: #fff;
}

.proList li .intro .colorSec i.blue {
    background: #bbe7f5;
}

.proList li .btn {
    width: 438px;
    height: 47px;
    background: #2171bd;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
}

.proList li .btn img {
    width: 21px;
    height: 21px;
    position: absolute;
    left: 38%;
    top: 50%;
    transform: translate(0, -50%);
}

.proList li .btn span {
    font-family: "Gotham-Light", "Medium";
    font-size: 15px;
    color: #fff;
    position: absolute;
    right: 38%;
    top: 50%;
    transform: translate(0, -50%);
}

.proList li .btn:hover {
    background: #25346a;
}

.proViewMore {
    width: 180px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-top: 26px;
    background: #2171bd;
    font-family: "Gotham-Light", "Regular";
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.proViewMore:hover {
    background: #25346a;
}

.kitSrc .left:nth-child(2) {
    float: right;
}
.pro-two .swiper-container .swiper-button-prev {
    
    left: 12px;
}
.pro-two .swiper-container .swiper-button-next {
    right: 12px;
}



    .auto {
        width: 92%;
    }
    .sj-menu {
        position: absolute;
        right: 2%;
        top: 50%;
        width: 40px;
        height: 40px;
        background: url(../images/menu.png) no-repeat center;
        background-size: 34px;
        margin-top: -20px;
        display: block;
        z-index: 101;
    }
    .sj-menu.close {
        background: url(../images/close.png) no-repeat center;
        background-size: 34px;
    }
    .head {
        position: sticky;
        padding: 10px 0;
    }
    .head .r {
        padding: 0;
        flex: initial;
    }
    .head .top {
        margin: 0;
    }
    .hd-wz {
        display: none;
    }
    .hd-logo .img {
        height: 50px;
        max-width: initial;
    }
    .hd-sear {
        width: auto;
        margin-right: 55px;
    }
    .hd-sear .icon {
        width: 30px;
        height: 30px;
        background: url(../images/search.svg) no-repeat center;
        background-size: contain;
        display: block;
    }
    .hd-sear .mask {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #000;
        z-index: 102;
        display: none;
    }
    .hd-sear .box {
        background-color: #000;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 103;
        padding: 15px 5px 15px 15px;
        display: flex;
        transform: translate(0, -100%);
        transition: all .3s;
    }
    .hd-sear .box.show {
        transform: translate(0, 0);
    }
    .hd-sear .box .cha {
        width: 38px;
        height: 38px;
        background: url(../images/cha.png) no-repeat center;
        background-size: 24px;
        margin-left: 5px;
    }
    .hd-sear .form {
        flex: 1;
        overflow: hidden;
    }
    .hd-sear .form .ipt-txt {
        background-color: #fff;
    }
    .hd-nav-slide {
        position: fixed;
        width: 100%;
        left: -100%;
        top: 0;
        bottom: 0;
        background-color: #000;
        overflow-y: scroll!important;
        z-index: 102;
        transition: all .3s;
    }
    .hd-nav-slide.show {
        left: 0;
    }
    .hd-nav-slide .bgbox {
        display: block;
        background-color: #ffb118;
        padding-top: 10px;
    }
    .hd-nav-slide .tbox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 5px 0 20px;
        position: relative;
    }
    .hd-nav-slide .smlogo {
        height: 50px;
        width: auto;
    }
    .hd-nav-slide .guanbi {
        width: 38px;
        height: 38px;
        background: url(../images/cha.png) no-repeat center;
        background-size: 24px;
        margin-left: 10px;
    }
    .sj-search {}
    .sj-search .icon {
        width: 28px;
        height: 28px;
        background: url(../images/search-1.svg) no-repeat center;
        background-size: contain;
        display: block;
    }
    .sj-search .box {
        background-color: #ffb118;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        padding: 10px 5px 10px 15px;
        display: flex;
        transition: all .3s;
        display: none;
    }
    .sj-search .box.show {
        display: flex;
    }
    .sj-search .box .cha {
        width: 38px;
        height: 38px;
        background: url(../images/cha.png) no-repeat center;
        background-size: 24px;
        margin-left: 5px;
    }
    .sj-search .form {
        flex: 1;
        overflow: hidden;
    }
    .sj-search .form .ipt-txt {
        width: 100%;
        border-radius: 28px;
        font-size: 15px;
        color: #333;
        padding: 0 20px;
        height: 38px;
        line-height: 38px;
        background: url(../images/search.svg) no-repeat 15px center #fff;
        background-size: 22px;
        padding-left: 45px;
    }
    .hd-popular {
        padding: 15px 0;
    }
    .hd-popular .t-tit {
        font-size: 22px;
        color: #fff;
        margin-bottom: 10px;
        margin-left: 20px;
    }
    .hd-popular .pics {
        white-space: nowrap;
        overflow-x: scroll;
    }
    .hd-popular .pics .grp {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }
    .hd-popular .pics .grp:first-child {
        margin-left: 20px;
    }
    .hd-popular .pics .imgbox {
        width: 136px;
        height: 136px;
        display: flex;
        border-radius: 50%;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        background-color: #fff;
    }
    .hd-popular .pics .img {
        max-width: 66%;
        max-height: 66%;
        width: auto;
        height: auto;
        transition: all .3s;
    }
    .hd-popular .pics::-webkit-scrollbar {
        display: none;
    }
    .hd-nav {
        display: block;
        padding: 15px 0;
        position: relative;
    }
    .hd-nav li {
        display: block;
        position: static;
		padding-left: 20px;
    }
    .hd-nav li>a {
        line-height: 50px;
        position: relative;
    }
    .hd-nav li:hover .drop {
        display: none;
    }
    .hd-nav li:hover .subdrop {
        display: none;
    }
    .hd-nav .lbox {
        display: none;
    }
    .hd-nav .drop {
        background-color: #000!important;
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        z-index: 60;
        padding: 55px 0 15px;
    }
    .hd-nav .drop .auto {
        width: 100%;
    }
    .hd-nav .drop::after {
        display: none;
    }
    .hd-nav .rbox {
        width: 100%;
        display: block;
        padding: 0;
    }
    .hd-nav .col {
        width: 100%;
    }
    .hd-nav .col .lks {
        display: none;
    }
    .hd-nav .col .tit {
        font-size: 18px;
        margin: 8px 0 0 52px;
        line-height: 2;
    }
    .hd-nav .arrow {
        width: 50px;
        height: 50px;
        background: url(../images/arrow.svg) no-repeat center;
        background-size: 22px;
        position: absolute;
        right: 5px;
        top: 0;
    }
    .hd-nav .back {
        position: absolute;
        left: 25px;
        top: 25px;
        display: block;
        z-index: 50;
        font-size: 18px;
        color: #f6502b;
    }
    .hd-nav .back::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        background: url(../images/arrow-1.svg) no-repeat center;
        background-size: contain;
        margin-right: 8px;
        transform: rotate(180deg);
        margin-top: -1px;
    }
    .hd-nav .rel {
        position: static;
    }
    .hd-nav .subdrop {
        background-color: #000!important;
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        z-index: 60;
        padding: 55px 0 15px;
    }
    .hd-nav .subdrop .lk {
        font-size: 18px;
        margin: 8px 0 0 52px;
        line-height: 2;
    }
    /* index */
    .idx-ban {
        margin-bottom: 30px;
    }
    .idx-ban .item .imgbox {
        height: 320px;
    }
    .idx-ban .item .box {
        position: static;
        margin: 30px auto 0;
        transform: translate(0, 0);
        display: block;
    }
    .idx-ban .item .title {
        font-size: 40px;
    }
    .idx-ban .item3 .title {
        color: #295bdd;
    }
    .idx-ban .item2 .imgbox {
        background-position: left center;
    }
    .idx-ban .item3 .imgbox {
        background-position: left center;
    }
    .idx-s1 .mod .picbox {
        width: 280px;
        height: 280px;
    }
    .idx-s1 .mod .box {
        width: 90%;
    }
    .idx-s1 .mod .title {
        font-size: 46px;
    }
    .idx-s1 .mod .imgbox {
        width: 90px;
        height: 90px;
    }
    .idx-s2 .wrap {
        display: block;
    }
    .idx-s2 .line {
        width: 200px;
        height: 20px;
    }
    .idx-s2 .bt {
        font-size: 40px;
    }
    .idx-s2 .txt {
        margin-top: 25px;
        font-size: 18px;
    }
    .idx-s3 .wrap {
        justify-content: flex-start;
    }
    .idx-s3 .pics {
        display: none;
    }
    .idx-s3 .bt {
        font-size: 40px;
        margin-right: 8%;
    }
    .idx-s3 .social .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .idx-s3 .social .ic {
        width: 20px;
    }
    .foot {
        padding: 40px 0 30px;
    }
    .ft-t {
        display: block;
        position: relative;
        padding-bottom: 40px;
    }
    .ft-t .titbox {
        width: 100%;
    }
    .ft-t .bt {
        font-size: 40px;
    }
    .ft-t .list {
        display: block;
        margin-top: 25px;
    }
    .ft-t .list .item {
        width: 100%;
        margin-bottom: 30px;
    }
    .ft-t .list .title {
        font-size: 15px;
    }
    .ft-t .list .txt {
        font-size: 14px;
        margin-top: 5px;
    }
    .ft-t .more {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 120px;
        line-height: 36px;
        font-size: 15px;
    }
    .ft-menu {
        margin-top: 35px;
        text-align: center;
    }
    .ft-menu .lk {
        margin: 0 15px 15px;
    }
    .ft-b {
        flex-direction: column-reverse;
        margin-top: 25px;
    }
    .ft-b .info {
        margin-top: 25px;
    }
    .news-banner,
    .service .tel,
    .timeline,
    .quan-banner {
        display: none;
    }
    .news-list {
        margin-top: 0px;
    }
    .news-list .title {
        font-size: 60px;
    }
    .news-list li {
        flex-flow: column;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .news-list li .pic {
        width: 100%;
        margin-right: 0;
        height: 200px;
    }
    .news-list li .tit {
        margin-top: 20px;
        font-size: 18px;
    }
    .news-list li span {
        font-size: 16px;
    }
    .query-banner,
    .service .content li .tit a {
        display: block;
    }
    .query input[type='text'] {
        width: 100%;
        font-size: 18px;
    }
    .service .content,
    .service .content1,
    .service .form {
        width: 100%;
        padding: 20px;
    }
    .service li,
    .service .content1 li,
    .xi-logo .xi-text .pic {
        width: 100%;
        margin-right: 0;
    }
    .service li .tit {
        font-size: 15px;
    }
    .service .title {
        font-size: 15px;
    }
    .service .form .cusBomBox,
    .xi-logo .img,
    .xi-logo .text,
    .about .con,
    .about .con .text,
    .about .about-text {
        width: 100%;
    }
    .service .form .group,
    .xi-logo .xi-text {
        flex-flow: column;
    }
    .service .form .labName {
        margin-right: 0;
        margin-top: 10px;
    }
    .service .form .labEmail {
        margin-top: 10px;
    }
    .service .form span {
        width: 60px;
    }
    .xi-logo .logo-text {
        font-size: 24px;
        height: 100px;
    }
    .xi-logo .logo-con .img,
    .pro-list .list li {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }
    .xi-logo .xi-text .title,
    .quan .title,
    .quan .title,
    .quan .title1,
    .quan .title2,
    .quan .title3,
    .quan .title4,
    .pro-details .con .text-content h1 {
        font-size: 24px;
    }
    .xi-logo .xi-text p,
    .about .con .text {
        font-size: 14px;
        margin-top: 10px;
    }
    .about .about-text {
        font-size: 18px;
    }
    .about .con .pic {
        margin-top: 20px;
    }
    .about .con .text p {
        margin-top: 20px;
    }
    .about .title {
        font-size: 24px;
        padding: 20px;
        margin-top: 20px;
    }
    .about .img {
        margin-top: -80px;
    }
    .quan .swiper-container .swiper-slide {
        height: calc(100vw - 9vh)!important;
        padding: 0 60px;
    }
    .quan .swiper-container .swiper-slide p {
        bottom: 30px;
        font-size: 16px;
    }
    .three-menu .title-con .title,
    .three-menu .pic-con .text-content .text,
    .pro-list .title {
        font-size: 48px;
    }
    .three-menu .title-con {
        flex-flow: column;
    }
    .three-menu .title-con a {
        font-size: 16px;
    }
    .three-menu .list-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        padding-top: 100%;
        margin-top: 30px;
    }
    .three-menu .content {
        padding: 0 30px 30px 30px;
    }
    .three-menu .pic-con .img,
    .pro-list .sidebar,
    .preview {
        display: none;
    }
    .three-menu .pic-con .text-content .img3 {
        width: 70%;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: -400px;
    }
    .mb-line,
    .pro-list .mb-sort,
    .view .swiper-pagination {
        display: block;
    }
    .three-menu .pic-con .text-content .img2 {
        width: 80%;
    }
    .pro-details .foucs {
        width: 100%;
        margin-right: 0;
    }
    .view .swiper-container {
        width: 100%;
        height: auto;
    }
    .pro-details .body {
        margin-top: 60px;
    }
    .pro-details .body .tab {
        display: none;
    }
    .pro-details .body .content {
        margin-top: 0;
        font-size: 16px;
    }
    .pro-details .body .none {
        display: block;
    }
    .pro-details .body .table td {
        padding: 5px;
    }
    .pro-details .body .items {
        margin-left: 15px;
        margin-right: 15px;
    }
    .pro-details .body .items .btn {
        width: 140px;
    }
    .one-menu .sidebar-bg-blue::after {
        width: 60px;
    }
    .one-menu .title-content .title {
        font-size: 36px;
        margin-right: 0;
        width: 100%;
    }
    .one-menu .title-content .text {
        font-size: 16px;
        margin-top: 30px;
    }
    .one-menu .pro2 .title,
    .one-menu .pro3 .title,
    .one-menu .pro4 .title,
    .one-menu .pro5 .title,
    .one-menu .pro6 .title {
        font-size: 36px;
        margin-top: 40px;
    }
    .set-w-h {
        width: 65% !important;
    }
    .one-menu .pro1 .text,
    .one-menu .pro2 .text,
    .one-menu .pro3 .text,
    .one-menu .pro4 .text,
    .one-menu .pro5 .text,
    .one-menu .pro6 .text {
        font-size: 16px;
    }
    .one-menu .pro2 .title-con {
        width: 70%;
        order: 2;
        margin-bottom: 40px;
    }
    .one-menu .pro2 .pic {
        order: 1;
        width: 80%;
        margin-bottom: 0;
    }
    .one-menu .pro3 .title-con,
    .one-menu .pro6 .title-con {
        width: 60%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .one-menu .pro4 .title-con {
        width: 60%;
    }
    .one-menu .pro4 .pic,
    .one-menu .pro6 .pic {
        flex: none;
        width: 80%;
    }
    .one-menu .pro5 .pic {
        margin-right: 0;
        margin-left: 0;
        width: 80%;
        margin-bottom: 0;
        margin-top: -30px;
    }
    .one-menu .pro5 .title-con {
        margin-right: 40%;
        margin-bottom: 30px;
    }
    .pro-banner img {
        display: block;
    }
    .pro-two .content1 .swiper-container,
    .pro-two .content3 .swiper-container {
        margin-left: 0;
    }
    .pro-two .content2 .swiper-container {
        margin-right: 0;
    }
    .pro-two .swiper-container .swiper-slide {
        /*height: calc(100vw - 3.5vh)!important;*/
        padding: 0 10vw;
    }
    .pro-two .swiper-container .swiper-slide p {
        bottom: 25px;
    }
    .news-details .content {
        flex-flow: column;
    }
    .news-details .sidebar {
        width: 100%;
        margin-left: 0;
    }
    .news-details h1,
    .news-details .sidebar .title,
    .news-details .reading .title {
        font-size: 24px;
    }
    .news-details .content p {
        font-size: 14px;
    }
    .news-details .sidebar .tit {
        font-size: 18px;
    }
    .news-details .sidebar .time {
        font-size: 16px;
    }
    .news-details .reading .content {
        margin-top: 0px;
        padding: 0 20px;
    }
    .news-details .reading .card {
        width: 100%;
        margin-right: 0;
        flex-flow: column;
        margin-top: 30px;
    }
    .news-details .reading .pic {
        width: 100%;
        margin-right: 0;
    }
    .news-details .reading .tit {
        font-size: 20px;
        margin-top: 20px;
    }
    .news-details .reading .time {
        font-size: 18px;
        margin-top: 5px;
    }
    .search-title {
        padding: 20px 0 0 0;
        border-bottom: 0;
    }
    .search-title>div:last-child {
        display: none;
    }
    .search-content {
        padding: 30px 0;
    }
    .search-content .search {
        width: 90%;
    }
    .search-key {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding-top: 80px;
    }
    .search-key .con {
        flex-flow: column;
    }
    .search-key .sib {
        width: 100%;
    }
    .search-key .pro-con .card {
        width: 100%;
    }
    .search-head {
        display: block;
    }
    .search-head input[type='text'] {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        padding: 0 20px;
    }
    .one-menu .img {
        width: auto;
        height: auto;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .one-menu .pro3 .pic img {
        width: 306px;
        height: 410px;
        object-fit: cover;
        margin-left: 12px;
    }
    .one-menu .pro3 .title-con {
        align-items: baseline;
    }
    .one-menu .pro6 .pic {
        padding: 40px 40px 40px 0px;
    }
    .pro-banner .title {
        font-size: 62px;
    }
    .pro-two h2 {
        font-size: 42px;
    }
    .is-pic-show {
        display: none !important;
    }
    .show-mobile {
        display: block !important;
    }
}

.list-lt-box-title {
    margin-bottom: 12px;
    cursor: pointer;
    margin-right: 20px;
    font-size: 20px;
    display: flex;
    
    align-items: center;
    /* position: relative; */
}

.arrow-name {
    margin-left: 6px;
    
    margin-right: 12px;
}

.detail-font {
    margin: 0 8px 0px 0;
    display: flex;
}
.detail-font a {
    font-size: 13px;
}
.detail-font a:hover {
    text-decoration: underline;
    color: #ffb118;
}

.nr-box-posi {
    flex: 1;
}

.show-list-detailbox {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}
/* .list-lt-box-title:hover .nr-box-posi{
    display: block;
} */
.title-name-font {
    font-size: 15px;
}
.list-lt-box-title:hover .title-name-font{
    color: #ffb118;

}
.list-lt-box-title:hover .arrow-name{
    /* color: #ffb118; */
    display: block;
    color: #ffb118;
}
.for-list-box {
    display: flex;
    flex-direction: column;
}

.set-pc-sty {
    display: flex;
    width: 140px;
    text-align: right;
    align-items: center;
    justify-content: flex-end;
}