@charset "utf-8";

/*=============================公共样式=====================================*/
@font-face {
    font-family: BarlowCondensed-SemiBold;
    src: url(../font/BarlowCondensed-SemiBold.ttf);
}

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

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

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

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

:root {
    --wz-color: #FA7D00
}

:root {
    --wz-color2: #FA7D00
}

:root {
    --bt-color: #333333
}

* {
    font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif;
    padding: 0;
    margin: 0;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tfoot,
thead,
th,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

html,
body {
    width: 100%;
    position: relative;
    height: auto;
    font-size: 14px;
    color: var(--font-color);
}

*[align="center"] {
    margin: 0 auto;
}

html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-text-size-adjust: none;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

::-webkit-scrollbar {
    display: none;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c1c1c1;
}

::selection {
    background: #FA7D00;
    color: #fff;
}

::-moz-selection {
    background: #FA7D00;
    color: #fff;
}

::-webkit-selection {
    background: #FA7D00;
    color: #fff;
}

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


a,
input,
img,
:focus {
    mayfish: expression(this.onfocus=this.blur);
    cursor: handbblr:expression(this.onFocus=this.blur());
    /*IE使用*/
    outline-style: none;
    /*FF使用*/
}

/*去除a标签带来的虚框*/
input,
textarea {
    outline-style: none;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}

ul,
li {
    list-style: none
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    color: #ffffff;
}

ins {
    background-color: #FA7D00;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #FA7D00;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
select {
    vertical-align: middle;
    border: 0;
}

input {
    padding: 0 5px;
    vertical-align: middle;
    line-height: normal;
}

input[type="submit"] {
    background-image: none !important;
    border-radius: 0 !important;
}

img {
    max-width: 100%;
}

.table {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%
}

.table_cell {
    display: table-cell;
    vertical-align: middle
}

.bold {
    font-weight: bold;
}

.c-label {
    min-width: 44px;
    height: 22px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 0 9px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.c-label.onsell {
    color: #FA7D00;
    border-color: #FA7D00;
}

.tc {
    width: 100%;
    text-align: center;
}

.pr {
    position: relative;
}

.f12 {
    font-size: 12px;
}

/*css定义超链接四个状态也有顺序的。*/
a:link,
a:visited {
    text-decoration: none;
    cursor: pointer !important;
}

a:hover,
a:active {
    border: none;
    color: #FA7D00;
}






/* 产品中心 */
.cen-banner img {
    width: 100%;
}

.cen-banner .swiper-container .thumb-item {
    width: 100%;
    padding-bottom: 5%;
    text-align: center;
    background-image: url(../images/pro_bg_1.png);
    background-size: 100%;
}

.cen-banner .swiper-container .thumb-item .pic {
    padding: 0 10px;margin-top:-20px;
    box-sizing: border-box;width:70%;
}
.sub_pro_class{margin-top:2%;}
.sub_pro_class .swiper-container .thumb-item .pic{width:65%;margin-top:-10px;}
.cen-banner .swiper-container .thumb-item .txt {font-size: 24px;color: #000;margin-top:-20px;}
.sub_pro_class .swiper-container .thumb-item .txt{font-size: 22px;}
.cen-banner .swiper-container .thumb-item:hover::before {
    width: 100%;
}

.cen-banner .swiper-container .thumb-item:hover .txt {
    color: #FA7D00 !important;
}


.cen-banner .swiper-container .thumb-item::before {
    content: "";
    width: 0;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FA7D00;
    transition: 0.6s ease-in-out;
}

.cen-banner .swiper-container {
    position: relative;
    bottom: 170px;
    width: 100%;
}
.pro_show_con{margin-top:4vw}
 .pro_class .swiper-container{width:80%;margin:0 auto;}
 .pro_class .swiper-container .swiper-wrapper{justify-content: center;}
.cen-banner .swiper-container .swiper-wrapper {
    width: 100%;
}

.cen-banner .active_li .thumb-item {
    padding-top:3%;
}

.cen-banner .swiper-wrapper {
    align-items: flex-end;
}

.cen-banner .active_li .thumb-item {
    border-bottom: 4px solid #FA7D00 !important;
}

.cen-banner .active_li .txt {
    color: #FA7D00 !important;
}

.cen-banner .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-duplicate-active {
    height: 600px !important;
    border-bottom: 2px solid #FA7D00;
}

.xl_pro {
    --swiper-navigation-size: 0;
    position: relative;
    margin: 0 auto;
}

.cen-banner .swiper-container {
    --swiper-navigation-size: 0;
}

.cen-banner .swiper-button-prev .button-prev img {
    position: relative;
    width: 80px;
    height: 80px;
    right: 100px;
    top: -100px;
}
.pro_class{}
/* 导航栏 .cen-banner .swiper-button-next,.cen-banner .swiper-button-prev{display:block;}*/
.cen-banner .swiper-button-next .button-prev img {
    position: relative;
    width: 80px;
    height: 80px;
    left: 100px;
    top: -100px;
}

.footer .f_tel .foot-share .footer-code-item:hover {
    background-color: #FA7D00;
}

/* 导航栏 */
.cen-nav {
    border-bottom: 1px solid rgb(207, 219, 230);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cen-nav .item {
    padding-bottom: 22px;
}


.cen-nav .item a {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 156px;
    height: 100%;
}

.cen-nav .itemHover {
    border-bottom: 4px solid #FA7D00;
}

.cen-nav .item img {
    width: 45px;
    height: 45px;
    margin-right: 6px;
}

.cen-nav .item .ico_hover,
.cen-nav .item:hover .ico_p {
    display: none;
}

.cen-nav .item:hover .ico_hover,
.cen-nav .item.itemHover .ico_hover {
    display: block;
}

.cen-nav .itemHover img:first-child {
    display: none;
}


.cen-nav .item .txt {
    font-size: 24px;
    color: rgb(162, 168, 183);
}


.cen-nav .item.itemHover .txt {
    color: #FA7D00;
}

.cen-nav .item:hover .txt {
    color: #FA7D00;
}

.cen-nav .item:hover {
    border-bottom: 4px solid #FA7D00;
}
.main-content .pro_list_page{padding-top:4.2vw;}
.gngs-page {
    padding-top:4vw;
}

.gngs-page .i_titbox {
    text-align: center;
}

.gngs-page .gngs-banner {
    width: 100%;
    margin-bottom:4.5vw;
    margin-top:2.6vw;
}

.gngs-page .wrap2 {
  
    width: 100%;
    background: url(../images/c-bottom-bg.png);
}
.gngs-page .wrap2 .wrap{  padding:4.5vw 5%;box-sizing:border-box;}
.gngs-page .wrap2 .pic-box {
    margin-top:1.8vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gngs-page .wrap2 .pic-box .r-icon-list {
    width: 54%;
}

.gngs-page .wrap2 .pic-box .r-icon-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.gngs-page .wrap2 .pic-box .r-icon-list ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    margin: 20px 0;

}


.gngs-page .wrap2 .pic-box .r-icon-list ul>li a {
    font-size: 24px;
    color: #000;
    text-align: center;
}
.gngs-page .wrap2 .pic-box .r-icon-list ul>li img {
    width: 4.1vw;
    height: 4.1vw;
    margin-bottom: 10px;
}

.gngs-page .wrap2 .l-pic {
    width:28%;
    text-align: center;
}


.gngs-page .wrap2 .r-txt {
    width: 50%;
    font-size:24px;line-height:42px;
}

.gngs-page .wrap2 .l-pic img {
    width: 100%;
}

.gngs-page .wrap2 .r-pic {
    width: 800px;
    height: 400px;
}


.gngs-page .wrap3 {
    padding-top:4.5vw;
}

/* 新增系列产品中心 */

.gngs-page .gngs-banner-xl {
    display: flex;
    padding: 5.2vw;
    background-image: url(../images/xl-banner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gngs-banner-xl .content-txt {
    width: 50%;
    margin-right: 14vw;
}

.gngs-banner-xl .content-txt .tit {
   
    font-size: 52px;
    color: #000000;
}

.gngs-banner-xl .content-txt .txt {
    margin-top: 2vw;
    font-size: 18px;
    color: #000000;
    line-height: 34px;
}

.gngs-banner-xl .r-pro-img {
    width: 18vw;
}

.gngs-banner-xl .r-pro-img img {
    width: 100%;
}

.gngs-banner-xl .content-txt .btn-box {
    display: flex;
    margin-top: 5vw;
}


.gngs-banner-xl .content-txt .btn-box .btn-item {
    border: 1px solid #ee7300;
    margin-right: 30px;
    color: #ee7300;
    width: 16.67vw;
    height: 4.17vw;max-width:280px;max-height:70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.gngs-banner-xl .content-txt .btn-box .btn-item-active {
    margin-right: 30px;
    color: #fff;
    background-color: #ee7300;
    width: 16.67vw;
    height: 4.17vw;max-width:280px;max-height:70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gngs-page .pro-wrap {
    padding: 5.2vw 0;
    margin-top: 6.56vw;
    width: 100%;
    height: auto;
    background: #F7F7F7;
}

.gngs-page .pro-wrap .pro-list {
    margin-top: 3.23vw;
    display: flex;
    /* justify-content: space-between; */
}



.gngs-page .pro-wrap .pro-list .pro-item {
  padding:1VW .6vw 0;
    background-image: url(../images/xl-pro-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gngs-page .pro-wrap .pro-list .pro-item:not(:last-child) {
    margin-right: 10px;
}


/* end-------- */




.main-content .swiper-container .thumb-item {
    text-align: center;
}

.main-content .swiper-container .thumb-item .imgs {
    width: 100%;
    height: 322px;
}

.main-content .swiper-container .thumb-item .pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-content .swiper-container .thumb-item .txt {
    font-size: 26px;
    color: #000;
    background: rgb(247, 247, 247);
    height:80px;
    line-height: 80px;
}

.main-content .swiper-container {
    width: 100%;margin-top:2.6vw;
    /* height: 400px; */
}

.main-content .swiper-container .swiper-wrapper {
    width: 100%;
    /* height: 400px; */
}


.inElement {
    display: inline-block;
    _zoom: 1;
    *display: inline;
    width: 100% !important
}
.inElement label {
    transition: all .5s;
}

.inSelect label {
    display: block;
    width: 100%;
    border: 1px solid #CFDBE6;
    border-radius: 10px;
    font-weight: normal;
    color: #333;
    vertical-align: top;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
}
.inElement label:focus {
    background: #eee;
}
.inSelect label.hover span {
    color: #fa7d00
}

.inRadio label {
    display: block;
    background: url(../images/form-radio-check-normal.png) no-repeat left center;
    padding-left: 22px;
    cursor: pointer;
}

.inRadio label.hover {
    background-image: url(../images/form-radio-checke-hover.png);
}

.inRadio label.checked {
    background-image: url(../images/form-radio-checked-normal.png);
}

.inRadio label.focus {
    background-image: url(../images/form-radio-checked-hover.png);
}

.inRadio label.full {
    background-image: url(../images/form-radio-full.png);
}

.inRadio label.disabled {
    background-image: url(../images/form-radio-disabled.png);
    color: #999;
    cursor: not-allowed;
}

.inRadio.checked label.hover {
    background-image: url(../images/form-radio-checked-hover.png);
}

.inRadio.checked label.focus {
    background-image: url(../images/form-radio-checked-hover.png);
}

.inCheckbox label {
    display: block;
    background: url(../images/form-check-check-normal.png) no-repeat left center;
    padding-left: 22px;
    cursor: pointer;
}

.inCheckbox label.hover {
    background-image: url(../images/form-check-check-hover.png);
}

.inCheckbox label.checked {
    background-image: url(../images/form-check-checked-normal.png);
}

.inCheckbox label.focus {
    background-image: url(../images/form-check-check-hover.png);
}

.inCheckbox label.full {
    background-image: url(../images/form-check-full.png);
}

.inCheckbox label.disabled {
    background-image: url(../images/form-check-disabled.png);
    color: #999;
    cursor: not-allowed;
}

.inCheckbox.checked label.hover {
    background-image: url(../images/form-check-checked-hover.png);
}

.inCheckbox.checked label.focus {
    background-image: url(../images/form-check-checked-hover.png);
}

.inText label {
    display: block;
    _zoom: 1;
    *display: inline;
    border: 1px solid #DDD;
}

.inText label.hover {
    border-color: #FA7D00;
}

.inText label.focus {
    border-color: #FA7D00;
    box-shadow: 0 0 5px 0 rgba(30, 94, 191, .5);
}

.inText input {
    border: 0;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
}

.inTextarea label {
    display: block;
    border: 1px solid #DDD;
}

.inTextarea label.hover {
    border-color: #FA7D00;
}

.inTextarea label.focus {
    border-color: #FA7D00;
    box-shadow: 0 0 5px 0 rgba(30, 94, 191, .5);
}

.inTextarea label textarea {
    border: 0;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
}


.sub_banner {
    background-position: center center;
    background-size: cover;
    height: 550px;
    position: relative;
}

.sub_banner .title {
    color: #fff;text-align:center;width:100%;
    font-size: 72px;
    letter-spacing: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cen-banner {
    position: relative;
}

.page{margin-top:30px;text-align:center;}
.page a{display:inline-flex;align-items: center;margin:0 6px;padding:5px 14px;border-radius:5px;justify-content: center;cursor: pointer;font-size:15px;color:#222; min-width:16px;height:34px;border:1px solid #CFDBE6;}
.page a:hover,.page a.on{border:1px solid #FA7D00;color:#FA7D00;}
/*移动端翻页*/
	.ph_pages{margin-top:20px;}
		.am-pagination{color:#999;text-align:left}
    .am-pagination:after,.am-pagination:before{content:" ";display:table}
    .am-pagination:after{clear:both}
    .am-pagination>li{display:inline-block}
    .am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em 1em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:5px}
    .am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}
    .am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}
    .am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0e90d2;border-color:#0e90d2;cursor:default}
    .am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
    .am-pagination .am-pagination-prev{float:left}
    .am-pagination .am-pagination-prev a{border-radius:0}
    .am-pagination .am-pagination-next{float:right}
    .am-pagination .am-pagination-next a{border-radius:0}
    .am-pagination-centered{text-align:center}
    .am-pagination-right{text-align:right}
    .am-pagination{position:relative}
    .am-pagination-default{margin-left:10px;margin-right:10px;font-size:1.6rem}
    .am-pagination-default .am-pagination-next,.am-pagination-default .am-pagination-prev{float:none}
    .am-pagination-select{margin-left:10px;margin-right:10px;font-size:14px;}
    .am-pagination-select>li>a{line-height:36px;background-color:#eee;padding:0 15px;border:0;color:#555}
    .am-pagination-select .am-pagination-select{position:absolute;top:0;left:50%;margin-left:-45px;width:90px;height:36px;text-align:center;border-radius:0}
    .am-pagination-select .am-pagination-select select{display:block;border:0;line-height:36px;width:90px;height:36px;border-radius:0;color:#555;background-color:#eee;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:28px}

/* 行业应用 */

/* 导航栏nav */
.position {
    /* position: absolute;
    top: -27px;
    left: 0; */
    padding: 5px 0 14px;
    position: absolute;
}

.position dt {
    float: left;
}

.position dt:hover a {
    color: #FA7D00;

}

.position dt a {
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
}


.position dt:not(:first-child) a::before {
    content: ">";
    margin: 0 6px;
    color: #fff !important;
}

.yy-banner .position {
    position: absolute;
    bottom: 175px;
}

.yy-banner .top-nav {
    position: absolute;
    top: -70px;
    left: 0;
}

.yy-banner {
    width: 100%;
}

.yy-banner .banner-img {
    width: 100%;
}

.yy-banner .top-nav .img-list {
    width: 100%;
    height: 150px;
    display: flex;
}

.yy-banner .top-nav .img-list .img-item a {
    margin-top: 20px;
    margin-right: 20px;
    width: 200px;
    background-color: rgb(247, 247, 247);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    cursor: pointer;
    color: #000;
}

.yy-banner .top-nav .img-list .img-item a .l-txt {
    color: #000;
    font-size: 18px;
}

.yy-banner .top-nav .img-list .img-item .active {
    color: #FA7D00 !important;
    border-bottom: 4px solid #FA7D00;

}


.yy-banner .top-nav .img-list .img-item .r-pic {
    width: 120px;
    height: 120px;
}

.yy-banner .top-nav .img-list .img-item .r-pic img {
    width: 100%;
    height: 100%;
}

.yy-banner .top-nav .img-list .img-item:hover .l-txt {
    color: #FA7D00 !important;
}

.yy-banner .top-nav .img-list .img-item:hover .l-txt {
    color: #FA7D00 !important;
}

/* .yy-banner .top-nav .img-list .img-item:hover {
    border-bottom: 4px solid #FA7D00;
} */

.hy-content {
    margin-top: 200px;
}

.hy-content .hygs {
    display: flex;
}

.hy-content .hygs .left-wrap {
    margin-right: 50px;
    width: 750px;
}

.hy-content .hygs .left-wrap .txt-info {
    margin-top: 55px;
}

.hy-content .hygs .right-wrap {
    width: 800px;
    height: 550px;
}


.hy-content .wrap3 {
    padding: 100px 0;
    margin-top: 50px;
}

.hy-content .swiper-container .thumb-item {
    text-align: center;
    width: 464px;
    height: 458px;
    background: rgb(247, 247, 247);
    cursor: pointer;
}

.hy-content .swiper-container .thumb-item:hover {
    background: #FA7D00;

}

.hy-content .swiper-container .thumb-item:hover .txt {
    color: #fff;
}

.hy-content .swiper-container .thumb-item .pic {
    /* height: 322px; */
    overflow: hidden;

}

.hy-content .swiper-container .thumb-item .pic img {
    width: 100%;
    transition: all 0.5s ease;

}

.hy-content .swiper-container .thumb-item:hover .pic img {
    transform: scale(1.1);

}

.hy-content .swiper-container .thumb-item .txt {
    font-size: 36px;
    color: #000;
    margin-top: 30px;
}

.hy-content .swiper-container {
    margin-top: 100px;
    width: 100%;
}

.hy-content .swiper-container .swiper-wrapper {
    width: 100%;
}



.hy-content .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-left: 53px;
}

.hy-content .father-swiper {
    --swiper-navigation-size: 0;
}

.hy-content .swiper-button-prev .button-prev img {
    position: relative;
    right: 65px;
    top: 367px;
    width: 80px;
    height: 80px;
}

.swiper-button-prev .button-prev .rot-img2,
.swiper-button-next .button-prev .rot-img2 {
    display: none;
}

.swiper-button-prev .button-prev:hover .rot-img2,
.swiper-button-next .button-prev:hover .rot-img2 {
    display: block;

}

.swiper-button-prev .button-prev:hover .rot-img1,
.swiper-button-next .button-prev:hover .rot-img1 {
    display: none;
}

.hy-content .swiper-button-next .button-prev img {
    width: 80px;
    height: 80px;
    position: relative;
    left: 102px;
    top: 367px;
}

.yy-banner .top-nav {
    position: absolute;
    /* top: -70px; */
    left: 0;
}




.swiperBtn {
    position: absolute;
    left: -5.2vw;
    bottom: 65%;
    width: 4.17vw;
    height: 4.17vw;
    max-width: 100px;
    max-height: 100px;
    background: url(../images/arrow_left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;

}

.swiperBtn:hover {
    background: url(../images/arrow_left1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.swiperBtn_r:hover {
    background: url(../images/arrow_right1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.swiperBtn_r {
    position: absolute;
    right: -4.96vw;
    bottom: 65%;
    width: 4.17vw;
    height: 4.17vw;
    max-width: 100px;
    max-height: 100px;
    background: url(../images/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.gngs-page .wrap3 .father-swiper .swiperBtn,
.gngs-page .wrap3 .father-swiper .swiperBtn_r {
    bottom: 50% !important;
}

.xl_pro .swiperBtn,
.xl_pro .swiperBtn_r {
    top: -40%;
}

.my-button-disabled {
    display: none;
}

/* 走进埃科 */

/* 简介 */
.join-banner {
    position: relative;
    width: 100%;
}

.join-banner .banner-img {
    width: 100%;
}

.join-banner .title {
    color: #fff;
    font-size: 72px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.join-banner .top-nav .position {
    position: absolute;
    top: -100px;
    left: 0;
    padding: 5px 0 14px;
    position: absolute;
}

.intro-content {
    margin-top: 100px;

}

.intro-content .info-main .i_titbox {
    text-align: center !important;
}

.intro-content .info-main .news-info {
    display: flex;
    justify-content: space-between;
    color: #5B6172;
    font-size: 24px;
    margin: 0 auto;
    margin-top: 70px;

}

.intro-content .info-main .news-info .code {
    font-size: 36px;
    color: #FA7D00;
    font-weight: bold;
}

.intro-content .info-main .news-info p {
    font-size: 20px;
    color: #5B6172;
    font-weight: bold;
}

.intro-content .info-main .news-info .r-text {
    width: 60%;
}

.intro-content .info-main .news-info .r-text p {
    font-size: 20px;
    color: #5B6172;
    line-height: 1.6;
    font-weight: normal;
}



/**/
.ny-navbox {
    background-color: rgb(248, 248, 248);
    position: relative;
    height: 75px;
}



.ny-navbox .n-nav {
    position: relative;
}

.ny-navbox .n-nav a {
    display: inline-block;
    height: 75px;
    font-size: 16px;
    float: left;
    line-height: 75px;
    color: #363636;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 2.875rem;
}

.ny-navbox .n-nav a strong {
    display: block;
    position: relative;
    z-index: 4;
    height: 75px;
    line-height: 75px;
    transition: 0.6s ease-in-out;
    font-weight: normal;
}

.ny-navbox .n-nav a:before {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #FA7D00;
    transition: 0.6s ease-in-out;
}

.ny-navbox .n-nav .on:before,
.n-nav a:hover:before {
    width: 100%;
}

.ny-navbox .n-nav .on,
.n-nav a:hover {
    height: 75px;
    line-height: 75px;
    color: #FA7D00;
}

.intro-content .info-main .top-box {
    background-image: url(../images/count_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 190px;
    border-bottom: 1px solid #CFDBE6;
}

.intro-content .info-main .top-box .i_tit {
    width: 26vw;
    text-align: left;
    font-size: 3.13vw;

}

.intro-content .info-main .num-box ul {
    margin: 150px auto;
    width: 70%;
    display: flex;
    justify-content: space-between;
}

.intro-content .info-main .num-box ul>li:not(:last-child) {
    margin-right: 50px;
}

.intro-content .info-main .num-box ul>li {
    display: flex;
    align-items: center;
    padding-left: 50px;
    width: 500px;
    height: 220px;
    background-color: #F7F7F7;
}

.intro-content .info-main .num-box ul>li>img {
    margin-right: 50px;
    width: 80px;
    height: 80px;

}



.intro-content .info-main .num-box ul>li big {
    font-size: 48px;
}

.intro-content .info-main .num-box ul>li h6 {
    font-size: 24px;
    color: #5B6172;
}

.intro-content .info-main .video {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 100px;
}

/* 埃科历程 */

.history-content {
    margin-top: 100px;
}

.history-content .history-wrap {
    margin-top: 100px;
    padding-bottom: 100px;
    background-image: url(../images/his-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.history-content .history-wrap .line {
    width: 100%;
    height: 1px;
    background-color: #CFDBE6;
    position: relative;
    top: 151px;
}


.history-content .history-wrap .swiper-slide {
    margin-left: 30px;
}

.history-content .history-wrap .swiper-slide .date-item {
    width: 600px;
    height: 800px;
    color: #000;
}

.history-content .history-wrap .swiper-slide .date-item .top-cir:hover {
    background-image: url(../images/circle2.png);

}

.history-content .history-wrap .swiper-slide .date-item .top-cir {
    margin-bottom: 56px;
    width: 320px;
    height: 320px;
    background-image: url(../images/circle1.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 46px;
    font-weight: bold;
    color: #FA7D00;
}

.history-content .history-wrap .swiper-slide .date-item .news-list p {
    font-size: 18px;
    margin: 15px 0;
    color: #000;
}

.history-content .history-wrap .swiper-slide .date-item .news-list p {
    font-size: 18px;
    margin: 10px 0;
    color: #000;
}

.history-content .father-swiper {
    position: relative;
    --swiper-navigation-size: 0;
}

.history-content .swiper-button-prev .button-prev img {
    position: relative;
    right: 54px;
    bottom: 247px;
    width: 80px;
    height: 80px;
}

.history-content .swiper-button-next .button-prev img {
    width: 80px;
    height: 80px;
    position: relative;
    left: 54px;
    bottom: 247px;
}


.history-content .swiper-button-prev .button-prev .rot-img2,
.history-content .swiper-button-next .button-prev .rot-img2 {
    display: none;
}

.history-content .swiper-button-prev .button-prev:hover .rot-img2,
.history-content .swiper-button-next .button-prev:hover .rot-img2 {
    display: block;

}

.history-content .swiper-button-prev .button-prev:hover .rot-img1,
.history-content .swiper-button-next .button-prev:hover .rot-img1 {
    display: none;
}

::v-deep.swiper-button-prev {
    top: 41% !important;
}






/* 埃科荣誉 */

.honor-content {
    margin-bottom: 100px;
}

.honor-content .honor_list {
    margin-top: 30px;
}

.honor-content .honor_list .more {
    margin: 0 auto;
}

.honor_list ul li {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    background: #FFFFFF;
}

.honor_list ul li .box {
    width: 500px;
    height: 458px;
    display: block;
    background-color: #FFF5E6;
}

.honor_list ul li .img {
    height: 322px;
    overflow: hidden;
}

.honor_list ul li .img img {
    max-width: 100%;
    width: 100%;
    transition: all 0.5s ease;
    cursor: pointer;
}

.honor_list ul li .text {
    text-align: center;
    margin-top: 10px;
}

.honor_list ul li .text .b-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.honor_list ul li .text .b-txt img {
    width: 60px;
    height: 60px;
}

.honor_list ul li .text h3 {
    margin: 0 40px;
    color: #333333;
    font-size: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.honor_list ul li:hover .text h3 {
    color: #FA7D00;
}

.honor_list ul li:hover .img img {
    transform: scale(1.1);
}


/* <!-- 埃科·文化 --> */
.culture-content {
    margin-bottom: 100px;
}

.culture-content .culture_list ul {
    display: flex;
    margin-top: 50px;
}

.culture-content .culture_list ul>li:not(:last-child) {
    margin-right: 40px;
}

.culture-content .culture_list ul>li {
    padding: 50px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 370px;
    height: 600px;
    background-color: #F8F8F8;
    cursor: pointer;
}

.culture-content .culture_list ul>li:hover .txt {
    color: #FA7D00;
}

.culture-content .culture_list ul>li>img {
    width: 140px;
    height: 140px;
}

.culture-content .culture_list ul>li>.txt {
    margin: 60px 0;
    font-size: 36px;
    font-weight: bold;
}

.culture-content .culture_list ul>li>.line {
    width: 100%;
    height: 2px;
    background-color: #CFDBE6;
    margin-bottom: 100px;
}

.culture-content .culture_list ul>li>.content {
    font-size: 22px;
    line-height: 2;
}

.culture-banner {
    position: relative;
    width: 100%;
    height: 900px;
    background-image: url(../images/cutr-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 100px;
    margin-bottom: 500px;
}

.culture-banner .cult-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 100px;
    height: 524px;
    background-color: #F8F8F8;
    position: absolute;
    top: 634px;
}

.culture-banner .cult-list ul>li>.txt {
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: bold;
}

.culture-banner .cult-list ul>li>.content {
    width: 600px;
    font-size: 22px;
    line-height: 2;
    color: #5B6172;
}


/* 投资者关系 */
.relat_guquan {
    margin-bottom: 60px;
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: #e5e5e5 1px solid;
}

/* .relat_guquan .wrap{max-width:1300px;} */
.relat_guquan .tit {
    margin-bottom: 30px;
}

.relat_guquan .tit h1 {
    font-size: 18px;
}

.relat_guquan .pic_box {
    display: flex;
    justify-content: space-between;
    padding: 0 120px;
}

.relat_guquan .investor-tab {
    margin-top: 30px;
}

.relat_guquan .investor-tab ul {
    display: flex;
}

.relat_guquan .investor-tab ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.relat_guquan .investor-tab ul li a {
    display: block;
    line-height: 80px;
    text-align: center;
    height: 80px;
    font-size: 24px;
    color: #FA7D00;
    background: #E5E5E5;
    border: 1px solid #ffffff;
}

.relat_guquan .investor-tab ul li.active a {
    color: #ffffff;
    background: #FA7D00;
}

/**/
.relat-navbox {
    border-bottom: 1px solid #CFDBE6;
}

.relat-navbox .n-nav {
    position: relative;
}

.relat-navbox .n-nav a {
    display: inline-block;
    height: 75px;
    font-size: 24px;
    float: left;
    line-height: 75px;
    color: #363636;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 2.875rem;
}

.relat-navbox .n-nav a strong {
    display: block;
    position: relative;
    z-index: 4;
    height: 75px;
    line-height: 75px;
    transition: 0.6s ease-in-out;
    font-weight: normal;
}

.relat-navbox .n-nav a:before {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #FA7D00;
    transition: 0.6s ease-in-out;
}

.relat-navbox .n-nav .on:before,
.n-nav a:hover:before {
    width: 100%;
}

.relat-navbox .n-nav .on,
.n-nav a:hover {
    height: 75px;
    line-height: 75px;
    color: #FA7D00;
}



/* 登录 */
/**/
.login_banner {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 0;
    height: 990px;
}

.login_banner .bg {
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#login_box {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 6px rgba(0 0 0 /0.05);
    margin: 100px auto;
    float: right;
    width: 500px;
    height: 605px;
}

#login_box .tit {
    padding: 50px 0 0 30px;
    font-size: 36px;
}

#login_box .login_form {
    padding: 20px 20px 30px;
}

#login_box .login_form .forget-pwd {
    font-size: 18px;
    color: #C2C4CC;
    display: flex;
    justify-content: end;
    margin-bottom: 40px;
}

#login_box .login_form label {
    display: flex;
    align-items: center;
    height: 70px;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
    padding: 0 20px;
}

#login_box .login_form label:after {
    content: '';
    display: block;
    overflow: hidden;
    clear: both;
}

#login_box .login_form label i {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    font-family: 'iconfont';
    font-size: 20px;
    color: #888888;
    text-align: center;
}


#login_box .login_form label input {
    border-radius: 10px !important;
    font-size: 18px;
    width: calc(100% - 60px);
    float: left;
    border: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

#login_box .login_form label.button {
    border: 0;
    padding: 0;
    border-radius: 10px;
}

#login_box .login_form label.button2 {
    border: 0;
    padding: 0;
    border-radius: 10px;
    background: #F7F7F7;
    color: #5B6172;
}

#login_box .login_form label.button2 input {
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 14px;
    color: #5B6172;
    cursor: pointer;
    font-size: 18px;
}

#login_box .login_form label.button input {
    width: 100%;
    height: 100%;
    padding: 0;
    background: #FA7D00;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

#login_box .login_form label input::placeholder {
    color: #C2C4CC;
}

#login_box .login_form p {
    font-size: 14px;
    color: #999999;
}

#login_box .login_form p span {
    padding: 0 5px;
}

#login_box .login_form p a {
    color: #666666;
}

#login_box .login_form p a:hover {
    color: #FA7D00;
}

/* 注册 */
#register_box {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 6px rgba(0 0 0 /0.05);
    margin: 100px auto;
    float: right;
    height: 605px;
}

#register_box .tit {
    padding: 50px 0 0 30px;
    font-size: 36px;
}

#register_box .login_form {
    padding: 20px 20px 30px;
}

#register_box .login_form .form_list {
    display: flex;
}

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

#register_box .login_form .bottom-btn p i {
    color: #FA7D00;
    margin-left: 5px;
}

#register_box .login_form .form_list .l-list {
    margin-right: 20px;
}

#register_box .login_form .forget-pwd {
    font-size: 18px;
    display: flex;
    justify-content: end;
    margin-bottom: 40px;
}

#register_box .login_form label {
    display: flex;
    align-items: center;
    width: 400px;
    height: 70px;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
    padding: 0 20px;
}

#register_box .login_form label:after {
    content: '';
    display: block;
    overflow: hidden;
    clear: both;
}

#register_box .login_form label i {
    display: flex;
    align-items: center;
    width: 150px;
    float: left;
    font-size: 18px;
    text-align: center;
}

#register_box .login_form label i .star {
    color: red;
    margin-right: 10px;
    margin-top: 5px;
}

#register_box .login_form label input {
    border-radius: 10px !important;
    font-size: 18px;
    width: calc(100% - 60px);
    float: left;
    border: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

#register_box .login_form label.button {
    border: 0;
    padding: 0;
    border-radius: 10px;
}

