@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;}

.swiper::-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;
}

/*辅助样式*/
.fl,
.left {
    float: left !important;
}

.fr,
.right {
    float: right !important;
}

.no_bg {
    background: none !important;
}

.no_border {
    border: 0 !important;
}

.no_padding {
    padding: 0 !important;
}

.no_margin {
    margin: 0 !important;
}

.no_bg_img {
    background-image: none !important;
}

.fix {
    position: fixed;
    top: 0;
    *padding-top: 50px;
}

.border {
    border: 1px solid #dedede;
}

.clear {
    clear: both;
}

.clearfix:after,
.main_box:after,
.wrap:after {
    content: '';
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
}

.main_box,
.wrap {
    width: 1600px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    *z-index: 1;
}

.h_x {
    color: #fe0505;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}

.dd {
    background: #d6d7d9;
    border-radius: 50%;
    height: 7px;
    display: inline-block;
    width: 7px;
    margin: 0 10px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    background: #e0dede;
    margin: 10px 0 30px 0;
    padding: 0
}

@font-face {
    font-family: "iconfont";
    /* Project id  */
    src: url('../font/iconfont.ttf') format('truetype');
}

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

/*==============滚动条=====================*/


/*sousuo  */

.search-dialog-box {     position: fixed;     left: 0;     top: 0;     width: 100%;     height: 18rem;     z-index: 1000000;     opacity: 0;     visibility: hidden;     transition: .6s;     /* overflow: hidden; */ }
.search-dialog-box:before {     content: "";     position: absolute;     top: 0;     height: 0;     background: #fff;     transition: .6s;     left: 0;     right: 0;     z-index: 1; }
.search-dialog-box.on:before {     height: 100% }
.search-dialog-box .bubbles-bg {     opacity: 0;     visibility: hidden;     display: none; }
.search-dialog-box .search-bg {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 0;     margin: 0;     background: rgba(0, 0, 0, .7);     background-size: cover;     background-repeat: no-repeat;     /* z-index: 1; */     transform-origin: center center;     transition: height .8s cubic-bezier(.77, 0, .175, 1); }
.search-dialog-box .wrap-inner {     transform: translateY(100%);     transition: .6s; }
.header-right .bubbles-bg {     opacity: 0;     visibility: hidden;     transition: all .5s .8s; }
.search-dialog-box .bubbles-bg .bubble {     position: absolute; }
.search-dialog-box .bubbles-bg .bubble .circle {     border-radius: 100%;     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%; }
.search-dialog-box .bubbles-bg .bubble1 {     width: 6%;     padding-top: 6%;     left: 26.875%;     top: -6.67%; }
.search-dialog-box .bubbles-bg .bubble1 .circle {     border: 1px solid #fff; }
.search-dialog-box .bubbles-bg .bubble2 {     width: 12px;     padding-top: 12px;     left: 13.54%;     top: 18%; }
.search-dialog-box .bubbles-bg .bubble2 .circle {     background-color: #ff495f; }
.search-dialog-box .bubbles-bg .bubble3 {     width: 36px;     padding-top: 36px;     left: 8.854%;     top: 30.55%; }
.search-dialog-box .bubbles-bg .bubble3 .circle {     background-color: #fff; }
.search-dialog-box .bubbles-bg .bubble4 {     width: 56.875%;     padding-top: 56.875%;     left: -28.6458%;     top: 51.85%; }
.search-dialog-box .bubbles-bg .bubble4 .circle {     background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);     background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);     background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%); }
.search-dialog-box .bubbles-bg .bubble5 {     width: 54px;     padding-top: 54px;     left: 26.3%;     top: 70.83%; }
.search-dialog-box .bubbles-bg .bubble5 .circle {     background-color: #fff;     opacity: .1; }
.search-dialog-box .bubbles-bg .bubble6 {     width: 56.875%;     padding-top: 56.875%;     left: 73.4375%;     top: -52.77%; }
.search-dialog-box .bubbles-bg .bubble6 .circle {     background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);     background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);     background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%); }
.search-dialog-box .bubbles-bg .bubble7 {     width: 2rem;     padding-top: 2rem;     left: 60.9375%;     top: 18.5%; }
.search-dialog-box .bubbles-bg .bubble7 .circle {     background-color: #ff495f; }
.search-dialog-box .bubbles-bg .bubble8 {     width: 1.35rem;     padding-top: 1.35rem;     left: 95.83%;     top: 70.83%; }
.search-dialog-box .bubbles-bg .bubble8 .circle {     border: 1px solid #fff; }
.search-dialog-box .bubbles-bg .bubble9 {     width: 16px;     padding-top: 16px;     left: 76.5625%;     top: 96.296%; }
.search-dialog-box .bubbles-bg .bubble9 .circle {     background-color: #fff; }
.search-dialog-box .bubbles-bg .bubble10 {     width: 56.875%;     padding-top: 56.875%;     left: 71.354%;     top: 87%; }
.search-dialog-box .bubbles-bg .bubble10 .circle {     background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);     background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);     background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%); }
.search-dialog-box .bubbles-bg .bubble {     animation: spin 8s infinite linear;     transform-origin: 50% 45%; }
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {     animation: spin2 8s infinite linear; }
.search-dialog-box .bubbles-bg .bubble .circle {     animation: spin-reverse 8s infinite linear; }
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {     animation: spin-reverse2 8s infinite linear; }
.search-dialog-box .bubbles-bg .sm-bubble {     transform-origin: 30% 30px; }
.search-dialog {     position: absolute;     left: 0;     top: 50%;     transform: translateY(-50%);     width: 100%;     z-index: 2; }
.search-dialog .search-tit {     font-size: 2.75rem;     line-height: 3.5rem;     color: #fff;     text-align: center;     overflow: hidden;     display: none; }
.search-dialog .search-inner {     overflow: hidden;     margin-top: 0; }
.search-dialog .search-input {     width: 50rem;     margin: 0 auto;     padding: 0 0.5rem 0 1.5rem;     background-color: rgba(255, 255, 255, .3);     box-sizing: border-box;     border: 1px solid #ccc;     transition: all .3s;     max-width: 94%; }
.search-dialog .search-input input[type=text] {     float: left;     height: 4.5rem;     width: calc(100% - 4.5rem);     background-color: transparent;     outline: none;     line-height: .5rem;     color: #333;     font-size: 18px;     transition: all .3s; }
.search-dialog .search-input input[type=button], .search-dialog .search-input .clear-btn {     float: right;     height: 4.5rem;     width: 3.5rem; }
.search-dialog .search-input input[type=button] {     background-color: transparent;     background-repeat: no-repeat;     background-position: center;     background-size: 2.2rem;     background-image: url('../images/search-btn.svg'); }
.search-dialog .search-input .clear-btn {     background-color: rgba(0, 0, 0, .2);     background-repeat: no-repeat;     background-position: center;     background-image: url('../images/close-btn.svg');     background-size: 3.5rem;     border-radius: 100%;     margin-right: 1rem;     display: none; }
.search-dialog .search-input.on {     background-color: #fff; }
.search-dialog .search-input.on input[type=submit] {     background-image: url('../images/search-btn2.svg') }
.search-dialog .hot-search {     font-size: 0;     width: 19.5rem;     margin: .6rem auto 0;     box-sizing: border-box;     padding: 0 .6rem;     overflow: hidden; }
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link {     display: inline-block;     *display: inline;     zoom: 1;     vertical-align: top; }
.search-dialog .hot-search .hot-tit {     font-size: .375rem;     line-height: .5rem;     color: #fff;     font-weight: bold;     padding-left: .6rem;     background-repeat: no-repeat;     background-position: left center;     background-size: .5rem;     background-image: url(../images/hot-icon.png); }
.search-dialog .hot-link {     margin-left: 1rem; }
.search-dialog .hot-link a {     display: inline-block;     *display: inline;     zoom: 1;     font-size: .375rem;     line-height: .5rem;     margin-right: .75rem;     color: #fff;     padding-bottom: 5px;     position: relative; }
.search-dialog .hot-link a:before {     content: "";     position: absolute;     left: 0%;     bottom: 0;     width: 100%;     height: 2px;     background-color: #fff;     transform: scaleX(0);     transform-origin: left center;     transition: transform .3s; }
.search-dialog-box .bottom-box {     position: absolute;     left: 0;     bottom: 5.1%;     width: 100%; }
.search-dialog-box .bottom-box .share-box {     overflow: hidden; }
.search-dialog-box .bottom-box .copy {     font-size: .35rem;     line-height: .5rem;     color: #fff;     font-family: "gilroy-regular";     margin-top: .5rem;     overflow: hidden; }
.header-right.is-open .bubbles-bg {     visibility: visible;     opacity: 1; }
.header-right.is-open .search-btn .con-box {     display: none; }
.header-right.is-open .close-btn {     display: block; }
.header-right.is-open .item .search-bg {     transform: scale(1); }
.search-dialog-box.on {     opacity: 1;     visibility: visible; }
.search-dialog-box.on .search-bg {     height: 100vh; }
.search-dialog-box.on .bubbles-bg {     opacity: 1;     visibility: visible; }
.search-dialog-box.on .wrap-inner {     transform: translateY(0) }
.pub-close {     position: absolute;     width: 3rem;     height: 3rem;     z-index: 10;     right: 1.5rem;     top: 1.35rem;     background-color: rgba(255, 255, 255, .3);     border-radius: 100%; }
.pub-close .bg {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     transform: scale(0);     border-radius: 100%;     transition: transform .3s; }
.pub-close i {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     background-position: center;     background-size: 1.55rem;     background-repeat: no-repeat;     background-image: url(../images/close-btn.svg);     transition: .6s }
.pub-close i:hover {     transform: rotate(180deg) }

/*pc*/

.phone {display: none !important;}

/*==============头部
.header {height: 80px;position: fixed;width: 100%;z-index: 99; }
.header:after {content: '';height: 0;display: block;overflow: hidden;clear: both; }
.header .logobox {width: 210px;height: 80px;margin-left: 5%;display: flex;align-items: center;*justify-content: center; }
.header .logobox a, .header .logobox a img {display: block; }
.header .logobox a img {width: 100%; }
.header .logobox .logo {display: none; }
.header .r-nav-box {margin-right: 5%; }
.menu-btn {display: none; }
.header .language {     width: 70px;     position: relative;     margin-top: 19px; }
.header .language .btn {     width: 40px;     height: 40px;     display: flex;     align-items: center;     justify-content: center;     font-size: 16px;     cursor: pointer;     border: 1px solid #fff;     border-radius: 50%; } 
.header .language .btn a{color: #FFFFFF;}
.header .language .btn i {    width: 24px;     display: inline-block;     font-family: "iconfont";     color: #FFFFFF;     font-size: 24px;     margin-right: 10px; }
.header .language .list {     display: none;     position: absolute;     width: 100%;     color: #FFFFFF;     font-size: 14px;     text-align: center;     padding: 20px 0;     background: rgba(255 255 255 /0.2);     margin-top: 20px; }
.header .language .list ul li a {     font-size: 16px;     display: block;     color: #fff; }
.header .top_login {     width: 100px; }
.header .top_login:hover .txt {     color: #fff;     background: #FA7D00 }
.header .top_login .txt {     width: 90px;     height: 40px;     color: #FA7D00;     border: 1px solid #FA7D00;     display: flex;     align-items: center;     justify-content: center;     margin-right: 0.5vw; }
.header .top_login a {     height: 80px;     display: flex;     align-items: center;     justify-content: center;     color: #FA7D00;     font-size: 16px; }
.header:hover .top_login a:hover, .header:hover .top_login a:hover i, .header:hover .language:hover .btn i, .header:hover .language:hover .btn {     color: #FA7D00; }
.search_h, .search_w {     width: 18px; }
.search_h, .header.xg .search_w, .header:hover .search_w {display: none; }
.header.xg .search_h, .header:hover .search_h {     display: block; }
.header .search_box {     width: 90px;     height: 80px;     display: flex;     align-items: center;     justify-content: center;     float: left;     position: relative; }
.header .search_box .tit {     font-family: "iconfont";     font-size: 22px;     color: #FFFFFF;     cursor: pointer;     font-size: 24px; }
.header:hover .search_box .tit:hover {color: #FA7D00; }

.header.xg .language .btn,.header:hover .language .btn, .procom_wrap .header .language .btn {     border: 1px solid #423f3f; }
.header .search_box .searchBar {     display: none;     width: 500px;     position: absolute;     right: -5px;     top: 81px;     z-index: 95;     background: #fff;     box-sizing: border-box;     padding: 0;     display: none; }
.header .search_box .searchBar .inpubox .closeBtn, .header .search_box .searchBar .inpubox .searchBtn {     font-family: "iconfont";     width: 55px;     height: 55px;     font-size: 22px;     color: #fff;     cursor: pointer;     float: left;     transition-duration: 0.4s;     -webkit-transition-duration: 0.4s;     -moz-transition-duration: 0.4s;     -ms-transition-duration: 0.4s;     -o-transition-duration: 0.4s; }
.header .search_box .searchBar .inpubox .closeBtn {     width: 50px;     float: right;     display: flex;     align-items: center;     justify-content: center; }
.header .search_box .searchBar .inpubox .closeBtn:after {     content: "\e7df"; }
.header .search_box .searchBar .inpubox input[type="text"] {     padding: 0 36px 0 10px;     box-sizing: border-box;     width: calc(100% - 110px);     float: left; }
.header .search_box .searchBar .inpubox input[type="text"] {     *width: 100%;     height: 55px;     line-height: 55px;     font-size: 14px;     color: #666;     padding-left: 10px; }
.header .search_box .searchBar .inpubox input[type="text"]::-webkit-input-placeholder {     color: #999999; }
.header .search_box .searchBar .inpubox input[type="text"]:-moz-placeholder {     color: #999999; }
.header .search_box .searchBar .inpubox input[type="text"]::-moz-placeholder {     color: #999999; }
.header .search_box .searchBar .inpubox input[type="text"]:-ms-input-placeholder {     color: #999999; }
.header .search_box .t_wx {     float: right;     background: #FA7D00;     border-radius: 22px;     width: 44px;     height: 44px; }
.header .search_box .t_wx .btn {     display: block;     width: 44px;     height: 44px;     font-size: 22px;     font-family: "iconfont";     color: #FFFFFF;     display: flex;     align-items: center;     justify-content: center;     cursor: pointer; }
.header .search_box .t_wx .btn:after {     content: "\e61b"; }

.header .nav_box .pc_nav {     display: block; }
.header .nav_box .phone_nav {     display: none; }
.header .nav_box {     height: 80px;     display: flex;     align-items: center;     justify-content: center; }
.header .nav_box ul.nav_ul>li {     float: left;     text-align: center; }
.header .nav_box ul.nav_ul>li.on, .header .nav_box ul.nav_ul>li:hover {*background: url("../images/nav_on.png")no-repeat center bottom 20px; }
.header .nav_box ul.nav_ul>li>a {     padding: 0 6px;     min-width: 100px;     font-size: 18px;     color: #FFFFFF;     line-height: 80px;     display: block;     position: relative; }
.header .nav_box ul.nav_ul>li:hover>a {     *background: rgba(255 255 255 /0.8);     color: #FA7D00; }
.header .nav_box ul.nav_ul>li:hover>a:after, .header .nav_box ul.nav_ul>li.on>a:after {     width: 100%; }
.header .nav_box ul.nav_ul>li>.sub {     display: none;     position: absolute;     top: 81px;     z-index: 2;     width: 100%;     left:0;     background: #fff; }

.header .nav_box ul.nav_ul>li>.sub1 .box {     padding: 20px 5px;     display: flex;     justify-content: center; }
.header .nav_box ul.nav_ul>li>.sub1 .box:after, .header .nav_box ul.nav_ul>li>.sub1 ul:after {     content: '';     display: block;     overflow: hidden;     clear: both; }
.header .nav_box ul.nav_ul>li>.sub1 .imgbox {width: 320px;float: left;overflow: hidden; } .header .nav_box ul.nav_ul>li>.sub1 ul {float: none;margin-left: 0px; } .header .nav_box ul.nav_ul>li>.sub1 ul li {line-height: 38px;float:left;margin:0 40px; } .header .nav_box ul.nav_ul>li>.sub1 ul li:first-child {margin-left: 0;} .header .nav_box ul.nav_ul>li>.sub1 ul li:last-child {margin-right: 0;}
.header .nav_box ul.nav_ul>li>.sub1 ul li:before {content: '>';font-family: '宋体';margin-right: 10px;font-weight: 600;font-size: 13px;color: #333;display: none; }
.header .nav_box ul.nav_ul>li>.sub1 ul li a {     font-size: 16px;     color: #333; }
.header .nav_box ul.nav_ul>li>.sub1 ul li:hover a {     color: #FA7D00 }

.header .nav_box ul.nav_ul>li>.sub1 ul li:hover a, .header .nav_box ul.nav_ul>li>.sub1 ul li:hover:before {     color: #FA7D00; }
.header .nav_box ul.nav_ul>li>.sub2 {     width: 100vw;     background: rgba(255, 255, 255, 1);     left: 0;     border-bottom: 1px solid #efefef; }
.header .nav_box ul.nav_ul>li>.sub2 .box {     width: 1000px;     margin: auto;     padding: 30px 0 40px; }
.header .nav_box ul.nav_ul>li>.sub2 ul {     display: flex; }
.header .nav_box ul.nav_ul>li>.sub2 ul li {     margin-bottom: 25px;     display: flex;     flex-direction: column; }
.header .nav_box ul.nav_ul>li>.sub2 ul li:first-child{display: block;} .header .nav_box ul.nav_ul>li>.sub2 ul li:after, .header .nav_box ul.nav_ul>li>.sub2 ul:after {     content: '';     display: block;     overflow: hidden;     clear: both; }
.header .nav_box ul.nav_ul>li>.sub2 ul li h3 {     display: block;     margin-bottom: 15px;     position: relative;     padding-left: 18px; }
.header .nav_box ul.nav_ul>li>.sub2 ul li h3:before, .header .nav_box ul.nav_ul>li>.sub2 ul li dl dt:before, .header .nav_box ul.nav_ul>li>.sub2 ul li dl dd:before {     content: '>';     font-family: '宋体';     margin-right: 10px;     font-weight: 600;     font-size: 12px;     color: #666666;     position: absolute;     left: 0px;     top: 6px; }
.header .nav_box ul.nav_ul>li>.sub2 ul li dl dt:before, .header .nav_box ul.nav_ul>li>.sub2 ul li dl dd:before {     top: 9px;     font-size: 11px;     color: #aaaaaa; }
.header .nav_box ul.nav_ul>li>.sub2 ul li dl dd:before {     color: #dfdfdf;     font-size: 10px;     display: none; }
.header .nav_box ul.nav_ul>li>.sub2 ul li h3:after {     content: '';     display: block;     position: absolute;     width: 35px;     height: 2px;     background: #FA7D00;     bottom: -7px; }
.header .nav_box ul.nav_ul>li>.sub2 ul li h3 a {     text-align: left;     display: block;     font-size: 17px;     color: #222;     font-weight: 600; }
.header .nav_box ul.nav_ul>li>.sub2 ul li dl {     text-align: left;     float: left;     margin-right: 50px;     margin-bottom: 10px;     min-width: 210px; }
.header .nav_box ul.nav_ul>li>.sub2 ul li dl dt {     margin-bottom: 5px;     position: relative;     padding-left: 18px; }
.header .nav_box ul.nav_ul>li>.sub2 ul li dl dt a {     font-size: 16px;     color: #333;     line-height: 32px; } .header .nav_box ul.nav_ul>li>.sub2 ul li dl dt {     text-align: left;     position: relative;     padding-left: 18px; }

.header .nav_box ul.nav_ul>li>.sub2 ul li dl dd a {     font-size: 16px;     color: #333;     line-height: 24px; }
.header .nav_box ul.nav_ul>li>.sub2 ul li dl dd {        padding-top: 5px;     position: relative;     padding-left: 18px;text-align:left;}
.header .nav_box ul.nav_ul>li>.sub2 ul li dl dd a:hover, .header .nav_box ul.nav_ul>li>.sub2 ul li dl dt a:hover {color: #FA7D00; }


.header .nav_box ul.nav_ul>li>.sub2 ul li:nth-child(3) {     margin-bottom: 0px; }
.header .nav_box ul.nav_ul>li>.sub2 ul li:last-child h3:after {     *display: none; }
.header .list_box {     background: rgb(255 255 255 / 95%);     position: absolute;     top: 81px;     width: 100%;     left: 0;     -moz-transition: all 0.2s ease-in-out;     -webkit-transition: all 0.2s ease-in-out;     -o-transition: all 0.2s ease-in-out;     -ms-transition: all .2s ease-in-out;     transition: all 0.2s ease-in-out;     display: none; }
.header.xg, .procom_wrap .header {     background: #fff;     border-bottom: 0;     color: #222;     box-shadow: 1px 5px 21px 1px #cccccc52; }

.header.xg .logobox .logo_w, .header:hover .logobox .logo_w {     display: none; }
.header.xg .logobox .logo, .header:hover .logobox .logo {     display: block; }
.header:hover .top_login a {     color: #FA7D00; }
.header.xg .language .btn a, .header.xg .top_login a, .header.xg .search_box .tit, .header.xg .nav_box ul.nav_ul>li>a, .header.xg .top_login a i, .header.xg .language .btn i, .header.xg .language .btn:after, .header:hover .language .btn a, .header:hover .search_box .tit, .header:hover .nav_box ul.nav_ul>li>a, .header:hover .top_login a i, .header:hover .language .btn i, .header:hover .language .btn:after, .procom_wrap .header .language .btn a, .procom_wrap .header .top_login a, .procom_wrap .header .nav_box ul.nav_ul>li>a {     color: #222; }

.header.xg .language, .header.xg .top_login, .header.xg .search_box, .header:hover .language, .header:hover .top_login, .header:hover .search_box {     border-color: rgba(0 0 0 /0.1); }
.header.xg .language .list ul li a {     *color: #222; }
.header.xg .language .list {     background: rgba(23 92 162/1);     DISPLAY: NONE !important; }
.header.xg .nav_box ul.nav_ul>li:hover>a, .header:hover .nav_box ul.nav_ul>li:hover>a {     color: #FA7D00 !important; }
.header:hover {     background: #fff;     border-bottom: solid 1px #dfdfdf; }

header end**************/

.banner {
    position: relative;
}

.banner .swiper-container-autoheight .swiper-slide {
    overflow: hidden;

}

.banner .swiper-slide a {
    display: block;
    transition: -webkit-transform .55s
}

.banner .swiper-slide a:hover span {
    color: #fff
}
.banner .phone{display:none !important;}
.banner .swiper-slide .imgs {
    *height: 900px;
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: relative;
}

.banner .swiper-slide .text {
    position: absolute;
    top: 46%;
    z-index: 99;
}
.banner .swiper-slide .more{left:5px;bottom: -18vw;display:none}
.banner .swiper-slide .text h3 {
    font-size: 80px;
    color: #fff
}
.banner .wrap{width:100%;margin-left:9%;;margin-right:5%;position:static;}
.more {
    width: 13vw;
    height: 3.5vw;
    line-height: 3.5vw;
    border: 2px solid #FA7D00;
    font-size: 20px;
    color: #FA7D00;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    position: relative;
    overflow: hidden;
    text-align: center;
}


.more:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 110%;
    content: '';
    height: 100%;
    background: #FA7D00;
    transition: -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
    transition: transform .55s cubic-bezier(.52, .08, .18, 1);
    transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: translateX(-101%) skewX(-17.62deg);
    transform: translateX(-101%) skewX(-17.62deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
}

.more:hover:after {
    -webkit-transform: translateX(0) skewX(-17.62deg);
    transform: translateX(0) skewX(-17.62deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.banner .swiper-slide.swiper-slide-active .img .text h3 {
    top: 0px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.banner .swiper-slide.swiper-slide-active .img .text h6 {
    top: 0px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.banner .swiper-container-horizontal .swiper-pagination {
    bottom: 20px;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    opacity: 0.5;
    color: #FFFFFF;
    *background: rgba(238 115 0 / 100%);
    padding: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

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

.banner .swiper-button-next {
    right: -80px;
}

.banner .swiper-button-prev {
    left: -80px;
}

.banner:hover .swiper-button-next {
    right: 40px;
}

.banner:hover .swiper-button-prev {
    left: 40px;
}

.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
    opacity: 1;
}

.banner .swiper-pagination span {
    width: 60px;
    height: 10px;
    border-radius: 0;
    opacity: 1;
    overflow: hidden;
    background: rgb(255, 255, 255);
    opacity: 0.2;
    margin: 0 5px;
    position: relative;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.banner .swiper-pagination .swiper-pagination-bullet::after {
    content: " ";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: #FA7D00;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/* .banner .swiper-pagination .swiper-pagination-bullet-active::after {width:0%;transition:all 13s;animation:swipermove 13s linear;-webkit-transition-duration: 12s;-moz-transition-duration: 12s;-ms-transition-duration: 12s; -o-transition-duration: 3s; transition-duration: 12s;} */
/* .banner .swiper-pagination .swiper-pagination-bullet-active::after {width:0%;transition:all 13s;animation:swipermove 1s linear;-webkit-transition-duration: 12s;-moz-transition-duration: 12s;-ms-transition-duration: 12s; -o-transition-duration: 3s; transition-duration: 12s;} */

.i_titbox {
    font-size: 2.88vw;
    color: #000000;
}

.i_titbox .i_tit {
    position: relative;
}

.i_titbox .i_tit span {
    display: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72px;
    height: 72px;
    line-height: 72px;
    color: #FFFFFF;
    opacity: 0.5;
}



/**/
.index_box1 {
    padding:4.2vw 0 5vw;
}

.index_box1 .list {
    margin-top:2.6vw;
}

.index_box1 .list ul {
    width: 100%;
    display: flex;
}

.index_box1 .list ul>li {
    padding-top:60px;
    width:25%;
    margin-right:25px;
    position: relative;
}

.index_box1 .list ul>li:last-child {
    margin-right: 0;
}
.index_box1 .list ul>li:hover{box-shadow: 1px 0px 15px 0px #d9d7d7;}
.index_box1 .list ul>.item1:first-child {
    background-image: url(../images/li_probg1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.index_box1 .list ul>.item1:nth-child(2n) {
    background-image: url(../images/li_probg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.index_box1 .list ul>.item1:nth-child(3n) {
    background-image: url(../images/li_probg3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.index_box1 .list ul>.item1:nth-child(4n) {
    background-image: url(../images/li_probg4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.index_box1 .list ul>li .img {
    padding:20px 40px;
    width:78%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    margin-bottom: -52px;
    position: relative;
    z-index: 99;
}
.index_box1 .list ul>li:after{content:'';height:6px;width:0%;position:absolute;left:0;bottom:0;background:#f77b00}
.index_box1 .list ul>li:hover:after{widtH:100%;}
.index_box1 .list ul>.item1:nth-child(1n):hover{ background-image: url(../images/li_probg1_hover.jpg);}
.index_box1 .list ul>.item1:nth-child(2n):hover{ background-image: url(../images/li_probg2_hover.jpg);}
.index_box1 .list ul>.item1:nth-child(3n):hover{ background-image: url(../images/li_probg3_hover.jpg);}
.index_box1 .list ul>.item1:nth-child(4n):hover{ background-image: url(../images/li_probg4_hover.jpg);}
.index_box1 .list ul>li .img img {object-fit: contain;}
.index_box1 .list ul>li .m-box {   
    width: 100%;
    margin: 0 auto;
    color: #333;
    text-align: center;
    transition: 0.6s ease;
}


.index_box1 .list ul>li .tit {font-size: 36px;}
.index_box1 .list ul>li:hover .tit{color:#f77b00;font-weight:bold;}
.index_box1 .list ul>li:hover .sub-tit{color:#333333;}
.index_box1 .list ul>li .sub-tit {
    font-size: 24px;
    color: #7e7e7e;
    margin-top: 10px;
}

.index_box1 .list ul>li .more {
    margin: 0 auto;
    width: 13vw;
    height: 3.2vw;
    line-height: 3.2vw;
    border: 1px solid #FA7D00;
    font-size: 20px;
    color: #FA7D00;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    display: none;
}

.index_box1 .list ul>li:hover .m-box {
  
  
}


@media screen and (min-width: 980px)

{
.index_box2 .swiper-slide:after{background:rgb(0 0 0 / 32%);content:'';position:absolute;width:100%;height:100%;}
}
.index_box2 .swiper-slide img{vertical-align:middle}
.index_box2 .swiper-slide a{position:relative;display:block;width:100%;height:100%;}
/**/

.index_box2 .i_titbox .more,.index_box4 .more{display:none !important;}
.index_box2 .swiper-slide{position:relative;}
.index_box2 .i_titbox {
   /* display: flex;
    justify-content: space-between;*/
}

.index_box2 .mySwiper2 {
    position: relative;
    margin-top: 2vw;
    overflow: hidden;
}

.index_box2 .swiper .hy-txt-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.index_box2 .swiper .hy-txt-box .hy-tit{color:#fff;font-size:32px;margin-bottom:20px;}
.index_box2 .swiper .hy-txt-box .txt {
    width: 800px;
    color: #fff;
    font-size: 24px;
    line-height: 42px;
}

.index_box2 .mySwiper {
    overflow: hidden;
}

.index_box2 .mySwiper .thumb-item {
    margin-top:10px;
    height: 130px;
    background-color: rgb(247, 247, 247);
    display: flex;
    justify-content: space-between;
    align-items: center;

    cursor: pointer;
}

.index_box2 .mySwiper .thumb-item .l-txt {
    font-size: 24px;
    padding-left: 20px;
    width: 50%;
}

.index_box2 .mySwiper .thumb-item .r-pic {
    width: 100px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.index_box2 .mySwiper .thumb-item .r-pic img {
    width: 100%;
    vertical-align: middle;
    display: none;
}

.index_box2 .mySwiper .swiper-slide:nth-child(1n) .thumb-item .r-pic {
    background-image: url(../images/hyyy01_hover.png);
}

.index_box2 .mySwiper .swiper-slide:nth-child(2n) .thumb-item .r-pic {
    background-image: url(../images/hyyy02_hover.png);
}

.index_box2 .mySwiper .swiper-slide:nth-child(3n) .thumb-item .r-pic {
    background-image: url(../images/hyyy03_hover.png);
}

.index_box2 .mySwiper .swiper-slide:nth-child(4n) .thumb-item .r-pic {
    background-image: url(../images/hyyy04_hover.png);
}

.index_box2 .mySwiper .swiper-slide:nth-child(5n) .thumb-item .r-pic {
    background-image: url(../images/hyyy05_hover.png);
}

.index_box2 .mySwiper .swiper-slide:nth-child(6n) .thumb-item .r-pic {
    background-image: url(../images/hyyy07_hover.png);
}
.index_box2 .mySwiper .swiper-slide:nth-child(7n) .thumb-item .r-pic {
    background-image: url(../images/hyyy06_hover.png);
}
.index_box2 .mySwiper .swiper-slide-thumb-active .r-pic {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}


.index_box2 .mySwiper .swiper-slide.swiper-slide-thumb-active .thumb-item {
    color: #FA7D00;
    border-bottom: 4px solid #FA7D00;
}


/* 关于我们 */
.index_box3 {
    position: relative;
    margin-top:4.5vw;
}

.index_box3 .index_box3_bg {padding:4.2vw 0;background:#f6f6f6;
  
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.index_box3 .index_box3_bg .i_titbox p {font-size:18px;line-height:30px;text-align: justify;}

.index_box3 .index_box3_bg .content_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index_box3 .index_box3_bg .content_box .l_wrap{width:52%;}
.index_box3 .index_box3_bg .content_box ul {
    margin-top: 20px;
    width: 500px;
}

.index_box3 .index_box3_bg .content_box ul>li {
    display: flex;
    width: 100%;
    height: 120px;
    align-items: center;
    justify-content: space-between;
}

.index_box3 .index_box3_bg .content_box ul>li:not(:last-child) {
    border-bottom: 2px solid rgb(230 230 230);
}

.index_box3 .index_box3_bg .content_box ul>li .icon {
    width: 60px;
    height:60px;
}

.index_box3 .index_box3_bg .content_box ul>li .tip {
    font-size: 24px;
    margin: 0 100px 0 50px;
}

.index_box3 .index_box3_bg .content_box ul>li .num {
    font-size: 42px;width:130px;
    text-align: justify;
}

.index_box3 .index_box3_bg .content_box ul>li .num big {
    font-size: 42px;
    font-family: 'KronaOne';
}
.index_box3 .index_box3_bg .content_box ul>li:last-child .num big{letter-spacing: -3px;}
.index_box3 .index_box3_bg .content_box .r_wrap .img_box {
    position: relative;
}

.index_box3 .index_box3_bg .content_box .r_wrap .pl_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.index_box3 .index_box3_bg .content_box .r_wrap .pl_icon .pl_icon2 {
    display: none;
}

.index_box3 .index_box3_bg .content_box .r_wrap .pl_icon:hover .pl_icon2 {
    display: block;
}

.index_box3 .index_box3_bg .content_box .r_wrap .pl_icon:hover .pl_icon1 {
    display: none;
}

.index_box3 .index_box3_bg .video {
    width: 660px;
    height: 680px;
    position: relative;
}

.index_box3 .index_box3_bg .video .video_img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.index_box3 .index_box3_bg .video .video_img:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 /0.7);
}

.index_box3 .index_box3_bg .video .video_img i {
    font-size: 36px;
    position: absolute;
    color: #FFFFFF;
    width: 65px;
    height: 65px;
    top: calc(50% - 32.5px);
    left: calc(50% - 32.5px);
}

.index_box3 .index_box3_bg .video .video_img i .icon {
    width: 65px;
    height: 65px;
    color: #FFFFFF;
    fill: #FFFFFF;
    cursor: pointer;
}

.index_box3 .index_box3_bg .video .video_img i svg path {
    fill: #FFFFFF;
    transition: all 0.5s ease;
}

.index_box3 .index_box3_bg .video .video_img img {
    max-width: 100%;
}

.index_box3 .index_box3_bg .video .video_img i:hover svg path {
    fill: #FA7D00;
}

.index_box3 .index_box3_bg .video .video_box {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.list_box_10 {max-width:90px;max-height:90px;
    height: 7.8vw;z-index:10;width: 7.8vw;
    position: relative;
}
.list_box_10 .range {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}
.list_box_10 a{
    border-radius: 100%;display: block;
    width: 100%;
    height: 100%;
    background:#fa7d00bf;
    position: relative;
    z-index: 6;}
.list_box_10 .range em {
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#fa7d0087;
    opacity: 0;
	animation: range-1 1.5s linear infinite;
					&:nth-of-type(2){
						animation-delay: .5s;
					}
					&:nth-of-type(3){
						animation-delay: 1s;
					}
}
@keyframes range-1 {
  0% {
    opacity: 1;
    transform: scale(0.6);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.4);
  }
}
.index_box3 .wrap{z-index: 9;}
.list_box_10 .top {
    z-index: 9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.list_box_10 .top .ico {
    display: flex;    
    align-items: center;
    justify-content: center;padding:28px;
}

.list_box_10 .top .ico img {
   margin-left:12px;
}

.pl_icon2 {
    display: none;
}

.index_box3 .index_box3_bg .video .close {
    width: 26px;
    height: 26px;
    top: 10px;
    right: 7px;
    position: absolute;
    cursor: pointer;
    transition-duration: 0.4s;
    z-index: 9;
}

.index_box3 .index_box3_bg .video .close:before {
    content: '';
    position: absolute;
    top: 10px;
    display: inline-block;
    height: 2px;
    width: 18px;
    background: #FFFFFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.index_box3 .index_box3_bg .video .close:after {
    content: '';
    position: absolute;
    top: 10px;
    display: inline-block;
    height: 2px;
    width: 18px;
    background: #FFFFFF;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.index_box3 .index_box3_bg .video video {
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
}

.compare-con .duibi:hover a {
    color: #fff;
}

/**/
.index_box4 {
    margin:4.2vw 0;
}

.index_box4 .i_titbox {
    display: flex;
    justify-content: space-between;
}

.index_box4 .list_news {
    width: 100%;
    margin-top: 20px;
}

.index_box4 .list_news ul {
    display: flex;
}

.index_box4 .list_news ul>li {
    width: 32%;
}

.index_box4 .list_news ul>li .li-item {
    width: 100%;
    background-color: rgb(247, 247, 247);
}

.index_box4 .list_news ul>li:not(:last-child) {
    margin-right: 50px;
}

.index_box4 .list_news ul>li .li-item .info {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: rgb(194, 196, 204);
    padding:30px;
    box-sizing: border-box;
}

.index_box4 .list_news ul>li .li-item .info .time {
    margin: 0px 0 15px 0;
    font-family: 'KronaOne'
}

.index_box4 .list_news ul>li .li-item .info .news {
    width: 100%;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgb(5, 8, 39);
}

.index_box4 .list_news ul>li .li-item .news-pic {
    height: 283px;
    overflow: hidden;
}

.index_box4 .list_news ul>li .li-item .news-pic img {
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease;
    object-fit: cover;
}

.index_box4 .list_news ul>li .li-item:hover img {
    transform: scale(1.2);
}

.index_box4 .list_news ul>li .li-item:hover .time {
    color: #000;
}

.index_box4 .list_news ul>li .li-item:hover .news {
    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:55%;margin-top:-5px;}
.cen-banner .swiper-container .thumb-item .txt {font-size: 24px;color: #000;margin-top:-12px;}
.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: 145px;
    width: 100%;
}
 .procard_box .swiper-container{width:80%;margin:0 auto;}
 .pro_class .swiper-container,.card_pro .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;
}
.main-content {margin-top: -90px;}
/* 导航栏 */
.cen-nav {border-bottom: 1px solid rgb(207, 219, 230);     display: flex;     align-items: flex-end;     justify-content: center; }
.cen-nav .item {padding-bottom: 18px; }
.cen-nav .item:first-child {     margin-right: 100px }
.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:36px;     height:36px;     margin-right:5px; }
.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:4vw;}
.gngs-page {padding-top:3.2vw;}
.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:4vw 8% 3vw;box-sizing:border-box;} .gngs-page .wrap2 .pic-box {     display: flex;     align-items: center;     justify-content: space-between; }
.gngs-page .wrap2 .pic-box .r-icon-list {     width: 54%;     margin-top:1.8vw; }
.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: 10px 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 a div{height: 62px;} .gngs-page .wrap2 .pic-box .r-icon-list ul>li img {     width: 4.1vw;max-width: 90px;max-height: 90px;     height: 4.1vw;     margin-bottom: 10px; }
.gngs-page .wrap2 .l-pic {    width:30%;text-align: center;}

.gngs-page .wrap2 .r-txt {     width: 50%;     font-size:24px;line-height:42px; }
.gngs-page .wrap2 .l-pic img {     width: 100%;     margin-top: 20px; }
.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; justify-content: space-between; }

.gngs-banner-xl .content-txt {width: 50%; }
.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:3vw; }
.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-------- */

/* 3d系列产品中心 */
.cen-nav-3d.cen-nav{}
.cen-nav-3d.cen-nav .item a{width:auto}
.cen-nav-3d .item{margin-right:60px !important;}
.cen-nav-3d.cen-nav .item:last-child{margin-right:0 !important;}
.pdtop32{padding-top: 3.2vw}
.pdtop3{padding: 3.2vw 0 2vw;}
.pro-class-3d .swiper-container .swiper-wrapper { justify-content: center;}
.gngs-banner-3d .content-txt{margin-right:10vw;}
/*.gngs-page .gngs-banner-3d {background-image: url(../images/3d_banner.jpg); }*/
.gngs-banner-3d .r-pro-img {width:24vw;display:none;}
.gngs-banner-3d .content-txt .btn-box{margin-top:2.6vw;}
.feature_box{display:flex;justify-content: space-between;align-items: center;}
.feature_box .tab{height:100%;width:50%;}
.feature_box .tab ul{height:100%;}
.feature_box .tab ul li{padding:26px 5px ;position: relative; cursor: pointer;border-bottom:2px solid #efefef;transition: 0.5s all;}
.feature_box .tab ul li i svg{width:20px;height:20px;}
.feature_box .tab ul li h3{color:#333333;font-size:26px;display: flex;justify-content: space-between;}
.feature_box .tab ul li p{display:none;font-size:18px;margin-top:20px;line-height:32px;}
.feature_box .tab ul li.active{border-bottom:2px solid #fa7d00;}
.feature_box .tab ul li.active p{display:block;}
.feature_box .tab ul li.active svg path{fill: #fa7d00}
.feature_box .tab ul li.active h3{color:#fa7d00;}
.feature_box .bot{width:44%;}
.feature_box .bot dl{display:none;}
.feature_box .bot dl.cur{display:block;}
.feature_box .bot dl dd{}
.feature_box .bot dl dd .img{overflow: hidden;}
.feature_box .bot dl dd .img img{transition: all 0.5s ease;width:100%;}
.feature_box .bot dl dd .img:hover img{transform: scale(1.1);}
.case_list_page .father-swiper .swiperBtn, .case_list_page .father-swiper .swiperBtn_r {bottom: 50% !important;}
.chicun_con{text-align:center;}
.down_list_page{margin-bottom:3.6vw !important;}
/* 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;
    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 {       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; }

.hy-content {     margin-top: 200px; }
.hy-content .hygs {     display: flex;MARGIN-bottom:4.5vw; }
.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 { 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;   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: -48%;
}

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

/* 走进埃科 */

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

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


.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 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: 4.2vw 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 .btn,#pasw_box ul li .menu .btn{
    width: 260px;
    height: 52px;
    background: #FA7D00;
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;cursor: pointer;
}

#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;
    padding-left: 20px;
}
.compare_table td:nth-child(1){ padding-right: 25px;}
.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 th:last-child{
    text-align: left !important;}

.compare_table td:last-child {
     
    text-align: left !important;
    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 td.img-td{*max-width:400px!important;width:400px;}
.content-trast div.img-td {
    width: 15.6vw;
    padding: 1.82vw 2vw 1.82vw 0;
}

.content-trast .trast_tit,#parameter_list .bottom-tr .trast_tit{
width:10vw!important;
	
	
}

.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;display:none;
}

.content-trast .img-content {
    width: 15.6vw;
    height: 15.6vw;
	min-width:240px;
	min-height:240px;
    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;display: flex;
    justify-content: center;
    align-items: center;
}

.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;
	min-width:240px;
	min-height:240px;
    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 .pic img{height:95%;}
.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: 160px;
}

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


/**/
.content-trast .trast_top{display:flex;}
.content-trast .trast_top .trast_tit{display: flex; align-items: center;padding-left: 1.5%; font-size: 18px; padding-right: 0; font-weight: 700;color: #5B6172;}
.content-trast .trast_top li.img-td{width:420px;}
.content-trast .trast_top .add-td{display: flex; align-items: center;}
.content-trast .trast_top .add-td .add-product{margin: 1.82vw 0 1.82vw 0;}
	
#parameter_list .bottom-tr{display:flex;height: 70px; border-bottom: 1px solid #e6e5e5;}
#parameter_list .bottom-tr:first-child{height:32px;padding-bottom:10px;}
#parameter_list .bottom-tr li{display:flex;align-items: center;font-size: 18px;color: #5B6172;padding:0 20px 0 0;}
#parameter_list .bottom-tr li.trast_tit{padding-left: 1.5%; font-size: 18px; padding-right: 0; font-weight: 700;color: #5B6172;}
#parameter_list .bottom-tr li:last-child{padding-right:0;}
#parameter_list ul:last-child{display:flex;}
#parameter_list ul:last-child li.trast_tit{padding-left: 1.5%;}



*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: 1920px) {
   
	.banner .swiper-slide .more{bottom:-15vw}
}

@media screen and (max-width: 1700px) {
     .cen-banner .swiper-container{bottom: 110px;}
    
    .index_box1 .list ul>li .tit {font-size:26px;}
    .yy-banner .top-nav .img-list .img-item a {width: 160px;}
    .hy-content .swiper-container .thumb-item {width: 399px;height: 400px;}
	.banner .swiper-slide .more{bottom:-13vw}
    .banner .swiper-slide .text h3 {font-size: 68px;}
    .index_box2 .mySwiper .thumb-item .l-txt {font-size: 20px;width: 66%;}    
	.index_box2 .mySwiper .thumb-item {height: 100px;}
    .phone {display: none !important}
    .main_box,.wrap {width: 80%;}
    .banner .swiper-slide .img .text {top: 37%;right: calc(50% - 650px);}
    .banner .swiper-slide .img .text h3 {font-size: 50px;margin-bottom: 30px;}
    .banner .swiper-slide .img .text h6 {font-size: 24px;line-height: 36px;}
    .index_box1 .list .item .a_link a {line-height: 36px;padding: 0 12px;font-size: 16px;margin-right: 15px;}
    .index_box1 .list .item,.index_box1 .list .item .textbox {height: 385px;}
    .index_box1 .list .item .textbox .text p {-webkit-line-clamp: 3;}
    .index_box2 .bot {width: 1320px;}
    .index_box3 .index_box3_bot .content_box .about_link ul li {margin-right: 80px;}
   
    .footer .f_nav {*margin-right: 50px;}
    #n_pro_search .pro_search_list .table .tr .td {font-size: 14px;}
    #n_pro_search .pro_search_list .table .tr .th:nth-child(6),#n_pro_search .pro_search_list .table .tr .td:nth-child(6) {width: 5%}


  }
	
	.index_box3 .index_box3_bg .content_box ul li .flex {align-items: center;	}
	.index_box3 .r_wrap {width: 40%;display: flex;justify-content: center;	}
	.index_box3 .img_zd{position:absolute;right:50px;top:30%;width: 55%;}
	.index_box3 .video_opic {width: 100%;}

@media screen and (max-width: 1620px) {
    .index_box4 .list_news ul>li .li-item .news-pic{height:250px;}
    .index_box2 .swiper .hy-txt-box .txt {font-size: 20px;line-height: 36px;}    
	.index_box1 .list ul>li .img{margin-bottom: -42px;}
    .cen-banner .l-side h1 {font-size: 60px;}
    .compare-wrap {width: 95%;}
    .proview-banner .l-side .btn-box .btn-item {height: 60px;}
    .proview-banner .mySwiper2 .swiper-slide{height:400px;}
	.gngs-banner-xl .content-txt .tit{font-size: 42px;}
	.gngs-banner-xl .r-pro-img {width: 25vw;}	
	
	.content-trast .trast_top li.img-td{width:380px!important;}
	#parameter_list .bottom-tr li{width:360px!important;}
	#parameter_list .bottom-tr li:last-child{width:auto!important;padding:0!important;}
    .gngs-page .wrap2 .pic-box .r-icon-list ul>li a div {    font-size: 22px;}
    .compare_table td{font-size:16px;}
    .ab_fit .pic-box .item-list .item .bt-tit {font-size: 30px;     }
    .index_box1 .list ul>li .more {font-size: 18px;     }
    .yy-banner .top-nav .img-list .img-item a {width: 125px;     }
    .hy-content .swiper-container .thumb-item {width: 372px;         height: 367px;     }
    .hy-content .swiper-button-prev .button-prev img {         width: 50px;         height: 50px;     }
    .hy-content .swiper-button-next .button-prev img {         width: 50px;         height: 50px;    }
    .index_box2 .mySwiper {overflow-x: auto;     }
    .index_box2 .mySwiper .swiper-slide {margin-right: 20px;     }
    .index_box2 .mySwiper ::-webkit-scrollbar {display: none;     }

    .phone {display: none !important;}     
	.banner .swiper-slide .img .text {top: 37%;right: calc(50% - 600px);     }
    .banner .swiper-slide .img .text h3 {font-size: 42px;margin-bottom: 25px;     }
    .banner .swiper-slide .img .text h6 {font-size: 20px;line-height: 38px;     }
    .index_box1 .list .item .a_link a {line-height: 32px;padding: 0 15px;         font-size: 14px;         margin-right: 10px;     }
    .i_titbox .i_tit span {font-size: 60px;height: 60px;line-height: 60px;     }
    .index_box1 .list .item,.index_box1 .list .item .textbox {         height: 360px;     }
    .index_box3 .index_box3_bot .video {width: 47%;     }
    .index_box2 .bot {width: 1220px;}
    .index_box2 .bot dl dd .textbox .text {height: auto;     }
    .index_box2 .bot dl dd .textbox .more {margin-top: 30px;     }
    .index_box2 .bot dl dd .textbox {width: calc(100% - 550px);     }
    .index_box2 .tab ul li {width: 140px;}
    .index_box3 .index_box3_bot .content_box {width: 53%;     }
    .index_box3 .index_box3_bot,     .index_box3 .index_box3_bot .video {height: 420px;     }
    .index_box3 .index_box3_bot .content_box .box {padding: 20px 30px 0 50px;}
    .index_box3 .index_box3_bot .content_box .content {margin-top: 35px;font-size: 16px;min-height: 90px;margin-bottom: 40px;         line-height: 35px;     }
    .index_box3 .index_box3_bot .content_box .about_link ul li {margin-right: 70px;     }   
    .footer .f_nav {*margin-right: 30px;     }    
	#n_pro_search .pro_search_list .table .tr .th,#n_pro_search .pro_search_list .table .tr .td {width: 10%;     }
    .main-content .swiper-container .thumb-item .imgs {height:230px;     }
    /**/.pro_banner .ny_wrap {left: calc(50% - 600px);     }
    .index_box3 .index_box3_bg .content_box ul>li .num {font-size: 42px;     }    
	.cen-banner .swiper-container .thumb-item .txt,.main-content .swiper-container .thumb-item .txt {font-size:20px;     }    
    .gngs-page .wrap2 .pic-box .r-icon-list {width: 64%;}

    .compare-wrap ul {width: 86%;}
    .compare-wrap ul li {width: 27%;     }
    #n_mian .n_tt h3 {font-size: 48px;     }
   .pro_type .pic-box .item .txt{font-size:32px;}
   .sub_pro_class .swiper-container .thumb-item .txt{font-size:18px;}
   
  /*3d*/ 
  .feature_box .tab ul li{padding: 18px 5px;}
  .feature_box .tab ul li h3{font-size:24px;}
  .feature_box .tab ul li p{font-size: 16px;line-height: 28px;margin-top:14px;}
  .cen-nav .item .txt{font-size: 22px;}

}



@media screen and (max-width: 1441px) {
	.i_titbox p{font-size:20px;}
	.sub_pro_class .swiper-container .thumb-item .pic {width: 50%;}
	.index_box1 .list ul>li .img{ margin-bottom: -40px;    padding: 20px 30px;}
	.index_box1 .list ul>li{padding-toP:40px;}
	.gngs-banner-xl .content-txt .tit{font-size:48px;}
   .gngs-page .wrap2 .pic-box .r-icon-list ul>li img{margin-bottom:10px;}
    .cen-banner .l-side h1,.proview-banner .l-side h1 {font-size: 48px;     }
    .banner .swiper-slide .text h3 {font-size: 58px;}
    .index_box2 {padding-top: 0;}
   
    .yy-banner .top-nav .img-list .img-item a {width: 125px;}
    .hy-content .swiper-container .thumb-item {width: 330px;height: 340px;     }
     .banner .swiper-slide .img .text h3 {font-size: 36px;margin-bottom: 15px;     }
    .banner .swiper-slide .img .text h6 {font-size: 18px;line-height: 32px;     }
    .index_box1 .list .item,     .index_box1 .list .item .textbox {height: 330px;     }

    .index_box1 .list .item .textbox .box {padding: 30px 30px 0;}
    .index_box1 .list .item .textbox .tit {margin-bottom: 20px;     }
    .index_box1 .list .item .textbox .text {height: 32px;     }
    .index_box2 .bot {width: 1120px;     }
    .index_box2 .bot dl dd .textbox {width: calc(100% - 530px);         margin-left: 40px;     }
    .index_box5 .i_newsbox .f_news {width: 540px;     }
    .index_box5 .i_newsbox .list {width: calc(100% - 580px);     }
    .index_box3 .index_box3_bot,.index_box3 .index_box3_bot .video {         height: 380px;     }
    .index_box3 .index_box3_bot .content_box .about_link ul li {margin-right: 60px;     }  
    .index_box1 .list ul>li .tit {font-size: 26px;}
    .index_box2 .i_titbox p {width: 85%;     }
    .index_box4 .list_news ul>li:not(:last-child) {margin-right: 30px;     }
    .index_box4 .list_news ul>li {width: 32.5%;}
    .index_box3 .index_box3_bg .content_box ul>li .num big {font-size: 38px;     }
	.index_box2 .swiper .hy-txt-box .txt{font-size:20px;font-size: 18px;}

	.cen-nav .item .txt {font-size: 20px;}
	.cen-nav .item img{width: 30px;height: 30px;}
	
}




@media screen and (max-width: 1280px) {
    .pro_class .swiper-container,.card_pro .swiper-container{width:90%;}
    .pro_type .i_titbox,.ab_fit{margin: 50px 0 30px;}
    .i_titbox p{font-size: 20px;}
    .main-content .swiper-container{margin-top:30px;}
    .i_titbox .i_tit h3{margin: 0 !important;}
    #n_mian .n_tt h3{font-size: 38px;}
	.pro_type td{font-size: 16px;}
	.feature_box .tab ul li h3{font-size: 20px;}
	.feature_box .tab ul li {padding: 10px 5px;}
	.feature_box .tab ul li p{font-size: 15px;line-height: 24px;margin-top: 10px; }
	.feature_box{ flex-direction: column;}
	.feature_box .tab,.feature_box .bot{width:100%;}
	.feature_box .bot{margin-top:30px;}
	.cen-nav-3d .item{margin-right: 50px !important;}
    .pdtop32{padding-top:40px;}  
	.pdtop3,.pro_type .i_titbox{padding:40px 0 20px;}
	.pro_class .swiper-container .swiper-wrapper{justify-content: flex-start;}

}



@media screen and (max-width: 1200px) {
.index_box3 {overflow:Hidden;}
	.index_box3 .img_zd{right:0;bottom: -15%;top: auto;width: 100%;}
    .i_titbox p{width: 100%;}
    .index_box4 .more.phone{margin: 30px auto 0;}
    .yy-banner .top-nav .img-list .img-item a{width: 145px;}
    .index_box2 .i_titbox p {width: 100%;}
    .hy-content .swiper-container .thumb-item{width: 372px;height: 367px;}
    .phone {display: block !important;}

    .index_box2 .more {margin: 30px auto 0;}
    .index_box1 .list ul>li .m-box{margin-top:0;}
    .more {text-align: center;border: 2px solid #FA7D00;font-size: 16px;color: #FA7D00;display: flex;align-items: center;justify-content: center;margin-top: 10px;}

    .pc {display: none !important;}
    .index_box1 .list ul {flex-wrap: wrap;}
    .index_box1 .list ul>li {width:48%;margin: 20px 1%;}     
	.index_box4 .list_news ul {flex-direction: column;}
    .index_box4 .list_news ul>li {width: 100%;}
    .index_box1 .list ul>li .tit {font-size: 24px;}
      .banner .swiper-slide .text h3 {font-size: 36px;}
    .banner .swiper-slide .text .more {font-size: 16px;margin-top: 20px;}
    .index_box2 .swiper {position: relative;margin-top: 10px;}
    .index_box2 .swiper .hy-txt-box .txt {font-size: 18px;line-height: 32px;}
    .index_box2 .mySwiper .thumb-item .l-txt {font-size: 18px;}

    .index_box2 .mySwiper .swiper-slide.swiper-slide-thumb-active {color: #FA7D00;border-bottom: 2px solid #FA7D00;}    
	.index_box3 .index_box3_bg {padding: 80px 0;}
    .index_box3 .index_box3_bg .content_box {display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
    .index_box3 .index_box3_bg .content_box ul {margin-top: 30px;width: 100%;}
    .index_box3 .index_box3_bg .content_box ul>li {display: flex;width: 100%;height: 100px;align-items: center;justify-content: space-between;} 

    .index_box3 .index_box3_bg .content_box ul>li .icon {width: 40px;height: 40px;}
    .index_box3 .index_box3_bg .content_box ul>li .tip {font-size: 20px;margin: 0 20px 0 30px;}
    .index_box3 .index_box3_bg .content_box ul>li .num {font-size: 34px;}
    .index_box3 .index_box3_bg .content_box .l_wrap {width: 98%;margin-bottom: 40px;}
    .index_box3 .index_box3_bg .content_box .r_wrap {width: 100%;text-align: center;}
    .index_box3 .index_box3_bg .content_box .r_wrap .video_opic {width: 80%;}
    .index_box3 .index_box3_bg .content_box .r_wrap .img_box {position: relative;}
    .index_box3 .index_box3_bg .content_box .r_wrap .pl_icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;}
    .index_box3 .index_box3_bg .video {width: 360px;height: 380px;position: relative;}
    .index_box4 .list_news ul>li:not(:first-child) {margin-top: 30px;}

    .index_box4 .list_news ul>li .li-item .info {font-size: 18px;width: 100%;}
    .index_box4 .list_news ul>li .li-item .info .news {height: 58px;}

    .cen-banner .swiper-button-next .button-prev img,.cen-banner .swiper-button-prev .button-prev img,.main-content .swiper-button-prev .button-prev img,.main-content .swiper-button-next .button-prev img {display: none;}

    .main-content .swiper-container .thumb-item .txt {height: 60px;line-height: 60px;}
    .pro_type td {font-size: 16px;}
    .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;}

    .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}
	.cen-nav .item img {width: 30px;height: 30px;}
	.cen-nav.cen-nav-3d{flex-wrap: nowrap;overflow-y: auto;justify-content: flex-start;}
	.cen-nav-3d .item{flex: none;margin-right: 20px !important;}

}

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

   .cen-banner .swiper-container {bottom: 110px;}
    .header .nav_box .pc_nav {display: none;}
    .header .nav_box .phone_nav {display: block;}
    .header .nav_box {height: 100%;}
   .pro_class .swiper-container{bottom: 130px;}
   .main-content .pro_list_page{padding-top: 40px;}
   .gngs-banner-3d.gngs-banner-xl .r-pro-img{display:block;width:100%;margin-top:20px;}   
   .gngs-page .gngs-banner-3d {background-image: none !important;flex-direction: column;padding:0;}
   .gngs-banner-xl .content-txt{width:100%;margin-right:0;}

}

@media screen and (max-width: 980px) {
  .pro_class .swiper-container{bottom: 150px;}
   .pro_class .swiper-container,,.card_pro .swiper-container{width:100%;}
   .procard_box .swiper-container{width:100%;}    
    .pro_class .swiper-container .swiper-wrapper{justify-content: flex-start;}
    .index_box2 .swiper-wrapper .flex {flex-direction: column;}
	.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;}
    .index_box2 .swiper .hy-txt-box {position: static;transform: translate(0);}     
	.index_box2 .swiper .hy-txt-box .hy-tit{display:none;color:#222;font-size:24px;text-align:left;}     
	.index_box2 .swiper .hy-txt-box .txt {width: 100%;color: #5B6172;font-size: 15px;padding-top: 15px;line-height: 26px;text-align: justify;}
    #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:90px;}
    .index_box4 {margin: 40px 0;}
    .index_box4 .list_news {margin-top: 1px;}
    .index_box4 .list_news ul>li .li-item .info {padding: 30px 25px;}
  
    .content-trast tr {height: 56px;}
    #n_mian .n_tt h3 {font-size: 30px;}
	.compare_table th{min-width:70px;}
	.list_box_10{height: 50px;padding: 28px 20px 28px 15px; width: 50px;}


  
}

@media screen and (max-width: 800px) {
  .index_box1 .list ul>li .img {margin-bottom: -25px;}
  .index_box1 .list ul>li {padding-toP: 25px;}
  .pro_class .swiper-container{bottom: 110px;}
  .index_box3 .index_box3_bg{padding:40px 0;}
  .index_box3 .index_box3_bg .i_titbox p{font-size: 14px;line-height: 26px;}
  .header .nav_box ul.nav_ul>li {text-align: left;}
  .main_box,.wrap {width: 94%;}

   .index_box1 .list ul>li .tit {font-size: 18px;}

    .index_box1 .list ul {margin: 0;}
    .index_box1 .list ul>li .img {height: auto;width: 78%;padding:10px 20px;}
    .banner .swiper-container-horizontal .swiper-pagination {bottom: 10px;}

 
    .banner .swiper-slide .text h3 {font-size: 30px;}
    .banner .swiper-pagination span {height: 5px;}
    .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 a div {height: 58px;}   
	.gngs-page .wrap2 .pic-box .r-icon-list ul>li{margin-bottom:0;}
    .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;font-size:18px;}
    
    .gngs-page .gngs-banner {margin: 20px 0 40px;}
  
    .cen-nav .item:first-child {margin-right: 15px;}
    .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;}
    .cen-nav {margin-top: -50px;}
  
    .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;}
    .n_banner,.n_banner .bg {height: 80vw;background-attachment: initial;}
    .user_tt h3 {font-size: 36px;}
    .cen-nav .item a {width: auto;}

    .compare_table td {height: 54px;}
    .proview-banner .l-side h1 {font-size: 32px;margin-bottom:20px;     }
    .proview-banner .l-side ul>li {font-size: 16px;height: 50px;     }

    .header .language .btn {border: none !important}
    .header,.header .logobox,.header .top_login a,.header .search_box,.header .language .btn {height: 50px;line-height: 50px;     }
    .header .nav_box {*display: none;margin-right: 0;     }
    .header .language .btn:after {display: none;     }
    .header .logobox {width: 140px;margin-left: 10px;     }
    .header .language,.header .top_login,.header .search_box {width: auto;         padding: 0 3px;         min-width: 30px;     }

    .header .top_login {*margin-right: 50px;*border-right: 1px solid rgba(255 255 255 /0.2);}
    .header .language .btn {font-size: 14px;     }
    .header .top_login a {         font-size: 14px;     }
    .header .top_login img {         width: 24px;         padding-top: 16px;     }
    .header.xg .language svg path,.wrapper.shiftLeft .header .language svg path {fill: rgb(0, 0, 0);     }
    .header .language {         margin-top: 0;     }
    .header .language span {         font-size: 20px;     }
    .search_h,.search_w {width: 20px;     }
    .pro_type .pic-box .item .txt {font-size: 32px;     }
    .footer .f_nav dl dd a {font-size: 16px;     }
    .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 {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: 240px;         height: 200px;         padding-top: 20%;     } 	
	.content-trast div.img-td{padding: 25px 2vw 25px 0;}    
	.content-trast .pic {width: 100px;         height: 100px;         line-height: 0;     }
    .gngs-page .wrap2 .r-txt {         width: 95%;         font-size: 20px;     }
	.banner .phone{display:block !important;}
	.banner .ani{display:none;}
	.banner .swiper-slide .imgs{object-fit: contain;}
	
	.cen-nav .item{padding-bottom:12px;}
   #n_down { padding: 50px 0;}
	#n_down .down_bot ul li .fl p span:last-child{    padding: 0;}

}

@media screen and (max-width:640px) {
   .cen-banner .swiper-container{bottom:80px}
   .main-content {    margin-top: -50px;}

}