#register_box .login_form label.button input {
    width: 100%;
    height: 100%;
    padding: 0;
    background: #FA7D00;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

#register_box .login_form label input::placeholder {
    color: #C2C4CC;
    float: right
}

#register_box .login_form p {
    font-size: 14px;
    color: #999999;
}

#register_box .login_form p span {
    padding: 0 5px;
}

#register_box .login_form p a {
    color: #666666;
}

/* #register_box .login_form p a:hover{color:#FA7D00;} */

/* 公司新闻 */
.news-wrap {
    margin-top: 100px;
}

.news-wrap .news-content {

    margin-top: 50px;
}

.news-wrap .news-content .news-banner {
    background-color: #f7f7f7;
    margin-bottom: 20px;
    display: flex;
    width: 100%;
}

.news-wrap .news-content .news-banner .left-pic {
    width: 50%;
}

.news-wrap .news-content .news-banner .right-info {
    padding: 50px;
    width: 50%;
    background-color: #F7F7F7;
}

.news-wrap .news-content .news-banner .right-info .tit {
    font-weight: bold;
    font-size: 24px;
    color: #000;
}

.news-wrap .news-content .news-banner .right-info .date {
    color: #C2C4CC;
    font-size: 24px;
    margin: 50px 0 20px 0;
}

.news-wrap .news-content .news-banner .right-info .title {
    color: #000;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}

.news-wrap .news-content .news-banner .right-info .content {
    color: #5B6172;
    font-size: 18px;
    line-height: 1.6;
}

.news-wrap .news-content {
    margin-bottom: 100px;
}

.news-wrap .news-content .bot_list {
    margin-bottom: 60px;
}

.news-wrap .news-content .bot_list ul li a {
    margin-top: 20px;
    display: block;
    height: 87px;
    background-color: #F7F7F7;
    padding: 30px;
    position: relative;
    overflow: hidden;
}

.news-wrap .news-content .bot_list ul li .time {
    font-size: 22px;
    color: #adadad;
    font-family: arial;
    display: block;
}

.news-wrap .news-content .bot_list ul li h3 {
    font-size: 20px;
    color: #585859;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 10px;
}

.news-wrap .news-content .bot_list ul li p {
    font-size: 14px;
    color: #848484;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-wrap .news-content .bot_list ul li {
    transition: all 0.5s ease;
}

.news-wrap .news-content .bot_list ul li:hover {
    -webkit-transform: translate(-5px, 0px);
    -ms-transform: translate(-5px, 0px);
    transform: translate(-5px, 0px);
}

/* .news-wrap .news-content .bot_list ul li:hover a{ background:#f1f1f1; border-bottom:1px solid #f1f1f1; } */
.news-wrap .news-content .bot_list ul li:hover a {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.news-wrap .news-content .bot_list ul li:hover p {
    margin-right: 150px;
}

.news-wrap .news-content .bot_list ul li:hover h3 {
    color: #FA7D00;
}

.news-wrap .news-content .bot_list ul li a:after {
    content: "";
    display: block;
    width: 40px;
    height: 28px;
    background: url(../images/arrow-r.png) center no-repeat;
    position: absolute;
    bottom: 64px;
    right: 37px;
    opacity: 1;
}

.news-wrap .news-content .bot_list ul li:hover a:after {
    background: url(../images/arrow-r-hover.png)
}

.news-wrap .news-content .more {
    margin: 0 auto !important;
}

/* 新闻详情 */

.news-detail-banner .banner-img {
    width: 100%;
    height: 420px;
}

.news-detail-banner {
    position: relative;

}

.news-detail-banner .title {
    position: absolute;
    top: 50%;
    right: 50%;
    transition: calc(-50%, -50%);
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}


.newboxmain {
    padding-bottom: 100px;
    border-bottom: 1px solid #eee;
}

.new02 {
    padding: 50px 0;
}

#tek-wrap-centerwell {
    width: 750px;
    float: left;
}

.centdetailh3 {
    font-size: 20px;
    font-weight: bold;
}

.centdetaildate {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

.centdetaildesc {
    font-size: 14px;
    color: #333;
    padding: 50px 0;
    text-align: justify;
}

.centdetaildesc p {
    margin-bottom: 10px;
}

.centdetaildesc div {
    margin-bottom: 10px;
}

.centdetaildesc span {
    margin-bottom: 10px;
}

#tek-wrap-rightrail {
    width: 350px;
    float: right;
}

.N_right {
    padding: 25px;
    background: #f3f3f3;
    position: relative;
    top: 0;
    border-radius: 6px;
}

.N_right1 {
    margin-top: 25px;
}

.N_right h4 {
    font-size: 18px;
    font-weight: bold;
}

.N_right .fz {
    font-size: 12px;
    color: #9D9D9D;
}

.ffxa {
    width: 40px;
    color: #666;
    text-align: center;
}

.sharelistsub a {
    width: 30px;
    height: 30px;
    margin-top: 15px;
    position: relative;
    display: inline-block;
}

.sharelistsub a:before {
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    transition: all 0.3s ease;
}

.fxlinkedin:before {
    background: url(../images/fx-linkedin-black.svg) center center no-repeat;
    background-size: 20px auto;
}

.fxweibo:before {
    background: url(../images/fx-weibo-black.svg) center center no-repeat;
    background-size: 20px auto;
}

.fxweixin:before {
    background: url(../images/fx-weixin-black.svg) center center no-repeat;
    background-size: 20px auto;
}

.sharelistsub a:hover:before {
    opacity: 1;
}

.h60p {
    height: 60px;
}

.new_list {
    padding: 15px 0;
    border-bottom: 1px solid #CFDBE6;
    overflow: hidden;
}

.new_list:last-child {
    border: none;
    padding-bottom: 0;
}

.new_list div {
    width: 28%;
    float: left;
    overflow: hidden;
}

.new_list:hover p {
    color: #FA7D00;
}

.new_list p {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
}

.pageNews2 {
    margin-top: 50px;
}

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

.pageNews {
    border-top: 1px #F0F0F0 solid;
    padding: 25px 0;
}

.pageNewsback {
    background-color: #e3e3e3;
    border-radius: 6px;
    font-size: 14px;
    color: #888888;
    padding: 10px 26px;
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    border: 1px transparent solid;
}



.fwzc {
    padding: 80px 0;
}

.fwzc .txt1 {
    font-size: 24px;
    color: #1a4392;
    text-align: center;
    line-height: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.fwzc .txt1 h3 {
    position: relative;
    padding: 0 20px;
}

.fwzc .txt1 h3:before,
.fwzc .txt1 h3:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 16px;
    height: 23px;
    background: url(../images/jszc_ico1.png)no-repeat bottom center;
}

.fwzc .txt1 h3:before {
    left: 0;
}

.fwzc .txt1 h3:after {
    background-image: url(../images/jszc_ico2.png);
    right: 0;
}

.fwzc .txt1 span {
    font-size: 40px;
}

.fwzc .txt2 {
    color: #333;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
}

.fwzc .txt3 {
    text-align: center;
    font-size: 30px;
    color: #FA7D00;
    line-height: 50px;
    margin-top: 20px;
}


/* 加入埃科 */
/* 人才理念 */
.join-wrap {
    margin-bottom: 100px;
}

.cpt-content {
    margin-top: 100px;
}

.cpt-content .cpt-banner {
    padding: 100px 100px 0;
    margin-top: 50px;
    height: 720px;
    background-color: pink;
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.cpt-content .cpt-banner ul {
    display: flex;
    justify-content: space-between;
}

.cpt-content .cpt-banner ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cpt-content .cpt-banner ul>li>img {
    width: 80px;
    height: 80px;
}

.cpt-content .cpt-banner ul>li>.txt {
    margin: 10px 0 50px;
    font-size: 24px;
    font-weight: 700px;
    color: #fff;

}

.cpt-content .cpt-banner ul>li>.line {
    width: 100%;
    height: 2px;
    background-color: #fff;
    opacity: 0.5;

}

.cpt-content .cpt-list {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}

.cpt-content .cpt-list .left {
    margin-right: 100px;
    width: 750px;
}

.cpt-content .cpt-list .right {
    width: 750px;
}

.cpt-content .cpt-list .content {
    width: 100%;
    font-size: 24px;
    color: #5B6172;
    line-height: 1.6;
}


.cpt-content .cpt-list .right ul>li:not(:first-child) {
    margin-top: 80px;
}

.cpt-content .cpt-list .tit {
    position: relative;
    border-bottom: 1px solid #CFDBE6;
    margin-bottom: 30px;
    cursor: pointer;
    height: 80px;
    width: 100%;
    line-height: 80px;
    font-size: 36px;
    font-weight: 700;
    color: #000;
}

.cpt-content .cpt-list .tit:before {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #FA7D00;
    transition: 0.6s ease-in-out;
}

.cpt-content .cpt-list .tit:hover {
    color: #FA7D00;
}

.cpt-content .cpt-list .tit:hover:before {
    width: 100%;
}


/* 办公环境 */
.enr-content {
    position: relative;
    margin-top: 100px;
}

.enr-content .swiper-container .thumb-item {
    text-align: center;
    background: rgb(247, 247, 247);
    cursor: pointer;
}

.enr-content .swiper-container .thumb-item:hover {
    background: #FA7D00;

}

.enr-content .swiper-container .thumb-item:hover .txt {
    color: #fff;
    background: #FA7D00;
}

.enr-content .swiper-container .thumb-item .pic {
    height: 372px;
    overflow: hidden;

}

.enr-content .swiper-container .thumb-item .pic img {
    width: 100%;
    transition: all 0.5s ease;
    height: 100%;
    object-fit: cover;

}

.enr-content .swiper-container .thumb-item:hover .pic img {
    transform: scale(1.1);

}

.enr-content .swiper-container .thumb-item .txt {
    font-size: 36px;
    color: #000;
    height: 120px;
    line-height: 120px;
    background: rgb(247, 247, 247);
}

.enr-content .swiper-container {
    margin-top: 100px;
    width: 100%;
}

.enr-content .swiper-container .swiper-wrapper {
    width: 100%;
}



/* .enr-content .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-left: 53px;
}
*/
.enr-content .father-swiper {
    --swiper-navigation-size: 0;
}

.enr-content .swiper-button-prev .button-prev img {
    position: relative;
    right: 100px;
    top: 40px;
    width: 80px;
    height: 80px;
}

.enr-content .swiper-button-next .button-prev img {
    width: 80px;
    height: 80px;
    position: relative;
    left: 100px;
    top: 40px;
}

/* 招贤纳士 */
.rec-content {
    margin-top: 100px;
}

.rec-content .rec-list ul li {
    width: 50%;
}

.rec-content .rec-list .rec-item {
    text-align: center;
    background: rgb(247, 247, 247);
    cursor: pointer;
}

.rec-content .rec-list .rec-item {
    margin: 0 25px;

}

.rec-content .rec-list .rec-item:hover {
    background: #FA7D00;

}

.rec-content .rec-list .rec-item:hover .txt {
    color: #fff;
}

.rec-content .rec-list .rec-item .pic {
    position: relative;
    height: 422px;
    overflow: hidden;

}

.rec-content .rec-list .rec-item .icon {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%);

}

.rec-content .rec-list .rec-item .pic img {
    width: 100%;
    transition: all 0.5s ease;
    height: 100%;
    object-fit: cover;

}

.rec-content .rec-list .rec-item:hover .pic img {
    transform: scale(1.1);

}

.rec-content .rec-list .rec-item .txt {
    font-size: 36px;
    color: #000;
    height: 150px;
    line-height: 150px;
}

.rec-content .rec-list {
    position: relative;
    margin-top: 50px;
    width: 100%;
}

.rec-content .rec-list ul {
    display: flex;
    margin: 0 -25px;
}

/* 员工活动 */

/**/
.ac-navbox {
    margin-top: 50px;
    border-bottom: 1px solid #CFDBE6;
    position: relative;
    height: 75px;
}



.ac-navbox .n-nav {
    position: relative;
}

.ac-navbox .n-nav a {
    display: inline-block;
    height: 75px;
    font-size: 16px;
    float: left;
    line-height: 75px;
    color: #363636;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 2.875rem;
}

.ac-navbox .n-nav a strong {
    display: block;
    position: relative;
    z-index: 4;
    height: 75px;
    line-height: 75px;
    transition: 0.6s ease-in-out;
    font-weight: normal;
}

.ac-navbox .n-nav a:before {
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #FA7D00;
    transition: 0.6s ease-in-out;
}

.ac-navbox .n-nav .on:before,
.n-nav a:hover:before {
    width: 100%;
}

.ac-navbox .n-nav .on,
.n-nav a:hover {
    height: 75px;
    line-height: 75px;
    color: #FA7D00;
}

.ac-main dl {
    display: none;
}

.ac-main .cur {
    display: block;
}

.ac-main .swiper-button-prev .button-prev img {
    position: relative;
    right: 100px;
    top: 115px;
    width: 80px;
    height: 80px;
}

.ac-main .swiper-button-next .button-prev img {
    width: 80px;
    height: 80px;
    position: relative;
    left: 100px;
    top: 115px;
}

.ac-main .swiper-container .thumb-item .txt {
    font-size: 24px;

}


/* 联系我们 */

.contact-info {
    margin-bottom: 100px;
}

.contact-info h5 {
    margin-top: 50px;
    font-size: 36px;
}

.contact-info .wrap-top {
    display: flex;
}

.contact-info .wrap-top .wx {
    margin-top: 50px;
    display: flex;
    /* align-items: center; */
}

.contact-info .wrap-top .wx img {
    width: 60px;
    height: 60px;
}

.contact-info .wrap-top .wx .txt {
    margin-top: 10px;
    font-size: 24px;
    color: #5B6172;
    margin-left: 10px;
}

.contact-info .wrap-top .wx .wx-ewm {
    width: 150px;
    height: 150px;
}



.contact-info ul>li {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.contact-info ul {
    margin-right: 150px;
}


.contact-info ul>li>.txt {
    font-size: 24px;
    color: #5B6172;
    margin-left: 10px;
}

.contact-info .addr-list ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contact-info .addr-list ul>li:not(:last-child) {
    margin-right: 30px;
}

.contact-info .addr-list ul>li {
    flex-direction: column;
    align-items: flex-start;
    padding: 50px;
    width: 500px;
    height: 310px;
    background-color: #F7F7F7;
}

.contact-info .addr-list ul>li>.tit {
    font-size: 36px;
}

.contact-info .addr-list ul>li>.cont-box {
    margin-top: 35px;
    display: flex;
    align-items: center;
}

.contact-info .addr-list ul>li>.cont-box .txt {
    margin-left: 10px;
    font-size: 24px;
    color: #5B6172;
}

.contact-info .map {
    margin-top: 50px;
    width: 100%;
    height: 720px;
}

/* 办事处banner */

.office-wrap .swiper-container .swiper-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.office-wrap .swiper-container .swiper-slide {

    width: 759px;
    height: 350px;
}

.office-wrap .swiper-container .swiper-slide li {
    flex-direction: column;
    align-items: flex-start;
    padding: 50px;
    background-color: #f7f7f7;
    color: #000;
    /* margin-right: 55px;
    width: 775px;
    height: 350px; */

}

.office-wrap .swiper-container li .tit {
    font-size: 36px;
}

.office-wrap .swiper-container li .cont-box {
    margin-top: 35px;
    display: flex;
    align-items: center;
}

.office-wrap .swiper-container li .cont-box .txt {
    margin-left: 10px;
    font-size: 24px;
    color: #5B6172;
}

.office-wrap .swiper-container li:hover .tit {
    color: #FA7D00;
}





.office-wrap .swiper-container {
    margin-top: 100px;
    width: 100%;
}

.office-wrap .swiper-container .swiper-wrapper {
    width: 100%;
}



/*.office-wrap .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-left: 53px;
}

 .office-wrap .swiper-container .swiper-wrapper .swiper-slide-active{
    margin-right: 60px;
} */


.office-wrap .father-swiper {
    --swiper-navigation-size: 0;
}

.office-wrap .swiper-button-prev .button-prev img {
    /* position: relative; */
    right: 50px;
    top: 506px;
    width: 80px;
    height: 80px;
}

.office-wrap .swiper-button-next .button-prev img {
    width: 80px;
    height: 80px;
    /* position: relative; */
    left: 50px;
    top: 506px;
}


/* 在线留言 */

.conbox {
    margin-top: 100px;
}

.conbox #n_right {
    width: 100%;
}

.conbox #n_right #n_msg img {
    width: 182px;
    height: 70px;
    margin-top: 50px;
}

.conbox #n_right .text {
    margin-bottom: 20px;
}

.conbox #n_right .text p {
    font-size: 24px;
    color: #5B6172;
    margin: 50px 0;
}

.conbox #n_right .text span {
    font-size: 12px;
    color: #b4b4b4;
    display: none;
}

.conbox #n_right #n_msg label:after {
    content: '';
    display: block;
    overflow: hidden;
    clear: both;
}

.conbox #n_right #n_msg label {
    display: flex;
    flex-direction: column;
    width: 370px;
    line-height: 48px;
    margin-bottom: 15px;
    margin-right: 25px;
    position: relative;
}

.conbox #n_right #n_msg label strong {
    font-size: 18px;
    float: left;
    font-weight: 400;
    display: inline-block;
}

.conbox #n_right #n_msg label input {
    height: 70px;
    line-height: 70px;
    width: 356px;
    border: 1px solid #CFDBE6;
    border-radius: 10px;
    padding-left: 20px;
}

.conbox #n_right #n_msg label.textarea_box {
    width: 780px;
    height: 230px;
}

.conbox #n_right #n_msg label.textarea_box textarea {
    padding: 30px;
    border: 1px solid #CFDBE6;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.conbox #n_right #n_msg input[type="submit"] {
    width: 370px;
    height: 70px;
    border-radius: 10px !important;
    display: block;
    background: #FA7D00;
    color: #FFFFFF;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.5s ease;
}

.conbox #n_right #n_msg label .yzm {
    position: absolute;
    top: 0;
    right: 0;
}

.conbox #n_right #n_msg input[type="submit"]:hover {
    background: #de6c02;
}

.conbox #n_right #n_msg label input:focus {
    border: none;
    outline: 1px solid #FA7D00;
}

.flex {
    display: flex;
}

.more a {
    display: block;
    z-index: 9;
    color: #FA7D00;
}

.more:hover a {
    color: #fff
}

.header:hover .language .btn {
    border: 1px solid #918c8c;
}

/*下载**/
#n_down .n_tt {}

#n_down .n_tt h3 {
    float: left;
}

#n_down .down_tab {
    padding: 20px 0;
    text-align: center;
    float: right;
}

#n_down .down_tab .n_search {
    position: relative;

    margin: auto;
}

#n_down .down_tab .n_search select {
    height: 38px;
    border: #eeeeee solid 1px;
    margin: 0 10px;
    width: 158px;
    padding: 0 10px;
}

#n_down .down_tab .n_search select option {
    line-height: 20px;
    height: 20px;
}

#n_down .down_tab .n_search input[type="text"] {

    width: 480px;
    height: 48px;
    border: #eeeeee solid 1px;
    padding-left: 7px;
}

#n_down .down_tab .n_search input[type="submit"] {
    width: 120px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    background: #FA7D00;
    border: 0;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 5px !important;
}

#n_down .down_bot ul li .box:after,
#n_down .down_bot ul li .fl:after {
    content: '';
    display: block;
    overflow: hidden;
    clear: both;
}

#n_down .down_bot ul li {
    border: #dfdfdf solid 1px;
    margin-bottom: 20px;
    background: #FFFFFF;
    *box-shadow: 0 0 4px 6px rgba(0 0 0 /0.05);
}

#n_down .down_bot ul li .box {
    padding: 15px 30px;
}

#n_down .down_bot ul li .fl {
    width: calc(100% - 90px);
    line-height: 45px;
}

#n_down .down_bot ul li .fl h3 {
    float: left;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 600;
    min-width: 400px;
    font-weight: normal;
    float: left;
    font-size: 20px;
}

#n_down .down_bot ul li .fl p {
    color: #666666;
    float: left;
    width: 740px;
    font-size: 20px;
}

#n_down .down_bot ul li .fl p span {
    padding: 0 10px;
}

#n_down .down_bot ul li .fl p span:nth-child(1) {
    padding-left: 0;
}

#n_down .down_bot ul li:hover {
    background: #FA7D00;
    border: #FA7D00 solid 1px;
}

#n_down .down_bot ul li:hover h3,
#n_down .down_bot ul li:hover p,
#n_down .down_bot ul li:hover h3 a {
    color: #FFFFFF;
}

#n_down .down_bot ul li .fr {
    line-height: 45px;
}

#n_down .down_bot ul li .fr a {
    display: block;
    color: #FA7D00;
    background: url(../images/down_ico2.svg) no-repeat center left;
    background-size: 20px;
    padding-left: 25px;
    font-size: 20px;
}

#n_down .down_bot ul li:hover .fr a {
    color: #FFFFFF;
    background-image: url(../images/down_ico3.svg);
}

#n_down {
    padding: 100px 0;
}

#n_mian .n_tt h3 {
    font-size: 60px;
    color: #373737;
}

#n_down .down_bot ul li .fl h3 a {
    color: #222
}

#n_down .down_bot ul li:hover .fl h3 a {
    color: #fff
}

.user_box {
    padding: 40px;
}

.user_tt h3 {
    font-size: 60px;
    color: #fff;
}

.n_banner {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 0;
    height: 500px;
}

.n_banner .bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*=============================usermanager.html=====================================*/
#usermanager_box {
    padding: 30px 0 40px;
}

#usermanager_box .user_tit {
    margin-bottom: 20px;
    border-bottom: #dcdcdc solid 1px;
}

#usermanager_box .user_tit h3 {
    font-size: 36px;
    margin: 20px 0 20px 0;
    color: #333;
}

#usermanager_box .userup {
    padding-bottom: 20px;
    border-bottom: #dcdcdc solid 1px;
    margin-bottom: 20px;
}

#usermanager_box .userup ul li {
    float: left;
    margin-right: 20px;
}

#usermanager_box .userup ul li:last-child a {
    color: #333
}

#usermanager_box .userup li p {
    font-size: 18px;
}

#usermanager_box .userup li div {
    border: #cecece solid 1px;
    font-size: 18px;
    border-radius: 5px;
    width: 246px;
    height: 62px;
    margin: 10px 0 15px;
}

#usermanager_box .userup li span {
    font-size: 14px;
    color: #b5b5b6;
}

#usermanager_box .userup li:nth-child(1) div {
    width: 246px;
    background: #eeeeee;
    line-height: 62px;
    text-indent: 10px;
}

#usermanager_box .userup li:nth-child(2) div {
    width: 190px;
    border: #f08200 solid 1px;
    line-height: 62px;
    text-indent: 10px;
    background: #f08200;
    color: #FFFFFF;
}

#usermanager_box .userup li:nth-child(2) div a {
    display: block;
    color: #FFFFFF;
}

#usermanager_box .userbot ul li:after {
    content: '';
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
}

#usermanager_box .userbot ul li {
    margin-bottom: 20px;
    float: left;
    width: calc(50% - 15px);
    position: relative;
    border: #CFDBE6 solid 1px;
}

#usermanager_box .userbot ul li div {
    width: calc(100% - 121px);
    float: left;
    background: #fafafa;
    height: 60px;
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: relative;
}

#usermanager_box .userbot ul li div h6 {
    line-height: 62px;
    color: #5B6172;
    font-size: 16px;
    text-indent: 20px;
}

#usermanager_box .userbot ul li div em {
    position: absolute;
    right: 30px;
    line-height: 60px;
    font-size: 16px;
    color: #898989;
    font-style: normal;
    top: 0px;
}

#usermanager_box .userbot ul li:nth-child(2n) {
    float: right;
}

#usermanager_box .userbot ul li label {
    float: left;
    display: block;
    color: #222;
    font-size: 18px;
    *margin-bottom: 10px;
    padding-left: 20px;
    height: 62px;
    text-align: center;
    line-height: 62px;
}

#usermanager_box .userbot ul li input {
    padding: 0;
}

#usermanager_box .userbot ul li input[type="text"] {
    width: calc(100% - 121px);
    float: left;
    height: 60px;
    color: #565656;
    text-indent: 20px;
    font-size: 18px;
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#usermanager_box .userbot ul li p {
    position: absolute;
    right: 30px;
    top: 0px;
    font-size: 14px !important;
    line-height: 40px;
}

#usermanager_box .userbot .menu {
    width: 90px;
    height: 46px;
    margin: 10px auto 0;
    line-height: 46px;
    border: 0;
    text-align: center;
}

#usermanager_box .userbot .menu input[type="submit"] {
    width: 90px;
    height: 46px;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    background: #0062ac;
    border-radius: 10px;
    color: #FFFFFF;
}

#usermanager_box .userbot .menu input[type="submit"]:hover {
    background: #01518d;
    -webkit-transform: translate(0px, 2px);
    -ms-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
}

/*=============================pasw.html=====================================*/
#pasw_box {
    width: 700px;
    padding: 30px 0 50px;
    margin: auto;
}

#pasw_box ul li {
    margin-bottom: 20px;
    position: relative;
}

#pasw_box ul li:after {
    content: '';
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
}

#pasw_box ul li h3 {
    font-size: 18px;
    color: #666666;
    font-weight: 600;
    height: 42px;
    line-height: 42px;
}

#pasw_box ul li h3 span {
    color: #666666;
    font-weight: normal;
}

#pasw_box ul li label {
    float: left;
    display: block;
    font-size: 16px;
    *margin-bottom: 10px;
    color: #666666;
    width: 180px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: #edeff2;
}

#pasw_box ul li input {
    padding: 0;
}

#pasw_box ul li input[type="password"] {
    width: calc(100% - 181px);
    float: left;
    height: 40px;
    color: #565656;
    text-indent: 20px;
    font-size: 16px;
    border: #dcdcdc solid 1px;
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#pasw_box ul li p {
    position: absolute;
    right: 40px;
    top: 0px;
    line-height: 42px;
    font-size: 14px !important;
}

#pasw_box ul li .menu {
    float: left;
    position: relative;
}

#pasw_box ul li a.forget-pwd {
    float: right;
    color: #0062ac;
}

#pasw_box ul li .menu input[type="submit"] {
    float: left;
    width: 130px;
    height: 46px;
    *padding-right: 40px;
    line-height: 46px;
    background: #f08200;
    cursor: pointer;
    display: inline-block;
    border: 0;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    color: #FFFFFF;
}

#pasw_box ul li .menu input[type="submit"] {
    font-family: "iconfont" !important;
    text-align: center;
}

#pasw_box ul li .menu a {
    background: #0062ac;
    margin-left: 10px;
    float: right;
}

#pasw_box ul li .menu i {
    position: absolute;
    font-family: "iconfont" !important;
    font-size: 24px;
    color: #FFFFFF;
    top: 12px;
    right: 20px;
}

#pasw_box .pasw_bot {
    width: ;
    height: 70px;
    background: #8dcbf7;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 70px;
    text-align: center;
    border-radius: 5px;
}

#pasw_box ul li .menu input[type="submit"]:hover {
    background: #de7800;
    -webkit-transform: translate(0px, 2px);
    -ms-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
}

.ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
}

/*对比*/

.compare-wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    background: #f7f6f6;
    padding: 0 30px;
    box-sizing: border-box;
}

.compare_table .trbt {
    border-bottom: 0;
}

.compare_table tr {
    cursor: pointer;
    padding-bottom: 1px;
    border-bottom: 1px solid #CFDBE6
}

.compare_table tr td,
.compare_table tr th {min-height:50px;min-width:80px;
    padding-left: 20px;
}
.compare_table tr th:nth-child(7){min-width:110px;}
.compare_table th {
    background: #f9f9f9;
    text-align: left;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    font-weight: normal;
}

.compare_table td {
    height: 70px;
    text-align: left;
    font-size: 18px;
    color: #5B6172;
    white-space: nowrap;
}

.compare_table th:nth-child(6) {
    min-widtH: 100px;
}

.compare_table td:nth-child(1) {
    white-space: nowrap;
}

.compare_table td:nth-child(4) {
    min-width: 200px;
}

.compare_table td:nth-child(5) {
    min-width: 180px;
}

.compare_table td:last-child {
    min-widtH: 80px;
    background: #fff;
    margin: 1px 0;
}

.compare_table td a {
    color: #5B6172;
}
.compare_table tr:hover td a{color:#222}
.compare_table td img {margin-right:5px;
    vertical-align: middle;
}

.compare_table input {
    width: 25px;
    height: 25px;
}

.floatdiv {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    display: none;
}

.compare_table input[type=checkbox] {
    position: relative;
}

.compare_table input[type=checkbox]::after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    visibility: visible;
    content: '';
    text-align: center;
    padding-left: 0;
}

.compare_table input[type=checkbox]:checked::after {
    content: "✓";
    color: #fff;
    background-color: #fa7d00;
    font-size: 18px;
    width: 100%;
    height: 100%;
}

*html .floatdiv {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
}

.floatdiv {
    height: 190px;
    overflow: hidden;
}

.floatdiv h5 {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 20px 0 0 5px;
}

.floatdiv h5 a {
    color: #fa7d00;
    float: right;
    margin: 5px 5px 0 0;
    display: inline;
    font-size: 16px;
}

.floatdiv ul {
    height: 130px;
    overflow: hidden;
    padding: 10px 0 5px 0;
}

.compare-wrap ul {
    float: left;
    width: 90%;
}

.floatdiv ul li {
    background: #fff;
    position: relative;
    float: left;
    width: 28%;
    padding: 20px;
    ;
    display: block;
    margin-right: 2%;
}

.floatdiv ul li img {
    margin: 0 5px 0 0;
}

.floatdiv ul li .close {
    position: absolute;
    right: 0;
    top: 0;
}

.compare-wrap li h3 {
    float: left;
    width: 65%;
    font-size: 18px;
    margin-top: 10px;
}

.anniu {
    float: right;
    width: 140px;
    text-align: center;
}

.compare-wrap li .pro_db {
    float: left;
    width: 80px;
    max-height: 90px;
}

.compare-con .duibi {
    background: #fa7d00;
    color: #fff;
    width: 100%;
    ;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 5px;
    margin-top: 20px;
}

.qingkong a {
    color: #fa7d00
}

.qingkong {
    margin-top: 10px;
}

.content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 24px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 24px;
}

.content-header .left-title {
    font-size: 30px;
    font-weight: 600;
    color: #333;
    line-height: 42px;
}

.content-trast {
    margin-bottom: 120px;
}

.content-trast table {
    width: 100%;
}

.content-trast .img-td {
    width: 15.6vw;
    padding: 1.82vw 2vw 1.82vw 0;
}

.content-trast .add-td {}

.content-trast td:first-child {
    padding-left: 1.5%;
    font-size: 18px;
    padding-right: 0;
    font-weight: 700;
}

.content-trast tr:first-child {
    height: auto;
    line-height: 32px;
}

.content-trast tr {
    height: 70px;
    border-bottom: 1px solid #e6e5e5;
}

.content-trast .model {
    font-size: 16px;
    color: #4d4d4d;
    line-height: 26px;
    margin-top: 2.5px;
    font-weight: 700;
}

.content-trast .img-content {
    width: 15.6vw;
    height: 15.6vw;
    display: block;
    border: 1px solid #eee;
    text-align: center;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
}

.content-trast .img-content .delete {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/clos1.png);
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.content-trast .add-product {
    width: 15.6vw;
    height: 15.6vw;
    padding-top: 5.2vw;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    border: 1px solid hsla(0, 0%, 59.2%, .21);
    text-align: center;
}

.content-trast .add-product .icon-add {
    width: 56px;
    height: 56px;
    margin: 0 auto;
    background: url(../images/add.png) no-repeat center;
}

.content-trast .pic {
    height: 9.38vw;
    width: 9.38vw;
    margin: 1.8vw auto 0 auto;
    cursor: pointer;
}

.content-trast .font {
    line-height: 22px;
    color: #5B6172;
    font-size: 14px;
}

.content-trast .info-link {
    width: 11.45vw;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: 3.23vw;
    line-height: 3.23vw;
    border-radius: 10px;
    display: block;
    margin-top: 3.13vw;
    cursor: pointer;
}

.content-trast tr:last-child {
    border-bottom: none;
}

.content-trast .info-link,
.content-trast .info-link:hover {
    background: #FA7D00;
}

.conpare_weizhi,
.conpare_weizhi a {
    color: #5B6172;
}

.header.comp_header {
    background: #2d4070;
    border-bottom: 0;
    color: #ffffff;
}

.conpare_weizhi {
    padding-top: 120px;
}

.content-trast td,
.content-trast .con {
    font-size: 18px;
    color: #5B6172;
}

*html .add-outer-wrap {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
}

/* 对比弹出层start */

*html .add-outer-wrap {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
}

.add-outer-wrap {
    width: 100%;
    height: 100%;
    font-family: Microsoft YaHei;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
}

.add-outer-wrap .add-box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 24px 16px 32px 16px;
    width: 80%;
    height: 21.6vw;
    z-index: 2;
    background: #fff;
}

.add-outer-wrap .add-box .top-tit {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 24px;
}

.add-outer-wrap .add-box .top-tit .close {
    width: 50px;
    background: url(../images/clos1.png) no-repeat center;
    background-size: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.add-outer-wrap .add-box .father-swiper {
    margin: 0 auto;
    width: 90%;
}

.add-outer-wrap .add-box .father-swiper .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
}

.add-outer-wrap .add-box .swiper-wrapper .swiper-slide .item {
    position: relative;
    float: left;
    margin: 0 6px;
    width: 15.6vw;
    height: 15.6vw;
    border: 1px solid hsla(0, 0%, 59.2%, .21);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.add-outer-wrap .add-box .swiper-wrapper .swiper-slide .icon-add {
    position: absolute;
    top: 2px;
    right: 7px;
    width: 1.5vw;
    height: 1.5vw;
    background-image: url(../images/add-icon.svg);
    background-size: 100%;
    cursor: pointer;
}

.add-outer-wrap .add-box .swiper-wrapper .swiper-slide img {
    margin-top: 1vw;
    width: 9.4vw;
}

.add-outer-wrap .add-box .swiper-wrapper .swiper-slide .product-name {
    color: #000;
    font-size: 14px;
    overflow: hidden;
    margin-top: 1vw;
    text-align: center;
}


.add-outer-wrap .add-box .father-swiper .swiper-container {
    margin-top: 2.6vw;
    width: 100%;
    height: 18.2vw;
    overflow: hidden;
}

.add-outer-wrap .add-box .father-swiper .swiperBtn,
.add-outer-wrap .add-box .father-swiper .swiperBtn_r {
    width: 40px;
    height: 40px;
}

.add-outer-wrap .add-box .father-swiper .swiperBtn {
    left: -3.2vw;
}

.add-outer-wrap .add-box .father-swiper .swiperBtn_r {
    right: -3.2vw;
}

.add-outer-wrap .pro_search_tab {
    float: right;
    width: 15.6vw;
    height: 2vw;
    margin-right: 6.77vw;
    border: 1px solid #b3b3b3;
}

.add-outer-wrap .pro_search_tab .form {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 100%;
}


.add-outer-wrap .pro_search_tab .select {
    width: 15vw;
}

.father-swiper {
    position: relative;
}


.hide {
    display: none;
}

/* 对比弹出层end */


/*对比*/
.news-wrap .news-content .news-banner .right-info {
    box-sizing: border-box;
}

.office-wrap .father-swiper {
    position: relative;
}

.office-wrap .swiper-button-prev,
.office-wrap .swiper-container-rtl .swiper-button-next {
    left: -100px;
}

.office-wrap .swiper-button-next,
.office-wrap .swiper-container-rtl .swiper-button-prev {
    right: -100px;
}

.cpt-content .cpt-banner ul>li {
    width: 31.333%;
}

.hy-content .hygs .left-wrap .txt-info {
    font-size: 18px;
    line-height: 42px;
}

.pro_home_box .swiper-wrapper{justify-content: center;}
.pro_home_box .swiper-container {
    width: 80%;
    margin: 0 auto;
}




@media screen and (max-width: 1620px) {
    .index_box2 .swiper .hy-txt-box .txt {
        font-size: 22px;
        line-height: 38px;
    }

    .cen-banner .l-side h1 {
        font-size: 60px;
    }

    .compare-wrap {
        width: 95%;
    }

    .proview-banner .l-side .btn-box .btn-item {
        height: 60px;
    }

}

/*  */
/*1550*/
@media screen and (max-width: 1600px) {
.sub_pro_class .swiper-container .thumb-item .txt{font-size:20px;}
  .compare_table td{font-size:16px;}
    .ab_fit .pic-box .item-list .item .bt-tit {
        font-size: 30px;
    }
.cen-nav .item img{width:35px;height:35px;}
  

}






@media screen and (max-width: 1280px) {


    .pro_type .i_titbox,.ab_fit {
        margin: 30px 0 20px;
    }

    .i_titbox p {
        font-size: 20px;
    }

  

}



@media screen and (max-width: 1200px) {


   

    .pro_type .col-1 {
        width: 100px;
    }

    .pro_type .col_2 {
        width: calc(100% - 120px);
        padding: 8px;
    }


    .proview-banner .cen-detail-wrap .l-side,
    .proview-banner .cen-detail-wrap .r-side {
        width: 100%;
    }

    .proview-banner .cen-detail-wrap .r-side .mySwiper2 img {
        width: 80%;margin-top:30px;
    }

    .proview-banner .mySwiper2 .swiper-slide {
        height: 100%;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .proview-banner .l-side {
        padding-top: 50px;
    }

    .main-content .swiper-container .thumb-item .imgs {
        height: 220px;
    }

    .floatdiv ul li {
        padding: 10px;
        width: 24%;
    }

    .compare-wrap {
        width: 100%;
        padding: 0 20px;
    }

    .compare-wrap li h3 {
        float: none;
        width: 100%;
        margin-top: 5px;
        font-size: 14px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 37px;
    }

    .compare-wrap li .pro_db {
        float: none;
    }

    .anniu {
        width: 60px;
        position: absolute;
        right: 5px;
    }

    .floatdiv ul li .close {
        margin: 0;
        right: -8px
    }

}

@media screen and (max-width: 1080px) {
   
  .pro_class .swiper-container{bottom: 130px;}
  .main-content .pro_list_page{padding-top: 40px;}
}

@media screen and (max-width: 980px) {
  .pro_class .swiper-container{bottom: 150px;}
   .pro_class .swiper-container{width:100%;}
    .index_box2 .swiper .hy-txt-box {}
.pro_class .swiper-container .swiper-wrapper{
    justify-content: flex-start;}
.cen-banner .swiper-container .thumb-item .txt, .main-content .swiper-container .thumb-item .txt{font-size:18px;}
.cen-banner .sub_pro_class .swiper-container .thumb-item .txt{font-size:16px;}
   
    

    #usermanager_box .userbot ul li,
    #usermanager_box .userup ul li,
    #usermanager_box .userbot ul li:nth-child(2n) {
        float: none;
        width: 100%;
    }

    #usermanager_box .userbot ul li div h6,
    #usermanager_box .userbot ul li label {
        height: 52px;
        line-height: 52px;
    }

    .user_box {
        padding: 0
    }

    #usermanager_box .userbot ul li input[type="text"],
    #usermanager_box .userbot ul li div {
        height: 50px;
        line-height: 50px;
    }

    #usermanager_box .userup li:nth-child(1) div,
    #usermanager_box .userup li:nth-child(2) div {
        width: 100%;
    }

    #usermanager_box .userup ul li {
        margin-bottom: 10px;
    }

    .index_box2 .mySwiper .thumb-item {
        height: 100px;
    }

    .index_box4 {
        margin: 80px 0;
    }

    .index_box4 .list_news {
        margin-top: 1px;
    }

    .index_box4 .list_news ul>li .li-item .info {
        padding: 35px 25px;
    }

  

    .content-trast tr {
        height: 56px;
    }

    #n_mian .n_tt h3 {
        font-size: 32px;
    }

  
}

@media screen and (max-width: 800px) {
  .pro_class .swiper-container{bottom: 110px;}
  
    .gngs-page .wrap2 .pic-box {
        flex-direction: column;
    }

    .gngs-page .wrap2 .pic-box .r-icon-list {
        width: 100%;
        padding: 0
    }

    .gngs-page .wrap2 .pic-box .r-icon-list ul>li {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .gngs-page .wrap2 .pic-box .r-icon-list ul {
        justify-content: center;
    }

    .gngs-page .wrap2 .l-pic {
        width: 80%;
    }

    .gngs-page .wrap2 .pic-box .r-icon-list ul img {
        width: 40px;
    }

    .gngs-page .wrap2 .pic-box .r-icon-list ul>li a div {
        padding-top: 10px;
    }

    

    .gngs-page .gngs-banner {
        margin: 20px 0 40px;
    }


    .cen-nav .item {
        margin-right: 10px;
    }

    .cen-nav .item:last-child {
        margin-right: 0;
    }

    .cen-nav .item .txt {
        font-size: 16px;
    }

    .cen-nav .item img {
        width: 25px;
        height: 30px;
    }

  

  

    .proview-banner .mySwiper2 .swiper-slide {
        height: auto;
        justify-content: center;
    }

    .proview-banner .mySwiper .swiper-wrapper {
        justify-content: center;
    }

    .proview-banner .view_banner {
        flex-direction: column;
    }

    .proview-banner .l-side .btn-box .btn-item {
        height: 50px;
        margin-right: 15px;
    }

    .proview-banner .l-side .btn-box .btn-item:last-child {
        margin-right: 0
    }

    #n_down .down_tab .n_search input[type="text"] {
        width: 96%;
    }

    #n_down .down_tab,
    #n_mian .n_tt h3 {
        width: 100%;
        float: none;
    }

    #n_down .down_bot ul li .box {
        padding: 10px 15px;
    }

    #n_down .down_bot ul li .fl {
        line-height: 24px;
        width: calc(100% - 70px);
    }

    #n_down .down_bot ul li .fl h3 {
        min-width: auto;
        margin-bottom: 3px;
    }

    #n_down .down_bot ul li .fl p {
        width: 100%;
        line-height: 20px;
        font-size: 13px;
    }

    #n_down .down_bot ul li .fl p span {
        display: inline-block;
    }

    #n_down .down_bot ul li .fr {
        line-height: 72px;
    }

    #n_down .down_tab .n_search input[type="submit"] {
        width: 100px;
        font-size: 16px;
    }

    #n_down .down_bot ul li .fl h3,
    #n_down .down_bot ul li .fr a {
        font-size: 18px;
    }

    .ph_pages {
        display: block;
    }

    .user_tt h3 {
        font-size: 36px;
    }

    .cen-nav .item a {
        width: auto;
    }


    .compare_table td {
        height: 54px;
    }

    .proview-banner .l-side h1 {
        font-size: 30px;
    }

    .proview-banner .l-side ul>li {
        font-size: 16px;
        height:42px;
    }

    .proview-banner .pro_vbg {
        padding-top: 60px;
    }

  
  

    .ab_fit .pic-box .item-list .item {
        height: auto;
    }

    .ab_fit .pic-box .item-list .item .bt-tit {
        position: static;
        padding: 30px 0 20px;
        font-size: 24px;
    }

    .ab_fit .pic-box .item-list .item .pic img {}

    .ab_fit .pic-box .item-list .item {
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }

    .ab_fit .pic-box .item-list .item .pic {
        width: 100%;
        height: auto;
    }

    .index_box3 .index_box3_bg .content_box ul>li .num big {
        font-size: 32px;
    }

    .content-trast .img-content,
    .content-trast .add-product {
        width: 200px;
        height: 200px;
        padding-top: 25%;
    }

    .content-trast .pic {
        width: 100px;
        height: 100px;
        line-height: 0;
    }

    .gngs-page .wrap2 .r-txt {
        width: 95%;
        font-size: 20px;
    }
		.cen-nav .item{padding-bottom:12px;}
}

@media screen and (max-width:640px) {
  
   .cen-banner .swiper-container{bottom: 80px}

}